@charset "utf-8";


.main,
.sub{overflow: hidden;}

/*header*/
#header{z-index: 200; position: fixed; top: 0; left: 0; width:100%; background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.05)}
#header .h_wrap{height:var(--header_H);}
#header #logo{z-index:800;}
#header #logo img{display:block;}
#header .gnb_wrap{margin:0 auto;}
#header .gnb_wrap .gnb .depth1{margin:0 25px; position: relative;}
#header .gnb_wrap .gnb .depth1 > a{display:block; font-size: 1.068em; line-height: inherit; font-weight:500; color:#111; position: relative; padding:10px 0;}
#header .gnb_wrap .gnb .depth1 > a .va{position: relative}
#header .gnb_wrap .gnb .depth1 > a .va:after{content: ""; position: absolute; left: 0; bottom: -9px; width: 0%; height:3px; background-color:var(--mainColor);  transition: .3s;}
#header .gnb_wrap .gnb .depth1 > ul{background:#fff; min-width: 160px; border: 1px solid #ddd; border-top:0; margin-top:-2px; transition:all .5s; position:absolute; left:50%; transform:translateX(-50%); max-height:0; overflow:hidden; opacity:0 }
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a{display: block; text-align: center; color:#444; border-top: 1px dotted #ddd; font-weight:400; padding: 15px 10px;}
#header .gnb_wrap .gnb .depth1 > ul > .depth2 a:hover{background: #f5f5f5;}
#header .gnb_wrap .gnb .depth1:hover ul{ max-height:500px; opacity:1 }
#header .gnb_wrap .gnb .depth1 > a:hover .va:after{width:100%;}


#header .gnb_wrap .gnb .depth1:first-child > a{color: #fff !important; background: var(--mainColor); padding: 10px 25px; border-radius: 10px;}
#header .gnb_wrap .gnb .depth1:last-child > a{color: var(--mainColor) !important; border:1px solid var(--mainColor); padding: 10px 15px; border-radius: 10px; font-size:1em;}
#header .gnb_wrap .gnb .depth1:first-child > a .va:after,
#header .gnb_wrap .gnb .depth1:last-child > a .va:after{display:none!important;}


/*검색*/
#header .hd_sch_btn{font-size:1.125em; color:#fff; cursor: pointer;}
#header .hd_sch_btn.on .xi:before{content:'\e921';}
#header .hd_sch_wr #hd_sch{border:1px solid rgba(255,255,255,.8); border-radius: 50px; position: relative; width:240px; overflow: hidden;}
#header .hd_sch_wr #hd_sch #sch_stx{border:0; background:transparent; color:#fff; width:100%; height: 45px; padding:5px 55px 5px 20px; font-size:.95em; box-sizing: border-box;}
#header .hd_sch_wr #hd_sch #sch_stx::placeholder{color:rgba(255,255,255,.8)!important;}
#header .hd_sch_wr #hd_sch button{border:0; background-color:var(--mainColor); width:38px; height: 38px; color:#fff; position: absolute; top:50%; transform: translateY(-50%); right:4px; border-radius: 50%; font-size:.9em;}

/*회원*/
#header .hd_login{margin-left:20px;}
#header .hd_login > li a{color:#fff; margin-left:15px; font-weight: 300;}
#header .hd_login > li:first-child a{margin-left:0px;}
#header .hd_login > li .xi{vertical-align: baseline; margin-right:4px;}

/*전체메뉴버튼*/
#header .btn_gnb{width:30px; height: 25px; position: relative; z-index: 10000; margin-left:40px;}
#header .btn_gnb .a_rd{width:100%; height: 2px; background-color:var(--mainColor); display: block; transition: .3s;}
#header .btn_gnb .a_rd.a1{ position: absolute; top: 0; right:0;}
#header .btn_gnb .a_rd.a2{ position: absolute; top: calc(50% - 1px); right:0; width:75%; background-color: var(--subColor);}
#header .btn_gnb .a_rd.a3{ position: absolute; bottom:0; right:0;}
#header .btn_gnb:hover .a_rd.a2{width:100%;}
#header .btn_gnb.on .a_rd.a1{ transform: rotate(45deg); top:50%; margin-top:-1px;}
#header .btn_gnb.on .a_rd.a2{display:none;}
#header .btn_gnb.on .a_rd.a3{ transform: rotate(-45deg); top:50%; bottom:inherit; margin-top:-1px;}



.qk_list{position: fixed; bottom:20px; right: 20px; z-index: 100;font-size: 18px; }
.qk_list li{ margin-top: 8px;}
.qk_list li a{display: block; width: 68px; height: 68px; line-height: 68px; text-align: center;  border-radius: 24px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s; border:1px solid #0000;}
.qk_list li .xi{width: 64px; line-height: 64px; text-align:center; position: relative;}
.qk_list li .xi span{font-size: .375em; position: absolute; left: 0; width: 100%; bottom: 7px; text-align: center; line-height: 1;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_inq{background-color:var(--mainColor); color:#fff;}
.qk_list li .qk_inq:hover{width:200px;}
.qk_list li .qk_inq:hover .xi span{display:none;}
.qk_list li .qk_call{background-color: #fff; color:#222; border:1px solid #333;}
.qk_list li .qk_call:hover{width:200px;}
.qk_list li .qk_kakao{background-color: #faea00; color:#111;}
.qk_list li .qk_kakao .xi{font-size:1.2em;}
.qk_list li .qk_kakao .stx{font-size:.7em; color:#111;}
.qk_list li .qk_kakao:hover{width:200px;}
.qk_list li .qk_blog{background-color:#03c75a; color:#fff;}
.qk_list li .qk_blog:hover{width:210px;}

/*footer*/
#footer{ padding:70px 0 30px; background:#060606; color:#888; margin-top:8em;letter-spacing: .5px; font-size:.9em;}
.main #footer{margin-top:0em;}
#footer .ft_top{ gap:60px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.3);}
#footer .ft_left{ width:56%;}
#footer .ft_logo{ margin-bottom:20px;}
#footer .ft_menu{ gap:25px; margin-bottom:20px;}
#footer .ft_menu a{ font-size:.938em; color:rgba(255,255,255,.7); transition:.3s;}
#footer .ft_menu a:hover{ color:rgba(255,255,255,.9);}
#footer .ft_info{ display:flex; flex-wrap:wrap; gap:5px 30px;}
#footer .ft_info li{color:rgba(255,255,255,.4); font-weight: 300;}
#footer .ft_cs,
#footer .ft_bank{padding-top:50px; width: 22%;}
#footer .ft_tt{ position:relative; padding-left:25px; color:rgba(255,255,255,.7); margin-bottom:12px;}
#footer .ft_tt:before{ content:''; position:absolute; top:50%; left:0; width:13px; height:1px; background:rgba(255,255,255,.5);}
#footer .ft_num{font-size: 1.5em; font-weight: 700; color:rgba(255,255,255,.7); margin-bottom: 12px;}
#footer .ft_time{gap:3px 0; display: flex; flex-direction: column;}
#footer .ft_time li{color:rgba(255,255,255,.4); font-weight: 300; font-size:.938em; }
#footer .ft_time li .bar{margin:0 5px;}
#footer .ft_time.st li{font-size:1em; color:rgba(255,255,255,.6);}
#footer .ft_time.st li.bank_nmb{font-size:1.25em; font-weight: 600;}
#footer .ft_copy{ padding-top:22px; font-size:.815em; color:rgba(255,255,255,.3); text-align:center; font-weight: 300; }

/*서브 비주얼*/
.sub_v_wrap{position: relative; margin-top:var(--header_H);}
#sub_visual{height:220px; position: relative; overflow: hidden;}
#sub_visual .bgfix{position:absolute; top: 0; left:0; width:100%; height: 100%; transform: scale(1.15); transition-timing-function: ease-in-out; transition: 1s; background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual .sub_v_tit{ font-weight: 800; text-align:center; font-size:3em; color:var(--mainColor); position: relative; z-index: 10; margin-top:50px; opacity:0; transition:1s;}
.load #sub_visual .bgfix{transform: scale(1);}
.load #sub_visual .sub_v_tit{margin-top:0; opacity:1}

#sub_visual.sub10 .bgfix{background-image:url(../img/sub/sub_v_01.jpg);}
#sub_visual.sub20 .bgfix{background-image:url(../img/sub/sub_v_02.jpg);}
#sub_visual.sub30 .bgfix{background-image:url(../img/sub/sub_v_03.jpg);}
#sub_visual.sub40 .bgfix{background-image:url(../img/sub/sub_v_04.jpg);}
#sub_visual.sub50 .bgfix{background-image:url(../img/sub/sub_v_05.jpg);}
#sub_visual.sub60 .bgfix{background-image:url(../img/sub/sub_v_06.jpg);}

/*snb*/
#snb { position: absolute; bottom:4em; left:50%; transform: translateX(-50%); z-index: 10; opacity: 0; transition: 1.5s; width:96%;}
#snb .snb_list .sdp1 a{display:block; width:55px; height: 55px; line-height: 55px; border-radius: 50%; text-align:center; background-color:var(--mainColor); color:#fff; font-size:1.125em;}
#snb .snb_list .sdp2,
#snb .snb_list .sdp3,
#snb .snb_list .last{position: relative; width:250px; border-bottom:1px solid rgba(255,255,255,.3);padding:15px 20px; margin-left:20px; cursor: pointer; box-sizing: border-box;}
#snb .snb_list .last{cursor: default;}
#snb .snb_list .sdp_tt{ color:#fff; font-size:1.125em; font-weight: 500; padding-right:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#snb .snb_list .sdp_tt:before{content:'\e943'; font-family: 'xeicon'; position: absolute; top: 50%; right:20px; transform: translateY(-50%); font-size:.938em;}
#snb .snb_list .last .sdp_tt:before{display:none;}
#snb .snb_list .sdp_list_wrap{ max-height: 0px; position: absolute; top: 75px; left: 0;  width: 100%;  background: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); z-index: 10; transition: .3s; transition-timing-function: ease-in-out; opacity: 0; overflow: hidden;}
#snb .snb_list .Aon .sdp_list_wrap{ max-height: 1000px; opacity: 1;}
#snb .snb_list .sdp_list{ padding: 25px; }
#snb .snb_list .sdp_list > li{margin-bottom:7px;}
#snb .snb_list .sdp_list > li:last-child{margin-bottom:0;}
#snb .snb_list .sdp_list > li a{color:#777; font-size:1.05em;}
#snb .snb_list .sdp_list > li.on a{color:var(--mainColor); font-weight: 500;}
.load #snb{ opacity: 1;}

/*컨텐츠 페이지*/
.ctt_admin{display:none;}/*관리자 내용수정 버튼*/
#ctt header{display:none;}/*컨텐츠 페이지 타이틀 header*/
#container_wr{padding-top:0px;}

/*컨텐츠 타이틀*/
.container_title{font-weight: 200; font-size: 2.125em; padding-top: 35px; margin: 55px 0; text-align: center; position: relative;}
.container_title:before{content:''; width:1px; height: 26px; visibility: hidden; transition: .8s; transition-timing-function: ease-in-out; transform: scaleY(0); transform-origin: left top; background: #222; position: absolute; top: 0; left: 50%;}
.load .container_title:before{transform: scaleY(1); visibility: visible;} 

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap span{ display: block;}
.agree_wrap .sec{ margin-bottom: 20px;}
.agree_wrap .policy-contact{background-color: #f5f5f5; display: flex; flex-wrap:wrap; padding:40px 0; margin:20px 0;}
.agree_wrap .policy-contact > *{flex:1; padding:0 40px;}
.agree_wrap .policy-contact > *:first-child{border-right:1px solid #aaa;}
.agree_wrap .policy-contact dt{margin-bottom:5px;}

/*=================================================================main============================================================*/

/*메인 css*/
.main_tit{ margin-bottom:60px;}
.main_tit .in_tt{ font-size:3em; color:#111; font-weight: 700; line-height: 1.3;}
.main_tit .in_stt{ font-size:1.875em; color:#333; font-weight: 700;}
.main_tit .in_tx{ font-size:1.375em; color:#333; margin-top: 30px; line-height: 1.6}
.main_more{display: inline-flex; align-items: center; justify-content: center; background-color: #fff; color:#222; padding: 20px 35px; border-radius: 10px; font-size: 1.125em; font-weight: 600; transition: .3s; line-height: 1.3;}
.main_more.co1{background-color: var(--mainColor); color:#fff;}
.main_more.co2{background-color: var(--subColor); color:#111; font-size:1.3em;}
.main_more .xi{margin-left:15px;}

/* main visual */
.main_visual{ position:relative; padding:calc(var(--header_H) + 40px) 0 40px; background-color: #eaf5fb; overflow:hidden;}
.main_visual .mv_inner{min-height: 520px;}
.main_visual .mv_txt{ width:100%; flex-shrink:0;}
.main_visual .mv_txt .mv_logo{ margin-bottom:20px;}
.main_visual .mv_txt .mv_logo img{width:170px; height: auto;}
.main_visual .mv_txt .main_tit .in_tt{font-size:3.625em; font-weight: 800; line-height: 1.4; z-index: 2; position: relative}
.main_visual .mv_txt .main_tit .in_tt span{font-size:.938em;}
.main_visual .mv_txt .main_tit .rolling-container{height: 36px; overflow: hidden;}
.main_visual .mv_txt .main_tit .rolling-container .swiper-slide{height: 36px; font-weight: 700; animation: rolling 14s infinite ease-in-out;}
.main_visual .mv_txt .mv_btn{ gap:15px; }
.main_visual .mv_txt .mv_btn .main_more{width:300px; padding:25px 35px;}
.main_visual .mv_img{ position:absolute; top:0px; right:-10%; width:700px; height: 100%;}
.main_visual .mv_img .mv_deco{ position:absolute; top:0; left:0; width:400px; height:400px;}
.main_visual .mv_img .mv_deco circle { stroke-dasharray: 1470; stroke-dashoffset: 1470; animation: drawCircle 5s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
@keyframes drawCircle {
  to {stroke-dashoffset: 0;}
}
.main_visual .mv_img .mv_pic{width: 430px; height: 430px; border-radius: 50%; position: absolute; bottom:0; right:0; z-index: 2; overflow: hidden;}
.main_visual .mv_img .mv_pic .bgfix{position: absolute; top:50%; left:50%; width:100%; height: 100%; transform: translate(-50%, -50%) scale(1.2); transition: .8s; transition-timing-function:ease-in}
.load .main_visual .mv_img .mv_pic .bgfix{transform: translate(-50%, -50%) scale(1); }


/* main logo */
.main_logo{ padding:0 0 70px; background-color: #eaf5fb; overflow:hidden;}
.main_logo .logo_tt{font-size:1.375em; color:#666; text-align:center; font-weight: 700; margin-bottom:25px;}
.main_logo .logo_tt span{color:#333;}
.main_logo .logo_slide{ display:flex; flex-direction:column; gap:15px;}
.main_logo .logo_swiper{ width:100%; overflow:hidden;}
.main_logo .logo_swiper .swiper-wrapper{ transition-timing-function:linear!important;}
.main_logo .logo_swiper .swiper-slide{ width:auto;}
.main_logo .logo_item{ display:flex; align-items:center; justify-content:center;}
.main_logo .logo_item img{object-fit:contain; transition:.3s; height: 70px; width:auto;}

/* main expert */
.main_expert{ position:relative; padding:150px 0; background:var(--mainColor); overflow:hidden;}
.main_expert .box1{ z-index:2; position: relative;}
.main_expert .main_tit .in_tt{ color:#fff;}
.main_expert .main_tit .in_tx{ color:rgba(255,255,255,.7);}
.main_expert .expert_bg{ position:absolute; right:3%; top:20%; width:100%;}
.main_expert .expert_bg *{font-size:8.125em; font-weight:600; line-height:1.4; color:#fff; opacity:.07; margin-bottom: 60px; letter-spacing: 1px;}
.main_expert .expert_wrap{width:1500px; max-width: 96%; margin: 0 auto; position: relative; padding:60px 10px 70px; background:#fff; border-radius:var(--item_r); box-shadow:0 20px 40px rgba(0,0,0,.12);}
.main_expert .expert_box{ gap:120px;}
.main_expert .expert_left{ width:50%;}
.main_expert .expert_left .ex_tt{ font-size:1.625em; font-weight:700; color:#111; line-height:1.5; margin-bottom:30px;}
.main_expert .expert_left .ex_case{display: flex; flex-wrap: wrap; flex-direction: column; padding:60px 50px; background:#f5f5f5; border-radius:var(--item_r); gap:20px;}
.main_expert .expert_left .case_lb{ font-size:1.068em; font-weight:700; color:#7b5800; }
.main_expert .expert_left .case_tt{ font-size:1.5em; font-weight:600; color:#111; line-height:1.4;}
.main_expert .expert_left .case_tx{ font-size:1.125em; color:#444;}
.main_expert .expert_right{ width:50%; position:relative;}
.main_expert .expert_right .news_img{text-align:center;}
.main_expert .expert_right .news_img img{  border:1px solid #aaa; border-radius:var(--item_r); box-shadow:0 20px 40px rgba(0,0,0,.2); padding:10px 15px;}
.main_expert .expert_right .news_badge{position: absolute; bottom:-15px; left:-40px; padding:30px 35px; background-color:var(--subColor); color:#111; border-radius: 10px; text-align: center; box-shadow:0 20px 40px rgba(0,0,0,.25);}
.main_expert .expert_right .news_badge .fwB{font-size:1.45em;}
.main_expert .expert_bot{ margin-top:60px; text-align: center}
.main_expert .expert_bot .bot_tt{ font-size:1.875em; font-weight:600; color:#fff; line-height:1.6;}

/* main start */
.main_start{ padding:160px 0;}
.main_start .main_tit{margin-bottom:90px;}
.main_start .main_tit .in_stt{margin-top:90px;}
.main_start .start_box{ gap:35px;}
.main_start .st_ico{margin-bottom:5px;}
.main_start .st_tt{ font-size:1.625em; font-weight:600; color:#fff; line-height: 1.35;}
.main_start .start_left{ display:flex; flex-direction:column; width:50%; padding:70px 60px; background:var(--mainColor); border-radius:var(--item_r);}
.main_start .start_left .st_tt{ font-size:2em;}
.main_start .start_left .st_ico{margin-bottom:15px;}
.main_start .start_left .st_btn{margin-top:auto;}
.main_start .start_left .main_more{font-size:1.25em; font-weight: 700;}
.main_start .start_right{ width:50%;}
.main_start .start_right .sr_list{display:flex; flex-wrap:wrap; gap:15px;}
.main_start .start_right .sr_list li{width:100%; border-radius:var(--item_r);}
.main_start .start_right .sr_list li .sr_inner{padding:45px 55px;}
.main_start .start_right .main_more{font-size:1.068em;}


/* main case */
.main_case{ padding:150px 0; background-image: url(../img/main/main_case_bg.jpg);}
.main_case .case_slide{ position:relative;}
.main_case .case_swiper{overflow:hidden; padding: 0 15px 15px}
.main_case .case_item{ background:#fff; border-radius:var(--item_r); box-shadow:0 4px 15px rgba(0,0,0,.1); padding:25px 30px;}
.main_case .case_item .ci_img{position: relative;}
.main_case .case_item .ci_img:after{content:''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:130px; height: 130px; background-image: url(../img/main/case_icon.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_case .case_item .ci_img img{ display:block; width:100%; border:1px solid #eee;}
.main_case .case_item .ci_tt{ font-weight:600; color:#111; margin-top:15px;}
.main_case .case_item .ci_tt .tt{ max-width:calc(100% - 25px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_case .case_item .ci_tt .xi-new{ margin-left: 3px;  color: #ea2b2b;}
.main_case .case_item .ci_date{ font-size:.938em; color:#aaa; margin-top:3px; font-weight: 300;}
.main_control .xi{ width:60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; background-color: #fff; color:#999; box-shadow:0 5px 10px rgba(0,0,0,.2); font-size:1.5em; cursor: pointer; transition: .3s;}
.main_control .xi:hover{background-color: var(--mainColor); color:#fff;}
.main_control .b_prev{ position: absolute; top: 50%; left: -15px; z-index: 2; transform: translateY(-50%);}
.main_control .b_next{ position: absolute; top: 50%; right: -15px; z-index: 2; transform: translateY(-50%);}

/* main global */
.main_global{ padding:180px 0 200px;}
.main_global .main_tit{ margin-bottom:0;}
.main_global .main_tit .in_tt{font-size:2.625em;}
.main_global .main_tit .in_tx .fwB{color:#222;}
.main_global .main_more{ box-shadow:0 25px 50px rgba(0,0,0,.25);}
.main_global .gl_row{ gap:150px;}
.main_global .gl_row + .gl_row{ margin-top:180px;}
.main_global .gl_txt,
.main_global .gl_img{ position:relative; width:50%;}
.main_global .gl_img .gl_pic{ width:100%; height:500px; border-radius:var(--item_r);}
.main_global .gl_img .main_more{position: absolute; bottom:-20px; right:-30px; font-size: 1.25em; font-weight: 700;}
.main_global .gl_row.rev .gl_img .main_more{right:inherit; left:-30px;}


/* main cta */
.main_cta{ position:relative; padding:130px 0; background-image: url(../img/main/main_cta_bg.jpg);}
.main_cta .box1{ z-index:2;}
.main_cta .main_tit{ margin-bottom:40px;}
.main_cta .main_tit .in_tt{ color:#fff;}
.main_cta .main_tit .in_tx{ color:rgba(255,255,255,.75);}
.main_cta .cta_btn{ gap:25px;}
.main_cta .cta_btn .main_more{padding:20px 45px;}
.main_cta .cta_btn .main_more img{margin-right:10px;}
.main_cta .cta_btn .main_more.kakao_st{background-color: #fae100; color:#371d1d;}
.main_cta .cta_btn .main_more.call_st{color:var(--mainColor)}


/*=================================================================sub============================================================*/

.tab_idx.st01{ margin:-1em 0 3em -1em;}
.tab_idx.st01 > li{flex:1 20%;}
.tab_idx.st01 > li > a{ padding:0 .5em; height:4em; border:1px solid #ddd; margin:1em 0 0 1em; color:#666; transition:.3s;}
.tab_idx.st01 > li > a .va{font-size:1.068em; font-weight:500}
.tab_idx.st01 > li > a:hover,
.tab_idx.st01 > li.on > a{ box-shadow:0 0 1em .125em rgba(0,0,0,.1); color:var(--mainColor); border-color:var(--mainColor)}

/**/
.page_tt{font-size:2em; font-weight: 700;}
.page_tt2{font-size:1.75em; font-weight: 700; margin-bottom:20px;}
.page_stt{font-size:1.5em; font-weight: 600;}
.page_stt2{font-size:1.325em; font-weight: 600;}
.page_tx{font-size:1.125em; font-weight: 300; line-height: 1.6; color: #222;}
.page_stx{font-size:1em; color:#444; margin-bottom:15px; font-weight: 300;}

.dot_list > li{position:relative; padding-left:15px;}
.dot_list > li + li{margin-top:10px;}
.dot_list > li:before{content:""; position:absolute; top:11px; left:0; width:5px; height:5px; border-radius:50%; background-color:var(--subColor);}


/* 페이지 상단 타이틀 */
.sub_thead{margin-bottom:30px;}    
.sub_thead .page_tx{margin-top:8px; color:#444;}



/*===변리사 소개===*/
/* 인사말 */
.about_01_01{margin-bottom:80px;}
.about_01_01 .def_intro .in{gap:0 130px;}
.about_01_01 .def_intro .in .img_z{width:47%;}
.about_01_01 .def_intro .in .img_z img{ border-radius: var(--item_r);}
.about_01_01 .def_intro .in .img_z .bgfix{height: 100%; border-radius: var(--item_r); min-height: 450px;}
.about_01_01 .def_intro .in .txt_z{width:53%; padding:30px 0;}
.about_01_01 .def_intro .in .txt_z .page_tt{margin-bottom:35px;}
.about_01_01 .def_intro .in .txt_z .page_tx{ margin-bottom:20px; font-size:1.2em;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name{margin-top:55px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .tx{letter-spacing: 2px;}
.about_01_01 .def_intro .in .txt_z .page_tx.ceo_name .in_name{font-size: 1.45em; margin-left: 10px; letter-spacing: 6px; font-family: var(--fs_01);}
	

/* 프로필 */
.att_profile{padding:80px 0 150px; background-color: var(--bgColor);}
.att_profile .in_list{gap:20px; align-items:stretch;}
.att_profile .in_item{flex:1; min-width:0; padding:40px; border-radius:var(--item_r); background-color:#fff;}
.att_profile .in_item.wide{flex:2;}
.att_profile .in_item .in_lb{display:flex; align-items:center; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.att_profile .in_item .in_lb i{display:block; width:47px; height:47px; line-height: 47px; margin-right:15px; border-radius:var(--bor_r); background-color:#f2f4fb; flex:none; text-align: center; color:var(--mainColor); font-size:1.375em;}
.att_profile .in_item .in_lb span{color:var(--mainColor); font-weight:700;}


/*===비용절차===*/
/* 02. 요금제 비교 */
.cost_plan{padding:0 0 80px;}
.cost_plan .in_list{gap:26px; align-items:stretch;}
.cost_plan .in_item{flex:1; min-width:0; display:flex; flex-direction:column; padding:36px 30px 30px; border:1px solid #dfe3ee; border-radius:var(--item_r); background:#fff; position:relative;}
.cost_plan .in_item.on{border:2px solid var(--mainColor); padding:35px 30px 30px; box-shadow:0 18px 40px rgba(9,17,98,.12);}
.cost_plan .in_item .in_badge{position:absolute; top:-15px; left:50%; transform:translateX(-50%); padding:6px 22px; border-radius:100px; background:var(--subColor); color:var(--mainColor); font-weight:700; white-space:nowrap;}
.cost_plan .in_head{padding-bottom:22px; border-bottom:1px solid #eceef5;}
.cost_plan .in_head .in_name{color:var(--mainColor); font-size:1.45em; font-weight:700;}
.cost_plan .in_head .in_stx{margin-top:14px; color: #666; line-height: 1.3; min-height: 40px;}
.cost_plan .in_item:nth-child(1) .in_head .in_name{color:#2566e1;}
.cost_plan .in_item:nth-child(2) .in_head .in_name{color:var(--mainColor);}
.cost_plan .in_item:nth-child(3) .in_head .in_name{color:#d42f2f;}
.cost_plan .in_item:nth-child(3) .in_term:first-child{background:#ffe7e7;}
.cost_plan .in_item:nth-child(3) .in_pay .in_srow.fs_pay{opacity: 1;}
.cost_plan .in_item:nth-child(3):before{content:'가장 많이 선택';position:absolute; top:-20px; left:50%; transform:translateX(-50%); padding:6px 22px; border-radius:100px; background:var(--subColor); color:var(--mainColor); font-weight:700; white-space:nowrap;}

.cost_plan .in_head .in_sum{margin-top:10px; color:#4a5170; font-weight:400; line-height:1.45; min-height: 47px;}
.cost_plan .in_catch{padding:22px 0 24px; border-bottom:1px solid #eceef5;}
.cost_plan .in_catch .in_q{ font-weight:600; color:var(--mainColor); font-size:1.068em;}
.cost_plan .in_catch .in_a{margin-top:10px; color:#444; line-height: 1.3; min-height: 40px;}
.cost_plan .in_service{padding:24px 0 6px;}
.cost_plan .in_service .in_stt{margin-bottom:14px; color:var(--mainColor); font-weight:700;}
.cost_plan .in_service .in_ol > li{position:relative; padding-left:26px; margin-bottom:10px; color:#333; font-weight:300; counter-increment:svc;}
.cost_plan .in_service .in_ol > li:before{content:counter(svc) "."; position:absolute; top:0; left:0; color:var(--mainColor); font-weight:600;}
.cost_plan .in_service .in_ol{counter-reset:svc;}
.cost_plan .in_service .in_free{display:block; margin-top:6px; padding:8px 12px; border-radius:var(--bor_r); background:#fff6dc; color:#8a6200!important; font-weight:500!important;}
.cost_plan .in_service .in_ol > li.in_free:before{top:8px;}
.cost_plan .in_term{margin:15px 0; padding:12px 14px; border-radius:var(--bor_r); background:#f2f4fb; color:var(--mainColor); font-weight:600; text-align:center;}
.cost_plan .in_term.co_st{background: #fff6dc; color: #8a6200;}
.cost_plan .in_sx{color: #888; line-height: 1.3; font-size:.875em; margin-top:10px;}
.cost_plan .in_pay .in_stage{padding:20px 16px; border-radius:var(--bor_r); background:#f7f8fc;}
.cost_plan .in_pay .in_stage + .in_stage{margin-top:12px;}
.cost_plan .in_pay .in_lb{margin-bottom:14px; color:var(--mainColor); font-weight:700;}
.cost_plan .in_pay .in_row{margin-bottom:8px; color:#444; font-weight:300;}
.cost_plan .in_pay .in_row em{color:#111; font-weight:400;}
.cost_plan .in_pay .in_srow{color:#888; font-weight:400; font-size:.938em;}
.cost_plan .in_pay .in_srow.fs_pay{opacity: 0;}
.cost_plan .in_pay .in_total{margin-top:14px; padding-top:14px; border-top:1px dashed #c9cede;}
.cost_plan .in_pay .in_total .in_tt{color:#333; font-weight:500;}
.cost_plan .in_pay .in_total .in_num{color:var(--mainColor); font-size:1.4em; font-weight:700; letter-spacing:-1px;}
.cost_plan .in_pay .in_total .in_num span{font-weight:500;}
.cost_plan .in_btn{display:block; margin-top:10px; padding:18px 10px; border-radius:var(--bor_r); background:var(--mainColor); color:#fff; font-size:1.125em; font-weight:600; text-align:center; text-decoration:none; transition:.2s;}
.cost_plan .in_item.on .in_btn{background:var(--subColor); color:var(--mainColor);}
.cost_plan .in_btn:hover{opacity:.85;}
.cost_plan .in_note{margin-top:34px; padding:24px 28px; border-radius:var(--bor_r); background:#f7f8fc;}
.cost_plan .in_note li{position:relative; padding-left:16px; color:#555; font-weight:300;}
.cost_plan .in_note li + li{margin-top:8px;}
.cost_plan .in_note li:before{content:"*"; position:absolute; top:2px; left:0; color:var(--mainColor);}
.cost_plan .in_note li em{color:var(--mainColor); font-weight:600;}
    
.cw_box.cost_plan .in_list{gap:10px; font-size:.95em;}
.cw_box.cost_plan .in_item{padding:20px 19px; cursor: pointer;}
.cw_box.cost_plan .in_item.on{box-shadow:0 18px 20px rgba(9,17,98,.12);}
.cw_box.cost_plan .in_head .in_name span{font-size: .825em;}
.cw_box.cost_plan .plan_item input{ display:none;}
.dt_box .cost_plan .plan_item input{ display:none;}


/* 03. FAQ 공통 박스 */
.cost_faq{padding:80px 0; background-color:var(--bgColor)}
.cost_faq.bg_st{background-color: #fff;}
.cost_faq .in_item{padding:28px 30px; border:1px solid #e2e6f2; border-radius:var(--item_r); background:#fff;}
.cost_faq .in_item + .in_item{margin-top:14px;}
.cost_faq .in_q{color:var(--mainColor); font-size:1.25em; font-weight:600;}
.cost_faq .in_q i{display:inline-block; width:35px; height:35px; line-height:35px; margin-right:10px; border-radius:50%; background:var(--mainColor); color:#fff; font-weight:700;  text-align:center; flex:none;}
.cost_faq .in_a{margin-top:10px; padding-left:45px; color:#555; font-size: 1.068em; font-weight:300;}
.cost_faq .in_a .in_btn{display:inline-block; margin-top:16px; padding:12px 24px; border-radius:var(--bor_r); border:1px solid var(--mainColor); color:var(--mainColor); font-weight:600; text-decoration:none; transition:.2s;}
.cost_faq .in_a .in_btn:hover{background:var(--mainColor); color:#fff;}
.cost_faq .in_a .in_ol{margin:15px 0;}
.cost_faq .in_a .in_ol li{position:relative; padding:14px 18px 14px 52px; border-radius:var(--bor_r); background:#f4f6fc; color:#222; font-size:1em; font-weight:500; counter-increment:way;}
.cost_faq .in_a .in_ol li + li{margin-top:10px;}
.cost_faq .in_a .in_ol li:before{content:counter(way); position:absolute; top:14px; left:18px; width:25px; height:25px; line-height:25px; border-radius:50%; background:var(--mainColor); color:#fff; font-size:.938em; font-weight:500;  text-align:center;}
.cost_faq .in_a .in_ol li em{color:var(--mainColor); font-weight:700;}
.cost_faq .in_a .in_ol{counter-reset:way;}
.cost_faq .in_a .in_ul li{position:relative; padding-left:14px; font-size:1em;}
.cost_faq .in_a .in_ul li + li{margin-top:10px;}
.cost_faq .in_a .in_ul li:before{content:""; position:absolute; top:11px; left:0; width:5px; height:5px; border-radius:50%; background:var(--subColor);}
.cost_faq .in_a .in_ul li em{color:var(--mainColor); font-weight:600;}
.cost_faq .in_a .in_point{margin-top:16px; padding:15px 20px; border-radius:var(--bor_r); background:#fff8e4; color:#7a5600; font-size:1em; font-weight:500;}


/* 04. 상표클릭만의 혜택 */
.cost_benefit{padding:60px 0 75px; background:var(--mainColor); margin-bottom: 65px;}
.cost_benefit .sub_thead .page_tt{color:#fff; text-align: center;}
.cost_benefit .sub_thead .page_tx{color:rgba(255,255,255,.75); text-align: center;}
.cost_benefit .in_list{gap:26px; align-items:stretch; margin-top:50px;}
.cost_benefit .in_item{flex:1; min-width:0; padding:35px 30px 30px; border-radius:var(--item_r); background:#fff; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
.cost_benefit .in_item .in_num{display:inline-block; padding:7px 16px; border-radius:100px; background:var(--subColor); color:var(--mainColor); font-weight:500; position: absolute; top: -18px; left: 50%; transform: translateX(-50%);}
.cost_benefit .in_item .in_stt{color:var(--mainColor); font-size:1.325em; font-weight:700; text-align: center;}
.cost_benefit .in_item .in_a{color:#666; text-align: center;}
.cost_benefit .in_item .in_sbox{padding:12px 17px; background-color: #f9f9f9; border:1px dashed #ccc; border-radius: 7px; margin-top:8px;}
.cost_benefit .in_item .in_q{color:#333; font-size:1.125em; font-weight:500;}
.cost_benefit .in_item .in_q .xi{vertical-align: -2px; color: #fff; width: 35px; height: 35px; line-height: 35px; background-color: var(--subColor); border-radius: 50%; text-align: center;  margin-right: 5px;}
.cost_benefit .in_item .in_tx{margin-top:8px; color:#666; }
.cost_benefit .in_item .in_tx + .in_tx{margin-top:8px;}

/* 05. 의견제출통지서 대응 비용 */
.cost_oa{padding:80px 0; background-color:var(--bgColor)}
.cost_oa .in_wrap{gap:25px; align-items:stretch;}
.cost_oa .in_cost{flex:1; min-width:0; padding:36px 34px; border:1px solid var(--mainColor); border-radius:var(--item_r); background:#fff;}
.cost_oa .in_lb{margin-bottom:20px; color:var(--mainColor); font-size:1.25em; font-weight:600;}
.cost_oa .in_cost .in_row{padding:15px; background-color: var(--bgColor);border-radius:var(--bor_r); border: 1px solid #d3d9ea;}
.cost_oa .in_cost .in_row + .in_row{margin-top:10px; gap:0 10px;}
.cost_oa .in_cost .in_row .in_tt{color:#333; font-size:1.068em; font-weight:400;}
.cost_oa .in_cost .in_row .st{display:block; margin-top:4px; color:#888; font-weight:300; font-size:.875em;}
.cost_oa .in_cost .in_row .in_num{color:var(--mainColor); font-size:1.325em; font-weight:700;}
.cost_oa .in_free{flex:1; min-width:0; padding:36px 34px; border-radius:var(--item_r); background-color:var(--mainColor);}
.cost_oa .in_free .in_lb{color:#fff;}
.cost_oa .in_free .in_ul{margin-top:20px;}
.cost_oa .in_free .in_ul li{position:relative; padding:15px 15px 15px 42px; border-radius:var(--bor_r); background:#fff; color:#222; font-size:1.068em;}
.cost_oa .in_free .in_ul li + li{margin-top:10px;}
.cost_oa .in_free .in_ul li:before{content:"\e928"; font-family: 'xeicon'; position:absolute; top:13px; left:16px; color:var(--mainColor); font-weight:700;}
.cost_oa em{display:block; margin-top:4px; color:#888; font-weight:300; font-size:.938em;}

/* 06. 상표등록절차 */
.cost_step{padding:80px 0;}
.cost_step .in_list{gap:15px;}
.cost_step .in_item{flex:calc((100% - 45px) / 4); padding:35px; border-radius:var(--item_r); background:var(--bgColor);}
.cost_step .in_item .in_num{display:inline-block; padding:8px 25px; border-radius:100px; background:var(--mainColor); color:#fff; font-weight:500; letter-spacing:0; }
.cost_step .in_item .in_ico{margin:30px 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 50%; width: 110px; height: 110px; background-color: #fff;}
.cost_step .in_item .in_ico .cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.cost_step .in_item .in_ico svg{width: auto; height: 51px;}
.cost_step .in_item .page_stx{margin-top:10px;}
.cost_step .in_item .page_stx > li{position:relative; padding-left:12px;}
.cost_step .in_item .page_stx li + li{margin-top:5px;}
.cost_step .in_item .page_stx li:before{content:"-"; position:absolute; top:0; left:0;}

.qa_pop{display:inline-block; position: relative; color:var(--mainColor); cursor: pointer;}
.qa_pop span{ position:relative; padding-right:20px;}
.qa_pop span:after{content:'\e9ad'; font-family: 'xeicon'; position: absolute; top: -2px; right:2px; font-weight: 400;}
.qa_pop .qa_box{padding:20px; background-color: #fff; border:1px solid #b0b5c5; position: absolute; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,.1); z-index: 10; width:270px; color:#444; font-size:.938em; display: none;}
.qa_pop .qa_box .in_q{margin-bottom:10px; color:var(--mainColor); font-weight: 600; font-size:1.1em; text-align: left;}
.qa_pop .qa_box .in_q i{font-size:1.068em;}
.qa_pop .qa_box .in_a{font-weight: 400; text-align: left;}
.qa_pop span:hover + .qa_box,
.qa_pop span:hover ~ .qa_box {
  display: block;
}

/*===상표등록신청===*/
/* step bar */
.step_bar{margin-bottom:60px;}
.step_bar .step_item{ text-align: center;}
.step_bar .st_num{width:40px; height:40px; line-height: 40px; border-radius:50%; background:#c4c8d0; font-weight:600; color:#fff; margin: 0 auto 8px;}
.step_bar .step_line{ width:300px; height:1px; background:#dfe2e8; margin:0 30px;}    
.step_bar .st_tt{ flex-shrink:0; font-size:1.125em; font-weight:600; color:#b0b4bc; white-space:nowrap;}
.step_bar .step_item.on .st_num{ background:var(--mainColor);}
.step_bar .step_item.on .st_tt{ color:#111;}
    
.app_btn{gap:7px; margin:50px auto 0; max-width:100%;}
.app_btn button{width:250px; max-width: 100%;}    
    
/* class select */
.class_wrap{ padding:20px 0 0;}
.class_wrap .cw_cont{ align-items:flex-start; gap:24px;}
.class_wrap .cw_main{ width:calc(100% - 300px - 24px);}
.class_wrap .cw_side{ width:320px; flex-shrink:0; position: sticky; top: calc(var(--header_H) + 10px); left:0;}
.class_wrap .cw_box{ padding:30px; border:1px solid #aaa; border-radius:10px; background:#fff;}
.class_wrap .cw_box + .cw_box{ margin-top:20px;}
.class_wrap .page_stt{ display:block; color:#111; margin-bottom:8px;}
.class_wrap .req{ color:#e23c3c; font-weight:600;}

.apply_sec{ padding:28px 0; border-bottom:1px solid #f0f1f3;}
.apply_sec:first-child{ padding-top:0;}
.apply_sec:last-child{ padding-bottom:0; border-bottom:0;}

.hidden{display:none!important;}
.app_file{gap:0 10px;}
.app_file .input-group-append *{cursor: pointer;}

.mark_type{ gap:16px;}
.mark_type .type_box{ gap:20px; width:50%; padding:25px; border:1px solid #dfe2e8; border-radius:10px; text-align: center;}
.mark_type .tb_txt strong{ display:block; margin-bottom:5px;}

.side_preview{margin-bottom:24px; border:1px solid #e5e7eb; border-radius:8px; padding:30px 20px; font-size:1.75em; font-weight:800; color:#111; width:256px; max-width:100%;}
.side_preview img{display:block; margin: 10px auto;}
.cw_side .side_desc{ display:flex; flex-direction:column; gap:16px;}

.inq_link{margin-top:30px; gap:0 20px;}
.inq_link li{width:50%;}
.inq_link li a{width:100%; text-align: center;}
.inq_link li a:hover{background-color:var(--bgColor)!important;}
.inq_link li:before{font-weight: 500; color:#444; display:block; margin-bottom: 5px;}
.inq_link li:first-child:before{content:'지원사업을 통해 상표등록을 진행하는 중이신가요?';}
.inq_link li:nth-child(2):before{content:'공공기관, 산학기관이신가요?';}


/* search */
.search_row{ gap:10px;}
.search_row .sr_inp{ position:relative; flex:1;}
.search_sx{margin-bottom: 5px; font-weight: 700; color: #777; font-size: 1.25em;}
.search_sx .xi{margin:0 7px 0 15px; vertical-align: -3px;}
.cls_wrap{background-color: #fafafa; padding:30px; border-radius: 10px; border:1px solid #ddd; margin-top:10px;}
.cls_wrap .req{ color:#e23c3c; font-weight:600;}
.cls_wrap .cls_group{ margin-top:10px;}
.cls_wrap .cls_gt{ gap:6px; margin-bottom:12px; font-size:1.062em; font-weight:600; color:#2f6fed;}
.cls_list{ display:flex; flex-direction:column; gap:5px;}
.cls_item{ gap:14px; padding:10px 20px; border-radius:10px; background: #fff;  border: 1px solid #d3e0f7;}
.cls_item .ci_sel{ gap:14px; flex:1; cursor:pointer;}
.cls_item .ci_sel input{ display:none;}
.cls_item .ci_sel.label_st:not(.cssbrowser) input ~ span{color:#444;}
.cls_item .ci_num{ flex-shrink:0; min-width:48px; font-size:1.062em; font-weight:700; color:#111;}
.cls_item .ci_txt{ font-size:1em; color:#444;}
.cls_item .ci_more.on .ico_arw_d{ transform:rotate(180deg);}
.search_help .label_st:not(.cssbrowser) input ~ span{font-weight: 700; color:#666;}
.search_help .label_st:not(.cssbrowser) input:checked ~ span{ color:#333}
.search_note{margin:5px 0 20px; padding:14px 18px; border-radius:8px; background:#f5f6f8; font-size:.937em; color:#8a8f98; line-height:1.6;}
.search_note .sn_tt{font-size:1.068em; color:#444; font-weight: 600; margin-bottom: 10px;}
.search_note .sn_tt .xi{vertical-align: -2px;}
.search_note .sn_co{color:#444;}


/* plan */
/*.plan_list{ gap:16px;}
.plan_item{ flex:1; cursor:pointer;}
.plan_item input{ display:none;}
.plan_item .pi_inner{ height:100%; padding:22px 22px 24px; border:1px solid #dfe2e8; border-radius:12px; background:#fff; transition:.2s;}
.plan_item:hover .pi_inner{ border-color:#9aa3b2;}
.plan_item.on .pi_inner{ border:2px solid #2f6fed; background:#f5f9ff;}
.plan_item .pi_head{ padding-bottom:20px; border-bottom:1px solid #eceef1; margin-bottom:18px;}
.plan_item .pi_top{ gap:8px; margin-bottom:14px;}
.plan_item .pi_top i{ width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.plan_item .pi_type{ font-size:1.062em; font-weight:600; color:#333;}
.plan_item .pi_price strong{ font-size:1.5em; font-weight:700; color:#111;}
.plan_item .pi_price span{ font-size:1em; color:#333;}
.plan_item .pi_sub{ margin-top:6px; font-size:.875em; color:#999;}
.plan_item .pi_group{ margin-bottom:18px;}
.plan_item .pi_gt{ margin-bottom:10px;}
.plan_item .pi_gt span{ font-size:1em; font-weight:600; color:#333;}
.plan_item .pi_gt strong{ font-size:1.062em; font-weight:700; color:#111;}
.plan_item .pi_dl li{ position:relative; padding-left:22px; font-size:.937em; color:#777; line-height:1.9;}
.plan_item .pi_dl li:before{ content:''; position:absolute; top:8px; left:4px; width:10px; height:6px; border-left:1.5px solid #b5bcc7; border-bottom:1.5px solid #b5bcc7; transform:rotate(-45deg);}
.plan_item .pi_dl li.point{ color:#2f6fed;}
.plan_item .pi_dl li.point:before{ border-color:#2f6fed;}
.plan_item .pi_total{ padding-top:16px; border-top:1px solid #eceef1;}
.plan_item .pi_total span{ font-size:1em; font-weight:600; color:#333;}
.plan_item .pi_total strong{ font-size:1.187em; font-weight:700; color:#111;}
.plan_item .pi_note{ margin-top:10px; font-size:.812em; color:#e23c3c;}*/

/* side preview */
.side_prev .sp_label{ font-size:.875em; color:#888; margin-bottom:10px;}
.side_prev .sp_box{ height:180px; border:1px solid #e5e7eb; border-radius:8px; margin-bottom:18px; width:258px; max-width: 100%;}
.side_prev .sp_txt{ font-size:1.5em; font-weight:800; color:#111;}
.sel_class .sc_head{ padding-bottom:14px; border-bottom:1px solid #eceef1; margin-bottom:16px;}
.sel_class .sc_tit{ color:#111;}
.sel_class .sc_reset{ gap:5px; font-size:.937em; color:#2f6fed; text-decoration:none;}
.sel_class .sc_reset .ico_trash{ width:15px; height:15px; background:url('/images/content/ico_trash.png') no-repeat center/contain;}
.sel_class .sc_list{ display:flex; flex-direction:column; gap:12px;}
.sel_class .sc_item{ padding:14px 16px; border:1px solid #d3e0f7; border-radius:10px; background:#f5f9ff;}
.sel_class .sc_top{ margin-bottom:8px;}
.sel_class .sc_num{ font-size:1.062em; font-weight:700; color:#2f6fed;}
.sel_class .sc_del{ position:relative; width:18px; height:18px; border:0; background:none; cursor:pointer;}
.sel_class .sc_del:before, .sel_class .sc_del:after{ content:''; position:absolute; top:50%; left:50%; width:13px; height:1.5px; background:#8a8f98;}
.sel_class .sc_del:before{ transform:translate(-50%,-50%) rotate(45deg);}
.sel_class .sc_del:after{ transform:translate(-50%,-50%) rotate(-45deg);}
.sel_class .sc_txt{ position:relative; font-size:.937em; color:#555; line-height:1.5;}
.sel_class .sc_help{ margin-top:18px; font-size:.875em; color:#999; line-height:1.6;}
.side_prev .sp_reset{ display:inline-flex; align-items:center; gap:4px; font-size:.875em; color:#888; text-decoration:none;}
.side_prev .sp_empty{ font-size:.937em; color:#999; line-height:1.6; margin-bottom:16px;}
.side_prev .sp_help{ font-size:.875em; color:#8a8f98; line-height:1.6;}

/* side estimate */
.side_est .est_list{ margin-bottom:6px;}
.side_est .est_row{ padding:10px 0; border-bottom:1px solid #eaeaea;}
.side_est .est_row:last-child{ border-bottom:none;}
.side_est .er_top{ margin-bottom:5px;}
.side_est .es_lb{ font-size:1em; color:#333;}
.side_est .es_lb.blue{ color:#2f6fed;}
.side_est .es_lb.red{ color:#e23c3c;}
.side_est .es_price{ font-size:1.125em; font-weight:700; color:#111;}
.side_est .es_price.blue{ color:#2f6fed;}
.side_est .es_price.red{ color:#e23c3c;}
.side_est .er_mid{ margin-bottom:8px; font-size:.875em; color:#999;}
.side_est .es_cnt{ font-size:.937em; color:#aab0ba;}
.side_est .es_sum{ font-size:1em; color:#888;}
.side_est .est_total{ padding:20px 0; /*border-bottom:1px solid #eceef1; margin-bottom:16px;*/ border-top:1px solid #666;}
.side_est .est_total span{ font-size:1.187em; font-weight:700; color:#111;}
.side_est .est_total strong{ font-size:1.625em; font-weight:700; color:#2f6fed;}
.side_est .est_note p{ font-size:.812em; color:#999; line-height:1.7;}
.side_est .est_note p + p{ margin-top:2px;}

/* content - detail */
.tm_detail_wrap{ padding:20px 0 0;}
.tm_detail_wrap .dh_info{font-size:.937em; color:#888; margin-bottom: 10px;}
.tm_detail_wrap .dt_box{ padding:30px; border:1px solid #aaa; border-radius:10px; background:#fff;}
.tm_detail_wrap .dt_box + .dt_box{ margin-top:20px;}
.tm_detail_wrap .db_tit{ color:#111;}
.tm_detail_wrap .db_desc{ margin:16px 0 22px; font-size:.937em; color:#888; line-height:1.6;}
.tm_detail_wrap .req{ color:#e23c3c; font-weight:600;}
.tm_detail_wrap .dt_box .db_tit{ padding:12px 18px; margin:-30px -30px 25px; border-radius:10px 10px 0 0; background:#eef4ff; font-size:1.375em;}
.tm_detail_wrap .td_done_no{font-size:1.25em;}
.tm_detail_wrap .td_done_no strong{color: var(--mainColor); font-weight: 700; margin-left: 5px; padding: 8px 15px; background: var(--bgColor); border-radius: 5px;}
.tm_detail_wrap .v_st{padding: 8px 15px; border-radius: var(--bor_r); background: #fff6dc; color: #8a6200 !important; font-weight: 400;}

.db_ck{border-radius: 5px; background-color: var(--mainColor); color: #fff; padding: 7px 15px; font-weight: 400; margin-right: 10px; font-size:.75em; margin-left:10px;}
.db_ck.co01{background-color: var(--subColor);}
.db_ck.co02{background-color: var(--mainColor);}
.db_ck.co03{background-color: #d0272a}
.db_ck.co04{background-color: #aaa;}


/* mark info */
.mark_info .mi_cont{ gap:100px;}
.mark_info .mi_prev{ flex-shrink:0; width:180px; height:150px; border:1px solid #e5e7eb; border-radius:8px;}
.mark_info .mi_prev strong{ font-size:1.25em; font-weight:800; color:#111;}
.mark_info .mi_list{ flex:1; row-gap:22px;}
.mark_info .mi_list li{ width:50%;}
.mark_info .ml_lb{ display:block; font-size:1em; font-weight:600; color:#333; margin-bottom:8px;}
.mark_info .ml_val{ font-size:1em; color:#666;}

/* form */
.tm_detail_wrap .form_grid{ column-gap:40px; row-gap:26px; background-color: #fafafa; border:1px solid #ddd; padding:30px;}
.tm_detail_wrap .form_grid + .form_grid{margin-top:20px;}
.tm_detail_wrap .fg_row{ width:calc(50% - 20px);}
.tm_detail_wrap .fg_row.full{ width:100%; margin-bottom:26px;}
.tm_detail_wrap .fr_lb{ margin-bottom:10px; font-size:1em; font-weight:600; color:#333;}
.tm_detail_wrap .inp_box input{ width:100%; height:46px; padding:0 4px; border:0; border-bottom:1px solid #d5d8de; font-size:1em; color:#222; background:none;}
.tm_detail_wrap .inp_box input::placeholder{ color:#aab0ba;}
.tm_detail_wrap .inp_box input:focus{ border-color:var(--mainColor);}
.tm_detail_wrap .inp_box.jumin{ gap:10px;}
.tm_detail_wrap .inp_box.jumin input{ flex:1;}
.tm_detail_wrap .inp_box.jumin .jm_bar{ color:#aab0ba;}
.tm_detail_wrap .addr_box{ display:flex; flex-direction:column; gap:12px;}
.tm_detail_wrap .addr_box .ab_top{ gap:10px;}
.tm_detail_wrap .addr_box .ab_top input{ flex:1; height:46px; padding:0 4px; border:0; border-bottom:1px solid #d5d8de; font-size:1em; background-color: transparent;}
.tm_detail_wrap .addr_box > input{ height:46px; padding:0 4px; border:0; border-bottom:1px solid #d5d8de; font-size:1em; color:#222; background-color: transparent;}
.tm_detail_wrap .addr_box > input::placeholder{ color:#aab0ba;}
.tm_detail_wrap .pay_info li{display:flex; gap:0 30px; padding:14px 0; border-bottom:1px solid #ddd; font-size:1.068em;}
.tm_detail_wrap .pay_info li .fwB{width:150px;}
.tm_detail_wrap .pay_info li span{width:calc(100% - 180px);}


/* radio */
.tm_detail_wrap .radio_row{ gap:36px;}
.tm_detail_wrap .rd_item{ gap:8px; font-size:1em; color:#333; cursor:pointer;}
.tm_detail_wrap .rd_item input{ display:none;}
.tm_detail_wrap .rd_dot{ width:20px; height:20px; border:2px solid #cfd5de; border-radius:50%; position:relative; transition:.2s;}

/* buttons */
.tm_detail_wrap .btn_line.navy{ border-color:var(--mainColor); color:#fff; background:var(--mainColor);}
.tm_detail_wrap .btn_line.navy:hover{ background:#060c47;}
.tm_detail_wrap .btn_line.gray{ color:#999; background:#f5f6f8;}
.tm_detail_wrap .form_call{ gap:10px; margin:8px 0 24px;}
.tm_detail_wrap .form_btn{ gap:10px; margin-top:24px;}

/* agree */
.agree_list li{padding:6px 0; font-size:1.25em}

/*신청확인*/
#sod_frm_paysel{gap:7px; display:flex; flex-wrap:wrap;}
#sod_frm_paysel input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
#sod_frm_paysel .lb_icon {display:inline-block; width:150px;background:#fff;border:1px solid #eceff4; cursor:pointer;position:relative; z-index:1; padding:15px 10px; text-align: center;}
#sod_frm_paysel input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}
#settle_bank{background-color: #fafafa; border:1px solid #ddd; padding:15px; margin-top:10px; display: none;}
#settle_bank .ck_p01,
#settle_bank .ck_p02{display:none;}
.app_check{width:600px; max-width:100%; margin:0 auto; }
.pay_ck{gap:20px; margin-bottom: 10px;}
.file_box{background-color: #fff; border-radius: 5px; border:1px solid #ddd; padding:10px; font-size:.938em; margin-bottom: 15px;}


/*===문의하기===*/
.ask_ban{margin-bottom:100px; padding:80px 0; background-color: var(--bgColor);}
.ask_ban .in_head{margin-bottom:30px; text-align:center;}
.ask_ban .in_head .in_tt{color:var(--mainColor);}
.ask_ban .in_head .in_tx{margin-top:12px; color:#555;}
.ask_ban .in_list{gap:20px; align-items:stretch;}
.ask_ban .in_item{flex:1; min-width:0; display:flex; flex-direction:column; padding:36px 30px 30px; border:1px solid #e2e6f2; border-radius:var(--item_r); background:#fff; text-align:center; text-decoration:none; transition:.25s;}
.ask_ban .in_item:hover{border-color:var(--mainColor); box-shadow:0 16px 34px rgba(9,17,98,.12); transform:translateY(-4px);}
.ask_ban .in_item .in_ico{width:64px; height:64px; margin:0 auto 20px; border-radius:50%; background:#f2f4fb; transition:.25s;}
.ask_ban .in_item .in_ico svg{width:30px; height:30px;}
.ask_ban .in_item:hover .in_ico{background:var(--mainColor);}
.ask_ban .in_item:hover .in_ico svg{stroke:#fff;}
.ask_ban .in_item .in_lb{color:var(--mainColor); font-size:1.325em; font-weight:700;}
.ask_ban .in_item .in_tx{margin-top:8px; color:#777; font-size:1em; font-weight:300;}
.ask_ban .in_item .in_num{margin-top:10px; color:#111; font-size:1.325em; font-weight:700; letter-spacing:-.5px; word-break:break-all;}
.ask_ban .in_item .in_go{display:inline-block; margin-top:20px; padding:15px 20px; border-radius:100px; background:var(--bgColor); color:var(--mainColor); font-weight:600; transition:.25s;}
.ask_ban .in_item .in_go i{margin-left:6px; vertical-align: -2px;}
.ask_ban .in_item:hover .in_go{background:var(--mainColor); color:#fff;}

.ask_ban .in_item.kko{border:2px solid var(--mainColor); position: relative;}
.ask_ban .in_item.kko .stk_w p.st1{ position: absolute; top: -21px; left:50%; transform: translateX(-50%); padding: 8px 20px; border-radius: 50px; font-weight: 600; background-color: var(--subColor); color: var(--mainColor);}
.ask_ban .in_item.kko .stk_w p.st2{  position: absolute; top: 10px; right:10px; font-size:.875em; padding:4px 15px; border-radius: 7px; background-color: var(--mainColor); color: #fff;}
.ask_ban .in_item.kko .in_ico{background:#fef0c4;}
.ask_ban .in_item.kko .in_ico svg{stroke:none; fill:#3c1e1e;}
.ask_ban .in_item.kko:hover{border-color:#fbe300;}
.ask_ban .in_item.kko:hover .in_ico{background:#fbe300;}
.ask_ban .in_item.kko:hover .in_go{background:#fbe300; color:#3c1e1e;}