@charset "utf-8";

/*
font-family: "Open Sans", sans-serif;
*/



/* 공통 */
#sub #container .box {padding: 100px 0;}
#sub #container .inner_bx {max-width: 1200px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box;}

#sub #container .tbsty01 {border-top: 2px solid #222; overflow-y: auto;}
#sub #container .tbsty01 table {width: 100%; table-layout: fixed; /*min-width: 600px;*/}
#sub #container .tbsty01 table thead tr {border-bottom: 1px solid #ddd;}
#sub #container .tbsty01 table thead th {background-color: #eeeeee; border-right: 1px solid #ddd; font-size: 18px; color: #222; font-weight: 700; padding: 19px 5px; box-sizing: border-box;}
#sub #container .tbsty01 table thead th:last-child {border-right: none;}
#sub #container .tbsty01 table tbody tr {border-bottom: 1px solid #ddd;}
#sub #container .tbsty01 table tbody td {border-right: 1px solid #ddd; font-size: 16px; color: #666; line-height: 24px; box-sizing: border-box; padding: 17px 5px; text-align: center; word-break: keep-all;}
#sub #container .tbsty01 table tbody td:last-child {border-right: none;}
#sub #container .tbsty01 table tbody td.bR {border-right: 1px solid #ddd;}




/* 투고안내 */
#submit .con_bx {background-color: #fafafa; padding: 54px 30px 30px;}
#submit .con_bx .c_ttl {text-align: center; font-size: 24px; color: #111111; line-height: 34px; letter-spacing: -0.03em; word-break: keep-all; font-weight: 700;}
#submit .con_bx ul {box-shadow: 0 8px 10px rgba(17,17,17,0.04); background-color: #fff; border-radius: 20px; padding: 35px 40px; margin-top: 33px;}
#submit .con_bx ul li {position: relative; padding-left: 67px; font-size: 18px; color: #666666; line-height: 28px; letter-spacing: -0.03em; word-break: keep-all; min-height: 28px; box-sizing: border-box; margin-bottom: 28px;}
#submit .con_bx ul li:last-child {margin-bottom: 0;}
#submit .con_bx ul li .num {position: absolute; left: 0; top: 0; font-family: "Open Sans", sans-serif; font-size: 24px; color: #1fa6c9; font-weight: 700; line-height: 28px;}
#submit .btm_bx {position: relative; padding-right: 270px; box-sizing: border-box; min-height: 60px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 60px;}
#submit .btm_bx ul {width: 100%; font-size: 0; padding-left: 50px; box-sizing: border-box; background: url(../images/icon/dot1.png) no-repeat left 3px top;}
#submit .btm_bx ul li {display: inline-block; font-size: 18px; color: #666666; letter-spacing: -0.03em; word-break: keep-all; line-height: 34px;}
#submit .btm_bx ul li::after {content: '｜'; display: inline-block;}
#submit .btm_bx ul li:last-child::after {display: none;}
#submit .btm_bx ul li strong {color: #111111; font-weight: 700;}
#submit .btm_bx .btn {position: absolute; right: 0; top: 0; width: 260px; background-color: #1fa6c9; display: inline-block; line-height: 60px; border-radius: 30px; box-sizing: border-box; padding: 0 20px; text-align: left; font-size: 18px; color: #ffffff; letter-spacing: -0.03em; word-break: keep-all; font-weight: 700;}
#submit .btm_bx .btn span {display: block; position: relative; padding-right: 20px; background: url(../images/icon/download3.png) no-repeat right center; box-sizing: border-box;}



/* 관리규정 */
#regulation .con_bx {margin-top: 53px;}
#regulation .con_bx .c_ttl {text-align: center; position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 54px; margin-bottom: 53px;}
#regulation .con_bx .c_ttl strong {display: inline-block; text-align: center; font-size: 40px; color: #222222; line-height: 50px; letter-spacing: -0.05em; word-break: keep-all;}
#regulation .con_bx .c_ttl .date {position: absolute; right: 0; top: 12px; text-align: left;}
#regulation .con_bx .c_ttl .date li {font-size: 16px; color: #666666; line-height: 24px; word-break: keep-all;}
#regulation .con_bx .c_ttl .date li span {font-family: "Open Sans", sans-serif;}
#regulation .con_bx .list_bx > li .ttl {font-size: 16px; color: #1fa6c9; font-weight: 700; line-height: 30px; word-break: keep-all;}
#regulation .con_bx .list_bx > li .ttl02 {text-align: center; font-size: 30px; color: #111111; line-height: 40px; word-break: keep-all; font-weight: 700; margin-bottom: 47px;}
#regulation .con_bx .list_bx > li .ttl span {color: #444444; font-weight: 400;}
#regulation .con_bx .list_bx > li .txt_w {font-size: 16px; color: #444444; line-height: 30px; word-break: keep-all; padding-left: 29px;}
#regulation .con_bx .list_bx > li .list01 {background-color: #fafafa; padding: 12px 30px; margin-bottom: 3px;}
#regulation .con_bx .list_bx > li .list01 p {font-size: 16px; color: #666666; line-height: 30px; word-break: keep-all;}
#regulation .con_bx .sub_txt {border-top: 1px solid #eeeeee; margin-top: 51px; padding-top: 53px;}
#regulation .con_bx .sub_txt .ttl {text-align: center; font-size: 30px; color: #111111; font-weight: 700; line-height: 40px; word-break: keep-all; margin-bottom: 47px;}
#regulation .con_bx .sub_txt .txt_w {font-size: 16px; color: #444444; line-height: 30px; word-break: keep-all;}



