@charset "utf-8";

@import url("fonts/RemixIcon_Fonts_v4.6.0/remixicon.css");

/* Pretendard */
@font-face{
	font-family:'Pretendard';
	font-weight:100;
	src:url('fonts/Pretendard-Thin.otf') format('opentype');
	src:url('fonts/Pretendard-Thin.otf') format('opentype'),
	    url('fonts/Pretendard-Thin.woff2') format('woff2'),
	    url('fonts/Pretendard-Thin.woff') format('woff'),
	    url('fonts/Pretendard-Thin.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:200;
	src:url('fonts/Pretendard-ExtraLight.otf') format('opentype');
	src:url('fonts/Pretendard-ExtraLight.otf') format('opentype'),
	    url('fonts/Pretendard-ExtraLight.woff2') format('woff2'),
	    url('fonts/Pretendard-ExtraLight.woff') format('woff'),
	    url('fonts/Pretendard-ExtraLight.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:300;
	src:url('fonts/Pretendard-Light.otf') format('opentype');
	src:url('fonts/Pretendard-Light.otf') format('opentype'),
	    url('fonts/Pretendard-Light.woff2') format('woff2'),
	    url('fonts/Pretendard-Light.woff') format('woff'),
	    url('fonts/Pretendard-Light.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:400;
	src:url('fonts/Pretendard-Regular.otf') format('opentype');
	src:url('fonts/Pretendard-Regular.otf') format('opentype'),
	    url('fonts/Pretendard-Regular.woff2') format('woff2'),
	    url('fonts/Pretendard-Regular.woff') format('woff'),
	    url('fonts/Pretendard-Regular.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:500;
	src:url('fonts/Pretendard-Medium.otf') format('opentype');
	src:url('fonts/Pretendard-Medium.otf') format('opentype'),
	    url('fonts/Pretendard-Medium.woff2') format('woff2'),
	    url('fonts/Pretendard-Medium.woff') format('woff'),
	    url('fonts/Pretendard-Medium.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:600;
	src:url('fonts/Pretendard-SemiBold.otf') format('opentype');
	src:url('fonts/Pretendard-SemiBold.otf') format('opentype'),
	    url('fonts/Pretendard-SemiBold.woff2') format('woff2'),
	    url('fonts/Pretendard-SemiBold.woff') format('woff'),
	    url('fonts/Pretendard-SemiBold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:700;
	src:url('fonts/Pretendard-Bold.otf') format('opentype');
	src:url('fonts/Pretendard-Bold.otf') format('opentype'),
	    url('fonts/Pretendard-Bold.woff2') format('woff2'),
	    url('fonts/Pretendard-Bold.woff') format('woff'),
	    url('fonts/Pretendard-Bold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:800;
	src:url('fonts/Pretendard-ExtraBold.otf') format('opentype');
	src:url('fonts/Pretendard-ExtraBold.otf') format('opentype'),
	    url('fonts/Pretendard-ExtraBold.woff2') format('woff2'),
	    url('fonts/Pretendard-ExtraBold.woff') format('woff'),
	    url('fonts/Pretendard-ExtraBold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:900;
	src:url('fonts/Pretendard-Black.otf') format('opentype');
	src:url('fonts/Pretendard-Black.otf') format('opentype'),
	    url('fonts/Pretendard-Black.woff2') format('woff2'),
	    url('fonts/Pretendard-Black.woff') format('woff'),
	    url('fonts/Pretendard-Black.ttf') format('truetype');
}

@font-face{
	font-family:'Pretendard';
	font-weight:900;
	src:url('fonts/Pretendard-Black.otf') format('opentype');
	src:url('fonts/Pretendard-Black.otf') format('opentype'),
	    url('fonts/Pretendard-Black.woff2') format('woff2'),
	    url('fonts/Pretendard-Black.woff') format('woff'),
	    url('fonts/Pretendard-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Paperlogy-1Thin';
    src: url('fonts/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;

}
@font-face {
    font-family: 'Paperlogy-2ExtraLight';
    src: url('fonts/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;

}
@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('fonts/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;

}
@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('fonts/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;

}
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('fonts/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;

}
@font-face {
    font-family: 'Paperlogy-6SemiBold';
    src: url('fonts/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;

}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('fonts/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;

}
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('fonts/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;

}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('fonts/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;

}

@font-face {
    font-family: 'ChangwonDangamRound';
    src: url('fonts/ChangwonDangamRound.woff') format('woff');
    font-weight: normal;
    font-style: Regular;
}

@font-face {
    font-family: 'ChangwonDangamAsac-Bold';
    src: url('fonts/ChangwonDangamAsac-Bold.woff') format('woff');
    font-weight: normal;
    font-style: Regular;
}


:root {
    --ink: #142a40;
    --navy: #0b2035;
    --teal: #006d71;
    --line: #cddbe4;
}

body,h1,h2,h3,h4,h5,h6,a,p,th,td,div,span,label,input,select,textarea,button,li,caption,small,strong,figcaption,dt,dd,address{font-family:'Pretendard','ChangwonDangamRound', 'ChangwonDangamAsac-Bold', sans-serif; color:#142a40;}

body { margin:0; font-size:21px; color:#142a40; background:#eaf0f5; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}

form { margin:0; padding:0;}
fieldset { margin:0; border:0 none; padding:0;}
legend { display:none; padding:0; margin:0;}
input { font-size:0.95em;margin:0; border:0; vertical-align:middle;}
textarea { font-size:0.95em;}
select, option { vertical-align:middle; font-size:21px;}
button { }
caption{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px}
img { margin:0; border:0 none;vertical-align:middle;}
address{font-style:normal;}
div, p, ul, ol, li, img, a, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none; word-break:keep-all;}

table, td, tr, th{padding:0;margin:0;}
table{border-collapse:collapse; vertical-align:top; width:100%}

/* 아이폰 사파리 라운드 및 그라데이션 없애기  */
textarea, button {-webkit-appearance:none; -moz-appearance:none; /*appearance:none;*/}
textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}
button{ border:none; cursor:pointer}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}

h2 {font-size:19px;margin: 0; font-weight:600;}
/* 스킵 */
#skip { height:0;}
#skip a { display:block; position:absolute; left:-6000px; top:-6000px; z-index:10000000; width:100%; height:30px; line-height:30px; background:#039; color:#fff; 

text-align:center;}
#skip a:focus, #skip a:active { left:0; top:0;}

.keep_all table { word-break: keep-all !important; }
.break-all table { word-break: break-all !important;}


ul,ol,li,dl {list-style:none;}

strong, b { font-weight:400;}
.fw1{ font-weight:100;}
.fw2{ font-weight:200;}
.fw3{ font-weight:300;}
.fw4{ font-weight:400;}
.fw5{ font-weight:500;}
.fw6{ font-weight:600;}
.fw7{ font-weight:700;}
.fw8{ font-weight:800;}
.fw9{ font-weight:900;}
.hand{ cursor:pointer;} 
 
 
a{text-decoration:none;color:#000;margin:0;padding:0;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}



.none { display:none;}
.block { display:block;}
.hide{ display:block;overflow:hidden;position:absolute;left:-5000px;top:0;}



.bg_none{ background:none;}
.border_none{ border:0 none;}
.clear{ clear:both;}

.ls-0{ letter-spacing:0;}
.ls-1{ letter-spacing:-1px;}


.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.aa { text-align:justify;}

.fl{ float:left;}
.fr{float:right;}


.vt { vertical-align:top;}
.vm { vertical-align:middle;}
.vb { vertical-align:bottom;}
.vv { vertical-align:baseline;}


.inner{ width:1220px; margin:0 auto;}

header{ background:#0b2035; padding:20px 0;}
header a{ color:#fff;}
header .inner{display: flex; justify-content: space-between; align-items: center;}
header .inner h1{ color:#fff; font-size:20px; font-weight:700;}
header nav ul{display: flex; gap:37px;}


main{ padding:27px;}
.intro {margin-bottom: 24px;padding: 26px 30px;background: #f9fcfe;border: 1px solid var(--line);border-left: 4px solid var(--teal);border-radius: 6px;}
.intro p {color: var(--teal); font-size: 16px; margin-bottom:5px}
.intro h1{ font-weight:700;}

section {border-color: var(--line);border-radius: 7px;}
section {margin: 0 0 26px;border: 1px solid #d4e1ee;border-radius: 14px;overflow: hidden;background: white;}
section .caption {background: #f6fafc;border-bottom: 1px solid var(--line);padding: 12px 16px;}
.caption {display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 10px 16px;border-bottom: 1px solid #d4e1ee;}
.caption h2{  display: flex; align-items: center;}
.caption small {display: inline-block;background: #dceff0;color: #005e62;padding: 3px 7px;border-radius: 4px;font-variant-numeric: tabular-nums; margin-right:10px;}

.area img{ width:100%;}

main button {cursor: pointer;background: #eaf4ff;color: #092c4e;border: 1px solid #b9d4eb;border-radius: 7px;padding: 7px 10px;font: inherit;font-size: 13px;white-space: nowrap;}
.image-popup {display: none;position: fixed;inset: 0;z-index: 99999;}
.image-popup.active {display: flex;align-items: center;justify-content: center;}
.popup-dim {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.8);}
.popup-inner {position: relative;padding: 0;width:70%;max-width: none;max-height: 94vh;border: 0;background: white;overscroll-behavior: contain;	overflow-y:scroll;}
.popup-inner img { width:100%;}
.popup-close {position: absolute;top: 20px;right:20px;width: 35px;height: 35px;border: 0;border-radius: 50%;background: #fff;cursor: pointer;}
body.popup-open {overflow: hidden;}


@media all and (max-width : 1920px){
	
	body{ font-size:16px;}
	select, option{ font-size:16px;}

}