@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@import url(https://fonts.googleapis.com/css?family=Raleway);

html,body {
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: 1px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.show_off{
	display: none;
}

a{
	color:#333;
}

/* top_menu */
.top_menu{
	height: 70px;
	position: fixed;
	width: 100%;
	z-index: 90;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding:0 20px;
	background-color: #fff;
	
}

.top_menu .logo_div{
	cursor: pointer;
	
}


.top_menu .title_div2 ul li{
	float: left;
	margin-right:50px;
	font-size: 18px;
	font-weight: normal !important;
	cursor: pointer;
}
.top_menu .title_div2 ul li a {
	text-decoration: none;
	
}
.top_menu .title_div2 ul li a:hover,
.top_menu .title_div2 ul li a:active,
.top_menu .title_div2 ul li a.active{
	color: #4D55FB !important;
}
.top_menu .title_div2 ul li:last-child{
	margin-right:0px;
}

.top_menu .title_div2 div.img{
	margin-top: 25px;
}

.top_menu .title_div2 div.title{
	cursor: pointer;
	font-weight: 600;
	padding: 5px 15px;
	border-radius: 8px;
	margin: 20px 15px;
}

.top_menu .title_div2 li.title:hover, .top_menu .title_div2 div.title:active, .top_menu .title_div2 li.title.active{
    font-weight: 700 !important;
	color: #4D55FB !important;
	font-size: 18px;
}

.top_menu .title_mode img{
	width: 154px;
	margin-right:40px;
}

.navigation {
	position: fixed;
	z-index: 98;
	/*background: rgba(255, 255, 255, 0.2);*/
	padding: 20px;
	right: 0px;
	top: 350px;

}
.navigation li {
	/*width: 10px;
	height: 10px;
	border-radius: 5px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-bottom: 25px;*/

	background-image: url("../images/0_pagedot02_1.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 100px;
    height: 32px;
    background-position: 70px;
}


.navigation li.no-1.active, .navigation li.no-1:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-2.active, .navigation li.no-2:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-3.active, .navigation li.no-3:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-4.active, .navigation li.no-4:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-5.active, .navigation li.no-5:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-6.active, .navigation li.no-6:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-7.active, .navigation li.no-7:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-8.active, .navigation li.no-8:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-9.active, .navigation li.no-9:hover { background-image: url("../images/0_pagedot10_1.png"); }
.navigation li.no-10.active, .navigation li.no-10:hover { background-image: url("../images/0_pagedot10_1.png"); }


.download {
	background: url(../images/download.png) no-repeat;
	position: fixed;
	right: 50px;
	top: 20px;
	height: 32px;
	z-index: 1;
	color: #fff;
	text-decoration: none;
	padding-top: 30px;
	text-align: center;
	width: 70px;
	background-position: center -3px;
}


.arrow {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/arrow.png);
	-webkit-background-size: 64px;
	-moz-background-size: 64px;
	background-size: 64px;
	background-position: center 600px !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.slide {
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}



.img_div {
	margin: 0 auto;
}


/* background 이미지 설정 시작 */
#slide1{
    background-image: url("../images/index_client_bg.png");
	background-repeat: no-repeat;
	background-position: center !important;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/0_bg02.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/0_bg02.png', sizingMethod='scale')";
}
#slide2{
    background-color:#fff;
}

#slide3{
    background-image: url("../images/index_client_bg.png");
	background-repeat: no-repeat;
	background-position: center !important;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale')";
}

#slide4 {
    background-color:#fff;
}

#slide5{
	background-image: url('../images/index_client_bg.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale')";
}


#slide6 {
    background-color:#fff;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale')";
}


#slide7{
	background-image: url('../images/index_client_bg.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale')";
}

#slide8{
	background-color:#fff;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale')";
}

#slide9{
	background-image: url('../images/index_client_bg.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index_client_bg.png', sizingMethod='scale')";
}

#slide10{
	background-image: url('../images/footer_bg.png');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/footer_bg.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/footer_bg.png', sizingMethod='scale')";
}
/* background 이미지 설정 끝 */


.slide .big_div{
	width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    display: block;
    position: relative;
    z-index: 50;
}

.slide .big_div .img_div{
	position: absolute;
	
}

.slide .big_div .back_div{
	width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    z-index: 40;
    position: absolute;
}

.slide .big_div .origin_div{
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 25px 95px;
}


#slide3 .big_div .origin_div{
    z-index: 30;
    background-image: url('../images/1_small_title.png');
}




.slide .big_div .origin_div .sub_title_div{
    height: 51px;
    position: absolute;
    left: 50%;
	top: 200px;
}







/******************************  #slide1  ********************************/

#slide1 .img_div{ 
	margin: -353px 0 0 -535px; 
	display: flex;
	
}

#slide1 .img_div .slide1_left img{
	width: 460px;
	height: auto;
	margin-right:110px;
}
#slide1 .img_div .slide1_right{
	margin-top:210px;
}
#slide1 .img_div .slide1_right h2 {
	color:	#4D55FB;
	font-weight: 700;
	font-size: 76px;
	margin-bottom:20px;
	margin-top: 50px;
	letter-spacing: -4px;
}
#slide1 .img_div .slide1_right p{
	color:#333;
	font-size: 40px;
	margin-bottom:50px;
	line-height: 55px;
	letter-spacing: -2.8px;
	font-weight: 400;
}
#slide1 .img_div .slide1_right p span{
	font-weight: 700;
}






.slide .img_div{
	top: 50%;
    position: absolute;
    left: 50%;
    padding: 0;
}

#slide2 .img_div{
    margin: -62px 0 0 -231px;
    width: 463px;
    height: 124px;
}

#slide2 .img_div .img_div_main {
    position:relative;
}
#slide2 .img_div .img_div_main .img_div_top{
    position:absolute;
    top:-200px;
    left:130px;
	animation: motion 0.3s /* 속도 */
               linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
               infinite alternate; /* 무한 반복 */
}
@keyframes motion {
	0% {margin-top: 0px;} /* 처음 위치 */
	100% {margin-top: 10px;} /* 마지막 위치 */
}
#slide2 .img_div .img_div_main .img_div_right{
    position:absolute;
    top:0px;
    left:600px;
	animation: motion 0.3s /* 속도 */
               linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
               infinite alternate; /* 무한 반복 */
}

#slide2 .img_div .img_div_main .img_div_left{
    position:absolute;
    top:80px;
    right:550px;
	animation: motion 0.3s /* 속도 */
               linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
               infinite alternate; /* 무한 반복 */
}

/******** #slide3 ***********/

#slide3 .img_div{
	width: 100%;
	margin:0 auto;
	
}
#slide3 .img_div .only_pc{
	display: block;
	position: absolute;
    margin: -335px 0 0 -300px;
}


#slide3 .img_div .slide3_cont_img{
	display: block;
	justify-content: space-evenly;
	margin: -310px 0 0 -605px;
	width: 100%;
	align-items: center;
	
}

#slide3 .img_div .slide3_cont_img .til3{
	width: 400px;
	height: 262px;
	margin-top: -100px;
	margin: 250px 0 0 10px;
	position:absolute;
}
#slide3 .img_div .slide3_cont_img .tir3{
	width: 400px;
	height: 262px;
	margin: 250px 0 0 800px;
	position:absolute;
}
#slide3 .img_div .slide3_cont_img .tim{
	margin: 100px 0 0 400px;
	position:absolute;
}

/******** #slide4 ***********/
#slide4 .img_div{
	width: 100%;
	margin:0 auto;
	
}
#slide4 .img_div .only_pc{
	display: block;
	position: absolute;
    margin: -335px 0 0 -270px;
}


#slide4 .img_div .slide3_cont_img{
	display: block;
	justify-content: space-evenly;
	margin: -310px 0 0 -605px;
	width: 100%;
	align-items: center;
	
}

#slide4 .img_div .slide3_cont_img .til3{
	width: 400px;
	height: 262px;
	margin-top: -100px;
	margin: 250px 0 0 10px;
	position:absolute;
}
#slide4 .img_div .slide3_cont_img .tir3{
	width: 400px;
	height: 262px;
	margin: 250px 0 0 800px;
	position:absolute;
}
#slide4 .img_div .slide3_cont_img .tim{
	margin: 100px 0 0 400px;
	position:absolute;
}

/**** #slide5 ****/
#slide5 .img_div{
	margin: -62px 0 0 -231px;
    width: 463px;
    height: 124px;
	
}
#slide5 .img_div .img_div_main {
    position:relative;
}
#slide5 .img_div .img_div_main .img_div_top{
	position:absolute;
	top:-200px;
	left:-50px;
	animation: motion2 0.3s /* 속도 */
				linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
				infinite alternate; /* 무한 반복 */
}

