@import url('common.css');

h2 {margin-bottom:63px; color:#f36d21; font-size:50px; font-weight:500; line-height:100%; letter-spacing:0.05em; text-align:center;}
h2.en {font-family:'GillSansMT', sans-serif; letter-spacing:0;}
h2 span {margin-bottom:12px; color:#333; font-size:20px; font-family:'GillSansMT', sans-serif; font-weight:400; line-height:100%; letter-spacing:0; display:block;}
h2 span.ko {font-family:'Noto Sans KR', sans-serif;}

.content {padding-bottom:118px;}

.content section {max-width:1860px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.content section > [class$="_wrap"] {max-width:1310px; margin:0 auto; box-sizing:border-box;}
.content section.full {max-width:100%;}

.placeholder_wrap {width:100%; height:100%; box-sizing:border-box; position:relative; display:inline-block;}
.placeholder_wrap .placeholder {color:#777; font-size:14px; font-weight:300; position:absolute; top:10px; left:20px;}
.placeholder_wrap .placeholder.required {padding-right:10px;}
.placeholder_wrap .placeholder.required:before {content:'*'; position:absolute; top:1px; right:0;}
.placeholder_wrap input[type='text'], .placeholder_wrap textarea {width:100%; height:100%; padding-right:50px; padding-left:20px; border:0; box-sizing:border-box;}
.placeholder_wrap textarea {height:100%; padding-top:20px; padding-right:20px; padding-bottom:20px;}

[class*='search_wrap'] {margin-bottom:30px !important;}
[class*='search_wrap']:after {clear:both; content:''; display:block;}
[class*='search_wrap'] .input_wrap {width:300px; height:50px; border:1px solid #dcdcdc; box-sizing:border-box; float:right; position:relative;}
[class*='search_wrap'] .btn_search {width:20px; height:20px; margin-top:-10px; font-size:0; background:url('../img/common/icon_search.png') 50% no-repeat; position:absolute; top:50%; right:20px; display:inline-block;}

/* board List */
.board_wrap [class*='type_list'] > ul > li {width:100%; table-layout:fixed; display:table;}
.board_wrap [class*='type_list'] > ul > li > * {box-sizing:border-box; display:table-cell;}

.board_wrap .type_list01 {border-top:2px solid #000; text-align:center;}
.board_wrap .type_list01 > ul > li {border-bottom:1px solid #dfdfdf;}
.board_wrap .type_list01 > ul > li > * {padding:8px 30px 6px 30px;}
.board_wrap .type_list01 > ul.board_top > li > * {height:40px; color:#333; font-size:14px; font-weight:500; background-color:#f5f6f8; vertical-align:middle;}
.board_wrap .type_list01 > ul.board_body > li > * {height:66px; vertical-align:middle;}
.board_wrap .type_list01 .subject > * {font-weight:300; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:left; display:block;}
.board_wrap .type_list01 .no_list > * {padding:120px 0; font-size:21px !important; font-weight:500 !important;}

/* board column width */
[class*='type_list'] .no {width:120px;}
[class*='type_list'] .date {width:190px;}

/* board View */
.board_wrap .type_view01 {border-top:1px solid #344079;}
.board_wrap .type_view01 > ul.board_top > li {position:relative;}
.board_wrap .type_view01 > ul.board_top > li > .subject {padding:25px 125px 26px 30px; font-size:18px; font-weight:500; display:block;}
.board_wrap .type_view01 > ul.board_top > li > .date {width:125px; color:#999; font-weight:300; text-align:center; position:absolute; top:25px; right:0; display:block;}
.board_wrap .type_view01 .board_content {padding:30px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}

.board_wrap .type_view01 .fileSection {margin-top:30px;}
.board_wrap .type_view01 .fileSection a {padding:10px 20px 11px 19px; color:#777; font-size:13px; font-weight:300; border:1px solid #dcdcdc; border-radius:5px; box-sizing:border-box; display:inline-block;}
.board_wrap .type_view01 .fileSection a:before {width:20px; height:20px; margin-right:10px; background:url('../img/common/icon_file.png') 50% no-repeat; background-size:cover; vertical-align:middle; content:''; display:inline-block;}
.board_wrap .type_view01 .fileSection a * {vertical-align:middle; display:inline-block;}

.board_wrap .type_view02 {border-top:1px solid #000;}
.board_wrap .type_view02 .row {width:100%; border-bottom:1px solid #e7e7e7; display:table;}
.board_wrap .type_view02 .row > * {padding: 20px 30px; display:table-cell;}
.board_wrap .type_view02 .row .logo_list {}

/* 2020.10.19 행사안내 파트너사 이미지 안보임현상으로 height 주석처리 */
.board_wrap .type_view02 .row .logo_list li {float:left; /*height:24px;*/ padding:12px 24px 12px 0;}

.board_wrap .type_view02 .row .logo_list li img {height:100%;}
.board_wrap .type_view02 .col_tit {width:160px; font-size:16px; font-weight:500; background-color:#fafafa; vertical-align:middle;}

.board_wrap .type_toggle01 {border-bottom:1px solid #e7e7e7;}
.board_wrap .type_toggle01 > dt, .board_wrap .type_toggle01 > dd {padding-right:110px; padding-left:120px; font-weight:400; line-height:2; box-sizing:border-box; cursor:pointer; position:relative;}
.board_wrap .type_toggle01 > dt {padding-top:19px; padding-bottom:22px; font-size:16px; border-top:1px solid #e7e7e7;}
.board_wrap .type_toggle01 > dd {padding-top:42px; padding-bottom:45px; font-size:14px;background-color:#f5f5f5; border-top:1px solid #e7e7e7; display:none;}
.board_wrap .type_toggle01 > dt:before, .board_wrap .type_toggle01 dd:before {margin-top:5px; font-size:20px; font-weight:500; line-height:1; position:absolute; left:38px;}
.board_wrap .type_toggle01 > dt:before {color:#000; content:'Q';}
.board_wrap .type_toggle01 > dd:before {color:#ff6600; content:'A';}
.board_wrap .type_toggle01 > dt:after {width:20px; height:12px; margin-top:12px; background:url('../img/common/icon_arrow_toggle.png') 50% no-repeat; background-size:cover; content:''; position:absolute; right:38px; opacity:0.2; display:inline-block; transform:rotate(180deg); transition:all 0.2s;}
.board_wrap .type_toggle01 > dt.active:after {transform:rotate(0deg); opacity:1;}

.board_wrap .type_table01 {border-top:1px solid #000; text-align:center;}
.board_wrap .type_table01 li {width:100%; border-bottom:1px solid #e7e7e7; display:table;}
.board_wrap .type_table01 li > * {padding:18px 30px; display:table-cell;}
.board_wrap .type_table01 li > * + * {border-left:1px solid #e7e7e7;}
.board_wrap .type_table01 li > strong {font-size:16px; font-weight:500; background-color:#fafafa;}

/* pager */
.pageSection {margin-top:60px; text-align:center;}
.pageSection > * {margin:0 11px; color:#555; font-size:14px; font-weight:400; vertical-align:middle; display:inline-block;}
.pageSection [class*='btn_'] {width:30px; height:30px; margin:0 2px; font-size:0; background-position:50% 0; background-repeat:no-repeat;}
.pageSection .btn_first, .pageSection .btn_last {background-image:url('../img/common/icon_pager_first.png');}
.pageSection .btn_prev, .pageSection .btn_next {background-image:url('../img/common/icon_pager_prev.png');}
.pageSection .btn_next, .pageSection .btn_last {transform:rotate(180deg);}
.pageSection [class*='btn_']:hover {background-position:50% 100%;}
.pageSection strong {color:#000;}

/* button */
.btnSection {margin-top:60px; text-align:center;}
.btnSection_20 {margin-top:20px; text-align:center;}

.btnSection_full {margin-top:60px; text-align:center;}

[class*='btnSection']:after {clear:both; content:''; display:block;}

[class*='btn_'] {display:inline-block;}
[class*='btn_'] > * {border:2px solid transparent; box-sizing:border-box; text-align:center; display:block;}

.btn_mid > *, .btn_free > * {height:54px; font-size:15px; font-weight:400; line-height:50px;}

.btn_gray > * {color:#333; background-color:#f0f0f0;}

[class*='btnSection'] > [class*='btn_'] + [class*='btn_'] {padding-left:10px;}
[class*='btnSection'] .btn_link > * {width:180px; color:#fff; background-color:#ff6600; border-radius:54px;}
[class*='btnSection'] .btn_data > * {width:180px; color:#fff; background-color:#00acd7; border-radius:54px;}
[class*='btnSection'] .btn_gray > * {width:180px; color:#333; background-color:#f0f0f0; border-radius:54px;}
[class*='btnSection'] .btn_free > * {width:auto; padding:0 60px;}

/* content */
/* select box */
.application_wrap .select_box {display:inline-block;}
.application_wrap .select_box select {height:35px; padding-right:35px; padding-left:14px; color:#555; line-height:33px; background:url('../img/common/icon_select_arrow.png') top 50% right 10px no-repeat; border:1px solid #dcdcdc; position:relative;}

/* placeholder */
.application_wrap .placeholder_wrap {position:relative;}
.application_wrap span.placeholder_wrap {display:inline-block;}
.application_wrap .placeholder {padding-left:15px; color:#ccc; font-size:14px; position:absolute; top:4px; right:0; bottom:0; left:0;}

/* button */
.application_wrap [class*='btn_'] {display:inline-block;}
.application_wrap [class*='btn_'] span {box-sizing:border-box; text-align:center; display:inline-block;}
.application_wrap .btn_mid span {height:35px; line-height:33px; border:1px solid transparent;}
.application_wrap .btn_gray span {color:#333; font-size:14px; font-weight:400; background-color:#f1f1f1; border-radius:3px;}
/* checked */
.application_wrap .btn_gray.checked span {color:#fff; background-color:#333;}


/* input */
.application_wrap input[type='password'], .application_wrap input[type='text'], .application_wrap input[type='number'], .application_wrap input[type='date'] {width:100%; height:35px; padding:0 15px; font-size:16px; line-height:33px; border:1px solid #dcdcdc; box-sizing:border-box;}

.application_wrap input[type='radio'] {width:21px; height:21px; background:url('../img/common/icon_radio.png') 50% 0 no-repeat; background-size:cover; border:0;}
.application_wrap input[type='checkbox'] {width:21px; height:21px; background:url('../img/common/icon_checkbox.png') 50% 0 no-repeat; background-size:cover; border:0;}
.application_wrap .check_s input[type='checkbox'] {width:18px; height:18px; background:url('../img/common/icon_checkbox_s.png') 50% 0 no-repeat; background-size:cover; border:0;}
.application_wrap input[type='radio']:checked, .application_wrap input[type='checkbox']:checked {background-position:50% 100%;}

.application_wrap input.input_default {width:auto;}
.application_wrap input.input_mid {width:50%;}
.application_wrap input.input_date {width:180px; font-size:16px; background:url('../img/common/icon_date.png') 90% 50% no-repeat;}

.application_wrap .agree label + label {margin-left:20px;}
.application_wrap label * {vertical-align:middle; display:inline-block;}
.application_wrap label span {margin-left:5px; display:inline;}

.application_wrap strong.title, .information_wrap strong.title {margin-bottom:17px; color:#333; font-size:26px; font-weight:500; letter-spacing:0; position:relative; display:block;}
.application_wrap div + strong.title, .information_wrap div + strong.title {margin-top:55px;}

.application_wrap strong.title span, .information_wrap strong.title span {font-size:20px; font-weight:300; display:inline-block;}
.application_wrap strong.title span:before, .information_wrap strong.title span:before {height:15px; margin-left:5px; padding-left:10px; border-left:2px solid #7a7a7a; content:''; display:inline-block;}

.information_wrap .thumb {margin-bottom:50px; position:relative;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;
background-size: cover;padding-top: 32.36%;}
.information_wrap .thumb img {max-width:100%;}
.information_wrap .thumb div {padding:25px 40px 27px; background-color:rgba(0,0,0,0.5); position:absolute; right:0; bottom:0; left:0;}
.information_wrap .thumb div * {margin-top:11px; padding:0 5px; color:#fff; font-size:18px; font-weight:400; line-height:100%; letter-spacing:0.05em; vertical-align:middle; display:inline-block;}
.information_wrap .thumb div strong {margin-top:0; margin-right:18px; font-size:34px; font-family:'OpenSans'; font-weight:700; letter-spacing:0.03em;}

.information_wrap strong.title {margin-left:50px;}
.information_wrap #map {margin-top:100px; padding-top:45.4198%; position:relative;}
.information_wrap #map > * {position:absolute; top:0; right:0; bottom:0; left:0;}

.application_wrap span.title {margin-bottom:17px; color:#333; font-size:20px; font-weight:800; font-family:'NanumSquare', sans-serif; letter-spacing:0; position:relative; display:block;}

.application_wrap .agree_all_check02 + .title {margin-top:45px;}
.application_wrap div + .title {margin-top:45px;}

.application_wrap .explain {margin-top:13px; color:#999; font-size:14px; font-weight:300; letter-spacing:-0.05em;}
.application_wrap .explain_type02 {margin-top: 0;padding-left: 18px;}

.accept_explain {margin-bottom:40px; padding:44px 65px 46px; background-color:#f7f7f7;}
.accept_explain:after {clear:both; content:''; display:block;}
.accept_explain li {padding-left:15px; font-size:16px; font-weight:700; line-height:1.5; position:relative;}
.accept_explain li + li {margin-top:12px;}
.accept_explain li:before {width:4px; height:4px; background-color:#ff6600; border-radius:50%; content:''; position:absolute; top:10px; left:0; display:block;}

.accept_explain li.impact {color:#ff6600;}

.application_wrap .pay_explain {margin-top:25px; font-size:16px; letter-spacing:-0.05em;}
.application_wrap .pay_explain ul {margin-left:20px;}
.application_wrap .pay_explain li {margin-top:3px; padding-left:9px; position:relative;}
.application_wrap .pay_explain li:after {width:5px; border-top:1px solid #333; content:''; position:absolute; top:13px; left:0;}

.application_wrap .type_toggle01 > dt, .application_wrap .type_toggle01 > dd {padding-left:40px;}
.application_wrap .type_toggle01 > dt:before, .application_wrap .type_toggle01 > dd:before {display:none;}
.application_wrap .type_toggle01 > dt > strong {padding-left:80px; font-size:16px; font-weight:400; position:relative; display:inline-block;}
.application_wrap .type_toggle01 > dt.required > strong:after {margin-left:5px; color:#ff6600; font-size:16px; content:'[필수]'; display:inherit;}
.application_wrap .type_toggle01 > dt em {color:#000; font-size:20px; font-family:'NanumSquare', sans-serif; font-weight:800; position:absolute; top:0; left:0;}
.application_wrap .type_toggle01 > dt span.agree {margin-top:-13px; font-size:14px; position:absolute; top:50%; right:95px; display:inline-block;}
.application_wrap .type_toggle01 > dt label span {margin-top:-2px;}
.application_wrap .type_toggle01 > dd {height:200px; padding:43px 50px; font-size:14px; background-color:#f7f7f7; box-sizing:border-box; overflow:auto; display:none;}

.application_wrap [class*='agree_all_check'] > * {vertical-align:middle; display:inline-block;}
.application_wrap [class*='agree_all_check'] label {margin-left:15px; font-size:14px;}

.application_wrap .agree_all_check {margin-top:55px; color:#333; font-size:18px; text-align:center;}
.application_wrap .agree_all_check02 {margin-top:20px;}

.application_wrap .type_address p{margin-bottom: 10px;}

.application_wrap [class*='board_type'] > ul {position:relative;}
.application_wrap [class*='board_type'] > ul > li .row {width:100%; table-layout:fixed; display:table;}
.application_wrap [class*='board_type'] > ul > li .row > * {border-bottom:1px solid #e7e7e7; box-sizing:border-box; display:table-cell;}
.application_wrap [class*='board_type'] > ul > li .row > * + * {border-left:1px solid #e7e7e7;}

.application_wrap .board_type_write01 {border-top:1px solid #e7e7e7;}
.application_wrap .board_type_write01 .col_tit {width:200px; padding-left:45px; color:#333; font-size:16px !important; font-weight:500 !important; letter-spacing:0; background-color:#f7f7f7;word-break:keep-all}
.application_wrap .board_type_write01 > ul:before {width:100%; border-top:1px solid #e7e7e7; content:''; position:absolute; bottom:0; left:0;}
.application_wrap .board_type_write01 > ul > li .row > * {padding:10px 30px; font-size:15px; font-weight:300; letter-spacing:-0.05em; vertical-align:middle;}
.application_wrap [class*='board_type'] > ul > li .row_tit {display: block;padding: 20px 0 10px;}

.application_wrap .board_type_write01 > ul > li .row > * ul {margin-top:-14px; margin-left:-27px;}
.application_wrap .board_type_write01 > ul > li .row > * ul:after {clear:both; content:''; display:block;}
.application_wrap .board_type_write01 > ul > li .row > * ul li {padding-top:14px; padding-left:27px; float:left;}
.application_wrap .board_type_write01 > ul > li .btn_mid span {width:120px;}
.application_wrap .board_type_write01 > ul > li * + .btn_mid {margin-left:10px;}
.application_wrap .board_type_write01 li.option * + * {margin-left:9px;}
.application_wrap .board_type_write01 li.option input[type='text'] {width:110px; height:25px; margin-left:9px; line-height:23px;}
.application_wrap .board_type_write01 li .multi_input {margin-left:-15px;}
.application_wrap .board_type_write01 li .multi_input:after {clear:both; content:''; display:block;}
.application_wrap .board_type_write01 li .multi_input > *:not(.btn_mid) {padding-left:15px; box-sizing:border-box; float:left; position:relative;}
.application_wrap .board_type_write01 li .multi_input.type_num_s  > *:not(.btn_mid)  {padding-left: 0;padding-right: 15px;}
.application_wrap .board_type_write01 li .multi_input > span + span:before {content:'-'; position:absolute; top:4px; left:4px; display:inline-block;}
.application_wrap .board_type_write01 li .multi_input.type_num_s > span + span:before {left: -11px;}
.application_wrap .board_type_write01 li .multi_input.type_email > span + span:before {content:'@'; left:0.5px; }

/* ADD KIC:20200507*/
.application_wrap .board_type_write01 li .multi_input.type_phone > span + span:before {content:'-'; left:5.5px; }

.application_wrap .board_type_write01 > ul > li.address .row > * p + p {margin-top:10px;}
.application_wrap .board_type_write01 > ul > li.address .row > * p.post input[type='text'] {width:180px;}

/* ADD YJ:190613 */
.application_wrap .board_type_write01 > ul > li .row .select_size {width: 50%;height: 35px;    border: 1px solid #dcdcdc;padding: 0 15px;font-size: 16px;line-height: 33px;background: url(../img/contents/icon_arrow_down.png) no-repeat 95% 50%;}

.application_wrap .board_type_write01 > ul.type_half:after {clear:both; content:''; display:block;}
.application_wrap .board_type_write01 > ul.type_half > li {width:50%; float:left;}
.application_wrap .board_type_write01 > ul.type_half > li .multi_input > *:not(.btn_mid) {width:35%;}
.application_wrap .board_type_write01 > ul.type_half > li .multi_input.type_num_s > *:not(.btn_mid) {width:33.333%;}
.application_wrap .board_type_write01 > ul.type_half > li .multi_input .btn_mid span {width:80px;}

.application_wrap .add_member > li + li {margin-top:30px;}
.application_wrap .add_member .board_wrap {clear:both;}

.application_wrap .add_member .btn_del {margin-bottom:5px; float:right;}
.application_wrap .add_member .btn_del span {padding-right:20px; font-size:15px; position:relative;}
.application_wrap .add_member .btn_del span:before, .application_wrap .add_member .btn_del span:after {width:17px; border-top:2px solid #212121; content:''; position:absolute; bottom:12px; right:0; display:inline-block; transform:rotate(45deg);}
.application_wrap .add_member .btn_del span:after {transform:rotate(-45deg);}

.application_wrap.complete {padding:60px; background-color:#f7f7f7; text-align:center;}
.application_wrap.complete strong {margin-bottom:10px; font-size:24px; display:block;}
.application_wrap.complete strong:before {width:141px; height:119px; margin:0 auto 39px; background:url('../img/contents/icon_complete.png') 50% no-repeat; background-size:cover; content:''; display:block;}
.application_wrap.complete strong span {color:#ff6600;}

.bullet_list {margin-top:45px;}
.bullet_list dt {padding-left:60px; font-size:18px; font-weight:500; position:relative;}
.bullet_list dt:before {width:4px; height:4px; background-color:#f36d21; border-radius:50%; content:''; position:absolute; top:11px; left:50px; display:block;}
.bullet_list dd + dt {margin-top:22px;}
.bullet_list dd {margin-top:13px; padding-bottom:21px; padding-left:60px; border-bottom:1px solid #e7e7e7;}
.bullet_list dd > p {padding-left:10px; position:relative;}
.bullet_list dd > p:before {width:3px; height:3px; background-color:#999; content:''; position:absolute; top:11px; left:0;}
.bullet_list dd ul {margin-top:19px; margin-bottom:33px; margin-left:10px;}
.bullet_list dd ul + .btnSection_20 {margin-top: -13px;}
.bullet_list dd li {padding-left:10px; position:relative;}
.bullet_list dd li:before {width:4px; border-top:1px solid #333; content:''; position:absolute; top:13px; left:0;}

.bullet_list .btn_mid > * {width:auto; min-width:130px; height:54px !important; margin-bottom:20px; padding:0 20px; line-height:50px !important; border-radius:54px !important;}

/* 대회소개 : Global 6K for Water */
.introduce_wrap [class*='img_wrap'], .introduce_wrap + p {margin-top:100px;}
.introduce_wrap [class*='img_wrap']:after {clear:both; content:''; display:block;}
.introduce_wrap [class*='img_wrap'] li {box-sizing:border-box; float:left; display:inline-block;}
.introduce_wrap [class*='img_wrap'] li + li {float:right;}
.introduce_wrap [class*='img_wrap'] li img {max-width:100%;}
.introduce_wrap .txt {text-align:center;font-weight:400;}

.introduce_wrap .info_graph li > * {padding-top:83.23076%; background-position:50%; background-repeat:no-repeat; background-size:cover; position:relative;}

.introduce_wrap .info_graph li:nth-child(1) > * {background-image:url('../img/contents/img_intro_6k_01_3_1.jpg');}
.introduce_wrap .info_graph li:nth-child(2) > * {background-image:url('../img/contents/img_intro_6k_01_3_2.jpg');}

.introduce_wrap .info_graph li p {width:100%; height:100%; padding:68px; box-sizing:border-box; position:absolute; top:0; left:0;}
.introduce_wrap .info_graph li p * {display:block;}
.introduce_wrap .info_graph li p strong {margin-bottom:28px; color:#f36d21; font-size:50px; font-family: 'GillSansMT', sans-serif; font-weight: 700; line-height:1.2;}
.introduce_wrap .info_graph li p span {padding-left:2px; line-height:1.6;}
.introduce_wrap .info_graph li p em {color:rgba(255,255,255,0.5); font-size:12px; line-height:1.5; position:absolute; bottom:55px; left:70px;}
.introduce_wrap .info_graph li:nth-child(2) p strong {color:#00accb;}
.introduce_wrap .info_graph li:nth-child(2) p em {color:#333;}

.img_wrap01 li {width:57.6335%;}
.img_wrap01 li + li {width:40.7633%;}
.img_wrap_half {margin-left:-10px;}
.img_wrap_half li {width:50%; padding-left:10px;}

.introduce_wrap dl.intro_6k {margin-top:100px; margin-left:50px; position:relative;}
.introduce_wrap dl.intro_6k.for_water {margin-top:140px;}
.introduce_wrap dl.intro_6k > dt {width:330px; font-size:40px; font-family:'GillSansMT', sans-serif; font-weight:700; position:absolute; top:0; left:0;}
.introduce_wrap dl.intro_6k > dd {padding-left:330px;}
.introduce_wrap dl.intro_6k > dd p {font-size:15px; font-weight:300; word-break:keep-all;}
.introduce_wrap dl.intro_6k > dd p + p {margin-top:28px;}

.intro_program dt {margin-top:100px; margin-bottom:50px; padding-left:50px; font-size:30px; font-weight:700; line-height:1;}
.intro_program dt * {color:#000; vertical-align:middle; display:inline-block;}
.intro_program dt span, .intro_program dt span * {margin-left:15px; color:#646464; font-size:20px; font-weight:400; line-height:1.3;}
.intro_program dt span em {margin-top:-4px; position:relative;}
.intro_program dt span em:after {height:18px; margin-left:6px; margin-bottom:-2px; border-left:1px solid #646464; content:''; display:inline-block;}
.intro_program dd div.program_info {margin:50px 50px 0; position:relative;}
.intro_program dd div.program_info strong {color:#000; font-size:24px; font-weight:700; line-height:1.58; position:absolute; top:0; left:0; display:inline-block;}
.intro_program dd div.program_info strong p {padding-left: 0;}
.intro_program dd div.program_info strong p a {display: inline-block;font-size:16px;line-height:42px;color: #000;}
.intro_program dd div.program_info > p {margin-left:545px;}
.intro_program dd div.program_info > p em {color:#999; font-size:13px; font-weight:300; display:block;}
.intro_program dd div.program_info > p em:nth-of-type(1) {margin-top:15px;}
/* .intro_program dd div.program_info ul {margin-top:45px; margin-left:-20px;}
.intro_program dd div.program_info ul:after {clear:both; content:''; display:block;}
.intro_program dd div.program_info li {width:33.3333%; padding-left:20px; box-sizing:border-box; float:left;}
.intro_program dd div.program_info li * {box-sizing:border-box; display:block;}
.intro_program dd div.program_info li span {height:60px; color:#000; font-size:14px; font-weight:700; line-height:56px; border:2px solid #000; border-radius:3px; text-align:center;} */
.intro_program dd div.program_info ul{font-size:0;margin: 0 -14px;padding-top: 37px;}
.intro_program dd div.program_info li {display: inline-block;width: 14.285%;margin-top: 10px;padding: 0 14px;vertical-align: top;font-size:15px;box-sizing:border-box;}
.intro_program dd div.program_info li span {display: block;width: 100%;line-height:54px;height: 54px;border-radius: 50px;background-color: #ff6600;color: #fff;font-weight:500;text-align: center;}
.intro_program dd .img_wrap_half {margin-top:0; margin-bottom:50px;}



.intro_program dd div.board_wrap {margin-top:50px;}
.intro_program dd div.board_wrap li > * {vertical-align:middle;}
.intro_program dd div.board_wrap li > *:nth-child(1) {width:16%;}
.intro_program dd div.board_wrap li > *:nth-child(2) {width:42%;}
/* 변경 KIC 20200507 : width */
.intro_program dd div.board_wrap li > * * {/*width:15.666%;*/width:13.666%; white-space:pre; display:inline-block;}

[class*='passwordWrap'] {text-align: center;padding: 44px 20px; box-sizing:border-box;background-color: #f7f7f7;}
[class*='passwordWrap'] .passwordWrapTit {font-size: 20px;line-height: 30px;color: #333;margin-bottom: 30px; padding:0;}
[class*='passwordWrap'] .inputArea {display: inline-block;text-align: left;}

[class*='passwordWrap'] .inputArea strong {position: absolute;left: 0;top: 0;font-size: 16px;line-height: 35px;}
[class*='passwordWrap'] .inputArea {padding-right: 148px;position: relative;}
[class*='passwordWrap'] .inputArea {padding-left: 0; box-sizing:border-box;}
[class*='passwordWrap'] .inputArea.type_mp > div {position: relative;padding-left: 150px;margin-bottom: 10px;}
[class*='passwordWrap'] .inputArea.type_fp > div {position: relative;padding-left: 100px;}
[class*='passwordWrap'] .inputArea.type_fp > div + div {margin-top:10px;}
[class*='passwordWrap'] .inputArea .btn_typ1 {top: 0;position: absolute;right: 0;width: 120px;border-radius: 3px !important; border: none;background-color: #333333;height: 100%;color: #fff;font-size: 14px;font-weight: bold;}
.passwordWrap02 .inputArea.type_fp > div {padding-left:150px;}
.passwordWrap02 .input_box.type_num {width:244px;}
.input_box.type_num {line-height: 35px;}
.input_box.type_num .inp_ty1 {width: 70px;text-align: center;}
.input_box input[type="text"].inp_ty1, .input_box input[type="password"].inp_ty1 {display: inline-block;padding: 0 10px;vertical-align: top;height: 35px;box-sizing:border-box;border: 1px solid #dcdcdc;border-radius: 3px !important;background-color: #fff;}
.input_box input.inp_ty_full {width:100% !important;}
.btn_typ1 {display: inline-block;}
.input_box input[type="password"].inp_ty1 {text-align: left;}
.input_box input[type="text"].inp_ty1.w300 {width: 300px;}
.input_box input[type="password"].inp_ty1.w300 {width: 300px;}

/* 190424 Add JH 약관 관련 style :: Start */
.policy_wrap {font-size:14px;}
.policy_wrap strong.title {font-size:20px;}
.policy_wrap table {width:100%; text-align:center;}
.policy_wrap thead {background-color:#eee;}
.policy_wrap th, .policy_wrap td {height:42px; padding:5px 8px; border:1px solid #e6e6e6;}
.policy_wrap td {background-color:#fff;}

.policy_wrap dt {font-weight:700;}
.policy_wrap dd {padding-left:15px;}
.policy_wrap dd + dt {margin-top:30px;}
.policy_wrap li li {padding-left:10px;}
.policy_wrap li + li {margin-top:10px;}

.policy_wrap * + strong.title {margin-top:20px;}
.policy_wrap * + div, .policy_wrap * + p {margin-top:20px;}
.policy_wrap * + table {margin-top:10px;}
.policy_wrap ol {margin-top:20px;}

.policy_wrap > p + ol {margin-top:30px;}
/* 190424 Add JH 약관 관련 style :: End */

@media screen and (max-width:1280px) {
.introduce_wrap .info_graph li p strong {font-size:44px;}
.introduce_wrap .info_graph li p em {bottom:45px;}
}

@media screen and (max-width:1120px){
br.pc_only {display:none;}
}

@media screen and (max-width:1100px) {
.introduce_wrap .info_graph li p {padding:48px;}
.introduce_wrap .info_graph li p em {left:48px;}
}

@media screen and (max-width:1024px){
.content {padding-bottom:70px;}

h2 {margin-bottom:40px; font-size:40px;}

/* 대회소개 */
.introduce_wrap [class*='img_wrap'], .introduce_wrap + p {margin-top:50px;}
.introduce_wrap dl.intro_6k {margin-top:60px; margin-left:30px;}
.introduce_wrap dl.intro_6k > dd {padding-left:260px;}
.introduce_wrap dl.intro_6k > dd p {font-size:13px;}

.intro_program dt {margin-top:60px; margin-bottom:35px; padding-left:30px; font-size:24px;}
.intro_program dd div.program_info strong {font-size:21px;}
.intro_program dd div.program_info > p {margin-left:425px;}

.introduce_wrap .info_graph li p strong {font-size:37px;}

.intro_program dd div.program_info li {width: 25%;}

.application_wrap .board_type_write01 .col_tit {
    width: 130px;}
}

@media screen and (max-width:1023px){
h2 {font-size:34px;}
h2 span {font-size:16px;}

.introduce_wrap .info_graph li p {padding:28px;}
.introduce_wrap .info_graph li p em {bottom:30px; left:28px;}

.intro_program dt span {margin-top:10px; font-size:13px; display:block;}
.intro_program dt span em {margin-left:0; font-size:13px;}
.intro_program dt span em:after {height:13px; margin-right:4px;}
}

@media screen and (max-width:768px){
.introduce_wrap dl.intro_6k {margin-top:30px; margin-left:0;}
.introduce_wrap dl.intro_6k > dt {width:auto; margin-bottom:20px; font-size:30px; position:static;}
.introduce_wrap dl.intro_6k > dd {padding-left:0;}
.introduce_wrap dl.intro_6k > dd p + p {margin-top:15px;}
.introduce_wrap dl.intro_6k .btnSection {text-align:center !important;}

.introduce_wrap .info_graph li p strong {font-size:30px;}

.intro_program dt {margin-top:50px; padding-left:0; font-size:21px;}
.intro_program dd div.program_info {margin:20px 20px 0;}
.intro_program dd div.program_info ul {margin: 0 -5px;margin-top:25px;padding-top: 0;}
.intro_program dd div.program_info li {width:50%; padding: 0 5px;padding-top:7px;margin-top: 0;}
.intro_program dd div.program_info strong {margin-bottom:20px; font-size:18px; position:static; display:block;}
.intro_program dd div.program_info strong p a {font-size: 13px;line-height: 30px;}
.intro_program dd div.program_info strong br {display:none;}
.intro_program dd div.program_info > p {margin-left:0;}

.intro_program dd div.program_info li span {height:40px; line-height:36px;}

.application_wrap .board_type_write01 > ul > li .row .select_size
}

@media screen and (max-width:767px){
.information_wrap .thumb {padding-top: 80%;}

.introduce_wrap dl.intro_6k > dt {font-size:26px;}
.introduce_wrap .info_graph li {width:100%; float:none !important;}
.introduce_wrap .info_graph li p {padding:20px;}
.introduce_wrap .info_graph li p strong {margin-bottom:15px;}
.introduce_wrap .info_graph li p em {padding-right:138px;}
.introduce_wrap .info_graph li:nth-child(1) p em {color:rgba(255,255,255,0.7); text-shadow:2px 1px 1px rgba(0,0,0,0.1);}
.introduce_wrap .info_graph li p em br {display:none;}

.intro_program dt {font-size:18px;}
.intro_program dd div.program_info li {width:50%;}

.intro_program dd div.board_wrap li > * {padding:10px 15px; font-size:14px;}
.intro_program dd div.board_wrap li > *:nth-child(1) {width:18%;}
.intro_program dd div.board_wrap li > * * {width:30.666%;}

.board_wrap .type_view02 .col_tit {width:30%; font-size:14px;}
.board_wrap .type_view02 .row > * {padding:10px 15px;}

.information_wrap #map {padding-top:95.4198%;}

.application_wrap [class*='board_type'] > ul > li .row {display:block;}
.application_wrap [class*='board_type'] > ul > li .row > * {display:block;}

.application_wrap .board_type_write01 .col_tit {width:100%; font-size:14px !important;}
.application_wrap .board_type_write01 > ul > li .row > * {font-size:14px;}
.application_wrap [class*='board_type'] > ul > li .row > * + * {border-right:1px solid #e7e7e7;}

.application_wrap [class*='board_type'] > ul > li.mobile_full {width:100%;}

.introduce_wrap dl.intro_6k.for_water {margin-top:60px;}
.application_wrap .board_type_write01 > ul > li .row .select_size {
    width: 100%;}
	.application_wrap .board_type_write01 li .multi_input {margin-left: 0;padding: 5.5px 10px !important;}
	.application_wrap .select_box{padding: 5.5px 30px !important;}
.application_wrap .board_type_write01 > ul.type_half > li .multi_input.type_num_s > *:not(.btn_mid) {margin-top: 0;vertical-align: top;padding-right: 0;padding: 0 5px;}
.application_wrap input[type='text'] {padding: 0 2px;}
.application_wrap .board_type_write01 li .multi_input > span + span:before {left: -3px !important;}

}

@media screen and (max-width:600px){
h2 {font-size:30px;}
h2 span {font-size:15px;}

.application_wrap strong.title, .information_wrap strong.title {font-size:22px;}
.application_wrap div + strong.title, .information_wrap div + strong.title {margin-top:30px;}

.application_wrap .agree_all_check02 + .title {margin-top:30px;}

.introduce_wrap [class*='img_wrap'] li {width:100%;}
.introduce_wrap [class*='img_wrap'] li + li {padding-top:10px;}

.introduce_wrap .txt {text-align:left;}

.information_wrap strong.title {margin-left:0;}
.application_wrap strong.title span, .information_wrap strong.title span {font-size:14px; display:block;}
.application_wrap strong.title span:before, .information_wrap strong.title span:before {height:12px; margin-left:0; padding-left:5px;}
.information_wrap #map {margin-top:50px;}

.application_wrap .btn_gray span {height:48px !important; font-size:14px; line-height:44px !important;}

.bullet_list {margin-top:25px;}
.bullet_list dt {padding-left:10px; font-size:16px;}
.bullet_list dt:before {left:0px;}
.bullet_list dd {padding-left:10px;}
.bullet_list .btn_mid {width:auto !important; min-width:45%;}

/* button */
.btnSection {margin-top:30px;}

[class*='btnSection'] {margin-top:20px;}
[class*='btnSection'] > [class*='btn_'] {width:45%; padding-top:10px; }
[class*='btnSection'] > .btn_free {width:auto;}
[class*='btnSection'] .btn_link > * {width:auto;}
[class*='btnSection'] .btn_data > * {width:auto;}
[class*='btnSection'] > .btn_free > * {padding:0 20px;}

.btn_mid > *, .btn_free > * {height:48px; font-size:14px; line-height:44px;}

.btnSection_full > [class*='btn_'] {width:100%; padding-left:0 !important;}

.accept_explain {padding:20px 25px;}
.accept_explain li {font-size:14px; font-weight:500;}
.accept_explain li:before {top:8px;}

/* board */
.application_wrap input[type='radio'] {width:18px; height:18px;}

/*.application_wrap [class*='board_type'] > ul > li .row {display:block;}
.application_wrap [class*='board_type'] > ul > li .row > * {display:block;}

.application_wrap .board_type_write01 .col_tit {width:100%; font-size:14px !important;}
.application_wrap .board_type_write01 > ul > li .row > * {font-size:14px;}
.application_wrap [class*='board_type'] > ul > li .row > * + * {border-right:1px solid #e7e7e7;}

.application_wrap [class*='board_type'] > ul > li.mobile_full {width:100%;}*/

/*.application_wrap .board_type_write01 > ul > li .row > * ul li {}*/

.application_wrap .board_type_write01 li .multi_input > *:not(.btn_mid) {width:100%;}
.application_wrap .board_type_write01 li .multi_input > *:not(.btn_mid) + *:not(.btn_mid) {margin-top:10px;}

.application_wrap .board_type_write01 > ul > li.address .row > * p.post input[type='text'] {width:100%;}

.application_wrap .board_type_write01 > ul > li * + .btn_mid {width:100%; margin-top:10px; margin-left:0}
.application_wrap .board_type_write01 > ul > li * + .btn_mid span {width:100%;}
.application_wrap input.input_mid {width:100%;}

.application_wrap .type_toggle01 > dt, .application_wrap .type_toggle01 > dd {padding:15px 20px 18px 20px;}
.application_wrap .type_toggle01 > dt em {font-size:16px; font-weight:500;}
.application_wrap .type_toggle01 > dt.required > strong:after {font-size:14px;}
.board_wrap .type_toggle01 > dt:after {bottom:30px; right:20px;}

.application_wrap .type_toggle01 > dt > strong {padding-left:30px; font-size:14px; line-height:1.5;}
.application_wrap .type_toggle01 > dt span.agree {margin-top:0; padding-left:30px; position:static; display:block;}

.application_wrap input[type='checkbox'] {width:18px; height:18px;}

.application_wrap.complete {padding:25px 20px;}
.application_wrap.complete strong {font-size:21px;}
.application_wrap.complete strong:before {width:101px; height:85px;}

.application_wrap input.input_date {width:100%;}

.application_wrap input.input_default {width:100%;}

[class*='passwordWrap'] .passwordWrapTit {font-size:18px; line-height:1.5;}
[class*='passwordWrap'] .inputArea {padding-right:0; display:block;}
[class*='passwordWrap'] .inputArea.type_fp > div {padding-left:0;}
[class*='passwordWrap'] .inputArea strong {margin-bottom:5px; font-size:15px; line-height:1.5; position:static; display:block;}
[class*='passwordWrap'] .inputArea .btn_typ1 {width:100%; height:48px; margin-top:20px; position:static; display:block;}

.passwordWrap02 .input_box.type_num {width:100%;}

.board_wrap .type_toggle01 > dt, .board_wrap .type_toggle01 > dd {padding:15px 30px 18px 30px; font-size:14px;}
.board_wrap .type_toggle01 > dt:before, .board_wrap .type_toggle01 dd:before {font-size:16px; left:10px;}
.board_wrap .type_toggle01 > dt em {font-size:16px; font-weight:500;}
.board_wrap .type_toggle01 > dt.required > strong:after {font-size:14px;}
.board_wrap .type_toggle01 > dt:after {bottom:30px; right:20px;}

.board_wrap .type_toggle01 > dt > strong {padding-left:30px; font-size:14px; line-height:1.5;}
.board_wrap .type_toggle01 > dt span.agree {margin-top:0; padding-left:30px; position:static; display:block;}

[class*='search_wrap'] .input_wrap {width:100%; height:44px;}
[class*='search_wrap'] .btn_search {width:16px; height:16px; margin-top:-8px; background-size:cover;}
[class*='search_wrap'] .input_wrap .placeholder {top:7px;}

.board_wrap [class*='type_list'] > ul > li {position:relative; display:block;}
.board_wrap .type_list01 > ul > li {padding:10px 20px 10px 45px; box-sizing:border-box; text-align:left;}
.board_wrap .type_list01 > ul.board_body > li > * {height:auto; padding:0; display:block;}
.board_wrap .type_list01 > ul.board_top {display:none;}
.board_wrap .type_list01 .no_list > * {font-size:15px !important; text-align:center;}

[class*='type_list'] .no {width:auto; position:absolute; top:10px; left:10px; padding:0;}
[class*='type_list'] .date {width:auto; display:inline-block !important;}

.board_wrap .type_view01 > ul.board_top > li {padding:18px 20px 22px 20px;}
.board_wrap .type_view01 > ul.board_top > li > .subject {padding:0;}
.board_wrap .type_view01 > ul.board_top > li > .date {width:auto; position:static; display:inline-block;}

.board_wrap .type_view01 .board_content {padding:15px 20px;}

.board_wrap .type_view01 .fileSection a {padding:2px 10px 7px 10px;}
.board_wrap .type_view01 .fileSection a:before {width:14px; height:14px;}

.information_wrap .thumb div {padding:18px; 20px 20px;}
.information_wrap .thumb img {height:100%;}
.information_wrap .thumb div strong {font-size:24px; display:block;}


}

@media screen and (max-width:420px){
	
.board_wrap .type_view02 .row .logo_list {}
.board_wrap .type_view02 .row .logo_list li {float:none; height:24px; padding:12px 0 12px 0;}
.board_wrap .type_view02 .row .logo_list li img {height:100%;}
}