@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*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:"Noto Sans KR", "Roboto","돋움",dotum,sans-serif;
	font-size:17px;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}
button{border:none;outline:none;background: transparent;}
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:"Nunito Sans";}
.font2{font-family:"Roboto";}



#wrap{overflow-x:hidden;}

#goTop{
	display:none;
	background: none;
	outline:none;
	border:none;
	position:fixed;
	bottom:230px;
	right:90px;
	z-index:999;
	cursor:pointer;
}
#goTop img{width: 55px;height: 55px;}
#bgblack{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

/* header */
#header{position:fixed;left:0;top:0;width:100%;z-index:1000;transition:all 0.8s;}
.head{position:relative;height:100px;text-align:center;background: rgba(255,255,255,0.3);
/* background: url(/images/common/head_bg.png)no-repeat center; */
}
.head h1{position:absolute;left:3%;top:28px;}
.head h1 a{
	display:block;
	width:222px;height:38px;
	background:url(/images/common/logo1.png) no-repeat;
	text-indent:-9999px;
}
.head .pc_nav{}
.head .pc_nav>ul{display:inline-flex;}
.head .pc_nav>ul>li{margin:0 50px;}
.head .pc_nav>ul>li>a{
	font-family:"Roboto";font-size:17px;color:#fff;font-weight:700;line-height:100px;
	text-transform:uppercase;
}

.head .gnb{display:flex;align-items:center;position:absolute;right:3%;top:39px;}
.head .gnb>ul{display:flex;}
.head .gnb>ul>li{
	position:relative;
	padding-right:10px;margin-right:8px;
}
.head .gnb>ul>li:after{
	display:block;content:"";
	width:1px;height:10px;
	background:rgba(255,255,255,0.3);
	position:absolute;right:0;top:3px;
}
.head .gnb>ul>li:last-child:after{display:none;}
.head .gnb>ul>li>a{display:block;font-family:"Roboto";font-size:12px;color:#fff;font-weight: 500;}
.head .gnb>ul>li.language{position:relative;}
.head .gnb>ul>li.language>a{margin:0;padding-right:6px;}
.head .gnb>ul>li.language>a:after{
	display:block;content:"";
	width:4px;height:4px;
	border-right:1px solid rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.9);
	position:absolute;right:3px;top:50%;margin-top:-4px;
	transform:rotate(45deg);
	transition:all 0.24s;
}
.head .gnb>ul>li.language.on>a:after{transform:rotate(225deg);margin-top: -2px;}
.head .gnb>ul>li.language>ul{
	display:none;
	position:absolute;left:50%;top:100%;z-index:1000;
	transform:translateX(-60%);margin-top:10px;
}
.head .gnb>ul>li.language>ul>li{margin-bottom:5px;}
.head .gnb>ul>li.language>ul>li>a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:64px;height:32px;
	border:1px solid #fff;border-radius:16px;
	font-family:"Roboto";font-size:12px;color:#fff;font-weight: 500;text-align:center;
}
.head .gnb>ul>li.language>ul>li>a:hover{
	background:#e60012;border:1px solid #e60012;color:#fff;
}
.head .gnb .btn_menu{
	width:36px;height:22px;
	margin-left:25px;
	position: relative;z-index:5000;
	cursor:pointer;
}
.head .gnb .btn_menu>div{
	height:2px;
	background:#fff;
	transition:all 0.4s;
}
.head .gnb .btn_menu>div:nth-child(1){float:right;width:65%;}
.head .gnb .btn_menu>div:nth-child(2){float:left;width:100%;margin:8px 0;}
.head .gnb .btn_menu>div:nth-child(3){float:left;width:65%;}

.head .gnb .btn_menu.openmenu>div{transition:all 0.4s;}
.head .gnb .btn_menu.openmenu>div:nth-child(1){width:100%;transform:rotate(45deg) translateY(8px);}
.head .gnb .btn_menu.openmenu>div:nth-child(2){width:0%;margin:0;}
.head .gnb .btn_menu.openmenu>div:nth-child(3){width:100%;transform:rotate(-45deg) translateX(-6px) translateY(-2px);}


