@import url('noto_kr.css');  
body {
	margin: 0px;
}

td {
	font-family: "??", Verdana;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 16pt;
}
a:link {  font-family: "??", "??"; font-size: 9pt; color: #666666; text-decoration: none}
a:hover {  font-family: "??", "??"; font-size: 9pt; color: #000000; text-decoration: underline}
a:visited {  font-family: "??", "??"; font-size: 9pt; color: #666666; text-decoration: none}
.input {
	font-family: "??", "??", Seoul, "???";
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
	border: 1px solid #333333;
}
textarea {  font-family: "??", "??"; font-size: 9pt; line-height: 13pt; color: #666666; text-decoration: none}
.select {
	font-family: "??", "??";
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #Ffffff;
	padding: 1px;
	height: 18px;
	border: 1px solid #999999;




}
a.notice:link                 {
        font-family: "??", "??";
        font-size: 12px;
        color: #666666;
        text-decoration:none;
        font-weight: normal;
}
a.notice:visited         {
        font-family:"??", "??";
        font-size: 12px;
        color: #666666;
        text-decoration:none;
        font-weight: normal;
}
a.notice:hover         {
        font-family:"??", "??";
        font-size: 12px;
        color: #000000;
        text-decoration:underline;
        font-weight: normal;
}
a.mp:link                 {
        font-family: Tahoma, "??";
        font-size: 12px;
        color: #ED065D;
        text-decoration:none;
        font-weight: bold;
}
a.mp:visited         {
        font-family: Tahoma, "??";
        font-size: 12px;
        color: #ED065D;
        text-decoration:none;
        font-weight: bold;
}
a.mp:hover         {
        font-family: Tahoma, "??";
        font-size: 12px;
        color: #8C37A8;
        text-decoration:underline;
        font-weight: bold;
}
a.p:link                 {
	font-family: Tahoma, "µ¸¿ò";
	font-size: 11px;
	height: 12px;
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	line-height: 12px;
	font-variant: -1;
}
a.p:visited         {
	ffont-family: Tahoma, "??";
	font-size: 11px;
	height: 12px;
	color: #666666;
	text-decoration:none;
	font-weight: normal;
	line-height: 12px;
	font-variant: -1;
	font-family: Tahoma, "µ¸¿ò";
}
a.p:hover         {
	font-family: Tahoma, "??";
	font-size: 11px;
	height: 12px;
	color: #FF4800;
	text-decoration:underline;
	font-weight: normal;
	line-height: 12px;
	text-transform: -11;
}
.date {
	font-family: "Tahoma";
	font-size: 10px;
	color: #839CB5;
}
.line {
	border: 3px solid #dcdcdc;
	cursor: hand;

}
.hand {
	height: 20px;
	width: 120px;

}
.box {
	border: 1px solid #dddddd;
}
.mp {
	font-family: Tahoma, "??";
	font-size: 12px;
	line-height: 15px;
	color: #666666;
}
.pbox {
	border: 1px solid #CFCFCF;
}
.productinfo {
	font-family: "Tahoma", "??";
	font-size: 14px;
	color: #DE6883;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	font-weight: bold;


}
.text_blue {
	font-family: "??", "??";
	font-size: 12px;
	font-weight: normal;
	color: #FF3300;
}
.text_pink {
	font-size: 12px;
	font-weight: normal;
	color: #FF6699;
	line-height: normal;
}
.text_red {
	font-family: "??", "??";
	font-size: 12px;
	font-weight: normal;
	color: red;
}
}
.text_white{
	font-family: "??", "??";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.text_green{
	font-family: "??", "??";
	font-size: 12px;
	font-weight: normal;
	color: 5e2c2c;
}
.title {
	font-family: Tahoma, "??", "??", Verdana;
	font-size: 11px;
	color: #999999;
}
.red {
	color: #FF3300;
	font-weight: bold;
	font-style: italic;
}
.wellow {
	color: #D3A325;
	font-size: 11px;
	font-family: Tahoma, "??", "??", Verdana;
	font-weight: -7;
}
.border1 {
	border-top: 1px none #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}
.border2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.style1 {color: #FF0000}
.lineheight {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 14pt;
	TEXT-ALIGN: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CFCFCF;
}.line-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}
.txt-black {
	font-size: 11px;
	font-weight: normal;
	color: 670e0f;
}
.bg {
	background-color: #f1b667;
}

a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}

/* ¸ÞÀθ޴º */
#gnb_nav{width:835px; height:64px; position:relative; padding-left:40px; box-sizing:border-box;list-style:none;}
#gnb_nav li{float:left; padding:0 20px;list-style:none;}
#gnb_nav li:first-child{padding-left:0;}
#gnb_nav li:last-child{padding-right:0;}
#gnb_nav li h2{margin:0; padding:0;}
#gnb_nav li h2 a{display:block; font-size:16px; line-height:37px; color:#313131; font-weight:600; letter-spacing:-0.02em;padding-bottom:15px; font-family: 'Noto Sans KR', sans-serif;}
#gnb_nav li h2 a.on{color:#ff8400;}
#gnb_nav li h2 a:hover{text-decoration:none;}
#gnb_nav li ul{position:absolute; background:url("img/navi_bg.png") 0 0 no-repeat; top:43px; left:40; padding: 0 20px; z-index:99999; display:none; width:740px; height:21px; box-sizing:border-box;}
#gnb_nav li ul li{padding:0 20px 0 0; margin:0; float:left;}
#gnb_nav li ul li a{display:block; font-size:12px; line-height:21px; color:#fff; font-weight:bold; font-family: 'Noto Sans KR', sans-serif;}
#gnb_nav li ul li a:hover{color:#fff4a3; text-decoration:none;}

/* ¸ÞÀÎ ºñÁÖ¾ó */
.main_vis {position:relative;}
.main_vis_bg, .main_vis_img1, .main_vis_img2, .main_vis_num, .main_vis_txt {position:absolute;}
.main_vis_bg {right: 200px;}
.main_vis_txt {top:150px;left:30px}
.main_vis_num {top:70px;left:25px;}
.main_vis_img1 {top:20px;left:450px;animation: fadeOut 0.8s 0s linear normal;}
.main_vis_img2 {top:30px;right:35px;}
@keyframes fadeOut {
  0% {
    opacity: 0;left:400px; width:100px;
  }
  50% {
    opacity: 0.8;left:430px;
  }
  100% {
    opacity: 1;left:450px; width:230px;
  }
}

/*¼­ºê ºñÁÖ¾ó */
.sub_visual{width:1042px; height:145px; position:relative; background:url("/img/sub_visual_bg.png") 0 0 no-repeat;}
.sub_visual .sub_txt1 {position:absolute;top:30px;left:0px}
.sub_visual .sub_txt2 {position:absolute;top:80px;left:0px}

/* ¼­ºê ¿ÞÂʸ޴º */
#sub_select{width:236px; height:132px; background:url("img/left_menu_bg.png") 0 0 no-repeat; box-sizing:border-box;list-style: none;margin: 0;padding: 0;}
#sub_select li{}
#sub_select li a{display:block; font-size:12px; line-height:40px; color:#fff; font-weight:500; font-family: 'Noto Sans KR', sans-serif; text-decoration:none;margin: 0 0 0 15px;padding: 0 0 0 15px;}
#sub_select li a:hover{background:url("img/left_menu_on.png") 0px 10px no-repeat;transition: 0.2s;-webkit-transition: 0.2s;padding-left: 20px;}
#sub_select li a.on{background:url("img/left_menu_on.png") 0px 10px no-repeat;transition: 0.2s;-webkit-transition: 0.2s;padding-left: 20px;}