@charset "euc-kr";
body {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size:12px;
	color: #555555;
	margin: 0;
	text-align:center;
	background:url(/index/images/m_bg.jpg) repeat-x;
}
td {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size:12px;
	color: #555555;
	margin: 0px;
	line-height:18px;
}

img{border:0;}
ul, li {margin:0; padding:0; list-style:none;}
table {border-collapse:collapse;}


#wrap {margin:0 auto; width:1255px; background:url(/index/images/m_bg02.jpg) no-repeat center top;}
#main {margin:0 auto; width:1015px;}
#m_bottom {margin:0 auto; height:80; z-index:2;}

/* notice */
.notice_title_bg {background:url(/index/images/notice_title.jpg) no-repeat left; text-align:right;}

/* JYP clinic */
.clinic {background:url(/index/images/clinic_box.jpg) no-repeat top; width:330px; height:113px; padding:15px 0 0; text-align:center;}
.clinic ul {font-size:0px; line-height:0,*em; float:right;}
.clinic li {display:inline-block; float:left;}

#tab_img01 {width:311px; height:66px; visibility:visible; position:absolute; z-index:3;}
#tab_img02 {width:311px; height:66px; visibility:hidden; position:absolute; z-index:2;}
#tab_img03 {width:311px; height:66px; visibility:hidden; position:absolute; z-index:1;}

/* customer center */
.customer {background:url(/index/images/customer.jpg) no-repeat top right; width:260px 113px;}

/* Çù·Â»ç */
.cooper {background:url(/index/images/cooper_bg.jpg) no-repeat center; height:43px; padding:0 20px 0 200px;}



/*main_gnb*/
.gnb_wrap {display:flex; justify-content: space-between;     align-items: center; font-family: 'Nanum Myeongjo', serif;}
.gnb_wrap .logo a {display:block; width: 200px; height: 100px; background: #fff; background:url(/index/images/logo.png) no-repeat center;}}
.gnb_wrap .gnb {width: 57.73%;}
.gnb_wrap .gnb_ul {display:flex; }
.gnb_wrap .gnb_ul > li {position: relative; float: none; width: 103px; height: 35px; padding-left: 20px;}
.gnb_wrap .gnb_ul > li:nth-child(2) {width: 120px;}
.gnb_wrap .gnb_ul > li:nth-child(3) {width: 140px;}

.gnb_wrap .gnb_ul > li:before {content: ''; display: block; position: absolute; right: 0; top: 0; width: 2px; height:27px; background:url(/index/images/gnb_line.jpg) no-repeat center;}
.gnb_wrap .gnb_ul > li:last-child:before {display: none;}
.gnb_wrap .gnb_ul > li > a {display: block;  font-size: 16px; position: relative; height: 35px; font-weight: 700; color: #f8c503;  text-shadow: 2px 2px 2px rgba(0,0,0,0.5); transition:.3s; letter-spacing: -0.06em;} 
.gnb_wrap .gnb_ul > li > a span {font-size: 9px; position: absolute; bottom: 0; right: 20px; font-family: 'Noto Sans KR', sans-serif ; text-shadow:none; color: #6c4200; font-weight: 400;}
.gnb_wrap .gnb_ul2 {position: absolute; background:url(/index/images/gnb_bg1.png);  width: 239px; height: 24px; text-align: center; display: none; left: 0px;}
.gnb_wrap .gnb_ul2_2 {background:url(/index/images/gnb_bg.png) no-repeat center ;  width: 600px; height: 24px; background-size: cover;}
.gnb_wrap .gnb_ul2 > li {float: none; display: inline-block;}
.gnb_wrap .gnb_ul2 > li > a {font-size: 11px; font-family: 'Noto Sans KR', sans-serif; color: #6c4200; font-weight: 500; line-height: 24px; padding:0 10px;} 
.gnb_wrap .gnb a:hover {text-decoration: none;}
.gnb_wrap .gnb_ul > li:hover > a {color: #fff;}