@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');

}

#sub{ padding-bottom:150px;}
#sub .sub-visual{ position:relative; height:650px;  background-size:cover; background-repeat:no-repeat; background-position:50% 50%; display:flex;align-items: flex-end; }
#sub .one{ background-image:url(../img/sub/sub-visual1.jpg);}
#sub .two{ background-image:url(../img/sub/sub-visual2.jpg);}
#sub .three{ background-image:url(../img/sub/sub-visual3.jpg);}
#sub .four{ background-image:url(../img/sub/sub-visual4.jpg);}
#sub .five{ background-image:url(../img/sub/sub-visual5.jpg);}

#sub h1 {font-size: 50px; margin-bottom: 50px;}

#sub .sub-visual .svTxt{ padding-bottom:133px; color:#fff; text-align: center;}
#sub .sub-visual .svTxt h2{ font-size:67px; font-weight:800; padding-bottom:10px}
#sub .sub-visual .svTxt p{ font-size:30px;}
#sub .sub-visual .sMenu { background:rgba(255, 255, 255, 0.8); display: flex; justify-content: center;}
#sub .sub-visual .sMenu ul{}

#sub .sub-visual .sMenu ul a{ display:inline-block; padding:30px 45px; font-size:23px; color: #666;}
#sub .sub-visual .sMenu ul a.on{ background:#00508f;color:#fff; font-weight: 500;}
.subContent{ padding-top:130px;word-break:keep-all;}

