@charset "utf-8";
@font-face { /* 나눔고딕 Regular */
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(../fonts//NanumGothic-Regular.woff) format('woff'),
	   url(../fonts//NanumGothic-Regular.eot) format('eot'),
       url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(../fonts/NanumGothic-Bold.woff) format('woff'),
       url(../fonts/NanumGothic-Bold.eot) format('eot'),
       url(../fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(../fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* common */
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family:"NanumGothic"; }
ul>li>a { text-decoration:none; }
a { color:#666666;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
span { color:#666; font-size:12px; }
hr {clear:both; display:block;opacity:0;}

#Wrap { width:100%; height:100%; min-width:1160px; overflow:hidden;}
#Header {width:100%; min-width:1160px;clear:both; overflow:hidden;}
#Container{
	width:1160px;; /* 메인페이지와 서브페이지 컨텐츠영역 가로사이즈*/
	margin:0 auto;/*컨텐츠영역 가운데*/
	margin-top:66px;
	margin-bottom:40px;
	clear:both;
    overflow: hidden;
}


/* header */
.top_login { width:100%; height:38px; border-bottom:1px solid #eeeeee; overflow:hidden; background:#2d2d2d; }
.top_login div { width:1160px; height:34px; margin:0 auto;}
.sns { float:left; height:34px; line-height: px;}
.sns li { float:left; padding:0 2px; }
.sns img { padding-top:5px;}
.login { float:right; height:34px; }
.login li{float:left; padding:0px; padding-left:20px; line-height: 34px; }
.login li a{ font-size:12px; color:#b2b1b1; font-weight:600; }
.login li a:hover{color:#D5B145;}
.login li:first-child {padding-left:0;}
.login li:nth-child(3){/* padding-right:0; background:none;*/ }

.logo_wrap { position:relative; width:1160px; height:84px; margin:0 auto; text-align:center; }

.logo { padding-bottom:10px; /*  margin-left: -180px;  왼쪽 배너 있을때만 사용*/ border:none; }
.logo_wrap h1.logo{font-size:30px; padding-top:12px;letter-spacing:5px; text-align:left !important;}
.logo_wrap h1.logo b{font-size:18px; font-weight:lighter}
.logo_wrap .tel{position:absolute;  top:22px; right:120px; font-size:16px; font-weight:800; color:#383A82;text-decoration:none;vertical-align:middle;  line-height:40px;letter-spacing:0; text-align:left;  padding:0 9px; border-radius:20px; border:none}
.logo_wrap .tel a {text-decoration:none; color:#383a82; font-size:16px}
.logo_wrap .tel span{font-size:14px; color:#fff; text-align:center; margin-right:10px; margin-top:0;}
.logo_wrap .tel span.mail {border-left: 1px solid #ccc; padding-left:10px;}
.logo_wrap .lang{position:absolute;  top:25px; right:0px; font-size:16px; color:#333; font-weight:400;text-decoration:none;vertical-align:middle;  line-height:30px;letter-spacing:0; text-align:left; border-radius:20px;  border:1px solid #FCAF17; }
.logo_wrap .lang span.ko{padding-left:10px;}
.logo_wrap .lang span.en{padding-right:10px;}
.logo_wrap .lang span a{font-size:14px ; color:#999; font-weight:500; padding:4px 10px; }
.logo_wrap .lang span a.on {font-weight: 800; color:#383A82; }


.logo_wrap p { position:absolute; top:58px; left:50%; }


/*메인메뉴*/
.gnb { width:100%; height:40px; text-align:center; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position:relative;}
.gnb_btn { width:1160px; margin:0 auto; display:inline-block;}
.gnb_btn li { float:left;  padding-right:55px; line-height: 40px; font-size:14px; text-align:center; } 
.gnb_btn li.last {padding-right:0;}
.gnb_btn li a { font-family:"NanumGothic";font-size:14px; font-weight:600; color:#333333; display:block; }
.gnb_btn li a:hover{color:#484BA0; font-weight:600;}

.sub_navwrap { width:100%; position:absolute; left:0; top:55px;	border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; display:none; background:#fffafa;	z-index:100; }
.sub_nav { width:1160px; margin:0 auto; position:relative; overflow:hidden; }
.sub_navwrap ul { position:relative; float:left; width:9.92%; height:230px; border-right:1px solid #e6e6e6; padding:20px 0; }
.sub_navwrap ul:last-child { border-right:none; }
.sub_navwrap li { float:none; margin-bottom:10px;}
.sub_navwrap li a {font-family:"NanumGothic";font-size:13px; font-weight:normal; color:#666;}
.sub_navwrap li:hover a { color:#007dba;}



#K_Footer {font-family:"NanumGothic"; width:100%; /*height:160px;*/ background-color:#131313; clear:both; display: inline-block; padding-bottom:20px; position:relative; }
.browserupgrade {position:absolute; width:100%;min-width:1160px; background:#FFAACC; color:#3333;height:50px; line-height:50px; font-size: 14px;text-align:center;top:0; left:0; z-index:99999;}

/* footer */
.foot {width:1160px; margin:0 auto;font-family:"NanumGothic"; padding-top:30px}
.foot li {font-family:"NanumGothic"; float:left; color:#9c9c9c; font-weight:500; }
.f_logo{float:left; height:78px; width:278px;display:block; border-right:1px solid rgba(255,255,255,0.3);}
.info{float:left; height:auto;display:block; width:700px; padding-left:30px}
.f_logo h1 { font-size:14px; font-weight:600; letter-spacing:4px;padding-top:0; margin-top:0; padding-bottom:20px; }
.info p{ font-size:13px; line-height:20px; font-weight:500; }
.info p b{color:#f1f1f1; font-weight:500}
.info p a{color:#f1f1f1 !important;}
.info img { padding:30px 30px 0 0; }
.cpy {color:#555; font-size:11px; margin-top:20px}
.cpy a {color:#ccc}


/* sub */

.sub_main_v {width:100%; height:250px; overflow:hidden;text-align:center; background:url(../images/sub_main.png) 0 0px no-repeat; animation:4s up_down2; }
.sub_main_txt{position:absolute; width:512px;top:250px; left:50%; margin-left:-256px;  color:#f1f1f1; font-size:50px; text-align:center; animation:2s show_txt2; }

@keyframes show_txt2{100%{opacity:1; top:250px;}0%{opacity:0;   top:400px;} }
@keyframes up_down2{100%{ background-position:0 0px;} 0%{background-position:0 center} }

.sub_main_v1 {position:relative; top:0; left:0; margin:0 auto; width:100%; height:250px;text-align:center; overflow:hidden; background:url(../images/sub_main.png) 0 center no-repeat; }
.sub_main_v1 .viewer{ width:100%; height:auto; overflow:hidden; }
.sub_main_v1 .viewer img{animation:10s infinite up_down1;}

@keyframes up_down1{100%{}25%{margin-top:0px}0%{margin-top:-400px;} }

.sub_txt{position:absolute; width:1160px; top:70px; left:50%; margin-left:-580px;  text-align:center;}
.sub_txt span{font-weight:500; color:#fff; ; font-size:24px; text-align:center; line-height:50px; letter-spacing:1px}
.sub_txt span b{font-weight:600; font-size:28px;}
.sub_txt span.txt1{position:absolute; width:1160px; top:0px; left:50%; margin-left:-580px;text-align:center; opacity:0;animation:show_txt infinite 10s}
.sub_txt span.txt2{position:absolute; width:1160px; top:0px; left:50%; margin-left:-580px;text-align:center; opacity:0;animation:show_txt2 infinite 10s}

@keyframes show_txt {100%{opacity:0; top:250px;} 70%{opacity:0; top: 250px; } 60%{opacity:0; top: 0px; } 40%{opacity:1; top: 0px; } 15%{opacity:0;top:250px} 0%{opacity:0;top:250px} }
@keyframes show_txt2 {100%{opacity:0; top:0; }95%{opacity:1; top:0;}85%{opacity:1; top:0px;}55%{opacity:0;top:250px}0%{opacity:0;top:250px} }


.sub_title > h1 {font-size:24px; color:#555; line-height:24px; border-bottom:1px solid #cfcfcf; padding:5px 15px;}
.sub_title > h1 > em{font-size:20px; color:#999; line-height:24px;font-style:normal}
.sub_title span.title_pin{width:5px; position:absolute;line-height:24px; height:24px; background:#2E3192; margin-bottom:5px; margin-left:-15px; }
.sub_title p.cnt{margin-top:40px; font-size:14px;color:#666; }
.sub_title p.cnt b{color:#2d3192; font-size:25px;}

.sub_main_des {width:1118px; margin:40px 0; overflow:hidden; padding: 20px;  border: 1px solid #cfcfcf ; border-radius:20px }
.sub_main_des dl{width:720px; height: auto; float:right; display:block; padding:20px;  border: 1px dotted #ccc ; border-radius:20px;}
.sub_main_des dl dt { font-size: 20px; margin-bottom: 10px; letter-spacing:4px;  }
.sub_main_des dl dt b{font-weight:800; color:#2E3192}
.sub_main_des dl dt.line {margin-top:20px; padding-top:20px;border-top:1px dotted #ccc;}
.sub_main_des dl dd {font-size:16px; line-height:22px; padding-left:20px}


/*제품 페이지*/
.products {width:100%; position:relative; height:auto; background:#333; margin:20px auto;}
.products ul {width:1120px; margin:0 auto; height:auto}
.products ul li{float:left;display:block;width:198px;height:230px;margin:20px 20px; padding:10px 20px;  text-align:center;}
.products ul li img{width:194px; height:194px; }
.products ul li a.pro_img {width:198px; height:198px; display:block;padding:9px;  border:1px solid #cfcfcf; }
.products ul li a.pro_name{width:198px; padding:10px; vertical-align:middle;display:block; text-align:center;font-size:16px; font-weight:bold;color:#555;width:100%;height:20px;}
.products ul li:hover a.pro_name {color:red;}

.product_detail {font-family:"NanumGothic";margin-bottom:40px;} 
.product_detail h2.product_tit {font-size:24px; color:#121212; padding:30px 0 20px 0; text-align:center; border-bottom:1px solid #666}
.product_detail div.detail_cont{position:relative; width:1160px; height:auto;  margin:30px auto;padding:20px 0;}
.product_detail div.detail_cont div.detail_img {float:left; display:block; width:298px; text-align:center; height:298px; vertical-align:middle; border:1px solid #ccc; /*background:url(../images/p1.jpg) center center no-repeat;*/}
.product_detail div.detail_cont div.detail_img img{width:196px; height:196px; padding-top:50px;}
.product_detail div.detail_cont div.detail_img2{ float:left; display:block; width:1150px; height:290px; margin-top:20px; text-align:center;  border:5px solid #E8E8EC;  padding:40px 0; background:url(../images/p2.gif) center center no-repeat;}
.product_detail div.detail_cont div.detail_img_b { float:left; display:block; width:1150px; height:auto; margin-top:20px; text-align:center;  border:5px solid #E8E8EC;  padding:40px 0; }
.product_detail div.detail_cont dl.detail_desc{float:left; width:760px; min-height: 220px; display:block; padding:40px; margin-left:20px; background:#EBEBEF}
.product_detail div.detail_cont dl.detail_desc dt {color:#121212; font-size:16px;  line-height: 25px; font-weight:500; padding-left:15px;padding-bottom:10px; }
.product_detail div.detail_cont dl.detail_desc dt.m10{margin-bottom:10px;}
.product_detail div.detail_cont dl.detail_desc dt::before {content:'';width:5px; height:5px; border-radius:50%; margin-top:8px; margin-left:-15px; position:absolute; background:#2e3192;}
.product_detail div.detail_cont dl.detail_desc dd{font-size:16px; font-weight:400;border-bottom: 1px dotted #2E3192; padding:10px 0 10px 15px ; color:#555;}
.product_detail div.detail_cont dl.detail_desc dd::before {content:''; width:5px; height:5px; margin-top:8px; margin-left:-15px; position:absolute; background:#2e3192;}
.product_detail div.detail_cont dl.detail_desc dd strong{font-weight:600; width:230px;margin-right:10px;}

#bo_cate {margin-top:40px}
#bo_cate a {padding: 7px 0 6px; width: 100px; letter-spacing:0; line-height:22px; font-size:16px;}

/*자료실*/
.dataroom {width:100%; position:relative; height:auto; background:#333; margin:30px auto;}
.dataroom ul {width:1120px; margin:0 auto; height:auto}
.dataroom ul li{float:left;display:block;width:198px;height:310px;margin:20px 20px; padding:10px 20px;  text-align:center;}
.dataroom ul li img{width:198px; height:286px ;}
.dataroom ul li a.pro_img {width:198px; height:286px; display:block;padding:9px;  border:1px solid #cfcfcf; }
.dataroom ul li a.pro_name{width:198px; padding:10px; vertical-align:middle;display:block; text-align:center;font-size:16px; font-weight:bold;color:#555;width:100%;height:20px;}
.dataroom ul li:hover a.pro_name {color:red;}

/*detail + gallery skin style sheet  */

.product_detail div.detail_cont div.detail_desc{float:left; width:760px; min-height: 220px; display:block; padding:40px !important; margin-left:20px; background:#F2F2F4}
.product_detail div.detail_cont div.detail_desc h3 {margin:0; padding:0;color:#121212; font-size:16px; font-weight:400;  line-height: 25px; padding-left:15px}
.product_detail div.detail_cont div.detail_desc h3.m10{margin-bottom:10px}
.product_detail div.detail_cont div.detail_desc h3::before {content:'';width:5px; height:5px; border-radius:50%; margin-top:8px; margin-left:-15px; position:absolute; background:#2e3192;}
.product_detail div.detail_cont div.detail_desc p{margin:0 !important; padding:0;font-size:16px;font-weight:400; line-height:16px; padding:10px 0 10px 15px !important; margin-bottom:10px; color:#555;border-bottom: 1px dotted #2E3192;}
.product_detail div.detail_cont div.detail_desc p::before {content:''; width:5px; height:5px; margin-top:8px; margin-left:-15px; position:absolute; background:#2e3192;}
.product_detail div.detail_cont div.detail_desc p strong{font-weight:600; width:230px;margin-right:10px;}

/* co */

.co {width:100%; height:auto; padding:40px 0;}
.co dl.co_gre dt {text-align:center; line-height:40px; color:#888; font-size:22px; margin:10px 0 80px 0;}
.co dl.co_gre dt b{font-weight:bold;color:#999}
.co dl.co_gre dd {font-weight:normal; color:#333;  text-align:center;font-size:18px; line-height:35px; margin-bottom:10px;}
.co dl.co_gre dd.b{font-size:20px; line-height:40px;}
.co dl.co_gre dd.b b{font-weight:bold;}
.co dl.co_gre dd.coils {text-align:center; padding:60px 0;}
.co dl.co_gre dd.sign{margin-top:80px ;font-weight:bold;}

.co dl.co_info {width:1156px; border:2px solid #e1e1e1; border-radius:10px; margin:100px 0; padding:40px 0; text-align:center;overflow:hidden;}
.co dl.co_info dd {font-size:14px; color:#333; text-align:left;text-indent:30px; line-height:34px; margin-left: 50px; background:url(../images/pin.png) 0 center no-repeat; background-size:15px 15px; }

.co dl.co_info2 {width:1156px; border:2px solid #e1e1e1; border-radius:10px; margin:20px 0; padding:40px 0; text-align:center;overflow:hidden;}
.co dl.co_info2 dd {font-size:14px; color:#333; text-align:left;text-indent:30px; line-height:34px; margin-left: 50px; background:url(../images/pin.png) 0 center no-repeat; background-size:15px 15px; }
.co .co_map {width:1160px; height:500px; border-radius:10px; overflow:hidden;}

.agreementZone {height:180px; border:1px solid #ccc; padding:20px; overflow-x:hidden; overflow-y: scroll; }
.agreementZone  .agreeCover p {color:#666; font-size:14px; line-height:26px}
.agreementZone  .agreeCover p strong {font-size:16px; line-height:50px; color:#fff; padding:4px 10px; background:#282A79}
.agreementZone  .agreeCover ul {margin:10px 0; padding:10px; background:#f3f3f3;}
.agreementZone  .agreeCover ul li {font-size:14px; line-height:26px; color:#666}
.checkCover {margin:10px 0 30px 0}
.checkCover label { font-size:14px; margin-left:5px;}

.privacy{border: 1px solid #F8F972; color:#fff; font-size:12px; padding:2px 5px; border-radius:3px; margin-left:10px; cursor:pointer }
.privacy_pop { margin:10px; border:1px solid #333; padding:10px}