@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&display=swap');

/* -------
    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{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-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%;}

.sub-bg{width:100%; padding:10px 0 8px; background:#f4f5f9; border:1px solid #e5e7ee}
.location li{display:inline-block; padding-right:13px; background:url('/user/images/sub/bul_arr_location_black.png') right 8px no-repeat; font-size:15px; color:#888}
.location li:last-child{background:none; color:#222}
.location li > i{vertical-align:middle;}

#leftmenu{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;}
#leftmenu > ul > li > a{display:block; width:100%; padding:13px 5px 15px 12px;letter-spacing:-1.2px; background:#f5f5f5 url('../images/sub/bul_arr_location_black.png') 195px center no-repeat; border:1px solid #ddd; border-top:0; color:#666;font-weight:400}
#leftmenu > ul > li > a:hover, #leftmenu > ul > li.on > a{background:#fff url('../images/sub/bul_arr_location_black.png') 195px center no-repeat; font-weight:700; color:#53589a;}
#leftmenu > ul > li.on > .snb{border:1px solid #ddd;}
#leftmenu .snb{margin-bottom:0px; margin-top:-6px; padding:10px 15px; background:#fbfbfb; border:1px solid #ddd; border-radius:0 0 3px 3px; font-size:14px;}
#leftmenu .snb > li {margin-bottom:5px; line-height:19px;}
#leftmenu .snb > li > a {display:block; padding-left:12px; background:url('../images/common/bul_bar.png') left 9px no-repeat; color:#888; font-size:14px;}
#leftmenu .snb > li > a:hover {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#53589a;}
#leftmenu .snb > li.on > a {padding-left:12px; background:url('../images/common/bul_arrow.png') left 5px no-repeat; color:#53589a;}
#leftmenu h2{display:table; width:100%; height:100px; margin-top: 0px; padding:20px; background:#53589a; border-radius:30px 0 0 0;  color:#fff; font-size:1.8em; text-align:center;font-weight: 700; word-break:keep-all;}
#leftmenu h2 > span{display:table-cell; vertical-align:middle; letter-spacing: -2px;}

.contWrap {
	min-height:800px;
    padding-bottom:100px;
    padding-left: 40px;
    padding-right: 0 !important;
    text-align: left;
}
.contWrap > h2{margin-bottom:30px; font-size:32px; font-weight:700; color:#212121; letter-spacing:-1px;}
.contWrap > h2:after{content:''; display:block; margin-top:10px; width:100%; height:4px; background:url('../images/sub/h2_bg.png');}
.contWrap h3{position:relative; margin:45px 0 16px; font-size:25px; letter-spacing:-1px; font-weight:500; color:#53589a; word-break:keep-all;}
.contWrap h3.first{margin-top:0;}
.contWrap > h3{padding-left:15px; background:url('../images/sub/ico_h3.png') left 5px no-repeat;}
.contWrap > h4{margin:18px 0 6px; font-size:17px; font-weight:500; letter-spacing:-1px;}




@media all and (max-width:1279px) {
	#leftmenu{display:none;}
	.contWrap{padding-left:0;}

}

/* 탭 */
.tab-w2 > li{width:50%}
.tab-w3 > li{width:33%}
.tab-w4 > li{width:25%}
.tab-w5 > li{width:20%}
.responsive-tabs .resp-tabs-list{overflow:hidden;}
.responsive-tabs .resp-tabs-list li{display:block; float:left;}
.responsive-tabs-dashed .resp-tabs-list > li {position: relative; padding:12px 20px; font-size: 16px; font-weight:700; letter-spacing:-1px; background:#eee; border-right:3px solid #fff; color: #787878; text-align:center; text-transform: uppercase;}
.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover {background:#46458e; color: #fff;}
.responsive-tabs-dashed .resp-tabs-list > li + li {margin-left:0; padding:12px 20px;}
.responsive-tabs-dashed .resp-tabs-list > li + li:before {display:none;}
.responsive-tabs-dashed .resp-tab-content + .resp-accordion {margin-top: 5px;}
.responsive-tabs-dashed .resp-tab-active {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.responsive-tabs .resp-accordion.resp-tab-active{color:#46458e} 
@media all and (min-width: 992px) {
	.responsive-tabs-dashed .resp-tab-content {
		background: transparent;
		padding: 0;
		border: none;
	}
}



/* 테이블 */
.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-list{width:100%; margin-left:-1px; border-top:2px solid #4b4b4b;}
.tb-list thead th{background:#f1f1f1; padding:12px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:700;}
.tb-list tbody th{padding:10px 1%; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fafafa; text-align:center; font-weight:700;}
.tb-list tbody td{padding:10px 1%; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center;}
@media all and (max-width:768px){
	.tb-list th, .tb-list td {font-size:14px;}
}




/* 회원가입 */
.join-cate > a{display:block; width:100%; border:1px solid #dadada}
.join-cate > a > h3{position:relative; padding:20px 30px; border-bottom:1px dashed #dadada; background:#fafafa; color:#000; letter-spacing:-0.5px; font-size:22px; font-weight:500;}
.join-cate > a > h3 > small{font-size:15px; color:#000; vertical-align:middle;}
.join-cate > a > h3:after{content:''; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:40px; height:40px; background:url('../images/common/arrow_r.png') no-repeat;-khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-cate > a > p{padding:40px 30px; word-break:keep-all;}
.join-cate > a:hover{border:1px solid #212121;-khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-cate > a:hover > h3:after{right:15px;}
.join-exp > h3:before{content:''; display:block; position:absolute; left:0; top:0; width:12px; height:100%; background:#53589a}
.join-exp > h3{position:relative; margin:40px 0 10px; padding:8px 26px; background:#e1e7ef; font-size:18px; font-weight:700; color:#000; letter-spacing:-0.5px}
.join-exp > dl > dt{margin:25px 0 5px; padding-left:17px; background:url('../images/common/bul_tit_ico.png') left 4px no-repeat; }
.join-exp > dl > dd{padding-left:5px}
.join-exp > dl, .join-exp > div{padding:0 25px; word-break:keep-all}
.join-exp .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}
.join-exp .btn-down:after{content:''; position:absolute; right:15px; top:52%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background:url('../images/sub/ic_down.png') no-repeat;}
.join-exp .btn-down:hover, .btn-down:focus{color:#fff; background:#53589a; border:1px solid #53589a; text-decoration:none; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-exp .btn-down:hover:after, .btn-down:focus:after{background:url('../images/sub/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; }

.join-agree{border:1px solid #212121}
.join-agree > .img{padding:15px; border-bottom:1px dashed #dadada; background:#fafafa; text-align:center;}
.join-agree > .txt{padding:25px; font-size:15px; word-break:keep-all;}

#accordion-agree.panel-group.accordion .panel-heading a{padding:8px 22px; font-size:15px;}
#accordion-agree.panel-group.accordion .panel-heading a:after{top:4px}
.accordion-label{margin:5px 0 20px; text-align:right;}
#accordion-agree .rules{font-size:14px}
.rules.p > p{margin-bottom:18px}

@media all and (min-width:991px){
	.join-agree.join1{min-height:353px;}
	.join-agree.join2{min-height:220px;}
}




/* 회칙 */
.rules > h3{font-size:28px; letter-spacing:-1px; font-weight:500; color:#212121; word-break:keep-all;}
.rules > h4{margin:55px 0 25px; padding:10px 0; text-align:center; font-size:20px; letter-spacing:-1px; font-weight:500; border-top:2px 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_bar2.gif') left 12px 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 11px no-repeat; word-break:keep-all;}
.ol-list01{padding-left:18px;}
.ol-list01 > li{list-style:decimal;}
.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}




/**/
.box{width:100%; margin-top:30px; padding:20px;  border:1px solid #ccc;}
.box2{width:100%; padding:30px 40px;  border:1px solid #ccc;}
.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}

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

.img-align{margin-bottom:20px}
.img-align > img{margin:0 auto}

.block{display:block;}
.blue{color:#19459d}
.red{color:#ce110f}


.btn-list li > a{display:block; padding:10px 25px 10px 18px; border:1px solid #b90531; color:#b90531; border-radius:2px; text-align:left; transition: all .2s ease-in-out;}
.btn-list li > a > i{padding-right:6px; font-size:20px; line-height:20px;}
.btn-list li > a:hover,.btn-list li > a:focus{background:#b90531; color:#fff; -webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

 
 


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

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

.ul_list01{padding:0;}
.ul_list01 > li{padding-left:15px; background:url('/user/images/sub/bul_dot1.png') left 9px no-repeat; list-style:none;}
.ul_list01 > li > ul{padding-left:15px;}
.ul_list01 > li > ul > li{padding-left:10px; background:url('/user/images/sub/bul_bar2.png') left 9px no-repeat; list-style:none;}

.tbl_organ{width:100%; border-top:2px solid #333;}
.tbl_organ thead th{position:relative; padding:5px; border-bottom:2px solid #333 !important; text-align:center;}
.tbl_organ thead th + th:after{position:absolute; left:0; bottom:0; display:block; content:''; width:1px; height:18px; background:#333;}
.tbl_organ tbody th{padding:5px; border:1px solid #dbdbdb; border-left:none; font-weight:normal; text-align:center;}
.tbl_organ tbody td{padding:5px; border:1px solid #dbdbdb; text-align:center;}
.tbl_organ tbody td:first-child{border-left:none;}
.tbl_organ tbody td:last-child{border-right:none;}
.tbl_organ tbody tr:nth-of-type(odd){background:#f7f7f7;}

/* 페이지 제목
------------------------------------------------------ */
#pageTitle { 
	/*font-family: 'Nanum Square', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	color:#53589a;
	font-size:1.5em;
	padding:11px 0 8px 0;
	/*background-color:#F6F6F6;*/
	border:#53589a 1px solid;
	border-bottom:#53589a 5px solid;
	border-radius:7px;
	/*border-top-right-radius:10px;*/

}




.greeting > p{text-indent:10px; margin-bottom:15px}

.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 50px 0 10px; line-height:0.9;font-size:2.0em;color:#46458e;	font-weight:700;}
.history .year:after {content:''; position:absolute;	left:100px;	width:30px;	height:30px; background:url('/user/images/sub/history_year.png') no-repeat 0 0;	}
.history .history-list {position:relative;margin-top:5px;font-size:15px;overflow:hidden;}
.history .history-list dt {float:left;width:50px;padding-bottom:12px;font-weight:700;}
.history .history-list dd {position:relative;padding-bottom:12px;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:20px;	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 {text-align: center;}
	.history .history-list dd {padding: 0 10px 12px;}
}


/* 자격취득안내 */
.diagram1{position:relative; display:flex; flex-flow:row wrap;}
.diagram1:after{content:''; position:absolute; top:50%; left:50%; transform:translateX(-50%); display:block; width:calc(100% - 30px); height:2px; border-bottom:2px dotted #dbdbdb; z-index:0;}
.diagram1 li{width:14.28%; padding:15px; justify-content: space-around; align-items:center; z-index:1;}
.diagram1 li > div{position:relative; width:100%; height:100%; padding:25px 20px 20px; text-align:center; border-radius:5px; background:#e5e6f0; border:2px dashed #c3c5dc; color:#53589a; word-break:keep-all;}
.diagram1 li > div > span{position:absolute; left:-12px; top:-12px; display:inline-block; width:35px; height:35px; border-radius:50%; background:#53589a; color:#fff; text-align:center; font-size:14px; font-family:'Lato', Sans-serif; font-weight:700; line-height:35px}
@media all and (min-width:768px)  and (max-width:991px) {
	.diagram1 li{padding:15px 5px;}
	.diagram1 li > div{padding:25px 10px 20px; word-break:break-all;}
}

@media all and (max-width:767px) {
	.diagram1:after{top:15px; width:2px; height:calc(100% - 30px); border:0; border-left:2px dotted #dbdbdb;z-index:0;}
	.diagram1{display:block; margin-bottom:20px}
	.diagram1 li{position:relative; width:100%; padding:10px; z-index:1}
}

.diagram2{position:relative; display:flex; flex-flow:row wrap;}
.diagram2:after{content:''; position:absolute; top:50%; left:50%; transform:translateX(-50%); display:block; width:calc(100% - 30px); height:2px; border-bottom:2px dotted #dbdbdb; z-index:0;}
.diagram2 li{width:25%; padding:15px; justify-content: space-around; align-items:stretch; z-index:1;}
.diagram2 li > div{position:relative; width:100%; height:100%; padding:25px 20px 20px; text-align:center; border-radius:5px; background:#e5e6f0; border:2px dashed #c3c5dc; color:#53589a; word-break:keep-all;}
.diagram2 li > div > span{position:absolute; left:-12px; top:-12px; display:inline-block; width:35px; height:35px; border-radius:50%; background:#53589a; color:#fff; text-align:center; font-size:14px; font-family:'Lato', Sans-serif; font-weight:700; line-height:35px}
@media all and (max-width:767px) {
	.diagram2:after{top:15px; width:2px; height:calc(100% - 30px); border:0; border-left:2px dotted #dbdbdb;z-index:0;}
	.diagram2{display:block; margin-bottom:20px}
	.diagram2 li{position:relative; width:100%; padding:10px; z-index:1}
}

/* 역대회장 */
.tbl_generation{width:100%; border-top:2px solid #333;}
.tbl_generation thead th{position:relative; padding:5px !important; border-bottom:2px solid #333 !important; text-align:center;}
.tbl_generation thead th + th:after{position:absolute; left:0; bottom:0; display:block; content:''; width:1px; height:18px; background:#333;}
.tbl_generation tbody th{padding:5px !important; border:1px solid #dbdbdb; border-left:none; font-weight:normal; text-align:center;}
.tbl_generation tbody td{padding:5px !important; border:1px solid #dbdbdb; text-align:center;}
.tbl_generation tbody td:last-child{border-right:none;}
.tbl_generation tbody tr:nth-of-type(odd){background:#f7f7f7;}