@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		


*/

/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Thin.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraLight.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Light.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Medium.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src:url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-ExtraBold.eot');
    font-display: auto;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.woff') format('woff'),
         url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.ttf') format("truetype"),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
		 url('//cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Black.eot');
    font-display: auto;
}
@import url('//fonts.cdnfonts.com/css/tt-commons');

html { height: 100%; }
body { position: relative; height: 100%; }
body { font-family:'TT Commons', 'Pretendard', 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; }

/* 모달 클릭시 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 ; font-family:'TT Commons', 'Pretendard',  'Lato', sans-serif; }
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 ;*/ font-family: 'Lato', sans-serif; }
textarea { font-family:'TT Commons', 'Pretendard',  'Lato', sans-serif; font-size: 14px; color: #888; padding: 6px 12px; }
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% ; height: 100%; min-width: 1100px;}
.fit_wrap { min-height: 100%; overflow: hidden;}
.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; font-weight: normal; font-size: 12px; } 
.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: 3px; }
.alert h5 { margin-top: 0; margin-bottom: 0;  font-size: 12px;}
.alert-warning { background: #fffac2; color: #0076a3; font-family:'TT Commons', 'Pretendard',  'Oxygen', sans-serif; }

/* 팝오버 스타일 변경 */
.popover { background-color: #fff; border-color: inherit; border: 1px solid #999; border-radius: 2px ; font-family:'TT Commons', 'Pretendard',  Arial, Lato,'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; color: inherit; max-width: 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: 2px; border-top-color: #fff; }
.popover.left > .arrow { border-left-color: #999; }

/* 라디오버튼 스타일적용 */
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(/Application/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(/Application/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(/Application/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:'TT Commons', 'Pretendard',  'Lato', sans-serif; font-size: 14px; background: url(/Application/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: #888; line-height: normal ; background-color: #fff; padding-right: 40px; }
select:disabled { cursor: no-drop; background: url(/Application/zones/images/common/css_select_dis.png) no-repeat 100% 50%; background-color: #ebebeb; }
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { display: none; }

/* 스피너 스타일 */
.spinner input { text-align: right; }
.input-group-btn-vertical { position: relative; white-space: nowrap; width: 2%; vertical-align: middle; display: table-cell; }
.input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 7px; margin-left: -1px; position: relative; border-radius: 0; }
.input-group-btn-vertical > .btn:first-child { border-top-right-radius: 4px; }
.input-group-btn-vertical > .btn:last-child { margin-top: -2px; border-bottom-right-radius: 4px; }
.input-group-btn-vertical i { position: absolute; top: 0; left: 4px; }
.input-group-btn-vertical .btn + .btn { margin-left: -1px; }
.input-group-btn-vertical > .btn:first-child { border-top-right-radius: 0px; border-color: #aab2bd; }
.input-group-btn-vertical > .btn:last-child { border-bottom-right-radius: 0px; border-color: #aab2bd; }

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

/* 셀렉박스 스타일 */
option.special { font-weight: bold !important; color: #fff !important; background: #bc0000 !important; text-transform: uppercase; }

/* 툴팁 */
.tooltip.in { filter: alpha(opacity=90); opacity: .9; }
.tooltip-inner {color: white;background-color: #434a54; }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {border-top-color: #434a54; }
.tooltip.right .tooltip-arrow {border-right-color: #434a54; }
.tooltip.left .tooltip-arrow {border-left-color: #434a54; }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {border-bottom-color: #434a54; }

/* help */
.help { color: #666; padding-top: 10px; font-size: 12px; }
.help [class^="fam-"] { vertical-align: bottom; }

/* 모달 */
/*.modal-dialog { max-width: 1200px !important; }*/
.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-header .close { font-size: 40px; }
.modal-header h4 { font-size: 20px; font-family:'TT Commons', 'Pretendard',  'Montserrat', sans-serif; }
.modal-body { padding: 30px 15px; /*max-width: 1200px;*/ }
.modal-content { border-radius: 3px; }
.modal-title { float: left; font-size: 16px; font-weight: 600; }
.modal-footer { clear: both; background-color: #f5f5f5; }

/* 팝오버 */
/*.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; box-shadow: none; font-size: 14px; color: #777; line-height: 1.5em; border: 0; }

/* 버튼 */
.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_right { text-align: right; 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: #000; border: 1px solid #000; text-shadow: 0 1px 1px rgba(132, 132, 132, 0.6); }
.btn_lime:hover { color: #fff; } 
.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,
.btn_default:active,
.btn_default:focus { 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: #888; 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_col_3 { width: 31.333%; }
.input_col_5 { width: 47%; }
.input_col_65{width: 65%; }
.input_100 { width: 100%; }
.input_time { width: 120px; }
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; }

/* 탭 기본형*/
.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:'TT Commons', 'Pretendard',  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; }

/* 테이블 정의 */
.table { width: 100%; font-size: 13px; }
.table_base { clear: both; border-bottom: 1px solid #b0bbc4; border-top: 2px solid #808992; margin-bottom: 20px; }
.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:'TT Commons', 'Pretendard',  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:'TT Commons', 'Pretendard',  verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; }


/* 자동입력방지 */
.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:'TT Commons', 'Pretendard',  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; font-family:'TT Commons', 'Pretendard',  'Montserrat', sans-serif; }
.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 th.price_right { text-align:right; vertical-align: middle; padding-right: 20px; }
.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:'TT Commons', 'Pretendard', 'Montserrat', sans-serif; padding-right: 20px; color: #555;
		font-weight: bold; }
.table td.total_price span { color: #31b8ae; font-size: 18px; font-weight: bold; font-family:'TT Commons', 'Pretendard', 'Montserrat', sans-serif; vertical-align: middle; margin-left: 6px; }
.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; }

/* 스트라이프 테이블 */
.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:'TT Commons', 'Pretendard',  "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 { 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:'TT Commons', 'Pretendard',  'Montserrat', 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:'TT Commons', 'Pretendard', 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; }

/* 페이징 */
.center-block { text-align: center; }
.pagination > li:first-child > a, 
.pagination > li:first-child > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } 
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.pagination-sm > li > a, 
.pagination-sm > li > span { padding: 6px 13px; font-size: 12px; font-family:'TT Commons', 'Pretendard', 'Montserrat', sans-serif; color: #607D8B; }
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus { background-color: #1e354e; border-color: #122e4c;}

/* 뷰페이지 */
.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; }
.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: 850px; min-height: 700px; }
.board_wrap > h2.title { font-family:'TT Commons', 'Pretendard',  '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:'TT Commons', 'Pretendard',  '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:'TT Commons', 'Pretendard',  verdana, 'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size: 13px; letter-spacing: -0.5px; color: #888; }
.thumbnail .caption .name { float: right; font-family:'TT Commons', 'Pretendard',  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 .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; }
.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; }
.tal.table tbody > tr > td.total_price { font-size: 14px; font-family:'TT Commons', 'Pretendard',  'Montserrat', sans-serif; padding: 15px 0; padding-right: 20px; color: #555; font-weight: bold; text-align: right; }
table tbody > tr > td.tal { text-align: left; padding-left: 15px; }

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

iframe body { width: inherit; }

/* 달력 데이트피커 디자인 수정 */
.datepicker { font-family:'TT Commons', 'Pretendard',  'Work Sans', sans-serif; }
	
	.datepicker-switch { font-weight: bold; font-size: 16px; }

	/* 날짜간 간격 조정 */
	.datepicker .table-condensed > thead > tr > th, 
	.datepicker .table-condensed > tbody > tr > th, 
	.datepicker .table-condensed > tfoot > tr > th, 
	.datepicker .table-condensed > thead > tr > td, 
	.datepicker .table-condensed > tbody > tr > td, 
	.datepicker .table-condensed > tfoot > tr > td { padding: 9px; }
	
	/* 선택날짜 배경수정 */
	.datepicker table tr td.active, 
	.datepicker table tr td.active.active, 
	.datepicker table tr td.active:hover, 
	.datepicker table tr td.active:hover:hover, 
	.datepicker table tr td.active.disabled, 
	.datepicker table tr td.active.disabled:hover {background: #2196F3; color: #ffffff !important; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .5); display: inline-block; width: 2.4em; height: 2.4em; border-radius: 50%; color: #3abbb9; text-align: center; text-decoration: none; transition: background-color .3s ease, color .3s ease; -o-transition: background-color .3s ease, color .3s ease; -moz-transition: background-color .3s ease, color .3s ease; -webkit-transition: background-color .3s ease, color .3s ease; }
	
	/* 지난날짜 다음날짜 색상수정 */
	.datepicker table tr td.old, 
	.datepicker table tr td.new, 
	.datepicker table tr td.disabled, 
	.datepicker table tr td.disabled:hover { color: #ccc; }

	/* 토요일 색상수정 */
	.datepicker .datepicker-days thead th.dow:last-child { color: #2196F3; }
	.datepicker .datepicker-days tbody > tr > td.day:last-child { color: #2196F3; }
	.datepicker .datepicker-days tbody > tr > td.day.disabled:last-child,
	.datepicker .datepicker-days tbody > tr > td.day.new:last-child,
	.datepicker .datepicker-days tbody > tr > td.day.old:last-child { color: #ccc; }

	/* 일요일 색상수정 */
	.datepicker .datepicker-days thead { border-bottom: 2px solid #03A9F4; }
	.datepicker .datepicker-days thead th.dow:first-child { color: #fa4832; }
	.datepicker .datepicker-days tbody > tr > td.day.disabled:first-child,
	.datepicker .datepicker-days tbody > tr > td.day.new:first-child,
	.datepicker .datepicker-days tbody > tr > td.day.old:first-child { color: #ccc; }
	.datepicker .datepicker-days tbody > tr > td.day:first-child { color: #fa4832; }