/* 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_title {position:relative;margin:100px auto 75px;text-align:center;}
.main_title h2 {font-size:44px;color:#1c1c1c;font-weight:500;line-height:1.8;}
.main_title p {font-size:18px;color:#616161;font-weight:500;}

/* ============= 
 * RESPONSIVE
 * ============*/ 
@media (max-width:1250px) {
.main_title {margin:70px auto 65px;}
.main_title h2 {font-size:36px;}
.main_title p {font-size:14px;} 
}
@media screen and (max-width:1024px) { 
.main_title h2 {font-size:27px;}
.main_title p {font-size:12px;} 
} 






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

 ½½¶óÀ̵å¹è³Ê ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.

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

.m_con_01 {max-width:1515px;margin:0 auto;padding:0 0 100px;}
#mixedSlider { position:relative;}
#mixedSlider .MS-content {white-space:nowrap;overflow:hidden;margin:0 auto;}
#mixedSlider .MS-content .item {position:relative;display:inline-block;width:19%;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;text-align: center;}
#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;background-color:transparent;outline:0;font-size:25px;top:-140px;color:rgba(0, 0, 0, 0.4);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 {left:0.5%;}
#mixedSlider .MS-controls .MS-right {right:0.5%;}


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






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

 µ¿¿µ»ó,½ºÅ丮 ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.

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

.m_con_02 {position:relative;width:100%;padding:170px 0 170px;margin:50px auto 0;background:#f1f1f1;}
.m_con_02 .inner  {position:relative;overflow:hidden;max-width:1000px;} 
.m_con_02 .left {float:left;width:45%;margin-right:2%;margin:0 auto;}
.m_con_02 .right {float:right;width:55%;}
.m_con_02 .left iframe {width:100% !important;}
.m_con_02 .left img{max-width: 100%;}
.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;font-family: "¸¼Àº °íµñ",'µ¸¿ò',dotum,sans-serif;}

.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 {display:block;font-size:14px;color:#000;padding: 1rem 0;}
.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;} 
        }
}








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

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

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

.support {width:100%;max-width:100%;margin:0px auto 100px;}
.support h2 {font-size:35px;color:#000;font-weight:bold;text-align:center;}  
.support .spban {width:100%;height:240px;background:url(../../img/dmedi/spban_bg.jpg) no-repeat top center;background-attachment:fixed;overflow:hidden;}
.support .spban p {width:1500px;margin:0 auto;color:#fff;padding-left:50px;}

.support .one {font-size:35px;padding-top:70px;font-weight:300;}
.support .one b {font-family:"NanumSquareb";}
.support .two {font-size:20px;padding-top:10px;font-weight:100;}
.support .two b {font-weight:500;}

.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:3px solid #000;border-bottom:3px solid #000; }
.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:13px !important; font-weight:200;}


/* ============= 
 * 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;}

}






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

     ÀνºÅ¸±×·¥

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

.insta {overflow:hidden;width:100%; max-width:1500px;margin:75px auto;} 
.insta h2{text-align:center;margin-bottom:20px;}
.insta h2 img {text-align:center;vertical-align: middle;}
.insta h2 a {font-size:13px;color:#797979;margin-left:20px;}