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


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

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

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

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

/* ·Î°í */
#header h1 { background:url('../../img/dmedi/logo.png') no-repeat; width:170px; height:60px; }
#header h1 {background-size:auto 100%; 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}  
 
/* Àüü¸Þ´º */
#full { min-width:280px;overflow-y:auto;background:rgba(37,37,37,1)}
#full .close { position:absolute; right:5px; top:10px;}
#full .close img { width:60%;}
#full .inner { width:90%; margin:50px auto 0;}
#full .inner li > a { display:block; font-size:13px; font-weight:400;color:#fff; line-height:3; border-bottom:1px solid #666;}
#full .inner li { display: inline-table; width:29%;margin:3% 1% 3%;}
#full .inner dl { padding:7px 0 7px 10px;}
#full .inner dd > a { display:block; line-height:30px; color:#fff; font-size:12px; background:url('../../img/dmedi/blt_cir.png') no-repeat 0 center; background-size:3px 3px;padding-left:7px;}
#full .inner dd a:hover { color:#f1f1f1;  }
#full .inner dd .d3 { padding:5px 0 5px 10px; }
#full .inner dd .d3 a { display:block; line-height:2; font-size:12px; color:#fff; background:url('../../img/dmedi/blt_rect.png') no-repeat 0 center; padding-left:10px; }
#full .inner dd .d3 a:hover { color:#f1f1f1; }

 



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

     ¸ÞÀÎÀ̹ÌÁö

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

.main_visual {height:450px;}
.flexslider {height:450px;}
.flexslider img {max-width:100%;}
 #main-slider .slides li .slide_img { position:absolute; width:100%; min-width:900px; transform: translateX(-50%); top:0; left:50%; opacity:1; filter:alpha(opacity=100); }


/** text_box ½ºÅ¸ÀÏ1¹ø **/
#main-slider .slides .text_box.ver1 {top:180px;width:80%;}
#main-slider .slides .text_box.ver1 .txt1 {font-size:22px;} 
#main-slider .slides .text_box.ver1 .txt2 {font-size:18px;letter-spacing:-1px; }
#main-slider .slides .text_box.ver1 .txt3 {font-size:12px;margin-top:10px;} 

/** text_box ½ºÅ¸ÀÏ2¹ø **/
#main-slider .slides .text_box.ver2 {top:120px;width:70%; }  
#main-slider .slides .text_box.ver2 .txt1 { font-size:16px; font-weight:300; } 
#main-slider .slides .text_box.ver2 .txt2 { font-size:22px; line-height:1.2; letter-spacing:-1px; }
#main-slider .slides .text_box.ver2 .txt3 { font-size:12px; font-weight:300; margin-top:10px; }

/* more¹öÆ° */
#main-slider .slides .text_box.ver1 .btn_more {margin:10px 0;width:100px;}
#main-slider .slides .text_box.ver1 .btn_more img {display:none;}
#main-slider .slides .text_box.ver2 .btn_more {margin:10px 0;width:100px;}
#main-slider .slides .text_box.ver2 .btn_more img {display:none;}

/* nav¹öÆ° */ 
#main-slider .flex-direction-nav .flex-prev { left:2%; }
#main-slider .flex-direction-nav .flex-next { right:1%; }
 
 




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

    ¸ÞÀÎÆäÀÌÁö °øÅëŸÀÌƲ

***********************************/
 
.main_title {position:relative;margin:50px auto 35px;text-align:center;}
.main_title h2 {font-size:20px;color:#1c1c1c;font-weight:900;line-height:1.8;}
.main_title p {font-size:12px;color:#616161;font-weight:500;} 






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

    ¸ÞÀν½¶óÀ̵å¹è³Ê(PRODUCT)

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

.m_con_01 {padding:0 0 20px;}
#mixedSlider .MS-content .item {width:100%;padding:0 0%;} 
#mixedSlider .MS-content .item .blogTitle {margin:15px 10px 5px 10px;font-size:17px;font-weight:900;}
#mixedSlider .MS-content .item p {font-size:13px;margin:0 10px;}
/* È­»ìÇ¥ */
#mixedSlider .MS-controls .MS-left {left:0px;top:-80px;}
#mixedSlider .MS-controls .MS-right {right:0px;top:-80px;} 

  






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

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

.m_con_02 {padding:0 0 50px;}
.m_con_02 .left {float:none;margin:0 auto;width:100%;}
.m_con_02 .left iframe {width:100% !important;height:auto; min-height:300px;}
.m_con_02 .right {float:none;margin:30px auto 0;width:100%}

.m_con_02 .sq {width:auto;height:auto;font-size:15px;margin:0 10px 10px 0px;padding:0 10px 10px 10px;}
.m_con_02 .title .sti {font-size:15px;}          
.m_con_02 .title .bti {font-size:17px;margin-top:10px;}      
.m_con_02 p.txt {font-size:13px;margin:10px;}
.m_con_02 .more {margin:10px;font-size:12px;}
 






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

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

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

.support .spban {height:290px;background:url(../../img/dmedi/spban_bg.jpg) no-repeat top left;background-attachment:initial;background-size:cover;overflow:hidden;}
.support .spban p {width:90%;margin:0 auto;padding-left:2%;}

.support .one {font-size:22px;padding-top:70px;font-weight:300;} 
.support .two {font-size:17px;padding-top:0px;font-weight:100;}

.support .board .left, 
.support .board .right {width:98%;}
.support .gmore {top:5px;right:5px;}
.mainboard h2 {font-size:17px;margin-bottom:17px;}

.bd_out1 {padding:10px 2px;}

.mainboard .board_table td { padding:5px 0px 7px;}
.mainboard .board_table tr:first-child td { padding:5px 0px 7px;}
.board_output .bd_out1 a {font-size:13px !important;}
.board_output td {font-size:13px !important;}









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

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

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

 #footer {overflow:initial;}
.t_footer {height:85px;} 
.t_footer .utilMenu { width:100%;margin:0 auto; }
.t_footer .utilMenu { overflow:visible; height:36px; line-height:36px; *zoom:1; }
.t_footer .utilMenu li { float:left; 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 { padding-left:10px; background:none; }
.t_footer .utilMenu li a { color:#ccc; } 

.company_info {width:100%; }
.company_info .address { padding:13px 5px 20px; }
.company_info .address span { padding:0 10px 0 0; }
.company_info .address span a { color:#757575; }

.sns {position:absolute;top:40px;right:0px;width:95%;padding-right:5%;text-align:right;}
.sns a {margin:0 5px;}



 



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

        ¼­ºê ÆäÀÌÁö 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:35px 0 15px;font-size:22px;color:#fff;opacity:1;letter-spacing:0px;font-weight:900;}
.subtopArea p {font-size:12px;color:#fff;}



/* ŸÀÌƲ */
.titleArea { min-height:30px;margin:0px 0 30px;border-bottom:1px solid #ededed; text-align:center;}
.titleArea h2 { 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:43px;z-index:99;background-size:contain;}
.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;}



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



/* ±â¾÷°³¿ä */
.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;} 



/* Á¦Ç°Á¤º¸ */
.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;}




}