@charset "UTF-8";


.mb{display:none}


/**********************************
회원가입
**********************************/
.member_area{display: flex;width: 100%; flex-wrap: wrap; margin-top:80px}
.member_left{width: 42%; background: url(../img/join_left_alart.png) no-repeat; height: 400px; position: relative;}
.jo_tit{display:block; font-size:22px; font-weight: 600;width: 50%; margin: 0 auto;text-align: center;}
.jo_tit1{display:block; font-size:14px;width: 32%;margin: 0 auto;padding-top: 20px; }

.member_right{width: calc(58% - 0px); padding-left:50px }
.mem_page {padding: 0px 30px 50px;}
.mem_top {margin-bottom: 30px;}
.mem_page h2 {font-size: 40px;font-weight: 400;text-align: center;}
.mem_page h3 {color: rgba(0, 0, 0, 0.8);font-size: 18px;font-weight: normal;text-align: center;margin-top: 16px;}
.mem_bottom {padding: 63px 0; border-radius: 20px; background-color: #f7f7f7;}
.mem_inpage {max-width: 425px;width: 100%;margin: 0 auto;padding: 0 30px;}
.mem_login {background: url(../img/join_arrow.png) no-repeat 90%;background-size: 21px 18px; text-align: left;padding-left: 40px;}
.join_pri {background-color: #326aff;}
.join_cor {background-color: #373737;margin-top: 5px;}

.mem_login {width: 100%; color: #fff; height: 65px; line-height: 65px; font-size: 16px;font-weight: 500;border: none;border-radius: 33px;margin-bottom: 10px;cursor: pointer;box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);display: block;}
.join_link{text-align: center; padding-top:20px; padding-right:20px; position: relative; font-size:16px}
.join_link::before {content: '';position: absolute;top: 20px;left: 94px;background: url(../img/join_icon.png)no-repeat; width:16px; height:20px}

.join_page_area {max-width: 680px;width: 100%;margin: 0 auto;padding: 100px 15px 100px;}
.join_top {text-align: center;}
.join_top h2 {font-size: 46px;font-weight: 400;text-align: center; margin-bottom:20px}

.join_proc_area{}
.join_proc_area ul {position: relative; display: flex; justify-content: center; padding: 14px 14px 0; width: 100%; margin: 0 auto;}
.join_proc_area ul li {margin-right: 100px;position: relative;}


.bizjoin_proc_area{}
.bizjoin_proc_area ul {position: relative; display: flex; justify-content: center; padding: 14px 14px 0; width: 100%; margin: 0 auto;}
.bizjoin_proc_area ul li {margin-right: 50px;position: relative;}

.bizjoin_proc_area ul li:after { position: absolute; right: -46px; top: calc(50% - 20px); transform: translateY(-50%); width: 10px; height: 10px; background: url(../img/proc_arr.png) no-repeat center;content: '';}
.bizjoin_proc_area ul li:last-child:after {display: none;}
.bizjoin_proc_area ul li:last-child {margin-right: 0;}
.bizjoin_proc_area ul:after {position: absolute;left: 0; top: 0; width: 100%; height: 97px; border-radius: 48px;   background-color: rgb(100, 201, 80); opacity: 0.1;content: ''; z-index: -5;}


.join_proc_area ul li:after { position: absolute; right: -46px; top: calc(50% - 20px); transform: translateY(-50%); width: 10px; height: 10px; background: url(../img/proc_arr.png) no-repeat center;content: '';}
.join_proc_area ul li:last-child:after {display: none;}
.join_proc_area ul li:last-child {margin-right: 0;}
.join_proc_area ul:after {position: absolute;left: 0; top: 0; width: 100%; height: 97px; border-radius: 48px;   background-color: rgb(100, 201, 80); opacity: 0.1;content: ''; z-index: -5;}
.proc_div div {width: 70px; height: 70px; border-radius: 100%;margin-bottom: 20px;}

.proc_div.proc_agree > div {background: #fff url(../img/proce_step_icon.png) no-repeat center;}
.proc_agree.on > div {background: #326aff url(../img/proce_step_icon.png) no-repeat center;}
.proc_div.proc_info > div {background: #fff url(../img/proce_step_icon1.png) no-repeat center;}
.proc_info.on > div {background: #326aff url(../img/proce_step_icon1.png) no-repeat center;}
.proc_div.proc_done > div {background: #fff url(../img/proce_step_icon2.png) no-repeat center;}
.proc_done.on > div {background: #326aff url(../img/proce_step_icon2.png) no-repeat center;}

.proc_div.proc_cert > div {background: #fff url(../img/proce_step_icon0.png) no-repeat center;}
.proc_cert.on > div {background: #326aff url(../img/proce_step_icon0.png) no-repeat center;}

.proc_div span {display: inline-block;color: rgba(0, 0, 0, 0.4);  font-size: 15px;font-weight: 500;line-height: 1;}

.proc_div.on span {color: #000;}

.cert_area{width:100%; padding-top:40px}
.cert_area p{font-size:16px; font-weight: 500; color:#333; margin-bottom:10px}
.cert_info_box{margin-bottom: 14px;}
.cert_info_box > a {position: relative;  display: block; height: 120px; border-radius: 4px; border: 1px solid #dbdbdb;}

.cert_info_box > a > span{background: url(../img/phon_icon.png) no-repeat center top;}
.cert_info_box > a > span{position: absolute; top: 50%;  left: 50%; display: block; padding-top: 64px; font-size: 14px; line-height: 16px; color: #111;  white-space: nowrap; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.cert_info_tit{}
.cert_info_tit li{position: relative; padding-left: 6px; font-size: 12px; line-height: 18px; color: #888;}
.cert_info_tit li::before {content: ''; position: absolute;  top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #888;}

.cert_info_sns{margin-top: 40px;}
.cert_info_sns h3{font-size:18px; line-height: 22px; text-align: center; }
.sns_btn{margin-top:20px}

.btn1{position: relative;display: inline-block;border-radius: 4px;text-align: center;}
.w-full{width:100%}
.sns_btn_k{background-color: #ffec00;}
.btn1.sns_btn_k > .txt{display:inline-block; padding-left:28px; background: url(../img/icon_kakao.png) no-repeat left center; position: relative; padding-top:14px; padding-bottom:14px; font-weight: 500; line-height: 16px;}

.sns_btn_n{background-color: #23c300;}
.btn1.sns_btn_n > .txt{display:inline-block; padding-left:28px; background: url(../img/icon_naver.png) no-repeat left center; position: relative; padding-top:14px; padding-bottom:14px; font-weight: 500; line-height: 16px;}

.sns_btn_g{background-color: #000000;}
.btn1.sns_btn_g > .txt{display:inline-block; padding-left:28px; background: url(../img/icon_google.png) no-repeat left center; position: relative; padding-top:14px; padding-bottom:14px; font-weight: 500; line-height: 16px; color:#fff}

.sns_btn .btn1 + .btn1 {margin-top: 10px;}

.cert_btn_area{margin-top: 30px; text-align: center;}
.cert_btn_area button {text-align: center; font-size: 16px; width: 160px; padding: 13px 0; margin: 0 10px; border-radius: 4px;}
.btn-confirm{background: #164;color: #fff;}


.btn-cancel {background: #999; color: #fff;}
.cert_btn_area button:hover {background-color: #0b2d7b; color: #fff; /* border: 1px solid #06377b; */ transition: all .25s ease;}

.btn-leave{background:#761616; color:#fff}
.btn-leave:hover{background:#4b0707 !important; color:#fff}



/*************************************
약관
*************************************/
.term {border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;}
.term h5 {font-size: 24px;margin: 30px 0 20px; font-weight: 400;}
.term-cont {overflow-x: hidden;overflow-y: auto;height: 200px;padding: 23px 30px;background: #f9f9f9;}
.term-inner {line-height: 22px;word-break: keep-all;color: #333;}
.check-area {display: flex; align-items: center; margin-top: 16px;font-size: 14px;}
.check-area input[type='checkbox'] {width: 16px;height: 16px;margin-right: 4px;vertical-align: sub;}

.term-tit{font-size:16px; margin:30px 0 20px}


/*************************************
회원정보입력
*************************************/
.jform_area{position: relative;}

.jform_cont + .jform_cont{margin-top:15px}

.jform_cont1 + .jform_cont1{margin-top:15px}

.jform_cont1{position: relative; width:49%; display: inline-block; margin-bottom:15px}

.mr1{margin-right:1%}


.mt-40{margin-top:40px}

.essential-text {position: absolute; top: 1px;right: 0; padding-left: 9px; font-size: 12px;line-height: 18px;color: #888;}
.essential-text::before {content: '*'; position: absolute; top: 0; left: 0;  font-weight: 500; font-size: 12px; color: #ce001b;}

.jform_step_id{display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between;
    -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px;font-size: 0;}

.id_tit{position: relative; padding-right: 10px;font-weight: 500; font-size: 14px;line-height: 18px;}
.id_tit::after{content: "*";position: absolute; top: 0; right: 0; font-weight: 500;font-size: 12px;line-height: normal;color: #ce001b;}



.join_flex_area{display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.join_flex_area > *{-webkit-box-flex: 1;-webkit-flex: 1 1 0;-ms-flex: 1 1 0px;flex: 1 1 0;}

.jform_input{display: inline-flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;max-width: 100%;}
.jform_input > .inp {display: block; width: 100%; height: 44px; padding: 0 14px;  font-size: 14px; border: 1px solid #dbdbdb;background-color: #fff;-webkit-transition: 0.3s;transition: 0.3s;}

.jform_input label{font-size:14px}

.join_flex_area .join_btn {-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;width: 150px;}

.join_btn{color:#fff; background-color: #222; border-radius: 4px; text-align: center; margin-left:8px; width:130px }
.mg-r4{margin-right:4px}

.join_flex_area .join_btn1 {-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;}
.join_btn1{color:#fff; background-color: #222; border-radius: 4px; text-align: center; margin-left:4px; width:80px }
.join_btn1 > .text{position: relative;display: block; padding: 14px 10px;text-align: center;font-weight: 500;font-size: 14px;line-height: 16px;}

.join_btn > .text{position: relative;display: block; padding: 14px 10px;text-align: center;font-weight: 500;font-size: 14px;line-height: 16px;}

.inp:read-only {color: #888;border-color: #ededed;background-color: #ededed;}

.comp_title{font-size:18px; text-align: center; padding-bottom:20px}
.bold{font-weight: 600;}
.comp_infor{width:100%; padding-top:10px; padding-bottom:20px}
.comp_infor span{display: block; font-size:16px; line-height: 180%; text-align: center;}
.comp_btn{background-color:#1428A0 ; color:#fff; padding:10px 0px}
.comp_btn:hover{background-color:#111; transition: 0.3s;}


.biz_tit{margin:25px 0px 20px; position: relative; padding-left:20px; font-size: 16px; border-bottom: 1px solid #333; padding-bottom:6px}
.biz_tit::before{content: ''; position: absolute; top: 4px; left: 0; width: 15px; height: 15px; background: #164bad;}

.biz_join_tit{position: relative; padding-right: 10px;font-weight: 500; font-size: 14px;line-height: 18px;}

.mgr20 {margin-right: 20px;}
.w100 {width: 100px !important;}
.mgtb5 {margin: 5px 0;}
.mt-60 {margin-top:60px}
.mg-r4 {margin-right: 4px;}
.mg-r6{margin-right: 20px;}
.mg-r10{margin-right:10px}
.jform_input select{font-size: 14px;
    height: 44px;
    padding: 0 28px 0 10px;
    background: white url(../img/select-down.svg) no-repeat right 5px center;
    border: 1px solid #e6e6e6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}


/*************************************
로그인
*************************************/
.mem_login_box{position: relative; width:60%; margin:0 auto}

.login_inp {border-radius: 33px;  background-color: #fff; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05); border: none; width: 100%; height: 45px !important; line-height: 45px; padding-left: 40px; padding-right: 40px; font-size: 15px; margin-bottom:20px}
.field_row {display: flex; width:100%; text-align:center;  align-items: center;justify-content: space-between; }
.field_wrap.left {width: 60%;display: flex;}
.chick_men{width:16px; height:16px; border:#555}
.chick_txt{padding-left:6px; vertical-align: middle; color:#555}
ul.link_list {display: flex;}
ul.link_list li {position: relative; padding-left:20px}
ul.link_list li button {text-align: center; display: block; font-size: 12px; line-height: 1.3; font-weight: 400; color: rgba(0, 0, 0, 0.3); position: relative;border-bottom: 0.1rem solid #d1d1d1;}

.login-btnbox {margin-top: 20px;}
.login_btn{position: relative;display: inline-block; border-radius: 4px;text-align: center;color: #fff;background-color: #111; width:100% }
.login_btn > .text {position: relative; display: block; padding: 14px 10px; text-align: center;font-weight: 500;font-size: 14px;line-height: 16px;}
.login_btn:hover{background-color: #0b2d7b;}
.login_join_btn{border: 1px solid #ccc;background-color: #fff;position: relative; display: inline-block;border-radius: 4px;text-align: center; width:100%; margin-top:10px}
.login_join_btn > .text {position: relative; display: block; padding: 14px 10px; text-align: center;font-weight: 500;font-size: 14px;line-height: 16px;}

.cert_info_sns h4{text-align: center; font-weight: 300; padding:5px 0}
.sns_btn1 {margin-top: 20px; text-align:center ;}

.btn2{position: relative;display: inline-block;border-radius: 4px;text-align: center; width:25% ; display: inline-block; margin-right:5%;}
.btn2.sns_btn_k > .txt{display:inline-block; padding-left:28px; background: url(../img/icon_kakao.png) no-repeat left center; position: relative; padding-top:14px; padding-bottom:14px; font-weight: 500; line-height: 16px;}
.btn2.sns_btn_n > .txt{display:inline-block; padding-left:28px; background: url(../img/icon_naver.png) no-repeat left center; position: relative; padding-top:14px; padding-bottom:14px; font-weight: 500; line-height: 16px;}
.btn2.sns_btn_g > .txt{display:inline-block; padding-left:28px; background: url(../img/icon_google.png) no-repeat left center; position: relative; padding-top:14px; padding-bottom:14px; font-weight: 500; line-height: 16px; color:#fff}

.mem_page1 {padding: 0px 30px 10px;}
.mem_page1 h2 {font-size: 40px;font-weight: 400;text-align: center;}
.mem_bottom1 {padding: 30px 0; border-radius: 20px; background-color: #f7f7f7;}











/********************************************
id/pw 찾기
*********************************************/
.tab_box {margin-top: 20px; margin-bottom: 10px;}
.tab_box ul {display: flex; text-align: center;}
.tab_box ul li.on {border-color: #326aff; color: #326aff;}
.tab_box ul li {font-size: 18px; font-weight: 500; color: #000; display: block; margin-bottom: 10px; width: 50%; border-bottom: 2px solid #dcdcdc; padding-bottom: 14px; cursor: pointer;}

.mem_box{padding: 60px 0;border-radius: 20px;background-color: #f7f7f7;display: none;}
.mem_box.on {display: block;}

.id_pw_area {max-width:100%; width: 100%;margin: 0 auto;padding: 0 30px;}
.id_search_txt{font-size:16px; color:#666; line-height:180% ; text-align: center;}
i {font-style: normal;font-weight: 500;color: #3c5bfd;}

.id_find{width:50%; margin:0 auto; margin-top:20px}
.id_find1{width:80%; margin:0 auto; margin-top:20px}
.id_find2{width:60%; margin:0 auto; }

.i_find_btn{background-color:#393c48 ; padding:10px 20px; text-align: center; color:#fff; width:100%}
.btn-default {width: 100%;color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 18px;height: 48px;background-color: #B4B8BF;font-weight: normal;cursor: pointer;}
.btn-default:hover{background-color: #0092fa;}
.mt-20{margin-top:20px}

.com-btn-default {width: 48%;color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 18px;height: 48px;background-color: #B4B8BF;  font-weight: normal;cursor: pointer;}
.com-btn-default:hover{background-color: #0092fa;}

.com-btn-default1 {width: 48%;color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-size: 18px;height: 48px;background-color: #164bad; font-weight: normal;cursor: pointer;}
.com-btn-default1:hover{background-color: #0092fa;}

.com_find_txt{font-size:16px; font-weight: 600; text-align: center;}
.com_result_area{background-color: #fff; border-radius: 10px; margin-top:10px; padding:15px 20px; line-height: 180%;}

.com_result_area > em{font-weight: 600; display: inline-block; color:#0a7ed7}
.com_result_area span{display: block;}

/**********************************
shop
**********************************/
.main_part1{width:100%; position: relative; }
.m_w40{width:40%; display: inline-block; margin-right:9%; vertical-align: top;}
.m_w50{width:50%; display: inline-block; vertical-align: top;}
.ma_count{width:540px; height:240px; border-radius: 18px; padding:30px 0px 10px 50px;background: url(../img/main_count_bg.png)no-repeat 96% 76% #f9f9f9; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; }
.ma_tit{font-size:2.4vw; font-weight: 600; margin-bottom: 20px;}
.ma_tits{font-size:24px; color:#555; padding-left:4px}
.m_w40 li{display: block; line-height: 22px;}
.m_w40 dt{display: inline-block; font-size:16px; padding-right:20px }
.m_w40 dd{display: inline-block; font-size:16px}
.ma_saigotxt{margin-top: 20px; font-size:16px; color:#cf7c1a ; font-weight: 600; }


.ma_visual{width:100%; height:240px; border-radius: 18px; padding:40px 20px 10px 40px; background: url(../img/main_visual.png)no-repeat 96% 76% ; background-color: rgba(31,101,187,1);  color:#fff; position: relative;}

.visual_tit{font-size:24px; font-weight: 600; line-height: 36px;}
.visual_stit{font-size:16px;line-height: 36px;}
.visual_stit1{font-size:16px;}


.main_part2{width:100%; position: relative; margin-top:50px }

.main_part2 h3{font-family:GangwonEduPowerExtraBoldA; font-size:22px; color:#2424d5; margin-bottom:20px }

.main_part2 li {width:14.6%; margin-right:2%; display: inline-block; vertical-align: top;}
.main_part2 li:last-child{margin-right:0px}

.service_m1{background: url(../img/main_service_1.png)no-repeat 96% 100% #fafafa; border-radius: 8px 10px; width:100%; padding:8px; height:140px;}
.service_mtit{text-align: center; width:100%; font-family:GangwonEduPowerExtraBoldA; font-size:16px; padding-bottom:30px }
.service_mtit1{text-align: center; width:100%; font-family:GangwonEduPowerExtraBoldA; font-size:16px; padding-bottom:10px }
.service_m1 span{display: block; padding-left:10px}

.service_m2{background: url(../img/main_service_2.png)no-repeat 96% 100% #fafafa; border-radius: 8px 10px; width:100%; padding:8px; height:140px;}
.service_m2 span{display: block; padding-left:10px}

.service_m3{background: url(../img/main_service_3.png)no-repeat 96% 100% #fafafa; border-radius: 8px 10px; width:100%; padding:8px; height:140px;}
.service_m3 span{display: block; padding-left:10px}

.service_m4{background: url(../img/main_service_4.png)no-repeat 96% 100% #fafafa; border-radius: 8px 10px; width:100%; padding:8px; height:140px;}
.service_m4 span{display: block; padding-left:10px}

.service_m5{background: url(../img/main_service_5.png)no-repeat 96% 100% #fafafa; border-radius: 8px 10px; width:100%; padding:8px; height:140px;}
.service_m5 span{display: block; padding-left:10px}

.service_m6{background: url(../img/main_service_6.png)no-repeat 96% 100% #fafafa; border-radius: 8px 10px; width:100%; padding:8px; height:140px;}
.service_m6 span{display: block; padding-left:10px}

.main_part3{width:100%; position: relative; margin-top:30px }


.service_btn{width:100%; position: relative;}
.m_btn_tit{font-size:16px; font-weight: 600; display: inline-block; margin-right:10px}

.btn_tag_more {display: block;}
.btn_tag_more { width: 36px;height: 36px;border-radius: 100%;background-color: #f7f7f7; display: inline-block;}
.ico_tag_more {display: inline-block;width: 16px;height: 16px;background-repeat: no-repeat;background-position: center;background-size: 16px 16px;background-image: url(../img/btn_arrow_down.png);vertical-align: top;}


.btn_tag_more1 {display: block;}
.btn_tag_more1 { width: 36px;height: 36px;border-radius: 100%;background-color: #f7f7f7; display: inline-block;}
.ico_tag_more1 {display: inline-block;width: 16px;height: 16px;background-repeat: no-repeat;background-position: center;background-size: 16px 16px;background-image: url(../img/btn_arrow_up.png);vertical-align: top;}


.main_search{width:100%; margin-top:20px; padding:16px; margin-bottom:20px; border-radius: 10px; background-color: #fafafa; }

.m_search1{width:100%; padding:10px 0}
.m_search1 li{width:33%; display: inline-block;}
.m_search1 li:last-child{width:33.3%}

.m_search2{width:100%; padding:10px 0}
.w64{width:66.2%; display: inline-block;}
.w33{width:33%; display: inline-block;}

.m_s_tit{display: inline-block; margin-right: 20px;}
.m_s_tit1{display: inline-block; margin-right: 33px;}
.m_s_tit2{display: inline-block; margin-right: 42px; margin-left:30px}
.m_s_tit3{display: inline-block; margin-right: 20px; margin-left:30px}

.m_s_tit_1{display: inline-block; margin-right: 20px;}


.m_sel select {
    min-width: 90px;
    width: 280px;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #d0d0d0;
    background: white url(../img/select-down.svg) no-repeat right 5px center;
}
.w280{width:280px}

.main_shop_area{width:100%; position: relative; padding-top: 30px; padding-bottom:30px}
.shop_hearder{width:100%;}

.shop_w49{width:49.8%; display:inline-block}
.shop_w491{width:49.8%; display:inline-block; text-align: right; position: relative;}

.prdCount {float: left;color: #949494;font-size: 14px; line-height: 32px;}
.prdCount strong {color: #000;font-weight: normal; line-height: 32px;}
.prd_result{line-height: 32px;}
.prd_result li{display: inline-block; padding-left:20px; color:#949494}
.prd_result li a:hover{color:#000}
.prd_active{color:#000; font-weight: 600;}


.shop_sum_btn{position: relative; width: 20px; height: 20px; margin: 0 5px; line-height: 20px;vertical-align: middle; font-size:0px;}
.shop_sum_btn::before{content: ""; display: block; position: absolute; top: 1px; left: 2px; width: 16px; height: 16px;background: url(../img/sum_box.png) no-repeat;}

.shop_sum_btn1{position: relative; width: 20px; height: 20px; margin: 0 5px; line-height: 20px;vertical-align: middle; font-size:0px;}
.shop_sum_btn1::before{content: ""; display: block; position: absolute; top: 1px; left: 2px; width: 16px; height: 16px;background: url(../img/sum_box_off.png) no-repeat;}



.shop_list_btn{position: relative; width: 20px; height: 20px; margin: 0 5px; line-height: 20px;vertical-align: middle; font-size:0px}
.shop_list_btn::before{content: ""; display: block; position: absolute; top: 1px; left: 2px; width: 16px; height: 16px;background: url(../img/list_box.png) no-repeat;}

.shop_list_btn1{position: relative; width: 20px; height: 20px; margin: 0 5px; line-height: 20px;vertical-align: middle; font-size:0px}
.shop_list_btn1::before{content: ""; display: block; position: absolute; top: 1px; left: 2px; width: 16px; height: 16px;background: url(../img/list_box_off.png) no-repeat;}


.shop_prod_list{width:100%; position: relative; padding-top:20px}
.shop_prod_list li{position: relative; display: inline-block; vertical-align: top; box-sizing: border-box; width: calc(20% - 15px); border:1px solid #ccc; margin-right:16px; margin-bottom:20px}
.shop_prod_list li:nth-of-type(5n) {margin-right: 0;}


.shop_prod_list1{width:100%; position: relative; padding:20px 0px 20px; border-bottom:1px solid #d0d0d0}
.shop_prod_listline{width:80%; position: relative; display: inline-block;}
.btn_wrap{width:19%; display: inline-block; text-align: right; vertical-align: middle;}

.btn_baro{background: #fff; color: #fff; width: 50%; background-color: #6668e6; border-radius: 8px;padding: 10px 12px;}
.btn_baro:hover{background-color: #272996;}
.btn_choice{background: #fff; color: #fff; width: 50%; background-color: #757575; border-radius: 8px;padding: 10px 12px; margin-top:20px}
.btn_choice:hover{background-color: #333;}

.prod_img1{width:200px; display: inline-block;}
.prod_img1 img{width:160px; height: 160px;}
.prod_info_box{padding-top:10px; margin-left:16px; display: inline-block; vertical-align: top;}
.prod_info_box a:hover{color:#05558b}

.prod_name {display: block; display: -webkit-box; overflow: hidden; max-height: 46px; line-height: 23px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; white-space: normal; word-break: break-all;font-size: 15px;line-height: 23px;letter-spacing: -0.01em;font-weight: 500;}
.prod_author {padding:20px 0px; font-size:13px; color:#4f4f4f}


.prod_img img{width:100%; height:240px;}
.prod_varea{width:100%; padding:20px 10px 10PX}

.pd_name a{font-size: 17px;color: #120B19;letter-spacing: -0.5px;line-height: 1.2;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}

.pd_company{font-size:13px; line-height: 1.8; padding:6px 0}
.pd_price{color:#0e58b4; text-align: right; font-weight: 600; font-size:18px; padding:4px 0}
.pd_price1{color:#0e58b4; text-align: left; font-weight: 600; font-size:18px; padding:4px 0}

.tag-box{width:70%; float: right; margin-bottom:10px}
.tag-box>ul>li{border: none; margin-bottom: 0px; margin-right: 0; color:#9a9ba7; display: inline-block; width:49%}


.tag-box1{width:70%; float:left; margin-bottom:10px; padding-top:10px}
.tag-box1>ul>li{border: none; margin-bottom: 0px; margin-right: 0; color:#9a9ba7; display: inline-block; width:49%}

.start_v{font-size: 12px;  padding-left: 22px; position: relative; width:100px; display: inline-block;}
.start_v::before {content: ''; position: absolute; top: 3px;  left: 0px; background: url(../img/shop_star.png)no-repeat; width: 13px; height: 12px;}



.btnSection {margin-top: 50px; text-align: center;}

.btnmore {display: inline-block; min-width: 146px; text-align: center; font-size: 15px; line-height: 46px; color: #333; border: 1px solid #ccc; background: #fff; box-sizing: border-box; padding: 0 20px;}


.mshop_view{width:100%; position: relative;}

.shop_order_area{width:100%; position: relative; padding:20px 0 10px 0}

.h470{height:470px}

.sm_shopview{width:10%; display: inline-block;}
.sm_shopview1{width:70%; display: inline-block; vertical-align: bottom;}
.sm_shopview2{width:19%; display: inline-block; text-align: right; vertical-align: bottom;}

.sm_shopview img{width:80px; height:80px; display: inline-block; margin-right:5%}
.sm_title{display:inline-block; font-size:16px; line-height: 1.8;}
.sm_price{display: block; line-height: 1.8; color: #1f3ac3; font-weight: 600;}

.btn_add_order_red{background: #fff; color: #fff; width: 50%; background-color: #6164e4; border-radius: 8px;padding: 10px 12px;}

.review_w{align-items: flex-end;width: 100%; display: flex;align-items: center;justify-content: space-between; margin-bottom:20px}
.rev_tit{font-size:20px}

.review_w ul {display: flex;}
.review_w ul li {padding: 0 10px;}
.review_w ul li a {color: #888; font-size:14px; display: block; margin-top: -2px;}
.review_w ul li ~ li {border-left: 1px solid #ddd;}

.review_w ul li.on a { color: #555; font-weight: 500;}

.review_right{width:100%; position: relative; text-align: right; padding-bottom:20px}
.btn_add_review{color: #fff;  background-color: #3b158f; border-radius: 8px; padding: 10px 12px;}

.pop-review-tit{font-size:20px; font-weight: 600; margin-bottom:10px}


.review_start{width:100%; position: relative;}
.review_start li{width:14%; display: inline-block;}
.review_start li label {display: inline-block; cursor: pointer; }
.review_start input[type='radio'] {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: sub;

}
.btn-review{background: #c03e0f;color: #fff;}

.qu_write{align-items: flex-end;width: 100%; display: flex;align-items: center;justify-content: space-between; margin-bottom:20px}

.btn_qa_write{color: #fff; width: 140px; background-color: #333; border-radius: 8px;padding: 10px 12px;}
.btn_qa_my{color: #fff; width: 140px; background-color: #8f8f8f; border-radius: 8px;padding: 10px 12px;}

.hidd_tit{vertical-align: middle;display: inline-block;margin-top: 1px;}


/**********************************
mypage
**********************************/
.mypage_area{display: flex;width: 100%; flex-wrap: wrap; margin-top:30px}
.mypage_left{width: 20%;  position: relative;}
.mypage_right{width: calc(80% - 0px); padding-left:50px }

.my_info_box{width:100%; border:1px solid #ddd; padding:20px 20px; border-radius: 8px; background-color: #5156b1; color:#fff}
.name{font-size:14px; font-weight: 600; line-height: 180%; padding-bottom:10px; }
.my_info_box .tit{line-height: 180%; }
.mem_tit{padding-left:10px;font-weight: 600; line-height: 180%;}
.annai_txt{font-size:13px; padding-bottom:10px;  }
.mileage_txt{padding-top:20px}
.mileage_txt1{padding-left:10px; font-weight: 600; font-size: 16px; color:#f7fff1}
.per_info_box{margin-top:10px; border-radius: 6px; background-color: #fff; padding:12px 10px; color:#000; position: relative; text-align: center;}
.per_info_box span{text-align: center; width:100%}
.per_info_box span::before {content: '';position: absolute;top: 16px;left: 20px;background: url(../img/my_info_icon.png)no-repeat; width:16px; height:16px}
.per_info_box span:hover{color:#0a7ed7}

.my_info_box1{width:100%; border:1px solid #ddd; padding:10px 20px 20px 30px; border-radius: 8px; margin-top:30px}
.my_info_box1 li{display: block; line-height: 44px;}
.my_info_box1 li a:hover{color:#1f326a}
.my_info_box1 .on{font-weight: 600;}


.manual_box{position: relative; background-color:#1b206f; margin-top:30px; color:#fff; border-radius: 6px; padding:10px; text-align: center;}
.manual_box span::before{content: '';position: absolute;top: 14px;left: 20px;background: url(../img/mua_icon.png)no-repeat; width:16px; height:16px}

.mypage_right h4{color:#171b5a; font-size: 22px; font-weight: 500; margin-bottom:20px}
.my_list_area{ width:100%}
/* .my_service_area{display: flex;width: 100%; flex-wrap: wrap;} */
.my_service_area{width: 100%;position: relative;display: inline-block;}
.my_service_left{width: 56%;  position: relative; display: inline-block; vertical-align: top;}
.my_service_right{width: calc(43% - 0px); padding-left:10px; display:inline-block ; }


.my_service_left ul{margin-bottom:20px}
.my_service_left li{width:30%; display: inline-block; margin-right:10px; vertical-align: top; margin-bottom:20px }
/*.my_list_one{border:10px solid #9cbbeb; width:150px; height:150px; border-radius: 50%;position: relative; padding: 10px 10px; text-align: center;}*/
.my_list_one{text-align: center; position: relative; width: 150px; height: 150px; margin: 10px; background-color: #fff; border: 8px solid transparent;
    border-image-slice: 1;
    border-radius: 50%;
    border-radius: 50%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #6459ff 0%, #22c6ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;}


.my_tit{font-size:16px; font-weight: 600; padding-top:10px}
.dot{border-bottom:1px dotted #777; padding-top:5px; padding-bottom:5px}
.count{text-align: center; font-size:26px; font-weight: 600; color:#1a2670; padding-top:12px}
.count1{font-size:14px; font-weight: 500; padding-left:4px}

.ntit{font-size:16px; width:100%; margin-top:20px; padding-left:20px; position: relative; line-height: 24px; padding-bottom:10px}
.ntit::before{content: '';position: absolute;top: 5px;left: 0px;background: url(../img/service_tit_icon.png)no-repeat; width:15px; height:14px}

.ser_area{width:100%; background-color: #f7f7f7; border-radius: 8px; padding:20px 20px; display: flex; flex-wrap: wrap;}
.ser_arealf{width: 66%;  position: relative;}
.ser_arearf{width: calc(33% - 0px); padding-left:50px }

.ser_arealf label {min-width: 70px;font-weight: 500;}
.ser_arealf input[type=text] {position: relative; width: 80%; height: 36px; border: 1px solid #ddd; background: #fff; padding: 6px;}
.ser_arealf button{ position: absolute; top: 2px; right: 50px; background: none; height: 36px; z-index: 1;}

.ser_arearf label {min-width: 70px;font-weight: 500;}
.ser_arearf select {min-width: 90px; width:140px; height: 36px; padding-left: 10px; border: 1px solid #d0d0d0; background: white url(../img/select-down.svg) no-repeat right 5px center;}

.list_sort {display: flex; margin-top:20px}
.list_sort_algin {justify-content: space-between; width: 86%; height: 42px; vertical-align: middle;line-height: 42px;}

.btn-excel {background: url(../img/exl_icon.png) no-repeat 12px 13px; display: flex; align-items: center;font-size: 13px;color: #111;}
.btn-excel {height: 28px; border: 1px solid #ddd; border-radius: 0.4rem; font-size: 1.2rem; line-height: 1.6rem; font-weight: 500; white-space: nowrap;padding-left: 30px;padding: 20px 20px 20px 42px;text-align: center;}
.btn-excel:hover{background-color: #edffed;}
.table-scroll {width: calc(100% + 4rem);overflow-x: overlay;}
.mt-30{margin-top:30px}


.my_inp[type="text"], .my_inp[type="id"], .my_inp[type="password"],.my_inp[type="number"], .my_inp[type="email"] {border: 1px solid #e6e6e6;background: #fff;height: 32px;padding: 0 10px;font-size: 12px;}
.sel {font-size: 12px; height: 32px; padding: 0 28px 0 10px; background: white url(../img/select-down.svg) no-repeat right 5px center; border: 1px solid #e6e6e6; -webkit-appearance: none; -moz-appearance: none; appearance: none;}





.w50{width:50%}
.pw_txt{font-size:12px; padding-top:4px; color:#555}

.td-search {font-size: 12px;height: 32px;min-width: 68px;padding: 0 10px;background: #555;color: #f3f3f3;vertical-align: -1px;text-align: center;border: none;}

.w100 {width: 100px;}
.mg-r4 {margin-right: 4px;}
.w80 {width: 80px;}
.w81 {width: 80px;}
.my_add_area{width:100%; margin-top:20px}
.my_add_area h5{font-size: 16px; font-weight: 500; margin-bottom: 20px; position: relative; padding-left: 20px;}
.my_add_area h5::before { content: ''; position: absolute; top: 4px; left: 0; width: 15px; height: 15px; background: #164bad;}

.my_add_tit{font-size:14px; font-weight: 400; margin-bottom:10px}

.inter_area{width:100%; position: relative; border:1px solid #eee; padding:10px 20px }
.inter_area li{width:24%; display:inline-block}
.inter_area li label{display: inline-block;cursor: pointer; padding-bottom:12px}
.inter_area input[type='checkbox'] {width: 16px; height: 16px; margin-right: 6px;vertical-align: sub;}

.my_add_tit1{font-size:14px; font-weight: 400; margin:10px 0px; color:#333}
.my_add_part1 {width:100%}
.my_add_part1 li{width:100%}

.mt4{margin-top:4px}

.reading_box{border:1px solid #ddd; padding:4px 6px; border-radius: 6px; font-size:12px}
.reading_box:hover{background-color: #274359; color:#fff; border:none}


.estimate_lf{width:50%; display:inline-block;}
.estimate_rf{width:49%; display:inline-block; text-align: right;}

.btn-est{width:100px; background-color: #515151; color:#fff; padding:6px; border-radius: 4px;}
.btn-est:hover{background-color:#333 ;}

.btn-est1{width:120px; background-color: #080b41; color:#fff; padding:6px; border-radius: 4px;}
.btn-est1:hover{background-color:#5156c2 ;}

.btn-est2{width:160px; background-color: #080b41; color:#fff; padding:6px; border-radius: 4px;}
.btn-est2:hover{background-color:#5156c2 ;}


.pdtb4{padding:4px 0}

.option-btn{width:100px; background-color: #515151; color:#fff; padding:4px; border-radius: 4px; font-size: 12px; margin-left:4px}


.pay-btn{ background-color: #8e3b3b; color:#fff; padding:4px 6px; border-radius: 4px; font-size: 12px; margin-left:4px}
.pay-btn1{ background-color: #1c23c0; color:#fff; padding:4px 6px; border-radius: 4px; font-size: 12px; margin-left:4px}

.pri_area{width:100%; position: relative;}
.pri_lf{width:60%; display: inline-block;}
.pri_rf{width:39%; display: inline-block; text-align: right;}

.pd612{padding:6px 12px}
.option-table h5 {font-size: 16px; font-weight: 500; margin-bottom: 10px; position: relative; padding-left: 20px;}
.option-table h5::before {content: ''; position: absolute; top: 2px; left: 0; width: 15px; height: 15px;background: #874a17;}

.pr22{padding-right:22px}

.service-mon{width:30%; margin-right:4%; display: inline-block;}
.service-mon1{width:50%; margin-right:4%; display: inline-block;}

/**********************************
장바구니
**********************************/
.banner{width:100%}
.ste_area{width:100%; margin-top:40px}
.ste_title1{font-size: 16px; width: 100%; padding-left: 40px; position: relative; line-height: 27px;padding-bottom: 10px; font-weight: 600; border-bottom:1px solid #d1d1d1}
.ste_title1::before {content: ''; position: absolute; top: 0px;  left: 0px; background: url(../img/cart_icon.png)no-repeat; width: 27px; height: 26px;}

.ste_title2{font-size: 16px; width: 100%; padding-left: 40px; position: relative; line-height: 27px;padding-bottom: 10px; font-weight: 600; border-bottom:1px solid #d1d1d1}
.ste_title2::before {content: ''; position: absolute; top: 0px;  left: 0px; background: url(../img/ser_icon.png)no-repeat; width: 27px; height: 26px;}


.ste_list_area {width:100%; }

.icon_area{flex-direction: column;align-items: center;justify-content: center;width: 100%;display: flex;}
.ste_one{position: relative; width:70px; height:70px; background-color: #f1f1f1; border-radius: 50%; margin-top:30px}
.ste_one::before{content: ''; position: absolute; top: 14px;  left: 14px; background: url(../img/none_cart_icon.png)no-repeat; width: 41px; height: 40px;}

.ste_one1{position: relative; width:70px; height:70px; background-color: #f1f1f1; border-radius: 50%; margin-top:30px}
.ste_one1::before{content: ''; position: absolute; top: 19px;  left: 19px; background: url(../img/none_ser_icon.png)no-repeat; width: 41px; height: 40px;}


.ste_txt1{text-align: center;margin-top: 10px;font-size: 18px;padding-bottom: 10px; color:#ac8e24; font-weight: 600;}
.ste_txt1 span{color:#000}
.ste_txt2{text-align: center; font-size:13px;padding:10px 0; width:100%}

.del_area{margin:14px 0px;text-align: right;}
.btn-del{width:80px; background-color: #f80e0e; color:#fff; padding:6px; border-radius: 4px;}
.btn-del:hover{background-color:#af0000 ;}

.btn-order{width:100px; border:1px solid #ddd; border-radius: 4px; padding:8px 6px; color:#000}
.btn-order:hover{background-color: #eaeaea;}

.list-more {margin-top: 20px;text-align: center;}
.btn-list-more {display: inline-block; height: 36px; font-size: 14px; color: #222; line-height: 24px; background: url(../img/arrow_down.png)no-repeat 88px 14px;}
.list-more button {cursor: pointer; color: inherit; vertical-align: middle; border: none; box-sizing: border-box;width: 120px;}



.i-down{}
.i-down::before{display: inline-block;background-image: url(../img/arrow_down.png);  background-position: 999px 999px; background-repeat: no-repeat;}


.chat_area{width:100%; margin:20px 0}
.chat_area h5 {font-size: 16px;font-weight: 500;margin-bottom: 10px;position: relative;padding-left: 20px;}
.chat_area h5::before {content: '';position: absolute;top: 4px;left: 0;width: 15px;height: 15px;background: #164bad;}


/*********************************************
계약서
**********************************************/
.contract_area{width:100%; height:600px; overflow-x: auto;}
.contract_area h2{text-align: center; font-size:28px; padding-bottom:10px}
.contract_area h3{text-align: center; font-size:20px; padding-bottom:10px; font-weight: 500;}

.contract_area li{display: block; line-height: 24px;letter-spacing: 0px;}
.cont_title{font-size: 14px;font-weight: 500;margin-bottom: 20px;position: relative;padding-left: 20px; margin-top: 20px;}
.cont_title::before {content: '';position: absolute;top: 4px;left: 0;width: 15px;height: 15px;background: #164bad;}

.cont_dept_tit{font-weight: 600; padding-left:20px;margin-top: 20px;display: block;}
.cont_dept_tit1{font-weight: 500; padding-left:30px;margin-top: 6px;display: block; font-size:13px}

.cert_men{margin-top: 10px; text-align: center; padding: 20px; font-size: 16px; font-weight: 600; height: 24px; line-height: 24px;}
.cert_chick{margin-right: 8px; width: 17px; height: 17px; line-height: 24px;margin-bottom: 3px;}

.contr-btn{font-size: 14px; line-height: 24px; background: url(../img/cart_doc_icon.png)no-repeat 10px 8px; border-radius: 4px; padding: 6px 8px 6px 35px; border: 1px solid #ddd; width: 16%;display: inline-block; }
.contr-btn:hover{background: #fff8f2 url(../img/cart_doc_icon.png)no-repeat 10px 8px;;}

.document_txt{padding:4px 0; color:#2893e5}



/*********************************************
my서비스 관리
**********************************************/
.service_area{width:100%; background: url(../img/my_serv_icon.png)no-repeat 0px 6px; padding-bottom:30px }
.service_area span{font-size:16px; display: block; line-height: 24px; padding-left:60px}

.service_search_area{width:100%; background: #f7f7f7; padding:20px 30px; border-radius: 10px;box-sizing: border-box; position: relative;display: flex;justify-content: center; margin-bottom:30px}
.service_search_lf{width: 30%;display: inline-block;}
.service_search_lf select {min-width: 90px;width: 140px;height: 36px;padding-left: 10px;border: 1px solid #d0d0d0;background: white url(../img/select-down.svg) no-repeat right 5px center; margin-left:20px}


.service_search_rf{width: 69%;display: inline-block; position: relative;display: flex;justify-content: center;}

.mt-r10{margin-right:10px;padding-top: 7px;}
.service_search_rf input[type=text] {position: relative;width: 60%;height: 36px;border: 1px solid #ddd;background: #fff;padding: 6px;}


.ser_btn{width:80px; border:1px solid #ddd; border-radius: 4px; padding:8px 6px; height:36px; background-color:#333 ; color:#fff; margin-left:4px}
.ser_btn:hover{background-color: #080b41;}
.res_btn{width:80px; border:1px solid #ddd; border-radius: 4px; padding:8px 6px; height:36px; background-color:#f04040 ; color:#fff; margin-left:4px}
.res_btn:hover{background-color: #e52323;}


.stit {font-size: 16px; width: 100%; margin-top: 20px; padding-left: 20px; position: relative; line-height: 24px; padding-bottom: 10px;}
.stit::before {content: '';position: absolute;top: 5px; left: 0px;background: url(../img/service_stit_icon.png)no-repeat; width: 16px; height: 16px;}

.ser_w_area{width:100%;text-align: right;padding: 10px 0px; }

.service_area1{width:100%; position: relative; padding:10px 20px; border:1px solid #ddd; margin-bottom:20px; background-color: #fbfbfb;}
.service_area1 span {width:120px; display: inline-block; font-weight: 500; font-size:14px}
.service_area1 ul {width:80%; display: inline-block; }
.service_area1 li {display: inline-block; margin-right:12px}

.tblTy12 {width:100%; table-layout: fixed; font-size:13px;}
.tblTy12 tbody td {padding:5px 0px; text-align: left; border-bottom:1px solid #e9e9e9; vertical-align: top}


/*********************************************
서비스 상품 등록
**********************************************/
.return_area{}
.tw20{width:20%}
.tw15{width:15%}
.tw10{width:10%}
.re10{width:10%}
.service_w_area{width:100%}
i {font-weight: 500; color: #f03333; font-style: normal; padding-right:2px}

.service_w_area select {min-width: 90px; width: 140px; height: 36px; padding-left: 10px; border: 1px solid #d0d0d0; background: white url(../img/select-down.svg) no-repeat right 5px center;}
.col7b{color:#1954db}
.btnbox-s {margin-top: 10px;text-align: right;}
.w20{width:20%}
.mr10{margin-right:10px}
.mb4{margin-bottom:4px}

.img-scene {width: 180px;display: inline-block;margin-right: 2%;}
.imgbox {width: 180px;height: 180px;border: 1px solid #e6e6e6;position: relative;margin-bottom: 10px;}
.imgbox label {position: absolute;top:0; left:0; width: 100%; padding:10px; background: #000; color:#f3f3f3;}
.img-cont img {width: 180px;height: 180px;}
.img-del {position: absolute;width: 100%;padding:9px;bottom: 0; left:0;color:#fff;background:rgba(0, 0, 0, 0.5);}
.img-plus {width: 50px;height: 50px;border-radius: 25px;background: #ccc;position: absolute;left:50%;margin-left: -25px;top:50%;margin-top: -25px;}
.img-plus::after {content: "+";font-size: 30px;color:#fff;position: absolute;top:1px;left:16px;}


.option_area{width:100%; margin:10px 0px;}
.option_view_area{width:100%; background-color: #f7f7f7; padding:10px 20px; border-radius: 8px; margin:20px 0px}
.option_view_area1{}

.option_heard{font-size: 13px; font-weight: 500; border-bottom: 1px solid #e4e5ed; padding: 4px 8px 0; display: flex;align-items: center;}
.option_body{width:100%; padding:10px 0px}

.option_heard1{font-size: 13px; font-weight: 500; border-bottom: 1px solid #e4e5ed; padding: 4px 8px 0; }
.option_body1{width:100%; padding:10px 0px}

.w-f90{width:90%; margin-right:4px ;}
.w-f94{width:94%;}

.success{border-radius: 4px; padding:4px 8px; background-color: #a22dd5; color:#fff; font-weight: 500;  }
.danger {border-radius: 4px; padding:4px 8px; background-color: #ee2375 ; color:#fff; font-weight: 500;  }
.danger1 {border-radius: 4px; padding:4px 8px; background-color: #f64d19 ; color:#fff; font-weight: 500; }

.option_add{border:1px solid#d1d1d1; border-radius: 8px; padding:10px}
.option_add:hover{background-color: #fafafa;}

.arr-right{float: right;}
.btnbox {margin-top: 30px;text-align: center;}
.btnbox button {text-align: center;font-size: 16px;width: 160px;padding: 10px 0;margin: 0 10px;border-radius: 4px;}

.btn-write{background: #164bad;color: #fff;}
.btn-write:hover {background-color: #0b2d7b;color: #fff;/* border: 1px solid #06377b; */transition: all .25s ease;}

.btn-shopnone{background: #f64d19;color: #fff;}
.btn-shopnone:hover {background-color: #9b2906;color: #fff;/* border: 1px solid #06377b; */transition: all .25s ease;}



/* .my_shop_left{width: 50%;  position: relative;}
.my_shop_right{width: calc(50% - 0px); padding-left:20px } */

.my_shop_left{width: 50%;position: relative;display: inline-block;}
.my_shop_right{padding-left: 20px;display: inline-block;width: 49%;vertical-align: top;}

.swiper {width: 100%;height: 100%;}
.swiper-slide {overflow: hidden;}


.name_area{background-color: #fafafa; padding:10px 16px; border-radius: 8px;}
.name_tit{font-size:16px; font-weight: 500; color:#555}

.shop_area{width:100%; margin-top:20px; border:1px solid #ddd; padding:10px 16px}
.shop_title{font-size:24px; padding-bottom:10px; font-weight: 600;}

.shop_servic_txt{width: 100%;text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.shop_area li{display:inline-block; width:100%; line-height: 28px; margin-top:10px; color:#6e6e72}

.shop_opt_area{width:100%; margin-top:10px; padding:10px 0}

.opt_list {display: flex;-webkit-box-align: center;align-items: center;margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid rgb(228, 229, 237);}
.opt_list_name {color: rgb(85, 89, 105);font-size: 14px;width: 30%;font-weight: 500;}
.opt_list_sel {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; flex: 1 1 0%;}
.opt_list_sel select {min-width: 90px;width: 100%;height: 36px;padding-left: 10px;border: 1px solid #d0d0d0;background: white url(../img/select-down.svg) no-repeat right 5px center;}

.service_pic{display: flex;-webkit-box-align: center;align-items: center;margin-bottom: 24px;padding-bottom: 12px;}
.service_pic_name {color: rgb(85, 89, 105);font-size: 14px;width: 30%;font-weight: 500;}
.service_pic_sum {display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; flex: 1 1 0%; font-size:30px; font-weight: 600; color:#1e58c5}

.btn_choice_box {clear: both;width: 100%;padding: 20px 0 0 0;text-align: right;}
.btn_choice_box > div {display: flex;}
.icon_wrap {display: flex;width: 40.05%;position: relative;justify-content: space-between;padding-right: 29px;}

.btn_add_wish, .btn_add_down {display: inline-block;}
.shot_ser_t{font-size:12px; display: block; color:#656565}
.btn_add_order {background: #fff;color: #fff; width:30%; background-color: #393a64; border-radius: 8px;}
.btn_add_inq {width: 30%;height: 50px;line-height: 48px;border-radius: 3px;margin: 0 0 0 5px; color:#fff; background-color: #6b6b6b; border-radius: 8px;}

.h400{height:400px}


.shop_view_area{width:100%}


.item_goods_area{width:100%; margin-top:20px}

ul.tabs {display: flex;position: relative;justify-content: space-between;margin-bottom: 10px;}
ul.tabs  .current{display: inherit; border-top: 2px solid #000; width:25%; text-align: center; display: block; color:#333; font-weight: 600; }

ul.tabs {display: flex; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8;}

.tabs li {width:25%;position: relative;margin-top: -1px; text-align: center;  display: block; line-height: 50px; height:50px; cursor: pointer; color:#555; font-size:17px}

.tabs li + li::before {position: absolute; left: 0; top: 15px; width: 1px; height: 20px; background: #e8e8e8; content: '';}

.tabs ul li .current {border-top: 1px solid #000;}
.tabs ul li a {font-size: 18px;color: #999;display: block;height: 50px;line-height: 50px;text-align: center;}

.tab-content{display: none;padding: 15px 0px;}
.tab-content.current{display: inherit;}



.service_view_part{width:100%}
.con_box1{background-color: #f4f5f9;padding: 4px 0px 10px 10px;border-radius: 8px; margin-top:10px}
.con_box1 h4 {position: relative; color: #222; font-size: 16px; margin-top: 10px; padding-left: 10px; font-weight: 500;margin-bottom: 10px;}
.con_box1 h4:before {position: absolute;content: '';width: 4px;height: 4px;background-color: #222;border-radius: 10px;top: 8px;left: 0;}

.con_box2{width:100%; margin-top:10px; padding:0 10px}
.servie_view_d{width:100%; margin-top:20px}

.pd-t120{padding-top:120px}
.point{cursor: pointer;}

.winput {
    position: relative;
    height: 36px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 6px;
}

/*********************************************
서비스 리뷰 view
**********************************************/
.review_area{width:100%}
.wid_review_area{padding: 14px 0px;border-bottom: 1px solid #e9e9e9; display: flex;}
.wid_icon{display: flex; flex-direction: column; margin-right: 20px;}
.wid_item{display: flex; flex-direction: column; flex-grow: 1; }
.wid_img{}


.star-score, .star-score var{display: inline-block;margin-bottom: 1px; vertical-align: middle; text-align: left; line-height: 0;background: url(../img/ic_score.png) no-repeat;}
.top .star-score {margin-left: 0;}
.star-score.size1 {width: 64px;background-position: 0 0;}


.star-score.size1.score5 var {width: 64px;}
.star-score.size1.score4 var {width: 50px;}
.star-score.size1.score3 var {width: 38px}
.star-score.size1.score2 var {width: 26px}
.star-score.size1.score1 var {width: 12px}

.star-score.size1 var {height: 14px;background-position: 0 -100px;}
.star-score var {display: block;text-indent: -9999px;}


.top .num-score {display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 14px; color: #ff333a; font-weight: 600; vertical-align: top;}
.wid_id_data{width:100%; padding:10px 0; font-size:12px; color:#898989}

.wid_txt{line-height: 20px; color:#333; font-size:13px; margin-top:10px}

.q_table{display: table;table-layout: fixed;width: 100%;}
.q_table ul, .q_table dl {/* display: table-row; */display: inherit;width: 100%;}
.b-head li {font-weight: 500; border-top: 2px solid #2c3e50; border-bottom: 1px solid #2c3e50; padding: 16px 10px; vertical-align: middle;}

.q_no{width:6%}
.q_subject{width:68%}
.q_write{width:10%}
.q_data{width:10%}
.q_info{width:6%}

.q_table li, .q_table dl dt, .q_table dl dd {display: table-cell;vertical-align: middle;text-align: center;}

.b-body li {border-bottom: 1px solid #d8dfe6;padding: 16px 10px;}
.b-body1 {display: inherit;width: 100%;}
.b-body1 li {border-bottom: 1px solid #d8dfe6;padding: 16px 10px;}

.click{cursor: pointer;}
.q_view{width:100%; padding:20px 10px}
.tr_wh{background-color: #fff;}

.company_img{width:100%; margin-top:30px}

.btn-price:hover {
    background-color: #5156c2;
}
.btn-price {
    width: 80px;
    background-color: #080b41;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
    margin-left:20px;
}


/*********************************************
부가서비스
**********************************************/
.sub_tab_wrap {position: relative;width: 100%; margin: 0px auto 0;}
.sub_tab_wrap ul {display: flex;background-color: #fff;box-shadow: 0px 0px 16px rgba(0,0,0,0.15);border-radius: 20px;overflow: hidden;}
.sub_tab_wrap ul li {position: relative;flex: 1;height: 60px;line-height: 60px;text-align: center;}



.sub_tab_wrap ul li a {display: block;height: 100%;font-size: 15px;font-weight: 500;color: #111;}
.sub_tab_wrap ul li.active a {color: #fff;font-weight: 500;background-color: #0756b3;}
.sub_tab_wrap ul li + li::before {position: absolute;top: 50%;transform: translateY(-50%);left: 0;display: inline-block;content: '';width: 1px;height: 28px;}
.prov_box_area{width:100%; margin-top:60px}
.content_list2 {display: flex;flex-wrap: wrap;gap: 20px;}
.content_list2 > li {display: flex;align-items: center;gap: 30px;width: calc(50% - 10px);padding: 40px;border-radius: 10px;background-color: #f6f6f6;}
.content_list2 > li:hover{background-color: #eaf2ff; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}

.content_list2 .icon_img {width: 120px;min-width: 120px;height: 120px;line-height: 120px;text-align: center;border-radius: 50%;background-color: #fff; display: inline-block;}
.content_list2 .icon_img img {border-style: none;vertical-align: middle;}
.content_sub{font-size:20px; font-weight: 500;display: inline-block; }
.txt_wrap{display: inline-block; padding-left:30px}
.txt-rount{width: 122px;border: 1px solid #333;text-align: center;margin-top: 10px;border-radius: 24px;padding: 5px 10px;}

.mile_tit{font-size: 16px;width: 100%;margin-top: 20px;padding-left: 32px;position: relative;line-height: 31px;padding-bottom: 10px;}
.mile_tit::before {content: ''; position: absolute; top: 5px; left: 0px;background: url(../img/mileage_icon..png)no-repeat; width: 22px;height: 22px;}
.mile_part1{width:100%; position: relative; background-color: #fafafa; border-radius: 8px; padding:20px 30px}
.mile_part1 li{display: inline-block;}
.m-wt10{width:10%; color:#222; text-align: right;}
.m-wt23{width:22%; color:#1d1061; font-weight: 600; text-align: center; font-size:16px}

.mile_part1 select {min-width: 80px;width: 100px;height: 36px;padding-left: 10px;border: 1px solid #d0d0d0;background: white url(../img/select-down.svg) no-repeat right 5px center;margin-left: 20px; margin-right:20px}
.btnDay{margin-right:10px}
.btnDay a{display: inline-block; width: 60px; height: 36px; text-align: center; border:1px solid #ccc; line-height: 36px; background-color: #fff; vertical-align: middle;}
.btnDay a:hover{background-color: #eaeaea;}
.date-line{display: inline-block;}
.data-r{padding-right:10px; padding-left:20px}
.date-re{padding:0 8px}
.w120{width:120px; height:36px !important; background:#fff url(../img/date-pick-icon.png) no-repeat right 5px center !important; }

.mil_w20{width:20%; display: inline-block;}
.mil_w30{width:30%; display: inline-block;}
.mil_w49{width:49%; display: inline-block;}
.mil_search_btn{width: 80px;border: 1px solid #ddd;border-radius: 4px;padding: 8px 6px;height: 36px;background-color: #333;color: #fff;margin-left: 4px;line-height: 16px;}


.mile_part2{width:100%; position: relative; margin-top: 20px; border-top:1px solid #ddd; border-bottom:1px solid#ddd; padding:10px 0px}
.mile_part2 li{display: inline-block; width:49%}
.mile_part2 li > ul li{width:32%; display: inline-block;}
.m_part2_txt{padding:0 2px 0px 4px}
.m_part2_txt1{padding:0 2px 0px 20px}

.accruals_area{width:100%; position: relative;}
.accruals_part1{width:100%; padding:10px 30px;background-color: #eff2f7; border-radius: 20px; margin-bottom:20px }
.accruals_part1 h4{font-size:16px; font-weight: 600; margin-bottom: 10px;}
.accruals_part1 ul{background-color: #fafafa; padding:10px 20px;border-radius: 8px; margin-bottom: 10px; }

.job_tit {font-size: 16px;width: 100%;margin-top: 20px;padding-left: 32px;position: relative;line-height: 31px;padding-bottom: 10px;}
.job_tit::before {content: '';position: absolute;top: 5px;left: 0px;background: url(../img/job_icon.png)no-repeat;width: 20px;height: 20px;}
.pdlr4{padding:0 3px}
.pdlr10{padding:0px 20px 0px 4px}
.pdlr20{padding:0px 0px 0px 20px}
.mg-r10{margin-right:20px}
.h200{height:200px}
.h300{height:300px}
.jw70{width:70%}
.jw120{width: 90px;display: inline-block;margin-bottom: 6px;line-height: 34px;}
.welfare_area{width:100%; position: relative;}
.welfare_area ul{padding-bottom:10px}
.welfare_area li{display: inline-block; line-height: 22px;}
.welfare_t1{width:14%;}
.welfare_t2{width:85%;}

.mg-t40{margin-top:40px}

.job_support_part{width:100%; position: relative;}
.job_support_part li{display: inline-block;}

.job_support_part1{width:100%; position: relative; margin-top:20px}
.job_support_part1 li{display: inline-block;}

.job_support_tit {font-size: 13px;font-weight: 500;margin-bottom: 10px;position: relative;padding-left: 20px; display: block;}
.job_support_tit::before {content: '';position: absolute;top: 5px;left: 0;width: 10px;height: 10px;background: #164bad;}

.job_print_area{width:100%;text-align: right;padding: 10px 0px; }
.btn-print {height: 28px; border: 1px solid #ddd; border-radius: 0.4rem; font-size: 1.2rem; line-height: 2px; font-weight: 500; white-space: nowrap; padding-left: 30px; padding: 20px 20px 20px 42px; text-align: center;background: url(../img/print_icon.png) no-repeat 12px 13px;color: #111;}
.btn-print:hover{background-color: #fafafa;}

.job_searh_tab{width:100%; position: relative; margin-top:20px}

.job_searh_tab ul {}
.job_searh_tab li {width:33.3%; display: inline-block;}

.job_searh_tab a.select1 {background: #27614e;color: #fff;}
.job_searh_tab a{display: flex;align-items: center;height: 100%;min-height: 3rem;padding: 15px 20px;color: #2d3947;background: #f6f6f6;border-radius: 12px 12px 12px 0px; position: relative;line-height: 1.3;font-size: 14px;word-break: keep-all;}



.resume-tit {font-size: 16px;width: 100%;margin-top: 20px;padding-left: 28px;position: relative;line-height: 24px;padding-bottom: 10px;}
.resume-tit::before {content: ''; position: absolute; top: 5px; left: 0px; background: url(../img/rsum_icon.png)no-repeat; width: 18px;height: 18px;}

.resum_area{width:100%; position: relative; margin-bottom:10px}
.resum_area li{display: inline-block; width:49.5%}
.text-right{text-align: right;}

.resum_area1{width:100%; position: relative; border:1px solid #ddd; padding:10px}
.resum_area1 li{display: inline-block; }
.w79{width:79%}


.img-scene1 {width: 100px;display: inline-block;margin-right: 2%;}
.imgbox1 {width: 100px;height: 100px;border: 1px solid #e6e6e6;position: relative;margin-bottom: 10px;}
.imgbox1 label {position: absolute;top:0; left:0; width: 100%; padding:10px; background: #000; color:#f3f3f3;}
.img-cont1 img {width: 100px;height: 100px;}
.img-del1 {position: absolute;width: 100%;padding:9px;bottom: 0; left:0;color:#fff;background:rgba(0, 0, 0, 0.5);}
.img-plus1 {width: 30px;height: 30px;border-radius: 25px;background: #ccc;position: absolute;left:60%;margin-left: -25px;top:60%;margin-top: -25px;}
.img-plus1::after {content: "+";font-size: 30px;color:#fff;position: absolute;top:-8px;left:6px;}


.img-scene2 {width: 100px;display: inline-block;margin-right: 2%;}
.imgbox2 {width: 100px;height: 100px;border: 1px solid #e6e6e6;position: relative;margin-bottom: 10px;}
.imgbox2 label {position: absolute;top:0; left:0; width: 100%; padding:10px; background: #000; color:#f3f3f3;}
.img-cont2 img {width: 100px;height: 100px;}
.img-del2 {position: absolute;width: 100%;padding:9px;bottom: 0; left:0;color:#fff;background:rgba(0, 0, 0, 0.5);}
.img-plus2 {width: 30px;height: 30px;border-radius: 25px;background: #ccc;position: absolute;left:60%;margin-left: -25px;top:50%;margin-top: -25px;}
.img-plus2::after {content: "+";font-size: 30px;color:#fff;position: absolute;top:-8px;left:6px;}



.job_support_part1 select {
    min-width: 90px;
    width: 100px;
    height: 36px;
    padding-left: 10px;
    border: 1px solid #d0d0d0;
    background: white url(../img/select-down.svg) no-repeat right 5px center;
}

.job_add_btn{position: absolute;right: 0;top: -3px;}

.job_img{width:100px; }

.jw80{width:80%; height: 36px !important;}
.jw81{width:80%; height: 36px !important;}
.jw82{width:80%; height: 36px !important;}

.specia_tit{display: flex;align-items: baseline;gap: 0 15px;font-size: 16px;line-height: 1.3;text-transform: uppercase;}
.specia_tit::after {content: "";display: block;position: relative;top: 4px;width: 12px;height: 12px;border-radius: 50%;background-color: #00a2e2;}

.speStepTy1 {padding: 1rem 1rem 0;border-radius: 0.75rem;background: #f2f4fd;}
.speStepTy1 > ul {display: flex;flex-wrap: wrap;}
.speStepTy1 > ul > li {position: relative;width: calc(25% - 2rem);text-align: center;font-size: 16px;line-height: 1.3;font-weight: 500;color: #55565d;word-break: keep-all;margin: 1rem 2rem 1rem 0;padding: 2.25rem 1rem;border-radius: 0.5rem;border: 1px solid #ddd;display: flex;justify-content: center;align-content: center;flex-wrap: wrap;background: #fff;}
.speStepTy1 > ul > li:before {content: '';position: absolute;top: 24px;right: -21px;background: url(../img/arrow-right.png)no-repeat;width: 16px;height: 16px;}
.speStepTy1 > ul > li:last-of-type:before{ display:none;}
.speStepTy1 > ul > li > em.num {position: absolute;left: 1rem;top: -1rem;width: 24px;height: 24px;line-height: 24px;color: #fff;font-weight: 500;background: #404b9f;border-radius: 0.75rem;}
.speStepTy1 > ul > li > p {width: 100%;font-weight: 400;font-size: 0.75rem;color: #444;}

.speptit{padding:5px 0; line-height: 18px; font-size:14px}
.speptit-c{color:#00a2e2; font-weight: 600;}

.btnw140{width:140px}

.btnAdd {background: #000; border: none; padding: 6px; border-radius: 3px;color: #fff;}
.btnRemove {background: #d00000; border: none; padding: 6px; border-radius: 3px;color: #fff;}
.mg-b4{margin-bottom:4px}

.message_box{width:100%; border:1px solid #ddd; padding:10px 20px}

.hope_tit_area{width:100%; position: relative; padding:10px 0}

.question_area li{line-height: 22px; border-bottom:1px solid #ddd; padding:10px 0px; position: relative;}
.question_area li > dt {background: url(../img/quest_q_icon.png) no-repeat 0px 4px; padding-left:24px; background-size: 14px 14px; vertical-align: middle; padding-bottom: 10px;}
.question_area li > dd {background: url(../img/quest_a_icon.png) no-repeat 0px 4px; padding-left:24px; background-size: 14px 14px; vertical-align: middle; padding-bottom: 10px;}

.stit-ask {font-size: 16px; width: 100%; margin-top: 20px; padding-left: 26px; position: relative; line-height: 24px; padding-bottom: 10px;}
.stit-ask::before {content: '';position: absolute;top: 5px; left: 0px;background: url(../img/ask_icon.png)no-repeat; width: 21px; height: 20px;}

.ask_area{width:100%; position: relative;}

.comment_area{width:100%; padding:14px 0px 16px 0px; border-bottom:1px solid #e0e0e0 }
.comment-writer{width:100%; position: relative;}
.comment-icon{font-size: 13px; width: 100%; margin-top: 20px; padding-left: 30px; position: relative; line-height: 24px; padding-bottom: 10px; color:#0756b3}
.comment-icon::before {content: '';position: absolute;top: 3px; left: 0px;background: url(../img/user.png)no-repeat; width: 20px; height: 20px;}
.comment-data{font-size:12px; color:#bdbdbd; font-weight: 300; padding-bottom:4px}
.comment-act{position: relative; width:100%; margin-top:6px}

.comment-act-btn{background: #fff;font-size: 12px;text-align: center; border:1px solid #ddd ; padding:2px 8px; border-radius: 3px; line-height: 20px; height:26px}

.comment_reply_w{width:100%; position: relative; padding-top:17px}
.comment_reply_icon{position: absolute;left: 24px;top: 18px;}
.comment-reply-wrapper {margin-left: 56px;}
.comment-w-box {border: 1px solid #e0e0e0;border-radius: 4px;}
.textarea-comment{border: none;resize: none;color: #616161; outline: none; font-size:13px; font-weight: 400; }
.comment_guide{background-color: #f7fafc;padding: 12px 16px;border-bottom: 1px solid #e6ebf0;}
.create-action{width: 100%;padding: 10px 20px; position: relative; display: inline-block;}
.btn-cancel-comment{cursor: pointer;display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border-radius: 4px;border: none; background-color: #a1a6ad;color: #fff; padding:6px 8px; margin-right: 12px;}
.btn-save-comment{cursor: pointer;display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;border-radius: 4px;border: none; background-color: #1769ff;color: #fff; padding:6px 8px; margin-right:12px}

.btn-right{float: right; display: block;}


.comment_reply_v{width:100%; position: relative; padding-top:17px}

.commentw-icon{font-size: 13px; width: 100%;  padding-left: 30px; position: relative; line-height: 24px; padding-bottom: 10px; color:#24282f}
.commentw-icon::before {content: '';position: absolute;top: 3px; left: 0px;background: url(../img/user_w.png)no-repeat; width: 20px; height: 20px;}

.text-left{text-align: left !important; padding-left:10px}


/*********************************************
메세지
**********************************************/
.chart_message_area{width:100%; position: relative; border:1px solid #ddd}
.chart_message_lf{width:20%; display: inline-block; padding:10px ; vertical-align: top;}
.chart_message_rf{width:79.5%; display: inline-block; border-left:1px solid #ddd; vertical-align: top;}
.chart-message{width: 100%;min-height: 300px;  padding: 10px;  max-height:340px; overflow-y: scroll;}
.chart_message_box{border-top:1px solid #ddd; width:100%; padding:20px}
.send-btn{width: 100px;background-color: #198ea0;color: #fff;padding: 10px 6px;border-radius: 4px;}l
.send-btn:hover{background-color: #08515c;}

.chat {display: flex;align-items: flex-end;padding: 10px; width:100%}
.ch2 {/* flex-direction: row-reverse; */clear: both;/* text-align: right; */float: right;     flex-direction: row-reverse;}

.chat1{display: flex;align-items: flex-start;padding: 10px;float: right;}

.message-supplier{position: relative;background: #f5f6fa; padding: 15px 15px 14px 15px; border-radius: 0 16px 16px 16px; display: inline-block; max-width: calc(100% - 10px);}
.message-supplier1{position: relative;background: #fffcec; padding: 15px 15px 14px 15px; border-radius: 0 16px 16px 16px; display: inline-block; max-width: calc(100% - 10px);}

.message-send-at {font-size: 11px !important; color: #9a9ba7; margin: 0 5px 2px 5px; font-weight: 400;}


/*********************************************
계정및 결제
**********************************************/
.round-area{width:100%; position: relative;}
.round-menu{display: flex; align-items: center;}

.round-menu li:first-child {border-radius: 22.5px 0 0 22.5px;}
.round-menu li {float: left; background-color: #f8f9fb; border-radius: 0 22.5px 22.5px 0px;}
.round-menu li.on > a {color: #fff;background-color: #175fe8;border-radius: 22.5px; border-radius: 22.5px}
.round-menu  li > a {display: block;display: table;position: relative;width: 100%; line-height: 1.2; color: rgba(34, 34, 34, 0.6); font-size: 1.6rem;letter-spacing: -0.01em;font-weight: 500;word-break: keep-all;transition: all 0.4s ease-in-out; border-radius: 22.5px 0 0 22.5px;}
.round-menu  li > a > span {display: table-cell;vertical-align: middle; padding: 10px 40px; border-radius: 22.5px 0 0 22.5px;}


.account-area{width:100%; position: relative; margin-top:30px}
.account-part1{width:33.3%; display: inline-block; border-radius: 10px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.14);margin: 0 auto;box-sizing: border-box; padding:10px 20px}
.part1-txt{font-size:15px; padding-bottom: 0.4rem;}
.part1-kai{font-size:20px; color:#1955d5; padding-right:6px}
.part1-paykai{font-size:20px; color:#e94f12; padding-right:6px}


.part1-box{background-color: rgba(217 , 216, 214, 0.1); padding:10px; margin-bottom:10px }
.part1-box li{width:49%; display: inline-block;}
.mil-btn{display: inline-block; border-radius: 0.4rem; padding:4px 6px; color:#fff; line-height: 1.5; font-size:12px; background-color: #135d38;}
.mil-txt{font-size:15px; color:#E37500}

.account-part2{width:32.3%; display: inline-block; vertical-align: top; position: relative;}
.account-part2::before{content: '';position: absolute;top:60px; right: 0px;background: url(../img/next_on.png)no-repeat; width: 30px; height: 49px;}

.account-part21{width:32.3%; display: inline-block; vertical-align: top; position: relative;}
.account-part21::before{content: '';position: absolute;top:60px; right: 0px;background: url(../img/plus_icon.png)no-repeat; width: 30px; height: 49px;}



.part2-area{width:80%; margin-left:20px; vertical-align: top; position: relative; background-color: #f8f9fb; border-radius: 4px; padding:8px }

.part2-tit{font-size:15px; font-weight: 600; padding-bottom:10px}
.part2-area li{padding-left:16px; line-height: 2.1; position: relative;}
.part2-area li::before{content: '';position: absolute;top:13px; left: 6px; width: 2px; height: 2px; background-color: #0756b3;}


.part2-area1{width:80%; margin-left:20px; vertical-align: top; position: relative; background-color: #f8f9fb; border-radius: 4px; padding:8px }
.part2-area1 li{padding-left:16px; line-height: 2.8; position: relative;}
.part2-area1 li::before{content: '';position: absolute;top:15px; left: 6px; width: 2px; height: 2px; background-color: #0756b3;}



.account-part3{width:33.3%; display: inline-block; vertical-align: top; position: relative;}
.part3-tit{font-size:18px; font-weight: 600; text-align: center; margin-bottom:10px; color:#e94f12; position: absolute; top:-30px; left:82px }
.part3-tit1{font-size:15px; font-weight: 600; text-align: center; margin-bottom:10px; color:#777}
.part3-area{width:90%; margin-left:20px; vertical-align: top; position: relative; background-color: #f8f9fb; border-radius: 4px; padding:8px }

.part3-area li{padding-left:16px; line-height: 2.1; position: relative;}
.part3-area li::before{content: '';position: absolute; top:17px; left: 6px; width: 2px; height: 2px; background-color: #0756b3;}

.part3-area1{width:90%; margin-left:20px; vertical-align: top; position: relative; background-color: #f8f9fb; border-radius: 4px; padding:8px }
.part3-area1 li{padding-left:16px; line-height: 2.8; position: relative;}
.part3-area1 li::before{content: '';position: absolute; top:17px; left: 6px; width: 2px; height: 2px; background-color: #0756b3;}


.btn-class{background: #006eb7;color: #fff; width:200px !important}
.btn-class:hover {background-color: #05558b;color: #fff;/* border: 1px solid #06377b; */transition: all .25s ease;}


.send-tit{font-size: 14px; width: 100%;  padding-left: 30px; position: relative; line-height: 24px; padding-bottom: 10px; color:#24282f}
.send-tit::before {content: '';position: absolute;top: 3px; left: 0px;background: url(../img/send_icon.png)no-repeat; width: 20px; height: 22px;}

.paylist-tit{font-size: 14px; width: 100%;  padding-left: 30px; position: relative; line-height: 24px; padding-bottom: 10px; color:#24282f}
.paylist-tit::before {content: '';position: absolute;top: 3px; left: 0px;background: url(../img/paylist_icon.png)no-repeat; width: 20px; height: 20px;}


.table-pay {display: table;table-layout:fixed ;width: 100%;}
.table-pay ul, .table-pay dl {/* display: table-row; */display: inherit;width: 100%;}
.b-head li {font-weight: 500;border-top: 2px solid #2c3e50;border-bottom: 1px solid #2c3e50;padding: 12px 10px;vertical-align: middle;}
.table-pay li, .table-pay dl dt, .table-pay dl dd {display: table-cell;vertical-align: middle;text-align: center;}

.paylist_area{width:100%; position: relative; margin-top:30px}

.b-body li {border-bottom: 1px solid #d8dfe6;padding: 16px 10px;}

.b-head .t-name{width:12%}
.b-head .t-year{width:10%}
.b-head .t-pay{width:13%}
.b-head .t-enddata{width:15%}
.b-head .t-resdata{width:12%}
.b-head .t-pay{width:12%}
.b-head .t-payment, .t-cancel{width:12%}

.b-body .t-name{width:12%}
.b-body .t-year{width:10%}
.b-body .t-pay{width:13%}
.b-body .t-enddata{width:15%}
.b-body .t-resdata{width:12%}
.b-body .t-pay{width:12%}
.b-body .t-payment, .t-cancel{width:12%}




.t-btn-pay{width:64px; color:#fff; background-color: #0b4db3; border-radius: 4px; padding:6px 0px; font-size:12px; font-weight: 300;}
.t-btn-cancel{width:64px; color:#fff; background-color: #656565; border-radius: 4px; padding:6px 0px; font-size:12px; font-weight: 300;}


.tl-data{width:15%}
.tl-pay{width:15%}
.tl-time{width:20%}
.tb-refund{width:20%}
.tb-etc{width:15%}

.pop-refund{width:100%; padding:20px 0px}
.pop-refund li{padding-left:16px; line-height: 1.8; position: relative;}
.pop-refund li::before{content: '';position: absolute; top:17px; left: 6px; width: 2px; height: 2px; background-color: #0756b3;}



/*********************************************
인재c
**********************************************/
.person_area{width: 100%; flex-wrap: wrap; margin-top:30px}

.person_lnb{width:100%; margin:0 auto}
.person_lnb ul{display: flex;flex-flow: row wrap; border: 1px solid #ddd; border-radius: 34px;}

.person_lnb li{width:50%; display: block; }
.person_lnb li.active a{margin: -1px;font-weight: 600;color: #fff;line-height: 68px;background: #0087ca;border-radius: 34px;}
.person_lnb li a {position: relative; display: block; text-align: center; font-weight: normal; font-size: 20px; line-height: 66px; color: #999999; text-decoration: none;}

.job_search{width:100%; position: relative; margin-top:20px}
.job-tit{font-size: 16px;width: 100%; margin-top: 20px; padding-left: 30px; position: relative; line-height: 24px; padding-bottom: 10px;}
.job-tit::before{content: ''; position: absolute; top: 3px; left: 0px; background: url(../img/job_icon_c.png)no-repeat; width: 19px; height: 20px;}

.job_search_box{width:100%; border: 1px solid #f8f8f8;box-sizing: border-box; padding:20px 30px; background-color: #f8f8f8; border-radius: 10px;}
.job_search_box li{display:inline-block;  }
.job_s_part1{width:6%}
.job_s_part2{width:18%}

.job_search_box select { min-width: 90px; width: 140px; height: 36px; padding-left: 10px; border: 1px solid #dcdcdc; background: white url(../img/select-down.svg) no-repeat right 5px center; margin-left: 20px; border-radius:10px; outline: none; cursor: pointer;}

.btn-search{background:#1D1D1F; color:#fff; width:100px !important; padding:6px 0 !important; font-size:13px !important}
.btn-search:hover{background:#040405 !important; color:#fff}

.btn-search-ini{background:#5050e3; color:#fff;  width:100px !important; padding:6px 0 !important; font-size: 13px !important;}
.btn-search-ini:hover{background:#111195 !important; color:#fff}

.job_full_area{width:100%; position: relative; margin-top:40px}

.list_product {display: grid; padding-bottom: 30px; background-color: transparent; grid-template-columns: repeat(4,1fr); grid-template-rows: 180px; gap: 20px 20px; grid-auto-flow: row;}

.jobitem {width:305px}
.jobitem>a {display: block;padding: 24px 24px 20px;width: 100%;height: 100%;border: 1px solid #d7dce5;border-radius: 16px;box-sizing: border-box;}

.jobitem1 {width:305px}
.jobitem1>a {display: block;padding: 24px 24px 20px;width: 100%;height: 100%;border: 1px solid #d7dce5;border-radius: 16px;box-sizing: border-box;}


.job_logo{display:block; width:120px; height:40px }
.job_logo img{min-width:50px; max-width: 70px}

.jobtit {display: block; overflow: hidden; margin-top: 12px; max-width: 300px; color: #292e41; font-size: 16px; font-weight:600; letter-spacing: -1px; line-height: 24px; text-overflow: ellipsis;white-space: nowrap;}
.company_tit{display:block;overflow: hidden; margin-top: 4px; max-width: 250px; color: #767c8d; font-size: 14px; line-height: 20px; text-overflow: ellipsis;white-space: nowrap; }

.jobtit_big {display: block; overflow: hidden;  max-width: 90%; margin-bottom:30px; color: #292e41; font-size: 20px; font-weight:600; letter-spacing: 0px; line-height: 24px; text-overflow: ellipsis;white-space: nowrap;}
.company_tit_big{display:block;overflow: hidden; max-width:90%; margin-bottom:6px;  color: #767c8d; font-size: 16px; line-height: 20px; text-overflow: ellipsis;white-space: nowrap; }


.job_dv{width:100%; display: flex; margin-top: 10px; color:#475067; font-size:12px; font-weight: 400;}
.job_dv li{width:49.5%;}
.job_dv li:first-child{text-align: left;}
.job_dv li:last-child{text-align: right;}

.jobcount{font-size:16px; font-weight: 500; margin-bottom: 10px; position: relative; padding-left: 20px;}
.jobcount::before{content: '';  position: absolute; top: 4px; left: 0; width: 13px; height: 13px; background: #333; border-radius: 2px;}

.job_view_part1{width:100%; position: relative; border-top:2px solid #333; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:30px}
.job_view_part2{width:100%; position: relative; margin-top:30px; padding-bottom:20px}

.job_view_part2 p{font-size:18px; font-weight: 600; padding-bottom:6px; color:#0033a0}

.cont_area{width: 100%; position: relative;}
.cont_veiw{width:49.5%; display: inline-block; vertical-align: top;}
.cont_veiw p{font-size:15px; font-weight: 600; color:#333}
.cont_veiw>dl {display: flex; flex-flow: row wrap; position: relative; margin-top: 5px; min-height: 24px;}
.cont_veiw>dl>dt {width: 86px;color: #333;line-height: 24px;}
.cont_veiw>dl>dd {width: calc(100% - 86px);color: #7a7b7b;line-height: 24px;}

.btn-support{background: #ec2c86; color:#fff}
.btn-joburl{background: #1b3f9b; width:220px !important; color:#fff}

.j-name{width:30%}
.j-work{width:12.5%}
.j-high{width:12.5%}
.j-emp{width:12.5%}
.j-etc{width:12.5%}
.j-add{width:20%}


.job_summary{width:100%; position: relative;}

.j-work1{width:20%}
.j-welfare{width:40%}

.give-area{width:100%; position: relative; padding:20px 10px; border:1px solid #ddd}


.job_s_part3{width:44%}
.job_s_part3 input{width:100%}
.job_s_part3 button{position: absolute; top: 2px; right: 50px; background: none; height: 36px; z-index: 1;}

.peo_name{display: flex;flex-direction: row;align-items: center;padding: 0;gap: 12px; font-size:18px; font-weight: 600;}
.peo_year{font-size:13px; color:#555; font-weight: 400;}

.peo_dt{color:#00a1ef; line-height:22px}

.peo_round {margin:10px 0px; border:1px solid #555; border-radius:10px; padding:10px; width:50%; text-align: center;}

.skii_area>dl {display: flex; flex-flow: row wrap; position: relative; margin-top: 5px;min-height: 24px;}
.skii_area>dl>dt {width: 60px;color: #333;line-height: 24px;}
.skii_area>dl>dd {width: calc(100% - 60px); color: #0c16d9; line-height: 22px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden; }

.font13{font-size:13px; outline: none;}

.skii_tit{font-size:16px; font-weight: 600;}


/*********************************************
정보 C
**********************************************/
.info_area1 {width: 100%;flex-wrap: wrap;margin-top: 10px;}


.infor_tit{color: #111111;font-weight: 600; font-size:42px}
.infor_lnb {display: -webkit-box; display: -ms-flexbox; display: flex;gap: 0 60px;margin: 30px 0 45px;}
.infor_lnb li a {color: #cccccc; font-size: 1.6rem; font-weight: 600; position: relative;}
.infor_lnb li:hover a, .infor_lnb li.on a {color: #2D3A80;}
.infor_lnb li.on a::after {width: 100%;}
.infor_lnb li a::after {content: ""; display: block; width: 0; height: 2px; background: #2D3A80; position: absolute; left: 0; bottom: -4px;}

/* .infor_bg{background:url(../img/infor_bg.jpg); width:100%; padding-top:40px; padding-bottom:30px; text-align: center;  height: 180px; } */
.infor_bg{background:url(../img/infor_bg_new.jpg); width:100%; padding-top:40px; padding-bottom:30px; text-align: center;  height: 180px; }

.infor_search_tit{color:#fff; font-size:40px; color:#fff}
.infor_search_area {display: flex;width: 800px;margin: 0 auto;background: #fff; position: relative;}
.infor_search_area input{width:800px;}
.search_he{padding:10px 20px !important; height:50px !important; line-height: 50px; font-size: 16px !important;}

.infor_search_area button {position: absolute; top: 2px; right: 10px; background: none; height: 50px;z-index: 1;}

.infor_area{width:100%; margin-top:40px}

.infor_main{width:100%; height:600px; position: relative; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; ;}
.infor_main::before{content: ""; opacity: 0.4; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #4f4f4f;}

.infor_txt{position: absolute; bottom:20px; left:30px; color:#fff}

.infor_txt p {font-size: 35px;line-height: 1;}
.part_1 {display: block; font-size: 20px; padding: 15px 0 25px; opacity: 0.8;}
.part_2 {display: block; font-size: 16px; padding: 15px 0 25px; opacity: 0.8;}

.heart_ch{position: absolute; bottom: 15px; right:0px; width:80px}


.heart{background:url(../img/in_heart_on.png) no-repeat ; width:26px; height:24px; display: inline-block;  }
.heart.clicked {background:url(../img/in_heart_off.png) no-repeat ; width:26px; height:24px; display: inline-block; }

.heart_click{font-size:14px; color:#fff}

.infor_sub{width:100%; position: relative; padding:100px 0 80px }

.infor_summary{display: flex; justify-content: space-between; font-size: 16px; margin-bottom: 30px;}
.infor_summary a {padding: 0 35px;position: relative;}
.infor_summary a:not(:last-child)::before { content: ""; background: #857f7a; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -6px;}

.infor_summary a.active {color: #a8c345 !important;}

.color41{color:#784614; font-weight: 600;}

.infor_item{}
.infor_item ul{display: flex; flex-wrap:wrap;}
.infor_item li{width:280px; margin-bottom: 50px; margin-right:40px}

.infor_item .img{position: relative; vertical-align: top; max-width: 100%;}
p.heart {position: absolute; bottom: 0; right: 0; color: #fff; text-align: right; padding: 15px;font-size: 26px;line-height: 1;}
p.heart span {display: inline-block;font-family: 'Averta-Light', sans-serif;font-size: 12px;vertical-align: top;letter-spacing: .1em;line-height: 0px; position: absolute;top:13px; left:10px; position: absolute;top: 13px;left: 10px;}

dl.list-up {margin-bottom: 30px;}
dl.list-up {margin-top: 25px;position: relative;}
dl.list-up dt {font-size: 14px;}
dl.list-up dt>span {display: inline-block;position: relative;font-size: 13px;color: #8d8d8d;padding-left: 12px;}
dl.list-up dt>span::before {content: ""; background: #857f7a; position: absolute; top: 50%; left: 0; width: 1px; height: 7px; margin-top: -3px;}
.mr12{margin-right:12px}

.item_tit{font-size:20px; font-weight: 400; padding-top:10px}
.item_tit_s{font-size: 14px; color: #8d8d8d; margin-top: 20px;}
.tit_d{display: block; margin-top: 20px; font-weight: 500; color:#555; font-weight: 400;}

.list-thumbs ul li:nth-child(4n) {margin-right: 0;}

.promotion{height: 400px;text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center;margin: 20px 0 100px 0;}
.promotion p{font-size:2.6rem}


.infor_item1{margin-bottom:0px}

.heart_box{position: absolute; top: -13px; right: 0; display: flex; justify-content: flex-end; align-items: flex-end;}

.heart_like{background:url(../img/icon-heart.png) no-repeat center center ; width:48px; height:48px; border-radius: 4px; border:1px solid #ccc; display: inline-block;  }
.heart_like.clicked {background:url(../img/icon-heart-on.png) no-repeat center center ; width:48px; height:48px; border-radius: 4px; border:1px solid #ccc; display: inline-block; }
.heart_like > .text {padding: 0; line-height: normal; text-indent: -999px;overflow: hidden; font-size:0px}

.t1{font-size: 40px; line-height: 1; font-weight: 500;}
.t2{padding-top:10px; font-size:16px; display: block;}

.item_view_area{width:100%; position: relative; padding-top:10px}


.hope_sub{width:100%; position: relative; padding:50px 0 80px}

.hope_sub select {font-size:14px; min-width: 90px;  width: 140px; height: 36px; padding-left: 10px; border: 1px solid #d0d0d0;background: white url(../img/select-down.svg) no-repeat right 5px center;}

.hope_list{flex-direction: row; -webkit-box-pack: start; justify-content: flex-start;-webkit-box-align: center;align-items: center;position: relative;overflow: inherit;transition-property: box-shadow, transform;
    transition-duration: 0.25s; transition-timing-function: ease-in-out; border: 1px solid rgb(219, 222, 226); border-radius: 8px; margin-bottom: 16px;width: 100%;display: flex !important;}

.hope-info {display: flex;flex-direction: column;-webkit-box-pack: start;justify-content: flex-start;width: calc(100% - 217px);height: 100%;}
.hope-info_part1 {position: relative;display: flex;flex-direction: row;-webkit-box-pack: justify;justify-content: space-between;align-items: flex-start;border-right: 1px solid rgb(219, 222, 226);height: 100%;}

.outline-info {display: flex; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center;width: 90%;padding-top: 24px;padding-left: 24px;}

.category {flex-direction: row;-webkit-box-pack: start;justify-content: flex-start;-webkit-box-align: center;align-items: center;width: 100%;margin-bottom: 10px;font-weight: 700;font-size: 12px;line-height: 18px;letter-spacing: -0.15px;color: rgb(111, 119, 133);}
.bat {background: rgb(246, 60, 67); margin-right: 8px; padding: 3px 10px; color:#fff; font-weight: 400; border-radius: 12px; display: block;width: 100px; text-align: center;margin-bottom: 10px; display: block;}
.hope-tit{width:100%; margin-bottom: 10px; font-size:18px; line-height: 24px; text-overflow: ellipsis; overflow: hidden ; white-space: nowrap; color:#333; font-weight: 500;}
.hope-stit{width:100%;margin-bottom: 10px; font-size:14px;line-height: 24px; text-overflow: ellipsis; overflow: hidden ; color:#858585; font-weight: 400;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  }


.hope-info_part2 {display: flex;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;width: 100%;height: 100%;max-width: 217px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background-color: rgb(255, 255, 255);}

.hope-info_part2 li{width:100%; display: inline-block; margin-bottom:10px; padding-left: 24px;}
.hope-info_part2 li dl{width:60px; display: inline-block;}
.hope-info_part2 li dt{display: inline-block;}

.hope_view_area{margin-top: 30px; height: 100%; display: flex;padding-bottom: 30px;}

.hope_view_area > .left {width: 0px; height: 100%;-webkit-box-flex: 1;flex-grow: 1;max-width: 800px; margin-right:4%}
.hope_view_area > .right1 {flex-shrink: 0; width: calc(33.3333%); height: 100%;position: relative;align-items: flex-end;-webkit-box-pack: end;justify-content: flex-end;}

.h_view_left{display: flex; flex-direction: column;margin-bottom: 50px;}
.h_view_mark {display: flex;-webkit-box-pack: justify;justify-content: space-between;margin-bottom: 16px;align-items: flex-end;}

.mark_tit{font-size: 28px;line-height: 40px;letter-spacing: -0.5px;font-weight: 500;margin-bottom: 16px; padding-bottom:10px; border-bottom:1px solid #ccc}

.task_area{display: flex;}
.task_area li{display: inline-block;}

.project_part1{border: 1px solid #e6ebf0; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(230,235,240,.8);vertical-align: top; width:37%; padding:20px; margin-right:3%}
.project_part1 span{display: inline-block; width:48%}
.won{font-size:16px; font-weight: 600; text-align: right;}

.project_part2{border: 1px solid #e6ebf0; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(230,235,240,.8);vertical-align: top; width:29%; padding:20px; margin-right:3%}
.project_part2 span{display: inline-block; width:48%}

.project_part3{border: 1px solid #e6ebf0; border-radius: 8px; box-shadow: 0 1px 4px 0 rgba(230,235,240,.8);vertical-align: top; width:29%; padding:20px; }
.project_part3 span{display: inline-block; width:48%}


.project_area{width:100%; position: relative; margin-top:30px}
.project_view{width:100%; position: relative; margin-top:10px}


.sticky {position: sticky;top: 150px;}
.sticky_box{width: 24%;background-color: rgb(255, 255, 255);border: 1px solid rgb(219, 222, 226);border-radius: 4px;padding: 34px;display: flex;flex-direction: column; position: fixed;}

.hope_moneytit{padding-bottom:4px;display: flex; -webkit-box-align: center;align-items: center;font-weight: 600;color: rgb(142, 148, 160); }
.hope_total {font-weight: 600;font-size: 22px;line-height: 34px;letter-spacing: -0.5px;color: rgb(16, 28, 51);margin-bottom: 14px;}

.sticky_infor {margin-top: 24px;display: flex;flex-direction: row;-webkit-box-pack: justify;justify-content: space-between;margin-bottom: 32px;align-items: flex-start; border-top:1px solid #ccc; padding-top:16px}

.hope-3area{width: 100%;display: flex;flex-direction: column;}
.naiyo{font-size: 12px;line-height: 18px;letter-spacing: -0.25px;font-weight: 500;color: rgb(142, 148, 160);margin-bottom: 8px;}
.naiyo_content {font-size: 14px;line-height: 21px;letter-spacing: -0.25px;font-weight: 500;}

.btn-project {background: #164bad;color: #fff;width: 100% !important;}

.project_tit{font-size: 14px;font-weight: 500;margin-bottom: 10px;position: relative;padding-left: 20px;}
.project_tit::before {content: '';position: absolute;top: 4px;left: 0;width: 10px;height: 10px;background: #333;}

.service_list1{border: 1px solid #e6ebf0;border-radius: 8px;box-shadow: 0 1px 4px 0 rgba(230,235,240,.8);vertical-align: top;padding: 20px; margin-top: 30px;}
.hope_tit_area1 {width: 100%;position: relative;}
.stit-ask1 {font-size: 16px;width: 100%;margin-top: 10px;padding-left: 26px;position: relative;line-height: 24px;padding-bottom: 10px;}
.stit-ask1::before {content: '';position: absolute;top: 5px;left: 0px;background: url(../img/ask_icon.png)no-repeat;width: 21px;height: 20px;}

.comment-warea{width:100%; margin-top:20px; position: relative;}


.hopewrite_tit {font-size: 28px;line-height: 40px;letter-spacing: -0.5px;font-weight: 500;margin-bottom: 16px;padding-bottom: 10px;}

.hope_write_area{width:100%; position: relative;}
.hope_wrlf{width:50%; display: inline-block; margin-right:4%; vertical-align: top;}
.hope_wrrf{width:44%; display: inline-block; vertical-align: top;}

.hope_wrlf_part {margin-bottom:20px}
.hope_wrlf_part p{font-size:16px; margin-bottom:10px; color:#333}
.hope_sezu{font-size:14px ; color:#777; margin-bottom: 10px; display: block;}
.hope_d{font-size:13px; padding-left:10px}

.td-attach-file1{width:100%; display:block ; margin-top:6px}
.file-attach1{ display: inline-block; padding: 0 5px 0 20px;background: url(../img/clip.svg) no-repeat 2px 4px;background-size: 16px;margin-right: 10px; width:auto;}

.hope_wrlf_part dt{margin-bottom:5px;}
.hope_wrlf_part dd{margin-bottom:5px;}


.pick{display: flex; }
.pick_left{position: relative;width: 280px;margin-right: 30px; background: #eaeaea; padding:37px 18px 26px; flex-shrink: 0}
.pick_left h4 {position: relative; font-size: 22px; padding-bottom: 20px; margin-bottom: 15px;letter-spacing: -1px;}
.pick_left h4::before{content: ''; position: absolute; height: 1px; width: 45px; background: #000; opacity: 0.3; bottom: 0;left: 0;}
.pick_left p{font-size:26px}
.pick_left span {position: absolute;bottom: 26px;left: 0;width: 100%;text-align: center;font-size: 15px;}
.pick_left span a{padding:0 20px}
.pick_swiper{position: relative;}
.pick-contents {justify-content: space-between; display: flex;}
.pick-contents li {position: relative;margin-left: 30px;width: 288px;}
.pick-contents .img img{width:280px; height:280px}

.w49{width:49%; display: inline-block;}
.w49r{width:49%; display: inline-block; text-align: right}

/*********************************************
고객센터
**********************************************/
.customer-area{width:100%; position: relative;}
.customer-area h3{font-size:32px; margin:30px 0 20px; font-weight: 600;}

.tab-menu{margin-bottom: 60px; border-bottom:1px solid #eaeaeb}
.tab-menu .list{display: table;}
.tab-menu li{display: table-cell; min-width: 160px;}
.tab-menu li {line-height: 50px; padding: 0 40px; color: #97979b; font-weight: 600; font-size: 18px; text-align: center; white-space: nowrap; position: relative;z-index: 1;transition: all .2s;}

.act{color:#333 !important; border-bottom:3px solid #555 }


.search-box {margin: 0 auto;  width: 100%; max-width: 600px;}
.search {display: -webkit-flex; display: flex; height: 60px;position: relative;}

.search-box .search .input {-webkit-flex-grow: 1; flex-grow: 1; box-sizing: border-box; height: 60px; line-height: 60px; padding: 0 60px 0 6px; background-size: 0; background-position: calc(100% - 12px) bottom;
    border: 0; border-bottom: 3px solid #353537;  border-radius: 0; outline: 0; box-shadow: none; color: #353537; font-family: 'Apple SD Gothic Neo', Poppins; font-weight: 800; font-size: 32px;
    vertical-align: middle;resize: none;transition: all .2s;}

.search-box .search .btn-submit {width: 38px;height: 0;max-height: 0;padding-top: 60px;background: url(../img/btn-search.png) no-repeat;background-size: 29px 29px;background-position: center center;overflow: hidden;position: absolute;top: 0;right: 0;}
.result {margin-top: 40px;text-align: center; letter-spacing: -.045em;font-size: 24px;font-weight: 600; }
.str {color: #ff725c;}

.tab-button {margin: 60px 0 40px;}
.tab-button .list {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.tab-button li {margin-right: 20px;}
.tab-button li.selected a {color: #fff;background-color: #ff725c;border-color: #ff725c;}
.tab-button li a {display: inline-block; padding: 10px 30px; font-size: 16px; font-weight: 600; color: #353537; border: 1px solid #d5d5d7; border-radius: 25px;transition: all .2s;}

.accordion-list {border-top: 1px solid #353537; border-bottom: 1px solid #d5d5d7; padding:10px}
.accordion-list.qna-list>.item>.title {font-size: 16px;}
.accordion-list>.item:first-child .title {border-top: 0;}
.accordion-list>.item>.title {border-top: 1px solid #d5d5d7; font-weight: 600; color: #353537; font-size: 24px; letter-spacing: -.025em; position: relative;transition: all .2s;}
.accordion-list.qna-list>.item>.title::before {content: '';display: inline-block;position: absolute;box-sizing: border-box;content: 'Q';top: 19px;left: 10px;font-size: 22px;color: #353537;}

.accordion-list.qna-list>.item>.title a {padding: 24px 59px 22px 42px;}
.accordion-list>.item>.title>a {display: block;padding: 12px 40px 12px 4px;word-wrap: break-word;}

.accordion-list.qna-list>.item>.title a .main {font-weight: 600; padding-right:10px}
.accordion-list.qna-list>.item>.title a .sub {font-weight: 500;}


.accordion-list.qna-list>.item>.title::after {top: 29px;right: 10px;}
.accordion-list>.item.on>.title:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.accordion-list>.item>.title:after {content: '';display: block;width: 20px;height: 12px; background: url(../img/arrow-accordion.png) no-repeat; background-size: cover; position: absolute; top: 26px; right: 16px;transition: all .3s;}

.accordion-list.qna-list>.item>.content {padding: 0;}
.accordion-list>.item>.content {display: none; padding: 30px 4px 20px 4px; border-top: 1px solid #d5d5d7; border-bottom: 1px solid #353537; font-weight: 400; color: #222; font-size: 16px;word-wrap: break-word;}
.accordion-list.qna-list>.item>.content .txt {position: relative;padding: 32px 59px;color: #353537;font-weight: 500;}

.accordion-list.qna-list>.item>.content .txt::before {content: ''; display: inline-block; position: absolute; box-sizing: border-box; content: 'A'; top: 29px; left: 25px; font-size: 22px; font-weight: 600;color: #ff725c;}

.benefit{width:100%; position: relative; background: url(../img/benefit-title.jpg) no-repeat; height:191px }
.benefit h2{color: #fff; text-align: center;  padding: 50px 0px 10px; font-size: 46px; letter-spacing: 6px;}
.benefit-i-tit{padding-left:4%; font-size:18px; font-weight: 600; line-height: 1.4; color:#fff}

.benefit-list{width:100%; position: relative; margin-top:30px}

.benefit-list li{width:23%; display: inline-block; margin-right:2.4%; vertical-align: top;}
.benefit-list li:last-child{margin-right:0px}

.b-list-part1{width:100%; border-top:3px solid #e9aa12; padding:10px 8px}
.b-list-part2{width:100%; border-top:3px solid #e94f12; padding:10px 8px}
.b-list-part3{width:100%; border-top:3px solid #7622ac; padding:10px 8px}
.b-list-part4{width:100%; border-top:3px solid #1777d9; padding:10px 8px}


.b-tit{color:#353535; font-size:18px; text-align: center; padding-top:10px; padding-bottom:16px }
.b-titspan{color:#e9aa12; font-size:22px; font-weight: 600; padding-left:4px;}
.b-titspan1{color:#e94f12; font-size:22px; font-weight: 600; padding-left:4px;}
.b-titspan2{color:#7622ac; font-size:22px; font-weight: 600; padding-left:4px;}
.b-titspan3{color:#1777d9; font-size:22px; font-weight: 600; padding-left:4px;}

.b-round{margin-top:20px; background: #fafafa; border-radius: 10px; padding:10px 14px }

.round-p-tit{font-size:18px; font-weight: 600; margin-bottom:10px}

.b-round ul {width:100%; margin-top:10px}
.b-round li{display: block; width:100%; line-height: 1.8;}

.btnSection1 {margin-top: 20px; text-align: center;}
.b1{padding-bottom:10px; font-weight: 600;}

.notice_search{width:100%; padding:20px; margin-bottom:20px; border-radius:10px; background: #f5f5f5; position: relative;}

.pd-r36 {padding-right: 36px;}
em {display: inline-block;color: #0a7ed7;}

.sc-select {min-width: 90px;  height: 36px; padding-left: 10px; border: 1px solid #d0d0d0; background: white url(../img/select-down.svg) no-repeat right 5px center; margin-right:10px}

.notice_search button {position: absolute;  top: 20px; right: 36px; background: none; height: 36px !important; z-index: 1;}
.input_1 {position: relative; width: 86%; height: 36px !important;}

.board-detail {border-top: 1px solid #353537;border-bottom: 1px solid #eaeaeb; padding:10px }
.title1 {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 100%;position: relative; padding: 25px 10px;}
.title1 .desc {width: 100%; font-size: 18px; font-weight: 600; color: #353537; letter-spacing: -.5px;}
.title1 .date {display: block;width: 100%;font-size: 14px;font-weight: 400;color: #97979b;}

.borard-de-view{width:100%; position: relative; padding:10px 0 20px 0}
.borard-de-view img{ width: auto !important; height: auto !important; max-width: 100% !important;}

/*********************************************
첨부
**********************************************/
.td-attach {display: flex;flex-direction: row;align-items: center;}
.td-add {width: 60px;padding: 4px 0;border: 1px solid #ddd;color: #333;font-size: 12px;background: #f9f9f9;}
.td-attach span {display: flex;flex-direction: row;align-items: center;}
.file-attach {display: block;padding: 0 5px 0 20px;background: url(../img/clip.svg) no-repeat 2px 4px;background-size: 16px; margin-right:10px}

.file-del {padding: 0px 6px 4px;text-align: center;border: 1px solid #f80e0e;background-color: #f80e0e; color:#fff; font-size: 14px; font-weight: 600; border-radius: 4px;}


.td-del {width: 60px;padding: 4px 0;border: 1px solid #ddd;color: #333;font-size: 12px;background: #f9f9f9;}
.td-del {background: #ff0000;color: #fff;}


/*************************************
이용약관/개인보호정책
*************************************/

.use-content {padding: 0; margin-top: 0; border: none;max-height: none;}
.use-content h6 {font-size: 18px; font-weight: 700; margin-bottom: 12px; position: relative; color: #0a7ed7;}
.use-content span.policy {font-size: 16px; font-weight: 600; padding: 5px 10px 20px 0; position: relative; margin-left: 10px; display: inline-block;}

.use-content ul.policy2 {font-size: 14px; position: relative;  padding: 3px 0px 8px 13px; line-height: 22px; word-break: keep-all;margin-top: -14px;}

.use-content ul.policy2 li {
    text-indent: 0px;
    margin-left: 2px;
}
.use-content li {
    font-size: 14px;
    position: relative;
    padding: 3px 0px 4px 26px;
    line-height: 22px;
    word-break: keep-all;
}




/**********************************************
layer popup
**********************************************/
.pop-layer .pop-container { padding: 10px 15px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 420px;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10; border-radius: 14px;}

.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=50);}

.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}


.pop-layer1 .pop-container { padding: 10px 15px;}
.pop-layer1 p.ctxt {color: #666;line-height: 25px;}
.pop-layer1 .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer1 {display: none;position: absolute;top: 50%;left: 50%;width: 60%;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10; border-radius: 14px;}

.dim-layer1 {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer1 .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=50);}

.dim-layer1 .pop-layer1 {display: block;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}


.dim-layer1 .pop-layer-review {display: block;}
.pop-layer-review  {position: absolute; top: 50%; left: 50%; width: 50%; height: auto; background-color: #fff; border: 5px solid #3571B5; z-index: 10; border-radius: 14px;padding:16px ;}


.dim-layer1 .pop-layer-qa {display: block;}
.pop-layer-qa  {position: absolute; top: 50%; left: 50%; width: 50%; height: auto; background-color: #fff; border: 5px solid #3571B5; z-index: 10; border-radius: 14px;padding:16px ;}




.popup-header{width:100%}
.header-blank{width:89%; display: inline-block;}
.btn-close {width: 10%;text-align: right;display: inline-block;}
a.btnClose {display: inline-block;height: 25px;padding: 0 0px 0;font-size: 24px;color: #000;line-height: 25px;font-family: 'EsaManru'; font-weight: 600;}



/****************************************************
table
****************************************************/
.avt-basic1{width: 100%;border-top: 2px solid #333;color:#092457;}

.avt-basic1 th{padding: 12px 15px;text-align: center;border: 1px solid #e6e6e6;color:#092457;font-weight: 600;background: #fffcfa;vertical-align: middle; font-size: 14px;}
.avt-basic1 td{padding: 12px 15px;border: 1px solid #e6e6e6;vertical-align: middle; line-height: 180%; text-align: center !important;}

.table-type {border-top: 2px solid #111;border-bottom: 1px solid #ddd;text-align: center; width:100%; table-layout:fixed; position: relative;}
.table-type table thead th {color: #111; height:24px; font-size:14px;line-height: 24px;font-weight: 500;border-bottom: 1px solid #ddd; padding:10px 0; background-color: #f7f7f7;}
.table-type table td {padding: 0 1.2rem; height: 24px;border-bottom: 1px solid #ddd; font-weight: 400; font-size: 13px;line-height:24px; padding:10px; text-align: center;}
.table-type .el {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.table-type .red{color:#ff0000}



.boardList table {table-layout: fixed;position: relative;text-align: center;width: 100%;border-top: 2px solid #111;}
.boardList table thead th {border-bottom: 1px solid #585858;color: #222;padding: 0.85rem 0.85rem;font-weight: 600;font-size: 13px;background: #fafafa;}
.boardList table td {border-bottom: 1px solid #ddd;padding: 14px 5px;color: #666;font-size: 13px;letter-spacing: 0px; text-align: left;}
.boardList .subject {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}



.avt-basic{width: 100%;border-top: 2px solid #333;color:#092457;margin-bottom: 5px;}

.avt-basic {width: 100%;border-top: 2px solid  #e6e6e6;}
.avt-basic th{padding: 12px 0 12px 12px; text-align: left; border: 1px solid #e6e6e6;  color:#092457; font-weight: 500; background: #f5f5f5;vertical-align: middle;}
.avt-basic td{padding: 12px 15px;border: 1px solid #e6e6e6;  vertical-align: middle; color:#333}




.ste_list_area table {border-top: 2px solid rgba(62, 63, 148, 0.285);table-layout: fixed;}
.ste_list_area table th, .ste_list_area table td {text-align: center;border-bottom: 1px solid #d9d9d9;}
.ste_list_area table th, .ste_list_area table a {color: #222222;font-size: 14px;}
.ste_list_area table th {height: 24px;font-weight: 400;background: #fcfcfc; padding:10px 0}
.ste_list_area table td {height: 24px;color: #666666;font-size: 13px;-webkit-transition: all 0.4s;transition: all 0.4s; padding:10px 0px}
.ste_list_area table td .icon {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.ste_list_area table td a {font-weight: 500;}
.ste_list_area table td.left {text-align: left;}
.ste_list_area table td.subject {padding: 0 20px;}
.ste_list_area table td.subject a {-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.ste_list_area table td input{cursor: pointer;}
.ste_list_area table td img{width:80px}
.ste_list_area table td .cart img{width:auto}


.table-type1 table {border-top: 2px solid #333;table-layout: fixed;}
.table-type1 table th, .table-type1 table td {text-align: center;border-bottom: 1px solid #d9d9d9;}
.table-type1 table th, .table-type1 table a {color: #222222;font-size: 14px;}
.table-type1 table th {height: 24px;font-weight: 400;background: #fcfcfc; padding:10px 0}
.table-type1 table td {height: 24px;color: #666666;font-size: 13px; padding:10px 0px}


.service{width:100%; padding:10px 10px}
.avt-list {width: 100%;border-top: 2px solid #333;color: #092457;margin-bottom: 5px; }
.service .avt-list th { background: #f9fff6; padding: 12px 0 12px;font-weight: 500;border: 1px solid #cfcfcf;vertical-align: middle;text-align: center;font-size:12px;}
.service .avt-list td {padding: 12px 10px;border:1px solid #e6e6e6;text-align: center;vertical-align: middle;font-size:13px;}


.avt-basic2{width: 100%; border-top: 2px solid #333; color:#092457; margin-bottom: 5px; table-layout: fixed;}
.avt-basic2 a{display: block; line-height:22px }
.avt-basic2 th{ padding: 12px 0 12px 12px; text-align: left; border: 1px solid #e6e6e6;  color:#333; font-size:13px; font-weight: 500; background: #f5f5f5; vertical-align: middle;}
.avt-basic2 td{padding: 12px 15px; border: 1px solid #e6e6e6;   vertical-align: middle;}
.avt-basic2 td span{font-size:12px}



.avt-basic3{width: 100%; border-top: 2px solid #333; color:#092457; margin-bottom: 5px;}
.avt-basic3 a{display: block; line-height:22px }
.avt-basic3 th{ padding: 12px 0 12px 12px; text-align: left; border: 1px solid #e6e6e6;  color:#333; font-size:13px; font-weight: 500; background: #f5f5f5; vertical-align: middle;}
.avt-basic3 td{padding: 12px 15px; border: 1px solid #e6e6e6;   vertical-align: middle;}
.avt-basic3 td span{font-size:12px}

.avt-basic4{width: 100%;border-top: 2px solid #333;color:#092457;margin-bottom: 5px;}
.avt-basic4 {width: 100%;border-top: 2px solid  #e6e6e6;}
.avt-basic4 th{padding: 12px 0 12px 12px; text-align: left; border: 1px solid #e6e6e6;  color:#092457; font-weight: 500; background: #f5f5f5;vertical-align: middle;}
.avt-basic4 td{padding: 12px 15px;border: 1px solid #e6e6e6;  vertical-align: middle; color:#333}



.j12{width:12%}
.j-full{}

.tblTy09 {width:100%; table-layout: fixed;}
.tblTy09 thead th{padding:4px 4px; text-align: center; background-color: #fff; color:#333; font-size:12px}
.tblTy09 tbody td {padding:4px 4px; text-align: center; border-bottom:1px solid #e9e9e9 ; background-color: #fff; font-size:12px}


.border-none{table-layout: fixed;}
.border-none td {padding: 12px 10px;text-align: left;vertical-align: middle;font-size:13px; border-bottom:1px solid #dfdfdf}


.border-none1{table-layout: fixed;}
.border-none1 td {padding: 12px 10px;text-align: left;vertical-align: middle;font-size:13px;}


/**********************************************
공통
***********************************************/
.pagination { display:flex; align-items:center;  padding: 40px 0;  justify-content: center; font-weight:400 ;}
.pagination a {display:inline-block;font-size:12px;margin:0 2px;width: 38px;height: 38px;text-align:center;padding-top: 10px;border:1px solid #ebebeb;}
.pagination a:hover, .pagination a.choice {background:#292e42; color:#f3f3f3; }
.pagination a.pprev, .pagination a.prev, .pagination a.nnext, .pagination a.next   {vertical-align:middle;background:url("../img/btn-pagination.png") no-repeat; font-size:0 ; text-indent:-5000px;}
.pagination a.pprev {background-position: 6px 5px; }
.pagination a.pprev:hover {background-position: 6px -22px; }
.pagination a.prev {background-position: -26px 5px; }
.pagination a.prev:hover {background-position: -26px -22px; }
.pagination a.next {background-position: 6px -81px }
.pagination a.next:hover {background-position:6px -54px; }
.pagination a.nnext {background-position:-26px -81px; }
.pagination a.nnext:hover {background-position:-26px -54px; }


.text-center{text-align: center !important;}

input[type="text"], input[type="id"], input[type="password"], input[type="number"], input[type="email"] {
    border: 1px solid #e6e6e6;
    background: #fff;
    height: 32px;
    padding: 0 14px;
    font-size: 12px;
}

textarea {border: 1px solid #e6e6e6; background: #fff; padding: 12px 10px;font-size: 12px;}
.pr10 {padding-right: 10px}
.pl10 {padding-left: 2px}
.pl20 {padding-left: 20px}

input:disabled {background-color: #efefef;}


.tb-t{display: none}

.menu-mb{display:none !important;}

@media (max-width: 1221px) {
.list-thumbs ul li:nth-child(4n) {
    margin-right: 0;
}
}

@media (max-width: 820px) {

.mypage_left{display:none}
.mypage_right{width: calc(100% - 0px); padding-left: 0px;}

.mb{display:block}
.mb-join{width:100%; }
.mb-join li{display:inline-block; width:49.8%; padding:10px; background:#293390; color:#fff; text-align: center;}

.menu-mb{display:block !important}
}

@media (min-width: 768px) and (max-width: 820px) {

.mem_login_box{width:70%}
.member_left {background: url(../img/join_left_alart.png) no-repeat 100% 100%; background-size:100% }
.jo_tit{width:100%}
.jo_tit1{width:100%}
.mypage_area{margin-top:0px}

.my_service_left {width: 50%;}
.my_service_left li {width: 29%;}
.my_list_one {width: 110px;height: 110px;}
.my_tit {font-size: 14px;font-weight: 600;padding-top: 6px;}
.dot {padding-top: 5px;padding-bottom: 5px;}
.count {font-size: 18px;padding-top: 0px;}
.my_service_right {width: calc(49% - 0px);}
.ser_arearf label {min-width: 42px;}
.m_w40 {width: 44%;margin-right: 5%;}
.ma_count {width: 100%; background-size: 45%; padding: 10px 0px 10px 20px;}
.ma_visual{background-size:40%; padding:20px 20px 10px 20px }
.service_m1{background-size: 40%}
.service_m2{background-size: 40%}
.service_m3{background-size: 40%}
.service_m4{background-size: 40%}
.service_m5{background-size: 40%}
.service_m6{background-size: 40%}
.service_mtit{padding-bottom:8px}
.m_s_tit{margin-right: 10px;}
.m_sel select{width: 146px}
.m_s_tit_1{margin-right: 22px}
.w25{width:80px}
.m_s_tit2{margin-right: 20px;margin-left: 10px;}
.m_search1 li:last-child{width:33%}

.w64 {width: 54.2%;}
.w33 {width: 43%;}
.m_s_tit1{margin-right:25px}
.m_s_tit3{margin-right: 20px;margin-left: 0px;}
.w280{width:71%}
.shop_w49 {width: 61.8%;}
.shop_w491 {width: 37.8%;}
.prd_result li{font-size:13px; padding-left: 10px }

.service_search_lf select{width:120px; margin-left:10px}


}



@media (max-width: 640px) {

.tb-t{display: inline-block; min-width:126px; font-weight: 500; margin-right: 10px; font-size: 13px;}
.table-pay .b-head{display: none}

.table-pay .b-body{position: relative;display: flex;flex-direction: column;}
.b-body .t-name {width: 100%;text-align: left;}
.b-body .t-year {width: 100%;text-align: left;}
.b-body .t-pay {width: 100%;text-align: left;}
.b-body .t-enddata {width: 100%;text-align: left;}
.b-body .t-resdata {width: 100%;text-align: left;}
.b-body .t-payment {width: 100%;text-align: left;}

.table-pay .b-body1 {position: relative; display: flex; flex-direction: column;border-bottom: 1px solid #adadad;}
.table-pay .b-body1 li{font-size:12px; padding:5px 0; text-align: left; border-bottom:none}
.b-body1 .tl-data {width: 100%;text-align: left;}
.b-body1 .tl-pay {width: 100%;text-align: left;}
.b-body1 .tl-time {width: 100%;text-align: left;}
.b-body1 .tb-refund {width: 100%;text-align: left;}
.b-body1 .tb-etc {width: 100%;text-align: left;}

.paylist-tit{border-bottom:1px solid #ddd}

.infor_lnb{margin:10px 0 10px; display:inline-block; width:100%}
.infor_lnb li{display: inline-block; width: 31%;margin-bottom: 10px;}
.infor_tit{font-size:20px}

.infor_bg{padding-top:20px; padding-bottom:20px; height:auto}
.infor_search_tit{font-size:24px}
.infor_main{height:400px }
.infor_search_area{width:90%}
.infor_txt{left:0px; padding:10px 10px}
.infor_item li{width:100%; margin-right:0px}
.infor_sub{padding:20px 0 20px}
.t1{font-size:24px}
.t2{padding-top:10px}

.person_lnb li a{line-height: 32px; font-size:16px}
.person_lnb li.active a{line-height: 32px; font-size:16px}

.job_s_part1{width:20%}
.job_s_part2{width:78%; margin-bottom:10px}
.job_s_part3{width:78%}
.job_s_part3 input{margin-left:20px}
.jobitem{width:80%}
.jobitem1{width:92%}
.job_view_part1{padding:10px}
.jobtit_big{margin-bottom:10px}

.cont_veiw{width:100%}
.cont_veiw p{margin-top: 20px;}
.btn-joburl{width:160px !important}
.table-pay li, .table-pay dl dt, .table-pay dl dd{width:100%; text-align: left;}

.customer-area h3{font-size:20px}
.tab-menu li{min-width: 110px;}
.tab-menu li{padding: 0 10px;font-size:13px}
.pd-r36{padding-right: 3px;}
.input_1{width: 53%;}
.notice_search button{right:28px}
.search-box .search .input{font-size:13px}
.result{margin-top:20px; font-size:13px}
.tab-button{margin:20px 0 10px}
.tab-button li {margin-right: 9px;}
.tab-button li a {padding: 4px 5px;font-size: 12px;}
.accordion-list.qna-list>.item>.title {font-size: 13px;}
.accordion-list>.item>.content{font-size:13px}
.tab-menu {margin-bottom: 20px;}
.benefit h2{font-size:26px}
.benefit-i-tit{font-size: 14px;}
.benefit-list li{width:100%}
.hopewrite_tit {font-size: 24px;}
.hope_wrlf{width:100%}
.hope_wrrf{width:100%}
.btnbox button{margin: 0 3px;}
.btnbox button {width: 100px;font-size: 12px;}

.infor_summary a{padding:0 10px}
.hope_list{display: inline-block !important;}
.hope-info{width: calc(100% - 0px);}
.hope_view_area{display: inline-block;}
.hope_view_area > .left{width:100%; display: inline-block; position: relative;}
.hope_view_area > .right1{width:100%; display: inline-block; position: relative;}
.sticky{width:100%; display: inline-block; top:0px}
.sticky_box{width: 100%; display: inline-block; position: relative;}
.mark_tit {font-size: 18px;}
.task_area{display: inline-block;}
.project_part1{width:100%; margin-bottom:10px}
.project_part2{width:47%; display: inline-block;}
.project_part3{width:49%; display: inline-block;}
.btn2{width:29% ;}

.my_shop_left{width:100%}
.my_shop_right{width:100%; padding-left:0px}

.avt-basic1 th{padding:6px 6px; font-size:12px}
.avt-basic1 td{padding:6px 6px; font-size:12px}
.m_w40 {width: 100%;margin-right: 0%;}
.ma_count{width:100%;padding: 30px 0px 10px 20px;background-size: 120px;}
.ma_tit {font-size: 28px;}
.m_w50 {display: none;}

.main_part2{display: none;}
.m_search1 li{width:100%; margin-bottom:4px}
.m_s_tit{margin-right:20px}
.m_sel select{width:70%}
.m_s_tit_1 {margin-right:60px}
.w25{width:32%}
.w280 {width: 70%;}
.m_search1 li:last-child {width:100%;}
.m_s_tit2{margin-right: 47px;margin-left: 0px;}
.m_search1{padding:2px 0}
.m_search2{padding:2px 0}
.w64 {width: 100%;margin-bottom: 4px;}
.w33 {width: 100%;}
.m_s_tit3{margin-left:0px; margin-right:21px}

.main_shop_area{margin-top:0px}
.shop_w49{width:100%}
.prdCount{width:100%; display: block;}
.main_shop_area{padding-top:0px}
.prd_result li{padding-left:0px; padding-right:18px}
.shop_w491{width:100%}
.shop_w491 input{width:70%}
.shop_prod_listline{width:100%}
.btn_wrap{width: 100%; text-align: center;}
.btn_baro{width: 30%;}
.btn_choice{width: 30%;}
.prod_img1{width:100%}
.prod_img1 img{width:100%; height:100%}
.prod_info_box{margin-left:0px}
.tag-box1{width:100%}
.shop_prod_list li{width: calc(100% - 0px);margin-right: 0px;}

.q_table ul, .q_table dl{font-size:12px}
.b-body li{padding:8px 4px}

.btn_add_order{height: 39px; font-size: 12px}

.btn_add_inq {font-size:12px;height: 40px; line-height: 41px; }
.sm_shopview{width:20%}
.sm_shopview img{width:50px; height:50px}

.sm_shopview1{width:50%; font-size:12px}
.sm_shopview2{width:28%; text-align: left}
.btn_add_order_red{border-radius: 6px; padding: 6px; font-size: 12px; width: 100%}

.re10{width:18%}

.pop-layer-review{left: 50%; width: 90%;padding: 10px;}
.review_start li {width: 49%;}
.icon_wrap{width:80%}
.pop-layer-qa{width: 90%;padding: 10px;}

.sm_title{font-size:12px}


.avt-basic4 th{font-size:12px;padding: 12px 6px;}
.avt-basic4 td{font-size:12px;padding: 12px 6px;}
.w49{width:100%; font-size:12px}
.w49r{width:100%; font-size:12px; text-align:left }
.t2{font-size:12px}

}



@media (max-width: 487px) {


.mb-join li{display:inline-block; width:49.6%; padding:10px; background:#293390; color:#fff; text-align: center;}

.mb_ser_btn{width:40%; background:#ffeca7 ; border-radius: 12px; padding:10px 20px}
.member_left{display:none;}
.member_area{margin-top:15px}
.member_right {width: calc(100% - 0px);padding-left: 0px;}
.mem_page {padding: 0px 30px 30px;}
.mem_page h2{font-size:26px}
.mem_page h3{font-size: 15px;}
.mem_bottom{padding:33px 0}
.join_link::before {left:40px}
.join_page_area{padding: 30px 15px 30px;}
.join_top h2{font-size: 24px;}
.join_proc_area ul li {margin-right: 14px;}
.join_proc_area ul:after {height: 80px;}
.proc_div div {width: 50px;height: 50px;}
.join_proc_area ul li:after {right: -11px;}
.proc_div span{font-size: 12px;}
.term h5{font-size: 16px; font-weight: 600;}
.term-inner{font-size: 12px;}
.cert_btn_area button{width:120px}
.join_flex_area .join_btn{width:90px}
.pop-layer{left: 50%;width: 320px;}
.bizjoin_proc_area ul:after{height:80px}
.bizjoin_proc_area ul li:after {right: -33px;}
.mgr20 {margin-right: 12px;}
.jform_cont1{width: 100%;margin-bottom: 7px; margin-top: 7px;}



.td-del{width:30px}

.jobitem{width:75%}
}






















@media screen and (max-width: 420px)  and (min-width: 360px) {
.mem_login_box {width:80%}
.com-btn-default1{border-radius: 4px; font-size: 13px; height:30px ;}
.com-btn-default{border-radius: 4px; font-size: 13px; height:30px ;}
.id_find2{width:100%}
.btn-default {font-size:14px; height: 40px; border-radius: 4px; }
.id_search_txt{text-align: left;}
.id_find{width:100%}

.bastable{width:600px}
.ste_list_area table th{font-size:13px}
.ste_list_area table td{font-size:12px}
.ste_list_area table td img{width:40px}

.btn-order{width:80px; padding:8px 2px}
.mypage_right h4{font-size:16px; margin-bottom: 10px;}
.my_service_left{width:100%}
.my_service_left li{width:29%; margin-bottom: 10px;}
.my_list_one{width:100px; height:100px}
.my_tit{font-size: 12px;}

.my_service_right {width: calc(100% - 0px);padding-left: 0px;}
.count{font-size: 13px; padding-top: 3px;}
.boardList table thead th{font-weight: 500;}
.boardList table td{font-size:12px}
.ser_arealf{width: 100%;}
.ser_arealf input[type=text]{width:74%}
.ser_arealf button{right: 4px;}
.ser_arearf{width: calc(100% - 0px);padding-left: 0px; margin-top:10px}
.ser_arearf select{width:74%}
.btn-excel{font-size: 13px;}
.table-type table thead th{font-size:12px}
.table-type table td{font-size:12px}
.mytable{min-width:800px}
.reading_box{display: inline-block; margin-bottom: 4px;}

.avt-basic th{padding: 6px 6px;text-align: center;font-size: 12px;}
.avt-basic td{font-size:12px; padding:6px 6px}

.w200{width:57%}
.w300{width:80%; margin-bottom:5px}

.pl10{vertical-align: middle; display: inline-block; }
.service-mon{width:100%; margin-bottom:10px}
.pl20{padding-left:0px}

.service .avt-list th{padding:4px 4px; font-size: 12px; display:table-cell;}
.service .avt-list td{word-break: break-all;padding: 4px 4px; font-size:12px; display:table-cell; }

.pri_lf{width:100%}
.pri_rf{width:100%; text-align: left; margin-top:10px}
.estimate_rf{width:100%; text-align: left;}

.chart_message_lf{width:100%}
.chart_message_rf{width:100%; border-left:0px}
.cert_btn_area button{font-size: 14px; width:120px}

.avt-basic th{padding:6px 6px; font-size:12px; }
.avt-basic td{padding:6px 6px; font-size:12px; }
.w50{width:74%}
.w80{width:60px}
.w100 {width: 83px !important;}

.tw15{width:100%}
.tw-full{display: none}


.inter_area li label{font-size:12px}
.inter_area input[type='checkbox']{width:14px; height:14px; margin-right:1px}
.contr-btn{width:36%}
.pop-layer1{ width:95%; height: 100%;}
.contract_area{height: 500px;}
.service_area span {font-size: 12px;line-height: 18px;}
.service_area1 ul{width:100%; margin-top:4px}

.service_search_area{width:100%; padding:10px 10px; display: block;}
.service_search_lf{width:100%; margin-bottom: 6px;}
.service_search_rf{width:100%}
.service_search_rf input[type=text]{width:100%;}
.service_search_lf select{width: 163px; margin-left: 5px;}

.servtable{width:880px}

.jw80{width:40%}
.ser_btn {width: 55px; padding:0px 6px; height: 36px;vertical-align: bottom; margin-left:2px}
.res_btn{width:55px; padding:0px 6px; height: 36px;vertical-align: bottom; margin-left:2px}
.hopetable{width:600px}
.mt-r10{font-size:12px;margin-right: 7px;}



.avt-basic2 th{padding:6px 6px; font-size:12px; display: block;}
.avt-basic2 td{padding:6px 6px; font-size:12px; display: block; width:100%; overflow-x:auto }
.f15{font-size:12px}

.w15{width:100%; margin-bottom:4px}
.service{padding:4px 4px}

.btnbox button{margin: 0 3px;}
.btnbox button {width: 100px;font-size: 12px;}

.tabs li{font-size:13px}
.sub_tab_wrap ul{display:inline-block;width:100%}
.sub_tab_wrap ul li{width:49%; display: inline-block; height: 40px; line-height: 40px}
.sub_tab_wrap ul li a{font-size:12px}
.prov_box_area{margin-top:16px}

.content_list2 > li{width: calc(100% - 10px);padding: 20px;}
.txt_wrap{padding-left: 18px}
.content_sub{font-size:14px}
.txt-rount{padding:5px 6px; font-size:13px}
.mile_part1{padding:10px}
.mile_part1 li{font-size:12px}
.m-wt10{width:8%}
.mil_w20{width:34%}
.mile_part1 select{width:100px; padding-left: 10px; margin-left:0px; margin-right:5px}
.mil_w30{width:63%}

.mil_w49{width:100%; margin-top:4px }
.data-r{display: none}
.btnDay{margin-right:2px}
.w120{width:100px;background-size: 14px !important;}
.date-line input{padding:0 10px}
.mil_search_btn{width:62px}
.mile_part2 li{width:100%; font-size:12px}
.table-type table td{line-height: 16px}
.accruals_part1{padding:10px 10px}
.btnw140{width:160px}

.prov_box_area li{font-size:12px}
.speStepTy1 > ul > li{width: calc(33% - 2rem); font-size:12px}
.speStepTy1 > ul > li:before{top:28px; right:-18px}
.speptit{font-size:12px}

.pdlr10 {padding: 0px 8px 0px 4px;}
.w10{width:40%}
.job_searh_tab li{width:49.3%}


.avt-basic3 th{padding:6px 6px; font-size:12px; display: block;}
.avt-basic3 td{padding:6px 6px; font-size:12px; display: block; }
.j12{width:100%}
.j-full{width:100%}

.img-scene2{width:60px}
.imgbox2 {width: 60px;height: 60px;}
.img-plus2{left: 68%;}
.job_support_part1 select{min-width:70px; width:80px; margin-bottom:4px ;}
.w81{}
.jw82{width:60%}


.account-part1{width:100%; margin-bottom:20px}
.account-part2{width:100%; margin-bottom:100px}
.account-part2::before{top: 100%;transform: rotate( 90deg ); left: 46%;}
.part2-area{width:100%; margin-left:0px}
.account-part3{width:100%}
.btn-class{width:144px !important;}


.account-part21{width:100%; margin-bottom:100px;}
.account-part21::before{top:106%; left:45%}
.part2-area1{width:100%; margin-left:0px; }
.part3-area1{width:100%; margin-left:0px}

.service > .avt-list {table-layout: fixed; width:600px}

.tblTy09 {width: 560px;table-layout: fixed;}
.tblTy09 th{display: table-cell;}
.tblTy09 td{display: table-cell;}
.option_area{width:600px}

.heart_box{right:12px}

}