/* 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:0 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.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: 'NanumSquare' , Malgun Gothic, "¸¼Àº °íµñ", 'µ¸¿ò', dotum, sans-serif;;text-align: center; line-height: 1.5;}
.main_title h2 span{color:#e85f2b;}
.main_title p {font-size:20px;color:#484747;font-weight:500;text-align: center;    line-height: 1.5; margin: 1rem 0;}
.main_title p span {font-size:20px;color:#5e5e5e;font-weight:500;text-align: center;    padding: 1rem 0;}

.main_title1 {position:relative; padding: 10px 0 50px;text-align:center;}
.main_title1 h2 {font-size:3.4rem;color:#333;font-weight:500;line-height:1.8;   text-align: left;letter-spacing: -0.02em;}
.main_title1 p {font-size:16px;color:#616161;font-weight:500;    text-align: left;}



/* ============= 
 * RESPONSIVE
 * ============*/ 
@media (max-width:1250px) {
.main_title {width: 95%; margin: 0 auto;}
.main_title h2 {font-size:34px;}
.main_title p {font-size:16px;} 
.main_title p br{display:none;}
}


@media (max-width:640px) {


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

}


/***********************************  
 µ¿¿µ»ó,½ºÅ丮 ºÎºÐ 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:24px;font-weight:bold;margin-top:10px;line-height:1.5;width:550px; color:#fff;} 

.m_con_02 .title::before { content: ""; border-left: 2px solid #fff; height: 60px;padding: 0 0 0 1.2rem; float:left;margin: 1rem 0;}        
.m_con_02 p.txt {display: inline-block;font-size:20px;margin-top:5rem;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:100px;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 {float:none;overflow:hidden;}   
.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: 70px;;}  

.m_con_02 p.txt { display: block;font-size:13px;margin:10px;}   
.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: 40px;;}     

.m_con_02 .more {margin:10px;font-size:12px;}
}












°Ô½ÃÆÇ ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.


************************************/

.notice_sect {background-color: #f8f9fe; padding: 10rem 0 }
.notice_sect .in {display: flex}
.notice_sect .in {width: 1300px; margin: 0 auto; max-width: 100%; padding: 0 20px}
.notice_sect .title_box {width: 25%; min-width: 220px; padding-right: 60px}
.notice_sect .title_box h2 {font-size: 48px;font-weight: 700;}
.title_box .support_sect_tit + .more_btn {margin-top: 80px ; }
.notice_sect .list_box { flex: 1 }


.more {text-decoration: none; color: rgba(0,0,0,0.8); font-size: 18px; line-height: 180%; font-weight:600;    display: inline-block;    padding-bottom: 1%;        margin: 5% 0 0 2%; }
.more_btn {letter-spacing: 1px; font-weight: 500; font-size: 15px; position: relative; display: inline-block}
.more_btn:before {content: ""; position: absolute; left: 0; bottom: 0px; position: absolute; transform: translateY(100%); width: 0%; height: 3px; background: #2d51d6; transition: ease-in-out .3s}


.fa-light, .fal {font-weight: 300;font-family: "Font Awesome 6 Pro";
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display,inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;}
.fa-arrow-right:before {content: "\f061";}


.board_output{border-top: 1px solid #000;}
.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:2px solid #000; }
.mainboard .board_table td { font-size:15px; color:#333; padding:25px 10px 27px; border-top:1px solid #b7bbcd;}
.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:1.5rem;}
.board_output .bd_out1 a {font-size:1.5rem !important; font-weight:bold;}
.board_output .bd_out1 a:hover {color: #065af5;}
.board_output td {font-size:1.3rem !important; font-weight:400; line-height: 3;border-bottom: 1px solid #b7bbcd;padding: 2rem 0;}





@media(max-width: 1200px){
.notice_sect,
.now_sect {padding: 160px 0}


.notice_sect .in {flex-wrap: wrap;    width: 90%;}


.notice_sect .title_box .more_btn {margin-bottom: 30px}



}
@media(max-width: 1150px){
.notice_sect .list_box li .arr {display: none}

.gall .spban {;height:350px;;}
.gall .winner  {margin: 0 auto 0;} 
.notice_sect .title_box {width: 100%; min-width: 0; padding-right: 0; margin-bottom: 20px;}
.notice_sect .title_box a .more_btn {margin-bottom: 20px}
.notice_sect, .now_sect {    padding: 60px 0;}

.notice_sect .title_box h2 { font-size: 24px;display: inline-block;}
.notice_sect .more {float: right !important;padding: 2% 1% 0 0;font-size: 14px;  margin-top: 0;}


.more_btn.mo {margin: 0 auto;padding: 14px 15px 13px;width: 500px;font-size: 13px;text-align: center;margin-top: 40px;border: none;box-shadow: rgba(0, 00, 0, 0.1) 0px 4px 20px 0px;max-width: 100%;}

.mainboard .bd_out1 {font-size:1rem;}
.board_output .bd_out1 a {font-size:1rem !important;;}

.board_output td {font-size:1rem !important;  line-height: 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;}








/********************
     ÀνºÅ¸±×·¥
********************/
#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;}


}