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

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

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


/* ¼­ºê»ó´ÜÀ̹ÌÁö */
#svisual {position:relative;width:100%;height:280px;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:130px 0 10px;font-size:30px;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:12px; 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%;}


/* ŸÀÌƲ */
.titleArea {clear: both; 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 h3 { display:inline-block; padding:0 30px 13px 30px; color:#2e2e2e; font-size:18px; 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:10px;}
.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;}

.content-t { clear:both;padding: 20px 0 10px;}

.s_title_00 {
 display: block;
 color: #000;
 line-height: 35px;
 font-size: 25px;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 text-align: center;
 
}

.s_title_01 {
 color: #8a6d3b;
 line-height: 35px;
 font-size: 25px;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 letter-spacing: -1px;

}


.s_title_03 {
 color: #8a6d3b;
 line-height: 35px;
 font-size: 18px;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;
 letter-spacing: -1px;

}


.s_title_04 {
 color: #8a6d3b;
 font-size: 18px;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;

 font-weight: bold;
}


.s_title_05 {
 color: #555;
 line-height: 2;
 font-size: 14px;
 padding-top: 15px;
 padding-right: 15px;
 padding-bottom: 15px;

 
}


.horizon {}
.horizonTable {table-layout: fixed; margin:0 auto 0px auto;}


.horizonTable tr th,td 
{border-collapse:collapse;}



.horizon { overflow-x: hidden; }



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

@media screen and (max-width: 1200px) {
 
/* ÁÂÃø¸Þ´º -> ÅǸ޴º·Î º¯°æ */
.smenu {float:none; width:98%;margin:20px auto 70px; max-width:100%; text-align:center;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:0.5% 0.3%; background:#fff; border:1px solid #c3c3c3;border-radius: 50px;}
.smenu ul li a {padding:0 60px;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; border-bottom:0px solid #000;border-radius: 50px;}
.smenu ul li.on a {color:#fff; font-weight:bold; }
.smenu ul li.on:hover {background:#898989;}
.smenu p {display:none;}
.scon { float:none; width:98%;}

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


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

/* ÅǸ޴º ¼û±è */


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


@media screen and (max-width: 750px) {
/*
½ºÅ©·Ñ
*/
table.app_table {width: 1000px;}
.horizon { overflow-x: scroll; }

.smenu ul li a {padding:0 20px; font-size:12px;}

}

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

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


/* ÆäÀÌÁö °øÅë */
.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;}



 /* ·Ñ¿À¹ö¹öÆ° */
.reservation .btn_more { position:relative; display:block; width:200px; height:50px; margin:0 auto; box-sizing:border-box; text-align:center; line-height:50px; font-size:16px; color:#fff; border:1px solid #c7a582; background:#c7a582; border-radius: 50px; font-weight: bold;}
.reservation .btn_more:hover { background:#fff; border:1px solid #c7a582;color:#c7a582;  }




/* Àλ縻 */
.p11 {position:relative;width:100%;overflow:hidden;margin:0 auto;}
.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;}




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