/* 인사말 */
#greeting .img01 {display: block; margin: 0 auto; max-width: 100%;}
#greeting .txt_bx {text-align: center; margin-top: 55px;}
#greeting .txt_bx .txt1 {font-size: 24px; color: #111111; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}
#greeting .txt_bx .txt2 {margin-top: 30px;}
#greeting .txt_bx .txt2 p {font-size: 18px; color: #666666; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 28px;}
#greeting .txt_bx .txt2 p:last-child {margin-bottom: 0;}
#greeting .txt_bx .txt3 {font-size: 20px; color: #111111; line-height: 40px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 37px;}
#greeting .txt_bx .txt3 strong {font-size: 24px; font-weight: 700;}



/* 역대회장 */
#ceo .list_bx {display: flex; flex-flow: wrap;}
#ceo .list_bx li {width: calc(20% - 16px); margin-right: 20px; margin-top: 54px; box-sizing: border-box;}
#ceo .list_bx li:nth-child(5n) {margin-right: 0;}
#ceo .list_bx li:nth-child(-n+5) {margin-top: 0;}
#ceo .list_bx li .img_bx {padding-bottom: 129.47%; border-radius: 20px; background-size: cover; background-repeat: no-repeat; background-position: center;}
#ceo .list_bx li .txt_bx {text-align: center; margin-top: 13px;}
#ceo .list_bx li .txt_bx .type {font-size: 16px; color: #1fa6c9; font-weight: 500; letter-spacing: -0.05em; line-height: 24px; word-break: keep-all;}
#ceo .list_bx li .txt_bx strong {display: block; font-size: 24px; color: #333333; line-height: 34px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}
#ceo .list_bx li .txt_bx p {font-size: 16px; color: #aaaaaa; line-height: 24px; letter-spacing: -0.05em; word-break: keep-all;}



/* 정관 */
#regulation.articles .con_bx .c_ttl .date {top: -25px;}
#regulation.articles .con_bx .list_bx > li {border-bottom: 1px solid #eeeeee; padding-bottom: 51px; margin-bottom: 53px;}
#regulation.articles .con_bx .list_bx > li:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}



/* 연혁 */
#history .ttl01 {text-align: center; font-size: 40px; color: #222222; line-height: 50px; font-weight: 700; word-break: keep-all; margin-bottom: 52px;}
#history .ttl01.col2 {color: #fff;}
#history .box1 .con_bx {display: flex; flex-flow: wrap;}
#history .box1 .con_bx .con_w {width: 33.333%; box-sizing: border-box; text-align: center;}
#history .box1 .con_bx .con_w p {font-size: 18px; color: #444444; line-height: 30px; word-break: keep-all; margin: 23px auto 0; max-width: 310px;}

#history .box2 {background: url(../images/sub/history_bx2_bg.jpg) no-repeat center; background-size: cover;}
#history .box2 .con_bx {display: flex; flex-flow: wrap;}
#history .box2 .con_bx li {background-color: #fff; width: calc(20% - 16px); margin-right: 20px; box-sizing: border-box; text-align: center; border-radius: 20px; padding: 49px 5px 54px;}
#history .box2 .con_bx li:nth-child(5n) {margin-right: 0;}
#history .box2 .con_bx li .num {font-size: 30px; color: #1fa6c9; font-weight: 700; font-family: "Open Sans", sans-serif;}
#history .box2 .con_bx li strong {display: block; font-size: 20px; color: #111111; line-height: 30px; font-weight: 700; word-break: keep-all; margin-top: 13px;}
#history .box2 .con_bx li p {font-size: 18px; color: #444444; line-height: 30px; word-break: keep-all;}

#history .box3 .con_bx .con_w {display: flex; flex-flow: wrap; border-top: 1px solid #dddddd; padding-top: 40px; margin-bottom: 35px;}
#history .box3 .con_bx .con_w:last-child {margin-bottom: 0;}
#history .box3 .con_bx .con_w .l_bx {width: 40%; box-sizing: border-box;}
#history .box3 .con_bx .con_w .l_bx .year {font-family: "Open Sans", sans-serif; font-size: 40px; color: #1fa6c9; font-weight: 700; word-break: keep-all; line-height: 34px;}
#history .box3 .con_bx .con_w .l_bx .year .ko {font-family: 'Pretendard', sans-serif;}
#history .box3 .con_bx .con_w .r_bx {width: 60%; box-sizing: border-box;}
#history .box3 .con_bx .con_w .r_bx ul li {padding-left: 140px; position: relative; margin-bottom: 22px; min-height: 30px;}
#history .box3 .con_bx .con_w .r_bx ul li:last-child {margin-bottom: 0;}
#history .box3 .con_bx .con_w .r_bx ul li .date {width: 100px; text-align: right; position: absolute; left: 0; top: 0; font-size: 18px; color: #444444; line-height: 30px; font-weight: 700; font-family: "Open Sans", sans-serif;}
#history .box3 .con_bx .con_w .r_bx ul li p {font-size: 18px; color: #444444; line-height: 30px; word-break: keep-all; margin-bottom: 8px;}
#history .box3 .con_bx .con_w .r_bx ul li p:last-child {margin-bottom: 0;}
#history .box3 .con_bx .con_w .r_bx ul li p .pop_btn {font-size: 14px; color: #1fa6c9; display: inline-block; vertical-align: bottom; cursor: pointer;}
#history .box3 .popup_bx {padding: 50px 0;}
#history .box3 .popup_bx .pop_con {position: relative; padding: 53px 60px 60px; max-width: 820px;}
#history .box3 .popup_bx .close_btn {position: absolute; right: 30px; top: 30px; width: 24px; height: 24px; background: url(../images/icon/close1.png) no-repeat center; font-size: 0; cursor: pointer;}
#history .box3 .popup_bx .ttl {font-size: 20px; color: #222222; line-height: 30px; word-break: keep-all; font-weight: 700; margin-bottom: 13px;}
#history .box3 .popup_bx .tb_ttl {font-size: 16px; color: #222; font-weight: 500; line-height: 24px; word-break: keep-all; margin-bottom: 5px;}
#history .box3 .popup_bx .tb_bx {border-top: 2px solid #111111; margin-bottom: 25px;}
#history .box3 .popup_bx .tb_bx:last-child {margin-bottom: 0;}
#history .box3 .popup_bx .tb_bx table {width: 100%; table-layout: fixed;}
#history .box3 .popup_bx .tb_bx table tr {border-bottom: 1px solid #dddddd;}
#history .box3 .popup_bx .tb_bx table th {width: 120px; box-sizing: border-box; font-size: 15px; color: #111111; font-weight: 500; background-color: #fafafa; padding: 8px 5px; text-align: center;}
#history .box3 .popup_bx .tb_bx table td {font-size: 15px; color: #666666; line-height: 24px; font-weight: 300; word-break: keep-all; padding: 8px 20px; box-sizing: border-box;}
#history .box3 .popup_bx .tb_bx table td.bold {background-color: #fafafa; text-align: center; font-weight: 500; color: #111;}
#history .box3 .popup_bx .tb_bx table td strong {font-size: 500; color: #111;}

