@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap");
html {font-family: 'Noto Sans KR', sans-serif;}

/*콘텐츠*/


input,textarea:focus {outline: none;
	autocomplete:"off";}



.mainv{
	width:100%;
	height:545px;
	margin:0 auto;
}

.mainv_con{
	width:1200px;
	height:545px;
	background-color:plum;
}


.content_1{
	width:1200px;
	margin:0 auto;
	margin-top:68px;
}

.con_title{
	font-size:35px;
	color:#000;
	width:1200px;
	margin:0 auto;
	text-align:center;
	font-weight:lighter;
}

.surbox{
	width:1000px;
	margin:0 auto;
	margin-top:35px;
	display:flex;
	justify-content:space-between;
}

.surbox_1, .surbox_2, .surbox_3{
	width:323px;
	height:185px;
	border:1px solid #e5e5e5;
}

.surbox_1:hover, .surbox_2:hover, .surbox_3:hover{
	border:1px solid #ffc528;
}

.surboxinfo{
	width:323px;
	height:185px;
}

.surboxicon1{
	position:absolute;
	margin-top:45px;
	margin-left:38px;
}

.surboxicon2{
	position:absolute;
	margin-top:45px;
	margin-left:25px;
}

.surboxicon3{
	position:absolute;
	margin-top:45px;
	margin-left:15px;
}

.ybox1{
	width:160px;
	height:35px;
	background-color:#ffc528;
	color:#fff;
	font-size:22px;
	text-align:center;
	line-height:35px;
	position:absolute;
	margin-top:51px;
	margin-left:133px;       
}

.wbox1{
	color:#999;
	font-size:16px;
	margin-top:15px;
	position:absolute;
	margin-top:101px;
	margin-left:133px;  

}

.ybox2{
	width:180px;
	height:35px;
	background-color:#ffc528;
	color:#fff;
	font-size:22px;
	text-align:center;
	line-height:35px;
	position:absolute;
	margin-top:51px;
	margin-left:101px;       
}

.wbox2{
	color:#999;
	font-size:16px;
	margin-top:15px;
	position:absolute;
	margin-top:101px;
	margin-left:101px;  

}

.ybox3{
	width:160px;
	height:35px;
	background-color:#ffc528;
	color:#fff;
	font-size:22px;
	text-align:center;
	line-height:35px;
	position:absolute;
	margin-top:51px;
	margin-left:110px;       
}

.wbox3{
	color:#999;
	font-size:16px;
	margin-top:15px;
	position:absolute;
	margin-top:101px;
	margin-left:110px;  

}

/*.content_2{
	width:1200px;
	margin:0 auto;
	margin-top:55px;
}

.main_line{
	width:950px;
	border-top:1px dashed #a0a0a0;
	margin:0 auto;
	margin-bottom:45px
}

.funbox{
	width:1200px;
	height:640px;
	display:flex;
	justify-content:space-between;
	margin-top:35px;
}

.funbox_f{
	width:580px;
	height:600px;
	overflow:hidden;
	line-height:60px;
	letter-spacing :-2.5px;
}

.funbox_1_info{
	position:absolute;
	color:#fff;
	font-size:35px;
	font-weight:lighter;
	margin-left:20px;
	margin-top:450px;
}

.yellow{
	color:#ffc528;
}

.sizing{
	font-size:50px;
}

.funbox_s>div{
	width:606px;
	display:flex;
	justify-content:space-between;
}

.funbox_s>div:last-child{
	margin-top:15px;
}

.funbox_s>div>div{
	text-align:center;
	cursor:pointer;
}

.funbox_2{
	width:295px;
	height:292.5px;
	border:1px solid #d3d3d3;
	background-color:#fcfcfc;
	box-sizing:border-box;
}

.funbox_2>img:nth-child(2){
	display:none;
}

.funbox_3{
	width:295px;
	height:292.5px;
	border:1px solid #d3d3d3;
	background-color:#fcfcfc;
	box-sizing:border-box;
}

.funbox_3>img:nth-child(2){
	display:none;
}

.funbox_4{
	width:295px;
	height:292.5px;
	border:1px solid #d3d3d3;
	background-color:#fcfcfc;
	box-sizing:border-box;
}

.funbox_4>img:nth-child(2){
	display:none;
}

.funbox_5{
	width:295px;
	height:292.5px;
	border:1px solid #d3d3d3;
	background-color:#fcfcfc;
	box-sizing:border-box;
}

.funbox_5>img:nth-child(2){
	display:none;
}

.funbox_s>div>div>h2{
	font-size:25px;
	margin-top:20px;
	letter-spacing: -3px;
}

.funbox_s>div:first-child>div:first-child>img{
	margin-top:59px;
}

.funbox_s>div:first-child>div:first-child>img:nth-child(2){
	margin-top:57px;
}

.funbox_s>div:first-child>div:last-child>img{
	margin-top:78px;
}

.funbox_s>div:first-child>div:last-child>img:nth-child(2){
	margin-top:76px;
}


.funbox_s>div:last-child>div:first-child>img{
	margin-top:76px;
}

.funbox_s>div:last-child>div:first-child>img:nth-child(2){
	margin-top:74px;
}


.funbox_s>div:last-child>div:last-child>img{
	margin-top:76px;
}

.funbox_s>div:last-child>div:last-child>img:nth-child(2){
	margin-top:74px;
}


.fun_img_2{
	display:none;
}

.fun_img_3{
	display:none;
}

.fun_img_4{
	display:none;
}

.fun_img_5{
	display:none;
}

.funbox_mouseover{
	border:3px dashed #ffc528 !important;
	background-color:#fff !important;
}
*/

