/* ======================================================================
 * base.css
 * 241129 eun 
=========================================================================*/

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-Black.woff2) format('woff2')
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-ExtraBold.woff2) format('woff2')
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-Bold.woff2) format('woff2')
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-SemiBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-Medium.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-Regular.woff2) format('woff2')
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-Light.woff2) format('woff2')
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src:url(/_res/deu/_share/etc/Pretendard-ExtraLight.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: url(/_res/deu/_share/etc/Pretendard-Thin.woff2) format('woff2');
}

/* suite - english */
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/_res/deu/_share/etc/SUITE-Light.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/_res/deu/_share/etc/SUITE-Regular.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/_res/deu/_share/etc/SUITE-Medium.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/_res/deu/_share/etc/SUITE-SemiBold.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/_res/deu/_share/etc/SUITE-Bold.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/_res/deu/_share/etc/SUITE-ExtraBold.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/_res/deu/_share/etc/SUITE-Heavy.woff2') format('woff2');
	unicode-range: U+0041-005A, U+0061-007A;
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 900;
	src:url(/_res/deu/_share/etc/Paperlogy-9Black.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 800;
	src:url(/_res/deu/_share/etc/Paperlogy-8ExtraBold.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 700;
	src:url(/_res/deu/_share/etc/Paperlogy-7Bold.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 600;
	src:url(/_res/deu/_share/etc/Paperlogy-6SemiBold.ttf) format('TrueType');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 500;
	src:url(/_res/deu/_share/etc/Paperlogy-5Medium.ttf) format('TrueType');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 400;
	src:url(/_res/deu/_share/etc/Paperlogy-4Regular.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 300;
	src:url(/_res/deu/_share/etc/Paperlogy-3Light.ttf) format('TrueType')
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 200;
	src:url(/_res/deu/_share/etc/Paperlogy-2ExtraLightt.ttf) format('TrueType');
}

@font-face {
	font-family: 'Paperlogy';
	font-weight: 100;
	font-display: swap;
	src: url(/_res/deu/_share/etc/Paperlogy-1Thin.ttf) format('TrueType');
}
@font-face {
    font-family: 'KCC-Ahnchangho';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_1@1.0/KCC-Ahnchangho.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
:root{
	--color-m:#124FB6;
	--color-s:#0B3D91;
	--color-h:#072c6a;
	--color-p:#ff9b00;
	--color-c:#F3F6FB;
	--color-border:#d9d9d9;
	--line-b:#E7E7E7;
	--color-red:#DC3545;/*#DD0015;*/
	--category-s:#6AAFFF;/*#0C72D2;*/
	--category-r:#FF8D4E;/*#E03400;*/
	--category-i:#62D156;
	--category-sc:#755FFF;/*#583EFB;*/
	--category-bid:#FEB11E;/*#078730;*/
	--sns-f:#32569D;
	--sns-b:#30A724;
	--sns-y:#FF0901;
	--campus:#CE4902;
} 

body, html{line-height:normal;font-family:'Pretendard';color:#111}
body{overflow-x:hidden}
body.no-scroll{overflow:hidden}
a{transition:.3s}
a:hover{text-decoration:none}
p{text-align:revert}
.sound-only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0;border:0 !important;overflow:hidden !important}
a:-webkit-any-link:focus-visible{outline:1px solid #000;outline-offset:0}
a:focus-visible{outline:2px solid #000;outline-offset:0}
.viewTypeA .fr-view:has([type="application/pdf"]) iframe{display:none}

.youtube-wrap{width:100%;aspect-ratio:16/9}
.youtube-wrap iframe{width:100%;height:100%}
.board-subject{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.board-con{display:block;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box}
.board-img{position:relative;overflow:hidden}
.board-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s;object-fit:cover;width:100%}

.btn-effect{position:relative;overflow:hidden}
.btn-effect::before{position:absolute;top:50%;left:50%;width:0;height:0;content:"";transition:.3s;transform:translate(-50%,-50%)}
.btn-effect:hover::before{width:100%;height:100%}
.btn-effect span{position:relative;z-index:10}

.swiper{width:100%;height:100%;margin-left:auto;margin-right:auto;overflow:hidden}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin: 0 auto}
.swiper-btn.swiper-button-disabled{opacity:.6;cursor:default}

/* animation */
.line-wrap{position:absolute;width:100%;height:100%;bottom:0;left:0;z-index:10}
.line-box span.line{position:absolute;background-color:var(--color-m);border:none}
.line-box span.line-top{width:0;height:3px;top:0;right:0}
.line-box span.line-right{width:3px;height:0;bottom:0;right:0}
.line-box span.line-bottom{width:0;height:3px;bottom:0;left:0}
.line-box span.line-left{width:3px;height:0;top:0;left:0}
.line-wrap.hover .line-box span.line-top,
.line-wrap.hover .line-box span.line-bottom,
.line-wrap:hover .line-box span.line-top,
.line-wrap:hover .line-box span.line-bottom {
    -webkit-animation: keyframes-width-box .8s cubic-bezier(0.345, 0.005, 0.07, 1) 1;
    -moz-animation: keyframes-width-box .8s cubic-bezier(0.345, 0.005, 0.07, 1) 1;
    animation: keyframes-width-box .8s cubic-bezier(0.345, 0.005, 0.07, 1) 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.line-wrap.hover .line-box span.line-right,
.line-wrap.hover .line-box span.line-left,
.line-wrap:hover .line-box span.line-right,
.line-wrap:hover  .line-box span.line-left {
	-webkit-animation: keyframes-height-line 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 1;
 	-moz-animation: keyframes-height-line 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 1;
 	animation: keyframes-height-line 0.8s cubic-bezier(0.345, 0.005, 0.07, 1) 1;
 	-webkit-animation-fill-mode: forwards;
 	-moz-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
/* animation */
@-webkit-keyframes keyframes-width-box {
	form { 
	  width: 0%;
	} to { 
	  width: 100%;
	}
  }
  @-moz-keyframes keyframes-width-box {
	form { 
	  width: 0%;
	} to { 
	  width: 100%;
	}
  }
  @keyframes keyframes-width-box {
	form { 
	  width: 0%;
	} to { 
	  width: 100%;
	}
  }
  
  /* animation */
  @-webkit-keyframes keyframes-height-line {
	form {
	  height: 0%;
	} to { 
	  height: 100%;
	}
  }
  @-moz-keyframes keyframes-height-line {
	form {
	  height: 0%;
	} to { 
	  height: 100%;
	}
  }
  @keyframes keyframes-height-line {
	form {
	  height: 0%;
	} to { 
	  height: 100%;
	}
  }
@media (max-width:1024px){
	body, html{font-size:14px}
}

.sub-con .root_daum_roughmap{width:100%}

.item-square > li{position:relative;padding-left:15px;margin:5px 0}
.item-square > li:before{display:block;content:"";position:absolute;top:.6em;left:0;width:4px;height:4px;background-color:var(--color-m)}
.item-txt-square{position:relative;padding-left:15px;margin:5px 0;word-break:keep-all}
.item-txt-square::before{display:block;content:"";position:absolute;top:.5em;left:0;width:4px;height:4px;background-color:var(--color-m)}

.item-arrow > li{position:relative;padding-left:20px;margin:10px 0}
.item-arrow > li:before{position:absolute;display:block;content:"";left:0;top:3px;background:url('/_res/deu/www/img/sub/ico-arrow.png') center/contain no-repeat;width:10px;height:18px}
.item-arrow .item-arrow-subject{font-weight:600;font-size:1.25rem;line-height:1.4}
.txt-item-arrow{position:relative;padding-left:20px}
.txt-item-arrow::before{position:absolute;display:block;content:"";left:0;top:3px;background:url('/_res/deu/www/img/sub/ico-arrow.png') center/contain no-repeat;width:10px;height:18px}
.txt-item-arrow .txt-arrow-subject{font-weight:600;font-size:1.25rem;line-height:1.4}

.c-main{color:var(--color-m)}
.c-black{color:#333}

.txt-c{text-align:center}
.txt-l{text-align:left}
.txt-under{text-decoration:underline}
.txt-bg{box-shadow:inset 0 -11px 0px #cde0ff}

/* board text type custom */
.boadSearchA fieldset{overflow:hidden;display:flex}
.boadSearchA select:nth-of-type(1){border-top-left-radius:15px;border-bottom-left-radius:15px;}
.boadSearchA select:nth-of-type(1):focus{border:1px solid #000}
.boadSearchA select{margin:0;border:1px solid var(--line-b)}
.boadSearchA select:nth-of-type(1) + select{border-left-width:0}
.boadSearchA input[type="text"]{border-width:1px 0;border-top:1px solid var(--line-b);border-bottom:1px solid var(--line-b);margin:0}
.boadSearchA .btn{background-color:var(--color-m);border-top-right-radius:15px;border-bottom-right-radius:15px;transition:.3s}
.boadSearchA .btn:hover{background-color:var(--color-h)}
.boadSearchA legend + .serInput{border-left:1px solid var(--line-b)}
.input-text{border:1px solid var(--line-b);margin:0;width:100%;height:48px;padding:10px}
.js-comm-popup-bg{position:fixed;overflow:hidden;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:5000;top:0;left:0;right:0;bottom:0;display:none}
.js-comm-popup{max-width:1000px;transform:translate(-50%,-50%);max-height:80vh;overflow-y:auto;top:50%;left:50%;background-color:#fff;position:absolute;padding:20px}
.js-comm-popup .js-comm-header{padding-right:50px}
.js-btn-close{background:url('/_res/deu/_share/img/ic_close.png') var(--color-m) center/16px no-repeat;text-indent:-999%;overflow:hidden;position:absolute;right:20px;top:12px;width:40px;height:40px;border:5px solid #EEF4FF;border-top-left-radius:10px}

@media (max-width:1024px){
	.js-comm-popup{max-width:95vw;max-height:90vh;width:100%}
}

@media (max-width:640px){
	.boadSearchA fieldset{flex-wrap:wrap}
	.boadSearchA select{border-radius:10px;margin-bottom:5px}
	.boadSearchA select:nth-of-type(1) + select{border-left-width:1px}
	.boadSearchA input[type="text"]{border-top-left-radius:10px;border-bottom-left-radius:10px;border-left:1px solid var(--line-b)}
	.boadSearchA .btn{border-top-right-radius:10px;border-bottom-right-radius:10px}
	
	.item-dot > li::before{top:5px}
	.item-arrow > li:before{width:8px;height:16px}
	.item-arrow .item-arrow-subject{font-size:1.125rem}
	
	.input-text{height:40px}
}