@charset "utf-8";



#wrap{position:relative;left:0;width:100%;min-height:100%;max-width:1920px;margin:0 auto;  
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#wrap.lnbOpen{left:136px}
#wrap.lnbOpen #header{left:136px}

/* header */
#header{position:fixed;top:0;left:0;width:100%;z-index:1200; background: url(/theme/basic/images/common/top_bg.png) center 0 repeat-x;  width:100%; height:216px; z-index:9;min-width:1200px; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#header .header_wrap{position:relative;max-width:1200px;margin:0 auto; overflow:hidden; background:url(/theme/basic/images/top_centerbg.png) center 0 no-repeat; }
#header .head_box{overflow:hidden ; width:1200px; margin:63px auto 27px}
#header .head_box a{floaT:left;margin-left:24px; display:block;}
#header .head_box p{float:right}
#header .head_box .top_tel{float:right; margin:0px 0}

#header .top_menu{overfloW:hidden; float:right;display:inline-block;height:35px; line-height:30px; }
#header .top_menu a{float:left; color:#fff; padding:0 11px;  font-size:13px; letter-spacing:-0.3px;}
#header .top_menu a.top_co{color:#5facfa}



#header.on{position:fixed; ;overflow:hidden;margin-top:-32px; }
#header.on .gnb{margin-top:0;}
#header.on .btn_desk_logo{top:-1px;left:-1px;width:62px;height:62px}
#header.on .btn_desk_logo img{width:100%}
#header.on .btn_other{top:-40px}




/*Ãß°¡*/







/* ----------------------- Sub ------------------------------- */

#content { width:100%; float:right; }

#footer{background:#1d1d1d; padding:25px 0; line-height:17px;font-size:12px; min-width:1200px;}
#footer small{padding:10px;display:block; font-size:12px;}
.footer_menu{overflow:hidden }
.footer_menu a{color:#fff; display:inline-block; margin-bottom:10px;padding: 0 13px 0 5px; background:url(/theme/basic/images/common/g_line.png) right 5px no-repeat;}
.footer_menu a:nth-child(2){background:none}
.footer_s{bordeR:10px solid #ededed; padding:30px; width:1000px; margin:30px auto 0}
.footer_s h3{color:#000; font-size:24px;text-align:center; letter-spacing:-1.5px;padding-bottom:26px; border-bottom:1px solid #dbdbdb;margin-bottom:20px ;}

/*Äü¸Þ´º*/
#quick{position:absolute; top: 210px;left:50%;*width:1041px;*height: 430px;z-index:10; margin-left:700px;}
#quick ul{*width: 159px;*height: 430px;margin: 0;padding: 0;}
#quick li img {vertical-align: top;}



.sns_box{width:100%}
.sns_box a{width:50%; display:block; float:left}
.sns_box a img{width:100%}




/*»ïÁ¤Ãß°¡*/
#gnb { display:inline-block;  width:100%; text-align:Center;position:fixed; z-index:20000; top:146px; left:50%;margin-left:-50%;  }
#gnb .gnb_depth1 {  display:inline-block;  font-family:"¸¼Àº°íµñ",Malgun Gothic,"³ª´®°íµñ",Nanum Gothic,'µ¸¿ò',dotum,AppleGothic,sans-serif;  }
#gnb .gnb_depth1 li { float:left; padding:0 24px; line-height:52px;height:52px; text-align:center; }
#gnb .gnb_depth1 li:first-child { margin-left:0; }
#gnb .gnb_depth1 li a { font-weight:600; font-size:18px; color:#0e0e0e;font-weight:100 ;  display:block; cursor:default}
#gnb .gnb_depth1 li a:hover{ border-bottom:4px solid #00b7f3;  }
#gnb .util { }
#gnb .util > a { float:left; width:70px; height:70px; font-size:12px; text-align:center; line-height:70px; color:rgba(255, 255, 255, 0.76); }
#gnb .menu_newsletter {padding-right:10px}
#gnb .menu_mypage { position:relative; text-indent:-9999px; border-left:1px solid rgba(218, 218, 218, 0.25); }
#gnb .menu_mypage:after { content:""; position:absolute; top:19px; left:21px; width:33px; height:33px; background:url(/pjtCom/images/common/icon_header.png) no-repeat 0 0; }
#gnb .menu_search { position:relative; text-indent:-9999px; border-left:1px solid rgba(218, 218, 218, 0.25); border-right:1px solid rgba(218, 218, 218, 0); background:#ee3124; }
#gnb .menu_search:after { content:""; position:absolute; top:23px; left:22px; width:26px; height:25px; background:url(/pjtCom/images/common/icon_header.png) no-repeat -38px 0; }
#gnb .menu_search.on:after { background-position:-68px -38px; }
#gnb .gnb_depth2 { left:0; width:100%; height:0; transition:height 0.3s; background:#fff; overflow:hidden;  }
#gnb .gnb_depth2 .inner {width:1044px;  height:100%; margin:20px auto 0; box-sizing:border-box; overflow:hidden; text-align:center; }
/*2020-10-29 »ó´Ü ¸Þ´º ¼öÁ¤ 
#gnb .gnb_depth2 .inner .list01{width:140px; text-align:Center;}
*/
#gnb .gnb_depth2 .inner .list01{width:214px; text-align:Center;}
#gnb .gnb_depth2 .inner .list02{ width:200px; text-align:Center;}
#gnb .gnb_depth2 .inner .list03{ width:127px; text-align:Center; }
#gnb .gnb_depth2 .inner .list04{ width:180px; text-align:Center;}
#gnb .gnb_depth2 .inner .list05{ width:165px; text-align:Center;}
#gnb .gnb_depth2 .inner .list06{ width:136px; text-align:Center;}
#gnb .gnb_depth2 .inner .list07{ width:90px; text-align:Center; text-align:right}
#gnb .gnb_depth2 ~ .dimd { content:""; display:none; position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); }
#gnb .gnb_depth2 ul { float:left; }

#gnb .gnb_depth2 ul li {  margin-top:17px; box-sizing:border-box;  }
#gnb .gnb_depth2 ul li:first-child { margin-top:0; }

#gnb .gnb_depth2 a { font-size:16px; color:#555555; line-height:20px;  }
#gnb .gnb_depth2 a:hover { color:#ce462e; font-weight:500; }
#gnb .gnb_depth1:hover ~ .gnb_depth2,
#gnb .gnb_depth1 ~ .gnb_depth2:hover { transition:height 0.6s; height:190px;  border-top:1px solid #e6e6e6}
#gnb .gnb_depth1:hover ~ .gnb_depth2 ~ .dimd,
#gnb .gnb_depth1 ~ .gnb_depth2:hover ~ .dimd { display:block; }