#wrap {min-width:1060px; margin: 0 auto;}
.layout {position: relative; width:1060px; margin: 0 auto;}
.tel {cursor:auto;}
.Ntxt {font-family: 'Noto Serif KR', serif;}
.Mtxt {font-family: 'Nanum Myeongjo', serif;}

/* header */
.header_top {height: 65px;}
.header_top .layout {width: 1200px;}
.header_top .layout:after {content: ""; display: block; clear: both;}
.header_top .logo {float: left;}
.header_top .logo a {display: inline-block; margin-top: 14px;}
/* .header_top .logo:after {content: ""; position: absolute; left: 50%; top: 0; margin-left: -2px; width: 4px; height: 80px; background: #b52633;} */
.header_top .tel_wrap {text-align: center;}
.header_top .tel_wrap a {display: inline-block; margin-top: 26px; padding: 0 6px 6px 6px; font-size: 22px; color: #b52633;  font-weight: 800;}
#gnb {float: right;}
#gnb li {display: inline-block;}
#gnb li a {display: inline-block; padding: 0 20px; font-size: 13px; color: #000; line-height: 65px; 
	transition: 0.3s all;
}
#gnb li a:hover,
#gnb li a:focus {color: #b52633;}
#gnb li:first-child a {padding-left: 0;}

