@charset "euc-kr";
 
/* ·¹À̾ƿô */
#container { width:100%; margin:0 auto 0px; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
.contents {position:relative;max-width:1100px;margin:0 auto;}
.contents:after { content:""; display:block; clear:both; }
section {position:relative;max-width:1100px; display:block; margin:0 auto; } 
section:after { content:""; display:block; clear:both; }



/**** ¸ÞÀÎÆäÀÌÁö »ó´Ü ½ÃÀÛ ***/

/* ¸ÞÀÎÀ̹ÌÁö */
#visual { position:relative;width:100%; height:575px; margin:0 auto; min-width:640px; text-align:center; }
#DB_tab16 ul, #DB_tab16 li{list-style:none;margin:0;padding:0}
#DB_tab16 img{border:none}
#DB_tab16 {width:100%;height:575px;position:relative;margin:0 auto; }
#DB_tab16 .DB_img{position:relative;width:100%;height:100%;overflow:hidden;}


#DB_tab16 .DB_img li{position:absolute;height:1000px;left:50%;top:0px;width:2000px;margin-left:-500px/*À̹ÌÁöÀÇ Àý¹Ý*/;display:none}
/*#DB_tab16 .DB_img li:first-child{display:block}*/
#DB_tab16 .DB_menu{position:absolute;bottom:50px;width:100%;text-align:center; z-index:20;}
#DB_tab16 .DB_menu li{display:inline;cursor:pointer;margin:10px;}
#DB_tab16 .DB_dirBtn{ position:absolute;width:100%;top:450px;}
#DB_tab16 .DB_dirBtn .DB_prev{position:absolute;left:0px;cursor:pointer}
#DB_tab16 .DB_dirBtn .DB_next{position:absolute;right:0px;cursor:pointer}


#DB_tab16 .DB_img li img {
  position:absolute;
  top:150px;
  width:1000px;
  margin-left:-1000px;
  max-width: 1000px; /* Add !important if needed. */
  height: auto;    /* Add !important if needed. */
}