@keyframes motion2 {
	0% {margin-left: 0px;} /* 처음 위치 */
	100% {margin-left: 10px;} /* 마지막 위치 */
}


#slide5 .img_div .img_div_main .img_div_right {
	position:absolute;
	top:-40px;
	left:530px;
	animation: motion2 0.3s /* 속도 */
	linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
	infinite alternate; /* 무한 반복 */
}


#slide5 .img_div .img_div_main .img_div_left {
	position:absolute;
	top:160px;
	left:-340px;
	animation: motion2 0.3s /* 속도 */
	linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
	infinite alternate; /* 무한 반복 */
}
#slide5 .img_div .img_div_main .img_div_right2{
    position:absolute;
    top:200px;
    left:400px;
	animation: motion2 0.3s /* 속도 */
               linear 0s   /* 처음부터 끝까지 일정 속도로 진행 */
               infinite alternate; /* 무한 반복 */
}


/******** #slide6 ***********/
#slide6 .img_div{
    margin: -61px 0 0 -150px;
    width: 301px;
    height: 123px;
	margin-top: -400px;
}

#slide6 .img_div .slide4_cont{
	display: flex;
	justify-content: center;
	width: 100%;
	
}

#slide6 .img_div .slide4_cont .sc01{
	text-align: center;
	font-size: 14px;
	margin:60px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

#slide6 .img_div .slide4_cont .sc01 p {
	line-height: 28px;
	color:#666;
	font-size: 17px;
	font-weight: 400;
	width: 420px;
	margin: 0 0 20px;
	line-height: 28.8px;
	letter-spacing: -1px;
}
#slide6 .img_div .slide4_cont .sc01 span{
	font-size: 24px;
	font-weight: 700;
	display: block;
	margin:20px 0;
	color:#333;
	letter-spacing: -1px;
	
}
#slide6 .img_div .slide4_cont .sc01 span em{
	color:#4D55FB;
	font-weight: 700;
}




/******** #slide7 ***********/

#slide7 .img_div{
    margin: -61px 0 0 -150px;
    width: 301px;
    height: 123px;
	margin-top: -400px;
}

#slide7 .img_div .slide4_cont{
	display: flex;
	justify-content: center;
	width: 100%;
	
}

#slide7 .img_div .slide4_cont .sc01{
	text-align: center;
	font-size: 14px;
	margin:60px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

#slide7 .img_div .slide4_cont .sc01 p {
	line-height: 28px;
	color:#666;
	font-size: 17px;
	font-weight: 400;
	width: 420px;
	margin: 0 0 20px;
	line-height: 28.8px;
	letter-spacing: -1px;
}
#slide7 .img_div .slide4_cont .sc01 span{
	font-size: 24px;
	font-weight: 700;
	display: block;
	margin:20px 0;
	color:#333;
	letter-spacing: -1px;
	
}
#slide7 .img_div .slide4_cont .sc01 span em{
	color:#4D55FB;
	font-weight: 700;
}


/******** #slide8 ***********/

#slide8 .img_div{
    margin: -61px 0 0 -150px;
    width: 301px;
    height: 123px;
	margin-top: -400px;
}

#slide8 .img_div .slide4_cont{
	display: flex;
	justify-content: center;
	width: 100%;
	
}

#slide8 .img_div .slide4_cont .sc01{
	text-align: center;
	font-size: 14px;
	margin:60px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

#slide8 .img_div .slide4_cont .sc01 p {
	line-height: 28px;
	color:#666;
	font-size: 17px;
	font-weight: 400;
	width: 420px;
	margin: 0 0 20px;
	line-height: 28.8px;
	letter-spacing: -1px;
}
#slide8 .img_div .slide4_cont .sc01 span{
	font-size: 24px;
	font-weight: 700;
	display: block;
	margin:20px 0;
	color:#333;
	letter-spacing: -1px;
	
}
#slide8 .img_div .slide4_cont .sc01 span em{
	color:#4D55FB;
	font-weight: 700;
}


/******** #slide9 ***********/

#slide9 .img_div{
    margin: -61px 0 0 -150px;
    width: 301px;
    height: 123px;
	margin-top: -400px;
}

#slide9 .img_div .slide4_cont{
	display: flex;
	justify-content: center;
	width: 100%;
	
}

#slide9 .img_div .slide4_cont .sc01{
	text-align: center;
	font-size: 14px;
	margin:60px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

#slide9 .img_div .slide4_cont .sc01 p {
	line-height: 28px;
	color:#666;
	font-size: 17px;
	font-weight: 400;
	width: 420px;
	margin: 0 0 20px;
	line-height: 28.8px;
	letter-spacing: -1px;
}
#slide9 .img_div .slide4_cont .sc01 span{
	font-size: 24px;
	font-weight: 700;
	display: block;
	margin:20px 0;
	color:#333;
	letter-spacing: -1px;
	
}
#slide9 .img_div .slide4_cont .sc01 span em{
	color:#4D55FB;
	font-weight: 700;
}

/******** #slide10 ***********/

#slide10 .origin_div {
	display: flex;
	flex-direction: column;
	align-items: center;

}
#slide10 .origin_div .sub_title_div2{
   margin: 0 auto;
   padding-top: 300px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 1000px;
}

#slide10 .origin_div .sub_title_div2 h3{
	font-size: 60px;
	font-weight: 700;
	margin-bottom:20px;
	letter-spacing: -1.5px;
}
#slide10 .origin_div .sub_title_div2 h3 em{
	color:#4D55FB;
	font-weight: 600;
}
#slide10 .origin_div .sub_title_div2 p {
	text-align: center;
	color:#666;
	letter-spacing: -1px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28.8px;
}
#slide10 .origin_div .sub_title_div2 img{
	width: 150px;
	height: 150px;
	filter: drop-shadow(8px 8px 5px gray);
}
#slide10 .origin_div .img_div{
	top:0;
	left:0;
	position:relative;
	margin-top: 70px;
	padding-bottom:200px;
	display: flex;
	justify-content: space-between;
}
#slide10 .origin_div .img_div img{
	width: 255px;
	height: 85px;
}	

#slide10 .origin_div .copyright{
	margin: 0 auto;
	padding-bottom:20px;
	text-align: center;
	height: 200px;
	display: flex;
	position:absolute;
	justify-content: center;
	flex-direction: column;
	bottom: 0;

}
#slide10 .origin_div .copyright a{
	text-decoration: none;
	color:#666;
	letter-spacing: -1px;
}
#slide10 .origin_div .copyright p {
	margin:5px 0;
	color:#666;
	
}

/* sub1 */


#sub .title_div{
	padding-top: 100px;
	height: 120px;
	line-height: 120px;
	position: relative;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}


#sub .title_div{
	background-color: #ffffff;
	color: #715e85;
}

#sub .content_div{
	height: 1210px;
	text-align: center;
	padding: 45px 0;
}

#sub .content_div .img_1{
	position: relative;
	width: 917px;
	height: 130px;
	margin: 0 auto;
}

#sub .content_div .img_1 .click_btn{
	position: absolute;
	right: 50px;
    top: 33px;
    cursor: pointer;
}

#sub .content_div .img_2{
	margin-top: 40px;
}



/* pop_up */
.pop_back{
	background-color: #000000;
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pop_back.on{
	display: block;
}

.pop_up{
	width: 430px;
	height: 580px;
	color: #ffffff;
	display: none;
	position: absolute;
	z-index: 999;
}

.pop_up .close_btn{
	float: right;
	margin: 8px 10px 0 0;
	cursor: pointer;
}

.pop_up .title_div{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	background-color: #0dac8c;
}

.pop_up .content_div{
	background-color: #444c56;
	height: 490px;
	padding: 20px 25px;
}

.pop_up .table_div table{
	width: 100%;
	width: 380px;
}

.pop_up .table_div table tr td{
	height: 40px;
}

.pop_up .table_div input{
	height: 40px;
	width: 360px;
	padding: 0 10px;


}

.pop_up .table_div table tr.title_tr td{
	padding-left: 15px;
	/*padding-top: 5px;*/
}

.pop_up .table_div table tr td.text2{
	width: 185px;
}

.pop_up .table_div table tr.text2 td, .pop_up .table_div table tr.text2 td input{
	width: 160px;
}

.pop_up textarea{
	width: 360px;
    height: 110px;
    padding: 10px;
    resize: none;
}

.pop_up .p{
	color: #f47e81;
	font-size: 13px;
}

.pop_up .btn_div{
	margin-top: 15px;
}

.pop_up .btn_div img{
	cursor: pointer;
}

.ml-7{ margin-left: 7px; }
.pd-20{ padding-left: 20px!important; }
.fr { float: right }

#footer{
	text-align: center;
    bottom: 30px;
    position: absolute;
    left: 50%;
    margin-left: -211px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-size: 14px;
}


