@charset "utf-8";

@font-face {
    font-family: ng;
    font-style: normal;
    font-weight: 700;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
    src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('x-woff2'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
    font-family: ng;
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
    src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('x-woff2'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: ng;
    font-style: normal;
    font-weight: 800;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
    src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('x-woff2'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
         url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

html { overflow-y:scroll;}
body{margin:0;padding:0;font-family:'나눔고딕',NanumGothic,ng;}
img{border: 0;}
.clear{position: relative;  *zoom: 1;}
.clear:before,.clear:after {display: table;  line-height: 0;  content: "";}
.clear:after {clear: both;}

.s_content{position:relative; width: 100%;}
/*라인 컬러 #333 , #5462ab*/
/*상단*/
.s_top{position: relative;width: 100%; height: 90px; border-bottom:2px solid #333; z-index: 90;}
.s_top_area{position:relative; width: 1000px; margin: 0 auto; height: 90px;}
.top_logo{ position:absolute; top:25px; left:0; }
/*상단메뉴*/
.top_menu{ position:absolute; top:0px; right:10px; height: 53px;}
.top_menu ul{list-style:none;margin:0;zoom:1; float:left; padding:5px 0;}
.top_menu ul:after{content:"";display:block;clear:both}
.top_menu li{float:left;list-style:none;padding-left:2px;position:relative;white-space:nowrap; color:#ddd;}
.top_menu li.first{padding:0;background:none}
.top_menu li a{float:left;padding:0 5px 0 0; color:#888; white-space:nowrap;text-decoration:none; font-size:11px;font-family: Dotum, Tahoma;}
.top_menu li a:hover,
.top_menu li a:active,
.top_menu li a:focus{ color:#7e95c9;}
.top_menu li.active a{font-weight:bold;color:#7e95c9;}

/*메인메뉴*/
.gnb{position:absolute; top:40px;  right:50px; margin:0; padding:0; white-space:nowrap; z-index:120; }
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb li{position:relative;float:left; display: block; margin: 0 10px;}
.gnb li.first{padding:0;background:none}
.gnb li a{float:left; text-decoration: none; color:#000; font-weight:bold; padding: 5px 12px 27px; white-space:nowrap;font-size:16px;}
.gnb li a:hover{ color:#7e95c9;}
.gnb ul ul{display:none;position:absolute;left:0;top:50px;padding:5px 0;background:#fff;border:2px solid #333; border-top:2px solid #fff; margin: 0; width: 150px; }
.gnb li li{float:none;background:none;padding:0 5px;left:0;border-bottom:0px solid #ddd;text-decoration: none;margin: 0;}
.gnb li li a{float:left;display:block;padding:7px 15px !important;background:none !important;height:auto;font-weight:normal !important;text-decoration: none;white-space:nowrap; width: 110px;font-size:13px;}
.gnb li li a:hover,
.gnb li li.active a{color:#fff; border:0px solid #aa1313; background-color:#7e95c9 !important; }

.menulist{position:relative;float:right; width: 100%; z-index: 100; }
/*all 사이트맵*/
.all_sitemap_btn{position: absolute; right:30px; bottom:-25px;cursor:pointer; z-index: 15;}
.all_sitemap{position: relative; width:100%; background-color:#000000; padding:25px 0 15px; z-index: 10;display:none;}
.all_sitemap:after{content:"";display:block;clear:both;}

#sitemap_list { width:1000px; margin:0 auto; padding:0px; clear:both;}
#sitemap_list a { text-decoration:none;  } 
#sitemap_list li { list-style:none; margin:0; padding:0; line-height:0; float:left; white-space:nowrap;}
#sitemap_list li a span { position:relative; font-size:13px; line-height:15px; color:#7e95c9;}
#sitemap_list ul { margin:0; padding:0; clear:both; }
#sitemap_list .li01 { margin-right:50px; }
#sitemap_list .a01 span { font-size:14px; font-weight: bold; line-height:15px; }
#sitemap_list .a01 span:hover{ text-decoration:underline;color:#7e95c9;}
#sitemap_list .ul02{padding-top:10px;}
#sitemap_list .li02 { float:none; padding:3px 0; margin:0;}
#sitemap_list .a02 span { font-size:13px; line-height:15px;  color: #ddd; }
#sitemap_list .a02 span:hover{ text-decoration:underline;color:#7e95c9;}
#sitemap_list .li03 { float:none; padding:5px 0 3px; margin:0;}
#sitemap_list .a03 span {  font-size:13px; line-height:15px;  color:#999; }
#sitemap_list .a03 span:hover{ text-decoration:underline;color:#7e95c9;}

/*본문*/
.s_body{position: relative; width: 100%; background-color:#f4f4f4; z-index: 1;border-bottom:1px solid #ececec; height: 542px;}
.s_body2{background-color: #fff; height:180px; border:0;}
.image_menu_bg{position:absolute;  top: 0; left:0; width:1000px; height:542px; background: url(../img/banner_bg.png) repeat-x;}
.s_body_area{position: relative; width: 1000px; margin: 0 auto;z-index: 3; }
/*본문배너*/
.s_body_area .banner{position: relative;width: 260px; float: left;padding: 0; margin: 0;}
.s_body_area .banner li{position: relative; padding: 0; margin: 0; list-style: none; height: 180px; }
.s_body_area .banner .image4{position: relative;border-bottom:1px solid #ececec; border-left:1px solid #ececec; overflow:hidden;width: 260px;height: 180px;}
.s_body_area .banner .image4 .fixed{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/blank.gif);text-decoration:none;}
.s_body_area .banner .image4 .fixed:hover{background-color: #000; filter:alpha(opacity=10); -khtml-opacity: 0.10; -moz-opacity: 0.10; opacity: 0.10;}
.s_body_area .banner .code{padding: 20px;}

.content_slider{position:relative; padding: 0; width: 739px; height:542px; float: right;border-left:1px solid #ececec; background-color: #f4f4f4;}

.supoport_box_bg{position:absolute;  top: 0; left:0; width:1000px; height:180px; background-color:#5462ab;}
.s_body_area .supoport_box{position:relative; width: 260px; float: left;}
.s_body_area .supoport_box .fixed{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/blank.gif);text-decoration:none;}
.s_body_area .supoport_box .fixed:hover{background-color: #000; filter:alpha(opacity=10); -khtml-opacity: 0.10; -moz-opacity: 0.10; opacity: 0.10;}
.s_body_area .product_box{float: left; border-left:1px solid #ececec; width: 739px; height: 180px; background: #fff;}
.s_body_area .product_box .product{width: 450px; height: 180px; float: left;}
.s_body_area .product_box .product .product_widget{padding-top: 20px;}
.s_body_area .product_box .notice{width: 288px; height: 180px; float: right;}

.content2{position:relative; padding: 0; width: 1000px; margin: 0 auto;overflow:hidden;}
.content2:after{content:"";display:block;clear:both;}

.image_box {position:relative; width: 100%; height: 106px; background-color: #dd2036;}
.content_image{position:relative; width:980px; margin: 0 auto; height:106px; z-index: 1;*z-index: -1;}

/*왼쪽+본문*/
.sub_bg{ background: url(../img/sub_bg.png) repeat-y;}
.content_side_left_box{position:relative; float:left; width:209px; padding:0px; margin:0 0 20px;*z-index:-1; background:url(../img/side_title_bg.png)}
.content_side_left{position:relative; *z-index:-1;}
.content_side_left h2{width:209px; padding:0; margin:0; color: #fff; font-weight:bold; text-align: center; height:135px; line-height:130px; background:#5462ab url(../img/side_title_bg.png) no-repeat; border-bottom:1px solid #e8e8e8; }
.content_side_left h2 a{color: #fff; text-decoration: none;}
.center_content{position:relative; float:right; min-height:200px; width:750px; padding:0;*z-index:-1;}
.center_content:after{content:"";display:block;clear:both}

.content_side_banner_left{position:relative; float:left; width:169px; padding:0px; *z-index:-1;clear:left; border-bottom:1px solid #e8e8e8; padding: 20px;}
.content_side_banner_left h3{ font-size:13px; color: #333; font-weight:bold; border-bottom:1px solid #e8e8e8; margin:0; padding-bottom: 10px; margin-bottom: 10px;}

/*세로형 2차메뉴*/
.locNav {padding:0;width:100%;margin:0;list-style:none;}
.locNav li{padding:0;vertical-align:top; display:inline;}
.locNav li a{padding:15px; display: inline-block;border-bottom:1px solid #e8e8e8;color:#3e3e3e;position:relative;z-index:80;text-decoration:none;width:179px; font-size:13px; font-weight:bold;}
.locNav .arrow{position: absolute;top:0; padding:15px;right:0;}
.locNav li a:hover,
.locNav li.active a{color:#fff; background-color: #6782c0; }
.locNav li .patch{padding-bottom: 0;}

/* 현재위치 */
.sub_title{position:relative; clear: both;}
.sub_title2{position:relative; height:169px; line-height:160px; color:#333; font-size: 30px; font-weight:bold; border-bottom:2px solid #333; margin-bottom:10px; padding:0; padding-left:20px;}
.sub_img{position: absolute; height:169px; width:412px;  right:0; top:0; }
.sub_location { position: absolute; color:#999; height:22px; left:20px; bottom:60px;  }
.sub_location ul { float:right; margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_location li { float:left; padding:0px;}
.sub_location li:last-child {background:none;  }
.sub_location a { color:#999; text-decoration:none; padding:5px 6px; font-size: 11px; }
.sub_location a:hover { color:#999;}

/* 3차메뉴 */
.locNav3 {position:relative; width:760px; border-bottom:1px solid #dd2036; margin:0 0 20px;padding:0;}
.locNav3:after{content:"";display:block;clear:both}
.locNav3 li{position:relative; padding:8px 0; *padding:0; list-style:none; float: left;  margin-right: 3px;}
.locNav3 li a{color:#3e3e3e;position:relative;text-decoration:none;padding:8px 30px; background-color: #333; color: #fff; font-size:13px;}
.locNav3 li.active a{color:#fff; background-color:#dd2036;}
.locNav li ul{position:relative;width:100%;padding:0;margin:0;overflow:hidden;color:#818181; background-color:#f6f6f6; }
.locNav li li{position:relative;top:-1px;width:100%;display:block;padding:0 5px; }
.locNav li li a{color: #818181 !important;border:none;background:none !important;}
.locNav li li a:hover{background:#f6f6f6 !important; color:#5462ab !important;}
.locNav li.active li.active a{color: #5462ab !important;font-weight:bold !important;}

/*하단*/
.s_bottom{position:relative; width: 100%;border-top:1px solid #ececec;}
.bottom_info{padding:10px 0; position:relative; width: 1000px; margin: 0 auto; }
.bottom_info:after{content:"";display:block;clear:both;}
.bottom_info .foot_menu{position:relative; height: 33px;padding-left:10px; }
.bottom_info .foot_menu ul{list-style:none;margin:0;zoom:1; padding:10px 0 0;}
.bottom_info .foot_menu ul:after{content:"";display:block;clear:both}
.bottom_info .foot_menu li{float:left;list-style:none;position:relative;white-space:nowrap}
.bottom_info .foot_menu li.first{padding:0;background:none}
.bottom_info .foot_menu li a{float:left;padding:0 10px 5px 0; color:#888; white-space:nowrap;text-decoration:none;font-size:11px;}
.bottom_info .foot_menu li a:hover,
.bottom_info .foot_menu li a:active,
.bottom_info .foot_menu li a:focus{ color:#5462ab;font-weight:bold;}
.bottom_info .foot_menu li.active a{font-weight:bold; color:#5462ab;}
.bottom_info .foot_menu .goto{position: absolute; top:5px; right:0;background-color: #333; padding:5px 10px; height: 12px;color: #fff; }
.bottom_info .foot_menu .goto a{float:left;color:#fff; white-space:nowrap;text-decoration:none;font-size:10px;}
.bottom_info .copyright{position:relative; padding:0 10px; color:#888; white-space:nowrap;text-decoration:none;font-size:11px;}
.bottom_info .copyright .foot_logo{position: absolute; top:-20px; right:10px; text-align: center;}
.bottom_info .copyright .foot_logo a{ color:#999999; text-decoration:none; font-weight:bold; font-size:18px; text-align: center; line-height: 30px;}