﻿body, h1, h2, h3, h4, th, td, input {
    color: #333333;
    font-family: "돋움",dotum,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* STICKY HEADER CONTAINER */
#header {
	position: fixed;
	top :0;
	left: 0;
	width: 100%;
	min-width :1024px;
	height :60px;
	margin: 0;
	padding :0;
	text-align :center ;
	font-family:"돋움",dotum,sans-serif;
	z-index :9999;
	background:url(images/header_bg.gif) repeat-x;
	
	
	
	/* drop shadow */
	-webkit-box-shadow: 0px 0px 5px #000;  
    -moz-box-shadow: 0px 0px 5px #000;  
    box-shadow: 0px 0px 5px #000;  	
}


img, fieldset {
    border: 0 none;
}

/* _________________________________________________

	MINIMIZE AND MAXIMIZE CONTROL 
____________________________________________________*/


/* MINIMIZE CONTROL */
#header #minimize
{
	position :absolute ;
	right :20px;
	top :10px;
	width :40px;
	height :40px;
	border :0;
	background :url("images/tp_img-08.gif") no-repeat center;
	cursor :pointer ;
}

#header #minimize:hover
{
	
}

/* MAXIMIZE CONTROL */
#header #maximize
{
	position: absolute;
	top :-85px;
	right :20px;
	width: 40px;
	height :80px;
	margin:0 0 10px 0;
	padding : 0;
	cursor :pointer ;
	z-index :9999;
	

	/* background */
	background:url("images/click_btn.png") no-repeat center;  

}

#header #maximize:hover
{

}

/* ______________________________________________

	MENU
_________________________________________________ */

#menu 
{
	list-style:none;
	width:1024px;
	height:100%;
	margin :0 auto;
	position:relative;
	padding:0;
	color:#FFFFFF;
}

#menu li 
{
	float:left;
	margin:0;
	border:none;
	padding-right : 10px;
}

#menu li:hover, #menu li.click
{
	
}

#menu li img.logo
{
	border :0;
	padding: 0px 0;
}

#menu li a 
{
	font-size:11px;
	color:#59493f;
	letter-spacing: -2px;
	text-shadow:1px 1px 1px #FFF;
	outline:0;
	text-decoration:none;
	display:block;
	line-height:1.3em;
	
	padding-left :10px;
}

#menu p
{
	margin-top: 1.5em;
}

#menu p a
{
	display:inline ;
	text-shadow: none;
	outline:0;
	font-weight:normal;
	text-decoration: underline;
	line-height :0px;
	padding-left :0px;
}

/* DROP MENU*/
#menu li a.drop 
{
	margin: 18px 0;
	padding-right:15px;
	background:url("images/drop.png") no-repeat right center;
}

/* RIGHT ALIGNED MENU ITEM */
#menu li.right 
{
	float:right;
}

/* MENU ICON */
#menu li.icon
{
	padding :0;
	margin :13px 0;
}

#menu li.icon:hover
{
	
}

#menu li.icon a
{
	padding :0 5px;
	margin :0;
}

#menu li.icon img
{
	border :0;
	padding :8px 0;
}

/* Tooltips for icons */
#header a.tooltip:hover {
	text-decoration:none;
}

/* The span defines the tooltip appearing on mouse hover */
#header a.tooltip span {
	display:none;
	top:44px;
	padding :0 5px;
	min-width :40px;
	height :24px;
	line-height :24px;
	text-align:center;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3PX;
	border-radius: 3px;
}

/* The hover state */
#header a.tooltip:hover span {
	display:block;
	position:absolute;
	border:1;
	background: #FFF;
	color:#000;
	font-size:11px;
	margin-left:-20px;
}

/* SEPARATOR */
#menu li.separator
{
	background:url(images/tab_img.gif) no-repeat;
	width:2px;
	height :60px;
	margin :0px 10px 0 10px;
	padding :0;
}

#menu li.separator:hover
{
	background :none;
}

/* ______________________________________________________

	MEGA DROP DOWN MENU
_________________________________________________________*/

/* Drop Down Container */
#menu li .dropcontent {
	margin:0px auto;
	position:absolute;
	left:-9999em;
	top:60px;
	z-index:9997; 
	padding:10px 0;
	text-align:left;
	background:#647893;
	
	/* Rounded Corners */
	-moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    
}

#menu li:hover .dropcontent {left:auto;}

#menu li .align_right {right:0px;}

#menu li:hover .align_right {
	left:auto;
	right:0px;
}

/* LARGE MENU */
#menu li .fullwidthdropcontent {
	float: left;
	position: absolute;
	top:6px; 
	z-index:9997; 
	padding:10px 50px;
	text-align:left;
	
}

#menu .hide{display:none;}
#menu li:hover .fullwidthdropcontent {left:0;}


/* MEGA MENU CONTAINER */
#menu .column1container {width: 80px;}
#menu .column2container {width: 160px;}
#menu .column3container {width: 240px;}
#menu .column4container {width: 320px;}
#menu .column5container {width: 400px;}
#menu .column6container {width: 480px;}
#menu .column7container {width: 560px;}
#menu .column8container {width: 640px;}
#menu .column9container {width: 720px;}
#menu .column10container {width: 800px;}
#menu .column11container {width: 880px;}
#menu .column12container {width: 960px;}

