@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
list-style:none;
}

*{-webkit-text-size-adjust:none;}
body {font-family:'Nanum Gothic','³ª´®°íµñ','Malgun Gothic','Helvetica','Tahoma',dotum,'µ¸¿ò',gulim,'±¼¸²',sans-serif; color:#2c2c2c;}
html, body{height:100%;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}

nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}

table {table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;}
table caption{height:0;font-size:0;visibility:hidden;}
table th,
table td {vertical-align:middle;}

input[type=text],
input[type=password],
input[type=number],
input[type=image] {background:none; border:1px solid #cfcfcf; border-radius:0; margin:0; vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=radio],
input[type=checkbox] {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}



.check_wrap {position:relative;}
.check_wrap input[type=checkbox] {display:block; position:absolute; top:50%; left:0; margin-top:-10px;}
.check_wrap input[type=radio] {display:block; position:absolute; top:50%; left:0; margin-top:-10px;}
.check_wrap label {display:inline-block; margin-left:22px; font-size:14px;}

textarea {margin:0; padding:0; width:100%; border:1px solid #ededed}

/* change border colour to suit your needs */
hr {display:none; height:0px; margin:0; padding:0; border:0; border-top:1px solid #ccc;}
select, img {vertical-align:middle;}
a {color:#2c2c2c; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}
legend{overflow:hidden;width:0;height:0;font-size:0;visibility:visible;}

h1, h2, h3, h4, h5, h6{color:#333;line-height:1.3em;font-weight:900;}
img{max-width:100%;}
.imgs{max-width:100%; min-width:100%;}
li{line-height:1.3em;}
em,address{font-style:normal;}



/* radio button */
input[type="radio"] {width:19px; height:19px; border:0; display:inline-block;
 -webkit-appearance:none;
 -webkit-border-radius:0;
background:url('../images/radio_off.png') no-repeat left top; background-size:19px auto;}
input[type="radio"]:checked {background:url('../images/radio_on.png') no-repeat left top; background-size:100% auto;}
/* //radio button */

/**/
.noLst {width:100% !important; padding:20px 0 !important; text-align:center !important;}
.btn_c {width:100%; text-align:center;}
.btn_c a {display:inline-block; margin-left:2px;}
.btn_r {padding-right:15px; text-align:right;}
.btn_brown {border:1px solid #6d6d6d; color:#fff; text-align:center;
	-webkit-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	-moz-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	background: -moz-linear-gradient(top,  #8c7954 0%, #6f5c37 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c7954), color-stop(100%,#6f5c37));
	background: -webkit-linear-gradient(top,  #8c7954 0%,#6f5c37 100%);
	background: -o-linear-gradient(top,  #8c7954 0%,#6f5c37 100%);
	background: -ms-linear-gradient(top,  #8c7954 0%,#6f5c37 100%);
	background: linear-gradient(to bottom,  #8c7954 0%,#6f5c37 100%);
}
.btn_black {display:inline-block; position:relative; padding:9px 0; border:1px solid #6d6d6d; text-align:center; color:#fff;
	-webkit-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	-moz-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	background: -moz-linear-gradient(top,  #484848 0%, #2a2a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#2a2a2a));
	background: -webkit-linear-gradient(top,  #484848 0%,#2a2a2a 100%);
	background: -o-linear-gradient(top,  #484848 0%,#2a2a2a 100%);
	background: -ms-linear-gradient(top,  #484848 0%,#2a2a2a 100%);
	background: linear-gradient(to bottom,  #484848 0%,#2a2a2a 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn_facebook {display:inline-block; position:relative; padding:9px 0; border:1px solid #6d6d6d; text-align:center; color:#2e2e2e;
	-webkit-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	-moz-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_facebook img {height:12px; margin-right:8px;}

.btn_gray {display:inline-block; position:relative; padding:9px 0; border:1px solid #6d6d6d; text-align:center; color:#fff;
	-webkit-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	-moz-box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	box-shadow:inset 0px 0px 4px rgba(255,255,255,.2);
	background: -moz-linear-gradient(top,  #797979 0%, #5a5a5a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#5a5a5a));
	background: -webkit-linear-gradient(top,  #797979 0%,#5a5a5a 100%);
	background: -o-linear-gradient(top,  #797979 0%,#5a5a5a 100%);
	background: -ms-linear-gradient(top,  #797979 0%,#5a5a5a 100%);
	background: linear-gradient(to bottom,  #797979 0%,#5a5a5a 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_gray img {height:12px; margin-right:8px;}
.more.btn_gray {width:90.625%; margin:0 auto;}
.more.btn_gray:before {content:""; display:block; position:absolute; top:50%; left:60%; background:#fff; width:1px; height:11px; margin-top:-5.5px;}
.more.btn_gray:after {content:""; display:block; position:absolute; top:50%; left:60%; background:#fff; width:11px; height:1px; margin:0 0 0 -5px;}

.btn_detail {display:inline-block; position:relative; background:#faf8f8; padding:9px 35px 9px 14px; border:2px solid #e5e5e5; color:#666; font-weight:bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	background: -moz-linear-gradient(top,  #faf8f8 0%, #f5f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf8f8), color-stop(100%,#f5f3f3));
	background: -webkit-linear-gradient(top,  #faf8f8 0%,#f5f3f3 100%);
	background: -o-linear-gradient(top,  #faf8f8 0%,#f5f3f3 100%);
	background: -ms-linear-gradient(top,  #faf8f8 0%,#f5f3f3 100%);
	background: linear-gradient(to bottom,  #faf8f8 0%,#f5f3f3 100%);
}
.btn_detail:before {content:""; display:block; position:absolute; top:50%; left:75%; background:#666; width:1px; height:11px; margin-top:-5.5px;}
.btn_detail:after {content:""; display:block; position:absolute; top:50%; left:75%; background:#666; width:11px; height:1px; margin:0 0 0 -5px;}

.tab {position:relative; width:90.78%; margin:23.5px auto 21px auto; border:1px solid #a4a4a4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tab ul {display:table; width:100%;}
.tab.ty2 ul li {display:table-cell; position:relative; width:50%;}
.tab.ty2 ul li:nth-child(1):after {content:""; display:block; position:absolute; top:13px; right:0; background:#d5d5d5; width:1px; height:11px;}
.tab.ty3 ul li {display:table-cell; position:relative; width:33.3%;}
.tab.ty3 ul li:nth-child(2):before {content:""; display:block; position:absolute; top:13px; left:0; background:#d5d5d5; width:1px; height:11px;}
.tab.ty3 ul li:nth-child(2):after {content:""; display:block; position:absolute; top:13px; right:0; background:#d5d5d5; width:1px; height:11px;}
.tab ul li a {display:block; position:relative; padding:12px 0; color:#666; text-align:center; font-weight:bold;}
.tab ul li.on a {color:#2c2c2c;}
.tab ul li.on a:after {content:""; display:block; position:absolute; bottom:-1px; left:0; background:#a48550; width:100%; height:2px;}

/**/

#wrap {position:relative; overflow:hidden; font-size:12px;z-index:10;}
#wrap:after {content:""; display:block; clear:both;}


#conWrap {position:relative; float:left; width:100%; z-index:10;}
#conWrap .space {position:absolute; top:0; left:0; background:url('../images/bg_space.png') 0 0 repeat; width:100%; z-index:9999;}
#conWrap .space .btn_bNav_c {display:none; position:absolute; top:0; right:0;}
#conWrap .space .btn_bNav_c img {height:41px;}

header {position:relative; width:100%;max-width:640px; margin:0 auto; padding:10px 0 10px 25px;}
header h1 {text-align:left;}
header h1 img {height:50px;}
header a.side_btn {position:absolute; top:9px; right:35px;}
header a.side_btn img {height:50px;}
header a.top_srh {display:block; position:absolute; top:9px; right:15px; background:url('../images/btn_top_srh.gif') 0 0 no-repeat; background-size:47px auto; width:47px; height:42px;}
header a.top_srh.on {background-position:0 -53px;}

header .top_srhBox {display:none; position:absolute; top:9px; left:50%; background:#fff; width:51.25%; margin-left:-25.625%; padding:8px 2.685%; border:1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header .top_srhBox div {margin-right:61.5px;}
header .top_srhBox input[type=text] {width:98%; height:24px; margin:0; padding:0 0 0 2%; border:1px solid #cfcfcf;
	-webkit-box-shadow:inset 3px 3px 4px rgba(0,0,0,.1);
	-moz-box-shadow:inset 3px 3px 4px rgba(0,0,0,.1);
	box-shadow:inset 3px 3px 4px rgba(0,0,0,.1);
}
header .top_srhBox .btn_brown {position:absolute; top:6px; right:8px; width:55px; padding:4px 0;}



footer {position:relative;max-width:640px;margin:0 auto; overflow:hidden; padding-bottom:15px; border-top:1px solid #cdcdcd;}
footer:after {content:""; display:block; position:absolute; top:-12px; left:0; width:100%; height:20px;
	background: -moz-radial-gradient(center, ellipse cover,  #d0d0d0 0%, #ffffff 50%, #ffffff 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d0d0d0), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
	background: -webkit-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#ffffff 50%,#ffffff 100%);
	background: -o-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#ffffff 50%,#ffffff 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#ffffff 50%,#ffffff 100%);
	background: radial-gradient(ellipse at center,  #d0d0d0 0%,#ffffff 50%,#ffffff 100%)
}
footer .f_menu {position:relative;}
footer .f_menu ul {display:table; width:100%;}
footer .f_menu ul li {display:table-cell; position:relative; width:25%;}

footer .f_menu ul li a {display:block; padding:10px; color:#1e1e1e; text-align:center; font-weight:bold;}
footer a.btn_f {position:absolute; top:9px; right:4.6%;}
footer a.btn_f img {height:23px;}

footer .add {border-top:1px solid #cdcdcd; color:#aaa; padding-top:15px; font-size:11px; font-weight:bold; line-height:14px; text-align:center;}
footer .add address {padding-top:15px;}


aside {position:relative; float:right; background:#fff; width:245px; margin-right:-245px; z-index:15;}
aside .btn_close {display:none; position:absolute; top:0; left:-47px;}
aside .btn_close img {height:41px;}

aside h1 {padding:14px 0; text-align:center;}
aside h1 img {height:34px;}
aside .dep1 {border-top:1px solid #000;}
aside .dep1 > li > a {display:block; background:#666; padding:13px 0 13px 15px; border-top:1px solid #b3b3b3; border-bottom:1px solid #333; color:#fff; letter-spacing:-.25px; font-weight:bold; font-size:17px;}
aside .dep1 > li:first-child > a {border-top:0 none;}

aside .dep2 {}
aside .dep2 > li > a {display:block; padding:13px 0 13px 15px; border-top:1px solid #fff; border-bottom:1px solid #7b7b7b; font-size:14px; letter-spacing:-.25px; color:#2c2c2c; font-weight:bold;}

aside .dep3 {position:relative; overflow:hidden;}
aside .dep3:after {content:""; display:block; position:absolute; top:-11px; left:0; width:100%; height:20px;
	background: -moz-radial-gradient(center, ellipse cover,  #d0d0d0 0%, #f7f7f7 50%, #f7f7f7 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#d0d0d0), color-stop(50%,#f7f7f7), color-stop(100%,#f7f7f7));
	background: -webkit-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#f7f7f7 50%,#f7f7f7 100%);
	background: -o-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#f7f7f7 50%,#f7f7f7 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #d0d0d0 0%,#f7f7f7 50%,#ffffff 100%);
	background: radial-gradient(ellipse at center,  #d0d0d0 0%,#f7f7f7 50%,#f7f7f7 100%)
}
aside .dep3 > li > a {display:block; background:#f7f7f7; padding:13px 0 13px 15px; border-bottom:1px solid #dcdcdc; font-size:12px; font-weight:bold; color:#2c2c2c; letter-spacing:-.25px;}

aside .dep4 {}
aside .dep4 > li > a {display:block; padding:7px 0 7px 25px; color:#777; font-size:11px; letter-spacing:-.25px;}
aside .dep4 > li:first-child > a {padding-top:17px;}
aside .dep4 > li:last-child > a {padding-bottom:17px; border-bottom:1px solid #dcdcdc;}

aside .dep1 > .arrow > a {background:#666 url('../images/ico_arrow_white.png') 212px -41px no-repeat; background-size:18px auto;}
aside .dep1 > .arrow.on > a {background-position:212px 14px;}
aside .dep2 > .arrow > a {background:url('../images/ico_arrow_gray.png') 212px -41px no-repeat; background-size:18px auto;}
aside .dep2 > .arrow.on > a {background-position:212px 14px;}