@charset "utf-8";

/* */


/** main_section **/
#mask { position: fixed; z-index:8; background-color: #000;left: 0; top: 0;}

.breeze{position:absolute;top:100px;left:50%;margin-left:-550px;z-index:8;}
.breeze a{ color:#fff; font-size:17px;}
.breeze iframe { width:1200px; height:2020px;}
.sub_breezeblow{ height:auto; min-height:2100px;}

/*.wrap .areas {height: 100%; margin-bottom: 0;}
.wrap .container {padding-top:0; height:100%;}
.wrap .content {height:auto;}
.main_section {position: relative; width: 100%; height: 100%; box-sizing: border-box;}
*/

.main_pages {position: relative; display:block; height: 1125px; min-width: 320px; min-height: 320px;  padding-top: 0; background: #fff; }
.main_pages .sanson_slick_slider,safety_slick_slider { opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
.main_pages .slick-initialized {display: block; max-width: none; position: relative; top: 0; left: 0; margin-left: 0; height: 100%; width: 100%; opacity:1; }
.main_pages .slick-list { z-index:1; }
.main_pages .slick-list,
.main_pages .slick-track,
.main_pages .slick-slide { height: 100%; width: 100%; }

/* sanson */
.sanson_slick_slider .page {position: relative; width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;overflow:hidden;}
.sanson_slick_slider .page .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.sanson_slick_slider.ani .page.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.sanson_slick_slider .page .bg .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;background: url("/web2019/images/main/dot.png");}
/*
.slick_slider .page .bg img {height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }
*/
.sanson_slick_slider .page .bg img {display: none;}
.sanson_slick_slider .page.page_01 .bg {background-image: url("/web2019/images/sub/sanson_bg_01.jpg");}
.sanson_slick_slider .page.page_02 .bg {background-image: url("/web2019/images/sub/sanson_bg_02.jpg");}
.sanson_slick_slider .page.page_03 .bg {background-image: url("/web2019/images/sub/sanson_bg_03.jpg");}
.sanson_slick_slider .page.page_04 .bg {background-image: url("/web2019/images/sub/sanson_bg_04.jpg");}


.sanson_slick_slider .intro {position: absolute; top:130px; left:50%; margin-left:-603px; padding:0 50px; display: table; width: 1205px; height:558px; box-sizing: border-box; background: rgba(36,36,36,0.9); }
.sanson_slick_slider .intro .text_box { width:50%; display: table-cell; padding-top:100px;}
.sanson_slick_slider .intro .title {position: relative; padding-bottom:20px; letter-spacing:3px;}
.sanson_slick_slider .intro .title em {display: block; font-size:50px; line-height:50px; font-weight: bold; color:#e2cf69; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0; }

.sanson_slick_slider .intro .text_box2 { width:600px; display: table-cell;}
.sanson_slick_slider .intro .text_box2 .title2 { font-size:30px;position: relative; padding-bottom:5px; letter-spacing:3px; color:#e2cf69;}
.sanson_slick_slider .intro .text_box2 .title2 em {display: block; font-size:30px; color:#e2cf69; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); }


.sanson_slick_slider.ani .page.slick-active .intro .title em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.sanson_slick_slider.ani .page.slick-active .intro .title2 em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }

.sanson_slick_slider .intro .title:after {content: ""; position: absolute; bottom:0; display: block; width:80px; height: 7px; background-color: #fff;}
.sanson_slick_slider .intro .desc {margin-top:26px; font-size:20px; color:#fff; opacity: 0; -webkit-transform:translateX(50px); transform:translateX(50px); }
.sanson_slick_slider .intro .sub_desc {font-size:15px; line-height:24px; color:#fff;opacity: 0; text-align:justify; -webkit-transform:translateX(50px); transform:translateX(50px); }
.sanson_slick_slider.ani .page.slick-active .intro .desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.sanson_slick_slider.ani .page.slick-active .intro .sub_desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.sanson_slick_slider .intro .desc .br {display: block;}
.sanson_slick_slider .intro a.btn_box {margin-top:50px; display: inline-block; width: 180px; height: 56px; border:3px solid #40ae49; text-align: center; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
.sanson_slick_slider .intro a.btn_box:hover {background-color:#40ae49; border-color:#40ae49;}
.sanson_slick_slider.ani .page.slick-active .intro a.btn_box {-webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 1;}


.sanson_slick_slider .intro a.btn_box em {font-family: "NanumGothic"; position: relative; display: inline-block; padding-right:15px; height: 56px; line-height: 56px; font-size:16px; color:#ffffff;}
.sanson_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 12px; margin-top:-5px; background: url("/web2019/images/icons/icons.png") no-repeat -550px -60px;}
.sanson_slick_slider .slick-arrow {position: absolute; top:50%; display: block; width: 50px; height: 100px; margin-top:-200px; z-index: 7; border:none; background: none; outline: none; text-indent: -999em;}
.sanson_slick_slider .slick-arrow:before {content: ""; position: absolute; top:50%; left:50%; display: block; width: 38px; height: 82px; margin-top:-41px; margin-left:-19px; background: url("/web2019/images/icons/icons.png") no-repeat -500px -160px; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0; opacity: 0.3;}
.sanson_slick_slider .slick-arrow:hover:before {opacity: 1;}
.sanson_slick_slider .slick-arrow.slick-prev {left:58px;}
.sanson_slick_slider .slick-arrow.slick-next {right:58px;}
.sanson_slick_slider .slick-arrow.slick-next:before {background-position: -550px -160px;}

.sanson_slick_slider .slick-dots {position: absolute; top:100%; left:0; width: 100%; margin-top:-435px; text-align: center; z-index:2; }
.sanson_slick_slider .slick-dots li {display: inline-block; width: 300px; padding:0 1px; max-width: 300px; height: 395px;}
.sanson_slick_slider .slick-dots li button {position: relative; display: block; width: 100%; height: 395px; border:none; background: none; outline: none; overflow: hidden; overflow: hidden; color:#fff;}
.sanson_slick_slider .slick-dots li button em {position: absolute; top:0; left:0; width: 100%; height: 80px; display: block; font-size:20px; text-align: center; line-height: 80px; color:#e2cf69;  z-index: 3; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.sanson_slick_slider .slick-dots li button:before {content: ""; position: absolute; bottom:0; left:50%; display: block; width: 300px; margin-left:-150px; height: 395px; background: url("/web2019/images/sub/sub_web_nav_off.png") no-repeat 0 0;}
.sanson_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
.sanson_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -300px 0;}
.sanson_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -600px 0;}
.sanson_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -900px 0;}
.sanson_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -1200px 0;}
.sanson_slick_slider .slick-dots li button:after {content: ""; position: absolute; top:-20px; left:50%; display: block; width: 300px; height:395px; margin-left:-150px; background: url("/web2019/images/sub/sub_web_nav_on.png") no-repeat 0 0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; -webkit-transform:translateY(20px); transform:translateY(20px); opacity: 0;}
.sanson_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
.sanson_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -300px 0px;}
.sanson_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -600px 0px;}
.sanson_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -900px 0px;}
.sanson_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -1200px 0px;}
.sanson_slick_slider .slick-dots li.slick-active button:after { -webkit-transition:all 0.5s; transition:all 0.5s; }

.sanson_slick_slider .slick-dots li button:hover:after { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px); }

.sanson_slick_slider .slick-dots li.slick-active button:after {-webkit-transform:translateY(0); transform:translateY(0); opacity: 1;}
.sanson_slick_slider .slick-dots li.slick-active button em { bottom:50px; -webkit-transition:bottom 0.5s; transition:bottom 0.5s;}
.sanson_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
.sanson_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -300px 0;}
.sanson_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -600px 0;}
.sanson_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -900px 0;}
.sanson_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -1200px 0;}


/* safety */
.safety_slick_slider .page {position: relative; width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;overflow:hidden;}
.safety_slick_slider .page .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.safety_slick_slider.ani .page.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.safety_slick_slider .page .bg .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;background: url("/web2019/images/main/dot.png");}
/*
.slick_slider .page .bg img {height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }
*/
.safety_slick_slider .page .bg img {display: none;}
.safety_slick_slider .page.page_01 .bg {background-image: url("/web2019/images/sub/safety_bg_01.jpg");}
.safety_slick_slider .page.page_02 .bg {background-image: url("/web2019/images/sub/safety_bg_02.jpg");}
.safety_slick_slider .page.page_03 .bg {background-image: url("/web2019/images/sub/safety_bg_03.jpg");}
.safety_slick_slider .page.page_04 .bg {background-image: url("/web2019/images/sub/safety_bg_04.jpg");}

