@charset "utf-8";


html, body {width:100%;height:100%;margin:0;}
html {overflow-y:scroll;}

/************** common layout **************/
.wrapper         {width:100%;margin:0 auto;min-width:1000px;background:url(/images/common/gnb_sidebg.gif) repeat-x 0 0;}
.wrapper .header {position:relative;width:1000px;height:150px;margin:0 auto;z-index:30;}
.wrapper .container {position:relative;width:100%;margin:auto 0;}
.wrapper .container .content {overflow:hidden;width:1000px;margin:0 auto;top:0;padding:0 0 50px 0;}
.wrapper .container .content .left-area {float:left;width:210px;top:0;left:0;}
.wrapper .container .content .left-area .left-menu {width:180px;top:0;left:0;display:block;}
.wrapper .container .content .left-area .left-menu li {position:relative;width:180px;}
.wrapper .container .content .primary-content {float:right;width:760px;top:0;margin:0 30px 0 0;}
.wrapper .footer {width:100%;margin:0 auto;min-width:1000px;background:url(/images/common/footerbg.gif) repeat-x 0 0;}


/************** common header **************/
.header .utility {float:right;margin-top:30px;padding:0;width:216px;}
.header .utility a.contact {display:block;float:left;width:72px;}
.header .utility a.sitemap {display:block;float:left;width:72px;}
.header .utility input.english {display:block;float:left;width:72px;margin:0;padding:0}
.header .utility input.korean {display:block;float:left;width:72px;margin:0;padding:0}
.header .gnb {position:absolute;margin:0;width:1000px;height:60px;top:49px;}

.header .gnb .menu {padding:0;}
.header .gnb .menu1 {padding:15px 0 0 20px;}
.header .gnb .menu2 {padding:15px 0 0 40px;}
.header .gnb .menu3 {padding:0 0 0 50px;}
.header .gnb .menu4 {padding:15px 0 0 15px;}
.header .gnb .menu5 {padding:15px 0 0 15px;}
.header .gnb .sub_0 {padding:0 0 0 40px;}
.header .gnb .sub_1 {padding:0 0 0 240px;}
.header .gnb .sub_2 {padding:0;}
.header .gnb .sub_3 {float:right;padding:0 35px 0 0;}
.header .gnb .sub_4 {padding:0 0 0 832px;}

#menu a img.menuon {display:none;}
#menu a img.menuoff {display:inline;}
#menu a:hover img.menuon {display:inline;}
#menu a:hover img.menuoff {display:none;}


/* left menu */
.leftmenu a {font-size:13px;color:#2d2d2d;width:180px;height:29px;line-height:30px;font-family:"맑은고딕","Malgun Gothic",serif,arial bold,helvetica,dotum bold;font-weight:bold;padding:0 10px;background:url(/images/common/leftmenu_off.gif) no-repeat 0 0;}
.leftmenu a:hover {font-size:13px;color:#b68f1e;width:180px;height:29px;line-height:30px;font-family:"맑은고딕","Malgun Gothic",serif,arial bold,helvetica,dotum bold;font-weight:bold;padding:0 10px;background:url(/images/common/leftmenu_on.gif) no-repeat 0 0;}
.leftmenu2 a {font-size:13px;color:#2d2d2d;width:180px;height:42px;margin:10px 0 0 0;line-height:18px;font-family:"맑은고딕","Malgun Gothic",serif,arial bold,helvetica,dotum bold;font-weight:bold;padding:0 10px;background:url(/images/common/leftmenu2_off.gif) no-repeat 0 0;}
.leftmenu2 a:hover {font-size:13px;color:#b68f1e;width:180px;height:42px;margin:10px 0 0 0;line-height:18px;font-family:"맑은고딕","Malgun Gothic",serif,arial bold,helvetica,dotum bold;font-weight:bold;padding:0 10px;background:url(/images/common/leftmenu2_on.gif) no-repeat 0 0;}
.leftmenu-depth a {font-size:13px;color:#7e7e7e;padding:0 0 0 10px;width:180px;height:29px;line-height:30px;font-family:"맑은고딕","Malgun Gothic",serif,arial bold,helvetica,dotum bold;font-weight:bold;padding:0 10px;background:url(/images/common/leftmenu_off.gif) no-repeat 0 0;}
.leftmenu-depth a:hover {font-size:13px;color:#b68f1e;padding:0 0 0 10px;width:180px;height:29px;line-height:30px;font-family:"맑은고딕","Malgun Gothic",serif,arial bold,helvetica,dotum bold;font-weight:bold;padding:0 10px;background:url(/images/common/leftmenu_on.gif) no-repeat 0 0;}


/************** main content **************/
.visual_content {position:relative;display:block;width:1000px;height:386px;}
.side-content {position:relative;width:1000px;height:180px;top:20px;}
.side-content .side-news {position:absolute;top:0;width:315px;}
.side-content .side-news .tit {margin:0 0 10px 0}
.side-content .side-news .ico {margin:4px 0 0 4px;}
.side-content .side-event {position:absolute;top:0;left:330px;width:350px;height:152px;}
.side-content .side-img {position:absolute;top:0;left:30px; border:1px solid #c3c2c2;}
.side-content .side-btnprev {position:absolute;top:50px;left:0;}
.side-content .side-btnnext {position:absolute;top:50px;left:327px;}
.side-content .side-store {position:absolute;top:0;right:0;width:290px;height:152px;}


/************** common footer **************/
.footerimg {width:1000px;height:106px;margin:0 auto;background:url(/images/common/footer.gif) repeat-x 0 0;}
.familysite {padding:40px 0 0 0; text-align:right;}



/************** main Layer popup **************/
.layerpop {position:absolute;top:0;z-index:9999;border:2px solid #452e1a;background-color:white; overflow:hidden;display:none}
.layerpop .bottom {position:relative;display:inline-table;bottom:0;width:300px;height:25px;margin:0;background-color:#452e1a;vertical-align:middle;color:#ffffff;}
.btnclose {float:right;}
.btnclose a {margin:2px;text-decoration:none;font-size:11px;color:#ffffff;font-family:arial,helvetica;display:inline-block;text-align:center;padding:2px 5px;background:#6f5e46;}
.btnclose a:hover {background: #271d10;}