/* MEGA MENU COLUMN */
#menu .column1,
#menu .column2,
#menu .column3,
#menu .column4,
#menu .column5,
#menu .column6,
#menu .column7,
#menu .column8,
#menu .column9,
#menu .column10,
#menu .column11,
#menu .column12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

#menu .column1 {width:60px;}
#menu .column2 {width:140px;}
#menu .column3 {width:220px;}
#menu .column4 {width:300px;}
#menu .column5 {width:380px;}
#menu .column6 {width:460px;}
#menu .column7 {width:540px;}
#menu .column8 {width:620px;}
#menu .column9 {width:700px;}
#menu .column10 {width:780px;}
#menu .column11 {width:860px;}
#menu .column12 {width:940px;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* ________________________________________________________
	
	MULTI LEVEL DROP DOWN MENU 
___________________________________________________________ */
   
#menu li ul.dropdown 
{
	display: none;
	position :absolute ;
	list-style :none;
	
	padding :0;
	margin :0;
	width: 160px;
	text-align :left ;
	background-color:#647893;
	
	/* CSS3 Rounded Corners */
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-khtml-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;	
}

#menu li:hover ul.dropdown  {
	display: block;
	top:40px;
	
	
}

#menu ul.dropdown li  
{
	position :relative ;
	float :none;
	margin :0;
	padding :0;
}

#menu li.icon ul.dropdown li
{
	padding :0 5px;
}

#menu ul.dropdown li:last-child
{
	/* CSS3 Stylings - Rounded Corners */
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-khtml-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

#menu ul.dropdown li:hover 
{
	background : #74869E;
}

#menu a.parent
{
	margin-right :20px;
	background :url("images/multidrop.png") no-repeat right center;
}

/* DROP DOWN MENU CHILD LEVEL */
ul.dropdown li ul
{
	list-style :none;
	position :absolute ;
	display: none;
	padding :0;
	margin :0;
	width: 160px;
	text-align :left ;
	left :150px;
	top :0px;
	background-color:#647893;
	border :solid 1px #4B5E7A;
	
	/* CSS3 Stylings - Rounded Corners */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul.dropdown li:hover>ul {
	display: block;
}

/* ___________________________________________________________

	SEARCH FORM
______________________________________________________________ */

#menu li.searchf
{
	position :relative;
	margin-left :10px;
	margin: 10px 0px;
}

#menu li.searchf:hover
{
	background :none;
}

/* TEXT INPUT */
#menu li.searchf #coupon_t_n
{
	font-family:"돋움",dotum,sans-serif;
	font-size:12px; 
	padding:6px;
	padding-right :30px; 
	margin:5px 0 5px 0;
	width :190px;
	
	/* border #2E3849*/
	border:1px solid #d28534; 
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 4px;
	
	/* drop shadow */
	-webkit-box-shadow: 0px 1px 0px #647893;  
    -moz-box-shadow: 0px 1px 0px #647893;  
    box-shadow: 0px 1px 0px #FFF;  
}

/* SEARCH BUTTON */
li.searchf #submit_search
{
	z-index :10;
	position :absolute ;
	top :10px;
	right :17px;
	width :20px;
	height :20px;
	border :0;
	margin :0;
	padding :0;
	background :transparent;
	cursor :pointer ;
}

/* __________________________________________________________
	
	SIGN IN FORM
_____________________________________________________________ */

#menu form.signin {
	margin:0;
	padding:0px;
	font-size :12px;
}

form.signin fieldset {
	margin:0;
	padding :0;
	border:none;
}

form.signin input#username, form.signin input#password1
{	
	font-family:Arial,Helvetica,sans-serif; 
	font-size:12px; 
	padding:4px; 
	margin:5px 0 5px 0;
	border:1px solid #191919; 
	width :208px;
	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 4px;
}

/* _______________________________________________________________

	CONTACT FORM 
__________________________________________________________________ */

#menu form.contact {
	margin:0;
	padding:0;
}

#menu form.contact fieldset {
	margin:0;
	padding :0;
	border:none;
}	

#menu form.contact p {
	margin:10px 0;
	overflow:hidden;
}
	
#menu form.contact label {
	float:left;
	display:block;
	text-align:left;
	width:50px;
}	

#menu form.contact input,
#menu form.contact textarea {	
	margin:0;	
	width:200px;
	float:right;
	border:1px solid #191919;
	padding:4px;
	font-family:Arial,Helvetica,sans-serif; 
	font-size :12px;

	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 4px;
}		
#menu form.contact textarea {
	height:100px;
	overflow:auto;
}					

#menu form.contact button {
	float:right;
	margin:0px;
}

/* ____________________________________________________________

	CONTENT 
_______________________________________________________________ */

/* IMAGE POSITION */
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin-right :10px;
}

.img_right { /* Image sticks to the right */
	width:auto;
	float:right;
	margin-left :10px;
}

