#wrap {width:100%;height:100%; /*min-width:1700px;*/}

/* 플로트 시작 */
.frtl {float:left}
.frtr {float:right}
.inline_block {display:inline-block}
/* 플로트 끝*/

/* 클리어 시작 */
.cboth {clear:both}
/* 클리어 끝 */

/* 수평정렬 시작 */
.vtop {vertical-align:top}
.vmid {vertical-align:middle}
.vbott {vertical-align:bottom}
/* 수평정렬 끝 */

/* 텍스트 정렬 시작 */
.txtl {text-align:left !important;}
.txtc {text-align:center !important;}
.txtr {text-align:right !important;}
.vtop {vertical-align:top}
.vmid {vertical-align:middle}
.vbott {vertical-align:bottom}
/* 텍스트 정렬 끝 */

/* 시각장애인용 텍스트 시작 */
.ntxt {position:fixed;left:-9999px;top:-9999px;display:block;width:1px;height:1px}
/* 시각장애인용 텍스트 끝 */

/* 간격 박스 시작*/
.h10 {height:10px;clear:both}
.h12 {height:12px;clear:both}
.h15 {height:15px;clear:both}
.h20 {height:20px;clear:both}
.h23 {height:23px;clear:both}
.h25 {height:25px;clear:both}
.h30 {height:30px;clear:both}
.h35 {height:35px;clear:both}
.h40 {height:40px;clear:both}
.h45 {height:45px;clear:both}
.h50 {height:50px;clear:both}
.h55 {height:55px;clear:both}
.h60 {height:60px;clear:both}
.h65 {height:65px;clear:both}
.h70 {height:70px;clear:both}
.h75 {height:75px;clear:both}
.h80 {height:80px;clear:both}
.h85 {height:85px;clear:both}
.h90 {height:90px;clear:both}
.h100 {height:100px;clear:both}
.h105 {height:105px;clear:both}
.h110 {height:110px;clear:both}
.h115 {height:115px;clear:both}
.h120 {height:120px;clear:both}
/* 간격 박스 끝*/

/* 클리어 시작 */
.cboth {clear:both}
/* 클리어 끝 */

/* 패딩 추가 시작 */
.pl10 {padding-left:10px}
.pr10 {padding-right:10px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px}
.pr40 {padding-right:40px}

.p_10 {padding:10px;}
.p_20 {padding:20px;}
.p_30 {padding:30px;}
/* 패딩 추가 끝 */

/* 마진 추가 시작 */
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml30 {margin-left:30px}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr40 {margin-right:40px}
.mr50 {margin-right:50px}

.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}

.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb45 {margin-bottom:45px !important}
/* 마진 추가 끝 */