.mouse_down{
	width: 22px;
    height: 58px;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: 0px;
}

.btn_click_div{
	position: absolute;
    width: 365px;
    height: 47px;
    top: 200px;
    left: 50%;
    margin-left: -182px;
    cursor: pointer;
	z-index: 80;
    text-align: center;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.img_div, #slide10 .content_div , .btn_click_div{
		zoom: 0.8;
	}

	.btn_click_div{
		top: 300px;
	}


}

@media screen and (min-width: 480px) and (max-width: 768px){
	
	#navigation{
		display:block;
	}

	.navigation{
		display: none;
	}
	
	.title_div2{
		width: 100%;
		margin:-50px auto 0;
		background-color: #fff;
		border-bottom-right-radius:50px;
		border-bottom-left-radius:50px;
	}


	.top_menu .title_div2 div.title{
		font-size: 16px;
		
	}

	.title_mode{
		display: none;
	}

	


	/**** #slide1 ****/
	#slide1{
		height: 800px !important;
	}
	#slide1 .img_div{
		width: 100%;
		margin: 280px auto 0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		left:0;
		top:0;
	}
	#slide1 .img_div .slide1_left{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin:0 auto;
	}
	#slide1 .img_div .slide1_left img{
		width: 300px;
		margin:-30px auto 0;
	}

	#slide1 .img_div .slide1_right{
		width: 100%;
		margin:-800px auto -100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#slide1 .img_div .slide1_right h2{
		font-size: 42px;
		margin-top: 20px;
		display: block;
		font-weight: 700;
		letter-spacing: -3px;
		margin-bottom:10px;
	}
	#slide1 .img_div .slide1_right p {
		text-align: center;
		line-height: 31.2px;
		letter-spacing: -1.5px;
		font-weight: 400;
		font-size: 26px;
		margin-bottom:10px;
	}
	#slide1 .img_div .slide1_right .only_mobile{
		width: 153px;
		margin-bottom: 24px;
	}
	.mouse_down{
		margin-left: -20px;
	}


	/**** #slide2 ****/

	#slide2 .img_div .img_div_main{
		width: 300px;
		margin:0 auto;
	}
	#slide2 .img_div .img_div_main img{
		width: 100%;
	}
	#slide2 .img_div .img_div_main .img_div_top{
		width: 152px;
		left:150px;
		top:-230px;
	}
	#slide2 .img_div .img_div_main .img_div_left{
		left:150px;
		top: 200px;
		width: 152px;
	}
	#slide2 .img_div .img_div_main .img_div_right{
		left:0;
		width: 152px;
		top:-100px;
	}

	/**** #slide3 ****/
	#slide3{
		height: 900px !important;
	}
	#slide3 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
	}
	#slide3 .img_div .slide3_title_img{
		width: 100%;
	}
	#slide3 .img_div .only_mobile{
		width: 200px;
		display: block;		
		margin:100px 0 50px;
	}

	#slide3 .img_div .only_pc{
		display: none;
	}

	#slide3 .img_div .slide3_cont_img{
		display: flex;
		justify-content: center;
		margin:200px auto;
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	#slide3 .img_div .slide3_cont_img .tim.only_mobile{
		width: 300px;
		margin:0 auto;
	}
	
	#slide3 .img_div .slide3_cont_img .til3.only_mobile{
		width: 320px;
		height: 170px;
		margin:300px 0 0;
		z-index: 10;
		
	}
	#slide3 .img_div .slide3_cont_img .tir3.only_mobile{
		width: 320px;
		height: 170px;
		margin:650px 0 0;
		z-index: 11;
		
	}

	/**** #slide4 ****/
	#slide4{
		height: 900px !important;
	}
	#slide4 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
	}
	#slide4 .img_div .slide3_title_img{
		width: 100%;
	}
	#slide4 .img_div .only_mobile{
		width: 200px;
		display: block;		
		margin:100px 0 50px;
	}

	#slide4 .img_div .only_pc{
		display: none;
	}

	#slide4 .img_div .slide3_cont_img{
		display: flex;
		justify-content: center;
		margin:200px auto;
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	#slide4 .img_div .slide3_cont_img .tim.only_mobile{
		width: 300px;
		margin:0 auto;
	}
	
	#slide4 .img_div .slide3_cont_img .til3.only_mobile{
		width: 320px;
		height: 170px;
		margin:300px 0 0;
		z-index: 10;
		
	}
	#slide4 .img_div .slide3_cont_img .tir3.only_mobile{
		width: 320px;
		height: 170px;
		margin:650px 0 0;
		z-index: 11;
		
	}

	/*** #slide5 ***/


	#slide5 .img_div .img_div_main{
		width: 300px;
		margin:0 auto;
	}
	#slide5 .img_div .img_div_main img{
		width: 100%;
	}
	#slide5 .img_div .img_div_main .img_div_top{
		width: 257px;
		left:-20px;
		top:-230px;
	}
	#slide5 .img_div .img_div_main .img_div_right{
		left:100px;
		width: 215px;
		top:-120px;
	}
	#slide5 .img_div .img_div_main .img_div_left{
		left:40px;
		top: 160px;
		width: 256px;
	}
	#slide5 .img_div .img_div_main .img_div_right2{
		left:-20px;
		width: 164px;
		top:280px;
	}

	
	/*** #slide6 ***/
	#slide6{
		height: 1350px !important;
	}
	#slide6 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide6 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide6 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide6 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}

	#slide6 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide6 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}

	#slide6 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #e2e2e2;
        margin: 20px 0px;
	}
	#slide6 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide7 ***/
	#slide7{
		height: 1100px !important;
	}
	#slide7 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide7 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide7 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide7 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}
	
	#slide7 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide7 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		text-align: center;
		font-size: 16px;
	}

	#slide7 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #a8a7a7;
        margin: 20px 0px;
	}
	#slide7 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide8 ***/
	#slide8{
		height: 1050px !important;
	}
	#slide8 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide8 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide8 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide8 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}
	
	#slide8 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide8 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		text-align: center;
		font-size: 16px;
	}

	#slide8 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #e2e2e2;
        margin: 20px 0px;
	}
	#slide8 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide9 ***/
	#slide9{
		height: 1000px !important;
	}
	#slide9 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide9 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide9 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide9 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}

	#slide9 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide9 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}

	#slide9 .img_div .slide4_cont .sc01:after{
		content: "";
		display: block;
		width: 250px;
		border-bottom: 1px solid #e2e2e2;
		margin: 20px 0px;
	}
	#slide9 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide10 ***/
	#slide10{
		height: 800px;
	}
	#slide10 .origin_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		
	}

	#slide10 .origin_div .sub_title_div2{
		margin: 0 auto;
		width: 100%;
		padding-top: 100px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide10 .origin_div .sub_title_div2 h3{
		font-size: 34px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -1.5px;
	}
	#slide10 .origin_div .sub_title_div2 img{
		width: 110px;
		height: 110px;
		margin-top: 30px;
	}
	#slide10 .origin_div .sub_title_div2 p{
		font-weight: 400;
		font-size: 14px;
		letter-spacing: -1px;
		line-height: 22.4px;
	}
	#slide10 .origin_div .img_div{
		width: 100%;
		margin: 50px auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		left:0;
		top:0;
	}
	#slide10 .origin_div .img_div a {
		display: block;
		padding:5px 0;
	}
	#slide10 .origin_div .copyright{
		padding: 30px 20px;
		display: block;
		height:100px;
	}
	#slide10 .origin_div p{
		font-size: 12px;
		color:#666;
	}



	/**** #navigation ****/	
	.top_menu{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		margin:0 auto;
		padding:20px 0;
		background-color: none;
		height: 30px;
	}

	.top_menu .logo_div {
		width: 100%;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		height: auto;
		position:fixed;
		align-items: center;
	
	}
	
	.top_menu .logo_div img{
		margin-left:20px;
	
	}
	.top_menu .logo_div .tog-menu{
		margin-right:20px;
	}
	.top_menu .title_div2 ul{
		margin:100px 0 20px;
		display: flex;
		align-items: center;
		flex-direction: column;
		
	}	

	.top_menu .title_div2 ul li{
		float:none;
		font-size: 18px;
		font-weight: 500 !important;
		cursor: pointer;
		padding:8px;
		margin-right: 0;
		letter-spacing: -0.5px;
	}
	
	.top_menu .logo_div .tog-menu{
		cursor: pointer;
	}
	.toggle-menu {
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
	  }
	  
	  .toggle-menu span:after, .toggle-menu span:before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
	  }
	  
	  .toggle-menu span:after {
		top: 18px;
	  }
	  
	  .toggle-menu span {
		position: relative;
		display: block;
	  }
	  
	  .toggle-menu span, .toggle-menu span:after, .toggle-menu span:before {
		width: 100%;
		height: 2px;
		background-color: #000;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	  }
	  
	  .toggle-menu.on span {
		background-color: transparent;
	  }
	  
	  .toggle-menu.on span:before {
		-webkit-transform: rotate(45deg) translate(-1px, 0);
		-ms-transform: rotate(45deg) translate(-1px, 0);
		transform: rotate(45deg) translate(-1px, 0);
	  }
	  
	  .toggle-menu.on span:after {
		-webkit-transform: rotate(-45deg) translate(6px, -7px);
		-ms-transform: rotate(-45deg) translate(6px, -7px);
		transform: rotate(-45deg) translate(6px, -7px);
	  }

	  .tog-menu > a {
		z-index: 9999;
		position: relative;
	  }
	  
	  .hidden-menu {
		display: none;
	  }

	  .only_mobile{
		display: block !important;
	  }
	  .only_pc{
		display: none !important;
	}
}