#history .box4 {background-color: #fafafa;}
#history .box4 .con_bx .con_w {margin-bottom: 53px;}
#history .box4 .con_bx .con_w:last-child {margin-bottom: 0;}
#history .box4 .con_bx .con_w .c_ttl {font-size: 20px; color: #222222; font-weight: 700; line-height: 30px; word-break: keep-all; margin-bottom: 14px;}



/* 조직도 */
#org .box1 .con_bx .dep1_bx > div {width: 120px; height: 120px; border-radius: 50%; background-color: #1d5665; margin: 0 auto; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 18px; color: #ffffff; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all;}
#org .box1 .con_bx .dep3_bx {padding-bottom: 30px; position: relative;}
#org .box1 .con_bx .dep2_bx {display: flex; flex-flow: wrap; max-width: 600px; margin: 0 auto; box-sizing: border-box; position: relative;}
#org .box1 .con_bx .dep2_bx::before {content: ''; width: 1px; height: 100%; background-color: #ddd; position: absolute; top: 0; left: 50%;}
#org .box1 .con_bx .dep2_bx li {width: 50%; box-sizing: border-box; position: relative;}
#org .box1 .con_bx .dep2_bx li::before {content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; right: 0; top: 50%;}
#org .box1 .con_bx .dep2_bx li > div {max-width: 160px; border: 2px solid #1fa6c9; height: 60px; width: 100%; box-sizing: border-box; border-radius: 30px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #1fa6c9; letter-spacing: -0.03em; font-weight: 700; word-break: keep-all; background-color: #fff; position: relative; z-index: 1;}
#org .box1 .con_bx .dep2_bx li:nth-child(2n) > div {margin: 0 0 0 auto;}
#org .box1 .con_bx .dep3_bx::before {content: ''; width: 1px; height: 30px; background-color: #dddddd; position: absolute; bottom: 0; left: 50%;}
#org .box1 .con_bx .dep3_bx > div {width: 120px; height: 120px; border-radius: 50%; background-color: #1fa6c9; margin: 0 auto; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 18px; color: #ffffff; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all;}
#org .box1 .con_bx .dep4_bx {display: flex; flex-flow: wrap; max-width: 920px; width: 100%; margin: 0 auto; position: relative;}
#org .box1 .con_bx .dep4_bx::before {content: ''; width: 100%; height: 1px; background-color: #ddd; position: absolute; top: 0; left: 0;}
#org .box1 .con_bx .dep4_bx ul {width: calc(20% - 24px); margin-right: 30px; box-sizing: border-box; position: relative;}
#org .box1 .con_bx .dep4_bx ul:nth-child(5) {margin-right: 0;}
#org .box1 .con_bx .dep4_bx ul:nth-child(1)::after {content: ''; width: 50%; height: 3px; background-color: #fff; position: absolute; left: 0; top: -1px;}
#org .box1 .con_bx .dep4_bx ul:nth-child(5)::after {content: ''; width: calc(50% - 1px); height: 3px; background-color: #fff; position: absolute; right: 0; top: -1px;}
#org .box1 .con_bx .dep4_bx ul li {margin-top: 30px; background-color: #e8f6f9; border-radius: 30px; min-height: 60px; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #1fa6c9; font-weight: 700; letter-spacing: -0.03em; line-height: 24px; font-weight: 700; position: relative; z-index: 1;}
#org .box1 .con_bx .dep4_bx ul li::before {content: ''; width: 1px; height: 30px; background-color: #ddd; position: absolute; left: 50%; top: -30px;}

#org .box2 {background-color: #fafafa;}
#org .box2 .ttl_bx {text-align: center; margin-bottom: 49px;}
#org .box2 .ttl_bx strong {display: block; font-size: 40px; color: #222222; line-height: 50px; font-weight: 700; word-break: keep-all;}
#org .box2 .ttl_bx p {font-size: 20px; color: #666666; line-height: 30px; word-break: keep-all; margin-top: 6px;}
#org .box2 .con_bx {display: flex; flex-flow: wrap;}
#org .box2 .con_bx .con_w {width: calc(50% - 10px); margin-right: 20px; margin-top: 53px; box-sizing: border-box;}
#org .box2 .con_bx .con_w:nth-child(2n) {margin-right: 0;}
#org .box2 .con_bx .con_w:nth-child(-n+2) {margin-top: 0;}
#org .box2 .con_bx .con_w .c_ttl {font-size: 20px; color: #222222; font-weight: 700; line-height: 30px; word-break: keep-all; margin-bottom: 14px; min-height: 30px; box-sizing: border-box;}



