* { box-sizing:border-box;}
html, body { height:100%; margin:0; padding:0;  font-family: Helvetica, Arial, Verdana, sans-serif; font-size:16px; color:#666; line-height:20px; border-collapse:collapse;}
html,body,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,label,span,object,iframe,blockquote,pre,a,abbr,address,em,font,img,strong { margin:0px; padding:0px; border:0px currentColor; border-image:none;  box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,strong { font-family: 'Open Sans', sans-serif; font-weight:normal;}
h2,legend {display:none;}
label,input {vertical-align:middle;}

table { width:100%;border: 0px currentColor; border-image: none; border-collapse: separate; border-spacing: 0;}
table,caption,tbody,tfoot,thead,tr,th,td {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}
table, th, td { margin:0; padding:0; font-size:14px; border-collapse:collapse; font-weight:normal;}
div,ul,li,dl,dt,dd,p {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;list-style: none; box-sizing:border-box;}


input { margin:0; padding-top:2px; font-family:'NanumGothic', sans-serif; font-size:14px; color:#7F7F7F; border:1px solid #FFFFFF; background:#FFFFFF; vertical-align:top;}
input[type="image"], input[type="radio"], input[type="checkbox"] { padding:0; height:auto; border:none;}
input.image, input.radio, input.checkbox { padding:0; height:auto; border:none;}/* : FILTER : IE 6 ¿¡¼­ ¼Ó¼º ¼±ÅÃÀÚ Áö¿ø ¾ÈÇÔ */
input[type="file"] { padding:2px 0 2px 0; height:auto;}
input.file { padding:2px 0 2px 0; height:auto; background:#F1F1F1;}/* : FILTER : IE 6 ¿¡¼­ ¼Ó¼º ¼±ÅÃÀÚ Áö¿ø ¾ÈÇÔ */
input[type="text"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, select:focus,





.clear { clear: both;}
.wrap {width: 100%; min-width:1200px; z-index: 10; position: relative; margin: 0 auto; padding: 0;}
.section { width: 100%; min-width: 960px; z-index: 10; position: relative; margin: 0 auto;	padding:0px;}
.inner { width:1200px; margin:0 auto; position: relative; min-height: 50px; padding:0px; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300;}
.inner:after { content: ""; display: table; clear: both;}
.gnb { width:1200px; margin:0 auto;}



.subMenu {height:80px;	z-index: 1000;	width: 100%; background:#fff; border-bottom:1px #062c5e solid;/*background:linear-gradient(to right, #062c5e , #1783c7) fixed;*/}
.subMenu .inner { padding:0; font-size:16px; margin: 0 auto;}
.subNavBtn { display:block; height: 79px; line-height:79px; width: 20%; float:left; margin:0px; text-decoration: none; font-size:22px; padding:0; text-align:center; color: #333; border-right:1px #ddd solid;}
.subNavBtn:first-child { background-color:#054d64;}
.subNavBtn .logo { width:150px; vertical-align:middle; margin-top:15px;}
/*.subMenu a:hover { background: #f7f7f7; color:#333;}*/
.active { background:#fff; color:#517e8a;}
.end { margin: 0;}




/* SECTIONS */
.stop { background:#f7f7f7; color:#fff; overflow:hidden;}

#visual { position:relative; height:70vh; overflow: hidden;  transition:0.5s; -webkit-transition: .5s; min-height:500px;}
#visual .visual li img {transition:0.5s; -webkit-transition: .5s;}
#visual .visualWrap {min-width:1200px; margin:0 auto;}
#visual .visual li {height:70vh; min-height:500px;}
#visual .visual li .img { position: absolute; z-index: 1;}
#visual .visual li .vs_txt {background:url("../img/taean_ark/icon_fish.png") no-repeat right bottom; width:35%; height:100%;}
#visual .visual li .txt1, #visual .visual li .txt2, #visual .visual li .txt3 { position:absolute; width:35%; opacity: 0; padding:0 2%; text-align:right;}
#visual .visual li .txt1 { top:100px; font-size:50px; font-family:'NanumMyeongjo', sans-serif; color:#517e8a;}
#visual .visual li .txt2 { top:160px; font-size:20px; font-family:'NanumBarun', sans-serif; line-height:26px; color:#000;}
#visual .visual li .txt3 { top:230px; font-size:16px; font-family:'NanumGothic', sans-serif;line-height:24px; color:#333;}
#visual .visual li .img1 { position:absolute; width:65%; height:70vh; opacity: 0; transition:1.5s; -webkit-transition: .3s;}
#visual .visual li .img1 img { width:100%; min-width:1100px;}
#visual .bx-controls { width:35%; text-align:right; bottom:20px; padding-right:10px; position: absolute; z-index: 5; }
#visual .bx-pager {vertical-align: middle; display:inline-block; padding-right:2%;}
#visual .bx-pager .bx-pager-item {margin-right:6px; vertical-align:top; display:inline-block;}
#visual .bx-pager .bx-pager-item > a {background:#ddd; width:15px; height:15px; display:block; border-radius:50%;}
#visual .bx-pager .bx-pager-item > a.active {background:#669999;}
#visual {line-height: 0; font-size: 0px;}



.title { font-size:3em; line-height:2.4em; text-align:center; color:#000; font-family:'NanumMyeongjo', sans-serif; padding-top:30px;}
.line { width:60px; margin:0 auto; border-top:1px #062c5e solid}
.txt_com { text-align:center; color:#000; padding:30px 0; line-height:36px; font-family:'NanumMyeongjo', sans-serif; font-weight:400; font-size:22px;}
.clo_01 { color:#517e8a; font-size:26px;}

/* Àλ縻 */
.s1 { background:; color:#666; min-height: 100vh;}
.greet { width:48.5%; float:right; font-size:15px; line-height:22px; table-layout:fixed;}
.greet strong { font-size:20px; color: #FF6600; line-height:30px;}
.img_greet { width:48.5%; float:left;}
.img_greet02 { width:130px; float:left; margin:0px 20px 10px 0;}


/* õÀÏ¿°¼Ò°³ */
.s2 { background:url("../img/taean_ark/bg_s2.jpg") no-repeat center bottom; min-height: 100vh; padding-bottom:50px;}
.producting {}
#centerCarousel{ position:relative; min-width:1200px;}
#centerCarousel .list{ overflow:hidden; position:relative; letter-spacing:-0.05em;}
#centerCarousel .list .item {position:absolute; width:300px; text-align:center; z-index:10; overflow:hidden;}
#centerCarousel .list .item img{ width:295px; border:1px #333 solid;}
#centerCarousel .list .item .name { display:none; width:300px; margin:-5px auto 0; text-align:center; color:#fff; padding:15px 0; border:1px #fff solid; border-top:0px;  background:url("../img/bg_opb50.png") repeat; }
#centerCarousel > button { position:absolute; top:90px; margin:0; height:50px; width:50px; border:none; cursor:pointer; z-index:10;  text-align:center; background-color:#517e8a;}
#centerCarousel > button img { vertical-align:middle; width:20px;}
#centerCarousel .btn_prev{left:0px}
#centerCarousel .btn_next{right:0px}
#centerCarousel .paging{ position:absolute;left:0;bottom:-40px;width:100%;font-size:0;text-align:center}
#centerCarousel .paging li{display:inline-block;margin:0 5px;width:15px;height:15px;font-size:11px;text-align:left;text-indent:-9999px;background:#ccc;border-radius:50%}
#centerCarousel .paging .active{background:tomato}
#centerCarousel .info{ display:none; position:absolute;right:10px;top:10px;padding:2px 8px;font-size:11px;background:#fff;border-radius:50px}
#centerCarousel .info .current{font-size:13px;font-weight:700}
.product_menu { width:1200px; margin:0 auto; padding-top:50px;}
.product_menu ul { display:inline-block; width:1200px;}
.product_menu ul li { float:left; min-height:280px; line-height:26px; letter-spacing:-0.05em; color:#000;}
.product_menu ul li:first-child { width:45%;}
.product_menu ul li:first-child img { width:250px; border-left:0px; float: left; margin-right:10px;}
.product_menu ul li:last-child {  border-left:1px #999 solid; width:55%; border-right:0px; padding-left:30px;}
.product_menu ul li h3 { color:#fff; padding:10px 20px; display:inline-block; text-align:center; border-radius:30px; background-color:#054d64; margin-bottom:20px;}
.product_menu ul li .txt_pro01 { font-size:15px; line-height:20px; color:#555; text-align:justify;}
.product_menu ul li .txt_pro01 img { width:100%; margin:10px 0 20px; border-radius:10px; border:1px #ccc solid; }
.product_menu ul li .ch_img { display:inline-block; width:100%;}
.product_menu ul li .ch_infor { clear:both; font-size:18px;}
.product_menu ul li .ch_infor strong { font-size:24px; line-height:40px; color:#054d64;}
.product_menu ul li .txt_clo01 { color:#FF0000;}
.product_menu ul li .txt_com01 { color: #FF0000; font-size:18px; line-height:30px;}


/* ºÎ´ë½Ã¼³ */
.s3 { background:#f7f7f7; min-height: 100vh; padding-bottom:100px;}


/* ã¾Æ¿À½Ã´Â±æ */
.s4 { background: # f2f0e8; min-height: 100vh;}
.root_daum_roughmap { padding:0px !important; border:0px !important; border-radius:0px !important;}
.tit_controllers { display:none !important;}
.add_title { text-align:center; color:#3333CC; font-size:40px; line-height:40px; padding:30px 0 20px;}
.add_infor { text-align:center; font-size:20px; line-height:30px; color:#333; padding-bottom:30px;}


@media all and (max-width:767px){

.clear {/* clear: both;*/}
.wrap { min-width:100%;/* width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0;*/}
.section { min-width: 100%;/* width: 100%; z-index: 10; position: relative; margin: 0 auto;	padding:0px;*/}
.inner { width:100%;/* margin:0 auto; position: relative; min-height: 50px; padding:0px; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300;*/}
.inner:after {/* content: ""; display: table; clear: both;*/}
.gnb {width:100%; /* margin:0 auto;*/}


.subMenu {height: auto; /* z-index: 1000; width: 100%; background:linear-gradient(to right, #062c5e , #1783c7) fixed;*/}
.subMenu .inner {/* padding:0; font-size:16px; margin: 0 auto;*/}
.subNavBtn {line-height:40px; height: 40px; width:25%; font-size:14px; border-bottom:1px #054d64 solid;*/ /* display:block;  float:left; margin:0px; text-decoration: none;  padding:0; text-align:center; color: #fff; border-right:1px #1783c7 solid;*/}
.subNavBtn:first-child {background: #054d64;line-height:80px; height: 80px; width:100%; display:inline-block; border:0px;/* border-left:1px #1783c7 solid;*/}
.subNavBtn .logo { /*width:170px; vertical-align:middle; margin-top:15px;*/}
.subMenu a:hover {/* background: #1783c7;*/}
.active { background:none;/* background: #25aae1;*/}
.end {/* margin: 0;*/}


/* SECTIONS */
.stop {/* background:#062c5e; color:#fff; overflow:hidden;*/}

#visual { height:auto; min-height:auto; /* position:relative; overflow: hidden;  transition:0.5s; -webkit-transition: .5s;*/}
#visual .visual li img {/*transition:0.5s; -webkit-transition: .5s;*/}
#visual .visualWrap {min-width:100%;/* margin:0 auto;*/}
#visual .visual li {height:60vh; min-height:500px;/**/}
#visual .visual li .img {/* position: absolute; z-index: 1;*/}
#visual .visual li .vs_txt { width:100%; background-image:none;/*background:url("../img/taean_ark/icon_fish.png") no-repeat right bottom; height:100%;*/}
#visual .visual li .txt1, #visual .visual li .txt2, #visual .visual li .txt3 { width:100%; text-align:center;/* position:absolute; color:#fff; opacity: 0; padding:0 2%;*/}
#visual .visual li .txt1 { top:300px; font-size:30px;/* font-family:'NanumMyeongjo', sans-serif;*/}
#visual .visual li .txt2 { top:325px; font-size:16px; line-height:20px;/* font-family:'NanumBarun', sans-serif; font-weight:normal; line-height:24px;*/}
#visual .visual li .txt3 { top:385px; font-size:14px; line-height:18px;/* font-family:'NanumGothic', sans-serif;line-height:24px;*/}
#visual .visual li .img1 { position: inherit; width:100%; height:auto;/*  opacity: 0; transition:1.5s; -webkit-transition: .3s;*/}
#visual .visual li .img1 img { min-width:100%;/* width:100%;*/}
#visual .bx-controls { width:100%; text-align:center;/* bottom:20px; padding-right:10px; position: absolute; z-index: 5; */}
#visual .bx-pager {/*vertical-align: middle; display:inline-block; padding-right:2%;*/}
#visual .bx-pager .bx-pager-item {/*margin-right:6px; vertical-align:top; display:inline-block;*/}
#visual .bx-pager .bx-pager-item > a { width:10px; height:10px;/*background:#fff; display:block; border-radius:50%;*/}
#visual .bx-pager .bx-pager-item > a.active {/*background:#25aae1;*/}
#visual {/*line-height: 0; font-size: 0px;*/}


.title { font-size:30px; line-height:2em; padding-top:10px; /*  text-align:center; color:#000; font-family:'NanumMyeongjo', sans-serif; */}
.line {/* width:60px; margin:0 auto; border-top:1px #062c5e solid*/}
.txt_com { padding:20px; line-height:22px; font-size:15px; letter-spacing:-0.05em;/* text-align:center; color:#000; font-family:'NanumMyeongjo', sans-serif; font-weight:400;*/}
.clo_01 { font-size:17px; /*color:#433ebe;*/}

/* Àλ縻 */
.s1 { min-height: inherit ;/* background:; color:#666;*/}
.greet { width:100%; float:none; padding:10px 20px 50px; font-size:14px; line-height:18px;/* table-layout:fixed;*/}
.greet strong {font-size:18px;/*  color: #FF6600; line-height:30px;*/}
.img_greet { width:100%; float:none;/**/}
.img_greet02 { width:90px; float:left; margin:0px 10px 0px -10px;}

/* ¸Þ´º¼Ò°³ */
.s2 {/* background:url("../img/taean_ark/bg_s2.jpg") no-repeat center; min-height: 100vh;*/}
.producting {}
#centerCarousel{ min-width:100%; /*position:relative;*/}
#centerCarousel .list{ width:100%;/* overflow:hidden; position:relative; letter-spacing:-0.05em;*/}
#centerCarousel .list .item { width:50%;/*position:absolute; text-align:center; z-index:10; overflow:hidden;*/}
#centerCarousel .list .item img{width:100%; height: auto; border-left:0px #fff solid;/*  border-bottom:0px;*/}
#centerCarousel .list .item .name { width:100%; border-left:0px #fff solid;/* margin:-5px auto 0; text-align:center; color:#fff; padding:15px 0; border:1px #fff solid; border-top:0px;  background:url("../img/bg_opb50.png") repeat;*/ }
#centerCarousel > button { height:40px; width:40px; top:55px;/* position:absolute; margin:0; border:none; cursor:pointer; z-index:10;  text-align:center; background-color:#062c5e;*/}
#centerCarousel > button img { width:15px;/* vertical-align:middle;*/}
#centerCarousel .btn_prev{/*left:0px*/}
#centerCarousel .btn_next{/*right:0px*/}
#centerCarousel .paging{ /*position:absolute;left:0;bottom:-40px;width:100%;font-size:0;text-align:center*/}
#centerCarousel .paging li{/*display:inline-block;margin:0 5px;width:15px;height:15px;font-size:11px;text-align:left;text-indent:-9999px;background:#ccc;border-radius:50%*/}
#centerCarousel .paging .active{/*background:tomato*/}
#centerCarousel .info{ /*display:none; position:absolute;right:10px;top:10px;padding:2px 8px;font-size:11px;background:#fff;border-radius:50px*/}
#centerCarousel .info .current{/*font-size:13px;font-weight:700*/}
.product_menu { width:100%; padding-top:0px;/*  margin:0 auto;*/}
.product_menu ul { width:100%; padding:20px;/* display:inline-block;*/}
.product_menu ul li { float:none; width:100%; height: auto; text-align:left; border-left:0px #ddd solid;  border-bottom:1px #ddd solid; margin-bottom:10px; /* line-height:26px; letter-spacing:-0.05em; color:#000;*/}
.product_menu ul li:first-child { width:100%; display:inline-block; border:0px; margin:0;/*border-left:0px;*/}
.product_menu ul li:first-child img { width:48%; border-left:0px; float:left; margin:0 1%; vertical-align:top;}
.product_menu ul li:last-child { border-bottom:0px; width:100%; border-left:0px; padding:0px;/* border-right:0px;*/}
.product_menu ul li h3 { margin:0; width: auto; display:inline-block; padding:5px 15px; font-size:16px;/* color:#fff; border-radius:30px; background-color:#062c5e; margin-bottom:20px;*/}
.product_menu ul li p { padding:10px 0; font-size:15px; letter-spacing:-0.05em; line-height:20px;}
.product_menu ul li .txt_pro01 { font-size:14px; line-height:20px; color:#555; text-align:justify;}
.product_menu ul li .txt_pro01 img { width:100%; margin:0px 0 10px; border-radius:10px; border:1px #ccc solid; }
.product_menu ul li .ch_infor { clear:both; font-size:16px;}
.product_menu ul li .ch_infor strong { font-size:18px; line-height:30px; color:#054d64;}


/* ºÎ´ë½Ã¼³ */
.s3 { min-height: auto; padding-bottom:20px;/* background:#f7f7f7;*/}
.galleria { width:100% !important;}
.galleria img { width:100% !important;}

/* ã¾Æ¿À½Ã´Â±æ */
.s4 { min-height: auto;/* background: # f2f0e8;*/}
.root_daum_roughmap {/* padding:0px !important; border:0px !important; border-radius:0px !important;*/}
.tit_controllers {/* display:none !important;*/}
.add_title { font-size:30px; line-height:30px;/* text-align:center; color:#3333CC; padding:30px 0 20px;*/}
.add_infor { font-size:16px; line-height:22px; padding:0 10px 50px;/* text-align:center; color:#333;*/}






}