/* header */
.category { position:absolute; left:0; top:10px; width:47px; height:43px; vertical-align:middle; z-index:100;}
.category a { display:inline-block; overflow:hidden; width:100%; height:100%; text-indent:100%; white-space:nowrap; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_category.png") no-repeat 0 0; background-size:47px 43px; }
/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:87%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}
#top {position:absolute; width:100%; height:146px; top:0; left:0px; margin:0 0; padding:0 0;background:url(../../img/top_bg.png) top center repeat-x; }
#top:after { content:""; display:block; clear:both; }
/* ·Î°í */
#top h1 {position:absolute; width:350px; left:50%; top:10px; margin:0 0 0 -175px; z-index:25;}
/* ·Î±×Àθ޴º */
.loginmenu { width:100%; height:30px; margin:0 auto;text-align:right; margin:0px 0px 0 0px;padding:0px;}
.loginmenu a {padding:0px 5px 0 7px; font-size:12px; color:#f1f1f1;line-height:25px;}
.loginmenu a:link{padding:0px 5px 0 7px; font-size:12px; color:#f1f1f1;text-decoration:none;line-height:25px; font-weight:500;}
.loginmenu a:visited{padding:0px 5px 0 7px; font-size:12px; color:#f1f1f1;text-decoration:none;line-height:25px; font-weight:500;}
.loginmenu a:hover{padding:0px 5px 0 7px; font-size:12px; color:#1a6ca7;text-decoration:none;line-height:25px; font-weight:500;}
/* »ó´Ü¸Þ´º */
#menuw {display:none; position:absolute; width:100%; height:45px; top:146px; margin:0 auto 0;  background:url(../../img/bg_menu.jpg) top center repeat-x; box-shadow: 0px 0px 15px #888888; }
#DB_navi38 ul, #DB_navi38 li{margin:0;padding:0;list-style:none;}
#DB_navi38 p{margin:0;padding:0}
#DB_navi38 .menu {font-size:16px; font-weight:bold; font-family:'Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic'; color:#383737; letter-spacing:0px; line-height:45px; text-decoration:none;}
#DB_navi38 .menu:hover { color:#017d99; } 
#DB_navi38 img{border:0;vertical-align:top}
#DB_navi38 {position:relative; width:100%;  max-width:1100px; height:45px; margin:0px auto;padding:0 0 0; }
#DB_navi38 ul li {width:16.666%; float:left;text-align:center;}
#DB_navi38 .DB_main{float:left;position:relative;margin-right:0px/*¸Þ´º°£°Ý*/}
#DB_navi38 .DB_main.DB_select{z-index:1}
#DB_navi38 .DB_main .DB_sub{display:none;position:absolute;top:45px/*¼­ºê³ôÀÌ*/;border:2px solid #0196b7;border-top:none;padding:10px;background:#ffffff;  }
#DB_navi38 .DB_main .DB_sub.s1{left:0px;width:280px;}
#DB_navi38 .DB_main .DB_sub.s2{left:0px;width:280px;}
#DB_navi38 .DB_main .DB_sub.s3{left:0px;width:280px;}
#DB_navi38 .DB_main .DB_sub.s4{left:0px;width:280px;}
#DB_navi38 .DB_main .DB_sub.s5{left:0px;width:280px;}
#DB_navi38 .DB_main .DB_sub.s6{left:0px;width:280px;}
#DB_navi38 .DB_main .DB_sub ul{float:left;width:120px;margin-right:5px}
#DB_navi38 .DB_main .DB_sub ul li {width:100%; text-align:left;}
#DB_navi38 .DB_main .DB_sub ul li a{color:#333333;display:block;padding:3px;}
#DB_navi38 .DB_main .DB_sub ul li a:hover{color:#333333;text-decoration:underline}
#DB_navi38 .DB_main .DB_sub .DB_show{float:right;margin:0px}
/* ¼­ºê »ó´Ü¸Þ´º½ÃÀÛ */
.m_nav {position:absolute; width:50px; height:60px; top:0; z-index:50; }
.view {position:absolute;top:0px;left:0px; margin:10px; width:40px; height:40px; background:url('../../img/btn_gnb.png') no-repeat; cursor:pointer; color:white; line-height:50px; } 
.monav {width:100%; height:50px; margin:0px auto;}
.cbp-spmenu-push {position:relative; left:0;}
/* General styles for all menus ¸ð¹ÙÀÏ&ÅÂºí¸´ ¸Þ´º ½ºÅ¸ÀÏ */
.cbp-spmenu { background: #47a3da; position: fixed; z-index:51;}  /* 51 */
.cbp-spmenu h3 { color: #afdefa; font-size: 1.9em; padding: 20px; margin: 0; font-weight: 300; background: #00497b;}
.cbp-spmenu a { display: block; color: #ffffff; font-size: 1.1em; font-weight: bold;}
.cbp-spmenu li a{ color: #ffffff;}
.cbp-spmenu a:hover { background: #258ecd;color: #ffffff;}
.cbp-spmenu a:active { background: #afdefa; color: #ffffff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 0; z-index: 1500;}
.cbp-spmenu-vertical a { border-bottom: 1px solid #258ecd; color: #ffffff;  padding: 1em;}
.cbp-spmenu-horizontal { width: 100%; height: 200px; left: 0; z-index: 1000; overflow: hidden;}
.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left;}
.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left { left: -240px;}
.cbp-spmenu-left.cbp-spmenu-open { left: 0px;}
/* Push classes applied to the body */
.cbp-spmenu-push-toright { left: 240px;}
.cbp-spmenu-push-toleft { left: -240px;}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.topnav { width: 240px; padding: 40px 28px 25px 0; }
 ul.topnav ul li a {  padding-left: 20px; color:#ffffff; font-weight: 300;}
 
ul.topnav span{ float:right;}
ul.topnav ul { margin: 0; padding: 0; display: none;}
/* ¼­ºê »ó´Ü¸Þ´º³¡ */

/* ¸Þ´º°íÁ¤ */
#menuw  .default {
   position: relative;
   width:100%;
   margin:0px auto 0;           
   min-width:1000px;
   z-index:100;
   background:url(../../img/bg_menu.jpg) repeat-x;
  }       
#menuw  .fixed {
  position: fixed;
  top: 0;
  z-index:102;
  height: auto;
  width:100%;
  margin:0px 0 0;  
  min-width:1000px;
  box-shadow: 0px 0px 15px #888888; 
  background:url(../../img/bg_menu.jpg) repeat-x;
 }       
/**** ¸ÞÀÎÆäÀÌÁö ÄÁÅÙÃ÷ ½ÃÀÛ ***/
/* ¸ÞÀÎ °øÅë À̹ÌÁö ¹× ÅؽºÆ® */ 
.img img {width:100%;}
.maincon {text-align:center;margin:60px auto;} 
.mainti {font-size:1.9em;letter-spacing:-0.5px; color:#454444;line-height:250%; }
.maintxt {font-size:1.3em;letter-spacing:-0.5px; color:#454444;line-height:200%;}
/* ¸ÞÀÎ1´Ü ¹è³Ê 3Á¾ */ 
.banner {position:relative;width:100%;margin:30px auto;} 
.banner:after { content:""; display:block; clear:both; }
.banner ul li {width:32.3%; float:left;overflow:hidden;display:inline-block;}
.banner .b01 {position:relative; margin-right:1%; }
.banner .b02 {position:relative; margin-right:1%; }
.banner .b03 {position:relative; }
 


.banner2 {position:relative; width:85%; margin:10px auto;} 
.banner2:after { content:""; display:block; clear:both; }
.banner2 h1 {margin:75px 0 0;border-top:1px solid #ddd;letter-spacing:30px;font-size:24px;font-weight:200;text-align:center;color:#333;}
.banner2 h1 span {position:relative;display:inline-block;top:-18px;padding:0 0 0 30px;background:#fff;}
.banner2 h1 b {font-weight:700;}
.banner2 ul {position:relative; margin:50px 0 0 0; overflow-hidden; }
.banner2 ul:after {content:"";display:block;clear:both;}
.banner2 li {position:relative; width:31% ;height:auto;margin-left:10px;color:#fff;text-align:center; overflow-hidden; float:left; display:inline-block}
.banner2 li:first-child {margin:0;}
.banner2 .one1 {background:#25479d;}
.banner2 .one2 {background:#424859;}
.banner2 .one3 {background:#192f67;}
.banner2 .img {position:relative;display:block;}
/* .banner2 .img a {position:absolute;top:50%;left:50%;width:188px;line-height:38px;margin:-20px 0 0 -95px;border:1px solid #ccc;color:#fff;text-align:center;} */
.banner2 .tit {position:relative;display:block;margin:30px 0 0;padding:0 0 25px;font-size:15px;}
.banner2 .tit:after {content:"";position:absolute;bottom:0;left:50%;margin-left:-17px;width:34px;height:2px;background:#fff;}
.banner2 .txt {display:block;margin:15px 0 25px 0 ;padding:0 35px; font-size:11px;}






/*   popup */
    /* A                A A                :            A                :            A                :            A                :                      */
      #divPopup01       { position         : absolute;  left             : 3%;     top              : 200px;     background-color : white;                
                          visibility       : hidden;  z-index :999;                                                                                                        }
      #divPopup02       { position         : absolute;  right            : 3%;     top              : 200px;     background-color : white;                
                          visibility       : hidden;  z-index :999;                                                                                                         }
      #divPopup03       { position         : absolute;  right            : 33%;     top              : 200px;     background-color : white;                
                          visibility       : hidden;  z-index :999;                                                                                                         }
      .divPDescript     { width            : 500px;     height           : auto;    cellpadding      : 0;         cellspacing      : 0;                    
                          border           : 0px;                                   text-align       : center;    bgcolor          : whire;                  }
      .divPDescript a
     ,.divPDescript a img
                        { width            : 100%;      height           : auto;                                                                             }
      .divFooter        { padding-bottom   : 5px;       padding-top       : 5px;     text-align       : right;     bgcolor          : white;                 }
      .divFooter button { cursor           : pointer;   border            : 0px;     background-color : #e5e5e5;                                             }









.banner img {width:100%;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.banner img:hover{ opacity:0.8;filter:alpha(opacity=8); }
/* ¸ÞÀÎ1´Ü »ó´ã¾ÆÀÌÄÜ */
.main_icon_cs { text-align:center;width:100%;padding:60px 0;}
.main_icon_cs .txt {font-size:1.7em; font-weight:bold; color:#454444; line-height:300%;}
/* ¾ÆÀÌÄÜ3Á¾ * 3´Ü */
.main_i {width:50%; height:200px; text-align:center; float:left; margin:10px auto; border-right:1px solid #a2a2a2; box-sizing: border-box; }
.main_i a{display:block;width:100%;height:100%;}



.mainBot {width:auto;overflow:hidden;margin:60px 10px 0;}
.mainBot .movLink {position:relative;float:left;width:280px;text-align:center;overflow:hidden;}
.mainBot .movLink a {position:relative;display:block;height:280px;background:url(/base_1/img/movlink.jpg) no-repeat 50% 50%;color:#fff;font-size:18px;font-weight:bold;}
.mainBot .movLink span {position:absolute;top:50%;left:0;right:0;margin:40px 0 0;}
.mainBot .movLink .youtubeWrap {display:none;position:absolute;top:0;right:0;bottom:0;left:0;}
.mainBot .movLink iframe {width:100%;height:280px;}
.mainBot .mainTimeInfo {float:left;width:280px;margin-left:26px;text-align:center;}
.mainBot .mainTimeInfo > div {height:278px;border:1px solid #ddd;}
.mainBot .mainTimeInfo .tit {margin:30px 0 0;color:#000;font-size:16px;}
.mainBot .mainTimeInfo .phone {margin:15px 35px 0;padding:0 0 5px;color:#25479d;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:100;font-size:38px;line-height:1.2;}
.mainBot .mainTimeInfo .time {zoom:1;overflow:hidden;margin:20px 25px 0;}
.mainBot .mainTimeInfo .time p {width:33.33%;float:left;}
.mainBot .mainTimeInfo .time p strong {display:block;color:#999;font-weight:300;}
.mainBot .mainTimeInfo .time p span {display:block;color:#333;}
.mainBot .mainTimeInfo .holiday {margin:10px 0 0;color:#929bb0;}
.mainBot .mainQuickLink {float:left;width:280px;margin-left:26px;text-align:center;}
.mainBot .mainQuickLink p {height:280px;background:#ebeef6;}
.mainBot .mainQuickLink img {width:77px;}
.mainBot .mainQuickLink strong {display:block;padding:45px 0 20px;color:#333;font-size:18px;}
.mainBot .mainQuickLink a {display:block;width:136px;line-height:34px;margin:25px auto 0;border:1px solid #999;color:#333;}


 .mainBot .movLink,
 .mainBot .mainTimeInfo,
 .mainBot .mainQuickLink {width:50%;margin:0;padding:0 20px;box-sizing:border-box;}
 .mainBot .movLink a,
 .mainBot .mainTimeInfo > div,
 .mainBot .mainQuickLink p {height:320px;box-sizing:border-box;}
 .mainBot .movLink .youtubeWrap {right:20px;left:20px;}
 .mainBot .movLink iframe {height:320px;}
 .mainBot .mainTimeInfo .tit  {margin:25px 0 0;}
 .mainBot .mainTimeInfo .phone {font-size:28px;}
 .mainBot .mainQuickLink {margin-top:40px;}
 .mainBot .mainQuickLink img {width:100px;}
 .mainBot .mainQuickLink strong {font-size:24px;}

.mainBot2 {width:auto;margin:60px 10px 0;}
.mainBot2 .movLink2 {width:100%;margin:0;padding:0 20px;box-sizing:border-box;position:relative;text-align:center;overflow:hidden;}
.mainBot2 .movLink2 a {position:relative;display:block;height:400px;background:url(/base_1/img/movlink2.jpg) no-repeat 50% 50%;color:#fff;font-size:18px;font-weight:bold;box-sizing:border-box;}
.mainBot2 .movLink2 span {position:absolute;top:50%;left:0;right:0;margin:40px 0 0;}
.mainBot2 .movLink2 .youtubeWrap {display:none;position:absolute;top:0;right:0;bottom:0;left:0;}
.mainBot2 .movLink2 iframe {width:100%;height:400px;}



/* ¹è³Ê ÅؽºÆ® */
.txt .tit {font-size:1.5em;letter-spacing:-0.5px; font-weight:bold;  color:#454444;line-height:200%; }
.txt .de {font-size:1.0em;letter-spacing:-0.5px; color:#454444; line-height:150%; }
.txt .de2 {font-size:1.45em; font-weight:bold;  letter-spacing:-0.5px; color:#454444; line-height:100%;  }

.main_i .icon_01 {
 background:url(../../img/icon_01.png) no-repeat;
 margin:0 auto; 
 width:81px;height:81px;
 transition: transform 0.3s;
 -ms-transition: transform 0.3s;
 -webkit-transition: -webkit-transform 0.3s;
 -o-transition: -o-transform 0.3s;
 transform:rotateY(180deg);
 -ms-transform:rotateY(180deg);
 -webkit-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
}
.main_i .icon_01:hover {
 background:url(../../img/icon_01_on.png) no-repeat;
 margin:0 auto; 
 transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}
.main_i div.icon_02 {
 background:url(../../img/icon_02.png) no-repeat;
 margin:0 auto; 
 width:81px;height:81px;
 transition: transform 0.3s;
 -ms-transition: transform 0.3s;
 -webkit-transition: -webkit-transform 0.3s;
 -o-transition: -o-transform 0.3s;
 transform:rotateY(180deg);
 -ms-transform:rotateY(180deg);
 -webkit-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
}
.main_i div.icon_02:hover {
 background:url(../../img/icon_02_on.png) no-repeat;
 margin:0 auto; 
 transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}

.main_i div.icon_03 {
 background:url(../../img/icon_03.png) no-repeat;
 margin:0 auto; 
 width:81px;height:81px;
 transition: transform 0.3s;
 -ms-transition: transform 0.3s;
 -webkit-transition: -webkit-transform 0.3s;
 -o-transition: -o-transform 0.3s;
 transform:rotateY(180deg);
 -ms-transform:rotateY(180deg);
 -webkit-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
}
.main_i div.icon_03:hover {
 background:url(../../img/icon_03_on.png) no-repeat;
 margin:0 auto; 
 transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}
 
.main_i div.icon_04 {
 background:url(../../img/icon_04.png) no-repeat;
 margin:0 auto; 
 width:81px;height:81px;
 transition: transform 0.3s;
 -ms-transition: transform 0.3s;
 -webkit-transition: -webkit-transform 0.3s;
 -o-transition: -o-transform 0.3s;
 transform:rotateY(180deg);
 -ms-transform:rotateY(180deg);
 -webkit-transform:rotateY(180deg);
 -o-transform:rotateY(180deg);
}
.main_i div.icon_04:hover {
 background:url(../../img/icon_04_on.png) no-repeat;
 margin:0 auto;
 transform:rotateY(360deg);
 -ms-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}

.main_i div.icon_05 {
 background:url(../../img/icon_05.png) no-repeat;
 margin:0 auto; 
 width:116px;height:80px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.main_i div.icon_05:hover {
 background:url(../../img/icon_05_on.png) no-repeat;
 margin:0 auto;  
}
.main_i div.icon_06 {
 background:url(../../img/icon_06.png) no-repeat;
 margin:0 auto; 
 width:80px;height:80px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.main_i div.icon_06:hover {
 background:url(../../img/icon_06_on.png) no-repeat;
 margin:0 auto; 
}
/* ¸ÞÀÎ3´Ü */ 
.wide {margin:30px auto;}
/* ¸ÞÀιöÆ° */ 
.main_i .mainBtn {
 margin-top:30px;
 text-decoration:none;
 font-family:'Nanum Gothic';
 text-indent:0px;
 line-height:50px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-align:center;
 vertical-align:middle;
 display:inline-block;
 font-size:30px;
 font-weight:bold;
 color:#0196b7;
 width:50px;
 height:50px;
 border-color:#0196b7;
 border-width:3px;
 border-style:solid;
 background:#ffffff url(../../img/main_btn_off.png) no-repeat;
}
.main_i .mainBtn:active {
 position:relative;
 background:#0196b7 url(../../img/main_btn_on.png) no-repeat;
 top:0px
}
.main_i .mainBtn:hover {
 background:#0196b7 url(../../img/main_btn_on.png) no-repeat;
}
/* ÇÏ´ÜÁ¤º¸ */ 
#bottomw {clear:both; position:relative;width:100%; padding-top:15px; height:45px; margin:0px auto; background:#757575; }
#bottom {position:relative;  height:40px; margin:0 auto;  }
#bottom .link {position:relative; width:100%; margin:0 auto; text-align:center;  }
#bottom .link a { margin-right:20px;  color:#dadada; font:12px 'Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic'; }
#bottom .sns { position:absolute; width:20%; top:0px; right:20px; padding:15px 20px 0px;text-align:right; }
#footerw {clear:both; position:relative;width:100%; height:100px; margin:0 auto; background:#757575;  }
#footer { position:relative; height:90px; color:#dadada; margin:0px auto; *zoom:1; padding:0px 0; font-size:12px; }
.f_right{position:relative;width:80%;margin:0 auto; padding:10px 10% 0 10%;  }
.f_right .copyright { width:100%; float:left;color:#dadada; font-size:12px; line-height:18px;  text-align:center;}
.f_right .copyright a {color:#dadada; font-size:11px;}

#bottomw {display:none;}

/* ¸ÞÀÎÆäÀÌÁö ³¡*/


/* ¼­ºêÆäÀÌÁö ½ÃÀÛ */
/* ¼­ºê »ó´Ü À̹ÌÁö*/ 
#svisual { position:relative;width:100%; height:300px; margin:0 auto; text-align:center; background:url(../../img/svi1.jpg) top center no-repeat;}
 
  
  
/* SUBÄÁÅÙÃ÷¿µ¿ª ·¹À̾ƿô */
.s_contentw { position:relative;width:100%; margin:0 auto; height:auto; }
.s_content { position:relative; margin:50px auto 0px; }
.s_con { position:relative; width:100%; padding:0px 0 0px 0px; margin:0px auto 50px;}
.s_con .con {clear:both:width:100%;min-height:500px; margin:30px 0 0;  }
 
 
/* SUB¸Þ´º */
.sub_menu { margin:-140px 0 0px; }
.sub_menu h3 { font-size:35px; line-height:30px; font-family:"Nanum Gothic",'¸¼Àº °íµñ','Malgun Gothic'; font-weight:bold; padding:0 0px 0px 0px; letter-spacing:5px;color:#ffffff; text-align:center;} 
.smenu {position:relative; width:100%; margin:130px 0 70px 0px;text-align:center;}

/* ¼­ºê¸Þ´º ÅؽºÆ®·Îº¯°æ */
.smenu a { text-align:cetner; color:#000000; font-weight:600; text-align:cetner; dispaly:block; width:100%; padding:10px 30px 10px 30px; background:#D5D5D5;}
.smenu .on {   margin:0 10px 0 10px; border:1px solid #fff; color:#000000;font-weight:600; }
.smenu .on:visited { color:#fff;font-weight:600;background:#353535;}
.smenu a:visited { color:#000000;font-weight:600;}
.smenu a:hover { color:#333333;font-weight:600;background:#F6F6F6;}




 /*¼­ºêŸÀÌƲ */
.subtitle {width:100%; font-size:2.188em; line-height:150%; font-weight:bold;color:#333333;letter-spacing:-0.5px;text-align:center; }
.subtit_info {width:100%; font-size:2em; line-height:150%; font-weight:bold;color:#0f8aa5;letter-spacing:-0.5px;text-align:center;}
/* Ž»ö°æ·Î¹Ù */
.path { display:none; margin-top:-25px; overflow:hidden; height:30px; line-height:18px; *zoom:1;float:right;  }
.path h2 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:left; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#757575; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_path.gif") no-repeat 0 5px; }
.path li:first-child { background:none; margin:0 0 0 -8px; }
.path li a { color:#757575; }
.path li strong,
.path li strong a { color:#2e2e2e; }


  
/* login */
.memberlogin_form1 {width:329px;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom;}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
.etc_act  {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li  {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;}
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2  h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1  {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:1.5em}
.member_join .join_complate .txt2 {color:#666666;line-height:1.5em}




.mainTimeInfo .oper { width : 100% !important;
color: #999;
    font-weight: 300; margin-top : 10px;} 
.mainTimeInfo .oper.b { margin-top : 5px;}