/*
CSS 작성 순서
배치					display, position, visibility, overflow, float, clear,
크기,여백			margin, padding, width, height, min & max
테두리와 배경	border, background
폰트					color, line-height, font-size, font-weight, font-style, font-family, text-decoration, text-align, letter-spacing, white-space, text-overflow
기타					여기서 언급하지 않은 나머지 속성들은 폰트 속성 이후에 선언하며, 선언 순서는 무관하다.
*/

/* intor */
img { max-width: 100%; vertical-align: top; }
body { height: 100%; }
.clearfix{*zoom:1}
.clearfix:after{display:block;clear:both;content:''}
.taC {text-align: center;}

/* 슬라이드팝업 */
.slide_popup .popup_layer_wrap a{position: static;}
.slide_popup .popupBtn a{float: left;width: 50%;}
.slide_popup .popupBtn a:last-child{width: 100%;}



.popup_layer{position: absolute;top: 40px;left: 40px;z-index: 10002;}
.popup_layer > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer > a.posL {left:8px;}
.popup_layer .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}


.popup_layer_20170724{position: absolute;top: 40px; left: 10px; /* left: 600px; */z-index: 10002;}
.popup_layer_20170724 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_20170724 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_20170724 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_20170724 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}


.layer_popup_20170904{position: absolute;top: 40px; left: 600px; /* left: 600px; */z-index: 10001;}
.layer_popup_20170904 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.layer_popup_20170904 .close_pop{background-color: #000;padding: 0 10px;}
.layer_popup_20170904 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.layer_popup_20170904 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}


.layer_popup_20170921{position: absolute;top: 40px; left: 10px; /* left: 600px; */z-index: 10002;}
.layer_popup_20170921 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.layer_popup_20170921 .close_pop{background-color: #000;padding: 0 10px;}
.layer_popup_20170921 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.layer_popup_20170921 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}


.popup_layer_20171013{position: absolute;top: 40px; left: 10px; z-index: 10000;}
.popup_layer_20171013 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_20171013 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_20171013 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_20171013 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}



.popup_layer2{position: absolute;/* top: 530px; */ top: 544px;left: 40px; z-index: 10003;}
.popup_layer2 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer2 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer2 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer2 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}

.popup_layer3{position: absolute;top: 40px; left: 460px; z-index: 10003;}
.popup_layer3 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer3 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer3 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer3 .close_pop #check{line-height: 30px;color: #fff;}




#layer_popup_20180316 .popup_layer_wrap{text-align:center;background-image:url(/popup/180316_bg.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#layer_popup_20180316 .popup_layer_wrap .img_box{padding:20px 15px 0 15px; margin-bottom:15px;}
#layer_popup_20180316 .popup_layer_wrap .video_box{text-align:center;height:300px;box-sizing:border-box;background-color:#000;}
#layer_popup_20180316 .popup_layer_wrap .video_box video{display:inline-block;height:100%;max-width:100%}


.popup_layer_20181005 {width: 350px;}

.popup_layer_20171219{position: absolute;top: 40px; left: 410px; z-index: 10003;}
.popup_layer_20171219 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_20171219 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_20171219 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_20171219 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}


.popup_layer_20180131{position: absolute;top: 40px; left: 410px; z-index: 10003;}
.popup_layer_20180131 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_20180131 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_20180131 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_20180131 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}

.popup_layer_20180404 {width:445px; position:absolute; top:40px; left:0px; z-index:1003;}
.popup_layer_20180404 .popup_layer_wrap {position:relative;}
.popup_layer_20180404 .popup_layer_wrap:after {clear:both; content:''; display:block;}
.popup_layer_20180404 .popup_layer_wrap a {float:left;}
.popup_layer_wrap a {float:left;}


