@charset "utf-8";

/* css 공통 가이드 */
/* 1. 개행하지 않는다. 단 크로스브라우징을 위한 브라우저별 특성을 적어줄때는 개행한다. */
/* 2. { 첫칸과 마지막 칸은 스페이스 한칸 여백을 둔다. }*/
/* 3. 속성과 속성 사이는 스페이스 한칸 여백을 둔다. */
/* 4. 공통 클래스로 적용되는 스타일은 상위클래스를 이용하여 개별 수정한다. */
/* 5. 공통규칙
- naming의 첫 시작에 숫자, 특수문자, 대문자의 사용은 지양한다.
01.ex) 2list_notice ( x )
02. list_notice2 ( o )
- naming은 '형태_의미_상태' 순서로 조합하며, 3단계를 넘어가지 않도록 권장한다.
01.ex) btn_apply_on, box_news, box_reply_open 등
-naming 정의 시 prefix, subfix, suffix를 최대한 활용한다.*/

/* 6. id/class 규칙
- id는 camelcase 방식으로 하며, class는 underscore 방식으로 사용한다.
01.ex) id="boardView" class="link_view"
- id는 화면에서의 고유 기능을 명시하도록 naming 한다.
01.ex) id="btnSearch" ( x )
02. id="btnGnbSearch" ( o )
- class는 요소 기능을 표현하도록 naming한다.
- id는 문서 내 한 번만 사용되며, id, class naming은 가급적 같지 않게 naming 한다.*/

/* 7. z-index 
- 관리자용 툴바				100
- 관리자용 설정메뉴			99	
- 관리자용 상세설정 모달		97
- 편집모드 레이어				96
- 메인 롤링배너				1		


*/

body { position: relative; /*height: auto;*/ }

/* 모달 클릭시 BODY 스크롤 없어지는 이슈 해결 */
/*.modal-open { overflow-y: scroll; padding-right: 0 !important;}*/

