/* BASIC css start */
.box { position: relative; }
.prd-icon { position: absolute; top: 0; right: 10px; }



/* 슬라이드 배너*/
.slideshow-wrapper  { margin:0 auto 2em;position:relative;width:1200px;height:420px; } /* overflow:hidden; */
.slideshow-wrapper .vi {  float:left;position:absolute;width:1200px;height:420px; z-index:1;opacity:0;filter:alpha(opacity=0);}
.slideshow-wrapper .vi:first {  float:left;position:absolute;width:1200px;height:420px; z-index:1;opacity:1;filter:alpha(opacity=100);}

.slideshow-wrapper .bak {  float:left;position:absolute;width:1200px;height:420px;display:none; }

.slideshow-wrapper .btn {float:left; position:absolute; width:auto; width:130px;z-index:30; right: 10px; bottom:20px;}
.slideshow-wrapper .btn .btnbox { float:left; position:relative; width:200px; height:10px; }
.slideshow-wrapper .btn .btnbox .bull { float:left; position:relative; width:10px;height:10px; background:url(/design/ecocnt1/9529/mainbtn_off.png) 0 0 repeat-x; margin-left:0px;cursor:pointer; margin-right:9px; }
.slideshow-wrapper .btn .btnbox .bull.active {float:left;position: relative; width:10px; height:10px; background:url(/design/ecocnt1/9529/mainbtn_on.png) 0 0 no-repeat;}



/* 스토리 */
.tyvek_story { margin: 60px auto; position: relative; width: 1200px; }
.tyvek_story > p, .tyvek_story > p > a, .main_protitle {    text-align: center;    font-size: 20px;    line-height: 34px;    font-weight: 600;    letter-spacing: -0.4px; }
.tyvek_story  > ul > li { display: inline-block; margin: 0 22px; }
.tyvek_story  > ul > li > div:nth-child(1) { margin-top: -0.5em; }
.tyvek_story  > ul > li > div:nth-child(2) { margin-top: -3em; }
.tyvek_story  > ul > li > div:nth-child(2) > span { line-height: 2.5em; }



/* 소프트 & 하드 타입 배너 */
.tyvek_banner {width:100%;height:400px;display:table;margin:5em 0;}
.tyvek_banner > div.soft_bg {background-image:url(http://gi.esmplus.com/ecocnt2/main/banner/soft_bg.jpg);height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;text-align:center;vertical-align:middle;display:table-cell;}
.tyvek_banner > div.hard_bg {background-image:url(http://gi.esmplus.com/ecocnt2/main/banner/hard_bg.jpg);height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;text-align:center;vertical-align:middle;display:table-cell;}
.tyvek_banner > div > .text_block > h2 {line-height: 29px; font-size: 15px; font-weight: 600 }
.tyvek_banner > div > .text_block > div {font-size:18px;line-height:29px;font-weight:500;}
.tyvek_banner > div > .text_block > a {background:#000;color:#fff;display:inline-block;font-size:11px;margin-top:2em;padding:1em 1.8em;}

.tyvek_prd_list { width: 1200px; margin: 0 auto; }
.tyvek_prd_list > li { display: inline-block; width: 24.8%; }


/* 타이벡 배너 */
.tyvek_banner_wide {width:100%;height:590px;display:table;margin:5em 0;}
.tyvek_banner_wide > div {background-image:url(http://gi.esmplus.com/ecocnt2/main/banner/tyvek_wide_bg.jpg);height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;text-align:center;vertical-align:middle;display:table-cell;}
.tyvek_banner_wide > div > .text_block > div {font-size:28px;font-weight:700;}
.tyvek_banner_wide > div > .text_block > a {background:#e63839;color:#fff;display:inline-block;font-size:11px;margin-top:5em;padding:1em 1.8em;}




/* 탭배너 */
.tyvek_tab { width: 100%;  max-width: 1200px; margin: 0 auto;  }
.tablink,.tabcontent { font-family: 'Montserrat','Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; }
.tablink {background-color:#eceaea;color:#000;float:left;outline:none;cursor:pointer;width:50%;border:solid 1px #e0e0e0;line-height:61px;font-weight:700;font-size:14px;}
.tablink:hover {background-color:#777;}

.tabcontent {color:#FFF;display:none;text-align:center;border-bottom:solid 1px #e0e0e0;border-right:solid 1px #e0e0e0;border-left:solid 1px #e0e0e0;padding:105px 0 45px;}
.tabcontent img { margin: 0 1em; }



/* 배너 4개 */
#mainbanner { width: 1200px; margin: 0 auto; }
/* BASIC css end */