@import url("common.css");
@import url("main.css");
@import url("shopping.css");

/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- ±âÁ¸¿¡ ÀÖ´ø °Í */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {

  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}


html, body {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font-family:"µ¸¿ò, dotum, verdana";
	font-size:12px;
	line-height:140%;
	color: #777;
}
html {
	height:100%;
	overflow-y:scroll;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #bec2c3;
	scrollbar-highlight-color: #bec2c3;
	scrollbar-3dlight-color: #e7e9eb;
	scrollbar-darkshadow-color: #e7e9eb;
	scrollbar-track-color: #e8eaeb;
	scrollbar-arrow-color: #ccc;
}
td, th, table, body, textarea, select, input, dt, dd {
	font-size: 12px;
	font-family:µ¸¿ò, dotum, verdana;
}
input, textarea {
	color:#777;
	border:1px solid #ccc;
	background:#fbfafa;
	color:#000;
}
a:link {
	COLOR: #777;
	text-decoration: none
}
a:visited {
	COLOR: #777;
	text-decoration: none
}
a:active {
	COLOR: #777;
	text-decoration: none
}
a:hover {
	COLOR: #000;
	text-decoration:underline;
}
ul, ol, li {
	list-style:none outside;
}
table {
	border-collapse:collapse;
}
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, em, p {
	margin:0;
	padding:0;
}
fieldset {
	border:0 none;
}
img, fieldset {
	border:0 none;
}
.png {
	display:block;
	vertical-align:top;
	border:0;
	_behavior:url("/css/iepngfix.htc");
}
:focus {
	-moz-outline-style: none;
} /* for Firefox */
a, area {
blr:expression(this.onFocus=this.blur())
} /* for IE */
h1, h2, h3, h4, h5, h6 {
	/*display:none;*/
}
h1, h2, h3, h4, h5, h6 {
	line-height: 120%;
}



.list {border-top:2px solid #1c1815; border-bottom:1px solid #1c1815;}

 /*³×ºñ*/

#nav{margin-top:0px; float:left; width:418px;}
#nav ul, #nav li {margin:0;}
#nav li {list-style:none; float:left;}
#nav a {display:block; 	padding-top:0px; font-weight:bold; text-decoration:none;}
#nav li ul {display:none; position:absolute; liÀÇ ÀÚ½ÄÀÎ ulÀ» ¼û°ÜµÓ´Ï´Ù.;}
#nav li.on ul {display:block;  È°¼ºÈ­µÈ liÀÇ ÀÚ½ÄÀÎ ul¸¸ º¸¿©ÁÝ´Ï´Ù. }

#nav .menu1 ul{width:690px;}
#nav .bmenu1, .bmenu2, .bmenu3, .bmenu4, .bmenu5, .bmenu6{float:left; position:absolute; margin-top:0px;}
#nav .bmenu1{margin-left:0px;}
#nav .bmenu2{margin-left:100px;}
#nav .bmenu3{margin-left:200px;}
#nav .bmenu4{margin-left:320px;}

#nav .smenu1, .smenu2, .smenu3, .smenu4, .smenu5, .smenu6{width:750px; float:left; margin-top:0px;}
#nav .smenu1{margin-top:60px;}
#nav .smenu2{margin-top:60px;}
#nav .smenu3{margin-top:60px;}
#nav .smenu4{margin-top:60px;}
#nav .smenu5{margin-top:60px;margin-left:-50px;}
#nav .smenu6{margin-top:60px;}



/*½ºÅ¸ÀÏÀû¿ë*/
.title01{color:#41b16b;  font-weight:bold; text-align:center; height:50px; padding-top:2px;}
.title02{color:#e7bf06;  font-weight:bold; text-align:center; height:50px; padding-top:2px;}
.title03{color:#f2739a;  font-weight:bold; text-align:center; height:50px; padding-top:2px;}
.title04{color:#f3175a;  font-weight:bold; text-align:center; height:50px; padding-top:2px;}


/*view*/

.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

.view_wrap {width:960px; margin:0 auto;}
.view_top {width:100%; overflow:hidden;}
.view_top .view_img {float:left; width:420px; height:420px; border:1px solid #eaeaea;}
.view_top .view_img h4 {text-align:center;}
.view_top .view_img h4 img {height:100%; }
.view_top .view_txt {float:left; width:410px; height:420px; margin-left:50px; padding-left:50px; background:url(/images/sub02/view_line01.jpg) no-repeat left top; position:relative; }
.view_top .view_txt .txt_wrap {height:auto ;position:absolute; left:50px; top:30%;}
.view_top .view_txt .txt_wrap h4 {font-family: 'Nanum Gothic'; font-size:20px; font-weight:bold; color:#333;}
.view_top .view_txt .txt_wrap h5 {font-size:14px; line-height:22px; color:#777; font-weight:normal; margin-top:20px;}
.view_top .view_txt .txt_wrap .list_btn01 {text-decoration:none;display:block; width:100px; height:35px; background:#d1d303; color:#fff; font-family: 'Nanum Gothic'; font-size:12px; text-align:center; line-height:35px; margin-top:50px;}
.view_bottom {margin-top:50px; width:100%; }
.view_bottom .view_tab01 {width:100%; border-bottom:1px solid #eaeaea; height:40px; margin-bottom:20px;}
.view_bottom .view_tab01 li {font-family: 'Nanum Gothic'; font-size:12px;float:left; width:170px; height:40px; border-right:1px solid #eaeaea; border-left:1px solid #eaeaea; border-top:2px solid #d1d303; text-align:center; line-height:40px; position:relative;}
.view_bottom .view_tab01 li::before {width:170px; height:1px; content:''; position:absolute ; left:0; bottom:1px; background:#fff;}