.safety_slick_slider .intro {position: absolute; top:130px; left:50%; margin-left:-603px; padding:0 50px; display: table; width: 1205px; height:558px; box-sizing: border-box; background: rgba(36,36,36,0.9); }
.safety_slick_slider .intro .text_box { width:50%; display: table-cell; padding-top:100px;}
.safety_slick_slider .intro .title {position: relative; padding-bottom:20px; letter-spacing:3px;}
.safety_slick_slider .intro .title em {display: block; font-size:50px; line-height:60px; font-weight: bold; color:#7c6798; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0; }

.safety_slick_slider .intro .text_box2 { width:600px; display: table-cell;}
.safety_slick_slider .intro .text_box2 .title2 { font-size:30px;position: relative; padding-bottom:5px; letter-spacing:3px; color:#e2cf69;}
.safety_slick_slider .intro .text_box2 .title2 em {display: block; font-size:30px; color:#7c6798; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); }


.safety_slick_slider.ani .page.slick-active .intro .title em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.safety_slick_slider.ani .page.slick-active .intro .title2 em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }

.safety_slick_slider .intro .title:after {content: ""; position: absolute; bottom:0; display: block; width:80px; height: 7px; background-color: #fff;}
.safety_slick_slider .intro .desc {margin-top:26px; font-size:20px; color:#fff; opacity: 0; -webkit-transform:translateX(50px); transform:translateX(50px); }
.safety_slick_slider .intro .sub_desc {font-size:15px; line-height:24px; color:#fff;opacity: 0; text-align:justify; -webkit-transform:translateX(50px); transform:translateX(50px); }
.safety_slick_slider.ani .page.slick-active .intro .desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.safety_slick_slider.ani .page.slick-active .intro .sub_desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.safety_slick_slider .intro .desc .br {display: block;}
.safety_slick_slider .intro a.btn_box {margin-top:50px; display: inline-block; width: 180px; height: 56px; border:3px solid #40ae49; text-align: center; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
.safety_slick_slider .intro a.btn_box:hover {background-color:#40ae49; border-color:#40ae49;}
.safety_slick_slider.ani .page.slick-active .intro a.btn_box {-webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 1;}


.safety_slick_slider .intro a.btn_box em {font-family: "NanumGothic"; position: relative; display: inline-block; padding-right:15px; height: 56px; line-height: 56px; font-size:16px; color:#ffffff;}
.safety_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 12px; margin-top:-5px; background: url("/web2019/images/icons/icons.png") no-repeat -550px -60px;}
.safety_slick_slider .slick-arrow {position: absolute; top:50%; display: block; width: 50px; height: 100px; margin-top:-200px; z-index: 7; border:none; background: none; outline: none; text-indent: -999em;}
.safety_slick_slider .slick-arrow:before {content: ""; position: absolute; top:50%; left:50%; display: block; width: 38px; height: 82px; margin-top:-41px; margin-left:-19px; background: url("/web2019/images/icons/icons.png") no-repeat -500px -160px; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0; opacity: 0.3;}
.safety_slick_slider .slick-arrow:hover:before {opacity: 1;}
.safety_slick_slider .slick-arrow.slick-prev {left:58px;}
.safety_slick_slider .slick-arrow.slick-next {right:58px;}
.safety_slick_slider .slick-arrow.slick-next:before {background-position: -550px -160px;}

.safety_slick_slider .slick-dots {position: absolute; top:100%; left:0; width: 100%; margin-top:-435px; text-align: center; z-index:2; }
.safety_slick_slider .slick-dots li {display: inline-block; width: 300px; padding:0 1px; max-width: 300px; height: 395px;}
.safety_slick_slider .slick-dots li button {position: relative; display: block; width: 100%; height: 395px; border:none; background: none; outline: none; overflow: hidden; overflow: hidden; color:#fff;}
.safety_slick_slider .slick-dots li button em {position: absolute; top:0; left:0; width: 100%; height: 80px; display: block; font-size:20px; text-align: center; line-height: 80px; color:#7c6798;  z-index: 3; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.safety_slick_slider .slick-dots li button:before {content: ""; position: absolute; bottom:0; left:50%; display: block; width: 300px; margin-left:-150px; height: 395px; background: url("/web2019/images/sub/safety_web_nav_off.png") no-repeat 0 0;}
.safety_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
.safety_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -300px 0;}
.safety_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -600px 0;}
.safety_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -900px 0;}
.safety_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -1200px 0;}
.safety_slick_slider .slick-dots li button:after {content: ""; position: absolute; top:-20px; left:50%; display: block; width: 300px; height:395px; margin-left:-150px; background: url("/web2019/images/sub/safety_web_nav_on.png") no-repeat 0 0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; -webkit-transform:translateY(20px); transform:translateY(20px); opacity: 0;}
.safety_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
.safety_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -300px 0px;}
.safety_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -600px 0px;}
.safety_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -900px 0px;}
.safety_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -1200px 0px;}
.safety_slick_slider .slick-dots li.slick-active button:after { -webkit-transition:all 0.5s; transition:all 0.5s; }

.safety_slick_slider .slick-dots li button:hover:after { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px); }

.safety_slick_slider .slick-dots li.slick-active button:after {-webkit-transform:translateY(0); transform:translateY(0); opacity: 1;}
.safety_slick_slider .slick-dots li.slick-active button em { bottom:50px; -webkit-transition:bottom 0.5s; transition:bottom 0.5s;}
.safety_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
.safety_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -300px 0;}
.safety_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -600px 0;}
.safety_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -900px 0;}
.safety_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -1200px 0;}



/* environment */
.environment_slick_slider .page {position: relative; width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;overflow:hidden;}
.environment_slick_slider .page .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.environment_slick_slider.ani .page.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.environment_slick_slider .page .bg .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;background: url("/web2019/images/main/dot.png");}
/*
.slick_slider .page .bg img {height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }
*/
.environment_slick_slider .page .bg img {display: none;}
.environment_slick_slider .page.page_01 .bg {background-image: url("/web2019/images/sub/environment_bg_01.jpg");}
.environment_slick_slider .page.page_02 .bg {background-image: url("/web2019/images/sub/environment_bg_02.jpg");}
.environment_slick_slider .page.page_03 .bg {background-image: url("/web2019/images/sub/environment_bg_03.jpg");}
.environment_slick_slider .page.page_04 .bg {background-image: url("/web2019/images/sub/environment_bg_04.jpg");}


