@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('font.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;}
.clearfix:after {content:''; display:block; clear:both;}

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





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

.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: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 {background:#303030; width:100%; color:#dfdfdf; line-height:0;}
#footer > div{position:relative;}
#footer .foot-link {position:relative; margin-bottom:35px;}
#footer .foot-link > ul li {float:left; margin-right:55px;}
#footer .foot-link > ul li a {display:block; font-size:16px; font-weight:400; line-height:30px; letter-spacing:-.06em;}
#footer .foot-link > ul li a:hover {text-decoration:underline;}
#footer .foot-logo {position:absolute; top:70px; right:0;}
#footer address {font-style:normal; font-size:14px; line-height:1.5; letter-spacing:-.04em; text-align:left;}
#footer address > strong {display:block; margin-bottom:5px; color:#fff; font-size:16px; font-weight:400;}
#footer span {display:inline-block; margin-right:15px; font-size:14px}

.sns-wrap > ul{text-align:right; overflow:hidden;}
.sns-wrap > ul > li{display:inline-block; list-style:none;}
.sns-wrap > ul > li > a {display:block; width:40px; height:40px; font-size:0; overflow:hidden; margin:0 5px;} 
.sns-wrap > ul > li > a.sns_k {background:url('/user/images/common/ico_kakao.png') no-repeat center; } 
.sns-wrap > ul > li > a.sns_b { background:url('/user/images/common/ico_blog.png') no-repeat center;}

@media all and (max-width:991px){
	#footer .foot-logo{display:none}
	#footer .foot-link > ul li {margin-right:20px;}

	.sns-wrap > ul{margin-top:30px; text-align:left;}
}



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



.sub-top {width:100%; height:210px; color:#fff;}
.sub-top > h2{display:block;}

.sub-visual {display:table; width:100%; height:210px; color:#fff; background-color:#eee; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.sub-visual .tit {display:table-cell; width:100%; height:100%; vertical-align:middle; font-weight:300; line-height:50px; text-align:center;border-top: 4px solid transparent;border-image: linear-gradient(90deg, #76a15d 0%, #fbe634 100%);    border-image-slice: 1;}
.sub-visual h2 {font-size:40px; line-height:1.2em; letter-spacing:-.03em; font-family:'S-CoreDream-6Bold';}
.sub-visual p {font-size:20px; line-height:1.2em; letter-spacing:-.03em; font-family:'S-CoreDream-3Light'; margin-top:15px;}
.sub-visual.mem {background-image:url("/user/images/sub/sub_visual_mem.jpg");}
.sub-visual.bg1 {background-image:url("/user/images/sub/sub_visual1.jpg");}
.sub-visual.bg2 {background-image:url("/user/images/sub/sub_visual2.jpg");}
.sub-visual.bg3 {background-image:url("/user/images/sub/sub_visual3.jpg");}
.sub-visual.bg4 {background-image:url("/user/images/sub/sub_visual4.jpg");}
.sub-visual.bg5 {background-image:url("/user/images/sub/sub_visual5.jpg");}






/* leftmenu */
#leftmenu{top:-30px; height:100%; padding:0; overflow:hidden;} 
#leftmenu > h3 {
	position:relative;
	height:80px;
	padding:27px 0 0 20px;
	font-size: 22px;
    background:#628439;
	color:#fff;
	text-align:left; 
	word-break: keep-all;
	letter-spacing:-1px;
}
#leftmenu > ul{padding:10px 20px; border:1px solid #ddd; border-top:2px solid #628439; text-align:left;}
#leftmenu > ul > li{width:100%; list-style:none;border-bottom:1px solid #eee; }
#leftmenu > ul > li > a{position:relative; display:block; width:100%; padding:12px 0; font-size:15px; letter-spacing: -1px;}
#leftmenu > ul > li > a:hover{color:#628439;}
#leftmenu > ul > li.on > a{color:#628439;}
#leftmenu > ul > li:last-child{border-bottom:0}
#leftmenu .snb{margin-bottom:3px; padding:0 0 10px 5px; font-size:14px;}
#leftmenu .snb > li {margin-bottom:5px; line-height:1.3;}
#leftmenu .snb > li > a {display:block; padding-left:12px; background:url('../images/common/bul_bar2.png') left 9px no-repeat; color:#aaa; font-size:14px;}
#leftmenu .snb > li > a:hover, #leftmenu .snb > li.on > a {color:#628439;}

@media all and (max-width: 767px) {
	#leftmenu{width:calc(100% - 20px); margin-left:10px; margin-right:10px; top:-35px}
}



.sub-head {position:relative; min-height:180px; margin-bottom:45px; background-position: 50% 50%; background-repeat:no-repeat;  font-family:'S-CoreDream-6Bold'; color:#fff; text-align:center;}
.sub-head h4 {font-size:28px; font-weight:normal; line-height:1.6em; letter-spacing:-.06em;}

@media all and (max-width:767px){
	.sub-head{padding-left:20px; padding-right:20px;}
	.sub-head h4{font-size:20px;}

}


.cont-title{margin-bottom:30px; padding:40px 0 15px 20px; border-bottom:1px solid #dbdbdb;}
.cont-title:after{content:''; display:block; clear:both;}
.cont-title h2 {float: left; font-size:28px; letter-spacing: -0.125rem; color: #222; font-family: 'S-CoreDream-6Bold';}
.cont-title ul {float: right; padding-top:10px; padding-right:10px;}
.cont-title li {float: left; font-size: 14px; letter-spacing: -0.045rem; color: #888;}
.cont-title li .home_ico {margin-right: 9px;}
.cont-title li:after {content: ''; display: inline-block; width: 4px; height: 7px; line-height: 14px; background: url('/user/images/sub/li_ico.png') no-repeat; margin:7px 8px 0 10px; vertical-align: top;}
.cont-title li:last-child:after {display: none;}
.cont-title li a {display:inline-block; color: #888; vertical-align:top;}
.home_ico {display: inline-block; width: 12px; height: 10px; background: url('/user/images/sub/ico_sprites.png') no-repeat; background-position: 0 0;}

@media all and (max-width: 1199px) {
	.cont-title{padding:20px 20px 10px}
}



.contWrap{min-height:800px; padding:15px 0 100px 20px; font-weight:300; line-height:160%; text-align:justify;}
.contWrap h3 {position:relative; margin-top:60px; margin-bottom:25px; font-size:23px; color: #212121; font-weight:500; letter-spacing: -0.7px; text-align:left;}
.contWrap h3:first-child{margin-top:0}
.contWrap h3 > small{padding-top:12px; color:#999}
.contWrap h3 > strong {font-weight:500; color: #628439;}
.contWrap h3 > .ptxt{display:block; padding:10px 0; font-size:18px; font-weight:300; color:#666}

.blue{color:#628439 !important}

@media all and (max-width: 1199px) {
	.contWrap{padding:15px 20px 60px;}
}


.btn-go{display: inline-block; padding:4px 30px; background: #13a89e; color: #fff; text-align: center; word-break: keep-all; cursor: pointer;}
.btn-go:focus, .btn-go:hover{background:#177670; color: #fff;}

.btn-down{position:relative; display:inline-block; margin-top:15px; padding:5px 35px 5px 15px; background:#fff; border:1px solid #212121; color:#212121; text-align:center; font-size:14px; letter-spacing:-0.5px}
.btn-down:after{content:''; position:absolute; right:15px; top:52%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background:url('../images/common/ic_down.png') no-repeat;}
.btn-down:hover, .btn-down:focus{color:#fff; background:#13a89e; border:1px solid #13a89e; text-decoration:none; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.btn-down:hover:after, .btn-down:focus:after{background:url('../images/common/ic_down_ov.png') no-repeat; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s; }

.btn-gray{display: inline-block; padding:7px 21px; background: #777; color: #fff; text-align: center; word-break: keep-all;}
.btn-gray:focus, .btn-gray:hover{background:#8d8183; color: #fff;}







/* 회원가입 - 동의
------------------------------------------------------ */

#agree-content h3 { 
	font-size:1.3em;
	color:#31708f;
	margin-top: 15px;
}

#agree-content h4 { 
	margin: 20px 0 20px;
	padding: 8px 20px;
	border-radius: 50px;
	background: #f5f5f5;
	color: #333;
	box-sizing: border-box;
	font-weight: bold;
}


#agree-content .table { 
	margin-top: 15px;
}

#agree-content .table > thead > tr > th { 
	font-family: 'S-CoreDream-4Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#31708f;
}

#agree-content #agree-01, #agree-02 { 
	width:100%;
	height:200px;
	overflow:auto;
	padding:15px;
	border:#ddd 1px solid;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	
}

#agree-content #agree-03 { 
	width:100%;
	padding:5px 15px 10px 15px;
	border:#ddd 1px solid;
	background-color: #f5f5f5;
	text-align:center;
	border-radius:5px;
	border-radius:5px;
}

#agree-content #agree-03 .navbar-form { 
	border:none;
	box-shadow: none;
}

#agree-content #agree-03 .navbar-form { 
	padding:0;
	margin:0;
}

#agree-content #agree-01-check, #agree-02-check { 
	height:35px;
	width:100%;
	border:#ddd 1px solid;
	background-color:#F6F6F6;
	text-align:right;
	padding-right:20px;	
}
#agree-content #agree-01-check label, #agree-02-check label { 
	line-height:32px;
}

#agree-content dl { 
	padding:0;
	margin:0;
}

#agree-content > dl { 
	font-size:1.05em;
}

#agree-content dl > dd { 
	margin-left:18px;
	/*line-height: 150%;*/
}

#agree-content dl > dd > dl > dt { 
	font-weight:normal;
	float:left;
}

#agree-content dl > dd > dl > dd { 
	margin-left:18px;
}

#agree-content dl > dd > dl > dd > dl > dt{ 
	font-weight:normal;
	float:left;
}

#agree-content dl > dd > dl > dd > dl > dd{ 
	margin-left:25px;
}

#agree-content #agree-03 .input-group-addon{ 
	min-width:80px;
}

.box-agree{width:100%; height:220px; padding:20px; background:#f8f8f8; font-size:14px; border: 1px solid #ddd; box-sizing: border-box;overflow-y: scroll; }


.AW_jointype{border:3px solid #ddd; margin:20px 0 0; padding:35px 0 35px 200px; cursor:pointer; color:#212121}
.AW_jointype:hover{border-color:#f587a8;}
.AW_jointype.jung{background:url('/user/images/sub/icon1.png') 50px 50% no-repeat;}
.AW_jointype.jun{background:url('/user/images/sub/icon2.png') 70px 50% no-repeat;}
.AW_jointype.gi{background:url('/user/images/sub/icon3.png') 70px 50% no-repeat;}
.AW_jointype .tit{font-size:30px; color:#555; letter-spacing:-0.07em; margin:0 0 15px;}
.AW_jointype .tit strong{color:#628439; font-weight:500;}
.AW_jointype p{font-size:15px; color:#333; letter-spacing:-0.02em; line-height:1.6; padding-left:20px; text-indent:-20px; margin:5px 0 0;}

.AW_join_agree .agree{margin:15px 0 0; text-align:right;}
.AW_join_agree .agree label{font-size:15px; color:#333; letter-spacing:-0.05em; font-weight:400; vertical-align:middle;}
.AW_join_agree .agree input{margin-right:5px; vertical-align:middle;}

@media all and (max-width: 991px) {
	.AW_jointype{padding:130px 35px 35px;}
	.AW_jointype.jung{background-position:35px 30px;}
	.AW_jointype.jun, .AW_jointype.gi{background-position:40px 30px;}
}



/* 로딩 */
.loading{text-align:center;}
.loading > p.txt{font-size:30px; font-weight:bold; color:#555; word-break:keep-all; }
.loading > p.txt > span{display:block; margin:20px 0; font-size:16px; font-weight:normal; color:#777; line-height:22px;}




/* 탭 */
.tab-w2 > li{width:50%}
.tab-w3 > li{width:33%}
.tab-w4 > li{width:25%}
.tab-w5 > li{width:20%}
.tab-w6 > li{width:16.6%}

.sub-tab{margin-bottom: 45px;}
.sub-tab > ul:after{content:''; display:block; clear:both;}
.sub-tab li {
    float: left;
    height: 55px;
    line-height: 53px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #eaeaea;
    text-align: center;
    
}

.sub-tab li:last-child {border-right: 1px solid #eaeaea;}
.sub-tab li a {display: block; width: 100%; height: 100%; font-size: 16px; letter-spacing: -0.065rem; color: #222; font-weight:400}
.sub-tab li.on {border: 3px solid #f587a8; line-height: 49px;}
.sub-tab li.on a {color: #f587a8; font-weight:500}

@media all and (max-width:991px){
	.sub-tab li{width:100%; margin-top:-1px; border:1px solid #eaeaea;}
}




/* 테이블 */
.tb-list {width: 100%; border-top: 1px solid #999 !important;}
.tb-list thead th {padding:10px 5px; background: #f0f0f0; color: #333; border: 1px solid #dbdbdb;font-size: 15px; font-weight:400; letter-spacing: -0.065rem; text-align:center; vertical-align: middle;}
.tb-list tbody th {padding:10px; background: #fcfcfc; color: #333; border: 1px solid #dbdbdb;font-size: 15px; font-weight:400; letter-spacing: -0.065rem; text-align:center; vertical-align: middle;}
.tb-list tbody td {padding:10px; color: #666; border: 1px solid #dbdbdb;font-size: 15px; font-weight:400; letter-spacing: -0.065rem; text-align:center; vertical-align: middle;}

.tb-stripe{width:100%; border-top:2px solid #212121;}
.tb-stripe thead th{padding:10px; border-bottom:1px solid #212121; text-align:center; font-weight:500; color:#000; vertical-align:middle;}
.tb-stripe tbody th{padding:6px 12px; border:1px solid #dbdbdb; border-left:none; text-align:center; font-weight:500; vertical-align:middle;}
.tb-stripe tbody td{padding:6px 12px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle;}
.tb-stripe tbody td:first-child{border-left:none;}
.tb-stripe tbody td:last-child{border-right:none;}
.tb-stripe tbody tr:nth-of-type(odd) {background-color: #f7f7f7;}

.tb-classic{width:100%; color:#333}
.tb-classic tbody th{padding:10px 15px; background: #eaf3f4; border: 1px solid #ccc; box-sizing:border-box; text-align:center;}
.tb-classic tbody td{padding:10px 15px; border: 1px solid #ccc; box-sizing: border-box; text-align:left; }

.tb-type1{width:100%; color:#333}
.tb-type1 thead th{padding:10px; background: #d9eeec; border: 1px solid #ccc; box-sizing:border-box; text-align:center; font-weight:normal; font-size:14px;}
.tb-type1 tbody td{padding:5px 10px; border: 1px solid #ccc; box-sizing: border-box; text-align:center; font-size:14px;}


/* 회칙 */
.rules > h3{font-size:28px; letter-spacing:-1px; font-weight:500; color:#212121; word-break:keep-all; background:none}
.rules > h3:before{display:none}
.rules > h5{margin:55px 0 25px; padding:13px 0 14px; text-align:center; font-size:17px; letter-spacing:-1px; font-family:'S-CoreDream-5Medium'; border-top:1px solid #333; border-bottom:1px solid #333; color:#333}
.rules > dl > dt{margin-top:20px; font-weight:500;}
.rules > dl > dd > ol{margin-left:6px; padding-left:18px;}
.rules > dl > dd > ol > li{list-style-type:decimal}
.rules > ol > li{list-style-type:decimal}
.num-c, .num-b, .txt-k{margin-bottom:8px;}
.num-c > li{position:relative; padding-left:18px;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;}
.num-c > li.c1:before, .num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li.c2:before, .num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li.c3:before, .num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li.c4:before, .num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li.c5:before, .num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li.c6:before, .num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li.c7:before, .num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li.c8:before, .num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li.c9:before, .num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li.c10:before, .num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li.c11:before, .num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li.c12:before, .num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-c > li.c13:before, .num-c > li:nth-of-type(13):before{content:'⑬ ';}
.num-c > li.c14:before, .num-c > li:nth-of-type(14):before{content:'⑭ ';}
.num-c > li.c15:before, .num-c > li:nth-of-type(15):before{content:'⑮ ';}
.num-b > li{position:relative; padding-left:18px;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;}
.num-b > li.b1:before, .num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li.b2:before, .num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li.b3:before, .num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li.b4:before, .num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li.b5:before, .num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li.b6:before, .num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li.b7:before, .num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li.b8:before, .num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li.b9:before, .num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li.b10:before, .num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li.b11:before, .num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li.b12:before, .num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li.b13:before, .num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li.b14:before, .num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li.b15:before, .num-b > li:nth-of-type(15):before{content:'⒂ ';}
.txt-k > li{position:relative; padding-left:24px;}
.txt-k > li:before{position:absolute; left:0; top:0; display:block;}
.txt-k > li.k1:before, .txt-k > li:nth-of-type(1):before{content:'가. ';}
.txt-k > li.k2:before, .txt-k > li:nth-of-type(2):before{content:'나. ';}
.txt-k > li.k3:before, .txt-k > li:nth-of-type(3):before{content:'다. ';}
.txt-k > li.k4:before, .txt-k > li:nth-of-type(4):before{content:'라. ';}
.txt-k > li.k5:before, .txt-k > li:nth-of-type(5):before{content:'마. ';}
.txt-k > li.k6:before, .txt-k > li:nth-of-type(6):before{content:'바. ';}
.txt-k > li.k7:before, .txt-k > li:nth-of-type(7):before{content:'사. ';}
.txt-k > li.k8:before, .txt-k > li:nth-of-type(8):before{content:'아. ';}
.txt-k > li.k9:before, .txt-k > li:nth-of-type(9):before{content:'자. ';}
.txt-k > li.k10:before, .txt-k > li:nth-of-type(10):before{content:'차. ';}
.txt-k > li.k11:before, .txt-k > li:nth-of-type(11):before{content:'카. ';}
.txt-k > li.k12:before, .txt-k > li:nth-of-type(12):before{content:'타. ';}
.txt-k > li.k13:before, .txt-k > li:nth-of-type(13):before{content:'파. ';}
.txt-k > li.k14:before, .txt-k > li:nth-of-type(14):before{content:'하. ';}


/* 리스트 */
ul{margin:0; padding:0;}
.ul-list01 > li{padding-left:12px; background:url('../images/common/bul_dot3.png') left 9px no-repeat; word-break:keep-all;}
.ul-list02 > li{padding-left:12px; background:url('../images/common/bul_bar.png') left 11px no-repeat; word-break:keep-all;}
.ul-list03 > li{padding-left:15px; background:url('../images/common/bul_star-b.png') left 8px no-repeat; word-break:keep-all;}
.ul-list03 > li.em{padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat; color:#ce110f; word-break:keep-all;}
.ul-list04 > li{padding-left:10px; background:url('../images/common/bul_dot.png') left 15px no-repeat; word-break:keep-all;}
.ol-list01{padding-left:18px;}
.ol-list01 > li{list-style:decimal;}
.ol-list02 > li{margin-bottom:12px; color:#212121}
.dl-list01 > dt{margin:15px 0 6px; font-weight:700;}
.dl-list01 > dt:first-child{margin:0 0 6px;}
.dl-list01 > dd > ol{padding-left:18px;}
.dl-list01 > dd > ol > li{list-style-type:decimal}

.ul-list05{padding:0;}
.ul-list05 > li{padding-left:12px; background:url('../images/common/bul_dot4.png') left 10px no-repeat; word-break:keep-all;}



/**/
.box{width:100%; margin-top:30px; padding:20px;  border:1px solid #ccc;}
.box2{width:100%; padding:30px 40px;  border:1px solid #dbdbdb;}
.box3{width:100%; padding:20px; background:#f8f8f8; border:1px solid #f3f3f3;}
.box4{width:100%; padding:20px; background:#fff; border:1px solid #dbdbdb; word-break:keep-all}
.box5{width:100%; padding:30px 35px;  border:5px solid #efefef;}

.box-wrap{width:100%; margin:15px 0; padding:6px; background:url('../images/sub/bul_line.png');}
.box-wrap .box-line{width:100%; padding:20px; background:#fff;}
.star{margin:0; padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat;}
.starb{margin:0; padding-left:15px; background:url('../images/common/bul_star-b.png') left 8px no-repeat;}
.c-bg{background:none !important}
.black{color:#212121}
span.txtgr{display:inline-block; margin:10px 0 5px; font-size:18px; font-weight:500; color:#046e67}
span.txtbk{display:inline-block; margin:10px 0 5px; font-size:18px; font-weight:400; color:#212121}

.m0{margin:0 !important}
.img-align img{margin:0 auto; text-align:center;}



/* 테이블(모바일용) 추가 */
.tb-mobile{width:100%;}
.tb-mobile > div{position:relative; width:100%; margin-bottom:10px; padding:12px 20px 7px; border-radius:4px; border:1px solid #c2c3c4;}
.tb-mobile > div:before{content:''; display:block; position:absolute; right:0; top:0; border-left:10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #ccc; border-right: 10px solid #ccc; border-radius:0 4px 0 0; transform:rotate(45ded);}
.tb-mobile > div > h4{font-size:16px;padding:0 0 10px; border-bottom:1px solid #e9e9e9; word-break:keep-all; line-height:1.3;}
.tb-mobile > div > h4 > small{color:#191919; font-size:85%}
.tb-mobile > div > ul{padding: 5px;}
.tb-mobile > div > ul:after{content:''; display:block; clear:both;}
.tb-mobile > div > ul > li{width:100%; margin-bottom:2px;}
.tb-mobile > div > ul > li:after{content:''; display:block; clear:both;}
.tb-mobile > div > ul > li.name{font-size:16px; font-weight:700}
.tb-mobile > div > ul > li > span{padding:0 3px;}
.tb-mobile > div > ul > li > .tit{position:relative; float:left; display:inline-block; width:25%; max-width:70px; margin-right:10px; padding-left:0; padding-right:8px; text-align:justify !important; box-sizing:border-box;}
.tb-mobile > div > ul > li > .tit:after{content:''; position:absolute; right:0; top:5px; display:block; width:1px; height:12px; background:#ccc}
.tb-mobile > div > ul > li > .cont{float:left; display:inline-block; width:calc(100% - 80px); margin-bottom:0;}

/* 테이블(모바일용) 추가 */
.tb-mobile2{width:100%;}
.tb-mobile2 > div{position:relative; width:100%; margin-bottom:10px; padding:12px 20px 7px; border-radius:4px; border:1px solid #c2c3c4;}
.tb-mobile2 > div:before{content:''; display:block; position:absolute; right:0; top:0; border-left:10px solid transparent; border-bottom: 10px solid transparent; border-top: 10px solid #ccc; border-right: 10px solid #ccc; border-radius:0 4px 0 0; transform:rotate(45ded);}
.tb-mobile2 > div > h4{font-size:16px;padding:0 0 10px; border-bottom:1px solid #e9e9e9; word-break:keep-all; line-height:1.3;}
.tb-mobile2 > div > h4 > small{color:#191919; font-size:85%}
.tb-mobile2 > div > ul{padding: 5px;}
.tb-mobile2 > div > ul:after{content:''; display:block; clear:both;}
.tb-mobile2 > div > ul > li{width:100%; margin-bottom:5px;}
.tb-mobile2 > div > ul > li:after{content:''; display:block; clear:both;}
.tb-mobile2 > div > ul > li.name{font-size:16px; font-weight:700}
.tb-mobile2 > div > ul > li > span{padding:0 3px;}
.tb-mobile2 > div > ul > li > .tit{position:relative; float:left; display:inline-block; width:50%; max-width:100px; margin-right:10px; padding-left:0; padding-right:8px; text-align:justify !important; box-sizing:border-box;}
.tb-mobile2 > div > ul > li > .tit:after{content:''; position:absolute; right:0; top:5px; display:block; width:1px; height:12px; background:#ccc}
.tb-mobile2 > div > ul > li > .cont{float:left; display:inline-block; width:calc(100% - 50%); margin-bottom:0;}

.grdLine {
	box-sizing: border-box;
	border-top: 3px solid transparent;
	border-image:linear-gradient(90deg, #76a15d 0%, #fbe634 100%);
	border-image-slice: 1;
}
.grdLine table {border-top:0;}
.table01 {width:100%; border-top:3px solid #808080; text-align:center;}
.table01 thead th {padding:16px 0; font-size:16px; font-weight:700; line-height:1.2em; color:#2c2c2c; background:#f7f7f7; border-bottom:1px solid #dfdfdf;}
.table01 tbody th {padding:25px 20px; font-size:16px; font-weight:700; color:#2c2c2c; background:#f7f7f7; border:1px solid #dfdfdf; word-break:keep-all}
.table01 tbody td {padding:25px 30px; font-size:16px; font-weight:400; color:#505050; text-align:left; border:1px solid #dfdfdf;}
.table01 th:first-child, .table01 td:first-child {border-left:0;}
.table01 th:last-child, .table01 td:last-child {border-right:0;}


@media all and (min-width:768px){
	.pc{display:block !important;}
}
@media all and (max-width:767px){
	.pc{display:none !important;}
	.table > tbody > tr > th {
		width:20%;
	}
}

@media all and (min-width:768px){
	.pc{display:block !important;}
	.notPc{display:none !important;}
}
@media all and (max-width:767px){
	.pc{display:none !important;}
	.notPc{display:block !important;}
	.table > tbody > tr > th {
		width:20%;
	}
}






.wide {width:100%; position:relative; margin:0 auto;}
.vcell {display:table; width:100%;}
.cell {display:table-cell; vertical-align:middle;}
.sub-tt {position:relative; text-align:left; color:#2c2c2c; font-size:24px; font-weight:800; line-height:1.2em; margin-bottom:22px;font-family:'NanumSquare';}
.sub-tt:before {content:"";display:inline-block; margin-right:14px; width:28px; height:28px; border:9px solid #004fa7; border-radius:50%; vertical-align:middle;}
.color-tt {text-align:center; color:#659c22; font-size:35px; font-weight:normal; line-height:1.2em; margin-bottom:60px; font-family:'S-CoreDream-6Bold';}


.colorList li {position:relative; padding:40px; margin:0 0 80px 39px; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.2); box-shadow:2px 2px 2px rgba(0,0,0,.2);}
.colorList li .num {position:absolute; top:-39px; left:-39px; width:78px; height:78px; background-position: 50% 50%; background-repeat:no-repeat; padding:11px; border-radius:100%; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.2); box-shadow:2px 2px 2px rgba(0,0,0,.2);}
.colorList li .num:after {content:""; position:absolute; top:-16px; right:-16px; width:23px; height:23px; border-radius:100%; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.2); -moz-box-shadow:2px 2px 2px rgba(0,0,0,.2); box-shadow:2px 2px 2px rgba(0,0,0,.2);}
.colorList li .num span {display:block; width:56px; height:56px; text-align:center; font-size:28px; font-weight:normal; line-height:56px; background-color:#fff; border-radius:100%; font-family:'S-CoreDream-6Bold';}
.colorList li .txt strong {color:#2c2c2c; font-weight:700;}
.colorList li:nth-child(odd)  {background-color:#d5eabb;}
.colorList li:nth-child(even) {background-color:#ffe9a3;}
.colorList li:nth-child(odd)  .num {background-image: url('../images/sub/bg_num1.jpg'); background-color:#d5eabb; color:#79a35c;}
.colorList li:nth-child(even) .num {background-image: url('../images/sub/bg_num2.jpg'); background-color:#ffe9a3; color:#e5bb36;}
.colorList li:nth-child(odd)  .num:after {background-color:#d5eabb;}
.colorList li:nth-child(even) .num:after {background-color:#ffe9a3;}


.labTable table tbody th {background:#f6ffeb;}
.labTable table th,
.labTable table td {border-top:0;}

.local-map {border:1px solid rgba(0,0,0,.1); margin-bottom:60px;}
.root_daum_roughmap {padding:0 !important; border:0 !important; border-radius:0 !important; width:100% !important;}
.root_daum_roughmap .border1 {display:none !important;}
.root_daum_roughmap .border2 {display:none !important;}
.root_daum_roughmap .border3 {display:none !important;}
.root_daum_roughmap .border4 {display:none !important;}
.roughmap_maker_label {display:none !important;}

.local-info .table01 thead th {padding:16px; border:0; text-align:center;}
.local-info .table01 tbody td {padding:20px; border-top:0; text-align:center; vertical-align:top;}
.local-info .table01 tbody td .icon {display:block; margin-bottom:15px;}
.local-info .traffic {margin:10px 70px 0 135px;}
.local-info .traffic table {width:100%; border-spacing:0px; text-align:center;}
.local-info .traffic table tbody td {padding:5px 0px; font-size:16px; font-weight:300; line-height:22px; text-align:left; border:0;}
.local-info .label {display:inline-block; width:48px; border-radius:11px; color:#fff; font-size:14px; text-align:center; margin-right:3px;}
.local-info .label.bg-b {background-color:#2f5597;}
.local-info .label.bg-g {background-color:#70ad47;}
.local-info .label.bg-r {background-color:#cc0000;}

.license p {font-size:14px; font-weight:normal; line-height:1.4em; font-family:'S-CoreDream-4Regular'; margin-top:15px;}



/* color */
.c-point {color:#659c22 !important;}
.c-yellow {color:#ebbc29 !important;}
.c-red {color:#ff3030 !important;}
.bg-y {background-color:#ebbc29 !important;}
.bg-wht {background-color:#fff !important;}

/* 버튼 */
.buttons {*zoom:1;max-width:1200px;margin:30px auto;}
.buttons:after {content:" ";display:block;clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons .fl .btn-pack {margin:0 2px;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#fff;color:#4d4d4d;border:1px solid #a6a7a7;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.btn-pack.focus {background:#628439;border:1px solid #628439;color:#fff;}
.btn-pack.dark {background:#1f1f30;border:1px solid #1f1f30;color:#fff;}
.btn-pack.grey {background:#878787;border:1px solid #878787;color:#fff;}
.btn-pack.medium {height:38px;padding:0 12px;line-height:36px;font-size:14px;}
.btn-pack.large {height:42px;padding:0 25px;line-height:40px;font-size:15px;}
.btn-pack.xlarge {height:50px;padding:0 32px;line-height:48px;font-size:18px;}
.btn-pack.long {height:60px;padding:0 70px;line-height:58px;font-size:20px;font-weight:normal;min-width:180px;font-family:'S-CoreDream-5Medium';}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:13px;}
.btn-pack.round {border-radius:8px;}
.btn-pack.comment {width:110px;height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {width:110px;height:40px;border:0;background:#628439;border:1px solid #628439;color:#fff;font-size:15px;font-weight:400;}
.btn-pack.cancel {width:110px;height:40px;border:0;background:#fff;border:1px solid #a6a7a7;color:#4d4d4d;font-size:15px;font-weight:400;}
.btn-map {display:inline-block;padding:0 15px;text-align:center;vertical-align:middle;color:#7b7b7b;font-size:14px;line-height:29px;text-decoration:none !important;border:1px solid #bbb;border-radius:4px;}
.btn-map:hover {color:#fff;background:#555;border-color:#555;}


/* 문의 */
.mailform table {width:100%;}
.mailform table tbody th {padding:12px 20px;height:35px;font-size:16px;font-weight:400;line-height:22px;text-align:left;color:#454545;border-bottom:1px solid #ddd;}
.mailform table tbody td {padding:12px 20px;color:#5c5c5c;font-size:15px;line-height:22px;border-bottom:1px solid #ddd;}
.mailform img {vertical-align:middle;}
.mailform table tbody th .asterisk {color:#cb2f2f;display:inline-block;padding-left:3px;}
.form-agree {position:relative; margin:30px 0;}
.form-agree .btn {position:absolute;top:0;right:0; padding:0; font-size:14px;font-weight:400;letter-spacing:-.04em;color:#505050;}
.form-agree dt {font-size:15px;font-weight:500;color:#2c2c2c;line-height:1.4em;}
.form-agree dd {padding:10px 0 0 0;color:#505050;font-size:14px;font-weight:400;line-height:1.5em;}
.form-agree .scroll-box {position:relative; padding:15px; max-height:120px; border:1px solid #ccc;text-align:left;background:#fafafa;color:#606060;font-size:13px;font-weight:300;line-height:1.5em;letter-spacing:-.03em; overflow:auto;}
.mailform .input {font-size:15px;}
.mailform select.input {color:#878787;font-weight:200;}

@media all and (max-width:767px){
	.form-agree .btn{ position:relative; }
	
}


/* 질문과 답변 */
.faq-list{margin-top:15px; border-top: 1px solid #d9d9d9;}
.faq-list .resp-accordion.tabs-group-default:before{content:''; position:absolute; left:10px; top:45%; transform:translateY(-45%); display:block; width:22px; height:25px; margin-right:10px; background:url('/user/images/sub/faq_q.png') left 3px no-repeat; background-size:contain}
.faq-list .resp-accordion.tabs-group-default.resp-tab-active:before{content:''; position:absolute; left:10px; top:45%; transform:translateY(-45%); display:block; width:22px; height:25px; margin-right:10px; background:url('/user/images/sub/faq_q_on.png') left 3px no-repeat; background-size:contain}


/* 자격증 */

.cont-m{display:none}

@media all and (max-width:767px){
	.cont-p{display:none}
	.cont-m{display:block;}
	.cont-m li{float:left; width:50%; padding:0 10px 20px; text-align:center;}
	.cont-m li > div{position:relative; width:100%; padding:15px 20px; border:1px solid #dfdfdf;}
	.cont-m li > div > img{max-width:100%; margin:0 auto;}
	.cont-m li > div > span{display:block; padding:12px 10px 3px;}
	.cont-m li > div:before{content:''; display:block; position:absolute; left:-8px; top:-8px; width:25px; height:25px; border-radius:50%; background:#638338; color:#fff; text-align:center; color:#fff; font-size:13px; font-family: 'Lato'; font-weight:700}
	.cont-m li:first-child > div:before{content:'1';}
	.cont-m li:nth-of-type(2) > div:before{content:'2';}
	.cont-m li:nth-of-type(3) > div:before{content:'3';}
	.cont-m li:nth-of-type(4) > div:before{content:'4';}
	.cont-m li:nth-of-type(5) > div:before{content:'5';}
	.cont-m li:nth-of-type(6) > div:before{content:'6';}
	.cont-m li:nth-of-type(7) > div:before{content:'7';}
	.cont-m li:nth-of-type(8) > div:before{content:'8';}
}


.grdCircle {
	box-sizing: border-box;
	border: 10px solid;
	width:100px;
	height:100px;
	border-radius:50%;
	border-image:linear-gradient(90deg, #76a15d 0%, #fbe634 100%);
	border-image-slice: 1;
    background-origin: border-box;
    background-clip: content-box, border-box;
}




/* 퀵메뉴 */
.floating_item {position: fixed; right: 40px; bottom: 100px; z-index: 9999; text-align: right}
.floating_item li+li {margin-top:7px}
.floating_item .link_item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #628339;
    text-align: center;
    -webkit-box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.floating_item .link_item:focus,.floating_item .link_item:hover {width: auto; padding: 0 25px; -webkit-border-radius: 30px; border-radius: 30px;}
.floating_item .link_item:focus .text,.floating_item .link_item:hover .text {display: inline-block; opacity: 1;}
.floating_item .link_item > i {display: inline-block; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 22px; line-height: 50px; color: #fff}
.floating_item .link_item .text {display: none; margin-left: 10px; font-size: 16px; vertical-align: top; line-height: 50px; color: #fff; white-space: nowrap; opacity: 0;}
.floating_item .moere_item:hover,.floating_item .top_item:hover {width: 50px; padding: 0}

@media screen and (max-width: 767px) {
	.floating_item{right:40px; bottom:0;}
	.floating_item li{display:inline-block;}
	.floating_item li{margin:0 0 0 7px;}
	.floating_item .link_item{width:40px; height:40px;}
	.floating_item .link_item > i{line-height:40px;}
	.floating_item .link_item .text{line-height:40px;}
	.ui-to-top.icon-xs.icon-circle{width:40px; height:40px; line-height:40px}
}

@media screen and (max-width: 479px) {
	.floating_item{right:15px;}
}