@charset "utf-8";
@import url(/css/font.css);


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{font-family:'Pretendard', 'Noto Sans KR', Arial;margin:0;padding:0}

body,h1,h2,h3,h4,h5,h6,th,td,select,input,textarea,button{font-family:'Pretendard', 'Noto Sans KR', Arial;letter-spacing:-.4px}

body{-webkit-text-size-adjust:none;font-size:14px;font-weight:400;color:#000000;word-break:break-all;line-height:1.4;letter-spacing:-.4px}
a:link, a:visited, a:active ,a:hover{text-decoration:none; color:#000000;}

.oh{overflow:hidden}
.cl{clear:both}
.cl_fix::before,.cl_fix::after{
    display: block;
    content: '';
    clear: both;
}
.fl{float:left;}
.po_re{position:relative}
.po_ab{position:absolute}
.fr{float:right}
ul{
   list-style:none;
   padding-left:0px;
   }

img{vertical-align:top;}
.cred{color:#fc3c3c}
.cblue{color:#3eaaf6}
.b{font-weight:600}
.cwhite{color:#ffffff;}
/*.cgrey{color:#a3a3a3}*/
.font-30{font-size:30px;}
.font-18{font-size:18px;}
.font-16{font-size:16px;}
.font-15{font-size:15px;}
.font-14{font-size:14px;}
.font-13{font-size:13px;}
.font-12{font-size:12px;}
.font-20{font-size:20px;}
.font-11{font-size:11px;}

.classSec{

overflow: hidden; 

text-overflow: ellipsis ; 

display: -webkit-box;

-webkit-line-clamp: 2 ; /* 라인수 */    

-webkit-box-orient: vertical ; 

word-wrap:break-word ;

}
.classSec2{

    overflow: hidden; 
    
    text-overflow: ellipsis ; 
    
    display: -webkit-box;
    
    -webkit-line-clamp: 2 ; /* 라인수 */    
    
    -webkit-box-orient: vertical ; 
    
    word-wrap:break-word ;
    
    }


.classSec5{

overflow: hidden; 

text-overflow: ellipsis ; 

display: -webkit-box;

-webkit-line-clamp: 5 ; /* 라인수 */    

-webkit-box-orient: vertical ; 

word-wrap:break-word ;

}

.classSec10{

overflow: hidden; 

text-overflow: ellipsis ; 

display: -webkit-box;

-webkit-line-clamp: 10 ; /* 라인수 */    

-webkit-box-orient: vertical ; 

word-wrap:break-word ;

}
.disp_table{
    display: table;
}
.disp_td{
    display: table-cell;
}
.disp_tr{
    display: table-row;
}

.ellipsis{
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 
}

.font_default{font-family: sans-serif;}
.font_no_default{font-family:'Noto Sans KR', 'Malgun Gothic', 'AppleSDGothicNeo', Arial, Helvetica, serif , sans-serif;letter-spacing:-.4px}

img{
    object-fit: cover;
}


.share-pop img{     /*팝업이미지 조절  */
    max-height: calc(100vh - 70px);
    max-width: calc(100vh - 100px);
}
/* #head{min-width:1263px !important; }
#main{min-width:1263px !important; }
#tail{min-width:1263px !important; } */

.kdw_btns {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 가로폭 */
.inner1250 {
    max-width: 1250px;
    margin: 0 auto;
}
.inner1280 {
    max-width: 1280px;
    margin: 0 auto;
}
.inner1200 {
    width: 1200px;
    margin: 0 auto;
}
.inner1380 {
    width: 1380px;
    margin: 0 auto;
}
.inner1560 {
    width: 1560px;
    margin: 0 auto;
}
/* 마진 */
.mgb100{
    margin-bottom: 100px;
}

/* 패딩 */


/* 플렉스 */
.fx{
    display: flex;
}
.fx_jspb{
    justify-content: space-between;
}
.fx_jspa{
    justify-content: space-around;
}
.fx_jc{
    justify-content: center;
}
.fx_jend{
    justify-content: end;
}
.fx_jst{
    justify-content: stretch;
}
.fx_alc{
    align-items: center;
}
.fx_ast{
    align-items: stretch;
}
.fx_fdc{
    flex-direction: column;
}


/* 공통 아이콘 */
i {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
/* 화살표 아이콘 */
i.t2l_arr_01_l{
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_arr_01.svg');
}
i.t2l_arr_01_u{
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_arr_01.svg');
}
i.t2l_arr_01_r{
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_01.svg');
}
i.t2l_arr_01_d{
    width: 30px;
    height: 30px;
    transform: rotate(-90deg);
    background-image: url('/img/t2l_arr_01.svg');
}
i.t2l_arr_02_l{
    width: 12px;
    height: 12px;
    background-image: url('/img/t2l_arr_02.svg');
}
i.t2l_arr_02_u{
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_arr_02.svg');
}
i.t2l_arr_02_r{
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_02.svg');
}
i.t2l_arr_02_d{
    width: 12px;
    height: 12px;
    transform: rotate(-90deg);
    background-image: url('/img/t2l_arr_02.svg');
}
i.t2l_arr_03_l{
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_arr_03.svg');
}
i.t2l_arr_03_u{
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_arr_03.svg');
}
i.t2l_arr_03_r{
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_03.svg');
}
i.t2l_arr_03_d{
    width: 30px;
    height: 30px;
    transform: rotate(-90deg);
    background-image: url('/img/t2l_arr_03.svg');
}
i.t2l_arr_04_l{
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_arr_04.svg');
}
i.t2l_arr_04_u{
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_arr_04.svg');
}
i.t2l_arr_04_r{
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_04.svg');
}
i.t2l_arr_04_d{
    width: 30px;
    height: 30px;
    transform: rotate(-90deg);
    background-image: url('/img/t2l_arr_04.svg');
}


/* 20 X 20 */
i.t2l_bbl_01 {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_bbl_01.svg');
}
i.t2l_ntc_01 {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_ntc_01.svg');
}
i.t2l_arr_08_l{
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_arr_08.svg');
}
i.t2l_arr_08_u{
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_arr_08.svg');
}
i.t2l_arr_08_r{
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_08.svg');
}
i.t2l_arr_08_d{
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
    background-image: url('/img/t2l_arr_08.svg');
}


/* 30 X 30 */
i.t2l_cal_01 {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_cal_01.svg');
}
i.t2l_cal_02{
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_cal_02.svg');
}
i.t2l_src_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_src_01.svg');
}

i.t2l_mis_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_mis_01.svg');
}

i.t2l_pls_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_pls_01.svg');
}

i.t2l_calc_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_calc_01.svg');
}
i.t2l_pas_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_pas_01.svg');
}
i.t2l_play_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_play_01.svg');
}
i.t2l_pas_03 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_pas_03.svg');
}
i.t2l_play_03 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_play_03.svg');
}
i.t2l_arr_11_l {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_arr_11.svg');
}
i.t2l_arr_11_r {
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_11.svg');
}
i.t2l_sun_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_sun_01.svg');
}
i.t2l_con_02 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_con_02.svg');
}
i.t2l_carr_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_carr_01.svg');
}
i.t2l_hdp_02 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_hdp_02.svg');
}
i.t2l_coin_03 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_coin_03.svg');
}