.slick-slide {height:492px;}
 .slick-dots{display:block !important;margin:0;position:static;background-color:#7e7e7e;text-align:center;}
  .slick-dots li {display: inline-block;margin:5px;}
 .slick-dots li button:before{display:none;}
 .slick-dots li.slick-active button:before{display:none;}

 .slick-dots li button{background-color:#FFF;border-radius:100%;padding:0;width:12px;height:12px;text-indent:-999px;}
 .slick-dots li.slick-active button{background-color:#df375b;}

.popup_layer_wrap p {color:#e00101; font-size:25px; font-weight:bold; position:absolute; top:23px; right:40px;}



.popup_layer_2018041902{position: absolute;top: 40px; left: 920px; z-index: 10003;}
.popup_layer_2018041902 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_2018041902 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_2018041902 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_2018041902 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}



.popup_layer_2018041901{position: absolute;top: 40px; left: 460px; z-index: 10003;}
.popup_layer_2018041901 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_2018041901 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_2018041901 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_2018041901 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}



.popup_layer_20180427{position: absolute;top: 40px; left:450px; z-index: 10003;}
.popup_layer_20180427 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_20180427 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_20180427 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_20180427 .close_pop #check{line-height: 30px;color: #fff;}
.popup_layer_wrap{position: relative;}


.popup_layer_20180521{position: absolute;top: 40px; left:450px; z-index: 10003;}
.popup_layer_20180521 > a{text-indent: -9999px;position: absolute;width: 26px;height: 26px;background-image: url(../images/btn_close_pop.png);background-repeat: no-repeat;-webkit-background-size: cover;
background-size: cover;right:8px;top:8px;cursor:pointer;z-index: 999;}
.popup_layer_20180521 .close_pop{background-color: #000;padding: 0 10px;}
.popup_layer_20180521 .close_pop a{display: block;font-size: 14px;line-height: 30px;color: #fff;}
.popup_layer_20180521 .close_pop #check{line-height: 30px;color: #fff;}

.popup_layer_20180725 {width:350px; position:absolute;  top:575px;left:100%;margin-left:-400px;z-index:2001;}
.popup_layer_20180807 {width:350px;position:absolute; top:300px;left:40px;z-index:2010;}

.popup_layer_20180823 {position:absolute; top:3px;left:90%;width: 350px;margin-left: 900px;z-index:2011;}
.popup_layer_20181004 {position:absolute; top:0px;left: 100% ;
left: calc(100% - 350px);
left: -webkit-calc(100% - 350px);
left: -moz-calc(100% - 350px);
width: 350px;/* margin-left: 900px ;*/z-index:20011;}

.popup_layer_20181004 span {float: left;display: block;}

.popup_layer_wrap{position: relative;}

/*기부금 팝업*/
.inquiry_popup { display: none;position: fixed; left:50%; top:0; bottom:0; overflow-y:auto;transform:translate(-50%); -webkit-transform:translate(-50%); z-index:90000;}
.inquiry_popup .inquiry_close {position: absolute; right: 15px; top:15px;}
/*기부금 팝업*/

#wrap {  margin: 0 auto; width: 100%; min-height: 1000px; }
.visual { position: relative; }
.slider { overflow: hidden; width: 100%; height: 100%; }
.slider li { float: left; width: 1920px; }
.slider li img { width: 100%; height: 100%;  }
.visual .bx-controls { position: absolute; top: 730px; left: 50%; margin-left: -512px; width: 1024px; z-index: 2000; }
.visual .bx-pager { height: 15px; line-height: 0; font-size: 0; text-align: center; }
.visual .bx-pager .bx-pager-item { display: inline-block; margin-left: 10px; vertical-align: top;}
.visual .bx-pager .bx-pager-item:first-child { margin-left: 0; }
.visual .bx-pager .bx-pager-item a { display: block; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 50%; line-height: 0; font-size: 0; text-indent: -9999px; }
.visual .bx-pager .bx-pager-item a.active { background: #fff; } 
.visual .bx-controls-direction { z-index: 2001; }
.visual .bx-controls-direction > a { display: block; position: absolute; width: 60px; height: 60px; line-height: 0; font-size: 0; text-indent: -9999px; z-index: 2001; }
.visual .bx-prev { top: -277px; left: 0; background: url('../images/btn_prev.png') no-repeat 0 0; }
.visual .bx-next { top: -277px; right: 0; background: url('../images/btn_next.png') no-repeat 0 0; }

.visual .inner { position: absolute; top: 265px; left: 50%; margin-left: -512px; width: 1024px; text-align: center; z-index: 1000; }
.visual .inner .title { margin-bottom: 84px; }
.intro_menu { margin: 0 auto; width: 100%; line-height: 0; font-size: 0; text-align: center;  }
.intro_menu:after { display: block; content: ''; clear: both; }
.intro_menu li { display: inline-block; margin-left: 20px; width: 241px; vertical-align: top;  margin-bottom:20px} 
.intro_menu li:first-child { margin-left: 0; } 
.intro_menu li a { position: relative; display: block; border: 1px solid #fcf8f8; }
.intro_menu li a span { position: absolute; top: 106px; left: 0; width: 100%; color: #fff; line-height: 17px; font-size: 15px; text-align: center; }
/*.intro_menu li a span br { display: none; }*/
.intro_menu li:last-child a span br { display: block; }

.intro_menu li a:hover:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 6px solid #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* .menu1 a { background: url('../images/menu1.png') no-repeat 0 0; }
.menu2 a { background: url('../images/menu2.png') no-repeat 0 0; }
.menu3 a { background: url('../images/menu3.png') no-repeat 0 0; } */


/* sub */
#header { height: 370px; }
#header .inner { position: relative; margin: 0 auto; width: 1024px; height:70px;}
#header .inner h1 { position: absolute; top: 0; right: 0; }
#header .inner h1 .btn_home { padding-right: 25px; background: url('../images/icon.png') no-repeat right center; color: #646464; line-height: 70px; font-size: 15px; }
#header .inner .logo{position:absolute;left:0;}
#header .bannerArea{position:relative;/* background-image:url(../images/sub_top_bg.png);height:300px;background-size:cover;background-position:center center; */}
#header .bannerArea .sub_top_tit{position:absolute;left:50%;top:20px;margin-left:-281.5px;width:563px;height:139px;}
#header .bannerArea.sign_banner{height: auto;background-image: none;}
#container .con_wrap { margin: 0 auto; padding: 50px 0; width: 1024px; }
/*
.tit2 {    margin-bottom: 20px;
    padding-left: 10px;
    color: #333;
    line-height: 20px;
    font-size: 20px; }
*/
.col2 > div{width:50%;float:left;box-sizing:border-box}
.col2 > div.fl{float:left;padding-right:2px;}
.col2 > div.fr{float:right;padding-left:2px;}

.tab_panel { }
.tab01 { margin-bottom: 50px; }
.tab01 ul { font-size:0;margin-left: -5px;margin-top: -5px;}
.tab01 ul li {/*  float:left;  */display: inline-block;padding-left: 5px; padding-top: 5px;width: 33.333%; font-size:16px;box-sizing:border-box;margin-left: 0;}
/* .tab01 ul li:first-child { margin-left: 0; }  */
.tab01 ul li a { display: block; height: 38px; border: 1px solid #d2d2d2; border-radius: 2px; background: #f1f1f1; color: #a0a0a0; line-height: 38px; font-size: 15px; font-weight: bold; text-align: center; }
.tab01 ul li.on a { color: #fff; border-color: #923d43; background: #923d43; }
.panel_box { display: none; }
.panel_box.on { display: block; }

.sec01 { padding-bottom: 50px; border-bottom: 1px solid #dcdcdc; }
.sec01 .img_box { margin-bottom: 30px; }
.sec01 .txt_box { overflow: hidden; width: 100%; }
.sec01 .txt_box .fl { width: 33.3333%; }
.sec01 .txt_box .fl { line-height: 44px; font-size: 32px; color: #646464; }
.sec01 .txt_box .fr { width: 66.6666%; }
.sec01 .txt_box .fr p { line-height: 30px; font-size: 15px; }

.sec02 { padding: 50px 0; border-bottom: 1px solid #dcdcdc; }
.sec02 .txt1 { margin-bottom: 50px; }

.sec03 { padding: 50px 0; }
.sec03 .txt1 { margin-bottom: 30px; }
.tbl01 table { width: 100%; }
.tbl01 table th { padding: 14px 5px; border-top: 1px solid #646464; border-left: 1px solid #dcdcdc; background: #f8f8f8; color: #333; line-height: 20px; font-size: 15px; text-align: center; }
.tbl01 table th:first-child { border-left: 0 none; } 
.tbl01 table td { padding: 14px 5px; border: 1px solid #dcdcdc; border-right: 0 none; color: #646464; line-height: 19px; font-size: 15px; text-align: center; }
.tbl01 table td:first-child { border-left: 0 none; } 
.tbl01 table td.bdl { border-left: 1px solid #dcdcdc !important;  }
.tit1 { margin-bottom: 20px; padding-left: 10px; border-left: 3px solid #ff6600; color: #333; line-height: 20px; font-size: 18px; }
.txt1 { line-height: 25px; font-size: 13px; }
.font_red { color: #923d43 !important;}
.font_black { color: #333 !important;}
.img_box { text-align: center; }
.btn_area { margin-top: 30px; text-align: center; }
.btn1 { display: inline-block; width: 430px; height: 65px; border-radius: 3px; background: #923d43; color: #fff; line-height: 65px; font-size: 23px; font-weight: bold; text-align: center; }



#header .bannerArea.tit2 { height: auto; }
#header.sub2 { height: auto; }


#btn_call {display:inline-block; padding: 0 10px; color:#fff; font-size:14px; background:#ff6600;}

@media screen and (max-width: 1024px) {	
	#container .con_wrap{width:100%;padding:50px 15px;box-sizing:border-box}
	#header .inner{width:100%;}
	#header .inner {width:100%;padding:0 15px; box-sizing:border-box}
	#wrap { min-height: 0; }
	#header .inner h1 {right:15px;}
	#header .inner .logo{left:15px;}
/* 	.tab01 ul li { float:left;  width:33.333%; padding:0 2px;box-sizing:border-box;margin:0;} */
	.slider li { height: 980px !important; }
	.slider li.visual01 { background: url('../images/visual001.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual02 { background: url('../images/visual002.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual03 { background: url('../images/visual003.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual04 { background: url('../images/visual004.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual05 { background: url('../images/visual005.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual06 { background: url('../images/visual006.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual07 { background: url('../images/visual007.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual08 { background: url('../images/visual008.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual09 { background: url('../images/visual009.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual10 { background: url('../images/visual010.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual11 { background: url('../images/visual011.jpg') no-repeat 50% 0 ; background-size: cover; }
	.slider li.visual12 { background: url('../images/visual012.jpg') no-repeat 50% 0 ; background-size: cover; }
	
	
	.slider li img {opacity: 0; width: 100%; height: 100%; }
	.visual .bx-controls { top: 60%; left: 0; margin: 0; width: 100%; }
	.visual .inner { top: 100px; left: 0; margin: 0; padding: 0 50px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.visual .inner .title { padding: 0 20px; }
	.sec01 .txt_box .fl { width:100%; }
	.sec01 .txt_box .fr { width: 100%; }

	.popup_layer_20181004 {left:40px;}
	.popup_layer2{top: 0;}
	

	.inquiry_popup { position: fixed; left:40px; right:40px;top:40px; transform:none; -webkit-transform:none; }
}

@media screen and (max-width: 960px) {
	.slider li { height: 768px !important; }
	.visual .bx-controls { top: 80%; }
	.visual .bx-controls-direction { position: absolute; top: -70px; left: 50%; margin-left: -35px; width: 70px; height: 30px; }
	.visual .bx-controls-direction > a { display: inline-block; position: static; width: 30px; height: 30px; }
	.visual .bx-prev { margin-right: 10px; background-size: 30px 30px; }
	.visual .bx-next { background-size: 30px 30px; }
	.intro_menu { width: auto; }
	.intro_menu li { margin: 0; padding: 0 5px; width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:10px}
	.intro_menu li a img { width: 100%; }
	.intro_menu li a span { top: auto; bottom: 10px; }
	.tab01 ul li a{display:table;width:100%;height:54px;}
	.tab01 ul li a span{display:table-cell;width:100%;height:100%;vertical-align:middle;line-height:18px;font-size:13px;padding:0 15px;}

	#layer_popup_20170904 { left: auto; right: 10px;  }
	#layer_popup_20170921 { left: auto; right: 10px;  }
	
}

@media screen and (max-width: 720px) {
	.visual .inner { top: 80px; }
	.visual .inner .title {margin: 0 auto 50px; width: 290px; }
	#header .bannerArea .sub_top_tit{width:100%;left:0;margin-left:0;padding:0 15px;text-align:center;box-sizing:border-box}
	.slider li { height: 640px !important; }
	.visual .bx-controls { top: 450px; }
	.visual .bx-controls-direction { top: -60px; }
	.visual .inner { padding: 0 15px; }
	.intro_menu li { margin-bottom: 10px; padding: 0; width: 50%; height: auto;  }
	.intro_menu li a { margin: 0 5px; padding-top: 50px; border: 1px solid #fefefe; height: 84px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
	.intro_menu li a img { display: none; }
	.intro_menu li a span { position: static; line-height: 15px;  font-size: 13px }
/* 	.intro_menu li a span em { display: none; } */
	.intro_menu li.menu1 a { background: rgba(170,75,59,0.9) url('../images/m_ico01.png') no-repeat 50% 15px; background-size: 22px auto; }
	.intro_menu li.menu2 a { background: rgba(204,159,36,0.9) url('../images/m_ico02.png') no-repeat 50% 15px; background-size: 40px auto;}
 	.intro_menu li.menu3 a { background: rgba(5,85,153,0.9) url('../images/m_ico4_bongeun.png') no-repeat 50% 15px; background-size: 30px auto;}  
	.intro_menu li.menu4 a { background: rgba(226,104,184,0.9) url('../images/m_ico11.png') no-repeat 50% 15px; background-size: 30px auto;}

	.intro_menu li a span br { display: block; }
	.tab01 ul li a span{font-size:12px;}
	.btn1{width:100%;}


	
	.popup_layer_20170724{top: 10%;left: 50%;margin-left: -45%;}
	.popup_layer_wrap > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	#layer_popup_20170904 { top: 3%; margin-left: -45%; width: 90%; }
	#layer_popup_20170724 { top: 10%; width: 90%; }
	.popup_layer_wrap img { width: 100%; }
#layer_popup_20170921 { top: 3%; margin-left: -45%; width: 90%; }
		
	.popup_layer_20171013{width: 90%;left: 50%;margin-left: -45%;}
	.popup_layer_20171206{max-width: 90%;left: 50%;margin-left: -45%;}

	.popup_layer_2018041901{max-width: 90%;left: 50%;margin-left: -45%;}
	.popup_layer_2018041902{max-width: 90%;left: 50%;margin-left: -45%;}
	.popup_layer_20180427{max-width: 90%;left: 50%;margin-left: -45%;}
	.popup_layer_20180521{max-width: 90%;left: 50%;margin-left: -45%;}

	.popup_layer_20180404 {width:90% !important; margin-left:-45%; top:10%; left:50%; z-index:2001;}
	.popup_layer_20180404 .popup_layer_wrap {position:relative;}
	.popup_layer_20180404 .popup_layer_wrap:after {clear:both; content:''; display:block;}
	.popup_layer_20180404 .popup_layer_wrap a {width:50% !important; height:auto !important; position:static !important; bottom:0; display:inline-block;}
	.popup_layer_20180404 .popup_layer_wrap a.full {width:100% !important;}
	.popup_layer_20180404 .popup_layer_wrap a img {width:100%;}
	.popup_layer_20180404 .popup_layer_wrap p {color:#e00101; font-size:2em; font-weight:bold; position:absolute; top:10%; right:50px;}

	.popup_layer_20180710{width:90% !important; margin-left:-45%; top:10%; left:50%; z-index:2001;}
	.popup_layer_20180725{width:90% !important; margin-left:-45%; top:10%; left:-50%; z-index:2005;}
	
	.slide_popup{width: 290px !important;max-width:l:15px;margin-left: 0;}
	 .popup_layer_20181004,.popup_layer_20181005{min-width:290px;}

	.inquiry_popup { position: fixed; min-width:300px; left:20px; right:20px;top:40px; }
}


@media screen and (max-width:640px) {
	.col2 > div.fl{float:left;padding-right:0px;width:100%;}
	.col2 > div.fr{float:right;padding-left:0px;width:100%;}
	#header{height:280px;}
	 #header .inner{height:40px;}
	 #header .inner .logo{height:40px;}
	 #header .inner .logo img{height:100%;}
	 #header .inner h1{height:40px;line-height:40px;}
	 #header .inner h1 .btn_home{line-height:40px;font-size:13px;}
	#header .bannerArea{height:240px;}

}

@media screen and (max-width: 480px) {
		.tab01 ul {margin-top: 0;}
		.tab01 ul li{width:100%;margin-bottom:5px;padding-top: 0;}
		.popup_layer{width: 80%;left: 50%;margin-left: -45%;}
		.popup_layer2{width: 90%;  left: 50%;margin-left: -45%;}
		.popup_layer_20180807 .popup_layer2{width: 90%;left: 50%;margin-left: -45%;}
		.popup_layer_20180807 .popup_layer3{width: 90%;left: 50%;margin-left: -45%;}
		#layer_popup_20180316 .popup_layer_wrap .video_box {height:200px;}

}

@media screen and (max-width: 340px) {
	.visual .inner .title { width: auto; }
}