@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{max-width:1200px; margin:0 auto; text-align:center}
.util-menu .util a{display:inline-block; padding:5px 10px; font-size:14px;}

.rd-navbar-wrap{z-index:1000;}
.search-wrap {width:390px; height:50px; border:2px solid #43989a; position: absolute; top:20px; left:50%; margin-left: -195px;  border-radius:50px; overflow: hidden; padding-left: 12px; padding-right: 40px}
.search-wrap .search-bar {border-color: transparent;background-color: transparent; display: block;   width: 96%; margin-top:5px;  height: calc(1.6em + .75rem + 2px);    padding: .375rem .75rem; font-size: 16px; line-height: 1.6; outline:0;}
.search-wrap .icon-search {background:url("../images/common/icon-search.png") no-repeat right center; position:absolute; top: 10px; right: 20px; width: 26px;  height: 30px;    line-height: calc(1.6em + .75rem + 2px);}

.rd-navbar-submenu.focus > a > span{color:#0d6fb8;}

@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:5px 0 5px 20px; font-size:14px; color:#afadad; vertical-align:bottom;}
	.util-menu .util a > span{display:block;}
	.util-menu .util-btn{display:inline-block;}
	.util-btn > a{position:relative;}
	.util-btn > a:last-child:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:9px; display:inline-block; width:1px; height:12px; background:#ccc}
	.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-top:7px;}
	.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%; color:#000; background:#fafafa;}
#footer > .inner{padding-top:30px; padding-bottom:30px}

.footer-nav:after{content:''; display:block; clear:both;}
.footer-nav li {float: left; font-size: 15px; letter-spacing: -0.085rem; color: #555;}
.footer-nav li:after {content: ''; display: inline-block; width: 1px; height: 13px; background: #ddd; margin: 0 12px 0 13px;}
.footer-nav li:last-child:after {display: none;}
.footer-nav li a {color: #555;}
.footer-info{margin-top:20px}
.footer-info:after{content:''; display:block; clear:both;}
.footer-info li {float: left; font-size: 14px; line-height: 24px; letter-spacing: -0.065rem; color: #777}
.footer-info li:after {content: ''; display: inline-block; width: 1px; height: 12px; background: #ddd; margin: 0 11px 0 10px;}
.footer-info li:nth-child(4):after,
.footer-info li:last-child:after {
    display: none;
}
.footer-copy {top: 146px; left: 188px; font-size: 13px; color: #aaa;}



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

h3.main-title{position:relative; margin-bottom: 15px; color: #2e8c8f; font-size: 22px; font-weight: bold;}
h3.main-title > .more{position:absolute; top:0; right:0; display:inline-block; width:30px; height:30px; background:url('/user/images/main/more-btn.png') no-repeat; text-indent:-9999em;}

.swiper-text > h2{margin-bottom: 20px; line-height:1.3;}
.swiper-text > p{font-size:18px}

.container h3{font-size:22px; font-weight:700; color:#212121; letter-spacing:-0.05rem;}


.notice{position:relative; padding-left:0; padding-right:15px;}
.notice > h3{display:inline-block; margin-bottom:32px; padding:0 0 10px; color:#0d6fb8; font-size:18px; border-bottom:1px solid #0d6fb8; line-height:1.5;}
.notice > h3 > .more{position:absolute; top:0; right:10px; display:block; width:26px; height:26px; background:url('/user/images/main/icon_plus.png') center center no-repeat; text-indent:-9999em;}
.notice > h3:hover > .more{background:url('/user/images/main/icon_plus_on.png') center center no-repeat;}
.more{position:absolute; right:0; top:-37px; width:26px; height:26px; background:url('/user/images/main/icon_plus.png') center center no-repeat; text-indent:-9999em;}
.resp-tab-item.resp-tab-active > strong{font-weight:700}
.notice > ul{padding:0;}
.notice > ul > li{position:relative; list-style:none;  text-align:left;}
.notice > ul > li:last-child{margin-bottom:0}
.notice > ul > li > a.view{display:inline-block; width:70%; padding-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.notice > ul > li > .date{position:absolute; right:0; color:#999; font-size:14px;}

@media all and (min-width:992px){
	.notice > ul{min-height:125px}
}

@media all and (max-width:991px){
	.notice{padding-left:0; padding-right:0;}
	.notice > .more{display:none}
	.responsive-tabs .resp-accordion.resp-tab-active{padding-bottom:32px;}
	.responsive-tabs .resp-accordion.resp-tab-active > strong{display:inline-block; padding-bottom:10px; font-size:18px; font-weight:bold; border-bottom:1px solid #0d6fb8;}
	.responsive-tabs .resp-accordion > strong{font-size:18px}
}


.owl-carousel img{width:42%}
.owltit{padding:0 0 15px;font-size:22px; color:#333; text-align:center;}
.owltit > span{display:block; padding-top:10px; font-size:14px; color:#808080; word-break:keep-all}