/* RESET */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {font-weight:normal; font-style:normal; font-family:ng; src: url('/css/font/NanumGothic.eot'); src: local('☺'), url('/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/css/font/NanumGothic.woff') format('woff'), url('/css/font/NanumGothic.ttf') format('truetype')}
@font-face {font-weight: normal; font-style: normal; font-family:ngb; src: url('/css/font/NanumGothicBold.eot'); src: url('/css/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('/css/font/NanumGothicBold.woff') format('woff'),url('/css/font/NanumGothicBold.ttf') format('truetype')}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	text-align:left;
	/*vertical-align: baseline;*/
	letter-spacing:normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 18px; font-family:"Nanum Gothic", Dotum; font-size:12px; color:#666;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {display:none;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#ec1c25;}
/*** LAYOUT ******************************************************************/

#wrap {width:1000px; margin:0 auto;}
#header {height:113px;}
#container {background:url(../images/common/bg_container.gif) repeat-y top left;}
#container:after {display:block;clear:both;content:''}
.snb {float:left; width:217px;}
.content {float:right; width:740px; }
#footer {background:#f5f5f5; width:100%;}
.foot {width:1000px; margin:0 auto;}

/*** HEADER ******************************************************************/
#header {position:relative;}
#header h1 {width:217px; border-bottom:4px solid #ec1c25; height:94px; padding-top:15px; text-align:center; vertical-align:middle; }
#header ul.tmenu {position:absolute; top:50px; right:0;}
#header ul.tmenu li{float:left;}
#header ul.tmenu li:first-child a {width:111px;}
#header ul.tmenu li a {display:inline-block; padding:7px 20px 0 20px; line-height:20px; font-size:17px; font-family:ngb; text-align:center; }
#header ul.tmenu li a span {font-size:12px; color:#999; font-weight:normal}
#header ul.tmenu li.line2 a {line-height:16px !important; margin-top:-12px; font-size:15px; font-style:normal;}
#header ul.tmenu li.line2 em {font-size:12px;}
#header ul.tmenu li.line2 a i {font-size:7px; vertical-align:baseline;}
#header ul.tmenu li a:hover, #header ul.tmenu li a.on {text-decoration:none; color:#ec1c25;}
#header p.gnb {color:#d7d7d7; position:absolute; top:15px; right:20px; line-height:16px;}
#header p.gnb a {color:#666; padding:0 5px;}
#header p.gnb a:hover {color:#e37915;}
#header dl.global {position:absolute; top:13px; right:300px;}
#header dl.global dt { float:left; padding-right:5px;}
#header dl.global dd{float:left; padding-right:5px;}
#header dl.global dd img {vertical-align:middle}
#header dl.global dd a { font-family:ngb;color:#999; font-size:11px; line-height:18px;}

/*** SUB-SNB ******************************************************************/
/** .snb h2 {line-height:40px; font-size:24px;  font-family:ngb; padding:110px 0 22px 0; width:216px; text-align:center; background-color:#f5f5f5; background-repeat:no-repeat; color:#333;} **/
.snb h2 {line-height:40px; font-size:24px;  font-family:ngb; padding:0 0 0 0; width:216px; height:172px; text-align:center; background-color:#f5f5f5; background-repeat:no-repeat; color:#333;}
.snb h2.line2 {line-height:28px;}
..snb h2.line2 em {font-size:20px;}
.snb h2.line2 em i {font-style:normal; font-size:16px; vertical-align:baseline}
.snb h2#line2 {line-height:30px;}
.snb h2#line2 em {font-size:20px;}
.snb h2#line2 em i {font-style:normal; font-size:16px; vertical-align:baseline}
.snb h2#shop {background-image:url(../images/common/h2_shop.png);}
.snb h2#galan {background-image:url(../images/common/h2_galan.png);}
.snb h2#prdt {background-image:url(../images/common/h2_prdt.png);}
.snb h2#self {background-image:url(../images/common/h2_self.png);}
.snb h2#info {background-image:url(../images/common/h2_info.png);}
.snb h2#as {background-image:url(../images/common/h2_as.png);}
.snb h2#mypage {background-image:url(../images/common/h2_mypage.png);}
.snb ul.lmenu {border-bottom:1px solid #d6d6d6; }
.snb ul.lmenu > li > a{border-top:1px solid #d6d6d6; display:block; padding-left:16px; width:200px; font-size:15px;  font-family:ngb;height:45px; line-height:45px; }
.snb ul.lmenu > li > a:hover, .snb ul.lmenu li a.on{color:#fff; background:url(../images/common/lmenu_bg.gif) no-repeat 196px 16px #5d5d5d; text-decoration:none;}
.snb ul.lmenu > li > ul.sublmenu {padding:10px; border-top:1px dotted #d1d1d1;}
.snb ul.lmenu > li > ul.sublmenu li a {display:block; line-height:23px; background:url(../images/common/bg_sublmenuoff.gif) no-repeat 6px 10px; padding-left: 15px;}
.snb ul.lmenu > li > ul.sublmenu li a:hover, .snb ul.lmenu > li > ul.sublmenu li a.on {background:url(../images/common/bg_sublmenuon.gif) no-repeat 6px 10px; color:#ec1c25; text-decoration:none;}

/*** SUB-CONTAINER ******************************************************************/
.conTitle {height:212px; position:relative; border-bottom:1px solid #464646; background:no-repeat top right;font-family:"Nanum Gothic";}
.visualShop {background-image:url(../images/common/visual_shop.png);}
.visualGalan {background-image:url(../images/common/visual_galan.png);}
.visualPrdt {background-image:url(../images/common/visual_Prdt.png);}
.visualSelf {background-image:url(../images/common/visual_Self.png);}
.visualInfo {background-image:url(../images/common/visual_info.png);}
.visualAs {background-image:url(../images/common/visual_as.png);}
.visualMypage {background-image:url(../images/common/visual_mypage.png);}
.conTitle p.location {font-size:11px; padding-top:58px; line-height:18px; color:#888;}
.conTitle p.location span {color:#ec1c25; line-height:18px;}
.conTitle p.location span i {font-style:normal; font-size:11px;}
.conTitle h3 {font-size:30px; font-family:ngb;color:#121212; line-height:50px; margin-top:23px;}
.conTitle.visualShop h3{line-height:26px; margin-top:10px; margin-bottom:10px;}
.conTitle.visualShop h3 em {font-size:22px;}
.conTitle.visualShop h3 em i{font-style:normal; font-size:18px; vertical-align:baseline;}
.conTitle.visualShop h3 span {padding-top:5px;}
.conTitle h3 span {font-size:20px; font-weight:bold; color:#333333}
.conTitle span {color:#E60012;font-size:14px; line-height: 20px;font-family:"Nanum Gothic";}
.conWrap {min-height:500px; padding:20px 0 ;}


/*** FOOTER ******************************************************************/
.foot {position:relative; min-height:122px;}
.foot:after {display:block;clear:both;content:''}
.foot h4 {float:left; padding:27px 0 0 0; background:none; margin:0;}
.foot .address {float:right; width:740px;}
.foot .address p.fmenu {padding-top:19px; padding-bottom:10px; color:#ccc; font-size:12px;}
.foot .address p.fmenu a {display:inline-block; padding:0 10px; line-height:20px; font-family:"Nanum Gothic";}
.foot .address p.fmenu a:first-child {padding-left:0;}
.foot .address p {line-height:16px; color:#999; font-size:11px;}
.foot .address p span {padding:0 10px; color:#ccc;}
.foot p.partner {position:absolute; top:30px; right:0;}