@charset "utf-8";

/* default */
html {width:100%;height:100%;overflow-y:scroll;}
body {width:100%;height:100%;margin:0px;padding:0px;font-family:"돋움";font-size:12px;color:#999999;line-height:16px;font-weight:normal;}
div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd {margin:0px;padding:0px;font-size:12px;font-family:"돋움";color:#999999;}
ul, ol, dl, dd, dt, li {list-style-type:none;margin:0;padding:0px;line-height:16px;}
table {}
select {font-size:12px;}
fieldset {border:0;margin:0px;padding:0px;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px;}
img {border:0;vertical-align:top;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input,select {margin:0;vertical-align:middle;}
/* 컨텐츠정렬관련 */
.al {text-align:left !important;} .ac {text-align:center !important;} .ar {text-align:right !important;}
/* 커서 */
.cursor {cursor:pointer;}
/* 링크 */
a {text-decoration:none;color:#999999;outline:none;}
a:link, a:visited {text-decoration:none;color:#999999;}
a:hover, a:focus, a:active {text-decoration:underline;outline:none;}
/* 입력폼 */
.input01 {height:18px;border:1px solid #ddd;padding:2px 0 0 4px;vertical-align:middle;}
.radio01 {height:12px;border:0px;width:12px;margin-bottom:2px;}
.checkbox01 {height:12px;width:12px;border:0;vertical-align:middle;}
/* clear */
.cb {clear:both;}

/* png */
.png24{tmp:expression(setPng24(this));}

/* layout */
#wrap {width:1098px;margin:0 auto;}

/* header */
header {width:980px;height:115px;font-size:0;line-height:0;position:relative;z-index:200;}
header h1 {position:absolute;top:26px;left:379px;}
header .subsidiary {position:absolute;top:6px;left:617px;}
header .subsidiary li {float:left; padding-right:4px;}
header .top_link {position:absolute;top:9px;right:45px;}
header .top_link li {float:left;}
header .sns {position:absolute;top:6px;right:0;}
header .sns li {float:left;}

#gnb {position:absolute;top:82px;left:0;width:100%;height:33px;background:url('/images/common/bg_gnb.gif') repeat-x 0 0;}
#gnb .gnb_area {}
#flashContent {overflow:hidden;}
#gnb .search {position:absolute;top:7px;right:0;}
#gnb .search .txt1 {width:146px;height:13px;border:1px solid #d0d0d0;padding:4px 0 0 4px;vertical-align:middle;font-size:11px;color:#000;}
#gnb .search .txt1_1 {width:200px;height:13px;border:1px solid #d0d0d0;padding:4px 0 0 4px;vertical-align:middle;font-size:11px;color:#000;}
#gnb .search * {vertical-align:middle;}

/* 메인메뉴  - 150917 추가 */
.fixed_gnb {z-index:100; position:absolute; float:left; width:600px; height:33px; text-align:center}
ul.gnb {width:600px; height:33px;}
ul.gnb li {position:relative; float:left; display:block; }
ul.gnb li:hover > a, .header > ul > li:focus > a {background:#fff;}
ul.gnb li > a {display:inline-block; padding:0;}
ul.gnb li > span.icon {position:absolute; top:-9px; right:0; display:inline-block}
ul.gnb li.active > a { background:#eb3b4b;}
/* gnb > 2deth */
ul.depth {display:none; z-index:11; position:absolute; top:33px; left:0px; padding:15px 0 15px; width:146px; border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background:#fff}
ul.depth li {display:block; float:none; margin:0; padding:0; width:100%; height:24px;  background:#fff; font-family:Malgun Gothic,'맑은고딕',Helvetica,sans-serif,'돋움',Dotum,'굴림',Gulim;}
ul.depth li a {display:block; width:auto; height:24px; padding:0 0 0 20px; margin:0; font-size:12px; color:#696969; line-height:24px; letter-spacing:0; text-align:left; text-decoration:none;}
ul.depth li a:hover, .header ul.depth li a:focus {background:#f2f2f2; color:#404040; } 
ul.depth li.on a { background:#fff; color:#eb3b4b; }
ul.depth.csv a { letter-spacing:-1px; }

/* lnb  - 150917 추가 */
.lnb_wrap {display:table; width:180px; heigth:auto;}
h2.lnb_tit{width:180px; height:auto;}
ul.lnb {width:180px; height:auto; padding-top:10px;}
ul.lnb li {position:relative; padding:0 19px 5px 6px ;}
ul.lnb li a:hover, .header ul li a:focus {background:url('/images/common/img_lnb_bg.png') no-repeat; color:#fff;}
ul.lnb li a {display:block; width:150px; height:19px; line-height:16px; padding-left:5px; font-family:Malgun Gothic, '맑은고딕', Helvetica, sans-serif; font-size:12px; font-weight:600; text-decoration:none; color:#666;}
ul.lnb li a.active {background:url('/images/common/img_lnb_bg.png') no-repeat; color:#fff;}

/* container */
#container {position:relative;width:1077px;*zoom:1;}
#container:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}

/* contents */
#contents {width:980px;border-top:1px solid #ededed;}

/* visual
#visual_area {margin-bottom:15px;*zoom:1;}
#visual_area:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
#visual_area .left_menu {float:left;width:180px;}
#visual_area .visual {float:left;width:800px;}
*/

/* page_location */
.page_location {position:relative;height:25px;padding-top:15px;}
.page_location .navi {position:absolute;top:15px;right:0;color:#999999;font-size:11px;line-height:11px;}
.page_location .navi a {color:#999999;font-size:11px;line-height:14px;}
.page_location .back {color:#666666;}
.page_location .back a {color:#666666;text-decoration:underline;background:url('/images/icon/bul01.gif') no-repeat 0 3px;padding-left:12px;}

/* footer */
/* footer {width:980px;height:120px;font-size:0;line-height:0;margin-top:60px;background:url('/images/common/bg_footer.gif') repeat-x 0 0;position:relative;} */
footer {width:980px;height:120px;font-size:0;line-height:0;margin-top:20px;background:url('/images/common/bg_footer.gif') repeat-x 0 0;position:relative;}
footer .foot_link {}
footer .foot_link li {float:left;}
footer .foot_sns {position:absolute;top:0;right:0;}
footer .foot_sns li {float:left;}
footer address {position:absolute;top:42px;left:0;}
footer .copy {position:absolute;top:95px;left:0;}
footer .scrow {position:absolute;top:31px;right:0;}

/* quick_menu */
#quick_menu {position:absolute;top:0px;right:0;font-size:0;line-height:0;width:75px;height:501px;border:1px solid #dddddd;background:#fff;}
#quick_menu .quick_banner {height:122px;padding-top:9px;border-bottom:1px solid #dddddd;text-align:center;}
#quick_menu .quick_banner .banner_img {}
#quick_menu .quick_banner .banner_img img {width:63px;height:104px;}
#quick_menu .quick_banner .skip {font-size:11px;line-height:11px;color:#9e9e9e;vertical-align:middle;}
#quick_menu .quick_banner .skip .btn1 {vertical-align:middle;margin:0 2px;}
#quick_menu .recent {height:293px;padding-top:5px;border-bottom:1px solid #dddddd;text-align:center;}
#quick_menu .recent .tit {height:15px;}
#quick_menu .recent .num {font-size:11px;line-height:11px;}
#quick_menu .recent .num a {color:#666666;}
#quick_menu .recent ul {margin-bottom:10px;}
#quick_menu .recent ul li {margin-top:10px;}
#quick_menu .recent ul li img {width:55px;height:70px;}
#quick_menu .recent .skip {font-size:11px;line-height:11px;color:#9e9e9e;vertical-align:middle;}
#quick_menu .recent .skip .btn1 {vertical-align:middle;margin:0 2px;}
#quick_menu .cart {height:28px;padding-top:7px;border-bottom:1px solid #dddddd;text-align:center;}
#quick_menu .cart .tit {height:13px;}
#quick_menu .cart .num {font-size:11px;line-height:11px;}
#quick_menu .cart .num a {color:#666666;}
#quick_menu .wish {height:28px;padding-top:7px;text-align:center;}
#quick_menu .wish .tit {height:13px;}
#quick_menu .wish .num {font-size:11px;line-height:11px;}
#quick_menu .wish .num a {color:#666666;}

.pageskip01 {display:inline-block;height:17px;*display:inline;*zoom:1;}
.pageskip01 ul {height:17px;margin:0 0 0 0;}
.pageskip01 li {float:left;line-height:17px;background:#;padding:0 0 0 0;font-size:0;line-height:0;}
.pageskip01 li.text {color:#666666;font-size:12px;line-height:12px;font-family:"tahoma";background:#fff;padding:3px 6px 0 0;}
.pageskip01 li img {display:block;float:left;}

/* paging */
.pageskip02 {font-size:11px;text-align:center;margin-top:20px;font-weight:bold;}
.pageskip02 a {display:inline-block;width:25px;color:#666666;}
.pageskip02 img {vertical-align:middle;margin-bottom:2px;}
.pageskip02 a:hover,
.pageskip02 .on {font-weight:bold;color:#333;background:#eaeaea;}
.pageskip02 .bar {color:#9d9d9d;}
.pageskip02 .img01 {margin-right:10px;}
.pageskip02 .img02 {margin-left:10px;}
.pageskip02 .btn01 {width:17px;}
.pageskip02 .btn02 {width:13px;}


.span_none span {color:#666;}

.promotion_banner {height:43px;}