html, body { width:100%; height:100%; /*font-size:0;*/ line-height:0; /*font-family: 'NanumBarunGothic', sans-serif;*/ } /* Regular(400), Bold(700), Light(300), Ultra Light(200) */
#contents { width:100%; height:100%; overflow:hidden; min-width:1288px; position:relative; background:#fff; }
.m_wrap_1 { position:relative; margin-right:0px; /*z-index:3;*/ }
.louvreps_wrap { position:relative; margin-right:0px; margin-top:0px; overflow:hidden; }

.mc_special_loader { height:100vh; background:#fff; position:relative }
.margin_36 { margin:0 36px }	
.box_fluid { margin-left:70px; margin-right:70px; position:relative }
.box_fluid2 { margin-right:70px; position:relative }
.box_fluid3 { margin-left:70px; margin-right:70px; position:relative }
.box_fluid4 { margin-left:70px; margin-right:70px; position:relative }
	
.titleImage:before { content:''; width:1px; height:100px; background:rgba(0,0,0,.1); top:0; left:50%; position:absolute }
.titleImage p { font-family:'Oswald-Regular'; font-size:10px; line-height:1; color:#ccc; padding-top:185px; position:relative; text-transform:uppercase }
.titleImage p:before { content:''; width:60px; height:1px; background:rgba(0,0,0,.1); top:170px; left:50%; margin-left:-30px; position:absolute }

@media only screen and (max-width: 1496px) {
	.box_fluid2 { /*margin-left:0px; margin-right:70px;*/ /*max-width:none;*/ }
	.c_cooperation_container .banner { padding:0 29px !important; }
	/*.c_sms_wrap { margin-left:-538px !important; }*/
	/*.mc5_wrap .movie_wrap { width:538px !important; height:306px !important; }*/
}
@media only screen and (max-width: 1682px) { /* 1570+70+17 */
	.box_fluid3 { margin-left:0px; margin-right:70px; }
}
@media only screen and (max-width: 1744px) { /* 1632+70+17 */
	.box_fluid4 { margin-left:0px; margin-right:70px; }
}
@media only screen and (max-width: 1740px) { /* 1652+70+17 */
	.box_fluid { margin-left:0px; margin-right:70px; }
	.box_fluid2 { margin-left:0px; margin-right:70px; /*max-width:none;*/ }
}

/* Dots */
.slick-dotted.slick-slider
{
	margin-bottom: 0px !important;
}



/* special ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	
	
	
/* selca ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mc_selca { position:relative; padding:80px 0 80px 0 }
	
.mc_selca_wrap { /*max-width:calc(1652px + 140px);*/ max-width:1652px; margin:0 auto; position:relative; font-size:0 }

/*#mc_selca .titleImage { height:260px; background:url(/images/main/selca/title.png) center 120px no-repeat; position:relative; text-align:center; letter-spacing:1px }*/
#mc_selca .mc_title_wrap { width:100%; height:0; padding-bottom:9%; background:url(/images/main/selca/title.gif) no-repeat center center/contain }
/*
.selcaBox { background:none; border-radius:0px 0px 0 0; padding:0 0px; }
.selcaBox_btn { position:absolute; width:60px; height:calc(100% - 64px); background:rgba(255,0,0,.0); cursor:pointer }
.selcaBox_prev { top:0px; left:-60px }
.selcaBox_prev .arrow { top:50%; left:50%; margin:-40px 0 0 -20px; position:absolute; }
.selcaBox_next { top:0px; right:-60px }
.selcaBox_next .arrow { top:50%; left:50%; margin:-40px 0 0 -20px; position:absolute; }
*/
.selcaBox { background:none; border-radius:0px 0px 0 0; padding:0 0px; }
.selcaBox_btn { position:absolute; width:60px; height:100px; background:none; cursor:pointer }
.selcaBox_prev { bottom:19%; left:0px }
.selcaBox_prev .arrow { top:50%; left:50%; margin:-40px 0 0 -20px; position:absolute; }
.selcaBox_next { top:15%; margin-top:-40px; right:0px }
.selcaBox_next .arrow { top:50%; left:50%; margin:-40px 0 0 -20px; position:absolute; }

.selcaBox .selcaList { position:relative }
.selcaBox .selcaList .photo { position:relative }

.selcaBox .slick-slide { }
.selcaBox .slick-slide img { width:100%; }

.selcaBox .selcaDots_wrap { margin-top:40px; padding-bottom:0px; font-size:0; text-align:center; }
.selcaBox .selcaDots_wrap li { display:inline-block; *display:inline; zoom:1; padding:4px; cursor:pointer }
.selcaBox .selcaDots_wrap li.slick-active button { background:#333; width:32px; height:8px;  }
.selcaBox .selcaDots_wrap li button { vertical-align:middle; overflow:hidden; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; border-radius:4px; box-sizing:border-box; background:#ccc; box-sizing:border-box;
text-indent:-9999px; border:none; cursor:pointer; transition:all ease-out .3s; }
	
	
	
/* bna ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mc_bna { position:relative; padding:100px 0 0 0px; background:#fff }

.mc_bna_wrap { width:100%; /*max-width:1712px;*/ margin:0 auto; position:relative; padding-top:0px; background:#fff }

#mc_bna .titleImage { height:300px; background:#fff url(/images/main/bna/title.png) center 120px no-repeat; position:relative; text-align:center; letter-spacing:1px }
#mc_bna .titleImage:before { }
#mc_bna .titleImage p { padding-top:255px }
#mc_bna .titleImage p:before { top:240px }

#mc_bna .bnaBox_btn { top:0; position:absolute; width:110px; padding:20px }
#mc_bna .btn_prev { left:25%; margin-left:-100px }
#mc_bna .btn_prev .arrow { display:inline-block; vertical-align:middle; width:108px; height:60px; background:url(/images/main/bna/prev.png) no-repeat center center }
#mc_bna .btn_next { right:25%; margin-right:-100px }
#mc_bna .btn_next .arrow { display:inline-block; vertical-align:middle; width:108px; height:60px; background:url(/images/main/bna/next.png) no-repeat center center }

#mc_bna .btn_prev:hover,#mc_bna .btn_prev:focus,#mc_bna .btn_next:hover,#mc_bna .btn_next:focus { opacity:1 !important; cursor:pointer !important }
#mc_bna .btn_prev.slick-disabled,#mc_bna .btn_next.slick-disabled { opacity:.2 !important; cursor:default !important }

.bnaBox .list { position:relative; padding-top:50px; cursor:pointer }
.bnaBox .list .photo { position:relative; border-radius:0px; /*overflow:hidden;*/ max-width:783px; margin:0 auto; background:none }
.bnaBox .list .photo .img_wrap .squ { top:50%; left:50%; position:absolute; transform:translate(-50%,-50%); width:100%; height:100% }
.bnaBox .list .photo .img_wrap img { margin:0 auto; position:relative }

.bnaBox .slick-slide { }
.bnaBox .slick-slide img { width:100%; }

.bnaBox .bnaDots_wrap { font-size:0; text-align:center; /*bottom:0; left:0; position:absolute; width:100%*/ }
.bnaBox .bnaDots_wrap li { display:inline-block; *display:inline; zoom:1; padding:8px; cursor:pointer }
.bnaBox .bnaDots_wrap li.slick-active button { background:#333; width:32px; height:8px;  }
.bnaBox .bnaDots_wrap li button { vertical-align:middle; overflow:hidden; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; border-radius:4px; box-sizing:border-box; background:#ccc; box-sizing:border-box;
text-indent:-9999px; border:none; cursor:pointer; }

.bnaBox .photo .img_wrap {
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8); 
	-o-transform:scale(.8);  
	transform:scale(.8);
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	transition-timing-function: ease-in-out;
}
	
	
	
/* selfie ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mc_selfie { width:100%; position:relative; margin-top:80px; text-align:center }
#mc_selfie:before { content:''; top:calc(260px + ((100% - 260px)/3)*2); right:0; position:absolute;
 width:calc(50% + 118px); height:calc((100% - 260px)/3 + 160px + 652px); background:url(/images/main/review/bg2.gif) 100% 100%/cover }
 
 
 
@media only screen and (max-width: 1740px) {
	#mc_selfie:before { width:calc(((100% - 70px)/7)*4 + 70px) }
}

.mc_selfie_wrap { max-width:calc(1652px + 140px); margin:0 auto; position:relative; font-size:0 }

#mc_selfie .titleImage { height:260px; background:url(/images/main/selfie/title.png) center 120px no-repeat; position:relative; text-align:center; letter-spacing:1px }

#mc_selfie .thumb_wrap { position:relative }
#mc_selfie .thumb_wrap .linkBtn { display:inline-block; *display:inline; zoom:1; width:14.285%; height:0; padding-bottom:14.285%; position:relative; overflow:hidden; z-index:1 }
#mc_selfie .thumb_wrap .linkBtn .bg { top:0; left:0; position:absolute; width:100%; height:100%;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1); 
-o-transform:scale(1);  
transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
}
#mc_selfie .thumb_wrap .linkBtn .on { top:0; left:0; position:absolute; width:100%; height:100%; background:#000; opacity:0; filter:alpha(opacity=0) }
#mc_selfie .thumb_wrap .linkBtn .more { box-sizing:border-box; top:50%; left:50%; margin-top:-30px; margin-left:-30px; position:absolute; width:60px; height:60px; border-radius:50%; border:4px solid rgba(255,255,255,.2);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5); 
-o-transform:scale(1.5);  
transform:scale(1.5);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
 }
#mc_selfie .thumb_wrap .linkBtn .more:before { content:''; top:50%; left:50%; margin-top:-15px; position:absolute; width:1px; height:30px; background:rgba(255,255,255,.2) }
#mc_selfie .thumb_wrap .linkBtn .more:after { content:''; top:50%; left:50%; margin-left:-15px; position:absolute; width:30px; height:1px; background:rgba(255,255,255,.2) }

#mc_selfie .thumb_wrap .video1_container { top:0; left:calc(14.285% - 2px); position:absolute; width:calc(14.285% + 4px); height:0; padding-bottom:calc((14.285% * 2) + 4px); overflow:hidden; z-index:0 }
#mc_selfie .thumb_wrap .video2_container { bottom:0; right:14.20%; position:absolute; width:calc(14.285% + 4px); height:0; padding-bottom:calc((14.285% * 2) + 4px); overflow:hidden; z-index:0 }
#mc_selfie .thumb_wrap .video_wrap { width:100%; height:100%; position:absolute; top:0; left:0; background:none;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1); 
-o-transform:scale(1);  
transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s }
#mc_selfie .thumb_wrap .video_container .video_wrap  .video { top:0; left:0%; position:absolute }
#mc_selfie .thumb_wrap .video_container .on { top:0; left:0; position:absolute; width:100%; height:100%; background:#000; opacity:0; filter:alpha(opacity=0) }
#mc_selfie .thumb_wrap .video_container .more { box-sizing:border-box; top:50%; left:50%; margin-top:-30px; margin-left:-30px; position:absolute; width:60px; height:60px; border-radius:50%; border:4px solid rgba(255,255,255,.2);
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5); 
-o-transform:scale(1.5);  
transform:scale(1.5);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
 }
#mc_selfie .thumb_wrap .video_container .more:before { content:''; top:50%; left:50%; margin-top:-15px; position:absolute; width:1px; height:30px; background:rgba(255,255,255,.2) }
#mc_selfie .thumb_wrap .video_container .more:after { content:''; top:50%; left:50%; margin-left:-15px; position:absolute; width:30px; height:1px; background:rgba(255,255,255,.2) }

#mc_selfie .thumb_wrap > img { top:50%; left:8%; position:absolute; width:18.45%; z-index:1 }

#mc_selfie .btn_wrap { top:0; left:0; position:absolute; width:100%; height:100%; z-index:2 }
#mc_selfie .btn_wrap .linkBtn { display:inline-block; *display:inline; zoom:1; width:14.285%; height:0; padding-bottom:14.285%; position:relative; overflow:hidden }
	
	
	
/* review ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mc_review { position:relative; margin-top:160px }
	
.mc_review_wrap { /*max-width:calc(1652px + 140px); margin:0 auto;*/ position:relative; font-size:0 }

/* left */
.mc_review_wrap > div:first-child { width:100%; height:806px; position:relative }
.mc_review_wrap > div:first-child > div { top:0; left:0; position:absolute; width:50%; height:100%; background:url(/images/main/review/bg.jpg) 100% 50%/cover }
.mc_review_wrap > div:first-child > div:after { content:''; top:0; left:0; position:absolute; width:100%; height:100%; background:url(/images/main/review/gp.png) right bottom no-repeat }
/* right */
.mc_review_wrap > div:last-child { top:0; left:0; margin-left:50%; position:absolute; width:calc(50% - 70px); font-size:0 }

#mc_review .titleImage2 { background:url(/images/main/review/title.png) center 120px no-repeat; top:0; margin-top:-120px; left:0; position:absolute; width:100%; height:100%; text-align:center; letter-spacing:1px }
#mc_review .titleImage2:before { content:''; width:1px; height:100px; background:rgba(255,255,255,.5); top:0; left:50%; position:absolute }
#mc_review .titleImage2:after { content:''; width:60px; height:1px; background:rgba(255,255,255,.5); top:170px; left:50%; margin-left:-30px; position:absolute }
#mc_review .titleImage2 p { font-family:'Oswald-Regular'; font-size:12px; line-height:1; color:rgba(255,255,255,.5); position:relative; display:inline-block;
text-transform:uppercase; letter-spacing:2px; transform:rotate(90deg); margin-top:450px; text-align:left /*writing-mode:vertical-rl; text-orientation:mixed;*/  }

