@charset "utf-8";

.clfix{*zoom:1}
.clfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}

body {margin:0; padding:0;}

#header {position:relative; z-index:2; width:100%; height:89px; margin:0 auto;}

/* gnb_list */
#header #gnb {position:relative; z-index:1; width:980px; margin:0 auto;}

#gnb h1 {position:absolute; z-index:2; top:21px; left:0; margin:0; padding:0;}

#gnb .util {position:absolute; top:7px; right:0; margin:0;}
#gnb .util li {float:left; margin:0 0 0 10px; padding:0 0 0 10px; background:url(/images/common/bar.jpg) no-repeat 0 7px;}
#gnb .util li.first {background-image:none;}
#gnb .util li a:link {font-size:11px; color:#bcbcbc; text-decoration:none;}
#gnb .util li a:visited {font-size:11px; color:#bcbcbc; text-decoration:none;}
#gnb .util li a:hover,a:focus,a:active {font-size:11px; color:#333333; text-decoration:none;}

#navigation {position:relative; z-index:2; float:right; margin:31px 0 0; padding:0;}
#navigation ul.depth1Ul{zoom:1;}
#navigation ul.depth1Ul:after {content:""; display:block; clear:both;}
#navigation ul.depth1Ul li.depth1{float:left; position:relative; z-index:2; height:58px;}

.depth2background {display:none; position:absolute; z-index:0; top:89px; left:0; min-width:980px; width:100%; height:240px;background:url(/images/common/bg_gnbbg.png) 0 0 repeat-x;}
.depth2visual {display:block; position:absolute; z-index:1; width:369px; height:221px; top:1px; left:50%; margin-left:-490px; background:url(/images/common/bg_gnblogo.jpg) 0 0 no-repeat;font-size:0; line-height:0;}

