@charset "euc-kr";

/* Reset ##################################################################################################################### */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v2.0 | 20110126 */
/* License: none (public domain) */
/* ########################################################################################################################### */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* ########################################################################################################################### */
/* Common #################################################################################################################### */
/* ########################################################################################################################### */
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

body, th, td, li, div, span, p, form, label, select, input, textarea, button {
	font-family: 'Nanum Gothic', '³ª´®°íµñ', '¸¼Àº °íµñ', Dotum, 'µ¸¿ò', Gulim, '±¼¸²', verdana, HelveticaNeue, Apple-Gothic, sans-serif; }

/* Typography */
.fontM { font-family: 'Moebius'; }
.helv { font-family: HelveticaNeue, µ¸¿ò, Dotum, ±¼¸², Gulim, Apple-Gothic; }
.verd { font-family: verdana, HelveticaNeue, µ¸¿ò, Dotum, ±¼¸², Gulim, Apple-Gothic; }
.600 { font-weight: 600 !important; }
.hr { border-top: 1px solid #dddddd; font-size: 1px; padding-bottom: 1.250em; }
.nowrap { white-space: nowrap; }
.strike { text-decoration: line-through; } /* Ãë¼Ò¼± */
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; } /* ¸»ÁÙÀÓ */
.ellipsis1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 1Çà ¸»ÁÙÀÓ   */
.ellipsis2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 2Çà ¸»ÁÙÀÓ   */
.ellipsis3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 3Çà ¸»ÁÙÀÓ   */
a, a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: none; }

/* Headline */
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; font-weight: 700; line-height: 1.125em; margin-bottom: 0.938em; color: #424242; }
h1 { font-size: 2em; font-weight: 100; }
h2 { font-size: 1.250em; font-weight: normal; }
h3 { font-size: 1em; font-weight: normal; }
h4 { font-size: 0.875em; }
h5 { font-size: 0.813em; }
h6 { font-size: 0.688em; }

/* z-index */
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }

/* Float,Align */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed !important; }
.floatL { float: left !important; }
.floatR { float: right !important; }
.floatC { float: center !important; }
.align-l { text-align: left !important; }
.align-c { text-align: center !important; }
.align-r { text-align: right !important; }
.align-j { text-align: justify !important; }
.align-t { vertical-align: top !important; }
.align-m { vertical-align: middle !important; }
.align-b { vertical-align: bottom !important; }

