@charset "euc-kr";
 

/* ie8 ÀÌÇϹöÀü Àû¿ë */

article, aside, hgroup, header, footer, figure, figcaption, nav, section {
    display:block;
}



/* ·¹À̾ƿô */
#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:980px; margin:0 auto; min-width:1000px; 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:980px;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:835px;left:50%;top:145px;width:2000px;margin-left:-1000px/*À̹ÌÁöÀÇ Àý¹Ý*/;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}


/* header */
#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:99;}
/* ·Î±×Àθ޴º */
.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:##8C8C8C;line-height:25px;}
.loginmenu a:link{padding:0px 5px 0 7px; font-size:12px; color:##8C8C8C;text-decoration:none;line-height:25px; font-weight:500;}
.loginmenu a:visited{padding:0px 5px 0 7px; font-size:12px; color:##FF007F;text-decoration:none;line-height:25px; font-weight:500;}
.loginmenu a:hover{padding:0px 5px 0 7px; font-size:12px; color:##191919;text-decoration:none;line-height:25px; font-weight:500;}
/* »ó´Ü¸Þ´º */
#menuw {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.6666%; 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:none;}
.view {position: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:2.45em;letter-spacing:-0.5px; color:#454444;line-height:250%; }
.maintxt {font-size:2em;letter-spacing:-0.5px; color:#3DB7CC;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%; float:left;overflow:hidden;display:inline-block;}
.banner .b01 {position:relative; margin-right:20px; }
.banner .b02 {position:relative; margin-right:20px; }
.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 160px; overflow-hidden; }
.banner2 ul:after {content:"";display:block;clear:both;}
.banner2 li {position:relative; width:28% ;height:380px;margin-left:40px;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:20px;}
.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 0;padding:0 35px; font-size:14px;}




.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%; text-align:center; float:left; margin:auto; padding:40px; border-right:4px solid #EAEAEA;box-sizing: border-box; }
.main_i a{display:block;width:100%;height:100%;}




/* ¸ÞÀÎ ÇÏ´Ü µ¿¿µ»ó movLink, ÀüÈ­¹øÈ£ µî mainTimeinfo, ¹Ù·Î°¡±â 2Á¾ mainQuickLink */
.mainBot {width:100%;overflow:hidden;margin:90px auto 0;}
.mainBot .movLink {position:relative;float:left;width:23%;      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:23%;     margin-left:26px;text-align:center;}
.mainBot .mainTimeInfo > div {height:278px;border:1px solid #ddd;}
.mainBot .mainTimeInfo .tit {margin:15px 0 10px ;color:#000;font-size:15px;}
.mainBot .mainTimeInfo .phone {margin:5px 15px 0;padding:8px 0px 8px 0px;color:#25479d;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:600;font-size:24px;line-height:1.2;}
.mainBot .mainTimeInfo .time {zoom:1;overflow:hidden;margin:10px 20px 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:3px 0 0;color:#929bb0;}
.mainBot .mainQuickLink {float:left;width:23%;     margin-left:26px;text-align:center;}
.mainBot .mainQuickLink p {height:280px;background:#ebeef6;}
.mainBot .mainQuickLink img {width:110px;}
.mainBot .mainQuickLink strong {display:block;padding:35px 0 10px;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;}


/* ¸ÞÀÎ ÇÏ´Ü µ¿¿µ»ó movLink, ÀüÈ­¹øÈ£ µî mainTimeinfo, ¹Ù·Î°¡±â 2Á¾ mainQuickLink */
.mainBot2 {width:100%; height:700px; margin:90px auto 0;}
.mainBot2 .movLink2 {position:relative;width:100%;text-align:center;overflow:hidden;}
.mainBot2 .movLink2 a {position:relative;display:block;height:700px;background:url(/base_1/img/movlink2.jpg) no-repeat 50% 50%;color:#fff;font-size:18px;font-weight:bold;}
.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:700px;}





/* ¹è³Ê ÅؽºÆ® */
.txt .tit {font-size:2em;letter-spacing:-0.5px; font-weight:bold;  color:#454444;line-height:200%; }
.txt .de {font-size:1.125em;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_re.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_re.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; max-width:1100px; height:40px; margin:0 auto;  }
#bottom .link {position:relative; width:40%; margin:0 auto; padding:12px 20px 12px 0px; float:left; }
#bottom .link a {  margin-right:20px;  color:#dadada; font:12px 'Nanum Gothic','¸¼Àº °íµñ','Malgun Gothic'; }
#bottom .sns {width:50%; float:right; margin:0 auto; padding:15px 20px 0px;text-align:right; }
#footerw {clear:both; position:relative;width:100%; height:100px; margin:0 auto; background:#757575;  }
#footer { position:relative; max-width:1100px; height:90px; color:#dadada; margin:0px auto; *zoom:1; padding:0px 0;text-align:left; font-size:12px; }
.f_right{position:relative;width:100%;margin:0 auto;float:right; padding:10px 0 0 0px; }
.f_right .copyright { width:100%; float:left;color:#dadada; font-size:12px; line-height:18px; }
.f_right .copyright a {color:#dadada; font-size:11px;}

#bottomw {display:none;}

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


/* ¼­ºêÆäÀÌÁö ½ÃÀÛ */
/* ¼­ºê »ó´Ü À̹ÌÁö*/ 
#svisual { position:relative;width:100%; height:400px; margin:0 auto; min-width:1000px; text-align:center; background:url(../../img/svi1.jpg) top center no-repeat;}
 
/* ¼­ºê »ó´Ü¸Þ´º */
#smenuw {position:relative; width:100%; height:60px; margin:95px auto 0;  z-index:50; }
.m_nav {display:none;}
 
 
/* SUBÄÁÅÙÃ÷¿µ¿ª ·¹À̾ƿô */
.s_contentw { position:relative;width:100%; margin:0 auto; height:auto; }
.s_content { position:relative; max-width:1100px; margin:50px auto 0px; }
.s_con { position:relative; max-width:1100px; 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:-170px 0 0px; }
.sub_menu h3 { font-size:35px; line-height:30px; font-family:"Nanum Gothic",'¸¼Àº °íµñ','Malgun Gothic'; font-weight:bold; letter-spacing:5px;color:#ffffff; text-align:center;} 
.smenu {position:relative; width:100%; max-width:1100px;  margin:130px 0 70px 0px;text-align:center;}
.smenu a { font-size:1.25em; color:#000000; font-weight:600;text-align:cetner; width:100%; height:300px; 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;}






    /* 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;  left             : 3%;     top              : 650px;     background-color : white;                
                          visibility       : hidden;    z-index          : 999;                                                                                                     }

      .divPDescript     { width            : 560px;     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;                                             }






 /*¼­ºêŸÀÌƲ */
.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:1.5em; 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; }


 


#container_list #category_sel .list_cell_titles {bgcolor:#F361DC;}




#page1_5mapWrap { width : 95%; height: auto; padding-top: min(50%,600px); position:relative; margin : 0 auto; margin-top:min(10%,70px);}

#page1_5mapWrap .root_daum_roughmap  { width : 100%; height:100%; position:absolute; display: flex; flex-direction:column; top : 0; left:0;}
#page1_5mapWrap .root_daum_roughmap .wrap_map { flex-grow:1;}
#page1_5noMargin { margin-top : 0;}
#page1_5noMarginBot { margin-bottom : 0;}
.mainTimeInfo .oper { width : 100% !important;
color: #999;
    font-weight: 300; margin-top : 6px;} 
.mainTimeInfo .oper.b { margin-top : 3px;}