@charset "UTF-8";

/**************************************************
* 버전관리
* version : v=2
* Last Update : 20240702
**************************************************/


/********************************************************
■ 컨텐츠 공통
********************************************************/

/*컨텐츠 소개 헤더*/
.title-div h3{font-size:var(--krds-pc-font-size-heading-large); font-weight:500; color:var(--krds-light-color-text-bolder); margin-bottom:var(--krds-gap-10);}
.title-div h3 b{font-weight:800; color:var(--krds-color-light-primary-60);}
.title-div h3 span{display:block; font-weight:800; font-size:var(--krds-pc-font-size-body-large); color:var(--krds-color-light-primary-60); margin-bottom:var(--krds-gap-4); text-transform:uppercase;}
.title-div .full-imgs{position:relative; padding-bottom:4rem;}
.title-div .full-imgs .imgback {position:relative; width:100%; height:34rem; border-bottom-left-radius:10rem;  background-color:var(--color-ddd);  background-size: cover;  background-position: center 0%;  background-repeat: no-repeat;  /* background-attachment: fixed; */ z-index:-1; overflow:hidden; }
.title-div .full-imgs .imgback:before{content:''; position:absolute; left:0px; bottom:0px; height:50%; width:100%; background: linear-gradient(180deg,rgba(0,0,0,0), rgba(0,0,0,0.15)); }
.title-div .full-imgs .textbox{position:absolute; right:0; bottom:-4rem; font-size:var(--krds-pc-font-size-body-large);  background:var(--krds-light-color-surface-white); width:70%; padding:4rem; margin-left:auto;}
.title-div .full-imgs .textbox:after{content:''; position:absolute; right:-50%; top:0px; width:50%; height:100%; background:var(--krds-light-color-surface-white);}
.title-div .full-imgs .textbox b{color:var(--krds-color-light-primary-60);}
.title-div .full-imgs .textbox p{font-weight:300; margin-top:var(--krds-gap-2);}
.title-div .full-imgs .textbox span{color:var(--krds-color-light-gray-60);}

.title-div .full-imgs .imgback.self01{background-image:url('/resource/images/content/self_top_visual01.jpg');}
.title-div .full-imgs .imgback.self02{background-image:url('/resource/images/content/self_top_visual02.jpg');}
.title-div .full-imgs .imgback.self03{background-image:url('/resource/images/content/self_top_visual03.jpg');}

.title-div .full-imgs .imgback.way01{background-image:url('/resource/images/content/way_top_visual01.jpg');}
.title-div .full-imgs .imgback.way02{background-image:url('/resource/images/content/way_top_visual02.jpg');}
.title-div .full-imgs .imgback.way03{background-image:url('/resource/images/content/way_top_visual03.jpg');}


@media (max-width:768px){
	.title-div .full-imgs{padding-bottom:0;}
	.title-div .full-imgs .imgback{height:20rem;     border-bottom-left-radius: 0;  border-top-right-radius: 5rem;}
	.title-div .full-imgs .textbox{position: relative; bottom:0;  width: 100%; padding:2rem 0 0;}
	
}

