@charset "UTF-8";

/*게시판*/
@import url(./fonts.css);
@import url(./icon_sprit.css);
@import url(./slickslider.css);

@media print {
	header, footer, .sidebar, .location-box, .special-box, .sub-visual {
		display: none;
	}
	.sub-contents {
		margin-left: 0;
	}
}

/* //////////////////////////////////////////////////////////////////
    Base : custom, font
///////////////////////////////////////////////////////////////// */
main, article, aside, details,
figcaption, figure, footer, header,	hgroup, nav, section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.sch_result_page_list video {
    width: 50%;
}
.sch_result_page_list img {
    width: 40%;
}

/* 검색영역 비디오 크기 */
audio:not([controls]) {
	display:none;
}
[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	word-break: keep-all;
}
button, input, select, textarea {
	font-family: inherit;
}
input::placeholder, textarea::placeholder {
	color:#757575;
}
a {
	color: inherit !important;
	text-decoration: none;
}
.p_name a:after {
	background-image: url(/ko/images/ncsc/svg/ic_popup_g.svg);
	background-size: 100%;
	content: '';
	display: inline-flex;
	flex-shrink: 0;
	width: 1em;
	height: 1em;
}

a:focus, #top-btn:focus, .view_sidebar:focus, button:focus {
	/* outline: 2px solid gold	; */
}

/* /* 기본: 텍스트 미표시 */
#top-btn::after { content:""; }

호버/포커스 때만 "TOP" 표시
#top-btn:hover::after,
#top-btn:focus::after,
#top-btn:focus-visible::after{
  content:"TOP";
  margin-left:10px;
}
 */

a:hover, a:active {
	outline: 0;
}
b, strong {
	font-weight: bold;
}
blockquote {
	margin: 1em 40px;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}
mark {
	background: #ff0;
	font-style: italic;
}
pre, code, kbd, samp {
	font-family: monospace;
	font-family: monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}

q:before, q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul, ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
 
dl, dt, dd {
	margin: 0;
}

#vrifyIntroToggle dt::before {
	content: none !important;
}

.right-menu img{
	width: 2.8rem;
	height: 2.8rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.content-noti-box img {
    width: auto;
}

img {
	width: 100%;
	height: 100%;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow:hidden;
}
figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	display: none;
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

label {
	cursor: pointer;
}

button {
	padding: 0;
	outline: 0;
	border: none;
	background: transparent;
}

button, input, select, textarea {
	font-size: 1em;
	font-family: inherit;
	margin: 0;
	vertical-align: middle;
	border-radius: 0;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0));
}

button, input {
	line-height: normal;
	overflow: visible;
}

table button, table input {
	*overflow: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:invalid, textarea:invalid {
	border-color: #C82E2D;
}

button[disabled], input[disabled] {
	cursor: default;
}

input::-ms-clear {
	display: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

address, em, i {
	font-style: normal;
}

caption {
	position: absolute;
	top: 0;
	left: -9999px;
	height: 0 !important;
	width: 0 !important;
	overflow: hidden;
	font-size: 0;
}


/* //////////////////////////////////////////////////////////////////
    Common : Layout, Plugin
///////////////////////////////////////////////////////////////// */
html, body {
	width:100%;
	height: 100%;
	font-size: 10px;
	font-family: 'Spoqa Han Sans Neo', sans-serif;
}
* {
	box-sizing: border-box;
	letter-spacing: -0.025em;
	line-height: 1;
}
p, textarea {
	line-height: 1.4;
}
::placeholder {
	color: #A6A4A4;
}
/*skip navigation*/
.skiptoContent {
	position: fixed;
	top: -35px;
	height: 30px;
	line-height: 30px;
	background-color: #00235d;
	width: 360px;
	margin-left: 800px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
	z-index: 999;
	padding-top: 3px;
}
.skiptoContent.on {
	top: 0;
}
.skiptoContent strong {
	font-size: 0;
}
.skiptoContent a {
	color: #fff !important;
	font-size: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.skiptoContent a:focus {
	color: gold !important;
}
/* IR */
.blind,
.hidden_word {
	clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}

/* Margin, Padding : 사용여부 확인 후 제거 */
.align_right { text-align: right;}
.align_left { text-align: left;}
.align_center { text-align: center;}

.in_length30 { width: 30px;}
.in_length40 { width: 40px;}
.in_length50 { width: 50px;}
.in_length60 { width: 60px;}
.in_length70 { width: 70px;}
.in_length80 { width: 80px;}
.in_length90 { width: 90px;}
.in_length100 { width: 100px;}
.in_length110 { width: 110px;}
.in_length120 { width: 120px;}
.in_length130 { width: 130px;}
.in_length140 { width: 140px;}
.in_length150 { width: 150px;}
.in_length160 { width: 160px;}
.in_length170 { width: 170px;}
.in_length180 { width: 180px;}
.in_length190 { width: 190px;}
.in_length200 { width: 200px;}
.in_length250 { width: 250px;}
.in_length300 { width: 300px;}
.in_length350 { width: 350px;}
.in_length400 { width: 400px;}
.in_length450 { width: 450px;}
.in_length500 { width: 500px;}
.in_length600 { width: 600px;}
.in_length98pro { width: 98%;}

.mgn_b5 { margin-bottom: 5px; }
.mgn_b8 { margin-bottom: 8px; }
.mgn_b10 { margin-bottom: 10px; }
.mgn_b15 { margin-bottom: 15px; }
.mgn_b18 { margin-bottom: 18px; }
.mgn_b20 { margin-bottom: 20px; }
.mgn_b25 { margin-bottom: 25px; }
.mgn_b30 { margin-bottom: 30px; }
.mgn_b40 { margin-bottom: 40px; }
.mgn_b50 { margin-bottom: 50px; }
.mgn_b60 { margin-bottom: 60px; }
.mgn_b70 { margin-bottom: 70px; }
.mgn_b80 { margin-bottom: 80px; }
.mgn_b90 { margin-bottom: 90px; }
.mgn_b100 { margin-bottom: 100px; }

.mgn_t5 {	margin-top: 5px;}
.mgn_t8 {	margin-top: 8px;}
.mgn_t10 {	margin-top: 10px;}
.mgn_t15 {	margin-top: 15px;}
.mgn_t18 {	margin-top: 18px;}
.mgn_t20 {	margin-top: 20px;}
.mgn_t25 {	margin-top: 25px;}
.mgn_t30 {	margin-top: 30px;}
.mgn_t40 {	margin-top: 40px;}
.mgn_t50 {	margin-top: 50px;}
.mgn_t70 {	margin-top: 70px;}
.mgn_t80 {	margin-top: 80px;}
.mgn_t105 {	margin-top: 105px;}

.mgn_l10 {	margin-left: 10px;}
.mgn_l15 {	margin-left: 15px;}
.mgn_l20 {	margin-left: 20px;}
.mgn_l30 {	margin-left: 30px;}

.mgn_r10 {	margin-right: 10px;}
.mgn_r20 {	margin-right: 20px;}
.mgn_r30 {	margin-right: 30px;}
.mgn_r40 {	margin-right: 40px;}

.left_10 {	padding-left: 10px;}
.left_15 {	padding-left: 15px;}
.left_20 {	padding-left: 20px;}
.left_30 {	padding-left: 30px;}
.left_40 {	padding-left: 40px;}
.left_50 {	padding-left: 50px;}
.left_100 {	padding-left: 100px;}
.left_150 {	padding-left: 150px;}

.right_10 {	padding-right: 10px;}
.right_20 {	padding-right: 20px;}
.right_30 {	padding-right: 30px;}
.right_50 {	padding-right: 50px;}
.right_100 { padding-right: 100px;}
.right_150 { padding-right: 150px;}

.line_14 {	line-height: 1.4;}
.line_16 {	line-height: 1.6;}
.line_18 {	line-height: 1.8;}

.col_brown { color: #996630;}
.col_red {	color: #ff5054;}
.col_gold {	color: #CD883D;}
.col_black { color: #000000;}
.col_org { color: #f05914;}
.col_gray { color: #818283;}
.col_black { color: #000;}
.col_pul { color: #3c5e80;}
.col_blue { color: #21539b;}
.col_blue2 {color: #1e82b0;}
.col_d_green { color: #0ba3ac;}
.col_l_green { color: #5d9b21;}
.col_gold { color: #999900;}
.col_yellow { color: #fff585;}

.font_bold { font-weight: bold;}
.font_11 { font-size: 11px;	}
.font_12 { font-size: 12px;}
.font_13 { font-size: 13px;}
.font_14 { font-size: 14px;}
.font_15 { font-size: 15px;}
.font_16 { font-size: 16px;}
.font_17 { font-size: 17px;}
.font_18 { font-size: 18px;}
.font_20 { font-size: 20px;}
.font_22 { font-size: 22px;}


/* Header ///////////////////////////////////////// */
.header {
/* /* 	background: #fff;
	border-bottom: 1px solid;
    width: 100%;
    min-height: 66px;
    position: fixed;
    top: 0;
    z-index: 1; */ */
}
.header.selected {
	box-shadow: 0px 7px 11px -13px rgba(0,0,0, .75);
}
.header.selected::before {
    background: #eee;
    content: "";
    display:none;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 80px;
}

/* 추후확인 */
.mainmenu,
.header__links__2 {
	display:none;
}
/* // 추후확인 */

.header__wrap .gnb,
.all_menu_wrap__outwrap,
.header__search,
.header__links__1 > a,
.gnb-tit,
.gnb .sub-nav__3rd {
	display:none
}
.header__wrap {
	position: relative;
	max-width: 1492px;
	margin: auto;
}
.header__links {
	position: absolute;
    right: 100px;
}
.header__links__1 > .header__links__1__icon-alert {
    display: block;
    width: 60px;
    margin: 1.5em .5em;
}
.header__links__1 > .header__links__1__icon-alert > img {
		width:100%;
	}

.header__search.on {
    display: block;
    position: absolute;
    right: 0;
    top: 66px;
}
.header__search__in {
    background: white;
    border: 1px solid #333;
}
.header__search-in_box {
    border: 0;
    font-size: 13px;
    padding: 7px 10px;
    width: 180px;
}
.header__wrap__h1 {
    width: 140px;
    height: 40px;
    margin: 1em 2em;
}
.header .link_btn {
	/*background: rgba(30, 130, 176 , .1);*/
	border: 2px solid;
	border-radius: 20px;
    color: #00377B;
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    padding: 0.5em 1em;
    right: 4.5em;
    top: calc(50% - 15px);
}
.header .link_btn:hover {
	background: #00377B;
	color: white;
}

/* GNB */
.gnb-ul {
	color: #333;
    display: flex;
    overflow: hidden;
    padding: 0 20px;
    margin: auto;
}
.gnb-menu {
	flex: auto;
	padding: 0 .5em;
}
.gnb-menu__a {
	/* font-family:'scdream';
	font-size: 18px;
	font-weight: 500; */
}
.gnb-menu__a > span {
	border-bottom: 3px solid transparent;
	display: inline-block;
	padding: 20px 0 17px;
	position: relative;
}
#gnb {
	position: relative;
	width: 100%;
}
#gnb .gnb-ul {
	text-align: center;
}
#gnb .over .gnb-menu__a span,
#gnb .gnb-menu__a:hover span,
#gnb .gnb-menu__a:focus span{
	border-color: inherit;
	color: #0E5390;
}
#gnb .over .gnb-menu__a span::after,
#gnb .gnb-menu__a:hover span::after,
#gnb .gnb-menu__a:focus span::after {
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    border-radius: 5px;
    bottom: 0;
    transform: translate(-50%, -3px);
}
.selected #gnb .sub-nav {
	/* border-right: 1px solid #eee;
	height: 100%;
	padding: 10px 0;
   	transition: all 0.3s ease; */
}
.selected #gnb .over .sub-nav {
	padding-top: 15px;
}

/* Mobile */
.mobile_top_nav {
	width: 100%;
}
#gnb_nav_mobile,
.mobile_top_nav__in,
#gnb_nav_mobile .gnb-ul {
	width: 100%;
	height: 100%;
}
.mobile_top_nav {
    position: fixed;
    top: 0;
}
	.mobile_icon {
	    position: absolute;
	    right: 2em;
	    top: 1.6em;
	}
	.mobile_top_nav.selected > .motlie_icon {
		display: none;
	}
	.mobile_top_nav__in {
	    background: rgba(0,0,0, 0.7);
	    display:none;
	    height: 100vh;
	    position: fixed;
	}
	.mobile_top_nav.selected .mobile_top_nav__in {
		display: block;
	}
	#gnb_nav_mobile {
	    background: white;
	    position: fixed;
    	right: 0;
	    width: 318px;
	}
	#gnb_nav_mobile > .logo {
		padding: 1.1em 3em;
		position: relative;
	}
	#gnb_nav_mobile > .logo > img {
		width: auto;
		height: 40px;
	}
	#gnb_nav_mobile .gnb-ul {
		background: #283D72;
		color: white;
		display: block;
		padding: 13px 28px;
	}
	#gnb_nav_mobile .gnb-menu {
		border-bottom: 1px solid #EAEAEA;
		padding: 18px 0;
		width: 100%;
	}
	#gnb_nav_mobile .gnb-menu__a {
		display:block;
		font-family: 'Spoqa Han Sans Neo', sans-serif;
		font-size: 16px;
	    position: relative;
	}
	#gnb_nav_mobile .gnb-menu__a::after {
		background-image: url(/ko/images/ncsc/svg/icon_sprite.svg);
		background-repeat : no-repeat;
		background-position: -80px -40px;
	    content: '';
	    display: block;
	    width: 30px;
	    height: 30px;
		position: absolute;
	    right: 0;
	    top: 0;
	    transform: translate(25%, -25%);
	}
	#gnb_nav_mobile .gnb-menu.on .gnb-menu__a::after {
		background-position: -120px -40px;
	}
	#gnb_nav_mobile .gnb-menu__a > span {
		padding: 0;
		border: none;
	}
	#gnb_nav_mobile .link_item {
		display: block;
		font-size: 15px;
		font-weight: 400;
		padding: 0.5em 0;
	}
	#gnb_nav_mobile .link_item:hover,
	#gnb_nav_mobile .link_item:focus {
		font-weight: 500;
	}
	#gnb_nav_mobile .sub-nav__box__ul {
		margin-top: 20px;
	}
	#gnb_nav_mobile .sub-nav__box__list ~ .sub-nav__box__list,
	#gnb_nav_mobile .sub-nav__3rd__ul__li ~ .sub-nav__3rd__ul__li {
	    margin-top: 8px;
	}
	#gnb_nav_mobile .sub-nav__3rd {
		margin: 1em 2em;
	}
