@charset "utf-8";

/* skip */
.skip { font-size:16px; left:0; margin:0 auto; position:absolute; top:-50px; width:100%; z-index:999;}
.skip a:focus,
.skip a:active { background:#333; color:#fff; height:40px; line-height:40px; position:absolute; top:50px; text-align:center; width:100%; z-index:999;}

#wrap {width:100%;position:relative;}

#header{border-bottom:1px solid #005bab;height:140px;width:100%;/* overflow:hidden */}

#header .header{margin:0 auto;width:1100px}
#header .header .logo{position:absolute;z-index:10;}
#header .header .logo a{display:block;}

#header .utillMenu{background:#f7f7f7;height:49px;border-bottom:1px solid #005bab;}
#header .utillMenu .inner{margin:0 auto;width:1100px}
#header .utillMenu .inner:after{clear:both;content:"";display:block;}
#header .utillMenu .famSite{float:left;/* width:510px; */}
#header .utillMenu .famSite ul{overflow:hidden;width:100%;}
#header .utillMenu .famSite ul li{float:left;width:145px;height:49px;vertical-align:middle;}
#header .utillMenu .famSite ul li a{display:block;width:100%;padding-top:9px;}
#header .utillMenu .famSite ul li a span {color:#fff;display:inline-block;line-height:1.2;margin-left:5px;font-size:12px;vertical-align:middle;}
#header .utillMenu .famSite ul li a span em {color:#fff;line-height:1.2;font-size:13px;}
#header .utillMenu .famSite ul li.on{background:#fff;border:1px solid #005bab;border-bottom:0;}
#header .utillMenu .famSite ul li.on a,
#header .utillMenu .famSite ul li.on a span,
#header .utillMenu .famSite ul li.on a span em{color:#005bab;}
#header .utillMenu .famSite ul li i {display:inline-block;height:29px;width:32px;margin-left:20px;vertical-align:middle;text-indent:-9999px;}
#header .utillMenu .famSite ul li i.ico1 {background:url("/images/arko/common/ico_famSite01.png") no-repeat;background-position:0 2px}
#header .utillMenu .famSite ul li.on i.ico1 {background-position:0 -29px}
#header .utillMenu .famSite ul li i.ico2 {background:url("/images/arko/common/ico_famSite02.png") no-repeat;background-position:0 0}
#header .utillMenu .famSite ul li.on i.ico2 {background-position:0 -29px}
#header .utillMenu .famSite ul li i.ico3 {background:url("/images/arko/common/ico_famSite03.png") no-repeat;background-position:0 1px;margin-left:25px;}
#header .utillMenu .famSite ul li.on i.ico3 {background-position:0 -28px}
#header .utillMenu .famSite ul li i.ico4 {background:url("/images/arko/comm/ico_famSite04.png") no-repeat;background-position:0 0;width:33px;}
#header .utillMenu .famSite ul li.on i.ico4 {background-position:0 -29px}

#header .utillMenu .famSite ul li:nth-child(1) {background:#7b7d88;}
#header .utillMenu .famSite ul li:nth-child(2) {background:#5091c6;}
#header .utillMenu .famSite ul li:nth-child(3) {background:#ce6c9a;}
#header .utillMenu .famSite ul li:nth-child(4) {background:#61a04b;}

#header .utillMenu .famSite ul li.on:nth-child(1),
#header .utillMenu .famSite ul li.on:nth-child(2),
#header .utillMenu .famSite ul li.on:nth-child(3),
#header .utillMenu .famSite ul li.on:nth-child(4){background:#fff;}

#header .utillMenu .lang{float:right;}
#header .utillMenu .lang ul{float:left;overflow:hidden}
#header .utillMenu .lang ul li{float:left;position:relative;}
#header .utillMenu .lang ul li a{display:block;height:50px;line-height:50px;padding:0 15px;color:#888;text-align:center}
#header .utillMenu .lang ul li:first-child:after{content:"｜";position:absolute;top:15px;right:-5px;}
#header .utillMenu .lang ul li:last-child a {padding-right:0;}

#header .utillMenu .btn_webAcc {float:left;}
#header .utillMenu .btn_webAcc:after{clear:both;content:"";display:block;}
#header .utillMenu .btn_webAcc button {border:1px solid #e2e2e2;float:left;margin-top:13px;width:26px;height:21px;text-indent:-20000px;}
#header .utillMenu .btn_webAcc button.btn_scaleUp{background:url("/images/arko/common/btn_scaleUp.gif") no-repeat;}
#header .utillMenu .btn_webAcc button.btn_scaleBase{background:url("/images/arko/common/btn_scaleBase.gif") no-repeat;margin-left:-1px;}
#header .utillMenu .btn_webAcc button.btn_scaleDown{background:url("/images/arko/common/btn_scaleDown.gif") no-repeat;margin-left:-1px;}

#header .utillMenu .gnb_search { float:right; width:188px; position:relative; margin-top:8px; margin-left:20px; }
#header .utillMenu .gnb_search input{ background:#393b3c; box-sizing:border-box; border:none; color:#fff; height:33px; line-height:33px; width:100%; position:relative; padding-right:40px; text-indent:15px; }
#header .utillMenu .gnb_search input:-ms-input-placeholder { color: #fff; }
#header .utillMenu .gnb_search input::-webkit-input-placeholder { color: #fff; }
#header .utillMenu .gnb_search input::-moz-placeholder { color: #fff; }
#header .utillMenu .gnb_search .btn_gnb_search{ background:url("/images/arko/common/btn_search.png") center center no-repeat; height:17px; position:absolute; right:15px; top:8px; text-indent:-20000px; width:17px; z-index:2; }

#gnb{padding-left:275px;}
#gnb > ul{height:90px;overflow:hidden;position:absolute;width:780px;}
#gnb > ul:after {clear:both;content:"";display:block;}
#gnb > ul > li{float:left;padding-left:45px}
#gnb > ul > li:first-child{padding-left:0;}
#gnb > ul > li > h2{display:block;height:90px;line-height:90px;text-align:center;}
#gnb > ul > li > h2 > a{color:#000;font-size:18px;font-weight:normal;font-family: 'notokr-medium';}

#gnb .gnb_2depth{/* display:none;background:#fff;border-top:1px solid #005bab; */position:absolute;top:90px;z-index:10;}
#gnb .gnb_2depth > div{padding-top:20px;}
#gnb .gnb_2depth ul {width:140px;position:absolute;}
#gnb .gnb_2depth ul li {margin-bottom:5px;}
#gnb .gnb_2depth ul li a {color:#777;word-break:keep-all;display:inline-block;}

/* #gnb > ul > li.gnb_menu01 ul { background:yellow;left:0; }
#gnb > ul > li.gnb_menu02 ul { background:blue;left:10px; }
#gnb > ul > li.gnb_menu03 ul { background:green;left:22px; }
#gnb > ul > li.gnb_menu04 ul { background:gray;left:106px; }
#gnb > ul > li.gnb_menu05 ul { background:pink;left:87px; } */

#gnb .gnb_2depth_bg {background:#fff;border-top:1px solid #005bab;border-bottom:1px solid #005bab;overflow:hidden;position:absolute;top:140px;left:0;width:100%;z-index:9;}
#gnb .gnb_2depth_bg .gnb_2depth_img {background:url("/images/arko/common/gnb_img.png") 98% 25px no-repeat #f2f2f2; height:100%; width:1400px; position:absolute; left:50%; margin-left:-1728px; }

#header .header .btn_search_area {float:right;margin-top:35px;position:relative;/* width:76px; */z-index:10;}
#header .header .btn_search_area button {border:none;display:inline-block;width:35px;height:17px;position:relative;text-indent:-20000px;}
#header .header .btn_search_area button.btn_search{background:url("/images/arko/common/btn_search.gif") center 0 no-repeat;background-position:left;}
#header .header .btn_search_area button.btn_allmenu:before {content:"｜";position:absolute;top:-2px;right:30px;color:#e1e1e1;text-indent:0;}
#header .header .btn_search_area button.btn_allmenu{background:url("/images/arko/common/btn_allmenu.gif") center 0 no-repeat;background-position:right;}

#container {width:100%;position:relative;}
#container:before {background:#f8f8f8;border-bottom:1px solid #eaeaea;content:"";height:48px;position:absolute;left:0;top:0;width:100%;}

.conBox { width:1100px; min-height:800px; margin:0 auto; padding:0; margin-bottom:50px; position:relative;}
.conBox:after { content:""; display:block; clear:both;}
.bfNone:before {content:none !important;}

#lnb { width:222px; overflow:hidden; float:left; }
#content { width:878px; min-height:800px; overflow:hidden; float:left;}

#lnb > h2 { background-color:#005bab; background-repeat:no-repeat; overflow:hidden; height:125px; line-height:190px; color:#fff; font-weight:normal; font-size:23px; text-align:center;font-family: 'notokr-medium';}
#lnb > h2.lnb01{background-image:url("/images/arko/common/ico_lnb01.png");}
#lnb > h2.lnb02{background-image:url("/images/arko/common/ico_lnb02.png");}
#lnb > h2.lnb03{background-image:url("/images/arko/common/ico_lnb03.png");}
#lnb > h2.lnb04{background-image:url("/images/arko/common/ico_lnb04.png");}
#lnb > h2.lnb05{background-image:url("/images/arko/common/ico_lnb05.png");}
#lnb > h2.lnb06{background-image:url("/images/arko/common/ico_lnb06.png");}
#lnb .lnb { border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;}
#lnb .lnb > li > a{ display:block; border-bottom:1px solid #d4d4d4;height:46px;line-height:46px; text-indent:20px; text-align:left; overflow:hidden; color:#555; font-size:15px; position:relative; }
#lnb .lnb > li > a > span {display:block;background:url("/images/arko/common/lnb_btn_p.gif") no-repeat;width:20px;height:20px; position:absolute; right:15px; top:13px;}
#lnb .lnb > li.on > a { border-bottom:2px solid #0056a8; color:#0056a8; display:block;}
#lnb .lnb > li.on > a > span {background:url("/images/arko/common/lnb_btn_m.gif") no-repeat;}
#lnb .lnb > li:first-child a{border-top:1px solid #d4d4d4;}
#lnb .lnb > li.no_depth a span{display:none;}

#lnb .lnb > li .lnb_2depth { background:#f6f7f9; padding:15px 0 10px; overflow:hidden; border-bottom:1px solid #d4d4d4; display:none;}
#lnb .lnb > li.on .lnb_2depth { display:block;}
#lnb .lnb > li .lnb_2depth > li { margin-top:10px;}
#lnb .lnb > li .lnb_2depth > li:first-child {margin-top:0px;}
#lnb .lnb > li .lnb_2depth > li > a { background:url("/images/arko/common/ico_3depth_off.gif") 90% center no-repeat; border:none; display:block; color:#4f4e4e; font-size:14px; font-weight:normal;padding:0 29px;}
#lnb .lnb > li .lnb_2depth > li > a:before{content:"-";display:inline-block;padding-right:5px;margin-left:-9px;}
#lnb .lnb > li .lnb_2depth > li.on > a {background:url("/images/arko/common/ico_3depth_on.gif") 90% center no-repeat;color:#005bab;}
#lnb .lnb > li .lnb_2depth > li.no_depth a { background:none;}

#lnb .lnb > li .lnb_2depth .lnb_3depth { background:#e8e9eb; padding:10px 0; margin-top:10px; overflow:hidden; display:none;}
#lnb .lnb > li .lnb_2depth li.on .lnb_3depth { display:block;}
#lnb .lnb > li .lnb_2depth .lnb_3depth > li { margin-top:10px;}
#lnb .lnb > li .lnb_2depth .lnb_3depth > li:first-child {margin-top:0px;}
#lnb .lnb > li .lnb_2depth .lnb_3depth > li > a { border:none; display:block; color:#777; font-size:13px; font-weight:normal;padding:0 22px;}
#lnb .lnb > li .lnb_2depth .lnb_3depth > li > a:before{background:url("/images/arko/common/lnb_3depth_dot.gif")  no-repeat;content:"";display:inline-block;padding-right:5px;height:3px;width:3px;position:relative;top:-3px;}
#lnb .lnb > li .lnb_2depth .lnb_3depth > li.on > a {color:#333;}

.cont_top_area {height:48px;}
.cont_top_area:after {clear:both;content:"";display:block;}
.cont_top_area .location {float:left;}
.cont_top_area .location:after {clear:both;content:"";display:block;}
.cont_top_area .location > li {border-right:1px solid #eaeaea;float:left;padding:0 12px;text-align:center;position:relative;}
.cont_top_area .location > li > a {display:block;height:100%;line-height:48px;width:100%;}
.cont_top_area .location > li > a > span {display:inline-block;background:url("/images/arko/common/arrow_d.png") no-repeat;width:12px;height:6px;margin-left:30px;position:relative;top:-2px;}
.cont_top_area .location > li.home {background:url("/images/arko/common/ico_home.png") center center no-repeat;width:48px;padding:0;}
.cont_top_area .location > li.home > a {text-indent:-20000px;}

.cont_top_area .location > li .lct_2depth {display:none;background:#fff;border:1px solid #eaeaea;width:100%;padding-bottom:10px;position:absolute;left:-1px;z-index:1;}
.cont_top_area .location > li .lct_2depth > li { margin-top:10px; }
.cont_top_area .location > li .lct_2depth > li > a {display:block;font-size:12px;text-align:left;padding-left:15px;}

.cont_top_area .etc_btn_wrap {float:right;font-size:0;}
.cont_top_area .etc_btn_wrap:after {clear:both;content:"";display:block;}
.cont_top_area .etc_btn_wrap button {border:none;border-left:1px solid #e6e6e6;display:inline-block; zoom:1; *display:inline;width:48px;height:48px;text-indent:-20000px;}
.cont_top_area .etc_btn_wrap button.btn_etc01{background:url("/images/arko/common/btn_etc01.png") no-repeat;display:none;}
.cont_top_area .etc_btn_wrap button.btn_etc02{background:url("/images/arko/common/btn_etc02.png") no-repeat;}
.cont_top_area .etc_btn_wrap button.btn_etc03{background:url("/images/arko/common/btn_etc03.png") no-repeat;border-right:1px solid #e6e6e6;}

.content {padding-left:50px;}
.content .cont_header {border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:45px;}
.content .cont_header:after {clear:both;content:"";display:block;}
.content .cont_header > h3 { color:#313030; font-size:24px; font-weight:normal; margin:33px 0 15px; float:left;font-family: 'notokr-medium';}
.content .cont_header .snsBox { float:right; margin-top:36px;display:none;}
.content .cont_header .snsBox a {display:inline-block; zoom:1; *display:inline;height:22px;width:23px;text-indent:-20000px;}
.content .cont_header .snsBox a.btn_sns01 {background:url("/images/arko/common/btn_sns01.png") no-repeat;}
.content .cont_header .snsBox a.btn_sns02 {background:url("/images/arko/common/btn_sns02.png") no-repeat;}
.content .cont_header .snsBox a.btn_sns03 {background:url("/images/arko/common/btn_sns03.png") no-repeat;}


#footer {width:100%;}
#footer .inner {margin:0 auto; width:1100px;position:relative;}
#footer .inner:after {clear:both;content:"";display:block;}

.ft_wrap{background:#404040;height:48px;}
.ft_menu{float:left}
.ft_menu
.ft_menu:after{display:block;height:0;content:"";float:none;clear:both}
.ft_menu li{float:left;padding:0 0 0 14px;margin:0 0 0 14px;background:url("/images/arko/common/bul_ft_menu.gif") 0 50% no-repeat}
.ft_menu li:first-child{background:none;margin:0;padding:0}
.ft_menu li>a{display:block;font-size:13px;color:#b1b1b1;height:48px;line-height:48px}
.ft_menu li:first-child a {color:yellow}

.ft_link{position:absolute;top:0;right:0;width:465px}
.ft_link:after{display:block;height:0;content:"";float:none;clear:both}
.ft_link ul{margin:0;padding:0;list-style:none}

.ft_obj{float:left;width:231px;position:relative}
.ft_obj:first-child>a{border-left:1px solid #4d4d4d}
.ft_obj>a{display:block;padding:0 20px;height:48px;line-height:48px;font-size:13px;color:#bfbfbf;border-right:1px solid #4d4d4d;background:url("/images/arko/common/ft_link_open.png") 90% 50% no-repeat}

.ft_obj .obj_wrap{display:none;position:absolute;bottom:0;left:0;background:#fff;border:1px solid #515151;width:100%;z-index:10;box-sizing:border-box}
.ft_obj .obj_wrap>ul{padding:0 10px;height:150px;overflow:hidden;overflow-y:auto}
.ft_obj .obj_wrap>ul>li{margin:4px 0}
.ft_obj .obj_wrap>ul>li>a{display:block;padding-left:7px;font-size:13px;color:#666;letter-spacing:-1px;background:url("/images/arko/common/bul_gnb_sub.gif") 0 9px no-repeat}
.ft_obj .obj_wrap .tit{margin:0 0 5px 0;padding:8px 10px;color:#333;font-size:13px;background:#515151;color:#fff}
.ft_obj .obj_wrap .btn{position:absolute;top:-3px;right:-5px}
.ft_obj .obj_wrap .btn>a{display:block;width:38px;height:38px;text-indent:-9999px;background:transparent url("/images/arko/common/btn_ft_obj_close.png") center no-repeat;background-size:10px 10px}

.ft_info{background:#333;font-size:15px;padding:35px 0 50px;}
.ft_info:after {clear:both;content:"";display:block;}
address{font-style:normal;color:#adadad;}
.ft_info p{margin:0;padding:0}
.ft_info p span{padding-right:10px;color:#adadad;}

.ft_info p.logo_wa{float:right;}
.ft_info p.logo_wa>a{display:inline-block;margin:0 8px;vertical-align:middle;}

.ft_info .flogo {margin-top:60px;}

.aside_quick{position:absolute;right:50px;top:170px;width:100px;border:1px solid #d6d6d6;background:#fff;}
.aside_quick p{padding:10px;border-bottom:1px solid #d6d6d6;text-align:center;color:#222;font-weight:bold;}
.aside_quick ul{padding:5px 0}
.aside_quick ul li {}
.aside_quick ul li a{display:block;padding:5px;text-align:center}


/* 반응형 추가 */
#header .utillMenu .famSite ul li a span em{display:block;}
#gnb .gnb_3depth ,#header .mHeader, .btnMFamSite, #header .mUtil, #header .mGnbClose{display:none;}

#header .mGlobal{background:#333;}
#header .mGlobal a{display:inline-block;margin:15px 0 15px 20px;padding:5px 10px;font-weight:200;font-size: 13px;line-height: 1;border: 1px solid #999;color:#fff;}
#header .mGnbClose{position:absolute;right:13px;top:13px;width:30px; height:30px;z-index:10000;}
#header .mGnbClose a{position:absolute;width:30px; height:30px;top:0;left:0;text-align:left; text-indent:-9999px; display:block;}
#header .mGnbClose a:before{width:30px; height:1px; background-color:#fff; content:""; margin:-1px 0 0 -15px; position:absolute; top:50%; left:50%; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#header .mGnbClose a:after{ width:1px; height:30px; background-color:#fff; content:""; margin:-15px 0 0 -1px; position:absolute; top:50%; left:50%;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}


@media all and (max-width : 1024px){
#header .header, #header .utillMenu .lang, #lnb, .cont_top_area .etc_btn_wrap, .aside_quick, .ft_link{display:none;}
#header .mHeader{display:block;}

#footer .inner, .conBox, #content{width:100%;}
#content .content{padding:0 20px;}


#header{height:106px;border-bottom:1px solid #ccc;box-sizing:border-box;}
#header .utillMenu{height:40px;border-bottom:0;}
#header .utillMenu .inner{width:100%;}
#header .utillMenu .famSite{float:none;}
#header .utillMenu .famSite ul li{width:33.33333333%;height:40px;}
/*#header .utillMenu .famSite ul li:nth-child(3){display:none;}*/
#header .utillMenu .famSite ul li.on{display:none;}
#header .utillMenu .famSite ul li a{padding-top:5px;}
#header .utillMenu .famSite ul li a span{font-size:14px;}
#header .utillMenu .famSite ul li a span em{display:inline;font-size:14px;}

#header .mHeader .logo{margin-left:20px;margin-top:19px;text-indent:-9999px;background:url("/images/common/m_logo.png") no-repeat;background-size:190px 26px;float:left;display:inline-block;width:190px;height:26px;}
#header .mHeader .logo a{display:block;width:190px;height:26px;}

#header .mUtil{display:block;position:absolute;right:0;}
#header .mUtil:after{content:"";display:block;clear:both;}
#header .mUtil li{width:65px;height:65px;float:left;position:relative;line-height:65px;}
#header .mUtil li.search{padding:0;background:#fff;display:block;border-left:1px solid #ccc;border-right:1px solid #ccc;vertical-align:top;text-align:center;}
#header .mUtil li.search>a{display:block;width:65px;height:65px;position:relative;text-indent:-9999px;}
#header .mUtil li.search>a:before{content:"";position:absolute;top:50%;left:50%;display:inline-block;width:22px;height:22px;background:url("/images/common/icon_m_search.png") no-repeat;background-size:22px 22px;margin-left:-11px;margin-top:-11px;}
#header .mUtil li.openMenu{width:65px;height:65px;position:relative;}
#header .mUtil li.openMenu .hamburger{position:absolute;top:0;left:0;text-indent:-9999px;width:65px;height:65px;}
.hamburger .line{margin:8px auto;width:29px;height:2px;background:#919191;display:block;}

.hamburger span:first-child.line{margin-top:1px;}

#header .mHeader .gnb_wrap{display:none;width:100%;height:auto;position:absolute;top:0;bottom:0;left:auto;right:0;}
#header .mHeader .gnb_wrap.mb{display:inline-block;z-index:9999;}
#mGnb{width:300px;height:100%;background-color:#454a50;padding:0;box-sizing:border-box;position:absolute;right:-320px;z-index:99999;}
#header .gnb_bg{display:none;width:100%;height:auto;background-color:#000;opacity:0.3;position:absolute;top:0;left:0;bottom:0;z-index:9999;}

#mGnb > ul{height:auto;overflow-y:auto;overflow:auto;position:static;width:auto;}
#mGnb > ul > li{width:100%;overflow:hidden;text-align:left;padding-left:0;}
#mGnb > ul > li > h2{height:auto;line-height:0;text-align:left;}
#mGnb > ul > li > h2 > a{width:100%;font-size:18px;color:#fff;text-align:left;padding:19px 20px;margin:0; display:inline-block;box-sizing:border-box;border-top:1px solid #676a6d;position:relative;z-index:1;}
#mGnb > ul > li > h2 > a:before,
#mGnb > ul > li > h2 > a:hover:before,
#mGnb > ul > li > h2 > a:focus:before,
#mGnb > ul > li.on > h2 > a:before{
	width:12px;height:12px;background-color:transparent;content:"";margin-top:-6px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:26px;bottom:auto;left:auto;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);
}
#mGnb .gnb_2depth{display:none;background:#fff;position:static;}
#mGnb .gnb_2depth > div{padding:0;}
#mGnb .gnb_2depth ul{width:100%;position:static;}
#mGnb .gnb_2depth ul li{margin:0;}
#mGnb .gnb_2depth > div > ul > li > a{color:#333;font-size:16px;padding:15px 30px 15px 20px;display:block;line-height:19px;box-sizing:border-box;border-top:1px solid #e5e5e5;}
#mGnb .gnb_2depth > div > ul > li:first-child > a{border-top:0;}
#mGnb > ul > li.on .gnb_2depth{display:block;}
#mGnb > ul > li > h2.on a{background:#f15c2b;}
#mGnb > ul > li > h2.on a:before{transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg); margin-top:-14px;}
#mGnb > ul > li:first-child > h2 > a{border-top:0;}
#mGnb .gnb_2depth > div > ul > li > a{position:relative;}
#mGnb .gnb_2depth > div > ul > li > a:before{width:13px; height:1px; background-color:#c2c2c2; content:""; position:absolute; top:25px; right:23px;}
#mGnb .gnb_2depth > div > ul > li > a:after{width:1px; height:13px; background-color:#c2c2c2; content:""; position:absolute; top:19px; right:29px;}
#mGnb .gnb_2depth > div > ul > li.no_depth > a:before,
#mGnb .gnb_2depth > div > ul > li.no_depth > a:after{display:none;}
#mGnb .gnb_2depth > div > ul > li.on > a{color:#f15c2b;}
#mGnb .gnb_2depth > div > ul > li.on > a:before{background:#f15c2b;}
#mGnb .gnb_2depth > div > ul > li.on > a:after{display:none;}
#mGnb .gnb_3depth{display:none;min-height:100%; width:100%; background-color:#eceeef; padding:10px 0; margin:0; border-top:1px solid #d7d7d7;}
#mGnb .gnb_3depth > li > a{padding:5px 20px 5px 20px;font-size:15px;line-height:19px;display:block;position:relative;}
#mGnb .gnb_3depth > li.child > a:before{width:13px; height:1px; background-color:#9a9a9a; content:""; position:absolute; top:14px; right:23px;}
#mGnb .gnb_3depth > li.child > a:after{width:1px; height:13px; background-color:#9a9a9a; content:""; position:absolute; top:8px; right:29px;}

#mGnb .gnb_3depth > li.on > a{color:#f15c2b;}
#mGnb .gnb_3depth > li.on > a:before{background:#f15c2b;}
#mGnb .gnb_3depth > li.on > a:after{display:none;}

#mGnb .gnb_2depth ul.gnb_4depth{display:none;box-sizing:border-box;border-top:1px solid #c1c1c1;width:260px;margin:10px 20px;background:#dddfe1;padding:5px 0;}
#mGnb .gnb_4depth > li > a{padding:5px 20px 5px 20px;font-size:14px;line-height:19px;display:block;position:relative;}
#mGnb .gnb_4depth > li a:before{position:absolute;content:"";top:13px;left:12px;display:block;width:2px;height:2px;background:#999;}


#header .mGnbClose, #header .mGlobal{display:block;}

#header .mSearch{display:none;position:fixed;top:40px;left:0;width:100%;z-index:9999;}
#header .mSearch>input{background:#e2e2e2;box-sizing:border-box;border:none;color:#000;height:65px;line-height:65px;width:100%;position:relative;text-indent:15px;}
#header .mSearch .btnMSch{position:absolute;top:0;right:65px;width:65px;height:65px;text-indent:-9999px;}
#header .mSearch .btnMSch:before{position:absolute;top:50%;left:50%;width:22px;height:22px;margin-left:-11px;margin-top:-11px;background:url("/images/common/icon_m_search.png") no-repeat;content:"";background-size:22px 22px;display:block;}
#header .mSearch .btnMClose{position:absolute;text-indent:-9999px;width:65px;height:65px;right:0;top:0;border-left:1px solid #ccc;background:#7b7d88;}
#header .mSearch .btnMClose:before{width:30px; height:2px; background-color:#fff; content:""; margin:-2px 0 0 -16px; position:absolute; top:50%; left:50%;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}
#header .mSearch .btnMClose:after{ width:2px; height:30px; background-color:#fff; content:""; margin:-16px 0 0 -2px; position:absolute; top:50%; left:50%;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

#footer .inner{text-align:center;}
.ft_wrap{height:auto;}
.ft_menu{float:none;display:inline-block;margin:15px 20px;}
.ft_menu li{float:none;display:inline;}
.ft_menu li a{display:inline-block;line-height:1.5;height:auto;}

.ft_info{padding:20px;word-break:keep-all;}
.ft_info p.logo_wa{float:none;}
.ft_info p span{font-size:13px;}
.ft_info address{margin-top:20px;font-size:13px;}
.ft_info .flogo{margin-top:20px;}

}

@media all and (max-width : 768px){
	#container:before{display:none;}
	.cont_top_area{height:auto;}
	.cont_top_area .location{float:none;background:#f8f8f8;border-bottom:1px solid #eaeaea;padding:15px 20px;}
	.cont_top_area .location > li{border-right:0;float:none;display:inline-block;text-align:left;padding:0 14px 0 0;position:relative;}
	.cont_top_area .location > li.home{background:none;width:auto;padding:0 14px 0 0;}
	.cont_top_area .location > li.home a{text-indent:0;}
	.cont_top_area .location > li > a{line-height:24px;color:#656565;}
	.cont_top_area .location > li:before{width:4px;height:4px;background-color:transparent;content:"";margin-top:-3px;border-top:1px solid #656565;border-right:1px solid #656565;position:absolute;top:50%;right:4px;bottom:auto;left:auto;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	}
	.cont_top_area .location > li:last-child:before{display:none;}
	.cont_top_area .location > li > a > span{display:none;}
	.cont_top_area .location > li .lct_2depth{position:fixed;width:calc(100% - 40px);left:20px;}
}

@media all and (max-width : 414px){
#header .btnMFamSite{display:block;position:relative;width:100%;height:40px;border:0;background:#005bab;text-align:left;}
#header .btnMFamSite span{color:#fff;font-size:16px;padding-left:20px;}
#header .btnMFamSite:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-9px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:26px;bottom:auto;left:auto;transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
#header .btnMFamSite.on:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-2px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:26px;bottom:auto;left:auto;transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
#header .utillMenu .famSite{position:absolute;z-index:700;width:100%;}
#header .utillMenu .famSite ul{display:none;}
#header .utillMenu .famSite ul li{width:100%;}
#header .utillMenu .famSite ul li:nth-child(1), #header .utillMenu .famSite ul li:nth-child(2), #header .utillMenu .famSite ul li:nth-child(3), #header .utillMenu .famSite ul li:nth-child(4){background:#4a8fca;}
#header .utillMenu .famSite ul li i{display:none;}
#header .utillMenu .famSite ul li a{padding:0;position:relative;}
#header .utillMenu .famSite ul li a span{margin-left:20px;line-height:40px;}
#header .utillMenu .famSite ul li a:before{width:10px;height:10px;background-color:transparent;content:"";margin-top:-6px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;top:50%;right:26px;bottom:auto;left:auto;transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}

.content .cont_header{margin-bottom:30px;}
}

@media all and (max-width : 320px){
#header .mHeader .logo{margin-left:10px;margin-top:22px;background:url("/images/common/m_logo_s.png") no-repeat;background-size:161px 22px;width:161px;height:22px;}
#header .btnMFamSite span{padding-left:10px;}
#header .utillMenu .famSite ul li a span{margin-left:10px;}

#content .content{padding:0 10px;}
.cont_top_area .location{padding:15px 10px;}
.cont_top_area .location > li .lct_2depth{width:calc(100% - 20px);left:10px;}

.ft_menu{margin:15px 10px;}
.ft_menu li{margin-left:10px;padding-left:10px;}
.ft_info{padding:20px 10px;}
}