@media screen and (max-width: 480px){
	#navigation{
		display:block;
	}

	.navigation{
		display: none;
	}
	
	.title_div2{
		width: 100%;
		margin:-50px auto 0;
		background-color: #fff;
		border-bottom-right-radius:50px;
		border-bottom-left-radius:50px;
	}


	.top_menu .title_div2 div.title{
		font-size: 16px;
		
	}

	.title_mode{
		display: none;
	}

	


	/**** #slide1 ****/
	#slide1{
		height: 800px !important;
	}
	#slide1 .img_div{
		width: 100%;
		margin: 280px auto 0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		left:0;
		top:0;
	}
	#slide1 .img_div .slide1_left{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin:0 auto;
	}
	#slide1 .img_div .slide1_left img{
		width: 300px;
		margin:-30px auto 0;
	}

	#slide1 .img_div .slide1_right{
		width: 100%;
		margin:-800px auto -100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#slide1 .img_div .slide1_right h2{
		font-size: 42px;
		margin-top: 20px;
		display: block;
		font-weight: 700;
		letter-spacing: -3px;
		margin-bottom:10px;
	}
	#slide1 .img_div .slide1_right p {
		text-align: center;
		line-height: 31.2px;
		letter-spacing: -1.5px;
		font-weight: 400;
		font-size: 26px;
		margin-bottom:10px;
	}
	#slide1 .img_div .slide1_right .only_mobile{
		width: 153px;
		margin-bottom: 24px;
	}
	.mouse_down{
		margin-left: -20px;
	}


	/**** #slide2 ****/

	#slide2 .img_div .img_div_main{
		width: 300px;
		margin:0 auto;
	}
	#slide2 .img_div .img_div_main img{
		width: 100%;
	}
	#slide2 .img_div .img_div_main .img_div_top{
		width: 152px;
		left:150px;
		top:-230px;
	}
	#slide2 .img_div .img_div_main .img_div_left{
		left:150px;
		top: 200px;
		width: 152px;
	}
	#slide2 .img_div .img_div_main .img_div_right{
		left:0;
		width: 152px;
		top:-100px;
	}

	/**** #slide3 ****/
	#slide3{
		height: 900px !important;
	}
	#slide3 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
	}
	#slide3 .img_div .slide3_title_img{
		width: 100%;
	}
	#slide3 .img_div .only_mobile{
		width: 200px;
		display: block;		
		margin:100px 0 50px;
	}

	#slide3 .img_div .only_pc{
		display: none;
	}

	#slide3 .img_div .slide3_cont_img{
		display: flex;
		justify-content: center;
		margin:200px auto;
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	#slide3 .img_div .slide3_cont_img .tim.only_mobile{
		width: 300px;
		margin:0 auto;
	}
	
	#slide3 .img_div .slide3_cont_img .til3.only_mobile{
		width: 320px;
		height: 170px;
		margin:300px 0 0;
		z-index: 10;
		
	}
	#slide3 .img_div .slide3_cont_img .tir3.only_mobile{
		width: 320px;
		height: 170px;
		margin:650px 0 0;
		z-index: 11;
		
	}

	/**** #slide4 ****/
	#slide4{
		height: 900px !important;
	}
	#slide4 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
	}
	#slide4 .img_div .slide3_title_img{
		width: 100%;
	}
	#slide4 .img_div .only_mobile{
		width: 200px;
		display: block;		
		margin:100px 0 50px;
	}

	#slide4 .img_div .only_pc{
		display: none;
	}

	#slide4 .img_div .slide3_cont_img{
		display: flex;
		justify-content: center;
		margin:200px auto;
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	#slide4 .img_div .slide3_cont_img .tim.only_mobile{
		width: 300px;
		margin:0 auto;
	}
	
	#slide4 .img_div .slide3_cont_img .til3.only_mobile{
		width: 320px;
		height: 170px;
		margin:300px 0 0;
		z-index: 10;
		
	}
	#slide4 .img_div .slide3_cont_img .tir3.only_mobile{
		width: 320px;
		height: 170px;
		margin:650px 0 0;
		z-index: 11;
		
	}

	/*** #slide5 ***/


	#slide5 .img_div .img_div_main{
		width: 300px;
		margin:0 auto;
	}
	#slide5 .img_div .img_div_main img{
		width: 100%;
	}
	#slide5 .img_div .img_div_main .img_div_top{
		width: 257px;
		left:-20px;
		top:-230px;
	}
	#slide5 .img_div .img_div_main .img_div_right{
		left:100px;
		width: 215px;
		top:-120px;
	}
	#slide5 .img_div .img_div_main .img_div_left{
		left:40px;
		top: 160px;
		width: 256px;
	}
	#slide5 .img_div .img_div_main .img_div_right2{
		left:-20px;
		width: 164px;
		top:280px;
	}

	
	/*** #slide6 ***/
	#slide6{
		height: 1350px !important;
	}
	#slide6 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide6 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide6 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide6 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}

	#slide6 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide6 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}

	#slide6 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #e2e2e2;
        margin: 20px 0px;
	}
	#slide6 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide7 ***/
	#slide7{
		height: 1100px !important;
	}
	#slide7 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide7 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide7 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide7 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}
	
	#slide7 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide7 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		text-align: center;
		font-size: 16px;
	}

	#slide7 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #a8a7a7;
        margin: 20px 0px;
	}
	#slide7 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide8 ***/
	#slide8{
		height: 1050px !important;
	}
	#slide8 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide8 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide8 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide8 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}
	
	#slide8 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide8 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		text-align: center;
		font-size: 16px;
	}

	#slide8 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #e2e2e2;
        margin: 20px 0px;
	}
	#slide8 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide9 ***/
	#slide9{
		height: 1000px !important;
	}
	#slide9 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide9 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide9 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide9 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}

	#slide9 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide9 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}

	#slide9 .img_div .slide4_cont .sc01:after{
		content: "";
		display: block;
		width: 250px;
		border-bottom: 1px solid #e2e2e2;
		margin: 20px 0px;
	}
	#slide9 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide10 ***/
	#slide10{
		height: 800px;
	}
	#slide10 .origin_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		
	}

	#slide10 .origin_div .sub_title_div2{
		margin: 0 auto;
		width: 100%;
		padding-top: 100px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide10 .origin_div .sub_title_div2 h3{
		font-size: 34px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -1.5px;
	}
	#slide10 .origin_div .sub_title_div2 img{
		width: 110px;
		height: 110px;
		margin-top: 30px;
	}
	#slide10 .origin_div .sub_title_div2 p{
		font-weight: 400;
		font-size: 14px;
		letter-spacing: -1px;
		line-height: 22.4px;
	}
	#slide10 .origin_div .img_div{
		width: 100%;
		margin: 50px auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		left:0;
		top:0;
	}
	#slide10 .origin_div .img_div a {
		display: block;
		padding:5px 0;
	}
	#slide10 .origin_div .copyright{
		padding: 30px 20px;
		display: block;
		height:100px;
	}
	#slide10 .origin_div p{
		font-size: 12px;
		color:#666;
	}



	/**** #navigation ****/	
	.top_menu{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		margin:0 auto;
		padding:20px 0;
		background-color: none;
		height: 30px;
	}

	.top_menu .logo_div {
		width: 100%;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		height: auto;
		position:fixed;
		align-items: center;
	
	}
	
	.top_menu .logo_div img{
		margin-left:20px;
	
	}
	.top_menu .logo_div .tog-menu{
		margin-right:20px;
	}
	.top_menu .title_div2 ul{
		margin:100px 0 20px;
		display: flex;
		align-items: center;
		flex-direction: column;
		
	}	

	.top_menu .title_div2 ul li{
		float:none;
		font-size: 18px;
		font-weight: 500 !important;
		cursor: pointer;
		padding:8px;
		margin-right: 0;
		letter-spacing: -0.5px;
	}
	
	.top_menu .logo_div .tog-menu{
		cursor: pointer;
	}
	.toggle-menu {
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
	  }
	  
	  .toggle-menu span:after, .toggle-menu span:before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
	  }
	  
	  .toggle-menu span:after {
		top: 18px;
	  }
	  
	  .toggle-menu span {
		position: relative;
		display: block;
	  }
	  
	  .toggle-menu span, .toggle-menu span:after, .toggle-menu span:before {
		width: 100%;
		height: 2px;
		background-color: #000;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	  }
	  
	  .toggle-menu.on span {
		background-color: transparent;
	  }
	  
	  .toggle-menu.on span:before {
		-webkit-transform: rotate(45deg) translate(-1px, 0);
		-ms-transform: rotate(45deg) translate(-1px, 0);
		transform: rotate(45deg) translate(-1px, 0);
	  }
	  
	  .toggle-menu.on span:after {
		-webkit-transform: rotate(-45deg) translate(6px, -7px);
		-ms-transform: rotate(-45deg) translate(6px, -7px);
		transform: rotate(-45deg) translate(6px, -7px);
	  }

	  .tog-menu > a {
		z-index: 9999;
		position: relative;
	  }
	  
	  .hidden-menu {
		display: none;
	  }

	  .only_mobile{
		display: block !important;
	  }
	  .only_pc{
		display: none !important;
	}
}


