@charset "utf-8";

@import "swiper-bundle.css";


/*** Image ***/
.butn_ico:before,
.btn_arr:after,
.btn_etc:after,
.btn_sch,
.contents.new .butn_ico:before,
.contents.new .btn_arr:after,
.contents.new .btn_etc:after,
.contents.new .btn_sch,
.contents.new .inp_chk input[type="checkbox"] + label:after,
.inp_search:not(.gridBodyDefault) a,
.contents.new .inp_cal .w2inputCalendar_button,
.contents.new .inp_select .w2selectbox_col_button,
.contents.new .inp_select .w2selectbox_focus .w2selectbox_col_button,
.contents.new .inp_select .w2selectbox_over .w2selectbox_col_button,
.contents.new .w2autoComplete .w2autoComplete_col_button:after,
body > .wrap .inp_select .w2selectbox_col_button,
body > .wrap .inp_cal:not(.gridBodyDefault) .w2inputCalendar_button,
.contents.new .grid_box .w2grid_select:after,
.grid_box .inp_search .w2grid_textImage_image,
.contents.new .grid_box .w2selectbox .w2selectbox_col_button,
.contents.new .grid_box input[type="checkbox"]:checked + label:after,
.contents.new .grid_box td.arr nobr:before,
.contents.new .w2window_close:before,
.contents.new .inp_rdo_tab input:checked + label:before,
.contents.new .prod_slides .pre,
.contents.contents.new .main .plan_box .item:after,
.contents.contents.new .main .quick_btns .butn:before,
.contents.contents.new .main .util_btns .butn a:before,
.contents.contents.new .main .con_quick .tit_area .butn:before,
.contents.new .prd_set_box .butn_close,
.contents.new .btn_tooltip,
.contents.new .btn_tooltip:after,
.contents.new .tooltip_wrap .layerpop_wrap .butn_close,
.contents.contents.new .main .banner_slides .swiper-button-next,
.contents.contents.new .main .banner_slides .swiper-button-prev,
.contents.contents.new .main .tab_area .btn_tab:after,
.contents.new .prd_cont .prd_info_wrap .butn_close,
.contents.new .prod_slides .swiper-button-next:after,
.contents.new .grid_box th.gridHeaderTDDefault button,
.contents.contents.new .main .rank span,
.contents.new .acc_area .acc_tit .tit:before,
.contents.new .shortcut_btns .butn a:before,
.tablet .contents.new .fixed_total .btn_fold:before,
.contents.new .step_wrap .box.on .num,
.contents.new .inp_num_box .w2spinner_down,
.contents.new .inp_num_box .w2spinner_up,
.contents.new .schd_slides .swiper-button-next:after,
.contents.new .schd_slides .tit:after,
.contents.contents.new .main .user_info .count:before,
.contents.new .noti02:before,
.contents.new .grid_box td.inp_cal nobr:before,
.contents.new .grid_box .w2inputCalendar_div_img .w2inputCalendar_button,
.contents.new .tbl_main.upbr .w2tb tbody .w2tb_th span:before,
.contents.new .achieve_list .swiper-button-next:after,
.contents.new .schd_slides .swiper-button-prev:after,
.contents.new .prod_slides .swiper-button-prev:after,
.contents.new .step_wrap .w2tabcontrol_tabhost li.w2tabcontrol_active a:before,
body > .wrap ~ .w2window .w2window_close:before{content:"";background-image:url(../image/angel/spr_icon_new.svg) !important;background-repeat:no-repeat !important;background-size:800px 800px;}


/* 공통 class */
.contents.new .none{display:none !important}
.contents.new .inflex{display:inline-flex !important}



