@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');


/* -------
    reset
------------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a, span{
    margin:0; 
    padding:0; 
    border:0;
    /*vertical-align:top; */
    box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl{list-style:none;}
img, video{-width:100%; vertical-align:middle;}
a{text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
input, select{vertical-align:top;}
button{cursor:pointer; margin:0; padding:0; border:none; background:none;vertical-align:top}
.blind, legend, hr{display:block; position:absolute; top:0; left:-1000em; width:1px; height:1px; margin:-1px; overflow:hidden;}
i, em, address{font-style:normal; font-weight:normal;}


input[type="text"], input[type="password"] {padding:2px 5px;}
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
input[type="radio"] {margin:0; vertical-align:middle; position:relative; bottom:1px; width:17px; height:17px; border:0 !important;}
input[type="checkbox"] {border:1px solid #c2c2c2; background:#ffffff; margin:0; vertical-align:middle; position:relative; bottom:1px; border:0 !important;}



/*
	font-weight: 100;  -thin
	font-weight: 300;  -light
	font-weight: 400;  -regular
	font-weight: 500;  -medium
	font-weight: 700;  -bold
	font-weight: 900;  -black
*/


#wrap{width:100%;}


/* -------
    header
------------------------------------------------------------------ */
.util-menu{text-align:center}
.util-menu .util a{display:inline-block; padding:5px 10px; font-size:14px;}

@media all and (min-width:1200px){
	.util-menu{position:relative;}
	.util-menu .util{position:absolute; top:0; right:0}
	.util-menu .util a{display:inline-block; margin-left:-4px; padding:10px 18px 10px 0; font-size:16px; color:#afadad; vertical-align:bottom;}
	.util-menu .util a > span{display:block;}
	.util-menu .util-btn{display:inline-block;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 10px;}

	.rd-navbar-logo-center.rd-navbar-static .rd-navbar-top-block {padding: 25px 0 5px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 22px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li + li {margin-left: 25px;}
}

@media all and (max-width:1199px){
	.rd-navbar-brand > a > img{height:40px}
	.util-menu .util > a:first-child:after{content:' ｜'; display:inline-block; padding-left:10px}
	.util-menu .util > a:nth-child(2){padding-left:0;}
	.util-menu .util a.btn-login, .util-menu .util a.btn-join{margin-top:8px}
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		transform:translateX(-50%);
		width: auto;
		z-index:100;
	}
}




/* -------
    footer
------------------------------------------------------------------ */
#footer{width:100%; background:#948775; color:#000}
#footer > .inner{padding-top:30px; padding-bottom:30px}
.footer-info > ul > li{line-height:1.4; font-size:14px;}
.footer-info > ul > li > span{display:inline-block; padding-right:8px;}





#container{position:relative; width:100%;}


.swiper-container{width:100%; height:249px;}




.notice{width:100%; letter-spacing:-0.5px;} /* border:1px solid #d9d9d9; */
.notice > h3{margin-bottom:20px; font-weight:700; font-size:25px}
.notice > ul{padding:0;}
.notice > ul > li{position:relative; padding:12px 0 12px 12px; background:url('../images/common/bul_dot3.png') left 24px no-repeat; border-bottom:1px solid #ddd; text-align:left;}
.notice > ul > li > a.view{display:inline-block; width:calc(100% - 90px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-family: 'Noto Sans KR', sans-serif; vertical-align:middle}
.notice > ul > li > .date{position:absolute; right:0; width:72px; font-weight:300; color:#aaa; letter-spacing:0;}


.mbtn:after{content:''; display:block; clear:both;}
.mbtn li{float:left; width:12.5%;}
.mbtn li > a{display:block; padding:10px; text-align:center;}
.mbtn li > a > span{display:block; margin-top:15px; color:#666; font-size:16px; }

.main-more{display:block;}
.box-member{position:relative; overflow:hidden}
.box-member .box-member-wrap{-webkit-transform: translateY(40px); transform: translateY(40px); transition: .35s all ease;}
.box-member .box-member-wrap:hover {-webkit-transform: translateY(0); transform: translateY(0);opacity: 1;}
.box-member-caption-inner{text-align:center; color:#fff}
.box-member-caption-inner > h3{font-size:20px; font-weight:500;}
.box-member-caption-inner > span{display:inline-block; width:100%; font-size:14px; font-weight:500;}
.box-member-caption-inner > span:after{content:'+'; display:block;}


#mobile{display:none !important}


@media all and (min-width:992px){
	.main-notice .resp-tabs-list li{width:24%; padding:20px 0; border:1px solid #d3d3d3; background:#ebebeb; text-align:center;}
	.responsive-tabs-classic.main-notice[data-type="horizontal"] .resp-tabs-list li + li{margin-left:-4px}

	.main-notice .resp-tabs-list li:before {
		position: absolute;
		left: 50%;
		top: 0;
		width: 0;
		height: 3 px !important;
		background-color: #00358e !important;
		content: '';
		transform: translateX(-50%);
	}
	.responsive-tabs .resp-tabs-list li.resp-tab-active, .responsive-tabs .resp-tabs-list li:hover{background:#fff; color: #434345;}

}


@media all and (max-width:1199px){
	.mbtn li{width:25%}
}

@media all and (max-width:991px){

	#pc{display:none !important}
	#mobile{display:block !important}

}

@media all and (max-width:767px){
	.mbtn li{width:50%}
}