/*2022-06-08 추가*/
/* .intro_sub_01 ul li ul {display: none;}
.intro_sub_01 ul li ul:hover li a {display: block;} */
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a {color: #595959;padding: 14px 16px;text-decoration: none;display: block;border-bottom: 1px solid #ddd;}
.dropdown-content a:hover {background-color: #ddd;	 color: #000;}
.dropdown-content {display: none;background-color: #f9f9f9;/* min-width: 160px; */box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;position: absolute;width: 14%;top: 43%;font-size: 15px;}
/* .dropbtn {background-color: #4CAF50;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}*/
.dropdown { display: inline-block;}
/* .dropdown-content a:hover {background-color: #f1f1f1} */
/* .dropdown:hover .dropbtn {background-color: #3e8e41;} */

@media screen and (max-width:1440px){
.dropdown-content {width: 9%;}
}

@media screen and (max-width:768px){
.dropdown-content {width: 13%;}
}

@media screen and (max-width:425px){
.dropdown-content {width: 22%;top: 43%;font-size: 14px;right: 17%;}
.dropdown-content a { padding: 11px 7px;}
}

@media screen and (max-width:373px){
.dropdown-content{left: 10%;}
}

#in_logo {position: relative;top: 80px;z-index: 999;display: block;margin: 0 auto;}

.visual_intro {background-image: url("../../images/intro_bg.jpg"); background-position: center; padding-top: 6rem;}
.in_header {/* position: absolute; */display: block;margin: 0 auto;width: 100%;text-align: center;top: 11%;}
.in_header h3 {font-size: 30px; font-weight: 600; margin: 0;}
.in_header p {font-size: 22px;margin-top: .5rem;}
.in_header p span {color: red;}
/*인트로 탭*/
.subContent {/* position: absolute; */top: 23%;display: block;width: 100%;}
.introWrap {/* margin-top: 21px; */width: 100%;margin: auto;}

.subTap dd.on {background: #362f2d; color: #fff;}
.subTap dd { border: 1px solid #ddd;}
.introTab {/* margin-top: -26px; */text-align: center;}
.introTab dd {font-weight: 500;font-size: 15px;padding: 14px 2px;color: #362f2d;display: inline-block;margin: 0 10px;position: relative;border: 1px solid #707070;padding: 1rem;background-color: #fff;margin-bottom: 1rem;width: 8%;}

.intro_sub_01 {position: relative;padding: 0rem 0rem;top: 0rem;text-align: center;}
.intro_sub_01 ul {width: 100%;margin: auto;display: inline-block;*display: inline;zoom: 1;}
.intro_sub_01 ul li {font-weight: 500;font-size: 15px;color: #fff;width: 16%;/* float: left; */display: inline-block;padding: 0.8rem.5rem;background-color: #0c3880;text-align: center;margin: 11px;border:1px solid #0c3880;transition-duration: 500ms;/* margin-left: -1px; */z-index: 1;}
.intro_sub_01 ul li:hover {background-color: #fff; color: #000; border:1px solid #0c3880;color: #0c3880;}
/* .intro_sub_01 ul li a {color: #fff;font-size: 19px;display: block;font-weight: 500;}
.intro_sub_01 ul li a:hover{color: #998675;  } */

/* .intro_sub_01 a { border:1px solid #998675;transition-duration: 500ms;background: #998675;color: #fff;padding: 1rem 4.3rem;width: 20%;text-align: center;margin: 0 1rem;font-size: 18px;font-weight: 400;}
.intro_sub_01 a:hover {background: #fff; color: #998675; border:1px solid #998675; transition-duration: 500ms;} */
.intro_call { text-align: center;}
.intro_call h4 { font-size: 24px; font-weight: 400;}
.intro_call h4 a {border-right: 1px solid #ddd;padding: 0 1rem;color: #007fc7;font-size: 20px;}
.intro_call h4 a:last-child { border: none; }
.mobile_on { display: none; }
.intro_sub_01 td {padding: 2rem 0;}
.mobile_ons {display: none;}
.pcon {display: block;}
@media screen and (max-width:1871px){

}

@media screen and (max-width:1631px){
.intro_sub_01 {padding: 0rem 7rem;}
}
@media screen and (max-width:1440px){
.intro_sub_01 {padding: 0rem 2rem; top: 1rem; }
.intro_sub_01 ul li {width: 10%; margin: 5px;  font-size: 17px;}

}

@media screen and (max-width:1416px){
.intro_sub_01 ul li {width: 16%;}
}
@media screen and (max-width:1285px){
.intro_sub_01 ul li {width: 15%;}
.introTab dd {font-size: 15px;}
}
@media screen and (max-width:1375px){
.intro_sub_01 ul li {width: 11.33333333%;}
.intro_call h4 a {font-size: 16px;}

}
@media only screen and (min-width:1025px) and (max-width:1374px) {
.intro_sub_01 ul li {width: 12%;}
.introTab dd {font-size: 15px;}
}

@media screen and (max-width:1130px){
.intro_sub_01 ul li {width: 14.5%;}
}
@media screen and (max-width:1024px){
.introTab dd {font-size: 15px;width: 10%;}
.intro_sub_01 ul li {margin: 10px;width: 9%;font-size: 14px;}
.intro_sub_01 {padding: 0rem 2rem;}
.intro_call h4 {font-size: 17px;}
.in_header h3 {font-size: 23px;}
}

@media screen and (max-width:768px){
.introTab dd {width: 72px;margin: 0 6px;}
.intro_sub_01 {padding: 0rem 1rem; top: 1rem;}
.intro_sub_01 ul li {width: 14%;}
.in_header h3 {font-size: 23px;}
.intro_call h4 a { font-size: 18px; border: none;}
.mobile_on { display: block; }

}

@media screen and (max-width:767px){
.visual_intro { height:950px !important; }
}

@media screen and (max-width:747px){
.introTab dd {width: 83px;}
}
@media screen and (max-width:671px){
.intro_sub_01 ul li {width: 19%;}
.introTab dd {width: 69px; font-size: 14px;}
}

@media screen and (max-width:550px){
.intro_call h4 a {font-size: 15px;}
.in_header p {font-size: 15px;}

.intro_sub_01 ul li {width: 18%;}
.introTab dd {width: 65px;  font-size: 13px; padding: .7rem; margin: 1rem 0;}
.in_header h3 {font-size: 27px;}
}

@media screen and (max-width:425px){
.subContent {width: 100%;}
.in_header h3 {font-size: 16px;padding: .5rem;}
.introTab dd {width: 40%;font-size: 13px;margin: 0 2px;margin-bottom: 5px;padding: .2rem 0rem;}
.intro_sub_01 ul li {width: 16%;font-size: 14px;margin: 3.33333px;}
.in_header {display: block;margin: 0 auto;width: 100%;text-align: center;}
.visual_intro {-webkit-background-size: auto ;
background-size: auto ;}
.fp-slidesContainer {height: 162vh !important;}
.mobile_ons {display: none;}
.intro_call h4 a {width: 40%; display: inline-block;}
.pcon {display: none !important;}
}

@media screen and (max-width:422px){
.intro_sub_01 ul li {width: 17%;}
.intro_call h4 a {padding: 0 1rem;}
}

@media screen and (max-width:412px){
.intro_sub_01 ul li {width: 18.5%;}
}

@media screen and (max-width:403px){
	.intro_sub_01 ul li { width: 15%; }
	

}

@media screen and (max-width:375px){
.intro_sub_01 ul li {width: 17%;}

.intro_sub_01 ul {margin-left: 0rem;}

}

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

.subContent {top: 27%;}
.intro_sub_01 ul li {width: 24%;}
}

@media screen and (max-width:351px){
.intro_sub_01 ul li {width: 14%;}

}

@media screen and (max-width:320px){
.intro_sub_01 ul li {width: 11%;}
.in_header h3 {font-size: 14px;}
.intro_call h4 a {font-size: 13px; width: 39%;}

}