i.t2l_hdp_03 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_hdp_03.svg');
}

i.t2l_hdp_04 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_hdp_04.svg');
}
i.t2l_airplane_01 {
    width: 135px;
    height: 40px;
    background-image: url('/img/t2l_airplane_01.png');
}
i.t2l_activity_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_activity_01.svg');
}
i.t2l_activity_02 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_activity_02.svg');
}
i.t2l_meal_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_meal_01.svg');
}
i.t2l_hotel_01 {
    width: 30px;
    height: 30px;
    background-image: url('/img/t2l_hotel_01.svg');
}



/* 40 X 40 */

i.t2l_img_add_01 {
    width: 40px;
    height: 40px;
    background-image: url('/img/t2l_img_add_01.svg');
}
i.t2l_arr_09_l {
    width: 40px;
    height: 40px;
    background-image: url('/img/t2l_arr_09_r.svg');
}
i.t2l_arr_09_r {
    width: 40px;
    height: 40px;
    background-image: url('/img/t2l_arr_09_l.svg');
}

/* 50 X 50 */

i.t2l_calc_02 {
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_calc_02.svg');
}
i.t2l_arr_05_l{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_arr_05.svg');
}
i.t2l_arr_05_u{
    width: 50px;
    height: 50px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_arr_05.svg');
}
i.t2l_arr_05_r{
    width: 50px;
    height: 50px;
    transform: rotate(180deg);
    background-image: url('/img/t2l_arr_05.svg');
}
i.t2l_arr_05_d{
    width: 50px;
    height: 50px;
    transform: rotate(-90deg);
    background-image: url('/img/t2l_arr_05.svg');
}
i.t2l_hdp_01{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_hdp_01.svg');
}
i.t2l_coin_01{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_coin_01.svg');
}
i.t2l_cloud_01{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_cloud_01.svg');
}
i.t2l_moon_01{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_moon_01.svg');
}
i.t2l_coin_02{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_coin_02.svg');
}
i.t2l_carr_02{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_carr_02.svg');
}
i.t2l_book_01{
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_book_01.svg');
}

