@charset "utf-8";

/* CSS Document */

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff2) format('woff2'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.woff) format('woff'),
        url(../../fonts/NotoSansKr/NotoSansKR-Bold.otf) format('opentype');
} 

html {font-size:10px}

body {-webkit-text-size-adjust: 100%;overflow-y:scroll;}
body.touch {overflow:hidden !important; touch-action:none;}
body.fixed {position:fixed}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,h5, form, fieldset, p, button, input {
	margin:0;
	padding:0;
	font-family: 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif';
	line-height:1.2;
    letter-spacing:-1px;
}

input, select {
	vertical-align:middle;
	color:#666;
}

a {text-decoration:none}
button {background:transparent;border:none;cursor:pointer}

img, fieldset {border:none}
ul li {	list-style:none outside none}
ol li {	list-style:none outside none}

caption, legend {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:-999em;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	text-align:left;
}

strong {font-weight:500}

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

textarea { line-height:24px;
		   letter-spacing:1px;
		    border:1px solid #ddd;
			overflow-y:scroll;
			resize:none;font-family: 'Noto Sans KR', 'NanumGothic', '나눔고딕', '돋움', 'dotum', 'sans-serif'}

#wrap {position:relative;width:100%;height:100%;overflow:hidden}

#header {position:fixed;top:0;left:0;width:100%;height:11rem;background:#fff;border-bottom:1px solid #d2d2d2;box-sizing:border-box;z-index:50}
.header_wrap {display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto}
.header_wrap .logo a {display:block;width:5.6rem;height:7.5rem;background:url(../../img/portal/common/logo.png)no-repeat;background-size:5.6rem;text-indent:-9999px}
.header_wrap .gnb {width:calc(100% - 29.6rem);height:100%;padding:0 2rem;box-sizing:border-box}
.header_wrap .gnb > ul {display:flex;justify-content:flex-end;height:100%}
.header_wrap .gnb > ul > li {position:relative;display:flex;justify-content:center;align-items:center}
.header_wrap .gnb > ul > li > a {display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0 4rem;color:#333;font-size:2rem;font-weight:500;text-align:center;word-break:keep-all;box-sizing:border-box}
.header_wrap .gnb > ul > li:hover > a {color:#1286d9}
.header_wrap .gnb > ul > li > .submenu {display:none;position:absolute;top:10.95rem;left:0;width:100%;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 0 1px rgba(0,0,0,.25), 0 8px 20px rgba(0,0,0,.15);text-align:center;z-index:10}
.header_wrap .gnb > ul > li > .submenu ul {padding:.9rem 2rem;box-sizing:border-box}
.header_wrap .gnb > ul > li > .submenu ul li {padding:.8rem 0}
.header_wrap .gnb > ul > li > .submenu ul li a {position:relative;display:inline-block;color:#555;font-size:1.6rem;word-break:keep-all}
.header_wrap .gnb > ul > li > .submenu ul li a:hover {color:#1286d9}
.header_wrap .gnb > ul > li > .submenu ul li a:hover:before {content:"";position:absolute;bottom:-.3rem;left:0;width:100%;height:1px;background:#1286d9}
.header_wrap .gnb > ul > li:hover > .submenu {display:block}
.header_wrap .sns_wrap {width:24rem}
.header_wrap .sns_wrap ul {display:flex;justify-content:space-between}
.header_wrap .sns_wrap ul li .sns_blog {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_blog.png)no-repeat;background-size:4rem;text-indent:-9999px}
.header_wrap .sns_wrap ul li .sns_facebook {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_facebook.png)no-repeat;background-size:4rem;text-indent:-9999px}
.header_wrap .sns_wrap ul li .sns_youtube {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_youtube.png)no-repeat;background-size:4rem;text-indent:-9999px}
.header_wrap .sns_wrap ul li .sns_instagram {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_instagram.png)no-repeat;background-size:4rem;text-indent:-9999px}
.header_wrap .sns_wrap ul li .sns_kakao {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_kakao.png)no-repeat;background-size:4rem;text-indent:-9999px}

.mb {display:none}

