/*공통 폰트*/


/* header */
header{position:relative;width:100%;height:90px;z-index: 98}
header:after{display:block;content:'';clear:both}
header .h_wrap{position:relative;margin:0 auto;width:1180px}
header .h_wrap.main{width:1540px}
header .top_logo{display:inline-block;position:absolute;top:32px;left:0;width:117px;height:40px;}
header .top_logo h1{display:inline-block; width:149px;height:40px; background:url('../../../img/logo.png') no-repeat 0 0;text-indent:-9999px}
header .gnb{margin:0 auto;width:910px;}
header .gnb:after{display:block;content:'';clear:both}
header .gnb nav>ul::after{content:'';display:block;clear:both;}
header .gnb nav>ul>li{float:left;position:relative;padding:0 40px;font-size:16px;font-weight:700;text-align:center;}
header .gnb nav>ul>li>a{display:block;height:90px;line-height:90px}
header .gnb nav>ul>li>ul>li {font-size: 10px; font-weight: 100;}
header .gnb nav>ul>li.on>a, header .gnb nav>ul>li:hover, .gnb nav>ul>li>a:focus{color:#7d80ba}
header .gnb nav>ul>li.on>a:before, .gnb nav>ul>li:hover:before, .gnb nav>ul>li>a:focus:before{content:''; position:absolute;bottom:-1px;left:25px;right:25px;height:4px;background-color:#7d80ba}
header .gnb nav>ul>li>ul{position:absolute;top:89px;left:0;width:100%;height:0;overflow:hidden;z-index:20;opacity:0;transition:all .3s ease-in-out}
header .gnb nav>ul>li>ul>li{font-size:16px;font-weight:300;color:#000;line-height:45px}
header .gnb nav>ul>li>ul>li>a{display:block;height:45px;line-height:45px;color:#000}
header .gnb nav>ul>li>ul>li.on>a, header .gnb nav>ul>li>ul>li>a:hover, .gnb nav>ul>li>ul>li>a:focus{font-weight:400;color:#7d80ba}
header .language{position:absolute;top:26px;right:0;}
header .language:after{display:block;content:'';clear:both}
header .language li{float:left;width:55px;height:38px;font-size:12px;color:#999;text-align:center;line-height:38px;letter-spacing:-1.5px;box-sizing:border-box}
header .language li:first-child{border-radius:30px 0 0 30px}
header .language li:last-child{border-radius:0 30px 30px 0}
header .language li.on{color:#333;background-color:#eee}
header .bg_gnb{position:absolute;top:90px;left:0;right:0;height:0;border-top:1px solid #e4e4e4;background-color:#fff;z-index:10;opacity:0;transition:all .3s ease-in-out}
header.show .bg_gnb{height:375px;opacity:0.9;  }
header.show .gnb nav>ul>li>ul{height:auto;padding-top:25px;opacity:1}



/* main article */
article{ }

/* section1 */
article .main_visual{width: 100%; height:905px; }
article .main_visual .main_visual_bg{width:100%; height:100%;;background: url(../../../img/background_01.jpg); background-size: cover; background-repeat: no-repeat;}
article .main_visual .main_visual_bg .main_visual_bg_text{width:1000px;  margin: 0 auto; text-align: center; padding-top: 380px;}
article .main_visual .main_visual_bg .main_visual_bg_text p {font-size: 40px; color: #fff; font-weight: 100;}
article .main_visual .main_visual_bg .main_visual_bg_text a span {display: block;margin-top: 32px;}

.top_btn {width:57px; height:72px;border: none; font-size: 48px; color: #fff;  transition-duration:1s; bottom: -280px; position: relative; background: url(../../../img/arrow.gif); background-repeat: no-repeat;}


/*section2 */
article .main_intro{width: 100%; height: 180px;   padding-top: 20px;}
article .main_intro .main_intro_bg {width:68px; height: 60px;  margin: 0 auto;  background: url(../../../img/background_1.jpg);background-size: cover; background-repeat: no-repeat; background-position: center;}
article .main_intro .main_intro_text{margin: 0 auto; margin-top: 20px; text-align: center;}
article .main_intro .main_intro_text h2{font-size:24px; color: #4c4948; font-weight: 600;}
article .main_intro .main_intro_text h2 span{color: #20425f;}
article .main_intro .main_intro_text p{margin-top:45px;font-size: 18px; color: #4c4948; line-height: 25px;}

/* section3 */
article .main_visual_menu_bg{width: 100%; height: 730px; background: url(../../../img/background_02.png); background-position: center;background-size: cover; background-repeat: no-repeat;}
article .main_visual_menu_bg .main_visual_menu{width: 930px;height: 100%; margin: 0 auto;  border: 1px solid #fff0;}
article .main_visual_menu_bg .main_visual_menu .main_visual_menu_text {width: 933px; margin: 0 auto;  margin-top: 53px; }
article .main_visual_menu_bg .main_visual_menu .main_visual_menu_text #box_float{float: left}

/* img hover event */
article .main_visual_menu_bg .main_visual_menu .main_visual_menu_text #box_float img{width:310px; height:310px;transition: transform .2s;}
article .main_visual_menu_bg .main_visual_menu .main_visual_menu_text #box_float img:hover{-ms-transform: scale(1.1); /* IE 9 */-webkit-transform: scale(1.1); /* Safari 3-8 */transform: scale(1.1); background:#92848840 }

/* footer */
footer{width: 100%; height: 420px; background:#1d425d; clear: both;}
footer .footer_bg{width: 930px; height: 390px; margin: 0 auto;}
footer .footer_bg .footer_bg_information{color: #fff; height: 420px; float: left; margin-right: 40px;}
footer .footer_bg .footer_bg_information h2{font-size: 36px; padding-top: 50px; margin-bottom: 30px;}
footer .footer_bg .footer_bg_information .hr_bg {width:10px; height: 3px; background: #fff;  margin-bottom: 15px; }

footer .footer_bg .footer_bg_information .info{ width:380px; height: 200px; float: left;}
footer .footer_bg .footer_bg_information .info p {font-size: 14px;  margin-bottom: 10px; font-weight: 100}
footer .footer_bg .footer_bg_information .info p span {width:65px;font-size: 16px; font-weight: 700 !important; margin-right: 20px; display: inline-block;}

footer .footer_bg .footer_bg_information .info_sns{width:290px; float: left}
footer .footer_bg .footer_bg_information .info_sns h3{font-size: 16px; margin-bottom: 20px;}
footer .footer_bg .footer_bg_information .info_sns a img {margin-bottom: 25px; }

footer .footer_bg .info_facebook_api_wrapper {width:220px; height:100%;  float: left; }
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api{width: 100%; height: 327px; background: #fff; margin-top: 50px;}

footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper{width: 100%; height: 125px;  margin: 0 auto;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile{width: 210px; height: 125px; background: #193a84; margin: 0 auto; margin-top: 5px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile .profile_logo {margin-left: 4px; padding-top: 4px; float: left}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile .profile_name{ color: #fff; position: relative; left: 5px; top: 5px;  margin-left: 10px; }
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile .profile_name h3{font-size: 14px; font-weight: 700;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile .profile_name h4{font-size: 10px; font-weight: 100; margin-top: 5px; }
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile .profile_like { clear: both; margin-left: 5px; padding-top: 35px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .info_facebook_api_profile .profile_like #u_0_5{display: none !important;}

footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed{width: 210px; height: 190px;; background: #eaeaea; clear: both; margin: 0 auto;  padding-top: 10px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background{width:200px; height:170px;border: 1px solid #ecedf0; margin: 0 auto;;background: #fff; }
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background .newsfeed_logo {padding: 10px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background .newsfeed_logo a{width: 35px; height: 35px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background .newsfeed_logo a img{width: 35px; height: 35px; border:1px solid #ecedf0; float: left;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background .newsfeed_logo h2{font-size:12px; font-weight: 700;color: #595757; position: relative; left: 5px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background .newsfeed_logo h3{font-size:10px; font-weight: 700;color: #90949d; position: relative; left: 5px;}
footer .footer_bg .info_facebook_api_wrapper .info_facebook_api .info_facebook_api_wrapper .profile_newsfeed .profile_newsfeed_background .newsfeed_text{clear: both; margin-top: 15px; padding: 10px; padding-top: 5px; color: #666464; font-size: 12px;}

footer .footer_site_info_wrapper{width:100%; height:85px;background: #fff; clear: both;  }
footer .footer_site_info_wrapper .footer_site_info{width: 1000px; height:85px;margin: 0 auto; padding-top: 25px;}
footer .footer_site_info_wrapper .footer_site_info .footer_site_logo{float: left; border-right: 1px solid #9f9fa0; padding-right: 10px; margin-top: 4px; }
footer .footer_site_info_wrapper .footer_site_info .footer_site_info_text{ width:750px;float: left; padding-top: 3px;  padding-left: 10px; color: #4c4948;}

footer .footer_site_info_wrapper .footer_site_info .footer_site_info_butten {float: left;left: 0; }
footer .footer_site_info_wrapper .footer_site_info .footer_site_info_butten a p{border: 1px solid #e5e5e5; float: left; padding: 6px;}
footer .footer_site_info_wrapper .footer_site_info .footer_site_info_butten a p img {margin-right: 10px;}
footer .footer_site_info_wrapper .footer_site_info .footer_site_info_butten a .p_butten{}


@media screen and (max-width:1200px) {
    #header {
        width:100% !important;
        margin: 0 auto;
    }
    #tnb ul{
        position: relative;
        right: 190px;

    }
    #header .wrap_header .header #gnb{
        
        right: 190px;
    }


    #header .wrap_header .header #gnb ul li{
        width: 130px;
        font-size: 12px;
        transition-duration: 0s;
        text-align: center;
    }
    article{
        width: 100% !important;
     }
     article .main_intro{
         height: 450px;
     }


     article .main_intro .main_intro_text p{
         width: 95%;
         margin: 0 auto;
         margin-top:45px;
     }
     article .main_intro_text{
         width: 100% !important;
     }

}