@charset "utf-8";

/* Reset */
* {padding:0px; margin:0px;}
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object,img,img a {border:none; margin:0; padding:0;}
li, dd {list-style:none;}
hr, legend, caption, .blind{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%} /* blind는 화면에 보이지 않지만 리더기에서는 읽힘 */
caption{position:static}
table{border-collapse:collapse; border-spacing:0;}
em,address,cite{font-style:normal}
input[type=checkbox] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
input[type=radio] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
label {position:relative; top:0px;}
a {outline:none; select-dummy:expression(this.hideFocus=true);}
.png24 { tmp:expression(setPng24(this)); }

/* Basic */
html {overflow-y:scroll;}
body {background-color:#FFFFFF;}
body, div, td, p, input, button, textarea, select {font-family:"Nanum Gothic", sans-serif; font-weight:400; font-size:13px; color:#353535; line-height: 120%;}
a:link, a:visited, a:active {text-decoration:none; color:#353535;}
a:hover {text-decoration:none; color:#F20067;}

/* Common */
#top {position:relative; width:1008px; height:65px; padding:26px 0px 29px; margin:0 auto;}
#top .tl_menu {position:absolute; top:42px; left:0px;}
#top .tl_menu li {float:left;}
#top .tr_menu {position:absolute; top:42px; right:0px;}
#top .tr_menu li {float:left;}
#top .logo {width:213px; margin:0 auto;}
#wrap_gn {width:100%; height:19px; padding:16px 0px; border-top:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
#gn {width:1004px; margin:0 auto; line-height:1; z-index:1000; }
#gn li {position:relative; float:left; margin-right:42px;}
#gn ul {display:none; position:absolute; width:160px; top:29px; left:-18px; padding:25px 25px 10px; background:#EFB51B; border-radius:10px; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2); opacity:1;}
* html #gn ul { line-height:0; }
#gn ul li { float:none; margin:0px;}
#gn ul ul { top:0px; left:0px; }
#gn ul a { display:block; padding-bottom:18px; zoom:1; line-height:1;}
#gn ul a:link, #gn ul a:visited, #gn ul a:active { text-decoration:none; font-weight:700; color:#FFFFFF; line-height:100%; letter-spacing:-1;}
#gn ul a:hover { text-decoration:none; color:#000000;}
#wrap_footer {width:100%; margin-top:54px; padding:34px 0px; background:url('/img/bg_footer.jpg') top left repeat-x;}
#footer {width:980px; margin:0 auto; }
#footer .copyright {float:left;}
#footer .top {float:right;}

/* Mainpage */
#wrap_mv {width:100%; height:535px; background:url('/img/bg_mv.jpg') top center repeat-x;}
#wrap_mv .mv {position:relative; width:1020px; height:535px; margin:0 auto;}
#main_space {width:100%; height:32px; background:url('/img/bg_mainspace.jpg') top center repeat-x;}
#maincont {width:1013px; margin:0px auto;}
#maincont #left {float:left; width:290px;}
#maincont #left .product_info {position:relative; margin-bottom:18px;}
#maincont #center {float:left; width:241px; margin-left:41px;}
#maincont #center .notice {margin-bottom:18px;}
#maincont #right {float:right; width:408px;}

/* Subpage */
#wrap_sv {width:100%; height:156px; padding-top:27px; background:url('/img/bg_sv.jpg') top left repeat-x;}
#wrap_sv .sv {width:1020px; height:106px; margin:0 auto;}
#sub {width:1020px; margin:0 auto;}
#subleft {float:left; width:200px;}
#submenu {width:200px; height:205px; padding-top:30px; margin-bottom:12px; background:url('/img/bg_sm.jpg') top left no-repeat;}
#submenu li {display: block; line-height: 0; font-size: 0;}
#submenu li img {display: block;}
#subbanner {margin-bottom:20px;}
#content {float:right; width:780px;}
#contle {height:27px; padding-bottom:19px; border-bottom:1px solid #eaeaea; margin-bottom:40px;}
#contle .tleimg {float:left;}
#contle .location {float:right; margin-top:11px; padding-left:13px; font-size:12px; color:#A1A1A1; line-height:100%; background:url('/img/icon_loation.jpg') top left no-repeat;}
#contle .location a:link, #contle .location a:visited, #contle .location a:active {text-decoration:none; color:#A1A1A1;}
#contle .location a:hover {text-decoration:none; color:#000000;}
#sitemap {float:left; width:220px; margin-right:30px;}
#sitemap li {padding:10px 10px 5px 20px; border-bottom:1px solid #E4E4E4;}
#sitemap li.tle {padding:10px 10px 10px 13px; margin-bottom:5px; font-weight:700; font-size:14px; color:#FFF; background-color:#e36d8f;}

/* Etc */
#imgpreload {display:none;}
.clearfix {clear:both; content:""; display:block;}

/* Form */
.ed {height:22px; border:1px solid #E5E5E5; font-size:12px;}
.tx {border:1px solid #E5E5E5; padding:20px; font-size:12px;}
.slt {border:1px solid #E5E5E5; font-size:12px;}