@charset "utf-8";
@import url('/assets/style/base.css');
/*@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');*/

@font-face {font-family: 'S-CoreDream-9Black'; src: url('/fonts/SCDream9.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-8Heavy'; src: url('/fonts/SCDream8.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-7ExtraBold'; src: url('/fonts/SCDream7.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-6Bold'; src: url('/fonts/SCDream6.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-5Medium'; src: url('/fonts/SCDream5.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'S-CoreDream-4Regular'; src: url('/fonts/SCDream4.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'NanumSquare'; src: url('/fonts/NanumSquareL.woff') format('woff'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'Karla'; src: url('/fonts/karla.woff2') format('woff2'); font-style: normal; font-weight: normal; }
@font-face {font-family: 'Bahnschrift'; src: url('/fonts/Bahnschrift.woff2') format('woff2'); font-style: normal; font-weight: normal; }


.Karla {}
.Bahnschrift{font-family: 'Bahnschrift', sans-serif;}
.NanumSquare{}
.Gotham{font-family: 'S-CoreDream-9Black';}
.SpoqaHanSansNeo{font-family: 'S-CoreDream-4Regular';}
.font-noto{}


/** 
*
* basic
*
*/

*{line-height: 1;outline: none; letter-spacing: -0.25px; box-sizing: border-box;}
a{cursor: pointer; color: #212121;}
html{font-size: 10px;}

.hide{position: absolute; overflow: hidden; z-index: -1; width: 1px; height: 1px; display:none;}
body{background-color: #fff; width: 100%; height: 100%; font-size:19.2px; font-family: 'NanumSquare', sans-serif; overflow-x: hidden; overflow-y: auto;}
body.changeSize{font-size: 1vw}
.clear{clear: both; content: ''; display: block;}
.wrap{position: relative; width: 100%; margin: 0 auto;}
.video-area {display:none;}
.video-area:after{content: ''; display: block; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute;}
.container {overflow-x: hidden;}

button, html [type="button"] {
  -webkit-appearance: none;   
}

html,body {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
}
/** 
*
* menu & video-area
*
*/
.wrap header {transition: height ease-in-out 0.4s; height: 85px; position: absolute; top: 0; left: 0; width: 100%; margin: 0 auto; z-index: 100; overflow: hidden;}	
header .header-menu .logo a {color:#fff; position: absolute; top: 0; left: 0; background: url(/assets/images/common/img_header_logo_off.png) no-repeat 0 0; background-size: 100% auto;}
#menu_icon{width: 25px; float: left; margin: 20px 10px 0 16px;}
.wrap_mobile_icon{width: 96%; margin: 0 auto; margin-top: 80px; padding-bottom: 45px; position: relative; right: 0%;}
.wrap_mobile_icon ul{display: flex;}
.wrap_mobile_icon ul li{width: 25%; text-align: center;}
.wrap_mobile_icon ul li a img{width: auto; height: auto; border: 1px solid #ddd; border-radius: 50%;}
.wrap_mobile_icon ul li a p{font-size: 14px; padding-top: 6%;}
.mobile_logo_b{position: absolute; top: 2.2%; left: 5.5%;}
.mobile_logo_b img{width: 200px; display: block;}   


@media (min-width: 1297px){
.wrap header.on{height:350px; border-bottom:2px solid #9e9e9e;}

header .btn-mobile-menu {display: none;}
header .btn-close-mobile{display: none;}
header .header-menu {padding: 25px 10%; max-width: 1920px; margin: 0 auto; position: relative; z-index: 1;}
header .header-menu .logo{position: relative;}
header .header-menu .logo a {width:255px; height: 50px; }
header.on .header-menu .logo a {background-image: url(/assets/images/common/img_header_logo_on.png); }

header .header-menu .menu-list{width: 100%; max-width: 55%; margin: 0 auto; margin-left:45%;}
header .header-menu .menu-list > ul{}
header .header-menu .menu-list > ul > li{display: inline-block;}
header .header-menu .menu-list > ul > li + li{margin-left: 70px;}
header .header-menu .menu-list > ul > li > a, .pc_link a{font-family: 'S-CoreDream-7ExtraBold'; font-size: 20px; line-height: 30px; color: #fff; display: block; position: relative; margin-top: -20px; padding-bottom: 10px;}
header.on .header-menu .menu-list > ul > li > a, header.on .pc_link a{color: #000;}
header .header-menu .menu-list > ul > li > .group-list{display: none; position: absolute; padding-top:50px; z-index: 2; transform: translateX(-110px); width:100%;}
header .header-menu .menu-list > ul > li:nth-child(2) > .group-list{transform: translateX(-420px);}
header .header-menu .menu-list > ul > li:nth-child(3) > .group-list{transform: translateX(-90px);}

#menuBtn_0 .group-list li{height:240px;}
#menuBtn_1 .group-list li > ul > li:nth-child(5){height:70px;}
#menuBtn_2 .group-list li{height:240px;}

header .header-menu .menu-list > ul > li:hover > .group-list{display: block;}
header .header-menu .menu-list > ul > li > a:after, header .header-menu .menu-list > ul > li > .pc_link a:after{clear:both;content:'';position: absolute; bottom: 0; left: 50%; width: 0%; height: 3px; background: #4738A2; transition: all ease 0.35s;}
header .header-menu .menu-list > ul > li:hover > a:after, header .header-menu .menu-list > ul > li:hover > .pc_link a:after{left: 0; width: 100%;}
header.on .header-menu .menu-list > ul > li:hover > a:after, header.on .header-menu .menu-list > ul > li:hover > .pc_link a:after,
header.on .header-menu .menu-list > ul > li.active > a:after, header.on .header-menu .menu-list > ul > li.active > .pc_link a:after{background: #4738A2;}

.header-menu .menu-list .group-list {}
.header-menu .menu-list .group-list > li{display: inline-block;}
.header-menu .menu-list .group-list > li + li{margin-left:50px;}
.header-menu .menu-list .group-list > li > a{font-family: 'S-CoreDream-6Bold'; font-size: 17px; color: #4A4A4A;}

.header-menu .menu-list .group-list > li > ul{padding-top: 20px;}
.header-menu .menu-list .group-list > li > ul a{font-size:15px; line-height:2; font-family: 'S-CoreDream-4Regular'; }
.header-menu .menu-list .group-list > li > ul > li:not(:first-child){padding-top:5px;}
.header-menu .menu-list .group-list > li:hover > a,
.header-menu .menu-list .group-list > li > ul > li:hover > a{color: #4738A2;}


header .menu-bg{position: absolute; top: 0; left: 0; width: 100%; height: 500px; background: #fff; z-index: -1; transform: translate3d(0,-120%,0); transition: transform .35s ease-in-out 0s,opacity .1s ease-out 0s;}
header.on .menu-bg{transform: translate3d(0,-0%,0);}

header .dim-line{position: absolute; top: 85px; bottom:0; left:0; width: 100%; height: 1px; background:#9e9e9e; pointer-events: none; opacity: 0; }
header.on .dim-line{pointer-events:visible; opacity:0.3;}

.head-slide-menu{position: relative; padding: 25px 25px 25px 10%; height:200px; display: block; opacity: 0; transition: transform .35s ease-in-out 0s,opacity .1s ease-out 0s; max-width: 1920px; margin: 0 auto;}
.head-slide-menu::after{content: ''; display: block; clear: both;}
header.on .head-slide-menu{pointer-events:visible; opacity:1; ransition-delay:0.35s;}
.head-slide-menu .logo-btn{ margin-top: 30px; width: 20%; max-width: 250px; height: 100%; background: url(/assets/images/bg_logo4.gif); background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; float: left;}
.head-slide-menu .menu-banner{display:none;}

.mobile_logo_b{display: none;}     
.wrap_mobile_icon{display: none;}
#menu_icon{display: none;}
a#mlink {display: none;}
.back-img {width: 100%;}
.video-area {display:block;}

.main-preloader {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999999999; background-color: rgba(0, 0, 0, 0.9); text-align: center;}
.main-preloader .main-preloader-inner {position: absolute; top: 50%; width: 100%;}
.main-preloader .preloader-percentage {color: #ffffff; margin: 0;}
.main-preloader .preloader-percentage span {display: inline-block; float: center; font-size: 50px;}

}

@media (min-width: 1725px){	
header .header-menu .menu-list {margin-left:40%;}
.head-slide-menu .menu-banner{display:block; float: right;}
.head-slide-menu .menu-banner .banner{}
.head-slide-menu .menu-banner .banner a{display: block; width: 200px;}
.head-slide-menu .menu-banner .banner img{display: block; width: 100%;}
.head-slide-menu .menu-banner .banner:last-child img{padding-top:10px;}
.head-slide-menu .menu-banner .banner span{font-size: 14px ;color:#4A4A4A; display: flex;  width: 100%; justify-content: space-between; padding: 10px 0;}
}

@media (max-width: 1296px){	
.m-none{display:none;}
.complate .video-area {display:block;}
.main{height:100vh; background: url(/assets/images/main/mbg2.png) no-repeat; background-size: 100% auto;}
.complate .main{background: none; height:auto;}
.sec1, footer{display:none;}
.complate .sec1, .complate footer{display:block;}


.wrap header{overflow:initial}

.head-slide-menu{display: none;}
header .header-menu .logo a{width:200px; height: 32px; margin: 20px;}
header .header-menu{height: 60px; position: fixed; width:100%; background: transparent; }
/*모바일시 컬러 반전 추가*/    
header .header-menu.active{background: #fff; box-shadow: 5px 0px 5px #999; transition:0.5s; }
header .header-menu.active .logo a {background: url(/assets/images/common/img_header_logo_off_b.png) no-repeat 0 0; background-size: 100% auto; transition:0.5s;}
header .btn-mobile-menu.active{background: url(/assets/images/common/ico_mobile_close_b.png) no-repeat 50% 50%; background-size: 25px auto; transition:0.5s;}
    
header .btn-mobile-menu{display:block; width:60px; height: 60px; position: fixed; top:0; right:0; background: url(/assets/images/common/ico_mobile_close.png) no-repeat 50% 50%; background-size: 25px auto;}
.header-menu .menu-list{position: fixed; max-width: 100%; background: #fff; height: 100%; top: 0; z-index: 10; width:100%; margin: 0 auto; right:-100%; transition: transform .3s;}
.mobile header .header-menu .menu-list.on{transform: translateX(-100%);}
header .header-menu .menu-list > ul{max-width: 100%; overflow-y: auto;position: absolute;top: 210px; bottom: 0; width: 100%; padding: 20px 2% 0;}
header .header-menu .menu-list > ul > li{display: block; width: 100%; position: relative;}
header .header-menu .menu-list > ul > li + li{margin-left: 0;}
header .header-menu .menu-list > ul > li > a{color: #333; padding: 23px 20px; font-size: 20px; position: relative; display:block; font-family: 'S-CoreDream-6Bold'; border-bottom: 1px solid #ddd;}
header .header-menu .menu-list > ul > li:first-child > a{border-top: 1px solid #ddd;}    
.pc_link{display:none;}
header .header-menu .menu-list > ul > li > .arr{content: ''; display: block; width: 20px; height: 20px; position: absolute; right: 20px; top: 24px; left: auto; background: url(/assets/images/common/ico_menu_arrow.png) no-repeat; background-size: 100% auto; opacity: .3;}
header .header-menu .menu-list > ul > li.on  > .arr{transform:rotate(180deg)}
header .header-menu .menu-list > ul > li > .group-list{display: none; position: static; transform: translateX(0); padding: 10px 0; background: #ebebeb;}
.header-menu .menu-list .group-list > li{display: block;}
.header-menu .menu-list .group-list > li > a{display: block;font-size: 16px; padding: 10px 20px; font-family: 'S-CoreDream-5Medium'; color:#444;}
.header-menu .menu-list .group-list > li + li{margin-left: 0; }
header .header-menu .menu-list > ul > li:nth-child(2) .group-list::after{content: ''; display: block; clear: both;}
header .header-menu .menu-list > ul > li:nth-child(2) .group-list > li{width:50%; float: left; margin-bottom:10px;}
.header-menu .menu-list .group-list > li > ul{padding-top: 0;padding-bottom: 10px;}
.header-menu .menu-list .group-list > li > ul > li:not(:first-child){padding-top: 0}
.header-menu .menu-list .group-list > li > ul a{padding: 10px 20px; display: block; font-size: 15px;}	
header .btn-close-mobile{display: block; height:50px; width: 50px; position: absolute; right: 5px; background: transparent; top: 3px;}
header .btn-close-mobile:before, header .btn-close-mobile:after{content: '';height: 3px; width: 25px; background: #333; display: block; position: absolute; right: 11px; top: 50%; margin-top: -1px; transform: rotate(45deg)}
header .btn-close-mobile:after{transform: rotate(135deg)}
header .header-menu .menu-list:before{content: ''; display: block; position: absolute; width: 100%; height: 50px; background: #fff; top:0; left: 0}

.video-area{height:100vh; overflow: hidden}
.back-img{object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}

}

/** 
*
* main / top-banner : 모바일을 기본으로 pc만 반응형으로 체크
*
*/

.main .top-banner {margin-bottom: 0;}
.main .top-banner .txt-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main .top-banner .txt-area .inner {padding-left: 5%;}
.main .top-banner .txt-area .txt {color: #fff; position: static; padding-top: 25%;}
.main .top-banner .txt-area .txt-1 {font-size: 16px; margin-top: 0; letter-spacing: 4px; font-family:  'S-CoreDream-4Regular';}
.main .top-banner .txt-area .txt-2 {font-size: 45px; margin-top:30px; font-family: 'S-CoreDream-7ExtraBold'; line-height:1.2;}
.main .top-banner .txt-area .txt-3 {font-size: 17px; margin-top:45px; letter-spacing: 1px;}
.main .top-banner .txt-area .btn { font-family: 'S-CoreDream-6Bold'; width: 160px; height: 40px; line-height: 40px; position: relative; margin-top: 50px; font-size: 15px; padding-left: 15px; border: 1px solid #fff; color: #fff; display: block;}
.main .top-banner .txt-area .btn:after{content: ''; width: 20px; height: 40px; background: url(/assets/images/main/bg_btn_arr.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 20px; top: 50%; margin-top:-5px;}

@media (min-width: 1297px){
.main .top-banner {margin-bottom: 100px;}
.main .top-banner .txt-area .inner {padding-left: 10%; max-width:1920px; margin:auto;}
.main .top-banner .txt-area .txt {padding-top: 17%;}
.main .top-banner .txt-area .txt-1 {font-size: 17px; opacity: 0; transform: translateY(50px); transition: opacity .5s, transform .5s; transition-delay: .4s;}
.main .top-banner .txt-area .txt-2 {font-size: 68px; opacity: 0; transform: translateY(50px); transition: opacity .5s, transform .5s; transition-delay: .6s;}
.main .top-banner .txt-area .txt-3 {font-size: 26px; opacity: 0; transform: translateY(50px); transition: opacity .5s, transform .5s; transition-delay: .8s;}
.main .top-banner .txt-area .btn {opacity: 0; transform: translateY(50px); transition: opacity .5s, transform .5s; transition-delay: 1.3s;}
.main .top-banner .txt-area .btn:hover{background-color: rgba(255,255,255,0.3)}
.main .top-banner .txt-area.on * {opacity: 1 !important; transform: translateY(0px) !important;}	
}

@media (max-width: 640px){
.main .top-banner .txt-area .txt {padding-top: 40%;}
.main .top-banner .txt-area .txt-1 {font-size: 14px; margin-top: 0; }
.main .top-banner .txt-area .txt-2 {font-size: 25px; margin-top:30px; }
.main .top-banner .txt-area .txt-3 {font-size: 15px; margin-top:45px; }
}

.m-fix{display: none;}
.m-fix a{display: none;}
/** 
*
* sub / top-banner / ourSwiper / our-slide / aboutSwiper / about-slide
*
*/

.top-banner{
	margin-bottom:6.770833333em;
}

.top-banner .control-box{}

.ourSwiper{
    position: absolute;
    top: 171px;
    right: 50%;
    margin-right: -654px;
    width: 802px;
    height: 620px;
    z-index: 1;
}
.our-slide{
}
.our-slide .swiper-button-next:after{content:'';}
.our-slide .swiper-button-next{
    right: unset;
    left: 268px;
    top: 587px;
    z-index: 30;
    background: url(/assets/images/right_btn.png);
    width: 50px;
    height: 50px;
    background-size: contain;
}
.our-slide .swiper-button-prev:after{content:'';}
.our-slide .swiper-button-prev{
    left: 207px;
    top: 587px;
    z-index: 30;
    background: url(/assets/images/left_btn.png);
    width: 50px;
    height: 50px;
    background-size: contain;
}
.our-slide .swiper-pagination{
    top: 569px;
    bottom: unset;
    left: -308px;
    font-size: 1.9rem;
}
.our-slide .swiper-pagination .swiper-pagination-current{
    font-size: 3.9rem;
    color: #181818;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
}
.our-slide .swiper-pagination .swiper-pagination-total{
    font-size: 1.9rem;
    color: #181818;
    padding-left: 20px;
    padding-top: 12px;
}

.aboutSwiper{
    position: absolute;
    top: 48px;
    left: 637px;
    width: 457px;
    height: 449px;
    z-index: 1;
}
.about-slide{
}
.about-slide .swiper-button-next:after{content:'';}
.about-slide .swiper-button-next{
    right: 182px;
    top: 493px;
    z-index: 30;
    background: url(/assets/images/right_btn.png);
    width: 50px;
    height: 50px;
    background-size: contain;
}
.about-slide .swiper-button-prev:after{content:'';}
.about-slide .swiper-button-prev{
    right: 243px;
    left: unset;
    top: 493px;
    z-index: 30;
    background: url(/assets/images/left_btn.png);
    width: 50px;
    height: 50px;
    background-size: contain;
}
.about-slide .swiper-pagination{
    top: 485px;
    bottom: unset;
    left: 1245px;
    font-size: 1.9rem;
}

.about-slide .swiper-pagination-bullet{
    width: 11px;
    height: 11px;
    margin: 0 11px;
    vertical-align: middle;
    transition: all ease 0.35s;
}

.about-slide .swiper-pagination-bullet-active{
    width: 23px;
    height: 23px;
    background: #4B42CC;
}



/**
*
* location-area
*
*/

.location-area{/*max-width: 1920px;*/ position: relative; height: 2.604166667em; margin-bottom: 5.208333333em}
.location-area::after{content: ''; display: block; clear: both;}
.location-area > h2{position: absolute; left: 8.854166667em; right: 8.854166667em; height: 2.604166667em; line-height: 2.604166667em;  text-align: center;}
.location-area > h2 > span{font-size:2.604166667em;}

.location-area > a{margin-top: 0.625em;}
.location-area > a > span{font-size: 1.3rem; vertical-align: middle;}
.location-area .btn-prev{float: left;}
.location-area .btn-prev:before{content: ''; display: inline-block; vertical-align: middle; width: 1.614583333em; height: 1.302083333em; background: url(/assets/images/common/img_location_prev.png) no-repeat 50% 50%; background-size: 100% auto; margin: 0 0.78125em 0 0}
.location-area .btn-next{float: right}
.location-area .btn-next:after{content: ''; display: inline-block; vertical-align: middle; width: 1.614583333em; height: 1.302083333em; background: url(/assets/images/common/img_location_next.png) no-repeat 50% 50%; background-size: 100% auto; margin: 0 0 0 0.78125em}


/**
*
* FOOTER
*
*/

footer{ border-top: 1px solid rgba(112,112,112,0.19);
		margin-top: 200px;
    position: relative;
    background: #fff;
}
footer .ft-content{padding: 3.385416667em 0 3.385416667em; max-width: 1920px; margin: 0 auto}
footer .phone-num{
    display: flex;
    justify-content: space-between;
}
footer .phone-num p{
    font-size: 3.90625em;
    font-weight: bold;
    color: #000;
    line-height: 1;
}
footer .ft-menu-list{
    max-width: 21.79166667em;
    width: 50%;
    font-weight: bold;
    font-size: 1.302083333em;
    padding: 1.041666667em 0 0;
}
footer .ft-menu-list ul{
    display: flex;
    justify-content:end;
    align-items: flex-end;
}
footer .ft-menu-list ul li{
    /*padding: 0 5%;*/
    padding-right: 2%;
}
footer .ft-menu-list ul li:last-child{padding-right: 0;}
footer .ft-menu-list ul li a{
    display: block;
		font-size: 0.9375em;
		font-weight: normal;
}
footer .ft-menu-list ul li a span{
}
footer .ft-menu-list ul li a span img{width:35px;}
footer .ft-info{padding-top: 4.166666667em;}
footer .ft-info .ft-sub-menu{
    font-size: 1.6rem; font-family: 'S-CoreDream-6Bold';
    color: #555;
}
footer .ft-info .ft-sub-menu ul{
    display: flex;
}
footer .ft-info .ft-sub-menu ul li{
}
footer .ft-info .ft-sub-menu ul li:not(:first-child){
    margin-left:1.302083333em;
}
footer .ft-info .ft-sub-menu ul li a{}
footer .ft-info .ft-sub-menu ul li a span{}
footer .ft-info .info{
    font-size: 1.4rem;
    color: #555;
    margin-top: 0.729166667em;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
footer .ft-info .info .ft-logo{display: flex;align-items: flex-end;order: 1;}
footer .ft-info .info .ft-logo p{
    font-size: 0.833333333em;
    font-weight: bold;
    padding-right: 0.520833333em;
    color: #181818;
}
footer .ft-info .info .ft-logo .logo{display:inline-block;width:15em;height: 2.8em; background: url(/assets/images/common/f_logo.png) no-repeat 0 0; background-size: 100% auto; }
footer .ft-info .info .ft-logo p svg{}
footer .ft-info .info .info-t{
    font-size: 1.5rem;
    width: 75.95%;
    padding-top: 1.041666667em;
    max-width: 61.66666667em;
}
footer .ft-info .info .info-t ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
footer .ft-info .info .info-t ul li{
    padding-bottom: 0.520833333em;
}
footer .ft-info .info .info-t ul li span{
}
footer .ft-info .info .info-t ul li.copyri{
    padding-top: 0.625em;
    flex-basis: 100%;
}

/** 
*
* pop
*
*/
.pop {position: fixed; z-index: 99999; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.3); display: none;}
.pop.on{display: block;}
.pop .pop-inner{position: absolute; top: 3rem; bottom: 3rem; left: 7rem; right: 7rem; padding: 2rem 5rem; border: 4px solid #4738A2; background: #fff;}
.pop .pop-inner .pop-header{}
.pop .pop-inner .pop-header::after{content: ''; display: block; clear: both;}
.pop .pop-inner .pop-header > h2{float: left; height: 5rem; line-height: 5rem; color: #4738A2; font-size: 1.9rem; font-weight: bold;}
.pop .pop-inner .pop-header .btn-close{float: right; height: 5rem; width: 5rem; background: url(/assets/images/common/ico_pop_close.png) no-repeat 50% 50%; background-size:1.4rem auto ;}
.pop .pop-inner .pop-con{position: absolute; top: 7rem; bottom: 5rem; left: 5rem; right: 5rem; overflow-y: auto; overflow-x: hidden;    border: 1px solid #DAE0E3;border-width: 1px 0;}
.pop .pop-inner .pop-con .pop-con-inner{font-size: 1.5rem; padding: 2.5rem; line-height: 1.6;}

/**
*
* LNB-MENU
*
*/

.lnb-menu{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 2.864583333em;
    width: 66.541%;
    max-width: 68.54166667em;
    display: flex;
    justify-content: space-between;
}
.lnb-menu-mobile{display: none}
.lnb-menu .home-btn{
    display: block;
    width: 2.864583333em;
    height: 2.864583333em;
    line-height: 2.864583333em;
    text-align: center;
    flex-shrink: 0;
		background:#000 url(/assets/images/common/ico_home.png) no-repeat 50% 50%;
		background-size:0.78125em;

}
.lnb-menu .home-btn > svg{display: none;}
.lnb-menu .lnb-list{
    /* display: flex; */
    line-height: 2.864583333em;
    justify-content: space-around;
    font-weight: bold;
    
}
.lnb-menu .lnb-list:after{content: ''; display: block; clear: both;}
.lnb-menu .lnb-list li{
    /* width: 25%; */
    margin: 0 1.202083333em;
		float:left;
}
.contact .lnb-menu .lnb-list li{
    /* width: 50%; */
}
.lnb-menu .lnb-list li a{
    display: block;
    position: relative;
    height: 2.864583333em;
		
}
.lnb-menu .lnb-list li a:after,
.lnb-menu .lnb-list li a:after{
    clear: both;
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 0.104166667em;
    background: #4738A2;
    transition: all ease 0.35s;
}
.lnb-menu .lnb-list li:hover a:after,
.lnb-menu .lnb-list li.active a:after{
    left: 0;
    width: 100%;
}

.lnb-menu .lnb-list li a span{
    display: block;
    line-height: 3.125em;
    text-align: center;
    color: #4A4A4A;
		font-size: 1.7rem;
}
.lnb-menu .lnb-list li:hover a span,
.lnb-menu .lnb-list li.active a span{color: #4738A2;}


/**
*
* quick
*
*/
@media (min-width: 1297px){
	
#quick{position: fixed; right: 0; top: 19.63541667em; z-index: 10;transform: translateX(100%); transition: transform .5s; font-family: 'S-CoreDream-4Regular';}
#quick.on{transform: translateX(0)}
#quick .quick-inner{position: relative; }
#quick.on .quick-inner{}
#quick .quick-inner .btn{width: 2.708333333em; position: absolute; left: -2.708333333em; top: 40px;}
#quick .quick-inner .counsel{display: block; height: 10.220833em; text-align: center; background: #94B76C; color: #fff; writing-mode: tb-rl; width: 100%;padding-right: 0.85em;}
#quick .quick-inner .counsel > span{font-size:1em;}
#quick .quick-inner .goTop{height: 2.604166667em; width: 100%; background: #343434 url(/assets/images/common/btn_goTop.png) no-repeat 50% 50%; background-size: 0.78125em 1.041666667em}
#quick .quick-inner .con{width: 65.9375em; height: 17.23958333em; background: #94B76C; color: #fff; box-sizing: border-box; padding: 2.552083333em 0 0 5.260416667em;}
#quick .quick-inner .con:after{content: ''; display: block; clear: both;}
#quick .quick-inner .con .col{float: left;}
#quick .quick-inner .con .col + .col{margin-left: 3em;}
#quick .quick-inner .con .col.col-1{width: 16.92708333em;}
#quick .quick-inner .con .col.col-1 .tit{font-size: 1.510416667em; line-height: 1.222916667em; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-1 .tit::after{content: ''; display: block; width: 0.989583333em; height: 1px; background: #fff;margin: .670666667em 0}
#quick .quick-inner .con .col.col-1 .subs{font-size: 0.677083333em; line-height: 1.341666667em; margin-bottom: 3em;}
#quick .quick-inner .con .col.col-1 select{border:0.104166667em solid #fff; width: 100%; box-sizing:border-box; height:2.34375em; background: #94B76C url(/assets/images/common/ico_select_arr.png) no-repeat right 1.041666667em center; background-size: 0.625em 0.416666667em; color: #fff; font-size: 0.989583333em; padding:0 1.041666667em;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: ''; position: relative; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2{width: 17.44791667em}
#quick .quick-inner .con .col.col-2 .tit{font-weight: bold; font-size: 0.833333333em; margin-bottom: 1.40625em;}
#quick .quick-inner .con .col.col-2 input[type=text]{height: 2.604166667em; font-size: 0.885416667em; background: transparent; border:0; border-bottom: 0.104166667em solid #fff; width: 100%; box-sizing: border-box; color: #fff; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2 input[type=text]::placeholder{color: #fff;}
#quick .quick-inner .con .col.col-2 input[type=text] + input[type=text]{margin-top: 1.4375em;}
#quick .quick-inner .con .col.col-3{width: 17.3125em;}
#quick .quick-inner .con .col.col-3 .tit{border: 1px solid #AFC991; padding: 1em 0.5em;}
#quick .quick-inner .con .col.col-3 .tit > strong{font-size: 0.572916667em; font-weight: normal}
#quick .quick-inner .con .col.col-3 .tit .subs{font-size: 0.677083333em; line-height: 1.233333333em; margin-top: 0.520833333em}
#quick .quick-inner .con .col.col-3 .row{margin:1.606666667em 0 0.797916667em;}
#quick .quick-inner .con .col.col-3 .row > *{vertical-align: middle;}
#quick .quick-inner .con .col.col-3 .row .label{font-size: 0.677083333em;}
#quick .quick-inner .con .col.col-3 .row input[type=radio]{display: none;}
#quick .quick-inner .con .col.col-3 .row label{font-size: 0.677083333em;}
#quick .quick-inner .con .col.col-3 .row label:before{content: ''; display: inline-block;width: 0.833333333em; height: 0.833333333em; background: #fff; box-sizing: border-box; border-radius: 100%; vertical-align: middle; margin: -0.104166667em 0.260416667em 0 1.041666667em}
#quick .quick-inner .con .col.col-3 .row input[type=radio]:checked + label:before{background: #6CC26C; border: 0.208333333em solid #fff }
#quick .quick-inner .con .col.col-3 .btn-apply{display: block; background: #fff; height: 2.604166667em; padding-left: 1.770833333em; position: relative}
#quick .quick-inner .con .col.col-3 .btn-apply > input{width: 100%; height: 100%; background: transparent; border: 0; text-align: left; font-size: 0.9375em; color: #94B76C; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-3 .btn-apply > span{font-size: 0.9375em; color: #94B76C; line-height: 2.604166667em;}
#quick .quick-inner .con .col.col-3 .btn-apply::after{content: ''; display: block;width: 0; height: 0; position: absolute; bottom: 0; right: 0;border-top: 0.78125em solid transparent;border-bottom: 0 solid transparent;border-right: 0.78125em solid #94B76C;}

}

@media (max-width: 1296px){	

#quick{position: fixed; right: 0; top: 19.63541667em; z-index: 10;transform: translateX(100%); transition: transform .5s; font-family: 'S-CoreDream-4Regular';}
#quick.on{transform: translateX(0)}
#quick .quick-inner{position: relative; }
#quick.on .quick-inner{}
#quick .quick-inner .btn{width:25px; position: absolute; left:-25px; /*top:0px;*/ bottom:0;}
#quick .quick-inner .counsel{display: block; height:110px; text-align: center; background: #94B76C; color: #fff; width:100%; padding-right:0em; padding-top:19px;}
#quick .quick-inner .counsel > span{font-size:13px; line-height: 140%;}
#quick .quick-inner .goTop{height: 2.604166667em; width: 100%; background: #343434 url(/assets/images/common/btn_goTop.png) no-repeat 50% 50%; background-size: 0.78125em 1.041666667em; display:none;}
#quick .quick-inner .con{width:250px; height:460px; background: #94B76C; color: #fff; box-sizing: border-box; padding: 20px 0 0 15px;}
#quick .quick-inner .con:after{content: ''; display: block; clear: both;}
#quick .quick-inner .con .col{float: left;}
#quick .quick-inner .con .col + .col{margin-left:1em;}
#quick .quick-inner .con .col.col-1{width:210px; margin-left:1em;}
#quick .quick-inner .con .col.col-1 .tit{font-size:14px; line-height: 1.3em; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-1 .tit::after{content: ''; display: block; width: 0.989583333em; height: 1px; background: #fff; margin:10px 0;}
#quick .quick-inner .con .col.col-1 .subs{font-size:11px; line-height: 1.3em; margin-bottom:12px;}
#quick .quick-inner .con .col.col-1 select{border:0.104166667em solid #fff; width: 100%; box-sizing:border-box; height:25px; background: #94B76C url(/assets/images/common/ico_select_arr.png) no-repeat right 1.041666667em center; background-size: 0.625em 0.416666667em; color: #fff; font-size: 11px; padding:0 10px;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: ''; position: relative; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2{width:210px; margin-top:5px;}
#quick .quick-inner .con .col.col-2 .tit{font-weight: bold; font-size:12px; margin-bottom:10px; margin-top:8px;}
#quick .quick-inner .con .col.col-2 input[type=text]{height:20px; font-size:12px; background: transparent; border:0; border-bottom:1px solid #fff; width: 100%; box-sizing: border-box; color: #fff; font-family: 'S-CoreDream-4Regular';}
#quick .quick-inner .con .col.col-2 input[type=text]::placeholder{color: #fff;}
#quick .quick-inner .con .col.col-2 input[type=text] + input[type=text]{margin-top:16.5px;}
#quick .quick-inner .con .col.col-3{width:210px;}
#quick .quick-inner .con .col.col-3 .tit{border: 1px solid #AFC991; padding:10px 5px; margin-top:10px;}
#quick .quick-inner .con .col.col-3 .tit > strong{font-size:11px; font-weight: normal}
#quick .quick-inner .con .col.col-3 .tit .subs{font-size:11px; line-height: 1.3em; margin-top: 0.520833333em}
#quick .quick-inner .con .col.col-3 .row{margin:15px 0 10px;}
#quick .quick-inner .con .col.col-3 .row > *{vertical-align: middle;}
#quick .quick-inner .con .col.col-3 .row .label{font-size: 11px;}
#quick .quick-inner .con .col.col-3 .row input[type=radio]{display: none;}
#quick .quick-inner .con .col.col-3 .row label{font-size: 10px;}
#quick .quick-inner .con .col.col-3 .row label:before{content: ''; display: inline-block;width: 0.833333333em; height: 0.833333333em; background: #fff; box-sizing: border-box; border-radius: 100%; vertical-align: middle; margin: -0.104166667em 0.260416667em 0 1.041666667em}
#quick .quick-inner .con .col.col-3 .row input[type=radio]:checked + label:before{background: #6CC26C; border: 0.208333333em solid #fff }
#quick .quick-inner .con .col.col-3 .btn-apply{display: block; background: #fff; height:30px; padding-left: 1.770833333em; position: relative; margin-top: 15px;}
#quick .quick-inner .con .col.col-3 .btn-apply > input{width: 100%; height: 100%; background: transparent; border: 0; text-align: left; font-size:12px; color: #94B76C; font-family: 'S-CoreDream-6Bold';}
#quick .quick-inner .con .col.col-3 .btn-apply > span{font-size: 0.9375em; color: #94B76C; line-height: 2.604166667em;}
#quick .quick-inner .con .col.col-3 .btn-apply::after{content: ''; display: block;width: 0; height: 0; position: absolute; bottom: 0; right: 0;border-top: 0.78125em solid transparent;border-bottom: 0 solid transparent;border-right: 0.78125em solid #94B76C;}

}

/**
*
* SECTION PC 기본
*
*/

section{
    position: relative;
}

.section .sec-content{
    position: relative;
    max-width: 1570px;
    margin: 0 auto;
}

.section .scroll-check{position: absolute; z-index: -1; left: 0; right: 0; /*top: 50%;*/ top:20%; height: 10px;}
.section .scroll-check.slow{top: 75%;}
.section .scroll-check.fast{top: -20%;}
.section .tit-area{position: absolute; left: 0; top:0; z-index: 2;}
.section .tit-area .tit{position: relative;}
.section .tit-area .tit > span{font-size: 7.291666667em; font-family: 'Karla', sans-serif; color: #181818; line-height: .8em;letter-spacing: -0.1em; padding-left: .1em; display: block;}
.section .tit-area .tit > span > span{margin-left:-.1em}
.section .tit-area .tit:after{content: ''; width:1.40625em; height: 1.40625em; background: #181818; display: block; position: absolute; right: -0.78125em; top: 0.416666667em}
.section .tit-area .subs{font-size:2rem; margin-top:3.125em; line-height: 1.5625em}

.section.sec_0{
	padding: 0 0 9.114583333em; margin-top:8em;
}

.section.sec_0 .tit-area{}
.section.sec_0 .tit-area > ul{}
.section.sec_0 .tit-area > ul > li{display: none;}
.section.sec_0 .tit-area > ul > li.on{display: block;}
.section.sec_0 .tit-area .tit > span > span{font-family: 'Karla', sans-serif;}

.section.sec_0 .control-area{margin-top:5.208333333em;}
.section.sec_0 .control-area > button{width:2.604166667em; height: 2.604166667em; border-radius: 100%; border: 1px solid #DAD7D7; box-sizing: border-box; text-align: center; background:#fff; cursor: default}
.section.sec_0 .control-area > button.active{border:1px solid #000; cursor: pointer}
.section.sec_0 .control-area > button.active:before{background-position: 0 100%;}
.section.sec_0 .control-area > button:before{content: ''; width: 0.729166667em; height: 1.197916667em; display: inline-block;vertical-align: middle; background: url(/assets/images/main/img_arr_l.png) no-repeat 0 0; margin-top:0.104166667em;
	background-size: 100% auto;}
.section.sec_0 .control-area > button.right{margin-left:0.364583333em}
.section.sec_0 .control-area > button.right:before{background-image: url(/assets/images/main/img_arr_r.png); margin-left: 0.208333333em;}

.section.sec_0 .content-area{padding-left: calc(50% - 12.08333333em);}
.section.sec_0 .content-area .content-area-inner{position: relative; padding-left: 11.14583333em;}
.section.sec_0 .content-area .page-area{position: absolute; top: 23.17708333em; left: 0}
.section.sec_0 .content-area .page-area > span{font-family: 'Karla', sans-serif; vertical-align: middle}
.section.sec_0 .content-area .line{height: 1px;left: 7.03125em;right: 0;top: 24.11458333em; display: block; position: absolute; background: #000; z-index: -1;}
.section.sec_0 .content-area .page-area .current{font-weight: bold; font-size: 2.083333333em; color: #181818; width: 1.302083333em; text-align: center}
.section.sec_0 .content-area .page-area .unit{margin: 0 1.302083333em; color: #707070; font-size: 0.625em;}
.section.sec_0 .content-area .page-area .total{font-size: 0.989583333em; color: #181818;}
.section.sec_0 .content-area .img-area{width: 41.77083333em; height: 32.29166667em; overflow: hidden; margin-top:2.604166667em;}
.section.sec_0 .content-area .img-area > ul{width: 520.8333333em; transition: margin .4s}
.section.sec_0 .content-area .img-area > ul:after{content: ''; display: block; clear: both;}
.section.sec_0 .content-area .img-area > ul > li{float:left;}
.section.sec_0 .content-area .img-area > ul > li > span{display: block;width: 41.77083333em;height: 32.29166667em; background: url(/assets/images/main/img_con1_1.png) no-repeat 0 0; background-size: 100% auto; margin-top: 40px;}
.section.sec_0 .content-area .img-area > ul > li:nth-child(2) > span{background-image: url(/assets/images/main/img_con1_3.png)}
.section.sec_0 .content-area .img-area > ul > li:nth-child(3) > span{background-image: url(/assets/images/main/img_con1_2.png)}
.section.sec_0 .content-area .img-area > ul > li:nth-child(4) > span{background-image: url(/assets/images/main/img_con1_4.jpg)}
.section.sec_0 .content-area .img-area > ul > li:nth-child(5) > span{background-image: url(/assets/images/main/img_con1_5.jpg)}
.section.sec_0 .content-area .txt{font-family: 'Karla', sans-serif; transform: rotate(90deg); color: #181818; font-size: 0.885416667em; position: absolute; left: 57.3125em;top: 4.947916667em;width: 10.458333em;}

.section.sec_1{}
.section.sec_1 .bg{position: absolute; height: 16.51041667em; left: calc(50% - 40.83333333em); right: 0; top:1.822916667em; z-index: -1; background: #F5F5F5}
.section.sec_1 .sec-content > .tit{text-align: right; font-size: 3.645833333em; font-family: 'Karla', sans-serif; letter-spacing: 0.1em; color: #181818;}
.section.sec_1 .sec-content > .tit > span{margin-right: .1em}
.section.sec_1 .list-area{margin-top:4.6875em;}
.section.sec_1 .list-area > ul{text-align: right}
.section.sec_1 .list-area > ul > li{display:inline-block; width: 21.82291667em;}
.section.sec_1 .list-area > ul > li + li{margin-left: 5.208333333em}
.section.sec_1 .list-area > ul > li > a{display: block; text-align: left;}
.section.sec_1 .list-area > ul > li > a .img{display: block; height: 12.91666667em; background: url(/assets/images/main/img_con2_1.jpg) no-repeat 0 0;}
.section.sec_1 .list-area > ul > li:nth-child(2) > a .img{background-image: url(/assets/images/main/img_con2_2.jpg)}
.section.sec_1 .list-area > ul > li:nth-child(3) > a .img{background-image: url(/assets/images/main/img_con2_3.jpg)}
.section.sec_1 .list-area > ul > li > a .tit{margin-top: 3.645833333em; font-size: 2.5rem;}
.section.sec_1 .list-area > ul > li > a .subs{margin-top: 1.197916667em; font-size: 1.7rem; line-height: 1.5;}
.section.sec_1 .list-area > ul > li > a:hover .tit{color:#4B42CC;}

.section.sec_2{margin-top:11.45833333em; height: 29.21875em;}
.section.sec_2 .line{position: absolute; height: 1px; right: calc(50% - 12.39583333em); left: 0; top:27.8125em; z-index: -1; background: #000}
.section.sec_2 .dot{display: block; width: 2.604166667em; height: 2.604166667em; background: #010101; border-radius: 100%; position: absolute; top: 47px; right: 85px}
.section.sec_2 .member-area{}
.section.sec_2 .member-area > ul{position: relative;}
.section.sec_2 .member-area > ul > li{position: absolute; width: 100%; opacity: 0; transition: opacity .7s}
.section.sec_2 .member-area > ul > li.active{opacity: 1;}
.section.sec_2 .member-area > ul > li .img{width:46.14583333em; height: 27.86458333em; background: url(/assets/images/main/img_con3_1.png) no-repeat 100% 0; background-size: auto 100%; /*transform: translateX(-5.208333333em); */transition: transform .7s}
.section.sec_2 .member-area > ul > li .img2{width:46.14583333em; height: 27.86458333em; background: url(/assets/images/main/img_con3_2.png) no-repeat 100% 0; background-size: auto 100%; /*transform: translateX(-5.208333333em); */transition: transform .7s}
.section.sec_2 .member-area > ul > li .img3{width:46.14583333em; height: 27.86458333em; background: url(/assets/images/main/img_con3_5.png) no-repeat 100% 0; background-size: auto 100%; /*transform: translateX(-5.208333333em); */transition: transform .7s}
.section.sec_2 .member-area > ul > li .img4{width:46.14583333em; height: 27.86458333em; background: url(/assets/images/main/img_con3_6.png) no-repeat 100% 0; background-size: auto 100%; /*transform: translateX(-5.208333333em); */transition: transform .7s}

.section.sec_2 .member-area > ul > li.active .img{transform: translateX(0px)}
.section.sec_2 .member-area > ul > li .txt-area{width:25em; position: absolute; right: 0; top: 11.19791667em; }
.section.sec_2 .member-area > ul > li .txt-area > strong{font-size: 2.135416667em; display: block;}
.section.sec_2 .member-area > ul > li .txt-area .curi{font-size:1.7rem; margin-top: 1.041666667em; font-weight: bold}
.section.sec_2 .member-area > ul > li .txt-area .subs{font-size:1.7rem; margin-top: 3.28125em; color: #555; line-height: 1.302083333em; display: block;}
.section.sec_2 .dot-area{position: absolute;top: 26.77083333em;left: 60em;}
.section.sec_2 .dot-area::after{content: ''; display: block; clear: both;}
.section.sec_2 .dot-area > ul{}
.section.sec_2 .dot-area > ul > li{float: left;}
.section.sec_2 .dot-area > ul > li + li{margin-left:0.364583333em;}
.section.sec_2 .dot-area > ul > li:last-child{margin-top: 12px; width: 100px; text-align: center;}
.section.sec_2 .dot-area > ul > li > button{width: 2.083333333em; height: 2.083333333em; background: #fff; text-align: center;}
.section.sec_2 .dot-area > ul > li > button:before{content: ''; display: inline-block; vertical-align: middle; width: 0.572916667em; height: 0.572916667em; border-radius: 100%; background: #DADADA}
.section.sec_2 .dot-area > ul > li.active > button:before{width: 1.197916667em; height: 1.197916667em; background:#4B42CC;}
.section.sec_2 .control-area{position: absolute;right: 0;top: 26.5625em;}
.section.sec_2 .control-area > button{width:2.604166667em; height: 2.604166667em; border-radius: 100%; border: 1px solid #DAD7D7; box-sizing: border-box; text-align: center; background:#fff; cursor: default}
.section.sec_2 .control-area > button.active{border:1px solid #000; cursor: pointer}
.section.sec_2 .control-area > button.active:before{background-position: 0 100%;}
.section.sec_2 .control-area > button:before{content: ''; width: 0.729166667em; height: 1.197916667em; display: inline-block;vertical-align: middle; background: url(/assets/images/main/img_arr_l.png) no-repeat 0 0; margin-top:0.104166667em;
	background-size: 100% auto;}
.section.sec_2 .control-area > button.right{margin-left:1.041666667em}
.section.sec_2 .control-area > button.right:before{background-image: url(/assets/images/main/img_arr_r.png); margin-left: 0.208333333em;}

.section.sec_3{margin: 13.02083333em 0 0; }
.section.sec_3 .sec-content{padding: 0 15em 0 15.36458333em;/*25.96875em*/}
.section.sec_3 .arr{position: absolute; left: 0; top: 0; width: 2.916666667em; height: 0.364583333em; background: #000}
.section.sec_3 .txt{ transform: rotate(90deg); position: absolute;left: 6.59375em;top: 3.490833em;}
.section.sec_3 .txt > span{font-size: 1.979166667em;font-family: 'Karla', sans-serif; color: #181818;}

.section.sec_3 .con-area{}
.section.sec_3 .con-area > ul{position: relative; height: 22.91666667em; overflow: hidden}
.section.sec_3 .con-area > ul > li{position: absolute; top: 0; left: 0;  opacity: 0; width:100%; text-align: right; transition: opacity .7s}
.section.sec_3 .con-area > ul > li.active{opacity: 1;}
.section.sec_3 .con-area > ul > li .img{position: absolute; top:0; left: 0; }
.section.sec_3 .con-area > ul > li .img > span{display: block; width:18.59375em; height: 18.28125em; background: url(/assets/images/main/img_con4_1.jpg) no-repeat 0 0; background-size: 100% auto}
.section.sec_3 .con-area > ul > li:nth-child(2) .img > span{background-image: url(/assets/images/main/img_con4_2.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(3) .img > span{background-image: url(/assets/images/main/img_con4_3.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(4) .img > span{background-image: url(/assets/images/main/img_con4_4.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(5) .img > span{background-image: url(/assets/images/main/img_con4_5.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(6) .img > span{background-image: url(/assets/images/main/img_con4_10.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(7) .img > span{background-image: url(/assets/images/main/img_con4_6.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(8) .img > span{background-image: url(/assets/images/main/img_con4_7.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(9) .img > span{background-image: url(/assets/images/main/img_con4_8.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(10) .img > span{background-image: url(/assets/images/main/img_con4_11.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(11) .img > span{background-image: url(/assets/images/main/img_con4_12.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(12) .img > span{background-image: url(/assets/images/main/img_con4_13.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(13) .img > span{background-image: url(/assets/images/main/img_con4_14.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(14) .img > span{background-image: url(/assets/images/main/img_con4_10.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(15) .img > span{background-image: url(/assets/images/main/img_con4_16.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(16) .img > span{background-image: url(/assets/images/main/img_con4_17.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(17) .img > span{background-image: url(/assets/images/main/img_con4_18.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(18) .img > span{background-image: url(/assets/images/main/img_con4_9.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(19) .img > span{background-image: url(/assets/images/main/img_con4_19.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(20) .img > span{background-image: url(/assets/images/main/img_con4_20.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(21) .img > span{background-image: url(/assets/images/main/img_con4_21.jpg)}
.section.sec_3 .con-area > ul > li:nth-child(22) .img > span{background-image: url(/assets/images/main/img_con4_22.jpg)}

.section.sec_3 .con-area > ul > li > strong{font-size: 2.864583333em; font-family: 'Karla', sans-serif; font-weight: normal;}
.section.sec_3 .con-area > ul > li .address{display: block; margin-top: 1.041666667em; line-height: 1.5; font-size:1.7rem;}
.section.sec_3 .con-area > ul > li .address > strong{font-size: 2.5rem; display: block; margin-bottom: -0.5em;}
.section.sec_3 .con-area > ul > li .btn{margin-top:3.645833333em; display: none}
.section.sec_3 .con-area > ul > li .btn > button{width:1.822916667em; height: 1.822916667em; background: transparent; text-align: center;}
.section.sec_3 .con-area > ul > li .btn > button:before{content: ''; display: inline-block; vertical-align:middle; width: 1.197916667em; height: 1.354166667em; background: url(/assets/images/main/img_con4_maker.png) no-repeat 0 0; background-size: 100% auto}
.section.sec_3 .con-area > ul > li .btn .maker{margin-right: 0.520833333em;}
.section.sec_3 .con-area > ul > li .btn .add:before{width: 1.09375em; height: 1.09375em; background-image: url(/assets/images/main/img_con4_add.png)}
.section.sec_3 .btn-area{}/*추가사항*/
.section.sec_3 .btn-area > ul{}
.section.sec_3 .btn-area > ul > li{display: inline-block;}
/*.section.sec_3 .btn-area > ul > li + li{margin-left: 0.193333333em;}*/
.section.sec_3 .btn-area > ul > li > button{background: transparent; padding: 0 1em; box-sizing: border-box; height: 2.291666667em; line-height: 2.291666667em; font-size: 1.02em;}
.section.sec_3 .btn-area > ul > li.active > button{border-bottom: 1px solid #FF0303; color: #FF0303;}
.section.sec_3 .number{position: absolute; right:17%; top:1.2em; font-size:8.5em; font-weight: normal; display: inline-block;}

.section.sec_4{margin: 8.958333333em 0 0 0; }
.section.sec_4 .tit{text-align: center; margin-bottom: 2.5em;}
.section.sec_4 .tit > span{font-size: 3.59375em; font-family: 'Karla', sans-serif; display: inline-block; margin: 0 -0.044166667em;}
.section.sec_4 .con-area{height: 10.72916667em; border: 1px solid #D5D5D5}
.section.sec_4 .con-area:after{content: ''; display: block; clear: both}
.section.sec_4 .con-area .left{float: left; width: 50%; background: url(/assets/images/main/img_con5_logo.png) no-repeat 2.083333333em 50%; background-size: 10.10416667em 7.1875em; height: 100%;}
.section.sec_4 .con-area .left > p{padding: 2.864583333em 2.604166667em 0 15.10416667em; }
.section.sec_4 .con-area .left > p > span{font-size: 1.7rem; line-height: 1.5;}
.section.sec_4 .con-area .right{float: right; width: 50%; height: 100%;}
.section.sec_4 .con-area .right .img{display: block; height: 100%; background: url(/assets/images/main/img_con5_bg.jpg) no-repeat 0 0; background-size: cover;}
.section.sec_4 .btn-area{margin-top:4.427083333em; text-align: center;}
.section.sec_4 .btn-area .btn{display: inline-block; text-align: left; background: #94B76C; height: 2.604166667em;  width: 18.22916667em; box-sizing: border-box; padding-left: 1.504166667em; position: relative}
.section.sec_4 .btn-area .btn > span{font-size: 1.041666667em; color: #fff; display: inline-block; line-height: 2.604166667em;}
.section.sec_4 .btn-area .btn:after{content: ''; display: block; width: 1.614583333em; height: 0.885416667em; background: url(/assets/images/main/img_con5_arr.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 1.197916667em; top: 50%; margin-top: -0.4427083335em;}
.section.sec_4 .btn-area .btn:hover{background:#86a85f;}


/**
*
* SECTION PC 스크롤 애니메이션
*
*/


.section.sec_0 .tit-area .tit > span > span,
.section.sec_0 .tit-area .tit:after
{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}

.section.sec_0 .tit-area .subs,
.section.sec_0 .control-area,
.section.sec_0 .content-area
{opacity: 0;transform: translateY(6em); transition: transform 2s .5s cubic-bezier(0,1,.3,1), opacity 2s .5s ease-out;will-change: transform, opacity;}

.section.sec_0 .tit-area .tit > span > span:nth-child(1){transition-delay:.1s }
.section.sec_0 .tit-area .tit > span > span:nth-child(2){transition-delay:.15s }
.section.sec_0 .tit-area .tit > span > span:nth-child(3){transition-delay:.2s }
.section.sec_0 .tit-area .tit > span > span:nth-child(4){transition-delay:.25s }
.section.sec_0 .tit-area .tit > span > span:nth-child(5){transition-delay:.3s }
.section.sec_0 .tit-area .tit > span > span:nth-child(6){transition-delay:.35s }
.section.sec_0 .tit-area .tit > span > span:nth-child(7){transition-delay:.4s }
.section.sec_0 .tit-area .tit > span > span:nth-child(8){transition-delay:.45s }
.section.sec_0 .tit-area .tit > span > span:nth-child(9){transition-delay:.5s }
.section.sec_0 .tit-area .tit:after{transition-delay:.55s }
.section.sec_0 .tit-area .subs{transition-delay:.4s }
.section.sec_0 .control-area{transition-delay:.6s }
.section.sec_0 .content-area{transition-delay:.8s }

.section.sec_0.is-visible .tit-area .tit > span > span,
.section.sec_0.is-visible .tit-area .tit:after,
.section.sec_0.is-visible .tit-area .subs,
.section.sec_0.is-visible .control-area,
.section.sec_0.is-visible .content-area{transform: translateY(0);opacity: 1;}


.section.sec_1 .sec-content > .tit > span{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.section.sec_1 .bg{left:100%; transition: left .5s .5s cubic-bezier(0,1,.3,1); will-change:left}
.section.sec_1 .list-area > ul > li{opacity: 0;transform: translateY(6em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}

.section.sec_1 .sec-content > .tit > span:nth-child(1){transition-delay:.1s }
.section.sec_1 .sec-content > .tit > span:nth-child(2){transition-delay:.15s }
.section.sec_1 .sec-content > .tit > span:nth-child(3){transition-delay:.2s }
.section.sec_1 .sec-content > .tit > span:nth-child(4){transition-delay:.25s }
.section.sec_1 .sec-content > .tit > span:nth-child(5){transition-delay:.3s }
.section.sec_1 .sec-content > .tit > span:nth-child(6){transition-delay:.35s }
.section.sec_1 .sec-content > .tit > span:nth-child(7){transition-delay:.4s }
.section.sec_1 .sec-content > .tit > span:nth-child(8){transition-delay:.45s }
.section.sec_1 .bg{transition-delay:.3s}
.section.sec_1 .list-area > ul > li:nth-child(1){transition-delay:.8s}
.section.sec_1 .list-area > ul > li:nth-child(2){transition-delay:1s}
.section.sec_1 .list-area > ul > li:nth-child(3){transition-delay:1.2s}

.section.sec_1.is-visible .sec-content > .tit > span{transform: translateY(0);opacity: 1;}
.section.sec_1.is-visible .bg{left:calc(50% - 40.83333333em)}
.section.sec_1.is-visible .list-area > ul > li{transform: translateY(0);opacity: 1;}


.section.sec_2 .tit-area .tit > span > span,
.section.sec_2 .tit-area .tit:after{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.section.sec_2 .sec-content{opacity: 0;transform: translateY(6em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.section.sec_2 .line{right:100%; transition: right .5s .5s cubic-bezier(0,1,.3,1); will-change:right}

.section.sec_2 .tit-area .tit > span > span{letter-spacing: normal;}
.section.sec_2 .tit-area .tit > span > span:nth-child(1){transition-delay:.1s }
.section.sec_2 .tit-area .tit > span > span:nth-child(2){transition-delay:.15s }
.section.sec_2 .tit-area .tit > span > span:nth-child(3){transition-delay:.2s }
.section.sec_2 .tit-area .tit > span > span:nth-child(4){transition-delay:.25s }
.section.sec_2 .tit-area .tit > span > span:nth-child(5){transition-delay:.3s }
.section.sec_2 .tit-area .tit > span > span:nth-child(6){transition-delay:.35s }
.section.sec_2 .tit-area .tit > span > span:nth-child(7){transition-delay:.4s }
.section.sec_2 .tit-area .tit > span > span:nth-child(8){transition-delay:.45s }
.section.sec_2 .tit-area .tit > span > span:nth-child(9){transition-delay:.5s }
.section.sec_2 .tit-area .tit > span > span:nth-child(10){transition-delay:.55s }
.section.sec_2 .tit-area .tit > span > span:nth-child(11){transition-delay:.6s }
.section.sec_2 .tit-area .tit > span > span:nth-child(12){transition-delay:.65s }
.section.sec_2 .tit-area .tit > span > span:nth-child(13){transition-delay:.7s }
.section.sec_2 .tit-area .tit > span > span:nth-child(14){transition-delay:.75s }
.section.sec_2 .tit-area .tit:after{transition-delay:.9s }
.section.sec_2 .sec-content{transition-delay:1.1s }
.section.sec_2 .line{transition-delay:1.5s }

.section.sec_2.is-visible .tit-area .tit > span > span,
.section.sec_2.is-visible .tit-area .tit:after,
.section.sec_2.is-visible .sec-content{transform: translateY(0);opacity: 1;}
.section.sec_2.is-visible .line{right:calc(50% - 12.39583333em)}


.section.sec_3 .txt > span{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.section.sec_3 .arr,
.section.sec_3 .con-area,
.section.sec_3 .btn-area{opacity: 0;transform: translateY(6em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.section.sec_3 .number{opacity: 0;transform: translateX(6em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}

.section.sec_3 .txt > span:nth-child(1){transition-delay:.1s }
.section.sec_3 .txt > span:nth-child(2){transition-delay:.15s }
.section.sec_3 .txt > span:nth-child(3){transition-delay:.2s }
.section.sec_3 .txt > span:nth-child(4){transition-delay:.25s }
.section.sec_3 .txt > span:nth-child(5){transition-delay:.3s }
.section.sec_3 .txt > span:nth-child(6){transition-delay:.35s }
.section.sec_3 .txt > span:nth-child(7){transition-delay:.4s }
.section.sec_3 .arr{transition-delay:.1s }
.section.sec_3 .con-area{transition-delay:.3s }
.section.sec_3 .btn-area{transition-delay:.4s }
.section.sec_3 .numbe{transition-delay:.7s }

.section.sec_3.is-visible .txt > span,
.section.sec_3.is-visible .arr,
.section.sec_3.is-visible .con-area,
.section.sec_3.is-visible .btn-area,
.section.sec_3.is-visible .number{transform: translate(0);opacity: 1;}

.section.sec_4 .sec-content > .tit > span{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.section.sec_4 .con-area,
.section.sec_4 .btn-area{opacity: 0;transform: translateY(6em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}

.section.sec_4 .sec-content > .tit > span:nth-child(1){transition-delay:.1s }
.section.sec_4 .sec-content > .tit > span:nth-child(2){transition-delay:.15s }
.section.sec_4 .sec-content > .tit > span:nth-child(3){transition-delay:.2s }
.section.sec_4 .sec-content > .tit > span:nth-child(4){transition-delay:.25s }
.section.sec_4 .sec-content > .tit > span:nth-child(5){transition-delay:.3s }
.section.sec_4 .sec-content > .tit > span:nth-child(6){transition-delay:.35s }
.section.sec_4 .sec-content > .tit > span:nth-child(7){transition-delay:.4s }
.section.sec_4 .sec-content > .tit > span:nth-child(8){transition-delay:.45s }
.section.sec_4 .sec-content > .tit > span:nth-child(9){transition-delay:.5s }
.section.sec_4 .sec-content > .tit > span:nth-child(10){transition-delay:.55s }
.section.sec_4 .con-area{transition-delay:.3s }
.section.sec_4 .btn-are{transition-delay:.4s }

.section.sec_4.is-visible .con-area,
.section.sec_4.is-visible .btn-area,
.section.sec_4.is-visible .sec-content > .tit > span{transform: translateY(0);opacity: 1;}


/**
*
* container page / sub-header /company-1 / company-2 / form-box / consulting / company-3 / direction / contact-1 /table .tb-rl
*
*/

.container.page{
    /*max-width: 1920px;*/
    margin: 0 auto;
}
.container.page .top-banner .sub-header{height: 16.40625em;position: relative;display: flex;justify-content: flex-end;align-items: center; transition: background-size ease 2s;}

container.page{}

.container.company .top-banner .sub-header{
    background: url(/assets/images/sub-img/company_h_img_0.jpg);
    background-size: 150% 150%;
    background-position: top center;
}
.container.consulting .top-banner .sub-header{
    background: url(/assets/images/sub-img/consuting_h_img_1.jpg);
    background-size: 150% 150%;
    background-position: top center;
}
.container.contact .top-banner .sub-header{
    background: url(/assets/images/sub-img/contact_h_img_0.jpg);
    background-size: 150% 150%;
    background-position: top center;
}

.container.page .top-banner .sub-header.active{background-size: 100% 100%;}

.container.page .sub-title{position: relative;}
.container.page .sub-title:after{clear:both;content:'';position: absolute;top: -0.46875em;right: -.927083333em;width: 0.3375em;height: 0.3375em;background: #fff;border-radius: 0.9375em;}

.sub-header .sub-title{
    font-size: 3.3em;
    color: #fff;
    margin-right: 13.4375%;
    font-weight: bold;
    letter-spacing: -0.026041667em;
		margin-top:1.041666667em;
		transition: transform 1s, opacity 1s;
		transition-delay: .5s;
		transform: translateY(1em);
		opacity: 0;
}
.sub-header.active .sub-title{
		transform: translateY(0);
		opacity: 1;
}

/* company-1 */
.container .content-area{
	/* min-height: 300px; */
}
.container.company-1 .content-area.content-1{
	height: 27.55208333em; position: relative;
}
.container.company-1 .content-area.content-1::before,
.container.company-1 .content-area.content-1::after{
	content: '';
	position: absolute;
	background: #fff;
	width: 20%;
	height: 100%;
	top: 0;
	right: 0;
	transition: width .5s 1s;
}
.container.company-1 .content-area.content-1::before{
	right: auto;
	left: 0;
}
.container.company-1 .content-area.content-1.is-visible::before,
.container.company-1 .content-area.content-1.is-visible::after{width:0}

.container.company-1 .content-area.content-1 .bg{
	height: 22.29166667em; left: 0; right: 5.208333333em; background: url(/assets/images/sub/img_company1_1_1.png) no-repeat center center; background-size: cover; position: absolute; z-index: -1;
}
.container.company-1 .content-area.content-1 .txt{
	position: absolute; left: calc(50% - 15.59375em); right: 5.208333333em; top: 18.22916667em; background: #fff; padding: 2.864583333em 5.208333333em 0 4.166666667em;
	opacity: 0; transform: translateY(1em); transition: opacity .5s 1.3s, transform .5s 1.3s;
}
.container.company-1 .content-area.content-1.is-visible .txt{
	opacity: 1; transform: translateY(0);
}
.container.company-1 .content-area.content-1 .txt > span{
	font-size: 2rem;
	line-height: 1.5625em;
}
.container.company-1 .content-area.content-1 .logo{
	width: 12.91666667em; height: 9.270833333em; background: url(/assets/images/sub/img_company1_1_logo.png) no-repeat 0 0 ; background-size: 100% auto;
	opacity: 0; transform: translateX(-2em); transition: opacity .5s 1s, transform .5s 1s;    position: absolute;right: 8em;top: 5rem;
}
.container.company-1 .content-area.content-1.is-visible .logo{
	opacity: 1; transform: translateX(0);
}

.container.company-1 .content-area.content-2{margin-top: 8.854166667em;}
.container.company-1 .content-area.content-2 .sec-content{position: static}
.container.company-1 .content-area.content-2 .con-1{}
.container.company-1 .content-area.content-2 .con-1::after{content: ''; display: block; clear: both;}
.container.company-1 .content-area.content-2 .con-1 > strong{float: left; font-family: 'S-CoreDream-8Heavy', sans-serif; font-size: 3.4375em; line-height:1.3;}
.container.company-1 .content-area.content-2 .con-1 .img{position: absolute; right: 0; background: url(/assets/images/sub/img_company1_2_1.png) no-repeat 0 0 ; background-size: 100% auto; width: 33.95833333em; height: 20.67708333em; top: 3em;}
.container.company-1 .content-area.content-2 .con-2{margin-top: 7.03125em;}
.container.company-1 .content-area.content-2 .con-2::after{content: ''; display: block; clear: both;}
.container.company-1 .content-area.content-2 .con-2 .left{float: left}
.container.company-1 .content-area.content-2 .con-2 .left .txt{}
.container.company-1 .content-area.content-2 .con-2 .left .txt + .txt{margin-top: -1.5rem;}
.container.company-1 .content-area.content-2 .con-2 .left .txt > strong{font-family: 'S-CoreDream-9Black', sans-serif; /*font-size: 10.26041667em;*/ font-size:7.5em; vertical-align: middle; letter-spacing: -0.03em; line-height:1.3;}
.container.company-1 .content-area.content-2 .con-2 .left .txt > p{display: inline-block; vertical-align: middle}
.container.company-1 .content-area.content-2 .con-2 .left .txt > p:before{content: ''; display: inline-block; vertical-align: middle; width: 1.666666667em; height: 1.666666667em; background: url(/assets/images/sub/img_company1_2_2.png) no-repeat 0 0 ; background-size: 100% auto; margin: -1px 1.041666667em 0 3.90625em;}
.container.company-1 .content-area.content-2 .con-2 .left .txt > p > span{font-size: 0.989583333em; font-weight: bold; vertical-align: middle;}
.container.company-1 .content-area.content-2 .con-2 .right{float: right; text-align: right; margin-top:17.58333333em;}
.container.company-1 .content-area.content-2 .con-2 .right > span{font-size: 2rem; line-height: 1.5625em;}

.container.company-1 .content-area.content-3{
	height: 74.01041667em; margin-top:8.333333333em; position: relative;
}
.container.company-1 .content-area.content-3 .bg{
	position: absolute; right: 0; top: 0; height: 100%; width: 100%; z-index: -1; overflow: hidden;
}
.container.company-1 .content-area.content-3 .bg > span{display:block; width: 37.91666667em; height: 74.01041667em; background: url(/assets/images/sub/img_company1_3_bg1.png) no-repeat 100% 0 ; background-size:100% auto; position: absolute; right: -13.75em; top: 0;}
.container.company-1 .content-area.content-3 .bg > span:nth-child(2){right:22.1875em}
.container.company-1 .content-area.content-3 .bg > span:nth-child(3){right:57.29166667em}
.container.company-1 .content-area.content-3 .tit-area{position: absolute; left: 16.35416667em; top: 13.4375em;}
.container.company-1 .content-area.content-3 .tit-area > span{font-size: 3.229166667em;font-family: 'GothamPro', sans-serif; font-weight: bold}
.container.company-1 .content-area.content-3 .tit-area > span + span{margin-left: 0.78125em}
.container.company-1 .content-area.content-3 .btn-area{padding-top: 25.36458333em;}
.container.company-1 .content-area.content-3 .btn-area > ul{margin-left:2.070833em;}
.container.company-1 .content-area.content-3 .btn-area > ul > li{width: 6.770833333em; position: relative; padding: 1em 0; cursor: pointer;}
.container.company-1 .content-area.content-3 .btn-area > ul > li + li{margin-top:.864583333em;}
.container.company-1 .content-area.content-3 .btn-area > ul > li::after{content:''; display: block; clear: both;}
.container.company-1 .content-area.content-3 .btn-area > ul > li > span{font-family: 'GothamPro', sans-serif; font-size: 0.885416667em; color: #B9B6B6; vertical-align: middle; float: right; width: 2.704166667em; text-align: center;}
.container.company-1 .content-area.content-3 .btn-area > ul > li > span:first-child{float: left;}
.container.company-1 .content-area.content-3 .btn-area > ul > li > span + span:before{content: ''; display: inline-block; vertical-align: middle; width: 0.208333333em; height: 0.104166667em; background: #CBCBCB; margin: 0 0.625em 0 0.364583333em; position: absolute;left: 50%; top: 50%; margin:-1px 0 0 -0.104166667em;}
.container.company-1 .content-area.content-3 .btn-area > ul > li.active > span{color:#4738A2}
.container.company-1 .content-area.content-3 .btn-area > ul > li.active:before{content: ''; display: block; width: 0.416666667em; height: 0.416666667em; border-radius: 100%; background: #4738A2; position: absolute; right: -0.364583333em; top: .216666667em}
.container.company-1 .content-area.content-3 .btn-area > ul > li.active > span + span:before{background: #4738A2}
.container.company-1 .content-area.content-3 .btn-area > ul > li.active > span:last-child:after{content: ''; display: block; width: 3.125em; height: 0.364583333em;background: url(/assets/images/sub/img_company1_3_arr.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: -4.635416667em;top: 1.104166667em;}
.container.company-1 .content-area.content-3 .arr-area{width: 21.92708333em; height: 4.270833333em; background: #fff; margin: 7.135416667em 0 0 10.604166667em; box-shadow: 1px 1px 0.520833333em rgba(0, 0, 0, 0.05)}
.container.company-1 .content-area.content-3 .arr-area::after{content: ''; display: block; clear: both;}
.container.company-1 .content-area.content-3 .arr-area > button{text-align: center; width: 4.270833333em; height: 4.270833333em; background: #fff; float: left; cursor: pointer;}
.container.company-1 .content-area.content-3 .arr-area > button.active{cursor:pointer}
.container.company-1 .content-area.content-3 .arr-area > button:before{content: ''; display: inline-block; vertical-align: middle; width: 1.510416667em; height: 0.833333333em; background: url(/assets/images/sub/img_company1_3_arr_prev.png) no-repeat 0 0 ; background-size:100% auto;}
.container.company-1 .content-area.content-3 .arr-area > button.next{float: right;}
.container.company-1 .content-area.content-3 .arr-area > button.next:before{background-image: url(/assets/images/sub/img_company1_3_arr_next.png)}
.container.company-1 .content-area.content-3 .arr-area > button:hover{background: #4738A2;}
.container.company-1 .content-area.content-3 .arr-area > button:hover:before{background-position: 0 100%;}
.container.company-1 .content-area.content-3 .img-area{position: absolute;right: 0; top: 20em; width: 76.5625em; height: 46.04166667em; overflow: hidden; z-index: -1;}
.container.company-1 .content-area.content-3 .img-area > ul{transition: margin-top .5s;}
.container.company-1 .content-area.content-3 .img-area > ul > li{width: 76.5625em; height: 46.04166667em; background: url(/assets/images/sub/img_company1_3_img_1.png) no-repeat 100% 0 ; background-size:100% auto; position: relative;}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(2){background-image: url(/assets/images/sub/img_company1_3_img_2.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(3){background-image: url(/assets/images/sub/img_company1_3_img_3.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(4){background-image: url(/assets/images/sub/img_company1_3_img_4.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(5){background-image: url(/assets/images/sub/img_company1_3_img_5.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(6){background-image: url(/assets/images/sub/img_company1_3_img_6.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(7){background-image: url(/assets/images/sub/img_company1_3_img_8.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li:nth-child(8){background-image: url(/assets/images/sub/img_company1_3_img_7.png)}
.container.company-1 .content-area.content-3 .img-area > ul > li > div{color: #fff; position: absolute; right: 8.333333333em; top: 50%; transform: translateY(-50%); text-align: right}
.container.company-1 .content-area.content-3 .img-area > ul > li > div > strong{
	font-family: 'GothamPro', sans-serif; font-size: 2.1em; display: block
}
.container.company-1 .content-area.content-3 .img-area > ul > li > div > strong.big{
	font-size: 3.020833333em; margin-bottom: 1.5em; line-height: 1.3;
}
.container.company-1 .content-area.content-3 .img-area > ul > li > div .line{display: inline-block; width: 0.104166667em; height: 1.354166667em; background: #fff; margin: .822916667em 0 1.645833333em;}
.container.company-1 .content-area.content-3 .img-area > ul > li > div .tit{font-size: 3.072916667em; margin-bottom: .864583333em;}
.container.company-1 .content-area.content-3 .img-area > ul > li > div .con{font-size: 1.09375em; line-height: 1.5625em;}
.container.company-1 .content-area.content-3 .img-area > ul > li > div .con + strong{margin-top: 3em;}

.container.company-1 .content-area.content-4{margin-top:10.41666667em;}
.container.company-1 .content-area.content-4 .tit-area{text-align: center; position: relative; margin-bottom:2.083333333em;}
.container.company-1 .content-area.content-4 .tit-area > span{font-family: 'GothamPro', sans-serif; font-size: 3.229166667em;}
.container.company-1 .content-area.content-4 .con-area{}
.container.company-1 .content-area.content-4 .con-area > ul{}
.container.company-1 .content-area.content-4 .con-area > ul > li{display:none; height: 29.6875em; position: relative;}
.container.company-1 .content-area.content-4 .con-area > ul > li.active{display:block}
.container.company-1 .content-area.content-4 .con-area > ul > li .img{height: 100%; display: block; background: url(/assets/images/sub/img_company1_4_img_1.png) no-repeat 0 0; background-size: cover;}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(2) .img{background-image: url(/assets/images/sub/img_company1_4_img_2.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(3) .img{background-image: url(/assets/images/sub/img_company1_4_img_3.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(4) .img{background-image: url(/assets/images/sub/img_company1_4_img_4.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(5) .img{background-image: url(/assets/images/sub/img_company1_4_img_5.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(6) .img{background-image: url(/assets/images/sub/img_company1_4_img_10.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(7) .img{background-image: url(/assets/images/sub/img_company1_4_img_6.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(8) .img{background-image: url(/assets/images/sub/img_company1_4_img_7.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(9) .img{background-image: url(/assets/images/sub/img_company1_4_img_8.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(10) .img{background-image: url(/assets/images/sub/img_company1_4_img_11.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(11) .img{background-image: url(/assets/images/sub/img_company1_4_img_12.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(12) .img{background-image: url(/assets/images/sub/img_company1_4_img_9.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(13) .img{background-image: url(/assets/images/sub/img_company1_4_img_14.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(14) .img{background-image: url(/assets/images/sub/img_company1_4_img_13.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(15) .img{background-image: url(/assets/images/sub/img_company1_4_img_16.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(16) .img{background-image: url(/assets/images/sub/img_company1_4_img_17.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(17) .img{background-image: url(/assets/images/sub/img_company1_4_img_18.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(18) .img{background-image: url(/assets/images/sub/img_company1_4_img_15.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(19) .img{background-image: url(/assets/images/sub/img_company1_4_img_19.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(20) .img{background-image: url(/assets/images/sub/img_company1_4_img_20.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(21) .img{background-image: url(/assets/images/sub/img_company1_4_img_21.png)}
.container.company-1 .content-area.content-4 .con-area > ul > li:nth-child(22) .img{background-image: url(/assets/images/sub/img_company1_4_img_22.png)}


.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area{position: absolute; bottom: -5px; border-bottom: 2px solid #fff; left: 50%; margin-left: -27.76041667em; width:55.52083333em; background: #fff;height: 8.489583333em; box-sizing: border-box; padding: 2.8125em 0 5px 6.510416667em;}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area > strong{display: block; font-size: 2.864583333em; font-family: 'Karla', sans-serif; font-weight: normal; margin-bottom: .501666667em;}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .address{font-size: 1.8rem; line-height: 1.5;}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .address > strong{font-size:1.1em; margin-bottom:.6em}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn{position: absolute;right: 2.864583333em;top: 4.583333333em; display: none;}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn > button{width:1.822916667em; height: 1.822916667em; background: transparent; text-align: center;}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn > button:before{content: ''; display: inline-block; vertical-align:middle; width: 1.197916667em; height: 1.354166667em; background: url(/assets/images/main/img_con4_maker.png) no-repeat 0 0; background-size: 100% auto}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area  .btn .maker{margin-right: 0.520833333em;}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area  .btn .add:before{width: 1.09375em; height: 1.09375em; background-image: url(/assets/images/main/img_con4_add.png)}
.container.company-1 .content-area.content-4 .btn-area{text-align: center; margin-top: 5.208333333em;}
.container.company-1 .content-area.content-4 .btn-area > ul{}
.container.company-1 .content-area.content-4 .btn-area > ul > li{display: inline-block;}
.container.company-1 .content-area.content-4 .btn-area > ul > li + li{margin-left: 1.083333333em;}
.container.company-1 .content-area.content-4 .btn-area > ul > li > button{background: transparent; padding: 0 0.4em; box-sizing: border-box; height: 2.291666667em; line-height: 2.291666667em; font-size: 1.145833333em; color: #C0C0C0;}
.container.company-1 .content-area.content-4 .btn-area > ul > li.active > button{border-bottom: 1px solid #4738A2; color: #4738A2;}

.container.company-1 .content-area.content-2 .con-1 .img{
	transition: transform 1s, opacity 1s;
	transform:translateX(2em); opacity: 0;
}
.container.company-1 .content-area.content-2.is-visible .con-1 .img{
	transform:translateX(0); opacity: 1;
}

.container.company-1 .content-area.content-3 .bg > span{
	transition: transform 2s, opacity 2s;
	transform:translateX(5em); opacity: 0;
}
.container.company-1 .content-area.content-3 .bg > span:nth-child(2){transition-delay: .3s}
.container.company-1 .content-area.content-3 .bg > span:nth-child(3){transition-delay: .6s}
.container.company-1 .content-area.content-3.is-visible .bg > span{
	transform:translateX(0); opacity: 1;
}

.container.company-1 .content-area.content-3 .tit-area > span{
	opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;
}
.container.company-1 .content-area.content-3 .con-area,
.container.company-1 .content-area.content-3 .img-area,
.container.company-1 .content-area.content-3 .btn-area,
.container.company-1 .content-area.content-3 .arr-area{opacity: 0;transform: translateY(6em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(1){transition-delay: .4s}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(2){transition-delay: .45s}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(3){transition-delay: .5s}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(4){transition-delay: .55s}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(5){transition-delay: .6s}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(6){transition-delay: .65s}
.container.company-1 .content-area.content-3 .tit-area > span:nth-child(7){transition-delay: .7s}
.container.company-1 .content-area.content-3 .con-area{transition-delay: 1.4s}
.container.company-1 .content-area.content-3 .btn-area{transition-delay: 0.5s}
.container.company-1 .content-area.content-3 .img-area{transition-delay: 0.8s}
.container.company-1 .content-area.content-3 .arr-area{transition-delay: 1.8s}

.container.company-1 .content-area.content-3.is-visible .con-area,
.container.company-1 .content-area.content-3.is-visible .arr-area,
.container.company-1 .content-area.content-3.is-visible .img-area,
.container.company-1 .content-area.content-3.is-visible .btn-area,
.container.company-1 .content-area.content-3.is-visible .tit-area > span{transform: translateY(0); opacity: 1}


.container.company-1 .content-area.content-4 .tit-area > span{
	opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity;
}
.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area,
.container.company-1 .content-area.content-4 .btn-area{
	opacity: 0;transform: translateY(3em); transition: transform 1s 1s cubic-bezier(0,1,.3,1), opacity 1s 1s ease-out;will-change: transform, opacity;
}
.container.company-1 .content-area.content-4{position: relative;}
.container.company-1 .content-area.content-4::before,
.container.company-1 .content-area.content-4::after{content: '';
	position: absolute;
	background: #fff;
	width: 20%;
	height: 100%;
	top: 0;
	right: 0;
	transition: width .5s 1s;
	z-index: 2;
}
.container.company-1 .content-area.content-4::after{
	right: auto;
	left: 0;
}
.container.company-1 .content-area.content-4.is-visible::before,
.container.company-1 .content-area.content-4.is-visible::after{width:0}


.container.company-1 .content-area.content-4 .tit-area > span:nth-child(1){transition-delay: .1s}
.container.company-1 .content-area.content-4 .tit-area > span:nth-child(2){transition-delay: .15s}
.container.company-1 .content-area.content-4 .tit-area > span:nth-child(3){transition-delay: .2s}
.container.company-1 .content-area.content-4 .tit-area > span:nth-child(4){transition-delay: .25s}
.container.company-1 .content-area.content-4 .tit-area > span:nth-child(5){transition-delay: .3s}
.container.company-1 .content-area.content-4 .tit-area > span:nth-child(6){transition-delay: .35s}
.container.company-1 .content-area.content-4 .tit-area > span:nth-child(7){transition-delay: .4s}
.container.company-1 .content-area.content-4 .btn-area{transition-delay: 1.5s}

.container.company-1 .content-area.content-4.is-visible .con-area > ul > li .txt-area,
.container.company-1 .content-area.content-4.is-visible .btn-area,
.container.company-1 .content-area.content-4.is-visible .tit-area > span{transform: translateY(0); opacity: 1}

/* group_info */


/* exper_info */

.container.company-2 .content-area.content-1{}
.container.company-2 .content-area.content-1 .expert-area{}
.container.company-2 .content-area.content-1 .expert-area > ul{border-left: 1px solid #786CBF;}
.container.company-2 .content-area.content-1 .expert-area > ul::after{content: ''; display: block; clear: both;}
.container.company-2 .content-area.content-1 .expert-area > ul > li{float: left; width: 25%;}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button{width:100%; height: 30em; border: 1px solid #786CBF; border-left:0; background: #4738A2; margin: -1px 0; box-sizing: border-box; color: #fff; text-align: left; position: relative}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button > a{color: #fff;}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button:hover{background: #fff; color: #4738A2}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button >a:hover{background: #fff; color: #4738A2}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button .txt{position: absolute; top: 3.645833333em; left: 3.00625em;}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button .position{font-size: 1.041666667em; display: inline-block; border-bottom: 1px solid #fff;}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button:hover .position{border-color: #4738A2}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button .name{font-size: 2.395833333em; display: block; margin: 0.625em 0 1.09375em;}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button .subs{font-size: 1.6rem; line-height: 1.5em; letter-spacing: -1px}
.container.company-2 .content-area.content-1 .expert-area > ul > li > button .photo{position: absolute; right: 1.302083333em; bottom: 0; width: 13.02083333em; height: 20em; background: url(/assets/images/sub/아바타3s.png) no-repeat 0 0 ; background-size: 100% auto; opacity: .25}
/*.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(2) > button .photo{background-image: url(/assets/images/sub/박미화s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(3) > button .photo{background-image: url(/assets/images/sub/김동일s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(4) > button .photo{background-image: url(/assets/images/sub/장권배s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(5) > button .photo{background-image: url(/assets/images/sub/임영경s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(6) > button .photo{background-image: url(/assets/images/sub/박창규s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(7) > button .photo{background-image: url(/assets/images/sub/장세원s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(8) > button .photo{background-image: url(/assets/images/sub/김태우s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(9) > button .photo{background-image: url(/assets/images/sub/오창윤s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(10) > button .photo{background-image: url(/assets/images/sub/김순희s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(11) > button .photo{background-image: url(/assets/images/sub/정창호s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(12) > button .photo{background-image: url(/assets/images/sub/강우정s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(13) > button .photo{background-image: url(/assets/images/sub/김민경s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(14) > button .photo{background-image: url(/assets/images/sub/정일교s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(15) > button .photo{background-image: url(/assets/images/sub/임재정s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(16) > button .photo{background-image: url(/assets/images/sub/차재만s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(17) > button .photo{background-image: url(/assets/images/sub/이웅산s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(18) > button .photo{background-image: url(/assets/images/sub/박경리s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(19) > button .photo{background-image: url(/assets/images/sub/유정희s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(20) > button .photo{background-image: url(/assets/images/sub/정동훈s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(21) > button .photo{background-image: url(/assets/images/sub/김동선s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(22) > button .photo{background-image: url(/assets/images/sub/이선민s.png)}
.container.company-2 .content-area.content-1 .expert-area > ul > li:nth-child(23) > button .photo{background-image: url(/assets/images/sub/권오선s.png)}*/

.container.company-2 .content-area.content-1 .expert-area > ul > li > button:hover .photo{opacity: 1;}
.container.company-2 .content-area.content-1 .expert-area .detail-area{position: fixed; left: 0; right: 0; bottom: 0; top: 0; background:url(/assets/images/sub/img_expert_bg.png) no-repeat 0 0; background-size: cover; z-index: 101; transform: translateX(100%)}
.container.company-2 .content-area.content-1 .expert-area.on .detail-area{transform: translateX(0%)}
.container.company-2 .content-area.content-1 .expert-area .detail-area .btn-close{position: absolute; left: 3.020833333em; top: 2.239583333em; width: 2.395833333em; height: 1.875em; background: url(/assets/images/sub/img_expert_close.png) no-repeat 0 0; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul{}
/* .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul:before{content: '';position: absolute;top: 50%;height: 1px;left: 20.3125em;right: 50%;background: #fff;margin-top: 2.291666667em;} */
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li{display: none}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.active{display: block;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt{position: absolute; left: 11.875em; top: 50%; transform: translateY(-50%); color: #fff;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .position{display: inline-block; border-bottom: 1px solid #fff; font-size: 1.041666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .name{display: block; margin: 2.5em 0 3.385416667em; }
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .name > span{font-size: 3.541666667em;letter-spacing: -0.116666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .subs{font-size: 1.510416667em;line-height: 1.5;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history{margin-top: 3.675em; position: relative}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history:before{content: '';position: absolute;top: 1.2em;height: 1px;left: 0;right: -48rem;background: #fff;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > strong{font-size: 1.041666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > ul{margin-top: 2.291666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > ul > li{font-size: 1.041666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > ul > li + li{margin-top: 0.677083333em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact{margin-top: 3.291666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .info{ display: inline-block; vertical-align: middle;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .info > li{font-size: 1.041666667em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .info > li + li{margin-top: 0.677083333em;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .btn-inquiry{display: inline-block;vertical-align: middle; margin-left: 11rem;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .btn-inquiry > span{color: #fff; font-size: 1.041666667em; }
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .btn-inquiry::before{content: '';    width: 1.958333333em;    height: 1.802083333em;    vertical-align: middle;    display: block;    background: url(/assets/images/sub/img_expert_inquiry.png) no-repeat;    background-size: 100% auto;    margin: 0 auto .5rem;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li:before{content: ''; width:40.05208333em; height: 21.40625em; display: block; position: absolute; top: 50%; margin-top: -2.8125em; right: 6.145833333em; background: url(/assets/images/sub/img_expert_photo_bg.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li > .photo{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/아바타3b.png) no-repeat 100% 100%; background-size: 100% auto;}
/*.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no2:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/박미화b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no3:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/김동일b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no4:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/장권배b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no5:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/임영경b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no6:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/박창규b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no7:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/장세원b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no8:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/김태우b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no9:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/오창윤b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no10:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/김순희b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no11:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/정창호b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no12:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/강우정b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no13:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/김민경b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no14:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/정일교b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no15:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/임재정b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no16:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/차재만b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no17:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/이웅산b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no18:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/박경리b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no19:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/유정희b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no20:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/정동훈b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no21:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/김동선b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no22:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/이선민b.png) no-repeat 100% 100%; background-size: 100% auto;}
.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no23:after{content: ''; width:19.94791667em; height: 33.4375em; display: block; position: absolute; bottom: 0; right: 15.15625em; background: url(/assets/images/sub/권오선b.png) no-repeat 100% 100%; background-size: 100% auto;}*/

.container.company-2 .content-area.content-1 .expert-area .detail-area .logo{width: 3.697916667em; height: 1.979166667em; position: absolute; display: block; left: 3.072916667em; bottom: 4.166666667em; background: url(/assets/images/sub/img_expert_logo.png) no-repeat; background-size: 100% auto;}

.expert_margin{margin-top:80px;}

.tit-top{text-align: center;}
.tit-top > strong{font-size: 2.5rem;}
.tit-top .subs{font-size: 1.6rem; margin: 1.5em 0 2.604166667em;}

.form .form-box{border: 1.562em solid #F4F3F5}
.form .form-box > ul{padding: 0 1.302083333em 2.604166667em;}
.form .form-box > ul::after{content: ''; display: block; clear: both;}
.form .form-box > ul .row {font-size:15px;}
.form .form-box > ul > li{float: left; width: 50%; padding: 0 1.302083333em; box-sizing: border-box; margin-top: 3.125em;}
.form .form-box > ul > li .t{display: inline-block; color: #4738A2; font-size: 2rem; position: relative; margin-bottom: 0.520833333em;}
.form .form-box > ul > li .t:after{content: ''; display: block; width: 0.416666667em; height: 0.416666667em; background: #4738A2; border-radius: 100%; position: absolute; top: -0.520833333em; right: -0.625em}
.form .form-box > ul > li select,
.form .form-box > ul > li input{height: 3.6rem; width: 100%; border:0; border-bottom:1px solid #C0C0C0; font-size: 1.7rem;}
.form .form-box > ul > li select{background: url(/assets/images/common/ico_menu_arrow.png) no-repeat right 1.041666667em center;background-size: 0.625em auto; -webkit-appearance: none;-moz-appearance: none;}
.form .form-box > ul > li textarea{border:0; border-bottom:1px solid #C0C0C0; font-size: 1.7rem; display: block; width: 100%; height: 100px; line-height:1.5; font-family: 'NanumSquare';}
.form .form-box > ul > li select:focus,
.form .form-box > ul > li textarea:focus,
.form .form-box > ul > li input:focus{border-color: #4738A2}
.form .form-box > ul + ul{border-top:0.625em solid #F4F3F5}
.form .form-box > ul + ul > li{width: 100%}
.form {}

.form .btn-area{margin-top:2.604166667em; text-align: center; }
.form .btn-area .btn{display: inline-block; text-align: left; background: #4738A2 url(/assets/images/main/img_con5_arr.png) no-repeat right 1.197916667em center; background-size:1.614583333em 0.885416667em; height: 3.604166667em;  width: 15.22916667em; box-sizing: border-box; padding-left: 1.504166667em; position: relative; color: #fff; border: 0; font-size: 1.7rem; height: 4.5rem;}
.form .btn-area .btn > span{font-size: 1.041666667em; color: #fff; display: inline-block; line-height: 3.604166667em;}
.form .btn-area .btn:after{content: ''; display: block; width: 1.614583333em; height: 0.885416667em; background: url(/assets/images/main/img_con5_arr.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 1.197916667em; top: 50%; margin-top: -0.4427083335em;}
.form .btn-area .btn:hover{background-color:#5b4bc5;}

/* 컨설팅 */
.consulting .section .sec-content{max-width: 64.94791667em;}
.section .tab-area{display: inline-block; border: 1px solid #CCC; margin-bottom: 5.9375em; width:100%;/*추가*/}
/*
.section .tab-area > ul{display: table; width: 100%; table-layout: fixed;}
.section .tab-area > ul > li{display: table-cell; position: relative}
.section .tab-area > ul > li > a{display: block;margin: -1px;}
.section .tab-area > ul > li.active > a{border:1px solid #4738A2;}
.section .tab-area > ul > li > a > span{font-size: 1.09375em; line-height: 2.604166667em; height: 2.604166667em; display: block; text-align: center;}
.section .tab-area > ul > li.active > a > span{color: #4738A2; font-weight: bold;}
*/
.section .tab-area > ul{text-align: center; /*padding: 0 .6em*/}
.section .tab-area > ul > li{display: inline-block; width:19.5%;/*추가*/}
.section .tab-area > ul > li > a{display: block;margin: -1px;}
.section .tab-area > ul > li.active > a{border:1px solid #4738A2;}
.section .tab-area > ul > li > a > span{font-size: 1.7rem; overflow:hidden; line-height: 2.604166667em; height: 2.604166667em; display: block; text-align: center; padding: 0 1em}
.section .tab-area > ul > li.active > a > span{color: #4738A2; font-weight: bold;}


.consulting.consulting-1 .content-area.content-1{height: 30.88541667em;}
.consulting.consulting-1 .content-area.content-1 .tit{background: #fff; position: absolute; left: 0; right: calc(50% - 1.822916667em);}
.consulting.consulting-1 .content-area.content-1 .tit .tit-inner{width:34.32291667em; float: right;}
.consulting.consulting-1 .content-area.content-1 .tit .tit-inner > strong{font-size: 2.34375em; line-height: 1.264583333em;}
.consulting.consulting-1 .content-area.content-1 .tit .tit-inner .subs{font-size: 1.7rem; line-height: 1.5625em; margin:2.552083333em 0 3.697916667em;}
.consulting.consulting-1 .content-area.content-1 .bg{position: absolute; left: 0; right: calc(50% - 32.55208333em); height: 25.10416667em; background: url(/assets/images/sub/img_consulting_1_1.png) no-repeat 0 0; background-size: cover; z-index: -1; bottom: 0}
.consulting.consulting-1 .content-area.content-1 .bg:after{content: ''; display: block; width: 6.145833333em; height: 6.145833333em; background: #94B76C; border-radius: 100%; position: absolute; right: -2.760416667em; top: 3.072916667em;}

.consulting.consulting-1 .content-area.content-2{margin: 5.208333333em 0 14.94791667em; }
.consulting.consulting-1 .content-area.content-2 .sec-content:after{content: ''; display: block; position: absolute; right: -18.22916667em; bottom: -13.64583333em; width: 25.57291667em; height: 13.64583333em; background: url(/assets/images/sub/img_consulting_1_logo.png) no-repeat 0 0; background-size: 100% auto;}
.consulting.consulting-1 .content-area.content-2 .tit{margin-bottom: 3.645833333em;}
.consulting.consulting-1 .content-area.content-2 .tit > strong{font-size: 2.083333333em; font-weight: normal}
.consulting.consulting-1 .content-area.content-2 .list{}
.consulting.consulting-1 .content-area.content-2 .list > ul{}
.consulting.consulting-1 .content-area.content-2 .list > ul > li{}
.consulting.consulting-1 .content-area.content-2 .list > ul > li + li{margin-top: 5.729166667em;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li::after{content: ''; display: block; clear: both;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .left{float: left; width: 15.88541667em; /*margin-top: 0.260416667em;*/}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > *{vertical-align: middle;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > strong{display: inline-block; width: 1.770833333em; height: 1.770833333em; background: #4738A2; text-align: right; margin-right: 1.583333333em;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > strong > span{font-size:1.25em; color: #fff; font-weight: normal;line-height: 2.164583333em;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > span{color: #4738A2; font-size: 2rem; line-height:1.5;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .right{float: right; width: 49.0625em;}
.consulting.consulting-1 .content-area.content-2 .list > ul > li .right > p{line-height: 1.5625; font-size:1.8rem; word-break: break-all; text-align: justify;}
.consulting.consulting-1 .content-area.content-2 .bg{display:block; position:absolute;left: calc(50% - 40.36458333em); right: 0; top: -10.625em; bottom: -8.854166667em; background: #F4F4FA; z-index: -2;}


.consulting.consulting-1 .content-area.content-3{margin-top: 0.78125em;}
.consulting.consulting-1 .content-area.content-3 .info-con{}
.consulting.consulting-1 .content-area.content-3 .info-con + .info-con:before{content: ''; display: block; height: 1px; background: #DDD; margin: 4.947916667em 0;}
.consulting.consulting-1 .content-area.content-3 .info-con::after{content: ''; display: block; clear: both;}
.consulting.consulting-1 .content-area.content-3 .info-con .tit{float: left; width: 15.88541667em;}
.consulting.consulting-1 .content-area.content-3 .info-con .tit > strong{font-weight: normal; font-size: 1.614583333em; line-height: 1.222916667em; letter-spacing: -0.084166667em}
.consulting.consulting-1 .content-area.content-3 .info-con .tit > strong:before{content: ''; display: block; width: 0.78125em; height: 0.78125em; border-radius: 100%; background: #4738A2; margin-bottom: 0.78125em;}
.consulting.consulting-1 .content-area.content-3 .info-con .con{float: right; width: 49.0625em;}
.consulting.consulting-1 .content-area.content-3 .info-con .con .txt-tbl-up{font-size: 2rem; margin-bottom: 1.5625em;}

.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt{}
.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt > div{margin-bottom: 1.510416667em;}
.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt > div > strong{font-size: 2rem;}
.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt > p{font-size: 1.7rem; line-height: 1.5625em;}
.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt + .t-txt{margin-top: 3.802083333em;}

.consulting.consulting-1 .content-area.content-3 .info-con .box-list{}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul{margin: -1.302083333em -0.520833333em 0;}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul::after{content: ''; display: block; clear: both;}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li{float:left; width: 33.33%; box-sizing: border-box; padding: 1.302083333em 0.520833333em 0;}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div{height: 5.208333333em; border: 1px solid #555; position: relative; box-sizing: border-box; padding: 0.78125em;}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div .num{color: #555; font-size: 0.677083333em;}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div > p{position: absolute; right: 1.041666667em; bottom: 0.78125em; text-align: right;}
.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div > p > span{color: #555; font-size: 1.5rem; line-height: 1.302083333em;}

.directions-1{margin-bottom: 100px;}
.directions-1 .sec-content{max-width: 1920px;}
.directions-2 .sec-content{max-width: 65em;}

.company-3 .section .sec-content{max-width: 76.25em;}
.company-3 .content-area.content-1{height: 25.10416667em; margin-bottom: 7.552083333em;}
.company-3 .content-area.content-1 .tit{width: 29.58333333em}
.company-3 .content-area.content-1 .tit .tit-inner > strong{margin-bottom: 3.645833333em; display: block}
.company-3 .content-area.content-1 .tit .tit-inner > strong > span{font-size: 2.8125em; font-weight: normal; line-height: 1.333333333em;}
.company-3 .content-area.content-1 .tit .subs{font-size: 2rem; line-height: 1.666666667;}
.company-3 .content-area.content-1 .bg{position: absolute; height:25.10416667em; top: 0; left: calc(50% - 6.197916667em); right: 0; background: url(/assets/images/sub/img_company3_1_bg.png) no-repeat 0 0; background-size: cover;}
.company-3 .content-area.content-1 .bg:after{content: ''; position: absolute; height: 100%; right: 0; width: 23em; background: #fff; transition: width 1s 1s}

.company-3 .content-area.content-1.is-visible .bg:after{width: 0}



.company-3 .content-area.content-2{margin-bottom: 10.41666667em; }
.company-3 .content-area.content-2 .sec-content > .tit{display: inline-block; margin-bottom: 4.6875em;}
.company-3 .content-area.content-2 .sec-content > .tit::after{content: ''; display: inline-block; width: 1.770833333em; height: 1.770833333em; background: #000; border-radius: 100%; vertical-align: bottom; margin: 0 0 0.260416667em 2.239583333em;}
.company-3 .content-area.content-2 .sec-content > .tit > strong{font-size: 5em;}
.company-3 .content-area.content-2 .list{max-width: 79.89583333em; margin: 0 auto;}
.company-3 .content-area.content-2 .list::after{content: ''; display: block; clear: both;}
.company-3 .content-area.content-2 .list > ul{margin: 0 -1.875em 0 1.875em;}
.company-3 .content-area.content-2 .list > ul > li{float: left; width: 26.5625em; padding-top: 11.45833333em; position: relative;}
.company-3 .content-area.content-2 .list > ul > li + li{}
.company-3 .content-area.content-2 .list > ul > li .img{width: 18.33333333em; height: 10.78125em; background-size:100% auto; position: absolute; right: 4.166666667em; top: 0;}
/* .company-3 .content-area.content-2 .list > ul > li:nth-child(2) .img{background-image: url(/assets/images/sub/img_company3_2_icon2.png)}
.company-3 .content-area.content-2 .list > ul > li:nth-child(3) .img{background-image: url(/assets/images/sub/img_company3_2_icon3.png)} */
.company-3 .content-area.content-2 .list > ul > li .img > span{display: block; position: absolute; left: 0; top: 0; width: 10.78125em; height: 10.78125em; background:url(/assets/images/sub/img_company3_2_icon1_1.png) no-repeat 0 0; background-size: 100% auto; }
.company-3 .content-area.content-2 .list > ul > li .img .img_1{z-index: 2;}
.company-3 .content-area.content-2 .list > ul > li .img .img_2{background-image:url(/assets/images/sub/img_company3_2_icon1_2.png); left: auto; right: 0}
.company-3 .content-area.content-2 .list > ul > li:nth-child(2) .img > span{background-image:url(/assets/images/sub/img_company3_2_icon2_1.png); }
.company-3 .content-area.content-2 .list > ul > li:nth-child(2) .img .img_2{background-image:url(/assets/images/sub/img_company3_2_icon2_2.png); }
.company-3 .content-area.content-2 .list > ul > li:nth-child(3) .img > span{background-image:url(/assets/images/sub/img_company3_2_icon3_1.png); }
.company-3 .content-area.content-2 .list > ul > li:nth-child(3) .img .img_2{background-image:url(/assets/images/sub/img_company3_2_icon3_2.png); }

.company-3 .content-area.content-2 .list > ul > li .tit{margin-top:1em; margin-bottom: 1.5625em;}
.company-3 .content-area.content-2 .list > ul > li .tit:after{content: ''; display: inline-block; width: 0.833333333em; height: 0.78125em; background: #000; border-radius: 100%; vertical-align: bottom; margin: 0 0 0.260416667em 0.9375em;}
.company-3 .content-area.content-2 .list > ul > li .tit > span{font-size: 2.291666667em; font-weight: bold;}
.company-3 .content-area.content-2 .list > ul > li .subs{font-size: 2rem; line-height: 1.666;}

.company-3 .content-area.content-2 .sec-content > .tit > strong > span,
.company-3 .content-area.content-2 .sec-content > .tit::after{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; display: inline-block}
.company-3 .content-area.content-2 .sec-content > .tit > strong > span:nth-child(1){transition-delay:.1s }
.company-3 .content-area.content-2 .sec-content > .tit > strong > span:nth-child(2){transition-delay:.15s }
.company-3 .content-area.content-2 .sec-content > .tit > strong > span:nth-child(3){transition-delay:.2s }
.company-3 .content-area.content-2 .sec-content > .tit > strong > span:nth-child(4){transition-delay:.25s }
.company-3 .content-area.content-2 .sec-content > .tit::after{transition-delay:.3s }
.company-3 .content-area.content-2.is-visible .sec-content > .tit > strong > span,
.company-3 .content-area.content-2.is-visible .sec-content > .tit::after{opacity: 1; transform: translateY(0)}

.company-3 .content-area.content-2 .list > ul > li .img .img_1{left: 6.7em; transform: rotate(180deg); transition: left 1s 1s, transform 1s 1s}
.company-3 .content-area.content-2 .list > ul > li:nth-child(1) .img .img_1{transition-delay:0s}
.company-3 .content-area.content-2 .list > ul > li:nth-child(2) .img .img_1{transition-delay:.3s}
.company-3 .content-area.content-2 .list > ul > li:nth-child(3) .img .img_1{transition-delay:.6s}
.company-3 .content-area.content-2.is-visible .list > ul > li .img .img_1{left: 0; transform: rotate(0)}




.company-3 .content-area.content-3{margin-bottom: 9.635416667em;}
.company-3 .content-area.content-3 .tit{margin-bottom: 3.333333333em;}
.company-3 .content-area.content-3 .tit > strong{font-size: 2.604166667em; font-weight: normal;}
.company-3 .content-area.content-3 .list{}
.company-3 .content-area.content-3 .list > ul:after{content: ''; display: block; clear: both;}
.company-3 .content-area.content-3 .list > ul > li{float: left; width: 33.33%; position: relative; height: 8.854166667em;}
.company-3 .content-area.content-3 .list > ul > li .box{position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; border: 1px solid #CCC; background: #fff; }
.company-3 .content-area.content-3 .list > ul > li:hover .box{z-index: 2; border-color: #4738A2; box-shadow:1px 1px 1.25em rgba(0,0,0,.16) }
.company-3 .content-area.content-3 .list > ul > li .box .icon{position: absolute; top: 1.510416667em; left: 2.03125em; width: 2.760416667em; height: 2.395833333em; background: url(/assets/images/sub/img_company3_3_icon1.png) no-repeat 0 0; background-size: 100% auto; opacity: .22;}
.company-3 .content-area.content-3 .list > ul > li:hover .box .icon{opacity: 1;}
.company-3 .content-area.content-3 .list > ul > li .box .txt{position: absolute; right: 2.916666667em; bottom: 1.979166667em; text-align: right}
.company-3 .content-area.content-3 .list > ul > li .box .txt > span{font-size: 1.8rem; line-height: 1.6666;}
.company-3 .content-area.content-3 .list > ul > li:hover .box .txt > span{font-size: 1.8rem; line-height: 1.6666; color: #4738A2;}

.company-3 .content-area.content-3 .sec-content > .tit > strong > span,
.company-3 .content-area.content-3 .list > ul{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; }
.company-3 .content-area.content-3 .sec-content > .tit > strong > span:nth-child(1){transition-delay:.1s }
.company-3 .content-area.content-3 .sec-content > .tit > strong > span:nth-child(2){transition-delay:.15s }
.company-3 .content-area.content-3 .sec-content > .tit > strong > span:nth-child(3){transition-delay:.2s }
.company-3 .content-area.content-3 .sec-content > .tit > strong > span:nth-child(4){transition-delay:.25s }
.company-3 .content-area.content-3 .sec-content > .tit > strong > span:nth-child(5){transition-delay:.3s }
.company-3 .content-area.content-3 .list > ul{transition-delay:.5s }

.company-3 .content-area.content-3.is-visible .list > ul,
.company-3 .content-area.content-3.is-visible .sec-content > .tit > strong > span{opacity: 1; transform: translateY(0)}

.company-3 .content-area.content-4{padding-bottom: 5.989583333em; margin-bottom:9.895833333em;}
.company-3 .content-area.content-4 .bg{position: absolute; left: 0; right: calc(50% - 33.22916667em); top: 0; bottom: 0; background: #f3f3f3; z-index: -1;}
.company-3 .content-area.content-4 .tit{position: absolute; right: calc(50% - 40.52083333em); bottom: 0;}
.company-3 .content-area.content-4 .tit .tit-inner{}
.company-3 .content-area.content-4 .tit .tit-inner > strong{display: block; padding-left: 2.34375em}
.company-3 .content-area.content-4 .tit .tit-inner > strong > span{font-size: 4em; font-weight: normal;}/*기존4.84375*/
.company-3 .content-area.content-4 .tit .tit-inner .subs{margin-top: 6.25em; background: #fff; padding: 2.864583333em 0 5.989583333em 2.34375em; display: block; }
.company-3 .content-area.content-4 .tit .tit-inner .subs > span{font-size: 2rem; line-height: 1.6666;}
.company-3 .content-area.content-4 .list{}
.company-3 .content-area.content-4 .list:after{content: ''; display: block; clear: both;}
.company-3 .content-area.content-4 .list > ul{}
.company-3 .content-area.content-4 .list > ul > li{float: left; width: 8.072916667em; padding-top: 11.875em; position: relative;}
.company-3 .content-area.content-4 .list > ul > li:before{content: ''; display: block; position: absolute; width: 0.260416667em; height: 2.864583333em; background: #fff; top: 0; left: 0;}
.company-3 .content-area.content-4 .list > ul > li + li{margin-left: 13.02083333em;}
.company-3 .content-area.content-4 .list > ul > li .icon{display: block; position: absolute; top: 4.6875em; left: 0; width: 5.572916667em; height: 5em; background:  url(/assets/images/sub/img_company3_4_icon1.png) no-repeat 0 0; background-size: 100% auto;}
.company-3 .content-area.content-4 .list > ul > li:nth-child(2) .icon{background-image:url(/assets/images/sub/img_company3_4_icon2.png); width: 5.520833333em; height: 5.416666667em;}
.company-3 .content-area.content-4 .list > ul > li:nth-child(3) .icon{background-image:url(/assets/images/sub/img_company3_4_icon3.png); width: 5.729166667em; height: 5.625em;}
.company-3 .content-area.content-4 .list > ul > li strong{display: block; margin: 1.5625em 0}
.company-3 .content-area.content-4 .list > ul > li strong > span{font-size: 2.5rem; font-weight: normal;}
.company-3 .content-area.content-4 .list > ul > li .subs{font-size: 1.8rem; line-height: 1.65em;}

.company-3 .content-area.content-4 .list > ul > li{opacity: 0;transform: translateX(-7em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; }

.company-3 .content-area.content-4 .list > ul > li:nth-child(1){transition-delay:.2s }
.company-3 .content-area.content-4 .list > ul > li:nth-child(2){transition-delay:.4s }
.company-3 .content-area.content-4 .list > ul > li:nth-child(3){transition-delay:.6s }
.company-3 .content-area.content-4.is-visible .list > ul > li{opacity: 1;transform: translateX(0);}

.company-3 .content-area.content-4 .tit .tit-inner .subs > span,
.company-3 .content-area.content-4 .tit .tit-inner > strong > span > span{opacity: 0;transform: translateY(2em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; }
.company-3 .content-area.content-4 .tit .tit-inner > strong > span > span:nth-child(1){transition-delay:.1s }
.company-3 .content-area.content-4 .tit .tit-inner > strong > span > span:nth-child(2){transition-delay:.15s }
.company-3 .content-area.content-4 .tit .tit-inner > strong > span > span:nth-child(3){transition-delay:.2s }
.company-3 .content-area.content-4 .tit .tit-inner > strong > span > span:nth-child(4){transition-delay:.25s }
.company-3 .content-area.content-4 .tit .tit-inner .subs > span{transition-delay:.5s }
.company-3 .content-area.content-4.is-visible .tit .tit-inner .subs > span,
.company-3 .content-area.content-4.is-visible .tit .tit-inner > strong > span > span{opacity: 1;transform: translateX(0);}

.company-3 .content-area.content-5 .sec-content{}
.company-3 .content-area.content-5 .sec-content > .tit{margin-bottom: 7.552083333em;}
.company-3 .content-area.content-5 .tit > strong{margin-bottom: 2.03125em;}
.company-3 .content-area.content-5 .tit > strong > span{font-size: 3.072916667em}
.company-3 .content-area.content-5 .tit .subs{font-size: 2.5rem; line-height: 1.6;}
.company-3 .content-area.content-5 .tit .logo{position: absolute; right: 0; top: 0; display: block; width: 24.32291667em; height: 12.96875em; background: url(/assets/images/sub/img_company3_5_logo.png) no-repeat 0 0 ; background-size: 100% auto;}
.company-3 .content-area.content-5 .form{}
.company-3 .content-area.content-5 .form .tit{font-size: 3rem;} 
.company-3 .content-area.content-5 .form .form-box{/*width: 59.42708333em;*/ margin: 2.864583333em auto 0;}

.company-3 .content-area.content-5 .tit .subs,
.company-3 .content-area.content-5 .tit > strong > span{opacity: 0;transform: translateY(2em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; }
.company-3 .content-area.content-5 .tit .logo{opacity: 0;transform: translateX(7em); transition: transform 1s 1s cubic-bezier(0,1,.3,1), opacity 1s 1s ease-out;will-change: transform, opacity;}

.company-3 .content-area.content-5 .tit > strong > span:nth-child(1){transition-delay:.1s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(2){transition-delay:.15s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(3){transition-delay:.2s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(4){transition-delay:.25s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(5){transition-delay:.3s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(6){transition-delay:.35s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(7){transition-delay:.4s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(8){transition-delay:.45s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(9){transition-delay:.5s}
.company-3 .content-area.content-5 .tit > strong > span:nth-child(10){transition-delay:.55s}
.company-3 .content-area.content-5 .tit .subs{transition-delay:.7s}
.company-3 .content-area.content-5.is-visible .tit .subs,
.company-3 .content-area.content-5.is-visible .tit > strong > span{opacity: 1;transform: translateX(0);}
.company-3 .content-area.content-5.is-visible .tit .logo{opacity: 1;transform: translateY(0);}


.contact-1 .section .sec-content{max-width: 74.6875em;}
.contact-1 .content-area.content-1{margin-bottom: 7.34375em;}
.contact-1 .content-area.content-1 .sec-content{padding-top: 7.239583333em;}
.contact-1 .content-area.content-1::after{content: ''; display: block; clear: both;}
.contact-1 .content-area.content-1 .tit{position: absolute; top: 0; right: 0; width: 47.76041667em; height: 11.61458333em; text-align: right; box-sizing: border-box; padding-bottom: 3.90625em; z-index: 2; background: #fff;}
.contact-1 .content-area.content-1 .tit > strong{font-size: 4.270833333em; font-family: 'S-CoreDream-8Heavy';}
.contact-1 .content-area.content-1 .img{height: 35.3125em; background: url(/assets/images/sub/img_contact1_1_bg.png) no-repeat 0 0; background-size: cover; position: relative; overflow: hidden; clear: both;}
.contact-1 .content-area.content-1 .logo{position: absolute;  right: 9.583333333em; bottom: -1.979166667em; display: block; width:25.57291667em; height: 13.64583333em; min-width: 200px; min-height: 106px; background: url(/assets/images/sub/img_contact1_1_logo.png) no-repeat 0 0; background-size: 100% auto;}

.contact-1 .content-area.content-1 .tit > strong > span{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; display: inline-block}
.contact-1 .content-area.content-1 .logo{opacity: 0;transform: translateX(-20em); transition: transform 2s .5s cubic-bezier(0,1,.3,1), opacity 2s .5s ease-out;will-change: transform, opacity; display: inline-block}

.contact-1 .content-area.content-1 .tit > strong > span:nth-child(1){transition-delay:.1s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(2){transition-delay:.15s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(3){transition-delay:.2s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(4){transition-delay:.25s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(5){transition-delay:.3s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(6){transition-delay:.35s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(7){transition-delay:.4s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(8){transition-delay:.45s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(9){transition-delay:.5s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(10){transition-delay:.55s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(11){transition-delay:.6s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(12){transition-delay:.65s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(13){transition-delay:.7s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(14){transition-delay:.75s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(15){transition-delay:.8s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(16){transition-delay:.85s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(17){transition-delay:.9s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(18){transition-delay:.95s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(19){transition-delay:1s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(20){transition-delay:1.05s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(21){transition-delay:1.1s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(22){transition-delay:1.15s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(23){transition-delay:1.2s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(24){transition-delay:1.25s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(25){transition-delay:1.3s }
.contact-1 .content-area.content-1 .tit > strong > span:nth-child(26){transition-delay:1.35s }
.contact-1 .content-area.content-1 .logo{transition-delay:.8s}

.contact-1 .content-area.content-1.is-visible .tit > strong > span{transform: translateY(0);opacity: 1;}
.contact-1 .content-area.content-1.is-visible .logo{transform: translateX(0);opacity: 1;}




.contact-1 .content-area.content-2{margin-bottom: 13.38541667em;}
.contact-1 .content-area.content-2::after{content: ''; display: block; clear: both;}
.contact-1 .content-area.content-2 .tit{float: left; position: relative; margin-top: -1.09375em;}
.contact-1 .content-area.content-2 .tit > strong{ }
.contact-1 .content-area.content-2 .tit > strong > span{font-size: 2.291666667em; letter-spacing: 0.78125em;line-height: 1.8;}
.contact-1 .content-area.content-2 .tit::after{content: ''; display: block; width: 1.71875em; height: 0.260416667em; background: #0A0A0A; position: absolute;right: -2.708333333em;bottom: 0.833333333em;}
.contact-1 .content-area.content-2 .con{float: right; width: 50.52083333em; height: 10.41666667em; position: relative;}
.contact-1 .content-area.content-2 .con:before{content: ''; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #4738A2; position: absolute;}
.contact-1 .content-area.content-2 .con .txt{text-align: right; position: absolute; top: 2.34375em; right:0;padding-right: 7.083333333em; }
.contact-1 .content-area.content-2 .con .txt > span{color: #fff; font-size: 2rem; line-height: 1.8;}
.contact-1 .content-area.content-2 .con .txt:after{content: ''; width: 5.46875em; height: 1px; background: #fff; display: block; position: absolute; right: 0; top: 0.46875em;}

.contact-1 .content-area.content-2 .tit > strong > span{opacity: 0;transform: translateY(1em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; display: inline-block}
.contact-1 .content-area.content-2 .con:before{width:0; transition: width 1s 1s}

.contact-1 .content-area.content-2 .tit > strong > span:nth-child(1){transition-delay:.1s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(2){transition-delay:.15s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(3){transition-delay:.2s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(4){transition-delay:.25s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(5){transition-delay:.3s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(6){transition-delay:.35s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(7){transition-delay:.4s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(8){transition-delay:.45s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(9){transition-delay:.5s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(10){transition-delay:.55s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(11){transition-delay:.6s }
.contact-1 .content-area.content-2 .tit > strong > span:nth-child(12){transition-delay:.65s }

.contact-1 .content-area.content-2.is-visible .tit > strong > span{transform: translateY(0);opacity: 1;}
.contact-1 .content-area.content-2.is-visible .con:before{width: 100%}



.contact-1 .content-area.content-3{margin-bottom: 6.979166667em;}
.contact-1 .content-area.content-3 .sec-content{max-width: 85.15625em;}
.contact-1 .content-area.content-3 .list{height: 55.36458333em; background: url(/assets/images/sub/img_contact1_2_bg.png) no-repeat 0 0 ; background-size: 100% auto;}
.contact-1 .content-area.content-3 .list > ul{}
.contact-1 .content-area.content-3 .list > ul > li{position: absolute;}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(1){left: 5.208333333em; top: 4.166666667em}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(2){left: 50%; top: 50%; margin: -14.5em 0 0 -9.5em; /*transform: translate(-50%, -88%);*/}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(3){top:0; right: 5.208333333em;}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(4){left: 14.32291667em; bottom: 0}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(5){right: 8.75em; bottom: 7.708333333em;}
.contact-1 .content-area.content-3 .list > ul > li .img{display: block; width: 19.21875em; height: 11.35416667em; background: url(/assets/images/sub/img_contact1_2_img1.png) no-repeat 0 0 ; background-size: 100% auto; margin-bottom: 2.083333333em;}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(2) .img{background-image: url(/assets/images/sub/img_contact1_2_img2.png)}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(3) .img{background-image: url(/assets/images/sub/img_contact1_2_img3.png)}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(4) .img{background-image: url(/assets/images/sub/img_contact1_2_img4.png)}
.contact-1 .content-area.content-3 .list > ul > li:nth-child(5) .img{background-image: url(/assets/images/sub/img_contact1_2_img5.png)}
.contact-1 .content-area.content-3 .list > ul > li .txt{font-size: 1.510416667em; line-height: 1.666;}

.contact-1 .content-area.content-3 .list > ul > li{opacity: 0;transform: translateY(4em); transition: transform 1s .5s cubic-bezier(0,1,.3,1), opacity 1s .5s ease-out;will-change: transform, opacity; display: inline-block}

.contact-1 .content-area.content-3 .list > ul > li:nth-child(1){transition-delay:.3s }
.contact-1 .content-area.content-3 .list > ul > li:nth-child(2){transition-delay:.6s }
.contact-1 .content-area.content-3 .list > ul > li:nth-child(3){transition-delay:.9s }
.contact-1 .content-area.content-3 .list > ul > li:nth-child(4){transition-delay:1.2s }
.contact-1 .content-area.content-3 .list > ul > li:nth-child(5){transition-delay:1.5s }

.contact-1 .content-area.content-3.is-visible .list > ul > li{transform: translateY(0);opacity: 1;}


.contact-1 .content-area.content-4{}
.contact-1 .content-area.content-4 .tit{text-align: center;}
.contact-1 .content-area.content-4 .tit > strong{display:block; margin-bottom: 0.9375em;}
.contact-1 .content-area.content-4 .tit > strong > span{font-size: 1.822916667em}
.contact-1 .content-area.content-4 .tit .subs{color: #BEBEBE; font-size: 0.9375em; letter-spacing: 0.78125em;}
.contact-1 .content-area.content-4 .btn-area{margin-top:2.604166667em; text-align: center; }
.contact-1 .content-area.content-4 .btn-area .btn{display: inline-block; text-align: left; background: #4738A2; height: 3.604166667em;  width: 15.22916667em; box-sizing: border-box; padding-left: 1.504166667em; position: relative}
.contact-1 .content-area.content-4 .btn-area .btn > span{font-size: 1.041666667em; color: #fff; display: inline-block; line-height: 3.604166667em;}
.contact-1 .content-area.content-4 .btn-area .btn:after{content: ''; display: block; width: 1.614583333em; height: 0.885416667em; background: url(/assets/images/main/img_con5_arr.png) no-repeat 0 0; background-size: 100% auto; position: absolute; right: 1.197916667em; top: 50%; margin-top: -0.4427083335em;}
.contact-1 .content-area.content-4 .btn-area .btn:hover{background:#5b4bc5;}


.tbl{border: solid #1C1C1C; border-width: 0.104166667em 0 1px;}
.tbl > table{border-collapse: collapse; width: 100%; text-align: center;}
.tbl > table thead th{background: #F3F2F2; height: 3.125em; border-bottom: 1px solid #D9D9D9;}
.tbl > table thead th > span{font-size: 1.7rem; /*0.78125em;*/ color: #1B1B1B;}
.tbl > table tbody td{height: 3.125em;}
.tbl > table tbody tr:first-child td{padding-top: 0.78125em}
.tbl > table tbody tr:last-child td{padding-bottom: 0.78125em}
.tbl > table tbody th > span,
.tbl > table tbody td > span{font-size: 1.7rem; /*0.78125em;*/ color: #1B1B1B; line-height: 1.8; /*1.3;*/}
.tbl.line > table tbody tr td,
.tbl.line > table tbody tr th{border-top:1px solid #E0E0E0; height: 4.6875em; padding: 0 0 0 1.770833333em; text-align: left;}
.tbl.line > table tbody tr:first-child td,
.tbl.line > table tbody tr:first-child th{border-top: none;}
.w-col-1{width: 12em}
.w-col-2{width: auto;}


.exp-card-list{
    display: flex;
    justify-content: space-between;
    flex-basis: 25%;
    flex-wrap: wrap;
    width: 1813px;
    margin: 0 auto;
    position: absolute;
    top: 215px;
    left: 53px;
}
.exp-card-list a{
    position: relative;
}
.exp-card-list a img{
    display: block;
}
.exp-card-list a .hover-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}
.exp-card-list a:hover .hover-img{background: url(/assets/images/test/company_1_h.jpg);}

.full-card{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #4c3fa3;
    pointer-events: none;
    opacity: 0;
    transition: transform .35s ease-in-out 0s,opacity .1s ease-out 0s;
}
.full-card img{width: 100vw;}
.full-card.on{
    pointer-events:visible;
    opacity:1;
    transition-delay:0.1s;
}    
.full-card .close-btn{
    position: absolute;
    top: 32px;
    left: 42px;
    width: 39px;
    height: 35px;
    text-indent: -999px;
}

/* inquiry-received */
.input-box{
    /* position: absolute;
    top: 445px;
    left: 497px; */
    width: 971px;
    height: 448px;
		margin:0 auto;
}
.input-box input{
    border: 0px;
    border-bottom: 2px solid #e0e0e0;
    height: 48px;
    position: absolute;
    padding: 5px 0px 10px 0px;
    font-size: 1.9rem;
    font-weight: bold;
}
.input-box input:focus{
    border-bottom: 2px solid #4738A2;
}
.input-box input::placeholder{font-size: 1.5rem; color: #CBC9C9;}
.input-box .name{
    width: 445px;
    top: 0;
    left: 0;
}
.input-box .phone{
    top: 0;
    right: 0px;
    width: 445px;
}
.input-box .list{
    top: 142px;
    left: 0;
    width: 445px;
}
.input-box .email{
    top: 142px;
    right: 0;
    width: 445px;
}
.input-box .content{
    bottom: 0;
    left: 0;
    width: 971px;
    height: 113px;
    padding: 5px 0 72px;
}

/* directions */

.logo-area{max-width: 52.08333333em; position: relative; margin: 0 auto; }
.logo-box{
		width: 8.489583333em;
    height: 8.489583333em;
		position: absolute;
		right: 0;
		z-index: 2;
		top: -2em;
		box-sizing: border-box;
		background: url(/assets/images/sub/img_contact_logo.png) no-repeat 0 0;
		background-size: 100% auto;
}
.map-area{width: 100%;height: 36em;}
.map-area iframe{
    width: 100%;
    height: 100%;
}


.video-popup.reveal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index:9
}

.video-popup .video-wrapper {
  position: relative;
  width: 55%;
  padding-bottom: 35%;
  z-index: 10
}

.video-popup .video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 89%;
}

.video-popup.reveal .video-popup-closer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 9
} 
.popupVideo{
    margin: 0 auto;
    text-align: center;
}    

.popupVideo a img{
    padding: 0 1% 2%;
    width: 33%;
}
.popupVideo a p{
    background: #999;
    color: #fff;
}
	
.section.sec_1.is-visible .tit-center{text-align: center; padding-bottom: 3%;}
.section.sec_1.is-visible .list-area > ul.media-center{text-align: center;}	
	
.only_pc{display: none;}	


/**
*
* SECTION /container / company / consulting / footer 반응형 MOBILE
*
*/


.section, .location-area, footer .ft-content{padding-left:2% !important; padding-right:2% !important;}	
	
@media all and (max-width:1400px){

.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div{height:7em;}
.contact-1 .content-area.content-2 .con .txt > span{font-size: 1.7rem; line-height: 1.5;}
.contact-1 .content-area.content-4 .tit > strong > span{font-size:2.5rem;}
.contact-1 .content-area.content-4 .tit .subs {font-size:1.5rem;}
.company-3 .content-area.content-1{margin-bottom:30em;}
.company-3 .content-area.content-1 .tit{width:78em;}
.company-3 .content-area.content-1 .bg{position:static; margin-top:50px;}
.company-3 .content-area.content-2 .list > ul > li .subs{font-size:1.6rem;}
.company-3 .content-area.content-3 .list > ul > li .box .txt > span{font-size: 1.6rem; }
.company-3 .content-area.content-3 .list > ul > li:hover .box .txt > span{font-size: 1.6rem; }
.company-3 .content-area.content-4 .list > ul > li .subs {font-size:1.6rem;}
.company-3 .content-area.content-4 .tit .tit-inner .subs > span{font-size:1.7rem;}
.company-3 .section .sec-content{max-width:100%;}
.section.sec_3 .number{font-size:6.8em; top: 1.8em;}
}

@media all and (max-width:1300px){

.lnb-menu .lnb-list li a span{font-size:1.35rem;}
	
.section.sec_4 .con-area .left > p > span{font-size:1.5rem;}
.section.sec_4 .con-area{height:13em;}
.section.sec_3 .btn-area > ul > li > button {font-size:1.6rem;}
.section.sec_3 .btn-area > ul > li > button{padding: 0 0.8em;}
.section.sec_3 .btn-area > ul > li > button {font-size: 1.6rem;}

footer .ft-info .ft-sub-menu{display:none;}
footer .ft-info .info {display:block;}
footer .ft-info .info .info-t {width:100%;}
.section.sec_3 .con-area > ul > li .address{font-size:1.5rem;}


}

@media all and (max-width:1024px){

	.container.page .section{margin-top:8rem !important; }
	.section .scroll-check{height: 50%; transform: translateY(-50%);}

	.section.sec_0{}
	.section.sec_0 .content-area .page-area,
	.section.sec_0 .content-area .line,
	.section.sec_0 .content-area .txt{display: none;}
	.section .tit-area{position: static;}
	.section .tit-area .tit:after{position: static;display: inline-block; margin: 1.2rem 0 0 .5rem;}
	.section .tit-area .tit > span{padding:0; display: inline-block;}
	.section .tit-area .tit > span > span{font-size: 4rem;}
	.section .tit-area .tit > span > br{display: none;}
	/*.section.sec_0 .tit-area .tit > span > span:nth-child(5){margin-left:1rem}*/
	.section.sec_0 .tit-area .subs{font-size: 1.5rem; margin-top: 1rem;}
	.section.sec_0 .control-area > button{width:3rem; height: 3rem;}
	.section.sec_0 .control-area > button:before{width: .5rem;height: .94rem;}
	.section.sec_0 .content-area{padding-left: 0;}
	.section.sec_0 .control-area{margin-top:2rem; text-align: right; padding-left: 0;}
	.section.sec_0 .content-area .content-area-inner{padding-left: 0;}
	.section.sec_0 .content-area .img-area{margin: 1rem auto 0; height: auto; width: 40rem}
	.section.sec_0 .content-area .img-area > ul{margin-left:0 !important;}
	.section.sec_0 .content-area .img-area > ul > li{float:none; display: none;}
	.section.sec_0 .content-area .img-area > ul > li.on{display: block;}
	.section.sec_0 .content-area .img-area > ul > li > span{/*padding-bottom:77.3%;*/ width: 40rem; height: 31rem; margin-top: 0;}
	.section.sec_0 .control-area > button.right{margin-left:.5rem;}
	
	.section.sec_1{margin-top:5rem;}
	.section.sec_1.is-visible .bg{left:0;}
	.section.sec_1.is-visible .sec-content > .tit > span{margin-top:-.2rem;}
	.section.sec_1 .sec-content > .tit{text-align: center; font-size: 3rem;}
	.section.sec_1 .list-area > ul > li{display: block; margin: 0 auto !important; width:auto; max-width: 33rem;}
	.section.sec_1 .list-area > ul > li + li{margin-top:4rem !important;}
	.section.sec_1 .list-area > ul > li > a .tit{margin-top: 1rem;font-size: 2rem; color:#4738A2;}
	.section.sec_1 .list-area > ul > li > a .img{padding-bottom: 59.2%; background-size: 100% auto; }
	.section.sec_1 .list-area > ul > li > a .subs{font-size: 1.5rem; line-height: 1.5; margin-top: 1rem;}

	.section.sec_2{height: auto; margin-top:8rem;}
	.section.sec_2 .line{display: none;}
	.section.sec_2 .tit-area .tit:after{margin: .7rem 0 0 1.5rem; width: .8rem;height: .8rem;}
	.section.sec_2 .tit-area .tit > span > span{font-size: 3.5rem;}
	/* .section.sec_2 .tit-area .tit > span > span:nth-child(5){margin-right:.6rem} */
	.section.sec_2 .dot{display: none;}
	.section.sec_2 .member-area{border-bottom: 2px solid;margin-left: -2rem;padding-left: 2rem;}
	.section.sec_2 .member-area > ul > li .txt-area{right: auto;left: 0%;top: 0; width: auto;}
    /*.section .tit-area .tit{left: 5%;}*/
	.section.sec_2 .member-area > ul > li .txt-area > strong{font-size: 2.5rem;}
	.section.sec_2 .member-area > ul > li .txt-area .curi{font-size: 1.5rem;}
	.section.sec_2 .member-area > ul > li .txt-area .subs{font-size: 1.5rem; margin-top: 2rem; padding-right: 11rem;}
	.section.sec_2 .member-area > ul > li .txt-area .subs > br{display: none;}
	.section.sec_2 .member-area > ul > li .img{width: 100%; height: 29rem; margin-top: 4rem;}
    .section.sec_2 .member-area > ul > li .img2{width: 100%; height: 29rem; margin-top: 4rem;}
    .section.sec_2 .member-area > ul > li .img3{width: 100%; height: 29rem; margin-top: 4rem;}
    .section.sec_2 .member-area > ul > li .img4{width: 100%; height: 29rem; margin-top: 4rem;}
	.section.sec_2 .member-area > ul > li{position: static; display: none;}
	.section.sec_2 .member-area > ul > li.active{display:block}

	.section.sec_2 .tit-area{margin-bottom: 3rem;}
	.section.sec_2 .control-area,
	.section.sec_2 .dot-area{position: static; text-align: center;}
	.section.sec_2 .dot-area{margin-top:1.5rem; margin-bottom:1rem;}
	.section.sec_2 .dot-area > ul > li{float:none; display: inline-block;}
    .section.sec_2 .dot-area > ul > li:last-child{margin-top: 8px; font-size: 18px; width: auto;}
	/* .section.sec_2 .dot-area > ul > li + li{margin-left: -.6rem;} */
	.section.sec_2 .dot-area > ul > li > button{width: 3rem; height: 3rem;}
	.section.sec_2 .dot-area > ul > li > button:before{width: .6rem; height: .6rem;}
	.section.sec_2 .dot-area > ul > li.active > button:before{width: 1rem; height: 1rem;}
	.section.sec_2 .control-area > button{width:3rem; height: 3rem;}
	.section.sec_2 .control-area > button:before{width: .5rem;height: .94rem;}
	/* .section.sec_2 .control-area > button.right:before{margin-left: .5rem} */

	.section.sec_3 .sec-content{padding: 0}
	.section.sec_3 .arr{display: none;}
	.section.sec_3 .txt{transform: rotate(0); position: static;}
	.section.sec_3 .txt > span{font-size: 3rem;}
	.section.sec_3 .con-area{margin-top: 2rem;}
	.section.sec_3 .con-area > ul{height: auto;}
	.section.sec_3 .con-area > ul > li{text-align: left; position: static; display: none; padding-right:9rem;}
	.section.sec_3 .con-area > ul > li.active{display: block}
	.section.sec_3 .con-area > ul > li .btn{display: none;}
	.section.sec_3 .con-area > ul > li .img{position: static;display: block;max-width: 40rem;}
	.section.sec_3 .con-area > ul > li .img > span{width: auto;max-width: 40rem;height: auto;padding-bottom: 97%;}
	.section.sec_3 .con-area > ul > li > strong{font-size: 4rem;margin: 3rem 0 0;}
	.section.sec_3 .con-area > ul > li .address{font-size: 1.3rem}
	.section.sec_3 .con-area > ul > li .address > strong{font-size: 1.5rem;}
	.section.sec_3 .btn-area{margin-top:4rem; overflow-x:auto; overflow-y: hidden;}
	/*.section.sec_3 .btn-area > ul {width: 62rem;}*/
	.section.sec_3 .btn-area > ul > li > button{}
	.section.sec_3 .number{font-size: 19rem; top:3rem; right: -5rem;}

	.section.sec_4{margin-top:8rem}
	.section.sec_4 .sec-content > .tit{margin-bottom:2rem;}
	.section.sec_4 .sec-content > .tit > span{font-size: 4rem;}
	.section.sec_4 .con-area{height: auto;}
	.section.sec_4 .con-area .left{float: none; width: 100%; background: none;}
	.section.sec_4 .con-area .left > p{padding: 3rem;font-size: 1.3rem;}
	.section.sec_4 .con-area .right{float: none; width: 100%; height: auto;}
	.section.sec_4 .con-area .right .img{height: auto; padding-bottom: 27%; background-size: 100% auto;}
	.section.sec_4 .btn-area .btn{height: 3.5rem;width: 19rem;}
	.section.sec_4 .btn-area .btn > span{font-size: 1.4rem; line-height: 3.5rem;}
	.section.sec_4 .btn-area .btn:after{width: 1.2rem;height: .7rem; margin-top: -.35rem;}

	footer{margin-top: 10rem;}
	footer .phone-num{display: block;    text-align: center;}
	footer .ft-menu-list{width: auto; max-width: 100%;}
	footer .ft-menu-list ul{display: block; /*padding-top: 1.1rem;*/}
	footer .ft-menu-list ul > li{display: inline-block; padding: 0 1%;}
    footer .ft-menu-list ul li a span img{width:25px; margin-top:5px;}
	footer .ft-menu-list ul li a{font-size: 1.3rem;}
	footer .phone-num p{font-size: 3rem;}
	.location-area, footer .ft-content{padding-top:3rem; margin-top: 0;}
	footer .ft-info .info{display:block;}
	footer .ft-info .info .ft-logo{display: block; text-align: center; position: relative;}
	footer .ft-info .info .ft-logo > svg{position: absolute; top: 0; left: 50%; transform: translateX(-50%) scale(.7);}
	footer .ft-info .info .ft-logo p{padding-top:4rem; font-size: 1.2rem;}
	footer .ft-info .ft-sub-menu{}
	footer .ft-info .info .info-t{width: auto; max-width: 100%;}
	footer .ft-info .info .info-t ul{display: block; text-align: center; padding:1rem 0 1rem;}
	footer .ft-info .info .info-t ul li{font-size: 1.4rem; padding-bottom: 0; line-height: 1.5;}
    footer .ft-info{padding-top:0;}

	.container.page .top-banner .sub-header{height: 20rem; display: block;}
	.sub-header .sub-title{margin-top: 0; text-align: center; padding-top: 8.5rem; margin-right: 0; font-size: 2.5rem}
	.container.page .sub-title:after{position: static;display: inline-block;vertical-align: middle;margin: -4rem 0 0 1.5rem;}
	.lnb-menu{left: 2rem;right: 2rem;width: auto;max-width: 100%;height: 4rem;}
	.lnb-menu .home-btn{display:  none;}
	.lnb-menu .lnb-list{display: none;}

	.lnb-menu-mobile{display: table; table-layout: fixed; width:100%;}
	.lnb-menu-mobile .col{display: table-cell; position: relative}
	.lnb-menu-mobile .col + .col:before{content: ''; position: absolute; display: block; width: 1px; height: 2rem; left: 0; top: 1rem; background: #EFEFEF;}
	.lnb-menu-mobile .col .btn{width: 100%; height: 4rem; box-sizing: border-box; border: 0; padding-left:2rem; font-size: 1.5rem;background: url(/assets/images/common/ico_select_arrow.png) no-repeat right 1rem center; background-size:14px auto; text-align:left;}

	.lnb-menu-mobile .col > ul{position: absolute; z-index: 100; background: #fff;  width: 100%; border:1px solid #e4e4e4; display:none;}
	/* .lnb-menu-mobile .col > ul:nth-child(2){display: block;} */
	.lnb-menu-mobile .col > ul > li{}
	.lnb-menu-mobile .col > ul > li > a{display: block; font-size: 1.4rem; height: 3.5rem; line-height: 3.5rem; padding-left:2rem; }
	.lnb-menu-mobile .col > ul > li > a:hover{background-color: #f8f8f8;}
	.lnb-menu-mobile .col > ul > li + li{border-top: 1px solid #e4e4e4;}
	.lnb-menu-mobile .col .btn:focus{background-color: #f8f8f8;}
	.lnb-menu-mobile .col .lnb-bg{position: fixed; top: 0; left: 0; right: 0; bottom: 0;  z-index: 100; display: none;}
	.lnb-menu-mobile .col.on .lnb-bg{display: block;}
	/* .lnb-menu-mobile .col .btn:focus ~ ul{border:1px solid #e4e4e4; height: auto;} */
	.location-area{padding-top: 4.5rem;margin-top: 0;height: 4.5rem; margin-bottom: 4rem;}
	.location-area .btn-prev,
	.location-area .btn-next{display:none;}
	.top-banner{margin-bottom: 0}
	.location-area > h2{font-size: 1rem;}

	.container.company-1 .content-area.content-1{height: auto;}
	.container.company-1 .content-area.content-1 .bg{position: static;margin: 0 0 0 -2rem;height: 23rem;}
	.container.company-1 .content-area.content-1 .txt{position: static;padding-left: 0;padding-right: 0;}
	.container.company-1 .content-area.content-1 .txt > span{font-size: 1.5rem;}
	.container.company-1 .content-area.content-1 .sec-content{position: absolute; top: 0; left: 0; width: 100%;}
	.container.company-1 .content-area.content-1 .logo{width: 11rem;height: 8rem;}

	.container.company-1 .content-area.content-2{margin-top:8rem}
	.container.company-1 .content-area.content-2 .con-1 > strong{font-size: 3rem;}
	.container.company-1 .content-area.content-2 .con-1 .img{float: right; position: static; margin-right: -2rem; margin-top: 3rem;width: 45rem;height: 28.1rem;}
	.container.company-1 .content-area.content-2 .con-2 .left .txt > strong{font-size: 8rem;}
	.container.company-1 .content-area.content-2 .con-2 .right > span{font-size: 1.4rem;line-height: 1.5;}
	.container.company-1 .content-area.content-2 .con-2 .left .txt > p{    padding-left: 3rem;}
	.container.company-1 .content-area.content-2 .con-2 .left .txt > p:before{margin: 0 0 .5rem 0; display: block;}
	.container.company-1 .content-area.content-2 .con-2 .left .txt > p > span{font-size: 1.3rem;}
	.container.company-1 .content-area.content-3{height: auto; padding-bottom: 4rem;}
	.container.company-1 .content-area.content-3 .sec-content{position: static}
	.container.company-1 .content-area.content-3 .tit-area{position: static; margin-bottom:1.5rem;}
	.container.company-1 .content-area.content-3 .tit-area > span{font-size: 3rem;}
	.container.company-1 .content-area.content-3 .tit-area > span + span{margin-left: .3rem;}
	.container.company-1 .content-area.content-3 .btn-area{display: none;}
	.container.company-1 .content-area.content-3 .bg{top:-5rem; height: auto; bottom:-6rem;}
	.container.company-1 .content-area.content-3 .bg > span{width: 28.5rem;height: 50rem;}
	.container.company-1 .content-area.content-3 .arr-area{width: 8rem; height: 4rem; position: absolute;z-index: 2; left: 2rem; margin: 0; bottom: 0; top:70%;}
	.container.company-1 .content-area.content-3 .arr-area > button{width: 4rem; height: 4rem;}
	.container.company-1 .content-area.content-3 .arr-area > button.prev,
	.container.company-1 .content-area.content-3 .arr-area > button.next{transform: rotate(-90deg)}
	.container.company-1 .content-area.content-3 .img-area{width: calc(100% + 5rem); height: 55rem; position: static; margin-left: -3rem;} 
	.container.company-1 .content-area.content-3 .img-area > ul{position: relative; margin-top:0 !important; width: 100%; height: 100%;}
	.container.company-1 .content-area.content-3 .img-area > ul > li{width: 100%;height: 100%; background-size: cover; display: none}
	.container.company-1 .content-area.content-3 .img-area > ul > li.active{display: block;}
	.container.company-1 .content-area.content-3 .img-area > ul > li > div > strong{font-size: 2rem}
	.container.company-1 .content-area.content-3 .img-area > ul > li > div .line{width: 1px;height: 1rem;margin: 1rem 0;}
	.container.company-1 .content-area.content-3 .img-area > ul > li > div .tit{font-size: 2rem;margin-bottom: 3rem;}
	.container.company-1 .content-area.content-3 .img-area > ul > li > div .con{font-size: 1.5rem;}
	.container.company-1 .content-area.content-3 .img-area > ul > li > div{right: 4.5rem;bottom: 3rem;}
	
	.container.company-1 .content-area.content-4{margin-top:12rem !important}
	.container.company-1 .content-area.content-4 .tit-area{text-align: left; margin-bottom: 2rem;}
	.container.company-1 .content-area.content-4 .tit-area > span{font-size: 3rem;}
	.container.company-1 .content-area.content-4 .con-area{margin: 0 -2rem;}
	/* .container.company-1 .content-area.content-4 .con-area > ul > li{width: calc(100% + 27px);margin-left: -13px;} */
	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn .maker{display:none;}
	.container.company-1 .content-area.content-4 .con-area > ul > li{height: 24rem;}
	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area{height:6rem; bottom:-1px; padding: 3rem 0 0 3rem;}
	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area > strong{font-size: 2.5rem}
	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .address{font-size: 1.5rem; padding-right:15px;}
	.container.company-1 .content-area.content-4 .btn-area {margin-top: 7rem;}
	.container.company-1 .content-area.content-4 .btn-area > ul > li > button{font-size: 1.4rem; padding: 0 0.8em; }
	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn{top: 3.2rem;right: 4rem;}
	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn .add:before{width: 1rem; height: 1rem}

	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area .btn > button{width: 2rem; height:2rem;}

	.container.company-2 .content-area.content-1 .expert-area{margin: 0 -2rem;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li{width:50%;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li > button .position{font-size:1.5rem;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li > button .name{font-size: 2.8rem; margin: 1.5rem 0 2rem;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li > button .txt{left: 3rem; top: 3rem;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li > button .subs{font-size: 1.5rem;line-height: 1.5;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li > button .photo{right: 1.5rem;width: 13rem; height: 20rem;}
	.container.company-2 .content-area.content-1 .expert-area > ul > li > button{height: 27rem}

	.expert_margin{margin-top:0px;}

	.tit-top > strong{font-size: 2rem; line-height:1.5;}
	.tit-top .subs{margin: 1.2rem 0 3rem; font-size: 1.3rem;}
	.form .form-box > ul + ul,
	.form .form-box{border-width: .7rem}
	.form .form-box > ul{padding: 0 2rem 4rem;}
	.form .form-box > ul > li{padding: 0; width: auto; float: none; margin-top:4rem}
	.form .form-box > ul > li .t{font-size: 1.5rem; margin-bottom: 1rem;}
	.form .form-box > ul > li select, .form .form-box > ul > li input{height: 3rem; font-size: 1.5rem; border-radius: 0;}
	.form .form-box > ul > li textarea{font-size: 1.4rem;height: 10rem; border-radius: 0;}
	.form .btn-area{margin-top: 3rem;}
	.form .btn-area .btn{height: 3.5rem;width: 19rem; font-size: 1.5rem; background-size:1.2rem .7rem; padding-left: 1.5rem; background-position: right 1rem center}
	.form .btn-area .btn:after{width: 1.2rem;height: .7rem;margin-top: -.35rem;}

	.container.company-2 .content-area.content-1 .expert-area.on{padding-bottom: 2rem;}
	.container.company-2 .content-area.content-1 .expert-area.on > ul{display: none;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area{position: static; display: none;}
	.container.company-2 .content-area.content-1 .expert-area.on .detail-area{display: block;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .btn-close{left: 4rem;top: 3rem;width: 2.4rem;height: 1.8rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li{padding: 8rem 4rem 8rem;box-sizing: border-box;min-height: 43rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt{position: static; transform: translateY(0)}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history:before,
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li:before{display: none;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .logo{width: 4.5rem;height: 2.56rem;left: auto;right: 3rem;top: 3rem;bottom: auto;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li > .photo{width: 20rem;height: 33.4rem;right: 1rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no2:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no3:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no4:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no5:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no6:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no7:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no8:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no9:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no10:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no11:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no12:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no13:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no14:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no15:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no16:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no17:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no18:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no19:after{width: 20rem;height: 33.4rem;right: 3rem;}
    .container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li.expert_no20:after{width: 20rem;height: 33.4rem;right: 3rem;}
    
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .position{font-size: 1.3rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .name{margin: 2.5rem 0 3rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .name > span{font-size: 2.8rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .subs{font-size: 1.3rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history{margin-top:4rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > strong{font-size: 1.4rem}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > ul{margin-top: 2.5rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .history > ul > li{font-size: 1.3rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact{position: absolute;bottom: -17.5rem; left: 0; right: 0;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .info > li{color: #4738A2; font-size: 1.3rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .btn-inquiry{margin: 0;position: absolute; right: 0;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .btn-inquiry > span{color: #4738A2; font-size: 1.4rem;}
	.container.company-2 .content-area.content-1 .expert-area .detail-area .con-area > ul > li .txt .contact .btn-inquiry::before{background-image: url(/assets/images/sub/img_expert_inquiry_m.png);width: 3.5rem;height: 3.3rem;}

	.company-3 .section .sec-content{max-width: 100%; }
	.company-3 .content-area.content-1 .tit{width: auto;}
	.company-3 .content-area.content-1 .bg{position: static; margin: 3rem -2rem 0;}
	.company-3 .content-area.content-1{height: auto; margin-bottom: 0;}
	.company-3 .content-area.content-1 .tit .tit-inner br{display:none;}	
	.company-3 .content-area.content-1 .tit .tit-inner > strong > span{font-size: 2.5rem}
	.company-3 .content-area.content-1 .tit .subs{font-size: 1.5rem;}
	.company-3 .content-area.content-2 .list{max-width:100%}
	.company-3 .content-area.content-2 .list > ul > li{padding-top: 12rem; width: 33.3%}
	.company-3 .content-area.content-2 .list > ul > li .img{width: 18.3rem;height: 10.7rem; right: auto;}
	.company-3 .content-area.content-2 .list > ul > li .img > span{width: 10.7rem;height: 10.7rem;}
	.company-3 .content-area.content-2 .list > ul > li .tit > span{font-size: 2.3rem;}
	.company-3 .content-area.content-2 .list > ul > li .subs{font-size: 1.3rem}
	.company-3 .content-area.content-3 .tit > strong{font-size: 2.5rem;}
	.company-3 .content-area.content-3 .list > ul > li{width: 50%; height:8.8rem;}
	.company-3 .content-area.content-3 .list > ul > li .box .icon{top: 1.5rem;left: 2rem;width: 2.7rem;height: 2.4rem;}
	.company-3 .content-area.content-3 .list > ul > li .box .txt{right: 2.2rem; bottom: 1.6rem;}
	.company-3 .content-area.content-3 .list > ul > li .box .txt > span{font-size: 1.5rem; line-height:1.5;}
	.company-3 .content-area.content-3 .list > ul > li:hover .box .txt > span{font-size: 1.5rem; line-height:1.5;}
	.company-3 .content-area.content-4 .tit{position: static;}
	.company-3 .content-area.content-4 .tit .tit-inner > strong{padding-left: 0;}
	.company-3 .content-area.content-4 .tit .tit-inner > strong > span{font-size: 2.5rem;}
	.company-3 .content-area.content-4 .tit .tit-inner .subs{margin-top: 1rem; padding: 0; background: transparent; font-size: 1.5rem; line-height:1.5;}
	.company-3 .content-area.content-4 .tit .tit-inner .subs > span > br{display:none}
	.company-3 .content-area.content-4 .bg{display: none;}
	.company-3 .content-area.content-4 .list{margin: 2.5rem -2rem 0;padding: 0 2rem 3rem;}
	.company-3 .content-area.content-4 .list > ul > li{width: 33.3%;box-sizing: border-box;margin: 0; padding-right: 2rem; padding-top: 10rem;}
	.company-3 .content-area.content-4 .list{background: #EAF0FC;}
	.company-3 .content-area.content-4 .list > ul > li + li{margin: 0}
	.company-3 .content-area.content-4 .list > ul > li strong > span{font-size:1.5rem;}
	.company-3 .content-area.content-4 .list > ul > li .subs{font-size: 1.5rem; line-height: 1.5}
    .company-3 .content-area.content-4 .list > ul > li .subs > br{display: none;}
	.company-3 .content-area.content-4 .list > ul > li .icon{width: 5.5rem !important; height: 5rem !important;}
	.company-3 .content-area.content-4 .list > ul > li:nth-child(2) .icon{    height: 5.4rem !important;}
	.company-3 .content-area.content-4 .list > ul > li:nth-child(3) .icon{    height: 5.6rem !important;}
	.company-3 .content-area.content-5 .sec-content > .tit{text-align: center; margin-bottom: 7.5rem;}
	.company-3 .content-area.content-5 .tit > strong{margin-bottom: 2rem;}
	.company-3 .content-area.content-5 .tit > strong > span{font-size: 3rem;}
	.company-3 .content-area.content-5 .tit .subs{font-size: 1.5rem; line-height:1.5;}
	.company-3 .content-area.content-5 .tit .subs > br{display: none;}
	.company-3 .content-area.content-5 .tit .logo{width: 24rem;height: 13rem; position: static; display: inline-block; margin-top: 3rem}
	.company-3 .content-area.content-5 .sec-content{max-width: 100%;}
	.company-3 .content-area.content-5 .form .tit{font-size: 2.5rem;}
	.company-3 .content-area.content-5 .form .form-box{width: 100%; margin: 2rem 0}

	.section .tab-area > ul > li > a > span{font-size: 1.5rem; line-height: 2.8; height: auto;}

	.consulting .section .sec-content{max-width: 100%;}
	.consulting.consulting-1 .content-area.content-1{height: auto;}
	.consulting.consulting-1 .content-area.content-1 .tit{position: static;}
	.consulting.consulting-1 .content-area.content-1 .tit .tit-inner{width: 100%;float: none;}
	.consulting.consulting-1 .content-area.content-1 .tit .tit-inner > strong{font-size: 2.5rem;line-height: 1.3;}
	.consulting.consulting-1 .content-area.content-1 .tit .tit-inner > strong > br{display: none;}
	.consulting.consulting-1 .content-area.content-1 .tit .tit-inner .subs{font-size: 1.5rem; line-height:1.5; margin: 1.5rem 0 3rem 0; word-break: break-all; text-align: justify;}
	.consulting.consulting-1 .content-area.content-1 .bg{position: static;}
	.consulting.consulting-1 .content-area.content-1 .bg:after{display: none;}

	.consulting.consulting-1 .content-area.content-2 .tit{margin-bottom: 3rem;}
	.consulting.consulting-1 .content-area.content-2 .tit > strong{font-size: 2.5rem}
	.consulting.consulting-1 .content-area.content-2 .bg{display: none;}
	.consulting.consulting-1 .content-area.content-2 .list{background: #F4F4FA; margin: 0 -2rem; padding: 5rem 2rem 10rem;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .left{width: 30%; margin-top: .2rem;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > span{font-size: 1.7rem; line-height:1.5;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > strong > span{font-size: 1.4rem;line-height: 2.2;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .left > strong{width: 2rem; height: 2rem;margin-top: -.1rem;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .right > p{font-size: 1.5rem; line-height: 1.5;}
	/*.consulting.consulting-1 .content-area.content-2 .list > ul > li .right > p.iso_pr5{font-size: 1.5rem; line-height: 1.5; padding-right: 5%;}*/
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .right{width: 70%;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li + li{margin-top: 3rem;}
	.consulting.consulting-1 .content-area.content-2 .sec-content:after{right: -2rem;bottom: -5rem;width: 20rem;height: 11rem;}

	.consulting.consulting-1 .content-area.content-3 .info-con .tit{width: 15rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .tit > strong{font-size: 2.5rem; line-height: 1.3;letter-spacing: -.18rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .tit > strong:before{width: 1rem;height: 1rem;margin-bottom: .7rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .con{width: calc(100% - 22rem);}
	.consulting.consulting-1 .content-area.content-3 .info-con .con .txt-tbl-up{font-size: 1.5rem;margin-bottom: 1.5rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt > div > strong{font-size: 1.5rem}
	.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt > p{font-size: 1.5rem; line-height: 1.5;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div{height: 8rem;padding: 1rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div .num{font-size: 1.2rem}
	.consulting.consulting-1 .content-area.content-3 .info-con + .info-con:before{margin: 4rem 0;}
	.consulting.consulting-1 .content-area.content-3 .info-con .con .t-txt + .t-txt{margin-top: 3rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul{margin: -1.3rem -.5rem 0;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div > p > span{font-size: 1.4rem;line-height: 1.5;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li{padding: 1.3rem .5rem 0;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li > div > p{right: 1rem;bottom: .7rem;}

	.tbl > table thead th{height: 4rem}
	.tbl > table thead th > span{font-size: 1.5rem;}
	.tbl > table tbody td{height: 4rem}
	.tbl > table tbody th > span,
	.tbl > table tbody td > span{font-size: 1.5rem;}
	.tbl > table tbody tr:first-child td{padding-top: 1rem}
	.tbl > table tbody tr:last-child td{padding-bottom: 1rem}
	.tbl.line > table tbody tr:first-child td{padding-top: 0}
	.tbl.line > table tbody tr:last-child td{padding-bottom: 0}

	.contact-1 .section .sec-content{max-width: initial;}
	.contact-1 .content-area.content-1 .img{height: 35rem; background-position: right 0;}
	.contact-1 .content-area.content-1 .sec-content{padding-top: 7rem; margin: 0 -2rem;}
	.contact-1 .content-area.content-1 .tit{width: auto;height: auto;padding: 0 2rem 2rem 4rem;}
	.contact-1 .content-area.content-2 .tit{margin-top: -1rem;}
	.contact-1 .content-area.content-1 .tit > strong{font-size: 4.2rem;}
	.contact-1 .content-area.content-2 .tit > strong > span{font-size: 2.5rem;}
	.contact-1 .content-area.content-2 .con .txt{top: 2.3rem;padding-right: 7rem;}
	.contact-1 .content-area.content-2 .con .txt > span{font-size: 1.5rem;line-height: 1.5;}
	.contact-1 .content-area.content-2 .con .txt:after{width: 5rem;}
	.contact-1 .content-area.content-2 .con{max-width: 52rem;height: 11rem; width: 100%;}

	.contact-1 .content-area.content-3 .sec-content{max-width: initial; margin: 0 -2rem}
	.contact-1 .content-area.content-3 .list > ul > li .txt{font-size: 1.5rem;line-height: 1.3;}
	.contact-1 .content-area.content-3 .list > ul > li .img{width: 20rem;height: 11.8rem;margin-bottom: 1.5rem;}

	.contact-1 .content-area.content-4 .tit > strong{margin-bottom: 1rem;}
	.contact-1 .content-area.content-4 .tit > strong > span{font-size: 2rem}
	.contact-1 .content-area.content-4 .tit .subs{font-size: 1.5rem; letter-spacing: 0.8rem;}
	
	.contact-1 .content-area.content-4 .btn-area{margin-top:3rem;}
	.contact-1 .content-area.content-4 .btn-area .btn{height: 3.5rem;width: 19rem;  background-size:1.2rem .7rem; padding-left: 1.5rem;}
	.contact-1 .content-area.content-4 .btn-area .btn > span{font-size: 1.5rem; line-height: 3.5rem;}
	.contact-1 .content-area.content-4 .btn-area .btn:after{width: 1.2rem;height: .7rem;margin-top: -.35rem; right: 1rem;}

	.container.contact .section.directions-1{margin-left:-2rem; margin-right: -2rem;}
	.map-area{height: 30rem;}
	.directions-2 .sec-content{max-width: initial}
	.tbl.line > table tbody tr td,
	.tbl.line > table tbody tr th{height: 4.5rem; padding-top:.7rem !important; padding-bottom:.7rem !important;}
	.w-col-1{width: 8rem}
	.logo-box{width: 8rem; height: 8rem; top: -2rem;}
	.directions-1{margin-bottom: 0;}
	footer .ft-info .info .ft-logo .logo{width: 15rem;height: 2.4rem; margin-top:.5rem}

	.section .tab-area{border: 0; display: block;}
	.section .tab-area > ul{display: block; margin-left: 2px;}
	.section .tab-area > ul > li{float: left; width: 33.3%; height: 3.8rem; position: relative;}
	.section .tab-area > ul::after{content: ''; display: block; clear: both;}
	.section .tab-area > ul > li > a{border:1px solid #ccc; position: absolute;left: -1px;right: 2px;top: -1px;bottom: 2px;}
	.section .tab-area > ul > li > a > span{padding: 0;}
	.section .tab-area > ul > li.active > a{z-index: 1}
    .video-popup .video-wrapper {
      position: relative;
      width: 80%;
      padding-bottom: 45%;
      z-index: 10
    }

    .video-popup .video-wrapper iframe {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .popupVideo a{display: block;}
    .popupVideo a img{width:60%;}
    

}

@media all and (max-width:830px){
	.contact-1 .content-area.content-3 .list{background: none; height: auto; padding: 0 3rem;}
	.contact-1 .content-area.content-3 .list > ul > li{position: static; display: inline-block; width: 50%; text-align: center; margin: 3rem 0 0 0 !important;}
	.contact-1 .content-area.content-3 .list > ul{font-size: 0}
	.contact-1 .content-area.content-3 .list > ul > li .img{display: inline-block;}



}


@media all and (max-width:720px){

	.container.company-1 .content-area.content-2 .con-2 .left,
	.container.company-1 .content-area.content-2 .con-2 .right{float: none;}
	.container.company-1 .content-area.content-2 .con-2 .right{text-align: left; margin-top: 3rem;}
	.company-3 .content-area.content-2 .sec-content > .tit{text-align: center;margin-bottom: 4.5rem; display: block;}
	.company-3 .content-area.content-2 .list > ul > li{float: none; width: 100%; text-align: center;}
	.company-3 .content-area.content-2 .list > ul > li + li{margin-top: 6rem;}
	.company-3 .content-area.content-2 .list > ul > li .img{left: 50%;margin-left: -9.1rem;}
	.company-3 .content-area.content-4 .list > ul{padding: 0 12%}
	.company-3 .content-area.content-4.is-visible .list > ul > li + li{margin-top:5rem;}
	.company-3 .content-area.content-4.is-visible .list > ul > li{width: 100%;}
	
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .left,
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .right{width: auto; float: none;}
	.consulting.consulting-1 .content-area.content-2 .list > ul > li .right{margin-top: 1rem; padding-left: 3.3rem}
	.consulting.consulting-1 .content-area.content-3 .info-con .tit,
	.consulting.consulting-1 .content-area.content-3 .info-con .con{width: auto; float: none;}
	.consulting.consulting-1 .content-area.content-3 .info-con .tit > strong > br{display: none;}
	.consulting.consulting-1 .content-area.content-3 .info-con .tit{margin-bottom: 2rem;}
	.consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li{width: 50%}
	.contact-1 .co\ntent-area.content-2 .tit{float: none; text-align: center; margin-left:  2rem;}
	.contact-1 .content-area.content-2 .con{float: none;display: block;margin: 3rem -2rem 0; height: auto; width: auto; max-width: initial;}
	.contact-1 .content-area.content-2 .con:before{z-index: -1;}
	.contact-1 .content-area.content-2 .tit > strong{vertical-align: bottom}
	.contact-1 .content-area.content-2 .tit::after{position: static;display: inline-block;vertical-align: bottom; margin-bottom: 1rem;}
	.contact-1 .content-area.content-2 .con .txt{position: static; padding-top: 3rem; padding-bottom: 3rem; padding-left:2rem;}
	.contact-1 .content-area.content-2 .con .txt:after{top: 3.5rem;}
	.contact-1 .content-area.content-2 .con .txt > span > br{display: none;}
	.contact-1 .content-area.content-1 .tit > strong{font-size: 3rem; line-height:1.3;}
	.contact-1 .content-area.content-1 .sec-content{padding-top: 5rem;}

.pop .pop-inner{left: 0; right: 0; bottom: 0; top: 0; padding: 0;}
.pop .pop-inner .pop-header > h2{padding-left: 2rem;}
.pop .pop-inner .pop-con {top: 5rem;bottom: 0rem;left: 0rem;right: 0rem; border-bottom: 0;}
/*#quick .quick-inner .btn{display: none;}
.m-fix{display: block; position: fixed; width:40px; height:100px; background:#94B76C; top: 65%; z-index: 9; right:0;}	
.m-fix a{color: #fff; font-size: 16px; writing-mode:tb-rl; text-align: center; line-height: 40px; padding-top: 35%; display: block;}*/
}

@media all and (max-width:640px){
	
	.section.sec_0 .content-area .img-area{width: 100vw; margin-left: -2rem;}
	.section.sec_0 .content-area .img-area > ul > li > span{width: 100vw; padding-bottom: 15.2%; height: auto;}

	.section.sec_0 .tit-area .tit > span > span{font-size:3rem}
	.section.sec_0 .tit-area .subs{font-size: 1.5rem;}
	.section.sec_0 .control-area{margin-top:1rem;}

	.section.sec_1 {margin-top: -2rem;}/*기존 -5*/
	.section.sec_1 .sec-content > .tit > span{margin-right:0;}
	.section.sec_1 .list-area > ul > li > a .tit{margin-top: 1.5rem;font-size: 1.7rem;}
	.section.sec_1 .list-area > ul > li > a .subs{font-size: 1.5rem;}
	.section.sec_2 .tit-area .tit > span > span {font-size: 3rem;}
	.section.sec_2 .member-area > ul > li .txt-area > strong {font-size:2rem;}
    .section.sec_2 .member-area > ul > li .txt-area .curi {font-size: 1.5rem;}	
	.section.sec_2 .member-area > ul > li .txt-area .subs {font-size: 1.5rem;}	
	.section.sec_3 .txt > span {font-size: 3rem;}
	.section.sec_3 .con-area > ul > li > strong {font-size: 3rem;}
	.section.sec_3 .con-area > ul > li .address > strong {font-size: 1.5rem;}
	.section.sec_3 .con-area > ul > li .address {font-size: 1.5rem; line-height: 1.5;}
    .section.sec_3 .con-area > ul > li .address > br.br_none{display: none;}
	.section.sec_3 .btn-area > ul > li > button {font-size: 1.5rem;}	
	.section.sec_3 .number{right: -3.5rem;}
	.section.sec_4 .sec-content > .tit > span {font-size: 3rem;}
	.section.sec_4 .con-area .left > p > span {font-size: 1.5rem; line-height: 1.5;}	
	.section.sec_4 .btn-area .btn > span{font-size: 1.5rem;}

	.container.company-1 .content-area.content-1 .txt > span{font-size: 1.5rem; line-height: 1.5;}	
	.container.company-1 .content-area.content-2 .con-1 .img{width: 34rem;height: 21.1rem;}
	.container.company-1 .content-area.content-2 .con-1 > strong {font-size: 3rem; line-height: 1.3;}
	.container.company-1 .content-area.content-2 .con-2 .left .txt > strong {font-size:6rem;}
	.container.company-1 .content-area.content-2 .con-2 .left .txt + .txt {margin-top: 0;}
	.container.company-1 .content-area.content-2 .con-2 .right > span {font-size: 1.5rem;}
	.container.company-1 .content-area.content-3 .arr-area > button:before {width:1.5rem; height:0.75rem;}

	.container.company-1 .content-area.content-4 .con-area > ul > li .txt-area{left: 4rem;margin: 0;right: 0;width: auto;}
	.container.company-1 .content-area.content-4 .btn-area{margin: 5rem -2rem 0 -2rem; overflow: auto;}
	/*.container.company-1 .content-area.content-4 .btn-area > ul{width: 62rem;}*/
	.container.company-2 .content-area.content-1 .expert-area > ul > li{width: 100%;}
	.company-3 .content-area.content-3 .list > ul > li{width: 100%;}
        
    .container.company-2 .content-area.content-1 .expert-area > ul > li > button{border: 1px solid #786CBF; background: #fff; color: #4738A2;}
    .container.company-2 .content-area.content-1 .expert-area > ul > li > button > a{color: #4738A2;}
    .container.company-2 .content-area.content-1 .expert-area > ul > li > button .position{border-bottom: 1px solid #4738A2;}
    .container.company-2 .content-area.content-1 .expert-area > ul > li > button .photo{opacity:1;}	
	
	.location-area > h2{ position: relative; left: 0; right: 0;}
	.location-area > h2 > span {font-size:2rem; line-height:1.5;}
	
	.company-3 .content-area.content-1 .tit .subs{line-height:1.5;}
	.company-3 .content-area.content-1 .bg{height:35em;}
	.company-3 .content-area.content-2 .sec-content > .tit > strong {font-size:3rem;}
	.company-3 .content-area.content-2 .list > ul > li .tit > span {font-size: 2rem; margin-top: 20px;}
	.company-3 .content-area.content-2 .list > ul > li .subs { font-size: 1.5rem; line-height: 1.5;}
	.company-3 .content-area.content-3 .tit > strong {font-size: 2.5rem;}    
    .section .scroll-check{top:40%;}
    .section .scroll-check.fast{top:0%;}
    .section.sec_3 .btn-area{border:4px solid #edeaff; padding: 2%;}
    .container.company-1 .content-area.content-4 .btn-area > ul{/*border:4px solid lavender;*/ padding: 2%; margin:5% 0; background:lavender; text-align: left;}
    .container.company-1 .content-area.content-4 .btn-area > ul > li > button{color: #333;}
    .container.company-1 .content-area.content-4 .btn-area > ul > li:first-child{margin-left:2%;}
    .section.sec_1 .sec-content > .tit-center{padding-top: 10rem;}
    .popupVideo a img{width: 100%;}
}

@media all and (max-width:560px){
	.container.company-1 .content-area.content-3 .img-area{width: calc(100% + 4rem); margin-left: 0rem;}
	/* .consulting.consulting-1 .content-area.content-3 .info-con .box-list > ul > li{width: 100%} */
	.contact-1 .content-area.content-3 .list{padding: 0}
	.contact-1 .content-area.content-3 .list > ul > li{width: auto; display: block;}
	/* .contact-1 .content-area.content-3 .list > ul > li .img{width: 17rem;height: 10rem;} */
	.contact-1 .content-area.content-4 .sec-content{margin: 0 -2rem;}
	.logo-area{max-width: initial; padding: 0 2rem;}
	.logo-box{margin-right: 2rem;}

	.section .tab-area > ul > li{width: 50%;}
}
@media all and (max-width:320px){
    header .header-menu .menu-list > ul{top: 190px;}
    .wrap_mobile_icon ul li a img{width: 50px;}
    .header-menu .menu-list .group-list > li > ul a{font-size: 13px; padding: 8px 20px;}
    .header-menu .menu-list .group-list > li > a{font-size: 14px;}
}
@media all and (min-width:1024px){
    .only_pc{display: block;}
}