@charset "euc-kr";

/* reset */
html, body, a, a:active, a:link, a:hover,
div, h1, h2, h3, h4, h5, h6, p, span, img,
b, i, ul, ol, li, dl, dt, dd, input, button,
fieldset, form, label, table, tr, td, thead, tbody, tfoot,
header, section, article, footer, aside, object, video, audio, nav,
figure, figcaption, caption, address, blockquote, pre, iframe
{ margin: 0; padding: 0; border: 0 none; background: none; font-weight: normal; text-decoration: none; font-size: 1em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

body { font-family: 'Helvetica', 'Arial', '¸¼Àº °íµñ', 'µ¸¿ò', sans-serif; background-color: #f6f6f4; min-width: 320px; min-height: 420px; }
a, a:link, a:active {  font-family: 'Helvetica', 'Arial', '¸¼Àº °íµñ', 'µ¸¿ò', sans-serif; color: #000; }

/* Çì´õ */
#header { position: relative; padding: 15px 0; height: 15px; background-color: #005e39; border-bottom: 1px solid #00351a; }
#header h1 { margin: 0 auto; width: 87px; height: 15px; background: url(../images/common/s_header_btn.png) 0 0 no-repeat; background-size: 87px 45px; text-align: center; text-indent: -9999px; }
#header h1 a { display: block; }
#header .btn_all { position: absolute; display: block; top: 7px; right: 5px; width: 57px; height: 30px; background: url(../images/common/s_header_btn.png) 0 -15px no-repeat; background-size: 87px 45px; }
#header .btn_all label { display: block; border: none; width: 100%; height: 100%; background: none; text-indent: -9999px; }

/* Àüü¸Þ´º */
#allMenu { border-bottom: 1px solid #555; background-color: #fff; }
#allMenu ul li > span { display: block; padding: 13px 10px; height: 18px; background: url(../images/common/all_menu_bg.png) 0 -44px repeat-x; background-size: 5px 133px; color: #fff; }
#allMenu ul li > span.close { background: url(../images/common/s_all_menu_btn.png) right -44px no-repeat, url(../images/common/all_menu_bg.png) 0 -88px repeat-x; background-size: 26px 106px, 5px 133px; }
#allMenu ul li > span.close label { display: block; }
#allMenu ul li ul li {
	border-bottom: 1px solid #c2c2c2; height: 44px;
	background: url(../images/common/s_all_menu_btn.png) right 0 no-repeat, url(../images/common/all_menu_bg.png) 0 0 repeat-x;
	background-size: 26px 106px, 5px 133px;
}
#allMenu ul li ul li a { display: block; padding: 13px 10px; height: 18px; color: #000; }
#allMenu ul li ul li a span.new_window_icon { display: inline-block; width:18px; height: 18px; background: url(../images/common/s_all_menu_btn.png) 0 -88px no-repeat; background-size: 26px 106px; text-indent: -9999px; }
#toggle_allMenu { display: none; }
#toggle_allMenu + #allMenu { display: none; }
#toggle_allMenu:checked + #allMenu { display: block; }

/* GNB */
#gnb { height: 42px; background: url(../images/common/gnb_bg.png) 0 0 repeat-x; background-size: 5px 210px; }
#gnb ul { height: 28px; text-align: center; }
#gnb ul li { float: left; width: 25%; height: 42px; }
#gnb ul li.active {
	background: url(../images/common/gnb_bg.png) 0 -42px no-repeat, url(../images/common/gnb_bg.png) right -168px no-repeat, url(../images/common/gnb_bg.png) 0 -126px repeat-x;
	background-size: 5px 210px, 5px 210px, 5px 210px;
}
#gnb ul li.active:last-child {
	background: url(../images/common/gnb_bg.png) 0 -42px no-repeat, url(../images/common/gnb_bg.png) right -84px no-repeat, url(../images/common/gnb_bg.png) 0 -126px repeat-x;
	background-size: 5px 210px, 5px 210px, 5px 210px;
	}
#gnb ul li a { display: block; padding: 14px 0; height: 14px; text-indent: -9999px; }
#gnb ul li:nth-child(1) a { background: url(../images/common/menu_01.png) 50% 50% no-repeat; background-size: 55px 14px; }
#gnb ul li:nth-child(2) a { background: url(../images/common/menu_02.png) 50% 50% no-repeat; background-size: 55px 14px; }
#gnb ul li:nth-child(3) a { background: url(../images/common/menu_03.png) 50% 50% no-repeat; background-size: 55px 14px; }
#gnb ul li:nth-child(4) a { background: url(../images/common/menu_04.png) 50% 50% no-repeat; background-size: 55px 14px; }

#gnb ul li.sub2drop, #gnb ul li.sub2drop.active { background: none; }
#gnb ul li.sub2drop:nth-child(3) {
	background: url(../images/common/gnb_bg.png) 0 -42px no-repeat, url(../images/common/gnb_bg.png) right -168px no-repeat, url(../images/common/gnb_bg.png) 0 -126px repeat-x;
	background-size: 5px 210px, 5px 210px, 5px 210px;
}

