@charset "utf-8";

.spopup_wrap img{width: 100%;}

/*map 검색*/
.map_box *{box-sizing: border-box;font-weight: 300;}
.map_box {display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #f6f6f6; border: 1px solid #ddd; border-radius: 30px;padding: 60px 50px;align-items: flex-start;margin-bottom: 80px; overflow: hidden;}

.map_box .map_img{position: relative; z-index: 5;width: 710px;min-height: 570px;background: url("../images/content/map_bg.png") left top no-repeat;}
.map_box .map_img > div{position: absolute; display: none;}
.map_box .map_img > .on{z-index: 9;display: block;}

.map_box .map_img .map_01{left:283px; top: 324px;}
.map_box .map_img .map_02{left:453px; top: 307px;}
.map_box .map_img .map_03{left:441px; top: 67px;}
.map_box .map_img .map_04{left:602px; top: 139px;}
.map_box .map_img .map_05{left:544px; top: 52px;}
.map_box .map_img .map_06{left:231px; top: 169px;}
.map_box .map_img .map_07{left:357px; top: 5px;}
.map_box .map_img .map_08{left:169px; top: 294px;}
.map_box .map_img .map_09{left:151px; top: 187px;}
.map_box .map_img .map_10{left:399px; top: 232px;}
.map_box .map_img .map_11{left:473px; top: 137px;}
.map_box .map_img .map_12{left:-1px; top: 157px;}
.map_box .map_img .map_13{left:600px; top: 271px;}
.map_box .map_img .map_14{left:151px; top: 25px;}
.map_box .map_img .map_15{left:174px; top: 250px;}
.map_box .map_img .map_16{left:276px; top: 501px;}
.map_box .map_img .map_17{left:255px; top: -1px;}
.map_box .map_img .map_18{left:332px; top: 283px;}
.map_box .map_img .map_19{left:76px; top: 422px;}
.map_box .map_img .map_20{left:176px; top: 116px;}
.map_box .map_img .map_21{left:136px; top: 338px;}
.map_box .map_img .map_22{left:340px; top: 128px;}


.map_box .map_search{position: relative; width: 500px;padding: 40px; border: 1px solid #3848ad;background-color: #fff;border-radius: 30px;font-size: 0;}
.map_box .map_search img{position:absolute;bottom: -236px;right: 0;}
.map_box .map_search strong{font-size: 36px; color: #3848ad;font-weight: 500;}
.map_box .map_search p{font-size: 18px;margin-bottom: 30px;}
.map_box .map_search select{border-radius: 10px; border: 2px solid #ddd;height: 60px;font-size: 18px;margin-bottom: 10px;display: inline-block;width: calc(50% - 6px);}
.map_box .map_search select:first-of-type{margin-right: 10px;}
.map_box .map_search input{border-radius: 10px; border: 2px solid #ddd;width: 100%;height: 60px;font-size: 18px;margin-bottom: 10px;padding: 0 10px;}
.map_box .map_search button{border-radius: 10px; background-color: #3848ad; width: 100%;height: 60px;font-size: 18px;color: #fff;}

.map_select01{width: 100%!important;}

@media all and (max-width :1480px){
 .map_box .map_search{width: 420px;padding: 30px;}
 .map_box .map_search img{position:absolute;bottom: -256px;right: 0;}
}

@media all and (max-width :1400px){
 .map_box {padding: 40px;}
 .map_box .map_search{width: 360px;}
 .map_box .map_search img{height: 200px;bottom: -166px;}
 .map_box .map_search select{display: block;width:100%;}
}

@media all and (max-width :1310px){
 .map_box {margin-bottom: 60px;}
 .map_box .map_img{display: none;}
.map_box .map_search{width: 90%;padding: 0; border: none;background-color:transparent; }
 .map_box .map_search strong{font-size: 30px;}
.map_box .map_search p{font-size: 16px;margin-bottom: 20px;}
.map_box .map_search select{width:90%; background:#fff url("/images/board/select_arrow.png") 96% center no-repeat!important;font-size: 16px;height: 50px;}
 .map_box .map_search input,.map_box .map_search button{width: 90%;font-size: 16px;height: 50px;}
 .map_box .map_search img{bottom: -42px; right: -95px;} 
 
 .map_select01{width: 90%!important;}
}

@media all and (max-width :767px){
.map_box {padding: 30px;margin-bottom: 40px;} 
.map_box .map_search{width: 100%;}
.map_box .map_search strong{font-size: 24px;}
.map_box .map_search p{font-size: 14px;} 
.map_box .map_search select,.map_box .map_search input,.map_box .map_search button{width:100%;}
.map_box .map_search img{display: none;} 
 
.map_select01{width: 100%!important;} 
}

/*sub01_첫번째페이지*/
/*
페이지 준비
.sub0101_txt01 {text-align: center;padding-top: 100px;}
.sub0101_txt01 img{display: block;margin: 0 auto;margin-bottom: 30px;}
.sub0101_txt01 strong{font-size: 40px; color: #000;display: block;margin-bottom: 10px;}
.sub0101_txt01 strong b{ color: #3848ad;}
.sub0101_txt01 span{font-size: 18px;}

@media all and (max-width :767px){
 .sub0101_txt01 {padding-top: 60px;}
 .sub0101_txt01 img{width: 100px;margin-bottom: 20px;}
 .sub0101_txt01 strong{font-size: 30px;margin-bottom: 10px;}
 .sub0101_txt01 span{font-size: 16px;}
}
*/

.sub0101_txt01{background-color: #f6f6f6; font-size: 18px;color: #333;line-height: 1.6em;padding: 40px;border: 1px solid #ddd;border-radius: 20px;margin-bottom: 60px;}
.sub0101_txt02 h2{font-size: 32px;margin-bottom: 40px;}
.sub0101_txt02 i{color: #3848ad;margin-right: 10px; display: inline-block;font-weight: 500;}
.sub01_info01{display: flex; font-size: 18px;margin-bottom: 60px;}
.sub01_info01 img{margin-right: 40px;}
.sub01_info01 strong{ font-size: 32px;font-weight: 700;display: block;margin: 10px 0 20px;border-bottom: 5px solid #3848ad;padding-bottom: 10px;}
.sub01_info01 dt{font-size:22px;font-weight: 500;margin-bottom: 20px;}
.sub01_info01 dd{font-size:18px;line-height: 1.6em;}

.sub01_mbox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.sub01_mbox > li {margin-bottom: 40px;width: 48%; border: 1px solid #ddd;padding: 30px;border-radius: 20px;}
.sub01_mbox li b{background: url(../images/inc/bullet01.png) left 3px no-repeat;padding-left: 20px;font-size: 20px;letter-spacing: -0.01em;}
.sub01_mbox li em{display: block;background: url(../images/content/dot01.png) left center no-repeat;padding-left: 10px;color: #666;margin: 20px 0 20px;}
.sub01_mbox li img{width: 200px;display: inline-block;margin-right: 40px;vertical-align: top;}
.sub01_mbox li ul{display: inline-block;width: calc(100% - 250px);}
.sub01_mbox li ul li{font-size: 18px;line-height: 1.6em;margin-bottom: 10px;}
.sub01_mbox li ul li > i{vertical-align: top;}
.sub01_mbox li ul li span{display: inline-block;width: calc(100% - 100px);}


@media all and (max-width :1400px){
.sub01_mbox li img{margin-right: 0px;margin-bottom: 20px;} 
.sub01_mbox li ul{display: block;width: 100%;} 
 
}
@media all and (max-width :767px){
 .sub0101_txt01{font-size: 16px;}
 .sub0101_txt02 h2{font-size: 28px;margin-bottom: 25px;}
 .sub01_info01{flex-direction: column;margin-bottom: 40px;}
 .sub01_info01 img{margin-right: 0;width: 360px;margin-bottom: 30px;}
 .sub01_info01 strong{ font-size: 28px;}
 .sub01_info01 dt{font-size:18px;}
 .sub01_info01 dd{font-size:16px;}
 
 .sub01_mbox{flex-direction: column;}
 .sub01_mbox > li {width: 100%;margin-bottom: 20px;}
 .sub01_mbox li em{margin: 10px 0 20px;}
 .sub01_mbox li img{display: block;margin: 0 auto 20px;}
 .sub01_mbox li ul{display: block;width: 100%;}
 .sub01_mbox li ul li{font-size: 16px; margin-bottom: 5px;}
 .sub01_mbox li ul li i{width: 70px;}
}

@media all and (max-width :500px){
 .sub01_info01 img{width: 100%;}
 .sub01_mbox > li {padding: 20px;}
}



/*sub01_두번째페이지*/
.sub0102_txt01 dl{background: url("../images/content/ceo.png") left 120px no-repeat; word-break: keep-all; background-size: 250px;}
.sub0102_txt01 dl {margin-bottom: 60px;}
.sub0102_txt01 dl dt{font-size: 40px; font-weight: 300; color: #3848ad;margin-bottom: 50px;}
.sub0102_txt01 dl b{font-weight: 700;}
.sub0102_txt01 dl dd{font-size: 18px;color: #333;margin-bottom: 30px;line-height: 1.6em; padding-left: 300px;}
.sub0102_txt01 dl dd i{color: #fff;background: url("../images/content/icon01.png") left center no-repeat;font-size: 16px;width: 56px;display: inline-block;padding-top: 12px; padding-left: 9px;height: 50px;margin-right: 10px;vertical-align: top;}
.sub0102_txt01 dl dd em{display: inline-block;word-break: break-all; width: calc(100% - 66px);}
.sub0102_txt01 dl dd span{font-size: 22px;font-weight: 300;display: block;color: #000;}
.sign_box01 {position: relative; height: 200px; overflow: hidden}
.sign_box01 img{width: 100%; margin-top: -80px;}

.sign_box01 .sign_box02{position: absolute; top: -110px; left: 3%; font-size: 14px;padding: 40px; background: linear-gradient(#4675cc, #1337eb);border-top-right-radius: 30px;color: #fff;}
.sign_box01 .sign_box02 strong{font-size: 30px;display: block;margin-top: 5px;}

@media all and (max-width :1024px){
 .sign_box01 {margin-top: 30px;}
 .sign_box01 img{width: 100%;}

}

@media all and (max-width :767px){
.sub0102_txt01 dl{ background-size: 200px;}
 .sub0102_txt01 dl dt{font-size: 30px;margin-bottom: 30px;}
 .sub0102_txt01 dl dd{font-size: 16px; padding-left: 0;}
.sub0102_txt01 dl dd:nth-of-type(1){ padding-left: 240px;}
.sub0102_txt01 dl dd:nth-of-type(2){ padding-left: 240px;}

.sub0102_txt01 dl dd span{font-size: 20px;}
  .sign_box01 {margin-top: 110px;}
 
}

@media all and (max-width :600px){
.sub0102_txt01 dl{ background-size: 120px;}
.sub0102_txt01 dl dd:nth-of-type(1){ padding-left: 130px;}
.sub0102_txt01 dl dd:nth-of-type(2){ padding-left: 0;}
}
@media all and (max-width :480px){
.sub0102_txt01 dl{ background-size: 100px; background-position: center 120px;}
.sub0102_txt01 dl dd:nth-of-type(1){ padding-left: 0; padding-top: 150px;}
.sub0102_txt01 dl dd:nth-of-type(2){ padding-left: 0;}
}


/*sub01_세번째페이지*/
.sub0103_txt01{display: flex;margin-bottom: 55px;justify-content: center;}
.sub0103_txt01 li {position: relative; padding: 30px 0 10px;font-size: 18px;border-radius: 20px; border: 3px solid #ddd;width: 170px;margin: 0 15px 25px;}
.sub0103_txt01 li:first-child{ border: 3px solid #3848ad;}
.sub0103_txt01 li > b{background: url("../images/content/sub03_img02.png") left top no-repeat; width: 130px; height: 45px; position: absolute;top:-20px; left: -10px; display: inline-block; text-align: center;padding-top: 11px; font-weight: 300; color: #fff;filter: drop-shadow(0 3px 5px rgb(0,0,0,10%)) }
.sub0103_txt01 li:first-child > b{background: url("../images/content/sub03_img01.png") left top no-repeat;color: #000;}
.sub0103_txt01 li span{color: #666;display: block;text-align: center;}
.sub0103_txt01 li span strong{font-size: 50px;color: #3848ad;}

@media all and (max-width :1024px){
 .sub0103_txt01 li {font-size: 16px;padding: 20px 0 5px}
 .sub0103_txt01 li > b{background-size:100px!important; width: 100px;padding-top: 8px;}
 .sub0103_txt01 li span strong{font-size:40px;}
}

@media all and (max-width :767px){
 .sub0103_txt01 {flex-wrap: wrap;margin-bottom: 35px;}
 .sub0103_txt01 li {width: 25%;font-size: 12px;margin: 0 10px 25px;}
  .sub0103_txt01 li > b{background-size:80px!important; width: 80px;padding-top: 7px;top:-15px;}
  .sub0103_txt01 li span strong{font-size:30px;}
}




/*sub01_네번째페이지*/
.sub0104_txt01 .update_txt{display: flex; font-size: 14px;justify-content: flex-end;margin-bottom: 20px;}
.sub0104_txt01 .update_txt li{background: url("../images/content/dot01.png") left center no-repeat; padding-left: 10px;margin-left: 20px; color: #666;}
.sub0104_txt01 .update_txt li:last-of-type{color: #000;}
.sub0104_txt01 .stxt_box01{margin-bottom: 100px;}
.sub0104_txt01 .stxt_box01:last-of-type{margin-bottom: 0;}
.sub0104_txt01 h2{font-size: 32px;margin-bottom: 40px;}
.sub0104_txt01 dl{margin-bottom: 40px;}
.sub0104_txt01 dl dt{background: url("../images/inc/bullet01.png") left 8px no-repeat;padding-left: 20px;font-size: 20px;letter-spacing: -0.01em;margin-bottom: 20px;font-weight: 500;}
.sub0104_txt01 dl dd{font-size: 18px;line-height: 1.6em;font-weight: 300;}
.sub0104_txt01 dl dd ol{padding-left: 10px;}


@media all and (max-width :1024px){
 .sub0104_txt01 .update_txt{flex-direction: column;}
 .sub0104_txt01 .update_txt li{margin-bottom: 5px;margin-left: 0;}
}

@media all and (max-width :767px){
 .sub0104_txt01 .stxt_box01{margin-bottom: 60px;}
 .sub0104_txt01 h2{font-size: 28px;margin-bottom: 25px;}
 .sub0104_txt01 dl{margin-bottom: 20px;}
 .sub0104_txt01 dl dt{margin-bottom: 10px;}
 .sub0104_txt01 dl dd{font-size: 16px;}
}

/*sub01_다섯번째페이지*/
.sub0105_txt01{display: flex; justify-content: space-between;align-items: flex-start;margin-bottom: 80px;}
.sub0105_txt01 > div{background-color: #f6f6f6;border: 1px solid #ddd;border-radius: 30px;padding: 40px 40px 0;}
.sub0105_txt01 dl {font-size: 0;}
.sub0105_txt01 dl dt{font-size: 28px; text-align: center;margin-bottom: 40px;}
.sub0105_txt01 dl dt > span{font-weight: 700;display: block;font-size: 32px; }
.sub0105_txt01 dl dd{display: inline-block;background-color: #fff;border-radius: 30px;padding: 30px;box-shadow: 0px 5px 10px rgb(0,0,0,5%); margin-bottom: 40px;}
.sub0105_txt01 dl dd em{display: inline-block;border-radius: 10px;font-size: 16px;line-height: 36px;height: 36px;width: 80px;text-align: center;color: #fff;margin-right: 10px;}
.sub0105_txt01 dl dd > span{font-size: 14px;line-height: 36px;color: #666;}
.sub0105_txt01 dl dd div{display: flex;margin-top: 20px;}
.sub0105_txt01 dl dd div img{width: 60px; height: 80px; border-radius: 5px; margin-right: 20px;display: inline-block;}
.sub0105_txt01 dl dd strong{font-size: 36px; font-weight: 700;}
.sub0105_txt01 dl dd i{font-size: 18px; display: block;color: #3848ad;margin-top: 10px;}
.sub0105_txt01 dl dd i span{color: #000;margin-left: 10px;}
.sub0105_txt01 .his_box01{width: 60%;}
.sub0105_txt01 .his_box02{width: 36%;}
.sub0105_txt01 .his_box01 dd{width:calc(50% - 15px);}
.sub0105_txt01 .his_box01 dd:nth-child(even) {margin-right: 30px;}
.sub0105_txt01 .his_box02 dd{width: 100%;}
.sub0105_txt01 .his_box01 em{background: #a598fd;}
.sub0105_txt01 .his_box02 em{background: #6fd9e7;}

.sub0105_txt02 {display: flex; justify-content: space-between;align-items: flex-start;}
.sub0105_txt02 > strong, .sub0105_txt02 > span{display: none;}
.sub0105_txt02 img{width: 40%;}
.sub0105_txt02 .his_box03{width: calc(100% - 44%);position: relative;margin-top: 2%;}
.sub0105_txt02 .his_box03 > div{margin-bottom: 40px;}
.sub0105_txt02 .his_box03 > div::before{content: '';position: absolute;top: 15px;left: 4px;width: 1px;height:calc(100% - 5%); background: #e3e3e3;z-index: -1;}
.sub0105_txt02 .his_box03 strong{width: 130px;font-size: 32px;display: inline-block;vertical-align: top;background: url("../images/content/dot02.png") left center no-repeat; padding-left: 15px;font-weight: 700;}
.sub0105_txt02 .his_box03 ul{display: inline-block;width: calc(100% - 135px);}
.sub0105_txt02 .his_box03 ul li{font-size: 18px;word-break:break-all;margin-bottom: 20px;}
.sub0105_txt02 .his_box03 ul li > b{color: #3848ad;margin-right: 20px;vertical-align: top;}
.sub0105_txt02 .his_box03 ul li > span{display: inline-block;width: calc(100% - 90px);}

@media all and (max-width :1400px){
.sub0105_txt01 dl dd > span{display: block;}
}

@media all and (max-width :1280px){
.sub0105_txt01{flex-direction: column;}
.sub0105_txt01 > div{width: 100%!important;} 
.sub0105_txt01 > div dd:nth-child(even) {margin-right: 30px;}
.sub0105_txt01 .his_box01{margin-bottom: 40px;}
.sub0105_txt01 .his_box02 dd{width:calc(50% - 15px);} 
}

@media all and (max-width :770px){
.sub0105_txt01{margin-bottom: 60px;}
.sub0105_txt02 {display: block;} 
.sub0105_txt02 > strong{display: block; font-size: 30px; color:#3848ad; font-weight: 700;} 
.sub0105_txt02 > span{display: block; font-size: 28px; color:#ddd; font-weight: 500;margin-bottom: 20px;} 
.sub0105_txt01 > div{padding: 30px 20px 0;} 
.sub0105_txt01 dl dt{font-size: 20px;margin-bottom: 20px;}
.sub0105_txt01 dl dt > span{font-size: 28px; }
.sub0105_txt01 dl dd{padding: 20px;margin-bottom: 30px;width: 100%!important;border-radius: 20px;}
.sub0105_txt01 dl dd div{margin-top: 5px;} 
.sub0105_txt01 dl dd strong{font-size: 30px; font-weight: 700;}
.sub0105_txt01 dl dd i{font-size: 16px;margin-top: 5px;}
.sub0105_txt01 > div dd:nth-child(even) {margin-right: 0;}
.sub0105_txt01 .his_box01{margin-bottom: 30px;} 
 
.sub0105_txt02 img{display: none;} 
.sub0105_txt02 .his_box03{width: 100%;margin-top: 0;}
.sub0105_txt02 .his_box03 > div{margin-bottom: 20px;}
.sub0105_txt02 .his_box03 strong{font-size: 28px;}
.sub0105_txt02 .his_box03 ul{width: 100%;}
.sub0105_txt02 .his_box03 ul li{font-size: 16px;margin-bottom: 15px;padding-left: 15px;} 
.sub0105_txt02 .his_box03 ul li > b{margin-right: 0;}
.sub0105_txt02 .his_box03 ul li > span{width:100%;} 
}

/*sub01_여섯번째페이지*/
.sub0106_txt01{ text-align: center;}
.sub0106_txt01 .map_info{ font-size: 18px; line-height: 1.6em; margin-bottom: 40px;}
.sub0106_txt01 .map_info > span{display: inline-block; background: url("../images/content/sub06_icon.png") left center no-repeat;padding-left: 100px; min-height: 80px; padding-top: 15px; text-align: left; word-break: keep-all;}
.sub0106_txt01 .map_info > span b{color: #3848ad; font-weight: 500; margin-right: 5px;}
.sub0106_txt01 .map_info > span b:nth-of-type(2){margin-left:20px;}
.sub0106_txt01 .map_guide{ border:3px solid #ddd; height: 500px;background: #eee;}

@media all and (max-width:1024px){
 .sub0106_txt01 .map_info{ font-size: 16px;}
 .sub0106_txt01 .map_info > span{background: url("../images/content/sub06_icon.png") center top no-repeat;padding-left: 0;padding-top: 70px; text-align: center; background-size: 60px;}
	.sub0106_txt01 .map_guide{ height: 300px;}
}

@media all and (max-width:500px){
 .sub0106_txt01 .map_info{ font-size: 14px; margin-bottom: 20px;}
 .sub0106_txt01 .map_info > span{padding-top: 50px;background-size: 45px;}
}