@charset="utf-8";
/*-------------------pc 메뉴----------------------*/
.pc-menu{
    /*background: #272727;*/
    margin: 0 auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
}
.layout-fix{
    width: 1280px;
    margin: 0 auto;
}
.pc-menu-box{
    display: flex;
}
.logo{
    width: 240px;
    height: 100%;
}
.logo a img{
    display: block;
    width: 180px;
}
/*.depth1 ul{
    display: inline;
    font-size: 0;
}
.depth1 ul li{
    float: left;
    position: relative;
    width: 25%;
    font-size: 1rem;
}
.depth2{
    display: none;
}*/
.depth1{
    margin-top: 1.3%;
    margin-left: 65%;
}
.navbar {
  overflow: hidden;
}

.navbar a {
  float: left;
  font-size: 17px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}
#mobile-menu{
    display: none;
}
/*-------------------동영상 파트----------------------*/
.video{
    /*height:80vh;*/
    max-height: 950px;
    overflow: hidden;
}
/*.cover{
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}*/
.cover{
    /*background: rgba(0,0,0,0.5);*/
    position: relative;
    background: #333333b3;
}
.preview{
    position: relative;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
    z-index: -1000;
    background-size: cover;
    
}
.preview source{
    
}
.video-text{
    position: absolute;
    z-index: 0;
    color: #fff;
    font-size: 80px;
    text-align: center;
    line-height: 1.2;
    margin-top: -40%;
    font-weight: 600;
    width: 100%;
    letter-spacing: -1px;
}
.video-text2{
    position: absolute;
    z-index: 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
    margin-top: -27%;
    font-weight: 500;
    width: 100%;
}

/*-------------------컨텐츠 파트----------------------*/
.contents{
    display: block;
    clear: both;
    position: relative;
}
.contents section{
    width: 100%;
}
.contents section .main-bg{
    display: block;
    width: 500px;
    margin-top: 135px;
    margin-left: 88px;
    position: relative;
    z-index: -50;
}
.p-flex{
    position: absolute;
    width: 1280px;
    top: 0;
}
.sec1-txt{
    position: absolute;
    top: 0;
}
.b-font{
    margin-top: 100px;
    font-size: 4.8em;
    font-weight: 600;
    line-height: 1.3;
    padding-bottom: 7%;
}
.b-font::before{
    content: '';
    background: #5561b9;
    width: 0.4em;
    height: 0.4em;
    border-radius: 100%;
    display: block;
    margin-left: 1%;
    margin-bottom: 2%;
        
}
.m-font{
    font-size: 1.5em;
    font-weight: 500;
    letter-spacing: -0.5px;
}
.blue{
    color: #5561b9;
    font-weight: 600;
    line-height: 1.6;
}
.cir{
    position: absolute;
    right: 0;
}
.cir img.pc-on{
    width: 275px;
    
}
.sec2 .bg-box{
    background: #f0f4f9;
    width: 100;
    height: 500px;
}
.pb10{
    padding: 10% 0;
}
.sec2-box-wrap{
    width: 100%;
    margin: 0 auto;
}

