@charset "UTF-8";
#wrap { position: relative; }

#wrap:before { position: fixed; left: 0; top: 0; width: 100vw; height: 0; background: #000; opacity: .7; content: ''; z-index: 1000; -webkit-transition: all .3s; transition: all .3s; }

#wrap.layer:before { height: 100vh; }

.point1 { color: #ff0000; }

.point2 { color: #1b72ce; }

#layer_popup { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; border-radius: 15px; overflow: hidden !important; min-width: 37rem; max-width: 37.15rem; z-index: 2; visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; -webkit-transition: all .4s .3s; transition: all .4s .3s; max-height: 800px; }

#layer_popup h2.tit { background: #1b72ce; color: #fff; text-align: center; font-size: 1rem; font-weight: 600; padding: .85rem 0; }

#layer_popup .pop_close { position: absolute; right: 1.35rem; top: 12px; color: #fff; font-size: 1.4rem; }

#layer_popup .cont { margin: 2.5rem 1.8rem 3rem; max-height: 625px; min-height: 400px; overflow-y: auto; }

#layer_popup .cont h2 { font-size: 1.3rem; font-weight: 700; margin-bottom: .5rem; }

#layer_popup .cont h3 { font-size: 0.9rem; font-weight: 600; color: #333; margin: 1rem 0 .7rem; }

#layer_popup .cont .box { padding: 1.5rem 1.25rem; border: 1px solid #ddd; background: #f9f9fb; margin: .6rem 0 2rem; }

#layer_popup.login_pop input { border-radius: 5px; height: 56px; line-height: 56px; padding: 0 .8rem; }

#layer_popup.login_pop .row { margin: -.5rem 0 0 -.5rem; }

#layer_popup.login_pop .row .col-xs-12 { padding: .5rem 0 0 .5rem; }

#layer_popup.login_pop .row .col-xs-12 input { width: 100%; }

#layer_popup.login_pop .ip_adr input { width: 22.1%; margin: 0 .5rem; }

#layer_popup.login_pop .ip_adr input:first-of-type { margin-left: 0; }

#layer_popup.login_pop .ip_adr input:last-of-type { margin-right: 0; }

#layer_popup.login_pop .btn { padding: 0 1.5rem; }

#layer_popup .brd_lst table th { padding: .5rem 0; }

#layer_popup .brd_lst table td { padding: .5rem 0; }

#layer_popup.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

.form_select { position: relative; background: #fff; display: inline-block; width: 16.5rem; }

.form_select:after { position: absolute; top: calc(50% + 2px); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 10px; width: 0; height: 0; content: ''; border: 4px solid transparent; border-top: 5px solid #595959; }

.form_select select { width: 100%; background: transparent; position: relative; z-index: 1; padding: 0 5px; }

.form_file { padding-left: calc(100% - 81px); position: relative; height: 2.1rem; }

.form_file .btn { height: 2.1rem; border: 1px solid #353540; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 80px; padding: 0; background-color: #353540; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; border-radius: 3px; position: absolute; right: 0; top: 0; cursor: pointer; }

.form_file .btn:hover, .form_file .btn:focus { background-color: transparent; color: #353540; }

.form_file .btn input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.form_file .btn.on { outline: 2px solid #000; -webkit-transition: 0s; transition: 0s; }

.form_file .route { max-width: calc(100% - 85px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; padding: 0 14px; display: inline-block; vertical-align: middle; top: 0px; left: 0px; height: 2.1rem; line-heighT: 2.1rem; border: 1px solid #ddd; height: 100%; width: calc(100% - 81px); }

/* .attach_lst { margin-bottom: 8px; } */

.attach_lst .form_file { width: calc(100% - 52px); display: inline-block; vertical-align: middle; }

.attach_lst > li > a { display: inline-block; vertical-align: middle; width: 2.1rem; height: 2.1rem; margin-left: 6px; background: #555; color: #fff; text-align: center; line-height: 2.1rem; }

.attach_lst > li + li { margin-top: 8px; }

.attach_file span { color: #1b72ce; }

.attach_file a { display: inline-block; width: 19px; height: 19px; line-height: 19px; text-align: center; border: 1px solid #d1d1d1; margin-left: 4px; }

.form_radio { display: inline-block; position: relative; z-index: 0; padding-left: 24px; vertical-align: top; line-height: 1.4; }

.form_radio + .form_radio { margin-left: 15px; }

.form_radio input[type="radio"] { position: absolute; left: 0; top: 0; opacity: 0; height: auto; line-height: inherit; }

.form_radio input[type="radio"]:focus + label::before { outline: 1px dotted #000; }

.form_radio input[type="radio"]:checked + label::after { background-color: #000; }

.form_radio label { cursor: pointer; }

.form_radio label::before { position: absolute; left: -1px; top: 1px; z-index: -2; width: 18px; height: 18px; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.form_radio label::after { position: absolute; left: 6px; top: 8px; z-index: -1; width: 6px; height: 6px; border-radius: 100%; background: #ddd; content: ''; }

.form_radio:last-child { margin-right: 0; }

.form_radio.etc input[type="text"] { margin-left: 1rem; height: 2.2rem; line-height: 2.2rem; opacity: 0; }

.form_radio.etc input[type="radio"]:checked + label + input[type="text"] { opacity: 1; }

.form_radio.type2 { padding-left: 18px; }

.form_check { display: inline-block; position: relative; z-index: 0; margin-right: 2rem; padding-left: 1rem; vertical-align: top; line-height: 1.4; }

.form_check input[type="checkbox"] { position: absolute; left: 0; top: 0; opacity: 0; height: auto; line-height: inherit; }

.form_check input[type="checkbox"]:focus + label::before { outline: 1px dotted #000; }

.form_check input[type="checkbox"]:checked + label::before { background: #2374cb; border-color: #2374cb; }

.form_check input[type="checkbox"]:checked + label::after { opacity: 1; }

.form_check label { cursor: pointer; }

.form_check label::before { position: absolute; left: 0; top: 3px; z-index: -2; width: 16px; height: 16px; border: 1px solid #ddd; background-color: #fff; content: ''; }

.form_check label::after { position: absolute; left: 1px; top: -1px; z-index: -1; Font-family: "xeicon"; font-size: 0.75rem; color: #fff; opacity: 0; content: '\e929'; }

.form_check:last-child { margin-right: 0; }

.form_check.etc input[type="text"] { margin-left: 1rem; height: 2.2rem; line-height: 2.2rem; opacity: 0; }

.form_check.etc input[type="checkbox"]:checked + label + input[type="text"] { opacity: 1; }

.form_check + .tool_tip { margin: -3px 2rem 0 -2rem; }

.form_check.type2 { width: 16px; padding-left: 0; }

textarea { resize: none; display: block; width: 100%; height: 7rem; padding: 10px 14px; }

textarea::-webkit-input-placeholder { color: #999; }

textarea:-ms-input-placeholder { color: #999; }

textarea::-ms-input-placeholder { color: #999; }

textarea::placeholder { color: #999; }

.brd_top { margin-bottom: 1rem; }

.brd_top:after { display: block; clear: both; content: ''; }

.brd_top .page_current { float: left; color: #666; padding: 5px 0; }

.brd_top .page_current > * { display: inline-block; vertical-align: middle; }

.brd_top .page_current p { padding-right: 11px; margin-right: 6px; position: relative; }

.brd_top .page_current p:after { position: absolute; content: ''; right: 0; top: 7px; width: 1px; height: 14px; background: #ddd; }

.brd_top .page_current p:last-child { padding-right: 0; margin-right: 0; }

.brd_top .page_current p:last-child:after { display: none; }

.brd_top .page_current strong { color: #333; font-weight: 600; }

.brd_top .srch { float: right; }

.brd_top .srch > * { display: inline-block; vertical-align: middle; }

.brd_top .srch .form_select { width: 150px; }

.brd_top .srch input { width: 195px; }

.brd_top .srch button { height: 1.9rem; border: 1px solid #333; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 64px; padding: 0; background-color: #333; color: #fff; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; margin-left: -4px; }

.brd_top .srch button:hover, .brd_top .srch button:focus { background-color: transparent; color: #333; }

.brd_lst table { border-top: 2px solid #555; }

.brd_lst table th { border-bottom: 1px solid #aaa; color: #222; padding: .85rem 0; /*background:#f8f9fa*/ }

.brd_lst table td { text-align: center; color: #666; border-bottom: 1px solid #ddd; padding: .85rem 0; }

.brd_lst table td.notice span { font-size: 0.65rem; display: inline-block; width: 1.8rem; height: 1.8rem; line-height: 1.8rem; border-radius: 50%; color: #fff; background: #333; text-align: center; }

.brd_lst table td.ellipsis { text-align: left; color: #333; display: table-cell; }

.brd_lst table td.ellipsis a { /* max-width: calc(100% - 24px); */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }

.brd_lst table td.ellipsis a:hover, .brd_lst table td.ellipsis a:focus { text-decoration: underline; }

.brd_lst table td.ellipsis i { display: inline-block; vertical-align: middle; color: #116eb4; font-size: 1.1rem; }

.brd_lst table td a:hover, .brd_lst table td a:focus { text-decoration: underline; }

.brd_lst.type2 table { border: 0; }

.brd_lst.type2 table th { background: #eef0f5; border: 0; }

.brd_lst table th:nth-child(1){width:7%}

/* 
.brd_lst table th:nth-child(3){width:10%}

.brd_lst table th:nth-child(4){width:20%} */

/* .brd_pager { margin: 2rem auto 0; text-align: center; } */

/* .brd_pager li {width: 2rem; height: 2rem;} */

/* .brd_pager a { display: inline-block; vertical-align: middle; border-radius: 50%; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; background: #fff; color: #999; border: 1px solid #ddd; margin: 0 2px; text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s; } */

/* .brd_pager a.first i:after { content: "\e93c"; font-family: "xeicon"; margin-left: -.5rem; } */

/* .brd_pager a.last i:after { content: "\e93f"; font-family: "xeicon"; margin-left: -.5rem; } */

/* .brd_pager a.pager { border-color: transparent; } */

/* .brd_pager a.pager:hover, .brd_pager a.pager:focus { border-color: #ddd; } */

/* .brd_pager a.current { border-color: #000; background: #000; color: #fff; } */



.search_wrap { background: #f8f9fa; padding: 1rem 2rem; overflow: hidden; margin-bottom: 1.5rem; }

.search_wrap label { display: inline-block; width: 134px; padding-right: 4px; color: #2d3043; font-weight: 600; }

.search_wrap input[type="text"] { width: 21rem; }

.search_wrap input[type="date"] { width: 7rem; }

.search_wrap .form_select { width: 6.2rem; }

.search_wrap div.form { width: calc(100% - 138px); display: inline-block; vertical-align: middle; }

.search_wrap .row { overflow: hidden; margin-left: -2rem; }

.search_wrap .col-xs-12 { padding: 6px 0 0 2rem; }

.write_wrap { border-top: 2px solid #555; border-bottom: 1px solid #b7b7b7; margin-top: 1rem; }

.write_wrap tr th { background: #eef0f5; text-align: center; padding: 8px 0; font-weight: 700; border-bottom: 1px solid #ddd; font-size: 0.8rem; }

.write_wrap tr th.vertical_top { vertical-align: top; }

.write_wrap tr th sup { color: #ff0000; }

.write_wrap tr td { padding: 8px 1rem 10px; border-bottom: 1px solid #ddd; min-height: 58px; }

.write_wrap tr td input { border-bottom: 1px solid #eee; padding: 8px 30px; height: 2.1rem; line-height: 2.1rem; width: 16.5rem; padding: 0 14px; }

.write_wrap tr td input::-webkit-input-placeholder { color: #999; }

.write_wrap tr td input:-ms-input-placeholder { color: #999; }

.write_wrap tr td input::-ms-input-placeholder { color: #999; }

.write_wrap tr td input::placeholder { color: #999; }

.write_wrap tr td input + .btn { margin-left: 6px; }

.write_wrap tr td select { height: 2.1rem; line-height: 2.1rem; }

.write_wrap tr:last-child th, .write_wrap tr:last-child td { border-bottom: 0; }

.write_wrap tr .info_txt { margin-left: 20px; display: inline-block; }

.write_wrap + .write_wrap { margin-top: 1.5rem; }

.write_wrap .date input { width: 40px; padding: 0 5px; margin: 0 5px; }

.write_wrap .date input[type="date"] { width: 170px; }

.btn_area { margin-top: 1.5rem; }

.btn_area + .brd_top { margin-top: 2rem; }

.info_txt { position: relative; padding-left: 22px; display: inline-block; vertical-align: middle; line-height: 1.45; margin-top:5px; }

.info_txt:before { position: absolute; left: 0; color: #203969; top: -2px; font-family: "xeicon"; content: '\e9a6'; font-size: 1.16rem; }

/* .btn { height: 2.5rem; border: 1px solid #ddd; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.1rem; display: inline-block; min-width: 90px; padding: 0 24px; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; } */

/* .btn:hover, .btn:focus { background-color: #ddd; color: #fff; } */

/* .btn:hover, .btn:focus { color: #333; } */

.btn.wide { padding: 0 50px; }

.btn.large { padding: 0 50px; }

.btn.small { min-width: 70px; height: 30px; line-height: 30px; font-size: 0.7rem; padding: 0 14px; border-radius: 3px; }

.btn.medium { min-width: 90px; height: 42px; line-height: 38px; padding: 0 30px; }

.btn.round { border-radius: 30px; }

.btn.round3 { border-radius: 3px; }

.btn.gray { background: #595c6f; border-color: #595c6f; color: #fff; }

.btn.gray:hover, .btn.gray:focus { background: #fff; color: #333; }

.btn.black { background: #353540; border-color: #353540; color: #fff; }

.btn.black:hover, .btn.black:focus { background: #fff; color: #353540; }

.btn.blue { color: #fff; background: #007efc; border-color: #007efc; }

.btn.blue:hover, .btn.blue:focus { color: #007efc; background: #fff; }

.btn.blue2 { color: #fff; background: #1a4faf; border-color: #1a4faf; }

.btn.blue2:hover, .btn.blue2:focus { color: #1a4faf; background: #fff; }

.btn.navy { color: #fff; background: #323a68; border-color: #323a68; }

.btn.navy:hover, .btn.navy:focus { color: #323a68; background: #fff; }

.btn.light { color: #555; background: #fafafa; border-color: #ddd; }

.btn.light:hover, .btn.light:focus { color: #555; background: #ddd; }

.icon_btn { height: 2.5rem; border: 1px solid #ddd; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; display: inline-block; min-width: 100px; padding: 0 24px; background-color: #fff; color: #333; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; }

.icon_btn:hover, .icon_btn:focus { background-color: #ddd; color: #fff; }

.icon_btn:hover, .icon_btn:focus { background: #fff; color: #333; text-decoration: underline; }

.icon_btn > *:last-child { padding-left: .5rem; }

.link { color: #007efc; }

.link:hover, .link:focus { text-decoration: underline; }

.scroll_wrap { height: 24rem; overflow-y: scroll; }

.tab_wrap { display: table; width: 100%; margin-bottom: 2rem; }

.tab_wrap li { display: table-cell; width: 1%; text-align: left; border: 1px solid #ddd; }

.tab_wrap li a { display: block; color: #666; padding: 14px 15px 15px; }

.tab_wrap li + li { border-left: 0; }

.tab_wrap li.active { border-color: #2374cb; }

.tab_wrap li.active a { color: #fff; background: #2374cb; }

.table_wrap { border-top: 2px solid #000; }

.table_wrap table th { background: #eef0f5; padding: 15px 0; }

.table_wrap table td { text-align: center; border-bottom: 1px solid #ddd; padding: .85rem 0; }

.table_wrap_h, .table_wrap_h2 { border-top: 2px solid #000; width:50%; display: table-cell; }

.table_wrap_h table th, .table_wrap_h2 table th { background: #eef0f5; padding: 15px 0; }

.table_wrap_h table td, .table_wrap_h2 table td { text-align: center; border-bottom: 1px solid #ddd; padding: .85rem 0; }

.wide_tt { display: block; width: 100%; font-size: 0.9rem; font-weight: 600; background: #596a81; color: #fff; text-align: center; padding: .8rem 0; }

.wide_tt + .table_wrap { border-top: 0; }

.tt1 { font-size: 1.3rem; font-weight: 600; color: #333; margin-bottom:15px; }

.tt1 em { font-size: 0.9rem; color: #555; margin-left: 10px; }

.tt2 { position: relative; font-size: 1rem; font-weight: 600; color: #2f3c91; margin: 0 0 1rem; padding-left: 1rem; }

.tt2:before { position: absolute; content: ''; left: 0; top: 6px; width: 12px; height: 20px; background: url("/resources/images/gcc/cmmn/tt2.png") no-repeat center/contain; }

.tt3 { font-size: 0.9rem; font-weight: 600; color: #333; margin: 0 0 1rem; padding-left: 1rem; position: relative; }

.tt3:before { position: absolute; content: ''; left: 0; top: 10px; width: 12px; height: 10px; background: url("/resources/images/gcc/cmmn/tt3.png") no-repeat center/contain; }

.tt4 { font-size: 1rem; font-weight: 700; color: #353540; display: block; margin: 2.25rem 0 .8rem; }

.tt_row:after { display: block; clear: both; content: ''; }

.tt_row > * { float: right; }

.tt_row [class^="tt"] { float: left !important; margin-top: 2.2rem; }

.tt_row .btn_area { margin-top: 2rem; }

.bul li { font-size: 0.85rem; font-weight: 300; color: #555; }

.bul li strong { display: block; font-weight: 600; }

.bul.dot1 > li { position: relative; padding-left: 13px; text-align: left; }

.bul.dot1 > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul.dot1 > li:before { width: 5px; height: 5px; border-radius: 50%; background: #c7c7c7; top: 12px; }

.bul.dot2 > li { position: relative; padding-left: 8px; text-align: left; font-size: 0.8rem; }

.bul.dot2 > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul.dot2 > li:before { width: 2px; height: 2px; border-radius: 50%; background: #555; top: 12px; }

.bul.dash > li { position: relative; padding-left: 12px; text-align: left; font-size: 0.8rem; }

.bul.dash > li::before { position: absolute; left: 0; top: auto; content: ''; }

.bul.dash > li:before { width: 5px; height: 1px; border-radius: 50%; background: #555; top: 8px; }

.info_box { padding: 2.5rem 2rem; border: 1px solid #dbdbdb; background: #f8f8f8; }

.info_box .desc .tt { font-size: 1.3rem; font-weight: 700; color: #333; margin-bottom: .8rem; line-height: 1; display: block; }

.info_box .desc .tt:nth-of-type(n+2) { margin-top: 2rem; }

.info_box .desc .tt.info_txt { padding-left: 1.5rem; }

.info_box .desc .tt.info_txt:before { font-size: 1.2rem; top: 2px; }

.info_box .desc .txt { font-size: 0.85rem; color: #333; }

.info_box .desc .info_txt { margin-top: 10px; line-height: 1.9; }

.info_box.img_box:after { display: block; clear: both; content: ''; }

.info_box.img_box > * { float: left; }

.info_box.img_box .img { min-width: 84px; }

.info_box.img_box .desc { padding-left: 2rem; width: calc(100% - 100px); }

.terms_wrap { border: 1px solid #ddd; padding: 2rem; color: #767676; font-weight: 300; }

.terms_wrap h4 { font-size: 0.9rem; font-weight: 600; color: #424242; margin: 1.5rem 0 .8rem; }

.terms_wrap .scroll { height: 300px; }

.terms_wrap.type2 .scroll { height: 130px; }

.login_area { width: 20rem; margin: 0 auto 3.5rem; }

.login_area .tt { font-size: 1.25rem; display: block; margin: 0 0 1.7rem; color: #000; font-weight: 700; text-align: center; }

.login_area .tt:first-child { margin-top: 0; }

.login_area .form + .form { margin-top: 6px; }

.login_area .form input { width: 100%; border: 1px solid #e1e1e1; border-radius: 5px; height: 2.8rem; line-height: 2.8rem; padding: 0 .8rem; }

.login_area .form input::-webkit-input-placeholder { color: #999; }

.login_area .form input:-ms-input-placeholder { color: #999; }

.login_area .form input::-ms-input-placeholder { color: #999; }

.login_area .form input::placeholder { color: #999; }

.login_area .form > * { display: inline-block; vertical-align: middle; }

.login_area .btn.wide { width: 100%; margin: 1rem 0; border-radius: 3px; }

.login_area .pass_login { margin-top: 1.5rem; display: block; text-align: center; }

.login_area .util:after { display: block; clear: both; content: ''; }

.login_area .util > * { float: left; }

.login_area .util div { float: right; }

.login_area .util div:after { display: block; clear: both; content: ''; }

.login_area .util div a { float: left; position: relative; padding-right: .9rem; margin-right: .8rem; }

.login_area .util div a:after { position: absolute; content: ''; width: 1px; height: 14px; background: #b5b5b5; right: 0; top: 6px; }

.login_area .util div a:last-child { padding-right: 0; margin-right: 0; }

.login_area .util div a:last-child:after { display: none; }

.login_area .util a { color: #555; }

.login_area.non_member { width: 100%; margin-bottom: 2.5rem; }

.login_area.non_member:after { display: block; clear: both; content: ''; }

.login_area.non_member .col-xs-12 { text-align: center; }

.login_area.non_member .col-xs-12 a { display: block; }

.login_area.non_member .col-xs-12 a .img { display: block; width: 11rem; height: 11rem; border: 1px solid #ddd; border-radius: 50%; margin: 0 auto 1.5rem; -webkit-transition: all .4s; transition: all .4s; }

.login_area.non_member .col-xs-12 a .img img { margin-top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.login_area.non_member .col-xs-12 a p { font-size: 1rem; font-weight: 600; color: #333; }

.login_area.non_member .col-xs-12 a:hover .img, .login_area.non_member .col-xs-12 a:focus .img { border-width: 8px; }

.login_area.non_member .col-xs-12 a:hover p, .login_area.non_member .col-xs-12 a:focus p { text-decoration: underline; }

.login_area.border { border: 1px solid #ddd; padding: 3rem; width: 100%; margin-top: 1rem; }

.login_area.border > * { width: 20rem; margin: auto; }

.login_area.border .row { margin: 10px 0; }

.login_area.border .row > * { float: left; }

.login_area.border .row .form { width: 260px; }

.login_area.border .row .form .img { display: block; margin-bottom: 10px; }

.login_area.border .row .btn_area { width: calc(100% - 270px); margin-left: 10px; margin-top: -5px; }

.login_area.border .row .btn_area .btn { width: 100%; height: 47px; line-height: 47px; margin-top: 5px; padding: 0 5px; }

.find_area { margin-top: 1rem; border: 1px solid #ddd; padding: 3rem 1rem; }

.find_area .inner { width: 25.8rem; margin: auto; }

.find_area .inner input { height: 56px; line-height: 56px; border-radius: 5px; }

.find_area .inner .form > * { display: inline-block; vertical-align: middle; }

.find_area .inner .form label { min-width: 95px; margin-right: 21px; font-size: 0.85rem; font-weight: 600; }

.find_area .inner .form input { width: calc(100% - 116px); }

.find_area .inner .form + .form { margin-top: 5px; }

.find_area .inner .info_txt { margin: .5rem 0 1rem; display: block; word-break: keep-all; }

.find_area .inner .bg { margin: 1.5rem 0 1.3rem; background: #f8f8f8; padding: 1rem; }

.find_area .inner .form2 > * { display: inline-block; vertical-align: middle; }

.find_area .inner .form2 label { min-width: 95px; margin-right: 21px; font-size: 0.85rem; font-weight: 600; }

.find_area .inner .form2 input { height: 42px; line-height: 42px; }

.find_area .inner .form2 .form_select select { height: 42px; line-height: 42px; }

.find_area .inner .form2.number input { width: 21.9%; margin: 0 2%; }

.find_area .inner .form2.number input:nth-of-type(1) { margin-left: 0; }

.find_area .inner .form2.number input:last-child { margin-right: 0; }

.find_area .inner .form2.number .form_select { width: 21.9%; margin-right: 2%; }

.find_area .inner .form2.number .form_select + input { margin: 0 2%; }

.find_area .inner .form2.mail input { width: 6rem; }

.find_area .inner .form2.mail .form_select { width: calc(100% - 19.05rem); }

.find_area .inner .form2 + .form2 { margin-top: 5px; }

.find_area.result { background: #f8f8f8; }

.find_area.result .tt { font-size: 1.2rem; font-weight: 600; color: #222; text-align: center; margin-bottom: 1.75rem; }

.find_area + .login_area { margin-top: 4.5rem; }

.join_step { text-align: center; margin-bottom: 2.25rem; }

.join_step > div { display: inline-block; position: relative; }

.join_step > div:after { position: absolute; content: ''; width: 90%; height: 2px; background: #ddd; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 1.1rem; z-index: -1; }

.join_step p { display: inline-block; min-width: 90px; padding-right: 3.5rem; }

.join_step p span { display: inline-block; width: 2.1rem; height: 2.1rem; line-height: 1.9rem; border-radius: 50%; border: 2px solid #333; background: #fff; color: #000; font-weight: 700; font-size: 0.9rem; }

.join_step p strong { display: block; font-size: 0.85rem; font-weight: 400; color: #555; margin-top: 10px; }

.join_step p.active span { background: #1b72ce; color: #fff; border-color: #1b72ce; }

.join_step p.active strong { color: #1b72ce; font-weight: 700; }

.join_step p:last-of-type { padding-right: 0; }

.check_box { background: #f8f9fa; padding: 1.2rem 2rem; margin: 3rem 0; }

.join_divide { margin: -1rem 0 0 -1rem; }

.join_divide .col-xs-12 { padding: 1rem 0 0 1rem; }

.join_divide .col-xs-12 a { border: 1px solid #ddd; display: block; text-align: center; padding: 2rem 4.5rem 2.5rem; }

.join_divide .col-xs-12 a > * { display: block; }

.join_divide .col-xs-12 a strong { font-size: 1.15rem; font-weight: 600; color: #333; }

.join_divide .col-xs-12 a .img { padding: 1.8rem 0 1.5rem; }

.join_divide .col-xs-12 a .btn { border-radius: 3px; }

.join_divide .col-xs-12 a:hover .btn, .join_divide .col-xs-12 a:focus .btn { background: #fff; color: #323a68; }

.join_form .inner { width: 33rem; margin: auto; }

.join_form .row > * { float: left; }

.join_form .row label { width: 152px; font-size: 0.85rem; font-weight: 700; padding: 8px 0; }

.join_form .row .form { width: calc(100% - 152px); }

.join_form .row .form input, .join_form .row .form select { border-radius: 5px; height: 2.4rem; line-height: 2.4rem; }

.join_form .row .form input { width: calc(100% - 4.3rem); padding: 0 .8rem; }

.join_form .row .form.mail input { width: 24.6%; margin: 0 2%; }

.join_form .row .form.mail input:nth-of-type(1) { margin-left: 0; }

.join_form .row .form.mail .form_select { width: 25%; }

.join_form .row .form.phone input { width: 24.6%; margin: 0 2%; }

.join_form .row .form.phone input:nth-of-type(1) { margin-left: 0; }

.join_form .row .form.phone input:last-child { margin-right: 0; }

.join_form .row .form.phone .form_select { width: 24.6%; margin-right: 2%; }

.join_form .row .form.phone .form_select + input { margin: 0 2%; }

.join_form .row .form .info_txt { margin: .5rem 0 1rem; }

.join_form .row .form .info_txt + p { margin-top: -.8rem; }

.join_form .row + .row { margin-top: 6px; }

.join_form .join_complete { background: #f8f9fa; padding: 3rem 5rem 3.5rem; text-align: center; }

.join_form .join_complete .btn_area { margin-top: 1.5rem; }

.join_form .join_complete .btn_area .btn { min-width: 10rem; }

.join_form .join_complete h2 { font-size: 1.4rem; font-weight: 700; color: #353540; }

.join_form .join_complete p { font-size: 0.85rem; color: #555; margin: 0 0 1.5rem; }

.survey_wrap { border: 1px solid #ddd; padding: 2.75rem 3rem 3rem; margin-top: .85rem; }

.survey_wrap .inner { padding-left: 2.3rem; position: relative; }

.survey_wrap .inner:before { font-family: "xeicon"; content: ''; color: #2374cb; font-size: 1.5rem; position: absolute; left: 0; top: -1px; line-height: 1; }

.survey_wrap .inner .tt { font-size: 1rem; font-weight: 600; color: #333; line-height: 1.5; margin-bottom: 1.5rem; }

.survey_wrap .inner .form_radio.etc { margin-left: 0; display: block; margin-top: .5rem; }

.survey_wrap .inner .form_radio.etc label:before { top: 4px; }

.survey_wrap .inner .form_radio.etc label:after { top: 10px; }

.survey_wrap .inner .form_radio input[type="text"] { height: 1.5rem; line-height: 1.5rem; }

.border_box { border: 1px solid #ddd; padding: 2.75rem 3rem 3rem; margin-top: .85rem; }

.border_box input { width: 20rem; height: 2.8rem; line-height: 2.8rem; }

.border_box label { font-size: 0.85rem; font-weight: 700; padding: 8px 1rem 8px 0; }

.sitemap .row { margin: -1.7rem 0 0 -1.7rem; }

.sitemap .col-xs-12 { padding: 1.7rem 0 0 1.7rem; }

.sitemap .col-xs-12:nth-child(3n+1) { clear: both; }

.sitemap a { display: block; }

.sitemap .depth1 { display: block; border: 2px solid #1a4faf; text-align: center; color: #1a4faf; font-size: 0.9rem; font-weight: 600; padding: .575rem 0; }

.sitemap .depth2 > li { border-bottom: 1px solid #e2e2e2; }

.sitemap .depth2 > li > a { font-size: 0.85rem; color: #383b40; font-weight: 400; padding: .75rem; padding-right: 1.2rem; position: relative; z-index: 0; }

.sitemap .depth2 > li > a:after { position: absolute; content: ''; right: .75rem; top: .8rem; font-family: "xeicon"; content: ''; }

.sitemap .depth2 > li.plus > a:after { content: ''; }

.sitemap .depth2 > li.on .depth3 { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding: 1.15rem 1.5rem; }

.sitemap .depth3 { background: #f7f9fa; padding: 0 1.5rem; visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; }

.sitemap .depth3 li { position: relative; padding-left: 15px; text-align: left; }

.sitemap .depth3 li::before { position: absolute; left: 0; top: auto; content: ''; }

.sitemap .depth3 li:before { width: 4px; height: 4px; background: #828487; top: .65rem; }

.sitemap .depth3 a { font-size: 0.85rem; color: #636567; }

.word_select { background: #F8F9FA; text-align: center; padding: .65rem 1rem; margin-bottom: 2rem; }

.word_select button { display: inline-block; vertical-align: middle; font-size: 1rem; color: #333; font-weight: 600; padding: 3px 10px; font-family: "Noto"; }

.word_select button + button { margin-left: 15px; }

.word_select button.all { font-size: 0.8rem; }

.word_select button.active { background: #323B67; color: #fff; border-radius: 15px; }

.word_select button span { font-family: "Noto"; }

.service_list { margin-bottom: 1.5rem; }

.service_list li { margin: -10px 0 0 -10px; }

.service_list li:after { display: block; clear: both; content: ''; }

.service_list button { float: left; width: calc(25% - 10px); margin: 10px 0 0 10px; border-radius: 10px; border: 1px solid #ddd; font-size: 0.85rem; font-weight: 400; color: #28303d; height: 75px; text-align: center; word-break: keep-all; }

.service_list button.active { border: 2px solid #28303D; font-weight: 700; }

.certify_wrap { margin: .5rem 0 0 -1rem;display:flex; }

.certify_wrap .col-xs-12 { padding: 1rem 0 0 1rem; }

.certify_wrap .box { text-align: center; border: 1px solid #ddd; padding: 2.3rem 4.75rem 2.95rem; }

.certify_wrap p { font-size: 1.5rem; color: #333; font-weight: 600; margin-bottom: 1.9rem; }

.certify_wrap a { display: block; margin-top: 2rem; }

.service_info_wrap .tt3 { margin: .5rem 0 5px; }

.service_info_wrap .row { margin: -.75rem 0 0 -.75rem; }

.service_info_wrap .row .col-xs-12 { padding: .75rem 0 0 .75rem; }

.service_info_wrap .row .col-xs-12:nth-of-type(1) .box { background: #1B72CE; }

.service_info_wrap .row .col-xs-12:nth-of-type(2) .box { background: #2065AD; }

.service_info_wrap .row .col-xs-12:nth-of-type(3) .box { background: #104A86; }

.service_info_wrap .row .col-xs-12:nth-of-type(4) .box { background: #294B6F; }

.service_info_wrap .row .box { border-radius: 20px; text-align: center; color: #fff; padding: 1.65rem 0; }

.service_info_wrap .row .box p { font-size: 0.75rem; font-weight: 100; line-height: 1.5; }

.service_info_wrap .row .box p strong { font-size: 1rem; font-weight: 600; }

.service_info_wrap .table_wrap table th + th, .service_info_wrap .table_wrap table td + td { border-left: 1px solid #ddd; }

.service_info_wrap .table_wrap table th { border-bottom: 1px solid #ddd; }

.fold_wrap { border-top: 1px solid #000; }

.fold_wrap .box > button { display: block; width: 100%; text-align: left; border-bottom: 1px solid #ddd; padding: .85rem; font-size: 0.85rem; font-weight: 600; }

.fold_wrap .box .cont { padding: 0 .85rem; visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; -webkit-transition: padding .2s; transition: padding .2s; background: #F8F9FA; }

.fold_wrap .box.active .cont { border-bottom: 1px solid #28303D; padding: 1rem .85rem; visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

.use_guide{ background:#DDD}
.use_guide .tt3 { margin: .8rem 0 .4rem; }

.use_guide ul + .row { margin-top: 1.5rem; }

.use_guide .row { margin: 1rem 0 0 -3.85rem; }

.use_guide .row + .row { margin-top: 6rem; }

.use_guide .row .col-xs-12 { padding: 0 0 0 3.85rem; text-align: center; }

.use_guide .row .box { background: #F0F5FA; padding: 2rem 1.5rem; border-radius: 10px; margin-bottom: 1.5rem; }

.use_guide .row .box p + p { margin-top: 1rem; }

.use_guide .row .box p > * { display: inline-block; vertical-align: top; }

.use_guide .row .box p em { width: 1.8rem; height: 1.8rem; line-height: 1.8rem; background: #1B72CE; color: #fff; font-size: 0.8rem; font-weight: 700; color: #fff; text-align: center; border-radius: 50%; }

.use_guide .row .box p span { width: calc(100% - 1.8rem); padding-left: 10px; font-size: 0.85rem; font-weight: 600; word-break: keep-all; text-align: left; }

.use_guide .row.dif .col-xs-12:first-child { position: relative; }

.use_guide .row.dif .col-xs-12:first-child:before { position: absolute; content: ''; width: 1.5rem; height: 1.35rem; background: url("/resources/images/gcc/sub/guide_arr.png") no-repeat; right: -2.5rem; bottom: 12rem; }

sup{color:red;}

.board_write input {padding:0 14px;}

@media (max-width: 1080px) { .service_list { margin-bottom: 1.5rem; position: relative; }
  .service_list li { padding: 0 10px; }
  .service_list button { width: calc(50% - 10px); }
  .service_list .bx-wrapper { margin:0 15px 0 25px; }
  .service_list .bx-controls { text-align: center; margin-top: 5px; }
  .service_list .bx-controls .bx-pager a { display: inline-block; vertical-align: middle; width: 8px; height: 8px; background: #323a68; border-radius: 50%; opacity: .6; text-indent: -9999px; }
  .service_list .bx-controls .bx-pager a + a { margin-top: 0; margin-left: 10px; }
  .service_list .bx-controls .bx-pager a.active { width: 11px; height: 11px; opacity: 1; }
  .service_list .bx-controls .bx-pager-item { display: inline-block; vertical-align: middle; }
  .service_list .bx-controls .bx-pager-item + .bx-pager-item { margin-top: 0; margin-left: 10px; }
  .service_list .bx-controls .bx-controls-direction a { position: absolute; top: 47%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-100%); transform: translateY(-100%); width: 30px; height: 30px; text-align: center; line-height: 30px; }
  .service_list .bx-controls .bx-controls-direction a.bx-prev { left: 0px; }
  .service_list .bx-controls .bx-controls-direction a.bx-next { right: 0px; }
}

@media (max-width: 991px) { .search_wrap { padding: 1rem; }
  .search_wrap label { width: 100px; }
  .search_wrap div.form { width: calc(100% - 104px); }
  .search_wrap input[type="text"] { width: 100%; }
  .search_wrap input[type="date"] { width: 45%; }
  .search_wrap .form_select { width: 100%; margin-top: 3px; }
  .sitemap .col-xs-12:nth-child(2n+1) { clear: both; }
  .sitemap .col-xs-12:nth-child(3n+1) { clear: inherit; }
  .certify_wrap .box { padding: 1.25rem 2rem 1.5rem; }
  .certify_wrap p { margin-bottom: 1.4rem; }
  .certify_wrap a { display: block; margin-top: 1.5rem; }
  .word_select { margin-bottom: 1rem; }
  .use_guide .row + .row { margin-top: 3rem; }
  .use_guide .row .box { padding: 1.5rem 1rem; margin: 1rem 0 0; }
  .use_guide .row.dif .col-xs-12:first-child { position: relative; padding-bottom: 0; }
  .use_guide .row.dif .col-xs-12:first-child:before { position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); right: inherit; bottom: 21.35rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom; transform-origin: bottom; }
  .use_guide .row.dif .col-xs-12:first-child:after { display: block; content: ''; width: 100%; height: 19.35rem; background: url("/resources/images/gcc/sub/guide5.png") no-repeat center; margin-top: 4rem; }
  .use_guide .row.dif .web { display: none; } }

@media (max-width: 800px) { #layer_popup { min-width: 90vw; max-width: inherit; max-height: 80vh; }
  #layer_popup h2.tit { padding: .85rem 2rem; }
  #layer_popup .cont { margin: 1.2rem .5rem 1.5rem; }
  #layer_popup .pop_close { right: .5rem; top: 0; }
  .write_wrap table, .write_wrap tbody, .write_wrap tr, .write_wrap td, .write_wrap th { display: block; }
  .write_wrap tr th { padding: 8px 10px; text-align: left; }
  .write_wrap tr td { padding: 8px 10px; min-height: inherit; }
  /* .service_info_wrap .table_wrap { overflow-x: scroll; }
  .service_info_wrap .table_wrap table { width: 800px; }*/
  .service_info_wrap .table_wrap { overflow-x: scroll; }
  .service_info_wrap .table_wrap table { width: 800px; } 
 	
  .table_wrap_h, .table_wrap_h2 { width:100%; float: left;}
  .table_wrap_h2{ border-top:none; margin-bottom:30px;}
  .table_wrap_h2 thead{ display:none}
  /* .brd_lst table th:nth-child(3), .brd_lst table td:nth-child(3) { display:none} */
  .brd_lst table .viewOnlyPC { display:none}
  .brd_lst table td.ellipsis a{overflow: visible;white-space: normal;} 
   } 

@media (max-width: 680px) { .join_form .inner { width: 100%; }
  .join_form .row .form input { width: 100%; }
  .join_form .row .form.mail input, .join_form .row .form.mail .form_select { width: 30%; }
  .join_form .row .form.phone input { width: 29.9%; } }

@media (max-width: 640px) {
.certify_wrap{display:block;}	
}
@media (max-width: 610px) { .join_form .inner { width: 100%; }
  .join_form .row > * { float: none; }
  .join_form .row .form { width: 100%; }
  .join_form .row label { width: 100%; } }

@media (max-width: 600px) { .find_area .inner { width: 100%; }
  .find_area.result .tt { line-height: 1.2; }
  .find_area.result .tt span { display: block; } }

@media (max-width: 550px) { .tab_wrap li a { padding: 5px; }
  .info_box { padding: 1.5rem 1rem; }
  .info_box .desc .tt { font-size: 1.2rem; }
  .info_box.img_box > * { float: none; display: block; }
  .info_box.img_box .img { width: 100%; text-align: center; margin-bottom: 1rem; }
  .info_box.img_box .desc { padding-left: 0; width: 100%; }
  .terms_wrap { padding: 1rem .5rem; }
  .login_area { width: 100%; }
  .login_area.border { padding: 2rem 1rem; }
  .login_area.border > * { width: 100%; }
  .join_step > div:after { width: 85%; }
  .join_step p { padding-right: .5rem; } 
  
  .table_wrap_h table th, .table_wrap_h2 table th { padding: 5px 0; font-size:14px;}
  .table_wrap_h table td, .table_wrap_h2 table td { padding: .45rem 0; font-size:14px;}
  .brd_lst table td, .brd_lst table th { padding: .45rem 0; }
  .brd_lst table th:nth-child(1) { width:40px; }
  }

@media (max-width: 500px) { .brd_top .page_current { float: none; }
  .brd_top .srch { float: none; }
  .search_wrap label { display: block; }
  .search_wrap div.form { width: 100%; display: block; }
  .certify_wrap .box { padding: 1.25rem 1rem 1.5rem; }
  .certify_wrap p { margin-bottom: 1rem; }
  .certify_wrap a { margin-top: 1.2rem; } }

@media (max-width: 456px) { .join_form .row .form.mail input { width: 45%; }
  .join_form .row .form.mail input:last-of-type { margin-right: 0; }
  .join_form .row .form.mail .form_select { width: 100%; margin-top: 5px; }
  .join_form .row .form.phone input { width: 29%; }
  .use_guide .row .box { padding: 1rem .7rem; } }

@media (max-width: 440px) { .login_area { width: 100%; }
  .login_area.border .row > * { float: none; width: 100% !important; }
  .login_area.border .row .form .img { text-align: center; }
  .login_area.border .row .btn_area { margin-left: 0; text-align: center; margin-top: 5px; }
  .login_area.border .row .btn_area .btn { display: inline-block; width: 32%; }
  .join_step > div:after { top: .9rem; }
  .join_step p { padding-right: 0; }
  .join_step p span { width: 1.8rem; height: 1.8rem; line-height: 1.6rem; font-size: 0.8rem; }
  .join_step p strong { font-size: 0.75rem; } 
  .brd_lst{font-size:14px}
  .brd_lst table th:nth-child(4){width:25%} }
 
  @media (max-width: 319px) {
   .brd_lst{font-size:13px}
  }