/* 로그인 */
#login {background-color: #f1f4f6; margin-top: 100px;}
#login .inner_bx {max-width: 580px!important;}
#login .con_bx {background-color: #fff; border-radius: 20px; padding: 54px 30px 53px;}
#login .con_bx .top_ttl {text-align: center; font-size: 0;}
#login .con_bx .top_ttl strong {display: block; font-size: 40px; color: #111111; font-weight: 700; word-break: keep-all;}
#login .con_bx .top_ttl a {display: inline-block; margin-right: 40px; line-height: 42px; border-bottom: 2px solid transparent; font-size: 20px; color: #aaaaaa; font-weight: 700;}
#login .con_bx .top_ttl a:last-child {margin-right: 0;}
#login .con_bx .top_ttl a.on {color: #111111; border-color: #111111;}
#login .con_bx .f_bx {margin-top: 53px;}
#login .con_bx .f_bx input[type=text], #login .con_bx .f_bx input[type=password], #login .con_bx .f_bx input[type=email], #login .con_bx .f_bx input[type=tel] {width: 100%; height: 60px; border: 1px solid #dddddd; border-radius: 10px; margin-bottom: 10px; padding: 0 20px; font-size: 18px; color: #444; letter-spacing: -0.03em; word-break: keep-all; outline: none; box-sizing: border-box;}
#login .con_bx .f_bx input[type=text]::placeholder, #login .con_bx .f_bx input[type=password]::placeholder, #login .con_bx .f_bx input[type=email]::placeholder, #login .con_bx .f_bx input[type=tel]::placeholder {color: #aaaaaa;}
#login .con_bx .f_bx .chk {position: relative; margin-top: 10px; font-size: 0;}
#login .con_bx .f_bx .chk input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; box-sizing: border-box; border: 1px solid #dedede; border-radius: 50%; position: absolute; left: 0; top: 0; background: url(../images/icon/chk2.png) no-repeat center; outline: none; cursor: pointer;}
#login .con_bx .f_bx .chk input:checked {background: url(../images/icon/chk3.png) no-repeat center #1fa6c9; border-color: #1fa6c9;}
#login .con_bx .f_bx .chk label {padding-left: 26px; display: inline-block; font-size: 16px; color: #444444; letter-spacing: -0.03em; word-break: keep-all; line-height: 20px; cursor: pointer;}
#login .con_bx .f_bx .btn_bx {margin-top: 40px; text-align: center;}
#login .con_bx .f_bx .btn_bx a {display: block; width: 100%; background-color: #1fa6c9; border-radius: 10px; line-height: 70px; font-size: 20px; color: #ffffff; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; text-align: center;}
#login .con_bx .f_bx .btn_bx a.col2 {background-color: #333333;}
#login .con_bx .f_bx .imp_txt {min-height: 70px; margin-top: 10px; margin-bottom: -30px;}
#login .con_bx .f_bx .imp_txt > div {min-height: 70px; display:flex; justify-content:center; align-items:center; table-layout:fixed; background-color: #eeeeee; border-radius: 10px;}
#login .con_bx .f_bx .imp_txt > div strong {display: block; text-align: center; font-size: 18px; color: #111111; letter-spacing: -0.03em; word-break: keep-all; font-weight: 700l}
#login .con_bx .f_bx .imp_txt > div strong span {color: #3f80ea;}
#login .con_bx .link_bx {font-size: 0; text-align: center; margin-top: 64px;}
#login .con_bx .link_bx li {display: inline-block; margin-right: 40px; position: relative;}
#login .con_bx .link_bx li:last-child {margin-right: 0;}
#login .con_bx .link_bx li::before {content: ''; width: 1px; height: 14px; background-color: #aaaaaa; position: absolute; right: -22px; top: 50%; margin-top: -7px;}
#login .con_bx .link_bx li:last-child::before {display: none;}
#login .con_bx .link_bx li a {display: block; font-size: 16px; color: #444444; letter-spacing: -0.03em; word-break: keep-all; line-height: 25px;}



/* 회원가입 */
#join {background-color: #f1f4f6; margin-top: 100px;}

#join .step_bx {max-width: 700px; width: 100%; display: flex; flex-flow: wrap; margin: 0 auto 60px; position: relative;}
#join .step_bx::before {content: ''; width: 100%; height: 1px; background-color: #dddddd; position: absolute; left: 0; top: 50%;}
#join .step_bx .con_w {width: calc(33.333% - 93.333px); margin-right: 140px; box-sizing: border-box; position: relative;}
#join .step_bx .con_w:nth-child(3n) {margin-right: 0;}
#join .step_bx .con_w::before {content: ''; display: block; width: 100%; padding-bottom: 100%; border-radius: 50%; background-color: #fafafa;}
#join .step_bx .con_w.on::before {background-color: #1fa6c9;}
#join .step_bx .con_w.off::before {background-color: #aaaaaa;}
#join .step_bx .con_w .txt_w {width: 100%; position: absolute; width: 100%; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); z-index: 1; text-align: center; color: #aaaaaa;}
#join .step_bx .con_w.on .txt_w {color: #fff;}
#join .step_bx .con_w.off .txt_w {color: #fff;}
#join .step_bx .con_w .txt_w p {font-size: 14px; letter-spacing: -0.05em; word-break: keep-all;}
#join .step_bx .con_w .txt_w strong {display: block; font-size: 18px; font-weight: 700; margin-top: 7px;}

#join #board .f_bx {background-color: #fff; border-radius: 10px; padding: 30px 30px 40px;}
#join #board .f_bx .f_ttl {font-size: 16px; color: #000000; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; margin-bottom: 20px;}

