@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');

/* reset */
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	word-break:break-word;
	font-family:'score_light';
}

html,
body {
	width:100%;
	height:100%;
}

html {
	font-size:62.5%;
}

body {
	font-size:1.4rem;
	color:#000;
	line-height:1;
	letter-spacing:-0.06em;
	/* background:#1E1F25; */
}

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

a {
	color:inherit;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:none !important;
}

table {
	width:100%;
	table-layout:fixed;
	word-break:break-all;
	border-collapse:collapse;
	border-spacing:0;
}

caption
{
	display:none;
}

img,
fieldset,
hr {
	border:none;
}

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

address,
em {
	font-style:normal;
}

img
{
	max-width:100%;
}
img,
video,
canvas {
	height:auto;
}

legend {
	display:none;
}

input,
select,
textarea,
button {
	outline:none;
	-webkit-appearance:none;
	-webkit-border-radius:0;
}

button {
	background:none;
	border:none;
	cursor:pointer;
}


select
{
	position:relative;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border-radius:0;
	cursor:pointer;
	min-width:136px;
	background:#fff url(/_user/assets/images/common/board_search_select.svg) no-repeat 90px center;
}
select option
{
	color:#000
}

select::-ms-expand
{
	display:none;
}


.textAL {
	text-align:left !important;
}

.textAC {
	text-align:center !important;
}

.textAR {
	text-align:right !important;
}