/* etc */

i.t2l_mnt_01 {
    width: 276px;
    height: 238px;
    
    background-image: url('/img/t2l_mnt_01.svg');
}
i.t2l_arr_06_l{
    width: 33px;
    height: 33px;
    background-image: url('/mainimg/banner/banner_left.png');
}
i.t2l_arr_06_r{
    width: 33px;
    height: 33px;
    background-image: url('/mainimg/banner/banner_right.png');
}
i.t2l_pas_02{
    width: 33px;
    height: 33px;
    background-image: url('/mainimg/banner/stop.png');
}
i.t2l_arr_07{
    width: 50px;
    height: 12px;
    background-image: url('/img/t2l_arr_07.svg');
    background-position: bottom!important;
}
i.t2l_green_arr_01{
    width: 8px;
    height: 8px;
    background-image: url('/img/t2l_green_arr.svg');
}
i.t2l_home_01{
    width: 24px;
    height: 24px;
    background-image: url('/img/t2l_home_01.svg');
}
i.t2l_home_02{
    width: 24px;
    height: 24px;
    background-image: url('/img/t2l_home_02.svg');
}

i.t2l_src_02 {
    width: 24px;
    height: 24px;
    background-image: url('/img/t2l_src_02.png');
}
i.t2l_man_01 {
    width: 32px;
    height: 32px;
    background-image: url('/img/t2l_man_01.svg');
}
i.t2l_hrt_01 {
    width: 32px;
    height: 32px;
    background-image: url('/img/t2l_hrt_01.svg');
}
i.t2l_doc_01 {
    width: 32px;
    height: 32px;
    background-image: url('/img/t2l_doc_01.svg');
}
i.t2l_arr_10_l {
    width: 36px;
    height: 36px;
    background-image: url('/img/t2l_arr_10_l.svg');
}
i.t2l_arr_10_r {
    width: 32px;
    height: 32px;
    background-image: url('/img/t2l_arr_10_r.svg');
}
i.t2l_flt_01 {
    width: 2.64rem;
    height: 2.64rem;
    background-image: url('/img/t2l_flt_01.svg');
}
i.t2l_person {
    width: 24px;
    height: 24px;
    background-image: url('/img/t2l_person.svg');
}
i.t2l_bucket {
    width: 24px;
    height: 24px;
    background-image: url('/img/t2l_bucket.svg');
}
i.t2l_chat {
    width: 24px;
    height: 22px;
    background-image: url('/img/t2l_chat.svg');
}
i.t2l_x_01 {
    width: 16px;
    height: 16px;
    background-image: url('/img/t2l_x_01.svg');
}
i.t2l_itw_r_01 {
    width: 12px;
    height: 6px;
    transform: rotate(90deg);
    background-image: url('/img/t2l_itw_r_01.svg');
}
i.t2l_air_02 {
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_air_02.svg');
}
i.t2l_coin_04 {
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_coin_04.svg');
}
i.t2l_lm_01 {
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_lm_01.svg');
}
i.t2l_src_03 {
    width: 20px;
    height: 20px;
    background-image: url('/img/t2l_src_03.svg');
}
/* 231212 세욱 추가 */
i.t2l_cloud_blue_01 {
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_cloud_blue_01.svg');
}
i.t2l_moon_blue_01 {
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_moon_blue_01.svg');
}
i.t2l_coin_blue_02 {
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_coin_blue_02.svg');
}
i.t2l_carr_blue_02 {
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_carr_blue_02.svg');
}
i.t2l_book_blue_01 {
    width: 50px;
    height: 50px;
    background-image: url('/img/t2l_book_blue_01.svg');
}
i.kbd_l_01 {
    width: 24px;
    height: 24px;
    background-image: url('/img/kbd_l_01.svg');
}
i.kbd_r_01 {
    width: 24px;
    height: 24px;
    background-image: url('/img/kbd_r_01.svg');
}
i.kbd_ntc_01 {
    width: 80px;
    height: 80px;
    background-image: url('/img/kbd_ntc_01.svg');
}
i.kbd_dnt_01 {
    width: 80px;
    height: 80px;
    background-image: url('/img/kbd_dnt_01.svg');
}
i.kbd_vrt_01 {
    width: 80px;
    height: 80px;
    background-image: url('/img/kbd_vrt_01.svg');
}
i.kbd_rcr_01 {
    width: 80px;
    height: 80px;
    background-image: url('/img/kbd_rcr_01.svg');
}
i.kbd_spb_01 {
    width: 80px;
    height: 80px;
    background-image: url('/img/kbd_spb_01.svg');
}
i.kbd_money_01 {
    width: 120px;
    height: 83.61px;
    background-image: url('/img/kbd_money_01.svg');
}
i.kbd_bag_01 {
    width: 120px;
    height: 106.54px;
    background-image: url('/img/kbd_bag_01.svg');
}
i.kbd_shop_01 {
    width: 120px;
    height: 113.45px;
    background-image: url('/img/kbd_shop_01.png');
}
i.fair_none_01{
    width: 196px;
    height: 120px;
    background-image: url('/img/fair_none.png');
}

