/* 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:1300px; 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; padding:70px 0 50px; 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;}
#img-la{display:block;margin: 0 auto;}

#img-sm{display:none;}
/* ============= 
 * RESPONSIVE
 * ============*/ 
@media (max-width:1250px) {
.main_title {}
.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;} 
} 


@media screen and (max-width:750px) {
#img-la{display:none;}

#img-sm{display:block;margin: 0 auto;}
}






/***********************************  
µ¿¿µ»ó,½ºÅ丮 ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
**********************************/
#main_company {position:relative;width:100%;height: 750px;padding-top:100px;background:url(../../img/dmedi/m_con_02_bg.jpg); background-repeat : no-repeat;background-size : cover;}
#main_company .inner{ width:1350px; margin: 0 auto; padding:0 0; }
#main_company .left {float:left;}

#main_company .ti {text-align:right;letter-spacing:-1;color:#fff;line-height:2}
#main_company h2 {font-size:32px;}
#main_company p {font-size:18px;}
#main_company .left {margin-top:50px;} 
#main_company .left a {display:inline-block;padding-top:40px;}
#main_company .left .bt {margin-top:60px;margin-right:50px;}

#main_company .story-01{display:block; width:466px;margin-bottom:30px; }
#main_company .story-01 .s-con01{float:left;width:100px;font-size:16px;color:#fff;text-align: center;}
#main_company .story-01 .s-con01 .counter{ float:left;width:100px;font-size:50px;color:#fff; text-align: center;margin-right:60px;}
#main_company .story-01 .s-con03 {float:left;width:300px;height:79px;font-size:18px;color:#fff;padding-top: 15px;line-height:1.5;padding: 5px 0 0 30px;}
#main_company .story-01 .s-con04{float:left;width:300px;height:59px;font-size:18px;color:#fff;padding-top: 15px;line-height:1.5;padding: 12px 0 0 30px;}


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

.m_con_01  {width:100%;margin:0 auto;padding:0 0 100px;}

#mixedSlider { position:relative;width: 48%;float: right;   top: 50px;}
#mixedSlider .MS-content {white-space:nowrap;overflow:hidden;margin:0 auto;}
#mixedSlider .MS-content .item {position:relative;display:inline-block;width:20%;position:relative;vertical-align:top;overflow:hidden;height:100%;white-space:normal;padding:0 0.5%;width:50%;}
 
#mixedSlider .MS-content .item img {height:auto;width:100%;}
#mixedSlider .MS-content .item .blogTitle {margin:20px 0 15px;font-size:18px;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(255, 255, 255, 0.8);transition:0.15s linear;box-shadow:0px 0px 2px 0px #F1f1f1,2px 4px 10px 0px #ededed;}
#mixedSlider .MS-controls button:hover {background:#8cad91;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 screen and (max-width:1200px) {
#main_company .inner{ width:100%;  }
}
@media screen and (max-width:850px) {
#main_company .inner{ width:100%; margin: -60px 0; }
#main_company .story-01{width:399px; }
#main_company .story-01 .s-con03 {padding: 5px 0 0 20px;}
#main_company .story-01 .s-con01 .counter{ padding: 5px 0 0 20px;font-size: 40px;}
}

@media screen and (max-width:750px) {
#main_company .ti {text-align:center;}
#main_company h2 {font-size:25px;}
#main_company .left {margin:20px auto 0 5%;} 

#main_company .story-01{overflow: hidden;margin-bottom: 10px;  width: 500px;}
#main_company .story-01 .s-con01 .counter{ font-size:20px; }
#main_company .story-01 .s-con03 {padding: 0 0 0 20px;font-size:13px;height: 39px;}
#main_company .story-01 .s-con04{padding: 5px 0 0 20px;font-size:13px;height: 10px;}
#main_company p {font-size:13px;}
#mixedSlider {width: 100%; top: 25px;}

}
/************************************  
 ±ä¹è³Ê, °Ô½ÃÆÇ ºÎºÐ css ÆÄÀÏÀÔ´Ï´Ù.
 ************************************/
.support {width:100%;max-width:100%;margin:0px auto;}
.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:98%;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; }
.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; 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);}


/* ============= 
 * 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 30px;overflow:hidden;background:#cdd5ce;min-width:1350px;}


#gall .main_review {margin-top:50px;}
#gall .board_output {text-align:center;}

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

@media screen and (max-width:640px){ 
.support .board {margin:35px auto;}

#main_company {width:100%;height:auto;background-size : cover;padding-bottom: 90.5%;}
#mixedSlider .MS-content .item {width:33.33%;}
#gall {position:relative;width:100%;margin:0px auto 0px;overflow:hidden} 
#gall h2 {font-size:22px;}
#gall p {font-size:12px;} 
#gall .main_review {margin-top:40px;}
#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;}
}