@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
 @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
button {border:0 none;background-color:transparent;cursor:pointer}
p, dt, dd, button, h1, h2, h3, h4, h5, th, td, div, input, button, textarea {font-family: 'Noto Sans KR', sans-serif; color:#363842}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}
.clear {clear:both;}

.input_basic {border: 0px; border-bottom: 1px solid #555; padding: 0 8px; height:40px; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; box-sizing: border-box;}
.input_basic:hover {border: 1px solid #ccc; transition-property: border-color, color; transition-duration: 0.3s; transition-timing-function: ease-out;}
.input_basic:focus {border: 1px solid #ccc;}
.input_basic_search {border: 1px solid #969696; padding: 0 8px; height: 40px; border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px;}
.input_basic[disabled], .input_basic[readonly], fieldset[disabled] .input_basic { cursor: pointer; background-color: #eee; opacity: 1;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/ico_dropdown.png) no-repeat right #fff; background-size: 17px 30px; padding: 4px 25px 5px 5px; height: 40px; border: none; border-bottom: 1px solid #555;}
select::-ms-expand { display: none; }
.btn_basic { border: 1px solid #555; height: 40px; padding: 0 10px; min-width: 50px; background: #fff; color: #555}
.btn_basic:hover { background: #eaf7ee;}
.btn_basic:visited { color: #eaf7ee;}
.btn_apply {padding: 10px 7px; background: #eaf7ee; border: 1px solid #333; border-radius: 5px; width: 48%; font-weight: bold; color: #333}
.btn_apply:hover { background: #eaf7ee;}
.btn_apply:visited { color: #eaf7ee;}
.btn_confirm {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height: 40px; padding: 0 10px; min-width: 50px; width: 70px; background: #eaf3fa; color: #3b4fa0; border: 1px solid #3b4fa0}
.btn_confirm:hover { background: #eaf7ee; color: #fff; border: 1px solid #eaf7ee}
.btn_confirm:visited { color: #eaf7ee;}
.btn_modify {padding: 5px 7px; background: #eaf7ee; border: 1px solid #333; border-radius: 5px; position: absolute; top: 27px; right: 25px}
.btn_whole {padding: 10px 7px; background: #eaf7ee; border: 1px solid #333; border-radius: 5px; width: 100%; font-weight: bold; color: #333}
.btn_whole span {color:#33b155}
.sub_stit {font-weight: bold; margin-top: 30px; margin-bottom: 10px; color: #505050}
.sub_stit span {font-size: 13px; font-weight: normal; color: #505050}

.form_box textarea {width: 100%; height: 140px; border: 1px solid #999; box-sizing: border-box; padding: 10px 15px; font-size: 14px}

.form_box {margin-bottom:20px}
.form_box h4 {margin-bottom:5px;}
.form_box ul {text-align: center;}
.form_box ul li {display: inline; margin-right: 10px; padding: 5px 7px;}
.form_box li label {}

	.apply_btn {margin: 30px 0px}
	.apply_btn .btn_left {width: 50%; padding: 15px 0; cursor: pointer; float: left; background: #282828; color: #fff; text-align: center; font-weight: bold}
	.apply_btn .btn_right {width: 50%; padding: 15px 0; cursor: pointer; float: right; background: #33b155; color: #fff; text-align: center; font-weight: bold}
	.apply_btn .btn_whole {width: 100%; padding: 15px 0; cursor: pointer; float: right; background: #33b155; color: #fff; text-align: center; font-weight: bold;}

input[class="cb"] + label {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 1px solid #555;
	border-radius: 2px;
	cursor: pointer;
}
input[class="cb"]:checked + label {
	background: url("../images/checkbox.png") no-repeat; background-size: 18px 18px
}
input[class="cb"] {
	display: none;
}

.table_price .price_label { padding-left: 28px; width: 200px}
.use_purpose { padding-left: 28px; margin-top: -3px; width: 100px}
.use_purpose_wrap li { display: inline-block; min-width: 100px; width: 23%; margin-top: 10px;}

.box_image_wrap {}
#box_image_trigger {width: 100%; height: 200px; text-align: center; cursor: pointer;}
#box_image_picture {width: 30%; height: 70%; margin-top: 20px; object-fit: contain;}

	.sub_tit .progress {float: right}
	.social_login {margin: 20px 0 50px 0}
	.social_login li {width: 90%; margin: 0 auto 15px auto; text-align: left; padding-left: 70px; box-sizing: border-box; border-radius: 5px; padding: 15px 0px 15px 50px; cursor: pointer}
	.social_login .kakao {background: url(../images/logo_kakao.png) no-repeat 15px 13px; background-color: #fae301; background-size: 25px 25px;}
	.social_login .naver {background: url(../images/logo_naver.png) no-repeat 15px 13px; background-color: #1fbc02; color: #fff; background-size: 25px 25px;}
	.social_login .google {background: url(../images/logo_google.png) no-repeat 15px 13px; background-color: #fff; border: 1px solid #ccc; background-size: 25px 25px;}
	.social_login .facebook {background: url(../images/logo_facebook.png) no-repeat 15px 13px; background-color: #375dab; color: #fff; background-size: 25px 25px;}
	.join_iframe {background: #fff; border: 1px solid #33b155; margin: 5px 0 15px 0}

	/* .subpage_top_menu {width: 100%; height: 75px; background: #33b155; position: relative}
	.subpage_top_menu section {margin: 0 auto; position: relative}
	.subpage_top_menu .draw_menu {position: absolute; left: 0px; top:0px;}
	.subpage_top_menu button {width: 85px; height:85px;}
	.subpage_top_menu .draw_menu .draw_menu_button img {width: 40px; height: 40px}
	.subpage_top_menu  h1 {text-align: left; padding-top: 25px; padding-left: 25px;}
	.subpage_top_menu  h1 img {width: 40px}
	.subpage_top_menu .katalk {position: absolute; right: 0px; top:0px;}
	.subpage_top_menu .katalk img {width: 40px; height: 40px}
	.subpage_top_menu ul {position: absolute; top:28px; right: 15px;}
	.subpage_top_menu li {display: inline; padding: 10px; color: #fff; font-weight: bold; cursor: pointer;} */

	.draw_menu_wrap {width: 300px; height: 100%; position: fixed; top:0px; right: 0px; background: #33b155; box-shadow: 0px 0px 20px rgba(0, 0, 0, .3); z-index: 1000 }
	.draw_menu_wrap .draw_menu_li {margin: 30px}
	.draw_menu_wrap .draw_menu_li li {color: #fff; cursor: pointer; margin-bottom: 10px; padding: 5px 0}
	.draw_menu_wrap .logout {position: absolute; top: 105px; right: 30px; border: 1px solid #8ad6a5; padding: 5px 7px!important; font-size: 14px;}

 	.pic_license {border: 1px solid #999999; margin-bottom: 10px;}
 	.pic_license .btn_uploadimg {width: 50%; height: 110px; padding: 0px 0px 60px 0px; background: url(../images/ico_picture.png) no-repeat; background-position: center 50px; background-size: 50px; font-size: 16px; float: left;}
 	.carpic_list li {width:25%; float: left; text-align: center; margin-bottom: 7px;}
 	.carpic_list .btn_uploadimg_s {width:95%; height: 80px; border: 1px solid #999999; background: url(../images/ico_picture.png) no-repeat; background-position: center; background-size: 50px;}
 	
 	.table_list {width: 100%; border-collapse: collapse; margin-top: 10px;}
 	.table_list td {border: 1px solid #ccc; font-size: 14px; width: 33.3%; text-align: center; padding:10px 0; cursor: pointer; }
 	.table_list .on {background: #33b155; color: #fff}

	.table_price {width: 100%; border-collapse: collapse; margin-top:20px;}
	.table_price td {font-size: 14px; padding-bottom: 5px}
	.table_price .price {text-align: right; font-size: 18px; color: #33b155; font-weight: bold}

	.total_price {margin-top: 20px; border-top: 1px solid #555; width: 100%;}
	.total_price td {padding-top: 20px; text-align: right; font-size: 22px; color: #33b155; font-weight: bold}
	.total_price .tit {color: #aaa; text-align: left; padding-top: 10px; font-size: 18px}
	.total_price .price {padding-top: 10px}
	.reserv_comment {text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 14px;}

 	.resev_confirm {margin-top: 10px;}
 	.resev_confirm span {width: 50px; background:#33b155; padding: 3px 10px; border-radius: 15px; color: #fff}
 	.resev_confirm th {width: 80px; color: #aaa; font-weight: bold;}
 	.resev_confirm .infor {font-size: 14px; padding-bottom: 10px;}

	.resev_confirm_price {border-top: 1px solid #555; border-bottom: 1px solid #555; margin-top: 30px; padding-top: 20px; padding-bottom: 30px}
	.resev_confirm_price h4 {font-weight: bold; margin-top: 10px}
	.resev_confirm_price table {width: 100%}
	.resev_confirm_price th {}
	.resev_confirm_price td {text-align: right; color:#33b155; font-weight: bold;}

	.reserv_progress { text-align: center; }
	.reserv_progress li {border-radius: 20px; background: #333; width: 68px; box-sizing: border-box; padding: 6px 0px; text-align: center; display: inline-block; color: #fff; font-size: 11px; letter-spacing: -1px}
	.reserv_progress .on {background: #33b155;}

	.infor_mypage { padding-bottom: 30px; }
	.infor_mypage li { width: 50%; float: left; text-align: center; color: #777}
	.infor_mypage li b { color: #33b155 }
	.comment_nonereserv {text-align: center; margin-top: 10px; margin-bottom: 40px; font-size: 18px; font-weight: bold;}
	.comment_nonereserv {text-align: center; margin-top: 10px; margin-bottom: 40px; font-size: 18px; font-weight: bold;}


	.reservation_infor { padding: 15px; margin-bottom: 10px; border:1px solid #555; border-radius: 5px; position: relative;}
	.reservation_infor table { width: 100% }
	.reservation_infor th { font-size: 14px; color: #777; font-weight: bold; width: 70px}
	.reservation_infor th div {text-align: center; font-size: 12px; background: #33b155; border-radius: 5px; padding: 5px 0; font-weight: normal;}
	.reservation_infor th div p {color: #fff}
	.reservation_infor td { padding: 3px 0 3px 15px; font-size: 14px; font-weight: bold;}
	.reservation_infor .total {color: #dc0000}
	.reservation_infor .more_down {width: 28px; height: 28px; background: url(../images/ico_arrow_down.png) no-repeat; background-size: 28px; position: absolute; bottom: -14px; left: 50%; margin-left: -14px;}
	.reservation_infor .more_up {width: 28px; height: 28px; background: url(../images/ico_arrow_up.png) no-repeat; background-size: 28px; position: absolute; bottom: -14px; left: 50%; margin-left: -14px;}
	.reservation_infor .more_right {width: 28px; height: 28px; background: url(../images/ico_arrow_right.png) no-repeat; background-size: 28px; position: absolute; top: 30px; right: 15px;}
	.ta_r {text-align: right;}
	hr {border:none; border-top: 1px solid #555}

	.reservation_infor .driver_pic {float: left; width: 54px; height: 54px; border-radius: 27px; border:1px solid #555; overflow: hidden;}
	.reservation_infor .driver_infor {float: left; font-size: 14px; margin-left: 15px; margin-bottom: 15px; font-weight: bold;}
	.reservation_infor .driver_infor ul { margin: 2px 0 3px 0; }
	.reservation_infor .driver_infor ul .name {font-size: 18px}
	.reservation_infor .driver_infor li {display: inline; margin-right: 8px;}
	.reservation_infor .driver_infor li span {color: #33b155}
	.reservation_infor .driver_infor p span {padding: 0 10px;}
	.reservation_infor .driver_infor a {color: #33b155; text-decoration: underline;}
	.reservation_infor .function { text-align: center; }
	.reservation_infor_wrap {margin-bottom: 30px;}

	.calender { padding: 15px; margin-bottom: 10px; border:1px solid #555; border-radius: 5px; position: relative;}
	.calender table { width: 100% }
	.calender th {padding: 0px 0 15px 0; font-size: 14px; font-weight: bold; text-align: center; color: #777;}
	.calender td { padding: 7px 0 8px 0; font-size: 14px; font-weight: bold; text-align: center; position: relative; cursor: pointer;}
	.calender .on {background: #33b155; color: #fff; border-radius: 30px;}
	.calender td span {width: 8px; height: 8px; border-radius: 8px; background: #33b155; display: block; position: absolute; top: 28px; left: 50%; margin-left: -4px;}
	.calender p {text-align: center; position: relative; margin-bottom: 15px;}
	.calender .prev {width: 20px; height: 20px; background: url(../images/ico_arrow_left.png) no-repeat; background-size: 20px; position: absolute; bottom: 0px; left: 10px;}
	.calender .next {width: 20px; height: 20px; background: url(../images/ico_arrow_right.png) no-repeat; background-size: 20px; position: absolute; bottom: 0px; right: 10px;}
	.calender_list { margin-bottom: 10px; font-weight: bold; cursor: pointer;}
	.calender_list_on dt { background: #33b155; color: #fff; border-radius: 30px;}
	.calender_list_on { background: #f0f0f0; padding: 5px}
	.calender_list dt {display: inline-block; text-align: center; width: 30px; height: 30px;}
	.calender_list dd {display: inline; padding: 5px}

	.popup_wholewrap {}
	.popup_wholewrap header {width: 100%; padding: 10px 0; text-align: center;background: #333; position: relative;}
	.popup_wholewrap h4 {color: #fff;}
	.popup_wholewrap .btn_close {background: url(../images/btn_close.png) no-repeat; background-position: center; background-size: 18px; width: 35px; height: 35px; position: absolute; top: 4px; right: 5px;}
	.popup_wholewrap ol { }
	.popup_wholewrap ol li { padding: 8px 0; border:1px solid #555; box-sizing: border-box; margin-right: -1px; width: 90px; float: left; text-align: center; font-weight: bold; cursor: pointer; }
	.popup_wholewrap ol .on { background: #33b155; color: #fff; }
	.popup_wholewrap section {padding: 20px;}
	.popup_wholewrap article {margin-bottom: 20px; position: relative;}
	.popup_wholewrap article p {position: absolute; top:8px; right: 0px;}
	.popup_wholewrap .popup_contents_wrap {overflow: auto; padding-right: 10px;}

	.review {position: relative;}
	.review .sub_stit {color: #282828}
	.review .point {position: absolute; top: 0px; right: 0px;}
	.review .point span {color: #33b155}

	.review .guest {width: 100%; border-radius: 10px; background: #f5f5f5; padding: 10px 15px; box-sizing: border-box; position: relative; margin-top: 15px;}
	.review .guest .date, .review .host .date {position: absolute; top: 10px; right: 15px;}
	.review .guest .content, .review .host .content {padding: 10px 0}
	.review .host {width: 90%; border-radius: 10px; background: #e5f5ea; padding: 10px 15px; box-sizing: border-box; position: relative; margin-top: 7px;}
	.more_review {width: 100%; padding: 10px 0; margin:10px 0}
	
	.under_btn { margin-bottom: 40px }
	.under_btn li {width: 49%; height: 30px; font-size: 14px; letter-spacing: -1px; display: inline-block; background: #33b155; color: #fff; font-weight: bold; border-radius: 30px; text-align: center; padding: 12px 0 4px 0; cursor: pointer;}

	.draw_menu_btn {background: url(../images/ico_hamburger_menu.png) no-repeat; background-position: center; background-size: 30px; position: absolute; top: -5px; right: 5px;}

	.main_contents_wrap h3 {letter-spacing: -1px;}

    .detail_bus_img {position: relative; height: 350px; overflow: hidden;}
    .detail_bus_img .pic_image {position: absolute; top: 0; left: 0; width: 100%; object-fit: fill;}
    .detail_bus_img .pic_prev {position: absolute; top: 161px; left: 30px; width: 28px; height: 28px; background: url(../images/ico_arrow_left.png) no-repeat; background-size: 28px; opacity: 0.7; z-index: 1004;}
    .detail_bus_img .pic_next {position: absolute; bottom: 161px; right: 30px; width: 28px; height: 28px; background: url(../images/ico_arrow_right.png) no-repeat; background-size: 28px; opacity: 0.7; z-index: 1004;}

.tabmenu{ 
  position:relative; 
  z-index: 5;
}
.tabmenu dl dd{
  display:  inline-block;
  width:33.33%; 
  float:left;
  text-align:center; 
  border:1px solid #ccc;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  margin-left: -1px;
}
.tabmenu label{
  display:block;
  width:100%; 
  height:60px;
  line-height:60px;
  cursor: pointer;
}
.tabmenu input{display:none;}
.tabCon{
  display:none; 
  text-align:left; 
  padding-top: 40px;
  position:absolute; 
  left:0; top:40px; 
  box-sizing: border-box; 
}
.tabmenu input:checked ~ label{
	background-color: #fff;
}
.tabmenu input:checked ~ .tabCon{
  display:block;
}

/* pc */
@media screen and (min-width:700px) {
	.main_g {width: 100%; height: 550px; background: url(../images/bg_back.png) repeat-x; background-size: 10px 550px;}
	.main_g h2 {color: #fff; padding-top: 15px; font-size: 48px; text-align: center; font-style: italic;}
	.main_g .comment {color: #fff; margin-top: 15px; font-size: 20px; text-align: center;}
	.main_g ul {width: 90%; margin:25px auto; text-align: center;}
	.main_g li {display: inline-block; margin:0 10px; color: #fff; font-size: 16px; text-align: center; line-height: 2em}
	.main_g li button {width: 180px; padding: 8px 0 10px 0; border-radius: 30px; color: #fff; background: #33b155; font-size: 24px; font-weight: bold;}
	.main_g .pic {width: 750px; height: 230px; margin:50px auto 0 auto; background: url(../images/pic_bg_all.png) no-repeat; background-size: 750px 230px;}

	.promiss_contents_wrap {padding: 0 27px; margin: 70px auto 0 auto; width: 700px}
	.promiss {}
	.promiss h3 {text-align: center; font-size: 36px; font-style: italic; margin-bottom: 30px;}
	.promiss ul {text-align: center; margin-bottom: 30px;}
	.promiss li {width: 30%; height: 220px; margin:0 7px; text-align: center; display: inline-block; vertical-align: top;}
	.promiss .pic {}
	.promiss h4 { font-size: 20px; font-weight: bold;}
	.promiss .comment { font-size: 14px; padding: 0 5px; margin-top: 5px}

	.client_wrap {width: 100%; height: 800px; padding: 40px 0; background: #f0f0f0;}
	.client_wrap .client {width: 700px; margin:0 auto}
	.client_wrap h3 {text-align: center; font-size: 36px; font-style: italic; margin-bottom: 30px; line-height: 1.2em;}
	.client_wrap ul {}
	.client_wrap ul li { border: 1px solid #ccc; width: 33.3%; float: left; box-sizing: border-box; margin-bottom: -1px; margin-left: -1px; padding: 20px 0 18px 0; text-align: center;}

	.whole_wrap {padding: 25px 27px; width: 700px; margin:0 auto; position: relative;}
	.sub_tit {color: #282828; font-size: 24px; margin-bottom: 25px; font-weight: bold;}

	.popup_wholewrap {position: absolute; top:0px; left: 50%; margin-left: -250px; background: #fff; width: 500px; height: 500px; box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);}
	
	.guide_box {width: 100%; margin-bottom: 10px}
	.guide_box .num {width: 50px; height: 35px;  background: #33b155; color: #fff; text-align: center; line-height: 32px; font-size: 20px}
	.guide_box .contents {width: 100%; min-height: 75px; background: #fff; font-size: 16px; line-height: 1.1em}
	.guide_box p {padding: 20px; line-height: 1.4em}
	.guide_box .caution {padding-top: 0px; font-size: 14px;}
	.btn_guide {background:#e91e63;  float: right; color: #fff; padding: 5px 10px; margin-top: 3px; font-size: 12px;}
	
	.main_contents_wrap {padding: 0 27px; margin: 70px auto 0 auto; width: 700px}
		
	.features {margin-bottom: 50px}
	.features h3 {font-size: 18px; margin-bottom: 30px}
	.features li {float: left; width: 33%; text-align: center}
	
	.qa {margin-bottom: 50px}
	.qa h3 {font-size: 18px; margin-bottom: 30px}
	.qa dl {margin-bottom: 20px}
	/* .qa dt {background: url(../images/ico_q.png) no-repeat; background-size: 35px; min-height: 30px; padding-top: 5px; padding-left: 40px; margin-bottom: 10px}
	.qa dd {background: url(../images/ico_a.png) no-repeat; background-size: 35px; min-height: 30px; padding-top: 5px; padding-left: 40px} */
	
	.guide {padding: 20px; background: #fff}
	.guide .katalk {background: url(../images/ico_katalk.png) no-repeat; background-size: 70px; min-height: 55px; padding-top: 15px; padding-left: 80px; margin-bottom: 10px; float: left; cursor: pointer; font-size: 24px}
	/* .guide .phone {background: url(../images/ico_phone.png) no-repeat; background-size: 70px; min-height: 55px; padding-top: 15px; padding-left: 80px; margin-bottom: 10px; float: right; cursor: pointer; font-size: 24px} */

	.my_storyg_box table {padding-left: 40px}
	.my_storyg_box .modify {padding: 5px 60px;}

	.radio_lo { margin-top: -35px; }
}

/* 모바일 */
@media screen and (max-width:699px) {
	.main_g {width: 100%; height: 410px; background: url(../images/bg_back.png) repeat-x; background-size: 10px 410px;}
	.main_g h2 {color: #fff; padding-top: 15px; font-size: 30px; text-align: center; font-style: italic;}
	.main_g .comment {color: #fff; margin-top: 15px; font-size: 14px; text-align: center;}
	.main_g ul {width: 90%; margin:25px auto; text-align: center;}
	.main_g li {display: inline-block; color: #fff; font-size: 12px; text-align: center; line-height: 2em}
	.main_g li button {width: 150px; padding: 8px 0 10px 0; border-radius: 30px; color: #fff; background: #33b155; font-size: 18px; font-weight: bold;}
	.main_g .pic {width:100%; height: 170px; margin:35px auto 0 auto; background: url(../images/pic_bg.png) no-repeat; background-size: 350px 170px; }

	.client_wrap {width: 100%; height: 970px; padding: 40px 0; background: #f0f0f0;}
	.client_wrap .client {width: 90%; margin:0 auto}
	.client_wrap h3 {text-align: center; font-size: 36px; font-style: italic; margin-bottom: 30px; line-height: 1.2em;}
	.client_wrap ul {}
	.client_wrap ul li { border: 1px solid #ccc; width: 50%; float: left; box-sizing: border-box; margin-bottom: -1px; margin-left: -1px; padding: 20px 0 18px 0; text-align: center;}
	.client_wrap ul li img {width: 80%;}

	.promiss_contents_wrap {padding: 0 5px; margin-top: 40px}
	.promiss {}
	.promiss h3 {text-align: center; font-size: 32px; font-style: italic; margin-bottom: 30px;}
	.promiss ul {text-align: center; width: 100%;}
	.promiss li {width: 43%; height: 200px; margin:0 5px 10px 5px; text-align: center; display: inline-block; vertical-align: top;}
	.promiss .pic {}
	.promiss h4 { font-size: 18px; font-weight: bold;}
	.promiss .comment { font-size: 13px; padding: 0 5px; margin-top: 5px}

	.whole_wrap {padding: 25px 27px; position: relative;}
	.sub_tit {color: #282828; font-size: 24px; margin-bottom: 25px; font-weight: bold;}

	.popup_wholewrap {position: absolute; top:0px; left: 0px; background: #fff; width: 100%; height: 500px; box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);}
	
	.guide_box {width: 100%; margin-bottom: 10px}
	.guide_box .num {width: 50px; height: 35px;  background: #3b4fa0; color: #fff; text-align: center; line-height: 32px; font-size: 20px}
	.guide_box .contents {width: 100%; min-height: 75px; background: #fff; font-size: 16px; line-height: 1.1em}
	.guide_box p {padding: 20px; line-height: 1.4em}
	.guide_box .caution {padding-top: 0px; font-size: 14px;}
	.btn_guide {background:#e91e63;  float: right; color: #fff; padding: 5px 10px; margin-top: 3px; font-size: 12px;}
	
	.main_contents_wrap {padding: 0 27px; margin-top: 70px}
		
	.features {margin-bottom: 50px}
	.features h3 {font-size: 18px; margin-bottom: 30px}
	.features li {float: left; width: 33%; text-align: center}
	.features li img {width: 100px}
	
	.qa {margin-bottom: 50px}
	.qa h3 {font-size: 18px; margin-bottom: 30px}
	.qa dl {margin-bottom: 20px}
	/* .qa dt {background: url(../images/ico_q.png) no-repeat; background-size: 35px; min-height: 30px; padding-top: 5px; padding-left: 40px; margin-bottom: 10px}
	.qa dd {background: url(../images/ico_a.png) no-repeat; background-size: 35px; min-height: 30px; padding-top: 5px; padding-left: 40px} */
	
	.guide {padding: 20px; background: #fff}
	.guide .katalk {background: url(../images/ico_katalk.png) no-repeat; background-size: 50px; min-height: 39px; padding-top: 9px; padding-left: 55px; margin-bottom: 10px; cursor: pointer; font-size: 18px}
	/* .guide .phone {background: url(../images/ico_phone.png) no-repeat; background-size: 50px; min-height: 39px; padding-top: 9px; padding-left: 55px; cursor: pointer; font-size: 18px} */
	
	.my_storyg_box .modify {padding: 5px 20px;}

}
/*Chat*/
.group_chat {background:#c8e7d2; z-index:500; height:200px; width:100%; margin-bottom:10px;}
.group_chat .chat_contents {padding-bottom: 20px; overflow:auto;}
.group_chat .emoticon {width: 35px ; height: 35px; border-radius: 18px; overflow: hidden;}
.chat_contents .view_others {margin:20px 10px 0px 10px;}
.chat_contents .view_others .nickname {text-align:left; padding-top:0px;}
.chat_contents .view_others .message_wrap {max-width:75%; margin-top:7px; float:left}
.chat_contents .view_others .message {border-radius:7px; background:#fff; padding:10px;}

.chat_contents .view_me {margin:20px 10px 0px 10px; text-align:right;}
.chat_contents .view_me .nickname {margin-left:10px; padding-top:0px; text-align:right}
.chat_contents .view_me .message_wrap {max-width:75%; margin-top:7px; float:right}
.chat_contents .view_me .message {border-radius:7px; background:#eaf6fb; padding:10px; text-align:left;}
.chat_contents .time {margin-top:5px; margin-bottom:0px; font-size:11px;}

.group_chat .chat_input {position:relative; bottom:0px; width:100%; height:45px; background:#f0f0f0;}
.chat_input .input_form {padding:10px 5px 10px 50px; height:45px; width: calc(100% - 82px);; border:none; float:left; box-sizing: border-box;}
.chat_input .btn_send { width: 78px; padding: 12px 0; border-radius: 5px; background: #33b155; position: absolute; top: 2px; right: 2px; color: #fff}
.chat_input .btn_camera {background: url(../images/ico_camera.png) no-repeat; background-size: 30px; width: 30px; height: 30px; padding: 10px; position: absolute; top: 7px; left: 10px;}

.kakaotalk {position: fixed; right: 10px; bottom: 7px; z-index: 1006}
.kakaotalk img {width: 75px; height: 75px}
.bnr_floating {width: 100%; height: 48px; position: fixed; bottom: 0px; left: 0px; z-index: 1005}
.bnr_floating .bnr {position: fixed; bottom: -5px; left: 50%; margin-left: -125px;}
.bnr_floating .bnr_bg {width: 100%; height: 48px; background: linear-gradient(#003e5c, #00a9a0);}

.search_place_wrap {position: relative;}
.search_place_wrap .search_place {width: 100%; height: 310px; position: absolute; top: 39px; left: 0px; background: #fff; border: 1px solid #ccc; overflow: auto; box-sizing: border-box; z-index: 99;}
.search_place_wrap .search_place li {text-align: left; border-bottom: 1px solid #ccc; width: 100%; padding: 7px 15px 10px 15px; display: block; box-sizing: border-box; cursor: pointer;}
.search_place_wrap .search_place .address {font-size: 14px; color: #777}

/* footer */
footer {border-top:2px solid #333; padding-top: 20px; margin-bottom: 100px}
footer h2{margin-bottom: 10px}
footer div {font-size: 14px}
footer a:link {color:#363842}
footer a:hover {color:#363842; text-decoration: underline;}
footer ul { margin-top: 5px }

.btn_row_close { display: inline-block; background: url(../images/btn_close.png) no-repeat; background-position: center; background-size: 15px; width: 35px; height: 15px;}