/* -------------------------------- 

Primary style

-------------------------------- */


html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  margin:0;
}

body {  
  font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif;
  font-size:12pt;
  line-height:24px;
  margin:0;
}


img {

vertical-align:middle;
border: none;

}

select {

font-size:12pt;
vertical-align:middle;
border: none;
font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif;

}

.tt {

font-size:11pt;
color:#545454;
padding:0 0 0 16px;

}

ul.top_left {

float: left;
width:232px;
height: 34px;
}


ul.top_left > li {

float: left;
padding:7px 5px;
font-family:Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic;
font-size:9pt;color:#d9d9d9;word-wrap:break-word;word-break:break-all;
text-align:center;
z-index:99999;

}

ul.top_right {

float: left;
width:325px;
height: 34px;
}


ul.top_right > li {

float: left;
padding:7px 6px;
font-family:Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic;
font-size:9pt;color:#d9d9d9;word-wrap:break-word;word-break:break-all;
text-align:center;
z-index:99999;

}

ul.m_menu {

margin:0 auto;
width:946px;
height:43px;

}

ul.m_menu > li{
	
	float:left;
	padding:12px 36px;
	font-family:Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic;
	font-size:13pt;line-height:24px;color:#FFFFFF;word-wrap:break-word;word-break:break-all;
	text-align:center;
	z-index:99999;

}

.m_banner3 {

width:780px;height:430px;
margin:0 auto;
left:0px;
margin-left:0px;

}

.m_banner2 {

position: absolute;
width:780px;height:430px;
margin:auto;
left:0; right: 0;
left:50%;margin-left:-500px;

}

.m_slide {
position: absolute;
width:780px;height:430px;
margin:0 auto;

}

.owl-carousel {

width:780px;height:430px;
margin:0 auto;

}

.item {
width:780px;height:430px;
}

#m_slide .item{display:table;width:780px;height:430px;}

#owl-controls{
 position: relative;
 margin:auto;
width:760px;
height:430px;
top:200px;
z-index:1;
}

#owl-controls .customNextBtn{
			float:left;
            display: block;
			z-index:9999;
			 top: 50%;
            left:17px;
			cursor:hand;
          
}

#owl-controls .customPrevBtn{
			float:right;
			 display: block;
			 z-index:9999;
			 top: 50%;
            right:17px;
			cursor:hand;
}

.customNextBtn {

background:url(/image/al.png) no-repeat;
width:31px;
height:31px;


}

.customNextBtn:hover{


background:url(/image/al2.png) no-repeat;
width:31px;
height:31px;


}

.customPrevBtn {

background:url(/image/ar.png) no-repeat;
width:31px;
height:31px;


}

.customPrevBtn:hover{


background:url(/image/ar2.png) no-repeat;
width:31px;
height:31px;

}

.mall_bg {

border:1px solid #dbd5c7;

}


.m_day {

background:url(/image/etc/m_bg.gif) no-repeat;
width:36px;
height:36px;
color:#ffffff;
line-height:17px;
padding-top:3px;
text-align:center;

}

/* ¸ô ŸÀÌƲ */

.sub_sts {

font-size:15pt;
color:#393939;
line-height:18pt;
font-weight:400;

}

.sub_st {

font-size:15pt;
color:#577e12;
line-height:18pt;
font-weight:400;

}

.sub_st2 {

font-size:15pt;
color:#363636;
line-height:18pt;
font-weight:400;

}

.sub_st3 {

font-size:15pt;
color:#8b4a15;
line-height:18pt;
font-weight:400;

}

.sub_st4 {

font-size:15pt;
color:#0d5e82;
line-height:18pt;
font-weight:400;

}

.sub_st5 {

font-size:15pt;
color:#763c90;
line-height:18pt;
font-weight:400;

}

.sub_t {

font-size:19pt;
color:#270a1c;
line-height:24pt;

}

.sub_t2 {

font-size:15pt;
color:#a25362;
line-height:18pt;

}

