@charset "euc-kr";

/* Reset import */
@import url("comm.css");

html, body{height:100%;}
html{-webkit-text-size-adjust:none;}

#skipnav{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipnav *{display:inline;list-style:none;margin:0;padding:0;}
#skipnav a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipnav a:focus{left:0;width:100%;height:auto;background:#58b;color:#fff;font:bold 1em/2.5 '¸¼Àº °íµñ';text-decoration:none;text-align:center;}

h3.tit{color:#333; font-size:1.1em; font-weight:bold; margin:0; padding:0 0 10px; letter-spacing:-1px; }

/*layout*/
#header {position:relative; width:100%; min-width:1100px;height:183px; _background:url(/kookje/image_new/top_bg.jpg) repeat-x 0 0; }
#gnb_line {width:100%; height: 35px;background:#1d83c1;}
#gnb {position:relative; width:1100px; height: 35px; margin: 0 auto; padding:0;background:#1d83c1;}
#header_box_line {width:100%; height:100px;border-bottom:2px solid #1d83c1;}
#header_box {position:relative; width:1100px; height:100px; margin: 0 auto; padding:0; }
#menu_nav_line {width:100%;height:45px;border-bottom:1px solid #ddd;}
#menu_nav { position:relative;width:1100px; height:45px; margin:0 auto; padding:12px 0 0; font-size:1.2em; font-weight:bold;}
#wrap {position:relative; width:1100px; /*height:100%;*/ margin: 0 auto;font-size:14px; line-height:1.5;}
#footer { clear:both; width:100%; min-width:1100px;height:185px; background:url(/kookje/image_new/footer_bg.jpg) repeat-x 0 0; }
#footer_inner {position:relative; width:1100px; margin: 0 auto; color:#333; }

/* top */
#gnb .gnb_left {float:left;}
#gnb .gnb_left ul {margin:0; padding:0;}
#gnb .gnb_left ul li {display: inline-block; width:30px;text-align:center;padding-top:9px; list-style:none;}
#gnb .gnb_left ul li a{display:block;width:30px;height:25px;}

#gnb .gnb_right { float: right; margin-top:9px; }
#gnb .gnb_right ul {margin:0; padding:0;}
#gnb .gnb_right ul li {display: inline-block; margin-left:14px; padding:0; list-style:none; color:#fff;}

#header_box .tleft{ position:absolute; left:0; top:15px; }
#header_box h1#logo{ display:block; padding-top : 30px; text-align:center;margin:0 auto;width:250px}
#header_box .tright{ position:absolute; right:0; top:10px; }

#menu_nav .allmn{ display:inline-block; float:left; margin:0; padding: 0 20px 0 27px; background:url(/kookje/image_new/allmn.jpg) no-repeat 0 5px; color:#191919;}
#menu_nav ul { display:inline-block; margin: 0; padding:0; background:url(/kookje/image_new/menu_line.jpg) no-repeat 0 5px; border:12px;}
#menu_nav ul li{ float:left; padding:0 11px 0;height:31px;}
#menu_nav ul.news_menu > li:first-child{ float:left; padding-left:20px;}
#menu_nav ul li a {display:block; padding: 0 2px 12px; color:#191919;}
#menu_nav ul li a.on{ display:block; padding: 1px 2px 11px; color:#000; border-bottom:2px solid #1d83c1; }
#menu_nav ul.news_menu a:hover {color:#000;border-bottom:2px solid #1d83c1;}
#menu_nav .dep2 li{padding-top:4px;}
#menu_nav .dep2 li a.on{font-weight:bold;border:none;font-size:1.1em;}
#menu_nav .dep2 li a:hover {color:#000;border:none;font-weight:bold;}
#menu_nav ul li.prm a {display:block; color:#1976af;}
#menu_nav ul ul { display:inline-block; margin: 15px 20px 0;  padding: 0 ; background:none; }
#menu_nav ul ul li { display:inline-block; margin:0; padding:0 10px 0; }
#menu_nav ul ul li a {color:#333; font-weight:normal;}
#menu_nav li.prm ul li a {display:block; color:#666;}

#menu_nav .dep2 {display:none;position:absolute;top:45px;left: 0; box-sizing: border-box; width: 100%; z-index: 99; background: #f6f6f6; border-bottom:1px solid #ccc;border-top:1px solid #ddd; padding-bottom:10px;}
#menu_nav ul li:hover > .dep2 {display: block;}
/*#menu_nav .subNav02 {display:none;position:absolute;}*/

#menu_nav li ul{padding-left: 65px;}
#menu_nav li + li + li ul{padding-left: 225px; }
#menu_nav li + li + li + li ul{padding-left: 0; }
#menu_nav li + li + li + li + li ul{padding-left: 380px;}
#menu_nav li + li + li + li + li + li ul{padding-left:200px;}
#menu_nav li + li + li + li + li + li + li ul{padding-left: 0;}
#menu_nav li + li + li + li + li + li + li + li ul{float:right;/*padding-right: 100px;*/}

#menu_nav .dep3 ul {display:none;position:absolute;width:800px;top:110px;left: 0; box-sizing: border-box;z-index: 2;margin:0;padding:0;background:none;}
#menu_nav .dep3 ul.on {display:block;}
#menu_nav .dep3 li {float:left;height:35px;line-height:35px;font-size:13px;border:none;margin:0;padding:0 8px;}
#menu_nav .dep3 li a.on {font-weight:bold;color:#3fb2e8;font-size:13px;letter-spacing:-1px;border:none;padding:0 7px;border:}
.kookjeyoutube {margin-top:-15px;height:47px;padding:0;} #menu_nav .kookjeyoutube a{padding:0; margin:0;line-height:46px}
#menu_nav li.prm2 img {height:16px;}

#submenu_title {width: 780px;margin-bottom:10px;}
.submenu_title_top {width:780px;height:59px;border-bottom: 2px solid #454545;text-indent: 15px;font: bold 23px/60px 'malgun gothic','dotum';}
.submenu_depth {padding-right: 11px;font: normal 12px/74px 'dotum';letter-spacing: -1px;}
.submenu_title_bottom {width: 780px;height: 42px;background: #fafafa;border-bottom: 1px solid #ddd;}
#subtab_title{width:780px;height:65px;}

/*°Ë»ö*/
.search-box{position:absolute;top: 55px; right:0px;transform: translate(0, -50%);background-color: #1d83c1;height: 30px;border-radius: 5px;padding:5px;}
.search-btn{top:0;float:right;width: 40px; height: 40px;padding:0;margin:-5px -5px 0 -5px;display: flex;justify-content:center;align-items:center;transition:none;background: url(/kookje/image_new/icon-search2.png) no-repeat -40px center;background-color:#fff;background-size:auto;}
.search-box:hover .search-txt {width: 180px;padding:0 6px;}
.search-box:hover .search-btn {background-color:#fff; background: url(/kookje/image_new/icon-search2.png) no-repeat 0 center;float:right;margin:-5px -5px 0 -5px;}
.search-txt {border:none;height:38px;width:140px;margin-top:-5px;padding:0 0 0 20px;background-color:#1d83c1 !important;outline: none;float: left;padding: 0;color: #fff;font-size: 16px;transition: 0.4s;width:0;}
.search-txt::placeholder {color:#fff;font-size:16px;}
#header_box .tright+.search-box{right:100px;}

/*Àüüº¸±â*/
#nav_allview{width:100%;min-width:1100px;position:absolute;z-index:999;display:none;}
#allmenu {position:relative;display:block;margin:0 auto; background:#fff; width:1038px;height:395px;padding:8px 30px; border:1px solid #333;} 
#allmenu h2 {font-size:1.6em; font-weight: bold; margin:0 0 20px 25px; color: #333;}
#allmenu h3 { float: left; width: 110px; height: 25px; font-size:1.2em; font-weight: bold; color:#148ae4; border-bottom: 2px solid #148ae4; margin:8px 35px 8px 0; padding: 0;}
#allmenu ul li { display:inline-block; float: left; margin:0; padding: 0 10px 0; font-size:1.2em;letter-spacing:-2px; }
#allmenu .p1all{ clear: both; width:1030px;}
#allmenu .aclose {position:absolute;left:0;top:0}

/* footer */
#footer_inner dl { height: 35px; margin:0 70px 0; padding:15px 0 0;  }
#footer_inner dl dt {display:inline-block;  font-size: 1.2em; font-weight:bold; margin:0; padding: 0 20px 0 0; }
#footer_inner dl dd {display:inline-block; margin:0; padding: 0 15px 0 0; }
#footer_inner ul.info {margin:0; padding:25px 0 0; }
#footer_inner ul.addr {margin:0; padding:5px 0 0; width:800px; }
#footer_inner li {display:inline-block; margin:0; padding:0 20px 5px 0; }
#footer_inner .flogo {float: left; display:inline-block; height: 100px; margin:25px 40px 0 70px;}

.main_scroll {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
/* Chrome, Safari¿ë ½ºÅ©·Ñ ¹Ù */
::-webkit-scrollbar {width:10px; height: 8px; border: 1px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px;}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 2px; border-radius:2px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.1); -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.more{float:right;}
.space_small {letter-spacing:-0.2em}
.space_normal {letter-spacing:-0.1em}
.blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0;}

/*¸ð¹ÙÀÏÆ˾÷*/
#mobile{ width:232px; height:186px; border:1px solid #ccc; background:#FFFFFF; z-index:999; position:absolute;top:35px;right:0;}
#mobile_main{ width:210px; height:214px; margin:10px;}
#mobile_title{ border-bottom:1px solid #ccc; padding:0 0 7px 3px; text-align:left;}
#mobile_mountain{ padding-top:10px;}
#mobile_kookje{padding-top:15px;}
#mobile_web{padding-top:14px;}
.mobile_con{ text-align:left; width:150px; margin-left:70px; }
.cord_img{ width:60px; height:60px; float:left; border:1px solid #ccc;}
.title_01{font-weight:bolder; color:#0fc92e; height:16px;line-height:16px;}
.title_02{font-weight:bolder; color:#3fb3e7; height:16px;line-height:16px;}
.btn_align{ float:left; margin-right:10px;}
.mobile_con_con{ letter-spacing:-1px; line-height:13px; font-size:11px; margin:2px 0;}
#mobile_close{ position:absolute; width:15px; height:15px; top:13px; left:203px; cursor:pointer;}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;} 
.ellipsis4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;} 
.blank_30{clear:both;margin:0;width:100%;height:30px;}
.blank_20{clear:both;margin:0;width:100%;height:20px;}
.blank_15{clear:both;margin:0;width:100%;height:15px;}
.blank_10{clear:both;margin:0;width:100%;height:10px;}

.pd20 {padding-top:20px;}
.pdt10 {padding-top:10px;}.pdt20 {padding-top:20px;}.pdt30 {padding-top:30px;}
.pdb10 {padding-bottom:10px;}.pdb15 {padding-bottom:15px;}.pdb30 {padding-bottom:30px;}
.pdl5 {padding-left:5px;}.pdl10 {padding-left:10px;}.pdl20 {padding-left:20px;}
.pdr5 {padding-right:5px;}.pdr10 {padding-right:10px;}.pdr20 {padding-right:20px;}.pdr30 {padding-right:30px;}
.mgt5 {margin-top:5px;}.mgt10 {margin-top:10px;}.mgt20 {margin-top:20px;}.mgt30 {margin-top:30px;}
.mgb5 {margin-bottom:5px;}.mgb10 {margin-bottom:10px;}.mgb20 {margin-bottom:20px;}.mgb30 {margin-bottom:30px;}
.mgr10 {margin-right:10px;}.mgr15 {margin-right:15px;}.mgr20 {margin-right:20px;}

.w100p {width:100%;}
.fright {float:right;}
.fleft {float:left;}
.right {float:right;}
.left {float:left;}
.fBold {font-weight: bold;}
.f_red {color: #cc0000;}
.fOrange {color: #e26b05;}
.fixed{position:fixed;}
.f_green {color: #5ea51f;}
.fBrown {color: #A62A2A;}
.fBlue {color: blue;}
.f_size90 {font-size: 0.9em;}

select {padding:.5em .1em;background: url('/kookje/image_new/select_arrow.jpg') no-repeat 100% 50%;border: 1px solid #999;border-radius: 0px;z-index:10;}
select.date {padding: .3em 2.5em .3em .5em;font-size:14px;}

.table1 {border-collapse: collapse;margin:auto;}
.table1 th{border-bottom:1px solid #555;padding:10px 0; font-weight:bold;font-size:1.1em;}
.table1 td{border-bottom:1px dotted #999;text-align:center;padding:8px 0;}
.table1 td a:hover{color:#22bb00;}

.btn{background-color:#008CBA;/*Green*/border:none;color:white;padding:0 .8em;text-align:center;display:inline-block;font-size:14px;margin:4px 2px;-webkit-transition-duration:0.4s;/*Safari*/transition-duration:0.2s;cursor:pointer;font-weight:normal;}
.btn1{background-color:white;color:black;border:2px solid #008CBA;}.btn1:hover {background-color:#008CBA;color:white;}
.btn2{background-color:white;color:black;border:2px solid #4CAF50;}.btn2:hover {background-color:#4CAF50;color:white;}
.btn3{background-color:white;color:black;border:2px solid #f44336;}.btn3:hover {background-color:#f44336;color:white;}
.btn4{background-color:white;color:black;border:2px solid #e7e7e7;}.btn4:hover {background-color:#e7e7e7;}
.btn5{background-color:white;color:black;border:2px solid #555555;}.btn5:hover {background-color:#555555;color:white;}

/*¾Ë¸³´Ï´Ù*/
.k_bbc{display:block;width:268px; border: 1px solid #ddd;padding:15px;}
.k_bbc li {letter-spacing:-.5px;padding-bottom:2px;}

#go_mobile {position:fixed;bottom:30px;font-size:5em;float:left;left:25%;}
#go_mobile.button{float:left;left:50%;}