#mc_review .titleImage2 p:after { content:''; vertical-align:middle; margin-left:20px; width:160px; height:1px; background:rgba(255,255,255,.5); display:inline-block }

.mc_review_wrap .linkBtn { display:inline-block; width:50%; overflow:hidden; position:relative; text-align:center }
.mc_review_wrap .linkBtn .gp_wrap { width:100%; height:652px; position:relative }
.mc_review_wrap .linkBtn:first-child .gp_wrap { background:url(/images/main/review/w1.png) center bottom no-repeat }
.mc_review_wrap .linkBtn:last-child .gp_wrap { background:url(/images/main/review/w2.png) center bottom no-repeat }

.mc_review_wrap .linkBtn .title_wrap { position:relative; height:154px; overflow:hidden; background:#fff; letter-spacing:-1px }
.mc_review_wrap .linkBtn .title_wrap > p:first-child { font-size:30px; color:#333; font-family:'s-c-d-extrabold'; line-height:1; padding-top:60px }
.mc_review_wrap .linkBtn .title_wrap > p:last-child { font-size:15px; color:#999; line-height:1.4; margin-top:25px; font-family:'s-c-d-regular' }
.mc_review_wrap .linkBtn:last-child .title_wrap:before { content:''; top:35%; left:0; position:absolute; width:1px; height:65%; background:rgba(0,0,0,.1) }
@media only screen and (max-width: 1740px) {
	.mc_review_wrap > div:first-child > div { width:calc(50% - 35px) }
	.mc_review_wrap > div:last-child { margin-left:calc(50% - 35px); width:calc(50% - 35px); }
}
	
	
	
/* choice ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#mc_choice { width:100%; position:relative; background:#fff; line-height:1; margin-top:80px; margin-bottom:80px }
	
.mc_choice_wrap { max-width:calc(1652px + 140px); margin:0 auto; position:relative; font-size:0 }

#mc_choice .titleImage { height:260px; background:url(/images/main/choice/title.png) center 120px no-repeat; position:relative; text-align:center; letter-spacing:1px }

.mc_choice_wrap .box { display:inline-block; *display:inline; zoom:1; width:25%; position:relative; text-align:center }
.mc_choice_wrap .box > div:nth-child(1) { width:100%; height:0px; padding-bottom:100%; position:relative; overflow:hidden }
.mc_choice_wrap .box > div:nth-child(1) > img { top:0; left:0; position:absolute; width:100%;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1); 
-o-transform:scale(1);  
transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s; }
.mc_choice_wrap .box > div:nth-child(2) { position:relative; padding-top:40px; background:#fff; letter-spacing:-1px }
.mc_choice_wrap .box > div:nth-child(2) > p:first-child { font-size:25px; color:#333; font-family:'s-c-d-extrabold' }
.mc_choice_wrap .box > div:nth-child(2) > p:last-child { font-size:16px; color:#777; line-height:1.2; margin-top:15px; padding-bottom:40px; font-family:'s-c-d-regular' }
.mc_choice_wrap .box > div:nth-child(2):before { content:''; top:20%; left:0; position:absolute; width:1px; height:60%; background:#eee }
.mc_choice_wrap .box:last-child > div:nth-child(2):after { content:''; top:20%; right:0; position:absolute; width:1px; height:60%; background:#eee }
	
	
	
/* intro ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	
	
	
/* special ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* special ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* special ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */