@charset "utf-8";


.mo_2{display: none;}
@media (max-width: 768px) {.mo_2 {display:block; margin-left:-40px; }
                            .business_mo>.o_h {display:none;}                            
                            .rin_1 {background:#148566; }
                            .rin2_2 {background:#267221;}
                            .rin3_3 {background:#449513;}
                            .rin3_4 {background:#154594;  margin-top:5%;}
                            .mo_2 li span {display:block; margin-top: 10px; text-align:center;  
                                    color:#fff; font-size: 20px; font-weight: 500; padding:5px; }                           
                           }
 @media (max-width: 414px) {
     .mo_2 {display:block;  margin-left:-40px;}                          
 }


 .or_2 {display:none;}
 @media (max-width:768px){
     .or_2 {display:block; margin-left:-40px;}
     .company_or>.o_h {display:none;}
     .or_gan1 {background:#005caf; margin-top:5%;}
     .or_gan2 {background:#48a62c; box-shadow:5px 5px 5px #ddd;}
     .or_gan3 {background:#00a5b4; box-shadow:5px 5px 5px #ddd;}
     .or_gan4 {background:#0057b8; box-shadow:5px 5px 5px #ddd;}
     .or_2 li span {display:block;  text-align:center;  
                    color:#fff; font-size: 20px; font-weight:600; padding:8px; } 
     .te_ar {display:block; text-align:center;  color:#9e9d9d; font-size: 20px; font-weight:600; padding:8px;}
     .or_gan2t {color:#fff; font-size:18px; font-weight:500; letter-spacing:1px; line-height:30px; padding-bottom:5px }
     .or_gan3t {color:#fff; font-size:18px; font-weight:500; letter-spacing:1px; line-height:30px; padding-bottom:5px }
     .or_gan4t {color:#fff; font-size:18px; font-weight:500; letter-spacing:1px; line-height:30px; padding-bottom:5px }

 }
  @media (max-width: 414px) {
     .or_2 {display:block;  margin-left:-40px;}                          
 }


 /*마케팅*/
 .Design1 {width:71px; height:71px; background:url(../img/Design.png)no-repeat center 5px; background-color:#025ac7;  color:#fff;  text-align:center; line-height:120px;}
 .Design2 { margin-left:10px; margin-top:8px;}

 .solution1 {width:71px; height:71px; background:url(../img/solution.png)no-repeat center 5px; background-color:#025ac7;  color:#fff;  text-align:center; line-height:120px;}
 .solution2 { margin-left:10px; margin-top:8px;}


 /*로고 크기*/
 .lg_c  {width:230px; height:95px; border:1px solid #ddd; }
 .lg1,.lg2,.lg3,.lg4 {background:url(img/lg1.png)no-repeat center;}
       

 /*의뢰인 로고*/
 .sel-req-category ul { overflow:hidden;}

 /*칸크기 */
.sel-req-category li {
    float: left;
    width: 24%;
    box-sizing: border-box;
    position: relative;
    height: 100%;
      padding-left: 5px;
}
 /*보이기 */
.sel-req-category li p {
    overflow: hidden;    
    position: relative;
    display: block;
    height: 100%;   
    border-radius: 10px;
    border:1px solid #ddd;
    padding:2%;  
}
.sel-req-category .ico>img { margin:0 auto;}

@media (max-width: 702px) and (min-width: 600px) {
    .sel-req-category li {width: 47%; height: 70px;}
        }
@media (max-width: 599px) {
    .sel-req-category li {width: 47%;}
}
@media (max-width: 400px) {
    .sel-req-category li {width: 47%;}
}





/*회사소개 탭*/
.tab_s1 {list-style: none; margin: 0; padding: 0; overflow: hidden; /*padding-left: 30%;*/ margin-bottom: 5%; border-bottom:2px dotted #ddd;}		            
/*@media (max-width: 599px) {
    .tab_s1 {padding-left:0;}
}*/
.tab_s1 li {float: left;}		                   
.tab_s1 li span {display: inline-block; text-align: center; text-decoration: none; padding: 14px 16px; font-size: 17px; transition:0.3s;}
.tabcontent_s1 {display: none;  padding: 6px 12px;	color:#595a5c;}
ul.tab_s1 li {background-color:#ff8900; margin-top:3%; margin-bottom:1%; margin-right:2%; border-radius:3px; color:#fff; }
ul.tab_s1 li.current_s1 {background-color:#509eff;	color:#fff; font-weight:700}         
.tabcontent_s1.current_s1 {display: block;}



/*회사소개 탭내용 꾸미기*/
.s_pnt1 {background-color: rgba(3, 169, 244, 0.90); padding: 3%; color:#fff; font-size: 16px; box-shadow:5px 5px 5px rgba(96, 125, 139, 0.28);} 
.s_pnt2 {background-color: rgba(4, 97, 176, 0.90); padding:3%; color:#fff; font-size:16px; box-shadow:5px 5px 5px rgba(96, 125, 139, 0.28);}




/*컨설팅 탭 */
.tab_s3 {list-style: none; margin: 0; padding: 0; overflow: hidden;  margin-bottom:3%; border-bottom:2px dotted #ddd;}		            
.tab_s3 li {float: left;}		                   
.tab_s3 li span {display: inline-block; text-align: center; text-decoration: none; padding: 14px 16px; font-size: 17px; transition:0.3s;}
.tabcontent_s3 {display: none;  padding: 6px 12px;	color:#595a5c;}
ul.tab_s3 li {background-color:#ff8900; margin-top:3%; margin-bottom:1%; margin-right:2%; border-radius:3px; color:#fff; }
ul.tab_s3 li.current_s3 {background-color:#509eff;	color:#fff; font-weight:700}         
.tabcontent_s3.current_s3 {display: block;}



/*컨설팅 탭
.tab_s4 {list-style: none; margin: 0; padding: 0; overflow: hidden;  margin-bottom:3%; border-bottom:2px dotted #ddd;}		            
.tab_s4 li {float: left;}		                   
.tab_s4 li span {display: inline-block; text-align: center; text-decoration: none; padding: 14px 16px; font-size: 17px; transition:0.3s;}
.tabcontent_s4 {display: none;  padding: 6px 12px;	color:#595a5c;}
ul.tab_s4 li {background-color:#ff8900; margin-top:3%; margin-bottom:1%; margin-right:2%; border-radius:3px; color:#fff; }
ul.tab_s4 li.current_s4 {background-color:#509eff;	color:#fff; font-weight:700}         
.tabcontent_s4.current_s4 {display: block;}

     */



/*연혁(히스토리)*/

/*연혁 탭*/
.tab_s2 {list-style: none; margin: 0; padding: 0; overflow: hidden;  margin-bottom:3%; border-bottom:2px dotted #ddd;}		            
.tab_s2 li {float: left;}		                   
.tab_s2 li span {display: inline-block; text-align: center; text-decoration: none; padding: 14px 16px; font-size: 17px; transition:0.3s;}
.tabcontent_s2 {display: none;  padding: 6px 12px;	color:#595a5c;}
ul.tab_s2 li {background-color:#ff8900; margin-top:3%; margin-bottom:1%; margin-right:2%; border-radius:3px; color:#fff; }
ul.tab_s2 li.current_s2 {background-color:#509eff;	color:#fff; font-weight:700}         
.tabcontent_s2.current_s2 {display: block;}
         

/*줄라인 위치*/
.history-list {
    position: relative;
    /* padding-top: 62px; */
    background: url(../img/line.png) repeat-y 50% 0;
    padding-bottom: 4em;
}

/*년도 옆점 짝수 */
.history-list h4 {
    position: absolute;
    right: 50%;
    background:  url(../img/line2.png) no-repeat right 0;
    margin-right: -4px;
    padding-right: 4.25%;
    text-align: right;
}
/*년도 옆점 홀수 */
.history-list.even h4 {
    right: 0;
    left: 50%;
    padding-right: 0;
    padding-left: 4.25%;
    text-align: left;
    margin-left: -4px;
    background-position: left 0;
}
/*ol li의 외쪽 홀수 위치*/
.history-list.even ol {
    margin-right: 50%;
    margin-left: 0;
    text-align: right;
    padding-left: 0;
    padding-right: 4%;
}

/*ol li의 외쪽 홀수 크기*/
.history-list ol {
    width: 46%;
    font-size: 1.154em;
    margin-left: 50%;
    padding-left: 4%;
}

/*년도 줄어들때 이미지 안보이기*/
.y2017t {display:none;}
.y2016t {display:none;}
.y2015t {display:none;}
.y2014t {display:none;}
.y2013t {display:none;}
.y2012t {display:none;}
.y2011t {display:none;}
.y2010t {display:none;}
.y2009t {display:none;}
.y2008t {display:none;}
.y2007t {display:none;}

/*년도 줄어들때 모양*/

@media (max-width: 540px) {
    .history-list h4, .history-list.even h4 {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        right: auto;
        margin: 0 0 2em 0;
        padding: 2em 0 0 0;
        background: none;
        border-top: 2px solid #397bc9;
        text-align: center;   
    }
    .y2017t {display:block; margin:0 auto;}
    .y2017 {display:none;}
    .y2016t {display:block; margin:0 auto;}
    .y2016 {display:none;}
    .y2015t {display:block; margin:0 auto;}
    .y2015 {display:none;}
    .y2014t {display:block; margin:0 auto;}
    .y2014 {display:none;}
    .y2013t {display:block; margin:0 auto;}
    .y2013 {display:none;}
    .y2012t {display:block; margin:0 auto;}
    .y2012 {display:none;}
    .y2011t {display:block; margin:0 auto;}
    .y2011 {display:none;}
    .y2010t {display:block; margin:0 auto;}
    .y2010 {display:none;}
    .y2009t {display:block; margin:0 auto;}
    .y2009 {display:none;}
    .y2008t {display:block; margin:0 auto;}
    .y2008 {display:none;}
    .y2007t {display:block; margin:0 auto;}
    .y2007 {display:none;}
}

@media (max-width: 540px) {
    .history-list h4.odd {text-align: center;}
}

 @media (max-width: 540px) {
    .history-list ol, .history-list.even ol {
        font-size: 1.03em;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }
}

@media (max-width: 540px) {
    .history-list {background: none;}
}

@media (max-width: 540px) {
    .history-list {padding-bottom: 1em;}
}










/*@media (min-width: 1200px) {
    .box1t {margin: 87px 0 40px;}
}*/
/*@media (max-width: 1199px) {
    .box1t {
        margin: 33px 10px 0;
    }
}*/

/*마케팅 전체*/
/*마진 여백 없에기-그래야 4칸이 일자로 됨*/
@media (min-width: 1200px) {
    .box1t .box_con:first-child {margin-left: 0;}
}


/*박스 옆으로 정렬 넓이,높이 일정하게 맞추기 */
@media (min-width: 1200px) {
    /*.box1t*/ .box_con {
        position: relative;
        float: left;
        width:18%;
        height: 350px;
        margin-left: 1.66%;
    }
}

/*2번 이랑 마지막 박스 아래로 내림*/
@media (min-width: 1200px) {
        .box1t .box_con:nth-child(2), .box1t .box_con:nth-child(4) {
        margin-top: 40px;
    }
}

/*내용 박스 안공간 만들기,라인*/
 .box_con {
    padding: 15px 20px 10px;
    border: 1px solid #dedede;
    border-top: 2px solid #2196F3;
    border-radius:3px;
    background: #f3f3f3;
}

/*내용 박스 안공간 만들기,라인 호버될때*/
@media (min-width: 1200px) {
    .box1t .box_con:hover {/*padding: 18px 35px 37px;*/ 
                           border: 2px solid #FFC107; background: rgba(205, 220, 57, 0.06);
                             box-shadow: 5px 5px 5px rgba(121, 85, 72, 0.1);}
}

/*마케팅 번호 스타일*/
 .num {font-size: 15px; font-weight: bold; color: #509eff;}

/*제목 스타일*/
.box_fon {font-size:18px; font-weight:bold; color:#025ac7;}

/*번호제목 밑 줄*/
 /*.box1t*/ .box_con dt {padding-bottom: 18px; border-bottom: 1px solid #dedede;}

/*글자 첫번째 위에랑 여백 주기*/
.box1t .box_con .txt:first-of-type {margin-top:22px;}

/*글자 간격 공간여백*/
.box1t .box_con .txt {
    margin-top: 12px;
    padding-left: 10px;
    background: url(../img/line2.png) no-repeat 0 9px / 4px 4px;
    font-size: 15px;
    line-height: 22px;
    color: #767676;
    word-break: keep-all;
    font-weight: 600;
    margin-left: -5px;
}

/*박스 이미지 마지막 에서 위로 올리기
@media (min-width: 1200px) {
    .box1t .box_con .label {
        position: absolute;
        top: -30px;
        right: -45px;
    }
}*/

/*줄어들대 첫 칸 높이 조정*/
@media (max-width: 1199px) {
    .box1t .box_con:first-child {
        margin-top: 120px;
    }
}
@media (max-width: 991px) {
    .box1t .box_con:first-child {
        margin-top: 10px;
    }
}
/*칸들공간,위치 조정*/
@media (max-width: 1199px) {
    .box1t .box_con {      
        padding: 18px 30px 30px;
    }
}


/*첫글자 여백*/
@media (max-width: 1199px) {
    .box1t .box_con .txt:first-of-type {margin-top: 14px;}
}

/*줄어들때 이미지 없기
@media (max-width: 1199px) {

    .box1t .box_con .label {
        display: none;
    }
}*/