@charset "utf-8";
/* -- reset ------------------------------------------------------------------------------------------------------------------ */	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video, button, input, textarea { margin: 0; padding: 0; border: 0; outline: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
	* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: inherit; color: inherit; }
	body { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; word-break: break-all; word-wrap: break-word; }
	ul, ol, li { list-style: none;}
	table, thead, tbody, tfoot { border-collapse: collapse; border-spacing: 0; border: 0; }
	img, fieldset { border: 0; vertical-align : middle; }
	img { display: block; max-width: 100%; margin: 0; }
	a, a:link, a:visited, a:hover, a:focus { color: inherit; text-decoration: none; }
	button, label { background: none; cursor: pointer; }
	input[type="button"] { cursor: pointer; }
    input[type="text"] { background: none; outline: none; }
    input[type="checkbox"], input[type="radio"] ,input[type="file"] { display: none; outline: none; }
    select { background: none; outline: none; }
	textarea { outline: none; resize: none; }

	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #222 !important; }

/* -- default setting ------------------------------------------------------------------------------------------------------------------ */	
	
	/*  datepicker 관련 셋팅   */
/* 	input[type="text"].date_input { border: 1px solid #B3BFD1; height: 20px; background: #fff url(../../images/web/input/calendarIcon.svg) no-repeat; background-position: 4px 50%; background-size: 12px; padding-left: 20px; } */
/* 	input[type="text"].date_input.nbd { border: none; } */
/* 	input[type="text"].date_input.dis { background: #EFF5F8 url(../../images/web/input/calendarIcon.svg) no-repeat; background-position: 4px 50%; background-size: 12px; } */
/* 	.dateType { display: flex; align-items: center; justify-content: space-between; } */
/* 	.dateType span { margin: 0 5px; } */
/* 	.ui-datepicker-trigger { display: none; } */
/* 	.date_input+.ui-datepicker-trigger { display: none; } */
	
	/*  인풋 관련 셋팅   */
	
	
	input[type="text"], input[type="checkbox"], input[type="radio"] { font-family: "Noto Sans KR"; background: none; }
	input[type="text"], input[type="password"], input[type="number"] { width: 100%; height: 46px; border: 1px solid #859AAC; padding: 0 16px; border-radius: 4px; font-size: 16px; color: #333; }
	input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover { border: 1px solid #2F44FF; }
	input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus { border: 1px solid #2F44FF; }
	input[type="button"] { cursor: pointer; }
	
	/* select */
/*     .select { height: 20px; width: 120px; padding-left: 4px; border: 1px solid #B3BFD1; border-radius: 4px; background: #fff; } */
    
    /*select_mark*/
/*     .select_label { padding-left: 15px; background-image: url(../../images/web/input/select_bg_off.png); background-repeat: no-repeat; background-position: left center; margin-right: 15px; line-height: 20px; } */
/*     .select_label:last-child { margin-right: 0; } */
/*     input[type="radio"]:checked + .select_label { background-image: url(../../images/web/input/select_bg_on.png); color: #487ACC; } */
/* 	select.selectInput { background: #fff; width: 120px; height: 20px; padding-left: 4px; border: 1px solid #B3BFD1; border-radius: 4px; } 캐시맵 기본값 */

    /*check_mark*/
    .check_label { padding-left: 28px; background: #fff url(/images/landing/check_off01.svg) no-repeat left center / 20px; margin-right: 15px; font-size: 14px; font-weight: bold; color: #333; line-height: 20px; letter-spacing: -0.45px; }
    .check_label.dis { background-image: url(../../images/web/input/check_dis.svg)!important; }
    input[type="checkbox"]:checked + .check_label { background: #fff url(/images/landing/check_on01.svg) no-repeat left center / 20px; }

    /*radio_mark*/
/* 	.radio_label { background: #fff url(../../images/web/input/radio_off.svg) no-repeat left center; background-size: 14px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #4A5E76; line-height: 14px; } */
/*     .radio_label.dis { background-image: url(../../images/web/input/radio_dis.svg)!important; } */
/*     .radio_label:last-child { margin-right: 0; } */
/* 	input[type="radio"]:checked + .radio_label { background-image: url(../../images/web/input/radio_on.svg); font-weight: bold; } */
	
	/*scroll_bar*/
    body *::-webkit-scrollbar { width: 8px; height: 8px; }
    body *::-webkit-scrollbar-thumb { background-color: #759BD8; border-radius: 4px; }
    body *::-webkit-scrollbar-track { background-color: transparent; }
    
	/* loading 화면 (스크립트) */
	/*화면 전체를 어둡게 합니다.*/
	.wrap-loading { position: fixed; left:0; right:0; top:0; bottom:0; z-index:2147483645; background: rgba(0,0,0,0); /*not in ie */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */  }
	.mainWrap-loading { position: fixed; left:0; right:0; top:0; bottom:0; z-index:2147483646; background:url(../images/popup/popup_bg.png);  }
	.subWrap-loading { position: fixed; left:373px; right:44px; top:187px; bottom:64px; z-index:2147483646; background-repeat: no-repeat; background-image:url(../images/popup/popup_bg2.png);  }
	
	/*로딩 이미지*/
	.wrap-loading div { position: fixed; top:50%; left:50%; z-index:2147483647; margin-left: -21px; margin-top: -21px; }
	
	/*감추기*/
	.display-none { display:none; }
	.wrap-loading.display-none { display: none; }

    /*IOS 스크롤 영역 문제*/
    .h_50 { height: calc(100% - 50px)!important; }
    .scroll_ { height: calc(100%)!important; overflow-y: auto; }
    .scroll_50 { height: calc(100% - 50px)!important; overflow-y: auto; }
        
    .maxHeight { height: 100vh; max-height: -webkit-fill-available; max-height: fill-available; }

/* -- 공통 클래스 ------------------------------------------------------------------------------------------------------------------ */	

	/*  display  */
	.hide { display: none; }
	.hidden { visibility: hidden; }
	.cup { cursor: pointer; }
	.wka { word-break: keep-all; }
	
	/*  layout  */
	/* margin */
	.mg_0 { margin: 0; }
	.mg_5 { margin: 5px; } .mg_t5 { margin-top: 5px; } .mg_r5 { margin-right: 5px; } .mg_b5 { margin-bottom: 5px; } .mg_l5 { margin-left: 5px; }
	.mg_10 { margin: 10px; } .mg_t10 { margin-top: 10px; } .mg_r10 { margin-right: 10px; } .mg_b10 { margin-bottom: 10px; } .mg_l10 { margin-left: 10px; }
	.mg_15 { margin: 15px; } .mg_t15 { margin-top: 15px; } .mg_r15 { margin-right: 15px; } .mg_b15 { margin-bottom: 15px; } .mg_l15 { margin-left: 15px; }
	.mg_20 { margin: 20px; } .mg_t20 { margin-top: 20px; } .mg_r20 { margin-right: 20px; } .mg_b20 { margin-bottom: 20px; } .mg_l20 { margin-left: 20px; }
	.mg_30 { margin: 30px; } .mg_t30 { margin-top: 30px; } .mg_r30 { margin-right: 30px; } .mg_b30 { margin-bottom: 30px; } .mg_l30 { margin-left: 30px; }
	.mg_auto { margin: 0 auto; } .mg_l_auto { margin-left: auto; } .mg_r_auto { margin-right: auto; }
	
	/* padding */
	.pd_0 { padding: 0; }
	.pd_5 { padding: 5px; } .pd_t5 { padding-top: 5px; } .pd_r5 { padding-right: 5px; } .pd_b5 { padding-bottom: 5px; } .pd_l5 { padding-left: 5px; }
	.pd_10 { padding: 10px; } .pd_t10 { padding-top: 10px; } .pd_r10 { padding-right: 10px; } .pd_b10 { padding-bottom: 10px; } .pd_l10 { padding-left: 10px; }
	.pd_15 { padding: 15px; } .pd_t15 { padding-top: 15px; } .pd_r15 { padding-right: 15px; } .pd_b15 { padding-bottom: 15px; } .pd_l15 { padding-left: 15px; }
	.pd_20 { padding: 20px; } .pd_t20 { padding-top: 20px; } .pd_r20 { padding-right: 20px; } .pd_b20 { padding-bottom: 20px; } .pd_l20 { padding-left: 20px; }
	.pd_30 { padding: 30px; } .pd_t30 { padding-top: 30px; } .pd_r30 { padding-right: 30px; } .pd_b30 { padding-bottom: 30px; } .pd_l30 { padding-left: 30px; }
	
	/*width*/
	.width_10 { width: 10%; } .width_20 { width: 20%; } .width_25 { width: 25%; } .width_30 { width: 30%; } .width_35 { width: 35%; }
	.width_40 { width: 40%; } .width_50 { width: 50%; } .width_60 { width: 60%; } .width_65 { width: 65%; } .width_70 { width: 70%; }
	.width_75 { width: 75%; } .width_80 { width: 80%; } .width_90 { width: 90%; } .width_100 { width: 100%; } .width_init { width: initial; }
	
	/* flex */
	.flex { display: flex; }
	.flex_ali_cen { display: flex; align-items: center; } /* fl-jc */
	.flex_jus_bet { display: flex; justify-content: space-between; }
	
	.flex_around { display: flex; justify-content: space-around; align-items: center; }
	.flex_between { display: flex; justify-content: space-between; align-items: center; } /* fl-b */
	.flex_start { display: flex; justify-content: flex-start; align-items: center; }
	.flex_end { display: flex; justify-content: flex-end; align-items: center; }
	.flex_center { display: flex; justify-content: center; align-items: center; } /* fl-cc */
	
	.flex_wrap { flex-wrap: wrap; } /* fl-wp */
	.flex_shink0 { flex-shrink: 0; } /* w_fix */
	
	.grid_wrap { display: flex; gap: 20px; }
	#wrapper { min-width: 1856px; }
	
	/*  font & text  */
	.txl { text-align: left; } .txc { text-align: center; } .txr { text-align: right; }
	.medium { font-weight: 500; } .bold { font-weight: 700; } .bolder { font-weight: 900; } .normal { font-weight: normal; } 

/* -- 공통 프레임 관련 ------------------------------------------------------------------------------------------------------------------ */	
	/* 팝업 관련 */
	.popup_wrap { display: none; position: fixed;  background: rgba(0,0,0,0.6); z-index: 1000; width: 100%; height: 100%; top:0; left: 0; }
	.popup_wrap .popup_inner { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(27, 45, 92, 0.25); }
	.popup_wrap.on { display: block; }
	.popup_wrap.on .popup_inner { display: block; }
	
	/* alert */
	.alertPop { display: none; position: fixed; top: 0; left: 0; z-index: 99999; width: 100vw; height: 100vh; }
	.alertPop .alertInner { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; width: 350px; padding-bottom: 15px; border: 1px solid #1B3946; border-radius: 4px; text-align: center; font-size: 12px; overflow: hidden; }
	.alertPop .alertTitle { background: #434c51; font-weight: bold; color: #fff; line-height: 35px; }
	.alertPop .alertBody { padding: 25px; color: #222; }
	.alertPop .alertFooter span { display: inline-block; background: #f00; background: linear-gradient(#6584B1, #4D668B); width: 90px; border-radius: 4px; font-size: 11px; font-weight: bold; color: #fff; line-height: 27px; cursor: pointer; }
	
	/*  인풋박스  */
	.cmn_input { width: 100%; }
	.cmn_input .section_frame { position: relative; width: 100%; margin-bottom: 20px; }
	.cmn_input .section_frame:last-child { margin-bottom: 0; }
	.cmn_input .section_frame .alert { display: none; position: absolute; bottom: -22px; left: 0; padding-top: 6px; font-size: 12px; color: #859AAC; }
	.cmn_input .section_frame.alert_on { margin-bottom: 43px; }
	.cmn_input .section_frame.alert_on .alert { display: block; }
	
	.cmn_input .title { display: inline-block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: #4A5E76; }
	.cmn_input .desc { padding-top: 6px; font-size: 12px; color: #859AAC; }
	
	.cmn_input input { background: #fff; width: 100%; height: 46px; padding: 0 16px; border: 1px solid #859AAC; border-radius: 4px; font-size: 16px; color: #333; }
	.cmn_input input:focus { border: 1px solid #2F44FF; }
	.cmn_input input.bd_red,
	.cmn_input input.bd_red:focus { border: 1px solid #FF2E60; }
	.cmn_input input::placeholder { font-size: 16px; color: #AAA; }
	.cmn_input input:disabled, .cmn_input input:read-only:not(.date_input) { background: #f1f1f1; border: none; }
/*     .cmn_input input.date_input { background: url(../../images/touchmap/icon/default/date_input2.svg) no-repeat; background-position: center left; background-origin: content-box; text-align: center; } */
	.cmn_input .select { position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; }
	.cmn_input .select select { background: none; width: 100%; height: 40px; padding: 0 10px; border: 1px solid #859AAC; border-radius: 4px; font-size: 14px; }
	.cmn_input .select select.placeholder { color: #859AAC; }
	.cmn_input .select select option { color: #222; }
	.cmn_input .select i { position: absolute; right: 16px; font-size: 20px; color: #4E546A; pointer-events: none; }
	
    /* 텍스트 */
	.cmn_input .type_txt > div { display: flex; align-items: center; gap: 6px; }
	.cmn_input .type_txt > div span { flex-shrink: 0; font-size: 14px; color: #859AAC; }
    
	/* 검색 */
	.cmn_input .type_search { display: flex; align-items: center; gap: 6px; }
	.cmn_input .type_search .cmn_section_btn { position: relative; width: fit-content; flex-shrink: 0; }
	.cmn_input .type_search .cmn_search { min-width: 44px; }
	.cmn_input .type_search .cmn_search i { font-size: 20px; }

    /* 데이트 */
/* 	.cmn_input .type_date .tilde { font-size: 14px; color: #859AAC; } */
/* 	.cmn_input .type_date .colon { font-size: 12px; color: #4A5E76; } */
	
/* 	.cmn_input .type_date.hnh_date { display: flex; justify-content: space-between; align-items: center; gap: 8px; } */
	
/* 	.cmn_input .type_date.hnh_time { display: flex; align-items: flex-end; gap: 6px; } */
/* 	.cmn_input .type_date.hnh_time .section_input { display: flex; width: 100%; } */
/* 	.cmn_input .type_date.hnh_time .section_input .tilde { margin: 36px 10px 0; } */
/* 	.cmn_input .type_date.hnh_time .section_input .inputWrap { display: flex; justify-content: center; align-items: center; gap: 10px; } */
/* 	.cmn_input .type_date.hnh_time .cmn_section_btn { width: fit-content; flex-shrink: 0; } */
/* 	.cmn_input .type_date.hnh_time .cmn_btn { background: #68798D; width: fit-content; height: 40px; padding: 0 8px; font-size: 14px; font-weight: normal; } */
	
/* 	.cmn_input .type_date.row_time { display: flex; flex-direction: column; gap: 16px; } */
/* 	.cmn_input .type_date.row_time .row { display: flex; align-items: center; } */
/* 	.cmn_input .type_date.row_time .row .section_left { flex-shrink: 0; width: 32.2%; } */
/* 	.cmn_input .type_date.row_time .row .section_right { display: flex; align-items: center; width: 67.8%; gap: 6px; } */
/* 	.cmn_input .type_date.row_time .row .section_right .select select { min-width: 80px; } */
/* 	.cmn_input .type_date.row_time .row .section_right .select i { right: 10px; } */

	/* 라디오 */
	.cmn_input .type_radio div.desc { padding-left: 20px; font-size: 14px; font-weight: normal; color: #859AAC; line-height: 150%; } 
	
	/* 텍스트영역 */
	.cmn_input .type_txtarea textarea { background: #fff; width: 100%; min-height: 40px; padding: 6px 10px; border: 1px solid #859AAC; border-radius: 4px; font-size: 14px; color: #222; line-height: 154%; }
    
	/*  버튼  */
	.cmn_section_btn { display: flex; width: 100%; gap: 10px; font-weight: bold; color: #fff; line-height: 1; }
	.cmn_section_btn.col { flex-direction: column; }
	.cmn_section_btn.end { justify-content: flex-end; font-weight: normal; color: #787878; }

	.cmn_section_btn .cmn_btn { display: flex; justify-content: center; align-items: center; background: #3E51FF; width: 100%; height: 44px; gap: 6px; border-radius: 4px; font-size: 16px; cursor: pointer; }
	.cmn_section_btn .cmn_btn.rad01 { border-radius: 10px; }
	.cmn_section_btn .cmn_btn.rad02 { border-radius: 30px; }
	.cmn_section_btn .cmn_btn.off { background: #D9D9D9; cursor: initial; }

	.bg_grey01 { background: #aaa; }
	.bg_white01 { background: #fff; }
	.bg_blue01 { background: #F2F7F9; }
	
/* 	@media screen and (max-width: 375px) { */
	
/* 	} */
	
/* 	@media screen and (max-width: 1200px) { */
	
/*     } */

/* semuTv 랜딩 페이지, oneShot, 세무사님! 기장,신고대리 앱으로 수임하세요 */
.contents.landing { max-width:860px; margin:0 auto;  }
.contents.landing .offscreen { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden; }
.contents.landing .section_ad { position:relative; }
.contents.landing .section_ad .section_frame { position:relative; width:100%; margin-top:-1px;  }
.contents.landing .section_ad .image_wrap { width:100%; }
.contents.landing .section_ad .image_wrap img { display:block; width:100%; }
.contents.landing .section_ad .link_page { display:block; cursor: pointer;  }
.contents.landing .section_share { display:flex; flex-direction:column; background: #E7EAED; padding: 50px 20px; box-sizing:border-box; }
.contents.landing .section_share .section_thirdParty { margin-top:20px; }
.contents.landing .section_share .section_thirdParty .share_text { margin-bottom:5px; color: #666666; font-weight:bold; font-size: 14px; }
.contents.landing .section_share .section_thirdParty .cmn_btn.button_kakao { background:#FEE500 url("/images/landing/semuTv/landing_share_kakao_01.svg") center center no-repeat ; border-radius:10px;  }
.landing.semuTv .link_page { width:100%; margin-top:-1px; }
.landing.semuTv .section_share .cmn_btn.bg_green03 { background:#009B7F; height:60px; border-radius: 10px; }