/* Layout */ 
#wrap {position:relative;width:100%;height:100%;margin:0 auto;min-width:280px;overflow:hidden;}
#container {width:100%;margin:0 auto;}
#container:after {content:"";display:block;clear:both;}   
#contents {position:relative;width:100%; max-width:1500px; margin:25px auto 70px;padding:0 0; overflow:hidden; min-height:500px;}
.inner {position:relative;width:100%; max-width:1500px;margin:0 auto;} 
#dmediIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0;}





   /* ¸ÞÀÎ ÁÂÃø ÅÇ */
        /* .main_left_tab {z-index:10;position:fixed;left:0;top:50%;transform:translateY(-50%);};*/ /*transform:translate(-70px, -50%);*/


/* ¸ÞÀÎ ¿ìÃø ÅÇ */
.main_left_tab {
    z-index: 10;
    position: fixed;
    right: 0; /* left -> right */
    top: 50%;
    transform: translateY(50%);
}/*transform:translate(70px, -50%);*/



       /*  .main_left_tab.on {transform:translate(0, -50%);};*/

.main_left_tab.on {
    transform: translate(0, -50%); }

         .main_left_tab ul {font-size:0;}
         .main_left_tab li {width:86px;height:340px;padding:0;border-radius:24px 0 0 24px;text-align:center;position:relative;z-index:1;display:block;margin:0;box-sizing:border-box;}
         .main_left_tab li > a {display:block;position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;}
         .main_left_tab li > span.txt {font-size:13px;line-height:18px;letter-spacing:-0.65px;display:block;margin:0 auto;vertical-align:top;}
         .main_left_tab li > h3 {width:20px;font-size:18px;line-height:26px;letter-spacing: -0.9px;font-weight:400;font-family: 'times', serif;display:block;margin:19px auto 22px;vertical-align:top;white-space: normal;  word-break: keep-all;    word-wrap: break-word;}
         .main_left_tab li > span.icons {width:36px;height:36px;box-sizing:border-box;border-radius:100%;position:relative;z-index:1;display:inline-block;margin:0 auto;vertical-align:top;}
         .main_left_tab li > span.icons:before, .main_left_tab li > span.icons:after {width:16px;height:1px;position:absolute;left:50%;top:50%;display:inline-block;content:"";}
         .main_left_tab li > span.icons:before {transform:translate(-50%, -50%);}
         .main_left_tab li > span.icons:after {transform:translate(-50%, -50%) rotate(90deg);}
         .main_left_tab li:nth-of-type(1) {padding-top:60px;background:#fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.19);}
         .main_left_tab li:nth-of-type(2) {padding-top:48px;background:#333;}
         .main_left_tab li:nth-of-type(1) span.txt {color:#6c6d71;}
         .main_left_tab li:nth-of-type(2) span.txt {color:#fff;}
         .main_left_tab li:nth-of-type(1) h3 {color:#2f3138;}
         .main_left_tab li:nth-of-type(2) h3 {color:#fff;}
         .main_left_tab li:nth-of-type(1) span.icons {background:#333;}
         .main_left_tab li:nth-of-type(2) span.icons {background:#fff;}
         .main_left_tab li:nth-of-type(1) span.icons:before, .main_left_tab li:nth-of-type(1) span.icons:after {background:#fff;}
         .main_left_tab li:nth-of-type(2) span.icons:before, .main_left_tab li:nth-of-type(2) span.icons:after {background:#333;}





/* ¸ÞÀÎÆäÀÌÁö °øÅëŸÀÌƲ */
.main_title {position:relative; padding:100px 0 50px; text-align:center;}
.main_title h2 {font-size:44px;color:#333;font-weight:500;font-family: times;text-align: left;}
.main_title p {font-size:16px;color:#616161;font-weight:500;text-align: left;}









/* ============= 
 * RESPONSIVE
 * ============*/ 
@media (max-width:1250px) {
.main_title {}
.main_title h2 {font-size:34px;}
.main_title p {font-size:16px;} 


}





@media (max-width:640px) {


.main_title {padding:80px 0 0;}
.main_title h2 {font-size:28px;}
.main_title p {font-size:12px;} 
.main_left_tab{display:none;}



}





/********************************* 
 ½½¶óÀ̵å¹è³Ê ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 ********************************/
.m_con_01 {width:100%;margin:0 auto 0;padding:0 0 150px;background: #ececec;}
.m_con_01 .inner {max-width:93%;}
#mixedSlider { position:relative; padding-top: 40px;}
#mixedSlider .MS-content {white-space:nowrap;overflow:hidden;margin:0 auto;}
#mixedSlider .MS-content .item {position:relative;display:inline-block;width:33.33%;position:relative;vertical-align:top;overflow:hidden;height:100%;white-space:normal;padding:0 0.5%;}
 
#mixedSlider .MS-content .item img {height:auto;width:100%;}
#mixedSlider .MS-content .item .blogTitle {margin:30px 0 15px;font-size:22px;font-weight:400;color:#000;}
#mixedSlider .MS-content .item p {font-size:15px;line-height:1.3;margin:0 auto;color:#767474;}
 
#mixedSlider .MS-content .item a {display:inline-block;width:100%;}
#mixedSlider .MS-controls button {position:absolute;width:58px;height:58px;border:none;;outline:0;font-size:25px;top:-100px;border:1px solid rgba(0, 0, 0, 0.2);transition:0.15s linear;box-shadow:0px 0px 2px 0px #F1f1f1,2px 4px 10px 0px #ededed;}
#mixedSlider .MS-controls button:hover {background:#333;color:rgba(255, 255, 255, 0.8);}
#mixedSlider .MS-controls .MS-left {right:5%;}
#mixedSlider .MS-controls .MS-right {right:0.5%;}





/* ============= 
 * RESPONSIVE
 * ============*/
@media (max-width: 1200px) {
  #mixedSlider .MS-content .item {width:25%;padding:0 0.5%;}
  #mixedSlider .MS-controls button {width:40px;height:40px;top:-113px;}
}





@media (max-width: 1024px) {
  #mixedSlider .MS-content .item {width:33.33%;}
 
}





/***********************************  
 µ¿¿µ»ó,½ºÅ丮 ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 **********************************/
.m_con_02 {position:relative;width:100%;padding:170px 0 170px;margin:0 auto;background:#f1f1f1 url("../../img/dmedi/m_con_02_bg.jpg") 50% 20% no-repeat;}
.m_con_02 .inner  {position:relative;overflow:hidden;} 
.m_con_02 .left {float:left;width:56%;margin-right:2%;margin:0 auto;}
.m_con_02 .right {float:right;width:42%;}
.m_con_02 .left iframe {width:100% !important;}
.m_con_02 .sq {position:relative;float:left;background:#000;padding:10px 0 10px;margin-bottom:20px; margin-right:15px;width:115px;height:115px;color:#fff;text-align:center;font-size:25px;}
.m_con_02 .sq span {display:inline-block;background:#fff;width:30px;height:3px;margin:15px auto;text-align:center;}
.m_con_02 .title {float:left;overflow:hidden;}          
.m_con_02 .title .sti {font-size:28px;font-weight:200; letter-spacing:-1px;}          
.m_con_02 .title .bti {font-size:28px;font-weight:900;margin-top:10px;line-height:1.2;letter-spacing:-2px;}         
.m_con_02 p.txt {display: inline-block;font-size:16px;margin-top:20px;}
.m_con_02 .img_point {position:absolute;top:-70px;left:50%;margin-left:550px;z-index:9;
            -webkit-animation: ud_move 3s infinite;
            -moz-animation: ud_move 3s infinite;
            -o-animation: ud_move 3s infinite;
            animation: ud_move 3s infinite;
        }
        @keyframes ud_move {
            0% {top:-70px;} 
            60% {top:0px;} 
        }
.m_con_02 .ban4 {display:inline-block; clear:both;margin-top:30px;}
.m_con_02 .more {position:absolute;display:block;bottom:100px;font-size:14px;color:#000;float: left;}
.m_con_02 .more img {margin-left:5px;}
/* ============= 
 * RESPONSIVE
 * ============*/
@media screen and (max-width:1200px) {
.m_con_02 .img_point {top:10px;margin-left:380px;}
        @keyframes ud_move {
            0% {top:10px;} 
            60% {top:30px;} 
        }
}
@media screen and (max-width: 1024px) {
.m_con_02 {padding:0 0 100px;}
.m_con_02 .left {float:none;margin:0 auto;width:100%;}
.m_con_02 .left iframe {width:100% !important;height:auto; min-height:300px;}
.m_con_02 .right {float:none;margin:30px auto 0;width:100%}
.m_con_02 .title .sti {font-size:20px;font-weight:bold;}          
.m_con_02 .title .bti {font-size:25px;font-weight:bold;margin-top:10px;line-height:1.2;}     
.m_con_02 .more {position:relative;display:block;bottom:0;margin-top:20px;}
.m_con_02 .img_point {display:none}
}






@media (max-width: 750px) {
.m_con_02 {margin:20px auto 0; }
}






/************************************  
 ±ä¹è³Ê, °Ô½ÃÆÇ ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 ************************************/





.support {width:100%;max-width:100%;margin:0px auto ;} 
.support .spban {width:100%;height:450px;background:url(../../img/dmedi/spban_bg.jpg) no-repeat top center;background-attachment:fixed;overflow:hidden;background-size : cover;}
.support .spban p {margin:0 auto 0;color:#fff;   text-align: center;    line-height: 1.2;} 









/* ÆùÆ® º¯°æ */
.support .one {font-size:35px;padding-top:7%;font-weight:300;}
.support .one b {font-family:"NanumSquareb";}
.support .two {font-size:20px;padding-top:10px;font-weight:100;color:#fff;   text-align: center; }
.support .two b {font-weight:500;}









 /* ¸ÞÀÎÀ̹ÌÁö ¹öÆ° */
.support .spban .btn_more { position:relative; display:block; width:200px; height:32px; margin:50px auto; box-sizing:border-box; text-align:center; line-height:30px; font-size:13px; color:#fff; border:1px solid #fff;background:none;  }
.support .spban .btn_more:hover { background:none; border:1px solid #000; background:#000; }





.support .gmore {position:absolute;display:block;top:10px;right:6px;font-size:14px;color:#000;}
.support .gmore img {margin-left:5px;}









.support .board {overflow:hidden;width:100%;max-width:1500px;margin:75px auto;}
.support .board .left {width:46%;float:left;}
.support .board .right {width:46%;float:right;}
.mainboard { position:relative; float:left; width:100%;}
.mainboard h2 { margin:0 0 25px; color:#2e2e2e; font-size:24px; font-weight:bold; text-align:left; }
.mainboard .more { line-height:25px;position:relative;float:right;margin-top:100px; }
.mainboard .more img { padding:5px;}
.mainboard .board_table  { min-height:87px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.mainboard .board_table td { font-size:15px; color:#333; padding:25px 10px 27px; border-top:1px solid #bfbfbf }
.mainboard .board_table td  a{font-size:17px !important;;line-height:2.3;font-weight:600;}
.mainboard .board_table td  a:hover { color:#333;}
.mainboard .board_table tr:first-child td { padding:15px 10px 17px;border-top:none }
.mainboard .board_table td.title a,
.mainboard .board_table td.title a:hover { color:#333;}
.mainboard .board_table td.title a span {font-size:17px;line-height:2.3;font-weight:600;}
.mainboard .bd_out1 {font-size:20px;}
.board_output .bd_out1 a {font-size:16px !important; font-weight:200;}
.board_output td {font-size:15px !important;  padding-bottom: 10px; }


.board_output_imgs img {overflow:hidden;}
.board_output_imgs img a{display:table-cell; height:100%; transition: all 0.6s;vertical-align:middle;}
.board_output_imgs img a:hover {transform:scale(1.2);}






/* video */
#Videos .MyFrame                              {position:relative;width:100%;height:100vh;min-height:562px;overflow:hidden;}
#Videos .MyFrame #MyVideo                               {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);background-repeat:no-repeat;background-position:50% 50%;}
#Videos .MyFrame #MyVideo                               {min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;background-size:cover;}





/* ============= 
 * RESPONSIVE
 * ============*/
@media (max-width: 1024px) {
 
.support .one {font-size:30px;padding-top:70px;font-weight:300;}
.support .one b {font-family:"NanumSquareb";}
.support .two {font-size:15px;padding-top:10px;font-weight:100;}
 
.support .board .left {width:80%;float:none;margin:0 auto; overflow: hidden;}
.support .board .right {width:80%;float:none;margin:70px auto;}
}






/********************
     ÀνºÅ¸±×·¥
********************/
#gall {position:relative;width:100%;padding:0 0 100px;overflow:hidden;min-width:1350px;}
#gall .main_review {margin-top:unset;}
#gall .board_output {text-align:center;}





/* Underline Button */





#gall .main-section__more {position: absolute;top: 0;right: -5rem;}
.jt-btn__underline {display: inline-block; vertical-align: top; font-size: 0.9rem; font-weight: 400; line-height: 1; letter-spacing: 0.08em; padding: 7.5rem 5rem;}
.jt-btn__underline span { position: relative; display: block; }
.jt-btn__underline span:before {content: '';display: block;width: 0;height: 1px;position: absolute;bottom: -1rem;left: 0;background: #000; -webkit-transition: width .3s; transition: width .3s; -webkit-transition-delay: 0s; transition-delay: 0s;}
.jt-btn__underline span:after {content: '';display: block;width: 100%;height: 1px;position: absolute;bottom: -1rem;right: 0;background: #000; -webkit-transition: width .3s; transition: width .3s; -webkit-transition-delay: .4s; transition-delay: .4s;}
.jt-btn__underline:hover span:before {width: 100%; -webkit-transition-delay: .4s; transition-delay: .4s;}
.jt-btn__underline:hover span:after {width: 0; -webkit-transition-delay: 0s; transition-delay: 0s;}




@media screen and (max-width:1200px){ 
#gall {min-width:100%;}
#gall .main_review img {max-width:100%;height:auto; }
#gall .left .bt {margin-right:10px;margin-top:0px;} 
#gall .right {width:100%;}
}




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




.jt-btn__underline:after {content:  '';display:block;position: absolute;bottom: 8rem;right: 6rem;width: 0.9rem; height:0.9rem; border-top: 3px solid #333; border-right: 3px solid #333;transform: rotate(45deg);}
.jt-btn__underline span{display:none;}



#gall {margin:0px auto;padding:0 0 80px;} 


#gall .main_review {margin-top:20px;}
#gall .main_review li{ float:left;width:32%;text-align:center;margin-left:1%;}
#gall .main_review li:first-child {margin-left:0px}
#gall .main_review .subj {display:block;line-height:1.2;margin-top:10px;font-size:12px} 
#gall .main_review li img {width:100%; height:auto; max-height:140px;}




}