/**/
html, body{overflow-x:hidden;}
body {
    position:relative; overflow-x:hidden; font-family: 'Poppins', 'Pretendard', 'Noto Sans KR', sans-serif !important;
    letter-spacing: -0.5px; max-width:1920px; margin:auto;
}
@media(max-width:768px){
	div{line-height:1.2;}

}

/**/
header {
    width:100%; max-width:100%; margin:auto; top:0; right:0; bottom:auto; left:0;
    position:relative;
}

/**/
.wrap {max-width:1300px; margin:auto;}
.wrap-b {max-width:1700px; margin:auto; -outline:1px solid red;}
.wrap-sub {max-width:1300px; margin:auto; -outline:2px solid greenyellow;}

@media(max-width:1740px){
    .wrap-b {max-width:96%;}
}
@media(max-width:1340px){
    .wrap-sub {max-width:96%;}
    .wrap-b .wrap-sub {max-width:100%;}
}

/**/
.fc-orange {color:#ec6800;}

/* Header */
header {width:100%; color:#fff; position:fixed; border-bottom:1px solid rgba(255,255,255,0.2); z-index:999; transition:all 400ms;}
header .active > a {font-weight:bold;color:black;}
header .m1 {}
header .m1 > li {float:left;}
header .m2 {}
header .m2 > li {}
header a {color:#fff;}
#tnb:hover,
header.in-active #tnb {background:rgba(255,255,255,1);}
#tnb:hover ul.m1 > li > a,
header.in-active #tnb ul.m1 > li > a,
#tnb:hover .lang .lang_btn,
header.in-active #tnb .lang .lang_btn{color:#111;}

/**/
#tnb{height:90px; transition:all 400ms; max-width:1920px; margin:0 auto;}
#tnb .wrap-b{height:100%; display:flex; justify-content:space-between; position:relative;}
#tnb .wrap-b .tnb-l{height:100%; display:flex; align-items:center;}
#tnb .wrap-b .tnb-l .logo img.wh{}
#tnb .wrap-b .tnb-l .logo img.color{display:none;}
#tnb .wrap-b .tnb-r {display:flex;}
#tnb ul.m1{display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; height:100%;}
#tnb ul.m1 li{padding:0 10px; width:200px; text-align:center; position:relative; font-size:18px; font-weight:400; margin:0 auto;}

#tnb ul.m1 > li:nth-child(3){width:280px}
#tnb ul.m1 .m2{
    position:absolute; left:0; right:0; top: 80px; text-align:center; line-height:20px; padding-top:20px; padding-bottom:20px;
    border-radius: 10px; box-shadow: 13px 13px 27px rgba(0, 0, 0, 0.07);
}
#tnb ul.m1 .m2 a{font-size:16px; font-weight:400; color:#666;}
#tnb ul.m1 > li{line-height:90px;}
#tnb ul.m1 > li > a{position:relative;}
#tnb ul.m1 > li > a.active {color:#fff;}
#tnb ul.m1 > li > a:before{
    position:absolute; content:''; width:5px; height:5px; border-radius:100%; background:#ec6800; top:-4px; left:-8px;
    display:none;
}
#tnb ul.m1 > li > a:hover,
#tnb:hover ul.m1 > li > a.active {color:#111;}
#tnb ul.m1 li:hover > a:before{display:block;}
#tnb ul.m1 li:hover .m2 {display:block;}
#tnb ul.m1 .m2 li {margin-bottom:17px;}
#tnb ul.m1 .m2 li a:hover{color:#ec6800; font-weight:500;}
#tnb ul .m2{display:none; background-color:rgba(255,255,255,1); }

#tnb .lang {width: 70px; margin-left: 10px; position: relative; text-align: center; display:flex; align-items:center; justify-content:space-between; }
#tnb .lang .lang_btn {position: relative; font-size:15px; font-weight: 500; color: #fff; cursor:pointer;}
#tnb .lang .lang_option {
    position: absolute; content: ''; font-size: 14px; font-weight: 400; top: 65px; left: -8px; background: #fff;
    border: 1px solid #e0e0e0;  padding: 6px; display: none;
}
#tnb .lang .lang_option .lang_item {display: block; padding: 10px;line-height: 1;}
#tnb .lang .lang_option .lang_item.on {color: #000;}
#tnb .lang .lang_option a.lang_item {margin-top: 5px; color: #999; font-weight: 500;}
#tnb .lang .lang_option a.lang_item:hover{color: #000;}
#tnb .lang .lang_btn.active::before { transform: rotate(-180deg);}
#tnb .lang .lang_option.active {display: block;}

@media(max-width:1740px){
    #tnb .wrap-b .tnb-r {padding-right:30px;}
}
@media(max-width:1340px){
    #tnb .wrap-b .tnb-r ul {display:none;}
}

