@charset "utf-8";
/* date : 2023-04-18 / name : kwj / contact : niovese10@naver.com */
@font-face { font-family: 'PretendardVariable'; font-weight: 45 920; font-style: normal; font-display: swap; src: local('PretendardVariable'), url('./font/PretendardVariable.woff2') format('woff2-variations'); }
@font-face { font-family: 'SBAggro'; font-weight: 300; font-style: normal; src: url('./font/SBAggroLight.eot'); src: url('./font/SBAggroLight.eot?#iefix') format('embedded-opentype'), url('./font/SBAggroLight.woff2') format('woff2'), url('./font/SBAggroLight.woff') format('woff'), url('./font/SBAggroLight.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SBAggro'; font-weight: 500; font-style: normal; src: url('./font/SBAggroMedium.eot'); src: url('./font/SBAggroMedium.eot?#iefix') format('embedded-opentype'), url('./font/SBAggroMedium.woff2') format('woff2'), url('./font/SBAggroMedium.woff') format('woff'), url('./font/SBAggroMedium.ttf') format("truetype"); font-display: swap; } @font-face { font-family: 'SBAggro'; font-weight: 700; font-style: normal; src: url('./font/SBAggroBold.eot'); src: url('./font/SBAggroBold.eot?#iefix') format('embedded-opentype'), url('./font/SBAggroBold.woff2') format('woff2'), url('./font/SBAggroBold.woff') format('woff'), url('./font/SBAggroBold.ttf') format("truetype"); font-display: swap; }

*{margin:0;padding:0}html{scroll-behavior:smooth}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,button,input,textarea,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1;font-family:'PretendardVariable','Malgun Gothic',sans-serif;font-size:20px;font-weight:400;color:#282828;letter-spacing:-.02em;word-break:keep-all;text-size-adjust:none;transition:all .2s}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0;display:inline-block;font-size:inherit;letter-spacing:-.04em;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,picture{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}img{max-width:100%}th,td,svg{vertical-align:middle}button:hover svg,a:hover svg{animation:arrow-effect .5s infinite alternate linear}
/* scroll bar */
::-webkit-scrollbar {-webkit-appearance:none;} ::-webkit-scrollbar:vertical {width:12px;} ::-webkit-scrollbar:horizontal {height:8px;} ::-webkit-scrollbar-thumb {background-color:var(--text-color); border-radius:10px; border:2px solid var(--bkgc2);} ::-webkit-scrollbar-track {border-radius:10px; background-color:var(--bkgc2);}

/* asset */
:root {--primary-color:#4742bb; --secondary-color1:#00a7c7; --secondary-color2:#fab615; --pg-tit-color:#002559; --text-color:#9398A9; --ct-tit-color:#282828; --line-color:#ccd1e1; --bkgc1:#f8f8f8; --bkgc2:#f3f3fa; --sba-ft-family:'SBAggro'; --ft-size14:14px; --ft-size16:.8em; --ft-size18:.9em; --ft-size22:1.1em; --ft-size24:1.2em; --ft-size28:1.4em; --ft-size30:1.5em; --ft-size35:1.8em; --ft-size40:2em; --white-space-line:pre-line; --icon-ser1-color:url("../../../images/com/dsnt/common/ico_support1.svg"); --icon-ser2-color:url("../../../images/com/dsnt/common/ico_support2.svg"); --icon-ser3-color:url("../../../images/com/dsnt/common/ico_support3.svg"); --icon-ser4-color:url("../../../images/com/dsnt/main/mark_ks_black.svg"); --icon-ser5-color:url("../../../images/com/dsnt/main/mark_iso_blue.svg"); --icon-ser6-color:url("../../../images/com/dsnt/main/mark_cobot_blue.svg");  --icon-arr:url("../../../images/com/dsnt/common/ico_arr.svg"); --icon-arr2:url("../../../images/com/dsnt/common/ico_arr2.svg"); --icon-arr3:url("../../../images/com/dsnt/common/ico_arr3.svg");}
@media screen and (max-width: 1366px) { body {font-size:18px;} }
@media screen and (max-width: 1194px) { body {font-size:16px;} }
@media screen and (max-width: 667px) { body {font-size:15px;} }
/* skip */
.skip-nav {position:relative; z-index:999;}
.skip-nav a {display:inline-block; position:absolute; top:-100px; left:-999px; border:1px solid #24242c; background:#31313b; color:#fff;}
.skip-nav a:focus, .skip-nav a:active {display:inline-block; top:0; left:0; cursor:pointer; zoom:1; padding:5px 8px 4px; margin-right:9px; background:#31313B; font-weight:normal; font-size:11px; line-height:1.4;}

/* form : input */
.it {display:block; height:auto; padding:1em 1.667em; border:1px solid var(--line-color); border-radius:.556em 1.111em 1.111em; font:inherit; letter-spacing:-0.04em; -webkit-appearance:none; font-size:var(--ft-size18);}
.it:focus {border-color:var(--primary-color); background-color:#fff !important; box-shadow:0 10px 20px rgba(71,66,187,.1); color:#282828; outline:none;}
.it[type="password"] {padding-right:3.2em !important; background:url("../../../images/com/dsnt/common/input_passw.svg") center right no-repeat !important;}
.it:disabled {background-color:#eeeff2; color:var(--ct-tit-color); letter-spacing:0;}

input[readonly='readonly'] {background-color:#eeeff2;pointer-events:none;color:var(--ct-tit-color); letter-spacing:0;}

/* form : input : file */
.it-file input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.it-file label {display:inline-block; padding:1.167em 2.778em; margin-left:10px; background-color:var(--text-color); border-radius:.556em 1.111em 1.111em; cursor:pointer; color:#fff; font-size:var(--ft-size18);}
.it-file label:hover {background-color:var(--primary-color); box-shadow:0 10px 20px rgba(71,66,187,.3);}

/* form : input : checkbox */
.it-check {position:relative;}
.it-check input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.it-check input[type="checkbox"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:.9em;}
.it-check input[type="checkbox"] + label:before {content:''; display:inline-block; width:1.667em; height:1.667em; line-height:1.667em; margin:0 8px 0 0; border:2px solid var(--line-color); text-align:center; vertical-align:middle; background:url("../../../images/com/dsnt/common/input_check.svg") center no-repeat; border-radius:8px;}
.it-check input[type="checkbox"]:checked + label:before {background-color:var(--primary-color); border-color:var(--primary-color);}

/* form : input : radio */
.it-radio {display:inline-block;position:relative;}
.it-radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.it-radio input[type="radio"] + label {display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; font-size:.9em;}
.it-radio input[type="radio"] + label:before {content:''; display:inline-block; vertical-align:middle; width:1.667em; height:1.667em; line-height:1.667em; margin:0 8px 0 0; text-align:center; background:#fff; border:2px solid var(--line-color); border-radius:100%;}
.it-radio input[type="radio"]:checked + label:before {background:var(--primary-color); border-color:var(--primary-color);}
.it-radio input[type="radio"]:disabled + label:before {background:var(--line-color);}
.it-radio input[type="radio"]:checked + label:after {content:''; position:absolute; top:.5em; left:.5em; width:.889em; height:.889em; background:#fff; border-radius:100%;}

/* form : textarea */
.frm-tta {height:auto; padding:1em 1.667em; line-height:1.6; border:1px solid var(--line-color);  border-radius:10px; font-size:var(--ft-size18); overflow:overlay; resize:none;}
.frm-tta:focus {border-color:var(--primary-color); box-shadow:0 10px 20px rgba(71,66,187,.1); color:#282828; outline:none;}
.frm-tta::-webkit-scrollbar:vertical {width:20px;}
.frm-tta::-webkit-scrollbar-thumb {background-color:var(--primary-color); border:7px solid #fff;}
.frm-tta::-webkit-scrollbar-track {background-color:transparent;}

/* form : select */
.frm-select {height:auto; padding:.75em 2.5em .75em 1.667em; line-height:1.6; background:url("../../../images/com/dsnt/common/form_select.svg") center right #fff no-repeat; border:1px solid var(--line-color); border-radius:.556em 1.111em 1.111em; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:var(--ft-size18);}
.frm-select:focus {border-color:var(--primary-color); box-shadow:0 10px 20px rgba(71,66,187,.1);}
.frm-select:disabled {background-color:#eeeff2; color:var(--ct-tit-color); letter-spacing:0;}

/* icon */
.ico {display:block; position:relative;}
.ico:before, .ico:after {content:''; display:block; position:absolute;}
.i-sch {width:1.2em; height:1.2em; margin:0 auto;}
.i-sch:before {width:.75em; height:.75em; border:2px solid currentColor; border-radius:100%; top:0; left:0;}
.i-sch:after {width:2px; height:.5em; background-color:currentColor; border-radius:20px; transform:rotate(-45deg); top:.7em; left:.9em;}
.i-close {width:40px; height:40px; background:url("../../../images/com/dsnt/common/ico_close.svg") center no-repeat;}

/* logo */
.logo {display:flex; align-items:center; width:max-content; height:3.1em;}
.logo a {display:flex; align-items:center; width:inherit; height:inherit;}
.logo span {display:block; font-size:1em; font-weight:700; padding:.4em 0 0 .8em; margin-left:.8em; color:#000; position:relative;}
.logo span:before {content:''; display:block; width:4px; height:1em; background-color:#4742bb; position:absolute; top:.4em; left:0;}
@media screen and (max-width: 667px) {
	.logo {height:auto;}
	.logo img {width:140px;}
	.logo span {font-size:13px !important; padding:.5em 0 0 .4em; margin-left:.4em; letter-spacing:-.05em;}
	.logo span:before {top:.5em;}
}

/* state */
em[class^="state"] {display:block; width:6em; padding:.533em .8em; border-radius:50px; font-weight:500; font-size:15px; color:#fff; text-align:center;}
.state-complete, .state-keep {background-color:var(--secondary-color1);}
.state-wait {background-color:var(--text-color);}
.state-cancel {background-color:var(--secondary-color2);}
.state-expiration {background-color:#e86f6f;}

/* button */
[class$="-btns"] {width:100%; height:auto;}
[class$="-btns"] button, [class$="-btns"] a {display:inline-block; background-color:#5a66f1; border-radius:.5em 1em 1em; box-shadow:.5em .5em 1em rgba(90,102,241,.3); color:#fff; font-weight:500;}
[class$="-btns"] button svg, [class$="-btns"] a svg {margin-left:10px;}
[class$="-btns"] button.gray {background-color:var(--text-color); box-shadow:.5em .5em 1em rgba(147,152,169,.3);}
[class$="-btns"] button:hover, [class$="-btns"] button.gray:hover, [class$="-btns"] a:hover {background-color:#77787b; box-shadow:.5em .5em 1em rgba(119,120,199,.3);}
[class$="-btns"] .bt-gray-line {background-color:#fff; border:1px solid var(--text-color); /* border-radius:.5em 1em 1em; */ color:var(--text-color); box-shadow:.5em .5em 1em rgba(147,152,169,.3) !important;}
[class$="-btns"] .bt-gray-line:hover {background-color:var(--text-color); color:#fff;}
[class$="-btns"] button.black {border:1px solid var(--pg-tit-color); background-color:#fff; color:var(--pg-tit-color); box-shadow:.5em .5em 1em rgba(0,37,89,.15);}
[class$="-btns"] button.black:hover {background-color:var(--pg-tit-color); color:#fff;}
.po-abs {width:auto; position:absolute; top:-16px; right:0;}
.po-rgt {text-align:right;}

/* effect */
@keyframes arrow-effect { from {transform:translateX(-5px);} to {transform:translateX(5px);} }

/* table mobile scroll guide */
.mob-scr-gui {display:none; padding:1em 1.5em; margin-bottom:1em; font-size:var(--ft-size16); background-color:var(--bkgc1); border-radius:50px;}

/* table */
.dsnt-tb {overflow-x:auto;}
.dsnt-tb table {width:100%; font-size:18px;}
.dsnt-tb table thead th {padding:1.111em 0; border:1px solid currentColor; border-left:0; border-right:0; font-weight:600; color:var(--pg-tit-color); position:relative;}
.dsnt-tb table thead th:not(:nth-child(1)):after {content:''; display:block; width:1px; height:.889em; background-color:currentColor; position:absolute; top:50%; left:-1px; transform:translateY(-50%);}
.dsnt-tb table thead th:first-child {border-left:1px solid currentColor;}
.dsnt-tb table thead th:last-child {border-right:1px solid currentColor;}
.dsnt-tb table tbody th, .dsnt-tb table tbody td {padding:.889em 1.111em; border:1px solid var(--line-color); line-height:1.2;}
.dsnt-tb table tbody th {background-color:#fafafa; font-weight:500;}
.dsnt-tb table tbody td {text-align:center; color:var(--text-color);}
@media screen and (max-width: 1194px) {
	.dsnt-tb table {font-size:16px;}
}
@media screen and (max-width: 667px) {
	/* button */
	.po-abs {position:static;}
	/* table */
	.dsnt-tb table {font-size:14px;}
	.dsnt-tb table thead th:not(:nth-child(1)):after {height:.8em;}
	/* table mobile scroll guide */
	.mob-scr-gui {display:block;}
}

/* layout */
#wrap {width:100%; min-width:360px; height:auto;}
#header {width:100%; height:auto; position:relative;}
#container {width:100%; height:auto; position:relative;}
#container:before {content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#footer {width:100%; height:auto; color:#444; position:relative; font-size:var(--ft-size16);}

/* header */
#header .hd-inner {max-width:1440px; height:auto; padding:17px 1em 0; margin:0 auto; position:relative; display:grid; grid-template-columns:1fr 1fr 100px;}
#header .hd-inner .gnb {display:flex; align-items:center; justify-content:flex-end; font-size:.75em;}
#header .hd-inner .gnb .bt-exam-sch {padding:.834em 1.333em; background-color:var(--primary-color); color:#fff; border-radius:50px; font-weight:500;}
#header .hd-inner .gnb .bt-exam-sch svg {width:.867em; height:.867em; margin:-2px 0 0 .75em;}
#header .hd-inner .gnb .bt-exam-sch:hover {background-color:var(--secondary-color1); box-shadow:0 5px 1.333em rgba(0,167,199,.3);}
#header .hd-inner .gnb > ul {display:flex; align-items:center; width:max-content; height:auto; color:var(--text-color);}
#header .hd-inner .gnb > ul > li {margin:0 1.333em; position:relative;}
#header .hd-inner .gnb > ul > li:not(:nth-child(1)):after {content:''; display:block; width:4px; height:4px; background-color:#ccc; border-radius:100%; position:absolute; top:50%; left:-1.467em; transform:translateY(-50%);}
#header .hd-inner .gnb > ul > li > a {display:flex; align-items:center;}
#header .hd-inner .gnb > ul > li > a[class^="lnk-"]:before {content:''; display:block; width:20px; height:20px; margin-right:4px;}
#header .hd-inner .gnb > ul > li > a:hover {text-decoration:underline;}
#header .hd-inner .gnb > ul > li > .lnk-login:before {background-image:url("../../../images/com/dsnt/common/ico_login.svg");}
#header .hd-inner .gnb > ul > li > .lnk-logout:before {background-image:url("../../../images/com/dsnt/common/ico_logout.svg");}
#header .hd-inner .gnb > ul > li > a[class^="lnk-member"]:before {background-image:url("../../../images/com/dsnt/common/ico_people.svg");}
#header .hd-inner .gnb > ul > li > a.lnk-member-mypage:after {content:''; display:block; width:20px; height:20px; background:var(--icon-arr2) center no-repeat; transition:all .3s;}
#header .hd-inner .gnb > ul > li > a.lnk-member-mypage.active:after {transform:rotate(-180deg);}
#header .hd-inner .gnb > ul > li > .toggle-menu {display:none; width:max-content; min-width:7.333em; height:auto; padding:0 .625em; background-color:#fff; border:1px solid var(--text-color); border-radius:.625em; box-shadow:0 .625em 1em rgba(55,75,143,.1); text-align:center; position:absolute; top:2em; left:50%; transform:translateX(-50%); z-index:10;}
#header .hd-inner .gnb > ul > li > .toggle-menu > li {}
#header .hd-inner .gnb > ul > li > .toggle-menu > li a {display:block; padding:1em 0; font-size:.938em;}
#header .hd-inner .gnb > ul > li > .toggle-menu > li a:hover {font-weight:600; color:var(--primary-color);}
#header .hd-inner .gnb > ul > li > .toggle-menu > li:not(:last-child) a {border-bottom:1px solid #e5e5e5;}
#header .hd-inner .utill {display:flex; align-items:center;}
#header .hd-inner .utill button {width:40px; height:40px;}
#header .hd-inner .utill button:hover {color:var(--primary-color);}
#header .hd-inner .utill .bt-sch {}
#header .hd-inner .utill .bt-sch:hover {}
#header .hd-inner .utill .bt-menu {margin-left:.5em;}
#header .hd-inner .utill .bt-menu .i-menu {width:1.4em; height:.9em;}
#header .hd-inner .utill .bt-menu .i-menu:before {width:1.4em; height:2px; background:currentColor; top:0; left:6px; box-shadow:0 .4em currentColor, 0 .8em currentColor;}

@media screen and (max-width: 1194px) {
	#header .hd-inner {padding:61px 10px 16px;}
	#header .hd-inner .gnb {width:100%; padding:8px 0; position:absolute; top:0; right:0; border-bottom:1px solid #e5e5e5; background-color:var(--bkgc2);}
	#header .hd-inner .gnb .bt-exam-sch {padding:8px 15px;}
	#header .hd-inner .gnb .bt-exam-sch svg {margin-left:8px;}
	#header .hd-inner .utill {position:absolute; top:68px; right:20px;}
	#header .hd-inner .utill button {width:30px;}
}
@media screen and (max-width: 926px) {
	#header .hd-inner .gnb {font-size:13px;}
	#header .hd-inner .utill .bt-sch {display:none;}
	#header .hd-inner .utill .bt-menu {margin-left:0;}
}
@media screen and (max-width: 667px) {
	#header .hd-inner {padding-top:51px;}
	#header .hd-inner .gnb .bt-exam-sch {width:140px; height:37px; padding:.75em 0; position:fixed; bottom:20px; right:16px; z-index:1; font-weight:700; font-size:13px; background-color:var(--pg-tit-color); box-shadow:.556em .556em 1.111em rgba(0,37,89,.3);}
	#header .hd-inner .gnb .bt-exam-sch svg {display:none;}
	#header .hd-inner .utill {top:56px; right:16px;}
}

/* header : menu */
#lnb {width:100%; height:auto; margin-top:8px; position:relative; z-index:9;}
#lnb > ul {max-width:1440px; height:auto; padding:0 1.25em; margin:0 auto; display:flex;}
#lnb > ul > li {width:25%; height:100%; text-align:center; font-size:var(--ft-size22); position:relative;}
#lnb > ul > li > a {display:block;}
#lnb > ul > li > a span {display:inline-block; padding:.909em 0; position:relative;}
#lnb > ul > li > a span:after {content:''; display:inline-block; width:0; height:6px; background-color:var(--primary-color); position:absolute; bottom:0; left:0; right:0; transition:all .2s; transform: scaleX(0); transform-origin:bottom center;}
#lnb > ul > li > .sub-menu {display:none; position:absolute; top:100%; left:0; z-index:2; font-size:var(--ft-size16);}
#lnb > ul > li > .sub-menu ul {width:max-content; height:auto; padding:1.8em 0; position:absolute; top:100%; left:0; z-index:2; transition:all .2s;}
#lnb > ul > li > .sub-menu ul li {width:auto; display:inline-block;}
#lnb > ul > li > .sub-menu ul li a {display:block; padding:0 1.25em; color:#797979;}
#lnb > ul > li > .sub-menu ul li a:hover {color:var(--primary-color); text-decoration:underline; font-weight:500;}
#lnb > ul > li:nth-child(1) > .sub-menu ul {left:5em;}
#lnb > ul > li:nth-child(2) > .sub-menu ul {left:4em;}
#lnb > ul > li:nth-child(3) > .sub-menu ul {left:3.75em;}
#lnb > ul > li:nth-child(4) > .sub-menu ul {left:5em;}
#lnb > ul > li:nth-child(5) > .sub-menu ul {left:6em;}
#lnb .bg-lnb-overlay {width:100%; height:0; border-top:1px solid #fff; background-color:#fff; box-shadow:0 16px 24px rgba(0,37,89,.08); position:absolute; top:100%; left:0; z-index:1; transition: height 0.2s, background 0.2s; }
/* header : menu : active */
#lnb .bg-lnb-overlay.on {height:4em; border-top-color:#e5e5e5; transition:height 0.2s, background 0.2s;}
#lnb > ul > .active > a {color:var(--primary-color); font-weight:700;}
#lnb > ul > .active > a span:after {width:100%; transform:scaleX(1);}
#lnb > ul > li:hover > .sub-menu {display:block;}
#lnb > ul > li.active:nth-child(1) > .sub-menu ul {left:6.25em;}
#lnb > ul > li.active:nth-child(2) > .sub-menu ul {left:5.25em;}
#lnb > ul > li.active:nth-child(3) > .sub-menu ul {left:5em;}
#lnb > ul > li.active:nth-child(4) > .sub-menu ul {left:6.25em;}
#lnb > ul > li.active:nth-child(5) > .sub-menu ul {left:6em;}
@media screen and (max-width: 1194px) {
	#lnb {display:none;}
}

/* full menu */
.full-menu {display:none; width:100%; height:calc(100% - 4.85em); background-color:#fff; position:fixed; top:4.85em; right:0; z-index:10; overflow-y:auto;}
.full-menu .dsnt-sch {display:none; width:100%; height:auto; padding:20px; background-color:var(--bkgc2); font-size:16px;}
.full-menu .dsnt-sch .frm-area {width:100%; height:56px; border-radius:2.5em; border:2px solid #939ab0; box-shadow:0 1em .8em rgba(55,75,143,.08); position:relative; overflow:hidden;}
.full-menu .dsnt-sch .frm-area input {width:100%; height:100%; padding:1.3em 1.5em;}
.full-menu .dsnt-sch .frm-area button {width:40px; height:40px; background-color:var(--primary-color); border-radius:100%; color:#fff; position:absolute; top:.4em; right:.4em;}
.full-menu .nav {width:100%; max-width:1440px; height:100%; padding:3em 2em; margin:0 auto; display:grid; grid-template-columns:repeat(4, 1fr);}
.full-menu .nav ul {width:100%; height:auto;}
.full-menu .nav a {display:block;}
.full-menu .nav a:hover {color:var(--primary-color) !important;}
.full-menu .nav > li {width:13em; padding-bottom:3em; margin:0 auto; position:relative;}
.full-menu .nav > li > .depth1-lnk {padding:1.071em 0; position:relative; font-weight:700; font-size:var(--ft-size28); color:var(--primary-color); border-bottom:1px solid var(--line-color);}
.full-menu .nav > li > .depth1-lnk .i-mn {display:none; width:32px; height:32px; border-radius:100%; border:1px solid var(--line-color); background:var(--icon-arr2) center / 10px no-repeat;position:absolute; top:0; right:0;}
.full-menu .nav > li > .depth1-lnk.active {font-weight:700;}
.full-menu .nav > li > .depth1-lnk.active .i-mn {transform:rotate(-180deg);}
.full-menu .nav > li .depth-2 {padding-top:1em;}
.full-menu .nav > li .depth-2 > li {padding:0 0 5px;}
.full-menu .nav > li .depth-2 > li > a {padding:.556em 0; font-weight:600; font-size:var(--ft-size18);}
.full-menu .nav > li .depth-3 {padding-top:.5em;}
.full-menu .nav > li .depth-3 li {padding:0 0 .5em;}
.full-menu .nav > li .depth-3 li > a {font-weight:400; font-size:var(--ft-size16); color:var(--text-color);}
.full-menu .nav > li > a.active, .full-menu .nav > li > a:hover {color:var(--primary-color);}
.full-menu .bt-menu-close {display:none; width:100%; height:60px; padding:0 20px; background-color:var(--primary-color); text-align:right; position:absolute; top:0; right:0;}
.full-menu .bt-menu-close:hover svg {animation:none;}
@media screen and (max-width: 1366px) {
	.full-menu .nav > li {width:10em;}
	.full-menu .nav > li > .depth1-lnk {font-size:22px;}
}
@media screen and (max-width: 926px) {
	.full-menu {height:100%; padding-top:60px; top:0;}
	.full-menu .dsnt-sch {display:block;}
	.full-menu .nav {display:block; padding:40px 20px;}
	.full-menu .nav > li {width:100%; padding-bottom:40px;}
	.full-menu .nav > li > .depth1-lnk {font-weight:600; line-height:32px; padding:0; border-bottom:0; color:#282828;}
	.full-menu .nav > li > .depth1-lnk .i-mn {display:inline-block;}
	.full-menu .nav > li .depth-2 {display:none; padding-top:0; margin-top:10px;}
	.full-menu .nav > li .depth-2 > li {padding:0;}
	.full-menu .nav > li .depth-2 > li > a {font-weight:500; padding:10px 0; font-size:16px;}
	.full-menu .nav > li .depth-3 {padding:10px; margin:10px 0; border-radius:20px; background-color:var(--bkgc2);}
	.full-menu .nav > li .depth-3 li {padding:0;}
	.full-menu .nav > li .depth-3 li > a {padding:10px; font-size:15px;}
	.full-menu .bt-menu-close {display:block;}
}

/* footer */
#footer .ft-inner {max-width:1440px; height:auto; padding:0 1em 3em; margin:0 auto;}
#footer .ft-inner ul {width:100%; height:auto; padding:1.875em 0; display:flex; border-bottom:1px solid #e5e5e5; font-weight:300;}
#footer .ft-inner ul li {}
#footer .ft-inner ul li:not(:last-child) {padding-right:2em;}
#footer .ft-inner ul li:nth-child(1) {color:var(--primary-color); font-weight:500;}
#footer .ft-inner ul li a:hover {color:var(--primary-color); text-decoration:underline;}
#footer .ft-inner .add-info {width:100%; height:auto; padding:1.875em 0; display:flex; flex-wrap:wrap;}
#footer .ft-inner .add-info .logo {width:max-content; height:3.875em;}
#footer .ft-inner .add-info .logo span {font-size:1.25em;}
#footer .ft-inner .add-info div {width:calc(100% - max-content); height:auto; padding:1.25em 0 0 3.125em;}
#footer .ft-inner .add-info div address {display:block; line-height:1.75;}
#footer .ft-inner .add-info div cite {display:block; margin-top:1.25em;}
#footer .bt-top {width:3.75em; height:3.75em; border-radius:100%; background-color:var(--primary-color); color:#fff; position:absolute; top:-1.875em; right:5vw;}
#footer .bt-top svg {transform:rotate(-90deg);}
#footer .bt-top:hover svg {animation:none;}
@media screen and (max-width: 1194px) {
	#footer .ft-inner .add-info div {width:100%; padding:20px 0 0;}
}
@media screen and (max-width: 926px) {
	#footer {font-size:13px;}
	#footer .ft-inner {padding:0 16px 3.25em;}
	#footer .ft-inner .add-info {flex-direction:column;}
	#footer .ft-inner .add-info .logo {height:auto;}
	#footer .bt-top {right:16px;}
}
@media screen and (max-width: 428px) {
	#footer .ft-inner ul {flex-wrap:wrap; padding:10px 0;}
	#footer .ft-inner ul li {width:50%; padding:10px 0;}
	#footer .ft-inner ul li:not(:last-child) {padding-right:0;}
}

/* layer */
.bg-layer {display:none; width:100%; height:100%; background-color:rgba(14,21,32,.75); position:fixed; top:0; left:0; z-index:11;}
.bt-layer-close {position:absolute; top:1em; right:1em;}
/* layer : exam-sch-layer */
.exam-sch-layer {display:none; width:25em; height:auto; padding:2.5em; border-radius:1.5em; background-color:#fff; position:absolute; top:50%; left:50%; z-index:12; transform:translate(-50%, -50%); text-align:center;}
.exam-sch-layer h2 {font-size:var(--ft-size30); font-family:var(--sba-ft-family); color:var(--pg-tit-color); line-height:1.2;}
.exam-sch-layer h2:before {content:''; display:block; width:2em; height:2em; margin:0 auto .667em; background:url("../../../images/com/dsnt/popup/ico_robot_aplus.svg") center no-repeat;}
.exam-sch-layer .exam-frm {width:100%; height:auto; margin-top:2.222em; text-align:left; font-size:var(--ft-size18); font-weight:600;}
.exam-sch-layer .exam-frm .gap {display: flex; flex-direction: column; gap:16px;}
.exam-sch-layer .exam-frm span {display:flex; align-items:center; width:100%; height:auto; padding:1.111em 1.667em; border:1px solid var(--line-color); border-radius:50px;}
.exam-sch-layer .exam-frm span label {display:block; width:25%;}
.exam-sch-layer .exam-frm span input {width:75%; padding:0 .556em; outline:none;}
.exam-sch-layer .exam-frm span:hover {border-color:var(--primary-color);}
.exam-sch-layer .exam-frm button {width:100%; height:auto; padding:1.111em 0; margin-top:1.100em; text-align:center; background-color:var(--primary-color); border-radius:50px; color:#fff;}
.exam-sch-layer .exam-frm button:hover {background-color:var(--secondary-color1); box-shadow:0 5px 1.333em rgba(0,167,199,.3);}
.exam-sch-layer .exam-frm ul {padding:1.333em; font-size:.833em; font-weight:400; line-height:1.2; color:var(--text-color);}
.exam-sch-layer .exam-frm ul li {list-style-type:disc;}
.exam-sch-layer .exam-frm ul li:not(:nth-child(1)) {margin-top:.5em;}
.exam-sch-layer .exam-frm p {padding:.75em 0; background-color:var(--bkgc2); border-radius:50px; font-size:.833em; font-weight:400; line-height:1.2; text-align:center;}
@media screen and (max-width: 667px) {
	.exam-sch-layer {width:20em; padding:2.5em 1.5em;}
	.exam-sch-layer .exam-frm span {display:block; padding:0; border:0;}
	.exam-sch-layer .exam-frm span label {width:100%; padding:0 .5em;}
	.exam-sch-layer .exam-frm span input {width:100%; padding:1em 1.5em; margin-top:.5em; border:1px solid var(--line-color); border-radius:50px;}
	.exam-sch-layer .exam-frm span input:focus {border-color:var(--primary-color);}
}
/* layer : dsnt-sch-layer */
.dsnt-sch-layer {display:none; width:100%; height:auto; position:absolute; top:100%; left:0; z-index:3;}
.dsnt-sch-layer:after {content:''; display:block; width:100%; height:calc(100% - 150px); background-color:rgba(14,21,32,.75); position:fixed; bottom:0; left:0; z-index:-2;}
.dsnt-sch-layer .sch-frm {padding:3em 1em; background-color:#fff;}
.dsnt-sch-layer .sch-frm:after {content:''; display:block; width:100%; height:100%; background-color:#fff; position:absolute; top:0; left:0; z-index:-1;}

/* common : search-form */
.sch-frm {max-width:1440px; width:100%; height:auto; padding:0 1em; margin:0 auto; display:grid; grid-template-columns:30% 1fr;}
.sch-frm h2 {display:flex; align-items:center; font-size:var(--ft-size30); font-family:var(--sba-ft-family); color:var(--pg-tit-color);}
.sch-frm h2:before {content:''; display:block; width:2.667em; height:2.667em; margin-right:1em; border-radius:100%; background:url("../../../images/com/dsnt/common/ico_equipment.svg") center no-repeat; background-color:var(--pg-tit-color);}

.sch-frm .frm-area {width:100%; height:4em; border-radius:2.5em; border:2px solid #939ab0; box-shadow:0 1em .8em rgba(55,75,143,.08); position:relative; overflow:hidden;}
.sch-frm .frm-area input {width:100%; height:100%; padding:1.3em 1.5em; outline:none;}
.sch-frm .frm-area button {width:3em; height:3em; background-color:var(--secondary-color2); border-radius:100%; color:#fff; position:absolute; top:.4em; right:.4em;}

.sch-frm .best-keyword {width:100%; height:auto; padding:.4em 0 0 1.5em;}
.sch-frm .best-keyword p {font-size:var(--ft-size18); font-weight:600; color:var(--pg-tit-color);}
.sch-frm .best-keyword ul {width:100%; height:auto;}
.sch-frm .best-keyword ul li {display:inline-block; margin:.4em 0;}
.sch-frm .best-keyword ul li a {display:inline-block; padding:.467em .667em; font-size:.75em; background-color:#fff; border:1px solid var(--line-color); border-radius:.667em; color:#77809d;}

@media screen and (max-width: 1194px) {
	.sch-frm {display:flex;}
	.sch-frm h2 {justify-content:center; margin:0 1em .5em 0;}
	.sch-frm h2:before {background-size:1em;}
	.sch-frm .frm-area, .sch-frm .best-keyword {width:65%; margin:0 auto;}
	.sch-frm .best-keyword {margin-top:4px;}
}
@media screen and (max-width: 926px) {
	.dsnt-sch-layer .sch-frm {padding:2em 1em;}
	.dsnt-sch-layer .sch-frm h2 {display:none;}
	.sch-frm {display:block;}
	.sch-frm h2:before {width:2em; height:2em; margin-right:.5em; background-size:.8em;}
	.sch-frm .frm-area, .sch-frm .best-keyword {width:90%;}
	.sch-frm .best-keyword {display:flex; align-items:center;}
	.sch-frm .best-keyword p {width:15%;}
	.sch-frm .best-keyword ul {width:85%; margin-top:0;}
}
@media screen and (max-width: 667px) {
	.sch-frm .frm-area, .sch-frm .best-keyword {width:100%;}
	.sch-frm .frm-area {height:3em;}
	.sch-frm .frm-area input {padding:.8em 3em .8em 1.5em;}
	.sch-frm .frm-area button {width:2em; height:2em;}
	.sch-frm .best-keyword {display:block; padding-left:1em;}
	.sch-frm .best-keyword p, .sch-frm .best-keyword ul {width:100%;}
}

/* pagination */
.pagination {width:100%; height:auto; text-align:center; margin-top:3.75em; font-size:var(--ft-size16);}
.pagination ul {display:flex; justify-content:center;}
.pagination ul li {}
.pagination ul li a {display:block; width:40px; height:40px; line-height:39px; margin:0 5px; background-color:#fff; color:var(--text-color); font-weight:700; border:1px solid var(--line-color); border-radius:100%;}
.pagination ul li.current a {background-color:var(--primary-color); border-color:var(--primary-color); color:#fff;}
.pagination ul li:not(.current) a:hover {background-color:var(--bkgc2); border-radius:100%;}
.pagination ul li.first a, .pagination ul li.prev a, .pagination ul li.last a, .pagination ul li.next a {font-size:0; border-color:var(--bkgc2);}
.pagination ul li.first a, .pagination ul li.last a {background:var(--icon-arr3) center no-repeat var(--bkgc2);}
.pagination ul li.prev a, .pagination ul li.next a {background:var(--icon-arr) center no-repeat var(--bkgc2); margin:0 10px;}
.pagination ul li.first a, .pagination ul li.prev a {transform:rotate(-180deg);}
.pagination ul li.first a:hover, .pagination ul li.prev a:hover, .pagination ul li.last a:hover, .pagination ul li.next a:hover {border-color:var(--line-color);}
@media screen and (max-width: 667px) {
	.pagination ul li a {width:32px; height:32px; line-height:31px; margin:0 2px;}
	.pagination ul li.prev a, .pagination ul li.next a {margin:0 5px;}
}

/* common : member : message */
.refer-wrap {width:100%; height:auto; padding:1.875em 2.5em; display:flex; align-items:center; border:1px solid var(--line-color); border-radius:1.25em 1.875em 1.875em; font-size:var(--ft-size16); color:var(--text-color); line-height:1.4;}
.refer-wrap i {display:block; width:5em; height:5em; border-radius:100%; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZD0iTTkuOSAxMC4zYy0uOS41LTEuOC43LTIuOC43SDIuNWMtLjggMC0xLjUuNy0xLjUgMS41djYuOWMwIC44LjYgMS41IDEuNSAxLjVoNC43YzEgMCAxLjkuMyAyLjcuN2w4LjUgNS43Yy43LjQgMS4zIDAgMS4zLS44di0yMWMwLS44LS42LTEuMi0xLjMtLjhsLTguNSA1LjZ6TTI1LjggMjEuNmgyLjRNMjUuOCAxMC40aDIuNE0yNS44IDE2SDMxIi8+PC9zdmc+") center / 2em no-repeat var(--secondary-color2);}
.refer-wrap div {width:calc(100% - 5em); padding-left:1.875em;}
.refer-wrap div strong {display:block; color:var(--ct-tit-color);}
.help-msg {width:100%; height:auto; color:var(--text-color); font-size:var(--ft-size16); line-height:1.2;}
.refer-wrap .notice {color:var(--secondary-color1);}

@media screen and (max-width: 926px) {
	.refer-wrap {flex-direction:column; text-align:center;}
	.refer-wrap i {width:4em; height:4em;}
	.refer-wrap div {width:100%; padding-left:0; margin-top:1em;}
}

/* window popup */
#pop-wrap {width:100%; min-width:360px; height:auto;}
#pop-header {width:100%; height:auto; padding:1em; background-color:var(--bkgc2); /* border-top:4px solid currentColor; */ font:500 var(--ft-size30) var(--sba-ft-family); color:var(--pg-tit-color);}
#pop-header h1 {display:flex; align-items:center;}
#pop-header h1:before {content:''; display:block; width:1.333em; height:1.333em; margin-right:10px; border-radius:100%; background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMnB4Ij48cGF0aCBkPSJNMTYgNi40MTZIMU0xMiAxMS40MTRsNS01LTUtNSIgLz48L3N2Zz4=") center no-repeat currentColor;}
#pop-container {width:100%; height:auto; padding:1.5em 1.5em 3em;}
@media screen and (max-width: 926px) {
	#pop-container {padding:1.5em 1em 3em;}
}

/* file */
ul.file_list_view {padding:5px 10px;}
ul.file_list_view li {padding:3px 0;}
div.file_list_add {padding: 3px 0;flex-direction: column;}
span.file_mult {padding: 5px 0;}

/* Popup */
.popup_lbox {display: none;position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 99;background-color: #fff;border: 1px solid #ddd;}
.popup_nbox {display: none;}
.popup_pbox {background-color: #fff;margin: 0;padding: 0;}
.popup_txt ul {padding-right:15px;}
.popup_txt ul li {float: right;padding:5px 0 5px 10px;}
.popup_txt .btn_pop {cursor: pointer;padding:10px 10px;border: 1px solid #ddd;font-size: 1em;border-radius: 0.2em;}

/* video */
#dsnt_video {width: 100%;}

/* error */
#error-wrap {width:100%; height:auto; padding:1.5em 16px; text-align:center;}
#error-wrap .logo {margin:0 auto;}
#error-wrap .error-msg {max-width:640px; min-height:calc(100vh - 8em); margin:0 auto; display:grid; place-items:center;}
#error-wrap .error-msg span {display:inline-block; width:4.5em; height:4.5em;}
#error-wrap .error-msg h2 {padding:1em 0; font-weight:700; font-size:1.8em; letter-spacing:-0.05em; line-height:1.2;}
#error-wrap .error-msg p {padding:2.222em 1.111em; font-size:.9em; border:1px solid #ccd1e1; border-radius:1.111em 1.667em 1.667em; line-height:1.4; color:#666;}
#error-wrap .error-msg a {display:inline-block; padding:1em 3em; margin-top:2.5em; background-color:#4742bb; border-radius:.5em 1em 1em; box-shadow:.5em .5em 1em rgba(71,66,187,.3); color:#fff; font-weight:500;}
#error-wrap cite {width:100%; position:absolute; bottom:3em; left:0; font-weight:300; font-size:.8em; color:#444;}

.pt-5{padding-top: 5px !important;}