@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*body {font-family: "Nanum Gothic", "나눔고딕";}
a,a:visited,a:link {color:#000000;}*/

fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
h2,h3{display:none;}

* {margin:0; padding:0; font-family:'Noto Sans KR', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;}
html, body {width:100%; line-height:150%;}
body {font-size:13px; color:#333; background:#fff;}
input, textarea, select, option {font-size:13px; color:#666;}
input {vertical-align:middle;}
table, th, td {font-size:13px; color:#555;}
ul, li {list-style:none;}
img, fieldset {border:none;}
a:link, a:visited {text-decoration:none; color:#555; }
a:hover, a:active, a:focus {text-decoration:none; color:#000;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

hr, caption {display:none;}
.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}



.svisual_wrap {position:relative; top:121px; left:0; background:url(/images/sub_img.jpg) no-repeat center top; height:230px;}
/*.svisual_wrap_2 {position:relative; top:105px; left:0; background:url(/images/sub2_bg.jpg) no-repeat center top; height:317px;}
.svisual_wrap_3 {position:relative; top:105px; left:0; background:url(/images/sub3_bg.jpg) no-repeat center top; height:317px;}
.svisual_wrap_4 {position:relative; top:105px; left:0; background:url(/images/sub4_bg.jpg) no-repeat center top; height:317px;}
.svisual_wrap_5 {position:relative; top:105px; left:0; background:url(/images/sub5_bg.jpg) no-repeat center top; height:317px;}*/

.svisual { text-align:center; color:#fff;}
.svisual p {font-size:28px; font-weight:700; line-height:1.2em; padding-top:50px;}
.svisual p.tit {padding-top:10px; font-size:18px;}

.s_contents {margin:0 auto; width:1200px;}

.s_title {
	text-align:center;
	width:100%;
	font-size:28px;
	color:#555;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:50px;
	background:url(/images/tit_bg.jpg) no-repeat center bottom;
	padding-bottom:20px;
}




.sub_contents {clear:both; margin:0 auto 100px; width:1100px; min-height:200px; border:0px solid #f5f5f5; font-size:14px; line-height:1.5em;}

.clear {clear:both;}

/*제품*/
.product_wrap {overflow:hidden; width:100%; background:url(/images/pro_bg.jpg) repeat-y left top; border:1px solid #f0f0f0;}

.cycle-slideshow, .cycle-slideshow * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.cycle-slideshow {width:450px; min-width:460px; max-width:450px; margin:10px 40px 10px 20px; padding:0; position:relative; float:left;}
.cycle-slideshow div.slide {width:100%; height:100%;}
.cycle-slideshow img {position:absolute; top:0px; left:0; padding:30px 0 30px 0; display:block;}
.cycle-slideshow img:first-child {position:static; z-index:100;}
.cycle-slideshow>span {text-align:center; font-size:18px; font-weight:500; color:#111; margin-bottom:15px;}
.cycle-pager {text-align:left; width:100%; z-index:500; position:absolute; top:20px; overflow:hidden;}
.cycle-pager span {font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#ddd; cursor:pointer;}
.cycle-pager span.cycle-pager-active {color:#613e82;}
.cycle-pager > * {cursor:pointer;}

.pro_txt {float:left; margin-top:50px; padding-bottom:100px; width:550px;}
.pro_txt dl {}
.pro_txt dl dt {font-size:24px; line-height:1.2em; font-weight:700; color:#484848; padding-bottom:20px; margin-bottom:30px; background:url(/images/tit_line.png) repeat-x bottom;}
.pro_txt dl dt p {padding-top:10px; color:#b8b8b8; font-size:12px; font-weight:thin; line-height:1.2em;}
.pro_txt dl dd {background:url(/images/list_icon.png) no-repeat left 12px; padding:7px 0 7px 15px; line-height:1.2em;}


.pro_wrap2 { width:100%; border:1px solid #f1f1f1; margin-top:30px;}
.pro_wrap2 dl {padding:30px;}
.pro_wrap2 dl dt {font-size:24px; line-height:1.2em; font-weight:700; color:#484848; padding-bottom:20px; margin-bottom:30px; background:url(/images/tit_line.png) repeat-x bottom;}
.pro_wrap2 dl dd {background:url(/images/list_icon.png) no-repeat left 12px; padding:7px 0 7px 15px; line-height:1.2em;}
.pro_wrap2 dl dd span {color:#222; font-weight:600; line-height:1.2em;}




/* certification */
.cert_wrap{padding-left:0px;}
.cert_wrap ul:after{content:'';display:block; clear:both;}
.cert_wrap ul{margin-left:0px;}
.cert_wrap li{float:left; margin:0 25px;}
.cert_wrap li dt{margin-bottom:10px;}
.cert_wrap li dt img{border:1px solid #ddd; width:220px; height:310px;}
.cert_wrap li dd{text-align:center; width:220px; height:60px; font-size:12px; /*display:none;*/}

/* 인증서-레이어팝업 */
.pop-layer {display:none; position: fixed; top: 100px; left:30%; height:auto;  background-color:#fff; border: 3px solid #613e82; z-index: 999;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer .pop-container .pop-conts{position:relative;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer p.ctxt img{width:500px;}
.pop-layer .btn-r {margin:10px 0 20px; border-top: 1px solid #DDD; position:absolute; right:0; bottom:-20px;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; background-color:#613e82; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {background-color:#613e82; color:#fff;}




/* greeting */

.company {
	overflow:hidden;
	width:100%;
	min-height:475px;
}
.company:after{content:""; display:block; clear:both;}

.company .product{float:right; width:50%; margin-left:5%;}
.company .product img{display:block; width:100%;}
.company .txt {
	float:left;
	color:#555;
    float:left;
	width:45%;
}
.line_pd {margin:25px 0; border-bottom:1px solid #222; width:70px;}

.b_txt {color:#222; font-size:26px; font-weight:700; line-height:1.2em;}


.com_btn {float:right; text-align:center;}

.com_btn .com_btn1 {float:left; width:185px; background:#613e82; padding:10px 0;}
.com_btn .com_btn1 a {  color:#fff;  text-align:center;  }
.com_btn .com_btn1 a:hover { color:#b8a2d3;}

.com_btn .com_btn2 {float:right;  background:#613e82; padding:5px 10px;}
.com_btn .com_btn2 a { font-size:15px; font-weight:500; color:#fff;  text-align:center; }
.com_btn .com_btn2 a:hover { color:#888; }


/*history*/
.sub_contents:after{content:""; display:block; clear:both;}
.history {overflow:hidden; float:right; width:60%;}
.history_img{float:left; width:35%;}
.history dl {padding:0 0 20px 0;}
.history dl dt {font-size:30px; font-weight:700; line-height:1.5em; background:url(/images/his_line.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:10px;}
.history dl dd {padding:5px 0;}
.history dl dd p {float:left; width:40px; font-size:16px; font-weight:600;}


/* business */

.vision {margin-bottom:70px;}
.vision  .beyond_txt {font-size:16px; color:#222; line-height:1.2em; margin-bottom:15px; padding-left:10px;}
.h3_style {font-size:22px;  font-weight:600; margin:30px 0; border-left:3px solid #613e82; padding-left:10px;}

.vision ul.vision_philo {overflow:hidden; margin-top:50px;}
.vision ul.vision_philo li {width:25%; float:left; }
.vision ul.vision_philo li.last {background:none;}
.vision ul.vision_philo li div.round { text-align:center; display:inline-block; background-color:#f1f1f1; border:3px solid #613e82; width:240px; height:360px; /*border-radius:230px; */ margin-left:15px;}

.vision ul.vision_philo li .philo_tit {margin:15px 5px; display:inline-block; color:#613e82; font-size:22px; font-weight:600; line-height:1.2em; }
.vision ul.vision_philo li .philo_sub_tit {text-align:left; padding:5px 15px; color:#222; font-size:16px; font-weight:600; }
.vision ul.vision_philo li .philo_in {text-align:left; padding:10px 15px; }


/*.vision ul.vision_values {overflow:hidden; margin-top:50px;}
.vision ul.vision_values li {position:relative; width:20%; float:left;  display:inline-block;  height:300px;  color:#fff; font-size:22px; font-weight:600; line-height:1.2em;  text-align:center; background:url(/images/hexagon.png) no-repeat center top;}
.vision ul.vision_values li .values_in {padding-top:50px;}*/

.vision ul.vision_values {position:relative; overflow:hidden; margin-top:50px;}
.vision ul.vision_values li { width:18%; float:left;  display:inline-block;  height:100px;  color:#fff; font-size:18px; font-weight:500; line-height:1.2em;  text-align:center; background:#613e82; /*margin-right:2%;*/ margin-bottom:15px;}
.vision ul.vision_values li.l_arr {background:url(/images/l_arr.jpg) no-repeat center 40px; width:25px;}
.vision ul.vision_values li.r_arr {background:url(/images/r_arr.jpg) no-repeat center 40px; width:25px;}
.vision ul.vision_values li.last {margin-right:0;}
.vision ul.vision_values li .values_in {padding-top:20px;}



/*찾아오시는길*/
.map_line {width:1200px; height:400px; padding:10px; text-align:center; border:1px solid #dbdbdb;}
.direc  {margin-top:30px;}
.direc ul li {color:#666; background:url(/images/bul.gif) no-repeat left 4px; padding-left:20px; margin-bottom:13px;}
.direc ul li span.direc_tit {color:#222; display:inline-block; width:75px;}

/*contact us*/
.contactus {overflow:hidden;}

.contactus .img {float:left; border:1px solid #dbdbdb;}
.contactus .txt {float:left; padding-left:30px; width:60%;}
.contactus .txt dl {border-bottom:1px dashed #dbdbdb; margin-bottom:30px; padding-bottom:20px;}
.contactus .txt dl dt {font-size:24px; font-weight:900; padding:10px 0;}
.contactus .txt dl dd {padding:5px 0;}





/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ sitemap 사이트맵  ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.sitemap {width:100%;}
.map_dl {
	float:left;
	width:31%;
	margin:0 1%;
	padding-bottom:15px;
	margin-bottom:25px;
	background-color:#f5f5f5;
}
.map_dl.margin_right_none {margin-right:0;}
.map_dl > dt {
	width:80%;
	padding:10px 10%;
	height:45px;
	font-size:20px;
	line-height:45px;
	font-weight:600;
}
.map_dl > dd {
	width:80%;
	padding:3px 10%;
}
.map_dl > dd > a {
	display:block;
	font-size:13px;
	line-height:15px;
	padding:5px;
	background-color:#ffffff;
	border:1px solid #bcbcbc;
}
.map_dl > dd > a:hover {
	color:#ffffff;
	background-color:#613e82;
}






/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}