@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;}
.util-menu .util a.btn-login{position:relative; padding-left:40px; background:#edeef0; font-size:12px; text-align:center; color:#2a323f;}
.util-menu .util a.btn-login:before{content:''; display:inline-block; position:absolute; left:15px; width:20px; height:21px; background:url('/user/images/common/ico_login.png') left center no-repeat;}
.util-menu .util a.btn-join{position:relative; padding-left:40px; background:#2a323f; font-size:12px; text-align:center; color:#fff;}
.util-menu .util a.btn-join:before{content:''; display:inline-block; position:absolute; left:15px; width:20px; height:21px; background:url('/user/images/common/ico_join.png') left center no-repeat;}

@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 a.btn-login{position:relative; width:72px; height:68px; padding:15px 5px; background:#edeef0; font-size:12px; text-align:center; color:#2a323f;}
	.util-menu .util a.btn-login:before{content:''; display:inline-block; position:absolute; left:50%; transform:translateX(-50%); width:20px; height:21px; background:url('/user/images/common/ico_login.png') no-repeat;}
	.util-menu .util a.btn-join{position:relative; width:72px; height:68px; padding:15px 5px; background:#2a323f; font-size:12px; text-align:center; color:#fff;}
	.util-menu .util a.btn-join:before{content:''; display:inline-block; position:absolute; left:50%; transform:translateX(-50%); width:20px; height:21px; background:url('/user/images/common/ico_join.png') center center no-repeat;}
*/	
	.util-menu .util-btn{display:inline-block;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 10px;} /* padding: 5px 35px; */
}

@media all and (min-width:1280px){
	.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;} /* padding: 5px 35px; */
	.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:#e9e9e9; color:#999}
#footer > .inner{padding:30px;}
#footer > .inner > div > div > ul:after{content:''; display:block; clear:both;}
#footer > .inner > div > div > ul > li{float:left; margin-bottom:8px;}
#footer > .inner > div > div > ul > li:after{content:'｜'; display:inline-block; padding:0 5px;}
#footer > .inner > div > div > ul > li:last-child:after{content:'';}
#footer > .inner > div > div > .footer-info > p{margin:0; font-size:14px}





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


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




.notice{width:100%; padding:30px 35px; border-radius:30px; box-shadow:0 0 5px #eee; background:#fff; 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; margin-bottom:5px; padding-left:12px; background:url('../images/common/bul_dot3.png') left 12px no-repeat;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;}

/*.main-box{width:100%; padding:30px 35px; border-radius:20px; box-shadow:0 0 5px #eee; background:#fff; letter-spacing:-0.5px;}*/

.main-box{width:100%; padding:10px 15px; border-radius:30px; box-shadow:0 0 5px #eee; background:#fff; letter-spacing:-0.5px;}
.main-box > ul{display:flex; flex-flow:wrap;}
.main-box > ul > li{position:relative; width:25%; justify-content:center; align-items:stretch; text-align:center; word-wrap:break-word;}
.main-box > ul > li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:30px; background:#dbdbdb;}
.main-box > ul > li:last-child:after{display:none}
.main-box > ul > li > a{display:block; width:100%; height:100%; padding:15px 25px; }
.main-box > ul > li > a:after{content:''; display:block; clear:both;}
.main-box > ul > li > a > figure{float:left; width:60px; }
.main-box > ul > li > a > h2{float:left; width:calc(100% - 70px); padding:10px 5px 10px 10px; font-size:20px; font-weight:500; color:#212121; text-align:left; word-wrap:break-word;}
.main-box > ul > li > a > h2 > span{display:block; margin-top:5px; font-size:13px; font-family: 'Lato', Helvetica, Arial, sans-serif; color:#aaa; letter-spacing:0}

#mobile{display:none !important}

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

	.main-box > a{display:block; width:100%; height:100%; padding:5px 25px; }
	.main-box > a:after{content:''; display:block; clear:both;}
	.main-box > a > figure{float:left; width:60px; }
	.main-box > a > h2{float:left; width:calc(100% - 70px); padding:5px 10px; font-size:18px; font-weight:500; color:#212121; text-align:left; word-wrap:break-word;}
	.main-box > a > h2 > span{display:block; margin-top:0; font-size:13px; font-family: 'Lato', Helvetica, Arial, sans-serif; color:#aaa; letter-spacing:0}

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

}