/**/
.site-map-toggle {
    position:absolute; top:0; right:35px;
    height:100%; display:flex;  align-items:center;
}
.site-map-toggle a {padding:6px 0;}
.site-map-toggle .hamburger {display:flex; flex-direction: column; align-items: flex-end;}
.site-map-toggle .hamburger span {background:#fff; width:26px; height:2px; display:block; transition: all 200ms;}
.site-map-toggle .hamburger span:nth-child(1) {}
.site-map-toggle .hamburger span:nth-child(2) {margin:6px 0; width:18px;}
.site-map-toggle .hamburger span:nth-child(3) {width:26px;}
.site-map-toggle .hamburger-main span {background:#111;}
header.in-active .site-map-toggle .hamburger-main span,
#tnb:hover .site-map-toggle .hamburger-main span  {background:#111;}
.site-map-toggle .hamburger-sub span {background:#fff;}
.site-map-toggle ul{display:none;}

/*hover logo*/
#tnb .tnb-l .logo {
    width:234px; height:29px;
    background:url(/images/content/layout/logo_wh.png) no-repeat center center;
    background-size:cover;
}
header.in-active #tnb .tnb-l .logo,
#tnb:hover .tnb-l .logo {
    background-image:url(/images/content/layout/logo_color.png);
}
#tnb .tnb-l .logo a {display:block; width:100%; height:100%;}
@media(max-width:375px){
	#tnb .tnb-l .logo{width:180px; height:22px;}    

}


/**/
#tnb:hover .site-map-toggle .hamburger span,
header.in-active #tnb .site-map-toggle .hamburger span{background:#111;}
.sub-layout #tnb .site-map-toggle .hamburger span {background:#fff;}
.sub-layout header:hover #tnb .site-map-toggle .hamburger span,
.sub-layout header.in-active #tnb .site-map-toggle .hamburger span{background:#111;}


/**/
.sub-head {position:relative;}
.sub-head {background:url(/images/content/sub_head_01.jpg) no-repeat right top; height:500px;}
.sub-head .wrap-b {
    display:flex; justify-content: space-between; align-content: center; align-items: flex-end;
    height:100%; padding-bottom:160px;
}
.sub-head .wrap-b > div:nth-child(1) {letter-spacing:1px;}
.sub-head .wrap-b > div:nth-child(2) {}
.sub-head .wrap-b > div:nth-child(2) ul {display:flex; margin-right:-25px;}
.sub-head .wrap-b > div:nth-child(2) ul li {margin:0 25px;}
.sub-head .border_btm{border-bottom:1px solid rgba(255,255,255,0.15); width:67%; position:absolute; top:360px; right:0;}
.sub-head .wrap-b .fs-15{font-weight:100;}
.sub-head a {color:#bbb;}
.sub-head a:hover {color:#bbb;}
.sub-head li.active a,
.sub-head li:hover a{color:#fff; position:relative; transition:all 0.4s;}
.sub-head li.active a:before,
.sub-head li:hover a:before {
    content:''; position:absolute; width:5px; height:5px; border-radius:100%;
    background:#ec6901; top:-4px; left:-8px;
}

@media(max-width:1340px){
    .sub-head .wrap-b {flex-direction: column; justify-content: flex-end; align-items: flex-start;}
    .sub-head .wrap-b > div:nth-child(1) {padding-left:25px; padding-bottom:25px;}
    .sub-head .wrap-b > div:nth-child(2) {}
    .sub-head .border_btm {width:100%;}
}
@media(max-width:768px){
    .sub-head {height:260px;}
    .sub-head .wrap-b {padding:90px 0 0 0; justify-content: center;}
    .sub-head .wrap-b > div:nth-child(2) {display:none;}
    .sub-head .border_btm {display:none;}

}
@media(max-width:425px){

    .sub-head .wrap-b > div:nth-child(1) {padding-left:0;padding-bottom:0; text-align:center; width:80%; margin:0 auto;}
	.sub-head .wrap-b .fs-60{font-size:26px; margin-bottom:3%;}
	.sub-head .wrap-b .fs-15{color:rgba(255,255,255,0.8);}

}



/**/
footer {background:#1f1f1f; padding:100px 0; color:#777777;}
footer .wrap > .flex:nth-child(1) {margin-bottom:30px;}
footer .wrap a,
footer .wrap a:hover {color:#777777;}
footer .logo {display:flex; align-items: center;}
footer .logo img {height:29px;}

@media(max-width:600px){
    footer { text-align:center;}
    footer .wrap-b .flex {flex-direction: column;}
    footer .logo {justify-content: center; margin-top:30px;}
}

/**/
#btn-index{
    position: fixed; content: ''; right: 40px; bottom: 40px; text-align: center;
    background: #fff;
    z-index: 9999;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
#btn-index span{
    font-weight: 600;
    color:#ec6800;
    font-size: 20px;
    transition:all .3s;
}
.btns a:hover{color:#fff;}

/**/
#full-menu {
    width:100%; height:100vh; position:absolute; max-height:940px; max-width:1920px;
    color:#000; opacity:0; display:none; margin:auto;
    top:0; right:0; bottom:auto; left:0; z-index:1000;
    background:url(/images/content/layout/full_menu_bg.png) no-repeat left top, #fff;
    background-size:800px 940px;
}
#full-menu.active {
    display:flex; flex-direction: column;
}
#full-menu .fm-head {
    height:90px; flex-shrink: 0; width:100%; max-width:1920px; margin:auto;
    position:absolute; left:0; right:0;
}
#full-menu .fm-head .wrap-b {position:relative;}
#full-menu .fm-head .logo-rect {height:90px; display:flex; align-items: center;}
#full-menu .fm-head .logo-rect .logo {
    width:234px; height:29px; background-size:cover; font-size:0;
    background:url(/images/content/layout/logo_wh.png) no-repeat center center;
}
#full-menu .close-btn {
    width:30px; height:30px; z-index:9999;
    position:absolute; margin:auto; top:30px; right:30px;
}
#full-menu .close-btn a.xi-close {
    color:#000;
 font-size:30px;
}
@media(max-width:1024px){
    #full-menu .close-btn a.xi-close {color:#fff;}
}
#full-menu .fm-body {
    width:100%; height:100%; max-width:1920px; margin:auto;

}
#full-menu .fm-body .wrap {display:flex; height:100%;}
#full-menu .fm-body .wrap .left {width:500px; flex-shrink: 0; position:relative;}
#full-menu .fm-body .wrap .right {width:100%; color:#111; position:relative;}
#full-menu .fm-body .wrap .right a {color:#111;}
#full-menu .fm-body ul.m1 {display:flex; flex-direction: column; height:100%; justify-content: center;}
#full-menu .fm-body ul.m1 li.m1 {padding:20px 0;}
#full-menu .fm-body ul.m1 li.m1 .sub-menu {display:none; margin-top:20px;}
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 {}
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 li.m2 {padding:8px 0;}
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 li.m2 a.m2:hover,
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 li.m2 a.m2:active,
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 li.m2 a.m2:hover,
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 li.m2 a.m2 {color:#fff;}
#full-menu .fm-body ul.m1 li.m1 .sub-menu ul.m2 li.m2 a.m2.active {border-bottom:2px solid #fff;}
#full-menu .fm-body ul.m1 a.m1 {font-size:48px; font-weight:bold; position:relative;}
#full-menu .fm-body ul.m1 a.m1:focus,
#full-menu .fm-body ul.m1 a.m1:active,
#full-menu .fm-body ul.m1 a.m1:hover,
#full-menu .fm-body ul.m1 a.m1.active {color:#fff;}
#full-menu .fm-body ul.m1 a.m1:hover:before,
#full-menu .fm-body ul.m1 a.m1.active:before {
    content:''; position:absolute; top:0; left:-20px;
    width:10px; height:10px; background:#ec6800; border-radius:100%;
}
#full-menu .fm-body .sub-menu {display:none;}
#full-menu .fm-body .right ul.m2 {
    width:100%; height:auto; top:20%; padding:0 60px 0 120px;
    position:absolute; flex-direction: column; justify-content: center;
}
#full-menu .fm-body .right ul.m2 li.m2 {padding:15px 0;}
#full-menu .fm-body .right ul.m2 a.m2 {font-size:24px; color:#666; display:inline-block; padding:4px 6px;}
#full-menu .fm-body .right ul.m2 li.m2:hover a.m2,
#full-menu .fm-body .right ul.m2 li.m2.active a.m2 {color:#ec6800; font-weight:bold;}
#full-menu .fm-body .info {
    display:flex; justify-content: space-between;
    position:absolute; left:30px; bottom:20px; width:100%;
}


