@charset "utf-8";
/* 시스템 사이트의 경우 :  메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분, 서브에 적용되는 css 기재 /  메인에만 적용되는 main.css 추가해 메인 css 기재 */
/* 일반 사이트의 경우 : 메인+서브에 공통 적용되는 common.css 파일 추가해 메인+서브 공통부분 css / 메인에만 적용되는 main.css 추가해 메인 css 기재 / 서브에만 적용되는 sub.css 추가해 서브 css 기재 */
/* 시스템, 일반 사이트 공통 : 멤버십, 에러 등이 필요한 경우 퍼블가이드 UI요소에서 원하는 부분만 복사해서 common.css에 기재 */
/* basic.css, board.css에서 수정해서 사용할 것들은 common.css에 수정 css 적기 (basic, board 수정 X) */

@import url(../fonts/pretendard.css);
@import url(../fonts/gmarketsans.css);
body *{font-family: "Pretendard"; letter-spacing: -0.05em; color: var(--dark);}
body{min-width: 130rem;}
#container{padding-top: 9rem;}

:root {
    --blue : #2280e4;
    --btn-blue-hover: #146ece;
    --dark : #222429;
    --gray : #bfc3c9;
}

/** basic.css, board.css 수정 **/

/* button, input */
.btn_area{margin-top: 3rem;}
.btn_area .btn + .btn{margin-left: 1.5rem;}
.btn_area .btn + .btn + .btn.lg{margin-top:1rem;}
.btn{ letter-spacing: -0.025em; border-radius: 1rem; padding: 0 2rem;}
.btn:focus{outline: 2px solid var(--dark) !important;}
.btn.lg{min-width: 23rem; height: 6.3rem;line-height: 6.1rem;font-size: 2.4rem;font-weight: 600; }
.btn.mdl{min-width: 16rem;height: 5.5rem; line-height: 5.3rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.01em;}
.btn.sml{min-width: 10rem; height: 4.7rem; line-height: 4.7rem; font-size: 1.6rem; font-weight: 500; padding: 0 3rem;}
.btn.xs{min-width: 5rem;height: 3.2rem;line-height: 3.2rem;font-size: 1.4rem;font-weight: 500;padding: 0 0.5rem;border-radius: 5px;}