.sub_t3 {

font-family:Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic;
font-size:9pt;color:#454545;word-wrap:break-word;word-break:break-all;

}

.aff {

  font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif;
  font-size:11pt;
  line-height:21px;

}

.f8 {

  font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic, Malgun Gothic, "µ¸¿ò", Dotum, AppleGothic, sans-serif;
  font-size:9pt;
  line-height:21px;
  text-align:left;

}

#b {

font-weight:bold;

}

.cimg {

vertical-align:middle

}

.pimg {

width:137px;
height:137px;
border:1px solid #ded7c6;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;

}

.pimg2 {

border:1px solid #ded7c6;
margin-top:12px;

}

.CTB {border:1px solid #cccccc;}

.b_view {

font-size:20pt;
line-height:20pt;

}

.btn_rev {height:24px;width:50px;background-color:#FFFFFF;border:1px solid #cccccc;text-align:center; line-height:28px;!important; font-size:10pt;color:#565656;letter-spacing:1.2px; display:inline-block;}
.btn_rev:hover {height:24px;width:50px;background-color:#FFFFFF;border:1px solid #cccccc;text-align:center; line-height:28px;!important; font-size:10pt;color:#000000;letter-spacing:1.2px; display:inline-block;}

A:link		{text-decoration:none;color:#000000;}
A:Visited	{text-decoration:none;color:#000000;}
A:Active 	{text-decoration:none;color:#000000;}
A:hover {text-decoration:none;color:#000000;}

#A_2:link	 {text-decoration:none;color:#000000;}
#A_2:Visited {text-decoration:none;color:#000000;}
#A_2:Active  {text-decoration:none;color:#000000;}
#A_2:hover   {text-decoration:none;color:#000000;}

#A_3:link	 {text-decoration:none;color:#000000;}
#A_3:Visited {text-decoration:none;color:#000000;}
#A_3:Active  {text-decoration:none;color:#000000;}
#A_3:hover   {text-decoration:none;color:#666666;}

#M_1:link	 {text-decoration:none;color:#3e3e3e;}
#M_1:Visited {text-decoration:none;color:#3e3e3e;}
#M_1:Active  {text-decoration:none;color:#3e3e3e;}
#M_1:hover   {text-decoration:none;color:#797878;}

#M_2:link	 {text-decoration:none;color:#FFFFFF;}
#M_2:Visited {text-decoration:none;color:#FFFFFF;}
#M_2:Active  {text-decoration:none;color:#FFFFFF;}
#M_2:hover   {text-decoration:none;color:#d4ee3b;}

#M_3:link	 {text-decoration:none;color:#555555;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#M_3:Visited {text-decoration:none;color:#555555;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#M_3:Active  {text-decoration:none;color:#555555;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#M_3:hover   {text-decoration:none;color:#000000;font-size:12px;line-height:16px;font-family:µ¸¿ò;}


#S_1:link	 {text-decoration:none;color:#252b08;}
#S_1:Visited {text-decoration:none;color:#252b08;}
#S_1:Active  {text-decoration:none;color:#252b08;}
#S_1:hover   {text-decoration:none;color:#697e01;}

#C_1:link	 {text-decoration:none;color:#164971;}
#C_1:Visited {text-decoration:none;color:#164971;}
#C_1:Active  {text-decoration:none;color:#164971;}
#C_1:hover   {text-decoration:none;color:#000000;}

#C_2:link	 {text-decoration:none;color:#565656;}
#C_2:Visited {text-decoration:none;color:#565656;}
#C_2:Active  {text-decoration:none;color:#565656;}
#C_2:hover   {text-decoration:none;color:#000000;}

#C_3:link	 {text-decoration:none;color:#565656;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#C_3:Visited {text-decoration:none;color:#565656;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#C_3:Active  {text-decoration:none;color:#565656;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#C_3:hover   {text-decoration:none;color:#000000;font-size:12px;line-height:16px;font-family:µ¸¿ò;}


#P_1:link	 {text-decoration:none;color:#565656;}
#P_1:Visited {text-decoration:none;color:#565656;}
#P_1:Active  {text-decoration:none;color:#565656;}
#P_1:hover   {text-decoration:none;color:#b7722e;}

#P_2:link	 {text-decoration:none;color:#0B8F81;}
#P_2:Visited {text-decoration:none;color:#0B8F81;}
#P_2:Active  {text-decoration:none;color:#0B8F81;}
#P_2:hover   {text-decoration:none;color:#ff5400;}


/* ¸ô */
#G_1:link	 {text-decoration:none;color:#3a3a3a;font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic;font-size:11pt;}
#G_1:Visited {text-decoration:none;color:#3a3a3a;font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic;font-size:11pt;}
#G_1:Active  {text-decoration:none;color:#3a3a3a;font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic;font-size:11pt;}
#G_1:hover   {text-decoration:none;color:#797878;font-family: Nanum Barun Gothic,"³ª´®°íµñ", NanumGothic;font-size:11pt;}

#G_2:link	 {text-decoration:none;color:#666666;font-size:9pt;}
#G_2:Visited {text-decoration:none;color:#666666;font-size:9pt;}
#G_2:Active  {text-decoration:none;color:#666666;font-size:9pt;}
#G_2:hover   {text-decoration:none;color:#303030;font-size:9pt;}

#G_3:link	 {text-decoration:none;color:#555555;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#G_3:Visited {text-decoration:none;color:#555555;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#G_3:Active  {text-decoration:none;color:#555555;font-size:12px;line-height:16px;font-family:µ¸¿ò;}
#G_3:hover   {text-decoration:none;color:#666666;font-size:12px;line-height:16px;font-family:µ¸¿ò;}


.input1 {background-color:#ffffff;border:1px solid #d8d8d8;font-size:11pt;vertical-align:middle;line-height:24px;height:24px;}

/* ¸ÞÀÎÅÇ */

#vtab {
            margin: auto;
            width: 1000px;
            height: 125px;
			z-index:99;
        }
        #vtab > ul > li {
            width:256px;
            height: 40px;
            background-color: #f7f7f7 !important;
            list-style-type: none;
            display: block;
            text-align: center;
            margin: auto;
            border: 1px solid #e5e5e5;
            position: relative;
            border-right: none;
			line-height:40px;
			z-index:99;
        }

		#vtab > ul > li.selected {
            border: 1px solid #ddd;
            border-right: none;
            z-index: 10;
            background-color: #e3e3e3 !important;
            position: relative;
			z-index:99;
        }
        #vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
			z-index:99;
        }
        #vtab > div {
            background-color: #fafafa;
            margin-left: 256px;
            min-height: 125px;
            position: relative;
            z-index: 9;
            -moz-border-radius: 20px;

        }



	/* ¸ÞÀÎ ÅÇ ³¡ */

#hero-slider {
	text-align:left; 
	background-color:#efefef; 
	border:1px solid #f7f7f7; width:1000px;
	margin:0 auto;
	z-index:99;
}

#hero-slider .mask { 
	float:left; 
	width:300px; 
	height:125px; 
	overflow:hidden;
	z-index:99;
}

#hero-slider .panel { 
	width:300px; 
	height:125px; 
	text-align:left;
}

#hero-slider ul {
	margin:0; 
	list-style:none; 
	float:left; 
	border-right:1px solid #dedede; 
	height:125px;
}

#hero-slider ul li {

	width:256px; 
	height:40px; 

}

.clear {clear:both}

.onInput {border:1px solid #d8d8d8;font-size:11pt;vertical-align:middle;line-height:24px;height:24px;}
.offInput {background-color:#ffffff;border:1px solid #d8d8d8;font-size:11pt;vertical-align:middle;line-height:24px;height:24px;}