.mobile_icon {
	display:flex;
	/* ots 수정. IE11 호환 때문 */
	/* gap: 1em; */
}
/* ots 수정. IE11 호환 때문 */
.mobile_icon > *:not(:last-child) {
	margin-right: 1em;
}
.mobile-close {
	cursor: pointer;
	display: none;
    position: absolute;
    top: 1.6em;
    right: 2em;
}
.mobile_top_nav.selected + .mobile-close {
	display: block;
}

/* All Menu */
.all_menu_wrap__outwrap {
	background: white;
	box-shadow: 0px 7px 11px -13px rgb(0 0 0 / 75%);
	border-top: 1px solid transparent;
    padding: 2rem 0;
    position: fixed;
    transition: all .7s ease 0s;
    width: 100%;
}
.all_menu_wrap .gnb-menu__a {
	font-size: 14px;
}
.all_menu_wrap .gnb-menu__a > span {
	background: #EBE5F3;
	border-bottom: 2px solid;
	color: #0E5390;
	display: block;
    padding: 10px 10px 8px;
}
.all_menu_wrap .sub-nav {
	font-size: 13px;
	padding: 2rem 0;
}
.all_menu_wrap .sub-nav__box__list ~ .sub-nav__box__list,
.all_menu_wrap .sub-nav__3rd__ul__li ~ .sub-nav__3rd__ul__li {
	margin-top: 1em;
}
.all_menu_wrap .link_item {
	display:block;
	line-height: 1.3;
	padding-left: 1em;
	position: relative;
}
.all_menu_wrap .link_item:hover {
	text-decoration: underline;
}
.all_menu_wrap .link_item::before {
	content:"·";
	position: absolute;
	left: 5px;
}
.all_menu_wrap .sub-nav__3rd {
	margin: 1em 0;
}
.all_menu_wrap .sub-nav__3rd .link_item {
	color: #666;
	font-size: 12px;
	padding-left: 2em;
}
.all_menu_wrap .sub-nav__3rd .link_item::before {
	content:"-";
	left: 1em;
}

/* Quick Menu ///////////////////////////////////// */
.popup-btn,
.sub_sidebar {
	position: fixed;
}
.popup-btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 1.4em; */
    padding: 1em;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.popup-btn a {
  display: block;
  margin-bottom: 10px; /* 버튼 사이 간격 */
}

.popup-btn a:last-child {
  margin-bottom: 0; /* 마지막은 간격 없앰 */
}

/* ots 수정. IE11 호환 때문 */
.popup-btn > *:not(:last-child) {
	margin-right: 1.4em;
}
.popup-btn a {
    align-items: center;
    background: #0351C5;
    border-radius: 50%;
    color: white;
    display: flex;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    padding: 1em;
    width: 90px;
    height: 90px;
    justify-content: center;
    word-break: break-word;
}
.popup-btn a > .ic {
	width: 28px;
	height: 28px;
}
.popup-btn a:first-child {
    background: #283D72;
    flex-direction: column;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 5px; */
}
/* ots 수정. IE11 호환 때문 */
.popup-btn a:first-child > *:not(:last-child) {
	margin-right: 5px;
}
.view_sidebar {
	right: -40px;
	transition: all .3s ease-in-out;
}
.sub_sidebar {
    display: flex;
    flex-direction: column;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 8px; */
	right: 0;
    bottom: 15%;
    right: -110px;
    z-index: 1;
    transition: all .3s ease-in-out;
}


.sub_sidebar a {
  display: flex;
  margin-bottom: 10px; /* 버튼 사이 간격 */
}

.sub_sidebar a:last-child {
  margin-bottom: 0; /* 마지막은 간격 없앰 */
}


/* ots 수정. IE11 호환 때문 */
/* .sub_sidebar > *:not(:last-child) {
	margin-right: 8px;
} */
.sub_sidebar:hover {
    right: 0;
    transition: all .3s ease-in-out;
}
.sidebar-btn {
	border: 1px solid #0351C5;
	border-right: 0;
	border-radius: 8px 0 0 8px;
    background: #fff;
    color: #0351C5;
    display: flex;
    align-items: center;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 10px; */
    font-size: 16px;
    font-weight: 500;
    padding: 1em;
    height: 50px;
    width: 160px;
}

/* ots 수정. IE11 호환 때문 */
.sidebar-btn > *:not(:last-child) {
	margin-right: 10px;
}
.sidebar-btn:hover {
	background: #0351C5;
	color: white;
}
.sidebar-btn::before {
	content: '';
	width: 24px;
	height: 24px;
	margin-right : 20px;
}
.decla::before {
	background:url("/ko/images/ncsc/ico_mobile_white.png") no-repeat;
}
.decla:hover::before{
	background: url("/ko/images/ncsc/ico_mobile_white_hover.png") no-repeat;
}
.nis::before {
	background: url("/ko/images/ncsc/ico_mobile_nic.png") no-repeat;
}
.addP1::before {
	background: url("/ko/images/ncsc/ico_addP1.png") no-repeat;
}
.addP2::before {
	background: url("/ko/images/ncsc/ico_addP2.png") no-repeat;
}
.addP3::before {
	background: url("/ko/images/ncsc/ico_addP3.png") no-repeat center;
}
.addP1:hover::before {
	background: url("/ko/images/ncsc/ico_addP1-hover.png") no-repeat;
}
.addP2:hover::before {
	background: url("/ko/images/ncsc/ico_addP2-hover.png") no-repeat;
}
.addP3:hover::before {
	background: url("/ko/images/ncsc/ico_addP3-hover.png") no-repeat center;
}
.side_global::before{
	background: url("/ko/images/ncsc/ico__global.png") no-repeat;
}
.side_global:hover::before{
	background: url("/ko/images/ncsc/ico__global_hover.png") no-repeat;
}
.recruit_info::before {
	background: url("/ko/images/ncsc/ico_monitor.png") no-repeat;
}
.recruit_info:hover::before {
	background: url("/ko/images/ncsc/ico_monitor_hover.png") no-repeat;
}
.side_top::before {
	background: url("/ko/images/ncsc/ico_go_top.png") no-repeat;
}
.side_top:hover::before {
	background: url("/ko/images/ncsc/ico_go_top_hover.png") no-repeat;
}
.side_popup::before {
	background: url("/ko/images/ncsc/ico_popup_btn.png") no-repeat;
}
.side_popup:hover::before {
	background: url("/ko/images/ncsc/ico_popup_btn.png") no-repeat;
}

.lay_popup {
	background: rgba(0,0,0, .35);
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
}
.lay_popup .lay_box {
	background: white;
	box-shadow: 6px 18px 18px -18px rgba(0,0,0, .35);
	width: calc(100% - 40px);
    max-width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.lay_box .lay_header {
    background: #0f4c81 url(/ko/images/ncsc/sidebar_h2.png) no-repeat right -20px;
    color: white;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    overflow: hidden;
}
.lay_box .lay_header,
.lay_box .lay_body {
	padding: 20px;
}
.lay_box .lay_body {
	font-size: 13px;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}


/* TAB ///////////////////////////////////////// */
.sub-tab__ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.sub-tab__ul__li {
	border: 1px solid #ddd;
	color: #333;
	text-align: center;
	width: 100%;
}
.sub-tab__ul__li.on {
	background:#1a5a91;
	border-color: #1a5a91;
	color: #fff;
}
.sub-tab__ul__li a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	padding: 1em .75em;
}
.sub-tab__ul__li a:hover {
	text-decoration: underline;
}