/*** popup ***/
body > .wrap ~ .w2window {border:0;background:#fff;border-radius:16px;}
body > .wrap ~ .w2window .w2window_header {padding:0; height:45px; background:#303334;border-radius:16px 16px 0 0;}
body > .wrap ~ .w2window .w2window_header_icon {display:none;}
body > .wrap ~ .w2window .w2window_header_title {padding:0; height:45px; line-height:45px; left:20px; color:#fff; font-size:16px; font-weight:700;}
body > .wrap ~ .w2window .w2window_close {width:45px; height:45px; top:0; right:6px; left:auto; background:none;}
body > .wrap ~ .w2window .w2window_header .w2window_close:before,
.angel .doc_list>.bul:before {content:""; position:relative; top:15px; left:15px; display:inline-block; width:19px; height:17px;background-image:url(/resources/image/spr_icon.png) !important; background-repeat:no-repeat !important; -moz-background-size:500px 500px !important; background-size:500px 500px !important;  background-position:-175px 0;}
 
body > .wrap ~ .w2window .w2window_body {padding:0; top:45px;border-radius:0 0 16px 16px;overflow:auto;}
body > .wrap ~ .w2popup_window .w2window_content {left:0; right:0; bottom:0; border:0;}
body > .wrap ~ .w2modal, 
body > .wrap ~ .w2modal_popup {opacity:0.6; background-color:#000;display:block;}
body > .wrap ~ .w2window .w2window_resize_right,
body > .wrap ~ .w2window .w2window_resize,
body > .wrap ~ .w2window .w2window_resize_bottom{display:none;}

body > .wrap ~ .w2popup_window .w2window_content > .w2wframe{height:100%;}
.pop_wrap{position:relative;height:100%;padding:24px;overflow-y:auto;}



/* alert */
body > .wrap ~ .w2popup_window.alert {overflow:hidden; border-radius:10px;}
body > .wrap ~ .w2popup_window.alert .w2window_header {display:none;}
body > .wrap ~ .w2popup_window.alert .w2window_body {top:0;border-radius:0;}
.alert_wrap {display:table; width:100%;  height:100%; padding:20px 20px 60px 20px; overflow:hidden; border-radius:0 0 10px 10px; box-sizing:border-box;}
.alert_wrap .msg {display:table-cell; vertical-align:middle; text-align:center; line-height:1.4;}
.alert_wrap .btns {position:absolute; width:100%; bottom:0; left:0;}
.alert_wrap .alert_btns {display:table; table-layout:fixed; width:100%;}
.alert_wrap .alert_btns>div {display:table-cell;}
.alert_wrap .btn.large {width:100%; border-radius:0;}
.w2trigger.btn {border:0;  vertical-align:middle;}
.w2trigger.btn.blue {background-color:#0096d7 !important;}



/*** Title ***/
.contents.new .tit_area{margin:28px 0 12px;}
.contents.new .tit_area.top{margin-top:0 !important;}
.contents.new .tit_area .tit{display:inline-block;width:auto;height:auto;border:none;border-radius:0;margin:0;font-size:16px;font-weight:600;color:#394957;line-height:1.4;}
.contents.new .tit_area .tit.sub{font-size:14px;font-weight:500;color:#292c33;}
.contents.new .tit_area .tit.big{font-size:20px;font-weight:700;color:#292c33;}
.contents.new .tit_area .sub_txt{margin-top:6px;font-size:14px;font-weight:500;color:#394957;line-height:1.4;}
.contents.new .tit_area .tit h3{display:inline-block;}
.contents.new .tit_area .tit .sub{margin-left:32px;font-weight:500;font-size:14px;color:#394957;line-height:1.4;}
.contents.new .tit_area > .num{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:17px;margin:4px 0 0 4px;padding:0 6px 1px;font-size:12px;font-weight:700;color:#fff;border-radius:9px;background:#0099e6;vertical-align:top;}
.contents.new .tit_area .noti02{display:inline-block;margin:2px 0 0 32px;vertical-align:top;}
.contents.new .tit_area .inp_chk{margin:2px 0 0 32px;}
.contents.new .tit_area.flex,
body > .wrap .tit_area.flex{overflow:unset;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}
.contents.new .tit_area.flex .tit,
body > .wrap .tit_area.flex .tit{margin-top:5px;}
.contents.new .tit_area.flex .right,
.contents.new .tit_area.flex .unit,
body > .wrap .tit_area.flex .right,
body > .wrap .tit_area.flex .unit{margin-left:auto;}
.contents.new .unit{font-size:12px;font-weight:500;color:#5b6473;}
.contents.new .tit_area .unit_box{margin-top:16px;}
.contents.new .tit_area.flex .right .butn + .butn_ico{margin-left:13px;}


/*** Text ***/
.contents.new .list_dash{margin-top:12px;}
.contents.new .list_dash li{position:relative;padding-left:9px;font-size:14px;font-weight:400;color:#636e81;line-height:1.5;}
.contents.new .list_dash li:before{content:"";display:inline-block;position:absolute;left:0;top:10px;width:5px;height:1px;background:#636e81;}
.contents.new .list_dash li + li{margin-top:6px;}

.contents.new .list_dot{margin-top:12px;}
.contents.new .list_dot li{position:relative;padding-left:9px;font-size:14px;font-weight:400;color:#636e81;line-height:1.5;}
.contents.new .list_dot li:before{content:"";display:inline-block;position:absolute;left:0;top:10px;width:2px;height:2px;border-radius:50%;background:#636e81;}
.contents.new .list_dot li + li{margin-top:6px;}

.contents.new [class*="list_"] li.point02:before{background:#d64654;}

.contents.new .noti{position:relative;padding-left:16px;font-size:13px;font-weight:400;color:#636e81;line-height:1.5;}
.contents.new .noti:before{content:"※";position:absolute;left:0;top:0;background:none;font-family:Noto Sans KR;}
.contents.new .noti strong{font-weight:600;color:#292c33;}

.contents.new .noti02{position:relative;padding-left:22px;font-size:13px;font-weight:500;color:#D64654;line-height:1.5;}
.contents.new .noti02:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background-position:-197px -127px;}

.contents.new .noti03{position:relative;padding-left:8px;font-size:14px;font-weight:400;color:#636e81;line-height:1.5;}
.contents.new .noti03:before{content:"*";position:absolute;left:0;top:0;background:none;}

.contents.new .required{display:inline-block;padding:3px 0 0 3px;font-size:0;line-height:0;text-indent:-9999em;vertical-align:top;}
.contents.new .required:before{content:"*";font-size:14px;font-weight:500;color:#d64654;line-height:1;}



/*** 하단 고정:fixed_btns  ***/
.contents.new .fixed_btns{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:60px;height:auto;;padding:8px 16px;border-top:1px solid #a1cee5;background:#fff;box-shadow:0 -5px 8px -4px rgba(0,0,0,0.1);z-index:auto;}
.contents.new .fixed_btns .butns{display:flex;align-items:center;}
.contents.new .fixed_btns .btnEtc{margin-right:16px;}

.contents.new .fixed_btns .butns > div:not(.btn_etc_detail){display:inline-flex;align-items:center;justify-content:center;margin-left:6px;}
.contents.new .fixed_btns .butns > *{margin-left:6px;}
.contents.new .fixed_btns .butns.left > *{margin:0 6px 0 0;}

.contents.new .fixed_total{position:absolute;left:0;right:0;bottom:0;height:46px;margin:6px 0 0;}
.contents.new .fixed_total .btn_fold{display:none;}
.contents.new .fixed_total .total_box{position:fixed;min-width:1100px;height:46px;bottom:60px;left:0;right:0;padding:0;border:none;border-top:1px solid #a1cee5;background:#f4fbff;box-shadow:0 -5px 8px -4px rgba(0,0,0,0.1);z-index:11;}
.contents.new .total_box{display:flex;justify-content:flex-end;}
body:not(.tablet) .contents.new .total_box dl{position:relative;display:inline-flex;flex:1;justify-content:space-between;align-items:center;max-width:260px;padding:0 0.8333vw;}
.contents.new .total_box dl:not(:first-child):before{display:inline-block;position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#e1e3e7;content:"";}
.contents.new .total_box dt{flex:none;font-size:14px;color:#394957;font-weight:500;line-height:1.3;letter-spacing:-0.5px;}
.contents.new .total_box .w2input.output{max-width:100%;font-size:17px;color:#292c33;font-weight:700;text-align:right;letter-spacing:-1px;}
	
.contents.new .w2input.output,
body > .wrap .w2input.output{display:inline-flex;background:transparent;border:none;padding:0;font-family:Noto Sans KR, dotum, Sans-serif;outline:none !important;}
.contents.new .w2input.output.w2autoComplete_input,
body > .wrap .w2input.output.w2autoComplete_input{display:inline-flex;background:transparent;border:none;padding:0;font-family:Noto Sans KR, dotum, Sans-serif;outline:none !important;}



/*** Search ***/
.contents.new .search_wrap{position:relative;padding:0 16px 12px;}
.contents.new .search_wrap .sch_box{display:flex;justify-content:space-between;padding:12px 0 0;}

.contents.new .search_wrap .sch_box .user_info > *{position:relative;padding-left:12px;margin-left:12px;}
.contents.new .search_wrap .sch_box .user_info > *:before{display:inline-block;width:1px;height:14px;position:absolute;top:50%;left:0;margin-top:-7px;background:#d0d5d9;content:"";}
.contents.new .search_wrap .sch_box .user_info > *:first-child,
.contents.new .search_wrap .sch_box .user_info > [aria-hidden="true"] + .detail{padding-left:0;margin-left:0;}
.contents.new .search_wrap .sch_box .user_info > *:first-child:before,
.contents.new .search_wrap .sch_box .user_info > [aria-hidden="true"] + .detail:before{display:none;}
.contents.new .search_wrap .sch_box .user_info > .detail:first-type-child{padding:0;margin:0;}

.contents.new .search_wrap .sch_box .right{display:inline-flex;align-items:center;}
.contents.new .search_wrap .sch_box .right .inp_chk{margin-top:2px;}
.contents.new .search_wrap .sch_box .right > *{margin-left:20px;}
.contents.new .search_wrap .sch_box .right .w2checkbox .w2checkbox_item{margin-right:0;}
.contents.new .search_wrap .sch_box .right > .btn_box{margin-left:12px;}
.tablet .contents.new .search_wrap .pc{display:none !important;}
.contents.new .search_wrap .grid_btns{display:flex;justify-content:space-between;margin:8px 0 0;}
.contents.new .search_wrap .grid_btns.bottom{justify-content:center;margin:12px 0 0;}
.contents.new .search_wrap .grid_btns.bottom .butn{padding:0 28px 1px;}
.contents.new .search_wrap .tab_area{margin-top:-36px;}
.contents.new .search_wrap .tab_area .w2tabcontrol_tabhost{justify-content:flex-end;}
.contents.new .search_wrap .w2tabcontrol_container{margin-top:18px;}
.contents.new .search_wrap .user_info{display:inline-flex;align-items:center;}
.contents.new .search_wrap .user_info .inp_search{height:44px;border-radius:22px;}
.contents.new .search_wrap .user_info .inp_search input{padding-left:16px !important;font-size:16px;font-weight:600;border-radius:22px 0 0 22px;}
.contents.new .search_wrap .user_info .inp_search a{width:40px;height:34px;background-position:-181px -50px;overflow:hidden;}
.contents.new .search_wrap .user_info .name{margin-right:4px;font-size:22px;color:#292c33;}
.contents.new .search_wrap .user_info .detail{position:relative;font-size:16px;color:#292c33;}
.contents.new .search_wrap .user_info .detail ~ .detail{margin-left:12px;padding-left:12px;}
.contents.new .search_wrap .user_info .detail ~ .detail:before{display:inline-block;width:1px;height:14px;position:absolute;top:50%;left:0;margin-top:-7px;background:#d0d5d9;content:"";}

.contents.new .search_wrap .grid_box{margin-top:12px;}
.contents.new .search_wrap .grid_box .w2grid > div:first-child,
.contents.new .search_wrap .grid_box .w2grid > div:first-child > div,
.contents.new .search_wrap .grid_box .w2grid > div:first-child > div table{position:static !important;}
.contents.new .search_wrap .grid_box .w2grid_iScrollX{height:5px;}

.contents.new .search_wrap .sch_title{display:flex;justify-content:space-between;margin:0 0 16px;}
.contents.new .search_wrap .sch_title .right{display:flex;align-items:center;}
.contents.new .search_wrap > .btn_area{margin-top:12px;}

.contents.new .search_wrap.ty02{padding:0;}
.contents.new .search_wrap.ty02 + .search_result.line{margin-top:0;}
.contents.new .search_wrap.ty02 .sch_box{display:block;padding:0;}
.contents.new .search_wrap.ty02 .user_info{display:flex;padding:24px;}
.contents.new .search_wrap.ty02 .user_info.sub{padding:19px 24px;border-top:1px solid #e1e3e7;}
.contents.new .search_wrap.ty02 dl.detail{display:flex;}
.contents.new .search_wrap.ty02 dl.detail.link dt,
.contents.new .search_wrap.ty02 dl.detail.link dd{text-decoration:underline;text-underline-position:under;}
.contents.new .search_wrap.ty02 dl.detail dt{margin-right:6px;font-weight:400;color:#5b6473;}
.contents.new .search_wrap.ty02 dl.detail dd{font-weight:700;}

.contents.new .info_sort{position:absolute;top:-62px;left:0;display:flex;align-items:center;width:calc(100% - 380px);}
.contents.new .info_sort > .butn{margin-right:8px;}
.contents.new .info_sort_box{display:flex;flex:1;align-items:center;padding:4px 8px;min-height:42px;border-radius:12px;border:1px solid #a2c4e8;background:#f4fbff;}
.contents.new .info_sort_box .info{display:flex;flex-wrap:wrap;width:100%;margin-left:12px;}
.contents.new .info_sort_box .info_item{display:inline-block;margin:0px 24px 0px 0px;}
.contents.new .info_sort_box .info_item.wide{flex:1;min-width:500px;max-width:750px;}
.contents.new .info_sort_box .info_item.wide .inp_select{width:100% !important;}

.contents.new .step_wrap{display:flex;height:100% !important;flex-direction:column;margin-bottom:0;}
.contents.new .step_wrap .w2tabcontrol_tab_left,
.contents.new .step_wrap .w2tabcontrol_tab_right{display:none;}
.contents.new .step_wrap .w2tabcontrol_tabhost li{counter-increment:count;}
.contents.new .step_wrap .w2tabcontrol_tabhost li + li{position:relative;margin-left:12px;}
.contents.new .step_wrap .w2tabcontrol_tabhost li + li:before{content:"";position:absolute;left:-12px;top:50%;width:12px;height:1px;background:#b7bfca;}
.contents.new .step_wrap .w2tabcontrol_tabhost li a{display:flex;align-items:center;justify-content:center;position:relative;top:0;min-width:145px;height:36px;padding:0 10px 2px 36px;font-size:15px;font-weight:600;color:#fff;text-align:center;border:1px solid #b7bfca;border-radius:18px;background:#b7bfca;}
.contents.new .step_wrap .w2tabcontrol_tabhost li a:before{content:"" counter(count);flex:none;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:-1px;top:-1px;width:36px;height:36px;padding:0 0px 2px 0;font-size:16px;font-weight:700;color:#b7bfca;border-radius:50%;border:2px solid #b7bfca;background:#fff;}

.contents.new .step_wrap .w2tabcontrol_tabhost li.end a{color:#3e5672;border-color:#3e5672;background:#fff;}
.contents.new .step_wrap .w2tabcontrol_tabhost li.end a:before{color:#fff;border:0;background:#3e5672;}

.contents.new .step_wrap .w2tabcontrol_tabhost li.end:before,
.contents.new .step_wrap .w2tabcontrol_tabhost li.w2tabcontrol_active:before{background:#3e5672;}
.contents.new .step_wrap .w2tabcontrol_tabhost li.w2tabcontrol_active a{color:#fff;border:1px solid #0099e6;background:#0099e6;}
.contents.new .step_wrap .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{font-size:0;line-height:0;text-indent:-9999em;background-color:#fff;border:2px solid #0099e6;background-position:-335px -50px;}

.contents.new .step_wrap .w2tabcontrol_container{float:none;height:auto !important;}

.contents.new .step_wrap .box{display:flex;align-items:center;position:relative;width:145px;height:36px;padding-left:36px;border:1px solid #b7bfca;border-radius:18px;background:#b7bfca;cursor:pointer;}
.contents.new .step_wrap .box + .box{position:relative;margin-left:12px;}
.contents.new .step_wrap .box + .box:before{content:"";position:absolute;left:-13px;top:50%;width:12px;height:1px;background:#b7bfca;}
.contents.new .step_wrap .box .num{flex:none;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:-1px;top:-1px;width:36px;height:36px;padding:0 0px 2px 0;font-size:16px;font-weight:700;color:#b7bfca;border-radius:50%;border:2px solid #b7bfca;background:#fff;}
.contents.new .step_wrap .box .tit{flex:1;padding:0 10px 1px 0;font-size:15px;font-weight:600;color:#fff;text-align:center;}
.contents.new .step_wrap .box.end{border-color:#3e5672;background:#fff;}
.contents.new .step_wrap .box.end .num{color:#fff;border:0;background:#3e5672;}
.contents.new .step_wrap .box.end .tit{color:#3e5672;}
.contents.new .step_wrap .box.on{border-color:#0099e6;background:#0099e6;}
.contents.new .step_wrap .box.on .num{border-color:#0099e6;font-size:0;line-height:0;text-indent:-9999em;background-position:-335px -50px;}
.contents.new .step_wrap .box.end:before,
.contents.new .step_wrap .box.on:before{background:#3e5672;}

.contents.new .search_result02 .step_wrap .w2tabcontrol_tabhost{position:absolute;top:19px;right:16px;width:auto;z-index:1;}
.tablet .contents.new .search_result02 .step_wrap .w2tabcontrol_tabhost{padding:2px 0;top:17px;}

/* sch_fix_box */
.contents.new .sch_fix_box{padding:14px 16px;border-bottom:1px solid #e1e3e7;}
.contents.new .sch_fix_box .w2autoComplete{height:32px;border-color:#b7c0ca;border-radius:8px;overflow:hidden;}
.contents.new .sch_fix_box .w2autoComplete:not(:first-child){margin-left:10px;}
.contents.new .sch_fix_box .w2autoComplete_col_label{padding:0 0 0 12px;background:#fff;}
.contents.new .sch_fix_box .w2autoComplete_col_label span{text-align:left;}
.contents.new .sch_fix_box .btn.search{display:inline-flex;align-items:center;justify-content:center;position:relative;margin-left:10px;width:72px !important;height:32px;padding:0;font-size:13px;border-radius:8px;border-color:#525866;background-color:#525866 !important;}
.contents.new .sch_fix_box .btn.search:before{display:none !important;}
.contents.new .sch_fix_box .btn.search:after{content:"검색";color:#fff;font-weight:600;}
.contents.new .sch_fix_box span{font-size:14px;color:#292c33;font-weight:500;}
.contents.new .sch_fix_box .w2input{height:32px;padding:0 12px;font-family:Noto Sans KR;font-size:14px;font-weight:500;color:#292c33;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;}

/* search_result */
.contents.new .search_result{position:relative;display:flex;flex-direction:column;flex:1;}
.contents.new .search_result .tab_area.line > .w2tabcontrol_tabhost{padding:0 24px;}
.contents.new .search_result.line{border-top:8px solid #eef0f4;}
.contents.new .search_result02{position:relative;padding:24px 16px 16px;border-top:12px solid #eef0f4;}
.contents.new .search_result02 .tit_area.has_step{margin:0 0 30px;}

.contents.new .search_result .tab_area.right > .w2tabcontrol_tabhost{justify-content:flex-end;}
.contents.new .search_result .tab_area.right .w2tabcontrol_tabhost .tit01 a:after{content:"설계";}
.contents.new .search_result .tab_area.right .w2tabcontrol_tabhost .tit02 a:after{content:"정보입력";}
.contents.new .search_result .tab_area.right .w2tabcontrol_tabhost .tit03 a:after{content:"정보입력";}



/*** Form ***/
/* 체크박스 */
.contents.new .inp_chk{display:inline-flex;vertical-align:top;}
.contents.new .inp_chk input[type="checkbox"]{display:none;}
.contents.new .inp_chk input[type="checkbox"] + label{display:inline-block;position:relative;margin:0;padding:1px 0 0 26px;vertical-align:top;min-height:20px;font-size:14px;font-weight:500;color:#292c33;line-height:1.4;}
.contents.new .inp_chk input[type="checkbox"] + label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:6px;border:1px solid #b7c0ca;background:#fff;background-image:none !important;transition:.3s;}
.contents.new .inp_chk input[type="checkbox"] + label:after{display:none;position:absolute;left:0;top:0;width:20px;height:20px;background-position:-280px -57px;}
.contents.new .inp_chk input[type="checkbox"]:checked + label:before{border-color:#0099e6;background:#0099e6;transition:.3s;}
.contents.new .inp_chk input[type="checkbox"]:checked + label:after{display:inline-block;background-position:-255px -57px;}
.contents.new .inp_chk input[type="checkbox"]:disabled + label{cursor:default;}
.contents.new .inp_chk input[type="checkbox"]:disabled + label:before{background-color:#eff2f7;}
.contents.new .inp_chk .w2checkbox_item{margin-right:0;}
.contents.new .inp_chk .w2checkbox_item + .w2checkbox_item{margin:0 0 0 12px;}

.contents.new .box_chk{width:100%;}
.contents.new .box_chk .w2checkbox_item{width:100%;overflow:visible;}
.contents.new .box_chk input[type="checkbox"] + label{display:flex;align-items:center;width:100%;min-height:60px;padding:20px 24px 20px 50px;border-radius:12px;border:1px solid #e1e3e7;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,0.03);transition:border-color .3s;}
.contents.new .box_chk input[type="checkbox"] + label:before,
.contents.new .box_chk input[type="checkbox"] + label:after{top:20px;left:24px;}
.contents.new .box_chk input[type="checkbox"]:checked + label{border-color:#a1cee5;transition:border-color .3s;}

/* inp_switch */
.contents.new .inp_switch .w2checkbox_item{display:flex;}
.contents.new .inp_switch input{display:none;}
.contents.new .inp_switch label{display:inline-block;position:relative;width:56px;height:26px;border-radius:13px;background:#b7bfca;font-size:0;line-height:0;text-indent:-9999em;transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.contents.new .inp_switch input:checked + label{background:#0099e6;transition:.3s;}
.contents.new .inp_switch label:after{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s;content:"";}
.contents.new .inp_switch input:checked + label:after{left:33px;}
.contents.new .inp_switch label:before{content:"OFF";position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding:0 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;background:none;width:auto;height:auto;margin:0;}
.contents.new .inp_switch input:checked + label:before{content:"ON";right:auto;left:0;padding:0 10px;}

/* 기본 라디오 */
.contents.new .inp_rdo,
body > .wrap .inp_rdo{display:inline-flex;vertical-align:top;}
.contents.new .inp_rdo input,
body > .wrap .inp_rdo input{display:none;}
.contents.new .inp_rdo input + label,
body > .wrap .inp_rdo input + label{display:inline-block;position:relative;margin:0;padding:0 0 0 26px;vertical-align:top;min-height:20px;font-size:14px;font-weight:500;color:#292c33;line-height:1.4;}
.contents.new .inp_rdo input + label:before,
body > .wrap .inp_rdo input + label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;border:1px solid #b7c0ca;background:#fff;background-image:none !important;transition:.3s;}
.contents.new .inp_rdo input + label:after,
body > .wrap .inp_rdo input + label:after{content:"";position:absolute;left:5px;top:5px;width:10px;height:10px;border-radius:50%;background:#b7c0ca;transition:background .3s;}
.contents.new .inp_rdo input:checked + label:before,
body > .wrap .inp_rdo input:checked + label:before{border-color:#0099e6;background-color:#0099e6;}
.contents.new .inp_rdo input:checked + label:after,
body > .wrap .inp_rdo input:checked + label:after{background-color:#fff;}
.contents.new .inp_rdo .w2radio_item + .w2radio_item,
body > .wrap .inp_rdo .w2radio_item + .w2radio_item{margin-left:16px;}

.contents.new .inp_rdo_tab{display:inline-flex;background:#e9eef3;border-radius:8px;}
.contents.new .inp_rdo_tab input{display:none;}
.contents.new .inp_rdo_tab input + label{display:flex;align-items:center;justify-content:center;width:104px;height:28px;padding:0 5px;font-size:14px;font-weight:500;color:#636e81;text-align:center;border-radius:6px;border:1px solid #e9eef3;background:#e9eef3;}
.contents.new .inp_rdo_tab input + label:before{content:"";display:inline-block;width:0;height:12px;margin:0;transition:width .1s;}
.contents.new .inp_rdo_tab input:checked + label{color:#0099e6;background-color:#fff;border-color:#0099e6;transition:.3s;}
.contents.new .inp_rdo_tab input:checked + label:before{width:12px;margin-right:3px;background-position:-314px -61px;transition:width .1s;}

.contents.new .inp_rdo_tab[disabled="disabled"] input:checked + label{color:#636e81;background:rgba(183, 191, 202, 0.5);border:1px solid rgba(183, 191, 202, 0.5);}
.contents.new .inp_rdo_tab[disabled="disabled"] input:checked + label:before{background-position:-284px -61px;filter:grayscale(100%) brightness(70%);}

.contents.new .inp_rdo_tab.ty02{margin-right:12px;background:#fff;border:2px solid #0099e6;}
.contents.new .inp_rdo_tab.ty02 input + label{width:90px;font-weight:600;color:#0099e6;border:0;background:#fff;}
.contents.new .inp_rdo_tab.ty02 input + label:before{display:none;}
.contents.new .inp_rdo_tab.ty02 input:checked + label{font-weight:700;color:#fff;background:#0099e6;}

.contents.new .tbl_area .inp_rdo_tab.ty03 input + label{background:#fff;border-color:#b7c0ca;}
.contents.new .tbl_area .inp_rdo_tab.ty03 .w2radio_item:first-child input + label{border-radius:6px 0 0 6px;}
.contents.new .tbl_area .inp_rdo_tab.ty03 .w2radio_item:last-child input + label{border-radius:0 6px 6px 0;}
.contents.new .tbl_area .inp_rdo_tab.ty03 input:checked + label{border-color:#0099e6;}
.contents.new .w2radio .w2radio_item{margin-right:0;}

/* 기본 input */
.contents.new .inp_txt,
body > .wrap .inp_txt{width:100%;height:32px;padding:0 12px;font-family:Noto Sans KR;font-size:14px;font-weight:500;color:#292c33;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;}
.contents.new .inp_txt.w2input_focus,
body > .wrap .inp_txt.w2input_focus{outline:none;background:transparent;border:1px solid #0099e6;}
.contents.new .inp_txt.w2input_disabled,
body > .wrap .inp_txt.w2input_disabled,
.contents.new .inp_txt.w2input_readonly,
body > .wrap .inp_txt.w2input_readonly{background-color:#eff2f7;color:#636e81;}
.contents.new .inp_txt::placeholder,
body > .wrap .inp_txt::placeholder{color:#c2c5c9;}
.contents.new .inp_txt.error,
body > .wrap .inp_txt.error{border-color:#d64654;}

/* input search */
.inp_search:not(.gridBodyDefault){display:inline-flex;align-items:center;justify-content:space-between;min-width:180px;height:32px;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;overflow:hidden;}
.tbl_area .inp_search:not(.gridBodyDefault){min-width:160px;height:24px;}
.inp_search:not(.gridBodyDefault):focus-within{border:1px solid #0099e6;}
.inp_search:not(.gridBodyDefault) .w2searchbox{flex:1;height:100%;}
.inp_search:not(.gridBodyDefault) input{width:100% !important;height:100% !important;padding:0 8px 0 12px !important;font-family:Noto Sans KR;font-size:14px;font-weight:500;color:#292c33;border:0;background:transparent;}
.inp_search:not(.gridBodyDefault) input.w2input_focus{outline:none;background:transparent;}
.inp_search:not(.gridBodyDefault) input::placeholder{color:#c2c5c9;}
.inp_search:not(.gridBodyDefault) a{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:100%;font-size:0;line-height:0;text-indent:-9999em;background-position:-127px -52px;}
.tbl_area .inp_search:not(.gridBodyDefault) a{background-position:-124px -56px;}
.inp_search:not(.gridBodyDefault) .w2searchbox[disabled],
.inp_search:not(.gridBodyDefault) .w2searchbox[disabled] + a,
.inp_search:not(.gridBodyDefault) .w2searchbox[readonly],
.inp_search:not(.gridBodyDefault) .w2searchbox[readonly] + a{background-color:#eff2f7;}

/* 캘린더 */
.contents.new .inp_cal:not(.gridBodyDefault),
body > .wrap .inp_cal:not(.gridBodyDefault){display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-width:90px;width:auto;height:32px;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;}
.contents.new .inp_cal:not(.gridBodyDefault):focus-within,
body > .wrap .inp_cal:not(.gridBodyDefault):focus-within{border:1px solid #0099e6;}
.contents.new .inp_cal:not(.gridBodyDefault) .w2inputCalendar_div_input,
body > .wrap .inp_cal:not(.gridBodyDefault) .w2inputCalendar_div_input{flex:1;width:100% !important;height:100% !important;float:none;padding:0;}
.contents.new .inp_cal:not(.gridBodyDefault) input,
body > .wrap .inp_cal:not(.gridBodyDefault) input{width:100% !important;padding:0 8px 0 12px !important;font-family:Noto Sans KR;font-size:14px;font-weight:500;color:#292c33;border:0;}
.contents.new .inp_cal:not(.gridBodyDefault) .w2inputCalendar_div_img,
body > .wrap .inp_cal:not(.gridBodyDefault) .w2inputCalendar_div_img{position:static;border:none;flex:none;width:auto;float:none;background-color:transparent;}
.contents.new .inp_cal:not(.gridBodyDefault) .w2inputCalendar_button,
body > .wrap .inp_cal:not(.gridBodyDefault) .w2inputCalendar_button{display:inline-flex;align-items:center;justify-content:center;top:0 !important;width:32px;height:100%;background-position:-177px -80px;}
.contents.new .inp_cal:not(.gridBodyDefault)[readonly="readonly"],
body > .wrap .inp_cal:not(.gridBodyDefault)[readonly="readonly"]{background:#eff2f7;}
.contents.new .inp_cal:not(.gridBodyDefault)[readonly="readonly"] input.w2inputCalendar_readOnly,
body > .wrap .inp_cal:not(.gridBodyDefault)[readonly="readonly"] input.w2inputCalendar_readOnly{outline:none;background:transparent;}
.contents.new .inp_cal:not(.gridBodyDefault) input.w2inputCalendar_focus,
.contents.new .inp_cal:not(.gridBodyDefault) .w2inputCalendar_button:focus,
body > .wrap .inp_cal:not(.gridBodyDefault) input.w2inputCalendar_focus,
body > .wrap .inp_cal:not(.gridBodyDefault) .w2inputCalendar_button:focus{outline:none;}

/* textarea */
.contents.new .text_area,
body > .wrap .text_area{display:block;width:100%;min-height:80px;padding:8px 12px;font-family:Noto Sans KR;font-size:14px;font-weight:500;color:#292c33;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;}
.contents.new .text_area.w2textarea_disabled,
body > .wrap .text_area.w2textarea_disabled,
.contents.new .text_area.w2textarea_readonly,
body > .wrap .text_area.w2textarea_readonly{background:#eff2f7;}

/* select */
.contents.new .w2radio+.w2selectbox, 
.contents.new .w2radio+.w2selectbox_native, 
.contents.new .w2radio+.w2input, 
.contents.new .btn+.w2input{margin-left:0;}
.contents.new .inp_select:not(.w2table_sb),
body > .wrap .inp_select:not(.w2table_sb){display:inline-flex;align-items:center;width:100%;height:32px;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;text-align:left;overflow:hidden;}
.contents.new .inp_select.on,
body > .wrap .inp_select.on{border-color:#0099e6;}
.contents.new .inp_select .w2selectbox_col_label,
body > .wrap .inp_select .w2selectbox_col_label{width:100%;height:100%;padding:0 8px 0 12px;}
.contents.new .inp_select .w2selectbox_label,
body > .wrap .inp_select .w2selectbox_label{display:block;width:100%;padding:0;font-size:14px;font-weight:500;color:#292c33 !important;text-align:left;text-overflow:ellipsis;}
.contents.new .inp_select .w2selectbox_focus .w2selectbox_col_label,
.contents.new .inp_select .w2selectbox_over .w2selectbox_col_label,
body > .wrap .inp_select .w2selectbox_focus .w2selectbox_col_label,
body > .wrap .inp_select .w2selectbox_over .w2selectbox_col_label{background-color:transparent;}
.contents.new .inp_select .w2selectbox_col_button,
.contents.new .inp_select .w2selectbox_focus .w2selectbox_col_button,
.contents.new .inp_select .w2selectbox_over .w2selectbox_col_button,
body > .wrap .inp_select .w2selectbox_col_button,
body > .wrap .inp_select .w2selectbox_focus .w2selectbox_col_button,
body > .wrap .inp_select .w2selectbox_over .w2selectbox_col_button{width:32px;height:100%;background-color:transparent;background-position:-149px -82px;}
.contents.new .inp_select.error,
body > .wrap .inp_select.error{border-color:#d64654;}
.contents.new .inp_select:disabled,
.contents.new .inp_select.w2selectbox_disabled,
body > .wrap .inp_select:disabled,
body > .wrap .inp_select.w2selectbox_disabled,
.contents.new .inp_select[readonly="readonly"],
body > .wrap .inp_select[readonly="readonly"]{background:#eff2f7;}

.contents.new .inp_select.ty02{height:24px;border:0;background:transparent;}
.contents.new .inp_select.ty02 .w2selectbox_label{font-size:15px;}
.contents.new .inp_select.ty02 .w2selectbox_col_label{padding-left:0;}
.contents.new .inp_select.ty02 .w2selectbox_col_button,
.contents.new .inp_select.ty02 .w2selectbox_focus .w2selectbox_col_button,
.contents.new .inp_select.ty02 .w2selectbox_over .w2selectbox_col_button{width:24px;height:24px;border-radius:8px;border:1px solid #b7c0ca;background-color:#fff;background-position:-154px -86px;}
.contents.new .inp_select.ty02 .w2selectbox_table_main{border-spacing:0;border-collapse:unset;}

body > .wrap ~ .inp_select.ty02.w2table_sb{background:#fff;}

.contents.new .w2table_sb,
.contents.new .w2input_table_sb,
body > .wrap ~ .w2table_sb,
body > .wrap ~ .w2input_table_sb{margin-top:2px;border-radius:8px;border:0;box-shadow:0 0 2px rgba(44,54,66,1);}
.contents.new .w2table_sb .w2table_sb_col,
.contents.new .w2input_table_sb .w2input_table_sb_col,
body > .wrap ~ .w2table_sb .w2table_sb_col,
body > .wrap ~ .w2input_table_sb .w2input_table_sb_col{height:30px;padding:0 12px;font-size:14px;font-weight:400;text-align:left;border-color:#e9edf2;}
.contents.new .w2table_sb .w2table_sb_col_over,
.contents.new .w2input_table_sb .w2input_table_sb_col_over,
body > .wrap ~ .w2table_sb .w2table_sb_col_over,
body > .wrap ~ .w2input_table_sb .w2input_table_sb_col_over{background:#f4fbff;}

.contents.new .w2autoComplete_input{display:inline-flex;font-size:14px;color:#292c33;background:transparent;border:none;padding:0;font-family:Noto Sans KR, dotum, Sans-serif;outline:none !important;}
.contents.new .w2autoComplete .w2autoComplete_col_button{position:relative;width:20px;background:none;}
.contents.new .w2autoComplete .w2autoComplete_col_button:after{content:"";position:absolute;top:0;right:0;width:26px;height:100%;margin-left:auto;background-position:-154px -84px;background-color:#fff;}
body:not(.tablet) .contents.new .tbl_area .inp_select .w2autoComplete_col_button:after{background-position:-154px -87px;}

dl.form_box{display:flex;align-items:center;}
dl.form_box dt{font-size:14px;color:#292c33;font-weight:500;}
dl.form_box dd{margin-left:8px;}

.contents.new .inp_num_box.w2spinner{display:inline-flex;align-items:center;position:relative;margin-right:8px;padding:0 30px;vertical-align:top;}
.contents.new .inp_num_box.w2spinner .w2spinner_down{overflow:hidden;left:0;top:50% !important;width:24px !important;height:24px !important;margin-top:-12px !important;border-radius:6px;border:1px solid #b7c0ca;background-color:#fff;background-position:-263px -84px;}
.contents.new .inp_num_box.w2spinner .w2spinner_up{overflow:hidden;right:0;top:50% !important;width:24px !important;height:24px !important;margin-top:-12px !important;border-radius:6px;border:1px solid #b7c0ca;background-color:#fff;background-position:-288px -84px;}
.contents.new .inp_num_box.w2spinner .w2spinner_down_image,
.contents.new .inp_num_box.w2spinner .w2spinner_up_image{display:none;}
.contents.new .inp_num_box.w2spinner input{position:static !important;display:inline-flex;width:100px !important;height:32px !important;margin:0;}
.contents.new .inp_num_box.w2spinner input{width:100%;height:32px;padding:0 12px;font-family:Noto Sans KR;font-size:13px;font-weight:400;color:#292c33;border-radius:8px;border:1px solid #b7c0ca;background:#fff;vertical-align:top;}
.contents.new .inp_num_box.w2spinner input.w2input_focus{outline:none;background:transparent;border:1px solid #0099e6;}
.contents.new .inp_num_box.w2spinner input.w2input_disabled{background-color:#eff2f7;}

.contents.new .inp_group .inp_num_box.w2spinner{margin-right:0;}



/*** Tab ***/
.contents.new .w2tabcontrol_bridge{display:none !important;}
.contents.new .w2tabcontrol_tabhost{float:none;display:flex;height:auto;}
.contents.new .w2tabcontrol_tabhost li{float:none;display:inline-block;position:relative;margin:0;vertical-align:top;overflow:unset;background:transparent;}
.contents.new .w2tabcontrol_tab_center{height:100%;background:none !important;}
.contents.new .w2tabcontrol_tab_left{display:none;}
.contents.new .w2tabcontrol_tabhost li a{position:static;display:inline-flex;align-items:center;margin:0;}
.contents.new .w2tabcontrol_container{border:none;}
.contents.new .w2tabcontrol_contents,
.contents.new .w2tabcontrol_contents_wrapper{margin:0 !important;/*overflow:hidden;height:auto !important;*/}
.contents.new .w2tabcontrol_contents_wrapper{position:relative;}

.contents.new .tab_area.line > .w2tabcontrol_tabhost{border-bottom:1px solid #e1e3e7;}
.contents.new .tab_area.line > .w2tabcontrol_tabhost li + li{margin-left:24px;}
.contents.new .tab_area.line > .w2tabcontrol_tabhost li:after{bottom:-1px;}
.contents.new .tab_area.line > .w2tabcontrol_tabhost li a{height:54px;}

.contents.new .tab_area.sub .w2tabcontrol_tabhost{overflow-x:auto;position:relative;width:auto;padding:12px 16px;border-bottom:0;}
.contents.new .tab_area.sub .w2tabcontrol_tabhost li{flex:none;}
.contents.new .tab_area.sub .w2tabcontrol_tabhost li + li{margin-left:4px;}
.contents.new .tab_area.sub .w2tabcontrol_tabhost li:after{display:none;}
.contents.new .tab_area.sub .w2tabcontrol_tabhost li a{height:30px;padding:0 16px;font-size:14px;font-weight:500;color:#525866;border-radius:15px;background:#f7f9fa;transition:.3s;}
.contents.new .tab_area.sub .w2tabcontrol_tabhost li.w2tabcontrol_active a{color:#fff;font-weight:700;background:#0099e6;}

.contents.new .tab_area.ty02 .w2tabcontrol_tabhost{padding:0;border:0;border-radius:12px 12px 0 0;border-bottom:1px solid #d3dce6;background:#f7f9fa;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li{flex:1;z-index:10;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li.w2tabcontrol_selected{z-index:11;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li + li{margin-left:0;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li a{justify-content:center;width:100%;height:44px;padding:0 14px;font-size:14px;font-weight:500;color:#636e81;background:#f7f9fa;border-radius:12px 12px 0 0;border:1px solid #f7f9fa;border-bottom:0;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li.w2tabcontrol_active:after{left:1px;right:1px;bottom:-2px;width:auto;height:4px;background:#fff !important;transform:none;transition:none;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li.w2tabcontrol_active a{font-weight:700;color:#292c33;background:#fff;border-color:#292c33;}
.contents.new .tab_area.ty02 .w2tabcontrol_container{background:transparent;}
.contents.new .tab_area.ty02 .w2tabcontrol_contents_wrapper{background:#fff;}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost li:not(:first-child):before{display:inline-block;width:1px;height:14px;position:absolute;top:50%;left:1px;margin-top:-7px;background:#000;opacity:0.1;content:"";}
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost .w2tabcontrol_selected:before,
.contents.new .tab_area.ty02 .w2tabcontrol_tabhost .w2tabcontrol_selected + li:before{display:none !important;}

.contents.new .rdo_tab_area{display:flex;align-items:center;}
.contents.new .rdo_tab_area.w2radio .w2radio_item,
.contents.new .prd_tab.w2radio .w2radio_item{margin:0;}
.contents.new .rdo_tab_area.w2radio .w2radio_label:before,
.contents.new .prd_tab.w2radio .w2radio_label:before{display:none;}
.contents.new .grid_box  > .rdo_tab_area{margin:0 0 16px;}
.contents.new .rdo_tab_area .w2radio_item + .w2radio_item{margin-left:4px;}
.contents.new .rdo_tab_area .w2radio_item input{display:none;}
.contents.new .rdo_tab_area .w2radio_item label{display:inline-flex;align-items:center;height:30px;padding:0 16px;font-size:14px;font-weight:500;color:#525866;border-radius:15px;background:#f7f9fa;transition:background .1s;}
.contents.new .rdo_tab_area .w2radio_item input:checked + label{color:#fff;font-weight:700;background-color:#0099e6;transition:background .1s;}



/*** Accordion ***/
.tablet .contents.new .acc_area{margin-bottom:10px;}
.contents.new .acc_area .acc_tit .tit{position:relative;display:flex;align-items:center;min-height:30px;font-size:20px;font-weight:700;color:#292c33;}
.contents.new .acc_area .acc_tit .tit:before{content:"";position:absolute;right:0;top:0;width:30px;height:30px;border-radius:8px;border:1px solid #b7c0ca;background-color:#fff;background-position:-220px -157px;}
.contents.new .acc_area .acc_item{padding-bottom:20px;border-bottom:1px solid #e6ebf0;}
.contents.new .acc_area .acc_item .acc_con{display:none;}
.contents.new .acc_area .acc_item.on{padding-bottom:0;border-bottom:0;}
.contents.new .acc_area .acc_item.on .acc_tit .tit:before{background-position:-254px -158px;}
.contents.new .acc_area .acc_item.on .acc_con{display:block;padding-top:24px;margin-bottom:40px;}
.contents.new .acc_area .acc_item .acc_con .tit_area:first-child{margin-top:0;}
.contents.new .acc_area .acc_item.on:last-child .acc_con{margin-bottom:0;}
.contents.new .acc_area .acc_item ~ .acc_item{margin-top:32px;}



/*** Table ***/
.contents.new .tbl_area{/*overflow:hidden;*/border-top:1px solid #a2c4e8;}
body:not(.tablet) .contents.new .tbl_area .inp_txt,
body:not(.tablet) .contents.new .tbl_area .inp_select,
body:not(.tablet) .contents.new .tbl_area .inp_cal,
body:not(.tablet) .contents.new .tbl_area .inp_rdo_tab input + label,
body:not(.tablet) .contents.new .tbl_area .inp_num_box input,
body:not(.tablet) .contents.new .tbl_area .butn.sm{height:24px !important;border-radius:6px;}
body:not(.tablet) .contents.new .tbl_area .inp_rdo_tab{border-radius:6px;}
body:not(.tablet) .contents.new .tbl_area .inp_cal .w2inputCalendar_button{background-position:-177px -86px;}
body:not(.tablet) .contents.new .tbl_area .inp_select .w2selectbox_col_button, 
body:not(.tablet) .contents.new .tbl_area .inp_select .w2selectbox_focus .w2selectbox_col_button,
body:not(.tablet) .contents.new .tbl_area .inp_select .w2selectbox_over .w2selectbox_col_button{background-position:-149px -87px;}

.contents.new .tbl_detail + .tbl_area{margin-top:16px;}
.contents.new .tbl_area > .w2tb{width:100%;border:0;border-spacing:0;}
.contents.new .tbl_area > .w2tb > thead > tr > th,
.contents.new .tbl_area > .w2tb > tbody > tr > th{height:32px;padding:2px 16px;font-size:14px;font-weight:500;color:#394957;border:0;border-bottom:1px solid #e1e3e7;background:#f4fbff;}
.contents.new .tbl_area > .w2tb td.w2tb_td{height:32px;padding:2px 16px;font-size:14px;font-weight:500;color:#292c33;border:0;border-left:1px solid #e1e3e7;border-bottom:1px solid #e1e3e7;}
.contents.new .tbl_area > .w2tb td.bl0{border-left:none !important;}
.contents.new .tbl_area > .w2tb > tbody > tr > th{text-align:left;letter-spacing:-1px;}
.contents.new .tbl_area > .w2tb > tbody > tr > th > span{vertical-align:middle;}
.contents.new .tbl_area > .w2tb > tbody > tr > th .tooltip_wrap{margin:2px 0 0 6px;vertical-align:middle;}
.contents.new .tbl_area > .w2tb > tbody > tr > th .tooltip_wrap .layerpop_wrap{transform:none;left:-30px;}
.contents.new .tbl_area > .w2tb > tbody > tr > th .tooltip_wrap .layerpop_wrap:after{left:39px;}
.contents.new .tbl_area > .w2tb > thead > tr > th:first-child,
.contents.new .tbl_area > .w2tb > tbody > tr > td:first-child,
.contents.new .tbl_area > .w2tb > tfoot > tr > td:first-child{border-left:0;}
.contents.new .tbl_area > .w2tb th + td.w2tb_td{border-left:0;}

.contents.new .tbl_area > .w2tb > tbody > tr > td.sub{color:#5b6473;}
.contents.new .tbl_area > .w2tb > tbody > tr > td strong{font-weight:500;}
.contents.new .tbl_area > .w2tb > thead > tr span.txt{font-size:14px;font-weight:400;color:#292c33;}
.contents.new .tbl_area .butn{height:32px;}
.contents.new .tbl_area dl.form_box{display:inline-flex;vertical-align:middle;}
.contents.new .tbl_area td dl.form_box:not(:first-child){margin-left:24px;}
.contents.new .tbl_area dl.form_box dd > *{vertical-align:middle;}
.contents.new .tbl_area dl.form_box .inp_txt + .inp_switch{margin-left:16px;}
.contents.new .tbl_area dl.form_box + dl.form_box{margin-left:16px;}
.contents.new .tbl_area dl.form_box + .inp_group{display:inline-flex;margin-left:8px;vertical-align:middle;}
.contents.new .tbl_area tr.tablet{display:none;}
.contents.new .tbl_area .required{padding-top:0;}
.contents.new .tbl_area .inp_chk + .inp_group,
.contents.new .tbl_area .inp_group + .inp_chk{margin:0 0 0 12px;}
.contents.new .tbl_area .inp_group{display:flex;align-items:center;}
.contents.new .tbl_area .inp_group + .inp_group{margin-top:5px;}
.contents.new .tbl_area .inp_group > *:not(:first-child){margin-left:6px;}
.contents.new .tbl_area .inp_group > * + .inp_chk{margin-left:16px !important;}
.contents.new .tbl_area .inp_group .noti,
.contents.new .tbl_area .inp_group .noti03{margin-left:32px;}
.contents.new .tbl_area .inp_group.full{width:100%;}
.contents.new .tbl_area .inp_group.full .inp_txt{flex:1;}
.contents.new .tbl_area .inp_group.full span.txt,
.contents.new .tbl_area .inp_group.full .butn{flex:none;}
.contents.new .tbl_area .inp_group.addr{width:100%;padding:8px 0;justify-content:space-between;}
.contents.new .tbl_area .inp_group.addr dl{display:flex;}
.contents.new .tbl_area .inp_group.addr dl + dl{margin-top:8px;}
.contents.new .tbl_area .inp_group.addr dt{flex:none;margin-right:4px;color:#636e81;}
.contents.new .tbl_area .inp_group.addr .butn{flex:none;align-self:flex-end;}
.contents.new .tbl_area .inp_group .txt{font-size:14px;font-weight:500;color:#292c33;}

.contents.new .tbl_area > .w2tb > tfoot > tr.total td{font-weight:500;background:#fdfad7;}

.contents.new .tbl_area .tbl_area{margin:-2px -16px;padding:0;border-top-width:0;}
.contents.new .tbl_area .tbl_area th,
.contents.new .tbl_area .tbl_area td{border-bottom-width:0 !important;}

.contents.new .tbl_flex{display:flex;}
.contents.new .tbl_flex .tit_area{min-height:22px;}
.contents.new .tbl_flex .box{flex:1 1 auto;}
.contents.new .tbl_flex .box + .box{margin-left:32px;}
.contents.new .tbl_flex .box .tit_area:first-child,
.contents.new .acc_area .acc_item .acc_con .tbl_flex .box .tit_area:first-child{margin-top:28px;}
		
.contents.new .tbl_detail .tbl_area{border-top:0;}
.contents.new .tbl_detail .detail{padding:24px 16px;border-bottom:1px solid #e1e3e7;background:#f7f9fa;}



/*** Grid ***/
.contents.new .prd_detail .grid_box{height:100%;}
.contents.new .grid_box{position:relative;}
.contents.new .grid_box .w2grid{width:100%;background-color:transparent;}
.tablet .wrap .contents.new .grid_box .w2grid{min-height:89px !important;}
.contents.new .grid_box .w2grid > div:first-child{right:0 !important;}
.contents.new .grid_box .w2grid > div table{width: 100% !important;}

.contents.new .grid_box table.gridHeaderTableDefault{border:0;border-bottom:1px solid #e1e3e7;}
.contents.new .grid_box thead.gridHeaderTableDefault{border:0;border-right:1px solid #3e5672;}
.contents.new .grid_box th.gridHeaderTDDefault{height:32px !important;line-height:1;padding:0 4px;font-size:14px;font-weight:600;color:#fff;border:0;background:#3e5672;}
.contents.new .grid_box td.gridBodyDefault{height:32px !important;line-height:1;padding:3px 4px 2px 4px;font-size:14px;font-weight:500;color:#292c33;border:0;border-top:1px solid #e1e3e7;background:#fff;}
.contents.new .grid_box:not(.ty02) tr:first-child td.gridBodyDefault{border-top:0;}
.contents.new .grid_box td.gridBodyDefault:focus{outline:none !important;}

.contents.new .grid_box .gridFooterTableDefault{border:0;border-bottom:1px solid #e1e3e7;}
.contents.new .grid_box td.gridFooterTDDefault{height:32px !important;padding:3px 4px 2px 4px !important;font-size:14px;font-weight:500;color:#292c33;border:0;background:#fdfad7;}

.contents.new .grid_box td.thin_r,
.tablet .wrap .contents.new .grid_box td.thin_r{padding-right:3px;}
.contents.new .grid_box td.thin_l,
.tablet .wrap .contents.new .grid_box td.thin_l{padding-left:3px;border-left:0 !important;}
.contents.new .grid_box td.won,
.tablet .wrap .contents.new .grid_box td.won{padding-right:6px;}
.contents.new .grid_box td.won2,
.tablet .wrap .contents.new .grid_box td.won2{padding-left:0;}
.contents.new .grid_box .won .w2grid_input.w2grid_input_disabled,
.contents.new .grid_box .won2 .w2grid_input.w2grid_input_disabled{height:auto !important;line-height:1.3;padding:0;border:none !important;border-radius:0;background:transparent;}
.contents.new .grid_box td.multi,
.contents.new .grid_box td.multi nobr{white-space:unset;}
.contents.new .grid_box .line nobr{text-decoration:underline;}
.contents.new .grid_box nobr{padding:0;}
.contents.new .grid_box .new{display:inline-block;width:16px;height:16px;line-height:15px;margin-left:4px;text-align:center;font-size:10px;color:#fff;font-weight:700;vertical-align:top;border-radius:50%;background:#ff8843;}

.contents.new .grid_box .focusedTr{background:#fffcdd !important;}
.contents.new .grid_box .w2grid > div:first-child + div table td div:focus,
.contents.new .grid_box .w2grid > div:first-child + div table td div:active{outline:none;}
.contents.new .grid_box th.gridHeaderTDDefault button{display:none;width:32px;height:20px;margin:0 0 0 4px;font-size:0;line-height:0;text-indent:-9999em;border:0;border-radius:10px;background-color:#a3b6cc;vertical-align:text-bottom;}
.contents.new .grid_box th.gridHeaderTDDefault button.btn_all{background-position:-347px -85px;}
.contents.new .grid_box th.gridHeaderTDDefault button.btn_summary{background-position:-382px -85px;}
.contents.new .grid_box th.gridHeaderTDDefault button.btn_refresh{background-position:-420px -126px;}

.contents.new .grid_box .w2grid_select{overflow:hidden;display:inline-block;position:relative;width:100%;height:25px;margin-top:0;padding:0 26px 0 12px;font-size:14px;font-weight:500;line-height:22px;text-align:left;border:1px solid #b7c0ca !important;border-radius:6px;background:#fff;text-overflow:ellipsis;}
.contents.new .grid_box .w2grid_select:after{content:"";position:absolute;top:0;right:0;width:26px;height:100%;margin-left:auto;background-position:-154px -86px;}
.contents.new .grid_box td.error .w2grid_select{border-color:#d64654 !important;}
.contents.new .grid_box td.disabled .w2grid_select{background-color:#eff2f7;}
.contents.new .grid_box td.readonly .w2grid_select{background-color:transparent;padding:0;border-width:0 !important;}
.contents.new .grid_box td.readonly .w2grid_select:after{display:none;}
.contents.new .grid_box .w2selectbox{overflow:hidden;display:inline-block;position:relative;width:100% !important;height:25px !important;margin-top:-1px;border:1px solid #b7c0ca !important;border-radius:6px;background:#fff;}
.contents.new .grid_box .w2selectbox .w2selectbox_row{position:relative;}
.contents.new .grid_box .w2selectbox .w2selectbox_col_label{width:100%;}
.contents.new .grid_box .w2selectbox .w2selectbox_label{overflow:hidden;width:100%;height:100%;padding:0 26px 0 12px;font-size:14px;font-weight:500;color:#292c33;line-height:23px;text-align:left;text-overflow:ellipsis;}
.contents.new .grid_box .w2selectbox .w2selectbox_over .w2selectbox_col_label{background-color:#fff;}
.contents.new .grid_box .w2selectbox .w2selectbox_col_button{position:absolute;top:0;right:0;width:26px;height:100%;border:0;background-color:#fff;background-position:-154px -87px;}

.contents.new .grid_box .w2grid_input:not(.w2grid_input_readonly),
.contents.new .grid_box td.readonly .w2grid_input,
.contents.new .grid_box td .w2grid_input.w2grid_input_disabled{overflow:hidden;display:inline-block;width:100%;height:25px !important;padding:0 11px;font-size:14px;font-weight:500;color:#292c33;line-height:24px;border:1px solid #b7c0ca !important;border-radius:6px;background:#fff;}
.contents.new .grid_box td.error .w2grid_input{border-color:#d64654 !important;}
.contents.new .grid_box td.readonly .w2grid_input,
.contents.new .grid_box td.disabled .w2grid_input,
.contents.new .grid_box td .w2grid_input.w2grid_input_disabled{background-color:#eff2f7;}
.contents.new .grid_box .w2input{margin:1px 0 0 2px !important;padding:0 25px 0 24px;border:1px solid #0099e6 !important;border-radius:6px;font-family:Noto Sans KR, dotum, Sans-serif;font-size:14px;font-weight:500;color:#292c33;letter-spacing:-0.032em;background:#fff;}
.contents.new .grid_box .w2input.tal{text-align:left !important;}
.contents.new .grid_box.ty02 .w2input{padding:0 8px;/* padding:0 24px 0 26px; */}

.contents.new .grid_box .w2input_readonly{display:none !important;}
.contents.new .grid_box .w2input.won{padding-right:15px;}
.contents.new .grid_box .w2input.thin_r{padding-right:12px;margin-left:3px;}
.contents.new .grid_box .w2input.thin_l{padding-left:12px;}

.contents.new .grid_box .w2grid_input_readonly{overflow:hidden;display:block;padding:3px 0;line-height:1.3;text-overflow:ellipsis;}

.contents.new .grid_box .inp_search table{overflow:hidden;display:inline-block;position:relative;width:100%;height:25px;border:1px solid #b7c0ca !important;border-radius:6px;background:#fff;}
.contents.new .grid_box .inp_search table tbody{display:block;}
.contents.new .grid_box .inp_search table tr{display:flex;}
.contents.new .grid_box .inp_search .w2grid_textImage{display:block;width:100%;height:24px;padding:0 2px 0 11px;line-height:22px;}
.contents.new .grid_box .inp_search .w2grid_textImage nobr{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;}
.contents.new .grid_box .inp_search .w2grid_textImage_image{overflow:hidden;flex:none;display:block;width:26px !important;height:24px !important;border:0;background-position:-133px -56px;}
.contents.new .grid_box .inp_search .w2grid_textImage_image img{display:none;}

.contents.new .grid_box input[type="checkbox"]{display:none;}
.contents.new .grid_box input[type="checkbox"] + label{display:inline-block;position:relative;margin:0;padding:2px 0 0 26px;vertical-align:top;min-height:20px;font-size:14px;font-weight:500;color:#292c33;}
.contents.new .grid_box input[type="checkbox"] + label:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;margin:0;border-radius:6px;border:1px solid #b7c0ca;background:#fff;background-image:none !important;transition:.3s;}
.contents.new .grid_box input[type="checkbox"] + label:after{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background-position:-280px -57px;}
.contents.new .grid_box input[type="checkbox"]:checked + label:before{border-color:#0099e6;background:#0099e6;transition:.3s;}
.contents.new .grid_box input[type="checkbox"]:checked + label:after{background-position:-255px -57px;}
.contents.new .grid_box input[type="checkbox"][disabled="true"] + label:before{background:#b7c0ca;border-color:#b7c0ca;opacity:.3;}

.contents.new .chk_only input[type="checkbox"] + label{padding-left:20px;font-size:0;line-height:0;text-indent:-9999em;}

.contents.new .grid_box td[inputtype="select"],
.contents.new .grid_box td.chk_only{text-overflow:unset;}

.contents.new .grid_box td.inp_cal nobr{display:flex;align-items:center;position:relative;height:25px;padding:0 34px 0 16px;border-radius:6px;border:1px solid #b7c0ca;background-color:#fff;}
.contents.new .grid_box td.inp_cal nobr:before{content:"";position:absolute;right:0;top:0;width:34px;height:100%;background-position:-173px -84px;}
.contents.new .grid_box td.inp_cal.readonly nobr{background-color:#eff2f7;}

.contents.new .grid_box .inp_cal.w2inputCalendar_div{height:25px !important;margin-top:3px;padding:0 11px 0 16px;border:0 !important;background:transparent;}
.contents.new .grid_box .w2inputCalendar_div_input{padding-right:26px !important;border-radius:6px;border:1px solid #b7c0ca !important;background:#fff;overflow:hidden;}
.contents.new .grid_box .w2inputCalendar_div_input input{width:100% !important;height:100% !important;letter-spacing:-0.032em;text-align:left !important;}
.contents.new .grid_box .w2inputCalendar_div_img{position:absolute;right:12px;top:0;width:26px !important;}
.contents.new .grid_box .w2inputCalendar_div_img .w2inputCalendar_button{display:block !important;width:100%;background-position:-181px -83px;}

.contents.new .grid_box td.grid_btn{text-align:center !important;text-overflow:unset;}
.contents.new .grid_box td.grid_btn button{display:inline-flex;justify-content:center;align-items:center;position:relative;width:auto !important;min-width:72px;height:25px !important;line-height:1;padding:0 12px;font-family:Noto Sans KR, dotum, Sans-serif;font-size:13px;font-weight:600;color:#525866;border:1px solid #525866;border-radius:6px;background:#fff;text-align:center;cursor:pointer;}
.contents.new .grid_box td.grid_btn.disabled button,
.contents.new .grid_box td.grid_btn.w2grid_default_disabled button{color:#a3b6cc;background:#f7f9fa;border-color:#a3b6cc;}

.contents.new .grid_box .no_result{top:32px !important;left:0 !important;right:0 !important;bottom:0;display:block;width:100% !important;font-size:14px !important;color:#292c33 !important;border:0 !important;border-top:1px solid #e1e3e7 !important;border-bottom:1px solid #e1e3e7 !important;background:#fff !important;z-index:20;}
.contents.new .prd_wrap.ty02 .prd_list .grid_box .no_result,
.contents.new .grid_box.plan .no_result{top:0 !important;border-top:0 !important;}

.contents.new .grid_box td.flag{padding:0 3px;}
.contents.new .grid_box td.flag nobr{display:inline-flex;align-items:center;justify-content:center;position:relative;width:56px;height:22px !important;padding:0 5px;font-size:11px;font-weight:700;text-align:center;border-radius:11px;}
.contents.new .grid_box td.flag.flag01 nobr{color:#8b6ef0;background:#f9f8ff;border:1px solid #cabbfc !important;}
.contents.new .grid_box td.flag.flag02 nobr{color:#24b296;background:#f0fefb;border:1px solid #acd2ca !important;}
.contents.new .grid_box td.flag.dis nobr{color:#bfcee0;background:#f7f8fa;border:1px solid #e1e7ee !important;}
.contents.new .grid_box td.flag .tablet{display:none;}
.contents.new .grid_box td.arr{padding:0 !important;}
.contents.new .grid_box td.arr nobr{display:inline-block;position:relative;width:20px;height:20px !important;padding:0;}
.contents.new .grid_box td.arr nobr:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-position:-87px -161px;}
.contents.new .grid_box td.focusedTr.arr nobr:before{background-position:-112px -161px;}
.contents.new .grid_box td font{padding-left:4px;}
.contents.new .grid_box .chk_only.ty02 input:checked[disabled="true"] + label:before{background:#fff;border:1px solid #8b8e92;opacity:1;}
.contents.new .grid_box .chk_only.ty02 input:checked[disabled="true"] + label:after{left:5px;top:5px;width:10px;height:6px;border-left:1px solid #565759;border-bottom:1px solid #565759;background:none !important;transform:rotate(-45deg);}

.contents.new .grid_box.ty02 thead.gridHeaderTableDefault{border-right:0;}
.contents.new .grid_box.ty02 th.gridHeaderTDDefault{font-weight:500;}
.contents.new .grid_box.ty02 td + td{border-left:1px solid #e1e3e7;}
.contents.new .grid_box.ty02 tr:first-child th.gridHeaderTDDefault{color:#394957;background:#f4fbff;border-top:1px solid #a2c4e8;}
.contents.new .grid_box.ty02 td.won2,
.contents.new .grid_box.ty02 td.bl0{border-left:0;}

.contents.new .grid_box.ty03 thead.gridHeaderTableDefault{border-color:#7a8599;}
.contents.new .grid_box.ty03 th.gridHeaderTDDefault{background:#7a8599;}

.contents.new .grid_box.plan td{color:#636281;}
.contents.new .grid_box.plan td:focus{outline:none;}
.contents.new .grid_box.plan td.sub{padding-top:7px;padding-bottom:0;font-weight:700;color:#292c33;vertical-align:bottom;}
.contents.new .grid_box.plan td.tit{padding-top:0;vertical-align:top;border-top:0;}

/* 그리드 텍스트레이어 */
.contents.new .w2grid_tooltip{margin:-8px 0 0 4px;padding:4px 12px !important;font-size:14px !important;font-weight:500 !important;color:#292c33 !important;line-height:1.4 !important;background:#fff !important;border:1px solid #b7c0ca !important;box-shadow:0 4px 6px rgba(0,0,0,0.12);}



/*** Zoom ***/
.contents.zoom .search_result.line{margin-top:0;}
.contents.zoom .sch_fix_box,
.contents.zoom .search_wrap .grid_btns,
.contents.zoom .search_wrap .grid_box.ty02,
.contents.zoom .search_wrap .btn_area{display:none;}
.contents.zoom .butn_ico.enlarge{display:none;}
.contents.zoom .butn_ico.reduce{display:inline-flex;}
.contents.zoom.ty02 .search_wrap,
.contents.zoom.ty02 .tab_area.line > .w2tabcontrol_tabhost,
.contents.zoom.ty02 .info_sort_box{display:none;}
.contents.zoom.ty02 .search_result{margin-top:0;border:0;}

.contents.new .btn_area.float{position:absolute;top:5px;right:16px;margin:0;}
.contents:not(.zoom) .butn_ico.reduce{display:none;}



/*** Tooltip ***/
.contents.new .tooltip_wrap{position:relative;display:inline-block;}
.contents.new .tooltip_wrap .layerpop_wrap{display:none;position:absolute;left:50%;right:auto;top:36px;min-width:288px;padding:14px 30px 14px 14px;border:1px solid #b7c0ca;border-radius:12px;background:#fff;transform:translateX(-50%);overflow:visible;}
.contents.new .tooltip_wrap.on{z-index:20;}
.contents.new .tooltip_wrap.on .layerpop_wrap{display:block;}
.contents.new .tooltip_wrap .layerpop_wrap .butn_close{position:absolute;top:6px;right:6px;width:24px;height:24px;font-size:0;line-height:0;text-indent:-9999em;background-position:-61px 6px;opacity:0.7;}
.contents.new .tooltip_wrap .layerpop_wrap .list_dot:first-child{margin-top:0;}
.contents.new .tooltip_wrap .layerpop_wrap .list_dot li{font-size:13px;}
.contents.new .tooltip_wrap .layerpop_wrap .list_dot li + li{margin-top:2px;}
.contents.new .tooltip_wrap.top .layerpop_wrap{top:auto;bottom:34px;}

.contents.new .btn_tooltip{display:inline-block;width:20px;height:20px;font-size:0;line-height:0;background-position:-158px -126px;vertical-align:top;position:relative;z-index:101;}
.contents.new .tooltip_wrap.on .btn_tooltip:after{content:"";display:inline-block;position:absolute;left:50%;top:25px;width:24px;height:12px;margin-left:-12px;background-position:-349px 0px;z-index:11;}
.contents.new .tooltip_wrap.top .btn_tooltip:after{top:auto;bottom:23px;transform:rotate(180deg);}

.tablet .contents.new .setting_box .tooltip_wrap .layerpop_wrap{left:-58px;transform:translateX(0%);}
.tablet .contents.new .setting_box .tooltip_wrap .layerpop_wrap:after{margin-left:-88px;}

/*** calendar 
.w2calendar_wrap .w2selectbox {height:20px;}
.w2calendar_wrap .w2selectbox_label {padding:0;  font-size:12px;}
.w2calendar_wrap .w2selectbox .w2selectbox_col_button {width:10px; background-position: -125px 9px;}

.contents.new .w2calendar {width:300px; height:auto; border:1px solid #dcdcdc; box-shadow:10px 10px 15px rgba(0,0,0,0.2);}
.contents.new .w2calendar_header {padding:5px 0 0 0;overflow:hidden; text-align:center; height:31px; background-color:#0099e6;}
.contents.new .w2calendar_selectbox_year_native, 
.contents.new .w2calendar_selectbox_month_native {margin-top:0; padding-left:10px; height:24px; font-family:Noto Sans KR, dotum, Sans-serif; border:0; font-size:13px; font-weight:500; position:static; background:#fff url(../image/grid/ico_sel.png) no-repeat right 10px center; background-size:10px 6px; -webkit-appearance:none; appearance:none;}
.contents.new .w2calendar_selectbox_year_native {width:90px;}
.contents.new .w2calendar_selectbox_month_native {margin-left:10px; width:70px;}
.contents.new .w2calendar_header_last_year, 
.contents.new .w2calendar_header_next_year, 
.contents.new .w2calendar_header_last_month, 
.contents.new .w2calendar_header_next_month{vertical-align:middle; display:inline-block; margin:0px 2px 0; position:static; width:20px; height:20px; background-color:#0099e6;}
.contents.new .w2calendar .w2calendar_header .w2calendar_header_last_year {background-position:-172px -196px;}
.contents.new .w2calendar .w2calendar_header .w2calendar_header_next_year {background-position:-196px -196px;}
.contents.new .w2calendar .w2calendar_header .w2calendar_header_last_month {background-position:-45px -146px;}
.contents.new .w2calendar .w2calendar_header .w2calendar_header_next_month {background-position:-69px -146px;}
.contents.new .w2calendar_header .w2selectbox {height:26px; border:0; vertical-align:middle; position:static; display:inline-block !important;}
.contents.new .w2calendar_header .w2calendar_selectbox_year {width:90px;}
.contents.new .w2calendar_header .w2calendar_selectbox_month {margin-left:10px; width:70px;}
.contents.new .w2calendar_header .w2selectbox_label {padding-left:10px; font-family:Noto Sans KR, dotum, Sans-serif; font-size:13px; font-weight:500;}
.contents.new .w2calendar_wrap .w2selectbox .w2selectbox_col_button {width:20px;}

.contents.new .w2calendar_content {padding:0; border:0; background-color:#fff;}
.contents.new .w2calendar_footer {display:none;}
.contents.new .w2calendar .w2calendar_col_day {text-indent:0; font-size:0; height:24px;  background:#303334 !important;}
.contents.new .w2calendar .w2calendar_col_day:before, 
.contents.new .w2calendar_day:before { color:#fff; font-size:12px; font-weight:500;}
.contents.new .w2calendar .w2calendar_day0:before {content:"SUN";}
.contents.new .w2calendar .w2calendar_day1:before {content:"MON";}
.contents.new .w2calendar .w2calendar_day2:before {content:"TUE";}
.contents.new .w2calendar .w2calendar_day3:before {content:"WED";}
.contents.new .w2calendar .w2calendar_day4:before {content:"THU";}
.contents.new .w2calendar .w2calendar_day5:before {content:"FRI";}
.contents.new .w2calendar .w2calendar_day6:before {content:"SAT";}
.contents.new .w2calendar .w2calendar_col_date {height:40px; font-size:14px; font-weight:500; border-top:1px solid #eaeaea; background:#fff;}
.contents.new .w2calendar .w2calendar_date_over {color:#000;}
.contents.new .w2calendar .w2calendar_col_date.w2calendar_day_6 {color:#000;}
.contents.new .w2calendar .w2calendar_col_date.w2calendar_day_0, 
.contents.new .w2calendar tr .w2calendar_col_date:first-child {color:#fd7d73;}
.contents.new .w2calendar .w2calendar_selected {color:#fff !important; background:url(../image/bg_today.png) no-repeat 50% 50%; background-size:30px;}
.contents.new .w2calendar_col_day .w2calendar_day {height:24px; text-align:center; line-height:24px; background:none;}
.contents.new .w2calendar .w2calendar_date_off, 
.contents.new .w2calendar .w2calendar_date_disable {color:#d7d7d7 !important;}

body > .wrap .w2calendar_classYearMonth_dynamic {height:227px;}
body > .wrap .w2calendar_picker_header {width:100%; height:36px; text-align:center; display:block; padding:0; background-color:#0099e6;}
body > .wrap .w2calendar_picker_header:hover {}
body > .wrap .w2calendar_picker_header_dynamic_entity {position:relative; line-height:36px; display:inline-block; color:#fff; font-size:14px; font-weight:700; }
body > .wrap .w2calendar_picker_header_dynamic_entity .month {display:none;}
body > .wrap .w2calendar_picker_header_dynamic_entity:hover {background-color:#0099e6;}
body > .wrap .w2calendar_picker_header_last_entity {width:36px; height:36px; top:0; left:0; position:absolute;  background:none; }
body > .wrap .w2calendar_picker_header_next_entity {width:36px; height:36px; top:0; right:0; position:absolute; background:none;}
body > .wrap .w2calendar_picker_header_last_entity:before, 
body > .wrap .w2calendar_picker_header_next_entity:before {content:""; position:relative; top:8px; display:inline-block; width:6px; height:10px;}
body > .wrap .w2calendar_picker_header_last_entity:hover, 
body > .wrap .w2calendar_picker_header_next_entity:hover {background:none;}
body > .wrap .w2calendar_picker_header_last_entity:before {background-position:-50px -150px;}
body > .wrap .w2calendar_picker_header_next_entity:before {background-position:-75px -150px;}
body > .wrap .w2calendar_picker_content tbody tr td {padding:0; border-radius:0;}
body > .wrap .w2calendar_picker_content_table {width:100%;}
body > .wrap .w2calendar_picker_content table td div {border-top:1px solid #eaeaea; width:25%; height:63px; margin:0; font-weight:500; background-color:#fff; border-radius:0;}
body > .wrap .w2calendar_picker_content table td div:nth-child(1),
body > .wrap .w2calendar_picker_content table td div:nth-child(2),
body > .wrap .w2calendar_picker_content table td div:nth-child(3),
body > .wrap .w2calendar_picker_content table td div:nth-child(4){border-top:0;}
body > .wrap .w2calendar_picker_cell {background-color:#fff !important; color:#000 !important; text-shadow:none !important; }
body > .wrap .w2calendar_picker_cell.active {background-color:#fff !important;  color:#fff !important; text-shadow:none !important; font-weight:500;}
body > .wrap .w2calendar_picker_cell.active span  {margin-top:10px; display:inline-block !important; vertical-align:middle; line-height:45px; width:45px; height:45px; border-radius:50%; background-color:#0099e6;}
***/


/*** Content ***/
.contents.new .unit_box{display:flex;align-items:center;font-size:15px;font-weight:500;}
.contents.new .unit_box .detail{position:relative;}
.contents.new .unit_box .detail + .detail{margin-left:12px;padding-left:12px;}
.contents.new .unit_box .detail + .detail:before{display:inline-block;width:1px;height:14px;position:absolute;top:50%;left:0;margin-top:-7px;background:#d0d5d9;content:"";}

.contents.new .prd_top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.contents.new .prd_top .right{display:flex;margin-left:auto;}
.contents.new .prd_top .right > .btn_box{margin-left:24px;}
.contents.new .prd_top [class*="inp_"]:not(:first-child){margin-left:8px;}
.contents.new .prd_top .rdo_tab_area{margin:0;}

.contents.new .prd_cont{position:relative;display:flex;height:calc(100% - 25px);}
.tablet .contents.new .prd_cont{height:100%;}
.contents.new .prd_cont .prd_info_wrap{overflow:hidden;flex:none;position:relative;width:0;margin:0;border:0px solid #d0d5d9;border-right:0;border-radius:12px 0 0 12px;transition:width .5s, margin 0s, border 0s;transition-delay:0s, 0.5s, 0.5s;}
.contents.new .prd_cont .prd_info_wrap.on{width:345px;margin:0 -16px 0 24px;border-width:1px;transition-delay:0s;}
.contents.new .prd_cont .prd_info_wrap .inner{position:absolute;top:0;left:0;right:0;bottom:0;width:344px;padding:16px 32px 16px 16px;}
.contents.new .prd_cont .prd_info_wrap .tab_area.ty02{height:100%;}
.contents.new .prd_cont .prd_info_wrap .tab_area.ty02 .w2tabcontrol_container{width:calc(100% + 32px);height:calc(100% - 44px) !important;}
.contents.new .prd_cont .prd_info_wrap .tab_area.ty02 .w2tabcontrol_contents_wrapper{display:block;height:100% !important;padding:16px 32px 0 0;overflow-y:auto;}
.contents.new .prd_cont .prd_info_wrap .butn_close{position:absolute;right:4px;top:20px;width:24px;height:24px;font-size:0;line-height:0;text-indent:-9999em;background-position:-123px 3px;}
.contents.new .prd_cont .prd_info_wrap .item .box{padding-bottom:8px;border-bottom:1px solid #e1e3e7;}
.contents.new .prd_cont .prd_info_wrap .item .list_dash li + li{margin-top:4px;}
.contents.new .prd_cont .prd_info_wrap .nodata{min-height:auto;padding:60px 0;}
.contents.new .prd_cont .prd_info_wrap .nodata p:before{width:120px;height:120px;}
.contents.new .prd_cont .prd_info_wrap .result_list .list + .list{margin-top:24px;}
.contents.new .prd_cont .prd_info_wrap .result_list .sub{display:block;margin-bottom:6px;font-size:13px;color:#636e81;}
.contents.new .prd_cont .prd_info_wrap .result_list .txt{line-height:1.4;}

.contents.new .prd_wrap{display:flex;flex-direction:column;width:100%;height:100%;}
.contents.new .prd_wrap .prd_area{flex:1;}
.contents.new .prd_area{display:flex;border-radius:10px;border:1px solid #e1e3e7;overflow:hidden;}
.contents.new .prd_area .grid_box table.gridHeaderTableDefault{}
.contents.new .prd_area .grid_box td.gridBodyDefault:not(.flag):not(.arr):not(.star){padding-left:24px !important;padding-right:24px !important;}
.contents.new .prd_area .prd_list{flex:1;width:42%;position:relative;z-index:11;box-shadow:8px 0px 16px rgba(115,115,115,0.16);}
.contents.new .prd_wrap:not(.ty02) .prd_list .grid_box,
.contents.new .prd_wrap:not(.ty02) .prd_list .w2grid,
.contents.new .prd_wrap .prd_detail .grid_box,
.contents.new .prd_wrap .prd_detail .w2grid,
.contents.new .prd_wrap > .grid_box,
.contents.new .prd_wrap > .grid_box .w2grid{height:100% !important;}
.contents.new .prd_area .prd_detail{flex:none;position:relative;width:58%;z-index:10;}
.tablet .wrap .w2window  .prd_area .prd_list{width:45% !important;}
.tablet .wrap .w2window  .prd_area .prd_detail{width:55% !important;}
.contents.new .prd_area .prd_tab{display:flex;position:absolute;top:4px;right:4px;border-radius:12px;background:#485773;overflow:hidden;z-index:11;}
.contents.new .prd_area .prd_tab .w2radio_item input{display:none;}
.contents.new .prd_area .prd_tab .w2radio_item label{display:inline-flex;align-items:center;justify-content:center;position:relative;height:24px;padding:0 15px 1px;font-size:13px;font-weight:600;color:#fff;text-align:center;background:#485773;}
.tablet .wrap .prd_area .prd_tab .w2radio_item label{padding:0 15px 1px;}
.contents.new .prd_area .prd_tab .w2radio_item +  .w2radio_item label:before{display:inline-block;content:"";position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#7a8599;}
.contents.new .prd_area .prd_tab .w2radio_item input:checked + label{position:relative;border-radius:12px;font-weight:700;color:#525866;background:#fff;transition:background .2s;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.contents.new .prd_area .prd_tab .w2radio_item input:checked + label:before{display:none;}
.contents.new .prd_area .prd_tab .w2radio_item input:checked + label:after{content:"";position:absolute;top:0;right:-2px;width:2px;height:100%;background:#485773;transition:none;z-index:1;}
.contents.new .prd_wrap > .nodata{display:flex;align-items:center;justify-content:center;flex:1;}

.contents.new .prd_wrap.ty02{position:absolute;left:16px;right:16px;top:13px;bottom:16px;width:auto;height:auto;}
.contents.new .prd_wrap.ty02 .prd_area{border:0;border-radius:0;}
.contents.new .prd_wrap.ty02 .prd_list{overflow:hidden;display:flex;flex-direction:column;}
.contents.new .prd_wrap.ty02 .prd_list .top{flex:none;/*max-width:700px;*/padding:0 6px 2px 0;}
.contents.new .prd_wrap.ty02 .prd_list .top .inp_rdo_tab.ty02{width:100%;margin:0;}
.contents.new .prd_wrap.ty02 .prd_list .top .inp_rdo_tab.ty02 .w2radio_item{flex:1;}
.contents.new .prd_wrap.ty02 .prd_list .top .inp_rdo_tab.ty02 .w2radio_item label{width:100%;height:26px;}
.contents.new .prd_wrap.ty02 .prd_list .top .inp_select{height:25px;margin:4px 0;border-radius:6px;}
.contents.new .prd_wrap.ty02 .prd_list .top .inp_select .w2selectbox_col_button,
.contents.new .prd_wrap.ty02 .prd_list .top .inp_select .w2selectbox_focus .w2selectbox_col_button,
.contents.new .prd_wrap.ty02 .prd_list .top .inp_select .w2selectbox_over .w2selectbox_col_button{background-position:-149px -86px;}
.contents.new .prd_wrap.ty02 .prd_list .nodata{min-height:auto;padding:32px 0;}
.contents.new .prd_wrap.ty02 .prd_list .box{flex:1;overflow-y:auto;border:1px solid #e1e3e7;border-right:0;border-radius:0 0 0 10px;}
.contents.new .prd_wrap.ty02 .prd_list .box .grid_box .w2grid{height:100% !important;}
.contents.new .prd_wrap.ty02 .prd_list .box .grid_box .w2grid > div:first-child,
.contents.new .prd_wrap.ty02 .prd_list .box .grid_box .w2grid > div:first-child > div{position:static !important;}
.contents.new .prd_wrap.ty02 .prd_list .box .grid_box .w2grid table{position:static !important;height:auto !important;}
.contents.new .prd_wrap.ty02 .prd_list .text_box{margin:20px;clear:both;background-color:#f7f9fa;}

.contents.new .prd_wrap.ty02 .prd_detail{border:1px solid #e1e3e7;border-left:0;border-radius:0 10px 10px 0;overflow:hidden;}

.contents.new .prd_wrap.fav .prd_area{display:flex;margin:-13px -16px 0;border-radius:0;border:0;border-bottom:1px solid #e1e3e7;}
.contents.new .prd_wrap.fav .fav_list{flex:1;margin-top:0;height:auto;border:none;}
.contents.new .prd_wrap.fav .grid_box,
.contents.new .prd_wrap.fav .w2grid{height:100%;border:none;}
.contents.new .prd_wrap.fav .fav_list + .fav_list{border-left:1px solid #e1e3e7;}
.contents.new .prd_wrap.fav .grid_box td.sub{color:#525866;}
.contents.new .prd_wrap.fav .prd_area.tablet{display:none;}

.contents.new .prd_set_box{overflow:hidden;opacity:0;flex:none;position:relative;height:0;margin-bottom:0;padding:0 24px;border-radius:12px;border:1px solid #fff;border-top-width:0;border-bottom-width:0;background:#fff;transition:opacity .2s, height .2s, linear .2s;}
.contents.new .prd_set_box > *{overflow:hidden;opacity:0;height:0;transition:opacity .2s, height .5s, linear .2s;transition-delay:0s, 0s, 0.3s;}
.contents.new .prd_set_box.on{overflow:initial;height:auto;opacity:1;margin-bottom:12px;padding:8px 24px;border:1px solid #d0d5d9;}
.contents.new .prd_set_box.on > *{overflow:initial;opacity:1;height:auto;transition-delay:0s;}
.contents.new .prd_set_box .form_box{align-items:flex-start;}
.contents.new .prd_set_box .form_box dt{flex:none;display:flex;align-items:center;width:116px;min-height:26px;}
.contents.new .prd_set_box .form_box + .form_box{margin-top:8px;padding-top:8px;border-top:1px solid #e1e3e7;}
.contents.new .prd_set_box .form_box .nodata{display:flex;align-items:center;min-height:26px;padding:0;text-align:left;}
.contents.new .prd_set_box .inp_chk .w2checkbox_item{width:96px;margin:3px 24px 3px 0;}
.contents.new .prd_set_box .inp_chk .w2checkbox_item + .w2checkbox_item{margin-left:0;}
.contents.new .prd_set_box .btn_box{position:absolute;bottom:5px;right:24px;}
.contents.new .prd_set_box > .butn_close{position:absolute;top:9px;right:24px;width:24px;height:24px;font-size:0;line-height:0;text-indent:-9999em;border-radius:50%;background-color:#e9eef3;background-position:-101px 6px;}

.contents.new span+.w2checkbox{margin-left:0;}
.contents.new .prd_set_box.range .inp_chk{flex-wrap:wrap;}
.contents.new .prd_set_box.set .form_box dt{display:none;min-height:26px;}
.contents.new .prd_set_box.set .form_box dd{display:flex;width:100%;align-items:center;margin-left:0;}
.contents.new .prd_set_box.set .setting_box{display:inline-flex;flex-wrap:wrap;flex:1 1 auto;}
.contents.new .prd_set_box.set .setting_box .item{display:flex;align-items:center;margin:2px 24px 2px 0;}
.contents.new .prd_set_box.set .setting_box .item .tit{margin-right:6px;}
.contents.new .prd_set_box.set .setting_box .item .tooltip_wrap{margin-right:6px;}
.contents.new .prd_set_box.set .inp_chk_box{align-self:flex-start;position:relative;margin:4px 0 0 24px;padding:0 40px;}
.contents.new .prd_set_box.set .inp_chk_box:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background:#d0d5d9;}
.contents.new .prd_set_box.set .layerpop_wrap{left:-68px;transform:translateX(0);}

.contents.new .text_box{padding:16px;border-radius:12px;background:#f7f9fa;border:none;line-height:1;}
.contents.new .text_box .list_dash{margin:0;}

.contents.new .amount_wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:12px;border:1px solid #0099e6;box-shadow:0 2px 8px rgba(0,0,0,0.12);}
.contents.new .amount_wrap h3.tit{font-size:16px;font-weight:700}
.contents.new .amount_wrap dl{display:flex;align-items:center;}
.contents.new .amount_wrap dt{font-weight:400;color:#636e81;}
.contents.new .amount_wrap dd{margin-left:58px;font-size:24px;}
.contents.new .amount_wrap dd strong{padding-right:2px;font-weight:700;}


/* nodata */
.contents.new .nodata{min-height:300px;padding:100px 0;text-align:center;}
.contents.new .nodata p,
.contents.new .nodata_box p{display:inline-block;font-size:14px;font-weight:400;color:#7a8599;line-height:1.4;}
.contents.new .nodata p:before,
.contents.new .nodata_box:before{content:"";display:block;width:160px;height:140px;margin:0 auto 8px;background:url(../image/angel/img_nodata.svg) no-repeat center / 100% 100%;}

.contents.new .nodata_box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;height:100%;}
.contents.new .nodata_box:before{content:"";display:block;width:120px;height:120px;margin:0 auto;background:url(../image/angel/img_nodata.svg) no-repeat center / 100% 100%;}
.contents.new .nodata_box .butn{flex:none;align-items:center;}
.contents.new .nodata_box .butn + p{margin-top:16px;}



/*** pop_wrap ***/
.pop_wrap.new .tab_area > .w2tabcontrol_container > .w2tabcontrol_contents .w2tabcontrol_contents_wrapper{padding:13px 0 0;}
.pop_wrap.new .tab_area{height:100%;}
.pop_wrap.new .tab_area.line > .w2tabcontrol_tabhost{margin-top:-15px;}

.pop_wrap.new .tbl_area .inp_group > .inp_select:first-child{flex:none;}

.pop_wrap.new .tit_area:first-child{margin-top:0;}

.pop_wrap.new .grid_box.line td{color:#636e81;}
.pop_wrap.new .grid_box.line td + td:not(.star){border-left:1px solid #e1e3e7;}
.pop_wrap.new .grid_box.line td.sub{font-weight:500;color:#292c33;}

.pop_wrap.new .grid_box td.flag nobr{width:22px;}
.pop_wrap.new .grid_box td.flag .pc{display:none;}
.pop_wrap.new .grid_box td.flag .tablet{display:inline-flex;}

.pop_wrap.new .prd_area .grid_box{width:100%;height:100%;}
.pop_wrap.new .prd_area .grid_box .w2grid{height:100%;}
.pop_wrap.new .prd_area .grid_box td.gridBodyDefault:not(.flag):not(.arr):not(.star){padding-left:12px !important;padding-right:12px !important;}
.pop_wrap.new .prd_wrap.ty02{left:0;right:0;bottom:0;}
.pop_wrap.new .prd_wrap.fav .prd_area{margin:0;border:1px solid #e1e3e7;border-radius:10px;}

.pop_wrap.new .sch_fix_box{padding:20px;margin-bottom:24px;border:1px solid #e1e3e7;border-radius:12px;}
.pop_wrap.contents.new .sch_fix_box .w2autoComplete{margin:8px 8px 0 0;}
.pop_wrap.contents.new .sch_fix_box .btn{margin:8px 0 0;}
.pop_wrap.new .sch_fix_box span.w2span{display:inline-flex;align-items:center;height:32px;margin-top:8px;vertical-align:top;}
.pop_wrap.new .sch_fix_box .w2input{margin-top:8px;}
.pop_wrap.new .sch_fix_box .inp_search .w2input{margin-top:0;}
.pop_wrap.new .sch_fix_box > .inblock{margin-top:-8px;}

.pop_wrap.new .sch_box_single{display:flex;justify-content:center;margin-bottom:16px;padding:14px 24px;border-radius:12px;background:#eef0f4;}
.pop_wrap.new > .con_flex{min-height:100%;}
.pop_wrap.new > .con_flex > .flex.grid_box{position:relative;}
.pop_wrap.new > .con_flex > .flex.grid_box .w2grid{position:absolute;top:0;left:0;right:0;bottom:0;}
.pop_wrap.new .grid_box em{font-style:normal;}



/*** main ***/
.contents.new .main .noResult{border-width:0 !important;background:#fff !important;}
.contents.new .main .tit_area{margin:40px 0 16px;}
.contents.new .main .tit_area:first-child{margin-top:0 !important;}
.contents.new .main .tit_area .butn_ico{font-size:0;text-indent:-999em;width:26px;height:26px;padding:0;margin-left:6px;border:1px solid #d3dce6;border-radius:10px;}
.contents.new .main .tit_area .butn_ico:before{display:inline-flex;width:16px;height:16px;margin:0;background-position:-428px -128px;}

.contents.new .main .con_left > div:not(:first-child) .tit_area{margin-top:40px !important;}
.contents.new .main .con_quick .tit_area:first-child{margin-bottom:24px;}
.contents.new .main .con_quick .tit_area .butn{display:none;}
.contents.new .main .tit_area.msg{margin:8px 24px 24px}
.contents.new .main .tit_area .tit{font-size:18px;font-weight:700;color:#292c33;}
.contents.new .main .tit_area.msg .tit{font-size:20px;}
.contents.new .main a,
.contents.new .main .w2grid .gridBodyDefault a{cursor:pointer;color:#292c33;}

.contents.new .main .con_left .tab_area{position:relative;margin-top:24px;}
.contents.new .main .con_right .tab_area{position:relative;margin-top:32px;padding:28px 24px;border-radius:24px;background:#fff;}
.contents.new .main.fc .con_right .tab_area{margin-top:16px;}
.contents.new .main.fc .con_section.pc .tab_area{min-width:520px;}
.contents.new .main.fc .con_section.pc .banner_wrap{flex:1;}
.contents.new .main.fc .con_section.pc .banner_wrap .banner_slides,
.contents.new .main.fc .con_section.pc .banner_wrap .banner_slides .item .w2image{height:260px;}
.contents.new .main .con_right .tab_area:first-child,
.contents.new .main .con_right .tablet + .tab_area{margin-top:0;}
.contents.new .main .tab_area:not(.flex):before{display:inline-block;position:absolute;top:28px;left:24px;right:24px;height:44px;border-bottom:1px solid #d3dce6;border-radius:12px 12px 0 0;background:#f7f9fa;content:"";}
.contents.new .main .con_left .tab_area:before{top:0;left:0;right:0;}
.contents.new .main .tab_area .btn_tab{display:inline-flex;align-items:center;height:18px;position:absolute;top:-31px;right:16px;font-size:12px;color:#6e7f9d;}
.contents.new .main .con_left .tab_area .btn_tab{top:-32px;}
body:not(.tablet) .main .tab_area .btn_tab:after{width:16px;height:16px;background-position:-195px -164px;content:"";}
.contents.new .main .tab_area .w2tabcontrol_tabhost{position:relative;display:inline-flex;width:auto;height:44px;max-width:calc(100% - 65px);padding:0;margin-right:auto;border-bottom:none;overflow-x:auto;}

.contents.new .main .tab_area.flex .w2tabcontrol_tabhost{max-width:100%;width:100%;}
.contents.new .main .tab_area .w2tabcontrol_tabhost li{position:relative;flex:none;width:126px;height:44px;border-bottom:1px solid #d3dce6;background:#f7f9fa;overflow:hidden;}
.contents.new .main .con_left .tab_area .w2tabcontrol_tabhost li{width:150px;}
.contents.new .main .tab_area.flex .w2tabcontrol_tabhost li{flex:1;width:auto;}
.contents.new .main .tab_area .w2tabcontrol_tabhost .w2tabcontrol_selected{border-bottom-color:#fff;}
.contents.new .main .tab_area .w2tabcontrol_tabhost li a{padding:0;}

.contents.new .main .tab_area .w2tabcontrol_contents_wrapper{padding:0 !important;/* height:auto !important;padding:0 !important; */}
.contents.new .main .tab_area > .w2tabcontrol_container{flex:1;}
.contents.new .main .tab_area .no_head{padding-top:8px !important;}
.contents.new .main .tab_area .no_head .noResult{width:300px !important;left:50% !important;margin-left:-150px;border-color:#fff !important;background:#fff !important;}

.contents.new .main .user_info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;/* min-height:86px; */}
.contents.new .main .user_info .img{display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;width:86px;height:86px;margin-top:-43px;border-radius:50%;background:#ebf6ff url(../image/angel/img_thumb.svg) no-repeat center center / 86px;overflow:hidden;}
.contents.new .main .user_info .img .w2image{width:100%;min-height:86px;height:auto;}
.contents.new .main .user_info .name{font-size:20px;font-weight:700;color:#292c33;line-height:24px;}
.contents.new .main .user_info .name span + span{display:inline-flex;margin-left:3px;}
.contents.new .main .user_info .item{margin-top:4px;font-size:13px;font-weight:500;color:#7a8599;letter-spacing:1px;}
.contents.new .main .user_info .item span:not(:first-child):before{display:inline-flex;margin:0 3px;content:"/";}
.contents.new .main .user_info .count{display:inline-flex;align-items:center;position:absolute;top:50%;right:0;font-size:14px;letter-spacing:-1.5px;transform:translateY(-50%);}
.contents.new .main .user_info .count:before{display:inline-flex;margin-right:4px;width:24px;height:24px;background-position:-271px -433px;content:"";}
.contents.new .main .user_info .count .num{margin-left:4px;font-size:17px;font-weight:700;}

.contents.new .main .count_box{display:flex;margin-top:24px;padding:25px 24px;border-radius:24px;background:linear-gradient(180deg, #008ae6 0%, #0099e6 100%);box-shadow:0px 15px 30px 0px #4080bf4d;}
.contents.new .main .tab_area .count_box{margin-top:16px;}
.contents.new .main .count_box dl{position:relative;padding-left:24px;margin-left:24px;flex:1;flex-direction:column;}
.contents.new .main .count_box dl:first-child{padding:0;margin:0;}
.contents.new .main .count_box dl:not(:first-child):before{display:inline-block;position:absolute;top:0;bottom:0;left:0;width:1px;background:#000;opacity:0.1;content:"";}
.contents.new .main .count_box dt{font-size:15px;color:#fff;font-weight:500;}
.contents.new .main .count_box dt > div{line-height:22px;}
.contents.new .main .count_box dt span{display:inline-block;font-size:13px;color:#fff;}
.contents.new .main .count_box dd{margin-top:4px;line-height:22px;font-size:26px;color:#fff;font-weight:500;text-align:right;font-family:Roboto, Noto Sans KR, dotum, Sans-serif;}
.contents.new .main.fc .count_box dl{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.contents.new .main.fc .count_box dd{margin-top:0;}

.contents.new .main .amount_box{margin-top:16px;}
.contents.new .main .amount_box dl{display:flex;margin-top:8px;justify-content:space-between;align-items:center;height:52px;padding:0 24px;border-radius:12px;background:#446fd8;}
.contents.new .main .amount_box dt{font-size:16px;color:#fff;font-weight:700;}
.contents.new .main .amount_box dd{font-size:18px;color:#fff;font-weight:700;font-family:Roboto, Noto Sans KR, dotum, Sans-serif;}
.contents.new .main .amount_box dd span{margin-left:5px;}

.contents.new .main .deadline_box li{display:flex;align-items:center;padding:12px 16px 13px;margin-top:8px;border:1px solid #d3dce6;border-radius:12px;background:#f4fbff;}
.contents.new .main .deadline_box li:first-child{margin-top:0;}
.contents.new .main .deadline_box .day{display:inline-flex;margin-right:16px;width:36px;height:20px;align-items:center;justify-content:center;font-size:11px;color:#fff;font-family:Roboto, Noto Sans KR, dotum, Sans-serif;border-radius:10px;background:#0099e6;}
.contents.new .main .deadline_box .tit{flex:1;font-size:16px;color:#292c33;font-weight:500;}
.contents.new .main .deadline_box .data{font-size:14px;color:#7a8599;font-family:Roboto, Noto Sans KR, dotum, Sans-serif;}

.contents.new .main.fc .con_left > [class*="stats_box"] .tit_area{margin:24px 0 8px !important;}
.contents.new .main [class*="stats_box"] > ul{display:flex;flex-wrap:wrap;width:calc(100% + 12px);margin:-12px 0 0 -12px;}
.contents.new .main.fc [class*="stats_box"] > ul:first-child{margin-top:12px;}
.contents.new .main [class*="stats_box"] > ul li{flex:none;width:calc(50% - 12px);margin:12px 0 0 12px;border-radius:16px;background:#446fd8;}
.contents.new .main [class*="stats_box"] > ul dl{display:flex;flex:none;align-items:center;justify-content:space-between;height:56px;padding:0 20px 0 24px;margin:0;}
.contents.new .main [class*="stats_box"] > ul dt{font-size:16px;font-weight:600;color:#fff;}
.contents.new .main [class*="stats_box"] > ul dd{display:inline-flex;width:34px;height:34px;padding-bottom:2px;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;border-radius:50%;background:rgba(0, 0, 0, 0.1);}
.contents.new .main [class*="stats_box"] > ul a{color:#fff;}
.contents.new .main [class*="stats_box"] > ul .line{text-decoration:underline;}

.contents.new .main .cust_stats_box > ul li{background:#8b6ef0;}
.contents.new .main .cust_stats_box .box{padding:16px 0;border-top:1px solid #7d63d8;}
.contents.new .main .cust_stats_box .box dl{height:30px;padding:0 24px;}
.contents.new .main .cust_stats_box .box dt{font-size:14px;}
.contents.new .main .cust_stats_box .box dd{font-size:14px;width:auto;height:auto;}

.contents.new .main .grid_box.h01 .w2grid{min-height:145px;}
.contents.new .main .grid_box.h02 .w2grid{min-height:289px;}
.contents.new .main .grid_box.h03 .w2grid{min-height:385px;}
.contents.new .main .grid_box.h04 .w2grid{min-height:241px;}
.contents.new .main .grid_box.h05 .w2grid{min-height:289px;}
.contents.new .main .grid_box.h06 .w2grid{min-height:241px;}
.contents.new .main .grid_box.h07 .w2grid{min-height:241px;}
.contents.new .main .grid_box.h08 .w2grid{min-height:193px;}
.contents.new .main .grid_box.h09 .w2grid{min-height:241px;}
.contents.new .main .grid_box.h10 .w2grid{min-height:385px;}
.contents.new .main .grid_box.h11 .w2grid{min-height:193px;}

.contents.new .main .grid_box nobr{padding:3px 1px;}
.contents.new .main .grid_box thead.gridHeaderTableDefault{border-right:none}
.contents.new .main .grid_box th.gridHeaderTDDefault{padding:0;font-size:13px;color:#7a8599;font-weight:500;border-top:1px solid #d3dce6;border-bottom:1px solid #d3dce6;background:#fff;}
.contents.new .main .w2tabcontrol_contents_wrapper > .grid_box th.gridHeaderTDDefault,
.contents.new .main .w2tabcontrol_contents_wrapper  > .ranking_wrap .grid_box th.gridHeaderTDDefault{border-top-width:0px;}
.contents.new .main .grid_box td.gridBodyDefault{padding:3px 2px 2px 2px;border-top:1px solid #e1e3e7;}
.contents.new .main .grid_box .data .w2grid_input{font-size:14px;color:#7a8599;font-weight:500;font-family:Roboto, Noto Sans KR, dotum, Sans-serif;}
.contents.new .main .grid_box th.gridHeaderTDDefault, 
.contents.new .main .grid_box td.gridBodyDefault{height:48px !important;}
.contents.new .main .con_left .grid_box td.gridBodyDefault[textalign="left"]{padding-left:8px;}
.contents.new .main .con_left .grid_box td.gridBodyDefault[textalign="right"]{padding-right:16px;}

.contents.new .main .banner_slides{position:relative;max-width:100%;width:100%;margin-top:40px;}
.contents.new .main.ga .banner_slides{width:100%;height:auto;}
.contents.new .main .con_section .banner_wrap{width:306px;margin:0;padding:0;}
.contents.new .main.fc .con_section .banner_wrap{width:360px;margin-top:0;}
.contents.new .main .con_section .banner_slides{position:relative;margin-top:0;height:215px;}
.contents.new .main .banner_slides .item{position:relative;border-radius:20px;overflow:hidden;}
.contents.new .main .banner_slides .item .w2image{width:100%;height:215px;}
.tablet .contents.new .main .banner_slides .item .w2image{width:100%;height:100%;}

.contents.new .main .banner_slides .swiper-button-next{bottom:19px;right:21px;top:auto;left:auto;margin:0;width:24px;height:24px;background-position:-361px -209px;z-index:11;}
.contents.new .main .banner_slides .swiper-button-prev{bottom:19px;right:93px;top:auto;left:auto;margin:0;width:24px;height:24px;background-position:-328px -209px;z-index:11;}
.contents.new .main .banner_slides .swiper-button-next:after,
.contents.new .main .banner_slides .swiper-button-prev:after{display:none;}
.contents.new .main .banner_slides .swiper-pagination{display: inline-flex;align-items: center;justify-content: center;width:106px;height:30px;padding-bottom:2px;right:16px;top:auto;left:auto;bottom:16px;font-size:13px;letter-spacing:2px;font-weight:700;color:#fff;background:rgba(0, 0, 0, .6);border-radius:15px;}
.contents.new .main .banner_slides .swiper-pagination-current{font-size:13px;font-weight:700;color:#fff;}
.contents.new .main .banner_slides .swiper-pagination-total{font-size:13px;font-weight:700;color:#fff;opacity:.7;}

.contents.new .main .prod_slides,
.contents.new .main .schd_slides{position:relative;width:calc(100% + 50px);margin:-20px 0 -20px -20px;height:280px;padding:20px 60px 20px 20px;overflow:hidden;}
.contents.new .main .prod_slides .item,
.contents.new .main .schd_slides .day{position:relative;display:inline-flex;flex-direction:column;width:200px;height:240px;padding:16px;border-radius:24px;border:1px solid #fff;background:#fff;box-shadow: 0px 4px 20px 0px #4060801a;}
.contents.new .main .prod_slides .item.on{border-color:#0099e6;}
.contents.new .main .prod_slides .tag{font-size:13px;color:#0099e6;line-height:24px;margin-bottom:8px;}
.contents.new .main .prod_slides .tag:before{content:"#";}
.contents.new .main .prod_slides .pre{position:absolute;top:0;right:16px;display:inline-flex;justify-content:center;width:32px;height:34px;line-height:24px;letter-spacing:0.5px;padding:2px 0 8px;font-size:11px;color:#fff;font-weight:700;background-position:0 -255px;}
.contents.new .main .prod_slides .tit{display:-webkit-box !important;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:110px;-webkit-line-clamp:5;font-size:16px;color:#292c33;line-height:22px;}
.contents.new .main .prod_slides .bg{position:absolute;bottom:52px;left:16px;right:16px;display:flex;justify-content:flex-end;z-index:-1;}
.contents.new .main .prod_slides .bg .w2image{width:100px;height:70px;}
.contents.new .main .prod_slides .butn{position:absolute;bottom:16px;left:16px;right:16px;height:36px;padding:0 16px 2px;transition:all .3s;}
.contents.new .main .prod_slides .swiper-button-next,
.contents.new .main .schd_slides .swiper-button-next{right:0;top:0;bottom:0;width:64px;margin:0;height:auto;background:url(../image/angel/bg_gradient03.png) no-repeat right 0;background-size:64px 100%;z-index:11;}
.contents.new .main .prod_slides .swiper-button-next:after,
.contents.new .main .schd_slides .swiper-button-next:after,
.contents.new .main .achieve_list .swiper-button-next:after{width:44px;height:44px;border-radius:50%;background-position:-260px -198px;}
.contents.new .main .schd_slides .swiper-button-prev,
.contents.new .main .prod_slides .swiper-button-prev{left:0;top:0;bottom:0;width:64px;margin:0;height:auto;background:url(../image/angel/bg_gradient03.png) no-repeat right 0;background-size:64px 100%;z-index:11;transform:rotate(180deg);}
.contents.new .main .schd_slides .swiper-button-prev:after,
.contents.new .main .prod_slides .swiper-button-prev:after{width:44px;height:44px;border-radius:50%;background-position:-260px -198px;}

.contents.new .main .prod_slides .swiper-button-disabled{pointer-events:initial;}
.contents.new .main .prod_slides .swiper-button-disabled:focus{outline:none;}

.contents.new .main.ga .prod_slides .item{display:block;overflow:hidden;}
.contents.new .main.ga .prod_slides .item:not(.on){border-color:transparent;background-clip:padding-box;}
.contents.new .main.ga .prod_slides .tag{display:inline-block;line-height:20px;margin:0;}
.contents.new .main.ga .prod_slides .tag:before{display:none;}
.contents.new .main.ga .prod_slides .tag + .tit{margin-top:6px;}
.contents.new .main.ga .prod_slides .pre + .tag{padding-right:36px;}
.contents.new .main.ga .prod_slides .bg{bottom:-5px;}

.contents.new .main .schd_slides .day{padding:24px;width:270px;}
.contents.new .main .schd_slides .today{border-color:#273769;background:#273769;}
.contents.new .main .schd_slides .tit{position:relative;display:inline-flex;padding-right:48px;align-items:baseline;}
.contents.new .main .schd_slides .tit:after{display:inline-block;width:24px;height:24px;position:absolute;top:50%;right:0;margin-top:-12px;background-position:-136px -161px;content:"";}
.contents.new .main .schd_slides .tit span{font-size:14px;color:#7a8599;}
.contents.new .main .schd_slides .today .tit span,
.contents.new .main .schd_slides .today .tit .num,
.contents.new .main .schd_slides .today .hour .time,
.contents.new .main .schd_slides .today .hour .item li{color:#fff;}
.contents.new .main .schd_slides .tit .num{margin-right:8px;font-size:24px;color:#292c33;}
.contents.new .main .schd_slides .hour_box{margin-top:16px;flex:1;width:calc(100% + 10px);padding-right:10px;overflow:auto;}
.contents.new .main .schd_slides .hour_box .hour{margin-top:12px;padding:12px;border:1px solid #d3dce6;background:#f4fbff;border-radius:12px;}
.contents.new .main .schd_slides .hour_box .hour:first-child{margin-top:0 !important;}
.contents.new .main .schd_slides .today .hour_box .hour{border-color:rgba(256, 256, 256, 0.1);background-color:rgba(0, 0, 0, 0.2);}
.contents.new .main .schd_slides .hour{display:flex;}
.contents.new .main .schd_slides .hour .time{flex:none;width:51px;padding-top:2px;}
.contents.new .main .schd_slides .hour .item{flex:1;}
.contents.new .main .schd_slides .hour .item li{display:flex;margin-top:6px;align-items:baseline;}
.contents.new .main .schd_slides .hour .item li:first-child{margin-top:0;}
.contents.new .main .schd_slides .hour .item .tag{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:20px;margin-right:8px;color:#fff;font-size:11px;border-radius:15px;}
.contents.new .main .schd_slides .hour .item .tag.pp{background-color:#fa7373;}
.contents.new .main .schd_slides .hour .item .tag.rl{background-color:#446fd8;}
.contents.new .main .schd_slides .hour .item .tag.ta{background-color:#ff4c88;}
.contents.new .main .schd_slides .hour .item .tag.ap{background-color:#c34cff;}
.contents.new .main .schd_slides .hour .item .tag.ff{background-color:#6666ff;}
.contents.new .main .schd_slides .hour .item .tag.pt{background-color:#00aaff;}
.contents.new .main .schd_slides .hour .item .tag.c{background-color:#00c5cc;}
.contents.new .main .schd_slides .hour .item .tag.pd{background-color:#29cc29;}
.contents.new .main .schd_slides .hour .item .tag.cs{background-color:#ffab00;}

.contents.new .main .schd_slides .hour .item li .name{max-width:93px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tablet .contents.new .main .schd_slides .hour .item li .name{max-width:54px;}

.contents.new .main .schd_slides .nodata{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto;height:100%;padding:0;font-size:14px;color:#7a8599;}
.contents.new .main .schd_slides .nodata:before{display:inline-flex;width:88px;height:72px;margin-bottom:4px;background:url(../image/angel/img_nodata.svg) no-repeat center / 100% 100%;content:"";}

.contents.new .main.fc .schd_slides{height:230px;margin:-20px 0 -16px -20px;}
.contents.new .main.fc .schd_slides .day{height:188px;}

.contents.new .main .schd_event{margin-top:16px;/*padding:24px;border-radius:24px;background:#fff;*/}
.contents.new .main .schd_event .tit_area{margin-bottom:12px;}
.contents.new .main .schd_event .list{display:flex;}
.contents.new .main .schd_event .list:not(:first-child){margin-top:8px;}
.contents.new .main .schd_event .list li{display:inline-flex;width:calc(25% - 4px);height:52px;padding:0 16px;margin-left:8px;align-items:center;justify-content:space-between;border-radius:10px;background:#fff;}
.contents.new .main .schd_event .list li:first-child{margin-left:0;}
.contents.new .main .schd_event .list strong{font-size:15px;color:#018be6;font-weight:500;letter-spacing:-0.6px;}
.contents.new .main .schd_event .list span,
.contents.new .main .schd_event .list a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding-bottom:2px;font-size:13px;font-weight:700;color:#fff;background:#0099e6;border-radius:50%;}
.contents.new .main .schd_event .list.maturity li{background:#fcf8f8;}
.contents.new .main .schd_event .list.maturity strong{color:#d64654;}
.contents.new .main .schd_event .list.maturity span,
.contents.new .main .schd_event .list.maturity a{background:#fa7373;}

.contents.new .main .recommand_plan{display:flex;margin-top:32px;padding:24px;border-radius:24px;background:#fff;}
.contents.new .main .recommand_plan .tit_area{flex:none;margin:0;}
.contents.new .main .recommand_plan .tit_area .tit{position:relative;display:inline-block;width:120px;line-height:24px;background-position:0 -535px;}
body:not(.tablet) .contents.new .main .recommand_plan .tit_area .tit br{display:none;}
.contents.new .main .recommand_plan .tit_area .tit:after{display:inline-block;position:absolute;top:0;right:10px;width:20px;height:20px;background-position:0 -535px;content:"";}
.contents.new .main .plan_box{display:flex;width:100%;min-height:192px;margin-top:0;border:none;overflow:visible;}
.contents.new .main .plan_box .item{position:relative;display:flex;flex-direction:column;flex:1;min-height:192px;padding-bottom:68px;margin-left:16px;padding:16px;border-radius:10px;}
.contents.new .main .plan_box .item.green{background:#e5f8f5;}
.contents.new .main .plan_box .item.yellow{background:#fff4de;}
.contents.new .main .plan_box .item.purple{background:#eef0ff;}
.contents.new .main .plan_box .item.red{background:#fbf4f4;}
.contents.new .main .plan_box .item:after{display:inline-block;width:16px;height:24px;position:absolute;top:-2px;right:20px;content:"";}
.contents.new .main .plan_box .item.green:after{background-position:-45px -255px;}
.contents.new .main .plan_box .item.yellow:after{background-position:-76px -255px;}
.contents.new .main .plan_box .item.purple:after{background-position:-107px -255px;}
.contents.new .main .plan_box .item.red:after{background-position:-138px -255px;}

.contents.new .main .plan_box .item .tag{margin-bottom:4px;font-size:13px;line-height:24px;}
.contents.new .main .plan_box .item .tag:before{content:"#";}
.contents.new .main .plan_box .item.green .tag{color:#0c868d;}
.contents.new .main .plan_box .item.yellow .tag{color:#e59900;}
.contents.new .main .plan_box .item.purple .tag{color:#4163c0;}
.contents.new .main .plan_box .item.red .tag{color:#b24c5d;}
.contents.new .main .plan_box .tit{flex:1;font-size:14px;line-height:20px;color:#292c33 !important;}
.contents.new .main .plan_box .butn{height:36px;padding:0 16px 2px;box-shadow:0 6px 12px rgba(64, 96, 128, 0.1);transition:all .3s;}
.contents.new .main .plan_box .butn:hover{box-shadow:0 6px 12px rgba(64, 96, 128, 0.3);}

.contents.new .main .quick_btns.ty02{margin-top:-32px;}
.tablet .contents.new .main .quick_btns.ty02{margin-top:0;}
.contents.new .main .quick_btns .butn{position:relative;width:100%;margin:16px 0 0;color:#525866;font-size:16px;letter-spacing:-1px;justify-content:flex-start;height:64px;padding:0 16px 0 24px;border-radius:16px;border-color:#fff;background:#fff;box-shadow:0 3px 12px rgba(64, 96, 128, 0.1);transition:box-shadow .3s;}
.contents.new .main .quick_btns .butn:first-child{margin-top:0 !important;}
.contents.new .main .quick_btns .butn:hover{box-shadow:0 3px 12px rgba(64, 96, 128, 0.3);}
.contents.new .main .quick_btns .butn:before{position:absolute;top:50%;right:16px;margin-top:-20px;display:inline-block;width:40px;height:40px;border-radius:50%;background-color:#0099e6;content:"";}
.contents.new .main .quick_btns .butn.ico01:before{background-position:11px -299px;}
.contents.new .main .quick_btns .butn.ico02:before{background-position:-29px -299px;}
.contents.new .main .quick_btns .butn.ico03:before{background-position:-70px -299px;}
.contents.new .main .quick_btns .butn.ico04:before{background-position:-111px -299px;}
.contents.new .main .quick_btns .butn.ico05:before{background-position:-152px -299px;}
.contents.new .main .quick_btns .butn.ico06:before{background-position:12px -338px;}
.contents.new .main .quick_btns .butn.ico07:before{background-position:-191px -299px;}
.contents.new .main .quick_btns .butn.ico08:before{background-position:-232px -340px;}
.contents.new .main .quick_btns .butn.ico09:before{background-position:-271px -339px;}
.contents.new .main .quick_btns .butn.ico10:before{background-position:-310px -340px;}
.contents.new .main .quick_btns .butn.ico11:before{background-position:-67px -340px;}
.contents.new .main .quick_btns .butn.ico12:before{background-position:-109px -340px;}
.contents.new .main .quick_btns .butn.ico13:before{background-position:-151px -339px;}
.contents.new .main .quick_btns .butn.ico14:before{background-position:-235px -304px;}
.contents.new .main .quick_btns .butn.ico15:before{background-position:-275px -304px;}
.contents.new .main .quick_btns .butn.ico16:before{background-position:-315px -304px;}
.contents.new .main .quick_btns .butn.ico17:before{background-position:-357px -302px;}
.contents.new .main .quick_btns .butn.ico18:before{background-position:-397px -303px;}
.contents.new .main .quick_btns .butn.ico19:before{background-position:-438px -304px;}

body:not(.tablet) .contents.new .main .quick_btns.ty02 .butn{display:flex;flex-direction:column;justify-content:center;height:96px;padding:11px 5px;margin-top:10px;font-size:14px;font-weight:500;line-height:18px;}
.contents.new .main .quick_btns.ty02 .butn:before{position:static;margin:0;width:32px;height:32px;margin-bottom:4px;}
.contents.new .main .quick_btns.ty02 .butn.ico01:before{background-position:8px -303px;}
.contents.new .main .quick_btns.ty02 .butn.ico04:before{background-position:-114px -302px;}

.contents.new .main .util_btns:not(:first-child){margin-top:32px;}
.contents.new .main .util_btns .butn{display:flex;justify-content:flex-start;height:24px;padding:0;margin:16px 0 0;border-radius:0;border:none;background:transparent;}
.contents.new .main .util_btns .butn:first-child{margin-top:0;}
.contents.new .main .util_btns .butn a{position:relative;display:inline-flex;align-items:center;height:24px;padding:0;color:#525866;transition:all .3s;}
.contents.new .main .util_btns .butn a:before{width:24px;height:24px;margin-right:12px;content:"";}
.contents.new .main .util_btns .butn a:hover{color:#000;font-weight:600;}
.contents.new .main .util_btns .butn.ico01 a:before{background-position:1px -433px;}
.contents.new .main .util_btns .butn.ico02 a:before{background-position:-42px -433px;}
.contents.new .main .util_btns .butn.ico03 a:before{background-position:-86px -433px;}
.contents.new .main .util_btns .butn.ico04 a:before{background-position:-131px -433px;}
.contents.new .main .util_btns .butn.ico05 a:before{background-position:-177px -433px;}
.contents.new .main .util_btns .butn.ico06 a:before{background-position:-0px -477px;}
.contents.new .main .util_btns .butn.ico07 a:before{background-position:-43px -477px;}
.contents.new .main .util_btns .butn.ico08 a:before{background-position:-88px -477px;}
.contents.new .main .util_btns .butn.ico09 a:before{background-position:-130px -477px;}
.contents.new .main .util_btns .butn.ico10 a:before{background-position:-211px -477px;}
.contents.new .main .util_btns .butn.ico11 a:before{background-position:-289px -539px;background-size:900px 900px !important;}
.contents.new .main .util_btns .butn.qr{position:relative;height:auto;padding-bottom:72px;}
.contents.new .main .util_btns .butn.qr:after{display:inline-block;position:absolute;left:0;bottom:0;width:56px;height:56px;background:#ebf6ff url(../image/angel/img_qr.png) no-repeat center center / 56px;content:"";}

.contents.new .main .con_section{display:flex;margin-top:32px;}
.contents.new .main .con_section > *:not(:first-child){margin-left:32px;}
.contents.new .main.fc .tab_area  + .con_section.pc{margin-top:16px;}

.contents.new .main .shortcut_btns{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin-left:-16px;}
.contents.new .main .shortcut_btns .butn{width:calc(100% / 3);height:auto;padding:16px 0 0 16px;border:none;margin:0;background:none;}
.contents.new .main .shortcut_btns .butn a{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:140px;line-height:18px;font-size:15px;color:#525866;border-radius:16px;background:#fff;box-shadow:0px 4px 20px 0px #4060801a;transition:all .3s;}
.contents.new .main .shortcut_btns .butn a:hover{box-shadow:0px 4px 20px 0px #4060805a;}
.contents.new .main .shortcut_btns .butn a:before{display:inline-flex;width:48px;height:48px;margin-bottom:8px;border-radius:50%;background:#0099e6;content:"";}
.contents.new .main .shortcut_btns .butn.ico01 a:before{background-position:14px -378px;}
.contents.new .main .shortcut_btns .butn.ico02 a:before{background-position:-31px -378px;}
.contents.new .main .shortcut_btns .butn.ico03 a:before{background-position:-76px -378px;}
.contents.new .main .shortcut_btns .butn.ico04 a:before{background-position:-122px -378px;}
.contents.new .main .shortcut_btns .butn.ico05 a:before{background-position:-165px -378px;}

.contents.new .main .ba_board_btns{padding:24px;border-radius:24px;background:#fff;}
.contents.new .main .ba_board_btns > div{display:flex;flex-wrap:wrap;width:calc(100% + 24px);margin:-24px 0 0 -24px;}
.contents.new .main .ba_board_btns .item{position:relative;display:inline-flex;flex-basis:calc(33.3% - 24px);flex-direction:column;justify-content:center;height:150px;margin:24px 0 0 24px;padding:0 102px 0 32px;font-size:16px;color:#292c33;border:1px solid #d3dce6;border-radius:12px;transition:all .3s;}
.contents.new .main .ba_board_btns .item:hover{box-shadow:0px 4px 20px 0px #4060802a;}
.contents.new .main .ba_board_btns .count{margin-top:4px;font-size:24px;}
.contents.new .main .ba_board_btns .count .num{font-size:30px;}
.contents.new .main .ba_board_btns .w2image{display:inline-block;position:absolute;top:50%;right:32px;width:80px;height:80px;margin-top:-40px;}

.contents.new .main .grid_rank .w2grid > div:first-child{width:100%;}
.contents.new .main .grid_rank .w2grid table{width:100% !important;margin:-8px 0 0;border-collapse:separate !important;border-spacing:0 8px !important;border:none;}
.contents.new .main .grid_rank .w2grid thead:not(.gridHeaderTableDefault){display:none;}
.contents.new .main .grid_rank .w2grid [textalign="right"]{padding-right:16px;}
.contents.new .main .grid_rank .w2grid [textalign="left"]{padding-left:8px;}
.contents.new .main .grid_rank .w2grid td{font-size:14px;color:#292c33;font-weight:500;border:solid #e6ebf0;border-width:1px 0;height:48px !important;}
.contents.new .main .grid_rank .w2grid td:first-child{border-left-width:1px;border-radius:12px 0 0 12px;}
.contents.new .main .grid_rank .w2grid td:last-child{border-right-width:1px;border-radius:0 12px 12px 0;}
.contents.new .main .grid_rank .w2grid .name{font-weight:700;}

.contents.new .main .achieve_box .w2grid{min-height:330px;}
.contents.new .main .achieve_box .w2grid th{font-size:14px;color:#636e81;font-weight:500;height:42px !important;border:none;background:#f7f9fa;border-bottom:1px solid #d0d5d9;}
.contents.new .main .achieve_box .w2grid th:first-child{border-radius:12px 0 0 0;}
.contents.new .main .achieve_box .w2grid th:last-child{border-radius:0 12px 0 0;}

.contents.new .main .ranking_wrap{margin-top:40px;}
.contents.new .main .tab_area .ranking_wrap{margin-top:0;}
.contents.new .main .ranking_wrap.pc .w2grid,
.contents.new .main .tab_area.pc .ranking_wrap .w2grid{min-height:433px !important;}
.contents.new .main .ranking_wrap.tablet .w2grid,
.contents.new .main .tab_area.tablet .ranking_wrap .w2grid{min-height:241px !important;}

.contents.new .main .tab_area .ranking_wrap .no_head{padding-top:0 !important;}
.contents.new .main .ranking_wrap .grid_rank thead th{position:relative;padding:12px 0 13px;height:auto !important;font-size:13px;color:#7a8599;font-weight:500;border-width:0;background:#fff;}
.contents.new .main .ranking_wrap .grid_rank thead th:before{display:inline-block;position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#e6ebf0;content:"";}
.contents.new .main .ranking_wrap .grid_rank thead th:first-child:before{display:none;}
.contents.new .main .ranking_wrap .grid_rank thead th{border:solid #e6ebf0;border-width:1px 0;}
.contents.new .main .ranking_wrap .grid_rank thead th:first-child{border-left-width:1px;border-radius:12px 0 0 12px;}
.contents.new .main .ranking_wrap .grid_rank thead th:last-child{border-right-width:1px;border-radius:0 12px 12px 0;}

.contents.new .main .ranking_wrap .grid_rank .w2grid{min-height:480px;}
.contents.new .main .ranking_wrap .grid_rank .w2grid tr:first-child td.gridBodyDefault{border-top:1px solid #e1e3e7;}
.contents.new .main .ranking_wrap .grid_rank .w2grid td{height:64px !important;}
.contents.new .main .ranking_wrap .grid_rank .w2grid nobr{padding:0;} 
.contents.new .main .ranking_wrap .grid_rank .w2grid tr:nth-child(1) td,
.contents.new .main .ranking_wrap .grid_rank .w2grid tr:nth-child(2) td,
.contents.new .main .ranking_wrap .grid_rank .w2grid tr:nth-child(3) td{background:#f4fbff !important;}
.contents.new .main .w2grid .rank span{display:inline-flex;flex:none;font-size:15px;font-weight:700;color:#fff;width:30px;height:30px;align-items:center;justify-content:center;background-position:-441px -433px;}
.contents.new .main .w2grid .rank .rank01{background-position:-321px -433px;}
.contents.new .main .w2grid .rank .rank02{background-position:-361px -433px;}
.contents.new .main .w2grid .rank .rank03{background-position:-401px -433px;}

.contents.new .main .score_box > ul{display:flex;}
.contents.new .main .score_box li{position:relative;margin-left:16px;flex:1;display:flex;flex-direction:column;height:188px;padding:24px 24px 70px;border-radius:24px;border:1px solid #fff;background:#fff;box-shadow: 0px 4px 20px 0px #4060801a;}
.contents.new .main .score_box li:first-child{margin:0;}
.contents.new .main .score_box li .tit{display:inline-flex;width:100%;margin-bottom:16px;font-size:16px;color:#525866;font-weight:700;}
.contents.new .main .score_box .txt{display:inline-flex;align-items:baseline;}
.contents.new .main .score_box .txt + .txt{margin-top:8px;}
.contents.new .main .score_box .sub_tit{margin-right:8px;font-size:16px;color:#292c33;font-weight:500;}
.contents.new .main .score_box .num{font-size:22px;font-weight:500;color:#292c33;}
.contents.new .main .score_box .ico{position:absolute;bottom:24px;right:24px;}
.contents.new .main .score_box .ico .w2image{width:60px;height:auto;}

.contents.new .main .tbl_main{margin-top:32px;padding:28px 24px;border-radius:24px;background:#fff;}
.contents.new .main .tbl_main .tbl_box{display:flex;width:100%;}
.contents.new .main .tbl_main .tbl_box .w2tb{flex:1;margin-left:32px;}
.contents.new .main .tbl_main .tbl_box .w2tb:first-child{margin-left:0;}

.contents.new .main .tbl_main .w2tb{width:100%;}
.contents.new .main .tbl_main .w2tb .w2tb_th{height:52px;text-align:center;border:solid #fff;border-width:0 0 1px 1px;font-size:14px;font-weight:500;color:#292c33;}
.contents.new .main .tbl_main .w2tb.bg01 thead .w2tb_th{background-color:#ebefff;}
.contents.new .main .tbl_main .w2tb.bg02 thead .w2tb_th{background-color:#e5f8f5;}
.contents.new .main .tbl_main .w2tb.bg03 thead .w2tb_th{background-color:#fff4de;}
.contents.new .main .tbl_main .w2tb thead tr:first-child .w2tb_th:first-child{border-left:none;border-top-left-radius:15px;}
.contents.new .main .tbl_main .w2tb thead tr:first-child .w2tb_th:last-child{border-top-right-radius:15px;}
.contents.new .main .tbl_main .w2tb tbody .w2tb_th{border-bottom:1px solid #e6ebf0;background-color:#fff;}
.contents.new .main .tbl_main .w2tb .w2tb_td{height:52px;font-size:14px;font-weight:700;color:#636e81;text-align:center;border:solid #e6ebf0;border-width:0 0 1px;background:#fff;}
.contents.new .main .tbl_main .w2tb .color01 *{color:#0099e6;}
.contents.new .main .tbl_main .w2tb .color02 *{color:#446fd8;}
.contents.new .main .tbl_main .w2tb .color03 *{color:#d64654;}

.contents.new .main .tbl_main.upbr .w2tb tbody *{font-size:16px;}
.contents.new .main .tbl_main.upbr .w2tb tbody .w2tb_th span{display:inline-flex;width:90px;height:36px;text-align:left;align-items:center;}
.contents.new .main .tbl_main.upbr .w2tb tbody .w2tb_th span:before{display:inline-flex;width:36px;height:36px;margin-right:4px;content:"";}
.contents.new .main .tbl_main.upbr .w2tb tbody .color01 .w2tb_th span:before{background-position:-178px -253px;}
.contents.new .main .tbl_main.upbr .w2tb tbody .color02 .w2tb_th span:before{background-position:-221px -253px;}
.contents.new .main .tbl_main.upbr .w2tb tbody .color03 .w2tb_th span:before{background-position:-264px -253px;}

.pop_wrap .noti_top{padding:40px;margin:0 0 32px;text-align:center;border-radius:12px;background:#eef0f4;}
.pop_wrap .noti_top .tit{font-size:20px;color:#292c33;font-weight:600;}
.pop_wrap .noti_top .txt{margin-top:7px;font-size:14px;color:#636e81;font-weight:500;line-height:20px;}

.pop_wrap .no_head{border:1px solid #e1e3e7;border-radius:12px;}
.pop_wrap .no_head .w2grid table{border-collapse:separate !important;}
.pop_wrap .no_head .w2grid tr:first-child td{border-radius:12px 12px 0 0;}
.pop_wrap .no_head .w2grid tr:last-child td{border-radius:0 0 12px 12px;}

.contents.new .main ~ .sch_fix_box{position:relative;height:60px;background:#fff;}
.contents.new .main ~ .sch_fix_box .box{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-start;height:60px;padding:0 24px;background:rgba(255, 255, 255, 0.9);z-index:21;}
.contents.new .main ~ .sch_fix_box .butn_ico.sch{min-width:70px;margin-left:10px;color:#0099e6;}

.tablet .contents.new .main ~ .sch_fix_box .box{padding:0 16px;}

.contents.new .main .con_noti{display:flex;margin-top:32px;justify-content:flex-end;}
.tablet .contents.new .main .con_noti{margin-top:24px;}



/*** tablet ***/
.tablet .contents.new .fixed_btns{z-index:20;}
.tablet .contents.new .fixed_total{overflow:hidden;justify-content:center;position:relative;height:0;transition:height .3s;z-index:20;}
.tablet .contents.new .fixed_total .btn_fold{display:inline-flex;position:fixed;right:16px;bottom:72px;width:36px;height:36px;font-size:0;line-height:0;text-indent:-9999em;border:1px solid #0099e6;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.12);z-index:23;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.tablet .contents.new .fixed_total .btn_fold:before{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background-position:-490px -209px;transition:transform .3s;}
.tablet .contents.new .fixed_total .total_box{overflow:hidden;bottom:-8px;min-width:auto;height:70px;padding-right:65px;justify-content:center;opacity:0;z-index:0;transition:bottom .3s, opacity .3s;transition-delay:0s, 0.3s;}
.tablet .contents.new .fixed_total .total_box dl{position:relative;display:flex;flex-direction:column;justify-content:center;padding:9px 16px;}
.tablet .contents.new .fixed_total .total_box dl:not(:first-child):before{display:inline-block;position:absolute;top:50%;left:0;width:1px;height:40px;margin-top:-20px;background:#e1e3e7;content:"";}

.tablet .contents.new .fixed_total.on{height:78px;transition:height .3s, z-index .2s;transition-delay:0s, 0.2s;}
.tablet .contents.new .fixed_total.on .total_box{bottom:60px;z-index:22;opacity:1;transition:bottom .3s;transition-delay:0s;}
.tablet .contents.new .fixed_total.on .btn_fold{box-shadow:none;}
.tablet .contents.new .fixed_total.on .btn_fold:before{background-position:-490px -210px;transform:rotate(180deg);transition:transform .3s;}

.tablet .contents.new .main .amount_box dt{font-size:13px;}
.tablet .contents.new .main .amount_box dd{font-size:14px;}

.tablet .contents.new .total_box dt{font-size:13px;}
.tablet .contents.new .total_box .output{width:100%;font-size:17px;text-align:right;}

.tablet .contents.new .step_wrap .w2tabcontrol_tabhost li:not(.w2tabcontrol_active) a{width:36px;min-width:auto;padding:0;font-size:0;line-height:0;text-indent:-9999em;}
.tablet .contents.new .step_wrap .w2tabcontrol_tabhost li:not(.w2tabcontrol_active) a:before{color:#fff;background-color:#b7bfca;}
.tablet .contents.new .step_wrap .w2tabcontrol_tabhost li.end a:before{color:#3e5672;border:2px solid #3e5672;background-color:#fff;}
.tablet .contents.new .step_wrap .w2tabcontrol_tabhost li.w2tabcontrol_active a{width:130px;}
.tablet .contents.new .step_wrap .w2tabcontrol_tabhost li.w2tabcontrol_active a:before{border-color:#0099e6;}

.tablet .contents.new .step_wrap .box:not(.on){width:36px;padding:0;}
.tablet .contents.new .step_wrap .box:not(.on) .num{color:#fff;background:#b7bfca;}
.tablet .contents.new .step_wrap .box:not(.on) .tit{display:none;}
.tablet .contents.new .step_wrap .box.end .num{color:#3e5672;border:2px solid #3e5672;background:#fff;}
.tablet .contents.new .step_wrap .box.on{width:130px;}

.tablet .contents.new .prd_set_box.set .form_box dd{width:100%;margin-left:0;padding-right:30px;}
.tablet .contents.new .prd_set_box.on{padding:4px 20px 4px 16px;}
.tablet .contents.new .prd_set_box.set .setting_box{}
.tablet .contents.new .prd_set_box.set .setting_box .item{width:auto;margin-right:24px;}

.tablet .contents.new .prd_set_box .form_box + .form_box{margin-top:4px;padding-top:4px;}

.tablet .contents.new .prd_set_box.set .inp_chk_box{padding:0;margin:2px 0;}
.tablet .contents.new .prd_set_box .inp_chk .w2checkbox_item{width:auto;margin:3px 0 3px 8px;}
.tablet .contents.new .prd_set_box.set .setting_box .item .tit{margin-right:2px;letter-spacing:-.5px;}
.tablet .contents.new .prd_set_box.set .setting_box .item .tooltip_wrap{margin-right:4px;}
.tablet .contents.new .prd_set_box .btn_box{bottom:1px;right:20px;}

.tablet .contents.new .prd_set_box > .butn_close{top:7px;right:20px;}
.tablet .contents.new .prd_set_box .form_box dt{width:60px;}

.tablet .contents.new .grid_box td.flag nobr{width:22px;}
.tablet .contents.new .grid_box td.flag .tablet{display:inline-flex;}
.tablet .contents.new .grid_box td.flag .pc{display:none;}

.tablet .contents.new .prd_area .grid_box td.gridBodyDefault:not(.flag):not(.arr):not(.star){padding-left:16px !important;padding-right:16px !important;}
.tablet .contents.new .prd_area .grid_box.ty03 td.gridBodyDefault:not(.flag):not(.arr):not(.star){padding-left:8px !important;padding-right:8px !important;}
.tablet .contents.new .prd_wrap.ty02 .prd_list .top{max-width:100%;/* max-width:370px; */padding-bottom:4px;}
.tablet .contents.new .prd_wrap.ty02 .prd_list .top .inp_select{margin:6px 0 3px;}

.tablet .contents.new .grid_box th.gridHeaderTDDefault{height:34px !important;}
.tablet .contents.new .grid_box th,
.tablet .contents.new .grid_box td{height:34px !important;padding:1px 4px 1px 4px;}
.tablet .contents.new .grid_box.ty02 th.gridHeaderTDDefault{height:40px !important;}
.tablet .contents.new .grid_box.ty02 td.gridBodyDefault,
.tablet .contents.new .grid_box.ty02 td.gridFooterTDDefault{height:48px !important;}
body.tablet .contents.new .grid_box th.gridHeaderTDDefault button{display:inline-flex;}
.tablet .contents.new .grid_box .w2grid_select{height:32px;line-height:30px;border-radius:8px;}
.tablet .contents.new .grid_box .w2grid_select:after{background-position:-154px -82px;}

.tablet .contents.new .grid_box .w2selectbox{height:32px !important;border-radius:8px;}
.tablet .contents.new .grid_box .w2selectbox .w2selectbox_label{line-height:30px;}
.tablet .contents.new .grid_box .w2selectbox .w2selectbox_col_button{background-position:-154px -82px;}

.tablet .contents.new .grid_box .w2grid_input:not(.w2grid_input_readonly),
.tablet .contents.new .grid_box td.readonly .w2grid_input{height:32px !important;line-height:30px;border-radius:8px;}
.tablet .contents.new .grid_box.ty02 .w2input{margin-top:0;}

.tablet .contents.new .grid_box .inp_search table{height:32px;border-radius:8px;}
.tablet .contents.new .grid_box .inp_search .w2grid_textImage{height:30px;}
.tablet .contents.new .grid_box .inp_search .w2grid_textImage_image{height:30px !important;background-position:-133px -52px;}
.tablet .contents.new .grid_box .inp_search .w2grid_textImage nobr{height:100%;line-height:30px;}

.tablet .contents.new .grid_box .inp_cal nobr{height:32px;border-radius:8px;margin-top:-1px;}
.tablet .contents.new .grid_box .inp_cal nobr:before{background-position:-173px -80px;}
.tablet .contents.new .grid_box .inp_cal.w2inputCalendar_div{height:32px !important;margin-top:7px;}
.tablet .contents.new .grid_box .w2inputCalendar_div_input{border-radius:8px;}
.tablet .contents.new .grid_box .w2inputCalendar_div_img .w2inputCalendar_button{background-position:-181px -79px;}

.tablet .contents.new .grid_box td.grid_btn button{height:32px !important;border-radius:8px;}

.tablet .contents.new .grid_box td.arr nobr:before{background-position:-111px -205px;background-size:1000px 1000px !important;}
.tablet .contents.new .grid_box td.focusedTr.arr nobr:before{background-position:-142px -205px;}

.tablet .contents.new .grid_box .no_result{top:40px !important;}

.tablet .contents.new .prd_area{/*min-height:300px;*/margin-bottom:10px;}
.tablet .contents.new.pop_wrap .prd_area{margin-bottom:0px;}

.tablet .contents.new .tbl_area > .w2tb > thead > tr > th,
.tablet .contents.new .tbl_area > .w2tb > tbody > tr > th,
.tablet .contents.new .tbl_area > .w2tb td.w2tb_td{height:48px;padding:8px 12px 8px 16px;}

.tablet .contents.new .tbl_area .tbl_area{margin:-8px -16px;}

.tablet .contents.new .tbl_area .inp_group .inp_txt{max-width:100% !important;}
.tablet .contents.new .tbl_area .inp_group.tablet{display:block;margin:8px -16px 0;padding:8px 16px 0;border-top:1px solid #e1e3e7;}
.tablet .contents.new .tbl_area tr.pc{display:none;}
.tablet .contents.new .tbl_area tr.tablet{display:table-row;}
.tablet .contents.new .w2spinner.inp_num_box{margin-right:12px;}
.tablet .contents.new .inp_group .w2spinner.inp_num_box{margin-right:0;}
.tablet .contents.new .tbl_area .inp_group.eng{width:100%;flex-wrap:wrap;}
.tablet .contents.new .tbl_area .inp_group.eng .inp_txt{width:100%;}
.tablet .contents.new .tbl_area .inp_group.eng .noti{margin:10px 0 0;}

.tablet .contents.new .tbl_area .inp_search{height:32px;}
.tablet .contents.new .tbl_area .inp_search a{background-position:-125px -52px}
.tablet .contents.new th.tablet_tal{text-align:left !important;}

.tablet .contents.new .tbl_area .inp_chk{flex-wrap:wrap;padding:6px 0;margin:-8px 0;}
.tablet .contents.new .tbl_area .inp_chk .w2checkbox_item{margin:8px 16px 8px 0;}
.tablet .contents.new .tbl_area .inp_chk .w2checkbox_item + .w2checkbox_item{margin-left:0;}
.tablet .contents.new .tbl_area .inp_chk + .inp_group{margin-left:0;}
.tablet .contents.new .tbl_area .inp_group .tooltip_wrap{margin:0 16px 0 -8px;}

.tablet .contents.new .tbl_flex{display:block;}
.tablet .contents.new .tbl_flex .tit_area{min-height:auto;}
.tablet .contents.new .tbl_flex .box{width:100% !important;}
.tablet .contents.new .tbl_flex .box + .box{margin:24px 0 0;}

.tablet .contents.new .prd_cont .prd_info_wrap{position:fixed;top:104px;right:-336px;bottom:60px;width:336px;margin:0;border-radius:0;border:0;border-left:1px solid #d0d5d9;background:#fff;z-index:20;transition:right .5s;}
.tablet .contents.new .prd_cont .prd_info_wrap .inner{width:100%;padding:42px 24px 16px;}
.tablet .contents.new .prd_cont .prd_info_wrap.on{right:0;transition:right .5s;}
.tablet .contents.new .prd_cont .prd_info_wrap .butn_close{right:24px;top:10px;}
.tablet .contents.new .prd_cont .prd_info_wrap .tab_area.ty02 .w2tabcontrol_container{width:calc(100% + 24px);}
.tablet .contents.new .prd_cont .prd_info_wrap .tab_area.ty02 .w2tabcontrol_contents_wrapper{padding:16px 24px 0 0;}

.tablet .contents.new .prd_wrap.fav .prd_area.pc{display:none;}
.tablet .contents.new .prd_wrap.fav .prd_area.tablet{display:flex;border-width:0;margin-bottom:0;}

.tablet .contents.new .search_result .tab_area.right .w2tabcontrol_tabhost li a:after{display:none;}
.tablet .contents.new .info_sort{width:calc(100% - 180px);}
.tablet .contents.new .info_sort_box .inp_rdo_tab{margin-right:4px;}
.tablet .contents.new .info_sort_box .info{display:flex;margin-left:0;}
.tablet .contents.new .info_sort_box .info_item{margin:0 6px 0 4px;flex:none;width:180px;}
.tablet .contents.new .info_sort_box .info_item.wide{flex:1;width:auto;max-width:550px;min-width:auto;}
.tablet .contents.new .info_sort .inp_select{width:auto !important;}
.tablet .contents.new .info_sort .inp_rdo_tab.ty02 input + label{width:80px;}

.tablet .contents.new .main  .tit_area{margin:24px 0 8px;}
.contents.new .con_quick .tit_area:first-child{margin-bottom:24px;}
.tablet .contents.new .main .tit_area .tit{font-size:14px;}
.tablet .contents.new .main .con_right > div:first-child .tit_area,
.tablet .contents.new .main .con_right > .pc:first-child + div .tit_area{margin-left:16px;}

.tablet .contents.new .main .tit_area .refresh{width:16px;height:16px;margin-top:3px;}
.tablet .contents.new .main .tit_area .refresh:before{background-size:600px 600px !important;background-position:-320px -94px;}

.tablet .contents.new .main .con_right .pc:first-child + .tab_area.tablet{margin-top:0;}
.tablet .contents.new .main .con_right .tab_area{position:relative;padding:20px 16px;margin-top:24px;}
.tablet .contents.new .main .con_right .tab_area:first-child{margin-top:0;}
.tablet .contents.new .main .con_left .tab_area{margin-top:24px;}
.tablet .contents.new .main .con_right .tab_area:not(.flex):before{height:40px;top:20px;left:16px;right:16px;}
.tablet .contents.new .main .con_left .tab_area:not(.flex):before{height:40px;top:0;left:0;right:0;}
.tablet .contents.new .main .tab_area .w2tabcontrol_tabhost{height:40px;}
.tablet .contents.new .main .tab_area .w2tabcontrol_tabhost li{height:40px;width:110px;}
.tablet .contents.new .main .tab_area .w2tabcontrol_tabhost a{height:39px;width:110px;font-size:13px;}
.tablet .contents.new .main .tab_area.flex .w2tabcontrol_tabhost a{width:100%;}
.tablet .contents.new .main .tab_area .btn_tab{width:70px;height:28px;top:-35px;right:0;justify-content:center;text-decoration:underline;}

.tablet .contents.new .main .user_info{min-height:64px;}
.tablet .contents.new .main .user_info .img{width:64px;height:64px;margin-top:-32px;background-size:53px;}
.tablet .contents.new .main .user_info .name{font-size:16px;}
.tablet .contents.new .main .user_info .item{font-size:12px;}

.tablet .contents.new .main .count_box{padding:16px;margin-top:16px;}
.tablet .contents.new .main .tab_area .count_box{margin-top:12px;}
.tablet .contents.new .main .count_box dl:not(:first-child){margin-left:16px;padding-left:16px;}
.tablet .contents.new .main .count_box dt{font-size:13px;}
.tablet .contents.new .main .count_box dt span{font-size:12px;}
.tablet .contents.new .main .count_box dd{font-size:20px;}

.tablet .contents.new .main .amount_box dl{height:40px;padding:0 16px;}
.tablet .contents.new .main .amount_box dt{font-weight:500;}

.tablet .contents.new .main .deadline_box li{padding:10px 16px 10px 12px;margin-top:4px;border:none;}
.tablet .contents.new .main .deadline_box .day{width:36px;height:20px;margin-right:8px;color:#0099e6;font-size:12px;border:1px solid #0099e6;border-radius:10px;background:transparent;}
.tablet .contents.new .main .deadline_box .tit{font-size:14px;}
.tablet .contents.new .main .deadline_box .data{font-size:12px;}

.tablet .contents.new .main .grid_box th.gridHeaderTDDefault, 
.tablet .contents.new .main .grid_box td.gridBodyDefault{height:40px !important;}
.tablet .contents.new .main .grid_box td.gridBodyDefault{padding:0 8px;font-size:14px;}
.tablet .contents.new .main .grid_box .data .w2grid_input{font-size:12px;}

.tablet .contents.new .main .grid_box.h01 .w2grid{min-height:161px !important;}
.tablet .contents.new .main .grid_box.h02 .w2grid{min-height:161px !important;}
.tablet .contents.new .main .grid_box.h03 .w2grid{min-height:241px !important;}
.tablet .contents.new .main .grid_box.h04 .w2grid{min-height:121px !important;}
.tablet .contents.new .main .grid_box.h05 .w2grid{min-height:201px !important;}
.tablet .contents.new .main .grid_box.h06 .w2grid{min-height:201px !important;}
.tablet .contents.new .main .grid_box.h08 .w2grid{min-height:203px !important;}
.tablet .contents.new .main .grid_box.h09 .w2grid{min-height:241px !important;}
.tablet .contents.new .main .grid_box.h10 .w2grid{min-height:241px !important;}
.tablet .contents.new .main .grid_box.h11 .w2grid{min-height:121px !important;}

.tablet .contents.new .main .tit_area.msg{margin:0 16px 19px;}
.tablet .contents.new .main .tit_area.msg .tit{font-size:16px;}

.tablet .contents.new .main .prod_slides .swiper-button-next{background-size:24px 100%;}
.tablet .contents.new .main .schd_slides .swiper-button-next{background-size:40px 100%;}

.tablet .contents.new .main .prod_slides{width: calc(100% + 32px);height:230px;margin:0;padding: 15px 20px 15px 16px;mar gin: -15px 0 -15px -16px;}
.tablet .contents.new .main .prod_slides:after{display:inline-block;position:absolute;top:0;right:0;bottom:0;width:32px;background:url(../image/angel/bg_gradient03.png) no-repeat 0 0;background-size:100% 100%;z-index:10;content:"";}
.tablet .contents.new .main .prod_slides .item{width:168px;height:200px;padding:16px 16px 12px;}
.tablet .contents.new .main .prod_slides .tag{line-height:17px;font-size:12px;}
.tablet .contents.new .main .prod_slides .tit{line-height:20px;font-size:14px;height:80px;-webkit-line-clamp:4;}
.tablet .contents.new .main .prod_slides .bg{height:100px;justify-content:flex-end;align-items:flex-end;}
.tablet .contents.new .main .prod_slides .butn{left:12px;bottom:12px;right:12px;color:#525866;border-color:#f7f9fa;background:#f7f9fa;}

.tablet .contents.new .main .recommand_plan{margin-top:24px;}

.tablet .contents.new .main .plan_box{min-height:158px;}
.tablet .contents.new .main .plan_box .item{min-height:158px;padding:12px;margin-left:8px;}
.tablet .contents.new .main .plan_box .item:nth-child(n + 4){display:none;}
.tablet .contents.new .main .plan_box .item .tag{font-size:12px;margin-bottom:0;}
.tablet .contents.new .main .plan_box .butn{border:none;}

.tablet .contents.new .main .con_quick .tit_area .tit{display:none;}
.tablet .contents.new .main .con_quick .tit_area .butn{position:relative;display:flex;text-indent:-999em;font-size:0;padding:0;justify-content:flex-start;font-weight:500;background:none;border:none;}
.tablet .contents.new .main .con_quick.on .tit_area .butn{color:#7a8599;text-indent:0;font-size:12px;}
.tablet .contents.new .main .con_quick .tit_area .butn:before{width:36px;height:36px;margin-right:8px;border-radius:8px;background-color:#f1f4f5;background-position:-293px -154px;content:"";}
.tablet .contents.new .main .con_quick.on .tit_area .butn:before{background-position:-324px -154px;}
.tablet .contents.new .main .quick_btns .butn{height:36px;margin:8px 0 0;padding:0;box-shadow:none;border:none;font-size:12px;font-weight:500;color:transparent;border-radius:0;transition:all .3s;}
.tablet .contents.new .main .quick_btns .butn br{display:none;}
.tablet .contents.new .main .con_quick.on .quick_btns .butn{color:#525866;text-indent:0;font-size:12px;}
.tablet .contents.new .main .quick_btns .butn:before{position:static;width:36px;height:36px;margin:0 8px 0 0;border-radius:8px;}
.tablet .contents.new .main .quick_btns .butn.ico01:before{background-position:10px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico02:before{background-position:-31px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico03:before{background-position:-72px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico04:before{background-position:-112px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico05:before{background-position:-154px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico06:before{background-position:10px -340px;}
.tablet .contents.new .main .quick_btns .butn.ico07:before{background-position:-194px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico08:before{background-position:-233px -341px;}
.tablet .contents.new .main .quick_btns .butn.ico09:before{background-position:-273px -342px;}
.tablet .contents.new .main .quick_btns .butn.ico10:before{background-position:-312px -342px;}
.tablet .contents.new .main .quick_btns .butn.ico11:before{background-position:-69px -342px;}
.tablet .contents.new .main .quick_btns .butn.ico12:before{background-position:-111px -342px;}
.tablet .contents.new .main .quick_btns .butn.ico13:before{background-position:-152px -342px;}
.tablet .contents.new .main .quick_btns .butn.ico14:before{background-position:-234px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico15:before{background-position:-273px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico16:before{background-position:-313px -302px;}
.tablet .contents.new .main .quick_btns .butn.ico17:before{background-position:-355px -300px;}
.tablet .contents.new .main .quick_btns .butn.ico18:before{background-position:-395px -301px;}
.tablet .contents.new .main .quick_btns .butn.ico19:before{background-position:-436px -302px;}

.tablet .contents.new .main .con_quick .util_btns{position:relative;padding:24px 0 0 7px;margin-top:24px;}
.tablet .contents.new .main .con_quick:not(.on) .util_btns:before{display:inline-block;position:absolute;top:0;left:0;width:36px;height:1px;background:#d3dce6;content:"";}
.tablet .contents.new .main .con_quick .util_btns .butn{color:transparent;font-size:12px;justify-content:flex-start;}
.tablet .contents.new .main .con_quick.on .util_btns .butn.qr{padding-bottom:56px;}
.tablet .contents.new .main .con_quick:not(.on) .util_btns .butn.qr:after{display:none;}
.tablet .contents.new .main .con_quick.on .util_btns .butn.qr:after{width:40px;height:40px;}
.tablet .contents.new .main .con_quick .util_btns .butn a{height:20px;justify-content:center;color:transparent;}
.tablet .contents.new .main .con_quick .util_btns .butn a:before{width:20px;height:20px;margin:0 8px 0 0;background-size:666px auto !important;opacity:0.5;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico01 a:before{background-position:2px -360px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico02 a:before{background-position:-34px -360px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico03 a:before{background-position:-71px -360px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico04 a:before{background-position:-109px -361px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico05 a:before{background-position:-147px -360px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico06 a:before{background-position:0px -398px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico07 a:before{background-position:-36px -398px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico08 a:before{background-position:-73px -398px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico09 a:before{background-position:-108px -398px;}
.tablet .contents.new .main .con_quick .util_btns .butn.ico11 a:before{background-position:-231px -431px;background-size:720px auto !important;opacity:0.4;}

.tablet .contents.new .main .con_quick.on .util_btns{padding-left:0;width:100%;border-top:1px solid #d3dce6;}
.tablet .contents.new .main .con_quick.on .util_btns a{justify-content:flex-start;color:#525866;}
.tablet .contents.new .main .con_quick.on .util_btns .butn a:before{opacity:1;}

.tablet .contents.new .main .banner_slides{margin-top:24px;}
.tablet .contents.new .main .banner_slides .item{height:215px;}
.tablet .contents.new .main .banner_slides .swiper-pagination{bottom:16px;right:16px;font-size:12px;}
.tablet .contents.new .main .banner_slides .swiper-pagination > span{font-size:12px;}

.tablet .contents.new .main .con_section{display:block;margin-top:24px;}

.tablet .contents.new .main .con_left .banner_box{margin-top:24px;width:100%;}
.tablet .contents.new .main .con_left .util_btns{margin-top:24px;padding:0;border:none;}
.tablet .contents.new .main .con_left .util_btns .butn{height:42px;margin:0;padding:0 16px;font-size:13px;border-top:1px solid #e6ebf0;}
.tablet .contents.new .main .con_left .util_btns .butn:first-child{border:none;}
.tablet .contents.new .main .con_left .util_btns .butn.qr{padding-bottom:0;margin-bottom:18px;}
.tablet .contents.new .main .con_left .util_btns .butn.qr:after{width:48px;height:48px;left:auto;right:10px;bottom:-18px;background-size:48px 48px;}

.tablet .contents.new .main .banner_box.tablet .w2image{width:100%;height:auto;}

.tablet .contents.new .main .shortcut_btns{width:calc(100% + 8px);margin-top:8px;margin-left:-8px;}
.tablet .contents.new .main .shortcut_btns .butn{padding:8px 0 0 8px;}
.tablet .contents.new .main .shortcut_btns .butn a{height:96px;line-height:18px;font-size:13px;}
.tablet .contents.new .main .shortcut_btns .butn a:before{width:32px;height:32px;margin-bottom:4px;background-size:600px 600px !important;}
.tablet .contents.new .main .shortcut_btns .butn.ico01 a:before{background-position:9px -286px;}
.tablet .contents.new .main .shortcut_btns .butn.ico02 a:before{background-position:-25px -286px;}
.tablet .contents.new .main .shortcut_btns .butn.ico03 a:before{background-position:-59px -286px;}
.tablet .contents.new .main .shortcut_btns .butn.ico04 a:before{background-position:-94px -286px;}
.tablet .contents.new .main .shortcut_btns .butn.ico05 a:before{background-position:-126px -286px;}

.tablet .contents.new .main .ba_board_btns{padding:16px;}
.tablet .contents.new .main .ba_board_btns > div{display:flex;flex-wrap:wrap;width:calc(100% + 16px);margin:-16px 0 0 -16px;}
.tablet .contents.new .main .ba_board_btns .item{flex-basis:calc(33.3% - 16px);justify-content:flex-start;height:120px;margin:16px 0 0 16px;padding:16px;font-size:14px;}
.tablet .contents.new .main .ba_board_btns .w2image{bottom:16px;right:16px;left:auto;top:auto;margin:0;width:48px;height:48px;}
.tablet .contents.new .main .ba_board_btns .count{font-size:14px;}
.tablet .contents.new .main .ba_board_btns .count .num{font-size:20px;}

.tablet .contents.new .main .user_info .count,
.tablet .contents.new .main .user_info .count .num{font-size:13px;}
.tablet .contents.new .main .user_info .count:before{width:16px;height:16px;background-position:-203px -325px;background-size:600px 600px !important;}

.tablet .contents.new .main .schd_slides{height:387px;width:calc(100% + 35px);}
.tablet .contents.new .main .schd_slides .swiper-button-prev{left:17px;background:none;}
.tablet .contents.new .main .schd_slides .day{height:347px;width:192px;padding:16px;}
.tablet .contents.new .main .schd_slides .hour_box .hour{padding:12px 8px;margin-top:8px;}
.tablet .contents.new .main .schd_slides .hour .time{width:43px;font-size:14px;}
.tablet .contents.new .main .schd_slides .hour .item .tag{margin-right:6px;}
.tablet .contents.new .main .schd_slides .tit .num{font-size:18px;}
.tablet .contents.new .main .schd_slides .tit .txt{font-size:12px;}

.tablet .contents.new .main .ranking_wrap .grid_rank .w2grid{min-height:324px;}
.tablet .contents.new .main .ranking_wrap .grid_rank thead th{padding:10px 0 11px;}
.tablet .contents.new .main .ranking_wrap .grid_rank .w2grid td{height:48px !important;font-size:14px;}
.tablet .contents.new .main .w2grid .rank span{width:28px;height:28px;padding:0 0 2px 1px;font-size:13px;background-position:-441px -481px;}
.tablet .contents.new .main .w2grid .rank .rank01{background-position:-321px -481px;}
.tablet .contents.new .main .w2grid .rank .rank02{background-position:-361px -481px;}
.tablet .contents.new .main .w2grid .rank .rank03{background-position:-401px -481px;}
.tablet .contents.new .main .con_right .ranking_wrap{margin:0;padding:20px 16px;border-radius:24px;background:#fff;}
.tablet .contents.new .main .con_right .tab_area .ranking_wrap{padding:0;}

.tablet .contents.new .main .con_right .pc:first-child + .tbl_main.upbr{margin-top:0;}

.tablet .contents.new .main .tbl_main{padding:0;border-radius:0;background:transparent;}
.tablet .contents.new .main .tbl_main .w2tb .w2tb_th{height:40px;font-size:14px;}
.tablet .contents.new .main .tbl_main .w2tb .w2tb_td{height:40px;background:#fff;}
.tablet .contents.new .main .tbl_main.upbr .w2tb tbody span{font-size:13px;}
.tablet .contents.new .main .tbl_main.upbr .w2tb tbody .w2tb_th span:before{width:24px;height:24px;background-size:600px 600px !important;}
.tablet .contents.new .main .tbl_main.upbr .w2tb tbody .w2tb_th .ico01:before{background-position:-137px -192px;}
.tablet .contents.new .main .tbl_main.upbr .w2tb tbody .w2tb_th .ico02:before{background-position:-170px -192px;}
.tablet .contents.new .main .tbl_main.upbr .w2tb tbody .w2tb_th .ico03:before{background-position:-203px -192px;}

.tablet .contents.new .main .achieve_box{margin-top:24px;padding:16px;border-radius:24px;background:#fff;}
.tablet .contents.new .main .achieve_list{position:relative;width:100%;overflow:hidden;padding-right:44px;}
.tablet .contents.new .main .achieve_list li{width:164px;min-height:123px;padding:15px 16px;border-radius:12px;border:1px solid #e6ebf0;background:#fff;}
.tablet .contents.new .main .achieve_list .swiper-button-next{width:44px;right:0;}
.tablet .contents.new .main .achieve_list .swiper-button-next:after{border-radius:50%;box-shadow:0 3px 12px rgba(64, 96, 128, 0.1);opacity:1 !important;}
.tablet .contents.new .main .achieve_list .name{display:inline-flex;width:100%;height:22px;align-items:center;margin-bottom:4px;font-size:13px;color:#292c33;}
.tablet .contents.new .main .achieve_list .tit{width:100%;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tablet .contents.new .main .achieve_list dl{display:flex;height:19px;margin-top:4px;font-size:13px;color:#525866;align-items:center;justify-content:space-between;}
.tablet .contents.new .main .achieve_list dd{font-size:13px;color:#525866;}
.tablet .contents.new .main .achieve_list dd span{margin-left:3px;}

.tablet .contents.new .prd_area .prd_tab{top:5px;}
.tablet .contents.new .nodata{min-height: 150px;padding: 50px 0;text-align:center;}
.tablet .contents.new .search_wrap .user_info .inp_search{max-width:120px;}

.tablet .contents.new.pop_wrap .noti_top{padding:32px;}
.tablet .contents.new.pop_wrap .noti_top .txt br{display:none;}
.tablet .contents.new.pop_wrap .noti_top .txt{margin-top:10px;}

.tablet .contents.new .tbl_area td dl.form_box:not(:first-child){display:flex;margin:8px 0 0 0;}
.tablet .contents.new .tbl_area td .inp_group{display:flex;margin-top:8px;}
.tablet .contents.new .tbl_area td .inp_group .form_box{display:inline-flex !important;margin:0 0 0 16px !important;}
.tablet .contents.new .tbl_area td .inp_group:first-child{margin-top:0px;}
.tablet .contents.new .tbl_area td .inp_group .form_box:first-child{margin-left:0 !important;}

.tablet .contents.new .tab_area > .w2tabcontrol_container > .w2tabcontrol_contents .w2tabcontrol_contents_wrapper{padding-bottom:0;}

.pop_wrap.new .prd_area .prd_list{width:45% !important;}
.pop_wrap.new .prd_area .prd_detail{width:55% !important;}

/* as-is */
.main_thumb{height:calc(100% - 35px);overflow:hidden;}
.main_thumb img{height:100% !important;border:0;}
.main_thumb + .form_wrap{padding-right:5px;}
.main_thumb + .form_wrap span{vertical-align:middle;}

.simple_pop_header .tit_wrap .tar .md_btns{display:inline-flex !important;}

.angel .pop_simple .w2window_body, .angel.pop_simple .w2window_body{top:0 !important;}