/* LIST ITEM WITH BLUE BOX */
#menu ul.bluebox
{
	margin :0;
	padding :0;
}

#menu ul.bluebox li 
{
	list-style-type : none;
	width :140px;
	height :20px;
	margin: 5px 0;
	padding: 5px 0;
	
	border :solid 1px #4B5E7A;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
}

#menu ul.bluebox li:hover {
	background:#74869E;
	
}

#menu ul.bluebox li a
{
	margin :0 5px;
	padding :0;
	line-height :20px;
}

/* HEADING */
#menu h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:21px;
	margin-top :10px;
	margin-bottom:10px;
	padding:0 0 10px 0;
	border-bottom:1px solid #4B5E7A;
	color :#f5f5f5;
}

/* SIMPLE LIST */
#menu ul.simple
{
	margin :0;
	padding :0;
}

#menu ul.simple li 
{
	list-style-type : none;
	width :140px;
	height :20px;
	margin: 5px 0;
	padding: 0;	
}

#menu ul.simple li a
{
	margin :0 5px;
	padding :0;
	line-height :20px;
}

#menu ul.simple li a:hover
{
	text-decoration :underline;
}

/* __________________________________________________________________________ */

/* _________________________________________________________________

	COLORS
____________________________________________________________________ */

/* BLACK */

#header.black
{
	background: #191919;  
	background: -moz-linear-gradient(top, #333333, #191919); /* Firefox */
	background: -ms-linear-gradient(#333333, #191919); /* IE10 */  
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#191919));
	background: -webkit-linear-gradient(#333333, #191919); /* Safari 5.1+, Chrome 10+ */
	background: -o-linear-gradient(#333333, #191919); /* Opera 11.10 */
	background: linear-gradient(#333333, #191919); /* the standard */	
}

#header.black #menu li:hover, #header.black #menu li.click
{
	background:#4d4d4d;
}

#header.black #menu li.searchf:hover
{
	background :none;
}

#header.black #menu li.searchf #coupon_t_n
{
	-webkit-box-shadow: 0px 1px 0px #4d4d4d;  
    -moz-box-shadow: 0px 1px 0px #4d4d4d;  
    box-shadow: 0px 1px 0px #4d4d4d;  
}

#header.black #menu li ul.dropdown  {
	background-color:#4d4d4d;	
}

#header.black #menu ul.dropdown li:hover 
{
	background : #5f5f5f;
}

#header.black ul.dropdown li ul
{
	background-color:#4d4d4d;
	border :solid 1px #191919;
}

#header.black #menu li .dropcontent 
{
	background-color :#4d4d4d;
}

#header.black #menu li .fullwidthdropcontent 
{
	background-color :#4d4d4d;
}

#header.black #menu h2
{
	border-bottom:1px solid #191919;
}

#header.black #menu ul.bluebox li 
{
	border :solid 1px #191919;	
}

#header.black #menu ul.bluebox li:hover {
	background:#5F5F5F;
}

#header.black a.tooltip:hover span {
	background: #4d4d4d;
}

#header.black #maximize
{
	background-color:#333;    
}

#header.black #minimize:hover
{
	background-color :#4d4d4d;
}

#header.black #maximize:hover
{
	background-color :#4d4d4d;
}

#header.black #menu li.separator
{
	background:url(images/tab_img.gif) no-repeat;
	height :60px;
	margin :5px 5px 0 5px;
	padding :0;
}


/* _________________________________________________

	SUB COUPON PAGE
____________________________________________________*/


/* SUB COUPON */

<style type="text/css">
#coupon_list {
	
}

#coupon_list .close {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    text-align: center;
    width: 100%;
}

#coupon_list .close a {
    background: url("images/c_close_btn.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 21px;
    margin: 0 auto;
    width: 38px;
}

.fullwidthdropcontent #coupon_list {
	background: url("images/c_bg.gif") no-repeat scroll transparent;
    height: 205px;
    overflow: hidden;
    position: absolute;
	padding:0px 10px;
    top: 54px;
    width: 90%;
}

#td_iframe #expandIframe {
	height: 250px !important;
	width: 100%;
}
#coupon_list table {
    width: 100%;
}


#wrap {
	width:950px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 835px;
    padding: 0 50px;
}


.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 100px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 128px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 
 
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 0px;
    width: 32px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/img_next.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(images/img_prev.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 32px;
    height: 40px;
    cursor: pointer;
    background: transparent url(images/img_prev.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(iimages/img_next.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#meerkat {
	width: 940px;
	margin: 0 auto;
	color: #FAFAFA;
	padding: 5px 0 0 20px;
}

#meerkat a.close {
	color: #FFF;
	text-decoration: underline;	
}

#meerkat a {
	cursor: pointer;	
}

a.close-meerkat {
	display: block;
	width: 39px;
	height: 27px;
	background: url(../../images/bottom_close.gif) no-repeat 0 0;
	text-indent: -9000px;
	position: absolute;
	right: 5%;
	_right: 20px;
	top: 0px;
}



.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}

/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}

/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}


