@charset "UTF-8";
/** 
   Bang So Jung CSS
   http://bangsojung.com/
**/
/*

        레이아웃 가이드 CSS

*/


/*------------------------------------------------------
    HEADER
------------------------------------------------------*/
#HEADER {display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:104px;padding:0px 50px;z-index:9999;box-sizing:border-box;}
.header__logo {position:absolute;top:27px;left:50px;width:197px;height:50px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/logo_f.svg);background-size:100%;}
.header__logo a {display:block;width:100%;height:100%;}
@media screen and (max-width:1500px) {
    #HEADER {padding:0px 20px;}
    .header__logo {left:20px;}
}
@media screen and (max-width:1200px) {
    #HEADER {height:55px;}
    .header__logo {top:8px;width:145px !important;height:37px !important;}
}

/* 햄버거 버튼 */
.lnb_all_menu {position:fixed;top:22px;right:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:61px;height:61px;background-color:transparent;transition:0.3s ease-in-out;z-index:110;box-sizing:border-box;}
.lnb_all_menu::before {content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:61px;height:61px;background-color:rgba(85, 85, 85,.5);border-radius:100%;z-index:-1;}
.lnb_all_menu span {display:block;width:18px;height:2px;border-radius:2px;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.lnb_all_menu .mid2 {margin:5px 0;}
.lnb_all_menu.active {-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.lnb_all_menu.active span {width:22px;background-color:#fff !important;}
.lnb_all_menu.active span.mid2 {width:0px;}
.lnb_all_menu.active span.mid1,
.lnb_all_menu.active span.mid3 {-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.lnb_all_menu.active span.mid1{-webkit-transform:translateY(7px);transform:translateY(7px);}
.lnb_all_menu.active span.mid3 {-webkit-transform:translateY(-7px)rotate(90deg);transform:translateY(-7px)rotate(90deg);}
@media screen and (max-width: 1500px){
	.lnb_all_menu {right:20px;}
}
@media screen and (max-width:1200px) {
	.lnb_all_menu {top:5px;right:20px;width:45px;height:45px;}
	.lnb_all_menu::before {width:45px;height:45px;}
	.lnb_all_menu span {display:block;width:18px;}
}

/* 메뉴 영역 */
.header__lnb::before {content:'';position:fixed;top:0;left:0;width:100%;height:0px;background:rgba(0, 0, 0, 0.9);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:-2;box-sizing:border-box;}
.lnb-menu {display:flex;align-items:center;list-style:none;}
.lnb-menu > li {position:relative;margin:0px 33px;transition:0.3s;}
.lnb-menu > li > a {display:flex;align-items:center;font-weight:700;font-size:14px;color:#FFF;letter-spacing:0.05em;text-transform:capitalize;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.lnb-menu > li > a::before {content:'';width:6px;height:6px;margin-right:11px;border-radius:6px;border:1px solid #FFF;box-sizing:border-box;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
body #HEADER .lnb-menu > li.on > a {color:#238DC1 !important;}
body #HEADER .lnb-menu > li.on > a::before  {background-color:#238DC1 !important;border-color:#238DC1 !important;}
@media screen and (min-width: 1025px){
	#HEADER.hover .header__lnb {visibility:visible;-webkit-transition:0.1s ease-in-out;transition:0.1s ease-in-out;}
	#HEADER.hover .header__lnb::before {height:346px;}
	.lnb-menu > li:hover > a {color:#238DC1 !important;}
	.lnb-menu > li:hover > a::before  {background-color:#238DC1 !important;border-color:#238DC1 !important;}
}
@media screen and (max-width: 1440px){
	.lnb-menu > li {margin:0 20px;}
}
@media screen and (max-width: 1250px){
	.header__lnb .lnb-menu {display:none;}
}

/* lnb 서브메뉴 */
.lnb_sub_menus {position:absolute;top:47px;height:0;visibility:hidden;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;opacity:0;}
.lnb_sub_menus ol {display:block;padding-left:5px;}
.lnb_sub_menus ol li {list-style:none;margin-bottom:14px;}
.lnb_sub_menus ol li:last-child {margin-bottom:0px;}
.lnb_sub_menus ol li a {position:relative;width:100%;font-weight:500;font-size:14px;color:#fff;line-height:1;letter-spacing:0.02em;white-space:nowrap;}
.lnb_sub_menus ol li a:before {content:'';position:absolute;background-color:#238DC1;height:1px;width:0;bottom:0px;transition:0.7s;font-weight:700;}
.lnb_sub_menus ol li.on a {color:#238DC1 !important;transition:0.3s;}
.lnb_sub_menus ol li.on a:before {width:100%;}
@media screen and (min-width: 1025px){
	.lnb_sub_menus ol li a:hover {color:#238DC1 !important;transition:0.3s;}
	.lnb_sub_menus ol li a:hover:before {width:100%;}
    #HEADER.hover .header__lnb .lnb_sub_menus {opacity:1;visibility:visible;-webkit-transition-delay:0.2s;transition-delay:0.2s;}
}

/* lnb 전체메뉴 */
.header__lnb--sub {position:fixed;top:0;left:0;display:none;width:100%;height:100%;z-index:105;}
.header__lnb--sub .dim {content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.9);z-index:0;overflow:hidden;}
.notScroll {overflow:hidden;width:100%;height:100vh;touch-action:none;}
.lnb--sub_all {position:relative;max-width:966px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.lnb--sub_all .lnb-menu {display:block;}
.lnb--sub_all .lnb-menu > li {display:flex;align-items:center;margin:0 auto 80px;}
.lnb--sub_all .lnb-menu > li:last-child {margin-bottom:0;}
.lnb--sub_all .lnb-menu > li > a {width:229px;font-weight:700;font-size:30px;color:#fff;}
.lnb--sub_all .lnb-menu > li > a::before {display:none;}
.lnb--sub_all .lnb_sub_menus {position:relative;top:inherit;height:auto;padding-left:50px;visibility:inherit;opacity:1;}
.lnb--sub_all .lnb_sub_menus:before {content:'';display:block;position:absolute;top:0;left:0;width:1;height:26px;border:1px solid rgba(255, 255, 255, 0.3);}
.lnb--sub_all .lnb_sub_menus ol {display:flex;align-items:center;}
.lnb--sub_all .lnb_sub_menus ol li {margin-right:40px;margin-bottom:0;}
.lnb--sub_all .lnb_sub_menus ol li:last-child {margin-right:0px;}
.lnb--sub_all .lnb_sub_menus ol li a {font-weight:400;font-size:18px;}
@media screen and (max-width: 1270px){
	.lnb--sub_all {max-width:100%;padding:0 30px;}
	.lnb--sub_all .lnb-menu > li {margin-bottom:50px;}
	.lnb--sub_all .lnb-menu > li > a {width:189px;}
	.lnb--sub_all .lnb_sub_menus {padding-left:20px;}
	.lnb--sub_all .lnb_sub_menus ol li {margin-right:20px;}
	
}
@media screen and (max-width: 1050px){
	.lnb--sub_all .lnb-menu > li {align-items:flex-start;flex-direction:column;margin-bottom:30px;}
	.lnb--sub_all .lnb-menu > li > a {width:auto;}
	.lnb--sub_all .lnb_sub_menus {padding-left:0;}
	.lnb--sub_all .lnb_sub_menus:before {content:'';display:none;}
	.lnb--sub_all .lnb_sub_menus ol {flex-wrap:wrap;padding-left:0;margin-top:10px;}
	.lnb--sub_all .lnb_sub_menus ol li {margin-right:20px;}
}
@media screen and (max-width: 767px){
	.lnb--sub_all .lnb-menu {width:100%;}
	.lnb--sub_all .lnb-menu > li {display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #888;}
	.lnb--sub_all .lnb-menu > li:last-child {border-bottom:none;}
	.lnb--sub_all .lnb-menu > li > a {width:50%;font-size:20px;}
	.lnb--sub_all .lnb_sub_menus {width:50%;}
	.lnb--sub_all .lnb_sub_menus ol {display:block;margin-top:0;}
	.lnb--sub_all .lnb_sub_menus ol li {margin-right:0;margin-bottom:10px;}
	.lnb--sub_all .lnb_sub_menus ol li:last-child {margin-bottom:0px;}
	.lnb--sub_all .lnb_sub_menus ol li a {font-size:16px;}
}
@media screen and (max-width: 420px){
	.lnb--sub_all {height:100%;display:block;overflow-y:scroll;padding:60px 20px 0;}
	.lnb--sub_all .lnb-menu {padding-bottom:100px;}
	.lnb--sub_all .lnb-menu > li {padding-bottom:15px;margin-bottom:15px;}
	.lnb--sub_all .lnb-menu > li > a {font-size:16px;}
	.lnb--sub_all .lnb_sub_menus ol li a {font-size:14px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.lnb--sub_all .lnb-menu > li > a {font-size:14px;}
	.lnb--sub_all .lnb_sub_menus ol li a {font-size:12px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
	.lnb--sub_all .lnb-menu > li > a {font-size:20px;}
	.lnb--sub_all .lnb_sub_menus ol {margin-top:0px;}
	.lnb--sub_all .lnb_sub_menus ol li a {font-size:16px;}
}

/* 화이트 */
.fp-viewing-weAre #HEADER .header__logo,
.fp-viewing-business #HEADER .header__logo,
.fp-viewing-portfolio #HEADER .header__logo,
.fp-viewing-clients #HEADER .header__logo {background-image:url(../../images/common/logo.svg);}
.fp-viewing-weAre #HEADER .header__lnb .lnb-menu > li > a,
.fp-viewing-business #HEADER .header__lnb .lnb-menu > li > a,
.fp-viewing-portfolio #HEADER .header__lnb .lnb-menu > li > a,
.fp-viewing-clients #HEADER .header__lnb .lnb-menu > li > a {color:#222}
.fp-viewing-weAre #HEADER .header__lnb .lnb-menu > li > a::before,
.fp-viewing-business #HEADER .header__lnb .lnb-menu > li > a::before,
.fp-viewing-portfolio #HEADER .header__lnb .lnb-menu > li > a::before,
.fp-viewing-clients #HEADER .header__lnb .lnb-menu > li > a::before {border-color:#222;}
.fp-viewing-weAre #HEADER .header__mobile_inner > span,
.fp-viewing-business #HEADER .header__mobile_inner > span,
.fp-viewing-portfolio #HEADER .header__mobile_inner > span,
.fp-viewing-clients #HEADER .header__mobile_inner > span {background-color:#222;}
.fp-viewing-weAre #HEADER .header__mobile,
.fp-viewing-business #HEADER .header__mobile,
.fp-viewing-portfolio #HEADER .header__mobile,
.fp-viewing-clients #HEADER .header__mobile {background:rgba(255, 255, 255, 0.5);}
.fp-viewing-weAre .lnb_all_menu::before,
.fp-viewing-business .lnb_all_menu::before,
.fp-viewing-portfolio .lnb_all_menu::before,
.fp-viewing-clients .lnb_all_menu::before {background-color:transparent;}
.fp-viewing-weAre .lnb_all_menu span,
.fp-viewing-business .lnb_all_menu span,
.fp-viewing-portfolio .lnb_all_menu span,
.fp-viewing-clients .lnb_all_menu span {background-color:#222;}
.fp-viewing-weAre #HEADER.hover .lnb_all_menu::before,
.fp-viewing-weAre .lnb_all_menu.active::before,
.fp-viewing-business #HEADER.hover .lnb_all_menu::before,
.fp-viewing-business .lnb_all_menu.active::before,
.fp-viewing-portfolio #HEADER.hover .lnb_all_menu::before,
.fp-viewing-portfolio .lnb_all_menu.active::before,
.fp-viewing-clients #HEADER.hover .lnb_all_menu::before,
.fp-viewing-clients .lnb_all_menu.active::before {background-color:rgba(85, 85, 85,.5);}
.fp-viewing-weAre #HEADER.hover .lnb_all_menu span,
.fp-viewing-business #HEADER.hover .lnb_all_menu span,
.fp-viewing-portfolio #HEADER.hover .lnb_all_menu span,
.fp-viewing-clients #HEADER.hover .lnb_all_menu span {background-color:#FFF;}

/* HEADER 애니메이션 */
#HEADER.hdb_up {-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;top:-104px;}
#HEADER.hdb_down {-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;top:0;background-color:#0e0e0ec9;}
#HEADER.hdb_top {top:0px;background-color:transparent;}
#HEADER.hdb_up .lnb_all_menu {top:-104px}
#HEADER.hdb_down .lnb_all_menu {top:22px}
#HEADER.hdb_top .lnb_all_menu {top:22px}
@media screen and (max-width: 1200px){
    #HEADER.hdb_down .lnb_all_menu,
    #HEADER.hdb_top .lnb_all_menu {top:5px}
}

/* down시 클래스 추가 */
#HEADER.down {-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-timing-function:ease;transition-timing-function:ease;}
#HEADER.down .header__logo {background-image:url(../../images/common/logo_b.svg);}
#HEADER.down .lnb_all_menu::before {background-color:transparent;}
#HEADER.down .lnb_all_menu span {background-color:#222;}
#HEADER.down .lnb-menu > li > a {color:#222;}
#HEADER.down .lnb-menu > li > a::before {border:1px solid #222;}
#HEADER.down .lnb--sub_all .lnb-menu > li > a {color:#fff;}

/* down시 hover 메뉴 */
#HEADER.down .lnb_all_menu.hover span {background-color:#fff;}
#HEADER.down #HEADER.hover .header__lnb .lnb-menu > li > a {color:#fff;}
#HEADER.down #HEADER.hover .header__lnb .lnb-menu > li > a::before {border:1px solid #fff;}

/* hover */
#HEADER.hover .header__logo {background-image:url(../../images/common/logo_f.svg);}
#HEADER.hover .header__lnb .lnb-menu > li > a {color:#FFF;}
#HEADER.hover .header__lnb .lnb-menu > li > a::before {border-color:#FFF;}




/*------------------------------------------------------
    CONTAINER
------------------------------------------------------*/
#CONTAINER {outline:none;}




/*------------------------------------------------------
    FOOTER
------------------------------------------------------*/
#floatingBtn {display:flex;justify-content:center;align-items:center;position:fixed;right:50px;bottom:82px;width:60px;height:60px;background-color:#2E2E2E;border-radius:60px;z-index:102;white-space:nowrap;-webkit-transition:all 0.35s;transition:all 0.35s;}
.ico_floating {display:block;;width:28px;height:28px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_floating.svg);}
.text_floating {overflow:hidden;width:0;opacity:0;visibility:hidden;margin-left:0px;font-weight:500;font-size:16px;color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s;}
@media screen and (min-width: 1025px){
	#floatingBtn:hover {width:142px;padding:0px 17px;background-color:#238DC1;}
	#floatingBtn:hover .text_floating {width:74px;opacity:1;visibility:visible;margin-left:8px;}
}
#TOPBTN {display:none;position:fixed;right:50px;bottom:158px;width:60px;height:60px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_top.svg);background-color:#2E2E2E;border-radius:100%;z-index:102;}
@media screen and (max-width: 1440px){
	#floatingBtn {right:30px;bottom:42px;}
	#TOPBTN {right:30px;bottom:120px;}
}
@media screen and (max-width: 1024px){
	#floatingBtn {background-color:#238DC1;}
}
@media screen and (max-width: 768px){
	#floatingBtn {right:20px;bottom:20px;width:45px;height:45px;}
	.ico_floating {background-size:70%;}
	#TOPBTN {right:20px;bottom:75px;width:45px;height:45px;background-size:30%;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#floatingBtn {right:20px;width:35px;height:35px;}
	#TOPBTN {width:35px;bottom:65px;height:35px;background-size:35%;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}
#FOOTER {padding:121px 0px 0px;background-color:#0E0E0E;}
#FOOTER > .maxWidth-s {display:flex;position:relative;padding-bottom:124px;}
#FOOTER h2 {margin-right:165px;}
@media screen and (max-width: 1320px){
	#FOOTER {padding:81px 0 0;}
	#FOOTER > .maxWidth-s {display:block;padding:0 0px 84px;}
	#FOOTER h2 {margin-right:0;margin-bottom:50px;}
}
@media screen and (max-width: 1024px){
	#FOOTER {padding:40px 0 0;}
	#FOOTER > .maxWidth-s {padding:0 00px 40px;}
	#FOOTER h2 {margin-bottom:30px;}
	#FOOTER h2 img {height:50px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	#FOOTER > .maxWidth-s {padding-bottom:20px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}
/* 정보 */
.footer__infos {display:flex;}
.footer__address {font-size:16px;color:#FFF;letter-spacing:0.01em;line-height:100%;transition:0.7s;}
.footer__address p {margin-top:26px;}
.footer__address > strong {display:block;margin-bottom:38px;font-size:20px;}
.footer__address:first-child {margin-right:119px;}
@media screen and (max-width: 1320px){
	.footer__address p {margin-top:26px;}
	.footer__address > strong {margin-bottom:25px;}
}
@media screen and (max-width: 1024px){
	.footer__address p {margin-top:16px;}
}
@media screen and (max-width: 767px){
	.footer__address:first-child {margin-right:30px;}
	.footer__address p {line-height:1.45;}
	.footer__address > strong {margin-bottom:15px;}
}
@media screen and (max-width: 600px){
	.footer__infos {flex-direction:column;}
	.footer__address:first-child {margin-right:0;margin-bottom:30px;}
	.footer__address p {margin-top:8px;font-size:14px;}
	.footer__address > strong {font-size:16px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.footer__address p {margin-top:5px;font-size:12.5px;}
	.footer__address > strong {margin-bottom:10px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}
/* sns */
.footer__sns {display:flex;align-items:center;position:absolute;top:0;right:0;}
.footer__sns a {display:flex;align-items:center;width:18px;height:18px;margin-left:25px;background-repeat:no-repeat;background-position:center;font-size:16px;color:#FFF;}
.footer__sns a.sns_facebook {background-image:url(../../images/common/sns_facebook.svg);}
.footer__sns a.sns_insta {background-image:url(../../images/common/sns_insta.svg);}
.footer__sns a.sns_naver {width:22px;background-image:url(../../images/common/sns_naver.svg);}
.footer__sns a.btn_info_company {width:auto;}
.footer__sns a.btn_info_company i {display:flex;width:18px;height:18px;margin-left:10px;background-repeat:no-repeat;background-position:center;background-image:url(../../images/common/ico_company.svg);}
@media screen and (max-width: 1320px){
	.footer__sns {top:45px;right:30px;}
}
@media screen and (max-width: 1024px){
	.footer__sns {top:30px;}
}
@media screen and (max-width: 768px){
	.footer__sns {right:0px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.footer__sns a {margin-left:18px;font-size:14px;}
	.footer__sns a.btn_info_company i {margin-left:5px;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}
/* 카피라이트 */
.footer__copyright {height:70px;border-top:1px solid #272727;font-size:14px;color:#888}
.footer__copyright .maxWidth-s {display:flex;align-items:center;justify-content:center;height:100%;}
@media screen and (max-width: 767px){
	.footer__copyright {height:80px;text-align:center;font-size:12px;}
}
/* 폴드접힘 */
@media screen and (max-width:319px) {
	.footer__copyright {padding-right:30px;font-size:11px;}
	.footer__copyright .maxWidth-s {justify-content:flex-start;text-align:left;}
}
/* 폴드펼침 */
@media screen and (max-height:515px) {
}