/* 콘텐츠2_2 */

.content_2{
	width:1100px;
	height:490px;
	display:flex;
	margin:0 auto;
	margin-top: 100px;
}

.content_2_left{
	width:40%;
	height:290px;
	border:1px solid #fff;
	border-right:1px dashed #a0a0a0;
	margin: 65px 0 0 0;
	padding: 0 25px 0 0;
}

.content_2_left > h2{
    font-size: 39px;
    color: #191919;
    font-weight: 600;
    letter-spacing: -3px;
    float: right;
    margin: 55px 0 20px 0;
}

.content_2_left > h2 > img{
	margin: 0 0 15px 10px;
}

.content_2_left > h3{
	text-align:right;
	padding:10px 0 0 0;
	font-size: 17px;
    color: #424242;
    line-height: 22px;
    text-align: right;
    margin: 121px 25px 20px 0;
}

.content_2_left > h4{
	font-size: 17px;
    color: #424242;
    line-height: 22px;
    text-align: right;
    margin: 0 25px 0 0;
}

.content_2_right{
    width: 60%;
    display: flex;
    align-items: center;
}
.content_2_right > div{
	margin-left:85px;
}


.content_3{
	width:1200px;
	margin:0 auto;
	margin-top:100px;
}

.con3sub{
	width:250px;
	display:flex;
	font-size:16px;
	margin:0 auto;
	margin-top:35px;
	text-align:center;
	margin-bottom:18px;
}

.con3sub1{
	width:100px;
	margin:0 auto;
	cursor:pointer;
	color:#ffc528;
}

.con3sub1>.circle{
	width:10px;
	height:10px;
	background-color:#ffc528;
	border-radius:60px;
	margin:0 auto;
	margin-bottom:5px;
}

.con3sub2{
	width:100px;
	margin:0 auto;
	cursor:pointer;
	color:#b2b2b2;
}

.con3sub2>.circle{
	width:10px;
	height:10px;
	background-color:#b2b2b2;
	border-radius:60px;
	margin:0 auto;
	margin-bottom:5px;
}

.hyback_sulmon{
	width:1080px;
	height:400px;
	margin: 0 auto;
	background-image:url(../img/main/hyback.png);
	box-sizing: border-box;
	background-size: cover;
	text-align:right;
}

.hyback_sulmon>h2{
	width:235px;
	height:60px;
	background-color:#ffc528;
	color:#fff;
	font-size:35px;
	text-align:center;
	line-height:60px;
	float:right;
	margin:115px 40px 0 0 ;
}

.hyback_sulmon>h3{
	font-size:23px;
	color:#000;
	font-weight:100;
	position:absolute;
	line-height:33px;
	margin:190px 0 0 530px;
}

.hyback_online{
	width:1080px;
	height:400px;
	margin: 0 auto;
	background-image:url(../img/main/hyback_online.png);
	box-sizing: border-box;
	background-size: cover;
	text-align:left;
	display:none;
}

.hyback_online>h2{
	width: 195px;
    height: 50px;
    background-color: #ffc528;
    color: #fff;
    font-size: 35px;
    text-align: center;
    line-height: 50px;
	position:absolute;
	margin:110px 0 0 60px;
}

.hyback_online>h3{
	font-size:23px;
	color:#fff;
	font-weight:100;
	position:absolute;
	line-height:33px;
	margin:165px 0 0 60px;
}

.hyback_online>h3>span{
	border-bottom:2px solid #fec52a;
	padding:0px 5px 0px 0px;
}

.hybox{
	width:1080px;
	display:flex;
	margin: 0 auto;
	margin-bottom: 10px;
}

.hybox1{
	width:360px;
	height:180px;
	background-color:#fff;
}

.hybox2{
	width:360px;
	height:180px;
	background-color:#fff;
}

.hybox3{
	width:360px;
	height:180px;
	background-color:#fff;
}

.hybox_title{
	font-size:22px;
	color:#666;
	position:absolute;
	margin-top:40px;
	margin-left:38px;
}

.hybox_line{
	width:40px;
	border-bottom:1px solid #333;
	position:absolute;
	margin-top:73px;
	margin-left:38px;
}

.hybox_info{
	font-size:16px;
	color:#999;
	position:absolute;
	margin-top:85px;
	margin-left:38px;
}

.hybox_go{
	width:66px;
	height:66px;
	font-size:24px;
	color:#fff;
	position:absolute;
	background-color:#ffba00;
	text-align:center;
	line-height:66px;
	border-radius:35px;
	margin-top:45px;
	margin-left:270px;
}

.goimg{
	margin-left:5px;
}

.start_button{
	width:340px;
	height:80px;
	background-color:#ffba00;
	color:red;
	font-size:37px;
	line-height:80px;
	text-align:center;
	margin: 0 auto;
	cursor: pointer;
	margin-top:50px;
	margin-bottom:50px;
}

.start_button>a{
	color:#fff;
	display: block;
}