@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 공통적으로 사용되는 클래스 CSS
 * date : 2020-08-11
******************************************************** */
@import url("./font.css");	/* fonts */ 

.cm-fl { float:left; }
.cm-fr { float:right; }

.cm-cb { clear:both; }
.cm-cf { clear:both; height:1px; }

.cm-pr { position:relative; }
.cm-pa { position:absolute; }

.cm-al { text-align:left !important; }
.cm-ac { text-align:center !important; }
.cm-ar { text-align:right !important; }
.cm-aj { text-align:justify !important; }

.cm-vt { vertical-align:top; }
.cm-vm { vertical-align:middle; }
.cm-vb { vertical-align:bottom; }

.cm-oh { overflow:hidden; }

.cm-cp { cursor:pointer; }

.cm-di { display:inline; }
.cm-db { display:block; }
.cm-dn { display:none; }

.cm-vv { visibility:visible; }
.cm-vh { visibility:hidden; }

.cm-bn { border:0 none; }
.cm-btn { border-top:0 none; }
.cm-brn { border-right:0 none; }
.cm-bbn { border-bottom:0 none; }
.cm-bln { border-left:0 none; }

.cm-bgn { background:none; }

.cm-fb { font-weight:bold; }
.cm-f600 { font-weight:600; }
.cm-f700 { font-weight:700; }
.cm-f800 { font-weight:800; }

