@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.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: #606060;
}
.bg {
	background-color: #f1b667;
}

a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}
.con_bg {
	background-image: url(img/con_bg.jpg);
	background-repeat: no-repeat;
}
.pro_bg {
	background-color: #cecdcd;
}
.left_bg {
	background-image: url(img/left_menu_bg.jpg);
	background-repeat: no-repeat;
}


/* 231025_gnb 메뉴 */
#gnb_nav{background:url("img/top_bg.png") 15px 6px no-repeat; width:700px; height:65px;position:relative;box-sizing:border-box;padding:3px 0 0 120px;margin:0;list-style: none;font-family: 'Noto Sans KR','Malgun Gothic', sans-serif;}
#gnb_nav ul:after { content: ''; display: block; clear: both; }
#gnb_nav li{float:left;margin-right: 80px;padding: 0;position:relative;}
#gnb_nav li:last-child{margin-right:0;}
#gnb_nav > li:nth-child(3):hover:before {width:90px;}
#gnb_nav > li:hover:before {content: '';position: absolute;top:8px;left:-8px;width:78px;height: 25px;background: #fff;transition: 0.3s;-webkit-transition: 0.3s;border-radius:5px}
#gnb_nav li h2{margin:0; padding:0;}
#gnb_nav li h2 a{display:block; font-size:15px; line-height:40px; color:#fff; font-weight:700;padding: 0;text-decoration: none;z-index:999;position:relative;}
#gnb_nav li h2 a.on{color:#3f5d90;}
#gnb_nav li h2 a:hover{color:#3f5d90; text-decoration:none;transition: 0.3s;-webkit-transition: 0.3s;}
#gnb_nav li ul{position:absolute; top:40px; left:0; padding: 0 10px; z-index:99999;box-sizing:border-box;margin:0;list-style: none;width: max-content;background-color:#d7d7d7;border-radius:20px}
#gnb_nav li ul li{padding:0; margin:0; float:left; margin-right:15px;}
#gnb_nav li ul li a{display:block; font-size:12px; color:#888; font-weight:700;margin: 0;text-decoration: none;line-height: 20px;}
#gnb_nav li ul li a:hover{color:#0a434f; text-decoration:none;transition: 0.2s;-webkit-transition: 0.2s;}
#gnb_nav li #top2m1{}
#gnb_nav li #top2m2{}
#gnb_nav li #top2m3{}


/* 메인 비주얼 */
.main_vis {position:relative;width: 585px;height: 574px;}
.main_bg, .main_vis_img1, .main_vis_img2, .main_vis_img3, .main_vis_txt {position:absolute;}
.main_bg {top: 43px;}
.main_vis_img1 {top:60px;left:-50px;animation: fadeOut1 0.8s 0s linear normal;}
.main_vis_img2 {top:110px;left:-50px;animation: fadeOut2 0.8s 0.8s linear normal;}
.main_vis_img3 {top:130px;left:-50px;animation: fadeOut3 0.8s 1.6s linear normal;}
@keyframes fadeOut1 {
  0% {
    opacity: 0;left:-30px;
  }
  100% {
    opacity: 1;left:-50px;
  }
}
@keyframes fadeOut2 {
  0% {
    opacity: 0;top:120px;
  }
  100% {
    opacity: 1;top:110px;
  }
}
@keyframes fadeOut3 {
  0% {
    opacity: 0;top:140px;
  }
  100% {
    opacity: 1;top:130px;
  }
}
/* 서브 왼쪽메뉴 */
#sub_select{width:200px; box-sizing:border-box; padding:0;margin: 0 0 0 35px;text-decoration:none;}
#sub_select li{list-style: none;}
.sub_active {color:#1e417d; background:url("img/leftmenu_over.png") right center no-repeat; font-weight:bold;}
#sub_select li a.on{display:block;color:#1e417d; background:url("img/leftmenu_over.png") right center no-repeat; font-weight:bold;}
#sub_select li a:hover{display:block;color:#1e417d; background:url("img/leftmenu_over.png") right center no-repeat; font-weight:bold;text-decoration:none;/* transition: 0.2s;-webkit-transition: 0.2s; */}
#sub_select li a{display:block; font-size:13px;padding-right: 30px; line-height:32px; color:#727272;  font-family: 'Noto Sans KR', sans-serif; text-decoration:none;font-weight:500;}

/*서브 비주얼 */
.sub_top{width:1000px; height:100px; position:relative; background:url("img/sub_top.png") center bottom no-repeat;}
.sub_top .sub_txt1 {position:absolute;top:10px;left:680px}
.sub_top .sub_txt2 {position:absolute;top:45px;left:680px}