*{margin:0px; padding:0px;}
@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

body{margin: 0;padding: 0;overflow-x : hidden;}
header, nav, h1, ul, li {margin: 0;padding: 0;}
ul, li {list-style: none;}
body {font-family:  'NanumSquare','Noto Sans KR', 'Noto Sans', sans-serif; font-size:15px; text-decoration:none;}
a:link {color:#eee;text-decoration:none; font-family:'NanumSquare', 'NanumSquare', 'Noto Sans KR', 'Noto Sans', sans-serif;}
a:visited {color:#eee;text-decoration: none; font-family:'NanumSquare', 'Noto Sans KR','Noto Sans',  sans-serif;}
a:hover {color:#2ab7f9;text-decoration:none; font-family:'NanumSquare','Noto Sans KR','Noto Sans',  sans-serif;}
a:active {color:#2ab7f9;text-decoration: none; font-family:'NanumSquare', 'Noto Sans KR','Noto Sans', sans-serif;}
img { border : 0px;}
body, th, td, textarea, h1, h2, h3, h4, h5, h6 {font-family: 'NanumSquare','Noto Sans KR', 'Noto Sans',  sans-serif; color:#767676;}
body, th, td, textarea  { }
img, fieldset     { border:0; }
li        { list-style:none; }
select, input     {color:#000000; font-size:12px;line-height:17px;}
address,em     { font-style:normal; }
button       { border:none; background:none; cursor:pointer; }
hr, legend     { display:none; }
p, h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd {margin:0; padding:0; }
a img {vertical-align:top;}*/

       body {margin:0; padding:0}
       table{border-spacing:0px;border-style:none;padding:0px; }
       td   {border-spacing:0px;border-style:none;padding:0px;}
       img  {border:0px;} 
/*common*/
.cb{clear:both;}
.under_img img{width:100%; height:auto; display:block;}
.color_p{color:#fa266b;}
.color_pu{color:#7230b5}
.color_b{color:#1b7fe4}
.contents_wrap {font-family: 'NanumSquare', 'Noto Sans KR', 'Noto Sans', serif;}

		/*푸터위 이벤트 공지사항 gallery////////////////////////////////////////////////////////////////////////////////*/
		.plus{display:block; position:absolute;right:10px;line-height:38px; top:3px;font-size:17px;color:#aaa;}
		#banner{width:24%;margin-left:0%;float:left;position:relative;}
.point_font{font-family:'NanumSquareRound','NanumSquare', 'Noto Sans KR', 'Noto Sans', serif;}
.fw800{font-weight:800;}

/*pc메뉴 JH004*/

.m_header{display:none;}
.menu_wrap {
    width: 100%;
    z-index: 6666;
    position: fixed;

}
.menu_wrap:hover{}
.menu_wrap:hover .gnb{}
.menu_wrap.bg:hover{background:#fa266b;}
/*.menu_wrap { position: fixed; top: 0; left: 0; width: 100%; height: 150px;  transition: top 0.2s ease-in-out; }
.nav-up { top: -150px;  }*/

/*tnb - gnb*/
.menu_wrap .logo{max-width:1200px;margin:0 auto;}

.menu_wrap .logo a{width:20%;  float: left;color:#fff;    margin-top: 7px;}

.menu_wrap .gnb{display:block;height: 40px;max-width:1200px;margin:0 auto 0;border-bottom:1px solid rgba(255, 255, 255, 0.1)}
.menu_wrap .gnb.bg{display:none;}

.menu_wrap .tnb {max-width:1200px; margin:0 auto; position:relative;}

.menu_wrap .tnb .log {
    position: absolute;
    right: 0;
    top: 5px;
}
.menu_wrap .tnb .log a{margin-left:5px;padding:0 10px;color:#fff;line-height: 30px;}
.menu_wrap .menu_inner {
    width: 100%;
    max-width: 1200px;
	margin:0 auto;
}
.menu_wrap .menu_inner.bg{background:#366503;max-width:unset;box-shadow:
1px 2px 2px rgba(0,0,0,0.2)}

.menu_wrap .menu_inner.bg .logo{max-width:unset;}
.menu_wrap .menu_inner.bg .logo a{padding:7px 0;box-sizing:border-box;text-align:center;color:#fff;}
.menu_wrap .menu_inner.bg .nav{width:70%;}
.menu_wrap .menu_inner.bg .nav a.menutext{color:#fff}
.menu_wrap .menu_inner.bg .nav a.menutext:hover{border-bottom:1px solid #fff;}
.menu_wrap .menu_inner.bg .nav a:hover{color:#fff;}

.menu_wrap .menu_inner.bg .nav>ul:hover{height:200px;}
/*.menu_inner:after{content:""; display:block; clear:both;}*/




/*NAV
.nav a{ text-decoration:none;}
.nav{ height:80px;    width: 80%;  float: left;}
.nav>ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}
.nav>ul>li>ul{

  position:absolute;
  left:0;
  padding:0;
  margin:0;
  list-style:none;
  width:100%
}
.nav>ul>li:hover>ul{
    border-top: 2px solid #f34242;}
.nav>ul>li:hover>ul li a{
  opacity:1;
  height:50px;
   transition:all .3s linear;
  -o-transition:all .3s linear;
  -moz-transition:all .3s linear;
  -webkit-transition:all .3s linear;
}
.nav>ul>li>ul a{
  display:block;
  overflow:hidden;
  color:#333;
  line-height:50px !important;
  background:#fff;
  padding:0 5px 0 25px;
   height:0;
  opacity:0;
    transition:all .3s linear .2s;
  -o-transition:all .3s linear .2s;
  -moz-transition:all .3s linear .2s;
  -webkit-transition:all .3s linear .2s;
}

.nav>ul>li>ul li{overflow:hidden;}
.nav>ul>li>ul a:hover{color:#fff;background:#f34242;padding-left:30px;}
.nav>ul>li{
  float:left;
  position:relative;
  width:20%;

}
.nav>ul>li>a {
    text-align:center;
	letter-spacing: 0.4px;
    color:rgba(255, 255, 255, 0.9);
    display: block;
    line-height: 60px !important;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    font-size: 17px;
	letter-spacing: 0.5px;
    transition:all .1s linear .1s;
  -o-transition:all .1s linear .1s;
  -moz-transition:all .1s linear .1s;
  -webkit-transition:all .1s linear .1s;
}
.nav>ul>li>a:hover{font-weight:600;
    transition:all .1s linear .1s;
  -o-transition:all .1s linear .1s;
  -moz-transition:all .1s linear .1s;
  -webkit-transition:all .1s linear .1s;
  
}
.panel{display:none;}

*/
/*NAV*/
.nav{width:80%;float:left;}
.menu_wrap{background:#202021;}
.menu_inner .nav>ul{height:60px;overflow:hidden;transition:all 0.5s ease }
.menu_inner .nav>ul:hover{height:200px;}
.menu_inner .nav>ul>li{float:left;width:20%;}
.menu_inner .nav>ul>li:hover a{color:#fff;}
.menu_inner .nav>ul>li>a{line-height:60px;font-size:18px;    text-align: center;
    display: block;}
.menu_inner .nav>ul>li>ul>li>a{line-height:30px;font-size:15px;text-align: center;    display: block;}
.menu_inner .nav>ul>li>ul>li>a:hover:after{display:block;content:'';width:30px;margin:0 auto;height:1px;text-align:center;background:#fff;}
.menu_inner .nav>ul:hover {}
.panel{display:none;}

/*메인슬라이드 이미지*/
.main_slide {
    position: relative;
    width: 100%;
	overflow:hidden;
	margin-top:100px;
}

.main_slide .slider_text {
    font-size: 100px;
    animation-duration: 2s;
    animation-name: bounceInRight;
    max-width: 1200px;
    margin: 150px auto 0px;
	line-height:110px;
	letter-spacing: -1.1px;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


.slider_text .fs30{font-size:30px;}

.main_bxslider{width:100%;}
.swiper-main .swiper-slide:nth-child(1){width:100%!important;}
.swiper-main .swiper-slide:nth-child(2){width:100%!important;}
.main_slide .swiper-pagination-fraction{bottom:30px!important;}
.swiper-main .swiper-pagination-bullet{width:10px;height:10px;}
.main_slide .swiper-button-prev,.main_slide .swiper-container-rtl .swiper-button-next{background:url(../../img/left.png) no-repeat center; background-size:cover;left:30px;}
.main_slide .swiper-button-next,.main_slide .swiper-container-rtl .swiper-button-prev{background:url(../../img/right.png) no-repeat center; background-size:cover;right:30px;}
.main_ti{font-size:40px; text-align:center;font-weight: 200;letter-spacing: 3px;}
.main_ti:after {    content: '';
    display: block;
    width: 100%;
    max-width: 1200px;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -2;}
.main_ti:before{width: 400px;
    height: 50px;
    content: '';
    display: block;
    margin: 0 auto -50px;
    background: #fff;
    /* text-align: center; */
    z-index: -1;
    position: absolute;
    left: calc(50% - 200px);}

.main_ti_text{text-align:center;margin-bottom: 50px;color: #8e8e8e;font-size: 17px;}
/*aboutus*/
.content{margin:100px 0}
.aboutus{max-width:1200px;margin:0 auto;display:block;}
h2.main_ti{margin-top:60px;    text-align: center;font-size: 40px;color:#202021;    position: relative;    margin-bottom: 32px;}
.aboutus .main_ti b{color:#202021;}
.aboutus ul.aboutus_con, .aboutus ul.aboutus_con2{width:50%;float:left;}
.aboutus ul.aboutus_con:after, .aboutus ul.aboutus_con:after{content:'';display:block;clear:both;}
.aboutus ul.aboutus_con li{width: calc(100% / 2);float: left;min-height:590px;}
.aboutus ul.aboutus_con li:nth-child(1){background:url(../../img/pick1.png) no-repeat center;}
.aboutus ul.aboutus_con li:nth-child(2){background:url(../../img/pick2.png) no-repeat center;}

.aboutus ul.aboutus_con li{}
.aboutus ul.aboutus_con li:hover h3.aboutus_ti{color:#333;}
.aboutus ul.aboutus_con li:nth-child(3) p {padding-left:calc(50% + 20px)}

.aboutus ul.aboutus_con li p,.aboutus ul.aboutus_con2 li p {    font-size: 28px;    padding: 20px 20px 0;}
.aboutus ul.aboutus_con2 li{width: calc(100% / 2);float: left;min-height:590px;}
.aboutus ul.aboutus_con2 li:nth-child(1){background:url(../../img/pick4.png) no-repeat center;}
.aboutus ul.aboutus_con2 li:nth-child(2){background:url(../../img/pick5.png) no-repeat center;}

.aboutus ul .subtext{color:#202021;font-size:20px!important;    padding-top: 10px!important;}
.aboutus ul.aboutus_con2 li:nth-child(1) p {padding-top:calc(100% + 20px)}

/*wide_banner*/
.wide_banner{    position: relative;width:100%;height:auto;margin:60px 0 0;}
.wide_banner ul li:nth-child(1){}
.wide_banner ul li:nth-child(2){}


.multiple-items .item{    width: 23%;
    margin: 0 1%;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
	}

.multiple-items .item h3{border-bottom:1px solid #ddd;margin:10px;font-weight: 400;padding-bottom:10px;}
.multiple-items .item p{padding:0 10px;    margin: 10px 10px;font-weight: 300;letter-spacing:-1px;
    padding-bottom: 10px;}
.loca_ban{position:relative;margin-bottom:50px;}
.loca_ban .swiper-loca{max-width:1200px;margin:0 auto;overflow:hidden;    border: 1px solid #eee;position:relative; }
.loca_ban .swiper-loca .swiper-slide{box-shadow: 3px 0px 9px rgba(51, 51, 51, 0.47);width:100%; background:url(../../img/loca1.png) no-repeat center;background-size:cover;}


.loca_ban .swiper-loca .swiper-slide{}
.loca_ban .swiper-loca .text{;
    padding: 20px;
	background:#fff;    height: 100px;}
	
.loca_ban .swiper-loca .text p{letter-spacing: -1px;    padding-bottom: 10px;
    margin-bottom: 10px;}
.loca_ban .swiper-loca .text p:nth-child(1){border-bottom:1px solid #f3f3f3;}
.loca_ban .swiper-loca .text p:nth-child(1) b{color:#333;    font-size: 20px;}
.loca_ban .swiper-pagination-bullet{margin-right: 10px;    background: #fff;
    opacity: 0.7;}


.loca_ban .swiper-pagination{    bottom: 20px;
    left: 50%;}
.loca_ban .swiper-pagination-bullet-active{background:#346401!important;}


.line_banner{width:100%; min-height:100px;background-color:rgba(52,100,1,0.5);margin:100px auto;}
.line_banner_in{max-width:1200px;margin:0 auto;    padding: 40px 0;}
.line_banner_in .under_img{width:25%;float:left;}
.line_banner_in .under_img img{max-width:142px; margin:0 auto;}

.gallery{margin-bottom:100px;}
/*fixedbanner*/
.fix_banner {height:300px;background:url(../../img/fixed_bg.png) no-repeat center;    background-size: cover;
    background-attachment: fixed;    margin: 130px 0;}
.fix_banner h4{max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 50px;
    font-weight: 100;
    letter-spacing: 3px;
    color: #252525;
	padding-top: 70px;
	position:relative;
	}
.fix_banner h4:after{content:'';display:block;width:30%;height:1px;background:#333;position:absolute;    left: calc(50% - 15%);  bottom:0px;}
.fix_banner h4 b{color:#252525;    font-weight: 400;}
.fix_banner p{max-width:1200px; margin:0 auto;text-align:center;font-size: 18px;
    line-height: 25px;}

/*gallery*/
.gallery_table{max-width:1200px; margin:0 auto;}
.gallery_table td{width:25%;}
.gallery_table td img{width:100%;
    height: auto;
    padding: 0;
    max-height: 250px;}
/*news*/
.news{max-width:1200px; margin:100px auto 100px;}
.news:after{content:''; display:block; clear:both;}
.news1, .news2, .news3{width:calc(33.33% - 1.5%); float:left;}
.news1, .news2{margin-right:2%;}
.news1:hover,
.news2:hover{}
.news1:hover .board_ti,
.news2:hover .board_ti,
.news3:hover .board_ti{color:#f34242}

.news .board_output_15_tr, .news .board_output_16_tr, .news .board_output_6_tr{ height: 37px;    border-bottom: 1px dashed #ddd;}
.news .board_output a{  margin-left: 10px;}
.news h3.board_ti{
	border-bottom:1px solid #ddd;
    line-height: 50px;
    padding: 0 4%;
    font-size: 20px;
    font-weight: 600;
	letter-spacing: 0.9px;
	    color: #555;}
.news1 table, .news2 table, .news3 table{    margin: 2%;
    border-collapse: collapse;
    background: none;
    width: 96%;}
/*business line content*/
.line_con{max-width: 1200px;margin: 0 auto; min-height:680px;margin-bottom: 100px;}
.line_con_label {position:relative;margin-top:100px;}
.line_con_label:before{content: "";
    display: block;
    width: 75%;
    border-bottom: 1px solid #60448e;
	position: absolute;
    left: 12.5%;
    top: 43px;
	z-index: -1;}
.line_con_label label {float: left; width:25%; text-align:center;margin: 30px 0;font-size: 16px;font-weight: 400; color: #c6b0d6;}
.circle30{width:30px; height:30px;background:#c6b0d6;border-radius:30px; margin:0 auto 10px;}

li.line_con_0{float:left; width:25%;}
li.line_con_0 ul li{text-align:center;}
li.line_con_0 ul li:nth-child(2){margin: 10px;padding-bottom: 10px;font-size: 15px; font-weight: 800;}
li.line_con_0 ul li:nth-child(2):after{content: "";
  display: block;
  width: 30px;
  border-bottom: 1px solid #ddd;
  margin: 0 auto;
  padding-bottom: 10px;
}
li.line_con_0 ul li:nth-child(3){max-width:150px; margin:0 auto;height:190px; overflow:hidden;text-overflow:ellipsis;}

#line_con01,#line_con02,#line_con03,#line_con04{display:none;}
.line_con01_in, .line_con02_in, .line_con03_in, .line_con04_in{display: none}

.line_con input#line_con01:checked ~ .line_con01_in {display: block;}
.line_con input#line_con01:checked ~ .line_con_label .line_con_btn1 .circle30{background:#60448e;}
.line_con input#line_con01:checked ~ .line_con_label .line_con_btn1{color:#60448e;}

.line_con input#line_con02:checked ~ .line_con02_in {display: block;}
.line_con input#line_con02:checked ~ .line_con_label .line_con_btn2 .circle30{background:#60448e;}
.line_con input#line_con02:checked ~ .line_con_label .line_con_btn2{color:#60448e;}

.line_con input#line_con03:checked ~ .line_con03_in {display: block;}
.line_con input#line_con03:checked ~ .line_con_label .line_con_btn3 .circle30{background:#60448e;}
.line_con input#line_con03:checked ~ .line_con_label .line_con_btn3{color:#60448e;}

.line_con input#line_con04:checked ~ .line_con04_in {display: block;}
.line_con input#line_con04:checked ~ .line_con_label .line_con_btn4 .circle30{background:#60448e;}
.line_con input#line_con04:checked ~ .line_con_label .line_con_btn4{color:#60448e;}

/*footer*/
#footer {width:100%;background: #333;}
.footer1{max-width:1200px; margin:0 auto; padding: 20px 0;}
.footer_ti{font-size:25px; serif;border-bottom:1px solid #ddd;color:#ddd;}
.footer1_1{width:60%; float:left}
.footer1_1>ul>li{width:25%; float:left;text-align:center;}
.footer1_1>ul>li:nth-child(1){width:15%;text-align:left;}
.footer1_1>ul>li>ul>li a{font-size:12px; color:#aaa;}
.footer1_1>ul>li>ul>li:nth-child(1){font-size:15px; color:#ddd;}
.footer1_2{width:40%;float:left}
.footer1_2 ul li{float:left;width:40px;margin-right:10px;}
.footer1_2 ul li:nth-child(1){width:10%; margin-right:30px;}
.footer2{border-top:1px solid #414141}
.footer2_in{max-width:1200px; margin:0 auto;color:#ddd;    padding: 20px 10px;}

/*new 수정완료*/

/*메인디자인*/

.contents_wrap h5{
    font-size: 16px;
    display: block;
    text-align: center;
	color: #999;
	font-weight: 400;
	}
.content1 {
    margin: 0px auto 0px;
    width: 100%;
    max-width: 1900px;
}

ul.bs_cont {margin-top: 60px;}
ul.bs_cont:after{content:""; display:block; clear:both;}
ul.bs_cont li {
    width: calc((100% / 4) - 2%);
    float: left;
    margin-right: 2%;
    background: #000;
    background-image: url(../../img/main_box01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 330px;
}
ul.bs_cont li:nth-child(2){
    background:#000;
    background-image: url(../../img/main_box02.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
ul.bs_cont li:nth-child(3){
    background:#000;
    background-image: url(../../img/main_box03.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
ul.bs_cont li:last-child{
	margin:0;
    background:#000;
    background-image: url(../../img/main_box04.jpg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}



ul.bs_cont li a {
    height: 100%;
    display: block;
    background: rgba(255,255,255,0.5);
    /* margin: 0px auto 0; */
    padding: 0px;
    text-align: center;
    position: relative;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

ul.bs_cont li:hover a{
	height: 50%;

}
ul.bs_cont li:hover a{
	margin-top:140px;
	height: 50%;
    transition:margin-top 1s;
  -o-transition:margin-top 1s;
  -moz-transition:margin-top 1s;
  -webkit-transition:margin-top 1s;
}
ul.bs_cont li:hover a{
	height: 50%;

}


ul.bs_cont li a .wh_btn {
    padding: 99px 0;
}
ul.bs_cont li:hover a .wh_btn{
	padding:30px 0;
	}

.wh_btn strong {
    font-size: 21px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}
ul.bs_cont li a span {
    background: #333;
    display: block;
    line-height: 70px;
    color: #fff;
}
ul.bs_cont li:hover a span{
    background: #222;
    transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}

/*메인btn 슬라이드
.content2_wrap {
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}
.content2 {
    width: 100%;
    max-width: 1400px;
	margin: 120px auto 150px;

}*/
.cont02_btn a{background-position: center;width:230px;height:120px;display:block;background:url(/../../img/main_btn1.jpg);border-radius:50%;margin: 0 auto;text-align:center;color:#fff;padding-top:110px;font-weight:600;font-size:20px;
background-size:auto 390px;
    transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
}
.cont02_btn1 a{}
.cont02_btn2 a{background:url(../../img/main_btn2.jpg);background-position: center;background-size:auto 320px;}
.cont02_btn3 a{background:url(../../img/main_btn3.jpg);background-position: center;background-size:auto 345px;}
.cont02_btn a:hover{opacity:0.8;color:#fff;
    transition:all 0.3s;
  -o-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;

}

/*실시간전화상담*/
.content3 {
    background: url(../../img/main_box_bg.jpg) bottom;
    background-attachment: fixed;
    width: 100%;
    display: block;
    background-size:100% ;
}
.consulting_wrap {
    text-align: center;
    padding: 30px;
    border-top: 3px solid #000;
}
.consulting_wrap strong, .consulting_wrap a, .consulting_wrap p{color:#fff;display:block;}
.consulting_wrap strong {
    font-size: 24px;
    padding: 15px 0;
}
.consulting_wrap p{padding:10px;}
.consulting_wrap a {
    background: rgba(255,255,255,0.3);
    width: 240px;
    line-height: 55px;
    margin: 0 auto;
    border: 1px solid #fff;
    margin-top: 20px;
	font-size: 15px;
}

/*메인하단*/
.content4 h6 {
    color:#2ab7f9;
    font-size: 25px;
    margin-bottom: 10px;
}
.content4 .left_box{width:50%;display:block; float:left;}
.content4 .right_box{width:50%;display:block;float:right;}
.content4 .right_box .content4_padd{max-width:610px;}

.sns_box{min-height:250px;}
.sns_box ul:after{content:""; display:block; clear:both;}
.sns_box ul {
    width: 100%;
    float: right;
    max-width: 530px;
}
.sns_box li {
    float: left;
    width: 25%;
}
.sns_box li a {
    display: block;
    text-align: left;
    padding: 45px 0 0 0;
}
.maplc_wrap:after{content:""; display:block; clear:both;}
.notic_box{background:#eaeaea;min-height:250px;}
.map_box iframe{width:100%;height:350px;}
.location_box {min-height:355px;}
.content4_padd:after{content:""; display:block; clear:both;}
.content4_padd {
    padding: 50px;
}
.content4_padd th, .content4_padd td {
    text-align: left;
    color: #222 !important;
}



.sub_con_wrap {position:relative;width:100%; margin:0px auto 30px; height:auto; }
.sub_con_wrap:after{content:""; display:block; clear:both;}
/*.tit_right {    float: right;
    position: relative;
    text-align: right;
    width: 50%;}
.tit_right .bold{font-weight:bold; line-height:40px;}
.tit_left {position:relative; width:50%; float:left; text-align:left; margin-left:0px; z-index:-1;}*/
.tit_left {position:relative;text-align:center; margin-left:0px; z-index:-1; padding-bottom:20px;}
.subt {font-weight:500; font-size:30px;  color:#333; text-decoration:none; line-height:40px;vertical-align:bottom; }

.memberlogin_form1 {width:329px;}
.memberlogin {width:248px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin input.text {border:1px solid #cacaca;height:16px;vertical-align:bottom;}
.memberlogin label {display:inline-block;width:52px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.login_act {text-align:center;margin:12px 0 0 0;}
.memberlogin_form2 {width:329px;;margin:0 0 0 26px;}
.memberlogin_form2 .memberlogin {width:258px;height:76px;padding:20px 0 0 47px;margin:13px 0 0 12px;background:url(../img/design/bg_login1.gif) no-repeat;}
.memberlogin_form2 .memberlogin label {width:69px}
/* .etc_act  {width:100%;padding:18px 0 0 0;margin:12px 0 0 0;border-top:1px solid #cfcfcf}
.etc_act li  {background:url(../img/design/bl_list.gif) left 5px no-repeat;height:27px;}
.etc_act .txt {display:inline-block;width:157px;padding:0 0 0 8px;}
.memberlogin_form2 .etc_act .txt {width:270px;line-height:18px;} */
.member_join {border:4px solid #e3e2e2;padding:10px 13px;}
.join_check {width:448px;height:76px;padding:20px 0 0 57px;margin:13px 0 0 102px;}
.join_check input.text {border:1px solid #cacaca;height:16px;width:180px;vertical-align:bottom}
.join_check label {display:inline-block;width:100px;height:18px;margin:6px 0 0 0;font-size:11px;font-weight:bold;color:#666666;}
.member_join .login_act {text-align:left;height:56px;margin:-71px 0 0 453px;}
.member_join2 {}
.member_join2  h3 {clear:both;height:20px;font-size:11px;font-weight:bold;color:#666666}
.member_join2 .textarea1  {padding:5px;border:1px solid #cacaca;width:690px;height:129px;line-height:17px;}
.member_join2 .agree {float:left;clear:both;width:700px;height:50px;}
.member_join2 .agree dt {float:left;width:220px;padding:0 0 0 8px;margin:5px 0 0 0;background:url(../img/design/bl_list.gif) left 7px no-repeat;font-size:11px;color:#666666;}
.member_join2 .agree dd {float:right;margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join2 .agree li {margin:5px 0 0 0;font-size:11px;color:#666666;}
.member_join .join_complate {width:507px;height:92px;padding:28px 0 0 170px;background:url(../img/design/bbs/bg_login_complate.gif) 52px 15px no-repeat;}
.member_join .join_complate .txt1 {font-weight:bold;color:#004d7b;line-height:24px}
.member_join .join_complate .txt2 {color:#666666;line-height:24px}
.btn {margin:18 0 0 0;text-align:center}
.btn img {cursor:hand}
.t_01 {border-collapse:collapse; border-top:2px solid #88a8ec; border-bottom:1px solid #ebebeb;  border-right:1px solid #ebebeb;}
.t_01 th {padding:7px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; color:#666666; font-weight:normal; font-size:12px; background:#f6f6f6;}
.t_01 td {padding:7px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; color:#555555; font-size:12px; background:#ffffff;}
.sc_input { background-color:#ffffff;border-style:solid;border-width:1;border-color:#CA0000;}
.location { padding:0 40 0 0;font-size:11px;letter-spacing:-1px ;color:gray}
.sub_menu_title { padding:0 0 0 18;font-size:12px;font-weight:bold;letter-spacing:0px ;color:#666666}
.table_tle1 {height:25px;background:#F6F6F6;text-align:center;color:#666666;}
.table_tle2 {height:25px;background:#f6f6f6;text-align:left;color:#666666;padding-left:8px;}
.table_cont1 {text-align:left;padding-left:8;color:#555555;line-height:18px}
.table_cont2 {text-align:center;color:#555555;line-height:18px}
.table_cont3 {color:#DA0000;text-align:right;padding-right:8}
.table_cont4 {color:#DA0000;text-align:center;}
.table_cont5 {color:#DA0000;text-align:left;padding-left:8;}
.price {color:#DA0000;text-align:right;}
.title {float:left;padding:21 0 0 34;font-weight:bold;#333333;font-size:14px;letter-spacing:-1}
.title2 {float:left;margin-top:17px}
.history1 {float:right;color:#999999;font-size:11px;padding:21 15 0 0}
.history1 a {color:#999999;font-size:11px;}
.history1 a:visited {color:#999999;font-size:11px;}
#product_img {float:left;  text-align:center;}
#product_info {float:right; width:400px; height:400px; padding-left:15px; text-align:left; line-height:30px;  margin:40px 0 0px 0;}
.product_tle {background:url(../img/main/bg_product1.gif) bottom repeat-x;height:35px; margin:0 0 10px 0; font-weight:bold;font-size:1em}
.product_tle div a.detail_abtn{width:calc(100% / 3)!important;float:left;}

.product_txt1 {background:url(../img/main/bg_product2.gif) no-repeat;padding:0 0 0 9;font-weight:bold;color:#686461;font-size:11px}
.product_txt2 {color:#666666;font-size:12px}
.product_price {color:#EE2131;font-weight:bold}
.tle_bar {background:url(../img/main/bg_tle.gif) no-repeat;width:690;height:29;padding:7 0 10 27;font-weight:bold;margin-top:27}
#product_content {clear:both;background:url(../../img/tab_bg.jpg) repeat-x;margin-top:30;width:850}
#nail img {border:1px solid #CACACA;margin:2;cursor:hand;width:50px;height:50px}
#nail_txt {padding-top:5px; font-size:11px; color:#666666;}
#nail_txt a:link{text-align:left;padding-top:5;font-size:11px;color:#666666;}
#nail_txt a:visited{text-align:left;padding-top:5;font-size:11px;color:#666666;}

.total_order {padding:12px 10px 10px;border-top:1px solid #E8E2CD;border-bottom:1px solid #E8E2CD;background:#f6f6f6;line-height:24px;text-align:right;font-weight:bold;color:#666666}
.total_order .sum_price {color:#da0000;font-size:14px}
.total_order .sum {font-size:14px}

#infobox { border: 2px solid #e4e4e4;color: #666666;padding: 12px 12px 0;}
#dl1 {margin: 0 0 20px;}
#dl1 dd {line-height: 20px;margin: 0 0 0 15px;}
#dl1 dt {background: rgba(0, 0, 0, 0) url("../../img/dot_dt.gif") no-repeat scroll 0 0;
    font-weight: bold;margin-bottom: 5px;padding-left: 15px;}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em; 
                background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center;}



	
			
			.ban { width:1100px; margin:0 auto; padding-bottom:50px; text-align:center; overflow:hidden;}
.ban li{width:50%;float:left;overflow:hidden; position:relative;border:0;margin:0;}
.ban li .over {position:absolute; top:-200px;}
.ban li img{width:100%;}
.ban .ban50{display:block; width:50%;float:left;}

		

		 .banner_wrap2{width:100%; overflow:hidden; background:#5d6a7b;}
  

	  .middelimg{width:100%;padding:50px 0;background:#2a6c9f;overflow:hidden;}
#firstm4 {background-image:url(../../img/banner_16.png);position:relative;overflow:hidden;background-attachment: fixed;background-size: cover;
	overflow-y: hidden;display: block;height:200px;padding-top:100px;}

 .fm4_txt {text-align:center;}
 .fm4_txt .fm4_txt_1 a {font-size:4em;font-weight:600;color:#fff;text-shadow:2px 2px 3px #272727;}
 .fm4_txt .fm4_txt_2 a {font-size:14px;color:#fff;line-height:40px;text-shadow:1px 2px 2px #6a6a6a;}
   #main_banner #in{width:100%; overflow:hidden;}
   .fm4{width:100%; overflow:hidden;text-align:center;padding:20px 0;}
   .fm4 .fm4_txt_1 a {font-size:46px;font-weight:600;font-family:Arial;color:#fff;}
   .fm4 .fm4_txt_2 a {font-size:14px;color:#fff;line-height:40px;}
   .fm{width:90%; margin:0 auto;}
   .fm .pho{width:25%; float:left;text-align:center;}
   .fm .pho p{font-size:18px;color:#fff;line-height:40px;}
		  
			
			/*맵css*/
	 #map_wrap {clear:both;width:100%;margin:0 auto;}
.map_title {clear:both;width:100%;min-height:20px;padding:30px 0;text-align:center;font-size:20px;font-weight:bold;}
.map_content {clear:both;}
.map_content .map_load_info {clear:both;border-top:1px solid #333;margin-bottom:20px;}
.map_content .map_load_info .info_section {clear:both;min-height:50px;border-bottom:1px solid #e1e1e1;}
.map_content .map_load_info .line_bg {background-color:#f5f5f5;}
.map_content .map_load_info .info_section .section_left {line-height:50px;float:left;width:25%;font-size:15px;font-weight:bold;padding-left:20px;background-color:#ededed;}
.map_content .map_load_info .info_section .section_right {line-height:50px;float:left;font-size:14px;font-weight:normal;padding-left:20px;}

.map_area {clear:both;width:970px;height:800px;border:15px solid #d9d9d9;border-radius:10px;margin-top:20px;}

	   @media (max-width:1200px) { 
		#map_wrap{clear:both;width:100%;}
		.map_content .map_load_info .info_section .section_left {width:30%;}
		.map_content .map_load_info .info_section .section_right {width:50%;}
	   }
	      @media (max-width:690px) { 
		#map_wrap{clear:both;width:100%;}
		.map_content .map_load_info .info_section .section_left {width:100%;}
		.map_content .map_load_info .info_section .section_right {width:100%;}
	   }
	


 #bannerline {width:100%; padding:50px 0;background:#0680bd;overflow:hidden;}
 #bannerline ul{width:70%;margin:0 auto;}
 #bannerline ul li{width:25%;float:left;display:block;}
 #bannerline img{padding-top:8%;display:block;margin:0 auto;}
 #bannerline img:hover{opacity:0.6;}
  #bannerline .textwarp{width:100%;}
  
 #bannerline span{display:block;width:100%;font-size:20px;color:#fff;  letter-spacing:1px;
                   text-decoration:none; line-height:35px; font-weight:500;text-align:center;}
  #bannerline .icon_line {    background: #fff none repeat scroll 0 0; height: 2px;margin: 20px auto 10px; width: 20%;}
 #bannerline p{display:block;width:100%;font-size:13px;color:#fff;
                    text-decoration:none; line-height:30px; font-weight:400;text-align:center;padding-bottom:20px;}

.subpage{width:100%;
    margin-top: 100px;background:url(../../img/visual_sub01_bg.png) no-repeat center;
	background-size:cover;}

.head_sub ul.subpage li{width:100%; 
	height:400px;
	background:url(../../img/visual_sub01.jpg) no-repeat center;
	background-size:cover;
	text-align: center;
    
    
	}


.head_sub ul.subpage li p{line-height: 25px; padding-top:180px;font-size:15px;color:#fff;}
.head_sub ul.subpage li p strong{color:#fff;border-bottom:1px solid;line-height: 40px;font-size: 40px;display: inline-block; padding-bottom: 10px;}
.head_sub ul.subpage li p span{color: #fff;line-height: 58px;font-size: 31px;}
.subpage img{width:100%;}
.subtop_wrap{max-width:1200px;margin:0 auto;}
ul.subpage li{width:100%; 
	height:auto;	text-align: center;
	BORDER-BOTTOM: 50PX SOLID #ddd;}

ul.subpage li p{    line-height: 25px;
    /* padding-top: 180px; */
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: calc(50% - 255px);
    top: 170px;
    padding: 30px 100px;}
ul.subpage li p strong{color:#fff;border-bottom:1px solid;line-height: 40px;font-size: 40px;display: inline-block; padding-bottom: 10px;}
ul.subpage li p span{color: #fff;line-height: 58px;font-size: 31px;}




.board_output_15_tr{line-height:30px;text-align:left;}
.board_output_16_tr{line-height:30px;text-align:left;}
.board_output_17_tr{line-height:25px;text-align:left;}

.info{width:100%; background:#eee;overflow:hidden;z-index:90;}
.info a{display:block; width:20%; font-size:15px; text-align:center;						
       letter-spacing:3px;color:#000;float:left;font-weight:500;}
	   .info a:hover{color:#c20202;}

/***반응형인자들*************************************************************************************/

/* img {width:100%} */
#latest {position:relative;height:187px; margin:0 auto; padding:0px 0; text-align:center;}
#gallery {position:relative;margin:0 auto; padding:0px 0; text-align:center;} 
#gallery_wrap {position:relative;width:100%; margin:0 auto; padding-bottom:40px;overflow:hidden;} 

#head_main_content {position:absolute;width:100%; height:122px; top:0px; margin:0 auto;z-index:9999;}
#head_main_content_in {position:relative;height:35px; margin:0 auto;}
#visual_main {position:relative; margin:0 auto;width:1100px; overflow:hidden;padding-top:35px;} 
#visual_sub {position:relative;width:100%; height:auto; overflow:hidden;} 
#maintext {position:absolute;width:100%;top:0px;-z-index:50;}

#maintext a{width:100%;display:block;}

#ban { padding:0px auto; text-align:center; width:100%; overflow:hidden;}
.sub_con {position:relative; }
.sub_con img{margin:0 auto;}
.sub_con img.subimg{display:block;}
#top_menu {position:relative; height:49px; z-index:100; padding-top:0px; float:right;}
#ban ul li {float:left;width:50%; display:inline;}
.notice{position:relative;padding:0px 0px 0 0px; float:left;} 
.main_img {float:left;width:1237px;height:auto; }
.main-img img{width:1237px;}
#main_banner {width:100%; margin:0 auto; } 
#DB_navi24 .DB_wrap {position:relative; left:50%; margin-left:-381.5px; height:49px}
#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;left:50%;margin-left:-381.5px;padding-top:10px;}
#DB_navi24 .DB_wrap .DB_main li {float:left;width:auto;height:100%; text-align:center}

.vitext {position:relative;height:190px; float:left; margin:60px auto; z-index:99;}
.sub_con_in {position:relative;text-align:left; float:right; margin:50px 0;}
.sub_con_in .tit_right{display:none;}
.leftmenu {
    float: left;
    height: auto;
    margin: -50px 0 0;
    position: relative;
	width: 100%;}
#myheaderWrap {position:absolute;z-index:9999;}
.leftmenu h2{    float: left;
    width: 15%;
    background: #333;
	color:#fff;
	line-height:50px;
	text-align:center;}
.leftmenu ul{float:left;width:85%;margin:0 auto;}
	.mobile-menu {display:none}
   .menu {margin:0 auto;position: relative; z-index:99999;}

.leftmenu ul li{    float: left;
    line-height: 50px;
    width: 25%;
    box-sizing: border-box;
	text-align:center;
	background:#fff;}
.leftmenu ul li a{color:#333;font-size: 15px;display: block;font-weight:600;border:1px solid #eee;box-sizing:border-box;}

.leftmenu ul li:hover{}
.leftmenu ul li:hover a{}
.pc-menu .on{}
.pc-menu .on a {
    background: #efefef;}





.mobile-menu {display:none;}
#search_table {margin-top:10px;}
   #bannerbottom {width:100%;}
   #bannerleft {width:65%; float:left;}
   #bannerright{width:35%;float:left;height:314px;}
   .bannerleftli{width:50%;float:left;}
   .bannerleftli img{width:100%;}

 	  #mb1{background:#e36f1e;}	 #mb1:hover{background:#d14a01;}
	  #mb2{background:#009edc;}		 #mb2:hover{background:#0073ae;}
	




@media all and (min-width:1200px) { 
	
	#latest {width:1200px}
	#gallery {width:1200px}
	#gallery_wrap {width:1200px}
	#head_main_content {min-width:1200px;}
	#head_main_content_in {width:1200px;}
	
	 
	#visual_sub { min-width:1610px;} 
	.sub_con {    margin: 0 auto 0px; width: 1200px;}
	#top_menu {width:763px; }
	.notice{width:100%;}
	.sub_con_in {width:100%;}
	#myheader div.mobileMenu {display:none;}
	#myheader h1{display:none;}
	/*.leftmenu {position:relative; width:100%; height:300px;background:#f1f1f1; text-align:center;margin: 0px;} .sub_con {width:100%; margin:0 auto;}*/
	


}



@media (max-width:1200px) {   /* 화면 너비가 1200px 이하고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
	 #myheader .logo{display:none;margin:0;}
	
	  #banner3{width:30%;float:right;}
	   
		    .menu_wrap {width:100%;}
	 #maintext #imgwrap {width:100%;height:180px;}
	 		 #mb1 {width:20%;float:left;}	  #mb2 {width:20%;float:left;}
	 #visual_main {width:100%; } 
	 #main_menu2{width:100%;}
	 .banner_wrap{width:100%;}
	 .banner{width:20%;padding:0; margin:0;}
	.main_img {width:63.9%;}
	#main_banner {width:36.1%;}
	 #visual_sub {width:100%;padding-top:0px;}
	 #logwarp{width:100%;}
	   .menu_wrap ul{width:100%;}
	#firstm4 .fm4_txt img{width:100%;}
	#myheader div.mobileMenu {display:none; background-color:#fff; border-left:1px solid #e1e1e1; height:57px; width:70px; float:right; text-align:center;  font-size:30px; padding-top:20px; }
	#banner_wrap{width:100%;padding-left:15%;}
	  .menu{width:80%;}
	.leftmenu {position:relative; width:100%; height:auto; float:left;margin: -50px 0 0;}
	.leftmenu h2 {}
	.leftmenu ul li {float:left;}
	.leftmenu p {display:none}
	.sub_con_in {width:100%; margin:50px 0;float: left;  position: relative; text-align: left;}
	.address{color:#fff}			
	#main_banner { width:100%; margin:0 auto;}
	.main_img {width:100%;}
	#main_menu{width:100%;}
	#review {width:27%;float:right;}
	#main_menu .inmenu .sub_menu li {width:100%}	 
		  #b3 iframe {margin-left:-10%;margin-top:-15%;}
	#ban ul li {width:50%;}	  
	.info a {width:50%;}
	.info a:nth-child(4){display:none;}
	#bannerleft {width:100%;}
	.subimg{width:100%;}
#bannerright {width:100%;}
.mimg{width:100%;}
   #box{width:100%;}
  
	.col-xs-12 {width:100%;}
	
	.bxslider2 li{overflow:hidden;height:480px;background:#222;}
.con1_btn{width: 11%;
    left: 24%;}
.advan_text, .advan_text2{    left: 39%;}
.nav>ul>li>a{padding:0 45px;}
.footer1{margin-left: 15px;}
.footer2{}
.aboutus ul.aboutus_con li .under_img{height:auto;}

}
@media (max-width:1024px){
.m_header{display:block;}
.m_header .logo{ 
	float: none;
    width: 10%;
    margin: 0 auto;
	    min-width: 155px;
		    z-index: 99;
    position: absolute;
    left: 0;
    top: 10px;}
.m_header .logo img{width:100%; height:auto;}
.main_slide {    margin-top: 60px;}
.subpage{margin-top: 60px;}

}



@media (max-width:995px) {   /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */

	.head_sub ul.subpage li p{padding-top:200px}
	.cont02_btn a{background-position: center;width:150px;height:80px;padding-top:70px;}
	.aboutus ul.aboutus_con, .aboutus ul.aboutus_con2{width:100%;}
	.aboutus ul.aboutus_con2 li:nth-child(1) p{    padding-top: calc(100% + -50px);}
	.subimg{width:100%;}
	#head_main_content {width:100%;}
	#head_main_content_in {width:100%;}
	#visual_main {width:100%;} 
	#visual_sub {width:100%; padding-top:0px;} 
	#ban {width:100%;}
	.sub_con {width:100%;}
	#top_menu {width:763px; }
	#ban ul li {width:50%}
#banner_wrap{width:100%;padding-left:5%;}
	#notice1, #notice2,#notice3, #notice4 {margin:0 auto;width:100%}
	
	
	#textbox2 {top:10px;}
	#textbox1 {top:10px;}
	.p3 span {font-size:20px;}
	.footer1_1{width:100%;}
   .footer1_2{ width: 100%;margin-top: 40px;}

	.mainbannerslide{width:100%;}
	.mainbanner_slidein{width:100%;}

.content{margin: 40px 0;}
	.content1_1.under_img, .content2_1.under_img, .content3_1.under_img { width: 100%;}
	.content1_2, .content2_2, .content3_2{width:100%;}
	.line_con01_in ul:after {content:''; display:block;clear:both;}
	li.line_con_0{width:50%;    margin-bottom: 40px;}
	li.line_con_0 ul li:nth-child(3){max-width:250px;}
	.line_con{margin-bottom:40px;}
ul.bxslider li{    min-height: 460px;}
.loca_ban .swiper-loca .text{}
	}

@media (max-width:699px) {	

.fix_banner h4:after{width:50%; left:calc(50% - 25%);}
.aboutus ul.aboutus_con li{width:100%;}
.aboutus ul.aboutus_con2 li:nth-child(1) p {
    padding-top: calc(100% + 150px);
}
.aboutus ul.aboutus_con li p.subtext, .aboutus ul.aboutus_con2 li p.subtext{font-size:16px!important;}

.news1, .news2, .news3{width:100%;margin-left:1%;
     margin-bottom: 30px;}
.con1_btn{    position: static;
    float: left;
    margin-top: 47px;
	width:20%;
	height: 40px;
    line-height: 40px;
}
.line_banner_in .under_img{width:50%;    margin-bottom: 20px;}
.line_banner_in{padding:20px;}
.line_banner{margin:40px auto;}
.line_banner_in .under_img img{max-width:100px;}

 .multiple-items .item{width:48%;    margin-bottom: 10px;}
label.con1_btn.con1_btn1{margin-left: 10%;}
.advan_text, .advan_text2{left:10%; top:26%;}
.advan_text strong,.advan_text2 strong{font-size:30px;}
.advan_text p,.advan_text2 p{font-size:18px;}
.advan_text ul,.advan_text2 ul{margin-top:0;}
.advan_text ul li, .advan_text2 ul li{margin:5px 0;}
	.cont02_btn a{background-position: center;width:120px;height:65px;padding-top:55px;}
   .fm4 .fm4_txt_1 a {font-size:30px;}
		.ban li	 {width:100%;}

.mainmove {position:relative;width:100%;margin:0;}
		.bxslider2 li{overflow:hidden;height:400px;background:#222;}
		 .mainmove li{width:33.33%; margin:0; float:left;height:auto;}
			  #main1{background-size:cover;}
			    #main2{background-size:cover;}
				  #main3{background-size:cover;}
				  .hoverbox img{width:100%;}
 #mb1 {width:40%;float:left;}		#mb2 {width:40%;float:left;}
#l1 h3{text-align:center; }
#l1 h3 .bu {display:block;text-align:center; margin:0 auto; }
#l1{width:100%;height:auto;}
#l5 {width:80%;margin-left:5%;}
.textbox{width:48%;margin-left:2%;}
 .content-boxes > ul > li {width:100%;margin:1px 0;}
 .content-boxes > ul > li:first-child{margin:0;}
	  #a4 {border:0;}
	
   .line {width:15%;}  .linewrap .l1{width:70%;}		
.p3 {font-size:13px;}
.p4 {font-size:12px;}
.p3 span {font-size:20px;}

.mobile-menu {display:block;}
.mainul{width:100%;}
.banner{width:100%;height:auto;}
.banner3{width:20%;margin:1%;height:auto;}
#mainimg{width:100%;}
#banner{width:100%;height:250px;margin:3px 0;border:0;}
#banner2{width:100%;height:auto;border:0;padding-top:25px; border-top:1px solid #ddd;}
#review{width:100%;border-top:1px solid #ddd;}
#banner3{width:100%;height:auto;padding-bottom:20px;margin:0;border:0;}
.ban3{width:50%;float:left;}
	 .banner3 img{width:100%;}
	 .banner_wrap .banner2 {width:100%;margin:0;}
	  .banner_wrap .banner2 img{width:100%;}
#banner .button{width:90%;margin:0 auto;}
 .button .bu {width:40%; background:cover; }

 #firstm4 {height:160px;}
   .m1 {font-size:30px; margin: 20px 0 10px;}
   .m1:hover {font-size:30px; margin: 20px 0 10px;}
#banner_wrap{width:100%;padding-left:10%;}
.ban li .over{width:100%;}
.subimg{width:100%;}
	
	#bannerline ul {width:100%;}
	#bannerline ul li {width:50%;padding-top:10px;}
	#bannerline{height:auto;padding:0;}
	.ban{width:100%;padding:0;}
	


	#head_main_content {width:100%;}
	#head_main_content_in {width:100%}
	#visual_main {width:100%} 
	#visual_sub {padding-top:0px; width:100%;}
	
	.sub_con {width:100%;}
	#top_menu {width:100%; }
	.notice{width:100%;}
	.board_output td a {float:left;margin-left:%;}
	.info{bottom:0;}
	.bd_out1 a{line-height:15px;}
	.main_img {width: 100%;}
	#DB_navi24 .DB_wrap {position:relative;width:100%;left:50%; margin-left:-381.5px; height:49px}
	#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;width:100%;left:50%;margin-left:-381.5px;padding-top:10px;}
    #DB_navi24 .DB_wrap .DB_main li {width:100%}
    #DB_navi24 .DB_wrap .DB_main li a{width:100%}
    #DB_navi24 .DB_wrap .DB_main li a img{width:30%}
	.info img{width:100%}
	.vitext {width:100%}
	.vitext img{width:100%}
	.sub_con_in {width:90%;margin: 30px 5%;}
	
	.main_img {float:left;width:100%;height:auto; }
	#notice1, #notice2,#notice3, #notice4 {margin:0 auto;width:100%;border-top:1px solid #fff;}
	.notice h2 a img{width:100%}
	.bd_out1 a{line-height:12px;}
.board_output {
    margin-left: 0px;
    margin-top: 0px;
    width: 100%;
}
	.board_output td {float:none;padding-left:0px;}
	.gallery_table td{width:50%}
	#notice1 .board_output td a{overflow:hidden;height:20px;}
	#notice2 .board_output td a{overflow:hidden;height:15px;}
	#notice3 .board_output td a{overflow:hidden;height:20px;}
	#notice4 > .board_output > tbody > tr > td > table > tbody > tr > td:last-child {display:none}

	.board_output > tbody > tr > td > table > tbody > tr > td:
	.gallery_shit > .board_output > tbody > tr > td > table > tbody > tr > {width:40%;border:1px solid red;}
	.board_output_img {width:40%}
	.bd_out1 {}
	
	.pc-menu {display:none}
	.mobile-menu {width:100%;}
.mobile-menu:after{content:""; display:block; clear:both;}
.mobile-menu li {
    width: calc(50% - 8px);
    float: left;
    text-align: center;
    margin: 5px 0 0 0;
    font-weight: bold;
    font-size: 20px;
}
.leftmenu{margin: -50px 0 0;}
.leftmenu ul{margin:0 auto;width: 90%;}
.leftmenu ul li{width:auto; margin:0}
.leftmenu ul li a{padding:0 10px;}
.leftmenu ul li.on{background:#eee;}
	.leftmenu h2 {display:none}
	#footer{position:relative;}
.footer1{}
.footer2{width: calc(100% - 30px);    padding: 0;    margin-left: 30px;}
.footer3 ul{position:absolute;right:0; top:43px;}
.footer3 ul li{margin-bottom:5px;}
.footer0 ul li:nth-child(1),.footer0 ul li:nth-child(2), .footer0 ul li:nth-child(5){width:15%;}

.footer0 ul li:nth-child(3),.footer0 ul li:nth-child(4){width:25%;}



} 
@media (max-width:499px) {
.aboutus ul.aboutus_con2 li{width:100%;}
.aboutus ul.aboutus_con2 li:nth-child(1) p {padding-top: 100%;}
.loca_ban .swiper-loca .swiper-slide{height:400px!important;}
.line_banner{margin:20px auto;}
.loca_ban .swiper-loca .text{    width: 80%;
    top: 20px;}
.m_header .logo{padding-top:0;width:70%;}
.leftmenu ul li{padding:0}
.head_sub ul.subpage li p span {
    line-height: 41px;
    font-size: 24px;}


}

@media (max-width:320px) {
	.quick {display:none;}
}


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

.m_header {
    height: 60px;
    width: 100%;
    display: block;
    position: fixed;
    z-index: 66;
	background:#333;
	box-shadow:-1px 1px 5px rgba(0,0,0,0.4);
}

.logo {
    float: none;}

.logo a {
    display: block;
    margin: 0 auto;
}
.logo a img {width: 100%;}
/*모바일메뉴*/
.log {
margin-top:50px;
}
.log a {  width: calc(100% / 2);
float:left;
    display: inline-block;
    text-align: center;
    padding: 10px 0;
    /* background: #fff; */
    /* margin-bottom: 1px; */
    /* border-right: 1px solid #47494e; */
    /* border-bottom: 1px solid #47494e; */
    background: #292c31;}	
}

/*메인슬라이드*/
.main_slide {
}
.bxslider li { height: 540px;}

@keyframes fadeIn {
  from {	
    opacity: 0;
    top: 40px;
  }
  to {
    opacity: 1;
    top: 130px;
  }
}

/*메인*/
.contents_wrap h4:after {
    margin: 10px auto;
}
ul.bs_cont {
    padding: 0 20px;
    margin-top: 20px;
}
ul.bs_cont li {
    width: calc((100% / 4) - 7.5px);
    margin-right: 10px;
    height: 280px;
}
ul.bs_cont li a {
    margin: 140px auto 0;
}
ul.bs_cont li a:hover{margin: 150px auto 0;}
ul.bs_cont li a .wh_btn {
    padding: 30px 0;
}
ul.bs_cont li a span {
    line-height: 40px;
}
.wh_btn strong {
    margin-bottom: 0px;
}


/*메인하단*/
.content4 .left_box {width: 50%;}
.content4 .right_box {width: 50%;}

}



@media (max-width:995px) {

	.visual-btn ul{overflow:hidden;margin:0 auto;width:100%;list-style:none;}

}
@media (max-width:699px) {
	
	.quick {display:none;}

	.main02{margin:0 auto;margin-top:50px;width:100%;}
	.main02 ul{list-style:none;padding-left:20%}
	.main02 ul:after {content:"";display:block;}
	.main02 ul li{margin:0 auto;width:100%}
	.main02 ul li:first-child{margin-left:0;}
	.sms .send-btn {right: 25%;}
	.advan{min-height:500px;background-size: cover;}
	.content2{margin:30px auto 15px}
	.footer1{}
	.footer1 strong{font-size:14px;
	line-height:20px;}
	.footer2 strong {font-size: 22px;}
	#footer{}

/*메인슬라이드*/
.bxslider li { height: 400px;}
.main_slide{max-height:400px;}
.main_slide .bx-wrapper .bx-viewport{height:400px!important;}
.swiper-main .swiper-slide{height:auto!important;}
.main_slide .slider_text {top:63%;margin:150px 0; text-align:center;font-size:18px;}
.main_slide .slider_text span{font-size:30px;    line-height: 30px;}
@keyframes fadeIn {
  from {	
    opacity: 0;
    top: 30px;
  }
  to {
    opacity: 1;
    top: 40px;
  }
}
.slider_text strong {
    font-size: 35px;
}
.slider_text p {
    font-size: 16px;
}
.slider_text a {
    width: 160px;
    line-height: 40px;
}

/*메인*/
.content1 {
    padding-bottom: 0;
    margin-bottom:20px;
}
.contents_wrap h4 {
    font-size: 35px;
}
.contents_wrap h5 {
    font-size: 13px;
}
ul.bs_cont { padding: 0 20px;}
ul.bs_cont li {
    height: 200px;
    width: calc((100% / 2) - 5px);
    margin-bottom: 40px;
}
ul.bs_cont li a { margin: 0px auto 0;}
ul.bs_cont li:hover a{ margin: 105px auto 0;}

ul.bs_cont li:nth-child(2){margin-right:0;}
ul.bs_cont li a .wh_btn {padding: 57px 0;}
.wh_btn strong {font-size: 17px;}

.content3 { background-size:auto 100%;}
.content4_padd {
    padding: 20px;
}
.sns_box li:nth-child(1) a img{width:30%;}
.sns_box li a img {
    width: 60%;
    height: auto;
    display: block;
	margin: 0 auto;
}
.content4 .left_box, .notic_box {min-height: 190px;}
.location_box { min-height: 220px;}
.map_box iframe {
    width: 100%;
    height: 300px;
}
.map_box iframe {  height: 215px;}

}

@media (max-width:650px) {
.content4_padd {
    padding: 40px 0 20px 0;
    text-align: center;
}

.content4 .right_box .content4_padd {
    padding: 0 10px 20px 10px;
    text-align: center;
}

.content4 h6 {
    margin-bottom: 10px;
}
.content4 .left_box {
    width: 100%;
}
.content4 .right_box {
    width: 100%;
}
.content4 .left_box, .notic_box {
    min-height: unset;
}
.sns_box ul {
    width: 340px;
    float: none;
 display: inline-block;
}
.sns_box li {
    width: 25%;
}
.sns_box li a {
    padding:0;
}
.footer1{width:100%;}
.footer1_1>ul>li:nth-child(1){    width: 90%;
    margin-bottom: 10px;}


.footer2{width:100%;margin-left:0;}
.footer3{width:100%;}
.footer3 ul{position:static; margin:0 auto; width:120px;}

}
@media (max-width:499px) {
.m_header .logo img {
    width: 60%;}

.main_slide .slider_text{}
.bxslider li{height:300px;}
.advan{min-height:300px;}
.advan_text, .advan_text2{top:19%;}
.advan_text ul li, .advan_text2 ul li{color:#000;}
.advan_text ul li:nth-child(4),.advan_text ul li:nth-child(5),
.advan_text2 ul li:nth-child(4),.advan_text2 ul li:nth-child(5){display:none;}
.content2{width:100%;    margin: 30px auto 30px;}
ul.bs_cont{padding:0;}
ul.bs_cont li { margin-right: 0;
    margin-bottom: 0;
	width:50%;}
ul.bs_cont li a span{border-left:1px solid #ddd;}

.con1_btn{margin-top:10px;}
.cont02_btn a {
    width: 100px;
    height: 55px;
    padding-top: 45px;
}
.consulting_wrap {
    padding: 20px 0;
}
.consulting_wrap strong {
    font-size: 19px;
    padding: 0;
}
.consulting_wrap a {
    width: 200px;
    line-height: 45px;
}
ul.bs_cont li:hover a{
	margin-top:70px;
	height: 55%;
    transition:margin-top 1s;
  -o-transition:margin-top 1s;
  -moz-transition:margin-top 1s;
  -webkit-transition:margin-top 1s;
}



}

@media (max-width:320px) {
	.quick {display:none;}
}