@charset "utf-8";
/* CSS Document */

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

}

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

}

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

}

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

}

@media screen and (max-width:1023px){
#main,
#sub{ font-size:14px;}
.box1{}
.tabl_show {display:block;}
.tabl_hide {display:none;}

#header .gnb_wrap .gnb > li .dp1 {padding:0 15px;}
#header .gnb_wrap .gnb .dp2 {width:130px; margin-left:-65px; }
#header .gnb_wrap .gnb .dp2 > li > a {padding:10px;}

#footer .footer_wrap {padding:20px 0;}
#footer .footer_wrap .menu_area {width:100%}
#footer .footer_wrap .menu_area .logo {padding:25px 0 10px 0; text-align:center;}
#footer .footer_wrap .info_area {width:100%; text-align:center;}
#footer .footer_wrap .info_area > li { padding:7px 18px 0px 0;}

/**/
#contents .quick_wrap .quick {width:110px;}
#contents .quick_wrap .quick .va_wrap {height:100px;}

#contents .sub_wrap {padding:30px 170px 100px 30px}
#contents .lnb_wrap .gnb .dp2 > li > a {padding:15px 25px;}
#contents .lnb_wrap .gnb .dp2 > li > a .icon:after {right:10px;}
/**/
.instance_sec .ins_right .mt_30 {margin-top:0;}

/**/
.sub1_tit {text-align:center;}
.sub1_tit:after { display:block; content:''; width:25px; height:3px; margin:20px auto 50px auto; background:#00a2d7;}

.sub1_t_box .sub1_t_in > div {margin:0 20px;}
.sub1_t_box .sub1_t_in .sub1_t_tit {margin-bottom:25px;}
.sub1_t_box .sub1_t_in .sub1_t_tit dd {font-size:1.125em;}
.sub1_t_box .sub1_t_in .sub1_t1 {line-height:1.6;}
.sub1_t_box .sub1_t_in .sub1_t2 {margin-top:15px; line-height:1.4}

.introd_box .introd_in_r > ul {margin-left:10px;}

.map_right iframe {width:100%; height:250px;}
.map_fr {display:none;}

/*Main*/
.con_wrap div.con_l ul li .mb_txt_box {padding:16.5px 0;}
.con_wrap div.con_r {width:24%; }
.con_wrap div.con_r dl {padding:10px 15px 20px 15px;}
.con_wrap div.con_r dl dt {margin-bottom:10px;}
}
@media screen and (max-width:830px){
/*Main*/
.con_wrap div.con_r dl dd .m_tel_st {margin-left:0;}
.con_wrap div.con_r .con_r_in2 dd .con_r_in_l {width:73%;}
.con_wrap div.con_r .con_r_in2 dd .con_r_in_r {width:37px; height:37px;}

}
@media screen and (max-width:768px){
#main,
#sub{ font-size:12px;}
.box1{}
.pc_hide{ display:block}
.phone_hide{ display:none !important;}


/**/
#sub .slogan_wrap {padding:30px 0;}
#contents .slogan .t2 {font-size:1.375em}
#contents .lnb_wrap {display:none}
#contents .sub_wrap {box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
#contents .quick_wrap {display:none;}
#contents .sub_wrap {padding:20px 10px;}
 
#footer .footer_wrap {padding:0 0 20px 0;}
#footer .footer_wrap .menu_area .menu {display:none}
#footer .footer_wrap .menu_area .logo {padding:20px 0 5px 0}
#footer .footer_wrap .menu_area .logo > img {width:40%}
#footer .footer_wrap .info_area > li {padding:5px 15px 0px 0}

/**/
.sub1_tit {font-size:1.125em; letter-spacing:-1px;}
.sub1_tit:after {margin:10px auto 30px auto}
.sub1_tit .sub1_logo {width:30px; height:35px; background-size:100% auto}

.sub1_t_box .sub1_t_img, 
.sub1_t_box .sub1_t_in {width:100%;}
.sub1_t_box .sub1_t_in > div {margin:20px 0;}
.introd_box {margin-top:50px;}
.introd_box .introd_tit {font-size:1.25em;}
.introd_box .introd_in {margin-top:10px;}
.introd_box .introd_in_l,
.introd_box .introd_in_r {width:100%;}
.introd_box .introd_in_r > ul {margin-left:0px; margin-top:15px;}
.introd_box .introd_in_r li > p {font-size:.938em;}

/**/
.instance_sec .ins_left,
.instance_sec .ins_right {width:100%;}
.instance_sec .ins_right > div {padding-left:0; padding-top:20px;}
.instance_sec2 > div {width:100%;}
.instance_sec2 > div dl {margin-bottom:10px;}

/**/
#main .slogan_wrap {padding:0 0 20px 0}

.con_wrap div.con_l, .con_wrap div.con_r {width:92%; margin:0 4%;}
.con_wrap div.con_l ul li {width:50%;}
.con_wrap div.con_l ul li .mb_txt_box {padding:10px 0;}
.con_wrap div.con_l ul li .mb_txt_box .mb_t1 {margin-bottom:10px;}
.con_wrap div.con_l ul li .mb_txt_box .mb_img {width:60px; height:60px;}

.con_wrap div.con_r dl {padding:15px; height:55px; position:relative}
.con_wrap div.con_r .con_r_in2 dd {position:static;}
.con_wrap div.con_r .con_r_in2 dd .con_r_in_r {right:15px; bottom:15px; width:40px; height:40px;}
}