/********************************* 
   ¸ÞÀÎ ¹è³Ê ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 ********************************/
.m_con_00 {width:100%; margin:0 auto;padding:0 0 150px;background:#ebebec; }
.ban4 {position:relative; width:1300px; margin:0 auto;overflow:hidden;}
.ban4 .box {float:left; margin-left:1%; width:24%; padding:0 0 5%;  border:1px solid #d7d7d7;     background-color: #fff;border-radius:5px; overflow:hidden;}  
.ban4 .box:first-child {margin-left:0px;}
.ban4 .box .tit {margin:20px 15px 0; font-size:20px;}
.ban4 .box .txt {margin:20px 15px 0; font-size:14px;}
 
.ban4 .box a .img {position:relative;width:100%;height:auto;overflow:hidden;} 
.ban4 .box a .img {display:block;transition-duration:0.5s;}
.ban4 .box a .img img {width:100%;height:auto; 
    transition-timing-function:ease-in-out;
             -o-transition-timing-function:ease-in-out;
           -moz-transition-timing-function:ease-in-out;
        -webkit-transition-timing-function:ease-in-out;
                             transition-duration:0.5s;
                          -o-transition-duration:0.5s;
                        -moz-transition-duration:0.5s;
                     -webkit-transition-duration:0.5s;}
.ban4 .box a .img:hover img { 
      transform:scale(1.05,1.05);
      -o-transform:scale(1.05,1.05);
    -moz-transform:scale(1.05,1.05);
 -webkit-transform:scale(1.05,1.05);}
.ban4 .box a .img:hover {background:#000;}
.ban4 .box a .img:hover img {opacity:0.5;}
/* À̹ÌÁö¿À¹ö½Ã ÅؽºÆ® */
.ban4 .box a span {display:none;position:absolute;top:120px;left:50%;margin-left:-60px;width:120px;height:27px;text-align:center;border-radius:15px;border:2px solid #fff;font-size:15px;line-height:27px;font-weight:400;color:#fff;letter-spacing:1px;z-index:10; }
.ban4 .box a span:after {display:block;position:relative;content:"+";margin-top:-80px;font-size:50px;}
.ban4 .box a:hover span {display:block;}
.ban4 .box a:hover span:after {  
        animation:bannerbtn01 0.5s ease-in-out forwards;
-webkit-animation:bannerbtn01 0.5s ease-in-out forwards;
   -moz-animation:bannerbtn01 0.5s ease-in-out forwards;
     -o-animation:bannerbtn01 0.5s ease-in-out forwards; } 
/* ============= 
 * RESPONSIVE
 * ============*/
@media (max-width: 1300px) { 
    
.ban4 { width:100%;}
.ban4 .box { margin-left:10px;}
.ban4 .box .img img {max-width:100%;}
    
}

@media (max-width: 750px) { 
.m_con_00 {padding:0 0 50px; }
.ban4 .box {width:95%;margin:2% ; }
.ban4 .box:first-child {margin-left:2%;}
}

/* ¾ÆÀÌÄܹè³Ê*/
#icon{background:#ebebec;padding:80px 0 ;}
#content{}
#content h3{font-size:45px; font-weight:bold; color:#222; letter-spacing:-0.5pt; line-height:135%; padding:8px 0 30px 0}
#content h4{font-size:30px; font-weight:bold; color:#555; letter-spacing:-0.5pt; line-height:135%}
#content h4 span{font-size:30px;font-weight:bold; color:#8cad91; line-height:135%}
#content p.eng{font-size:20px; color:#222; font-weight:300; font-family:"Poppins", sans-serif;}
#content .stxt{font-size:17px; color:#888; font-weight:300; letter-spacing:-0.4pt; line-height:175%}
#content .btn a{position:relative; display:inline-block; font-size:0; font-weight:bold; letter-spacing:-0.3pt; padding-right:35px; transition: all 0.3s;}
#content .btn a:hover{padding-right:35px; transition: all 0.3s;}
#content .btn a:after{position:absolute; right:0; display:inline-block; content:""; overflow:hidden; width:35px; height:25px; background-position:0; background-repeat:no-repeat;}
 #content .btn.blue a{color:#0e4194}
 #content .btn.blue a:after{background-image:url('../../img/dmedi/more_blue.png')}
 #content .btn.purple a{color:#814997}
 #content .btn.purple a:after{background-image:url('../../img/dmedi/more_purple.png')}
 #content .btn.sky a{color:#009ede}
 #content .btn.sky a:after{background-image:url('../../img/dmedi/more_sky.png')}
 #content .btn.yellow a{color:#f39324}
 #content .btn.yellow a:after{background-image:url('../../img/dmedi/more_yellow.png')}
 #content .btn.green a{color:#50b747}
 #content .btn.green a:after{background-image:url('../../img/dmedi/more_green.png')}
 #content .btn.red a{color:#e30613}
 #content .btn.red a:after{background-image:url('../../img/dmedi/more_red.png')}
/* ¾ÆÀÌÄܹè³Ê */
#content .info_con{text-align:center; padding:100px 0; opacity:1; top:-80px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
#content .info_con.active{top:0; opacity:1;}
#content .info_con p.stxt{ padding:30px 0 70px 0;}
#content .info_con #sticker{z-index:9999 !important}
#content .info_con .is-sticky #sticker{background:#f5f5f5; top:89px !important; padding:10px 0; box-shadow:rgba(0,0,0,.1) 5px 5px 8px;}
#content .info_con ul{position: relative;}
/* Áß¾Ó ¶óÀÎ */
#content .info_con ul .process-line{position: absolute; top: 50%; margin-top: 30px; left: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #ddd;}
#content .info_con ul .process-line.m-line{display: none;}
#content .info_con li{    position: relative;display:inline-block; vertical-align:top; padding:0 1%}
#content .info_con li a{display:block; color:#222; letter-spacing:-0.3pt; padding:100px 8px 0 8px; min-width:60px; background-position:center 0; background-repeat:no-repeat; transition: all 0.3s;font-size: 15px;}
#content .info_con li a span01{display:block; color:#222; letter-spacing:-0.3pt; padding:50px 8px 0 8px; min-width:60px; background-position:center 0; background-repeat:no-repeat; transition: all 0.3s;font-size: 18px;font-weight: 400;}
#content .info_con .is-sticky #sticker li a{padding:10px 8px 10px 8px; background:none;}
#content .info_con .is-sticky #sticker li a br{display:none}
#content .info_con li a:hover{background-position:center 6px; transition: all 0.3s;}
 #content .info_con li.one a{background-image:url('../../img/dmedi/business_icon01.png')}
 #content .info_con li.two a{background-image:url('../../img/dmedi/business_icon02.png')}
 #content .info_con li.three a{background-image:url('../../img/dmedi/business_icon03.png')}
 #content .info_con li.four a{background-image:url('../../img/dmedi/business_icon04.png')}
 #content .info_con li.five a{background-image:url('../../img/dmedi/business_icon05.png')}
 #content .info_con li.six a{background-image:url('../../img/dmedi/business_icon06.png')}
 #content .info_con li.one a:hover{background-image:url('../../img/dmedi/business_icon01_up.png'); color:#0e4194; }
 #content .info_con li.two a:hover{background-image:url('../../img/dmedi/business_icon02_up.png'); color:#814997;}
 #content .info_con li.three a:hover{background-image:url('../../img/dmedi/business_icon03_up.png'); color:#009ede}
 #content .info_con li.four a:hover{background-image:url('../../img/dmedi/business_icon04_up.png'); color:#f39324;}
 #content .info_con li.five a:hover{background-image:url('../../img/dmedi/business_icon05_up.png'); color:#50b747;}
 #content .info_con li.six a:hover{background-image:url('../../img/dmedi/business_icon06_up.png'); color:#e30613}
 #content .info_con li.one a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon01_up.png'); color:#0e4194;}
 #content .info_con li.two a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon02_up.png'); color:#814997;}
 #content .info_con li.three a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon03_up.png'); color:#009ede;}
 #content .info_con li.four a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon04_up.png'); color:#f39324;}
 #content .info_con li.five a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon05_up.png'); color:#50b747;}
 #content .info_con li.six a.mPS2id-highlight{background-image:url('../../img/dmedi/business_icon06_up.png'); color:#e30613;}
#content .info_con li .dot {
       display: block;
    position: absolute;
    top: 50%;
    margin-top: 26px;
    left: 50%;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    background-color: #ddd;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#content .info_con li .dot:before {
    position: absolute;
    top: 50%;
    margin-top: -9.5px;
    left: 50%;
    margin-left: -9.5px;
    display: block;
    content: '';
    width: 15px;
    height: 15px;
    border: 2px solid #22b1bc;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
/* ============= 
 * RESPONSIVE
 * ============*/ 
@media (max-width:1420px) {  
 #content .info_con li{ padding:0 1%}
 #content .info_con li a span01{font-size: 22px;}
} 
@media (max-width:1250px) {  
 #content .info_con li a span01{font-size: 18px;}
} 
@media (max-width:1100px) {  
 #content .info_con li a span01{font-size: 14px;}
}

@media (max-width:750px) {  
#content .info_con{padding:0px 0;}
#content .info_con li{  width: 19%;padding: 1% 0 0;}
 #content .info_con li a span01{padding:8px 0 0 0;font-size: 11px;}
#content .info_con li .dot { margin-top: 0px;left: 54%;}
#content .info_con ul .process-line {display:none;}
#content h4{font-size:23px;}
#content h4 span{font-size:23px;}

}