
html, body { padding:0; width:100%; height:100%; font-family: Seoul, ±¼¸², Arial, Verdana, Helvetica; font-size:12px; margin:0 auto;color:#000000; line-height:20px; text-decoration:none;  }


img { border:0; }
li { list-style:none; }

A:link {   color:#000;text-decoration:none; }
A:active { color:#000;text-decoration:none; }
A:visited {  color:#000;text-decoration:none; }
A:hover {  color:#fa6600;text-decoration:none; }


.divbody { float:none; width:100%; margin:0 auto; padding:0 0 0 0; margin:0 auto; clear:both; }


.imgSelect {cursor: pointer;}

.popupLayer {position: absolute;display: none; width:220px; height:370px; background-color: #ffffff; padding:10px 10px 10px 10px; border: solid 1px #dadada;}
.popupLayer div {position: absolute;top: 10px; right: 10px; height:30px;}
.bmpopct {  margin:0 auto; width:92%; padding:30px 0 0 0; }
.bmpopct li {float:none;  margin:0 auto; font-size:12px; background-color: #ffffff; text-align:left; padding:10px 10px 10px 10px; border-bottom: solid 1px #dadada;}

/*¹Ìµð¾îÄõ¸®++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++1*/
@media screen and (min-width: 1px ) and (max-width: 650px){

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {position: relative;right: 0;

}
body.open {right: 220px;}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* CSS RESET DONE */
ul {list-style: none; padding:0 0 0 0;}
.header {padding:0 0 0 0;margin-bottom: 0;margin-top: 0; position: relative; border-left:solid 1px #000000;}
.clearfix {clear: both;}
.container {position: relative; padding:0 0 0 0;text-align: center;height: 100%;}
a.menu-icon {position: absolute;top: 15px;right: 20px;font-size: 32px;color:#000000;}
ul.side-menu {position: fixed;  top: -12px;right: -220px;width: 220px;height:100%; background-color: #cccccc;z-index: -1;

}
  ul.side-menu.open {right: 0;}
  ul.side-menu li {position: absolute; top:100%; left: 40px;right: 0;padding: 0 20px; text-align:left; height: 34px;line-height: 32px;border-bottom: 1px solid #000000;

  }
  ul.side-menu li.row {border: 0;position: static;top: 0;height: 0;

  }
    ul.side-menu li.metro {position: absolute;padding: 0;height: 125px;text-align: center;background-color: #000000;}
    ul.side-menu li.metro.half { width: 50%; }
    ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {text-align: center;padding:15px 0 0 0;position: relative;top:0; left:0; font-size: 1.0em;color:#000000;height:38px;background-color: #cccccc;

    }
    ul.side-menu li a {display: block;font-size: 1.0em;padding: 0;margin: 0;height: inherit;line-height: inherit;}
    ul.side-menu li.metro a {margin: 42px 0;height: 40px;font-size: 40px;}





/*³×ºñ°ÔÀÌ¼Ç »ö»ó*/
.navi_bg{ display:none;}
/*³×ºñ°ÔÀÌ¼Ç ÀüÃ¼ ¿µ¿ª Á¦¾î*/
.nav {height:30px;width:100%;margin:auto;padding:0 0 0 0;text-align:center;}
/*ÁÖ¸Þ´º ¿µ¿ª Á¦¾î*/
.topnav{float:none;text-align:center;width:100%;margin:0 auto;cursor:pointer;padding:0 0 0 0;clear:both;}
/*ÁÖ¸Þ´º,¼­ºê¸Þ´º ÇÑ¹­À½ Á¦¾î*/
.navi_set{width:100%;float:left;padding:0 0 0 0;position: relative;text-align:center;margin:0 auto;}
/*¼­ºê¸Þ´º ÀüÃ¼¿µ¿ª Á¦¾î*/
.subnav{width:100%;position: absolute;left: 0; top: 0;background:url(mimgs/mcbg.png);background-repeat:repeat;display: none;text-align:center;margin:0 auto;padding:0 0 20px 0;border-bottom:solid 2px #18b7cc;}
.subnav_box_title{float:none;width:100%;height:20px;color:#ffffff;font-weight:bold;font-size:1.0em;padding:10px 0 10px 0;background: #18b7cc;text-align:center;margin:0 auto;clear:both;}
.subnav_box{float:none;width:100%;text-align:center;margin:0 auto;padding:20px 0 0 0;clear:both;}
/*¼­ºê¸Þ´º ÇÑÄ­ Á¦¾î*/
.subnav li{float:left;padding:3px 3px 3px 3px;width:10%;text-align:center;margin:0 auto;}

.quick { display:none; float:right; position:fixed; top:0; right:0; z-index:99; background-color:#838b92; width:63px; height:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.quick_menu { display:none; float:none; text-align:center; background-color:#4c5156; width:63px; height:30px; color:#ffffff; margin:0 auto; padding:15px 0 0 0; clear:both; }
.quick_tv { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:30px; color:#ffffff; margin:0 auto; padding:5px 0 0 0; clear:both; }
.quick_ct { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:0 0 0 0; clear:both; }
.quick_log {  display:none;float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_mem { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_my { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_home { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:30px; color:#ffffff; margin:0 auto; border-bottom:4px solid #4c5156; padding:15px 0 0 0; font-size:1.2em; clear:both; }
.today_box { display:none; float:none;   width:63px;  margin:0 auto; padding:10px 0 20px 0; text-align:center;  clear:both;}
.today_boxa { display:none; float:none;  width:63px; margin:0 auto; padding:0 0 0 0; text-align:center; clear:both;}
.today_boxla { display:none; float:none; text-align:center; margin:0 auto; padding:0 0 0 0; }
.today_boxlb { display:none; float:none; text-align:center; margin:0 auto; padding:0 0 3px 0; }

.bigmap_cate { float:right; position:fixed; top:0; right:0; z-index:100; border-left:solid 1px #CCCCCC; width:281px; height:100%; margin:0 auto; padding:0 0 0 3px; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto; clear:both; }
.bigmap_ct{ float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.bigmap_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; border-bottom:solid 2px #ff4212; clear:both; }
.bigmap_cont { float:none; width:100%; height:100px; margin:0 auto; text-align:center; padding:20px 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.bigmap_cont02 { float:left; width:100%; height:99px; margin:0 auto; text-align:left; padding:0 0 0 10px; }

.scont_bigmap { width:100%; height:100%;  min-height:100%; }

.toparea_bigmap { float:none; position:fixed; top:0; z-index:86; width:100%; margin:0 auto; padding:0 0 0 0;  background-color:#FFFFFF; clear:both;}

.toparea {display:none; float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; border-bottom:1px solid #dadada;  clear:both;}
.toparea01 { float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; clear:both; }
.toparea02 { float:right;  height:30px; margin:0 auto; padding:0 0 0 0; clear:both; }
.toparea02 li { float:left; width:80px; margin:0 auto; text-align:right;  padding:5px 0 0 15px; }

.topmenu { float:none; width:100%; height:70px; margin:0 auto; padding:0 0 0 0; border-bottom:solid 1px #009ca0; clear:both; }
.tma { float:none; width:100%; height:70px; margin:0 auto; padding:0 0 0 0; clear:both; }
.logo { float:left; width:100%; margin:0 auto; padding:0 0 0 0; text-align:center; clear:both; }
.topmn  display:none; { float:left; width:744px; margin:0 auto; padding:20px 0 0 0; }
.topmnsc { display:none;  float:right; margin:0 auto; padding:0 0 0 0; text-align:right; }
.topmnsc li { display:none;  float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }

.topscform { width:200px; height:20px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn { width:66px; height:32px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }

.divmv { float:none; width:100%; height:620px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mvbg.jpg);background-repeat:repeat; background-position:50% 50%; clear:both; }

.topsn { float:none; width:100%; height:2px; margin:0 auto; text-align:center; padding:0 0 0 0; background-color:#18b7cc; clear:both; }
.topsn_cate { float:none; width:100%; height:30px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.topsn_cate_btn {  width:100%; height:65px; border:solid 2px #18b7cc; border-radius:8px; background-color:#FFFFFF;  margin:0 auto; text-align:center; padding:10px 0 0 0; clear:both; }
.icon_font { font-size:2.0em; color:#363636; line-height:30px; }

.divmvjq { float:none; width:100%; height:200px; margin:0 auto; padding:0 0 0 0; clear:both; }
.divmvpic { float:none; width:100%; height:80px; margin:0 auto; padding:0 0 0 0;  clear:both; }
.divmvpic_sc { width:308px; height:42px; margin:0 auto;  background-color:#18b7cc; padding:5px 5px 5px 5px; clear:both; }
.divmvpic_sc li { float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }
.topscform_sc { width:200px; height:30px; font-size:14px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn_sc { width:100px; height:42px; font-size:12px; color:#ffffff; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }

.divmvpic_scmb_box { width:100%;  margin:0 auto;  padding:12px 0 0 0; clear:both; }
.divmvpic_scmb { width:310px; height:42px; margin:0 auto;  background-color:#18b7cc; padding:5px 5px 5px 5px; clear:both; }
.divmvpic_scmb li { float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }
.topscform_scmb { width:200px; height:30px; font-size:14px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn_scmb { width:100px; height:42px; font-size:12px; color:#ffffff; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }


.divsvjq { float:none; width:100%; height:80px; margin:0 auto; padding:0 0 0 0;   background:url(mimgs/scbg.png);background-repeat:repeat;  background-position:50% 50%; clear:both; }
.divsvjq_blank { float:none; width:100%; height:40px; margin:0 auto; padding:0 0 0 0; clear:both; }

.divmvtv { float:none; width:100%; height:190px; margin:0 auto; padding:0 0 0 0;  clear:both; }
.divmvtv_box { float:left; width:100%; height:190px; margin:0 auto; padding:0 0 0 0; }
.divmvtv_box01 {  width:98%; height:170px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box02 { width:98%; height:170px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box03 { width:98%; height:170px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box04 {width:98%; height:170px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_boxpic { float:none; width:98%; height:90px; text-align:center;  margin:0 auto; padding:0 0 0 0; clear:both; }
.divmvtv_boxbold { float:none; width:98%;  text-align:center;  margin:0 auto; padding:0 0 0 0; font-weight:bold; clear:both; }
.divmvtv_boxtext { float:none; width:98%;  text-align:center; margin:0 auto; padding:0 0 0 0; color:#555555; clear:both; }
.divmvtv_img {width:210px; height:90px;}

.cena { float:none; width:100%; height:275px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mcbg.png);background-repeat:repeat; clear:both; }
.cena_ct { float:none; width:100%; height:235px; margin:0 auto; padding:20px 0 20px 0;  clear:both; }
.cena_cta {display:none;  float:left; width:251px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cena_cta01 { float:none; width:240px; height:235px; padding:0 0 0 0; clear:both; }

.cena_title { float:none; width:240px; height:30px; padding:0 0 0 0; clear:both; }
.cena_line { float:none; width:240px; height:4px; padding:0 0 0 0; background-color:#ff4212; clear:both; }
.cena_stitle { float:none; width:240px; height:20px; padding:20px 0 40px 0; clear:both; }
.cena_text { float:none; width:240px; height:40px; padding:0 0 0 0; clear:both; }

.cena_ctb {  width:96%; height:235px; margin:0 auto; padding:0 0 0 0;clear:both; }
.cena_ctb01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both;  }
.cena_ctb01_title { float:none; width:100%; height:33px; margin:0 auto;  padding:0 0 0 0; clear:both; }
.cena_ctb01_title01 { float:left; text-align:left; width:422px;  padding:10px 0 0 0; font-weight:bold; }
.cena_ctb01_title02 {display:none;  float:left; text-align:right; width:40px; padding:10px 0 0 0;  font-size:1.5em; color:#707070; }
.cena_ctb01_ct { float:none; text-align:left; width:422px; margin:0 auto;  padding:10px 0 0 0; }

.cena_ctc {display:none; float:none; width:100%; height:235px; margin:0 auto; padding:0 0 0 0; background-color:#FFF; clear:both;}
.cena_ctc01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both; }
.cena_ctc01_img { max-width:239px; max-height:233px;}

.cenb { float:none; width:100%; height:275px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mabg02.png);background-repeat:repeat;   clear:both; }
.cenb_ct { float:none; width:100%; height:235px; margin:0 auto; padding:20px 0 20px 0;  clear:both; }
.cenb_cta {display:none;  float:left; width:251px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_cta01 { float:none; width:240px; height:235px; padding:0 0 0 0; clear:both; }

.cenb_title { float:none; width:240px; height:30px; padding:0 0 0 0; clear:both; }
.cenb_line { float:none; width:240px; height:4px; padding:0 0 0 0; background-color:#7f54a6; clear:both; }
.cenb_stitle { float:none; width:240px; height:20px; padding:20px 0 40px 0; clear:both; }
.cenb_text { float:none; width:240px; height:40px; padding:0 0 0 0; clear:both; }

.cenb_ctb { width:96%; height:235px; margin:0 auto; padding:0 0 0 0;clear:both;  }
.cenb_ctb01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both;  }

.cenb_ctb_box { float:left; text-align:left; width:211px; margin:0 auto;  padding:0 0 0 0; }
.guidea { float:none; text-align:left; width:180px; height:26px; padding:10px 0 0 0; border-bottom:solid 1px #dadada;  }
.cenb_ctc_box { float:none; width:390px; height:84px; padding:0 0 0 0;   background-color:#f1f1f1; clear:both;}
.cenb_ctc_boxa{ float:left; margin:0 auto; padding:25px 0 0 0; text-align:center; }

.cenb_ctc {display:none; float:none; width:100%; height:235px; margin:0 auto; padding:0 0 0 0; clear:both; }
.cenb_ctc01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both; }
.cenb_ctc01_img { max-width:239px; max-height:233px;}

.cenban { display:none; float:none; width:100%; height:100px; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #dadada; clear:both; }
.cenban01 { display:none; float:none; width:100%; height:52px; margin:0 auto; padding:25px 0 0 0; clear:both; }
.cenban01 li { display:none; float:left; text-align:center; width:142px; height:52px; margin:0 0 0 0; padding:0 0 0 0;  }

.topsn_cate_icon_title { float:none; width:100%; height:65px; margin:0 auto; text-align:center; padding:25px 0 0 0; font-weight:bold; background-color:#1fb3c7; font-size:18px; color:#ffffff; clear:both; }
.topsn_cate_icon_box { float:none; width:100%; height:144px; margin:0 auto; text-align:center; padding:0 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.topsn_cate_icon { float:none; width:100%; height:104px; margin:0 auto; text-align:center; padding:20px 0 0 0; clear:both; }
.topsn_cate_icon01 { float:left; width:125px; height:104px; margin:0 auto; text-align:left; padding:0 0 0 0; }
.topsn_cate_icon02 { float:left; width:122px; height:104px; margin:0 auto; text-align:right; padding:0 0 0 0; }
.topsn_cate_mn_box { float:none; width:100%; height:36px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.topsn_cate_mn { float:none; width:997px; height:26px; margin:0 auto; text-align:center; padding:7px 0 0 0; clear:both; }
.topsn_cate_mn span { padding:0 10px 0 10px; }

.slist_ct { width:96%; margin:0 auto; padding:0 0 0 0; clear:both; }

.scont_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; font-size:2.0em; color:#ff4212; clear:both; }

.scont_view_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; clear:both; }
.scont_view_title01 { float:left;  height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; font-size:1.5em; color:#18b7cc; }
.scont_view_title02 { float:left;  height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; color:#AAAAAA;  }
.scont_view_stitle { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0; border-top:solid 3px #18b7cc; clear:both; }

.scont_stitle { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0; border-top:solid 3px #ff4212; clear:both; }
.scont_word { float:none; width:100%; height:80px; margin:0 auto; text-align:left; padding:20px 0 0 0;  clear:both; }

.sns_wrap { float:none; width:100%; margin:0 auto; text-align:left; padding:20px 0 30px 0;  clear:both; }
.sns_wrap li { float:left; margin:0 auto; text-align:left; padding:0 1px 0 1px; }

.scont_map { float:none; width:100%; height:320px; margin:0 auto; text-align:center; padding:0 0 0 0; border:solid 1px #707070; clear:both; }
.scont_mapbtn {display:none; }
.scont_mapbtna { float:none; width:100%; height:30px; margin:0 auto; text-align:right; padding:20px 0 0 0;  border-top:solid 1px #dadada;  clear:both; }
.scont_mapbtnb { float:right; text-align:right; padding:0 0 0 0; clear:both; }
.scont_mapbtnb li { float:left; height:27px; margin:0 auto; text-align:right; padding:2px 0 0 2px; }
.scont_mapbtnclick { border-radius:2px; border:solid 1px #0072bc; text-align:center; background-color:#0072bc;  font-size:1.0em; color:#fff; padding:4px 7px; 2px; 7px; cursor:pointer; }
.scont_mapbtnclicka { height:24px; border-radius:1px; border:solid 1px #6887f1; text-align:center; background-color:#6887f1;  font-size:0.9em; color:#fff; padding:4px 7px; 2px; 7px; cursor:pointer; }

.scont_popup_map { float:none; width:900px; height:500px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }

.popup_Pstyle { opacity:0; display:none;  width:88%; height:80%; border:5px solid #fff; padding:0; background-color:#fff; }
.b-close { position:absolute; right:5px; top:5px; padding:5px; display:inline-block; cursor:pointer; }
.popup_contents { height: 100%; width: 100%; }

.slist_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; border-bottom:solid 2px #ff4212; clear:both; }
.slist_cont { float:none; width:100%; height:220px; margin:0 auto; text-align:center; padding:20px 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.slist_contpop { float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0 20px 0; border-top:solid 1px #cccccc; clear:both; }
.slist_cont01 { width:96%; height:85px; margin:0 auto; text-align:center; padding:0 0 0 0; border:solid 1px #dadada; clear:both;}
.slist_cont02 { display:none;}
.slist_cont02pop { float:left; width:100%; height:100px; margin:0 auto; text-align:left; padding:0 0 0 0; }

.slist_cont02a_box {  float:left; width:400px; height:120px; margin:0 auto; text-align:left; padding:0 0 0 0; }
.slist_cont02a {  float:none; width:400px; margin:0 auto; text-align:left; padding:0 0 0 20px; clear:both; }

.slist_cont03a { float:none; width:400px; height:20px; margin:0 auto; text-align:left; padding:0 0 0 20px;  clear:both;}
.slist_cont03a li { float:left; width:20px; height:20px; margin:0 0 0 2px; text-align:center; padding:2px 2px 2px 2px; border:solid 1px #dadada; }
.slist_cont3a_span { font-size:1.0em; color:#6d7484; }


.slist_cont03 { display:none;}

.slist_cont04 { float:left; width:30px; height:85px; text-align:left; padding:0 0 0 0; }

.sview_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; border-bottom:solid 2px #18b7cc; clear:both; }
.sview_title_line { float:right; width:100%; height:20px; margin:0 0 0 2px; text-align:right; padding:2px 2px 2px 2px; }
.sview_title_line li { float:left;  text-align:left; padding:0 10px 0 0 }

.sview_use { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0;  clear:both; }
.sview_usea { float:left; width:77px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_useb { float:left; width:70%; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_intro { float:none; width:100%;  margin:0 auto; text-align:left; padding:10px 0 10px 0; border-top:solid 1px #dadada; clear:both; }
.sview_introa { float:left; width:77px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_introb { float:left; width:70%; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_introc { float:none; width:100%; margin:0 auto; text-align:left; padding:0 0 0 0;  clear:both;}

.sview_photo { float:none; width:100%; margin:20px auto; text-align:center; padding:0 0 0 0;  clear:both; }
.sview_photo li { float:left; width:60px; height:45px; text-align:center; margin:2px 2px 2px 2px; padding:1px 1px 1px 1px; border:solid 1px #dadada; }

.divbot { float:none; width:100%; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #009ca0; clear:both; }
.divbot_smn { float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; border-top:solid 2px #18b7cc; border-bottom:solid 1px #dadada; clear:both; }
.divbot_smn_btn { float:none; width:100%; margin:0 auto; text-align:center;height:30px; padding:0 0 0 0; clear:both; }
.divbot_smn_btnct { margin:0 auto; height:30px; padding:0 0 0 0;text-align:center; clear:both; }
.divbot_smn_btnct li { float:left;  height:30px;text-align:center; padding:5px 0 0 10px; }
.divbot_smn_btnctvm {display:none; }

.bot_copy { float:none; width:100%; height:120px; text-align:left; margin:0 auto; padding:20px 0 0 0; clear:both; }
.bot_copy_box { float:none; width:100%; height:120px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_logo { float:none; width:100%; height:60px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_text { float:none; width:100%; height:90px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_top { display:none; float:left; width:28px; height:90px; text-align:right; margin:0 auto; padding:0 0 0 0;  }

.login { float:none; width:100%; height:400px; margin:0 auto; padding:60px 0 0 0; clear:both;}
.login_box { float:none; width:100%; height:400px; margin:0 auto; padding:0 0 0 0; clear:both; }
.login_id_box { float:none; width:360px; height:50px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.login_mem_box { float:none; width:360px; height:50px; text-align:center; margin:0 auto; padding:30px 0 0 0; clear:both; }

.login_id_form { width:250px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.login_pw_form { width:250px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.login_btn_form { width:265px; height:40px; border:solid 1px #353535; text-align:center; background-color:#353535;  font-size:12px; font-weight:bold;  color:#fff; padding:4px 7px; 2px; 7px; }


.serviceqa { float:none; width:100%; height:400px; margin:0 auto; padding:60px 0 0 0; clear:both;}
.serviceqa_box { float:none; width:997px; height:400px; margin:0 auto; padding:0 0 0 0; clear:both; }
.serviceqa_tbox { float:none; width:100%; height:50px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }
.serviceqa_cbox { float:none; width:100%; height:220px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }

.sqa_id_form { width:300px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_sub_form { width:100%; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_text_form { width:100%; height:200px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_btn_form { width:250px; height:40px; border:solid 1px #353535; text-align:center; background-color:#353535;  font-size:12px; font-weight:bold;  color:#fff; padding:4px 7px; 2px; 7px; }

.defpage { float:none; width:100%;  margin:0 auto; padding:60px 0 0 0; clear:both;}
.defpage_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.defpage_box_img { width:98%; }
.defpage_use { float:none; width:100%; margin:0 auto; text-align:left; padding:10px 0 20px 0;  clear:both; }
.defpage_usea { float:none; width:87px; text-align:left; padding:0 0 15px 0;  clear:both;  }
.sdefpage_useb { float:none; width:997px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }


}


/*¹Ìµð¾îÄõ¸®++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++2*/
@media screen and (min-width: 651px ) and (max-width: 1108px){



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {position: relative;right: 0;
-webkit-transition: right .3s;transition: right .3s;
}
body.open {right: 220px;}

ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* CSS RESET DONE */
ul {list-style: none; padding:0 0 0 0;}
.header {padding:0 0 0 0;margin-bottom: 0;margin-top: 0; position: relative; border-left:solid 1px #000000;}
.clearfix {clear: both;}
.container {position: relative; padding:0 0 0 0;text-align: center;height: 100%;}
a.menu-icon {position: absolute;top: 15px;right: 20px;font-size: 32px;color:#000000;}
ul.side-menu {position: fixed;  top: -12px;right: -220px;width: 220px;height:100%; background-color: #cccccc;z-index: -1;
  -webkit-transition: right .3s;
  transition: right .3s;
}
  ul.side-menu.open {right: 0;}
  ul.side-menu li {position: absolute; top:100%; left: 40px;right: 0;padding:0 0 0 0; text-align:left; height: 34px;line-height: 32px;border-bottom: 1px solid #000000;
    -webkit-transition: top .3s;
    transition: top .3s;
  }
  ul.side-menu li.row {border: 0;position: static;top: 0;height: 0;
    -webkit-transition: none;
    transition: none;
  }
    ul.side-menu li.metro {position: absolute;padding: 0;height: 125px;text-align: center;background-color: #000000;}
    ul.side-menu li.metro.half { width: 50%; }
    ul.side-menu li.metro.full { width: 100%; }

    ul.side-menu h2.title {text-align: center;padding:15px 0 0 0;position: relative;top:0; left:0; font-size: 1.0em;color:#000000;height:38px;background-color: #cccccc;
      -webkit-transition: top .3s;
      transition: top .3s;
    }
    ul.side-menu li a {display: block;font-size: 1.0em;padding: 0;margin: 0;height: inherit;line-height: inherit;}
    ul.side-menu li.metro a {margin: 42px 0;height: 40px;font-size: 40px;}

    /* Colors */
    ul.side-menu li.metro.blue { background-color: #5c84db; }
    ul.side-menu li.metro.light-blue { background-color: #2FC2EF; }
    ul.side-menu li.metro.purple { background-color: #a24fea; }

    ul.side-menu li.metro.red { background-color: #e54747; }
    ul.side-menu li.metro.pink { background-color: #ea4c89; }
    ul.side-menu li.metro.green { background-color: #85e500; }
    ul.side-menu li.metro.orange { background-color: #e28f00; }
    ul.side-menu li.metro.teal { background-color: #00e2e2; }



/*³×ºñ°ÔÀÌ¼Ç »ö»ó*/
.navi_bg{ display:none;}
/*³×ºñ°ÔÀÌ¼Ç ÀüÃ¼ ¿µ¿ª Á¦¾î*/
.nav {height:30px;width:100%;margin:auto;padding:0 0 0 0;text-align:center;}
/*ÁÖ¸Þ´º ¿µ¿ª Á¦¾î*/
.topnav{float:none;text-align:center;width:100%;margin:0 auto;cursor:pointer;padding:0 0 0 0;clear:both;}
/*ÁÖ¸Þ´º,¼­ºê¸Þ´º ÇÑ¹­À½ Á¦¾î*/
.navi_set{width:100%;float:left;padding:0 0 0 0;position: relative;text-align:center;margin:0 auto;}
/*¼­ºê¸Þ´º ÀüÃ¼¿µ¿ª Á¦¾î*/
.subnav{width:100%;position: absolute;left: 0; top: 0;background:url(mimgs/mcbg.png);background-repeat:repeat;display: none;text-align:center;margin:0 auto;padding:0 0 20px 0;border-bottom:solid 2px #18b7cc;}
.subnav_box_title{float:none;width:100%;height:20px;color:#ffffff;font-weight:bold;font-size:1.0em;padding:10px 0 10px 0;background: #18b7cc;text-align:center;margin:0 auto;clear:both;}
.subnav_box{float:none;width:100%;text-align:center;margin:0 auto;padding:20px 0 0 0;clear:both;}
/*¼­ºê¸Þ´º ÇÑÄ­ Á¦¾î*/
.subnav li{float:left;padding:3px 3px 3px 3px;width:10%;text-align:center;margin:0 auto;}

.quick { display:none; float:right; position:fixed; top:0; right:0; z-index:99; background-color:#838b92; width:63px; height:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.quick_menu { display:none; float:none; text-align:center; background-color:#4c5156; width:63px; height:30px; color:#ffffff; margin:0 auto; padding:15px 0 0 0; clear:both; }
.quick_tv { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:30px; color:#ffffff; margin:0 auto; padding:5px 0 0 0; clear:both; }
.quick_ct { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:0 0 0 0; clear:both; }
.quick_log {  display:none;float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_mem { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_my { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_home { display:none; float:none; text-align:center; background-color:#6f777e; width:63px; height:30px; color:#ffffff; margin:0 auto; border-bottom:4px solid #4c5156; padding:15px 0 0 0; font-size:1.2em; clear:both; }
.today_box { display:none; float:none;   width:63px;  margin:0 auto; padding:10px 0 20px 0; text-align:center;  clear:both;}
.today_boxa { display:none; float:none;  width:63px; margin:0 auto; padding:0 0 0 0; text-align:center; clear:both;}
.today_boxla { display:none; float:none; text-align:center; margin:0 auto; padding:0 0 0 0; }
.today_boxlb { display:none; float:none; text-align:center; margin:0 auto; padding:0 0 3px 0; }

.bigmap_cate { float:right; position:fixed; top:0; right:0; z-index:100; border-left:solid 1px #CCCCCC; width:281px; height:100%; margin:0 auto; padding:0 0 0 3px; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto; clear:both; }
.bigmap_ct{ float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.bigmap_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; border-bottom:solid 2px #ff4212; clear:both; }
.bigmap_cont { float:none; width:100%; height:100px; margin:0 auto; text-align:center; padding:20px 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.bigmap_cont02 { float:left; width:100%; height:99px; margin:0 auto; text-align:left; padding:0 0 0 10px; }

.scont_bigmap { width:100%; height:100%;  min-height:100%; }

.toparea_bigmap { float:none; position:fixed; top:0; z-index:86; width:100%; margin:0 auto; padding:0 0 0 0;  background-color:#FFFFFF; clear:both;}

.toparea {display:none; float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; border-bottom:1px solid #dadada;  clear:both;}
.toparea01 { float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; clear:both; }
.toparea02 { float:right;  height:30px; margin:0 auto; padding:0 0 0 0; clear:both; }
.toparea02 li { float:left; width:80px; margin:0 auto; text-align:right;  padding:5px 0 0 15px; }

.topmenu { float:none; width:100%; height:70px; margin:0 auto; padding:0 0 0 0; border-bottom:solid 1px #009ca0; clear:both; }
.tma { float:none; width:100%; height:70px; margin:0 auto; padding:0 0 0 0; clear:both; }
.logo { float:left; width:100%; margin:0 auto; padding:0 0 0 0; text-align:center; clear:both; }
.topmn  display:none; { float:left; width:744px; margin:0 auto; padding:20px 0 0 0; }
.topmnsc { display:none;  float:right; margin:0 auto; padding:0 0 0 0; text-align:right; }
.topmnsc li { display:none;  float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }

.topscform { width:200px; height:20px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn { width:66px; height:32px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }

.divmv { float:none; width:100%; height:620px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mvbg.jpg);background-repeat:repeat; background-position:50% 50%; clear:both; }

.topsn { float:none; width:100%; height:2px; margin:0 auto; text-align:center; padding:0 0 0 0; background-color:#18b7cc; clear:both; }
.topsn_cate { float:none; width:100%; height:30px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.topsn_cate_btn {  width:100%; height:65px; border:solid 2px #18b7cc; border-radius:8px; background-color:#FFFFFF;  margin:0 auto; text-align:center; padding:10px 0 0 0; clear:both; }
.icon_font { font-size:2.0em; color:#363636; line-height:30px; }

.divmvjq { float:none; width:100%; height:328px; margin:0 auto; padding:0 0 0 0; clear:both; }
.divmvpic { float:none; width:100%; height:80px; margin:0 auto; padding:248px 0 0 0;  clear:both; }
.divmvpic_sc { width:608px; height:42px; margin:0 auto;  background-color:#18b7cc; padding:5px 5px 5px 5px; clear:both; }
.divmvpic_sc li { float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }
.topscform_sc { width:480px; height:30px; font-size:14px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn_sc { width:120px; height:42px; font-size:14px; color:#ffffff; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }

.divmvpic_scmb_box { width:100%;  margin:0 auto;  padding:12px 0 0 0; clear:both; }
.divmvpic_scmb { width:508px; height:42px; margin:0 auto;  background-color:#18b7cc; padding:5px 5px 5px 5px; clear:both; }
.divmvpic_scmb li { float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }
.topscform_scmb { width:200px; height:30px; font-size:14px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn_scmb { width:120px; height:42px; font-size:14px; color:#ffffff; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }


.divsvjq { float:none; width:100%; height:80px; margin:0 auto; padding:0 0 0 0;   background:url(mimgs/scbg.png);background-repeat:repeat;  background-position:50% 50%; clear:both; }
.divsvjq_blank { float:none; width:100%; height:40px; margin:0 auto; padding:0 0 0 0; clear:both; }

.divmvtv { float:none; width:100%; height:260px; margin:0 auto; padding:0 0 0 0;  clear:both; }
.divmvtv_box { float:left; width:50%; height:260px; margin:0 auto; padding:0 0 0 0; }
.divmvtv_box01 { float:left; width:98%; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box02 { float:left; width:98%; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box03 { float:left; width:98%; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box04 { float:left; width:98%; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_boxpic { float:none; width:98%; height:110px; text-align:center;  margin:0 auto; padding:0 0 0 0; clear:both; }
.divmvtv_boxbold { float:none; width:98%;  text-align:center;  margin:0 auto; padding:0 0 0 0; font-weight:bold; clear:both; }
.divmvtv_boxtext { float:none; width:98%; height:80px; text-align:left; margin:0 auto; padding:0 0 0 0; color:#555555; clear:both; }
.divmvtv_img {width:210px; height:90px;}

.cena { float:none; width:100%; height:275px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mcbg.png);background-repeat:repeat; clear:both; }
.cena_ct { float:none; width:100%; height:235px; margin:0 auto; padding:20px 0 20px 0;  clear:both; }
.cena_cta {display:none;  float:left; width:251px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cena_cta01 { float:none; width:240px; height:235px; padding:0 0 0 0; clear:both; }

.cena_title { float:none; width:240px; height:30px; padding:0 0 0 0; clear:both; }
.cena_line { float:none; width:240px; height:4px; padding:0 0 0 0; background-color:#ff4212; clear:both; }
.cena_stitle { float:none; width:240px; height:20px; padding:20px 0 40px 0; clear:both; }
.cena_text { float:none; width:240px; height:40px; padding:0 0 0 0; clear:both; }

.cena_ctb { float:left; width:60%; height:235px; margin:0 auto; padding:0 0 0 0; }
.cena_ctb01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both;  }
.cena_ctb01_title { float:none; width:100%; height:33px; margin:0 auto;  padding:0 0 0 0; clear:both; }
.cena_ctb01_title01 { float:left; text-align:left; width:422px;  padding:10px 0 0 0; font-weight:bold; }
.cena_ctb01_title02 {display:none;  float:left; text-align:right; width:40px; padding:10px 0 0 0;  font-size:1.5em; color:#707070; }
.cena_ctb01_ct { float:none; text-align:left; width:422px; margin:0 auto;  padding:10px 0 0 0; }

.cena_ctc { float:right; width:239px; height:235px; margin:0 auto; padding:0 0 0 0; background-color:#FFF; }
.cena_ctc01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both; }
.cena_ctc01_img { max-width:239px; max-height:233px;}

.cenb { float:none; width:100%; height:275px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mabg02.png);background-repeat:repeat;   clear:both; }
.cenb_ct { float:none; width:100%; height:235px; margin:0 auto; padding:20px 0 20px 0;  clear:both; }
.cenb_cta {display:none;  float:left; width:251px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_cta01 { float:none; width:240px; height:235px; padding:0 0 0 0; clear:both; }

.cenb_title { float:none; width:240px; height:30px; padding:0 0 0 0; clear:both; }
.cenb_line { float:none; width:240px; height:4px; padding:0 0 0 0; background-color:#7f54a6; clear:both; }
.cenb_stitle { float:none; width:240px; height:20px; padding:20px 0 40px 0; clear:both; }
.cenb_text { float:none; width:240px; height:40px; padding:0 0 0 0; clear:both; }

.cenb_ctb { float:left; width:60%; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_ctb01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both;  }

.cenb_ctb_box { float:left; text-align:left; width:211px; margin:0 auto;  padding:0 0 0 0; }
.guidea { float:none; text-align:left; width:180px; height:26px; padding:10px 0 0 0; border-bottom:solid 1px #dadada;  }
.cenb_ctc_box { float:none; width:390px; height:84px; padding:0 0 0 0;   background-color:#f1f1f1; clear:both;}
.cenb_ctc_boxa{ float:left; width:100%; margin:0 auto; padding:25px 0 0 0; text-align:center; }

.cenb_ctc { float:right; width:239px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_ctc01 { float:none; width:100%; height:233px; padding:0 0 0 0; border:solid 0px #dadada; background-color:#FFF; clear:both; }
.cenb_ctc01_img { max-width:239px; max-height:233px;}

.cenban { display:none; float:none; width:100%; height:100px; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #dadada; clear:both; }
.cenban01 { display:none; float:none; width:100%; height:52px; margin:0 auto; padding:25px 0 0 0; clear:both; }
.cenban01 li { display:none; float:left; text-align:center; width:142px; height:52px; margin:0 0 0 0; padding:0 0 0 0;  }

.topsn_cate_icon_title { float:none; width:100%; height:65px; margin:0 auto; text-align:center; padding:25px 0 0 0; font-weight:bold; background-color:#1fb3c7; font-size:18px; color:#ffffff; clear:both; }
.topsn_cate_icon_box { float:none; width:100%; height:144px; margin:0 auto; text-align:center; padding:0 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.topsn_cate_icon { float:none; width:100%; height:104px; margin:0 auto; text-align:center; padding:20px 0 0 0; clear:both; }
.topsn_cate_icon01 { float:left; width:125px; height:104px; margin:0 auto; text-align:left; padding:0 0 0 0; }
.topsn_cate_icon02 { float:left; width:122px; height:104px; margin:0 auto; text-align:right; padding:0 0 0 0; }
.topsn_cate_mn_box { float:none; width:100%; height:36px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.topsn_cate_mn { float:none; width:997px; height:26px; margin:0 auto; text-align:center; padding:7px 0 0 0; clear:both; }
.topsn_cate_mn span { padding:0 10px 0 10px; }

.slist_ct { width:96%; margin:0 auto; padding:0 0 0 0; clear:both; }

.scont_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; font-size:2.0em; color:#ff4212; clear:both; }

.scont_view_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; clear:both; }
.scont_view_title01 { float:left;  height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; font-size:1.5em; color:#18b7cc; }
.scont_view_title02 { float:left;  height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; color:#AAAAAA;  }
.scont_view_stitle { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0; border-top:solid 3px #18b7cc; clear:both; }

.scont_stitle { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0; border-top:solid 3px #ff4212; clear:both; }
.scont_word { float:none; width:100%; height:80px; margin:0 auto; text-align:left; padding:20px 0 0 0;  clear:both; }

.sns_wrap { float:none; width:100%; margin:0 auto; text-align:left; padding:20px 0 30px 0;  clear:both; }
.sns_wrap li { float:left; margin:0 auto; text-align:left; padding:0 1px 0 1px; }



.scont_map { float:none; width:100%; height:468px; margin:0 auto; text-align:center; padding:0 0 0 0; border:solid 1px #707070; clear:both; }
.scont_mapbtn {display:none; }
.scont_mapbtna { float:none; width:100%; height:30px; margin:0 auto; text-align:right; padding:20px 0 0 0;  border-top:solid 1px #dadada;  clear:both; }
.scont_mapbtnb { float:right; text-align:right; padding:0 0 0 0; clear:both; }
.scont_mapbtnb li { float:left; height:27px; margin:0 auto; text-align:right; padding:2px 0 0 2px; }
.scont_mapbtnclick { border-radius:2px; border:solid 1px #0072bc; text-align:center; background-color:#0072bc;  font-size:1.0em; color:#fff; padding:4px 7px; 2px; 7px; cursor:pointer; }
.scont_mapbtnclicka { height:24px; border-radius:1px; border:solid 1px #6887f1; text-align:center; background-color:#6887f1;  font-size:0.9em; color:#fff; padding:4px 7px; 2px; 7px; cursor:pointer; }

.scont_popup_map { float:none; width:900px; height:500px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }

.popup_Pstyle { opacity:0; display:none;  width:88%; height:80%; border:5px solid #fff; padding:0; background-color:#fff; }
.b-close { position:absolute; right:5px; top:5px; padding:5px; display:inline-block; cursor:pointer; }
.popup_contents { height: 100%; width: 100%; }

.slist_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; border-bottom:solid 2px #ff4212; clear:both; }
.slist_cont { float:none; width:100%; height:120px; margin:0 auto; text-align:center; padding:20px 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.slist_contpop { float:none; width:100%; margin:0 auto; text-align:center; padding:20px 0 20px 0; border-top:solid 1px #cccccc; clear:both; }
.slist_cont01 { float:left; width:198px; height:85px; margin:0 auto; text-align:center; padding:0 0 0 0; border:solid 1px #dadada; }
.slist_cont02 { display:none;}
.slist_cont02pop { float:left; width:100%; height:100px; margin:0 auto; text-align:left; padding:0 0 0 0; }

.slist_cont02a_box {  float:left; width:400px; height:120px; margin:0 auto; text-align:left; padding:0 0 0 0; }
.slist_cont02a {  float:none; width:400px; margin:0 auto; text-align:left; padding:0 0 0 20px; clear:both; }

.slist_cont03a { float:none; width:400px; height:20px; margin:0 auto; text-align:left; padding:0 0 0 20px;  clear:both;}
.slist_cont03a li { float:left; width:20px; height:20px; margin:0 0 0 2px; text-align:center; padding:2px 2px 2px 2px; border:solid 1px #dadada; }
.slist_cont3a_span { font-size:1.0em; color:#6d7484; }


.slist_cont03 { display:none;}

.slist_cont04 { float:left; width:30px; height:85px; text-align:left; padding:0 0 0 0; }

.sview_title { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; border-bottom:solid 2px #18b7cc; clear:both; }
.sview_title_line { float:right; width:100%; height:20px; margin:0 0 0 2px; text-align:right; padding:2px 2px 2px 2px; }
.sview_title_line li { float:left;  text-align:left; padding:0 10px 0 0 }

.sview_use { float:none; width:100%; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0;  clear:both; }
.sview_usea { float:left; width:77px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_useb { float:left; width:80%; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_intro { float:none; width:100%;  margin:0 auto; text-align:left; padding:10px 0 10px 0; border-top:solid 1px #dadada; clear:both; }
.sview_introa { float:left; width:77px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_introb { float:left; width:80%; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_introc { float:none; width:100%; margin:0 auto; text-align:left; padding:0 0 0 0;  clear:both;}

.sview_photo { float:none; width:100%; margin:20px auto; text-align:center; padding:0 0 0 0;  clear:both; }
.sview_photo li { float:left; width:60px; height:45px; text-align:center; margin:2px 2px 2px 2px; padding:1px 1px 1px 1px; border:solid 1px #dadada; }

.divbot { float:none; width:100%; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #009ca0; clear:both; }
.divbot_smn { float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; border-top:solid 2px #18b7cc; border-bottom:solid 1px #dadada; clear:both; }
.divbot_smn_btn { float:none; width:100%; margin:0 auto; text-align:center;height:30px; padding:0 0 0 0; clear:both; }
.divbot_smn_btnct { float:none; width:650px; margin:0 auto; height:30px; padding:0 0 0 0;text-align:center; clear:both; }
.divbot_smn_btnct li { float:left;  height:30px;text-align:center; padding:5px 0 0 30px; }

.bot_copy { float:none; width:100%; height:120px; text-align:left; margin:0 auto; padding:20px 0 0 0; clear:both; }
.bot_copy_box { float:none; width:100%; height:120px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_logo { float:none; width:100%; height:60px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_text { float:none; width:100%; height:90px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_top { display:none; float:left; width:28px; height:90px; text-align:right; margin:0 auto; padding:0 0 0 0;  }

.login { float:none; width:100%; height:400px; margin:0 auto; padding:60px 0 0 0; clear:both;}
.login_box { float:none; width:100%; height:400px; margin:0 auto; padding:0 0 0 0; clear:both; }
.login_id_box { float:none; width:360px; height:50px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.login_mem_box { float:none; width:360px; height:50px; text-align:center; margin:0 auto; padding:30px 0 0 0; clear:both; }

.login_id_form { width:250px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.login_pw_form { width:250px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.login_btn_form { width:265px; height:40px; border:solid 1px #353535; text-align:center; background-color:#353535;  font-size:12px; font-weight:bold;  color:#fff; padding:4px 7px; 2px; 7px; }


.serviceqa { float:none; width:100%; height:400px; margin:0 auto; padding:60px 0 0 0; clear:both;}
.serviceqa_box { float:none; width:997px; height:400px; margin:0 auto; padding:0 0 0 0; clear:both; }
.serviceqa_tbox { float:none; width:100%; height:50px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }
.serviceqa_cbox { float:none; width:100%; height:220px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }

.sqa_id_form { width:300px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_sub_form { width:100%; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_text_form { width:100%; height:200px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_btn_form { width:250px; height:40px; border:solid 1px #353535; text-align:center; background-color:#353535;  font-size:12px; font-weight:bold;  color:#fff; padding:4px 7px; 2px; 7px; }

.defpage { float:none; width:100%;  margin:0 auto; padding:60px 0 0 0; clear:both;}
.defpage_box { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.defpage_box_img { width:98%; }
.defpage_use { float:none; width:100%; margin:0 auto; text-align:left; padding:10px 0 20px 0;  clear:both; }
.defpage_usea { float:none; width:87px; text-align:left; padding:0 0 15px 0;  clear:both;  }
.sdefpage_useb { float:none; width:997px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }


}


/*¹Ìµð¾îÄõ¸®++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++3*/
@media screen and (min-width: 1109px ) and (max-width: 5881px){


.header {display:none;}


.navimnbox{ float:none; width:100%; height:50px; background-color:#02537d; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.navimn{ float:none; width:997px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.navimn div{ float:left; width:124px; color:#ffffff;  margin:0 auto; text-align:center; padding:0 0 0 0; }
.navimn a{ color:#ffffff; font-size:12px; }

/*³×ºñ°ÔÀÌ¼Ç »ö»ó*/
.navi_bg{ float:none; width:100%; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
/*³×ºñ°ÔÀÌ¼Ç ÀüÃ¼ ¿µ¿ª Á¦¾î*/
.nav {height:30px;width:100%;margin:auto;padding:0 0 0 0;text-align:center;}
/*ÁÖ¸Þ´º ¿µ¿ª Á¦¾î*/
.topnav{float:none;text-align:center;width:100%;margin:0 auto;cursor:pointer;padding:0 0 0 0;clear:both;}
/*ÁÖ¸Þ´º,¼­ºê¸Þ´º ÇÑ¹­À½ Á¦¾î*/
.navi_set{width:100%;float:left;padding:0 0 0 0;position: relative;text-align:center;margin:0 auto;}
/*¼­ºê¸Þ´º ÀüÃ¼¿µ¿ª Á¦¾î*/
.subnav{width:100%;position: absolute;left: 0; top: 0;background:url(mimgs/mcbg.png);background-repeat:repeat;display: none;text-align:center;margin:0 auto;padding:0 0 20px 0;border-bottom:solid 2px #18b7cc;}
.subnav_box_title{float:none;width:100%;height:20px;color:#ffffff;font-weight:bold;font-size:1.0em;padding:10px 0 10px 0;background: #18b7cc;text-align:center;margin:0 auto;clear:both;}
.subnav_box{float:none;width:997px;text-align:center;margin:0 auto;padding:20px 0 0 0;clear:both;}
/*¼­ºê¸Þ´º ÇÑÄ­ Á¦¾î*/
.subnav li{float:left;padding:0 0 0 0;width:124px;text-align:center;margin:0 auto;}

.quick { float:right; position:fixed; top:0; right:0; z-index:99; background-color:#838b92; width:63px; height:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.quick_menu { float:none; text-align:center; background-color:#4c5156; width:63px; height:30px; color:#ffffff; margin:0 auto; padding:15px 0 0 0; clear:both; }
.quick_tv { float:none; text-align:center; background-color:#6f777e; width:63px; height:30px; color:#ffffff; margin:0 auto; padding:5px 0 0 0; clear:both; }
.quick_ct { float:none; text-align:center; background-color:#6f777e; width:63px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:0 0 0 0; clear:both; }
.quick_log { float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_mem { float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_my { float:none; text-align:center; background-color:#6f777e; width:63px; height:22px; color:#ffffff; margin:0 auto; border-bottom:1px solid #4c5156; padding:5px 0 0 0; clear:both; }
.quick_home { float:none; text-align:center; background-color:#6f777e; width:63px; height:30px; color:#ffffff; margin:0 auto; border-bottom:4px solid #4c5156; padding:15px 0 0 0; font-size:1.2em; clear:both; }
.today_box { float:none;   width:63px;  margin:0 auto; padding:10px 0 20px 0; text-align:center;  clear:both;}
.today_boxa { float:none;  width:63px; margin:0 auto; padding:0 0 0 0; text-align:center; clear:both;}
.today_boxla { float:none; text-align:center; margin:0 auto; padding:0 0 0 0; }
.today_boxlb { float:none; text-align:center; margin:0 auto; padding:0 0 3px 0; }

.bigmap_cate { float:right; position:fixed; top:0; right:63px; z-index:100; border-left:solid 1px #000000; width:280px; height:100%; margin:0 auto; padding:0 0 0 0; background-color:#FFFFFF; overflow-x:hidden; overflow-y:auto; clear:both; }
.bigmap_ct{ float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }
.bigmap_title { float:none; width:100%; height:30px; margin:0 auto; text-align:center; padding:22px 0 0 0; border-bottom:solid 2px #000000;  background-color:#FFFFFF;  clear:both; }
.bigmap_cont { float:none; width:100%; height:100px; margin:0 auto; text-align:center; padding:20px 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.bigmap_cont02 { float:left; width:100%; height:99px; margin:0 auto; text-align:left; padding:0 0 0 10px; }

.scont_bigmap { width:100%; height:100%;  min-height:100%; }

.toparea_bigmap { float:none; position:fixed; top:0; z-index:86; width:100%; margin:0 auto; padding:0 0 0 0;  background-color:#FFFFFF; clear:both;}

.toparea { float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; border-bottom:1px solid #dadada;  clear:both;}
.toparea01 { float:none; width:997px; height:30px; margin:0 auto; padding:0 0 0 0; clear:both; }
.toparea02 { float:right;  height:30px; margin:0 auto; padding:0 0 0 0; clear:both; }
.toparea02 li { float:left; width:80px; margin:0 auto; text-align:right;  padding:5px 0 0 15px; }

.topmenu { float:none; width:100%; height:70px; margin:0 auto; padding:0 0 0 0; border-bottom:solid 1px #009ca0; clear:both; }
.tma { float:none; width:997px; height:70px; margin:0 auto; padding:0 0 0 0; clear:both; }
.logo { float:left; width:253px; margin:0 auto; padding:0 0 0 0; text-align:left; }
.topmn { float:left; width:744px; margin:0 auto; padding:20px 0 0 0; }
.topmnsc { float:right; margin:0 auto; padding:0 0 0 0; text-align:right; }
.topmnsc li { float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }

.topscform { width:300px; height:20px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn { width:66px; height:32px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }

.bmtopmenu { float:none; width:100%; height:52px; margin:0 auto; padding:0 0 0 0; border-bottom:solid 1px #000000; clear:both; }
.bmtma { float:none; width:997px; height:52px; padding:0 0 0 0; clear:both; }
.bmlogo { float:left; width:170px; text-align:left;  padding:0 0 0 10px; }
.bmtopmn { float:left; width:300px; text-align:left; padding:12px 0 0 0; }
.bmtopmnsc { float:left; margin:0 auto; padding:0 0 0 0; text-align:left; }
.bmtopmnsc li { float:left; text-align:left; margin:0 auto; padding:0 0 0 0; }
.bmtopcate { float:left; font-size:2.6em; width:200px; text-align:left; padding:12px 0 0 10px; }

.bmtopscform { width:220px; height:18px; font-size:12px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:3px; border:solid 1px #dadada; }
.bmtopscformbtn { width:66px; height:30px; font-size:12px; font-weight:bold; color:#ffffff; margin:0 auto; padding:5px 5px 5px 5px; text-align:center;  border-radius:3px; border:0 0 0 0; background-color:#0072bc; }

.divmv { float:none; width:100%; height:620px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mvbg.jpg);background-repeat:repeat; background-position:50% 50%; clear:both; }

.topsn { float:none; width:100%; height:2px; margin:0 auto; text-align:center; padding:0 0 0 0; background-color:#18b7cc; clear:both; }
.topsn_cate { float:none; width:997px; height:30px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.topsn_cate_btn { float:none; width:116px; height:80px; border:solid 2px #18b7cc; border-radius:8px; background-color:#FFFFFF;  margin:0 auto; text-align:center; padding:20px 0 0 0; clear:both; }
.icon_font { font-size:1.3em; color:#ffffff; line-height:26px; }

.divmvjq { float:none; width:100%; height:328px; margin:0 auto; padding:0 0 0 0; clear:both; }
.divmvpic { float:none; width:997px; height:80px; margin:0 auto; padding:248px 0 0 0;  clear:both; }
.divmvpic_sc { width:608px; height:42px; margin:0 auto;  background-color:#18b7cc; padding:5px 5px 5px 5px; clear:both; }
.divmvpic_sc li { float:left; text-align:right; margin:0 auto; padding:0 0 0 0; }


.divmvpic_scmb_box { display:none; }

.topscform_sc { width:480px; height:30px; font-size:14px; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:left; border-radius:1px; border:solid 1px #dadada; }
.topscformbtn_sc { width:120px; height:42px; font-size:14px; color:#ffffff; font-weight:bold; margin:0 auto; padding:5px 0 5px 5px; text-align:center;  border-radius:1px; border:0 0 0 0; background-color:#0072bc; }

.divsvjq { float:none; width:100%; height:80px; margin:0 auto; padding:0 0 0 0;   background:url(mimgs/scbg.png);background-repeat:repeat;  background-position:50% 50%; clear:both; }
.divsvjq_blank { float:none; width:100%; height:40px; margin:0 auto; padding:0 0 0 0; clear:both; }

.divmvtv { float:none; width:997px; height:260px; margin:0 auto; padding:0 0 0 0;  clear:both; }
.divmvtv_box { float:left; width:249px; height:260px; margin:0 auto; padding:0 0 0 0; }
.divmvtv_box01 { float:left; width:237px; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box02 { float:none; width:237px; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box03 { float:none; width:237px; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_box04 { float:right; width:237px; height:228px; margin:0 auto; padding:12px 0 0 0; border:solid 1px #cccccc; background-color:#ffffff; clear:both; }
.divmvtv_boxpic { float:none; width:210px; height:110px; text-align:center;  margin:0 auto; padding:0 0 0 0; clear:both; }
.divmvtv_boxbold { float:none; width:210px; text-align:center;  margin:0 auto; padding:0 0 0 0; font-weight:bold; clear:both; }
.divmvtv_boxtext { float:none; width:210px; height:80px; text-align:left; margin:0 auto; padding:0 0 0 0; color:#555555; clear:both; }
.divmvtv_img {width:210px; height:90px;}

.cena { float:none; width:100%; height:275px; margin:0 auto; padding:0 0 0 0;  background:url(mimgs/mcbg.png);background-repeat:repeat; clear:both; }
.cena_ct { float:none; width:997px; height:235px; margin:0 auto; padding:20px 0 20px 0;  clear:both; }
.cena_cta { float:left; width:251px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cena_cta01 { float:none; width:240px; height:235px; padding:0 0 0 0; clear:both; }

.cena_title { float:none; width:240px; height:30px; padding:0 0 0 0; clear:both; }
.cena_line { float:none; width:240px; height:4px; padding:0 0 0 0; background-color:#ff4212; clear:both; }
.cena_stitle { float:none; width:240px; height:20px; padding:20px 0 40px 0; clear:both; }
.cena_text { float:none; width:240px; height:40px; padding:0 0 0 0; clear:both; }

.cena_ctb { float:left; width:505px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cena_ctb01 { float:none; width:492px; height:233px; padding:0 0 0 0; border:solid 1px #dadada; background-color:#FFF; clear:both;  }
.cena_ctb01_title { float:none; width:462px; height:33px; margin:0 auto;  padding:0 0 0 0; clear:both; }
.cena_ctb01_title01 { float:left; text-align:left; width:422px;  padding:10px 0 0 0; font-weight:bold; }
.cena_ctb01_title02 { float:left; text-align:right; width:40px; padding:10px 0 0 0;  font-size:1.5em; color:#707070; }
.cena_ctb01_ct { float:none; text-align:left; width:422px; margin:0 auto;  padding:10px 0 0 0; }

.cena_ctc { float:left; width:241px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cena_ctc01 { float:none; width:239px; height:233px; padding:0 0 0 0; border:solid 1px #dadada; background-color:#FFF; clear:both; }

.cenb { float:none; width:100%; height:275px; margin:0 auto; padding:0 0 0 0;   background:url(mimgs/mabg02.png);background-repeat:repeat;  clear:both; }
.cenb_ct { float:none; width:997px; height:235px; margin:0 auto; padding:20px 0 20px 0;  clear:both; }
.cenb_cta { float:left; width:251px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_cta01 { float:none; width:240px; height:235px; padding:0 0 0 0; clear:both; }

.cenb_title { float:none; width:240px; height:30px; padding:0 0 0 0; clear:both; }
.cenb_line { float:none; width:240px; height:4px; padding:0 0 0 0; background-color:#7f54a6; clear:both; }
.cenb_stitle { float:none; width:240px; height:20px; padding:20px 0 40px 0; clear:both; }
.cenb_text { float:none; width:240px; height:40px; padding:0 0 0 0; clear:both; }

.cenb_ctb { float:left; width:505px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_ctb01 { float:none; width:492px; height:233px; padding:0 0 0 0; border:solid 1px #dadada; background-color:#FFF; clear:both;  }

.cenb_ctb_box { float:left; text-align:left; width:211px; margin:0 auto;  padding:0 0 0 0; }
.guidea { float:none; text-align:left; width:200px; height:26px; padding:10px 0 0 0; border-bottom:solid 1px #dadada;  }

.cenb_ctc_box { float:none; width:410px; height:84px; padding:0 0 0 0;   background-color:#f1f1f1; clear:both;}
.cenb_ctc_boxa{ float:left; width:100%; margin:0 auto; padding:25px 0 0 0; text-align:center; }
.cenb_ctc_boxb{ float:left; width:150px; margin:0 auto; padding:25px 0 0 0; text-align:right; font-size:22px; font-weight:bold; }

.cenb_ctc { float:left; width:241px; height:235px; margin:0 auto; padding:0 0 0 0; }
.cenb_ctc01 { float:none; width:239px; height:233px; padding:0 0 0 0; border:solid 1px #dadada; background-color:#FFF; clear:both; }

.cenban { float:none; width:100%; height:100px; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #dadada; clear:both; }
.cenban01 { float:none; width:997px; height:52px; margin:0 auto; padding:25px 0 0 0; clear:both; }
.cenban01 li { float:left; text-align:center; width:142px; height:52px; margin:0 0 0 0; padding:0 0 0 0;  }

.topsn_cate_icon_title { float:none; width:100%; height:65px; margin:0 auto; text-align:center; padding:25px 0 0 0; font-weight:bold; background-color:#1fb3c7; font-size:18px; color:#ffffff; clear:both; }
.topsn_cate_icon_box { float:none; width:100%; height:144px; margin:0 auto; text-align:center; padding:0 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.topsn_cate_icon { float:none; width:997px; height:104px; margin:0 auto; text-align:center; padding:20px 0 0 0; clear:both; }
.topsn_cate_icon01 { float:left; width:125px; height:104px; margin:0 auto; text-align:left; padding:0 0 0 0; }
.topsn_cate_icon02 { float:left; width:122px; height:104px; margin:0 auto; text-align:right; padding:0 0 0 0; }
.topsn_cate_mn_box { float:none; width:100%; height:36px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }
.topsn_cate_mn { float:none; width:997px; height:26px; margin:0 auto; text-align:center; padding:7px 0 0 0; clear:both; }
.topsn_cate_mn span { padding:0 10px 0 10px; }

.slist_ct { float:none; width:100%; margin:0 auto; padding:0 0 0 0; clear:both; }

.scont_title { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; font-size:2.0em; color:#ff4212; clear:both; }

.scont_view_title { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; clear:both; }
.scont_view_title01 { float:left;  height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; font-size:1.5em; color:#353535; }
.scont_view_title02 { float:left;  height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; color:#AAAAAA;  }
.scont_view_stitle { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0; border-top:solid 2px #353535; clear:both; }

.scont_stitle { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0; border-top:solid 3px #ff4212; clear:both; }
.scont_word { float:none; width:997px; height:80px; margin:0 auto; text-align:left; padding:20px 0 0 0;  clear:both; }

.sns_wrap { float:none; width:997px; margin:0 auto; text-align:left; padding:20px 0 30px 0;  clear:both; }
.sns_wrap li { float:left; margin:0 auto; text-align:left; padding:0 1px 0 1px; }
.copy-url { height:26px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }

.scont_map { float:none; width:995px; height:468px; margin:0 auto; text-align:center; padding:0 0 0 0; border:solid 1px #707070; clear:both; }
.scont_mapbtn { float:none; width:997px; height:30px; margin:0 auto; text-align:right; padding:20px 0 0 0;  border-top:solid 1px #dadada;  clear:both; }
.scont_mapbtna { float:none; width:997px; height:30px; margin:0 auto; text-align:right; padding:20px 0 0 0;  border-top:solid 1px #dadada;  clear:both; }
.scont_mapbtnb { float:right; text-align:right; padding:0 0 0 0; clear:both; }
.scont_mapbtnb li { float:left; height:27px; margin:0 auto; text-align:right; padding:2px 0 0 2px; }
.scont_mapbtnclick { border-radius:2px; border:solid 1px #0072bc; text-align:center; background-color:#0072bc;  font-size:1.0em; color:#fff; padding:4px 7px; 2px; 7px; cursor:pointer; }
.scont_mapbtnclicka { height:24px; border-radius:1px; border:solid 1px #6887f1; text-align:center; background-color:#6887f1;  font-size:0.9em; color:#fff; padding:4px 7px; 2px; 7px; cursor:pointer; }

.scont_popup_map { float:none; width:900px; height:500px; margin:0 auto; text-align:center; padding:0 0 0 0; clear:both; }

.popup_Pstyle { opacity:0; display:none;  width:88%; height:80%; border:5px solid #fff; padding:0; background-color:#fff; }
.b-close { position:absolute; right:5px; top:5px; padding:5px; display:inline-block; cursor:pointer; }
.popup_contents { height: 100%; width: 100%; }

.slist_title { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:30px 0 0 0; border-bottom:solid 2px #ff4212; clear:both; }
.slist_cont { float:none; width:997px; height:100px; margin:0 auto; text-align:center; padding:20px 0 0 0; border-bottom:solid 1px #dadada; clear:both; }
.slist_contpop { float:none; width:997px; margin:0 auto; text-align:center; padding:20px 0 20px 0; border-top:solid 1px #cccccc; clear:both; }
.slist_cont01 { float:left; width:198px; height:85px; margin:0 auto; text-align:center; padding:0 0 0 0; border:solid 1px #dadada; }
.slist_cont02 { float:left; width:600px; height:85px; margin:0 auto; text-align:left; padding:0 0 0 20px; }
.slist_cont02pop { float:left; width:100%; height:85px; margin:0 auto; text-align:left; padding:0 0 0 0; }

.slist_cont02a { display:none;}
.slist_cont02a_box { display:none;}

.slist_cont03 { float:left; width:140px; height:85px; margin:0 auto; text-align:left; padding:0 0 0 0; }
.slist_cont03 li { float:left; width:20px; height:20px; margin:0 0 0 2px; text-align:center; padding:2px 2px 2px 2px; border:solid 1px #dadada; }
.slist_cont3_span { font-size:1.0em; color:#6d7484; }
.slist_cont04 { float:left; width:30px; height:85px; text-align:left; padding:0 0 0 0; }

.sview_title { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:0 0 0 0; border-bottom:solid 2px #18b7cc; clear:both; }
.sview_title_line { float:right; width:997px; height:20px; margin:0 0 0 2px; text-align:right; padding:2px 2px 2px 2px; }
.sview_title_line li { float:left;  text-align:left; padding:0 10px 0 0 }

.sview_use { float:none; width:997px; height:30px; margin:0 auto; text-align:left; padding:10px 0 0 0;  clear:both; }
.sview_usea { float:left; width:77px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_useb { float:left; width:900px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_intro { float:none; width:997px;  margin:0 auto; text-align:left; padding:10px 0 10px 0; border-top:solid 1px #dadada; clear:both; }
.sview_introa { float:left; width:77px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_introb { float:left; width:690px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }
.sview_introc { float:left; width:210px; margin:0 auto; text-align:left; padding:0 0 0 0;  }

.sview_photo { float:none; width:210px; margin:20px auto; text-align:center; padding:0 0 0 0;  clear:both; }
.sview_photo li { float:left; width:60px; height:45px; text-align:center; margin:2px 2px 2px 2px; padding:1px 1px 1px 1px; border:solid 1px #dadada; }

.divbot { float:none; width:100%; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #353535; clear:both; }
.divbot_smn { float:none; width:100%; height:30px; margin:0 auto; padding:0 0 0 0; border-top:solid 1px #353535; border-bottom:solid 1px #dadada; clear:both; }
.divbot_smn_btn { float:none; width:997px; margin:0 auto; height:30px; padding:0 0 0 0; clear:both; }
.divbot_smn_btnct { float:right; height:30px; padding:0 0 0 0; clear:both; }
.divbot_smn_btnct li { float:left; height:30px; padding:5px 0 0 30px; }

.bot_copy { float:none; width:100%; height:120px; text-align:left; margin:0 auto; padding:30px 0 0 0; clear:both; }
.bot_copy_box { float:none; width:997px; height:120px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }
.bot_copy_logo { float:left; width:227px; height:90px; text-align:left; margin:0 auto; padding:0 0 0 0;  }
.bot_copy_text { float:left; width:742px; height:90px; text-align:left; margin:0 auto; padding:0 0 0 0;  }
.bot_copy_top { float:left; width:28px; height:90px; text-align:right; margin:0 auto; padding:0 0 0 0;  }

.login { float:none; width:100%; height:400px; margin:0 auto; padding:60px 0 0 0; clear:both;}
.login_box { float:none; width:997px; height:400px; margin:0 auto; padding:0 0 0 0; clear:both; }
.login_id_box { float:none; width:460px; height:50px; text-align:center; margin:0 auto; padding:0 0 0 0; clear:both; }
.login_id_box li { float:left;  width:120px; text-align:left; margin:0 auto; padding:0 0 0 30px;  }
.login_mem_box { float:none; width:360px; height:50px; text-align:center; margin:0 auto; padding:30px 0 0 0; clear:both; }

.login_id_form { width:250px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.login_pw_form { width:250px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.login_btn_form { width:265px; height:40px; border:solid 1px #353535; text-align:center; background-color:#353535;  font-size:12px; font-weight:bold;  color:#fff; padding:4px 7px; 2px; 7px; }


.serviceqa { float:none; width:100%; height:400px; margin:0 auto; padding:60px 0 0 0; clear:both;}
.serviceqa_box { float:none; width:997px; height:400px; margin:0 auto; padding:0 0 0 0; clear:both; }
.serviceqa_tbox { float:none; width:100%; height:50px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }
.serviceqa_cbox { float:none; width:100%; height:220px; text-align:left; margin:0 auto; padding:0 0 0 0; clear:both; }

.sqa_id_form { width:300px; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_sub_form { width:100%; height:30px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_text_form { width:100%; height:200px; border:solid 1px #cccccc; text-align:left; background-color:#ffffff;  font-size:12px; color:#000000; padding:4px 7px; 2px; 7px; }
.sqa_btn_form { width:250px; height:40px; border:solid 1px #353535; text-align:center; background-color:#353535;  font-size:12px; font-weight:bold;  color:#fff; padding:4px 7px; 2px; 7px; }


.defpage { float:none; width:100%;  margin:0 auto; padding:60px 0 0 0; clear:both;}
.defpage_box { float:none; width:997px; margin:0 auto; padding:0 0 0 0; clear:both; }
.defpage_use { float:none; width:997px; margin:0 auto; text-align:left; padding:10px 0 20px 0;  clear:both; }
.defpage_usea { float:none; width:87px; text-align:left; padding:0 0 15px 0;  clear:both;  }
.sdefpage_useb { float:none; width:997px; margin:0 auto; text-align:left; padding:0 10px 0 0;  }



}