.depth2Ul {display:none;position:absolute;z-index:2; top:55px; left:0px; min-height:200px; border-left:1px solid #eaeaea; padding:10px 0;}
.depth2Ul li {margin-bottom:2px;}
.depth2Ul li a {display:inline-block; line-height:27px; vertical-align:middle; font-size:12px; font-family:NanumGothic; color:#232323;}
.depth2Ul li a.on {color:#ffffff; background:#c90b16 url(/images/common/gnb_over.jpg) right no-repeat; font-weight:bold;}

.depth2Menu1 {width:152px;}
.depth2Menu4 {width:151px;}
.depth2Menu1 a {width:132px; padding:0 0 0 20px;}
.depth2Menu4 a {width:131px; padding:0 0 0 20px;}

.closeDepth2 {display:none;position:absolute;z-index:3; right:-24px; bottom:-210px; width:24px; height:24px;}


/* container */
#container-wrap {position:relative; margin:0; padding:0; width:100%; text-align:center; z-index:1;}

/*** main visual ***/
#container {clear:both; overflow:hidden; height:100%; width:1200px;margin:0 auto; padding:0; background:url('/images/main/visual_bg.png') no-repeat 0 0;}
.visual {overflow:hidden; position:relative; height:540px;}
.visual ul li {width:100%; height:540px;margin:0 0 0;}
.visual ul li.visual1 {background:url('/images/main/visual_img01.png') no-repeat center top;}
.visual ul li.visual2 {background:url('/images/main/visual_img02.png') no-repeat center top;}
.visual ul li.visual3 {background:url('/images/main/visual_img03.png') no-repeat center top;}
.visual ul li p {padding:0;}

.visual .page {position:absolute; top:435px; width:14px; right:0; padding:18px 0 0; text-align:center;}
.visual .page strong {display:inline-block;width:14px; height:14px; *margin:0 5px 3px 0; background:url('/images/main/bg_pager.png') no-repeat;}
.visual .page strong.off {background-position:0 0;}
.visual .page strong.on {background-position:0 -19px;}

/*** contents ***/
div.contents-wrap {position:relative; margin:0; padding:0px; width:100%; height:100px; background:#64201f;}
div.contents-wrap .board{width:980px; margin:0 auto; padding:0; border:0px solid red; text-align:left;}
.banner1{width:625px; height:100px; float:left;border:0px solid red;}
.n_banner1 h2{float:left; width:179px;}
.n_banner1 .notice{float:left;width:396px; padding-top:20px; background:url(/images/banner_bg1.jpg) no-repeat; height:100px; border:0px solid blue;}
.n_banner1 .notice ul li{float:left; width:368px; height:18px; line-height:20px; background:url(/images/dot.jpg) 0 6px no-repeat; padding-left:8px; color:#b18f8f;border:0px solid red;}
.n_banner1 .notice ul li a {width:270px;display:inline-block; float:left; overflow:hidden;color:#b18f8f;}
.n_banner1 .notice ul li span {float:right;border:0px solid red;}
.banner2{width:200px; height:100px; float:left; border:0px solid red;}

/*.n_banner1 h2{float:left; width:179px;}
.n_banner1 .notice{float:left; width:446px; padding-top:20px; background:url(/images/banner_bg1.jpg) no-repeat; height:100px;}
.n_notice{width:396px; height:100px; position:relative;}
.n_notice ul li{float:left; width:362px; line-height:20px; background:url(/images/dot.jpg) 0 6px no-repeat; padding-left:8px; color:#b18f8f;}
.n_notice dd a {}
.n_notice .right{float:right;}
.n_notice .left{float:left;}
.banner2{width:200px; height:100px; float:left; bordeR:1px solid red;}*/


/* footer */
#footer {position:relative; width:980px; height:50px; margin:0 auto; padding:20px 0; z-index:30;}
#footer .footerCon {width:980px;}
#footer .footerCon h2 {float:left; width:102px; height:50px; margin:0 66px 0 0;}
#footer .footerCon p {float:left; width:525px; margin:0;}
#footer .footerCon .gamgak {position:absolute; top:50px; right:0;;}

#footer .footerCon .util_menu {position:relative; margin:0; float:right;}
#footer .footerCon .util_menu>li:first-child {background:none; padding:0; color:#777;}
#footer .footerCon .util_menu>li a {color:#777;}
#footer .footerCon .util_menu>li:first-child a {color:#777;}
#footer .footerCon .util_menu>li.family {position:absolute; top:0; right:0; padding:0;}
#footer .footerCon .util_menu>li.family>a {display:inline-block; padding:0; background: url(/images/common/family-site.jpg) 0 0 no-repeat; width:109px; height:23px; margin:0; vertical-align:top;}
#footer .footerCon .util_menu>li.family dl.family_site {display:none; position:absolute; bottom:20px; right:0; background:#fff; width:140px; font-size:12px; border:1px #dbdbdb solid; z-index:40;}
#footer .footerCon .util_menu>li.family dl.family_site dt {color:#c90b16; padding:15px 20px 0;}
#footer .footerCon .util_menu>li.family dl.family_site dt:first-child {background:none;}
#footer .footerCon .util_menu>li.family dl.family_site dd {padding:5px 0 10px 0; margin-left:20px;}
#footer .footerCon .util_menu>li.family dl.family_site dd li {line-height:18px;}
#footer .footerCon .util_menu li a:hover,
#footer .footerCon .footer_info>ul>li.family dl.family_site dd li a:hover {text-decoration:underline;}
#footer .footerCon:after,
#footer .footerCon .util_menu:after,
#footer .footerCon .footer_info:after {content:'.'; display:block; height:0px; clear:both; visibility:hidden;}
#footer .footerCon .is_footer.logo span,
#footer .footerCon .footer_info p.is_footer.qrcode span,
#footer .footerCon .footer_info ul>li:first-child strong.is_footer.emphone span,
#footer .footerCon .footer_info ul>li span.sns a span,
#footer .footerCon .util_menu>li.family>a span {display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0; overflow:hidden;}


/* sub container */
#scontainer {position:relative; margin:0 auto; padding:0; width:100%; z-index:1; background: url(/images/sub/cont_bg.jpg) 0 0 repeat-x;}
#scontainer-wrap {position:relative; overflow:hidden; margin:0 auto; padding:0; width:980px;}
#scontainer-left {float:left; position:relative; margin:50px 0 0; padding:0; width:190px;}
#scontainer-right {float:right; position:relative; margin:0; padding:0; width:750px; min-height:640px;}

/*** lnb ***/
#scontainer-left {float:left; position:relative; margin:50px 0 0; padding:0; width:190px;}
#scontainer-left h2 {width:190px; height:60px;}

#lnbMenu div {list-style-type:none; width:190px; margin:0 0 30px 0;}
#lnbMenu .lnb {float:left; border-top:1px solid #c90b16;}
#lnbMenu .lnb div {display:inline;}
#lnbMenu .lnb h3 {width:190px; font-family:NanumGothic, Dotum, sans-serif; line-height:30px;}
#lnbMenu .lnb h3 .over {width:190px; color:#232323; background:url(/images/sub/lnb_on.jpg) no-repeat; display:block; text-decoration:none;}
#lnbMenu .lnb h3 a {width:190px; color:#232323; font-size:13px; border-bottom:1px solid #cccccc; display:block;}
#lnbMenu .lnb h3 a:hover {width:190px; color:#232323; background:url(/images/sub/lnb_on.jpg) no-repeat; display:block; text-decoration:none;}
#lnbMenu .lnb h3 span {margin:0 10px 0; width:170px; color:#444444;}

#scontainer-left p {margin:0; padding:0;}

/*** sub contents ***/
#right-wrap {position:relative; margin:0; padding:0; width:750px; background: url(/images/sub/subbg.png) 0 0 no-repeat;}

/*** subtitle ***/
#contents-title {position:relative; margin:0; padding:0; width:750px; height:141px;}
#contents-title h3 {margin:0; padding:50px 0 64px; height:24px; border-bottom:1px solid #dbdbdb;}
#path p {position:absolute; top:5px; right:0; margin:0; padding:0; *margin-top:5px;}
#path p span {margin:0; padding:0 0 0 13px; font-size:11px; background:url("/images/title/icon_dot.jpg") no-repeat 0 0; color:#ffffff; font-family:NanumGothic;}

/*** sub contents ***/
div.contents {position:relative; margin:60px 0; padding:0; width:750px;}

/* board */
.boardtb {width:750px; font-size:12px; line-height:18px;}
.boardtb th {height:30px; border-top:2px solid #939393; border-bottom:1px solid #e1e1e1; background:#fbfbfb; color:#777;}
.boardtb td {padding:5px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.boardtb .ttal {text-align:center;}
.boardtb .last {border-bottom:1px solid #939393;}
.boardtb td a:hover {color:#222;}

.baordsc {float:right; font-size:12px; line-height:18px; margin:0;}
.baordsc .bginput {width:180px; height:24px; border:1px solid #e7e7e7; background:#f5f5f5; vertical-align:top;}

.boardlist {/*width:565px;*/width:750px; font-size:12px; line-height:18px; border-top:2px solid #939393; border-bottom:1px solid #959595; text-align:left;}
.boardlist th {height:35px; font-size:13px; font-family:'µ¸¿ò',Dotum,Arial,sans-serif; color:#777; text-align:center; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fbfbfb;}
.boardlist td {font-size:12px; font-family:'µ¸¿ò',Dotum,Arial,sans-serif; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; padding-left:10px;}
.boardlist input, textarea {border:1px solid #e1e1e1;}

.coment_tb {width:750px; font-size:12px; line-height:18px; border-top:1px solid #939393; border-bottom:1px solid #e1e1e1;}
.coment_tb th {height:35px; font-size:13px; font-family:'µ¸¿ò',Dotum,Arial,sans-serif; color:#777; text-align:center; border-top:1px solid #e1e1e1; background:#fbfbfb;}
.coment_tb td {font-size:12px; font-family:'µ¸¿ò',Dotum,Arial,sans-serif; border-top:1px solid #e1e1e1; text-align:left; padding-left:10px;}
.coment_tb input, textarea {border:1px solid #e1e1e1;}

/* online */
div.online_type {width:750px; font-size:12px; line-height:18px; border-top:2px solid #939393; border-bottom:1px solid #959595;}
div.online_type th {height:35px; font-size:13px; font-family:'µ¸¿ò',Dotum,Arial,sans-serif; color:#777; text-align:center; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#fbfbfb;}
div.online_type td {font-size:12px; font-family:'µ¸¿ò',Dotum,Arial,sans-serif; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; padding-left:10px;}
div.online_type input, textarea {border:1px solid #e1e1e1;}

div.privacy {float:right; width:750px; height:100%; overflow:hidden; margin:10px 0 0;}
div.privacy .agree textarea {width:725px; height:150px; overflow-y:auto; border:1px solid #d9d9d9; margin:10px 0; padding:10px 5px;}
div.privacy p {font-size:12px; font-family:NanumGothic; line-height:18px; padding-bottom:30px;}

/* product */
.prduct_sc {float:right; font-size:12px; line-height:18px; margin:0;}
.prduct_sc .bginput {width:140px; height:24px; border:1px solid #e1e1e1; background:#f5f5f5; vertical-align:top;}

div#gallery-wrap {overflow:hidden; margin:0; padding:0; width:750px;}
div#gallery-wrap p{margin-bottom:20px;}
div.gallery-box {float:left; width:750px; margin-bottom:30px;}
div.gallery {position:relative; float:left; width:160px; margin:0 36px 0 0; display:inline;}
div.gallery-box div.last {margin:0; padding:0; float:right;}
div.gallery dl {margin:0; padding-bottom:10px; width:158px;}
div.gallery dl dt {width:158px; border:1px solid #e1e1e1;}
div.gallery dl dt a {display:block; width:158px; height:158px;}
div.gallery dl dt a:hover img {/*width:158px; height:158px;*/}
div.gallery dl dd {margin:0; padding:0; font-size:12px; text-align:center; color:#666666; line-height:18px; }
div.gallery dl dd a {font-size:14px; color:#444444;}
div.gallery dl dd a:hover, a:visited,a:focus,a:active {font-size:14px; color:#4444444; text-decoration:underline;}
div.gallery dl dd.title {line-height:30px; font-weight:bold;}
div.gallery dl dd.writer {padding-bottom:20px; color:#494949;}

div.gallery-box div.no-data {border-bottom:1px solid #e1e1e1; padding:30px 0 80px; text-align:center;}

/* botton */
div.nblink {height:0px; text-align:center; margin:0; padding:20px 0;}

div.btnType01 {overflow:hidden;margin:30px 0 0; padding:0; width:750px; text-align:right; height:30px;}
div.btnType01 .submit {border:1px solid #000;}
div.btnType01 .admin {float:left;}
div.btnType01 input.btn_img {margin-bottom:23px;}


/* product popup */
#pop_wrap {position:relative; overflow:hidden; width:100%;}
div.left_wrap {position:relative; width:360px; overflow:hidden; float:left;}
div.left_wrap .bigimg {width:328px; width:328px; margin:30px 0 0 30px; border:1px solid #e1e1e1;}
div.left_wrap p {margin:20px 30px;}

div.prdInfo {position:relative; overflow:hidden; float:right; width:270px; margin:30px 30px 0 0;}
div.prdInfo h3 {width:270px; font-size:18px; color:#333333; font-family:NanumGothic; color:#64201f;}
div.prdInfo .tb_type {width:270px; color:#666666; font-size:12px; float:left; margin:30px 0 0; border-top:1px solid #c90b16; background:url("/images/sub02/ttl_bg.jpg") no-repeat 0 1px;}
div.prdInfo .tb_type th {height:26px; text-align:left; padding-left:10px; color:#414141; font-weight:bold; background:url(/images/sub02/bar.png) no-repeat right 9px; border-bottom:1px solid #e1e1e1;}
div.prdInfo .tb_type td {height:26px; padding:0 10px; border-bottom:1px solid #e1e1e1; text-align:left; background:none;}

div.prdInfo .tb_type .last {border-bottom:0px; background:none;}
div.prdInfo textarea {width:248px; height:73px; overflow-y:auto; border:1px solid #e1e1e1; margin:0; padding:5px;}

.btn_type {background:#64201f; text-align:right; padding:7px 30px 7px 0; margin-top:5px;}