/* LNB */
#lnb { position: relative; border-bottom: 1px solid #6c6c6b; min-height: 42px; background-color: #fff; }
#lnb ul { padding: 14px 5px; height: 14px; }
#lnb ul.w270 { width:275px; margin:0 auto }
#lnb ul li { float: left; padding: 0 13px; font-size: 0.8em; background: url(../images/common/lnb_bar.png) 0 50% no-repeat; background-size: 1px 12px; }
#lnb ul li:nth-child(1) { background: none; }
#lnb ul li a { color: #555; }
#lnb ul li.active a { color: #000; font-weight: bold; }
#lnb .search_toggle_btn { display: block; position: absolute; top: 7px; right: 10px; width: 28px; height: 28px; background: url(../images/common/s_search_btn.png) 0 0 no-repeat; background-size: 28px 58px; }
#lnb .search_toggle_btn label { display: block; border: none; width: 100%; height: 100%; background: none; text-indent: -9999px; }
#lnb.big  { display: none; padding: 3px 0px; width: 100%; height: 68px; min-height: 0; z-index: 9999; }
#lnb.big.close { padding: 0 10px; height: 0px; }
#lnb.big ul { padding: 10px; height: 14px; }
#lnb.big ul:last-child { border-top: 1px solid #cdcdce; }
#lnb.big ul li { padding: 0 7px; }
#select_complex { /* position:absolute; top:56px; left:0; */ width:100%; padding:15px 0; background-color:#fff; text-align: center}
#select_complex select { width: 230px; height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#lnb .btn_lnb { position: absolute; right: 10px; bottom: 0; width: 25px; height: 15px; background: url(../images/common/btn_lnb.png) 0 0 no-repeat; background-size: 25px 30px; text-indent: -9999px; z-index:9999; }
#lnb.close .btn_lnb { bottom: -15px; background-position: 0 -15px; }

/* °Ë»ö¿µ¿ª */
#search { position: relative; padding: 0 18px; }
#search select { width: 100%; height: 24px; }
#search .half { float: left; padding-top: 15px; width: 50%; }
#search .half:nth-child(1) span { display: block; padding-right: 10px; }
#search .half:nth-child(2) span { display: block; padding-left: 10px; }
#search .full { clear: both; padding-top: 15px; }
#search .input_area { clear: both; display: block; padding-top: 15px; padding-right: 75px; padding-bottom: 15px; }
#search .input_area input { border: 1px solid #c5c5c5; width: 100%; height: 22px; text-indent: 8px; background-color: #fff; }
#search .search_btn { position: absolute; right: 16px; bottom: 15px; padding: 1px; border: 1px solid #ccc; width: 58px; height: 26px; background-color: #fff; font-family: 'Helvetica', 'Arial', '¸¼Àº °íµñ', 'µ¸¿ò'; font-size:0.8em; }
#toggle_search { display: none; }
#toggle_search  + #lnb > #search { display: none; }
#toggle_search:checked  + #lnb > #search { display: block; }
#toggle_search:checked + #lnb { background: url(../images/common/search_bg.png) 0 bottom repeat-x; background-size: 1px 175px; background-color: #fff; }
#toggle_search:checked + #lnb > .search_toggle_btn { background-position: 0 -30px; }

/* ǪÅÍ */
#footer {  }
#footer .footer_links { padding: 19px 5%; height: 37px; background: url(../images/common/footer_bg.png) 0 0 repeat-x; background-size: 1px 75px; }
#footer .footer_links ul li { float: left; width: 25% }
#footer .footer_links ul li a { display: block; margin: 0 auto; width: 46px; height: 40px; background: url(../images/common/s_footer_btn.png) 0 0 no-repeat; background-size: 248px 88px; text-indent: -9999px }
#footer .footer_links ul li:nth-child(1) a {width: 75px; background-position: 0px -48px }
#footer .footer_links ul li:nth-child(2) a { background-position: -75px -48px }
#footer .footer_links ul li:nth-child(3) a { background-position: -144px -48px }
#footer .footer_links ul li:nth-child(4) a { background-position: -213px -48px }
#footer .footer_contact { position: relative; height: 75px; background-color: rgba( 0, 0, 0, 0.8 ); }
#footer .footer_contact h3 { position: absolute; top: 21px; left: 10px; width: 54px; height: 18px; background: url(../images/common/s_footer_btn.png) 0 0 no-repeat; background-size: 248px 88px; text-indent: -9999px; }
#footer .footer_contact address { padding-top: 15px; font-style: normal; font-size: 0.7em; color: #999; text-align: center; line-height: 2.5em; }
#footer .footer_contact address span.phone { font-size: 1.4em; }
#footer .footer_contact address span.phone a { color:#999; vertical-align: bottom; }
#footer .footer_contact address p {position:relative;;right:30px;}
#footer .footer_contact .pc_btn { display: inline-block;width:16%;max-width: 57px;position: absolute;top: 18px;right: 22%;}
#footer .footer_contact .pc_btn img {width:83%;}
#footer .footer_contact .pc_btn a {}
#footer .footer_contact .logo_dw { position: absolute;display: block; top: 21px; right: 0px;width:22%;max-width:76px;}
#footer .footer_contact .logo_dw img {width:80%;}
#footer .footer_contact .logo_dw a {}

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.blind { display: none; }