@charset "UTF-8";

/* header */
.header {position: relative; background-color: #fff; z-index: 10000;}
.header .outInner{position:relative; width:auto; margin:0 100px;}
.header .logo{display:inline-block; margin:32px 0;}
.header .logo a{display:inline-block; width:174px; height:36px; font-size:0; text-indent:-99999px; background:url(../img/logo.png) no-repeat top left; vertical-align: top;}

.header .nav{position:absolute; top:0; right:0; padding-right:40px;}
.header .gnb>li{position: relative; float: left; text-align: center;}
.header .gnb>li>a{display:block; padding:0 40px; line-height:100px; font-size:18px; color:#000;}
.header .gnb>li:hover>a{color:#002147;}
.header .gnb>li+li{margin-left:-30px;}
.header .gnb ul{display:none; position:absolute; top:100px; left:0; width:100%; padding:15px 10px; background:#fff;}
.header .gnb ul li{padding:10px 0;}
.header .gnb ul li a{display:inline-block; border-bottom:1px solid #fff; font-size:16px; color:#666; font-weight:200; letter-spacing: -0.045em; line-height:1;}
.header .gnb ul li a:hover{border-bottom:1px solid #002147; color:#002147; font-weight:400;}
.header .language{position:absolute; top:50%; right:0; margin-top:-12px; padding:5px 10px; font-size:13px; font-weight:500; color:#ffffff; border:1px solid #ffffff; border-radius:20px; line-height:1;}

.header .openGnb, .header .gnb_top, .openGnbBg{display:none;}

@media screen and (max-width:1024px){
    .header .outInner{margin:0 40px;}
}

@media screen and (max-width:1200px){
    .header .outInner{margin:0 20px;}
    .header .logo{display:inline-block; height:18px; margin:11px 0; vertical-align: top;}
    .header .logo a{width:87px; height:18px; background-size:contain;}
    .header .nav{position:fixed; top:0; right:-180px; width:180px; height:100%; padding-right:0; background:#fff; z-index:110;
        -webkit-transition:right 0.3s ease;
        -moz-transition:right 0.3s ease;
        -ms-transition:right 0.3s ease;
        transition:right 0.3s ease;
    }
    .header .nav.is-opened{right:0;}
    .header .gnb>li{float: none; text-align:left;}
    .header .gnb>li>a{padding:10px 15px; line-height:1; font-size:15px; font-weight:500;}
    .header .gnb>li+li{margin-left:0;}
    .header .gnb ul{display:block !important; position:relative; top:0; left:0; height:auto !important; padding:15px; border-bottom:1px solid #eee; background:#f9f9f9;}
    .header .gnb ul li{padding:0;}
    .header .gnb ul li a{display:block; padding:5px 0; border-bottom:0; font-size:13px; letter-spacing: 0;}
    .header .gnb ul li a:hover{border-bottom:0;}

    .header .language{top:13px; left:15px; right:initial; margin:0; padding:2px 5px; font-size:10px;}

    .header .openGnb{display:block; position:absolute; top:50%; right:0; width:15px; height:13px; margin-top:-6px; background:url(../img/icon_ham.png) no-repeat top -13px left; background-size:15px 26px; font-size:0; text-indent:-99999px;}
    .header .gnb_top{display:block; border-bottom:1px solid #ddd; line-height:1; text-align:right;}
    .header .closeGnb{width:50px; height:40px; background:url(../img/icon_close.png) no-repeat center center; background-size:13px 13px; font-size:0; text-indent:-99999px; vertical-align: top;}
    .openGnbBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
}

/* footer */
.footer{position:relative; background:#2e2d34; z-index:100;}
.footer .familySite{border-bottom:1px solid #58575d;}
.footer .familySite .inner{width:1180px; margin:0 auto;}
.footer .familySite .form_select{float:left;position:relative; z-index:1;}
.footer .familySite .form_select>button{width:180px;padding: 17px 39px 17px 0px;border-right:1px solid #58575d; color:#999;font-size: 14px;}
.footer .familySite .form_select:first-child>button{border-left:1px solid #58575d;}
.footer .familySite .form_select .linkList{display:none; position:absolute; bottom:48px; left:0; width:100%; max-height:375px; padding:5px 0; background:#2e2d34; border:1px solid #484848; overflow-y:auto;}
.footer .familySite .form_select .linkList a{display:block; padding:5px 10px 5px 20px; font-size:14px; color:#6c6c6c;}
.footer .familySite .form_select .linkList a:hover{color:#eee;}
.footer .familySite .form_select:after{content:""; display:block; position: absolute; top:22px; right:20px; width:10px; height:10px; border:solid #6d6d71; border-width: 1px 0px 0px 1px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.footer .familySite .form_select.is-opened:after{right:20px; border-width:1px 0 0 1px;}
.footer .familySite .form_select.is-opened .linkList{display: block;}

.footer .f_info{position:relative; width:1180px; margin:0 auto; padding:30px 0 25px; color:#979797;font-size: 14px;font-weight: 200;color: #6d6d6d}
.footer .f_info .agency{line-height:1;}
.footer .f_info .agency strong{display:block; margin-bottom:5px; font-size:18px; color:#999; font-weight:500;}
.footer .f_info .agency p+p{margin-top:10px;}
.footer .f_info .addr{position:absolute; top:45px; left:350px; line-height:120%;}
.footer .f_info .copyright{margin-top:15px;}
.footer .f_info .share{position:absolute; bottom:50%; right:0; margin-bottom:-20px;}
.footer .f_info .share li{float:left;}
.footer .f_info .share li+li{margin-left:10px;}
.footer .f_info .share li a{display:block; width: 40px; height:40px; background:url(../img/ico_sns_pc.png) no-repeat top left; font-size:0; text-indent:-99999px;}
.footer .f_info .share li .sns_fb{background-position:-50px 0;}

@media screen and (max-width:1240px){
    .footer .familySite .inner{width:auto; margin:0 20px;}
    .footer .f_info{width:auto; margin:0 20px;}
}

@media screen and (max-width:1024px){
    .footer .f_info .addr{left:300px;}
    .footer .f_info .share{margin-bottom:0;}
}

@media screen and (max-width:767px){
	.footer .inner{padding: 0;}
    .footer .familySite{position:relative;}
    .footer .familySite .inner{margin:0;}
	.footer .familySite .box{display: block;}
	.footer .familySite .form_select{width: 100%;}
    .footer .familySite .form_select>button{width:100%; height:32px; border-right:0; border-top:1px solid #58575d; font-size:12px;font-weight: 200;text-align: left;padding:10px 20px;}
    .footer .familySite .form_select:first-child>button{border-left:0;}
    .footer .familySite .form_select.is-opened>button{border-top:0;}

    .footer .familySite .form_select .linkList{bottom:32px; border-width:1px 0 0 0;border-bottom:1px solid #484848;}
	.footer .familySite .form_select .linkList a{font-size: 12px;padding: 10px 20px;}
    .footer .familySite .form_select:after{content:""; display:block; position: absolute; top:12px; right:20px; width:10px; height:10px; border:solid #6d6d71; border-width: 1px 0px 0px 1px;}

    .footer .f_info{padding:20px 0 30px; overflow:hidden; font-size:10px;}
    .footer .f_info .agency{float:left; width:40%;}
    .footer .f_info .agency strong{margin-bottom:3px; font-size:13px;}
    .footer .f_info .agency p+p{margin-top:10px;}
    .footer .f_info .addr{float:left; position:relative; top:0; left:0; width:50%; margin-left:30px; letter-spacing:-0.045em;}
    .footer .f_info .copyright{margin-top:10px;}
    .footer .f_info .share{position:absolute; bottom:15px; right:0; margin-bottom:0;}
    .footer .f_info .share li+li{margin-left:5px;}
    .footer .f_info .share li a{display:block; width:20px; height:20px; background-image:url(../img/ico_sns_m.png); background-size: 42px 20px;}
	.footer .f_info .share li .sns_fb{background-position:-23px 0;}
}

.overflow_fixed{overflow:hidden;}