@charset "utf-8";

#header_wrap {position:fixed;left:0;right:0;top:0;width:100%;padding:0 20px;background:rgba(0,0,0,0.2);z-index:99;}
#header {width:100%;max-width:1280px;margin:0 auto;}
#header #logo {float:left;width:200px;}
#header #logo a {display:block;width:100%;line-height:100px;}
#header #logo a img {width:100%;height:auto;}


#tnb {float:right;}
#tnb ul {}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb ul li {display:block;float:left;margin:0 60px 0 0;}
#tnb ul li:after {display:block;visibility:hidden;clear:both;content:""}
#tnb ul li:last-child {margin:0;}
#tnb ul li a {display:block;color:#fff;font-size:16px;line-height:100px;}
#tnb ul li a img {width:24px;height:auto;}
#tnb ul li a i {display:none;font-size:24px;}

#tnb ul li.flag a {float:left;margin:0 12px 0 0;}
#tnb ul li.flag a:last-child {margin:0;}
#tnb ul li.flag a img {width:36px;height:auto;}


#gnb_wrap {width:100%;margin:0 auto;padding:30px 0;}
nav#gnb {float:left;}
nav#gnb ul {}
nav#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
nav#gnb ul li {display:block;position:relative;float:left;}
nav#gnb ul li:last-child {margin:0;}
nav#gnb ul li a {display:block;position:relative;margin:0 80px 0 0;color:#fff;font-size:18px;font-weight:600;line-height:40px;}
nav#gnb ul li a:after {content:'';display:block;position:absolute;left:50%;bottom:0;width:1%;height:2px;background:#fff;opacity:0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
nav#gnb ul li ul {display:none;padding:30px 0;}
nav#gnb ul li ul li {float:none;margin:0;}
nav#gnb ul li ul li a {margin:0;font-size:16px;line-height:32px;font-weight:400;}
nav#gnb ul li ul li a:after {display:none;}

nav#gnb ul li a:hover:after,
nav#gnb ul li a.active:after {left:0;width:100%;opacity:1;}

#search_wrap {float:right;position:relative;}
#search_wrap button.btn_search {display:block;height:40px;background:none;border:none;}
#search_wrap button.btn_search img {width:24px;height:auto;}

.hd_sch_wr {display:none;position:absolute;right:100%;bottom:0px;}
#hd_sch {display:block;}
#hd_sch #sch_stx {display:block;width:180px;color:#fff;background:none;border:none;border-bottom:solid 1px #fff;border-radius:0;}
#hd_sch #sch_submit {}

#header_wrap,
#header,
#header #logo,
#header #tnb,
#gnb_wrap,
nav#gnb ul li {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}


#header_wrap:hover {background:rgba(0,0,0,0.6);}

#header_wrap.sticky {background:rgba(0,0,0,0.6);}
#header_wrap.sticky #header {max-width:100%;}
#header_wrap.sticky #tnb ul li {display:none;}
#header_wrap.sticky #tnb ul li:last-child {display:block;}
#header_wrap.sticky #gnb_wrap {width:auto;max-width:auto;margin:0 40px 0 220px;padding:30px 0 0 0;}