/*도트*/
.dot li{padding-left:1.5rem; position:relative; font-size:var(--krds-pc-font-size-body-large);}
.dot li + li{margin-top:0.5rem;}
.dot> li:before{content:''; position:absolute; left:0px; top:0.55em; width:0.4rem; height:0.4rem; border-radius:50%; background:#333;}
.dot.flex li{display:flex; gap:1rem;}
.dot.flex li > ol>li{padding-left:0;}
.dot.flex li.col{    flex-direction: column;}


.h6{font-size:var(--krds-pc-font-size-heading-medium); font-weight:600; margin-bottom:2rem;}

/*블릿*/
.bullet{position:relative; font-size:var(--krds-mobile-font-size-heading-medium); font-weight:600; color:var(--krds-light-color-text-basic); padding-left:2.5rem; margin-bottom:1rem; margin-top:3rem;}
.bullet:before{content:''; position:absolute; left:0px; top:0.5em; width:1rem; height:1rem; background:var(--krds-light-color-divider-primary)}

.brief{position:relative; font-size:var(--krds-pc-font-size-heading-medium); color:var(--krds-light-color-text-basic); margin-bottom:2rem;}

.article-small-text {display:flex; position:relative; margin-top:0.5rem; gap:0.8rem;}
.article-small-text em{color:var(--krds-color-light-primary-60);} 

.flex-ar{display: flex; justify-content: flex-end; margin-top:1rem;}


@media (max-width:768px){
	.dot.flex li{display:block;  font-size: var(--krds-pc-font-size-label-medium);}
	.dot.flex li b{display:block;}
	
	.brief{font-size:var(--krds-mobile-font-size-heading-small);}
}

/********************************************************
■ 고등학교 유형 인트로
********************************************************/
.intro-wrap{position:relative; padding:8rem 6rem; background:url('/resource/images/content/type_int_backBg.jpg')no-repeat 50% 50%; background-size:cover; }
.intro-wrap:before{content:''; position:absolute; left:-50%; top:25%; width:200%; height:50%; 
background:url('/resource/images/content/type_int_backLine.png')repeat-x 0 0;;}
.intro-wrap .intro-box{width:100%; position:relative; background:#fff url('/resource/images/content/type_int_boxBg.jpg')no-repeat 50% 50%; background-size:cover; border-radius:26rem; text-align:center; padding:10rem 13rem; z-index:1; }
.intro-wrap .intro-box h3{color:var(--krds-light-color-text-basic); font-size:var(--krds-pc-font-size-display-medium); font-weight: 700; font-family: var(--Paperlogy); margin-bottom:2.4rem;}
.intro-wrap .intro-box h3 em{color:var(--krds-color-light-primary-60)}
.intro-wrap .intro-box p{color:var(--krds-light-color-text-basic); font-size:var(--krds-pc-font-size-body-large); line-height: 2;}
.intro-wrap .intro-box p > strong {font-size:var(--krds-mobile-font-size-display-small); line-height: 1;}

.introUl{display:flex; gap:3rem; flex-wrap:wrap; margin-top:8rem;}
.introUl li{position:relative; flex:1; padding-top:4rem;}
.introUl li [class*="icon"]{position:absolute; left:50%; top:0px; width:7.5rem; height:8rem; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; transform:translateX(-50%); transition: all 0.2s ease-out 0s; z-index: 1;}
.introUl li .icon01{background-image:url('/resource/images/content/type_int_icon01.png');}
.introUl li .icon02{background-image:url('/resource/images/content/type_int_icon02.png');}
.introUl li .icon03{background-image:url('/resource/images/content/type_int_icon03.png');}
.introUl li .icon04{background-image:url('/resource/images/content/type_int_icon04.png');}
.introUl li .icon05{background-image:url('/resource/images/content/type_int_icon05.png');}
.introUl li:hover [class*="icon"]{animation: icons 0.45s ease-in-out both;}
.introUl li:hover .icon01{background-image:url('/resource/images/content/type_int_icon01_on.png');}
.introUl li:hover .icon02{background-image:url('/resource/images/content/type_int_icon02_on.png');}
.introUl li:hover .icon03{background-image:url('/resource/images/content/type_int_icon03_on.png');}
.introUl li:hover .icon04{background-image:url('/resource/images/content/type_int_icon04_on.png');}
.introUl li:hover .icon05{background-image:url('/resource/images/content/type_int_icon05_on.png');}
.introUl li a{position:relative; display: flex; align-items: center;  justify-content: center; flex-wrap:wrap; width:100%; height:23rem; background-color:#F2F7FA; color:#454545;  border-radius:2rem; box-shadow:0 5px 10px rgba(0,0,0,0.06); overflow:hidden;}
.introUl li a .text {font-size:2.2rem;}
.introUl li a b{font-size:3rem;}
.introUl li a .arrow{position:absolute; right:-3rem; bottom:0px; width:10rem; height:6rem; border:1px solid var(--krds-color-light-primary-50); border-bottom:none; background:var(--krds-color-light-primary-50); color:var(--krds-light-color-surface-white); border-radius:3.5rem 0 0 0; text-align: left; padding-left: 2rem;  transition: all 0.2s ease-out 0.1s;}
.introUl li a .arrow i{display: inline-block; line-height: 6rem; font-size: 2.2rem;  margin-left: 0.4em;}
.introUl li a:focus{outline-offset: -0.2rem; outline: 0.2rem solid #fff; box-shadow: var(--krds-box-shadow-outline);}
.introUl li a:focus,
.introUl li:hover a{background-image:url('/resource/images/content/type_int_bg.jpg'); color:var(--krds-light-color-surface-white)}
.introUl li a:focus .arrow,
.introUl li:hover  a .arrow{right:auto; left:50%; margin-left:-5rem; border-color:var(--krds-light-color-surface-white); background:rgba(255,255,255,0.2);  border-radius:4rem 4rem 0 0; padding-left:0; text-align:center;}
.introUl li a:focus .arrow i,
.introUl li:hover  a .arrow i {margin-left:0; }

@keyframes icons {
  0% {transform: translateY(0px) translateX(-50%);}
  50% { transform: translateY(-10px) translateX(-50%); }
  100% { transform: translateY(0) translateX(-50%); }
}
@media (max-width:1440px){
	.intro-wrap{padding:8rem 2rem;}
}
@media (max-width:1300px){
	.intro-wrap .intro-box{padding:10rem 6rem;     border-radius: 16rem;}
	.introUl li a b{display:block;}
}
@media (max-width:1024px){
	.introUl li{flex:1 1 31%;}	
}
@media (max-width:768px){
	.intro-wrap .intro-box{padding:6rem 3rem;     border-radius: 6rem;}
	
}

/********************************************************
■ 고등학교 유형  /entrance/typeIntro.jsp
********************************************************/


/*버튼*/
.type-btn-wrap{margin:5rem 0; text-align:center;}
.type-btn-wrap .type-btn{display: inline-flex; align-items: center;  justify-content: center; color:var(--krds-light-color-surface-white); font-size:var(--krds-pc-font-size-body-large); font-weight:600; padding:2.4rem 9rem; background:#0e3a81 url('/resource/images/content/way_bg01-1.jpg')repeat 0 0; border-radius:0 2rem 0 2rem ; box-shadow:0 10px 10px rgba(0,0,0,0.2) }
.type-btn-wrap .type-btn:focus{    box-shadow: 0 0 0 0.4rem var(--krds-color-light-danger-50);}
.type-btn-wrap .type-btn .arrow{display:inline-block; width:3.6rem; height:3.6rem; background:#fff url('/resource/images/content/arrow_blue.svg')no-repeat 50% 50%; border-radius:50%; background-size:1.6rem auto; box-shadow:0 5px 5px rgba(0,0,0,0.2); margin-left: 2rem;}

@media (max-width:768px){
	.type-btn-wrap .type-btn{padding:2.4rem 2rem;}

}

/********************************************************
■ 고등학교 유형 테이블
********************************************************/
/*테이블 탭*/
.school-type-tab{margin-top:7rem;}
.school-type-tab .tab-btn ul {display:flex;}
.school-type-tab .tab-btn ul a{display: flex; align-items: center;  justify-content: center; width:20rem; height:8rem;  color:var(--color-888); font-size:2.2rem; text-align:center; border-radius:2rem 2rem 0 0; border:1px solid #ddd; background:url('/resource/images/content/way_bg02-2.jpg')repeat 0 0; border-bottom:none; box-shadow: 5px 9px 19.6px 0.4px rgba(0, 0, 0, 0.04);}
.school-type-tab .tab-btn ul .active a{background:var(--krds-light-color-divider-primary) url('/resource/images/content/self01_bg02.jpg')repeat 0 0; border-color:var(--krds-light-color-divider-primary); color:var(--krds-light-color-surface-white); box-shadow: 5px 9px 19.6px 0.4px rgba(0, 0, 0, 0.04);}

.tab-cts{display:none; opacity: 0;}
.tab-cts.active{display:block;     opacity: 1;}
/*테이블*/
table.type1 {width: 100%;}
table.type1 thead {}
table.type1 thead th{position:relative; background:#F8FBFE; color:var(--krds-light-color-divider-primary); padding:4rem 1rem; border-bottom:7px solid var(--krds-light-color-divider-primary)}
table.type1 thead th.row{padding:2rem 0.5rem;}
table.type1 thead th.row.add-border{border-width:1px;}
table.type1 thead th.row.add-border:before{display:none;}
table.type1 thead th:before{    content: ''; position: absolute; left: 0px; bottom: -7px; width: 2rem; height: 7px; border-radius: 4px; background: linear-gradient(90deg, #AEDBFF, #4265FF);}
table.type1 tbody th,
table.type1 tbody td{padding:1.5rem 1rem; border-bottom:1px solid #ddd; text-align:center; }
table.type1 tbody th{border:none; background:#F8FBFE; color:var(--krds-light-color-divider-primary); font-weight:600; font-size:2.2rem; border-right:8px solid #fff;  border-bottom: 8px solid #fff;}
table.type1 tbody .th{border:none; background:#F8FBFE; color:var(--krds-light-color-divider-primary); font-weight:600; font-size:2.2rem; border-right:8px solid #fff;  border-bottom: 8px solid #fff;}
table.type1 tbody .grey{ background:#f7f8f9; color:var(--color-444); font-size:var(--krds-pc-font-size-body-large);}
table.type1 tbody .border-bot{border-width:3px;}
table.type1 tbody td.bl{border-right:1px solid #ddd;}
table.type1 tbody .bg-grey td{background:#F4F4F4; color:var(--color-888); font-weight:600; border:4px solid #fff;}
table.type1 tbody .bg-grey.footer td{background:var(--krds-light-color-divider-primary); color:var(--krds-light-color-surface-white);}
table.type1 col.col10{width:10%}
table.type1 col.col15{width:15%}
table.type1 col.col20{width:20%}
table.type1 col.col25{width:25%}
table.type1 col.col30{width:30%}
table.type1 col.col35{width:35%}
table.type1 col.col40{width:40%}
table.type1 col.col50{width:50%}

/*상단 헤더 고정 테이블*/
.table-fixed-header {-webkit-overflow-scrolling:touch;	position:relative;	overflow-x:auto;}
.table-fixed-header .table-fixed-scroll-block {	-webkit-overflow-scrolling:touch;	height:68.6rem;	overflow-x:hidden;	overflow-y:auto;}
.table-fixed-header .table-fixed-scroll-block::-webkit-scrollbar-track-piece {	background-color:#eee;}
.table-fixed-header .table-fixed-scroll-block table{}
.table-fixed-header .table-fixed-scroll-block table>thead {	opacity:0;	visibility:hidden;}
.table-fixed-header table {	width:100%; table-layout: fixed; }
.table-fixed-header .fixed {position:absolute;	top:0;	left:0;	z-index:10;	width:100%; }
.table-fixed-header .fixed.hidden {	opacity:0;	visibility:hidden;}

@media (max-width:768px){
	.school-type-tab .tab-btn ul li{flex:1;}
	.school-type-tab .tab-btn ul a{width:100%;}
	
	.table-fixed-header .fixed,
	.table-fixed-header .table-fixed-scroll-block{width:800px !important;}
}

/********************************************************
■ 탭 메뉴
********************************************************/

.sub-nav{position:relative; padding:0 6rem;  margin-bottom:10rem;}
.sub-nav:before,
.sub-nav:after{content:''; position:absolute; top:50%; width:6rem; height:1.8rem; background:url('/resource/images/content/tab_bar.svg')repeat-x 0 50%; background-size:auto 100%; transform:translateY(-50%); }
.sub-nav:before{left:0}
.sub-nav:after{right:0;}
.sub-nav .tab_view{ display: none; }
.sub-nav ul{display:flex; justify-content: center; flex-wrap: wrap; gap: 2rem 0rem;}
.sub-nav ul li{padding:0 2rem;}
.sub-nav ul li a{ display:flex; gap:1rem; align-items: center;}
.sub-nav ul li .icon{ flex-shrink: 0; display:block; width:10rem; height:10rem; border-radius:50%; background-position: 50% 50%; background-size:cover; background-repeat:no-repeat; box-shadow:0 4px 10px rgba(0,0,0,0.2);}
.sub-nav ul li .text{display:inline-block; position:relative; font-size:2.4rem; font-weight: 700; font-family: var(--Paperlogy); color:var(--color-444);  padding-right:2rem; opacity:0.3;}
.sub-nav ul li .text:before{content:''; position:absolute; right:0px; top:-1.2rem; width:1rem; height:1rem; background:var(--krds-light-color-divider-primary); border-radius:50%;}
.sub-nav ul li.active .text{opacity:1;}



/*자기주도학습*/
.sub-nav ul li .icon.self01_1{background-image:url('/resource/images/content/self_tab_img01.jpg')}
.sub-nav ul li .icon.self01_2{background-image:url('/resource/images/content/self_tab_img02.jpg')}
.sub-nav ul li .icon.self01_3{background-image:url('/resource/images/content/self_tab_img03.jpg')}
.sub-nav ul li.active .icon.self01_1{background-image:url('/resource/images/content/self_tab_img01_on.jpg')}
.sub-nav ul li.active .icon.self01_2{background-image:url('/resource/images/content/self_tab_img02_on.jpg')}
.sub-nav ul li.active .icon.self01_3{background-image:url('/resource/images/content/self_tab_img03_on.jpg')}

/*전형방법*/
.sub-nav ul li .icon.way_1{background-image:url('/resource/images/content/way_tab_img01.jpg')}
.sub-nav ul li .icon.way_2{background-image:url('/resource/images/content/way_tab_img02.jpg')}
.sub-nav ul li .icon.way_3{background-image:url('/resource/images/content/way_tab_img03.jpg')}
.sub-nav ul li.active .icon.way_1{background-image:url('/resource/images/content/way_tab_img01_on.jpg')}
.sub-nav ul li.active .icon.way_2{background-image:url('/resource/images/content/way_tab_img02_on.jpg')}
.sub-nav ul li.active .icon.way_3{background-image:url('/resource/images/content/way_tab_img03_on.jpg')}

/*고교입시정보*/
.sub-nav ul li .icon.entra_1{background-image:url('/resource/images/content/entra_tab_img01.jpg')}
.sub-nav ul li .icon.entra_2{background-image:url('/resource/images/content/entra_tab_img02.jpg')}
.sub-nav ul li .icon.entra_3{background-image:url('/resource/images/content/entra_tab_img03.jpg')}
.sub-nav ul li .icon.entra_4{background-image:url('/resource/images/content/entra_tab_img04.jpg')}
.sub-nav ul li .icon.entra_5{background-image:url('/resource/images/content/entra_tab_img05.jpg')}
.sub-nav ul li.active .icon.entra_1{background-image:url('/resource/images/content/entra_tab_img01_on.jpg')}
.sub-nav ul li.active .icon.entra_2{background-image:url('/resource/images/content/entra_tab_img02_on.jpg')}
.sub-nav ul li.active .icon.entra_3{background-image:url('/resource/images/content/entra_tab_img03_on.jpg')}
.sub-nav ul li.active .icon.entra_4{background-image:url('/resource/images/content/entra_tab_img04_on.jpg')}
.sub-nav ul li.active .icon.entra_5{background-image:url('/resource/images/content/entra_tab_img05_on.jpg')}


@media (max-width:1440px){
	.sub-nav{padding:0 2rem; }
	.sub-nav:before,
	.sub-nav:after{width:4rem;}
	.sub-nav:before{left:-2rem;}
	.sub-nav:after{right:-2rem;}
}
@media (max-width:1200px){
	.sub-nav.study ul li{width:33.3%;}
}
@media (max-width:1024px){
	.sub-nav ul li a{    flex-direction: column;}
}
@media (max-width:768px){
	.sub-nav ul li .icon{width:7rem; height:7rem;}
}
@media (max-width:567px){
	.sub-nav:before,
	.sub-nav:after{display:none;}
	.sub-nav{padding:0; margin-bottom: 6rem;}
	.sub-nav .tab_view{ display: block;  cursor: pointer; border:1px solid var(--krds-light-color-divider-primary); background: var(--krds-light-color-surface-white);  background-size: 12px auto;  font-size: 2.2rem; font-weight: 700; font-family: var(--Paperlogy);   color: var(--color-444);  box-sizing: border-box;  padding-left: 2rem;  position: relative;  text-align: left;  height: 6rem;  line-height: 6rem; border-radius:0.5rem; z-index: 1;}
	.sub-nav .tab_view i{color:var(--krds-light-color-divider-primary); position: absolute; top: 50%;  right: 2rem; margin-top: -9px; display: block;}
	.sub-nav ul{display:none; position: absolute; left: 0;  width: 100%; transform: translateY(0);  z-index: 1; box-shadow: 0px 7px 12px 0px rgb(0 0 0 / 7%); background: var(--krds-light-color-surface-white);}
	.sub-nav ul li {    width: 100% !important;  border-top: 1px solid #EAECF1;  padding:0;   margin-left: 0;  vertical-align: middle;  box-sizing: border-box;  text-align: left; }
	.sub-nav ul li a{display:block;  padding: 2rem;}
	.sub-nav ul li .text{padding-right:0; font-weight: 500; font-size: 2rem; font-family:var(--krds-font-family-base);}
	.sub-nav ul li .text:before{display:none;}
	.sub-nav ul li .icon,
	.sub-nav ul li br{display:none;}
}



/********************************************************
■ 자기주도학습전형 > 개념특징 /study/selfDirected.jsp
********************************************************/
/*분할 타이틀*/
.half-div:not(:first-child){margin-top:10rem;}
.half-div h4,
.row-half-h4 h4{position:relative; color:var(--krds-light-color-text-basic); font-size:var(--krds-pc-font-size-heading-large); font-weight:600; padding-left:3rem; margin-bottom: 3.2rem;}
.half-div h4:before,
.row-half-h4 h4:before{content:""; position:absolute; left:0px; top:0.3em; width:1.6rem; height:1.6rem; background:var(--krds-color-light-primary-20);}
.half-div h4:after,
.row-half-h4 h4:after{content:""; position:absolute; left:0.5rem; top:0.5em; width:1.6rem; height:1.6rem; background:var(--krds-color-light-primary-50); border-radius:0 1rem 1rem 1rem;}
.half-div .conbox{line-height: 1.5;}
.half-div .conbox .p1{font-size:var(--krds-pc-font-size-body-large);  }
/*타이틀*/
.row-half-h4{ margin-top:5rem; position:relative;}
.row-half-h4 h4 b{font-weight:700;}


/*분할 타이틀 서브*/
.half-div.sub-half{margin-top:5rem;}
.sub-half h5{font-size: var(--krds-pc-font-size-heading-medium); font-weight:800; color:var(--krds-color-light-primary-70);}
.sub-half .conbox{font-size:var(--krds-pc-font-size-body-large); } 

/*이미지 단독 가운데*/
.pic-ac{margin-top:6rem; text-align:center;}

.tab + #school-type-wrap{margin-top:8rem;}

/*배경*/
.bgBox{position:relative; padding:10rem 0; margin-top:10rem;}
.bgBox .half-div:first-child{margin-top:0;}
.bgBox:after{content:''; position:absolute; left:50%; transform:translateX(-50%); top:0px; width:150vw; height:100%;  z-index:-1; }
.bgBox.h50:after{height:50%; border-radius:10rem 10rem 0 0;}
.bgBox.blue:after{background:#F8FBFE; border-radius:10rem;}
.bgBox.gray:after{background:#F8F8F8}
.bgBox.gray_bg:after{ background:url('/resource/images/content/self02_bg02.jpg')repeat 0 0;}

/*자기주도학습 과정*/
.self01_time{margin-bottom:10rem;}
.self01_time ul{position:relative; display:flex; justify-content: center; padding:10rem 3rem;}
.self01_time ul:before{content:''; position:absolute; left:0px; top:50%; width:calc(100% - 5rem); height:50%; background:#F8F8F8; transform:translateY(-50%); z-index:-1;}
.self01_time ul:after{content:''; position:absolute; right:0px; top:50%; width:24%; height:150%; background:url('/resource/images/content/self01_bg_arrow.png')no-repeat right 50%; background-size:100% 100%; transform:translateY(-50%); z-index:-1;}
.self01_time ul li{position:relative; display: flex; flex-direction: column; gap: 1.5rem; width:20%; text-align:center; font-weight:600; z-index:1;}
.self01_time ul li span{font-weight:400; display:inline-block;}
.self01_time ul li span b{position:relative; }
.self01_time ul li span b:before{content:''; position:absolute; right:-.51rem; top:-0.5rem; width:0.8rem; height:0.8rem; background: linear-gradient(90deg, #AEDBFF, #4265FF); border-radius:50%;}
.self01_time ul li .round{position:absolute;left:0px; top:50%; width:100%; padding-top:100%; background:url('/resource/images/content/self01_bg01.jpg')no-repeat 0 0; border-radius: 50%; background-size:cover; z-index:-1; transform:translateY(-50%);}
.self01_time ul li:nth-child(even) .round{display:none;}
.self01_time ul li:nth-child(5){}
.self01_time ul li:nth-child(5) .round{ background-image:url('/resource/images/content/self01_bg02.jpg'); background-color: #0E63EE;}
.self01_time ul li:nth-child(5) i{display:inline-block;}
/*자기주도학습 과정_step*/
.self_step_wrap{text-align:center;}
.self_step_wrap ul{display:inline-block;}
.self_step_wrap ul li{display:flex; gap:0 4rem; font-size:var(--krds-pc-font-size-body-large); margin-bottom:2rem; text-align:left;}
.self_step_wrap ul li span{flex-shrink: 0; font-weight:600; color:var(--krds-light-color-text-basic); }
.self_step_wrap ul li span img{margin-right:2rem;}

/*체크리스트 리스트*/
.checklist-box{background:var(--krds-light-color-surface-white); padding:8rem 10rem 0; border-top:1rem solid var(--krds-light-color-text-basic); margin-top:5rem;}
.checklist-box li{position:relative;  padding:2rem 1rem 2rem 10rem;}
.checklist-box li:before{content:''; position:absolute; left:0px; top:1.2rem; width:2.6rem; height:3.4rem;  background:url('/resource/images/content/self_check.png')no-repeat 0 0; background-size:100%;}
.checklist-box li:after{content:'';  position:absolute; left:0px; bottom:0; width:100%; height:3px;  background:url('/resource/images/content/self_check_bar.png')repeat-x 0 50%; background-size:auto 100%;}
.checklist-box p{position:relative; margin-top:5rem; font-size:var(--krds-pc-font-size-body-medium); text-align:right; color:var(--color-444); z-index:0;}
.checklist-box p:before{content:''; position:absolute; right:-4rem; top:50%; width:10rem; height:8.8rem;  background:url('/resource/images/content/self_mark.png')no-repeat 0 0; background-size:100%; transform:translateY(-50%); z-index:-1; opacity:0.03;}


@media (max-width:1440px){
	.half-div{    gap: 2rem 6rem;}
	.half-div,
	.sub-half{display:block;}
	.sub-half .conbox{margin-top:2rem; }
	.half-div .conbox{padding-left:0;}

	
}
@media (max-width:768px){
	
	/*분할 타이틀*/
	.half-div{display:block;}
	.half-div h4, .row-half-h4 h4{font-size: var(--krds-mobile-font-size-heading-large);}
	.half-div h4 br{display:none;}

	.sub-half h5{width:100%;}
	
	/*자기주도학습 과정*/
	.self01_time ul{flex-wrap: wrap; gap: 2rem 2rem; padding:0;}
	.self01_time ul:before,
	.self01_time ul:after{display:none;}
	.self01_time ul li{width:calc((100% - 2rem * 2) / 3); justify-content: center; background:url('/resource/images/content/self01_bg01.jpg')no-repeat 0 0; background-size:cover; padding:4rem 1rem; border-radius:2rem;}
	.self01_time ul li:nth-child(5){background-image:url('/resource/images/content/self01_bg02.jpg');}
	.self01_time ul li br{display:none;}
	.self01_time ul li .round{display:none;}
	/*자기주도학습 과정_step*/
	.self_step_wrap ul li{display:block; margin-bottom: 3rem;}
	.self_step_wrap ul li span{display:block; margin-bottom:2rem;}
	/*체크리스트 리스트*/
	.checklist-box{padding:2rem;}
	.checklist-box li{ padding:2rem 1rem 2rem 5rem;}
}
@media (max-width:567px){
	.self01_time ul li{width:calc((100% - 2rem) / 2); flex-grow:1;}
	
}

/********************************************************
■ 자기주도학습전형 > 학습자특성 /study/learningMethod.jsp
********************************************************/
/*그래프 분할 박스*/
.graph_div{display:flex; gap:3rem 4rem; align-items: center; margin-bottom:10rem;}
.graph_div .legend ul li{position:relative; padding-left:3rem; margin-bottom:2rem; font-weight:500; color:#555;}
.graph_div .legend ul li em{position:absolute; left:0px; top:0.4rem; display:inline-block; width:2rem; height:1.6rem;  border-radius:30%;}

.graph_div .legend .self02_diagram1 li:nth-child(1) em{background: linear-gradient(90deg, #FFB1C9, #FF534A);}
.graph_div .legend .self02_diagram1 li:nth-child(2) em{background: linear-gradient(90deg, #A8D4FF, #4A6EFF);}
.graph_div .legend .self02_diagram1 li:nth-child(3) em{background: linear-gradient(90deg, #FFD3A8, #FFDA4A);}
.graph_div .legend .self02_diagram1 li:nth-child(4) em{background: linear-gradient(90deg, #E5EFA4, #A3EA4B);}
.graph_div .legend .self02_diagram1 li:nth-child(5) em{background: linear-gradient(90deg, #B2DDD2, #69BFC9);}

.graph_div .legend .self02_diagram2 li:nth-child(1) em{background: linear-gradient(90deg, #2EABFF, #0836E5);}
.graph_div .legend .self02_diagram2 li:nth-child(2) em{background: linear-gradient(90deg, #E5E5E5, #C8C8C8);}
.graph_div .legend .self02_diagram2 li:nth-child(3) em{background: linear-gradient(90deg, #FF7F9E, #FF3426);}

/*라운드박스*/
.round_div{display:flex; gap:2rem; }
.round_div > div{flex:1; padding:5rem 4rem; border-radius:3rem;}
.round_div > div .tit{position:relative; font-size:var(--krds-mobile-font-size-display-small); font-weight:700; padding-top:3rem; margin-bottom:4rem; color:var(--krds-light-color-text-basic); background-repeat:repeat; background-position:0 0; }
.round_div > div .tit:before{content:''; position:absolute; left:0px; top:0px; width:3rem; height:1rem; background:#9c9c9c;}
.round_div > div p{line-height:1.5;}
.round_div > div.bg1{background-image:url('/resource/images/content/self02_bg01.jpg')}
.round_div > div.bg1 h5:before{background:#095EE9}
.round_div > div.bg2{background-image:url('/resource/images/content/self02_bg02.jpg')}
.round_div > div.bg2 h5:before{background:#CECECE}
.round_div > div.bg3{background-image:url('/resource/images/content/self02_bg03.jpg')}
.round_div > div.bg3 h5:before{background:#D84F38}

.round_div > div.bg1 .tit:before{ background:#0a5de9;}
.round_div > div.bg3 .tit:before{ background:#d74f37;}


/*출처*/
p.origin{text-align:right; margin-top:4rem; font-weight:400; color: #555; font-size:var(--krds-pc-font-size-body-small);}

/*고등학생 bg*/
.bg_f8f8:after{content : ""; display : block; position : absolute; left :50%; transform:translateX(-50%); bottom:-10rem; width : 200%; height : 100%; background: linear-gradient(0deg, #f8f8f8, #fff); z-index:-1;}



@media (max-width:1440px){
	/*그래프 분할 박스*/
	.graph_div{gap:1.5rem 0; flex-direction: column}
	.graph_div .legend ul li{display:inline-block;}
	.graph_div .legend ul.self02_diagram1{display:flex; flex-wrap:wrap;} 
	.graph_div .legend ul.self02_diagram1 li{width:33.3%;}
}
@media (max-width:1024px){
	.round_div > div .tit{font-size:var(--krds-mobile-font-size-heading-large);}
	
}
@media (max-width:768px){
	/*그래프 분할 박스*/
	.graph_div .legend ul li{margin-bottom:1rem;}
	.graph_div .legend ul.self02_diagram1 li{width:100%;}
	/*라운드박스*/
	.round_div{flex-direction: column;}
	.round_div > div{padding:3rem 2rem;}
	.round_div > div h5{margin-bottom:3rem;}
	p.origin{margin-top:4rem;}
}

/********************************************************
■ 자기주도학습전형 > 강화방법 /study/selfDevelop.jsp
********************************************************/
/*단계*/
.tactic-div{margin-top:7rem;}
.tactic-div > div{position:relative; padding:5rem 0; display:flex; align-items: center; background-repeat:repeat; background-position:0 0; background-color:var(--krds-light-color-surface-white);}
.tactic-div > div:before{content:''; position:absolute; left:50%; bottom:-2.4rem; width:6rem; height:2.4rem; background-repeat:repeat; background-position:0 0; background-color:var(--krds-light-color-surface-white); clip-path: polygon(50% 100%, 0 0, 100% 0); z-index:1; transform:translateX(-50%);}
.tactic-div > div .icon{display: flex;  align-items: center; justify-content: center; flex-direction: column; flex:0 1 18rem; color:var(--krds-light-color-text-basic); font-weight:600; gap:2rem 0;}
.tactic-div > div .text{flex:1; padding-right: 2rem;}
.tactic-div > div .text p{font-size:var(--krds-pc-font-size-body-large); font-weight:600; margin-bottom:2rem;}
.tactic-div > div.bg1,
.tactic-div > div.bg1:before{background-image:url('/resource/images/content/self03_bg01.jpg')}
.tactic-div > div.bg3,
.tactic-div > div.bg3:before{background-image:url('/resource/images/content/self03_bg02.jpg')}

/*교수자전략*/
.tactic-step{display: flex; margin:7rem 0 0;}
.tactic-step > li{width:25%; padding:0 4rem;}
.tactic-step > li .circle{position:relative; background:#E5E5E5; padding-top: 100%; border-radius: 50%;}
.tactic-step > li .circle:before{content:''; position:absolute; left:-5.4rem; top:50%; width:3.5rem; height:0.8rem; background:url('/resource/images/content/arrow_right2.svg')no-repeat right 50%; background-size:auto 100%; transform:translateY(-50%);}
.tactic-step > li .circle:after{content:''; position:absolute; left:-4.9rem; top:50%; width:2rem; height:0.5rem; background: linear-gradient(90deg, #AEDBFF, #4265FF); transform:translateY(-50%); border-radius:1rem;}
.tactic-step > li .circle .circle-inn{position:absolute; left:1rem; top:1rem; width:calc(100% - 2rem); height:calc(100% - 2rem); display: flex; align-items: center;  justify-content: center; flex-direction: column; gap:2rem; background:var(--krds-light-color-surface-white); border:1px solid #d4d4d4; border-radius: 50%; }
.tactic-step > li .circle .circle-inn .icon{position:relative;  display:inline-block; }
.tactic-step > li .circle .circle-inn .icon:before{content:''; position:absolute; right:-1.5rem; top:-0.5rem; width:0.8rem; height:0.8rem; background: linear-gradient(90deg, #AEDBFF, #4265FF); border-radius:50%;}
.tactic-step > li .circle .circle-top{position:absolute; left:0.5rem; top:0.5rem; width:calc(100% - 1rem); height:6rem; overflow:hidden; z-index:1;}
.tactic-step > li .circle .circle-top span{display: block; width:100%; border:1rem solid #D7E7F8; border-radius:50%; padding-top:calc(100% - 2rem);}
.tactic-step > li .text{margin:5rem -2rem 0; }
.tactic-step > li .text p{font-size:var(--krds-pc-font-size-body-large); font-weight:700; color:var(--krds-light-color-text-basic); margin-bottom:2rem; text-align:center;}
.tactic-step > li .text li{display:flex; gap:2rem; margin-top:1.5rem; font-size:var(--krds-pc-font-size-body-medium);}
.tactic-step > li .text li em{display:inline-block; padding-left:3.1rem;}

.tactic-step > li:nth-of-type(1) .circle{background:#fbfbfb;}
.tactic-step > li:nth-of-type(2) .circle{background:#eeeeee;}
.tactic-step > li:nth-of-type(3) .circle{background:#e5e5e5;}
.tactic-step > li:nth-of-type(4) .circle{background:#d4d4d4;}

.tactic-step > li:nth-of-type(1) .circle .circle-top span{border-color:#f3f6f9;}
.tactic-step > li:nth-of-type(2) .circle .circle-top span{border-color:#edf6ff;}
.tactic-step > li:nth-of-type(3) .circle .circle-top span{border-color:#d7e7f8;}
.tactic-step > li:nth-of-type(4) .circle .circle-top span{border-color:#a3d0ff;}

.tactic-step > li:nth-of-type(1) .circle:before,
.tactic-step > li:nth-of-type(1) .circle:after{display:none;}

.tactic-step > li:nth-of-type(2) .circle:after{opacity:0.2;}
.tactic-step > li:nth-of-type(3) .circle:after{opacity:0.6;}


@media (max-width:1440px){
	/*교수자전략*/
	.tactic-step > li{padding:0 2rem;}
	.tactic-step > li .circle:before{left: -3.4rem; width:2.5rem;}
	.tactic-step > li .circle:after{left:-3.1rem;width: 1.5rem;}
	.tactic-step > li .circle .circle-inn{left: 1rem; top: 1rem; width: calc(100% - 2rem); height: calc(100% - 2rem);}
	.tactic-step > li .circle .circle-top{left: 0.5rem;  top: 0.5rem; width: calc(100% - 1rem);}
	.tactic-step > li .circle .circle-top span{border-width:1.5rem; padding-top: calc(100% - 2rem);}
	.tactic-step > li .text{margin:5rem -1rem 0; }
	.tactic-step > li .text li{display:block;}
	.tactic-step > li .text li b{display:block; margin-bottom:0.5rem;}
}
@media (max-width:1024px){
	/*교수자전략*/
	.tactic-step{flex-wrap:wrap; gap:4rem 2rem;}
	.tactic-step > li{width:calc(50% - 1rem); padding:0 4rem; }
	.tactic-step > li .circle:before{left: -18%; width:3.5rem;}
	.tactic-step > li .circle:after{left:-16%;width: 2rem;}
	.tactic-step > li .circle .circle-inn{left: 2rem; top: 2rem; width: calc(100% - 4rem); height: calc(100% - 4rem);}
	.tactic-step > li .circle .circle-top{left: 1rem;  top: 1rem; width: calc(100% - 2rem);}
	.tactic-step > li .circle .circle-top span{border-width:2rem; padding-top: calc(100% - 4rem);}
	.tactic-step > li .text{margin:5rem -2rem 0; }
	.tactic-step > li .text li{display:flex;}
	.tactic-step > li .text li b{display:block; margin-bottom:0rem;}
	
	/*단계*/
	.half-div.tactic-div-wrap{    display: block;}
	.tactic-div > div .icon{flex:0 1 12rem;}
}
@media (max-width:567px){
	/*교수자전략*/
	.tactic-step > li{width:100%; padding:0 8rem; }
	.tactic-step > li .circle:before,
	.tactic-step > li .circle:after{display:none;}
	.tactic-step > li .text{margin:5rem -6rem 0; }
	
	/*단계*/
	.tactic-div > div{flex-direction: column; gap:2rem;}
	.tactic-div > div .text{width:100%; padding:0 2rem;}
}

/********************************************************
■ 전형방법 > 전형방법 /study/way.jsp
********************************************************/
/*유형안내*/
.way-type-wrap{margin-top:6rem;}
.way-type-wrap ul{position:relative; display:flex;}
.way-type-wrap ul:before{content: '';  position: absolute;  left: -50vw; top: 0;  width: 150vw;  height: 16rem; background:#fff;  z-index: -1;}
.way-type-wrap ul:after{content: '';  position: absolute;  left: -50vw;  bottom: 0px;  width: 150vw;  height: 100%; background:#F8F8F8;  z-index: -2;}
.way-type-wrap ul> li{width:25%;  text-align: center; padding-bottom:6rem;}
.way-type-wrap ul> li .icon{height: 16rem; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size:var(--krds-pc-font-size-body-large); font-weight:700; gap:2rem;  text-align:center;}
.way-type-wrap ul> li .icon [class^="way-icon"]{display:block; width:6rem; aspect-ratio: 1; background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.way-type-wrap ul> li .icon .way-icon01{background-image:url('/resource/images/content/way1_icon01.svg')}
.way-type-wrap ul> li .icon .way-icon02{background-image:url('/resource/images/content/way1_icon02.svg')}
.way-type-wrap ul> li .icon .way-icon03{background-image:url('/resource/images/content/way1_icon03.svg')}
.way-type-wrap ul> li .icon .way-icon04{background-image:url('/resource/images/content/way1_icon04.svg')}
.way-type-wrap ol{display:inline-block; padding: 1rem;}
.way-type-wrap ol li{display:flex; gap:1rem; text-align:left; margin-top:1rem;}
.way-type-wrap ol li b{position:relative; flex-shrink:1; padding-left:3rem;}
.way-type-wrap ol li b:before{content:''; position:absolute; left:1.4rem; top:0.6rem; width:1rem; height:1rem; background:var(--krds-light-color-divider-primary);}
.way-type-wrap ol li:nth-child(2) b:after{content:''; position:absolute; left:0.2rem; top:0.6rem; width:1rem; height:1rem; background:var(--krds-light-color-divider-primary);}

/*파란배경 라운드박스*/
.way-bgBox{background:var(--krds-color-light-secondary-70) /* url('/resource/images/content/self01_bg02.jpg') */; color:var(--krds-light-color-surface-white); border-radius:2rem; border:1px solid var(--color-ddd); padding:2rem; font-size:var(--krds-pc-font-size-body-large); font-weight:500; text-align:center;}
.box1 {background:var(--krds-color-light-secondary-70) /* url('/resource/images/content/self01_bg02-1.jpg') */;}


/*선발기준*/
.way-core{background:#F8F8F8; padding:4rem; display:flex; flex-wrap:wrap; gap:1rem;}
.way-core li{position:relative; width:calc((100% - 2rem * 3) / 4); text-align:center; padding-right:1.5rem;}
.way-core li:before{content: "\ea6e"; position:absolute; right:0px; top:50%;  font-family: 'remixicon' !important; transform:translateY(-50%);}
.way-core li:last-child:before{display:none;}

/*테이블*/
.way-table{width:100%; }
.way-table thead th{position:relative; text-align:center; background:#F8F8F8; padding:3rem 1rem; border-bottom:6px solid #2499e3; font-size:var(--krds-pc-font-size-body-large);}
.way-table thead th:nth-of-type(1){border-top-left-radius:1rem;}
.way-table thead th:last-child{border-top-right-radius:1rem;}
.way-table thead th:before{content:''; position:absolute; left:-2px; bottom:-6px; width:2rem; height:6px; border-radius:4px;     background: linear-gradient(90deg, #aedbff, #82cdfd);}
.way-table thead th:nth-of-type(3):before,
.way-table thead th:nth-of-type(4):before,
.way-table thead th:nth-of-type(5):before{display:none;}
.way-table tbody th,
.way-table tbody td{padding:3rem 1rem; text-align:center;}
.way-table col.col20{width:20%}
.way-table col.col16{width:16%}

/*퍼센트 도표*/
.percentUl ul{display:flex; gap:2rem; flex-wrap:wrap;}
.percentUl ul li{flex: 1 0 30rem; display:flex; flex-direction: column; text-align:center; background:#f7f7f7; border-radius:3rem;}
.percentUl ul li .tit{padding:3rem 0; color:#fff; font-weight:600; font-size:var(--krds-pc-font-size-body-large); border-radius:3rem 3rem 0 0; background-repeat:repeat; background-position:0 0; background-color:#0E63EE; text-shadow:0 0 10px rgba(20,69,127,0.30);}
.percentUl ul li:nth-child(1) .tit{background:var(--krds-color-light-secondary-70);/*  background-image:url('/resource/images/content/way_bg01-1.jpg'); */ }
.percentUl ul li:nth-child(2) .tit{background:var(--krds-color-light-secondary-60); /* background-image:url('/resource/images/content/way_bg01-2.jpg'); */ }
.percentUl ul li:nth-child(3) .tit{background:var(--krds-color-light-secondary-50); /* background-image:url('/resource/images/content/way_bg01-3.jpg'); */ }
.percentUl ul li .txt{padding:2rem;}
/*서류평가 도표*/
.paperUl ul{display:flex; margin-bottom:4rem;}
.paperUl ul li{display: flex; align-items: center; justify-content: center;position:relative; flex:1;border:1px solid #ddd; background:url('/resource/images/content/way_bg02-2.jpg')repeat 0 0; color:var(--krds-light-color-text-basic); font-size:2.2rem; font-weight:600; text-align:center; padding:4rem 2rem; border-radius:1rem;}
.paperUl ul li:nth-child(2){margin-left:5rem;}
.paperUl ul li:nth-child(2):before{content:''; position:absolute; left:-1.68em; top:50%; width:2rem; height:2rem; background:url('/resource/images/content/way_plus.png')repeat 0 0; margin-top:-1rem; background-size:100% 100%;}
.paperUl ul li:nth-child(3){margin-left:11rem; background:var(--krds-color-light-secondary-60); /* background:url('/resource/images/content/self01_bg02.jpg')repeat 0 0; */ color:var(--krds-light-color-surface-white);}
.paperUl ul li:nth-child(3):before{content:''; position:absolute; left:-8.5rem; top:50%; width:6.8rem; height:6rem; background:url('/resource/images/content/way_paper_arrow.png')repeat 0 0; margin-top:-3rem; background-size:100% 100%;}

/*진로계획 도표*/
.circleUl{margin-top:4rem; margin-bottom:2rem;}
.circleUl li{ display:flex; }
.circleUl li:not(:last-child){margin-bottom:5rem;}
.circleUl li .cirTit{position:relative; text-align: center; display: flex;  align-items: center;  justify-content: center; width: 20rem; height:20rem; flex-shrink: 0; font-weight:600; font-size:var(--krds-pc-font-size-label-large); color:var(--krds-light-color-text-basic); border-width:2rem; border-style: solid; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50%;}
.circleUl li .cirTit:before{content:''; position:absolute; left:-3rem; top:-3rem; width:calc(50% + 3rem); height:calc(100% + 6rem); background:#fff;}
.circleUl li em{position:relative;z-index:1}
.circleUl li em:before{content:''; position:absolute; right:-1.5rem; top:-0.5rem; width:0.8rem; height:0.8rem; background: linear-gradient(90deg, #AEDBFF, #4265FF); border-radius:50%;}
.circleUl li p{position:relative; flex:1; display: flex;  align-items: center; margin-left:10rem; padding:2rem 6rem; border-radius:3rem; border:1px solid #ddd; font-size:var(--krds-pc-font-size-label-large); background-repeat:repeat; background-position:0 0;}
.circleUl li p:before{content:''; position:absolute; left:-6rem; top:50%; width:3.5rem; height:0.8rem; background:url('/resource/images/content/arrow_right2.svg')no-repeat right 50%; background-size:auto 100%; transform:translateY(-50%);}
.circleUl li p:after{content:''; position:absolute; left:-5.5rem; top:50%; width:2rem; height:0.5rem;  transform:translateY(-50%); border-radius:1rem;}

.circleUl li:nth-child(1) .cirTit{border-color: #F9FBFC}
.circleUl li:nth-child(1) p{background-image:url('/resource/images/content/way_bg02-1.jpg');}
.circleUl li:nth-child(1) p:after{background: linear-gradient(90deg, #B4D6F2, #6484E5);}
.circleUl li:nth-child(2) .cirTit{border-color: #FCFBF7}
.circleUl li:nth-child(2) p{background-image:url('/resource/images/content/way_bg02-2.jpg');}
.circleUl li:nth-child(2) p:after{background: linear-gradient(90deg, #E9D9BE, #D1CB77);}
.circleUl li:nth-child(3) .cirTit{border-color: #F7FCF8}
.circleUl li:nth-child(3) p{background-image:url('/resource/images/content/way_bg02-3.jpg');}
.circleUl li:nth-child(3) p:after{background: linear-gradient(90deg, #CBDCD2, #92B6AC);}
.circleUl li:nth-child(4) .cirTit{border-color: #F9F8FA}
.circleUl li:nth-child(4) p{background-image:url('/resource/images/content/way_bg02-4.jpg');}
.circleUl li:nth-child(4) p:after{background: linear-gradient(90deg, #D6CBDC, #B48FB4);}
.circleUl li:nth-child(5) .cirTit{border-color: #F7F8FA}
.circleUl li:nth-child(5) p{background-image:url('/resource/images/content/way_bg02-5.jpg');}
.circleUl li:nth-child(5) p:after{background: linear-gradient(90deg, #CBD1DC, #9294B6);}

/*영향평가 */
.circleUl li .cirTit.noCirTit{border:none; box-shadow:none;}
.circleUl li .cirTit.noCirTit:before{display:none; }

/*판단ul*/
.judgeUl{}
.judgeUl ul{display:flex; flex-wrap:wrap;  align-items: center;}
.judgeUl ul> li{position:relative; flex: 1 0 20rem; display:flex; flex-direction: column; text-align:center; border:1px solid #ddd; border-radius:3rem; }
.judgeUl ul> li .tit{display: flex; align-items: center;  justify-content: center; padding: 0 2rem; height:9rem;  color:var(--krds-light-color-text-basic); font-weight:600; font-size:var(--krds-pc-font-size-body-large); border-radius:3rem 3rem 0 0; background:url('/resource/images/content/way_bg02-2.jpg')repeat 0 0; border-bottom:1px solid #ddd;}
.judgeUl ul> li ol{ padding: 2rem;  display: flex; flex-direction: column; justify-content: center; min-height: 9rem;}
.judgeUl ul> li:nth-child(2){margin-left: 5rem;}
.judgeUl ul> li:nth-child(2):before{content:''; position:absolute; left:-3.5rem; top:50%; width:2rem; height:2rem; background:url('/resource/images/content/way_plus.png')repeat 0 0; margin-top:-1rem; background-size:100% 100%;}
.judgeUl ul> li:nth-child(3){margin-left:11rem;  padding: 3rem 2rem; background:var(--krds-color-light-secondary-60); /* background:url('/resource/images/content/self01_bg02.jpg')repeat 0 0; */ color:var(--krds-light-color-surface-white);}
.judgeUl ul> li:nth-child(3):before{content:''; position:absolute; left:-8.5rem; top:50%; width:6.8rem; height:6rem; background:url('/resource/images/content/way_paper_arrow.png')repeat 0 0; margin-top:-3rem; background-size:100% 100%;}


@media (max-width:1440px){
	/*선발기준*/
	.way-core{padding:2rem;}
	.way-core li{ width: calc((100% - 2rem * 2) / 3);}
	/*진로계획 도표*/
	.circleUl li p{padding:2rem;}
	
}
@media (max-width:768px){
	/*유형안내*/
	.way-type-wrap ul{flex-wrap:wrap;}
	.way-type-wrap ul:after{display:none;}
	.way-type-wrap ul>li{width:50%; padding-bottom: 6rem; background:#f8f8f8;}
	.way-type-wrap ul>li .icon{padding: 2rem; background:#fff;}
	.way-type-wrap ol{display:block; }
	/*선발기준*/
	.way-core li{ width: calc((100% - 2rem) / 2);}
	
	/*서류평가 도표*/
	.paperUl ul{    flex-wrap: wrap;}
	.paperUl ul li{flex: 1 0 42%;}
	.paperUl ul li:nth-child(3){margin-left:0; margin-top:11rem;     flex-basis: 100%;}
	.paperUl ul li:nth-child(3):before{left:50%; top:-8.5rem; transform: rotate(90deg );  margin-left: -3.4rem; margin-top:0;}
	/*진로계획 도표*/
	.circleUl li{flex-wrap: wrap; justify-content: center}
	.circleUl li .cirTit:before{    width: calc(100% + 6rem);  height: calc(50% + 3rem);}
	.circleUl li p{flex:1 0 100%; margin-left: 0rem; margin-top:8rem;  padding:4rem 2rem;}
	.circleUl li p:before{left:50%; top:-4.5rem; transform: rotate(90deg ); margin-left: -1.5rem;}
	.circleUl li p:after{left:50%; top:-4.4rem; width:0.5rem; height:2rem;}
	
	/*영향평가 */
	.circleUl li .cirTit.noCirTit{height: auto;}
	.circleUl li .cirTit.noCirTit em br{display:none;}
	
	/*판단ul*/
	.judgeUl ul> li{flex: 1 0 42%;}
	.judgeUl ul> li:nth-child(3){margin-left:0; margin-top:11rem;     flex-basis: 100%;}
	.judgeUl ul> li:nth-child(3):before{left:50%; top:-8.5rem; transform: rotate(90deg );  margin-left: -3.4rem; margin-top:0;}
}	

@media (max-width:567px){
	/*유형안내*/
	.way-type-wrap ul>li{width:100%; padding-bottom:0;}
	.way-type-wrap ol{padding:2rem;}
}

/********************************************************
■ 전형방법 > 준비방법 /study/prepare.jsp
********************************************************/
/*회색박스*/
.grayBox{background:#F8F8F8; padding:4rem; margin-top:4rem;}
.grayBox .bullet:before{background:var(--color-888)}

/*준비방법 도표*/
.prepareUl{display:flex; align-items: center; margin-top:4rem;}
.prepareUl .pleft{width:19rem; text-align:center;}
.prepareUl .pleft em{position:relative; display:inline-block; font-size:var(--krds-pc-font-size-body-large); color:var(--krds-light-color-text-basic); font-weight:600;}
.prepareUl .pleft em:before{content:''; position:absolute; right:-1.5rem; top:-0.5rem; width:0.8rem; height:0.8rem; background: linear-gradient(90deg, #AEDBFF, #4265FF); border-radius:50%;}
.prepareUl ul{padding-left:6rem; flex:1; position:relative; }
.prepareUl ul:before{content:''; position:absolute; left:0px; top:50%; width:12rem; height:50%; border-radius:50%; border:1.5rem solid #F4F7FB; transform:translateY(-50%); filter: blur(1px); z-index:-2;}
.prepareUl ul:after{content:''; position:absolute; left:6rem; top:0%; width:10rem; height:100%; background:#fff; z-index:-1; }
.prepareUl ul li{display:flex; border:1px solid #ddd; border-radius:2rem; min-height:15rem; overflow:hidden;}
.prepareUl ul li:nth-of-type(2){margin-top:8rem;}
.prepareUl ul li span{display: flex; align-items: center;  justify-content: center; width:23rem;flex-shrink: 0; padding:0 2rem; text-align:center; border-right:1px solid #ddd; font-weight:600; background:url('/resource/images/content/way_bg02-1.jpg')repeat 0 0;}
.prepareUl ul li p{flex:1; display: flex; align-items: center;  padding:2rem;} 

.prepareUl.prepareUl2{margin-top:10rem;}
.prepareUl.prepareUl2 ul:before{border-color:#F9F9F9}
.prepareUl.prepareUl2 ul li span{background:url('/resource/images/content/way_bg02-2.jpg')repeat 0 0;}

.indent{margin-left:30rem; margin-top:4rem;}

@media (max-width:768px){
	.grayBox{padding:2rem;}
	/*준비방법 도표*/
	.prepareUl{flex-direction: column; gap: 2rem;}
	.prepareUl .pleft em br{display:none;}
	.prepareUl ul{padding-left:0; padding-top:6rem;}
	.prepareUl ul:before{left: 50%; top: 0; width: 20rem; height: 80%; border-radius:10rem 10rem  0 0; transform: translateX(-50%) translateY(0%);}
	.prepareUl ul:after{display:none;}
	
	.prepareUl ul li {background:#fff; flex-direction: column;}
	.prepareUl ul li span{width: 100%;padding: 2rem 1rem; border-right:none; border-bottom:1px solid #ddd; }
	.prepareUl ul li p{padding:1rem;}
	.prepareUl ul li:nth-of-type(2){margin-top:4rem;}
	
	.indent{margin-left:0;}
}

/********************************************************
■ 전형방법 > 시행고교 /study/enforce.jsp
********************************************************/
/*탭*/
.tab-enforce ul{display:flex;}
.tab-enforce ul li{width:20%;  color:#4e5c75; background:url('/resource/images/content/way_bg02-1.jpg')repeat 0 0;  }
.tab-enforce ul li a{display:block; padding:3rem 1rem; font-size:2.2rem; text-align:center; font-weight:600; }
.tab-enforce ul li.active{/* background-image:url('/resource/images/content/way_bg01-1.jpg'); */ background:#0F427B; }
.tab-enforce ul li.active a{ color:var(--krds-light-color-surface-white);}
.tab-enforce ul li.active a:focus{}
/*테이블*/
.table-enforce-school{width:100%; table-layout: fixed;}
.table-enforce-school td,
.table-enforce-school th{padding:2rem; text-align:center; border-bottom:1px solid var(--color-ddd); word-break: break-all;}
.table-enforce-school td.th{color:#0C407C; font-weight:600;}
.table-enforce-school th.thead{/* background:url('/resource/images/content/way_bg01-1.jpg')repeat 0 0; */ color:var(--krds-light-color-surface-white); background-color:#0F427B; padding:3rem 2rem; font-size:2.2rem;}
.table-enforce-school th.thead.radius{border-radius:2rem 2rem 0 0;}
.table-enforce-school td em{color:var(--krds-light-color-divider-primary);}
.table-enforce-school td a{}
.table-enforce-school .tr-title{background:#F8FBFE; color:#62728d;}
.table-enforce-school .tr-title th{position:relative; border-bottom:7px solid #0C407C; color: var(--krds-light-color-text-basic);}
.table-enforce-school .tr-title th:before{content:''; position:absolute; left:0px; bottom:-7px; width:2rem; height:7px; border-radius:4px;     background: linear-gradient(90deg, #AEDBFF, #4265FF);}
.table-enforce-school col.col30{width:30%}
.table-enforce-school col.col70{width:70%}

.familysite-block{position: relative; display: inline-block;  overflow-x: auto; width: 100%;  white-space: nowrap;}
.familysite-block .table-enforce-school{table-layout: auto;}
.familysite-block .table-enforce-school th,
.familysite-block .table-enforce-school td{text-align:left;}
.familysite-block col.col35{width:35%}
.familysite-block col.col65{width:65%}
@media (max-width:567px){
	/*탭*/
	.tab-enforce ul li{display: flex; align-items: center;  justify-content: center; font-size:var(--krds-mobile-font-size-body-large); padding:1rem; line-height:1.2;}
	
}


/********************************************************
■ 영향평가 /survey/survey.jsp
********************************************************/
/*시행학교*/
.surveyBox{display:flex; gap:2rem 4rem; flex-wrap:wrap}
.surveyBox .sur-box{flex:1 1 30%; background:var(--krds-light-color-surface-white); border:1px solid #ddd; border-radius:2rem; }
.surveyBox .sur-box .sur-tit{display: flex; align-items: center;  justify-content: center; height:9rem; font-size:var(--krds-pc-font-size-body-large); color:var(--krds-light-color-text-basic); border-bottom:1px solid #ddd; font-weight:600; background-repeat:repeat; background-position:0 0; border-radius:2rem 2rem 0 0;}
.surveyBox .sur-box:nth-of-type(1) .sur-tit{background-image:url('/resource/images/content/way_bg02-1.jpg')}
.surveyBox .sur-box:nth-of-type(2) .sur-tit{background-image:url('/resource/images/content/way_bg02-4.jpg')}
.surveyBox .sur-box:nth-of-type(3) .sur-tit{background-image:url('/resource/images/content/self02_bg02.jpg')}
.surveyBox .dot{padding:3rem;}
.surveyBox .dot li+li{margin-top:0.5rem;}

/*평가항목*/
.survey-icon-wrap{display:flex;  flex-wrap:wrap; gap:6rem 0;}
.survey-icon-wrap>div{flex:1 1 50%; }
.survey-icon-wrap p{display:flex; align-items: center; gap:2rem; font-size:var(--krds-pc-font-size-body-large); color:var(--krds-light-color-text-basic); font-weight:600; margin-bottom:3rem;}
.survey-icon-wrap li{display:flex;gap:1rem; }
.survey-icon-wrap li+li{margin-top:1rem;}
.survey-icon-wrap li em{color:var(--krds-light-color-divider-primary); font-weight:600;}

@media (max-width:768px){
	/*시행학교*/
	.surveyBox{ gap:2rem;}
	.surveyBox .sur-box{flex:1 0 100%;}
	
	/*평가항목*/
	.survey-icon-wrap>div{flex:1 1 100%; }
}

/********************************************************
■ 학교정보 조회 /entrance/search.do
********************************************************/
.search-top h2{font-size: var(--krds-pc-font-size-display-small); color: var(--krds-light-color-text-basic); font-weight: 700; font-family: var(--Paperlogy); text-align:center; margin-bottom:var(--krds-number-11) }
.search-top .search-option{display:flex; align-items: center; justify-content: center; gap: 3.6rem;  padding: var(--krds-number-14) 15.5rem; border-radius: var(--krds-number-8); background: var(--krds-light-color-surface-primary-subtler); margin-bottom: var(--krds-number-12);}
.search-top .search-input{display:flex; height: 5.6rem; width:50rem; }
.search-top .search-input label{position:absolute; left:0px; top:0px; width:1px; height:1px;clip-path: inset(0 0 0 0); }
.search-top .search-input div{position:relative; width: 100%;}
.search-top .search-input select{display:none; width:12.6rem; border-radius: var(--krds-radius-medium3) 0rem 0rem var(--krds-radius-medium3);border: 1px solid var(--krds-light-color-input-border);}
/*프로그램 적용전 숨김처리*//* .search-top .search-input input{border-radius: 0rem var(--krds-radius-medium3) var(--krds-radius-medium3) 0rem; padding-right:5rem; border-left-color:#fff;} */
.search-top .search-input input{border-radius: var(--krds-radius-medium3) var(--krds-radius-medium3) ; padding-right:5rem; }
.search-top .search-input button{position:absolute; right:1.6rem; top:50%; margin-top:-1.7rem; display: flex; width: 3.4rem; padding: 0.5rem; justify-content: center; align-items: center; aspect-ratio: 1/1;border-radius: 1.2rem; background: var(--krds-light-color-text-primary) url('/resource/images/main/search_icon.svg')no-repeat 50% 50%; background-size:2rem;}
.search-top .searchOpen{background:#fff; border-color:var(--krds-light-color-input-border); color:var(--krds-light-color-input-border);}
.search-top .searchOpen .svg-icon{background-color:var(--krds-light-color-button-primary-fill)}
.search-top .searchOpen.active .svg-icon{transform: rotate(180deg );}
.search-top .search-type{ flex:1; display:flex;height: 5.6rem; }
.search-type button{flex:1; padding:0 2.4rem; background:#fff; color: var(--krds-light-color-text-subtle); border: 1px solid var(--krds-light-color-border-gray-light); font-size: var(--krds-pc-font-size-heading-xsmall); font-weight: 700; height:100%;}
.search-type button:first-child{border-radius: var(--krds-radius-medium3) 0rem 0rem var(--krds-radius-medium3); border-right:none;}
.search-type button:last-child{border-radius: 0 var(--krds-radius-medium3) var(--krds-radius-medium3) 0; border-left:none;}
.search-type button em{font-size: var(--krds-pc-font-size-body-xsmall); font-weight:400; background:var(--krds-light-color-link-hover); color:#fff; padding:0.4rem 0.8rem; border-radius:2rem;}
.search-type button em i{display:none;}
.search-type button.active{color:#fff; background:var(--krds-light-color-link-hover);}
.search-type button.active em{background:#fff; color:var(--krds-light-color-link-hover);}

.main_sch .search-type{width:100%; margin:0 auto var(--krds-number-17);display:flex;height: 5.6rem;  }

.main_sch{ padding: var(--krds-number-17) var(--krds-number-17); border-radius: var(--krds-number-8); border: 1px solid var(--krds-light-color-link-hover); background: #FFF; box-shadow: 0px 4px 20px 0px var(--krds-light-color-alpha-shadow2);}
.main_sch .option_box{width:91rem; margin:0 auto;}
.main_sch .option_box .titles{margin-bottom: var(--krds-number-13); font-size: var(--krds-pc-font-size-heading-medium); color: var(--krds-light-color-text-basic); font-weight: 700; text-align:center; padding-bottom: var(--krds-number-8); border-bottom:0.1rem solid var(--krds-light-color-border-gray-light);}
.main_sch .ul-list{display:flex; flex-flow:row wrap; justify-content: center; gap:var(--krds-gap-6) var(--krds-gap-8); }
.main_sch .ul-list.search-map-wrap{gap:var(--krds-gap-6);} 
.main_sch .ul-list .link{display:block;}
.main_sch .ul-list .link input + label{display: flex; align-items: center;  justify-content: center; height:5rem; padding:0; border:0.1rem solid var(--krds-light-color-border-gray-light); font-size: var(--krds-pc-font-size-body-medium); color: var(--krds-light-color-text-basic); text-align:center; background: var(--krds-high-contrast-color-icon-gray); box-shadow: 0px 0px 20px 0px #E6E9EE inset;}
.main_sch .ul-list .link input + label:before{display:none;}
.main_sch .ul-list .link input + label em{color: var(--krds-high-contrast-color-text-disabled); font-size: var(--krds-pc-font-size-body-small);}
.main_sch .ul-list .link input:focus + label,
.main_sch .ul-list .link input:checked + label{border: 0.2rem solid var(--krds-light-color-link-hover); color:var(--krds-light-color-link-hover); font-weight:700; background: var(--krds-light-color-surface-primary-subtler); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);}
.main_sch .ul-list .link input:checked:focus-visible + label,
.main_sch .ul-list .link input:focus-visible + label{outline-offset: 0.4rem; outline: 0.2rem solid #0067ff;}
.main_sch .ul-list li:first-child label{border-radius:var(--krds-radius-medium1) 0 0 var(--krds-radius-medium1);}
.main_sch .ul-list li:last-child label{border-radius: 0 var(--krds-radius-medium1) var(--krds-radius-medium1) 0;}



.main_sch .ul-list .link2{display:block;}
.main_sch .ul-list .link2 input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.main_sch .ul-list .link2 input + label{display:flex; flex-direction: column; align-content: center; align-items: center; text-align:center;  padding:0;}
.main_sch .ul-list .link2 input + label:before{display:none;}
.main_sch .ul-list .link2 input + label:focus{outline: 0.2rem solid var(--krds-light-color-border-inverse);outline-offset: 0; box-shadow: var(--krds-box-shadow-outline); transition: outline 0s, box-shadow 0s !important;}
.main_sch .ul-list .link2 input + label em{color: var(--krds-high-contrast-color-text-disabled); font-size: var(--krds-pc-font-size-body-small);}
.main_sch .ul-list .link2 input + label .icon{display: flex; align-items: center;  justify-content: center; margin-bottom: var(--krds-number-5); width:8rem; aspect-ratio: 1 / 1; font-size: var(--krds-pc-font-size-body-medium); color: var(--krds-light-color-text-basic); text-align:center; border-radius: 4rem; font-size:var(--krds-pc-font-size-body-large); font-weight:800; color:var(--krds-light-color-text-secondary);  background-color: var(--krds-high-contrast-color-icon-gray); background-repeat:no-repeat; background-position:50% 50%; background-size:100%; box-shadow: 0px 0px 20px 0px #E6E9EE inset;}
.main_sch .ul-list .link2 input:focus + label .icon,
.main_sch .ul-list .link2 input:checked + label .icon{border: 0.2rem solid var(--krds-light-color-link-hover); color:var(--krds-light-color-link-hover); font-weight:700; background-color: var(--krds-light-color-surface-primary-subtler); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);}
.main_sch .ul-list .link2 input:checked:focus-visible + label,
.main_sch .ul-list .link2 input:focus-visible + label{outline-offset: 0.4rem; outline: 0.2rem solid #0067ff;}

.main_sch .ul-list .link2 .sch-lb2{background-image:url('/resource/images/main/sch-lb2.svg');}
.main_sch .ul-list .link2 .sch-lb3{background-image:url('/resource/images/main/sch-lb3.svg');}
.main_sch .ul-list .link2 .sch-lb4{background-image:url('/resource/images/main/sch-lb4.svg');}
.main_sch .ul-list .link2 .sch-lb5{background-image:url('/resource/images/main/sch-lb5.svg');}
.main_sch .ul-list .link2 .sch-lb6{background-image:url('/resource/images/main/sch-lb6.svg');}
.main_sch .ul-list .link2 .sch-lb7{background-image:url('/resource/images/main/sch-lb7.svg');}
.main_sch .ul-list .link2 .sch-lb8{background-image:url('/resource/images/main/sch-lb8.svg');}
.main_sch .ul-list .link2 .sch-lb9{background-image:url('/resource/images/main/sch-lb9.svg');}
.main_sch .ul-list .link2 .sch-lb10{background-image:url('/resource/images/main/sch-lb10.svg');}
.main_sch .ul-list .link2 .sch-lb11{background-image:url('/resource/images/main/sch-lb11.svg');}
.main_sch .ul-list .link2 .sch-lb12{background-image:url('/resource/images/main/sch-lb12.svg');}
.main_sch .ul-list .link2 .sch-lb13{background-image:url('/resource/images/main/sch-lb13.svg');}
.main_sch .ul-list .link2 .sch-lb14{background-image:url('/resource/images/main/sch-lb14.svg');}
.main_sch .ul-list .link2 .sch-lb15{background-image:url('/resource/images/main/sch-lb15.svg');}
.main_sch .ul-list .link2 .sch-lb16{background-image:url('/resource/images/main/sch-lb16.svg');}
.main_sch .ul-list .link2 .sch-lb17{background-image:url('/resource/images/main/sch-lb17.svg');}
.main_sch .ul-list .link2 .sch-lb18{background-image:url('/resource/images/main/sch-lb18.svg');}


.main_sch .ul-list .link2 .sh3-lb2{background-image:url('/resource/images/main/sh3-lb2.png');}
.main_sch .ul-list .link2 .sh3-lb3{background-image:url('/resource/images/main/sh3-lb3.png');}
.main_sch .ul-list .link2 .sh3-lb4{background-image:url('/resource/images/main/sh3-lb4.png');}
.main_sch .ul-list .link2 .sh3-lb5{background-image:url('/resource/images/main/sh3-lb5.png');}
.main_sch .ul-list .link2 .sh3-lb6{background-image:url('/resource/images/main/sh3-lb6.png');}
.main_sch .ul-list .link2 .sh3-lb7{background-image:url('/resource/images/main/sh3-lb7.png');}
.main_sch .ul-list .link2 .sh3-lb8{background-image:url('/resource/images/main/sh3-lb8.png');}
.main_sch .ul-list-sub#type-setting-series{background:none; padding:0;}
.main_sch .ul-list-sub#type-setting-series ul{justify-content: center;}

.main_sch .ul-list-sub{display:none; margin-top:3rem; background:var(--krds-color-light-secondary-5); padding: var(--krds-number-10); border-radius: var(--krds-number-8); }
.main_sch .ul-list-sub ul{display:flex; flex-flow:row wrap; gap:var(--krds-gap-5); padding: 0rem var(--krds-number-11);}
.main_sch .ul-list-sub ul input {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.main_sch .ul-list-sub ul input + label{display: flex; align-items: center;  justify-content: center; width:10rem; padding:0.5rem; padding-left:1rem; line-height:1.5; border-radius:2rem; font-size: var(--krds-pc-font-size-body-medium); border:0.1rem solid var(--krds-color-light-secondary-5); color: var(--krds-light-color-text-basic); text-align:center;  background: #fff; box-shadow: 0px 0px 20px 0px #E6E9EE;}
.main_sch .ul-list-sub ul input:checked + label{background:var(--krds-light-color-link-hover); font-weight:700; color:#fff; }
.main_sch .ul-list-sub ul input:not(:checked) + label{background: #fff; font-weight:700; color: var(--krds-light-color-text-basic); }
.main_sch .ul-list-sub ul input + label:before,
.main_sch .ul-list-sub ul input:checked + label:after{ display:none;}
.main_sch .ul-list-sub ul input:checked:focus-visible + label,
.main_sch .ul-list-sub ul input:focus-visible + label{outline: 0.2rem solid #fff; box-shadow: 0 0 0 0.4rem var(--krds-color-light-danger-40)!important;}


.main_sch .info_box{margin:2rem 0; display:none; background:var(--krds-color-light-secondary-5); padding: var(--krds-number-10); border-radius: var(--krds-number-8);}
.main_sch .info_box .info_tit{padding-left:var(--krds-number-11); padding-bottom:var(--krds-number-7); margin-bottom:var(--krds-number-9); border-bottom:0.1rem solid var(--krds-light-color-border-disabled); color: var(--krds-light-color-text-secondary); font-size: var(--krds-pc-font-size-body-large);  font-weight: 700; background:url('/resource/images/main/icon_system-info.svg')no-repeat 0 0; background-size:2.2rem; }
.main_sch .info_box p{padding: 0rem var(--krds-number-11);}


#secrch-type03 .opt_box_inn{display:flex; flex-direction: row; flex-wrap:wrap; gap:var(--krds-gap-6) var(--krds-gap-4);}
#secrch-type03 .opt_box_inn .row{width:calc((100% - var(--krds-gap-4)) / 2);}
#secrch-type03 .opt_box_inn .row .option-list{display:flex; align-items: center; flex-wrap:wrap;}
#secrch-type03 .opt_box_inn .row .option-list-tit{flex: 0 0 12rem;  font-weight: 700; color: var(--krds-light-color-text-secondary);}
#secrch-type03 .opt_box_inn .row .ul-list{gap:0; flex-grow:1;}
#secrch-type03 .opt_box_inn .row .ul-list li{width:auto; flex:1 0 25%;}

.main_sch .option-result{ width: 91rem; margin: 2rem auto 0;display: flex;  flex-direction: column;}
.main_sch .option-result .option-check{display:flex; gap:var(--krds-gap-3); flex-wrap:wrap; border:0.1rem solid var(--krds-light-color-border-gray-light); gap:var(--krds-gap-3); padding:var(--krds-padding-6); border-radius:var(--krds-radius-medium3); margin-bottom:var(--krds-number-9); }
.main_sch .option-result .option-check .option-check-tag{position:relative; display:inline-block; padding:0.5rem 1.5rem; font-size:var(--krds-pc-font-size-body-small); border-radius: var(--krds-number-8); background: var(--krds-light-color-surface-primary-subtler); color: var(--krds-light-color-text-secondary);}
.main_sch .option-result .option-check .option-check-tag button{margin-left:1rem; text-indent:-10000px; display:inline-block; width:var(--krds-icon--size-small); height:var(--krds-icon--size-small);vertical-align: middle; cursor:pointer; background-color:var(--krds-light-color-text-secondary); background-image:none;  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain;  mask-repeat: no-repeat; mask-position: center center;  mask-size: contain; -webkit-mask-image: url(/resource/images/krds/ico_close.svg); mask-image: url(/resource/images/krds/ico_close.svg);}
.main_sch .option-result .option-check .option-check-tag:focus-within{outline-offset: 0.4rem; outline: 0.2rem solid #0067ff;}
.main_sch .option-result .result-btn{position:relative; text-align:center; display:flex; justify-content: center; gap:var(--krds-gap-5); }


@media (max-width:1440px){
	.search-top .search-option{padding: var(--krds-number-14) 6.5rem;}
	.search-top .search-input{width:100%;}
	.main_sch .option_box,
	.main_sch .option-result{width:100%;}
	
}

@media (max-width:1200px){
	.main_sch {    padding: var(--krds-number-10);}
	.search-top .search-option{padding: var(--krds-number-14); gap:1rem;}
	.search-top .select-area,
	.main_sch .option_box,
	.main_sch .option-result{height:auto; width:100%;}
	.search-top .search-input div{flex-grow:1;}
	.search-top .search-type button{flex-grow:1; padding:0 1rem;}
	
	#secrch-type03 .opt_box_inn{gap:var(--krds-gap-6);}
	#secrch-type03 .opt_box_inn .row{width:100%;}
}
@media (max-width:900px){
	.search-top .search-input,
	.search-top .search-type{width:100%;}
	.search-top h2{  font-size: var(--krds-mobile-font-size-display-small);}
	
}
@media (max-width:768px){
	.search-top{ }
	.search-top h2{text-align:left; margin-bottom: var(--krds-number-6);}
	.search-top .search-input{flex-direction: column; height:auto;}
	.search-top .search-input select{height: 5rem; width:100%; border-radius: var(--krds-radius-medium3) var(--krds-radius-medium3) 0 0;}
	/*프로그램 적용전 숨김처리*//* .search-top .search-input input{height: 5rem; border-left-color:var(--krds-input--color-border); border-top-color:#fff; border-radius: 0 0 var(--krds-radius-medium3) var(--krds-radius-medium3);} */
	.search-top .search-input input{height: 5rem;}
	.search-top .search-type{flex: 0 0 auto;}
	.search-top .search-type button{padding:0 0.5rem; }
	.search-top .search-option{ padding:var(--krds-contents-padding-x);}
	.search-top .searchOpen{height:5rem;}
	.main_sch{padding: var(--krds-number-10) var(--krds-number-7);}
	.main_sch .search-type{width:100%; margin: 0 auto var(--krds-number-10);}
	.search-type button{font-size: var(--krds-pc-font-size-heading-xxsmall); padding: 0 1.4rem; }
	.search-type button em{display: block; width: 6rem; padding: 0rem 0; margin: 0 auto 0.2rem;}
	.search-type button em i{display:inline-block;}

	.main_sch .ul-list-sub{padding:var(--krds-number-6);}
	.main_sch .ul-list-sub ul{padding:0; gap: var(--krds-gap-3);}
	.main_sch .ul-list-sub ul li{}
	.main_sch .ul-list-sub ul input + label{font-size: var(--krds-mobile-font-size-body-small); width:100%;  padding:0.4rem 0.8rem; }
	.main_sch .ul-list .link2 input + label .icon{width: 4rem;}
	.main_sch .ul-list .link input + label{font-size: var(--krds-mobile-font-size-body-small); height:4rem;}

	.main_sch .info_box p{padding:0;}
	.main_sch .info_box .info_tit{    font-size: var(--krds-mobile-font-size-body-medium);}
	.main_sch .option_box .ul-list,
	.main_sch .option_box .ul-list.search-map-wrap{gap: var(--krds-gap-4); }
	
	.main_sch .option_box .titles{padding-bottom: var(--krds-number-5);  margin-bottom: var(--krds-number-10);}
	
	#secrch-type03 .opt_box_inn .row .option-list-tit{flex:0 0 100%;}
	#secrch-type03 .opt_box_inn .row .option-list{ align-items: flex-start; flex-direction: column; gap:0.5rem;}
	#secrch-type03 .opt_box_inn .row .ul-list{width:100%;}
	
	.main_sch .option-result{padding:0;}
	.main_sch .option-result .result-btn{gap:var(--krds-gap-3);}
	.main_sch .option-result .option-check{gap:var(--krds-gap-2); padding: var(--krds-number-6);}
	.main_sch .option-result .option-check .option-check-tag{padding: 0.3rem 1rem; font-size: var(--krds-mobile-font-size-body-xsmall);}
	
}
@media (max-width:450px){
	.search-top .search-option{flex-direction: column;}
	
}



/*타이틀*/
.search-title{display: flex; justify-content: space-between; margin:4rem 0 2rem; position:relative; }
.search-title h3{font-size:var(--krds-pc-font-size-heading-medium); font-weight:700; color:var(--krds-light-color-text-basic);}
.search-title h3 span{color:var(--color-444); font-weight:500; font-size:var(--krds-pc-font-size-heading-small);}
.search-title h3 span b{color:var(--krds-light-color-text-primary);}
.search-title .btn-more{display: flex; align-items: center;  justify-content: center;  color:var(--krds-light-color-text-primary);  gap:0 1rem;}
.search-title .btn-more i{display:block; width:3rem; height:3rem; line-height:3rem; color:#fff;  background:var(--krds-light-color-text-primary); border-radius:50%; text-align:center; font-size:var(--krds-pc-font-size-body-medium); }

.search-result-title{margin:0 0 8rem; text-align:center;}
.search-result-title p{position:relative; font-size:4rem;  font-family: var(--Paperlogy); font-weight: 500; color:var(--krds-light-color-text-basic);}
.search-result-title p b{color:var(--krds-light-color-text-primary); text-decoration:underline;text-underline-position: under;}
.search-result-title p i{color:var(--color-ddd);}

/*학교 리스트*/
.school-result {clear:both;	position:relative;}
.school-list{display:flex; gap:2rem; flex-wrap:wrap;}
.school-list> li{width:calc((100% - 2rem * 2) / 3);  position:relative; }
.school-list> li a{display: block; }
.school-list> li .info_wrap {display:block; width:100%; height: 100%; padding:2rem; border: 3px solid transparent;  outline: 1px solid var(--color-ddd); transition: all 0.2s ease-in-out 0s; border-radius:var(--krds-radius-xlarge1); overflow:hidden; position:relative;}
.school-list> li .info_wrap .school-info { margin-bottom:1rem;}
.school-list> li .info_wrap:after{content: ''; position: absolute;  right: -4.5rem; bottom: -4.5rem; display: block; width: 0; height: 0; background: var(--krds-light-color-button-primary-fill-hover); border-radius: 5.8rem;  transition: all 0.3s ease-in-out 0s;}
.school-list> li .compare_btn { position: absolute; top: 2.2rem; right: 2.2rem;  z-index: 2;  background: #fff; display:flex; align-items: center; justify-content: center; width:7.52rem; height:3rem; border: 1px solid  var(--krds-light-color-text-primary); border-radius:var(--krds-radius-medium1); color:var(--krds-light-color-text-primary); font-size:var(--krds-pc-font-size-body-xsmall); font-weight:800;  transition: all 0.3s;}
.school-list> li .compare_btn > div {position:relative; transition: all 0.3s;}
.school-list> li .compare_btn > div img{display:none;}
.school-list> li .compare_btn > div:before {content: ''; display:block; width:1.9rem; height:1.9rem; background-color: var(--krds-light-color-text-primary);
    forced-color-adjust: none;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(/resource/images/krds/ico_copy.svg);
    mask-image: url(/resource/images/krds/ico_copy.svg);}
.school-list> li .school-name{color:var(--krds-light-color-text-basic); font-weight:700; font-size:var(--krds-mobile-font-size-heading-medium);  margin-bottom:1rem; word-break: break-all;}
.school-list> li .school-addr{color:var(--color-888); font-size:var(--krds-pc-font-size-body-medium);}
.school-list> li .arrow{position:absolute; right:2rem; bottom:1rem; color: #fff; font-size: 4rem; z-index:1}
.school-list> li ul li {display:flex; gap:0.5rem; font-size:var(--krds-pc-font-size-body-medium); letter-spacing:0;}
.school-list> li ul li span{display:block; font-weight:500; color:#555;}
.school-list> li ul li .li-tit{color:var(--color-888); font-weight:400;}
.school-list> li .info_wrap:hover,
.school-list> li .info_wrap:focus { border-color: var(--krds-light-color-button-primary-fill-hover); outline: 1px solid var(--krds-light-color-button-primary-fill-hover);}
.school-list> li .info_wrap:focus > span > img,
.school-list> li .info_wrap:hover > span > img {opacity:0;}
.school-list> li .info_wrap:focus:after,
.school-list> li .info_wrap:hover:after{width: 13rem; height: 13rem;}
.school-list> li .compare_btn:focus ,
.school-list> li .compare_btn:hover {color:#fff; background:var(--krds-light-color-button-primary-fill-hover);}
.school-list> li .compare_btn:focus > div:before,
.school-list> li .compare_btn:hover > div:before {background-color:#fff;}
.school-list> li .compare_on_btn {color:#fff; background:var(--krds-light-color-button-primary-fill);}
.school-list> li .compare_on_btn > div:before {background-color:#fff;}
.school-list> li .school-img {display: block; text-align: center; position: relative; aspect-ratio: 310 / 147;}
.school-list> li .school-img img{object-fit: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#search-result-wrap .school-list> li .school-info{border-radius:1rem; border:1px solid #ddd; padding:2rem;}
.school-list> li.nodata,
.data-search-result li.nodata{width:100%; text-align:center; padding:20rem 2rem 4rem; background:url('/resource/images/content/nodata.png')no-repeat 50% 4rem; background-size:auto 12rem; color:var(--color-888);}



/*함께보기*/
#compare_wrap {padding: 3.3rem 0 3.1rem; position: fixed; left: -4px; right: 0; bottom: 0; z-index: 100; color: #000;  background: #fff; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; box-shadow: 0 -5px 20px rgba(39,49,70, 0.1); border-top-left-radius:7.4rem;}
#compare_wrap .close { position: absolute; right: 1rem;  top: 1rem; display:block; width: var(--krds-icon--size-large); height: var(--krds-icon--size-large);  ;}
#compare_wrap .close em { display: block; width:100%; height:100%; background-color: var(--krds-light-color-text-basic); forced-color-adjust: none; z-index: 10; -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/resource/images/krds/ico_close.svg); mask-image: url(/resource/images/krds/ico_close.svg) font-size: 1px;}
.compare { position: relative;  display: flex;  display: -ms-flexbox; align-items: center;  width:150rem; gap:3rem;   margin: 0 auto;}
.compare .txt_box {width: 34rem;flex-shrink: 0; display: flex; align-items: flex-end; gap: 2rem 3.7rem;}
.compare .txt_box h1 {display: flex; align-items: flex-start; gap:2rem 5.3rem; font-size: var(--krds-pc-font-size-heading-medium); font-weight: 700; color: var(--krds-light-color-text-basic); font-family: var(--Paperlogy); line-height:1.18;}
.compare .txt_box .headerCopy {display: inline-block; margin-top:2.8rem; font-size: var(--krds-pc-font-size-label-medium); color: #333333; line-height:1.2; font-weight:500;}
.compare .compare_btn { display: flex; padding: 1.1rem 2rem; width: auto; box-sizing: border-box; text-align: center; background: var(--krds-light-color-button-primary-fill); border-radius:var(--krds-radius-medium2); color:#fff; transition: all 0.3s; }
.compare .compare_btn span { display: inline-block; font-size: var(--krds-pc-font-size-body-medium); font-weight:700; color: #fff;}
.compare .compare_selct { display: flex; gap:1rem;  display: -ms-flexbox; width: calc(100% - 34rem); flex-wrap: wrap;}
.compare .compareItem  { display: flex; display: -ms-flexbox; justify-content: space-between; align-items: center; position: relative; width: calc((100% - 1rem* 2) / 3); height: 12rem; border: 1px solid #fff; border-radius: 0.6rem;  overflow:hidden; background-color: #fff; justify-content: center;  text-align: center;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);}
.compare .compareItem .item_delete {position:absolute; top:0.5rem; right:0.5rem; display: flex; align-items: center; border-radius:0.2rem; z-index:1;}

.compare .compareItem .noData { display: block;  width: 100%;  line-height: 1.2;  font-size: var(--krds-pc-font-size-body-medium);  color: #000;  text-align: center;  font-weight:700;}
.compare .compareItem .noData .vs { display: flex; justify-content: center; width: 7.52rem; height: 3rem; border: 1px solid var(--krds-light-color-button-primary-fill);  border-radius: var(--krds-radius-medium1);  color: var(--krds-light-color-button-primary-fill);  font-size:var(--krds-pc-font-size-body-xsmall);  align-items: center;	margin: 0.6rem auto 0.6rem auto;}
.compare .compareItem .noData .vs em{    display: inline-block; width: 1.9rem;  height: 1.9rem; background-color: var(--krds-light-color-button-primary-fill);  forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center; -webkit-mask-size: contain;  mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/resource/images/krds/ico_copy.svg); mask-image: url(/resource/images/krds/ico_copy.svg);}

.compare .expand_btn { position: absolute;right: -9rem; top: 50%; width: 6rem; height: 6rem; display: flex; align-items: center;  justify-content: center; border:1px solid var(--krds-light-color-button-primary-fill); background:var(--krds-light-color-button-secondary-fill); border-radius:50%; transform: translate(0, -50%); filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.1));}
.compare .expand_btn em {display:block; width:3rem; height: 3rem;  background-color: var(--krds-light-color-button-primary-fill); forced-color-adjust: none; z-index: 10; -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url(/resource/images/krds/ico_angle.svg); mask-image: url(/resource/images/krds/ico_angle.svg); font-size: 0;}

.compare .compare_btn:hover {background: var(--krds-light-color-button-primary-fill-hover);}

/*함께보기 접었을때*/
#compare_wrap.isShrink {padding:3.1rem 0;}
#compare_wrap.isShrink .txt_box h1 {margin:0; align-items: center;}
#compare_wrap.isShrink .compare_selct {display:none;}
#compare_wrap.isShrink .txt_box > div {display: flex; align-items: center; gap: 1rem;}
#compare_wrap.isShrink .txt_box {width:100%; gap: 2rem; align-items: center;}
#compare_wrap.isShrink .txt_box .headerCopy {margin-top:0;}
#compare_wrap.isShrink .txt_box .headerCopy br {display:none;}
#compare_wrap.isShrink .expand_btn{transform: translate(0, -50%) scale(-1);}


/* 함께보기 팝업 */
.comp_pop{background:rgba(0, 0, 0, .8); position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.comp_pop #popin {padding: 4rem 0 2rem; width:75%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; text-align:center; border-radius:1.2rem; overflow: hidden;}
.comp_pop #popin h3{color:#1E2128;  font-size:var(--krds-pc-font-size-body-xsmall); font-weight:500; height:45px; line-height:45px; border-bottom:1px solid #ccc;}
.comp_pop #popin .pop_flex {}
.comp_pop #popin .txt{padding:3rem;font-size:var(--krds-pc-font-size-body-medium); line-height:1.5;}
.comp_pop #popin .txt strong{font-size:2.1rem;}
.comp_pop #popin .txt input{margin:2rem 0;}
.comp_pop #popin .pop_button{overflow:hidden; width:100%; box-sizing:border-box; padding: 4rem 0 0;}
.comp_pop #popin .pop_button input{display:flex; justify-content: center; align-items: center; margin: 0 auto; width:40rem; height:5rem; border-radius: 1rem; outline:none; border:none;background: #2594da; font-size:var(--krds-pc-font-size-body-large); cursor:pointer; color:#fff; transition: all 0.3s;}
.comp_pop #popin .pop_button input:hover {background:#06347F;}
.comp_pop #popin .close {position: absolute;  right: 0.4rem; top: 0.4rem;  width: 4rem;  height: 4rem; background: url(/resource/images/content/btn_layer_close_b.svg) no-repeat center; z-index: 10;}
.comp_pop #popin .close > em {opacity:0;}

.comp_pop .pop_slide{padding-bottom:2rem;}
.comp_pop .pop_slide .swiper-slide,
.comp_pop .pop_slide .swiper-wrapper{height:auto;}
.comp_pop .pop_slide .search-detail-top{border-top:none; flex-direction: column; justify-content: space-between; padding:0; gap:2rem; padding:0 4rem; border-right:2px solid #E5E5E5}
.comp_pop .pop_slide .swiper-pagination{bottom:0;}
.comp_pop .pop_slide .swiper-pagination.disabled{display:none;}
.comp_pop .pop_slide .swiper-pagination-bullet-active{background:var(--krds-light-color-divider-primary); border-radius:4px; width:30px;}

@media (max-width:1680px){
	#compare_wrap {padding:3.3rem 2rem 3.3rem 6rem !important;}
	#compare_wrap .txt_box .headerCopy {font-size:var(--krds-mobile-font-size-body-medium);}
	
	.compare {margin:0; width:100%;}
    .compare .txt_box h1 {font-size:var(--krds-mobile-font-size-display-small);}
	.compare .expand_btn {width:5rem; height:5rem; background-size: contain; right: auto; left: 95%;}
	.compare .compare_selct {width: calc(92% - 34rem);}
	.compare .compareItem {padding: 1rem;}
	
} 
@media (max-width:1440px){
	.comp_pop #popin{width:90%;}
}
@media (max-width:1024px){
	.compare .txt_box {gap:2rem;}
	
	.comp_pop .pop_slide .search-detail-top .school-info-detail p{flex-direction: column;}
}
@media (max-width:768px){
	#compare_wrap {left: 0; right: 0;  top: 0;  bottom:auto; padding: 6rem 2rem !important; background:#fff;  border-radius: 0 0 2.4rem 2.4rem;  transform: translate(0, 0);  transition: top .5s ease;   box-shadow: 0px 0px 20px rgba(39, 49, 70, 0.3);  border-bottom: 1px solid #dcdcdc; border-top:none; border-left:none; z-index: 99999;}
    #compare_wrap .txt_box .headerCopy {margin-top:0;}
    #compare_wrap .close {top:1rem; right:1rem;}
	#compare_wrap .delete {position: absolute; right: 1rem;  top: 1rem;  width: 1.2rem;  height: 1.2rem; background: url(/resource/images/content/btn_layer_close.png) no-repeat center; background-size: 100% auto;}
	
       	
    .compare {flex-direction: column; padding-bottom: 10rem; gap: 4rem;}
   	.compare .txt_box {width:100%; justify-content: center;}
   	.compare .txt_box h1 {display: inline-block;}
   	.compare .txt_box > div { display: flex; flex-direction: column;  justify-content: center;  gap: 1rem;  text-align: center;}
   	.compare .compare_btn {width:100%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); justify-content: center;}
   	.compare .compare_btn span {font-size: var(--krds-mobile-font-size-heading-medium);}
	.compare .compare_selct {width:100%; gap: 1rem 1.2rem;}
	.compare .compareItem {padding: 2rem 1rem; width: calc((100% - 1.2rem * 2) / 3); position:relative; border-radius:1.6rem;}
	.compare .expand_btn {display:none;}
	
	.comp_pop {z-index:99999;}
	.comp_pop #popin {padding: 5rem 0 3rem;}
	.comp_pop #popin .pop_flex {}
	.comp_pop .pop_slide .search-detail-top{padding:0 2rem; border-right:none;}
	.comp_pop .pop_slide .swiper-pagination.disabled{display:block;}
	.search-detail-top .school-info-detail > img {height:13rem;}
	
	#school-search-result-wrap{padding-top:6rem;}
	#school-search-result-wrap:before{border-radius: 4rem 4rem 0 0;}
	
	.school-list> li .school-name{    font-size: var(--krds-mobile-font-size-heading-small);}

}
@media (max-width:350px){
	.compare .compareItem {width: calc((100% - 1.2rem* 1) / 2);}
}


/*통합검색의 탭*/
.search-tab-wrap{margin-bottom:8rem; position:relative;}
.search-tab-wrap:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:var(--color-blue2);}
.search-tab-wrap .search-result-tab{display:flex; justify-content: center;}
.search-tab-wrap .search-result-tab li{position:relative;width:35rem; height:8rem; background:#F4F4F4; border-top:1px solid var(--color-blue2); border-right:1px solid var(--color-blue2);}
.search-tab-wrap .search-result-tab li:after{content:''; position:absolute; left:0%; bottom:-1px;  width:100%; height:1px; z-index:1;}
.search-tab-wrap .search-result-tab li a{display: flex; align-items: center; justify-content: center; height: 100%; font-size:var(--krds-mobile-font-size-heading-medium); gap:5px; color:#666; }
.search-tab-wrap .search-result-tab li a .count{display:inline-block; padding:0.4rem 1.6rem; border-radius:2rem;background:#fff; color:var(--krds-color-light-gray-70); font-size:var(--krds-pc-font-size-body-small); }
.search-tab-wrap .search-result-tab li:nth-of-type(1){border-left:1px solid var(--color-blue2); border-top-left-radius:2rem;}
.search-tab-wrap .search-result-tab li:nth-of-type(2){}
.search-tab-wrap .search-result-tab li:nth-of-type(3){border-top-right-radius:2rem;}
.search-tab-wrap .search-result-tab li.active{background:var(--krds-light-color-surface-white); border-color:var(--krds-light-color-divider-primary); }
.search-tab-wrap .search-result-tab li.active:nth-of-type(2):before,
.search-tab-wrap .search-result-tab li.active:nth-of-type(3):before{content:''; position:absolute; left:-1px; top:-1px; width:1px; height:calc(100% + 1px); background:var(--krds-light-color-divider-primary); z-index:1;}
.search-tab-wrap .search-result-tab li.active:after{background:var(--krds-light-color-surface-white);}
.search-tab-wrap .search-result-tab li.active a{color:var(--krds-light-color-text-basic);}
.search-tab-wrap .search-result-tab li.active a .count{background:var(--krds-light-color-text-primary); color:#fff;}

/*통합검색 관련자료 리스트*/
.data-search-result li{border-bottom:1px solid var(--color-ddd); }
.data-search-result li:first-child{border-top:1px solid var(--color-ddd);}
.data-search-result li a{position:relative; display:block; color: var(--krds-light-color-text-basic);  font-weight: 700;  font-size: var(--krds-mobile-font-size-heading-medium); padding:3rem 2rem; }
.data-search-result li a span{display:block; color: var(--color-888);  margin-right: 0.5rem;  font-weight:500; margin-bottom:0.5rem;}
.data-search-result li:hover a{background: #f2f9ff;}
.data-search-result li a.blank:before{content: "\e940";  position: absolute;  right: 4rem;  top: 50%;  font-family: 'xeicon'; color: var(--color-ddd);  font-size: 4rem;  transform: translateY(-50%);}

/*관련자료 하위 카테고리탭*/
.search-cate-wrap{margin:4rem 0;}
.search-cate-wrap .boardListTitle {padding-left:2rem;}


@media (max-width:1200px){

	/*학교 리스트*/
	.school-list> li{width: calc((100% - 2rem * 2) / 3);}
} 
@media (max-width:1024px){
	.school-list> li .compare_btn {width: 10rem; height: 4rem; font-size: var(--krds-mobile-font-size-label-small); right:2rem;}
	.school-list> li .compare_btn > div:before {width: 1.8rem; height: 1.8rem;}
}
@media (max-width:768px){


	/*학교 리스트*/
	.school-list> li{width: calc((100% - 2rem) / 2);}
	.school-list> li .compare_btn > div:before {width: 2.4rem;  height: 2.4rem;}

	/*통합검색의 탭*/
	.search-tab-wrap .search-result-tab li{width:33.3%; height: 9rem;}
	.search-tab-wrap .search-result-tab li a{flex-direction: column; gap:0;     font-size: var(--krds-mobile-font-size-heading-small); }

	/*타이틀*/
	.search-title .btn-more em{display:none;}
	.search-result-title p{ font-size:var(--krds-mobile-font-size-display-small);  padding:4rem 0;}
	.search-result-title p i{position:absolute; left:50%;  }
	.search-result-title p i.ri-double-quotes-l{ top:-1rem;}
	.search-result-title p i.ri-double-quotes-r{bottom:-1rem; }

	/*관련자료 하위 카테고리탭*/
	.search-cate-wrap .boardListTitle {display:none;}
	.search-cate-wrap select{width:100%}
	
	.data-search-result li a{padding:2rem 0;    font-size: var(--krds-mobile-font-size-heading-small);}
}
@media (max-width:567px){

	/*학교 리스트*/
	.school-list> li{width:100%;}
}

/********************************************************
■ 학교정보 조회 뷰 /school/view.do
********************************************************/
#school-search-result-wrap{position:relative; padding-top:4rem; z-index:0;}
#school-search-result-wrap:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:30rem; background:#F8F8F8; border-radius:5rem 5rem 0 0;  z-index:-1;}

/*디테일*/
.search-detail-top{display:flex; gap:4rem; background:#fff; border-top:1rem solid var(--krds-light-color-text-basic); padding:6rem 2rem;}
.search-detail-top .school-info-pic{flex:0 0 34rem;}
.search-detail-top .school-info-pic .pic{border:1px solid #ddd; text-align: center; padding:3rem; margin-bottom:2rem; }
.search-detail-top .school-info-pic h4{position:relative; color:var(--color-dark); font-size:var(--krds-pc-font-size-heading-medium); font-weight:700; text-align:center; word-break: break-all; }
.search-detail-top .school-info-pic h4:before{content:''; display: inline-block; position:relative; width:1.1rem; height:1.1rem; background:var(--color-dark); margin-right:1rem; vertical-align: middle;}

.search-detail-top .school-info-detail{flex:1; text-align:left;}
.search-detail-top .school-info-detail > img {height:10rem; display:block; margin:0 auto;}
.search-detail-top .school-info-detail p,
.search-detail-top .school-info-detail li{position:relative; display:flex; gap:1rem; margin-bottom:0.8rem; padding-left:1.6rem; color:var(--color-888); font-size:var(--krds-pc-font-size-label-medium); word-break: break-all;}
.search-detail-top .school-info-detail p:before,
.search-detail-top .school-info-detail li:before{content:''; position:absolute; left:0px; top:0.4em; display: inline-block;  width:0.6rem; height:0.6rem; background:#DDD; }
.search-detail-top .school-info-detail p b,
.search-detail-top .school-info-detail li b{flex-shrink: 0; color:var(--color-444)}
.search-detail-top .school-info-detail p b em{display:inline-block; width:2.5em;}
.search-detail-top .school-info-detail li b em{display:inline-block; width:0.5rem;}
.search-detail-top .school-info-detail p a,
.search-detail-top .school-info-detail li a{color:var(--krds-light-color-divider-primary); }
.search-detail-top .school-info-detail div{display:flex; gap:1rem; }
.search-detail-top .school-info-detail div ul{flex:1;}
.search-detail-top .school-info-detail .subjext-list{display:block; padding:1rem; background:#F8F8F8; margin-top: 2rem;}

/*다운로드*/
.file-download-wrap{display:flex; gap:2rem 3rem;}
.file-download-wrap > div{flex:1; padding:3rem 2rem; text-align:center;}
.file-download-wrap > div img{ width:4rem;}
.file-download-wrap > div:nth-of-type(1){background:url('/resource/images/content/way_bg02-2.jpg')repeat 0 0; }
.file-download-wrap > div:nth-of-type(2){background:url('/resource/images/content/way_bg02-1.jpg')repeat 0 0; }
.file-download-wrap .down-tit{display: flex; align-items: center;  justify-content: center; gap:1rem; color:var(--color-444); font-size:var(--krds-pc-font-size-body-large); font-weight:600; margin-bottom:3rem; }
.file-download-wrap .ipbox {display:flex;}
.file-download-wrap .ipbox select{width:70%; height:5rem; border-radius:0;}
.file-download-wrap .ipbox button{flex-shrink: 0; height:5rem; width:30%; background:var(--color-dark); color:var(--krds-light-color-surface-white); font-size:var(--krds-pc-font-size-body-medium)}
.file-download-wrap > div:nth-of-type(2) .ipbox button{background:var(--krds-light-color-divider-primary)}

/*맵*/
.map-wrap-pd{padding:2rem;background:url('/resource/images/content/way_bg02-1.jpg')repeat 0 0;  margin-top:8rem;}
.map-wrap-pd > div{background-color:#fff;}

@media (max-width:1440px){
	/*다운로드*/
	.file-download-wrap{gap:2rem;}
	.file-download-wrap .ipbox{display:flex;}
	.file-download-wrap .ipbox select{width:100%;}
	
}

@media (max-width:1200px){
	/*디테일*/
	.search-detail-top{gap:4rem; padding:6rem 2rem;}
	.search-detail-top .school-info-pic{flex:0 0 28rem;}
}
@media (max-width:1024px){
	.comp_pop #popin {width:90%;}
	
	/*디테일*/
	.search-detail-top .school-info-pic h4{font-size:var(--krds-mobile-font-size-heading-medium);}
	.search-detail-top .school-info-detail div{display:block;}
	.search-detail-top .school-info-detail p, .search-detail-top .school-info-detail li {font-size:	var(--krds-mobile-font-size-body-medium);}
}
@media (max-width:768px){
	/*디테일*/
	.search-detail-top{flex-direction: column; padding:2rem;}
	.search-detail-top .school-info-detail p{flex-direction: column}
	.search-detail-top .school-info-detail li b{width: 10rem;}
	/*다운로드*/
	.file-download-wrap{flex-wrap:wrap; flex-direction: column}
	.file-download-wrap > div{padding:2rem;}
	.file-download-wrap .down-tit{justify-content: flex-start}
	
	.map-wrap-pd > div{height:40rem !important; }
}

/********************************************************
■ 누리집안내지도 /site/sitemap.do
********************************************************/
.sitemap-list{position: relative; display: flex; flex-direction: column;}
.sitemap-list .sitemap-itme{position: relative;}
.sitemap-list .sitemap-itme + .sitemap-itme{ margin-top: 6.3rem; padding-top: 2.7rem; border-top: 0.1rem solid #d8d8d8;}
.sitemap-list .sitemap-itme > a{ display: block; font-size: 3rem; font-weight: 700;}
.sitemap-list .sitemap-depth2{position: relative; margin-top: 4rem;}
.sitemap-list .sitemap-depth2 > ul{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 4.5rem 3rem;}
.sitemap-list .sitemap-depth2 > ul > li{width:calc((100% - 3rem * 2) / 3);}
.sitemap-list .sitemap-depth2 > ul > li > a{display: flex; align-items: center; min-height: 4.8rem; padding: 0 1.5rem; border-radius: 0.8rem; background-color: #edf1f5; color: #1d1d1d; font-size: 1.9rem; font-weight: 700; line-height: 1;}
.sitemap-list .sitemap-depth2 > ul > li > ul{position: relative; margin-top: 1rem; padding: 0 0.6rem;}
.sitemap-list .sitemap-depth2 > ul > li > ul li{ position: relative; padding-left: 1.3rem;}
.sitemap-list .sitemap-depth2 > ul > li > ul li:not(:first-child){margin-top: 1.2rem;}
.sitemap-list .sitemap-depth2 > ul > li > ul li:before{ content: ''; display: block; position: absolute; top: 0.9rem; left: 0; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #555; }
.sitemap-list .sitemap-depth2 > ul > li > ul li a{color: #555; font-size: 1.7rem;}

@media (max-width:1024px){
	.sitemap-list .sitemap-depth2 > ul > li{width:calc((100% - 3rem * 1) / 2);}
}
@media (max-width:390px){
	.sitemap-list .sitemap-depth2 > ul > li{width:100%;}
}