@charset "utf-8";
.align_left{text-align: left!important;;}
.align_right{text-align: right!important;;}
.align_center{text-align: center!important;;}
.bd_none{border: 0!important;}
.bd_top{border-top: 1px solid #e8e7e7!important;}
.bd_bottom{border-bottom: 1px solid #e8e7e7!important;}
.bb8{border-bottom: 10px solid #e8e7e7!important;;}
.bt8{border-top: 10px solid #e8e7e7!important;;}
.mt1{margin-top:-1px!important;}
.mt2{margin-top:-2px!important;}
.pd_side{padding: 0 16px;}
.m0{margin: 0!important;}
.p0{padding: 0!important;}
.mt0{margin-top:0px!important;}
.mb0{margin-bottom:0px!important;}
.pt0{padding-top:0px!important;}
.pb0{padding-bottom:0px!important;}
.mt4{margin-top:4px!important;}
.mb4{margin-bottom:4px!important;}
.pt4{padding-top:4px!important;}
.pb4{padding-bottom:4px!important;}
.mt8{margin-top:8px!important;}
.mb8{margin-bottom:8px!important;}
.pt8{padding-top:8px!important;}
.pb8{padding-bottom:8px!important;}
.mt16{margin-top:16px!important;}
.mb16{margin-bottom:16px!important;}
.pt16{padding-top:16px!important;}
.pb16{padding-bottom:16px!important;}
.mt24{margin-top:24px!important;}
.mb24{margin-bottom:24px!important;}
.pt24{padding-top:24px!important;}
.pb24{padding-bottom:24px!important;}
.mt30{margin-top:30px!important;}
.mb30{margin-bottom:30px!important;}
.pt30{padding-top:30px!important;}
.pb30{padding-bottom:30px!important;}

.c_red{color: #3366FF!important;}
.c_lightRed{color: #eb4d4b!important;}
.c_brightRed{color: #ff8577!important;}
.c_yellow{color: #fec82e!important;}
.c_lightYellow{color: #ffe6a4!important;}
.c_brighYellow{color: #fef9ea!important;}
.c_black{color: #212121!important;}
.c_dark{color: #363636!important;}
.c_darkGray{color: #979797!important;}
.c_gray{color: #b4b4b4!important;}
.c_lightGray{color: #e8e7e7!important;}
.c_light{color: #f2f3f7!important;}

.dot_good{display: inline-block;width: 12px;height: 12px;background-color: #8de4cf;border-radius: 6px;}
.dot_bad{display: inline-block;width: 12px;height: 12px;background-color: #212121;border-radius: 6px;}
.dot_primary{display: inline-block;width: 12px;height: 12px;background-color: #eb4d4b;border-radius: 6px;}
.dot_secondary{display: inline-block;width: 12px;height: 12px;background-color: #ffe6a4;border-radius: 6px;}
.dot_red{display: inline-block;width: 12px;height: 12px;background-color: #3366FF;border-radius: 6px;}

.bg_yellow{background-color: #fec82e!important;}
.bg_gray{background-color: #fbf9f4!important;}
.bg_white{background-color: #fff!important;}

.ir{margin: 0;padding: 0;}
.ir span,
caption{ position: relative; display: block; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; line-height: 0; font-size: 0;  text-indent:-9999px; z-index: -1;}
.not_scroll{position: fixed;overflow: hidden;width: 100%;height: 100%;}
.not_scroll #wrap {position: relative;top: 0;z-index: 0;}
.hide{display:none!important}
.none{display:none!important}
.show{display:block!important}
.max{width: 100%;}
.link{display: inline-block;cursor:pointer}
i.stick{display: inline-block;height: 14px;padding-left:8px;margin-left: 8px;border-left: 1px solid #b4b4b4;vertical-align: middle;}
.d_flex{display: flex;justify-content: flex-start;align-items: center}
.full{width: 100%!important;}
.flow_start{justify-content: flex-start!important}
.flow_between{justify-content:space-between!important}
.number_count{color: #202de0;font-size: 16px;vertical-align: middle;}
.text_link{font-size: 14px;text-decoration: underline;vertical-align: middle;font-weight: normal;}
.text_link:hover, .text_link:active, .text_link:focus{text-decoration:underline;}
.text_oneline{display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
input:disabled{color: #b4b4b4;}
.loading{display: block;background-color: #fff;text-align: center;padding:50px 0}
.loading:after{content: "";display: inline-block;width: 50px;height: 50px;border: 5px solid rgba(0,0,0,.1);border-radius: 50%;border-top-color: #aaa;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* Layout */
#wrap{width: 100%;overflow:hidden;min-height: 100%;}
.content{background-color: #fff;}
.content_bg{background-color: #fbf9f4;}
#wrap.full_page{height: 100%;position: fixed;}
/* header */
header{padding: 0 16px;}
/* 넓은간격 헤더타입 */
header.header_top{padding: 35px 11px;}
header.header_top .btn_left{padding:5px;}
/* 메인페이용 헤더타입 */
header.header_main{position: relative;padding:20px 16px 0;transition: all ease 0.2s;}
header.header_main .btn_right{position: absolute;right: 11px;top: 11px;padding:5px;}
header.header_main h1{font-size: 18px;line-height: 24px;}
header.header_main em.top_logo{display: inline-block;width: 170px;height: 30px;margin-bottom: 24px;background: url(/static/publishing/img/logo_openlink.png) no-repeat;background-size: 170px 30px;}
/* 기본서브페이지용 헤더타입 */
header.header_sub{display:flex;align-items: center; justify-content: left;padding:13px 11px 13px 16px;height: 62px;box-shadow: 0 0 0 0 rgba(0,0,0,0.1);transition: all ease 0.2s;}
header.header_sub .btn_left{padding: 5px;margin-right: 6px;}
header.header_sub .btn_right{margin-left: auto;padding:5px}
header.header_sub .btn_right_side{padding: 5px;margin-left: 7px;}
header.header_sub .btn_right + .btn_right_side{margin-left: 3px;}
header.header_sub a{position: relative;}
header.header_sub a em{position: absolute;right: -1px;top: 6px;z-index: 1;display: block;background-color: #3366FF;width: 17px;height: 17px;border-radius: 9px;text-align: center;font-size: 12px;color: #fbf9f4;letter-spacing:-0.5px;padding-top: 2px;}
header.header_sub h1{font-size: 22px;letter-spacing: -0.5px;}
header.header_sub h1 img{width: 130px; height: 19px;}
header.header_sub_fixed{position: fixed;left: 0;top: 0;width:100%;z-index: 3;background-color: #fff;}
header.header_sub h1.logo_maintenance{width: 200px;height: 25px;background:url(/static/publishing/img/log_ajmain.png);background-size: 200px 25px;}

header.header_pop{position: absolute;left: 0;top: 0;width: 100%;padding: 15px 16px;z-index: 2;display: flex;align-items:center;justify-content:flex-end}
header.header_pop_fixed{position: fixed;left: 0;top: 0;width: 100%;padding: 15px 16px;z-index: 2;display: flex;align-items:center;justify-content:flex-end}
header.top_point{box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);}
header.header_pop_page{position: relative;text-align: center;}
header.header_pop_page h1{font-size: 18px;line-height: 62px;font-weight: bold;}
header.header_pop_page h1 strong{display: block;width: 100%;line-height: 62px;align-self: auto; text-align: center;font-size: 22px;font-weight: normal;}
header.header_pop_page a.btn_right{position: absolute;right: 16px;top: 50%;transform:translateY(-50%);}

header.header_pop_admin{position: relative;text-align: center;background-color: #fff;}
header.header_pop_admin h1{font-size: 22px;line-height: 62px;font-weight: normal;letter-spacing: -0.5px;}
header.header_pop_admin a.btn_right{position: absolute;right: 16px;top: 50%;transform:translateY(-50%);}

header.header_dim{position: absolute;left: 0;top: 0;width: 100%;background-color: rgba(33,33,33,0.57);padding: 20px 16px;z-index: 2;display: flex;align-items:center;justify-content:center}
header.header_dim a.btn_right{position: absolute;right: 16px;top: 50%;transform:translateY(-50%);}
header.header_dim h1{font-size: 18px;color: #fbf9f4;font-weight: bold;}

header.header_bg{background-color: #8de4cf!important;}
header.header_bg_yellow{background-color: #fec82e!important;}
header.header_bg_gray{background-color: #fbf9f4!important;}
/* 사이드메뉴 */
.aside_wrap{display:none;position:fixed;left:-9999em;top:0;padding-right:0;width:100%;height:100%;z-index:10;}
.aside_wrap .aside_bg{display: none;position:fixed;width:100%;height:100%;left: 0;top: 0;background-color:rgba(54,54,54,0.8);}
.aside_wrap aside{display: block;position:relative;top:0;left:0;width: 80%;height:100%;background-color: #fff;overflow-y:scroll;z-index: 1;-webkit-overflow-scrolling:touch;}
/* 그래프 */
.pie_chart{position: relative;display:inline-block;width: 100px;height: 100px;border-radius: 50%;}
.pie_chart span.center{background: #fff;display : block;position: absolute;top:50%; left:50%; width:94px; height:94px; border-radius: 50%;text-align:center;transform: translate(-50%, -50%);}
.pie_chart span.center span{display: block;font-size: 12px;margin-top: 25px;}
.pie_chart span.center b{font-size: 32px;}
.graph_row{padding: 20px 24px 24px;}
.graph_row li{display: flex;justify-content: flex-start;align-items: center;padding-right: 25px;margin-top: 16px;}
.graph_row li:first-child{margin-top: 0;}
.graph_row li > strong{font-size: 14px;width: 25%;font-weight: normal;}
.graph_row li p{width: 75%;position: relative;}
.graph_row li p span{position: relative;display: block;height: 14px;padding-right: 40px;border-radius: 0 7px 7px 0; background-color: #2c3551;transition:width ease 0.5s;transition-delay: 0.2s}
.graph_row li p span em{font-size: 14px;position: absolute;right: -35px;top: 0;width: 30px;}
.graph_row li:nth-child(1) p span{background-color: #2c3551;}
.graph_row li:nth-child(2) p span{background-color: #ff8577;}
.graph_column{padding: 36px 0 16px;display: flex;justify-content: space-around;align-items: center; text-align: center;}
.graph_column li{position: relative;padding-top: 140px;width: 20%;}
.graph_column li > strong{position: relative;display: block;font-size: 14px;font-weight: normal;padding: 7px 0;border-top: 1px solid #e8e7e7;margin-top: -1px;}
.graph_column li p{position: absolute;top: 0;width: 100%;height: 140px;left: 50%;transform:translateX(-50%);}
.graph_column li p span{position: absolute;width: 14px;background-color: #2c3551;bottom: 0;left: 50%;transform: translateX(-50%);display: block;border-radius: 7px 7px 0 0;transition:width ease 0.5s;transition-delay: 0.2s}
.graph_column li p span em{position: absolute;top: -20px;left: 50%;transform: translateX(-50%);font-size: 14px;width: 50px;}
.graph_column li:nth-child(1) p span{background-color: #eb4d4b;}
.graph_column li:nth-child(2) p span{background-color: #8de4cf;}
.graph_column li:nth-child(3) p span{background-color: #ffe6a4;}
.graph_column li:nth-child(4) p span{background-color: #ff8577;}
.graph_column li:nth-child(5) p span{background-color: #2c3551;}
.graph_column li:first-child strong:after{content: "";display: block;height: 2px;width: 30px;background-color: #fff;position: absolute;left: 0;top: -1px;}
.graph_column li:last-child strong:after{content: "";display: block;height: 2px;width: 30px;background-color: #fff;position: absolute;right: 0;top: -1px;}
/* footer menu */
.footer_menu{position: fixed;left: 0;bottom:0;width: 100%;z-index: 3;padding: 0 0 0 0;}
.footer_menu ul{display:flex; align-items: center;justify-content:space-between; height: 68px;box-shadow: 0 3px 6px rgba(0,0,0,0.4);background-color: #fff;position: relative;z-index: 1;padding-bottom: 15px;}
.footer_menu ul li{float: left;width: 25%;text-align: center;font-size: 12px;}
.footer_menu ul li i{position: relative;display: block;margin: 7px auto 6px;}
.footer_menu ul li.active i:after{background-position-y: -24px;}
.footer_menu ul li.active a{color: #3366FF;}
.footer_menu .btn_top{position: absolute;right: 10px;top:70px;display: block;width: 50px;height: 50px;background:url(/static/publishing/img/btn_top.png) no-repeat;background-size:cover;z-index: 1;transition: all .5s ease;}
.footer_menu .btn_top_active{top:-65px;}
.footer_menu .btn_top_active_more{top:-120px}
/*form 커스텀*/
.selection{position:relative;display:inline-block;width: 100%;height:52px;background-color: #fff;z-index: 1;}
.selection:after{content:"";position:absolute;right:5px;top: 50%;transform:translateY(-50%);display:block; width:24px; height:24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position:-72px -132px;z-index: 0;}
.selection select{position: relative;border:0;width:100%;height: 52px;line-height: 52px;padding:0 15px;padding-right: 25px;z-index: 1;background: transparent;}
.selection select::-ms-expand {display: none;}
.checks{height: 24px;vertical-align: 0;position: relative;font-size: 16px;display: inline-block;}
.checks input[type="checkbox"]{height: 24px;background: none;;vertical-align:middle;border:0;background:none;padding: 0 0 0 24px;width:1px;height: 1px;margin:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.checks input[type="checkbox"]:after{content:"";position:absolute;left:0;top:0;display:block; width:24px; height:24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position:-96px -108px}
.checks input:checked[type="checkbox"]:after{background-position:-120px -108px}
.checks input[type="radio"]{height: 24px;background: none;;vertical-align:middle;border:0;background:none;padding: 0 0 0 24px;width:1px;height: 1px;margin:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.checks input[type="radio"]:after{content:"";position:absolute;left:0;top:0;display:block; width:24px; height:24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position:-145px -108px}
.checks input:checked[type="radio"]:after{background-position:-169px -108px}
.checks span{vertical-align: middle;padding-left: 5px;line-height: 24px;}
.label_box{display: flex; justify-content:flex-start; align-items: center;flex-direction: row;flex-wrap: wrap;border-radius: 4px;background-color: #fbf9f4;box-shadow: 0 0 0 1px #e8e7e7 inset; }
.label_box label{display: block;width: 25%;}
.label_box.each2 label{width: 50%;}
.label_box.each3 label{width: 33%;}
.label_box.each3 label:nth-child(3n+1){width: 34%;}
.label_box.each5 label{width: 20%;}
.label_box input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.label_box span{display: block;line-height: 42px;color: #979797;text-align: center;letter-spacing: -0.5px;border-radius:3px;}
.label_box input:checked + span {background-color: #3366FF;color: #fff;}
.input_box .input_date{position: relative;display: block;width: 100%;}
.input_box .input_date:after{content: '';display: block;clear: both;}
.input_box .input_date input{float:right;width:46%;line-height: 52px;letter-spacing: 0;}
.input_box .input_date input:first-child{float:left};
.input_box .input_date:before{content: '~';display: block;width: 8%;position: absolute;left: 51%;top:50%;transform: translate(-50%, -50%);text-align: center;}
.input_box .input_date label:after{content: "";display: block;clear: both;}
.profile_file label{display: inline-block;vertical-align: middle;cursor: pointer;}
.profile_file input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.input_box .autosize{min-height: 53px;}
progress{background-color: #e8e7e7;height: 7px;border-radius: 4px;}
progress::-webkit-progress-bar{background-color: #e8e7e7;height: 7px;border-radius: 4px;}
progress::-webkit-progress-value{background-color: #3366FF;border-radius: 4px;}
.filebox label { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.btn_bookmark{position: relative;}
.btn_bookmark span{display: inline-block;width: 32px;height: 32px;text-align: center;}
.btn_bookmark input[type="checkbox"]{position: absolute;height: 32px;background: none;;vertical-align:middle;border:0;background:none;padding: 0 0 0 17px;width:1px;height: 1px;margin:0;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.btn_bookmark input[type="checkbox"]:after{content:"";position:absolute;left:0;top:0;display:block; width:32px; height:32px;background: url(/static/publishing/img/icon_star.png) no-repeat;background-size: 32px 64px;}
.btn_bookmark input:checked[type="checkbox"]:after{background-position:0 -32px}
/* 타이틀 */
.title_box{padding: 0 16px;}
.title_box h2{font-size: 24px;color: #363636;margin-bottom: 8px;letter-spacing: -0.5px;font-weight: bold;}
.title_box p{font-size: 14px;color: #979797;line-height: 24px;}
.section_title {padding: 0 16px;}
.section_title strong{display: block;font-size: 20px;font-weight: bold;}
.car_number{background-color: #fbf9f4;text-align: center;}
.car_number b{font-size: 24px;line-height: 61px;}
h4.title_content{font-size: 18px;font-weight: bold;text-align: center;line-height: 20px;}
h4.title_content .icon_text{margin-left: 8px;}
.page_top_status{background-color: #8de4cf;}
.page_top_status .top_title{padding: 0 0 28px;text-align: center;background: url(/static/publishing/img/bg_status_detail.png) no-repeat; background-size:cover}
.page_top_status .top_title h2{width: 100%;font-size: 24px;font-weight: bold;padding: 8px 0 6px;transition: all ease 0.3s;}
.page_top_status .top_title p{font-size: 16px;padding-top: 4px;}
.page_top_status .top_info{display: flex;justify-content:space-between;padding: 16px 16px 24px;}
.page_top_status .top_info > span{font-size: 14px;line-height: normal;}
.page_top_status .top_info > span em{display: block;font-size: 14px;line-height: normal;margin-top: 2px;}
.page_top_status .top_info > ul{margin-left: auto;text-align: right;}
.page_top_status .top_info > ul li{line-height: 22px;font-size: 16px;}
.input_title{display: block;padding: 0 16px;}
.input_title input{background-color: #e8e7e7;text-align: center;width: 100%;border: 0;line-height: 32px;height: 32px;border-radius: 16px;}
/* 검색 */
.search_result{padding:  0;position: relative;z-index: 1;background-color: #fff;}
.search_result > h4{padding: 0 16px;}
.search_result > h4 span{display: block;padding: 8px 0;font-size: 14px;color: #979797;border-bottom: 1px solid #3366FF;}
.search_result > h4 b{color: #3366FF;font-size: 14px;}
.search_result > h5{padding:0 16px}
.search_result > h5 .box{display:flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #3366FF;}
.search_result > h5 span{display: block;font-weight: 14px;color: #3366FF;font-weight: normal;}
.search_box{padding:0 16px;transition:all ease 0.3s;}
.search_box .box_inner{position: relative;padding-right: 105px;border-bottom: 1px solid #3366FF;background-color: #fff;}
.search_box .box_inner > div{display: block;font-size: 14px;letter-spacing: -0.5px;font-weight: bold;overflow:hidden;white-space: nowrap;word-break: break-all; text-overflow:ellipsis;line-height: 52px;letter-spacing: -0.5px}
.search_box .box_inner > a{position: absolute;right: 0;top:50%;transform: translateY(-50%)}
/* 고정박스 */
.fixed_box div.fixed{position:fixed;left: 0;top: 0;width: 100%;z-index: 3;display: fixed;padding-left:16px;padding-right: 120px;background-color: #fbf9f4;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)}
.fixed_box div.fixed a{margin-right: 16px;}
/* 리스트 */
ul.info_list{font-size: 14px;}
ul.info_list li{margin-top: 8px;font-size: 14px;}
ul.info_list li:first-child{margin-top: 0;}
ul.info_list span{display: inline-block;width: 40px;color: #979797;margin-right: 8px;font-size: 14px;}
ul.store_list{padding: 0 16px;}
ul.store_list li{border-bottom: 1px solid #e8e7e7;}
ul.store_list li > a{display: block;width:100%;padding:15px 0;}
ul.store_list li > a p{margin-bottom: 15px;}
ul.store_list li > a p b{display: block;margin-bottom: 5px;}
ul.store_list li > a p span{display: block;font-size: 14px;word-break: break-all;line-height: normal;}
ul.store_list li > a strong{display: block;font-weight: normal;color: #3366FF;font-size: 14px;}
ul.store_list li > a > span{display: flex;justify-content: space-between;align-items: center}
ul.store_list li > a > span em{font-size: 14px;color: #979797;}
ul.store_list + .btn_wrap{padding: 16px}
ul.repair_list {padding:0 16px}
ul.repair_list li{border-bottom: 1px solid #e8e7e7}
ul.repair_list li > a {display: block;padding: 16px 0;}
ul.repair_list li > a > div > span{font-size: 14px;color: #b4b4b4;line-height: 22px;}
ul.repair_list li > a > div > b{display: block;font-weight: normal;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;line-height: 22px;overflow: hidden;}
ul.repair_list li > a > div > b em{font-weight: bold;}
ul.repair_list li > a > div > strong{line-height:22px;color: #3366FF;font-weight: normal;}
ul.repair_list li > a > div > p{line-height: 22px;font-size: 14px;color: #363636;margin-top: 5px;display:flex;justify-content: flex-start;align-items: center;}
ul.repair_list li > a > div > p em{color: #979797;margin-right: 5px;font-size: 14px;}
ul.repair_list li > a > div > p small{display: inline-block;width: 1px;height: 12px;padding-left:5px;margin-left: 5px;border-left: 1px solid #161616;vertical-align: middle;}
ul.repair_list li > a > div > p span{color: #363636;font-size: 14px;}
ul.repair_list li > a > p{text-align: right;font-size: 14px;line-height: 22px;}
ul.repair_list + .btn_wrap{padding: 16px}
ul.check_list:after{content: "";display: block;clear: both;}
ul.check_list li{float: left;width: 25%;text-align: center;}
ul.check_list li span{display: block;font-size: 14px;color: #979797;margin: 4px 0 16px;letter-spacing: -0.5px;white-space: nowrap}
ul.define_list li{display: flex;justify-content: flex-start;align-items: center;}
ul.define_list li > span{line-height: 24px;color: #979797;}
ul.define_list li > p{line-height: 24px;letter-spacing: -0.5px;padding-left: 8px;}
ul.define_list.both_type:after{content: "";display: block;clear: both;}
ul.define_list.both_type li{float: left;width: 50%;display: block;}
ul.define_list.both_type li span{float: left;}
ul.define_list.both_type li p{float: left;}
ul.carInfo_list{padding:  0 16px;}
ul.carInfo_list li{display: flex;justify-content: flex-start;align-items:flex-start; padding: 14px 0 16px;border-bottom: 1px solid #e8e7e7;}
ul.carInfo_list li > span.checks{margin-right: 6px;width: 24px;}
ul.carInfo_list li > span.checks + a{width: 90%;}
ul.carInfo_list li > a{padding-top: 2px;flex-basis: auto;width:100%;}
ul.carInfo_list li > a > b{display: block;width: 100%;;font-weight: normal;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.carInfo_list li > a > b em{font-weight: bold;}
ul.carInfo_list li > a > div{font-size: 14px; line-height: 22px;margin-top: 16px;}
.info_user_input{padding: 0 16px;}
.info_user_input .input_box > .label{padding-left: 0;width: 20%;}
.info_user_input .input_box > div,.info_user_input .input_box > p{width: 80%;}
.info_user_input .input_box > p span{display: block;line-height: 24px;padding: 14px 8px;}
.info_user_input .input_box > div .selection{width: 25%;}
.info_user_input .input_box > div .selection + input{width: 75%;}
.content_box{border-radius: 15px;margin-top: 24px;box-shadow:inset 0 0 0 1px #e5e4e4}
.content_box h6{position: relative;text-align: center;font-weight: bold;padding: 24px 0 8px;}
.content_box h6 > p{position: absolute;right: 8px;top: 24px;}
.content_box h6 > p span{display: inline-block;margin-left: 8px;text-align: center;font-size: 14px;color: #979797;}
.content_box h6 > p em{display: block;margin: 0 auto 2px;}
.content_box h6 > em{padding-left:4px;font-size: 14px;color: #979797;font-weight: normal;vertical-align: middle;line-height: 16px;}
.content_box article{padding:16px;border-bottom: 1px solid #e8e7e7;}
.content_box article:last-child{border-bottom: 0}
.content_box .title strong{display: block;padding-bottom: 5px;}
.content_box .title strong a{margin-left: 12px;line-height: 18px;}
.content_box .title p{font-size: 14px;}
.content_box .title div{line-height: 22px;line-height: -0.5px;}
ul.reply_list{padding: 0 16px;}
ul.reply_list li{position: relative;padding-bottom: 30px;margin-bottom: 16px;}
ul.reply_list li:last-child{margin-bottom: 0;}
ul.reply_list li > div{padding: 16px;display: inline-block;text-align: left;line-height: 22px;}
ul.reply_list li > p{font-size: 12px;color: #979797;}
ul.reply_list li.right_reply{position: relative;text-align: right;}
ul.reply_list li.right_reply > div{background-color: #fef9ea;border: 1px solid #ffaf16;border-radius:27px 0 27px 27px}
ul.reply_list li.right_reply > p{position: absolute;right: 0;bottom: 8px;}
ul.reply_list li.left_reply{position: relative;text-align: left;padding-left: 44px;padding-bottom: 8px;}
ul.reply_list li.left_reply > i{position: absolute;left: 0;top: 0;display: block;width: 36px;height: 36px;border-radius:18px;text-align: center;background-color: #3366FF;line-height: 36px;color: #fbf9f4;font-size: 14px;}
ul.reply_list li.left_reply > div{background-color: #fff;border: 1px solid #ffe6a4;border-radius: 0 27px 27px 27px}
ul.reply_list li.left_reply > p{margin-bottom: 8px;}
ul.reply_list li.left_reply > p span{font-size: 14px;margin-right: 8px;}
ul.link_list{border-bottom: 1px solid #e8e7e7 ;}
ul.link_list li{border-top: 1px solid #e8e7e7;}
ul.link_list li:first-child{border-top: 0;}
ul.link_list li a{position: relative;display: block;padding: 18px 50px 18px 16px;}
ul.link_list li a strong{display: block;padding-bottom: 5px;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;line-height: 22px;overflow: hidden;font-weight: normal;}
ul.link_list li a span{font-size: 14px;color: #979797;}
ul.link_list li a:after{content: "";position: absolute;right: 16px;top:50%;transform: translateY(-50%);display: block;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -48px -108px;}
.dot_list{display: flex;justify-content: center;align-items: center;}
.dot_list > span{font-size: 12px;color: #979797;margin-left: 8px;}
.dot_list > span i{display: inline-block;width: 8px;height: 8px;border-radius: 4px;vertical-align: baseline;margin-right: 3px;background-color: #ffe6a4;}
.photo_edit_list:after{content: "";display: block;clear: both;}
.photo_edit_list li{position: relative;float: left;width: 24%;margin-left: 1%;margin-bottom: 4px;}
.photo_edit_list li:nth-child(4n+1){margin-left: 0;}
.photo_edit_list li.empty{width: 100%;text-align: center;color: #979797;font-size: 16px;padding-top: 8px;}
.photo_edit_list li .checks{position: absolute;right: 4px;top: 4px;z-index: 1;}
.photo_edit_list li a.checks{display: block;right: 0;top: 0;width: 32px;height: 32px;background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -96px -180px;}
.photo_edit_list li div{position: relative;padding-bottom: 100%;background-color: #fef9ea;border: 1px solid #e8e7e7;overflow: hidden}
.photo_edit_list li div img{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.photo_edit_list li div > span{position: absolute;left: 0;top:50%;transform: translateY(-50%);display: block; width: 100%;text-align: center;}
.photo_edit_list li div > span b{display: block;color: #979797;margin-top: 4px;font-size: 14px;letter-spacing: -0.5px;}
.photo_edit_list li > p{margin: 8px  0 16px;word-break: break-all;font-size: 14px;line-height: 1.3em;height: 2.4em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.component_list li{position: relative;display:flex;}
ul.component_list{padding: 0 16px;}
ul.component_list li{border-bottom: 1px solid #e8e7e7;}
ul.component_list li > .checks{margin: 15px 8px 0 0;}
ul.component_list li > div{display: block;width:100%;padding:15px 0;}
ul.component_list li > div .btn_bookmark,
ul.component_list li > div .btn_del{position: absolute;right: 0;top: 8px;}
ul.component_list li > div strong.title{display: block;padding-bottom: 16px;line-height: 22px;padding-right: 30px;}
ul.component_list li > div strong.title b{font-weight: normal;}
ul.component_list li > div strong.title span{display: block;font-weight: normal;font-size: 14px;color: #979797;margin-top: 5px;}
ul.component_list li > div div{display: flex;align-items: flex-end;justify-content: space-between}
ul.component_list li > div div p span{display: block;font-size: 14px;margin-top: 6px;}
ul.component_list li > div div p span em{font-size: 14px;color: #979797;display: inline-block;width: 45px;}
ul.component_list li > div div p span:first-child{margin-top: 0;}
ul.component_list li > div div strong{color: #979797;font-weight: normal;}
ul.component_list li > div div strong b{color: #363636;padding-left: 4px;}
/* 스텝 리스트 */
.step_list{position: relative;}
.step_list:after{content: "";display: block;width: 1px;height: 100%;border-left: 1px solid #ff7f00;position: absolute;left: 35px;top: 0;}
.step_list li{position: relative;padding:20px 20px 20px 65px;border-radius: 4px;border: 1px solid #e8e8e8;background-color: #fff;margin-top: 10px;}
.step_list li:first-child{margin-top: 0;}
.step_list li:first-child:after{content: "";display: block;width: 40px;height: 50%;background-color: #fff;position: absolute;left: 15px;top: 0;z-index: 1;}
.step_list li:last-child:after{content: "";display: block;width: 40px;height: 50%;background-color: #fff;position: absolute;left: 15px;bottom: 0;z-index: 1;}
.step_list li em{position: absolute;left: 15px;top:50%;transform: translateY(-50%);width: 40px;height: 40px;border: 7px solid #ff7f00;color: #ff7f00;font-size: 15px;font-weight: bold;text-align: center;border-radius: 20px;line-height: 26px;background-color: #fff;z-index: 2;}
.step_list li strong{font-size: 13px;}
.step_list li p{font-size: 14px;line-height: 20px;color: #676767;margin-top: 5px;}
.step_list li p small{display: block;font-size: 12px;line-height: 20px;}
/* 셀렉션 박스 */
.selection_box{display: flex;justify-content: center;align-items: center;}
.selection_box .selection{width: 120px;margin: 0 15px;}
.selection_box .selection:after{color: transparent; background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -0 -156px; display: block; content: ''; width: 24px; height: 24px; position: re; top: 50%;transform: translateY(-52%); right: 0;}
.selection_box .selection select{text-align: center;font-weight: bold;padding-left: 0;}
.selection_box .btn_left{display: inline-block;width: 34px;height: 34px;padding: 5px;}
.selection_box .btn_left:after{content: "";display: block;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position: -96px -156px}
.selection_box .btn_right{display: inline-block;width: 34px;height: 34px;padding: 5px;}
.selection_box .btn_right:after{content: "";display: block;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position: -120px -156px}
/* 달력 */
.carendar_list_wrap{position: relative;border-bottom: 1px solid #363636;}
.carendar_list_wrap .carendar_list_top th{width: 14%;font-weight: normal;font-size: 14px;line-height: 40px;color: #b4b4b4;}
.carendar_list_wrap .carendar_list_top th:first-child{width: 16%;}
.carendar_list_wrap .carendar_list_top tr th:nth-child(1){color: #3366FF;}
.carendar_list_wrap .carendar_list_top tr th:nth-child(7){color: #202de0;}
.carendar_list_wrap .carendar_list:after{content: "";display: block;clear: both;}
.carendar_list_wrap .carendar_list > li{float: left;width: 14%;height: 70px;text-align: center;padding: 8px;background-color: #fff;border-top: 1px solid #e8e7e7;}
.carendar_list_wrap .carendar_list > li:nth-child(7n+1){width: 16%;}
.carendar_list_wrap .carendar_list > li:nth-child(7n+1) a{color: #3366FF;}
.carendar_list_wrap .carendar_list > li:nth-child(7n+7) a{color: #202de0;}
.carendar_list_wrap .carendar_list > li a{display: block;width: 100%;height: 100%;}
.carendar_list_wrap .carendar_list > li a span{display: block;font-size: 14px;margin-bottom: 2px;}
/* 배너 */
.contact_banner{padding: 24px 16px;}
.contact_banner a{display: block;display: flex;padding: 15px 20px;background-color: #ffe6a4;border-radius: 20px;align-items:center;justify-content:space-between;}
.contact_banner a span{font-size: 14px;line-height: 28px;}
.contact_banner a span b{display: block;font-size: 24px;}
.contact_banner a i{display: block;width: 70px;height: 70px;background: url(/static/publishing/img/bnr_headset.png); background-size:70px 70px;}
.store_banner{padding: 20px 16px;background-color: #8de4cf;}
.store_banner a{display: block;display: flex;align-items:center;justify-content:space-between;}
.store_banner a span{font-size: 14px;line-height: 26px;}
.store_banner a span b{display: block;font-size: 20px;}
.store_banner a i{display: block;width: 40px;height: 40px;background: url(/static/publishing/img/icon_ui.png);background-size: 288px 212px;background-position: -80px -0;}
.kakaonavi_banner a{display: block;padding: 24px 24px 24px 16px;display: flex;align-items:center;justify-content:space-between;}
.kakaonavi_banner a span{font-size: 14px;line-height: 24px;}
.kakaonavi_banner a span b{display: block;font-size: 20px;line-height: 24px;}
.kakaonavi_banner a i{display: block;width: 46px;height: 53px;background: url(/static/publishing/img/icon_navigation.png) no-repeat;background-size: cover}
.ask_banner{background-color: #ffe6a4;}
.ask_banner a{display: block;padding: 15px 16px 15px 16px;display: flex;align-items:center;justify-content:space-between;}
.ask_banner a span{font-size: 14px;line-height: 28px;}
.ask_banner a span b{display: block;font-size: 24px;line-height: 28px;}
.ask_banner a i{display: block;width: 70px;height: 70px;background: url(/static/publishing/img/bnr_headset.png) no-repeat;background-size: cover}
.bookmark_banner{background-color: #ffe6a4;padding: 20px 16px;}
.bookmark_banner a{display: block;display: flex;justify-content: flex-start;align-items: center;}
.bookmark_banner a > span{margin-left: 6px;margin-right: auto;}
/* 테이블 */
table.table_line{border: 1px solid #ddd;}
table.table_line th{background-color: #f5f5f5;font-weight: normal;padding: 5px;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom:1px solid #ddd;color: #333;}
table.table_line td{border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #ccc;padding:2px;*zoom:1}
table.table_line td:after{content: "";display: block;clear: both;}
table td.line:after{content: "";display: block;width: 100%;height: 1px;border-bottom: 1px solid #e8e7e7;margin: 5px 0;padding: 0;}
.table_check{display: block;}
.table_check tr{display:flex;justify-content: space-between;}
.table_check thead{display: block;border-bottom: 1px solid #3366FF;}
.table_check th{position: relative;font-weight: normal;font-size: 15px;line-height: 22px;letter-spacing: -0.5px;color: #979797;padding: 8px;text-align: left;}
.table_check th:nth-child(1){width: 9%;padding-left: 0;}
.table_check th:nth-child(2){width: 27%;}
.table_check th:nth-child(3){width: 39%;}
.table_check th:nth-child(4){width: 25%;padding-right: 0;align-self: flex-end;text-align: right;}
.table_check .checks{position: absolute;top: 50%;transform: translateY(-50%);height: 24px;}
.table_check tbody{display: block;}
.table_check tbody tr:first-child td{border-top: 0;}
.table_check tbody td{position: relative;padding: 8px;text-align: left;font-size: 15px;line-height: 22px;letter-spacing: -0.5px;border-top: 1px solid #e8e7e7;}
.table_check tbody td:nth-child(1){width: 9%;padding: 0;padding-top: 8px;}
.table_check tbody td:nth-child(2){width: 27%;}
.table_check tbody td:nth-child(3){width: 64%;padding-right: 0;}
.table_check tbody td strong{display: block;font-weight: normal;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;line-height: 22px;overflow: hidden;font-size: 15px;}
.table_check tbody td p:after{content: "";display: block;clear: both;}
.table_check tbody td p em{line-height: 22px;float: left;color: #979797;font-size: 15px;}
.table_check tbody td p span{float: right;line-height: 22px;font-size: 15px;}
.table_list_wrap .table_list{margin-top: 16px;}
.table_list_wrap .table_list:first-child{margin-top: 0;}
.table_list thead{background-color: #e8e7e7;}
.table_list thead th{line-height: 42px;font-weight: normal;}
.table_list tbody{border-bottom: 1px solid #363636;}
.table_list tbody th{text-align: center;font-weight: normal;border-top: 1px solid #e8e7e7;line-height: 36px;padding: 0 16px;}
.table_list tbody td{text-align: right;border-top: 1px solid #e8e7e7;line-height: 36px;padding-right: 16px;}
.table_list tbody tr:first-child th,.table_list tbody tr:first-child td{border-top: 0;}
/* 접펼식메뉴 */
.folding_list{background-color: #fff;}
.folding_list .list_title{position: relative;display: block;padding:0 16px;border-bottom: 1px solid #e8e7e7;cursor:pointer;line-height: 54px;}
.folding_list .list_title i{position: absolute;right: 16px;top:16px;width: 24px;height: 24px;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position: -0 -108px;transition:transform ease 0.3s;transform: rotate(0);}
.folding_list.active .list_title{font-weight: bold;}
.folding_list.active .list_title i{transform: rotate(180deg);}
.folding_list .list_content{display: none;padding:16px;background-color: #fbf9f4;}
.folding_list .list_content div{white-space:pre-line;line-height: 23px;}
/* 슬라이더 리셋 */
.swiper-slide{position: relative;}
.swiper-pagination .swiper-pagination-bullet{transition: all ease 0.3s}
.swiper-pagination .swiper-pagination-bullet-active{background-color: #ff0132;width:25px;border-radius:20px}
/* 탭메뉴 공통 */
.tab_container {width: 100%;overflow:hidden;position: relative;}
.tab_container .tab_group{width: 100%;background-color: #fff;padding:0 16px;z-index: 1;display: flex;align-items: center;transition : padding 0.3s ease;}
.tab_container .tab_group li{text-align: center;}
.tab_container .tab_group li a{position: relative;display: block;width: 100%;line-height: 50px;text-align: center;color: #979797;font-size: 18px;letter-spacing: -0.5px;}
.tab_container .tab_group li.active{z-index: 1;}
.tab_container .tab_group li.active a{color: #3366FF;font-weight: bold;}

.tab_container .type_box{justify-content:space-between;border-bottom: 1px solid #e8e7e7;}
.tab_container .type_box li{flex-basis: 50%;}
.tab_container .type_box li a:after{content: "";width: 0;height: 2px;background-color: #3366FF;position: absolute;left: 50%;bottom: -1px;transition:all ease 0.3s}
.tab_container .type_box li.active a:after{width: 100%;left: 0;}
.tab_container .type_inline{justify-content: flex-start;border-bottom: 1px solid #e8e7e7;}
.tab_container .type_inline li{flex-basis: auto;margin-left: 15px;}
.tab_container .type_inline li:first-child{margin-left: 0;}
.tab_container .type_inline li a{line-height: 43px;}
.tab_container .type_inline li a:after{content: "";width: 0;height: 2px;background-color: #3366FF;position: absolute;left: 50%;bottom: -1px;transition:all ease 0.3s}
.tab_container .type_inline li.active a:after{width: 100%;left: 0;}

.tab_container .type_square{padding: 0;justify-content:space-between;border-bottom: 1px solid #e8e7e7;}
.tab_container .type_square li{flex-basis: 50%;}
.tab_container .type_square li a{line-height: 56px;background-color: #fbf9f4;}
.tab_container .type_square li.active a{background-color: #3366FF;color: #fff;font-weight: normal;}

.tab_container .type_pill{position: relative;}
.tab_container .type_pill li{position: relative;flex-basis: 50%;}
.tab_container .type_pill li:before{content: '';display: block;background-color: #fbf9f4;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius:0 28px 28px 0;z-index: -1;}
.tab_container .type_pill li:first-child:before{border-radius:28px 0 0 28px}
.tab_container .type_pill li a{display: block;line-height: 56px;color: #979797;text-align: center;position: relative;z-index: 1;font-size: 16px;}
.tab_container .type_pill li.active:after{content: '';display: block;background-color: #3366FF;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius:28px;z-index: -1;transition: all ease 0.2s;}
.tab_container .type_pill li.active a{color: #fbf9f4;font-weight: bold;}
.tab_container .tab_fixed li.active:after{border-radius: 0}
/* 탭메뉴 고정처리 */
.tab_group_wrap{position: relative;}
.tab_group_wrap .tab_fixed{position: fixed;left: 0;top: 0;z-index: 2;width: 100%;padding: 0;box-shadow: 0 0 5px rgba(0,0,0, 0.1);}
.tab_group_wrap .tab_fixed li:before{border-radius: 0;}
.tab_group_wrap .tab_fixed li:first-child:before{border-radius:0}
.tab_group_wrap .tab_fixed li.active{border-radius: 0;}
/* 슬라이더 탭메뉴 */
.tab_swiper {padding: 0 16px;border-bottom: 1px solid #e8e7e7;}
.tab_swiper ul li{text-align: center;margin-left: 15px;width: auto;}
.tab_swiper ul li:first-child{margin-left: 0;}
.tab_swiper ul li a{position: relative;display: block;width: 100%;line-height: 43px;text-align: center;color: #979797;font-size: 18px;letter-spacing: -0.5px;}
.tab_swiper ul li a:after{content: "";width: 0;height: 2px;background-color: #3366FF;position: absolute;left: 50%;bottom: -1px;transition:all ease 0.3s}
.tab_swiper ul li.active{z-index: 1;}
.tab_swiper ul li.active a{color: #3366FF;font-weight: bold;}
.tab_swiper ul li.active a:after{width: 100%;left: 0;}


.page_tabs_plan_wrap{height: auto;position: relative;min-height:48px;}
.page_tabs_plan_wrap .page_tabs_plan{border-bottom: 1px solid #d9d9d9;overflow: hidden;padding: 0 15px;background-color:#333;}
.page_tabs_plan_wrap .page_tabs_plan_fixed{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;background-color: #333;}
.page_tabs_plan_wrap .page_tabs_plan ul:after{content: "";display: block;clear: both;}
.page_tabs_plan_wrap .page_tabs_plan ul li{float:left;width:auto;text-align: center;padding: 0 12px;}
.page_tabs_plan_wrap .page_tabs_plan ul li:first-child{padding: 0 12px 0 0;}
.page_tabs_plan_wrap .page_tabs_plan ul li:last-child{padding: 0 0 0 12px;}
.page_tabs_plan_wrap .page_tabs_plan ul li a{display: block;height: 100%;line-height: 24px;font-size: 15px;padding: 0;white-space:nowrap;padding:12px 0;color: #fff;}
.page_tabs_plan_wrap .page_tabs_plan ul li.active a{font-weight: bold;}
.page_tabs_plan_wrap ul li a{position: relative;height: 100%;}
.page_tabs_plan_wrap ul li{height: auto;}
.page_tabs_plan_wrap ul li.active a:after{content: "";display: block;width: 100%;height: 2px;background-color: #fff;position: absolute;left: 0;bottom: 0;}
/* 입력폼 */
.input_box{position: relative;display:flex;align-items:center;justify-content:space-between;background-color: #fff;border-bottom: 1px solid #e8e7e7;}
.input_box:after{content: "";display: block;position: absolute;left: 50%;bottom:-1px;background-color: #3366FF;width: 0%;height: 1px;transition: all ease 0.3s;z-index: 0;}
.input_box span.label{text-align: left;color: #979797;line-height: 53px;padding-left: 8px;}
.input_box span.two_line{line-height: normal;}
.input_box input{width: 100%;border: 0;padding: 0 8px;height: 53px;line-height: 53px;}
.input_box .selection{height: 53px;}
.input_box select{padding-left: 8px;height: 53px;line-height: 53px;}
.input_box div{display:flex;align-items:center;justify-content:space-between;}
.input_box.focus:after{width: 100%;left: 0;}
.input_box textarea{width: 100%;border: 0;padding: 16px 8px;line-height: 22px;letter-spacing: -0.44px;}
.input_box .load_focus{position: relative;}
.input_box .load_focus:after{content: "";display: block;opacity:0;width: 2px;height: 16px;background-color: #3366FF;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);animation: cursorPointer 1s infinite ease;animation-delay: 1s;z-index: 1;}
@-webkit-keyframes cursorPointer {
  0% {opacity: 1;} 50% {opacity: 0;} 100%{opacity: 1;}
}
.input_list_wrap .input_list li{margin-top: 16px;}
.input_list_wrap .input_list li > strong{display: block;font-size: 14px;padding: 8px 0;}
.input_list_wrap .input_list li .input_box input{padding: 0;}
.input_list_wrap .input_list li:first-child{margin-top: 0;}
/* 레이어팝업 */
.layer_wrap{display:none;position:fixed;overflow-y: auto; top:0;width:100%;height:100%;z-index:100;color:#363636;-webkit-overflow-scrolling:touch;}
.layer_wrap .layer_bg{position:fixed;left: 0;top: 0;right: 0;bottom: 0;width:100%;height:100%;background-color:rgba(54,54,54,0.8);z-index: 0;display: block;}
.layer_wrap .popLayer_view{display: none;z-index: 1; position: absolute;width: 90%;;left:50%; top:50%;padding-bottom:50px;letter-spacing: -1px;}
.layer_wrap .popLayer_view .popLayer_content{background: #fff;border-radius: 2px;box-shadow:rgba(0,0,0,.15) 0 2px 5px;}
.layer_wrap .fullLayer_view{display: none;width: 100%;height: 100%;z-index: 1; position: absolute;left:0; top:0;right:0;bottom:0;margin-bottom: 0;letter-spacing: -1px;border-radius: 0;}
.layer_wrap .fullLayer_view .popLayer_content{min-height: 100%;background-color: #fff;}
.layer_wrap .bottomLayer_view{display: none;width: 100%;z-index: 1; position: absolute;left:0; bottom:0;letter-spacing: -1px;margin-bottom: -100vh;border-radius: 0;transition: all ease 0.5s;}
.layer_wrap .bottomLayer_view .popLayer_content{max-height: 80vh;padding:36px 16px;background-color: #fff;border-radius:20px 20px 0 0;box-shadow:rgba(0,0,0,.15) 0 2px 5px;}
.layer_wrap .bottomLayer_view .popLayer_content h2{text-align: center;font-weight: bold;margin-bottom: 40px;letter-spacing: -1px;font-size: 16px;}
.layer_wrap .bottomLayer_view .input_box_wrap .input_box:first-child{margin-bottom: 8px;}
.layer_wrap .bottomLayer_view a.btn_close{position: absolute;left: 50%;top: 0;display: block;width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;z-index: 2;background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;background-position:-120px 0;}
/* 로딩레이어팝업 */
.loadingLayer_wrap{display:none;position:fixed;overflow-y: scroll; top:0;width:100%;height:100%;z-index:98;}
.loadingLayer_wrap .layer_bg{position:absolute;left: 0;top: 0;right: 0;bottom: 0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
.loadingLayer_wrap .popLayer_view{display: none;z-index: 1; position: absolute;;left:50%; top:50%;margin-bottom: 50px;letter-spacing: -1px;}
.loadingLayer_wrap .popLayer_view .loading{background: none;}
.loadingLayer_wrap .popLayer_view .loading:after{border: 5px solid rgba(255,174,181,0.5);border-radius: 50%;border-top-color: #3366FF}
/* 별점선택 */
.select_rate{display: inline-block;position: relative;}
.select_rate:after{content: "";display: block;clear: both;}
.select_rate:not(:checked)>input{position: absolute; left: -9999em;}
.select_rate:not(:checked)>label {position: relative;float: right;width: 36px; height: 36px; overflow: hidden; cursor: pointer;white-space: nowrap;color: #fff;margin-left: 8px;}
.select_rate:not(:checked)>label:before{position: absolute;left: 0;top: 0;content: "";width: 36px; height: 36px;background: url(/static/publishing/img/star_select.png) no-repeat;background-size:cover;background-position:left top}
.select_rate>input:checked~label:before{background-position:left bottom}
.select_rate:not(:checked)>label:hover,
.select_rate:not(:checked)>label:hover~label{background-position:left bottom;}
.select_rate>input:checked+label:hover,
.select_rate>input:checked+label:hover~label,
.select_rate>input:checked~label:hover,
.select_rate>input:checked~label:hover~label,
.select_rate>label:hover~input:checked~label {background-position:left top;}
/* 페이징 */
.prd_paging{text-align: center;}
.prd_paging a{display: inline-block;padding: 0 10px;color: #888;font-size: 14px;font-family: "Lato" , sans-serif;font-weight: bold;}
.prd_paging a:hover,.prd_paging a.on{color: #222;}
.prd_paging a i{vertical-align: 1px;}

/* 버튼 */
.btn_wrap{position: relative;text-align: center;}
.btn_wrap:after{content: "";display: block;clear: both;}
.btn_wrap .btn_fixed_bottom{position: fixed;left:0;right: 0;bottom:0;width:100%;z-index: 4;}
.btn_wrap .btn_fixed_bottom a{border-radius:0;}
.btn_wrap .btn_fixed_bottom a.btn_submit{line-height: 60px;}
.btn_wrap .type_right{display: flex;justify-content: space-between;align-items: center;}
.btn_wrap .type_right a{margin-left: 8px;width: 65%;}
.btn_wrap .type_right a:first-child{margin-left: 0;width: 35%;}

.btn_contact{display: flex;padding: 0 25px 0 16px;background-color: #3366FF;border-radius:6px; justify-content: space-between;align-items: center;}
.btn_contact >  span{color: #fff;margin-right: auto;line-height: 60px;}
.btn_contact > i{display: inline-block;width: 1px;height: 21px;border-left: 1px solid #fbf9f4;font-weight: normal;margin: 0 25px;}

.btn_group_line{display: flex;justify-content: space-between; align-items: center;border: 1px solid #fec82e;background-color: #fec82e;border-radius:4px;}
.btn_group_line > a{line-height: 54px;width: 32%;text-align: center;letter-spacing: -0.5px;white-space: nowrap;word-break: break-all;}
.btn_group_line > i{display: inline-block;width: 1%;height: 16px;border-left: 1px solid #363636;}
.btn_group_line > a.c_gray{color: #ffe6a4!important;}

.btn_round{display: inline-block;padding: 0 24px;font-size: 16px;color: #fbf9f4;line-height: 40px;border-radius:20px;background-color: #3366FF;}
.btn_round_small{display: inline-block;padding: 0 12px;font-size: 14px;color: #fbf9f4;line-height: 30px;border-radius:15px;background-color: #3366FF;}
.btn_round_small i{margin-right: 8px;}
.btn_round_small i:after{margin-top: -1px;}
.btn_submit{display: block;font-size: 18px;color: #fff;line-height: 54px;border-radius:5px;background-color: #3366FF;text-align: center;}
.btn_line{display: block;font-size: 18px;color: #3366FF;line-height: 52px;border-radius:5px;background-color: #fff;text-align: center;border:1px solid #3366FF}
.btn_line_small{display: inline-block;padding: 0 12px;font-size: 14px;color: #3366FF;line-height: 30px;border:1px solid #3366FF;border-radius:16px; white-space: nowrap;word-break: break-all;}
.btn_default{display: block;font-size: 18px;color: #363636;line-height: 54px;border-radius:27px;background-color: #fbf9f4;text-align: center;border:1px solid #e8e7e7;}
.btn_default_small{display: inline-block;padding: 0 12px;font-size: 14px;color: #363636;line-height: 31px;border:1px solid #e8e7e7;background-color: #fbf9f4;border-radius:16px; white-space: nowrap;word-break: break-all}
.btn_box{border-radius: 0;line-height: 60px;}
.btn_disable{background-color: #e8e7e7!important;color: #b4b4b4!important;}
.icon_text{display: inline-block;padding:1px 8px 0;border-radius:10px;font-size: 14px;background-color: #363636;font-weight: bold;color: #fbf9f4;line-height: 20px;vertical-align: top;}
a.btn_search_solid{display: block;width: 60px;height: 60px;text-align: center;background-color: #fff;border: 1px solid rgba(226, 220, 209, 0.41);background-color: #f6f5f0;border-radius: 30px;box-shadow: 4px 4px 8px 0 #bdb9a6, -4px -4px 8px 0 #fffefa;z-index: 2;}
a.btn_search_solid i{position: relative;top:50%;transform: translateY(-40%);margin-left: 5px;}
/* 프로필 이미지 */
.profile_area{position: relative;margin: 0 auto;text-align: center;width: 94px;}
.profile_area .profile_img{position: relative;width: 94px;height: 94px;border-radius:47px;overflow: hidden;background-color: #fbf9f4;border: 1px solid #e8e7e7;}
.profile_area .profile_img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.profile_area .profile_img img.width_size{width: auto;height: 100%;}
.profile_area .profile_file{width: 40px;height: 40px;position: absolute;right: -16px;top: 54px;}
.profile_area > strong{display: block;font-weight: normal;padding-top: 8px;}
.profile_area > strong input{text-align: center;width: 100%;padding: 0;line-height: 18px;height: 18px;border: 0;}
/* 아이콘 */
i.icon{position: relative;display: inline-block;vertical-align: middle;}
i.icon:after{content:""; display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_ui.png) no-repeat;background-size: 288px 212px;}
i.close_pop{width: 40px;height: 40px;}
i.close_pop:after{width: 40px;height: 40px;background-position:0 0}
i.go_top{width: 40px;height: 40px;}
i.go_top:after{width: 40px;height: 40px;background-position:-40px 0}
i.icon_picture{width: 40px;height: 40px;}
i.icon_picture:after{width: 40px;height: 40px;background-position:-160px 0}

i.img_wheel{width: 36px;height: 36px;}
i.img_wheel:after{width: 36px;height: 36px;background-position:0 -40px}
i.img_pat{width: 36px;height: 36px;}
i.img_pat:after{width: 36px;height: 36px;background-position:-36px -40px}
i.img_chart{width: 36px;height: 36px;}
i.img_chart:after{width: 36px;height: 36px;background-position:-72px -40px}
i.header_menu_line{width: 36px;height: 36px;}
i.header_menu_line:after{width: 36px;height: 36px;background-position:-108px -40px}
i.car_info{width: 36px;height: 36px;}
i.car_info:after{width: 36px;height: 36px;background-position:-144px -40px}
i.car_manage{width: 36px;height: 36px;}
i.car_manage:after{width: 36px;height: 36px;background-position:-180px -40px}
i.car_search{width: 36px;height: 36px;}
i.car_search:after{width: 36px;height: 36px;background-position:-216px -40px}
i.header_cart{width: 36px;height: 36px;}
i.header_cart:after{width: 36px;height: 36px;background-position:-252px -40px}

i.icon_location{width: 32px;height: 32px;}
i.icon_location:after{width: 32px;height: 32px;background-position:-0 -76px}
i.icon_headset{width: 32px;height: 32px;}
i.icon_headset:after{width: 32px;height: 32px;background-position:-32px -76px}
i.header_menu{width: 32px;height: 32px;}
i.header_menu:after{width: 32px;height: 32px;background-position:-64px -76px}
i.close_s{width: 32px;height: 32px;}
i.close_s:after{width: 32px;height: 32px;background-position:-96px -76px}
i.close_m{width: 32px;height: 32px;}
i.close_m:after{width: 32px;height: 32px;background-position:-128px -76px}
i.close_l{width: 32px;height: 32px;}
i.close_l:after{width: 32px;height: 32px;background-position:-160px -76px}
i.icon_mail{width: 32px;height: 32px;}
i.icon_mail:after{width: 32px;height: 32px;background-position:-192px -76px}
i.icon_sms{width: 32px;height: 32px;}
i.icon_sms:after{width: 32px;height: 32px;background-position:-224px -76px}
i.icon_call{width: 32px;height: 32px;}
i.icon_call:after{width: 32px;height: 32px;background-position:-256px -76px}

i.header_home_line{width: 32px;height: 32px;}
i.header_home_line:after{width: 32px;height: 32px;background-position:-32px -180px}
i.file_document{width: 32px;height: 32px;}
i.file_document:after{width: 32px;height: 32px;background-position:-64px -180px}
i.btn_close_list{width: 32px;height: 32px;}
i.btn_close_list:after{width: 32px;height: 32px;background-position:-96px -180px}

i.arrow_bottom{width: 24px;height: 24px;}
i.arrow_bottom:after{width: 24px;height: 24px;background-position:-0 -108px}
i.arrow_top{width: 24px;height: 24px;}
i.arrow_top:after{width: 24px;height: 24px;background-position:-24px -108px}
i.arrow_right{width: 24px;height: 24px;}
i.arrow_right:after{width: 24px;height: 24px;background-position:-48px -108px}
i.arrow_left{width: 24px;height: 24px;}
i.arrow_left:after{width: 24px;height: 24px;background-position:-72px -108px}
i.icon_download{width: 24px;height: 24px;}
i.icon_download:after{width: 24px;height: 24px;background-position:-192px -108px}
i.icon_download_black{width: 24px;height: 24px;}
i.icon_download_black:after{width: 24px;height: 24px;background-position:-216px -108px}
i.icon_date{width: 24px;height: 24px;}
i.icon_date:after{width: 24px;height: 24px;background-position:-240px -108px}
i.icon_close_white{width: 24px;height: 24px;}
i.icon_close_white:after{width: 24px;height: 24px;background-position:-264px -108px}

i.btn_close_gray{width: 24px;height: 24px;}
i.btn_close_gray:after{width: 24px;height: 24px;background-position:-0 -132px}
i.btn_close_black{width: 24px;height: 24px;}
i.btn_close_black:after{width: 24px;height: 24px;background-position:-24px -132px}
i.arrow_right_white{width: 24px;height: 24px;}
i.arrow_right_white:after{width: 24px;height: 24px;background-position:-48px -132px}
i.icon_select{width: 24px;height: 24px;}
i.icon_select:after{width: 24px;height: 24px;background-position:-72px -132px}
i.icon_select_red{width: 24px;height: 24px;}
i.icon_select_red:after{width: 24px;height: 24px;background-position:-96px -132px}

i.search_black{width: 24px;height: 24px;}
i.search_black:after{width: 24px;height: 24px;background-position:-144px -132px}
i.search_w{width: 24px;height: 24px;}
i.search_w:after{width: 24px;height: 24px;background-position:-168px -132px}
i.search_red{width: 24px;height: 24px;}
i.search_red:after{width: 24px;height: 24px;background-position:-192px -132px}

i.icon_calendar{width: 24px;height: 24px;}
i.icon_calendar:after{width: 24px;height: 24px;background-position:-0 -156px}
i.icon_alarm{width: 24px;height: 24px;}
i.icon_alarm:after{width: 24px;height: 24px;background-position:-24px -156px}
i.icon_alarm_bg{width: 24px;height: 24px;}
i.icon_alarm_bg:after{width: 24px;height: 24px;background-position:-48px -156px}
i.icon_back{width: 24px;height: 24px;}
i.icon_back:after{width: 24px;height: 24px;background-position:-72px -156px}
i.icon_left{width: 24px;height: 24px;}
i.icon_left:after{width: 24px;height: 24px;background-position:-96px -156px}
i.icon_right{width: 24px;height: 24px;}
i.icon_right:after{width: 24px;height: 24px;background-position:-120px -156px}
i.icon_bottom{width: 24px;height: 24px;}
i.icon_bottom:after{width: 24px;height: 24px;background-position:-148px -156px}

i.icon_search{width: 16px;height: 16px;}
i.icon_search:after{width: 16px;height: 16px;background-position:-216px -132px}
i.icon_search_w{width: 16px;height: 16px;}
i.icon_search_w:after{width: 16px;height: 16px;background-position:-233px -132px}
i.icon_write{width: 16px;height: 16px;}
i.icon_write:after{width: 16px;height: 16px;background-position:-250px -132px}
i.icon_write_black{width: 16px;height: 16px;}
i.icon_write_black:after{width: 16px;height: 16px;background-position:-224px -176px}
i.icon_plus{width: 17px;height: 17px;}
i.icon_plus:after{width: 17px;height: 17px;background-position:-241px -176px}
i.icon_minus{width: 17px;height: 17px;}
i.icon_minus:after{width: 17px;height: 17px;background-position:-258px -176px}
i.icon_warning_lg{width: 17px;height: 17px;}
i.icon_warning_lg:after{width: 17px;height: 17px;background-position:-224px -193px}
i.icon_newWindow{width: 16px;height: 16px;}
i.icon_newWindow:after{width: 16px;height: 16px;background-position:-216px -149px}
i.icon_newWindow_red{width: 16px;height: 16px;}
i.icon_newWindow_red:after{width: 16px;height: 16px;background-position:-233px -149px}
i.icon_file{width: 17px;height: 17px;}
i.icon_file:after{width: 17px;height: 17px;background-position:-250px -149px}
i.img_check{width: 17px;height: 17px;}
i.img_check:after{width: 17px;height: 17px;background-position:-267px -132px}
i.icon_view{width: 17px;height: 17px;}
i.icon_view:after{width: 17px;height: 17px;background-position:-267px -149px}

i.icon_warning{width: 10px;height: 10px;}
i.icon_warning:after{width: 10px;height: 10px;background-position:-216px -162px}
i.icon_clock{width: 32px;height: 32px;}
i.icon_clock:after{width: 32px;height: 32px;background-position:-128px -180px}
i.info_bookmark{width: 32px;height: 32px;}
i.info_bookmark:after{width: 32px;height: 32px;background-position:-160px -180px}
i.icon_bookmark{width: 32px;height: 32px;}
i.icon_bookmark:after{width: 32px;height: 32px;background-position:-192px -180px}

/* 하단고정메뉴 */
i.menu_home{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.menu_home:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu.png) no-repeat;background-size: 96px 48px;background-position:-0px 0;}
i.menu_manage{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.menu_manage:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu.png) no-repeat;background-size: 96px 48px;background-position:-24px 0;}
i.menu_service{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.menu_service:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu.png) no-repeat;background-size: 96px 48px;background-position:-48px 0;}
i.menu_mypage{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.menu_mypage:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu.png) no-repeat;background-size: 96px 48px;background-position:-72px 0;}

i.admin_home{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.admin_home:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu_admin.png) no-repeat;background-size: 120px 48px;background-position:-0px 0;}
i.admin_visit{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.admin_visit:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu_admin.png) no-repeat;background-size: 120px 48px;background-position:-24px 0;}
i.admin_enter{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.admin_enter:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu_admin.png) no-repeat;background-size: 120px 48px;background-position:-48px 0;}
i.admin_mypage{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.admin_mypage:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu_admin.png) no-repeat;background-size: 120px 48px;background-position:-72px 0;}
i.admin_search{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.admin_search:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_menu_admin.png) no-repeat;background-size: 120px 48px;background-position:-96px 0;}
i.admin_guide{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.admin_guide:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_side_guide.png) no-repeat;background-size: 24px 24px;}
/* 점검결과 아이콘 */
i.icon_check{position: relative;display: inline-block;vertical-align: middle;width: 24px;height: 24px;}
i.icon_check:after{content:""; display: block;width: 24px;height: 24px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_state.png) no-repeat;background-size: 240px 48px;}
i.check_list1:after{background-position:0 0}
i.check_list2:after{background-position:-24px 0}
i.check_list3:after{background-position:-48px 0}
i.check_list4:after{background-position:-72px 0}
i.check_list5:after{background-position:-96px 0}
i.check_list6:after{background-position:-120px 0}
i.check_list7:after{background-position:-144px 0}
i.check_list8:after{background-position:-168px 0}
i.check_list9:after{background-position:-192px 0}
i.check_list10:after{background-position:-204px 0}
/* 메인 메뉴 아이콘 */
i.icon_main{position: relative;display: inline-block;vertical-align: middle;width: 40px;height: 40px;}
i.icon_main:after{content:""; display: block;width: 40px;height: 40px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_main_admin.png) no-repeat;background-size: 200px 40px;}
i.icon_main.icon_wheel:after{background-position:0 0}
i.icon_main.icon_check:after{background-position:-40px 0}
i.icon_main.icon_chart:after{background-position:-80px 0}
i.icon_main.icon_clock:after{background-position:-120px 0}
i.icon_main.icon_location:after{background-position:-160px 0}
/* 엄지아이콘 */
i.icon_thumb_up{position: relative;display: inline-block;vertical-align: middle;width: 16px;height: 15px;}
i.icon_thumb_up:after{content:""; display: block;width: 16px;height: 15px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_thumb.png) no-repeat;background-size: 32px 30px;background-position: left top;}
i.icon_thumb_down{position: relative;display: inline-block;vertical-align: middle;width: 16px;height: 15px;}
i.icon_thumb_down:after{content:""; display: block;width: 16px;height: 15px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);background: url(/static/publishing/img/icon_thumb.png) no-repeat;background-size: 32px 30px;background-position: right top;}
/* 작은화면용 미디어 쿼리 */
@media screen and (max-width: 360px) {

}