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;}

.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 .cont2_wid {max-width: 1300px; margin: 0 auto; padding:150px 0 80px 0; position: relative;}
.sample .sample_cont2 h2 {font-size: 6em; color: #444; position: relative; font-family: 'GmarketSansBold';}
.sample .sample_cont2 h2:after {position: absolute; content: ''; left: 100px; bottom: 13px; height: 22px; width: 360px; background: #5ac2d3; z-index: -1;}
.sample .sample_cont2 h3 {font-size: 2.2em; color: #444; margin-top: 20px; margin-left: 100px; font-family: 'GmarketSansMedium'; }
.sample .sample_cont2 h4 {position: absolute; right: 0; font-size: 4em; color: #ddd; font-family: 'GmarketSansMedium'; top: 230px;}
.sample .sample_cont2 .cont2_txt_box {float: left; width: 47%; margin-right: 3%; padding-left: 100px; margin-top: 60px;}
.sample .sample_cont2 .cont2_txt_box p {color: #999; line-height: 1.6em; margin-top: 0px; font-size: 1.25em; font-family: 'GmarketSansMedium'; }
.sample .sample_cont2 .cont2_txt_box a {display: inline-block; margin-top: 65px; background: #5ac2d3; color: #fff; padding: 15px 20px; font-family: 'GmarketSansMedium'; font-size: 1.1em;}
.sample .sample_cont2 .cont2_img_box {float: right; width: 44%; background: url('sample2.jpg')no-repeat center; background-size: cover; height: 400px; position: relative; border: 1px solid #eee; margin-top: 55px;}
.sample .sample_cont2 .cont2_img_box:after {content: ''; position: absolute; bottom: -30px; left: -30px; background: #eee; height: 400px; width: 100%; z-index: -1;}


.sample .sample_cont3 {background: #f2f2f2; position: relative;  margin-top: 100px;}
.sample .sample_cont3 .cont3_wid {max-width: 1300px; margin: 0 auto; padding:120px 0 120px 0; position: relative; }
.sample .sample_cont3 h2 {font-size: 6em; color: #444; position: relative; font-family: 'GmarketSansBold'; z-index: 2;}
.sample .sample_cont3 h2:after {position: absolute; content: ''; left: 100px; bottom: 13px; height: 22px; width: 360px; background: #5ac2d3; z-index: -1;}
.sample .sample_cont3 h4 {position: absolute; right: 0; font-size: 4em; color: #ddd; font-family: 'GmarketSansMedium'; top: 200px;}
.sample .cont3_txt_wid {margin-top: 60px; box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
.sample .sample_cont3 .cont3_txt_box {float: left; width: 50%; background: #fff; padding:55px 44px; position: relative; z-index: 10000;}
.sample .sample_cont3 .cont3_txt_box h3 {font-size: 2.1em; coloR: #555; border-bottom: 5px solid #5ac2d3; padding-bottom: 9px; font-family: 'GmarketSansMedium';}
.sample .sample_cont3 .cont3_txt_box p {color: #444; line-height: 1.6em; margin-top: 0px; font-size: 1.25em; font-family: 'GmarketSansMedium'; margin-top: 40px;}
.sample .sample_cont3 .cont3_txt_box span {display: inline-table; margin-top: 30px; font-size: 1.1em; color: #888; font-family: 'GmarketSansMedium'; line-height: 2em;}
.sample .sample_cont3 .cont3_txt_box h5 {font-size: 1.8em; margin-top: 30px; color: #222; text-align: center; font-family: 'GmarketSansMedium';}
.sample .sample_cont3 .cont3_txt_box a {display: inline-block; width: 100%; margin-top: 30px; background: #5ac2d3; color: #fff; padding: 15px 20px; font-family: 'GmarketSansMedium'; font-size: 1.1em; text-align: center; }
.sample .sample_cont3 .cont3_img_box {float: right; width: 50%; background: url('sample3.jpg')no-repeat center; background-size: cover; height: 628px; position: relative;  }
.sample .sample_cont3 .cont3_img_box:after {content: ''; position: absolute; bottom: -30px; left: -30px; background: #eee; height: 400px; width: 100%; z-index: -1;}



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

@media screen and (max-width:1580px) {
}

@media screen and (max-width:1400px) {
	.sample .sample_cont1 {background-position: center;}
}

@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 {padding: 0 40px;}
	.sample .sample_cont2 .cont2_txt_box {width: 100%; margin-right: 0;}
	.sample .sample_cont2 .cont2_img_box {width: 100%; height: 500px;}

	.sample .sample_cont3 {padding: 0 40px;}
	.sample .sample_cont3 .cont3_txt_box {width: 100%; margin-right: 0;}
	.sample .sample_cont3 .cont3_img_box {width: 100%; height: 500px;}
}

@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_cont3 {padding: 0 15px;}

	.sample .sample_cont2 .cont2_wid {padding: 70px 0;}

	.sample .sample_cont2 h2 {font-size: 3.7em; }
	.sample .sample_cont2 h2:after {left: 55px; bottom: 11px; height: 15px; width: 250px; }
	.sample .sample_cont2 h3 {font-size: 1.8em; margin-left: 0;}
	.sample .sample_cont2 .cont2_txt_box {padding-left: 0; margin-top: 30px;}
	.sample .sample_cont2 h4 {display: none;}
	.sample .sample_cont2 .cont2_txt_box p {font-size: 1em;}
	.sample .sample_cont2 .cont2_txt_box  a {margin-top: 30px; font-size: 1.0em;}
	.sample .sample_cont2 .cont2_img_box {height: 300px; margin-top: 20px;}
	.sample .sample_cont2 .cont2_img_box:after {display: none;}

	.sample .sample_cont3 .cont3_wid {padding: 70px 0; margin-top: 10px;}
	.sample .sample_cont3 {margin-top: 0px; }
	.sample .sample_cont3 h2 {font-size: 3.7em; }
	.sample .sample_cont3 h2:after {left: 55px; bottom: 11px; height: 15px; width: 250px; }
	.sample .sample_cont3 .cont3_txt_box {padding: 44px 33px;}
	.sample .sample_cont3 .cont3_txt_box h3 {font-size: 1.7em;}
	.sample .sample_cont3 .cont3_txt_box p {font-size: 1.1em; margin-top: 20px; margin-bottom: 0px;}
	.sample .sample_cont3 .cont3_txt_box span {font-size: 1.0em; }
	.sample .sample_cont3 .cont3_txt_box h5{font-size:1.5em; margin-top: 15px;}
	.sample .sample_cont3 .cont3_txt_box a {margin-top: 20px; padding: 10px 0;}
	.sample .sample_cont3 .cont3_img_box {height: 300px;}

}