@media(max-width:1920px){
    #full-menu {background-position: top left;}
}
@media(max-width:1700px){
    #full-menu {background-position: top left -100px;}
}
@media(max-width:1500px){
    #full-menu {background-position: top left -200px;}
}
@media(min-width:1341px){
    #full-menu .fm-body ul.m1 li.m1 .sub-menu {display:none !important;}
}
@media(max-width:1340px){
    #full-menu {background-size:100% auto; background-position:center;}
    #full-menu .fm-body .wrap {max-width:96%;}
    #full-menu .fm-body .wrap .left {width:100%;}
    #full-menu .fm-body .wrap .right {display:none;}
    #full-menu .fm-body ul.m1 {justify-content: flex-start; padding-top:110px;}
    #full-menu .fm-body ul.m1 li.m1 {width:100%; text-align:center;}
    #full-menu .fm-body ul.m1 li.m1 .sub-menu {display:none;}
    #full-menu .fm-body ul.m1 a.m1 {font-size:24px;}
    #full-menu .fm-body ul.m2 {}
    #full-menu .fm-body .sub-menu {display:block;}
}
@media(max-width:700px){
    #full-menu {background-size:auto 100%;}
}


/*#full-menu .fm-body .sub-menu:first-child ul.m2 {display:flex;}*/