@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{position: absolute; width:100%; z-index: 90;background: none; border-bottom:1px solid rgba(221,221,221,0.15);  -webkit-transition: all 0.8s ease; transition: all 0.8s ease; -moz-transition: all 0.8s ease;}
#header .inner{position: relative;width: 1200px;height: 100px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 100px; width:195px; background:url('/images/layout/logo.png') center no-repeat; }
#header .logo a {width:100%; height:100%; display:block; }

@media screen and (min-width: 1201px){
/*마우스 오버시 색상변경*/
#header.on{position: absolute; width:100%; z-index: 90;background: none; border-bottom:1px solid rgba(0,0,0,0.2); background:#fff;-webkit-transition: all 0.1s ease; transition: all 0.1s ease; -moz-transition: all 0.1s ease;}
#header.on  .logo{ background:url('/images/layout/logo_2.png') center no-repeat;}
#header.on #gnb > li > a{display: block; line-height: 100px;font-size: 18px;color: #333;text-decoration: none; }
#header.on #gnb>li:hover a{display: block; line-height: 100px;font-size: 18px;color: #32c6bb;text-decoration: none;  }
#header.on #slide-btn {border-color:#aaa;}
#header.on #slide-btn button span,
#header.on #slide-btn button:before,
#header.on #slide-btn button:after{border-radius: 5px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 3px;background: #777;}
#header.on .hd_btn {border:1px solid #f24422; }
#header.on .hd_btn a {color:#f24422;}
#header.on #tnb > li a {color:#666;}
#header.on #hd-lan > a {color:#666;}
#header.on #hd-lan > a{background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}

#header.on #tnb > li a{ background: url('/images/layout/login_icon2.png') left center no-repeat;}
#header.on #gnb:after {display:block;}

}


#gnb{position:absolute; left:230px; top:0; margin:0 auto; width: 100%; height:100px; text-align: center; width:700px;}
#gnb:after {position:absolute; display:none; content:''; width:100%; height:3px; background:#32c6bb; bottom:0; left:0; }
#gnb > li{position: relative;float:left;vertical-align: top; width:175px;}
#gnb > li > a{display: block; line-height: 100px;font-size: 18px;color: #fff;text-decoration: none;}
/* #gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #00afe5;transition:all 0.25s;} */
#gnb > li > a:hover {color:#32c6bb;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;}
#gnb > li > ul{display: none;position: absolute;top: 100px;left: 0;z-index: 91;width: 240px;height:259px;padding: 29px 15px;border-left: 1px solid #e8e8e8;/*background: #fff;*/box-sizing: border-box;}

#gnb > li > ul > li.lnb-title > a {color: #4db848; font-size: 18px; font-weight: 600;line-height: 25px; margin-bottom: 17px;}
#gnb > li > ul > li.lnb-title > a:hover {text-decoration: none;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #fff;line-height: 25px;text-align: center;}
#gnb > li > ul > li:not(.lnb-title) > a:hover {color: #4db848; text-decoration: none;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{display: none;}
#gnb > li.hidden-gnb{display: none;}
#header .bg{ display:none;/*background:#fff;*/background: #000;position:absolute;top:0px;left:0;width:100%;height:263px;border-top: 1px solid #d7d7d7;border-bottom: 3px solid #d7d7d7;box-sizing:border-box;z-index:90;}
/* #header:hover #hd-lan > a {background: url('/images/layout/hd-lan-ico-on.png') no-repeat 0 center, url('/images/layout/hd-lan-spr-on.png') no-repeat right center} */

#drdw{position: absolute;top: 100px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;z-index: 1;display: none;}
#drdw .inner{position: relative;width: 700px; left:-20px; margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold; display:none;}
#drdw .inner > li ul li a{display: block;font-size: 16px;line-height: 40px;color: #333;text-align: center;}
#drdw .inner > li ul li.active a,#drdw .inner > li ul li:hover a{font-weight: bold; color:#32c6bb}
#drdw .inner > li.hidden-gnb{display: none;}

#tnb{position: absolute;top: 41px;right: 110px; width:50px;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #fff; padding-left:30px; background: url('/images/layout/login_icon.png') left center no-repeat;}

#hd-lan{position: absolute;top: 30px;right: 180px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 15px 0 24px;font-size: 14px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico-w.png') no-repeat 0 center, url('/images/layout/hd-lan-spr-w.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 30px;right: 80px;z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}




.section.foot {height:100px !important;}
.section.foot .fp-tableCell {height:100px !important;}

