@charset "utf-8";
/* **** Common Reset **** */
*{word-break:break-all;word-wrap:break-word;}
html, body, div, dl, dt, dd, ul, ol, li, p {margin: 0px;padding: 0px;list-style: none;word-break: keep-all;  font-family: 'GmarketSansMedium';}
body,div,ul,ol,li,h1,h2,h3,h4,h5{margin: 0;padding: 0;}
input,select,textarea{vertical-align: middle; margin: 0; padding: 0; border: 0; }
a{text-decoration: none;vertical-align: middle;font-size: inherit;color: inherit;transition:all 0.1s ease-in-out;}
img{border: 0;vertical-align: middle;margin:0;padding: 0;border: 0;width: 100%;}
table {border-collapse: collapse; width: 100%;}
caption{width: 0; height: 0; font-size: 0; overflow: hidden;}

@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }

.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}


/**/
.wrap{position:relative;}
.div-logo{height: 75px;z-index: 2;text-align: center;border-bottom: 1px solid #eeeeee;}
.div-logo a.logo{display:inline-block;position: absolute;top: 23px;left: 20px;}
.wrap{width:100%;}
.div-logo p{position: absolute;top: 8px;right: 10px;}


.wrap > div{position:relative;}

#fixed-btn{position:fixed;right: 0;top: calc(50% - 220px);z-index: 9999;}

#fixed-btn li a{width:238px;height:54px;font-size:0;display:block;margin-bottom: 5px;}

#fixed-btn ul li a.Btn1 {background:url(../images/fixBox-btn01-off.png) no-repeat left top ;}
#fixed-btn ul li a.Btn2 {background:url(../images/fixBox-btn02-off.png) no-repeat left top ;}
#fixed-btn ul li a.Btn3 {background:url(../images/fixBox-btn03-off.png) no-repeat left top ;}
#fixed-btn ul li a.Btn4 {background:url(../images/fixBox-btn04-off.png) no-repeat left top ;}
#fixed-btn ul li a.Btn1.on {background:url(../images/fixBox-btn01-on.png) no-repeat left top ;}
#fixed-btn ul li a.Btn2.on {background:url(../images/fixBox-btn02-on.png) no-repeat left top ;}
#fixed-btn ul li a.Btn3.on {background:url(../images/fixBox-btn03-on.png) no-repeat left top ;}
#fixed-btn ul li a.Btn4.on {background:url(../images/fixBox-btn04-on.png) no-repeat left top ;}




.con02{position:relative;}
.con02 iframe {
position: absolute;
top: 10%;
left: 19.8%;
width: 60.5%;
height: 25.6%;
}

.con03{position:relative;}
.con03 .btnA{position: absolute;top: 5.8%;left: 55%;width: 15.4%;}


.con03-List1{width: 100%;position: absolute;top: 25%;text-align: center;}
.con03-List1 a{
width: 19.2%;
display: inline-block;
margin: 0 8px;
}
.con03-List1 a img {
width: 100%;
}


.con03-List2{width: 100%;position: absolute;top: 82%;text-align: center;}
.con03-List2 a{border:1px solid #eeeeee;width: 26.65%;display: inline-block;margin-left: -6px;position:relative;}
.con03-List2 a img {width: 100%;}
.con03-List2 a.on:before{ content:'';width:100%;height:100%; position:absolute; left:0;top:0;  border:1px solid #e0241b;z-index: 2;}

.con04-Tab{
position: absolute;
top: 14%;
left: 10%;
width: 80%;
}
.con04-Tab .con04-TabBtn1{display: inline-block;width: 50%;height: 10%;font-size: 0;position: absolute;left: 0;top: 0;z-index: 9;}
.con04-Tab .con04-TabBtn2{display: inline-block;width: 50%;height: 10%;font-size: 0;position: absolute;right: 0;top: 0;z-index: 9;}
.con04-TabCon1{position:relative;}
.con04-TabCon2{position:relative;}
.con04-TabCon2 iframe{position: absolute;top: 12.8%;left: 9.5%;width: 80.9%;height: 46.6%;}
.con04-TabCon2 .BtnG{position: absolute;right: 9.5%;bottom: 14%;width: 18%;}



/*slick s*/
	.hide {clip: rect(0 0 0 0);width: 1px;height: 1px;position: absolute;overflow: hidden;margin: -1px;padding: 0;border: 0;}
	.con_box_out{
position: absolute;
top: 45.5%;
left: 21%;
width: 57%;
}
	.con_box .slick-list a{position: relative;overflow: hidden;}

	.con_box .slick-list a p{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: url(../images/con03_slider_mask.png) repeat left top;
padding: 20px 0 12px 0;
}
	.con_box .slick-list a p span{
margin-left: 130px;
color: #ffffff;
font-size: 17px;
line-height: 20px;
height: 21px;
width: calc(100% - 345px);
overflow: hidden;
display: inline-block;
}


	.con_box:after { content: ''; display: block; clear: both; }
	.con_box {width: 100%;position: relative;height: auto;overflow: hidden;border: 20px solid #f6f6f6;}
	.con_box  .slick-slide:focus { position: relative; }
	.con_box  .slick-slide:focus:after { content: ''; display: block; width: calc(100% - 4px); height: calc(100% - 4px); outline: 2px dotted #5e8fbe; position: absolute; top: 2px; left: 2px; }
	.con_box a{display:inline-block;width:100%;}
	.con_box img { width: 100%; }
	.con_box .mb_attr {/* position: absolute; */bottom: 0;left: 0;z-index: 1;}
	.con_box .mb_attr .mb_paging {display: inline-block;/* padding: 8px 45px 14px; *//* background: rgba(0, 0, 0, 0.5); *//* vertical-align: middle; */color: #ffffff;font-size: 17px;line-height: 25px;position: absolute;left: 47px;bottom: 14px;z-index: 999;}
	.con_box .mb_attr .mb_paging span {color: #fff;font-size: 25px;line-height: 25px;vertical-align: text-bottom;}
	.con_box .mb_attr .mb_prev, .con_box  .mb_attr .mb_stop, .con_box  .mb_attr .mb_next {width: 60px;height: 60px;border:none;cursor: pointer;}
	.con_box .mb_attr .mb_prev {background: url("../images/con03_slider_prev.jpg") no-repeat left top;position: absolute;right: 122px;bottom: 0;z-index: 9;}
	.con_box .mb_attr .mb_prev:hover {background: url("../images/con03_slider_prev_hover.jpg") no-repeat left top;}

	.con_box .mb_attr .mb_next {background: url(../images/con03_slider_next.jpg) no-repeat left top;position: absolute;right: 0;bottom: 0;z-index: 9;}
	.con_box .mb_attr .mb_next:hover {background: url(../images/con03_slider_next_hover.jpg) no-repeat left top;}

	.con_box .mb_attr .mb_stop {background: url(../images/con03_slider_stop.jpg) no-repeat left top;position: absolute;right: 61px;bottom: 0;z-index: 9;}
	.con_box .mb_attr .mb_stop:hover {background: url(../images/con03_slider_stop_hover.jpg) no-repeat left top;}

	.con_box .mb_attr .mb_stop.play {background: url(../images/con03_slider_play.jpg) no-repeat left top;}
	.con_box .mb_attr .mb_stop.play:hover {background: url(../images/con03_slider_play_hover.jpg) no-repeat left top;}

	/*점점*/
	.con_box .slick-dots{position:absolute;left:0;bottom:0;}
	.con_box .slick-dots li{display: inline-block;}
	.con_box .slick-dots li button{width:20px; height:20px;margin:0 5px;border-radius:200px;background: blue ; font-size:0;}
	.con_box .slick-dots li.slick-active button{background: red ;}
/*slick e*/







/*==========1920===========*/
@media screen and (max-width:1920px) {
	.div-logo{width:100%;}
	.mo-bg{width: 100%;}
}

/*==========1360===========*/
@media screen and (max-width:1360px) {
	.listK ul li .box{
width: 165px;
}
	.OutBg2 .p2 br{display:none;}
}

/*==========1200===========*/
@media screen and (max-width:1400px) {
	.width-auto {width: 100%;margin: 0 auto;}
	.BR1{display:block;}
	.BR3{display:none;}
	.p1 span{margin-bottom:5px;}
}

/*==========1150===========*/
@media screen and (max-width:1150px) {
	.listK ul li .box{width: 145px;}
}

/*==========1024===========*/
@media screen and (max-width: 1024px){
	.wrap{width: 1024px;}
	.div-logo a.logo{top: 23px;left: 20px;}
	.slick-next{top:43% !important;}
	.slick-prev{top:43% !important;}
	.slick-slide img {display: block;width: 100% !important;}
	.mask {width: calc(100% - 0px);}
	.listK ul li .box{width: 147px;}
}