@charset "utf-8";

@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansKR-Regular.eot');
    src: url('../font/NotoSansKR-Regular.woff2') format('woff2'), url('../font/NotoSansKR-Regular.woff') format('woff'), url('../font/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'NotoSansBold';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansKR-Medium.eot');
    src: url('../font/NotoSansKR-Medium.woff2') format('woff2'), url('../font/NotoSansKR-Medium.woff') format('woff'), url('../font/NotoSansKR-Medium.otf') format('opentype');
}

/* css_reset */
html{-webkit-text-size-adjust: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body{width:100%; height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input{margin:0;padding:0;-webkit-text-size-adjust:none;word-break:keep-all;}
input,textarea{border-radius:0;resize:none;background:transparent;border:0;}
body,h1,h2,h3,h4,h5,h6,input,button{font-family:'NotoSans', Dotum,'돋움', Helvetica, AppleSDGothicNeo, sans-serif;font-size:12px;}
body{color:#666;word-wrap:break-word;word-break:break-all;}
caption, legend{font-size: 0;line-height: 0;text-indent: -5000px;}
img, fieldset, iframe{border:0 none;vertical-align:top;}
fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:normal}
i,em,address{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:none;}
input[type="submit"]{cursor:pointer;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.hidden{clear:both;height:0;line-height:0;width:0;position:absolute;top:-9999px;left:-9999px;}
.clear_both{*overflow:hidden;*zoom:1}.clear_both:after{content:"";display:block;clear:both}

/* 2018-03-27 수정 */
/* layer popup */
/* 2018-03-27 수정01 */
#slider-bu{position:relative;width:60%;height:600px;padding-bottom:0;top:50px;margin:0 auto}
/* 2018-03-27 수정01 */
#slider-bu .btn-left{position:absolute;left:4%;z-index:100;display:block;width:60px;height:60px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
#slider-bu .btn-right{position:absolute;right:4%;z-index:100;display:block;width:60px;height:60px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
#slider-bu .btn-wrap{position:absolute;right:4%;z-index:100;display:block;width:60px;height:60px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;}
#slider-bu .btn-wrap-left{width:56px;height:88px;position:absolute;top:25%;left:0;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;left:4%;z-index:100;display:block;width:60px;height:60px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-left .btn-left:hover{background:url('../images/btn_prev_on.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-left .count{text-align:center;position: absolute;bottom: 0;width:100%;}
#slider-bu .btn-wrap-left .count span{font-size:16px;}
#slider-bu .count span.paging{color:#333;}
#slider-bu .count span.total{color:#c7c7c7;}
#slider-bu .btn-wrap-right{width:56px;height:88px;position:absolute;top:25%;right:0;z-index:100;display:block;}
#slider-bu .btn-wrap-right .btn-right{position:absolute;right:0;z-index:100;display:block;width:60px;height:60px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .btn-right:hover{background:url('../images/btn_next_on.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .count{text-align:center;position: absolute;bottom: 0;width:100%;}
#slider-bu .btn-wrap-right .count span{font-size:16px}

#slider-bu .txt-wrap{position:absolute;top:100%;left:0;right:0;display:none;}
#slider-bu .thumb{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background:#aaa;transition:All 0.5s;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#slider-bu .thumb:after{position: absolute;top: 0;left: 0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);}
#slider-bu .holder-bu{position:absolute;width:59%;/*height:621px;*/padding-bottom:33%;transition:All 0.5s;perspective:800px;}
#slider-bu .holder-bu .thumb:focus{border:1px solid red;}
#slider-bu .holder-bu-awayL7{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL6{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL5{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL4{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL3{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL2{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL1{top:5%;left:3%;z-index:20;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-center{top:0;left:50%;z-index:50;opacity:1;transform:translateX(-50%);box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#slider-bu .holder-bu-awayR1{top:5%;left:38%;z-index:40;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR2{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR3{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR4{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR5{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR6{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR7{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR8{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-center .thumb{background:#aaa;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#slider-bu .holder-bu-center .thumb:after{display:none;}
#slider-bu .holder-bu-awayL7 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL6 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL5 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL4 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL3 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL2 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL1 .thumb{transform: rotateY(40deg) scale(0.7);}
#slider-bu .holder-bu-center .thumb{transform: rotateY(0) scale(1);}
#slider-bu .holder-bu-center .txt-wrap{display:block;}
#slider-bu .holder-bu-awayR1 .thumb{transform: rotateY(-40deg) scale(0.7);}
#slider-bu .holder-bu-awayR2 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-awayR3 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-awayR4 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-awayR5 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-awayR6 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-awayR7 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-awayR8 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-center .box-text{display:block;display:block;padding:15px 25px;background:#ededed;position: absolute;top:105%;left: 0;right: 0;}
#slider-bu .box-text{display:none;}
#slider-bu .box-text .text-1{display:block;font-family:'NotoSans';font-size:17px;color:#2a77cd;}
#slider-bu .box-text .text-2{display:block;font-size:34px;color:#333;font-family:'NotoSans';}
#slider-bu .box-text .text-3{display:block;font-family:'NotoSans';font-size:15px;color:#777;margin-top:10px;line-height:26px;letter-spacing:-0.03em;}

.boxTextM{display:none;}

/* 2018-03-27 수정02 */
.ly_pop_thumb{display:none;z-index:150;width:100%;padding:10px;height:650px;background-color:#ededed;position:absolute;left:0;bottom:0}
.ly_pop_thumb .btn_close{position:absolute;right:200px;top:50px;width:40px;height:40px;background:url('../images/btn_close.png') no-repeat;background-size:100% 100%}

/* //2018-03-27 수정02 */



@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700);

/**/

#slider-bu{top: 270px;}

@media all and (max-width:1450px){
	
#slider-bu .btn-wrap-left{width:28px;height:88px;position:absolute;top:20%;left:0px;z-index:100;display:block;}
#slider-bu .btn-wrap-right{width:28px;height:88px;position:absolute;top:20%;right:0px;z-index:100;display:block;}
	
	
}

@media all and (max-width:1024px) {
/* layer popup */

/* 2018-03-27 수정01 */
#slider-bu{position:relative;width:60%;height:300px;top:35px;margin:0 auto}
/* 2018-03-27 수정01 */
#slider-bu .btn-left{position:absolute;left:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
#slider-bu .btn-right{position:absolute;right:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;font-size:0;text-indent:-9999px;}
#slider-bu .btn-wrap{position:absolute;right:4%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;}
#slider-bu .btn-wrap-left{width:28px;height:88px;position:absolute;top:30%;left:5%;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;left:0%;z-index:100;display:block;width:30px;height:30px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-left .btn-left:hover{background:url('../images/btn_prev_on.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-left .count{text-align:center;position: absolute;bottom:39px;width:100%;}
#slider-bu .btn-wrap-left .count span{font-size:12px;}
#slider-bu .count span.paging{color:#333;}
#slider-bu .count span.total{color:#c7c7c7;}
#slider-bu .btn-wrap-right{width:28px;height:88px;position:absolute;top:30%;right:5%;z-index:100;display:block;}
#slider-bu .btn-wrap-right .btn-right{position:absolute;right:0%;z-index:100;display:block;width:30px;height:30px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .btn-right:hover{background:url('../images/btn_next_on.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .count{text-align:center;position: absolute;bottom:39px;width:100%;}
#slider-bu .btn-wrap-right .count span{font-size:12px}

#slider-bu .txt-wrap{position:absolute;top:100%;left:0;right:0;display:none;}
#slider-bu .thumb{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;background:#aaa;transition:All 0.5s;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#slider-bu .thumb:after{position: absolute;top: 0;left: 0;display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);}
#slider-bu .holder-bu{position:absolute;width:59%;/*height:621px;*/padding-bottom:33%;transition:All 0.5s;perspective:800px;}
#slider-bu .holder-bu .thumb:focus{border:1px solid red;}
#slider-bu .holder-bu-awayL2{top:5%;left:-6%;z-index:10;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayL1{top:5%;left:3%;z-index:20;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-center{top:0;left:50%;z-index:50;opacity:1;transform:translateX(-50%);box-shadow: 0 0 30px rgba(0,0,0,0.1);}
#slider-bu .holder-bu-awayR1{top:5%;left:38%;z-index:40;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-awayR2{top:5%;left:47%;z-index:30;opacity:1;transform:scale(0.8);}
#slider-bu .holder-bu-center .thumb{background:#aaa;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#slider-bu .holder-bu-center .thumb:after{display:none;}
#slider-bu .holder-bu-awayL2 .thumb{transform: rotateY(40deg) scale(0.6);}
#slider-bu .holder-bu-awayL1 .thumb{transform: rotateY(35deg) scale(0.7);}
#slider-bu .holder-bu-center .thumb{transform: rotateY(0) scale(1);}
#slider-bu .holder-bu-center .txt-wrap{display:block;}
#slider-bu .holder-bu-awayR1 .thumb{transform: rotateY(-35deg) scale(0.7);}
#slider-bu .holder-bu-awayR2 .thumb{transform: rotateY(-40deg) scale(0.6);}
#slider-bu .holder-bu-center .box-text{display:block;display:block;padding:15px 0px;background:#ededed;position: absolute;top:105%;left: 0;right: 0;}
#slider-bu .box-text{display:none;}
#slider-bu .box-text .text-1{display:block;font-family:'NotoSans';font-size:12px;color:#2a77cd;}
#slider-bu .box-text .text-2{display:block;font-size:18px;color:#333;font-family:'NotoSans';}
#slider-bu .box-text .text-3{display:block;font-family:'NotoSans';font-size:11px;color:#777;margin-top:10px;line-height:20px;letter-spacing:-0.03em;}

/* 2018-03-27 수정02 */
.ly_pop_thumb{display:none;width:100%;padding:0;height:100%;background-color:#ededed;position:fixed;left:0;bottom:0;z-index:150;z-index:9999;}
.ly_pop_thumb .btn_close{position:absolute;right:30px;top:10px;width:25px;height:25px;background:url('../images/btn_close.png') no-repeat;background-size:100% 100%;z-index:99999;}
.ly_01{}
/* 2018-03-27 수정02 */
}

@media all and (max-width:768px){
	
#slider-bu .btn-wrap-left{width:28px;height:28px;position:absolute;top:25%;left:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-right{width:28px;height:28px;position:absolute;top:25%;right:3%;z-index:100;display:block;}

}

@media all and (max-width:414px){
#slider-bu{width:100%;}
/*
.box-text{display:none !important;}
.boxTextM{display:block; width:100%; background:#ededed; position:absolute; top:43%;left: 0;right: 0;}
.boxTextM>.text-1{display:block;font-family:'NotoSans';font-size:12px;color:#2a77cd;}
.boxTextM>.text-2{display:block;font-size:18px;color:#333;font-family:'NotoSans';}
.boxTextM>.text-3{display:block;font-family:'NotoSans';font-size:11px;color:#777;margin-top:10px;line-height:20px;letter-spacing:-0.03em;}	
*/
#slider-bu .btn-wrap-left{width:28px;height:28px;position:absolute;top:20%;left:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-right{width:28px;height:28px;position:absolute;top:20%;right:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;left:0%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .btn-right{position:absolute;right:0%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;background-size:100% 100%}



}

@media all and (max-width:360px){
#slider-bu{width:100%;}
/*
.box-text{display:none !important;}
.boxTextM{display:block; width:100%; background:#ededed; position:absolute; top:38%;left: 0;right: 0;}
.boxTextM>.text-1{display:block;font-family:'NotoSans';font-size:12px;color:#2a77cd;}
.boxTextM>.text-2{display:block;font-size:18px;color:#333;font-family:'NotoSans';}
.boxTextM>.text-3{display:block;font-family:'NotoSans';font-size:11px;color:#777;margin-top:10px;line-height:20px;letter-spacing:-0.03em;}	
*/
#slider-bu .btn-wrap-left{width:28px;height:28px;position:absolute;top:20%;left:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-right{width:28px;height:28px;position:absolute;top:20%;right:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;left:0%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .btn-right{position:absolute;right:0%;z-index:100;display:block;width:25px;height:25px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;background-size:100% 100%}



}

@media all and (max-width:320px){
#slider-bu{width:100%;}

/*
.box-text{display:none !important;}
.boxTextM{display:block; width:100%; background:#ededed; position:absolute; top:33%;left: 0;right: 0;}
.boxTextM>.text-1{display:block;font-family:'NotoSans';font-size:12px;color:#2a77cd;}
.boxTextM>.text-2{display:block;font-size:18px;color:#333;font-family:'NotoSans';}
.boxTextM>.text-3{display:block;font-family:'NotoSans';font-size:11px;color:#777;margin-top:10px;line-height:20px;letter-spacing:-0.03em;}	
*/
#slider-bu .btn-wrap-left{width:28px;height:28px;position:absolute;top:18%;left:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-right{width:28px;height:28px;position:absolute;top:18%;right:3%;z-index:100;display:block;}
#slider-bu .btn-wrap-left .btn-left{position:absolute;left:0%;z-index:100;display:block;width:20px;height:20px;border:0;background:url('../images/btn_prev.png') no-repeat 0 0;background-size:100% 100%}
#slider-bu .btn-wrap-right .btn-right{position:absolute;right:0%;z-index:100;display:block;width:20px;height:20px;border:0;background:url('../images/btn_next.png') no-repeat 0 0;background-size:100% 100%}

}