@charset "euc-kr";
/* CSS Document */

body {margin:0px;}

a:link, a:active, a:visited {text-decoration:none;}
a,img {selector-dummy:expression(this.hideFocus=true);}
a,img {outline: none;selector-dummy:expression(this.hideFocus=true);}
img {border:0px;}

ul,ol{list-style-type:none;margin:0px; padding:0px; font-size:13px; }
a:link,a:visited{text-decoration:none; color:#333;}
a:hover,a:active{text-decoration:none; color:#333; background-color:transparent;}

.page_font01 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	color: #666;
}
.page_font02 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	color: #8c8c8c;
}
.page_font03 {
	font-family: "µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	line-height: 1.3em;
	color: #787878;
	font-weight: bold;
}

a.notice:link                 {
        font-family:"µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #8c8c8c;
        text-decoration:none;
        font-weight: normal;
}
a.notice:visited         {
        font-family:"µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #8c8c8c;
        text-decoration:none;
        font-weight: normal;
}
a.notice:hover         {
        font-family:"µ¸¿ò", "µ¸¿òü";
        font-size: 11px;
        color: #3c3c3c;
        text-decoration:none;
        font-weight: normal;
}

.notice {
	font-family:"µ¸¿ò", "µ¸¿òü";
	font-size: 11px;
	font-weight: normal;
	color: #8c8c8c;
}

/* ¸ÞÀθ޴º */
#gnb_nav{width:787px; height:67px;position:relative;box-sizing:border-box;padding: 23px 0 0 30px;}
#gnb_nav li{float:left;margin-right: 34px;}
#gnb_nav li:last-child{margin-right:0;}
#gnb_nav li h2{margin:0; padding:0;}
#gnb_nav li h2 a{display:block; font-size:16px; line-height:24px; color:#787878; font-weight:bold; padding-bottom:4px;font-family: "µ¸¿ò", "µ¸¿òü";letter-spacing: -2px;}
#gnb_nav li h2 a.on{color:#282828;background:url('/images/on_bar.png') no-repeat center bottom;}
#gnb_nav li h2 a:hover{text-decoration:none;background:url('/images/on_bar.png') no-repeat center bottom;}
#gnb_nav li ul{position:absolute; top:37px; left:0;  z-index:99999; display:none; width:795px; height:31px; box-sizing:border-box;}
#gnb_nav li ul li{padding:0; margin:0; float:left; margin-left:25px;}
#gnb_nav li ul li a{display:block; font-size:12px; line-height:31px; color:#b4b4b4; font-weight:bold;}
#gnb_nav li ul li a:hover{color:#282828; text-decoration:none;}
/* #gnb_nav li #top2m1{padding-left:90px;}
#gnb_nav li #top2m2{padding-left:90px;}
#gnb_nav li #top2m3{padding-left:240px;}
#gnb_nav li #top2m4{padding-left:310px;}
#gnb_nav li #top2m5{padding-left:475px;}
#gnb_nav li #top2m6{padding-left:360px;} */

/* ¸ÞÀν½¶óÀ̵å */
#visual_box{width: 902px; position:relative; height:490px; overflow:hidden;margin:0 auto;}
#visual_box .visual_slider .swiper-wrapper .main_visual01 {background: url('/images/main_slide01.jpg') center 0 no-repeat;width: 902px;height: 490px;}
#visual_box .visual_slider .swiper-wrapper .main_visual02 {background: url('/images/main_slide02.jpg') center 0 no-repeat;width: 902px;height: 490px;}
#visual_box .visual_slider .swiper-wrapper .main_visual03 {background: url('/images/main_slide03.jpg') center 0 no-repeat;width: 902px;height: 490px;}

/* ¼­ºê »ó´Ü ½½¶óÀ̵å */
#sub_top_visual_box{width: 899px; position:relative; height:168px; overflow:hidden;margin:0 auto;padding-left:1px;}
#sub_top_visual_box .sub_top_visual_slider .swiper-wrapper .sub_top_visual01 {background: url('/images/sub_top_slide01.jpg') center 0 no-repeat;width: 899px;height: 168px;}
#sub_top_visual_box .sub_top_visual_slider .swiper-wrapper .sub_top_visual02 {background: url('/images/sub_top_slide02.jpg') center 0 no-repeat;width: 899px;height: 168px;}
#sub_top_visual_box .sub_top_visual_slider .swiper-wrapper .sub_top_visual03 {background: url('/images/sub_top_slide03.jpg') center 0 no-repeat;width: 899px;height: 168px;}

/* ¼­ºê ¿ÞÂʸ޴º */
#sub_select{width:244px; height:171px;box-sizing:border-box;padding-top:7px;}
#sub_select li{}
#sub_select li a{display:block; font-size:14px; line-height:31px; color:#8c8c8c; font-weight:bold; padding-left:48px;padding-bottom:3px;letter-spacing: -2px;}
#sub_select li a:hover{color:#282828; background:url("/images/leftmenu_over.png") no-repeat 14px bottom;}
#sub_select li a.on{color:#282828; background:url("/images/leftmenu_over.png") no-repeat 14px bottom;}