.sec2-box-wrap ul li .sec2-box{
    float: left;
    margin-top: -9%;
    width: 31%;
}
.sec2-box-wrap ul li:nth-child(2) .sec2-box{
    margin: -19% 3% 0;
}
.sec2-box-wrap ul li .sec2-box a img{
    width: 400px;
    display: block;
}
.sec2_t{
    margin-top: -30%;
    margin-left: 4%;
}
.s-font{
    color: #fff;
}
.mb-font{
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}
.sec3{
    width: 100%;
    position: relative;
}
.r-box{
    width: 795px;
    height: 495px;
    background: #f0f4f9;
    position: absolute;
    right: 0;
    z-index: -1;
}
.sec3-box-wrap{
    float: left;
    width: 100%;
}
.sec3_t{
    float: left;
}
.sec3_img{
    float: right;
    margin-top: 85px;
}
.bb-font{
    margin-top: 120px;
    font-size: 5.2em;
    font-weight: 600;
    line-height: 1.2;
    padding-bottom: 3%;
}
.bb-font::before{
    content: '';
    background: #5561b9;
    width: 0.4em;
    height: 0.4em;
    border-radius: 100%;
    display: block;
    margin-left: 1%;
    margin-bottom: 2%;
        
}
.pb5{
    padding: 5% 0;
}
.s-font-b{
    color: #272727;
    font-size: 1.3em;
    font-weight: 500;
}
.sec4{
    clear: both;
    padding: 10% 0 4%;
    width: 100%;
}
.sec4-wrap{
    background: url('../images/jm.jpg') no-repeat center;
    max-width: 1920px;
    height: 850px;
    margin: 0 auto;
    background-size: cover;
}
.sec4_t{
    padding-top: 25%;
}
.mega2 {padding:3% 0px 1%!important; display:table;}
.mega2 .mega2_txt { text-align:left; display:table-cell; vertical-align:middle; width:60%;}
.mega2 .mega2_txt br {display:none;}
.mega2 .mega2_txt .mega2_tit { text-align:left;}
.mega2 .mega2_txt p {text-align:left; margin-bottom:4%}
.mega2 .mega2_txt a {width:260px; text-align:center;font-size:17px; color:#fff; padding:2% 5%; background:#000;  z-index: 2;position: relative; display:inline-block; box-sizing:border-box; -webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.mega2 .mega2_txt a:after{width:0%;height:100%;top:0;left:0;background:#084570;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.mega2 .mega2_txt a:hover{color:#fff;}
.mega2 .mega2_txt a:hover:after{width: 100%}
.mega2 .mega2_img {width:40%; display:table-cell; vertical-align:middle; text-align:right;}
.mega2_w {/*max-width:1280px;*/ width: 1280px; padding:0 70px; box-sizing:Border-box; margin:0 auto; position:relative; overflow:hidden;}

.mega2_tit {font-weight:700; font-family:'Red Hat Text','Noto Sans KR', sans-serif; color:#000; font-size:28px; text-align:center; margin-bottom:2.5%; line-height:140%; letter-spacing:-0.3pt; letter-spacing:-0.3pt;}
.mega2_tit.left {text-align:left;}
.mega2 .mega2_txt .mega2_tit { text-align:left;}
.mega2_tit2 {font-weight:400; font-size:18px; color:#000; letter-spacing:-0.3pt; line-height:160%; font-family:'Red Hat Text','Noto Sans KR', sans-serif; text-align:center; margin-bottom:2%}
.mega2show {display: none;}


/*******************************************************************************
	@media ~1550px
*******************************************************************************/
@media all and (max-width:1550px){
.mega2 {padding:5% 160px}
.mega2 br {display:none;}  
}
/*******************************************************************************
	@media 1400px~1500px
*******************************************************************************/
@media all and (max-width:1500px){}
/*******************************************************************************
	@media 1200px~1400px
*******************************************************************************/
@media all and (max-width:1400px){
.mega2_tit {font-size:26px;}
.mega2_tit2 {font-size:15px}    
}
/*******************************************************************************
	@media 1024px~1200px
*******************************************************************************/
@media all and (max-width:1200px){
.mega2_tit {font-size:23px;}    
}
/*******************************************************************************
	@media 980px~1024px
*******************************************************************************/
@media all and (max-width:1024px){
.mega2 {padding:5% 3%;}
.mega2 br {display:none;}
.mega2 .mega2_img {padding-top:0}
.mega2 .mega2_img img {width:75%}
.mega2_w {padding:5% 3%}    
.mega2_tit {font-size:23px;}   
.mega2_tit2 {font-size:15px;}
.mega2_tit2 br {display:none;}    
}
/*******************************************************************************
	@media 640px~768px
*******************************************************************************/
@media all and (max-width:768px){
.mega2 .mega2_txt {display:block; width:100%; text-align:center;}
.mega2 .mega2_txt .mega2_tit{text-align:center;}
.mega2 .mega2_txt .mega2_tit img {width:150px; margin:20px auto 10px auto}
.mega2 .mega2_img {display:block; width:100%; padding:3% 0 0 0; text-align:center;}
.mega2 .mega2_img img {display:none;}
.mega2 .mega2_txt a {font-size:14px}   
.mega2_w {padding:0}
.mega2_tit {font-size:22px; margin-bottom:12px;}
.mega2 .mega2_txt .mega2_tit{text-align:center;}
.mega2 .mega2_txt .mega2_tit img {width:400px; margin:20px auto 10px auto} 
.sub_stxt {font-size:14px; margin-bottom:15px}    
.mega2show {display: block !important;}
.mega2_none {display:none !important}
}
/*******************************************************************************
	@media 480px~680px
*******************************************************************************/
@media all and (max-width:680px){
.mega2 .mega2_txt a {font-size:14px; width:180px}
.mega2_tit2 {font-size:15px;}
.mega2_tit2 br {display:none;}   
.mega2{padding: 5% 0;}    
}


.sec6{
    width: 100%;
    padding-bottom: 8%;
}
/*.sec6-img{
    width: 100%;
    margin: 0 auto;
    background: #eee;
}*/
.sec6-img img{
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 3px solid #113d64;
}
.pb3{
    padding: 3% 0;
}

.sec7{
    width: 100%;
    /*background: url('../images/wavebg.png') no-repeat;*/
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 8%;
}
.sec7_t{
    text-align: center;
    padding-top: 10%;
}
.sec7_t .sec7-tit{
    color: #272727;
    font-weight: 600;
    font-size: 50px;
    padding-bottom: 3%;
    line-height: 1.2;
    letter-spacing: -0.5px;
}
.sec-inner-wrap{
    width: 100%;
}
.sec-inner-wrap ul li{
    border: 1px solid #212121;
    margin: 2% 0;
    padding: 3% 7%;
    /*border-radius: 40px;*/
}
.sec-inner-wrap ul li:first-child{
    margin-top: 5%;
}
.sec-inner img{
    float: left;
    padding-right: 3%;
    padding-top: 1.5%;
}
.sec7-box-tit{
    font-size: 24px;
    font-weight: 600;
    color: #5561b9;
    padding-bottom: 1%;
}
.sec7-box-sub{
    font-size: 18px;
    font-weight: 400;
}
.sec8{
    width: 100%;
    background: url('../images/about-bg.jpg') no-repeat;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 7%; 
    min-height: 850px;
}
.sec_t{
    font-size: 60px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    padding-top: 10%;
}
.sec8-inner img{
    padding-bottom: 30px;
}
.sec8-inner p{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.sec8_box{
    width: 100%;
    margin: 0 auto;
}
.sec8_box ul li{
    float: left;
    border: 1px solid #fff;
    width: 23%;
    text-align: center;
    margin: 4% 1%; 
    padding: 4%;
}
.sec8_box ul li:hover{
    border: 1px solid #dcca88;
}
/*.sec8_box ul li:hover .sec8-inner p{
    color: #dcca88;
}*/
.map{
    clear: both;
    padding: 8% 0 8%;
    background: #efefef;
}
.map-t{
    text-align: center;
    font-size: 2em;
    font-weight: 600;
    padding-bottom: 4%;
}
.contact{
   padding-top: 2.5%;
}
.contact strong{
    font-size: 2.3em;
    font-weight: 900;
    padding: 0 0 2%;
    display: block;
}
.contact-main-txt{
    font-weight: 600;
}
.contact-txt{
    margin-left: 1%;
    font-weight: 400;
}
.map_name{
    padding-bottom: 2%;
    font-size: 1.3em;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.map_name i{
    margin-right: 1%;
}
.map_btn button{
    width: 180px;
    height: 45px;
    background: #212121;
    color: #fff;
    font-size: 1em;
    margin: 3% 0;
}
.kakao{
    width: 700px;
    float: left;
    padding-right: 5%;
}
.map_line{
    
}
.sec4_t_font{
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -1px;
    padding-bottom: 10%;
}
.name{
    font-size: 20px;
    font-weight: 600;
}
.m-on{
    display: none;
}
.sign{
    width: 160px;
    padding-bottom: 2%;
}
.sec4_t_font_m{
    display: none;
}
/*-------------------컨설팅 메뉴 파트 시작----------------------*/
.con-header{
    width: 100%;
    min-height: 350px;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -50;
}
.con-header div{
    width: 100%;
    height: 350px;
    overflow: hidden;
    margin: 0 auto;
}
.con-header div img{
    width: 100%;
    margin: 0 auto;
    min-height: 350px;
}
.con-header-t{
    text-align: center;
    position: absolute;
    width: 100%;
    top: 40%;
    color: #fff;
    font-size: 3.3em;
    font-weight: 600;
}
.con-contents{
    clear: both;
    
}
.con-contents .layout-fix h1{
    clear: both;
    text-align: center;
    padding: 5% 0;
    font-size: 3em;
    width: 100%;
    margin: 0 auto;
}
.category{
    width: 100%;
    border: 1px solid #ddd;
    margin: 0 0 10% 0;
}
.category ul{
    display: flex;
}
.category ul li{
    width: 25%;
    text-align: center;
    padding: 1% 0;
}
.category ul li a{
    font-size: 1.2em;
    font-weight: 500;
}

.category-3{
    width: 100%;
    border: 1px solid #ddd;
    margin: 0 0 10% 0;
}
.category-3 ul{
    display: flex;
}
.category-3 ul li{
    width: 33.3%;
    text-align: center;
    padding: 1% 0;
}
.category-3 ul li a{
    font-size: 1.2em;
    font-weight: 500;
}
/*.category ul li:first-child{
    border-bottom: 2px solid #05325c;
}*/
.con-img{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.con-img img{
    width: 100%;
    margin: 0 auto;
}
.con-sub-t{
    text-align: center;
    font-size: 1.6em;
    margin: 0 0 2% 0;
}
.bar{
    width: 30px;
    height: 2px; 
    background: #272727;
    text-align: center;
    margin: 0 auto;
}
.con-sub-t2{
    text-align: center;
    font-size: 1.1em;
    margin: 2% 0 0;
    padding: 0 6%;
}
.mt3{
    margin: 3.5% 0 0;
}
.mt5{
    margin: 5.5% 0 0;
}
.con-sec2-wrap{
    display: flex;
}
.con-sec2{
    width: 20%;
}
.con-sec2 p{
    font-size: 2em;
    font-weight: 500;
}
.con-sec2-1{
    width: 80%;
    display: flex;
}
.con-sec2-2{
    width: 50%;
}
.con-sec2-2 ul li{
    margin: 0% 4% 7%;
    border-bottom: 1px solid #ddd;
}
.con-sec2-2 ul li .con-num{
    color: #666;
    
}
.con-sec2-2 ul li .con-sec2-1-t{
    font-size: 1.3em;
    font-weight: 600;
    margin-left: 5%;
}
.con-sec2-1-t2{
    padding: 5% 3% 8%; 
    font-size: 1.1em;
    color: #272727;
    font-weight: 400;
    word-break: break-all;
    line-height: 1.5;
}
.con-box{
    background: url('../images/sub/boxbg.jpg');
    background-size: cover;
    width: 100%;
}
.con-box-wrap{
    display: flex;
    padding-top: 10%;
    padding-bottom: 5%;
}
.con-box2{
    width: 20%;
}
.con-box2 p{
    color: #fff;
    font-size: 2.1em;
    font-weight: 500;
}
.y-box{
    width: 80%;
}
.y-box ul li{
    width: 27%;
    float: left;
    border: 1px solid #dcca88;
    padding: 5.5% 0;
    margin: 0% 3% 5%;
    background: rgba(0,0,0,0.4);
    height: 280px;
}
.y-bar{
    width: 30px;
    height: 2px;
    background: #dcca88;
    text-align: center;
    margin: 0 auto;
}
.y-box ul li img{
    width: 100px;
    margin: 0 auto;
    display: block;
    margin-bottom: 7%;
}
.y-box ul li p{
    color: #dcca88;
    text-align: center;
    margin-top: 7%;
    font-size: 1.2em;
}
.m-active{
    background: #f5f5f5;
    border-bottom: 2px solid #05325c;
}
.con-contents .sec8 .layout-fix .sec8_box ul li .sec8-inner img{
    width: 100px;
}

/*-------------------인재채용 파트-------------------*/

.re-box{
    width: 100%;
    padding: 2% 0;
}
.re-box ul li{
    float: left;
    width: 33.3%;
    text-align: left;
}
.re-box ul li img{
    width: 35%;
    margin-top: 10%;
    margin-left: 17%;
}
.re-txt::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px; 
    background: #113d64;
    margin-left: 1%;
    margin-bottom: 1%;
}
.re-txt{
    font-size: 2em;
    margin-bottom: 20%;
    margin-top: 9%;
    text-align: left;
    font-weight: 600;
    color: #113d64;
    margin-left: 17%;
}
.re-txt span{
    font-size: 0.555em;
    line-height: 1.4;
    font-weight: 400;
    display: inline-block;
    padding-top: 3%
}
.re-box2{
    clear: both;
    background: url('../images/about-bg.jpg');
    min-height: 600px;
}
.re-box2-t{
    padding: 6% 0 0;
}
.re-box2 .layout-fix .re-box2-t .re-box-h1{
    color: #fff;
    padding: 5% 0 3%;
}
.re-box2-t p{
    text-align: center;
}
.re-box2-t2{
    font-size: 1.3em;
    background: #212121;
    padding: 0.5% 0;
    margin: 0 0 1% 0;
    color: #ddca89;
    font-weight: 400;
}
.re-box2-t3{
    color: #fff;
    padding-bottom: 8%;
    font-size: 1.1em;
}
.yellow{
    color: #ddca89;
}
/*-------------------푸터 파트-------------------*/
footer{
    clear: both;
}
.footer{
    clear: both;
    background: #272727;
    padding: 3% 0 2%;
}
.f-logo{
    width: 20%;
    float: left;
    padding-bottom: 1.5%;
}
.f-logo img{
    width: 200px;
    display: block;
    margin: 0 auto;
}
.f-info{
    width: 80%;
    float: left;
    padding: 1% 4% 0;
}
.f-info p{
    color: #ddd;
    font-size: 0.9em;
    line-height: 1.7;
    text-align: center;
}
.f-info ul li{
    color: #fff;
    float: left;
    padding: 0 2%;
    color: #ddd;
}
.copyright{
    border-top: 1px solid #999;
    color: #999;
    clear: both;
    text-align: center;
    padding-top: 2%;
    font-weight: 300;
    font-size: 0.8em;
}
.copyright a{
    
    color: #999;
    clear: both;
    text-align: center;
    padding-top: 2%;
    font-weight: 300;
    font-size: 0.8em;
}

.g-img{
    position: fixed;
    display: block;
    z-index: 100;
    top: 40%;
    left: 1%;
}
.g-img a img{
    
}
/*-------------------모바일 메뉴----------------------*/
@media(max-width:1280px){
.pc-menu{
    display: none;
    }    
#mobile-menu{
    display: block;
    width: 100%;
    z-index: 20;
    height: 60px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}    
#mobile-menu div a img.top_logo{
    width: 160px;
    padding: 2% 3% 2% 5%;
}    
.gnbWrap{
    padding-top: 10px; padding-bottom: 8px;
    width: 890px; margin: 0 auto;
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* 모바일 메뉴 버튼 */
.menu {position: absolute; top: 50%; right:5%; transform: translateY(-50%);}
.menu>a{width: 100%;height: 100%; display: block;}

a.close{
    width: 60px; height: 60px;
    position: absolute; right: 0; top: 0; color: #000;
    line-height: 60px; text-align: center;
}
.left_gnbWrap{
    height: 100%;
    width: 200px;
    position: fixed; right: -200px; top: 0;
    background-color: #fff;
    padding-top: 80px;
    z-index: 999;
    transition: all 0.3s;
}
.left_gnbWrap a .mainlogo_m{
    position: absolute;
    top: 2%;
    left: 4%;
    width: 120px;
}    
.left_gnbWrap.on{
    right:0;
    z-index: 999;
    width: 100%;
}
.left_gnb>li{
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.left_gnb>li>a{
    display: block; text-align: left; line-height: 60px;
    width: 100%; height: 60px; 
    color: black; padding-left: 5%;
}
/*.left_gnb>li>a.on{
    background-color: #f3f3f3;
}*/   
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; text-align: left; line-height: 50px;
    width: 100%; height: 50px; background-color: #081734;
    /*color: #c0af84;*/ color: #fff;
    padding-left: 5%;
}
}
@media(max-width:1280px){
    #mobile-menu div a img{
        width: 230px;
        padding: 1% 3% 1% 5%;
    }
}
@media(max-width:1024px){
    #mobile-menu div a img{
        width: 200px;
        padding: 1% 3% 1% 5%;
    }
}
@media(max-width:500px){
    #mobile-menu div a img.top_logo{
        width: 160px;
        padding: 2.1% 3% 0% 5%;
    }
}
@media(max-width:300px){
    #mobile-menu div a img.top_logo{
        width: 130px;
        padding: 4% 3% 2% 5%;
    }
}
/*----------------------모바일메뉴 외----------------------*/
@media(min-width:1920px){
    
}
@media(max-width:1400px){
    .g-img{display: none;}
}
@media(max-width:1600px){
    .video-text{
        margin-top: -38%;
    }
    .video-text2{
        margin-top: -23%;
    }
}
@media(max-width:1280px){
    .video-text{
        font-size: 60px;
    }
    .video-text2{
        font-size: 22px;
    }
    .layout-fix{
        width: 90%;
    }
    .con-contents .layout-fix h1{
        font-size: 2em;
    }
    .category ul li a{
        font-size: 1em;
    }
    .category-3 ul li a{
        font-size: 1em;
    }
    .con-sec2 p{
        font-size: 1.5em;
    }
    .con-sec2-1-t2{
        padding: 5% 3% 8% 0;
        font-size: 0.95em;
        letter-spacing: -0.3px;
    }
    .con-box2 p{
        font-size: 1.5em;
    }
    .y-box ul li{
        height: auto;
        padding: 5% 0;
    }
    .y-box ul li img{
        width: 70px;
        margin-bottom: 8%;
    }
    .y-box ul li p{
        font-size: 1em;
    }
    .y-box ul li:last-child{
        padding: 4.5% 0 2.1%;
    }
    .f-logo img{
        width: 150px;
    }
    .f-info{
        padding: 0.5% 2.7% 0;
    }
    .f-info p{
        font-size: 0.8em;
        text-align: left;
    }
    .b-font{
        font-size: 4em;   
    }
    .m-font{
        font-size: 1.3em;
    }
    .pc-on{
        display: none;
    }
    .m-on{
        display: block;
        width: 770px;
        margin-top: -25%;
    }
    .p-flex{
        position: static;   
    }
    .cir{
        right: auto;
    }
    .sec1{
        padding-bottom: 15%;
    }
    .sec2-box-wrap ul li .sec2-box a img{
        width: 300px;
    }
    .sec2_t{
        margin-top: -38%;
        margin-left: 7%;
    }
    .sec2-box-wrap ul li .sec2-box{
        margin-top: -6%;
    }
    .sec2-box-wrap ul li:nth-child(2) .sec2-box{
        margin: -12% 3% 0;
    }
    .sec2 .bg-box{
        height: 400px;
    }
    .bb-font{
        font-size: 3.8em;
    }
    .r-box{
        width: 535px;
    }
    .sec4_t_font{
        font-size: 1.5em;
    }
    .sec4_t{
        padding-top: 17%;
        padding-left: 5%;
    }
    .sec4-wrap{
        height: 500px;
    }
    .mega2{
        width: 90%;
    }
    .sec7-tit{
        font-size: 45px;
    }
    .sec7-box-sub{
        font-size: 17px;
    }
    .sec7_t .sec7-tit{
        font-size: 45px;
    }
    .kakao{
        float: none;
        padding-right: 0;
        width: 100%;
    }
}




