html {overflow-y: scroll;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
html::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }
html {overflow-x: hidden;}
html.active #menu { right: 20px;}
.ft {background:#000; padding:30px 60px; margin-top:100px;}

.sample {margin-top:-118px;}
.sample .sample_cont1 {background:url('pro_bg.jpg')no-repeat center; background-size:cover; height:850px; position:relative; z-index: -1;}
.sample .sample_cont1 .sample_cont1_txt {width:100%;  padding-top:450px; padding-left:60px; color:#fff; text-shadow: 1px 2px 3px rgba(0,0,0,.4);}
.sample .sample_cont1 h1 {font-size:6.3em; font-family: 'GmarketSansBold';}
.sample .sample_cont1 h2 {margin-top:20px; font-size:2.73em; font-weight:400; font-family: 'GmarketSansMedium';}
.sample .sample_cont1 h3 {margin-top:20px; font-size:1.3em; line-height:1.8em; font-weight:400; opacity: .9; text-shadow: 0px 1px 3px rgba(0,0,0,.5);}
.sample .sample_cont1 h3 .mo {display:none;} 


.sample .sample_cont1 .sample_cont1_posi {width:43%; background:#fff; margin-top:-60px; padding:50px 60px; position: absolute; right:0; bottom:-58px;}
.sample .sample_cont1 .sample_cont1_posi ul {position: relative;}
.sample .sample_cont1 .sample_cont1_posi ul li {color:#434348; display:inline-block; font-family: 'GmarketSansMedium'; font-size:.9em; letter-spacing: .5px; margin-right:10px;}
.sample .sample_cont1 .sample_cont1_posi ul li svg {position:relative; top:2px; margin-right:1px; color:#5ac2d3;}
.sample .sample_cont1 .sample_cont1_posi ul li.li_num {font-size:4em;  font-weight:600;position: absolute; left:221px; top:-15px; color:#5ac2d3; text-shadow: none; font-family: 'GmarketSansBold';}
.sample .sample_cont1 .sample_cont1_posi ul li.li_num:after {content:''; left:-20px; top:12px; width:1px; height:30px; background:#555; position: absolute; opacity: .2;}


.sample .sample_cont2 {margin-top: 55px; padding: 0 60px;}
.sample .sample_cont2:after {content: ''; clear: both; display: table;}
.sample .sample_cont2 .tit_p {width: 100%; position: relative;}
.sample .sample_cont2 .tit_p span {font-size: 1.6em; color: #fff; background:#5ac2d3; padding: 4px 30px; border-radius: 50px; display: inline-block; position: relative;}
/*.sample .sample_cont2 .tit_p:after {content: '';position: absolute; bottom: 19px; width: 100%; left: 0; height: 1px; background: #eee; z-index: -1;}*/
.sample .sample_cont2 .video_box {float: right; width:52%; margin-top: 43px; padding: 10px; background: #fff; text-align: left ;}
.sample .sample_cont2 .video_box iframe {height: 500px;}
.sample .sample_cont2 .video_box .video_txt {text-align: left;}
.sample .sample_cont2 .video_box .video_txt h2 {margin-top: 40px; font-size: 1.8em; font-weight: 500; position: relative;}
.sample .sample_cont2 .video_box .video_txt p {margin-top: 15px; font-size: 1.25em; font-weight: 400; line-height: 1.65em; color: #777;}

.sample .sample_cont2 .draw_box {float: left; width: 42%; margin-right: 6%; background: #fff; min-height: 760px; margin-top: 50px;}
.sample .sample_cont2 .draw_box img {width: 95%;}

.sample .height_div {clear: both; height: 180px;}

@media screen and (max-width:1580px) {
	.sample .sample_cont2 {padding: 0 30px;}
	.sample .sample_cont2 .draw_box {width: 44%; margin-right: 2%;}
	.sample .height_div {clear: both; height: 150px;}
}

@media screen and (max-width:1400px) {
	.sample .sample_cont1 {background-position: center;}
	.sample .sample_cont2 .video_box iframe {height: 400px;}
	.sample .sample_cont2 .draw_box {min-height: 700px;}
}

@media screen and (max-width:1300px) {
	.sample .sample_cont1 {height:700px;}
	.sample .sample_cont1 .sample_cont1_txt {padding-top:340px; padding-left:30px;}
	.sample .sample_cont1 h1 {font-size:5.3em; }
	.sample .sample_cont1 h2 {font-size:2.3em; }
	.sample .sample_cont1 h3 {font-size:1.15em;}

	.ft {padding:30px 30px;}
}

@media screen and (max-width:1050px) {
	.sample .sample_cont2 .video_box {width: 100%; margin-top: 30px;}
	.sample .sample_cont2 .draw_box {width: 100%; margin-right: 0; margin-top: 30px;}
}

@media screen and (max-width:900px) {
	.sample .sample_cont1 {height:650px;}
	.sample .sample_cont1 .sample_cont1_txt {padding-top:200px; padding-left:30px;}
	.sample .sample_cont1 h1 {font-size:4.2em; }
	.sample .sample_cont1 h2 {font-size:1.8em; margin-top:10px; }
	.sample .sample_cont1 h3 {font-size:1.10em;}

	.sample .sample_cont1 .sample_cont1_posi {width:50%; padding:30px 40px; bottom:-30px;}
	.sample .sample_cont1 .sample_cont1_posi ul li {font-size:.8em;}
	.sample .sample_cont1 .sample_cont1_posi ul li.li_num {font-size:2.5em; left:220px; top:-5px; }
	.sample .sample_cont1 .sample_cont1_posi ul li.li_num:after {left:-33px; top:5px; height:25px;}


}

@media screen and (max-width:550px) {
	.sample .sample_cont1 {height:580px; background-position: center left -330px;}
	.sample .sample_cont1 .sample_cont1_txt {padding-top:170px; padding-left:15px;}
	.sample .sample_cont1 h1 {font-size:3.0em; }
	.sample .sample_cont1 h2 {font-size:1.3em; margin-top:5px; }
	.sample .sample_cont1 h3 {font-size:1.0em; margin-top:10px;}
	.sample .sample_cont1 h3 .mo {display:block;} 

	.sample .sample_cont1 .sample_cont1_posi {width:80%; padding:20px 30px; bottom:-30px;}
	.sample .sample_cont1 .sample_cont1_posi ul li {font-size:.5em;}
	.sample .sample_cont1 .sample_cont1_posi ul li.li_num {font-size:2.5em; left:190px; top:-5px; }
	.sample .sample_cont1 .sample_cont1_posi ul li.li_num:after {left:-10px; top:7px; height:20px;}


	.sample .sample_cont2 {padding: 0 15px;}
	.sample .sample_cont2 .tit_p span{font-size: 1.4em !important;}
	.sample .sample_cont2 .video_box {margin-top: 20px; padding: 0;}
	.sample .sample_cont2 .video_box iframe {height: 230px;}
	.sample .sample_cont2 .video_box .video_txt h2 {font-size: 1.5em;}
	.sample .sample_cont2 .video_box .video_txt p {font-size: 1.1em;}
	.ft {padding:30px 15px; margin-top:50px;}
	.sample .sample_cont2 .draw_box {min-height: 430px;}

	.sample .height_div {clear: both; height: 80px;}

}