@charset "utf-8";

/*font*/
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic|Noto+Sans+KR");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2') format('woff2'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff') format('woff'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2') format('woff2'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff') format('woff'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf') format('opentype');
}

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

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

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2') format('woff2'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff') format('woff'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2') format('woff2'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff') format('woff'),
		url('https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf') format('opentype');
}

/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'NanumSquare', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
*/

html{overflow-y: scroll;}
html, body {height:100%; font-family: "Nanum Gothic", "나눔고딕", sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,span,button,th,td,a {border:0;margin:0;padding:0; font-weight:normal;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,dt{font-family: "Nanum Gothic", "나눔고딕", sans-serif;}
h1,h2,h3,h4,h5,h6{letter-spacing:-1px;}
body {height:100%; font-size:15px; color:#191919; line-height:1.5;}
img{border:0;vertical-align:top;}
fieldset{margin:0;padding:0;border:0;}
textarea{margin:0;border:1px solid #cccccc; font-size:14px;}
select,input{ vertical-align:middle;}
ul,ol{list-style-type:none;}
dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

select{margin-right:3px; height:42px; border:1px solid #dddddd; padding:2px 8px 3px 4px; vertical-align:middle;}
a,
a:link,
a:visited,
a:active{color:#2c2c2c;text-decoration:none;background-color:none;font-family: "Nanum Gothic", "나눔고딕", sans-serif; font-weight:300;}
a:hover,
a:focus{color:#2c2c2c;text-decoration:none;font-weight:300;background-color:none;}
legend{visibility:hidden;overflow:hidden;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
hr{visibility:hidden;overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
caption{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
em,address{font-style:normal;}
button{overflow:visible;padding:0;border:0;background:transparent;font-size:12px;  cursor:pointer; vertical-align: middle;}
table{table-layout:fixed;border-collapse:collapse;}
input[type="text"] {border:1px solid #dddddd; height:38px; padding:2px 0 0 3px; font-size:13px; vertical-align: middle;}
input[type="File"] {background:#ffffff; border:1px solid #dddddd; height:38px; padding:2px 0 0 3px; font-size:13px; vertical-align: middle;}
input[type="password"] {border:1px solid #dddddd; height:38px; padding:2px 0 0 3px; font-size:13px;}
input[type="checkbox"] {border-color: #dddddd; vertical-align:middle; width:15px; height:15px;}
input[type="radio"] {border-color: #dddddd; margin-top:-1px; vertical-align:middle;}

/*a:focus{ outline: 3px dotted red}*/
.clfix:after {content: "."; display: block; height: 100%; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfixb {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
* html #container{height:100%;} /* IE7 hack*/
* html #content {height:1%;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.rel {position:relative;}
.ac {text-align:center;}
.ar {text-align:right !important;}
.al {text-align:left;}
.at {vertical-align:top;}
.am {vertical-align:middle;}
.ab {vertical-align:bottom;}
.hand {cursor:pointer;}
.bgnone {background:none !important;}
.brnone {border:none;}
.brrnone {border-right:none;}
.bbline {background:#ffffff; border:1px solid #dddddd; margin:0; padding:0; width:100%; display:inline-block;}
.b {font-weight:bold;}
.n {font-weight:normal;}
.u {text-decoration:underline;}
.lt1{ letter-spacing: -1px !important}
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
.hide{display: none !important;}
caption, legend {width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0;}


/* layout */
#wrap{position:relative; width: 100% !important;}

/* header */
header {position:relative; width:100%; display:inline-block; background:#ffffff; border-bottom:1px solid #e6e6e6;}
header .logo{float:left; margin-top:35px;}
header nav {display:inline-block; float:left; margin-left:147px;}
header nav ul.main-menu{float:left; height:70px; }
header nav ul.main-menu li{float:left; padding-top:5px;}
header nav ul.main-menu li a {display:inline-block; line-height:110px; padding:0 34px; font-size:20px; font-weight:600; font-family: "Nanum Gothic", "나눔고딕", sans-serif; text-decoration:none; text-align:center; box-sizing: border-box;}
header nav ul.main-menu li a:hover{color:#2763ba;}
header nav ul.main-menu li:last-child a {padding:0 30px 0 34px; color:#8d8d8d;}

#wrap #headerArea{width: 100%; min-width:1200px; position:relative; z-index:999; border-top:5px solid #27587f;}
#wrap .gnbArea {display:inline-block; width:60px; height:120px; text-align:center; float:right; z-index:990;}
#wrap .gnbArea ul {width:60px; margin:0 auto; text-align:center;}
#wrap .gnbArea ul li {position:relative; width:60px; height:60px;}
#wrap .gnbArea ul li a {font-size:12px; color:#ffffff; line-height:60px; padding-top:15px;}
#wrap .gnbArea ul li:first-child a{display:inline-block;width:60px; height:60px;background:url('../images/btn_login.png') no-repeat center 0;}
#wrap .gnbArea ul li:nth-child(2) a{display:inline-block;width:60px; height:60px;background:url('../images/btn_join.png') no-repeat center 0;}
#wrap .gnbArea ul li.bg03 a{display:inline-block;width:60px; height:60px;background:url('../images/btn_logout.png') no-repeat center 0;}
#headerArea #LnbArea {width: 1200px; padding:0; margin:0 auto;}

#wrap #Lnb_sub{width: 100%; min-width:1200px; position:absolute; top:120px; left:0; z-index:99;  background:url('../images/bg_lnb_sub.jpg') no-repeat center 0; border-top:1px solid #e6e6e6;}
#wrap #Lnb_sub_inner {width: 1200px; height:200px; position:relative; z-index:400; padding-top:10px; margin: 0 auto; box-sizing: border-box; font-size:16px;}
#wrap #Lnb_sub_inner .imgArea {float:left; margin:12px 25px 0 15px;}
#wrap #Lnb_sub_inner ul {display:block; float:left; width:163px; margin:0px 0 0 0; padding:12px 0 0 0; box-sizing: border-box;}
#wrap #Lnb_sub_inner ul li {padding:0 0 0 0; display:block;}
#wrap #Lnb_sub_inner ul li a:hover {color:#1b3b7b; text-decoration:underline;}
#wrap #Lnb_sub_inner ul li a {display:block; padding:0 0; text-align:center; line-height:1.8; letter-spacing:-0.025rem;}

.w145 {width:145px !important;}
#wrap #container {width:100%; position:relative; background:url('../images/bg_subbody.jpg') no-repeat center 0;}
#wrap #container #contents {position:relative; width:100%; height:100%; margin:0 auto; box-sizing:border-box; line-height:1.6; z-index:99;}
#contents:after{content:'';display:block; clear:both;}

#wrap #footer{width:100%; position:relative; clear:both; margin:0 auto; box-sizing: border-box; line-height:1.7; background:#323232;}
#wrap #footer #footer_inner {width: 1200px; min-height:210px; margin: 0 auto; padding:40px 0 50px 0; font-size:13px; text-align:left; color:#ffffff;}
#wrap #footer #footer_inner h3 {padding-bottom:20px;}
#wrap #footer #footer_inner h3 img {padding-right:20px; vertical-align:middle;}
#wrap #footer #footer_inner .copyright {width:100%; display:inline-block; color:#626262; padding-top:10px;}
#wrap #footer #footer_inner .innerLeft {width:900px; float:left; color:#b9b9b9;}
#wrap #footer #footer_inner .innerLeft ul li {display:inline-block; width:100%;}
#wrap #footer #footer_inner .innerLeft ul li p {float:left; padding:0 17px 0 18px; background:url('../images/bg_li02.png') no-repeat left 5px;}
#wrap #footer #footer_inner .innerLeft ul li p:nth-child(1), #wrap #footer #footer_inner .innerLeft ul li p:nth-child(5) {padding-left:0; background:none;}
#wrap #footer #footer_inner .innerRight {width:300px; float:right; padding:0 20px 0 20px; box-sizing: border-box; text-align:center;}v

/* 여백 */
.p0 {padding:0 !important;}
.pt20 {padding-top:20px;}	
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}

.pl14 {padding-left:14px;}
.pl20 {padding-left:20px;}
.pl60 {padding-left:60px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl90 {padding-left:90px;}

.m0 {margin:0 !important;}

.mt10 {margin-top:10px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt110 {margin-top:110px;}

.mr10 {margin-right:10px;}

.mb30 {margin-bottom:30px !important;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}


.fc03 {color:#cb0000; font-size:13px;}
.fc05 {color:#006ae2;}
.fc04 {color:#e80000;}
.fc05 {color:#006ae2;}
.fc06 {color:#159aa4;}
.fc07 {color:#e80000; font-size:13px; padding-top:4px; display:block;}
.fc08 {color:#e80000; font-size:12px; padding-left:5px;}
.f13 {font-size:13px;}

/* 블릿형 list */
.listLDotted {padding:0 0 0 0;}
.listLDotted>li {position:relative; padding:0 0 0 10px; margin-bottom:5px; line-height:1.5;}
.listLDotted>li:before {content:'·'; position:absolute; top:0; left:0; width:3px; font-weight:bold;}

.listLDash {}
.listLDash>li {position:relative; padding:0 15px 0 25px; margin-bottom:5px; line-height:1.5; background:url('../images/common/list_style02.png') no-repeat 0 5px; float:left;}
.listLDash>li:first-child {background:none; padding-left:0;}
.listLDash>li>span {font-weight:700;}

.listRound {padding:0 0 0 15px; margin-top:20px;}
.listRound>li {position:relative; padding:0 0 0 15px; margin-bottom:5px; line-height:1.5; }
.listRound>li>span {display:inline-block; text-align:center; font-weight:700; color:#ffffff; background:#e8a23e; width:80px; margin-right:20px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-khtml-border-radius:20px;-o-border-radius:20px;}