.environment_slick_slider .intro {position: absolute; top:130px; left:50%; margin-left:-603px; padding:0 50px; display: table; width: 1205px; height:558px; box-sizing: border-box; background: rgba(36,36,36,0.9); }
.environment_slick_slider .intro .text_box { width:50%; display: table-cell; padding-top:100px;}
.environment_slick_slider .intro .title {position: relative; padding-bottom:20px; letter-spacing:2px;}
.environment_slick_slider .intro .title em {display: block; font-size:40px; line-height:40px; font-weight: bold; color:#6298a9; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0; }

.environment_slick_slider .intro .text_box2 { width:600px; display: table-cell;}
.environment_slick_slider .intro .text_box2 .title2 { font-size:30px;position: relative; padding-bottom:5px; letter-spacing:3px; color:#e2cf69;}
.environment_slick_slider .intro .text_box2 .title2 em {display: block; font-size:30px; color:#5d838f; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); }


.environment_slick_slider.ani .page.slick-active .intro .title em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.environment_slick_slider.ani .page.slick-active .intro .title2 em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }

.environment_slick_slider .intro .title:after {content: ""; position: absolute; bottom:0; display: block; width:80px; height: 7px; background-color: #fff;}
.environment_slick_slider .intro .desc {margin-top:26px; font-size:20px; color:#fff; opacity: 0; -webkit-transform:translateX(50px); transform:translateX(50px); }
.environment_slick_slider .intro .sub_desc {font-size:15px; line-height:24px; color:#fff;opacity: 0; text-align:justify; -webkit-transform:translateX(50px); transform:translateX(50px); }
.environment_slick_slider.ani .page.slick-active .intro .desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.environment_slick_slider.ani .page.slick-active .intro .sub_desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.environment_slick_slider .intro .desc .br {display: block;}
.environment_slick_slider .intro a.btn_box {margin-top:50px; display: inline-block; width: 180px; height: 56px; border:3px solid #40ae49; text-align: center; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
.environment_slick_slider .intro a.btn_box:hover {background-color:#40ae49; border-color:#40ae49;}
.environment_slick_slider.ani .page.slick-active .intro a.btn_box {-webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 1;}


.environment_slick_slider .intro a.btn_box em {font-family: "NanumGothic"; position: relative; display: inline-block; padding-right:15px; height: 56px; line-height: 56px; font-size:16px; color:#ffffff;}
.environment_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 12px; margin-top:-5px; background: url("/web2019/images/icons/icons.png") no-repeat -550px -60px;}
.environment_slick_slider .slick-arrow {position: absolute; top:50%; display: block; width: 50px; height: 100px; margin-top:-200px; z-index: 7; border:none; background: none; outline: none; text-indent: -999em;}
.environment_slick_slider .slick-arrow:before {content: ""; position: absolute; top:50%; left:50%; display: block; width: 38px; height: 82px; margin-top:-41px; margin-left:-19px; background: url("/web2019/images/icons/icons.png") no-repeat -500px -160px; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0; opacity: 0.3;}
.environment_slick_slider .slick-arrow:hover:before {opacity: 1;}
.environment_slick_slider .slick-arrow.slick-prev {left:58px;}
.environment_slick_slider .slick-arrow.slick-next {right:58px;}
.environment_slick_slider .slick-arrow.slick-next:before {background-position: -550px -160px;}

.environment_slick_slider .slick-dots {position: absolute; top:100%; left:0; width: 100%; margin-top:-435px; text-align: center; z-index:2; }
.environment_slick_slider .slick-dots li {display: inline-block; width: 300px; padding:0 1px; max-width: 300px; height: 395px;}
.environment_slick_slider .slick-dots li button {position: relative; display: block; width: 100%; height: 395px; border:none; background: none; outline: none; overflow: hidden; overflow: hidden; color:#fff;}
.environment_slick_slider .slick-dots li button em {position: absolute; top:0; left:0; width: 100%; height: 80px; display: block; font-size:20px; text-align: center; line-height: 80px; color:#5d838f;  z-index: 3; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.environment_slick_slider .slick-dots li button:before {content: ""; position: absolute; bottom:0; left:50%; display: block; width: 300px; margin-left:-150px; height: 395px; background: url("/web2019/images/sub/environment_web_nav_off.png") no-repeat 0 0;}
.environment_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
.environment_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -300px 0;}
.environment_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -600px 0;}
.environment_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -900px 0;}
.environment_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -1200px 0;}
.environment_slick_slider .slick-dots li button:after {content: ""; position: absolute; top:-20px; left:50%; display: block; width: 300px; height:395px; margin-left:-150px; background: url("/web2019/images/sub/environment_web_nav_on.png") no-repeat 0 0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; -webkit-transform:translateY(20px); transform:translateY(20px); opacity: 0;}
.environment_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
.environment_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -300px 0px;}
.environment_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -600px 0px;}
.environment_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -900px 0px;}
.environment_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -1200px 0px;}
.environment_slick_slider .slick-dots li.slick-active button:after { -webkit-transition:all 0.5s; transition:all 0.5s; }

.environment_slick_slider .slick-dots li button:hover:after { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px); }

.environment_slick_slider .slick-dots li.slick-active button:after {-webkit-transform:translateY(0); transform:translateY(0); opacity: 1;}
.environment_slick_slider .slick-dots li.slick-active button em { bottom:50px; -webkit-transition:bottom 0.5s; transition:bottom 0.5s;}
.environment_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
.environment_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -300px 0;}
.environment_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -600px 0;}
.environment_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -900px 0;}
.environment_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -1200px 0;}


/* breezeblow */
.breezeblow_slick_slider .page {position: relative; width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;overflow:hidden;}
.breezeblow_slick_slider .page .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.breezeblow_slick_slider.ani .page.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.breezeblow_slick_slider .page .bg .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;background: url("/web2019/images/main/dot.png");}
/*
.slick_slider .page .bg img {height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }
*/
.breezeblow_slick_slider .page .bg img {display: none;}
.breezeblow_slick_slider .page.page_01 .bg {background-image: url("/web2019/images/sub/breezeblow_bg_01.jpg");}
.breezeblow_slick_slider .page.page_02 .bg {background-image: url("/web2019/images/sub/breezeblow_bg_02.jpg");}
.breezeblow_slick_slider .page.page_03 .bg {background-image: url("/web2019/images/sub/environment_bg_03.jpg");}
.breezeblow_slick_slider .page.page_04 .bg {background-image: url("/web2019/images/sub/environment_bg_04.jpg");}