@media screen and (min-width: 320px) and (max-width: 480px){
	#navigation{
		display:block;
	}

	.navigation{
		display: none;
	}
	
	.title_div2{
		width: 100%;
		margin:-50px auto 0;
		background-color: #fff;
		border-bottom-right-radius:50px;
		border-bottom-left-radius:50px;
	}


	.top_menu .title_div2 div.title{
		font-size: 16px;
		
	}

	.title_mode{
		display: none;
	}

	


	/**** #slide1 ****/
	#slide1{
		height: 800px !important;
	}
	#slide1 .img_div{
		width: 100%;
		margin: 280px auto 0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		left:0;
		top:0;
	}
	#slide1 .img_div .slide1_left{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin:0 auto;
	}
	#slide1 .img_div .slide1_left img{
		width: 300px;
		margin:-30px auto 0;
	}

	#slide1 .img_div .slide1_right{
		width: 100%;
		margin:-800px auto -100px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#slide1 .img_div .slide1_right h2{
		font-size: 42px;
		margin-top: 20px;
		display: block;
		font-weight: 700;
		letter-spacing: -3px;
		margin-bottom:10px;
	}
	#slide1 .img_div .slide1_right p {
		text-align: center;
		line-height: 31.2px;
		letter-spacing: -1.5px;
		font-weight: 400;
		font-size: 26px;
		margin-bottom:10px;
	}
	#slide1 .img_div .slide1_right .only_mobile{
		width: 153px;
		margin-bottom: 24px;
	}
	.mouse_down{
		margin-left: -20px;
	}


	/**** #slide2 ****/

	#slide2 .img_div .img_div_main{
		width: 300px;
		margin:0 auto;
	}
	#slide2 .img_div .img_div_main img{
		width: 100%;
	}
	#slide2 .img_div .img_div_main .img_div_top{
		width: 152px;
		left:150px;
		top:-180px;
	}
	#slide2 .img_div .img_div_main .img_div_left{
		left:150px;
		top: 200px;
		width: 152px;
	}
	#slide2 .img_div .img_div_main .img_div_right{
		left:0;
		width: 152px;
		top:-100px;
	}

	/**** #slide3 ****/
	#slide3{
		height: 900px !important;
	}
	#slide3 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
	}
	#slide3 .img_div .slide3_title_img{
		width: 100%;
	}
	#slide3 .img_div .only_mobile{
		width: 200px;
		display: block;		
		margin:100px 0 50px;
	}

	#slide3 .img_div .only_pc{
		display: none;
	}

	#slide3 .img_div .slide3_cont_img{
		display: flex;
		justify-content: center;
		margin:200px auto;
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	#slide3 .img_div .slide3_cont_img .tim.only_mobile{
		width: 300px;
		margin:0 auto;
	}
	
	#slide3 .img_div .slide3_cont_img .til3.only_mobile{
		width: 320px;
		height: 170px;
		margin:150px 0 0;
		z-index: 10;
	}
	#slide3 .img_div .slide3_cont_img .tir3.only_mobile{
		width: 320px;
		height: 170px;
		margin:330px 0 0;
		z-index: 11;
	}

	/**** #slide4 ****/
	#slide4{
		height: 900px !important;
	}
	#slide4 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
	}
	#slide4 .img_div .slide3_title_img{
		width: 100%;
	}
	#slide4 .img_div .only_mobile{
		width: 200px;
		display: block;		
		margin:100px 0 50px;
	}

	#slide4 .img_div .only_pc{
		display: none;
	}

	#slide4 .img_div .slide3_cont_img{
		display: flex;
		justify-content: center;
		margin:200px auto;
		width: 100%;
		align-items: center;
		flex-direction: column;
	}
	#slide4 .img_div .slide3_cont_img .tim.only_mobile{
		width: 300px;
		margin:0 auto;
	}
	
	#slide4 .img_div .slide3_cont_img .til3.only_mobile{
		width: 320px;
		height: 170px;
		margin:150px 0 0;
		z-index: 10;
	}
	#slide4 .img_div .slide3_cont_img .tir3.only_mobile{
		width: 320px;
		height: 170px;
		margin:330px 0 0;
		z-index: 11;
	}

	/*** #slide5 ***/


	#slide5 .img_div .img_div_main{
		width: 300px;
		margin:0 auto;
	}
	#slide5 .img_div .img_div_main img{
		width: 100%;
	}
	#slide5 .img_div .img_div_main .img_div_top{
		width: 257px;
		left:0px;
		top:-160px;
	}
	#slide5 .img_div .img_div_main .img_div_right{
		left:80px;
		width: 215px;
		top:-80px;
	}
	#slide5 .img_div .img_div_main .img_div_left{
		left:40px;
		top: 120px;
		width: 256px;
	}
	#slide5 .img_div .img_div_main .img_div_right2{
		left:0px;
		width: 164px;
		top:220px;
	}

	
	/*** #slide6 ***/
	#slide6{
		height: 1350px !important;
	}
	#slide6 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide6 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide6 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide6 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}

	#slide6 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide6 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}

	#slide6 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #e2e2e2;
        margin: 20px 0px;
	}
	#slide6 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide7 ***/
	#slide7{
		height: 1100px !important;
	}
	#slide7 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide7 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide7 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide7 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}
	
	#slide7 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide7 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		text-align: center;
		font-size: 16px;
	}

	#slide7 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #a8a7a7;
        margin: 20px 0px;
	}
	#slide7 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide8 ***/
	#slide8{
		height: 1050px !important;
	}
	#slide8 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide8 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide8 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide8 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}
	
	#slide8 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide8 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		text-align: center;
		font-size: 16px;
	}

	#slide8 .img_div .slide4_cont .sc01:after{
		content: "";
        display: block;
        width: 250px;
        border-bottom: 1px solid #e2e2e2;
        margin: 20px 0px;
	}
	#slide8 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide9 ***/
	#slide9{
		height: 1000px !important;
	}
	#slide9 .img_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		height: auto;
	}
	#slide9 .img_div .slide4_title_img{
		margin: 100px 0 50px;
	}
	#slide9 .img_div .slide4_cont{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide9 .img_div .slide4_cont .sc01{
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin:0 auto;
		width: 100%;
		
	}

	#slide9 .img_div .slide4_cont .sc01 p{
		line-height: 22.4px;
		color: #666;
		font-size: 14px;
		width: 260px;
		text-align: left;
		font-family: 'Noto Sans KR', sans-serif;
		letter-spacing: -1px;
	}
	#slide9 .img_div .slide4_cont .sc01 span{
		font-weight: 700;
		letter-spacing: -1px;
		font-size: 16px;
		text-align: center;
	}

	#slide9 .img_div .slide4_cont .sc01:after{
		content: "";
		display: block;
		width: 250px;
		border-bottom: 1px solid #e2e2e2;
		margin: 20px 0px;
	}
	#slide9 .img_div .slide4_cont .sc01:last-child:after{
		border-bottom:none;
	}

	/*** #slide10 ***/
	#slide10{
		height: 800px;
	}
	#slide10 .origin_div{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin:0 auto;
		flex-direction: column;
		left:0;
		top:0;
		
	}

	#slide10 .origin_div .sub_title_div2{
		margin: 0 auto;
		width: 100%;
		padding-top: 100px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	#slide10 .origin_div .sub_title_div2 h3{
		font-size: 34px;
		font-weight: 700;
		text-align: center;
		letter-spacing: -1.5px;
	}
	#slide10 .origin_div .sub_title_div2 img{
		width: 110px;
		height: 110px;
		margin-top: 30px;
	}
	#slide10 .origin_div .sub_title_div2 p{
		font-weight: 400;
		font-size: 14px;
		letter-spacing: -1px;
		line-height: 22.4px;
	}
	#slide10 .origin_div .img_div{
		width: 100%;
		margin: 50px auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		left:0;
		top:0;
	}
	#slide10 .origin_div .img_div a {
		display: block;
		padding:5px 0;
	}
	#slide10 .origin_div .copyright{
		padding: 30px 20px;
		display: block;
		height:100px;
	}
	#slide10 .origin_div p{
		font-size: 12px;
		color:#666;
	}



	/**** #navigation ****/	
	.top_menu{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		margin:0 auto;
		padding:20px 0;
		background-color: none;
		height: 30px;
	}

	.top_menu .logo_div {
		width: 100%;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		height: auto;
		position:fixed;
		align-items: center;
	
	}
	
	.top_menu .logo_div img{
		margin-left:20px;
	
	}
	.top_menu .logo_div .tog-menu{
		margin-right:20px;
	}
	.top_menu .title_div2 ul{
		margin:100px 0 20px;
		display: flex;
		align-items: center;
		flex-direction: column;
		
	}	

	.top_menu .title_div2 ul li{
		float:none;
		font-size: 18px;
		font-weight: 500 !important;
		cursor: pointer;
		padding:8px;
		margin-right: 0;
		letter-spacing: -0.5px;
	}
	
	.top_menu .logo_div .tog-menu{
		cursor: pointer;
	}
	.toggle-menu {
		display: block;
		width: 28px;
		height: 28px;
		position: absolute;
	  }
	  
	  .toggle-menu span:after, .toggle-menu span:before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
	  }
	  
	  .toggle-menu span:after {
		top: 18px;
	  }
	  
	  .toggle-menu span {
		position: relative;
		display: block;
	  }
	  
	  .toggle-menu span, .toggle-menu span:after, .toggle-menu span:before {
		width: 100%;
		height: 2px;
		background-color: #000;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	  }
	  
	  .toggle-menu.on span {
		background-color: transparent;
	  }
	  
	  .toggle-menu.on span:before {
		-webkit-transform: rotate(45deg) translate(-1px, 0);
		-ms-transform: rotate(45deg) translate(-1px, 0);
		transform: rotate(45deg) translate(-1px, 0);
	  }
	  
	  .toggle-menu.on span:after {
		-webkit-transform: rotate(-45deg) translate(6px, -7px);
		-ms-transform: rotate(-45deg) translate(6px, -7px);
		transform: rotate(-45deg) translate(6px, -7px);
	  }

	  .tog-menu > a {
		z-index: 9999;
		position: relative;
	  }
	  
	  .hidden-menu {
		display: none;
	  }

	  .only_mobile{
		display: block !important;
	  }
	  .only_pc{
		display: none !important;
	}
}
.only_mobile{
	display: none;
}
.only_pc{
  display: block;
}
 

