@charset "utf-8";


input.inputbox {width:250px;}
h3 + .guide {margin-top:-15px;}


.input-s {width:176px !important;}
.input-m {width:206px !important;}
.input-l {width:320px !important;}

/****************************************
# 서류 다운로드
****************************************/
.form_down {margin-bottom:20px;}
.form_down * {font-size:16px !important; line-height:1.6;}
.form_down .contact,
.form_down .contact a {color:#e6000b;}
.form_down .btn_adobe {margin-left:10px; margin-top:-5px;}

.down_list {min-width:1100px; margin-top:20px;}
.down_list + .down_list {margin-top:50px;}
.down_list:after {content:''; display:block; clear:both;}
.down_list h4 {position:relative; margin-bottom:15px; padding-left:12px; font-size:20px !important; font-weight:600 !important; line-height:1.47;}
.down_list h4:after {content:''; display:block; position:absolute; left:0; top:12px; width:5px; height:5px; background-color:#222; border-radius:50%;}
.down_list > ul li {position:relative; float:left; display:inline-block; padding:30px; border:1px solid #e2e2e2;}
.down_list > ul li .title {padding-bottom:35px; font-size:19px; font-weight:500; word-break:keep-all;}
.down_list > ul li .btn_down {display:inline-block; height:38px; padding:8px 15px; font-size:15px; font-weight:300; color:#222; border:1px solid #e2e2e2;}
.down_list > ul li .btn_down > span {padding-left:20px; background:url(../images/icon/ico_download.png) no-repeat 0 50%; background-size:14px 12px;}
.down_list > ul li .down_form .btn_box {position:absolute; right:30px; top:-15px; padding-top:40px;}
.down_list > ul li .sample_form {position:relative; padding-top:15px; border-top:1px dashed #e2e2e2;}
.down_list > ul li .sample_form .ex_txt {margin-bottom:8px;}
.down_list > ul li .sample_form .btns {position:absolute; right:0; top:15px; width:370px;}
.down_list > ul li .sample_form .btns:after {content:''; display:block; clear:both;}
.down_list > ul li .sample_form .btns > .btn_sample {float:right; margin-left:10px; margin-bottom:5px; padding:4px 12px 5px; color:#fff; background-color:#a0a0a0; border-radius:15px; font-size:14px; font-weight:300; transition:all 0.1s ease-in-out;}
.down_list > ul li .sample_form .btns > .btn_sample:last-child {margin-left:0;}
.down_list > ul li .sample_form .btns > .btn_sample:hover {background-color:#e6000b;}

.down_list.list1 > ul li {width:535px; height:185px; margin-right:30px;}
.down_list.list1 > ul li:last-child {margin-right:0 !important;}
.down_list.list2 > h4 {margin-bottom:5px;}
.down_list.list2 > ul > .requir {margin-bottom:15px; color:#e6000b; font-size:18px; line-height:1.5;}
.down_list.list2 > ul li {width:350px; height:186px; margin:0 25px 25px 0; text-align:center;}
.down_list.list2 > ul li:nth-of-type(3n) {margin-right:0 !important;}
.down_list.list2 > ul li .requir {font-size:15px;}
.down_list.list2 > ul li .title {padding-bottom:5px;}
.down_list.list2 > ul li .btn_box .btn_down {min-width:114px;}
.down_list.list2 .device .btn_box > .btn_down:last-child {margin-top:3px;}



/****************************************
# 대리점문의, 온라인문의
****************************************/
.board_wrap input, select {height:45px;}
.board_wrap select {padding:0px 8px}
.board_wrap .guide li {font-size:17px;}
.board_wrap .table-group li input[name="company"] {width:382px;}
.board_wrap .table-group li > div:nth-of-type(1) {padding-left:25px;}
.board_wrap .table-group .email .at {top:12px !important;}
.board_wrap .table-group .contents {height:180px;}

/* 온라인문의 */
.write .guide ul.dotNum > li:before {background-color:#e6000b;}
.write .phone_no {padding-bottom:10px;}
.write .contents {margin-top:5px;}



/****************************************
# 공지사항
****************************************/
/*
2022-08-02 주석처리

notice_list li:not(.head) .num span {display:inline-block; padding:5px 12px; background-color:#e3464c; color:#fff; border-radius:3px;}
.notice_view .article {margin-bottom:20px; color:#555; font-weight:300; letter-spacing:0; line-height:1.6;}
.notice_view .article:last-child {margin-bottom:0;}
.notice_view .article .sub {display:block; font-weight:500; color:#000;}
.notice_view .article .term-tit {margin-bottom:10px; padding:15px; font-weight:600; color:#000; background:#DDD;}
.notice_view .article img {width:100%; height:100%;}
.notice_view .article table {position:relative; width:100%; margin-top:10px; border-collapse:collapse !important; border-spacing:0;}
.notice_view .article table:after {position:absolute; top:0; left:0; width:100%; height:2px; background:#aaa; content:'';}
.notice_view .article table th {padding:10px; border:1px solid #ddd; color:#333; font-size:14px; font-weight:500; line-height:1.6; background-color:#f6f6f6; text-align:center;}
.notice_view .article table td {padding:10px; border:1px solid #e2e2e2; color:#555; font-size:14px; line-height:1.5; text-align:center;}
.notice_view .article table td ul {padding-left:0;}
.notice_view .article table + .table_caption {margin-top:15px;}
.notice_view .article table + p,
.notice_view .article table + ul {margin-top:10px; padding-left:0;}
.notice_view .article table p {margin-bottom:2px; font-size:14px;} */


/****************************************
# 내역조회
****************************************/
/* 신청내역조회 */
.svc_guide {padding:40px 0;}
.slef_time{background-color:#f8faff; padding:20px; border-radius:20px; color:#90a0b7; text-align:left; margin-bottom:20px; border:1px solid #f1f3fb}
.slef_time p + p {margin-top:5px;}

/* 주문/배송 조회 */
.order_view .order_list li div {word-break:break-word;}
.order_view .order_list li > .req_no {width:240px;}
.order_view .order_list li > .info {width:330px; padding-left:0;}
.order_view .order_list li > .price {width:180px;}
.order_view .order_list li > .state {width:170px;}
.order_view .order_list li > .delivery {width:180px;}
.order_view .order_list li .info {padding-left:25px; text-align:left;}
.order_view .order_list li .info .label > .bi {width:30px; height:20px; line-height:20px; font-size:12px;}

/* 신청내역조회 renew */
.order_history {width:1100px;}
.order_history li {display:flex !important; align-items:center;}
.order_history li:not(.head) .prod-info.on p {color:#e6000b !important; text-decoration:underline; cursor:pointer;}
.order_history li:not(.head) .prod-info.on:hover p {font-weight:500;}
.order_history li:not(.head) .btns a {display:inline-block; width:100%; padding:4px 16px; font-weight:600; font-size:15px; word-break:keep-all; border:4px solid #dcdcdc;}
.order_history li:not(.head) .btns a+a {margin-top:8px;}
.order_history .msg-box {width:100%; padding:24px !important; margin-bottom:20px; text-align:left !important; background:#ecf2ff; border-radius:8px;}
.order_history .msg-box h5 {position:relative; padding-left:28px; margin-bottom:20px; font-weight:600; font-size:18px; color:#000;}
.order_history .msg-box h5::before {content:""; display:inline-block; position:absolute; left:0; top:4px; width:20px; height:20px; background:url('../images/icon/ico_warning.png') no-repeat; background-size: contain;}
.order_history .msg-box p {font-weight:300; color:#D82146;}

.order_history li > div.no {width:6%;}
.order_history li > div.req-no {width:12%;}
.order_history li > div.join-step {width:13%;}
.order_history li > div.mno {width:8%;}
.order_history li > div.prod-info {width:20%;}
.order_history li > div.join-type {width:10%;}
.order_history li > div.state {width:10%;}
.order_history li > div.btns {width:15%; flex: 1 auto;}
.order_history li > div.usim-poss {width:10%;}
.order_history li > div.open-number {width:13%;}
.order_history .guide-box {margin-top:20px;}

.in_btn{display:flex; justify-content: space-between; align-items:flex-start; width: 100%; margin: 10px 0 40px 0;}
.in_btn h2{margin:0 !important;}
.in_btn .btn_onechip{padding: 8px 15px; background: #333; color:#fff; border-radius:7px; font-size:14px;}



/****************************************
# 자주하는 질문
****************************************/
.faq_list {border-top:2px solid #e6000b}
.faq_list li {border-bottom:1px solid #e2e2e2; cursor:pointer;}
.faq_list li .question {display:block; position:relative; padding:25px 20px 25px 105px; background:url('../images/icon/ico_faq_tit.png') no-repeat 35px 25px;}
.faq_list li .question:after {content:''; display:block; position:absolute; right:20px; top:50%; width:60px; height:60px; margin-top:-30px; background:url(../images/btn/btn_faq_arrow.png) no-repeat;}
.faq_list li.on .question:after {background-position:0 -60px;}
.faq_list li .question .type {display:block; font-weight:300; font-size:16px; color:#666; margin-bottom:3px;}
.faq_list li .question .title {display:block; font-size:18px; line-height:1.5; color:#000;}
.faq_list li .answer {display:none; padding:25px 20px 25px 105px; font-size:16px; background:#f6f6f6 url('../images/icon/ico_faq_answer.png') no-repeat 35px 25px;}
.faq_list li .answer p {margin-bottom:20px; font-weight:300; font-size:16px; line-height:1.6; letter-spacing:-0.5px;}
.faq_list li .answer p:last-child {margin-bottom:0;}
.faq_list li .answer p > .sub {display:block; font-weight:500; color:#000;}
.faq_list li .answer p > .sub2 {display:inline-block; margin-right:4px; font-weight:500; color:#000;}
.faq_list li .answer p .tel {font-weight:500; color:#3b46a1;}
.faq_bottom {margin:40px 0 20px; padding:30px; text-align:center; background-color:#f6f7f7; border:3px solid #e9e9e9;}
.faq_bottom .txt {margin-bottom:20px; font-size:18px;}
.faq_bottom .btn_pick {width:auto; height:54px; padding:0 40px; line-height:54px; font-weight:300; font-size:18px; border-radius:30px;}



/****************************************
# 공시지원금
****************************************/
.model_view {position:relative;}
.model_view .tit {margin-bottom:10px; font-size:19px; font-weight:300; color:#e6000b;}
.model_view .sel_public_date {position:absolute; right:0; top:17px; width:198px; }
.model_list {width:100%; margin-bottom:30px;}
.model_list th:first-child,
.model_list td:first-child {border-left:0;}
.model_list th:last-child,
.model_list td:last-child {border-right:0;}
.model_list td {padding:15px 8px; line-height:1.5;}
.model_list td:nth-last-of-type(5) {color:#222 !important; line-height:1.5;}
.model_list td:nth-last-of-type(5) > span {display:block; color:#808080;}
.model_list td:nth-last-of-type(4) {font-weight:500; color:#000;}
.model_list td:nth-last-of-type(3) {font-weight:300;}
.model_list td:nth-last-of-type(2) {background-color:#f7f8fa; font-weight:500; color:#000; background-color:#f7f8fa;}
.model_list td:nth-last-of-type(1) {font-weight:500; font-weight:500; color:#e6000b;}
.model_list .img {width:auto; height:60px;}



/****************************************
# 매장찾기
****************************************/
/* 지사 매장 */
.offline_top {margin-top:30px; margin-bottom:90px; text-align:center;}
.offline_top .title {padding-bottom:15px; font-weight:600; font-size:32px; line-height:1.4;}
.offline_top .desc {font-weight:300; font-size:20px; color:#666; line-height:1.47;}
.offline_top .service_list {margin-top:70px; font-size:0;}
.offline_top .service_list li {display:inline-block; width:33.33%; padding:0 60px; font-size:16px; border-right:1px solid #e2e2e2;}
.offline_top .service_list li:last-child {border-right:0;}
.offline_top .service_list li dl {position:relative; width:100%; padding-left:92px; text-align:left;}
.offline_top .service_list li dl dt {font-weight:600; font-size:22px; margin-left:15px; margin-bottom:8px; }
.offline_top .service_list li dl dd {font-weight:300; font-size:18px; margin-left:15px; color:#666;}
.offline_top .service_list li dl:after {content:""; display:block; position:absolute; left:0; top:50%; margin-top:-46px; width:92px; height:92px; border-radius:50%;}
.offline_top .service_list li dl.ic_pay:after {background:#eee url(../images/icon/ic_off_pay.png) no-repeat center; background-size:52px auto;}
.offline_top .service_list li dl.ic_join:after {background:#eee url(../images/icon/ic_off_join.png) no-repeat center; background-size:52px auto;}
.offline_top .service_list li dl.ic_service:after {background:#eee url(../images/icon/ic_off_service.png) no-repeat center; background-size:58px auto;}

.store_wrap2::after {content:""; display:block; clear:both;}
.store_wrap2 .mapArea {overflow:hidden; position:relative; width:100%; height:520px; border-left:1px solid #e2e2e2 !important;}
.store_wrap2 .mapArea .infowindow {position:relative; min-width:260px; min-height:160px; padding:25px 20px;}
.store_wrap2 .mapArea .infowindow .company {margin-bottom:8px; font-size:18px; font-weight:600;}
.store_wrap2 .mapArea .infowindow .addr {font-size:16px; font-weight:300; color:#000; line-height:1.4;}
.store_wrap2 .mapArea .infowindow .btnArea {position:absolute; right:20px; bottom:25px;}
.store_wrap2 .mapArea .infowindow .btnArea a {display:inline-block; padding:8px 12px; font-weight:300; font-size:16px; border:1px solid #e2e2e2; color:#666; border-radius:5px;}
.store_wrap2 .store_info {float:left; margin-top:30px;}
.store_wrap2 .store_info:after {height:2px;}
.store_wrap2 .store_info th {padding:15px 10px; font-size:16px !important; color:#444; background-color:#f9f9f9;}
.store_wrap2 .store_info td {padding:15px 10px; font-size:16px !important; border-left:1px solid #ddd; text-align:left;}

/* 고객지원매장 */
.offline_banner{position:relative; margin:0px auto 0 auto;}
.offline_banner img{width:100%;}
.offline_banner .map-wrap {position:absolute; right:0; bottom:10px; width:650px; padding:0 20px 20px; background-color:#fff0e5;}
.offline_banner .map-wrap .title {margin-bottom:6px; font-weight:600; color:#ff6c00;}
.offline_banner .map-wrap .map-area {display:flex; margin-bottom:10px;}
.offline_banner .map-wrap .map-area .name {position:relative; flex-shrink:0; width:95px;color:#000; font-weight:500; font-size:14px;}
.offline_banner .map-wrap .map-area .name::after {content:""; position:absolute; top:0; right:10px; display:block; width:1px; height:100%; background:#5b5b5b;}
.offline_banner .map-wrap .map-area .addr {width:100%; color:#333; font-weight:400; font-size:14px;}
.offline_banner .map-wrap .map-area .addr .tel{display:inline-block; font-size:1em; color:#666; margin-left:5px;}
.offline_banner .map-wrap .map-area .addr .tel img{display:inline-block; margin-right:3px; width:10px; vertical-align:middle;}
.offline_banner .map-wrap .map-area .target {position:relative; flex-shrink:0; width:50px; color:#ff6c00; font-size:14px; text-decoration:underline;}
.offline_banner .map-wrap .map-area .target::after {content:""; display:inline-block; width:6px; height:6px; border-top:1px solid #ff6c00; border-right:1px solid #ff6c00; transform: rotate(45deg);}
.offline_banner .map-wrap .map-area + .title {margin-top:20px;}
.offline_video {width:100%; margin-bottom:20px; padding:20px; background-color: #fff0e5;}

.mapBox {position:relative; width:100%; height:600px; margin-bottom:25px; padding:30px; border:1px solid #e2e2e2;}
.mapBox:after {content:''; display:block; clear:both;}
.searchArea {float:left; width:40%; height:100%;}
.searchArea .addrSelect {position:relative; width:100%; height:102px;}
.searchArea .addrSelect:after {content:''; display:block; clear:both;}
.searchArea .addrSelect li {display:table; position:relative; width:100%; margin-bottom:8px;}
.searchArea .addrSelect li:after {content:''; display:block; clear:both;}
.searchArea .addrSelect li > div {display:table-cell; position:relative; width:calc(100%/2); padding-left:10px; vertical-align: middle}
.searchArea .addrSelect li > div:first-child {padding-left:0;}
.searchArea .addrSelect .row1 div:nth-of-type(1) {width:45%;}
.searchArea .addrSelect .row1 div:nth-of-type(2) {width:55%;}
.searchArea .addrSelect .row2 div:nth-of-type(1) {width:76%;}
.searchArea .addrSelect .row2 div:nth-of-type(2) {width:24%;}
.searchArea .addrSelect .row2 .btn_search {width:100%; height:45px; font-weight:300; font-size:16px; color:#fff; background-color:#898989; vertical-align:middle;}
.searchArea .searchResult {position:relative; width:100%; margin-top:15px;}
.searchArea .searchResult .accessibility {margin-bottom:5px;}
.searchArea .searchResult .accessibility:after {content:''; display:block; clear:both;}
.searchArea .searchResult .accessibility > .location {float:left; font-size:14px; font-weight:300; color:#e6000b;}
.searchArea .searchResult .accessibility > .count {float:right; font-size:14px; font-weight:300; color:#797979;}
.searchArea .searchResult .accessibility > .count .tot {font-size:14px; font-weight:500; color:#000;}
.searchArea .searchResult .list {overflow-y:scroll; position:relative; height:390px; border-top:1px solid #e2e2e2;}
.searchArea .searchResult .list li {position:relative; padding:12px 0 16px 0; border-bottom:1px solid #e2e2e2;}
.searchArea .searchResult .list li:last-child {border-bottom:0;}
.searchArea .searchResult .list div {cursor:pointer;}
.searchArea .searchResult .list div > .name {font-size:16px; font-weight:500; line-height:1.5; color:#222;}
.searchArea .searchResult .list div > .addr {margin-top:5px; font-size:15px; color:#666;}
.searchArea .searchResult .list div > .tel {display:block; margin-top:3px; font-size:15px; color:#e6000b;}
.searchArea .searchResult .list div > .btn_detail {display:none;}
.searchArea .searchResult .list div > .btn_tel {display:none;}
.searchArea .searchResult .list div > .service-box {margin-top:16px;}
.searchArea .searchResult .list div > .service-box span {display:inline-block; padding:4px 10px 5px; font-weight:300; font-size:13px; border-radius:4px;}
.searchArea .searchResult .list div > .service-box span + span {margin-left:5px;}
.searchArea .searchResult .list div > .service-box .join-sticky {background:#acacac; color:#fff;}
.searchArea .searchResult .list div > .service-box .cs-sticky {background:#f72f5a; color:#fff;}
.searchArea .searchResult .list div > .service-box .check-number {position:relative; display:inline-block; padding:4px 10px 5px 30px; color:#f72f5a; margin-left:5px; font-weight:500; font-size:15px; border-radius:4px;}
.searchArea .searchResult .list div > .service-box .check-number::before {content:""; position:absolute; left:6px; top:4px; display:inline-block; width:20px; height:20px; background:url('../images/icon//icon_cs_number.png') no-repeat center; background-size:18px;}

.mapArea {overflow:hidden; float:right; position:relative; width:58%; height:100%; border-left:1px solid #e2e2e2 !important;}
.mapArea .infowindow {position:relative; min-width:260px; min-height:160px; padding:25px 20px;}
.mapArea .infowindow .company {margin-bottom:12px; font-size:16px; font-weight:600;}
.mapArea .infowindow .addr {font-size:15px; font-weight:300; color:#666; line-height:1.4;}
.mapArea .infowindow .btnArea {position:absolute; right:20px; bottom:25px;}
.mapArea .infowindow .btnArea a {display:inline-block; padding:8px 12px; font-weight:300; font-size:16px; border:1px solid #e2e2e2; color:#666; border-radius:5px;}

.storeInfo:after {height:2px;}
.storeInfo th {padding:15px 10px; font-size:16px !important; color:#444; background-color:#f9f9f9;}
.storeInfo td {padding:15px 10px; font-size:16px !important; border-left:1px solid #ddd; text-align:left; line-height:1.4;}

.pp-point {margin-bottom:10px; font-weight:300; font-size:18px;}



/****************************************
# 230912 고객센터 개편
****************************************/
#container.consult_inner{max-width: 1100px; min-width: inherit !important; width: 100%;}
#container.consult_inner > h3{font-size: 24px; padding-bottom: 15px;}

.consult_inner{padding:30px 0 0 0 !important;}
.cs_block{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.cs_block li{width: calc(100%/4 - 10px); background: #f9f9f9; text-align: center; border-radius: 15px; margin:0 0 15px 0; margin-right: calc(40px/3); border:1px solid #efefef;}
.cs_block li:nth-child(4n){margin-right: 0;}
.cs_block li a{display: block; width: 100%; height: 100%; padding:50px 0;}
.cs_block li a img{width: 45px;}
.cs_block li a p{margin-top: 20px; font-size: 18px; font-weight: 600}

.office_box{padding:30px 25px; text-align: center; border:2px solid #efefef; border-radius: 13px; margin-bottom: 30px;}
.office_box .time{font-size: 18px; color:#292929; font-weight: 500;}
.office_box .time strong{display: inline-block; margin-left: 3px; font-size: 1.5rem; color:#f35878; font-weight: 500;}
.office_box .time_info{display:flex; justify-content: center; margin-top: 10px;}
.office_box .time_info li{color:#8a8e96; margin-right: 15px;}
.office_box .time_info li:last-child{margin-right: 0;}

.office_box .num_all{color:#525863; font-weight:700; font-size: 19px; margin-bottom: 35px;}
.office_box .tell_num{display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #efefef; padding-bottom: 17px; margin-top: 17px; color:#525863;}
.office_box .tell_num:last-child{border-bottom: none; padding: 0;}
.office_box .tell_num li{position: relative; font-weight:500;}
.office_box .tell_num li:last-child{font-size: 18px; font-weight: 600;}
.office_box .tell_num li:first-child:after{position: absolute; display: block; content: "국번없이"; font-weight:400; font-size:13px; background:#efefef; color:#525863; top: 50%; right: -55px; transform: translateY(-50%); padding: 3px 5px; border-radius: 3px;}
.office_box .tell_num li:last-child:after{position: absolute; display: block; content: "유료"; font-size:13px; background:#f7d5dc; color:#d92d50; top: 50%; left: -35px; transform: translateY(-50%); padding: 3px 5px; border-radius: 3px;}

.txt_left{text-align:left;}
.sign_list{display: flex !important; align-items: center; justify-content: center;}
.sign_list img{max-width: 25px; margin-right:10px; display: inline-block}