#gnball {display:none;position:fixed;left:0;right:0;top:0;padding:80px 20px;background:#fff;border-top:solid 1px #eee;z-index:999;}
#gnball #logo {display:block;width:100%;max-width:var(--content-w);margin:0 auto 40px auto;font-size:30px;font-weight:600;}
#gnball #logo a {display:block;width:240px;}
#gnball #logo a img {width:100%;height:auto;}
.gnball {display:table;table-layout:fixed;width:100%;max-width:var(--content-w);margin:0 auto;border-left:solid 1px #eee;}
.gnball:after {display:block;visibility:hidden;clear:both;content:""}
.gnball .row {display:table-row;}
.gnball .cell {display:table-cell;padding:40px 20px;border-right:solid 1px #eee;vertical-align:top;}
.gnball .cell a {display:block;font-size:20px;font-weight:600;line-height:50px;}
.gnball .cell a i {width:20px;font-size:18px;}
.gnball .cell ul {}
.gnball .cell ul li {}
.gnball .cell ul li a {color:#666;font-size:16px;line-height:40px;font-weight:normal;}
.gnball .cell ul li a i {width:20px;font-size:16px;}
#gnball .btn_close_panel {right:20px;top:10px;}

ul.gnball_tnb {width:100%;max-width:var(--content-w);margin:0 auto 20px auto;}
ul.gnball_tnb:after {display:block;visibility:hidden;clear:both;content:""}
ul.gnball_tnb li {display:block;float:left;margin:0 18px 0 0;}
ul.gnball_tnb li:last-child {margin:0;}
ul.gnball_tnb li a {display:block;font-weight:600;}

ul.gnball_tnb li.flag {float:right;}
ul.gnball_tnb li.flag:after {display:block;visibility:hidden;clear:both;content:""}
ul.gnball_tnb li.flag a {float:left;margin:0 12px 0 0;}
ul.gnball_tnb li.flag a:last-child {margin:0;}
ul.gnball_tnb li.flag a img {width:32px;height:auto;border:solid 1px #eee;}

.gnball_sch {display:none;position:relative;width:100%;max-width:var(--content-w);margin:0 auto 40px auto;}
.gnball_sch:after {display:block;visibility:hidden;clear:both;content:""}
.gnball_sch #sch_stx {height:50px;font-size:16px;border:none;border-bottom:solid 1px #444;}
.gnball_sch #sch_submit {display:block;position:absolute;right:0;top:0;width:50px;height:50px;background:none;border:none;}
.gnball_sch #sch_submit img {width:24px;height:auto;}


#footer_wrap {padding:120px 20px;background:#231816;}
#footer {width:100%;max-width:var(--content-w);margin:0 auto;}
#footer .logo {display:block;float:left;width:280px;margin:0 40px 40px 0;}
#footer .logo img {width:100%;height:auto;}

#footer ul.sns {display:block;float:left;}
#footer ul.sns:after {display:block;visibility:hidden;clear:both;content:""}
#footer ul.sns li {display:block;float:left;margin:0 16px 0 0;}
#footer ul.sns li:last-child {margin:0;}
#footer ul.sns li a {display:block;width:32px;line-height:63px;}
#footer ul.sns li a img {width:100%;height:auto;}

#footer .cp_refer {display:block;float:right;}
#footer .cp_refer ul {}
#footer .cp_refer ul:after {display:block;visibility:hidden;clear:both;content:""}
#footer .cp_refer ul li {display:block;float:left;position:relative;margin:0 40px 0 0;padding:0 0 0 50px;color:#fff;font-size:16px;line-height:160%;}
#footer .cp_refer ul li:last-child {margin:0;}
#footer .cp_refer ul li .icon {display:block;position:absolute;left:0;top:0;width:32px;}
#footer .cp_refer ul li .icon img {width:100%;height:auto;}

#footer .cp_info {float:left;color:#fff;line-height:160%;word-break:keep-all;}
#footer .cp_info .var {display:inline-block;margin:0 12px;}


#body_wrap {padding:170px 0 0 0;}

#container_title {display:block;position:relative;width:100%;max-width:var(--content-w);margin:0 auto;font-size:48px;font-weight:700;padding:120px 0;}
.footer_blank {height:80px;}



@media screen and (max-width:1440px) {
nav#gnb ul li a {margin:0 60px 0 0;}
nav#gnb ul li ul li a {margin:0 60px 0 0;}
}




@media screen and (max-width:1280px) {
nav#gnb ul li a {margin:0 30px 0 0;font-size:16px;}
nav#gnb ul li:last-child a {margin:0;}

#hd_sch #sch_stx {width:120px;}

#footer_wrap {padding:80px 20px;}

#container_title {padding:80px 20px;font-size:36px;}
.footer_blank {height:60px;}
}



@media screen and (max-width:980px) {
#tnb ul li {display:none;}
#tnb ul li:last-child {display:block;}

#gnb_wrap {display:none;}
#gnb {display:none !important;}
#gnb ul.gnb {display:none;}

#gnball {min-height:100vh;overflow-y:auto;padding:20px;}
#gnball #logo a {width:180px;}
.gnball {display:block;border-left:none;}
.gnball .row {display:block;}
.gnball .cell {display:block;float:left;width:50%;margin:0 0 20px 0;padding:0;border-right:none;}
.gnball .cell a {font-size:18px;}
.gnball .cell ul li a {font-size:14px;line-height:32px;}

.gnball_sch {display:block;}


#footer_wrap {padding:60px 20px;}
#footer .logo {width:240px;margin:0 20px 40px 0;}
#footer ul.sns li a {width:24px;line-height:54px;}

#footer .cp_refer {margin:0 0 40px 0;}
#footer .cp_refer ul li {margin:0 20px 0 0;padding:0 0 0 40px;font-size:14px;}
#footer .cp_refer ul li .icon {width:24px;}

#footer .cp_info {float:none;}


#body_wrap {padding:100px 0 0 0;}

#container_title {padding:60px 20px;font-size:30px;}
}



@media screen and (max-width:768px) {
#footer .logo {width:180px;margin:0 20px 40px 0;}
#footer ul.sns li a {width:24px;line-height:40px;}

#footer .cp_refer {float:none;margin:0 0 40px 0;}
}



@media screen and (max-width:480px) {
#footer .cp_refer ul li {float:none;margin:0 0 20px 0;}
#footer .cp_refer ul li:last-child {margin:0;}
}