#footer{background: #141818;}
#footer .fnbWrap{overflow:hidden; width:100%; max-width:1200px; margin:0 auto; padding:20px 0;position:relative;}
#footer .fnbWrap .f_logo {width:250px; float:left; line-height:60px;}
#footer .fnbWrap .inner{ position: relative;width: auto; float:left; margin: 0 auto;}
#footer .ftWrap{ display:none; position: relative;width: 1200px;margin: 0 auto;padding: 50px 0;}
#footer address{font-size: 13px;line-height: 20px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer .fnbWrap .copyright{display: block; font-size: 15px;color: #777777; line-height:30px; font-weight:200;height:30px;}
#footer .fnbWrap .copyright b {font-size:15px; line-height:30px; color:#37c7bd; font-weight:300;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: absolute;top: 23px;right: 0;display: block;background: url('/images/main/top_btn.png') no-repeat center center;width: 55px;height: 55px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 16px;color: #b0b9b9;letter-spacing: -1px; font-weight:200; line-height: 30px; text-decoration:none;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: ##141818;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 50px;height: 50px; position: absolute;top: 25px;right: 0; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3);}
#slide-btn button{position: absolute;top: 16px;left: 13px;width: 24px;height: 18px;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #fff;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s; width:15px; left:9px;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}


/*풀페이지 페이지이동버튼*/
#fp-nav {position:fixed; top:50%;right:30px;}
#fp-nav > ul > li { display:block; box-sizing:border-box; width:85px; line-height:26px; padding:10px 0;}
#fp-nav > ul > li > a{display:block; position:relative;}
#fp-nav > ul > li > a:after {position:absolute; content:''; width:5px; height:5px; border-radius:50%; background:#aaa; top:50%; margin-top:-2px; right:6px;}
#fp-nav > ul > li > a:hover {text-decoration:none;}
#fp-nav > ul > li > a.active .fp-tooltip {line-height:26px;  font-weight:300; }
#fp-nav > ul > li > a span.fp-sr-only {line-height:26px;  font-size:14px; color:#aaa;  padding-right:25px; text-align:right; box-sizing: border-box; display: block;}
#fp-nav > ul > li > a.active span.fp-sr-only {color:#3ad2c7; display:block; }
#fp-nav > ul > li > a.active:after {background:#3ad2c7;}
#fp-nav > ul > li > a.active:before {position:absolute; content:''; width:13px; height:13px; border-radius:50%; border:2px solid #3ad2c7; top:50%; margin-top:-8px; right:0;}
#fp-nav .fp-tooltip {display:none;}
#fp-nav > ul > li:last-child {display:none;}


/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/


#wrap {width: 100%;
    height: 100%;
    margin: 0 auto;
    clear: both;}
#main{  }
#main #content{  }
#main #mainWrap{position: relative;width: 1200px;margin: 50px auto;}

#main .visual{position: relative; height:100%; display:block; height:100%;}
#main .visual .main-slide .item{position: relative;overflow: hidden; height:100%;}
#main .visual .main-slide .item {height:100%;}
/*#main .visual .main-slide .item div {height:100%;}*/
#main .visual .main-slide .item img{position: relative;top: 0;left: 50%;margin-left: -50%; min-height:100%;}
#main .visual .slick-dots{position: absolute; top:50%; left: 50%; margin-top:140px; width: 150px; margin-left:-600px; max-width:1200px;  z-index: 81;text-align: center;}
#main .visual .slick-dots:after {display:block; content:''; clear:both;}
#main .visual .slick-dots li{display: inline-block; float:left; width:50px;overflow:hidden; height:20px;}
#main .visual .slick-dots li button{display:inline-block;  height:5px; background:none; padding-left:10px; float:left; position:relative; box-sizing:border-box; font-size:18px; color:#fff; line-height:20px; font-weight:300;  border:0;}
#main .visual .slick-dots li button:after {position:absolute; content:'0'; font-size:18px; color:#fff; line-height:20px; top:0; left:0;}
#main .visual .slick-dots li.slick-active button{color:#37c7bd; line-height:20px; font-size:18px; font-weight:300;}
#main .visual .slick-dots li.slick-active button:after {color:#37c7bd; }



