.bgc {background-color:#ffffff;}

#gnb {position:relative; top:0px; width:100% !important;background-color:#3f3f3f;height:35px;font-size:0.8em;}
#gnb ul {margin:0 auto;max-width:1200px;padding-top:7px;text-align:right;}
#gnb li {display:inline-block;}
#gnb li a {padding:0 7px;color:#8d8d8d;text-align:center;border-right:1px solid #8d8d8d;-moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#gnb li:last-child a {border-right:0px;}

h1 {margin:15px 0;}

#header > .header_in {position:relative;background: #fff;z-index:200;}
#lnb {background-color:#ffffff;position:relative;border:1px 0;border-style:solid;border-color:#ddd;border-width: 1px 0;}
/* overflow:hidden; visibility:hidden; */
#lnb .lnb_wrap {overflow:hidden; visibility:hidden;position:relative;height:320px;max-width:1200px;margin:0 auto;text-align:center;}
#lnb .lnb_wrap > ul > li {background-color:#ffffff;float:left;padding:12px 0;border-style:solid;border-color:#ddd;border-width:0 1px 1px 0;width:238px;height:300px;}
#lnb .lnb_wrap > ul > li:first-child {border-left:1px #ddd solid;}
#lnb .lnb_wrap > ul > li > a { display:inline-block; font-size:1.08em; color:#393939; line-height:36px; font-weight:600;letter-spacing:-2px;-webkit-transition: border 0.3s, opacity 0.3s, -webkit-transform 0.3s;-moz-transition: border 0.3s, opacity 0.3s, -moz-transform 0.3s;transition: border 0.3s, opacity 0.3s, transform 0.3s;}
#lnb .lnb_wrap > ul > li.current, #lnb .lnb_wrap > ul > li.actived { background-color: #eee;}
#lnb .lnb_sub li:first-child {margin-top:20px;}
#lnb .lnb_sub li:hover {background-color:#ddd;}
#lnb .lnb_sub li a { display:inline-block; color:#666; padding:2px; margin:5px 0;letter-spacing:-1px;}
#lnb .lnb_sub li a:hover { color:#4482e8;}
/* display:none; */
.lnb_bg {display:none;width:100%;height:100%;position:fixed; left:0; top:0;  background:rgba(0, 0, 0, 0.8);z-index:100;}

/* search */
.search-box {position:absolute;width:390px; height:50px;overflow:hidden;color:#000;top:15px;right:10px;}
.search {position:relative;margin-left:40px;border:2px solid #3f3f3f;padding:2px;}
.search input.text {vertical-align:top !important;width:285px;}
.search .text {height:35px;background:#fff;border:0 none;padding-left:10px;margin-top:4px;}
.search .btn-srh {width:40px;height:32px;background:#fff url(../images/sub/search_sub.png) no-repeat center center;color:#fff;border-style:solid;border-color:#3f3f3f;border-width:0 0 0 1px;cursor:pointer;padding:0;margin-top:4px;}
.search .btn-srh span {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;}


/* sub_search */
.sub_search {width: 100%; height: 60px;}
.sub_search input.text {top: 326px;left: 352px;width: 870px;height: 40px;background: #FFFFFF 0% 0% no-repeat padding-box;opacity: 1; padding:0 10px; border-radius: 0;border:none; outline: none;;}
.btn-srh {top:326px;left:1371px;width:186px;height:50px;background: var(--unamed-color-393939) 0% 0% no-repeat padding-box; background: #393939 0% 0% no-repeat padding-box; opacity: 1;border:none;}
.search_click {color: white; font-size:18px;font-weight: 300;}
.text_search {padding: 64px; text-align: center;}
.from_search {height: 50px;border: 2px solid #393939;}
.accent_search{color: #1912a6; font-weight: 600;} 
.accent_search_text{color: #FF5353;}
.search_two {height: 50px; background: #f8f8f8 0% 0% no-repeat padding-box;opacity: 1;border-top:1px solid #707070;}
.search_two p {text-align: left; color: #3e3e3e; letter-spacing:-0.96px; padding:12px;font-weight: 600;}
.search_list { border-bottom: 1px solid #EEEEEE; padding: 20px;}
.search_first dl {font-size: 18px; color:#3E3E3E; font-weight: 700;}
.search_first dl dd {margin-top:10px; font-size: 16px; color:#3E3E3E; font-weight: 500;;}
.search_three {margin-top:80px; height: 50px; background: #f8f8f8 0% 0% no-repeat padding-box;opacity: 1;border-top:1px solid #707070;}
.search_three p {text-align: left; color: #3e3e3e; letter-spacing:-0.96px; padding:12px;font-weight: 600;}



/* visual */
.sub-visual {width:100%; height:280px; max-height:100vh; position:relative;overflow:hidden;color:#fff;}
.sub-visual .bg-wrap {width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; z-index:0;}
.sub-visual .txt {width:95%; max-width:1200px; height:100%; position:relative; z-index:1; margin:0 auto; transition:all 0.25s;text-align:center;}
.sub-visual .txt > .inner {width:100%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.sub-visual .txt .main-txt {font-size:3em; font-weight:200; line-height:0.85em; margin-bottom:0.5em;font-weight:600;}
.sub-visual .txt .sub-txt {font-size:0.75em; font-weight:200; letter-spacing:-0.05em;color:#bebebe;}
.sub-visual .bg-wrap {background:url("../images/sub/sub_visual.jpg") center no-repeat; background-size:cover; transform:scale(1.08);}

.mcontainer {max-width:1200px;margin:0 auto;padding:70px 0;min-height:400px;display: flex;}

/* 서브메뉴 */
.submenu {width:200px;height:100%;letter-spacing:-0.1em;border:1px solid #ddd;color:#2a2a2a;}
.submenu p{width:100%;border-bottom:2px solid #1912a6;font-size:1.5em;font-weight:400;text-align:center;padding:20px 0;}
.submenu ul{font-size:1em;padding:0;}
.submenu li{text-align:left;border-top:1px solid #ddd;padding:15px;}
.submenu li.over a {color:#fff;}
.submenu li.over,.submenu li:hover {color:#fff;background:#251ebb;}

.body {width:90%;margin-left:5%;}

/* 서브 내용 공통 */
/* 타이틀 */
.title {position:relative;width:100%;padding:25px 0;border-bottom:2px solid #1912a6;letter-spacing:-0.1em;margin-bottom:30px;}
.title span {font-size:1.5em;color:#212121;}
.title .b {font-weight:600;}
.title .path {position:absolute;width:100%;left:0px;top:21px;font-size:0.9em;text-align:right;}
.title .path .depth {padding:0 7px 0 10px;font-size:0.875em;background:url('../images/sub/depth_icon.png') no-repeat left 3px;}
.title .path .depth:after {content:'';position: absolute;top:50%;right:70px;margin-top:-6px;width:1px;height:12px;}
.title .path .depth:first-child {padding-left:20px;;margin-left:0;background-image:url('../images/sub/depth_home_icon.png'); background-position:left 2px;}
.title .path .depth:first-child:after {background:none;}
.title .path .depth .actived {color:#222;}

h2 {margin-top:30px; margin-bottom:15px;color:#1e52bb;font-size:1.45em;font-weight:600;letter-spacing:-0.1em;}
h3 {width:100%;margin-top:30px; margin-bottom:15px;color:#333;font-size:1.25em; font-weight:600;letter-spacing:-0.1em;}


.h4 {font-size:1em;letter-spacing:-0.1em;display:block;padding-left:10px;background-image:url('../images/sub/blt_h4.png');background-repeat:no-repeat;background-position:left 10px; color:#6d6d6d;}


/* 입력부분 */
.q_form {background:#f7f7f7; font-size:16px; color:#666; padding:20px; margin-bottom:20px;box-sizing:border-box;}
.q_form ul li { float:left; padding-bottom:10px; box-sizing:border-box;}
.q_form ul.form1 li { width:100%;}
.q_form ul.form2 li:nth-child(1) { width:50%; padding-right:10px;}
.q_form ul.form2 li:nth-child(2) { width:50%;}
.q_form ul.form3 li:nth-child(1) { width:33%; padding-right:10px;}
.q_form ul.form3 li:nth-child(1) { width:33%; padding-right:10px;}
.q_form ul.form3 li:nth-child(2) { width:34%;}
.q_form ul.form4 li { padding-bottom:0;}
.q_form ul.form4 li:nth-child(1) { width:80%; padding-right:10px;}
.q_form ul.form4 li:nth-child(2) { width:20%;}
.q_form ul.form5 li label { margin-right:10px;}
.q_form ul.form5 li .file_form5 { height:32px; vertical-align:top;}
.q_form input[type="text"], .q_form input[type="password"] { width:100%; box-sizing:border-box; border:1px solid #dadada; height:32px; line-height:32px; padding-left:5px; border-radius:3px; font-size:inherit;}
.q_form input[type="text"]:focus, .q_form input[type="password"]:focus { border:1px solid #00987e;}
.q_form label { cursor:pointer;}
.q_form select { width:100%; padding-left:5px; height:32px; border:1px solid #ddd; color:#565656;font-size:inherit; border-radius:3px; box-sizing:border-box; background:#fff url('../images/sub/bg_select.png') no-repeat 98% center; background-size:20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.q_form select::-ms-expand { display:none; }
.q_form textarea { border:1px solid #dedede; box-sizing:border-box; width:100%; padding:5px; height:80px; font-size:inherit; border-radius:3px;}
.q_form textarea:focus { border:1px solid #00987e;}
.btn_s { display:inline-block; background:#fff; border:1px solid #ddd; line-height:20px; padding:0 10px; color:#00987e; font-size:13px; border-radius:3px;}

/* 첨부파일 디자인 */
.filebox { width:100%; position:relative; padding-bottom:10px;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label { display: inline-block; height:20px; padding:7px 15px; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; border-radius:3px; color: #fff; background-color: #536079; margin-left:5px;}
.filebox .upload-name { display: inline-block; font-size: inherit; font-family: inherit; line-height: 32px; height: 32px; vertical-align: middle; background-color: #fff; border: 1px solid #dadada; padding-left:5px; border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:60% !important;}

/* 개인정보 수집 및 이용 안내  */
.necessary {font-size:0.8em;font-weight: 400;display: inline-block;color: #ff8328;margin-left:5px;}
.terms_box{position:relative;overflow:auto;height:88px;margin:8px 0;padding:12px;border:1px solid #dadada;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;scrollbar-base-color:#d9d9d9;scrollbar-arrow-color:#8e8e8e;scrollbar-3dlight-color:#d9d9d9;scrollbar-darkshadow-color:#d9d9d9;scrollbar-face-color:#d9d9d9;scrollbar-highlight-color:#d9d9d9;scrollbar-shadow-color:#d9d9d9;scrollbar-track-color:#f2f2f2;-webkit-overflow-scrolling:touch}
.terms_box .article{font-size:12px;line-height:18px;color:#666}

.bottom-box {display:block;font-size:0.85em;letter-spacing:-0.05em;padding:10px;background-color:#e7e7e7;border:solid 1px #d9d9d9;margin-top:30px;}

/* 협회소개 */
.txt_big {font-size:1.55em;color:#777;}

blockquote {border-left: solid 3px rgba(210, 215, 217, 0.75);margin: 0 0 2em 0;padding: 0.5em 0 0.5em 2em;color:#6b6b6b;}

/* Wrapper */

#wrapper {position: relative;width: 100%;padding: 0 0 50px 0;}
#wrapper:before {background: #abcceb;content: '';display: block;height: 100%;left: 0;position: absolute;top: 0;width:30%;z-index: -1;}
#wrapper h1 {padding:50px 0 20px 0;width:270px;text-align: right;font-size:1.75em;color:#fff;font-weight:600;}
#wrapper .history {position:relative;width:100%;margin-top:20px;}
#wrapper .history_L {display:inline-block;width:25%;text-align: right;}
#wrapper .history_L .year {position: absolute;display:inline-block;width:25%;top:30px;left:0;color:#1e52bb;font-size:1.55em;font-weight:600;letter-spacing:-0.1em;}
#wrapper .history_L .year:after {position: absolute;background: #fff;border-radius: 0.5rem;content: '';display: block;height: 0.5rem;top:12px; width:0.5rem;right:-20px;}
#wrapper .history_L .year:before {position: absolute;background: #fff;content: '';display: block;height: 2px;top:15px;text-align: right;width:40px;right: -60px;}
#wrapper .history_R {display:inline-block;width:65%;margin:30px 20px 30px 60px;}
#wrapper .history:last-child {margin-bottom:30px;}

/* 조직도 */
.group {position:relative;}
.group:before {display:block; position:absolute; top:20px; left:50%; width:1px; height:280px; margin-left:3px; background-color:#dfdfdf; content:'';}
.group .list {display:block;position:relative;width:100%;padding:20px 0;color:#fff;font-size:16px;font-weight:600;}
.group_c1 {background:#0eabed;}
.group_c2 {background:#2820c7;}
.group_c3 {background:#282831;}
.group_c4 {background:#383844;}
.group .list.rule1 span{display:inline-block;width:30%;padding:10px 0;text-align:center;margin-left:35%;}
.group .list.rule2 span{display:inline-block;width:250px;padding:10px 0;text-align:center;}
.group .list.rule2 span:first-child {margin-left:5%;}
.group .list.rule2 span:last-child {position:absolute;right:5%;}
.group .list.rule2:before {display:block; position:absolute; top:45px; left:15%; width:70%; height:1px; background-color:#dfdfdf; content:'';z-index:-1;}

.group .list .inner_wrap {display:inline-block;width:220px;margin-top:60px;margin-right:20px;}

.group .list .inner_wrap:nth-child(2) {position:absolute;left:240px;top:20px;}
.group .list .inner_wrap:nth-child(3) {position:absolute;left:480px;top:20px;}
.group .list .inner_wrap:nth-child(4) {position:absolute;left:720px;top:20px;}
.group .list .inner_wrap:first-child:before {display:block; position:absolute; top:45px; left:110px; width:75%; height:1px; background-color:#dfdfdf; content:'';z-index:-1;}
.group .list.rule3 span{display:inline-block;width:220px;padding:10px 0;text-align:center;}
.group .list.rule3 ul {height:150px;text-align:center;}
.group .list.rule3 ul li {margin:7px 0;}
.group .list.rule3 .sub_list {position:relative; padding:15px; border:1px dotted #8f8f8f;color:#000;font-size:14px;font-weight:400;}
.group .list.rule3 .sub_list:before {display:inline-block;position:absolute;top:-80px;left:110px; width:1px; height:40px;background-color:#dfdfdf; content:'';z-index:-1;}
.group .list.rule3 .sub_list .stext {display:block;font-size:12px;color:#6b6b6b;letter-spacing:-0.1em;}


/* 기타화면  */
#contents {position:relative; z-index:10; min-height:500px; margin-top:50px; padding-bottom:50px; letter-spacing:-0.05em;}
#contents h3 {margin-top:31px; margin-bottom:16px; color:#1048ad; font-size:27px; line-height:32px; font-weight:600;}
#contents .Tit1 {font-size:20px;margin-left:31px;}
#contents .indent_t  {margin-top:20px; margin-bottom:20px; margin-left:31px;color:#333; font-size:15px;}
#contents .box {display:block; margin-top:10px; margin-bottom:30px; padding-top:11px; padding-right:35px; padding-bottom:11px; padding-left:35px; border-top-width:1px; border-top-style:dashed; border-top-color:#c8c8c8; border-right-width:1px; border-right-style:dashed; border-right-color:#c8c8c8; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#c8c8c8; border-left-width:1px; border-left-style:dashed; border-left-color:#c8c8c8;}
#contents .box p {color:#333; font-size:15px; line-height:24px;}
#contents .box.type1 {padding-top:32px; padding-bottom:32px; border-top-style:dotted; border-left-width:0; border-bottom-style:dotted; border-right-width:0; background-color:#fdfdfd; background-repeat:no-repeat;}
#contents .box.type2 {padding-top:15px; padding-bottom:15px; border-style:dotted; border-width:1px;background-color:#fdfdfd; background-repeat:no-repeat;}

ul.bu {margin-top:20px; margin-bottom:20px; padding-left:31px;}
ul.bu > li {margin-top:5px; padding-left:12px; background-image:url('../images/common/ul_depth_bu.gif'); background-repeat:no-repeat; background-position:left 11px; color:#333; font-size:15px;}
ul.bu > li:first-child {margin-top:0;}
ul.bu > li > ul {margin-top:6px; padding-left:4px;}
ul.bu > li > ul > li {margin-top:5px; padding-left:14px; background-image:url('../images/common/ul_depth1_bu.gif'); background-repeat:no-repeat; background-position:left 12px; color:#333; font-size:15px;}
ul.bu > li > ul > li:first-child {margin-top:0;}
ul.bu > li > ul > li > ul {margin-top:1px; padding-left:4px;}
ul.bu > li > ul > li > ul > li {margin-top:5px; padding-left:12px; background-image:url('../images/common/ul_depth2_bu.png'); background-repeat:no-repeat; background-position:left 10px; color:#6d6d6d; font-size:15px;}
ul.bu > li > ul > li > ul > li:first-child {margin-top:0;}

/* 가입절차 */
.box_list {margin-bottom:50px;text-align:center; }
.box_list ul {background:#fff; margin-top:30px;}
.box_list ul li { float:left; width:238px; height:250px;border-top:1px solid #c8c8c8;border-left:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}


.box_list ul li.li_4 { border-right:1px solid  #c8c8c8;} 
.box_list ul li.li_2,.box_list ul li.li_4 { background:#fafafa;}

.box_list ul li p.tit { padding:40px 0 12px; font-size:26px; font-weight:600; line-height:50px;}
.box_list ul li p.tit strong { color:#396ac3; font-size:50px;}
.box_list ul li p.text {font-size:14px; line-height:20px;}


.box_list2 {width:100%;height:auto;text-align:left;border-top:1px solid #c8c8c8;}
.box_list2 .nbox {background-color:#fff;width:100%;height:80px;border-left:1px solid #c8c8c8; border-bottom:1px solid  #c8c8c8;border-right:1px solid  #c8c8c8;}
.box_list2 .nbox:nth-child(2),.box_list2 .nbox:nth-child(4),.box_list2 .nbox:nth-child(6),.box_list2 .nbox:nth-child(8)  {background:#fafafa;}

.box_list2_s { position:relative;}
.box_list2_s.thum-type {padding-left:100px;}
.box_list2_s.thum-type .num {position: absolute;left:0;text-align:center;color: #666;width: 80px;font-size: 50px;font-weight: 600;border-right: 1px solid #c8c8c8;}

.box_list2_s .tit {display:inline-block;width:auto;max-width:80%;margin:15px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15em;font-size:17px;color: #396ac3;font-weight: 600;}
.box_list2_s p {font-size:14px;}


/* 폼 관련 추가 */
.input2 {display: inline-block;font-size: inherit;font-family: inherit;line-height: 32px;height: 32px;vertical-align: middle;background-color: #fff;border: 1px solid #dadada;padding-left:5px;border-radius:3px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 345px !important;}
.input2 + .check-btn {width: 64px;display: inline-block;height:20px;padding:7px 15px;font-size: inherit;line-height: normal;vertical-align: middle;cursor: pointer;border-radius:3px;color: #fff;background-color: #536079;margin-left:5px;box-sizing: content-box;border: 0;}
.validate-text {font-size:14px;color:#2820c7;display:none;}

/* 로그인 */
.login-inner {width:370px;position:absolute;left:50%;top:10%;margin-left:-185px;}
.login-logo {margin-bottom:30px;}
.login-form .title-label {display:block;font-size:14px;font-weight:bold;margin-top:10px;}
.login-form input[type="text"], .login-form input[type="password"] {width:100%;display:block;height:39px;box-sizing:border-box;padding:0 10px;border:1px solid #c4c4c4;}
.login-form .login-btn {width: 372px;height:57px;background:#2820c7;font-size:18px;color:#fff;margin-top:37px;border:0;}
.login-form .bottom-btn-wrap {text-align:center;margin-top:25px;}
.login-form .bottom-btn-wrap a {font-size: 12px;color:#3a3a3a;margin:0 7px;}
.login-form .login-save-id {font-size:12px;}
.login-form .login-save-id {vertical-align:middle;height:30px; line-height:30px;}
.login-form .login-save-id .save-checkbox + label {margin-left:5px;vertical-align:middle;}
.login-container + #footer {position:absolute; left:0; bottom:0;width:100%;}

/*error*/
.wrap_box_error h1 { text-align: center;padding:30px;}
.error_page {text-align: center; padding: 50px 60px;}
.error_page p {font-size:14px; color:#A7A7A7; margin-top:20px;}
.error_page .error_title {font-size:18px; font-weight: 600; padding:30px; color:#0f0f0f;}
.error_box {margin-top: 61px; text-align: center;}
.error_box ul {display: inline-block; width: 120px; height: 50px;background-color: #F5F5F5;border:1px solid #E5E5E5;}
.error_box ul :hover {background-color: #2820c7;  color:#fff; transition-duration: 0.3s;}
.error_box ul li {padding:13px 10px;  color:#5E5E5E;}

/*id, pw 찾기*/
.id_pw_find:after{display:block;clear:both;content:''}
.id_pw_section{width:50%;float:left}
.id_pw_find strong.id_pw_tit{display:block;font-size:16px;margin-bottom:15px;padding-left:38px}
.id_pw_find .field_box{margin-bottom: 15px}
.id_pw_find .field_box:after{display:block;clear:both;content:''}
.id_pw_find label{width:70px;font-size:14px;display:block;float:left;padding:0 10px;text-align:right;box-sizing:border-box;line-height:32px}
.id_pw_find input[type="text"]{width:calc(100% - 70px);box-sizing:border-box;border:1px solid #dadada;height:32px;line-height:32px;padding-left:5px;border-radius:3px;font-size:inherit;float:left}
.id_pw_inner{padding:22px 40px 0px 20px;background:#f7f7f7;height: 170px;position:relative;box-sizing: border-box}
.id_pw_inner:after{height:130px;width:1px;background:#e5e5e5;position: absolute;top:20px;right:0;display:block;content:''}
.id_pw_find button[type="submit"]{width:170px;height:39px;float:right;background:#2820C7;border:0;color:#fff;font-size:14px;border-radius:5px;margin-top:15px;margin-right:40px}


/*회원정보 변경*/
.memberinfo:after{display:block;clear:both;content:''}
.memberinfo_section{width:50%;float:left}
.memberinfo strong.memberinfo_tit{display:block;font-size:16px;margin-bottom:15px;padding-left:38px}
.memberinfo .field_box{margin-bottom: 15px}
.memberinfo .field_box:after{display:block;clear:both;content:''}
.memberinfo label{width: 110px;font-size:14px;display:block;float:left;padding:0 10px;text-align:right;box-sizing:border-box;line-height:32px;}
.memberinfo input[type="text"]{width: calc(100% - 110px);box-sizing:border-box;border:1px solid #dadada;height:32px;line-height:32px;padding-left:5px;border-radius:3px;font-size:inherit;float:left;}
.memberinfo input[type="text"][readonly]{border:0;background:none;outline:none;}
.memberinfo_inner{padding:22px 40px 0px 20px;background:#f7f7f7;height: 260px;position:relative;box-sizing: border-box;}
.memberinfo_inner:after{height: 220px;width:1px;background:#e5e5e5;position: absolute;top:20px;right:0;display:block;content:'';}
.memberinfo button[type="submit"]{width: 108px;height:39px;float:right;background:#2820C7;border:0;color:#fff;font-size:14px;border-radius:5px;margin-top:15px;margin-right:40px;}