@charset "utf-8";

@font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

.sub_content_wrap h2,.sub_content_wrap h3,.sub_content_wrap h4,.sub_content_wrap h5,.sub_content_wrap h6,.sub_content_wrap p {font-family: "Noto Sans KR", sans-serif;}



/*서브상단*/
.sub_visual_box{position:relative;max-width:2560px;margin:0 auto;height:570px;overflow:hidden;background-repeat:no-repeat;background-position:center;  border-radius: 0 0 70px 70px; background-size: cover;}
.sub_visual_box h3{position:relative;z-index:5;font-size:45px;font-weight:bold; text-align:center; letter-spacing:2px; color:#fff; font-family: 'YeogiOttaeJalnan'; text-shadow: 0px 2px 5px #000;}
.sub_visual_box .title_warp .table-cell { height:600px;}
.sub_visual_box .cover{position:absolute;top:0;left:0;width:100%;height:30%; background: linear-gradient(to bottom, #000, transparent); min-width:1200px;opacity:.8;z-index:1}

/*타이틀*/
.sub_content_wrap .sub_title {margin-top: 100px; text-align: center;}
.sub_content_wrap .sub_title h2 { font-size: 36px; margin-bottom: 30px; font-weight: 400; line-height: 1.2; letter-spacing: -1px;}
.sub_content_wrap .sub_title h2 b {font-weight: 600;}
.sub_content_wrap .sub_title p { font-size: 26px;  letter-spacing: -1px; margin-bottom: 60px; line-height: 1.2;}

/*레이아웃*/
.sub_img img{width: 100%; height: 100%;}

.layout1 {width: 92.7%; margin: 60px 0 60px 7.3%; position: relative; overflow: hidden; }
.l1img_box1{max-width: 720px; width: 40.5%; float: left;}
.l1img_box2{  width: 52.8%; float: left; margin-left: 2%;}
.l1a{margin-bottom: 5%;}
.l1c{margin-top: -100px;}

.txtbox {width: 100%; background-color: #e4e4e4; height: 216px; text-align: center; position: relative; margin: 80px 0;}
.txtbox p {font-size: 26px; width: 100%; padding: 0 10px; letter-spacing: -1px; line-height: 1.2; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.layout2 { width: 100%; position: relative; margin: 60px 0;}
.l2img_box { width: 88%; background-color: #e72336; max-height: 800px; overflow: hidden;}
.l2img_box .sub_img {width: 97%; margin-top: -120px;}
.sub_content5 .l2img_box .sub_img {margin-top: 0px;}

.layout3 {max-width: 1600px; width: 90%; margin: 60px auto;}
.l3img_box {width: 100%; overflow: hidden; max-height: 540px;}
.l3img_box .l3a {width: 58%; float: left;}
.l3img_box .l3b {width: 39%; float: right;}

.layout4 {max-width: 1600px; width: 90%; margin: 60px auto;}
.l4img_box{width: 100%; height: 495px; position: relative; overflow: hidden;}
.l4img_box .l4_txt {width: 35%; height: 100%; position: absolute; left: 0; top: 0; background-color: #5fb131; z-index: 3;}
.l4img_box .l4_txt p {color: #fff; font-size: 30px; letter-spacing: -1px; position: absolute; left: 15%; top: 55%; transform: translateY(-50%); line-height: 1.5;}
.l4img_box .l4_txt p b { line-height: 4; font-size: 32px;}
.l4img_box .l4_cover{width: 15%; height: 100%; z-index: 2; position:  absolute; top: 0; left: 35%; background: linear-gradient(to right, #5fb131, transparent);}
.l4img_box .sub_img{ width: 80%; position: absolute; right: 0; top: -30px;}

.layout6 {max-width: 1600px; width: 90%; margin: 60px auto;}
.l6img_box {width: 100%; height: auto; position: relative; overflow: hidden;}
.l6img_box .l6a { width: 32%; float: left; margin-top: -10px;}
.l6img_box .l6b { width: 32%; float: left; margin: -10px 1.5% 0;}
.l6img_box .l6c { width: 32%; float: left; margin-top: -10px;}

.layout5 { width: 100%; background-color: #f2f2f2;  border-radius: 50% 50% 0 0; }
.l5img_box {max-width: 1600px; width: 90%; margin: 80px auto 0; padding-bottom: 100px;}
.l5img_box .l5a { width: 75%; margin: 0 auto; max-height: 570px; overflow: hidden;}
.l5img_box .l5b {width: 100%; margin: 80px 0 50px;}
.l5b_txt {text-align: center; font-size: 26px; letter-spacing: -1px; line-height: 1.2;}
.l5c {width: 90%; overflow: hidden; margin: 0 auto; max-height: 750px;}
.l5c_1 { width: 47%; float: left;}
.l5c_2 {width: 52%; float: right; overflow: hidden; margin-bottom: 1%;}
.l5c_2 .l5c2_1 {width: 49%; float: left; }
.l5c_2 .l5c2_2 {width: 49%; float: right; }
.l5c_3 {width: 52%; float: right; overflow: hidden;}
.l5c_3 .l5c3_1 {width: 49%; float: left; }
.l5c_3 .l5c3_2 {width: 49%; float: right; }

/*가구토스 소개*/
.sub_visual01{height: 360px; background-image:url(../img/sub/s1bg.jpg); border-radius: 0;}
.sub_visual01 .title_warp .table-cell { height:420px;}
.sub_visual01 .cover {background: #000; opacity: .5; height: 100%;}

.about_content1{width: 100%; position: relative; overflow: hidden; margin: 0 auto 60px; padding-top: 60px ; background:fixed url(../img/sub/s1bg_1.png); background-repeat: no-repeat;  background-position: left;}
.about_content1 .about1_title{ margin: 60px 0; padding-left: 30%;}
.about_content1 .about1_title p{font-size: 24px; color: #666; letter-spacing: -1px; margin-bottom: 20px;}
.about_content1 .about1_title h2 {font-size: 36px; color: #000000; letter-spacing: -1px; font-weight: 400;}
.about_content1 .about1_title h2 .t_r{color: #e62336; font-weight: 600;}
.about_content1 .about1_img{width: 90%; max-width: 1600px; margin: 0 auto;}

.about_content2 {width: 90%; max-width: 1600px; position: relative; overflow: hidden; margin: 60px auto;}
.about2_a {width: 42%; float: left;}
.about2_b {width: 58%; float: left; padding:50px  0 0 10%;}
.about2_b .a2_txt1 {padding: 20px 0;}
.about2_b .a2_txt2 {padding: 20px 0;}
.about2_b .a2_txt3 {padding: 20px 0;}
.about2_b p{font-size: 30px; line-height: 1.5; letter-spacing: -1px; font-weight: 400;}
.about2_b .t_g, .about2_b .t_r {font-weight: 600;}



.about_content3 {width: 100%; position: relative; overflow: hidden; margin: 120px auto;}
.about_content3 .about3_a { width: 90%; margin: 0 auto 100px; max-width: 1600px; position: relative;}
.about3_a .about3_title { width: 25%; min-width: 450px; height: 100px; text-align: center; background: #fff; border-radius: 0 0 30px 0; position: absolute; top: 0; left: 0;}
.about3_a .about3_title h3 { font-size: 36px; letter-spacing: -1px; font-weight: 400; line-height: 100px;}
.about3_a .about3_title h3 b {font-weight: 600;}
.about3_a .about3_img {width: 100%; max-height: 770px; border-radius: 30px; overflow: hidden;}
.about3_a .about3_img img {margin-top: -200px;}
.about3_a .about3_txt {width: 60%; position: absolute; bottom: 0; right: 0; padding: 50px 0 50px 50px; border-radius: 30px 0 0 0; background-color: #fff;}
.about3_a .about3_txt p {font-size: 26px; line-height: 1.3; letter-spacing: -1px;}

.about_content3 .about3_b { width: 90%; margin: 40px auto; max-width: 1600px; position: relative; padding-left: 5%;}
.about3_b .about3_title { width: 25%; min-width: 450px; height: 100px; text-align: center; background: #fff; border-radius: 0 0 30px 0; position: absolute; top: 0; left: 5%;}
.about3_b .about3_title h3 { font-size: 36px; letter-spacing: -1px; font-weight: 400; line-height: 100px;}
.about3_b .about3_title h3 b {font-weight: 600;}
.about3_b .about3_img {width: 100%; max-height: 730px; border-radius: 30px; overflow: hidden;}

.about_content3 .about3_c { width: 90%; margin: 40px auto; max-width: 1600px; position: relative; padding-right: 5%;}
.about3_c .about3_title { width: 25%; min-width: 450px; height: 100px; text-align: center; background: #fff; border-radius: 0 0 30px 0; position: absolute; top: 0; left: 0;}
.about3_c .about3_title h3 { font-size: 36px; letter-spacing: -1px; font-weight: 400; line-height: 100px;}
.about3_c .about3_title h3 b {font-weight: 600;}
.about3_c .about3_img {width: 100%; max-height: 730px; border-radius: 30px; overflow: hidden;}


.about_content4 {width: 100%; position: relative; overflow: hidden; margin: 60px auto 0; background: #f3f3f3;}
.about_content4 .about4_a {background: #fff; width: 90%; max-width: 1600px; margin: 100px auto 50px; position: relative; overflow: hidden;}
.about_content4 .about4_b {background: #fff; width: 90%; max-width: 1600px; margin: 50px auto; position: relative; overflow: hidden;}
.about_content4 .about4_c {background: #fff; width: 90%; max-width: 1600px; margin: 50px auto; position: relative; overflow: hidden;}
.about_content4 .about4_d {background: #fff; width: 90%; max-width: 1600px; margin: 50px auto 100px; position: relative; overflow: hidden;}
.about4_txt { width: 20%; margin: 0 5%;}
.about4_img {width: 70%;}
.about4_a .about4_txt, .about4_c .about4_txt, .about4_b .about4_img, .about4_d .about4_img {float: left;}
.about4_a .about4_img, .about4_c .about4_img, .about4_b .about4_txt, .about4_d .about4_txt {float: right;}
.about4_c .about4_txt, .about4_d .about4_txt {width: 20%;}
.about4_c .about4_img, .about4_d .about4_img {overflow: hidden; width: 70%;}
.about4_img_1 {float: left; width: 48%;}
.about4_img_2 {float: right; width: 48%;}
.about4_txt {padding: 30px 0;}
.about4_txt h3 { font-size: 42px; font-weight: 600; line-height: 2; letter-spacing: -1px;}
.about4_txt p {font-size: 26px; letter-spacing: -1px; line-height: 1.8; font-weight: 300;}


.about_content5 {width: 100%; position: relative; overflow: hidden; margin:0 auto;}
.about5_title {width: 100%; text-align: center; position: absolute; top: 10%; left: 0;}
.about5_title h3 { font-size: 50px; font-weight: 600; line-height: 1.5; letter-spacing: -1px; color: #fff;}
.about5_title p {font-size: 36px; letter-spacing: -1px; line-height: 1; font-weight: 300; color: #fff; margin-top: 30px;}

.about_content6 {width: 100%; position: relative; overflow: hidden; margin: 0 auto; background: #f3f3f3;}
.about_content6_box {width: 90%; max-width: 1200px; position: relative; overflow: hidden; margin: 50px auto;}
.about6_title {font-size: 42px; letter-spacing: -1px; margin-bottom: 30px;}
.about6_img {width: 100%; background: #fff; overflow: hidden; padding: 3% 10%;}
.about6_img_1 { width: 50%; float: left; padding-right: 2%;}
.about6_img_2 { width: 50%; float: left; padding-left: 2%;}
.about6_img_1 .sub_img {border: 1px solid #666;}
.about6_img_2 .sub_img {border: 1px solid #666;}

.about_content7{width: 100%; position: relative; overflow: hidden; margin:0 auto; }

.about_content7_box1 { width: 70%; float: left; position: relative; padding-left: 10%; padding-bottom: 100px; z-index: 3;}
.about7_title {font-size: 42px; letter-spacing: -1px; margin: 60px 0 30px;}
.about_content7_box2 { width: 30%; float: left; position: relative; padding-bottom: 100px;}
.c7b2_bg {width: 80%; height: 100%; background-color: #3d3d3b; height: 100vh; border-radius: 80px 0 0 0; position: absolute; top: 0; right: 0;}

.about7_map .root_daum_roughmap {width: 100%; height: 500px;}
.about7_map .root_daum_roughmap .wrap_map {height: 500px;}
.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .wrap_btn_zoom{display: none!important;}


.about7_txt_bg{width: 80%; background-color: #e72336;position: absolute; left: 0;      height: 36vh; min-height: 330px;   top: 319px; }
.about7_txt{ width: 98.5%; height: 100%; margin-left: 1.5%; background-color: #f3f3f3;}
.map_icon1 {width: 40px; display: inline-block; margin-top: 4px;}
.map_icon2 { width: 25px; display: inline-block; margin-top: 2px;}

.a7t1 {width: 100%; overflow: hidden; padding-top: 13%; padding-left: 7%; margin-bottom: 10%;}
.a7t1 .map_icon1{ float: left;}
.a7t1 h4 {float: left; font-size: 36px; letter-spacing: -1px; line-height: 40px; padding-left: 2%; }

.a7t2 {width: 100%; overflow: hidden; padding-left: 8.7%; margin: 20px 0;}
.a7t2 .map_icon2{ float: left;}
.a7t2 p {float: left; font-size: 26px; letter-spacing: -1px; line-height: 1; padding-left: 2%; }
.a7t3 {width: 100%; overflow: hidden; padding-left: 8.7%; margin: 20px 0;}
.a7t3 .map_icon2{ float: left;}
.a7t3 p {float: left; font-size: 26px; letter-spacing: -1px; line-height: 1; padding-left: 2%; }
.a7t3 span { font-size: 22px;}
.a7t4 {width: 100%; overflow: hidden; padding-bottom: 5%; padding-left: 8.7%;}
.a7t4 .map_icon2{ float: left;}
.a7t4 p {float: left; font-size: 30px; letter-spacing: -1px; line-height: 1; padding-left: 2%; }
.a7t4 .map_icon2{width: 28px;    margin-top: 2px;}


/*침실가구*/
.sub_visual02{ background-image:url(../img/sub/s2bg.jpg);}


/*거실가구*/
.sub_visual03{ background-image:url(../img/sub/s3bg.jpg);}


/*주방가구*/
.sub_visual04{ background-image:url(../img/sub/s4bg.jpg);}


/*기타가구*/
.sub_visual05{ background-image:url(../img/sub/s5bg.jpg);}


/*반응형*/

@media all and (max-width: 1800px){	
	.l5c_1 { width: 46.6%;}
	.l5c_2,.l5c_3 {width: 52.5%;}
	
	.layout1 { height: 910px;}
	.l1c {margin-top: -90px;} 

}
@media all and (max-width: 1700px){
	.layout1 { height: 880px;}
}

@media all and (max-width: 1650px){
	.about3_a .about3_txt p {font-size: 24px;}
	.layout1 { height: 850px;}
	.l1c {margin-top: -80px;}
}
@media all and (max-width: 1600px){
	.layout1 { height: 800px;}
}
@media all and (max-width: 1500px){
	.sub_visual_box {height:600px;}
	.sub_visual01 {height: 290px;}
	.sub_visual01 .title_warp .table-cell {height: 360px;}
	.sub_visual_box h3 {font-size: 40px;}

	.about_content1 .about1_title {padding-left: 32%;}
	

	.about2_b {padding: 0 0 0 6%;}
	.about2_b p { font-size: 28px; line-height:1.3;}
	.about2_b .a2_txt1 {padding: 10px 0 20px;}
	
	
	.about3_a .about3_txt {width: 55%;}
	.about3_a .about3_txt p{font-size: 20px;}

	.about3_a .about3_title h3, .about3_b .about3_title h3, .about3_c .about3_title h3 {font-size: 32px;}

	.about4_txt h3 {font-size: 36px;}
	.about4_txt p {font-size: 24px;}
	.about5_title h3 {font-size: 42px;}
	.about5_title p {font-size: 34px;}
	.about6_title,.about7_title {font-size: 36px;}

	.a7t1 {margin-bottom: 5%;}

	.sub_content_wrap .sub_title h2 { font-size: 32px; margin-bottom: 25px;}
	.sub_content_wrap .sub_title p,.txtbox p, .l4img_box .l4_txt p,.l5b_txt {font-size: 24px;}
	.l4img_box .l4_txt p b {font-size: 30px;}
	.layout1 { height: 740px;}

	.l4img_box {height: 480px;}
	
	.about7_txt_bg {min-height: 280px;}
	.a7t1 h4{font-size: 30px;}
	.a7t2 p,.a7t3 p {font-size: 22px;}
	.a7t4 p{ font-size: 24px;}
	.map_icon1 {width: 35px;}
	.map_icon2 { width: 22px;}
	.a7t4 .map_icon2 { width: 24px;}
}


@media all and (max-width: 1400px){
	.l1c {margin-top: -70px;}
	.layout1 { height: 690px;}
	
	.l4img_box {height: 420px;}
	.about3_a .about3_txt{ width: 60%;}
}

@media all and (max-width: 1300px){
	.l1c {margin-top: -60px;}	
	.layout1 { height: 640px;}

	.l4img_box {height: 400px;}
	.about_content1 .about1_title h2{font-size: 32px;}
	
	.about2_a { width: 40%;}
	.about2_b .a2_txt1{ padding: 0 0 20px;}
	.about2_b p {font-size: 24px;}

	    .about3_a .about3_txt {
        position: unset;
        width: 100%;
        padding: 10px;
        background: transparent;
    }

	.about7_txt_bg{min-height: 270px;}
	.a7t1 h4{font-size: 26px;}
	.a7t2 p,.a7t3 p {font-size: 20px;}
	.a7t4 p{ font-size: 22px;}
	.map_icon1 {width: 32px;}
	.map_icon2 { width: 20px;}
	.a7t4 .map_icon2 { width: 22px;}

	.about3_a .about3_img img{margin-top: -90px;}

}


@media all and (max-width: 1200px){
	.sub_visual_box {height:550px;}
	
	.sub_visual01 {height: 290px;}
	.sub_visual01 .title_warp .table-cell {height: 360px;}

	
	
	.l1c{margin-top: -50px;}
	.layout1 { height: 600px;}

	.l4img_box {height: 320px;}

	.about_content1 {background: none;}
	.about_content1 .about1_title{padding: 0; text-align: center;}

	/*.about2_a { width: 35%;}*/
	.about2_b {padding: 0 0 0 4%; }
	.about2_b p {font-size: 20px;}
	
	.about4_txt h3{font-size: 30px;}
	.about4_txt p {font-size: 20px;}

	.about5_title h3 {font-size: 35px;}
	.about5_title p {font-size: 30px;}
	.about6_title, .about7_title {font-size: 30px;}

	.about_content1 .about1_title h2 {font-size: 30px;}


	.about3_a .about3_title,.about3_b .about3_title, .about3_c .about3_title{min-width: 360px;     height: 80px;}
	.about3_a .about3_title h3, .about3_b .about3_title h3, .about3_c .about3_title h3 {  font-size: 30px;  line-height: 70px;}

	
	

}
@media all and (max-width:1100px) {
	
	.l1c { margin-top: -45px;}
	.layout1 { height: 550px;}

}

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
	
	 
	.l4img_box{ height: 500px; margin: 30px auto;}
	.l4img_box .l4_txt{width: 100%; height: 30%;}
	.l4img_box .l4_cover{width: 100%; height: 20%; top: 30%; left: 0; background: linear-gradient(to bottom,#5fb131,transparent);}
	.l4img_box .sub_img{width: 100%; 	top: 30%;}
	.l4img_box .l4_txt p{font-size: 20px; line-height: 1.3; left: 5%; top: 60%;}
	.l4img_box .l4_txt p b{font-size: 22px; line-height: 2; left: 5%;}

	.l3img_box{ max-height: none;}
	.l5c{ max-height: none;}

	.about2_a {width: 40%;}
	.about2_b {width: 60%;}

	.about4_txt {margin: 0 4%;}
	.about4_img {width: 72%;}
	
	.l1c { margin-top: -45px;}
	.layout1 { height: 530px;}
}



@media all and (max-width: 980px){
	.sub_visual_box {height:500px; }
	.sub_visual_box .title_warp .table-cell { height:400px;}
	
	.sub_visual01 {height: 290px;}
	.sub_visual01 .title_warp .table-cell {height: 360px;}

	.about_content1 .about1_title p {font-size: 20px;}

	.l4img_box{ height: 460px; }

	.txtbox {height: 150px;}
	.txtbox p {font-size: 20px;}

	
	.l1c { margin-top: -40px;}
	.layout1 { height: 500px;}

}

@media all and (max-width: 920px){
	.layout1 { height: 470px;}
}
@media all and (max-width: 880px){
	.layout1 { height: 450px;}
}
@media all and (max-width: 840px){
	.layout1 { height: 430px;}
}
@media all and (max-width: 800px){
	.layout1 { height: 420px;}
}

@media all and (min-width:721px) and (max-width:1200px) {
	
	.about4_txt {width: 18%;}
	.about4_img {width: 72%;}
	.about4_txt h3 {line-height: 1.5;}
	.about4_txt p{line-height: 1.3;}

	.about_content1{ padding-top: 0;}

	

	.about_content7_box1{width: 95%; padding-left: 5%; padding-bottom: 0;}
	.about_content7_box2{width: 100%; height: 300px;}

	.about7_txt_bg {top: 50px; height: 200px; left: 5%; min-height: 200px;}
	.about7_map .root_daum_roughmap{height: 300px;}
	.about7_map .root_daum_roughmap .wrap_map {height: 300px;}
	.about7_txt{padding: 25px 0 0;}
	.a7t1{padding: 0 0 0 7%; margin: 0;}
	.a7t2,.a7t3{margin: 10px 0;}
	.a7t4 {margin: 0;}
	.map_icon1{width: 30px;}
	.a7t1 h4{font-size: 24px;}
	.map_icon2{width: 20px;}
	.a7t2 p,.a7t3 p,.a7t3 span,.a7t4 p{font-size: 18px;}
	.a7t4 .map_icon2{width: 20px;}
	
	.about5_title h3 {font-size: 30px;}
	.about5_title p { font-size: 26px;}
	
	.about2_b .br_pc {display: none; }

	.sub_content_wrap .sub_title p, .l4img_box .l4_txt p, .l5b_txt{font-size: 20px;}

	
	.sub_content_wrap .sub_title {margin-top: 50px;}
	.sub_content_wrap .sub_title h2 {margin-bottom: 15px;}
	.sub_content_wrap .sub_title p{margin-bottom: 30px;}
	.txtbox {margin: 50px 0;}
	.l5img_box .l5b {margin: 30px 0;}
	.l5img_box {margin: 50px auto 0; padding-bottom: 50px;}
	.layout1 { margin: 30px 0 30px 7.3%; }
	.layout2 {margin: 30px 0;}
	.layout4 {margin: 30px auto;}

	.about3_a .about3_img img {margin-top: -80px;}
}


@media all and (max-width: 720px){
	.sub_visual_box {height:275px;  border-radius: 0 0 50px 50px;}
	.sub_visual_box .title_warp .table-cell { height:350px;}
	.sub_visual_box h3 {font-size: 36px;}
	.sub_visual01{ background-image:url(../img/sub/s1bg_m.jpg);}
	.sub_visual02{ background-image:url(../img/sub/s2bg_m.jpg);}
	.sub_visual03{ background-image:url(../img/sub/s3bg_m.jpg);}
	.sub_visual04{ background-image:url(../img/sub/s4bg_m.jpg);}
	.sub_visual05{ background-image:url(../img/sub/s5bg_m.jpg);}

	.about_content1{background: none; margin: 30px 0; padding: 0 10px;}
	.about_content1 .about1_title{ padding: 0; margin: 30px 0;}
	.about_content1 .about1_title p{font-size: 18px;}
	.about_content1 .about1_title h2{font-size: 24px;}
	.about_content1 .about1_img {width: 100%;}
	.about_content2{margin: 30px auto;}
	.about2_a{width: 100%;}
	.about2_b{width: 100%; padding: 0;}
	.about2_b p{font-size: 20px; line-height: 1.3;}
	.about2_b .a2_txt1,.about2_b .a2_txt2,.about2_b .a2_txt3{padding: 20px 0;}
	.about_content3{margin: 60px 0;}
	.about_content3 .about3_a{margin: 0 auto 30px;}

	.about3_a .about3_img img {margin: 0;}
	.about3_a .about3_title {min-width: 170px; width: 50%; height: 60px; border-radius:0 0 20px 0;}
	.about3_a .about3_title h3 {font-size: 20px; line-height: 60px;}
	.about3_a .about3_txt {position: unset; width: 100%; padding: 10px; background: transparent;}
	.about3_a .about3_txt p{font-size: 20px; margin-top: 10px;}

	.about3_b .about3_title {min-width: 170px; width: 50%; height: 60px; border-radius:0 0 20px 0;}
	.about3_b .about3_title h3 {font-size: 20px; line-height: 60px; text-align: left;}
	.about3_c .about3_title {min-width: 170px; width: 50%; height: 60px; border-radius:0 0 20px 0;}
	.about3_c .about3_title h3 {font-size: 20px; line-height: 60px; text-align: left;}

	.about_content3 .about3_b {width: 90%; margin: 20px auto; padding: 0;}
	.about_content3 .about3_b .sub_img {width: 130%;}
	.about_content3 .about3_c {width: 90%; margin: 20px auto 0; padding: 0;}
	.about_content3 .about3_c .sub_img {width: 130%;}
	.about3_b .about3_title{left: 0;}

	.about_content4 {margin: 30px 0 0;}
	.about_content4 .about4_a {margin: 50px auto 30px;}
	.about_content4 .about4_b {margin: 30px auto;}
	.about_content4 .about4_c {margin: 30px auto;}
	.about_content4 .about4_d{margin: 30px auto 50px;}
	.about4_txt {width: 100%; overflow: hidden; padding: 10px 0;}
	.about4_txt h3 {font-size: 28px;         width: auto;        float: left;}
	.about4_txt p {        font-size: 18px;        width: 30%;        float: left;        padding-left: 20px;}
	.about4_a .about4_txt, .about4_c .about4_txt, .about4_b .about4_img, .about4_d .about4_img,.about4_a .about4_img, .about4_c .about4_img, .about4_b .about4_txt, .about4_d .about4_txt {float: none; width: 100%;}
	
	
	.about5_img .sub_img {width: 200%; margin-left: -50%;}
	.about5_title h3 {font-size: 30px;}
	.about5_title p {font-size: 20px; margin-top: 20px;}


	.about6_img {padding: 1% 2%;}
	.about6_img_1,.about6_img_2{width: 100%; padding: 1% 0;}
	.about6_title{font-size: 28px;}
	.about7_title{font-size: 28px; margin: 30px 0 10px;}
	.about_content7_box1{width: 95%; padding-left: 5%; padding-bottom: 0;}
	.about_content7_box2{width: 100%; height: 300px;}

	.about7_txt_bg {top: 50px; height: 200px; left: 5%;}
	.about7_map .root_daum_roughmap{height: 300px;}
	.about7_map .root_daum_roughmap .wrap_map {height: 300px;}
	.about7_txt{padding: 25px 0 0;}
	.a7t1{padding: 0 0 0 7%; margin: 0;}
	.a7t2,.a7t3{margin: 10px 0;}
	.a7t4 {margin: 0;}
	.map_icon1{width: 30px;}
	.a7t1 h4{font-size: 24px;}
	.map_icon2{width: 20px;}
	.a7t2 p,.a7t3 p,.a7t3 span,.a7t4 p{font-size: 18px;}
	.a7t4 .map_icon2{width: 20px;}

	.sub_content_wrap .sub_title{margin-top: 50px; padding: 0 10px;}
	.sub_content_wrap .sub_title h2{font-size: 18px; margin-bottom: 20px;}
	.sub_content_wrap .sub_title h2 b {font-size: 30px;    line-height: 1.5;}
	.sub_content_wrap .sub_title p{ font-size: 20px; margin-bottom: 30px;}

	.layout1 {width: 90%; margin: 30px auto; height: auto;}
	.l1img_box1 {width: 100%; overflow: hidden; margin-bottom: 10px;}

	.l1a {width: 49%; margin: 0; float: left;}
	.l1b {width: 49%; float: right;}
	.l1img_box2 { width: 100%; margin: 0; overflow: hidden; }
	.l1c{margin-top: -50px;}
	.txtbox{margin: 50px 0;height: 150px;}
	.txtbox p{ font-size: 20px; }
	
	.layout2{ margin: 30px 0;}
	.l2img_box{width: 90%;}
	.l2img_box .sub_img{margin: 0;}
	
	.layout3 { margin: 30px auto;}
	.l3img_box .l3a {width: 60%; margin-bottom: 10px;}
	.l3img_box .l3b {width: 100%;}
	 
	.l4img_box{ height: 400px; margin: 30px auto;}
	.l4img_box .l4_txt{width: 100%; height: 30%;}
	.l4img_box .l4_cover{width: 100%; height: 20%; top: 30%; left: 0; background: linear-gradient(to bottom,#5fb131,transparent);}
	.l4img_box .sub_img{width: 100%; 	top: 30%;}
	.l4img_box .l4_txt p{font-size: 20px; line-height: 1.3; left: 5%; top: 60%;}
	.l4img_box .l4_txt p b{font-size: 22px; line-height: 2; left: 5%;}


	.layout6 {margin: 30px auto;}
	.l6img_box {height: auto;}
	.l6img_box .l6a {width: 100%; margin: 0 0 10px;}
	.l6img_box .l6b {width: 49%; margin: 0 2% 0 0;}
	.l6img_box .l6c {width: 49%; margin: 0;}

	.layout5{border-radius: 100px 100px 0 0;}
	.l5img_box{margin: 50px auto 0; padding-bottom: 80px;}
	.l5img_box .l5a{width: 100%;}

	.l5img_box .l5b{margin: 30px 0;}
	.l5b_txt{font-size: 20px;}
	.l5c{width: 100%; max-height: none;}

	.l5c_1{width: 100%;}
	.l5c_2{width: 100%; margin: 10px 0;}
	.l5c_3{width: 100%;}
}
@media all and (max-width: 600px){
	.l4img_box .sub_img {width: 110%;}
	.l4img_box {height: 360px;}
}

@media all and (max-width: 500px){
	.l4img_box .l4_txt{ height: 40%;}
	.l4img_box .l4_cover,.l4img_box .sub_img{top: 40%;}
}
@media all and (max-width: 400px){

	.about_content1 .about1_title{text-align: left;}
}
@media all and (max-width: 360px){
	.sub_visual_box {height:240px;  border-radius: 0 0 50px 50px;}
	.sub_visual_box .title_warp .table-cell { height:300px;}
	.sub_visual_box .cover{height:100%;}
	.sub_visual_box h3 {font-size: 30px;}

	.about3_a .about3_txt{padding: 10px 0;}
	.about4_txt {width: 100%; padding: 0; margin: 0;}

	.l4img_box{max-height: 270px;}
	.sub_content_wrap .sub_title p,.l5b_txt,.l4img_box .l4_txt p,.about3_a .about3_txt p{font-size: 18px;}
	.txtbox p {font-size: 18px; padding: 0;}
	.about4_txt h3{padding: 5px 10px; line-height: 1.5;}
	.about4_txt p{padding-left: 10px; line-height: 1.5;}
	.about4_txt{margin: 10px 0;}
	.about_content4 .about4_d{width: 100%;}
	.about_content4 .about4_d .about4_txt h3 {padding-left: 20px;}
	.about3_b .about3_title {min-width: 190px;}
	.about3_c .about3_title {min-width: 190px;}
}

/*반응형*/