#header.on{}
.on .head{background: #ffffff;}
.on .head h1 a{background:url(/images/common/logo2.png) no-repeat;}
.on .head .pc_nav>ul>li>a{color:#000;text-transform:uppercase;}
.on .head .gnb>ul>li>a{color:#000;}
.on .head .gnb .btn_menu>div{height:2px;background:#000;}
.on .head .gnb>ul>li:after{background:rgba(0,0,0,0.3);top:3px;}
.on .head .gnb>ul>li.language>a:after{
	border-right:1px solid rgba(0,0,0,0.9);border-bottom:1px solid rgba(0,0,0,0.9);
}
.on .head .gnb>ul>li.language>ul>li>a{border:1px solid #000;color:#000;}
.on .head .gnb>ul>li.language>ul>li>a:hover{border:1px solid #e60012;color:#fff;}


/* sub nav */
.sub_nav{
display:none;
	box-sizing:border-box;
	position:absolute;left:0;top:90px;
	width:100%;
	padding:21px 7.5%;
	background:#f7f7f7;
	box-shadow:0 1px 0 #ddd inset;
}
.sub_nav .menuwrap{display:none;}
.sub_nav .menuwrap>div{display:flex;align-items:center;width:auto;}


.sub_nav .menuwrap>div ul{
	display:flex;flex-wrap:nowrap;
	align-items:center;
	box-sizing:border-box;
	width:100%;
	position: relative;
}
.sub_nav .menuwrap>div ul:after{position: absolute;content:"";width:73px;height:2px;background: #032274;
top:-21px;left:34px;display: none;
}
.sub_nav .menuwrap:nth-child(1)>div ul{left:435px;}
.sub_nav .menuwrap:nth-child(2)>div ul{left:610px;}
.sub_nav .menuwrap:nth-child(3)>div ul{left:776px;}
.sub_nav .menuwrap:nth-child(4)>div ul{left:906px;}
.sub_nav .menuwrap:nth-child(5)>div ul{left:1053px;}

.sub_nav .menuwrap>div ul li{/* opacity:0; */width:140px;margin:0px 0.5% 0px 0;position: relative;}
.sub_nav .menuwrap:nth-child(2)>div ul li{width:190px;}
.sub_nav .menuwrap:nth-child(4)>div ul li:nth-child(4){width:190px;}
.sub_nav .menuwrap>div ul li:before{position: absolute;content:"";width: 1px;height: 14px;background: rgba(0, 0, 0, 0.2);
top:50%;right:0;transform:translate(0,-50%);}
.sub_nav .menuwrap>div ul li:last-child{margin-right:0;}
.sub_nav .menuwrap>div ul li:last-child:before{width:0;}
.sub_nav .menuwrap>div ul li a{
text-align: center;
	position:relative;
	display:block;
	width:100%;
	padding:0px 0;	
	font-size:18px;color:#555;font-weight:400;
}
.sub_nav .menuwrap>div ul li:hover a{
	color:#e60516;font-weight:400;
}



/*allmenu*/
.allmenuBg{
	display:block;
	width:46px;height:46px;
	background:#f1f1f1;
	border-radius:50%;
	position:absolute;left:calc(97% - 23px);top:46px;z-index:1000;
	transform:translate(-50%,-50%) scale(0);
	transition:all 0.8s ease-in-out;
}
.allmenuBg.on{transform:translate(-50%,-50%) scale(100);}
.allmenu{
	position:absolute;left:0;top:0;z-index:2000;
	box-sizing:border-box;
	width:100%;height:100vh;
	transform:scale(0);
	text-align:center;
	background: url(/images/common/allmenu_bg.png)no-repeat right bottom;
}
.allmenu.open{transform:scale(1);transition:transform 0s 0.8s;}
/*close*/
.allmenu.open > .all_close{
position: relative;top:4%;right:-47%;
width:41px;height:18px;cursor:pointer;
z-index:5000;
}
.allmenu.open > .all_close > div{
display:block;position: relative;
	width:100%;height:2px;
	margin-bottom:6px;
	background:#000;
	transition:all 0.4s;	
}
.allmenu.open > .all_close > div:nth-child(1){width:100%;transform: translateY(8px) rotate(45deg);transition:all 0.4s;	}
.allmenu.open > .all_close > div:nth-child(2){opacity:0;}
.allmenu.open > .all_close > div:nth-child(3){width:100%;transform: translateY(-8px) rotate(-45deg);transition:all 0.4s;	}


.allmenu .allmenuwrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;width:94%;height:100%;
box-sizing:border-box;padding:8% 0;margin:0 auto;
border:1px solid #d8d8d8;border-top:0;border-bottom:0;position: relative;
}
.allmenu .allmenuwrap>.line{
display: block;position: absolute;
background: #d8d8d8;width:1px;height:100%;
left:0;top:0;
}
.allmenu .allmenuwrap>.line1{left:20%;}
.allmenu .allmenuwrap>.line2{left:46.7%;}
.allmenu .allmenuwrap>.line3{left:73.3%;}
.allmenu .allmenuwrap>h1{position:relative;width:20%;display: flex;justify-content:center;}
.allmenu .allmenuwrap>h1 a{display: block;width:257px;height:44px;
background: url(/images/common/allmenu_logo.png)no-repeat;background-position:center;
background-size:cover;text-indent:-9999px;
transform:translateY(40px);opacity:0;
}
.allmenu .allmenuwrap>ul{display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;width:80%;flex-wrap:wrap;}

.allmenu.open .allmenuwrap>ul:before{transform:scaleX(1);transition:all 4s 1.4s;}

.allmenu .allmenuwrap>ul>li{position:relative;width:33.3%;margin-bottom: 50px;box-sizing:border-box;padding-left: 40px;
margin-top:5px;}
.allmenu .allmenuwrap>ul>li:after{
	display:block;content:"";
	width:2px;height:26px;
	background:#000;
	position:absolute;left:0px;top:7px;
	transition:all 0.4s;opacity:0;
}


.allmenu .allmenuwrap>ul>li>a{
	display:block;text-align:left !important;
	font-size:30px;color:#000;font-weight:700;font-family:"Roboto";
	transform:translateY(40px);opacity:0;
	text-transform: uppercase;
}

.allmenu .allmenuwrap>ul>li>ul{margin-top:45px;}
.allmenu .allmenuwrap>ul>li>ul>li{margin-bottom:8px;opacity:0;transform:translateY(40px);
box-sizing:border-box;}
.allmenu .allmenuwrap>ul>li>ul>li:last-child{margin-bottom:0;}
.allmenu .allmenuwrap>ul>li>ul>li>a{
	display:block;text-align: left !important;position: relative;
	font-size:18px;color:#555;font-weight: 400;box-sizing:border-box;
}
.allmenu .allmenuwrap>ul>li>ul>li>a:hover{color:#e60012;font-weight: 400;transition: all 0.1s ease-in-out;}






/*motion*/
.allmenu.open:before{top:40%;transition:all 1.4s 0.7s;}
.allmenu.open .allmenuwrap>ul>li:after{opacity:1;transition:all 1s 1s ease;}
/* .allmenu.open .allmenuwrap>ul>li.act:after{opacity:1;transition:all 0.4s ease;} */
.allmenu.open .allmenuwrap>ul>li>a, .allmenu.open .allmenuwrap>h1>a{transform:translateY(0);opacity:1;transition:all 1s 0.7s;}
.allmenu.open .allmenuwrap>ul>li>ul>li{opacity:1;transform:translateY(0);}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(1){transition:all 1s 0.8s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(2){transition:all 1s 0.9s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(3){transition:all 1s 1.0s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(4){transition:all 1s 1.1s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(5){transition:all 1s 1.2s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(6){transition:all 1s 1.3s;}
.allmenu.open .allmenuwrap>ul>li>ul>li:nth-child(7){transition:all 1s 1.4s;}




/*footer*/
#footer{width:100%;background: #eaeaea;position: relative;}
.foot{width:100%;box-sizing:border-box;padding: 39px 90px 45px;}
.foot_inner{
box-sizing:border-box;width:100%;margin:0 auto;max-width:1740px;border-top:1px solid rgba(85,85,85, 0.2);
display:flex;justify-content:space-between;padding:33px 0px 0;
}
.foot_inner .logo{width:222px;margin-right: 90px;}
.foot_inner .fm{}
.foot_inner .fm ul{display:flex;margin-top: 30px;}
.foot_inner .fm ul li{position:relative;padding-left:15px;margin-left:15px;}
.foot_inner .fm ul li:before{
	display:block;content:"";
	width:1px;height:14px;
	background:#ccc;
	position:absolute;left:0;top:6px;
}
.foot_inner .fm ul li:first-child{margin-left: 0;padding-left: 0;}
.foot_inner .fm ul li:first-child:before{display:none;}
.foot_inner .fm ul li a{font-size:18px;color:#555;}
.foot_inner .info{width:calc(100% - 222px - 90px - 400px);}
.foot_inner .info>dl{display: flex;align-items:center;margin-bottom: 12px;}
.foot_inner .info>dl:last-child{margin-bottom: 0;}
.foot_inner .info>dl>dt{position: relative;width:145px;font-size:18px;color:#333333;font-weight: 500;margin-right: 27px;}
.foot_inner .info>dl>dt:before{position:absolute;content:"";background: rgba(51,51,51, 0.2);top:3px;right:5px;width:1px;height:14px;}
.foot_inner .info>dl>dd{font-size:18px;color:#555;box-sizing:border-box;width:calc(100% - 145px - 27px);}
.foot_inner .copy{display: flex;align-items:end;}
.foot_inner .copy>p{font-size:16px;color:#555;}

/*conatac pop up*/
.cpop {
    display: none;
    position: fixed;
    left: 50%;
    top:50%;
    z-index: 3000;
    background: #fff;
   width:94%;
   max-width:840px;
   height:90vh;
   /* min-height:1307px; */
    transform: translate(-50%,-50%);
	padding: 80px 60px;
	box-sizing:border-box;
	overflow:hidden;
	overflow-y:auto;
	
}

.cpop::-webkit-scrollbar {
   width:6px;
}

.cpop::-webkit-scrollbar-thumb {
    background-color: #a0a0a0;
	cursor:pointer;
}

.cpop::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}


.cpop .cwrap{
    overflow: hidden;
    height: auto;
	width:100%;
    box-sizing: border-box;
    padding: 0px 0px;
}

.cpop .cwrap .req{display: inline-block;font-size:inherit;color:#e60012;margin-right: 1px;}
.cpop .cwrap .titwrap{text-align: center;margin-bottom: 40px;}
.cpop .cwrap .titwrap h5{margin-bottom: 10px;font-size:32px;color:#000;font-weight: 800;font-family: "Roboto";letter-spacing:0.4px;}
.cpop .cwrap p{color:#939393;font-size:16px;font-weight: 400;}
.cpop .cwrap p.txt2{color:#939393;font-size:14px;font-weight: 400;text-align: right;margin-bottom: 15px;}
.cpop .cwrap p.f_tit{color:#1f1f1f;font-size:16px;font-weight: 500;margin-bottom: 8px;}
.cpop .cwrap .formwrap{width:100%;}
.cpop .cwrap .formwrap{}


.cpop .cwrap .formwrap .inquirywrap{width:100%;margin-bottom: 42px;box-sizing:border-box;padding: 22px 0px 35px;
border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}
.cpop .cwrap .formwrap .inquirywrap .txt2{font-family: "Noto Sans KR", sans-serif;color:#656565;font-size:18px;margin-bottom:25px ;}
.cpop .cwrap .formwrap .inquirywrap .td_g{width:100%;display: flex;align-items:center;justify-content:space-between;margin-bottom: 20px;}
.cpop .cwrap .formwrap .inquirywrap .td{width:calc((100% - 20px) / 2);}
.cpop .cwrap .formwrap .inquirywrap .td.w100{width:100%;margin-bottom: 20px;}
.cpop .cwrap .formwrap .inquirywrap .td.w100:last-child{margin-bottom: 0;}
.cpop .cwrap .formwrap .inquirywrap .td>input,
.cpop .cwrap .formwrap .inquirywrap .td>textarea{outline:none;
border:1px solid #d6d8d9;border-radius:5px;height:44px;width:100%;
display: block;background: #fff;box-sizing:border-box;padding-left: 20px;font-size:15px;color:rgba(31,31,31,1);
font-family: "Noto Sans KR", sans-serif;
}
.cpop .cwrap .formwrap .inquirywrap .td>input::placeholder,
.cpop .cwrap .formwrap .inquirywrap .td>textarea::placeholder{color:rgba(31,31,31,0.3);}
.cpop .cwrap .formwrap .inquirywrap .td>#f_content{padding-top: 15px;height:210px;box-sizing:border-box;resize:none;}

.cpop .cwrap .formwrap .catewrap.td.w100{margin-bottom: 40px;}
.cpop .cwrap .formwrap .catewrap .f_tit{margin-bottom: 16px;}
.cpop .cwrap .formwrap .catewrap .rlist{display: flex;align-items:center;}
.cpop .cwrap .formwrap .catewrap .rlist li{margin-right: 30px ;}
.cpop .cwrap .formwrap .catewrap .rlist li input[type="radio"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
  }
 .cpop .cwrap .formwrap .catewrap .rlist li input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:16px;
  color:rgba(31,31,31,0.5);
}
.cpop .cwrap .formwrap .catewrap .rlist li input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #fff;
  border: 1px solid #d6d8d9;
  border-radius: 50%;
  /* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
}

.cpop .cwrap .formwrap .catewrap .rlist li input[type="radio"] + label:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
}
.cpop .cwrap .formwrap .catewrap .rlist li input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
  width: 12px;
  height: 12px;
  background: #e60012;
  border-radius: 50%;
}
.cpop .cwrap .formwrap .catewrap .rlist li input[type="radio"]:checked + label {
  font-size:16px;
  color:rgba(31,31,31,0.9);
}


.cpop .cwrap .formwrap .agreewrap{width: 100%;margin-bottom:54px;}
.cpop .cwrap .formwrap .agreewrap h3{font-size:18px;color:#1f1f1f;font-weight: 500;margin-bottom:12px;}
.cpop .cwrap .formwrap .agreewrap .con{
box-sizing:border-box;padding:30px;border-radius:5px;border:1px solid #d6d8d9;height:156px;
overflow:hidden;overflow-y:auto;margin: 22px 0 12px;
font-size:14px;color:#707070;
}
.cpop .cwrap .formwrap .agreewrap .con::-webkit-scrollbar{width:6px;}
.cpop .cwrap .formwrap .agreewrap .con::-webkit-scrollbar-thumb{height:10%;background: #a0a0a0;}
.cpop .cwrap .formwrap .agreewrap .con::-webkit-scrollbar-track {background: #e5e5e5;}
.cpop .cwrap .formwrap .agreewrap .con b{display: block;color:#292929;font-weight: 500;}
.cpop .cwrap .formwrap .agreewrap .con b:not(.title){margin-bottom: 6px;margin-top: 12px;}
.cpop .cwrap .formwrap .agreewrap .td{margin-bottom: 0;}

.cpop .cwrap .formwrap .agreewrap .td input[type="checkbox"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.cpop .cwrap .formwrap .agreewrap .td input[type="checkbox"] + label{
 display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:16px;
  line-height: 1.6em;
  color:#939393;
}
.cpop .cwrap .formwrap .agreewrap .td input[type="checkbox"] + label:before{
content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 19px;
  height: 19px;
  text-align: center;
  background: #fff;
  border-radius:50%;
  border: 1px solid #d6d8d9;
}
.cpop .cwrap .formwrap .agreewrap .td input[type="checkbox"]:checked+ label:before{
content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius:50%;
  background: #fff url(/images/page/checkbox_icon.png)no-repeat center / cover;
  border: 1px solid #d6d8d9;

}
.cpop .cwrap .formwrap .agreewrap .td input[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}
.cpop .cwrap .formwrap .agreewrap .td input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #e60012;
  border-radius: 50%;
}

.cpop #close{
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top:0%;
    left: 100%;
    margin-left: 11px;
    width: 31px;
    height: 31px;
	display:flex;justify-content:center;align-items:center;
	top:2%;left:95%;
	margin-left: 0;
}
.vpop .vclose img{width:100%;height:100%;}

.dim{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
   display: none;
    z-index: 1001;
}

#submitBtn{display: flex;align-items:center;justify-content:center;width:220px;height:54px;border-radius:27px;text-align: center;border:1px solid #555;
 overflow:hidden;
 position: relative;margin:0 auto;
 }
#submitBtn:before{
 position: absolute;content:"";background: #e60012;
 width:0px;height:100px;border-radius:50%;
 z-index:-1;mix-blend-mode: none;
 transition:all 0.4s;
 }
#submitBtn span{position: relative;z-index:10;text-align: center;font-size:16px;color:#000;transition:all 0.4s;}
#submitBtn i{margin-left: 10px;display: inline-block;width:6px;height:8px;background: url(/images/main/more_i.png)no-repeat center;transition:all 0.4s;}

#submitBtn:hover{border:1px solid #e60012;transition:all 0.4s;}
#submitBtn:hover:before{width:225px;transform-origin:center center;transition:all 0.4s;background: #e60012;}
#submitBtn:hover span{color:#fff;transition:all 0.4s;}
#submitBtn:hover i{background: url(/images/main/more_i_wht.png)no-repeat center;transition:all 0.4s;}

@media screen and (max-width:1580px){
.allmenu .allmenuwrap>h1{justify-content:flex-start;padding-left: 1vw;box-sizing:border-box;}
.allmenu .allmenuwrap>h1 a{width: 240px;height: 40px;}
}

@media screen and (max-width: 1500px){
.head .pc_nav{display: none;}

.foot_inner .logo{width:222px;margin-right: 10px;}
.foot_inner .info{width:calc(100% - 222px - 20px - 400px);}
}

@media screen and (max-width: 1400px){
	.head{height:85px;}
	.head h1{top:25px;}
	.head h1 a{width:182px;height:31px;background-size:cover;background-position:center;}
	.head .gnb{top:31px;}
	.on .head h1 a{width:182px;height:31px;background-size:cover;background-position:center;}
	
	/*allmenu*/
	.allmenu .allmenuwrap>h1{justify-content:flex-start;padding-left: 1vw;box-sizing:border-box;margin-top: 4px;}
	.allmenu .allmenuwrap>h1 a{width: 180px;height: 31px;}
	.allmenu .allmenuwrap>ul>li{padding-left: 25px;}
	.allmenu .allmenuwrap>ul>li>a{font-size:26px;}

	.foot{padding: 40px 40px 45px;}
	.foot_inner{flex-direction:column;}
	.foot_inner .logo{margin-right: 0;margin-bottom: 40px;}
	.foot_inner .info{width:100%;}
	.foot_inner .copy{margin-top: 30px;}
	.foot_inner .info>dl{margin-bottom: 8px;}
	.foot_inner .fm{}

	#goTop{bottom:145px;right: 40px;}
}

@media screen and (max-width:1279px){
.allmenu .allmenuwrap{padding:8vw 0;display:block;}
.allmenu .allmenuwrap>.line{display: none !important;}
.allmenu .allmenuwrap>h1{position: absolute;margin-top: 0;left:0%;top:20px;}
.allmenu .allmenuwrap>ul{width:100%;margin-top: 3vw;}
.allmenu .allmenuwrap>ul>li{width:100%;margin-bottom: 4vw;}
.allmenu .allmenuwrap>ul>li:after{
	display:block;content:"";
	width:2px;height:60px;
	background:#000;
	position:absolute;left:0px;top:9px;
	transition:all 0.4s;opacity:0;
}
 .allmenu.open .allmenuwrap>ul>li:after{opacity:0;transition:all 0.4s ease;transition-delay:0;} 
 .allmenu.open .allmenuwrap>ul>li.act:after{opacity:1;transition:all 0.4s ease;} 
.allmenu .allmenuwrap>ul>li>a{font-size:60px;}
.allmenu .allmenuwrap>ul>li>ul{margin-top:4vw;margin-bottom: 2vw;display: none;}
.allmenu .allmenuwrap>ul>li>ul>li>a{font-size:20px;}
}

@media screen and (max-width:1024px){
.allmenu .allmenuwrap{padding:12vw 0;display:block;}
.allmenu .allmenuwrap>h1{width:100%;}
.allmenu .allmenuwrap>h1 a{}
}


@media screen and (max-width:990px){
.cpop #close{}
.cpop .cwrap .formwrap .inquirywrap .td_g{display:block;margin-bottom: 0;}
.cpop .cwrap .formwrap .inquirywrap .td{width:100%;margin-bottom: 20px;}
.allmenu .allmenuwrap>ul>li>a{font-size:48px;}
.allmenu .allmenuwrap>ul>li:after{height:48px;top:6px;}
.allmenu .allmenuwrap>ul>li>ul>li>a{font-size:18px;}
}

@media screen and (max-width: 813px){
#submitBtn, #submitBtn *{transition:none;}

.head{height:70px;}
.head h1{top:22px;}
.head h1 a{width:174px;height:29px;background-size:cover;background-position:center;}
.on .head h1 a{width:174px;height:29px;background-size:cover;background-position:center;}
.head .gnb{top:30px;}
/* .head .gnb>ul{display: none;} */
/* .head .gnb>ul>li:nth-child(1){display: none;} */
.head .gnb>ul>li>a{font-size:11px;}
.head .gnb .btn_menu{margin-left: 12px;}
.allmenu{background: url(/images/common/allmenu_bg.png)no-repeat right 16% bottom;}
.allmenu .allmenuwrap{padding:100px 0 8vw;}
.allmenu .allmenuwrap>ul>li>a{font-size:42px;}
.allmenu .allmenuwrap>ul>li{padding-left: 3vw;}
.allmenu .allmenuwrap>ul>li:after{top:8px;height:46px;}
.allmenu .allmenuwrap>ul>li>ul>li>a{font-size:18px;}


.foot{padding: 30px 15px 35px;}
.foot_inner .logo{margin-bottom: 20px;}
.foot_inner .info>dl>dt{font-size:14px;width:109px;margin-right: 12px;}
.foot_inner .info>dl>dd{font-size:14px;}
.foot_inner .copy>p{font-size:13px;}
.foot_inner .fm{position:static;}
.foot_inner .fm ul{margin-top: 20px;}
.foot_inner .fm ul li:first-child{margin:0;padding:0;}
.foot_inner .fm ul li a{font-size:15px;}

#goTop{bottom:230px;right: 15px;}
#goTop img{width: 45px;height: 45px;}

.cpop{padding:60px 20px;}
.cpop #close{left:calc(100% - 40px);}
}

@media screen and (max-width:640px){

}


@media screen and (max-width:500px){
.head h1 a{width:150px;height:25px;}
.on .head h1 a{width:150px;height:25px;}
.head .gnb .btn_menu{margin-left: 8px;}
.head .gnb .btn_menu>div:nth-child(2){margin: 5px 0;}
.head .gnb{top:27px;}

.allmenu .allmenuwrap>ul>li>a{font-size:36px;}


.cpop .cwrap .titwrap h5{font-size:7vw;}
.cpop .cwrap .formwrap .agreewrap .con{padding:15px;}
#submitBtn{width:100%;}
#submitBtn:hover:before{width:130%;}

}
@media screen and (max-width: 320px){
	.allmenu .allmenuwrap>ul>li>a{font-size:30px;}
}