@charset "utf-8"; 

/* common */


/* ---------------------------------- */

.box-style1{padding:25px 25px; margin-bottom: 45px; background:#fdfaf4; border-radius:0; color: #333; line-height: 180%; font-size: 1.05rem;  letter-spacing: -.5px; align-items: center;}
.box-style1.dflex{display: flex; }
.box-style1 .box-style1-icon{width: 100px; margin-right: 30px;}

.h4-style1{margin-top: 50px; margin-bottom: 30px; font-size: 23px; color: #b9845d; font-weight: 600;}
.h4-style1 small{color: #333;}
.h4-style2{margin-top: 50px; font-weight:500; font-size:26px; color:#b9845d; text-align: left; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
.h4-style2 small{color: #666; font-size: 65%; padding-left: 10px}

.h5-style1{margin-top: 30px; margin-bottom: 15px; font-size: 20px; color: #b9845d; font-weight: 600;}
.h5-style2{margin-top: 30px; margin-bottom: 15px; font-size: 20px; color: #222; font-weight: 600;}

.bullet{position: relative;	padding-left: 13px;  text-align: left !important;}
.bullet::before{content: '·'; position: absolute; left: 0; top: 0; font-weight: 600;}

.ul-style1 { margin: 0 0 0 20px; padding:0;  }
.ul-style1 li {list-style: circle; text-align: left !important; line-height: 180%; margin-bottom: 10px; }

.ol-style1 { margin: 0 0 0 20px; padding:0;  }
.ol-style1 li { text-align: left !important; line-height: 180%; margin-bottom: 10px; }
.ol-style1 li ul li { text-align: left !important; line-height: 180%; margin-bottom: 10px; }

.ul-table2 { margin:0; padding:0; list-style:none; border-top:2px solid #000; display:block; overflow:hidden; }
.ul-table2>li { margin:0; padding:20px 25px; width:50%; display:block; float:left; border-bottom:1px solid #d7d7d7; height:200px; position:relative; }
.ul-table2>li .img { position:absolute; left:25px; top:40px; }
.ul-table2>li .text { padding:20px 0 0 150px; }
.ul-table2>li .text h4 { color:#b9845d; font-weight: 700; font-size: 1.2rem;}
.ul-table2>li:nth-child(odd) { border-right:1px solid #d7d7d7; }
@media (max-width: 991px) {
 .box-style1 { flex-direction: column; text-align: center; }
 .box-style1 .box-style1-icon { margin: 0 auto 20px; }
.ul-table2>li { width:100%; float:none; height:auto; min-height:240px; }
.ul-table2>li:nth-child(odd) { border-right:0; }
.br-mo{display: block !important;}		
	
.h4-style1{margin-top: 50px; margin-bottom: 30px; font-size: 23px; color: #b9845d; font-weight: 600;}
.h4-style1 small{color: #333;}
.h4-style2{margin-top: 40px; font-weight:500; font-size:20px; color:#b9845d; text-align: left; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
.h4-style2 small{color: #666; font-size: 65%; padding-left: 10px}	

.h5-style1{margin-top: 30px; margin-bottom: 15px; font-size: 17px; color: #b9845d; font-weight: 600;}
.h5-style2{margin-top: 30px; margin-bottom: 15px; font-size: 17px; color: #222; font-weight: 600;}	
}
@media (max-width: 421px) {
.ul-table2>li .img { display:none; }
.ul-table2>li .text { padding:0; }
.ul-table2>li { width:100%; float:none; height:auto; min-height:auto; }
}

h3.content-title{color:#222529; font-size:38px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 80px; display: block; width: 100%;}
h4.h4Style1 {border-top: 2px solid #7f7f7f; position: relative; padding: 35px 0 35px 87px; font-size: 27px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h4.h4Style1:before {content: ""; position: absolute; top: 50%; margin-top: -15px; left: 40px; width: 36px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}
h4.h4Style2{font-weight:500; font-size:28px; color:#222; margin-top: 0; text-align: left; padding-bottom:15px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
.ulStyle1 { text-align: left;  margin: 0;}
.ulStyle1 li{list-style: circle; text-align: left !important; line-height: 250%;}
.ulStyle4 { clear:both; margin:0; padding:40px 40px; list-style:none; overflow:hidden; background:#f6f6f6; }
.ulStyle4 li { margin:0; padding:15px 0 15px 30px; background:url(/img/iconUl.gif) no-repeat left 25px; border-bottom:1px dotted #c6c6c6; font-size: 17px;  }

.gray-box {padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1 {position: relative; padding: 0 10px; font-size: 17.5px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}
.gray-box .p1 span{font-size: 15px; color: #214399;}


@media (max-width: 1020px) { 
h3.content-title{color:#222529; font-size:18px; font-weight:500; letter-spacing:-0.6px; text-align: center; margin-bottom: 30px; display: block; width: 100%;}
h4.h4Style1 {border-top: 2px solid #7f7f7f; position: relative; padding: 25px 0 25px 67px; font-size: 22px; font-weight: 600; color: #222; letter-spacing: -0.25px; line-height: 1.3;}
h4.h4Style1:before {content: ""; position: absolute; top: 50%; margin-top: -17px; left: 20px; width: 32px;  height: 31px; background: url(/assets/img/title-icon.png) center/contain no-repeat;}
h4.h4Style2{font-weight:400; font-size:22px; color:#222; margin-top: 30px; text-align: left;}

.ulStyle4 { clear:both; margin:0; padding:20px 20px; list-style:none; overflow:hidden; background:#f6f6f6; }
.ulStyle4 li { margin:0; padding:15px 0 15px 30px; background:url(/img/iconUl.gif) no-repeat left 25px; border-bottom:1px dotted #c6c6c6; font-size: 15px;  }	
.gray-box {padding: 30px 20px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1 {position: relative; padding: 0 10px; font-size: 16px; font-weight: 400; color: #333; letter-spacing: 0; line-height: 2.05; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gray-box .p1:before {content: ""; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background-color: #000;}
.gray-box .p1 span{font-size: 14px; color: #214399;}
}

.process{display: flex; justify-content: space-between;}
.process .p-box{ padding:20px; position: relative; text-align: center; border-radius: 20px; background: #d6e2f7;  }
.process .p-box::before{content: ''; position: absolute; top: 50%; left:0; margin-left: -40px; transform: translateY(-50%); width: 35px; height: 35px; background: url('/assets/img/chevron-right.svg') no-repeat left top; background-size: 100%;}
.n4 .p-box{width: 22%;}
.n5 .p-box{width: 17%;}
.process .p-box:first-child::before{display: none;}

.process .p-box .num{ display: inline-block; margin: 0 auto 22px; padding: 5px 20px; font-size: 15px; font-weight: 700;line-height: 20px; color: #012d84; background: #fff; border-radius: 50px;	border: 1px solid #90a9db;	}
.process .p-box .tit{ margin-bottom: 15px; 	font-size: 17px; font-weight: 600;	color: #012d84; line-height: 150%;	}
.process .p-box .tit small{display: block; font-size: 0.9rem;}


@media (max-width: 1023px){
  .process {flex-direction: column; align-items: center; }

  .process .p-box { width: 100%; /* 예시로 너비 조절 */  margin-bottom: 50px; /* 요소 간 간격 설정 */ }

  .process .p-box::before {top: 0; left: 50%; margin-top: -30px; margin-left: 0; transform: translateY(-50%) translateX(-50%) rotate(90deg);  }
  .process .p-box .tit br{ display: none;}	  
}

.photo-swiper-row1 {overflow: hidden !important; margin-bottom: 30px; position: relative;}
.photo-swiper-row1 .item { overflow: hidden; } 
.photo-swiper-row1 .bg-img { height: 360px; } 
.photo-swiper-row1 .wrap-nav{ position: absolute; right: 0; background-color: rgba(0, 0, 0, 0.7); margin-top: -50px; height: 50px; z-index: 20; display: flex; justify-content:flex-end; align-items: center; padding: 0 15px;}
.photo-swiper-row1 .swiper-button { cursor: pointer; font-size: 20px;  color: #fff; } 
.photo-swiper-row1 .swiper-button.next { } 
.photo-swiper-row1 .swiper-pagination {position: relative; margin: 0 15px; padding: 0; width: auto; color: #fff; top: auto; bottom: auto; font-family: var(--play-font);} 

.photo-swiper-row2 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row2 .item { overflow: hidden; } 
.photo-swiper-row2 .bg-img { height: 360px;  } 
.photo-swiper-row2 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

.photo-swiper-row3 {overflow: hidden !important; margin-bottom: 30px;}
.photo-swiper-row3 .item { overflow: hidden; } 
.photo-swiper-row3 .bg-img { height: 300px; border-radius: 15px;  } 
.photo-swiper-row3 .bg-img h4 { color: #fff; font-size:35px; position: absolute; bottom: 45px; right: 45px; } 

@media (max-width: 1020px) { 
.photo-swiper-row2 .bg-img { height: 250px; } 
.photo-swiper-row3 .bg-img { height: 250px; } 
}

/* ---------------------------------- */






.table1 {width: 100%; border-collapse: collapse; position: relative; border-left: 2px solid #fff !important; border-right: 2px solid #fff !important;}

.table1 thead{position: relative; overflow: hidden; background-color:#f9f9f9; border-bottom:1px solid #ddd;}



.table1 caption, .table1 legend {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}

.table1 th {padding: 15px 5px; border:1px solid #ddd;border-width:0 0 1px 1px; text-align: center; }

.table1 th.first-child {}

.table1 td {padding: 25px;border:1px solid #ddd;border-width:0 0 1px 1px;text-align: center;vertical-align: middle !important;}

.table1 td ul { text-align: left;  margin: 0 0 0 20px;}

.table1 td ul li{list-style: circle; text-align: left !important; line-height: 250%;}

.table1 strong {font-weight: 700;}

.table1 label {overflow: hidden; position: absolute; width: 0; height: 0; font: 0/0 san-serif; visibility: hidden;}

.table1 td a:hover {color: #005fcb; text-decoration: underline;}

.table1 tr:hover td {background-color: #f9f9f9;}





.table2 { clear:both; margin:0; padding:0; width:100%; border-collapse:collapse; border-top:#004795 2px solid; border-left:2px solid #fff; border-right:2px solid #fff; border-bottom:2px solid #ccc; }

.table2 th { border:1px #d7d7d7 solid; padding:18px 0; background:#f6f6f6; text-align:center; color:#004795; font-weight: 500; font-size: 1.15rem; }

.table2 td { border:1px #d7d7d7 solid; padding:15px 15px; text-align:center; letter-spacing:-0.5px; }

.table2 td.lt { text-align:left; }

.table2 td ul { text-align: left;  margin: 0 0 0 20px;}

.table2 td ul li{list-style: circle; text-align: left !important; line-height: 220%;}

.table2 td li{ text-align:left;}

.table2 td .color-red{ color: #C70003;}

.table2 td input{ padding: 10px;}

.table2 td input[type="text"] {width: 120px; text-align: right;}

.table2 td input[type="radio"] {

    -ms-transform: scale(1.5); /* IE 9 */

    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */

    transform: scale(1.5);

	margin-right: 5px;

}

@media (max-width: 1020px) { 

    .table1 th, .table1 td{white-space: nowrap;}

}



.tabs { border:none; display:flex; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs li button { display:table;  font-weight:500; padding:12px 25px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center; line-height:1.5; margin-left: -1px; }
.tabs li button.active, .tabs li button:hover, .tabs li button.active:focus { display:table; background:#c38e67; border:1px solid #c38e67; color:#fff !important; }
.tabs li button p{ display:table-cell; vertical-align:middle;}

@media (max-width: 1020px){
.tabs { border:none; display:flex; position:relative; justify-content: flex-start; flex-wrap: nowrap; margin-top: 30px;}    
.tabs li button { display:table; font-size:14px; font-weight:500; padding:10px 12px; color:#787878; background: #f6f6f6; border:none; text-align:center; line-height:1.5; margin-right:5px; margin-left: 0;  }
.tabs li button.active, .tabs li button:hover, .tabs li button.active:focus { display:table; background:#c38e67; border:none; color:#fff !important; }
.tabs li button p{ display:table-cell; vertical-align:middle;}
}


.tabs2 { border:none; display:flex;  flex-wrap: wrap; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs2 li{text-align: center;  flex: 0 0 calc(12.5%);}
.tabs2 li button { display:table; width: 100%;  font-weight:500; padding:12px 15px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center !important; line-height:1.5; margin-left: -1px; }
.tabs2 li button.active, .tabs2 li button:hover, .tabs2 li button.active:focus { display:table; background:#c38e67; border:1px solid #c38e67; color:#fff !important; }
.tabs2 li button p{ display:block; margin: 0; vertical-align:middle; font-size: 0.95rem;}

@media (max-width: 1020px){
.tabs2 { border:none; display:flex;  flex-wrap: wrap; position:relative; margin-bottom: 50px; border-bottom: none; padding-left: 1px;}
.tabs2 li{text-align: center;  flex: 0 0 calc(33%);}
.tabs2 li button { display:table; width: 100%;  font-weight:500; padding:12px 5px; color:#787878; background: #fff; border:1px solid #ddd; text-align:center !important; line-height:1.5; margin-left: -1px; }
.tabs2 li button.active, .tabs2 li button:hover, .tabs2 li button.active:focus { display:table; background:#c38e67; border:1px solid #c38e67; color:#fff !important; }
.tabs2 li button p{ display:block; margin: 0; vertical-align:middle; font-size: 0.9rem;}
}



.box_st1 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;padding:2rem 3rem;background-color:#F4F6FD;margin-bottom:3rem;border-radius:10px;align-items:flex-start}

.box_st1 .icon {-webkit-box-flex:0;-ms-flex:0 0 9rem;flex:0 0 10.6rem;text-align:center}

.box_st1 .txt_box {-webkit-box-flex:1;-ms-flex:1 1 calc(100% - 10.6rem);flex:1 1 calc(100% - 10.6rem);padding-left:4rem}

.box_st1 .ti {font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1.5rem;line-height:1.3}

.greeting h5{ font-size: 1.3rem; background: linear-gradient(to right, #ff4a1d, #bc916d); color: transparent; -webkit-background-clip: text; margin-bottom: 20px; letter-spacing: -1px; line-height: 1.5; margin-top: 30px;}
.greeting-box{width: 100%; background-size: contain;  background-repeat: no-repeat;  background-position-x: right; padding: 80px 0 0 0; min-height: 300px;}
.greeting-box h5{font-size: 1.5rem; line-height: 1.5; font-weight: 700;}
.greeting-box p{font-size: 17px; line-height: 2; margin-top: 30px;}
.greeting em{font-style: normal; border-bottom: 1px solid;}
.greeting span{font-style: normal; border-bottom: 1px solid; font-size: 1.3rem;}
.greeting p{font-size: 17px; line-height: 2; margin-top: 30px;}

@media (max-width: 1020px) { 
.greeting p{font-size: 15px; line-height: 2; margin-top: 30px;}
.greeting-box{padding: 70px 0 0 0; min-height: 250px;}
.greeting h5 br{display: none;}
}


/*강릉소개*/

.intro-gn h5{ font-size: 2rem; background: linear-gradient(to right, #ff4a1d, #bc916d); color: transparent; -webkit-background-clip: text; margin-bottom: 30px;}
.intro-map {background: #eedece; padding: 30px;}
.title-intro {font-size: 3rem; font-weight: bold; color: #fff; text-shadow: 1px 1px 2px #00000033; font-family: var(--play-font);}
.info-label {font-weight: bold; margin-right: 15px;}
.info-text {position: relative; padding-left: 16px; margin-bottom: 0.4rem;}
.info-text::before {content: ""; position: absolute; top: 0.5em; left: 0; width: 6px; height: 6px; border: 1px solid #555; border-radius: 50%;}
.social-icons a {display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-right: 8px; border: 2px solid #333; border-radius: 50%; text-decoration: none; color: #333; transition: background-color 0.2s ease, color 0.2s ease;}
.social-icons a:hover {background-color: #333; color: #fff;}
.social-icons i {font-size: 1.2rem;}
p.info-coment {font-size: 0.8rem;}



/* 개요 */

.overview .section-title {font-size: 2rem; font-weight: 500; margin-bottom: 1rem;}
.overview .section-title small {display: block; margin-top: 10px; font-size: 0.9rem; font-weight: 200;}
.overview .info-box {border-bottom: 1px solid #ddd; padding: 20px 0; display: flex;}
.overview .info-label {font-weight: bold; color: #333; min-width: 120px; padding-left: 20px; }
.overview .info-value {color: #555;}
.overview .poster {max-width: 100%; border-radius: 10px;}
@media all and (max-width:1024px){
 .overview .poster {display: none;}
 .eligibility .poster {display: none;}
}

/* 등록 */
.register-box {border: 1px solid #dee2e6; border-radius: 0; padding: 20px; height: 100%; background-color: #fbfbfb;}
.register-box h5 {font-weight: 600; font-size: 1.5rem; padding: 15px 0; border-bottom: 1px solid; margin-bottom: 20px; }
.register-box .register-note {font-weight: 400; font-size: 0.9rem;}
.register-note {color: red; margin-top:0; font-weight: bold;}

 .fee-box {padding: 0; height: 100%; }
 .fee-box h5 {font-weight: 500; font-size: 1.1rem; padding: 12px 0 12px 15px;border-left: 3px solid #b9845d; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-bottom: 15px; color: #b9845d;   }

.btn-register{position: sticky; top: 750px; width: 300px; padding: 30px 0; font-size: 1.7rem; margin-left: 1275px; margin-top: -100px;}

@media (max-width: 991px) {
.register-box {border: 1px solid #dee2e6; border-radius: 0; padding: 20px; height: 100%; background-color: #fbfbfb;}
.register-box h5 {font-weight: 600; font-size: 1.2rem; padding: 15px 0; border-bottom: 1px solid; margin-bottom: 20px;}
.register-box .register-note {font-weight: 400; font-size: 0.9rem;}
.register-note {color: red; margin-top:0; font-weight: bold;}

 .fee-box {padding: 0; height: 100%; }
 .fee-box h5 {font-weight: 500; font-size: 1.1rem; padding: 12px 0 12px 15px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; margin-bottom: 15px; color: #b9845d  }

.btn-register{position: sticky; top: 750px; width: 300px; padding: 30px 0; font-size: 1.7rem; margin-left: 1275px; margin-top: -100px;}
	
}


@media (max-width: 1430px) { 
  .btn-register{position:fixed; bottom:0; left:0; width:100%; margin-left:0; padding:15px 0; font-size:1.3rem; font-weight: 600; z-index:9999; top: inherit; text-align:center;}
}


/* 개인정보보호방침 */

.privacy .privacy-box{padding: 50px 40px; background-color: #f5f7f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: flex;  align-items: center;}
.privacy i{ font-size: 45px; flex-shrink: 0; width: 150px; text-align: center;}
.privacy .privacy-box p{margin-bottom: 0 !important; flex-grow: 1;}
.privacy h3{ font-size: 16px; margin-bottom: 10px; font-weight: 600;}
.privacy p{ margin-bottom: 30px; line-height: 2;}
.privacy .inner-p { margin-left: 16px;}
@media (max-width: 1020px) { 
.privacy .privacy-box{padding: 20px 10px; flex-wrap: wrap;}
.privacy i{ font-size: 45px; flex-grow: 1; flex-shrink: 0; width: 100%;}
}