/* 사이트 준비중 */
.open_prepare { padding: 200px; background: #f5f5f5; width: 100%; margin: 0 auto; text-align: center;  font-size: 22px ; }
.open_prepare > img { margin-top: -19px ; }

/* 공통 */
input[type="radio"],
input[type="checkbox"] { border:1px solid #d5d5d5; margin-top:0 ; }
input,
select { border-radius: 1px; width: 200px; height: 34px; vertical-align: bottom; padding: 0 6px; font-family: inherit; font-size: 14px; border:1px solid #aab2bd; color: #434a54 ; }
label { margin-bottom: 0; }
.badge, 
.label {/* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/ font-size: 11px; padding: 3px 6px 4px 6px; }
label,
input[type="checkbox"],
input[type="radio"],
button,
select { cursor: pointer; }
a { -webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; }
a img:hover { opacity:0.8; }
a img.not:hover { opacity:1; }
.wrap { width:100% ; min-width: 1100px; }
.container { width:1000px; padding-left:0; padding-right:0 ; margin-right: auto; margin-left: auto; }
.swiper-slide { cursor: pointer; }

/* 라벨 */
.label { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } 
.label_info { background-color: #03A9F4; color: #fff; /*font-size: 12px;*/ }
.label_blue { background-color: #2057a9; color: #fff; /*font-size: 12px;*/ }
.label_lime { background-color: #8ec641; color: #fff; /*font-size: 12px;*/ }
.label_grey { background-color: #b1b1b1; color: #fff; /*font-size: 12px;*/ }

/* 라벨 사이즈 */
.label_md { font-size: 12px; }

/* 경보 알림창 */
.alert { border-radius: 0; }
.alert h5 { margin-top: 0; margin-bottom: 0;  font-size: 12px;}

/* 팝오버 스타일 변경 */
.popover { background-color: #fff; border-color: inherit; border: 2px solid #999; border-radius: 1px ; font-family: Arial, Lato,'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; color: inherit;  }
.popover.bottom > .arrow { border-bottom-color: inherit; border-bottom-color: #999; border-bottom-width: 9px ; }
.popover.bottom > .arrow:after { border-bottom-color: #fff; }
.popover.top > .arrow { bottom: -11px; margin-left: -11px; border-top-color: #999; border-bottom-width: 0;}
.popover.top > .arrow:after { bottom: 3px; border-top-color: #fff; }

/* 라디오버튼 스타일적용 */
input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=radio].css-checkbox + label.radio-label,
input[type=radio].css-checkbox + label.radio-label.clr { padding-left:26px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position: 0 0; font-size:14px; vertical-align:middle; cursor:pointer; color: #666; }
input[type=radio].css-checkbox:checked + label.radio-label,
input[type=radio].css-checkbox + label.radio-label.chk { background-position: 0 -21px; }
label.radio-label {
	background-image:url(/front/zones/images/common/css_radio.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }
input[type=radio].css-checkbox + label.radio-label2,
input[type=radio].css-checkbox + label.radio-label2.clr { padding-left:26px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position: 0 0; font-size:14px; vertical-align:middle; cursor:pointer; }
input[type=radio].css-checkbox:checked + label.radio-label2,
input[type=radio].css-checkbox + label.radio-label2.chk { background-position: 0 -21px; }
label.radio-label2 {
	background-image:url(/front/zones/images/common/css_radio2.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }

/* 체크박스 스타일적용 */
input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0 ; }
input[type=checkbox].css-checkbox + label.checkbox-label,
input[type=checkbox].css-checkbox + label.checkbox-label.clr { padding-left:25px; height:21px; display:inline-block; line-height:21px; background-repeat:no-repeat; background-position: 0 -20px; font-size:14px; vertical-align:middle; cursor:pointer ; }
input[type=checkbox].css-checkbox:checked + label.checkbox-label,
input[type=checkbox].css-checkbox + label.checkbox-label.chk { background-position: 0 0; }
label.checkbox-label {
	background-image:url(/front/zones/images/common/css_checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none ; }

/* 셀렉박스 스타일 적용 */
label.select-label { font-size: 14px; color: #454545; margin-right: 5px ; -webkit-margin-end: 6px; }
select { width: inherit; /*min-width: 200px;*/ height: 30px; vertical-align: inherit; padding: 0 6px; font-family: inherit; font-size: 14px; background: url(/front/zones/images/common/css_select_chk.png) no-repeat 100% 50%; /*border: 1px solid #d5d5d5;*/ border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; /*color: #999;*/ line-height: normal ; background-color: #fff; padding-right: 40px; }
select:disabled { cursor: no-drop; background: url(/front/zones/images/common/css_select_dis.png) no-repeat 100% 50%; background-color: #ebebeb; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }

/* 셀렉박스 사이즈 */
.select_hp { width:80px; min-width: inherit; }
select.select_xs { width: 120px; min-width: inherit;} 
select.select_xxs { width: 86px; min-width: inherit;} 

/* 툴팁 */
.tooltip.in { filter: alpha(opacity=90); opacity: .9; }

/* help */
.help { color: #666; padding-top: 10px; font-size: 12px; }
.help [class^="fam-"] { vertical-align: bottom; }
/* 모달 */
.modal-header { font-size: 15px; font-weight: bold; border-bottom: 0; overflow: hidden; color: #434a54; background-color: #e6e9ed; }
.modal-header .btn_header { float: right; }
.modal-body { padding: 30px 15px; }
.modal-content { border-radius: 0; }
.modal-title { float: left; font-size: 16px; }

.modal-header_01 { font-size: 15px; font-weight: bold; border-bottom: 0; overflow: hidden; color: #434a54; background-color: #fff; }
.modal-header_01 .btn_header { float: right; }

.roll_loading { right: auto; border-radius: 50%; background-color:#00aeef; width: 150px; height: 150px;text-align: center; color:#fff; padding-top:65px; font-size: 24px; margin-left:160px; }
.roll_loading_text { width: 100%; height: 200px;text-align: center; color:#888; font-size: 18px; margin-top:20px; letter-spacing: -1px; }

.roll_mypage_on { border-radius: 50%; background-color:#F67F37; width: 120px; height: 120px;text-align: center; color:#fff; font-weight: bold; padding-top:45px; font-size: 20px;}
.roll_mypage_off { border-radius: 50%; background-color:#888; width: 120px; height: 120px;text-align: center; color:#fff; font-weight: bold; padding-top:45px; font-size: 20px;}

/* 팝오버 */
/*.popover { background-color: #efefef; border: 1px solid #bbb;  }*/

/* 사이드 알람 */
.alert_map { display: none; position: absolute; right: 3px; z-index: 100; border-radius: 0; padding: 0; background: #f1f2f6; /*border: 3px solid rgba(51, 51, 51, 0.52);*/ }

/* well 스타일 변경 */
.well { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

/* 버튼 */
.btn { border-radius: 1px; }
.btn + .btn { margin-left: 5px; }
.btn + .tooltip + .btn { margin-left: 5px; }
.btn_center { text-align: center; clear: both; margin-top: 20px; }
.btn_input { display: inline-block; padding: 6px 9px; text-align: center; font-size: 14px; margin-left: -5px;}
.btn_input_xs { padding: 4px 9px; } 
.btn_mini { display: inline-block; padding: 2px 9px; -webkit-padding-before: 0; text-align: center; font-size: 13px; border-radius: 2px; line-height: normal;  }
.btn_small { display: inline-block; padding: 2px 4px; -webkit-padding-before: 0; text-align: center; font-size: 13px; border-radius: 2px; line-height: normal; min-width: 53px; }
.btn_md { display: inline-block; padding: 9px 24px; -webkit-padding-before:7px; text-align: center; font-size: 16px; border-radius: 2px; line-height: normal; }
.btn_lg { display: inline-block; padding: 12px 49px; text-align: center; font-size: 18px; border-radius: 2px; min-width: 170px; }
.btn_lime { color: #fff; background-color: #8ec641; border: 1px solid #8ec641; text-shadow: 0 1px 1px rgba(132, 132, 132, 0.6); }
.btn_blue { color: #fff; background-color: #2057a9; border: 1px solid #2057a9; text-shadow: 0 1px 3px rgba(64, 64, 64, 0.6); }
.btn_grey { color: #fff; background-color: #a5a5a5; border: 1px solid #a5a5a5; text-shadow: 0 1px 1px rgba(136, 136, 136, 0.6);}
.btn_default { color: #666; background-color: #fff; border: 1px solid #aab2bd; }
.btn_default:hover { color: white; background-color: #a7a7a7; border-color: #a7a7a7; outline: none !important; }
.btn_free { min-width: 22px; padding: 0px; border-radius: 1px; /*margin-right: 4px;*/ }
.btn_free:last-child { margin-right: 0;	}


/* 인풋박스 스타일 적용 */
.form-control { border-radius: 1px; border-color: #aab2bd; }
input { border-radius: 1px; border: 1px solid #aab2bd; color: #434a54; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; background-color: #fff; background-image: none; /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/ -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #3bafda; outline: 0; }
.input_xs { padding: 4px 8px; height: 30px; font-size: 13px; }
.input_free { width: inherit; text-align: center; padding: 0; vertical-align: baseline; }
.input_wxs { min-width: inherit; }
.input_ws { min-width: 256px; }
.input_wm { min-width: 456px; }
.input_wl { min-width: 756px; }
input { border-radius: 1px; }
.input_calendar { position: relative; display: inline-block; vertical-align: middle;}
.input_calendar > a { position: absolute; right: 1px; top: 0px; color: #888; width: 35px; height: 34px; padding: 4px 6px; background-color:#fff; border: 1px solid #aab2bd; border-right: 0; }
.input_calendar > input { width: 130px; border-radius: 0; }
.input_calendar > input:focus + a { border-color: #3bafda; outline: 0; }
.input_calendar > input:focus + a i { color: #3bafda; }
.input_calendar > a.calendar_xs { height: 30px; padding: 2px 6px;}

input[readonly] { border: 0; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity:  1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity:  1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; }

/* 드롭메뉴 */
.dropdown-menu { background: #fff; }


/* 편집 BG */
.edit_mouse .editTooltip:hover { position: relative; }
.edit_mouse .editTooltip:hover .edit_menu { position: absolute; z-index: 96; top: 0; left: 0; width: 100%; height: 100%; border: 1px dashed #00aeef; display: block; background: rgba(0, 174, 239, 0.21) }
.edit_mouse .editTooltip:hover .edit_menu .edit_layer { position: absolute; top: -2px; right: 0px; background: #00aeef; /*padding: 8px;*/ color: #fff; display: block; }
.editTooltip .edit_menu { display: none; }
.edit_mouse .edit_menu a { color: #fff; font-size: 14px; padding: 8px; display: block; }


/* 관리자용 툴바 */
#editToolbar { position: fixed; top: 0; z-index: 600; width: 100%; min-width: 900px; background: #333; height: 55px; /*border-bottom: 3px solid #00BCD4;*/ }
.modal-open #editToolbar { padding-right: 17px; }
	.top_section { position: relative; }
	.top_section > li { position: absolute; float: left; color: #fff; font-size: 14px; font-weight: bold; height: 52px; line-height: 52px; border-left: 1px solid #2d2d2d; border-right: 1px solid #414141; }
	.top_section .logo_ttalk { padding-left: 1em; padding-right: 1em; border: 0; padding-top: 15px; line-height: inherit; }
	.top_section .desc { padding-left: 250px; padding-right: 281px; text-align: center; width: 100%; }
	.top_section .desc div { border-right: 1px solid #414141; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.top_section .desc span { color: #f8bd00; vertical-align: baseline; }
	.top_section .view_adm { right: 281px; padding: 0 20px; }
	.top_section .view_adm .btn_adm { background-color: #00aeef; color: #fff; padding: 6px 10px; border-radius: 2px; border: 0; }
	.top_section .edit_mode { right: 168px; padding: 0 15px; padding-top: 15px; line-height: inherit; }
	.top_section .edit_mode.active { color: #f8bd00; }
	.top_section .normal_mode { right: 54px; padding: 0 15px; padding-top: 15px; line-height: inherit;  }
	.top_section .normal_mode.active { color: #f8bd00; }
	.top_section .closed { right: 0; padding: 0 18px; padding-top: 15px; line-height: inherit;  }
	.top_section .closed  a { color: #fff; font-size: 20px; }
	.open_toolbar { position: fixed; top: 0; right: 0; /*bottom: -24px;*/ background: #333; border-radius: 0 0 3px 3px; padding: 3px 9px; z-index: 100; }
	.open_toolbar a { color: #fff; }

/* 관리자용 설정메뉴 */
#setMenu { position: fixed; z-index: 99; top: 55px; left: 0px; width: 300px; height: 100%; margin-left: -300px; background: #fff; transition: all .4s ease 0s; border-right: 1px solid #d5d5d5; }
#setMenu.active { left: 300px; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 1); }
#setMenu.active.not_edit { left: 0px; }
#setMenu .nav-tabs { border: 0; min-height: 44px; background: #fff; padding-right: 0; }
#setMenu .nav-tabs > li { border: 0; width: 129px; text-align: center; }
#setMenu .nav-tabs > li > a { font-size: 14px; border: 1px solid #d5d5d5; color: #555; border-right: 0; border-radius: 0; background: #fff; box-shadow: none; margin-right: 0; padding: 12px 11px 11px; border-top: 3px solid #d5d5d5; min-width: 130px; text-align: center; font-weight: bold; background: #f5f5f5; }
#setMenu .nav-tabs > li:last-child > a,
#setMenu .nav-tabs > li:last-child > a:hover,
#setMenu .nav-tabs > li.active:last-child > a { border-right: 1px solid #d5d5d5; }
#setMenu .nav-tabs > li.active > a,
#setMenu .nav-tabs > li > a:hover { font-size: 14px; box-shadow: none; text-decoration: none; border: 1px solid #d5d5d5; color: #555; border-right: 0; background-color: #fff; border-top: 3px solid #00aeef; padding: 12px 11px 11px; min-width: 130px; text-align: center; } 
#setMenu .nav-tabs > li.active > a { border-bottom: 1px solid #fff; }
#setMenu.active .nav-tabs > li.closed { width: 41px; left: 0; }
#setMenu.active .nav-tabs > li.closed a { border-right: 0; }
#setMenu.active.not_edit .nav-tabs > li.closed { width: 41px; left: 42px; }
#setMenu.active.not_edit .nav-tabs > li.closed a { border-right: 1px solid #d5d5d5; }
#setMenu.not_at .nav-tabs > li.closed { width: 41px; left: 0px; }
#setMenu .nav-tabs > li.closed a { min-width: inherit; border: 0; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; padding: 8px 10px 7px 10px; font-size: 22px;   background-color: #fff; } 
#setMenu .nav-tabs > li.closed a:hover { min-width: inherit; }

#setMenu .tab-content { padding: 15px 20px; }

/* 레이아웃 색상전환 */
.color_picker { margin-top: 10px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #d5d5d5; }
.color_picker ul > li { display: inline-block; margin-right: 18px; }
.color_picker ul > li:last-child { margin-right: 0; }
.color_picker ul > li > div { float: left; background: none; width: 28px; padding-top: 4px; padding-left: 8px; }
.color_picker span { float: left; width: 14px; height: 30px; }
.color_picker .color_01 > span { background: #b9da37; }
.color_picker .color_01 > span + span { background: #fff; }
.color_picker .color_01 > span + span + span { background: #484848; }

.color_picker .color_02 > span { background: #00aeef; }
.color_picker .color_02 > span + span { background: #fff; }
.color_picker .color_02 > span + span + span { background: #484848; }

.color_picker .color_03 > span { background: #FF5722; }
.color_picker .color_03 > span + span { background: #fff; }
.color_picker .color_03 > span + span + span { background: #484848; }

/* 디자인 설정 메뉴 */
.set_design { margin-top: 30px; }
.set_design li { padding-bottom: 8px; font-size: 15px; color: #666; line-height: 200%; }
.set_design li a { font-size: 14px; color: #666; }
.set_design li:hover a,
.set_design li:active a,
.set_design li:focus a,
.set_design li.active a { color: #03A9F4; }

/* 상세설정 모달 */
#setDetail { overflow-y: scroll; transition: all .4s ease 0s; }
#setDetail.modal.not_edit { margin-left: -259px; } 
#setDetail.modal.not_edit .modal-dialog { width: 78.8%; }
#setDetail.modal.not_edit .modal-backdrop { left: 0; }
#setDetail.modal { z-index: 97; }
#setDetail.modal .modal-backdrop { left: 300px; }
#setDetail.modal .modal-dialog {width: 76.6%; margin: 0 auto; margin-top: 55px; margin-left: 300px; }
/*.modal-header { background-color: #f5f5f5; }*/
#setDetail.modal .modal-content { min-width: 963px; min-height: 780px; background-color: #f1f2f6; }
#setDetail.modal .modal-body { padding: 0 15px; }
#setDetail.modal .float_close { position: absolute; top: 376px; right:-28px; text-align: right; border-radius: 0 2px 2px 0; background-color: #f1f2f6; }
#setDetail.modal .float_close .side_btn { display: block; padding: 20px 10px; text-align: center; }
#setDetail.modal .float_close .side_btn i { font-size: 17px; }

/* 상세설정 패널 */
#setDetail .set_container { padding: 20px 0; }
#setDetail .panel { border-radius: 0; }
#setDetail .panel-default > .panel-heading { border-radius: 0;  }
#setDetail .panel-heading h3 { font-size: 15px; }
#setDetail .panel-heading h3 i { vertical-align: text-bottom; }
#setDetail .panel-heading h3 input { vertical-align: inherit; margin-left: 6px; }
#setDetail .panel-heading .btn_header { float: right; }
#setDetail .panel-body .btn_header { float: right; }
.table_count { float: right; margin-right: 10px; font-size: 13px; line-height: normal; }
.table_count > span {  color: #ff5722;} 
#setDetail .panel-body h4 { font-size: 14px; /*margin-bottom: 8px;*/ }
.table.select_prod td { font-size: 12px; }
.table.select_prod td.title { color: #607D8B; }
.table.select_prod .desc { font-size: 11px; text-align: left; }
.table.select_prod .end_day { color: #FF5722; }

/* 상세설정 미리보기 */
#setDetail .preview {  }
#setDetail .preview article { display: inline-block; /*width: 12.9%;*/ margin-right: 7px; border: 1px solid #d5d5d5; text-align: center; background: #fff; overflow: hidden; cursor: pointer; border-radius: 1px; }
#setDetail .preview article:last-child { margin-right: 0; }
#setDetail .preview .img_section { padding: 6px; }
#setDetail .preview .img_section img { max-width: 890px; }
#setDetail .preview .img_section.fixed_img { width: 300px; overflow: hidden; padding: 0; }
#setDetail .preview .img_section.fixed_img img { width: 100%; height: 190px; }
#setDetail .preview .img_section.fixed_img + .desc_section { width: 300px; }
#setDetail .preview.column_03 article { width: 33.333%; }    
#setDetail .preview .desc_section { padding: 8px; border-top: 1px solid #d5d5d5; background: #f5f5f5; } 
#setDetail .preview .desc_section li.title { overflow: hidden; display: block; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; text-align: center; } 

/* 카테고리 메뉴 구성 */
.wrap_table { width: 100%; font-size: 0; }
.table_divide_02 { display: inline-block; width: 49%; margin-right: 2%; }
.table_divide_02:nth-child(even) { margin-right: 0; }

/* 로고관리 */
.td_logo {}
.td_logo > div { width: 100%; border: 1px solid #d5d5d5; padding: 20px; text-align: center; margin: 10px 6px; }
.td_logo > div img { }

/* 회사소개 설정 */
textarea.col_100 { width: 100%; margin: 6px 0; padding: 6px; border: 1px solid #aab2bd; }

/* 약관설정 */
.btn_terms_use { text-align: center; margin-top: 10px; }
.box_terms { border: 1px solid #d5d5d5; padding: 10px; color: #666; height: 180px; overflow-y: scroll; margin-bottom: 10px; }
.check_terms { margin-bottom: 30px; color: #888; }
.check_terms input[type=checkbox].css-checkbox + label.checkbox-label, 
.check_terms input[type=checkbox].css-checkbox + label.checkbox-label.clr { font-size: 12px; font-weight: normal; }

/* 결제정보 */
.credit_transfer { font-size: 13px; line-height: 170%; }

#fitHeader { position: relative; width:100%; margin:0 auto ; margin-top: 0px; z-index: 95; background: #fff; }
#fitHeader.normal_mode_bar { margin-top: 0px; transition: all .4s ease 0s; }

/* 최상단 배너 */
#topWrap .banner { position: relative; min-width: 1100px; height: 92px; overflow: hidden; z-index: 1; border-bottom: 1px solid #d5d5d5; background: url(/front/zones/images/common/top_ban_bg.jpg) repeat-x; }
#topWrap .banner .top_ban { position: absolute; bottom: 0; left: 50%; margin-left: -550px; width: 1100px; height: 92px; }
#topWrap .banner .top_ban img { width: 1100px; height: 92px; }
#topWrap .banner .btn_close { position: absolute; bottom: 8px; left: 50%; margin-left: 385px; width: 160px; text-align: right; }
#topWrap .banner .btn_close label { font-size: 11px; color: #777; }
#topWrap .banner .btn_close button { margin-left: 12px; padding: 4px 7px 2px; background: #ffffff; border:1px solid #999; border-radius: 1px; color: #666; font-weight: bold; }
#topWrap .banner .btn_close button i { font-size: 16px; }

	/* 전체메뉴보기 */
	.btn_menu_modal { float: right; text-align: center; line-height: normal; margin-top: 33px; }
	.btn_menu_modal  > a { padding: 6px 11px; border-radius: 3px; background-color: #3F51B5; color: #fff;  }  
	.btn_menu_modal  > a > i { font-size: 14px; vertical-align: text-top; }
	#menuAll .modal-dialog { margin: 9% auto !important;}

/* 컨텐츠영역 */
#fitContents { clear: both; position:relative; margin:0 auto ; color:#505050; background-color:#fff ; }
#fitContents:after { clear:both; display:block; content:""; height:0; line-height:0 ; }

	/* 메인화면 */
	/* 아이콘배너 */
	.icon_section { margin-bottom: 45px ; }
	.icon_section li { float: left; margin-right: 42px; }
	.icon_section li:last-child { margin-right: 0; }

	/* 메인 커뮤니티 */
	.community_section { float: left; width: 490px ; }
	.community_section.tab_info .nav-tabs { border: 0; min-height: 44px; background: #fff; padding-right: 0; }
	.community_section.tab_info .nav-tabs > li { border: 0; width: 122.5px; text-align: center; }
	.community_section.tab_info .nav-tabs > li > a { font-size: 15px; border: 0; border: 1px solid #d5d5d5; color: #666; padding-top: 9px; border-radius: 0; background: #fff; padding-bottom: 10px; box-shadow: none; margin-right: 0; border-right: 0; border-top: 3px solid #d5d5d5; }
	.community_section.tab_info .nav-tabs > li:last-child > a,
	.community_section.tab_info .nav-tabs > li:last-child > a:hover,
	.community_section.tab_info .nav-tabs > li.active:last-child > a { border-right: 1px solid #d5d5d5; }
	.community_section.tab_info .nav-tabs > li.active > a,
	.community_section.tab_info .nav-tabs > li > a:hover { font-size: 15px; border: 0; box-shadow: none; text-decoration: none; border: 1px solid #d5d5d5; color: #8ec641; border-right: 0; background-color: #fff; border-top: 3px solid #8ec641; padding-top: 9px; padding-bottom: 10px ; }
	.community_section.tab_info .nav-tabs > li.active > a { border-bottom: 1px solid #fff; }

	.community_section.tab_info .tab-content { overflow: hidden; border: 1px solid #d5d5d5; border-top: 0; padding: 26px ; min-height: 226px; padding-bottom: 10px; }
	.community_section.tab_info .tab-content li { margin-bottom: 10px; overflow: hidden; border-bottom: 1px dotted #e5e5e5; padding-bottom: 11px; }
	.community_section.tab_info .tab-content li:last-child { margin-bottom: 0; }
	.community_section.tab_info .tab-content li:nth-child(5n+0) { border-bottom: 0; }
	.community_section.tab_info .tab-content .board_ti { float: left; font-size: 15px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;    display: block; width: 80%; }
	.community_section.tab_info .tab-content .day { float:right; font-size: 15px; color: #777; }


	/* 서브페이지 */
	/* 브래드크럼 */
	.breadcrumb { /*margin-top: 20px;*/ height: 40px; background-color: #fff; border-radius: 0 0 2px 2px; border: 1px solid #d5d5d5; padding: 0; margin-bottom: 40px; border-top: 0; }
	.breadcrumb .section > li { position: relative; float: left; height: 39px; /*border-left: 1px solid #d5d5d5;*/ font-size: 12px; text-align: center; }
	.breadcrumb .section > li.home { min-width: 46px; border-right: 1px solid #d5d5d5; }
	.breadcrumb .section > li.home a { padding: 11px 12px 8px; cursor: pointer; }
	.breadcrumb .section > li.home i { font-size: 20px; color: #666; }
	.breadcrumb .section > li.btn_back { float: right; border-left: 1px solid #d5d5d5; }
	.breadcrumb .section > li.btn_back a { display: inline-block; text-align: center; font-size: 14px; padding: 10px 16px; }	
	.breadcrumb .section > li.btn_back a i { vertical-align: sub; }	
	.breadcrumb .section > li.btn_back a:hover { background-color: #fff; }
	.breadcrumb .section > li .dropdown-menu li a { padding: 10px 15px; border-bottom: 1px dotted #d5d5d5; }
	.breadcrumb .section > li .dropdown-menu li a:hover,
	.breadcrumb .section > li .dropdown-menu li a.on { background-color: #e8e8e8; color: #666; border-bottom: 1px dotted transparent; }
	.breadcrumb .section > li .dropdown-menu li:last-child a { border-bottom: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
	.breadcrumb .section > li.active { /*min-width: 150px;*/  }
	.breadcrumb .section > li.active > a { cursor: default; height: 39px; padding: 12px 0; }
	.breadcrumb .section > li.active > a,
	.breadcrumb .section > li.active .dropdown > a { color: #555; font-weight: bold; }
	.breadcrumb .section > li .dropup,
	.breadcrumb .section > li a { display: block; padding: 12px 16px 10px; color: #888; cursor: default; }
	.breadcrumb .section > li a > span { width: 16px; padding-left: 12px; font-size: 11px; vertical-align: inherit; }
	.breadcrumb .section > li .dropdown { position: static; /*min-width: 150px;*/ height: 40px; cursor: pointer; }
	.breadcrumb .section > li .dropdown a { cursor: pointer; }
	.breadcrumb .section > li .dropdown a:hover,
	.breadcrumb .section > li .dropdown a:active,
	.breadcrumb .section > li .dropdown a:focus { color: #3bafda; }
	.breadcrumb .section > li .dropdown.open > .dropdown-menu,
	.breadcrumb .section > li .dropdown > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-left: -1px; margin-top: 0px; font-size: 12px; min-width: inherit; padding-top: 0; padding-bottom: 0; border: 1px solid #d5d5d5; border-top: 0; }
	.breadcrumb .section > li .dropdown.open > .dropdown-menu li,
	.breadcrumb .section > li .dropdown > .dropdown-menu li { }

	.column_02 .desc_section .breadcrumb_01 {position: relative;background: none;padding:0;margin-bottom:10px;z-index:100;float: right;margin-left: 10px;}
	.column_02 .desc_section .breadcrumb_01 > ol { text-align:right;}
	.column_02 .desc_section .breadcrumb_01 li { font-size:13px; display: inline-block; font-weight: normal;}
	.column_02 .desc_section .breadcrumb_01 li:after {content: ">"; display: inline-block; margin: 0 3px;}
	.column_02 .desc_section .breadcrumb_01 li:last-child:after { content: ""; display: inline-block; margin: 0;}
	.column_02 .desc_section .breadcrumb_01 li i {font-size: 16px; vertical-align: baseline;}
	.column_02 .desc_section .breadcrumb_01 li a { color:#888;}
	.column_02 .desc_section .breadcrumb_01 li.active { color: #00aeef; font-weight: normal; }


	/* 서브 상품리스트 */
	.column_row {}
	.column_row > article { border-bottom: 1px solid #808992; overflow: hidden; padding: 26px 0;}
	.column_row > article.active { padding-bottom: 0; background-color: #fcf8e3; }
	.column_row > article.active .table_base { /*margin-bottom: -1px;*/ }
	.column_row .img_section { float: left; width: 280px; height: 180px; border: 1px solid #d5d5d5; overflow: hidden; }
	.column_row .desc_section { float: left; width: 480px; height: 180px; padding: 5px 0 6px 40px; }
	.column_row .desc_section .title { font-size: 17px; font-weight: bold; height: 30px; overflow: hidden; margin-bottom: 5px; line-height: normal; color: #555; }
	.column_row .desc_section .title a:hover { color: #00aeef; }
	.column_row .desc_section .desc { font-size: 14px; color: #888; height: 75px; margin-bottom: 15px; overflow: hidden; line-height: normal; }
	.column_row .desc_section .desc_address { font-size: 14px; color: #888; height: 20px; margin-bottom: 10px; overflow: hidden; line-height: normal;margin-left: 40px; }
	.column_row .desc_section .desc_star { font-size: 14px; color: #F67F37; height: 20px; overflow: hidden; line-height: normal;margin-left: 40px; }
	.column_row .desc_section .duration { float: left; font-size: 12px; }
	.column_row .desc_section .transit { float: right; font-size: 12px; }

	.column_row .list_price {float: right;position: relative;width: 260px;border-bottom: 1px solid #d5d5d5;padding-bottom: 8px;padding-top: 8px;}
	.column_row .list_price:last-child {border-bottom: 1px solid #fff;}
	.column_row .list_price .room_type {float: left;font-size: 18px;font-weight: bold;color: #00aeef;font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif;letter-spacing: -1px;margin-top: 3px;}
	.column_row .list_price .room_type span { font-family: dotum; font-size: 13px; vertical-align: text-bottom; font-weight: normal; color: #888; padding-left: 2px; }
	.column_row .list_price .desc { position: absolute; top: 40px; left:0; font-size: 14px; color: #888; height: 75px; margin-bottom: 15px; overflow: hidden; line-height: normal; }

	.btn_area {float: right;position: relative;padding:5px 8px;height: 30px;color: #fff;text-align: center;font-size: 14px;border-radius: 2px;line-height: 20px;background-color: #00aeef;text-shadow: 0 1px 1px rgba(132, 132, 132, 0.6);}
	.btn_area:hover,
	.btn_area:active,
	.btn_area:focus {padding: 5px 8px; height: 30px; color: #fff; text-align: center; font-size: 14px; border-radius: 2px; line-height: 20px; background-color:#1188ff; text-shadow: 0 1px 1px rgba(132, 132, 132, 0.6);}

	.btn_area_detail {margin:0 auto; width: 190px; position: relative; padding:9px 24px; height: 40px; color: #fff; text-align: center; font-size: 16px; border-radius: 2px; line-height: 20px; background-color: #b5b5b5; text-shadow: 0 1px 1px rgba(132, 132, 132, 0.6);}
	.btn_area_detail:hover,
	.btn_area_detail:active,
	.btn_area_detail:focus {background-color: #00aeef;}

	.btn_view_day { display: inline-block; padding: 10px 14px; margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; background: #777; color: #fff; border-radius: 2px; }
	.btn_list_day { display: inline-block; padding: 10px 14px; margin-bottom: 0; font-size: 16px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; background: #f8bd00; color: #fff; border-radius: 2px; }
	.column_row.master > article { padding-top: 0; padding-bottom: 0; }
	.column_row.master> article .table_base { margin-bottom: -1px; }
	.column_row.master .list_price .price { top: inherit; bottom: 0; }
	.no_prod { text-align: center; font-size: 14px; padding: 100px; color: #888; background: #f5f5f5; overflow: hidden; border-bottom: 1px solid #808992; }
	
	/*블록형 리스트*/
	.column_block {width:100%; display:block; overflow:hidden;}
	.column_block > article {float:left; margin-right:25px; margin-bottom:25px;}
	.column_block > article:nth-child(4n) {margin-right:0;}
	.column_block > article > .prod_block {width:256px; border:1px solid #ccc; padding-bottom:20px;}
	.column_block > article > .prod_block > ul {text-align:center; overflow:hidden; cursor:pointer;}
	.column_block > article > .prod_block > ul > img {padding-bottom:10px; width:100%;
		-moz-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
	.column_block > article > .prod_block > ul:hover > img {
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
	}
	.column_block > article > .prod_block > ul > h2 {font-size:1.3em; padding:5px; height:45px;}
	.column_block > article > .prod_block > ul > h2 > span {padding:5px; border:1px solid #00aeef; font-weight:normal; font-size:0.8em; margin-right:5px;}
	.column_block > article > .prod_block > ul > li.block_price {text-align:center; color:#00aeef; font-weight:bold; font-size:1.7em; margin:25px;}
	.column_block > article > .prod_block > ul > li.block_price > span {font-size:0.8em;}
	.column_block > article > .prod_block > ul > a.block_res_btn {width:60%; padding:10px; background-color:#004184; color:#fff; font-size:1.3em; display:block; margin:20px auto 0;}

	/* 리스트 달력 선택 */
	.prod_column { overflow: hidden; padding: 0 20px; }
	.select_date { margin-top: 20px; padding-bottom: 30px; padding-top: 30px; border-top: 1px dotted #afafaf; background-color: #fff; }
	.select_date .this_month { float: left; }
	.select_date .navbar .month { font-size: 15px; color: #353535; vertical-align: baseline; }
	.select_date .navbar a:hover i { color: #454545; }
	.select_date .navbar .fa-chevron-circle-left,
	.select_date .navbar .fa-chevron-circle-right { font-size: 17px; color: #aaa; }
	.select_date .condition { float: right; text-align: right; overflow: hidden; margin-top: 21px; }
	.prod_ajax { clear: both; overflow: hidden; width: 100%; }
	.prod_ajax .condition span {}
	span.condition_01 { font-size: 12px; padding: 0px 3px; border: 1px solid #ff9800; border-radius: 8%; display: inline-block;color: #ff9800; }
	span.condition_02 { font-size: 12px; padding: 0px 3px; border: 1px solid #00BCD4; border-radius: 8%; display: inline-block;color: #00BCD4; }
	span.condition_03 { font-size: 12px; padding: 0px 3px; border: 1px solid #d5d5d5; border-radius: 8%; display: inline-block;color: #888; }
	span.condition_04 { font-size: 12px; padding: 0px 3px; border: 1px solid #d5d5d5; border-radius: 8%; display: inline-block;color: #fff;background-color: #d5d5d5; }
	.select_date .navbar-xs.navbar .nav > li > a { padding: 10px 16px 9px; }
	.select_date .navbar-xs.navbar .nav > li:first-child > a,
	.select_date .navbar-xs.navbar .nav > li:last-child > a { padding: 10px; }

	/* 탭 가운데정렬 */
	.select_date .simple .nav-tabs { left: 38%; border: 1px solid #d5d5d5; text-align: center; margin: auto; }
	.select_date .simple .navbar-inner { border-bottom: 0; }
	.select_date .simple .nav-tabs > li:last-child { border-right: 0; }

	/* 상품상세페이지 */
	/* 상품 정보 */
	.prod_detail { width: 100%; }
	.prod_detail .prod_info { width: 100%; clear: both; overflow: hidden; }
	.prod_detail .prod_info .code_num { font-size: 13px; margin-bottom: 7px; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; letter-spacing: -0.5px; }
	.prod_detail .prod_info .prod_title { font-size: 32px; font-weight: bold; padding-bottom: 10px; line-height: 140%; }
	.prod_detail .prod_info .prod_title span { font-size: 20px; font-weight: bold;}
	.prod_detail .prod_info .prod_title p { font-size: 14px; color: #fff; height: 20px; margin-bottom: 10px; overflow: hidden; line-height: normal;margin-left: 40px; }
	.prod_detail .prod_info .desc { font-size: 14px; padding-bottom: 10px; line-height: 180%; margin-left:5px; margin-top:5px;}
	.prod_detail .prod_info .desc_li {font-size: 14px;line-height: 180%;margin-left:5px;float: right;margin-left:30px;letter-spacing:0.5px; margin-top:5px;}

	.prod_detail .prod_info .img_section {width: 100%;float: left;height: 100%;}
	.prod_detail .prod_info .img_section .swiper-container { width: 100%; height: 480px; margin-left: auto; margin-right: auto; }
	.prod_detail .prod_info .img_section .swiper-slide { background-size: cover; background-position: center; }
	.prod_detail .prod_info .img_section .gallery-top {height: 480px;width: 100%;}
	.prod_detail .prod_info .img_section .gallery-thumbs { height: 100px; box-sizing: border-box; padding: 10px 0; }
	.prod_detail .prod_info .img_section .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
	.prod_detail .prod_info .img_section .gallery-thumbs .swiper-slide-active { opacity: 1; }

	.prod_detail .prod_info .sub_img_section {width: 100%;float: left;height: 100%;}
	.prod_detail .prod_info .sub_img_section .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
	.prod_detail .prod_info .sub_img_section .swiper-slide { background-size: cover; background-position: center; }
	.prod_detail .prod_info .sub_img_section .swiper-slide-caption { margin-top: 5%; margin-left:5%; }
	.prod_detail .prod_info .sub_img_section .swiper-slide-caption h2 { font-size: 35px; }
	.prod_detail .prod_info .sub_img_section .swiper-slide-caption h3 { font-size: 14px; line-height: 24px; font-weight:normal; }
	.prod_detail .prod_info .sub_img_section .swiper-slide-caption h3 a {border-bottom: 1px solid #00aeef; color:#00aeef; font-size: 14px; line-height: 24px; font-weight:normal; }
	
	.prod_detail .prod_info .sub_img_section .gallery-top {height: 200px;width: 100%;}
	.prod_detail .prod_info .sub_img_section .gallery-thumbs { height: 100px; box-sizing: border-box; padding: 10px 0; }
	.prod_detail .prod_info .sub_img_section .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
	.prod_detail .prod_info .img_section .gallery-thumbs .swiper-slide-active { opacity: 1; }


	.prod_detail .prod_info .info_section .btn_share { float: left; margin-top: -13px; margin-bottom: 11px; overflow: hidden; }
	.prod_detail .prod_info .info_section .btn_share li { float: left; margin-top: 5px; margin-right: 5px; }
	.prod_detail .prod_info .info_section .btn_share li a { padding: 4px 8px; }
	.prod_detail .prod_info .info_section .btn_share li i { font-size: 20px; }
	.prod_detail .prod_info .info_section { width: 100%; float: right; }
	.prod_detail .prod_info .info_section h3.desc { font-size: 14px; margin-bottom: 30px; color: #555; background-color: #f0f8ff; padding: 10px; border: 1px solid #b2dbff; }
	.prod_detail .prod_info .info_section .table_desc { float: right; margin-top: 8px; margin-bottom: 6px; }
	

	.gallery-list {display: block;}
	.gallery-list ul{ width: 100%; }
	.gallery-list li{ width: 10%; height: 100%; float: left; padding: 3px;}
	.gallery-list li:hover { 
		cursor: pointer;
		box-shadow: 0px 1px 9px -2px rgba(0, 0, 0, 0.3);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out; }
	.gallery-list li:hover img { opacity: 1; }
	.gallery-list li:last-child { margin-right: 0; }
	.gallery-list img{ width: 105px; height: 100%; float: left; opacity: 0.5; }
	.gallery-list img.active{ width: 105px; height: 100%; float: left; opacity: 1; }

	.seller_info { border: 1px solid #808992; background-color: #f0f8ff; border-left: 0; border-right: 0; overflow: hidden; text-align: center; font-size: 13px; /*padding: 10px 0 10px 0;*/ }
	.seller_info .photo { position: relative; float: left; width: 116px; }
	.seller_info .photo img { border-radius: 50%; margin-left: -5px; }
	.seller_info .photo .no_img {}
	.seller_info .circle_bg { position: absolute; top: 0px; left: 0px; width: 110px; height: 110px; background: url(/front/zones/images/common/circle_frame_110.png) no-repeat; }
	.seller_info .info { float: left; width: 60%; padding-top: 10px; }

	.seller_info dt { float: left; width: 28%; height: 22px; text-align: right; padding-right: 20px; padding-bottom: 4px; }
	.seller_info dd { float: right; width: 72%; height: 22px; text-align: left; padding-left: 20px; padding-bottom: 4px; }

	/* 상품상세 상품정보 */
	#fitContents .container .detail_ti_icon { font-size: 1.2em; color: #b1b1b1; margin-right: 5px; }
	.section_left > article .h6_title { z-index: 10; color:#454545; font-weight: bold; font-size: 18px; margin-top:25px; border-top:3px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-bottom:0; padding:20px; font-family: 'Nanum Gothic','Malgun Gothic','맑은 고딕', sans-serif; }
	.section_left > article .hotel_desc { font-size:13px; line-height: 160%; margin-bottom:15px; background-color: #f3f3f7; padding: 20px; border: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; overflow: hidden;}
	.section_left > article .hotel_desc_01 { font-size:13px; line-height: 160%; margin-bottom:15px; background-color: #fff; padding: 20px; border: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; overflow: hidden;}
	.section_left > article .hotel_desc_01 .table_base { clear: both; border: 1px solid #d5d5d5; margin-bottom: 20px; width: 97%;}
	.section_left > article .hotel_desc_01 .table_base_cn { clear: both; border: 1px solid #fff; margin-bottom: 20px; width: 97%;}
	.section_left > article .hotel_desc_01 .table_base label { /*vertical-align: inherit;*/ }
	.section_left > article .hotel_desc_01 .table_base .no_conts { color: #888; font-size: 13px; padding: 15px 0; text-align: center; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; }
	.section_left > article .hotel_desc_01 .table_row { }
	.section_left > article .hotel_desc_01 .table_row tbody > tr:first-child > th { border-top:0; }
	.section_left > article .hotel_desc_01 .table_row tbody > tr:first-child > td { border-top:0; }
	.section_left > article .hotel_desc_01 .table_row tbody > tr > th { background-color: #f5f5f5;  vertical-align:middle; color:#555; text-align:center;padding:10px;}
	.section_left > article .hotel_desc_01 .table_row tbody > tr > th label { margin-bottom:0; }
	.section_left > article .hotel_desc_01 .table_row tbody > tr > td { text-align:center; padding-left:20px; vertical-align: middle; padding:8px;}
	.section_left > article .hotel_desc_01 .table_row tbody > tr.room td { text-align:center; padding-left:20px; vertical-align: middle; padding:15px;}
	.section_left > article .hotel_desc_01 .table_row .editor_zone { padding:10px 0; }
	.section_left > article .hotel_desc_01 .table_row .editor_zone textarea { width:100%; height:500px; }
	.section_left > article .hotel_desc_01 .table_row tbody > tr > td .price { color: #00aeef; }
	.section_left > article .hotel_desc_01 .table_row tbody > tr > td .str_day { color: #00bcd4; }






	.section_left > article .table_list { border: 1px solid #d5d5d5; }
	.section_left.edit_table > article table tr > th { background-color: #f3f3f7; }
	.section_left.edit_table > article table tr > th { border-right: 1px solid #ddd;  padding: 8px;  } 
	.section_left.edit_table > article table tr > td { border-right: 1px solid #ddd;  padding: 8px; padding-left: 20px; line-height: 20px; vertical-align: middle; border-top: 1px solid #e2e2e2; }
	.section_left.edit_table > article table tr:first-child > td { border-top: 0; }
	.section_left.edit_table > article .hotel_desc table tr > td:last-child { border-right: 0; }
	.section_left.edit_table > article .table_list table tr > td:last-child { border-right: 0; }
	.section_left.edit_table > article .table .rule_cancle table { margin: -8px -8px -8px -20px; }
	.section_left.edit_table > article#reviewarea table tr > th,
	.section_left.edit_table > article#qnaarea table tr > th,
	.section_left.edit_table > article#reviewarea table tr > td,
	.section_left.edit_table > article#qnaarea table tr > td { border-right: 0; }
	.section_left.edit_table > article#reviewarea table tr > td,
	.section_left.edit_table > article#qnaarea table tr > td { border-top: 1px solid #ddd; }

	/* 상품 상세 인쇄 */
	#view_plan { overflow-y: hidden; }
	#view_plan .modal-body { height: 800px; overflow-y: scroll; overflow-x: hidden; }
	.print_wrap { overflow: hidden; position: relative; }
	.print_wrap.window_pop .print_plan { width: 100%; }
	.print_plan { float: left; width: 75%; }
	/*.print_aside { float: right; width: 240px; background: #f0f8ff; }*/
	.print_aside { position: fixed; left: 50%; margin-left: 285px; /*right: 25px;*/ width: 240px; background: #f0f8ff; }
	.print_aside .title { padding: 15px; background: #03a9f4; font-size: 14px; font-weight: bold; color: #fff; }
	.print_aside dl { padding: 15px; border-left: 1px solid #cad5de; border-right: 1px solid #cad5de; }
	.print_aside dt { font-size: 14px; color: #454545; margin-bottom: 8px; border-bottom: 1px dotted #d5d5d5; padding-bottom: 8px; }
	.print_aside dd { padding: 2px 0; }
	.print_aside dd input[type=checkbox].css-checkbox + label.checkbox-label { font-size: 13px; color: #555; }
	.print_aside .aside_btn { text-align: center; background-color: #03a9f4; color: #fff; padding: 15px; display: block; font-size: 17px; border-radius: 0 0 2px 2px; }
	.print_aside.affix { position: fixed; z-index: 1000; }
	.print_aside.affix-bottom { position: absolute; bottom: 235px; left: 50%; margin-left: 260px;}
	
	#Ajaxplan .prod_detail .prod_info .img_section { height: 413px; }
	#Ajaxplan .table_row tbody > tr > td .str_day { display: block; }
	#Ajaxplan .prod_detail .detail_info { margin-top: 30px; }
	#Ajaxplan .section_left { float: none; width: 100%; }
	#Ajaxplan .prod_detail .prod_info .img_section .gallery-top { height: 54%; }

	/* 상품 상세 정보 */
	.prod_detail .detail_info { margin-top: 80px; }
	.section_left { float: left; width: 100%; }
	.section_left td.tal i { color: #3bafda; }
	.section_left > article { margin-top: 40px; }
	.section_left > article:first-child { margin-top: 0px; }
	.section_left .schedule_plan { font-family: "verdana", 'Malgun Gothic', '맑은 고딕'; letter-spacing: -0.5px; }
	.section_left h3.title { z-index: 10; color: #494c4f; font-weight: bold; font-size: 18px; margin-top: 25px; padding: 20px; padding-left: 0; font-family: 'Nanum Gothic','Malgun Gothic','맑은 고딕', sans-serif; }
	.section_left h3.title img { background-color: #3bafda; padding: 5px 5px 3px 5px; border-radius: 2px; vertical-align: middle; margin-top: -3px; margin-right: 5px; }
	.section_left .schedule_plan .plan_title { overflow: hidden; background-color: #f5f5f5; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
	.section_left .schedule_plan .plan_title dl { display: table; width: 100%; }
	.section_left .schedule_plan .plan_title dt { display: table-cell; width: 25%; font-size: 17px; color: #333; line-height: 16px; text-align: center; vertical-align: middle; }
	.section_left .schedule_plan .plan_title dt span { font-size: 14px; color: #454545; padding-left: 9px; }
	.section_left .schedule_plan .plan_title dd { display: table-cell; width: 78%; padding-top: 0; padding: 18px 20px 15px; font-size: 13px; color: #555; text-align: right;  }
	.section_left .schedule_plan .plan_title dd.eat .badge { vertical-align: top; margin-left: 20px; }
	.section_left .schedule_plan .plan_info { padding: 25px 0 25px 82px; font-size: 13px; line-height: 160%; }
	.section_left .schedule_plan .plan_info img { max-width: 100%; }

	/* 상품 예약 */
	.select_num_opt i { color: #3bafda; }
	h3.input_title { float: left; font-size: 16px; margin-top: 20px; margin-bottom: 10px; }
	h3.input_title span { font-size: 13px; font-weight: normal; color: #999;	margin-left: 18px; }
	h3.input_title i { font-size: 24px; vertical-align: middle; color: #00aeef; }
	.reserve_term .agreement_box { clear: both; padding: 14px 26px; }
	.reserve_term .agreement_box .title { font-size: 14px; }
	.reserve_term .agreement_box input[type=checkbox].css-checkbox + label.checkbox-label, 
	.reserve_term .agreement_box input[type=checkbox].css-checkbox + label.checkbox-label.clr { font-size: 12px; }
	.reserve_term .agreement_box .provision_box { height: 160px; }

	/* aside */
	/* 상품상세페이지 메뉴 */
	.prod_aside { float: right; width: 253px; }
	.prod_aside > ul > li { padding: 8px; font-size: 14px; line-height: normal; font-family: "verdana", 'Malgun Gothic', '맑은 고딕'; letter-spacing: -1px; }
	.prod_aside .totalprice { padding: 6px 14px; background-color: #3bafda; color: #fff; }
	.prod_aside .totalprice .price { font-family: "verdana", 'Malgun Gothic', '맑은 고딕'; letter-spacing: -1px; margin-top: 6px; border-top: 1px dotted #fff;   padding-top: 10px; font-size: 16px; text-align: right; }
	.prod_aside .totalprice .price span { font-size: 22px; vertical-align: baseline; }
	.prod_aside .prod_check { padding: 12px 4px; background-color: #f0f8ff; border: 1px solid #cad5de; }
	.prod_aside li 	.str_day { color: #00bcd4; }
	.prod_aside li > p { margin-top: 6px; }
	.prod_aside.affix {position: fixed; top:55px; left: 50%; margin-left: 297px; z-index: 96; }
	.prod_aside.affix-bottom { position: absolute; bottom: 235px; left: 50%; margin-left: 260px;}
	.prod_aside .aside_btn { text-align: center; background-color: #03a9f4; color: #fff; padding: 15px; display: block; font-size: 17px; border-radius: 0 0 2px 2px; }

	/* 상품예약 메뉴 */
	.reserve_aside.prod_aside.affix-top { margin-top: 53px; }


	/* 서브컨텐츠 */
	.sub_contents { min-height: 700px; }
	.sub_contents h2.title { font-family: 'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕'; font-size: 26px; color: #454545; line-height: 27px; }
	.sub_contents h2.title span { margin-left: 10px; font-size: 16px; color: #888; font-weight: normal; }
	.sub_contents p.sub_title { font-size: 17px; color: #888; margin-top: 13px; }
	.lnb_contents { float: right; width: 750px; }
	.lnb_contents .reserve_step { overflow: hidden; }
	.lnb_contents .reserve_step:after { top: 25px; left: 0; }
	.lnb_contents .reserve_step ul > li { width: 223px; padding: 14px 20px; }
	.lnb_contents .reserve_step ul > li.active { width: 224px; }


	/* lnb 메뉴 */
	.sub_aside { float: left; width: 210px; /*margin-right: 30px;*/ }
	.sub_aside aside h2 { font-size: 20px; color: #fff; background-color: #888; padding: 30px 18px; font-weight: normal; letter-spacing: -1px; /*margin-top: 40px;*/ }
	.sub_aside nav { position: relative; }
	.sub_aside nav > ul { padding-top: 5px; }
	.sub_aside nav > ul > li { border-bottom: 1px solid #d5d5d5; padding: 13px 15px; }
	.sub_aside nav > ul > li:first-child { padding-top: 15px; line-height: normal; }
	.sub_aside nav > ul > li:last-child { padding-bottom: 15px; line-height: normal; border-bottom: 2px solid #d5d5d5;}
	.sub_aside nav > ul > li > a { display: block; font-size: 14px; color: #555; letter-spacing: -1.2px; }
	.sub_aside nav > ul > li > a > i { display: none; }
	.sub_aside nav > ul > li.active > a { font-weight: bold; color: #454545; }
	.sub_aside nav > ul > li.active > a > i { float: right; display: block; color: #2057a9; }
	.sub_aside nav > ul > li.active:before { content:"\f105"; font-family: 'FontAwesome'; position:absolute; right:5px; font-weight: bold; color: #00aeef; line-height: 190%;}
	.sub_aside nav > ul > li .sub_2menu {margin-top: 6px;}
	.sub_aside nav > ul > li .sub_2menu li { list-style:disc; list-style-position: inside; font-size: 8px; color: #888; line-height: 240%; }
	.sub_aside nav > ul > li .sub_2menu li a { font-size:13px; color:#666; letter-spacing: -0.5; font-weight: normal; }
	.sub_aside nav > ul > li .sub_2menu li a:hover { color: #00aeef; font-weight: bold;}
	.sub_aside nav > ul > li .sub_2menu li.active a { color: #00aeef; font-weight: bold;}

	/* lnb 메뉴 고객센터 */
	.sub_aside .side_banner { margin-top: 50px; border-top: 4px solid #2057a9; }
	.sub_aside .side_banner .cs_center { border: 1px solid #d5d5d5; font-size: 14px; color: #666; font-weight: bold; border-top: 0; }
	.sub_aside .side_banner .cs_center li { padding: 2px 16px; }
	.sub_aside .side_banner .cs_center .cs_crew { float: left; margin-top: 14px; }
	.sub_aside .side_banner .cs_center .title { float: left; font-size: 17px; margin-top: 20px;margin-bottom: 0px; padding: 0; color: #454545; }
	.sub_aside .side_banner .cs_center .title2 { font-size: 12px; color: #2057a9; margin-top: 0; margin-bottom: 0; }
	.sub_aside .side_banner .cs_center .title3 { margin-top: 0; font-size: 12px; color: #2057a9; margin-bottom: 10px; }
	.sub_aside .side_banner .cs_center .day { clear: both; color: #454545; }
	.sub_aside .side_banner .cs_center .phone_num { border-top: 1px solid #d5d5d5; padding: 13px; font-size: 22px; color: #2057a9; padding-left: 16px; margin-top: 6px; }
	.sub_aside .side_banner .cs_center .phone_num i { font-size: 26px; color: #454545; vertical-align: text-bottom; margin-right: 3px; }

	/* 로그인 */
	/* 회원로그인 */
	.login_box { border: 1px solid #d5d5d5; margin: 40px 0; overflow: hidden; }
	.login_box label { cursor: default; }
	.login_box .login_member { /*float: left; width: 50%; */border-right: 1px solid #d5d5d5; }
	.login_box h3 { position: relative; width: 386px; margin: 0 auto; border: 1px solid #d5d5d5; border-top: 0; background-color: #f4f4f4; text-align: center; font-size: 18px; color: #454545; padding: 20px; }
	.login_box h3:before { content: ""; position: absolute; left: 45%; bottom: -3px; display: inline-block; width: 52px; height: 6px; background-color: #8ec641; }
	.login_box h3:after { content: ""; position: absolute; left: 0px; bottom: -1px; width: 100%; height: 1px; display: inline-block; /* background-color: #2057a9; */ }
	.login_box h3 span { font-weight: normal; }
	.login_box .login_member .input_section { width: 320px; margin: 24px auto; }
	.login_box .login_member .input_section li { clear: both; padding-top: 16px; }
	.login_box .login_member .input_section label { float: left; padding-top: 7px; font-size: 14px; color: #454545; }
	.login_box .login_member .input_section input { float: right; width: 246px;}
	.login_box .login_member .input_section .id_save label { padding-top: 1px; font-size: 12px; color: #8095a6; }
	.login_box .login_member .input_section .desc { color: #999; padding-top: 0; }
	.login_box .login_member .input_section .btn_search_id { display: inline-block; border: 1px solid #ccc; padding: 6px 8px; font-weight: bold; font-size: 13px; color: #666; border-radius: 2px; margin-right: 3px; background-color: #f5f5f5; }
	.login_box .login_member .input_section .btn_search_id:last-child { margin-right: 0; }
	.login_box .login_member .input_section .btn_login { display: block; padding: 16px 20px; background: #2057a9; color: #fff; font-size: 18px; text-align: center; }
	.login_box .login_member .input_section .btn_search_line { margin: 10px 0; }
	.login_box .login_member .input_section .btn_line { margin-top: 38px; }

	/* 비회원로그인 */
	.login_box .login_guest { float: left; width: 50%; /*border-right: 1px solid #d5d5d5; */}
	.login_box .login_guest .input_section { width: 340px; margin: 24px auto; }
	.login_box .login_guest .input_section li { clear: both; padding-top: 16px; overflow: hidden; }
	.login_box .login_guest .input_section label { float: left; padding-top: 7px; font-size: 14px; color: #454545; }
	.login_box .login_guest .input_section input { float: right; width: 246px;}
	.login_box .login_guest .input_section .guest_save { padding-top: 8px; }
	.login_box .login_guest .input_section .guest_save label { padding-top: 1px; font-size: 12px; color: #8095a6; }
	.login_box .login_guest .input_section .desc { color: #999; padding-top: 0; }
	.login_box .login_guest .input_section .btn_search_id { border: 1px solid #ccc; padding: 6px 8px; font-weight: bold; font-size: 13px; color: #2057a9; border-radius: 2px; margin-right: 2px; }
	.login_box .login_guest .input_section .btn_search_id:last-child { margin-right: 0; }
	.login_box .login_guest .input_section .btn_login { display: block; padding: 16px 20px; background: #2057a9; color: #fff; font-size: 18px; text-align: center; text-shadow: 0 1px 3px rgba(64, 64, 64, 0.6); }
	.login_box .login_guest .input_section .phone label { margin-right: 24px; }
	.login_box .login_guest .input_section .phone select { float: left; width: 88px; }
	.login_box .login_guest .input_section .phone input { float: left; width: 73px; margin: 0 6px; }
	.login_box .login_guest .input_section .phone input+input { margin: 0; }
	.login_box .login_guest .input_section .agreement { margin-bottom: 5px; font-weight: bold; }
	.login_box .login_guest .input_section .provision { height: 70px; background-color: #f9f9f9; border: 1px solid #ddd; padding: 10px; overflow-y: auto; margin-top: 16px;}
	.login_box .login_guest .input_section .provision .custom_pre pre { padding: 0; }
	.login_box .login_guest .input_section .btn_line { padding-top: 20px; }
	.login_box .login_guest .input_section .num_confirm { min-height: 50px; }

	/* 아이디/비번찾기 */
	.login_box .login_guest .input_section .sex { padding-bottom: 7px; }
	.login_box .login_guest .input_section .sex > div { float: left; padding-top: 6px; margin-left: 64px; overflow: hidden; }
	.login_box .login_guest .input_section .sex .radio-label { padding-top: 0; }

	/* 회원가입 */
	/* 서브 01 할인항공권 검색 */
	.reserve_step { position: relative; margin: 32px 0; z-index: 0; }
	.reserve_step:after { content: ""; position: absolute; top: 30px; left: 50%; margin-left: -550px; background-color: #d5d5d5; width: 1100px; height: 1px; z-index: -1; }
	.reserve_step ul > li { float: left; width: 239px; padding: 20px; margin-right: 48px; background-color: #fff; border: 1px solid #d5d5d5; border-radius: 2px; font-size: 16px; color: #888; }
	.reserve_step ul > li.active { background-color: #a5a5a5; color: #fff; border: 1px solid #a5a5a5; }
	.reserve_step ul > li:last-child { margin-right: 0; }
	.reserve_step ul > li span { font-size: 14px; color: #777; background-color: #e7e7e7; border: 1px solid #d5d5d5;  border-radius: 50%; padding: 5px 6px; font-weight: bold; font-family: 'Malgun Gothic','맑은 고딕',Arial; margin-right: 8px; }
	.reserve_step ul > li.active span { color: #666; background-color: #fff; border: 1px solid #fff; }
	
	/*회원가입*/
	.join_wrap h3.title{ font-family: 'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕'; font-size: 28px; margin-top: 3px; margin-bottom: 20px; font-weight: bold; line-height: 22px; }
	.join_wrap p.sub_title{ font-size: 14px; color: #888; padding-top: 8px; letter-spacing: -0.5px; }
	.join_wrap input.input_login{ min-width: 246px; height: 40px; border-color: #ddd; float: right; }
	.join_wrap label.label_login{ font-size: 14px; padding-top: 10px; float: left; color: #676767; }
	.join_wrap label.label_hp{ margin-right: 30px; }
	.join_wrap select.select_login{ min-height: 40px; border-color: #ddd; width: 88px; }
	.join_wrap input.input_login_hp{ width: 76px; height: 40px; border-color: #ddd; }

	/* 01 약관동의 */
	.agreement_box { background-color: #f5f5f5; padding: 20px 40px 40px; border: 1px solid #d5d5d5; margin: 20px 0 50px; }
	.agreement_box .title { font-size: 16px; color: #666; font-weight: bold; margin-top: 10px;}
	.agreement_box .title i { font-size:16px; vertical-align:text-bottom; }
	.agreement_box .provision_box { height: 250px; border: 1px solid #d5d5d5; background-color: #fff; margin-top: 8px; margin-bottom: 8px; overflow-y: scroll; }
	.agreement_box .check_line { text-align: right; margin-bottom: 40px; }
	.agreement_box .check_line > label { color: #777; }
	.agreement_box .check_all_line { text-align: center; margin-top: 20px; }
	.agreement_box .desc { text-align: center; font-size: 14px; color: #666; letter-spacing: -0.6px;  margin-top: 8px;}
	.agreement_box .btn_center { margin-top: 36px; }
	.agreement_box input[type=checkbox].css-checkbox + label.checkbox-label, 
	.agreement_box input[type=checkbox].css-checkbox + label.checkbox-label.clr { font-size: 13px; }

	/* 02 회원정보입력 */
	.reserve_step_02 h3 { float: left; font-size: 17px; margin-bottom: 10px; }
	.reserve_step_02 > span { float: right; margin-top: 26px; color: #777;}
	.reserve_step_02 .table_input .address_td > p { margin: 4px 0 ; }
	.reserve_step_02 .table_input p.desc { font-size: 12px; color: #888; }
	.reserve_step_02 .table_input label { color: #666; }
	.reserve_step_02 .table_input .use { font-size: 12px; color: #8ec641; vertical-align: super; }
	.reserve_step_02 .table_input .unused { font-size: 12px; color: #FF5722; vertical-align: super; }
	.fa-asterisk { font-size: 10px; vertical-align: baseline; color: #FF9800; margin-right: 4px;}
	.reserve_step_02 .join_info_box { background-color: #E3F2FD; color: #777; padding: 12px; font-size: 13px; margin: -17px 0 30px; line-height: 170%; }
	.reserve_step_02 .join_info_box i { color: #00BCD4; }

	/* 03 회원가입완료 */
	.join_complet { border: 1px solid #d5d5d5; padding: 50px; margin-bottom: 30px; overflow: hidden; }
	.join_complet .join_complet h2 { text-align: center; font-size: 20px; color: #8ec641;}
	.join_complet .complet_box { font-size: 16px; color: #666; }
	.join_complet .complet_box li { float: left; font-size: 75px; color: #d5d5d5; }
	.join_complet .complet_box h3 { float: left; font-size: 17px; margin-top: 15px; margin-left: 30px; color: #2196F3; width: 500px; }
	.join_complet .complet_box .join_desc { float: left; margin-left: 30px; margin-top: 7px; color: #777; font-size: 16px; }

	/* 마이페이지 */
	.mypage_section.tab_info .nav-tabs { border: 0; min-height: 44px; background: #fff; padding-right: 0; }
	.mypage_section.tab_info .nav-tabs > li { border: 0; width: 152px; text-align: center; }
	.mypage_section.tab_info .nav-tabs > li > a { font-size: 15px; border: 0; border: 1px solid #d5d5d5; color: #666; border-radius: 0; background: #fff; padding-bottom: 11px; box-shadow: none; margin-right: 0; border-right: 0; padding: 12px; border-top: 3px solid #d5d5d5; }
	.mypage_section.tab_info .nav-tabs > li:last-child > a,
	.mypage_section.tab_info .nav-tabs > li:last-child > a:hover,
	.mypage_section.tab_info .nav-tabs > li.active:last-child > a { border-right: 1px solid #d5d5d5; }
	.mypage_section.tab_info .nav-tabs > li.active > a,
	.mypage_section.tab_info .nav-tabs > li > a:hover { font-size: 15px; border: 0; box-shadow: none; text-decoration: none; border: 1px solid #d5d5d5; color: #2057a9; border-right: 0; background-color: #fff; border-top: 3px solid #2057a9; padding: 12px; }
	.mypage_section .tab_info .nav-tabs > li.active > a { border-bottom: 1px solid #fff; }
	.mypage_section.tab_info .tab-content { overflow: hidden; border-top: 1px solid #d5d5d5; } 
	.mypage_section.tab_info .tab-content li { margin-bottom: 10px; overflow: hidden; color: #607D8B; font-size: 12px; line-height: normal; }
	.mypage_section.tab_info .tab-content li:last-child { margin-bottom: 0; }
	.mypage_section.tab_info .tab-content .board_ti { float: left; font-size: 15px; color: #777; }
	.mypage_section.tab_info .tab-content .day { float:right; font-size: 15px; color: #777; }
	.mypage_section .table .itinerary { color: #555; font-weight: bold; }
	.mypage_section .table .itinerary i { vertical-align: bottom; font-size: 19px; }
	.mypage_section .table .itinerary > span { color: #03a9f4; font-weight: bold;}
	
	.mypage_section .num_reserve { clear: both; background-color: #00aeef; color: #fff; font-size: 30px; font-weight: bold; text-align: center; padding: 30px 0 25px; margin-bottom: 15px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
	.mypage_section .num_reserve .desc { font-size: 16px; color: #fff; margin-top: 18px;}
	.mypage_section .request { clear: both; }
	.mypage_section .request .text_box { float: left; width: 86%; }
	.mypage_section .request textarea { width: 100%; padding: 10px; font-size: 13px; border-right: 0; }
	.mypage_section .request .btn_request_save { font-size: 14px; text-align: center; display: block; padding: 56px 54px 55px; -webkit-padding-before: 54px; background-color: #b1b1b1; color: #fff; }
	.mypage_section tr.qna_inner td { padding: 0; }
	.mypage_section.tab_info .tab-content li.quest  { border-bottom: 1px dotted #d5d5d5; background-color: #f5f5f5; line-height: 180%; margin: 0; padding: 12px 17px; margin-bottom: 0; }
	.mypage_section.tab_info .tab-content li.quest .text { float: right; width: 95%; }
	.mypage_section.tab_info .tab-content li.answer { background-color: #f5f5f5; line-height: 180%; margin: 0; padding: 12px 17px; }
	.mypage_section.tab_info .tab-content li.answer .text { float: right; width: 95%; }
	.Q_badge { float: left; width: 32px; padding: 5px 8px;  background-color:#03a9f4;  text-align: center;  color: #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin-top:5px;}
	.A_badge { float: left; width: 32px; padding: 6px 9px;  background-color:#8ec641;  text-align: center;  color: #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } 
	.mypage_section .table_nude tbody > tr > td span { vertical-align: baseline; /*margin-right: 5px;*/ }
	.mypage_section .ticket_section { clear: both; overflow: hidden; }
	.mypage_section .ticket_section .ticket { float: left; width: 87%; height: 200px; background-color: #f5f5f5; margin-right: 18px;}
	.mypage_section .ticket_section .ticket .ticket_img { background-color: #f5f5f5; }
	.mypage_section.tab_info a.nowrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 805px; height: 20px; }
	.login_box.mypage_tab {  }
	.login_box.mypage_tab .login_member .input_section { width: 386px; }
	.login_box.mypage_tab .login_guest .input_section { width: 386px; }
	.login_box.mypage_tab .login_guest .input_section .btn_line { padding-top: 16px; }
	.login_box.mypage_tab .login_member .input_section .desc,
	.login_box.mypage_tab .login_guest .input_section .desc { font-size: 14px; color: #454545; margin-top: 50px; }
	
	.mypage.seller_info .circle_bg { /*left: 96px;*/ }
	.my_reserve_step { background-color: #f3f3f3; padding: 20px; margin-top: 140px; border-top: 1px dashed #a7a7a7; }
	.my_reserve_step h3.title_step { font-size: 16px; font-weight: 600; margin-top: 20px; clear: both; }
	.my_reserve_step h3.title_step span { font-size: 12px; color: #777; font-weight: normal; }
	.my_reserve_step .step_box { margin-top: 10px; padding: 15px 15px; background-color: #fff; border-radius: 3px; border: 1px solid #ddd; }
	.my_reserve_step .step_box  li { width: 100%; padding: 4px 0; font-size: 13px; }
	.my_reserve_step .step_box  li .label-default { padding: 3px 5px 4px 6px; }
	
	/* ARS 결제 */
	.ars_box .mobile_box { }
	.ars_box .mobile_bg { position: relative; width: 100%; height: 364px; background: url(/front/zones/images/common/mobile_bg.jpg) no-repeat; }
	.ars_box .mobile_bg .text_info { position: absolute; top: 50px; left: 24px; width: 160px; padding: 15px; color: #454545; font-size: 12px;}
	.ars_box .mobile_bg .text_info li { font-weight: bold; line-height: 150%; }
	.ars_box .mobile_bg .text_info li.desc { margin-top: 55px; }
	.ars_box .mobile_bg .text_info li.btn_number { margin-top: 20px; text-align: center; }
	.ars_box .mobile_bg .sms_btn { position: absolute; bottom: 12px; left: 280px; }
	.ars_box .mobile_bg .sms_btn .btn_smscall { width: 210px; height: 40px; background: #4f3c19; font-size: 18px; color: #fff; padding: 10px 12px; border-radius: 6px; }
	.ars_box .caution_box { position: absolute; top: 84px; right: 10px; width: 275px; height: 205px; background-color: #fff; padding: 10px; border-radius: 25px; border: 9px solid #4b3712; }
	.ars_box .caution_box > ul { background-color: #ffd557; height: 166px; border-radius: 13px; padding: 10px; }
	.ars_box .caution_box .title { font-weight: bold; color: #454545; margin-bottom: 16px; }
	.ars_box .caution_box .caution {  color: #f73324; }

	/* 개인정보수정 */
	#check_pw .login_member { float: none; width: 100%; }
	#check_pw .login_box .login_member .input_section .desc { padding-top: 16px; }
	#check_pw .login_box .login_member .input_section .btn_line { margin-top: 20px; }
	.board_wrap .join_info_box { padding: 0; border: 0; background-color: #fff; margin: 0; }
	.board_wrap .join_info_box table.info_table { background: #fff; }
	.board_wrap .join_info_box table.info_table tbody th   { background-color: #f3f3f7; padding-left: 40px; }
	.board_wrap .join_info_box table.info_table tbody th.tit   {padding-left: 0px;font-size: 20px;text-align: center;border-right: 1px solid #ddd;}
	.board_wrap .join_info_box table.info_table tbody th.tit2   {padding-left: 0px;font-size: 20px;text-align: center;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
	.board_wrap .join_info_box table.info_table tbody th.tit p  {padding-left: 0px;font-size: 14px;text-align: center;line-height:22px; color:#F67F37; }
	.board_wrap .join_info_box table.info_table tbody td { padding-left: 20px; }
	.board_wrap .join_info_box p.info_text { margin-top: 0; }

	.board_wrap table.comp_table { background: #fff; }
	.board_wrap table.comp_table tbody th   { padding-left: 20px; font-size: 15px;}
	.board_wrap table.comp_table tbody th.tit   {font-size: 20px;text-align: center;border-right: 1px solid #ddd;font-size: 14px;}
	.board_wrap table.comp_table tbody th.tit2   {background-color: #f3f3f7;font-size: 20px;text-align: center;border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
	.board_wrap table.comp_table tbody th.tit3   {background-color: #f3f3f7;font-size: 20px;text-align: center;}
	.board_wrap table.comp_table tbody th.tit3 span   {background-color: #f3f3f7;font-size: 14px;text-align: center; font-weight: normal;}
	.board_wrap table.comp_table tbody th.tit p  {text-align: left;line-height:26px; color:#F67F37; }
	.board_wrap table.comp_table tbody td   {padding-left: 10px;font-size: 13px;text-align: left; line-height:26px;}
	.board_wrap table.comp_table tbody td li { margin-top:10px;}
	.board_wrap table.comp_table tbody td li span { font-weight: bold; font-size: 16px; margin-right:5px;}
	.board_wrap table.comp_table tbody td { padding-left: 20px; }

	.guide { margin:0 auto; width: 95%; margin-top:5px; font-family: 'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕'; }
	.guide table { margin-top:15px; }
	.guide table tbody tr  { background-color: #fff; text-align: center; border: 1px solid #ddd; }
	.guide table tbody tr td   { padding: 15px; font-size: 14px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; }
	.guide p { font-size: 14px; color: #888; font-weight: normal; margin-top:10px; }	
	.guide p span {  font-size: 26px; margin-top: 3px; margin-bottom: 20px; font-weight: bold; line-height: 22px;  color: #505050;}

	/* 내가 쓴 글 */
	.my_written_section {}
	.my_written_section .nav-tabs { border: 0; min-height: 44px; background: #fff; padding-right: 0; }
	.my_written_section .nav-tabs > li { border: 0; text-align: center; }
	.my_written_section .nav-tabs > li > a { font-size: 15px; border: 1px solid #d5d5d5; color: #666; border-right: 0; border-radius: 0; background: #fff; box-shadow: none; margin-right: 0; padding: 12px; border-top: 3px solid #d5d5d5; min-width: 166.6px; width: calc(1000px/6); text-align: center; }
	.my_written_section .nav-tabs > li:last-child > a,
	.my_written_section .nav-tabs > li:last-child > a:hover,
	.my_written_section .nav-tabs > li.active:last-child > a { border-right: 1px solid #d5d5d5; }
	.my_written_section .nav-tabs > li.active > a,
	.my_written_section .nav-tabs > li > a:hover { font-size: 15px; box-shadow: none; text-decoration: none; border: 1px solid #d5d5d5; color: #2057a9; border-right: 0; background-color: #fff; border-top: 3px solid #2057a9; padding: 12px; min-width: 166.6px; width: calc(1000px/6); text-align: center; } 
	.my_written_section .nav-tabs > li.active > a { border-bottom: 1px solid #fff; }
	.my_written_section .tab-content { overflow: hidden; border-top: 1px solid #d5d5d5; } 
	.my_written_section .tab-content li { margin-bottom: 10px; overflow: hidden; color: #607D8B; font-size: 12px; line-height: normal; }
	.my_written_section .tab-content li:last-child { margin-bottom: 0; }

	/* 회원탈퇴 */
	.leave_section .desc_box { border: 1px solid #d5dfe8; padding: 20px; margin-bottom: 30px; background-color: #f0f8ff; }
	.leave_section .desc_box > ul > li { font-size: 12px; color: #666; line-height: 160%; }
	.leave_section .desc_box > ul > li.title { font-size: 16px; font-weight: bold; color: #2196F3; margin-bottom: 10px; }
	.leave_section .reason_box > textarea { width: 100%; margin-top: 10px; }
	.leave_section .login_box { border: 0; margin: auto; } 
	.leave_section .login_box .login_member { float: none; border: 1px solid #d5d5d5; margin: auto; }





	/* 고객센터 */
	/* FAQ */
	/* 탭 기본형*/
	.simple.navbar { clear: both; border: 0; margin-bottom: 0; }
	.simple .navbar-inner { min-height: 50px; background: #fff; padding-left: 0; padding-right: 0; box-shadow: none; border-radius: 0; border: 0; border-bottom: 2px solid #555; /*margin-bottom: 5px;*/ }
	.simple .nav-tabs { border: none; display: table; table-layout: fixed; width: inherit; background: #fff; border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
	.simple .nav-tabs > li { border-left: 0; }
	.simple .nav-tabs > li.active { margin: 0px; }
	.simple .nav-tabs > li { float: left; width: inherit; border-right: 1px solid #e1e1e1; }
	.simple .nav-tabs > li:hover { border-left: 1px solid #fff; margin-left: -1px; }
	.simple .nav-tabs > li:first-child { border-left: 0; margin-left: 0; }
	.simple.navbar .nav > li > a { font-size: 14px; padding: 14px 40px; border-radius: 0; background-color: #fff; box-shadow: none; margin-right: 0; border: 0; box-shadow: none; color: #999; text-align: center; font-weight: bold; }
	.simple.navbar .nav > li.active > a, 
	.simple.navbar .nav > li > a:hover, 
	.simple.navbar .nav > li > a:focus { box-shadow: none; background-color: #00aeef; text-shadow: none; color: #fff; }
	.simple.navbar .nav > li:first-child.active > a, 
	.simple.navbar .nav > li:first-child > a:hover, 
	.simple.navbar .nav > li:first-child > a:focus { margin-left: 0px; }
	.simple.navbar + .tab-content { padding: 0; }
	
	/* 탭 자동분배 */
	.justify.navbar { clear: both; border: 0; margin-bottom: 0; }
	.justify .navbar-inner { min-height: 50px; background: #fff; padding-left: 0; padding-right: 0; box-shadow: none; border-radius: 0; border-bottom: 2px solid #454545; margin-bottom: 5px; }
	.justify .nav-tabs { border: none; display: table; table-layout: fixed; width: 100%; background: #fff; }
	.justify .nav-tabs > li { border-left: 0; }
	.justify .nav-tabs > li.active { margin: 0px; border: 0px; }
	.justify .nav-tabs > li { float: none; display: table-cell; width: 100%;border-right: 1px solid #e1e1e1; }
	.justify.navbar .nav > li > a { font-size: 14px; padding-top: 14px; border-radius: 0; background-color: #fff; padding-bottom: 14px; box-shadow: none; margin-right: 0; border: 0; box-shadow: none; color: #666; text-align: center; font-weight: bold; }
	.justify.navbar .nav > li.active > a, 
	.justify.navbar .nav > li > a:hover, 
	.justify.navbar .nav > li > a:focus { box-shadow: none; background-color: #00aeef; text-shadow: none; color: #fff; }
	.justify.navbar .nav > li:first-child.active > a, 
	.justify.navbar .nav > li:first-child > a:hover, 
	.justify.navbar .nav > li:first-child > a:focus { margin-left: -1px; }

	.tabbable .faq_badge { padding: 6px 9px; background-color: #b3b3b3; text-align: center; color: #fff; font-size: 16px; font-weight: bold; border-radius: 20px; -moz-border-radius: 20px;    -webkit-border-radius: 20px; margin-right: 4px; }
	.tabbable .q_title { font-size: 13px; font-weight: bold; }
	.tabbable .answer_badge { padding: 6px 9px; background-color: #b9da37; text-align: center; color: #fff; font-size: 16px; font-weight: bold; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
	.tabbable .panel { border-bottom: 1px dotted #d5d5d5; box-shadow: none; }
	.tabbable .panel-faq { clear: both; overflow: hidden;margin-bottom: 4px; padding-bottom: 4px; }
	.tabbable .panel-faq.no_conts { font-size: 13px; color: #888; padding: 15px 0; text-align: center; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; margin-top: -8px; }
	.tabbable .panel-faq:last-child { border-bottom: 1px solid #b0bbc4; }
	.tabbable .panel-faq .panel-title { float: left; padding-left: 14px; }
	.tabbable .panel-faq .panel-faq_edit { float: right; padding-top: 10px; padding-right: 10px; }
	.tabbable .panel-faq .panel-faq_edit  li { float: left; margin-right: 22px; }
	.tabbable .panel-faq .panel-faq_edit  li:last-child { margin-right: 0; }
	.tabbable .panel-faq .panel-collapse { clear: both; padding-left: 14px; }
	.tabbable .panel-faq .panel-collapse dt { float: left; margin-right: 3px; }
	.tabbable .panel-faq .panel-collapse dd { float: left; padding-top: 1px;font-size: 13px; }
	.tabbable .panel-faq .panel-collapse .panel-body { padding-bottom: 7px; }
	.tabbable .panel_th { overflow: hidden; background-color: #f5f5f5; color: #555; border-bottom: 1px solid #b0bbc4; border-top: 2px solid #808992; margin-bottom: 8px; }
	.tabbable .panel_th li { float: left; padding: 10px 4px; line-height: normal; font-size: 13px; vertical-align: top; text-align: center; font-weight: bold; }
	.tabbable .panel_th li.title { width: 82%; }
	.tabbable .panel_th li.used { float: right; margin-right: 15px; }
	.tabbable .panel_th li.edit_group { float: right; margin-right: 6px; }
	.tabbable .tab-content { padding: 0; }

	/* 탭사이즈 */
	.navbar-xs { min-height: 37px; }
	.navbar-xs .navbar-inner { min-height: 37px; }
	.navbar-xs.navbar .nav > li > a { padding: 10px 30px; font-size: 12px; line-height: normal; }

	/* 탭색상 */
	.navbar-default { background: none; }
	.navbar-default.navbar .nav > li.active > a, 
	.navbar-default.navbar .nav > li > a:hover, 
	.navbar-default.navbar .nav > li > a:focus { background-color: #e2e2e2; color: #555; }
	
	/* 탭 보더 */
	.navbar-bdn .navbar-inner { border-bottom: 0; margin-bottom: 0; }
	.navbar-bdn + .tabbable { margin-top: 0; }

	/* 탭 우측 상품갯수 */
	.navbar .navbar-inner .search_num { float: right; padding-top: 12px; color: #666; font-weight: bold; }

	/* 사이트맵 */
	.sitemap{width:100%; overflow:hidden;}
	.sitemap li{ float:left; width:235px; margin-right:20px; overflow:hidden;}
	.sitemap li:last-child{margin-right:0px;}
	.sitemap li > dl > dt {padding:10px 20px; border-top:2px solid #2057A9; border-bottom:1px solid #ddd; font-size:16px; color:#2057a9;}
	.sitemap li > dl > dd {padding:7px 20px; font-size:14px; letter-spacing:-0.5px;}

	/* 회사소개 */
	.board_wrap p.sub_title { font-size: 14px; margin-bottom: 12px; }
	.board_wrap .map_text { margin-top: 20px; }
	.board_wrap .map_text dt { font-size: 17px; font-weight: bold; }
	.board_wrap .map_text dt i { color: #00aeef; }
	.board_wrap .map_text dd { font-size: 15px; color: #666; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; }

	/* 서비스이용약관 */
	.sub_contents.terms_section .provision_box { border: 1px solid #d5d5d5; background-color: #f5f5f5; margin-top: 8px; margin-bottom: 8px; overflow: hidden; }


	/* 개인정보취급방침 */
	.custom_pre pre { font-family: 'Malgun Gothic','맑은 고딕', 'Nanum Gothic', sans-serif; background-color:#f9f9f9; overflow: hidden; white-space: pre-line; font-size: 14px; color: #666; border-radius:0; padding: 30px 25px 20px; line-height: 160%; border: 0; margin-bottom: 0; }
	.custom_pre pre h2 { text-align:center; font-size:20px; margin-bottom:0; color: #454545; }
	.custom_pre pre h3 { font-weight:bold; color:#454545; font-size:16px; }
	.custom_pre pre .point { color:red; }

/* 푸터영역 */
#fitFooter { clear:both; width:100%; /*margin-top: 50px;*/ }
.foot_GDS { height: 70px; background-color: #f2f2f2; font-size: 12px; color: #777;  margin-top:50px;}
.foot_GDS  ul { padding-top: 18px; }
.foot_GDS  ul  li { line-height: 160%; letter-spacing: -0.4px; }
.foot_GDS  ul  li.point { color: #a67c52; }

.foot_section { margin-top: 15px; }
.foot_logo { float: left; }
.foot_menu > li { float: left; margin-right: 28px; font-size: 15px; }
.go_site { float: right; margin-top: 16px; }
.ban_agency { position: relative; float: right; background-color: #8ec641; color: #fff; padding: 7px 14px 7px 50px; border-radius: 2px; }
.ban_agency  i { position: absolute; top: 11px; left: 12px; font-size: 24px; }
.go_site .ban_agency { padding: 10px 14px 10px 57px; font-size: 14px; }
.go_site .ban_agency i { font-size: 31px; }

address > ul { margin-top: 10px; }
address .email a { color: #2ba22e; }
address .email a i { color: #2ba22e; font-size: 14px; }
address .copyrights { color: #999; margin-top: 5px; }

	/* 하단 계좌번호 레이어 */
	.fit_wrap .main #account-overview-container { display: none }
	#account-overview-container { width: 100%; text-align: center; z-index: 10; }
	#account-overview-container.affix { position: fixed; bottom: 0px; display: block; }
	#account-overview-container.affix-top { position: static; }
	#account-overview-container.affix-bottom { position:absolute; visibility: hidden; height: 0; overflow: hidden;	}
	#account-overview-container.affix-bottom .collapse.in { visibility: hidden; display: none; }
	#account-overview-container .affix_layer { margin:0 auto; height: 38px; background-color: #03a9f4; width: 600px; padding: 10px;  border-radius: 0; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);  }
	#account-overview-container .affix_layer li { float: left; margin-right: 10px; font-size: 14px; }
	#account-overview-container .affix_layer li:last-child { float: right; margin-right: 0px; border-radius: 2px; font-weight: bold; }
	#toggle_close { background-color: #03a9f4; padding: 5px 12px 2px; border-top-left-radius: 3px; border-top-right-radius: 3px; color: #fff;  }

/* 테이블 정의 */
.table { width: 100%; font-size: 13px; }
.table_base { clear: both; border-bottom: 1px solid #b0bbc4; border-top: 2px solid #808992; margin-bottom: 20px; width: 100%; }
.table_base label { /*vertical-align: inherit;*/ }
.table_base_st { border-top:1px solid #d5d5d5; margin-bottom:20px; }
.table_base_nude { border-bottom: 1px solid #d5d5d5; margin-bottom: 20px; }
.table_nude tbody > tr > td .amount{ color: #ff47a0; border-bottom: none; font-family: Oxygen; font-weight: 700; font-style: normal; }
.table_nude tbody > tr > td span {vertical-align: inherit; }
.table_base .no_conts { color: #888; font-size: 13px; padding: 15px 0; text-align: center; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; }

.table_base_box { clear: both; border: 1px solid #d5d5d5; width: 100%; height:100%; margin-top:40px;}
.table_base_box_min { clear: both; border: 1px solid #d5d5d5; width: 100%; height:100%; margin-bottom:15px;}

/* 자동입력방지 */
.num_area { display: inline-block; position: relative; width: 211px; height: 46px; text-align: center; background: url(../images/codestr/codestr_bg.gif) repeat; }
.num_area_bg { position: absolute; left: 0; top: 0; }
.num_area_bt { display:inline-block; width: 300px; height: 46px; vertical-align: bottom; }
.reload_btn { display: inline-block; vertical-align: middle; padding-bottom: 2px; padding-left: 5px; }
.result_match { color: #fff; background-color: #03A9F4; padding: 2px 2px 4px; border-radius: 2px; font-size: 14px;  }
.result_discord { color: #fff; background-color: #F44336; padding: 2px 2px 4px; border-radius: 2px; font-size: 14px; }
.captcha_box p { margin: 0; font-size: 14px; color: #777; }

/* 코멘트박스 */
.comment_view {  }
.comment_view .writer { float: left; font-size: 14px; font-weight: bold; }
.comment_view .writer i { color: #bbb; }
.comment_view .time { float: right; font-size: 11px;	color: #888; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; letter-spacing: -0.5px; }
.comment_view .time li { float: left; margin-right: 10px; color: #555; }
.comment_view .contents { clear: both; padding-top: 12px; color: #777; font-size: 13px; padding-left: 28px; padding-right: 56px; }
.comment_view .contents > i { font-size: 15px; vertical-align: top; color: #00BCD4; }
.comment_view .edi_btn { text-align: right; margin-right: 10px; }
.comment_view > section { border-bottom: 1px dotted #d5d5d5; padding: 10px; }
.comment_view > section.my_comment { background: #f0f8ff; }
.comment_view > section:last-of-type { border-bottom: 0; margin-bottom: 10px; }
.comment_view .reply_correct { clear: both; overflow: hidden; margin-top: 10px; }
.comment_view .reply_correct .col_80 { float: left; width: 88%; height: 96px; resize: none; padding: 2px 6px; }
.comment_view .reply_correct .btn_reply_modify_save { display: inline-block; background-color: #ddd; border: 1px solid #cecdcd; border-left: 0; padding: 20px 28px 20px 28px;    font-size: 13px; font-weight: bold; }
.comment_view .reply_correct .btn_reply_modify_cancel { display: inline-block; background-color: #fff; border: 1px solid #cecdcd; border-left: 0; border-top: 0; padding: 9px 29px 8px 28px; font-size: 13px; font-weight: bold; color: #666; }

.comment_edit { clear: both; overflow: hidden; margin-bottom: 30px; }
.comment_edit .col_80 { float: left; width: 88%; height: 96px; resize: none; padding: 2px 6px; }
.comment_edit .btn_comment_edit { display: inline-block; background-color: #ddd; border: 1px solid #cecdcd; border-left: 0; padding: 38px 29px 38px 30px; font-size: 13px; font-weight: bold; }




/* 기본테이블 */
.table { width: 100%; font-size:13px; margin-bottom: 0; background-color: #fff; }
.table [onclick] { cursor: pointer; }
.table thead th {background-color: #f8f8f8; }
.table th {font-weight: bold; text-align: left; }
.table th,
.table td {padding: 8px 12px; line-height: 20px; vertical-align: middle; border-top: 1px solid #e2e2e2; }
.table-bordered { border-collapse: collapse; border-left: 0; border: 0; }
.table-bordered > thead > tr > th, 
.table-bordered > thead > tr > td { background: #f3f3f7; border-bottom-width:1px; }
.table-bordered th,
.table-bordered td {border-left: 1px solid #dddddd; text-align:center; }
.table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; text-align:center; border-bottom: 0; }
.table td.price_right { text-align:right; vertical-align: middle; font-weight: bold; padding-right: 20px; color:#454545; }
.table td.price_right .plus { float:left; }
.table td.price_right .plus i { font-size:22px; }
.table td.price_right .plus .fa-plus-circle { color:#2EBBFC; }
.table td.price_right .plus .fa-minus-circle { color:#C95454; }
.table td.total_price { font-size: 14px; text-align: right; font-family: 'Malgun Gothic','맑은 고딕'; padding-right: 20px; color: #454545;
		font-weight: bold; }
.table td.total_price span { color: #FF5722; font-size: 15px; font-weight: bold; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; vertical-align: text-top; }
.table td.total_price .alert-success { margin-bottom:0; text-align:right; font-size:18px; font-weight:bold; }
.table .td-group { margin-bottom:10px; }
.table .td-group:last-child { margin-bottom:0; }
.table .td-group .title { margin-bottom:5px; }
.table-overflow {margin-top:1px; }
.tabbable { margin-top:1px; }
.tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; }
.table tbody > tr > td.bg { background-color:#f8f8f8; }
.table .price span { color: #FF5722; font-weight: bold; } 
.table span.note { color: #888; font-weight: normal; font-size: 12px; }
.table span.note .fa-asterisk { font-size: 10px; margin-right: 0;	color: #00aeef; }
.no_list { background-color: #f3f3f7; text-align: center; padding: 30px; margin-bottom: 20px; font-size: 14px; color: #888; }

/* 상품상세 일정표 테이블 */
.table1_edit  { float: none !important; width: 100% !important; font-size:13px  !important; margin-bottom: 0; background-color: #fff; }
.table1_edit thead th { background-color: #f3f3f7; }
.table1_edit th { padding: 8px 12px; line-height: 20px; vertical-align: middle; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #d5d5d5; font-weight: bold; font-size: 13px; text-align: center;}
.table1_edit th:last-child { border-right: 0; }
.table1_edit th span { font-size: 13px !important; }
.table1_edit td { padding: 8px 12px; line-height: 20px; vertical-align: middle; border-top: 1px solid #e2e2e2; border-right: 1px solid #d5d5d5; }
.table1_edit td:last-child { border-right: 0; }

/* 스트라이프 테이블 */
.table-striped > tbody > tr:nth-of-type(even) { background-color: #f6f6f6; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; }
.table-striped tbody > tr:last-child { border-bottom:1px solid #d5d5d5; }
.table-striped > tbody > tr[style^="display: table-row"]:nth-of-type(even) { background-color: #fff; }
.table-striped > tbody > tr[style^="display: none"]:nth-of-type(odd) { background-color: #f6f6f6; }
.table-striped > tbody > tr[style^="display: none"]:nth-of-type(even) { background-color: #fff; }


/* 로우스판 테이블 */
.table-rowspan > tbody > tr > td[rowspan="2"] { border-left:1px solid #d5d5d5; }
.table-rowspan > tbody > tr > td[rowspan="3"] { border-left:1px solid #d5d5d5; }
.table-rowspan > tbody > tr > td[rowspan="4"] { border-left:1px solid #d5d5d5; }

.table-rowspan2 > thead > tr > th { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.table-rowspan2 > thead > tr > th[rowspan="2"] { border-left:0; border-right:0; }
.table-rowspan2 > thead > tr > th:last-child { border-left:0; border-right:0; }
.table-rowspan2 > tbody > tr > td { border-left:1px solid #ddd; border-right:1px solid #ddd; }
.table-rowspan2 > tbody > tr > td[rowspan="2"] { border-left:0; border-right:0; }
.table-rowspan2 > tbody > tr > td:last-child { border-left:0; border-right:0; }
.table-rowspan2.xslim_x.table_nude > tbody > tr > td { padding-left:0; padding-right:0; }
.table-rowspan2.xslim_x.table_nude > thead > tr > th { padding-left:5px; }
.table-rowspan2.xslim_x.table_nude > tbody > tr > td:first-child { padding-left:5px; }
.table-rowspan tr[onclick] { cursor: pointer; }
/*.table-rowspan tr[onclick]:hover + tr td { background-color: #e6e6fa; }*/

/* 테이블 오버 */
.table_hover > tbody > tr:hover { background: #fcf8e3; }

/* 달력 테이블 */
.table_calendar { border: 1px solid #d5d5d5; }
.table_calendar > thead > tr > th { text-align: center; border-right: 1px solid #d5d5d5; }
.table_calendar > tbody > tr > td { text-align: center; border-right: 1px solid #d5d5d5; padding: 0; line-height: 34px; height: 34px; font-family: "verdana", 'Malgun Gothic', '맑은 고딕'; background-color: #fff; }
.table_calendar > tbody > tr > td del { color: #bbb; background-color: #f5f5f5; display: block; }
.table_calendar > tbody > tr > td .selected { display: block; background-color: #fffcde; color: #FF9800; }
.table_calendar > thead > tr > th.sat { background-color: #34d3eb; text-align: center; color: #fff; }
.table_calendar > thead > tr > th.sun { background-color: #FF5722; text-align: center; color: #fff; }

/* 보더 테이블 */
.table-border > tbody > tr > td { border: 1px solid #d5d5d5; }
.table-border > tbody > tr > td:first-child { border-left: 0; }


/* 누드테이블 */
/* 좁은간격 */
.slim.table_nude tbody > tr > td { padding: 9px 20px; }
.xslim.table_nude tbody > tr > td { padding: 6px 20px; }
.xslim_x.table_nude thead > tr > th { padding: 10px 4px; line-height: normal; font-size: 13px; }
.xslim_x.table_nude tbody > tr > td { padding: 10px 4px; vertical-align: middle; height: 35px; }
.xslim_x.table_nude tbody > tr > td.price,
.table_nude tbody > tr > td.price { color: #00aeef; text-align: right; padding-right: 12px; } 
.xslim_x.table_nude tbody > tr > td.str_day { color: #555; }
.xslim_x.table_row tbody > tr > th {  padding: 10px; line-height: normal; font-size: 13px; }
.xslim_x.table_row tbody > tr > td {  padding: 6px 10px; line-height: normal; font-size: 13px; }

/* 세로 가운데 정렬 */
.vertical_y.table_nude  thead > tr > th  { vertical-align:middle; }
.vertical_y tbody > tr > td  { vertical-align:middle; }

.table > tbody > tr > td.td_not { height:80px; vertical-align:middle; font-weight:bold; }

/* 항공티켓 리스트 */
.table_nude_ticket { font-size:13px; margin-bottom:0; }
.table_nude_ticket thead > tr > th { background-color: #e9ebef; padding:10px 0; vertical-align:top; border-bottom:0; color:#454545; text-align: center; border-right: 1px solid #fff; }
.table_nude_ticket tbody > tr > td { font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size: 12px; color: #454545; padding: 10px 0; text-align: center; border-top: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; background-color: #fff; }
.table_nude_ticket tbody > tr:first-child > td { border-top: 0; }
.table_nude_ticket tbody > tr > td:last-child { border-right: 0; }
.table_nude_ticket tbody > tr > td.title { text-align:left; overflow:hidden; max-width:510px; }
.table_nude_ticket tbody > tr > td.title a { font-weight:bold; color:#777; line-height: inherit; }
.table_nude_ticket tbody > .notice > td { background-color: #eafdfc; color: #454545; }
.table_nude_ticket tbody > .notice > td.title a { color:#454545; }
.table_nude_ticket tbody > .notice .fam-bullet-disk { vertical-align: middle; }
.table_nude_ticket .price { font-size: 13px; font-weight: bold; color: #00aeef; text-align: right; padding-right: 12px; }
.table_nude_ticket > tbody > tr.active > td { background-color: #64B5F6; color: #fff; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; }

/* 리스트 */
.table_nude { font-size:13px; margin-bottom:0; }
.table_nude thead > tr > th { background-color: #f5f5f5; padding:13px 0; vertical-align:top; border-bottom:0; color:#555; text-align: center; }
.table_nude tbody > tr > td { color: #888; padding: 15px 0; text-align: center; border-top: 1px solid #ddd; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; }
.table_nude tbody > tr > td.title { text-align:left; overflow:hidden; max-width:510px; text-overflow: ellipsis; color:#555; font-weight: bold; /*white-space: nowrap;*/ }
.table_nude tbody > tr > td.title a { font-weight:bold; color:#555; line-height: inherit; }
.list.btn_box { text-align:right; /*margin-bottom:20px;*/ }
.btn_area_noline { text-align:center;}
.table_nude tbody > .notice > td { background-color: #eafdfc; color: #454545; }
.table_nude tbody > .notice > td.title a { color:#454545; }
.table_nude tbody > .notice .fam-bullet-disk { vertical-align: middle; }
.table_nude tbody > tr > td.total_pice { text-align: right; color: #454545; font-weight: bold; padding-right: 20px; }
.table_nude tbody > tr > td.total_pice span { font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size: 15px; font-weight: bold; color: #FF5722; }
.bd_search_edit { text-align: center; background-color: #f5f5f5; padding: 20px 0; border-top: 1px solid #b0bbc4; border-bottom: 1px solid #b0bbc4; margin-top: 20px; }

/* 상품리스트 */
table.prod_list tbody > tr > td { letter-spacing: -1px; }


/* 페이징 */
.center-block { text-align: center; }
.pagination > li:first-child > a, 
.pagination > li:first-child > span { border-radius: 0; } 
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-radius: 0; }

/* 뷰페이지 */
.view_base { clear: both; border-top: 2px solid #808992; margin-bottom: 20px; }
.board_view {}
.board_view h3.title { font-size:16px; font-weight:normal; padding:15px 10px; background-color: #f5f5f5; border-bottom: 1px solid #b0bbc4}
.board_view .label { vertical-align:middle; margin-right:4px; }
.board_view .post_info { overflow: hidden; margin-bottom: 20px;padding:10px; border-bottom: 1px solid #d5d5d5; color:#888; /*background-color: #f5f5f5; */}
.board_view .post_info dt { float:left; margin-right:10px; }
.board_view .post_info .sort { float: left; width: 16%; }
.board_view .post_info .writer { float:left; width: 13%; }
.board_view .post_info .day { float:right; width: 16%; }
.board_view .post_info .num { float:right; width: 12%; }
.board_view .post_info .grade { clear:both; padding-top:10px; }
.board_view .post_info .grade dd { float:left; margin-right:10px; }
.board_view .post_info dd { font-size:14px; }
.board_view .post_info dd i { padding-top:3px; }
.board_view .prod_info { overflow: hidden; margin-top: -20px; margin-bottom: 20px;padding:10px; border-bottom: 1px solid #d5d5d5; color:#888; background-color: #f5f5f5;  }
.board_view .prod_info .prod_img { float: left; margin-right: 20px; }
.board_view .prod_info .prod_img img { width: 110px; }
.board_view .prod_info .prod_desc { float: left; width: 66%; }
.board_view .prod_info .prod_desc li { padding-top: 4px ; }
.board_view .prod_info .prod_desc li.cate { font-size: 12px; color: #009688; }
.board_view .prod_info .prod_desc li.title { font-weight: bold; color: #555; }
.board_view .prod_info .prod_view { float: right; }
.board_view .prod_info .prod_view .view_prod { padding: 12px; background-color: #ffffff; border: 1px solid #d2d2d2; border-radius: 2px; color: #777; font-size: 12px; font-weight: bold; }
.board_view .prod_info .prod_view .view_prod i { vertical-align: baseline; }
.board_view .content { position: relative; font-size:14px; line-height: 150%; padding-bottom: 20px; border-bottom: 1px solid #b0bbc4; min-height: 400px; }
.board_view .content img { max-width:100%; }
.board_view .content > div:first-child { margin-bottom: 20px; }
.board_view .content.content_edit { min-height: 130px; }
.board_view .answer h3.title { font-size:16px; font-weight:bold; }
.board_view .answer_qna { position:absolute; bottom:0px; background-color: #f8f8f8; padding: 10px; font-size:14px; line-height: 150%; width:100%; border-top: 1px dotted #ccc;  }
.board_view .answer { background-color: #f8f8f8; padding: 10px; padding-left: 17px; }
.board_view .user{ display:block; margin-bottom:10px; color: #454545; letter-spacing:-0.5px; }
.board_view .user_answerbox{ background-color: #fff;  line-height: 150%; display: block; padding: 10px; min-height:100px; border:1px solid #ebebeb; letter-spacing:-0.5px; }
.pb400 {padding-bottom:400px !important;}
.board_view .btn_box { padding:20px 0; text-align:right; }
.board_view .append { clear: both; border-bottom: 1px solid #d5d5d5; margin-top: -20px; margin-bottom: 20px; font-size: 12px; padding: 8px; }
.board_view .append > ul { display:table; }
.board_view .append > ul > li { /*line-height:160%; */}
.board_view .append .title { display:table-cell; padding-right:20px; font-weight:bold; }
.board_view .append .fam-disk { text-indent:25px; vertical-align: text-bottom; }

/* 뷰페이지 이전글 다음글 */
.board_list { border-bottom:1px solid #b0bbc4; }
.board_list .table_nude tbody > tr > td { padding:11px 0; }
.sort_up i { padding-right: 5px; color: #FF5722; vertical-align: bottom; }
.sort_down i { padding-bottom: 4px; padding-right: 5px; color: #FF5722; }

/* 게시판 */
	.board_wrap { float: right; width: 1100px; min-height: 700px; }
	.board_wrap > h2.title { font-family: 'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕'; font-size: 26px; margin-top: 3px; margin-bottom: 20px; font-weight: bold; line-height: 22px; }	
	.board_wrap > h2.title span { font-size: 14px; color: #999; font-weight: normal; }
	.board_wrap > h3.title { font-family: 'Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕'; font-size: 26px; margin-top: 3px; margin-bottom: 20px; font-weight: bold; line-height: 22px; }	
	.board_wrap > h3.title span { font-size: 14px; color: #999; font-weight: normal; vertical-align: text-bottom; }

	.board_wrap .board_wrap { margin-top: 0; }
	.table_top { margin-top: 20px; }
	.table .event_img img { max-width: 180px; }
	
	/* 여행후기 갤러리형 게시판 */
	.thumbnail { box-shadow: none; border: 1px solid #d5d5d5; border-radius: 0; padding: 0; }
	.thumbnail[onclick] { cursor: pointer; }
	.thumbnail[onclick]:hover img { opacity: 0.8; }
	.thumbnail[onclick]:hover .caption h3 { color: #353535; }
	.thumbnail .caption { padding: 16px; }
	.thumbnail .caption ul { overflow: hidden; }
	.thumbnail .caption .day { float: left; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size: 13px; letter-spacing: -0.5px; color: #888; }
	.thumbnail .caption .name { float: right; font-family: verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size: 13px; max-width: 118px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; }
	.thumbnail .caption h1, 
	.thumbnail .caption h2, 
	.thumbnail .caption h3, 
	.thumbnail .caption h4, 
	.thumbnail .caption h5, 
	.thumbnail .caption h6 { font-size: 14px; color: #454545; height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: pre-line; margin-bottom: 24px; max-height:44px; display:block;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }

/* 이벤트 게시판 */
.board_view.event h3.title { text-align: center; padding: 16px; }
.board_view.event .post_info { padding: 14px; }
.board_view.event .post_info .duration { float: left; padding-left: 10px; font-size: 13px; }
.board_view.event .post_info .release { float: right; padding-right: 10px; font-size: 13px; }

/* 코멘트라인 */
.board_view .comment_line { margin-bottom: 10px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px dotted #d7d7d7; }
.board_view .comment_line.modify { border-bottom:0; }
.board_view .comment_line:last-child { border-bottom:0; }
.board_view .comment_line .writer { float:left; font-size:14px; }
.board_view .comment_line .writer strong { font-size:14px; margin-right: 4px; }
.board_view .comment_line .writer span { color:#999; vertical-align:bottom; }
.board_view .comment_line .comment_btn { float:right; }
.board_view .comment_line .comment_btn .btn_comment { padding:0px; }
.board_view .comment_line .comment_btn i { margin:0; }
.board_view .comment_line .contents { clear:both; color: #888; font-size: 14px; overflow: hidden; padding-top: 10px; }

/* 코멘트박스 */
.board_view .captcha_box { clear: both; border:1px solid #d5d5d5; padding:20px; }
.board_view .captcha_box .form-group label { margin-right:6px; }
.board_view .captcha_box .form-group .form-control { margin-right:12px; }
.board_view .captcha_box .form-group input { width:154px; }
.board_view .captcha_box .comment_box { display:block; margin-top:10px; margin-bottom:10px; }
.board_view .captcha_box .comment_box label { margin-right:6px; }
.board_view .captcha_box .comment_box textarea { width:80%; margin-right: 10px; }
.board_view .captcha_box .captcha_area label { margin-right:6px; }
.board_view .captcha_box .captcha_area { overflow:hidden; }
.board_view .captcha_box .comment_box .btn_comment { background-color: #ABABAB; padding: 35px; font-size: 16px; font-weight: bold; color: #fff; }

/* 코멘트수정 */
.board_view .modify .captcha_box { margin-top:10px; }
.board_view .modify .captcha_box .comment_box textarea { width:71%; margin-right: 10px; }
.board_view .modify .captcha_box .comment_box .btn_comment { background-color: #ABABAB; padding: 35px 28px; font-size: 16px; font-weight: bold; color: #fff; }

/* row 테이블 */
.table_row {}
.table_row tbody > tr:first-child > th { border-top:0; }
.table_row tbody > tr:first-child > td { border-top:0; }
.table_row tbody > tr > th { background-color: #f5f5f5; padding:13px 0; vertical-align:middle; color:#555; text-align:center; border-right: 1px solid #ddd;}
.table_row tbody > tr > th:last-child { background-color: #f5f5f5; padding:13px 0; vertical-align:middle; color:#555; text-align:center; border-right: 0px solid #ddd;}

.table_row tbody > tr > th label { margin-bottom:0; }
.table_row tbody > tr > td { text-align:left; padding-left:20px; vertical-align: middle; }
.table_row .editor_zone { padding:10px 0; }
.table_row .editor_zone textarea { width:100%; height:500px; }
.table_row tbody > tr > td .price { color: #00aeef; }
.table_row tbody > tr > td .str_day { color: #00bcd4; }
.write.btn_box { text-align:center; }
.write.btn_box i,
.list.btn_box i,
.btn_area_noline i,
.btn_center i { font-size:14px; }
.write.btn_box i.fa-ban,
.list.btn_box i.fa-ban,
.btn_area_noline i.fa-ban { color: #FF5722; }
.write.btn_box i.fa-trash-o,
.list.btn_box i.fa-trash-o,
.btn_area_noline i.fa-trash-o { color: #F44336; }

/* 좌측정렬 */
.tal.table tbody > tr > th { text-align: left; padding-left: 30px; }
.tal.table tbody > tr > td { text-align: left; padding-left: 15px; color: #888; }
table tbody > tr > td.tal { text-align: left; padding-left: 15px; }

/* 필수입력 */
.required_field_block { position: relative; padding:8px; }
.required_field_block .required_icon { background-color: transparent; border-color: #EA4192; position: absolute; top: -1px; left: 0px; z-index: 100; margin: 0em; width: 10px; height: 10px; padding: 0em; text-align: center; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; }
.required_icon:after { position: absolute; content: ""; left: 0px; top: 0px; z-index: -1; width: 0em; height: 0em; border-top: 0em solid transparent; border-left: 7px solid transparent; border-left-color: inherit; border-bottom: 7px solid transparent; border-right: 0em solid transparent; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; transition: border-color 0.2s ease; }

/* 정보 아이콘 */
.fa-info-circle { color: #00aeef; }

/* 에디터 */
#cp_img_path_arr_panel {}
#cp_img_path_arr_panel ul { margin:5px 0; margin-bottom:12px; overflow:hidden; }
#cp_img_path_arr_panel ul li { float:left; position:relative; margin-right:5px; margin-bottom:5px; padding:4px; border:1px solid #d7d7d7; }
#cp_img_path_arr_panel ul li.on { border:1px solid #FF5722;}
#cp_img_path_arr_panel img { width:103px; height:75px;}
#delete_img { position: absolute; left: 84px; top: 0px; opacity: .5; color: #795548; background-color:#fff; width:22px; height:24px; border-radius:3px; outline: none; font-size:24px;}

/* 팝업 */ 
body.popup_body { font-family: Arial,'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔고딕', sans-serif; }
.popup_483 { width: 483px; }
.popup_body .panel { box-shadow: none; }
.popup_img a:hover > img { opacity: 1; }


@media screen and (max-width:1000px) {  
	/*body { width: 1100px; }*/
	.magazine_section .swiper-button-next { display: none; }
}
iframe body { width: inherit; }

/*달력*/
.acal_area{ border:1px solid #b2b2b2;}
.acal_date{ position:relative; padding:5px;}
.acal_date table{width:100%;}
.acal_date thead th, .acal_date.Air_M thead th{font-family:NT-M; height:32px; text-align:center; vertical-align:middle; color:#1e2023; font-size:16px;}
.acal_date thead th{}
.acal_date.Air_M thead th{border-bottom:#3f8edd solid 1px;}
.acal_date tbody th, .acal_date tbody td{height:40px; background:#ffffff; font-family:Dotum; font-weight:normal; font-size:12px; line-height:14px; text-align:center; border-bottom:#e0e0e0 solid 1px; vertical-align:middle; }
.acal_date tbody th:first-child, .acal_date tbody td:first-child{color:#fb746b;}
.acal_date tbody th+th+th+th+th+th+th, .acal_date tbody td+td+td+td+td+td+td{color:#3e8ddc;}

.acal_date tbody td{border-right:#e0e0e0 solid 1px; cursor:pointer;}
.acal_date tbody td:first-child{border-left:#e0e0e0 solid 1px;}
.acal_date tbody td:hover{background:#FFF6F3;}

.acal_date.Air-M tbody td:hover{background:#E7F3FF;}
.acal_date .Empty, .acal_date .Empty:hover, .acal_date .Empty, .acal_date .Empty:hover{background:none !important; cursor:default;}
.acal_date .Today, .acal_date .Today:hover, .acal_date.Air-M .Today, .acal_date.Air-M .Today:hover{background-image:url(../img/common/ico_popup_cal_todoay.png); background-position:right bottom; background-repeat:no-repeat; color:#ffffff;}
.acal_date .Today, .acal_date .Today:hover{background-color:#ff8e6a;}
.acal_date.Air-M .Today, .acal_date.Air-M .Today:hover{background-color:#3f8edd;}
.acal_area{display:inline-block; width:210px; position:absolute; left:0px; top:46px; background-color:#fff; z-index:1000;}

.acal_date .Today, .acal_date .Today:hover, .acal_date .choice, .acal_date .choice:hover{    background-color: #f3f3f3; /*color:#ffffff;*/}
.acal_date .Start, .acal_date .Start:hover, .acal_date .End, .acal_date .End:hover{background-color: #ffffff;color: #f6bb42;border: 3px #fe4031 dashed;}
.acal_date thead th{border-bottom: #e0e0e0 solid 1px;}
.acal_date tbody td:hover{background-color:#f3f7ff;}

.acal_date ul{position:relative;padding:15px;width:100%;border:1px solid #d5d5d5;text-align: center;}
.acal_date ul li{display: inline-block;margin-right:50px;}

.acal_prev{cursor: pointer; font-weight: 400; width: 23px; height: 23px; color: #fff; position: relative; background-color: #fe4031; white-space: nowrap; display: inline-block; text-decoration: none;border-radius: 30px; position:absolute; left:10px; top:9px;}
.acal_next{cursor: pointer; font-weight: 400; width: 23px; height: 23px; color: #fff; position: relative; background-color: #fe4031; white-space: nowrap; display: inline-block; text-decoration: none;border-radius: 30px; position:absolute; right:10px; top:9px;}
.acal_prev i { color: #fff; font-size: 18px; display: inline-block; margin: 2px 0 0 7px; font-size: 19px;}
.acal_next i { color: #fff; font-size: 18px; display: inline-block; margin: 2px 0 0 7px; font-size: 19px;}


textarea {-webkit-border-radius:0; -webkit-appearance:none; border:0px;}


.navbar {width:100%;top: 0;left: 0;padding: 0px;height: 55px;text-align:center;/*background-color: #00aeef;*/}
.navbar .title { top: 24px; padding-top:16px; display:inline-block; font-size:19px; color:#fff; font-family:Verdana, Geneva, sans-serif; letter-spacing:-0.2px; margin-left:-10px;}
.navbar .back-btn {width: 40px;height: 40px;padding: 8px 8px;position: absolute;top: 0;left: 0;cursor: pointer;background-color: #005e81;border-radius:50%;margin: 10px 0 0 10px;box-shadow: 0px 1px 4px #8493a0;}
.navbar .back-btn i { font-size:24px;color:#fff;}
.navbar .back-btn img { width: 13px; }
.navbar .menu-btn { width: 24px; height: 24px; padding: 8px 8px; position: absolute; top: 0; right: 0px; cursor: pointer; background-color:#A8B6C2; border-radius:50%; margin: 10px 10px 0 0; box-shadow: 0px 1px 4px #8493a0;}
.navbar .menu-btn i { color:#fff; }
.navbar .chat-menu { background-color: #FFFFFF; position: absolute; right: 0; width: 80px; }
.navbar .chat-menu ul { border-bottom: solid #CA2327; padding: 3px; cursor: pointer; }
.chat.main { width:100%; height:100%; position:relative; }
.chat-list { overflow-x: hidden; top: 60px; height: calc(100% - 99px); border-color: black; background-color: #fff; margin: 0; padding: 10px 0; position:fixed; width:100%;}
.chat-list .chat { display: inline-block; width: 100%; height: auto; }
.chat-list .chat .m_box {overflow: hidden; float: left; width: auto; max-width: 300px;}
.chat-list .chat .what_category{
    width:240px;
    border-bottom: 1px solid #e4e3e3;
    padding: 6.5px 5px;
    font-size: 14px;
    color: #666666;
    float: none;
    text-align: left;
    overflow:hidden;}

.chat-list .chat .time {width:100%;float: left; text-align: left; margin-left: 65px; color: #C0C0C0; font-size:11px;letter-spacing:-0.2px; font-family:Verdana, Geneva, sans-serif; }/*수정_0118*/
.chat-list .chat .time.USER2ADMIN {width:100%; float: right; text-align: right; padding-right: 10px; color:#C0C0C0; font-size:11px; letter-spacing:-0.2px; font-family:Verdana, Geneva, sans-serif; }
.chat-list .chat .concierge-icon { width: 40px; height: 40px; margin: 8px; background: url("/erp/zones/images/chat/chat_02.png") no-repeat; background-size: contain; float: left;}
.chat-list .chat .message { position: relative; width: auto; max-width: 70%; margin: 10px; padding:8px 13px; text-align: start; display: inline-block; word-break: break-all; border-radius: 20px; float: left; background-color: #5EB0FB; color: #FFFFFF; }
.chat-list .chat .message img { background-color: #FFFFFF; }
.chat-list .chat .message a { color: cornflowerblue; text-decoration: none; display: block;}/*수정*/
.chat-list .chat .message.USER2ADMIN { background-color: #EFF0F4; color: #4b555e; float: right; }
.chat-list .chat .message.USER2ADMIN .products { display: none; }
.chat-list .chat .message.PURCHASED { padding: 0; }
.chat-list .chat .message.PURCHASED .products .product .purchased { position: absolute; top: 5%; left: 20%; width: 60%; height: inherit; }
.chat-list .chat .message.RECOMMENDATION { max-width: 100%; margin: 0; padding: 0; background-color: transparent; }
.chat-list .chat .message.ROUTINE { background-color: #FFFFFF; color: #777777; }
.chat-list .chat .message.ROUTINE img { width: 20px;}
.chat-list .chat .message.ROUTINE .what_category > img { margin-right: 11px; width: 20px; vertical-align: top; display:block; float:left;}
.chat-list .chat .message.ROUTINE .what_category p { display: block; float: left; width:180px;}
.chat-list .chat .message.ROUTINE .what_category span { float: right; display: block; }
.chat-list .chat .message.ROUTINE .what_category span img { width: 11px; margin-top:1px;}
.chat-list .chat .message.NO_BG { background-color: transparent; }
.chat-list .chat .message .product-site { padding: 15px; color: #FFFFFF; font-size: large; font-weight: bold; text-align: left; cursor: pointer; }
.chat-list .chat .message .products { padding: 2px; margin: 0; font-size: 12px; display: table; }
.chat-list .chat .message .products a { padding: 0; display: table-cell; float: none; color: #555555; }
.chat-list .chat .message .products .product { padding: 2px; float: left; }
.chat-list .chat .message .products .product.col-xs-12 { margin: 10px; padding: 0; }
.chat-list .chat .message .products .product div { background-color: #FFFFFF; }
.chat-list .chat .message .products .product img { top: 0; }
.chat-list .chat .message .products .product .right { display: none; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide a { padding: 0; display: table-cell; float: none; color: #555555; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product { padding: 2px; display: table; float: left; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product.col-xs-12 { max-width: 180px; margin: 10px; padding: 0; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product div { background-color: #FFFFFF; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product img { top: 0; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product .right { display: none; }
.chat-list .chat .message .products .product.col-xs-4 .left { padding: 10px; }
.chat-list .chat .message .products .product.col-xs-6 .left { padding: 14px; }
.chat-list .chat .message .products .product.col-xs-4 img { width: 100%; height: 71px; }
.chat-list .chat .message .products .product.col-xs-6 img { width: 100%; height: 104px; }
.chat-list .chat .message .products .product.col-xs-12 img { width: 180px; height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product.col-xs-12 img { width: 180px; height: 250px; border-top-left-radius: 10px; border-top-right-radius: 10px; opacity:0.2; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide-active .product.col-xs-12 img { opacity:1; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide { width:180px; height:100%; }
.chat-list .chat .message .products .product.col-xs-12 .left { padding: 7px; width: 86px; display: block;  }
.chat-list .chat .message .products .product.col-xs-12 .left.NO_PRICE { width: 100%; }
.chat-list .chat .message .products .product.col-xs-12 .right { padding: 7px; width: 66px; display: block; }
.chat-list .chat .message .products .product.col-xs-12 .right.NO_PRICE { width: 0%; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product.col-xs-12 .left { padding: 7px; width: 86px; display: block;  }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product.col-xs-12 .left.NO_PRICE { width: 100%; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product.col-xs-12 .right { padding: 7px; width: 66px; display: block; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product.col-xs-12 .right.NO_PRICE { width: 0%; }
.chat-list .chat .message .products .product div .title { height: 30px; font-weight: normal; overflow: hidden; text-align: left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.chat-list .chat .message .products .product div .expl { height: 30px; font-weight: normal; overflow: hidden; text-align: left; font-size: 11px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.chat-list .chat .message .products .product.col-xs-12 div .title { height: 30px; font-weight: bold; font-size: 13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; }
.chat-list .chat .message .products .product.col-xs-12 div .price { height: 30px; font-weight: bold; font-size: 15px;  }
.chat-list .chat .message .products .product div.button { padding: 5px; background-color: #DE4C4C; }
.chat-list .chat .message .products .swiper-container .swiper-wrapper .swiper-slide .product div.button { padding: 5px; background-color: #DE4C4C; }

.chat-list .chat .message .products .product .button{width:auto;padding:5px 10px;font-size:15px;line-height:15px;background-color:#D81F30;text-align:center;color:#fff;border:0px;}
.chat-input { height: 39px; left: 0; bottom: 0px; color: red; position:fixed; border-bottom:1px solid #ddd; }
.chat-input textarea { float: left; width: calc(100% - 118px); height: 39px; padding: 7px; font-size: large; border: 0 none; overflow-y: hidden; }
.chat-input textarea:disabled { background-color: #777777; }
.chat-input #add-image { width: 40px; height: 34px;/*수정_0118*/float:right; background: url("../images/camera.png") no-repeat; background-size: contain; }
.chat-input #add-image:hover { cursor: pointer; }
.chat-input #send {width: 44px;height: 40px;float:right;/*background: url("../images/send-btn-gray.png") no-repeat; */background-size: contain;background-color: #005e81;}
.chat-input #send i { color:#fff; margin:5px 0 0 14px; transform:rotate(-35deg)}

.chat-input #send.active { background: url("../images/send-btn.png") no-repeat; background-size: contain; }

.go2bottom { text-align: right; }
.go2bottom img { width: 10%; }

@media screen and (max-width: 320px) {
    .chat-list .chat .m_box{margin-left:10px;}
}

.position_rel{ position:relative;}
.price_ab{ position:absolute; top:0px; right:0px; text-align:right;}

.col-xs-4{ width:33%; }
.chat-list .chat .message.PURCHASED { padding: 0; }
.chat-list .chat .message.PURCHASED .purchased { position: absolute; top: 10%; left: 20%; width: 60%;}
.chat-list .chat .message.RECOMMENDATION { max-width:inherit; width: 100%;margin: 0 5px;padding: 0;background-color: transparent;/* display:table; */}
.chat-list .chat .message.ROUTINE img { margin-right: 11px; width: 20px; vertical-align: top; }
.chat-list .chat .message.ROUTINE .what_category > img { margin-right: 11px; width: 20px; vertical-align: top; }
.chat-list .chat .message.ROUTINE .what_category p { display: inline; float: none; }
.chat-list .chat .message.ROUTINE .what_category span { float: right; display: inline; }
.chat-list .chat .message.ROUTINE .what_category span img { width: 11px; vertical-align: middle; }
.chat-list .chat .message.NO_BG { background-color: transparent; }
.chat-list .chat .message .string { text-align: start; }
.chat-list .chat .message .string img { /*background-color: #FFFFFF;*/ }
.chat-list .chat .message .string a { word-break: break-all; }
.chat-list .chat .message .products {padding: 2px;font-size: 12px;/* display: table-row; */ display:inherit; width: 100%;clear: both;}
.chat-list .chat .message .products .product {padding: 2px;/* display: table-cell; */float: left;/* background-color:#fff; */}
.chat-list .chat .message .products .product.col-xs-12 { width: 100%; padding:0px;}
.chat-list .chat .message .products .product div { background-color: #FFFFFF; }
.chat-list .chat .message .products .product .right { display: none; color:#000; }
.chat-list .chat .message .products .product.col-xs-4 img { width: 100%; }
.chat-list .chat .message .products .product.col-xs-6 img { width: 100%;  }
.chat-list .chat .message .products .product.col-xs-12 img { width: 100%; height: auto; border-radius:0px; }
.chat-list .chat .message .products .product.col-xs-12 .left {float:left;width: 100%;display: block;}
.chat-list .chat .message .products .product.col-xs-12 .left.NO_PRICE { width: 100%; }
.chat-list .chat .message .products .product.col-xs-12 .right {  float:right; display: block; color: #FFC107;}
.chat-list .chat .message .products .product.col-xs-12 .right.NO_PRICE { width: 0%; }
.chat-list .chat .message .products .product div .title { height: 32px; font-weight: normal; overflow: hidden; text-align: left; padding-left:5px; color:#000;}
.chat-list .chat .message .products .product div .expl { height:inherit; padding-bottom:5px; font-weight: normal; overflow: hidden; text-align: left; padding-left:5px; color:#000; }
.chat-list .chat .message .products .product.col-xs-12 div .title { height: 46px; font-weight: bold; font-size: large; color:#000; }
.chat-list .chat .message .products .product.col-xs-12 div .price { height: 46px; font-weight: bold; font-size: large; text-align: left; }
.table-container { display: inline-flex; }


.chat-list .chat .message2 { position: relative; width: auto; width:70%; margin:10px 0px; padding:5px; text-align: start; display: inline-block; word-break: break-all; border-radius: 0px; float: left; background-color: #f3f3f3; color:#fff; border:1px solid #efefef;}
.chat-list .chat .message2  > .message.RECOMMENDATION { width:100%; max-width:inherit; margin:0px; }
.chat-list .chat .message2  > .message.RECOMMENDATION > .products > .product > .left{padding:4px 5px 6px 4px; border:1px solid #dfdfdf;}
.chat-list .chat .message2  > .message.RECOMMENDATION > .products > .product > .left > .title{ font-size:13px; height:auto; padding:0px 5px 5px 5px; font-weight:600;}
.chat-list .chat .message2  > .message.RECOMMENDATION > .products > .product > .right{background-color: rgba(0, 0, 0, 0.7);color:#fff; font-size:13px; font-family:Verdana, Geneva, sans-serif; width: 100px; text-align: center; color: #ffe66e;}

.chat-list .chat .message .products .product.col-xs-12 {margin:0px;}ct.col-xs-12 {margin:0px;}

.video-section { position: relative; z-index: 99; width: 100%; height: 470px; margin-top: 40px; background-color: #000; }
.video-section .pattern-overlay { background: url(/front/zones/css/images/raster_dot.png); background-repeat: repeat; height: 470px; z-index: 100; }
.video-section .caption { position: absolute; top: 0; z-index: 100; width: 100%; height: 470px; color: #fff; text-align: center; opacity: .8; }
.video-section .caption h3 { font-size: 100px; line-height: 160%; font-weight: 100; }
.video-section .caption p { font-size: 75px; line-height: 160%; font-weight: 100; }
.video-section .caption h2 { font-size: 160px; font-weight: 900; line-height: 160%; }
.video-section .caption h3 span { color: #e03719; }

.login_wrap h3.title{ font-size: 20px; font-weight: 600; margin-top: 50px; letter-spacing: -0.5px; }
.login_wrap input.input_login{ min-width: 246px; height: 40px; border-color: #ddd; float: right; }
.login_wrap label.label_login{ font-size: 14px; padding-top: 10px; float: left; color: #676767; }
.login_wrap label.label_hp{ margin-right: 80px; }
.login_wrap select.select_login{ min-height: 40px; border-color: #ddd; width: 88px; }
.login_wrap input.input_login_hp{ width: 75px; height: 40px; border-color: #ddd; }

h3.title{ font-size: 20px; font-weight: 600; margin-top: 50px; letter-spacing: -0.5px; }
input.input_login_01{ min-width: 246px; height: 30px; border-color: #ddd; float: left; }
label.label_login{ font-size: 14px; padding-top: 10px; float: left; color: #676767; }
label.label_hp{ margin-right: 30px; }
select.select_login{height: 30px; border-color: #ddd; width: 88px; }
input.input_login_hp{ width: 75px; height: 30px; border-color: #ddd; }


/*로그인*/
.login_wrap p.login_sub_title{ font-size: 14px; color: #666; text-align: center; padding: 30px 0 10px; letter-spacing: -0.5px; }
.login_wrap ul.input_section{ width: 400px; margin: 0 auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 0 20px; }

/*회원로그인*/
.login_wrap .mem{ overflow: hidden; margin: 40px 0 0; }
.login_wrap .mem .mem_title{ width: 1100px; height: 65px; border: 1px solid #ddd; box-sizing: border-box; font-size: 16px; color: #fff; text-align: center; line-height: 65px; font-weight: 600; background: #888; }
.login_wrap .mem .mem_info{ width: 1100px; height: 380px; border: 1px solid #ddd; border-top: 0; box-sizing: border-box; }
.login_wrap .mem .mem_info ul.input_section li{ margin-bottom: 20px; overflow: hidden; }
.login_wrap .mem .mem_info ul.input_section li.btn_line{ width: 100%; height: 54px; color: #fff; font-size: 16px; font-weight: 600; line-height: 54px; margin-bottom: 0; padding: 0; }
.login_wrap .mem .mem_info ul.input_section li.id_save{ margin-bottom: 24px; }
.login_wrap .mem .mem_info ul.input_section li.id_save label{ color: #676767; }
.login_wrap .mem .mem_info .login_btn{ width: 400px; margin: 20px auto 0 auto; }
.login_wrap .mem .mem_info .login_btn .find_btn .btn{ padding: 0; width: 170px; height: 40px; float: left; line-height: 40px; border-color: #ddd; background: #f7f7f7; }
.login_wrap .mem .mem_info .login_btn .join_btn .btn{ padding: 0; width: 170px; height: 40px; float: right; line-height: 40px; border-color: #ddd; background: #f7f7f7; }
.login_wrap .mem .mem_info .login_btn .find_btn .btn:hover{ background: #a7a7a7; }
.login_wrap .mem .mem_info .login_btn .join_btn .btn:hover{ background: #a7a7a7; }

/*sns 로그인 버튼*/
.login_wrap .sns_login{ width: 350px; overflow: hidden; margin: 0 auto; }
.login_wrap .sns_login img{ margin-top: 15px; }


/*비회원 예약확인*/
.login_wrap .nomem{ overflow: hidden; margin: 40px 0; }
.login_wrap .nomem .nomem_title{ width: 1100px; height: 65px; border: 1px solid #ddd; border-left: 0; font-size: 16px; color: #fff; text-align: center; line-height: 65px; font-weight: 600; background: #888; }
.login_wrap .nomem .nomem_info{ width: 1100px; height: 380px; border: 1px solid #ddd; border-left: 0; border-top: 0; box-sizing: border-box; }
.login_wrap .nomem .nomem_info ul.input_section li{ margin-bottom: 15px; overflow: hidden; }
.login_wrap .nomem .nomem_info ul.input_section li.btn_line{ width: 100%; height: 54px; color: #fff; font-size: 16px; font-weight: 600; line-height: 54px; margin-bottom: 0; padding: 0; }
.login_wrap .nomem .nomem_info .nomem_terms{ width: 400px; margin: 30px auto 0 auto; }
.login_wrap .nomem .nomem_info .nomem_terms .terms_text{ width: 350px; height: 100px; overflow-y: scroll; border: 1px solid #ddd; background: #f7f7f7; margin-bottom: 7px; padding: 10px 15px; }


/*회원가입 - 개인정보입력*/
.join_info_box{ /*width: 1100px;*/ overflow: hidden; background: #f5f5f5; border: 1px solid #ddd; padding: 0 40px 40px; margin: 20px 0 50px; }
.join_info_box .join_info_wrap{ overflow: hidden; border-bottom: 1px solid #ddd; margin: 20px 0 30px; }
.join_info_box p.info_text{ padding: 15px 80px; border: 1px solid #ddd; color: #888; background: #fff; margin: 15px 0; text-align: left; }
.join_info_box p.info_text_01{ padding: 40px 30px 60px; border: 1px solid #ddd; background: #f5f5fa; margin: 15px 0; text-align: center;}
.join_info_box p.info_text_01 span.list_tit{ color:#00aeef; font-size:26px; font-weight: 600;line-height:100px; padding: 0 0 25px;border-bottom:10px dotted #00aeef; }
.join_info_box p.info_text_01 span.list_c{ color: #888; font-size:15px; font-weight: normal; line-height:30px; }
.join_info_box p.info_text_01 span.list_line{ border-bottom:10px dotted #00aeef; }
.join_info_box i.fa-star{ color: #b9da37; }
.join_info_box table.info_table{ background: #f5f5f5; }
.join_info_box table.info_table tbody th{ line-height: 40px; padding-left: 50px; vertical-align: middle; }
.join_info_box table.info_table tbody td{ vertical-align: middle; }
.join_info_box table.info_table tbody td.address_td p{ margin-bottom: 5px; }
.join_info_box table.info_table tbody td.info_line{ line-height: 30px; }
.join_info_box table.info_table tbody td.info_line p.desc{ color: #888; }

/*회원가입 - 완료*/
.join_end_box { width: 1100px; overflow: hidden; background: #f5f5f5; border: 1px solid #ddd; padding: 40px; margin: 20px 0 50px; }
.join_end_box .join_end_wrap { overflow: hidden; margin: 10px 0 30px; text-align: center; }
.join_end_box .join_end_wrap p.end_text { padding: 50px 0; line-height: 200%; font-size: 14px; color: #888; background: #fff; border: 1px solid #ddd; }
.join_end_box .join_end_wrap .end_text .end_text_s { color: #8cc152; font-weight: 600; font-size: 16px; display: inline-block; margin-top: 20px; }


/*아이디/비밀번호찾기*/

.find_wrap h3.title{ font-size: 20px; font-weight: 600; margin-top: 50px; letter-spacing: -0.5px; }
.find_wrap p.sub_title{ font-size: 14px; color: #888; padding-top: 8px; letter-spacing: -0.5px; }
.find_wrap input.input_login{ min-width: 246px; height: 40px; border-color: #ddd; float: right; }
.find_wrap label.label_login{ font-size: 14px; padding-top: 10px; float: left; color: #676767; }
.find_wrap label.label_hp{ margin-right: 30px; }
.find_wrap select.select_login{ min-height: 40px; border-color: #ddd; width: 88px; }
.find_wrap input.input_login_hp{ width: 76px; height: 40px; border-color: #ddd; }

.find_wrap p.find_sub_title{ font-size: 14px; color: #666; text-align: center; padding: 30px 0 10px; letter-spacing: -0.5px; }
.find_wrap ul.input_section{ width: 350px; margin: 0 auto; border-top: 1px solid #ddd; padding: 30px 0; }

/*아이디 찾기*/
.find_wrap .findid{ overflow: hidden; float: left; margin: 40px 0; }
.find_wrap .findid .findid_title{ width: 550px; height: 65px; border: 1px solid #ddd; box-sizing: border-box; font-size: 16px; color: #fff; text-align: center; line-height: 65px; font-weight: 600; background: #888; }
.find_wrap .findid .findid_info{ width: 550px; height: 400px; border: 1px solid #ddd; border-top: 0; box-sizing: border-box; }
.find_wrap .findid .findid_info ul.input_section li{ margin-bottom: 20px; overflow: hidden; }
.find_wrap .findid .findid_info ul.input_section li.btn_line{ width: 100%; height: 54px; color: #fff; font-size: 16px; font-weight: 600; line-height: 54px; margin-bottom: 0; padding: 0; }
.find_wrap .findid .findid_info ul.input_section li.find_check{ margin-bottom: 24px; padding-top: 10px; }
.find_wrap .findid .findid_info ul.input_section li.find_check label.label_check{ margin-right: 72px; font-size: 14px; float: left; color: #676767; }


/*비밀번호 찾기*/
.find_wrap .findpw{ overflow: hidden; margin: 40px 0; }
.find_wrap .findpw .findpw_title{ width: 550px; height: 65px; border: 1px solid #ddd; border-left: 0; font-size: 16px; color: #fff; text-align: center; line-height: 65px; font-weight: 600; background: #888; }
.find_wrap .findpw .findpw_info{ width: 550px; height: 400px; border: 1px solid #ddd; border-left: 0; border-top: 0; box-sizing: border-box; }
.find_wrap .findpw .findpw_info ul.input_section li{ margin-bottom: 15px; overflow: hidden; }
.find_wrap .findpw .findpw_info ul.input_section li.btn_line{ width: 100%; height: 54px; color: #fff; font-size: 16px; font-weight: 600; line-height: 54px; margin-bottom: 0; padding: 0; }

.webeditor table td{/* padding: 8px 12px; */line-height: 20px;vertical-align: middle;border: 0px; !important; padding:0; !important;}
.webeditor table th{/* padding: 8px 12px; */line-height: 20px;vertical-align: middle;border: 0px; !important;padding:0; !important;}





.container .contents h3.mem_title{font-size: 23px;float: left;line-height:140%;margin-bottom:20px;width: auto;}
.container .contents h3.mem_title span.mem_text{ font-size:12px; color: #848484; line-height: 28px; padding-top: 6px; font-weight:normal; }

/*회원가입 페이지 S*/
.container .contents .join_step{ margin-top: 20px; background: url(/Application/zones/images/common/join_bg.png) no-repeat; overflow: hidden; clear: both; }
.container .contents .join_step li{ width: 190px; height: 54px; border: 1px solid #ddd; background-color: #fff; float: left; margin-right: 32px; text-align: center; line-height: 54px; font-size: 14px; }
.container .contents .join_step li span{ border-radius: 50%; padding: 6px; background-color: #f5f5f5; color: #7e7e7c; font-weight: 400; border: 1px solid #dadada; }
.container .contents .join_step li.active{ background-color: #f5f5f5; float: left; }
.container .contents .join_step li.active span{ background-color: #fff; }

.contents h4.join_sub_title{ color: #00aeef; font-size: 16px; }


/*약관동의*/
.contents .join_agree{ overflow: hidden; padding-top: 20px; }
.contents .join_agree h4.join_sub_title{  padding-bottom: 10px; margin-bottom: 0; }
.contents .join_agree .join_agree_cont{ overflow: hidden; border-top: 2px solid #00aeef; }
.contents .join_agree .join_agree_cont h5{ font-size: 14px; float: left; margin-left: 10px; color: #646464; }
.contents .join_agree .join_agree_cont .agree_cont_title{ overflow: hidden; background-color: #f5f5f5; padding: 7px 10px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px dashed #ddd; }
.contents .join_agree .join_agree_cont .agree_cont_text .agree_text_title{ color: #999; font-size: 13px; font-weight: 500; }
.contents .join_agree .join_agree_cont .agree_check{ float: right; margin-top: 8px; }
.contents .join_agree .join_agree_cont .agree_check label.checkbox-label{ font-size: 12px; color: #888; line-height: 23px; font-weight: normal; }
.contents .join_agree .join_agree_cont .agree_cont_text{ width: 100%; height: 200px; overflow-y: scroll; background-color: #fff; border: 1px solid #ddd; border-top: 0; text-align: justify; }

.contents .join_agree ul{ margin-top: 40px; }
.contents .join_agree ul li{ text-align: center; margin-bottom: 10px; }
.contents .join_agree ul li.agree_ch_text{ color: 848484; }
.contents .join_agree ul li.agree_ch{ font-size: 16px; }
.contents .join_agree ul li.agree_btn{ margin-top: 40px; }
.contents .join_agree ul li.agree_btn .agree_btn1{ border-radius: 0; background: #00aeef; color: #fff; font-size: 16px; padding: 10px 50px; margin-right: 5px; }
.contents .join_agree ul li.agree_btn .agree_btn2{ border-radius: 0; background: #f5f5f5; color: #454545; font-size: 16px; padding: 10px 50px; }


/* 회원정보 기본정보입력 */
.contents .join_info{}
.contents .join_info h4.join_sub_title{ float: left; }
.contents .join_info p.join_sub_text{ float: right; margin-top: 15px; }
.contents .join_info p.join_sub_text i{ color: #00aeef; font-size: 5px; }


/*테이블*/
.contents .join_info table.join_table{ border-top: 2px solid #00aeef; font-size: 14px; border-bottom: 1px solid #ddd; }
.contents .join_info table.join_table i{ font-size: 5px; color: #00aeef; }
.contents .join_info table.join_table th{ padding: 7px 10px; background-color: #f5f5f5; }
.contents .join_info table.join_table td{ padding: 7px 10px; }
.contents .join_info table.join_table td input{ height: 34px; }
.contents .join_info table.join_table td.address_td input{ margin-bottom: 5px; }

.contents .join_info .join_info_box{ padding: 20px 0 20px 50px; background: #f8f8f8; overflow: hidden; border: 1px solid #ddd; }
.contents .join_info .join_info_box span{ float: left; background-color: #e7e7e7; border-radius: 50%; padding: 17px 31px; color: #666; font-size: 40px; margin-right: 25px; }
.contents .join_info .join_info_button{ text-align: center; margin-top: 40px; }

.join_info_btn1{ border-radius: 0; background: #00aeef; color: #fff; font-size: 16px; padding: 10px 50px;; margin-right: 5px; }
.join_info_btn2{ border-radius: 0; background: #f5f5f5; color: #454545; font-size: 16px; padding: 10px 50px;; }


/* 회원가입 완료 */
.contents .join_end{ overflow: hidden; margin-top: 20px; }
.contents .join_end .join_end_cont{ padding: 90px 0; border-top: 2px solid #00aeef;  border-bottom: 1px solid #ddd; }
.contents .join_end .join_end_cont > img{ float: left; margin: 0 30px 0 130px; }
.contents .join_end .join_end_cont p{ color: #848484; font-weight:400; font-size: 16px; line-height: 160%; margin-top:8px; }
.contents .join_end .join_end_cont p span.end_finish{ color: #00aeef;  }

.contents .join_btn{ text-align: center; margin-top: 50px; }
.contents .join_btn .join_btn1{ background-color: #39b232; padding: 10px 50px; color: #fff; border-radius: 0; margin-right: 5px; }
.contents .join_btn .join_btn2{ background-color: #f5f5f5; padding: 10px 50px; border-radius: 0; }