#footer {width:100%;background:#383b4a}
.ft_wrap {display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:3rem 0}
.ft_wrap .ft_logo {width:22rem;height:5rem;background:url(../../img/portal/common/ft_logo.png)no-repeat;background-size:22rem;text-indent:-9999px}
.ft_wrap address {width:calc(100% - 22rem);padding-left:6rem;color:#fff;font-size:1.6rem;font-style:normal;line-height:1.5;box-sizing:border-box;word-break:keep-all}

.side_btn {position:fixed;top:50%;right:0;transform:translateY(-50%);padding:2rem;background:#f4d739;border-radius:8px 0 0 8px;box-sizing:border-box;z-index:50}
.side_btn a {display:block;padding-top:9.8rem;background:url(../../img/portal/common/quick_icon.png)no-repeat top center;background-size:8.2rem;text-align:left}
.side_btn a .tit {display:block;color:#2d2d2d;font-size:1.8rem;font-weight:600}
.side_btn a .write {position:relative;display:block;color:#2d2d2d;font-size:1.8rem;font-weight:500}
.side_btn a .write:before {content:"";position:absolute;top:.85rem;left:4rem;width:2rem;height:.5rem;background:url(../../img/portal/common/quick_arrow.png)no-repeat;background-size:2rem}

.mobAllmenu {display:none;overflow-y:scroll;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;box-sizing:border-box;z-index:150}
.navTop {position:relative;width:100%;height:8rem;padding:0 2rem;background:#fff;border-bottom:1px solid #ccc;box-sizing:border-box;z-index:20}
.navTop .mobile_logo {position:absolute;top:50%;left:2rem;transform:translateY(-50%);width:11.2rem;height:4.5rem;background:url(../../img/portal/common/logo_mobile.png)no-repeat;background-size:11.2rem;text-indent:-9999px}
.navTop .nav_close {position:absolute;top:50%;right:2rem;transform:translateY(-50%)}
.navTop .nav_close a {display:block;width:2.2rem;height:2.2rem;background:url(../../img/portal/common/icon_close.png) no-repeat 0 0;background-size:2.2rem;text-indent:-9999px}
.nav {position:relative;width:100%;z-index:10}
.nav > ul > li {border-bottom:1px solid #ddd}
.nav > ul > li > a {position:relative;display:block;width:100%;padding:2rem 4rem 2rem 2rem;color:#333;font-size:2.4rem;font-weight:500;box-sizing:border-box}
.nav > ul > li > a:before {content:"";position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:1.4rem;height:.8rem;background:url(../../img/portal/common/mb_menu_open.png)no-repeat;background-size:1.4rem}
.nav > ul > li > ul {display:none;padding:1rem 0;background:#f8f8f8;transition:all .3s}
.nav > ul > li > ul > li > a {display:block;padding:1.5rem 2rem;color:#555;font-size:2rem;box-sizing:border-box}
.nav > ul > li.active > a {color:#1286d9}
.nav > ul > li.active > a:before {background:url(../../img/portal/common/mb_menu_close.png)no-repeat;background-size:1.4rem}
.nav > ul > li.active > ul {display:block;border-top:2px solid #1286d9}
.mb_sns {position:relative;margin-top:3rem;z-index:20}
.mb_sns ul {display:flex;justify-content:center}
.mb_sns ul li {padding:0 1rem}
.mb_sns ul li .sns_blog {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_blog.png)no-repeat;background-size:4rem;text-indent:-9999px}
.mb_sns ul li .sns_facebook {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_facebook.png)no-repeat;background-size:4rem;text-indent:-9999px}
.mb_sns ul li .sns_youtube {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_youtube.png)no-repeat;background-size:4rem;text-indent:-9999px}
.mb_sns ul li .sns_instagram {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_instagram.png)no-repeat;background-size:4rem;text-indent:-9999px}
.mb_sns ul li .sns_kakao {display:block;width:4rem;height:4rem;background:url(../../img/portal/common/sns_kakao.png)no-repeat;background-size:4rem;text-indent:-9999px}

.mobAllmenu:after {content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#fff}

.skipnav {position:relative;width:100%;background:#000;color:#fff;text-align:center;}
.skipnav a {display:block;color:#fff;font-weight:bold;width:0;height:0;line-height:0;font-size:0;}
.skipnav a:focus, .skip a:active {display:block;padding:5px 0;width:auto;height:auto;line-height:1.5;font-size:12px;}

#mask{position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;z-index:99;display:none}
#loading {position:fixed;top:0px;left:0px;z-index:100000;width:100%;height:100%;text-align:center;background-color:rgba(255,255,255,0.3);display:none}
.pointer {cursor:pointer}