/* 보더 시작 */
.bt1 {border-top:1px solid #E7E7E7}
/* 보더 끝 */

/* 그리드 시작 */
.row {margin:0 -10px; display:flex; flex-wrap: wrap; clear:both;}
.row.max_w1010 {max-width:1010px}
.row.justify {justify-content:space-between}
.row:after{content:"";clear:both;display:block}
.row > div {padding:0 10px}
.row li {padding:0 10px}
.row.no_p {margin-left:0;margin-right:0}
.row.no_p > div {padding-left:0;padding-right:0}
.row .col_1 {flex-basis:0;flex-grow:1;flex:0 0 8.3333333%;max-width:8.3333333%}
.row .col_2 {flex-basis:0;flex-grow:1;flex:0 0 16.6666666%;max-width:16.6666666%}
.row .col_3 {flex-basis:0;flex-grow:1;flex:0 0 25%;max-width:25%}
.row .col_4 {flex-basis:0;flex-grow:1;flex:0 0 33.3333333%;max-width:33.3333333%}
.row .col_5 {flex-basis:0;flex-grow:1;flex:0 0 41.6666667%;max-width:41.6666667%}
.row .col_6 {flex-basis:0;flex-grow:1;flex:0 0 50%;max-width:50%}
.row .col_7 {flex-basis:0;flex-grow:1;flex:0 0 58.3333333%;max-width:58.3333333%}
.row .col_8 {flex-basis:0;flex-grow:1;flex:0 0 66.6666667%;max-width:66.6666667%}
.row .col_9 {flex-basis:0;flex-grow:1;flex:0 0 75%;max-width:75%}
.row .col_10 {flex-basis:0;flex-grow:1;flex:0 0 83.3333333%;max-width:83.3333333%}
.row .col_11 {flex-basis:0;flex-grow:1;flex:0 0 91.6666667%;max-width:91.6666667%}
.row .col_12 {flex-basis:0;flex-grow:1;flex:0 0 100%;max-width:100%}

@media (min-width: 600px) {
    .row .col_sm_1 {flex-basis:0;flex-grow:1;flex:0 0 8.3333333%;max-width:8.3333333%}
    .row .col_sm_2 {flex-basis:0;flex-grow:1;flex:0 0 16.6666666%;max-width:16.6666666%}
    .row .col_sm_3 {flex-basis:0;flex-grow:1;flex:0 0 25%;max-width:25%}
    .row .col_sm_4 {flex-basis:0;flex-grow:1;flex:0 0 33.3333333%;max-width:33.3333333%}
    .row .col_sm_5 {flex-basis:0;flex-grow:1;flex:0 0 41.6666667%;max-width:41.6666667%}
    .row .col_sm_6 {flex-basis:0;flex-grow:1;flex:0 0 50%;max-width:50%}
    .row .col_sm_7 {flex-basis:0;flex-grow:1;flex:0 0 58.3333333%;max-width:58.3333333%}
    .row .col_sm_8 {flex-basis:0;flex-grow:1;flex:0 0 66.6666667%;max-width:66.6666667%}
    .row .col_sm_9 {flex-basis:0;flex-grow:1;flex:0 0 75%;max-width:75%}
    .row .col_sm_10 {flex-basis:0;flex-grow:1;flex:0 0 83.3333333%;max-width:83.3333333%}
    .row .col_sm_11 {flex-basis:0;flex-grow:1;flex:0 0 91.6666667%;max-width:91.6666667%}
    .row .col_sm_12 {flex-basis:0;flex-grow:1;flex:0 0 100%;max-width:100%}
}

@media (min-width: 1024px) {
    .row .col_md_1 {flex-basis:0;flex-grow:1;flex:0 0 8.3333333%;max-width:8.3333333%}
    .row .col_md_2 {flex-basis:0;flex-grow:1;flex:0 0 16.6666666%;max-width:16.6666666%}
    .row .col_md_3 {flex-basis:0;flex-grow:1;flex:0 0 25%;max-width:25%}
    .row .col_md_4 {flex-basis:0;flex-grow:1;flex:0 0 33.3333333%;max-width:33.3333333%}
    .row .col_md_5 {flex-basis:0;flex-grow:1;flex:0 0 41.6666667%;max-width:41.6666667%}
    .row .col_md_6 {flex-basis:0;flex-grow:1;flex:0 0 50%;max-width:50%}
    .row .col_md_7 {flex-basis:0;flex-grow:1;flex:0 0 58.3333333%;max-width:58.3333333%}
    .row .col_md_8 {flex-basis:0;flex-grow:1;flex:0 0 66.6666667%;max-width:66.6666667%}
    .row .col_md_9 {flex-basis:0;flex-grow:1;flex:0 0 75%;max-width:75%}
    .row .col_md_10 {flex-basis:0;flex-grow:1;flex:0 0 83.3333333%;max-width:83.3333333%}
    .row .col_md_11 {flex-basis:0;flex-grow:1;flex:0 0 91.6666667%;max-width:91.6666667%}
    .row .col_md_12 {flex-basis:0;flex-grow:1;flex:0 0 100%;max-width:100%}
}

@media (min-width: 1366px) {
    .row .col_lg_1 {flex-basis:0;flex-grow:1;flex:0 0 8.3333333%;max-width:8.3333333%}
    .row .col_lg_2 {flex-basis:0;flex-grow:1;flex:0 0 16.6666666%;max-width:16.6666666%}
    .row .col_lg_3 {flex-basis:0;flex-grow:1;flex:0 0 25%;max-width:25%}
    .row .col_lg_4 {flex-basis:0;flex-grow:1;flex:0 0 33.3333333%;max-width:33.3333333%}
    .row .col_lg_5 {flex-basis:0;flex-grow:1;flex:0 0 41.6666667%;max-width:41.6666667%}
    .row .col_lg_6 {flex-basis:0;flex-grow:1;flex:0 0 50%;max-width:50%}
    .row .col_lg_7 {flex-basis:0;flex-grow:1;flex:0 0 58.3333333%;max-width:58.3333333%}
    .row .col_lg_8 {flex-basis:0;flex-grow:1;flex:0 0 66.6666667%;max-width:66.6666667%}
    .row .col_lg_9 {flex-basis:0;flex-grow:1;flex:0 0 75%;max-width:75%}
    .row .col_lg_10 {flex-basis:0;flex-grow:1;flex:0 0 83.3333333%;max-width:83.3333333%}
    .row .col_lg_11 {flex-basis:0;flex-grow:1;flex:0 0 91.6666667%;max-width:91.6666667%}
    .row .col_lg_12 {flex-basis:0;flex-grow:1;flex:0 0 100%;max-width:100%}
}

@media (min-width: 1600px) {
    .row .col_xl_1 {flex-basis:0;flex-grow:1;flex:0 0 8.3333333%;max-width:8.3333333%}
    .row .col_xl_2 {flex-basis:0;flex-grow:1;flex:0 0 16.6666666%;max-width:16.6666666%}
    .row .col_xl_3 {flex-basis:0;flex-grow:1;flex:0 0 25%;max-width:25%}
    .row .col_xl_4 {flex-basis:0;flex-grow:1;flex:0 0 33.3333333%;max-width:33.3333333%}
    .row .col_xl_5 {flex-basis:0;flex-grow:1;flex:0 0 41.6666667%;max-width:41.6666667%}
    .row .col_xl_6 {flex-basis:0;flex-grow:1;flex:0 0 50%;max-width:50%}
    .row .col_xl_7 {flex-basis:0;flex-grow:1;flex:0 0 58.3333333%;max-width:58.3333333%}
    .row .col_xl_8 {flex-basis:0;flex-grow:1;flex:0 0 66.6666667%;max-width:66.6666667%}
    .row .col_xl_9 {flex-basis:0;flex-grow:1;flex:0 0 75%;max-width:75%}
    .row .col_xl_10 {flex-basis:0;flex-grow:1;flex:0 0 83.3333333%;max-width:83.3333333%}
    .row .col_xl_11 {flex-basis:0;flex-grow:1;flex:0 0 91.6666667%;max-width:91.6666667%}
    .row .col_xl_12 {flex-basis:0;flex-grow:1;flex:0 0 100%;max-width:100%}
}
/* 그리드 끝 */

/* 테이블 공통 시작 */
table {table-layout:fixed;border-collapse:collapse;border-spacing:0}
.table_responsive .table {width:100%; padding:0; border:0;}
.table {padding:35px 110px;border:1px solid #ebebeb}
.table table {width:100%}
.table table tr th {padding:15px 0;font-size:17px;line-height:50px;text-align:left}
.table table tr th .small_text {font-size:15px}
.table table tr td {position:relative;padding:15px 0}
.table table tr td p {display:inline-block;font-size:17px;line-height:50px}
.table table tr td span.decribe {position:absolute;top:50%;margin-left:20px;display:inline-block;font-size:15px;line-height:20px;color:#848484; transform: translateY(-50%);}
.table table tr td span.error_meg {position:absolute;top:50%;margin-left:20px;display:inline-block;font-size:15px;line-height:20px;color:#ff0000; transform: translateY(-50%);}
.table table tr td span.nbsp {display:inline-block;width:25px;line-height:40px;text-align:center}
.table table tr td .describe {font-size:15px;line-height:20px;letter-spacing:-0.075em;font-weight:300;color:#848484}
.table table tr td .error_meg {font-size:15px;line-height:20px;letter-spacing:-0.075em;color:#ff0000}
/* 테이블 공통 끝 */

/* 테이블 타입1 공통 시작*/
.table_type1 {width:100%}
.table_type1 table {width:100%}
.table_type1 table tr th {padding:7px 0;text-align:left}
.table_type1 table tr td {padding:7px 0;}
.table_type1 table tr td .radio_box {line-height:40px;}
/* 테이블 타입1 공통 끝*/

/* 테이블 타입2 공통 시작 */
.table_type2 {width:100%}
.table_type2 table {width:100%}
.table_type2 table.border_grey {border:1px solid #ebebeb}
.table_type2 table thead tr th {padding:15px 15px;color:#666;text-align:center}
.table_type2 table tbody tr td {padding:10px 15px;text-align:center}
.table_type2 table tbody tr:nth-child(odd) {background-color:#f7f8fb}
.table_type2 table tbody tr td.txtleft {text-align:left}
.table_type2 table tbody tr td.cursor {cursor:pointer}
.table_type2 table tbody tr td.overflow {height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 테이블 타입2 공통 끝 */

.table_responsive .table.type2 tr {background:transparent}
.table_responsive .table.type2 tbody tr:nth-child(odd) {background-color:transparent}
.table_responsive .table.type2 tr th.bg {background:#f7f8fb}
.table_responsive .table.type2 tr th.vtop {vertical-align:top}
.table_responsive .table.type2 tr th.vmid {vertical-align:middle}
.table_responsive .table.type2 tr th.vbott {vertical-align:bottom}
.table_responsive .table.type2 tr th {padding:18px 0; vertical-align: top; text-align:left; color:#434343; font-size:15px; font-weight:500}
.table_responsive .table.type2 tr td {padding:7px 10px 7px 20px; text-align:left; font-size:14px}
.table_responsive .table.type2 tr td .tab_box {display:inline-block;width:100%}
.table_responsive .table.type2 tr td .tab_box .tab_nav:after {content:"";clear:both;display:block}
.table_responsive .table.type2 tr td .tab_box .tab_nav li {float:left;width:110px;height:40px;line-height:40px;border:1px solid #d7d7d7;color:#d7d7d7;text-align:center;cursor:pointer}
.table_responsive .table.type2 tr td .tab_box .tab_nav li.on {border-color:#367dff;color:#367dff}
.table_responsive .table.type2 tr td .tab_box .tab_content_box {clear:both}
.table_responsive .table.type2 tr td .tab_box .tab_content_box .tab_content.first_content {display:block}
.table_responsive .table.type2 tr td .tab_box .tab_content_box .tab_content {display:none;width:100%}

.table_responsive .table.type3 tr {background:transparent}
.table_responsive .table.type3 tr th {padding:12px 0; vertical-align: middle; text-align:left; color:#434343; font-size:17px; font-weight:500}
.table_responsive .table.type3 tr td {padding:12px 0 12px 0; text-align:left; font-size:17px}
.table_responsive .table.type3 tr td input, .table_responsive .table.type3 tr td select {font-size:17px;}

/* list_table 시작*/
.list_table table {width:100%}
.list_table table thead tr {background-color:#f7f7f7;border-top:2px solid #e9e9e9}
.list_table table thead tr th {padding:15px 0;font-size:16px;line-height:25px}
.list_table table tbody tr {border-bottom:1px solid #ebebeb}
.list_table table tbody tr td {padding:15px 10px;font-size:16px;text-align:center;;line-height:25px}
.list_table table tbody tr td a {font-size:16px;}
.list_table table tbody tr td.cursor {cursor:pointer}
.list_table table tbody tr td.txtl {text-align:left}
.list_table table tbody tr td .btn_veiw {display:inline-block;width:70px;height:25px;font-size:15px;line-height:25px;border:1px solid #6b89e5;color:#6b89e5;cursor:pointer}
.list_table table tbody tr td .notice {padding:0 5px;line-height:25px;background-color:#6b89e5;color:#fff}
.list_table.borded table {border-top:1px solid #ebebeb;}
.list_table.borded td {border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
/* list_table 끝*/

/* pagination 시작 */
.pagination {text-align:center}
.pagination span {margin:0 5px;display:inline-block;font-size:15px;color:#888;cursor:pointer}
.pagination ul {display:inline-block}
.pagination ul li {margin:0 8px;display:inline-block;font-size:15px;color:#888}
.pagination ul li.on {color:#d00000;text-decoration:underline}
/* pagination 끝 */

/* input text 공통 시작 */
.ipt {/*padding:10px;width:100%;height:50px;border:1px solid #acacac;font-size:17px;letter-spacing:-0.025em;vertical-align:top; */width:100%;height:40px;line-height:38px;font-size:13px;letter-spacing:-0.05em;border:1px solid #d7d7d7;text-align:left;padding:0 14px}
.ipt.border_ghostgrey {border-color:#d7d7d7}
.ipt.border_none {border:none}
.ipt.ipt_fs12 {font-size:12px}
.ipt.ipt_fs14 {font-size:14px}
.ipt.ipt_h20 {height:20px;line-height:18px}
.ipt.ipt_h35 {height:35px;line-height:33px}
.ipt.ipt_h40 {height:40px;line-height:38px}
.ipt.ipt_h50 {height:50px;line-height:48px}
.ipt.ipt_h60 {height:60px;line-height:58px}
.ipt.ipt_w50 {width:50px}
.ipt.ipt_w90 {width:90px}
.ipt.ipt_w100 {width:100px}
.ipt.ipt_w120 {width:120px}
.ipt.ipt_w130 {width:130px}
.ipt.ipt_w140 {width:140px}
.ipt.ipt_w150 {width:150px}
.ipt.ipt_w170 {width:170px}
.ipt.ipt_w180 {width:180px}
.ipt.ipt_w245 {width:245px}
.ipt.ipt_w315 {width:315px}
.ipt.ipt_w400 {width:400px}
.ipt.ipt_w452 {width:452px}
.ipt.ipt_w460 {width:460px}
.ipt.ipt_w470 {width:470px}
.ipt.ipt_w520 {width:520px}
.ipt.ipt_w555 {width:555px}
.ipt.ipt_w570 {width:570px}
.ipt.ipt_w620 {width:620px}
.ipt.ipt_w628 {width:628px}
.ipt.ipt_w690 {width:690px}
.ipt.ipt_w915 {width:914px}
.ipt.ipt_h50 {height:50px;}
.ipt.ipt_h100 {height:100px;}
.ipt.ipt_h300 {height:300px;}
.ipt.ipt_h350 {height:350px;}
.ipt.ipt_h400 {height:400px;}

textarea.ipt {line-height:23px;}
/* input text 공통 끝 */

/* select 공통 시작 */
.slt {padding:0 10px;padding-right:0;height:50px;border:1px solid #d7d7d7;font-size:17px;letter-spacing:-0.025em;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("/images/site/icon/arrow_bottom.png") no-repeat 93% 50%;vertical-align:top}
.slt::-ms-expand {display:none}
.slt.slt_small {height:40px;border:1px solid #d7d7d7;font-size:15px}
.slt.slt_w100 {width:100px}
.slt.slt_w120 {width:120px}
.slt.slt_w130 {width:130px}
.slt.slt_w140 {width:140px}
.slt.slt_w150 {width:150px}
.slt.slt_w170 {width:170px}
.slt.slt_w180 {width:180px}
.slt.slt_w240 {width:240px}
.slt.slt_w315 {width:315px}
.slt.slt_w330 {width:330px}
.slt.slt_w368 {width:368px}
.slt.slt_w415 {width:415px}
.slt.slt_w452 {width:452px}
.slt.slt_w915 {width:914px}
.slt.slt_fs14 {font-size:14px}

.slt.slt_pw100 {width:100%;}

.slt.slt_h_xs {height:20px; line-height:18px; font-size: 13px;}
.slt.slt_h_sm {height:25px; line-height:23px; font-size: 13px;}
.slt.slt_h_md {height:30px; line-height:28px; font-size: 13px;}
.slt.slt_h_lg {height:35px; line-height:33px; font-size: 13px;}
.slt.slt_h_xl {height:40px; line-height:38px; font-size: 13px;}
.slt.slt_h50 {height:50px; line-height:48px;}
/* select 공통 끝 */

/* 버튼 공통 시작 */
.btn_box {text-align:center;}
.btn_wrap {display:inline-block;width:150px;height:50px;font-size:18px;line-height:50px;color:#fff;background-color:#6b89e5;border:none;vertical-align:top;cursor:pointer}
.btn_wrap a {display:block; color:#fff; font-size:18px;}
.btn_wrap.big {display:inline-block;width:200px;height:55px;color:#fff;background-color:#6b89e5;font-size:18px;border:none}
.btn_wrap.big.grey {background-color:#d1d1d1;}
.btn_wrap.big:disabled {background:#888; cursor:not-allowed;;}
.btn_wrap.big.line_style_gery {background:#fff;border:1px solid #d7d7d7;color:#6c6c6c}
.btn_wrap.mid {display:inline-block;width:160px;height:55px;color:#fff;background-color:#6b89e5;font-size:18px;border:none}
.btn_wrap.mid.line_style_gery {background:#fff;border:1px solid #d7d7d7;color:#6c6c6c}
.btn_wrap.big.margin_auto {margin:0 auto}
.btn_wrap.line_style {border:1px solid #6b89e5;color:#6b89e5;width:100px;height:40px;line-height:38px;font-size:15px;background-color:#fff}
.btn_wrap.line_style a {color:#6b89e5;}
/* 버튼 공통 끝 */

/* 버튼 시작 */
.btn {display:inline-block;min-width:75px;height:35px;line-height:35px;background-color:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
.btn {display:inline-block;vertical-align:top;min-width:75px;height:40px;text-align:center;border:0}
.btn_xs { font-size: 10px }
.btn_sm { font-size: 12px }
.btn_md { font-size: 14px }
.btn_lg { font-size: 16px }
.btn_xl { font-size: 18px }
.btn_w_xs { width:10% }
.btn_w_sm { width:25% }
.btn_w_md { width:50% }
.btn_w_lg { width:70% }
.btn_w_xl { width:100% }
.btn_h_xs { height:20px; line-height:20px}
.btn_h_sm { height:25px; line-height:25px}
.btn_h_md { height:30px; line-height:30px}
.btn_h_lg { height:35px; line-height:35px}
.btn_h_xl { height:40px; line-height:40px}
.btn.btn_w50 {width:50px;min-width:50px}
.btn.btn_fs12 {font-size:12px}
.btn.border_blue {border:1px solid #0184ff;color:#0184ff}
.btn.bg_blue {background-color:#0184ff;color:#fff}
.btn.bg_red {background-color:#ff4b4b;color:#fff}
.btn.bg_grey {background-color:#d7d7d7;color:#000}
.btn.bg_darkgrey {background-color:#797979;color:#fff}
.btn.bg_ghostgrey {background-color:#969696;color:#fff}
.btn.bg_white {background-color:#fff;color:#000; border:1px solid #d7d7d7}
.btn.outline.gery {border:1px solid #ccc}
.btn.bg.blue {background-color:#0184ff;color:#fff}
.btn.outline.font.blue {border:1px solid #0184ff;color:#0184ff}
.btn a {color:#fff; display:block;}
/* 버튼 끝 */

/* input checkbox 공통 시작 */
.chk_box {display:inline-block}
.chk_box input[type="checkbox"] {vertical-align:middle;display:inline-block;width:15px;height:15px;border-radius:5px;background:#fff;border-color:#959595;cursor:pointer}
.chk_box label {margin-left:10px;vertical-align:middle;display:inline-block;line-height:15px;font-size:15px;cursor:pointer;letter-spacing:-0.025em}
.chk_box label span {margin-left:10px;color:#747474;font-weight:300}
/* input checkbox 공통 끝 */

/* input radio 시작 */
.radio_box {display:inline-block}
.radio_box.display_block {display:block;height:30px;line-height:30px}
.radio_box input[type="radio"] {vertical-align:middle;display:inline-block;width:15px;height:15px;background:#fff;border-color:#959595;cursor:pointer}
.radio_box label {margin-left:10px;vertical-align:middle;display:inline-block;line-height:15px;font-size:15px;cursor:pointer;letter-spacing:-0.025em}
.radio_box label span {margin-left:10px;color:#747474;font-weight:300}
/* input radio 끝 */

/* input:radio 스타일 시작 */
.radio {position:relative;display:inline-block}
.radio input[type="radio"] {position:absolute;padding:0;margin:-1px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.radio input[type="radio"] + label {display:inline-block;position:relative;padding-left:20px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.radio input[type="radio"] + label:before {content:"";position:absolute;left:0;top:0;width:8px;height:8px;text-align:center;background:#fafafa; border:3px solid #ddd;border-radius:100%}
.radio input[type="radio"]:checked + label:before {border-color:#4c9bfb}
/* input:radio 스타일 끝 */

/* input:checkbox 스타일 시작 */
.checkbox {position:relative;display:inline-block}
.checkbox input[type="checkbox"] {position:absolute;padding:0;margin:-1px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.checkbox input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:22px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.checkbox input[type="checkbox"] + label:before {content:"";position:absolute;left:0;top:0;width:13px;height:13px;text-align:center;background:#fafafa; border:2px solid #ddd}
.checkbox input[type="checkbox"]:checked + label:before {border-color:#4c9bfb;background-image:url(/images/admin/icon/checkbox_arw.png);background-repeat:no-repeat;background-position:center}
/* input:checkbox 스타일 끝 */

/* sign_panel 시작 */
.sign_panel {position:relative;display:inline-block;width:570px;height:140px;border:1px solid #acacac;resize:none}
.sign_panel .reset_sign {position:absolute;top:20px;right:20px;font-size:15px;color:#6b89e5;cursor:pointer}
/* sign_panel 끝 */

/* textarea 시작 */
.textarea {display:inline-block}
.textarea textarea {display:inline-block;resize:none;width:570px;height:100px;padding:10px;font-size:17px;letter-spacing:-0.025em;border:1px solid #e3e5e4}
.textarea textarea.textarea_w690 {width:690px}
/* textarea 끝 */

/* input:flie 스타일 시작 */
.file_box input[type="file"] {position:absolute;padding:0;margin:-1px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.file_box label {margin-left:16px;display:inline-block;width:150px;height:50px;border:1px solid #6b89e5;color:#6b89e5;font-size:18px;line-height:48px;text-align:center;vertical-align:top;cursor:pointer}
.file_box .upload_name {padding:10px;width:520px;height:50px;background-color:#fff;border:1px solid #acacac;font-size:17px;letter-spacing:-0.025em}
.file_box .upload_name.upload_name_white {background-color:#fff;border:1px solid #d7d7d7}
.file_box .upload_display {margin-bottom:15px;width:510px;height:100px;border:1px solid #d7d7d7;text-align:center;overflow:hidden}
.file_box .upload_thumb_wrap {position:relative;width:100%;height:100%;display:inline-block}
.file_box .upload_display img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;max-height:70px}
.filebox_preview {padding:20px;display:inline-block;width:100%;height:200px;border:1px solid #d7d7d7;overflow:auto}
/* input:flie 스타일 끝 */

/* dropzone:file 스타일 시작 */
.dropzone_box {position:relative;width:510px;height:102px;border:1px solid #d7d7d7;text-align:center;overflow:hidden}
.dropzone_box .dropzone {border:0;}
.dropzone_box .upload_display {position:relative;display:block;width:100%;height:100px;line-height:100px;cursor:pointer;color:#888}
.dropzone_box .upload_display .upload_preview {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}
.dropzone_box .upload_display .upload_preview .box {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);cursor:context-menu;z-index:9999}
.dropzone_box .upload_display .upload_preview .box:after {content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-position:center center;transition:0.3s}
.dropzone_box .upload_display .upload_preview .box:hover:after {background:url(/images/admin/icon/close_white.png) no-repeat rgba(0,0,0,0.6);background-position:center center}
.dropzone_box .upload_display .upload_preview .box img {display:block;max-height:75px}
/* dropzone:file 스타일 끝 */

/* input:counter 스타일 시작 */
.counter {display:inline-block;vertical-align:top}
.counter span {display:inline-block;vertical-align:top;width:50px;height:50px;font-weight:100;font-size:30px;color:#99aeed;line-height:48px;border:1px solid #d7d7d7;text-align:center;cursor:pointer}
.counter span.minus {margin-right:-4px;border-right:none}
.counter span.plus {margin-left:-4px;border-left:none}
.counter input {vertical-align:top;}
/* input:counter 스타일 끝 */

/* 모달 시작 */
.modal_wrap {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.39);z-index:9999; display:flex; align-items:center; justify-content: center;}
.modal_wrap .modal {/*position:absolute;left:50%;top:50%;*/padding:35px 40px;/*transform:translate(-50%, -50%);*/width:1100px;background-color:#fff; /*height:650px; overflow-y:auto;*/}
.modal_wrap .modal.modal_lg {width:1060px}
.modal_wrap .modal.modal_xl {width:1250px}
.modal_wrap .modal .top:after {content:"";clear:both;display:block}
.modal_wrap .modal .top h2 {float:left;font-size:20px;letter-spacing:-0.01em}
.modal_wrap .modal .top .title {font-size:18px;line-height:35px}
.modal_wrap .modal .top .close {float:right;cursor:pointer}
.modal_wrap .modal .top .util:after {content:"";clear:both;display:block}
.modal_wrap .modal .top .util .tab_nav {float:left}
.modal_wrap .modal .top .util .tab_nav:after {content:"";clear:both;display:block}
.modal_wrap .modal .top .util .tab_nav li {float:left;width:120px;height:35px;line-height:33px;border:1px solid #d7d7d7;text-align:center;cursor:pointer}
.modal_wrap .modal .top .util .tab_nav li.on {border-color:#318dff;color:#318dff}
.modal_wrap .modal .top .util .tab_nav li a {display:block; line-height:33px;}
.modal_wrap .modal .top .util .tab_nav li.on a {color:#318dff;}
.modal_wrap .modal .title {font-size:30px;line-height:45px;max-height:95px;overflow:hidden}
.modal_wrap .modal .arl_classification:after {content:"";clear:both;display:block}
.modal_wrap .modal .arl_classification li {float:left;margin-left:10px;padding:0 8px;height:25px;line-height:23px;text-align:center;color:#959595;border:1px solid #959595}
.modal_wrap .modal .arl_classification li:first-child {margin-left:0}
.modal_wrap .modal .alr_date:after {content:"";clear:both;display:block}
.modal_wrap .modal .alr_date li {float:left;margin-left:10px;padding:0 8px;height:25px;line-height:23px;text-align:center;color:#959595;border:1px solid #959595}
.modal_wrap .modal .alr_date li:first-child {margin-left:0}
.modal_wrap .modal .body {padding:22px 20px;width:100%;height:350px;line-height:20px;font-size:15px;border:1px solid #ebebeb;overflow:hidden;overflow-y:auto}
.modal_wrap .modal .lists_box:after {content:"";clear:both;display:block}
.modal_wrap .modal .lists_box .left_list {float:left;padding-right:10px;width:50%}
.modal_wrap .modal .lists_box .right_list {float:right;padding-left:10px;width:50%}
.modal_wrap .modal .lists_box .top_title:after {content:"";clear:both;display:block}
.modal_wrap .modal .lists_box .top_title .left_box {float:left}
.modal_wrap .modal .lists_box .top_title .right_box {float:right}
.modal_wrap .modal .lists_box .top_title .title {display:inline-block;font-size:18px;line-height:35px}
.modal_wrap .modal .lists_box .top_title .describe {display:inline-block;font-size:13px;line-height:35px;color:#aaa9a9}
.modal_wrap .modal .lists_box .bottom_area:after {content:"";clear:both;display:block}
.modal_wrap .modal .lists_box .bottom_area .left_box {float:left}
.modal_wrap .modal .lists_box .bottom_area .right_box {float:right}
.modal_wrap .modal .lists_box .bottom_area .title {display:inline-block;font-size:18px;line-height:35px}
.modal_wrap .modal .describe {display:inline-block;font-size:13px;line-height:18px;color:#aaa9a9}
.modal_wrap .modal .describe.block {display:block;}
.modal_wrap .modal .h400_over {overflow-y:auto; max-height:400px;}
/* 모달 끝 */

/* 아코디언 시작 */
.accordion .btn_accordion {padding:10px 0;width:100%;background-color:#ebebeb;cursor:pointer;text-align:center;transition:0.4s;}
.accordion .panel_accordion {background-color:white;max-height:0;overflow:hidden;transition:0.2s}
.accordion .top_title:after {content:"";clear:both;display:block}
.accordion .top_title .right_box {float:right}
.accordion .top_title .title {display:inline-block;font-size:18px;line-height:35px}
.accordion .top_title .describe {display:inline-block;font-size:13px;line-height:35px;color:#aaa9a9}
/* 아코디언 끝 */

/*사이트 편집 시작*/
.editor_view.on {position:relative;padding-right:35px;width:calc(100% + 35px);z-index:999;border:none}
.editor_view .editor_border {position:absolute;left:-5px;top:-5px;width:calc(100% - 25px);height:calc(100% + 10px);border:5px solid #318dff;z-index:-1}
.editor_view .editor_wrap {position:absolute;right:-5px;top:-5px;width:35px;height:calc(100% + 10px)}
.editor_view .editor_wrap .editor_box .editor_menu li {width:35px;height:35px;line-height:35px;text-align:center;font-size:0;color:#318dff; cursor:pointer; border:1px solid #fff; border-top:0;background-repeat:no-repeat;background-position:center}
.editor_view .editor_wrap .editor_box .editor_menu li.btn_editor {background-color:#318dff; background-image:url("/images/site/icon/pencil.png")}
.editor_view .editor_wrap .editor_box .editor_menu li.btn_del {background-color:#ff3188; background-image:url("/images/site/icon/trash.png")}
/*사이트 편집 끝*/

.chosen-container {width:100%;}
.chosen-container-single .chosen-single {color:#000 !important; background:#fff !important; box-shadow:none !important; border-radius:0 !important; border:1px solid #d7d7d7 !important; height:40px !important; line-height:40px !important; padding: 0 0 0 10px !important;}
.chosen-container-single .chosen-single div {width:43px !important;}
.chosen-container-single .chosen-single div b { background: url(/images/site/icon/arrow_bottom.png) no-repeat 0 50% !important; }
.chosen-container-active.chosen-with-drop .chosen-single {background-image:none !important;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background: url(/images/site/icon/arrow_up.png) no-repeat 0 50% !important;}
.chosen-container-single .chosen-single span {display:inline-block !important; font-size:14px !important; letter-spacing: -0.025em !important;}
.chosen-container .chosen-drop {border:1px solid #d7d7d7 !important; box-shadow: none !important;}

.pointer{ cursor: pointer; }

.tooltip_box {position:relative;cursor:pointer;}
.tooltip_box:hover .tooltip {display:block}
.tooltip_box .text {text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.tooltip_box .tooltip {display:none;position:absolute; z-index:10; left:100%;top:50%;transform:translate(0, -50%);padding:15px 10px;background-color:#fff;border:1px solid #367dff;text-align:left; word-break:keep-all; margin-left:10px; }
.tooltip_box .tooltip p {width:100%;white-space:normal}
.tooltip_box .tooltip:before {content:"";position:absolute;left:-16px;top:50%;transform:translate(0, -50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #367dff;border-left:8px solid transparent}
.tooltip_box .tooltip:after {content:"";position:absolute;left:-15px;top:50%;transform:translate(0, -50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;border-left:8px solid transparent}
.tooltip_box .tooltip.left {right:100%; left:auto; margin-right:10px; margin-left:0;}
.tooltip_box .tooltip.left:before {left:auto; right:-16px; border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid transparent;border-left:8px solid #367dff}
.tooltip_box .tooltip.left:after {left:auto; right:-15px; border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid transparent;border-left:8px solid #fff;}

/* 후원하기 시작 */
.constrib_modal_wrap {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.39);z-index:9999; display:flex; align-items:center; justify-content: center;}
.constrib_modal {
    background:#fff;
    width:695px;
    padding:50px;
}
.constrib_modal .top:after {
    content:'';
    clear:both;
    display:block;
}
.constrib_modal .top .logo {
    float:left;
    width:90px;
    margin-bottom:15px;
}
.constrib_modal .top .close {
    float:right;
    cursor:pointer;
}
.constrib_modal .top h2 {
    clear:both;
    font-size:24px;
    font-weight:400;
    margin-bottom:35px;
}
.constrib_modal .title_box {
    padding:15px 25px;
    background:#e7f0ff;

}
.constrib_modal .title_box:after {
    content:'';
    clear:both;
    display:block;
}
.constrib_modal .title_box span {
    float:left;
    font-size:20px;
    line-height:25px;
    color:#6b89e5;
    margin-right:18px;
}
.constrib_modal .title_box .title {
    float:left;
    font-size:20px;
    line-height:25px;
    color:#000;
}
.constrib_modal .explain {
    font-size:14px;
    line-height:18px;
}
.constrib_modal .btn.bg_grey {
    background:#d8d8d8;
    color:#fff;
}
.constrib_modal .btn {
    width:150px;
    height:50px;
    line-height:50px;
    margin:0 5px;
    font-size:18px;
}
.constrib_modal .email_split {
    padding:0 6px;
}
.constrib_modal .checkbox input[type="checkbox"] + label {
    font-size:16px;
}
/* 후원하기 끝 */