.sub_vi {width:100%; display:inline-block;  height:450px; background-color:#ddd; position:relative;  background:url('/common/img/sub_vi1.png') center; background-size:cover; }
.sub_vi.bg2 {  background:url('/common/img/sub_vi2.png') center; background-size:cover; }
.sub_vi:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3);}
.sub_vi.bg2:before {  background:rgba(0,0,0,.0);}
.sub_vi div.in {position:absolute; top:190px; left:50%; color:#fff; width:100%;  z-index:99;  transform: translate(-50%, 0);  text-align:center  }
.sub_vi div.in h3 {font-size:3.5em; }
.sub_vi div.in h3 + span {font-size:1.2rem; letter-spacing:0.3px; color:#fff;  font-weight:300; display:block; margin-top:15px} 
.sub_vi div.in p {margin-top:30px; font-weight:300; font-size:.97rem} 
.sub_vi div.in p span:before {content:'·'; margin:0 5px}
.sub_vi div.in p span:last-child {font-weight:600}
.sub_vi div.in p span.all + span {display:none}
.sub_vi div.in p span.all {font-weight:600}

.sub_con aside {width:100%; background-color:#fff; border-bottom:1px solid #ddd; position:relative; z-index:99}
.sub_con aside ul {width:100%; display:flex; margin:0 auto; justify-content:center;   }
.sub_con aside ul li { font-size:1.15em;  padding:18px 0;  margin:0 20px; position:relative; box-sizing:border-box; text-align:Center; font-weight:400;}
.sub_con aside ul li a {color:#111; white-space:nowrap}
.sub_con aside ul li.activetop {border-bottom:4px solid var(--main_c);}
.sub_con aside ul li.activetop * {color:var(--main_c); font-weight:600}
 
.sub_con { width:100%;  font-size:17px }
.sub_con_in {width:100%; margin:100px 0; line-height:1.45;   box-sizing:border-box;  }



@media all and (max-width:900px) {
 	.sub_con aside ul { justify-content:flex-start;  padding-left:20px; box-sizing:border-box; margin:0}
	.sub_con aside ul li { font-size:1em; padding:15px 0; margin:0 10px}
 	.sub_con aside ul li a {white-space:nowrap; }
}

.about {background:url('/common/img/about_bg.png') no-repeat bottom; background-size:cover;  color:#fff; box-sizing:border-box; padding:100px 50px; position:relative}
.about div {background:rgba(0,0,0,.6); width:100%; height:100%; position:absolute; left:0; top:0;}
.about p {position:Relative; z-index:9; line-height:1.55; font-size:1.02em }
.about p b { font-size:1.8em; font-weight:800; line-height:1.43}
 
 @media all and (max-width:900px) {
		.about {padding:80px 40px}
 		.about p { font-size:.95em }
		.about p b { font-size:1.5em; font-weight:700}
 
}



ul.partner {width:100%; display:flex;}
ul.partner li {border:1px solid #ddd; box-sizing:border-box; padding:20px; margin-right:-1px; width:20%; text-align:center; display:flex; align-items:center; justify-content:center;}
ul.partner li  img {width:80px; max-width:100%}

@media all and (max-width:900px) {
		ul.partner {flex-wrap:wrap}
		ul.partner li {width:33.333%; margin-bottom:-1px}
 
}

@media all and (max-width:600px) {
 		ul.partner li {width:50%; font-size:.95em}

 
}


ul.gall {display:flex; gap:40px 20px; flex-wrap:wrap;  }
ul.gall li {width:calc(25% - 15px); }
ul.gall li .img {width:100%; padding-bottom:100%; border-radius:20px; overflow:hidden; border:1px solid #999; box-sizing:border-box;  transition: all 0.3s ease-out; line-height:0 }
ul.gall li img {width:100%}
 
ul.gall li  h4 {margin-top:15px;
		width:100%;
		overflow:hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap:break-word; 
        font-size:1.2em;
		color:#111; 
}
ul.gall li:hover .img {border:1px solid var(--main_c)}
ul.gall li span {font-size:.9em}

ul.gall.type2 li .img { padding-bottom:0; border-radius:0;   }
ul.gall.type2 li  h4 { 
		display: -webkit-box;
		-webkit-line-clamp: 10; /* 라인수 */
		-webkit-box-orient: vertical;
		 
}
@media all and (max-width:900px) {
 
	  ul.gall {gap:20px 0; justify-content:space-between;}
	  ul.gall li {width:49% }
	  ul.gall li label {font-size:14px}
	  ul.gall li h4 {font-size:1.1em}

}
 

.list_page {text-align:center;  width:100%; margin-top:60px; display:inline-block; font-size:0; }
.list_page ul { width:100%; text-align:center; display:flex; justify-content:center}
.list_page li { display:inline-block; font-size:15px; font-weight:400; position:relative;  }
.list_page a { color:#999; padding:0 12px  }
.list_page a.ov  {color:#000; font-weight:600;  }
.list_page a.ov:after {position:absolute; bottom:-2px; width:18px; height:2px; background-color:#333; display:inline-block; content:''; left:50%; transform: translate(-50%, 0); }


.angle a {padding:0 5px}
.angle i {color:#999}
 
 @media screen and (max-width:900px) {
		.list_page {  margin-top:50px; }

		.list_page a { width:25px; line-height:25px; height:25px;   }
		.list_page img {width:25px; height:25px; vertical-align:top;  }

}


 
.view_content h3 {width:100%; font-size:2em; margin-bottom:10px}
.view_content img {max-width:100%}
.view_content iframe {width:1020px; height:574px; margin:0 auto }
.view_content .con {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px 0; margin:10px 0}
.view_content div.t_info span  {color:#555}   
.view_content div.t_info span:after {content:''; width:1px; height:10px; background-color:#999; display:inline-block;  margin:0 10px }   
.view_content div.t_info span:last-child:after {display:none}   

.list_next  {width:100%; display:inline-block;  padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis;    margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}

 @media screen and (max-width:900px) {
		.view_content h3 {  font-size:1.5em; }


}


.btn_wrap {width:100%; display:inline-block }

 a.list_btn {
    text-align: center;
    line-height: 31px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 0.95rem;
    float: right;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #333;
    border-radius: 3px;
    color: #fff;
}

.application p.r {margin-top:40px; color:#666; font-size:.98em; font-weight:300}
.application ul {width:100%; margin-top:5px; box-sizing:border-box; display:flex; flex-wrap:wrap; justify-content:space-between;  }
.application ul li {width:100%; display:flex; align-items:center; margin-bottom:25px; box-sizing:border-box;    color:#333; line-height:1.5}
 
.application ul li h3 {font-size:1.05em; margin-bottom:5px; font-weight:600; color:#333; width:170px; flex-shrink:0; line-height:1.1; }

.application ul li >  div {width:100%; display:flex; align-items:Center}
.application ul li >  div.flex_none {display:inline-block}
.application ul li >  div > div {width:100%}

.application ul li input {vertical-align:middle;}
.application ul li input + a.s_btn { margin-left:5px; line-height:35px}
.application ul li select {height:37px; font-size:.95em; padding:0 5px; box-sizing:border-box; color:#333; border:1px solid #999;  }

.application ul li  input[type="file"] { font-size:.95em;  }

.application ul li  input[type="checkbox"] {  margin-right:5px;  }
.application ul li  input[type="text"] { 
    height: 40px;
    font-size: 1em;
     width:100%; 
	 border:none; border-bottom:1px solid #333;  box-sizing:border-box; 
	}
 
.application ul li textarea { 
    height: 150px;
	width:100%;
    font-size: 1rem;
      padding:10px;  
	border:1px solid #333; box-sizing:border-box; 
	}
 
  
.application ul li div.email input[type="text"] {width:30%;  margin-right:10px}
.application ul li div.email input[type="text"]:nth-child(2) {width:70%; margin-left:10px}

  

.privacy_check {margin-top:10px; width:100%; display:flex; align-items:center; }
.privacy_check input {margin-right:10px}
.privacy_check a {color:#000; font-weight:600; text-decoration:underline}


@media screen and (min-width:900px) {
	.application ul li.li_50 {width:49%; }
}


@media screen and (max-width:900px) {
		.application ul li {flex-wrap:wrap; padding:0;}
 		.application ul li h3 {width:100%; margin-bottom:10px }

		.application ul li >  div {width:100%; }

}

.application h4.tit {font-size:1.3em}
.info_pre {width:100%; border:1px solid #999;  box-sizing:border-box; padding:15px; margin-top:10px; font-size:.97em; line-height:1.4; color:#444;  }
.info_pre + div {   text-align:right; margin-top:10px; box-sizing:border-box; color:#444}