.suCtxt { padding-top:100px;text-align: center;}
.suCtxt h3{ font-size:50px; padding-bottom:15px;}
.suCtxt .location{ color:#777;}
.suCtxt .location .xi-angle-right-min{ color:#ccc; padding:0 5px;}


@media(max-width:1920px) {

	#sub .sub-visual{ height:470px;}
	#sub .sub-visual .svTxt{ padding-bottom:120px;}
	#sub .sub-visual .svTxt h2{ font-size:57px;}
	#sub .sub-visual .svTxt p{ font-size:25px;}
	#sub .sub-visual .sMenu ul a{ font-size:19px;padding:20px 40px;}
	
	
	.suCtxt h3{ font-size:40px; padding-bottom:10px;}

	#sub h1 {	font-size: 36px;}


}

.h1{ font-family: 'GangwonEdu_OTFBoldA'; font-size:47px; font-weight:300; line-height:57px;}
.h1 span{ border-bottom:1px #ff6d3d solid; color:#ff6d3d;}

.p010100 {text-align: center;}
.p010100 h2 {margin-bottom: 10px; font-weight: 400; color: #444;  font-size: 30px;}
.p010100 .s01{display: flex; justify-content: space-evenly; margin: 0 510px;}
.p010100 .s01 p a{font-size: 28px; background: #00508f;  color: #fff; display: inline-block; padding: 16px 130px;border-radius: 10px;}
.p010100 .s01 p:nth-child(2) a{background: #a8a8a8; }
.p010100 .s02 ul{display: flex; justify-content: space-evenly; gap: 0 0px; margin:80px 180px;}
.p010100 .s02 ul li p {font-size: 20px; color: #222; margin-top: 13px;}


.p010200 h1 {text-align: center;}
.p010200 table{ width:100%;} 
.p010200 table th{ background:#00508f; color: #fff; font-size: 30px; font-weight: 600;}
.p010200 table th, .p010200 table td{ border:1px #ddd solid; text-align:center; padding:22px}
.p010200 table td {width: 25%; font-size: 22px;}
.p010200 table .al{ text-align:left !important; }
.p010200 table tr:nth-child(3) td{color:#00508f; font-size: 30px; font-weight: 600;}

.p010300 h2 {font-weight: 400; color: #444;}
.p010300 .s01, .p010300 .s02 {margin: 50px 0;}
.p010300 .s01 h3 {font-size: 34px; padding: 50px 20px 20px 20px;}
.p010300 h4 {font-size: 28px; padding: 10px  20px 20px 20px; color: #00508f;}
.p010300 h5 {font-size: 22px; padding: 0 20px 20px 20px; color: #444; font-weight: 300;}
.p010300 h4:before { content: '•'; margin-right: 5px;}
.p010300 .dfbox{display: flex;position: relative;    align-items: center;}
.p010300 .dfbox p{ border:1px #ddd solid; width: 7%;font-size: 22px;  text-align: center; padding: 30px; border-radius: 10px; height: 45px; margin: 0 20px;}
.p010300 .dfbox p+p{margin:0 20px;}
.p010300 .dfbox img { height: 10%;}
.p010300 .dfbox .bb{background-color:#ffebcb; font-weight: 500;}


.p010400 .s01 ul{gap:0 20px; justify-content: space-between;}
.p010400 .s01 ul li{ width:calc((100% / 4) - 25px);border:1px #00508f solid; border-radius:20px; text-align:center; overflow:hidden}
.p010400 .s01 ul li strong{background:#00508f; color:#fff; padding:33px 0; display:block; font-size:25px;}
.p010400 .s01 ul li p{ padding:30px 0; font-size:23px; line-height:35px; color: #444;}
.p010400 h1 {text-align: center;}
.p010400 .s01 ul li:nth-child(1) {background-image:url(../img/sub/sub01/010400-1.jpg);}
.p010400 .s01 ul li:nth-child(2) {background-image:url(../img/sub/sub01/010400-2.jpg);}
.p010400 .s01 ul li:nth-child(3) {background-image:url(../img/sub/sub01/010400-3.jpg);}
.p010400 .s01 ul li:nth-child(4) {background-image:url(../img/sub/sub01/010400-4.jpg);}


.p020100 {text-align: center;}
.p020100 .s01{margin-top: 75px;}
.p020100 ul{ justify-content: space-evenly;}
.p020100 ul li {border:1px #00508f solid; padding: 50px; width: 25%;    border-radius: 20px;}
.p020100 ul li strong{font-size: 30px;}
.p020100 ul li p{ font-size: 22px; color: #555;  margin: 30px 0 50px 0;}
.p020100 ul li a{ font-size: 28px;  background: #00508f;  color: #fff; display: inline-block;  padding: 16px 100px; border-radius:35px;}


.p030100 .subT {text-align: center;}
.p030100 .subT h2 {font-size: 30px;}
.p030100 .subT h3 {margin: 10px 0 40px 0;color: #555; font-weight: 400;}
.p030100 .s01{display: flex; justify-content: space-evenly; margin: 0 510px;}
.p030100 .s01 p a{font-size: 28px; background: #00508f;  color: #fff; display: inline-block; padding: 16px 130px;border-radius: 10px;}
.p030100 .s01 p:nth-child(2) a{background: #a8a8a8; }
.p030100 .s02{margin: 100px 10px; text-align: center; border:1px #ffa819 solid; border-radius:20px; width: 32%; display: inline-block;}
.p030100 .s02 .s02_1{background: #fff6e6;  color: #ff9e00; border-radius:20px 20px 0 0; padding: 20px 0; font-size: 26px; font-weight: 600;}
.p030100 .s02 .s02_2{display: flex; justify-content: center;padding: 50px 0;    height: 150px;}
.p030100 .s02 .s02_2 .ul {justify-content: space-evenly;}
.p030100 .s02 .s02_2 .ul li {display: flex; align-items: center; margin: 0 100px;}
.p030100 .s02 .s02_2 .ul li img {width: 25%; margin-right: 20px;}
.p030100 .s02 .s02_2 .ul li p{ font-size: 22px;color: #555; font-weight: 500;}



#p030200 {}
.p030200 .subT h3 {margin: 10px 0 40px 0;color: #555; font-weight: 400;}
#p030200 .tab_list{ display:flex;}
#p030200 .tab_list li{ list-style-type:none;width:16.66%; background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #535353; text-align:center; box-sizing:border-box; display: flex; align-items: center;}
#p030200 .tab_list li.on{background-color:#fff; border-left:1px solid #00508f; border-top:1px solid #00508f; border-right:1px solid #00508f; border-bottom:none;}
#p030200 .tab_list li.on a{color:#00508f; font-weight:500;}
#p030200 .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:20px; color:#aaa;}
#p030200 .tab_list_con {margin-top: 50px;}
#p030200 .tab_list_con .cont{display:none;}
#p030200 .tab_list_con .cont.on{display:block;}

.p030300 .subT, .p030300 .subB {text-align: center;}
.p030300 .subT h3 {margin: 10px 0 40px 0;color: #555; font-weight: 400;}
.p030300 .s01, .p030300 .s02 {border:2px #00508f solid; width: 60%; display: inline-block;}
.p030300 .s01 { margin-bottom: 50px;}
.p030300 h4{ font-size:26px; margin-bottom:30px; padding-bottom:20px;}
.p030300 .area{padding:70px;}
.inquiry-con-wrapper{ margin-top:20px;}
.inquiry-con-wrapper dl{ display:flex; align-items: center; }
.inquiry-con-wrapper dl+dl{ margin-top:15px; padding-top:15px;border-top:1px #ebeef1 solid;}
.inquiry-con-wrapper dl dt{flex-basis: 200px; flex-shrink: 0; color:#777; font-weight:600; font-size:21px;}
.inquiry-con-wrapper dl dd{  flex-grow: 1; display:flex;align-items: center;}
.inquiry-con-wrapper dl dd input, .inquiry-con-wrapper dl dd select{ width:100%; background:none;outline: none;appearance: none; padding:10px 15px; border:none; box-sizing:border-box;background-color: #fafafa; color:#777;}
.inquiry-con-wrapper dl dd select{ position:relative; font-size:19px;}
.inquiry-con-wrapper dl dd .red {font-size: 24px; color:#ff2a19; font-weight: 500;}
.inquiry-con-wrapper .select-area{ position:relative; width:100%;}
.inquiry-con-wrapper .select-area i{ position:absolute; right:20px; top:50%; transform: translateY(-50%); font-size:15px;}
.p030300 .link {text-align: center; margin-top: 50px;}
.p030300 .link a {  font-size: 28px; background: #00508f; color: #fff;  display: inline-block; padding: 16px 130px; border-radius: 10px;}



.p040100 .subT {text-align: center;}
.p040100 .s01 {border:2px #00508f solid; padding: 50px 200px; margin-top: 50px;}
.p040100 .inquiry-con-wrapper dl dd input::placeholder{color:#ddd;}
.p040100 .inquiry-con-wrapper dl p a { background: #00508f; color: #fff; display: inline-block; padding:10px 50px; border-radius: 10px;}
.chk-wrapper {position: relative;display:flex ; align-items: center;}
.chk-wrapper label {display: block; padding: 10px 10px 10px 35px; cursor: pointer; font-size: 20px;}
.chk-wrapper input {position: absolute;left: 0;top:0;width: 20px;height: 20px;opacity: 0;}
.chk-wrapper input + label::before {content:'';position: absolute;top:50%;transform: translateY(-50%);left: 0;width: 20px;height: 20px;border: 1px solid #ccc;-webkit-box-sizing: border-box;box-sizing: border-box;}
.chk-wrapper input + label::after {content:"\e6e0"; font-family:xeicon; font-size:15px;position: absolute;top:50%;transform: translateY(-50%);left:3px;display: block;opacity: 0;;-webkit-box-sizing: border-box;box-sizing: border-box; color:#fff;}
.chk-wrapper input:checked + label::before {background:#014099; border-color:#014099;}
.chk-wrapper label a{ color:#014099; text-decoration-line: underline;}
.p040100 .link {text-align: center; margin-top: 50px;}
.p040100 .link a {  font-size: 28px; background: #00508f; color: #fff;  display: inline-block; padding: 16px 130px; border-radius: 10px;}


.p050200 .subT {text-align: center;}
.p050200 .s01 { background-color: #f8f8f8; padding: 50px 100px;}
.p050200 .inquiry-con-wrapper dl {display: block;}
.p050200 .inquiry-con-wrapper dl dt {margin-bottom: 10px;}
.p050200 .r_cont{ width:100%; background:none;outline: none;appearance: none; padding:10px 15px; border:none; box-sizing:border-box;background-color: #fafafa; color:#777; height: 130px; font-size: 17px;} 
.p050200 .link {text-align: center; margin-top: 50px;}
.p050200 .link a {  font-size: 28px; background: #00508f; color: #fff;  display: inline-block; padding: 16px 130px; border-radius: 10px;}
.p050200 .inquiry-con-wrapper dl dd input::placeholder, .p050200 .inquiry-con-wrapper dl dd textarea::placeholder{color:#ddd;}
.p050200 .inquiry-con-wrapper dl dd textarea{    width: 100%; background: none; outline: none; appearance: none; padding: 10px 15px;  border: none; box-sizing: border-box; background-color: #fff;}
.p050200 .inquiry-con-wrapper dl dd input, .p050200 .inquiry-con-wrapper dl dd select{ background-color: #fff;}


#p050300 {}
#p050300 .tab_list{ display:flex; margin: 50px 0;}
#p050300 .tab_list li{ list-style-type:none;width:16.66%; background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #535353; text-align:center; box-sizing:border-box; display: flex;}
#p050300 .tab_list li.on{background-color:#fff; border-left:1px solid #00508f; border-top:1px solid #00508f; border-right:1px solid #00508f; border-bottom:none;}
#p050300 .tab_list li.on a{color:#00508f; font-weight:600;}
#p050300 .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:20px; color:#aaa;}
#p050300 .tab_list_con {margin-top: 50px; }
#p050300 .tab_list_con .cont{display:none;}
#p050300 .tab_list_con .cont.on{display:block;}
.p050300 .s01 h4 {font-size: 30px;}
.p050300 .s01 h4:before { content: '•'; margin-right: 5px; }
.p050300 .s01 p {padding: 10px;font-size: 22px; color: #444;}
.p050300 .s01 .gray {color: #b6b6b6;  font-size: 20px;}



@media(max-width:1920px) {

	.h1{font-size:37px; line-height:43px;}
	.subContent{ padding-top:100px;}
	
	.p010100 .s01 {	margin: 0 300px;}
	.p010100 .s01 p a {font-size: 24px;}
	

	.p010200 table tr:nth-child(3) td {font-size: 27px;}
	.p010200 table th {font-size: 26px}


	.p010300 .dfbox p {width: 8%;padding: 22px 15px;margin: 0 15px; font-size: 20px;}

	.p010400 .s01 ul li strong {font-size: 20px;}
	.p010400 .s01 ul li p {font-size: 21px;	line-height: 32px;}


	.mapBox .s02 h2{ font-size:35px;}
	.mapBox .s02 .area{font-size:20px;}
	.mapBox .s03 a{width:150px; height:150px;}
	.root_daum_roughmap .wrap_map{height:570px !important;}
	

	.p020100 .s01 {margin-top: 42px;}
	.p020100 ul li {width: 30%;}
	.p020100 ul li a {font-size: 24px;}

	.p030100 .s01 {margin: 0 320px;}
	.p030100 .s02 {width: 31%; margin: 80px 10px;}
	.p030100 .s02 .s02_1 {font-size: 23px;}
	.p030100 .s01 p a {	font-size: 24px;}


	.p050300 .s01 h4 {font-size: 25px;}

}


@media(max-width:1400px) {
	.p010100 .s01, .p030100 .s01{  margin: 0 150px;  }
	
	.p010300 .dfbox p { width: 9%;  padding: 22px 0px;}

	.p010400 .s01 ul {gap: 0 5px;}
	.p010400 .s01 ul li {width: calc((100% / 4) - 15px);}

	.p020100 ul li a {padding: 16px 72px;}

	.p030100 .s02 .s02_1 { font-size: 20px; }

	.p030300 .subT h1 { margin-bottom: 24px;}
	.p030300 .link a {font-size: 23px;}


}


@media(max-width:1280px) {
	.root_daum_roughmap .wrap_map{height:470px !important;}
	.mapBox{ margin:0 10px;}
	
	.h1{ font-size:30px; line-height:37px;}
	.h1 br{ display:none;}
	
	#sub{ padding-bottom:100px;}
	#sub .sub-visual{align-items:center; }
	#sub .sub-visual .svTxt{ padding:0 10px 70px 10px; text-align:center;}
	
	#sub .sub-visual .sMenu{ display:none;}
	.suCtxt{ text-align:center;}
	
	.p010100 .s01, .p030100 .s01 { margin: 0; }

	.p010100 .s02 ul {	margin: 80px 0px;}
	.p010100 .s01 h1 br{ display:none;}
	.p010100 .s01, .p010100 .s02{ padding:0 10px;}
	.p010100 .s03{ padding:100px 10px;}
	
	.p010200, .p010300{ padding:0 10px;}

	.p010200 table tr:nth-child(3) td { font-size: 24px; }

	.p010300 .s01 p{ font-size:20px;}
	.p010300 .s01 h3 { padding: 20px;}
	.p010300 .dfbox p { margin: 0 5px; width: 11%;}
	.p010300 .dfbox img {width: 1.2%;}

    .p010400 .s01 ul li strong { height: 5%;}

    .p020100 ul li {  width: 37%; }
	.p020100 ul li p {font-size: 20px;}
    .p020100 ul li a { padding: 16px 65px; }
	
	.p030100 .s02 .s02_2 .ul li {margin: 0 50px;}
	.p030100 .s02 .s02_2 .ul li img {width: 18%;}
    .p030100 .s02 .s02_1 { height: 40px;}
	.p030100 .s02 .s02_2 {padding: 20px 0;}

	.p030300 .s01, .p030300 .s02 {width: 80%;}

	#p050300 .tab_list li {width: 25%;}
}


@media all and (max-width : 1024px){
	
	.p020200 ul li div{ padding:50px 30px;}

	#p050300 .tab_list { gap: 0; }

    .p010400 .s01 ul li p {  font-size: 19px;}

	.p030100 .s02 { width: 30%;}
    .p030100 .s02 .s02_2 .ul li {  margin: 0 30px; }

	.p030300 .s01 {margin-bottom: 20px;}

}


@media all and (max-width : 960px){
	.mapBox .s03{ position:relative; margin-top:30px;}
	.mapBox .s03 a{ position:relative;border-radius:10px; width:calc((100% / 2) - 10px); justify-content: flex-start; height: 100px;}
	.mapBox .s03 a p{ display:flex;align-items: center; padding-left:20px;}
	.mapBox .s03 a .icon{ margin-right:10px;}
	.mapBox .s03 a .arrow{ position:absolute; top:50%; right:20px;  transform: translateY(-50%);}	
	
	#sub .sub-visual{ height:370px;}
	#sub .sub-visual .svTxt h2{ font-size:37px;}
	#sub .sub-visual .svTxt p{ font-size:20px}
	#sub .sub-visual .svTxt p br{ display:none;}
	
	
	.p010100 .s01 h1{ font-size:25px; line-height:35px;}
	
	
	.p010100 .s03 dl{ display:block;}
	.p010100 .s03 dl dt{ padding-bottom:10px;}
	.p010100 .s03 dl dt br{ display:none;}
	
	
	.p010200 .s02 dl dd{ margin-left:50px}
	
	
	.p020100 dl{ display:block;}
	.p020100 dl dt{ padding:100px 0;}
	.p020100 dl dd{ padding:30px 10px;}
	.p020100 .area+.area{ margin-top:100px;}
	.p020100 .s05{ padding-bottom:100px;}
	
	
	.p020200 ul li {width: calc((100% / 2) - 1px);}
	
	.p020400 dl{ display:block;}
	
}


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

	.subContent { padding-top: 70px; }
	#sub h1 { font-size: 32px; }

	.p010100 .s01 p a {padding: 16px 80px; font-size: 20px;	}
	.p010100 h2 {font-size: 26px;}
	.p010100 .s02 ul li img{width: 50%;}

	.p010100 .s02 ul{gap:20px 0;}
	.p010100 .s02 ul li{ width:100%;}
	
	
	.p020400 h1{ text-align:center; padding:20px 0;}
	.p020400 .area{ display:block; padding:30px;}
	.p020400 .area div{ width:100%; padding:0;}
	.p020400 .area div + div{ margin:30px 0 0 0; padding:0; border:none;}
	
	.p010200 table tbody {width: 100%;}
	.p010200 table th, .p010200 table td {padding: 5px; font-size: 16px;}
	.p010200 table tr:nth-child(3) td { font-size: 17px;}

    .p010200, .p010300 {  padding: 0; }

	.p010300 .dfbox {flex-wrap: wrap;}
    .p010300 .dfbox p {margin-bottom: 5px; width: 16%;}

	.p010400 .s01 ul { display: block; }
    .p010400 .s01 ul li { width: 95%; margin-bottom: 10px;  background-size: cover;}
    .p010400 .s01 ul li p { line-height: 30px;padding: 10px 0;}
	.p010400 .s01 ul li strong {padding: 18px 0;}

    .p020100 ul li { width: 42%; padding: 50px 10px;}
    .p020100 ul li p { font-size: 17px;  }
	.p020100 ul li a {font-size: 20px; padding: 16px 40px; }
	.p020100 ul li strong {font-size: 26px;}

	.p030100 .s01 { margin-bottom: 20px;}
	.p030100 .s01 p a {font-size: 20px; padding: 16px 80px;}
	.p030100 .s02 { width: 95%;  margin: 10px; }
    .p030100 .s02 .s02_1 {  height: 20%; }


	#p030200 .tab_list li {width: 30%;}
	
	.p030300 .area { padding: 40px 0;}
    .p030300 .s01, .p030300 .s02 {   width: 95%;  }

	.p040100 .s01, .p050200 .s01 {padding: 50px 40px;}
	.p040100 .inquiry-con-wrapper dl dt {flex-basis: 25%;}
	.p040100 .inquiry-con-wrapper dl dt {	font-size: 19px;}

	#p050300 .tab_list li { width: 32%;}
}

@media all and (max-width : 480px){
	.root_daum_roughmap .wrap_map{height:300px !important;}
	.mapBox .s02 h2{ font-size:25px;}
	.mapBox .s02 .area{ display:block;}
	.mapBox .s02 .area p + p { margin-left:0px;}
	.mapBox .s03 a{ height:70px;}
	
	.p010100 .s03 ul{gap:10px;}
	.p010100 .s03 ul li{width:100%;}
	
	.p010200 .s02 dl{ display:block;}
	.p010200 .s02 dl dd{ margin:50px 0 0 0;}
	
	.p010300 .s02{ padding:20px;}
	
	.p020100 dt{ font-size:35px;}
	.p020100 ul{gap:0 10px;}
	.p020100 ul li {width: calc((100% / 3) - 7px);}
}