/******************************  2305  ********************************/

.titleon a{font-weight: 700;}

/* index_client.html */

/* no.1 // Slide 1 */
#slide1 .img_div .slide1_right a{display: inline-block;}

/* no.2 // Slide 1_2(2305 추가):: - */
.slide1_2{
    background-image: url("../images/0_bg01_2.jpg");
	background-repeat: no-repeat;
	background-position: center !important;
	background-size: cover;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/0_bg01_2.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/0_bg01_2.png', sizingMethod='scale')";
}
.slide1_2 .img_div{transform: translateX(-50%) translateY(-50%);}
.slide1_2 .img_div>img{margin: 0 auto;}
.panel ul{display: flex;margin: 80px 0 0;justify-content: space-between;width: 100%;min-width: 1280px;}
.panel ul li{width: 31.25%;box-shadow: 2px 4px 10px rgba(0,0,0,0.25);background-color: #fff;border: 1px solid #d2d2d2;transition: all .2s ease;box-sizing: border-box;border-radius: 18px;}
.panel ul li:hover {border: 1px solid #4D55FB;}
.panel ul li:hover .btn_ask a span{background: #4D55FB;color: #fff;}
.panel ul li h4{font-size: 28px;font-weight: 600;padding: 30px 35px 0 30px;}
.panel ul li h4 span{font-size: 16px;font-weight: 400;display: block;padding: 10px 0 0;}
.panel ul li .p_bun{background-color: #f5f5f5;margin: 20px 0 0;padding: 30px 15px;box-sizing: border-box;margin: 20px 30px 30px;height: 340px;}
.panel ul li .p_bun p{margin: 0 0 20px;color: #333;}
.panel ul li .p_bun p .ic_check{padding: 0 24px 0 10px;}
.panel ul li .p_bun p .p_txt{width: 75%;display: inline-block;}
.panel ul li .btn_ask{text-align: center;height: 80px;width: 100%;background-color: #d2d2d2;color: #888;line-height: 80px;font-size: 24px;font-weight: 600;letter-spacing: -1px;box-sizing: border-box;border-radius: 0 0 16px 16px;}
.panel ul li .btn_ask a{text-decoration: none;}
.panel ul li .btn_ask a span{display: block;transition: all .2s ease;;border-radius: 0 0 16px 16px;}

/* no.3 // Slide 1_3(2305 추가):: - */
#slide1_3 .img_div{transform: translateX(-50%) translateY(-50%);width: 1700px;}
#slide1_3 .img_div>img{margin: 0 auto;}
#slide1_3 ul{display: flex;margin: 120px 0 40px 0;overflow: visible;}
#slide1_3 ul li{width: 100%;height: 450px;box-shadow: 2px 4px 10px rgba(0,0,0,0.25);border-radius: 16px;max-width: 360px;}
#slide1_3 ul li>div{width:100%;height: 360px;border-radius: 16px 16px 0 0;background-size: contain;background-repeat: no-repeat;}
#slide1_3 ul li:nth-of-type(1)>div{background-image: url(../images/ex_img01.jpg);}
#slide1_3 ul li:nth-of-type(2)>div{background-image: url(../images/ex_img02.jpg);}
#slide1_3 ul li:nth-of-type(3)>div{background-image: url(../images/ex_img03.jpg);}
#slide1_3 ul li:nth-of-type(4)>div{background-image: url(../images/ex_img04.jpg);}
#slide1_3 ul li:nth-of-type(5)>div{background-image: url(../images/ex_img05.jpg);}
#slide1_3 ul li>p{height: 90px;background-color: #f5f5f5;text-align: center;line-height: 90px;border-radius: 0 0 16px 16px;color: #333;font-size: 20px;font-weight: 600;letter-spacing: -1px;/* box-shadow: 2px 4px 10px rgba(0,0,0,0.25); */
/* position: absolute; */width: 100%;top: 390px;}

/* no.8 // Slide 9 */
#slide9 .img_div .slide4_cont .sc01{margin: 20px;}
#slide9 .img_div .slide4_cont .sc01 p{width:505px;}
#slide9 .img_div .slide4_cont .sc01 .votetit{margin: 0 0 35px;}
#slide9 .img_div .slide4_cont .btn_ask span{font-size: 24px; font-weight: 400;line-height: 80px; letter-spacing: -1px;text-decoration: none;display: inline-block;margin: 0;color: #4D55FB;
	width: 260px; height: 80px;border: 1px solid #4D55FB;border-radius: 16px;color: #4D55FB;box-sizing: border-box;transition: all .2s ease;
margin: 25px 0 0 0;}
#slide9 .img_div .slide4_cont .btn_ask span:hover{color: #fff;background-color: #4D55FB;}

/* no.9 // Slide 4 :: 타 업체 대비 20% 이상 */
#slide4 .img_div .slide3_cont_img{margin: -380px 0 0 -605px;}
#slide4 .img_div .btn_ask{margin: 750px 0 0 -135px;position: absolute;}
#slide4 .img_div .btn_ask span{font-size: 24px; font-weight: 400; line-height: 80px; letter-spacing: -1px;text-decoration: none;display: inline-block;margin: 0;color: #4D55FB;
	width: 260px; height: 80px;border: 1px solid #4D55FB;border-radius: 16px;color: #4D55FB;box-sizing: border-box;transition: all .2s ease;
text-align: center;}
 #slide4 .img_div .btn_ask span:hover{color: #fff;background-color: #4D55FB;}

/*  no.10 // Slide 10 */
 #slide10 .origin_div .img_div img{width: 218px;}


/* ask_client.html */

#ask_pg{background-color: #E0E1FB;}
#ask_pg .img_div{padding: 0 0 140px;}
#ask_pg .img_div>img{margin: 0 auto;}

.ask_title{text-align: center;color: #333;}
.ask_title h2{font-size: 36px;letter-spacing: -2px;font-weight: 600;padding: 120px 0 40px;}
.ask_title p{font-size: 30px;letter-spacing: -2px;font-weight: 300;}
.ask_title p span{font-size: 18px;letter-spacing: -1px;font-weight: 400;display: block;}

.ask_tab ul{display: flex;justify-content: space-between;height: 60px;border-radius: 18px;margin: 40px auto;border: 1px solid #4D55FB;width: 420px;line-height: 60px;}
.ask_tab ul li{width: 50%;transition: all .2s ease;}
.ask_tab ul li:nth-of-type(1){border-radius: 16px 0 0 16px;border-right: 1px solid #4D55FB;}
.ask_tab ul li:nth-of-type(2){border-radius: 0 16px 16px 0;}
.ask_tab ul a{text-decoration: none;display: block;font-size: 20px;color: #4D55FB;}
.ask_tab .tab_on{background-color: #4D55FB;}
.ask_tab .tab_on a{color:#fff;}

#ask_pg .panel ul {width: 840px;justify-content: center;margin: 40px auto;}
#ask_pg .panel ul li:nth-of-type(1) {margin: 0 20px 0 0;}
#ask_pg .panel ul li:nth-of-type(2) {margin: 0 0 0 20px;}
#ask_panel ul li:hover {border: 1px solid #d2d2d2}

.service{background-color: #fff;width: 744px;margin: 0 auto;border-radius: 32px;box-shadow: 2px 4px 10px rgba(0,0,0,0.25)}
.service form{width: 580px;margin: 0 auto;padding: 60px 0 40px;}

.service .tabnav{display: flex;justify-content: center;margin: 0 0 40px;}
.service .tabnav li:nth-of-type(1){margin: 0 27px 0 0;}
.service .tabnav li:nth-of-type(2){margin: 0 0 0 27px}
.service .tabnav a{text-decoration: none;font-size: 18px;display: flex;}
.service .tabnav span{border: 1px solid #888;width: 28px;height: 28px;display: inline-block;text-align: center;line-height: 28px;margin: 0 8px 0 0;}
.service .tabnav span{background: url(../images/icon_check_g.png) center center no-repeat;}

.service .tabnav a.active, .service .tabnav a:focus{color: #4D55FB;}
.service .tabnav a.active span, .service .tabnav a:focus span{border: 1px solid #4D55FB}
.service .tabnav a.active span, .service .tabnav a:focus span{background-image: url(../images/icon_check_b.png);}

.service h3{text-align: center;font-size: 24px;letter-spacing: -2px;font-weight: 600;margin: 0 0 40px;}
.service .price_list{margin: 0 auto;width: 500px;border: 1px solid #d2d2d2;border-radius: 16px;}
.service .price_list .list_top{display: flex;justify-content: space-between;height: 90px;border-bottom: 1px solid #d2d2d2;padding: 32px 40px;box-sizing: border-box}
.service .price_list .list_top p{font-size: 24px; letter-spacing: -1px; font-weight: 600;}

.service .price_list .list_mid .pr_list{padding: 60px 70px 22px;box-sizing: border-box;}
.service .price_list .list_mid .pr_list>li:nth-of-type(1){display: flex;justify-content: space-between;}
.service .price_list .list_mid .pr_list>li:nth-of-type(2)>div{display: flex;justify-content: space-between;margin: 30px 0 20px;}
.service .price_list .list_mid .sub_list{padding: 0 0 0 20px;color: #666;}
.service .price_list .list_mid .sub_list li{display: flex;justify-content: space-between;margin: 0 0 18px;}

.service .price_list h5{font-size: 20px;font-weight: 600;color: #333;}
.service .price_list .h5_p{font-size: 20px;font-weight: 500;color: #333;}

.service .price_list .list_bottom{background-color: #e0e0e0;padding: 40px 0 30px;font-size: 16px;color: #888;letter-spacing: -1px;border-radius: 0 0 16px 16px;width: 100%;}
.service .price_list .list_bottom .listbt_txt{width: 360px;margin: 0 auto;}
#list_more, #list_more2{display: none;}
.service .price_list .list_bottom .btn_more{margin: 25px 0 0;display: flex;justify-content: center;}
.more, .more2 {
	display:block;
	width: 125px;
	height: 29px;
	background:url(../images/btn_more.png) center center no-repeat;
	background-size: cover;
  }

  .close, .close2 {
	display:block;
	width: 73px;
	height: 29px;
	background:url(../images/btn_close.png) center center no-repeat;
	background-size: cover;
  }
  


.service .ser_sec2{margin: 60px 0;font-size: 18px;color: #333;letter-spacing: -1px;}
.service .cs_list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.service .cs_list li{width: 50%;width: 280px;}
.service .cs_list li:nth-of-type(3), .service .cs_list li:nth-of-type(4){margin: 24px 0 0;}
.service .cs_list label{width: 100%;font-size: 16px;font-weight: 500;padding: 0 0 8px;display: block;}
.service .cs_list input[type="text"],.service .cs_list input[type="email"],.service .cs_list input[type="tel"]{
	width: 100%;
	height: 54px;
	display: block;
	font-family: "Noto Sans KR";
	font-size: 18px;
	color: #000;
	line-height: 26px;
	font-weight: 300;
	padding: 0 0 0 20px;
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid #333;
}

.service .cs_list li input::placeholder {color:#e1e1e1;}
.service .cs_list li input::-webkit-input-placeholder {color:#e1e1e1;}
.service .cs_list li input:-ms-input-placeholder {color:#e1e1e1;}

.service textarea{
	width: 100%;
	height: 200px;
	display: block;
	font-family: "Noto Sans KR";
	font-size: 18px;
	color: #000;
	line-height: 26px;
	font-weight: 300;
	padding: 16px 20px;
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px solid #333;
}

.service textarea::placeholder {
	color:#e1e1e1;
	font-size: 18px;
	font-weight: 300;
  }

.service input:focus,.service textarea:focus {outline: none;}

#ask_servicd button:focus{border: none;}


#ask_service .btn_ask{margin:60px auto 0;width: 240px;}
#ask_service .btn_ask button{font-size: 24px; font-weight: 400;letter-spacing: -1px;text-decoration: none;display: inline-block;margin: 0;color: #fff;width: 100%; height: 70px;border-radius: 16px;box-sizing: border-box;transition: all .2s ease;
text-align: center;cursor: pointer;border: none;background-color:#e0e0e0;}
.buttonSubmitDisabled{background-color:#4D55FB !important;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

footer{text-align: center; background-color: #f5f5f5;letter-spacing: -1px;}
footer .copyright{padding: 30px 0;font-size: 14px;color: #666;}
footer .copyright p{padding: 5px;}
footer .copyright p a{text-decoration: none;color: #666;}
footer span{padding: 0 8px;}



/* responsive */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.img_div, #slide10 .content_div , .btn_click_div{
		zoom: 0.7;
	}

	.btn_click_div{
		top: 300px;
	}

	#slide10 .origin_div .img_div{padding: 0 0 350px;}
	#slide10 .origin_div .sub_title_div2{margin: 0;}
}

@media screen and (min-width: 0) and (max-width: 780px){

#slide1{position: relative;}
.slide1_2 .img_div{position: relative;/* left: 0;transform: translateX(0) translateY(-50%); */}
#slide1_3_m .img_div{position: relative;left: 0;transform: translateX(0) translateY(-50%);}
#slide7 .img_div{position: relative;}
#slide8 .img_div{position: relative;}
#slide9 .img_div{position: relative;}

#slide1{height: 750px !important;}
#slide1 .img_div .slide1_right p{margin: 0 0 28px;}
#slide1 .img_div .slide1_left img{width: 100%;max-width: 350px;}

.slide1_2 .fp-tableCell,
.slide1_2 .slide,
.slide1_2 .fp-slide,
.slide1_2 .active,
.slide1_2 .fp-completely,
.slide1_2 .section,
.slide1_2 .fp-section,
.slide1_2 .fp-table{height: 100px !important;min-height: 100px;}

#slide1_3_m .fp-tableCell,
#slide1_3_m .slide,
#slide1_3_m .fp-slide,
#slide1_3_m .active,
#slide1_3_m .fp-completely,
#slide1_3_m .section,
#slide1_3_m .fp-section,
#slide1_3_m .fp-table{height: 100px !important;min-height: 100px;}

.panel ul{padding: 0 0 40px 0;margin: 0;min-width: 320px;justify-content: flex-start;}
.panel ul li{width: 240px;height: 355px;margin: 0 10px;}
.panel ul li h4{font-size: 14px;padding: 20px;line-height: 120%;}
.panel ul li h4 span{font-size: 12px;letter-spacing: -1px;line-height: 120%;}
.panel ul li .p_bun{height: 190px;padding: 16px 11px;margin: 0 20px 20px 20px;}
.panel ul li .p_bun p{margin: 0 0 5px;display: flex;}
.panel ul li .p_bun p .ic_check {padding: 0 12px 0 4px;}
.panel ul li .p_bun p .p_txt{font-size: 12px;width: 87.5%;letter-spacing: -1px;}
.panel ul li .btn_ask{line-height: 50px;height: 50px;font-size: 14px;}

/* .slide1_2{
    background-image: none
} */
#slide1_2{width: 100%;position: relative;}
#m1_2 .swiper-container1_2{width: 100% !important;overflow: hidden !important;padding: 80px 0 0 ;}
/* #m1_2 .swiper-wrapper{width: 100% !important;} */
#m1_2 .m1_2_tit{font-size: 20px;font-weight: 600;letter-spacing: -1px;line-height: 120%;width: 260px;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);}
#m1_2 .m1_2_tit span{display: block;font-size: 16px;font-weight: 400;letter-spacing: -2px;}

/* #slide1_3_m{width: 100%;position: relative;} */
#m1_3 .m1_3_tit{font-size: 20px;font-weight: 600;letter-spacing: -1px;line-height: 120%;position: absolute;left: 50%;transform: translateX(-50%);top: 60px;}

#slide1_3_m{position: relative;height: 450px !important;}
#slide1_3_m .img_div{width: 100%;position: absolute;}
#slide1_3_m ul{margin: 0;width: 100%;display: flex;box-sizing: border-box;padding: 120px 0 88px;}
#slide1_3_m ul li{width: 200px;height: 248px;box-shadow: 2px 4px 10px rgba(0,0,0,0.25);border-radius: 16px;}
#slide1_3_m ul li>div{width:100%;height: 248px;border-radius: 16px 16px 0 0;background-size: contain;background-repeat: no-repeat;}
#slide1_3_m ul li:nth-of-type(1)>div{background-image: url(../images/ex_img01.jpg);}
#slide1_3_m ul li:nth-of-type(2)>div{background-image: url(../images/ex_img02.jpg);}
#slide1_3_m ul li:nth-of-type(3)>div{background-image: url(../images/ex_img03.jpg);}
#slide1_3_m ul li:nth-of-type(4)>div{background-image: url(../images/ex_img04.jpg);}
#slide1_3_m ul li:nth-of-type(5)>div{background-image: url(../images/ex_img05.jpg);}
#slide1_3_m ul li>p{height: 48px;background-color: #f5f5f5;text-align: center;line-height: 48px;border-radius: 0 0 16px 16px;color: #333;font-size: 14px;font-weight: 600;letter-spacing: -1px;
	box-shadow: 2px 4px 10px rgba(0,0,0,0.25);position: relative;top: -48px;} 

#slide9 .img_div .slide4_cont .sc01 p{width: 280px;font-size: 12px;margin: 60px 0 0;}
#slide9 .img_div .slide4_cont .btn_ask span{
	width: 150px;
	height: 44px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 44px;
	margin: 40px 0 0 ;
}

#slide4 .img_div .only_mobile{margin: 68px 0 0;}
#slide4 .img_div .slide3_cont_img {margin: 0;}
#slide4 .img_div .slide3_cont_img .m_con_all{width: 320px;margin: 0;}

#slide4 .img_div .btn_ask{margin: 850px 0 0 0;}
#slide4 .img_div .btn_ask span{
	width: 150px;
	height: 44px;
	border-radius: 8px;
	font-size: 16px;
	line-height: 44px;
	margin: 40px 0 0 ;
}


/* ask.html */
.ask_title h2{font-size: 26px;}
.ask_title p{font-size: 16px;}
.ask_title p span{font-size: 10px;margin: 10px 0 0 ;}
.ask_tab ul{width: 260px;height: 44px;border-radius: 8px;line-height: 44px;}
.ask_tab ul li:nth-of-type(1){border-radius: 6px 0 0 6px;border-right: 1px solid #4D55FB;}
.ask_tab ul li:nth-of-type(2){border-radius: 0 6px 6px 0;}
.ask_tab ul a{font-size: 12px;}
.ask_tab .tab_on{background-color: #4D55FB;}
.ask_tab .tab_on a{color:#fff;}

#ask_panel_m{width: 100%;overflow: hidden;}
#ask_panel_m ul{display: flex;margin: 0 0 72px;width: 100%;}
#ask_panel_m ul li{width: 240px;height: 320px;background-color: #fff;border-radius: 16px;padding: 20px;box-sizing: border-box;box-shadow: 2px 4px 10px rgba(0,0,0,0.25)}
#ask_panel_m ul li h4{font-size: 14px;font-weight: 600;}
#ask_panel_m ul li h4 span{display: block;font-weight: 400;letter-spacing: -1px;font-size: 12px;}
#ask_panel_m ul li .p_bun{background-color: #f5f5f5;width: 200px;height: 200px;margin: 16px auto 0;padding: 16px 11px;box-sizing: border-box;font-size: 12px;letter-spacing: -1px;}
#ask_panel_m ul li .p_bun p{display: flex;}
#ask_panel_m ul li .p_bun .ic_check img{width: 12px;padding: 0 10px 0 6px;}
#ask_panel_m ul li .p_bun .p_txt{margin: 0 0 10px;width: 150px;display: block;}

.service{width: 100%;}
.service form{width: 100%;margin: 0 auto;padding: 60px 0 30px;}
.service h3{font-size: 20px;letter-spacing: -1px;line-height: 130%;margin: 0 0 40px;}
.service .tabnav{margin: 0 0 30px;}
.service .tabnav li:nth-of-type(1){margin: 0 12px 0 0;}
.service .tabnav li:nth-of-type(2){margin: 0 0 0 12px}
.service .tabnav a{font-size: 14px;letter-spacing: -1px}
.service .tabnav span{border: 1px solid #888;width: 16px;height: 16px;line-height: 16px;margin: 0 8px 0 0;;}
.service .tabnav span{background: url(../images/icon_check_g.png) center center no-repeat;background-size: 8px;}

.service .price_list{margin: 0 auto;width: 270px;border-radius: 8px;}
.service .price_list .list_top{height: 40px;padding: 12px 15px;}
.service .price_list .list_top p{font-size: 12px;}

.service .price_list .list_mid .pr_list{padding: 30px 25px 30px 35px;}
.service .price_list .list_mid .pr_list>li:nth-of-type(2)>div{margin: 12px 0 8px;}
.service .price_list .list_mid .sub_list{padding: 0 0 0 20px;}
.service .price_list .list_mid .sub_list li{margin: 0 0 4px;font-size: 12px;letter-spacing: -1px;}

.service .price_list h5{font-size: 12px;}
.service .price_list .h5_p{font-size: 12px;}

.service .price_list .list_bottom{padding: 20px 0 16px 20px;font-size: 10px;border-radius: 0 0 8px 8px;box-sizing: border-box;}
.service .price_list .list_bottom .listbt_txt{width: 100%;margin: 0 auto;}
.service .price_list .list_bottom .btn_more{margin: 0 0 0;}
.more, .more2{
	width: 77px;
	background:url(../images/btn_more.png) center center no-repeat;
	background-size: contain;
  }

  .close, .close2 {
	width: 42px;
	background:url(../images/btn_close.png) center center no-repeat;
	background-size: contain;
  }

  .service .ser_sec2{margin: 80px 0;}
.service .cs_list{display: block;margin: 0 auto;width: 270px;}
.service .cs_list li{width: 280px;margin: 0 0 20px;}
.service .cs_list li:nth-of-type(3), .service .cs_list li:nth-of-type(4){margin: 24px 0 0;}
.service .cs_list label{font-size: 14px;padding: 0 0 4px;}
.service .cs_list input[type="text"],.service .cs_list input[type="email"],.service .cs_list input[type="tel"]{
	font-size: 16px;
	color: #000;
	line-height: 26px;
	padding: 0 0 0 20px;
}

.service textarea{
	width: 270px;
	height: 200px;
	font-size: 14px;
	color: #000;
	padding: 16px 20px;
	margin: 0 auto;
}

.service input:focus,.service textarea:focus {outline: none;}

#ask_service .btn_ask{margin:60px auto 0;position: relative;width: 100%;}
#ask_service .btn_ask button{margin: 0;padding: 0;font-size: 20px;display: block;border-radius: 0 0 32px 32px;width: 100%;right: 0;position: absolute;top: -10px;box-shadow: 2px 4px 10px rgba(0,0,0,0.25)}

.slider .swiper-slide {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}

}