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








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




     »ó´Ü(·Î°í,¸Þ´º)




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




/* »ó´Ü·¹À̾ƿô */
#header { height:70px; }



/* ·Î°í */
#header h1 { background:url('../../img/dmedi/logo.png') no-repeat;   }
#header h1 {background-size:auto 80%; margin-top:5px}
#header h1 a { display:block; width:100%; height:100%; }
 
/* ¾ÆÀÌÄܸ޴º */ 
#header .ico_menu { padding-top:19px; }
#header .ico_menu a { margin:0 3px; padding:0 0px; } 




/** ¸Þ´º on ¹× ½ºÅ©·Ñ½Ã **/ 
#header.son h1 {height:60px;margin-top:5px}  
 
#contents {margin:1rem auto 70px;}


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




      ÇÏ´Ü È¸»çÁ¤º¸ cssÆÄÀÏ




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




 #footer {overflow:initial;}
.t_footer {height:85px;} 


.t_footer .utilMenu li {  padding:5px 10px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar2.gif") no-repeat 0 17px; }
.t_footer .utilMenu li.home {  background:none; }



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




        ¼­ºê ÆäÀÌÁö cssÆÄÀÏ




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








/* ¼­ºê»ó´ÜÀ̹ÌÁö */
#svisual {position:relative;width:100%;height:150px;overflow:hidden;margin:0 auto;padding:0 0;}
 




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












/* ŸÀÌƲ */
.titleArea {clear:both; min-height:30px;margin:0px 0 ; text-align:center;padding:1rem 0; }
.titleArea h2 { display:inline-block; padding:0 30px 0 30px; color:#2e2e2e; font-size:1.5rem; font-weight:600;  }
.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; }






/* ¼­ºêÆäÀÌÁö °øÅë */
.pagepan {margin:20px auto;} 
.pagepan .mt {margin-top:20px;} 
.pagepan .simg img {width:100%;}
.pagepan h3 {font-size:1.3rem;}
.pagepan h4 {font-size:16px;} 
.pagepan .text12 {font-size:14px;line-height:1.8;}
.pagepan .text10 {font-size:13px;}





/* ŸÀÌƲ¿· < > ¹öÆ° */
.pagebtn a {position:absolute;width:29px;height:43px;z-index:99;background-size:contain;top: -6px;}
.co_prev {left:0px;top:0px;background:url("../../img/dmedi/co_prev.png") center no-repeat;} 
.co_next {right:0px;top:0px;background:url("../../img/dmedi/co_next.png") center no-repeat;}

















 








/* ±â¾÷°³¿ä */
.p13 .left {width:100%;float:none;tet-align:center;} 
.p13 .left .simg {text-align:center;}
.p13 .right {width:100%;float:none;}
.p13 .info {margin-top:20px;}
.p13 .info h3 {font-size:26px;margin-bottom:10px;}
.p13 .info .text {font-size:14px;}
.p13 .info a {color:#fff;}
.p13 .table dl dt {min-width:100px;text-indent:20px;}












/* »ç¾÷ºÐ¾ß */
.p21 > div {width:98%;margin:1%;float:none;}
.p21 .box {height:360px;} 
.p21 .box h3 {margin-top:15px;margin-bottom:30px;}
.p21 .box ul {text-align:center;margin:20px 0px 0 -10px;} 
.pagepan.p21 > ol > li > ul > li { margin-left:20px; color:#999;} 












/* ÁÖ·ÂºÐ¾ß */
.p22 .text30 {font-size:28px;}
.p22 .box h4 {font-size:18px;}
.pagepan.p22 > ol > li > ul > li { margin-left:20px; color:#999;} 


/* Á¦Ç°¼Ò°³ */


.p31 .dan {width:100%;overflow:hidden;margin:0 auto;}
.p31 .dan:first-child {margin-top:20px;}
.p31 .left {width:100%;}
.p31 .right {width:100%;}
.p31 .line {display:block;width:115px;height:1px;background:#000;}
.p31 .line2 {width:100%;height:1px;background:#ccc;margin:100px auto;}
.p31 h2 {line-height:2;font-size:18px;font-weight:500;margin:10px auto;}
.p31 .left h2 {font-weight:bold;}
.p31 .text12 {margin-top:30px;color:#666565}
.p31 .text12 span {display:inline-block;width:100px;font-weight:bold;color:#666565}
.p31 .simg img {margin:0 auto;}






/* Á¦Ç°Á¤º¸ */
.p32 .dan:first-child {margin-top:20px;}
.p32 h2 {font-size:18px;font-weight:500;margin:10px auto;}
.p32 .line2 {margin:70px auto;}
.p32 .left {float:none;width:100%;}
.p32 .right {float:none;width:100%;}
.p32 .simg img {margin:0 auto;}
.p32 .text13{font-size:14px;}





#brolu ul.col li {width:48%;padding-left:1.3%;} /* ¹è³Ê */






}