body,h1,h2,h3,ul,li,p { padding:0; margin:0; }
ul,li { list-style-type:none; }
img { border:0; vertical-align:top; }
a { text-decoration:none; }
hr { display:none; }
address { font-style: normal; }
.hidden { position:absolute; left:-9999px; }


/* ±âº»¼³Á¤ */
#header { width:100%; height:10%; }
#main_visual { width:100%; height:20%; }
.quick_menu { width:100%; height:20%; }
.pc_wrap2 { width:1024px; margin:0 auto; }
.bt_banner { width:100%; height:10%; }
#footer { width:100%; padding:3% 0; background:#222; overflow:hidden; }




/* header */
.pc_wrap { width:1024px; padding-top:2%; position:absolute; left:50%; margin-left:-512px; z-index:99; }
.pc_wrap h1 { display:inline; }
#header_nav { float:right; }
#header_nav li { float:left; margin-left:30px; }
#header_nav li a { color:#606060; font-size:1em; font-weight:bold; display:block; padding-top:12px; height:35px; line-height:35px; }
#header_nav li a:hover { border-bottom:3px solid #6884b4; }



#mobile_menu { display:none; }
#mobile_menu a { text-indent: -5000px; position: absolute; top:10px; height: 40px; background: url(../img/res/menu_btn40.png) no-repeat; }
#mobile_menu .toggle { right: 4px; width:40px; background-position: right 0; }
#toggle_gnb { display:none; }


.toc { position:absolute; width:360px; height:300px; bottom:10px; right:10px; z-index:100; }




/* ¸ÞÀÎ ºñÁê¾ó */


#w { display:block; width:100%; margin:0 auto; }

/** Glidejs styles **/
.slider { position:relative; width:100%; height:100%; overflow:hidden; }
 
.slides { height:100%; overflow:hidden;
  /** 
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
   -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
   transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
 
.slide { height:100%; float:left; clear:none; }
.slide img { width:100%; }
.slider-arrows {}
.slider-arrow { position:absolute; display:block; margin-bottom:-20px; padding:10px;
  text-decoration: none; font-weight:900; font-size:2.0em; color: #fff; border:1px solid #fff; border-radius:8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.slider-arrow:hover { background:#ddd; color:#aaa; }
.slider-arrow--right { bottom:50%; right:30px; }
.slider-arrow--left { bottom:50%; left:30px; }

.slider-nav { position:absolute; bottom:0px; }
.slider-nav__item { width:12px; height:12px; float:left; clear:none; display:block; margin:9px 5px; background:#fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.slider-nav__item:hover { background: #bababa; }
.slider-nav__item--current, .slider-nav__item--current:hover { background: #999; }





/* quick_menu */
.quick_menu { width:1024px; margin:0 auto 5%; text-align:center; }
.quick_menu:after { content:""; display:block; clear:both; }
.quick_menu h2 { font-size:400%; padding:40px 0 20px; text-align:center; }
.quick_menu p { font-size:100%; width:75%; margin:0 auto; line-height:180%; }
.quick_menu ul { margin:3% auto 0; }
.quick_menu li { float:left; width:21%; margin-right:4%; }
.quick_menu li:last-child { margin:0; }
.quick_menu img { width:100%; }



/* bt_banner */
.bt_banner { background:url(../img/res/bt_banner_bg.jpg); background-size:cover; }
.bt_banner img { padding-left:5%; }



/* footer */
#bt_logo { width:20%; display:inline; float:left; }
.address { width:62%; margin:4% auto; float:left; color:#fff; font-size:90%; line-height:180%; }
.sns { width:18%; margin-top:4%; float:right; text-align:right; }
.sns li {  margin-left:5%; display:inline; }


















/* ¹ÝÀÀÇü À¥ ¼³Á¤ */


/* ÅÂºí¸´ */
@media all and ( max-width:1023px ) {
 
    /* header ¿µ¿ª */
    #header { /* width:100%; */ margin:0 auto; }
    .pc_wrap { max-width:100%; min-width:100%; position:absolute; left:50%; margin-left:-50%; z-index:99; }
    .pc_wrap h1 img { width:25%; }

    /* quick_menu */
    .quick_menu { width:100%; }
    .quick_menu h2 { font-size:200%; padding:40px 0 20px; }


    /* bt_banner */
    .pc_wrap2 { width:100%; }


    /* footer */
    #bt_logo img { width:80%; }
    .sns img{ width:80%; }
    .address { width:57%; margin:4% auto; float:left; color:#fff; font-size:90%; line-height:180%;}
    .sns { width:22%; margin-top:4%; float:left; padding:0px; margin-left:0; }
    .sns ul { display:inline-block; width:100%; }
    .sns li {  float:left; }



.toc { position:absolute; width:50%; height:50%; bottom:10px; right:10px; z-index:100; }







}






/* ¸ð¹ÙÀÏ */
@media only screen and (max-width:767px) {

    /* header ¿µ¿ª */
    #header { /* width:100%; */ }
    .pc_wrap { position:relative; max-width:100%; min-width:100%; height:5%; float:left; margin-left:-50%; margin-bottom:3%; }
    .pc_wrap h1 img { width:50%; }


    #mobile_menu { display:block; }
    #toggle_gnb { width:100%; background:#6884b4; margin-top:3%; }

    #toggle_gnb ul { overflow:hidden; }

    #toggle_gnb li a { width:100%; display:block; padding:9px 0 8px 22px; border-bottom:1px solid #ccc; color:#fff; }
    #header_nav { display:none; }
    #header_nav li { clear:both; }


   /* ¸ÞÀκñÁê¾ó */
   .slider-arrow { display:none; }
   .slider-nav__item { width:5px; height:5px; float:left; clear:none; display:block; margin:9px 3px; background:#fff; }



     /* quick_menu */
    .quick_menu h2 { font-size:150%; padding:30px 0 10px; }
    .quick_menu ul { width:90%; margin:3% auto 0; }
    .quick_menu p { line-height:130%; }
    .quick_menu ul { width:90%; overflow:auto; }
    .quick_menu ul li { width:46%; margin:2%; }
    .quick_menu ul li:last-child { margin:2%; }

     /* bt_banner */
    .bt_banner img { width:80%; padding-left:10%; }

     /* footer */
     #bt_logo { width:100%; text-align:center; }
     #bt_logo img { width:30%; }
     .address { width:100%; }
     .sns { width:100%; margin:0 auto; text-align:center; }
     .sns ul { display:inline-block; width:auto;}
     .sns li { float:left; margin:0 auto; }
   
}