@media(max-width:1024px){
    .video-text{
        font-size: 50px;
    }
    .video-text2{
        font-size: 20px;
    }
    .con-sec2 p{
        font-size: 1.3em;
    }
    .con-sec2-1-t2{
        font-size: 0.8em;
    }
    .con-sub-t{
        font-size: 1.3em;
    }
    .con-sub-t2{
        font-size: 1em;
        padding: 0 3%;
    }
    
    .con-sec2-2 ul li .con-num{
        font-size: 0.9em;
    }
    .con-sec2-2 ul li .con-sec2-1-t{
        font-size: 1.1em;    
    }
    .con-box2 p{
        font-size: 1.3em;
    }
    .y-box ul li{
        padding: 4% 0;
    }
    .y-box ul li:last-child{
        padding: 3.4% 0 1%;
    }
    .y-box ul li img{
        width: 60px;
    }
    .y-box ul li p{
        font-size: 0.9em;
    }
    .f-logo{
        float: none;
        width: 100%;
    }
    .f-info{
        float: none;
        width: 100%;
    }
    .f-info p{
        text-align: center;
        padding-bottom: 2%;
    }
    .sec2-box-wrap ul li .sec2-box a img{
        width: 280px;
    }
    .sec3_t{
        float: none;
    }
    .sec3_img{
        float: none;
        width: 100%;
        margin-top: 45px;
        height: 300px;
        overflow: hidden;
    }
    .sec3_img img{
        width: 100%;
    }
    .r-box{
        display: none;
    }
    .sec3-box-wrap{
        float: none;
    }
    .bb-font{
        margin-top: 0;
    }
    .sec7-box-tit{
        font-size: 20px;
    }
    .sec7-box-sub{
        font-size: 16px;
    }
    .sec-inner-wrap ul li{
        padding: 3% 5%;
    }
    .m-font{
        font-size: 1.2em;
    }
    .sec_t{
        font-size: 3.5em;
    }
    .sec8{
        min-height: 700px;
    }
    .sec8_box ul li{
        
        padding: 3% 3%;
    }
    .con-header div img{
        width: auto;/*아래로 추가*/
        position: relative;
        left: 50%;
        margin-left: -1010px;
    }
    .re-box2{
        min-height: auto;
    }
    .map_name i{
    margin-right: 2%;
}
}

