@charset "UTF-8";
/* top_menu.css 시작*/

@media all and (min-width:1199px){
/* 상단 레이아웃 */
#gnb_open{display:none}
#user_menu, #user_btn, .btn_gnb_op{display:none}

#hd {position: relative; z-index: 10000;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
#hd:after {content:''; position:absolute; width:100%; ;background:#fff; z-index:999; left:0; height:0; transition: all 300ms; min-width:1200px;}
.hd_menu_on::after {height:250px !important;border-bottom:1px solid #ddd;}
.hd_menu_on  #hd_wrapper{background:#fff;transition: all .2s ease;
-webkit-transition: 0.2s all ease;
-moz-transition: 0.2s all ease;
-ms-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
}

.hd_rbox{width:100%}

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrap {width:100%; min-width:1200px; text-align:center}

#hd_wrapper {position:relative;margin:0 auto;width:100%;min-width:1200px;zoom:1;height: 202px;}
/*#hd_wrapper{background:url("/theme/basic/img/pub/hd_wrap_bg.png") right bottom no-repeat rgba(0,0,0, 0.6);}*/
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:"";background:#fff}


#hd_inside{display:flex;width:1200px;margin: 0 auto !important;; position:relative;justify-content: space-between;}
#logo {margin:20px 0;text-align:center}


.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;;border-right:0;float:left;font-size:13px}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}


#sbn_side{position:absolute;top:20px;right:0}

#tnb {height:35px;margin-top:20px} /* Top tnb color, border-bottom 필요시 추가 */
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;zoom:1; text-align:right;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {display:inline-block;margin-bottom:-1px; font-size:13px;}
#tnb li:last-child a{padding-right:0;}
#tnb a {display:inline-block;padding:0 5px;line-height:35px}
#tnb a:hover{color:#739b42;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:13px;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:13px}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

#logo img{max-width:400px}


/* 메인메뉴 */
#gnb{float:right;position:relative; font-family:'Noto Sans KR', malgun gothic, sans-serif;margin:10px auto 30px; overflow:hidden; transition:all 300ms; height:45px; z-index:1000;width:100%}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative;text-align:center;width:100% }
#gnb #gnb_1dul {padding: 0;zoom:1;margin:0 auto; width:100%;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:"";}
#gnb .gnb_1dli{float:left; position:relative;border-right:0px;text-align:left;border-collapse:collapse; margin:0px auto; }

/*#gnb_1dul > .gnb_1dli:first-child{margin-left: 0px !important;;}*/
/*#gnb_1dul > .gnb_1dli:last-child{margin-right: 0px !important;;}*/


#gnb_close {display:none}

/* #gnb .gnb_1dli:first-child{margin-left:0px} */
#gnb .gnb_1dli:hover{
-webkit-transition: background-color 2s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

.gnb_1dli .bg{display:inline-block;width:10px;height:10px;overflow:hidden;text-indent:-999px;display:none;}
.gnb_1da, .gnb_1da_on {display:block;text-decoration:none; line-height:45px; font-size:18px;}


.gnb_2dli{ }

.gnb_2dul {position:absolute;top:80px;min-width: 190px;padding: 0; left:calc(50% - 95px);}

/* 메뉴에 호버하면 하단메뉴 나타남, line-height 값으로 높이조정 */
.gnb_2da {display:block; padding:5px 0px; line-height:25px; color:#333; text-align:center;  text-decoration:none; font-size:12pt}
a.gnb_2da:hover{-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {}


.gnb_1dli_over .gnb_2dul {display:block;}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:170%;color:#fff}
.gnb_wrap .gnb_empty a{color:#474747;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#474747}

#gnb .gnb_menu_btn{background:#f7971d;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#f7971d;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:50%; margin-left:-550px;}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99; min-width:1200px;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul{background:#fff;border:1px solid #ddd;padding:20px; width:1200px; margin:0 auto;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
#gnb_all .gnb_al_li{background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a{font-size:13px;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:170%}
#gnb_all .gnb_al_li li i{color:#9ca6cc}
#gnb_all .gnb_al_li li a{color:#474747}

}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:1199px){
#gnb {display:none;background:#fff;position:fixed;top:0;right:0;z-index:99999;height:100%;overflow-y:auto;width:100%;max-width:420px;border-right: 1px solid #000;box-shadow: 18px 8px 100px #868686;}
/* 상단 레이아웃 끝 */

#gnb a {display:block;}
.gnb_1dli{position:relative;line-height:50px;}
.gnb_1dli button{position:absolute;top:0;right:0;border:0;width:50px;height:50px;overflow:hidden;background:url("../img/mobile/gnb_bg.png") no-repeat 50% 50%;text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url("../img/mobile/gnb_bg2.png") no-repeat 50% 50%}
.gnb_1da {padding:0px 20px;font-size:16px}
.gnb_2dul {display:none;}
.gnb_2dli{background:#fafafa}
.gnb_2da {background:url("../img/btn_next.gif") no-repeat 21px 22px;padding-left:30px;color:#444;font-size:14px;}
#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url("../img/mobile/btn_close.png") no-repeat right 50% #222222;background-size:25px;text-indent:-999999999px;overflow:hidden}

}
/* top_menu.css 끝 */