.cm-alert-ie { margin:0; padding:1em; font-size:12px; letter-spacing:-1px; color:#ebebeb; background:#808080; }
.cm-alert-ie a { color:#ffd6c2; }
.cm-alert-ie a:hover { color:#ffd6c2; }
.cm-alert-ie a:focus { color:#ffd6c2; }
.cm-alert-ie a:active { color:#ffd6c2; }

.cm-accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

/* 공통 :: 가로값지정 */
.width10{width:10% !important;}
.width20{width:20% !important;}
.width30{width:30% !important;}
.width40{width:40% !important;}
.width50{width:50% !important;}
.width60{width:60% !important;}
.width70{width:70% !important;}
.width80{width:80% !important;}
.width90{width:90% !important;}
.width100{width:100% !important;}

/* -------- 공통 :: 버튼 -------- */
.cm-button-style01{position:relative;box-sizing:border-box;border-bottom:2px solid #111;display:block;padding: 15px;font-family:'Barlow', sans-serif}
.cm-button-style01:before{position:absolute; bottom:0px; left:0; width:100%; height:100%; background-color:#222; content:""; transition:transform 0.5s; transform: scaleY(0); transform-origin:center top;  }
.cm-button-style01 em{position:relative;color:#111;transition:all 0.3s;font-size: 18px; font-weight: 800; letter-spacing: -1px}
.cm-button-style01 i {color: #111; font-weight: bold; font-size: 18px; position: absolute; right: 15px;}
.cm-button-style01:hover:before{ transform: scaleY(1); transform-origin:center bottom;  }
.cm-button-style01:hover em{color:#fff; }
.cm-button-style01:hover i{color:#fff; }

/* layout */
body, table, th, td, button, h1, h2, h3, h4, h5, h6 {
	font-family:'Teko' , 'SCoreDream', 'Noto Sans KR', Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
    line-height: 1;
}

body { background-color:#fff; overflow-x:hidden;}
#wrap { overflow:hidden; width:100%; min-width:320px; position:relative; margin:0; padding:0}
.pc_hide{display:none;}
.m_hide{display:block;}
body.lang_kor{ word-break:keep-all; -webkit-word-break:keep-all;}
body.chn {word-break:break-word; -webkit-word-break:break-word; font-family:'Noto Sans SC', sans-serif!important;}
/* ****************** 공통클래스 ********************** */
.area{ max-width:1200px; margin:0px auto; position:relative} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{max-width:1415px;margin:0px auto;position:relative;}
#mainProduct .area-box{ max-width: 100%; padding: 0 13%;}
.sub-area-box{ max-width:1468px; margin:0px auto; position:relative;}
.area-big{position:relative;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:inherit; color:inherit; vertical-align:middle;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.02deg);
	  -o-transform: scale(1.1) rotate(0.02deg);
	  -moz-transform: scale(1.1) rotate(0.02deg);
	  -webkit-transform: scale(1.1) rotate(0.02deg);
	  transform: scale(1.1) rotate(0.02deg);
}
.font-dream{font-family: 'SCoreDream', sans-serif;}

/* VIEW MORE 버튼 */
.more-btn,
.more-btn span{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.more-btn{position:relative; overflow:hidden; display:inline-block; vertical-align:middle; width:153px; height:55px;  line-height:55px; border:1px solid rgba(255,255,255,0.5); font-weight:700; font-size:12px; letter-spacing:0; color:#a2a2a2; text-align:center; transition:all 0.3s; border-radius:50px; margin-top:50px}
.more-btn:before{
    display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#015d9d; /* opacity:0;filter:Alpha(opacity=0); */
    transform:skew(-20deg); 
    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
/*사각*/
.more-btn.square{border-radius:0;}
.more-btn.dark{color:#222; border-color:rgba(0,0,0,0.7)}
.more-btn span{position:relative; left:0px; z-index:1; display:block; top: 3px;}
.more-btn:hover, .more-btn.dark:hover{border-color:#275668}
.more-btn:hover span{color:#fff; left:3px;}
.more-btn:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}
.more-btn.dark_bg{background-color: #3a4050;}
.more-btn.dark_bg:before {background: #222;}
.more-btn.dark_bg span{ color:#fff;}
/* 이미지 모션 */
.cm-style-img img, .cm-style-img svg{ height:inherit; max-width:100%;}
.ani-img{position:relative}
.ani-img img{opacity:0; transition:opacity 1s, transform 1.5s}
.ani-img .ani-img{position:absolute; top:0; left:0;}
.ani-img .ani-img-02{transition-delay:0.3s}
.ani-img .ani-img-03{transition-delay:0.6s}
.ani-img .ani-img-04{transition-delay:0.9s}
.ani-img .ani-img-05{transition-delay:1.2s}
.ani-img .z-index1{z-index:1}
.ani-img .z-index2{z-index:2}
.ani-img .z-index3{z-index:3}
.ani-img .ani-left{transform:translateX(-40px)}
.ani-img .ani-right{transform:translateX(40px)}
.ani-img .ani-top{transform:translateY(-5%)}
.ani-img .fix-img{opacity:0;}
.ani-wrap .manager-gray-box{opacity:0; transform:translateY(-40px); transition:opacity 0.8s, transform 1.2s; transition-delay:1.5s}
.ani-wrap.aos-animate .ani-img img,
.ani-wrap.aos-animate .manager-gray-box{opacity:1; transform:translate(0) !important}

/*공통 :: 버튼*/
.cm-arrow-btn {display:inline-block; margin-top:25px;}
.cm-arrow-btn span {position:relative; display:block; padding-right:58px; font-size: 18px; line-height:27px; color:#222 }
.cm-arrow-btn.small span{ font-size:15px;}
.cm-arrow-btn.small.gray span{ color:#a2a2a2}
.cm-arrow-btn span:before {content:""; position:absolute; right:0; top:0; width:48px; height:27px; background:url("../../img/cm_style_arrow.png") no-repeat; transition: right 0.3s;}
.cm-arrow-btn:hover span:before {right:-5px; }




/* ****************** HEADER ********************** */
#header{
	position:fixed; height:90px; top:0; left:0; width:100%; z-index:999999;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
	background:#fff
}
#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; padding:0 60px;  
	-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{position:relative; z-index:100; float:left; padding:25px 0; }	/* padding값 적절히 바꿔주세요 */
#header .logo a{display:block;padding-left: 10px;}
.main-wrapper #header .logo img.logo_default{display:block; vertical-align:top;}
.main-wrapper #header .logo img.logo_w{display:none;}
#header .logo img.ver1{display: block;}
#header .logo img.ver2{display: none;}

@media all and (max-width: 1380px){
	#header .logo a  {padding-left: 0;}
}
@media all and (max-width: 1023px){
	#header .logo img  {height: 35px;}
}




/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:absolute; top:0; right:156px; z-index:100; height:100%; -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-util-box > div{ height:100%;}
/* Header :: 검색버튼 */
.header-search-box{position:relative; float:left; z-index:101;}
.header-search-open-btn, .header-search-close-btn{width:92px; height:92px; -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-search-open-btn b{display: block; font-size: 13px; color: #fff;margin-top: 6px;}
.header-search-open-btn i, .header-search-close-btn i{font-size: 22px;}
.header-search-open-btn{ color:#fff; background-color: #286abd;}
.header-search-inner{display:none; /*overflow:hidden;*/ position:absolute; top:91px; right:0; width:600px; text-align:right;}	/* padding-right: 닫기버튼의 width만큼*/
.header-search-inner .header-search-inner-box{overflow:hidden; height:83px; background-color:#005bb6; color: rgba(255,255,255,0.5); position: relative;}
.header-search-inner .header-search-word{height:28px; width:calc(100% - 105px); vertical-align:top; background-color:transparent; border:0; color:rgba(255,255,255,0.5); text-indent:5px; margin-top: 22px; margin-right: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); font-weight: 300; letter-spacing: -0.5px; font-size: 16px; padding-right: 50px; padding-bottom: 9px;}
.header-search-inner .header-search-btn{color:rgba(255,255,255,0.5); position: absolute; right: 36px; top: 29px;}
.header-search-inner .header-search-btn i{ font-size:22px}
.header-search-inner .header-search-close-btn{position:absolute; top:-92px; right:0px; background-color:#005bb6; color:#fff; }
.header-search-box.open .header-search-inner{display:block;}
.header-search-inner input::placeholder {color: rgba(255,255,255,0.5);}



/* -------- Header :: gnb_util -------- */
.gnb_util {position:absolute; top:0; right:156px; z-index:100; height:100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnb_util > div { height:100%;}
/* 언어버튼 */
.gnb_util .lang_link_container {position:relative; }
.gnb_util .btn_lang_link {background: none; color: #111; line-height: 90px; font-weight: 500; font-size: 18px; letter-spacing: -0.5px;}
.gnb_util .btn_lang_link i.xi-globus {color: #b4b4b4; font-size: 18px; padding-right: 8px; vertical-align: middle; margin-bottom: 6px;}
.gnb_util .btn_lang_link span {position:relative;}
.gnb_util .btn_lang_link span i {-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; padding-left: 14px; font-size: 14px; color: #cfcfcf;}
.gnb_util .lang_link_container .lang_list {display: none;position: absolute;top: 65px;left: 50%;margin-left: -98.5px;width: 87px;border: 1px solid #fff;border-top: 0;z-index: -1;}
.gnb_util .lang_link_container .lang_list li {background: #fff; border-bottom: 1px solid #ececec;}
.gnb_util .lang_link_container .lang_list li a {font-size: 18px; padding: 17px 0 12px 30px; color: #111; display: block; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s; -ms-transition: all 0.2s;transition: all 0.2s;}
.gnb_util .lang_link_container .lang_list li:hover {background: #f6f6f6;}
.gnb_util .lang_link_container .lang_list li:hover a {color:#25799b; }
.gnb_util .lang_link_container .lang_list {margin-left: -30px; left: 0; width: 129px;}

@media all and (max-width: 1380px){
	.gnb_util {right: 100px;}
}
@media all and (max-width: 1300px){
	.gnb_util {right: 92px;}
	.gnb_util .btn_lang_link {line-height: 80px;}
	.gnb_util .lang_link_container .lang_list {margin-left: -45px;}
}
@media all and (max-width: 1023px){
	.gnb_util .btn_lang_link {line-height: 70px;}
	/* 메인 섹션2 :: PRODUCT */
	.cm-button-style01:hover:before{ transform: scaleY(0); }
	.cm-button-style01:hover em, .cm-button-style01:hover i{color:#111; }
}
@media all and (max-width: 767px){
	.gnb_util {right: 73px;}
	.gnb_util .btn_lang_link {line-height: 60px;}
	.gnb_util .lang_link_container .lang_list {width: 100px;margin-left: -10px;top: 55px;}
	.gnb_util .lang_link_container .lang_list li a {padding: 11px 0 11px 30px;}
	/* 메인 섹션2 :: PRODUCT */
	.cm-button-style01 em {font-size: 16px;}
}
@media (max-width: 479px){
	.gnb_util .lang_link_container .lang_list {margin-left: -13px;}
	.gnb_util .btn_lang_link, .gnb_util .lang_link_container .lang_list li a {font-size: 16px;}
		/* 메인 섹션2 :: PRODUCT */
	.cm-button-style01 em {font-size: 14px;}
}

/* -------- Header :: language -------- */
.header-util-box .lang_btn{float: left;display:table;width:92px;height:92px;color: #111; text-align: center;}
.header-util-box .lang_btn span{ display:table-cell;width:100%;    height: 100%;vertical-align: middle;}
.header-util-box .lang_btn span i{font-weight: 300; font-size: 24px; vertical-align: text-bottom; color: #b8b8b8;}
.header-util-box .lang_btn span b{ font-size: 18px; font-weight: 600; padding-left: 10px;}
/*
div.lang_link_container{ height:100%; display:table; float:left;}
div.lang_link_container> div{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
div.lang_link_container ul{ width:95px; border-radius:20px; height:30px; overflow:hidden;}
div.lang_link_container ul li{ float:left; width:50%; box-sizing:border-box; background:#eee; height:100%;}
div.lang_link_container ul li a{ color:#333; display:block; line-height:30px; font-size:11px; width:100%; text-align:center; box-sizing:border-box; font-weight:600;font-family: 'Daum', sans-serif;} 
div.lang_link_container ul li a.active{ color:#fff;
background: #397fb3; /* For browsers that do not support gradients 
background: -webkit-linear-gradient(left, #0d63c3 , #0f4c90); /* For Safari 5.1 to 6.0
background: -o-linear-gradient(right, #0d63c3 , #0f4c90); /* For Opera 11.1 to 12.0 
background: -moz-linear-gradient(right, #0d63c3 , #0f4c90); /* For Firefox 3.6 to 15 
background: linear-gradient(to right, #0d63c3 , #0f4c90); /* Standard syntax }
/*/



/* Header :: 사이트맵(기본형 or 커스텀) */
/*.sitemap-line-btn{float:left; margin-left:40px; box-sizing:border-box;}*/
.sitemap-line-btn {position: absolute; top: 50%; transform: translateY(-50%); right:45px; width: 90px; height: 90px; z-index: 9999}
.sitemap-line-btn .line{display:block; width:30px; height:2px; background-color:#262626; margin: 8px auto; /*-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/}
#header.open .sitemap-line-btn .line{background-color:#262626}
/* active */
.sitemap-open-btn.active{z-index:0;}
.sitemap-open-btn.active .line:nth-child(2), 
.sitemap-open-btn.active .line:nth-child(4){opacity: 0;}
.sitemap-open-btn.active .line:nth-child(1){
	 -webkit-transform: translateY(10px) rotate(45deg);
	  transform: translateY(10px) rotate(45deg);
}
.sitemap-open-btn.active .line:nth-child(3){
	 -webkit-transform: translateY(-10px) rotate(-45deg);
	  transform: translateY(-10px) rotate(-45deg);
}



/* sitemap */
.menu-btn {position: absolute;top: 0;right: 45px;width: 90px;height: 90px;z-index: 9999;cursor:pointer;padding-top: 22px;}
.menu-btn .bar {display:block; width:30px; height:2px; background-color:#262626; margin: 8px auto; }
.menu-btn.on .bar:nth-child(1) {-webkit-transform: translateY(10px) rotate(45deg);
	  transform: translateY(10px) rotate(45deg);}
.menu-btn.on .bar:nth-child(2) {left:200%; opacity:0; transform:translateY(0); animation:active-menu-bar02 .8s forwards;}
.menu-btn.on .bar:nth-child(3) {-webkit-transform: translateY(-10px) rotate(-45deg);
	  transform: translateY(-10px) rotate(-45deg);}
.menu-btn.on {animation:sitemap-on .8s forwards;}

@media all and (max-width: 1380px){
	.menu-btn {right: 0;}
}
@media all and (max-width: 1300px){
	.menu-btn {display: none;}
}


/* sitemap-open */
.all-menu {transform:translate(100%, 0); z-index: 999; transition:transform 1s ease; width:100%; height:100vh; position:fixed; top:0; left:0; background:#fff; text-align:left;}
.all-menu:before {content:''; position: absolute; bottom: 10px; right: 33px; background: url(../../img/sitemap_bg.png)no-repeat; width:654px; height: 250px; background-size: 100%; opacity: 0.05;}
.all-menu.on {transform:translate(0, 0);}
.all-menu ul {height:100%; overflow-y: auto;}
.all-menu ul li {width:15%; height: 100%; padding: 8rem 0 0 2rem; float:left; border-left:1px solid #dcdcdc;}
.all-menu ul li.pro {width: 40%;}
.all-menu ul li:nth-child(1) {height:100%; border-left:none;}
.all-menu ul li.bot-li {padding-top:0;}
.all-menu ul li strong {display:block; font-size:1.4rem; font-weight:700; position:relative; padding-bottom:1rem;}
.all-menu ul li strong::after {display:block; content:''; transition:all .2s ease; z-index:3; width:0; height:3px; background:#0069b6; position:absolute; bottom:0; left:0;}
.all-menu ul li strong .txt-en {position:absolute; z-index:-1; top:-1.6rem; left:50%; transform:translateX(-50%); font-size:3rem; font-weight:700; color:#f5f5f5;}
.all-menu ul li .depth2 {padding:2.2rem 0;}
.all-menu ul li .depth2 a {display:block; font-size: 16px; color:#555; margin: 0.7rem 0; transition:all .2s ease;}
.all-menu ul li.pro .depth2 {display: flex;flex-wrap: wrap;}
.all-menu ul li.pro .depth2 a {width: 33.333%; line-height: 1.3; word-break: keep-all}
.all-menu ul li .depth2 a .txt {position:relative;}
.all-menu ul li .depth2 a .txt::after {display:block; content:''; transition:all .2s ease; z-index:3; width:0; height:1px; background:#0069b6; position:absolute; bottom:-0.2rem; left:0; transition:all .2s ease;}
.all-menu ul li .depth2 a:hover {color:#0069b6;}
.all-menu ul li .depth2 a:hover .txt::after {width:100%;}
.all-menu.on ul li strong::after {width:3rem; transition:.5s; transition-delay:0.8s;}

@keyframes allmenudeco01 {
    from{ 
        transform:translateY(0);
    }
    to{        
        transform:translateY(5rem);
    }
}

@keyframes allmenudeco02 {
    0%{ 
        transform:translate(0);
    }
    50%{ 
        transform:translate(2rem,10rem);
    }
    100%{        
        transform:translate(5rem,10rem);
    }
}

@media all and (max-width: 1750px){
	.all-menu ul li.pro .depth2 {justify-content: space-between;}
	.all-menu ul li.pro {padding-right: 0.5rem;}
	.all-menu ul li.pro .depth2 a {width: 49%;}
}
@media all and (max-width: 1300px){
	.all-menu {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 */
#gnbBg{visibility:hidden; opacity:0;filter:Alpha(opacity=0);position:absolute; right:0; top:90px; width:100%; height:70px; background:#1673bb; z-index:98;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;}	/* gnb 2depth BG */
#gnbBg.on{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#gnb{position:absolute; /*width: calc(100% - 350px);*/ width: 100%; padding-left: 600px; top:0; left: 0; z-index:99; height: 90px}
#gnb .gnb-wrapper{text-align:right; margin: 0; float:left; /*position: initial;*/ position:static;}
#gnb .gnb-wrapper > ul{display: inline-block; margin: 0 auto; *display:inline;*zoom:1;}
#gnb .gnb-wrapper > ul > li{float: left; display: block;}
#gnb .gnb-wrapper > ul > li > a{z-index:100; display:block; height:90px; line-height:90px; text-align:left; color:#111; font-size:18px; font-weight:600; letter-spacing: -1px;}
#gnb .gnb-wrapper > ul > li:last-child > a{padding-right: 70px;}
#gnb .gnb-wrapper > ul > li > a > span{display: inline-block; position: relative; padding: 0 25px;}
#gnb .gnb-wrapper > ul > li > a > span:before{display: block; position: absolute; left: 50%; bottom: -1px; content: ''; width: 0; height: 3px; z-index: 100; background-color: #005bb6; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}

#gnb .gnb-wrapper > ul > li > a:hover, #gnb .gnb-wrapper > ul > li.on > a{color: #005bb6;}
#gnb .gnb-wrapper > ul > li > a:hover > span:before, #gnb .gnb-wrapper > ul > li.on > a > span:before{width: 100%; margin-left: -50%;}


/* GNB :: 2차 각각메뉴 */
#gnb .gnb-wrapper > ul > li .gnb-2dep{
	display:none;
	position:absolute;
	top:90px;
	left:0px;
	z-index:99;
	width:100%;
	text-align:center;
	visibility:hidden;
	opacity:0;
	filter:Alpha(opacity=0);
	background: #0361ab;
}
#gnb .gnb-wrapper > ul > li.gnb2 .gnb-2dep.on {opacity: 0;}
#gnb .gnb-wrapper > ul > li .gnb-2dep.on{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul{ display:inline-block}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li{position: relative; display: inline-block; padding: 0 43px; font-family: 'SCoreDream', sans-serif;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li:before{position: absolute; top: 50%; margin-top: -5.5px; left: 0; margin-left: -5.5px; display: block; content: ''; width: 11px; height: 11px; background: url("../../img/icon_gnb.png") 0 0 no-repeat;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li:first-child:before{display: none;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li a{display: block; font-size:17px; line-height: 75px; letter-spacing: -0.65px; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li a:hover, #gnb .gnb-wrapper > ul > li .gnb-2dep ul li.on a {color: #fff;}

#gnb .gnb-wrapper > ul > li .gnb-2dep .gnb-3dep{ display:none}


/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}
/* header fixed ver */
/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer{background-color:#fff; position:relative; z-index:20}
#footerInner{position:relative; }
.footer-left-con{float:left; }
.footer-right-con{float:right;}
.footer-right-con span {color: #afafaf; font-size: 16px; margin-right: 38px; font-family: 'Barlow', sans-serif;}
.footer-right-con span:last-child {margin-right: 0;}
.footer-right-con span b {color: #424242; font-size: 20px; font-weight: 400; padding-right: 15px; font-family: 'Teko', sans-serif;}
/* -------- FOOTER :: 상단 -------- */
#footerTop{border-bottom:1px solid #f1f1f1; border-top:1px solid #f1f1f1; padding:52px 0 38px; }
/* -------- 푸터 :: TOP버튼 -------- */
.to-top-btn{position: fixed;bottom:-100px; right:28px; display:block; width:65px; height:65px; background:#2d3f52 url(../../img/top_btn.png) no-repeat 50% 50%; text-align:center; line-height:65px; color:#fff; z-index:999;
	-webkit-transition:bottom 0.6s;-moz-transition:bottom 0.6s;-o-transition:bottom 0.6s;-ms-transition:bottom 0.6s;transition:bottom 0.6s;
}
.to-top-btn.fixed{bottom:260px; opacity:1.0;filter:Alpha(opacity=100);}

/* Footer :: 푸터메뉴 */
.foot-menu{float:left; }
.foot-menu li{float:left; position:relative; padding-left:35px; }
.foot-menu li:first-child{padding-left:0}
.foot-menu li a{color:#111; font-size:16px; font-weight: 500; letter-spacing: -1.2px;}

/* Footer :: copyright */
.footer-copyright{font-size:16px; opacity: 0.3; color:#444!important; letter-spacing: -0.5px;}
.footer-copyright b{color:#f57f20}
/* -------- FOOTER :: 하단 -------- */
#footerBottom{ padding:45px 0; }
/* Footer :: 푸터로고 */
.foot-logo{display:block; padding-bottom:20px;}
.footer-right-con .foot-logo{text-align:right; padding-top:15px;}
/* Footer :: 왼쪽정보 */
.footer-address p{color:#fff; color:rgba(245,245,245,0.4); font-size:16px; line-height:2.4; letter-spacing:-0.5px;}
.footer-address p b{color:#888; font-weight:400; margin-right:30px; font-size: 22px;font-family:'Teko', sans-serif}
.footer-address span{display:inline-block;color: #afafaf;font-family:'Barlow','SCoreDream', sans-serif}
.footer-address a{color:inherit}
.footer-caution-txt{color:#888; font-size:12.5px; padding-bottom:10px;}
/* Footer :: 오른쪽정보 :: 카피라이트 */
#footerBottom .footer-right-con .footer-copyright{display:none;}

/* tab */
.fixed-move-tab-list-wrapper,.fixed-change-tab-list-wrapper,.cm-tab-list{position:relative; height:60px; width:100%}
.fixed-move-tab-link-wrapper{margin-bottom:90px}
.fixed-move-tab-list-wrapper .fixed-tab-inner ,
.fixed-change-tab-list-wrapper .fixed-tab-inner{max-width:1200px; margin:0px auto;}
.fixed-move-tab-list,.fixed-change-tab-list, .cm-tab-list {height:60px; position:relative; margin:0px auto;  transition: width 0.2s;}
/* fixed */
.fixed-move-tab-list.fixed,
.fixed-change-tab-list.fixed {position:fixed; top:49px; left:0; width:100%; z-index:99; background-color: #fff; transition: width 0.2s;/*  border-bottom:1px solid #ddd; */} /* fixed top 변경*/
.fixed-move-tab-list.fixed ul,
.fixed-change-tab-list.fixed ul {max-width:1200px; margin:0px auto; }
.fixed-move-tab-list.fixed ul li,
.fixed-change-tab-list.fixed ul li {border-top:0; }
.fixed-move-tab-list.fixed .sub-tab02-list li.selected ,
.fixed-change-tab-list.fixed .sub-tab02-list li.selected {border-top:1px solid #222;}
.board_inner .cm-tab-list {margin-bottom: 5%;}
/* -------- 공통 Box Tab :: sub-tab02-list :: board catelogy-------- */
#bo_cate {margin-top:4%;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.sub-tab02-list {display: flex;}
.sub-tab02-list li {flex: 1; text-align:center; border:1px solid  #e5e5e5; border-left:0; background-color:#fff; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; }
.sub-tab02-list li:first-child, #bo_cate_ul li:first-child a {border-left:1px solid #e5e5e5;}
.sub-tab02-list li > a {display:block;}
.sub-tab02-list li span, #bo_cate_ul li a span { display: table; width:100%; height: 60px; }
.sub-tab02-list li span em, #bo_cate_ul li a em {display:table-cell; vertical-align:middle;  font-size: 18px; line-height:1.2; color: #222;}
.sub-tab02-list li.selected {border-top-color: #004080; border-bottom:0;}
.sub-tab02-list li.selected span em {font-weight: 600; color: #006cb7;}
.sub-tab02-list.menu03 li, #bo_cate_ul.menu03 li{width: 33.33%;}
.sub-tab02-list.menu04 li, #bo_cate_ul.menu04 li{width: 25%;}
.sub-tab02-list.menu05 li, #bo_cate_ul.menu05 li {width: 20%;}
#bo_cate_ul.menu05 li {width: 20%;}
#bo_cate_ul.menu07 li:nth-child(5) a{border-left:1px solid #e5e5e5;}

/*제품소개 카테고리 style*/
#bo_cate2{ position:relative; box-sizing:border-box; width:100%; border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;
padding: 22px 40px 0;background: #f7f7f7;}
#bo_cate2 > ul#bo_cate_ul2{ width:100%; position:relative;}
#bo_cate2 > ul#bo_cate_ul2 li{position: relative;padding-right:35px;margin-right: 17px;display: inline-block;}
#bo_cate2 > ul#bo_cate_ul2 li:before{content: "";width: 1px;height: 13px;background: #c9c9c9;position: absolute; right: 7px;top: 2px;}
#bo_cate2 > ul#bo_cate_ul2 li a{ font-size:16px; color:#555; font-weight:normal;position:relative; display:block; padding-bottom:8px; margin-bottom:15px}
#bo_cate2 > ul#bo_cate_ul2 li a:after{ content:""; display:block; position:absolute; left:50%; bottom:0; height:1px; background:#004080; width:0; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
#bo_cate2 > ul#bo_cate_ul2 li:last-child:before{ display:none}

#bo_cate2 > ul#bo_cate_ul2 li a#bo_cate_on, #bo_cate2 > ul#bo_cate_ul2 li:hover a{color: #004080;}
#bo_cate2 > ul#bo_cate_ul2 li a#bo_cate_on:after, #bo_cate2 > ul#bo_cate_ul2 li:hover a:after{ width:100%; margin-left:-50%;}
/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }

/* -------- 공통 :: 버튼 -------- */

/* -------- 공통 :: 이미지팝업 레이어 -------- */
/*SITEMAP*/
.modal-inner-box.sitemap{vertical-align:top;}
#siteMapCon{width:100%; max-width:none; border-top:5px solid #404040; margin:0px auto; padding:65px 0;
	top:-80px; opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 0.5s, top 0.5s;
	-moz-transition:opacity 0.5s, top 0.5s;
	-o-transition:opacity 0.5s, top 0.5s;
	-ms-transition:opacity 0.5s, top 0.5s;
	transition:opacity 0.5s, top 0.5s;
}
#siteMapCon.active{top:0; opacity:1.0;filter:Alpha(opacity=100);}
.sitemap-wrapper, .sitemap-list{width:100%;}
.sitemap-list-con > dt, .sitemap-list-con > dd{float:left; padding:20px 0;}
.sitemap-list-con > dt{width:19%;}
.sitemap-list-con > dt strong{font-size:20px; line-height:28px; color:#010101; font-weight:500; }
.sitemap-list-con > dd{width:81%;}
.sitemap-list-con > dd > p{display:inline-block; min-width:15.45%; vertical-align:middle;}
.sitemap-list-con > dd > p a{font-size:14px; line-height:35px; color:#464646; }
.sitemap-2dep-list-con{display:table; width:100%; border-top:1px dotted #888;}
.sitemap-list-con > dd .sitemap-2dep-list-con:first-child{border-top:0;}
.sitemap-2dep-list-con dt, .sitemap-2dep-list-con dd{display:table-cell; vertical-align:top; padding:18px 0;}
.sitemap-2dep-list-con:first-child dt, .sitemap-2dep-list-con:first-child dd{padding-top:0;}
.sitemap-2dep-list-con:last-child dt, .sitemap-2dep-list-con:last-child dd{padding-bottom:0;}
.sitemap-2dep-list-con dt{width:19%;}
.sitemap-2dep-list-con dt > strong{display:block; position:relative; font-size:17px; line-height:32px; color:#262626; font-weight:500;}
.sitemap-2dep-list-con dt > strong:after{display:inline-block; content:""; position:absolute; top:9px; right:39px; width:2px; height:18px; background-color:#005bb6;}
.sitemap-2dep-list{width:100%;}
.sitemap-2dep-list > li{float:left; width:25%;}
.sitemap-2dep-list > li a{font-size:14px; line-height:35px; color:#464646;}
.sitemap-list.point{background-color:#f4f4f4;}
.sitemap-list.point2{background-color:#e9e9e9;}
.sitemap-list.point .sitemap-list-con > dt strong, .sitemap-list.point2 .sitemap-list-con > dt strong{color:#005bb6;}
.sitemap-close-btn{color:#000;}
.sitemap-close-btn i, .sitemap-close-btn:hover i{color:#000; vertical-align:middle;}
.logo-sitemap{text-align:right;}
.sitemap-2dep-list > li:hover a, .sitemap-list-con > dd > p:hover a{ text-decoration:underline; color:#000; font-weight:bold;} 

@media all and (max-width:1520px){
.area-box, #mainProduct .area-box, #mainInfo .area-box {padding:0 15px;}
#gnb{/* width: calc(100% - 300px); */padding-left: 300px;}
#gnb .gnb-wrapper > ul > li > a > span{padding: 0 20px;}
#gnb .gnb-wrapper > ul > li:last-child > a {padding-right: 40px;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li {padding: 0 40px;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li a{font-size: 16px;}
}

@media all and (max-width:1380px){
/* -------- Header :: Layout -------- */
#headerInner{padding:0 15px;}
#gnb{/* width: calc(100% - 255px); */}
/* -------- Header :: GNB(PC) -------- */
#gnb .gnb-wrapper > ul > li > a{font-size: 16px;}
#gnb .gnb-wrapper > ul > li > a > span{padding: 0 15px;}
#gnb .gnb-wrapper > ul > li:last-child > a {padding-right: 30px;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li {padding: 0 30px;}
#gnb .gnb-wrapper > ul > li .gnb-2dep ul li a{font-size: 15px;}
/* -------- 푸터 :: TOP버튼 -------- */
.to-top-btn{right:30px;}
}
@media (max-width: 1300px){
#header,#headerInnerWrap{height:80px;}
#header #headerInnerWrap{position: fixed; z-index: 99; background:#fff}
#header .logo{padding: 20px 0;}	
/* -------- Header :: UTIL BOX -------- */
.header-util-box{padding-right:80px;}	
.header-search-open-btn, .header-search-close-btn, .header-util-box .lang_btn{ width:81px; height:81px}
.header-search-inner{ top:81px}
.header-search-inner .header-search-close-btn{ top:-81px}
/* Header :: 사이트맵 버튼 */
.sitemap-line-btn, .sitemap-custom-btn{display:none;}
/* -------- Header :: GNB(Pc) -------- */
#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:80%;height:100%;max-width: 50%;background-color:#f8f8f8;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);-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */visibility:hidden;}
#gnbM.open{right:0px; visibility:visible;}
/* GNB Mobile :: 레이아웃 */
.gnb-navigation-wrapper{position:relative;height:100%;box-sizing:border-box;padding-top: 80px;overflow-y:auto;}	/* padding-top : Header 높이값 */
.header-util-menu-box + .gnb-navigation-wrapper{padding-top:0}
	
@media all and (max-width: 1023px){
	.gnb-navigation-wrapper {padding-top: 70px;}
}

	
/* GNB Mobile :: 메뉴영역 :: 1차 */
.navigation > li{border-bottom:1px solid rgba(102,102,102,0.12);}
.navigation > li:first-child{border-top:1px solid rgba(102,102,102,0.12);}
.navigation > li > a {position:relative;display:block;padding: 19px 25px;color:rgba(0,0,0,0.8);font-size:18px;font-weight:700;}
.navigation > li.active > a{color:#fff; background-color: #005bb6;}
.navigation > li.has-2dep > a{}
.navigation > li.has-2dep.active > a{}
/* GNB Mobile ::  메뉴영역 :: 2차 */
.navigation > li .gnb-2dep{display:none; padding: 0 15px; background-color:#005bb6;}
.navigation > li .gnb-2dep ul li{height:auto !important;}
.navigation > li .gnb-2dep ul li:first-child{border-top:1px solid rgba(255,255,255,0.2); padding-top: 20px;}
.navigation > li .gnb-2dep ul li:last-child{padding-bottom: 20px;}
.navigation > li .gnb-2dep ul li > a{position: relative; display:block; color:rgba(255,255,255,0.5); font-weight: 400; font-size:17px; padding:12px 15px;}
.navigation > li .gnb-icon{display: block; position:absolute; top:50%; right:10px; margin-top:-10px; width: 16px; height: 16px;}
.navigation > li .gnb-icon i{font-size:16px;}
.navigation > li .gnb-2dep ul li.on > a{color: #fff;}

	
.navigation > li .gnb-3dep{ display:none}	
	
/* -------- Header :: 네비게이션 오픈 버튼 -------- */
.nav-open-btn{display:block;position:fixed;top:0;right:0;z-index:10000;width: 85px;height:80px;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);-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);border-left: 1px solid rgba(102,102,102,0.25);}
.nav-open-btn.active{ border:0;}
.nav-open-btn .line{display:block;width: 24px;height: 1px;background-color: #000;margin: 7px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.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(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.nav-open-btn.active .line:nth-child(3){-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
#header.fixed-header .nav-open-btn .line{background-color:#fff}	
/*board_nav*/
#bo_cate2 > ul#bo_cate_ul2 li{padding-right: 17px;}
#bo_cate2 > ul#bo_cate_ul2 li:before{ right:0}
#bo_cate2 > ul#bo_cate_ul2 li a{ font-size:15px} 
}
@media all and (max-width:1024px){
/* -------- FOOTER :: 레이아웃 -------- */
#footer{padding:0 15px;}
#footer .area-box{padding:0}
#footerTop, #footerBottom{}
.footer-left-con,.footer-right-con{float:none; }
.footer-right-con{
    margin-top: 10px;
}
/* -------- Footer :: 상단 -------- */
#footerTop{}
/* Footer :: 푸터메뉴 */
.foot-menu li {padding-left:25px}
.foot-menu li:before{left:12px}
.foot-menu li a, .footer-address p, .footer-address span{font-size: 14px;}
	.footer-address p b {font-size: 20px;}
.footer-right-con span b {font-size: 18px;}
#footerTop .footer-right-con .footer-copyright{display:none;}
	
/* -------- Footer :: 하단 -------- */
#footerBottom{padding: 0;}
#footerBottom .footer-left-con{padding: 25px 0 15px;}
/* Footer :: 푸터로고 */
.footer-right-con .foot-logo{text-align:center; padding-bottom:0px;}
	.footer-right-con .foot-logo img {width: 135px;}
#footerBottom .footer-right-con {text-align:center; border-top:1px solid #666}
#footerBottom .footer-right-con .footer-copyright{display:block;}
}
@media all and (max-width:1023px){
	#header,#headerInnerWrap{height:70px;}
	#header .logo{padding: 17.5px 0;}	
	.nav-open-btn {height: 70px;}
}
@media all and (max-width:870px){
#gnbM{width: 100%;max-width: 870px;}
}
@media all and (max-width:767px){
.pc_hide{display:block;}
.m_hide{display:none}	
.area-box, #mainProduct .area-box, #mainInfo .area-box{padding:0 10px;}
#headerInner{padding:0 10px;}
#header,#headerInnerWrap{height:60px;}
#header .logo img{height:25px;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box {padding-right: 60px;}
.header-search-open-btn, .header-search-close-btn, .header-util-box .lang_btn{ width:61px; height:61px}
.header-util-box .lang_btn span i, .header-search-open-btn i, .header-search-close-btn i{ font-size:20px}
.header-util-box .lang_btn span b, .header-search-open-btn b{ font-size:10px}
.header-search-open-btn b{ margin-top:3px}
.header-search-inner{ top:61px}
.header-search-inner .header-search-close-btn{ top:-61px}

.header-search-inner { max-width: calc(100vw - 60px)}
.header-search-inner .header-search-inner-box{ height:70px}
.header-search-inner .header-search-word{ font-size:13px;margin-top: 20px;width: calc(100% - 90px); padding-bottom:5px}
.header-search-inner .header-search-btn{ top:25px; right:22px}
.header-search-inner .header-search-btn i{ font-size:17px}


/* Header :: 사이트맵, 네비게이션 버튼 */
.nav-open-btn{top:0; margin-top:0; width: 60px; height: 60px;}
.nav-open-btn .line{width:20px; height:1px; margin: 7px auto;}
.nav-open-btn.active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.nav-open-btn.active .line:nth-child(3){-webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
/* Header :: GNB(Mobile) */
.gnb-navigation-wrapper{padding-top:60px} /* padding-top : Header 높이값 */
.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: 16px;}
.navigation > li .gnb-2dep ul li > a{font-size: 14px;}

/* Header :: 언어선택*/
/* 언어선택 */
div.lang_link_container{height:60px;}
div.lang_link_container ul{width: 80px;}
div.lang_link_container ul li a{line-height: 25px;}

/* -------- Footer :: 하단 -------- */
#footer{padding:0 10px;}
	#footerTop {padding: 40px 0 15px;}
#footerBottom .footer-left-con{padding:15px 0; }
.foot-menu li a, .footer-address p, .footer-address span{font-size: 13px;}
	.footer-right-con span {font-size: 15px;}
.footer-right-con span b {font-size: 17px;}
/* -------- 푸터 :: TOP버튼 -------- */
.to-top-btn{position:fixed; bottom:-100px; right:7px; width:44px; height:39px;}
.to-top-btn.fixed{bottom:7px;}
/* Footer :: 하단정보 */
.footer-address p{line-height:1.6}
.footer-address .email{padding-left:55px}
.footer-address a{display:block;}
.footer-address .footer-caution-txt{font-size:11px;}
.footer-address .copyright, .footer-copyright{font-size:11px;}
/* fOOTER :: 푸터로고 */
.footer-right-con .foot-logo img{width: 100px;}
/* -------- 공통 Box Tab :: sub-tab02-list -------- */	
.sub-tbl02-box{float:none; width:auto;}
.sub-tbl02-box:last-child th{display:none;}
.sub-tab02-list li span, #bo_cate_ul li a span  {height: 43px; }
.sub-tab02-list li span em, #bo_cate_ul li a span em {font-size:16px;}	
/* modal layer content */
.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
.modal-close-btn i{font-size:24px}
.footer-inner-box{padding:15px}
.footer-inner{padding:10px; height:250px;}
/* 사이트맵  */
.sitemap-wrapper{padding:15px}
}
@media all and (max-width:620px){
	
	
/*product_board :: nav*/	
#bo_cate2{padding: 20px 19px 0;}
#bo_cate2 > ul#bo_cate_ul2 li{padding-right: 11px;margin-right: 10px;}
#bo_cate2 > ul#bo_cate_ul2 li a{ font-size:12px}
#bo_cate2 > ul#bo_cate_ul2 li:before{ top:-2px}
}


@media all and (max-width:480px){
/*product_board :: nav*/	
#bo_cate2{padding: 15px 12px 0;}
#bo_cate2 > ul#bo_cate_ul2 li {padding-right: 7px; margin-right: 7px;}
#bo_cate2 > ul#bo_cate_ul2 li a{ font-size:11px}
/* -------- 공통 Box Tab :: sub-tab02-list -------- */	
.sub-tab02-list li span em, #bo_cate_ul li a span em {font-size:14px;}	
}
@media all and (max-width:370px){
/* Header :: GNB(Mobile) */
.navigation > li > a {font-size: 14px;}
.navigation > li .gnb-2dep ul li > a {font-size: 12px;}
}

@media all and ( max-width: 1380px ){



}
@media all and ( max-width: 1120px ){
/* Footer :: 푸터로고 */
.foot-logo{float:none; display:block; padding-right:0; margin-bottom:15px;}
/* Footer :: 푸터메뉴 */
.foot-menu{float:none; display:inline-block;}

	
	
}
@media all and ( max-width: 800px ){



	
}
@media all and ( max-width: 550px ){
.footer-right-con span {display: block;margin: 0 38px 5px 0;}
		.footer-address p b {font-size: 18px;margin-right: 10px;}
.footer-right-con span b {font-size: 16px;}


}
@media all and ( max-width: 480px ){
#footerTop {padding: 30px 0 15px;}


}


@media all and (max-width:1600px){

}
@media all and (max-width:1380px){

}
@media all and (max-width:1120px){
}
@media all and (max-width:800px){
	
}

@media all and (max-width:480px){
	
}
@media all and (max-width:359px){
	
}

/* ****************** SUB LAYOUT ********************** */


@media all and (max-width:1380px){

}
@media all and (max-width:800px){
	
}
@media all and (max-width:640px){
	
}
@media all and (max-width:480px){

}

/* ****************** 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;}
.modal-inner-content.active {transform:scale(1,1); opacity:1.0;filter:Alpha(opacity=100);}
.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); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff;}
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:400; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#9c2033; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; }
.modal-close-btn i{font-size:38px;}
/*.modal-close-btn i:hover {color:#fff}*/
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }


@media all and ( max-width: 1120px ){

}
@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}

}