@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:12px/1.5 "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#333; background-color:#fff; letter-spacing:-0.5px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:12px/1.5 "Nanum Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#333;vertical-align:middle; letter-spacing:-0.5px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{max-width:100%;border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#333;text-decoration:none; vertical-align:middle;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:5px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px; vertical-align:middle;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;}
select{border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Layout */
#wrap{min-width:1000px;}
#header{border-bottom:1px solid #e8e8e8;}
#header .body{width:1000px; margin:0 auto; position:relative; z-index:1}
#header .gnb{height:28px; background:#1e1e1e; border-bottom:1px solid #e8e8e8;}
#header .gnb .body{overflow:hidden;}
#header .gnb ul{padding:7px 0 0; float:right;}
#header .gnb ul:after{content:''; display:block; clear:both;}
#header .gnb ul li{padding:0 9px; float:left; font-size:10px; font-weight:bold; letter-spacing:0; background:url('../image/ico/ico_part.png') left center no-repeat;}
#header .gnb ul li:first-child{background:none;}
#header .gnb ul li a{color:#fff; text-decoration:none;}
#header .gnb ul li.admin a{color:#fff}
#header h1{padding:36px 0 24px; display:inline-block; position:relative; z-index:2}
#header .lnbWrap{width:100%; height:82px; position:absolute; left:0; top:0; overflow:hidden; background:url('../image/lnb_bg.png') top repeat-x;}
#header .lnbWrap .productItem{padding:20px 0 0 140px; position:absolute; left:41px; top:119px; background:url('../image/lnb_product.png') left 5px no-repeat;}
#header .lnbWrap .productItem strong{font-size:23px; font-weight:bold; color:#2f2c2d;}
#header .lnbWrap .productItem p{padding:5px 0 20px; font-size:11px; color:#666;}
#header .lnbWrap .productItem a{padding-right:8px; display:inline-block; background:url('../image/ico/ico_arrow.png') right center no-repeat; font-size:11px; color:#333;}
#header .lnbWrap .inner{display:table; float:right; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
#header .lnb{display:table-row;}
#header .lnb>li{width:140px; display:table-cell; font-size:16px; font-weight:bold; border-left:1px solid #ddd;}
#header .lnb>li>a{width:100%; height:44px; padding:38px 0 0; display:block; text-align:center; color:#444; background:#fff; margin-left:-1px; position:relative;}
#header .lnb>li.active>a{color:#e62625;}
#header .lnb li ul.ver1 li a{padding-left:42px;}
#header .lnb li ul.ver2 li a{padding-left:42px;}
#header .lnb li ul.ver3 li a{padding-left:32px;}
#header .lnb li ul.ver4 li a{padding-left:30px;}

#header .lnb li ul{padding:10px 0 15px;}
#header .lnb li ul li{font-size:12px; font-weight:bold;text-align:left;}
#header .lnb li ul li a{padding:2px 0; color:#333; display:block;}
#header .lnb li ul li a:hover,#header .lnb li ul li.active a{background:#e62625; font-weight:bold; color:#fff;}

/*
#header .lnb li ul.ver1{padding-left:42px;}
#header .lnb li ul.ver2{padding-left:42px;}
#header .lnb li ul.ver3{padding-left:32px;}
#header .lnb li ul.ver4{padding-left:30px;}

#header .lnb li ul{padding:10px 0;}
#header .lnb li ul li{font-size:12px; font-weight:100;text-align:left;}
#header .lnb li ul li a{padding:2px 5px; color:#666; display:inline-block;}
#header .lnb li ul li a:hover,#header .lnb li ul li.active a{background:#e62625; font-weight:bold; color:#fff;}
*/

#container{width:100%; overflow:hidden;}
#container .body{width:1000px; margin:0 auto; background:url('../image/sub/snb_bg.png') left repeat-y;}
#container .body:after{content:''; display:block; clear:both;}

#footer{padding:40px 0; line-height:18px; color:#767676; border-top:1px solid #e8e8e8;}
#footer .body{width:1000px; margin:0 auto; text-align:center;}
#footer .f_logo{}
#footer .f_cont{padding:15px 0 0;}
#footer .f_cont .adress{text-align:center;}
#footer .f_cont .copyright{}
#footer .f_cont .part{width:18px; height:18px; display:inline-block; background:url('../image/ico/ico_part02.png') center center no-repeat; vertical-align:-5px}

/* main */
.mainVisual{width:1000px; height:579px; margin:0 auto; position:relative}
.mainVisual .itemList{width:1000%; position:absolute; left:-100%; top:0; overflow:hidden;}
.mainVisual .itemList li{width:10%; float:left; position:relative}
.mainVisual .itemList li .dim{width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:.6; filter:alpha(opacity=60);}
.mainVisual .itemList li.active .dim{display:none;}
.mainVisual .controller a{margin-top:-31px; position:absolute; top:50%;}
.mainVisual .controller a.prv{left:-59px;}
.mainVisual .controller a.next{right:-59px;}
.mainVisual .text{position:absolute; left:42px; bottom:35px;}

/* sub */
.subVisual{height:181px; font-size:0; line-height:0; text-indent:-9999px;background:#525559 url('../image/sub/visual05.jpg') center top no-repeat;}
.subVisual.ver1{background:#525559 url('../image/sub/visual01.jpg') center top no-repeat;}
.subVisual.ver2{background:#525559 url('../image/sub/visual02.jpg') center top no-repeat;}
.subVisual.ver3{background:#525559 url('../image/sub/visual03.jpg') center top no-repeat;}
.subVisual.ver4{background:#525559 url('../image/sub/visual04.jpg') center top no-repeat;}
.subVisual.ver5{background:#525559 url('../image/sub/visual05.jpg') center top no-repeat;}
/* .subVisual.versitemap{background:#000 url('../image/sub/visualcom.jpg') center top no-repeat;} */
#snb{width:172px; float:left;}
#snb h2{padding:11px 0; background:#e62625; text-align:center; font-size:16px; font-weight:bold; color:#fff;text-transform:capitalize;}
#snb .nav{margin:0 1px; background:#fff;}
#snb .nav li{font-size:14px; border-bottom:1px solid #e0e0e0; background:url('../image/ico/ico_snb_bullet.png') 149px 50% no-repeat;}
#snb .nav li.active{background-image:url('../image/ico/ico_snb_bullet_active.png');}
#snb .nav li a{padding:12px 14px; display:block; color:#333;}
#snb .nav li.active a{font-weight:800; color:#e62625;}
#snb .addNav{padding:10px;}
#snb .addNav li{border-top:1px solid #fff;}
#snb .addNav li:first-child{border-top:0; border-bottom:1px solid #e8e8e8;}
#snb .addNav li a,#snb .addNav li span{padding:18px 0 18px 45px; display:block; font-size:12px; color:#666;}
#snb .addNav li strong{margin-bottom:3px; display:block; font-weight:bold; color:#363636;}
#snb .addNav li em{display:block; font-weight:bold; color:#e62625;}
#snb .addNav li.mail{background:url('../image/ico/ico_mail.png') left 20px no-repeat;}
#snb .addNav li.tel{background:url('../image/ico/ico_tel.png') left 20px no-repeat;}
#contents{width:100%; padding:66px 0;}
#snb+#contents{width:793px; padding-left:35px; float:left;}
#contents h3{padding-bottom:15px; font-size:25px; font-weight:bold; color:#1e1e1e; text-transform:capitalize; border-bottom:1px solid #e0e0e0}
.location{margin:-36px 0 43px; font-size:12px; font-weight:bold; color:#b6b6b6; text-align:right;}
.location a{margin:0 4px; color:#b6b6b6;}
.location .current,.location a.current{color:#e62625;text-transform:capitalize;}

.map{width:791px; height:466px; margin:0 0 20px; border:1px solid #e2e2e2; overflow:hidden;}
.location_ul {border-color:#d41010 #e3e3e3 #e3e3e3;border-right:1px solid #e3e3e3;border-style:solid;border-width:1px;padding:12px 19px;}
.location_ul.ver2 {border-right:none;}
.location_ul li {color:#333;font-size:13px;margin:0;padding:0;}
.location_ul li strong {width:60px;border-right:1px solid #e3e3e3;color:#000;display:inline-block;font-weight:bold;margin-right:18px;padding-right:20px;}
.location_ul li em {letter-spacing:-1px;}

/* common */
.categoryWrap{margin-bottom:15px; padding:15px 0; border:1px solid #e4e4e4; background:#f9f9f9;}
.categoryWrap ul{text-align:center;}
.categoryWrap ul li{padding:0 16px; display:inline-block; font-size:12px; background:url('../image/ico/ico_part03.png') left center no-repeat;}
.categoryWrap ul li:first-child{background:none;}
.categoryWrap ul li a{color:#666; text-decoration:none;}
.categoryWrap ul li.active a{font-weight:bold; color:#e62625;}

.ready{height:400px; background:url('../image/sub/ready.png') center center no-repeat; font-size:0; line-height:0; text-indent:-99999px;}
.btnWrap{padding:22px 0 0; border-top:1px solid #efefef; overflow:hidden}
.btnCenter{text-align:center;}
.btnA{display:inline-block; font-size:0; line-height:0; text-shadow:0 1px 2px #555;}
.btnA span{height:33px; padding:0 24px; display:block; border:1px solid #ff7a7a; background:#e62625; text-align:center; font-size:14px; line-height:33px; font-weight:bold; color:#fff;}
a.btnA{color:#fff; text-decoration:none}

/* page */
.headline{padding:0 0 19px 0; font-size:13px; color:#333;}
.headline strong{margin-bottom:6px; display:block; font-size:20px; font-weight:bold; color:#343434}
.headline strong em{font-size:14px; font-weight:bold;}
.imgCont{margin-bottom:23px;}
.boxA{padding:24px 0 0; background:url('../image/ico/bullet.png') left top no-repeat; font-size:13px; line-height:20px; color:#333;}
.boxA .inner{padding:29px; background:#f7f7f7; text-align:justify;}
.boxA em{font-weight:bold; color:#333}

.greeting_cont{height:600px; background:url('') center top no-repeat; font-size:13px; line-height:25px; color:#333;}
.greeting_cont em{font-weight:bold;}
.greeting_cont .inner{padding:16px 16px; text-align:left;}

.orderGuide{margin-bottom:32px; display:table; table-layout:fixed; border-collapse:collapse; border-spacing:0}
.orderGuide li{display:table-row;}
.orderGuide li .orderImg{padding:15px 0; display:table-cell;}
.orderGuide li .cont{padding:0 0 0 43px; display:table-cell; font-size:13px; color:#777; vertical-align:middle;}
.orderGuide li .cont strong{width:100%; padding-top:5px; display:inline-block; font-size:40px; font-weight:800; color:#7b7b7b; background:url('../image/ico/bullet02.png') 2px top no-repeat;}
.orderGuide li .cont em{width:100%; margin-bottom:7px; display:inline-block; font-size:18px; font-weight:bold; color:#1e1e1e}

/* main email */
.layerpop{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;padding:200px 0 0;}
.layerpop .shadow{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layerpop .inner{position:relative;width:500px;margin:0 auto;padding:5px 20px;border:1px solid #dcdcdc;background:#fff;}
.layerpop h4{padding:12px 0 10px 0; font-size:18px; font-weight:bold; color:#000}
.layerpop .cont + .close{width:20px; height:20px; position:absolute;right:25px;top:20px;}
.layerpop .submitbox{margin:15px 0 0;padding-top:0;text-align:center;}

#layerTable table{border-top:2px solid #2c2c2c;}
#layerTable table th,
#layerTable table td{padding:10px;border-bottom:1px dotted #cfcfcf;vertical-align:middle;}
#layerTable td {padding:2px 0 2px 0;}
#layerTable .editbox {padding:15px 0 15px 0;}
#layerTable .require{color:#f00;}
#layerTable th{font-weight:bold;background:#f8f8f8;color:#222;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#layerTable td input[type="text"] {height:18px;}
#layerTable td select {padding:2px 2px 2px 0;}