/* Clear */
.clear { clear: both; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* None,Hidden,Border */
.block { display: block !important; }
.none { display: none !important; }
.hidden { visibility: hidden !important; }
.blind { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.bg0 { background: none !important; }
.bd0 { border: none !important; }
.bdt0 { border-top: none !important; }
.bdb0 { border-bottom: none !important; }
.bdL0 { border-left: none !important; }
.bdr0 { border-right: none !important; }
.bdr { border-right: 1px solid #d3d6dc !important; }
.bdb { border-bottom: 1px solid #d3d6dc !important; }
.bgf5f5f5 { background: #f5f5f5 !important; }

/* Form */
legend, caption { display: none; clear: both; }
textarea { resize: none; }
textarea:focus { -webkit-user-modify: read-write-plaintext-only; -webkit-tap-highlight-color:rgba(0,0,0,0); }
input:focus { -webkit-user-modify: read-write-plaintext-only; -webkit-tap-highlight-color: rgba(0,0,0,0); }/* read-only read-write read-write-plaintext-only */
input[type="number"]:focus { -webkit-user-modify: read-write-plaintext-only; -webkit-tap-highlight-color: rgba(0,0,0,0); }
label, input[type="checkbox"], input[type="radio"], button, select { cursor: pointer; }

::-webkit-input-placeholder { color: #c0c0c0; font-size: 14px; font-weight: normal; }
::-moz-placeholder { color: #c0c0c0; font-size: 14px; font-weight: normal; } /* firefox 19+ */
:-ms-input-placeholder { color: #c0c0c0; font-size: 14px; font-weight: normal; } /* ie */
input:-moz-placeholder { color: #c0c0c0; font-size: 14px; font-weight: normal; }

/* ########################################################################################################################### */
/* Layout #################################################################################################################### */
/* ########################################################################################################################### */

html { background: #fff; overflow-y: scroll; }
body { position: relative; width: 100%; height: 100%; overflow: hidden; }
html, body { font-size: 12px; color: #5d636f; -webkit-text-size-adjust: none; /* webkit ÆùÆ®°íÁ¤ */ }
#wrap { position: relative; width: 100%; height: 100%; margin: 0 auto; z-index: 1; }

/* Header */
#wrap header { position: relative; width: 100%; height: 100%; background: #fff; z-index: 1; }


/* Skip Nav */
#wrap header #skipNavi{position: absolute; width: 100%; height: 0; }
#wrap header #skipNavi a{position: absolute; left: 0; top: 0; display: block; overflow: hidden; width: 1px; height: 1px; text-align: center; color: #303030; white-space: nowrap; font-weight: 600; }
#wrap header #skipNavi a:focus, #wrap header #skipNavi a:hover, #wrap header #skipNavi a:active { display: block; width: 100%; height: auto; padding: 14px 0; background: #fdba00; color: #fff; z-index: 9999999; }


/* TOP */
#wrap header #top { position: relative; width: 100%; height: 40px; background: #ff9f44; }
#wrap header #top #topArea { position: relative; width: 1000px; height: 20px; padding-top: 14px; margin: 0 auto; }
#wrap header #top #topArea span.dvide { display: block; width: 1px; height: 12px; margin: 0 9px; background: transparent; color: #ffffff; }

#wrap header #top #topArea #topPt { float: right; margin: -3px 0 0 12px; padding: 3px 6px; background:#fff; border-radius: 3px; }
#wrap header #top #topArea #topPt li { float: left; color: #707070; }
#wrap header #top #topArea #topPt li span { display: inline-block; margin: 0 10px 0 0; vertical-align: middle; }
#wrap header #top #topArea #topPt li span.tit_p01 { width: 45px; height: 14px; background: url("/lohas/images/main/tlt_point01.jpg") no-repeat left center; }
#wrap header #top #topArea #topPt li span.tit_p02 { width: 45px; height: 14px; background: url("/lohas/images/main/tlt_point02.jpg") no-repeat left center; }

#wrap header #top #topArea #topRight { float: right; }
#wrap header #top #topArea #topRight li { float: left; }
#wrap header #top #topArea #topRight li a { margin-top: 3px; color: #ffffff;  }
#wrap header #top #topArea #topRight li:first-child { /*width: 21px; margin-top: -4px; background:url("/lohas/images/top_R_icon.png") left center no-repeat;*/ }

#wrap header #top #topArea #topRight li.login.btn { float: left; width: 32px; margin-top: 0; padding: 0 0 0 17px; background:url("/lohas/images/top_R_icon.png") left -1px no-repeat; }
#wrap header #top #topArea #topRight li.logout.btn { float: left; width: 43px; margin-top: 0; padding: 0 0 0 18px; background:url("/lohas/images/top_R_iconOut.png") left top no-repeat; }

/* GNB */
#wrap header nav#gnb 
{ 
width: 100%; height: 132px; border-bottom: 1px solid #cccccc; 
background-color: #ffffff;
background-image: url("/lohas/images/main/logo.png");
background-repeat: no-repeat;
background-position: center center;
background-size: 123px;
}
#wrap header nav#gnb ul { width: 1000px; height: 52px; margin: 0 auto; }
#wrap header nav#gnb ul li { position: relative; float: left; height: 100%; margin-top: 72px; font-size: 20px; font-weight: 600; }
#wrap header nav#gnb ul li a { color: #303030; }
#wrap header nav#gnb ul li a:hover { color: #1a6d99; }
#wrap header nav#gnb ul li.gnb01 { width: 212px; margin-left: 36px; }
#wrap header nav#gnb ul li.gnb02 { width: 132px; }
#wrap header nav#gnb ul li.gnb03 { width: 280px; height: 123px; margin-top: 0; }
#wrap header nav#gnb ul li.gnb03 a { display: block; width: 100%; height: 100%; }
#wrap header nav#gnb ul li.gnb04 { width: 192px; }
#wrap header nav#gnb ul li.gnb05 { width: 148px; }
#wrap header nav#gnb ul li.on > a { color: #1a6d99; }


/* LNB */
#wrap header nav#lnb { position: absolute; width: 100%; height: 219px; border-bottom: 1px solid #cccccc; background: #ffffff url("/lohas/images/main/lnb_bg.gif") no-repeat center center; display: none; z-index: 1000; }
#wrap header nav#lnb ul { width: 1000px; height: 100%; margin: 0 auto; }
#wrap header nav#lnb ul li { position: relative; float: left; margin-top: 34px; }
#wrap header nav#lnb ul li.lnb01 { width: 212px; margin-left: 36px; }
#wrap header nav#lnb ul li.lnb02 { width: 132px; }
#wrap header nav#lnb ul li.lnb03 { width: 280px; }
#wrap header nav#lnb ul li.lnb04 { width: 192px; }
#wrap header nav#lnb ul li.lnb05 { width: 148px; }
#wrap header nav#lnb ul li ul { width: 100%; }
#wrap header nav#lnb ul li ul li { clear: both; height: 26px; line-height: 26px; margin: 0; font-size: 14px; font-weight: 600; }
#wrap header nav#lnb ul li ul li a { color: #707070; }
#wrap header nav#lnb ul li ul li a:hover { color: #1a6d99; }



/* ´Þ·Â - ÁÖ¹®ºÒ°¡ÀÏÀÚ ºÓÀº»ö ó¸® */
.ui-datepicker-calendar .ui-ship-disable span {
    color: red;
}