@charset 'utf-8';

/* ********************************************** *
 * TOP
 * ********************************************** */
.top {height:40px; }
.top li {list-style:none; float:left; position:relative; height:40px;}

/* 탑메뉴 */
.top .left_menu {float:left; position:relative; margin-left:-10px;}
.top .right_menu {position:relative;}
.top li+ li:before {content:""; position:absolute; left:-1px; top:20px; width:2px; height:2px; background:#fff; z-index:5}

.top .btn {padding:9px 15px 0; height:40px; position:relative;}
.top .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.top .btn i{display:none;}
.top .btn {color:#fff; font-size:1.8rem;background: url(/skin/site/basic2/images/common/top_user.png) no-repeat center center; width: 30px; height: 30px;}
.top .btn.cart{position:relative; background: url(/skin/site/basic2/images/common/top_cart.png) no-repeat center center; width: 30px; height: 30px;}
.top .btn.cart span{display:block;position:absolute;top:0;right:5px;width:17px;height:17px; color:#fff;line-height:17px;font-size:12px;text-align:center;background-color:#ff3d3d;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}

.top .btn.cart strong {color:#fff; letter-spacing:0px; margin-left:1px;}
.top .left_menu .btn {line-height:39px; line-height:38px\0;}
.top .left_menu li+ li {margin-left:15px; padding-left:13px;}

.top li:hover .btn .tx {color:#fff;}

/* 큐알코드 */
.top .qr_code {position:absolute; left:0px; top:40px; background:#fff; box-sizing:border-box; z-index:100; width:270px; height:0px; overflow:hidden;}
.top .qr_code {transition: all 0.3s ease-in-out;}
.top .qr_code .inner {display:table; width:100%; box-sizing:border-box; table-layout:fixed; border:1px solid #ddd; border-top:0; }
.top .qr_code .img_box,
.top .qr_code .txt_box {display:table-cell; height:90px; vertical-align:middle;}
.top .qr_code .img_box {text-align:center; width:90px; background:#fff url('../images/skin/qr-code.png') center center no-repeat; }
.top .qr_code .img_box img {width:58px; height:58px;}
.top .qr_code .txt_box {letter-spacing:-0.5px; color:#aaa; line-height:15px; word-wrap:break-word; word-break:keep-all; white-space:normal; padding:0 10px; font-size:11px;}
.top li:hover .qr_code {height:91px; }

/* 오픈박스 */
.top .open_box {position:absolute; left:50%; top:40px; z-index:100; width:130px; box-sizing:border-box; margin-left:-65px; overflow:hidden; height:0px;}
.top .open_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.top .open_box .inner {border:1px solid #ddd; border-top:0; background:#fff; }

/* 탑메뉴 2차메뉴 */
.top .sub_menu {overflow:hidden; box-sizing:border-box; background:#fff; padding:10px;}
.top .sub_menu li {float:none; box-sizing:border-box;  position:relative;}
.top .sub_menu .menu { display:block; padding:4px 5px 3px 15px; position:relative;}
.top .sub_menu .menu:before {content:""; width:2px; height:2px; background:#ccc; position:absolute; left:8px; top:50%;}
.top .sub_menu .menu .tx {color:#333; letter-spacing:-1px; font-size:11px; display:block; padding-right:15px; line-height:1.4;}
.top .sub_menu .menu:hover .tx {text-decoration:underline; color:#000;}


/* 회원등급 */
.top .about_level {text-align:center; border-bottom:1px solid #333; padding-bottom:10px; position:relative; padding-top:15px;}
.top .about_level .level_img {overflow:hidden; font-size:0px; border-radius:100px; overflow:hidden; height:30px; height:30px;}
.top .about_level .level_img img {height:30px;}
.top .about_level .level_name {color:#999; font-size:11px; border:1px solid #ddd; border-radius:100px; display:inline-block; margin-top:5px; height:19px; padding:0 10px; line-height:18px;}
.top .about_level .name {color:#333; font-weight:600; margin-top:5px;}

/* 나의 쇼핑정보 */
.top .my_data {padding:10px 20px; border-bottom:1px solid #ddd;}
.top .my_data .data {padding:2px 0; display:block; overflow:hidden;}
.top .my_data .tx {color:#333; font-weight:600; letter-spacing:-0.5px; font-size:11px; float:left;}
.top .my_data .num {color:#cd3726; font-weight:600; letter-spacing:-0.5px; float:right;}

/* 고객센터 정보 */
.top .cs_info {text-align:center; overflow:hidden; border-bottom:1px solid #ddd; padding:15px 20px;}
.top .cs_info .tit {color:#333; font-size:12px; letter-spacing:-1px; font-weight:600; display:block; text-align:center; line-height:1;}
.top .cs_info strong {color:#cd3726; font-weight:600; font-size:13px; padding-top:5px; display:block;}
.top .cs_info em { color:#666; font-size:11px; padding-top:3px; display:block;}

.top li:hover .open_box.if_my {height:360px;}
.top li:hover .open_box.if_cs {height:200px;}






/* ********************************************** *
 * HEDAER
 * ********************************************** */
.header {position:fixed;top:0;left:0;width:100%;background:rgba(4,25,38,0.5);) height:90px; box-sizing:border-box;    z-index: 100;}
.header li {list-style:none;}

/* 헤더 영역 */
.header .ul {display:table; width:100%; height:90px;}
.header .li {display:table-cell; vertical-align:middle;}
.header .li.this_logo {width:250px; box-sizing:border-box; padding-right:10px;}
.header .li.this_nav {}
.header .li.this_side {width:170px;}

/* 로고 */
.header .logo_box {overflow:hidden;}
.header .logo_box img {max-height:40px; max-width:250px}

/* 검색폼 */
.header .search {position:relative; display:inline-block; float:right; height:35px;}
.header .search .search_form {height:35px; box-sizing:border-box; position:absolute; right:-21px; top:1px; z-index:50; width:0px; overflow:hidden;}
.header .search .search_form {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.header .search .input_search {height:35px; line-height:1; width:225px; padding:10px; box-sizing:border-box; border:1px solid #333; border-radius:3px; background:#fff; float:right;}
.header .search .btn_search {background:transparent url('../images/skin/header_search.png') right center no-repeat; color:#333; padding-right:23px; line-height:35px; height:35px;}
.header .search .input_search:focus {background:#fafafa;}
.header .search .btn_close {width:35px; height:35px; background:transparent url('../images/skin/header_close.png') center center no-repeat; position:absolute; right:0; top:0;}
.header .search:hover .search_form {width:225px;}
.header .search.if_open .search_form {width:225px;}

/* 헤더메뉴 */
.header .nav_box {float:right; position:relative; padding-left:20px; margin-left:20px;}
.header .nav_box li {list-style:none; float:left; }
.header .nav_box li+ li {margin-left:15px;}
.header .nav_box:before {content:""; width:1px; height:10px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-4px;}
.header .nav_box .btn { color:#333; position:relative; height:35px; line-height:35px; font-size:13px;}
.header .nav_box .btn:hover {text-decoration:underline;}




/* 카테고리네비 */
.nav {overflow:hidden;}
.nav li {list-style:none; float:left; overflow:hidden;}
.nav .ctg1 {color:#333; font-size:14px; padding:0 13px;}
.nav .ctg1 .tx {position:relative; height:70px; line-height:70px; box-sizing:border-box;font-size: 1.1rem;color: #fff;}
.nav .ctg1 .shape {width:100%; height:1px; background:#fff; position:absolute; left:50%; bottom:20px; margin-left:-50%;}
.nav .ctg1 .shape {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; width:0px;}

.nav .next_box {position:absolute; left:0; top:70px; width:100%; box-sizing:border-box; padding:20px 0 30px 200px; z-index:-1; }
.nav .next_box {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.nav .next_box .layout_fix {display:table; width:auto; margin:0px; margin-left:0;}
.nav li:nth-child(1)	.next_box .layout_fix {margin-left:0px;}
.nav li:nth-child(2)	.next_box .layout_fix {margin-left:170px;}
.nav li:nth-child(3)	.next_box .layout_fix {margin-left:250px;}
.nav li:nth-child(4)	.next_box .layout_fix {margin-left:300px;}
.nav li:nth-child(5)	.next_box .layout_fix {margin-left:350px;}
.nav li:nth-child(6)	.next_box .layout_fix {margin-left:400px;}
.nav li:nth-child(7)	.next_box .layout_fix {margin-left:200px;}


.nav .next_box .inner {display:table-row;}
.nav .next_box .inner+ .inner dl {padding-top:30px;}
.nav .next_box dl {position:relative;display:table-cell; box-sizing:border-box; padding:0 20px 0 10px;}
.nav .next_box dl:first-child:before {display:none;}
.nav .next_box dl:before{position:absolute;top: 25px;left: -5px;content: '';display: block;width: 2px;height: 2px;background-color: #fff;}
.nav .next_box dl+ dl {}
.nav .next_box dt+ dd {margin-top:10px;}
.nav .next_box .bg {background:#041926; position:absolute; left:0; top:20px; width:100%; height:50px; z-index:-1; opacity: 0.5; filter: alpha(opacity=5); -ms-filter:alpha(opacity=5);}
.nav .next_box .ctg2 {color:#fff; font-weight:400; white-space:nowrap;padding-top:13px;font-size:1rem;}
.nav .next_box .ctg2:hover {text-decoration:underline; color:#fff;}
.nav .next_box .ctg3 {padding:5px 0; color:#fff;}
.nav .next_box .ctg3:hover {text-decoration:underline; color:#fff;}

.nav li:hover {overflow:visible}
.nav li:hover .ctg1 .shape {width:100%;}
.nav li:hover .next_box {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); z-index:10000}

.nav .hit .ctg1 .shape {width:100% !important}

@media screen and (max-width:1300px) {
	.header .nav_box {display:none;}
	.header .layout_fix {padding: 0 20px;}
	.header .search .btn_search {width:40px; background-position:center center; line-height:100;}
	.header .search .search_form {right:0}

	.nav .next_box {padding-right:0px; padding-left:0px;}
	.nav .next_box .inner {}
}




	   
/* ********************************************** *
 * 사이트맵
 * ********************************************** */

/* menu */
.nav{display:inline-block;margin-top: 15px;}
.nav:after{content:''; width:100%; height:1px; background:rgba(255,255,255,0.15); position:fixed; left:0; top:90px;}
.nav h2{font-weight:400; cursor:pointer;}
.nav h3{font-weight:400;}
.nav > li{float:left;} 
.nav > li h2{color:#fff; font-size:18px; padding:0 35px; line-height:90px;}
.nav > li h3{color:#000; font-size:18px; font-weight:500;}  
.nav > li h3 a{ transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;}
.nav > li h3 a:hover{color:#014099;}
.nav > li > a{color:#666; font-size:16px;} 
.nav > li > ul{width:100%; height:0; padding:0; overflow:hidden; width:100%; position:absolute; top:90px; left:0; text-align:center; }
.nav > li > ul > li{ display:inline-block; text-align:left; padding:0 35px; opacity:0; transition:all ease .6s;-webkit-transition:all ease .6s; -o-transition:all ease .6s; -moz-transition:all ease .6s; -ms-transition:all ease .6s;}
.nav > li > ul > li > h3{margin:0 0 20px;}
.nav > li > ul > li > a{display:block; padding:5px 0; transition:all ease .3s;-webkit-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; color:#666;}
.nav > li > ul > li > a:hover{color:#014099;}   
.nav > li.open h2{position:relative; }
.nav > li.open h2:after{content:''; width:6px; height:6px; background:#ffcb07; border-radius:50%; position:absolute; left:50%; top:25px; margin-left:-3px}
.nav > li.open .depth-1{height:311px;}
.nav > li.open .depth-2{height:176px;}
.nav > li.open .depth-3{height:312px;}
.nav > li.open .depth-4{height:108px;}
.nav > li.open .depth-5{height:108px;}
.nav > li.open ul{padding:30px; border-top:1px solid #eee;}
.nav > li.open ul > li{ opacity:1;}

/* sitemap */
.btn-category {position:absolute; top:36px; right:50px; width:40px; height:24px; cursor:pointer}
.btn-category .bar {position: absolute; left:0; width:100%; width:100%; height:2px; border:0; background:#fff; transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0.3s, 0.3s, 0s}
.on .btn-category .bar{background:#fff;}
.btn-category .bar:nth-child(1) {top:0; transform:rotate(0)}
.btn-category .bar:nth-child(2) {top:11px; opacity:1}
.btn-category .bar:nth-child(3) {top:22px; transform:rotate(0)} 
.btn-category.map{ right:67px;}
.btn-category.map .bar {background:#fff; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.btn-category.map .bar:nth-child(1) {top:11px; background:#fff; transform:rotate(-45deg)}
.btn-category.map .bar:nth-child(2) {opacity:0}
.btn-category.map .bar:nth-child(3) {top:11px; background:#fff; transform:rotate(45deg)}
   
#sitemap{position:fixed; top:90px; right:-120%; width:100%; height:calc(100% - 90px); background:#fff; padding:50px 20px; z-index:10;transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; overflow-y:auto;}
#sitemap > ul{max-width:1260px; overflow:hidden; margin:0 auto;}
#sitemap > ul > li{display:inline-block;width:23%; padding:0 10px;vertical-align:top;}
#sitemap > ul > li h2{font-size:24px; color:#333;}
#sitemap > ul > li {font-size:18px; color:#333; font-weight:500; margin:0 0 70px}
#sitemap > ul > li > ul > li{margin:0;}
#sitemap > ul > li > ul > li > a{color:#999; font-size:16px;  padding:7px 0; display:block;}
#sitemap > ul > li h3 > a:hover{color:#014099;}
#sitemap > ul > li > ul > li > a:hover{color:#014099;} 
#sitemap.open{right:0;}
.scr{overflow-y:hidden;} 


@media screen and (max-width:1300px){
	/* layout */
	.btn-category,.btn-category.map{right:20px;}
	.nav{display:none;} 
	#sitemap{  background:rgba(4,25,38,0.3); }
	#sitemap > ul > li{width:100%; float:none; margin:0 0 30px;} 
	#sitemap > ul > li h2{color:#014099;}
	#sitemap > ul > li > ul > li{ height:46px; overflow:hidden; padding:0; margin:0; border-bottom: 1px solid #ddd;} 
	#sitemap > ul > li > ul > li.m-open{height:auto;}
	#sitemap > ul > li h3{background:url('./sel-arr.png') no-repeat center right; margin:0;}
	#sitemap > ul > li > ul > li > h3 > a{display:block; background: #fff;}
	#sitemap > ul{max-width:340px;padding:20px; background:#fff; position:absolute; right:0; top:0; width:100%;} 
 
}


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


 
}
@media screen and (max-width:480px){
	/* layout */
	.btn-category, .btn-category.map{right:20px;}
	.btn-category{width:30px;} 
	.btn-category .bar{background:#000;}

	#sitemap > ul > li{padding:0;}
	#sitemap > ul > li h2{font-size:20px;}
	#sitemap > ul > li h3{font-size:17px;}
	#sitemap > ul > li > ul > li > a{font-size:15px;}
	#sitemap{top:70px; height: calc(100% - 70px);}
	.btn-category{top:23px;}


	


}


/* ********************************************** *
 * 서브 비주얼
 * ********************************************** */


.c_page_tit{width:100%; position:relative;  overflow:hidden;}
.c_page_tit video{ 
	content:'';
	width:100%; 
	height:auto;
	position:absolute; left:0; top:0; z-index:-1;
}
.c_page_tit:after{ 
	content:'';
	width:100%; 
	height:100%;
	position:absolute; left:0; top:0; z-index:-1;
	 background-size:cover; background-position:center center; 
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
	animation-name:visual-zoom; -webkit-animation-name:visual-zoom;
	background-image:url('/skin/site/basic2/images/common/subBg_03.png');
}
.c_section .c_page_tit:after{background:none !important; }
.c_page_tit .title{font-size:50px; color:#fff; padding:130px 20px 10px; text-align:center; font-weight:500;}
.c_page_tit .title,
.c_page_tit .c_location{
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; -webkit-animation-delay: 0.3s;
	animation-name:visual-tit; -webkit-animation-name:visual-tit;
}
 

@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}


.sub-visual .c_location{font-size:18px; font-weight:300; margin:10px 0 0;}



/* ********************************************** *
 * FOOTER
 * ********************************************** */
.footer {padding:10px 0 50px;background-color:#323741}
.footer .layout_fix {max-width:1260px;padding:0 1rem 0 180px;background:#323741 url('/skin/site/basic2/images/common/logo2.png') no-repeat 0 10px;background-size:140px;}
.footer li {list-style:none;}

/* 하단메뉴 */
.footer .bottom_menu {border-bottom:1px solid #616161;}
.footer .bottom_menu ul {display:inline-block;}
.footer .bottom_menu li {float:left; margin:4px 0 7px;font-size:.9rem;}
.footer .bottom_menu .btn {color:#929292; letter-spacing:-0.5px; padding:11px 18px 8px 19px; position:relative;}
.footer .bottom_menu li:first-child  .btn { padding-left:0}

.footer .bottom_menu li+ li .btn:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#616161; margin-top:-3px}
.footer .bottom_menu .btn:hover {text-decoration:underline;}

/* 카피라잇 영역*/
.footer .copyright {display:table; width:100%; table-layout:fixed; margin-top:20px; box-sizing:border-box;}
.footer .copyright .li {display:table-cell; list-style:none; vertical-align:top; box-sizing:border-box;}
.footer .copyright .li.info {padding-right:30px;}
.footer .copyright .li.pg {width:310px;}

/* 회사이름,sns바로가기 */
.footer .shop_name {color:#666; font-size:23px; letter-spacing:-1px; float:left; margin-bottom:10px;}
.footer .sns_box {float:left;  margin-left:20px; margin-bottom:10px;}
.footer .sns_box li {list-style:none; float:left;}
.footer .sns_box .sns {padding:5px 15px 5px 16px; position:relative;}
.footer .sns_box .sns img {height:19px;}
.footer .sns_box li+ li .sns:before {content:""; position:absolute; left:0; top:4px; width:1px; height:21px; background:#ebebec;}

/* 회사정보 */
.footer .info_box {overflow:hidden;}
.footer .info_box li {overflow:hidden;}
.footer .info_box .txt {position:relative; padding:0 20px 0 0; color:#fff; font-size:.9rem;float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:18px;}
.footer .info_box .txt+ .txt:before {content:""; position:absolute; left:-9px; top:50%; width:1px; height:1px; background:#888;}
.footer .info_box .btn {color:#fff; text-decoration:underline; font-size:.9rem; margin-left:5px; letter-spacing:-0.5px; font-weight:600;}
.footer .info_box .btn:hover {color:#fff;}
.footer .info_box .copy {color:#999; margin-top:.9rem; margin-left:2px}

/* PG 정보 */
.footer .pg_box {border:1px solid #ddd; box-sizing:border-box; padding:15px 25px; overflow:hidden; margin-top:30px;}
.footer .pg_box .ic_pg {float:left; width:68px; padding:4px 0 0 3px; box-sizing:border-box;}
.footer .pg_box .ic_pg img {width:50px; max-height:70px;}
.footer .pg_box .pc_txt {float:left; width:185px; padding-top:3px; box-sizing:border-box; margin-bottom:-3px}
.footer .pg_box .txt {color:#888; font-size:.9rem; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.footer .pg_box .btn {color:#888; font-size:.9rem; letter-spacing:-1px; position:relative; padding:5px 10px 5px 0; margin-top:5px; background:transparent url('../images/skin/pg_arrow.gif') right 10px no-repeat;}
.footer .pg_box .btn:hover {text-decoration:underline;}

/* 보안서버 정보 */
.footer .ssl {padding-top:35px; overflow:hidden;}
.footer .ssl li {list-style:none; float:left;}
.footer .ssl li+ li {margin-left:10px}
.footer .ssl img {height:40px !important; }




#m7-go-top {z-index: 100;position: fixed;right: 24px; bottom: 90px; overflow: hidden; text-align: center;width: 55px; height: 55px; line-height: 55px; background: #fff;border:1px solid #ddd;-webkit-border-radius: 100%; 	-moz-border-radius: 100%; 	border-radius: 100%;box-shadow: 0 1px 12px rgba(0,0,0,.1);background-clip: padding-box; 	 font-size: 3rem; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top:hover {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;background: #4880ee;}
#m7-go-top a { display: block; text-decoration: none; position: relative; height: 100%; color: #000;-webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } 
#m7-go-top a:hover {color: #ffffff;} 
#m7-go-top a span {font-size: 1.5rem;font-weight:bold;display: block;margin-top: 0;} 
#m7-go-top a span i{line-height: 55px;} 
#m7-go-top a img { display: block; position: absolute; top: 0px; left: 0px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top a img + img { position: absolute; top: 0px; left: 0px; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } 
#m7-go-top:hover a img[data-hover-image='true'] {-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;} 
#m7-go-top:hover a img[data-hover-image='true'] + img {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}







/* ********************************************** *
 * 메인 비주얼배너
 * ********************************************** */
.main_visual {position:relative; overflow:hidden; }
.main_visual .layout_fix{position:relative; height:0;max-width:1260px;padding:0;z-index:5;}
.main_visual .layout_fix:after{display:block;background-color:#fff;width:3000px;height:100px;position:absolute;top:-100px;left: -50px;border-top-left-radius:10px;content:'';z-index:10;}

/* 롤링배너 */
.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {overflow:hidden;}
.main_visual .visual_box .content-box {width:100%; height:800px;box-sizing:border-box;padding-top:200px;}
.main_visual .visual_box .content-box .inner{width:1260px;margin:0 auto;}
.main_visual .visual_box .content-box h3{font-size:3rem;color:#fff;}
.main_visual .visual_box .content-box p{font-size:1.2rem;color:#fff;}
.main_visual .visual_box img {width:100%; float:left;}
.main_visual .visual_box a {width:100%; float:left;}

/* 롤링 아이콘 */
.main_visual .rolling_icon {position:absolute;bottom:150px;left: 0;width:100%;text-align:center; margin-top:20px;}
.main_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.main_visual .rolling_icon .icon {width:13px; height:13px; float:left; margin:0 8px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_visual .rolling_icon .active {background-position:right top !important;}
.main_visual .rolling_icon .icon:hover {background-position:right bottom;}








/* ********************************************** *
 * 메인 디자인 
 * ********************************************** */
.main_title {font-size:35px; font-weight:700;color:#1A3577; line-height:1;font-weight::700;margin-bottom:15px;}


.main_about .layout_fix ,
.main_linkBox_bg .layout_fix {max-width:1260px;padding:0;}

.main_about {}
.main_about h2{padding:0 1rem;}
.main_about p{padding:0 1rem 30px;font-size:1.2rem;text-align:justify;color:#000;font-weight: 300;}
.main_about .mainBox{position:relative;border-radius:10px;overflow:hidden;}
.main_about .mainBox img{border-radius:10px;width:100%;}
.main_about .mainBox h3{padding:0 40px 0 0;box-sizing:border-box;border-top-right-radius:10px;height:90px;color:#444;font-size:1.3rem;font-weight:400;background: #fff;display:inline-block;margin-top:-65px;}
.main_about .mainBox h3 span{color:#A4C563;font-size:1rem;display:block;margin-top:15px;font-weight: 500;}


.main_linkBox_bg{background: url(/skin/site/basic2/images/common/linkbg.png) no-repeat 0 0;background-size:cover;padding:100px 0;}
.main_linkBox_bg .main_title {color:#fff;padding:0 1rem;}
.main_linkBox{min-height: 290px;}
.main_linkBox img{width:35px;}
.main_linkBox a{display:block;width:100%;height:100%;background-color:#fff;border-radius:10px;padding:50px 30px;box-sizing:border-box;}
.main_linkBox h3{font-size:1.2rem;color:#000;border-bottom:1px solid #000;padding:10px 0 20px;margin-bottom:40px;}
.main_linkBox h3 span{color:#9D9D9D;font-size:.9rem;display:block;padding-left:3px;}
.main_linkBox .more{color:#0138BD;font-size:13px;}


/* 최근게시물 탭 */			 
.main_cs {padding:80px 0 0;height: 400px;}
.main_cs .ul {display:table; width:100%;  overflow:hidden; table-layout:fixed;}
.main_cs .li {list-style:none; display:table-cell; vertical-align:top; position:relative; box-sizing:border-box;}
.main_cs .li+ .li {border-left:1px solid #ddd; }

.main_cs .layout_fix{position:relative;max-width:1260px;padding:40px 1rem  0;}
.main_cs .layout_fix:after{display:block;background-color:#02518C;width:1500px;height:430px;position:absolute;top:0;left: -1065px;border-radius:10px;content:'';z-index:-2;}

.main_cs .layout_fix .main_title {color:#fff;}
.main_cs .tabArea{position: relative;width: 100%;height: 350px;padding: 10px 0 0 10px;box-sizing: border-box;overflow: hidden;}
.main_cs .notice_box {padding-right:70px}
.main_cs .notice_tab {position:absolute; left:1rem; top:60px;box-sizing:border-box;overflow: hidden;background-color:#02518C;z-index:10;width:220px;padding:0 ;}
.main_cs .notice_tab ul { width:100%;  box-sizing:border-box;}
.main_cs .notice_tab li {list-style:none; border-bottom:0;}
.main_cs .notice_tab .btn {display:inline-block; text-align:left; height:33px; line-height:40px; font-size:1.1rem; margin-bottom:10px;letter-spacing:-0.5px; color:#fff; position:relative;}
.main_cs .notice_tab .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_cs .notice_tab .hit { border-color:#aaa;  }
.main_cs .notice_tab .hit .btn {color:#fff;  }
.main_cs .notice_tab .hit .btn:before {content:""; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#4271E1;z-index:-1;}
.main_cs .notice_tab li:hover .btn {text-decoration:underline;}

/* 최근게시물 목록 */
.main_cs .notice_list {min-height: 120px;box-sizing: border-box;margin-top: 20px;padding: 0 10px 0 240px;}
.main_cs .notice_list  .swiper {width: 100%;	height: auto; overflow:visible; }
.main_cs .notice_list  .swiper-slide {font-size: 18px;	background: #fff;border:1px solid #ddd;display: -webkit-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;  }
.main_cs .notice_list  .swiper-button-wrapper{margin: 0 auto;position: absolute;z-index: 15;background-color: #02518C;bottom: 0;left: -250px;width: 220px;height: 100px;}
.main_cs .notice_list  .swiper-button-prev {top: 70px;left: 0;right: auto;color: #fff;}
.main_cs .notice_list  .swiper-button-next{top: 70px;right: auto;left: 50px;color: #fff;}

.main_cs .notice_list  .swiper-slide .posting { display:inline-block; max-width:100%; overflow:hidden;padding:20px;height:305px;width: 227px;box-sizing: border-box;}
.main_cs .notice_list  .swiper-slide .img {width:100%;overflow:hidden;height:120px;margin-bottom:15px;}
.main_cs .notice_list  .swiper-slide .img img{width:100%;}
.main_cs .notice_list  .swiper-slide .date {display:block;color:#949494; font-size:.9rem; letter-spacing:0px;}
.main_cs .notice_list  .swiper-slide .content {margin-top:5px;display:block;color:#000;text-align:justify;  font-size:.9rem;width:100%;line-height:1.2;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; word-wrap:break-word;}
.main_cs .notice_list  .swiper-slide .title {display:block;color:#000; font-size:1rem;font-weight:600;letter-spacing:0px;overflow:hidden;text-overflow: ellipsis; width:100%;white-space:nowrap;}
.main_cs .notice_list  .swiper-slide .posting.nophoto .content {line-height:1.4;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-wrap:break-word;}
.main_cs .notice_list  .swiper-slide .posting.nophoto .title {display:block;color:#000; font-size:1rem;font-weight:600;letter-spacing:0px;overflow:hidden;text-overflow: clip; width:100%;white-space:normal;}

.main_cs .notice_list  .swiper-slide .new {width:12px; height:12px; display:inline-block; margin-top:4px}
.main_cs .notice_list  .swiper-slide .new img {width:100%; height:100%;}

.main_cs .post_none {margin-top:20px; text-align:center; padding-top:45px; background:transparent url('../images/skin/main_post_none.png') center top no-repeat; color:#aaa; letter-spacing:-0.5px;}



/*  상품 카테고리별 탭 */
.main_md {margin:80px 0;  box-sizing:border-box; overflow:hidden;}
.main_md .layout_fix {max-width:1260px;padding:0 1rem;}
.main_md .md_tab {height:40px; }
.main_md .md_tab .main_title {display:inline-block;vertical-align:top;margin-right:20px;}

.main_md .md_tab ul {display:inline-block;}
.main_md .md_tab li {list-style:none; float:left; }
.main_md .md_tab .btn {display:block; text-align:center; min-width:120px;background:#fff; position:relative; box-sizing:border-box;}
.main_md .md_tab .btn {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_md .md_tab .btn {height:41px; line-height:38px; font-size:1rem; color:#999; padding:0 10px;border-radius:20px;}
.main_md .md_tab li:hover .btn {background:#f5f5f5;}
.main_md .md_tab .hit .btn {color:#fff; background:#0138BD !important;}

/* 롤링 이전다음버튼 */
.main_md .prevnext {position:absolute; top:50%; z-index:100; margin-top:-80px;}
.main_md .prevnext.prev {left:20px; }
.main_md .prevnext.next {right:20px;}
.main_md .prevnext a {display:block; width:63px; height:63px; overflow:hidden; position:relative;}
.main_md .prevnext .icon {width:63px; height:63px; position:absolute; left:0; top:0; }
.main_md .prevnext .icon {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.main_md .prevnext .off {background:transparent url('../images/skin/main_pvnx.png') left top no-repeat !important; }
.main_md .prevnext .over {background:transparent url('../images/skin/main_pvnx.png') left bottom no-repeat !important;}
.main_md .prevnext .over {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_md .prevnext.prev .off {background-position:left top !important;}
.main_md .prevnext.next .off {background-position:right top !important;}
.main_md .prevnext.prev .over {background-position:left bottom !important;}
.main_md .prevnext.next .over {background-position:right bottom !important;}
.main_md .prevnext:hover .off {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.main_md .prevnext:hover .over {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

/* 상품롤링 */
.main_md .rolling_box {margin:30px 60px 0; box-sizing:border-box; position:relative;}






/* ********************************************** *
 * (사용안함)메인 중간배너
 * ********************************************** */
.main_ad {margin-top:50px; border-top:1px solid #e5e5e5; padding-top:50px;}
.main_ad li {list-style:none;}
.main_ad a {float:left;}
.main_ad .banner {overflow:hidden;}

/* 배너 3개 */
.main_ad .triple {overflow:hidden;}
.main_ad .triple ul {margin-left:-26px; margin-top:-26px;}
.main_ad .triple li {float:left; width:33.3333%; overflow:hidden; box-sizing:border-box;}
.main_ad .triple .banner {margin-left:26px; margin-top:26px;}
.main_ad .triple li img {width:100%; float:left;}