@charset "utf-8";
/* CSS Document */
/* com2zoa design kjh 260223 */
/* ★ 공통스타일은 common.css에 있음 */
/* ★ 서브 기본 스타일은 sub.css에 있음 */

.basics_font {font-weight:400}
.underline {text-decoration: underline;  text-underline-offset:4px}
.font_dw {font-size:0.935em}
.etc_txt {margin:15px 0; word-break: keep-all}

/*페이지 준비중 */
.page_loading {text-align:center; padding:15px 0}
.page_loading dl {padding-top:184px; background:url(../images/content/bg_page_loading.png) no-repeat 50% 0}
.page_loading dl dt {font-family:'jalnan'; font-size:22px}
.page_loading dl dd {font-weight:500; font-size:16px; margin-top:15px}

/* 표 수정 */
.cz_tablebx {margin-bottom:30px}
.cz_table.tb_noborder {background:#fff; border-radius:0}
.cz_table.tb_noborder thead th {padding:8px; border:1px solid #ddd; background:#f5f5f5; color:#000; font-weight:600; word-break: keep-all}
.cz_table.tb_noborder tbody th {background:#f5f5f5}
.cz_table.tb_noborder tbody td {padding:10px 8px}
.cz_table.tb_noborder .tbcol_bl thead th {background:#186cbc; color:#fff}
.cz_table.tb_noborder .tbcol_navy thead th {background:#3d4e69; color:#fff}

/* 강조안될 작은 표 인 경우 */
.cz_table.tb_noborder.mini_table .tbcol_bl thead th {background:#6a7689}
.cz_table.tb_noborder.mini_table {font-size:0.935em}
.cz_table.tb_noborder.mini_table thead th {padding:3px 5px; border-color:rgba(255,255,255,0.3)}
.cz_table.tb_noborder.mini_table tbody td {padding:3px 5px}

/* 공통 박스 */
.cont_txtbox {margin:0 0 30px; padding:18px; border:1px solid #d9d9d9; border-radius:5px}
.cont_txtbox > ul > li, .cont_txtbox > ol > li {position: relative; padding-left:12px; margin-bottom:5px; line-height: 140%; word-break: keep-all}
.cont_txtbox > ul > li:last-child, .cont_txtbox > ol > li:last-child {margin-bottom:0}
.cont_txtbox > ul > li::after, .cont_txtbox > ol > li::after {display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width:5px; height:5px; border-radius:50px; background:#888}
/* 리스트스타일-2차 리스트 */
.cont_txtbox > ul > li .inner_lst, .cont_txtbox > ol > li .inner_lst {padding:15px 15px; margin-left:-12px; margin-top:8px; border-radius: 5px; background: #eee}
.cont_txtbox > ul > li .inner_lst li, .cont_txtbox > ol > li .inner_lst li {position: relative; margin-bottom: 5px; padding-left: 10px; line-height: 150%; font-size:0.933em}
.cont_txtbox > ul > li .inner_lst li:last-child, .cont_txtbox > ol > li .inner_lst li:last-child{margin-bottom: 0}
.cont_txtbox > ul > li .inner_lst li::after, .cont_txtbox > ol > li .inner_lst li::after{display: block; clear: both; content: ''; position: absolute; top:8px; left:0; width:5px; height:2px; background:#9d9d9d}
/* 리스트스타일-2차 개요 */
.cont_txtbox > ul > li .inner_summary, .cont_txtbox > ol > li .inner_summary {padding:14px 16px; margin-left:-12px; margin-top:8px; border-radius: 5px; background: #eee}
.cont_txtbox > ul > li .inner_summary li, .cont_txtbox > ol > li .inner_summary li {position: relative; margin-bottom: 4px; padding:1px 0 1px 84px; line-height: 150%; font-size:0.933em}
.cont_txtbox > ul > li .inner_summary li .is_tit, .cont_txtbox > ol > li .inner_summary li .is_tit {position:absolute; top:0; left:0; min-width:74px; height:22px; align-content: center; background:#fff; text-align: center; border-radius: 50px}
.cont_txtbox > ul > li .inner_summary li:last-child, .cont_txtbox > ol > li .inner_summary li:last-child{margin-bottom: 0}

/* 공통 개요 스타일 */
.comm_summary {padding:18px 20px; margin-bottom:30px; border:1px solid #d9d9d9; border-radius:5px}
.comm_summary dl.summ_lst {display: flex; justify-content:flex-start; margin-top:6px}
.comm_summary dl.summ_lst:first-child {margin-top:0}
.comm_summary dl.summ_lst dt {align-content:center; min-width:112px; padding:0 15px; height:25px; background:#d5d9df; border-radius:50px; text-align: center; font-weight:600; color:#010101; box-sizing: border-box}
.comm_summary dl.summ_lst dd {width:100%; padding:3px 0; margin-left:20px; word-break: keep-all}
.comm_summary dl.summ_lst.bg_blue dt {background:#3395f1; color:#fff}
.comm_summary dl.summ_lst.bg_green dt {background:#3fc296; color:#fff}

/* 공통 안내 박스 */
.comm_infobox {overflow: hidden; margin:30px 0; border:1px solid #d9d9d9; border-radius:30px 30px 5px 5px}
.comm_infotit {padding:15px ; text-align: center; background:#3d4e69; color:#fff; border-radius:0 0 5px 5px; font-size:1.143em; font-weight:600}
.comm_infotxt {margin:16px 20px}
.comm_bundle {margin:12px 0}
.comm_infotxt dl {display:flex; justify-content:flex-start; margin-top:6px}
.comm_infotxt dl:first-child {margin-top:0}
.comm_infotxt dl dt {align-content:center; min-width:112px; padding:0 15px; height:25px; background:#d5d9df; border-radius:50px; text-align: center; font-weight:600; color:#010101; box-sizing: border-box}
.comm_infotxt dl dd {width:100%; padding:3px 0; margin-left:20px; word-break: keep-all}
.comm_infotxt dl dt.bg_blue {background:#3395f1; color:#fff}
.comm_infotxt dl dt.bg_navy {background:#4772ad; color:#fff}
.comm_infotxt dl dt.bg_navy2 {background:#3d4e69; color:#fff}
.comm_infotxt dl dt.bg_red {background:#ef6250; color:#fff}
.comm_infobox2 .comm_infotit {background:#1273c3}

/* 버튼 */
.btn_common {display: flex; justify-content: center; margin:40px 0}
.btn_common p {min-width:410px}
.btn_common p a {display:flex; align-items: center; justify-content: space-between; padding:10px; border-radius:50px; border-radius:50px; font-size:1.2em}
.btn_common p a .btn_cgo {display:inline-block; padding:10px 18px; text-align: center; background:#fff; border-radius: 50px; font-weight:600}
.btn_common p a .btn_ctxt {padding:10px 10px 10px 50px; color:#fff}
/* 버튼_금액 */
.btn_common p.btn_money a {background:#ff8d41; transition:.3s}
.btn_common p.btn_money a .btn_ctxt {background:url(../images/content/btn_schmoney_ico.png) no-repeat 10px 50%}
.btn_common p.btn_money:hover a  {background:#f17539}
/* 버튼_가맹점 */
.btn_common p.btn_store a {background:#3395f1; transition:.3s}
.btn_common p.btn_store a .btn_ctxt {background:url(../images/content/btn_storecheck.png) no-repeat 10px 50%}
.btn_common p.btn_store:hover a {background:#1377d5}
/* 버튼_법 */
.btn_common p.btn_law {min-width:490px}
.btn_common p.btn_law a {background:#3d4e69; transition:.3s}
.btn_common p.btn_law a .btn_ctxt {background:url(../images/content/btn_lawcenter.png) no-repeat 10px 50%}
.btn_common p.btn_law:hover a {background:#2b3e5c}

/* 사업소개 */
.dbusi_wrap {position:relative; overflow:hidden; padding:0 18px 190px; margin-bottom:30px; border-radius:10px; box-shadow:0 3px 7px rgba(0,0,0,0.1); background:url(../images/content/bg_dreami_info.jpg) no-repeat 50% 100%; border:1px solid #ddd}
.dbusi_wrap .dbusi_tit {padding:22px 20px; text-align: center; font-family:'jalnan'; color:#2f2f2f; font-size:1.467em}
.dbusi_wrap .dbusi_tit span {color:#3e99f1}
.dbusi_wrap .dbusi_box {line-height:160%; background:#eff3f9; border-radius:10px; text-align: center; padding:18px; font-weight:500; word-break: keep-all}

/* 지원대상 */
.support_year {display:flex; margin:30px 0}
.syear_box {width:100%; border-top:3px solid; border-bottom:1px solid}
.support_year .sarr {align-content: center; padding:20px}
.support_year .syear {padding:15px; text-align: center; font-size:1.2em; font-weight:800; color:#000}
.support_year .sgrade {margin:0 10px; padding:10px; border-radius:50px; text-align: center; border:2px solid #e7e7e7}
.support_year .scon_box {align-content:center; height:calc(100% - 153px); margin:10px; padding:20px 10px; background:#e7e7e7; border-radius:20px; text-align: center; word-break: keep-all}

.syear_box.syear01 {border-color:#3395f1}
.syear_box.syear02 {border-color:#fdb833}
.syear_box.syear03 {border-color:#27c445}
.syear_box.syear01 .scon_box {background:#eaf4fe}
.syear_box.syear02 .scon_box {background:#fff8ea}
.syear_box.syear03 .scon_box {background:#e9f9ec}
.syear_box.syear03.on {border:1px solid #27c445; border-top-width:3px}
.syear_box.syear03.on .sgrade {border-color:#a9dcb3}

/* 신청방법 */
.dreami_appway .comm_infotxt {margin:25px}
.comm_procedure {display:flex; font-weight:600}
.comm_proce01 {align-content: center; min-width:210px; background:#f1f1f1; border-radius:15px; text-align: center; font-size:1.067em; color:#000}
.comm_proce02 {width:100%; padding:16px 20px; background:#e7f1ff; border-radius:15px; box-sizing: border-box}
.comm_proce03 {align-content: center; min-width:210px; background:#ffe8e4; border-radius:15px; text-align: center; font-size:1.067em; color:#ff6749}
.comm_infotxt .process_lst {justify-content: space-between; background:#fff; border-radius:10px; margin-top:10px; padding:10px}
.comm_infotxt .process_lst dt {width:32px; height:32px; min-width:inherit; border-radius:10px; padding:0; flex-shrink:0; background:#3395f1; color:#fff}
.comm_infotxt .process_lst:nth-of-type(odd) dt {background:#1273c3}
.comm_infotxt .process_lst dd {align-content: center; text-align: right; margin:0; padding:0 5px}
.comm_procedure .sarr {align-content: center; padding:20px}
.qr_scan span {display:block; padding:70px 0 0; background:url(../images/content/bg_qrscan.png) no-repeat 50% 0}
.app_complete span {display:block; padding:70px 0 0; background:url(../images/content/bg_appcomplete.png) no-repeat 50% 0}

/* 바우처신청 */
.voucher_top {display:flex; align-items: center; justify-content: space-between; padding:22px 20px 22px 50px; border-radius:15px; background:#fff3ec; margin-bottom:25px}
.vleft_area .voucher_tit {font-size:1.6em; font-weight:700; color:#000}
.vleft_area .voucher_tit span {font-size:0.75em; font-weight:500}
.vleft_area .voucher_etc {margin-top:10px; color:#ff3737}
.vleft_area .voucher_url {margin-top:20px}
.vleft_area .voucher_url a {display: block; min-width:500px; padding:0 40px 0 15px; min-height:50px; align-content: center; border-radius:10px; box-shadow:2px 3px 0 rgba(0,0,0,0.1); background:#fff url(../images/content/btn_appsrch_view.gif) no-repeat right 10px top 50%; transition: .3s}
.vleft_area .voucher_url a span {display:inline-block; padding:5px 0 5px 30px; background: url(../images/content/blt_appurl_ico.gif) no-repeat 0 50%; transition: .3s; word-break: break-all}
.vleft_area .voucher_url a:hover span {text-decoration: underline; text-underline-offset:4px}
.vright_area {position: relative}
.vright_area dl {overflow:hidden; min-width:248px; margin-right:150px;  border:2px solid #ff8d41; border-radius:30px 30px 5px 5px}
.vright_area dl dt {padding:14px; background:#ff8d41; font-size:1.2em; font-weight:600; color:#fff; text-align: center}
.vright_area dl dd {background:#fff; padding:15px; text-align: center}
.vright_area .voucher_peo {position: absolute; bottom:-22px; right:0}
.voucher_date {display: flex; gap:35px; margin-bottom:30px}
.voucher_date .vdate_box {width:100%}
.voucher_date .vdate {text-align: center; padding:15px; color:#fff; font-size:1.2em; font-weight:800}
.voucher_date .vcon_box {padding:25px 10px; text-align: center; line-height:160%}
.voucher_date .vcon_box span {font-weight:600}
.vdate_box01 {border-bottom:1px solid #4ab957}
.vdate_box02 {border-bottom:1px solid #fdb833}
.vdate_box03 {border-bottom:1px solid #f26521}
.vdate_box01 .vdate {background:#4ab957}
.vdate_box02 .vdate {background:#fdb833}
.vdate_box03 .vdate {background:#f26521}

/* 카드신청 */
.card_top {display:flex; align-items: center; justify-content: space-between; padding:22px 20px 22px 50px; border-radius:15px; background:#dcf2f1; margin-bottom:25px}
.cleft_area .card_tit {font-size:1.6em; font-weight:700; color:#000}
.cleft_area .card_tit span {font-size:0.75em; font-weight:500}
.cleft_area .card_etc {margin-top:10px; color:#ff3737}
.cleft_area .card_url {margin-top:20px}
.cleft_area .card_url a {display: block; min-width:500px; padding:0 40px 0 15px; min-height:50px; align-content: center; border-radius:10px; box-shadow:2px 3px 0 rgba(0,0,0,0.1); background:#fff url(../images/content/btn_appsrch_view.gif) no-repeat right 10px top 50%; transition: .3s}
.cleft_area .card_url a span {display:inline-block; padding:5px 0 5px 30px; background: url(../images/content/blt_appurl_ico.gif) no-repeat 0 50%; transition: .3s; word-break: break-all}
.cleft_area .card_url a:hover span {text-decoration: underline; text-underline-offset:4px}
.cright_area {position: relative; min-height:180px}
.cright_area .card_peo {position:absolute; bottom:-22px; right:0}

/* 사용방법  */
.comm_infotxt dl dt.tit_wdtmax {min-width:200px}
.comm_bwrap {margin-top:10px}
.comm_summary dl.summ_lst dt.tit_wdtmax {min-width:150px}
.comm_abuse .comm_infotit {background:#f26521}
.comm_infobox.comm_abuse {background:url(../images/content/bg_card_abuse.png) no-repeat right 15px bottom 15px}
.comm_abuse .comm_infotxt {margin:20px 15px 20px 20px}
.comm_abuse .comm_infotxt ul {padding-right:100px}
.comm_abuse .comm_infotxt ul li {position: relative; padding-left:12px; margin-bottom:5px; line-height: 140%; word-break: keep-all}
.comm_abuse .comm_infotxt ul li:last-child {margin-bottom:0}
.comm_abuse .comm_infotxt ul li::after {display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width:5px; height:5px; border-radius:50px; background:#888}

/* 콜센터 */
.dreami_call {display:flex; gap:40px}
.call_center {overflow:hidden; width:100%; border-radius:30px 30px 5px 5px; border:2px solid #3395f1; box-sizing: border-box; text-align: center}
.call_ctit {padding:20px; font-weight:700; font-size:1.34em; color:#fff; background:#3395f1; border-radius: 0 0 10px 10px}
.call_name {padding:25px; margin:0 30px; border-bottom:1px solid #e7e7e7; font-weight:600; font-size:1.067em}
.call_name span {padding:5px 10px 5px 40px; background:url(../images/content/blt_voucher_call.png) no-repeat 0 50%}
.call_num {padding:55px 15px; align-content:center; font-size:1.867em; font-weight:800; color:#000}
.card_center {border-color:#3fc296}
.card_center .call_ctit  {background:#3fc296}
.card_center .call_name span {background:url(../images/content/blt_card_call.png) no-repeat 0 50%}

/* =============== 공통 내용 ===============*/
.comm_toparea {position:relative; overflow:hidden; margin-bottom:30px; border-radius:10px; box-shadow:0 3px 7px rgba(0,0,0,0.1); border:1px solid #ddd}
.comm_toparea .btn_common {margin:30px 0}
.comm_toparea .comm_toptit {padding:22px 10px 22px 98px; border-bottom:1px solid #ddd; font-family:'jalnan'; font-size:1.2em}
.comm_toparea .comm_toplst {margin:20px}
.comm_toparea .comm_toplst ul li{position: relative; padding-left:12px; margin-bottom:5px; line-height: 140%; word-break: keep-all}
.comm_toparea .comm_toplst  ul li:last-child {margin-bottom:0}
.comm_toparea .comm_toplst  ul li::after {display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width:5px; height:5px; border-radius:50px; background:#888}

/* 저작권정책 */
.dreami_copyright .comm_toparea .comm_toptit {background:url(../images/content/bg_copyright.png) no-repeat 18px 0}
.dreami_copyright .cont_txtbox {box-shadow:0 4px 0 rgba(0,0,0,0.05)}

/* 이메일무단수집거부 */
.dreami_emailno .comm_toparea .comm_toptit {background:url(../images/content/bg_emailno.png) no-repeat 18px 0}
.dreami_emailno .cont_txtbox {box-shadow:0 4px 0 rgba(0,0,0,0.05)}

/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {
.cz_tablebx {margin-bottom:25px}
.cz_table.tb_noborder tbody td {padding:8px 5px}
    
/* 공통 박스 */
.cont_txtbox {margin:0 0 20px; padding:12px}
.cont_txtbox > ul > li::after, .cont_txtbox > ol > li::after {top:5px}
    
/* 공통 개요 스타일 */
.comm_summary {padding:12px 15px}

/* 버튼 공통 스타일 */
.btn_common {margin:10px 0 30px}
.btn_common p {width:100%; min-width:inherit !important}
.btn_common p a {padding:5px; font-size:1.067em}
.btn_common p a .btn_ctxt {padding:5px 5px 5px 36px; background-size:26px auto !important; background-position:5px 50% !important}
.btn_common p a .btn_cgo {padding:5px 15px}

/* 사업소개 */
.dbusi_wrap {padding:0 10px 120px; background-size:auto 110px}
.dbusi_wrap .dbusi_tit {padding:18px 15px; font-size:1.286em}
.dbusi_wrap .dbusi_box {padding:14px}
.comm_summary dl.summ_lst dd {font-size:0.935em}
    
/* 지원대상 */
.support_year .sarr {padding:10px}
    
/* 신청방법 */
.dreami_appway .comm_infotxt {margin:15px}
.comm_procedure .sarr {padding:10px}
.comm_proce01 {min-width:140px}
.comm_proce03 {min-width:140px}

/* 바우처신청 */
.voucher_top {padding:20px 10px 20px 20px}
.vleft_area .voucher_url a {min-width:350px; font-size:0.935em}
.vright_area dl {min-width:160px; margin-right:105px}
.vright_area .voucher_peo {bottom:-20px}
.vright_area .voucher_peo img {width:130px}
.vright_area dl dt {padding:10px}
.vright_area dl dd {padding:10px}
.voucher_date {gap:15px}

/* 카드신청 */
.card_top {padding:20px 10px 20px 20px}
.cleft_area .card_url a {min-width:350px; font-size:0.935em}
.cright_area {min-height:140px}
.cright_area dl {min-width:160px; margin-right:105px}
.cright_area .card_peo {bottom:-20px}
    
/* 콜센터 */
.dreami_call {gap:20px}
.call_ctit {padding:15px; font-size:1.214em}
.call_name {margin:0 15px; font-size:1em}
.call_num {padding:45px 10px; font-size:1.571em}
    
/* 저작권정책 */
.comm_toparea .comm_toplst {margin:12px}
.comm_toparea .btn_common {margin:20px 0}
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
    
}



/* etc LAYOUT */
@media only screen and (max-width:767px) {
/* 공통 개요 스타일 */
.comm_summary {padding:10px}
.comm_summary dl.summ_lst {flex-wrap:wrap}
.comm_summary dl.summ_lst dd {padding:5px; margin:0}

/* 공통 안내 박스 */  
.comm_infotxt {margin:10px}
.comm_infotxt dl {flex-wrap: wrap}
.comm_infotxt dl dd {padding:5px 0; margin:0 5px}
.comm_bundle {margin:10px 0 5px}
    
/* 지원대상 */ 
.support_year {flex-wrap: wrap; justify-content:center}
.support_year .sarr {justify-items: center; text-align: center; transform:rotate(90deg)}
    
/* 신청방법 */
.comm_procedure {flex-wrap: wrap; justify-content:center}  
.comm_procedure .sarr {justify-items: center; text-align: center; transform:rotate(90deg)}
.comm_proce01 {min-width:inherit;; width:100%; padding:10px}
.comm_proce02 {padding:12px}
.comm_proce03 {min-width:inherit;; width:100%; padding:10px}
.comm_infotxt .process_lst {flex-wrap:nowrap; align-items: center}
     
/* 바우처신청 */
.voucher_top {flex-wrap:wrap; justify-content: center; padding:28px 10px 15px}
.vleft_area {width:100%; text-align: center}
.vleft_area .voucher_url {margin:10px 0}
.vleft_area .voucher_url a {min-width:auto; min-height:40px; text-align:left; background-size:18px auto; font-size:0.935em}
.vleft_area .voucher_url a span {padding:5px 0; background:none}
.vleft_area .voucher_tit {font-size:1.4em}
.vright_area {width:100%}
.vright_area .voucher_peo {position: inherit; bottom:inherit; right:inherit; text-align: center}
.vright_area dl {position:relative; margin:-20px auto 0; width:160px}
    
.voucher_date {flex-wrap:wrap}
.voucher_date .vdate {padding:10px; font-size:1.143em}
.voucher_date .vcon_box {padding:10px}

/*페이지 준비중 */
.page_loading dl {padding-top:160px; background-size:200px}
.page_loading dl dt { font-size:18px}
.page_loading dl dd {font-size:14px}

/* 카드신청 */
.card_top {flex-wrap:wrap; justify-content: center; padding:28px 10px 0}
.cleft_area {width:100%; text-align: center}
.cleft_area .card_url {margin:10px 0}
.cleft_area .card_url a {min-width:auto; min-height:40px; text-align:left; background-size:18px auto; font-size:0.935em}
.cleft_area .card_url a span {padding:5px 0; background:none}
.cleft_area .card_tit {font-size:1.4em}
.cright_area {width:100%; min-height:inherit}
.cright_area .card_peo {position: inherit; bottom:inherit; right:inherit; text-align: center; padding-top:15px}
.cright_area .card_peo img {vertical-align: middle}
    
/* 사업소개 */
.comm_infobox.comm_abuse {background:none}
.comm_abuse .comm_infotxt ul {padding:0}
.comm_abuse .comm_infotxt {margin:14px}

/* 콜센터 */
.dreami_call {flex-wrap: wrap}
.call_name {padding:15px}
.call_num {padding:25px 10px}
    
/* 저작권정책 */
.btn_common p.btn_law a .btn_ctxt {padding:5px 20px 5px 36px; word-break: keep-all}
.comm_toparea .comm_toptit {padding:14px 10px 14px 74px; background-size:60px auto !important; background-position:10px 0 !important}
    
    
}