@charset "utf-8";

#wrap {position: relative;}
.container {position: relative; margin: 0 auto; max-width: 1200px;}
.container:after { content:""; display:block; clear:both; }

/* 상단(로고 및 메뉴) */
#header {position: relative; margin: 0 auto; height:140px; background: #fff; border-bottom: 2px solid #5a63b0; }
#header:before {position: absolute; top: 80px; left: 0; width: 100%; height: 1px; background: #c0c0c0; content: "";}
#header h1 {position: absolute; top: 19px; left: 0;}
#header h1 a { display:block; }

.top {height:80px;}
.top:after {clear: both; display: block; content: "";}
.top_menu {position: absolute; top: 25px; right: 230px;}
.top_menu li {float: left;}
.top_menu li a {position: relative; display: block; padding: 0 10px; line-height: 38px; font-size: 0.7rem; color: #666;}
.top_menu li a:hover,
.top_menu li a:focus { text-decoration:underline; }
.top_menu li + li a:before {position: absolute; top: 18px; left: 0; width:4px; height:4px; background: #9ea6af; content: ""; border-radius:50%;}

/* 검색 - 웹버전 */
.box_search_0 {position:absolute; top:26px; right:0; width:220px; height:38px; overflow: hidden;}
.box_search_0 input {padding:0 48px 0 10px;width:calc(100% - 20px);height:38px;line-height:38px;font-size:0.6rem;border:none;background:none;border-radius:19px;border: 1px solid #e8e8e8;background: #e8e8e8;}
.box_search_0 button {position:absolute;top:0;right:0;padding: 0;width: 38px;height: 38px;background: #2275c8 url('/00_common/images/common/search.png') no-repeat center center;border:none;border-radius:50%;} /*210517*/
.box_search_0 input::-webkit-input-placeholder {color:#555;}

/* 웹네비게이션 */
/* gnb common */
#blind{display:none; position:absolute; left:0; top:3rem; width:100%; height:200vh; background:rgba(0,0,0,0.8); z-index:1;}
#nav{position:relative;width:100%;z-index:99999;background: #fff; border-bottom:1px solid #ebebeb; border-top:2px solid #4b679b; }
#gnb{position:relative; height:60px; z-index:2;}
#gnb li a{position:relative; display:block; }
#gnb li a span{position:relative;}
#gnb .depth01{width:100%; max-width:100vw; margin:0 auto; z-index:1;}
#gnb .depth01 > ul{text-align:center; width:100%; font-size:0; line-height:0;}
#gnb .depth01 > ul > li{display:inline-block; vertical-align:top; font-size:.8rem; line-height:1.6;}
#gnb .depth01 > ul > li > a{display:table; width:100%; height:3rem; text-align:center; font-size:0.9rem; color:#222323; padding:0 3rem; font-weight:400; }
#gnb .depth01 > ul > li > a > span{display:table-cell; vertical-align:middle;}
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{content:"\e980"; display:inline-block; padding-left:.25rem; font-family: 'xeicon'; font-size:.9rem; }
#gnb .depth01.depWidth > ul {display:table;}
#gnb .depth01.depWidth > ul > li{display:table-cell;}
#gnb .depth01.depWidth > ul > li > a{padding:0;}
#gnb .depth02{width:100%; height:auto; text-align:left;}
#gnb .depth02 > ul{padding:.75rem 0;}
#gnb .depth02 > ul > li.dep:before{content:"\e913"; position:absolute; right:.5rem; top:.5rem; font-family: 'xeicon'; font-size:.8rem; z-index:2;}
#gnb .depth02 > ul > li.dep:hover:before {color:#fff;}
#gnb .depth02 > ul > li.dep.active:before{content:"\e91a"; color:#fff;}
#gnb .depth02 > ul > li.dep > a{padding-right:1.25rem;}
#gnb .depth02 > ul > li > a{color:#111; font-weight:400; padding:.5rem 1rem; font-size:.8rem;}
#gnb .depth02 > ul > li > a:before{content:""; position:absolute; left:0; top:1.1rem; width:0; height:0; border-radius:50%; background:#5a63b0;}
#gnb .depth02 > ul > li > a[target='_blank'] > span:after{content:"\e980"; display:inline-block; padding-left:.25rem; font-family: 'xeicon'; vertical-align: middle; font-size:.8rem; }
#gnb .depth02 > ul > li.active > a:before{color:#fff;}
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li.active > a{color:#fff; background:#141c47;}
#gnb .depth03{position:relative; display:none; margin:0 0 .25rem;}
#gnb .depth03 > ul{border-bottom:1px solid #ddd; background:#f9f9f9; padding:.5rem 1rem; }
#gnb .depth03 > ul > li > a{font-size:.75rem; padding:.15rem 0; color:#000; opacity: .8;}
#gnb .depth03 > ul > li > a > span:before{content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#777;}
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{content:"\e980"; display:inline-block; padding-left:.15rem; font-family: 'xeicon'; vertical-align: middle; font-size:.7rem; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{opacity: 1;}
#gnb .depth03 > ul > li > a:hover > span:before,
#gnb .depth03 > ul > li > a:focus > span:before{width:100%;}
#gnb .active > .depth03{display:block;}
#nav ul, #nav li, #nav :after, #nav :before, #nav div, #nav a{transition: all .3s; -webkit-transition: all .3s; }

/* fullDown */
#nav.fullDown #gnb{height:3rem; overflow:hidden;}
#nav.fullDown #gnb:before{content:''; position:absolute; left:0; top:calc(2.9rem + 1px); width:100%; height:1px; background:rgba(0,0,0,0.1); z-index:1;}
#nav.fullDown #gnb:after{content:""; position:absolute; left:0; top:1px; width:100%; height:0; background:#fff; z-index:0; transition-delay: .3s; opacity: 0;}
#nav.fullDown ul,
#nav.fullDown li{height:100%;}
#nav.fullDown .depth01{position:relative;}
#nav.fullDown .depth01 > ul{display:table;}
#nav.fullDown .depth01 > ul > li{display:table-cell;}
#nav.fullDown .depth01 > ul > li + li{border-left:1px solid transparent;}
/* #nav.fullDown .depth01 > ul > li + li > a:before{content:""; position:absolute; left:-1px; top:0; width:2px; height:4rem; background:#fff; opacity: 0; z-index:2;} */
#nav.fullDown .depth01 > ul > li.on > a{color:#141c47 !important;}
#nav.fullDown .depth02{position:relative; left:auto; top:auto; opacity: 0; visibility: hidden; transition-delay: .0s;}
#nav.fullDown .depth02 li{position:relative;}

#nav.fullDown #gnb.active{height:auto;}
#nav.fullDown #gnb.active:after{height:100%; transition-delay: .0s; opacity: 1;}
#nav.fullDown .active .depth01 > ul > li > a{color:#000;}
#nav.fullDown .active .depth01 > ul > li + li{border-color:#eee; transition-delay: .5s;}
#nav.fullDown .active .depth01 > ul > li + li > a:before{opacity: 1;}
#nav.fullDown .active .depth02{opacity: 1; visibility: visible; transition-delay: .3s;}

/* oneDown */
#nav.oneDown #gnb{height:3rem;}
#nav.oneDown ul,
#nav.oneDown li{height:100%;}
#nav.oneDown .depth01{position:relative;}
#nav.oneDown .depth01 > ul{width:100%; text-align:center;}
#nav.oneDown .depth01 > ul > li{position:relative; display:inline-block; float:none;}
#nav.oneDown .depth02{position:absolute; width:100%; left:0; top:3rem; opacity: 0; visibility: hidden; transition-delay: .0s; text-align:left;}
#nav.oneDown .depth02:before{content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; z-index:0; opacity: 0;}
#nav.oneDown .depth02 li{position:relative;}
#nav.oneDown #gnb.active{background:#4b679b;}
#nav.oneDown .active .depth01 > ul > li > a{color:#fff;}
#nav.oneDown .depth01 > ul > li.on > .depth02{opacity: 1; visibility: visible; display:block;}
#nav.oneDown .depth01 > ul > li.on > .depth02:before{height:100%; opacity: 1; }
/* oneFull */
#nav.oneFull #gnb{height:3rem; }
#nav.oneFull #gnb:before{content:''; position:absolute; left:0; top:calc(2.9rem + 1px); width:100%; height:1px; background:rgba(0,0,0,0.1); z-index:1;}
#nav.oneFull ul,
#nav.oneFull li{height:100%;}
#nav.oneFull .depth01 > ul{width:100%; text-align:center; font-size:0; line-height:0;}
#nav.oneFull .depth01 > ul > li{display:inline-block; float:none; vertical-align: top; font-size:.8rem; line-height:1.6;}
#nav.oneFull .depth02{position:absolute; left:0; top:2.5rem; opacity: 0; visibility: hidden; transition-delay: .0s; text-align:left;}
#nav.oneFull .depth02:before{content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; z-index:0; opacity: 0; transition-delay: .2s; -webkit-transition-delay: .2s;}
#nav.oneFull .depth02 > ul{width:100%; max-width:80rem; margin:0 auto; font-size:0; line-height:0;}
#nav.oneFull .depth02 > ul > li{width:20%; display:inline-block; vertical-align: top; padding:.75rem .5rem; font-size:.8rem; line-height:1.6;}
#nav.oneFull .depth02 > ul > li > a{text-align:center; border:1px solid #5a63b0;}
#nav.oneFull .depth02 > ul > li > a:before{display:none;}
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus{color:#fff; background:#5a63b0; }
#nav.oneFull .depth03{margin:0 0 .25rem; opacity: 0; transition: all .15s; -webkit-transition: all .15s;}
#nav.oneFull .depth03 > ul{margin-top:.5rem}

#nav.oneFull #gnb.active{height:auto; background:#fff; transition-delay: 0s; -webkit-transition-delay: 0s;}
#nav.oneFull .active .depth01 > ul > li > a{color:#000;}
#nav.oneFull .active .depth03{ opacity:1; transition: all .3s; -webkit-transition: all .3s; transition-delay: .15s; -webkit-transition-delay: .15s; display:block;}
#nav.oneFull .depth01 > ul > li.on > .depth02{opacity: 1; visibility: visible;}
#nav.oneFull .depth01 > ul > li.on > .depth02:before{height:100%; opacity: 1; transition-delay: 0s; -webkit-transition-delay: 0s;}

/* mobile layout */
#tablet {display: none; width: 100%;}
#tabletHeader {position: fixed; top: 0; left: 0; width: 100%; height: 68px; background: #fff; border-bottom: 2px solid #334c82; z-index: 10;}
#tabletLogo {padding: 0.75rem 0 0; text-align: center;}
#tabletLogo a { display:inline-block; }
#tabletLogo a img { vertical-align:middle; }
#menuOpen {position: fixed; top: 22px; left: 2.5%; z-index: 11; width: 24px; height: 23px;}
#menuOpen a { display:block; overflow:hidden; width:100%; height:100%; }
#menuOpen img { width:100%; height:100%; }

/* mobile 검색영역 */
#searchOpen { position: fixed; right: 2.5%; top: 22px; z-index: 11; width: 24px; height: 23px;}
#searchOpen a { display:block; overflow: hidden; width:100%; height:100%; }
#searchOpen img { width:100%; height:100%; }

#mSearch { overflow: hidden; position: fixed; top: 68px; left: 0; z-index: 11; width: 100%; height: 0; background-color: #334c82; -webkit-transition: 0.25s ease; -ms-transition: 0.25s ease; transition: 0.25s ease; }
#mSearch .con p {position: relative; margin: 0 auto; padding: 20px 170px 0 0; width: 90%;}
#mSearch .con .inputText {width: 100%; padding: 0 10px 0; height: 39px; line-height: 39px; background: #fff; border-radius: 3px 0 0 3px; border:0;}
#mSearch .con .btnSearch {position: absolute; top: 20px; right: 90px; min-width: 80px; font-size: 0.75rem;}
#mSearch .btnSearch, 
#mSearch a.btnSearch {display: inline-block; height:39px; color: #fff; background-color: #5b80ce; border: 0; border-radius: 0 3px 3px 0; line-height:39px;}
#mSearch .btnSearchClose {position: absolute; top: 25px; right: 5%; width: 25px; height: 33px; padding: 0; color: transparent; background: url('/00_common/images/common/btn_search_close.png') no-repeat 50% 0; overflow: hidden;}
#mSearch.active {height: 90px;}

/* mobile navi */
#mNavi {position:absolute; top: 0; left: -80%; width: 80%; height: 100%; background-color: #30394a; transition: 0.25s ease; -webkit-transition: 0.25s ease;}
#mNavi::before {position: fixed; top: 0; left: -80%; width: 80%; height: 100%; background-color: #30394a; z-index: 11; content: ""; transition: 0.25s ease; -webkit-transition: 0.25s ease;}
#mNavi #mtitle {position: relative; width: 100%; height: 68px; background: #354052; border-bottom: 1px solid #434d5e; z-index: 12;}
#mNavi #mtitle a {position: absolute; top: 18px; left: 18px; display: inline-block; width: 34px; height: 34px; color: transparent; background:url('/00_common/images/common/btn_close.gif') no-repeat; background-size: 100% auto; overflow: hidden;}
#mNavi.active {left: 0;}
#mNavi.active::before {left: 0;}

#mNavi #mgnb {position: relative; z-index: 12;}
#mNavi #mgnb .snb {border-bottom: 1px solid #535c6c;}
#mNavi #mgnb .snb, #mNavi #mgnb .snb ul li {background-color: #30394a;}
#mNavi #mgnb .snb li {float: left; border-bottom: 0;}
#mNavi #mgnb .snb li a {display: inline-block; padding: 0 1rem; height: 2.5rem; line-height: 2.5rem; text-align: left; font-size: 0.7rem; color: #fff; vertical-align: middle;}

#mNavi #mgnb ul {overflow: hidden}
#mNavi #mgnb ul li {position: relative; border-bottom: 1px solid #535c6c; background-color: #30394a;}
#mNavi #mgnb ul li a {display: block; padding: 0 0 0 1rem; height: 2.5rem; line-height: 2.5rem; color: #fff;}
#mNavi #mgnb ul li a:hover, #mNavi #mgnb ul li a:focus, #mNavi #mgnb ul li a:active {color: #2eaced;}

#mNavi #mgnb ul li ul {display: none; padding: 0.5rem 0; background-color: #202631;}
#mNavi #mgnb ul li ul li {border-bottom: 0; background-color: #202631}
#mNavi #mgnb ul li ul li a {height: 2rem; line-height: 2rem; font-size: 0.7rem;}

#mNavi #mgnb ul li ul li ul {display: none; padding: 0.25rem 0;}
#mNavi #mgnb ul li ul li ul li a {padding: 0 0 0 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; color: #ccc;}

#mNavi #mgnb ul li ul li.row > a:before,
#mNavi #mgnb ul li ul li.row > a:after {position: absolute; display: block; background-color: #a7a8aa; content: '';}
#mNavi #mgnb ul li ul li.row > a:before {top: 14px; right: 18px; width: 9px; height: 1px;}
#mNavi #mgnb ul li ul li.row > a:after {top: 10px; right: 22px; width: 1px; height: 9px;}
#mNavi #mgnb ul li ul li.on > a:after {display: none;}

/* footer */
#footer {position: relative; padding:1.5rem 0 2.5rem; color:#444; font-weight:200; font-size: 0.7rem; border-top:1px solid #ccc;  background: #f6f6f6;}
#footer .container{padding-right:15rem;}
.footer_link {margin-bottom: 1rem;}
.footer_link ul { overflow:hidden; }
.footer_link li {float: left; }
.footer_link li a {display: block; padding: 0 12px; letter-spacing: -0.025em; color:#222; background: url('/00_common/images/common/bar_footer.png') no-repeat left center; }
.footer_link li:first-child a {padding-left: 0; background: none;}
.footer_link li a:hover,
.footer_link li a:focus { text-decoration:underline; }
.footer_link li a strong {color:#2270d0;font-weight:400;}
#footer address { line-height: 2; }
#footer address span { display:block; }
#footer .copyright { color:#666; }
#footer .btn_top { display:block; overflow:hidden; position:fixed; right:0; bottom:35px; z-index:100; width:2.6rem; height:2.6rem; }
#footer .btn_top img { width:100%; height:100%; }

/* 방문자수 */
.visitant {position:absolute; top:0; right:0; width:23%; height:2rem; background:#90b2d0; border-radius:40px;}
.visitant h2 {text-indent:-10000em; font-size:0;}
.visitant ul {overflow:hidden;}
.visitant ul li {width:49%; float:left; line-height:2rem; text-align:center; color:#fff; font-size:0.65rem;}
.visitant ul li + li { background: url('/00_common/images/common/bar_visitant.png') no-repeat left center; }
.visitant ul li strong {margin-right:0.5rem; color:#333; }

/* 서브레이아웃 */
#sub_container {position:relative; background:#fff;}
#sub_container:after {content:""; display:block; clear:both;}

.S_visual{position:relative; width:100%; background:#f5fdff;}
.S_visual p {max-width:1920px; margin:0 auto; text-align:center; line-height:0; overflow:hidden;}
.S_visual p img{width:100%; }

.sub_content {position:relative; z-index:7; max-width:1200px; margin:1.75rem auto; min-height:600px;}

/* 서브페이지 */
#subContent{position:relative; width:80%; margin:0 0 100px 0; float:left; }
.subContent_body{position:relative; min-height:600px;}

/* 페이지 타이틀 */
.title_area{position:relative; overflow:hidden; margin:.5rem 0 2.5rem;  }
.title_area #pageTitle { position:relative; display:block; font-size:1.25rem; letter-spacing:-1px; color:#111; font-weight:500; max-width:calc(100% - 9rem); } 
.title_area:after{content:""; display:block; clear:both; }
.title_area .location{position:absolute; bottom:0; right:0; font-size:.7rem; line-height:1; color:#76787e; }
.title_area .location span,
.title_area .location strong{position:relative; display:inline-block; padding-left:25px; font-weight:300; color:#888; font-size:.65rem; }
.title_area .location span:before,
.title_area .location strong:before{position:absolute; top:50%; left:.2rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:.7rem; font-family:'xeicon'; content:'\e93f'; }
.title_area .location strong{color:#000; font-weight:500; }
.title_area .location a.home{color:#6a6a6a; }

/* lnb */
#menu{position:relative; float:left; width:16.667%; margin-right:3.333%; -webkit-transition:top .3s; transition:top .3s; }
#menu h2{position:relative; height:6rem; text-align:center; color:#fff; border-radius:.95rem .95rem 0 0; font-size:1.3rem; background:#2270d0; overflow:hidden; }
#menu h2:before{position:absolute; bottom:0; left:0; width:200%; height:100%; background:#1d68c4; content:''; -webkit-transform:rotate(-33deg); transform:rotate(-33deg); }
#menu h2 > span{position:absolute; top:50%; left:50%; z-index:1; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:calc(100% - 1rem); }
#menu .lnb{border-width:0 1px 1px; border-style:solid; border-color:#ddd;}
#menu .lnb > li + li{border-top:1px solid #ddd;  }
#menu .lnb > li > a{position:relative; display:block; padding:.9rem 1rem; font-size:.83rem; color:#252525; }
#menu .lnb li.row > a::after{display:block; position:absolute; right:1rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; font-size:1rem; content:'\e914'; color:#555; -webkit-transition:transform .3s; transition:transform .3s; }
#menu .lnb > li > a > span{position:relative; display:inline-block; }
#menu .lnb > li > a > span:before{position:absolute; bottom:0; left:-3px; width:0; height:11px; background:#c8d5ff; content:''; -webkit-transition:width .3s; transition:width .3s; }
#menu .lnb > li > a > span > em{position:relative; }
#menu .lnb a[target='_blank']:after{content:"\e980"; display:inline-block; margin-left:5px; font-family:'xeicon'; }
#menu .subLnb{display:none; padding:.5rem 0; border-top:1px solid #ddd; background-color:#f9f9f9; }
#menu .subLnb > li > a{position:relative; display:block; color:#555; padding:.2rem 1rem .2rem .4rem; font-size:.7rem; margin-left:1rem; -webkit-transition:color .3s; transition:color .3s; }
#menu .subLnb > li > a:before{position:absolute; top:13px; left:0; width:4px; height:4px; background:#999; content:''; }
#menu .subLnb > li.row > a:after{color:#999; font-size:.85rem; }
#menu .subLnb > li > a > span{position:relative; display:inline-block; }
#menu .subLnb > li > a > span:before{position:absolute; bottom:0; left:0; width:0; height:1px; background:#000; content:''; -webkit-transition:width .3s; transition:width .3s; }
#menu .subLnb > li .subLnb{position:relative; margin-top:.5rem; padding-bottom:0; background:#eee; }
#menu .subLnb > li .subLnb:before{position:absolute; top:0; left:0; width:100%; height:calc(100% + .5rem); background:#eee; content:""; }
#menu .subLnb > li .subLnb > li > a{margin-left:1.25rem; }
#menu .subLnb > li .subLnb > li > a:before{top:14px; height:1px; }
#menu .subLnb > li .subLnb > li > a > span:before{display:none; }
#menu .lnb > li > a:hover > span:before,
#menu .lnb > li > a:focus > span:before,
#menu .lnb > li.on > a > span:before{width:calc(100% + 6px); }
#menu .lnb > li > a:hover:before,
#menu .lnb > li > a:focus:before,
#menu .lnb > li.on > a::before{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
#menu .subLnb > li > a:hover,
#menu .subLnb > li > a:focus,
#menu .subLnb > li > a.on{color:#000; }
#menu .subLnb > li > a:hover > span:before,
#menu .subLnb > li > a:focus > span:before,
#menu .subLnb > li > a.on > span:before{width:100%; }
body.start .snb .snb_tit .snb_txt{margin-top:1rem; opacity:1; }

/* media query mobile */
@media screen and (max-width: 1280px){
	.container {margin: 0 0.7rem;}
	
	#gnb .depth01 > ul > li > a{font-size:.8rem; }
	
	/* oneDown */
	#nav.oneDown .depth02{width:100%; left:0;}

	.sub_content { width:95%; }
	
}

@media screen and (max-width: 1200px){

	

}

@media screen and (max-width: 1024px){
  
	/* 상단(로고 및 메뉴) */
	#header {height: 68px; border-bottom: none;}
	#header:before {display: none;}
	#web {display: none;}
	#tablet,
	.tabletlogo {display: block;}

	/* footer */
	#footer:before {display: none;}
	#footer .container{padding-right:0;}
	.footer_link li {width: 100%;}
	.footer_link li {width: 33.33%; line-height: 30px; border: 1px solid #ddd;}
	.footer_link li a {background:none; text-align: center;}
	.footer_link li:nth-child(4), .footer_link li:nth-child(5) { border-top:0}
	.footer_link li:nth-child(2), .footer_link li:nth-child(3), .footer_link li:nth-child(5) {border-left:0}

	/* 방문자수 */
    .visitant {position:relative; top:auto; right:auto; width:50%; margin-top:1rem; margin-bottom:0.5rem;}
	
	/*맨위로가기*/
	.btn_top{bottom:2.5%; right:2.5%;}

	/* 서브레이아웃 */
	#sub_container,
	.sub_content,
	.S_visual{width:100%; }
	#sub_container {margin-top:0; }	
	#sideContent {display:none;}
	.sub_content{margin-top:0;}
	
	#subContent{width:100%; margin:0 0 50px 0;}
	.subContent_body{padding:0 2% 0; min-height:auto;}

	/* 서브비주얼 */
	.S_visual p img{width:140%; margin-left:-20%; } 

    /* sub title */
    .title_area #pageTitle{max-width:100%; }
    .title_area{margin:1rem  0 1.25rem; text-align:center; }
    .title_area .location{position:relative; bottom:auto; right:auto; margin-top:.5rem; text-align:center; line-height:1.5; }

     /* lnb */
    #menu{width:100%; margin:0; padding:0; float:none; }
    #menu h2{width:auto; height:auto; text-align:left; line-height:1; padding:1rem; border-radius:0; cursor:pointer; font-size:1rem; }
    #menu h2:before{display:none; }
    #menu h2:after{position:absolute; top:50%; right:1rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; color:#fff; content:'\e941'; -webkit-transition:transform .3s; transition:transform .3s; }
    #menu h2.on:after{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
    #menu h2 > span{position:relative; display:block; top:auto; left:auto; width:100%; padding-right:2rem; -webkit-transform:translate(0,0); transform:translate(0,0); }
    #menu nav{display:none; }
    #menu nav{position:relative; }
    #menu .lnb{border-width:0 0 1px; }
    #menu .lnb > li > a{padding:.75rem 1rem; }
    #menu .lnb > li > a:hover:before, #menu .lnb > li > a:focus:before, #menu .lnb > li.row.on > a::before{right:1rem; }

	/* 전체 가로 스크롤 테이블  */
	#all-scroll{display: block; position:relative; overflow:hidden; overflow-x: auto; margin:0}
	#all-scroll .page{white-space: nowrap; border-bottom:0; border-right:0}

}
@media (max-width:690px) {
	#tabletLogo{padding-top:1.1rem; }
	#tabletLogo a{width:6rem; }
	#tabletLogo a img{display:block; width:100%; }
}

@media (max-width:560px) {
	/* mobile 검색영역 */
	#mSearch .con p {padding-right:120px;}
	#mSearch .con .btnSearch {right:50px; min-width:70px;}
	
	/* footer */
	.footer_link li {width:50%}
	.footer_link li:nth-child(3), .footer_link li:nth-child(5){border-left:1px solid #ddd !important;}
	.footer_link li:nth-child(3){border-top:0}
	.footer_link li:nth-child(4) {border-left:0 !important}
}

@media screen and (max-width: 480px){
	/* footer */
	.footer_link li {width:100%}
	.footer_link li:nth-child(2), .footer_link li:nth-child(4), .footer_link li:nth-child(5){border-left:1px solid #ddd !important;}
	.footer_link li:nth-child(2){ border-top:0 !important}
	
	/* 방문자수 */
    .visitant {width:100%;}
	
	 /* 서브레이아웃 */ 
	 #menu h2{font-size:.9rem; }
}

@media (max-width:380px) {
	/* mobile navi */
	#mNavi #mgnb .snb li a {padding: 0 0.75rem;}

	/* footer */	
	.box_footer .box_info span:before{content: ''; display: block;}
	
}