@charset "utf-8";

#wrap{ width:1200px; margin:0 auto}
#header {position:relative;top:20px; z-index:90; margin:0 auto; width:1200px; height:164px;}

#header h1{z-index:100; text-align:center;}
#top{display:block;}
#top img {text-align:center; padding:0;}


.vol_area {float:right; margin-right:64px; position:relative;z-index:999;  }
.vol_num  {float:left; color:#ffffff; font-size:13px; font-weight:bold; padding-right:10px; padding-top:7px;}
.vol_back {float:left;}
.subscription {float:left; padding-left:10px;}
.vol_area:after {content: "";	clear: both;display: block;}


.web_logo {margin:auto 0; position:relative; z-index:99999;}
.m_logo {display:none;}
.event_menu{display:none;}
.select_area{display:none;}
.m_title{display:none;}
.gnb_menu .btn_mobile {display:none;}
.mo_product{display:none;}


.gnb_menu {width:100%; margin:0 auto;}

.gnb_menu .gnb {position:relative; top:40px; height:58px; background:#3575e4;  margin-left:65px; margin-right:65px; box-shadow :1px 1px 1px 0px #000;}  /* 메뉴바 위치 */
.gnb_menu .gnb ul {position:relative; top:-11px; overflow:hidden;  width:100%; margin:0 auto;}

.gnb_menu .gnb ul li {float:left;}
.gnb_menu .gnb ul li  p {font-size:22px; font-weight:bold; text-decoration:none; font-family:'나눔고딕', Nanum Gothic, Arial, Helvetica, sans-serif; }
.gnb_menu .gnb ul li  p a{ display:block; color:#ffffff; padding-left:67px;}
.gnb_menu .gnb ul li  p a.sel{color:#003366; text-decoration:underline;}
.gnb_menu .gnb ul li  p a:hover,
.gnb_menu .gnb ul li  p a:active,
.gnb_menu .gnb ul li  p a:focus {color:#003366;text-decorationunderline;}


.gnb_menu .gnb ul li >a {display:block; height:100px; padding:0 30px; color:#000;font-size:14px;text-decoration:none; line-height:100px; }
.gnb_menu .gnb ul li >a:hover,
.gnb_menu .gnb ul li >a:active,
.gnb_menu .gnb ul li >a:focus {color:#0066cc;text-decoration:none;}
.gnb_menu .gnb ul li.active a {color:#0066cc;}
.gnb_menu .gnb ul li ul li a.on span { color:#0066cc; font-weight:bold;}


div.wrap_move div .gnb_menu .gnb ul li ul li a.on span { background-position:0 -40px; color:#fff;}
div.wrap_move div .gnb_menu .gnb ul li ul li a:hover span { background-position:0 -40px; color:#fff;}


#header .gnb_menu .gnb ul li ul li:first-child a { background:none;}
#header .gnb_menu .gnb ul li ul li p { display:none; }
#header .gnb_menu .gnb ul li ul li:hover p,
#header .gnb_menu .gnb ul li ul li a.on +p { display:block; position:absolute; left:50%; bottom:-1px; width:13px; height:8px; text-indent:-99999px;}



.container{clear:both; position:relative; top:-160px; margin:0; padding:0;}


.web_area {clear:both; position:relative; top:-160px; margin:0; padding:0;}

/* 서브이미지 */
.subBg{background:#ffffff !important}

.subVisual-1 {width:1200px;	height:436px; text-align: center; margin:0; padding:0;}
.subVisual-1  a {
	display:block;
    width: 100%;
    height: 100%;
    background:url("../images/subimg-1.jpg") no-repeat; 
    background-size: 100% 100%;
}

.subVisual-2{width:1200px;height:436px; text-align: center; margin:0; padding:0;}
.subVisual-2  a {
	display:block;
    width: 100%;
    height: 100%;
    background:url("../images/subimg-2.jpg") no-repeat; 
    background-size: 100% 100%;
}
.subVisual-3{width:1200px;height:500px; text-align: center; margin:0; padding:0;}
.subVisual-3  a {
	display:block;
    width: 100%;
    height: 100%;
    background: url("../images/subimg-3.jpg") no-repeat; 
    background-size: 100% 100%;
}

.subVisual-4{width:1200px;height:436px; text-align: center; margin:0; padding:0;}
.subVisual-4  a {	
    display:block;
    width: 100%;
    height: 100%;
    background:url("../images/subimg-4.jpg") no-repeat; 
    background-size: 100% 100%;
}
.subVisual-5{width:1200px;height:436px; text-align: center; margin:0; padding:0;}
.subVisual-5  a {
	display:block;
    width: 100%;
    height: 100%;
    background:url("../images/subimg-5.jpg") no-repeat; 
    background-size: 100% 100%;
}

.subVisual-6{width:1200px;height:436px; text-align: center; margin:0; padding:0;}
.subVisual-6  a {
	display:block;
    width: 100%;
    height: 100%;
    background:url("../images/subimg-6.jpg") no-repeat; 
    background-size: 100% 100%;
}
.subVisual-7{width:1200px;height:436px; text-align: center; margin:0; padding:0;}
.subVisual-7  a {
	display:block;
    width: 100%;
    height: 100%;
    background:url("../images/subimg-7.jpg") no-repeat; 
    background-size: 100% 100%;
}



.svTxtArea{position:absolute;width:100%;top:210px;left:0;text-align:center;}
.svTit{display:block;font-size:36px;color:#fff;font-weight:bold; line-height:1.2;}
.svTit2{font-size:20px;padding-top:5px;}

.svSTit{display:block;margin-top:15px;font-size:20px;color:#fff;font-weight:bold;line-height:1.5;}
.sub_point{border-bottom:4px solid #fc5521; width: 30px;  margin: 0 auto;}
.svSTit2 {font-size:14px;padding-top:5px;}


/* footer */
.footer_box  {width:100%; height:110px; background:#004d93; position:relative; top:-120px;}
.footer_box_area {width:1200px;margin:0 auto;}
.footer_box .basic_footer {width:1200px;margin:0 auto;}
.footer_box h1 {float:left; position:relative; top:30px;}
.footer_box .basic_footer .address {float:left; display:inline-block;zoom:1;*display:inline;position:relative;top:30px;left:100px; font-style:normal;text-align:left; width:70%;}
.footer_box .basic_footer .address p {color:#ffffff;font-size:13px;letter-spacing:-0.25px;line-height:2;}
.footer_box .basic_footer .bot_top {float:right;  margin-top:30px;  position:relative;  z-index:9999;}
/* // footer */

.bt_clear{ clear:both}


@media screen and (max-width:640px) {
.subVisual-1 {width:100%; height:380px; background-size: cover;}
.subVisual-2 {width:100%; height:380px; background-size: cover;}
.subVisual-3 {width:100%; height:380px; background-size: cover;}
.subVisual-4 {width:100%; height:380px; background-size: cover;}
.subVisual-5 {width:100%; height:380px; background-size: cover;}
.subVisual-6 {width:100%; height:380px; background-size: cover;}
.subVisual-7 {width:100%; height:380px; background-size: cover;}

.svTxtArea{width:100%; margin:0 auto;}
.svTit{font-size:26px; padding-left:25px; padding-right:25px;}
.svTit2{font-size:14px;padding-top:5px;}

.svSTit{font-size:16px;}
.svSTit2 {font-size:12px;padding-top:4px;}

}




