@font-face {
    font-family: 'NanumBarunGothic';
    src: url('/mo/menu191212/lib/font/NanumBarunGothic.eot');
         url('/mo/menu191212/lib/font/NanumBarunGothic.woff') format('woff'),
         url('/mo/menu191212/lib/font/NanumBarunGothic.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NanumBarunGothicBold';
    src: url('/mo/menu191212/lib/font/NanumBarunGothicBold.eot');
         url('/mo/menu191212/lib/font/NanumBarunGothicBold.woff') format('woff'),
         url('/mo/menu191212/lib/font/NanumBarunGothicBold.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

.block { position:fixed; z-index:25; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; }
.block.under{ z-index:15; }

.gnb-block { position:fixed; z-index:25; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6; }
.max { width:100%; }
/*animation*/
.ani-all {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}


#gnbWrap { font-family:'NanumBarunGothic', serif; display:block; width:100%; width:100%; position:fixed; left:-100%; top:0; line-height:1.625; z-index:90; }
#gnbWrap.active { left:0; }
#gnbWrap .gnb { width:100%; padding:0 5.4%; background:#fff; }
#gnbWrap .gnb .des-tit { color:#303030; font-size:30px; line-height:1.4; padding-top:43px; padding-bottom:34px; }
#gnbWrap .gnb .ico-list ul::after { content:''; display:block; clear:both; overflow:hidden; }
#gnbWrap .gnb .ico-list ul { margin-bottom:40px; }
#gnbWrap .gnb .ico-list ul li { position:relative; float:left; width:25%; }
#gnbWrap .gnb .ico-list ul li:not(:last-child):after { content:''; display:block; position:absolute; right:0; top:20px; width:1px; height:25px; background-color:#c8c8c8; }
#gnbWrap .gnb .ico-list ul li img { display:block; width:80px; text-align:center; margin:0 auto; }
#gnbWrap .gnb .ico-list ul li p { text-align:center; color:#303030; font-size:18px; }

#gnbWrap .gnb .line { width:100%; height:1px; background:#e8e8e8; }

#gnbWrap .gnb > ul { overflow:auto; padding-top:10px; padding-bottom:10px; }
.depth1 > ul { display:none; }
.depth2 > ul { display:none; }
#gnbWrap .depth1 > a { overflow:hidden; display:block; padding-top:15px; padding-bottom:15px; font-size:20px; font-weight:400; color:#303030; }
.icon-ar, .icon-small-ar { display:inline-block; float:right; }
.icon-ar img { display:inline-block; width:13px; height:8px; margin-right:15px; margin-top:12px; }
.icon-small-ar img { display:inline-block; width:15px; height:9px; margin-top:18px; margin-right:2px; }
#gnbWrap .depth2 > a { display:block; padding-top:12px; padding-bottom:12px; padding-left:3%; color:#505050; font-size:16px; }
#gnbWrap .menu-close { position:absolute; right:5.4%; top:25px; z-index:999; width:18px;; max-width:34px; height:18px; }

#gnbWrap .box-tel { background:url('/menu191212/lib/img/btn_tel_arrow.png') no-repeat 95% center; background-size:10px; display:block; background-color:#f8f8f8; padding-left:5.7%; padding-right:5.7%; padding-top:20px; padding-bottom:20px; border-radius:15px; margin-top:20px; margin-bottom:40px; }
#gnbWrap .box-tel p:first-child { color:#707070; font-size:16px; }
#gnbWrap .box-tel p:last-child { color:#303030; font-size:24px; font-weight:bold; }


#header { margin: 0 auto;padding: 0;background: none;border: none;width: 100%;max-width: 1900px;height: 120px;position: relative;}
#header .logo { position:absolute; left:28%; top:10%; width:33%; max-width:207px; min-width:150px; }
#header .Menu {position:absolute; left:2%; top:17%; padding:5px 10px; max-width:55px; min-width:35px;}

.flexible {width:100%; height:auto;}
.flexible2 {width:180%; height:auto;}

@media (max-width: 400px) {
    #header {height: 65px;}
    #gnbWrap .gnb .ico-list ul li p { font-size:15px; }
    #gnbWrap .gnb .ico-list ul li img { width:100%; }
}