.sub-tab__cont:not(.on) {
	display: none;
}

/* Footer ///////////////////////////////////////// */
.footer {
	background: white;
	border-top: 1px solid #eee;
	height: 135px;
	padding: 20px;
}
.footer__in {
	position: relative;
	max-width: 1492px;
	margin: auto;
}
.foot_img {
	position: absolute;
	top: 0; left: 0;
}
.foot_img .logo {
	background-image: url("/ko/images/ncsc/sprite.png");
	background-position:-507px -277px;
	background-repeat: no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}
.foot_nav .link_list {
    display: flex;
    align-items: center;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 26px; */
}
/* ots 수정. IE11 호환 때문 */
.foot_nav .link_list > *:not(:last-child) {
	margin-right: 26px;
}
.foot_nav .link_list li {
    color: #333;
    font-size: 11px;
	position:relative;
}
.foot_nav .link_list li ~ li:before {
	content: '';
	background: #8E8E8E;
	width: 1px;
	height: 9px;
	position: absolute;
	left: -13px;
	top: 1px;
}
.copyright {
	position: relative;
}
.copyright .txt {
	display: block;
	line-height: 1.4;
    margin-top: 1.7em;
    width: calc(100% - 60px);
}
.cerification_mark {
	width: 50px;
    position: absolute;
    right: 0;
    top: 50%;
   	transform: translateY(-50%);
}
.foot_img,
.faq-foot__layer,
.copy_box3 {
	display:none;
}


/* //////////////////////////////////////////////////////////////////
    Component
///////////////////////////////////////////////////////////////// */
input[type='text']:not(.header__search-in_box),
textarea {
	border: 1px solid #e0e0e0;
	font-size: 16px;
	padding: 10px;
	width: 100%;
}
textarea {
	height: 120px;
	line-height: 1.4;
}
label {
	vertical-align: middle;
}
/* Button */
.btn_area,
.btn {
	display: flex;
	/* ots 수정. IE11 호환 때문 */
	/* gap: .5em; */
	align-items: center;
}
/* ots 수정. IE11 호환 때문 */
.btn_area > *:not(:last-child),
.btn > *:not(:last-child) {
	/* margin-right: .5em; */
}
.btn_area {
	margin-top: 2em;
	justify-content: center;
}
.btn_area .btn ._fill{
	border: 1px solid transparent;
	background: transparent;
	color: inherit;
	display: inline-flex;
	font-size: 16px;
	min-height: 44px;
	padding: .35em 1.5em;
}
._fill {
	background:#283D72;
	color: white;
	width: auto;
	height: 40px;
	justify-content: center;
	border-radius: 10px;
}

