/*폰트*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*초기화*/

html, body{height:100%;width:100%;margin:0;padding:0;font-family: "Noto Sans KR", sans-serif ;letter-spacing:-1px}
h1,p,ul{margin:0;padding:0}
li{list-style:none}
a{color:#333;text-decoration:none !important}
.left{float:left !important}
.right{float:right !important}
.clear{clear:both}
p {margin:0;padding:0;word-break:break-all}
b{font-weight:bold}
.img-responsive{max-width:100%;display:block;height:auto}
.padding-0{padding:0 !important}
.paddingbottom-0{padding-bottom:0 !important}
.padding-20{padding:20px 0}
.padding-40{padding:40px !important}
.paddingbottom-100{padding-bottom:100px !important}
.margin-0{margin:0 !important}
.m-auto{margin:auto}
.w-100{width:100%}
.pr-10 {padding-right: 0.625rem;}

/*header */
.ment{background:#cbab76;padding:15px 20px;text-align:center;color:#FFF;}
.ment p{max-width:1300px;margin:0}
.pc_login{position:absolute;right:0;top:0}
.pc_login li{float:left;margin-left:15px;}
.pc_login li a{color:#FFF;}

.header{max-width:1300px;margin:15px auto;position:relative;overflow:hidden;padding:20px 0}
.header .number{position:absolute;top:20px;}
.header p{font-size:17px;margin:0}
.header h1{text-align:center;margin:0;line-height:1.9}
.header h2{color:#f19c16;margin:0;font-weight:600;font-size:27px;}
.header .logo02{position:absolute;right:0;top:0}
.header .logo03{position:absolute;/* right:55px; */ right: 80px; top:60px}

header.on{width:100%;background:rgba(0255,255,255,0.95);z-index:9999;position:fixed;top:0;transition:all .2s ease-in-out;}

.pc_menu{border-top:1px solid #eee;position:relative;border-bottom:1px solid #eee}

.menu {float:left;width:14.285%;text-align:center;}
.menu a{font-weight:500;padding:20px 0;display:block}
.menu a:hover{color:#000}

.menu_wrap{display:none;border-top:1px solid #eee;border-bottom:2px solid #d5c6b1;position:absolute;z-index:999;background:#FFF;width:100%;left:0}

.menu_list{padding:40px 0 0 100px !important}
.menu_list li{float:left;text-align:left;width:26%;margin-bottom:20px}

/*m_menu */
#menu-wrapper {
    overflow: hidden;
    max-width: 100%;
    cursor: pointer;
	margin-top:-55px;
}


#menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 8px 0 25px 20px;
}

#menu-wrapper #hamburger-menu span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;    
    background-color: #000;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

#menu-wrapper #hamburger-menu span:nth-child(1) {
    top: 0;
}
#menu-wrapper #hamburger-menu span:nth-child(2) {
    top: 9px;
}
#menu-wrapper #hamburger-menu span:nth-child(3) {
    top: 18px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -60px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#menu-container .menu-list .menu-submenu {
    padding:10px 20px;
}
#menu-container .menu-list {
    padding-left: 0;
    display: block;
    position: absolute;
    width: 60%;   
    background: white;
    box-shadow: rgba(100,100,100,0.2) 6px 4px 10px;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
	height:100%;
}

#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    padding: 15px;
    text-transform: uppercase;
    border-top: 1px solid #dbdcd2;
}
#menu-container .accordion-content li{margin-bottom:15px;font-size:15px;}
#menu-container .accordion-content li:last-child{margin-bottom:0}
#menu-container .accordion-content li img {width: 2rem;}

#menu-container .menu-list li:first-of-type {
    border-top: 0;
}

.accordion-toggle, .accordion-content {
    cursor: pointer;
    position: relative;
}

  .accordion-content {
    display: none;
}

.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 11px;
    height: 2px;
    margin-top: -1px;
    background-color: #5a5858;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s ease-out;
}

.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  background: #cbab76;
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #fff !important;
}

