﻿@charset "utf-8";
BODY,TD, TR, input,DIV,form,TEXTAREA,center,option,pre,blockquote { font-size:12px; line-height:18px; color:#272727; letter-spacing:-1; font-weight:normal; margin:0px; padding:0px; }
body{font-family: "MS PGothic","Osaka",Arial,sans-serif;
    font-size: 75%;
    line-height: 1.22;
    
    word-break: break-all;
    word-wrap: break-word;}

.clear{ clear:both;}
.div_30{ height:30px;}
.hidden {display:none}


/* 링크 */
a:link    {text-decoration:none; color:#6F6F6F;}
a:visited {text-decoration:none; color:#6F6F6F;}
a:active  {text-decoration:none; color:#6F6F6F;}
a:hover   {text-decoration:none; color:#fa7c37;}


 
/* GNB */
.logo {
	position:absolute;
	left:58px;
	bottom:38px;
	width:138px;
	height:38px;
	background:url(../images/img_main/main_03.jpg) no-repeat;
}

#tob_quick_btn{position:absolute; top:10px; left:200px; 
	width:260px;
	height:40px; 
	text-align:center;
	vertical-align:center;
	cursor:pointer;
}
#tob_quick_btn input{position:absolute; top:10px; left:10px;
	display: block;
	width:115px; 
	height:23px; border:1px solid #ccc;
	color:#666;
	cursor:pointer;	
	line-height:23px;
	background: -moz-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(219,219,219,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#DBDBDB',GradientType=0 ); /* ie6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#tob_quick_btn input:hover{
    background: -moz-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(100%, rgba(245,245,245,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBDBDB', endColorstr='#F5F5F5',GradientType=0 ); /* ie6-9 */
}
#call_link_acs2{position:absolute; top:10px; left:130px;
	display: block;
	color:#666;
 	width:115px; 
 	height:21px;
 	border:1px solid #ccc;
	line-height:21px;
 	cursor:pointer;
	background: -moz-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ff3.6+ */
 	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(219,219,219,1))); /* safari4+,chrome */
 	background: -webkit-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* safari5.1+,chrome10+ */
 	background: -o-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* opera 11.10+ */
 	background: -ms-linear-gradient(90deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ie10+ */
 	background: linear-gradient(0deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* w3c */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#DBDBDB',GradientType=0 ); /* ie6-9 */
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#call_link_acs2:hover{
	background: -moz-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(100%, rgba(245,245,245,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(219,219,219,1) 0%, rgba(245,245,245,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBDBDB', endColorstr='#F5F5F5',GradientType=0 ); /* ie6-9 */
}
#call_link_acs2 a:hover{color:#666;}
/*.cus_banner{ position:absolute; top:-10px; right:-50px;}*/
/*
#open_manu{position:absolute; top:20px; left:200px; width:105px; height:26px; border:1px solid #ccc;text-align:center;	line-height:26px; cursor:pointer;background:#eee;}
#open_manu2 {display:none;position:absolute; top:20px; left:200px; width:105px; height:26px; border:1px solid #ccc;text-align:center;	line-height:26px; cursor:pointer;background:#eee;}
*/
down link menu
.down {
	position:absolute;
	top:22px;
	left:183px;
	width:105px;
	height:26px;
	
}
.down input{
	background:url(../images/jp/main/main_06.jpg) no-repeat;
    /*border: 1px solid #BCBCBC;*/
    color: #666666;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    height: 26px;
    letter-spacing: -1px;
    overflow: visible;
    text-indent: -999999px;
    vertical-align: middle;
    white-space: nowrap;
    width: 105px;
	border:none;}
.link_822 {
	position:absolute;
	top:22px;
	left:296px;
	width:105px;
	height:26px;
	background:url(../images/jp/main/main_08.jpg) no-repeat;
}

.gnb_login_btn{
	position:absolute;
	top:28px;
	right:110px;
	width:48px;
	text-indent:-99999999px;
	height:21px;
	background: url(../images/jp/main/main_my_01.jpg) no-repeat  ;}

.gnb_logout_btn{
	position:absolute;
	top:28px;
	right:110px;
	width:48px;
	text-indent:-99999999px;
	height:21px;
	background: url(../images/jp/main/main_my_01_off.jpg) no-repeat  ;}

.gnb_my_btn{
	position:absolute;
	top:28px;
	right:49px;
	width:62px;
	text-indent:-99999999px;
	height:21px;
	background: url(../images/jp/main/main_my_02.jpg) no-repeat;}

.language {
	width:110px;
	height:17px;
	position:absolute;
	top:62px;
	left:820px;
	background-color:#FFF; border:1px solid #CCC;
	color:#CCC;
	z-index:10000;
}
.logindiv2 select {color:#CCC;}

ul.gnb2 {
	position:absolute;
	top:-13px;
	*top:0px;
	left:-40px;
	width:935px;
	background:url(../images/jp/main/main_bg.jpg) 40px 0px no-repeat;
	*background:url(../images/jp/main/main_bg.jpg) 0px 0px no-repeat;
}
ul.gnb2 li {float:left;position:relative; list-style-type:none;display:block; width:118px;height:37px;color:#FFF; }
ul.gnb2 li a {display:block; width:118px;height:37px;color:#FFF;}



.gnbcontainer{ position:relative;margin:0 auto; left:-40px; width:935px; height:90px; z-index:9000;}
ul.gnb {
	position:absolute;
	top:42px;
	*top:53px;
	left:20px;
	width:935px;
	background:url(../images/jp/main/main_bg.jpg) 40px 0px no-repeat;
	*background:url(../images/jp/main/main_bg.jpg) 0px 0px no-repeat;
}

ul.gnb li {float:left;position:relative; list-style-type:none; }
ul.gnb li ul{ overflow:hidden;height:130px;  margin:0px; padding:0px;  background:#FFF;}
ul.gnb li ul li{ text-align:left; margin:0px; padding:0px;}

ul.gnb .gnbmenu1 .gnb_sub01 {
	width:130px;
	padding-left:5px;
	letter-spacing:-2;
	position:absolute; 
	top:36px; 
	left:6px;

	
	border-left:2px solid #2c7fcf; 
	background-color:#FFF;
	z-index:1;
}
ul.gnb .gnbmenu1 .gnb_sub02 {
	position:absolute;
	top:36px; 
	left:143px;
	width:115px;

	background-color:#FFF;
	z-index:2;
}
ul.gnb .gnbmenu1 .gnb_sub03 {
	position:absolute;
	top:36px; 
	left:258px;
	width:120px;

	background-color:#FFF;
	z-index:3;
}
ul.gnb .gnbmenu1 .gnb_sub04 {
	position:absolute;
	top:36px; 
	left:375px; 
	width:115px;

	background-color:#FFF;
	z-index:4;
}
ul.gnb .gnbmenu1 .gnb_sub05 {
	position:absolute;
	top:36px; 
	left:490px; 
	width:125px;

	background-color:#FFF;
	z-index:5;
}
ul.gnb .gnbmenu1 .gnb_sub06 {
	position:absolute;
	top:36px; 
	left:614px; 
	width:130px;

	background-color:#FFF;
	z-index:6;
}

ul.gnb .gnbmenu1 .gnb_sub08 {
	position:absolute;
	top:36px; 
	left:734px; 
	width:110px;

	background-color:#FFF;
	z-index:7;
	border-right:2px solid #2c7fcf; 
}

/*
ul.gnb .gnbmenu1 .gnb_sub07 {
	position:absolute;
	top:36px; 
	left:734px; 
	width:110px;

	background-color:#FFF;
	z-index:7;
}

ul.gnb .gnbmenu1 .gnb_sub08 {
	position:absolute;
	top:36px; 
	left:840px;
	width:80px;

	border-right:2px solid #2c7fcf; 
	background-color:#FFF;
	z-index:8;
}
*/

ul.gnb li a {display:block; width:116px;height:37px;color:#FFF;}
li.gnbmenu1,li.gnbmenu2, li.gnbmenu3, li.gnbmenu4, li.gnbmenu5 ,li.gnbmenu6,li.gnbmenu7,li.gnbmenu8 { color:#FFF;padding:8px 0px; text-align:center; font-weight:bold;}

li.gnbmenu1 a.over {overflow:hidden;color:#FFF;}
li.gnbmenu2 a.over {color:#FFF;}
li.gnbmenu3 a.over {color:#FFF;}
li.gnbmenu4 a.over {color:#FFF;}
li.gnbmenu5 a.over {color:#FFF;}
li.gnbmenu7 a.over {color:#FFF;}
li.gnbmenu8 a.over {color:#FFF;}
li.gnbmenu7 { padding-left:10px;}
li.gnbmenu7 img{position: absolute; top:10px; left:0px;}

ul.gnb li li {display:block;width:125px;border:none; padding:0px; margin:0px;}


ul.gnb li li a {display:block;width:125px;height:21px;line-height:21px;text-indent:2px;color:#4b4a4a;background:#fff;padding:0px;margin-left:0px;_margin-left:-10px;}
ul.gnb li li a:hover {color:#fff;Background:#324f9b;}

ul.gnb li span {display:none;position:absolute;top:160px; left:6px;width:840px;height:20px;background:url(../images/img_main/main_bg_on2.png) 0 0px no-repeat;}




.family {
	position:absolute;
	top:28px;
	right:-36px;
	width:74px;
	height:21px;
	background: url(../images/img_main/main_11.jpg) no-repeat;
	
}

div.changef {position:absolute;
			top:0px;
			right:0px;
			width:74px;
			height:21px;
			text-indent:-999999px;
            cursor:pointer;z-index:20000;}
      
div#gnb2{display:none;}             
div.changef ul{ text-indent:5px; background-color:#eee;width:87px; margin-top:22px;border-top:none;padding:35px 0px 10px 0px;margin-left:30px;_margin-left:0px;
				background:url(/images/img_main_all/main_family_on.jpg) no-repeat;}
div.changef ul li{ text-indent:5px; background-color:#fff;width:65px;  border:none;margin-left:10px; font-size:11px;}
div.changef ul li:hover{background-color:#e7f2ff;}
div.changef ul li a:hover{color:#3399ff;}


#wrapper{ text-align:center; margin:0 auto; width:935px;}

#side{ white:159px; }
#content{ float:left;  margin-left:5px; text-align:center;}
#con_tap{ text-align:center;}
#side,#con_tap li{ float:left; list-style-type:none;}
#con_tap li{ margin-right:43px;}
/* 


