@charset "utf-8"; 
/* ------------------------------------------
* Filename: main.css
* Author: initiativesix
------------------------------------------ */

.header_logo h1 {padding-top:10px; background:url('/static/mobile/img/common/logo.png') 0 bottom no-repeat;background-size:82px 33px; display:inline-block; width:82px; height:33px}
.navigation > h3 {top:25px}
#content {margin:0 20px; min-height:0 !important}

.main .content_box {position:relative;}
.main .content_box_1 {z-index:3; position:relative; padding:20px 0 15px}
.main .content_box_1 h3 {font-size:19px; color:#101010}
.main .content_box_1 p {font-size:13px; color:#101010; padding-top:5px; letter-spacing:-1px; line-height:18px}
.main .content_box_1 table {text-align:left}
.main .content_box_1 th {font-size:13px; color:#404040}
.main .content_box_1 td {font-size:13px; color:#999; letter-spacing:-1px}
.main .content_box_1 tr:first-child th,.main .content_box_1 tr:first-child td {padding-bottom:5px}

.main .inquire_btn {width:calc(100% - 190px)}
.main .inquire_btn a {width:100%; height:43px; border-radius:5px; background:url('/static/mobile/img/common/icon_main_check.png') center 10px no-repeat #de0010; background-size:17px;font-size:14px; line-height:17px; display:block; color:#fff; text-align:center; padding:32px 0 0}
.main .content_box > div:nth-child(3) {position:absolute; bottom:0; right:0; width:175px}
.main .content_box > div:nth-child(3) a {display:block; background:url('/static/mobile/img/common/icon_right.png') 167px 0 no-repeat; background-size:8px 14px}
.main .content_box > div:nth-child(3) p {font-size:14px; line-height:17px; margin-bottom:5px; color:#101010; background:url('/static/mobile/img/common/icon_tel_main.png') 0 0 no-repeat; background-size:17px; padding-left:23px}
.main .content_box > div:nth-child(3) span {font-size:12px; color:#999; letter-spacing:-1px}
.main .character_img {z-index:2; position:absolute; top:20px; right:0;width:76px; height:88px; background:url('/static/mobile/img/common/main_character.png') 0 0 no-repeat; background-size:contain}

.main .finance_tap {padding:40px 0 20px; line-height:20px}
.main .finance_tap .slick-active {font-size:13px; line-height:20px}
.main .finance_tap .slick-slide button {border:none; background-color:#fff;}
.main .finance_tap .slick-slide {display:block; padding:0 15px; background:url('/static/mobile/img/common/y_bar.png') right 4px no-repeat; background-size:2px 12px}
.main .finance_tap .slick-slide:first-child {padding-left:0}
.main .finance_tap .slick-slide:last-child {background:transparent}
.main .finance_tap .slick-current {font-size:16px; color:#101010; font-weight:700}
.main .finance_tap .slick-current button {font-size:16px; color:#101010; font-weight:700}

.main .finance_tap span {padding:0 10px;}
.main .finance_tap_box {}
.main .finance_tap_box > div {}
.main .finance_tap_box p {padding-right:5px}
.main .finance_tap_box .finance_tap_img {}
.main .finance_tap_box .finance_tap_img div {padding-top:15px}
.main .finance_tap_box .finance_tap_img div:after {display:block; content:''; clear:both}
.main .finance_tap_box .finance_tap_img div > a {width:calc(33.333% - 2px); float:left; display:block; text-align:center; line-height:25px; border:1px solid #ccc; background-color:transparent; color:#999; box-sizing:border-box; margin-bottom:7px; margin-right:3px; font-weight:700;}
.main .finance_tap_box .finance_tap_img div > a.on {border:1px solid #de0010; background-color:#de0010; color:#fff; box-sizing:border-box}
.main .finance_tap_box .finance_tap_img div > a.margin {margin-right:0}
.main .finance_tap_box .finance_tap_img {letter-spacing:-1px; padding:10px 0 10px; font-size:12px; line-height:20px; text-align:right; color:#101010}
.main .finance_tap_box .finance_tap_img_01 {background:url('/static/mobile/img/common/main_01.png') 0 0 no-repeat;background-size:82px 50px}
.main .finance_tap_box .finance_tap_img_02 {background:url('/static/mobile/img/common/main_02.png') 0 0 no-repeat;background-size:82px 50px}
.main .finance_tap_box .finance_tap_img_03 {background:url('/static/mobile/img/common/main_03.png') 0 0 no-repeat;background-size:82px 50px}
.main .finance_tap_box .finance_tap_img_03 div > a {width:100%}


.main .slick-dots {width:80px; margin:0 auto}
.main .slick-dots:after {display:block; content:''; clear:both}
.main .slick-dots li {float:left; margin-right:4px}
.main .slick-dots li:last-child {margin-right:0}
.main .slick-dots li button {background:url('/static/mobile/img/common/main_nav_off.png') 0 0 no-repeat; border:0; text-indent:-9999px; width:24px; height:3px; background-size:24px 3px}
.main .slick-dots .slick-active button {background:url('/static/mobile/img/common/main_nav_on.png') 0 0 no-repeat; background-size:24px 3px}

.main .character_all_img {background:url('/static/mobile/img/common/character_all.png') 0 0 no-repeat; background-size:contain; width:260px; height:80px; margin:25px auto 0}

.main .service_box {padding-bottom:20px; border-bottom:1px dashed #ccc}
.main .service_box h4 {font-size:14px; color:#101010; background:transparent; line-height:27px; padding-top:10px}
.main .service_box p {font-size:13px; color:#101010; letter-spacing:-1px; line-height:18px}

.main .icon_box {padding-top:22px}
.main .icon_box:after {display:block; content:''; clear:both}
.main .icon_box p {float:left; width:33.333%}
.main .icon_box p:nth-child(1) {background:url('/static/mobile/img/common/icon_map.png') center 0 no-repeat; background-size:75px}
.main .icon_box p:nth-child(2) {background:url('/static/mobile/img/common/icon_phone_call.png') center 0 no-repeat; background-size:75px}
.main .icon_box p:nth-child(3) {background:url('/static/mobile/img/common/icon_phone_down.png') center 0 no-repeat; background-size:75px}
.main .icon_box a {display:block; width:75px; height:100%; margin:0 auto}
.main .icon_box span {display:block; text-align:center; padding-top:80px; font-size:13px; color:#101010}

.main .dashed_box {padding-left:15px; font-size:12px; color:#422902; line-height:16px; border-top:dashed 1px #ddd; padding-top:15px; margin-top:15px}
.main .dashed_box span {margin-left:-15px}


.popup_main {width:90%; max-height:90%; background:#fff; letter-spacing:-1px}
.popup_main .top {background:url('/static/mobile/img/main/bg_popup_title.png') -10px bottom no-repeat; color:#101010; font-size:14px; font-weight:700; padding:7px 0 10px 10px; letter-spacing:0}
.popup_main .edit {padding:15px; overflow:auto}
.popup_main .edit > strong {display:block; color:#1b2f47; font-size:16px; line-height:20px}
.popup_main .edit > div {padding-top:10px; line-height:16px}
.popup_main .edit img {max-width:100%; margin-top:10px; display:block}
.popup_main .edit > a {display:block; width:100%; overflow:auto}
.popup_main .edit > a img {margin-top:0}
.popup_main .popup_btn {}
.popup_main .popup_btn:after {content:''; display:block; clear:both}
.popup_main .popup_btn a {display:block; background:#1b2f47; width:50%; height:35px; line-height:35px; text-align:center; color:#fff}
.popup_main .popup_btn a.sub {background:#de0010}

.popup_main .system {padding:15px; background:url('/static/mobile/img/main/system_bg.jpg') 0 55px no-repeat; background-position-x:calc(100% - 10px); background-size:42px 67px}
.popup_main .system > strong {display:block; color:#1b2f47; font-size:15px; font-weight:400; line-height:20px; height:44px}
.popup_main .system > strong span {display:block; color:#de0010; font-size:18px; font-weight:700; line-height:24px}
.popup_main .system > p {color:#666; font-size:12px; line-height:16px; height:48px; margin-top:5px}
.popup_main .system > div {background:url('/static/mobile/img/common/nav_bar_on.png') 0 0 no-repeat #1b2f47; background-size:5px 26px; padding:0 0 10px 15px; color:#fff; margin-top:10px}
.popup_main .system > div p {height:25px; line-height:25px}
.popup_main .system > div strong {font-weight:700; font-size:15px; line-height:30px; display:block}

.popup_main .popup_close {border:0; position:absolute; bottom:0; right:0; width:50%}
.popup_main .popup_close:before {content:'닫기'; display:block; width:100%; height:35px; line-height:35px; text-align:center; background:#de0010; color:#fff;}
.popup_main .popup_close span {display:none}
.popup_main a.link {display:block; width:75px; height:17px; line-height:17px; font-size:13px; font-weight:700; text-decoration:underline; color:#dea12c; margin:10px auto 0; background:url('/static/mobile/img/main/icon_gold.png') right center no-repeat; background-size:8px 13px}


#toTop {display:none !important}



/*  2022 new */
body {background-color:#f4f6f9}
#content {margin:0; font-family:'NanumSquare', '나눔스퀘어', sans-serif;}
.tab_head {display:flex; padding:0 20px; background-color:#fff;}
.tab_head li {width:calc(100% / 3); text-align:center;}
.tab_head li button {position:relative; padding:15px 0; font-size:22px; color:#6c7077; font-weight:700; border:none; background-color:#fff;}
.tab_head li .on {color:#101010;}
.tab_head li .on:after {content:''; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:4px; border-radius:20px; background-color:#e03c27;}
.tab_cont > div {display:none; padding:0px 20px;}
.tab_cont > div.on {display:block;}
.tab_cont .top_image {padding:20px 0 20px 75px; font-size:16px; line-height:1.6; color:#1c2b37; font-weight:700}
.tab_cont .top_image.cha1 {background:url(/static/mobile/img/main/bg_top_cha_01.png) no-repeat left 0 top 12px; background-size:64px 64px}
.tab_cont .top_image.cha2 {background:url(/static/mobile/img/main/bg_top_cha_02.png) no-repeat left 0 top 12px; background-size:64px 64px}
.tab_cont .top_image.cha3 {background:url(/static/mobile/img/main/bg_top_cha_03.png) no-repeat left 0 top 12px; background-size:64px 64px}

.tab_head_wrap.more {overflow-x:scroll}
.tab_head_wrap.more .tab_head {display:block}
.tab_head_wrap.more .tab_head:after {content:''; display:block; clear:both}
.tab_head_wrap.more .tab_head li {float:left; width:auto; padding:0 20px}
.tab_head_wrap.more .tab_head li:last-child {padding-right:0;}

.tab_head_wrap.more_menu button {padding-top:7px;}
.tab_head_wrap.more_menu .tab_head {display:block; overflow:hidden;}
.tab_head_wrap.more_menu .tab_head li {float:left;}

.info_area {margin-top:16px; padding:0 20px;}
.info_area ul {display:flex}
.info_area ul li {width:calc(50% - 5px); height:100px;}
.info_area ul li:first-child {margin-right:10px;}
.info_area ul li a {display:block; height:100px; padding:20px; border-radius:20px; color:#101010; font-size:21px; font-weight:700; box-shadow:1px 1px 1px 1px rgb(223 227 233); box-sizing:border-box;}
.info_area .info_location a{background:#fff url(/static/mobile/img/main/ico_location.png) no-repeat right 20px bottom 20px; background-size:17px 20px}
.info_area .info_call a{background:#fff url(/static/mobile/img/main/ico_call.png) no-repeat right 20px bottom 20px; background-size:15px 21px}


#container .dashed_box {margin-top:20px; padding:27px 46px 27px 30px; line-height:1.6; font-size:14px; color:#101010; font-weight:700; border-top:none;
background:#fff url(/static/mobile/img/main/bg_bottom_cha.png) no-repeat right 30px bottom 25px; background-size:50px 96px;}

.main_btn_list li ~ li {margin-top:10px}

.main_btn_area {padding:20px; background-color:#fff; border-radius:20px; box-shadow:1px 1px 1px 1px rgb(223 227 233);}
.main_btn_area.multi {padding-bottom:15px;}
.main_btn_area .white_btn {display:block; background:#fff url(/static/mobile/img/main/white_btn_dot.png) no-repeat right top 3px; background-size:7px 12px;}
.main_btn_area .white_btn + a {margin-top:15px;}
.main_btn_area .white_btn strong {display:block; color:#101010; font-size:21px; margin-bottom:7px;}
.main_btn_area .white_btn span {font-size:13px; color:#585d66;}

.main_btn_area .red_btn {display:block; padding:17px 5px; width:100%; text-align:center; color:#fff; font-size:17px; font-weight:700; background-color:#de0010; box-sizing:border-box; border-radius:10px}
.main_btn_area .red_btn span {display:inline-block; padding-right:25px; background:url(/static/mobile/img/main/ico_search.png) no-repeat right center; background-size:15px 16px;}
.main_btn_area .blue_btn {display:block; padding:17px 5px; margin-top:10px; width:100%; text-align:center; color:#0d62b9; font-size:17px; font-weight:700; background-color:#ebf2fb; box-sizing:border-box; border-radius:10px}
.main_btn_area .blue_btn span {display:inline-block; padding-right:28px; background:url(/static/mobile/img/main/ico_consulting.png) no-repeat right center; background-size:18px 16px;}








#footer {margin:0; padding:25px 30px 47px; padding-bottom:47px !important; border-top:none; background-color:#f4f6f9;}
#footer .tel {padding-top:0; border-top:none; color:#1366bf; font-size:15px}
#footer .tel a {color:#1366bf; font-size:17px; font-weight:700}
#footer address {line-height:1.9; padding-top:14px; font-size:13px; color:#62676f;}

#footer ul li {padding-top:7px; font-size:13px; color:#62676f;}
#footer li:last-child {background-position:5px 13px}
#footer p.copy {padding-top:9px; font-size:13px; color:#62676f;}




@media (min-width:500px){
.main .content_box br {display:none}
.main .content_box .content_box_1 {height:62px}
.main .content_box_1 p {padding-top:15px}
.main .inquire_btn {width:calc(50% - 15px)}
.main .content_box > div:nth-child(3) {width:50%}
.main .finance_tap_box p {height:40px}
.main .finance_tap_box p br {display:none}
.main .inquire_btn a {line-height:35px; background-size:20px; background-position:center 15px}
}
@media (min-width:580px){
.main .content_box > div:nth-child(3) {bottom:15px}
}
@media (min-width:360px){
	.info_area ul li a {font-size:20px;}
}