@media(max-width:900px){
    .contents section .main-bg{
        margin-top: 30px;
    }
    .m-on{
        width: 630px;
        margin-top: -38%;
    }
    .sec2-box-wrap ul li .sec2-box a img{
        width: 240px;
    }
    .mb-font{
        font-size: 23px;
        line-height: 1.2;
    }
    .sec2 .bg-box{
        height: 300px;
    }
    .sec1{
        padding-bottom: 8%;
    }
    .sec7_t .sec7-tit{
        font-size: 35px;
    }
    .m-font{
        font-size: 1.1em;
    }
    .sec-inner-wrap ul li{
        padding: 3% 2%;
    }
    .sec7-box-sub{
        font-size: 15px;
    }
    .sec-inner img{
        width: 70px; 
        padding-top: 2.5%;
        padding-right: 3%;
    }
    .sec_t{
        font-size: 2.5em;
        padding-bottom: 3%;
    }
    .sec8_box ul li{
        width: 48%;
        margin: 3% 1% 1%;
    }
    .sec8{
        min-height: 780px;
    }
    .sec8_box{
        width: 70%;
    }
}

@media(max-width:768px){
    .video-text{
        font-size: 30px;
    }
    .video-text2{
        font-size: 15px;
        margin-top: -20%;
    }
    #mobile-menu div a img{
        width: 170px;
        padding: 2% 3% 1% 5%;
    }
    .con-header-t{
        font-size: 2.8em;
    }
    .con-sec2-wrap{
        display: block;
    }
    .con-sec2{
        width: 100%;
    }
    .con-sec2 p br{
        display: none;
    }
    .con-sec2-1{
        width: 100%;
        display: block;
    }
    .con-sec2-2{
        width: 100%;
    }
    .con-sec2-1-t2{
        font-size: 0.9em;
        padding: 2% 3% 2% 0%;
    }
    .con-sec2-2 ul li{
        margin: 0% 1% 3%;
    }
    .con-sec2 p{
        padding-bottom: 5%;
    }
    .con-sec2-2:first-child{
        border-bottom: 1px solid #ddd;
    }
    .m-line{
        padding-top: 3%;
    }
    .con-box-wrap{
        display: inline-block;
        width: 100%;
    }
    .con-box2{
        width: 100%;
    }
    .con-box2 p{
        padding-bottom: 5%;
    }
    .con-box2 p br{
        display: none;
    }
    .y-box{
        width: 100%;
    }
    .y-box ul li{
        width: 47%;
        margin: 0% 3% 5% 0;
    }
    .footer{
        clear: both;
    }
    .category ul{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .category ul li{
        width: 50%;
        border-bottom: 1px solid #ddd;
    }
    .category ul li:last-child{
        border-bottom: 0;
        border-right: 1px solid #ddd;
    }
    .category ul li:first-child{
        border-right: 1px solid #ddd;
        /*border-bottom: 1px solid #05325c;*/
    }
    .category ul li:nth-child(3){
        border-right: 1px solid #ddd;
    }
    .con-box{
        background-size: cover;
    }
    .m-active{
        background: #f5f5f5;/*f2f5ff*/
        border-bottom: 2px solid #05325c!important;
    }
    .con-header div{
        height: 320px;
    }
    .mega2 .mega2_txt p{
        text-align: center;
    }
    .sign{
        width: 120px;
    }
    .con-img{
        width: 90%;
        height: 110px;
        overflow: hidden;
        margin-top: 10%;
    }
    .con-img img{
        width: auto;
        display: block;
        height: 100%;
    }
    .re-txt span{
        font-size: 0.7em;
    }
    .re-txt{
        font-size: 1.3em;
        text-align: center;
        margin-left: 0;
    }
    .re-txt::before{
        width: 10px;
        height: 10px;
        display: none;
    }
    .re-box ul li img{
        width: 38%;
        margin: 0 auto;
        display: block;
    }
    .re-box ul li{
        float: none;
        margin: 0 auto;
        width: 50%;
    }
    .re-box ul li:first-child{
        padding-top: 6%;
    }
    .bar{
        margin-top: 2%;
    }
    .re-box2-t2{
        font-size: 1.1em;
    }
    .re-box2-t3{
        font-size: 1em;
    }
    .re-box2 .layout-fix .re-box2-t .re-box-h1{
        font-size: 1.5em;
    }
}