.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}
.m_login li{float:left;width:50%;text-align:center;padding:10px 0;background:#cbab76;}
.m_login li:nth-child(1){border-right:1px solid #eee}
.m_login li a{color:#FFF;}

/*main*/
.main{max-width:1920px;margin:auto}
.main section{margin-top:100px} 
.main .tit{text-align:center;margin-bottom:50px}
.main .tit h1{margin:0 0 20px 0;font-size:40px;font-weight:300;letter-spacing:-2px;} 
.main .tit p{font-size:21px;font-weight:300}


/*.main .bx-wrapper img{width:100%}*/
.counsel_wrap{background:#f7f6f4;padding:30px 0}
.counsel_wrap h1{font-size:40px;font-weight:300;letter-spacing:-2px;margin:0;line-height:2}
.counsel{color:#aaaaaa}
.select{margin-bottom:10px;overflow:hidden;}
.select li{float:left;width:27%;margin-right:1.3%;}
.select li:last-child{width:15%;}

.counsel input{border:none;padding:15px 0 15px 15px;width:100%;}
.counsel select{background:#FFF;border:none;padding:15px 0 15px 15px;width:100%;}
.counsel .submit{background:#cbab76;color:#FFF;padding:15px 0}
.counsel .check{width:auto;margin:0 10px 0 0}

.main select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
background: url('/img/main/btn_select.png') no-repeat 95% 50% #fff !important;
}
.main select::-ms-expand { display: none; }

.review{width:1300px;overflow:hidden;}
.review ul li{float:left;}

.customer li{float:left;width:16.666%;}
.customer p{font-size:12px;padding:10px 0 0 0}

.video_wrap .subscribe{background: #cc0000;color: #fff;padding: 10px;text-align: center;float: right;margin-top: -120px;}
.thum_menu{margin:0}
.thum_menu img{float:left;margin-right:20px}
.thum_menu li{background:#f7f6f4;padding:12.5px;overflow:hidden;opacity:0.8}
.thum_menu li.on{background:#d5c6b2;opacity:1;transition:all .5s ease}

.box{padding:50px;min-height:620px;float:left;width:50%;}
.box .right:hover{color:#f67c2a !important;transition:all .5s ease;}
.box_tit h1{font-size:40px;font-weight:300;margin:0;letter-spacing:-2px;}
.box_tit p{font-size:19px;margin:15px 0 30px 0}

.box01{background:#f6f6f6}
.box01 .tab_wrap{overflow:hidden;margin:30px 0 0 0}
.box01 .tab {display:block !important}
.box01 .tab li{cursor:pointer;float:left;width:50%;border:2px solid #f6f6f6}
.box01 .tab li img{width:100%;}
.box01 .tab li:hover{border:2px solid maroon}
.box01 .tab li.current{border:2px solid maroon}
.box01 .tab-content{display: none;}
.box01 .tab-content.current{display: inherit;}
.box02{background:#d5c6b2;color:#FFF}
.box02 .bx-viewport{height:377px !important}
.box02 .slider2 p{text-align:center;font-size:24px;margin:0}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {
      text-align: center;
      font-size: 18px;     
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}
.box03 {padding:0 !important;}
.box03 iframe{width:100%;min-height:620px;border:none}
.member_thum li{float:left;margin-right:2%;width:32%}

.board{padding:50px 30px ;width:32%;float:left;margin-right:2%;min-height:407.3px}
.board .right:hover{color:#f67c2a;transition:all .5s ease;}
.board_tit h1{font-size:30px;font-weight:300;margin:0;letter-spacing:-2px;}
.board_tit p{font-size:19px;margin:15px 0 30px 0}

.board01{background:#f5f4ed}
.board_list li{margin-bottom:20px}
.board_list li:last-child{margin:0}
.board_list li a{color:#868682}
.board_list .date{float:right}

.board02{background:url('/img/main/board_bg.png') no-repeat right bottom #ddd9c3}

.board03{background:#d2d2d2;margin-right:0;}
.board03 h1{color:#FFF;text-align:center;margin-bottom:20px !important}
.board03 input{color:#aaaaaa;padding:15px 0 15px 15px;margin-bottom:10px;width:100%;border:none;font-weight:300}
.board03 .check{width:auto;margin:0 20px 0 0}
.board03 span a{color:#FFF}
.board03 .submit{background:#f67c2a;color:#fff;text-align:center;font-size:20px;margin:15px 0 0 0 ;padding:15px 0}


.video iframe{width:100%;height:490px;border:none;}

/*footer*/
.quick{z-index:9999;position:fixed;right:50px;top:25%;background:rgba(255,255,255,0.9);border-radius:100px;padding:25px 10px;border:1px solid #eee}
.quick ul{margin:0}
.quick li{text-align:Center;margin-bottom:18px;}
.quick .top{text-align:center;color:#a9a7a6;cursor:pointer}
.quick .top:hover{color:#f19c16}

.m_quick{position:fixed;z-index:9999;left:0;right:0;bottom:0;width:100%;background:#e4d4ba}
.m_quick ul{margin:0;overflow:hidden;}
.m_quick ul li{width:20%;text-align:Center;font-size:14px}
.m_quick ul li a{color:#FFF;padding:10px 0;display:block;}
.m_quick ul li:nth-child(3){background:#cbab76;position: absolute;bottom:0;left:0;right:0;margin:auto;border-top-right-radius:10px;border-top-left-radius:10px;text-align:center;}
.m_quick ul li:nth-child(3) a{padding:20px 0 10px 0}
.m_quick .border{border-right:1px solid #fff}



footer{margin-top:100px;background:#f6f6f6}
.footer{background:url('/img/main/footer_bg.png') no-repeat center right; padding:30px 0 50px 0}
.footer_menu{margin:0 0 50px 0}
.footer_menu ul{margin:0;overflow:hidden}
.footer_menu ul li{float:left;margin-right:10px;}
.footer_menu ul li a{color:#878787}
footer h1{margin:0}

.m_img{display:none !important}

/*subpage*/
.sub_top{height:360px;}
.sub_tab{max-width:1200px;margin:0 auto;padding-top:230px}
.sub_menu{overflow:hidden;margin:0;}
.sub_menu li{float:left;text-align:center;background:rgba(0,0,0,0.1)}
.sub_menu li a{display:block;padding:10px 0;color:#FFF}
.sub_menu li a.on{background:#cbab76;}

.sub_tab02{max-width:1300px;margin:80px auto;}
.tab_menu{overflow:hidden;margin:0;width:100%;border:1px solid #e5e5e5}
.tab_menu li{float:left;width:8.333%;text-align:center;}
.tab_menu li a{display:block;padding:15px 0}
.tab_menu li a.on{border-bottom:4px solid #cbab76;}
.s_slider {
    max-width: 1300px;
    margin: auto;
	margin-top:100px;
}

/*bf_slider*/

.bf_slider .bx-wrapper{
	    margin: auto;
}
.bf_slider .view_list {
    width: 100%;
}
.bf_slider .left_img {
    width: 50%;
    float: left;
}
.bf_slider .right_img {
    width: 50%;
    float: left;
}
.bf_slider .img_info {
    width: 100%;
    float: left;
}
.bf_slider .before, .bf_slider .after{text-align:center;padding: 18px 0;    font-weight: bold; font-size:1.1em}
.bf_slider .before{background: #e5e5e5;}
.bf_slider .after{ background: #cbab76; color:#fff}
.bf_slider .img_info{ background: #f8f6f5; padding:20px;margin-top:30px;float:left;width:100%}
.bf_slider .img_tit {font-weight: bold;font-size: 1.1em;}
.bf_slider .img_con {padding: 10px 0 15px 0;}

.bf_slider .bx-wrapper .bx-next {
    right: -100px!important;
    background: url(/img/sub/right.png) no-repeat!important;
}
.bf_slider .bx-wrapper .bx-prev {
    left: -100px!important;
    background: url(/img/sub/left.png) no-repeat!important;
}



/*subtail*/
.sub_tail{margin:100px 0 0 0}
.sub_tail .swiper-container{margin-bottom:100px;max-width:1920px;}
.board04{background:#f5f4ed}
.board04 h1{text-align:center;margin-bottom:20px !important}
.sub_login{background:#FFF;text-align:center;padding:15px 0;width:150px;margin:25px auto;}

.board05{background:#d2d2d2;}
.board05 h1{color:#FFF;text-align:center;margin-bottom:20px !important}
.board05 input{color:#aaaaaa;padding:15px 0 15px 15px;margin-bottom:10px;width:100%;border:none;font-weight:300}
.board05 .check{width:auto;margin:0 20px 0 0}
.board05 span a{color:#FFF}
.board05 .submit{background:#f67c2a;color:#fff;text-align:center;font-size:20px;margin:15px 0 0 0 ;padding:15px 0}

.board06{background:#ddd9c3;margin-right:0;}
.board06 h1{text-align:center;margin-bottom:20px !important}
.board06 p{margin:20px 0 0 0;text-align:center}

.m_top{color:#FFF;}
@media (max-width:1830px){
	
	
}

@media (max-width:1920px) and (min-width:1821px){

}
@media (max-width:1920px) {

}

@media (max-width: 1820px){
	
	
}

@media (max-width: 1240px){	
	.header .number{left:30px}
	.header .logo02{right:30px;}

	.counsel_wrap h1{font-size:30px}
	
	.thum{padding:0 !important}
	.video iframe{height:300px !important}
	.customer li{width:33.333%;}

	

	.box{width:100%;min-height:auto}
	.box03{min-height:auto}
	.board{width:100%;margin-bottom:2%;}

	.board06 .map{width:100% !important}
	.bf_slider .ba_btn.next{right:30px;}
	.bf_slider .ba_btn.prev{left:30px;}
	.bf_slider .bx-wrapper .bx-next {right: 10px!important;}
	.bf_slider .bx-wrapper .bx-prev {left:10px!important;}
}

@media (max-width:1366px) and (min-width:1024px){
	
}

@media (max-width:1023px) and (min-width:768px){
	.menu {font-size:14px;}
	.thum_menu li{float:left;width:20%;}
	.thum_menu li p{display:none}
} 

@media (max-width: 767px){
	.ment{padding:15px 0;font-size:14px}
	.main section{margin-top:30px}
	.header{padding:10px 0}
	.tel {float:right;font-size:25px;margin-right:20px;line-height:1}
	.m_logo{text-align:center;margin:20px 0 20px 40px;line-height:0;}
	.m_logo img{height:35px}

	.main .tit h1{font-size:25px;font-weight:normal}
	.main .tit p{font-size:18px}
	.counsel_wrap{padding:20px 0}
	.counsel_wrap h1{font-size:25px;line-height:1;text-align:center}
	
	.select{margin:20px 0 10px 0}
	.select li{width:49%;margin-right:2%;margin-bottom:2%}
	.select li:nth-child(2){margin-right:0}
	.counsel .clear{font-size:14px}
	
	.review img {height:255px}
	.box{padding:30px}
	.box_tit h1{font-size:25px;font-weight:normal}
	.box_tit p{font-weight:300}
	.box02 .bx-viewport{height:auto !important}

	
	.board{padding:30px;min-height:auto;}
	.board_tit h1{font-size:25px;font-weight:normal}
	.board_tit p{font-weight:300}	
	.board02{min-height:400px;}	

	.footer_menu{margin:0 0 20px 0}
	footer{margin-top:50px}
	.footer{padding:30px 30px 85px 30px !important;font-size:0.9em}	
	.footer_menu ul li{margin-right:6px}

	.video_wrap .subscribe{margin-top:0;}
	
	.m_top{display:none;position:fixed;right:25px;bottom:95px;margin:0;background:rgba(255,255,255,0.85);text-align:center;padding:10px 15px;border:2px solid #cbab76;color:#cbab76;cursor:pointer;z-index:9999}
	
	.tab{margin:20px auto}
	.tab_menu{border:1px solid #cbab76}
	.tab_menu li{width:25%;font-size:15px;}
	.tab_menu .border{border-bottom:1px solid #cbab76}
	.tab_menu li a.on{border:none;background:#cbab76;color:#FFF;}
	.sub_tail .swiper-container{margin-bottom:100px}
	
	.box02 .bx-wrapper .bx-controls-direction a{width:50px !important;height:50px !important;}
	.box02 .bx-wrapper .bx-prev{left:0 !important; background:url('/img/main/btn_left_m.png') no-repeat !important;}
	.box02 .bx-wrapper .bx-next{right:0 !important;background:url('/img/main/btn_right_m.png') no-repeat !important;}

	.m_img{display:block !important}
	.pc_img{display:none !important}
	
	.sub_tail{margin:30px 0; margin-top:100px;}
	.sub_tab02{margin:20px auto}
	.link li{width:100% !important;margin-bottom:20px}
	.link li:last-child{margin-bottom:0px;}
	#b_cate_ul li{font-size:14px}
	
}
@media (max-width: 420px){
	.m_logo img{height:30px}
	.main .tit p{font-size:16px}
	.box_tit p{font-size:16px;}
	.box02 .slider2 p{font-size:20px}

	.thum_menu li{font-size:14px;}

	.board{padding:20px}
	.board_tit h1{font-size:20px;}
	.board_tit p{font-size:16px}
	footer p{font-size:13px}
	

	.tab_menu li{font-size:12px;}
	
	.bf_slider .bx-wrapper .bx-next {right: 10px!important;}
	.bf_slider .bx-wrapper .bx-prev {left: auto!important;right: 76px;}

}