@charset 'utf-8';
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
*{margin:0; padding:0;}
a{text-decoration: none; color:inherit;}
ul, ol{list-style: none;}
address{font-style: normal;}
img{vertical-align: top;}

.cf{}
.cf:after{display: block; clear: both; content:'';}

/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/
/*overflow:hidden; text-overflow: ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;*/
/*@media (max-width: 320px){}*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.step_popup.on{display:block;}
.step_popup{
    display: none;
    position:fixed; top:0; left: 0; z-index: 9999;
    width:100%; height: 100%; background:rgba(0, 0, 0, 0.5); overflow:hidden;
}

.step_popup_con{
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);
    width:640px; height: 840px; border-radius: 20px; overflow: hidden;  background:#fff;
}

.step_popup_tit_con{
	width:100%;
}
.step_popup_tit_con ul{width:100%; font-size: 0;}
.step_popup_tit_con ul li.on{color:#fff; background:#5CA5FF;}
.step_popup_tit_con ul li{
	cursor: pointer; font-family: bebas-neue-pro;
	display: inline-block; line-height: 70px;
	width:25%;height: 70px; text-align: center;
	border-right: 1px solid #eee; box-sizing: border-box;
	color:#ddd; font-size: 20px; font-weight: bold;
}
.step_popup_tit_con ul li:nth-child(4){border-right:none;}

.step_popup_contents_con{width:100%; height: 770px;}
.step_popup_contents_con ul{width:100%; height: 100%; position:relative;}
.step_popup_contents_con ul li.on{display: block;}
.step_popup_contents_con ul li{width:100%; height: 100%; position:absolute; top:0; left: 0; display: none; background:#fff;}
.step_popup_img{width:100%; height: 320px;}
.step_popup_txt_con{padding:30px; box-sizing: border-box; letter-spacing: -0.8px;}
.step_popup_in_tit{font-weight: bold; color:#5CA5FF; font-size: 24px;}
.step_popup_in_txt{font-size: 18px; color:#555; margin-top: 20px; line-height: 28px;}
.step_popup_in_txt span{display: block; position:relative; left: 12px; margin-bottom: 8px;}
.step_popup_in_txt span::before{
	display: inline-block; content:''; clear: both;
	width:4px; height: 4px; background:#555; border-radius: 50px;
	position:absolute; top:13px; left:-12px;
}
.step_popup_close_btn{
	cursor: pointer;
	position:absolute; bottom:30px; left: 50%; transform: translateX(-50%);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	font-size: 16px; text-align: center; 
	width:240px; height: 54px; line-height: 54px; color:#fff; background:#5CA5FF; border-radius: 10px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.what_popup.on{display:block;}
.what_popup{
    display: none;
    position:fixed; top:0; left: 0; z-index: 9999;
    width:100%; height: 100%; background:rgba(0, 0, 0, 0.5); overflow:hidden;
}

.what_popup_con{
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);
    width:700px; height: 850px; border-radius: 20px; overflow: hidden;  background:#fff;
}

.what_popup_tit_con{
	width:100%;
}
.what_popup_tit_con ul{width:100%; font-size: 0;}
.what_popup_tit_con ul li.on{color:#fff; background:#5CA5FF;}
.what_popup_tit_con ul li{
	cursor: pointer;
	display: inline-block; font-weight: normal; line-height: 60px; letter-spacing: -1.5px;
	width:20%;height: 60px; text-align: center;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee; box-sizing: border-box;
	color:#999; font-size: 17px;
}
.what_popup_tit_con ul li:nth-child(5){border-right:none;}
.what_popup_tit_con ul li:nth-child(6){border-bottom:none;}
.what_popup_tit_con ul li:nth-child(7){border-bottom:none;}
.what_popup_tit_con ul li:nth-child(8){border-bottom:none;}
.what_popup_tit_con ul li:nth-child(9){border-bottom:none;}
.what_popup_tit_con ul li:nth-child(10){border:none;}

.what_popup_contents_con{width:100%; height: 730px;}
.what_popup_contents_con ul{width:100%; height: 100%; position:relative;}
.what_popup_contents_con ul li.on{display: block;}
.what_popup_contents_con ul li{width:100%; height: 100%; position:absolute; top:0; left: 0; display: none;  background:#fff;}
.what_popup_img{width:100%; height: 360px;}
.what_popup_txt_con{padding:30px; box-sizing: border-box; letter-spacing: -0.8px;}
.what_popup_in_tit{font-weight: bold; color:#5CA5FF; font-size: 24px;}
.what_popup_in_txt{font-size: 16px; color:#555; margin-top: 20px;}
.what_popup_close_btn{
	cursor: pointer;
	position:absolute; bottom:30px; left: 50%; transform: translateX(-50%);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	font-size: 16px; text-align: center; 
	width:240px; height: 54px; line-height: 54px; color:#fff; background:#5CA5FF; border-radius: 10px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.send_ok.on{display: block;}
.send_ok{
    position:fixed; top:0; left: 0; z-index: 9999;
    width:100%; height: 100vh; background:rgba(0, 0, 0, 0.5);
}
.pageNum { cursor:pointer; }
.send_popup_con{text-align: center; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); position:absolute; top:50%; left: 50%;
	transform: translate(-50%, -50%); width:320px; height: 140px; background:#fff; border-radius: 20px; overflow: hidden;}
.send_check_tit{height: 90px;  text-align: center; font-size: 16px; font-weight: bold; line-height: 90px;}
.send_ok_btn{cursor: pointer; display:block; width:100%; height: 50px; line-height: 50px; color:#5CA5FF; font-size: 16px;
    border:none; outline:none; border-top: 1px solid #B2B2B2; background:#fff;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.agree_info.on{display:block;}
.agree_info{display: none; position:fixed; top:0; left: 0; z-index: 9999; width:100%;
	height: 100%; background:rgba(0, 0, 0, 0.5); overflow:hidden;}
.agree_info_con{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);
    width:600px; background:#fff; border-radius: 20px; overflow: hidden; background:#f7f7f7; box-sizing: border-box;
    font-size: 16px; color:#555; padding:40px 40px; line-height: 30px;}
.agree_info_btn{display: block; position:relative; right:0; height: 20px; text-align: right; margin-bottom: 0px; cursor: pointer;}
.agree_info_btn img{height:100%;}
.agree_info_con b{color:#555;}
.agree_info_con p{margin-bottom: 20px; color:#777;}
.agree_info_con p:last-child{margin-bottom: 0px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.service_popup.on{display:block;}
.service_popup{display: none;  position:fixed; top:0; left: 0; z-index: 9999;  width:100%; height: 100%;
	background:rgba(0, 0, 0, 0.5); overflow:hidden;}

.service_popup_con{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); position:absolute; top:50%; left: 50%;
	transform: translate(-50%, -50%); width:540px; background:#fff; border-radius: 20px; overflow: hidden; box-sizing: border-box; padding-top: 35px; font-size: 16px; color:#222; line-height: 30px;}

.service_popup_btn{text-align: right; display: block; padding:0 30px;}
.service_popup_btn img{cursor: pointer;}
.step_box{}
.step_in{display: none;}
.step_in.on{display: block;}

.popup_tit{font-size: 16px; text-align: center;}
.popup_tit b{font-size: 20px; text-align: center;}
.popup_img{width:100%; margin-top: 40px; }

.popup_next_btn{cursor:pointer;text-align:center;width:100%;height:60px;line-height:46px;color:#fff;background:#5CA5FF;font-size:18px;}

.simple_contact{display: block; width:360px; margin:34.5px auto 23px auto;}
.simple_contact img{width:100%;}

.pro_contact.mo{display: none;}
.pro_contact.pc{display: block; width:360px; padding-bottom: 45px; margin:0 auto;}
.pro_contact img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
body{
    -ms-user-select:none;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; overflow-x: hidden; color:#191919; letter-spacing: -0.5px;
}
body.scrollLock{width:100%; height: 100vh; overflow: hidden;}

.mo{display: none;}
.pc{display: block;}
.wrap{width:1200px; margin:0 auto; position:relative;}

.wrap770{width:770px; margin:0 auto; position:relative;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.top_long_bn{width:100%; position:relative;}
.top_long_bn.on{display: none;}
.top_long_bn>a{display: block;}
.top_long_bn>a>img{width:100%;}
.top_long_close_btn{display: inline-block; position:absolute; top:50%; right: 8px; transform: translateY(-50%); z-index: 1;}
.top_long_close_btn img{width:24px;}

.header{border-bottom: 1px solid #E1E1E1; box-sizing: border-box;width:100%; height: 90px; background:rgba(255, 255, 255, 0.9);
	line-height: 90px; position:sticky; top:0px; z-index: 99;}


.top_logo img{height: 54px; vertical-align: top; transform: translateY(22px);}
.gnb{height: 100%;position:absolute; right:0; top:50%; transform: translateY(-50%);}
.gnb_menu:hover{color:#5CA5FF;}
.gnb_menu.on{color:#5CA5FF;}
.gnb_menu{font-size: 16px; margin-left: 40px; position:relative; display: inline-block; height: 90px; line-height: 90px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.support_menu{width:114px; text-align: center; margin-left: 0;}
.support_menu.on::after{display: inline-block; content:''; width:100%; height: 5px; background:#5CA5FF; bottom:0; left: 0; position:absolute; }
.support_menu_in{width:114px; display: none; position:absolute; bottom:-88px; right:0; background:#Fff;  }
.support_menu_in.on{display: inline-block;}
.support_menu_in a{border-bottom: 1px solid #bcbbbb; width:100%; height:44px; line-height: 44px; font-size: 15px;
	color:#191919; display: block; padding:0 12px; box-sizing: border-box;}
.support_menu_in a:hover{color:#5CA5FF;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.main_bn{ width:100%; height: 755px; position:relative;}

.download_btn_con{position:absolute; top:456px; transform: translateX(-50%); left: 50%; font-size: 0; width:679px;}
.main_bn_app_btn{display:inline-block; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 6px;}
.main_bn_pc_view_btn{display: inline-block; margin-left: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);border-radius: 6px;}
.main_bn_pc_view_btn_mo_ver{display: none;}
.icon_con_mo{width:100%; }
.icon_con_mo img{width:100%; vertical-align: top; border-bottom: 1px solid #eee; }

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.icon_con{width:100%; font-size: 0; border-bottom: 1px solid #eee;}
.icon_box:nth-child(1){border-left: 1px solid #eee; }
.icon_box:nth-child(n+1):nth-child(-n+6) {
  border-bottom: 1px solid #eee;
}

.icon_box{width:200px; display: inline-block; text-align: center; padding:25px 0;  border-right: 1px solid #eee; box-sizing:border-box;}
.icon_box_img{vertical-align: top;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.video{width:100%; padding:80px 0 100px 0;}
.video_tit_img{position:absolute; top:0; left: 0;}
.video_con{text-align: right; font-size: 0;}
.video_01{margin-bottom: 40px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.philosophy{width:100%; position:relative; background:rgba(92, 165, 255, 0.1);}
.philosophy img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.service.pc{}
.service.pc .service_box{height: 750px;}
.service.pc .service_box .wrap{position:relative; height: 100%;}
.service.pc .service_txt_con{width:600px; height: 750px;}
.service.pc .service_txt_con.right{position:absolute; top:0; right:0; padding:190px 0 0 100px; box-sizing: border-box; }
.service.pc .service_txt_con.left{position:absolute; top:0; left:0; padding:190px 100px 0 0px; box-sizing: border-box; text-align: right;}
.service.pc .contact_btn_pc{margin-top: 40px; display: inline-block;}
.service.pc .service_img{height: 620px; margin-top: 65px;}
.service.pc .service_img.right{height: 620px; margin-top: 65px; margin-left: 140px; }
.service.pc .service_img.left{height: 620px; margin-top: 65px; margin-left:610px; }
.service.pc .service_box:nth-child(2){background:rgba(92, 165, 255, 0.1);}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.what{width:100%; height: 720px; padding-top: 80px; box-sizing: border-box; background:#E6EDF6; text-align: right; overflow: hidden;}
.what_tit_img{position:absolute; top:0; left: 0;}
.what_phone_img{position:absolute; top:50px; left: 340px;}
.what_icon_con{ text-align: left; display: inline-block; width:390px; margin-top: 53px; font-size: 0;}
.what_icon_con li{ cursor: pointer; overflow: hidden; border-radius: 20px; display: inline-block; text-align: right; width:110px;
	margin-left: 20px; margin-bottom: 20px;}
.what_icon_con li img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.step{width:100%; height: 860px; padding-top: 80px; box-sizing: border-box; text-align: right; overflow: hidden;}
.step_tit_img{position:absolute; top:0; left: 0;}
.step_icon_con{text-align: left; display: inline-block; width:700px; margin-top: 53px; font-size: 0;}
.step_icon_con li{cursor: pointer; display: inline-block; text-align: right; width:320px; margin-left: 30px; margin-bottom: 30px;}
.step_icon_con li img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.profile{width:100%; padding:120px 0;}
.profile img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.awards{width:100%;}
.awards img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.activity{width:100%; height: 970px; background:url(../img/pc_activity_bg_version-1.1.jpg) no-repeat center; background-size: cover;}
.activity img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.price.pc{height: 750px; background:#5CA5FF;}
.price.pc .wrap{position:relative; height: 100%;}
.price.pc .price_txt_con{width:600px; height: 750px; position:absolute; top:0; right:0; padding:100px 0 0 40px; box-sizing: border-box;}
.price.pc .service_img{height: 620px; margin-top: 65px; margin-left: 120px;}
.price.pc .app{margin-top:60px;}
.price.pc .app_link{margin-bottom: 20px; display: block;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
footer{background:#EDF1FA; padding:60px 0 100px 0; text-align: center;}
.info{margin-bottom: 40px;}
.info_txt{display: inline-block; font-size: 14px; color:#9BA3B0; line-height: 22px; position:relative; margin-right: 30px;}
.info_txt::after{display: inline-block;  content:'';   width:1px; height: 12px; background:#9BA3B0;  position:absolute;
	top:50%; right:-16px;transform: translateY(-50%);}

.info_txt.after_none::after{display: none;}
.info_txt:last-child::after{display: none;}
.copyright{font-size: 14px; color:rgba(155, 163, 176, 0.5);}

.pc_view_btn_pc{display: inline-block; color:#777; font-size: 20px; text-decoration: underline;  width:280px; text-align: center; margin-top: 12px;}
.pc_view_btn_mo{display: none;}


.pc_ver_popup.on{display: block;}
.pc_ver_popup{position:fixed; top:0; left: 0; z-index: 99;  width:100%; height: 100vh; background:rgba(0, 0, 0, 0.5);  display: none;}
.pc_ver_popup_con{box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); width:calc(100% - 60px); background:#fff; padding:30px 0 ; border-radius: 30px;
    position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.pc_ver_popup_content{text-align: center;}
.pc_ver_popup_content p{font-size:20px; color:#000; font-weight: 500; margin:20px 0;}
.pc_ver_popup_content img{height:80px;}
.pc_ver_popup_close_btn{font-family: 'Pretendard Variable';  margin:0 auto; border-radius:10px; font-weight: 600;
	cursor: pointer; display:block; width:calc(100% - 60px); height: 54px; line-height: 54px; color:#fff; font-size: 18px;
    border:none; outline:none; background:#4C96FF;}


/*=============================================================
						contact
=============================================================*/
.contact_section{margin-top: 90px; margin-bottom:100px;}
.contact_section_tit{font-size: 40px; font-weight: bold; padding:60px 0; color:#191919;}
.contact_section_tit span{margin-left: 20px; font-size:18px; color:#9BA3B0; font-weight: normal;}

.contact_process{width:100%; font-size:0; margin-bottom: 80px;}
.process_list{display: inline-block; width:calc((100% - 90px) / 4); margin-right: 30px; text-align: center; vertical-align: top;}
.process_list:last-child{margin-right:0px;}
.process_img{width:100%; border-radius: 24px; overflow: hidden;}
.process_list img{width:100%;}
.process_list .process_tit{font-size: 20px; color:#4D6A9A; font-weight: bold; margin:20px 0 12px 0;}
.process_list .process_txt{font-size: 18px; color:#9BA3B0;}

.contact_option{margin-bottom: 60px;}
.option_tit{font-size: 28px; font-weight: bold; color:#646464; margin-bottom: 20px;}
.option_tit span{margin-left: 16px; font-size:16px; color:#9BA3B0; font-weight: normal;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.filter_tab_con{}

.filter_tit_con{width:100%; font-size: 0;}
.filter_tit{width:calc((100% - 70px) / 8); margin-right: 10px; margin-bottom: 10px; display: inline-block; cursor: pointer;}
.filter_tit:last-child{margin-right:0px;}
.filter_tit img{width:100%;}

.filter_tit .img_on{display: none;}
.filter_tit .img_off{display: block;}
.filter_tit.on .img_on{display: block;}
.filter_tit.on .img_off{display: none;}

.filter_content_con{}
.filter_content{display: none; font-size: 0;}
.filter_content.on{display: block;}
.filter_content_in{border:2px solid #eee; box-sizing: border-box; display: inline-block;padding:12px 0 14px 0; border-radius: 10px;
	width:calc((100% - 70px) / 8); margin-right: 10px; font-size: 18px; text-align: center; color:#646665;}
.filter_content_in:last-child{margin-right:0px;}
.filter_content_in.on{border:2px solid #5CA5FF; color:#5CA5FF; font-weight: bold;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contact_textarea_style{padding:20px; border-radius: 10px; font-size: 18px;
	width:100%; height: 280px; border:2px solid #eee; box-sizing: border-box; background:#fff; outline:none;}
.contact_textarea_style::placeholder{color:#BABABA; font-size: 16px; line-height: 1.6;}
.contact_input_style{padding:0 20px; border-radius: 10px; width:100%; height:60px; line-height: 60px; font-size: 18px;
	border:2px solid #eee; box-sizing: border-box; background:#fff; outline:none;}

.contact_adr_box{width:100%; font-size: 0; border:2px solid #eee; box-sizing: border-box; background:#fff;  border-radius: 10px; }
.contact_adr_search_btn{line-height: 60px; vertical-align: top; border-radius: 10px;
	width:200px; height: 60px; background:#f2f2f2; color:616161; font-size: 20px; text-align: center; display: inline-block;}
.contact_adr_input_style{display: inline-block; vertical-align: top; padding:0 20px;width:calc(100% - 200px); height:60px;
	line-height: 60px; font-size: 18px; box-sizing: border-box;	border:none; outline:none; background:none;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.info_check{width:100%; height: 60px; font-size: 0; text-align: right;}
.agree{display: inline-block; vertical-align: top; transform: translateY(20px);}
.agree_click{cursor: pointer;}
.check_icon{display: inline-block; width:20px; height: 20px; border-radius: 2px; background:#E5E6E9; text-align: center;}
.check_icon.on{background:#5CA5FF;}
.check_icon img{transform: translateY(6px);}
.check_txt{margin-left: 8px; height: 20px; line-height: 18px; vertical-align: top; font-size: 18px;}
.agree.on .check_txt{color:#5CA5FF; font-weight: bold;}
.send_btn{cursor: pointer; display: inline-block; width:240px; height: 60px; line-height: 60px; margin-left:20px;
    background:#5CA5FF; border-radius: 8px;  font-size: 20px; color:#fff; text-align: center; vertical-align: top;}
/*=============================================================
						news
=============================================================*/
.news_section{margin-top: 90px; margin-bottom: 100px;}
.section_tit{padding:60px 0; font-size: 40px; font-weight: bold; text-align: center;}
.news_search_box{width:400px;  margin:0 auto 60px auto; height: 40px; border-bottom: 1px solid #222; font-size: 0;}
.news_search_box img{vertical-align: top; transform: translateY(10px); width:18px; display: inline-block;}
.news_search_input{display: inline-block;width:382px; border:none; outline:none; height: 40px;
	padding-right: 12px; box-sizing: border-box; font-size: 14px;}
.news_search_input::placeholder{color:#999;}
.news_list_con{width:calc(100% + 10px); font-size: 0;}
.news_total_num{color:#555; font-size: 16px;}
.news_total_num span{color:#222;}
.news_list{display: inline-block; width:calc((100% - 30px) / 3); margin:10px 10px 0 0; border:1px solid #ddd; box-sizing: border-box; height: 310px; vertical-align: top;}
.news_list a{display:block; width:100%; height: 100%; padding:20px; box-sizing: border-box;  position:relative;}
.news_index{font-size: 14px; margin-bottom: 16px; font-weight: bold;
	display: inline-block; padding:4px 16px; border-radius:50px; border:2px solid #4C96FF ; color:#4C96FF; box-sizing: border-box;}
.news_index.notify{background:#4C96FF; color:#fff; font-weight: normal;}
.news_tit{overflow:hidden; text-overflow: ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;	font-size: 18px; color:#222; font-weight: bold;line-height: 1.5;}
.news_date{ position:absolute; bottom:20px; left: 20px; color:#999; font-size: 14px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.news_pager{font-size: 0; text-align: center; margin-top: 40px;}
.news_pager span{border-radius: 8px; box-sizing: border-box;
	display: inline-block; opacity: 0.5; border:1px solid #ddd; text-align: center; width:40px; height: 40px; vertical-align: top;}
.news_pager span img{vertical-align: top; transform: translateY(11px);}
.news_pager span.on{opacity: 1;}
.news_pager a{display: inline-block; font-size: 16px; color:#777; height:40px; line-height: 40px; margin:0 10px; vertical-align: top;}
.news_pager a.pager_on{color:#4C96FF; font-weight: bold; }
.news_pager .prev{ margin-right: 20px;}
.news_pager .prev img{ margin-right: 10px; transform: translate(3px, 11px) rotate(180deg);}
.news_pager .next{ margin-left: 20px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.news_content{margin-top: 90px; margin-bottom: 100px;}
.news_in_tit_box{padding:40px 0 20px 0; border-bottom: 2px solid #222; }
.in_news_index{font-size: 14px; color:#4C96FF; text-align: center;font-weight: bold;}
.in_news_tit{font-size: 36px; text-align: center;margin:20px 0;}
.in_news_date{font-size: 14px; color:#999; text-align: right;}
.in_news_date span{display: inline-block;
	font-size: 12px; border:1px solid #ccc; border-radius: 50px; padding:1px 6px 2px 6px; margin-right: 6px; transform: translateY(-1px);}
.news_txt_con{width:100%; border-bottom: 1px solid #222; padding:40px 0 20px 0; min-height:30vh;}
.news_txt_con p{ padding:3px 0; }
.news_txt_bold_style{font-size: 20px; color:#222; font-weight: bold; margin-bottom: 30px;}
.news_txt_style{font-size: 16px; color:#555; line-height: 1.4; margin-bottom: 30px;}
.news_txt_link_style{color:#4C96FF; margin-bottom:30px; display: inline-block;}
.news_img{width:100%; margin-bottom: 30px;}
.news_content_back_btn{display:block; width:240px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; border:1px solid #555; border-radius: 50px; margin:0 auto; vertical-align: top; margin-top: 60px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

@media (max-width: 1200px){


    .mo{display: block;}
    .pc{display: none;}
    .wrap{width:calc(100% - 40px); margin:0 auto;}
    .wrap770{width:calc(100% - 40px); margin:0 auto;}


    .header{height: 60px; background:#fff; line-height: 60px; z-index: 999;}
	
	
    .top_logo img{height: 36px; transform: translateY(14px);}
    .logo_txt{font-size: 16px; margin-left:10px; }
    .ham{display: inline-block; position:absolute; top:0px; right:-20px;
        width:60px; height: 60px; border:none; background:none; cursor: pointer;}
    .ham span{
        position: absolute; width: 20px; height: 2px; top: 50%; left: 50%;
        display: inline-block; background: #5CA5FF; overflow: hidden; transition: all 0.3s linear;}

    .ham span:nth-child(1){animation: span-first-off 0.5s ease-in-out;  animation-fill-mode: forwards;}
    .ham span:nth-child(2){animation: span-second-off 0.5s ease-in-out;  animation-fill-mode: forwards; }
    .ham span:nth-child(3){animation: span-third-off 0.5s ease-in-out;  animation-fill-mode: forwards;}

    .ham.on span:nth-child(1){animation: span-first-on 0.5s ease-in-out;  animation-fill-mode: forwards;}
    .ham.on span:nth-child(2){animation: span-second-on 0.5s ease-in-out;  animation-fill-mode: forwards;}
    .ham.on span:nth-child(3){animation: span-third-on 0.5s ease-in-out;  animation-fill-mode: forwards;}





    @keyframes span-first-on {
  0% {transform: translate(-50%, -400%);}
  30% {transform: translate(-50%, -50%);}
  100% {transform: translate(-50%, -50%) rotate(-45deg);}
}
    @keyframes span-first-off {
  0% {transform: translate(-50%, -50%) rotate(-45deg);}
  30% {transform: translate(-50%, -50%) rotate(0deg);}
  100% {transform: translate(-50%, -400%);}
}
    @keyframes span-second-on {
  0% {transform: translate(-50%, -50%);}
  25% {background: gray;}
  50% {transform: translate(-50%, -50%) scale(1);}
  100% {transform: translate(-150%, -50%) scale(0);}
}
    @keyframes span-second-off {
  0% {transform: translate(-150%, -50%) scale(0);}
  25% {background: gray;}
  50% {transform: translate(-50%, -50%) scale(1);}
  100% {transform: translate(-50%, -50%);}
}
    @keyframes span-third-on {
  0% {transform: translate(-50%, 300%);}
  30% {transform: translate(-50%, -50%);}
  100% {transform: translate(-50%, -50%) rotate(45deg);}
}
@keyframes span-third-off {
  0% {transform: translate(-50%, -50%) rotate(45deg);}
  30% {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, 300%);}
}

    .tab_menu.on{top:60px; }
    .tab_menu{
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
		transition:all 0.4s; width:100%; background:#fff; position:fixed;top:-390px; z-index: 99;}
    .tab_list{position:relative;  display: block; width:100%; height: 60px; box-sizing: border-box; line-height: 56px;}
	.tab_list.on{color: #4C96FF; font-weight: bold;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
	.tab_list img{position:absolute; right:0px; top:50%; transform: translateY(-50%); transition:all 0.5s;}
	.tab_list.on img{transform: translateY(-50%) rotate(-180deg);}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
	.support_tab_in.on{display:block;border-top: 1px solid #5CA5FF;}
	.support_tab_in{display: none; width:100%; background:#fff; padding:10px 0;}
	.support_tab_in a{display: block; color:#555; font-size: 14px; line-height: 40px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.main_bn{width:100%; margin-top: 00px; height: 480px;}

	
.download_btn_con{top:275px; width:220px;}
.main_bn_app_btn{display: block; width:220px;}
.main_bn_app_btn img{width:100%;}
.main_bn_pc_view_btn{display: none;}
.main_bn_pc_view_btn_mo_ver{
	text-align: center; margin-top: 12px;
	display: block; font-size: 15px; text-decoration: underline;  color:#646665;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.video{width:100%; padding:40px 0; text-align: center;}
.video_tit_img{position:relative; top:0; left: 0; margin-bottom: 40px;}
.video_con{text-align:center;}
.video_01{margin-bottom: 20px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.service.mo{width:100%; text-align: center;}
.service.mo .service_box{padding:60px 0}
.service_tit{margin-bottom: 20px;}
.service_img{width:85%;}
.service.mo .service_box:nth-child(2){background:rgba(92, 165, 255, 0.1);}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.what{height: auto; padding:60px 0; text-align: center; font-size: 0;}
.mo_what_tit_img{display: block; margin:0 auto 40px auto;}
.mo_what_phone_img{display: inline-block; width:40%; margin-right: 4%;}
.mo_what_icon_con{display: inline-block; width:56%; font-size: 0; text-align: left;}
.mo_what_icon_con li{display: inline-block; width:calc((100% - 24px) / 3); margin-left: 8px; margin-top: 8px;}
.mo_what_icon_con li img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.step{height:  auto; padding:60px 0; text-align: center;}
.mo_step_tit_img{display: block; margin:0 auto;}
.step_icon_con{display:block; width:calc(100% - 10px); margin:40px 0 0 10px;}
.step_icon_con li{width:calc((100% - 20px) / 2); margin:0 10px 10px 0;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.profile{padding:0 0 20px 0;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.awards{padding:0 0 40px 0;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.activity{height:auto;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.price{padding: 60px 0 15px 0; text-align: center; background:#5CA5FF;}
.app{width:calc(100% - 60px); margin:20px auto;}
.app_link{display: block; width:100%; margin-bottom: 25px;}
.app_img{width:100%;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.info_check{margin-top:10px; height: auto; }
.agree{display:block; height: 54px;}
.send{display:block; width:100%; height: 54px; position:relative;}
.agree_info_con{width:calc(100% - 60px); padding:20px 20px 30px 20px; line-height: 23px;}
.agree_info_btn{margin-bottom: 20px; height: 16px;}
    .agree_info_con b{font-size: 14px;}
    .agree_info_con p{font-size: 13px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.service_popup_con{width:calc(100% - 60px); padding-top: 30px;}

.service_popup_btn{height: 16px;}
.service_popup_btn img{ height: 16px;}
.popup_tit{padding-top: 10px; font-size: 14px; line-height: 22px;}
.popup_tit b{font-size: 16px;}

.popup_next_btn{height: 50px; line-height: 38px;font-size: 16px;}

.simple_contact{display: block; width:calc(100% - 40px); margin:25px auto 16px auto;}

.pro_contact.mo{display: block; width:calc(100% - 40px); padding-bottom: 20px; margin:0 auto;}
.pro_contact.pc{display: none;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.step_popup_con{width:92%; height: 610px;}
.step_popup_tit_con ul li{line-height: 45px;height: 45px; text-align: center; font-size: 16px;}
.step_popup_contents_con{height: 565px;}
.step_popup_img{width:100%; height: auto;}
.step_popup_txt_con{padding:20px;}
.step_popup_in_tit{font-size: 18px;}
.step_popup_in_txt{font-size: 14px;margin-top: 15px; line-height:20px;}
.step_popup_in_txt span{left: 10px; margin-bottom: 6px;}
.step_popup_in_txt span::before{width:3px; height: 3px; top:9px; left:-10px;}
.step_popup_close_btn{bottom:0px; font-size: 14px; width:160px; height: 36px; line-height: 36px;
	border-radius: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.what_popup_con{width:92%; height: 640px;}
.what_popup_tit_con ul li{line-height: 40px; width:25%;height: 40px;font-size: 12px;}

.what_popup_tit_con ul li:nth-child(4){border-right:none;}
.what_popup_tit_con ul li:nth-child(5){border-right:1px solid #eee;}
.what_popup_tit_con ul li:nth-child(6){border-bottom:1px solid #eee;}
.what_popup_tit_con ul li:nth-child(7){border-bottom:1px solid #eee;}
.what_popup_tit_con ul li:nth-child(8){border-bottom:1px solid #eee;}
.what_popup_tit_con ul li:nth-child(9){border-bottom:none;}
.what_popup_tit_con ul li:nth-child(10){border-bottom:none; border-right:1px solid #eee;}

.what_popup_contents_con{height: calc(100% - 120px);}
.what_popup_contents_con ul li{height: 100%;}
.what_popup_img{height: auto;}

.what_popup_txt_con{padding:15px;}
.what_popup_in_tit{font-size: 18px; text-align: center;}
.what_popup_in_txt{font-size: 14px; margin-top: 10px;}
.what_popup_close_btn{bottom:0px; font-size: 14px; width:160px; height: 36px; line-height: 36px;
	border-radius: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
	footer{ padding:40px 0; text-align: left;}
    .info_txt{display: block; margin-right: 0;}
    .info_txt.address{margin-bottom: 20px;}
    .info_txt::after{display: none;}
    .copyright{ margin-top:20px; font-size: 12px;}
/*=============================================================
						contact
=============================================================*/
.contact_section{margin-top: 60px; margin-bottom: 80px;}
.contact_section_tit{font-size:26px; padding:30px 0;}
.contact_section_tit span{margin-left: 0px; font-size:16px; display: block;}

.contact_process{margin-bottom: 20px;}

.process_list{width:calc((100% - 10px) / 2); margin-right: 10px; text-align: left; margin-bottom: 40px;}
.process_list:nth-child(2){margin-right: 0px;}

.process_img{width:100%; border-radius: 14px; overflow: hidden; height: 280px; position:relative;}
.process_list img{width:100%; position:absolute; top:50%; transform: translateY(-50%);}
.contact_option{margin-bottom: 30px;}

.pc_view_btn_pc{display:none;}
.pc_view_btn_mo{display:inline-block;color:#777;text-decoration:underline;text-align:center;margin-top:12px;width:200px;font-size: 16px;}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.filter_tit_con{margin-bottom: 0;}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.contact_textarea_style{padding:16px; font-size: 16px; height: 220px;}
.contact_input_style{padding:0 12px; height:48px; line-height: 48px; font-size: 16px;}
.contact_adr_search_btn{line-height: 48px; width:114px; height: 48px;font-size: 16px;}
.contact_adr_input_style{padding:0 12px;width:calc(100% - 114px); height:48px;line-height: 46px; font-size: 16px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.info_check{height:auto;}
.send_btn{display:block; width:100%; margin-left:0px; }
/*=============================================================
						news
=============================================================*/
.news_section{margin-top: 60px; margin-bottom: 80px;}
.section_tit{padding:40px 0; font-size:32px;}
.news_content{margin-top: 60px; margin-bottom: 80px;}
.in_news_tit{font-size: 20px;}
.in_news_date{text-align:center;}
.news_txt_con{padding:20px 0 0px 0; min-height:50vh;}
.news_txt_bold_style{font-size: 18px; margin-bottom: 20px;}
.news_txt_style{font-size: 16px;margin-bottom:20px;}
.news_txt_link_style{margin-bottom:20px; }
.news_img{ margin-bottom: 20px;}
.news_content_back_btn{width:180px; margin-top: 40px;}
}/*1200 end*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

@media (max-width: 760px){
/*=============================================================
						contact
=============================================================*/
.process_list{ margin-bottom: 20px;}
.process_img{height: 130px;}
.process_list .process_tit{font-size: 16px;margin:10px 0 4px 0;}
.process_list .process_txt{font-size: 13px;}
.option_tit{font-size: 20px; margin-bottom:10px;}
.option_tit span{margin-left: 0px;display: block; font-size:14px; }
.filter_tit{width:calc((100% - 20px) / 3);}
.filter_tit:nth-child(3){margin-right:0px;}
.filter_tit:nth-child(6){margin-right:0px;}
.filter_tit:last-child{margin-right:0px;}
.filter_content_in{padding:0; border-radius: 10px; height: 52px; line-height: 48px; margin-bottom: 10px;
	width:calc((100% - 20px) / 3); font-size: 16px;}
.filter_content_in:nth-child(3){margin-right:0px;}
.filter_content_in:nth-child(6){margin-right:0px;}
.filter_content_in:last-child{margin-right:0px;}
/*=============================================================
						news
=============================================================*/
.section_tit{padding:30px 0; font-size: 28px;}
.news_search_box{width:calc(100% - 60px); margin:0 auto 40px auto;}
.news_search_input{width:calc(100% - 18px);}
.news_total_num{font-size: 14px;}
.news_list_con{width:100%}
.news_list{display:block; width:100%; margin:15px 0 0 0; height: 200px; }
.news_list a{padding:16px;}
.news_index{font-size: 11px; margin-bottom: 10px; padding:0px 9px 2px 9px;}
.news_tit{overflow:hidden; text-overflow: ellipsis; word-wrap:break-word; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;	font-size: 16px;}
.news_date{bottom:16px; left: 16px; }








}/*760 end*/