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


       ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë


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




/* ¼­ºê»ó´ÜÀ̹ÌÁö */
#svisual {position:relative;width:100%;height:250px;overflow:hidden;margin:0 auto;padding:0 0;}
.svi {position:relative !important;background:url("../../img/dmedi/svi.jpg") center no-repeat;background-size:cover;} /* ¸¶ÀÌÆäÀÌÁö */
.svi-1 {background:url("../../img/dmedi/svi-1.jpg") center no-repeat;background-size:cover;} /* page Company Æú´õ */
.svi-2 {background:url("../../img/dmedi/svi-2.jpg") center no-repeat;background-size:cover;} /* page businessÆú´õ */
.svi-3 {background:url("../../img/dmedi/svi-3.jpg") center no-repeat;background-size:cover;} /* page productÆú´õ */
.svi-4 {background:url("../../img/dmedi/svi-4.jpg") center no-repeat;background-size:cover;} /* page communityÆú´õ */
.svi-5 {background:url("../../img/dmedi/svi-5.jpg") center no-repeat;background-size:cover;} /* page customerÆú´õ */
.svi-6 {background:url("../../img/dmedi/svi-6.jpg") center no-repeat;background-size:cover;} /* page contactÆú´õ */




/* ¼­ºê »ó´Ü */
.subtopArea {position:relative;height:200px;margin:0 auto;text-align:center;}
/* ¼­ºê »ó´Ü ŸÀÌƲ */
.subtopArea h2 {margin:0 auto;padding:45px 0 10px;font-size:43px;color:#fff;opacity:1;letter-spacing:0px;font-weight:500;}
.subtopArea p {font-size:17px;color:#fff;}


  


/* ÁÂÃø¸Þ´º */
.smenu {float:left;width:18%; max-width:200px;padding:0 1%;}
.smenu h3 {font-size:24px;font-weight:600;margin:15px auto;}
.smenu ul {border-top:1px solid #d7d7d7;}
.smenu ul li {border-bottom:1px solid #d7d7d7;height:38px;}
.smenu ul li:hover {background-color:#fcfcfc;}
.smenu ul li.on {background:url("../../img/dmedi/smenu_bg.jpg") right no-repeat;border-bottom:1px solid #000;}
.smenu ul li a {display:block; line-height:38px; font-size:14px; text-indent:10px;}
.smenu p {margin-top:35px;}




/* ÄÁÅÙÃ÷¿µ¿ª */
.scon {position:relative;float:right;width:78%;padding:0 1%; max-width:1200px;margin:0 auto;}
.scon img {max-width:100%;height:auto;}




/* ŸÀÌƲ */
.titleArea { min-height:30px;margin:15px 0 30px;border-bottom:1px solid #ededed; text-align:center;}
.titleArea h2 { display:inline-block; padding:0 30px 13px 30px; color:#2e2e2e; font-size:25px; font-weight:600; border-bottom:2px solid #000;  }
.titleArea p { display:inline-block; margin:0 0 0 0px; padding:0 0 0 0px; color:#939393; *display:inline; *zoom:1; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; }




/* ŸÀÌƲ¿· < > ¹öÆ° */
.pagebtn a {position:absolute;width:29px;height:50px;top:17px;}
.co_prev {left:1%;background:url("../../img/dmedi/co_prev.png") center no-repeat;} 
.co_next {right:1%;background:url("../../img/dmedi/co_next.png") center no-repeat;}


 


/* ============= 
 * RESPONSIVE
 * ============*/


@media screen and (max-width: 1200px) {
 
/* ÁÂÃø¸Þ´º -> ÅǸ޴º·Î º¯°æ */
.smenu {float:none; width:98%;margin:20px auto 70px; max-width:100%; text-align:left;overflow:hidden;}
.smenu h3 {display:none;}
.smenu ul {margin:0 auto; width:auto; border-top:none;}
.smenu ul li {display:inline-block; width:auto; margin:1% 1%; background:#fff; border:1px solid #898989;}
.smenu ul li a {padding:0 30px;text-indent:0px; font-size:15px; color:#333;}
.smenu ul li:hover {background:#898989;}
.smenu ul li a:hover {color:#fff;} 
.smenu ul li.on {background-image:none;background:#898989;}
.smenu ul li.on a {color:#fff; font-weight:bold; border:1px solid #898989;}
.smenu ul li.on:hover {background:#898989;}
.smenu p {display:none;}
.scon { float:none; width:98%;}


/* ŸÀÌƲ¿· < > ¹öÆ° */
.pagebtn a {top:0px;}  
 
}




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


.smenu  {display:none;}


/* ¼­ºê »ó´Ü ŸÀÌƲ */
.subtopArea h2 {font-size:34px;}
.subtopArea p {font-size:14px;}
 
}














/**********************************
 
       ¼­ºêÆäÀÌÁö ÄÁÅÙÃ÷¿µ¿ª


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




/* ÆäÀÌÁö °øÅë */
.pagepan {margin:40px auto;overflow:hidden;}
.pagepan {color:#333;}
.pagepan .mt {margin-top:40px;}
.pagepan .simg img {max-width:100%;}
.pagepan .cent {text-align:center;}


.pagepan h3 {font-size:26px;}
.pagepan h4 {font-size:18px;} 


.pagepan .text12 {font-size:17px;line-height:1.8;}
.pagepan .text10 {font-size:15px;}


.pagepan ol li {margin-top:15px;}
.pagepan > ol > li > ul > li { margin-left:50px; color:#999;} 
.pagepan ol li span {display:inline-block;font-size:12px;background:#000;color:#fff;width:20px;text-align:center;margin:0 1%;border-radius:50px;}






/* Àλ縻 */
.p11 {position:relative;width:100%;overflow:hidden;margin:0 auto; text-align: center;}
.p11 .left {width:48%;float:left;padding:1%;}
.p11 .right {width:48%;float:right;padding:1%;}




/* ¿¬Çõ - timeline.css */




/* ±â¾÷°³¿ä */ 
.p13 .left {float:left;width:30%;}
.p13 .right {float:left;width:68%;margin-left:2%;}
.p13 .info {margin-top:40px;}
.p13 .info h3 {font-size:34px;margin-bottom:20px;font-weight:normal;}
.p13 .info .bk {display:inline-block;background:#555555;color:#fff;font-size:20px;width:auto;padding:0.5% 10%;}
.p13 .info .text {margin-top:40px;font-size:18px;}
.p13 .table {clear:both; display:inline-block;width:100%;margin-top:70px;border-top:2px solid #000;font-size:14px;}
.p13 .table dl {display:table-row;line-height:45px;}
.p13 .table dl dt {text-indent:60px;width:10%; min-width: 200px;display:table-cell;border-bottom: 1px solid #000;}
.p13 .table dl dd{display:table-cell;border-bottom: 1px solid #ededed;text-align:left;text-indent:60px;color:#999;}






/* »ç¾÷ºÐ¾ß */
.p21 > div {width:31%;margin:1%;float:left;}
.p21 .box {position:relative;height:430px;border:2px solid #d7d7d7;text-align:center;padding:3%;box-sizing:border-box;overflow:hidden;}
.p21 .borderbox {border:4px solid #000;box-sizing:border-box;}
.p21 .box h3 {margin-bottom:20px;}
.p21 .box ul {text-align:left;margin:20px 15px 0;} 
.p21 .box ul li:before {content:"";width:2px;height:2px;background:#333;display:inline-block;margin:3px 5px;}
.p21 .box .graybutton {position:absolute;left:50%;bottom:10%;width:266px;margin-left:-133px;display:block;background:#999999;color:#fff;line-height:47px;}
.p21 .box .graybutton:hover {background:#000;}






/* ÁÖ·ÂºÐ¾ß */
.p22 .text30 {font-size:40px;font-weight:500;}
.p22 > div {width:31%;margin:1%;float:left;}
.p22 .box {position:relative;height:430px;border:2px solid #d7d7d7;text-align:center;padding:3%;box-sizing:border-box;overflow:hidden;}
.p22 .borderbox {border:4px solid #000;box-sizing:border-box;}
.p22 .box h3 {margin-bottom:20px;}
.p22 .box ul {text-align:left;margin:20px 15px 0;} 
.p22 .box ul li:before {content:"";width:2px;height:2px;background:#333;display:inline-block;margin:3px 5px;}
.p22 .box h4 {font-size:26px;}
.p22 .box h4:after {content:'';display:block;width:45px;margin:20px auto 30px;border-bottom:1px solid #333;}






/* Á¦Ç°Á¤º¸ */
.p32 .dan {width:100%;overflow:hidden;margin:0 auto;}
.p32 .dan:first-child {margin-top:60px;}
.p32 .left {float:left;width:25%;}
.p32 .right {float:right;width:70%;}
.p32 .line {display:block;width:115px;height:1px;background:#000;}
.p32 .line2 {width:100%;height:1px;background:#ccc;margin:100px auto;}
.p32 h2 {line-height:2;font-size:25px;font-weight:300;margin:30px auto;}
.p32 .left h2 {font-weight:bold;}
.p32 .text12 {color:#666565}




/* ±ä±Þ¹®ÀÇ */
.bgbk {background:#000;color:#fff;font-size:13px;line-height:1.6;padding:2px 0;margin:20px auto;font-weight:100;}
.bgbk a { color:#fff;}




/* °ü°è»ç*/


.site ul{width: 100%;overflow: hidden;    margin: 30px 0 80px;}
.site li{width: 24.7%;padding: 1% 0 3% 0;;display: inline-block;     float: left;}
.site img{ box-shadow: 3px 3px 5px 3px rgb(0 0 0 / 15%);}





/* ============= 
 * RESPONSIVE
 * ============*/


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


/* ÆäÀÌÁö °øÅë */
.pagepan .simg img {width:100%;margin:20px auto}




/* Àλ縻 */
.p11 .left {width:98%;float:none;padding:1%;}
.p11 .right {width:98%;float:none;padding:1%;}




/* ÁÖ·ÂºÐ¾ß */
.p22 > div {width:98%;margin:1%;float:none;}
.p22 .box {height:auto;}




/* ±â¾÷°³¿ä */
.p13 .info {margin-top:20px;}
.p13 .info h3 {font-size:26px;margin-bottom:10px;}




/* Á¦Ç°Á¤º¸ */
.p32 .left {float:left;width:35%;}
.p32 .right {float:right;width:60%;}
.p32 .simg img {margin:0 auto;}
}























/* 
        °Ô½Ã±Û º»¹®À̹ÌÁö»çÀÌÁî
                                      */


#post_area img {max-width:100%!important; height:auto !important;}


@media all and (max-width:1000px) {
 #post_area img {width:78% !important;}
}


@media all and (max-width:680px) {
 #post_area img {width:98% !important;}




/* °ü°è»ç*/




.site li{width: 46%;padding: 1% 0 3% 2%;}





}