@charset "UTF-8";

/*
 * 작성자     : lks
 * 최종수정일 :
 *
 * Agabang Brand Base Definition
 *
 * css 제안순서
 *   display, list, position(top,left,bottom,right 포함), z-index, overflow, float, clear,
 *   width, height, margin, padding, border, background, color, font,
 *   text-decoration, text-align, vertical-align, white space, other text, contents
 */


/* *************************************************************************** 
	common
 *************************************************************************** */
*{ margin:0; padding:0; 
   scrollbar-face-color:#FFFFFF;
   scrollbar-highlight-color:#CACACA;
   scrollbar-shadow-color:#CACACA;
   scrollbar-3dlight-color:#F3F3F3;
   scrollbar-track-color:#F3F3F3;
   scrollbar-darkshadow-color:#F3F3F3;
   scrollbar-arrow-color:#B6B6B6;
}

body{ background:#fff; color:#666666; font:75%/1.5 dotum,"돋움",gulim,"굴림",applegothic,sans-serif,arial; }

html, body{ height:100%; }

a{ color:#666666; text-decoration:none; }
a:hover,
a:active,
a:focus{ color:#f63b72; text-decoration:none; }

ul, ol, dl {margin:0; padding:0;}
ul, ol {list-style:none;}
img{ border:0; vertical-align:middle; }
input,
textarea,
table{ color:#5b5b5b; font-family:dotum,"돋움",gulim,"굴림",applegothic,sans-serif,arial; vertical-align:middle; }
select{ color:#5b5b5b; font:11px/19px dotum,"돋움",gulim,"굴림",applegothic,sans-serif,arial; vertical-align:middle; }
form{ display:inline; }
hr,table caption{ position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; visibility:hidden; }

/* table{ border-collapse:collapse; table-layout:fixed; } */
/* input[type=text]:hover,
input[type=text]:focus,
textarea:hover,
textarea:focus{ background-color: red; } ie6
table img,
table textarea{ *margin:-2px 0 2px; }
table select{ *margin:-1px 0 1px; } */

/* title */
h1{ font-size:1em; }/* logo */
h2{ font-size:12px; }/* one dep */
h3{ font-size:12px; }/* two dep */
h4{ font-size:12px; }/*  */
h5{ font-size:12px; }/*  */

/* Layout Base */
.png24{ tmp:expression( setPng24(this) ); }/* common/js/comm_lib_common.js */


 
/* *************************************************************************** 
	form
 *************************************************************************** */
/* clear */
.clear{ clear:both; }

/* cursor */
.cr_pt{ cursor:pointer; }
.cr_de{ cursor:default; }

/* width */
.w15{ width:15px; }  .w20{ width:20px; }
.w25{ width:25px; }  .w30{ width:30px; }
.w35{ width:35px; }  .w40{ width:40px; }
.w45{ width:45px; }  .w50{ width:50px; }
.w55{ width:55px; }  .w60{ width:60px; }
.w65{ width:65px; }  .w70{ width:70px; }
.w75{ width:75px; }  .w80{ width:80px; }
.w85{ width:85px; }  .w90{ width:90px; }
.w95{ width:95px; }  .w100{ width:100px; }
.w105{ width:105px; } .w110{ width:110px; }
.w115{ width:115px; } .w120{ width:120px; }
.w125{ width:125px; } .w130{ width:130px; }
.w135{ width:135px; } .w140{ width:140px; }
.w145{ width:145px; } .w150{ width:150px; }
.w155{ width:155px; } .w160{ width:160px; }
.w165{ width:165px; } .w170{ width:170px; }
.w175{ width:175px; } .w180{ width:180px; }
.w185{ width:185px; } .w190{ width:190px; }
.w195{ width:195px; } .w200{ width:200px; }
.w250{ width:250px; } .w300{ width:300px; }
.w350{ width:350px; } .w400{ width:400px; }

/* top margin */
.tm05{ margin-top:5px;  }
.tm10{ margin-top:10px; } .tm15{ margin-top:15px; }
.tm20{ margin-top:20px; } .tm25{ margin-top:25px; }
.tm30{ margin-top:30px; } .tm35{ margin-top:35px; }
.tm40{ margin-top:40px; } .tm45{ margin-top:45px; }
.tm50{ margin-top:50px; } .tm55{ margin-top:55px; }
.tm60{ margin-top:60px; } .tm65{ margin-top:65px; }
.tm70{ margin-top:70px; } .tm75{ margin-top:75px; }
.tm80{ margin-top:80px; } .tm85{ margin-top:85px; }

/* text, vertical align */
table th.al,
table td.al{ text-align:left; }
table th.ar,
table td.ar{ text-align:right; }
table th.vt,
table td.vt{ vertical-align:top; }
table th.vb,
table td.vb{ vertical-align:bottom; }

/* background none */
.noBg,
table tr .noBg,
table tr th.noBg,
table tr td.noBg{ background-image:none; }

/* **********************************
 * board
 ********************************** */
/* board style01 - normal write01 */
.bd_write01	{ clear:both; width:100%; border-top:2px solid #dadada; border-bottom:1px solid #dadada; border-collapse:collapse; color:#666666; font:12px/1.5 doutm; table-layout:fixed; word-kreak:kreak-all; }
.bd_write01 th{ padding:10px; border-bottom:1px solid #dadada; vertical-align:top; }
.bd_write01 td{ padding:10px; border-bottom:1px solid #dadada; vertical-align:top; }

/*.bd_write01 td img,
.bd_write01 td input,
.bd_write01 td select,
.bd_write01 td textarea{ *margin-top:-1px; }*/

.bd_write01 td table{ clear:both; width:auto; border:0; border-collapse:separate; table-layout:auto; word-kreak:kreak-all; }
.bd_write01 td table th{ padding:0; border:0; vertical-align:middle; }
.bd_write01 td table td{ padding:0; border:0; vertical-align:middle; }

/*.bd_write01 a:link,
.bd_write01 a:visited{  }
.bd_write01 a:acitve,
.bd_write01 a:hover{  }*/


/* board style02 - normal list01 */
.bd_list01	 { clear:both; width:100%; border-top:1px solid #dadada; border-bottom:1px solid #e7e7e7; border-collapse:collapse; color:#666; font:11px/1.5 dotum; table-layout:fixed; word-kreak:kreak-all; }
.bd_list01 th{ height:31px; border-bottom:1px solid #dadada; background:#f8f8f8 url(../../image/common/bg_bar01.gif) 100% 50% no-repeat; }
.bd_list01 td{ padding:6px 5px 5px; border-bottom:1px solid #e7e7e7; text-align:center; }

.bd_list01_01	{ clear:both; width:100%; border-top:1px solid #dadada; border-bottom:1px solid #e7e7e7; border-collapse:collapse; color:#666; font:11px/1.5 dotum; table-layout:fixed; word-kreak:kreak-all; }
.bd_list01_01 th{ height:31px; border-bottom:1px solid #dadada; background:#f8f8f8 url(../../image/common/bg_bar01.gif) 100% 50% no-repeat; }
.bd_list01_01 td{ padding:5px 5px 4px; border-bottom:1px solid #e7e7e7; text-align:center; }

/*.bd_list01 td img,
.bd_list01 td input,
.bd_list01 td select,
.bd_list01 td textarea{ *margin-top:-1px; }*/

.bd_list01 td table{ clear:both; width:auto; border:0; border-collapse:separate; table-layout:auto; word-kreak:kreak-all; }
.bd_list01 td table th{ padding:0; border:0; vertical-align:middle; }
.bd_list01 td table td{ padding:0; border:0; vertical-align:middle; }

.bd_list01 a:link,
.bd_list01 a:visited{ color:#666666; }
.bd_list01 a:active,
.bd_list01 a:hover,
.bd_list01 a:focus{ color:#a481c2; }

.bd_list01 .al{ padding-left:15px; }

.bd_list01 td.n_date01{  }
.bd_list01 td.n_num01{ color:#a481c2; font-weight:bold; }
.bd_list01 td.n_tit01{ padding-left:25px; padding-right:25px; font-weight:bold; text-align:left; letter-spacing:-0.1; }
.bd_list01 td.tit01{ padding-left:25px; padding-right:25px; text-align:left; }

.bd_list01 .notice_answer{ padding:20px 30px; color:#999999; text-align:left; }
.bd_list01 .list_item{ background:url(../../image/common/bg_bar03.gif) 0 0 repeat-x; }
.bd_list01 .list_item td{ padding-top:10px; padding-bottom:7px; }

.bd_list01 .view th{ height:auto; padding:8px 2px 7px 18px; *padding:8px 2px 6px 18px; border-bottom:1px solid #e7e7e7; background:transparent url(../../image/common/bg_bar01.gif) 100% 50% no-repeat; text-align:left; }
.bd_list01 .view .list_tit{ padding:5px 13px 3px; text-align:left; }




/* board style03 - normal list02 */
.bd_list02{  }


/* board style04 - normal write02 */
.bd_write02{  }

/* **********************************
 * box
 ********************************** */
/* round 01 */
/*.round01_wrapper{ clear:both; width:100px; background:url() 0 0 repeat-y; }
.round01_top{ overflow:hidden; padding:10px 0 0; background:url() 0 0 no-repeat; }
.round01_content{ float:left; width:80px; padding:0 10px 10px; background:url() 0 100% no-repeat; }*/

/* rectangle 01 */
/*.box01_contents{ border:2px solid #000; }*/

/* select design js 사용 시 ie bug(border 인식 x)로 여백 생길 시
.box01_wrapper{ clear:both; padding:3px; border:1px solid #dfdfdf; }
.box01_content{ overflow-y:scroll; height:191px; padding:7px; }*/

/* **********************************
 * table top info( left, right )
 ********************************** */
.ti_wrapper{ clear:both; width:100%; overflow:hidden; padding:8px 0 5px; }

.ti_left01{ float:left; padding:4px 0 0; }
.txt01{ padding:0; color:#333333; font-size:11px; }
.txt02{ padding:0; color:#a2a2a2; font-size:11px; }

.ti_right01{ float:right; padding:0 0 1px; }
.ti_right01 .select_wrapper_85{ float:left; width:85px; }
.ti_right01 input{ float:left; }
.ti_right01 .bd_search_input{ width:102px; height:15px; margin:0 4px 0 0; padding:1px 3px; border:1px solid #dbdbdb; background:#fff; line-height:15px; }

/* **********************************
 * btn
 ********************************** */
/* center */
.btn_center{ text-align:center; }
.btn_center img{ margin:0 9px; }

/* total - board bottom area */
.btn_bd_bottom{ clear:both; overflow:hidden; width:100%; margin:0; padding:0; }

.btn_bd_bottom .left img,
.btn_bd_bottom .right img{ cursor:pointer; }

.btn_bd_bottom .left{ float:left; padding:12px 0 20px 2px; }
.btn_bd_bottom .right{ float:right; padding:12px 2px 20px 0; }

/* **********************************
 * page navigation
 ********************************** */
/* type01 */
ul.page_navigation01{ list-style:none; padding:22px 0 0; color:#9f9f9f; text-align:center; cursor:default; }
ul.page_navigation01 li{ display:inline; padding:0 4px 0 7px; background:url(../../image/common/bg_bar02.gif) 0 2px no-repeat; text-align:center; }
ul.page_navigation01 li img{ margin:-2px 0 0; *margin:0; }
ul.page_navigation01 li.noneBgSet{ background-image:none; }
ul.page_navigation01 li.arr01{ padding:0; }
ul.page_navigation01 li.arr02{ padding:0 5px 0 1px; }
ul.page_navigation01 li.arr03{ padding:0 1px 0 10px; }
ul.page_navigation01 li a:link,
ul.page_navigation01 li a:visited{ color:#3f3f3f; }
ul.page_navigation01 li a:acitve,
ul.page_navigation01 li a:hover,
ul.page_navigation01 li a:focus{ color:#262626; }
ul.page_navigation01 li a.active:link,
ul.page_navigation01 li a.active:visited,
ul.page_navigation01 li a.active:acitve,
ul.page_navigation01 li a.active:hover,
ul.page_navigation01 li a.active:focus{ font-weight:bold; }


/* **********************************
 * form 관련
 ********************************** */
/* input text background */
.it01{ height:13px; padding:2px 2px 0px; *padding:1px 2px; _padding:2px 2px 0px; border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font:11px/13px dotum,"돋움",gulim,"굴림",arial; }



/* *************************************************************************** 
	ettoi
 *************************************************************************** */
/* brand common -------- */
.hiddenContents{ position:absolute; top:0; left:0; overflow:hidden; width:0; height:0; visibility:hidden; }

/* ettowa m:, s:-------- */
.ETW_sBody{ min-width:1003px; min-height:700px; cursor:default; }
* html .ETW_sBody{ height:700px; }
.ETW_sHeader{ width:1003px; height:30px; padding:45px 0 25px; }
.ETW_sContents{ width:1003px; }

.ETW_sFooter{ min-width:1003px; height:30px; background:#a786c4 url(../../image/footer_msg.gif) 765px 11px no-repeat; cursor:default; }
.ETW_sFooter .ETW_sFootMenu{ list-style:none; float:left; width:700px; height:10px; padding:11px 0 0 38px; }
.ETW_sFooter .ETW_sFootMenu img{ float:left; }
.ETW_sFooter .ETW_sFootMenu li{ float:left; padding:0 11px; 0 12px; background:url(../../image/footer_menuBar.gif) 0 1px no-repeat; }
.ETW_sFooter .ETW_sFootMenu .first{ padding:0 11px 0 88px; background:url(../../image/footer_menu00.gif) 0 0 no-repeat; }

/* brand */
.ETW_brand{ overflow:hidden; height:740px; padding:80px 0 0 427px; background:url(../../image/brand_bg01.jpg) 0 100% no-repeat; }
.ETW_brand img{ float:left; }
.ETW_brand .img01{ margin:45px 0 64px; }

/* store */
.ETW_store{ overflow:hidden; height:710px; padding:80px 0 0 427px; background:url(../../image/store_bg01.jpg) 0 100% no-repeat; }
.ETW_store_tab{ list-style:none; float:left; width:528px; padding:0 0 20px; background:url(../../image/store_tabBg.gif) 0 100% repeat-x; }
.ETW_store_tab li{ float:left; }
.ETW_store_tab img{ float:left; }

.ETW_store .storeOpen{ float:left; width:510px; }
.ETW_store .storeOpen img{ float:left; }
.ETW_store .storeOpen .img01{ width:509px; padding:19px 0 0 1px; }
.ETW_store .storeOpen .img02{ width:510px; padding:35px 0 23px; }

.ETW_store .storeInfo{  }

.ETW_news{ /*position:absolute; top:50%; left:50%;*/ z-index:3; float:left; width:758px; height:524px; /*margin:-262px 0 0 -379px;*/ background:#a481c2; }
.ETW_news .news_wrapper{ display:inline; float:left; width:750px; height:516px; margin:4px; background:#fff; }
.ETW_news .news_title{ float:left; width:750px; height:105px; }
.ETW_news .news_title h1{ float:left; padding:26px 0 0 32px; }
.ETW_news .news_title h1 img{ float:left; }
.ETW_news .news_title .news_close{ float:right; padding:11px 12px 0 0; }
.ETW_news .news_title .news_close img{ float:left; cursor:pointer; }
.ETW_news .news_contents{ width:712px; height:392px; margin:0 0 0 33px; }/* iframe */
.news_container{ width:682px; }
.news_container .ti_wrapper{ width:682px; padding-top:0; }
.news_container .bd_list01{ width:682px; }
.news_container .btn_bd_bottom{ width:682px; }
.news_container .page_navigation01{ width:682px; }

.BE_storeInfo{ overflow:hidden; width:524px; }
.BE_storeInfo .msg01{ float:left; width:524px; padding:19px 0 55px; }
.BE_storeInfo .msg01 img{ float:left; }
.BE_storeInfo .msg02{ float:left; width:524px; padding:25px 0 55px; }
.BE_storeInfo .msg02 img{ float:left; }

.BE_storeInfo .msg03{ float:left; width:523px; padding:19px 0 26px 1px; }/* 에뜨와 */
.BE_storeInfo .msg03 img{ float:left; }

.BE_storeInfo .map01{ clear:left; float:left; padding:0 43px 0 34px; }
.BE_storeInfo .map01 img{ float:left; }

.BE_storeInfo fieldset.input01{ float:left; padding:99px 0 0; border:0; }
.BE_storeInfo fieldset.input01 legend{ position:absolute; top:0; left:0; width:0; height:0; font:0/0 dotum; visibility:hidden; }
.BE_storeInfo fieldset.input01 .location_select{ padding:0 0 8px; }
.BE_storeInfo fieldset.input01 .location_select select{ width:142px; }
.BE_storeInfo fieldset.input01 .location_userInput input{ float:left; }
.BE_storeInfo fieldset.input01 .location_userInput .input01{ width:134px; height:15px; margin:0 3px 0 0; padding:1px 3px; border:1px solid #dbdbdb; background:#fff; line-height:15px; }

.storeInfo_bd{ position:relative; top:0; left:0; clear:both; width:524px; padding:46px 0 0; }
.storeInfo_bd01{ position:relative; top:0; left:0; clear:both; width:524px; padding:26px 0 0; }

.BE_layerPopup{ position:absolute; top:93px; left:42px; width:408px; height:216px; padding:8px 12px 12px; border:4px solid #d71a21; background:#fff; color:#666; font:11px/1.3 dotum; }
.BE_layerPopup .lp_location{ float:left; padding:8px 0 6px 3px; font:normal 11px/1.5 dotum; }
.BE_layerPopup .lp_location strong{ color:#d71a21; font-weight:normal; }
.BE_layerPopup .lp_close{ float:right; cursor:pointer; }
.BE_layerPopup .lp_contents{ overflow:hidden; width:402px; padding:15px 3px; border-top:1px solid #d71a21; }
.BE_layerPopup .lp_contents .lp_map{ float:left; width:250px; height:158px; }
.BE_layerPopup .lp_contents .lp_map img{ float:left; width:250px; height:158px; }
.BE_layerPopup .lp_contents .lp_info{ float:left; width:136px; padding:5px 0 0 16px; }
.BE_layerPopup .lp_contents .lp_info dt{  }
.BE_layerPopup .lp_contents .lp_info dd{ padding:0 0 10px; }

.BE_layerPopup01{ position:absolute; top:72px; left:42px; width:408px; height:216px; padding:8px 12px 12px; border:4px solid #a683c3; background:#fff; color:#666; font:11px/1.3 dotum; }
.BE_layerPopup01 .lp_location{ float:left; padding:8px 0 6px 3px; font:normal 11px/1.5 dotum; }
.BE_layerPopup01 .lp_location strong{ color:#a683c3; font-weight:normal; }
.BE_layerPopup01 .lp_close{ float:right; cursor:pointer; }
.BE_layerPopup01 .lp_contents{ overflow:hidden; width:402px; padding:15px 3px; border-top:1px solid #a683c3; }
.BE_layerPopup01 .lp_contents .lp_map{ float:left; width:250px; height:158px; }
.BE_layerPopup01 .lp_contents .lp_map img{ float:left; width:250px; height:158px; }
.BE_layerPopup01 .lp_contents .lp_info{ float:left; width:136px; padding:5px 0 0 16px; }
.BE_layerPopup01 .lp_contents .lp_info dt{  }
.BE_layerPopup01 .lp_contents .lp_info dd{ padding:0 0 10px; }

#index {
	background:url('../../image/main_bg.gif') no-repeat 0 -1px;
	height:auto;
}
#out_wrap {
	background:url('../../image/main_bg_index.gif') repeat-y left top;
	padding:41px 0 64px 111px;
	height:auto;
}
#wrap {
	background:url('../../image/explain_box.jpg') no-repeat left top;
	padding:260px 0 0 252px;
	width:548px;
	height:645px;
}

#wrap ul li {
	margin:0 0 27px 0;
}

#wrap .nap {
	margin:0 0 72px;
}

#footer {
	height:30px;
	min-width:1003px;
	width: expression(document.body.clientWidth < 1005 ? "1003px" : document.body.clientWidth > 1005 ? "100%" : "auto");
	background-color:#a00000;
}

#main #footer {
	background-image:none;
}

#footer ul {
	padding:10px 0 0 0;
}
#footer ul {
	margin:0 auto;
	overflow:hidden;
	width:260px;
	position:relative;
	left:-120px;
}

#footer li {
	font-size:0;
	height:10px;
	display:inline;
	float:left;
	padding:0 0 0 13px;
	margin:0 0 0 9px;
	background:url('../../image/common/dot_line_v01.gif') no-repeat 0 0;
}
#footer ul .first{background:none;}
#footer .copyright {display:inline; float:left; margin:10px 0 0 18px; background:url(../../image/c.gif) 55px 0 no-repeat; height:10px; font-size:0; }
#footer .family_sites {display:inline; float:right; margin-top:-10px;}
#footer .family_site_select {display:inline; float:right; margin:-15px 18px 0 7px;}