@charset "utf-8";
/* ==========================================================================
   base.css — 엘리먼트 기본값 (사이트 공통)
   normalize.css 다음에 로드 (webLayout 등). 유틸 클래스 포함. 레이아웃은 layout.css.
   ========================================================================== */

/* --------------------------------------------------------------------------
   [hidden] — 클래스 display(block/flex 등)보다 우선 (인라인 display:none 대체)
   토글은 .addClass/removeClass('hidden'). 애니메이션(fade/slide)은 hidden 없이 display 축 유지.
   -------------------------------------------------------------------------- */
[hidden] {display:none !important;}

/* --------------------------------------------------------------------------
   document / box model
   -------------------------------------------------------------------------- */
/* 뷰포트 변환 시 폰트 자동확대 방지 + 공통 박스 모델 */
* {-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:break-word;outline:none;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(255,255,255,0);}
html {margin:0;padding:0;}
html, body {width:100%;height:100%;overflow-x:hidden;}
body {min-width:320px;height:auto;position:relative;margin:0;padding:0;font-size:14px;line-height:1.3;color:#666;background-color:#fff;letter-spacing:0;}

/* --------------------------------------------------------------------------
   element reset
   -------------------------------------------------------------------------- */
div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button, textarea, select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
figure {display:block;margin:0;padding:0;}
img {border:0;vertical-align:top;}
hr {display:none;}
ul, ol, dl, dt, dd, li {list-style:none;padding:0;margin:0;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight:normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align:middle;}
strong, em, b {font-weight:normal;}
a {color:#666;text-decoration:none;}
section, nav, article, aside, header, footer, main {display:block;}

/* --------------------------------------------------------------------------
   form controls — appearance / cursor
   -------------------------------------------------------------------------- */
select, textarea, button, input {color:#666;-webkit-appearance:none;border-radius:0;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;padding:0;border:none;border-image-width:0;vertical-align:top;}
button:focus {outline:#666 dotted 1px;outline:none;}
button, input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
input[disabled] {cursor:not-allowed;}
/* date 네이티브 UI 숨김 */
input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button {display:none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}
/* IE/Edge clear·reveal 아이콘 */
::-ms-clear, ::-ms-reveal {display:none;}

/* --------------------------------------------------------------------------
   form fields — type defaults
   -------------------------------------------------------------------------- */
input[type="date"], input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"] {font-size:16px;color:#666;-webkit-appearance:none;border-radius:0;}
input[type="text"], input[type="search"] {-webkit-appearance:none;border-radius:0;}

/* --------------------------------------------------------------------------
   placeholders
   -------------------------------------------------------------------------- */
input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {color:#888;}
input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#888;}
input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder {color:#888;}
input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder {color:#888;}
textarea::-webkit-input-placeholder {color:#888;}
textarea::-moz-placeholder {color:#888;}
textarea:-moz-placeholder {color:#888;}
textarea:-ms-input-placeholder {color:#888;}

/* --------------------------------------------------------------------------
   form fields — layout / underline style
   -------------------------------------------------------------------------- */
input[type="text"], input[type="tel"], input[type="password"], input[type="date"] {padding-left:8px;height:60px;width:100%;line-height:60px;background-color:inherit;border:0;border-bottom:1px solid #e0e0e0;vertical-align:middle;}
textarea {overflow:auto;padding:10px 6px;width:100%;font-size:16px;line-height:1.5em;border:0;border-bottom:1px solid #e0e0e0;resize:none;-webkit-overflow-scrolling:touch;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, textarea:focus, select:focus {position:relative;z-index:1;border-color:#000;outline:none;}
/* 커스텀 셀렉트 (화살표 배경) */
.mySelect select {padding-left:8px;padding-right:20px;height:60px;width:100%;line-height:60px;background-color:initial;border:0;border-bottom:1px solid #666;color:#000;background:url(/resources/images/common/select_01_off.png) no-repeat 99% 50%;}

/* --------------------------------------------------------------------------
   required validation states
   -------------------------------------------------------------------------- */
input:required:valid {border-color:#000;color:#000;}
input:required:invalid:not(:placeholder-shown) {border-color:#000;}
textarea:required:valid {border-color:#000;}
textarea:required:invalid:not(:placeholder-shown) {border-color:#000;}

/* --------------------------------------------------------------------------
   browser quirks
   -------------------------------------------------------------------------- */
/* Safari — input line-height 보정 */
.safari input[type="text"], .safari input[type="tel"], .safari input[type="password"], input[type="date"] {line-height:1 !important;}

/* --------------------------------------------------------------------------
   utilities
   -------------------------------------------------------------------------- */
.clearfix:after { clear:both; display:block; content:""; height:0; visibility:hidden;  }
* html .clearfix { height:1px; }
.clearfix { display:block; min-height:1px; }

.agr_txt{padding:10px 0 5px 8px;color:#000;font-size:13px;}
.span_hide{display: none;}

.fl_L{float:left !important; }
.fl_R{float:right !important;}
.ta_c{padding-left:0 !important;padding-right:0 !important;text-align:center !important}
.ta_l{text-align:left !important}
.ta_r{text-align:right !important}
.pos_r{position:relative;}
.pos_a{position:absolute;}
.vt_t{vertical-align:top !important;}
.vt_m{vertical-align:middle !important}
.vt_b{vertical-align:bottom !important}
.vt_bb{vertical-align:baseline !important}
.vt_s{vertical-align:sub !important}
.fwb{font-family:'yoonb' !important}
.fwn{font-weight:normal !important}
.txt_ellip{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word}
.w_view{display:block}
.m_view{display:none}
.m_view_i{display:none}
.w_view_i{display:inline-block;}
.w_image{display:block}
.m_image{display:none}
.ff_mari{font-family:'Marian' !important;}
input[type=text]::-ms-clear {
	display:none;
}
input::-ms-clear {
	display:none;
}

.vis_show{visibility: visible;height:auto;overflow:visible;}
.vis_hide{visibility: hidden;height:0;overflow:hidden}

/* --------------------------------------------------------------------------
   responsive — form / view toggles
   -------------------------------------------------------------------------- */
@media only all and (max-width:1023px){
	input[type="date"],
	input[type="text"],
	input[type="search"],
	input[type="tel"],
	input[type="number"],
	input[type="password"]{font-size:13px;}
	input[type="text"],
	input[type="tel"],
	input[type="password"],input[type="date"]{padding-left:5px;height:40px;line-height:40px;}
	textarea{padding:10px 5px;font-size:13px;}
	.mySelect select{padding-left:5px;height:40px;line-height:40px;font-size:13px;background:url(/resources/images/common/select_01_offX2.png) no-repeat right 47%;background-size:9px 5px}
	.err_txt{padding:5px 0 5px 5px;font-size:10px;color:#ff463a}
	.agr_txt{padding:5px 0 5px 5px;font-size:10px;}
	.w_view{display:none}
	.m_view_i{display:inline-block}
	.w_view_i{display:none}
	.m_view{display:block}
}