@charset "utf-8";

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin: 0; padding: 0; -webkit-text-size-adjust: none;background-color:#eeeee2}
body,input,textarea,select,button,table{font-family: 'Open Sans', '나눔바른고딕', NanumBarunGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', AppleGothic, Helvetica, sans-serif;font-size:12px;}
body{position:static}
img,fieldset,button{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;border:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;border:none;outline:none;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.edge{position:absolute;top:5px;right:8px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #f9f9f9}
.clear{clear:both}
div,ul,ul li,p,img{background:none;}
/* Skin to content */
.skip{margin:0}
.skip>a{display:block;overflow:hidden;height:0;line-height:28px;text-align:center}
.skip>a:focus{height:auto}

/* header */
.ex_ct{ position: relative; top: 0; bottom: 0; width: 100%; color: #5f4b33;overflow: hidden;height:470px;}
.ex_ct .header{ margin: 0px auto; height: 103px; width: 871px;background: url(../img/menuBg.png) repeat-x;}
.ex_ct .header .header_inn{overflow:hidden;}
.ex_ct .header .logo{display:block;float:left; width: 218px;}
.ex_ct .header h1{font-size:21px;}
.ex_ct .header h1 a{color:#5f4b33;}
.ex_ct .header .gnb{ float: right;width:653px;}
.ex_ct .header .gnb .gnb_lst{margin:40px 10px 0 33px;overflow:hidden;}
.ex_ct .header .gnb .gnb_lst li{float:left;}
.ex_ct .header .gnb .gnb_lst li a{padding:0 15px;}
.ex_ct .header .gnb .gnb_lst li a i{margin-right:8px;}
.ex_ct .header .gnb .gnb_lst li dt{margin-bottom:10px}
.ex_ct .header .gnb .gnb_lst li dd{margin-bottom:10px;padding-left:24px}
.ex_ct .header .gnb .gnb_lst li dd a{font-size:13px;line-height:15px}
.ex_ct .header .gnb .gnb_lst li a:hover{ font-size: 16px; font-weight: bold; color: #ff1204; display: block; border:none;outline: none;}
.ex_ct .header .gnb .gnb_lst li .on_lst a{font-size: 16px; font-weight: bold; color: #ff1204; display: block; border:none;outline: none;}
.ex_ct .header .gnb .gnb_lst li .on_sub_lst a{font-size: 16px; font-weight: bold; color: #ff1204; display: block; border:none;outline: none;}
.ex_ct .header .gnb .gnb_lst .on_lst a{font-size: 16px; font-weight: bold; color: #ff1204; display: block; border:none;outline: none;}

/* slide content */
.ex_ct .slide_wrap{width: 100%; background: url(../img/captionBg.png) repeat-x; height:40px;margin-top:330px;position:realative;}
.ex_ct .slide_wrap .slide_content{overflow:hidden;position:realative;margin:0 auto;width:871px;}
.ex_ct .slide_wrap .slide_content .content_lst{width:500px;}
.ex_ct .slide_wrap .slide_content .content_lst .lst_txt{ float:left;color: #ff1203;font-size:34px;font-weight:bold;text-shadow: 0.5px 0.5px 3px #ff7f58;letter-spacing:-2px;}
.ex_ct .slide_wrap .slide_content .content_lst .lst_txt2{ float: left; font-size: 16px; color: #eeeee2; font-weight: bolder; margin: 15px 0 0 10px; font-style: italic; }
.ex_ct .slide_wrap .slide_content #slidecounter {color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
.ex_ct .slide_wrap .slide_content #slidecaption {overflow:hidden;margin:0;color:#5f4b33;height:60px;width:870px;}
.ex_ct .slide_wrap .slide_content #controls-wrapper { clear:both;z-index: 4;}
.ex_ct .slide_wrap .slide_content #controls-wrapper #controls { overflow:hidden; position:relative; z-index:5;}
.ex_ct .slide_wrap .slide_content #controls-wrapper #controls #slide-list{overflow: hidden; padding-top: 13px;width: 200px;margin:0 auto; }
.ex_ct .slide_wrap .slide_content #controls-wrapper #controls #slide-list li{ list-style:none; width:12px; height:16px; float:left; margin:0 10px 0 0; }
.ex_ct .slide_wrap .slide_content #controls-wrapper #controls #slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{background-position:0 0}
.ex_ct .slide_wrap .slide_content #controls-wrapper #controls #slide-list li a{ display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat -18px 0}
.ex_ct .slide_wrap .slide_content #controls-wrapper #controls #slide-list li a:hover{ background-position:0 0;cursor:pointer; }

#supersized-loader {position:absolute;left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:500px; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:500px; }
#supersized a { width:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#eeeee2;  url(../img/progress.gif) no-repeat center center; width:100%;}
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

#mainContentWrap { background: url(../img/bg.gif) repeat; width: 100%; overflow: hidden; position: relative;}
#mainContentWrap #mainContent { margin: 0px auto; width: 871px; overflow: hidden; position: relative;}
#mainContentWrap #mainContent .line { height: 35px; border-bottom: 1px solid #5f4b33; margin: 30px 0 0 0; overflow: hidden; }
#mainContentWrap #mainContent .line li{float:left;margin-left:50px;width:240px;}
#mainContentWrap #mainContent .boxBoder { height: 236px; width: 871px; margin: 20px 0 0 0; overflow: hidden; }
#mainContentWrap #mainContent .boxBoder li{float:left;}
#mainContentWrap #mainContent #storeInfo { height: 92px; width: 882px; overflow: hidden; position: relative; margin:20px -11px 0 0;}
#mainContentWrap #mainContent #storeInfo li{float:left;margin:0 11px 0 0;}
#mainContentWrap #mainContent #faceBook { width: 871px;text-align:right;margin:60px 0 0 0; }

.footer_wrap { position: relative; width: 100%; height: 55px;background-color:#eeeee2}
.footer_wrap .footer {margin:0 auto 0 auto;width:871px;text-align:center;padding:20px 0;}
.footer_wrap .footer a{padding:0 30px;}

#navigation { float:right; margin:0px 20px 0 0; }				
#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url('../img/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url('../img/progress-bar.png') repeat-x; }