.textCut {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.textCut_two
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.textCut_three
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.textCut_four
{
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box !important;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
}

.clearfix:after {
	clear:both;
	content:'';
	display:block;
}

.hide {
	display:none !important;
}

.objectFit img {
	object-fit:cover;
	width:100%;
	height:100%;
}

.objectFitIE {
	/* height:100vh; */
	background-size:cover;
	background-position:center center;
}

.objectFitIE img {
	opacity:0;
}


.flex_between_center
{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.flex_center_center
{
	display:flex;
	justify-content:center;
	align-items:center;
}

.flex_center_stretch
{
	display:flex;
	justify-content:center;
	align-items:stretch;
}

.flex_center_end
{
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
/* reset end */

/* Contents */
.contents_wrap{
	margin-top:0;
}

/* header */
.header-wrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	transition:all .3s;
}
.header-wrap .menu__top{
	padding:0 60px;
}
.header-wrap.scroll .menu__top{
	background: #000;
}
.header-wrap .menu__top{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header-wrap .logo_img{
	color: #fff;
	font: 22px 'Open Sans', sans-serif;
	letter-spacing: 0.05px;
}
.header-wrap .menu {
	float: right;
}
.header-wrap .menu > ul{
	margin-bottom: 0;
}
.header-wrap .menu > ul>li {
	position:relative;
	font-family: "s-core-dream-light", sans-serif;
	float: left;
	width:140px;
	height:100%;
	text-align: center;
	font-size: 21px;
	letter-spacing: -1px;
	color: rgba(255, 255, 255, 0.6);
}
.header-wrap .menu > ul > li > a
{
	display:block;
	padding:35px 0;
	color:#fff;
}
.header-wrap .menu > ul > li > ul
{
	display:none;
	position:absolute;
	top:110px;
	left:0;
	width:100%;
	padding:15px 20px;
	background:#fff;
	border-style: solid;
	/* border-image: linear-gradient(to right, #0086c6 0%, #00b98e 100%); */
	border-image-slice: 3;
	border-image-width: 3px;
	box-shadow:0 -2px 7px rgba(0,0,0,0.3);
	border:1px solid #eee;
}
.header-wrap .menu > ul > li > ul:before
{
	content:'';
	position:absolute;
	top:-18px;
	left:50%;
	transform:translateX(-50%);
	border-top:9px solid transparent;
	border-right:9px solid transparent;
	border-bottom:9px solid #ffffff;
	border-left:9px solid transparent;
	z-index:2;
}
.header-wrap .menu > ul > li > ul > li
{
	position:relative;
	font-family:'Spoqa Han Sans', sans-serif;
	letter-spacing:-0.06em;
	line-height:1.3;
	color:#4c4c4c;
	text-align:center;
	font-size:16px;
	margin-bottom:10px;
	border-bottom:1px solid #e6e6e6;
	padding-bottom:10px;
	transition:all .5s;
}
.header-wrap .menu > ul > li > ul > li > a
{
	display: block;
	color: #000;
	text-decoration: none;
	transition: all .5s;
}
.header-wrap .menu > ul > li > ul > li:hover > a
{
	font-weight: bold;
}
.header-wrap .menu > ul > li > ul > li:hover
{
	color:#008bbf;
}
.header-wrap .menu > ul > li > ul > li:last-child
{
	margin-bottom:0;
	padding-bottom:0;
}
.header-wrap .menu > ul > li > ul > li:last-child
{
	border-bottom:0;
}
.header-wrap .menu > ul > li > ul > li > ul
{
	display:none;
}

.main__01{
	position:relative;
	width:100%;
	height:1080px;
	background:url(../images/main__section01.png) no-repeat center center;
	background-size:cover;
}

.menu_drop
{
	display:none;
	position:absolute;
	width:100%;
	padding:27px 0 49px;
	background:#072a4d;
	overflow:hidden;
	z-index:1000;
}
.menu_drop ul li
{
	font-size:15px;
	color:#fff;
	letter-spacing:-0.05em;
}
.menu_drop .layout > ul
{
	display:block;
	margin:0 auto;
	text-align:center;
	padding-left:12px;
}
.menu_drop .layout > ul > li
{
	display:inline-block;
	vertical-align:top;
	line-height:1.4;
	margin-right:40px;
	min-width:65px;
	min-height:20px;
	text-align:left;
}
.menu_drop .layout > ul > li:last-child
{
	margin-right:0;
}
.menu_drop .layout > ul > li > ul > li
{
	margin-bottom:14px;
}

/* Menu Start */
.sub_common_menu
{
    position:absolute;
    width:100%;
    height:65px;
    /* background:url(/assets/cas02/image/sub/bg.png) no-repeat center center; */
    background:#0054a6;
    background-size:cover;
    z-index:600;
}
.sub_common_menu .sub_home
{
    position:relative;
    width:64px;
    height:100%;
    background:rgba(0,0,0,0.13);
    float:left;
    text-align:center;
	background:#1ebae9;
	line-height:65px;
}
.sub_common_menu .sub_home img
{
	width:21px;
	vertical-align:-4px;
}
.sub_depth_wrap
{
    height:100%;
}
.sub_depth_wrap > li
{
    position:relative;
    float:left;
    width:190px;
    height:100%;
    border-right:1px solid #1964ae;
}
.sub_depth_wrap > li > a.s_title
{
    position:relative;
    font-size:15px;
    color:#ffffff;
    padding-left:20px;
    line-height:65px;
    display:block;
    z-index:15;
}
.sub_depth_wrap > li > a.s_arrow
{
    position:absolute;
    top:26px;
    right:20px;
    transition:all .5s;
}
.sub_depth_wrap > li > a.s_arrow img
{
    width:18px;
}
.sub_depth_wrap > li > ul
{
    position:relative;
    width:calc(100% - -2px);
    border:1px solid #9bbdd2;
    border-top:0;
    background:#fff;
    z-index:1;
    display:none;
}
.sub_depth_wrap > li > ul > li:last-child.active,
.sub_depth_wrap > li > ul > li:last-child > a
{
    border-bottom:0;
}

.m_menu .toggle > ul > li > ul > li:last-child {
	border-bottom: 0;
}

.sub_depth_wrap > li > ul > li > a
{
    font-size:15px;
    color:#4e4d4d;
    border-bottom:1px solid #dddddd;
    padding:12px 20px;
    display:block;
}
.sub_depth_wrap > li > ul > li.active > a
{
    background:#dcfdff;
    color:#115193;
    /* border-bottom:1px solid #3d75af */
    border: 1px solid #3d75af;
    margin: -1px;
}

/* Mobile menu */
.mobile__menu{
	display:none;
	height:35px;
	position:absolute;
	top:18px;
	right:25px
}
.mobile__menu .mobile__menu-wrap{
	display:block;
	position:relative;
	width:25px;
	height:2px;
	background:#fff;
	font-size: 0;
	line-height: 0;
}
.mobile__menu .mobile__menu-wrap:before,
.mobile__menu .mobile__menu-wrap:after{
	content:'';
	position:absolute;
	top:-7px;
	left:0;
	width:100%;
	height:2px;
	background:#fff;
}
.mobile__menu .mobile__menu-wrap:after{
	top:7px;
}

.mobile__menu-gnb{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:rgba(0,0,0,0.5);
	z-index: -1;
	padding:10px 20px 20px;
	transform:translateY(-100%);
	transition:all .3s;
}
.header-wrap.active .mobile__menu-gnb{
	top:70px;
	transform:translateY(0);
}
.mobile__menu-gnb > ul > li > a{
	position:relative;
	display:block;
	color: #fff;
	font-size: 18px;
	padding:8px 0;
	/* header_top_arrow */
}
.mobile__menu-gnb > ul > li > a:before{
	content:'';
	position:absolute;
	top:15px;
	right:10px;
	width:10px;
	height:10px;
	background:url(../images/header_top_arrow.svg) no-repeat center center;
	background-size: 10px;
	transition: all .5s;
}
.mobile__menu-gnb > ul > li > a.active_toggle:before{
	transform:rotate(180deg);
}
.mobile__menu-gnb > ul:first-child > li > a.active_toggle{
	
}
.mobile__menu-gnb > ul > li > ul{
	display:none;
	padding-bottom: 10px;
}
.mobile__menu-gnb > ul > li > ul > li > a{
	position: relative;
	display: block;
	color: #fff;
	padding: 3px 8px 3px 8px;
}
.mobile__menu-gnb > ul > li > ul > li > a::before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	width:2px;
	height:2px;
	background:#fff;
	border-radius: 100%;
}


/* media */
@media screen and (max-width:1024px)
{
	.header .h_right ul li:nth-child(1),
	.header .h_right ul li:nth-child(2) {
		display: none;
	}
}

@media screen and (max-width:1023px)
{
	.header-wrap{
		display: block;
	}
	.header-wrap .menu__top{
		position: relative;
		padding: 2px 20px 0;
		height: 70px;
		z-index: 100;
		transition: all .5s;
	}
	.header-wrap.active .menu__top{
		background:#000;
	}
	.header-wrap .menu
	{
		display: none;
	}
	.mobile__menu{
		display: block;
		z-index: 101;
	}
	.mobile__menu .mobile__menu-wrap{
		transition: all .3s;
	}
	.mobile__menu.active .mobile__menu-wrap{
		transform: rotate(45deg);
	}
	.mobile__menu.active .mobile__menu-wrap::before{
		top:0;
		transform:rotate(92deg)
	}
	.mobile__menu.active .mobile__menu-wrap::after{
		display:none;
	}
	.header h1
	{
		transform: translateY(-50%);
		left: 190px;
		font-size: 25px;
	}

	.sub_depth_wrap > li > a.s_title,
	.sub_depth_wrap > li > ul > li > a
	{
		font-size:15px;
	}
	.sub_common_menu
	{
		height:55px;
	}
	.sub_depth_wrap > li > a.s_title,
	.sub_common_menu .sub_home
	{
		line-height:55px;
	}
	.sub_depth_wrap > li > a.s_arrow
	{
		top:20px;
	}
}

@media screen and (max-width:767px)
{
	.layout
	{
		padding:0 10px
	}
	.header
	{
		height:50px;
	}
	.header .logo
	{
		padding:7px 0 0
	}
	.header .logo img
	{
		width:120px
	}
	.header h1
	{
		margin-top: 1px;
		left: 135px;
		font-size: 17px;
		text-indent: -150%;
    	width: 80px;
    	overflow: hidden;
    	white-space: nowrap;
	}
	
	/* .header .h_right ul li
	{
		margin-right:0;
		margin-left: 10px;
		display:none;
	} 	

	.header .h_right ul li:nth-child(1), .header .h_right ul li:nth-child(2)
	{
		display: none;
	}*/

	.header .h_right ul li:nth-child(3) {
		display: none;
	}

	.header .h_right ul li.sns {
		margin-right: 7px;
	}


	.header .h_right ul li a
	{
		font-size:13px
	}


	.sub_common_menu
	{
		height:45px;
	}
	.sub_common_menu .layout
	{
		padding:0 !important;
	}
	.sub_common_menu .sub_home
	{
		width:45px;
	}
	.sub_common_menu .sub_home img
	{
		width:17px;
		vertical-align:-2px;
	}
	.sub_depth_wrap > li > a.s_title, .sub_common_menu .sub_home
	{
		line-height:45px;
	}
	.sub_depth_wrap > li > a.s_title, .sub_depth_wrap > li > ul > li > a
	{
		font-size:14px;
	}
	.sub_depth_wrap > li > a.s_title
	{
		padding-left:60px;
	}
	.sub_depth_wrap > li
	{
		float:none;
		width:100%;
	}
	.sub_depth_wrap > li:first-child
	{
		display:none;
	}
	.sub_depth_wrap > li > a.s_arrow
	{
		top:15px;
	}



	#section
	{
		padding-top:65px;
	}

	.footer {
		height: 210px;
	}
}


@media screen and (max-width:760px)
{
	.header
	{
		position:fixed;
		top:0;
		background:#fff;
		z-index:1000;
	}
	.sub_common_menu
	{
		margin-top:50px;
		z-index:1000
	}

	.sub_common_menu.scroll_on_m
	{
		margin-top:0;
	}
	#section
	{
		padding-top:110px;
	}

	.footer p {
		font-size: 13px;
	}
	
}


@media screen and (max-width: 600px)
{
	br.hide {
		display: block !important;
	}


	/* .header .h_right ul li.sns a {
		width: 25px;
		height: 25px;
		line-height: 23px;
	}

	.header .h_right ul li.sns a img {
		width: 15px;
	} */

}


/* personal > main */
@media screen and (max-width:1279px){
    .header-wrap .menu > ul>li{
        font-size: 17px;
        width: 120px;
    }
	.header-wrap .menu > ul > li > ul > li{
		font-size: 14px;
	}
}