@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;word-break:keep-all;
-webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option,button{
	color:#555;
	font-family:"Pretendard Variable", Pretendard,"돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal;
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#7d7d7d;text-decoration:none;cursor:pointer}
a:hover{color:#333;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
img{max-width:100%;}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font1{font-family:"Pretendard";}
.font2{font-family:"Montserrat";}
.font2{font-family:"Lexend";}


.pc_version{display:block;}
.m_version{display:none;}

@media(max-width:1399px){
.pc_version{display:none;}
.m_version{display:block;}
}



/* header */
#header{position:fixed;left:0;top:0;z-index:1000;width:100%;height:110px;transition:all 0.24s;}
.head{position:relative;}
.head h1{position:absolute;left:5%;top:34px;z-index:9999;}
.head h1 a{
	display:block;
	width:250px;height:35px;
	background:url(/images/common/logo1.png) no-repeat center;
	text-indent:-9999px;
	transition:all 0.3s;	
}
.head .nav{
	display:flex;align-items:center;justify-content:flex-end;
	position:absolute;right:5%;top:45px;
}
.head .nav .pc_nav>ul{display:flex;align-items:center;}
.head .nav .pc_nav>ul>li{margin-left:70px;}
.head .nav .pc_nav>ul>li>a{position:relative;font-size:19px;color:#fff;font-weight:600;transition:all 0.3s;}
.head .nav .pc_nav>ul>li>a:after{
	display:block;content:"";
	width:8px;height:8px;
	border-radius:50%;background:#346fe6;
	opacity:0;transition:all 0.3s;
	position:absolute;left:50%;top:calc(100% + 5px);
	margin-left:-4px;
}
.head .nav .pc_nav>ul>li.on>a{color:#346fe6;}
.head .nav .pc_nav>ul>li.on>a:after{opacity:1;}
.head .nav .btn_menu{
	position:relative;z-index:3000;
	width:40px;height:14px;
	margin-left:129px;
	cursor:pointer;
}
.head .nav .btn_menu>div{
	width:100%;height:3px;
	margin-bottom:8px;
	background:#fff;
	transition:all 0.3s;	
}
.head .nav .btn_menu.openmenu>div{background:#000;}
.head .nav .btn_menu.openmenu>div:nth-child(1){transform:rotate(45deg) translateY(8px);transition:transform 0.4s ease;}
.head .nav .btn_menu.openmenu>div:nth-child(2){transform:rotate(-45deg) translateY(-8px);transition:transform 0.4s ease;}



@media(max-width:1399px){
	.head .nav .pc_nav{display:none;}
}
@media(max-width:812px){
	.head h1 a{
		width:160px;height:36px;
		background-size:contain;
	}
}


.sub_menu{
	display:none;
	overflow:hidden;
	padding-top:113px;
	background:#fff;
	border-radius:0 0 100px 100px;
}
.sub_menu>div{border-top:1px solid #c0c0c0;}
.sub_menu>div .menuwrap{
	display:none;
	width:90%;
	margin:0 auto;
}
.sub_menu>div .menuwrap>div{display:flex;}
.sub_menu>div .menuwrap>div .titlearea{
	display:flex;
	position:relative;
	width:640px;padding:39px 0 68px;
}
.sub_menu>div .menuwrap>div .titlearea .img{
	overflow:hidden;
	width:292px;height:178px;
	border-radius:15px;
}
.sub_menu>div .menuwrap:nth-child(1)>div .titlearea .img{
	background:url(/images/common/sub_img2.jpg) no-repeat;background-size:cover;
}
.sub_menu>div .menuwrap:nth-child(2)>div .titlearea .img{
	background:url(/images/common/sub_img2.jpg) no-repeat;background-size:cover;
}
.sub_menu>div .menuwrap:nth-child(3)>div .titlearea .img{
	background:url(/images/common/sub_img2.jpg) no-repeat;background-size:cover;
}
.sub_menu>div .menuwrap:nth-child(4)>div .titlearea .img{
	background:url(/images/common/sub_img2.jpg) no-repeat;background-size:cover;
}
.sub_menu>div .menuwrap:nth-child(5)>div .titlearea .img{
	background:url(/images/common/sub_img2.jpg) no-repeat;background-size:cover;
}
.sub_menu>div .menuwrap>div .titlearea .txts{
	box-sizing:border-box;
	width:calc(100% - 292px);
	padding:15px 50px;
}
.sub_menu>div .menuwrap>div .titlearea .txts .tit{font-size:28px;color:#000;font-weight:700;}
.sub_menu>div .menuwrap>div .titlearea .txts .txt{font-size:20px;color:#666;line-height:1.6em;margin-top:15px;}
.sub_menu>div .menuwrap>div .menuarea{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 640px);
	padding:39px 65px 68px;
}
.sub_menu>div .menuwrap>div .menuarea:before{
	display:block;content:"";
	width:200%;height:100%;
	background:#f5f5f5;
	position:absolute;left:0;top:0;
}
.sub_menu>div .menuwrap>div .menuarea>ul{position:relative;z-index:10;padding:15px 0;}
.sub_menu>div .menuwrap>div .menuarea>ul>li{margin-bottom:25px;}
.sub_menu>div .menuwrap>div .menuarea>ul>li:last-child{margin-bottom:0;}
.sub_menu>div .menuwrap>div .menuarea>ul>li>a{font-size:20px;color:#000;font-weight:700;}
.sub_menu>div .menuwrap>div .menuarea>ul>li>ul{display:flex;margin:10px 0 0;}
.sub_menu>div .menuwrap>div .menuarea>ul>li>ul>li{margin-right:30px;}
.sub_menu>div .menuwrap>div .menuarea>ul>li>ul>li>a{font-size:16px;color:rgba(0,0,0,0.65);font-weight:500;}




.wh{background:#fff;}
.wh h1 a{background:url(/images/common/logo2.png) no-repeat center;background-size:contain;}
.wh .head .nav .pc_nav>ul>li>a{color:#000;}
.wh .head .nav .pc_nav>ul>li.on>a{color:#346fe6;}
.wh .head .nav .btn_menu>div{background:#000;}

#header.scroll{background:#000;}






/**/
.all_menu{
	position:absolute;left:0;top:0;z-index:1000;
	width:100%;height:100vh;
	transform:scale(0);
	transition:all 0s;
}
.all_menu.open{transform:scale(1);transition:all 0s;}
.all_menu>div{
	display:flex;align-items:center;position:relative;width:100%;height:100%;margin:0 auto;
	box-sizing:border-box;
	padding:0 5%; 
	background:rgba(255,255,255,0.75);
	backdrop-filter: blur(10px);
	opacity:0;transition:all 1s;
}
.all_menu.open>div{opacity:1;}
.all_menu>div .lines{position:absolute;width:90%;margin:0 auto;}
.all_menu>div .lines>div{
	width:1px;height:100vh;
	background:rgba(0,0,0,0.1);
	position:absolute;z-index:10;
	top:50%;margin-top:-50vh;
}
.all_menu>div .lines>div:nth-child(1){left:0%;}
.all_menu>div .lines>div:nth-child(2){left:20%;top:0;}
.all_menu>div .lines>div:nth-child(3){left:40%;top:0;}
.all_menu>div .lines>div:nth-child(4){left:60%;bottom:0;}
.all_menu>div .lines>div:nth-child(5){left:80%;top:0;}
.all_menu>div .lines>div:nth-child(6){left:100%;top:0;}
.all_menu>div>ul{display:flex;width:100%;}
.all_menu>div>ul>li{
	box-sizing:border-box;
	width:25%;
	padding:0 38px;
	transform:translateY(40px);opacity:0;
	transition:all 0.24s;
}
.all_menu.open>div>ul>li{transform:translateY(0);opacity:1;transition:all 0.6s 0.2s;}
.all_menu>div>ul>li>a{font-size:28px;color:#000;font-weight:700;}
.all_menu>div>ul>li>ul{margin-top:60px;}
.all_menu>div>ul>li>ul>li{margin-bottom:22px;}
.all_menu>div>ul>li>ul>li:last-child{margin:0;}
.all_menu>div>ul>li>ul>li>a{font-size:20px;color:rgba(0,0,0,0.9);font-weight:500;}
.all_menu>div>ul>li>ul>li>ul{margin-top:15px;}
.all_menu>div>ul>li>ul>li>ul>li{margin-bottom:10px;}
.all_menu>div>ul>li>ul>li>ul>li:last-child{margin-bottom:0;}
.all_menu>div>ul>li>ul>li>ul>li>a{font-size:15px;color:rgba(0,0,0,0.6);}


@media(max-width:1399px){

	.all_menu>div .lines{display:none;}
	.all_menu>div{padding:0;}
	.all_menu>div>ul{display:block;}
	.all_menu>div>ul>li{width:100%;padding:25px 5%;border-bottom:1px solid rgba(0,0,0,0.4);}
	.all_menu>div>ul>li:first-child{border-top:1px solid rgba(0,0,0,0.4);}
	.all_menu>div>ul>li>a{display:block;}
	.all_menu>div>ul>li>ul{display:none;margin-top:30px;}
	.all_menu>div>ul>li>ul>li>ul{display:flex;margin-top:15px;}
	.all_menu>div>ul>li>ul>li>ul>li{width:33.333%;}

}





/* footer */
#footer{
	position:relative;z-index:50;background:#000;
	padding:170px 0 70px;
	margin:-100px 0 0;
}
#footer:before{
	display:block;content:"";
	width:100%;height:100%;
	background:url(/images/common/foot_line_bg1.png) no-repeat right top;
	position:absolute;right:0;top:0%;
	opacity:0.25;
}
#footer:after{
	display:block;content:"";
	width:100%;height:100%;
	background:url(/images/common/foot_line_bg2.png) no-repeat left bottom;
	position:absolute;left:0;bottom:0%;
	opacity:0.25;
}
.foot{
	width:90%;
	margin:0 auto;
}
.foot .toparea{display:flex;}
.foot .toparea .logoarea{width:40%;}
.foot .toparea .logoarea h1{}
.foot .toparea .logoarea ul{display:flex;position:relative;z-index:100;margin-top:35px;}
.foot .toparea .logoarea ul li{margin-right:5px;}
.foot .toparea .logoarea ul li a{
	display:block;
	box-sizing:border-box;
	width:48px;height:48px;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:50%;
	text-indent:-9999px;
}
.foot .toparea .logoarea ul li:nth-child(1) a{background:url(/images/common/foot_sns_1.png) no-repeat;background-size:cover;}
.foot .toparea .logoarea ul li:nth-child(2) a{background:url(/images/common/foot_sns_2.png) no-repeat;background-size:cover;}
.foot .toparea .logoarea ul li:nth-child(3) a{background:url(/images/common/foot_sns_3.png) no-repeat;background-size:cover;}
.foot .toparea .navarea{position:relative;z-index:100;width:60%;}
.foot .toparea .navarea ul{display:flex;flex-wrap:wrap;max-width:700px;}
.foot .toparea .navarea ul li{width:50%;margin-bottom:30px;}
.foot .toparea .navarea ul li a{font-size:36px;color:#fff;font-weight:700;}
.foot .btmarea{
	display:flex;align-items:flex-end;
	width:100%;
	padding:175px 0 0;
}
.foot .btmarea .info{
	position:relative;z-index:100;
	width:50%;
	font-size:17px;color:#989898;font-weight:500;line-height:1.7em;
}
.foot .btmarea .info .bar{
	display:inline-block;
	width:1px;height:14px;
	margin:0 10px;
	background:#333;
}
.foot .btmarea .info a{font-size:17px;color:#989898;font-weight:500;}
.foot .btmarea .copy{width:50%;font-size:17px;color:rgba(255,255,255,0.3);text-align:right;}

@media(max-width:1399px){
	#footer:before{display:none;}
	#footer:after{display:none;}
	.foot .btmarea{padding:75px 0 0;}
	.foot .btmarea .info .bar{display:none;}
	.foot .btmarea .info .bar:nth-child(1){display:inline-block;}
}
@media(max-width:812px){
	.foot .toparea .logoarea{width:50%;}
	.foot .toparea .logoarea h1 img{height:40px;}
	.foot .toparea .navarea{width:50%;}
	.foot .toparea .navarea ul{display:block;}
	.foot .toparea .navarea ul li{margin-bottom:10px;}
	.foot .toparea .navarea ul li a{font-size:18px;color:#fff;font-weight:700;}
		
	.foot .btmarea{display:block;padding:35px 0 0;}
	.foot .btmarea .info{width:100%;font-size:14px;}
	.foot .btmarea .info .bar{height:12px;}
	.foot .btmarea .info a{font-size:14px;}
	.foot .btmarea .copy{width:100%;margin-top:25px;font-size:14px;text-align:left;}
}





.btnMore{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	position:relative;
	width:300px;height:73px;
	margin:0 auto;
	border:3px solid #000;border-radius:40px;
	font-size:20px;color:#000;font-weight:700;transition:all 0.4s;
}
.btnMore:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#000;
	position:absolute;left:-100%;top:0;
	transition:all 0.4s;
}
.btnMore span{position:relative;z-index:10;}
.btnMore i{
	display:inline-block;vertical-align:top;
	width:25px;height:25px;
	margin:0px;
	background:url(/images/main/visual_arr2.png) no-repeat;
	background-size:cover;
}
.btnMore:hover{color:#fff;}
.btnMore:hover:after{left:0;}


@media(max-width:812px){
	.btnMore{
		width:100%;height:63px;
		margin:0 auto;
	}
}