.btn1, .btn2, .btn3, .btn4, .btn5, .btn6,
.downBtn1, .downBtn2,
.btnSmall-1, .btnSmall-2, .btnMore {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    min-width: 100px;
    padding: 20px 30px;
}
.btn1, .btn3, .btn4, .btn5, .btn6, .btn7,
.btn3Big,
.downBtn1, .downBtn2, .downBtn3,
.btnSmall-1, .btnSmall-2, .btnMore {
    transition: all 0.3s ease 0s;
}
.btn1, .btn3,
.btn3Big {
    font-weight: 500;
}
.btn5, .btn6, .btn7 {
    width: 200px;
}
.btn1 {
	background-color: #0e5390;
	padding: 10px 0;
}
.btn2 {
    background-color: #303d4e;
    font-size: 15px;
}
.btn3, .btn3Big {
	background-color: #1e82b0;
	padding: 12px 40px;
}
.btn3Big {
	font-size: 18px;
    height: 50px;
}
.btn4 {
    border: 1px solid #000;
    background-color: #fff;
	color: #000;
	font-size: 19px;
	padding: 19px 59px;
}
.btn1:hover,
.btn1:focus {
	background-color: #3174b0;
}
.btn2:focus {
	background-color: #333;
	color: gold;
}
.btn3:hover, .btn3:focus,
.btn3Big:hover, .btn3Big:focus {
	background-color: #379cca;
}
.btn4:hover, .btn4:focus {
	background-color: #eee;
	color: #000;
}
.btn5 {
    background-color: #f43142;
	font-size: 19px;
	height: 50px;
}
.btn5:hover, .btn5:focus {
	background-color: #ff0016;
	color: gold;
}
.btn6 {
    background-color: #3a8dcb;
	font-size: 14px;
	height: 33px;
}
.btn6:hover, .btn6:focus {
	background-color: #51a5e3;
	color: gold;
}
.btn7 {
	background-color: #000;
	font-size: 18px;
	height: 100px;
}
.btn7:hover, .btn7:focus {
	background-color: #666;
	color: gold;
}
.downBtn1,
.downBtn2,
.downBtn3 {
    border: 1px solid #0c5493;
    font-size: 15px;
    padding: 10px 40px 10px 30px;
	position: relative;
    min-width: 80px;
}
.downBtn1 {
	background-color: #0c5493;
}
.downBtn2 {
	color: #0c5493;
	background-color: #fff;
}
.downBtn3 {
    background-color: #fff;
    border: 1px solid #e0e0e0;
	color: #333;
    font-weight: normal;
	padding: 20px 70px 20px 20px;
	text-align: left;
	margin-bottom: 3px;
}
.downBtn3 strong {
	display: block;
	font-weight: 600;
}
.downBtn1:after,
.downBtn2:after,
.downBtn3:after {
    background-repeat: no-repeat;
	background-image: url("/ko/images/ncsc/sprite.png");
    content: '';
    display: inline-block;
	width: 9px;
	height: 13px;
    position: absolute;
	right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.downBtn1:after {
	background-position: -1075px -757px;
}
.downBtn2:after {
	background-position: -1075px -820px;
}
.downBtn3:after {
	right: 15px;
	background-position: -891px -737px;
	width: 40px;
	height: 40px;
}
.downBtn1:hover, .downBtn1:focus,
.downBtn2:hover, .downBtn2:focus {
	background-color: #1e79c8;
	color: gold;
}
.downBtn3:hover, .downBtn3:focus {
	background-color: #eee;
}
.btnSmall-1,
.btnSmall-2,
.btnMore {
    font-size: 15px;
    padding: 0 30px;
    min-width: 50px;
    height: 40px;
}
.btnSmall-1 {
	background-color: #fff;
	border: 1px solid #000;
    color: #000;
}
.btnSmall-2 {
	background-color: #0e5390;
	border: 1px solid #0e5390;
    color: #fff;
}
.btnMore {
	background-color: #0e5390;
	border: 3px solid #fff;
    border-radius: 40px;
    box-shadow: 3px 3px 16px -9px #000;
	padding: 0 20px;
	margin: 0 0 10px 10px;
}
.btnSmall-1:hover, .btnSmall-1:focus {
	background-color: #eee;
}
.btnSmall-2:hover, .btnSmall-2:focus {
	background-color: #3177b6;
}
.btnMore:hover, .btnMore:focus {
	background-color: #0e5390;
	text-decoration: underline;
}

/* Input style */
.inText, .inText2, .inText3,
.inText4, .inText5, .inText6 {
	padding: 0;
	padding-left: 10px;
}
.inText,
.inText2 {
	border-color: #000;
	height: 34px;
}
.inText {
	width: 200px;
}
.inText2 {
	min-width: 30%;
}
.inText3 {
	height: 37px;
	min-width: 30%;
}
.inText4 {}
.inText4.ver2 {
	min-width: 10px;
	text-align: center;
	line-height: 54px;
}
.inText5 {
	height: 50px;
	min-width: 30%;
}
.inText6 {
	height: 30px;
	min-width: 30%;
}
/* Textarea */
.inTextareaN1 {
	background-color: #f6f6f6;
	border-color: #f6f6f6;
}
.inTextareaN2 {
	height: 240px;
}
/* Checkbox */
.chk_box {
	height: 13px;
	margin: 0;
	vertical-align: middle;
}
input[class="check-type"] {
	position: absolute;
	left: -9999px;
}
input[class="check-type"]+label {
	cursor: pointer;
	display: inline-block;
	height: 30px;
	position: relative;
	padding-left: 40px;
}
input[class="check-type"]+label:after,
input[class="check-type"]+label:before {
	content: ' ';
	display: inline-block;
	position: absolute;
}
input[class="check-type"]+label:after {
	border: 2px solid #cccccc;
	background-color: #dddddd;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	top: 0px;
	left: 0px;
}
input[class="check-type"]+label:before {
	background-repeat: no-repeat;
	background-position: -1075px -883px;
	background-image: url("/ko/images/ncsc/sprite.png");
	width: 12px;
	height: 9px;
	top: 10px;
	left: 10px;
}
input[class="check-type"]:checked+label:after {
	background-color: #666666;
}
input[class="check-type"]:focus+label:after {
	border: 2px solid gold;
}

/* Form */
.label-tit,
.label-desc {
	font-size: 18px;
	display: block;
	margin-bottom:.5em;
}
.label-tit ~ .label-tit {
	margin-top: 1.2em;
}
.label-desc {
	color: #1E82B0;
	font-size: 1em;
}
.important-icon {
	color: red;
	display: inline-block;
    font-weight: bold;
    margin: 0 0.35em;
}


/* //////////////////////////////////////////////////////////////////
    Page
///////////////////////////////////////////////////////////////// */
/* Main ---------------------------------------------------------*/
.main-section {
	margin-top: 66px;
}
/* Main */
#fullpage,
#fullpage > .section,
#fullpage > .section > .fp-tableCell {
    position: relative;
}
.main-movie,
.video-box,
.video-box > video {
	width:100%;
	height: 100%;
}
.video-box {
	z-index: 1;
	overflow: hidden;
	position: relative;
}
.video-box video {
	-o-object-fit: cover;
	object-fit: cover;
}
.main-0, .main-3 {
    background: #283d72;
	color: white;
}
.main-1, .main-4,
.global-box {
    background: #eaeaea;
	color: #00377B;
}
.main-box {
	width: 100%;
	max-width: 1492px;
	margin: auto;
}
.main-box:not(.main-0 .main-box),
.notice-box, .press-box, .global-box {
    padding: 22px;
}
.notice-box, .press-box, .global-box {
    padding-bottom: 0;
}
.notice-bbs, .press-bbs {
	position: relative;
}
.main-box h3 {
	font-family: 'scdream';
    font-size: 2em;
    font-weight: 500;
    text-align: center;
    margin-bottom: .95em;
}
.notice-bbs__ul {
	padding: 1.2em 1.3em;
}
.notice-bbs__ul > li ~ li  {
    border-top: 1px solid rgba(201, 201, 201, 0.5);
}
.notice-bbs__ul__li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 3px; */
    padding: 1em 0.7em;
    justify-content: space-between;
}
/* ots 수정. IE11 호환 때문 */
.notice-bbs__ul__li > *:not(:last-child) {
	margin-right: 3px;
}
.notice-bbs__ul__li > a {
    font-size: 13px;
    width: calc(100% - 73px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notice-bbs__ul__li__date {
    color: #969696;
    font-size: 11px;
    text-align: right;
    width: 70px;
}
.notice-bbs__top {
    display: none;
}
.notice-bbs__more {
    position: absolute;
    top: 0; right:0;
}
.press-bbs {
	position: relative;
}
.press-bbs__img {
    border-radius: 20px 0 0 0;
    overflow: hidden;
}
.press-bbs__top {
	background: rgba(0,0,0, .3);
	padding: 8px 10px 7px;
    position: absolute;
	bottom: 0;
    width: 100%;
}
.press-bbs__head {
	color: white;
    font-size: 13px;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.notice-bbs__ul,
.act-box,
.info-slide__item {
    background: white;
    border-top-left-radius: 20px;
	color: black;
	overflow: hidden;
}
.info-slide__item a:focus img{
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	border:2px solid gold;
}

.main-scroll-icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.main-scroll-icon > a {
	background: url(/ko/images/ncsc/svg/ic_scroll_w.svg) no-repeat;
	display: block;
    width: 42px;
    height: 67px;
    animation: VisualScroll .8s ease-in-out infinite;
}
.secondBox .main-scroll-icon > a,
.fourthBox .main-scroll-icon > a {
    background: url(/ko/images/ncsc/svg/ic_scroll_b.svg) no-repeat;
}
.main-fav-box {
    display: flex;
    flex-direction: column;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 5px; */
}
/* ots 수정. IE11 호환 때문 */
.main-fav-box > *:not(:last-child) {
	margin-right: 5px;
}
.main-fav-box__item {
	background-size: 190%;
    background-position: center 40%;
    border-radius: 20px 0 0 0;
	font-size: 17px;
	display: flex;
    align-items: center;
	overflow: hidden;
	position: relative;
	height: 85px;
}
.main-fav-box__item a {
	width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin-left: 2px;
    padding: 28px;
}
.act-box__item {
	background-size: cover;
	background-position: center;
	display: flex;
    flex-direction: column;
    gap: 8px;
	padding: 26px 28px;
	position: relative;
	height: 149px;
}
.main-fav-box__item .in_tit:before,
.act-box__item .in_tit:before {
	font-weight: normal;
	font-size: 17px;
	margin-right: 18px;
}
.act-box__item .in_tit {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	font-size: 13px;
	line-height: 1.3;
    width: 90px;
    height: 63px;
}
.act-box .in_tit::before {
    display: block;
	font-size: 16px;
	margin-bottom: auto;
}
.act-box__item .in_txt {
	display: none;
}
.main-fav-box__item a::after,
.act-box__item::after {
    content: '';
	background-size: contain;
    background-repeat: no-repeat;
	display: block;
    position: absolute;
    right: 28px;
    bottom: 10px;
}
.main-fav-box__item a::after {
	width: 74px;
    height: 60px;
}
.act-box__item::after {
	background-position: center;
	background-size: 100%;
	width: 167px;
    height: 100%;
    top: 0;
    right: 0px;
}
.main-fav-box__item:nth-child(1),
.act-box__item:nth-child(1) {
    background-image: url(/ko/images/ncsc/bg_fav_01.gif);
}
.main-fav-box__item:nth-child(2),
.act-box__item:nth-child(2) {
    background-image: url(/ko/images/ncsc/bg_fav_02.gif);
}
.main-fav-box__item:nth-child(2) {
	background-position: center 165px;
}
.main-fav-box__item:nth-child(3),
.act-box__item:nth-child(3) {
    background-image: url(/ko/images/ncsc/bg_fav_03.gif);
}
.main-fav-box__item:nth-child(1) .in_tit:before,
.act-box__item:nth-child(1) .in_tit:before {
	content: "01"
}
.main-fav-box__item:nth-child(2) .in_tit:before,
.act-box__item:nth-child(2) .in_tit:before {
	content: "02"
}
.main-fav-box__item:nth-child(3) .in_tit:before,
.act-box__item:nth-child(3) .in_tit:before {
	content: "03"
}
.main-fav-box__item:nth-child(1) a::after {
	background-image: url(/ko/images/ncsc/img_fav_01.png);
}
.main-fav-box__item:nth-child(2) a::after {
	background-image: url(/ko/images/ncsc/img_fav_02.png);
}
.main-fav-box__item:nth-child(3) a::after {
	background-image: url(/ko/images/ncsc/img_fav_03.png);
}
.act-box__item:nth-child(1)::after {
	background-image: url(/ko/images/ncsc/img_act_01.png);
	background-size: 120%;
	right: -30px;
	top: 5px;
}
.act-box__item:nth-child(2)::after {
	background-image: url(/ko/images/ncsc/img_act_02.png);
	right: -1em;
}
.act-box__item:nth-child(3)::after {
	background-image: url(/ko/images/ncsc/img_act_03.png);
}
.act-more {
    background: #283D72;
    color: white;
	display: block;
    font-size: 12px;
    width: 97px;
    height: 23px;
	padding: 0.5em;
    text-align: center;
}
.main-info-box__in,
.main-info-box__in__lay2 {
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 5px; */
    align-items: stretch;
}
/* ots 수정. IE11 호환 때문 */
.main-info-box__in > *:not(:last-child),
.main-info-box__in__lay2 > *:not(:last-child) {
	margin-right: 5px;
}
.main-info-box__in__lay1 {
    border-radius: 20px 0 0 0;
    overflow: hidden;
}
.info-link-list {
	background: white;
    display: flex;
    min-height: 132px;
    height: 100%;
}
.info-link-list .item1 {
	width: 30%;
	min-width: 100px;
}
.info-link-list .item1 img {
	width:100%;
}
.info-link-list .item2 {
	flex: 1;
	padding: 20px;
}
.info-link-list img {
	height: 100%;
}
.info-link-list h4 {
	font-size: 13px;
}
.info-link-list .text-line {
	color: #757575;
	font-size: 11px;
	line-height: 1.4;
	height: 14em;
	margin-top: 7px;
	overflow: hidden;
}
.info-link-list .text-line .sub-box {
	border: none;
    height: calc(100% - 1.1em);
}
.info-link-list .text-line .sub-box .sub-box__in {
	font-size: inherit;
    padding: 0;
}

@keyframes VisualScroll {
	0% { margin-bottom: 10px;}
	50% { margin-bottom: 14px;}
	100% {margin-bottom: 10px;}
}

/* Popup -------------------------------------------------------*/
.main-layer-box {
	background: rgba(0,0,0, .75);
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top:0; left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	opacity : 0;
}
.main-layer-box.on {
	z-index: 1;
	opacity : 1;
}
.main-layer-slide {}
.main-layer-box__in {
	overflow: hidden;
    padding: 40px;
    width: 100%;
    max-width: 1080px;
}
.main-layer-slide__item {
	padding: 10px;
}
.main-layer-slide__item > a {
	background: rgba(34,34,34, .6);
	border: 1px solid white;
	border-radius: 1rem;
	display: block;
	max-width: 320px;
	height: 400px;
	margin: auto;
	overflow: hidden;
}
.main-layer-slide__item .item1,
.main-layer-slide__item .item2 {
	height: 50%;
	position: relative;
}
.main-layer-slide__item .item1 {
	padding: 2rem;
	padding-top: 70px;
}
.main-layer-slide__item .item1:before {
	background: url("/ko/images/ncsc/sprite.png") no-repeat;
	background-position: -174px -714px;
	content: '';
	display: block;
	width: 74px;
	height: 34px;
	position: absolute;
	top: 26px;
	left: 50%;
	transform: translateX(-50%);
}
.main-layer-slide__item .item1 .item1_tt {
	color: white;
	font-family: 'scdream';
    font-size: 24px;
	font-weight: 800;
	line-height: 1.4;
	text-align: center;
	text-shadow: 1px 1px 5px #000;
	margin: auto;
}
.main-layer-slide__item  .mark_new {
    background: #FADB3A;
    color: #D71E4A;
    font-family: 'scdream';
    font-size: 14px;
    font-weight: 600;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
}
.item2 > img {
    height: 100%;
}


/* Sub ---------------------------------------------------------*/
.subpage {
	padding-top: 66px;
}
.sub-visual {
	background-image: url("/ko/images/ncsc/visual.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	font-family: "scdream";
	height: 120px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sub-visual.MENU00000012{
	background-image: url("/ko/images/ncsc/visual_01.jpg");
}
.sub-visual.MENU00000013{
	background-image: url("/ko/images/ncsc/visual_02.jpg");
}
.sub-visual.MENU00000014{
	background-image: url("/ko/images/ncsc/visual_03.jpg");
}
.sub-visual.MENU00000017{
	background-image: url("/ko/images/ncsc/visual_04.jpg");
}
.sub-visual.MENU00000018{
	background-image: url("/ko/images/ncsc/visual_05.jpg");
}
.sub-visual.MENU00000019{
	background-image: url("/ko/images/ncsc/visual_06.jpg");
}

.sub-visual__tit {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	margin: auto;
	text-shadow: 4px 4px 20px #000;
}
.sub-visual__desc {
	color: #fff;
	font-size: 24px;
	padding-top: 10px;
	text-align: center;
}
.sub-contents {
	padding: 2em;
}
.sub-contents .sub-tit {
	/* color: #283D72;
	font-family: 'scdream';
	font-weight: 600;
	font-size: 21px;
	margin: 0.5em 0;
	text-align: center; */
}
.sub-contents__top {
	/* border-bottom: 1px solid #ddd;
	margin-bottom: 3em;
	padding-bottom: 1.5em; */
	position: relative;
}
.h3Type1, .h3Type2, .h3Type4  {
	color: #303d4e;
	font-size: 22px;
	font-weight: bold;
}
.h3Type1 {
	font-family: "scdream";
	padding: 15px 0 20px;
	position: relative;
}
.h3Type1:before {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-position: -989px -867px;
	background-image: url("/ko/images/ncsc/sprite.png");
	width: 1.5em;
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
}
.h3Type1  ~ .h3Type1 {
	margin-top: 60px;
}
.h3Type2 {
	margin: 30px auto 10px;
}
.h3Type2:first-child {
	margin-top: 0;
}
.h3Type4 {
	font-size: 20px;
}
.h3Type1 > small,
.h3Type2 > small,
.h3Type4 > small {
	font-size: 16px;
	font-weight: normal;
}
.h4Type1 {
	color: #228593;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 20px;
}

/* location */
.location-box {
    position: absolute;
    top: -6.5em;
    width: 100%;
	/* ots 수정. IE11 호환 때문 */
    /* opacity: 60%; */
	opacity: 0.6;
    text-shadow: 4px 4px 20px #000;

}
.location-box__cont {
	color: #fff;
	font-size: 11px;
	font-weight: 600;
    display: flex;
    align-items: center;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 2em; */
    justify-content: center;
}
/* ots 수정. IE11 호환 때문 */
.location-box__cont > *:not(:last-child) {
	margin-right: 2em;
}
.loc-item {
	position: relative;
}
.loc-home > .ic_home,
.loc-item ~ .loc-item:before {
	background-repeat: no-repeat;
	background-position: center;
	display: block;
    width: 1em;
    height: 1em;
}
.loc-home > .ic_home {
	background-image: url(/ko/images/ncsc/svg/ic_home_w.svg);
}
.loc-item ~ .loc-item:before {
	content: '';
	background-image: url(/ko/images/ncsc/svg/ic_arrow_w.svg);
    position: absolute;
    left: -1.5em;
    transform: rotate(-180deg);
}

/* 프린트, url 버튼 등*/
.special-box {
	display: flex;
	align-items: center;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 4px; */
	position: absolute;
	bottom: 3em;
	right: 0;
}
/* ots 수정. IE11 호환 때문 */
.special-box > *:not(:last-child) {
	margin-right: 4px;
}
.special-box a {
	background-image: url("/ko/images/ncsc/sprite.png");
	background-repeat: no-repeat;
	border: 2px solid transparent;
	border-radius: 100%;
	display: block;
    width: 36px;
    height: 36px;
}
.special-box a:focus {
	border-color: gold;
}
.special-box__print {
	background-position: -989px -344px;
}
.special-box__url {
	background-position: -991px -2px;
}
.mobile-submenu-btn {
	display: none;
}

/* LNB */
.sidebar__h2 {
	background: url("/ko/images/ncsc/sidebar_h2.png") no-repeat;
	color: #fff;
	font-family: "scdream";
	font-size: 24px;
	height: 150px;
	padding-top: 62px;
	position: relative;
	text-align: center;
}

.sidebar__h2 > a{
  display:block;
  height:150px;           
  color:#fff;
  text-align:center;
}

.side-list {
	border: 1px solid #ddd;
    border-top: transparent;
}
.side-list > li ~ li {
	border-top: 1px solid #ddd;
}
/* .side-list__li.on a{
	color: #0E4473;
} */
.side-list__li a {
	/* color: #555;
	display: flex;
	letter-spacing: -.075em;
	font-size: 17px;
	position: relative;
	padding: 15px 20px;
	transition: all 0.3s ease 0s; */
}

/* leaf(하위 없음) 우측 아이콘 – 필요시만 */
.side-list__li:not(.has-child) > span > a::after{
  content:""; /* 기본은 비움(권장) */
}


/* 기본 */
.side-list__li > span > a{ font-size:17px; padding:14px 28px 14px 20px; }

/* 기본 리셋: 필요할 때만 프리픽스 표시 */
.side-list__li > span > a::before { content: ""; }

/* 토글 버튼 (우측) */
.side-list__li > span { /* position: relative; display: block; padding-right: 36px; */}
.lnb-toggle{
  position: absolute; right:14px; top:50%; transform: translateY(-50%);
  background: none; border: 0; padding: 0; font-size: 20px; line-height: 1;
}

/* depth3 (제목 바로 하위) : 프리픽스 없음 */
.side-list__li.depth3 > span > a{ font-size:18px; padding-left:20px; } 
.side-list__li.depth3 > span > a::before{
/*   content: "-";
  display:inline-block;
  margin-right:6px;
  transform: translateX(-8px);
  color:#666; */
}

/* depth4 : 프리픽스 ‘-’ */
.side-list__li.depth4 > span > a{ font-size:16px; padding-left:28px; }
.side-list__li.depth4 > span > a::before{
/*   content: "→";
  display:inline-block;
  margin-right:6px;
  transform: translateX(-8px);
  color:#666; */
}

/* depth5 : 작은 점 */
/* .side-list__li.depth5 > span > a{ font-size:14px; padding-left:32px; }
.side-list__li.depth5 > span > a::before{
  content:"";
  display:inline-block;
  width:4px; height:4px; border-radius:50%;
  background:#8aa0b2;
  margin-right:8px;
  transform: translateX(-6px);
} */ 


/* 펼침 유지용 on에서는 색상 빼기 */
.side-list__li.on > span > a{ color:#555; }
/* 현재 메뉴만 강조 */
.side-list__li.is-active > span > a{ color:#0E4473; font-weight:600; }

/* 기본 화살표들은 끄고 */
.side-list__li a::after{ background:none; }

/* 접힘일 때 내용 숨김 */
.side-list__li.is-closed > .side-list__li__inbox{ display:none; }

/* 기본: open-type은 펼침 */
.side-list__li.open-type > .side-list__li__inbox { display:block; }




.side-list__li__inbox {
	/* background-color: #f3f7f9;
	border-top: 2px solid #0f4c81;
	display: none; */
	/* padding: 10px; */
}
.open-type.on .side-list__li__inbox {
	display: block;
}
/* .side-list__li__inbox .spp__in > a {
	color: #565656;
	font-size: 15px;
	padding: 7px 10px 7px 23px;
	position: relative;
}
.spp__in.on > a {
	color: #000;
}
.spp__in > a:focus {
	text-decoration: underline;
}
.spp__in > a::after {
	display: none;
}
.spp__in > a::before {
	content: '';
	background-image: url("/ko/images/ncsc/sprite.png");
	background-position: -571px -1074px;
	display:block;
	width: 4px;
	height: 2px;
	transform: translate(-12px, 8px);
} */

/* Sub Contents  -----------------------------------------------*/
.cont-in {
	color: #000000;
	font-size: 16px;
	min-height: 500px;
}
ul.sch_result_page_list .cont-in {
    min-height: 30px !important;
}

.col_blue2 a:focus {
	font-weight: 400;
	text-decoration: underline;
}

/* Agree */
.agree-wrap {
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 30px;
	margin: 20px 0;
}
.agree-wrap h3,
.agree-wrap h4 {
	font-weight: 600;
}
.agree-wrap h3 {
	font-size: 18px;
	margin-bottom: 20px;
}
.agree-wrap h4 {
	margin-bottom: 7px; 
}
.agree-wrap-agree {
	text-align: center;
	margin-bottom: 40px;
}
.agree-wrap-agree label {
	font-size: 16px;
}

/* List style */
.basicList > li,
.basicList4 > li,
.basicList6 > li {
	font-size: 17px;
	line-height: 1.4;
	position: relative;
}
.basicList > li {
	padding-left: 15px;
}
.basicList4 > li {
	color: #454545;
}
.basicList4 > li span {
	position: absolute;
	top: 0;
	left: 0;
}
.basicList4 > li,
.basicList6 > li {
	padding-left: 30px;
}
.basicList6 > li ~ li {
	margin-top: 10px;
}
.basicList > li:before,
.basicList6 > li:before {
	content: '';
    display: block;
    position: absolute;
}
.basicList > li:before {
	background: #ddd;
	width: 5px;
	height: 2px;
	top: 10px;
	left: 3px;
}
.basicList6 > li:before {
	background: #000;
    width: 3px;
    height: 3px;
    left: 20px;
    top: 6px;
}
.basicList6:not(:last-child) {
	margin-bottom: 40px;
}

.ol_list {
	list-style: decimal;
	padding-left: 1.25em;
}
.ol_list li {
	line-height: 1.4;
}
.circle_list {
	counter-reset: circle 0;
}
.circle_list > li {
	position: relative;
	list-style: none;
}
.circle_list > li:before,
.circle_list > li:after {
	position: absolute;
	top: 0;
	left: -1.35em;
}
.circle_list > li:before {
	counter-increment: circle 1;
	content: counter(circle);
	font-size: .75em;
}
.circle_list > li:after {
	border: 1px solid;
	border-radius: 50%;
	content: '';
	display: block;
	width: 1em;
	height: 1em;
}
.ol_list li.nolist {
	list-style: none;
	margin-left: -1.35em;
}
.ol_list li.nolist:before,
.ol_list li.nolist:after {
	display: none;
}
.h_tit > .year {
	color: #0F4C81;
    font-size: 22px;
}
.h_tit > .year ~ .year::before {
    content: '~';
    display: inline-block;
    margin: 0 0.35em;
}
.h_data {
	padding: 0.75em 0 3em;
}
.history_info,
.history_info li {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2em;
}
.history_info li {
    gap: 0.35em;
    padding-left: 70px;
    position: relative;
    width: 100%;
}
.history_info .year {
	padding: 0.25em;
    position: absolute;
    left: 0;
}
.history_info .info {
    width: 100%;
    margin: 0;
}

/* Box */
.boxType1,
.boxType4 {
	border: 4px solid #e6e9ee;
	color: #303d4e;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 30px;
	padding: 30px 40px;
	position: relative;
}
.boxType1:before,
.boxType1:after {
	background-color: #303d4e;
	content: ' ';
	position: absolute;
}
.boxType1:before {
	/* top: 0px;
	left: -4px;
	width: 4px;
	height: 50px; */
}
.boxType1:after {
	top: -4px;
	left: -4px;
	width: 180px;
	height: 4px;
}
.boxType1 > *:not(.img-box),
.boxType4 > *:not(.img-box) {
	flex: 1;
}
.boxType1 .img-box > img{
	width: auto;
	height: auto;
}
.boxType1 small {
	font-size: 15px;
	display: inline-block;
	padding-top: 10px;
	color: #666;
}
.boxType1 .date-lines {
	position: relative;
	padding-left: 20px;
	margin: 4px 0 0;
	color: #888;
}
.boxType1 .date-lines:before {
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-position: -1138px -865px;
	background-image: url("/ko/images/ncsc/sprite.png");
	width: 14px;
	height: 14px;
	position: absolute;
	top: 6px;
	left: 0;
}
.boxType3 {
	background-color: #FBFBFB;
	border: 1px solid #ddd;
	border-radius: 14px;
	padding: 40px;
	margin-bottom: 30px;
}
.boxType4 {
	border: none;
}
.boxType4 > .img-box + div:before {
	content: '';
	background: #ddd;
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -25px;
}
.boxType4 > div {
	padding: 1em 0 0;
	position: relative;
}
.has_imgbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 50px; /*IE에서 안 됨*/
}

/*간격 주기 */
.has_imgbox > .img-box {
	margin-right: 50px;
}

.sub-box {
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 140px;
	overflow: auto;
}
.sub-box__in {
	font-size: 17px;
	line-height: 1.4;
	padding: 20px;
}
.flex-box,
.flex-box__item {
	display: flex;
	flex-direction : column;
}
.flex-box__item {
	flex: 1;
	padding: 10px;
}

/* Table */
.alert-tb {
	border-top: 2px solid #000;
}
.alert-tb table {
	border-collapse: collapse;
	width: 100%;
}
.alert-tb table th {
	border-bottom: 1px solid #e0e0e0;
	color: #666;
	font-weight: 500;
	padding: 30px 20px;
}
.alert-tb table th.sbj-line {
	background-color: #fff;
	color: #333;
	font-size: 18px;
	text-align: center;
}
.alert-tb table td {
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	padding: 30px;
}
.alert-tb .alert-tit {
	color: #303d4e;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 1em;
}
.alert-tb img {
	width: auto;
}
.board_list {
	font-size: 16px;
}

/* basicTable */
table th, td {
	vertical-align: middle;
}
.basicTable1,
.basicTable2,
.basicTable3,
.basicTable5,
.basicTable6 {
	margin-bottom: 30px;
	overflow: auto;
	text-align: center;
}
.basicTable1,
.basicTable2 {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.basicTable3 {
	border-top: 2px solid #22316a;
	border-bottom: 1px solid #22316a;
}
.basicTable1 table,
.basicTable2 table,
.basicTable3 table,
.basicTable5 table,
.basicTable6 table {
	border-collapse: collapse;
	width: 100%;
	min-width: 540px;
}

.basicTable3 thead th,
.basicTable5 thead th {
	border: 1px solid;
	color: #22316a;
}
.basicTable1 th,
.basicTable1 td,
.basicTable2 th,
.basicTable2 td,
.basicTable3 th,
.basicTable3 td,
.basicTable3 th,
.basicTable5 td,
.basicTable6 td,
.basicTable6 th {
	border: 1px solid #dcdcdc;
	padding: 10px 5px;
}
.basicTable1 th,
.basicTable2 th {
	background-color: #f4f4f4;
	border-bottom: 0px;
}
.basicTable2 th,
.basicTable2 td,
.basicTable3 td {
	padding-left: 30px;
}
.basicTable3 th {
	border-left: 0;
	font-weight: normal;
}
.basicTable3 td {
	border-right: 0;
	text-align: left;
}
.basicTable3 thead th {
	background-color: #f4f4f7;
	border-width: 0px 0px 0px 1px;
	border-color: #dcdcdc;
	font-weight: bold;
}
.basicTable3 thead th:first-child {
	border-left: 0;
}

.basicTable5 th,
.basicTable5 td {
	padding: 8px 2px;
	text-align: center;
}
.basicTable1.left-td td,
.basicTable1 td.left-td,
.basicTable5.left-td td,
.basicTable5 td.left-td,
.basicTable6.left-td td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.basicTable5 thead th {
	background-color: #f3f7f9;
	border-color: #ddd;
	padding: 10px 0;
}
.basicTable5 thead tr:first-child th,
.basicTable6 tbody tr:first-child th {
	border-top: 4px solid #0f4c81;
}
.basicTable5 thead tr:first-child th:nth-child(2n-1),
.basicTable6 tbody tr:first-child td {
	border-top: 4px solid #1e82b0;
}
.basicTable5 tbody th {
	background-color: #fff;
	color: #000;
	font-weight: normal;
}

.basicTable6 tbody th {
	padding: 12px 0;
	background-color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 16px;
	color: #0f4c81;
	font-weight: 500;
	text-align: left;
	padding-left: 20px;
}

.basicTable6 tbody td {
	padding: 12px 2px;
}

.basicTable6.left-td td {
	padding-left: 20px;
}

.line-pattern {
    background-image: linear-gradient(to top, #dcdcdc 1px, white 1px );
    background-size: 100% 49.2px;
    line-height: 49px;
    padding: 0 20px !important;
}


/* Board */
#listArea p.show-list__top__info.slim-info{
    margin: 2px 0;          /* 박스 바깥 여백 최소화 */
    padding: 0;             /* 안쪽 여백 제거 */
    display: flex;          /* 한 줄로 컴팩트하게 정렬 */
    align-items: center;    /* 수직 가운데 정렬 */
    gap: 6px;               /* 요소 간 간격 */
  }

.show-list__top {}
.show-list__top__info {
	display: flex;
    align-items: center;
    margin: 2em 0 1em;
}
.show-list__top__info strong {
	color: #283D72;
}
.show-list__top__info strong,
.show-list__top__info small {
	margin: 0 5px;
}
.show-list__top__search {
	display: flex;
    flex-wrap: nowrap;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 10px; */
}
/* ots 수정. IE11 호환 때문 */
.show-list__top__search > *:not(:last-child) {
	margin-right: 10px;
}
.show-list__top__search__inputbox {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
}
.show-list__top__search__inputbox .search-btn {
	padding: 0.5em;
	position: absolute;
    right: 0;
	top: 0;
}
.show-list__top__search__selectbox {
	width: 180px;
	position: relative;
}
.multi_option .show-list__top__search__selectbox {
	width: auto;
}

.show-list__top__search__selectbox::after {
    background-image: url(/ko/images/ncsc/svg/icon_sprite.svg);
    background-position: 0px -120px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: calc((100% - 30px) / 2);
    pointer-events: none;
}
.show-list__top__search__selectbox > label {
	clip: rect(0,0,0,0);
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}
.show-list__top__search input[type='text'],
.show-list__top__search select {
	background: #EAEAEA;
	border-color: #EAEAEA;
	color: #333;
	padding: 10px 40px 10px 20px;
	height: 45px;
	width: 100%;
}
.show-list__top__search select {
	appearance: none;
}
/* IE11 전용 selectbox 화살표 제거 */
.show-list__top__search select::-ms-expand {
    display: none;             /* 화살표 숨김 */
}
/* 안전성 검증필 제품목록 */
.product_search {
	flex-wrap: wrap;
	margin: 2em 0;
}
.checklist_wrap {
	padding: 1em 0;
	flex: 1 1 100%;
}
.checklist_wrap .txt {
    color: #333;
    font-size: 20px;
    display: block;
    text-align: center;
    margin-bottom: 1em;
}
.checklist_wrap .checklist {
    display: flex;
    flex-wrap: wrap;
	/* ots 수정. IE11 호환 때문 */
    /* gap: 5px; */
}
/* ots 수정. IE11 호환 때문 */
/* 2층 flex item들이라 주석 */
.checklist_wrap .checklist > * {
	margin-right: 5px;
}
.checklist_wrap .checklist > *:nth-child(6n) {
  margin-right: 0px !important;       /* 행 끝은 오른쪽 마진 제거 */
}
.checklist .p_chck_item {
	width: calc((100% - 10px) / 3);
}
.p_chck_item .check_box {
	border: 1px solid transparent;
	border-radius: .75em;
	font-size: 13px;
	display: block;
	padding: 4em 1em 1em;
	position: relative;
	overflow: hidden;
	height: 100px;
	transition: all 0.3s ease 0s;
}
.p_chck_item:focus-within span {
	outline:2px solid gold;
}
.p_chck_item input[type="checkbox"] {
	/*display: none;*/
	opacity:0;
	width:0;
	height:0;
}
.p_chck_item input[type="checkbox"]:checked + .check_box {
	background-color: #E8F2F7;
	border-color: #0351C5;
	color: #0351C5;
	transition: all 0.3s ease 0s;
}
.p_chck_item:not(.all_cate) .check_box:before {
	background-image:url(/ko/images/ncsc/multi-selete.svg);
	background-repeat: no-repeat;
	background-position-x : -45px;
	content: '';
	display:block;
	width: 70px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, .75em);
}
.p_chck_item input[type="checkbox"]:checked + .check_box:before {
	background-position-x : -174px;
}
.p_chck_item.cate1 .check_box:before { background-position-y: -40px;}
.p_chck_item.cate2 .check_box:before { background-position-y: -130px;}
.p_chck_item.cate8 .check_box:before { background-position-y: -220px;}
.p_chck_item.cate7 .check_box:before { background-position-y: -310px;}
.p_chck_item.cate3 .check_box:before { background-position-y: -405px;}
.p_chck_item.cate9 .check_box:before { background-position-y: -495px;}
.p_chck_item.cate4 .check_box:before { background-position-y: -590px;}
.p_chck_item.cate5 .check_box:before { background-position-y: -680px;}
.p_chck_item.cate10 .check_box:before { background-position-y: -770px;}
.p_chck_item.cate11 .check_box:before { background-position-y: -870px;}
.p_chck_item.cate6 .check_box:before { background-position-y: -495px;}

.p_chck_item .check_mark {
	background-image: url(/ko/images/ncsc/svg/icon_sprite.svg);
    background-position: -45px -45px;
	display: block;
	position: absolute;
	top: .75em;
	right: .75em;
	width: 18px;
	height: 18px;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}
.p_chck_item input[type="checkbox"]:checked + .check_box > .check_mark {
	opacity: 1;
	transition: opacity 0.3s ease 0.1s;
}
.p_chck_item .check_label {
	display: block;
	line-height: 1.2;
	height: 30px;
	text-align: center;
	overflow: hidden;
}
.safety_info {
	overflow: hidden;
    overflow-y: auto;
}
.item-expdate {
    border-bottom: 1px solid #ddd;
    display: block;
    margin:0 0 0.75em;
    padding: 0.75em;
    text-align: right;
}
.info_tit, .info_data {
	padding: .25em;
}
.info_tit:not(:first-child) {
	margin-top : 1em;
}
.info_tit {
	font-weight: 600;
}
.info_data {
	color: #6B6B6B;
}
.info_data > span {
	display: block;
	line-height: 1.4;
	word-break: break-all;
}
.info_data > textarea {
	color: inherit;
	font-size: inherit;
	resize: none;
}
.info_data >textarea:focus-visible {
    outline: none;
}

/* // */
.p_show {
	display: none;
}
.faq-box:not(:last-child),
.f-list:not(:last-child) {
	margin-bottom: 50px;
}
.faq-box__list,
.f-list__ul {
	background-color: #fafafa;
}
.faq-box__tit,
.faq-box__list__tit,
.faq-box__list__answer,
.f-list__tit,
.f-list__ul__li {
	min-height: 60px;
	padding: 16px 80px;
}
.faq-box__tit,
.f-list__tit {
	background: url("../../resources/images/cont/f-list-bg.png") no-repeat right center;
	border: 1px solid #22316a;
	color: #22316a;
	font-size: 24px;
	font-weight: 500;
	padding-left: 30px;
}
.faq-box__list__tit,
.faq-box__list__answer,
.f-list__ul__li {
	border: 1px solid #e0e0e0;
	border-top: none;
	font-size: 17px;
	position: relative;
}
.faq-box__list__tit:before,
.faq-box__list__tit:after,
.faq-box__list__answer:before,
.f-list__ul__li__link:after {
	background-image: url("/ko/images/ncsc/sprite.png");
	background-repeat: no-repeat;
	content: '';
	display: block;
	position: absolute;
}
.faq-box__list__tit:before,
.faq-box__list__answer:before {
	background-position: -528px -714px;
	width: 34px;
	height: 27px;
	left: 30px;
	top: 15px;
}
.faq-box__list__tit:after {
	background-position: -122px -1138px;
	width: 12px;
	height: 7px;
	right: 30px;
	top: calc((100% - 7px) / 2);
}
.faq-box__list.on .faq-box__list__tit:after {
	transform: rotate(180deg);
}
.faq-box__list__tit__sbj {
    display: block;
    line-height: 1.4;
}
.faq-box__list__tit__sbj:focus {
	text-decoration: underline;
	text-underline-position: under;
}
.faq-box__list__answer {
	background-color: #fff;
	display: none;
}
.faq-box__list__answer:before {
	background-position: -612px -714px;
}
.faq-box__list__answer p {
	margin-top: 0;
}
.f-list__ul__li {
	display: flex;
    align-items: center;
    gap: 1em;
	line-height: 1.4;
	padding: 16px 30px;
}
.f-list__ul__li__link {
	background-color: #fff;
	border: 1px solid;
	color: #22316a;
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-weight: 500;
	margin-left: auto;
	padding: .5em 1em;
}
.f-list__ul__li__link:after {
	background-position: -1075px -388px;
	width: 12px;
	height: 12px;
	position: static;
}
.bgm-box__ul {
    display: flex;
    flex-wrap: wrap;
}
.bgm-box__ul__li {
    width: calc(100% / 3);
    height: 462px;
    text-align: center;
    padding-bottom: 50px;
}
.bgm-box__ul__li  a {
	display: block;
	width: 100%;
	height: 100%;
}
.bgm-box__ul__li__img {
    border: 1px solid #ddd;
    margin: 0 auto 10px;
}
.form_caption {
	text-align: right;
}

/*  사이버위협대응 */
.webtoon-box,
.webcard-box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 40px;
	text-align: center;
	justify-content: center;
}
.webtoon-box a,
.webcard-box a {
	flex: 1;
	width: 100%;
}
.webcard-box a {
	min-width: calc((100% - 10px) / 2);
}


/* //////////////////////////////////////////////////////////////////
    Customizing
///////////////////////////////////////////////////////////////// */
/* Fullpage */
.fp-tableCell > div {
	display: flex;
	height: 100%;
}

/* Slick Slide */
.info-slide {
	width: 100%;
	height: 100%;
}
.slick-arrow {
	background: rgba(0,0,0, .5);
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	z-index: 0;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.slick-prev:before {
	transform: rotate(135deg);
	margin-left: 0.75em;
}
.slick-next:before {
    transform: rotate(-45deg);
    margin-left: 0.25em;
}
.slick-arrow:before {
	content:'';
	display: block;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: white;
	margin-bottom: 3em;
}
.info-slide .slick-arrow {
	padding: 1.35em 1em;
}
.info-slide .slick-arrow:before {
	width: 1em; height: 1em;
}
.info-slide .slick-arrow:hover {
	background: rgba(39,61,115, 1);
}
.info-slide .slick-prev:focus,
.info-slide .slick-next:focus {
	background-color: gold;
}
.main-layer-slide .slick-arrow {
	background: transparent;
	padding: .7em 0;
	opacity: .5;
}
.main-layer-slide .slick-arrow:hover {
	opacity: 1;
}
.main-layer-slide .slick-arrow:before {
	border-width: 0 4px 4px 0;
	width: 2em; height: 2em;
}
.main-layer-slide .slick-prev {
	left: -4em;
	padding-left: .7em;
}
.main-layer-slide .slick-next {
	right: -4em;
}
.tab_item > .slick-arrow {
	background: transparent;
}
.tab_item > .slick-arrow:before {
	background-image: url(/ko/images/ncsc/svg/icon_sprite.svg);
    background-position: -35px -155px;
    background-repeat: no-repeat;
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    transform: rotate(0deg);
}
.tab_item > .slick-arrow.slick-next:before {
	transform: rotate(180deg);
}
.banner-close {
	display: flex;
	gap: 8px;
	align-items: center;
    justify-content: center;
    margin-top: 12px;
}
.pop-box__close {
	background: #283D72;
	border: 1px solid white;
	color: white;
	font-size: 13px;
	font-weight: 400;
	padding: 10px 17px;
}


/* //////////////////////////////////////////////////////////////////
    Responsive
///////////////////////////////////////////////////////////////// */
/* Moblie */
@media screen and (max-width: 767px) {
	#fullpage,
	#fullpage > .section,
	#fullpage > .section > .fp-tableCell {
	    height: auto !important;
	}
	.header__links {
		top: -10px;
	}
	.main-scroll-icon {
		display: none;
	}
	.info-link-list .item2 {
		padding: 12px 15px;
	}
	.sub-page-container {
	    min-height: calc(100% - 260px);
	}
	.boxType1 .img-box {
		width: 100%;
		text-align: center;
	}
	.sub-tab__ul li ~ li {
		border-top: none;
	}
	.h4Type1 {
		font-size: 16px;
	}
	.boxType3 {
		padding: 20px;
	}

	.webtoon-box a,
	.webcard-box a {
		min-width: 100%;
	}
	.popup-btn {
		/* ots 수정. IE11 호환 때문 */
	    /* gap: 2px; */
	    width: 76px;
	    padding: 0;
	}
	/* ots 수정. IE11 호환 때문 */
	.popup-btn > *:not(:last-child) {
		margin-right: 2px;
	}
	.popup-btn a {
	    border-radius: 0 10px 10px 0;
	    font-size: 11px;
	    width: auto;
	    height: auto;
	    min-height: 38px;
	    padding: 5px 12px 5px 20px;
	}
	.sub_sidebar {
		bottom: 10%;
		right: -160px;
	}
	.sub_sidebar.active {
		right: 0;
		transition: all 0.3s ease-in-out;
	}
	.view_sidebar {
		border-radius: 8px 0 0 8px;
		background: #0351c5;
		padding-left: 12px;
		width: 40px;
		height: 40px;
		margin: 10px 0 0 10px;
		position: fixed;
	    right: 0;
	    bottom: calc(10% - 50px);
	    z-index: 1;
	}
	.view_sidebar::before {
		background: url("/ko/images/ncsc/icons/ico_sidebar_arrow.png") no-repeat;
		content: "";
		display: block;
		width: 17px;
		height: 17px;
		transition: all 0.3s ease-in-out;
	}
	.view_sidebar.active::before {
		transform: rotate(180deg);
		transition: all 0.3s ease-in-out;
	}
	.view_sidebar:focus {
		border:2px solid gold;
	}

	/* BBS */
	.alert-tb table tr {
	    display: flex;
	    flex-direction: column;
	    margin: 30px 0;
	}
	.alert-tb table td {
		border-right: 1px solid #e0e0e0;
	}
	.multi_option {
		flex-wrap: wrap;
	}
	.show-list__top__search__selectbox {
		width: auto;
	}
	.multi_option .show-list__top__search__selectbox {
		width: 100%;
	}
	.bgm-box__ul__li {
		width: 100%;
	}
	.bgm-box__ul__li__img {
	    height: 368px;
	    width: 258px;
	}
	.p_chck_item:not(.all_cate) .check_box:before {
	    background-position-x: -30px;
	    background-size: 440%;
	    width: 50px;
	    height: 40px;
	}
	.p_chck_item input[type="checkbox"]:checked + .check_box:before {
		background-position-x : -122px;
	}
	.p_chck_item.cate1 .check_box:before { background-position-y: -30px;}
	.p_chck_item.cate2 .check_box:before { background-position-y: -92px;}
	.p_chck_item.cate8 .check_box:before { background-position-y: -158px;}
	.p_chck_item.cate7 .check_box:before { background-position-y: -224px;}
	.p_chck_item.cate3 .check_box:before { background-position-y: -288px;}
	.p_chck_item.cate9 .check_box:before { background-position-y: -354px;}
	.p_chck_item.cate4 .check_box:before { background-position-y: -422px;}
	.p_chck_item.cate5 .check_box:before { background-position-y: -486px;}
	.p_chck_item.cate10 .check_box:before { background-position-y: -550px;}
	.p_chck_item.cate11 .check_box:before { background-position-y: -623px;}
	.p_chck_item.cate6 .check_box:before { background-position-y: -354px;}
}

/* Tablet */
@media screen and (min-width: 768px) {
	/* Header & GNB --------------------------- */
	.header {
		border-bottom-color: #ddd;
	}
	.header__wrap {
	    display: flex;
	    flex-wrap: wrap;
	}
	.header__links {
		right: 20px;
	}
	.header__links__1 {
	    display: flex;
	    align-items: center;
	    gap: 1em;
	}
	.mobile_top_nav,
	.mobile_top_nav.selected .mobile_top_nav__in,
	.mobile_top_nav.selected + .mobile-close {
		display: none;
	}
	.header__links__1 > .link_btn {
		position: static;
	}
	.header__links__1 > a,
	.header__wrap .gnb,
	.all_menu_wrap__outwrap.selected {
		display: block;
	}
	.header__search.on {
		top: 120px;
	}
	#gnb .sub-nav,
	.btn_all-wrap {
		display:none;
	}
	.all_menu_wrap__outwrap.selected {
		top: 60px;
	}
	.cerification_mark {
		width: 80px;
		top: 0;
	}
	.lay_box .lay_body {
		font-size: 16px;
	}


	/* Page ----------------------------------- */
	/* Main */
	.main-section {
		margin-top: 0;
	}
	.main-box h3 {
		font-size: 20px;
		margin-bottom: 0.75em;
	}
	.main-info-box__in {
		flex-direction: row;
	}
	.main-info-box__in,
	.main-info-box__in__lay2 {
	    gap: 20px;
	}
	.main-info-box__in__lay1 {
		width: 40%;
	}
	.main-info-box__in__lay2 {
		width: 60%;
	}
	.act-box__item .in_tit {
		font-size: 17px;
		width: 120px;
	}
	.act-box__item::after {
		width: 200px;
	}
	/* SUB */
	.subpage {
	    padding-top: 120px;
	}
	.sub-visual {
		display: flex;
		height: 200px;
	}
	.sub-page-container {
	    min-height: calc(100% - 340px);
	}
	.location-box {
		top: -8em;
	}
	.sub-contents .sub-tit {
		font-size: 28px;
	}
	.h3Type1, .h3Type2 {
		font-size: 24px;
	}
	.sub-tab__ul li ~ li {
		border-left: none;
	}
	.sub-tab__ul__li {
	    width: auto;
	    flex: 1;
	}
	.bgm-box__ul__li__img {
	    height: 338px;
	    width: 228px;
	}
	.product_table {
		font-size: 16px;
	}
	.product_header {
		border-bottom: 1px solid #d5d5d5;
		display: flex;
		font-weight: 600;
	}
	.product_header > li,
	.product_list > li {
		padding: 15px 10px;
		text-align: center;
	}
	.body_item {
		padding: 0;
	}
	.product_list {
	    flex-wrap: wrap;
	    gap: 0;
	}
	.product_list .date {
		color: inherit;
		font-size: 1em;
	}
	.product_list .c_num:before,
	.product_list .c_num:after,
	.product_list .date:before {
		display: none;
	}
	.product_table .p_cate {
		width: 18%;
	}
	.product_table .c_num,
	.product_table .c_name {
	    width: 20%;
	}
	.product_table .date {
	    margin-left: 0;
	    width: 12%;
	}
	.product_table .p_name {
	    width: 30%;
	    justify-content: center;
	}
	.product_table .c_name,
	.product_table .p_name > a {
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	/* ots 수정. IE11 호환 때문 */
	/* .checklist_wrap .checklist {
	    gap: 1em;
	} */
	/* ots 수정. IE11 호환 때문 */
	.checklist_wrap .checklist > * {
		margin-right: 1em;
	}
	.checklist_wrap .checklist > *:nth-child(6n) {
		margin-right: 0px !important;
	}
	.checklist .p_chck_item {
	    width: calc((100% - 3em) / 4);
	}
	.p_chck_item .check_box {
		font-size: 16px;
	    padding-top: 4.75em;
	    height: 130px;
	}
	.p_chck_item .check_label {
		height: auto;
	}
	.safety_info {
	    align-items: baseline;
	    display: flex;
	    flex-wrap: wrap;
	}
	.info_tit {
		width: 120px;
	}
	.info_data {
		width: calc(100% - 120px)
	}
	.flex-box {
		flex-deirection: row;
	}
	.history_list {
	    display: flex;
    	flex-wrap: wrap;
    	gap: 70px;
    	position: relative;
    }
    .history_list:before {
    	background: #ddd;
	    content: '';
	    display: block;
	    position: absolute;
	    left: 160px;
	    top: 1.5em;
	    width: 1px;
	    height: calc(100% - 3em);
	}
	.h_tit {
	    display: flex;
	    flex-wrap: wrap;
	    align-content: flex-start;
	    gap: 0.5em;
	    width: 130px;
	    padding: 1em 0;
	}
	.h_tit > .year {
		font-size: 23px;
	}
	.h_tit > .year:last-child {
    	margin: 0 44px 0 auto;
	}
	.h_data {
	    padding: 0.75em 0 .75em;
	    width: calc(100% - 200px);
	}
	.history_info li:before {
		background: white;
		border-radius: 50%;
	    border: 3px solid #E13C43;
	    content: '';
	    display: block;
	    width: 7px;
	    height: 7px;
	    position: absolute;
	    left: -46px;
	    top: 6px;
	}
}

/* PC */
@media screen and (min-width: 1280px) {
	/* Header & GNB --------------------------- */
	.header.selected::before,
	.header.selected #gnb .sub-nav {
		display: block;
	}
	.header__wrap__h1 {
		margin: 2em;
	}
	.header__links {
		top: 10px;
	}
	.header__search.on {
		top: 80px;
	}
	#gnb .gnb-menu__a > span {
		padding: 30px 0 27px;
	}
	#gnb {
		width: calc(100% - 400px);
	}
	.menu-num-2 .gnb-menu {
		width : calc(100% / 2);
	}
	.menu-num-3 .gnb-menu {
		width : calc(100% / 3);
	}
	.menu-num-4 .gnb-menu {
		width : calc(100% / 4);
	}
	.menu-num-5 .gnb-menu {
		width : calc(100% / 5);
	}
	.menu-num-6 .gnb-menu {
		width : calc(100% / 6);
	}
	.menu-num-7 .gnb-menu {
		width : calc(100% / 7);
	}
	.menu-num-8 .gnb-menu {
		width : calc(100% / 8);
	}
	.menu-num-9 .gnb-menu {
		width : calc(100% / 9);
	}
	#gnb .gnb-menu__a {
		font-size: 20px;
	}
	#gnb .sub-nav .link_item {
		display: block;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.3;
		padding: 8px 4px;
	}
	#gnb .sub-nav .link_item:hover {
		color: #0E5390;
		text-decoration: underline;
	}
	.all_menu_wrap__outwrap.selected {
		border-color: #eee;
		top: 80px;
	}
	.all_menu_wrap .gnb-ul {
		max-width: 1110px;
	}
	.btn_all-wrap {
	    display: block;
	    position: absolute;
	    right: 2rem;
	}
	.footer__in {
		padding: 2em 0 0 11em;
	}
	.foot_img {
		display: block;
	}
	.foot_nav .link_list li,
	.copyright .txt {
		font-size: 14px;
	}
	.copyright .txt {
		margin-top: .5em;
	}

	/* Page ----------------------------------- */
	/* Main */
	.main-0 .main-box {
		display: flex;
		gap: 60px;
		padding: 22px;
	}
	.main-box h3 {
		font-size: 42px;
		margin-bottom: 0.75em;
	}
	.main-box .press-box h3 {
	    margin-bottom: 0.65em;
	    padding-top: 0.15em;
	}
	.main-box .ic_more {
	    background-position: -114px -60px;
	    background-size: 200px;
	    height: 2.4em;
	    width: 2.4em;
	}
	.notice-bbs__more {
	    top: 0.5em;
	}
	.notice-box,
	.press-box,
	.global-box {
		padding: 0;
	}
	.press-box {
		margin-top: 22px;
	}
	.global-box {
		background: transparent;
		color: white;
	}
	.notice-box, .main-0 .wrap {
		flex: 1;
	}
	.notice-bbs__ul {
		padding: 1.6em;
	}
	.notice-bbs__ul__li {
	    padding: 1.3em .9em;
	}
	.notice-bbs__ul__li > a {
		font-size: 16px;
		width: calc(100% - 93px);
	}
	.notice-bbs__ul__li__date {
		font-size: 15px;
		width: 90px;
	}
	.main-fav-box {
	    flex-direction: row;
	    gap: 33px;
	}
	.main-fav-box__item {
		background-size: cover;
	    background-position: center bottom;
		width: calc(100% / 3);
		height: 440px;
	}
	.main-fav-box__item:nth-child(1){
		background-image: url(/ko/images/ncsc/bg_fav_01_pc.png);
	}
	.main-fav-box__item:nth-child(2){
		background-image: url(/ko/images/ncsc/bg_fav_02_pc.png);
		background-position: center bottom;
	}
	.main-fav-box__item:nth-child(3){
		background-image: url(/ko/images/ncsc/bg_fav_03_pc.png);
	}
	.main-fav-box__item a {
		padding: 54px;
	}
	.main-fav-box__item a::after {
	    width: 60%;
	    height: 60%;
	    bottom: 0;
	    right: 20%;
	}
	.main-fav-box__item .in_tit {
		display: block;
		text-align: center;
	}
	.main-fav-box__item .in_tit:before {
		display: block;
		margin: 0 0 15px;
	}
	.main-fav-box__item .in_tit,
	.act-box__item .in_tit {
		font-size: 34px;
		width: auto;
	}
	.main-fav-box__item .in_tit:before,
	.act-box__item .in_tit:before {
		font-size: 40px;
	}
	.act-box {
		display: flex;
	}
	.act-box__item {
		height: 500px;
		padding: 50px 100px;
		width: 100%;
		transition : width .3s ease-in-out;
		overflow: hidden;
	}
	.act-box__item:first-child {
		border-left: none;
	}
	.act-box__item:not(.on) {
		background: rgba(0,0,0, .8);
		border-left: 1px solid #777;
		color: white;
		cursor: pointer;
		padding: 50px 30px;
		width: 180px;
	}
	.act-box__item .in_tit {
		height: 150px;
	}
	.act-box__item .in_txt {
		display: block;
		font-size: 17px;
		width: 400px;
	}
	.act-more {
		font-size: 15px;
		margin-top: auto;
		padding: 1em;
		width: 190px;
		height: 44px;
	}
	.act-box__item.on::after {
		width: 420px;
		animation: visualItem .4s ease-in-out;
	}
	.act-box__item:not(.on) .in_tit {
		font-size: 17px;
		height: 100%;
		text-align: center;
	}
	.act-box__item:not(.on) .in_tit::before {
		color: #777;
	}
	.act-box__item:not(.on) .in_tit::after {
		content: '';
		display: block;
		background-image: url(/ko/images/ncsc/sprite.png);
		background-position: -368px -600px;
		width: 64px;
		height: 64px;
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	.act-box__item:nth-child(2) .in_tit::after {
		background-position: -353px -154px;
		width: 70px;
	}
	.act-box__item:nth-child(3) .in_tit::after {
		background-position: -480px -600px;
	}
	.act-box__item:not(.on)::after,
	.act-box__item:not(.on) .in_txt,
	.act-box__item:not(.on) .act-more {
		display:none;
	}
	.act-box__item.on:nth-child(1)::after {
	    right: 0;
	    top: 0;
	}
	.info-link-list h4 {
		font-size: 17px;
	}
	.info-link-list .text-line {
		font-size: 15px;
		height: 12em;
	}
	@keyframes visualItem {
		0% {
			opacity: 0;
			transform: translateX(120px);
		}
		50% { opacity: 50%;}
		100% {
			opacity: 100%;
		    transform: translateX(0);
		}
	}

	/* SUB */
	.subpage {
	    padding-top: 80px;
	}
	.sub-visual {
		height: 260px;
	}
	.sub-visual__tit {
		font-size: 42px;
	}
	.sub-page-container {
	    min-height: calc(100% - 400px);
	}
	.sub-page-container__in {
	    display: flex;
		/* ots 수정. IE11 호환 때문 */
    	/* gap: 50px; */
		margin: auto;
		max-width: 1500px;
	    padding: 0 10px;
	}
	/* ots 수정. IE11 호환 때문 */
	.sub-page-container__in > *:not(:last-child) {
		margin-right: 50px;
	}
	.sub-page-container__in_sh {
		display: block;
	}
	
	.sidebar {
		display: none;
	}
	.sub-contents {
	    flex: 1;
	    padding: 30px 0;
	}
	.sub-contents .sub-tit {
	    text-align: left;
	}
	.location-box {
		width: calc(100% + 280px);
		left: -280px;
	    top: -15em;
	}
	.sidebar,
	.p_show {
		display: block;
	}
	.bgm-box__ul__li__img {
	    height: 368px;
	    width: 258px;
	}
	.checklist .p_chck_item {
	    width: calc((100% - 5em) / 6);
	}
}

/* ots 수정 */
.thumb-frame {
	width:100%;
	height:100%;
	border:0;
}