/* main container */
.main_visual {height: 790px; text-align: center;}
.main_visual .vs_slide {display: table; width: 100%; position: relative; height: 790px; background-repeat: no-repeat; background-position: center top;}
.main_visual .vs_slide.img01 {background-image: url('../img/main/main_visual01.jpg');}
.main_visual .vs_slide.img02 {background-image: url('../img/main/main_visual02.jpg');}
.main_visual .vs_slide img {display: inline-block;}
.main_visual .vh {display: table-cell; vertical-align: middle;}
.main_visual .Ntxt {font-size: 38px; color: #fff; letter-spacing: -0.04em; text-align: center;}
.main_visual .slick-dots{position: absolute; left: 0; right: 0; bottom: 20px;}
.main_visual .slick-dots li{display:inline-block;margin:0 3px;}
.main_visual .slick-dots li button{display:inline-block;width:20px;height:10px;font-size:0;background: none;text-indent:-9999%;outline:none;background-color: #fff; border-radius:10px;
	transition: 0.3s all;
}
.main_visual .slick-dots li.slick-active button{background-color: #b52633;}
.btn-link1 { margin-top: 80px; display: inline-block; width: 497px; height: 76px; line-height: 76px; background: #ff8309; border-radius:38px; box-shadow: 5px 8px 19.53px 1.47px rgba(0, 0, 0, 0.59);}
.btn-link1 span {display: inline-block; font-size: 43px; color: #fff; letter-spacing: -0.04em; padding-right: 32px; background: url('../img/sub/ico_arrow1.png') no-repeat right center;}


.section01 {width: 1000px; margin: 0 auto; margin-bottom: 60px;}
.section01 .tit01 {margin-top: 50px; margin-bottom: 60px; text-align: center;}
.section01 .tit01 span{position: relative; display: inline-block; padding: 0 25px; font-size: 38px; font-family: 'Noto Serif KR', serif; color: #b52633; background: #fff;}
.section01 .tit01 span:before {content: ""; position: absolute; left: -80px;  top: 50%; margin-top: -1px; width: 80px; height: 2px; background: #b52633;}
.section01 .tit01 span:after {content: ""; position: absolute; right: -80px; top: 50%; margin-top: -1px;  width: 80px; height: 2px; background: #b52633;}

.card-slider {position: relative; }
.card-slider:before {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 240px; background: rgba(0,0,0,0.3); z-index: 1;}
.card-slider:after {content: ""; position: absolute; right:  0; top: 0; bottom: 0; width: 240px; background: rgba(0,0,0,0.3); z-index: 1;}
.card-slide {padding-top: 85px; padding-bottom: 100px; background: url('../img/main/card_slider_bg.jpg') repeat-x center top / cover; text-align: center;}
.card-slide .cs-top {margin-bottom: 100px;}
.card-slide .cs-top h2 {position: relative; font-size: 46px; color: #fff; padding-bottom: 50px; margin-bottom: 40px; font-weight: 100;}
.card-slide .cs-top h2:after {content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -75px; width: 150px; border-bottom: 4px solid #fff;}
.card-slide .cs-top p {font-size: 30px; letter-spacing: -0.04em; color: #fff;}
.card-slider .card-box {position: relative; display: block; width: 611px; background: #fff; -webkit-box-sizing: border-box ; margin: 0 40px;	box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.16);
-moz-box-sizing: border-box;
box-sizing: border-box;}

.card-slider .card-box .cb-img {width: 100%;}
.card-slider .card-box .cb-img  img {width: 100%;}
.card-slider .card-box span,.card-slider .card-box strong {display: block;}
.card-slider .card-box .cb-cont {padding: 30px 40px;  text-align: left; min-height: 340px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.card-slider .card-box .cb-cont .tit01 {font-size: 38px; font-weight: normal; color: #000; margin-bottom: 10px;}
.card-slider .card-box .cb-cont .txt01 {font-size: 22px; font-weight: normal; color: #000; line-height: 1.5; letter-spacing: -0.05em; margin-bottom: 35px;}
.card-slider .card-box .cb-cont .info01 {padding: 0 32px; height: 78px; line-height: 78px;background: #572811; overflow: hidden;}
.card-slider .card-box .cb-cont .info01 .txt02 {float: left; color: #fff; font-size: 24px; letter-spacing: -0.08em;}
.card-slider .card-box .cb-cont .info01 .txt03 {float: right; color: #fff; font-size: 40px; letter-spacing: -0.08em;}
.card-slide .slick-arrow {position: absolute; top: 50%; margin-top: -50px; font-size: 0; text-indent: -9999em; width: 99px; height: 99px; z-index: 100; background: url('../img/main/btn_slider01.png') no-repeat 0 0; }
.card-slide .slick-arrow.slick-prev {left: 185px; background-position: 0 0;}
.card-slide .slick-arrow.slick-next {right: 185px; background-position: -99px 0;}


.card_list01 {margin-bottom: 20px;}
.card_list01:after {content: ""; display: block; clear: both;}
.card_list01 .bnd {position: relative; float: left; margin-left: 20px; width: 320px; height: 500px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.card_list01 .bnd:first-child {margin-left: 0;}
.card_list01 .bnd h3 {margin-bottom:7px; font-size: 22px; color: #222; letter-spacing: -0.04em;}
.card_list01 .bnd .txt01 {font-size: 16px; line-height: 1.375; color: #222; letter-spacing: -0.04em;}
.card_list01 .bnd .cl_cont {position: relative; display: block;}
.card_list01 .bnd .cl_cont .cl_txt {position: absolute; left: 0; right: 0; padding: 0 20px; line-height: 48px; height: 48px; background: rgba(0,0,0,0.8);}
.card_list01 .bnd .cl_cont .cl_txt:after {content: ""; display: block; clear: both;}
.card_list01 .bnd .cl_cont .cl_txt .fl {float: left;}
.card_list01 .bnd .cl_cont .cl_txt .fr {float: right;}
.card_list01 .bnd .cl_cont .cl_txt .txt02 {font-size: 16px; color: #fff; letter-spacing: -0.04em;}
.card_list01 .bnd .cl_cont .cl_txt .txt02 em {font-size: 14px;}
.card_list01 .bnd .cl_cont .cl_txt .txt03 {font-size: 22px; color: #fff; letter-spacing: -0.04em; font-weight: normal;}
.card_list01 .bnd.ct .cl_cont{margin-top: 8px;}
.card_list01 .bnd.ct .cl_cont .cl_txt {bottom: 0;}
.card_list01 .bnd.cb {padding-top: 398px;}
.card_list01 .bnd.cb .cl_cont{position: absolute; left: 0; top: 0;}
.card_list01 .bnd.cb .cl_cont .cl_txt {top: 0;}

.card_list02 {}
.card_list02:after {content: ""; display: block; clear: both;}
.card_list02 .bnd {float: left; margin-left: 20px; width: 490px; height: 279px;}
.card_list02 .bnd:first-child {margin-left: 0;}
.card_list02 .bnd .cl_cont {position: relative; display: block;}
.card_list02 .bnd .cl_cont .cl_txt {position: absolute; left: 0; right: 0; bottom: 0; padding: 0 20px; line-height: 48px; height: 48px; background: rgba(0,0,0,0.8);}
.card_list02 .bnd .cl_cont .cl_txt:after {content: ""; display: block; clear: both;}
.card_list02 .bnd .cl_cont .cl_txt .fl {float: left;}
.card_list02 .bnd .cl_cont .cl_txt .fr {float: right;}
.card_list02 .bnd .cl_cont .cl_txt .txt02 {font-size: 16px; color: #fff; letter-spacing: -0.04em;}
.card_list02 .bnd .cl_cont .cl_txt .txt02 em {font-size: 14px;}
.card_list02 .bnd .cl_cont .cl_txt .txt03 {font-size: 22px; color: #fff; letter-spacing: -0.04em; font-weight: normal;}
.card_list02 .bnd .cl_cont .cl_txt .txt03 em {font-size: 16px; margin-right: 5px;}

.section02 {margin: 100px 0;}
.section02 .layout {width: 1260px;}
.section02:after {content: ""; display: block; clear: both;}
.section02 .sec-in {float: left; }
.section02 .sec01 {width: 577px;}
.section02 .sec02 {width: 238px; margin-left: 14px; padding-top: 28px;} 
.section02 .sec02 a {display: block;  margin-top: 13px;}
.section02 .sec03 {float: right; width: 400px; padding-top: 65px;}
.section02 .board_cont h3 {font-size: 22px; color: #222; letter-spacing: -0.04em; margin-bottom: 20px;}
.section02 .board_cont .btn_more {position: absolute; right: 0; top: 65px; width: 22px; height: 22px; font-size: 0; text-indent: -9999em; background: url('../img/main/btn_more.png') no-repeat 0 0;
	transition: 0.3s all;
}
/* .section02 .board_cont .btn_more:hover,
.section02 .board_cont .btn_more:focus {background: #222; color: #fff;} */
.section02 .board_cont .cont_in { border: 1px solid #efefef;}

.board_list01 {border-top: 1px solid #c1c1c1; padding-top: 15px;}
.board_list01 .bnd {margin:  4px 0;}
.board_list01 .bnd .subject {position: relative; display: block; line-height: 40px; height: 40px ; overflow: hidden; padding-right: 80px; font-size: 14px; color: #000; letter-spacing: -0.02em; white-space:nowrap; text-overflow:ellipsis; font-size: 14px;}
.board_list01 .bnd .subject:hover {text-decoration: underline;}
.board_list01 .bnd .date {position: absolute; right: 0; color: #575656;}

.gallery_list01 {width: 100%;}
.gallery_list01 .gl_img {display: block;}
.gallery_list01 .gl_img img {width: 100%; height: 272px;}
.gallery_list01 .cont {display: block;}
.gallery_list01 .subject {display: none; font-size: 14px; color: #000; line-height: 38px; height: 38px; overflow: hidden;}
.gallery_list01 .slick-arrow {position: absolute; width: 30px; top: 50%; transform:translate(0,-50%); margin-top: -19px; font-size: 40px; color: #c6c6c6; z-index: 50;}
.gallery_list01 .slick-arrow.slick-prev {left: -60px;}
.gallery_list01 .slick-arrow.slick-next {right: -60px;}
.gallery_list01 .slick-dots {position: absolute; right: 0; top: -40px; text-align: right;}
.gallery_list01 .slick-dots  > li {display: inline-block; margin-left: 5px;}
.gallery_list01 .slick-dots  > li button {width: 24px; height: 10px; background: #e5e4e4; font-size: 0; text-indent: -9999em; overflow: hidden; border-radius:5px; transition:0.3s all;}
.gallery_list01 .slick-dots  > li.slick-active button {background: #ff8309;}


.section03 {padding: 28px 0; background: #ff8309; text-align: center;}
.banner01 .txt01 {font-size: 22px; color: #fff; letter-spacing: -0.02em; line-height: 50px;}
.banner01 .btn01 {margin-top: 15px; display: inline-block; width: 370px; height: 46px; line-height: 46px; text-align: center; font-size: 25px; color: #703705; background: #fff; 
	transition: 0.3s all;
}
.banner01 .btn01:hover,
.banner01 .btn01:focus {box-shadow: 2px 3px 6.65px 0.35px rgba(0, 0, 0, 0.75);}

.section04 {padding: 40px 0; background: #eeeeee url('../img/main/main_bg01.jpg') repeat-y center center;}

.store_wrap {position: relative; width: 920px; margin-bottom: 46px; padding-left: 178px;}
.store_wrap h3 {position: absolute; left: 0; top: 50%; margin-top: -109px;}
.store_wrap .store_table {width: 100%;}
.store_wrap .store_table th {vertical-align: top; width: 125px; padding-top: 15px;padding-bottom: 12px;}
.store_wrap .store_table th h4 {display: inline-block; font-size: 20px; color: #f4831f; letter-spacing: -0.02em; padding-right: 5px; border-right: 3px solid #f4831f;}
.store_wrap .store_table td {padding-left: 8px; vertical-align: top; padding-top: 15px;padding-bottom: 12px;}
.store_wrap .store_table .store_list:after {content: ""; display: block; clear: both;}
.store_wrap .store_table .store_list li {position: relative; float: left; padding: 0 5px; font-size: 14px; color: #222; letter-spacing: -0.02em; line-height: 20px;}
.store_wrap .store_table .store_list li:after {content: ""; position: absolute; right: 0; top: 50%; height: 14px; margin-top: -7px; border-left: 1px solid #222;}
.store_wrap .store_table .store_list li:last-child:after {display: none;}
.store_wrap .store_table .store_list li strong {font-weight: normal;}
/* .store_wrap .store_table tr:first-child .store_list li:nth-of-type(4):after {display: none;}
.store_wrap .store_table tr:first-child .store_list li:nth-of-type(9):after {display: none;} */
.store_wrap .store_table tr {border-bottom: 1px solid #7a4516;}

.banner02 {border: 1px solid #7a4516; background: #fff;}
.banner02:after {content: ""; display: block; clear: both;}
.banner02 .bnd {position: relative; float: left; box-sizing: border-box;}
.banner02 .bnd:after {content: ""; position: absolute; left: 0; top: 50%; height: 240px; margin-top: -120px; border-left: 1px solid #7a4516;}
.banner02 .bnd:first-child:after {display: none;}


/* footer */
#footer {padding: 30px 0; text-align: center; border-top: 1px solid #eee; }
#footer .f_logo {display: inline-block; margin-right: 25px; vertical-align: middle;}
#footer .f_cont {display: inline-block; padding: 2px 0; padding-left: 13px; border-left: 2px solid #302f2f; text-align: left; vertical-align: middle;}
#footer .f_cont p,
#footer .f_cont address {font-size: 15px; color: #232222; line-height: 1.3;}

/* right_quick */
.right_quick {display: block; position: absolute; right: 0; top: 65px; width: 189px; z-index: 99;}
.rq_fixed .right_quick{position: fixed; top: 0; }
.right_quick .rq_cont1 {position: relative; height: 425px; padding:107px 12px 0; background: #ff8309 url('../img/main/right_quickmenu1.png') no-repeat 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* .right_quick .rq_cont1:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 185px; background: url('../img/main/right_quickmenu0.png') no-repeat 0 0;} */
.right_quick .rq_cont1 .rq_box0 {margin-bottom: 10px;}
.right_quick .rq_cont1 .rq_box0 textarea {width: 100%; height: 147px; line-height: 1.5; font-size: 15px; color: #333; padding: 10px; letter-spacing: -0.04em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.right_quick .rq_cont1 .rq_box1 {margin-bottom: 10px;}
.right_quick .rq_cont1 .rq_box1 input {width: 100%; height: 32px; font-size: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.right_quick .rq_cont1 .rq_box2 .tit01 {font-size: 13px; color: #fff; margin-bottom: 7px;}
.right_quick .rq_cont1 .rq_check {margin-bottom: 20px;}
.right_quick .rq_cont1 .rq_check input {font-size: 0; width: 0; height: 0;}
.right_quick .rq_cont1 .rq_check label {display: inline-block; padding-left: 21px; line-height: 16px; background: url('../img/main/ico_checkbox.png') no-repeat 0 -16px; color: #fff; font-size: 13px; margin-right: 14px;}
.right_quick .rq_cont1 .rq_check input:checked + label {color: #fff; background-position: 0 0;}  
.right_quick .rq_cont1  button {display: block; width: 100%; height: 43px; font-size:16px ; color: #b62532; text-align: center; background: #fff;}



.web_img {display: block;}
.mo_img {display: none;}
.gnb_mo_bg,
.btn_mo_close,
.btn_mo_menu {display: none;}
.quick_menu {display: none;}
.contact_bot {display: none;}
/* responsive */

/* mobile */
@media all and (max-width:1600px) {
	.card-slider .card-box {margin: 0 20px;}
	.card-slider:before {width: 180px;}
	.card-slider:after {width: 180px;}
	.card-slider .card-box .cb-cont {padding: 15px 20px; min-height:248px;}
	.card-slider .card-box .cb-cont .tit01 {font-size: 32px;}
	.card-slider .card-box .cb-cont .txt01 {font-size: 18px;}
	.card-slider .card-box .cb-cont .info01 {line-height: 60px; height: 60px;}
	.card-slider .card-box .cb-cont .info01 .txt02 {font-size: 16px;}
	.card-slider .card-box .cb-cont .info01 .txt03 {font-size: 32px;}
}

/* mobile */
@media all and (min-width:960px) {

	
	#footer {}
	.contact_bot{display: block; position: relative; left: 0; right: 0; bottom: 0;z-index: 1; background: url('../img/main/quick_bg_pc.jpg') no-repeat center top / cover;;}
	.contact_bot .wrap_layout{position: relative; width: 1080px; margin: 0 auto; padding: 20px;padding-right: 35px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	}
	.contact_bot .cb_top{margin-bottom: 26px; overflow: hidden;}
	.contact_bot .btn_submit01{position: absolute; right: 35px; top: 63px; width: 215px; height: 90px; line-height: 90px; text-align: center; color: #fff; background: #ff8309; border-radius:5px; font-size: 19px;}
	.contact_bot .cb_top h2{float: left;margin-left: 10px; margin-top: 20px;}
	.contact_bot .cb_top .agree_box{position: absolute; right: 269px; top: 63px; font-size: 13px; color: #fff;}
	.contact_bot .cb_top .agree_box label{display: inline-block; margin-right: 10px; margin-top: 5px;}
	.contact_bot .cb_bot {position: relative; padding-right: 205px;}
	.contact_bot .cb_bot table{width: 100%; color: #fff;}
	.contact_bot .cb_bot th{text-align: left;padding-left: 20px; font-size: 13px; color: #fff;}  
	.contact_bot .cb_bot td select,
	.contact_bot .cb_bot td input{height:54px;width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .cb_bot td textarea{height: 54px;width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .cb_bot td.ph select,
	.contact_bot .cb_bot td.ph input{width: 95px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
}

/* mobile */
@media screen and (max-width: 960px){
	.right_quick {display: none;}
	.web_img {display: none;}
	.mo_img {display: block;}
	#wrap {min-width:100%;}
	.layout {width:100%;}
	.header_top .layout {width: 100%;}
	.header_top {height: 65px; background-size:cover;}
	.header_top .logo {float: none; padding-top: 0; text-align: center;}
	.header_top .logo:after {height: 30px; width: 2px; margin-left: -1px;}
	.header_top .logo  a {vertical-align: top;}
	.header_top .logo .mo_img {font-size: 16px; color: #b52633; line-height: 1; }
	.header_top .tel_wrap a {margin-top: 13px; font-size: 18px; border-width: 2px; padding: 0 3px 3px 3px;}

	.btn_mo_menu {display: block; position: absolute; left: 20px; top: 20px; width: 32px; height: 24px;}
	.btn_mo_menu span {position: absolute; left: 0; width: 100%; border-top: 2px solid #333;}
	.btn_mo_menu span:nth-of-type(1) {top: 0;}
	.btn_mo_menu span:nth-of-type(2) {top: 50%; margin-top: -1px;}
	.btn_mo_menu span:nth-of-type(3) {bottom: 0;}
	#gnb {position: fixed; left: -100%; top: 0; bottom: 0; width: 100%;  z-index: 100; transition: 0.3s all; border-bottom: none;}
	#gnb.on {left: 0;}
	#gnb  .gnb_wrap {position: absolute; left: 0; width: 280px; top: 0; bottom: 0; border-right: 1px solid #ddd; background: #fff; z-index: 56;}
	.gnb_mo_bg {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 55;}
	#gnb.on  .gnb_mo_bg {display: block;}
	#gnb li {display: block; text-align: left; border-bottom: 1px solid #ddd;}
	#gnb li:first-child a {padding: 0 20px;}
	#gnb li a {display: block; line-height: 40px;}
	#gnb .btn_mo_close {display: block; position: absolute; top: 0; right: -41px; width: 40px; height: 40px; padding: 8px; background: #fff;}

	.main_visual .vs_slide {background-size:cover;}
	.main_visual .Ntxt {font-size: 24px;}

	.section01 {width: 100%; margin-bottom: 30px;}
	.section01 .tit01 {margin-top: 25px; margin-bottom: 30px;}
	.card_list01 {padding-left: 15px;}
	.card_list01 .bnd {width: calc(33.33333% - 15px); margin-left: 15px; height: auto;}
	.card_list01 .bnd.cb {padding-top: 40%;}
	.card_list01 .bnd h3 {font-size: 18px;}
	.card_list01 .bnd .txt01 {font-size: 14px;}
	.card_list01 .bnd .cl_cont .cl_txt .txt02 {font-size: 14px;}
	.card_list01 .bnd .cl_cont .cl_txt .txt03 {font-size: 18px;}

	.card_list02 {padding-left: 15px;}
	.card_list02 .bnd {width: calc(50% - 15px); margin-left: 15px; height: auto;}
	.card_list02 .bnd .cl_cont .cl_txt .txt03 {font-size: 18px;}
	.card_list02 .bnd .cl_cont .cl_txt .txt03 em {font-size: 14px;}

	.section02 {margin: 0 20px 45px;}
	.section02 .board_cont .cont_in {padding: 0 30px;}
	.gallery_list01 {width: 100%; max-width:320px;}
	.gallery_list01 .slick-arrow.slick-prev {left: -30px;}
	.gallery_list01 .slick-arrow.slick-next {right: -30px;}

	.store_wrap {padding: 0 20px; width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.store_wrap h3 {position: relative; left: 0; top: 0; margin-top: 0; text-align: center; margin-bottom: 30px;}
	.store_wrap .store_table,
	.store_wrap .store_table tbody,
	.store_wrap .store_table tr,
	.store_wrap .store_table th,
	.store_wrap .store_table td {display: block;}
	.store_wrap .store_table th h4 {border-right: none;}
	.store_wrap .store_table th {padding-bottom: 0; width: auto;}
	.store_wrap .store_table td {padding-left: 0; padding-top: 5px;}
	.store_wrap .store_table tr:first-child .store_list li:nth-of-type(4):after {display: block;}
	.store_wrap .store_table tr:first-child .store_list li:nth-of-type(9):after {display: block;}

	.banner02 {margin: 0 20px;}
	.banner02 .bnd {width: 33.33333%;}
	.banner02 .bnd:after {height: 120px; margin-top: -60px}

	#footer {padding: 30px 20px; margin-bottom: 136px;}
	#footer .f_logo {display: block; text-align: center; margin-right: 0; margin-bottom: 10px;}
	#footer .f_cont {display: block; border-left: none; padding-left: 0;}

	/* 상담신청하기 */
	.contact_bot {display: block; position: fixed; left: 0; right: 0; bottom: 58px; height: 78px; padding: 5px 0; background: url('/aaa/mobile/img/main/quick_bg_mo.png') no-repeat center 0 / cover; z-index: 99; color: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .wrap_layout {padding: 5px;}
	.contact_bot .cb_top {line-height: 24px; margin-bottom: 5px;}
	.contact_bot .cb_top:after {content: ""; display: block; clear: both;}
	.contact_bot .cb_top h2 {float: left;}
	.contact_bot .cb_top h2 img {width: 124px; max-height:24px; vertical-align: middle;}
	.contact_bot .cb_top .agree_box {float: left; margin-left: 10px; font-size: 11px;}
	.contact_bot .cb_top .agree_box  a img {height: 16px; vertical-align: middle;}
	.contact_bot .cb_wrap {position: relative; padding-right: 67px;}
	.contact_bot .cb_bot th {width: 40px; font-size: 12px; font-weight: normal; text-align: center}
	.contact_bot .cb_bot th:first-child {width: 30px;}
	.contact_bot .cb_bot input[type="text"] {width: 100%; height: 28px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .cb_bot tr:first-child th,
	.contact_bot .cb_bot tr:first-child td {}
	.contact_bot .cb_bot td.ph select {float: left;width: 31%; height: 28px; background: #fff; font-size: 12px; padding: 2px;}
	.contact_bot .cb_bot td.ph .dat {float: left; width: 3.5%;}
	.contact_bot .cb_bot td.ph input[type="number"] {float: left; width: 31%; height: 28px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.contact_bot .mo_dn {display: none;}
	.contact_bot .cb_bot textarea {width: 100%; height: 28px;}
	.contact_bot .btn_submit01 {position: absolute; right: 0; top: 0; width: 62px; height: 28px; line-height: 28px; border-radius:3px; background: #b4232d; color: #fff; font-size: 12px; text-align: center; letter-spacing: -0.04em;}


	.quick_menu{display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 98; height: 58px; overflow: hidden;}
	.quick_menu:after{content: ""; display: block; clear: both;}
	.quick_menu a{float: left; width: 25%; text-align: center; }
	.quick_menu a img{max-height: 58px;}
	.quick_menu a:nth-of-type(1){background: #b4232d;}
	.quick_menu a:nth-of-type(2){background: #24232e; }
	.quick_menu a:nth-of-type(3){background: #cfa267; }
	.quick_menu a:nth-of-type(4){background: #ffffff;}


	.card-slider .card-box {margin: 0 10px;}
	.card-slider:before {width: 90px;}
	.card-slider:after {width: 90px;}
	.card-slider .card-box .cb-cont {padding: 15px 20px; min-height:248px;}
	.card-slider .card-box .cb-cont .tit01 {font-size: 32px;}
	.card-slider .card-box .cb-cont .txt01 {font-size: 18px;}
	.card-slider .card-box .cb-cont .info01 {line-height: 60px; height: 60px;}
	.card-slider .card-box .cb-cont .info01 .txt02 {font-size: 16px;}
	.card-slider .card-box .cb-cont .info01 .txt03 {font-size: 32px;}

	.section02 .layout {width: 100%;}

}

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

	.header_top {height: 62px;}
	.header_top .logo {float: none; padding-top: 0; text-align: center;}
	.header_top .logo:after {height: 20px; }
	.header_top .tel_wrap a {}

	.main_visual {height: 192px;}
	.main_visual .vs_slide {height: 192px; padding-bottom: 50px;}
	.main_visual .Ntxt {font-size: 18px; padding: 0 15px; padding-top: 60px;}
	.main_visual .slick-dots li button {width: 10px; height: 5px;}
	.section01 .tit01 span {font-size: 19px; padding: 0 12px;}

	.card_list01 {padding: 0 20px; }
	.card_list01 .bnd {float: none; margin-left: 0; width: 100%; height: auto; margin-bottom: 20px;}
	.card_list01 .bnd .cl_cont .cl_img img{width: 100%;}
	.card_list01 .bnd.cb {padding-top: 0;}
	.card_list01 .bnd.cb .cl_cont{position: relative; left: 0; top: 0; margin-top: 8px;}
	.card_list01 .bnd.cb .cl_cont .cl_txt {top: auto; bottom: 0;}
	.card_list01 .bnd h3 {font-size: 18px;}
	.card_list01 .bnd .txt01 {font-size: 14px;}
	.card_list01 .bnd .cl_cont .cl_txt .txt02 {font-size: 14px;}
	.card_list01 .bnd .cl_cont .cl_txt .txt03 {font-size: 18px;}

	.card_list02 {padding: 0 20px;}
	.card_list02 .bnd {float: none; margin-left: 0; width: 100%; height: auto; margin-bottom: 20px;}
	.card_list02 .bnd .cl_cont .cl_txt .txt03 {font-size: 18px;}
	.card_list02 .bnd .cl_cont .cl_txt .txt03 em {font-size: 14px;}

	.section02 {margin: 30px 15px;}
	.section02 .board_cont {float: none; width: 100%; height: auto; padding-bottom: 20px;}
	.section02 .board_cont {border-left: none; border-top: 1px solid #b52633;}
	.section02 .board_cont:first-child {border-top: none;}
	.section02 .board_cont .btn_more {top: 15px; right: 15px; font-size: 12px;}
	.section02 .sec-in {float: none; margin-bottom: 15px;}
	.section02 .sec01 .board_cont .btn_more {display: none;}
	.section02 .sec01 {width: 100%;}
	.section02 .sec02 {width: 100%; margin-left: 0; padding-top: 0; overflow: hidden;}
	.section02 .sec02 a {margin-top: 0; float: left; width: calc(50% - 5px);}
	.section02 .sec02 a:first-child {margin-right: 10px;}
	.section02 .sec03 {float: none; position: relative; width: 100%; padding-top: 15px;}
	.section02 .board_cont .cont_in {padding: 0}

	.board_list01 {padding: 0 20px;}
	.board_list01 .bnd .subject {font-size: 12px; height: 32px; line-height: 32px;}
	.gallery_list01 {width: 100%;}
	.gallery_list01 .slick-arrow {font-size: 30px;}
	.gallery_list01 .slick-arrow.slick-prev {left: -30px;}
	.gallery_list01 .slick-arrow.slick-next {right: -30px;}

	.section03 {padding: 18px 20px;}
	.banner01 .txt01 {font-size: 18px; line-height: 1.5; margin: 10px 0;}

	.banner02 .bnd {float: none; text-align: center; width: 100%;}
	.banner02 .bnd:after {top: 0;  left: 50%; width: 90%; margin-top: 0; margin-left: -45%; height: auto; border-left: none; border-top: 1px solid #b52633;}

	#footer {padding: 30px 20px;}
	#footer .f_logo {display: block; text-align: center; margin-right: 0; margin-bottom: 10px;}
	#footer .f_cont {display: block; border-left: none; padding-left: 0;}
	#footer .f_cont p,
	#footer .f_cont address {font-size: 12px;}

	.btn-link1 {width: 200px; height: 42px; line-height: 42px; border-radius:21px; margin-top: 20px;}
	.btn-link1 span {font-size: 18px; padding-right: 20px; background-size: auto 18px;}

	.banner01 .btn01{width: 240px;}
	
	.card-slide .cs-top {margin-bottom: 30px;}
	.card-slide .cs-top h2 {font-size: 20px; padding-bottom: 20px; margin-bottom: 15px;}
	.card-slide .cs-top h2:after {width: 60px; margin-left: -30px; border-width: 2px;}
	.card-slide .cs-top p {font-size: 14px;}
	.card-slider .card-box {margin: 0 5px;}
	.card-slider:before {width: 20px;}
	.card-slider:after {width: 20px;}
	.card-slider .card-box .cb-cont {position: relative; padding: 20px; padding-bottom: 62px;min-height:210px;}
	.card-slider .card-box .cb-cont .tit01 {font-size: 18px;}
	.card-slider .card-box .cb-cont .txt01 {font-size: 14px; margin-bottom: 15px;}
	.card-slider .card-box .cb-cont .txt01 br {display: none;}
	.card-slider .card-box .cb-cont .info01 {position: absolute; left: 20px; right: 20px; bottom: 20px; line-height: 42px; height: 42px; padding: 0 10px;}
	.card-slider .card-box .cb-cont .info01 .txt02 {font-size: 14px;}
	.card-slider .card-box .cb-cont .info01 .txt03 {font-size: 20px;}
	.card-slide .slick-arrow {width: 40px; height: 40px; background-size:80px; margin-top: -20px;}
	.card-slide .slick-arrow.slick-next {right: 10px;  background-position: -40px 0;}
	.card-slide .slick-arrow.slick-prev {left: 10px;}
	.card-slide .slick-arrow {z-index: 50;}
}