@charset "utf-8";

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

/* defult */
html {-webkit-text-size-adjust: none;}
body,textarea,select,table,button {font-family: 'Noto Sans KR', sans-serif;line-height:18px;font-size:12px;color:#333;margin:0;padding:0;}

ul,ol {margin:0;padding:0;list-style:none;}
td{ font-family: 'Noto Sans KR', sans-serif; font-size: 10pt; text-decoration:none; color:#80807f}
dl,dl dt,dl dd,form,p {margin:0;padding:0;}
li,li img,dt img,dd img,td img,p img {margin:0;padding:0; list-style:none; }
fieldset {margin:0;padding:0;border:0;}
legend {position:absolute;visibility:hidden;overflow:hidden;height:0;line-height:0;width:0;margin:0;padding:0;font:0/0 Arial;}
caption {visibility:hidden;overflow:hidden;height:0;line-height: 0;width:0;margin:0;padding:0;font:0/0 Arial;}
hr {display:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:1em;margin:0;}
a {text-decoration:none;color:#333;}
a:hover,a:focus,a:active {text-decoration:none;color:#333;}
/* table {table-layout:fixed;} */
select,label {padding:0;margin:0;vertical-align:middle;}
em,address {font-style:normal;}
textarea {vertical-align:top;margin:0;padding:0;}
object,param {padding:0;margin:0;line-height:0;}
section, article, header_home, footer, hgroup, figcaption, figure {display:block;}


/*hidden*/
.blind {visibility:hidden; font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; background: none; position:absolute; left:0; top:0;}
/*ico*/
.ico_clip{ display: inline-block; *display: inline; *zoom: 1; background: url(/images/ico/ico_clip.gif) right top no-repeat; padding-right: 20px; line-height: 15px; }

select.menu_search {height:18px; line-height:18px; border:1px solid #bebebe; margin:0 0px 0 0 ; }


/*===== head-wrap ======================================================*/
/* header */
#layout { position:relative; width:100%; min-width:1200px;}

#main_slide {position:relative; width:100%; min-width:1200px; height:643px;}
#main_slide .slideshow {width:100%; height:643px; }
#main_slide .slideshow li {position:relative; width:100%; height:643px; }
#main_slide .slideshow li.s1 {background:url("../img/main1.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s2 {background:url("../img/main2.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s3 {background:url("../img/main3.jpg") 50% 0 no-repeat;}
#main_slide .slideshow li.s4 {background:url("../img/main4.jpg") 50% 0 no-repeat;}

#main_slide .prev {position:absolute; top:160px; left:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_prev.png") 0 50% no-repeat; z-index:999;}
#main_slide .next {position:absolute; top:160px; right:0%; margin:0 0 0 0px; width:200px; height:116px; background:url("../img/btn_next.png") 100% 50% no-repeat; z-index:999;}

#main_slide .pagination {position:absolute; top:600px; left:50%; margin-left:-65px; z-index:99999;}
#main_slide .pagination li {float:left;  margin:0 5px 5px 0; cursor:pointer; overflow:hidden;}
#main_slide .pagination li .on {display:none; width:60px; height:18px;}
#main_slide .pagination li .off {display:block; width:18px; height:18px;}
#main_slide .pagination li.current .on {display:block;}
#main_slide .pagination li.current .off {display:none;}


#main_slide #slides a:nth-child(1) { width: 1100px; height: 430px; position: absolute; left: 30px; top: 27px; }
#main_slide #slides a:nth-child(2) { width: 248px; height: 64px; text-align: center; top: 15px; position: relative; }
#main_slide #slides a:nth-child(3) { width: 54px; height: 55px; position: absolute; right: 30px; top: 32px; }


#contents2 {position: absolute; width:100%; z-index:999; margin-top:20px;}
#contents {position: relative; width:1100px; margin:0 auto; zoom:1;padding:10px 0;}
#contents:after {content:""; display:block; clear:both;}

#contents {position: relative; width:100%; min-width:1200px;height:346px; background:url("../img/con_bg.jpg") 50% 0 no-repeat;}
.banner {width:1200px; margin:0 auto; }
.banner ul {position: absolute;}
.banner ul li {display:inline-block; *display:inline; *zoom:1;}
.banner ul li.bn1 {position: absolute;}
.banner ul li.bn2 {padding-left:115px; padding-top:115px;}
.banner ul li.bn3 {position: absolute;margin-left:-97px; padding-top:0px; z-index:1000;}
.banner ul li.bn4 {position: absolute;padding-left:20px; padding-top:115px;}
.banner ul li.bn5 {padding-left:235px; padding-top:115px;}

.m_product {width:1200px; margin:0 auto; padding-top:15px;}
.product_img {width:213px; display:inline-block; *display:inline; *zoom:1; margin-right:5px; }
.product_img_end {width:213px; display:inline-block; *display:inline; *zoom:1; margin-right:0px;}
.product {width:213px; border:1px solid #d9dadc; display:inline-block; *display:inline; *zoom:1; }
.product-title {padding:10px 0; font-size:14px; color:#2e2e2e; text-align:center; font-weight:600; } 


.main_tit {}
.main_tit h3 {font-size:30px; font-weight:500; letter-spacing:-0.025em; text-align:center; color:#222222; }
.main_tit h3 b {font-weight:bold; color:#30b584; }

.main_con01 {margin:55px 0; }
.main_con01 .inner {width:1200px; margin:0 auto;}
.main_con01 ul {margin-top:35px; font-size:0; }
.main_con01 li {position:relative; display:inline-block; vertical-align:top; width:calc(17% - 29.5px); height:330px; margin-bottom:20px; margin-right:20px; border:1px solid #eeeeee; box-sizing:border-box; text-align:center; cursor:pointer; }
.main_con01 li:last-of-type {margin-right:0; }
.main_con01 li .icon_box {width:141px; height:141px; margin:20px auto 25px; border-radius:50%; }
.main_con01 li .icon_box img {max-width:100%; }
.main_con01 li p.tit {font-size:18px; font-weight:bold; color:#222222; letter-spacing:-0.025em; font-family: 'Noto Sans KR', sans-serif;}
.main_con01 li span.more_btn {display:block; width:39px; height:39px; border:1px solid #30b584; margin:30px auto 0; box-sizing:border-box; font-size:24px; font-weight:bold; color:#30b584; letter-spacing:-0.025em; line-height:37px; border-radius:50%; }
.main_con01 li .hover_box {opacity:0; position:absolute; left:0; top:183px; width:100%; height:107px; padding:0px 35px 0 28px; background-color:#fff; box-sizing:border-box; text-align:left; }
.main_con01 li .hover_box span {display:block; border-bottom:1px solid #c7d2e0; padding-bottom:5px; font-size:14px; font-weight:normal; color:#0a3166; letter-spacing:-0.025em; }
.main_con01 li .hover_box p {font-family: 'Noto Sans KR', sans-serif;margin-top:5px; font-size:17px; font-weight:bold; color:#222222; letter-spacing:-1px; }
.main_con01 li .hover_box em.more_btn {margin:20px auto 0; display:block;top:64px; width:39px; height:39px; box-sizing:border-box; font-size:24px; font-weight:bold; color:#fff; letter-spacing:-0.025em; line-height:37px; border-radius:50%; background-color:#30b584; font-style:normal; text-align:center; }
.main_con01 li:hover {background-color:#fff; box-shadow:5px 5px 10px rgba(37,45,64,0.1); }
.main_con01 li:hover .hover_box {opacity:1; }

.main_con02 {margin:55px 0; }
.main_con02 .inner {width:1200px; margin:0 auto;}
.main_con02 ul {margin-top:35px; font-size:0; }
.main_con02 li {position:relative; display:inline-block; vertical-align:top; width:calc(15% - 29.5px); margin-bottom:20px; margin-right:20px; border:1px solid #eeeeee; box-sizing:border-box; text-align:center; cursor:pointer; }
.main_con02 li:last-of-type {margin-right:0; }
.main_con02 li p.tit {font-size:15px; font-weight:bold; color:#222222; letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif; padding:20px 0;}
.main_con02 li .icon_box img {max-width:100%; }

/*///////////////////// footer /////////////////////*/

#m_footer {position:relative; width:100%; border-top:1px solid #e1e1e1;}
.footer{width:1100px; margin:0 auto; padding:25px 0;}

.footer-links li {display:inline-block; *display:inline; *zoom:1; font-size:12px; font-weight:500;color:#505050; line-height:20px; white-space: pre;}

/*///////////////////// footer /////////////////////*/