@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2022-01-13
******************************************************** */

/* ****************** FONT ********************** */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* notosans */ 
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap'); /*teko*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* barlow*/


/* ****************** LAYOUT ********************** */
html {font-size: 10px;}
body {background-color:#fff;}
body, table, th, td, button, select, input, textarea, 
h1, h2, h3, h4, h5, h6 {
	font-family:'Teko', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	color:#222;
	-webkit-text-size-adjust:none;
    line-height: 1;
}
body.lang_kor {word-break:keep-all; -webkit-word-break:keep-all}
body.lang_eng {word-break:keep-all; -webkit-word-break:keep-all}
body.lang_chn {word-break:break-all; -webkit-word-break:keep-all}
#wrap {overflow:hidden; width:100%; min-width:280px; position:relative; }
.area1840 {max-width: 1840px; margin:0px auto; }
.area1520 {max-width: 1520px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area1285 {max-width: 1285px; margin: 0 auto;}
.font-teko {font-family: 'Teko', sans-serif;}
.font-barlow {font-family: 'Barlow', sans-serif;}
.pc_only {display: block;}
.main-color {color: #f4772e!important;}

@media all and (max-width:1024px) {
   .pc_only {display: none;}
}
@media all and (max-width:480px) {
    #mainContact {padding-top: 20px;}
}


#mainService {background: url(/img/mainService_bg.jpg)no-repeat; background-size: cover;}
#mainPortfolio {position: relative; background: #fff;}
#mainContact {position: relative; background: #fafafa;}
#mainFooter {background: #252421;}


/* ****************** HEADER ********************** */
#header {position: absolute; height: 100px; top: 0; left: 0; width: 100%; z-index: 9999; 
    transition: all .3s; 
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
} /* 배경위에 헤더가있으면 absolute변경 후 headerInnerWrap 배경삭제 */
/*.main-wrapper #header {width:calc(100% - 400px);}*/
.fullpage-wrapper #header {position: fixed;}
#headerInnerWrap {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; 
    -webkit-transition:background-color 0.3s;
    -moz-transition:background-color 0.3s;
    -o-transition:background-color 0.3s;
    -ms-transition:background-color 0.3s;
    transition:background-color 0.3s
}
#headerInner {position: relative; height: 100%; margin: 0px auto; 
    -webkit-transition:padding 0.3s;
    -moz-transition:padding 0.3s;
    -o-transition:padding 0.3s;
    -ms-transition:padding 0.3s;
    transition:padding 0.3s
}
/* -------- Header :: Logo -------- */
#header .logo {position: relative; z-index:100; float:left; padding:35px 0; }		/* padding값 적절히 바꿔주세요 */
#header .logo a {display: block; position:relative; }
#header .logo img {display: block; vertical-align:top; max-width:100%}
#header .logo img.blue, #header .logo img.m_logo {position: absolute; top:0; left:0; opacity:0;filter:Alpha(opacity=0);}
/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:absolute; top:50%; right:0; margin-top:-20px; z-index:100;}
.linked-btn {float:left; font-size: 20px; color:#fff; line-height:40px;}
/* Header :: 언어선택 */
.header-lang {position:relative; float:left; width:196px; height:100%; z-index:100; }
.header-lang:before {content:""; width:24px; height:24px; position: absolute; left:-17px; top:6px; background: url(../img/lang_select_icon.png)no-repeat; display: block; background-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.header-lang > ul > li {float:left; width:33.3333%; }
.header-lang > ul > li > a {position:relative; display:block; font-size:14px; line-height:40px; color:#999; text-align:center; 
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s }
.header-lang > ul > li > a span {position:relative; z-index:1; }
.header-lang > ul > li > a:before{content:""; display:block; position:absolute; left:-6px; top:16px; background: url(../img/arrow_right.png)no-repeat; width: 16px; height: 8px;}

.header-lang > ul > li:first-child > a:before{display: none;}
.header-lang > ul > li.selected > a , .header-lang > ul > li > a:hover {color:#fff; }
.header-lang > ul > li > a:hover:before , .header-lang > ul > li.selected a:before{left:-10.5%; opacity:1.0;filter:Alpha(opacity=100);}

/* Header :: 사이트맵(기본형 or 커스텀) */
.sitemap-custom-btn {width:32px; height:32px; display:none;}
@media all and (min-width: 1025px){
.sitemap-custom-btn {display:block;}
.main-wrapper .sitemap-custom-btn {display:none;}
}
/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9997;}	/* gnb overlay BG */
/*#gnb{position:absolute; text-align:center; top:0; right: 0px;  z-index:99;}*/
#gnb{text-align:right; z-index:99;}
#gnb > ul{display:inline-block; *display:inline;*zoom:1;}
#gnb > ul > li{position:relative; float:left; word-break:keep-all;}
#gnb > ul > li > a {position: relative; z-index: 100; display: table; height: 100px; line-height: 1.3; margin-left: 120px; text-align: center; color: #fff; font-size: 2.8rem; letter-spacing: 0.25px; transition: all .5s;}
#gnb > ul > li > a:hover {color: #f36f21}
#gnb > ul > li > a span {display:table-cell; vertical-align:middle; }
#gnb > ul > li > a span em {position:relative;  font-weight: 400;}


/* GNB :: 2차메뉴 Over (높이변경) */
#gnb.open #gnbBg{height:350px}
#gnb.open > ul > li .gnb-2dep{height:250px; opacity:1.0;filter:Alpha(opacity=100);visibility:visible;-webkit-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;-moz-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;-ms-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;-o-transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;transition: height 0.5s ease-in-out, opacity 0.5s ease-in-out 0.2s;}
/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{/* display:none; */position:absolute; top:96px; right:-46px; z-index:99;width:180px; text-align:left; visibility:hidden;opacity:0;filter:Alpha(opacity=0);}
#gnb.each-menu > ul > li .gnb-2dep.wlong {width: 225px;}
#gnb.each-menu > ul > li .gnb-2dep:before{content:""; position:absolute; top:-20px; left:0px; right:0px; height:0; opacity:0;filter:Alpha(opacity=0); background-color:#fff;border: 1px solid #898989; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#gnb.each-menu > ul > li .gnb-2dep.m_only{ display:none}
#gnb.each-menu > ul > li .gnb-2dep ul{padding:0px 0px 25px 0; text-align: center;}
#gnb.each-menu > ul > li .gnb-2dep ul li{position:relative; padding:9px 25px; opacity:0;filter:Alpha(opacity=0);-webkit-transition:all 0s 0s;-moz-transition:all  0s 0s;-o-transition:all  0s 0s;-ms-transition:all  0s 0s;transition:all  0s 0s; }
#gnb.each-menu > ul > li .gnb-2dep ul li a { display:block; color:#666; font-size:16px; font-weight:500;  line-height:1.3; transition:color 0.4s; opacity:0.85; filer:Alpha(opacity=85);}
#gnb.each-menu > ul > li .gnb-2dep ul li a:hover{ opacity:1; filter:Alpha(opacity=100)}
/* over했을때 */
#gnb.each-menu > ul > li:hover .gnb-2dep:before{height:calc(100% + 20px); opacity:1.0;filter:Alpha(opacity=100);}
#gnb.each-menu > ul > li .gnb-2dep.open{visibility:hidden; opacity:1.0;filter:Alpha(opacity=100);}
#gnb.each-menu > ul > li.gnb1 .gnb-2dep.open {visibility:visible}

#gnb > ul > li .gnb-2dep.open ul li{opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(1){-webkit-transition-delay: 0.1s;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;transition-delay:0.1s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(2){-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;transition-delay:0.2s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(3){-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;transition-delay:0.3s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(4){-webkit-transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-ms-transition-delay: 0.4s;transition-delay:0.4s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(5){-webkit-transition-delay: 0.5s;-moz-transition-delay: 0.5s;-o-transition-delay: 0.5s;-ms-transition-delay: 0.4s;transition-delay:0.5s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(6){-webkit-transition-delay: 0.6s;-moz-transition-delay: 0.6s;-o-transition-delay: 0.6s;-ms-transition-delay: 0.4s;transition-delay:0.6s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(7){-webkit-transition-delay: 0.7s;-moz-transition-delay: 0.7s;-o-transition-delay: 0.7s;-ms-transition-delay: 0.4s;transition-delay:0.7s;}
#gnb > ul > li .gnb-2dep.open ul li:nth-child(8){-webkit-transition-delay: 0.8s;-moz-transition-delay: 0.8s;-o-transition-delay: 0.8s;-ms-transition-delay: 0.4s;transition-delay:0.8s;}

/* -------- Header :: Blue.ver -------- */
#header.blue .logo img.default {opacity:0;filter:Alpha(opacity=0);}
#header.blue .logo img.blue {opacity:1;filter:Alpha(opacity=100);}
#header.blue .linked-btn {color: #111; }
#header.blue .header-lang:before, .sub-wrapper .header-lang:before {content:""; width:24px; height:24px; position: absolute; left:-17px; top:6px; background: url(../img/lang_select_icon_b.png)no-repeat; display: block; background-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
#header.blue .header-lang > ul > li > a {color:#999;}
#header.blue .header-lang > ul > li > a:before , .sub-wrapper .header-lang > ul > li > a:before {content:""; display:block; position:absolute; left:-6px; top:16px; background: url(../img/arrow_right_b.png)no-repeat; width: 16px; height: 8px;}
#header.blue .header-lang > ul > li:first-child > a:before, .sub-wrapper .header-lang > ul > li:first-child > a:before {display: none;}
#header.blue .header-lang > ul > li.selected > a, #header.blue .header-lang > ul > li > a:hover {color:#111; }
#header.blue #gnb > ul > li > a {color:#111; }
#header.blue #gnb > ul > li > a:hover {color: #f36f21;}
#header.blue #gnb > ul > li > a span em:before{ background-color:#111}

/* blue헤더 오버시 */
#header.blue.open .logo img.blue {opacity:0;filter:Alpha(opacity=0);}
#header.blue.open .logo img.default {opacity:1;filter:Alpha(opacity=100);}
#header.blue.open .linked-btn {color: #fff; }
#header.blue.open .header-lang:before {border-color: #fff; }
#header.blue.open .header-lang > ul > li > a {color:#fff;}
#header.blue.open .header-lang > ul > li > a:before {content:""; display:block; position:absolute; left:-6px; top:16px; background: url(../img/arrow_right_b.png)no-repeat; width: 16px; height: 8px;}
#header.blue.open .header-lang > ul > li.selected > a, #header.blue.open .header-lang > ul > li > a:hover {color:#111; }
#header.blue.open #gnb > ul > li > a {color:#fff; }


/* -------- Header :: 햄버거 버튼(사이트맵) -------- */
.nav-open-btn {display: none; position: fixed; top: 26px; right: 15px; z-index: 10000; width: 44px; height: 44px; -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); background: rgba(255,255,255,0.8); border-radius: 50%;}
.nav-open-btn .line {display: block; width: 22px; height: 2px; background-color: #222; margin: 4px auto; -webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.nav-open-btn.active .line{background-color:#222;}

.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4){opacity: 0;}
.nav-open-btn.active .line:nth-child(1){
   -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}
.nav-open-btn.active .line:nth-child(3){
   -webkit-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}
.bg_logo {position: absolute; bottom: 10px; right : 10px;}

#header.top-fixed .nav-open-btn .line{background-color:#333}
#header.sub-hidden .nav-open-btn {display:none;} 
#header.sub-hidden.up .nav-open-btn {display:block;} 


/* -------- Header :: GNB(Mobile) -------- */
#gnbM{display:none}
#headerMenuM {display:none;}

/* -------- Header :: 서브페이지헤더 -------- */

.sub-wrapper #header.blue {position:fixed;}
.sub-wrapper #header.blue #headerInnerWrap {background-color: #fff;}
/* .sub-wrapper #header.blue .sitemap-custom-btn {display:block;}  */
.sub-wrapper #header {position:fixed; /*background: #fff; box-shadow: 1px 0 5px #ddd;*/}
.sub-wrapper #header .logo img.blue {opacity: 0;}
.sub-wrapper #header.blue .logo img.blue {opacity: 1;}
/*.sub-wrapper #header #gnb > ul > li > a {color: #fff;}*/
.sub-wrapper #header.blue #gnb > ul > li > a {color: #111;}
.sub-wrapper .header-lang > ul > li.selected > a, .sub-wrapper .header-lang > ul > li > a:hover {color: #111;}

/* -------- Header :: Sub 헤더  숨기기  -------- */
#header.sub-hidden{/* top:-101px; */ -ms-transform: translateY(-101px); -o-transform: translateY(-101px);   -moz-transform: translateY(-101px);-webkit-transform: translateY(-101px);   transform: translateY(-101px);}
#header.sub-hidden #topMenu01 {padding:0;}
#header.sub-hidden.up{/* top:0px; */-ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0);}


/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer .area1840 {position: relative;}
#footer .main-color {color: #c26027!important;}
#footer {position:relative; background: #252421; text-align:center; z-index:100; font-family: 'Barlow', sans-serif;}
#footer:before {content:''; position: absolute; top: 100px; left: 0; width: 100%; height: 1px; background: #444;}
#footer .footer_top {padding: 42px 0 38px;}
#footer .footer_top .footer-left-con {float: left; padding-left: 223px;}
#footer .footer_top .footer-right-con {float: right;} 
#footer .footer_top .footer-left-con li {float: left; padding-right: 65px;}
#footer .footer_top .footer-left-con li a {font-size: 1.6rem; color: #888; letter-spacing: -0.75px; font-weight: 500; font-family:'Noto Sans KR'}
#footer .footer_top .footer-left-con li a:hover {color: #d5d4d4;}
#footer .footer_top .footer-right-con li {float: left; padding-left: 48px; font-weight: 500; font-size: 1.6rem; color: #666; }   
#footer .footer_top .footer-right-con li strong {color: #777; font-weight: 500; display: inline-block; padding-right: 13px; font-size: 2rem;}

#footer .footer_btm {padding-top: 40px;}
#footer .footer_btm .footer-logo {float: left; }
#footer .footer_btm .footer-logo img {max-width: 100%;}
#footer .footer_btm .footer-address-list {float: left; text-align: left; margin-bottom: 17px; padding-left: 100px;}
#footer .footer_btm .footer-address-list p.item {display: inline-block; font-size: 1.6rem; color: #aaa; padding-bottom: 9px; font-weight: 200; font-family:'Noto Sans KR'; letter-spacing: -1px;}
#footer .footer_btm .footer-address-list p.item b {font-size: 2.2rem; font-weight:400; padding-right: 70px}
#footer .footer_btm .footer-address-list p.item .tit {display: inline-block; padding-right: 5px;}
#footer .footer_btm .footer-address-list .footer-copyright.item {display: block; color: #555; padding: 28px 0 33px; letter-spacing: -0.75px;} 




/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 서브메뉴(스타일1) */
#topMenu01 {position:relative; width:100%; padding:30px 0; top:100px; background-color: #fff; transition: padding 0.4s;}
/* #topMenu01:before {content:""; width:100%; height: 270px; background-color: #fff; position:absolute; top:100%; left:0;}*/
#topMenu01 .side-menu-inner{ width:100%; position:relative; padding: 0 190px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
#topMenu01 .location-to-home-btn {position:absolute; left:0; top:50%; margin-top:-25px; width: 50px; height:50px; border: 1px solid #ddd; text-align:center; line-height: 48px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#topMenu01 .location-to-home-btn i {color: #000;}
#topMenu01 .sub-menu-tit {font-size: 25px; letter-spacing:20px; color: #000;  text-transform: uppercase; position:absolute; right:0; top:50%; margin-top:-12.5px;}
#topMenu01 .side-menu-inner ul{display:inline-block; *display:inline;*zoom:1; margin:0 -25px;}
#topMenu01 .side-menu-inner ul li {float:left; max-width:330px; height: 70px; margin:0 25px;} /* max-width 자유롭게 수정 */
#topMenu01 .side-menu-inner ul li > a {display:block; display:table; position:relative;width:100%;height:100%; line-height:1.2; color:#000; font-size:18px; letter-spacing:-0.5px; word-break:keep-all;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#topMenu01 .side-menu-inner ul li > a span {}
#topMenu01 .side-menu-inner ul li > a span em {position:relative; font-weight:700; padding-bottom: 10px;}
#topMenu01 .side-menu-inner ul li > a span em:before{position:absolute;bottom:-1px;left:50%;width:0;height:2px;background-color:#000;content:"";-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}
#topMenu01 .side-menu-inner ul li > a > span {display:table-cell; vertical-align:middle; }
#topMenu01 .side-menu-inner ul li > a:hover span em:before, 
#topMenu01 .side-menu-inner ul li.on > a span em:before{width:100%; margin-left:-50%;}

/* SUB LAYOUT :: 서브메뉴(스타일2) */
#topMenu02{position:relative; width:100%; height:70px;}
#topMenu02 .side-menu-inner{text-align:center; width:100%; height:70px; background-color: #fff; border-bottom:1px solid #ddd;}
#topMenu02 .side-menu-inner ul {display: flex;}
#topMenu02 .side-menu-inner ul li{display:inline-block;flex: 1; -webkit-transition:all 0.5s; transition:all 0.5s;}
#topMenu02 .side-menu-inner ul li:first-child {}
#topMenu02 .side-menu-inner ul li > a{display:block; display:table; position:relative;width:100%;height:70px; line-height:1.2; color:#000; font-size:16px; font-weight:400; word-break:keep-all;-webkit-transition:all 0.3s; transition:all 0.3s;}
#topMenu02 .side-menu-inner ul li > a:before{position:absolute;top: 50%; margin-top: -7px;left:0;width:1px;height:14px;background-color:rgba(255,255,255,0.1);content:"";-webkit-transition:all 0.4s;transition:all 0.4s;}
#topMenu02 .side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 15px;}
#topMenu02 .side-menu-inner ul li.on {border-bottom: 1px solid #c91f1f}
#topMenu02 .side-menu-inner ul li.on > a {color: #c91f1f;}
#topMenu02 .side-menu-inner ul li.on:hover{background-color: #fff;}
#topMenu02 .side-menu-inner ul li:hover{}
#topMenu02 .side-menu-inner ul li.on > a:before {opacity: 0;}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM01,#topMenuM02 {display:none;}

/* SUB LAYOUT :: 서브 타이틀 (공통)  */
.sub-title-Area{ margin-bottom:65px}
.sub-title-Area > div{ border-bottom:1px solid #ddd; padding-bottom:30px}
.sub-title-Area .sec-tit{ font-size:32px; color:#222;}
.sub-title-Area .sec-tit.big-tit{ font-size:40px}
.sub-title-Area .sec-tit b{ font-weight:600;}
.sub-title-Area .cm-fr ul { padding-top: 20px;}
.sub-title-Area .cm-fr ul li{display: inline-block; position: relative; padding-right: 40px;font-size: 14px;color: #777;}
.sub-title-Area .cm-fr ul li:after{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 20px;  font-family: 'xeicon'; content: "\e93e"; color: #e0e0e0;font-size: 11px;}
.sub-title-Area .cm-fr ul li:last-child:after{ display:none}
.sub-title-Area .cm-fr ul li.location2{ color: #444; padding-right: 7px;font-weight: 500;}
.sub-title-Area .cm-fr ul li.location2:before{ content:""; display:block; position:absolute; right:0; top:-7px; width:5px; height:5px; border-radius:50px; background:#ed1c24;}
.sub-title-Area .cm-fr ul li img{ vertical-align:top}
.m_only {display: none;}


/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
@media all and (min-width:1221px){
.fixed-sub-menu.fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}
}

/* SUB LAYOUT :: 모바일메뉴(공통)  */
#topMenuM01,#topMenuM02{display:none;}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#middleArea {}
#middleArea.wide{padding-bottom: 0;}


/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 공통 서브비주얼 */
#visual {position: relative; overflow: hidden; width: 100%; height: 510px;}
#visual .visual-img-con.sub_visual1 {background: url(../img/sub_visual1.jpg)no-repeat 50% 0;}
#visual .visual-img-con.sub_visual2 {background: url(../img/sub_visual2.jpg)no-repeat 50% 0;}
#visual .visual-img-con.sub_visual3 {background: url(../img/sub_visual3.jpg)no-repeat 50% 0;}
#visual .visual-img-con.sub_visual4 {background: url(../img/sub_visual3.jpg)no-repeat 50% 0;}
#visual .visual-img-con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover!important; overflow: hidden;}
#visual .visual-img-con .visual-tit {position: absolute; top: 38%; left: 50%; transform: translateX(-50%); opacity: 1; font-size: 31px; }
#visual .visual-img-con .visual-tit:after {content:''; position: absolute; top: 54px; left: 50%; transform: translateX(-50%); width: 30px; height: 1px; background: #fff;}
#visual .visual-img-con p {position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; margin-top: 87px;  color: #fff; font-size: 40px; line-height: 1.4; left: 50%; text-align: center;}
#visual .visual-img-con span{display:block;width:100%;height:100%;background-size:cover !important;-webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2);-webkit-transition:transform 5000ms  ease-in-out ;transition:transform 5000ms ease-in-out ;	}

#visual .visual-txt-con {z-index:1; text-align: center; display: table; width: 100%; height: 100%;}
#visual .visual-txt-container {position:relative; width:100%; height:100%}
#visual .visual-txt-container .visual-txt-inner {position:absolute; width:100%; right:0; top:50%; transform:translateY(-50%); text-align:left;box-sizing: border-box; padding-left:8%;}
#visual .visual-tit {font-size: 8rem; font-weight: 400; color: #fff;  -webkit-transition-delay:0.2s; transition-delay:0.2s; opacity:0;filter:Alpha(opacity=0);-webkit-transform: translateY(30px);  transform: translateY(30px);-webkit-transition:opacity 1.0s, transform 1.0s;transition:opacity 1.0s, transform 1.0s; letter-spacing: -0.2px;}

/*  SUB LAYOUT :: 서브메뉴 */
#Sub_depth{position:relative; width:100%;height: 72px; z-index:12; }
#Sub_depth .side-menu-inner{width:100%; height: 72px; background-color: #f5f5f5; border-bottom:1px solid #e5e5e5; z-index:11; }
#Sub_depth .side-menu-inner > div{ position:relative; height: 100%;}
/*#Sub_depth .cm-top-menu{padding:0 40px;}*/
#Sub_depth .location-to-home-btn{float:left; width:6%; text-align: center; height:100%; line-height: 72px}
#Sub_depth .location-to-home-btn i{color:#222; font-size:18px; line-height:72px;}
#Sub_depth .menu-location{position:relative; float:left; min-width:200px;}
#Sub_depth .menu-location.location2 {min-width: 260px;}
#Sub_depth .menu-location:before{position:absolute; top: 50%; transform: translateY(-50%);height: 23px; left:0; width:1px; background-color:#e5e5e5; content:"";}
#Sub_depth .menu-location.location1:before {display: none;}
#Sub_depth .menu-location > .cur-location{position:relative; display:block; height: 72px; padding:0 26px 0 21px; text-align:left}
#Sub_depth .menu-location > .cur-location span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:72px; color:#646464; font-size:16px;}
#Sub_depth .menu-location.location2 > .cur-location span {color: #444;}
#Sub_depth .menu-location > .cur-location .arrow{position:absolute; top:50%; transform: translateY(-50%); right:25px;}
#Sub_depth .menu-location > .cur-location .arrow i{font-size:16px; color:#000; font-weight: 700;}
#Sub_depth .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-10px;}
#Sub_depth .menu-location .location-menu-con{display:none; position:absolute; top:72px; left:-1px; width:calc(100% - 1px); border:1px solid #e5e5e5; border-top:0; background-color:#f5f5f5; z-index:11; }
#Sub_depth .menu-location .location-menu-con li a{position:relative; display:block; padding:10px 23px; font-size:15px; line-height:1.5; font-weight:400; color:#222;}
#Sub_depth .menu-location .location-menu-con li a .gnb-icon{position:absolute; top:10px; right:15px;}
#Sub_depth .menu-location .location-menu-con li.on{position:relative;}
#Sub_depth .menu-location .location-menu-con li.on a{color:#04367b;}

/* SUB LAYOUT :: 서브메뉴 Fixed (공통) */
.fixed-sub-menu.top-fixed .side-menu-inner{position:fixed; top:0px; left:0px; z-index:9999;}


@media all and (max-width:1024px){
	.fixed-sub-menu.top-fixed .side-menu-inner {top:80px;}
}
@media all and (max-width:480px){
	.fixed-sub-menu.top-fixed .side-menu-inner {top:60px;}
}

/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-con span{-webkit-transform: scale(1.0,1.0) rotate(0.002deg);transform: scale(1.0,1.0) rotate(0.002deg);}
#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .location{opacity:1.0;filter:Alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px);}





/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg);  }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }



/*애니메이션 */
/* card */
.up_motion > * {-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);opacity: 0;-webkit-transition: opacity 800ms, -webkit-transform 1s ease-out;transition: opacity 800ms, -webkit-transform 1s ease-out;transition: transform 1s ease-out, opacity 800ms;transition: transform 1s ease-out, opacity 800ms, -webkit-transform 1s ease-out;}
.up_motion > *:nth-child(1) {-webkit-transition-delay: 300ms;transition-delay: 300ms;}
.up_motion > *:nth-child(2) {-webkit-transition-delay: 450ms;transition-delay: 450ms;}
.up_motion > *:nth-child(3) {-webkit-transition-delay: 600ms;transition-delay: 600ms;}
.up_motion > *:nth-child(4) {-webkit-transition-delay: 750ms;transition-delay: 750ms;}
.up_motion > *:nth-child(5) {-webkit-transition-delay: 900ms;transition-delay: 900ms;}
.up_motion > *:nth-child(6) {-webkit-transition-delay: 1050ms;transition-delay: 1050ms;}
.up_motion > *:nth-child(7) {-webkit-transition-delay: 1200ms;transition-delay: 1200ms;}
.up_motion > *:nth-child(8) {-webkit-transition-delay: 1350ms;transition-delay: 1350ms;}
.up_motion > *:nth-child(9) {-webkit-transition-delay: 1500ms;transition-delay: 1500ms;}
.up_motion > *:nth-child(10) {-webkit-transition-delay: 1650ms;transition-delay: 1650ms;}
.up_motion > *:nth-child(11) {-webkit-transition-delay: 1850ms;transition-delay: 1850ms;}
.up_motion > *:nth-child(12) {-webkit-transition-delay: 2000ms;transition-delay: 2000ms;}
.up_motion > *:nth-child(13) {-webkit-transition-delay: 2150ms;transition-delay: 2150ms;}
.up_motion > *:nth-child(14) {-webkit-transition-delay: 2300ms;transition-delay: 2300ms;}
.up_motion > *:nth-child(15) {-webkit-transition-delay: 2450ms;transition-delay: 2450ms;}
.up_motion > *:nth-child(16) {-webkit-transition-delay: 2600ms;transition-delay: 2600ms;}
.up_motion > *:nth-child(17) {-webkit-transition-delay: 2750ms;transition-delay: 2750ms;}
.up_motion > *:nth-child(18) {-webkit-transition-delay: 2900ms;transition-delay: 2900ms;}
.up_motion > *:nth-child(19) {-webkit-transition-delay: 3050ms;transition-delay: 3050ms;}
.up_motion > *:nth-child(20) {-webkit-transition-delay: 3200ms;transition-delay: 3200ms;}
.up_motion > *:nth-child(21) {-webkit-transition-delay: 2350ms;transition-delay: 2350ms;}
.up_motion > *:nth-child(22) {-webkit-transition-delay: 2500ms;transition-delay: 2500ms;}
.up_motion > *:nth-child(23) {-webkit-transition-delay: 3650ms;transition-delay: 3650ms;}
.up_motion > *:nth-child(24) {-webkit-transition-delay: 3850ms;transition-delay: 3800ms;}

/* 이메일무단수집거부 */
#mail_pop{position:fixed; width:100%; height:100%; top:0; left:0; display:none; z-index:9999; background: rgba(0,0,0,0.5);}
#mail_pop .no_mail{
	width:900px; 
	height:495px; 
	position:absolute; 
	top:50%; left:50%; 
	border:2px solid #c76464; 
	margin-left: -450px;
    margin-top: -275.5px;	
}
.pop_content {
    background-color: #f6f6f6;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    height: 100%;
    box-sizing: border-box;
    padding: 85px 30px;
}
.pop_content strong{    
	display: block;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 18px;
    padding-top: 180px;
	background:url(/img/ico_mail.png) no-repeat 50% 0;
	
    line-height:1.4
}
.pop_content .small_txt {
    display: block;
    padding-top: 12px;
    font-size: 14px;
    color: #c76464;
}
.close_btn{
	position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
	background:url(/img/close_btn.png) no-repeat center;
    font-size: 0;
    text-indent: -9999%;
	display:block;
}



/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */

/* ****************** 공통레이아웃 ********************** */
@media all and (max-width:1840px){	/* max-width : (area-box width) + 20px */
	.area1840, .area1285, #sub_content  {padding:0 30px;}
}
@media all and (max-width:1520px){	/* max-width : (area-box width) + 20px */
	.area1520  {padding:0 20px;}
}
@media all and (max-width:1420px){
	.area1840, .area1285, .area1520, #sub_content {padding:0 20px;}
}
@media all and (max-width:540px){
    .area1840, .area1285, .area1520, #sub_content  {padding:0 10px;}
}


/* ****************** HEADER ********************** */
@media all and (max-width: 1200px) {
    #gnb > ul > li > a {font-size: 2.4rem; }
    .nav-open-btn {top: 30px; width: 38px; height: 38px;}
}
@media all and (max-width: 1024px) {	/* 1024까지 레이아웃유지가 안될시 max-width: 컨텐츠너비+20px */
    /* -------- Header :: GNB(PC) -------- */
    .nav-open-btn {display: block;}
    #gnb{display:none;}
    .gnb-overlay-bg{display:none}

    /* -------- Header :: GNB(Mobile/기본스타일) -------- */
    .gnb-overlay-bg-m {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
    #gnbM {display:block; position:fixed; top:0px; right: -82%; width: 100%; max-width: 540px; height:100%; background-color:#fff; z-index:9999; transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); visibility:hidden;}
    #gnbM.open {right: 0px; visibility:visible;}
    /* GNB Mobile :: 레이아웃 */
    .gnb-navigation-wrapper {position:relative; display: table; width: 100%; height:100%; box-sizing:border-box; overflow-y:auto; text-align: center;}	
    .gnb-navigation-inner {display: table-cell; vertical-align: middle;}/* padding-top : Header 높이값 */
    .header-util-menu-box + .gnb-navigation-wrapper{padding-top:0}

    /* GNB Mobile :: 메뉴영역 :: 1차 */
    #navigation > li > a {position: relative; display: inline-block; margin: 15px; color: #222; font-size: 2.8rem; font-weight:500; cursor:pointer}
    #navigation > li.active > a {color: #222;}
    #navigation > li:hover {background: #f7742e;}
    #navigation > li:hover a {color: #fff;}
    #navigation > li.has-2dep > a:before {font-family:xeicon; content: "\e914"; position:absolute; top:-3px; right: -38px; font-size: 1em;}
    #navigation > li.has-2dep.active > a:before{content: "\e91b";}
    /* GNB Mobile ::  메뉴영역 :: 2차 */
    #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#fff; }
    #navigation > li .gnb-2dep > li{height:auto !important;}
    #navigation > li .gnb-2dep > li > a{display:block;  font-size:1.6rem; padding:12px 15px; color:#444;}
    #navigation > li .gnb-2dep > li.on > a{color:#f7742e; font-weight:500;}
    /* GNB Mobile :: 메뉴영역 ::  3차 */
    #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
    #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
    #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
}
@media all and (max-width: 800px) {
    #header,  #headerInnerWrap {height: 60px;}
    #header .logo {padding: 17px 0;}	/* padding값 적절히 바꿔주세요 */
    .nav-open-btn {top: 16px; width: 30px; height: 30px;}
    .nav-open-btn .line {width: 16px; margin: 3px auto;}
    .nav-open-btn.active .line:nth-child(1) {transform: translateY(3px) rotate(45deg); -webkit-transform: translateY(3px) rotate(45deg);}
}
@media all and (max-width: 480px){
    #header .logo a {width: 75%}
    #header.blue .logo img.m_logo {opacity: 0;}
    #header .logo img.m_logo {opacity: 1;}
    .sub-wrapper  #header .logo img.m_logo {opacity: 0;}
    
    /* -------- Header :: GNB(Mobile/기본스타일) -------- */
    .nav-open-btn {right: 10px;}

    /* Header :: GNB(Mobile) */
    .gnb-style-full .header-util-menu-box + .gnb-navigation-wrapper{top:60px; }
    .gnb-style-full-member .gnb-navigation-wrapper{bottom:60px;}
    #navigation > li > a {font-size: 2.4rem;}
}


/* ****************** FOOTER ********************** */
@media all and (max-width:1440px){
    #footer .footer_top .footer-left-con {padding-left: 0;}
}
@media all and (max-width:1200px){
    #footer .footer_top .footer-left-con li {padding-right: 45px;}
    #footer .footer_top .footer-left-con li:last-child {padding-right: 0;}
    #footer .footer_top .footer-right-con li:first-child {padding-left: 0;}
}
@media all and (max-width:1080px){
    #footer .footer_top .footer-left-con li a, #footer .footer_top .footer-right-con li, #footer .footer_top .footer-right-con li strong {font-size: 1.4rem;;}
}
@media all and (max-width:1000px){
    #footer .footer_top {padding: 20px 0;}
    #footer .footer_top .footer-left-con , #footer .footer_top .footer-right-con {float: none; margin: 20px 0;}
    #footer:before {top: 125px;}
}
@media all and (max-width:768px) {
    #footer .footer_btm .footer-address-list {padding-left: 55px;}
    #top_btn {width: 40px; height: 40px; line-height: 40px; font-size: 1.5rem;}
    #footer .footer_btm .footer-address-list p.item b {padding-right: 30px; font-size: 1.8rem;}
    #footer .footer_btm .footer-logo img {max-width: 83%}
}
@media all and (max-width:640px){
    #footer .footer_top .footer-left-con li {padding-right: 25px;}
    #footer .footer_top .footer-left-con li a, #footer .footer_top .footer-right-con li {font-size: 1.3rem;}
    #footer .footer_btm .footer-address-list {padding-left: 0;} 
    #footer .footer_btm .footer-logo img {display: none;}
    #footer .footer_btm .footer-address-list p.item {font-size: 1.4rem;}
    #footer .footer_top .footer-right-con li {padding-left: 20px;}
}
@media all and (max-width: 480px) {
    #footer:before{top: 178px}
    #footer .footer_btm {padding-top: 20px;}
   #footer .footer_btm .footer-address-list p.item {font-size: 1.3rem;}
    #footer .footer_top .footer-right-con li {float: none; text-align: left; margin-bottom: 10px; padding-left: 0;}
}
   
/* ****************** SUB LAYOUT ********************** */
@media all and (max-width:1400px){	
    /*  SUB LAYOUT :: 공통서브비주얼 */
    #visual .visual-img-con p {font-size: 36px;}
}
@media all and (max-width:1220px){
     /*  SUB LAYOUT :: 공통서브비주얼 */
     #visual .visual-img-con p {font-size: 33px;}
     #visual .visual-img-con .visual-tit {font-size: 29px;}

    /*  SUB LAYOUT :: 컨텐츠 레이아웃 */
    #topMenu01 .sub-menu-tit {display:none; }
    #topMenu01 .side-menu-inner {padding:0  0 0 100px;}
}
@media all and (max-width:1024px) {
    #topMenu01 {top: 80px;}
    #middleArea {margin-top:0}
    /* -------- Header :: Sub 헤더  숨기기  -------- */
    #header.sub-hidden{-ms-transform: translateY(-81px); -o-transform: translateY(-81px); -moz-transform: translateY(-81px);-webkit-transform: translateY(-81px);  transform: translateY(-81px);}

    /*  SUB LAYOUT :: 비주얼 중단 카테고리 */
    #bo_cate { margin-bottom:50px}	
    #bo_cate a span{padding: 0 42px;}
    
    /*  SUB LAYOUT :: 공통 서브 비주얼 */
    #visual {height: 300px;}
    #visual > div {padding: 0}
    #visual .visual-tit {font-size: 6rem;}
}

@media all and (max-width:800px){
    /*  SUB LAYOUT ::  서브메뉴(스타일1,2,3) */
    #topMenu01{display:none}

    
    /*  SUB LAYOUT :: 컨텐츠 레이아웃 */
    #content {padding:20px 15px}
    #content:before {height: 135px;}
    #content.wide{ padding-bottom: 0}

   /*  SUB LAYOUT :: 공통 서브 비주얼 */
    #visual .visual-tit {font-size: 5rem;}

    /*  SUB LAYOUT :: 비주얼 중단 카테고리 */
    #bo_cate {height: 50px;}
    #bo_cate a {font-size: 15px;}
    #bo_cate a span{padding: 0 20px;}
    #bo_cate #bo_cate_on, #bo_cate a:hover { color: #010101;}
    #bo_cate #bo_cate_on:before, #bo_cate a:hover:before{width: 55px; }

    /* ****************** BOARD ********************** */
    /*  BOARD :: 게시판 공통(total,search,admin_btn)  */
    #bo_list_total{ font-size:13px; line-height:45px}
    .bo_top_area .cm-fr{ width:60%; min-width:inherit}
    .bo_sch:before{left: 120px;}
    .bo_sch select {width: 120px;padding-left: 20px; background-size: 11px;}
    .bo_sch select, .bo_sch .sch_bar{height: 45px; font-size:12px}	
    .bo_sch .sch_bar {width: calc(100% - 165px);}
    .bo_sch .sch_input {text-indent:15px;font-size:12px}
    .bo_sch .sch_btn {height: 45px;font-size:16px;width: 25px; right: 15px;}
}
@media all and (max-width:650px){
    /*  SUB LAYOUT :: 비주얼 */	
    #visual .visual-area{ display:block; height:auto}
    #visual .visual-area > div{ display:block; width:100%; height: 170px;}
    
    /*  SUB LAYOUT :: 비주얼 중단 카테고리 */
    #bo_cate a{ font-size: 12px;}
    #bo_cate a span { padding: 0 15px;}
    /* ****************** BOARD ********************** */
    /*  BOARD :: 게시판 공통(total,search,admin_btn)  */	
    .bo_sch select,.bo_sch:before{ display:none}	
    .bo_sch .sch_bar{width:100%}	
}
@media all and (max-width: 600px) {
    /*  SUB LAYOUT :: 서브메뉴 */
    #Sub_depth{height: 60px;}
    #Sub_depth .wrap_narrow {margin: 0;}
    #Sub_depth .side-menu-inner{height: 60px;}
    #Sub_depth .location-to-home-btn {display: none;}
    #Sub_depth .menu-location, #Sub_depth .menu-location.location2 {min-width: 50%;}
    #Sub_depth .menu-location > .cur-location {height: 60px;}
    #Sub_depth .menu-location > .cur-location span{line-height: 60px;}
    #Sub_depth .menu-location .location-menu-con{top: 60px;}
}
@media all and (max-width: 540px) {
    #topMenu02 {display: none;}
    /*  SUB LAYOUT :: 서브메뉴 모바일 (스타일2) */
    #topMenuM02{display:block; position:relative; height:45px; top:0px; background-color: #fff; }
    #topMenuM02 .side-menu-inner{height:44px; border-bottom:1px solid #ddd; }
    #topMenuM02 .location-to-home-btn{position:absolute; width:40px; height:40px; left:0px; top:0px; background-color:#fff; text-align:center; }
    #topMenuM02 .location-to-home-btn i{color:#000; font-size:20px; line-height:40px;}
    #topMenuM02 .menu-location{position:relative;}
    #topMenuM02 .location-to-home-btn + .menu-location{margin-left:40px}
    #topMenuM02 .menu-location > .cur-location{position:relative; display:block; height:44px; padding:0 30px 0 15px; border-left:1px solid #ddd;}
    #topMenuM02 .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:44px; font-weight:600; font-size:15px; color: #000;}
    #topMenuM02 .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:20px; height:20px;margin-top:-8px; font-size:20px;color:#000; }
    #topMenuM02 .menu-location.open > .cur-location .arrow{transform:rotate(-180deg); margin-top:-10px;}
    #topMenuM02 .menu-location .location-menu-con{display:none; position:absolute; top:44px; left:0px; width:calc(100% - 2px); border:1px solid #ddd; border-top:0; background-color:#fff; z-index:11; }
    #topMenuM02 .menu-location.location1 .location-menu-con{width:calc(100% - 1px)}
    #topMenuM02 .menu-location .location-menu-con li a{display:block; padding:7px 15px; font-size:14px; line-height:1.5;}
    #topMenuM02 .menu-location .location-menu-con li.on{position:relative;}
    #topMenuM02 .menu-location .location-menu-con li.on a, #topMenuM02 .menu-location .location-menu-con li.active a{color:#c9201f;}
    #topMenuM02 .menu-location .location-menu-con li.on a em{ font-weight:500}
}
@media all and (max-width: 480px ) {
    /*  SUB LAYOUT :: 공통 서브 비주얼 */
    #visual .visual-tit {font-size: 4rem;}
    
     /*  SUB LAYOUT :: 서브메뉴 */
    #Sub_depth .menu-location > .cur-location {padding: 0 0 0 12px;}
    #Sub_depth .menu-location > .cur-location span {font-size: 14px;}
    #Sub_depth .menu-location > .cur-location .arrow {right: 3px;}
    #Sub_depth .menu-location  {min-width: 40%;}
    #Sub_depth .menu-location.location2 {min-width: 60%;}
    #Sub_depth .menu-location .location-menu-con li a {padding: 5px 0 5px 12px; font-size: 14px;}
}
@media all and (max-width: 420px ){	
    /* -------- Header :: Sub 헤더  숨기기  -------- */
    #header.sub-hidden{-ms-transform: translateY(-61px); -o-transform: translateY(-61px); -moz-transform: translateY(-61px);-webkit-transform: translateY(-61px); transform: translateY(-61px);}
    /*  SUB LAYOUT :: 비주얼 */
    #visual .visual-img-con p {font-size: 17px;}
}
@media all and (max-width: 375px ){	
    #footer .footer_top .footer-left-con li a, #footer .footer_top .footer-right-con li {font-size: 1.2rem;}
    /*  SUB LAYOUT :: 비주얼 */
    #visual .visual-img-con p {font-size: 15px;}
    
    /*  SUB LAYOUT :: 비주얼 중단 카테고리 */
    #bo_cate a{ font-size: 11px;}
    #bo_cate a span { padding: 0 10px;}
}