@charset "UTF-8";

/* 상단 레이아웃 */
#hd {position:relative;background:#fff;}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd_h1 {position:absolute;font-size:0;text-indent:-9999px;line-height:0;overflow:hidden}

#logo {padding:10px;height:70px;text-align:center;line-height:50px}
#logo img{vertical-align:middle;max-height:100%;width:auto}
#gnb_open {color:#fff;position:absolute;top:20px;right:20px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;background:none; font-size: 24px;}
#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;border-bottom:1px solid #cacaca;font-size:16px}
.gnb_2dul {display:none;}
.gnb_2dli{background:#fafafa}
.gnb_2da {border-bottom:1px dotted #cacaca;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}

#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:1.5}
#gnb_empty a {display:inline;text-decoration:underline}

#hd_sch {text-align:center;padding:20px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999px;line-height:0;overflow:hidden}
#hd_sch form {position:relative;padding-right:40px;}
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:13px;}

#user_btn {position:absolute;top:20px;left:10px;padding:0 10px;height:30px;width:30px;border:0;font-size:24px;background:none;color:#fff !important;}
#user_menu{display:none;position:fixed;top:0;left:0;height:100%;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4));
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4));
box-shadow: 0 0 5px  rgba(55,55,5,0.4);}
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url("../img/mobile/btn_close.png") no-repeat right 50% #222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

#hd_nb{margin:20px;}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li{width:50%;float:left;text-align:center;font-size:13px;font-weight:bold}
#hd_nb li a{display:block;color:#717171;padding:20px 0}
#hd_nb li i{font-size:20px;}
#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}




/* 서브메뉴-현재위치 */
.submenuwrap{position:relative;width:100%; padding:10px 0px; margin:0 auto; background:#fafafa;border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; z-index:9998;display:inline-block;}
.submenulocation{position:relative; margin:0 auto;}
.submenu{position:relative; min-width:320px;}
.submenu li{float:left;display: inline-block;width:calc(50% - 0px);}
.submenu .locationhome{width:30px;margin-left:0px;border-right:1px dashed #ddd;box-sizing:border-box;}
.locationhome a{color:#222;}
.submenu .fa-caret-right{color:#b8b8b8}
.btm-arrow{float:right;display:inline-block;padding-right:10px;font-size:12px}

.locationdepth1{border-right:1px dashed #ddd;box-sizing:border-box;}
.locationdepth1>a{overflow:hidden;display:block;padding-left:10px;}
.locationdepthdrop1{position:absolute; width:50%;margin-top:10px;left: 0px;box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08)}
.locationdepthdrop1 li{width:100%;position:relative;padding:10px 0;line-height:25px;  border:1px solid #d2d2d2;border-top:0px;  background:#fff;}
.locationdepthdrop1 li a{color:#666; padding-left:10px;display:block;}

.locationdepth2{}
.locationdepth2>a{overflow:hidden;display:block; padding-left:10px;}
.locationdepthdrop2{position:absolute; width:50%;margin-top:10px;right: 0px;box-shadow:0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08)}
.locationdepthdrop2 li{width:100%;position:relative; padding:10px 0;line-height:25px;  border:1px solid #d2d2d2;border-top:0px;  background:#fff;}
.locationdepthdrop2 li a{color:#666; padding-left:10px;display:block;}