@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');


@font-face { 
	font-family: 'Noto Serif KR';
	src: url('../fonts/NotoSerifKR-Medium.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
}

@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-style: normal; }





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

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



.sub-top {height:170px;}

.sub-container {width: 100%; margin: 0 auto; background: #fff;}
.sub-contents {position: relative;padding: 70px 30px 110px 0; width: 1200px; margin: 0 auto; min-height: 700px; overflow: hidden; }
.sub-cnt-heading {text-align: center; margin-bottom: 40px; }







/* leftmenu */
#leftmenu{ top:-80px; height:100%; padding:0; overflow:hidden;} 
#leftmenu > h3 {
	position:relative;
	height:80px;
	padding:25px 0 0 20px;
	font-size: 22px;
    background:#4a89d7;
	color:#fff;
	text-align:left; 
	word-break: keep-all;
	letter-spacing:-1px;
}
#leftmenu > ul{padding:10px 20px; border:1px solid #ddd; border-top:0; 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:#4a89d7;}
#leftmenu > ul > li.on > a{color:#4a89d7;}
#leftmenu > ul > li.on > a:after{content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:7px; height:7px; border-radius:50%; background:#4a89d7;}
#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:#4a89d7;}

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


.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;}
.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:1000px; padding:15px 0 60px 20px; color:#666; 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: #4a89d7;}
.contWrap h3 > .ptxt{display:block; padding:10px 0; font-size:18px; font-weight:300; color:#666}

.blue{color:#4a89d7 !important}

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


.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-default{display: inline-block; padding:7px 21px; background: #13a89e; color: #fff; text-align: center; word-break: keep-all;}
.btn-default:focus, .btn-default:hover{background:#177670; color: #fff;}
.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;}




/* 인사말 */
.greet_cont {width: 100%; height: auto; background: url('/user/images/sub/greet_vis1.jpg') right top no-repeat;}
.greet_cont > p.tit{margin-bottom: 46px; font-size: 26px; line-height: 38px; letter-spacing: -0.085rem; color: #333;}
.greet_cont > p.tit > span{font-size: 30px; letter-spacing: -0.085rem; color: #4a89d7; font-weight:400;}
.greet_cont > p.tit > span > strong{font-weight:500;}
.greet_section > p {width:550px; margin-bottom: 28px; font-size: 16px; line-height: 28px; letter-spacing: -0.085rem; color: #666; word-break:keep-all; text-align:left;}
.m-img{display:none;}

@media all and (max-width: 991px) {
	.greet_cont{background:none}
	.greet_cont > p.tit{margin-bottom:60px;}
	.greet_section > p{width:100%; text-align:left;}
}
@media all and (max-width: 590px) {
	.greet_cont > p.tit{width:100%; margin:45px 0 30px; font-size:20px; line-height:30px;}
	.greet_cont > p.tit > span{font-size:25px;}
	.m-img{display:block;}
}



/* 학회 연혁 */
.history-ttl{margin-top:40px; text-align:center; font-size:25px; line-height:1.3; color:#212121}
.history-ttl > p > strong{color:#4a89d7}
.history{position:relative; margin-top:40px;}
.history ul:before {content: ""; position:absolute; width:1px; height:100%; top:40px; left:50%; margin-left: -1px; background: #f587a8; z-index:0;}
.history ul > li{position:relative; width:50%;}
.history li + li{margin-top:40px;}
.history dt {position: relative; padding-bottom: 25px; font-size: 30px; font-weight:500; letter-spacing: -0.025rem; color: #222; }
.history dd{width:100%; margin-bottom:10px; color:#212121;}
.history dd{display:flex;}
.history dd > strong{width:60px; font-weight:500;}

@media all and (min-width: 992px) {
	.history ul > li:nth-of-type(2n+1){left:50%; text-align:left;}
	.history ul > li:nth-of-type(2n){right:0; text-align:right;}
	.history ul > li:nth-of-type(2n+1) dt{padding-left:80px;}
	.history ul > li:nth-of-type(2n) dt{padding-right:80px;}
	.history ul > li:nth-of-type(2n+1) dt:before{content: ''; position: absolute; top: 15px; left: 0; width: 77px; height: 13px; margin-left: -5px; padding-top: 22px; background: url('/user/images/sub/ttl_right.png') left center no-repeat; z-index:1;}
	.history ul > li:nth-of-type(2n) dt:before{content: ''; position: absolute; top: 15px; right: 0; width: 77px; height: 13px; margin-right: -13px; padding-top: 22px; background: url('/user/images/sub/ttl_left.png') left center no-repeat; z-index:1;}
	.history ul > li:nth-of-type(2n+1) dd > strong{margin-left:82px; padding-right:20px;}
	.history ul > li:nth-of-type(2n) dd > strong{margin-right:82px; padding-left:20px;}
	.history ul > li:nth-of-type(2n) dd{flex-direction: row-reverse;}
}
@media all and (max-width: 991px) {
	.history ul:before{left:9px; top:20px; height:calc(100% - 20px);}
	.history ul{position:relative; padding-bottom:40px;}
	.history ul > li{left:0; width:100%; text-align:left;}
	.history ul > li > dl > dt{padding-left:40px;}
	.history ul > li > dl > dt:before{content: ''; position:absolute; top:12px; left: 0; width:35px; height: 13px; margin-left:2px; padding-top: 22px; background: url('/user/images/sub/ttl_right.png') left center no-repeat; z-index:1;}
	.history ul > li > dl > dd{padding-left:40px;}
	.history ul > li > dl > dd > span{width:calc(100% - 60px);}
}


.responsive-tabs .resp-tabs-list li.resp-tab-active, .responsive-tabs .resp-tabs-list li{padding:10px 30px; border:1px solid #eaeaea; background:#fff; font-weight:500; font-size:16px;}
.responsive-tabs .resp-tabs-list li.resp-tab-active, .responsive-tabs .resp-tabs-list li:hover{background:#fff; border-top:3px solid #f587a8; color:#f587a8;}
.responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li + li{margin-left:0;}
.responsive-tabs-classic[data-type="horizontal"] .resp-tabs-list li:before{background:0;}




/* 조직구성*/
.org-chart {position:relative; width:100%}
.org-chart .inner::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 1px;
    background: #CCC;
    height:85%;
}
    
.org-chart .row-1 {margin-bottom: 40px;}
.org-chart .row-1 .top-box {
    border-radius: 50%;
    width:160px;
	height:160px;
    font-size:23px;
    line-height: 1.5;
    color: #FFF;
    position: relative;
    border: 1px solid #00829b;
    margin: 0 auto;
    background-color: #fff;}

.org-chart .row-1 .top-box .tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0.35em;
    top: 0.35em;
    width: calc(100% - 0.7em);
    height: calc(100% - 0.7em);
	padding-top: 0.3em;
    background-color: #00829b;
    border-radius: inherit;
    overflow: hidden;    
	font-weight:700;
}
.org-chart .row-1 .top-box .tit .name{display:block; font-size:17px; font-weight:500}

.org-chart .row-2{position:relative; margin:0 auto 40px; text-align:center;}
.org-chart .row-2 .item .tit{
	display: block;
	position:relative;
	max-width:200px;
	margin:0 auto;
    padding: 0.85em 0.4em;
	color: #FFF;
    font-size:17px;
    background-color: #153769;
	text-align:center;
}
.org-chart .row-2 .item .name{display:block; position:relative; max-width:200px; margin:0 auto; padding:10px 30px; border:1px solid #ccc; background:#fff; text-align:center; font-size:16px;}
.org-chart .row-3{position:relative}






.org-chart .row-3 .item .tit{
	display: block;
	position:relative;
	width:200px;
	margin:0 auto;
    padding: 0.85em 0.4em;
	color: #FFF;
    font-size:17px;
    background-color: #3C67B7;
	text-align:center;
}

.org-chart .row-3 .item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
}

.org-chart .row-3 .item::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
    width:90%;
    height:40px;
    border: 1px solid #ccc;
	border-bottom:0;
}

.org-chart .row-3 .name ul {
    display: flex;
    flex-direction: row;
    margin-top:55px;
}

.org-chart .row-3 .name li {
    position: relative;
    width:calc(100% / 9);
	padding:20px 5px;
    border: 1px solid #ccc;
    background: #fff;
    color: #666;
    font-size: 16px;
	text-align:center;
}

.org-chart .row-3 .name ul li + li {
    margin-left: 3px;
}

.org-chart .row-3 .name ul li::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -28px;
    transform: translateX(-50%);
    width: 1px;
    height: 28px;
    background: #ccc;
}

.org-chart .row-3 .name ul li:first-child:after, .org-chart .row-3 .name ul li:last-child:after {background:0}
.org-chart .row-3 .name > ul > li > span{display:block; margin-top:7px; font-size:13px; line-height:1.3; color:#999}





.bio-wrap .inner {
    display: flex;
    width: 100%;
}

.bio-wrap .inner + .inner {
    margin-top: 40px;
}

.bio-wrap .inner .title {
    margin-right:30px;
    width:20%;
    color: #212121;
    font-size:20px;
    font-weight: 500;
}
.bio-wrap .inner .title > span{display:block; margin-bottom:5px; font-size:17px; color:#555}
.bio-wrap .inner .con {
    width: calc(100% - 20% - 30px);
	padding-top: 40px;
	padding-left:20px;
    border-top: 1px solid #ccc;
    line-height: 1.5;
    letter-spacing: -0.04em;
}

@media all and (max-width: 991px) {
	.bio-wrap .inner{display:block;}
	.bio-wrap .inner .title{margin-bottom:10px;}
	.bio-wrap .inner .con{width:100%; padding-top:20px;text-align:left;}
}





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

#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: 400px; 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:#4a89d7; 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 15px 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 #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 !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;}


.apply,
.end,
.plan{
    font-size: 14px;
    letter-spacing: -0.05rem;
    color: #4a89d7;
    border-radius: 3px;
    border: 1px solid #cbe7f7;
    border-right-color: #b8d2f4;
    border-bottom-color: #ade5f2;
    background: #e7f7ff;
    padding:4px 6px;
    text-align: center;
    box-sizing: border-box;
}

.end {
    border-color: #e2e2e2;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 24%, #f9f9f9 50%, #f5f5f5 77%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #fcfcfc 24%, #f9f9f9 50%, #f5f5f5 77%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fcfcfc 24%, #f9f9f9 50%, #f5f5f5 77%, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
    color: #aaa;
}

.plan {
    border-color: #f6d2aa;
	border-bottom-color: #f2ca9d;
    background: #fffbf7;
    background: -moz-linear-gradient(top, #fffbf7 0%, #f9f1e9 24%, #f9ede1 50%, #f9e9d7 77%, #f9e4cc 100%);
    background: -webkit-linear-gradient(top, #fffbf7 0%, #f9f1e9 24%, #f9ede1 50%, #f9e9d7 77%, #f9e4cc 100%);
    background: linear-gradient(to bottom, #fffbf7 0%, #f9f1e9 24%, #f9ede1 50%, #f9e9d7 77%, #f9e4cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf7', endColorstr='#f9e4cc', GradientType=0);
    color: #f49225;
}

/* 테이블(모바일용) 추가 */
.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;}


@media all and (min-width:768px){
	.pc{display:block !important;}
	/*.mobile{display:none !important;}*/
}
@media all and (max-width:767px){
	.pc{display:none !important;}
	/*.mobile{display:block !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%;
	}
}




/* 회원단체소개 */
.group-wrap{border:1px solid #dbdbdb}
.group-wrap ul{display:flex; flex-wrap: wrap;justify-content: space-evenly;}
.group-wrap li{flex:1 1 33.3%; border-top:1px dashed #dbdbdb; border-right:1px dashed #dbdbdb; text-align:center;}
.group-wrap li:nth-of-type(1), .group-wrap li:nth-of-type(2), .group-wrap li:nth-of-type(3){border-top:0;}
.group-wrap li > a{display:block; width:100%; height:100%; padding:25px 30px 30px;}
.group-wrap li > a:hover{color:#4a89d7}
.group-wrap li > a > span{display:block; margin-top:10px}

@media all and (min-width:992px){
	.group-wrap li:nth-of-type(3n){border-right:0}
	
}

@media all and (max-width:991px) and (min-width:644px){
	.group-wrap li:nth-of-type(3){border-top:1px dashed #dbdbdb;}
	.group-wrap li:nth-of-type(2n), .group-wrap li:nth-of-type(9){border-right:0;}
}

@media all and (max-width:643px){
	.group-wrap li{border-right:0}
	.group-wrap li:nth-of-type(2), .group-wrap li:nth-of-type(3){border-top:1px dashed #dbdbdb;}
	
}



/* 연혁 */
.history-wrap {margin:0 0 3%;}
.history-wrap > ul > li {border-bottom: 1px solid #ccc; padding:30px;}
.history-wrap > ul > li > span.year{width: 200px; font-size:26px; font-weight: 700; color:#444;display: inline-block; vertical-align: top;}
.history-wrap .month-list{display: inline-block;}
.history-wrap .month-list li{display:flex; flex-wrap: wrap; margin-bottom:5px;}
.history-wrap .month-list .month{width:80px; font-weight:700; }		
		
@media screen and (max-width:980px){ 
	.history-wrap > ul > li {padding:5% 3%;}
	.history-wrap > ul > li > span{display:block;}
	.history-wrap > ul > li > span.year {width:100%;font-size:1.5em; margin-bottom: 15px;} 
	.history-wrap .month-list li{}
}