.eTit{color: #BE9473;font-family: "Montserrat", sans-serif;font-size: 1.2rem;font-weight: 700;line-height: 1; display:inline-block; margin:0 0 10px;}
.mainTit{font-size:3rem;font-weight: 800;line-height: 120%; color:#252525;}


.section {overflow:hidden; clear:both; position: relative; width: 100%; height: 100vh; word-break: keep-all; box-sizing:border-box; display:flex; justify-content: center; flex-direction: column; }
.section .fp-tableCell {vertical-align: middle; }
.section.intro .fp-tableCell, .section.permission .fp-tableCell, .section.difference .fp-tableCell, .section.contact .fp-tableCell, .section.contact .fp-tableCell{padding-top:50px;}

.moreBtn{vertical-align:middle; font-size: 0.88889rem;font-weight: 700; display:inline-block; }
.moreBtn::after{content:""; display:inline-block; width:10px; height:3px; background:#444; vertical-align:middle; margin:0 0 2px 10px;}



/* 비쥬얼 */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-track {display:flex; }
.slick-slide{border:0; outline: 0 !important;}
.slick-initialized .slick-slide{display:block; outline: 0 !important;}


.visual{position:relative; width: 100%; height: 100vh; background:#000; overflow:hidden; z-index:1;}
.visual .visual_in{width: 100%; height: 100%; position: relative;}
.visual .vRoll{position:relative; width: 100%; height: 100vh; }

.visual .visual_in .vRoll .bg{position:absolute; left:0; top:0; width:100%; height:100vh; background-repeat:no-repeat; background-size:cover; background-position:center; -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}
.visual .visual_in .vRoll .bg .jarallax{position: relative; width: 100%; height:100%; opacity:1;}
.visual .visual_in .vRoll .bg .jarallax iframe{position: absolute;}

/*
.visual .visual_in .vRoll .vTxt{text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3; width:80%}
.visual .visual_in .vRoll .vTxt img{position:relative; transition:all .6s 0s linear; transform:translateY(60px); opacity:0;}
.visual .visual_in .vRoll .vTxt h3{position:relative; color:#fff; font-size: 3.33333rem; font-style: normal; font-weight: 800; line-height: 1; margin:21px 0 13px; transition:all .6s 0.3s linear; transform:translateY(60px); opacity:0;}
.visual .visual_in .vRoll .vTxt p{position:relative; color:#fff; font-size:1.5rem; font-weight:400;transition:all .6s 0.6s linear; transform:translateY(60px); opacity:0.8;}

.visual .visual_in .vRoll.action .vTxt img,
.visual .visual_in .vRoll.action .vTxt h3,
.visual .visual_in .vRoll.action .vTxt p{transform:translateY(0); opacity:1;}
*/

.visual .vTxt{position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); z-index:3; width:100%; display: flex; justify-content: space-between; align-items: center; z-index:999999;}
.visual .vTxt .left {padding-right:50px;}
.visual .vTxt .left h1 {color:#fff; font-size: 3.75em; line-height: 1.2; padding-bottom:10px; font-weight: 400; padding-bottom: 30px;}
.visual .vTxt .left p {color:#fff; font-size:1.25em;}


.visual .vTxt .right {background: #fff; border-radius: 30px; min-width: 450px;}
.visual .vTxt .right h2 {font-size:2.13em; color:#222; padding-bottom:20px;}
.visual .vTxt .right > div {padding: 3.75em 2.5em;}
.visual .vTxt .right .process {background: #E9F4FF;}
.visual .vTxt .right .apply li {border:1px solid #ddd; margin-bottom:10px; padding:10px; min-width:315px;}
.visual .vTxt .right .apply li label {width:80px; display: inline-block;}
.visual .vTxt .right .apply li input,
.visual .vTxt .right .apply li select {border:0; width:calc(100% - 90px);}
.visual .vTxt .right .apply .button {width:100%;}
.visual .vTxt .right .apply .button .btn_submit {display: block; width:100%; background:#002354; padding:10px 0 ; text-align: center; color:#fff; box-shadow: 0 10px 10px rgba(0, 50, 54, 0.2); font-size: 1.25em; margin-top:10px;}
.visual  .vTxt .right .apply .button .btn_submit:hover {box-shadow: 0;} 

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

    .visual .vTxt .left h1 {font-size: 3em;}
    .visual .vTxt .left p {font-size: 1em;}
  
}

@media all and (max-width:980px) {
        .visual .vTxt {display: block; margin:0 20px;}
    .visual .vTxt .left p, .visual  .vTxt .left span {display: none;}
    .visual .vTxt .left h1 {font-size:2.3em;}
    .visual .vTxt .right h2 {font-size: 1.88em;}
    .visual .vTxt .right .apply li {padding:5px 10px;}
    
      .visual .vTxt .right {display: inline-block; min-width: calc(100% - 40px); width:calc(100% - 40px); border-radius: 20px;}
    .visual .vTxt .right > div {padding:20px; width:100%;}
    .visual .vTxt .right .process {display: none;}
    .visual .vTxt .right .apply li { width:100%; min-width: auto;}

}
.privacy{display:flex; align-items: center;}
.privacy input[type="checkbox"] {width:20px; height:20px; border-radius:5px;}
.privacy label {font-size: 0.88889rem; margin-left:4px; color:#444;}
.privacy a {padding-left:5px;  line-height:20px;}
.privacy .contactPrivacyView{margin-left:20px; cursor:pointer; text-decoration:underline; color:#eee; font-size: 0.88889rem; }

/**** S::맞춤컨설팅 ****/
.consulting{background:url('../img/consulting_bg.jpg')no-repeat center/cover; display: flex; align-items: center; justify-content: space-between;}
.consulting .consultingCont_tit{position:absolute; top:52%; left:20%; transform:translate(-50%,-50%);}
.consulting .consultingCont_tit h2 {color:#fff; font-size: 3.44em; position: relative; display: inline-block;}
.consulting .consultingCont_tit p {color:#fff; font-size: 1.75em;}
.consulting .consultingCont_in{width:50%; margin-left:50%; background:rgba(0,0,0,0.6); height:100vh; display:flex;align-items: center;}

.consulting .consultingCont_in article{box-sizing:border-box; margin-top:100px; width:100%;}
.consulting .consultingCont_in article{box-sizing:border-box; margin-top:100px; width:100%;}
.consulting .consultingCont_in article ul {position:relative; overflow:hidden; height:90vh;}
.consulting .consultingCont_in article ul li {float:left; width:24.8%; height:25%; text-align:center; display: table; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.consulting .consultingCont_in article ul li a {display: block; height:100%; display: table-cell; vertical-align: middle; color:#aaa; font-size:1.25em}
.consulting .consultingCont_in article ul li a:hover {background-color: #C2A479; color:#222;}

@media all and (max-width:1200px) {
    .consulting .consultingCont_in article {margin-top:70px;}
    .consulting .consultingCont_in article ul li a {font-size:1em;}
    
}
 @media all and (max-width:980px) {
    .consulting {display: block; }
    .consulting .consultingCont_tit {position: relative; top:0; left:0; transform: none; padding:30px 20px;}
    .consulting .consultingCont_tit h2{font-size:2.5em;}
    .consulting .consultingCont_tit p {font-size: 1.25em;}
    .consulting {display: block;}
    .consulting .consultingCont_in {display: block; width:100%; margin-left:0; height:auto;}
    .consulting .consultingCont_in article {margin:0;}
    .consulting .consultingCont_in article ul {height:auto;}
    .consulting .consultingCont_in article ul li {height: auto; width:33%}
    .consulting .consultingCont_in article ul li a {height:auto; padding:20px 0; font-size:1em}
}
/**** E::맞춤컨설팅 ****/



/**** S::배너 ****/
.permission .permissionCont {display:flex; align-items: center;}

.permission .permissionCont {padding:0 3.75em; justify-content: space-between; align-items: center;}
.permission .permissionCont .left {background: #002354 url('../img/bn_img01.png') right bottom no-repeat; height:595px; width:calc(65% - 30px); margin-right:30px; padding:100px 0 0 50px; border-radius: 30px; background-size:auto}
.permission .permissionCont .left h4 {font-size:1.88em; color:#fff; font-weight: 400}
.permission .permissionCont .left a {color:#fff; font-family: "Montserrat", sans-serif; font-size:13px; margin-top:20px; display: block}
.permission .permissionCont .left span {font-size:1.5em; display: block;}
.permission .permissionCont .left .img img {width:100%; max-width:570px; margin:30px auto;}
.permission .permissionCont .left p {font-size:1.25em}

.permission .permissionCont .right {background: #C2A479 url('../img/bn_img02.png') right bottom no-repeat; height:595px; width:35%;  text-align: left;  border-radius: 30px; background-size: auto}
.permission .permissionCont .right .text { padding:100px 40px 0;  color:#fff;}
.permission .permissionCont .right h4{font-size:1.88em; font-weight: 600; padding-bottom:20px;}


@media all and (max-width:1200px) {
    .permission .permissionCont {display: block; padding:0;}
    .permission .permissionCont .left, .permission .permissionCont .right {width: calc(100% - 40px); margin:20px; height: auto; padding:80px 40px;}
    .permission .permissionCont .right .text {padding:0;}

   
}

@media all and (max-width:980px) {   
    .permission .permissionCont {padding:50px 0;}
    .permission .permissionCont .left, .permission .permissionCont .right {padding:40px 40px 80px 40px; background-size: 40%}
    
}

/**** E::배너 ****/


/**** S::선정가이드 ****/

.intro {background: #F2F8FA;}
.intro .introCont {display: flex; justify-content: space-between; align-items: center;}
.intro .introCont .left h2{color:#222; font-size: 3.44em; position: relative; display: inline-block; padding-bottom:20px; font-weight: 400;}
.intro .introCont .left h2 b {font-weight: 600}
.intro .introCont .left .guide-list {margin-bottom:40px;}
.intro .introCont .left .guide-list li {font-size: 1.25em; display: flex; align-items: center; margin-bottom:10px;}
.intro .introCont .left .guide-list li span {background: #002354; width:44px; height:44px; line-height: 44px; font-weight: bold; color:#fff; font-size: 16px; text-align: center; border-radius: 50%; margin-right:10px;}
.intro .introCont .left .tag {max-width:400px;}
.intro .introCont .left .tag h6 {font-size:1.18em; color: #222; margin-bottom:20px;} 
.intro .introCont .left .tag ul li {display: inline-block; border:1px solid #444; border-radius: 30px; padding:5px; margin-bottom:5px;} 
.intro .introCont .right img {width:100%; max-width: 791px;}


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

@media all and (max-width:980px) {    
    .intro .introCont {display: block; margin:50px 0;}
    .intro .introCont .left h2{font-size:2.5em;}
    .intro .introCont .left p {font-size: 1.25em;}
    .intro .introCont .left p br {display: none;}
    .intro .introCont .left .tag {max-width:100%; margin-bottom:20px;}
    .intro .introCont .left .guide-list li span {background: #002354; width:25px; height:25px; line-height: 25px; font-size: 14px;}
    .intro .introCont .right img {width:100%; max-width: 500px; text-align: center}
}
/**** E::선정가이드 ****/







/**** S::차별점 ****/
.difference {background: url('../img/df_bg.jpg') center top no-repeat; background-size: cover;}
.difference .differenceCont {display: flex; align-items:flex-start; }
.difference .differenceTit {width:340px;}
.difference .differenceTit h2 {color:#222; font-size: 2.15em; position: relative; display: inline-block; margin-bottom:40px;}
.difference .differenceTit h2 img {margin-bottom:20px;}
.difference .differenceContIn {width:100%;}
.difference .differenceContIn ul {display: flex;  flex-wrap: wrap; }
.difference .differenceContIn ul li {width:calc(100% / 2 - 40px); margin:20px; border:1px solid #ddd; border-radius: 20px; position: relative; overflow: hidden; padding:50px; height:260px;}
.difference .differenceContIn ul li .text {position: absolute; bottom:50px;}
.difference .differenceContIn ul li .text h6 {font-weight: bold; padding-bottom:15px; font-size: 1.18em; color:#222;}
.difference .differenceContIn ul li .text p {color:#666;}
.difference .differenceContIn ul li .icon {position: absolute; top:30px; right:30px;}

@media all and (max-width:1200px) {
    .difference .differenceTit {display: block;}
    .difference .differenceTit h2 {margin-bottom:0;}
    .difference .differenceTit p {margin-left:0;}
}

@media all and (max-width:980px) {
    .difference {padding:50px 0;}  
    .difference .differenceCont {display: block}
    .difference .differenceTit h2 {font-size:2.5em;}
    .difference .differenceTit p {font-size:1.13em;}
    .difference .differenceContIn {display: block;}
    .difference .differenceContIn ul li {padding:30px; height:180px; width:calc(100% / 2 - 20px); margin:10px;}
    .difference .differenceContIn ul li .text {bottom:30px;}
}

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

    .difference .differenceContIn ul li {padding:30px; height:180px; width:calc(100% / 1 - 20px); margin:10px;}
    .difference .differenceContIn ul li .text {bottom:30px;}
}
/**** E::차별점 ****/


/**** S::컨설팅신청 ****/

.contact .contactCont  {background:#EAEDF2; border-radius: 30px; margin:auto 50px; width:calc(100% - 100px);  padding:150px 0;}
.contact .contactContIn {display: flex; justify-content: space-between; align-items:start; }
.contact .contactContIn .left {width:50%;}
.contact .contactContIn .left .title h4 {font-size:2.13em; line-height: 1.5; color:#222; padding-bottom:20px;}
.contact .contactContIn .left .title span {color:#002354; padding-bottom: 30px; font-family: "Montserrat", sans-serif; display: block}
.contact .contactContIn .left .title p {color:#666;}

.contact .contactContIn .left .box {background: #fff; border-radius: 20px; padding:30px; margin-top:100px; box-shadow: 0 10px 15px rgba(214,221,228,0.5)}
.contact .contactContIn .left .box ul {display: flex}
.contact .contactContIn .left .box li {font-weight: bold; color:#111; width:50%; }
.contact .contactContIn .left .box li:first-child { border-right: 1px solid #eee; margin-right:30px;}
.contact .contactContIn .left .box li span {color:#888; display: block;}

.contact .contactContIn .right {width:40%;}
.contact .contactContIn .right h4 {font-size:2.13em; color:#222; padding-bottom:20px;}
.contact .contactContIn .right li {border:1px solid #ddd; margin-bottom:10px; padding:10px; background: #fff;}
.contact .contactContIn .right li label {width:80px; display: inline-block;}
.contact .contactContIn .right li input,
.contact .contactContIn .right li select {border:0; width:calc(100% - 100px);}
.contact .contactContIn .right .button {width:100%;}
.contact .contactContIn .right .button .btn_submit {display: block; width:100%; background:#002354; padding:10px 0 ; text-align: center; color:#fff; box-shadow: 0 15px 10px rgba(0, 80, 164, 0.3); font-size: 1.25em; margin-top:10px;}
.contact .contactContIn .right .button .btn_submit:hover {box-shadow: 0;} 
.view_pc {display: block;}
.view_m {display: none;}

@media all and (max-width:980px) { 
    .contact .contactCont {margin:20px;   width:calc(100% - 40px);  padding:40px 30px; padding:60px 0;}
    .contact .contactContIn .left .box {margin:30px 0 50px 0;}
    .contact .contactContIn .left .title h4, .contact .contactContIn .right h4  {font-size:1.88em; letter-spacing: -.5pt;}
}


/**** E::컨설팅신청 ****/
/* 모달 */
.popup {position:fixed; top:0px; left:0px; bottom:0px; right:0px; margin:auto; width:90%; height:90%;  padding:30px; background-color:#fff; border:1px solid #ddd; z-index:100000000000000000;overflow-y: scroll}
  .popup::-webkit-scrollbar {
    width: 6px;
  }
  .popup::-webkit-scrollbar-thumb {
    background-color: #002354;
  }
  .popup::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }

.cancel {position:absolute; cursor:pointer; margin:0; float:right; height:50px; width:50px; line-height: 50px; top:10px; right:10px;background:#444; text-align:center; border-radius:40px; z-index:100000000000000000;}
.cancel img {width:25px;}
.cancel:hover {background:#222;}

.tabs li {
  float: left;
}
.tabs a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #888;
  padding: 20px 40px;
  background: #f0f0f0;
    margin-right:5px; border-radius: 10px;
}
.tabs a:hover,
.tabs a.active {
  background: #C2A479;
    color:#fff;
}
.tabgroup > div {
  padding: 30px 10px 10px;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


.tab_content .title {color:#C2A479; border-bottom:1px solid #C2A479; padding-bottom:10px; margin-bottom:15px; font-size:1.8em; font-weight: 600; display: flex}
.tab_content .title span.q {font-weight:bold; margin-right: 10px;}
.tab_content .con {font-size: 1.25em; display: flex; width:100%;}
.tab_content .con .a {font-weight: bold; font-size:1.8em; margin-right:15px;}
.tab_content .con h6 {font-weight: bold; margin:20px 0 10px 0;}
.tab_content .con .dot_list {padding:10px; border:1px solid #ddd; margin-top:10px;}
.tab_content .con .dot_list li {display: block; padding-left:15px; font-size:.9em;}
.tab_content .con .dot_list li::before {content: ''; position: absolute; margin-left:-15px; width:5px; height:5px; border-radius: 5px; background: #C2A479; margin-top:10px;} 
.tab_content .con .img {clear: both; padding:10px 0; text-align: center}
.tab_content .con .img img { max-width:100%;}
.tab_content .con span.point {font-weight: bold; color: #C2A479}
.mb_20 {margin-bottom:20px;}
.tab_content .con .step_list {padding:10px; border:1px solid #ddd; margin-top:10px; position: relative; overflow: hidden; font-size:.9em;}
.tab_content .con .step_list li {float:left; margin-right:20px; margin-bottom:10px;}
.tab_content .con .step_list li .step {color:#0002354050a4; font-size:.7em; border:1px solid #C2A479; border-radius: 20px; padding:0px 5px; display: inline-block; margin-right:10px;}
.tab_content .con .step_list li::after {content: ''; position: absolute; width:10px; height:2px; background: #C2A479; margin-top:15px; margin-left:5px;}
.tab_content .con .step_list li:last-child::after {display: none;}

.step_follow{padding-top:15px;}
.step_follow > ul{overflow:hidden;text-align:center;color:#444;font-size:15px;}
.step_follow li{display:inline-block;position:relative;width:160px;height:160px;margin-left:50px;border:1px solid #ddd;vertical-align:top; border-radius: 10px}
.step_follow li:first-child{margin-left:0;}
.step_follow li:after{content:'';position:absolute;top:50%;left:-44px;width:37px;height:23px;margin-top:-11px;background:url('../img/icon_arrow.png') no-repeat 0 0;background-size:100% auto}
.step_follow li:first-child:after{display:none;}
.step_follow_in {display:block;position:relative;top:50%;transform:translateY(-50%);}
.step_follow_in .tit {display:block;margin-bottom:2px;font-weight:bold;}



.table {border-collapse: collapse; border-top:2px solid #222; width:100%;}
.table th {background: #f5f5f5;}
.table th, .table td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:5px 10px;}
.table th:last-child, .table td:last-child {border-right:0;}

.ex_txt {font-size:14px; margin-top:10px;}

.d-flex {display: flex;}
.d-flex > div {width:50%;}


.pop_permission {padding:30px; }
.pop_permission h4 {font-size: 2em; font-weight: 600; color:#c2a479; padding-bottom:30px;}
.pop_permission p {font-size:1.15em;}
.pop_permission p strong {color:#c2a479}

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

    .contact .contactContIn .left .project p {}
    .view_pc {display: none;}
    .view_m {display: block;}
    .contact .contactContIn .right {width:48%;}

}

@media all and (max-width:980px) {
    .contact {padding:50px 0;}
    .contact h2 {font-size:2.5em;}
    .contact .contactContIn {display: block;}
    .contact .contactContIn h4 {font-size:1.88em;}
    .contact .contactContIn .left {width:100%;}
    .contact .contactContIn .left .project {display: block; text-align: center;}
    .contact .contactContIn .left .project img {margin:0 auto;}
    .contact .contactContIn .left .project p {padding:30px; text-align: center; max-width:100%; }

    .contact .contactContIn .right {width:100%;}
    .contact .contactContIn h4 img {width:20px;}
    .contact .contactContIn h4 span {font-size:.5em}
    
    .popup {padding:20px; overflow-y: scroll}
    .tab_content {padding:10px; height:95%;}
    .tabgroup > div {padding-top:10px;}
    .cancel {width:30px; height:30px; line-height: 30px;}
    .cancel img {width:15px;}
    .tabs a {padding:20px 10px;}
    .tab_content .title {font-size:1.3em;}
    .tab_content .con {display: block; font-size:1em;}
    .tab_content .con .a {display: block}
    
    
    .step_follow_in {top:0; transform: translateY(0);}
    .step_follow_in .tit {padding:10px 15px;background:#f5f5f5;text-align:center;}
	.step_follow_in .tit .qna-desc__tit-bu{display:none;}
	.step_follow li{display:block;width:100%;height:140px; margin: 0 0 54px;}
	.step_follow li:after{content:'';position:absolute;bottom:50px;left:50%;width:37px;height:23px;margin-top:-110px;margin-left:-18px;background:url('../img/icon_arrow.png') no-repeat 0 0;background-size:100% auto;transform:rotate(90deg);}
	.desc-group--type1{margin-top:50px;}
    
}


@media screen and (max-width: 480px) {

	.tab_drawer_heading {background-color: #f0f0f0; color: #666; border-top: 1px solid #ddd; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;}
	.d_active {background-color: #0050a4; color: #fff;}
}


/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1240px){


#fp-nav{display:none !important; z-index:9999999 !important;}




}




/*******************************************************************************
    @media  ~980px                
*******************************************************************************/

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


.section .fp-tableCell {vertical-align:top !important; height:auto !important; display:block; }
.section.intro .fp-tableCell, .section.consulting .fp-tableCell, .section.permission .fp-tableCell, .section.difference .fp-tableCell, .section.contact .fp-tableCell, .section.location .fp-tableCell{padding-top:0;}


.eTit{font-size: 0.88889rem; }
.mainTit{font-size: 2.2rem;}



.visual .visual_in .vRoll .vTxt img{width:60px}
.visual .visual_in .vRoll .vTxt h3{ font-size: 3rem; }
.visual .visual_in .vRoll .vTxt p{font-size:1.3rem; }



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



.visual .visual_in .vRoll .bg, .visual .vRoll {height:100vh;}


.visual .visual_in .vRoll .vTxt img{width:70px}
.visual .visual_in .vRoll .vTxt h3{ font-size:2.6rem; }
.visual .visual_in .vRoll .vTxt p{font-size:1.4rem; }



}