/*--------------1. layout --------------*/

 #logo {display:none;}
/* mobile gnb */
h1.gnb_mobile_icon {display:none;z-index:1000;position:absolute; top:0px; left:0; width:58px; height:76px; border-right:1px solid #eee;z-index:10000}
h1.gnb_mobile_icon a {display:block; overflow:hidden; width:58px; height:76px; font-size:0; text-indent:-10000px;border:0px solid red;z-index:10000}
h1.gnb_mobile_icon a:after {display:block; position:absolute; background:url('../images/mobile/mobile_menu.png') left top no-repeat; content:'';top:32px; left:17px; width:25px; height:15px; background-size:100%;}

.mobile_gnb { display:none; position:absolute; left:0; top:76px; z-index:1000; background-color:#444953;width: 100%; min-height:500px;}
ul.gnb_top { z-index:1; background-color:#5686B3;}
ul.gnb_top li {float:left; width:50%; height:40px; border:none;list-style:none}
ul.gnb_top li a {display:block; top:0; padding-left:10px; line-height:40px; color:#fff;text-decoration:none;}
.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:'';}

#mobile_gnb_ul {width: 100%;}
#mobile_gnb_ul a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 14px;
  position: relative;
  display:block;
  padding:8px 8px 8px 15px;
}

#mobile_gnb_ul > li > a {
  font-size: 14px;
  display: block;
  border-bottom: 1px solid #333841;
  background-color: #444953;
  color: #ffffff;
  padding: 10px 10px;
  height:24px;
  line-height:24px;
}

#mobile_gnb_ul > li > ul {
  font-size: 14px;
  display: block;
  background: #3168aa;
  color: #ffffff;
  border-bottom: 1px solid #444;
  padding:0;
}

#mobile_gnb_ul > li > ul > li {
  font-size: 14px;
  display: block;
  background: #23252b;
  color: #fff;
  border-top:1px dashed #444;
  padding:2px 0;
}

#mobile_gnb_ul > li > ul > li:first-child {border-top:none}


#mobile_gnb_ul .active { display:block; }

#mobile_gnb_ul > li > ul > li.active, #mobile_gnb_ul > li > ul > li:hover {
  background-color: #23252b;
}

#mobile_gnb_ul > li > ul > li > a {
  display: block;
  color: #fff;
  padding-left:25px;
}

#mobile_gnb_ul > li > ul > li > ul > li {
  font-size: 14px;
  display: block;
  background: #23252b;
  color: #fff;
  padding: 0px;
}

#mobile_gnb_ul > li > ul > li > ul > li > a { display:block; color:#a7a8aa;; font-size:13px;padding-left:25px; }
#mobile_gnb_ul > li > ul > li > ul > li > a:hover { text-decoration:underline; }
#mobile_gnb_ul > li > ul > li > ul > li:first-child { border-top:none !important!}

#mobile_gnb_ul > li > ul > li > a:before {display:block; content:''; position:absolute; width:9px; height:9px; background:url('../images/mobile/plus_minus.png') 0px -13px no-repeat;top:10px; left:10px; width:9px; height:9px;}
#mobile_gnb_ul > li > ul > li > a.nochild:before,
#mobile_gnb_ul > li > ul > li.active > a:before {display:block; content:''; position:absolute; width:9px; height:9px; background:url('../images/mobile/plus_minus.png') 0px 0px no-repeat;top:10px; left:10px; width:9px; height:9px;}

#mobile_gnb_ul li.on {background-color:#ffe7d8;}






@media only screen and (min-width: 768px) and (max-width: 959px) {

/*common*/
.v-pc {display:none}
.toTop {visibility: hidden;}

/*navi*/
.top-quick {display:none}
 #logo {float: none;margin:0 auto;text-align:center;height:50px;display:block;padding:10px 0 16px;}
h1.gnb_mobile_icon {display:block;}

/*main*/
.main-block {display:block;margin-bottom:10px;}

}



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

/*common*/
.v-pc {display:none}
.toTop {visibility: hidden;}
.mo-inline {display:inline !important}
.mo-block {display:block}

/*navi*/
.top-quick {display:none}
h1.gnb_mobile_icon {display:block;}
#logo {float: none;margin:0 auto;text-align:center;width:200px;height:50px;display:block;padding:15px 0 11px;}


/*main*/


/*sv*/
.sv-bg-01,
.sv-bg-02,
.sv-bg-03,
.sv-bg-04,
.sv-bg-05,
.sv-bg-06 {background:none}
.cnt-tit {padding:35px 0 20px 0px;font-size:24px;text-align:center}
.cnt-tit span {font-size:13px;margin-left:10px;}
.navi-wrap {visibility: hidden;margin-bottom:0px !important;}

/*content title*/
.main_title h2 {font-size: 24px;line-height:30px;}



.r-flow-01 {font-size:18px;padding:20px;}
.r-flow-01 span {font-size:14px;display:inline}
.r-flow-02 {font-size:14px;padding:20px;}



}

@media only screen and (min-width: 480px) and (max-width: 767px) {
/*common*/
.v-pc {display:none}
.toTop {visibility: hidden;}
.mo-inline {display:inline !important}

/*navi*/
.top-quick {display:none}
h1.gnb_mobile_icon {display:block;}
#logo {float: none;margin:0 auto;text-align:center;width:200px;height:50px;display:block;padding:15px 0 11px;}

/*main*/


/*sv*/
.sv-bg-01,
.sv-bg-02,
.sv-bg-03,
.sv-bg-04,
.sv-bg-05,
.sv-bg-06 {background:none}
.cnt-tit {padding:35px 0 20px 0px;font-size:24px;text-align:center}
.cnt-tit span {font-size:13px;margin-left:10px;}
.navi-wrap {visibility: hidden;margin-bottom:0px !important;}


/*content title*/
.main_title h2 {font-size: 24px;line-height:30px;}



.r-flow-01 {font-size:16px;padding:20px;}
.r-flow-01 span {font-size:14px;display:inline}
.r-flow-02 {font-size:14px;padding:20px;}

}