/* 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 {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.on {transform:translate(0, -50%);}
         .main_left_tab ul {font-size:0;}
         .main_left_tab li {width:86px;height:340px;padding:0;border-radius:0 24px 24px 0;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;}

}





/* ============= 
main company
 * ============*/




.wid_1600 {
    width: 100%;
    max-width: 1600px;
    margin: auto;}


.mainsec_title02 {width:100%; overflow:hidden;max-width:1600px; position:relative; margin-bottom:9.5rem; }
.mainsec_title02:after {width:100%; height:1px; background:#000; position: absolute;   content: ''; top:50%; transform: translateY(-50%); z-index:0;  }
.mainsec_title02 h2 {font-size:3.4rem; color:#000; font-weight:bold; display:inline-block; padding-right:40px;  }






#mainCompany {width:100%;  position:relative; padding:110px 0 250px 0; overflow:hidden;}
#mainCompany .mainCompany_bg { background: #d4a3a3; width: 70%; height: 100%; position: absolute; top:0; left: 0; z-index:-2;  /*background: linear-gradient(90deg, #ececec 70%, #fff 70%); */}
#mainCompany .m_company_txt {float:left;}
#mainCompany .m_company_txt > dl {margin-top:3.5rem;}
#mainCompany .m_company_txt > dl > dt {font-size:2.7rem; font-weight:bold;} 
#mainCompany .m_company_txt > dl > dt  span{ font-weight:300;}
#mainCompany .m_company_txt > dl > dd {font-size:1rem; color:#333; margin-top:1.5rem;width: 38rem;}
#mainCompany .m_company_img {float:right;}
#mainCompany .m_company_img img {width:100%; max-width:957px;}


#mainCompany .m_company_txtbox {width:50%; max-width:789px; padding:3.5rem 5.0rem 5.0rem 5.0rem; background:#ea3f67; position:absolute; bottom:12rem; z-index:1; box-sizing:border-box; z-index:9; box-shadow: 5px 8px 8px 0px rgba(134, 133, 133, 0.35);} 
#mainCompany .m_company_txtbox > a {display:block; width:100%; height:100%;}
#mainCompany .m_company_txtbox dl {}
#mainCompany .m_company_txtbox dl dt {font-size:2rem; font-weight:bold;color: #383838;}
#mainCompany .m_company_txtbox dl dd {color:#383838; font-size:1rem; margin-top:1.1rem; line-height:1.65; }
#mainCompany .m_company_txtbox .m_company_more {color:#383838; padding-right:160px; position:absolute; right:0; bottom:30px; 
                                                    z-index:99; display:inline-block; transition:all .6s ease; height:20px;}
#mainCompany .m_company_txtbox .m_company_more:after { width:140px; right:0px;  height:1px; background:#383838; position: absolute;   content: ''; top:12px; transition:all .6s ease; }
#mainCompany .m_company_txtbox:hover .m_company_more {color:#fff;  padding-right:15px;   transition:all .6s ease; }
#mainCompany .m_company_txtbox:hover .m_company_more:after { width:0;  transition:all .6s ease;color:#fff; }


@media screen and (max-width:1600px){
    #mainCompany .m_company_txt > dl {margin-top:1.5rem;}
    #mainCompany .m_company_img {float:right; margin-top:5.0rem;}
}


@media screen and (max-width:1024px){
    #mainCompany {padding:50px 0;}
    #mainCompany .m_company_txt {float:none;    padding: 0 1rem;}
    #mainCompany .m_company_txt > dl > dt {font-size:2rem; } 
    #mainCompany .m_company_txt > dl > dd {font-size:1rem; width: 100%;}
    #mainCompany .m_company_img {float:none;}


    #mainCompany .m_company_txtbox {position:relative; margin-top:-5rem; bottom:auto; width: 100%;}
    #mainCompany .m_company_txtbox > dl > dd {line-height:1.45;}




}

@media screen and (max-width:975px){
    #mainCompany .m_company_txtbox {position:relative; margin-top:2.0rem; bottom:auto; }




}


@media screen and (max-width:750px){
#mainCompany .m_company_img iframe {width:100% !important;    height: auto;    min-height: 300px;}
  #mainCompany .m_company_txt > dl > dt {font-size:1.5rem; } 
  #mainCompany .m_company_txtbox dl dt {font-size:1.5rem; }
    #mainCompany .m_company_txtbox { margin-top:1rem;}
}




/********************************* 
 ½½¶óÀ̵å¹è³Ê ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 ********************************/
.m_con_01 {width:100%;margin:0 auto 0;padding:0 0 150px;}
.m_con_01 .inner {max-width:93%;}
.m_con_01 #mixedSlider { position:relative; padding-top: 40px;}
.m_con_01 #mixedSlider .MS-content {white-space:nowrap;overflow:hidden;margin:0 auto;}
.m_con_01 #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%;}
 
.m_con_01 #mixedSlider .MS-content .item img {height:auto;width:100%;}
.m_con_01 #mixedSlider .MS-content .item .blogTitle {margin:30px 0 15px;font-size:22px;font-weight:400;color:#000;}
.m_con_01 #mixedSlider .MS-content .item p {font-size:15px;line-height:1.3;margin:0 auto;color:#767474;}
 
.m_con_01 #mixedSlider .MS-content .item a {display:inline-block;width:100%;}
.m_con_01 #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;}
.m_con_01 #mixedSlider .MS-controls button:hover {background:#333;color:rgba(255, 255, 255, 0.8);}
.m_con_01 #mixedSlider .MS-controls .MS-left {right:5%;}
.m_con_01 #mixedSlider .MS-controls .MS-right {right:0.5%;}



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



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


@media (max-width: 750px) {
 .m_con_01 #mixedSlider .MS-content .item {width:100%;padding:0 0%;} 
/* È­»ìÇ¥ */
 .m_con_01 #mixedSlider .MS-controls .MS-left {top:30%;left:-2%;}
 .m_con_01 #mixedSlider .MS-controls .MS-right {top:30%;left:89%;} 

}



/***********************************  
 µ¿¿µ»ó,½ºÅ丮 ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 **********************************/
.m_con_02 {position:relative;width:100%;padding:150px 0 150px;margin:0 auto;background:#f1f1f1 url("../../img/dmedi/m_con_02_bg.jpg") 50% 20% no-repeat;}
.m_con_02 .inner  {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:20px;font-weight:bold;margin-top:10px;line-height:1.5;width:30rem; color:#fff;} 

.m_con_02 .title::before { content: ""; border-left: 2px solid #e4abab; height: 350px;padding: 0 0 0 1.2rem; float:left;margin: 1rem 0;}        
.m_con_02 p.txt {display: inline-block;font-size:16px;margin-top:20px;color:#fff;padding: 0 1rem 0 0; line-height: 1.3;}
.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:30px;font-size:14px;color:#fff;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 1rem 100px 1rem;}
.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:20px;font-weight:500;margin-top:10px;line-height:1.4;color:#fff}     
.m_con_02 .title::before { border-left: 2px solid #fff; height: 170px;;}     
.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 {padding:0 1rem 50px 0;}
.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 .sq {width:auto;height:auto;font-size:15px;margin:0 10px 10px 0px;padding:0 10px 10px 10px;}
.m_con_02 .title .sti {font-size:15px;}          
.m_con_02 .title .bti {font-size:17px;margin-top:10px;}   

.m_con_02 .title::before {height: 240px;;}     
.m_con_02 p.txt {font-size:13px;margin:10px;}
.m_con_02 .more {margin:10px 1.5rem;font-size:12px; }
}



/************************************  
 ±ä¹è³Ê, °Ô½ÃÆÇ ºÎºÐ 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:100%;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 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; font-weight:bold; line-height: 3;}



/* 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:50px;}
#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 { }
#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;}


}