#join.join01 .con_bx {display: flex; flex-flow: wrap; max-width: 920px; width: 100%; margin: 0 auto; padding: 120px 0;}
#join.join01 .con_bx .con_w {display: block; width: calc(50% - 20px); margin-right: 40px; box-sizing: border-box; border-radius: 15px; box-shadow: 0 20px 60px rgba(63,128,234,0.06); background-color: #fff; text-align: center; padding: 80px 15px 61px; min-height: 400px;}
#join.join01 .con_bx .con_w:nth-child(2n) {margin-right: 0;}
#join.join01 .con_bx .con_w img {max-width: 100%;}
#join.join01 .con_bx .con_w strong {display: block; font-size: 24px; color: #444444; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-top: 26px;}
#join.join01 .con_bx .con_w p {font-size: 16px; color: #666666; line-height: 26px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 11px;}

#join.join04 .con_bx {text-align: center; background-color: #fff; padding: 94px 10px 89px;}
#join.join04 .con_bx .txt1 {font-size: 30px; color: #444444; letter-spacing: -0.05em; word-break: keep-all; line-height: 40px; margin-top: 30px;}
#join.join04 .con_bx .txt1 strong {font-weight: 700; color: #111111;}
#join.join04 .con_bx .txt2 {font-size: 18px; color: #666666; line-height: 28px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 7px;}



