@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; border-radius: 20px; margin-top: 25px; }
#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 .six{ background-image:url(../img/sub/sub-visual6.jpg);}
#sub .seven{ background-image:url(../img/sub/sub-visual7.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; border-radius: 20px 20px 0 0;}
#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:#0072bc;color:#fff; font-weight: 500;}
.subContent{ padding-top:130px;word-break:keep-all; font-size: 21px;  letter-spacing: -1px;}

.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;}

.prepare{ text-align: center; border: 1px solid #e2e2e2;  padding: 75px;  border-radius: 30px;}

.dl{ display:flex;}
.dl2{ display:flex;}
.dl dt{flex-shrink: 0;}
.dl dd{flex-grow: 1;}

.df{ display:flex; flex-wrap: wrap; }

@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 */
.p010100 {}
.p010100 .s01 {font-weight: 300;  line-height: 150%;  text-align: justify;}
.p010100 .s01 p {margin-bottom: 22px;}
.p010100 .s02 p { text-align: right; margin-top: 35px;  font-size: 18px; }
.p010100 .s02 img { width: 10%; margin-bottom: 5px;}


/* p010200 */
.p010200 dl{ border-bottom:1px dotted #ccc; padding-bottom:50px;}
.p010200 dl+dl{ margin-top:50px;}
.p010200 dt{position:relative;flex-basis:17%; font-size:65px; font-weight:700;}
.p010200 dd{ letter-spacing:-1px; margin-left:110px; padding-top:17px; font-size: 20px;}
.p010200 dd span{  font-size:25px; padding-right:20px; color:#0072bc;}
.p010200 dt:before{ content:''; position:absolute; top:30px; right:-50px; width:120px; height:1px; border-top:1px #0072bc solid; }
.p010200 dd ul+ul{ margin-top:30px;}
.p010200 dd ul li p{ line-height:27px;}
.p010200 dd ul li p strong{display: block; position: relative; padding-left: 25px;}
.p010200 dd ul li p strong::before{ content: ''; margin-right: 5px; width: 12px; height: 12px; position: absolute;  top: 25%;left: 0; background-image: url(../img/common/diamond.png);}


/* p010300 */
.p010300 dl dt{flex-basis:20%; font-size:37px; font-weight:600;}
.p010300 dl dt strong{font-size:60px; font-weight:800; color:#0072bc; letter-spacing: -3px;  margin-right: 2%;}
.p010300 dl {margin-top:100px; }
.p010300 dl+dl{ padding-top:100px; border-top:1px #ddd dotted;}
.p010300 dl dd ul li span{ color:#0072bc;}
.p010300 ul p{ color:#555; margin-left: 3%;  margin-top: 7px; margin-bottom: 7px;}
.p010300 ul p span{display: block;}
.p010300 ul li{  color: #222; font-weight: 500; font-size: 22px;}

.list-wrap li{ position:relative; padding-left:20px;}
.list-wrap li+li{ margin-top:9px;}
.list-wrap li:before{ content:'-'; position:absolute; top:0; left:0; color:#ccc}



/* p010400 */
.p010400 dl dt{flex-basis:20%; font-size:37px; font-weight:600;}
.p010400 dl dt strong{font-size:60px; font-weight:800; color:#0072bc; letter-spacing: -3px;  margin-right: 2%;}
.p010400 dl {margin-top:100px; }
.p010400 dl+dl{ padding-top:100px; border-top:1px #ddd dotted;}
.p010400 dl dd img{width: 100%;}
.p010400 dl dd ul li span{ color:#0072bc;}
.p010400 ul p{ color:#555; margin-left: 3%;  margin-top: 7px; margin-bottom: 7px;}
.p010400 ul p span{display: block;}
.p010400 ul li{  color: #222; font-weight: 500; font-size: 22px;}

/* p010500 */
.p010500{ text-align:center; margin:0 10%; font-size:25px;}
.p010500 span{ position:relative; padding:30px 0; width:300px;  color:#fff; border-radius:17px; display:inline-block;}
.p010500 .step01,.p010500 .step02,.p010500 .step04 { display:flex;justify-content: center; }
.p010500 .step01 span{ width:30%; height:200px; display:flex; align-items: center;justify-content: center;color:#fff; background:#004a80; border-radius:30px; font-size:30px;padding:0;}
.p010500 .step01 span:before{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%);  width:1px; height:715px; border-left:1px #ddd solid; z-index:-1;}
.p010500 .step02 {position:relative; padding:30px 0; margin-bottom:30px;}
.p010500 .step02 span{ width:30%; height:200px;  display:flex; align-items: center;justify-content: center;color:#fff; background:#0072bc; border-radius:30px;  font-size:30px;padding:0;}
.p010500 .step02 span:before{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%);  width:1px; height:545px; border-left:1px #ddd solid; z-index:-1;}
.p010500 .step03, .p010500 .step05{position:relative;padding:30px 0;margin-bottom:30px;}
.p010500 .step03{display:flex; justify-content: space-between; align-items: center;}
.p010500 .step03 span{ background:#c15153;}
.p010500 .step03:before{ content:''; position:absolute; top:50%;transform: translateY(-50%); left:0; width:100%; height:1px; border-top:1px #ddd solid; }
.p010500 .step04 {position:relative; padding:30px 0; margin-bottom:30px;}
.p010500 .step04 span{ background:#099;}
.p010500 .step04 span:before{ content:''; position:absolute; top:0; left:50%;transform: translateX(-50%);  width:1px; height:225px; border-left:1px #ddd solid; z-index:-1;}
.p010500 .step05{display:flex; justify-content: space-between; align-items: center;}
.p010500 .step05 span{ background:#d88846;}
.p010500 .step05:before{ content:''; position:absolute; top:50%;transform: translateY(-50%); left:0; width:100%; height:1px; border-top:1px #ddd solid; }



/* p010600 */
.p010600 {margin: 0 auto;}
.p010600 .s01{ margin-bottom:70px;} 
.p010600 .s02 { position:relative;}
.p010600 .s02 h2{ font-size:40px; font-weight:700; border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p010600 .s02 .area{ display: flex; font-weight:600; font-size:25px;}
.p010600 .s02 .area p+p{ margin-left:50px;}
.p010600 .s02 .area p span{ color:#777; padding-right:15px;}
.p010600 .s03{ position:absolute; right:0; top:0; display:flex;}
.p010600 .s03 a{ display:flex;align-items: center;justify-content: center; width:170px; height:170px; border:1px dashed #a7a7a7; background:#fff; border-radius:50%; text-align:center;transition: all 0.3s; cursor:pointer;}
.p010600 .s03 a+a{ margin-left:20px;}
.p010600 .s03 a .icon{ font-size:30px;}
.p010600 .s03 a span{ display:block; margin:5px 0;}
.p010600 .s03 a .arrow{ color:#999;}
.p010600 .s03 a:hover{ background:#0072bc; color:#fff;}
.p010600 .s03 a:hover .arrow{ color:#fff; opacity:0.5;}


.root_daum_roughmap{ width:100% !important; }
.root_daum_roughmap .wrap_map{height:700px !important;}



/* p020100 */
#p020100{/* margin-bottom:150px; */padding-bottom:100px;}
.p020100{}
.p020100 .content{margin-top: 20px;}
.p020100:after{display:block; clear:both; content:"";}
/* support */
.support .tab_list{overflow:hidden;}
.support .tab_list li{float:left; width: calc(100% / 7); background-color:#f9f9f9; border-top:1px solid #eaeaea; border-bottom:1px solid #535353; text-align:center; box-sizing:border-box;}
.support .tab_list li.on{background-color:#fff; border-left:1px solid #535353; border-top:1px solid #535353; border-right:1px solid #535353; border-bottom:none;}
.support .tab_list li.on a{color:#fff; font-weight:500; background-color: #0072bc; border-bottom: 1px solid #0072bc;}
.support .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:20px; color:#aaa;}
/* accordion tab */
.faq_section{margin-bottom:0; padding-top:0!important;}
.faq_section ul{border-top:2px solid #2992c7;}
.faq_section ul li > a{display: flex; align-items: center; padding-left:20px; border-bottom:1px solid #aaa; padding: 20px; font-size:16px; font-weight:400;}
.faq_section ul li > a h2{    flex-basis: 16%; flex-shrink: 0;}
.faq_section ul li > a h2 strong{}
.faq_section ul li > a > div { flex-grow: 1; border-left: 1px solid #aaa; padding-left: 50px; }
.faq_section ul li > a > div p{ line-height: 35px; font-size: 18px}
.faq_section ul li div.faq_cont{display:none; position:relative; padding:40px 72px 40px 40px; font-size:15px; color:#888; background-color:#efefef; overflow:hidden;}
.faq_section ul li div.faq_cont.on{display:block;}
.faq_section ul li div.faq_cont>div {display: flex;}
.faq_section ul li div .answer{margin-right:20px; font-size:19px; font-weight:600; color:#1c87d0; flex-basis: 15%;  flex-shrink: 0;}
.faq_section ul li div .cont{}
.faq_section ul li div .cont2 {flex-grow: 1;}
.faq_section ul li div .cont2 p{font-size: 16px;}
/* faq */
.faq .faq_section ul{border-top:none;}
.faq .faq_section .cont{display:none;}
.faq .faq_section .cont.on{display:block;}


/* p020200 */
.p020200 .s01{}	
.p020200 .s01 h1{ font-weight:700; font-size:55px; color:#0072bc; display: flex; align-items: flex-end;} 
.p020200 .s01 h1 span{ font-size:40px; }
.p020200 .s01 h1 a { background: #0072bc;  color: #fff;  font-size: 22px;  padding: 13px 25px;  border-radius: 50px; margin-left: 30px;}
.p020200 .s01 h2{ font-weight:700; font-size:35px; margin-bottom:20px;} 
.p020200 .s01 p{ font-size:25px; margin-top:10px; line-height: 45px;}
.p020200 .s01 dl{border-top:2px #333 solid; border-bottom:1px solid rgb(0,0,0,0.5); margin:30px 0; padding:30px 0;}
.p020200 .s01 .dl{ }
.p020200 .s01 .dl2{ border-top:none; padding: 0 0 30px 0;}
.p020200 .s01 dl dt{  flex-basis:20%; font-size:29px; font-weight:600;}
.p020200 .s01 dl dd{ line-height:30px;}
.p020200 .s01 dl dd ul li{font-size: 24px;    line-height: 46px;}
.p020200 .s01 dl dd ul li strong{ font-weight: 600; background: #efefef;  padding: 3px 30px; border-radius: 50px; font-size: 20px; margin-bottom: 10px;  display: inline-block; margin-right: 20px;}
.p020200 .s01 dl dd ul li p{    font-size: 22px; line-height: 35px; margin-bottom: 15px;}
.p020200 .s01 p strong{ color:#0072bc; font-weight:600; margin-bottom:10px;}
.p020200 .s01 img{ width:100%; margin-bottom:50px; border-radius: 16px;}




/* p030200 */
.p030200 { text-align: center;}
.p030200 a p{background: #0072bc;  padding: 33px 70px;  display: inline-block;  color: #fff;  font-size: 30px;  font-weight: 600;  border-radius: 100px;  margin-bottom: 40px;}
.p030200 p {color: #333; font-size: 22px; margin-bottom: 6px;}

/* p030300 */
.p030300 { text-align: center;}
.p030300 a p{ background: #0072bc;  padding: 33px 70px;  display: inline-block;  color: #fff;  font-size: 30px;  font-weight: 600;  border-radius: 100px;  margin-bottom: 40px;}
.p030300 .s01{margin-bottom: 60px;}
.p030300 .s01>div p{color: #555; font-size: 22px; margin-bottom: 6px;}
.p030300 .s01>div span{margin-top:10px; color: #777; font-size: 20px; display: block;}
.p030300 .s02{}
.p030300 .s02 ul{ display: flex;     gap: 30px}
.p030300 .s02 ul li{background: #f8f9fa; width: calc(100% / 5); border: 1px solid #009bc7; padding: 50px; border-radius: 20px; text-align: center;}
.p030300 .s02 ul li p{font-size: 26px; font-weight: 600; color: #0072bc;  margin-bottom: 15px;}
.p030300 .s02 ul li span{ font-size: 20px;  color: #333;}


/* p030400 */
.p030400 {text-align: center;}
.p030400 .s01{margin-bottom: 60px;}
.p030400 .s01>div p{color: #555; font-size: 22px;}
.p030400 .s01>div span{margin-top:10px; color: #777; font-size: 20px; display: block;}
.p030400 .s02{}
.p030400 .s02 ul{ display: flex;     gap: 30px}
.p030400 .s02 ul li{background: #f8f9fa; width: calc(100% / 5); border: 1px solid #009bc7; padding: 50px; border-radius: 20px; text-align: center;}
.p030400 .s02 ul li p{font-size: 26px; font-weight: 600; color: #0072bc;  margin-bottom: 15px;}
.p030400 .s02 ul li span{ font-size: 20px;  color: #333;}



/* p060200 */
.p060200 .main_sect .main_sec_tit {text-align: center; margin: 30px;}
.p060200 .main_schedule_table_calendar {border-collapse: collapse; font-size: 20px;  width: 100%;  user-select: none; height: auto; }

.p060200 .main_schedule { display: flex;}
.p060200 .main_schedule_cont{ flex-basis: 30%; flex-shrink: 0;}
.p060200 .main_schedule_calendar {position: relative; flex: 0 0 472px;  width: 0; display: flex; justify-content: center;  padding: 0 92px;}
.p060200 .main_schedule_block_day {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 5px;}

.p060200 .main_schedule_block_headweek{ padding: 12px 0; font-weight: 600;}
.p060200 .main_schedule_card_day { position: relative; width: 45px; height: 45px;  border-radius: 5px; display: flex; justify-content: center;  align-items: center; font-size: 18px; letter-spacing: 0; background: none;}
.p060200 .main_schedule_card_day.day_today {background-color: #0072bc; color: #fff !important; border-width: 0;}
.p060200 .main_schedule_card_day.day_event::before {content: ''; position: absolute; right: 4px; top: 6px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #E24C4C;}
.p060200 .main_schedule_card_day.day_select{border: 1px solid #FFB758; }

.p060200 .main_schedule_card_day.day_sun {color: #E24C4C;}
.p060200 .main_schedule_card_day.day_sat {color: #377BE1;}

.p060200 .main_schedule_evnet { border-radius: 10px; display: flex; gap: 0 25px; padding: 20px 25px 15px; }
.p060200 .main_schedule_evnet .select { border: 2px solid #CD637C;}

.p060200 th[colspan="7"] {  text-align: center; text-transform: uppercase;  font-weight: normal; font-size: 26px;}
.p060200 .main_schedule_table_calendar .item-header { position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%;  height: auto;  overflow: hidden; margin: 23px auto 0 auto;}
.p060200 .main_schedule_table_calendar .item-header .c01 {  display: flex;  font-size: 50px; color: #333; font-weight: 500;}
.p060200 .main_schedule_table_calendar .item-header .c02 {margin-left: 12px;}
.p060200 .main_schedule_table_calendar  .item-header .c02 .year {font-family: 'Roboto'; display: flex; font-size: 12px; color: #e2e2e2; font-weight: bold;}
.p060200 .main_schedule_table_calendar .item-header .c02 .month {display: flex; font-size: 20px;  color: #e2e2e2; font-weight: bold;}
.p060200 .main_schedule_table_calendar .item-header .calendarbtn{ position: absolute; right: 0;}
.p060200 .main_schedule_table_calendar .item-header .calendarbtn a{color: #004a80;}
.p060200 .main_schedule_table_calendar .c_week{border-bottom: 1px solid #ddd;  }
.p060200 .main_schedule_table_calendar .c_week .c_block_day_headweek{ display: flex; justify-content: center;}
.p060200 .main_schedule_table_calendar .c_week .c_block_day{ width: 100%; height: 100%; display: flex;justify-content: center;  align-items: center;  padding: 5px 0; }

.p060200  .main_schedule_event {width: 100%; display: flex; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 20px; margin-left: 25px;}
.p060200  .main_schedule_events_wrap {flex-grow: 1; padding-left: 50px;}
.p060200  .main_schedule_event_date .date {float: left;  font-family: 'Roboto'; font-weight: bold; height: auto; overflow: hidden;  font-size: 20px; color: #555;}
.p060200  .main_schedule_event_card {display: flex; margin-bottom: 18px;}
.p060200  .main_schedule_event_cate > .txt { border-radius: 5px; padding: 5px 15px; font-size: 17px; letter-spacing: -0.8px; color: #fff; font-weight: 400; margin: 7px 10px 0 20px; background: #0072bc;}
.p060200  .main_schedule_event_tits { color: #444; letter-spacing: -0.9px;   font-size: 19px;   font-weight: 300;}
.p060200  .main_schedule_event_tit span {font-weight: 200; letter-spacing: 0.5px;}
.p060200  .main_schedule_event_btn {display: block; width: 410px;  height: 49px; line-height: 45px; border-radius: 6px; background: #caa993; position: absolute;  bottom: 204px; right: 53px; text-align: center;}
.p060200  .main_schedule_event_btn span {display: inline-block;  position: relative; font-size: 17px; color: #555; padding-left: 24px;}
.p060200  .main_schedule_event_btn span::after{display: inline-block; position: relative; content: ''; margin-left: 10px; vertical-align: middle;  width: 10px; height: 9px; }

/* p060100 - 250424 추가*/
.p060100 {}
.p060100 .board_head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.p060100 .board_head .bh_left{}
.p060100 .board_head .bh_right{    display: flex;}
.p060100 .board_head .bh_right button{background: #0072bc; padding: 10px; color: #fff; font-weight: 500;font-size: 16px; border-radius: 10px;  margin-left: 5px;}
.search_box {
    /* width: 100%; */
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 10px;
}
/* p060100 - 250424 추가 끝*/




@media(max-width:1920px) {

	.p010200 dt:before {width: 90px;}

    .p030300 .s02 ul, .p030400 .s02 ul{ gap: 10px; flex-wrap: wrap; justify-content: center;}


	.p020200 .s01 h1{font-size:45px;} 
	.p020200 .s01 h1 span{ font-size:35px;}
	.p020200 .s01 h2{font-size:30px} 
	.p020200 .s01 p{ font-size:21px;}



}


@media(max-width:1400px) {

	

	.p010500{ margin:0;}
	.p010500 .step01 span,.p010500 .step02 span  {width: 40%; height: 155px; font-size: 24px;}
	.p010500 {font-size: 20px;}
    .p010500 .step01 span:before{height: 670px;}
	.p010500 .step02 span:before {height: 0px;}
	.p010500 .step04 span:before {height: 0;}

	.p010600 .s03 {position: unset; justify-content: flex-end;}




}


@media(max-width:1280px) {
	.root_daum_roughmap .wrap_map{height:470px !important;}
	.mapBox{ margin:0 10px;}
	
	#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;}
	
	.p010200 dt:before {width: 50px;}

	.p020200 .s01{ padding:0 15px;} 
	.p020200 .s01{ margin-top:50px;}

}


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

	#sub .sub-visual{margin-top: 0;}


	.p020100 .faq_section ul li > a h2 {flex-basis: 26%; font-size: 20px;}
	.p020100 .faq_section ul li > a > div {padding-left: 20px;}
	.support .tab_list li a {font-size: 16px;}
	.p020100 .faq_section ul li > a > div p {line-height: 30px; font-size: 16px;}
	.p020100 .faq_section ul li div .answer {font-size: 16px;flex-basis: 20%;}
	.p020100 .faq_section ul li div .cont2 p {font-size: 14px;line-height: 21px;}


	.p060200  .main_schedule_events_wrap {padding-left: 0px;}
	.p060200  .main_schedule_event_tits {font-size: 17px;}
	.p060200 .main_schedule_event_cate > .txt {font-size: 15px;}
}


@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%);}	


	.p010500 .step01 span, .p010500 .step02 span {  width: 70%; height: 135px;}

	.p020200 .s01 h1 { font-size: 36px; display: grid; margin-bottom: 10px ! important;}
	.p020200 .s01 h1 span { font-size: 26px;}
	.p020200 .s01 h1 a {margin-left: 0;  font-size: 18px;   text-align: center;}
	.p020200 .s01 dl dt {font-size: 24px; margin-bottom: 5px;}
	.p020200 .s01 dl dd ul li {  font-size: 20px; line-height: 35px;}
	.p020200 .s01 img {border-radius: 4px;}
	.dl, .dl2 { display: block;}
    
}


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

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


    #sub .sub-visual {height: 300px; }
	#sub .sub-visual .svTxt h2 { font-size: 40px;}
	#sub .sub-visual .svTxt p { font-size: 19px; }
    #sub .sub-visual .svTxt { padding: 0;}


	.p010100 .s02 img { width: 25%;}

	
	.p010200 dd ul li p, .p010300 ul li, .p010300 ul p, .p030200 p, .p030300 .s01>div p,.p030300 .s02 ul li span, .p030400 .s01>div p,.p030400 .s02 ul li span {font-size: 16px; line-height: 24px;}
	.p010200 dt {font-size: 40px;}
	.p010200 dd {margin-left: 25px; padding-top: 10px;}
	.p010200 dd span {font-size: 20px;}
	.p010200 dt:before {display: none;}
	.p010200 dl+dl {margin-top: 30px;}
	.p010200 dl {padding-bottom: 30px;}


	.p010300 dl {margin-top: 55px;}
	.p010300 dl dt strong, .p010400 dl dt strong {font-size: 40px;}
	.p010300 dl dt, .p010400 dl dt {font-size: 30px;}

	.p010400 dl {margin-top: 55px; display: block;}

	.p010500 .step01 span, .p010500 .step02 span {  width: 70%; height: 100px;}
	.p010500 .step01 span, .p010500 .step02 span { font-size: 20px;}
	.p010500 span {	width: 40%;}
	.p010500 .step01 span:before {height: 520px;}
	.p010500 .step02,.p010500 .step03,.p010500 .step04 {margin-bottom: 10px;}

	.p010600 .s02 h2 {font-size: 24px;}
	.p010600 .s02 .area {font-size: 18px; display: block;}
	.p010600 .s03 { margin-top: 20px;}
	.p010600 .s03 a {width: 120px; height: 120px;}
	.p010600 .s03 a span {font-size: 17px;}
	.p010600 .s02 .area p+p {margin: 0;}

    .p020100 .faq_section ul li > a h2 {  font-size: 16px;}
    .p020100 .faq_section ul li > a > div p { line-height: 25px;  font-size: 15px;}
    .p020100 .faq_section ul li div .answer { font-size: 15px;}
    .p020100 .faq_section ul li div.faq_cont {padding: 25px;}

    .p020200 .s01 { margin: 70px 0;}
	.p020200 .s01 img {margin-bottom: 22px;}
	.p020200 .s01 h1{ font-size:35px;}
	.p020200 .s01 h1 span{ display:block; font-size:25px;}	
	.p020200 .s01 h2{ font-size:25px;}
	.p020200 .s01 p, 	.p020200 .s01 dl dd ul li, .p020200 .s01 dl dd ul li p{ font-size:18px; line-height: 26px;}
	.p020200 .s01 dl dd ul li p { margin-bottom: 0;}
	.p020200 .s01 dl dt{flex-basis:27%;}
	.p020200 .s01 dl dd{ line-height:10px;}


	.p030200 a p, .p030300 a p {	padding: 25px; font-size: 22px; letter-spacing: -1px;}

	.p030300 .s01>div span,.p030400 .s01>div span {font-size: 15px;}
	.p030300 .s02 ul, .p030400 .s02 ul {display: block;}
	.p030300 .s02 ul li, .p030400 .s02 ul li {width: 100%; padding: 30px 0; margin-bottom: 12px;}
	.p030300 .s02 ul li p, .p030400 .s02 ul li p {	font-size: 22px;}
	 
	.p060200 .main_schedule {display: block;}
	.p060200 .main_schedule_events_wrap { margin-top: 30px;}
	.p060200 .main_schedule_event {margin: 0; padding: 0; padding-bottom: 15px;  margin-bottom: 15px;}
	.p060200 .main_schedule_event_cate > .txt {	margin: 7px 10px 0 0px;}
}

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

    #sub .sub-visual {height: 250px; }
    #sub .sub-visual .svTxt h2 { font-size: 30px; }
	#sub .sub-visual .svTxt p { font-size: 17px; }

}

@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;}

}