.breezeblow_slick_slider .intro {position: absolute; top:130px; left:50%; margin-left:-603px; padding:0 50px; display: table; width: 1205px; height:558px; box-sizing: border-box; background: rgba(36,36,36,0.9); }
.breezeblow_slick_slider .intro .text_box { width:50%; display: table-cell; padding-top:100px;}
.breezeblow_slick_slider .intro .title {position: relative; padding-bottom:20px; letter-spacing:2px;}
.breezeblow_slick_slider .intro .title em {display: block; font-size:50px; line-height:50px; font-weight: bold; color:#82a058; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); opacity: 0; }

.breezeblow_slick_slider .intro .text_box2 { width:600px; display: table-cell;}
.breezeblow_slick_slider .intro .text_box2 .title2 { font-size:30px;position: relative; padding-bottom:5px; letter-spacing:3px; color:#e2cf69;}
.breezeblow_slick_slider .intro .text_box2 .title2 em {display: block; font-size:30px; color:#82a058; text-transform: uppercase; -webkit-transform:translateX(-50px); transform:translateX(-50px); }


.breezeblow_slick_slider.ani .page.slick-active .intro .title em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.breezeblow_slick_slider.ani .page.slick-active .intro .title2 em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }

.breezeblow_slick_slider .intro .title:after {content: ""; position: absolute; bottom:0; display: block; width:80px; height: 7px; background-color: #fff;}
.breezeblow_slick_slider .intro .desc {margin-top:26px; font-size:20px; color:#fff; opacity: 0; -webkit-transform:translateX(50px); transform:translateX(50px); }
.breezeblow_slick_slider .intro .sub_desc {font-size:15px; line-height:24px; color:#fff;opacity: 0; text-align:justify; -webkit-transform:translateX(50px); transform:translateX(50px); }
.breezeblow_slick_slider.ani .page.slick-active .intro .desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.breezeblow_slick_slider.ani .page.slick-active .intro .sub_desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.breezeblow_slick_slider .intro .desc .br {display: block;}
.breezeblow_slick_slider .intro a.btn_box {margin-top:50px; display: inline-block; width: 156px; height: 56px; border:2px solid #ffffff; text-align: center; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
.breezeblow_slick_slider .intro a.btn_box:hover {background-color:#40ae49; border-color:#40ae49;}
.breezeblow_slick_slider.ani .page.slick-active .intro a.btn_box {-webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 1;}


.breezeblow_slick_slider .intro a.btn_box em {font-family: "NanumGothic"; position: relative; display: inline-block; padding-right:15px; height: 56px; line-height: 56px; font-size:16px; color:#ffffff;}
.breezeblow_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 12px; margin-top:-5px; background: url("/web2019/images/icons/icons.png") no-repeat -550px -60px;}
.breezeblow_slick_slider .slick-arrow {position: absolute; top:50%; display: block; width: 50px; height: 100px; margin-top:-200px; z-index: 7; border:none; background: none; outline: none; text-indent: -999em;}
.breezeblow_slick_slider .slick-arrow:before {content: ""; position: absolute; top:50%; left:50%; display: block; width: 38px; height: 82px; margin-top:-41px; margin-left:-19px; background: url("/web2019/images/icons/icons.png") no-repeat -500px -160px; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0; opacity: 0.3;}
.breezeblow_slick_slider .slick-arrow:hover:before {opacity: 1;}
.breezeblow_slick_slider .slick-arrow.slick-prev {left:58px;}
.breezeblow_slick_slider .slick-arrow.slick-next {right:58px;}
.breezeblow_slick_slider .slick-arrow.slick-next:before {background-position: -550px -160px;}

.breezeblow_slick_slider .slick-dots {position: absolute; top:100%; left:0; width: 100%; margin-top:-435px; text-align: center; z-index:2; }
.breezeblow_slick_slider .slick-dots li {display: inline-block; width: 300px; padding:0 1px; max-width: 300px; height: 395px;}
.breezeblow_slick_slider .slick-dots li button {position: relative; display: block; width: 100%; height: 395px; border:none; background: none; outline: none; overflow: hidden; overflow: hidden; color:#fff;}
.breezeblow_slick_slider .slick-dots li button em {position: absolute; top:0; left:0; width: 100%; height: 80px; display: block; font-size:20px; text-align: center; line-height: 80px; color:#82a058;  z-index: 3; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.breezeblow_slick_slider .slick-dots li button:before {content: ""; position: absolute; bottom:0; left:50%; display: block; width: 300px; margin-left:-150px; height: 395px; background: url("/web2019/images/sub/breezeblow_web_nav_off.png") no-repeat 0 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -300px 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -600px 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -900px 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -1200px 0;}
.breezeblow_slick_slider .slick-dots li button:after {content: ""; position: absolute; top:-20px; left:50%; display: block; width: 300px; height:395px; margin-left:-150px; background: url("/web2019/images/sub/breezeblow_web_nav_on.png") no-repeat 0 0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; -webkit-transform:translateY(20px); transform:translateY(20px); opacity: 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
.breezeblow_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -300px 0px;}
.breezeblow_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -600px 0px;}
.breezeblow_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -900px 0px;}
.breezeblow_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -1200px 0px;}
.breezeblow_slick_slider .slick-dots li.slick-active button:after { -webkit-transition:all 0.5s; transition:all 0.5s; }

.breezeblow_slick_slider .slick-dots li button:hover:after { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px); }

.breezeblow_slick_slider .slick-dots li.slick-active button:after {-webkit-transform:translateY(0); transform:translateY(0); opacity: 1;}
.breezeblow_slick_slider .slick-dots li.slick-active button em { bottom:50px; -webkit-transition:bottom 0.5s; transition:bottom 0.5s;}
.breezeblow_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -300px 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -600px 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -900px 0;}
.breezeblow_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -1200px 0;}



/*서브페이지 비쥬얼 */
.sub_pages {position: relative; display:block; height: 500px; min-width: 320px; min-height: 320px;  padding-top: 0; background: #fff; }
.sub_pages .sub_visual { opacity:0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
.sub_pages .slick-initialized {display: block; max-width: none; position: relative; top: 0; left: 0; margin-left: 0; height: 100%; width: 100%; opacity:1; }
.sub_pages .slick-list { z-index:1; }
.sub_pages .slick-list,
.sub_pages .slick-track,
.sub_pages .slick-slide { height: 100%; width: 100%; }

.sub_visual .page {position: relative; width: 100%; height: 100%; display: block; position: relative; box-sizing: border-box;overflow:hidden;}
.sub_visual .page .bg { position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%; z-index: -1;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 0;
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.sub_visual.ani .page.slick-active .bg {
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.sub_visual .page .bg .bg_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9990;}
/*
.slick_slider .page .bg img {height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; }
*/
.sub_visual .page .bg img {}
.sub_visual .page.page_01 .bg1 {background-image: url("/web2019/images/bg_01.jpg");}
.sub_visual .page.page_02 .bg {background-image: url("/web2019/images/bg_02.jpg");}
.sub_visual .page.page_03 .bg {background-image: url("/web2019/images/bg_03.jpg");}
.sub_visual .page.page_04 .bg {background-image: url("/web2019/images/bg_04.jpg");}
.sub_visual .page.page_05 .bg {background-image: url("/web2019/images/bg_05.jpg");}

.sub_visual .intro {position: absolute; top:0; left:0; right:0; bottom:0; display: table; width: 100%; height:100%; padding:100px 60px 150px; box-sizing: border-box;background: url("/web2019/images/main/dot.png") }
.sub_visual .intro .text_box {display: table-cell; text-align: center; padding-top:100px;}
.sub_visual .intro .title {position: relative; padding-bottom:5px; letter-spacing:8px;}
.sub_visual .intro .title em {display: block; font-size:90px; line-height:110px; font-weight: bold; color:#fff; text-transform: uppercase; -webkit-transform:translateX(0px); transform:translateX(0px); opacity: 1; }
.sub_visual .ani .page.slick-active .intro .title em {-webkit-transform:translateX(0); transform:translateX(0); opacity: 1; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }

.sub_visual .intro .title:after {content: ""; position: absolute; bottom:0; left:50%; display: block; width:80px; height: 7px; margin-left:-40px; background-color: #fff;}
.sub_visual .intro .desc {margin-top:26px; font-size:30px; line-height:24px; color:#fff; opacity: 0; -webkit-transform:translateX(50px); transform:translateX(50px); }
.sub_visual .ani .page.slick-active .intro .desc {-webkit-transform:translateX(0); transform:translateX(0); opacity: 0.8; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; }
.sub_visual .intro .desc .br {display: block;}
.sub_visual .intro a.btn_box {margin-top:50px; display: inline-block; width: 156px; height: 56px; border:2px solid #ffffff; text-align: center; -webkit-transform:translateY(50px); transform:translateY(50px); opacity: 0;}
.sub_visual .intro a.btn_box:hover {background-color:#40ae49; border-color:#40ae49;}
.sub_visual .ani .page.slick-active .intro a.btn_box {-webkit-transform:translateY(0); transform:translateY(0); transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s; opacity: 1;}


.sub_visual .intro a.btn_box em {font-family: "NanumGothic"; position: relative; display: inline-block; padding-right:15px; height: 56px; line-height: 56px; font-size:16px; color:#ffffff;}
.sub_visual .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 12px; margin-top:-5px; background: url("/web2019/images/icons/icons.png") no-repeat -550px -60px;}
.sub_visual .slick-arrow {position: absolute; top:50%; display: block; width: 50px; height: 100px; margin-top:-200px; z-index: 7; border:none; background: none; outline: none; text-indent: -999em;}
.sub_visual .slick-arrow:before {content: ""; position: absolute; top:50%; left:50%; display: block; width: 38px; height: 82px; margin-top:-41px; margin-left:-19px; background: url("/web2019/images/icons/icons.png") no-repeat -500px -160px; -webkit-transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); transition:opacity 0.3s cubic-bezier(0, 0, 0.25, 1), visibility 0s cubic-bezier(0, 0, 0.25, 1); opacity: 0; opacity: 0.3;}
.sub_visual .slick-arrow:hover:before {opacity: 1;}
.sub_visual .slick-arrow.slick-prev {left:58px;}
.sub_visual .slick-arrow.slick-next {right:58px;}
.sub_visual .slick-arrow.slick-next:before {background-position: -550px -160px;}

.sub_visual .slick-dots {position: absolute; top:100%; left:0; width: 100%; margin-top:-435px; text-align: center; z-index:2; }
.sub_visual .slick-dots li {display: inline-block; width: 300px; padding:0 1px; max-width: 300px; height: 395px;}
.sub_visual .slick-dots li button {position: relative; display: block; width: 100%; height: 395px; border:none; background: none; outline: none; overflow: hidden; overflow: hidden; color:#fff;}
.sub_visual .slick-dots li button em {position: absolute; top:0; left:0; width: 100%; height: 80px; display: block; text-align: center; line-height: 80px; color:#fff;  z-index: 3; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.sub_visual .slick-dots li button:before {content: ""; position: absolute; bottom:0; left:50%; display: block; width: 300px; margin-left:-150px; height: 395px; background: url("/web2019/images/main/web_nav_off.png") no-repeat 0 0;}
.sub_visual .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
.sub_visual .slick-dots li#slick-slide01 button:before {background-position: -300px 0;}
.sub_visual .slick-dots li#slick-slide02 button:before {background-position: -600px 0;}
.sub_visual .slick-dots li#slick-slide03 button:before {background-position: -900px 0;}
.sub_visual .slick-dots li#slick-slide04 button:before {background-position: -1200px 0;}
.sub_visual .slick-dots li button:after {content: ""; position: absolute; top:-20px; left:50%; display: block; width: 300px; height:395px; margin-left:-150px; background: url("/web2019/images/main/web_nav_on.png") no-repeat 0 0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; -webkit-transform:translateY(20px); transform:translateY(20px); opacity: 0;}
.sub_visual .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
.sub_visual .slick-dots li#slick-slide01 button:after {background-position: -300px 0px;}
.sub_visual .slick-dots li#slick-slide02 button:after {background-position: -600px 0px;}
.sub_visual .slick-dots li#slick-slide03 button:after {background-position: -900px 0px;}
.sub_visual .slick-dots li#slick-slide04 button:after {background-position: -1200px 0px;}
.sub_visual .slick-dots li.slick-active button:after { -webkit-transition:all 0.5s; transition:all 0.5s; }

.sub_visual .slick-dots li button:hover:after { opacity:1; -webkit-transform:translateY(20px); transform:translateY(20px); }

.sub_visual .slick-dots li.slick-active button:after {-webkit-transform:translateY(0); transform:translateY(0); opacity: 1;}
.sub_visual .slick-dots li.slick-active button em { bottom:50px; -webkit-transition:bottom 0.5s; transition:bottom 0.5s;}
.sub_visual .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
.sub_visual .slick-dots li#slick-slide01.slick-active button:after {background-position: -300px 0;}
.sub_visual .slick-dots li#slick-slide02.slick-active button:after {background-position: -600px 0;}
.sub_visual .slick-dots li#slick-slide03.slick-active button:after {background-position: -900px 0;}
.sub_visual .slick-dots li#slick-slide04.slick-active button:after {background-position: -1200px 0;}



.sensor_product{width:100%; max-width:1200px; left:50%; margin-left:-600px;display:block; position: relative; font-family: "NanumGothic"; letter-spacing: 0; margin-bottom:100px;}
.sensor_product .title{width:100%; height:80px; text-align:center; margin-top:50px; font-size:25px;border-bottom:#000 solid 1px;}
.sensor_product .title .bar{width:28px;; height:5px; text-align:center; margin:30px auto; font-size:30px; background:#40ae49;}

.sensor_product .line{position: relative; width:100%; height:1px; background-color:#CCC;}
.sensor_product .linebg{position: relative; width:100%; height:1px; background-color:#91bc95;}

.sensor_product li{display:inline-table; width:270px; height:550px; padding:0 13px;}
.sensor_product li .name{text-align:center; margin-top:50px; margin-bottom:10px; font-size:20px; font-weight:bold; color:#000;}
.sensor_product li .sub_name{text-align:center; font-size:17px; font-weight:500;}
.sensor_product li .photo{ width:100%; text-align:center; padding:10px 0;}
.sensor_product li .bar{ width:100%; height:1px; background-color:#ccc;}
.sensor_product li .contents{ height:150px; margin-top:20px; margin-bottom:20px;font-size:14px; line-height:20px; text-align:justify; display:block;}
.sensor_product li button { padding:10px 20px; font-size:12px; border:none; background:#40ae49; outline: none; overflow: hidden; color:#fff; float:right;}

/*서브페이지*/
#content_main{width:100%; display:block; margin-bottom:0px; padding:30px 0 0 0; margin:0 auto; position: absolute; z-index:1; border-top:1px solid #fff;}
#content_main .line{width:100%; height:1px; position:absolute; background:#CCC; margin-top:70px;}
#content_copy{ width:350px; height:94px; padding:0; position:absolute; margin-left:-290px; left:50%; top:200px; font-size:13px; font-weight:bold; color:#000;}
#content_top{width:239px; height:48px; padding:0; left:50%; margin-left:550px; background:url(/web2018/img/submenu_t_bg.png);}
#content_title{width:1100px; height:48px; padding:0; margin:0; font-size:25px; color:#30a7e0;}
#content_board_title{width:785px; height:84px; padding:50px 0px 0 50px; margin:0px 0 0px 0; font-size:25px; color:#30a7e0; background-image:url(/web2018/img/board_title_bg.gif)}
#sub_content{width:1100px; min-height:500px; padding:0; margin:0 auto; position:relative; display:-webkit-box; margin-bottom:20px;}

#content_left{width:223px;  margin-right:34px; float:left;}
#content_left_title_e{ height:20px; padding:0px 0px 0 0px; margin:0px 0 0px 0; font-size:15px; font-weight:bold;  color:#fff;}
#content_left_title{ width:203px;height:58px; font-size:20px; padding-left:20px; color:#0e2629; position:absolute; z-index:9; border-bottom:1px solid #7b9007;}
#content_left_arr{ margin-top:-30px; margin-right:20px; text-align:right;}
#content_left_menu{ padding:58px 0 0 0; margin:0;}
#content_left_menu ul{padding:0; margin:0;}
#content_left_menu li{ height:48px; padding:0; margin-bottom:1px; line-height:1.2em; list-style:none;}
#content_left_menu li.left_menu{height:48px; padding:0; margin-top:5px; line-height:0; list-style:none;}

#content_center{width:1100px; padding:0px 0 0 0px; margin:0;}
#content_conter_title{ height:70px;  padding:0 0 0 0px; margin:0px 0 1px 0px;}
#content_conter_title_subject{height:40px; font-size:20px; color:#0075c8; float:left; font-weight:bold;}
#content_conter_title_subject img{ padding-right:10px;}
#content_conter_title_subject spen{padding:0px 0px 0 0px; font-size:40px; color:#40ae49;}
#content_conter_title_navi{ height:20px; padding:30px 0 0 0; margin:0; float:right; text-align:right; font-size:12px;font-weight:bold; color:#707070;}
#content_conter_cont{width:827px; min-height:600px; padding:0 0px 0 15px; margin-left:19px; background:#FFF; font-size:13px; line-height:1.5em; position:relative;}
#content_right{width:157px; padding:0; margin:0; top:0; left:1105px; position:absolute;}
#content_div{width:100%; height:2px; padding:0; margin:0; clear:both;}

.contents_sub {position:relative;clear:both; margin-bottom:50px; display:block;}
.contents_sub .map_area{ margin-top:30px;}
.contents_sub table.map {width: 100%; margin: 40px 0 0 0; border-top: 2px solid #0c517d; border-bottom: 1px solid #ddd; font-size: 15px;}
.contents_sub table.map th { border-bottom: 1px solid #ddd; text-align: left; padding: 0 0 0 10px;}
/*.contents_sub table.map th { border-bottom: 1px solid #ddd; text-align: left; padding: 0 0 0 25px; background: url("/web2019/images/sub/map_spot.png") 8px 17px no-repeat;}*/
.contents_sub table.map td { padding: 20px 0 20px 20px; border-bottom: 1px solid #ddd;}
.contents_sub p{text-align:justify; margin-bottom:50px;font-size:25px;line-height:30px;}
.contents_sub p1{text-align:center; margin-bottom:26px;font-size:17px;line-height:25px;}
.contents_sub ul{}
.contents_sub li{position:relative; padding:0px 0;}
.contents_sub p span{font-size:20px; color:#009ac7; }
.contents_sub p strong{font-size:24px; color:#505050;}
.contents_sub li strong1{font-size:25px; color:#00c6ff; float:right; border-bottom:10px #00c6ff solid;}

.history {width:100%;padding:0px 0px 70px 0;display: flex; text-align:justify;}
.history .title{width:15%;padding:15px 20px;display: table; float:left; text-align:justify;line-height:30px; color:#000;}
.history .cont{width:70%;padding:15px 20px;display: table;}
.history .none{width:40px; height:100%;}
.history_top {width:100%;padding: 30px 0px 30px 0;}
.history_top img { width:100%;vertical-align: text-top;}
.history_top .title2 { padding:0px 0 0 0; font-size:13px;}
.history_top h3 { font-size:40px;letter-spacing:-2px;}
.history_top h4 { font-size:22px; font-weight:600;line-height:30px;}
.history_top p { width:100%; }
.history_top button {display:inline-block;line-height: 40px;color: #fff;font-family: NGB;font-size: 12px; padding: 0 30px; margin-top: 0px; background-color: #b40000;}
.history_top img { width:auto;vertical-align: inherit;}

.history li {width:inherit;display:block;}
.history h2 { font-size:20px; font-weight:500;}
.history h3 { font-size:15px; font-weight:500;}
.history h4 { font-size:25px; font-weight:600;}
.history img {vertical-align: text-top;}
.history .cont{ text-align:justify; font-size:15px; line-height:30px;}
.history .cont2{ text-align:justify;  font-size:13px; border-bottom:1px solid #CCC;}
.history .cont2 p{ height:36px; margin-top:2px; padding-top:10px; font-size:13px; background:#EBEBEB; margin-bottom:0px; text-align:justify;}
.history .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; text-align:right;}
.history .cont2 p spen{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}

.ci {width:100%;padding:50px 0px 0px 0;display: flex; text-align:justify;border-bottom:1px solid #CCC;}
.ci .title{width:30%;padding:15px 0px;display: table; float:left; text-align:justify;line-height:30px; color:#000;}
.ci .cont{width:85%;padding:15px 0px;}
.ci .none{width:40px; height:100%;}
.ci_top {width:100%;padding: 30px 0px 30px 0; border-bottom:1px solid #CCC; }
.ci_top img { width:100%;vertical-align: text-top;}
.ci_top .title2 { padding:0px 0 0px 0; font-size:13px;}
.ci_top h3 { font-size:40px;letter-spacing:-2px;}
.ci_top h4 { font-size:22px; font-weight:600;line-height:30px;}
.ci_top p { width:100%; margin-bottom:0px;}
.ci button {display:inline-block;line-height: 40px;color:#666;font-family: NGB;font-size: 12px; padding: 0 30px; margin-top: 0px; background-color: #EBEBEB; border:1px solid #CCC; float:right;}
.ci_top img { width:auto;vertical-align: inherit;}

.ci li {width:inherit;display:block;}
.ci h2 { font-size:20px; font-weight:500;}
.ci h3 { font-size:15px; font-weight:600;}
.ci h4 { font-size:25px; font-weight:600;}
.ci img { padding:70px 0;}
.ci .cont{ text-align:justify; font-size:15px; line-height:25px;}
.ci .line2{width: 100%; height: 1px; background: #CCC; margin-bottom:10px}
.ci .cont li {width: auto;display:block;}
.ci .cont2{ text-align:justify;  font-size:13px; border-bottom:1px solid #CCC;}
.ci .cont2 p{ height:36px; margin-top:2px; padding-top:10px; font-size:13px; background:#EBEBEB; margin-bottom:0px; text-align:justify;}
.ci .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; text-align:right;}
.ci .cont2 p spen{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}


.tabContent, .tabContent2, .tabContent3 {display:none;}

#right_area .tab_menus_area { color:#565656;}
#right_area .tabContainer {position:relative; min-height:400px;}
#right_area .tabContainer ul.certificate_aera {width:820px; height:241px;}
#right_area .tabContainer ul.certificate_aera li {width:181px; height:245px; float:left; margin:0 32px 0 0;}
#right_area .tabContainer ul.certificate_aera li.last {margin:0;}
#right_area .tabContainer ul.certificate_aera li ul li .box {width:179px; height:239px; border:1px solid #e8e8e8; float:left; margin:0 27px 0 0; box-shadow: 2px 2px 1px #ebebeb; text-align:center; font-size:12px; font-weight:600; letter-spacing:-1px;}
#right_area .tabContainer ul.certificate_aera li .info {width:179px;  letter-spacing:-0.5px; font-size:12px; float:left; text-align:center;}

.mt30 {  margin-top: 30px;}

#right_area .history_title {color:#0c517d; margin-top:30px; margin-bottom:10px; font-size:32px; font-weight:500;}
#right_area .history_title span {color:#0c517d; margin-top:30px; font-size:22px;}
#right_area .history_chart {width:800px; margin:30px 12px 0 10px;}
#right_area .bg {width:48%; background:url('/company/images/history_bg.png') no-repeat right top;}
#right_area .bg .line{ position:relative; width:100%; height:0px; border-bottom:1px solid #fff; margin-top:0;}
#right_area .tit_year {height:55px; line-height:50px; font-size:40px; color:#333; font-weight:600; background:url("/web2019/images/sub/tit_bg.gif") 0 60px no-repeat; padding:0 0 30px 0;} 
#right_area ul.history_chart {font-size:15px; color:#777; float:left;}
#right_area ul.history_chart strong {margin:0 8px 0 0; font-size:19px;}
#right_area ul.history_chart li { height:70px;line-height:25px; display:flex;}



#right_area ul.history_tab {width:100%; height:68px;}
#right_area ul.history_tab li {width:25%; height:50px; border:1px solid #d2d2d2; margin:-1px -1px; float:left; text-align:center; line-height:50px;}
#right_area ul.history_tab li:first-child {}
#right_area ul.history_tab li.active { background-color:#40ae49;color:#fff; margin:-1px -1px;}
#right_area ul.history_tab li a {display:block;}

.sub_icon {width:100%;display: block; margin-top:30px;}
.sub_top { font-size:13px;}
.sub_top img {width: auto;float: left;}
.sub_top h4{ font-size:25px; color:#c7b65d; font-weight:normal; margin-bottom:10px}

@media all and (max-width:1024px) {
	.breeze iframe { width:1000px; height:2020px;}
	
	.sanson_slick_slider .intro .title {letter-spacing: -2px;}
	.sanson_slick_slider .intro .title em {font-size:70px; line-height:90px;}
	
	.safety_slick_slider .intro .title {letter-spacing: -2px;}
	.safety_slick_slider .intro .title em {font-size:70px; line-height:90px;}
	
	.environment_slick_slider .intro .title {letter-spacing: -2px;}
	.environment_slick_slider .intro .title em {font-size:70px; line-height:90px;}
	
	.breezeblow_slick_slider .intro .title {letter-spacing: -2px;}
	.breezeblow_slick_slider .intro .title em {font-size:70px; line-height:90px;}
	
	.sub_visual .intro .title {letter-spacing: -2px;}
	.sub_visual .intro .title em {font-size:70px; line-height:90px;}
	#content{width:100%;}
	
    #content_center{width:100%;}
}
@media all and (max-width:768px) {
	.breeze iframe { width:380px; height:2020px;}
	
	/*.areas {height: 100%; box-sizing: border-box;}*/
	.main_pages {height:800px;}
	
	#right_area ul.history_chart li {line-height:30px;}
	#right_area ul.history_chart {font-size:13px;}
	#right_area ul.history_chart strong {font-size:13px;}
	
/*sanson*/	
	.sanson_slick_slider .intro { padding-top:0; top:0; left:0; margin-left:0; width:100%;padding:55px 10px 70px; display: inline; height:100%;}
	.sanson_slick_slider .intro .text_box {display: inherit; padding-top:0px;}
	.sanson_slick_slider .slick-arrow {display: none !important;}
	.sanson_slick_slider .intro .title {padding-bottom:12px; letter-spacing: -1.5px;}
	.sanson_slick_slider .intro .title em {font-size:30px; line-height:40px;  -webkit-transform:translateX(-25px); transform:translateX(-25px);}
	.sanson_slick_slider .intro .title:after {width:40px; height: 2px; margin-left:-20px;}
	.sanson_slick_slider .intro .desc {margin-top:13px; font-size:14px; line-height:18px; -webkit-transform:translateX(25px); transform:translateX(25px); }

	.sanson_slick_slider .intro a.btn_box {margin-top:25px; width: 128px; height: 43px; border:1px solid #ffffff; -webkit-transform:translateY(25px); transform:translateY(25px); opacity: 0;}
	.sanson_slick_slider .intro a.btn_box em {position: relative; display: inline-block; padding-right:12px; height: 43px; line-height: 43px; font-size:13px;}
	.sanson_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 10px; margin-top:-5px; background: url("http://www.hls.co.kr/assets/user/assets/images/icons/icons.png") no-repeat -280px -30px; background-size: 500px auto;}

	.sanson_slick_slider .slick-dots {margin-top:-40px;}
	.sanson_slick_slider .slick-dots {padding:0 40px; box-sizing: border-box;}
	.sanson_slick_slider .slick-dots li {max-width: 60px; height: 40px;}
	.sanson_slick_slider .slick-dots li button {height: 40px;}
	.sanson_slick_slider .slick-dots li button em {height: 30px; text-align: left; line-height: 50px; font-size:13px; font-weight: bold; padding-left:12px; box-sizing: border-box;}

	.sanson_slick_slider .slick-dots li button:before {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto;}
	.sanson_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
	.sanson_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -150px 0;}
	.sanson_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -300px 0;}
	.sanson_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -450px 0;}
	.sanson_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -600px 0;}

	.sanson_slick_slider .slick-dots li button:after {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto; -webkit-transform:translateY(10px); transform:translateY(10px); }

	.sanson_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
	.sanson_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -150px 0px;}
	.sanson_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -300px 0px;}
	.sanson_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -450px 0px;}
	.sanson_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -600px 0px;}

	.sanson_slick_slider .slick-dots li button:hover:after { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px); }
	.sanson_slick_slider .slick-dots li.slick-active button:after { opacity:1; height:40px; -webkit-transform:translateY(0); transform:translateY(0); }
	.sanson_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
	.sanson_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -150px 0;}
	.sanson_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -300px 0;}
	.sanson_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -450px 0;}
	.sanson_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -600px 0;}

	.sanson_slick_slider .slick-dots li.slick-active button em {height: 30px; line-height: 30px;}

	.sanson_slick_slider .page.page_04 .bg { background-position:80% 50%; }
	.sanson_slick_slider .page.page_05 .bg { background-position:60% 50%; }
	
	
/*safety*/	
	.safety_slick_slider .intro { padding-top:0; top:0; left:0; margin-left:0; width:100%;padding:55px 10px 70px; display: inline; height:100%;}
	.safety_slick_slider .intro .text_box {display: inherit; padding-top:0px;}
	.safety_slick_slider .slick-arrow {display: none !important;}
	.safety_slick_slider .intro .title {padding-bottom:12px; letter-spacing: -1.5px;}
	.safety_slick_slider .intro .title em {font-size:30px; line-height:40px;  -webkit-transform:translateX(-25px); transform:translateX(-25px);}
	.safety_slick_slider .intro .title:after {width:40px; height: 2px; margin-left:-20px;}
	.safety_slick_slider .intro .desc {margin-top:13px; font-size:14px; line-height:18px; -webkit-transform:translateX(25px); transform:translateX(25px); }

	.safety_slick_slider .intro a.btn_box {margin-top:25px; width: 135px; height: 43px; border:1px solid #ffffff; -webkit-transform:translateY(25px); transform:translateY(25px); opacity: 0;}
	.safety_slick_slider .intro a.btn_box em {position: relative; display: inline-block; padding-right:0; text-align: center; height: 43px; line-height: 43px; font-size:13px;}
	.safety_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 10px; margin-top:-5px; background: url("http://www.hls.co.kr/assets/user/assets/images/icons/icons.png") no-repeat -280px -30px; background-size: 500px auto;}

	.safety_slick_slider .slick-dots {margin-top:-40px;}
	.safety_slick_slider .slick-dots {padding:0 40px; box-sizing: border-box;}
	.safety_slick_slider .slick-dots li {max-width: 60px; height: 40px;}
	.safety_slick_slider .slick-dots li button {height: 40px;}
	.safety_slick_slider .slick-dots li button em {height: 30px; text-align: left; line-height: 50px; font-size:13px; font-weight: bold; padding-left:12px; box-sizing: border-box;}

	.safety_slick_slider .slick-dots li button:before {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto;}
	.safety_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
	.safety_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -150px 0;}
	.safety_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -300px 0;}
	.safety_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -450px 0;}
	.safety_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -600px 0;}

	.safety_slick_slider .slick-dots li button:after {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto; -webkit-transform:translateY(10px); transform:translateY(10px); }

	.safety_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
	.safety_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -150px 0px;}
	.safety_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -300px 0px;}
	.safety_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -450px 0px;}
	.safety_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -600px 0px;}

	.safety_slick_slider .slick-dots li button:hover:after { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px); }
	.safety_slick_slider .slick-dots li.slick-active button:after { opacity:1; height:40px; -webkit-transform:translateY(0); transform:translateY(0); }
	.safety_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
	.safety_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -150px 0;}
	.safety_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -300px 0;}
	.safety_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -450px 0;}
	.safety_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -600px 0;}

	.safety_slick_slider .slick-dots li.slick-active button em {height: 30px; line-height: 30px;}


	.safety_slick_slider .page.page_04 .bg { background-position:80% 50%; }
	.safety_slick_slider .page.page_05 .bg { background-position:60% 50%; }
	
		
/*environment*/	
	.environment_slick_slider .intro { padding-top:0; top:0; left:0; margin-left:0; width:100%;padding:55px 10px 70px; display: inline;height:100%;}
	.environment_slick_slider .intro .text_box {display: inherit; padding-top:0px;}
	.environment_slick_slider .slick-arrow {display: none !important;}
	.environment_slick_slider .intro .title {padding-bottom:12px; letter-spacing: -1.5px;}
	.environment_slick_slider .intro .title em {font-size:30px; line-height:40px;  -webkit-transform:translateX(-25px); transform:translateX(-25px);}
	.environment_slick_slider .intro .title:after {width:40px; height: 2px; margin-left:-20px;}
	.environment_slick_slider .intro .desc {margin-top:13px; font-size:14px; line-height:18px; -webkit-transform:translateX(25px); transform:translateX(25px); }

	.environment_slick_slider .intro a.btn_box {margin-top:25px; width: 135px; height: 43px; border:1px solid #ffffff; -webkit-transform:translateY(25px); transform:translateY(25px); opacity: 0;}
	.environment_slick_slider .intro a.btn_box em {position: relative; display: inline-block; padding-right:0; text-align: center; height: 43px; line-height: 43px; font-size:13px;}
	.environment_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 10px; margin-top:-5px; background: url("http://www.hls.co.kr/assets/user/assets/images/icons/icons.png") no-repeat -280px -30px; background-size: 500px auto;}

	.environment_slick_slider .slick-dots {margin-top:-40px;}
	.environment_slick_slider .slick-dots {padding:0 40px; box-sizing: border-box;}
	.environment_slick_slider .slick-dots li {max-width: 60px; height: 40px;}
	.environment_slick_slider .slick-dots li button {height: 40px;}
	.environment_slick_slider .slick-dots li button em {height: 30px; text-align: left; line-height: 50px; font-size:13px; font-weight: bold; padding-left:12px; box-sizing: border-box;}

	.environment_slick_slider .slick-dots li button:before {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto;}
	.environment_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
	.environment_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -150px 0;}
	.environment_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -300px 0;}
	.environment_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -450px 0;}
	.environment_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -600px 0;}

	.environment_slick_slider .slick-dots li button:after {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto; -webkit-transform:translateY(10px); transform:translateY(10px); }

	.environment_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
	.environment_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -150px 0px;}
	.environment_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -300px 0px;}
	.environment_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -450px 0px;}
	.environment_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -600px 0px;}

	.environment_slick_slider .slick-dots li button:hover:after { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px); }
	.environment_slick_slider .slick-dots li.slick-active button:after { opacity:1; height:40px; -webkit-transform:translateY(0); transform:translateY(0); }
	.environment_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
	.environment_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -150px 0;}
	.environment_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -300px 0;}
	.environment_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -450px 0;}
	.environment_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -600px 0;}

	.environment_slick_slider .slick-dots li.slick-active button em {height: 30px; line-height: 30px;}



	.environment_slick_slider .page.page_04 .bg { background-position:80% 50%; }
	.environment_slick_slider .page.page_05 .bg { background-position:60% 50%; }
	
	
	/*breezeblow*/	
	.breezeblow_slick_slider .intro { padding-top:0; top:0; left:0; margin-left:0; width:100%;padding:55px 10px 70px; display: inline;height:100%;}
	.breezeblow_slick_slider .intro .text_box {display: inherit; padding-top:0px;}
	.breezeblow_slick_slider .slick-arrow {display: none !important;}
	.breezeblow_slick_slider .intro .title {padding-bottom:12px; letter-spacing: -1.5px;}
	.breezeblow_slick_slider .intro .title em {font-size:30px; line-height:40px;  -webkit-transform:translateX(-25px); transform:translateX(-25px);}
	.breezeblow_slick_slider .intro .title:after {width:40px; height: 2px; margin-left:-20px;}
	.breezeblow_slick_slider .intro .desc {margin-top:13px; font-size:14px; line-height:18px; -webkit-transform:translateX(25px); transform:translateX(25px); }

	.breezeblow_slick_slider .intro a.btn_box {margin-top:25px; width: 135px; height: 43px; border:1px solid #ffffff; -webkit-transform:translateY(25px); transform:translateY(25px); opacity: 0;}
	.breezeblow_slick_slider .intro a.btn_box em {position: relative; display: inline-block; padding-right:0; text-align: center; height: 43px; line-height: 43px; font-size:13px;}
	.breezeblow_slick_slider .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 10px; margin-top:-5px; background: url("http://www.hls.co.kr/assets/user/assets/images/icons/icons.png") no-repeat -280px -30px; background-size: 500px auto;}

	.breezeblow_slick_slider .slick-dots {margin-top:-40px;}
	.breezeblow_slick_slider .slick-dots {padding:0 40px; box-sizing: border-box;}
	.breezeblow_slick_slider .slick-dots li {max-width: 60px; height: 40px;}
	.breezeblow_slick_slider .slick-dots li button {height: 40px;}
	.breezeblow_slick_slider .slick-dots li button em {height: 30px; text-align: left; line-height: 50px; font-size:13px; font-weight: bold; padding-left:12px; box-sizing: border-box;}

	.breezeblow_slick_slider .slick-dots li button:before {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto;}
	.breezeblow_slick_slider .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide01 button:before {background-position: -150px 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide02 button:before {background-position: -300px 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide03 button:before {background-position: -450px 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide04 button:before {background-position: -600px 0;}

	.breezeblow_slick_slider .slick-dots li button:after {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto; -webkit-transform:translateY(10px); transform:translateY(10px); }

	.breezeblow_slick_slider .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
	.breezeblow_slick_slider .slick-dots li#slick-slide01 button:after {background-position: -150px 0px;}
	.breezeblow_slick_slider .slick-dots li#slick-slide02 button:after {background-position: -300px 0px;}
	.breezeblow_slick_slider .slick-dots li#slick-slide03 button:after {background-position: -450px 0px;}
	.breezeblow_slick_slider .slick-dots li#slick-slide04 button:after {background-position: -600px 0px;}

	.breezeblow_slick_slider .slick-dots li button:hover:after { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px); }
	.breezeblow_slick_slider .slick-dots li.slick-active button:after { opacity:1; height:40px; -webkit-transform:translateY(0); transform:translateY(0); }
	.breezeblow_slick_slider .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide01.slick-active button:after {background-position: -150px 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide02.slick-active button:after {background-position: -300px 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide03.slick-active button:after {background-position: -450px 0;}
	.breezeblow_slick_slider .slick-dots li#slick-slide04.slick-active button:after {background-position: -600px 0;}

	.breezeblow_slick_slider .slick-dots li.slick-active button em {height: 30px; line-height: 30px;}



	.breezeblow_slick_slider .page.page_04 .bg { background-position:80% 50%; }
	.breezeblow_slick_slider .page.page_05 .bg { background-position:60% 50%; }
	
	
	.sub_visual .page .bg img {position: absolute; top: 0; left:50%; width:2580px; z-index: 9990;}
	.sub_pages {height:500px;}
	.sub_visual .intro {padding:55px 10px 70px;}
	.sub_visual .slick-arrow {display: none !important;}
	.sub_visual .intro .title {padding-bottom:12px; letter-spacing: -1.5px;}
	.sub_visual .intro .title em {font-size:30px; line-height:40px;  -webkit-transform:translateX(-25px); transform:translateX(-25px);}
	.sub_visual .intro .title:after {width:40px; height: 2px; margin-left:-20px;}
	.sub_visual .intro .desc {margin-top:13px; font-size:14px; line-height:18px; -webkit-transform:translateX(25px); transform:translateX(25px); }

	.sub_visual .intro a.btn_box {margin-top:25px; width: 128px; height: 43px; border:1px solid #ffffff; -webkit-transform:translateY(25px); transform:translateY(25px); opacity: 0;}
	.sub_visual .intro a.btn_box em {position: relative; display: inline-block; padding-right:12px; height: 43px; line-height: 43px; font-size:13px;}
	.sub_visual .intro a.btn_box em:before {content: ""; position: absolute; top:50%; right:0; display: block; width: 7px; height: 10px; margin-top:-5px; background: url("http://www.hls.co.kr/assets/user/assets/images/icons/icons.png") no-repeat -280px -30px; background-size: 500px auto;}

	.sub_visual .slick-dots {margin-top:-40px;}
	.sub_visual .slick-dots {padding:0 40px; box-sizing: border-box;}
	.sub_visual .slick-dots li {max-width: 60px; height: 40px;}
	.sub_visual .slick-dots li button {height: 40px;}
	.sub_visual .slick-dots li button em {height: 30px; text-align: left; line-height: 50px; font-size:13px; font-weight: bold; padding-left:12px; box-sizing: border-box;}

	.sub_visual .slick-dots li button:before {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto;}
	.sub_visual .slick-dots li#slick-slide00 button:before {background-position: 0 0;}
	.sub_visual .slick-dots li#slick-slide01 button:before {background-position: -150px 0;}
	.sub_visual .slick-dots li#slick-slide02 button:before {background-position: -300px 0;}
	.sub_visual .slick-dots li#slick-slide03 button:before {background-position: -450px 0;}
	.sub_visual .slick-dots li#slick-slide04 button:before {background-position: -600px 0;}

	.sub_visual .slick-dots li button:after {width: 120px; margin-left:-60px; height: 30px; background-size: 600px auto; -webkit-transform:translateY(10px); transform:translateY(10px); }

	.sub_visual .slick-dots li#slick-slide00 button:after {background-position: 0 0px;}
	.sub_visual .slick-dots li#slick-slide01 button:after {background-position: -150px 0px;}
	.sub_visual .slick-dots li#slick-slide02 button:after {background-position: -300px 0px;}
	.sub_visual .slick-dots li#slick-slide03 button:after {background-position: -450px 0px;}
	.sub_visual .slick-dots li#slick-slide04 button:after {background-position: -600px 0px;}

	.sub_visual .slick-dots li button:hover:after { opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px); }
	.sub_visual .slick-dots li.slick-active button:after { opacity:1; height:40px; -webkit-transform:translateY(0); transform:translateY(0); }
	.sub_visual .slick-dots li#slick-slide00.slick-active button:after {background-position: 0 0;}
	.sub_visual .slick-dots li#slick-slide01.slick-active button:after {background-position: -150px 0;}
	.sub_visual .slick-dots li#slick-slide02.slick-active button:after {background-position: -300px 0;}
	.sub_visual .slick-dots li#slick-slide03.slick-active button:after {background-position: -450px 0;}
	.sub_visual .slick-dots li#slick-slide04.slick-active button:after {background-position: -600px 0;}

	.sub_visual .slick-dots li.slick-active button em {height: 30px; line-height: 30px;}

	.sub_visual .page.page_04 .bg { background-position:80% 50%; }
	.sub_visual .page.page_05 .bg { background-position:60% 50%; }
	
	
	.sensor_product{width:100%; max-width:0px; left:0; margin-left:0px;display: inline;}
	.sensor_product li{width:93%;}
	
    #content_main{ margin-top:-350px;}
	#sub_content{width:95%;}
#content_left{ width:100%}
#content_left_title{display:none;clear:left;}
#content_left_menu{display:none;}


#content_center{width:100%;}
#content_conter_title{ height:57px;  padding:0 0 0 0px; margin:0px 0 1px 0px;}
#content_conter_title_subject{width:100%; height:40px;  margin:0; font-size:25px; color:#7b9007; float:left;}
#content_conter_title_subject spen{padding:4px 0px 0 0px; font-size:30px; color:#2f3b3f;}
#content_conter_title_navi{height:20px; padding:0 0 0 0; margin:0; float:left; text-align:left; font-size:12px;font-weight:bold; color:#707070;}
#content_conter_title_subject img{vertical-align: text-top;}


.history_top p { width:100%;}
.history{ padding: 15px 0;}
.history .title{width: 100%;}
.history_top .title2 { padding:0px 0 0 0; font-size:13px;}
.history li{width: 100%; height:100%; display: block;}
.history .title h3{font-size: 20px; padding-bottom: 10px;}
.history img{ width:100%;}
.history_top h3 { font-size:20px; font-weight:500;line-height: 23px;}
.history_top h4 { font-size:20px; font-weight:500;line-height:23px;}
.history .win { width:100%;display:block;}
.history .title, .history .cont { display: block;}

.ci_top p { width:100%; font-size:14px; line-height:20px;}
.ci_top h3 { font-size:20px; font-weight:500;line-height: 23px; letter-spacing:0px;}
.ci_top h4 { font-size:20px; font-weight:500;line-height:23px;}
.ci_top .title2 { padding:0px 0 0 0; font-size:13px;}
.ci{ padding: 15px 0; display:block;}
.ci .title{width: 100%;}
.ci li{width: 100%; height:100%; display: block;}
.ci .title h3{font-size: 20px; padding-bottom: 10px;}
.ci img{ width:100%; padding:50px 0;}
.ci .win { width:100%;display:block;}
.ci .title, .ci .cont { display: block;}
.ci .cont { width:100%; font-size:13px; line-height:20px;}

#right_area ul.history_tab li {width:50%;}
#right_area .bg {width:100%;}

.gall_row .col-gn-4{width:100%}
.gall_row .col-gn-3 {width:100%;}

}

.sticky_top {display: none;}