/* common ***************************************************************************************************************************************************/
@media screen and (max-width:752px){
.img_pc {display:none;}
.img_m {display:block}
}
/* ¼­ºê À̹ÌÁö + ÅؽºÆ® ***************************************************************************************************************************************************/



.s_visual { position: relative; width: 100%;  height:300px;  background-repeat:no-repeat; background-position:50% 0; }
.s_visual.s_bg1 { background-image:url(../../img/sub01.jpg); background-size:cover;}
.s_visual.s_bg2 { background-image:url(../../img/sub02.jpg); background-size:cover;}
.s_visual.s_bg3 { background-image:url(../../img/sub03.jpg); background-size:cover;}
.s_visual.s_bg4 { background-image:url(../../img/sub04.jpg); background-size:cover;}
.s_visual.s_bg5 { background-image:url(../../img/sub05.jpg); background-size:cover;}
.s_visual.s_bg6 { background-image:url(../../img/sub06.jpg); background-size:cover;}

.sv_tit { position: relative; height: 100%; text-align: center; color:#fff; display:flex; align-items:center; justify-content:center; }
.sv_tit h2 { font-size: 40px; font-weight: 600; margin: 0 auto; width:100%; max-width: 500px; line-height:100px; letter-spacing:-0.5px; margin-top:20%;}
.sv_tit p.sv-t2 { font-size: 14px; font-weight: 600; margin-bottom: 1%; letter-spacing:-0.5px;}

@media (max-width: 991px){
.s_visual { height: 28vw;}

.sv_tit h2 { font-size: 35px; font-weight: 600; margin: 0 auto; width: 100%; max-width: 500px; line-height: 80px; letter-spacing:-0.5px; margin-top:22%;}
.sv_tit p.sv-t2 { font-size: 13px; font-weight: 600; margin-bottom: 2%; letter-spacing:-0.5px;}

}

@media (max-width: 780px){
.s_visual { height: 32vw;}

.sv_tit h2 { font-size: 30px; font-weight: 600; margin: 0 auto ; line-height: 60px; letter-spacing:-0.5px; margin-top:25%;}
.sv_tit p.sv-t2 { font-size: 12px; font-weight: 600; margin-bottom: 2%; letter-spacing:-0.5px;}

}

@media (max-width: 580px){
.s_visual { height: 43vw; }
                                                                                                    
}

@media (max-width: 460px){

.s_visual { height: 55vw; }


.sv_tit h2 { font-size: 28px; font-weight: 600; margin: 0 auto ; line-height: 60px; letter-spacing:-0.5px;margin-top:27%;}
.sv_tit p.sv-t2 { font-size: 11.5px; font-weight: 600; line-height: 20px; margin-bottom: 2%; letter-spacing:-0.5px;}

}




/* ¼­ºê Wrap ***************************************************************************************************************************************************/

.sub-cont-wrap {position:relative; max-width:1200px; width:100%; margin:0px auto;  height:500px;
border-top-left-radius:3px; 
-moz-border-top-left-radius:3px;  
-webkit-border-top-left-radius: 3px; 
border-top-right-radius:3px; 
-moz-border-top-right-radius:3px;  
-webkit-border-top-right-radius: 3px;
}

@media screen and (max-width:752px){
.sub-cont-wrap { margin:0px auto; background:#fff; opacity:0.9}
}


/* ¼­ºê ¸Þ´º ***************************************************************************************************************************************************/

#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6,
#page07 #sub_menu a.menu7,
#page08 #sub_menu a.menu8,
#page09 #sub_menu a.menu9,
#page10 #sub_menu a.menu10 { color:#555555; background:#ececec;}
#s_navi {position:relative;float:left; width:17%; padding:0; margin:10px 0 50px 42px;}
#s_navi h3 {float:left; width:95%; margin:13px 0 9px 5px;  font-size:24px; color:#575757; font-weight:600; line-height:1.60em;}
#s_navi #sub_menu {position:relative;float:left;clear:both; width:100%; border-top:1px solid #222;  }
#s_navi #sub_menu > li {display:block; float: left; width:100%; clear:both; border-bottom:1px solid #d8d8d8; }
#s_navi #sub_menu > li:first-child { margin-left:0;}
#s_navi #sub_menu > li a { display:block; float: left; line-height: 43px; width:92%;  padding:0 0 0 8%; letter-spacing:-.02em; font-size:1.10em; color:#333; background:#fff;}
#s_navi #sub_menu li a:hover{ color:#333; background:#ececec;
-webkit-transition:300ms ease-out 0ms;
-moz-transition:300ms ease-out 0ms;
-ms-transition:300ms ease-out 0ms;
transition:300ms ease-out 0ms;
} 





/**/

.sub_menu_wrap{ display:none; box-sizing:border-box; border-bottom:1px solid #ddd; height:80px; line-height:80px;  z-index:3; position:relative; font-weight:600;z-index:50; }
.sub_menu_wrap.fixed .inner{position:Fixed; top:0; left:0; width:100%; background:#FFF; border-bottom:1px solid #ddd;}
.sub_menu_wrap .m_dep_tit{display:none;}
.sub_menu_wrap .m_home{display:none; width:60px; height:60px; text-align:center; font-size:0; background:#595959 url("../../img/ico_home.png") no-repeat center; background-size: 100%;  }
.sub_menu_wrap .m_home img{width:100%;}
.sub_menu_wrap .m_1dep_box{display:none;}
.sub_menu_wrap .m_2dep_box{text-align:center;}
.sub_menu_wrap .m_2dep_box .smenu{display:block}
.sub_menu_wrap .m_2dep_box li{position:relative; display:inline-block; color:#57585a; padding:0 20px;}
.sub_menu_wrap .m_2dep_box li:before{content:""; width:1px; height:12px; background:#dddddd; position:absolute; left:0; top:50%; margin-top:-6px;}
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap br{display:none;}
.sub_menu_wrap .m_2dep_box li:hover{color:#434F50}
.sub_menu_wrap .m_2dep_box li:hover a{padding-bottom:2px; border-bottom:1px solid #434F50;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#434F50}
.sub_menu_wrap .m_2dep_box li a.on{font-weight:600; border-bottom:2px solid #434F50; padding-bottom:2px;}
.sub_menu_wrap .m_2dep_box li span.dep2_mu{display:none !important}



@media all and (max-width:780px) {

#s_navi {display:none;}
#sub_content_wrap{display:block;}

 .sub_menu_wrap{display:block; height:60px;  line-height:60px; color:#333;}
 .sub_menu_wrap .inner{width:100%;}
 .sub_menu_wrap .m_home{display:block; float:left;}
 .sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer; height:60px; line-height:60px; border-right:1px solid #ddd;}
 .sub_menu_wrap .m_dep_tit{display:block; background:url('../../img/icon_nav_arw.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer;}
 .sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#ffffff; box-sizing:border-box; border:1px solid #ddd; border-top:0;}
 .sub_menu_wrap .m_dep_box .smenu li{margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0; }
 .sub_menu_wrap .m_dep_box .smenu li:hover{background:#ececec;}
 .sub_menu_wrap .m_dep_box .smenu li:hover a{padding:13px 15px; border:0; font-weight:600;}
 .sub_menu_wrap .m_dep_box .smenu li a.on{background:#ececec; color:#333333; border:0; padding:13px 15px;}
 .sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
 .sub_menu_wrap .m_dep_box .smenu a{color:#333; display:block; width:100%;  padding:13px 15px; box-sizing:border-box; line-height:normal}
 .sub_menu_wrap .m_2dep_box li:before{display:none;}
}


@media all and (max-width:520px) {

 .sub_menu_wrap{ height:50px;  line-height:50px}
 .sub_menu_wrap .m_home{ height:50px;  line-height:50px;}
 .sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
 .sub_menu_wrap .m_dep_box{width:calc(48.5% - 26px); height:50px; line-height:50px;}
 .sub_menu_wrap .m_2dep_box{border-right:0;}

}






/* ¼­ºê customer ***********************/

#s_navi #sub_customer {position:relative;float:left; clear:both; width:100%; max-width:204px;  margin-top:100px; height:180px;  background:#363331;}




#s_navi #sub_customer .text00{width:100%; text-align:left;  color:#ffffff; font-size:14px; font-weight:600; line-height:50px; margin-left:9.8%; }
#s_navi #sub_customer .text01{width:100%; text-align:left;  color:#ffffff; font-size:10.5px; line-height:15px; margin-left:9.8%; }
#s_navi #sub_customer .text02{width:100%; text-align:left;  color:#ffffff; font-size:20px; line-height:40px; font-weight:600; margin-left:9.8% ;letter-spacing:-1px;}
#s_navi #sub_customer .text03{width:100%; text-align:left;  color:#ffffff; font-size:12px; line-height:18px; margin-left:9.8%;}
#s_navi #sub_customer .text04{width:100%; text-align:left;  color:#ffffff; font-size:11px !important; line-height:18px; margin-left:9.8%;}





@media all and (max-width:1201px) {


#s_navi #sub_customer .text00{width:100%; text-align:left;  color:#ffffff; font-size:13px; font-weight:600; line-height:50px; margin-left:5%; }
#s_navi #sub_customer .text01{width:100%; text-align:left;  color:#ffffff; font-size:10px; line-height:15px; margin-left:5%; }
#s_navi #sub_customer .text02{width:100%; text-align:left;  color:#ffffff; font-size:18px; line-height:40px; font-weight:600; margin-left:5% ;letter-spacing:-1px;}
#s_navi #sub_customer .text03{width:100%; text-align:left;  color:#ffffff; font-size:11px; line-height:17px; margin-left:5%;}
#s_navi #sub_customer .text04{width:100%; text-align:left;  color:#ffffff; font-size:11px; line-height:17px; margin-left:5%;}


}


@media all and (max-width:992px) {


#s_navi #sub_customer .text00{width:100%; text-align:left;  color:#ffffff; font-size:13px; font-weight:600; line-height:50px; margin-left:5%; }
#s_navi #sub_customer .text01{width:100%; text-align:left;  color:#ffffff; font-size:10px; line-height:15px; margin-left:5%; }
#s_navi #sub_customer .text02{width:100%; text-align:left;  color:#ffffff; font-size:15px; line-height:40px; font-weight:600; margin-left:5% ;letter-spacing:-1px;}
#s_navi #sub_customer .text03{width:100%; text-align:left;  color:#ffffff; font-size:11px; line-height:17px; margin-left:5%;}
#s_navi #sub_customer .text04{width:100%; text-align:left;  color:#ffffff; font-size:11px; line-height:17px; margin-left:5%;}


}



/* ¼­ºê ŸÀÌƲ ***************************************************************************************************************************************************/

.title-wrap {position:relative; float:right; width:72%; margin-right:42px; border-bottom:1px solid #ddd;}
.title-wrap .cont-title {float:left; margin:23px 0 9px 0;  font-size:22px; color:#575757; font-weight:600; line-height:1.60em;}
.title-wrap .rout {position:relative; float:right; margin:3% 0 0 0 }
.title-wrap .rout ul {float:right;}
.title-wrap .rout ul li {display:inline-block; float:left; color:#8c8c8c;width:auto; font-size:12px; background:url(../../img/r_arrow.gif) no-repeat left;  line-height:39px; padding:0 10px 0 12px;}
.title-wrap .rout ul li:first-child { background:url(../../img/home.gif) no-repeat center  !important; text-indent:-9999px; padding:0 15px 0 10px; border-left:0px solid #ddd; }
.title-wrap .rout ul li:last-child {color:#555555;}

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

.title-wrap {position:relative; float:left; width:96%;margin-left:2%; margin-right:2%;}
.title-wrap .cont-title {float:left; margin:16px 0 0; font-size:23px;}

}

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

.title-wrap .rout {display:none; }

}

/* ¼­ºê º»¹® ***************************************************************************************************************************************************/

.body-wrap {position:relative; float:right; width:72%; margin-right:42px; margin-top:30px; }

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

.body-wrap { float:left; width:96%;margin-left:2%; margin-right:2%; margin-top:20px; border:0px solid #f00}

}

.cont-list {position:relative; float:left; width:100%; margin-top:10px; }
.cont-list li {display:block; float:left; width:100%; font-size:1.25em; line-height:1.60em; margin-bottom:10px; color:#666;}

/* -------------------------------------------------------------------  º»¹®³»¿ë -----------------------------------------------------------------------------------------*/


/* Àλ縻 ***************************************************************************************************************************************************/


.about {position:relative; float:left; width:100%; padding-bottom:80px; max-width:860px;}

.about .img1 {width:100%; padding-top:30px;}


#ab{clear:both; width:100%; height:480px;}

#ableft{ float:left; width:44.5%;}
#ableft .img {width:100%; max-width:380px;}

#abright{ float:left; width:50%; margin-left:5.5%; }
#abright .tx0 {width:100%; text-align:left; color:#5e5d5d; font-size:17px; line-height:26px; margin:10px 0 0 0; letter-spacing:-0.5px;}
#abright .tx0 span { color:#996b56; font-size:17px; font-weight:600; }
#abright .tx0-1 {width:100%; text-align:left; color:#5e5d5d; font-size:17px; line-height:26px; margin:40px 0 0 0; letter-spacing:-0.5px;}
#abright .tx0-1 span { color:#996b56; font-size:17px; font-weight:600; }
#abright .tx1 {width:100%; text-align:left; color:#888888; font-size:13px; line-height:22px; margin:20px 0 0 0; letter-spacing:-0.5px;}

#abright .img1 { float:right; width:100%; max-width:165px; margin:50px 0 0 0;}



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

#ableft{ float:left; width:50%;}
#abright{ float:left; width:45.5%; margin-left:4.5%; }


#abright .tx0 br{display:none;}
#abright .tx0-1 br{display:none;}
#abright .tx1 br{display:none;}

}



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

#abright .tx0 {width:100%; text-align:left; color:#5e5d5d; font-size:16px; line-height:26px; margin:10px 0 0 0; letter-spacing:-0.5px;}
#abright .tx0 span { color:#996b56; font-size:16px; font-weight:600; }
#abright .tx0-1 {width:100%; text-align:left; color:#5e5d5d; font-size:16px; line-height:26px; margin:30px 0 0 0; letter-spacing:-0.5px;}
#abright .tx0-1 span { color:#996b56; font-size:16px; font-weight:600; }
#abright .tx1 {width:100%; text-align:left; color:#888888; font-size:12px; line-height:22px; margin:20px 0 0 0; letter-spacing:-0.5px;}

#abright .img1 { float:right; width:100%; max-width:165px; margin:30px 0 0 0;}

}

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

#ableft{ float:left; width:100%; margin:0 auto;}
#ableft .img {width:100%; max-width:560px; margin:0 auto;}
#abright{ float:left; width:100%; margin-left:0%; }


#abright .tx0 br{display:block;}
#abright .tx0-1 br{display:block;}
#abright .tx1 br{display:block;}

}


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



#abright .tx0 br{display:none;}
#abright .tx0-1 br{display:none;}
#abright .tx1 br{display:none;}


#abright .img1 { float:right; width:100%; max-width:165px; margin:50px 0 0 0;}

}




/* ¿¬Çõ ***************************************************************************************************************************************************/


.about1 {position:relative; float:left; width:100%; padding-bottom:80px; max-width:860px;}

.about1 .img {width:100%; padding-top:50px;}


.about1 .text00 {width:100%; text-align:center; color:#5e5d5d; font-size:17px; line-height:26px; margin:10px 0 0 0; letter-spacing:-0.5px;}
.about1 .text00 span { color:#996b56; font-size:17px; font-weight:600; }
.about1 .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 30px 0;}


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


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

.about1 .text00 {width:100%; text-align:center; color:#5e5d5d; font-size:16px; line-height:26px; margin:10px 0 0 0; letter-spacing:-0.5px;}
.about1 .text00 span { color:#996b56; font-size:16px; font-weight:600; }
.about1 .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 30px 0;}

}

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

}

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








/* Á¶Á÷µµ ***************************************************************************************************************************************************/


.about2 {position:relative; float:left; width:100%; padding-bottom:80px; max-width:860px;}

.about2 .img {width:100%; padding-top:50px;}

.about2 .text00 {width:100%; text-align:center; color:#5e5d5d; font-size:17px; line-height:26px; margin:10px 0 0 0; letter-spacing:-0.5px;}
.about2 .text00 span { color:#996b56; font-size:17px; font-weight:600; }
.about2 .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 30px 0;}


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

}


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

.about2 .text00 {width:100%; text-align:center; color:#5e5d5d; font-size:16px; line-height:26px; margin:10px 0 0 0; letter-spacing:-0.5px;}
.about2 .text00 span { color:#996b56; font-size:16px; font-weight:600; }
.about2 .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 30px 0;}



}

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

}


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


}




/* ¿À½Ã´Â ±æ ***************************************************************************************************************************************************/

.col-mid-2 {width:50%;  float:left;}
.col-mid-3 {width:33.3%;  float:left; text-align:center;}
.map {position:relative; float:left;  width:99%; height:450px; margin:20px 0 50px 0px; border:1px solid #ddd;}

/* table */
.tb_st2 {position:relative; float:left; width:100%; border-top:1px solid #996b56;  font-size:13px; font-weight:600; color:#878787;}
.tb_st2 th { font-weight:600; text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;   font-size:13px; color:#777777;}
.tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}

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

#map { height:300px;}

}

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

.col-mid-3 {width:100%;  float:left; text-align:center;}
.title-wrap .rout {display:none; }
/* table */
.tb_st2 {position:relative; float:left; width:100%; border-top:1px solid #996b56;  font-size:12px; color:#656565;}
.tb_st2 th {text-align:center; padding:8px 8px 8px 20px; background:#f5f5f5; border-bottom:1px solid #e1e1e1; font-style:normal;}
.tb_st2 td {padding:8px 0 8px 15px; border-bottom:1px solid #e1e1e1; font-style:normal;}

}



/* »ç¾÷¼Ò°³ ***************************************************************************************************************************************************/



.business {position:relative; float:left; width:100%; padding-bottom:80px; max-width:860px;}

.business .text00 {width:100%;float:none; text-align:center; color:#5e5d5d; font-size:17px; font-weight:600; line-height:30px;}
.business .text00 span {text-align:center; color:#996b56; font-size:17px;}
.business .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 30px 0;}


#bs{clear:both; width:100%; height:330px; padding: 50px 0; border-bottom:1px solid #d5d5d5;}
#bs1{clear:both; width:100%; height:330px; padding: 50px 0;}


#bsleft{ float:left; width:50%; height:330px;  background:#fcfcfc; }
#bsleft .img1 {display:none;}
#bsleft .tx0 {width:60%; text-align:left; color:#2f2f2f; font-size:17px; line-height:30px; font-weight:600;  margin:25% 20% 0 20%; letter-spacing:-0.5px;}
#bsleft .tx1 {width:60%; text-align:left; color:#888888; font-size:13px; line-height:22px; margin:20px 20% 0 20%; letter-spacing:-0.5px;}

#bsright{ float:left; width:50%; height:330px;}
#bsright .img {width:100%; max-width:430px;}




#bsleft1{ float:left; width:50%; height:330px;}
#bsleft1 .img2 {width:100%; max-width:430px;}

#bsright1{ float:left; width:50%; height:330px;  background:#fcfcfc; }
#bsright1 .tx0 {width:60%; text-align:left; color:#2f2f2f; font-size:17px; line-height:30px; font-weight:600;  margin:25% 20% 0 20%; letter-spacing:-0.5px;}
#bsright1 .tx1 {width:60%; text-align:left; color:#888888; font-size:13px; line-height:22px; margin:20px 20% 0 20%; letter-spacing:-0.5px;}



#bsleft2{ float:left; width:50%; height:330px;  background:#fcfcfc; }
#bsleft2 .img4 {display:none;}
#bsleft2 .tx0 {width:60%; text-align:left; color:#2f2f2f; font-size:17px; line-height:30px; font-weight:600;  margin:25% 20% 0 20%; letter-spacing:-0.5px;}
#bsleft2 .tx1 {width:60%; text-align:left; color:#888888; font-size:13px; line-height:22px; margin:20px 20% 0 20%; letter-spacing:-0.5px;}

#bsright2{ float:left; width:50%; height:330px;}
#bsright2 .img3 {width:100%; max-width:430px;}







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


#bsleft{ float:left; width:50%; height:auto;  background:#ffffff; }
#bsright1{ float:left; width:50%; height:auto;  background:#ffffff; }
#bsleft2{ float:left; width:50%; height:auto;  background:#ffffff; }



#bsleft .tx1 br{display:none;}
#bsright1 .tx1 br{display:none;}
#bsleft2 .tx1 br{display:none;}




}


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





}


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

#bs{clear:both; float:left;  width:100%; height:auto; padding: 50px 0 50px 0; border-bottom:1px solid #d5d5d5;}
#bs1{clear:both; float:left;  width:100%; height:auto; padding: 50px 0 50px 0;}


}

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


.business .text00 {width:100%;float:none; text-align:center; color:#5e5d5d; font-size:16px; font-weight:600; line-height:30px;}
.business .text00 span {text-align:center; color:#996b56; font-size:16px;}
.business .text01 {width:100%; text-align:center; color:#888888; font-size:12px; line-height:22px; margin:10px 0 30px 0;}


#bsleft{ float:left; width:40%; height:auto;}
#bsleft1{ float:left; width:60%; height:auto;}
#bsleft2{ float:left; width:40%; height:auto;}
#bsright{ float:left; width:60%; height:auto;}
#bsright1{ float:left; width:40%; height:auto;}
#bsright2{ float:left; width:60%; height:auto;}



}


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

.business .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 0px 0;}


#bsleft{ float:left; width:100%; height:auto;}
#bsleft .img1 {display:block;width:100%; max-width:560px;}
#bsleft .tx0 {width:100%; text-align:left; color:#2f2f2f; font-size:16px; line-height:30px; font-weight:600;  margin:30px 0% 0 0%; letter-spacing:-0.5px;}
#bsleft .tx1 {width:100%; text-align:left; color:#888888; font-size:12px; line-height:22px; margin:10px 0% 0 0%; letter-spacing:-0.5px;}
#bsright{ float:left; width:100%; height:auto;}
#bsright .img {display:none;}


#bsleft1{ float:left; width:100%; height:auto;}
#bsleft1 .img2 {width:100%; max-width:560px;}
#bsright1{ float:left; width:100%; height:auto;}
#bsright1 .tx0 {width:100%; text-align:left; color:#2f2f2f; font-size:16px; line-height:30px; font-weight:600;  margin:30px 0% 0 0%; letter-spacing:-0.5px;}
#bsright1 .tx1 {width:100%; text-align:left; color:#888888; font-size:12px; line-height:22px; margin:10px 0% 0 0%; letter-spacing:-0.5px;}


#bsleft2{ float:left; width:100%; height:auto;}
#bsleft2 .img4 {display:block;width:100%; max-width:560px;}
#bsleft2 .tx0 {width:100%; text-align:left; color:#2f2f2f; font-size:16px; line-height:30px; font-weight:600;  margin:30px 0% 0 0%; letter-spacing:-0.5px;}
#bsleft2 .tx1 {width:100%; text-align:left; color:#888888; font-size:12px; line-height:22px; margin:10px 0% 0 0%; letter-spacing:-0.5px;}
#bsright2{ float:left; width:100%; height:auto;}
#bsright2 .img3 {display:none;}




}




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


.business .text00 br{display:none;}



}




/* »ç¾÷ºÐ¾ß ***************************************************************************************************************************************************/


.business01 {position:relative; float:left; width:100%; padding-bottom:80px; max-width:860px;}

.business01 .img {width:100%;}


.business01 .text00 {width:100%;float:none; text-align:center; color:#5e5d5d; font-size:17px; font-weight:600; line-height:30px;}
.business01 .text00 span {text-align:center; color:#996b56; font-size:17px;}
.business01 .text01 {width:100%; text-align:center; color:#888888; font-size:13px; line-height:22px; margin:10px 0 30px 0;}



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


.business01 .text00 {width:100%;float:none; text-align:center; color:#5e5d5d; font-size:16px; font-weight:600; line-height:30px;}
.business01 .text00 span {text-align:center; color:#996b56; font-size:16px;}
.business01 .text01 {width:100%; text-align:center; color:#888888; font-size:12px; line-height:22px; margin:10px 0 30px 0;}


}




/* °¶·¯¸® ***************************************************************************************************************************************************/
.gallery > div {width:100%px; margin:0 auto; padding:0px 0 80px 0;}
#container_list .gallery_item_table .item_cell_media img { width:100% !important; height:160px !important;}
.gallery text01 {width:100%;float:left;  color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.gallery text02 {width:100%;float:left;  color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}

@media screen and (max-width:1280px){
.gallery > div {width:100%; margin:0 auto; padding:0px 0 80px 0;}
#container_list .gallery_item_table .item_cell_media img { width:100% !important; height:auto !important;}
}

@media screen and (max-width:1008px){
.gallery > div {width:100%;}
#container_list .gallery_item_table .item_cell_media img { width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
}

@media screen and (max-width:752px){
.gallery > div {width:720px; padding:0px 0 70px 0;}
#container_list .gallery_item_table .item_cell_media img { width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
}

@media screen and (max-width:640px){
.gallery > div {width:450px; padding:0px 0 60px 0;}
#container_list .gallery_item_table .item_cell_media img { width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
}

@media screen and (max-width:460px){
.gallery > div {width:300px; padding:0px 0 50px 0;}
#container_list .gallery_item_table{width:96% !important; margin:0% 2% 0% 2% !important;}
#container_list .gallery_item_table .item_cell_media img { width:100% !important; height:auto !important;}
#container_view #cafe_bbs_view_table #view_main_table .item_cell_content img {width:100% !important; height:auto !important;}
.gallery text01 {width:96%;float:left;  color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px; }
.gallery text02 {width:96%;float:left;  color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}


/* »ó´ã¹®ÀÇ ***************************************************************************************************************************************************/
.online {width:100%;}
.online > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
.online text01 {width:100%;float:left;  color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.online text02 {width:100%;float:left;  color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
@media screen and (max-width:1280px){
.online > div {width:100%;}
}
@media screen and (max-width:1008px){
.online > div {width:720px; padding:0px 0 70px 0;}
}
@media screen and (max-width:640px){
.online > div {width:450px; padding:0px 0 60px 0;}
}
@media screen and (max-width:460px){
.online > div {width:300px; padding:0px 0 50px 0; }
.online text01 {width:96%;float:left;  color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px;}
.online text02 {width:96%;float:left;  color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}
/* Ä¿¹Â´ÏƼ ***************************************************************************************************************************************************/
.community {width:100%;}
.community > div {width:1150px; margin:0 auto; padding:0px 0 80px 0;}
.community text01 {width:100%;float:left;  color:#626262; font-size:17px; font-weight:bold; line-height:30px;}
.community text02 {width:100%;float:left;  color:#626262; font-size:13px; margin-bottom:20px; line-height:20px;}
@media screen and (max-width:1280px){
.community > div {width:100%;}
.community > div > h2 {margin:0px 180px 50px 180px;}
}
@media screen and (max-width:1008px){
.community > div {width:720px; padding:0px 0 70px 0;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group5{display:none;}
}
@media screen and (max-width:640px){
.community > div {width:450px; padding:0px 0 60px 0;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group4{display:none;}
#container_list .general_item_table .item_group5{display:none;}
}
@media screen and (max-width:460px){
.community > div {width:300px; padding:0px 0 50px 0;}
#container_list #cafe_blt_titleWrap .titleWrap_group1{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group3{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group4{display:none;}
#container_list #cafe_blt_titleWrap .titleWrap_group5{display:none;}
#container_list .general_item_table .item_group1{display:none;}
#container_list .general_item_table .item_group3{display:none;}
#container_list .general_item_table .item_group4{display:none;}
#container_list .general_item_table .item_group5{display:none;}
.community text01 {width:96%;float:left;  color:#626262; font-size:15px; font-weight:bold; padding-left:2%; line-height:20px;}
.community text02 {width:96%;float:left;  color:#626262; font-size:13px; margin-bottom:20px; padding-left:2%; line-height:20px;}
}
/*--////max-width:460px--  */






/* ÀÎÅ¥º£ÀÌÆà Áö¿ø */
.noti {width:100%; }
.noti img{width:100%; }