@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@charset "utf-8";
/* 일반 해상도 모바일 */
/* 초기화 */
html {overflow-y:auto; overflow-x:hidden; }
body {margin:0;padding:0;font-size:0.75em; font-family: 'Noto Sans KR'; background:#fff;  }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em;font-family: 'Noto Sans KR', dotum, sans-serif}
button {cursor:pointer;outline:0}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;font-family: 'Noto Sans KR', dotum, sans-serif}
textarea {border-radius:0;-webkit-appearance:none;font-family: 'Noto Sans KR', dotum, sans-serif}
select {margin:0;background:none;font-family: 'Noto Sans KR', dotum, sans-serif}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
li { list-style:none; }

*,:after,:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


.theday { color:#24A1D3; }

.mypage_container { margin-top:50px; }

.mobile_menu_show {position: absolute; right: 15px; top: 7px; padding:10px; border:0; background-color:rgba(0,0,0,0); width:45px; height:45px;}
.mobile_menu_show span {position:absolute; display:block; width:0; height:2px; top:10px; left:10px; background-color:#000; transition: all .25s linear; -webkit-transition: all .25s linear;}
.mobile_menu_show span:after {content:""; display:block; position:absolute; top:8px; width:0; height:2px; transition: all .5s linear; -webkit-transition: all .5s linear; background-color:#000;}
.mobile_menu_show span:before {content:""; display:block; position:absolute; top:16px; width:0; height:2px; transition: all .75s linear; -webkit-transition: all .75s linear; background-color:#000;}

.mobile_menu_show.show span {width:25px;}
.mobile_menu_show.show span:after {width:25px;}
.mobile_menu_show.show span:before {width:25px;}

#mobile_menu {display:none;  }
#mobile_menu {position:fixed; opacity:0; border-radius: 0 0 0 100%; width:85%; top:0; right:-150px; background-color:#fff; height:100%; z-index:999; overflow:hidden; transition: all .8s cubic-bezier(.8, 0, .33, 1);;
-webkit-transition: all .8s cubic-bezier(.8, 0, .33, 1);;overflow-y: auto;}
#mobile_menu.show {opacity:1; border-radius: 0 0 0 0; right:0;}
#mobile_menu .top {padding:10px 10px;}
#mobile_menu .top h1 {text-align:center; margin-bottom:10px;}
#mobile_menu .top ul {display:flex; justify-content: space-between; margin-bottom:10px;}	
#mobile_menu .top ul li {text-align:center;  width:140px; height:47px; padding-top:11px; border-radius:10px; border:2px solid #24A1D3; font-size:14px; }
#mobile_menu .top ul li.login { background:#24A1D3;  }
#mobile_menu .top ul li:nth-last-child(1) {background-color:#fff; color:#24A1D3;}
#mobile_menu .top p {color:#24A1D3; font-size:13px; }
#mobile_menu .bottom .list1_ul > li {padding:0 10px;}
#mobile_menu .bottom .list1_ul > li > a{display:block; padding:20px 0px 5px; border-bottom:1px solid #eee; font-size:16px;}
#mobile_menu .bottom .list1_ul > li ul {display:none; border-bottom:1px solid #eee; padding:5px 0;}
#mobile_menu .bottom .list1_ul > li li {font-size:13px; color:#999; height:30px; margin-top:5px; }

#mobile_menu .more_menu {position:relative;}
#mobile_menu .more_menu:before {content:''; background:url('../mobile/img/mobile_head_down_img.png') no-repeat center; width:15px; height:9px; position:absolute; top:24px; right:15px;}
#mobile_menu .more_menu.show:before {background-image:url('../mobile/img/mobile_head_up_img.png');}

#mobile_menu button.mobile_menu_close {position:absolute; top:20px; left:10px; background:rgba(0,0,0,0); border:0; font-size:20px; display:block; height:45px; width:45px; transform: rotate(45deg);}
#mobile_menu button.mobile_menu_close span {transform: rotate(45deg);}
#mobile_menu button.mobile_menu_close span:before {content:""; position:absolute; display:block; width:2px; height:0px; top:0px; left:25%; background-color:#000; transition: all .35s linear .5s;; -webkit-transition: all .35s linear .5s;; }
#mobile_menu button.mobile_menu_close span:after {content:""; display:block; position:absolute; top:25%; left:0px; width:0px; height:2px; transition: all .35s linear .25s; -webkit-transition: all .35s linear .25s; background-color:#000; }

#mobile_menu.show button.mobile_menu_close span:before {height:25px;}
#mobile_menu.show button.mobile_menu_close span:after {width:25px; }

.mobile_menu_bg {display:none; position: fixed; left: 0; top: 0; background-color: #000; opacity: 0.5; width: 100%; height: 100%; z-index: 5;}
#mobile_menu.show + .mobile_menu_bg{display:block;}

.mob_nav {overflow-x:auto; -ms-overflow-style: none;  scrollbar-width: none;}
.mob_nav::-webkit-scrollbar { display: none; }
.mob_nav ul {width:642px;}
div.header { height:46px; }
div.header h1 { padding:4px 0px 0px 0px; color:#707070; text-align:center; }
div.header img { height:38px; }
nav { line-height:15px; overflow:hidden; }
nav li { float:left; font-size:14px; padding:13px 7px; list-style:none; font-weight:bold; }
.mob_sub_nav { width:100%; border-top:1px solid #dbdbdb; height:120px; margin-top:10px; }
.mob_sub_nav li { width:20%; height:60px; border-right:1px solid #dbdbdb; float:left; border-bottom:1px solid #dbdbdb; font-size:12px; text-align:center; padding:18px 0px; color:#9E9E9E; }
.mob_sub_nav li:nth_child(6) { background:#000; }

.top_nav { height:40px; }
.top_nav dd { float:left; margin-top:10px; margin-left:10px; }
.top_nav li { text-align:center; font-size:15px; font-weight:500; padding-top:7px; } 

.search_box {display:none; position: absolute; height: 547px; width: 100%; background-color: #fff; left: 0; top: 115px; z-index: 99; border-bottom: 3px solid #0094E5; overflow-y:hidden;}
.search_box .close_btn {position: absolute; bottom: 0px; left: calc(50% - 10px);  padding: 5px 12px; color: #fff; background-color: #0094E5;  border: 5px solid #fff; border-radius: 25px; font-weight: 700; font-size: 16px;  z-index:70; }

.search_box div.populer_search { height:125px;  padding-top:10px; padding-left:7px; padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.search_box div.populer_search h1 { width:75px; font-size:15px; font-weight:bold; color:#0094E5; float:left; height:80px; padding:8px 0px 0px 0px; }
.search_box div.populer_search li { list-style:none; border:1px solid #0094E5; width:92px; height:30px; border-radius:18px; floaT:left; margin-left:-1px; margin-right:5px; margin-top:5px; text-align:center; padding-top:3px; color:#0094E5; font-size:13px; }

.search_box div.mobilesearch { height:65px;  padding-top:15px; padding-left:7px; border-bottom:1px solid #dbdbdb; }
.search_box div.mobilesearch h1 { width:20%; font-size:15px; font-weight:bold; color:#0094E5; float:left; height:65px; padding:6px 0px 0px 0px; }
.search_box div.mobilesearch button { float:left; margin-top:10px;  margin-right:15px; border:1px solid #C1C1C1; border-radius:10px; background-color:#fff; color:#C1C1C1; padding:5px 0; text-align:center; font-size:15px;}
.search_box div.mobilesearch button.selected {margin-right:15px; border:1px solid #0094E5; border-radius:10px; color:#fff; text-align:center; font-size:15px; background-color:#0094E5; border-color:#0094E5; color:#fff;}

.search_box div.mobilesearch li { list-style:none; width:70px; height:30px; border-radius:18px; floaT:left; margin-left:0px; margin-top:-12px; text-align:center; padding-top:3px; color:#0094E5; font-size:13px; }
.search_box div.mobilesearch li:nth-child(7) { position:relative; left:30px; }
.search_box h1 { width:25%; font-size:20px; font-weight:bold; color:#0094E5; margin-right:0px; padding-right:0px;  height:65px;  }
.search_box div.monthrent { border-top:1px solid #CCC; padding-top:20px; height:55px; }
.search_box div.monthrent input { width:115px; margin-left:0px;height:40px; background:#eee; border:1px solid #eee; text-align:center;}
.search_box div.monthrent h1 { float:left; width:25%; padding-top:10px; height:80px; font-size:15px; padding-left:5px; }
.search_box div.monthrent ul { float:left; position:relative; top:5px; right:0px; width:100%; padding-top:10px; padding-bottom:10px; }
.search_box div.monthrent #range_1 {background-color:#fff !important;}
#range_1 .ui-slider-handle {top:-1em;}
.search_box .row {margin:0 auto;}
.search_box .close_btn {position:absolute; bottom: 0px; left: calc(50% - 33px); padding:5px 12px; color:#fff; background-color:#0094E5; border:5px solid #fff; border-radius:25px; font-weight:700; font-size:16px;}

.search_box .category {border-top:1px solid #ccc; padding:15px 0;}
.search_box .category ul {align-items: center; }
.search_box .category button { margin-top:10px; margin-right:15px; border:1px solid #C1C1C1; border-radius:10px; background-color:#fff; color:#C1C1C1; padding:5px 0; text-align:center; font-size:15px;}
.search_box .car_category button { width:88px;}
.search_box .car_category2 button {width:123px;}
.search_box .category button.selected {background-color:#0094E5; border-color:#0094E5; color:#fff;}

.search_btn_area { text-align:center; }

@media (min-width: 280px) and (max-width: 320px) {

.search_box div.populer_search { height:125px;  padding-top:10px; padding-left:7px; padding-bottom:20px; border-bottom:1px solid #dbdbdb; }
.search_box div.populer_search h1 { width:75px; font-size:13px; font-weight:bold; color:#0094E5; float:left; height:80px; padding:8px 0px 0px 0px; }
.search_box div.populer_search li { list-style:none; border:1px solid #0094E5; width:74px; line-height:20px; border-radius:18px; floaT:left; margin-left:-1px; margin-right:5px; margin-top:5px; text-align:center; padding-top:3px; color:#0094E5; font-size:11px; }
.search_box div.mobilesearch h1 { width:85px; font-size:13px; font-weight:bold; color:#0094E5; float:left; height:65px; padding:6px 0px 0px 0px; }
.search_box div.mobilesearch { height:65px;  padding-top:15px; padding-left:7px; border-bottom:1px solid #dbdbdb; }
.search_box div.mobilesearch h1 { width:20%; font-size:13px; font-weight:bold; color:#0094E5; float:left; height:65px; padding:6px 0px 0px 0px; }
.search_box div.mobilesearch button { float:left; margin-top:10px;  margin-right:15px; border:1px solid #C1C1C1; border-radius:10px; background-color:#fff; color:#C1C1C1; padding:5px 0; text-align:center; font-size:15px;}
.search_box div.mobilesearch button.selected {margin-right:15px; border:1px solid #0094E5; border-radius:10px; color:#fff; text-align:center; font-size:13px; background-color:#0094E5; border-color:#0094E5; color:#fff;}
.search_box div.monthrent h1 { float:left; width:20%; padding-top:10px; height:80px; font-size:13px; padding-left:5px; }
.search_box div.monthrent input { width:85px; margin-left:0px;height:40px; background:#eee; border:1px solid #eee; text-align:center;}
.search_btn_area { text-align:center; }
footer div.footermenu li {  padding-left:0px; padding-right:0px; word-break:nowrap; }
}

.firstcar { color:#0094E5; }

.promotion h2 { }
.promotion_top h1 { display:none; }
.sunbtn { width:94%; margin: 0 auto; height:34px; background:#0950a2; color:#fff; font-size:15px; padding-top:0px; border-radius:7px; position:relative; top:0px; right:5px; padding-top:5px; }

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

.search { background:#0094E5; height:48px;  } 
.search label { }
.search ul { background:#fff; width:95%; padding-top:2px; border-radius:6px; height:31px; margin: 0 auto;  position:relative; top:8px;  }
.search ul input[type="text"] { width:70%;outline:0;padding-top:3px;margin-left:20px;font-size:12px;font-weight:300; border:1px solid #fff;  }
.search h1 { float:left; padding-left:18px; }
.search h2 { float:left; }
.search select { border:1px solid #fff; margin-top:-5px; margin-left:8px;  }
.search .searchbtn { float:right; margin-right:15px; margin-top:3px; }

.promotion_mobile { text-align:center; margin:30px 0px 0px 0px; }
.promotion_mobile h1 { font-size:37px; }
.promotion_mobile h2 { font-size:22px; }
.slider { height:420px; }

.promotion { text-align:center; padding:0px 0px 0px 0px; }
.promotion h1 { font-size:18px; padding:0px 0px 5px 0px; } 
.promotion h1 strong { color:#0094E5; }
.promotion ul {  height:500px; /*background:#f1f1f1;*/ }

.attack { padding:0px 0px; text-align:center; background:#f1f1f1; }
.attack ul { height:485px; padding:20px 0px 0px 0px; margin:0 auto; }
.attack ul:after {content:''; display:block; clear:both;}
.attack li { margin:0 auto; width:55%; position:relative; background:#fff;  border:1px solid #707070;  margin-top:15px; padding:5px; } 
.attack h1 { font-size:18px; padding:0px 0px 0px 0px; }
.attack h2 {  font-size:10px; padding:3px 0px 0px 0px; }
.attack .thumb { margin-top:24px; }
.attack .thumb img {  }


.attack span { margin:0px 0px 0px 0px; position:relative; left:0px; top:0px; }
.attack span.hot { background:#FF0000; color:#fff; font-size:9px; font-weight:500; width:50px; height:14px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }
.attack span.limitcount { background:#FFD504; color:#0094E5; font-size:9px; font-weight:500; width:45px; height:14px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }
.attack span.sale { background:#1524ac; color:#fff; font-size:9px; font-weight:500; width:45px; height:14px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }
.attack span.marginsale { background:url('../img/salemargin.png') 69px 59px;  color:#fff; font-size:9px; font-weight:500; width:45px; height:14px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px;  }
.attack span.gelillasale { background:#0094E5; color:#fff; font-size:10px; font-size:9px; font-weight:500; width:45px; height:14px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px;   }
.attack span.end { background:#FF7700; color:#fff; font-size:10px; font-size:9px; font-weight:500; width:45px; height:14px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }

.attack span.arrow_bottom_span {position:absolute; top:0px; left:auto; right:10px; display:flex; align-items: center; justify-content: center; width:69px; height:59px; padding-bottom:10px; background:url('/img/arrow_bottom.png') center no-repeat; color:#fff;}
.attack div.carname { width:88%; font-weight:500; margin:5px auto; height:65px;  font-size:13px; border-bottom:1px solid #707070; padding:2px;   }
.attack div.carname span.price { font-size:11px; position:relative; top:5px; font-weight:normal; float:right; }
.attack div.contract { width:88%; height:70px; margin:0 auto; padding:0px 0px 0px 0px;  }
.attack div.contract p.title { float:left; font-size:12px; position:relative; left:0px; top:3px; padding-left:0px; padding-right:10px; width:70px;} 
.attack div.contract p.subject { float:right; height:14px; position:relative; top:0px; right:3px; color:#FF0000; font-size:15px;  letter-spacing:-1px; font-weight:500; }
.attack div.contract .price { font-size:18px; position:relative; top:0px; margin-right:0px; }
.attack div.month { width:85%; height:50px; margin:0 auto; padding:5px 0px 0px 0px;}
.attack div.month p.title { float:left; font-size:12px; position:relative; left:0px; top:3px; font-weight:500;} 
.attack div.month p.subject { float:right; height:14px; position:relative; top:0px; right:0px; color:#FF0000; font-size:15px; font-weight:500; }
.attack div.month .price { font-size:18px; position:relative; top:0px; margin-right:0px; }
.attack .attack_prev { float:left; position:relative; top:-220px; left:30px; }
.attack .attack_next { float:right; position:relative; top:-220px; right:35px;  } 
.attack p.line { background:url('../img/bar.png'); margin:0 auto; height:1px; width:88%; }


.timeattack { padding:0px 0px; text-align:center; background:#fff; }
.timeattack ul { padding:80px 0px 0px 0px; margin:0 auto; position:relative; top:-50px; }
.timeattack ul:after {content:''; display:block; clear:both;}
.timeattack li { margin:0 auto; float:left; width:42%; position:relative; background:#fff;  border:1px solid #707070;  margin-top:20px; margin-left:15px; margin-right:10px; padding:3px; } 
.timeattack h1 { width:100%; font-size:18px; padding:0px 0px 0px 0px; }
.timeattack h2 {  font-size:10px; padding:3px 0px 0px 0px; }
.timeattack .thumb { margin-top:5px; padding-top:40px; }
.timeattack .thumb img { width:100%; }


.timeattack span { margin:0px 0px 0px 0px; position:relative; left:0px; top:0px; }
.timeattack span.hot { background:#FF0000; color:#fff; font-size:9px; font-weight:500; width:50px; height:20px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }
.timeattack span.limitcount { background:#FFD504; color:#0094E5; font-size:9px; font-weight:500; width:45px; height:16px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }
.timeattack span.sale { background:#1524ac; color:#fff; font-size:9px; font-weight:500; width:45px; height:20px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }
.timeattack span.marginsale { background:url('../img/salemargin.png') 69px 59px;  color:#fff; font-size:9px; font-weight:500; width:45px; height:16px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px;  }
.timeattack span.gelillasale { background:#0094E5; color:#fff; font-size:10px; font-size:9px; font-weight:500; width:45px; height:17px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px;   }
.timeattack span.end { background:#FF7700; color:#fff; font-size:10px; font-size:9px; font-weight:500; width:45px; height:20px; padding:0px 0px 2px 0px; float:left; margin:0px 5px 0px 0px; }

#mo5 { font-size:15px; } 

.timeattack span.arrow_bottom_span {position:absolute; top:0px; left:auto; right:10px; display:flex; align-items: center; justify-content: center; width:69px; height:59px; padding-bottom:10px; background:url('/img/arrow_bottom.png') center no-repeat; color:#fff;}
.timeattack div.carname { width:88%; font-weight:500; height:68px; margin:5px auto;  font-size:15px; border-bottom:1px solid #707070; padding:5px; }
.timeattack div.carname span.price { font-size:11px; position:relative; top:0px; font-weight:normal;  }
.timeattack div.contract { width:88%; height:70px; margin:0 auto; padding:0px 0px 0px 0px;  }
.timeattack div.contract p.title { float:left; font-size:11px; position:relative; left:0px; top:0px;  } 
.timeattack div.contract p.subject { float:right; height:14px; position:relative; top:0px; right:3px; color:#FF0000; font-size:15px;  letter-spacing:-1px; font-weight:500; }
.timeattack div.contract .price { font-size:18px; position:relative; top:0px; margin-right:0px; }
.timeattack div.month { width:85%; height:45px; margin:0 auto; padding:5px 0px 0px 0px;}
.timeattack div.month p.title { float:left; font-size:11px; position:relative; left:0px; top:0px; font-weight:500;} 
.timeattack div.month p.subject { float:right; height:14px; position:relative; top:0px; right:0px; color:#FF0000; font-size:12px; font-weight:500; }
.timeattack div.month .price { font-size:18px; position:relative; top:0px; margin-right:0px; }
.timeattack .attack_prev { float:left; position:relative; top:-220px; left:30px; }
.timeattack .attack_next { float:right; position:relative; top:-220px; right:35px;  } 
.timeattack p.line { background:url('../img/bar.png'); margin:0 auto; height:1px; width:88%; }

dd.requestbtn { width:92%; margin: 0 auto; line-height:31px; color:#0094E5; border:2px solid #0094E5;  font-size:14px; letter-spacing:-1px; position:relative; top:0px; font-weight:bold; padding:0px 0px 0px; margin-bottom:10px; }
dd.requestbtn:hover { background:#0094E5; color:#fff; }

.awards { margin:0 auto; height:1000px; padding:80px 0px 20px 0px;  text-align:center;  }
.awards li { float:left; margin:80px 0px 0px 50px; height:220px; font-size:16px; } 
.awards p { font-weight:normal; padding:8px 0px 0px 0px; }
.awards h1 { font-size:40px; padding:0px 0px 20px 0px; } 
.awards h2 p { font-size:16px; line-height:25px; }
.awards .awardsmore {  background:#0094E5; width:149px; height:34px; color:#fff; padding:7px 30px 8px 30px; border-radius:17px; font-size:16px; position:relative; top:30px;  }

.real_request { background:url('../img/request_bg.png') 1920px 300px; height:300px;  }

.privacybtn { width:40%; margin:0 auto; border-radius:5px; background:#0094E5; color:#fff; line-height:35px; margin-top:5px; font-size:13px; }

.movie_news { text-align:center; padding:15px; height:465px; }
.movie_news h1 { padding:0px 0px;  font-size:17px; margin:18px 0px; }
.movie_news .big h2 { background:#0094E5; margin:0 auto; height:31px; border-radius:20px 20px 0px 0px; color:#fff; padding:4px 0px 0px 0px; font-size:14px; }
.movie_news .big img { width:100%; }
.movie_news .small {  } 
.movie_news .small img { width:96%; margin-left:2px; }
.movie_news .small img.rightimg { float:right; }

.excellentaward { text-align:center; }
.excellentaward h1 { font-size:34px; }
.excellentaward h2 { font-size:16px; }

.main_customer {  text-align:center; height:650px; padding:33px 0px 0px 0px; position:relative; left:0px; background:#fff; }
.main_customer h1 { padding:0px 0px 30px 0px; font-size:18px;  }
.main_customer ul { margin: 0 auto;  }	
.main_customer li { float:left; margin-right:20px; margin-bottom:20px; } 
.main_customer img { border-radius:20px; }
.main_customer ul.banner { margin:0px 0px 0px 0px; }
.main_customer ul.banner img { max-width:100%; margin:0px 10px 0px 10px; }
.main_customer li.banner {  }
.main_customer ul.best { box-shadow:10px 0px 10px 0px #bbb; margin-bottom:30px; padding:10px; background:#fff; width:100%;  float:left; margin-top:10px; padding-top:20px; padding-bottom:30px;  }
.main_customer ul.best img { width:55px; height:57px; padding-top:0px; }
.main_customer ul.best li { height:60px;  padding:0px 0px 0px 0px; margin:10px 0px 0px 10px;  }
.main_customer ul.best p { font-weight:bold; font-size:17px; width:135px; padding:0px 0px 0px; margin:0 auto; }
.main_customer h3 { float:left; font-size:19px; width:40%; font-weight:normal; text-align:left; padding:23px 0px 0px 10px; float:left; position:relative; left:0px; }
.main_customer h3 strong { font-size:28px; color:#0094E5; }

.hotevent { background:#f1f1f1; text-align:center; padding:20px 0px 0px 0px; } 
.hotevent ul { margin:0 auto; padding:15px 0px; width:100%; } 
.hotevent h1 { margin:0 auto; font-size:18px; }
.hotevent h2 { text-align:center; background:#fff; width:178px; margin:0 auto; color:#0094E5; clear:both; border-radius:0px 0px 19px 19px;  padding:5px; font-size:12px; position:relative; top:-40px; }
.hotevent dd { float:right; font-size:14px; color:#707070; position:relative; top:0px; right:15px; }
.hotevent strong { font-weight:bold; color:#FF0000; }
.hotevent p.thumb { }
.hotevent p.thumb img { width:178px; margin:0 auto;  }
.hotevent p.bottombg { float:left; height:40px; border-radius:0px 0px 20px 20px;  padding-top:8px; font-size:15px; margin:0 auto; color:#4B227B; }

.hotevent .prev { float:left; }
.hotevent .next { float:right; }

.nowevent {  background:url('../mobile/img/request_bg.png');
background-position: center center;
background-repeat:  no-repeat;
background-size:  cover;
text-align:center; padding:0px 0px 0px 50px; margin:0 auto; height:250px; }
.nowevent div.realbtn {background:#fa807f; color:#fff; font-size:15px; border-radius:3px; padding:12px 10px 17px 10px; width:190px; text-align:center;  position:relative; cursor:pointer;}
.nowevent li {position:relative; top:170px; width:250px; margin:0 auto;}
.nowevent li:hover{-webkit-animation: button_ani 1.3s linear infinite;  animation: button_ani 1.3s linear infinite; transform: scale(1);}
.nowevent li:hover div.realbtn {-webkit-animation: button_bg 1.3s linear infinite;  animation: button_bg 1.3s linear infinite;}

.carlist_visual_top {  }
.carlist_visual_top img { max-width:100%; } 
.homeservice_view { margin-top:0px; margin-bottom:10px; padding:10px; } 
.homeservice_view img { max-width:100%; }
.homeservice_view p { padding-top:10px; }

.homeservice_search {  } 
.search_color_area li {position:relative;}
.search_color_area input, .carspec_3 input  {position:absolute; display:none;}

.carspec_3 label {display: flex; align-items: center; justify-content: center; float: left; width: 22%; height: 39px; border: 1px solid #ddd; background: #fff; border-radius: 4px; color: #111; margin-left: 10px; margin-bottom: 4px; padding:1px;}
.carspec_3 label[for="fuel5"], .carspec_3 label[for="fuel6"] {width:46.2%;}
.carspec_3 label[for="fuel7"] {width:28%;}
.carspec_3 label[for="fuel8"], .carspec_3 label[for="fuel9"], .carspec_3 label[for="fuel10"] {width:20%;}

.carspec_3 input:checked + label {background-color:#ECFAFF;}

.carspec_4.search_color_area li { margin-top:10px; margin-left:10px; width:14%; float:left; border:0; padding:0;}
.carspec_4.search_color_area li label {display:block; width:100%;height:53px; padding:5px; border:1px solid #E2E2E2; border-radius:5px;}

.carspec_4.search_color_area li input:checked + label {border:2px solid #0094E5; padding:4px;}

.search_color_area li label:before {content:''; display:block; width:18px; height:18px; background-color:#000; border-radius:100%; margin:0 auto; margin-top:3px;}

.homeservice_top { height:103px; background:#ECFAFF; text-align:center; } 
.homeservice_top h1 { position:relative; padding-left:10px; padding-top:11px; font-size:16px; font-weight:bold; text-align:left; padding-bottom:8px; }
.homeservice_top h1 img {position:absolute; right:10px; top:calc(50% - 8.5px);}

.search_color_area li input#color1 + label:before {background-color:#000;}
.search_color_area li input#color2 + label:before {background-color:#fff; border:1px solid #ddd;}
.search_color_area li input#color3 + label:before {background-color:#F0F0F0;}
.search_color_area li input#color4 + label:before {background-color:#EBECDE;}
.search_color_area li input#color5 + label:before {background-color:#BCBCBC;}
.search_color_area li input#color6 + label:before {background-color:#EC2A2A;}
.search_color_area li input#color7 + label:before {background-color:#324DF4;}
.search_color_area li input#color8 + label:before {background-color:#E46600;}
.search_color_area li input#color9 + label:before {background-color:#E46600;}
.search_color_area li input#color10 + label:before {background-color:#009A44;}
.search_color_area li input#color11 + label:before {background-color:#FFD800;}
.search_color_area li input#color12 + label:before {background-color:#56347E;}


.carspec_1 { height:185px; text-align:center; border-bottom:1px solid #CFCFCF; }
.carspec_1 li { margin-top:10px; }
.carspec_1 h1 { float:left;  padding-left:10px; width:100%; margin-left:0px; margin-top:0px; margin-bottom:0px; font-weight:bold; font-size:15px; text-align:left;  margin-bottom:10px; }

.carspec_2 { margin-top:20px; height:80px; text-align:center;  }
.carspec_2 ul { margin-top:10px; }
.carspec_2 h1 { float:left; padding-left:10px; width:100%; margin-left:0px; margin-top:0px; margin-bottom:0px; font-weight:bold; font-size:15px; text-align:left;  margin-bottom:10px;}
.carspec_2 input { border:1px solid #ddd; border-radius:3px; margin-top:5px; width:46%; height:40px; padding-left:10px;  }   
.carspec_2 li { margin-top:30px; }
.exemption_checkbox { position:relative; } 
#daum_juso_pagemb_zip1 { z-index:9999; }
#daum_juso_pagemb_zip2 { z-index:9999; }
#daum_juso_pagemb_zip3 { z-index:9999; }
.carspec_3 { height:188px; text-align:center;  }
.carspec_3 h1 { float:left;  padding-left:10px; width:100%; margin-left:0px; margin-top:0px; margin-bottom:18px; font-weight:bold; font-size:15px; text-align:left;  }
.carspec_3 input.fuel1 { float:left; width:22%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel2 { float:left; width:22%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel3 { float:left; width:22%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel4 { float:left; width:22%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel5 { float:left; width:46.2%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel6 { float:left; width:46.2%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel7 { float:left; width:28%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel8 { float:left; width:20%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel9 { float:left; width:20%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px; margin-bottom:4px; } 
.carspec_3 button.fuel10 { float:left; width:20%; height:39px; border:1px solid #ddd; background:#fff; border-radius:4px; color:#111; margin-left:10px;  margin-bottom:4px; } 

.carspec_3 ul { margin-top:10px; }
.carspec_3 li { margin-top:30px; }


.carspec_4 { height:155px; text-align:center;  }
.carspec_4 ul {  }
.carspec_4 h1 { float:left; width:100%; padding-left:10px; margin-left:0px; margin-top:0px; margin-bottom:0px; font-weight:bold; font-size:15px; text-align:left;   }
.carspec_4 input {  }
.carspec_4 li { margin-top:10px; margin-left:10px; width:14%; height:53px; float:left; border:1px solid #E2E2E2; border-radius:5px; padding:5px; }
.carspec_4 span { width:100%;  display:block; text-align:center; padding-top:2px; }

.carspec_5 { height:100px; text-align:center; margin-top:10px; }
.carspec_5 ul { margin-top:0px; }
.carspec_5 h1 { float:left; width:100%; padding-left:10px; margin-top:5px; margin-bottom:5px; font-weight:bold; font-size:15px; text-align:left;  }
.carspec_5 input { border:1px solid #ddd; border-radius:3px; margin-top:5px; width:46%; height:40px; padding-left:10px;  }   
.carspec_5 li { margin-top:30px; }

.car_years { width:95%; margin:0 auto; background:#24A1D3; border:1px solid #24A1D3; height:39px; border-radius:5px; color:#fff; padding-left:5px; font-size:12px; } 
.car_years2 { width:45%; margin:0 auto; background:#fff; border:1px solid #24A1D3; height:39px; border-radius:5px; color:#B4B4B4; padding-left:5px; border:1px solid #E2E2E2; } 
.kmselect { width:45%; margin:0 auto; background:#fff; border:1px solid #24A1D3; height:39px; border-radius:5px; color:#B4B4B4; padding-left:5px; border:1px solid #E2E2E2;  }
.moneyselect { width:45%; margin:0 auto; background:#fff; border:1px solid #24A1D3; height:39px; border-radius:5px; color:#B4B4B4; padding-left:5px; border:1px solid #E2E2E2; }

.homeservice_searchbtn { text-align:center; height:65px; } 
.homeservice_searchbtn button { background:#fff; border:1px solid #fff; width:50%; float:left; }
.homeservice_searchbtn img { width:93%;}
.homeservice_searchbtn li { }

.order_tab {width:100%;}
.homeservice_faq { font-size:14px; padding-top:10px; }
.accordion_box dt, .accordion_box dd {position:relative; font-size:12px; color:#333;}
.accordion_box dt:after {display:none;content:""; position:absolute; right:-19px; width:12px; height:12px; background:url(../img/right-arrow.png) center no-repeat; background-size:100%;  transform: rotate(90deg);}
.accordion_box dt.show:after {transform: rotate(270deg);}

.accordion_box.qa_box dt {padding: 20px 0 20px 52px; width:95%; font-size:11px; }
.accordion_box.qa_box dd p {padding: 5px; margin-left:50px; line-height:25px; font-size:12px; min-height:50px; }
.accordion_box.qa_box dt {background:url(../img/faq_img2.png) 0px 10px no-repeat;}
.accordion_box.qa_box dd {background:url(../img/faq_img1.png) 0px 5px no-repeat;}

.accordion_box.order_box dt {padding:22px 0;}
.accordion_box.order_box dd {padding:0px 10px 15px 0px;}
.accordion_box.order_box dd p { line-height:25px; color:#7A7A7A; margin-bottom:30px; }
.accordion_box.order_box dt:after {top:22px;}
.accordion_box.order_box input[type="checkbox"] {position:relative; top:1px; width:18px; height:18px; margin-right:7px;}

.answer { display:none; }


.customer { padding:10px; }
.customer h1 { font-size:20px; font-weight:500; padding-top:10px; padding-bottom:10px; text-align:center;  }
.customer li { border:2px solid #c7c7c7; height:101px; border-radius:9px; margin-bottom:30px; }
.customer dd { text-align:center; width:45%; padding-top:10px;  }
.customer .ico { margin-top:10px; }
.customer dd h2 { color:#777; font-size:13px; font-weight:300; }
.customer dd h2.on { color:#24A1D3; font-size:13px; }
.customer_box_line { float:right; position:relative; top:-60px; right:10px; }
.customer dl.customer_text { float:right; margin:0px; width:48%; margin-right:20px; margin-top:-110px; text-align:center; }
.customer dl.customer_text p { margin-top:15px; border:1px solid #c7c7c7; width:60%; line-height:30px; margin-top:8px; margin-left:40px; }
.customer dl.customer_text span.mpark { font-size:17px; font-weight:500; }
.customer dl.customer_text span.systime { font-size:11px; }
.customer li:hover { border:2px solid #24A1D3; }

@-webkit-keyframes button_ani {
	0% {
		transform: scale(1);
	}
	14% {
		transform: scale(1.3);
	}
	28% {
		transform: scale(1);
	}
	42% {
		transform: scale(1.3);
	}
	70% {
		transform: scale(1);
	}
}

@-webkit-keyframes button_bg {
  from {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(360deg);
  }
}

.main_notice { height:45px; border-bottom:1px solid #E1E1E1; padding:10px 0px 12px 0px; }
.main_notice ul {margin: 0 auto; }
.main_notice h1 { float:left; font-size:12px; color:#707070; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:28%;}
.main_notice .bul { padding:0px 5px 0px 10px; }
.main_notice li { float:left; margin:0px 0px; }
.notice_controller { float:right; margin-top:-18px; margin-right:15px; position:relative; z-index:3;}
.controller_prev { padding-right:5px; }
.controller_next { padding-left:5px; }

.totalcount { background:url('../img/totalback.png'); height:420px;  padding-top:30px; } 
.totalcount ul {  height:240px; overflow:hidden; margin:0 auto; padding:0 0px;  }
.totalcount .icon { margin:0px 0px 0px 0px; position:relative; top:10px; right:0px; width:20%; }
.totalcount .icon img { }
.totalcount h1 { padding:12px 0px 12px 0px; font-size:11px; font-weight:normal; }

.special { padding:30px 0px 30px 0px; text-align:center; }
.special > ul {  margin:0 auto; }
.speical_text { float:left; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.speical_text h1 { font-size:18px; font-weight:normal; }
.speical_text h2 { font-size:12px; width:100%; padding:10px 5px 0px; font-weight:normal; }
.speical_text .arrowline { border:1px solid #000; }
.speical_text .arrowprev { float:left; width:100px; margin:18px 0px 0px 0px;  }
.speical_text .arrownext { float:left; width:100px;  margin:18px 0px 0px 30px; }

.special_thumb { width:100%; margin:0 auto; }
.special_thumb li { float:left; margin-top:30px; margin-left:0px; margin-right:0px; } 
.special_thumb img { width:97%; margin:0 auto; }

.gallery li { float:left; margin:10px; } 
.gallery img {  width:167px; height:228px; margin:20px 10px 20px 10px; }
.gallery img.hand { width:90%; margin:0 auto; }

.family { text-align:center; height:590px; background:#fff; padding:0px 0px; }
.family img.mark { display:flex;  position:relative; top:55px; margin-left:20px; z-index:5;}
.family img.thumb { width:100%; }
.family img.thumb img:hover { background:#000; opacity:0.7; }
.family li {width:45%; float:left; margin:-10px 7.5px -20px 5.5px; }
.family span { background:##0094E5;  }
.family ul { width:100%; margin: 0 auto; }
.family h1 { font-size:18px; }
.family h2 { font-size:9px; padding:10px 0px 0px 0px; }
.family h3 { height:40px; border-radius:0px 0px 19px 19px; padding-top:9px; margin:0 auto; background:#0094E5; color:#fff;  }

.family li {position:relative;}
.family li .name_p {position: absolute; top: 64px; left: 24px; color: #fff; font-size: 11px; z-index:6;}

.family .add_layer {display:none; position: absolute; top: 65px; left: 0; align-items: center; justify-content: center; width: 100%; height: 59%; background-color: rgba(0,0,0,0.6);}
.family .add_layer a {position:relative; top:20px; width:160px; padding:8px 0; background-color:#fff; color:#0094E5; font-weight:700; font-size:15px;}
.family li:hover .add_layer{display:flex;}

.dis_f{}
.flex_jsb {justify-content: space-between;}

.promotion_mobileslide { width:97%; margin:0 auto; height:245px;  }
.promotion_mobileslide .slick-slide { margin-top:10px; outline:0; }
.promotion_mobileslide .slick-slide p img {  }
.promotion_mobileslide .slick-arrow {display:none !important;}
.promotion_mobileslide ul { border:4px solid #0950a2; height:178px; border-radius:0px; border-radius:15px 15px 15px 15px; margin-right:10px;  }
.promotion_mobileslide li { float:left; }
.promotion_mobileslide img { } 
.promotion_mobileslide .carname { font-weight:bold; font-size:16px; padding:0px 0px 0px 0px; position:relative; top:0px;}
.promotion_mobileslide .buybtn { background:#FFEE04; width:150px; height:45px; border-radius:20px;  margin:0px auto 0; padding:5px 0px 0px 0px; font-size:19px; font-weight:500; color:#0094E5; position:relative; top:10px; 
border-radius:0px 0px 20px 20px;
}

.main_visual_box { max-width:100%; margin:0 auto; position:relative; height:165px;}
.main_visual_box .prev_btn, .main_visual_box .next_btn {position:absolute; top:calc(50% - 17px); z-index:10; width:35px; height:35px; padding:0; background-color: rgba(0,0,0,0); border:none;}

.main_visual_box .prev_btn img, .main_visual_box .next_btn img {width:34px; height:34px;}
.main_visual_box .prev_btn img.wht, .main_visual_box .next_btn img.wht {display:none;}

.main_visual_box.wht .prev_btn img, .main_visual_box.wht .next_btn img {display:none;}
.main_visual_box.wht .prev_btn img.wht, .main_visual_box.wht .next_btn img.wht {display:block;}

.main_visual_box .prev_btn {display:none;}
.main_visual_box .next_btn {display:none;}

.main_visual_control {position:absolute; left: 0; bottom:20px; width: 100%; display:flex; align-items: center; justify-content: center;}
.main_visual_control li {position:relative; padding:0px 0px 10px 0px; width:120px; height:25px; margin:0 8px; font-size:15px; text-align:center; cursor:pointer;}
.main_visual_control li:after {content:''; width:100%; height:2px; position:absolute; background-color:rgba(0,0,0,.3); left:0; bottom:0;}
.main_visual_control li:before {content:''; width:0; height:2px; position:absolute; background-color:#000; left:0; bottom:0;}
.main_visual_control button {width:100%; background-color:rgba(0, 0, 0, 0); border:none; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; }

.main_visual_control li.active:before {width:100%;  -webkit-animation: line_ani 5s linear;  animation: line_ani 5s linear}

#car_list h2 { margin-bottom:20px; }

@-webkit-keyframes line_ani {
	from { width:0%; }
	to { width:100%; }
}

.pause .main_visual_control li.active:before {animation-play-state: paused;}

.wht .main_visual_control {color:#fff;}
.wht .main_visual_control li:after {background-color:rgba(255,255,255,.3);}
.wht .main_visual_control li:before {background-color:#fff;}

.main_visual_play {position:absolute; padding:0; left:calc(50% + 275px); bottom:20px; width:25px; height:25px; background-color:rgba(0,0,0,0); border:0;}
.main_visual_play .play{display:none;}
.play .main_visual_play img{display:none;}
.play .main_visual_play img.play {display:block;}

.main_visual_play.wht {display:none;}
.wht .main_visual_play {display:none;}
.wht .main_visual_play.wht {display:block;}

.main_visual_control button:focus, .main_visual_play:focus {outline:2px dashed #0094E5;}

#main_visual {position:relative; height:100%; overflow:hidden;}
#main_visual li {position:absolute; left:0; top:0; width:100%; background-position: center !important;}
#main_visual li {left:100%;   }
#main_visual li.show {left:0;}
#main_visual li a {display:block;}

#prepaid_car { padding:25px 0;}
#prepaid_car .row { margin:0 auto;}		

.agree {font-size:14px; margin-bottom:5px; align-items: center; color: #999;}
.agree_btn button{width:100%; padding:15px 10px 15px 10px; border-radius:10px; border:0; background-color:#0094E5; color:#fff; font-weight:700; font-size:16px;}
.agree_btn button p {transform: scale(1) rotate(.001deg); -webkit-transform: scale(1) rotate(.001deg); transition: transform .05s ease-out; -webkit-transition: transform .05s ease-out;}
.agree_btn button:hover p{transform: scale(1.15) rotate(.001deg); -webkit-transform: scale(1.15) rotate(.001deg);}

.promotion_title { text-align:center; }
.hotevent { height:220px; }
.hotevent .slick-arrow {border:2px solid #707070; border-radius:100%; }	
.hotevent .slick-prev {background:url('../img/left-arrow_g.png') no-repeat center;  margin-left:-75px; }
.hotevent .slick-next {background:url('../img/right-arrow_g.png') no-repeat center; margin-right:-75px; }

#special_slide .slick-prev {border:0; background:0; top: 365px; left: 28px; width:81px; height:19px; background:url('../img/gallery_prev.png') no-repeat center; background-size:100%;}
#special_slide .slick-prev:after {content:''; position:absolute; top:1px; left:98px; width:20px; height:17px; background:url('../img/gallery_line.png') no-repeat center;}
#special_slide .slick-next {border:0; background:0; top: 365px; left: 158px; width:81px; height:19px; background:url('../img/gallery_next.png') no-repeat center; background-size:100%;}

.main_notice_slide {float:left; position:relative; height:17px; width:70% !important; overflow:hidden; }
.main_notice_slide li {position:absolute; top:100%;}
.main_notice_slide li:nth-child(1) {top:0;}

.main_promotion_banner { height:158px; padding:10px; } 
.main_promotion_banner li { width:50%; height:150px; float:left; margin-top:0px; margin-right:0px; padding-left:15px; padding-right:15px; padding-top:20px; } 
.main_promotion_banner li.homeservice { background:#E1F7FF; }
.main_promotion_banner li.homeservice h1 { color:#24A1D3; font-size:18px; font-weight:bold; } 
.main_promotion_banner li.homeservice h2 { color:#24A1D3; font-size:12px; font-weight:300; }
.main_promotion_banner li.homeservice dd { float:left; }
.main_promotion_banner li.homeservice span { padding-right:10px; font-size:12.5px; color:#24A1D3; } 
.main_promotion_banner li.carsell { background:#D9EEFF; } 
.main_promotion_banner li.carsell h1 { color:#00549D; font-size:18px; font-weight:bold;  }
.main_promotion_banner li.carsell h2 { color:#00549D; font-size:12px; font-weight:300; }
.main_mobile_youtube { text-align:center; margin-top:30px; }
.main_mobile_youtube img { width:100%; }
.main_mobile_youtube h1 { font-size:22px; font-weight:500; padding-top:0px; padding-bottom:10px; }

.main_promotion_banner2 { text-align:center; margin-top:50px; margin-bottom:15px; padding-top:40px; }
.main_promotion_banner2 {overflow:hidden; padding-bottom:20px;}
.main_promotion_banner2 ul {display:flex; position:relative; left:calc((100vw - 480px) / 2); width:480px; /*height:calc(35vw + 10px);*/ height:120px; margin-top:10px;}
.main_promotion_banner2 li {width:33%; position:absolute; text-align:center; top:0; opacity:0.5;}
.main_promotion_banner2 li img {width:calc(100% - 0px); position:relative;  margin:0 auto; transition: all .3s linear; -webkit-transition: all .3s linear; transform: rotateY(0deg);}
.main_promotion_banner2 {transform-style: preserve-3d; perspective: 300px; }
.main_promotion_banner2 li:nth-child(1) {left:0;}
.main_promotion_banner2 li:nth-child(2) {left:33%;}
.main_promotion_banner2 li:nth-child(3) {left:66%;}

.main_promotion_banner2 li.data1 img {transform: rotateY(20deg); position:relative; top:-15px;}
.main_promotion_banner2 li.data2 img {transform: rotateY(0deg); width:215px;height:185px; position:relative; top:-55px; right:25px; z-index:999; }
.main_promotion_banner2 li.data3 img {transform: rotateY(-20deg); position:relative; top:-15px; }
.slick-current.slick-active + .slick-active img {top:5px;}
.main_promotion_banner2 li.active {opacity:1;}

.flipping_box .wrapper{
  width: 100%;
  max-width: 68.5rem;
}

.flipping_box .cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: baseline; width:310px; margin:0 auto; 
}



@media screen and (max-width: 320px) 

{ 
.flipping_box .cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: baseline; width:97%; margin:0 auto;
}
}
.flipping_box .col{
  width: 145px;
  height: 100%; 
  margin: 30px 5px 0px 5px; 
  cursor: pointer;
}

.flipping_box .container{
  -webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
		  perspective: 1000px;
}

.flipping_box .front,
.flipping_box .back{
  background-size: cover;
  background-color: #999;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
  border-radius: 10px;
  background-position: center;
  -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
  text-align: center;
  min-height: 165px;
  height: auto;
  border-radius: 10px;
  color: #fff;
  font-size: 1.0rem;
}

.flipping_box .back{
  display:none;
  background: #cedce7;
  background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
}

.flipping_box .front:after{
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	opacity: .6;
	background-color: #000;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	border-radius: 10px;
}
.flipping_box .container:hover .front,
.flipping_box .container:hover .back{
	display:none;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.flipping_box .back{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.flipping_box .inner{
	-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
			transform: translateY(-50%) translateZ(60px) scale(0.94);
	top: 30%;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 2rem;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	outline: 1px solid transparent;
	-webkit-perspective: inherit;
			perspective: inherit;
	z-index: 2;
}

.flipping_box .container .back{
	-webkit-transform: rotateY(180deg);
			transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
}

.flipping_box .container .front{
	-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
}

.flipping_box .container:hover .back{
  -webkit-transform: rotateY(0deg);
		  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;
}

.flipping_box .container:hover .front{
  -webkit-transform: rotateY(-180deg);
		  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;
}

.flipping_box .front .inner p{
  font-size: 0.8rem;
  margin-bottom: -1rem;
  position: relative;
}

.flipping_box .front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.flipping_box .front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;

}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


.rent_top {  text-align:center; border-bottom:1px solid #eee; display:none; }
.rent_top img { }
.lease_top {  text-align:center; border-bottom:1px solid #eee;   box-shadow:0px 0px 40px 0px #eee; display:none; }
.lease_top img {  }

.sub_top {box-shadow: 0 30px 30px -38px rgb(0 0 0 / 30%);}

.review_top { }
.review_top h1 { }


.promotionawards { margin:0 auto; height:680px; padding:80px 0px 20px 0px;  text-align:center;}
.promotionawards h1 { font-size:40px; }
.promotionawards li { float:left; margin:80px 0px 0px 50px; height:220px; font-size:16px; } 
.promotionawards p { font-size:16px; font-weight:normal; padding:8px 0px 0px 0px; }
.promotionawards .awardsmore { background:#0D268A; width:149px; height:34px; color:#fff; padding:10px 30px 10px 30px; border-radius:17px; font-size:16px; position:relative; top:30px;  }
.promotionawards .leaseawardsmore { background:#0094e5; width:149px; height:34px; color:#fff; padding:10px 30px 10px 30px; border-radius:17px; font-size:16px; position:relative; top:30px;  }



.promotion_top { }
.promotion_top h1 { text-align:center; padding:80px 0px 0px 0px; }

.promotion_menu {  height:95px; border-bottom:1px solid #BFBFBF;  margin:0 auto; position:relative; top:73px; }
.promotion_menu li { float:left; text-align:center; width:650px; height:80px; margin-top:14px; font-size:25px; font-weight:normal; padding:24px 0px 0px 0px; } 
.promotion_menu li.on { color:#0094E5; border-bottom:4px solid #0094E5; font-weight:bold; }


.promotion_title1 { background:url('../img/promotion_title1.png') 135px; height:135px; margin:0 auto; margin-bottom:50px; }
.promotion_title1 h1 { font-size:34px; color:#fff; text-align:left; font-weight:normal; padding:40px 0px 0px 50px; }

.promotion_title2 { background:url('../img/promotion_title2.png') 135px; height:135px; margin:0 auto; margin-bottom:50px; }
.promotion_title2 h1 { font-size:34px; color:#fff; text-align:left; font-weight:normal; padding:40px 0px 0px 50px; }


.promotion_search select { font-size:21px; margin:0px 0px 50px 0px; padding:0px 20px 0px 20px; width:373px; height:58px; margin:0px 10px 50px 10px; color:#0D268A; border:1px solid ##0D268A; }
.promotion_search .searchbtn { width:256px; height:58px; margin-top:-50px; background:#0D268A; border:1px solid #0D268A; border-radius:10px; color:#fff; font-size:21px; }
.promotion_search .searchbtnlease { width:256px; height:58px; margin-top:-50px; background:#0094e5; border:1px solid #0D268A; border-radius:10px; color:#fff; font-size:21px; }
.promotion_search .reset { position:relative; top:-20px; left:10px; font-size:17px; color:#707070; cursor:pointer;}

.promotion_search > div {position:relative; width:1215px; margin:0 auto;}
.promotion_box  {display:none; position: absolute; width: 373px; top: 58px; height: 448px; background-color: #fff; border: 1px solid #ddd; box-shadow: 3px 3px 3px rgb(0 0 0 / 20%); text-align:left; z-index:10;}
.promotion_box .head {padding:20px 20px; background-color:#0D268A; color:#fff; font-weight:bold; font-size:15px;}
.promotion_box .head button {color:#fff; background-color:rgba(0,0,0,0); border:0; padding-left:30px;}
.promotion_box .title {padding:3px 14px 15px 5px; font-size:15px; color:#0D268A; margin-top:8px; padding-left:15px}
.promotion_box .scroll {position:relative; height:356px; overflow-y:auto; padding-bottom:20px; margin:10px 10px 0px 0;}
.promotion_box .scroll::-webkit-scrollbar {width: 5px;}
.promotion_box .scroll::-webkit-scrollbar-thumb {background-color: #0D268A; border-radius: 10px;}
.promotion_box .scroll::-webkit-scrollbar-track {background-color: #aaa; border:2px solid #fff; border-radius: 10px;}
.promotion_box ul {display:flex; flex-wrap: wrap; padding:0 0px; }
.promotion_box li {width:25%;}
.promotion_box1 ul {height:185px;}
.promotion_box1 li { padding:5px 0px 5px 0px; line-height:33px;text-align:center; }
.promotion_box1 li img { }
.promotion_box2 li {padding:13px 15px; height:auto; border-bottom:1px solid #999; text-align:left; color:#666; cursor:pointer;}
.promotion_box2 li:hover {color:#000; text-decoration: underline;}

.promotion_box_btn {background:#fff; font-size: 21px; margin: 0px 0px 50px 0px; padding: 0px 20px 0px 20px; width: 373px; height: 58px; margin: 0px 10px 50px 10px; color: #0D268A; border: 1px solid #0D268A; border-radius:5px; text-align:left;}
.promotion_box_btn img{float: right; position: relative; top: 8px; transform: rotate(0deg); transition: all .35s ease; -webkit-transition: all .35s ease;}
.promotion_box_btn.show img {transform: rotate(180deg);}

.promotion_box1 {left: 9px;}
.promotion_box2 {left: 407px;}

.company_top {  margin:0 auto; }
.company_top h1 { text-align:center;  padding-top:80px; display:none; }
.company_menu { margin:0 auto; height:60px; border-bottom:1px solid #ddd; width:82.5%; } 
.company_menu ul {  margin:0 auto; }
.company_menu li { float:left; text-align:center; height:60px; margin-top:0px; font-size:14px; font-weight:normal; padding:32px 6px 0px 6px; color:#999; } 
.company_menu li.on { color:#0094E5; border-bottom:2px solid #0094E5; font-weight:bold;  }

.community_menu { margin:0 auto; height:60px; width:100%;  } 
.community_menu ul {  margin:0 auto; width:70.5%;  }
.community_menu li { float:left; text-align:center; height:60px; margin-top:0px; font-size:13px; font-weight:normal; padding:32px 6px 0px 6px; color:#999; margin-bottom:30px;  border-bottom:1px solid #ddd;  } 
.community_menu li.on { color:#0094E5; border-bottom:2px solid #0094E5; font-weight:bold;  }


.company_title { text-align:center; padding:25px 0px 25px 0px; }
.company_title h1 { font-size:16px; }
.company_title h2 { font-size:15px; font-weight:normal; padding-top:5px; }

.ideology { margin-bottom:0px; padding:20px 0px 20px 0px; background:#f2f2f2; text-align:center; }
.ideology h1 { font-size:45px; padding:0px 0px 30px 0px; }
.ideology h2 { font-size:29px; }
.ideology h3 { position:relative; left:30px; padding:30px 0px 0px 0px; text-align:center; margin:0 auto; }
.ideology li { float:left; margin-right:82px; }

.content_sub_1-1 { padding:10px;  margin:0 auto; text-align:left; }
.content_sub_1-1 h1 { font-size:17px; color:#0094E5; padding:0px 0px 0px 0px; }
.content_sub_1-1 h2 { font-size:15px; color:#111; font-weight:bold; padding:20px 0px 20px 0px; }
.content_sub_1-1 h3 {  font-size:15px; color:#111; font-weight:normal; margin-top:-10px; margin-right:30px; }
.content_sub_1-1 div { }
.company-info { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; position:relative; top:50px; }
.company-info ul { margin-left:11px; }
.company-info h3 { margin-bottom:40px; }
.companycon p.insurance { width:100%; }
.companycon p img { max-width:100%; }

.companycon { height:575px; }
.companycon p.insurance { margin-top:-20px; margin-left:-1px; }
.companycon p.new { margin-top:-30px; margin-left:-120px; }
.companycon p.global { margin-top:-71px; margin-left:-20px; }
.conimg  { width:92%; margin:60px 14px auto; text-align:center; }

.company_hotnews { clear:both; height:750px; text-align:center; background:#f2f2f2;  }
.company_hotnews img { width:165px;  }
.company_hotnews ul {  }
.company_hotnews h1 {  font-size:20px; padding:50px 0px 40px 0px; }
.company_hotnews h2 { font-size:12px; text-align:left; height:70px; padding:10px 0px 25px 10px; font-weight:normal; }
.company_hotnews h3 { font-size:19px; height:120px; font-weight:normal; text-align:left; padding:14px 0px 14px 0px; color:#646464; padding-right:30px; }
.company_hotnews li { float:left; margin:0px 0px 0px 17px; width:48%; height:195px; margin:0 auto; } 
.company_hotnews .text-info p { color:#B1B1B1; float:right; margin-top:20px; font-size:17px; padding-top:5px; font-weight:normal; }

.history_contents { text-align:center; }
.history_contents img { }

.content_sub_1-1 .location {  margin:0 auto; width:100%; }
.content_sub_1-1 .map { height:280px; }
.address-info { width:100%; height:105px; background:#0094E5;  }
.address-info p.address { font-weight:normal; color:#fff; font-size:15px; padding:15px 0px 0px 12px; float:left; }
.address-info p.tel { font-size:18px; padding:60px 0px 0px 12px;  margin-top:0px; font-weight:normal; margin-right:0px; color:#fff; }
.address-info p.tel img { margin-right:0px; }
.address-info .location_icon { position:relative; top:-3px; margin-right:10px; } 
.transport-info {  width:100%; float:left; padding:0px 0px 50px 0px; }
.transport-info ul { margin-top:0px; }
.transport-info h1 { padding:40px 0px 20px 20px; font-weight:normal; color:#000; border-bottom:1px solid #B4B4B4; }
.transport-subway { float:left; text-align:left;  padding:30px 0px 0px 0px; height:90px; }
.transport-subway img { float:left; margin-top:0px; margin-left:5px; padding-right:14px;  }
.transport-subway h2 { float:left; margin-top:7px; margin-left:15px;  font-weight:normal;  }
.transport-bus { float:left; text-align:left;  padding: 0px 0px 0px;  }
.transport-line { background-color:#ebebeb; height:43px; }
.transport-bus img { float:left; margin-left:5px; margin-top:50px; }
.transport-bus h2 { float:left;  font-weight:normal; margin-top:-103px; margin-left:130px; }
.trasport-line { width:3px; height:45px; position:relative; top:50px; }

.gallery_wrap { position:relative; left:0px; margin:0 auto; padding:0px 0px 0px 0px; min-height:800px; }
.gallery_wrap h1.gallery_title { margin-left:0px;  padding-top:50px; font-size:21px; color:#0094E5;  width:100%; text-align:center; }
.gallery_wrap h2 { color:#707070; padding:10px 0px; font-weight:normal; border-bottom:1px solid #D6D6D6; padding-bottom:10px; }
.gallery_wrap li {  text-align:center; width:45%; margin:5px; height:225px; float:left; }
.gallery_wrap p.img { margin:0 auto; width:80%; height:125px; background:#b5b5b5;  margin-top:30px;  }
.gallery_wrap p.gallery-info { border-top:1px solid #707070; margin:20px 0px 0px 0px; text-align:left; padding-left:0px; padding-top:5px; } 
.gallery_wrap p.gallery-info span { line-height:20px; }
.gallery_wrap p.gallery-info span.name { color:#A7A7A7; font-size:12px; margin:10px 0px 0px 0px; }
.gallery_wrap .border-bottom { border-bottom:3px solid #0094E5; width:75px; margin:0 auto; position:relative; left:0px; padding-top:5px; }

.review_wrap { position:relative; left:0px; height:470px; margin:0 auto; padding:30px 0px 0px 0px; }
.review_wrap li { width:90%; text-align:center; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:5px; margin-right:0px;}
.review_wrap li img { width:48%; float:left; margin:3px; } 
.review_wrap p.img { margin:0 auto; background:#b5b5b5;  margin-top:0px; float:left; }
.review_wrap .border-left { width:3px; height:30px;  background:#0094E5; float:left; margin-top:7px; }

#paging { clear:both; height:80px; width:310px; margin:0 auto; position:relative; top:20px; } 
#paging dd.prev { float:left;  }
#paging dd.next { float:right; margin-right:0px; position:relative; right:30px; }
#paging li.on { background:#0094E5; color:#fff; padding:6px; } 
#paging li.num { padding-top:5px; }
#paging li { float:left; margin-left:15px;  }

.firstbuy .leftline { width:3px; height:40px; background:#0094E5; }
.firstbuy li { margin:0 auto; }
.firstbuy h3 {  font-weight:bold; color:#0094E5; font-size:22px; margin-left:10px; padding-top:4px; }
.firstbuy p { font-size:18px; padding-left:10px; }
.firstbuy dd.border-left { float:left; width:3px; height:25px; background:#0094E5; margin-left:10px; margin-top:10px; margin-right:10px; }
.firstbuy img {  }
.timesale { }

button.carsell_heart { background:transparent; border:1px solid transparent; z-index:0; }
.carsell_heart { float:right;position:absolute; top:85px; right:25px; z-index:99; cursor:pointer;}
.carsell_homeservice { position:absolute; right:10px; top:-35px;  }
.carsell_homeservice img { }
.carsell_heart {position:absolute; background-color:rgba(0,0,0,0); border:0; top:50px; right:15px;}

.carsell_heart .msg {display:none; width:155px; position:absolute; bottom:-50px; left:-120px; padding:10px 15px; background-color:#000; color:#fff; font-size:11px; }


/* modal_area */
#modal_area {position: fixed; top: 0; left: 0; opacity: 0; display: none; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.7);  z-index: 100; overflow-x: hidden; overflow-y: auto; width:100%; height:100%;}
#modal_area .right_control {position: absolute; width: 100%; top: -42px;}
#modal_area .slide_area img {text-align:center;}

.modal_container {display:none; position:relative; opacity:0; max-width:100%; transition: all .15s linear;}
.modal_container .row {border-radius:10px;}
.modal_container .row h2 {margin-bottom:35px;}

#modal_area.show {opacity:1; transition: opacity .15s linear; -webkit-transition: opacity .15s linear;}
#modal_area .modal_container.show {opacity:1; -webkit-transition: all .15s linear;}

.modal_close_btn {position:absolute; right:0px; top:-50px; padding:0; border:0; background-color:rgba(0,0,0,0);}
.modal_close_btn img {width:30px; height:30px;}

.right_control li {width:100%; padding:8px 0; text-align:center; background:#c2c2c2; color:#686868; font-size:18px; border-radius: 35px 35px 0 0; float:left; }
.right_control li.active {background:#0094E5; color:#fff; }

.right_area {background:#fff; z-index:9999; }
.right_area strong { color:#0094E5; }
.right_box {display:none; padding:0px; opacity:0;}
.right_box.show { display:block; opacity:1; transition: opacity .35s linear; -webkit-transition: opacity .35s linear;  }
.right_box .slide_area {height:280px;}
.right_box .slide_area li{ outline:0; margin-top:20px; width:100%; } 

.function_add {display:none; position:fixed; bottom:0; left:0; background-color:rgba(0, 0, 0, 0.5); width:100%; height:100%; z-index:98;}
.function_add .row {display:none; position:fixed; bottom:0; left:0; background-color:#fff; width:100%; height:400px; border-top:2px solid #540D84; z-index:100;}
.function_add .row[data="1"] {border-color:#FBE600;}
.function_add .row[data="2"] {border-color:#00A254;}
.function_add .row[data="3"] {border-color:#0054A2;}

#kakao:hover,
#kakao.show {background-color:#FBE600;}
#kakao:hover h1,
#kakao.show h1 {color:#483332;}
#kakao:hover .show_img,
#kakao .show_img {display:none;}
#kakao:hover img,
#kakao.show img {display:none;}
#kakao:hover img.show_img,
#kakao.show img.show_img {display:initial;}

#quotation:hover,
#quotation.show {background-color:#00A254;}
#location:hover,
#location.show {background-color:#0054A2;}

.function_add .colse_btn {position:absolute; right:30px; bottom:420px; padding:0; border:0; background-color:rgba(0,0,0,0);}
.function_add .colse_btn img {width:30px; height:30px;}
.strong_big strong{display:inline-block; transform: scale(1) rotate(.001deg); -webkit-transform: scale(1) rotate(.001deg); transition: transform .05s ease-out; -webkit-transition: transform .05s ease-out; cursor:pointer;}
.strong_big:hover strong{transform: scale(1.1) rotate(.001deg); -webkit-transform: scale(1.15) rotate(.001deg);}


.bottom_function { box-shadow:0 0 40px rgb(0 0 0 / 30%); position:fixed; bottom:0px; left:calc(50% - 259px); width:519px; height:100px; background:#ddd; z-index:99; text-align:center; overflow:hidden; box-shadow: 0px -3px -5px 0px black;   }
.bottom_function.top {bottom:400px;}
.bottom_function ul { 	 }
.bottom_function li.allday { background:#0094E5;}
.bottom_function li.allday img { margin-top:0px; }
.bottom_function li.topbtn { background:#fff; width:106px; height:104px; padding:15px 0px 0px 0px; }
.bottom_function li {position:relative; background:#9F9F9F; width:103.25px; float:left; cursor:pointer;} 
.bottom_function li.allday:after, .bottom_function li.topbtn:after{display:none;}
.bottom_function li:after {position: absolute; top: 20px; right: -1px; content: ''; width: 1px; height: 50px; background-color: #909090; z-index: 10;}
.bottom_function li.no_line:after {display:none;}
.bottom_function img { padding-top:5px; }
.bottom_function p { height:40px; padding:14px 0px; }
.bottom_function h1 { color:#fff; font-size:16px; position:relative; top:-20px; font-weight:normal; }

.side_customer { display:none; text-align:center; padding:20px 0px 0px 0px; position:fixed; right:80px; top:2%; width:100px; height:450px; background:#fff; padding:0px; z-index:99999;  }
.aside-info {  background:#0094E5; height:300px; color:#fff; padding:30px 0px;  }
.aside-info li.title { font-size:14px; }
.aside-info li.tel { font-size:26px; font-weight:bold; }
.aside-info li.time { margin:0px 0px 0px 0px; position:relative; top:20px; font-size:12px; color:#fff;  }
.aside-info span.day { font-size:14px; padding:5px; border:1px solid #fff; width:38px; height:24px; margin:20px 0px 10px; position:relative; top:10px;}
.aside-info span.weekend { font-size:14px; padding:5px; font-weight:300;  width:38px; height:24px; font-weight:normal; border:1px solid #fff;  margin:30px 0px 10px; position:relative; top:50px; }
.aside-info h1 { font-size:37px; } 
.aside-button { height:415px; background:#fff; box-shadow:0 0 15px rgb(0 0 0 / 20%);  }
.aside-button h1 { padding-top:10px; height:40px;  }
.aside-button li { padding:15px 0px; text-align:center; height:95px; background:#fff; }
.aside-button li.top { height:25px; background:#FFEE04; padding:3px 0px 3px 0px; margin:10px 0px; color:#0094E5; }
.aside-button li.top img { width:15px; height:8px; }
.aside-button li.over { height:110px;  }
.aside-button li img.over {display:none; }
.aside-button li img { }
.aside-button li:hover img {display:none;}
.aside-button li:hover img.over {display:initial; box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);  border-radius: 100%;}

.tob_btn_event {cursor:pointer; color:#fff; }

.function_add .row {padding:40px 0; z-index:9999;}
.function_add .container{width:1300px; height:100%; margin:0 auto;}
.quick-left {width:450px;}
.quick-right {width:calc(100% - 450px); height:100%; padding:21px 30px; background-color:#f3f3f3; font-size:15px;}

.quick-right label {display:block; width:100%; font-size:16px; margin-bottom:10px; font-weight:700;}
.quick-right .col-4 {display:inline-block; width:calc(33% - 7px);}
.quick-right input {WIDTH:350PX; padding:10px 5px;}
.form-btn-kakao {padding:10px 5px; background-color:#FBE600; color:#231815; text-align:center; font-size:16px; font-weight:700;}
.form-item {margin-bottom:20px;}
.channel-add-button {padding:10px 20px; background-color:#fff; border:1px solid #777; border-radius:5px;}
.channel-add-button span {display:inline-block; padding:5px; background-color:#231815; border-radius:100%; width: 20px; height: 20px; text-align: center; float: right;}
.contact-info {border-top:1px solid #777; padding-top:30px;}
.contact-info span{display:inline-block; width:130px; padding:7px 0px; text-align:center; border-radius:30px; color:#fff; background-color:#777; margin-right:10px;}

.quick-right label {display:block; width:100%; font-size:16px; margin-bottom:10px; font-weight:700;}
.quick-right .col-4 {display:inline-block; width:calc(33% - 7px);}
.quick-right input {padding:10px 5px;}
.form-btn-kakao {padding:10px 5px; background-color:#FBE600; color:#231815; text-align:center; font-size:16px; font-weight:700;}
.form-item {margin-bottom:20px;}
.channel-add-button {padding:10px 20px; background-color:#fff; border:1px solid #777; border-radius:5px;}
.channel-add-button span {display:inline-block; padding:5px; background-color:#231815; border-radius:100%; width: 20px; height: 20px; text-align: center; float: right;}
.contact-info {border-top:1px solid #777; padding-top:30px;}
.contact-info span{display:inline-block; width:130px; padding:7px 0px; text-align:center; border-radius:30px; color:#fff; background-color:#777; margin-right:10px;}

.function_add .row {padding:40px 0;}
.function_add .container{width:1300px; height:100%; margin:0 auto;}
.quick-left {width:450px;}
.quick-right {width:calc(100% - 450px); height:100%;	background-color:#f3f3f3; font-size:15px;}

.quick-right label {display:block; width:100%; font-size:16px; margin-bottom:10px; font-weight:700;}
.quick-right .col-4 {display:inline-block; width:calc(33% - 7px);}
.quick-right input {padding:10px 5px;}
.form-btn-kakao {padding:10px 5px; background-color:#FBE600; color:#231815; text-align:center; font-size:16px; font-weight:700;}
.form-item {margin-bottom:20px;}
.channel-add-button {padding:10px 20px; background-color:#fff; border:1px solid #777; border-radius:5px;}
.channel-add-button span {display:inline-block; padding:5px; background-color:#231815; border-radius:100%; width: 20px; height: 20px; text-align: center; float: right;}
.contact-info {border-top:1px solid #777; padding-top:30px;}
.contact-info span{display:inline-block; width:130px; padding:7px 0px; text-align:center; border-radius:30px; color:#fff; background-color:#777; margin-right:10px;}

.quotation .form-item dl {flex-wrap:wrap;}
.quotation .form-item dd {display:flex; margin-bottom:5px; margin-top:5px; }
.quotation .form-item dd.full {width:100%; margin-top:-5px;}
.quotation .form-item dd label { width:120px; padding:1px 0; margin-bottom:0; font-size:14px;}
.quotation .form-item dd label.content { padding-top:30px; }
.quotation .form-item dd label span{color:red;}
.quotation .form-item dd input { border:1px solid #ccc; margin-bottom:2px; height:40px; margin-right:0px; margin-top:-10px; float:left; width:226px; }
.quotation .form-item dd input[type="checkbox"] { border:1px solid #000; margin-top:4px; margin-right:10px;  }
.quotation .form-item dd input { border:1px solid #ccc; margin-bottom:2px; height:40px; margin-right:0px; margin-top:-10px; float:left; width:226px; }
.quotation .form-item dd textarea { margin-top:20px; margin-bottom:15px; width:680px; border:1px solid #ccc; height:80px; }
.quotation .form-item dd select { width:calc(100% - 220px); padding:5px 10px; border:1px solid #ccc; width:225px; position:relative; right:0px; }
.view-policy {display: inline-block; width: 132px; height: 28px; line-height: 28px; border-radius: 3px; background-color: #707070; color: #FFF; text-align: center; vertical-align: middle; font-size: 13px; font-weight: 400; padding:0 10px; margin-top: 3px;}
.form-btn-quotation {display: inline-block; width: 100%; height: 50px; line-height: 50px; border-radius: 3px; background-color: #00a254; color: #FFF; text-align: center; vertical-align: middle; font-size: 18px; font-weight: 500; margin-top: 10px;}
.form-btn-quotation.type2 {background-color:#004483;}

.policy_box {width:calc(100% - 120px); height:30px;}
.policy_box p {display: flex; align-items: center;}
.policy_box label, .policy_box input{width:auto !important; margin-bottom:0; margin-right:5px;}
.w120 {width:120px;}

.map_box .box1 {width:calc(100% - 285px);}
.map_box .box2 {width:270px; position:relative; top:-4px;}
.map_box .box2 h1 { background:#0054A2; width:280px; height:50px; text-align:center; padding-top:10px; font-size:18px; font-weight:normal; color:#fff;  }
.map_box .box2 p:nth-child(1) {width:100%; line-height:38px; border:1px solid #0054a2; color:#fff; background-color:#0054a2; margin-bottom:10px; text-align:center;}
.map_box .box2 div:nth-child(2) {margin-bottom:10px;} 

.kakao h2 { font-size:35px; color:#3C1D1D; padding-bottom:20px; }
.kakao h4 { position:relative; top:10px; display:flex; }
.kakao P { font-size:18px; position:relative; top:0px; font-weight:normal; }

.estimate { padding-left:20px; }
.estimate h1 { font-size:15px; letter-spacing:5px; color:#777;  }
.estimate p { font-size:18px; width:340px; font-weight:normal; }
.estimate h2 { font-size:35px; }
.estimate h4 { position:relative; left:100px; top:0px; }
.estimate strong { color:#00A254; font-size:bold; }

.contact { padding-left:20px; }
.contact h1 { font-size:15px; letter-spacing:5px; color:#777;  }
.contact p { font-size:18px; width:340px; font-weight:normal; }
.contact h2 { font-size:35px; }
.contact h4 { float:right; position:relative; right:40px; top:-3px; }
.contact input { width:100%; height:40px; border:1px solid #000; }
.contact textarea { width:830px; }

.sell_item { margin-top:30px;  }
.sell_item .sell_thumb { margin:-35px 0px 20px 0px; width:100%; }
.sell_item .sell_thumb span { font-size:12px; font-weight:500; } 
.sell_item .sell_thumb img { border-radius:40px 0px 40px 0px; z-index:99; width:100%; } 
.sell_item h1 { text-align:center; padding-top:0px; padding-bottom:25px; font-size:22px; font-weight:300; width:100%;}
.sell_item ul {margin:0 auto; flex-wrap:wrap; justify-content: center;} 
.sell_item ul:after {content:''; clear:both;}
.sell_item li { float:left; width:45%; height:305px; border:1px solid #E5E5E5; margin-top:30px; margin-left:2%; margin-right:2%; margin-bottom:30px; position:relative;}
.sell_item .spec_info {}
.sell_item p.spec3 { margin-top:-35px; margin-bottom:20px; }
.sell_item p.spec3 .fontblack { color:#111; }
#appendbox { color:#111; }
.sell_item p { line-height:20px; padding-left:10px; }
.sell_item div.price { height:30px; }
.sell_item p.title { height:55px; padding-bottom:0px; font-size:12px; font-weight:bold; }
.sell_item p.spec1 { color:#9E9E9E; margin-top:-10px; }
.sell_item p.spec2 { color:#9E9E9E; padding-bottom:10px; }
.sell_item span.installment { font-weight:500; position:relative; top:5px; }
.sell_item .totalprice { float:right; margin-right:10px; margin-top:3px; font-size:14px; }
.sell_item .totalprice strong {  }
.sell_item .firstprice { padding-top:0px; letter-spacing:-0.3px; color:#888; }
.sell_item .finalprice { float:right; margin-right:11px; }
.sell_item span.line { padding:0px 5px 0px 5px; }

.carview { width:100%;  margin: 0 auto; padding-top:17px; background:#f5f5f5; margin-bottom:50px; }
.carview ul { width:100%; margin:0 auto;  }
.carview .carview_title { background:#fff; text-align:center; padding-top:8px; padding-bottom:15px; width:100%; font-size:18px; }
.carview .carview_title h1 { font-size:15px; font-weight:bold; margin-right:20px; margin-top:3px; }
.carview .carview_title img { padding-right:20px; float:left; margin-left:10px; margin-top:8px; }
.carview .carview_baseinfo { background:#fff; height:700px; }
.carview .carview_thumb { margin:0 auto; height:auto; text-align:center; width:100%; margin:0 auto; } 
.carview .carview_title ul { text-align:center; } 
.carview .carview_thumb big img { width:100%; height:240px;  }
.carview .carview_thumb small.img {  }
.carview .carview_thumb li { float:left; margin-top:35px; margin-bottom:5px; margin-left:3px; margin-right:3px; text-align:center; position:relative; top:5px; left:0px; border:1px solid #ddd; background-color:#ddd;}
.carview .carview_thumb li.action {border:2px solid #ff7f00;}
.carview .carview_carname {  margin-top:70px; margin-left:10px; padding-bottom:10px; }
.carview .carview_carname p { font-size:18px; font-weight:bold; }
.carview .carview_carname p.carspec { font-weight:400; }
.carview .carview_carprice { width:95%; margin:0 auto;  height:36px; border-bottom:1px solid #B5B5B5; margin-bottom:5px; }
.carview .carview_carprice li.price { float:left; font-size:14px; font-weight:400; }
.carview .carview_carprice li.price strong { font-size:21px; font-weight:bold; }
.carview .carview_carprice li.installment { float:right; margin-top:8px; }
.carview .carview_carspec li { color:#B5B5B5; margin-bottom:30px; width:100%; padding-left:10px; margin:0 auto; background:#fff;  }
.carview .carview_homeserivcephone { background:#fff; margin-bottom:15px; padding-top:0px; padding-bottom:10px; margin-top:-50px; height:50px; text-align:center; width:70%; margin:0 auto; position:relative; top:-35px; 
}
.carview .carview_homeserivcephone .icon { float:left; } 
.carview .carview_homeserivcephone .customer_phone { float:left; position:relative; top:5px; left:10px; }
.carview .carview_homeserivcephone h1 { font-size:17px; }
.carview .carview_homeserivcephone h2 { font-size:20px; margin-top:-3px; }
.carview .carview_homeserivcephone h3 { font-size:10px; }
.carview table.carbaseinfotable { height:100px; padding:10px; }
.carview table.carbaseinfotable { margin:0px; }
.carview table.carbaseinfotable td { color:#5A5A5A; width:60px; margin:0px; padding-right:0px; height:25px; font-weight:300; }
.carview table.carbaseinfotable td.info { width:67px; padding-left:10px; }
.carview table.carbaseinfotable td.info2 { width:75px; padding-left:0px; color:#24A1D3;  }
.carview table.carbaseinfotable td.right_line { border-right:1px solid #d2d2d2; width:3px; padding-left:0px; padding-right:5px; }
.carview table.carbaseinfotable td.info_line { padding-right:0px; position:relative; left:10px; }
.carview .carview_specbaseinfo { background:#fff; height:195px; margin-top:17px; margin-top:18px; } 
.carview .carview_specbaseinfo h1 { font-size:14px; font-weight:500; padding-left:10px; padding-top:12px; padding-bottom:10px; }

.carspecbaseinfo { height:400px; background:#fff;  } 
.carspecbaseinfo ul { width:90%; margin:0 auto; display:flex; justify-content:center;}
.carspecbaseinfo li { margin-left:15px; margin-right:10px; margin-top:20px; }
.carspecbaseinfo span { padding-left:10px; } 
.performance_check { margin-top:15px; margin-bottom:15px; height:110px; text-align:center; background:#fff; padding-top:15px; }
.performance_check img { }
.performance_check h1 { font-size:15px; font-weight:300; padding-left:20px; }
.performance_check span.more { float:right; margin-top:-20px; margin-right:30px; font-size:12px; color:#848484; }
.performance_check li { float:left; margin-left:30px; margin-right:25px; margin-top:20px; font-size:12px; }
.performance_check dd { width:100%; float:left; }
.performance_check dl { float:right; }

.insurance { height:95px; background:#fff; }
.insurance h1 { font-size:15px; font-weight:300; }
.insurance li { float:left; width:50%; padding-left:10px; padding-top:0px; position:relative; top:20px; border-right:1px solid #D2D2D2; padding-right:10px; }
.insurance li:nth-child(2) { border-right:1px solid #fff; }
.insurance span { margin-top:20px; }   
.insurance dd { margin-top:12px; }

.carview_option { background:#fff; margin-top:15px; padding:10px 0px 0px; height:378px; overflow:hidden;}
.carview_option li img { width:65px; }
.carview_option ul { margin:10px;  }  
.carview_option h1 { padding-bottom:15px; padding-left:10px; font-size:15px; font-weight:300; }
.carview_option h2 { height:50px;font-size:12px; color:#aaa;font-weight:300; }
.carview_option li { float:left; width:19.5%; height:90px; margin-bottom:20px; margin-top:10px; }
.carview_option p { padding-top:10px; font-weight:300; text-align:center; }


.insurance_check { background:#fff; margin-top:15px; height:190px; padding:10px; }
.insurance_check h1 { font-size:15px; padding-top:3px; font-weight:300; }
.insurance_check h2 { font-size:12px; font-weight:normal; padding:3px 0px; margin-left:10px; padding-top:15px; }
.insurance_check dd { float:right; margin-top:-30px; position:relative; top:13px; right:10px; color:#848484; }
.insurance_check table.insuranceinfotable { height:100px; padding:10px; }
.insurance_check table.insuranceinfotable { margin:0px; }
.insurance_check table.insuranceinfotable td { color:#5A5A5A; margin:0px; padding-right:0px; height:25px; font-weight:300; }
.insurance_check table.insuranceinfotable .info2 { color:#24A1D3; }
.insurance_check table.insuranceinfotable .info3 { padding-left:20px; }
.insurance_check table.insuranceinfotable td.right_line { border-right:1px solid #d2d2d2; width:3px; padding-left:20px; padding-right:0px; }
.insurance_check table.insuranceinfotable td.info_line { padding-right:0px; position:relative; left:3px; }

.performance_status { height:180px; margin-top:14px; background:#fff; padding:10px; }
.performance_status h1 { font-size:15px; padding-right:15px; font-weight:300; }
.performance_status h2 { font-size:13px; color:#000; padding-top:5px; padding-left:12px; }
.performance_status li { background:#F5F5F5; border-radius:10px; width:100%; padding:15px; margin-top:15px; } 


#carorder_tabmenu { height:58px; border-bottom:1px solid #E5E5E5; }
#carorder_tabmenu li { float:left; margin-left:8%; margin-top:30px; font-size:13px; }
#carorder_tabmenu li.on { height:28px; border-bottom:2px solid #24A1D3; }
.carorder { min-height:500px; }
.carorder img {max-width:100%;}
.carorder .carorder_policy { padding-top:10px; padding-left:10px; }
.carorder .caroder_policy_top { border-bottom:2px solid #CFCFCF; padding-bottom:10px; }
.carorder .carorder_policy p { font-size:13px; }
.carorder .carorder_policy p.checkall { background:#F1F1F1; height:55px; margin-top:10px; padding:7px 10px 10px 10px; font-size:13px; }
.carorder .carorder_policy h1 { font-size:18px; padding-top:30px; }
.carorder .policy_line { height:500px; border:1px solid #000; }
.carorder .policy_privacy { padding:10px; font-size:12px; font-weight:300; padding-top:12px;}
.carorder .policy_privacy p { padding-top:10px; padding-bottom:10px; font-size:12px; }
.carorder .policy_privacy .arrowup { float:right; margin-top:-41px; margin-right:-10px; padding:10px 20px;}
.carorder .policy_privacy .arrowup.show {transform: rotate(180deg);}

.carorder .order_form_inner h1 { font-size:17px; font-weight:500; padding-bottom:30px; }
.carorder .order_form_inner li { padding:10px 0px 0px 0px; }
.carorder .order_form_inner p { font-size:12px; padding-top:10px;  }
.carorder .order_form_inner label { display:flex; margin-bottom:5px; margin-top:10px; }
.carorder .order_form_inner input { border:1px solid #C4C4C4; width:98%; height:39px; border-radius:3px; padding-left:10px; }
.carorder .order_form_inner .email { border:1px solid #C4C4C4; width:98%; height:39px; border-radius:3px; padding-left:10px; }
.carorder .order_form_inner .email span { color:#707070; position:relative; top:3px; } 
.carorder .order_form_inner input.email_input1 { width:40%; border:1px solid #fff; margin-top:8px; height:23px; padding-left:5px; color:#707070; }
.carorder .order_form_inner input.email_input2 {  width:45%; border:1px solid #fff; margin-top:8px; height:23px; padding-left:5px; color:#707070;  }
.carorder .order_form_inner .hp { height:128px; }
.carorder .order_form_inner .addr { height:188px; }
.carorder .order_form_inner .addr p { color:#7A7A7A; font-size:12px; } 
.carorder .order_form_inner .bankingAccount { border:1px solid #C4C4C4; width:98%; height:39px; border-radius:3px; padding:0; padding-left:10px;  }
.carorder .order_form_inner .bankingAccount select { border:1px solid #fff; float:left; width:30%; margin-top:8px; color:#707070; }
.carorder .order_form_inner .order_form_input_bank { width:50%; border:1px solid #fff; margin-top:3px; height:30px; padding-left:20px; }
.carorder .order_form_inner .order_button { float:right; background:#24A1D3; border:1px solid #24A1D3; padding:9px 20px 9px 20px; position:relative; top:-38px; right:8px; color:#fff;  } 



#family_popup {display:none; position:fixed; top:0; left:0%; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:99;}
#family_popup .row {position:fixed; top:10px; left:3.5%; width:330px; height:85%; z-index:98;}
#family_popup .row .top {background:#0094E5; padding:20px 50px; color:#fff; border-radius:50px 0 0 0;}
#family_popup .row .top h3 {font-size:17px;}
#family_popup .row .family_popup_close {position:absolute; right:10px; top:23px; background-color:rgba(0,0,0,0); border:0;}
#family_popup .row .family_popup_close img {width:20px; height:20px;}

#family_popup .row .content {background-color:#fff; height:calc(50vh - 110px);}
#family_popup .row .content::-webkit-scrollbar {width: 10px;}
#family_popup .row .content::-webkit-scrollbar-thumb {background-color: #979797; }
#family_popup .row .content::-webkit-scrollbar-track {background-color: #E2E2E2; }
#family_popup .row .content .first {text-align:center; padding:0px 0 0px;}
#family_popup .row .content .first img {margin-bottom:0px;}
#family_popup .row .content .first p {font-weight:700;}

#family_popup .row .chat_box {padding:0 20px;}
#family_popup .row .chat_box li {display:flex; margin-bottom:20px; justify-content: space-between; align-items: flex-end;}
#family_popup .row .chat_box li p {width:calc(100% - 55px);}
#family_popup .row .chat_box li.me:before {display:block; width:40px; height:40px; background-color:#ddd; border-radius:100%;}
#family_popup .row .chat_box li.me p {padding:15px 25px; background-color:#E6E6E6; border-radius:30px 30px 30px 0;}
#family_popup .row .chat_box li.you:after {display:block; width:40px; height:40px; background-color:#ddd; border-radius:100%;}
#family_popup .row .chat_box li.you p {text-align:right; padding:10px 25px; background-color:#F2E1FF; border-radius:30px 30px 0px 30px;}

#family_popup .row .bottom {width:100%; min-height:300px; padding:20px 50px; background-color:#0094E5; color:#fff; text-align:center;}
#family_popup .row .bottom div:nth-child(1) {margin-bottom:10px;}
#family_popup .row .bottom div:nth-child(3) {margin-bottom:10px;}
#family_popup .row .bottom div:nth-child(4) {margin-bottom:10px;}
#family_popup .row .bottom p {margin-bottom:10px;}
#family_popup .row .bottom p span {color:#FFD404;}
#family_popup .row .bottom a {color:#fff;}
#family_popup .row .bottom input {width:100%; background-color:#fff; border:0; border-radius:30px; padding:10px 0; text-align:center;}
#family_popup .row .bottom .check_box {width:200px; align-items: center;}
#family_popup .row .bottom .check_box input{width:auto; margin-right:5px; margin-left:20px;}
#family_popup .row .bottom .button a{display:block; width:100%; padding:10px 0; background-color:#FFD404; text-align:center; color:#0094E5; font-size:15px; font-weight:700; border-radius:30px; margin-top:10px;}

.mobile_popup .row .popup_close {position:absolute; right:10px; top:12px !important; background-color:rgba(0,0,0,0); border:0;z-index:1000;}
.mobile_popup .row .popup_close img {width:20px; height:20px; }
.mobile_popup .row .top {background:#0094E5; height:43px; padding:20px 50px; color:#fff; border-radius:50px 0 0 0;}
.mobile_popup .row .top h3 {font-size:17px;}
.mobile_popup .row .family_popup_close {position:absolute; right:10px; top:23px; background-color:rgba(0,0,0,0); border:0;}
.mobile_popup .row .family_popup_close img {width:20px; height:20px;}

#sun_popup {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:9999;}
#sun_popup .row {position:fixed; bottom:100%; right:0%; width:100%; height:auto; z-index:98;}
#sun_popup.show .row {bottom:0; transition: bottom .35s linear; -webkit-transition: top .35s linear;}
#sun_popup .mobile_popup .row .popup_close {position:absolute; right:10px; top:12px !important; background-color:rgba(0,0,0,0); border:0;}
#sun_popup .mobile_popup .row .popup_close img {width:20px; height:20px; }
#sun_popup .mobile_popup .row .top {background:#0094E5; height:43px; padding:20px 50px; color:#fff; border-radius:50px 0 0 0;}
#sun_popup .mobile_popup .row .top h3 {font-size:17px;}
#sun_popup .mobile_popup .row .family_popup_close {position:absolute; right:10px; top:23px; background-color:rgba(0,0,0,0); border:0;}
#sun_popup .mobile_popup .row .family_popup_close img {width:20px; height:20px;}

#sun_popup .row .content {background-color:#fff; height:auto; padding-bottom:0px; overflow-y:auto; text-align:center; }
#sun_popup .row .content h1 { text-align:center; padding:20px 0px 0px 0px; font-size:20px; color:#0094E5; }
#sun_popup .sunpopup input { width:100%; margin:0px auto 0; height:50px; border:1px solid #F1F1F1; border-radius:20px; background:#F1F1F1; position:relative; top:30px; margin-bottom:15px; padding-left:0px; text-align:center;
font-size:17px; color:#777777;  }
#sun_popup input.sunbtn { background:#0094E5; color:#FFEE04; font-weight:bold; height:50px; border-radius: 0px 0px 0px 0px; -webkit-appearance: none;
-webkit-border-radius: 0; }
#sun_popup input.checkbox { background:#f1f1f1; color:#0094E5; width:10px; height:10px; margin-top:0px; }
#sun_popup input[type="checkbox"] { background:#f1f1f1; }
#sun_popup li.check { text-align:center; margin-left:0px; width:90%; height:30px; margin-top:10px;   }
#sun_popup span { position:relative; top:23px; }

#sangdam_popup {position:fixed; bottom:0px; left:0; width:100%; }
#sangdam_popup .row {position:relative; bottom:65px; right:0%; width:100%; height:45px;  background:rgba(0,0,0,0.75);  overflow:hidden; transition: height .15s linear; -webkit-transition: height .15s linear;}
#sangdam_popup .row.show {height:95px;}
.show .row {bottom:68px; transition: bottom .35s linear; -webkit-transition: bottom .35s linear;}
#sangdam_popup .row .sangdam_popup_close {position:absolute; right:15px; top:11px; background-color:rgba(0,0,0,0); border:0;}
#sangdam_popup .row .sangdam_popup_close img {width:20px; height:20px;}
#sangdam_popup .row .top {background:rgba(0,0,0,0.75); padding:10px 30px; color:#fff; border-radius:0px 0 0 0; height:43px; opacity:0.9;  }
#sangdam_popup .row .top h1 { font-size:15px; font-weight:normal; text-align:center; }
#sangdam_popup .row .top h3 {font-size:17px;}
#sangdam_popup .row .sangdam_popup_close {position:absolute; right:10px; top:23px; background-color:rgba(0,0,0,0); border:0;}
#sangdam_popup .row .sangdam_popup_close img {width:20px; height:20px;}

#sangdam_popup .row .content {background-color:#000; height:auto; padding-bottom:15px; text-align:left;  padding-top:5px; opacity:0.9; }
#sangdam_popup .row .content h1 { text-align:center;  font-size:20px; color:#0094E5; }
#sangdam_popup .sunpopup input { width:300px; margin:0px auto 0; height:50px; border:1px solid #F1F1F1; border-radius:20px; background:#F1F1F1; position:relative; top:30px; margin-bottom:15px; padding-left:20px; text-align:center;
font-size:17px; color:#777777;  }
#sangdam_popup .sangdam_input { margin-left:10px; }
#sangdam_popup input.sunbtn { background:#0094E5; color:#FFEE04; font-weight:bold; height:50px; border-radius: 0px 0px 0px 0px; }
#sangdam_popup input.checkbox { background:#f1f1f1; color:#0094E5; width:10px; height:10px; margin-top:0px; }
#sangdam_popup .sangdam_btn { float:right; margin-top:-32px; margin-right:8px; width:55px; line-height:30px; background:#005EEC; border:1px solid #005EEC; border-radius:2px; color:#bde17c; border-radius:4px;  }
#sangdam_popup input[type="checkbox"] { background:#fff; }
#sangdam_popup input.sangdamfrm { width:17%; line-height:30px;border:1px solid #000; text-align:center; border-radius:5px; }
#sangdam_popup li.check { text-align:center; margin-left:0px; height:30px;  }
#sangdam_popup span { position:relative; top:23px; }
#sangdam_popup .sangdamprivacy { text-align:right; padding-right:10px; color:#fff; font-size:10px; }

.popup_area {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:9999;}
.popup_area .row {position:fixed; top:15%; left:5%; width:90%; padding:20px; height:auto; z-index:98; background-color:#fff;}

.ui-slider-handle {
	width: 30px !important;
	height: 30px !important;
	border-radius: 30px !important;
	border: 3px solid #0094E5 !important;
	background-color: #FFF !important;
	cursor: pointer;
	top: -.9em;
	margin-left: -.6em;
	position: absolute;
	z-index: 2;
	touch-action: none;
}
.ui-slider-range {
	background-color: #F1F1F1 !important;
	height: 10px !important;
	border-radius: 10px !important;
	top: 0;
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}



.fee_slider {
	border: 1px solid #dddddd;
	position: relative;
	width: 80%;
	margin: 20px 11% 50px 9%;
	height: .8em;
	border-radius: 10px !important;
}

.slider_area {
	width: 100%;
	background-color: #F1F1F1;
	height: 10px;
	border-radius: 10px;
}

.slider_range {
	width:222px;
	padding-top: 20px;
	position:relative;
	left:0px;
	/*padding-left: 20%;*/
}

.slider_range > p {
	float: left;
	/*width: 20%;*/
	font-size: 11px;
}

.slider_controller {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	border: 4px solid #1B57A4;
	background-color: #FFF;
	left: 0;
	top: -9px;
	cursor: pointer;
}

.type_area ul {
	overflow: hidden;
	margin-bottom: 20px;
}

.type_area ul > li {
	float: left;
	border: 1px solid #999999;
	font-size: 16px;
	color: #999999;
	border-radius: 40px;
	cursor: pointer;
	height: 34px;
	text-align: center;
	line-height: 31px;
	box-sizing: border-box;
}

.type_area ul > li.selected {
	border: 1px solid #1B57A4;
	color: #1B57A4;
}

.type_area ul.type_area_car > li {
	width: 140px;
}

.type_area ul.type_area_car > li:nth-child(1) {
	margin-right: 7px;
}

.type_area ul.type_area_sort > li {
	width: 91px;
	margin-right: 7px;
}

.type_area ul.type_area_sort > li:last-child {
	margin-right: 0;
}

.sangdamprivacy img {position: relative; top: -6px; right: -35px; width: 36px; height: 29px; float: right; padding: 10px;}
#sangdam_popup .sangdamprivacy span {top:0;}
.sangdamprivacy .show_text {display:none;}
.row.show .sangdamprivacy .show_text {display:inline;}
.row.show .sangdamprivacy .no_show_text {display:none;}
.row.show .sangdamprivacy img {transform: rotate(180deg);}

.sangdam_button { position:fixed; bottom:0; height:65px; width:100%; } 
.sangdam_button li { float:left; }
.sangdam_button li img { max-width:50%; float:left; }


/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01 {margin-top:10px}
#copymove td {background:#fff}
#copymove .win_btn {margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}





/*단축키일람 */
.cke_sc {text-align:right}
.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;background:#fff;border:1px solid #3a8afd;color:#3a8afd;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#3a8afd;color:#fff;border-radius:3px;padding:10px;border:0;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {display:inline-block;background:transparent;color:#fff;border:0;border-radius:3px;padding:10px;text-decoration:none;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:0;background:transparent;color:#bababa;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;color:#d13f4a;font-size:1.4em;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}
.fix_btn {display:none;}

footer { clear:both; background:#fff; height:355px; margin:0px 0px 0px 0px; }
footer ul {  padding:15px 0px 0px 0px ;}
footer div.footermenu { text-align:center; border-top:1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; height:32px; display: flex; justify-content: center;}
footer div.footermenu ul { text-align:center;  } 
footer div.footermenu li { float:left; text-align:center; padding-bottom:5px; padding-top:5px; color:#B8B8B8; padding-left:8px; padding-right:8px; }    

footer h1.footerlogo { margin:0 auto; color:#727272; text-align:center; margin: 0 auto; padding:0px 0px 10px 0px; }
footer address p { text-align:center; margin:0 auto;  color:#bebebe; font-style:normal; font-weight:normal; padding:1px 0px 1px 0px;  }


/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:12px 0;border:1px solid #d8dbdf;background:#f7f7f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody {text-align:left}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:5px;border:1px solid #e7e9ec;border-top:0;line-height:1.5em;word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 기본리스트 */
.list_01 ul {}
.list_01 li {border-bottom:1px solid #aaa;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.all_chk {padding:15px;border-bottom:1px solid #e8eaee;background:#fff}

/* 기본폼 */
.form_01 .write_div {margin-bottom:10px;position:relative}
.form_01 li {margin:0 0 10px;position:relative;list-style:none}
.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;padding:5px;border-radius:0;box-shadow:none}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:32px; border-radius:8px; padding-left:10px; padding-top:2px; width:85%; }
.full_input {width:100%} 
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:40px;background-color:#fff}
.form_01 .frm_info {font-size:0.92em;color:#3a8afd;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat  !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {}

.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}

.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}

.new_win .win_btn {clear:both;padding:10px 0 30px;text-align:center}
.new_win .win_btn a {display:inline-block;height:45px;line-height:40px;font-weight:bold}
.new_win .btn_close {width:60px;height:45px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 4px;margin:0 2px}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal;line-height:20px}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;font-weight:bold}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}


.attack_slide .slick-next{right:28px; background:url('../mobile/img/attack_arrow_next.png'); width:25px; height:25px; z-index:5;}
.attack_slide .slick-prev{left:28px; background:url('../mobile/img/attack_arrow_prev.png'); width:25px; height:25px; z-index:5;}
.arrow_no .slick-arrow{display:none !important;}

.special_thumb .slick-list {width:100%;}

#counter { text-align:center; padding:0px 0px 0px 0px; }
#counter ul {  margin:0 auto;  }
#counter h1 { font-size:18px; float:left; padding-top:20px; padding-right:0px; padding-left:10px; color:#fff; position:relative; top:-120px; }
#counter li {position:relative; right:-10px; top:-128px; width:52px; height:42px; font-size:38px; margin:18px; float:left; }
#counter li:before {content:''; position:absolute; top:0; left:-22px;  height:42px; width:30px; background-color:#fff; border:1px solid #070707;}
#counter li:after {content:''; position:absolute; top:0; right:11px; height:42px; width:30px; background-color:#fff; border:1px solid #070707;}
#counter span { float:left; color:#fff; position:relative; left:26px; top:-7px; padding-top:60px; width:54px; font-size:25px; float:left; font-weight:normal; margin-top:-100px; } 
#counter li strong {letter-spacing: 11px; position: relative; right: 0px; margin-left:-22.5px; position:relative; top:-9px; z-index:10;}

.footermenu { }
.footermenu ul { }
.footermenu li { text-align:center; color:#eee; font-weight:normal; padding:0px 5px 0px 5px; padding-top:20px; margin-right:0px; } 

#container_k {
margin-top:10px;
margin-bottom: 20px;
border-radius: 5px;
clear: both;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:table;width:100%;		
}
.box_k {
background: #fff;
font-size: 11px;
line-height: 1.4em;
}

.col_k { width: 44%; margin-top:20px; margin-left:10px; margin-right:10px;margin-bottom:10px; position:relative; float:left; background:#f1f1f1; border-radius:0px 20px 0px 0px; }
.col_k:nth-child(4n){margin-right:0;}
.gall_chk{position:absolute;top:0px;left:5px; }	

.totalcount li { float:left; background:#fff; float:left;  padding:0px;  width:29%; height:125px; margin-top:10px; margin-left:2%; margin-right:2%;  }


#ty2q {  margin:0 auto; width:100%; }

.main_popup_area {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:20;}
.main_popup_area.show{opacity:1;}
.center_type {display:none; width:80%; background-color:#fff; height:auto; margin:0 auto; margin-top:calc((100vh - 500px) / 2); overflow-y:auto; padding-bottom:25px;}
.center_type.show {display:block;}

.bottom_type {position:absolute; bottom:-100%; left:0; width:100%; height:auto; padding-bottom:0px; background-color:#fff; }
.bottom_type.show {bottom:0; transition: bottom .4s linear .1s; -webkit-transition: bottom .4s linear .1s;}
.month_price { padding:15px; background:#fff; height:305px; text-align:center;  }
.month_price dd { float:left; }
.month_price input[type="radio"] { width:18px; height:18px; }
.month_price h1 { font-size:14px; padding-bottom:30px; text-align:left; font-weight:300; }
.month_price dl { font-size:17px; }
.month_price span { font-size:14px; padding-left:10px; padding-right:10px; }
.month_price select { width:98px; height:30px; border-radius:5px; border:1px solid #c4c4c4; color:#848484; padding-left:10px; padding-right:10px; }
.month_price p { font-size:15px; padding-bottom:20px; }
.month_price p.radio { width:50%; margin:0 auto; }
.month_price p.explan { font-size:11px; color:#979797; text-align:left; padding-left:22px; padding-top:0px; } 
.monthprice { text-align:left; padding-left:9px; } 
.month_price strong { font-size:20px; padding-left:8px; padding-right:8px; }
.month_price dd { text-align:center; }

.more_div_area {background-color:#fff; padding-bottom:20px;}
.more_div_area p {text-align:center; clear: both; font-size:15px; margin-bottom:20px;}
.more_div_area span{color:#286EAC;}
.more_div_area ul {border:1px solid #E2E2E2; border-top:2px solid #00549D; width:95%; margin:0 auto;}
.more_div_area ul li {padding:20px; border-bottom:2px dashed #E5E5E5;}
.more_div_area ul li:nth-last-child(1) {border-bottom:0;}
.more_div_area dl {position:relative;}
.more_div_area dl dt {margin-bottom:20px; font-size:17px; font-weight:700;}
.more_div_area dl dt span {color:#004796; margin-right:20px;}
.more_div_area dl dd {width:calc(100% - 60px); color:#999; word-break: keep-all;}
.more_div_area dl dd img {position:absolute; right:10px; bottom:10px;}

.more_button_box {padding-bottom:0px; text-align:center; position:relative; top:-40px;}
.more_button_box button {width:95%; padding:15px 0; border:1px solid #24A1D3; color:#24A1D3; background-color:#fff; text-align:center; border-radius:10px; font-size:15px;}
.more_button_box button img {margin-left:10px;}
.movie { margin-bottom:10px;  } 
.movie iframe { width:95%; text-align:center; } 

.total_halbu { width:100%; height:424px; line-height:25px; background:#fff; margin-top:15px; padding:20px 0px 0px 0px; }
.total_halbu table { width:100%; }
.total_halbu td { float:left; width:100%; text-align:left; padding-left:20px; }
.total_halbu_content h1 { font-size:15px; padding-left:10px; font-weight:normal; }
.total_halbu_content table { width:100%;  margin:0 auto; padding-top:10px; padding-bottom:10px; line-height:20px; font-size:15px; font-weight:300; margin-top:2px; padding:10px; }
.total_halbu_content table td { text-align:left; color:#757575; padding-left:0px;   }
.total_halbu_content table th { text-align:right; font-weight:300; padding-right:0px; }
.total_halbu_content table { line-height:30px; }
.total_halbu_content table.total_price_sum { width:100%; font-size:15px; border:3px solid #00549D; border-radius:13px;  }
.total_halbu_content table.total_price_sum td { float:left; width:50%; text-align:left; padding-left:10px;}
.total_halbu_content table.total_price_sum th { float:right; width:50%; text-align:right; color:#00549D; font-size:20px; font-weight:bold; padding-right:10px; }
.total_halbu table.total_price_sum { width:95%;margin:0 auto;border:3px solid #00549D; margin-top:-25px; }
.total_halbu table.total_price_sum td {  }
.total_halbu table.total_price_sum th {  }
.table_text01 { white-space:nowrap; }
.price_bold { color:#00549D; font-size:20px; font-weight:bold; }
.carver_delear { padding-top:0px; color:#B1B1B1; }
.carver_delear span { padding-left:10px; padding-right:15px; font-size:14px; letter-spacing:0.5px; position:relative; top:-5px; }

@media (min-width: 280px) and (max-width: 320px) {
.main_visual_box { height:120px; }
#mobile_menu .top ul li { width:120px; }
.main_promotion_banner { height:125px; }
.main_promotion_banner li { padding-left:2px;  }
.main_promotion_banner li.homeservice span { font-size:11.5px;  }
.main_promotion_banner li { height:145px; margin-bottom:10px; }
.main_promotion_banner2 { display:none; }
.main_mobile_youtube h1 { font-size:16px; }
.main_mobile_youtube iframe { height:185px; } 
.sell_item { margin-top:30px;  }
.sell_item .sell_thumb { margin:-35px 0px 20px 0px; width:100%; }
.sell_item .sell_thumb span { font-size:12px; font-weight:500; } 
.sell_item .sell_thumb img { border-radius:40px 0px 40px 0px; z-index:99; width:100%; } 
.sell_item h1 { text-align:center; padding-top:0px; padding-bottom:25px; font-size:14px; font-weight:300; width:100%;}
.sell_item ul {margin:0 auto; flex-wrap:wrap; justify-content: center;} 
.sell_item ul:after {content:''; clear:both;}
.sell_item li { float:left; width:45.8%; height:270px; border:1px solid #E5E5E5; margin-top:30px; margin-left:2%; margin-right:2%; margin-bottom:30px; position:relative;}
.sell_item .spec_info {}
.sell_item p { line-height:20px; padding-left:10px; }
.sell_item div.price { height:30px; }
.price_bold { font-size:15px; }
.sell_item p.title { height:55px; padding-bottom:0px; font-size:13px; font-weight:bold; }
.sell_item p.spec1 { color:#9E9E9E; margin-top:-10px; font-size:11px; }
.sell_item p.spec2 { color:#9E9E9E; padding-bottom:10px; }
.sell_item span.installment { font-weight:500; position:relative; top:5px; }
.sell_item .totalprice { float:right; margin-right:10px; margin-top:4px; font-size:12px; }
.sell_item .totalprice strong {  }
.sell_item .firstprice { padding-top:0px; letter-spacing:-0.3px; color:#888; }
.sell_item .finalprice { float:right; margin-right:11px; }
.sell_item span.line { padding:0px 5px 0px 5px; }
.total_halbu_content table { font-size:11px; }
.total_halbu_content table th {  }
..g5_category { width:89%; margin:0 auto;  } 
.company_menu { width:100%; }
.company_menu li { float:left; text-align:center; height:60px; margin-top:0px; font-size:14px; font-weight:normal; padding:32px 6px 0px 6px; color:#999; } 
.company_menu li.on { color:#0094E5; border-bottom:2px solid #0094E5; font-weight:bold;  }
.month_price strong { font-size:15px; padding-left:2px; padding-right:2px; }
.month_price span { font-size:11px; padding-left:3px; padding-right:3px; }
.month_price input[type="radio"] { width:13px; height:13px; }
.main_customer {  text-align:center; height:450px; padding:33px 0px 0px 0px; position:relative; left:0px; background:#fff; }
/* 작은해상도폰 (아이폰se / 갤럭시폴드 작은화면) */
.totalcount li { float:left; background:#fff; float:left;  padding:0px;  width:80px; line-height:20px; height:160px; margin-top:10px; margin-left:2%; margin-right:2%;  }
.col_k { width: 42%; margin-top:20px; margin-left:10px; margin-right:10px;margin-bottom:10px; position:relative; float:left; background:#f1f1f1; border-radius:0px 20px 0px 0px; }
.carmodel { font-size:12px; }
.month_price strong  { font-size:13px; }
#bo_gall .gall_img img { width:50%; margin-top:20px; margin-bottom:20px; }
.month_price select { width:80px; font-size:12px; }
.main_customer h3 strong { font-size:20px; }
.main_customer h3 { font-size:15px; }
.main_customer ul.best li { margin:10px 0px 0px -3px; }
.total_halbu_content table.total_price_sum th { font-size:15px; }
.footermenu { text-align:center; }
.footermenu ul { width:58%; margin:0 auto; }
.footermenu li { float:left; color:#eee; font-weight:normal; padding:0px 5px 0px 5px; padding-top:20px; margin-right:0px; font-size:10px; } 
#sangdam_popup { bottom:-18px; } 
.sangdam_button { bottom:-18px; }
.sell_item .totalprice strong { font-size:11px; margin-top:10px; }
.carview .carview_homeserivcephone { width:100%; margin-top:-60px; }
.carview .carview_homeserivcephone .icon { width:58px; float:left; }
.carspecbaseinfo li { margin-left:2px; margin-right:2px; }
.insurance li { font-size:12px; padding-left:10px; padding-right:10px; }
.carview table.carbaseinfotable { height:168px; }
.performance_check { height:160px; }
.carview .carview_carname p.carspec { font-size:15px; }
.carver_delear span { font-size:12.5px; }
.insurance_check table.insuranceinfotable { padding:5px; } 
.insurance_check h2 { font-size:7px; }
.insurance_check dd { font-size:7px;  }
}


@media (min-width: 320px) and (max-width: 360px) { 
.main_promotion_banner li.homeservice span { font-size:12px;  }
.insurance li { padding-right:5px; }
.carspecbaseinfo {  }
.carspecbaseinfo li { margin-left:15px; margin-right:15px; }
.performance_check li { margin-left:25px; margin-right:25px; }
.carspecbaseinfo span { font-size:12px; } 
.more_div_area p { font-size:15px; }
}

@media (min-width: 481px) and (max-width: 767px) {
/* 작은해상도 테블릿 (서피스 듀오 / 갤럭시폴드) */
#mobile_menu .top ul li { width:205px; }
.sell_item { margin-top:30px;  }
.sell_item .sell_thumb { margin:-35px 0px 20px 0px; width:100%; }
.sell_item .sell_thumb span { font-size:12px; font-weight:500; } 
.sell_item .sell_thumb img { border-radius:40px 0px 40px 0px; z-index:99; width:100%; } 
.sell_item h1 { text-align:center; padding-top:0px; padding-bottom:25px; font-size:22px; font-weight:300; width:100%;}
.sell_item ul {margin:0 auto; flex-wrap:wrap; justify-content: center;} 
.sell_item ul:after {content:''; clear:both;}
.sell_item li { float:left; width:45%; height:340px; border:1px solid #E5E5E5; margin-top:30px; margin-left:2%; margin-right:2%; margin-bottom:30px; position:relative;}
.sell_item .spec_info {}
.sell_item p { line-height:20px; padding-left:10px; }
.sell_item div.price { height:30px; }
.sell_item p.title { height:55px; padding-bottom:0px; font-size:12px; font-weight:bold; }
.sell_item p.spec1 { color:#9E9E9E; margin-top:-10px; }
.sell_item p.spec2 { color:#9E9E9E; padding-bottom:10px; }
.sell_item span.installment { font-weight:500; position:relative; top:5px; }
.sell_item .totalprice { float:right; margin-right:10px; margin-top:3px; font-size:14px; }
.sell_item .totalprice strong {  }
.sell_item .firstprice { padding-top:0px; letter-spacing:-0.3px; color:#888; }
.sell_item .finalprice { float:right; margin-right:11px; }
.sell_item span.line { padding:0px 5px 0px 5px; }

.main_visual_box { height:220px; }
.main_mobile_youtube iframe { height:400px; } 

.promotion_mobileslide { width:98%; margin:0 auto; height:245px;  }

.movie_news { height:555px; }
.family { height:760px; }

.footermenu { text-align:center; }
.footermenu ul { width:28%; margin:0 auto; }
.footermenu li { float:left; color:#eee; font-weight:normal; padding:0px 5px 0px 5px; padding-top:20px; margin-right:0px; } 

.promotion_mobileslide img { max-width:40%;  }
.more_div_area { margin-top:0px; }
.carview .carview_carprice { width:95%; margin: 0 auto; height:48px; margin-bottom:5px; border-bottom:1px solid Transparent; }
.carview .carview_homeserivcephone { margin-top:160px; margin-left:140px; }
.carview .carview_carname { padding-top:30px; } 

}



@media (min-width: 768px) and (max-width: 1024px) {
/* 큰해상도 테블릿 (아이패드 / 아이패드 pro) */
.main_promotion_banner li { padding-left:5px; padding-right:5px; } 
#mobile_menu .top ul li { width:300px; }
.main_visual_box { height:320px; }
.main_mobile_youtube iframe { height:500px; } 
.sell_item { margin-top:30px;  }
.sell_item .sell_thumb { margin:-35px 0px 20px 0px; width:100%; }
.sell_item .sell_thumb span { font-size:12px; font-weight:500; } 
.sell_item .sell_thumb img { border-radius:40px 0px 40px 0px; z-index:99; width:100%; } 
.sell_item h1 { text-align:center; padding-top:0px; padding-bottom:25px; font-size:22px; font-weight:300; width:100%;}
.sell_item ul {margin:0 auto; flex-wrap:wrap; justify-content: center;} 
.sell_item ul:after {content:''; clear:both;}
.sell_item li { float:left; width:45%; height:420px; border:1px solid #E5E5E5; margin-top:30px; margin-left:2%; margin-right:2%; margin-bottom:30px; position:relative;}
.sell_item .spec_info {}
.sell_item p { line-height:20px; padding-left:10px; }
.sell_item div.price { height:30px; }
.sell_item p.title { height:55px; padding-bottom:0px; font-size:12px; font-weight:bold; }
.sell_item p.spec1 { color:#9E9E9E; margin-top:-10px; }
.sell_item p.spec2 { color:#9E9E9E; padding-bottom:10px; }
.sell_item span.installment { font-weight:500; position:relative; top:5px; }
.sell_item .totalprice { float:right; margin-right:10px; margin-top:3px; font-size:14px; }
.sell_item .totalprice strong {  }
.sell_item .firstprice { padding-top:0px; letter-spacing:-0.3px; color:#888; }
.sell_item .finalprice { float:right; margin-right:11px; }
.sell_item span.line { padding:0px 5px 0px 5px; }

.promotion_mobileslide { width:98%; margin:0 auto; height:245px;  }
.movie_news { height:755px; }
.family { height:870px; }

.footermenu { text-align:center; }
.footermenu ul { width:20%; margin:0 auto; }
.footermenu li { float:left; color:#eee; font-weight:normal; padding:0px 5px 0px 5px; padding-top:20px; margin-right:0px; } 
.promotion_mobileslide img { max-width:40%;  }
.more_div_area { margin-top:0px; }
.carview .carview_carprice { width:95%; margin: 0 auto; height:48px; margin-bottom:5px; border-bottom:1px solid Transparent; }
.carview .carview_homeserivcephone { margin-top:320px; margin-left:250px; }
.carview .carview_carname { padding-top:30px; } 

.sangdamprivacy img {position: relative; top: -6px; right: -35px; width: 36px; height: 29px; float: right; padding: 10px;}
#sangdam_popup .sangdamprivacy span {top:0;}
.sangdamprivacy .show_text {display:none;}
.row.show .sangdamprivacy .show_text {display:inline;}
.row.show .sangdamprivacy .no_show_text {display:none;}
.row.show .sangdamprivacy img {transform: rotate(180deg);}

#sangdam_popup { bottom:59px; } 
.sangdam_button { bottom:60px; }
}

.mypage_top { height:88px; }
.mypage_top img { width:100%; }