@charset "euc-kr";
body {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size:12px;
	color: #555555;
	margin: 0px;
	text-align:center;
	background:#8138f9 url(/index/comm/images/s_bg01.jpg) repeat-x center top;
}
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; text-align:center; z-index:1;}
#sub_main {width:975px; margin:0 auto;}
#s01_banner {width:975px; margin:-185px auto 0; z-index:3;}
#bottom {margin:40px auto 0; background:url(/index/comm/images/s_bottom_bg.jpg) repeat-x; height:80; z-index:2;}
#bottom_copy {width:975px; margin:0; padding:0; height:80;}

/* page */
.page_bg {background:#efe5ff url(/index/comm/images/page_bg02.jpg) repeat-y top;}
.page_bg_left {background:url(/index/comm/images/page_bg_left.gif) no-repeat top; width:10px;}
.page_bg_right {background:url(/index/comm/images/page_bg_right.gif) no-repeat top; width:10px;}

/* title */
.s_title {height:57px; text-align:right; vertical-align:text-top; padding-top:28px; border-bottom:1px solid #ddb958;}
.s_title a:link, a:visited, a:active {color:#555555; text-decoration:none;}
.s_title a:hover {color:#ff6600; text-decoration:none;}


/*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; padding-left: 20px; height: 35px;}
.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;}