@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');


ul{padding:0;}
li{list-style:none}


/* header */
.rd-navbar-inner{width:100%; padding:30px 0 10px !important;}
.rd-navbar-top-panel.rd-navbar-static .rd-navbar-nav > li + li {
    margin-left: 26px;
}




/* footer */
.page-footer {background:#323233 !important; font-size:0.9em;}
.page-footer p{margin:0;}



/* leftmenu */
#leftmenu{height:100%; padding:0;}
#leftmenu ul{padding:0; -webkit-padding-start:0; text-align:left;}
#leftmenu li {list-style:none;}
#leftmenu > ul > li {width:100%; letter-spacing:-1px; background:#fff;}
#leftmenu > ul > li > a{display:block; width:100%; padding:14px 15px 12px; border:1px solid #e7e7e7; border-top:0; box-sizing:border-box; color:#555;}
#leftmenu > ul > li > a:hover, #leftmenu > ul > li.on >a{border:1px solid #d86018; border-bottom:1px solid #e7e7e7; border-top:0; background:#d86018; color:#fff;}
#leftmenu > ul > li > ul{padding:10px 15px; box-sizing:border-box; border:1px solid #ededed; font-size:14px; background:#fff;}
#leftmenu > ul > li > ul > li {margin-bottom:5px; line-height:19px;}
#leftmenu > ul > li > ul > li > a {display:block; padding-left:12px; background:url('../images/common/bul_bar.png') left 9px no-repeat; color:#666; font-size:14px;}
#leftmenu > ul > li > ul > li > a:hover {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#d86018;}
#leftmenu > ul > li > ul > li.on > a {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#d86018;}
#leftmenu h2{display:table; width:100%; height:110px; margin-bottom:0; padding:20px; background:#4a4746; box-sizing:border-box; color:#fff; font-size:1.6em; font-weight:500; text-align:center; word-break:keep-all;}
#leftmenu h2 > span{display:table-cell; vertical-align:middle;}

.mb10{margin-bottom:10px;}
   
/* 컨텐츠타이틀 */
.sub-info{position:relative; width:100%; margin-bottom:50px; border-bottom:1px solid #dedede;}
.sub-info > h2{color:#181818; font-weight:500; font-size:32px;}
.sub-info .location{position:absolute; right:0; bottom:10px;}
.sub-info .location li {display:inline-block; padding-right:13px;background:url('../images/common/bul_arr_location_black.png') right 8px no-repeat; font-size:14px;}
.sub-info .location li:last-child{background:none;}


.contWrap{min-height:700px; padding:0 1% 50px; color:#666; line-height:160%; box-sizing:border-box; text-align:justify; word-break:keep-all;}
.contWrap > h3, .contWrap > div > h3{margin-top:50px; margin-bottom:18px; color:#212121; font-weight:700; font-size:20px; letter-spacing:-1px;}

.contWrap > h3 > small{padding-top:12px;}


.sub01{width:100%; height:130px; background:url('/user/images/sub/bg_top1.png') center center no-repeat;}
.sub02{width:100%; height:130px; background:url('/user/images/sub/bg_top2.png') center center no-repeat;}
.sub03{width:100%; height:130px; background:url('/user/images/sub/bg_top3.png') center center no-repeat;}
.sub04{width:100%; height:130px; background:url('/user/images/sub/bg_top4.png') center center no-repeat;}
.sub05{width:100%; height:130px; background:url('/user/images/sub/bg_top5.png') center center no-repeat;}




 /* 회원가입 */
.box-agree{padding-left:20px; padding-right:20px; box-sizing:border-box;}
.box-agree > h4{color:#333; }
.agree-list{margin-top:20px; padding:0;}
.agree-list > li{margin-bottom:10px; padding-left:15px; text-indent:-1px; background:url('/user/images/common/bul_dot.png') left 10px no-repeat; list-style:none;}
.agree-block{display:block;}
.agree-block:hover > .box-icon-bordered{border:2px solid #7dbd49;}

/* 이용약관 */
.access-terms > textarea{width:100%;}

 /* 2018-03-19 민현홍 */
.container {
    margin-top: 15px;
}





@media (min-width: 1200px) {
	/* 민현홍 추가 왼쪽 메뉴 너비 맞추기 위함*/
	#leftmenu {
		width: 16.54% !important;
	}

	.rd-navbar-dropdown > li .mdi{
		display:none !important;
	}
	.contWrap{padding-left:40px;}
	.sub-info{padding-top:15px;}
}

@media (max-width: 1199px) {
	#leftmenu{display:none;}
	.rd-navbar-dropdown > li .mdi{
		display:none !important;
	}
}

@media (max-width: 767px) {
	.sub-info .location{position:static; padding-bottom:10px;}
	.sub-info > h2{margin-bottom:6px;}

}



@media (max-width:480px) {
	.location {width:100%;}
	.rd-navbar-dropdown > li .mdi{
		display:inline !important;
	}

}





.history-area {	position:relative;width:100%;padding-bottom:10px;background:url('/user/images/sub/history_bg.gif') repeat-y 110px 0;	overflow:hidden;}
.history-area:before,.history-area:after {content:''; display:inline-block; position:absolute;left:110px;width:7px;height:10px;z-index:1;}
.history-area:before{top:0; background:url('/user/images/sub/history_top.gif') no-repeat 0 0;}
.history-area:after {bottom:0; background: url('/user/images/sub/history_bottom.gif') no-repeat 0 0;}
.history {position:relative; padding-top:70px; overflow:hidden;}
.history .year {float:left;width:100px;margin:0 40px 0 10px; line-height:0.9;font-size:26px;color:#d86018; font-weight:700;}
.history .year:after {content:''; position:absolute;	left:100px; width:25px;	height:25px; background:#d86018; border-radius:50%; border:3px solid #fff;}
.history .history-list {position:relative;margin-top:5px;font-size:15px;overflow:hidden;}
.history .history-list dt {float:left;width:90px;padding-bottom:12px;font-weight:700;}
.history .history-list dd {position:relative;padding-bottom:12px; padding-left:10px; background:url('/user/images/common/bul_dot.png') no-repeat left 10px; overflow:hidden;	word-break: keep-all;}
.history-area .history:first-child {padding-top:0;}
.history-area .history:first-child .year {margin-top:15px;}
.history-area .history:first-child .history-list {margin-top:18px;	padding-top:0;background: none;}
@media all and (max-width:767px) {
	.history-tab ul li {width: 25%;}
	.history-area {background: none;}
	.history-area:before, .history-area:after, .history .year:after {display: none;}
	.history {padding-top: 50px;}
	.history .year {width: 100%; margin: 10px 0 30px; text-align: center;}
	.history .history-list {width: 100%;}
	.history .history-list dt {float:none; text-align: left;}
	.history .history-list dd {padding: 0 10px 12px;}
}



.box{width:100%; margin-bottom:50px; padding:40px; border-radius:20px; background:#f8f9fb;}
.sub-text {display: flex; padding-bottom:70px; word-break: keep-all;}
.sub-text:last-child { padding-bottom: 0; } 
.text-header {flex: 0 0 20%; max-width: 20%;}
.text-cont {flex: 0 0 80%; max-width: 80%;}
.sub-text h3 {position: relative; padding-top:20px; border-top: 1px solid #000; text-align: left; line-height: 1.4; letter-spacing: -0.15rem; font-size:18px; font-weight: 500; text-align: left; color:#212121}

.text-cont-inner {width: 95%;}
.text-cont-inner > p{margin:0; padding-left:5%}
.sub-heading {width: 100%; height: 1px; margin-bottom:20px; background: #d5d5d5;}


@media screen and (max-width:1199px){
    .sub-text {display: block; padding-bottom:25px;}
	.sub-text h3{padding-top:10px;}
    .text-header {max-width: 100%;}
    .sub-heading {background: none;}
    .text-cont {max-width: 100%;}
    .text-cont-inner {width: 100%; margin: 0; padding: 0;}
	.text-cont-inner > p{padding-left:0;}
}





/* sep찾기 */
.local-sep > li{float:left; width:calc(11.11% - 2px); margin-bottom:6px;}
.local-sep > li + li {margin-left: 2px;}
.local-sep > li.active > a, .local-sep > li.active > a:hover, .local-sep > li.active > a:focus {color: #fff; background-color: #d86018;}
.local-sep > li > a{display:block; padding:10px 18px; border:1px solid #e6e6e6; text-align:center;}
.tb-sep {width:100%; border-top:2px solid #555; }
.tb-sep thead th{padding:10px 5px; text-align:center;font-weight:500; color:#121212;  background:#f9f9f9; border-bottom:1px solid #dbdbdb;}
.tb-sep tbody td{padding:10px; text-align:center;border-bottom:1px solid #dbdbdb; font-size:15px;line-height:1.3;}
.btn-sep-view{display:inline-block; padding:3px 10px; background:#fff; border:1px solid #d86018; color:#d86018; text-align:center; font-size:14px; line-height:1.3;}
.btn-sep-view:hover{background:#d86018; color:#fff;}

/* sep상세페이지 */
.sep-wrap{display:flex;font-size:15px; text-align:left;}
.sep-wrap .s1{width:30%; padding:30px 20px; background:#eee;}
.sep-wrap .s2{width:40%; padding:30px 20px; background:#fff; border:1px solid #eee; border-left:0; border-right:0; text-align:left; word-break:break-word;}
.sep-wrap .s3{width:30%; padding:0 20px 30px; background:#fafafa; border:1px solid #eee; border-left:0}
.sep-wrap > div > .pic{position:relative; width:160px; height:160px; margin:0 auto 30px; border-radius:50%; text-align:center; background:#dfdfdf; overflow:hidden;}
.sep-wrap > div > .pic > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.sep-wrap > div > .name{text-align:center; font-weight:500; font-size:25px; color:#212121}
.sep-wrap > div > dl > dt{margin-top:30px; margin-bottom:8px; font-weight:500; color:#212121}
.sep-wrap > div > dl > dd{color:#555}
.sns-link:hover{text-decoration:underline}

.ul-list01 > li{margin-left:2px; padding-left:10px; background:url('/user/images/common/bul_dot.png') left 10px no-repeat;}

@media all and (min-width:768px){
	.local-sep > li:nth-of-type(10){margin-left:0}
	.sep-wrap{min-height:450px;}

}

@media all and (max-width:991px){
	.sep-wrap{display:block;}
	.sep-wrap .s1, .sep-wrap .s2, .sep-wrap .s3{width:100%}
	.sep-wrap .s2{border-top:1px solid #eee; border-bottom:1px solid #fafafa; border-left:1px solid #eee;border-right:1px solid #eee;}
	.sep-wrap .s3{border-top:1px solid #fafafa; border-left:1px solid #eee;}
}

@media all and (max-width:767px){
	.local-sep > li{display:block; float:left; width:calc(50% - 2px);}
	.local-sep > li:nth-child(odd) {margin-left: 2px;}
}




.tb-list{width:100%; border-top:2px solid #212121;}
.tb-list thead th{padding:12px 10px; border:1px solid #dbdbdb; background:#e9e9e9; text-align:center; font-weight:700;}
.tb-list tbody th{padding:10px 1%; border:1px solid #dbdbdb; background:#fafafa; text-align:center; font-weight:normal;}
.tb-list tbody td{padding:10px 1%; border:1px solid #dbdbdb; background:#ffffff; text-align:center;}
@media all and (max-width:768px){
	.tb-list th, .tb-list td {font-size:14px;}
}





 #agree-content h5, .h5 {
    margin-top: 0;
}

#agree-content dt {
    margin-left: 18px;
}



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

#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: 'Nanum Square', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:1.5em;
	color:#31708f;
}

#agree-content #agree-01, #agree-02, #agree-03, #agree-04 { 
	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-0333 { 
	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-0333 .navbar-form { 
	border:none;
	box-shadow: none;
}

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

#agree-content #agree-01-check, #agree-02-check, #agree-03-check, #agree-04-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, #agree-03-check label, #agree-04-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;
	margin-left:12px;
}

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

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

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

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