/* SNS 아이콘 */
i.t2l_sns_01{
    width: 40px;
    height: 40px;
    background-image: url('/img/si_fb_01.svg');
}
i.t2l_sns_02{
    width: 40px;
    height: 40px;
    background-image: url('/img/si_kko_01.svg');
}
i.t2l_sns_03{
    width: 40px;
    height: 40px;
    background-image: url('/img/si_naver_01.svg');
}
i.t2l_sns_04{
    width: 40px;
    height: 40px;
    background-image: url('/img/si_ytb_01.svg');
}
i.t2l_sns_05{
    width: 40px;
    height: 40px;
    background-image: url('/img/si_inst.svg');
}
i.t2l_sns_06{
    width: 40px;
    height: 40px;
    background-image: url('/img/google.svg');
}
i.t2l_sns_07{
    width: 40px;
    height: 40px;
    background-image: url('/img/naver.svg');
}
/* 체크박스 */
label.t2l_chk_lb_01 {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.t2l_chk_lb_01::before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/img/t2l_sel_01_emt.svg');

}

input[type='checkbox']:checked+label.t2l_chk_lb_01::before {
    background-image: url('/img/t2l_sel_01_act.svg');
}
input[type='checkbox']:disabled+label.t2l_chk_lb_01::before {
    background-color: #dddddd;
    background-image: none;
}
input[type='checkbox'].t2l_chk_lb_01 {
    display: none;
}

label.t2l_chk_lb_02 {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.t2l_chk_lb_02::before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/img/t2l_sel_02_emt.svg');
}

input[type='checkbox']:checked+label.t2l_chk_lb_02::before {
    background-image: url('/img/t2l_sel_02_act.svg');
}

input[type='checkbox'].t2l_chk_lb_02 {
    display: none;
}

/* 이미지 없을 때 썸네일 이미지 */

/* ~40 */

.t2l_thn_40{
    background-color: var(--mono_back);
    border: 1px solid var(--mono_line);
    background-position: center;
    background-size: auto calc(100% - 20px);
    background-image: url('/img/t2l_thn_01.svg');
    background-repeat: no-repeat;
}
.t2l_thn_40>img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* ~60 */

.t2l_thn_60{
    background-color: var(--mono_back);
    border: 1px solid var(--mono_line);
    background-position: center;
    background-size: auto calc(100% - 20px);
    background-image: url('/img/t2l_thn_01.svg');
    background-repeat: no-repeat;

}
.t2l_thn_60>img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
/* ~140 */

.t2l_thn_140{
    background-color: var(--mono_back);
    border: 1px solid var(--mono_line);
    background-position: center;
    background-size: auto calc(100% - 40px);
    background-image: url('/img/t2l_thn_01.svg');
    background-repeat: no-repeat;
}
.t2l_thn_140>img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
/* 140~ */
.t2l_thn_big{
    background-color: var(--mono_back);
    border: 1px solid var(--mono_line);
    background-position: center;
    background-size: 100px 100px;
    background-image: url('/img/t2l_thn_01.svg');
    background-repeat: no-repeat;
}
.t2l_thn_big>img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}