/* sub common */
.i-table {display: table;}
.i-cell {display: table-cell;vertical-align: middle;}

.videoWrapper {position: relative;padding-bottom: 56.25%;;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.videoWrapper .youtube-video-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.btn {display: inline-block;margin: 0 5px;padding: 10px 15px;font-size: 15px;font-weight: bold;border: 1px solid #001e4a;border-radius: 3px;}
.btn_lightblue {background: #5b9bd5;}
.btn_darkblue {background: #5c81cb;}

body.fixed {overflow: hidden;}

.btn_pop {display: inline-block;padding: 12px 15px;font-size: 15px;font-weight: bold;border: 1px solid #001e4a;border-radius: 3px;}
@media all and (max-width: 480px) {
	.btn_pop {padding: 10px 13px;font-size: 14px;}
}

.fl {float: left;}
.fr {float: right;}

.fx {display: flex;flex-wrap: wrap;}
.fx-jb {justify-content: space-between;}
.fx-as {align-items: stretch;}
.fx-ac {align-items: center;}

.overlay_mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;z-index: 10;}
.overlay_formbox {display: none;position: fixed;top: 50%;left: 50%;max-height: calc(99.9vh - 40px);background: #fff;border-radius: 0;z-index: 20;
transform:translate(calc(-50% + 0.5px), calc(-10% + 0.5px));
-webkit-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
-moz-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
-ms-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
-o-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
.overlay_formbox .title_box {text-align: center;padding: 10px 5px;}
.overlay_formbox .title_box h1 {display: inline-block;max-width: calc(100% - 40px);font-size: 20px;}
.overlay_formbox .title_box .btn_formbox_close {display: inline-block;float: right;width: 25px;height: 25px;background: url('../img/common/btn_close.png') no-repeat 50% 50%;background-size:contain;z-index: 30;cursor: pointer;}
.overlay_formbox .formbox_panel {position: relative;max-height: calc(99.9vh - 86px);padding: 10px 20px 20px;overflow-x: hidden;overflow-y: auto;}
.overlay_formbox .formbox_panel h1 {font-size: 20px;}
.overlay_formbox .formbox_panel h2 {font-size: 18px;}
.overlay_formbox .formbox_panel p {font-size: 15px;}

.pop_agree {width: 500px;}
@media all and (max-width: 520px) {
	.pop_agree {width: 90%;}
	.overlay_formbox .title_box h1 {font-size: 17px;}
	.overlay_formbox .formbox_panel h1 {font-size: 17px;}
	.overlay_formbox .formbox_panel h2 {font-size: 15px;}
	.overlay_formbox .formbox_panel p {font-size: 14px;}
}



.wp100 {width: 100%;}

.check_label {display: inline-block;position: relative;height: 30px;margin-right: 1rem;padding-left: 38px;padding-top: 5px;cursor: pointer;font-size: 18px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check_label input:checked ~ .checkmark {}
.check_label input:checked ~ .checkmark:after {display: block;}
.check_label .checkmark {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #fff;border: 2px solid #001e4a;}
.check_label .checkmark:after {left: 10px;top: 0;width: 6px;height: 20px;border: 1px solid #001e4a;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);content: "";position: absolute;display: none;}

@media all and (max-width: 480px) {
	.check_label {height: 24px;padding-left: 28px;padding-top: 5px;font-size: 14px;}
	.check_label .checkmark {height: 24px;width: 24px;}
	.check_label .checkmark:after {left: 7px;width: 4px;height: 13px;}
}

.radio_label {display: inline-block;position: relative;height: 30px;margin-right: 1rem;padding-left: 40px;cursor: pointer;font-size: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.radio_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio_label .checkmark {position: absolute;top: 0;left: 0;height: 30px;width: 30px;background-color: #fff;border:1px solid #001e4a;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.radio_label .checkmark:after {content: "";position: absolute;display: none;left: 2px;top: 2px;width: 18px;height: 18px;background-color: #4b7aa2;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.radio_label input:checked ~ .checkmark:after {display: block;}


/* sub common */
.main-visual .s01 {position: relative;width: 100%;height: 600px;background: url('../img/main/slide_01.jpg') no-repeat 0 0;background-size: cover;}
.main-visual .s01 a.btn {position: absolute;bottom: 30px;right: 30px;font-weight: bold;color: #fff;background: #f79647}

.youtube-area {padding: 50px 0;}
.youtube-area h2 {font-weight: bold;color: #000;margin-bottom: 10px;}

.k-list-page .article1 {padding-top: 91px;padding-bottom: 120px;}
.k-list-page .article1 h2 {margin-bottom: 14px;}
.k-list-page .article1 .top {margin-bottom: 43px;}

.sb_a1 .article1 {padding-top: 94px;padding-bottom: 200px;}
.sb_a1 .article1 h3 {margin-bottom: 66px;}
.sb_a1 .article1 h4 {margin-top: 50px;margin-bottom: 10px;}
.sb_a1 .article1 p {margin-bottom: 11px;}
.sb_a1 .article1 ul {}
.sb_a1 .article1 li {float: left;display: table;height: 88px;padding: 10px 20px;border: 1px solid #41719c;font-size: 16px;text-align: center;line-height: 140%;}
.sb_a1 .article1 li div {display: table-cell;vertical-align: middle;}
.sb_a1 .article1 li.arrow {border: 0;background: url('../img/sub/a1_arrow.png') no-repeat 100% 50%;background-size: auto 8px;}
.sb_a1 .article1 li .red {color: red;}
@media all and (max-width: 700px) {
	.sb_a1 .article1 li {float: none;display: block;width: 100%;height: auto;}
	.sb_a1 .article1 li div {display: block;text-align: center;}
	.sb_a1 .article1 li.arrow {height: 30px;background: url('../img/sub/a1_arrow2.png') no-repeat 50% 100%;background-size: 8px auto;}
}



.sb_a1 .article1 .crta1 {color: #fe0000;}
.sb_a1 .article1 .crta2 {color: #00af50;}
.sb_a1 .article1 .crta3 {color: #1443cf;}
.sb_a1 .article1 .crta4 {color: #f79645;}
.sb_a1 .article1 .green {margin-top: 10px;color: #59853b;}



.sb_a1 .article1 .btn.pg {background: #001e4a;color: #fff;margin-top: 20px;margin-bottom: 80px;}


.sb_b1 .form-group{margin-bottom: 15px;zoom:1;}
.sb_b1 .form-group:before, .sb_b1 .form-group:after{content:" ";display:table;}
.sb_b1 .form-group:after{clear:both;} 

.sb_b1 .form-group input[type="text"], .sb_b1 .form-group input[type="tel"] {width: 100%;height: 70px;line-height: 70px;padding: 0 28px;background: #f4f4f4;border: 1px solid #e1e1e1;font-weight: 400;}

.sb_b1 .form-group input[type="text"][readonly]{font-weight:bold;background-color: #b7b7b7;color: #746e6e;}
.sb_b1 .form-group input[type="text"]:-moz-read-only {font-weight:bold;background-color: #b7b7b7;color: #746e6e;}
.sb_b1 .form-group input[type="text"]:read-only {font-weight:bold;background-color: #b7b7b7;color: #746e6e;}

.sb_b1 .form-group input[type="text"].float-left {width: 48%;}
.sb_b1 .form-group input[type="text"].float-right {width: 48%;}
.sb_b1 .form-group select {width: 100%;height: 70px;line-height: 70px;padding: 0 28px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #f4f4f4 url('../img/common/select_arrow.png') no-repeat right 28px top 50%;border: 1px solid #e1e1e1;}
.sb_b1 .form-group select::-ms-expand {display: none;}
.sb_b1 .form-group input::-webkit-input-placeholder {color: #c9c9c9;}
.sb_b1 .form-group input::-moz-placeholder {color: #c9c9c9;}
.sb_b1 .form-group input:-ms-input-placeholder {color: #c9c9c9;}
.sb_b1 .form-group input:-moz-placeholder {color: #c9c9c9;}
.sb_b1 .form-group input::placeholder {color: #c9c9c9;}
.sb_b1 .form-group textarea {width: 100%;height: 292px;padding: 22px 28px;background: #f4f4f4;border: 1px solid #e1e1e1;font-family: 'Noto Sans KR';font-weight: 400;resize: none;}
.sb_b1 .form-group textarea::-webkit-input-placeholder {color: #c9c9c9;}
.sb_b1 .form-group textarea::-moz-placeholder {color: #c9c9c9;}
.sb_b1 .form-group textarea:-ms-input-placeholder {color: #c9c9c9;}
.sb_b1 .form-group textarea:-moz-placeholder {color: #c9c9c9;}
.sb_b1 .form-group textarea::placeholder {color: #c9c9c9;}
.sb_b1 .btn-submit {width: 100%;height: 90px;line-height: 90px;background: #001e4a;color: #fff;font-size: 30px;font-weight: 700;border: 0;cursor: pointer;}

.sb_c1 .view_table {width: 100%;}
.sb_c1 .view_table th {width: 120px;padding: 13px 10px;text-align: left;background-color: #ebf1de;border: 1px solid #d4d4d4;font-weight: 400;}
.sb_c1 .view_table td {padding: 13px 10px;text-align: left;background-color: #fff;border: 1px solid #d4d4d4;}

.datepicker_box {display: inline-block;width: 48%;}
.sb_b1 .form-group .datepicker_box input[type="text"] {background:#f4f4f4 url('../img/common/btn_calendar.png') no-repeat 95% 50%;}




.terms {padding-top: 90px;padding-bottom: 198px;}
.terms .title {margin-top: 55px;font-weight: 500;color: #221e1f;}
.terms .title.first {margin-top: 36px;}
.terms .title span.p3 {font-size: 20px;}
.terms .title span.normal {color: #777777;}

.login {padding-top: 100px;padding-bottom: 200px;background:url('../img/member/bg_login.gif') no-repeat 50% 0;}

#login_box {position: relative;width: 602px;height: 506px;margin-left: auto;margin-right: auto;background: #fff;}
#login_box .login_area {padding: 61px 56px 0;}
#login_box .login_area2 {padding: 30px 30px 0;}
#login_box h2 {letter-spacing: 0;margin-bottom: 32px;}
#login_box input[type="text"] {width: 100%;height: 50px;background: #fff;}
#login_box input[type="password"] {width: 100%;height: 50px;}

#login_box .btn {width: 100%;height: 50px;margin-top: 19px;margin-bottom: 15px;padding: 13px 60px 12px;background: #24478d;border: 1px solid #24478d;color: #fff;}
#login_box li {font-size: 15px;}
#login_box .join_box {position: absolute;bottom: 0;left: 0;width: 100%;padding: 32px 56px;font-size: 15px;background: #f2f2f4;}
#login_box .join_box span {float: left;color: #6b6b6b;background:url('../img/member/dot_square4.gif') no-repeat 0 50%;padding-left: 16px;}
#login_box .join_box a {float: right;color: #24478d;}

.form_table th {padding: 14px 30px;background: #f2f2f4;border-bottom: 1px solid #d6d6d6;font-size: 20px;font-weight: 300;color: #221e1f;text-align: left;line-height: 120%;}
.form_table td {padding: 14px 30px;border-bottom: 1px solid #d6d6d6;vertical-align: middle;}
.form_table td input[type="text"] {padding: 9px 20px 8px;}
.form_table td .btn.btn-inside {width: 114px;height: 40px;margin-left: 20px;background: #f2f2f4;border: 1px solid #f2f2f4;font-size: 15px;}
.form_table td button.btn {padding: 10px 10px 10px;}
.form_table tr:first-child th {border-top: 2px solid #24478d;}
.form_table tr:first-child td {border-top: 2px solid #24478d;}

.form_table td.td_btn {width: 158px;padding: 0;text-align: center;}
.form_table td.td_btn a {display: block;height: 56px;line-height:56px;background: #f2f2f4;color: #6b6b6b;}
.form_table td .caution {margin-left: 10px;font-weight: 500;color: #c72767;font-size: 14px;vertical-align: middle;line-height: 40px;}


.join_area {padding-top: 90px;padding-bottom: 200px;}
.join_area table {width: 100%;margin-top: 44px;}
.join_area table th {width: 24%;}
.join_area table td input[type="text"].medium {width: 100px;}
.join_area table td input[type="text"].small {width: 80px;}


.agreelayer {position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-left: -300px;margin-top: -250px;background: #fff;z-index: 1001;}
.agreelayer .top {padding: 10px 20px;height: 50px;background: #f2f2f4;border-bottom: 1px solid #24478d}
.agreelayer .top p {float: left;font-weight: 500;}
.agreelayer .top a {float: right;font-weight: 500;font-size: 22px;margin-top: 4px;}
.agreelayer .cont {padding: 20px;height: 450px;overflow: auto;}

#agree_back {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0f0f0f;;opacity: 0.6;z-index: 1000;}
#agree1_content {display: none;}
#agree2_content {display: none;}

.join_result {padding-top: 100px;padding-bottom: 200px;background:url('../img/member/bg_join_result.gif') no-repeat 50% 0;}
#join_result_box {position: relative;width: 100%;height: 370px;padding-top: 90px;margin-left: auto;margin-right: auto;background: #fff;border: 1px solid #d6d6d6;}
#join_result_box h2 {margin-bottom: 70px;}


ul.ursc1_step {display: flex;justify-content: flex-start;align-items: flex-start;}
ul.ursc1_step li {margin-right: 10px;padding: 15px 20px 8px 20px;background: #f2f2f2;border: 1px solid #c8c8c8;text-align: center;}
ul.ursc1_step li.active {background: #7184bd;border: 1px solid #6678ad;color: #fff;}
ul.ursc1_step li p {font-size: 16px;font-weight: 500;}
ul.ursc1_step li span {display: inline-block;margin-top: 5px;line-height: 140%;}

ul.tabs {display: table;height: 35px;}
ul.tabs li {float: left;border: 1px solid #a9a9a9;font-family: 'GmarketSans';font-size: 13px;padding: 11px 20px 8px;margin-left: -1px;cursor: pointer;}
ul.tabs li.active {background-color: #4b7aa2;border: 1px solid #4b7aa2;color: #fff;}
ul.tabs li:first-child {margin-left: 0;}
ul.tabs li a {color: #525a6b;}
ul.tabs li.active a {color: #fff;}

.tab_content {clear: both;padding-top: 10px;}

table.form-table {width: 960px;}
table.form-table th {width: 120px;padding: 7px 10px 3px;height: 34px;border: 1px solid #cfd7db;text-align: center;font-size: 13px;font-weight: 400;color: #343643;background-color: #eff1f3;line-height: 36px;white-space: nowrap;}
table.form-table th.lft {text-align: left;}
table.form-table.lth-110 th {width: 110px;}
table.form-table.lth-120 th {width: 120px;}
table.form-table.lth-130 th {width: 130px;}
table.form-table.lth-140 th {width: 140px;}
table.form-table.lth-150 th {width: 150px;}
table.form-table.lth-160 th {width: 160px;}
table.form-table.lth-170 th {width: 170px;}
table.form-table.lth-180 th {width: 180px;}
table.form-table.lth-190 th {width: 190px;}
table.form-table.lth-200 th {width: 200px;}

table.form-table td {height: 34px;padding: 7px 10px 6px;border: 1px solid #cfd7db;height: 34px;background-color: #fff;text-align: left;}
table.form-table td select {min-width: 100px;vertical-align: middle;}
table.form-table td input[type="text"] {min-width: 200px;vertical-align: middle;}
table.form-table td input[type="text"].full {width: 100%;}
table.form-table td .btn {height: 34px;vertical-align: middle;}
table.form-table td input[type="text"].full {width: 100%;}
table.form-table td .btn .mi {margin-top: -3px;}
table.form-table td textarea.full {width: 100%;height: 100px;}

table.form-table.odd th {background-color: unset;}
table.form-table.odd th.sth {background-color: #9cacdb;color: #fff;}
table.form-table.odd td {background-color: unset;}
table.form-table.odd tr:nth-child(odd).reverse-even-odd,
table.form-table.odd tr:nth-child(even){background-color:#eff1f3;}
table.form-table.odd tr:nth-child(even).reverse-even-odd,
table.form-table.odd tr:nth-child(odd){background-color:#fff;}
table.form-table.odd input {background-color:#fff;}
table.form-table.odd input[type="text"][readonly]{background-color: #f2f2f2;}
table.form-table.odd input[type="text"]:-moz-read-only {background-color: #f2f2f2;}
table.form-table.odd input[type="text"]:read-only {background-color: #f2f2f2;}