/* 전자상거래 표준약관 */
.yg{font-size:14px; line-height:24px; word-break:keep-all}
.yg h2{margin-top:70px; font-size:22px; font-weight:700; color:#333;}
.yg h3{margin-top:40px; margin-bottom:5px; font-size:18px; font-weight:700; color:#444;}
.yg h4{margin-top:20px; margin-bottom:5px; font-size:16px; font-weight:500; color:#555;}
.yg p{margin:5px 0;}

.fly_w{margin-top:10px; background:#f2f2f2; box-sizing:border-box; padding:20px;}
.fly_w > li:first-child{margin-top:0;}
.fly_w > li > ul{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ul > li{padding:0; margin:0;}
.fly_w > li > ul > li:before{display:none;}
.fly_w > li > ol{margin-top:0; padding:0 0 0 15px; background:none;}
.fly_w > li > ol > li{padding:0; margin:0;}
.fly_w > li > ol > li:before{display:none;}

ul.fly_w > li{position:relative; padding-left:10px; margin-top:5px; color:#777;}
ul.fly_w > li:before{content:'-'; position:absolute; top:0; left:0;}
ol.fly_w > li{position:relative; margin-top:5px; color:#777;}

.yg_table{overflow:hidden; margin-top:15px;}
.yg_table div{float:right; width:calc(50% - 10px);}
.yg_table div:first-child{float:left;}
.yg_table div > strong{display:block; text-align:center; background:#333; color:#fff; font-size:15px; font-weight:500; padding:15px 0;}
.yg_table div table{width:100%; box-sizing:border-box;}
.yg_table div table thead th{text-align:center; color:#333; font-weight:700; border-bottom:1px solid #ddd; padding:10px 0; background:#f2f2f2;}
.yg_table div table tbody th{text-align:center; border-bottom:1px solid #ddd; color:#333; padding:10px 0; font-weight:500; background:#f9f9f9}
.yg_table div table tbody td{border-bottom:1px solid #ddd; padding:5px 20px; border-left:1px solid #ddd;}

#privacy_box select { padding-left:10px; margin-top: 20px; width: 320px; height: 40px; font-size: 14px; border-color: #bbb;}



/* PC */
@media all and (min-width:1025px){
    /* 공통 */
	#sub #container .tab01 .on_txt {display: none;}
    #sub #container .tab01 > ul {display: table!important; width: 100%; table-layout: fixed;}
    #sub #container .tab01 > ul > li {display: table-cell; vertical-align: middle;}
    #sub #container .tab01 > ul > li > a {min-height: 60px; text-align: center; display: block; font-size: 16px; color: #666666; letter-spacing: -0.03em; word-break: keep-all; background-color: #fafafa; display:flex; justify-content:center; align-items:center; table-layout:fixed; box-sizing: border-box; border-bottom: 2px solid #1fa6c9; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #sub #container .tab01 > ul > li > a:hover {color: #111;}
    #sub #container .tab01 > ul > li.on > a {border: 2px solid #1fa6c9; border-bottom: none; background-color: #fff; color: #1fa6c9; font-weight: 700;}
    
    
    
    /* 로그인 */
    #login .con_bx .top_ttl a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #login .con_bx .top_ttl a:hover {color: #111;}



    /* 회원가입 */
    #join.join01 .con_bx .con_w {-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
    #join.join01 .con_bx .con_w img {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #join.join01 .con_bx .con_w:hover {box-shadow: 0 20px 60px rgba(63,128,234,0.2);}
    #join.join01 .con_bx .con_w:hover img {transform: translate(0, -10px);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 공통 */
    #sub #container .box {padding: 50px 0;}
    
    #sub #container .tab01 > ul {display: flex; flex-flow: wrap;}
    #sub #container .tab01 > ul > li {width: 25%; box-sizing: border-box;}
    #sub #container .tab01 > ul > li > a {font-size: 12px; line-height: 17px; text-align: center; box-sizing: border-box; background-color: #fafafa; color: #666; word-break: keep-all; border: 1px solid #ddd; border-right: none; border-top: none; display: block; position: relative;}
    #sub #container .tab01 > ul > li:nth-child(4n) > a {border-right: 1px solid #ddd;}
    #sub #container .tab01 > ul > li:nth-child(-n+4) > a {border-top: 1px solid #ddd;}
    #sub #container .tab01 > ul > li > a span {height: 40px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 5px; box-sizing: border-box; position: relative; z-index: 2;}
    /*#sub #container .tab01 > ul > li.on > a {background-color: #1fa6c9; color: #fff; font-weight: 700;}*/
    #sub #container .tab01 > ul > li.on > a {color: #1fa6c9; font-weight: 700;}
    #sub #container .tab01 > ul > li.on > a::before {content: ''; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid #1fa6c9; position: absolute; left: -1px; top: -1px; box-sizing: border-box; z-index: 1;}
    
    #sub #container .tbsty01 {border-width: 1px;}
    #sub #container .tbsty01 table thead th {font-size: 12px; padding: 8px 5px;}
    #sub #container .tbsty01 table tbody td {font-size: 12px; line-height: 17px; padding: 7px 3px;}



    /* 투고안내 */
    #submit .con_bx {padding: 25px 15px 15px;}
    #submit .con_bx .c_ttl {font-size: 15px; line-height: 21px;}
    #submit .con_bx ul {box-shadow: 0 4px 5px rgba(17,17,17,0.04); margin-top: 20px; border-radius: 10px; padding: 15px 20px;}
    #submit .con_bx ul li {font-size: 12px; line-height: 17px; min-height: 17px; margin-bottom: 15px; padding-left: 27px;}
    #submit .con_bx ul li .num {font-size: 13px; line-height: 17px;}
    #submit .btm_bx {margin-top: 20px; padding-right: 170px; min-height: 35px;}
    #submit .btm_bx ul {background-size: 20px auto; padding-left: 30px;}
    #submit .btm_bx ul li {font-size: 12px; line-height: 20px;}
    #submit .btm_bx .btn {font-size: 12px; line-height: 35px; width: 160px; padding: 0 15px;}
    #submit .btm_bx .btn span {background-size: 13px auto;}



    /* 관리규정 */
    #regulation .con_bx {margin-top: 30px;}
    #regulation .con_bx .c_ttl {padding-bottom: 20px; margin-bottom: 20px;}
    #regulation .con_bx .c_ttl strong {font-size: 20px; line-height: 28px;}
    #regulation .con_bx .c_ttl .date {top: 5px;}
    #regulation .con_bx .c_ttl .date li {font-size: 12px; line-height: 17px;}
    #regulation .con_bx .list_bx > li .ttl {font-size: 12px; line-height: 17px;}
    #regulation .con_bx .list_bx > li .ttl02 {font-size: 15px; line-height: 20px; margin-bottom: 21px;}
    #regulation .con_bx .list_bx > li .txt_w {font-size: 12px; line-height: 17px; padding-left: 15px;}
    #regulation .con_bx .list_bx > li .list01 {padding: 8px 15px; margin-bottom: 2px;}
    #regulation .con_bx .list_bx > li .list01 p {font-size: 12px; line-height: 17px;}
    #regulation .con_bx .sub_txt {margin-top: 30px; padding-top: 30px;}
    #regulation .con_bx .sub_txt .ttl {font-size: 18px; line-height: 25px; margin-bottom: 20px;}
    #regulation .con_bx .sub_txt .txt_w {font-size: 12px; line-height: 17px;}



    /* 인사말 */
    #greeting .txt_bx {margin-top: 26px;}
    #greeting .txt_bx .txt1 {font-size: 16px; line-height: 21px;}
    #greeting .txt_bx .txt2 {margin-top: 15px;}
    #greeting .txt_bx .txt2 p {margin-bottom: 16px; font-size: 12px; line-height: 17px;}
    #greeting .txt_bx .txt3 {margin-top: 20px; font-size: 12px; line-height: 20px;}
    #greeting .txt_bx .txt3 strong {font-size: 14px;}



    /* 역대회장 */
    #ceo .list_bx li {width: calc(20% - 8px); margin-right: 10px; margin-top: 26px;}
    #ceo .list_bx li .img_bx {border-radius: 10px;}
    #ceo .list_bx li .txt_bx {margin-top: 12px;}
    #ceo .list_bx li .txt_bx .type {font-size: 12px; line-height: 17px;}
    #ceo .list_bx li .txt_bx strong {margin-top: 2px; font-size: 16px; line-height: 24px;}
    #ceo .list_bx li .txt_bx p {margin-top: 3px; font-size: 12px; line-height: 17px;}



    /* 정관 */
    #regulation.articles .con_bx .list_bx > li {padding-bottom: 26px; margin-bottom: 26px;}



    /* 연혁 */
    #history .ttl01 {font-size: 25px; line-height: 30px; margin-bottom: 36px;}
    
    #history .box1 .con_bx .con_w img {max-width: 110px; width: 100%;}
    #history .box1 .con_bx .con_w p {margin-top: 12px; font-size: 12px; line-height: 17px; max-width: 210px;}
    
    #history .box2 .con_bx li {padding: 30px 5px 21px; border-radius: 10px; width: calc(20% - 8px); margin-right: 10px;}
    #history .box2 .con_bx li .num {font-size: 15px; line-height: 20px;}
    #history .box2 .con_bx li strong {margin-top: 7px; font-size: 14px; line-height: 20px;}
    #history .box2 .con_bx li p {font-size: 12px; line-height: 20px;}
    
    #history .box3 .con_bx .con_w {padding-top: 30px; margin-bottom: 26px;}
    #history .box3 .con_bx .con_w .l_bx .year {font-size: 20px; line-height: 15px;}
    #history .box3 .con_bx .con_w .r_bx ul li {min-height: 17px; margin-bottom: 8px; padding-left: 74px;}
    #history .box3 .con_bx .con_w .r_bx ul li .date {font-size: 12px; line-height: 17px; width: 65px;}
    #history .box3 .con_bx .con_w .r_bx ul li p {font-size: 12px; line-height: 17px; margin-bottom: 3px;}
    #history .box3 .con_bx .con_w .r_bx ul li p .pop_btn {font-size: 10px;}
    #history .box3 .popup_bx {padding: 25px 0;}
    #history .box3 .popup_bx .pop_con {padding: 26px 15px 15px;}
    #history .box3 .popup_bx .close_btn {background-size: 12px auto; top: 13px; right: 9px;}
    #history .box3 .popup_bx .ttl {font-size: 14px; line-height: 20px; margin-bottom: 13px;}
    #history .box3 .popup_bx .tb_ttl {font-size: 12px; line-height: 17px; margin-bottom: 3px;}
    #history .box3 .popup_bx .tb_bx {border-width: 1px; margin-bottom: 15px;}
    #history .box3 .popup_bx .tb_bx table th {width: 50px; font-size: 11px; line-height: 15px; padding: 7px 5px;}
    #history .box3 .popup_bx .tb_bx table td {font-size: 11px; line-height: 15px; padding: 7px 10px;}
    
    #history .box4 .con_bx .con_w {margin-bottom: 25px;}
    #history .box4 .con_bx .con_w .c_ttl {margin-bottom: 25px; font-size: 14px; line-height: 19px; margin-bottom: 11px;}



    /* 조직도 */
    #org .box1 .con_bx .dep1_bx > div {width: 80px; height: 80px; font-size: 14px;}
    #org .box1 .con_bx .dep2_bx {max-width: 320px; padding: 30px 0;}
    #org .box1 .con_bx .dep2_bx li > div {max-width: 120px; border-width: 1px; font-size: 12px; height: 40px;}
    #org .box1 .con_bx .dep3_bx > div {width: 80px; height: 80px; font-size: 14px;}
    #org .box1 .con_bx .dep4_bx ul {width: calc(20% - 12px); margin-right: 15px;}
    #org .box1 .con_bx .dep4_bx ul li {font-size: 12px; line-height: 17px; min-height: 40px; margin-top: 10px;}
    #org .box1 .con_bx .dep4_bx ul li:first-child {margin-top: 30px;}
    #org .box1 .con_bx .dep4_bx ul li::before {height: 10px; top: -10px;}
    #org .box1 .con_bx .dep4_bx ul li:first-child::before {height: 30px; top: -30px;}

    #org .box2 .ttl_bx {margin-bottom: 24px;}
    #org .box2 .ttl_bx strong {font-size: 25px; line-height: 30px;}
    #org .box2 .ttl_bx p {margin-top: 7px; font-size: 12px; line-height: 17px;}
    #org .box2 .con_bx .con_w {margin-top: 25px;}
    #org .box2 .con_bx .con_w .c_ttl {margin-bottom: 25px; font-size: 14px; line-height: 19px; margin-bottom: 11px; min-height: 19px;}



    /* 로그인 */
    #login {margin-top: 70px;}
    #login .inner_bx {max-width: 400px!important;}
    #login .con_bx {border-radius: 10px; padding: 26px 15px 25px;}
    #login .con_bx .top_ttl strong {font-size: 25px;}
    #login .con_bx .top_ttl a {font-size: 16px; line-height: 27px; border-width: 1px; margin-right: 20px;}
    #login .con_bx .f_bx {margin-top: 34px;}
    #login .con_bx .f_bx input[type=text], #login .con_bx .f_bx input[type=password], #login .con_bx .f_bx input[type=email], #login .con_bx .f_bx input[type=tel] {height: 40px; padding: 0 15px; border-radius: 5px; font-size: 12px; margin-bottom: 5px;}
    #login .con_bx .f_bx .chk {margin-top: 5px;}
    #login .con_bx .f_bx .chk input {width: 15px; height: 15px; background-size: 8px auto!important;}
    #login .con_bx .f_bx .chk label {padding-left: 19px; font-size: 12px; line-height: 15px;}
    #login .con_bx .f_bx .btn_bx {margin-top: 30px;}
    #login .con_bx .f_bx .btn_bx a {border-radius: 5px; line-height: 50px; font-size: 14px;}
    #login .con_bx .f_bx .imp_txt {margin-bottom: 0px; margin-top: 5px; min-height: 50px;}
    #login .con_bx .f_bx .imp_txt > div {border-radius: 5px; min-height: 50px;}
    #login .con_bx .f_bx .imp_txt > div strong {font-size: 12px; line-height: 17px;}
    #login .con_bx .link_bx {margin-top: 15px;}
    #login .con_bx .link_bx li {margin-right: 20px;}
    #login .con_bx .link_bx li::before {height: 10px; margin-top: -5px; right: -11px;}
    #login .con_bx .link_bx li a {font-size: 11px; line-height: 20px;}



    /* 회원가입 */
    #join {margin-top: 70px;}
    
    #join #board .f_bx {padding: 14px 15px 27px; border-radius: 5px;}
    #join #board .f_bx .f_ttl {margin-bottom: 13px; font-size: 14px;}
    
    #join .step_bx {max-width: 320px; margin-bottom: 30px;}
    #join .step_bx .con_w {width: calc(33.333% - 26.666px); margin-right: 40px;}
    #join .step_bx .con_w .txt_w p {font-size: 11px;}
    #join .step_bx .con_w .txt_w strong {margin-top: 6px; font-size: 12px; line-height: 17px;}
    
    #join.join01 .con_bx {padding: 0; max-width: 570px;}
    #join.join01 .con_bx .con_w {border-radius: 7px; width: calc(50% - 5px); margin-right: 10px; min-height: 240px; padding: 30px 15px 29px; box-shadow: 0 10px 30px rgba(63,128,234,0.06);}
    #join.join01 .con_bx .con_w img {max-width: 105px; width: 100%;}
    #join.join01 .con_bx .con_w strong {margin-top: 18px; font-size: 16px;}
    #join.join01 .con_bx .con_w p {margin-top: 5px; font-size: 12px; line-height: 17px;}
    
    #join.join04 .con_bx {padding: 47px 10px 42px;}
    #join.join04 .con_bx img {max-width: 54px; width: 100%;}
    #join.join04 .con_bx .txt1 {margin-top: 16px; font-size: 16px; line-height: 21px;}
    #join.join04 .con_bx .txt2 {margin-top: 3px; font-size: 12px; line-height: 17px;}
    
    
    
    /* 전자상거래 표준약관 */
    .yg{font-size:12px; line-height:18px;}
    .yg h2{margin-top:50px; font-size:18px;}
    .yg h3{margin-top:20px; margin-bottom:5px; font-size:15px;}
    .yg h4{margin-top:10px; margin-bottom:5px; font-size:14px;}
    .yg p{margin:5px 0;}

    .fly_w{margin-top:5px; padding:10px;}
    .fly_w > li > ul{padding:0 0 0 5px;}
    .fly_w > li > ol{padding:0 0 0 5px;}

    ul.fly_w > li{padding-left:10px; margin-top:3px;}
    ol.fly_w > li{margin-top:3px;}

    .yg_table{margin-top:10px;}
    .yg_table div{width:100%; margin-top:10px;}
    .yg_table div:first-child{margin-top:0;}
    .yg_table div > strong{font-size:12px; padding:8px 0;}
    .yg_table div table{ table-layout:fixed; }
    /* .yg_table div table colgroup col:nth-of-type(1){width:80px !important;}
    .yg_table div table colgroup col:nth-of-type(2){width:calc(100% - 80px) !important;} */
    .yg_table div table thead th{padding:5px 0;}
    .yg_table div table tbody th{padding:5px 0;}
    .yg_table div table tbody td{padding:0 10px}
    #privacy_box select { margin-top: 15px; width: 300px; height: 30px; font-size: 12px; }
}

/* 모바일 */
@media all and (max-width:768px){
    /* 공통 */
    #sub #container .tab01 > ul > li:nth-child(n) {width: 50%;}
    #sub #container .tab01 > ul > li:nth-child(n) > a {border-top: none;}
    #sub #container .tab01 > ul > li:nth-child(2n) > a {border-right: 1px solid #ddd;}
    #sub #container .tab01 > ul > li:nth-child(-n+2) > a {border-top: 1px solid #ddd;}
    
    
    
	/* 투고안내 */
    #submit .btm_bx {min-height: auto; padding-right: 0; display: block;}
    #submit .btm_bx ul {margin-bottom: 10px;}
    #submit .btm_bx ul li {display: block;}
    #submit .btm_bx ul li::after {display: none;}
    #submit .btm_bx .btn {width: 100%; max-width: 160px; position: relative; right: auto; top: auto; display: block; margin-left: 30px;}



    /* 관리규정 */
    #regulation .con_bx .c_ttl .date {position: relative; right: auto; top: auto; text-align: center; margin-top: 5px;}



    /* 역대회장 */
    #ceo .list_bx li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-top: 26px;}
    #ceo .list_bx li:nth-child(2n) {margin-right: 0;}
    #ceo .list_bx li:nth-child(-n+2) {margin-top: 0;}



    /* 정관 */
    #regulation.articles .con_bx .c_ttl .date {top: auto;}



    /* 연혁 */
    #history .box1 .con_bx .con_w {width: 100%; margin-bottom: 26px;}
    #history .box1 .con_bx .con_w:last-child {margin-bottom: 0;}
    
    #history .box2 .con_bx li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px; min-height: 138px;}
    #history .box2 .con_bx li:nth-child(2n) {margin-right: 0;}
    #history .box2 .con_bx li:nth-child(-n+2) {margin-top: 0;}
    
    #history .box2 {background: url(../images/sub/history_bx2_bg_m.jpg) no-repeat center; background-size: cover;}
    
    #history .box3 .con_bx .con_w .l_bx {width: 100%; margin-bottom: 17px;}
    #history .box3 .con_bx .con_w .r_bx {width: 100%;}



    /* 조직도 */
    #org .box1 .con_bx .dep4_bx::before {width: 1px; height: calc(100% - 19px); left: 50%; top: 0;}
    #org .box1 .con_bx .dep4_bx ul:nth-child(n) {width: calc(50% - 40px); margin-right: 80px; padding-top: 30px;}
    #org .box1 .con_bx .dep4_bx ul:nth-child(2n) {margin-right: 0;}
    #org .box1 .con_bx .dep4_bx ul:nth-child(1)::after, #org .box1 .con_bx .dep4_bx ul:nth-child(5)::after {display: none;}
    #org .box1 .con_bx .dep4_bx ul li:first-child {margin-top: 0;}
    #org .box1 .con_bx .dep4_bx ul li:first-child::before {width: 40px; height: 1px; top: 50%; right: -40px; left: auto;}
    #org .box1 .con_bx .dep4_bx ul:nth-child(2n) li:first-child::before {left: -40px; right: auto;}

    #org .box2 .con_bx .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-top: 25px;}
    #org .box2 .con_bx .con_w:first-child {margin-top: 0;}



    /* 회원가입 */
    #join .step_bx {max-width: 450px;}
    
    #join.join01 .con_bx {max-width: 100%;}
    #join.join01 .con_bx .con_w:nth-child(n) {width: 100%; margin-right: 0; margin-top: 10px;}
    #join.join01 .con_bx .con_w:first-child {margin-top: 0;}
    
}