/* 초기화 */
@charset "utf-8";

html,body {margin:0;padding:0;border:0; font-family:'Noto Sans KR'; background:transparent;-webkit-text-size-adjust:none; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word;}
body{padding:0; margin:0; overflow-x:hidden;  border:0;}
ul,li {padding:0;margin:0;}
#wrap {margin:0 auto; width:100%; text-align:center;position:relative;overflow:hidden;}

/*font */

/* view */

	.pc_view {display:block;}
	.mo_view {display:none;}

/* width */

	.w-10{width:10%;}
	.w-20{width:20%;}
	.w-30{width:30%;}
	.w-40{width:40%;}
	.w-45{width:45%;}
	.w-50{width:50%;}
	.w-60{width:60%;}
	.w-70{width:70%;}
	.w-80{width:80%;}
	.w-90{width:90%;}
	.w-100{}
	.w-800 {width:800px;margin:0 auto;}

/* position */

	.p_r {position:relative;}
	.p_a {position:absolute;}

/* background  css*/
	.bg-black{background:#000;}

/* margin*/
	.mg-t-60{margin-top:60px;}
	.mg-t-110{margin-top:110px;}

	.mg-b-40{margin-bottom:40px;}


/* padding */

	.pd-10-0{padding:10px 0}
	.pd-20-0{padding:20px 0}
	.pd-30-0{padding:30px 0}
	.pd-40-0{padding:40px 0}
	.pd-50-0{padding:50px 0}
	.pd-60-0{padding:60px 0}
	.pd-100-0{padding:100px 0}


	.pd-120-60 {padding:120px 0 60px 0}


	.pd-t-10 {padding-top:10px;}
	.pd-t-20 {padding-top:20px;}
	.pd-t-60 {padding-top:60px;}
	.pd-t-100 {padding-top:100px;}
	.pd-t-120 {padding-top:120px;}
	.pd-t-130{padding-top:130px;}
	.pd-t-150{padding-top:150px;}
	.pd-t-200{padding-top:200px;}

	.pd-b-10 {padding-bottom:20px;}
	.pd-b-20 {padding-bottom:20px;}
	.pd-b-120 {padding-bottom:120px;}

	.pd-l-50  {padding-left:50px;}
	.pd-l-70  {padding-left:70px;}
	.pd-l-100 {padding-left:100px;}
	.pd-l-120 {padding-left:120px;}
	.pd-l-180 {padding-left:180px;}
	.pd-r-150 {padding-right:150px;}

/* float */
	.f-l {float:left;}
	.f-r {float:right;}

/* text-align */
	.text-center{text-align:center;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
/* slick dots */ 
	.slick-dotted.slick-slider{margin-bottom: 30px;}
	.slick-dots{position: absolute;bottom: -50px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
	.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
	.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
	.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
	.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
	.slick-dots li button:before{font-family: 'slick';font-size: 30px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
	.slick-dots li.slick-active button:before{opacity: 1;color: #fff;}

/* head */
	.head_t {width:100%;background:#000;color:#fff;text-align:center;height:55px;line-height: 55px;font-size:25px;margin-bottom:30px;}
	.head_t span{display:inline-block;}
	.head_t br {display:none;}
/* main visual */


	.main_visual { width: 100%; min-width: 75px; text-align: center;  margin:0 auto ; position: relative;  }
	.main_visual #main_visual { width: 100%; height: 750px; overflow: hidden; background-color: #f9f9f9; margin-top: -145px; position: relative; z-index: -1; }
	.sub-visual-bg { 
		background: url('/img/sub/orth/main_bg.png') center  no-repeat;
		width:100%; 
		height:100%; 
		background-size:cover !important; 
		background-color: #f1f1f1;
		-ms-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1); 
		-moz-transform: scale(1.1,1.1); 
		-webkit-transform: scale(1.1,1.1); 
		transform: scale(1.1,1.1);
		-webkit-transition:transform 5000ms  ease-in-out ;
		-moz-transition:transform 5000ms ease-in-out ;
		-o-transition:transform 5000ms ease-in-out ;
		-ms-transition:transform 5000ms ease-in-out ;
		transition:transform 5000ms ease-in-out ;
	}

	#main_visual.active .sub-visual-bg {
		-ms-transform: scale(1.0,1.0) rotate(0.01deg);
		-o-transform: scale(1.0,1.0) rotate(0.01deg);
		-moz-transform: scale(1.0,1.0) rotate(0.01deg);
		-webkit-transform: scale(1.0,1.0) rotate(0.01deg);
		 transform: scale(1.0,1.0) rotate(0.01deg);
	}

	.main_visual_wrap {width: 1400px; margin:290px auto 0;text-align: left; }
	.main_visual_wrap > div:first-child { margin-right: 2%; } 
	.main_logo{top:0;right:0;}
	.main_logo2{top:55px;right:0;}


/* section01 눈높이 검증 재료*/
	.section01{background:#000;width:100%;height:500px;text-align:center;}
	.sec01_slick {left:50%;top:50%;transform:translate(-50%,-50%);width:400px;}
	.section01 .slick-dots li button:before{color:#fff !important;}
	.section01 .slick-dots{bottom:-45px;}

/* section02 */
	.section02{padding:120px 0 90px 0}
/* section03 */
	.section03{padding:120px 0}


/* section04 */
	.section04{padding:120px 0 120px 0}

/* section05 */
	.section05{padding:120px 0 90px 0}

/* section06 */
	.section06{padding:90px 0 90px 0}

/* section07 */
	.section07{padding:90px 0 90px 0}

/* section08 */
	.section08{padding:90px 0 90px 0}

/* section09 */
	.section09{padding:90px 0 120px 0}

/* section10 */

	.section10{background: #000; height: 1200px;  width: 100%;  text-align: center;}

/* section11 */

	.section11{ height:870px; position:relative;width:100%; background:#000;}
	.section11 .sec11_tit{top:35%;left:10%;transform:translate(-10%,-35%);}
	.sec11_slick {position:absolute !important;right:0;bottom:120px;width:calc(60%);}
	.sec11_slick div {position:relative;}
	.sec11_slick .slick-arrow {display:none !important;}
	
/* section12 */
	.section12{background:#000;height:680px;width: 100%;text-align: center;}
	.section12 video{width:calc(100%);}
	
/* section13 */
	.section13 {padding:120px 0 90px 0}

/* section14 */
	.section14 {padding:90px 0 90px 0}

/* section15 */
	.section15 {padding:90px 0 90px 0}

/* section16 */
	.section16{background:#000; padding:120px 0 90px 0;height:690px; width:100%; text-align:center;}


/* section18 둘러보기 */

	.section18{background:#000; height:400px; width:100%; text-align:center;}
	.section18 .roll div {text-align:center;}
	.section18 .slick-slide img {margin:0 auto;width:100%;}
	.section18 .slick-slide {margin:0 10px;}

/* renew  20230925 */


	#copy {background:#000;color:#fff;padding:5%;font-size:16px;letter-spacing:-1px;}




	@media(max-width:1680px){

	}

	@media(max-width:850px){

/* view */
	.pc_view{display:none}
	.mo_view{display:block}
/* width */
	.w-800 {width:100%; }
	.w-800 img{width:100%;}
	.w-90{width:90% !important; padding:10px;margin: 0 auto;}
	.w-100{width:100% !important;}
/* position */

/* background */

/* margin*/
	.mg-t-110{margin-top:10%;}

/* padding */

/* head */
	.head_t {width:100%;font-size:20px;height:80px;line-height: 40px;margin-bottom:0}
	.head_t span{display:block;}

/* main visual */
	.main_visual{margin:0;}
	.main_visual #main_visual {height: 210px;}
	.main_visual_wrap {width:100%;position:relative; margin:200px auto 0; top:-110px;text-align:center;}
	.main_visual_wrap img {width:90% !important;}
	.main_logo {margin:10px 0;text-align: right;}
	.main_logo img{width:50% !important;}
	.main_header{width:100%;text-align:left;padding:20px;border-bottom:2px solid #000;}

/* section01 */
	.section01{width:100%; height:350px; }
	.sec01_slick {left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
	.sec01_slick .slick-slide img{width:60%;padding:10px;margin:0 auto;}

/* section02 */
	.section02{padding:60px 0 45px 0}
/* section03 */
	.section03{padding:60px 0}


/* section04 */
	.section04{padding:60px 0 60px 0}

/* section05 */
	.section05{padding:60px 0 45px 0}

/* section06 */
	.section06{padding:45px 0 45px 0}

/* section07 */
	.section07{padding:45px 0 45px 0}

/* section08 */
	.section08{padding:45px 0 45px 0}

/* section09 */
	.section09{padding:45px 0 60px 0}

/* section10 */
	.section10 {padding:45px 0 45px 0;height: 850px;}
	.section10 img {width:90%;padding:10px;}

/* section11 */
	.section11{height:600px}
	.section11 .sec11_tit{top:10%;}
	.sec11_slick {position:absolute !important;width:calc(80%); left:50%;transform:translate(-50%);bottom:25px;}
	.sec11_slick div {position:relative;}
	.sec11_slick div img {width:98%;margin:0 5px;}

/* section12 */
	.section12{height:640px;}
	.section12 video{width:calc(90%);}
	
/* section13 */
	.section13 {padding:60px 0 45px 0}

/* section14 */
	.section14 {padding:45px 0 45px 0}

/* section15 */
	.section15 {padding:45px 0 45px 0}

/* section16 */
	.section16{background:#000; padding:60px 0 45px 0;height:850px; width:100%; text-align:center;}

/* section15 */
	.section15{width:100%;}

/* section16 */
/* section17 */
/* section18 */
	.section18{height:200px;}

/* section19 */
/* section20 */
	#copy {background:#000;color:#fff;padding:10% 0;font-size:13px;letter-spacing:-1px;}
}