@charset "UTF-8";

body{position:relative;}
body.fixed{overflow-y:hidden;width:100%;}
body.ie_9:after{content:'';position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;background:#333;}
body .user_layout{position:relative;z-index:1;}
#header{position:absolute;top:0;left:0;z-index:100;width:100%;}
#header .full_inner{position:relative;}
/* #header .lang{text-align:right;background:#fff;border-bottom:solid 5px #f3a03f;}
#header .lang > ul{box-sizing:border-box;padding:0 50px 0 0;}
#header .lang li{display:inline-table;}
#header .lang li p{ display:none;}
#header .lang li a{display:block;line-height:3;font-size:16px;color:#626262;font-weight: 400;}
#header .lang li.contact_us a{margin:0 0 0 45px;} */

#header .gnb{position:relative;z-index:2;float:none;background:transparent;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
#header .gnb .full_inner{height:100px;overflow:visible;position:relative;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#header .gnb .logo{position:absolute;left:50px;top:0;height:100%;}
#header .gnb .logo a{display:block;position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
#header .gnb .logo .logo_c,
#header .gnb .logo .logo_w{width:171px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#header .gnb .logo .logo_c{display:none;}
#header .gnb .logo .logo_w{display:block;}
#header .gnb .logo img{height:100%;}
#header .gnb .inner{margin:0;}
#header .gnb .inner > ul{}
#header .gnb .inner > ul > li{position:relative;}
#header .gnb .inner > ul > li > a{position:relative;display:block;margin:0 85px;font-size:20px;color:#fff;font-weight:500;}
#header .gnb .inner > ul > li:hover > a::before,
#header .gnb .inner > ul > li.active > a::before{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:#ffc000;}
#header .gnb .inner > ul > li > .sub_gnb{display:none;position:absolute;top:60px;left:0;width:100%;}
#header .gnb .inner > ul > li > .sub_gnb li{text-align:center;}
#header .gnb .inner > ul > li > .sub_gnb li a{display:block;font-size:18px;line-height:1.6;padding:10px;color:#333;}
#header .gnb .inner > ul > li > .sub_gnb li a:hover{font-weight:700;}
#header .gnb .inner > ul > li > .sub_gnb li.active a{color:#f3a03f;font-weight:700;}
#header .gnb .sitemap_btn{padding:0 85px;}
#header .gnb .sitemap_btn a{display:block;position:relative;width:30px;height:22px;}
#header .gnb .sitemap_btn a span{position:absolute;display:block;width:30px;height:3px;background:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
#header .gnb .sitemap_btn a span:nth-of-type(1){top:0;}
#header .gnb .sitemap_btn a span:nth-of-type(2){top:calc(50% - 1px);right:0;left:none;width:20px}
#header .gnb .sitemap_btn a span:nth-of-type(3){bottom:0;}
#header .gnb .sitemap_btn{}
#header.on .gnb{}
#header.on .gnb .inner{}
#header.on .gnb .inner > ul{}
#header.on .gnb .inner > ul > li{}
#header.on .gnb .inner > ul > li > .sub_gnb{display:block;background:transparent;}
#header.on .gnb .inner > ul > li > .sub_gnb li a{color:#fff;}
#header.on .sitemap_btn{}
#header.on .sitemap_btn a span:nth-of-type(1){top:calc(50% - 1.5px);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#header.on .sitemap_btn a span:nth-of-type(2){display:none;}
#header.on .sitemap_btn a span:nth-of-type(3){bottom:calc(50% - 1.5px);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#header.on:after{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:500px;background:rgba(0,0,0,.5);}
body #header.sticky{position: fixed;top: 0px;left: 0;width: 100%;background: #fff;box-shadow: 0px 0px 5px 0px rgb(85 85 85 / 0.75);-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;-moz-animation: .5s linear 0s dropdowngnb;-webkit-animation: .5s linear 0s dropdowngnb;animation: .5s linear 0s dropdowngnb;}
body #header.sticky.on:after{background:#fff;}
body #header.sticky .lang{display:none;}
body #header.sticky .lang{display:none;}
body #header.sticky.on .gnb{background:#fff;}
/* body #header.sticky .gnb .full_inner{height:4em;} */
body #header.sticky .gnb .logo .logo_c{display:block;}
body #header.sticky .gnb .logo .logo_w{display:none;}
body #header.sticky .gnb .inner > ul > li > a{color:#333;text-align:center;}
/* body #header.sticky .gnb .inner > ul > li > .sub_gnb{top:80px;} */
body #header.sticky .gnb .inner > ul > li > .sub_gnb li a{color:#333;}
body #header.sticky .gnb .sitemap_btn a span{background:#000;}
.main #header{background:rgba(0,0,0,.5);}
.main #header .gnb .inner > ul > li > a{color:#fff;}
.main #header .gnb .sitemap_btn a span{background:#fff;}
.main #header.on{background:transparent;}
@-moz-keyframes dropdowngnb {
    from {top: -50px}
    to {top: 0px}c
}
@-webkit-keyframes dropdowngnb {
    from {top: -50px}
    to {top: 0px}c
}
@keyframes dropdowngnb {
    from {top: -50px}
    to {top: 0px}
}

@media screen and (max-width:1600px){
    #header .gnb .logo{left:40px;}
    #header .gnb .inner > ul > li > a{margin:0 65px;}
    #header .gnb .inner > ul > li > .sub_gnb{top:55px;}
    #header .gnb .sitemap_btn{padding:0 65px;}
    #header .gnb .sitemap_btn a{width:29px;height:21px;}
    #header .gnb .sitemap_btn a span{width:29px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:19px}
    #header.on:after{height:490px;}
}
@media screen and (max-width:1400px){
    #header .gnb .full_inner{height:85px;}
    #header .gnb .logo{left:30px;}
    #header .gnb .inner > ul > li > a{margin:0 50px;font-size:17px;}
    #header .gnb .inner > ul > li > .sub_gnb{top:50px;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:15px;}
    #header .gnb .sitemap_btn{padding:0 50px;}
    #header .gnb .sitemap_btn a{width:28px;height:20px;}
    #header .gnb .sitemap_btn a span{width:28px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:18px}
    /* body #header.sticky .gnb .inner > ul > li > .sub_gnb{top:68px;} */
    #header.on:after{height:460px;}
}
@media screen and (max-width:1200px){
    #header .gnb .full_inner{height:80px;}
    #header .gnb .logo{left:25px;}
    #header .gnb .inner > ul > li > a{margin:0 40px;font-size:16px;}
    #header .gnb .inner > ul > li > .sub_gnb{top:45px;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:14px;}
    #header .gnb .sitemap_btn{padding:0 40px;}
    #header .gnb .sitemap_btn a{width:26px;height:19px;}
    #header .gnb .sitemap_btn a span{width:26px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:17px}
    /* body #header.sticky .gnb .inner > ul > li > .sub_gnb{top:64px;} */
    #header.on:after{height:440px;}
}
@media screen and (max-width:1000px){
    #header .gnb .full_inner{height:75px;}
    #header .gnb .logo{left:20px;}
    #header .gnb .inner{top:104px;}
    #header .gnb .inner > ul > li > a{margin:0 25px;font-size:15px;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:13px;}
    #header .gnb .sitemap_btn{padding:0 25px;}
    #header .gnb .sitemap_btn a{width:25px;height:18px;}
    #header .gnb .sitemap_btn a span{width:25px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:16px}
    /* body #header.sticky .gnb .inner > ul > li > .sub_gnb{top:60px;} */
}
@media screen and (max-width:800px){
    #header .gnb{height:70px;}
    #header .gnb .full_inner{height:100%;}
    #header .gnb .inner{overflow-y:scroll;position:fixed;box-sizing:border-box;top:70px;left:50%;z-index:12;width:50%;height:calc(100vh - 70px);padding:0 0 40px;border-top:solid 2px #efefef;background:#000;transition:all 1s;transform:translateX(100%);}
    #header .gnb .inner > ul{display:none;}
    #header .gnb .inner > ul > li > a{font-size:14px;}
    #header .gnb .inner > ul > li > .sub_gnb{display:none;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:12px;}
    #header .gnb .inner > ul > li:hover > a::before, #header .gnb .inner > ul > li.active > a::before{display:none;}
    #header .gnb .sitemap_btn{padding:0 16px;}
    #header .gnb .sitemap_btn a{width:23px;height:17px;}
    #header .gnb .sitemap_btn a span{width:23px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:15px}
    #header.on:after{display:none;}
    #header.on .gnb{background:#fff;}
    #header.on .gnb .logo .logo_w{display:none;}
    #header.on .gnb .logo .logo_c{display:block;}
    #header.on .gnb .inner{background:#fff;transform:translateX(0%);}
    #header.on .gnb .inner > ul{display:block;}
    #header.on .gnb .inner > ul > li > a{line-height:3;color:#333 !important;border-top:solid 1px #a8a8a8;background:url(../img/arr_menu.png) no-repeat center right 20px;background-size:auto 15%;}
    #header.on .gnb .inner > ul > li:first-of-type > a{border-top:none;text-align:left;}
    #header.on .gnb .inner > ul > li > .sub_gnb{display:none;position:relative;top:0;background:transparent;}
    #header.on .gnb .inner > ul > li.sub_on > .sub_gnb{display:block;background:#f1f1f1;}
    #header.on .gnb .inner > ul > li > .sub_gnb li a{padding:10px 25px;color:#333;text-align:left;border-top:solid 1px #dcdcdc;}
    #header.on .gnb .inner > ul > li > .sub_gnb li a::before{content:'';display:inline-block;width:10px;height:1px;margin:0 10px 0 0;vertical-align:middle;background:#333;}
    #header.on .gnb .sitemap_btn a span{background:#000;}
    #header.on .gnb .inner > ul > li:hover::after, #header .gnb .inner > ul > li.active::after{display:none;}
    #header.on .gnb .inner > ul > li:hover > .sub_gnb{padding:0;box-shadow:none;}
    /* body #header.sticky .gnb .inner{top:70px;height:calc(100vh - 70px);} */
    body #header.sticky .gnb .inner > ul > li > .sub_gnb{top:0;}
    body #header.sticky .gnb .inner > ul > li > a{text-align:left;}
    body #header.on .gnb.sticky{box-shadow:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-moz-animation:none;-webkit-animation:none;animation:none;}

}
@media screen and (max-width:600px){
    #header .gnb{height:60px;}
    #header .gnb .logo{left:15px;}
    #header .gnb .logo .logo_c, #header .gnb .logo .logo_w{width:160px;}
    #header .gnb .inner{top:60px;left:40%;width:60%;height:calc(100vh - 60px);}
    #header .gnb .inner > ul > li > .sub_gnb{top:72px;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:11px;}
    #header .gnb .sitemap_btn{padding:0 15px;}
    #header .gnb .sitemap_btn a{width:22px;height:16px;}
    #header .gnb .sitemap_btn a span{width:22px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:14px}
}
@media screen and (max-width:500px){
    #header .gnb .logo .logo_c, #header .gnb .logo .logo_w{width:150px;}
    #header .gnb .inner{left:30%;width:70%;}
    #header .gnb .inner > ul > li > .sub_gnb{top:69px;}
    #header .gnb .sitemap_btn a{width:21px;height:15px;}
    #header .gnb .sitemap_btn a span{width:21px;}
}
@media screen and (max-width:380px){
    #header .gnb .logo .logo_c, #header .gnb .logo .logo_w{width:140px;}
    #header .gnb .inner > ul > li > a{font-size:12px;}
    #header .gnb .inner > ul > li > .sub_gnb{top:66px;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:10px;}
    #header .gnb .sitemap_btn a{width:20px;height:14px;}
    #header .gnb .sitemap_btn a span{width:20px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:13px}
}
@media screen and (max-width:350px){
    #header .gnb .logo{left:10px;}
    #header .gnb .logo .logo_c, #header .gnb .logo .logo_w{width:130px;}
    #header .gnb .inner > ul > li > a{font-size:11px;}
    #header .gnb .inner > ul > li > .sub_gnb{top:61px;}
    #header .gnb .inner > ul > li > .sub_gnb li a{font-size:9px;}
    #header .gnb .sitemap_btn{padding:0 10px;}
    #header .gnb .sitemap_btn a{width:18px;height:13px;}
    #header .gnb .sitemap_btn a span{width:18px;}
    #header .gnb .sitemap_btn a span:nth-of-type(2){width:12px}
}

/* footer */
#footer{position:relative;padding:170px 0 0;z-index:90;margin:-172px 0 0;background:url(../img/foot_wave_1600.png) repeat-x top center;}
#footer .cont{padding:0 0 60px;background:#111a38;}
#footer .mid_inner{position:relative;}
#footer .logo{width:100%;max-width:175px;height:38px;}
#footer .logo svg{height:100%;}
#footer .box_desc{margin:0 0 0 70px;}
#footer .box_desc .desc{line-height:1.7;font-size:14px;color:#fff;word-break:keep-all;}
#footer .box_desc .desc span{display:inline-block;width:1px;height:12px;margin:0 8px;vertical-align:middle;background:#fff;}
#footer .box_desc .desc a{color:#fff;}
#footer .box_desc .copyright{line-height:2;font-size:12px;color:#fff;}
#footer .box_desc .sponsor{margin-top:35px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#footer .box_desc .sponsor img{width:156px;}
#footer .box_desc .sponsor p{margin-left:15px;line-height:1.7;font-size:14px;color:#fff;}

#footer .box_icon{position:absolute;top:50%;right:250px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
#footer .box_icon ul{-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#footer .box_icon ul li{float:left;margin:0 0 0 20px;}
#footer .box_icon ul li a{}

.moreMargin #footer{margin:-210px 0 0;}
@media all and (max-width:1200px){
	.moreMargin #footer{margin:-190px 0 0;}
}
@media all and (max-width:1000px){
	.moreMargin #footer{margin:-180px 0 0;}
}
@media all and (max-width:800px){
	.moreMargin #footer{margin:-170px 0 0;}
}
@media all and (max-width:600px){
	.moreMargin #footer{margin:-150px 0 0;}
}
@media all and (max-width:500px){
	.moreMargin #footer{margin:-150px 0 0;}
}
@media all and (max-width:380px){
	.moreMargin #footer{margin:-140px 0 0;}
}
@media all and (max-width:350px){
	.moreMargin #footer{margin:-130px 0 0;}
}


/* box_family */
#footer .box_family{box-sizing:border-box;position:absolute;top:50%;right:0;width:220px;border:1px solid #fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
#footer .box_family label{position:relative;display:block;margin:10px 16px;line-height:2.14;font-size:14px;letter-spacing:0.1em;color:#fff;cursor:pointer;}
#footer .box_family label:after{content:'';position:absolute;top:0;right:0;display:block;width:10px;height:100%;background:url(../img/icon_down.png)no-repeat center center;}
#footer .box_family ul{display:none;position:absolute;bottom:100%;left:-1px;right:0;width:100%;padding:0;margin:0;background:#fff;border:1px solid #fff;}
#footer .box_family ul li{list-style:none;}
#footer .box_family ul li a{display:block;line-height:2;padding:5px 16px;font-size:13px;font-weight:400;color:#4c3a9b;text-decoration:none;}
#footer .box_family.on ul{display:block;}

@media all and (max-width:1600px){
    #footer .cont{padding:0 0 58px;}
	#footer .logo{max-width:170px;height:37px;}
    #footer .box_desc{max-width:765px;margin:0 0 0 65px;}
    #footer .box_desc .desc span:last-of-type{display:none;}
    #footer .box_desc .sponsor{margin-top:34px;}
    #footer .box_desc .sponsor img{width:150px;}

    #footer .box_icon{right:240px;}
}
@media all and (max-width:1400px){
    #footer{padding:160px 0 0;margin:-160px 0 0;}
    #footer .cont{padding:0 0 55px;}
	#footer .logo{max-width:160px;height:35px;}
    #footer .box_desc{max-width:none;margin:0 0 0 54px;}
    #footer .box_desc .desc{font-size:13px;}
    #footer .box_desc .desc span{display:block !important;height:0;margin:0 7px;}
    #footer .box_desc .copyright{font-size:11px;}
    #footer .box_desc .sponsor{margin-top:32px;}
    #footer .box_desc .sponsor img{width:140px;}
    #footer .box_desc .sponsor p{font-size:13px;}

    #footer .box_icon{right:230px;}

    /* box_family */
    #footer .box_family{width:200px}
    #footer .box_family label{font-size:13px;}
    #footer .box_family ul li a{padding:5px 15px;font-size:12px;}
}
@media all and (max-width:1200px){
    #footer{padding:130px 0 0;margin:-130px 0 0;background-image:url(../img/foot_wave_1200.png);}
    #footer .cont{padding:0 0 52px;}
	#footer .logo{max-width:152px;height:33px;}
    #footer .box_desc{margin:0 0 0 43px;}
    #footer .box_desc .desc{font-size:12px;}
    #footer .box_desc .copyright{font-size:10px;}
    #footer .box_desc .sponsor{margin-top:30px;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    #footer .box_desc .sponsor p{width:100%;margin:15px 0 0 0;font-size:12px;}

    /* box_family */
    #footer .box_family ul li a{padding:5px 14px;}
}
@media all and (max-width:1000px){
    #footer{padding:120px 0 0;margin:-120px 0 0;}
    #footer .cont{padding:0 0 49px;}
    #footer .mid_inner{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	#footer .logo{max-width:142px;height:31px;}
    #footer .box_desc .desc{font-size:11px;}
    #footer .box_desc .sponsor{margin-top:29px;}
    #footer .box_desc .sponsor img{width:130px;}
    #footer .box_desc .sponsor p{font-size:11px;}

    #footer .box_icon{right:210px;}

    /* box_family */
    #footer .box_family{width:180px}
    #footer .box_family label{font-size:12px;}
    #footer .box_family ul li a{padding:5px 13px;font-size:11px;}
}
@media all and (max-width:800px){
    #footer{padding:90px 0 0;margin:-90px 0 0;background-image:url(../img/foot_wave_800.png);}
    #footer .cont{padding:0 0 46px;}
	#footer .logo{max-width:134px;height:29px;}
    #footer .box_desc{width:100%;margin:30px 0 0;}
    #footer .box_desc .copyright{font-size:9px;}
    #footer .box_desc .sponsor{margin-top:27px;}
    #footer .box_desc .sponsor img{width:120px;}
    #footer .box_desc .sponsor p{margin:10px 0 0 0;}

    #footer .box_icon{top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;}

    /* box_family */
    #footer .box_family{top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;}
}
@media all and (max-width:600px){
    #footer{padding:60px 0 0;margin:-60px 0 0;}
    #footer .cont{padding:43px 0;}
	#footer .logo{max-width:124px;height:27px;}
    #footer .box_desc .desc{font-size:10px;}
    #footer .box_desc .sponsor{margin-top:25px;}
    #footer .box_desc .sponsor img{width:110px;}
    #footer .box_desc .sponsor p{font-size:10px;}

    /* box_family */
    #footer .box_family label{font-size:11px;}
    #footer .box_family ul li a{padding:5px 12px;font-size:10px;}
}
@media all and (max-width:500px){
    #footer{padding:50px 0 0;margin:-50px 0 0;background-image:url(../img/foot_wave_500.png);}
    #footer .cont{padding:42p 0x;}
	#footer .logo{width:100%;height:26px;margin:0 auto;text-align:center;}
    #footer .box_desc{margin:20px 0 0;text-align:center;}
    #footer .box_desc .desc{font-size:9px;}
    #footer .box_desc .copyright{font-size:8px;}
    #footer .box_desc .sponsor{margin-top:24px;}
    #footer .box_desc .sponsor img{margin:0 auto;}
    #footer .box_desc .sponsor p{font-size:9px;}

    #footer .box_icon{position:relative;right:0;width:100%;margin:20px 0 0;}
    #footer .box_icon ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
    #footer .box_icon ul li:first-of-type{margin:0;}

    /* box_family */
    #footer .box_family{position:relative;margin:20px auto 0;}
    #footer .box_family ul li a{padding:5px 11px;}
}
@media all and (max-width:380px){
    #footer{margin:-40px 0 0;}
    #footer .cont{padding:40px 0;}
	#footer .logo{height:25px;}
    #footer .box_desc .sponsor{margin-top:23px;}
    #footer .box_desc .sponsor img{width:100px;}
    #footer .box_desc .sponsor p{margin:5px 0 0 0;}

    /* box_family */
    #footer .box_family label{margin:5px 8px;}
    #footer .box_family label:after{width:5px;}
}
@media all and (max-width:350px){
    #footer .cont{padding:37px 0;}
	#footer .logo{height:23px;}
    #footer .box_desc .desc{font-size:8px;}
    #footer .box_desc .sponsor{margin-top:21px;}
    #footer .box_desc .sponsor img{width:94px;}

    /* box_family */
    #footer .box_family{width:160px}
    #footer .box_family label{font-size:10px;}
    #footer .box_family ul li a{padding:5px 10px;font-size:9px;}
}

/* #wrap{padding:100px 0 0;} */
#wrap .box_follow{position:fixed;right:85px;bottom:100px;z-index:99;}
#wrap .box_follow .icon_gnb{width:60px;height:60px;margin:10px 0 0;border-radius:50%;-webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.2);}
#wrap .box_follow .icon_gnb:first-of-type{margin:0;}
#wrap .box_follow .icon_gnb a{display:block;}
#wrap .box_follow .icon_gnb a img{width:100%;}
#wrap .page_header{width:100%;height:500px;padding:100px 0 0;background:linear-gradient(to bottom, #050f43, #4c3a9b);}
#wrap .page_header.life{display: none;}
#wrap .page_header.message{margin:0;}
/* #wrap .page_header.about_us{background-image:url(../img/bg_about_header.jpg);} */
#wrap .page_header .mid_inner{position:relative;height:100%;}
#wrap .page_header .box_txt{box-sizing:border-box;position:absolute;top:40%;left:50%;width:100%;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#wrap .page_header .box_txt .title{font-size:60px;font-weight:500;color:#fff;font-family:'Roboto';}
#wrap .page_header .box_txt .desc{margin: 35px 0 0 0; line-height: 1.4; font-size: 18px; font-weight:200; color: #ffe400;}
#wrap .page_header .box_txt .breadcrumb{margin:30px 0 0;}
#wrap .page_header .box_txt .breadcrumb span,
#wrap .page_header .box_txt .breadcrumb a{display:inline-block;vertical-align:middle;font-size:12px;font-family:'Roboto';}
#wrap .page_header .box_txt .breadcrumb span{margin:0 10px;color:#fff;}
#wrap .page_header .box_txt .breadcrumb a{color:#d5d5d5;}
#wrap .page_header .box_txt .breadcrumb a:last-of-type{color:#fff;}
#wrap .page_header .tab_menu{position:absolute;bottom:0;left:0;width:100%;}
#wrap .page_header .tab_menu ul{justify-content:space-evenly;background:rgba(0,0,0,.6);}
#wrap .page_header .tab_menu ul li{flex-grow:1;text-align:center;}
#wrap .page_header .tab_menu ul li a{display:block;line-height:4.5;font-size:18px;color:#fff;}
#wrap .page_header .tab_menu ul li:hover{}
#wrap .page_header .tab_menu ul li:hover a{color:#f3a03f;}
#wrap .page_header .tab_menu ul li.active a{background:#f3a03f;}
#wrap .page_header .tab_menu ul li.active:hover a{color:#fff;}
@media all and (max-width:1600px){
    #wrap .box_follow{right:65px;bottom:97px;}
    #wrap .box_follow .icon_gnb{width:58px;height:58px;}
    #wrap .page_header{height:490px;}
    #wrap .page_header .mid_inner{margin:0 !important;}
    #wrap .page_header .box_txt .title{font-size:58px;}
    #wrap .page_header .box_txt .desc{margin: 34px 0 0 0;}
    #wrap .page_header .box_txt .breadcrumb{margin:29px 0 0;}
}
@media all and (max-width:1400px){
    #wrap .box_follow{right:50px;bottom:92px;}
    #wrap .box_follow .icon_gnb{width:55px;height:55px;}
    #wrap .page_header{height:460px;padding:140px 0 0;}
    #wrap .page_header .box_txt{padding:0 25px;}
    #wrap .page_header .box_txt .title{font-size:55px;}
    #wrap .page_header .box_txt .desc{margin: 32px 0 0 0; font-size: 17px;}
    #wrap .page_header .box_txt .breadcrumb{margin:28px 0 0;}
    #wrap .page_header .box_txt .breadcrumb span,
    #wrap .page_header .box_txt .breadcrumb a{font-size:11px;}
    #wrap .page_header .tab_menu ul li a{font-size:17px;}
}
@media all and (max-width:1250px){
    #wrap .page_header .inner{margin:0 !important;}
}
@media all and (max-width:1200px){
    #wrap .box_follow{right:40px;bottom:87px;}
    #wrap .box_follow .icon_gnb{width:52px;height:52px;}
    #wrap .page_header{height:440px;padding:135px 0 0;}
    #wrap .page_header .box_txt .title{font-size:52px;}
    #wrap .page_header .box_txt .desc{margin: 30px 0 0 0; font-size: 16px;}
    #wrap .page_header .box_txt .breadcrumb{margin:26px 0 0;}
    #wrap .page_header .tab_menu ul li a{font-size:16px;}
}
@media all and (max-width:1000px){
    #wrap .box_follow{right:25px;bottom:82px;}
    #wrap .box_follow .icon_gnb{width:49px;height:49px;}
    #wrap .page_header{height:410px;padding:125px 0 0;}
    #wrap .page_header .box_txt{padding:0 20px;}
    #wrap .page_header .box_txt .title{font-size:49px;}
    #wrap .page_header .box_txt .desc{margin: 28px 0 0 0; font-size: 15px;}
    #wrap .page_header .box_txt .breadcrumb{margin:25px 0 0;}
    #wrap .page_header .box_txt .breadcrumb span,
    #wrap .page_header .box_txt .breadcrumb a{font-size:10px;}
    #wrap .page_header .tab_menu ul li a{font-size:15px;}
}
@media all and (max-width:900px){
    #wrap .page_header{padding:105px 0 0;}
}
@media all and (max-width:800px){
    #wrap .box_follow{right:16px;bottom:77px;}
    #wrap .box_follow .icon_gnb{width:46px;height:46px;}
    #wrap .page_header{height:380px;padding:60px 0 0;}
    #wrap .page_header .box_txt .title{font-size:46px;}
    #wrap .page_header .box_txt .desc{margin: 26px 0 0 0; font-size: 14px;}
    #wrap .page_header .box_txt .breadcrumb{margin:23px 0 0;}
    #wrap .page_header .tab_menu ul{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    #wrap .page_header .tab_menu ul li{box-sizing:border-box;min-width:33.33%;border:solid 1px rgba(255,255,255,.2);}
    #wrap .page_header .tab_menu ul li a{line-height:3;font-size:14px;}
}
@media all and (max-width:600px){
    #wrap .box_follow{right:15px;bottom:72px;}
    #wrap .box_follow .icon_gnb{width:43px;height:43px;margin:5px 0 0;}
    #wrap .page_header{height:360px;}
    #wrap .page_header .box_txt{padding:0 15px;}
    #wrap .page_header .box_txt .title{line-height:1.2;font-size:43px;}
    #wrap .page_header .box_txt .desc{margin: 24px 0 0 0; font-size: 13px;}
    #wrap .page_header .box_txt .breadcrumb{margin:22px 0 0;}
    #wrap .page_header .box_txt .breadcrumb span{margin:0 5px;}
    #wrap .page_header .tab_menu ul li a{font-size:13px;}
}
@media all and (max-width:500px){
    #wrap .box_follow{bottom:69px;}
    #wrap .box_follow .icon_gnb{width:42px;height:42px;}
    #wrap .page_header{height:350px;}
    #wrap .page_header .box_txt{top:45%;}
    #wrap .page_header .box_txt .title{font-size:42px;}
    #wrap .page_header .box_txt .desc{margin: 23px 0 0 0;}
    #wrap .page_header .box_txt .breadcrumb{margin:21px 0 0;}
    #wrap .page_header .box_txt .breadcrumb span,
    #wrap .page_header .box_txt .breadcrumb a{font-size:9px;}
}
@media all and (max-width:380px){
    #wrap .box_follow{bottom:66px;}
    #wrap .box_follow .icon_gnb{width:40px;height:40px;}
    #wrap .page_header{height:330px;padding:50px 0 0;}
    #wrap .page_header .box_txt{top:40%;}
    #wrap .page_header .box_txt .title{font-size:40px;}
    #wrap .page_header .box_txt .desc{margin: 22px 0 0 0; font-size: 12px;}
    #wrap .page_header .box_txt .breadcrumb{margin:20px 0 0;}
    #wrap .page_header .tab_menu ul li a{font-size:12px;}
}
@media all and (max-width:350px){
    #wrap .box_follow{right:10px;bottom:61px;}
    #wrap .box_follow .icon_gnb{width:37px;height:37px;}
    #wrap .page_header{height:300px;}
    #wrap .page_header .box_txt .title{font-size:37px;}
    #wrap .page_header .box_txt .desc{margin: 20px 0 0 0; font-size: 11px;}
    #wrap .page_header .box_txt .breadcrumb{margin:18px 0 0;}
    #wrap .page_header .box_txt .breadcrumb span,
    #wrap .page_header .box_txt .breadcrumb a{font-size:8px;}
    #wrap .page_header .tab_menu ul li a{font-size:11px;}
}

.hidden{display: none;}
#dim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.7);z-index:11;}
#dim.open{display:-webkit-box;display:-ms-flexbox;display:flex;}
#dim .popup{position:relative;box-sizing:border-box;max-width:90%;max-height:90%;padding:30px;background:#fff;z-index:12;}
#dim .popup .btn_close_popup{position:absolute;top:30px;right:30px;width:24px;font-size:0;text-indent:-9999px;background:no-repeat url(../img/ico_btn_close.png) center center;}
#dim .popup .btn_close_popup::before{content:"";display:block;padding-bottom:100%;}
#dim .popup .popup_header{box-sizing:border-box;width:100%;padding:0 30px 0 0;}
#dim .popup .popup_header{margin:0 0 25px 0;padding:0 0 25px 0;border-bottom:1px solid #000;}
#dim .popup .popup_header .title{width:100%;font-size:20px;font-weight:700;color:#ff5618;white-space:nowrap;text-overflow:ellipsis;}
#dim .popup .popup_body{}