@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;}

.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);}


@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 20px 10px 0; font-size:16px; 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:first-child:before, .util-btn > a:nth-child(2):before{content:''; position:absolute; top:50%; transform:translateY(-50%); right: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:10px 0;}
	/*	20230307
	.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:#fff; background:#333;}
.footer-info > p{font-size: 14px; word-break:keep-all;}




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

h3.main-title{position:relative; margin-bottom: 15px; color: #333; font-size: 22px; font-weight:700; text-align:center;}
h3.main-title > .more{position:absolute; top:0; right:0; display:inline-block;font-weight:400; font-size:12px; color:#999}

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


.owltit{padding:10px 0 0;font-size:18px; color:#333; text-align:center;}
.owltit > span{display:block; font-size:13px; color:#808080}


/* 공지사항 */
.tabcont > ul{padding:20px 20px 0;}
.tabcont > ul > li{position:relative; }
.tabcont > ul > li > a > .view{display:inline-block; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.tabcont > ul > li > .date{position:absolute; right:0; display:inline-block; color:#999;}

.notice-tab.responsive-tabs-classic{border-bottom:0 !important}
.notice-tab.responsive-tabs .resp-tabs-list li{width:170px; padding:8px; background:#fff; border:1px solid #e5e5e5; color:#999; font-size:18px !important; font-weight:400; text-align:center;}
.notice-tab.responsive-tabs .resp-tabs-list li.resp-tab-active{background:#ffd11b; border:1px solid #ffd11b; color:#333; font-size:18px !important;font-weight:500; }
.notice-tab.responsive-tabs .resp-tab-content{padding:0;}
.notice-tab.responsive-tabs .resp-accordion{padding:15px 10px; font-size:18px}
.notice-tab.responsive-tabs .resp-accordion .resp-arrow {right:20px}
.notice-tab.responsive-tabs .resp-accordion .resp-arrow:before{content:'▼'; font-size:9px}
.notice-tab.responsive-tabs .resp-accordion.resp-tab-active .resp-arrow:before{content: "▲"; font-size:9px}
.notice-tab.responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li:before{display:none;}

.notice-tab .more{position:absolute; right:35px; top:10px; font-weight:400; font-size:12px; color:#999}


@media all and (min-width:1200px){
	.responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li + li{margin:0 0 0 -3px}
}

/* 공지 더보기 */
@media all and (max-width:991px){
	.tabcont > ul{padding:10px;}
	.notice-tab.responsive-tabs .resp-tabs-container .more > a > span{display:block}
	.notice-tab.responsive-tabs .resp-tabs-container{position:relative;}
	.notice-tab.responsive-tabs .resp-tabs-container .more.m1{right:50px; top:20px}
	.notice-tab.responsive-tabs .resp-tabs-container .more.m2{right:50px; top:82px}
	.notice-tab.responsive-tabs .resp-tabs-container .more.m3{right:50px; top:20px}
	.notice-tab.responsive-tabs .resp-tabs-container .more.m4{right:50px; top:82px}
}






#mobile{display:none !important}




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

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

}