.visual_text {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-width:1200px; z-index:999;}
.visual_text h3 {font-size:78px; line-height:80px; color:#fff; display:block;  font-family: opensans; font-weight: 600;  text-align:left;}
.visual_text h3 span {font-size:78px; line-height:80px; color:#37c7bd; font-family: opensans; font-weight: 600; }
.visual_text p {font-size:20px; font-weight:200; color:#fff; line-height:32px; padding:30px 0;}
.visual_text a {width:180px;  text-decoration:none; line-height:45px; color:#37c7bd; text-align:center; background:#fff; font-weight:300; font-size:18px; display:block; margin-bottom:100px; transform:translate(-50%, -50%);}

.visual .slick-prev { position:absolute; width:50px; height:100px; top:50%; left:170px;  text-indent:-999em; transform:translateY(-50%); background:url('/images/main/prev_1.png') center no-repeat;}
.visual .slick-next { position:absolute; width:50px; height:100px; top:50%; right:170px;  text-indent:-999em; transform:translateY(-50%); background:url('/images/main/next_1.png') center no-repeat; }


#mainVisual {position:relative;}
.dots-body {position:absolute; width:100%; max-width:1200px; top:50%;  left:50%; margin-top:140px;  transform:translateX(-50%);  z-index:999;}
.visual-btn {position:relative; width:10px; height:20px;   z-index:2;}
.visual-btn div {font-size:0; position:absolute; top:4px; left:150px;width:10px; height:12px; cursor:pointer;}
.visual-btn .pause { background:url('/images/main/stop_btn.png'); font-size:0; }
.visual-btn .play {   background:url('/images/main/play_btn.png'); font-size:0;}
.on {display:block;}
.off {display:none;}
.icon-scroll {
	position: absolute;
	left: 50%;
	bottom:100px;
	z-index:1;
  -webkit-animation: scroll1 1.5s infinite;
  animation: scroll1 1.5s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.icon-scroll h4 {font-size:12px; font-weight:normal; color:#fff; line-height:12px; }

.icon-scroll span {
  position: absolute;
  top: 20px;
  left: 50%;
  width: 14px;
  height: 14px;
  margin-left: -6px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icon-scroll span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
@-webkit-keyframes scroll1 {
  0% {
    opacity: 0;
		transform: translateY(0);
  }
  100% {
    opacity: 1;
		transform: translateY(1.1em);
  }
}
@keyframes scroll1 {
  0% {
    opacity: 0;
		transform: translateY(0);
  }
  100% {
    opacity: 1;
		transform: translateY(1.1em);
  }
}


/***section_1***/
#section_1 {width:100%; height:100%; background:url('/images/main/section_1_bg.png') bottom center no-repeat; background-size:cover; position:relative;}
#section_1 .section_body {width:100%; max-width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#section_1 .section_body h3.section_title {font-size:42px; font-weight:600; color:#fff; line-height:42px; padding-bottom:30px; width:100%; text-align:center;}
#section_1 .sec_1_top {display:block; width:100%; position:relative;}
#section_1 .sec_1_top:after {content:''; display:block; clear:both;}
.sec_1_top .sec_1_left {float:left; width:58%;}
.sec_1_top .sec_1_left img {display:inline-block; max-width:100%;}
.sec_1_top .sec_1_right {
	width:42%; 
	height:100%; 
	position:absolute; 
	left:58%; 
	top:0;
	background: -webkit-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	background: -o-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	background: -moz-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	background: linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
}
.sec_1_right .sec_1_text {position:absolute;  top:50%; left:50px; transform:translateY(-50%); width:70%;}
.sec_1_right .sec_1_text h4{font-size:28px; font-weight:600; color:#fff; line-height:34px; padding-bottom:30px; }
.sec_1_right .sec_1_text p{font-size:16px; color:#fff; line-height:26px; font-weight:200; padding-right:50px; padding-bottom:30px;}
.sec_1_right .sec_1_text a.more{display:block; width:150px; line-height:40px; text-align:center; text-decoration:none; font-size:16px; font-weight:300; color:#1a978e; background:#fff;}

.sec_1_bottom {margin-top:30px; width:100%; display:block;}
.sec_1_bottom ul {width:100%;}
.sec_1_bottom ul:after {display:block; content:''; clear:both; }
.sec_1_bottom ul li {width:23.5%; float:left; min-height:180px; margin-left:2%;position:relative; box-sizing:border-box; border:1px solid rgba(221,221,221,0.65);background:rgba(0,0,0,0.65); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-transition: all 0.4s ease;}
.sec_1_bottom ul li:first-child {margin-left:0; }
.sec_1_bottom ul li div {position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0 30px; box-sizing:border-box; width:100%;}
.sec_1_bottom ul li div a {position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; text-decoration:none;text-indent:-999em;}
.sec_1_bottom ul li div strong {font-size:26px; font-weight:600; color:#fff; width:100%; display:block; line-height:28px; padding-bottom:20px;letter-spacing:-1px;}
.sec_1_bottom ul li div strong span{font-size:26px; font-weight:600; color:#3edbd0; line-height:28px; letter-spacing:-1px;}
.sec_1_bottom ul li div p {font-size:16px; line-height:24px; display:block; color:#fff; }
.sec_1_bottom ul li div p span {font-size:16px; line-height:24px; display:block; color:#fff; letter-spacing:-1px;}

.sec_1_bottom ul li:hover {margin-top:-15px; border:none; 
	background: -webkit-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	background: -o-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	background: -moz-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	background: linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
	}
.sec_1_bottom ul li:hover div strong span {color:#fff;}




/***section_2***/
#section_2 {width:100%; height:100%; background:url('/images/main/section_2_bg.png') bottom center no-repeat; background-size:cover; position:relative;}
#section_2 .section_body {width:100%; max-width:1200px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#section_2 .section_body h3.section_title {font-size:42px; font-weight:600; color:#fff; line-height:42px; padding-bottom:30px; width:100%; text-align:center;}

#section_2 .sec_2_top {display:block; width:100%; position:relative; }
#section_2 .sec_2_top:after {content:''; display:block; clear:both;}
.sec_2_top .sec_2_left {float:left; position:relative; width:42%; margin-right:2%; padding:60px 55px; background:url('/images/main/section_2_img_1.png') bottom right no-repeat, #000; min-height:350px; box-sizing:border-box;}
.sec_2_left h4 {font-size:32px; font-weight:300; color:#fff; line-height:32px; padding-bottom:20px;}
.sec_2_left p {font-size:16px; font-weight:200; color:#cdd3db; line-height:24px; box-sizing:border-box;}
.sec_2_left a.more {position:absolute; width:150px; line-height:40px; text-align:center; text-decoration:none; font-size:16px; color:#1a978e; font-weight:300; background:#fff; bottom:60px; left:55px;} 

.sec_2_top .sec_2_right {width:56%; float:left; background:#fff;}
.sec_2_notice {width:100%; box-sizing:border-box; padding:40px;    min-height: 350px;}
.sec_2_notice h4 {font-size:32px; font-weight:300; line-height:32px; color:#333; padding-bottom:20px; border-bottom:2px solid #1a978e;}
.sec_2_notice h4 a.more {line-height:32px; float:right; display:inline-block; width:32px; text-indent:-999em; background:url('/images/main/plus_btn.png') center no-repeat;}
.sec_2_notice li {width:100%; display:block; padding:9px 10px 8px;box-sizing:border-box; position:relative; border-bottom:1px solid #ddd; background:url('/images/main/arrow_1.png') right 10px center no-repeat;}
.sec_2_notice li a {position:absolute; content:''; width:100%; height:100%; top:0; left:0; text-indent:-999em; display:block; cursor:pointer;}
.sec_2_notice li p {display:block; width:70%; box-sizing:border-box; font-size:18px; color:#333; line-height:30px; font-weight:300;}
.sec_2_notice li p span {display:inline-block; font-size:18px; color:#333; line-height:30px; height:30px; word-break: break-all; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;   word-wrap: break-word;}
.sec_2_notice li strong {display:block; box-sizing:border-box; padding-left:20px; font-size:14px; font-weight:200; color:#777; line-height:24px;background:url('/images/main/cal_icon.png') left center no-repeat;}
.sec_2_notice li:hover {background:url('/images/main/arrow_2.png') right 10px center no-repeat;}
.sec_2_notice li:hover p span {color:#1a978e; text-decoration:underline;}

.sec_2_bottom {width:100%; margin-top:30px; position:relative; box-sizing:border-box; padding:40px 50px; display:block;background:url('/images/main/section_2_img_2.png') center no-repeat;}
.sec_2_bottom a {position:absolute; content:''; width:100%; height:100%; top:0; left:0;}
.sec_2_bottom dl {width:100%; overflow:hidden;}
.sec_2_bottom dl dt {width:160px; float:left; line-height:50px; font-size:32px; color:#fff; font-weight:300; text-align:left;}
.sec_2_bottom dl dd {width:calc(100% - 160px); float:left; font-size:16px; font-weight:200; color:#ddd; line-height:50px; box-sizing:border-box; padding-right: 100px; background: url('/images/main/arrow_3.png') right center no-repeat;}



/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1200px;margin: 0 auto;padding: 50px 0; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 340px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 35px;color: #fff; margin-top:100px; font-weight:300; letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border-width: 1px 0 1px 0; background:#14a197;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #3bb5ac;box-sizing: border-box;background: #14a197;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #3bb5ac;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #fff;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #14a197;color: #fff;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px; width:100%; max-width:1200px; margin:80px auto 100px;}


/***연구소개***/
.introduction {width:100%; padding:80px 0 100px;}
.introduction .sub_title {font-size:40px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}

.introd_1 {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.introd_1_left {width:35%; float:left;}
.introd_1_left img {max-width:100%;}
.introd_1_right {width:65%; float:left; box-sizing:border-box; padding-left:30px;}
.introd_1_right strong {display:block; font-size:28px; color:#333; line-height:40px; font-weight:normal; padding:40px 0 30px; margin-bottom:20px; position:relative;}
.introd_1_right strong:after {position:absolute; content:''; width:800px; height:2px; bottom:0; right:0; background:#087f76;}
.introd_1_right strong span {font-size:34px; font-weight:normal; color:#333; line-height:40px; display:block;}
.introd_1_right strong span b {font-size:34px; color:#087f76; line-height:40px; font-weight:300;}
.introd_1_right p {font-size:18px; font-weight:200; color:#555; line-height:28px;}

.introd_2 {width:100%; max-width:1200px; margin:40px auto 0;}
.introd_2:after {display:block; content:''; clear:both;}
.introd_2 li {width:24.25%; float:left; margin-left:1%;}
.introd_2 li:first-child {margin-left:0;}
.introd_2 li div.text_1 {width:100%; overflow:hidden; position:relative; min-height:40px;}
.introd_2 li div.text_1 span {position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; display:block; line-height:40px; font-size:19px; color:#fff; font-weight:600; font-family: opensans; background:#1a978e;}
.introd_2 li div.text_1 strong {width:100%; display:block; box-sizing:border-box; padding-left:50px; font-size:20px; font-weight:600; color:#0e2c3f; line-height:48px;}
.introd_2 li div.text_1.line_h  strong{line-height:24px;}
.introd_2 li div.text_2 {margin-top:20px; border-top:1px solid #087f76; background:#fafafa; box-sizing:border-box; padding:15px 20px; min-height:130px;}
.introd_2 li div.text_2 p {position:relative; font-size:16px; color:#555; font-weight:200; line-height:20px; padding-left:15px; margin:5px 0;}
.introd_2 li div.text_2 p:after {position:absolute; content:''; width:4px; height:4px; top:8px; left:0; background:#087f76;}
/*영문추가*/
.introd_2.eng li div.text_1 strong {line-height:24px; letter-spacing:-1px; min-height:96px;}
.introd_2.eng li div.text_1 span {top:5px; margin-top:0;}
.introd_2.eng li div.text_2 {min-height:196px;}

.introd_3 {width:100%; max-width:1200px; margin:30px auto 0;}
.introd_3 img {max-width:100%;}

.introd_4 {width:100%; padding:60px 0; background:url('/images/sub/introduction_img_3.png') center no-repeat;}
.introd_4 h4 {font-size:32px; font-weight:600; line-height:32px; padding-bottom:30px; width:100%; max-width:1200px; margin:0 auto; text-align:center; color:#fff;}
.introd_4 p {font-size:18px; font-weight:200; line-height:26px; width:100%; max-width:1200px; margin:0 auto; text-align:center; color:#fff;}
.introd_4 p span {display:block;font-size:18px; font-weight:200; line-height:26px;color:#fff; letter-spacing:-1px;}
/*영문추가*/
.introd_4.eng p span {display:inline;}

.introd_5 {width:100%;  background:#f8f8f8; padding:80px 0;}
.introd_5 h4 {font-size:32px; font-weight:600; line-height:32px; padding-bottom:30px; text-align:center; color:#333;}
.introd_5 ul {width:100%; max-width:1200px; margin:0 auto; padding-top:35px; border-top:2px solid #ddd;}
.introd_5 ul:after {display:block; content:''; clear:both;}
.introd_5 ul li {width:18.4%; float:left; margin-left:2%; position:relative;}
.introd_5 ul li:after {position:absolute; content:''; width:4px; height:4px; top:-38px; left:50%; margin-left:-2px; border-radius:50%; background:#178c89;}
.introd_5 ul li:before {position:absolute; content:''; width:12px; height:12px; top:-42px; left:50%; margin-left:-6px; border-radius:50%; border:2px solid #178c89; box-sizing:border-box;}
.introd_5 ul li:first-child {margin-left:0;}
.introd_5 ul li h5 {width:100%; border-radius:5px; background:#178c89; display:block; line-height:50px; position:relative; font-size:18px; margin-bottom:20px; font-weight:600; color:#fff;  text-align:center;}
.introd_5 ul li h5:after {
	position:absolute;
	content:'';
	top:-5px;
	left:50%;
	margin-left:-6px;
	width: 0px;height: 0px;
	border-top:6px solid none;
	border-bottom:6px solid #178c89;
	border-right: 6px solid transparent;
	border-left: 6px solid  transparent;
}
.introd_5 ul li p {position:relative; font-size:16px; color:#555; font-weight:200; line-height:20px;padding-left:15px; margin:10px 0; letter-spacing:-1px;}
.introd_5 ul li p:after {position:absolute; content:''; width:4px; height:4px; top:8px; left:0; background:#087f76;}

.introd_5 .introd_5_text {display:block; width:100%; max-width:1200px; margin:20px auto 0; background:#fff; position:relative; padding:20px 0;    box-shadow: 2px 3px 3px rgba(0,0,0,0.1);}
.introd_5 .introd_5_text strong{position:absolute; top:50%; width:200px; left:0; height:100%; transform:translateY(-50%); background:url('/images/sub/introduction_img_4.png') right center no-repeat; background-size:cover;}
.introd_5 .introd_5_text strong b{position:absolute; top:50%; width:200px; padding:0 50px; box-sizing:border-box; left:0; font-size:22px; font-weight:300; line-height:52px; color:#fff; transform:translateY(-50%);}
.introd_5 .introd_5_text p {padding-left:240px; padding-right:80px; width:100%; box-sizing:border-box; font-size:18px; font-weight:200; line-height:26px; color:#333; letter-spacing:-1px;}
.introd_5_img_1 {display:block; width:100%; max-width:1200px; margin:0 auto;}
.introd_5_img_1 img {max-width:100%;}
.introd_5_img_2 {display:none; width:100%; max-width:1200px; margin:0 auto;}
.introd_5_img_2 img {max-width:100%;}

.introd_6 {width:100%; max-width:1200px; margin:50px auto 80px;}
.introd_6 h4 {font-size:32px; font-weight:600; line-height:32px; padding-bottom:30px; text-align:center; color:#333;}
.introd_6 h5 {font-size:18px; font-weight:300; line-height:28px; padding:0 30px; padding-bottom:30px; text-align:center; color:#333; letter-spacing:-1px; box-sizing:border-box;}
.introd_6 h5 b {color:#1a978e;font-size:18px; font-weight:300; line-height:28px}
.introd_6_cont {width:100%; display:block;}
.introd_6_cont img {max-width:100%;}
.introd_6_cont .introd_6_text {width:100%; padding:20px 0; background:#f3f3f3; text-align:center;}
.introd_6_text div {display:inline-block; position:relative;}
.introd_6_text div strong {position:absolute; width:92px; top:50%;font-weight:normal; text-align:left; left:0; transform:translateY(-50%); font-size:18px; color:#555; line-height:24px;}
.introd_6_text div strong b {font-size:22px; font-weight:300; color:#333; line-height:24px; display:block;}
.introd_6_text div p {width:100%;  text-align:left;  box-sizing:border-box; font-size:16px; color:#555; line-height:22px;padding:9px 0; font-weight:200; padding-left:150px; background:url('/images/sub/introduction_img_6.png') left 92px center no-repeat; }
.introd_6_text div p span {font-size:14px; font-weight:200; color:#777; line-height:22px; display:block;}
/*영문추가*/
.introd_6.eng .introd_6_text div p {padding-left:180px; background:url('/images/sub/introduction_img_6.png') left 115px center no-repeat; }


/*research*/
.research {width:100%; padding:80px 0 100px;}
.research .sub_title {font-size:40px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}
.res_content {width:100%;}
.res_content .tabs {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.res_content .tabs li {float:left; width:25%; border-bottom:2px solid #ddd; text-align:center; cursor:pointer;}
.res_content .tabs li a {line-height:48px; font-size:18px; font-weight:300; color:#333;  display:block; text-decoration:none;}
.res_content .tabs li.active {border-bottom:2px solid #178c89;}
.res_content .tabs li.active a{ color:#178c89;}

.tab_content {margin-top:100px; position:relative;}
.tab_content .cont_title {font-size:32px; font-weight:normal; color:#333; line-height:40px; padding-bottom:50px; text-align:center;}
.tab_content .cont_title b {font-size:32px; font-weight:600; color:#333; line-height:40px;}
.cont_top {width:100%; position:relative; padding-bottom:80px; }
.cont_top:before {position:absolute; content:''; width:100%; height:60%; bottom:0; left:0; background:#f8f8f8; z-index:-1;}
.cont_top .cont_img {width:100%; max-width:1200px; margin:0 auto; display:block; box-sizing:border-box; border:1px solid #ddd;box-shadow: 2px 3px 3px rgba(0,0,0,0.1);}
.cont_top .cont_img img {display:block; max-width:100%;}
.cont_top .cont_text {display:block; width:100%; max-width:1200px; margin:20px auto 0; background:#fff; position:relative; padding:20px 0;    box-shadow: 2px 3px 3px rgba(0,0,0,0.1);}
.cont_top .cont_text strong {position:absolute; top:50%; width:200px; height:100%;  box-sizing:border-box; left:0; transform:translateY(-50%); background: -webkit-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
    background: -o-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
    background: -moz-linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);
    background: linear-gradient(140deg, rgba(26,151,142,1) 0%, rgba(11,97,118,1) 70%);}
.cont_top .cont_text strong b {position:absolute; top:50%; left:50%;font-size:22px; font-weight:300; transform:translate(-50%,-50%);  color:#fff;  }
.cont_top .cont_text p {padding-left:250px; padding-right:80px; width:100%; box-sizing:border-box; font-size:18px; font-weight:200; line-height:26px; color:#333; letter-spacing:-1px;}

.cont_bottom {width:100%; max-width:1200px; margin:80px auto 0; }
.cont_bottom ul {width:100%; overflow:hidden;}
.cont_bottom ul li {width:49%; float:left; margin-right:2%; margin-top:2%; min-height:198px; padding:50px; box-sizing:border-box; border:1px solid #ddd;}
.cont_bottom ul li:nth-child(-n+2) {margin-top:0;}
.cont_bottom ul li:nth-child(2n) {margin-right:0;}
.cont_bottom ul li strong {font-size:22px; font-weight:300; color:#333; line-height:24px; display:block; padding-bottom:20px;}
.cont_bottom ul li p{font-size:16px; font-weight:300; color:#555; line-height:26px; letter-spacing:-1px;}
.cont_bottom.eng ul li{min-height:240px;}

/*응용및활용*/
.applications {width:100%; padding:80px 0 0;}
.appl_content {width:100%;}
.appl_top h3 {font-size:32px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}
.appl_top_img {width:100%; max-width:1200px; margin:0 auto; display:block; overflow:hidden;}
.appl_top_img div {float:left; width:49%; margin-left:2%;}
.appl_top_img div:first-child {margin-left:0;}
.appl_top_img div img {max-width:100%; min-width:100%; display:block;}
.appl_top_text {width:100%; max-width:1200px; margin:50px auto 80px; display:block; }
.appl_top_text strong {font-size:28px; font-weight:300; color:#333; line-height:40px; padding-bottom:20px; text-align:center; display:block;}
.appl_top_text strong b {font-size:28px; font-weight:600; color:#178c89; line-height:40px; }
.appl_top_text strong span  {font-size:30px; font-weight:200; color:#333; line-height:40px; display:block;} 
.appl_top_text p {font-size:18px; font-weight:300; color:#555; line-height:32px; text-align:center;}
.appl_top_text p span  {font-size:18px; font-weight:300; color:#555; line-height:32px; display:block;} 

.appl_bottom {width:100%; background:#f8f8f8; padding:80px 0;}
.appl_bottom h3 {font-size:32px; font-weight:600; color:#333; line-height:40px; padding-bottom:50px; text-align:center;}
.appl_info {width:100%; max-width:1200px; margin:0 auto;}
.appl_info ul{width:100%; overflow:hidden;}
.appl_info ul li {float:left; width:16.666%; text-align:center;}
.appl_info ul li img {display:inline-block; max-width:100%; border-radius:50%; box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
.appl_info ul li div {display:block; min-height:1px; box-sizing:border-box; padding:20px;}
.appl_info ul li div strong {font-size:16px; color:#333; line-height:26px; font-weight:normal; letter-spacing:-2px;}
.appl_info ul li div strong span{font-size:16px; color:#333; line-height:26px; font-weight:normal; display:block; }
.appl_info ul li div p {font-size:15px; color:#555; line-height:26px; font-weight:200;letter-spacing:-1px;}
.appl_info ul li div p span{font-size:15px; color:#555; line-height:26px;  font-weight:200;  display:block;}

.appl_box { width:100%; max-width:1200px; margin:50px auto 0;}
.appl_box ul{width:100%; overflow:hidden;}
.appl_box ul li {float:left; width:23.5%; text-align:center; margin-left:2%; padding:40px 30px; min-height:282px; box-sizing:border-box; border:1px solid #ddd; background:#fff;z-index:-2;}
.appl_box ul li:first-child {margin-left:0;}
.appl_box ul li strong {display:block; color:#bbb;position:relative; font-size:45px; font-weight:600;font-family: opensans;  box-sizing:border-box; padding-left:30px; line-height:66px; margin-bottom:30px; text-align:left; z-index:2;} 
.appl_box ul li strong:before {position:absolute; content:''; top:0; left:0; width:66px; height:66px; border-radius:50%;; background:#f1f1f1;z-index:-1;  }
.appl_box ul li p {font-size:16px; color:#333; font-weight:300; line-height:26px; min-height:1px; text-align:left;letter-spacing:-1px;}
.appl_box.eng ul li{min-height:340px;}


/*서비스 이용 안내*/
.service{width:100%; padding:80px 0 0;}
.service .sub_title {font-size:40px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}
.service .sub_title span {font-size:18px; font-weight:300; color:#333; line-height:40px; padding-top:30px; display:block;}
.service_box {width:100%; max-width:1200px; margin:0 auto 80px; }
.service_box ul {width:100%; overflow:hidden;}
.service_box ul li {width:33.333%; float:left; box-sizing:border-box; padding:30px; }
.service_box ul li p {box-sizing:border-box; padding:50px 0; padding-left:120px; font-weight:300; font-size:16px; color:#333; line-height:26px; }
.service_box ul li p strong {display:block; font-size:40px; font-weight:600; color:#ccc; line-height:40px;margin-bottom:10px;font-family: opensans; letter-spacing:-2px;}
.service_box ul li.icon_1 {background:url('/images/sub/service_img_1.png') left 30px center no-repeat, #f9f9f9;}
.service_box ul li.icon_2 {background:url('/images/sub/service_img_2.png') left 30px center no-repeat, #f1f1f1;}
.service_box ul li.icon_3 {background:url('/images/sub/service_img_3.png') left 30px center no-repeat, #f9f9f9;}
.service_box ul li.icon_4 {background:url('/images/sub/service_img_4.png') left 30px center no-repeat, #f1f1f1;}
.service_box ul li.icon_5 {background:url('/images/sub/service_img_5.png') left 30px center no-repeat, #f9f9f9;}
.service_box ul li.icon_6 {background:url('/images/sub/service_img_6.png') left 30px center no-repeat, #f1f1f1;}
.service_box.eng ul li p {min-height:168px; padding:20px 0; padding-left:120px;}

.service_down {width:100%;overflow:hidden; margin-top:20px;}
.service_down dt {width:calc(100% - 240px); float:left;  text-align:center;  border:5px solid #eee; border-right:0; box-sizing:border-box; line-height:40px; font-size:16px; font-weight:normal; color:#555;}
.service_down dt b{color:#1a978e; font-weight:300; font-size:18px;line-height:40px;}
.service_down dd {width:240px; float:left; text-align:center; height:50px; background:#06978e;}
.service_down dd a {display:inline-block; box-sizing:border-box; color:#fff; font-weight:300; font-size:16px; line-height:50px; padding-left:25px; background:url('/images/sub/service_img_7.png') left center no-repeat;}

.service_bottom {width:100%;background:#f8f8f8; padding:80px 0;}
.service_bottom h3 {font-size:32px; font-weight:600; color:#333; line-height:40px; text-align:center;}

.service_table {width:100%; max-width:1200px; margin:50px auto 0;}
.service_table h4 {display:block; box-sizing:border-box; padding-left:30px; font-size:25px; color:#333; margin-bottom:20px; font-weight:600; line-height:40px; background:url('/images/sub/service_img_8.png') left center no-repeat}
.service_table h4 b {font-size:24px; color:#178c89; font-weight:600; line-height:40px; }
.service_table table {width:100%;}
.service_table table tr th {line-height:24px; padding:18px; text-align:center; border-top:2px solid #178c89; border-bottom:1px solid #ddd; background:#f1f5f7; font-size:16px; color:#333; font-weight:300;}
.service_table table tr td {font-size:15px; font-weight:300; color:#666;line-height:24px; padding:13px; text-align:center; background:#fff; font-weight:normal; border-bottom:1px solid #ddd; }
.service_table table tr td:first-child {background:#f1f1f1; color:#333; font-weight:300; width:240px;}
.service_table table tr td:last-child {border-left:1px solid #ddd; width:240px;}



/**데모 틀**/
.demo {width:100%; max-width:1200px; margin:80px auto 100px;}
.demo .sub_title {font-size:40px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}
.demo .demo_search {width:100%; height:40px; position:relative; display:block;}
.demo_search .search_box { display:inline-block; position:absolute; top:0; right:1%;}
.demo_search .search_box:after {display:block; content:''; clear:both;}
.demo_search .where{border: 1px solid #dddddd; float:left;  border-top-color: #bababa;border-left-color: #bababa;width: 130px;overflow: hidden;background: url(/superboard/images/sb_slt_spr.jpg) no-repeat 92% center;margin-left: 5px;}
.demo_search .where select{width: 130%;height: 40px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
.demo_search .inp{position: relative; float:left; width:150px; border: 1px solid #dddddd;border-top-color: #bababa;border-left-color: #bababa;padding-right: 40px;margin-left: 5px;}
.demo_search .inp .keyword{width: 100%; border: none;background: none;height: 40px;font-size: 14px;padding-left: 15px;}
.demo_search .inp .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/superboard/images/sb_search_sbm.jpg) no-repeat center center;border: none;text-indent: -999em;}

.demo_1 {width:100%; margin-top:20px;min-height: 257px;}
.demo_1 ul {width:100%; display:block;}
.demo_1 ul:after {content:''; display:block; clear:both;}
.demo_1 ul li {position: relative; box-shadow: 0 3px 10px 1px rgba(0,0,0,0.1); display: inline-block;*display: inline;*zoom: 1;vertical-align: top;margin: 1%;width: 31.33%; box-sizing:border-box; border:1px solid #ddd;  border-top:2px solid #14a197; padding:25px;}
.demo_1 ul li h4{font-size:20px; font-weight:600; line-height:32px; padding-bottom:10px; text-align:left; color:#333;}
.demo_1 ul li p { font-size:16px; font-weight:200; color:#333; line-height:24px; height:168px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-wrap: break-word;}
.demo_box {margin-top:15px; }
.demo_box a {font-size:14px; line-height:30px; color:#999; margin-right:20px; text-decoration:none;}
.demo_box a:hover {color:#14a197;}


/*게시판*/
.board_body {width:100%; max-width:1200px; margin:0 auto; padding:80px 0 100px;}
.board_body .sub_title {font-size:40px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}



/*로그인*/
.login_body {width:100%; max-width:1200px; margin:0 auto; padding:80px 0;}
.login_body .sub_title {font-size:40px; font-weight:600; color:#333; line-height:40px; padding-bottom:30px; text-align:center;}