@media(max-width:500px){
    #mobile-menu div a img{
        width: 160px;
        padding: 2% 3% 1% 5%;
    }
    .con-header-t{
        font-size: 2.5em;
    }
    .con-contents .layout-fix h1{
        font-size: 1.5em;
        padding: 5% 0 7%;
    }
    .category ul li a{
        font-size: 0.9em;
    }
    .con-sub-t{
        font-size: 1.1em;
    }
    .con-sub-t2{
        font-size: 0.9em;
        
    }
    .con-sec2 p{
        padding: 3% 0 5%;
    }
    .con-sec2-wrap{
        padding-bottom: 5%;
    }
    .b-font{
        font-size: 3em;
        margin-top: 40px;
    }
    .m-on{
        width: 90%;
        margin-top: -15%;
    }
    .m-font{
        font-size: 1em;
    }
    .contents section .main-bg{
        width: 60%;
        margin-left: 38px;
    }
    .sec3_img{
        height: 200px;
    }
    .sec2 .bg-box{
        margin-top: 15%;
    }
    .sec4-wrap{
        height: 280px;
    }
    .sec4_t_font{
        font-size: 0.8em;
    }
    .name{
        font-size: 14px;
    }
    .sec4_t{
        padding-top: 12%;
        padding-bottom: 7%;
    }
    .sec7_t .sec7-tit{
        font-size: 25px;
    }
    .m-font{
        font-size: 0.9em;
    }
    .sec8_box{
        width: 90%;
    }
    .map-t{
        font-size: 1.5em;
    }
    .sec-inner{
        margin: 0 auto;
        width: 100%;
    }
    .sec-inner img{
        float: none;
        display: block;
        margin: 0 auto;
        padding-bottom: 2%;
        width: 50px;
    }
    .sec7-box-tit{
        text-align: center;
        padding-bottom: 2%;
    }
    .sec7-box-sub{
        text-align: center;
    }
    .sec-inner-wrap ul li{
        padding: 3% 3% 5%;
    }
    .sec2-box-wrap ul li .sec2-box{
        width: 100%;
        height: 150px;
        overflow: hidden;
        float: none;
        margin-top: 0;
        border-top: 1px solid #fff;
    }
    .sec2-box-wrap ul li .sec2-box a img{
        width: 100%;
        display: block;
    }
    .sec2 .bg-box{
        background: #fff;
    }
    .sec2-box-wrap ul li:nth-child(2) .sec2-box{
        margin: 0%;
    }
    .sec2{
        min-height: 500px;
    }
    .sec2-box-wrap ul li{
        height: 150px;
    }
    .sec2_t{
        margin-top: -110%;
        margin-left: 4%;
    }
    .s-font-b{
        font-size: 1.1em;
    }
    .sec3_img{
        height: 170px;
    }
    .bb-font{
        font-size: 3em;
    }
    .sec3_img {
        margin-top: 25px;
    }
    .sign{
        width: 90px;
        padding-top: 7%;
    }
    .mega2 .mega2_txt .mega2_tit img{
        width: 100%;
    }
    .sec_t {
        padding-bottom: 5%;
    }
    .sec8-inner img{
        width: 50%;
        padding-bottom: 20px;
    }
    .sec8-inner p{
        font-size: 16px;
    }
    .sec8{
        min-height: 600px;
    }
    .sec_t{
        font-size: 2em;
    }
    .sec4_t_font_m{
        display: block;
        font-size: 1em;
        font-weight: 500;
    }
    .sec4_t_font{
        display: none;
    }
    .sec6-img img{
        border: 1px solid #113d64;
    }
    .map_name{
        font-size: 1.15em;
    }
    .map_btn button{
        font-size: 0.95em;
    }
    .contact strong{
        font-size: 2.1em;
    }
    .footer{
     padding: 8% 0;   
    }
    .mega2 .mega2_txt .mega2_tit img{
        margin: 10px auto;
    }
    .sec5{
        padding: 3% 0 5%;
    }
    .contact-main-txt{
        padding: 1% 0 0.5%;
    }
    .re-box2 .layout-fix .re-box2-t .re-box-h1{
        font-size: 1.3em;
    }
    .re-box2-t2{
       font-size: 1em; 
    }
    .re-box2-t3{
        font-size: 0.95em;
        padding-top: 2%;
    }
    .re-txt span br{
        display: none;
    }
    .f-logo img{
        margin-bottom: 5%;
    }
    .category-3 ul li a{
        font-size: 0.9em;
    }
}
@media(max-width:440px){
    .m-on{
        margin-top: -7%;
    }
    .b-font{
        font-size: 2em;
    }
    .video-text{
        font-size: 26px;
    }
    .video-text2{
        font-size: 13px;
    }
    .sec7_t .sec7-tit{
        font-size: 22px;
    }
    .bb-font{
        font-size: 2.5em;
    }
    .f-info p br{
        display: none;
    }
}
@media(max-width:350px){
    .video-text{
        font-size: 24px;
    }
    .video-text2{
        font-size: 12px;
    }
    .m-on{
        margin-top: 5%;
    }
    .sec7_t .sec7-tit{
        font-size: 20px;
    }
}
@media(max-width:300px){
    .con-contents .sec8 .layout-fix .sec8_box ul li .sec8-inner img{
        width: 70px;
    }
    .sec8-inner img{
        padding-bottom: 0;
        
    }
    .f-logo img{
        width: 120px;
    }
    .sec8{
        min-height: 470px;
    }
    .f-info p{
        font-size: 0.65em;
    }
    .category-3 ul li a{
        font-size: 0.8em;
    }
}