@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500&display=swap');


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/font/woff2/Pretendard-ExtraBold.woff2') format('woff2'), url('./woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/font/woff2/Pretendard-Bold.woff2') format('woff2'), url('./woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/font/woff2/Pretendard-SemiBold.woff2') format('woff2'), url('./woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('./woff2/Pretendard-Medium.woff2') format('woff2'), url('./woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/font/woff2/Pretendard-Regular.woff2') format('woff2'), url('./woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/font/woff2/Pretendard-Light.woff2') format('woff2'), url('./woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/font/woff2/Pretendard-ExtraLight.woff2') format('woff2'), url('./woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/font/woff2/Pretendard-Thin.woff2') format('woff2'), url('./woff/Pretendard-Thin.woff') format('woff');
}

/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll;font-size:17px;}
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:"Noto Sans KR","돋움",dotum,sans-serif;
	font-weight:normal;line-height:1.8em;word-break:keep-all;
}
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:"Noto Sans KR";}
.font2{font-family:"Montserrat";}
.font3{font-family:"Lexend";}




/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}

@media(max-width:767px){
	/* 메인 레이어 팝업 */
	.main_layer_popup{width:96%!important;left:50%!important;top:50px!important;transform:translateX(-50%)}
	.main_layer_popup .popupContent{height:100%!important}
	.main_layer_popup img{width:100%}
}


#wrap{
width:100%;
overflow:hidden;
}

/* header */
#header{
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;box-sizing:border-box;
}
.head{display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:115px;transition:all 0.4s;box-sizing:border-box;
}
.head h1{position:relative;z-index:3000;}
.head h1 a{
	display:block;
	width:200px;height:65px;
	background:url(/theme/basic/resources/images/common/logo1.png) no-repeat;
	text-indent:-9999px;
	transition:all 0.4s;
}
.head .pc_nav{
	position:absolute;left:0;top:0;
	width:100%;
	display:flex;align-items:center;justify-content:center;
}

