@charset "UTF-8";

 #main h3 {line-height:35px;}

  

/*@media all and (min-width:800px) {
.main_vi {width:100%; padding:20px 0 0 0; height:450px; background-color:#0c151c; display:inline-block ; box-sizing:border-box ; }
.main_vi div  {  height:100%;  box-sizing:border-box; position:relative;}
.main_vi span {position:absolute; top:50%; transform: translate(0, -80%);  font-size:2rem; color:#fff; }
.main_vi div img {height:95%; positioN:absolute; right:0; bottom:0;}

 }

 @media all and (max-width:1000px) {
 .main_vi {height:350px}
 .main_vi span {   font-size:1.5rem; }
 }
 @media all and (max-width:800px) {
.main_vi {width:100%;   height:auto;  text-align:Center; padding:20px 0 0 0;  background-color:#0c151c; display:inline-block ; box-sizing:border-box ; }
 .main_vi div img {width:85% ; margin-top:20px}
.main_vi span {width:100%; display:inline-block; text-align:center;  font-size:1.5rem; color:#fff; padding-top:5%; }
  
}*/



@media all and (min-width:900px) {
	.vi2 {display:none !important; }
	.vi1 {width:100%; background-color:#0c151c}
	.vi1 .vi1_in {height:100%; max-width:1240px;  margin:0 auto; box-sizing:border-box; position:relative;}
	.vi1 .vi1_in p {position:absolute;  left:2%;}
	.vi1 .vi1_in img {width:100%}

	.vi4 {display:none !important; }
	.vi3 {width:100%; background-color:#0c151c;}
	.vi3 .vi3_in {max-width:1240px;  position:relative; margin:0 auto; box-sizing:border-box;  padding:150px 3% 180px 3%; }
	.vi3 .vi3_in a.vi_link { padding:5px 20px; color:#fff; display:inline-block; position:absolute; }

}
@media all and (max-width:900px) {
	.vi1 {display:none !important; }
	.vi2 {width:100%; position:relative; overflow-x:hidden}
	.vi2 p {position:absolute;  }
	.vi2  img {width:100%}

	.vi3 {display:none !important; }
	.vi4 {width:100%; }
	.vi4 .vi4_in {width:100%; box-sizing:border-box;  padding:13% 3% 17% 3%;  }
	.vi4 .vi4_in p {width:100%; display:inline-block; padding-bottom:3%; }
	.vi4 .vi4_in a.vi_link {padding:5px 20px; color:#fff; display:inline-block;    margin-top:10px}

}

/*아이콘배너*/
.icon_banner {width:100%; margin-top:-30px; position:relative;  }
.icon_banner ul {width:100%; background-color:#fff; display: -webkit-box; -webkit-justify-content:center;  display:flex; justify-content:center;  border-radius:20px 20px 0 0; border-bottom:1px solid #333}
.icon_banner ul li {  padding:15px 40px; text-align:center;  }
.icon_banner ul li  a {font-size:1.3rem; font-weight:600; color:#333}
.icon_banner ul li a span.t {box-sizing:border-box; transition: all 0.3s ease-out; line-height:1em}
.icon_banner ul li  a:hover span.t {border-bottom:5px solid #face00 }
.icon_banner ul li img {width:50px; margin-right:10px;  vertical-align:middle}
.icon_banner ul li span.ov {border-bottom:5px solid #face00 }

@media all and (max-width:1000px) {
	 .icon_banner ul li {  padding:20px 15px;   }
	 .icon_banner ul li a {font-size:1.2rem; }
}

/*여기부터 2줄*/

@media all and (max-width:700px) {
	.icon_banner .br {display:block; width:100%; margin-top:10px}
	.icon_banner ul li {padding:15px 18px 20px 18px;}
	.icon_banner ul li a {font-size:1.03rem; }
	.icon_banner ul li img {width:40px; margin-right:0}
}
@media all and (max-width:400px) {
	 .icon_banner ul li {padding:15px 12px 20px 12px;}
 }


 /*메인 검색바*/

.main_search {width:100%; display:inline-block;  padding:30px 0 20px 0; box-sizing:border-box;  }

.main_search select  {  width:15%;  margin-right:-1px ; float:left;}
.main_search div.input_box {border:1px solid #333; width:20%; float:left;  display:flex; height:37px; overflow:hidden; box-sizing:border-box; }
.main_search  input[type="text"]	 { width:100%;   border:none;  }
 .main_search  input::placeholder {color:#333;  }

 .main_search div.input_box img {margin:10px; }
.main_search select:nth-child(4) {float:right; width:15%}


.main_search .tag {display:inline-block; margin-top:13px}
.main_search .tag li {background-color:#ffd200; border-radius:50px; padding:0 20px; line-height:28px; display:inline-block; margin-right:3px; font-size:0.85rem}

.list_check  {float:right; margin-top:0; line-height:35px; font-size:0.90rem }
.list_check  input[type="checkbox"]	 {vertical-align:-2px; }

@media all and (max-width:1024px) {

	.main_search select  {  width:20%;   }
	.main_search div.input_box {  width:30%;  }

}

@media all and (max-width:640px) {
	.main_search select  { width:30%;   }
	.main_search select:nth-child(4) {display:none}
	.main_search div.input_box { width:40%;  }
	.main_search .tag {width:100%; margin-bottom:8px}
}
 
.x_bn {width:100%;   box-sizing:border-box;  margin:50px 0; text-align:center;    display:inline-block}
.x_bn .in {width:100% !important; max-width:100%;   }
.x_bn .in img {width:100%}

@media all and (max-width:640px) {
	.x_bn { }

}
 

  .lock_icon {float: right;
    margin-top:0;
    line-height: 35px; font-weight:500;
    font-size:.95rem; color:#666}
	.lock_icon img {vertical-align:-6px; margin-right:2px;}