select , 
input[type="text"], 
input[type="password"], 
textarea{border-radius: 1rem;font-size: 1.6rem;font-weight: 500;color: var(--dark); border: 2px solid #dee0e1; background-color: #fff; height: 4.7rem; width: 100%;}
textarea{height: auto; min-height: 15rem;}
input[type="text"]:focus, 
select:focus,
input[type="password"]:focus,
textarea:focus{border: 2px solid var(--dark); box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
input[type="text"]:read-only, input[type="text"]:disabled,
textarea:read-only, textarea:disabled{ background-color:#fafafa;}
input[type="text"].typeB, 
input[type="password"].typeB, 
select.typeB{height: 5.7rem; font-size: 1.8rem; color: var(--dark); font-weight: 400; border: 2px solid #dee0e1; padding: 0 2.3rem; border-radius: 1rem;}
select.typeB{background: #fff url(../images/sub/i_sel2.png) no-repeat center right 2rem;}
input[type="text"].typeB:read-only, input[type="text"].typeB:disabled, input[type="password"].typeB:read-only, input[type="password"].typeB:disabled{background: #f0f0f0;}
.phone input, .phone select,
.email input, .email select{max-width: none; /* width: calc((100% - 4rem) / 3) !important; */}
.email input:last-of-type{margin-left: 0;}
.email select{margin-left: 0.5rem;}
.addr input{margin-top: 1.2rem; width: 49.5%;}
.addr input + input{margin-left: 0.5%;}
.addr input:first-of-type{width: 30% !important; margin-top: 0;}


.chk > span{margin: 0;}
.chk > span+span{margin-left: 3rem;}
.chk input:focus + label::before{border-color: var(--dark); outline: 1px solid var(--dark); transition: 0s;;}
.chk label{line-height: 2.2rem;font-size: 2rem;font-weight: 400;}
.chk .cbx input:checked + label::before{font-size: 1.7rem; background-color: var(--dark); border-color: var(--dark);}
.chk .cbx input:focus + label::before{border-color: var(--dark);}
.chk .cbx label::before{width: 2.2rem;height: 2.2rem; position: relative; top: 0.1rem;font-size: 0; line-height: 1.9rem; transition: all 0.1s;}

.chk .radio label::before {content: '';position: relative;left: 0;top: 0.2rem;width: 2.2rem;height: 2.2rem;border-radius: 2.2rem; border: 1px solid var(--bdr);font-family: 'xeicon'; content: '\e928'; font-size: 0;font-weight: 900;line-height: 2.2rem; color: #fff; text-align: center;background: #fff; transition: all 0.1s;}
.chk .radio label{font-size: 1.8rem;}
.chk .radio label:focus::before {border-color:var(--bdr-focus);}
.chk .radio input:checked + label::before {border-color: var(--dark);background: var(--dark); font-size: 1.5rem;}
.chk .radio label::after {display: none;}
.chk .radio input:checked + label::after {display: none;}
/*.chk.sm .radio label::before{width: 1.9rem;height: 1.9rem;line-height: 1.7rem; top: 0;}
.chk.sm .radio input:checked + label::before{font-size: 1.3rem;}*/


/* tbl */
table.tbl{border-top: 2px solid var(--dark);}
.tbl_top{margin-bottom: 2rem;}
.tbl_top .tbl_left, .tbl_top .tbl_right{display: block}
.tbl_top .tbl_right{font-size: 1.6rem;font-weight: 400;color: #555;}
.tbl_top .tbl_right .asterisk{margin-right: 0.5rem;}
.tbl_top .tbl_right .asterisk::before{top:-1rem; }
.tbl_top .tbl_right p{font-size: 2.1rem;font-weight: 500;}
.tbl_top .tbl_right p > span{font-weight: 700;}
.tbl_top .tbl_right p > span > span{color: #e95374;}
.tbl_top .tbl_left .md_tit{margin-bottom: 0;}
.tbl_top .tbl_left .sm_tit{font-size: 2.2rem;font-weight: 700;}
.tbl_top .tbl_right.typeB p{font-size: 1.3rem;font-weight: 400;color: #939393;}
.tbl_top.typeB{display: flex;align-items: center;justify-content: space-between;}
.tbl_top.tit_in{margin-bottom: 3rem;}
.tbl_box{border: 0.2rem solid #dee0e1;border-radius: 2.5rem;padding: 2rem 0;}
.tbl_box p.no_data{display: flex;align-items: center;justify-content: center;font-size: 2rem;font-weight: 700;}
.tbl_box.typeB{padding: 3.8rem 6rem 3.8rem 3.8rem;}
.tbl_box.typeB .tbl.col.typeC{margin-top: 0.7rem;}
.tbl_box.typeC{border: 1px solid var(--bdr);border-radius: 4rem;box-shadow: 0 0 1.3rem rgba(115, 115, 115, 0.07);padding: 3rem 2rem;}

.tbl.row{}
table.tbl.row th, table.tbl.row td{padding: 1.2rem 0.8rem; height: 7.2rem;}
table.tbl.row th{font-size: 2rem;font-weight: 700;color: var(--dark);background: #fff; padding-left: 3rem !important;}
table.tbl.row th::after{display: none;}
table.tbl.row td{font-size: 1.8rem;}
table.tbl.row .filebox{display: flex;align-items: center; }
table.tbl.row .filebox .btn.icl{min-width: 15.2rem;height: 4.7rem;border-radius: 1rem;line-height: 4.5rem;font-size: 1.6rem;font-weight: 500;color: var(--dark);}
table.tbl.row .filebox .upload{font-size: 1.8rem;font-weight: 300;color: #555;line-height: 4.7rem;margin: 0 1rem 0 1.7rem;}
table.tbl.row .filebox .btn_del{border: 0;font-size: 0;width: 1.1rem;height: 1.1rem;background: url(../images/sub/i_btn_del.png) no-repeat center;}
table.tbl.row .filebox .btn_del:focus{outline: 2px solid var(--dark);}


table.tbl.col{margin-top: 0;}
table.tbl.col th, .tbl.col td{height: 7rem;}
table.tbl.col th{background: #fff;border-bottom: 1px solid var(--dark);font-size: 2rem;font-weight: 600;color: var(--dark);padding: 2rem 1rem;}
table.tbl.col th:not(:last-child), table.tbl.col td:not(:last-child) {border-right: 0;}
table.tbl.col td{font-size: 2rem;font-weight: 300;color: var(--dark)    ;}
table.tbl.col td.f_500{font-weight: 500;}
table.tbl.col td:nth-of-type(5) span{display: inline-block;border: 1px solid var(--dark);border-radius: 1.5rem;padding: 0.5rem 1rem;}
table.tbl.col td .ing{color: #0e60b8;border: 1px solid #0e60b8 !important;}
table.tbl.col td span.lock{display: inline-block;padding-left: 2.5rem;background: url(../images/sub/i_lock.png) no-repeat left center;}

table.tbl.row.typeB{border-top: 0;}
table.tbl.row.typeB th, table.tbl.row.typeB td{border: 0;height: auto;}
table.tbl.row.typeB th{padding-left: 4rem !important;}
table.tbl.row.typeB td{font-size: 2rem;color: #62676e;letter-spacing: -0.025em;}
table.tbl.row.typeB td span{display: inline-block;height: 3.3rem;line-height: 2.9rem;border-radius: 1rem;border: 0.2rem solid var(--blue);font-size: 1.8rem;font-weight: 700;color: var(--blue);text-align: center;padding: 0 2.4rem;}
table.tbl.row .flexbox{display: flex;}
table.tbl.row .flexbox .btn{margin-left: 7px;}

table.tbl.col.typeB{border-top: 0;margin-top: 0;}
table.tbl.col.typeB th, table.tbl.col.typeB td{border: 0;padding-left: 4rem !important;height: auto;}
table.tbl.col.typeB td{font-size: 2rem;color: #62676e;letter-spacing: -0.025em;}

table.tbl.col.typeC{border-top: 1px solid var(--blue);margin-top: 0;}
table.tbl.col.typeC th{border-left: 1px solid #d3d7da;background: #fbfdff;height: auto;padding: 0.8rem;font-size: 1.6rem;font-weight: 500;color: #333;line-height: 1.2;}
table.tbl.col.typeC tr:first-of-type th{border-bottom: 1px solid #d3d7da;}
table.tbl.col.typeC tr:first-of-type th:first-of-type{border-left: 1px solid var(--blue);border-bottom: 1px solid var(--blue)}
table.tbl.col.typeC tr:last-of-type th{border-bottom: 1px solid var(--blue);}
table.tbl.col.typeC tr th:last-of-type{border-right: 1px solid var(--blue);}
table.tbl.col.typeC td{border-bottom: 1px solid #d3d7da;height: auto;padding: 1rem;font-size: 1.6rem;font-weight: 500;color: #333;}
table.tbl.col.typeC td+td{border-left: 1px solid #d3d7da;}
table.tbl.col.typeC tr:hover td{background: #fff;}

table.tbl.col.typeD{border-top: 0.2rem solid #4e4e4e}
table.tbl.col.typeD thead th{font-size: 1.8rem; color: #fff; border-bottom: 1px solid #b0b0b0; border-right: 1px solid #fff; height: 6.3rem;}
table.tbl.col.typeD tbody td{font-size:2.2rem; color: #000; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 6.3rem;}
table.tbl.col.typeD tbody td:first-of-type{font-size: 1.8rem; font-weight: 400;}
table.tbl.col.typeD thead th:last-of-type,
table.tbl.col.typeD tbody td:last-of-type{border-right: 0;}
table.tbl.col.typeD thead th:nth-of-type(2){background: #f4f6f8; color: #000; border-right: 0.3rem solid #f93e3f; border-left: 0.3rem solid #f93e3f; border-top: 0.3rem solid #f93e3f}
table.tbl.col.typeD thead th:nth-of-type(3){background: #ed6412;}
table.tbl.col.typeD thead th:nth-of-type(4){background: #129900;}
table.tbl.col.typeD thead th:nth-of-type(5){background: #0e54e1;}
table.tbl.col.typeD tbody tr.current td{background: #f4f6f8}
table.tbl.col.typeD tbody td:nth-of-type(2){color: #000; font-weight: 700; border-right: 0.3rem solid #f93e3f; border-left: 0.3rem solid #f93e3f;}
table.tbl.col.typeD tbody td:nth-of-type(3){color: #ed6412;}
table.tbl.col.typeD tbody td:nth-of-type(4){color: #129900;}
table.tbl.col.typeD tbody td:nth-of-type(5){color: #0e54e1;}
table.tbl.col.typeD tbody tr:not(.current):hover td{background: transparent;}
table.tbl.col.typeD tbody tr:last-of-type td:nth-of-type(2){border-bottom: 0.3rem solid #f93e3f;}

table.tbl.calendar{border-top: 0;}
table.tbl.calendar *{font-family: "Gsans";}
table.tbl.calendar th{background: #fff;font-size: 2.4rem;font-weight: 500;color: #777;letter-spacing: 0.19em;border-bottom: 0;}
table.tbl.calendar td{font-size: 2rem;font-weight: 500;text-align: center;border-bottom: 0;}
table.tbl.calendar th, table.tbl.calendar td{height: 7rem;}
table.tbl.calendar td span.compl{display: inline-block;width: 4rem;height: 4rem;border-radius: 4rem;background: #39b54a;color: #fff;line-height: 4.4rem;position: relative;}
table.tbl.calendar td span.compl::before{content: "";display: block;width: 1.8rem;height: 1.3rem;background: url(../images/sub/i_compl_bg.png) no-repeat center;position: absolute;top: -1.3rem;left: 50%;transform: translateX(-50%);}
table.tbl.calendar td span.today{color: #1f9205;}

table.tbl.col.sm{}
table.tbl.col.sm th{font-size:1.7rem; padding:1rem 0.5rem;}
table.tbl.col.sm th, 
table.tbl.col.sm td{height:5rem;font-size: 1.6rem;}

table.tbl.col.info_tbl th,
table.tbl.col.info_tbl td{height:6.5rem; color:#333;}
table.tbl.col.info_tbl th{font-size:2rem; font-weight: 600;}
table.tbl.col.info_tbl td{font-size:1.8rem; font-weight: 500;}
table.tbl.col.info_tbl th.item-4,
table.tbl.col.info_tbl th.item-5{color:#277eef; border-top:3px solid #277eef;}
table.tbl.col.info_tbl .item-4{border-left:3px solid #277eef;}
table.tbl.col.info_tbl .item-5{border-right:3px solid #277eef;}
table.tbl.col.info_tbl td.item-4.last,
table.tbl.col.info_tbl td.item-5.last{border-bottom:3px solid #277eef;}
table.tbl.col.info_tbl td.item-4,
table.tbl.col.info_tbl td.item-5{font-weight: 600;}
table.tbl.col.info_tbl td,
table.tbl.col.info_tbl th{border-right:1px solid var(--tbl-bdr);}
table.tbl.col.info_tbl td:last-child:not(.item-5),
table.tbl.col.info_tbl th:last-child:not(.item-5){border-right:none;}
/* table.tbl.col.info_tbl.division{border-right:1px solid #000;} */


/* search_basic */
.search_basic{padding: 6rem 4rem;border: 0;background: #fbfbfc;border-radius: 2.5rem;margin-bottom: 8rem;}
.search_basic .chk label{font-size: 2rem;}
.search_basic .search_wrap{display: flex; align-items: center;margin-top: 2rem;}
.search_basic select{width: 29rem;height: 6.6rem;border-radius: 1rem;border: 2px solid #006de0;font-size: 2rem;font-weight: 400;color: var(--dark);background: #fff url(../images/sub/i_sel.png) no-repeat right 2rem center; padding: 0 3.4rem;}
.search_basic .input_search{margin: 0;margin-left: 1.4rem;width: calc(100% - 30.5rem);}
.search_basic .input_search .text{border-radius: 1rem;padding: 0 6.4rem 0 3.4rem;}
.search_basic .input_search .btn_search{right: 3rem;}
.search_basic .btn_search:hover, .search_basic .btn_search:focus{background: url(../images/sub/i_btn_search.png) no-repeat center;}

.search_basic.typeB .search_wrap{margin-top: 0;}

/** paging **/
.paging_wrap {position: relative;margin-top: 5rem;}
.paging_wrap .btn_left {position:absolute;top:0;left:0;}
.paging_wrap .btn_left .btn + .btn {margin-right:0.5rem;}
.paging_wrap .btn_right {position:absolute;top: 0;right:0;}
.paging_wrap .btn_right .btn + .btn {margin-left:0.5rem;}
.paging {font-size: 0;text-align: center;}
.paging li {display: inline-block;position: relative;min-width: 4.7rem;height: 4.7rem;border-radius: 10rem; border: 1px solid #fff; background: #f8f8f8; font-size: 1.9rem;line-height: 4.7rem;color: var(--dark);vertical-align: middle;cursor: pointer;}
.paging li+li{margin-left: 1.3rem;}
.paging li a {display: block;height: 100%;padding: 0 0.5rem; border-radius: 100rem;}
.paging li:first-child {border-left: 1px solid var(--bdr);border-radius: 10rem;}
.paging li:last-child {border-radius: 10rem;}
.paging li.btn_page {font-size: 0;color: var(--dark);background: #fff;border: 1px solid var(--bdr);}
.paging li.btn_page a::before,
.paging li.btn_page a::after {font-family: 'xeicon';font-size: 1.9rem;}
.paging li.btn_page a::after {margin-left: -0.8rem;}
.paging li.first a::before,
.paging li.first a::after,
.paging li.prev a::before {content: '\e93d';}
.paging li.next a::before,
.paging li.last a::after,
.paging li.last a::before {content: '\e940';}
.paging li:hover,
.paging .current {border-color: var(--dark) !important;color: #FFFFFF;background-color: var(--dark);}
.paging li:hover a,
.paging .current a {border-color: var(--dark) !important;color: #FFFFFF;background-color: var(--dark);border-radius: 10rem;}
.paging li.btn_page:hover{border: 1px solid var(--bdr) !important;background: #fff;}
.paging li.btn_page:hover a{background: #fff;color: var(--dark);}

/* faq_list */
.faq_list{border-top: 0.2rem solid var(--dark);}
.faq_list dl{border-top: 0;border-bottom: 1px solid #d6dbe3 !important;}
.faq_list dl dt, .faq_list dl dd{border: 0; position: relative;}
.faq_list dl dt a{font-size: 2rem;font-weight: 400;padding: 3.4rem 0; padding-right:3rem;}
.faq_list dl dt a::after{content: ''; display: block; width: 1.7rem; height: 100%; background: url(../images/sub/i_arrow-down.png) no-repeat center;transition:  all 0.2s; position: absolute; right: 0; top: 0;}
.faq_list dl dt.on a::after{transform: rotate(180deg);}
.faq_list dl dt span{display: inline-block;min-width: 13rem;height: 3rem;border-radius: 0.5rem;border: 1px solid #0e60b8;font-size: 1.5rem;font-weight: 400;color: #0e60b8;line-height: 2.8rem;text-align: center;position: static;}
.faq_list dl dt .category{width: 17rem;}
.faq_list dl dt .category span + span{margin-top:0.3rem;}
.faq_list dl dt.on, .faq_list dl dt:hover{background: #fff;}
.faq_list dl dd{background: #f6f6f6;padding: 3rem 3.4rem;}
.faq_list dl dt.no_data{font-size: 2rem;padding: 3.4rem 13rem;}

/* asterisk */
.asterisk{font-size: 0;position: relative;}
.asterisk::before{content: "";display: block;width: 0.5rem;height: 0.5rem;border-radius: 0.5rem;background: #e95374;position: absolute;top: -1.5rem;left: -0.9rem;}


/* popup */
.popup_bg{z-index: 9960;}
.layer_pop{top:50% !important; left:50% !important; transform: translate(-50%, -50%); border-radius: 2rem;background: #fff;z-index: 9999 !important;max-height: 90vh;max-width:900px;}
.layer_pop .btn_pop_close{position: absolute; right: 6rem; top: 3rem; display: block; font-size:3rem; background: none; }
.layer_pop .pop_content{padding: 3rem; overflow-y:auto; max-height:calc(90vh - 7rem);}
.layer_pop .pop_footer{padding: 0; padding-bottom:6rem; background: #fff;}
.layer_pop > .mCustomScrollBox >  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px;}
.layer_pop > .mCustomScrollBox >  .mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 6rem); top: 3rem;}
.layer_pop .pop_header{height:7rem; }
.layer_pop .pop_header h2{font-size:2.4rem; font-weight:600;}
.layer_pop .img_box img{max-width: 100%; object-fit: cover;}

.layer_pop.sm_pop{border-radius: 2.5rem;padding: 0rem;background: #fff;max-height: 80vh;}
.layer_pop.sm_pop .sm_tit{display: block;font-size: 2.4rem;line-height: 1;margin-bottom: 3rem;}
.layer_pop.sm_pop .pop_content > p{font-size: 1.8rem;font-weight: 400;color: #555;line-height: 1.33;}
.layer_pop.sm_pop .sm_tit.typeA{font-weight: 500;padding-top: 1rem;}
.layer_pop.sm_pop .sm_tit.typeB{font-weight: 700;}
.layer_pop.sm_pop .box{border-radius: 1rem;border: 0;display: flex;align-items: center;height: 7.2rem;position: relative;padding-right: 2rem;background: #fafafa; font-size:1.4rem;}
.layer_pop.sm_pop .box.typeB{display: block;padding: 1.25rem 0;height: auto}
.layer_pop.sm_pop .box+.box{margin-top: 1.5rem;}
.layer_pop.sm_pop .box input::placeholder{font-size: 1.8rem;font-weight: 400;color: #5e5e5e;}
.layer_pop.sm_pop .box p{padding: 0 2rem;font-size: 1.6rem;font-weight: 700;}
.layer_pop.sm_pop .box p.head{min-width: 24rem;}
.layer_pop.sm_pop .box p.ect{font-size: 1.4rem;color: var(--blue);font-weight: 400;margin: 0.5rem 0}
.layer_pop.sm_pop .box span.chk{padding: 0 2rem;}
.layer_pop.sm_pop .box .btn.blue.sml{position: absolute;top: 50%;right: 2rem;transform: translateY(-50%);}
.layer_pop.sm_pop.mCustomScrollbar{padding-right: 0;}
.layer_pop.sm_pop.mCustomScrollbar .mCSB_inside>.mCSB_container{padding-right: 0rem;}
.layer_pop.sm_pop .pop_content, .layer_pop.sm_pop .pop_footer{background: #fff;padding: 0;}
.layer_pop.sm_pop .pop_content{padding:4rem 4rem 0;}
.layer_pop.sm_pop .pop_footer{padding-top: 4rem; padding-bottom:4rem;}
.layer_pop.sm_pop .pop_footer .btn+.btn{margin-left: 1.5rem;}
.popup_bg{background: rgba(0, 0, 0, 0.65);}

.layer_pop.md_pop .pop_header{background: #fff7de;height: auto;border-radius: 4rem 4rem 0 0;padding: 2rem 5rem;border-bottom: 0;min-height: 10rem;line-height: 1.2;}
.layer_pop.md_pop .pop_header h2{font-size: 3.6rem;font-weight: 700;}
.layer_pop.md_pop .pop_header .pop_close{position:absolute; right: 3rem; top:3rem;}
.layer_pop.md_pop .pop_content{height: 36rem;padding: 3.2rem 20rem 3.2rem 5rem;font-size: 2rem;font-weight: 400;line-height: 1.65;background: #fff url(../images/sub/img_md_pop_bg.png) no-repeat right 5rem bottom -13.4rem;max-height: 80vh;}
.layer_pop.md_pop .pop_close i::before{font-size: 3.6rem; color: var(--dark);}

.layer_pop.logout_popup{border-radius: 2.5rem;}
.layer_pop.logout_popup .auto_logout{padding: 4rem}
.layer_pop.logout_popup .auto_logout span{font-size: 1.8rem;}

/* tab line */
.tab.line > .tab_menu{width: 65rem;margin: 0 auto;}
.tab.line > .tab_menu li{font-size: 2.6rem;font-weight: 500;color: #777;}
.tab.line > .tab_menu li.on::before{height: 0.44rem; background-color: #1676de;}
.tab.line > .tab_menu li a{padding: 1.5rem 2rem;color: #777;line-height: 1;min-width: 32.5rem;}
.tab.line > .tab_menu li.on a{color: #1676de;font-weight: 700;}
.tab.line > .tab_cont{margin-top: 5rem;}


.tab.line dl{display: flex;flex-wrap: wrap;}
.tab.line dl+dl{margin-top: 9rem;}
.tab.line dt{width: 24rem;font-size: 2.4rem;font-weight: 700;}
.tab.line dd{width: calc(100% - 24rem);padding-top: 1rem;position: relative;}
.tab.line dd.scan::after{content: "";display: block;width: 32.5rem;height: 30.8rem;background: url(../images/sub/img_qrcode.png) no-repeat center;position: absolute;top: 0;right: 26rem;}
.tab.line dd.scan .list li{font-weight: 500;}
.tab.line dd.scan .btn.mdl{height: 4.4rem;line-height: 4.2rem;border: 1px solid #d6dbe3;position: relative;font-size: 1.8rem;font-weight: 500;}
.tab.line dd.scan .btn.mdl::before{content: '';display: inline-block;width: 2.2rem;height:1.6rem;background: url(../images/sub/i_youtube.png) no-repeat center;vertical-align: -0.2rem;margin-right: 1.5rem;}
.tab.line dd b{display: inline-block;font-size: 2rem;font-weight: 500;line-height: 1;color: var(--blue);}
.tab.line dd .list{margin-top: 1rem;}
.tab.line dd .list+b{margin-top: 2.5rem;}
.tab.line dd .list li{font-size: 1.8rem;font-weight: 300;line-height: 1.66;padding-left: 0.9rem;position: relative;}
.tab.line dd .list li::before{content: "";display: block;width: 0.4rem;height: 0.4rem;background: #1676de;position: absolute;top: 1.2rem;left: 0;}
.tab.line dd .cash_wrap li{display: flex;align-items: center;margin-top: 2rem;}
.tab.line dd .cash_wrap li:first-of-type{margin-top: 0;}
.tab.line dd .cash_wrap li b{margin-right: 1rem;}
.tab.line dd .cash_wrap li b:nth-of-type(2){color: var(--dark);font-weight: 300;font-size: 1.8rem;}
.tab.line dd .cash_wrap li p{margin-top: 0;}
.tab.line dd .cash_wrap .fountain{text-align: center;margin-right: 1rem;}
.tab.line dd .cash_wrap .fountain p:first-of-type{border-bottom: 1px solid #000;}
.tab.line dd p{font-size: 1.8rem;font-weight: 300;line-height: 1.44;margin-top: 1rem;}
.tab.line dd p.sm{padding-left: 2.7rem;background: url(../images/sub/i_sm_bg.png) no-repeat left center;line-height: 1.7rem;}
.tab.line dd p.yt{padding-left: 2.8rem;background: url(../images/sub/i_youtube.png) no-repeat left center;line-height: 2.2rem;}
.tab.line dd .btn_area{margin-top: 1.5rem;}
.tab.line dd .view{padding-left: 2.2rem;margin-top: 1rem;}
.tab.line dd .view span{display: block;font-size: 1.5rem;font-weight: 400;color: #333;margin-bottom: 0.5rem;}
.tab.line dd .tbl.col.typeC th, .tab.line dd .tbl.col.typeC td{padding: 0.5rem;}


/** 공통 **/

.wrap{width: 100%;max-width: 132rem;margin: 0 auto;}

/* header */
#header {position: absolute;height: 9rem;background: #fff;z-index: 9000; border-bottom: 1px solid #e4e4e4; width: 100%;}
#header.fixed{position: fixed; top: 0; left: 0; /* animation: ani_dropdown .3s cubic-bezier(.215,.61,.355,1); */}
@-webkit-keyframes ani_dropdown{
  0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
  100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes ani_dropdown{
  0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
  100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
#header .hd_top .logo * {display: block;}
#header .utils{display: flex;align-items: center; height: 9rem;}
#header .utils > ul {display: flex;align-items: center;}
#header .utils > ul > li{position: relative;}
#header .utils > ul > li + li{margin-left: 3rem;}
#header .utils button{font-size:0; color:#777; font-weight:400; display: inline-block; border-radius: 0;}
#header .utils button:not(.gnb_open):not(.btn_login_close){padding-left:2.5rem; font-size:1.7rem;}
#header .utils button:focus{outline: 2px solid var(--dark);}
#header .utils .btn_login{background: url(../images/icon/header-login-icon.png) no-repeat 0 53%;}
#header .utils .gnb_open{width:2.5rem; height:2.5rem; background:url(../images/icon/header-toggle-menu-icon.png) no-repeat center;}
/* #header .utils .btn_login:focus, #header .utils .btn_login.on{background: url(../images/icon/i_login_on.png) no-repeat center;} */
#header .utils .login_pop{position: absolute; width: 36rem; height: auto; border-radius: 2.4rem; background: #fff; box-shadow: 0rem 0.5rem 1rem rgba(0,0,0,0.25); right: -5rem; top:6rem; padding: 2rem 2.2rem; padding-top:3rem; display: none;}
#header .utils .login_pop .btn_login_close{position: absolute; right: 1rem; top: 0.3rem; font-size: 0;background: none}
#header .utils .login_pop .btn_login_close::before{display: inline-block; content: "\e9af"; font-family: 'xeicon'; font-size: 2rem; font-weight: bold;}
#header .utils .login_pop p{font-size: 1.6rem; color: #474747; text-align: center; margin-bottom: 1.7rem;}
#header .utils .login_pop p strong{color: var(--dark); font-weight: 600; font-size: 1.8rem;}
#header .utils .login_pop ul{display: flex;}
#header .utils .login_pop ul li{flex: 1;}
#header .utils .login_pop ul li + li{margin-left: 1rem;}
#header .utils .login_pop .btn{width: 100%; height: 5.3rem; line-height:5.3rem; font-size: 1.8rem; font-weight: 700; border-radius: 1.2rem;}
#header .mo_top {display: none;}
#header .timer{display: inline-block; font-size: 1.4rem; margin-right: 2rem;}
#header .timer i{margin-right: 0.5rem; vertical-align: middle; opacity: 0.5;}


/* gnb */
#header .gnb_bg {display: none;position: absolute;left: 0;width: 100%;border-top: 1px solid #dedede;background: #fff;box-shadow: 0.4rem 1.4rem 1rem 0rem rgba(0,0,0,0.05)}
#header .gnb_area {position: relative;height: 9rem;}
#header .gnb_area .wrap {display: flex;justify-content: flex-end;align-items: flex-start;position: relative;}
#header .gnb_area .wrap .logo{position: absolute; left:0;}
#header .gnb_area .wrap .logo a{height: 9rem; display: flex; align-items: center;}
#header .gnb_area .wrap .logo img{width: 23.4rem; display: block;}
#header .gnb_area .gnb_wrap{overflow: hidden; margin-right: 9.5rem;}
#header #gnb {display: flex;position: relative;margin: 0 auto;}
#header #gnb > li {width: 18rem;height: 9rem;text-align: center;transition: all 0.5s;word-break: break-word;word-wrap:break-wrap;}
#header #gnb > li > a {display: flex;justify-content: center;align-items: center;height: 100%;font-size: 2.2rem;font-weight: 700;letter-spacing: -0.025em;color: var(--dark);text-align: center;position: relative;}
#header #gnb.show > li{width: 21rem;}
#header #gnb > li > a::before{content: "";display: block;width: 100%;height: 0.2rem;background: #036ad8;position: absolute;bottom: -1px;left: 0;opacity: 0;z-index: 99;}
#header #gnb > li.on > a, #header #gnb > li.active > a, #header #gnb > li.active.off.on > a{color: #277eef;}
#header #gnb > li.active.off > a{color: var(--dark);}
#header #gnb > li.on > a::before{opacity: 1;}
#header #gnb .dp2 {position: relative;padding: 4rem 0;font-size: 1.8rem;border-left: 1px solid #e4e4e4;}
#header #gnb > li:last-of-type .dp2{border-right: 1px solid #e4e4e4;}
#header #gnb > li.on .dp2 {background: #f5f8fc;}
#header #gnb .dp2 li {display: flex;align-items: center;}
#header #gnb .dp2 li+li{margin-top: 2.6rem;}
#header #gnb .dp2 li a {display: block;width: 100%;padding: 0 2.6rem;font-size: 1.8rem;font-weight: 400;line-height: 2.4rem;color: var(--dark);letter-spacing: -0.045em;text-align: left;word-break: break-word;}
#header #gnb .dp2 li a:hover,
#header #gnb .dp2 li a:focus {font-weight: 700;color: #036ad8;text-decoration: 1px underline #036ad8;}

/* sitemap */
.sitemap{height: auto; position: fixed; top: 9rem; left: 0; max-height:calc(100vh - 9rem); width: 100%; background: #fff; z-index: 999; overflow-y: auto; display: none;box-shadow: 0.4rem 1.4rem 1rem 0rem rgba(0,0,0,0.05)}
.sitemap .wrap{position: relative;padding:9rem 0 5.5rem 0; max-width:100%; border-bottom:1px solid #ddd;}
.sitemap b{font-size: 3.6rem; font-weight: 700; display: block; line-height: 1; width: 130rem; margin:0 auto 9rem auto;}
.sitemap .btn_sitemap_close{display: block; position: absolute; right: 30px; top: 30px; background: url(../images/common/i_gnb_close.png) no-repeat center; width: 2.8rem; height: 2.8rem; font-size: 0;}
.sitemap > .wrap > ul{max-width: 130rem; margin:0 auto;}
.sitemap > .wrap > ul > li{display: flex; align-items: flex-start;}
.sitemap > .wrap > ul > li + li{margin-top: 4.5rem;}
.sitemap > .wrap > ul > li > a{position:relative; padding-right:6rem; margin-right:5.5rem; font-size: 2.8rem; font-weight: 700; display: block; width: 16.5rem; color:#277eef; line-height: 1;word-wrap:break-word;word-break:keep-all;}
.sitemap > .wrap > ul > li > a::after{position: absolute; right:0; top: 50%; transform:translateY(-50%) rotate(35deg); width:2px; height:15px; border-radius:5px; background:#277eef; content:'';}
.sitemap ul.dp2{display: flex; flex-wrap:wrap; width: calc(100% - 25rem);}
.sitemap ul.dp2 > li{width: 25%;}
.sitemap ul.dp2 a{font-size: 2.2rem; display: block; line-height: 1.4;}
.sitemap ul.dp2 a:hover{font-weight: 700;}
.sitemap ul.dp2 > li > a{font-weight: 500; color:#333; margin-bottom: 3rem;word-wrap:break-word;word-break:keep-all;}
.sitemap ul.dp3 li + li{margin-top: 2rem;}



/* footer */
#footer{border-top: 1px solid #cdcdcd; padding: 3rem 0;}
#footer .wrap{display: flex;align-items: center; justify-content: space-between;}
#footer .logo{display: inline-block; vertical-align: middle;}
#footer address{font-size: 1.6rem;font-weight: 400;color: #666666;margin-left: 1.5rem; display: inline-block;}
#footer .ft_btn{display: inline-block; font-size: 1.6rem; font-weight: 700; color: #353535; margin-left: 2rem;}
#footer .ft_btn::before{content: ''; display: inline-block; width: 1px; height: 1.3rem; background: #808080; margin-right: 2rem;}
#footer small{font-size: 1.5rem; color: #666; letter-spacing: 0;}

/* custom scrollbar */
.mCSB_inside>.mCSB_container{margin-right:1rem;}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_draggerRail{width: 5px; background: none; opacity: 1 !important; right: 1rem;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px; border-radius: 100px; background: #cdcdcd !important;}
.mCSB_scrollTools .mCSB_draggerContainer{height: calc(100% - 2rem); top: 1rem;}


/* quick_menu */
.quick_box{position:fixed;top:160px;right:calc(50vw - 77.5rem); width:9.5rem;padding: 2.5rem 1.5rem; border-radius:25px; border:1px solid #ddd; background: #fff; box-shadow: 10px 0 13px rgba(51,51,51,0.05);transition: top 0.3s ease;}
.quick_box.fixed{top: 110px; z-index: 999;}
.quick_box .quick_menu{display: block;}
.quick_box .quick_menu.menu1{padding-bottom: 1.5rem;border-bottom:1px solid #ddd;text-align: center;}
.quick_box .quick_menu.menu2{padding-top:2.5rem; text-align:center;}
.quick_box .quick_menu.menu2 > .num{display: block;margin-top: 3px;font-size:2.35rem;font-weight: 600;line-height: 1.2;color: #277eef;}
.quick_box .quick_menu .tit{display: block; color:#333; font-size:1.4rem; text-align:center; font-weight: 700;}
.quick_box .quick_menu.menu1 .num{display:inline-block; width:5.4rem; height:5.4rem; margin-top:0.5rem; padding-top:0.9rem; border-radius:15px; line-height: 1; color:#fff; text-align:center; font-size:2rem; font-weight:700; background: linear-gradient(to bottom, #ffc000, #FF9821);}
.quick_box .quick_menu.menu1 .num > *{display:block; font-weight: 600; font-size:1.7rem;color:#fff;}

/* login_wrap */
.login_wrap{width: 100%; max-width: 130rem; height: 100%; min-height:calc(100vh - 22rem); padding: 5rem 0; margin: 0 auto;}
.login_box {position: relative; width:100%; max-width: 56rem;margin: 0 auto;}
.login_box h1.logo{width: 100%; margin-bottom: 6.5rem;}
.login_box h1.logo img{display: block; margin: 0 auto;}

.login_box .tab_menu{display: flex; border-radius: 1rem 1rem 0 0;}
.login_box .tab_menu > li{width: 100%;}
.login_box .tab_menu a{display: block; font-size: 1.6rem; font-weight: 500; height: 5rem; line-height: 5rem; border-radius: 1rem 1rem 0 0; width: 100%; border: 1px solid #ececec; border-bottom: 0; color: #999999; cursor: default;}
.login_box .tab_menu > li.on a{border-color: #2280e4; background-color: #2280e4; color: #fff;}
.login_box .tab_cont{margin-top: 0;}

.login_box .input_box input {width: 100%; height: 6.3rem;line-height: 6.3rem; font-size: 1.6rem;padding: 0 2rem;padding-left: 5rem; padding-right: 4rem; border-radius: 0 0 0 0; color: var(--dark); font-weight: 400; border-width: 1px;}
.login_box .tab_menu + .tab_cont .input_box>ul>li:first-of-type input{border-radius:0;}
.login_box .input_box input:focus{border: 1px solid var(--dark); position: relative; z-index: 99; box-shadow: none;}
.login_box .input_box>ul>li {position: relative;}
.login_box .input_box>ul>li + li{top: -1px;}
.login_box .input_box>ul>li label{display: block; width: 1.4rem; height: 1.6rem; position: absolute; left: 2rem; top: 2.3rem; font-size: 0; z-index: 99; opacity: 0.4;}
.login_box .input_box>ul>li.login_id label{background: url(../images/common/i_login_id.png) no-repeat center;}
.login_box .input_box>ul>li.login_pwd label{background: url(../images/common/i_login_pwd.png) no-repeat center;}
.login_box .input_box>ul>li + li{top: -1px;}
.login_box .input_box>ul>li input:focus + label{opacity: 1;}
.login_box .input_box>ul>li + li input{border-radius: 0 0 1rem 1rem;}
.login_box .input_box .btn_del{position: absolute; right: 2rem; top: 2.3rem; width: 1.7rem; height: 1.7rem; font-size: 0; border: 0; background: url(../images/common/i_input_del.png) no-repeat center; opacity: 0; z-index: 999;}
.login_box .input_box .btn_del.on{opacity: 1;}
.login_box .chk {margin-top: 2.5rem;}
.login_box .chk > span label {line-height: 2rem; font-size: 1.5rem;}
.login_box .chk .cbx label::before {width: 1.8rem;height: 1.8rem;top: -0.1rem; margin-right: 0.5rem;}
.login_box .chk .cbx input:checked + label::before {font-size: 1.3rem; line-height: 1.6rem; }
.login_box .links {margin-top:2rem; text-align: center;}
.login_box .links li{display: inline-block; position: relative;}
.login_box .links li + li {margin-left: 24px;}
.login_box .links li + li::before {content: '';position: absolute;left: -1.2rem;top: 0.4rem;width: 1px;height: 1.2rem;background: #afc0cf;}
.login_box .links a {display: inline-block;font-size: 1.5rem;padding: 0;font-weight: 500;color: #777777;}
.login_box .links a:hover{text-decoration: underline;}
.login_box .btn_area {margin-top: 3rem;}
.btn_login {display: block;width: 100%;height: 6.5rem;line-height: 6.5rem;font-size: 2rem;font-weight: 600; border-radius: 1rem;}

/* loading */
.loading_wrap{display:block; position:fixed; left:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.loading_box {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); z-index:99;display:flex;align-items:center;justify-content:center;text-align: center;}
.loading_box b {font-size: 3rem;color:#fff;background: url(../images/common/loading.svg) no-repeat center -3.5rem;text-transform:uppercase;font-weight:500;font-family:"Montserrat";padding-top: 7.3rem;background-size:13rem;display: block;}
.loading_box b:after {content: ' .';animation: dots 1s steps(5, end) infinite; position: relative; left: -0.5rem;}
@keyframes dots {
  0%, 20% {
    color: rgba(255,255,255,0);
    text-shadow:
      .25em 0 0 rgba(255,255,255,0),
      .5em 0 0 rgba(255,255,255,0);}
  40% {
    color: #fff;
    text-shadow:
      .25em 0 0 rgba(255,255,255,0),
      .5em 0 0 rgba(255,255,255,0);}
  60% {
    text-shadow:
      .25em 0 0 #fff,
      .5em 0 0 rgba(255,255,255,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 #fff,
      .5em 0 0 #fff;}}



@media all and (max-width: 1590px) {
	/* quick_menu */
	.quick_box {right: 2rem;top: auto;bottom: 2rem;z-index: 999;}
	.quick_box.fixed {top: auto;}
}

@media all and (max-width: 1280px) { 
  .wrap{padding: 0 2rem;}
  #header{position: fixed; min-width: 0;}
  #header .gnb_area .wrap .logo img{width: 18rem;}
  #header #gnb > li{width: 14rem;}
  #header #gnb.show > li{width: 13rem;}
  #header #gnb > li > a{font-size: 1.8rem;}
  #header #gnb .dp2 li a{font-size: 1.6rem; padding: 0 1rem;}
}
@media all and (max-width: 1024px) {
  html{font-size: 12px;}
  body{min-width: auto;}
  #container{padding-top: 7rem;}

  /** basic.css, board.css 수정 **/
  .btn_area{margin-top: 3rem;}
  .btn_area .btn + .btn{margin-left: 1rem;}
  .btn.lg{min-width: 13rem; height: 5rem; line-height: 4.8rem; font-size: 1.6rem; border-radius: 0.8rem; padding: 0 2rem;}
  .btn.mdl{min-width: 8rem; height: 4rem; line-height: 3.8rem; font-size: 1.4rem; border-radius: 0.5rem; padding: 0 1rem;}
  .btn.sml{min-width: 7rem; height: 3.7rem; line-height: 3.7rem; font-size: 1.4rem; border-radius: 0.5rem; padding: 0 1rem; font-weight: normal;}
  select, input[type="text"], input[type="password"], textarea{height: 3.7rem; line-height: 3.7rem; font-size: 1.5rem; border-radius: 0.5rem; padding: 0 1rem;}
  input[type="text"]::placeholder, input[type="password"]::placeholder, textarea::placeholder{font-size:1.5rem; line-height: 3.7rem; }
  input[type="text"]::-webkit-input-placeholder {font-size:1.5rem; line-height: 3.7rem;}
   input[type="text"]:-ms-input-placeholder {font-size:1.5rem; line-height: 3.7rem;}
  textarea::-webkit-input-placeholder {font-size:1.5rem; line-height: 3.7rem;}
  textarea:-ms-input-placeholder {font-size:1.5rem; line-height: 3.7rem;}
  .layer_pop.sm_pop .box input::placeholder{font-size:1.5rem; line-height: 3.7rem;}
  .btn.mar_t5rem, .btn_area.mar_t5rem{margin-top:3.5rem !important;}
	  
  input[type="text"].typeB, input[type="password"].typeB, select.typeB{height: 4rem; line-height: 4rem; font-size: 1.5rem; border-radius: 0.5rem; padding: 0 1rem;}

  .phone{width: 100% !important;}
  .phone input, .phone select, .email input, .email select{min-width: 0;}
 
  textarea{height: auto; min-height: 10rem;}
  .chk > span label, .chk .radio label{font-size: 1.5rem; line-height: 1.3; padding-left: 2.4rem; position: relative;}
  .chk .cbx label::before{width: 1.8rem; height: 1.8rem; border-radius: 0.3rem; line-height: 1.6rem; top: 0rem; position: absolute; left: 0;}
  .chk .radio label::before{width: 1.8rem; height: 1.8rem; position: absolute; line-height: 1.6rem; top: 0;}
  .chk .cbx input:checked + label::before{font-size: 1.4rem;}
  .chk .radio input:checked + label::before{font-size: 1.3rem;}
  .chk > span label b{}
  table.tbl.row .email{width: 100% !important;}
 /*  table.tbl.row .email input[type='text']{width: 46.5% !important;} */
  table.tbl.row .email .gap{width: 5% !important; display: inline-block; margin: 0 !important; text-align: center;}
  table.tbl.row .email select{ /* margin-top: 0.6rem; */ margin-left: 0; width: 100% !important;}


  .tbl_top.tit_in{margin-bottom: 1.5rem;}
  .tbl_top.tit_in.mar_t5rem, .tbl_top.tit_in.mar_t6rem{margin-top: 3.5rem !important;}
  .tbl_top .tbl_right{font-size: 1.3rem;}
  .tbl_top .tbl_left .sm_tit{font-size: 1.8rem; line-height: 1.3;}
  .tbl_top.mo_block{display:block;}
  .tbl_top.mo_block .tbl_left, .tbl_top.mo_block .tbl_right{display:block;}
  .tbl_top.mo_block .tbl_right.sm_txt{ text-align:left; margin-top:0.5rem;}
  .tbl_top.mo_block .tbl_right.sm_txt p{font-size:1.7rem;}

  .tbl.row, .tbl.row tbody, .tbl.row tr, .tbl.row th, .tbl.row td{display: block;}
  table.tbl.row th{font-size: 1.6rem; margin-bottom: 0.7rem; padding:0; height:auto; padding-left: 1.2rem !important; border-bottom: 0; padding-top: 1rem;}
  table.tbl.row th .asterisk::before{left: -1rem; top: -1rem;}
  table.tbl.row td{height: auto; padding:0 1.2rem; padding-top: 0; padding-bottom: 1rem; font-size: 1.5rem;}
  table.tbl.row input.w50p, table.tbl.row select.w50p{width: 100% !important;}
  table.tbl.row .flexbox input.w50p{width: 50% !important;}
  table.tbl.row td.btn_in input.w50p{width: 50% !important;}
  
  table.tbl.row.mo_type tr{display: flex;flex-wrap: wrap;}
  table.tbl.row.mo_type td, table.tbl.row.mo_type th{display: inline-block;margin-bottom: 0;border-bottom: 1px solid var(--tbl-bdr);padding: 1.5rem 1rem;}
  table.tbl.row.mo_type th{width: 25% !important;}
  table.tbl.row.mo_type td{width: 75% !important;}

  table.tbl.row .addr input{width: 100% !important; margin-top: 0.6rem;}
  table.tbl.row .addr input:first-of-type{width: 49% !important; margin-top: 0;}
  table.tbl.row .addr input:first-of-type + .btn{margin-left: 0.3rem;}
  .addr input + input{margin-left: 0;}

	.tbl table.tbl.col, .tbl table.tbl.col tr, .tbl table.tbl.col tbody, .tbl table.tbl.col thead{width: 100% !important;}
	.tbl table.tbl.col col.mo_hide{display:none;}
	.tbl table.tbl.col tr th:first-of-type{display: none;}
	.tbl table.tbl.col tr td:first-of-type{display: none;}
	.tbl table.tbl.col tr th, .tbl table.tbl.col tr td{height: auto;width: 33.33% !important;padding: 1.5rem 1rem;}
	.tbl table.tbl.col tr th.mo_c, .tbl table.tbl.col tr td.mo_c{text-align: center !important;}
	.tbl table.tbl.col tr th{font-size: 1.6rem;}
	.tbl table.tbl.col tr td{font-size: 1.4rem;}
	.tbl table.tbl.col col.mo_w30{width: 33.33% !important;}
	
	.tbl_wrap table.tbl.col thead{display: none;}
	.tbl_wrap table.tbl.col, .tbl_wrap table.tbl.col tbody, .tbl_wrap table.tbl.col tr, .tbl_wrap table.tbl.col th, .tbl_wrap table.tbl.col td{display: block}
	.tbl_wrap table.tbl.col tr{position: relative;border-bottom: 1px solid var(--tbl-bdr);width: 100%;display: flex;flex-wrap: wrap;}
	.tbl_wrap table.tbl.col tr td{display: inline-block; border: 0;width: 50% !important;height: auto}
	.tbl_wrap table.tbl.col tr td:nth-of-type(5) span{padding: 0.5rem;border-radius: 1rem;}
	.tbl_wrap table.tbl.col tr td:last-of-type{display: none;}
	.tbl_wrap table.tbl.col tr td.mo_l{text-align: left;}
	.tbl_wrap table.tbl.col tr td.mo_r{text-align: right;}
	

  .board_write > ul > li{display: block; font-size: 1.3rem;}
  .board_write .flexbox{flex-wrap: wrap;}
  .board_write .flexbox input{width: 50%;}
  .board_write ul li input + .btn{margin-left: 0.6rem;}
  .board_write input + .info_txt, .board_write .btn + .info_txt, .tbl.row input + .info_txt, .tbl.row .btn + .info_txt{margin-left: 0; margin-top: 0.5rem; font-size: 1.3rem;}
  .board_write > ul > li + li{margin-top: 1.5rem;}
  .board_write > ul > li > div + div{margin-top: 1.5rem; margin-left: 0;}


  .layer_pop{width: 90% !important; border-radius: 1.5rem; max-height: 85vh;}
  .layer_pop .md_tit.mar_b2rem{margin-bottom: 1.5rem !important;}
  .layer_pop .btn_pop_close{right: 2rem; top: 2.5rem; font-size: 2rem;}
  .layer_pop .pop_content{padding: 2.5rem 2rem;}
  .layer_pop .pop_footer{padding-bottom: 2.5rem;}
  .layer_pop > .mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 0.5rem;}

  .layer_pop.layer_pop.sm_pop, .layer_pop.md_pop{width: 90% !important;border-radius: 1.5rem; max-height: 85vh;padding: 0rem;}
  .layer_pop.layer_pop.sm_pop .pop_content,
  .layer_pop.sm_pop .pop_content{max-height:35rem !important; padding:2rem 1.3rem 0;}
  .layer_pop.sm_pop .pop_content{min-height: unset !important;}
  .layer_pop.sm_pop .sm_tit{margin-bottom: 1.5rem;font-size: 2rem;}
  .layer_pop.sm_pop .sm_tit.typeA{font-size: 2rem;}
  .layer_pop.sm_pop .pop_content > p{font-size: 1.5rem;}
   .layer_pop.sm_pop .pop_content > p br{display: none;}
   .layer_pop.sm_pop.phone_num .pop_content > p br{display: block !important;}
  .layer_pop.sm_pop .box{display: block;padding: 1.3rem !important;height: auto;}
  .layer_pop.sm_pop .box input.mo_w100{width: 100% !important;}
  .layer_pop.sm_pop .box p, .layer_pop.sm_pop .box p.head{padding: 0;margin-bottom: 0.7rem !important;width: 100%;}
  .layer_pop.sm_pop .box span.chk{padding: 0}
  .layer_pop.sm_pop .box .btn.blue.sml{position: static;transform: none;width: 100%;margin-top: 1rem;}
  .layer_pop.sm_pop .pop_footer{padding-top: 2.5rem; padding-bottom:2rem;}
  .layer_pop.sm_pop.mCustomScrollbar .mCSB_inside>.mCSB_container{padding-right: 0;}
  .layer_pop.sm_pop .pop_footer .btn+.btn{margin-left:0.7rem;}
  
  .layer_pop.md_pop .pop_header{border-radius: 1rem 1rem 0 0;padding: 2rem;padding-right: 5rem; min-height: auto;}
  .layer_pop.md_pop .pop_header h2{font-size: 2rem;}
  .layer_pop.md_pop .pop_header .pop_close{top: 2rem;right: 2rem;}
  .layer_pop.md_pop .pop_close i::before{font-size: 2rem;font-weight: 700;}
  .layer_pop.md_pop .pop_content{padding: 2rem;background: #fff;font-size: 1.6rem;height: auto;min-height: 10rem;}
  .layer_pop.md_pop .pop_content.mCustomScrollbar{max-height: 70vh;}

  .layer_pop.logout_popup{border-radius: 1rem;}
  .layer_pop.logout_popup .auto_logout span{font-size: 1.4rem;}

  .tab.line > .tab_menu{width: auto; border-bottom: 0;}
  .tab.line > .tab_menu li{flex: 1;}
  .tab.line > .tab_menu li a{min-width: 0; font-size: 1.7rem; width: 100%; padding: 1.3rem 0;}
  .tab.line > .tab_menu li.on::before{height: 0.3rem;}
  .tab.line > .tab_cont{margin-top: 2.5rem;}

  .tab.line dl{display: block;}
  .tab.line dl+dl{margin-top: 4.5rem;}
  .tab.line dt{width: 100%;font-size: 1.7rem;}
  .tab.line dd{width: 100%;}
  .tab.line dd b{font-size: 1.6rem;display: block; line-height:1.3;}
  .tab.line dd p{font-size: 1.5rem;line-height: 1.5;}
  .tab.line dd p.sm{background: url(../images/sub/i_sm_bg.png) no-repeat left top / 1.3rem;padding-left: 1.8rem;line-height: 1.5rem;}
  .tab.line dd p.yt{background: url(../images/sub/i_youtube.png) no-repeat left top 0.2rem / 1.5rem;padding-left: 2rem;line-height: 1.5rem;}
  .tab.line dd.scan::after{display: none;}
  .tab.line dd.scan .btn.mdl{font-size: 1.6rem;}
  .tab.line dd.scan .btn.mdl::before{margin-right: 1rem;}
  .tab.line dd .list li{font-size: 1.5rem;}
  .tab.line dd .list li::before{top: 0.8rem;}
  .tab.line dd .btn_area .btn{width: 48%;}
  .tab.line dd .cash_wrap li{flex-wrap: wrap;}
  .tab.line dd .cash_wrap li > b{width: 100%;margin-right: 0;}
  .tab.line dd .cash_wrap li b:nth-of-type(2){width: 40%;padding-left: 2rem;margin-top: 0.5rem;}
  .tab.line dd .cash_wrap li p{margin-top: 1rem;}
  .tab.line dd .cash_wrap li .fountain{width: 60%;margin-right: 0;margin-top: 1rem;}
  .tab.line dd .cash_wrap li .fountain p{margin-top: 0;line-height: 1.2;}
  .tab.line dd .view{padding-left: 0;}
  .tab.line dd .tbl.col.typeC th, .tab.line dd .tbl.col.typeC td{font-size: 1.2rem;padding: 0.5rem 0;}

  .paging_wrap{margin-top: 5rem;}
  .paging_wrap.typeB{padding-top: 5rem;margin-top: 2rem;}
  .paging li{width: 3.6rem; height: 3.6rem; line-height: 3.6rem; font-size: 1.4rem; min-width: 0; margin-top: 0.5rem;}
  .paging li+li{margin-left: 0.5rem;}
  .paging li.btn_page a::before, .paging li.btn_page a::after{font-size: 1.2rem; font-weight: 900;}

  
  .search_basic{padding: 2rem; border-radius: 1.25rem; margin-bottom: 4.5rem;}
  .search_basic .chk label{font-size: 1.5rem;}
  .search_basic .chk > span + span{margin-left: 0;}
  .search_basic .chk .cbx{width: 48%;}
  .search_basic .chk .cbx:nth-of-type(n+3){margin-top: 0.8rem;}
  .search_basic .search_wrap{display: block; margin-top: 1.5rem;}
  .search_basic select{width: 100%; height: 5rem; line-height: 4.8rem; border-radius: 0.8rem; padding: 0 1.5rem; font-size: 1.6rem; background-size: 1rem; background-position: right 1.5rem center;}
  .search_basic .input_search{width: 100%; margin-left: 0; margin-top: 0.8rem;}
  .search_basic .input_search .text{padding: 0 4.5rem 0 1.5rem; border-radius: 0.8rem;line-height: 1}
  .search_basic .input_search .btn_search{right: 1.5rem;}
  .search_basic .search_wrap{margin-top: 1.5rem;}

  .faq_list dl dt{min-height: 0;}
  .faq_list dl dt a{padding: 1.5rem 0; font-size: 1.7rem; display: block; position: relative; font-weight: 600;}
  .faq_list dl dt .category{width:auto; margin-bottom:0.5rem;}
  .faq_list dl dt span{min-width: 5.5rem; font-size: 1.2rem; height: 2.3rem; line-height: 2.3rem; border-radius: 0.3rem; padding: 0 0.5rem;}
  .faq_list dl dt span::after{content: ''; display: block;}
  .faq_list dl dt a::after{background-size: 1.3rem; width: 1.3rem; height: 1.3rem; top: 2rem;}
  .faq_list dl dd{padding: 1.5rem; font-size: 1.7rem;}
  .faq_list dl dt.no_data{padding: 1.5rem 0;font-size: 1.7rem;}

  .board_list ul li a .txt_wrap{margin-top: 1rem; font-size: 1.4rem;}
  .board_list ul li a .txt_wrap span{padding-left: 2rem; background-size: 1.4rem;}

  /* login */
  .login_box h1.logo{margin-bottom:3rem;}
  .login_box h1.logo img{width:20rem;}
  .login_wrap{padding: 3rem 2rem;}
  .login_box .tab_menu a{height:4rem; line-height:4rem; font-size:1.5rem;}
  .login_box .input_box input{height:5rem; line-height:5rem; font-size:1.5rem; padding-left:4rem; padding-right:3rem;}
  .login_box .input_box>ul>li label{top:1.6rem; left:1.5rem;}
  .login_box .input_box .btn_del{width:1.4rem; height:1.4rem; background-size:1.4rem; right:1.5rem; top:1.9rem;}
  .login_box .chk{margin-top:1.8rem;}
  .login_box .chk .cbx label::before{width:1.6rem; height:1.6rem; top:0.2rem; }
  .login_box .chk > span label{padding-left:2.2rem;}
  .btn_login{font-size:1.7rem; height:6rem; line-height:6rem; border-radius:0.8rem;}
  .login_box .links a{font-size:1.4rem;}
  
  /* loading */
  .loading_box b {font-size: 2.5rem;background: url(../images/common/loading.svg) no-repeat center -3.5rem;padding-top: 8.3rem;background-size:15rem;}
  .loading_box b:after {left: -0.25rem;}

  /* header */
  #header, #header .gnb_area .wrap .logo a, #header .utils, #header .gnb_area{height: 7rem;}
  #header .gnb_area .wrap .logo{width: 17rem; min-width: 0;}
  #header .gnb_area .wrap .logo img{width: 17rem; display: block;}
  #header .utils .gnb_open{background: url(../images/common/i_btn_all_m.png) no-repeat center / 2rem;}
  #header .gnb_area .gnb_wrap{position: fixed;right: -100%;top: 0;width: 100%;height: 100%; z-index: 9100;transition: 0.2s;background: #fff; overflow-y: auto;}
  #header .gnb_bg {display: none !important;}
  #header.open .gnb_area .gnb_wrap{right: 0;height: 100% !important;}
  .gnb_wrap::before{content: ''; display: block; width: 13rem; height: 100%; background-color: #f7f7f7; position: absolute; left: 0; top: 0;}
  #header .utils li{display: none;}
  #header .utils li.btn_all{display: block;}
  #header .mo_top{display: block; padding: 2.5rem 2rem; background: #fff; position: relative; z-index: 99; border-bottom: 1px solid #afc0cf;}
  #header .mo_top>b{font-size: 1.6rem; font-weight: 700;}
  #header .mo_top .gnb_close{float: right; font-size: 0; display: block; width: 1.4rem; height: 1.4rem; background: url(../images/common/i_gnb_close.png) no-repeat center / 1.4rem; margin-right: 0.5rem;} 
   #header .mo_top p{clear: both; font-size: 2rem; display: block; line-height: 1; padding-top: 3rem; margin-bottom: 2.3rem;}
   #header .mo_top p.sm{font-size: 1.5rem;}
   #header .mo_top p strong{font-weight: 600;}
   #header .mo_top ul{display: flex;}
   #header .mo_top ul li{flex: 1;}
   #header .mo_top li + li{margin-left: 1.5rem;}
  #header .mo_top .btn{width: 100%; height: 4.2rem; line-height: 4.2rem; font-size: 1.5rem; border-radius: 0.7rem;}
  #header .timer{margin-right:0;}
  
  #header  nav{position: relative;}
  #header #gnb{display: block; position: static;}
  #header #gnb > li{width: 13rem; height: 6rem; border-bottom: 1px solid #eff0f2;}
  #header #gnb > li > a{font-size: 1.6rem; font-weight: 500; line-height: 1; height:auto; padding: 2.2rem 2rem;}
   #header #gnb > li.active > a{background:none; color:var(--dark);}
  #header #gnb > li.on > a, #header #gnb > li.active.on > a{color: #fff; background: #222429;}
 
  #header #gnb > li > a::before{display: none;}
  #header #gnb .dp2{position: absolute; left: 13rem; top: 0; padding: 0; border: 0;  background: none !important; width: calc(100% - 13rem); display: none;}
  #header #gnb > li.on .dp2{display: block;}
  #header #gnb .dp2 li a{font-size: 1.7rem; padding: 1.8rem 2rem}
  #header #gnb .dp2 li+li{margin-top: 0;}

  /* footer */
  #footer{padding: 1.7rem 0; border-top: 1px solid #e1e4e9;}
  #footer .wrap{display: block; text-align: center;}
  #footer .logo{display: block; text-align: center; margin-bottom: 0.5rem;}
  #footer .logo img{width: 12rem; display: block; margin: 0 auto;}
  #footer address{font-size: 1.1rem; color: #b6b6b6; margin-left: 0; text-align: center;}
  #footer .ft_btn{font-size: 1.1rem; margin-left: 1rem;}
  #footer .ft_btn::before{height: 1rem; margin-right: 1rem; background: #8f8f8f; vertical-align: -0.1rem;}
  #footer small{display: block; text-align: center; font-size: 1.1rem; color: #a1a4a8; margin-top: 0.3rem;}
  
  /* quick_menu */
  .quick_box {width: auto;padding: 0;border: 0;border-radius: 0;background: none;box-shadow: none;pointer-events: none;}
  .quick_box * {pointer-events: auto;}
  .quick_box .quick_menu {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 8rem;height: 8rem;border-radius: 100%;box-shadow: 7.5px 12.99px 17px 0px rgba(51, 51, 51, 0.2);}
  .quick_box .quick_menu .tit {font-size: 1.3rem;}
  .quick_box .quick_menu.menu1 {padding: 0;background: linear-gradient(to bottom, #ffc000, #FF9821);}
  .quick_box .quick_menu.menu1 .tit {color: #fff;}
  .quick_box .quick_menu.menu1 .num {width: auto;height: auto;margin: 0;padding: 0;border-radius: 0;font-size: 2.4rem;background: none;}
  .quick_box .quick_menu.menu1 .num > * {font-size: 1.6rem;}
  .quick_box .quick_menu.menu2 {margin-top: 2rem;padding: 0;border: 1px solid #dddddd;background: #fff;}
  .quick_box .quick_menu.menu2 > .num {margin: 0;font-size: 2rem;line-height: 1;}
}

@media screen and (max-width: 767px) { 
  /* 모바일 버전 스타일 (태블릿 대비 모바일에서 달라지는 스타일) */
  html{font-size:11px;}
}

@media screen and (max-width: 540px) { 
  html{font-size:11px;}
  .btn_area.typeB .btn{width: 100%}
  .btn_area.typeB .btn+.btn{margin-left: 0;margin-top: 1rem !important;}
}

@media screen and (max-width: 480px) { 
  /* 모바일 버전 스타일2 (모바일 작은 화면에서 달라지는 스타일) */
  html{font-size:10px;}
}

/* 스크롤바 플러그인 추가 */
.simplebar-scrollable-y{padding-right:2rem;}
.simplebar-scrollable-x{padding-bottom:2rem;}
.simplebar-track.simplebar-vertical{width:0.5rem !important;right:0px;border-radius: 100rem;background: #ECECEC !important;}
.simplebar-track.simplebar-horizontal{height:0.5rem !important; border-radius: 100rem;background: #ECECEC !important;}
.simplebar-scrollbar:before{top:0; bottom:0; left:0; right:0; opacity:1; background-color:#6B6B6B !important}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{width:5px; }

/* 사업안내 추가 */
.cc-notice{min-height:34rem; padding: 5.5rem 5rem 5rem 33rem; border-radius: 0.5rem 5rem 0.5rem 0.5rem; background: #eff6ff url("../images/sub/info-text-box-img.png") no-repeat 5.5rem 50%;}
.cc-notice .title{font-size:3.9rem; font-weight: 700; letter-spacing: -0.15rem; color:#121c26;}
.cc-notice .title .blue_txt{color:#277eef;}
.cc-notice .txt{display:block; position:relative; padding-top:2.8rem; margin-top:2rem; color:#121c26; font-size:2.2rem; font-weight: 500; letter-spacing: -0.15rem;}
.cc-notice .txt::after{position: absolute; top:0; left: 0; width: 3rem; height:3px; background: #277eef; content:'';}
.notice-info{margin-top: 3.5rem;}
.notice-info .info_txt{font-size: 2rem; color:#333; font-weight: 400;}
.notice-info .info_txt.mini{font-size:1.7rem;}
.notice-box{display:flex;flex-wrap:wrap; margin-top:11rem;}
.notice-box .title{display:inline-block; width: 27%; min-height:32rem; padding:4rem 0; border-top: 3px solid #121c26; font-size:3.9rem; color:#121c26; font-weight: 300; letter-spacing: -0.25rem;}
.notice-box .title strong{display:block; font-weight: 700;}
.notice-box dd{width: 73%; padding:4rem 5rem; border-top:1px solid #121c26;}
.notice-box .notice1 li {margin-top: 1.5rem; color:#333; font-size:2.7rem; font-weight: 400;}
.notice-box .notice1 li .blue_txt{display:inline-block; min-width:11.5rem; color:#277eef; font-weight: 600;}
.bullet_list li:first-child {margin-top:0;}
.bullet_list li{position:relative; margin-top:1rem; padding-left:2rem; color:#333; font-size:2.2rem; font-weight: 400; }
.bullet_list li::before{position: absolute; top:1.1rem; left:0; width:0.6rem; height:0.6rem; border-radius:50%; content:''; background: #277eef;}
.bullet_list li:first-child {margin-top:0;}
.notice-box .info_txt{font-size:2.2rem;}
.notice-box .info_txt > .asterisk{padding-left:0; margin-right:1rem !important;}

/* 신청방법 */
.spt_step{display: flex; gap:3rem; margin-top:3rem;}
.spt_step li{flex:1; position: relative; min-height: 28rem; padding:1.5rem 2.5rem 6.2rem 2.5rem; border-radius: 2rem;}
.spt_step li::after{position: absolute;right:-1.5rem; top:50%; transform:translateY(-50%); width: 0; height:0;border-top: 1.5rem solid transparent; border-bottom: 1.5rem solid transparent;content:'';}
.spt_step li .spt_num{display: block; margin-bottom:3rem; color:#fff; font-size:4.5rem; font-weight: 600;}
.spt_step li .title{display:block; color:#fff; font-size: 2.6rem; letter-spacing: -0.15rem; font-weight: 700;}
.spt_step li .subject{display: inline-block; position:absolute; bottom:2.5rem; min-width: 7.8rem; height: 3.6rem; line-height: 3.6rem; border-radius: 0 2rem 2rem 2rem; text-align:center; font-size: 2rem; font-weight: 600; color:#277eef; background: #c5dcfb;}
.spt_step li .subject.red{color:#ed676e; background: #ffacb3;}
.spt_step li.step1{background: #5298f2 url("../images/sub/spt-step-icon01.png") no-repeat 90% 2.5rem;}
.spt_step li.step2{background: #3c8bf1 url("../images/sub/spt-step-icon02.png") no-repeat 90% 2.5rem;}
.spt_step li.step3{background: #3285f0 url("../images/sub/spt-step-icon03.png") no-repeat 90% 2.5rem;}
.spt_step li.step4{background: #277eef url("../images/sub/spt-step-icon04.png") no-repeat 90% 2.5rem;}
.spt_step li.step5{background: #0b6ff0 url("../images/sub/spt-step-icon05.png") no-repeat 90% 2.5rem;}
.spt_step li.step1::after{border-left: 1.5rem solid #5298f2;}
.spt_step li.step2::after{border-left: 1.5rem solid #3c8bf1;}
.spt_step li.step3::after{border-left: 1.5rem solid #3285f0;}
.spt_step li.step4::after{border-left: 1.5rem solid #277eef;}
.spt_step li.step5::after{display: none}

.spt_prvw_list{display:flex; flex-wrap:wrap; gap: 2rem; margin-top: 2.5rem; padding-top: 3rem; border-top:1px solid #ddd;}
.spt_prvw_list li{display:flex; justify-content: space-between; align-items:center;min-width: calc(50% - 1rem); min-height:6.7rem; padding: 1rem 1.5rem; border:1px solid #277eef; border-radius: 1rem; background: #fff; transition: background 200ms ease-in-out;}
.spt_prvw_list li:hover{background:#f6faff;}
.spt_prvw_list li .title{color:#277eef; font-size: 2.4rem; font-weight: 600; letter-spacing: -0.15rem; }
.spt_prvw_list li .title .bracket{font-size:1.8rem; color:#777; font-weight: 400; vertical-align: text-bottom;}
.spt_prvw_list li .title .asterisk{font-size:2.4rem; vertical-align: top; margin-right:0.5rem;}
.spt_prvw2.flex_cont{gap:2rem;}
.spt_prvw2 > div{padding-top:0; width:50%;}
.spt_prvw2 .spt_prvw_list {border-top:none; margin-top:0; padding-top:0}
.spt_prvw2 .spt_prvw_list li{width:100%;}

.spt_prvw_info{margin-top:3.5rem; padding-top:3rem; border-top:1px solid #ddd; font-size:1.8rem; letter-spacing:-0.15rem; color:#555; font-weight: 400;}
.spt_prvw_info strong{font-weight: 600;}

/* 신청방법 팝업 */
.prvw_docs ul li{position:relative; margin-bottom:1rem; padding-left:1.5rem; font-size: 1.8rem; font-weight: 400; color:#404040; letter-spacing: -0.15rem;}
.prvw_docs ul li::before{position: absolute;left:0;top:0.7rem;width:1rem;height:1rem;border-radius: 50%;border:3px solid #277eef; content:''; background: #fff;}
.prvw_docs .img_box figure{text-align: center;}
.prvw_docs .img_box figcaption{display: block; margin: 3rem auto 1rem auto; text-align: center;}
.prvw_docs .img_box figcaption span{display:inline-block; min-width:6.7rem; height:3rem; padding:0 0.5rem; line-height: 3rem;border:1px solid #ddd; font-size:1.5rem; background: #fff;}


/* 마이페이지 */
.progress-con {padding:2.6rem 9.4rem 3rem; min-height:13rem; border-bottom: 1px solid #e5e5e5; }
.progress-con > div { position: relative; width: 100%; height: 2px; background-color: #dfdfdf; }
.progress-con > div:after { content: none; position: absolute; left: 0; height: 100%; background-color: #277eef; z-index: 30; }
.progress-item { position: absolute; top: -6px; left: 0; margin-left: -40px; margin-top: 30px; min-width: 90px; font-size: 1.5rem; font-weight:300; text-align: center; line-height: 1.4; padding:5px 15px; border-radius:10px; border:1px solid #ddd}
.progress-item:before { content: ""; display: block; position: absolute; top:-30px; left: 50%; margin-left: -7px; width: 14px; height: 14px; background-color: #ccc; border-radius: 7px; z-index: 35; }
.progress-item .date{color:#777;}
.progress-step-2 { left: 20%; }
.progress-step-3 { left: 40%; }
.progress-step-4 { left: 60%; }
.progress-step-5 { left: 80%; }
.progress-step-6 { left: 95%;width:185px;}
.current-step-1 > div:after { content: ""; width: 0%; }
.current-step-1 .progress-step-1 { color: #277eef}
.current-step-1 .progress-step-1:before { background-color:#277eef}
.current-step-2 > div:after { content: ""; width: 20%; }
.current-step-2 .progress-step-1, .current-step-2 .progress-step-2 { color:#006f59}
.current-step-2 .progress-step-1:before, .current-step-2 .progress-step-2:before { background-color: #277eef}
.current-step-3 > div:after { content: ""; width: 40%; }
.current-step-3 .progress-step-1, .current-step-3 .progress-step-2, .current-step-3 .progress-step-3 { color: #277eef}
.current-step-3 .progress-step-1:before, .current-step-3 .progress-step-2:before, .current-step-3 .progress-step-3:before { background-color: #277eef}
.current-step-4 > div:after { content: ""; width: 60%; }
.current-step-4 .progress-step-1, .current-step-4 .progress-step-2, .current-step-4 .progress-step-3, .current-step-4 .progress-step-4 { color: #277eef }
.current-step-4 .progress-step-1:before, .current-step-4 .progress-step-2:before, .current-step-4 .progress-step-3:before, .current-step-4 .progress-step-4:before { background-color: #277eef}
.current-step-5 > div:after { content: ""; width: 81%; }
.current-step-5 .progress-step-1, .current-step-5 .progress-step-2, .current-step-5 .progress-step-3, .current-step-5 .progress-step-4, .current-step-5 .progress-step-5 { color: #277eef; font-size: 1.5rem;}
.current-step-5 .progress-step-1:before, .current-step-5 .progress-step-2:before, .current-step-5 .progress-step-3:before, .current-step-5 .progress-step-4:before, .current-step-5 .progress-step-5:before {background-color:#277eef;}
.current-step-6 > div:after { content: ""; width: 100%; }
.current-step-6 .progress-item {color: #277eef}
.current-step-6 .progress-item:before { background-color: #277eef}
.progress-con.reject-3 > div:before { content: ""; position: absolute; left: 20%; width: 20%; height: 100%; background-color: #ff4b4b; z-index: 33; }
.progress-con.reject-3 .progress-step-3 { color: #ff4b4b;}
.progress-con.reject-3 .progress-step-3:before { background-color: #ff4b4b; }
.progress-con.reject-5 > div:before { content: ""; position: absolute; left: 75%; width: 25%; height: 100%; background-color: #ff4b4b; z-index: 33; }
.progress-con.reject-5 .progress-step-5 { color: #ff4b4b; }
.progress-con.reject-5 .progress-step-5:before { background-color: #ff4b4b; }
.filter-con .right-btns {padding-top:22px; margin-right:30px}
.filter-con .right-btns a {float:left;}
.filter-con .right-btns > div { float: left; position: relative; margin: 0 2px; width: 90px; overflow: hidden; }
.filter-con .right-btns .cc-btn {width: 90px; height: 35px; line-height: 35px; font-size: 14px; margin:0 0 0 5px}
.filter-con .right-btns .security { position: absolute; bottom: 0; margin: 0; }
.filter-con .right-btns .reapply { position: absolute; bottom: 0; margin: 0; }

.history-con { margin-top: 15px; }
.history-con > div { margin-bottom: 7rem; border:1px solid #ddd; border-top: 2px solid #277eef; clear:both;}
.history-item { position: relative; /* height:80px; */ font-size: 14px; color: #666; line-height: 1.7; font-weight:300;}
.history-item::after {
	content: "";
	display: block;
	clear: both;
}

.filter-con .detail-history {
	background: #f6faff; padding:1.3rem 1.5rem 0 1.5rem; min-height: 6rem;
}

.filter-con .detail-history + .right-btns {
	/* margin-top: 8px; */
	margin-right: 0;
	border-top: 1px solid #ddd;
	min-height: 6.3rem;
	padding:1rem;
}

.filter-con .detail-history + .right-btns .cc-btn {
	margin: 0 0.5rem 0 0;
}

.history-item span { display: inline-block; padding-right: 10px; font-size: 1.7rem; color: #444; font-weight:500}
.result_num {padding:3px 10px; margin-left:10px; color:#888 !important; font-size:15px !important; background:#fff; border-radius:5px; font-weight:300 !important; border:1px solid #eee}

.history-item .floating {/* width:60%; */ width: calc(100% - 130px); padding:24px 30px}
.history-item .cancel > span {color:#bbb; text-decoration: line-through}
.history-item .cancel .c_r {color:#ff4b4b; font-size:16px; font-weight:500; margin-left:10px}

.history-con .no_data{padding: 10rem 3rem; text-align: center; font-size:1.8rem; color:#414761; background: #f3f6f9;}

/* 로그인 & 회원가입 */
.tel select{min-width: unset;}

/* 지원품목 */
.flex_cont.fstart.label_area{gap: 2.5rem;}
.label_img{min-width: 44%; min-height:380px; padding-top:4rem; border: 1px solid #ddd; border-radius:10px; text-align:center; background: #fcfcfc;}
.label_img p{font-size:1.9rem; font-weight: 500; margin-bottom:1rem;}
.label_icon > .filter-header{display:flex;flex-wrap:wrap; gap:1rem;}
.label_icon .filter-item{min-width: 13rem; min-height:12rem; padding: 0 1rem 1rem;outline:3px solid transparent; border-radius: 5px; border: 1px solid #ddd; text-align:center; color: #333; font-size: 1.4rem; font-weight:400; letter-spacing:-0.15rem; background: #fff;}
.label_icon .filter-item:hover{outline:3px solid #277eef; font-weight:600;}
.label_icon .filter-item:hover > span{color: #277eef;}
.label_icon .filter-item > span{display: inline-block; width:100%; padding-top:9rem; background-position: 50% 0.5rem !important;}
.label_icon .filter-item.label_item1 span {background: url('../images/sub/search_icon_01.png') no-repeat;}
.label_icon .filter-item.label_item2 span {background: url('../images/sub/search_icon_02.png') no-repeat;}
.label_icon .filter-item.label_item3 span {background: url('../images/sub/search_icon_03.png') no-repeat;}
.label_icon .filter-item.label_item4 span {background: url('../images/sub/search_icon_04.png') no-repeat;}
.label_icon .filter-item.label_item5 span {background: url('../images/sub/search_icon_05.png') no-repeat;}
.label_icon .filter-item.label_item6 span {background: url('../images/sub/search_icon_06.png') no-repeat;}
.label_icon .filter-item.label_item7 span {background: url('../images/sub/search_icon_07.png') no-repeat;}
.label_icon .filter-item.label_item8 span {background: url('../images/sub/search_icon_08.png') no-repeat;}
.label_icon .filter-item.label_item9 span {background: url('../images/sub/search_icon_09.png') no-repeat;}
.label_icon .filter-item.label_item10 span {background: url('../images/sub/search_icon_10.png') no-repeat;}
.label_icon .filter-item.label_item11 span {background: url('../images/sub/search_icon_11.png') no-repeat;}
.label_icon .filter-item.label_item12 span {background: url('../images/sub/search_icon_12.png') no-repeat;}
.label_icon .filter-item.label_item13 span {background: url('../images/sub/search_icon_13.png') no-repeat;}
.label_icon .filter-item.label_item14 span {background: url('../images/sub/search_icon_14.png') no-repeat;}
.label_icon .filter-item.label_item1:hover span, .label_icon .filter-item.label_item1.on span {background: url('../images/sub/search_icon_01_on2.png') no-repeat;}
.label_icon .filter-item.label_item2:hover span, .label_icon .filter-item.label_item2.on span{background: url('../images/sub/search_icon_02_on2.png') no-repeat;}
.label_icon .filter-item.label_item3:hover span, .label_icon .filter-item.label_item3.on span {background: url('../images/sub/search_icon_03_on2.png') no-repeat;}
.label_icon .filter-item.label_item4:hover span, .label_icon .filter-item.label_item4.on span {background: url('../images/sub/search_icon_04_on2.png') no-repeat;}
.label_icon .filter-item.label_item5:hover span, .label_icon .filter-item.label_item5.on span {background: url('../images/sub/search_icon_05_on2.png') no-repeat;}
.label_icon .filter-item.label_item6:hover span, .label_icon .filter-item.label_item6.on span {background: url('../images/sub/search_icon_06_on2.png') no-repeat;}
.label_icon .filter-item.label_item7:hover span, .label_icon .filter-item.label_item7.on span {background: url('../images/sub/search_icon_07_on2.png') no-repeat;}
.label_icon .filter-item.label_item8:hover span, .label_icon .filter-item.label_item8.on span {background: url('../images/sub/search_icon_08_on2.png') no-repeat;}
.label_icon .filter-item.label_item9:hover span, .label_icon .filter-item.label_item9.on span {background: url('../images/sub/search_icon_09_on2.png') no-repeat;}
.label_icon .filter-item.label_item10:hover span, .label_icon .filter-item.label_item10.on span {background: url('../images/sub/search_icon_10_on2.png') no-repeat;}
.label_icon .filter-item.label_item11:hover span, .label_icon .filter-item.label_item11.on span {background: url('../images/sub/search_icon_11_on2.png') no-repeat;}
.label_icon .filter-item.label_item12:hover span, .label_icon .filter-item.label_item12.on span {background: url('../images/sub/search_icon_12_on2.png') no-repeat;}
.label_icon .filter-item.label_item13:hover span, .label_icon .filter-item.label_item13.on span {background: url('../images/sub/search_icon_13_on2.png') no-repeat;}
.label_icon .filter-item.label_item14:hover span, .label_icon .filter-item.label_item14.on span {background: url('../images/sub/search_icon_14_on2.png') no-repeat;}

.product_link{display: flex;flex-wrap: wrap; margin-top:2rem; border-left:1px solid #ddd;border-top:1px solid #ddd;}
.product_link li{min-width: calc(100% / 7); height:7.5rem; border-right: 1px solid #ddd; border-bottom:1px solid #ddd;}
.product_link li > a{display: flex; flex-direction:column; align-items: center; justify-content: center; height:100%; padding-top:0; color:#333; font-size:2rem; letter-spacing: -0.15rem; font-weight: 400; text-align: center;}
.product_link li:hover{border:3px solid #277eef;}
.product_link li > a:hover{font-weight: 600; color:#121c26;}
.product_link li > a .bracket{font-size:1.5rem;}
.label-sample .grid-item{text-align: center;}
.label-sample .tit {font-size: 1.6rem;color: #009638;}



@media all and (min-width: 1320px) {
	.lr_layout {display: flex;justify-content: space-between;align-items: flex-start;}
	.lr_layout .contl {width: calc((100% - 20px) / 2);}
	.lr_layout .contr {width: calc((100% - 20px) / 2);margin-left: 20px;}
	.lr_layout .contr .box01 {margin-top: 0;}
	.filter-header.square .filter-item:nth-child(5n) {margin-right: 0;}

}

@media screen and (max-width: 1024px) and (min-width: 620px) {
	.spt_step {gap:2rem;}
	.spt_step li{padding:1.5rem 1.5rem 4.2rem 1.5rem;background-image: none !important;}
	.spt_area .spt_step li .title,
	.spt_area .spt_step li .spt_num{font-size:1.5rem !important;}
	.sub_content .spt_area .spt_step li .subject{font-size:1.2rem; height:2rem; line-height: 2rem; bottom:2rem; right:unset;}
	.spt_area .spt_step li:not(:last-child)::after{top:50% !important;}
	
}


@media (max-width: 1024px){
	.sitemap{display: none !important;}
	#header .gnb_area .gnb_wrap{margin-right:0}
	#header .gnb_area .wrap .logo{left:2rem;}

	.lg_tit{font-size:2.2rem !important}
	.flex_top.has_tit .page_tit + .btn_link{margin-top:2rem;}
		
	.pop_size900{min-width:0;}
    .list-item .title, .agree .title {font-size: 1.9rem;background:url(../images/sub/bul_01.png) no-repeat 0 9px / 20px;/* padding-left:6% */}

    .cc-table th, .cc-table td {padding:3% 1%; height:auto; word-break:keep-all}
    .list-item > div:first-child {margin-top:0 !important}
    .simple-table dt {font-size:1.5rem}

    .example > div {float:none; width:100%; margin-top:3.5%}
    .example .box01 {width:100% !important; text-align:center;}
    .cc-con .bullet {font-size:1.4rem; text-align:left; width:94%; margin:0 auto; line-height:170%}
    
    .layer_pop .pop_content{max-height:calc(90vh - 10rem);}
    .layer_pop .pop_header h2{font-size:1.8rem;}
    .layer_pop .pop_header{height:5rem;}
    
/*     .filter-header.square .filter-item {width: calc((100% - 20px) / 3);padding: 0;} */
	.filter-header.square .filter-item:nth-child(3n) {margin-right: 0;}
	.filter-header.square .filter-item.on span, .filter-header.square .filter-item span {font-size: 1.4rem;}
	.filter-item:hover span {word-break: keep-all;}
	
	.bullet_list li{font-size:1.8rem;}
    
    .spt_area .spt_step{margin-top:3rem;}
    .spt_area .spt_step li{margin:1.8rem 0 0 0; min-height: 8rem;background-position: 95% 50%; background-size: 4rem;}
    .spt_area .spt_step li .spt_num{font-size:1.8rem;margin-bottom:0}
    .spt_area .spt_step li .title{font-size:1.6rem;}
    .spt_area .spt_step li .subject{bottom:unset; right: 7rem; min-width: 5rem; height:2.8rem; line-height: 2.8rem; font-size:1.3rem;}
    .spt_area .spt_step li:not(:last-child)::after{bottom:-2.2rem; top:unset; border-bottom: 1.5rem solid transparent; border-top:1.5rem solid transparent;}
    .spt_area .spt_step li.step1::after{border-left:1.5rem solid #5298f2;}
    .spt_area .spt_step li.step2::after{border-left:1.5rem solid #3c8bf1;}
    .spt_area .spt_step li.step3::after{border-left:1.5rem solid #3285f0;}
    .spt_area .spt_step li.step4::after{border-left:1.5rem solid #277eef;}
    .spt_area .spt_step li.step5::after{border-left:1.5rem solid #0b6ff0;}
    
    .spt_prvw_list li{width:100%; min-height: 4rem; padding: 0.5rem 1.5rem;}
    .spt_prvw_list li .title{font-size:1.8rem; padding-top:0.7rem;}
    .spt_prvw_list .btn_link.blue.light.xs{min-width: 10rem; height:3rem; padding: 0 1.5rem; line-height: 3rem; font-size:1.5rem;}
    .spt_prvw_list li .title .bracket{font-size:1.4rem;}
    
    .spt_prvw2.flex_cont{display: block;}
    .spt_prvw2 > div{width:100%; margin-bottom:2rem;}
    .spt_prvw2 > div:last-child {margin-bottom: 0;}
    
    
    .progress-con { padding-left: 35px; padding-right: 35px; padding-top:1rem; min-height: 17rem;}
	.progress-item {min-width:unset; max-width: 7rem; width:unset; padding-top: 0; font-size:1.3rem; border: none; word-wrap:break-word; word-break:keep-all;}
	.progress-step-6{left:100%;}
	.current-step-5 .progress-step-1, .current-step-5 .progress-step-2, .current-step-5 .progress-step-3, .current-step-5 .progress-step-4, .current-step-5 .progress-step-5{font-size:1.3rem;}
	
	.cc-table.simple th { padding-left: 10px; width: 100px; }
	.history-item { padding: 0; height:100% }
	.history-item span{font-size:1.4rem;}
	.filter-con .detail-history{padding:1.3rem 1.5rem 0.5rem 1.5rem;}
	.filter-con .right-btns { position: static; top: 0; margin-top: 0; }
	.filter-con .right-btns .btn_fnc.xs.btn,
	.filter-con .right-btns .btn_link.blue.light.xs {height:3rem; line-height: 2.8rem; min-width:10rem; width:auto; font-size:1.5rem;}
	.filter-con .right-btns > div { margin: 0; width: auto; height: auto; }
	.filter-con .right-btns .cc-btn { float: left; margin:0 2px; width:5rem; font-size:0.8rem;}
	.filter-con .right-btns .security, .filter-con .right-btns .reapply { position: static; }
	.filter-con .detail-history + .right-btns{display:flex; flex-wrap:wrap; gap:5px; padding:1rem; min-height: 5rem;}
	
	.goods-table.flex_cont.fstart{flex-direction: column;}
	
	table.tbl.col.info_tbl.division{border-right:none;}
	table.tbl.col.info_tbl th, table.tbl.col.info_tbl td{height:4rem;}
	table.tbl.col.info_tbl td{font-size:1.4rem;}
	table.tbl.col.info_tbl tr.no-data{display: none;}
/* 	.goods-table.flex_cont.fstart table.tbl.col.info_tbl:first-child td.item-4.last,
	.goods-table.flex_cont.fstart table.tbl.col.info_tbl:first-child td.item-5.last{border-bottom:none;}
	.goods-table.flex_cont.fstart table.tbl.col.info_tbl:last-child {border-top:none;}
	.goods-table.flex_cont.fstart table.tbl.col.info_tbl:last-child thead{display: none;} */
	
	.flex_cont.fstart.label_area{flex-direction: column;}
	.label_img{padding:2.5rem 0; min-height: unset;margin:0 auto}
	.label_img img{width:80%; object-fit:cover;}
	.label_icon .filter-item{min-width: 31%; max-width:31%;}
	.label-sample .grid-item img{max-width:100%; object-fit:cover;}
	
	.product_link li{min-width: unset; height:6rem; width:33.3%;}
	.product_link li.no-data{display: none;}
	.product_link li > a{font-size:1.6rem;}

}
@media all and (max-width: 1120px) {

    /* spt_step */
   /*  .spt_step li {height: auto;padding: 15px 10px;}
    .spt_step li p {font-size: 1.5rem;}
    .spt_step li p span {font-size: 1.4rem;}
     */
    /* spt_prvw */
/*     .spt_prvw_tit {margin: 1.5rem 0 1rem;}
    .spt_prvw_info {font-size: 1.4rem;line-height: 1.5;}
    .spt_prvw + .spt_prvw {margin-top: 1rem;}
    .spt_prvw dl {width: calc(100% / 4);}
    .spt_prvw dl:nth-child(4n) {border-right: 0;}
    .spt_prvw dl:nth-child(n+5) dt {border-top: 1px solid #DDDDDD;}
    .spt_prvw dt:not(.tit) {height: 42px;font-size: 1.5rem;}
    .spt_prvw dd {padding: 12px 10px;font-size: 1.4rem;}
    .spt_prvw dd button,
    .spt_prvw dd span {font-size: 1.4rem;} */
}
@media all and (max-width: 940px) {
    .cc-notice {min-height:21rem; padding:2rem 2rem 1rem 2rem; border-radius: 0.5rem 3rem 0.5rem 0.5rem; text-align:center; background-image: none;}
    .cc-notice .title{font-size:2.5rem;}
    .cc-notice .txt{font-size: 1.8rem;}
    .cc-notice .txt::after{left:50%; transform: translateX(-50%);}
    
    .notice-box{margin-top:7rem;}
    .notice-box .title{font-size:3rem;}
    .notice-box .btn_area.left {display: flex; gap: 1rem;}
    .notice-box .btn_area.left .btn_link.sm.blue{min-width: 13rem; height:3.5rem; line-height:3.5rem; font-size:1.7rem;}
     
    table.tbl.col.sm{word-break:break-all;}
    table.tbl.col.sm th, table.tbl.c.cc-noticeol.sm td{font-size:1.4rem; height:4rem; padding:0.5rem; word-break:break-all;}
}
@media all and (max-width: 620px) {
	.cc-notice .title{font-size:2.2rem;}
    .cc-notice .txt {font-size:1.5rem !important; margin:4%}
    .cc-notice img {display:none}
    
    .notice-info{margin-top:1rem;}
    .notice-info .info_txt{font-size:1.3rem;}
    .notice-info .info_txt.mini{font-size:1.2rem;}
    .notice-box{display:block; margin-top:3rem;}
    .notice-box .title{width:100%; min-height: 5rem; padding: 1rem 1rem; font-size:2.2rem;}
    .notice-box .title strong{display: inline-block; margin-right:0.5rem;}
    .notice-box .notice1 li .blue_txt{min-width:9rem;}
    .notice-box dd{width:100%; padding:3rem 1rem; border-top-color:#ddd;}
    .notice-box .notice1 li,
    .bullet_list li{font-size:1.5rem;}
    .notice-box .btn_area.left{margin-top:2rem;}
    .notice-box .btn_area.left .btn_link.sm.blue{height:3rem; line-height:3rem; font-size:1.3rem;}
    
    /* spt_step */
    .spt_step {display: block;}
    .spt_step li {display: flex;align-items: center;margin: 1.2rem 0 0 0;padding: 1.2rem 1.5rem;}
    .spt_step li:first-child {margin-top: 0;}
    .spt_step li figure {align-items: center;width: 3rem;margin: 0 0.5rem 0 0;}
    .spt_step li figure img {height: 2.8rem;}
    .spt_step li p {font-size: 1.4rem;text-align: left;padding-left: 1rem;}
    .spt_step li p span {font-size: 1.3rem;}
    .spt_step li:not(:last-child)::before,
    .spt_step li:not(:last-child)::after {left: 50%;right: auto;top: auto;transform: translateX(-50%) rotate(90deg);}
    .spt_step li:not(:last-child)::before {width: 20px;bottom: calc(-50% - 11.5px);}
    .spt_step li:not(:last-child)::after {bottom: calc(-50% - 8.5px);background-position: 0px 50%;}
    
    /* spt_prvw */
    .spt_prvw_tit {margin: 1rem 0 0.8rem;font-size: 1.8rem;}
    .spt_prvw_tit span {font-size: 1.4rem;}
    .spt_prvw_info {font-size: 1.3rem;}
    .spt_prvw dl {width: calc(100% / 2);}
    .spt_prvw .tit {font-size: 1.5rem;}
    .spt_prvw dl:nth-child(2n) {border-right: 0;}
    .spt_prvw dl:nth-child(n+3) dt {border-top: 1px solid #DDDDDD;}
    .spt_prvw dt:not(.tit) {height: 3.2rem;padding: 5px;font-size: 1.4rem;line-height: 1;}
    .spt_prvw dd {padding: 10px;font-size: 1.3rem;}
    .spt_prvw dd button {height: 3rem;font-size: 1.4rem;font-weight: 500;}
    .spt_prvw dd span {font-size: 1.3rem;}
    
    
    .box03 {padding: 1rem 1.5rem;font-size: 1.4rem;line-height: normal;}
    /* target_info */
    .target_info.lg {margin: 1.8rem 0;font-size: 1.6rem;}
    
    /* target_list */
    .target_list li {padding: 0.5rem 0.9rem;font-size: 1.4rem;}
    .target_list li figure {width: 80px;height: 80px;margin-bottom: 5px;}
    .target_list li figure::before {width: 74px;height: 74px;}
    
    .grid-con.col-2 > .grid-item{width:100%; float:none;}
    .grid-con.col-2 > .grid-item + .grid-item{margin-top:0.5rem;}
    
}

@media all and (max-width: 460px) {
	table.tbl.col.info_tbl th{font-size:1.2rem;}
	table.tbl.col.info_tbl td{font-size:1.1rem; word-wrap: break-word; word-break: keep-all;}
}

@media all and (max-width: 330px) {
	.label_icon .filter-item{min-width: 30%; max-width: 30%;}
	.label_icon .filter-item span{width:90%; background-size: contain !important;}
}

/* 240130 SweetAlert2 스타일 추가 */
/* SweetAlert2 폰트 크기 변경 */
.swal2-container .swal2-popup {
    font-size: 1.8rem;
}