.head .pc_nav>li{position:relative;margin:0 38px;}
.head .pc_nav>li:after{
	display:block;content:"";
	width:5px;height:5px;
	background:#014099;
	border-radius:50%;
	position:absolute;left:50%;top:100%;z-index:10;
	transform:translate(-50%,-2.5px);
	opacity:0;transition:all 0.4s;
}
.head .pc_nav>li.on:after{opacity:1;}
.head .pc_nav>li>a{font-size:19px;color:#fff;font-weight:400;line-height:115px;transition:all 0.4s;}

.head .utils{
	display: flex;
	align-items: center;
}
.head .lang_btn{z-index: 1000; margin-right: 40px; position: relative;}
.head .lang_btn .lang_icon{
	width: 30px;
	height: 30px;
	display: block;
	background: url(/images/common/lang_icon.png) no-repeat center;
	transition: all 0.3s;
}
.wh .head .lang_btn .lang_icon{
	background: url(/images/common/lang_icon_hover.png) no-repeat center;
}
.head .lang_btn .lang_box{display: none;position:absolute; top:45px; left:-8px; width:50px; box-sizing:border-box; background:#fff; padding:5px 10px; border:1px solid #ccc;}
.head .lang_btn .lang_box .lang_list li{padding:5px 0; text-align:left;}
.head .lang_btn .lang_box .lang_list li a{display:block; color:#014099; font-size: 13px; font-weight: 500;}
.head .lang_btn .lang_box .lang_list li a:hover{text-decoration: underline;}

@media (max-width: 812px){
	.head .lang_btn{margin-right: 23px;}
	.head .lang_btn .lang_icon{
		width: 25px;
		height: 25px;
		background: url(/images/common/lang_icon.png) no-repeat center / cover;
	}
	.wh .head .lang_btn .lang_icon{
		background: url(/images/common/lang_icon_hover.png) no-repeat center / cover;
	}
	.head .lang_btn .lang_box{
		left: -11px;
	}
}

.head .btn_menu{
	position:relative;z-index:4000;
	width:52px;height:16px;
	cursor:pointer;
}
.head .btn_menu>div{
	width:100%;height:2px;
	margin-bottom:5px;
	background:#fff;
	transition:all 0.4s;
}

.head .btn_menu.openmenu>div{background:#000;}
.head .btn_menu.openmenu>div:nth-child(1){width:100%;transform: translateY(6.5px) rotate(45deg);}
.head .btn_menu.openmenu>div:nth-child(2){width:0%;}
.head .btn_menu.openmenu>div:nth-child(3){width:100%;transform: translateY(-6.5px) rotate(-45deg);}



.submenu{
	display:none;
	position:absolute;left:0;top:100%;
	width:100%;
	/* border-top:1px solid #d2d7e2; */
}
.submenu .dep2{
	position:relative;
	box-sizing:border-box;
	width:100%;height:84px;
	padding:0 4%;
	background:#f6f6f6;
}
.submenu .dep2 ul{
	display:none;
	overflow:hidden;
	position:absolute;left:50%;top:50%;
	transform:translateY(-50%);
}
.submenu .dep2 ul:nth-child(1){margin-left:-578px;}
.submenu .dep2 ul:nth-child(2){margin-left:-326px;}
.submenu .dep2 ul:nth-child(3){margin-left:-70px;}
.submenu .dep2 ul:nth-child(4){margin-left:-53px;}
.submenu .dep2 ul:nth-child(5){margin-left:147px;}
.submenu .dep2 ul:nth-child(6){margin-left:324px;}
.submenu .dep2 ul li{float:left;margin-right:60px;}
.submenu .dep2 ul li a{position:relative;font-size:16px;color:#000;}
.submenu .dep2 ul li a span:after{
	display:inline-block;content:"";
	transform:scaleX(0);
	width:100%;height:1px;
	background:#000;
	position:absolute;left:0;bottom:0;
	transition:all 0.4s;
}
.submenu .dep2 ul li:hover a span:after,
.submenu .dep2 ul li.on a span:after{transform:scaleX(1);}
.submenu .dep3{
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:0 4%;
	background:#fff;
}
.submenu .dep3 .boxwrap{display:none;padding:35px 0;}
.submenu .dep3 .boxwrap>div{display:flex;align-items:center;width:100%;}
.submenu .dep3 .boxwrap .tit{
	display:flex;align-items:center;justify-content:center;
	width:418px;height:229px;
	font-size:25px;color:#fff;font-weight:600;text-align:center;
}
.submenu .dep3 .boxwrap:nth-child(1) .tit{background:url(/images/common/sub_title_bg1.jpg) no-repeat;}
.submenu .dep3 .boxwrap:nth-child(2) .tit{background:url(/images/common/sub_title_bg1.jpg) no-repeat;}
.submenu .dep3 .boxwrap:nth-child(3) .tit{background:url(/images/common/sub_title_bg1.jpg) no-repeat;}
.submenu .dep3 .boxwrap:nth-child(4) .tit{background:url(/images/common/sub_title_bg1.jpg) no-repeat;}
.submenu .dep3 .boxwrap:nth-child(5) .tit{background:url(/images/common/sub_title_bg1.jpg) no-repeat;}
.submenu .dep3 .boxwrap:nth-child(6) .tit{background:url(/images/common/sub_title_bg1.jpg) no-repeat;}
.submenu .dep3 .boxwrap ul{
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	width:calc(100% - 418px);
	padding:0 10vw 0 5vw;
}
.submenu .dep3 .boxwrap ul li{
	width:32%;
	margin-right:2%;
}
.submenu .dep3 .boxwrap ul li:nth-child(3n){margin-right:0;}
.submenu .dep3 .boxwrap ul li a{
	display:block;position:relative;
	padding:25px;
	border-bottom:1px solid #ddd;
	font-size:14px;color:#555;font-weight:400;
}
.submenu .dep3 .boxwrap ul li a:after{
	display:block;content:"";
	width:5px;height:5px;
	border-right:1px solid #000;border-bottom:1px solid #000;
	transform:rotate(-45deg);
	position:absolute;right:25px;top:50%;
	margin-top:-5px;
}





/* allmenu */
.allmenuBg{
	display:block;
	width:46px;height:46px;
	background:#fbfbfb;
	border-radius:50%;
	position:absolute;left:calc(100% - 5.5%);top:60px;z-index:2000;
	transform:translate(-50%,-50%) scale(0);
	transition:all 0.6s ease-in-out;
}
.allmenuBg.on{transform:translate(-50%,-50%) scale(100);}
.allmenu{
	position:absolute;left:0;top:0;z-index:3000;
	box-sizing:border-box;
	width:100%;height:100vh;
	transform:scale(0);
	text-align:center;
}
.allmenu.open{transform:scale(1);transition:transform 0s 0.6s;}
.allmenu .allmenuwrap{
	opacity:0;
	display:flex;
	width:100%;height:100%;
}
.allmenu.open .allmenuwrap{opacity:1;transition:opacity 1s 0.6s;}
.allmenu .allmenuwrap .mot{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:30%;height:100%;
	padding:0 0 0 4%;
	background:url(/images/common/all_bg.png) no-repeat left top;
	background-size:cover;
	font-family:"Lexend";font-size:60px;color:#fff;font-weight:600;line-height:1.2em;text-align:left;
}
.allmenu .allmenuwrap .con{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:70%;height:100%;
	padding:0 7.5%;
	text-align:left;
}
.allmenu .allmenuwrap .con>ul{display:flex;width:100%;}
.allmenu .allmenuwrap .con>ul>li{width:20%;}
.allmenu .allmenuwrap .con>ul>li>a{font-size:25px;color:#014099;font-weight:600;}
.allmenu .allmenuwrap .con>ul>li>ul{margin-top:35px;}
.allmenu .allmenuwrap .con>ul>li>ul>li{margin-bottom:25px;}
.allmenu .allmenuwrap .con>ul>li>ul>li:last-child{margin-bottom:0;}
.allmenu .allmenuwrap .con>ul>li>ul>li>a{font-size:17px;color:#000;font-weight:600;}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul{margin-top:5px;}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li{}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>a{font-size:15px;color:rgba(0,0,0,0.8);}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>ul{padding:0 10px;}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>ul>li{
	position:relative;
	padding-left:10px;
}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>ul>li:before{
	display:block;content:"";
	width:2px;height:2px;
	background:rgba(0,0,0,0.5);
	position:absolute;left:0;top:15px;
}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>ul>li>a{font-size:14px;color:rgba(0,0,0,0.5);}




/* */
.bl .head h1 a{background:url(/theme/basic/resources/images/common/logo2.png) no-repeat;}
.bl .head .pc_nav>li>a{color:#000;}
.bl .head .btn_menu>div{background:#000;}
.bl .main_paging .tooltip{border:1px solid rgba(0,0,0,0.4);color:#000;}
.bl .main_paging .pageNum{color:#000;}

.wh .head{background:#fff;border-bottom:1px solid #d2d7e2;}
.wh .head h1 a{background:url(/theme/basic/resources/images/common/logo2.png) no-repeat;}
.wh .head .pc_nav>li>a{color:#000;}
.wh .head .btn_menu>div{background:#000;}


/* footer */
.foot{
	width:100%;
	display:flex;
	box-sizing:border-box;
	padding:45px 4%;
	background:#000;
}
.foot h1{width:285px;}
.foot .conwrap{width:calc(100% - 285px);}
.foot .conwrap ul{display:flex;}
.foot .conwrap ul li{
	position:relative;
	padding-right:17px;margin-right:14px;
}
.foot .conwrap ul li a{font-size:15px;color:#fff;}
.foot .conwrap ul li:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#434344;
	position:absolute;right:0;top:11px;
}
.foot .conwrap ul li:last-child:after{display:none;}
.foot .conwrap .con{display:flex;align-items:flex-end;justify-content:space-between;margin-top:20px;}
.foot .conwrap .con .contact{
	font-size:15px;color:rgba(255,255,255,0.6);font-weight:300;line-height:1.8em;
}
.foot .conwrap .con .contact .bar{
	display:inline-block;
	width:1px;height:12px;
	margin:0 10px;
	background:#434344;
}
.foot .conwrap .con .copy{font-size:14px;color:rgba(255,255,255,0.6);font-weight:300;line-height:1.8em;}


/*footer_pop*/
.pop{
 display: none;
position: fixed;
left: 50%;
top: 50%;
z-index: 999999;
background: #fff;
max-width: 1400px;
width: 94%;
height:70vh;
overflow:hidden;
transform: translate(-50%,-50%);
border-radius:24px;
}
.pop .conwrap{
box-sizing:border-box;
padding:80px 70px;
}
.pop .conwrap .ptit{font-size:30px;color:#000;font-weight: bold;margin-bottom: 40px;}
.pop .conwrap .contxt{
border-radius:18px;padding:51px 41px;box-sizing:border-box;background: #f9f9f9;
color:#000000;font-size:17px;font-weight: 400;
overflow-y:auto;
height:40vh;
}
.pop .conwrap .contxt p{color:#000000;font-size:18px;font-weight: 400;margin:30px 0;}

.pop .conwrap .contxt::-webkit-scrollbar {
    width: 8px;/* 스크롤바의 너비 */
	
}

.pop .conwrap .contxt::-webkit-scrollbar-thumb {
    height: 10%;/* 스크롤바의 길이 */
    background: #222;/* 스크롤바의 색상 */
    border-radius: 15px;
}

.pop .conwrap .contxt::-webkit-scrollbar-track {
    background: #f1f1f1;/*스크롤바 뒷 배경 색상*/
	border-radius: 15px;
}

.pop .p_close {
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top: 5%;
    left: 94%;
    margin-left: 10px;
    width: 35px;
    height: 35px;
	display:flex;justify-content:center;align-items:center;
}
.pop .p_close img{width:100%;height:100%;}

.pop2{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 999999;
	background: #fff;
	max-width: 1400px;
	width: 94%;
	height:70vh;
	overflow:hidden;
	transform: translate(-50%,-50%);
	border-radius:24px;
}
.pop2 .conwrap2{
	box-sizing:border-box;
	padding:80px 70px;
}
.pop2 .conwrap2 .ptit{font-size:30px;color:#000;font-weight: bold;margin-bottom: 40px;}
.pop2 .conwrap2 .contxt{
	border-radius:18px;padding:35px 21px;box-sizing:border-box;background: #f9f9f9;
	color:#000000;font-size:17px;font-weight: 400;
	overflow-y:auto;
	height:40vh;
}
/*.pop2 .conwrap2 .contxt p{color:#000000;font-size:18px;font-weight: 400;margin:30px 0;}*/

.pop2 .conwrap2 .contxt .privacy1{font-family: 'Noto Sans KR', '나눔고딕', 'NanumGothic', 'Nanum Gothic', '돋움',dotum,sans-serif;position: relative;width: 100%;border-bottom: 1px solid #e5e5e5;padding:15px 0;}
.pop2 .conwrap2 .contxt .privacy1 .tit{font-size: 18px;color: #0085ce;font-weight: 500;letter-spacing: -0.25px;margin-bottom: 10px;}
.pop2 .conwrap2 .contxt .privacy1 .g + .g{margin-top: 15px;}
.pop2 .conwrap2 .contxt .privacy2 {padding: 20px 0 25px 0;}
.pop2 .conwrap2 .contxt .privacy2 .g + .g{margin-top: 20px;}
.pop2 .conwrap2 .contxt .privacy2 .box{background: #f9f9f9;padding: 8px 40px;margin-top: 10px;}
.pop2 .conwrap2 .contxt .privacy2 .box b{color: #555;font-weight: 600;margin-bottom: 10px;display: block;}
.pop2 .conwrap2 .contxt .privacy2 .box ol{width:;}
.pop2 .conwrap2 .contxt .privacy2 .box ol li{width: 100%;display: flex;flex-wrap: wrap;}
.pop2 .conwrap2 .contxt .privacy2 .box ol li + li{margin-top: 9px;}
.pop2 .conwrap2 .contxt .privacy2 .box ol span:first-child{width: 20px;}
.pop2 .conwrap2 .contxt .privacy2 .box ol span:last-child{width: calc(100% - 20px);}

.pop2 .conwrap2 .contxt .txt1 {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: -0.25px;
    word-break: keep-all;
	padding:10px;
}

@media(max-width: 767px){

.pop2 .conwrap2 .contxt .privacy1{padding: 10px 0;word-break: keep-all;}
.pop2 .conwrap2 .contxt .privacy1 .g + .g{margin-top: 5px;}
.pop2 .conwrap2 .contxt .privacy1 .tit{font-size: 14px;line-height: 1.7;margin-bottom: 4px;}
.pop2 .conwrap2 .contxt .privacy1 .txt1{font-size: 12px;line-height: 1.8; padding:10px;}
.pop2 .conwrap2 .contxt .privacy2{padding: 25px 0 30px;}
.pop2 .conwrap2 .contxt .privacy2 .g + .g{margin-top:15px;}
.pop2 .conwrap2 .contxt .privacy2 .box{margin-top: 0;padding: 1px 15px;}
/*.pop2 .conwrap2 .contxt .txt1{font-size: 1.2rem;line-height: 1.8;}*/

}

.pop2 .conwrap2 .contxt::-webkit-scrollbar {
    width: 8px;/* 스크롤바의 너비 */
	
}

.pop2 .conwrap2 .contxt::-webkit-scrollbar-thumb {
    height: 10%;/* 스크롤바의 길이 */
    background: #222;/* 스크롤바의 색상 */
    border-radius: 15px;
}

.pop2 .conwrap2 .contxt::-webkit-scrollbar-track {
    background: #f1f1f1;/*스크롤바 뒷 배경 색상*/
	border-radius: 15px;
}

.pop2 .p_close2 {
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top: 5%;
    left: 94%;
    margin-left: 10px;
    width: 35px;
    height: 35px;
	display:flex;justify-content:center;align-items:center;
}
.pop2 .p_close2 img{width:100%;height:100%;}




.dim{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
	z-index: 999999;
    display: none;
}

/*태블릿모드*/
@media screen and (max-width:1399px){
.head{height:90px;}
.head .pc_nav{display: none;}

.allmenu .allmenuwrap .mot{display: none;}
.allmenu .allmenuwrap .con{width:100%;padding: 0 6%;}
.allmenu .allmenuwrap .con>ul>li>a{font-size:22px;}
.allmenu .allmenuwrap .con>ul>li>ul{margin-top: 30px;}
.allmenu .allmenuwrap .con>ul>li>ul>li{margin-bottom: 20px;}
.allmenu .allmenuwrap .con>ul>li>ul>li>a{font-size:16px;}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>a{font-size:14px;}

.foot .conwrap .con{flex-direction:column;align-items:start;}
.foot .conwrap .con .copy{margin-top: 20px;}
.pop{height: 50vh;}
.pop .conwrap{padding:65px 40px;}
.pop .conwrap .ptit{font-size:30px;margin-bottom: 30px;}
.pop .conwrap .contxt{padding:40px 35px;font-size:16px;}
.pop .conwrap .contxt p{font-size: 16px;margin: 25px 0;}
.pop .p_close{left:90%;}



}

/*모바일모드*/
@media screen and (max-width:813px){
.head{height:68px;}
.head h1 a{width:150px;height:49px;background: url(/theme/basic/resources/images/common/logo1.png)no-repeat center / contain;}
.wh .head h1 a{background: url(/theme/basic/resources/images/common/logo2.png)no-repeat center / contain;}
.bl .head h1 a{background: url(/theme/basic/resources/images/common/logo2.png)no-repeat center / contain;}
.head .btn_menu{width:35px;}

.allmenu .allmenuwrap .con>ul{flex-direction:column;}
.allmenu .allmenuwrap .con>ul>li{width:100%;margin-bottom: 2.5vh;}
.allmenu .allmenuwrap .con>ul>li>a{font-size:20px;}
.allmenu .allmenuwrap .con>ul>li>ul{display: none;margin-top: 2vh;}
.allmenu .allmenuwrap .con>ul>li>ul>li>a{fot-size:17px;}
.allmenu .allmenuwrap .con>ul>li>ul>li>ul>li>ul{display: none;}
.allmenu .allmenuwrap .con>ul>li>ul>li{margin-bottom: 5px;}

.foot{flex-direction:column;padding:40px 4%;}
.foot h1{margin-bottom: 20px;}
.foot .conwrap{width:100%;}
.foot .conwrap ul li{margin-right: 15px;padding-right: 15px;}
.foot .conwrap ul li a{font-size:11px;}
.foot .conwrap .con .contact, .foot .conwrap .con .copy{font-size:13px;}

.pop{height: 60vh;}
.pop .conwrap{padding:30px 22px;height:100%;}
.pop .conwrap .ptit{font-size:20px;margin-bottom: 20px;}
.pop .conwrap .contxt{padding:25px 25px;font-size:13px;}
.pop .conwrap .contxt p{font-size: 13px;margin: 18px 0;}
.pop .p_close{width:20px;height: 20px;left:87%;}

}