@charset "utf-8";
@import url('normalize.css');
@import url('base.css');

/*layOut*/
#Wrapbody {margin:0 auto; width:100%;  }
.inners {width:1280px; margin:0 auto;}


/* index Visual slide */
#mainWp .slide .slideshow div {width:270px;}
#mainWp .slide .slideshow div img {width:100%;}
#mainWp .slide .slick-arrow {position:absolute; width:32px; height:31px; top:90px; text-indent:-9999px; z-index:1;}
#mainWp .slide .slick-prev {background:url('/common/images/slide_arrow-prev.png') no-repeat; left:5px;}
#mainWp .slide .slick-next {background:url('/common/images/slide_arrow-next.png') no-repeat; right:5px;}

/* index Visual *//*인덱스 로그인 타이틀*/
.mvWp2 {position:relative; height:970px; border-top:1px solid #e8e9eb; background-color:#000; }
.mvWp2 .swiper-container {width:100%; min-width:1280px; height:930px;}
.mvWp2 .swiper-wrapper .swiper-slide{width:100%; min-width:1280px; height:930px; }
.mvWp2 .swiper-wrapper .mv1 {background:url('/common/images/mv01.jpg') no-repeat center top;}
.mvWp2 .swiper-wrapper .mv2 {background:url('/common/images/mv02.jpg') no-repeat center top;}
.mvWp2 .mv_t { position:absolute; top:200px; left:50%; margin-left:-350px; z-index:999; }
.mvWp2 .mv_btn { position:absolute; top:400px; left:50%; margin-left:-250px; z-index:999; }
.mvWp2 .language_index {position:absolute; top:0px; left:50%;  margin-left:300px; z-index:999; }


/*상단 header-wp*/
#headerWp {position:absolute; top:28px; z-index:99; width:100%; background:url('/common/images/header_bar.png') no-repeat center 15px;}
#headerWp .unb {margin-top:-16px; float:right; margin-right:20px;}
#headerWp .topLogo {float:left; padding-top:42px; padding-left:100px;}
#headerWp .language {position:absolute; top:18px; left:50%;  margin-left:550px; width:72px; height:70px;}
#headerWp .gnb {float:right; height:92px; margin-right:120px;}
#headerWp .gnb > ul > li {float:left; position:relative;}
#headerWp .gnb > ul > li > a {display:block; padding:20px 40px 0; color:#313131; font:16.3px/72px 'Noto Sans KR' ; font-weight:500;}
#headerWp .gnb > ul > li > .dep1 {display:none; position:absolute; width:100%; text-align:center;}
#headerWp .gnb > ul > li > .dep1 li {position:relative;}
#headerWp .gnb > ul > li > .dep1 a {display:block; padding:18px 0; color:rgba(255,255,255,0.7); background:rgba(000,000,000,0.3)}
#headerWp .gnb > ul > li > .dep1 a:hover {color:rgba(255,255,255,1); background:rgba(000,000,000,0.5)}
#headerWp .gnb > ul > li > .dep1 .active a {background:rgba(000,000,000,0.5)}
#headerWp .gnb > ul > li .dep2 {display:none; position:absolute; width:100%; right:-100%; top:0;}

/* Main Visual */
.mvWp {position:relative; height:930px; border-top:1px solid #e8e9eb;  }
.mvWp .swiper-container {width:100%; min-width:1280px; height:930px;}
.mvWp .swiper-wrapper .swiper-slide{width:100%; min-width:1280px; height:930px;}
.mvWp .swiper-wrapper .mv1 {background:url('/common/images/mv01.jpg') no-repeat center top;}
.mvWp .swiper-wrapper .mv2 {background:url('/common/images/mv02.jpg') no-repeat center top;}
.mvWp .mv_t { position:absolute; top:365px; left:50%; margin-left:-340px; z-index:999; }
.mvWp .mv_btn { position:absolute; top:560px; left:50%; margin-left:-100px; z-index:999; }

.slide{width:270px; height:170px; z-index:999; position:absolute; top:650px; left:50%; margin-left:-146px;}

/*메인컨텐츠*/
.content { min-width:1280px; position:relative; top:0; margin:0 auto; background-color:#f8f8f8; }

.content .c_bg1 { margin:0 auto;   width:100%; height:299px; background:url('/common/images/c1_bg.jpg') no-repeat center ; }
.content .c_bg1 .text_zone_01 { width:600px; position:relative; left:50%; top:50px; margin-left:-600px; z-index:999}
.content .c_bg1 .text_zone_01 h1{ font-size:24px; font-weight:500; color:#fff; line-height:80px;}
.content .c_bg1 .text_zone_01 span{ font-size:33px; font-weight:500; color:#fff; line-height:80px;}
.content .c_bg1 .text_zone_01 .text_answer { font-size:15px; color:#fff; line-height:24px;  }

.content .c_bg1 .text_zone_02 { width:560px; position:relative;  left:50%; margin-top:-103px; margin-left:80px; z-index:999;}
.content .c_bg1 .text_zone_02 ul { width:250px; float:left; padding: 0 30px 30px 0; }
.content .c_bg1 .text_zone_02 ul li { float:left; }
.content .c_bg1 .text_zone_02 ul li:nth-child(2) { position:relative;  top:10px; left:20px;}
.content .c_bg1 .text_zone_02 ul li:nth-child(2) h1{  font-size:20px; margin-bottom:12px;}
.content .c_bg1 .text_zone_02 ul li:nth-child(2) span{  font-size:14px; line-height:21px;}
.content .c_bg1 .text_zone_02 .clear {  clear:both; }
/*---------//.c_bg1------*/

.content  .c_bg2 { margin:0 auto;   width:1280px; min-height:446px; }
.content  .c_bg2 .text_zone_01 h1 { padding:58px 0 20px; }
.content  .c_bg2 .text_zone_01 span{ font-size:33px; font-weight:300;  color:#333; padding-right:20px;  }
.content  .c_bg2 .text_zone_01 span p{ display:inline-block; font-size:33px;  font-weight:600; color:#333;  padding-right:5px; }
.content  .c_bg2 .text_zone_01 font {position:relative;  top:-5px; left:0px;  display:inline-block; font-size:15px;  font-weight:300; color:#333; }

.content .c_bg2 .text_zone_02 { margin:0 auto; }
.content .c_bg2 .text_zone_02 div { float:left; width:390px; height:240px; margin:22px 35px 0 0; background:url('/common/images/c_bg2_c1.jpg') no-repeat center ;  }
.content .c_bg2 .text_zone_02 ul li:nth-child(1) {  text-align:center; font-size:20px; font-weight:300; line-height:21px; color:#2d2d2d; line-height:70px; padding-top:10px; letter-spacing:-1px;}
.content .c_bg2 .text_zone_02 ul li:nth-child(2) {  padding:0 30px; font-size:14px; line-height:21px; color:#7f7f7f; line-height:24px;  }
.content .c_bg2 .text_zone_02 ul li:nth-child(3) {  text-align:center;  font-size:14px; line-height:21px; color:#2d2d2d;  padding-top:12px;  }
/*---------//.c_bg2------*/

.content  .c_bg3 {  width:100%; min-height:651px;  background:url('/common/images/c3_bg.jpg') no-repeat center ; }
.content  .c_bg3 .text_zone_01 {  margin:0 auto; width:1280px; text-align:center; }
.content  .c_bg3 .text_zone_01 h1 { font-size:33px;  font-weight:300; color:#e5e5e5;  padding:100px 0 30px ;}
.content  .c_bg3 .text_zone_01 span{ font-size:33px; font-weight:500;  color:#fff;  }
.content  .c_bg3 .text_zone_01 p{  font-size:15px;  font-weight:300; color:#fff;  padding-bottom:58px; }

.content .c_bg3 .text_zone_02 {  margin:0 auto; width:1280px; }
.content .c_bg3 .text_zone_02 a { margin:22px 22px 0 0; }
.content .c_bg3 .text_zone_02 a:nth-child(1) {  float:left; width:411px; height:302px;  background:url('/common/images/c_01.png') no-repeat center ;  }
.content .c_bg3 .text_zone_02 a:nth-child(2) {  float:left; width:411px; height:302px;  background:url('/common/images/c_02.png') no-repeat center ;  }
.content .c_bg3 .text_zone_02 a:nth-child(3) {  float:left; width:411px; height:302px; background:url('/common/images/c_03.png') no-repeat center ;   margin-right:0px; }
/*---------//.c_bg3------*/





/*----------------------------서브끝 -----*/

/* 서브레이아웃 */
#subHeaderWp {position:absolute; top:0; z-index:99; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); background:rgba(002,013,31,0.5)}
#subHeaderWp .topLogo {float:left; padding-top:29px; padding-left:20px;}
#subHeaderWp .gnb {float:right; height:80px; }
#subHeaderWp .gnb > ul > li {float:left; position:relative;}
#subHeaderWp .gnb > ul > li > a {display:block; padding:5px 43px 0; color:#fff; font:17px/75px 'Noto Sans KR';}
#subHeaderWp .gnb > ul > li > .dep1 {display:none; position:absolute; left:50%; margin-left:-90px; width:180px; text-align:center;}
#subHeaderWp .gnb > ul > li > .dep1 li {position:relative;}
#subHeaderWp .gnb > ul > li > .dep1 a {display:block; padding:20px 0; color:rgba(255,255,255,0.9); background:rgba(000,000,000,0.5); font-size:14px;}
#subHeaderWp .gnb > ul > li > .dep1 a:hover {color:rgba(255,255,255,1); background:rgba(000,000,000,0.8)}
#subHeaderWp .gnb > ul > li > .dep1 .active a {background:rgba(000,000,000,0.5)}
#subHeaderWp .gnb > ul > li .dep2 {display:none; position:absolute; width:100%; right:-100%; top:0; }

/* Sub Visual */
.svWp {position:relative; height:370px; border-top:1px solid #e8e9eb; }
.svWp .swiper-container {width:100%; min-width:1280px; height:370px;}
.svWp .swiper-wrapper .swiper-slide{width:100%; min-width:1280px; height:370px;}
.svWp .swiper-wrapper .mv1 {background:url('/common/images/sv01.jpg') no-repeat center;}
.svWp .swiper-wrapper .mv2 {background:url('/common/images/sv02.jpg') no-repeat center;}

/*서브컨텐츠 subCon*/
#subConW .lnbWrap {min-width:1260px; border-bottom:1px solid #d8d8d8;}
#subConW .lnbWrap ul {display:table; width:1260px; margin:0 auto; table-layout:fixed; text-align:center; border-left:1px solid #d8d8d8;}
#subConW .lnbWrap ul li {display:table-cell; height:47px; border-right:1px solid #d8d8d8;}
#subConW .lnbWrap ul li a {display:block; line-height:47px; font-size:15px; letter-spacing:-0.5px;}
#subConW .lnbWrap ul li a:hover {background:#eee;}
#subConW .lnbWrap ul li.on a {color:#fff; background:#062d72;}
#subContents {width:1200px; margin:60px auto 80px;}
#subContents .sconTit {padding-bottom:40px; font-size:24px; color:#2e2e2e; font-weight:500; text-align:center; line-height:1;}
.prd_listW ul li {float:left; width:20%; padding-bottom:30px;}
.prd_listW ul li a {display:block;}
.prd_listW ul li img {border:1px solid #cecfce}
.prd_listW ul li .prd_name {width:160px}

.text_sub {font-size:14px; line-height:23px;}




/* greetings */
.greetings { padding-right:300px; background:url('/common/images/gt_img.jpg')no-repeat right 80px;}
.greetings p { padding-bottom:30px; font-size:14px; line-height:22px;}
.greetings p.p1 { padding-top:35px; padding-bottom:35px; font-size:24px; line-height:32px; color:#3e3e3e; font-weight:500;}
.greetings .eng { color:#222;  }



/* apply */
.apply p { text-align:left; padding-left:30px; font-size:14px; line-height:28px;}
.apply p.p1 {  padding-top:50px; padding-bottom:35px; font-size:24px; color:#3e3e3e; font-weight:500;}
.apply p.p2 {  padding-top:10px; padding-bottom:15px; font-size:24px; color:#3e3e3e; font-weight:500;}
.apply .eng { color:#222;  }
.apply table { width:90%; border-top:2px solid #414141; margin:10px 0 50px 50px;  }
.apply table td { padding:10px; border:1px solid #dfdfdf}
.apply table th { background:#f4f4f4; border:1px solid #dfdfdf}

.apply table.a td {text-align:center;}

.btn {
	text-decoration:none;
	box-shadow:#b9b9b9 1px 1px 2px;
	o-box-shadow:#b9b9b9 1px 1px 2px;
	-moz-box-shadow:#b9b9b9 1px 1px 2px;
	-webkit-box-shadow:#b9b9b9 1px 1px 2px;
	background:#eceded;
	background:-o-linear-gradient(90deg, #eceded, #eceded);
	background:-moz-linear-gradient( center top, #eceded 5%, #eceded 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eceded), color-stop(1, #eceded) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eceded', endColorstr='#eceded');
	background:-webkit-linear-gradient(#eceded, #eceded);
	background:-ms-linear-gradient(#eceded, #eceded);
	background:linear-gradient(#eceded, #eceded);
	text-indent:0px;
	line-height:12px;
	-moz-border-radius:22px;
	-webkit-border-radius:22px;
	border-radius:22px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:15px;
	width:124px;
	height:12px;
	padding:13px;
	border-color:#eceded;
	border-width:1px;
	border-style:solid;
}

.btn:hover {
	color:#3e8dd6;
	border-width:2px;
	border-color:#3e8dd6;

}

/* productinfo */
.productinfo .lnbdep2 {display:table; table-layout:fixed; width:100%;}
.productinfo .lnbdep2 li {display:table-cell; text-align:center;}
.productinfo .lnbdep2 li a {display:block; padding:12px; border:1px solid #ddd; border-left:none; box-sizing:border-box;}
.productinfo .lnbdep2 li:first-child a {border-left:1px solid #ddd;}
.productinfo .lnbdep2 li a:hover {background:#f4f4f4}
.productinfo .lnbdep2 li a.on {border-top:2px solid #062d72; border-bottom:none; color:#062d72; font-size:16px; font-weight:500; box-sizing:border-box;}
.productinfo .productCon {padding-bottom:50px;}
.productinfo .productCon div.left {float:left; width:55%;}
.productinfo .productCon div.right {float:right; width:45%; margin-top:70px; text-align:center;}
.productinfo .productCon .tit {margin-top:35px; padding:0 0 15px 20px; color:#3e3e3e; font:21px/1 'NS-B'; letter-spacing:-0.5px; background:url('/common/images/tit_b01.gif') no-repeat;}
.productinfo .productCon table {table-layout:fixed;}
.productinfo .productCon table th {padding:10px; border:1px solid #ddd; background:#eee; color:#333;}
.productinfo .productCon table td {padding:10px; border:1px solid #ddd; text-align:center;}
.productinfo .productCon span {padding-left:20px;}

.productinfo .prd_line {text-align:center; padding:15px; border:1px solid #e7e7e7; border-top:0;}
.productinfo .prd_line li {position:relative; float:left; margin-right:50px; padding:7px; vertical-align:middle; border:1px solid #ddd; border-radius:50%;}
.productinfo .prd_line li:after {position:absolute; top:65px; right:-32px; content:''; width:14px; height:32px; background:url('/common/images/prd_line_arrow.gif') no-repeat;}
.productinfo .prd_line li:last-child:after {background:none;}
.productinfo .prd_line li p {display:table-cell; vertical-align:middle; width:140px; height:140px; background:#ccc; border-radius:50%; color:#fff; font-size:15px;	}
.productinfo .prd_line li p.o2 {background:#d2b48c;}
.productinfo .prd_line li p.o3 {background:#e1a04a;}

.productline .productCon .tit {padding:12px 0; text-align:center; background:#f4f4f4 url('/common/images/tit_b01.gif') no-repeat;}









/* location */
.location #map {width:100%; height:350px;}
#save-widget {width:300px; box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; background-color:white; font-family:Roboto, Arial; font-size:13px; margin:15px;}
.location .mapview {margin-top:15px; padding:10px 20px; border:7px solid #eee;}
.location .mapview table tr:first-child th {width:100%; padding:20px 0; border-bottom:2px solid #cbd7e7; font-size:18px; font-weight:500; color:#4d7ebf; text-align:center;}
.location .mapview table th {width:25%; padding:15px 0 15px 40px; font-size:13px; color:#444; text-align:left;}
.location .mapview table th i {padding-right:6px; color:#3e8dd6;}
.location .mapview table td {font-size:13px;}

/*입금계좌배너 member_left*/
#footerWp {min-width:1280px; background:#222222; overflow:hidden}
#footerWp .bottomW {width:1280px; margin:0 auto;  position:relative;}
#footerWp .bottomW_banner { width:211px;  height:102px;  background:url('/common/images/f_banner.png')no-repeat; position:fixed; bottom: 80px; right:20px;  } /*입금계좌배너*/

/*하단 footer-wp*/
#footerWp .bottomW .bottom_navi ul {padding:35px 0 50px 70px;}
#footerWp .bottomW .bottom_navi > ul > li {float:left; width:270px; position:relative; }
#footerWp .bottomW .bottom_navi > ul > li:last-child {float:left; width:70px; position:relative;}
#footerWp .bottomW .bottom_navi > ul > li > a {display:block; padding:5px 0; color:#fff; font:18px 'Noto Sans KR'; letter-spacing:-0.5px;}
#footerWp .bottomW .bottom_navi > ul > li > .dep1 {padding-top:20px;  }
#footerWp .bottomW .bottom_navi > ul > li > .dep1 a {display:block;  font:14px/22px 'Noto Sans KR'; padding:5px 0; color:#bababa; letter-spacing:-0.5px;}
#footerWp .bottomW .bottom_navi > ul > li > .dep1 a:hover {color:rgba(255,255,255,1);}
#footerWp .line {  border-top:1px solid #424243;  }
#footerWp .address p{  width:1280px;  margin:0 auto; padding:30px 0 40px 148px; font-size:13.5px; font-weight:300; line-height:26px; color:#969696;}
#footerWp .address p a{font-size:13.5px; font-weight:300; line-height:26px; color:#969696;}



/* 이용약관 */
.util h3{ clear:both; display:block; font-size:18px !important;  color:#062d72 !important; padding-top:20px; padding-bottom:10px;}
.util span{ clear:both;  font-size: 15px; font-weight:500; color:#444; line-height:2;}
.util .util_txt { clear:both; font-size: 15px  !important;; width:100%; line-height:1.5;}
.util p{ clear:both; display:block; font-size: 15px  !important;  line-height:1.8; padding:2px 0 ;}
.util ul{ clear:both; margin-left:10px;}
.util li{font-size:15px  !important; margin-bottom:15px; line-height:1.8;}
.util > table  {width:100%;}
.util > table td{ font-size:15px  !important;}
.util span.size { font-size:9px !important; vertical-align:middle; padding-right:5px;}