:root {
	/* 테마 전체 색상 */
    --main-color1:#cf9d47;
    --main-color2:#d1bea9;
    --main-color3:#573b2e;
    --main-color4:#08101a;
	--main-color5:#f68500;
    --main-color1-rgb:207, 157, 71;
    --main-color2-rgb:209, 190, 169;
    --main-color3-rgb:87, 59, 46;
    --main-color4-rgb:8, 16, 26;
    --main-width:1400px;

	/* sns 색상 */
    --kakao-color:#ffe500;
    --instagram-color:linear-gradient(to bottom, #8452a1, #ea2d87, #ef4c3e, #efcb6b);
    --naver-color:#06be34;
    --facebook-color:#435e99;
    --youtube-color:#d4262c;
    --twiter-color:#27a9e0;

	/* 게시판 아이콘 색상 */
	--board-secret-color:#333;
	--board-new-color:#eeb506;
	--board-hot-color:#d91426;
	--board-file-color:#333;
	--board-link-color:#195dae;

	/* 컬러 */
    --k-color-red:#fd1f2a;
    --k-color-orange:#ff5f15;
    --k-color-yellow:#f8af11;
    --k-color-green:#63b417;
    --k-color-blue:#0041a3;
    --k-color-navy:#05102c;
    --k-color-purple:#53237a;
    --k-color-pink:#ec4f71;
    --k-color-beige:#ddc2ad;
    --k-color-brown:#381e13;
    --k-color-gray:#bfc2ca;
    --k-color-skyblue:#44abe7;

    --k-shop-type1:var(--k-color-red); /*히트*/
    --k-shop-type2:var(--k-color-green); /*추천*/
    --k-shop-type3:var(--k-color-yellow); /*신상품*/
    --k-shop-type4:var(--k-color-skyblue); /*인기*/
    --k-shop-type5:var(--k-color-red); /*할인*/
    --k-shop-type6:#222; /*무료배송*/

	/* .c padding값 */
    --c-padding:15px;

    /* 명조체 */
    --font-serif:"RIDIBatang-subset";
    /* 영문 손글씨 */
    --font-handwriting:"Kaushan Script", cursive;

    /* 메인&서브 좌우 패딩 */
    --top-padding:90px;
}

@media (max-width: 1400px) {
	:root {
		--main-width:100vw;
        /* .c padding값 */
        --c-padding:30px;
		--top-padding:60px;
    }
}

@media (max-width: 1200px) {
    :root {
        --top-padding:45px;
    }
}

@media (max-width: 1024px) {
	:root {
        /* .c padding값 */
        --c-padding:20px;
		--top-padding:var(--c-padding);
     }
}
@charset "UTF-8";
/*/////////////////////////////

// scroll effect by Ninny design
// Copyright (c) 2023 Ninny design
// 무단사용금지

//////////////////////////////*/


.content-body { padding: 0px;margin:0 auto; }
.content-body.no-padding-top { padding-top: 0; }
.content-body.no-padding { padding-bottom: 0; padding-top: 0; }
@media (max-width: 767px) {
	.pg-sub > .content-body { padding:45px 0; }
	.c-padding { padding-left: 10px; padding-right: 10px; }
}
 .content-body { padding-top:var(--top-all-height); }

/* 풀페이지 사용시 */
.content-body { padding-top:0; padding-bottom:0; }

/* 와이드 사용시 */
 .content-body > .c { max-width:none; padding:0; }
 /*.content-body > .c { padding-left: var(--top-padding); padding-right: var(--top-padding); }*/

/* 서브 타이틀 */
.content-body header.header { margin-bottom:50px; text-align:center; }
.content-body header.header .subhead { margin-bottom:10px; }
.content-body header.header .head { margin-bottom: 10px; font-size:3rem; line-height:1.3; }
.content-body header.header { text-align:center; }
.page-content .section.sec8 {
    padding-bottom: var(--sec-padding);
}

@media (max-width:768px) {
	.content-body header.header { margin-bottom:30px; }
    .content-body header.header .subhead { margin-bottom:5px; }
	.content-body header.header .head { margin-bottom:5px; font-size:2rem; }
}

     .content-body { padding-bottom:0; }
	.page-content { }

    .page-content .section { position:relative; z-index:1; --sec-padding:100px; }
    .page-content .section:not(:first-child) { padding-top:var(--sec-padding); }

    .page-content .section .header { text-align:center; margin-bottom:60px; }
    .page-content .section .header .subhead { font-size:.875rem; font-weight:500; display:inline-block; margin:0 auto 30px; border-bottom:1px solid #ddd; padding-bottom:3px; }
    .page-content .section .header .head { font-size:2.8rem; font-weight:500; }
    .page-content .section .header .desc { line-height:1.7; margin-top:20px; }


	.page-content .sec1 { --img-size:650px; --txt-width:40%; }
	.page-content .sec1 .header { position:absolute; text-align:left; width:var(--txt-width); }
	.page-content .sec1 .swiper { overflow:visible; margin: 0 auto; }
	.page-content .sec1 .swiper-slide .c { display:flex; align-items:flex-end; justify-content:space-between; height:var(--img-size); }

	.page-content .sec1 .swiper-slide .content { width:var(--txt-width); margin-bottom:var(--sec-padding); }

	.page-content .sec1 .swiper-slide .title { font-size:1.325rem; font-weight:600; margin-bottom:20px; }
	.page-content .sec1 .swiper-slide .head { font-size:2.2rem; margin-bottom:15px; }
	.page-content .sec1 .swiper-slide .desc { line-height:1.5em; height:6em; overflow:hidden; }

	.page-content .sec1 .swiper-slide .content > div:not(.title) { transform:translateY(20px); opacity:0; }
	.page-content .sec1 .swiper-slide-active .content > div:not(.title) { transform:translateY(0); opacity:1; transition-duration:400ms; }

	.page-content .sec1 .swiper-slide .image { position:relative; margin-left:5em; width:55%; max-width:var(--img-size); opacity:0; flex:1; }
	.page-content .sec1 .swiper-slide .image:before { content:""; position:absolute; left:20px; bottom:-20px; width:100%; height:100%; border-radius:100%; background:var(--main-color2); filter: blur(10px); opacity:.3; z-index:-1; }
    .page-content .sec1 .swiper-slide .img { padding-bottom:100%; border-radius:100%; background:none no-repeat center/cover; }

	.page-content .sec1 .swiper-slide-active .image { margin-left:5em; opacity:1; transition-duration:400ms; }

	.page-content .sec1 .ctrl { position:absolute; left:0; right:0; bottom:0; z-index:9; display:flex; align-items:center;  }
	.page-content .sec1 .pg { width:auto; margin:0 20px; }
	.page-content .sec1 .pg .swiper-pagination-current { font-weight:600; }
	.page-content .sec1 .nav { position:relative; display:inline-block; width:40px; height:40px; border:1px solid #666; border-radius:100%; cursor:pointer; }
	.page-content .sec1 .nav.prev:before,
	.page-content .sec1 .nav.next:before { content:""; position:absolute; top:50%; width:15px; height:15px; border-top:1px solid #666; }
	.page-content .sec1 .nav.prev:before { left:60%; border-left:1px solid #666; transform:translate(-50%, -50%) rotate(-45deg); }
	.page-content .sec1 .nav.next:before { left:40%; border-right:1px solid #666; transform:translate(-50%, -50%) rotate(45deg); }


	.page-content .sec2 { background:#f8f8f8; padding-bottom:var(--sec-padding); margin-top:var(--sec-padding); }
	.page-content .sec2 .swiper { padding:0 1px; }
    .page-content .sec2 .swiper-slide { border-bottom:1px solid #ddd; height:auto; }
    .page-content .sec2 .swiper-slide:before { content:""; position:absolute; left:50%; bottom:0; height:5px; width:0; background:var(--main-color1); transform:translateX(-50%); transition-duration:400ms; }
    .page-content .sec2 .swiper-slide .image { overflow:hidden; }
    .page-content .sec2 .swiper-slide .img { background:none no-repeat center/cover; padding-bottom:66%; transition-duration:400ms; }
    .page-content .sec2 .swiper-slide .txt { border-left:1px solid #ddd; border-right:1px solid #ddd; padding:30px; background:#fff; }
    .page-content .sec2 .swiper-slide .head { font-size:1.4rem; font-weight:600; transition-duration:400ms; }
    .page-content .sec2 .swiper-slide .desc { color:#777; margin-top:15px; line-height:1.7; }
    .page-content .sec2 .swiper-slide:hover:before { width:100%; }
    .page-content .sec2 .swiper-slide:hover .img { transform:scale(1.05); }
    .page-content .sec2 .swiper-slide:hover .head { color:var(--main-color1); }

	.page-content .sec2 .pg { text-align:center; margin-top:20px; display:none; }
	.page-content .sec2 .pg span { position:relative; width:5px; height:5px; background:#333; margin:0 7px; opacity:1; }
	.page-content .sec2 .pg span.swiper-pagination-bullet-active:before { content:""; position:absolute; left:-5px; top:-5px; right:-5px; bottom:-5px; border-radius:99px; border:1px solid #333; }

    .c, .c-full { max-width: var(--main-width); margin:0 auto; }
    .c { padding-left: var(--c-padding); padding-right: var(--c-padding); }


	.page-content .sec3 { display:flex; justify-content: space-between; flex-wrap: wrap; }

	.page-content .sec3 > .content { max-width:300px; }
	.page-content .sec3 > .content .subhead { padding-top:10px; border-top:1px solid #333; display:inline-block; letter-spacing:3pt; font-size:1.125rem; }
	.page-content .sec3 > .content .head { margin:30px 0; line-height: 130%; font-size:1.8rem; font-weight:600; }

	.page-content .sec3 .swiper { width:calc(100% - 330px); padding:15px 10px; margin:-15px -10px; }

	.page-content .sec3 .swiper-slide { position:relative; display:block; width:100%; padding:0; box-shadow:0 0 5px #ddd; transition-duration: 300ms; }
	.page-content .sec3 .swiper-slide:hover { transform: translateY(-10px); }
	.page-content .sec3 .swiper-slide .image { position:relative; overflow:hidden; }
	.page-content .sec3 .swiper-slide .image .img { position:relative; padding-bottom: 66%; background:none no-repeat center/cover; }

	.page-content .sec3 .swiper-slide .content { position: relative; padding:30px; }
	.page-content .sec3 .swiper-slide .content .head { margin-bottom: 10px; font-weight: 600; font-size:1.25rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.page-content .sec3 .swiper-slide .content .desc { line-height:1.4em; height:2.8em; overflow:hidden; }

	.page-content .sec3 .nav { position:absolute; left:var(--c-padding); bottom:0; display:flex; }
	.page-content .sec3 .nav div { width: 40px; height: 40px; line-height: 37px; border:1px solid #ddd; cursor:pointer; text-align: center; }
	.page-content .sec3 .prev { border-right:0 !important; }



	.page-content .sec4 { overflow:hidden; z-index:2; }
	.page-content .sec4 a { position:relative; display:block; height:600px; overflow:hidden; }

	.page-content .sec4 a:before, .page-content .sec4 a:after { content:""; position:absolute; z-index:1; }
	.page-content .sec4 a:before { left:0; top:20px; right:41%; bottom:20px; background:#eee; }
	.page-content .sec4 a:after { left:53%; top:0; bottom:0; width:55%; transition-duration: 300ms; background:#eee url('img/01/business4-sec4-bg.png') center no-repeat; transform: skew(-8deg); box-shadow:0 0 5px #aaa; }
	.page-content .sec4 a:hover:after { left:52%; }
	.page-content .sec4 a .video-wrap { position:absolute; left:0; top:20px; right:41%; bottom:20px; overflow:hidden; z-index:1; }
	.page-content .sec4 a .video-wrap video { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); min-height:100%; min-width:100%; height:auto; width:auto; object-fit:cover; }

	.page-content .sec4 a .c { position:relative; height:100%; }
	.page-content .sec4 a .content { position:absolute; width:500px; right:0; top:50%; transform:translateY(-50%); padding-right:20px; z-index:2; transition-duration: 300ms; }
	.page-content .sec4 a:hover .content { right:2%; }

	.page-content .sec4 a .content .subhead { padding-top:10px; border-top:1px solid #333; display:inline-block; letter-spacing:3pt; font-size:1.125rem; }
	.page-content .sec4 a .content .head { margin:30px 0; line-height: 130%; font-size:1.8rem; }



	.page-content .sec5 { padding:var(--sec-padding) 0; text-align:center; z-index:2; background:#f8f8f8; margin-top:-20px; z-index:1; }
	.page-content .sec5:before,
	.page-content .sec5:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; }
	.page-content .sec5:before { background:url('img/01/business4-sec5-bg.jpg') no-repeat center/cover; opacity:.15; }
	.page-content .sec5:after { background: linear-gradient(to bottom, #f8f8f8, transparent); opacity:.7; }

	.page-content .sec5 .thanks { margin-bottom:25px; font-size:1.5rem; }
	.page-content .sec5 .position { font-weight:400; font-size:1.25rem; }
	.page-content .sec5 .position span { color:var(--main-color1); }
	.page-content .sec5 .name b { font-size:2rem; font-family:var(--font-serif); font-weight:400; margin-right:5px; }

    .page-content .sec6 ul { display:flex; padding:30px 50px; border-radius:200px; border:1px dotted var(--main-color1); }
    .page-content .sec6 ul li { position:relative; width:calc(100%/6 + 20px); border-radius:100%; margin:0 -10px; overflow:hidden; background:rgba(var(--main-color1-rgb),.05); }
    .page-content .sec6 ul li:last-child { background:var(--main-color1); color:#fff; }
    .page-content .sec6 ul li:before { content:""; display:block; padding-bottom:100%; }
    .page-content .sec6 ul .content { position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column; justify-content:center; align-items:center; }

    .page-content .sec6 ul .step { color:var(--main-color2); font-weight:600; }
    .page-content .sec6 ul .head { margin-top:10px; }

    .page-content .sec7 .content { display:flex; justify-content:space-between; }
    .page-content .sec7 .content ul { display:flex; }
    .page-content .sec7 .contact { align-items:center; justify-content:space-evenly; width:calc(80% - 30px); border:1px solid #ddd; --icon-size:40px; }
    .page-content .sec7 .contact li { position:relative; min-width:15%; padding-left:calc(var(--icon-size) + 20px); background:none no-repeat left center/40px; }
    .page-content .sec7 .contact li img { position:absolute; left:0; top:calc(50% - var(--icon-size)/2); width:var(--icon-size); height:var(--icon-size); }
    .page-content .sec7 .contact li span { display:block; font-size:.875rem; }
    .page-content .sec7 .download { width:20%; }
    .page-content .sec7 .download li { width:50%; margin-left:-1px; border:1px solid #ddd; }
    .page-content .sec7 .download a { display:block; text-align:center; padding:30px 0; }
    .page-content .sec7 .download a img { margin-bottom:15px; width:50px; }


    .page-content .sec8 { position:relative; z-index:2; background:url('img/01/business6-sec8-bg1.jpg') no-repeat center/cover fixed; color:#fff; }
    .page-content .sec8:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); z-index:-1; }
    .page-content .sec8 .bg { position:absolute; left:0; top:0; right:0; bottom:0; }

    .page-content .sec8 .header { margin-bottom:0 !imporwjrjtant; }
    .page-content .sec8 .desc { margin-bottom:15px; }
    .page-content .sec8 .btn-box { margin-top:40px; }
    .page-content .sec8 .btn-box .btn { background:#fff; padding:20px 30px; color:#333; }
    .page-content .sec8 .btn-box .btn:hover { color:#fff;background-color:#cf9d47; }

    @media (max-width: 1200px) {
		.page-content .sec4 a .content { width:40%; }
    }

	@media (max-width: 1024px) {
        .page-content .section { --sec-padding:100px; }
		.page-content .section .header { margin-bottom:40px; }
		.page-content .section .header .subhead { margin-bottom:20px; }
        .page-content .section .header .head { font-size:2rem; }


		.page-content .sec1 { --img-size:450px; --txt-width:100%; }
		.page-content .sec1 .header { position:relative; text-align:center; }
		.page-content .sec1 .swiper-slide .c { flex-direction:column-reverse; align-items:center; height:auto; }

		.page-content .sec1 .swiper-slide .content { margin-top:35px; margin-bottom:var(--sec-padding); text-align:center; padding:0 10%; }

		.page-content .sec1 .swiper-slide .title { margin-bottom:15px; }
		.page-content .sec1 .swiper-slide .head { font-size:2rem; margin-bottom:10px; }
		.page-content .sec1 .swiper-slide .desc { height:auto; }


		.page-content .sec1 .swiper-slide .image { margin-left:0; }
		.page-content .sec1 .swiper-slide .image:before { left:10px; bottom:-10px; }
		.page-content .sec1 .swiper-slide .img { position:relative; }
		.page-content .sec1 .swiper-slide-active .image { margin-left:0; }

		.page-content .sec1 .ctrl { justify-content:center; }
		.page-content .sec1 .pg { width:auto; margin:0 20px; }
		.page-content .sec1 .pg .swiper-pagination-current { font-weight:600; }
		.page-content .sec1 .nav { position:relative; display:inline-block; width:40px; height:40px; border:1px solid #666; border-radius:100%; cursor:pointer; }
		.page-content .sec1 .nav.prev:before,
		.page-content .sec1 .nav.next:before { content:""; position:absolute; top:50%; width:15px; height:15px; border-top:1px solid #666; }
		.page-content .sec1 .nav.prev:before { left:60%; border-left:1px solid #666; transform:translate(-50%, -50%) rotate(-45deg); }
		.page-content .sec1 .nav.next:before { left:40%; border-right:1px solid #666; transform:translate(-50%, -50%) rotate(45deg); }


		.page-content .sec2 .pg { display:block; }


		.page-content .sec3 > .content { max-width:100%; width:100%; margin-bottom:30px; }
		.page-content .sec3 > .content .subhead { font-size:1rem; }
		.page-content .sec3 > .content .head { font-size:1.5rem; }

		.page-content .sec3 .swiper { margin:0; padding:15px 5px; width:100%; margin:0 -5px; }

		.page-content .sec3 .swiper-slide .content { padding:20px; }
		.page-content .sec3 .swiper-slide .content .head { margin-bottom:5px; }

		.page-content .sec3 .nav { position:relative; left:auto; right:0; margin-left:auto; margin-top:-70px; }


		.page-content .sec4 a .content .head { font-size:1.5rem; }

         .page-content .sec6 ul { justify-content:center; flex-wrap:wrap; padding:50px; }
        .page-content .sec6 ul li { width:calc(27% + 20px); margin:5px -10px; }

        .page-content .sec7 .content { display:block; }
        .page-content .sec7 .content ul { width:100%; min-height:150px; }

        .page-content .sec7 .contact { margin-bottom:10px; }

        .page-content .sec8 .btn-box { margin-top:30px; }
	}

	@media (max-width: 767px) {
        .page-content .section { --sec-padding:70px; }
        .page-content .section .header { margin-bottom:30px; }
        .page-content .section .header .subhead { margin-bottom:15px; }
        .page-content .section .header .head { font-size:1.5rem; }
        .page-content .section .header .desc { margin-top:10px; }


        .page-content .sec2 .swiper-slide .txt { padding:20px; }


		.page-content .sec4 a { height:600px; }
		.page-content .sec4 a:before { top:0; right:0; bottom:0; height:300px; }
		.page-content .sec4 a:after { top:300px; left:0; width:100%; transform: skew(0); }
		.page-content .sec4 a:hover:after { left:0; }

		.page-content .sec4 a .video-wrap { position:relative; top:0; height:300px; }
		.page-content .sec4 a .content { position:relative; width:100%; top:0; transform:translateY(0); padding:40px 30px; }

		.page-content .sec4 a:hover .content { right:0; }


		.page-content .sec5 { margin-top:0; }
        .page-content .sec5 .thanks { margin-bottom:15px; font-size:1.25rem; padding:0 10%; }
        .page-content .sec5 .position { font-size:1.125rem; }
        .page-content .sec5 .name b { font-size:1.5rem; }
        .page-content .sec6 ul { padding:30px; border-radius:150px; }
        .page-content .sec6 ul li { width:calc(35% + 20px); }

        .page-content .sec7 .contact { flex-direction:column; padding:20px; --icon-size:30px; }
        .page-content .sec7 .contact li { padding-top:10px; padding-bottom:10px; }

        .page-content .sec7 .download a img { width:35px; margin-bottom:10px; }
        .tiles  .loaded{
            width: 100%!important;
        }

        .page-content .sec8 .btn-box .btn { padding:15px 25px; }

	}

    @media (max-width: 450px) {
        .page-content .sec2 .tile-box { --tile-width:50%; }

    }
  


#back_cover,#lnb_wrap .lnb_area .ul_2nd > li,#about_wrap [class~=con_left] img,#sideMenuaa [class~=navi_set] > div > a,[class~=header_top] {
    width: 100%;
}


#pro_tab [class~=pro_list] > ul > li > a > p > span[class~=new_icon],#about_wrap [class~=con_right]:after {
    right: 0;
}


#about_wrap [class~=con_left] img {
    height: 300pt;
}

#about_wrap [class~=con_right]:after {
    content: "ABOUT US";
}



#about_wrap [class~=con_right]:after {
    display: block;
}

#about_wrap [class~=con_right]:after {
    position: absolute;
}


#mobile_header .m_gnb li.category a i,#about_wrap [class~=con_right]:after {
    top: 15pt;
}

#sideMenuaa [class~=nav],#about_wrap [class~=con_right]:after {
    box-sizing: border-box;
}


#about_wrap [class~=con_right]:after {
    z-index: 10;
}


#about_wrap [class~=con_right]:after {
    padding-left: 11.25pt;
}
#about_wrap [class~=con_right]:after,#sideMenuaa .navi_set {
    padding-bottom: .625pc;
}




#about_wrap [class~=con_right]:after,#sideMenuaa .navi_set {
    padding-top: .625pc;
}

#about_wrap [class~=con_right]:after {
    padding-right: 11.25pt;
}


#lnb_wrap [class~=lnb_area] [class~=ul_3rd] > li > a:hover,#about_wrap [class~=con_right]:after {
    color: #fff;
}


#about_wrap [class~=con_right]:after {
    background: #52b6b3;
}

#about_wrap [class~=con_right]:after {
    font-size: 9.75pt;
}

#about_wrap [class~=con_right]:after {
    font-weight: 500;
}


#lnb_wrap [class~=lnb_area] [class~=ul_2nd] > li > a,#about_wrap [class~=con_right] em,[class~=copy_sns]:after {
    display: block;
}
#about_wrap [class~=con_right]:after {
    letter-spacing: .5em;
}


#about_wrap [class~=con_right]:after {
    transform: rotate(-90deg);
}


#about_wrap [class~=con_right]:after {
    transform-origin: 100% 0%;
}

#about_wrap [class~=con_right] em {
    padding-top: 15pt;
}



#about_wrap [class~=con_right] em {
    color: #999;
}


#about_wrap [class~=con_right] em,#m_bnr ul li dl dt em {
    letter-spacing: .35em;
}

#about_wrap [class~=con_right] em,#gnba a {
    font-size: .85em;
}

#about_wrap [class~=con_right] em {
    font-style: normal;
}

#about_wrap .con_right h2,h2 {
    color: #333;
}



#about_wrap .con_right h2 {
    font-size: 1.7em;
}



#about_wrap .con_right h2 {
    font-weight: 700;
}
#about_wrap .con_right h2 {
    line-height: 1.5em;
}
#about_wrap .con_right h2 {
    margin-top: .208333333in;
}

#about_wrap [class~=con_right] p,#m_bnr ul li dl dd {
    color: #777;
}


#about_wrap [class~=con_right] p {
    margin-top: 22.5pt;
}



#about_wrap [class~=con_right] p {
    padding-right: 11.25pt;
}

#main_visual .swiper-button-prev {
    margin-top: -.260416667in;
}

#about_wrap [class~=btn_view] span,#about_wrap [class~=con_right] p {
    font-size: 1em;
}

#lnb_wrap,#lnb {
    float: right;
}

#about_wrap [class~=btn_view] span,#pro_wrap .con_title h3,#main_visual [class~=swiper-button-next],#main_visual .swiper-button-prev {
    display: block;
}

#about_wrap [class~=con_right] p {
    line-height: 1.5em;
}

#about_wrap [class~=con_right] p {
    word-break: keep-all;
}

#about_wrap [class~=btn_view] span {
    text-align: center;
}

#gnba a:hover i,#about_wrap [class~=btn_view] span,#pro_wrap .con_title h3 {
    color: #000;
}
#about_wrap [class~=btn_view] span {
    line-height: 50px;
}

#about_wrap [class~=con_left] {
    position: absolute;
}



#about_wrap [class~=con_left] {
    top: 0;
}

#about_wrap [class~=con_left] {
    left: 0;
}

#about_wrap [class~=con_left] {
    width: 50%;
}


#about_wrap [class~=con_left] {
    height: 300pt;
}
#about_wrap [class~=con_left] {
    background: #f5f4f0;
}


#about_wrap .con_right,.sub_location ul ul {
    position: absolute;
}


#about_wrap .con_right {
    top: 2.5pc;
}
#about_wrap .con_right {
    left: 45%;
}

#about_wrap .con_right {
    width: auto;
}

#about_wrap .con_right {
    height: 28.125pc;
}


#about_wrap .con_right {
    padding-left: 37.5pt;
}

#about_wrap .con_right {
    padding-bottom: 50px;
}


#about_wrap .con_right {
    padding-right: .520833333in;
}

#about_wrap .con_right {
    padding-top: 30px;
}


#about_wrap .con_right {
    background: #fff;
}

#about_wrap .con_right {
    border-left-width: .010416667in;
}



#about_wrap .con_right {
    border-bottom-width: .010416667in;
}

#about_wrap .con_right {
    border-right-width: .010416667in;
}

#about_wrap .con_right,[class~=sub_location] > div [class~=cen] {
    border-right-style: solid;
}


#about_wrap .con_right,#pro_tab [class~=pro_list] > ul > li > a > div > img {
    border-top-width: .010416667in;
}


#about_wrap .con_right {
    border-left-style: solid;
}

#about_wrap .con_right {
    border-bottom-style: solid;
}


#about_wrap .con_right {
    border-top-style: solid;
}



#about_wrap [class~=btn_view],#pro_tab .pro_list > ul,#m_bnr {
    overflow: hidden;
}

#about_wrap .con_right {
    border-left-color: #eee;
}


#about_wrap .con_right {
    border-bottom-color: #eee;
}

#about_wrap .con_right {
    border-right-color: #eee;
}


[class~=copy_sns],[class~=copy_inquiry],#pro_tab [class~=pro_zoom] img,#m_bnr ul li [class~=img_box],[class~=q-menu] dl dd a,#about_wrap {
    width: 100%;
}

#about_wrap .con_right {
    border-top-color: #eee;
}

#about_wrap [class~=btn_view],.sub_location ul ul {
    background: #fff;
}


#about_wrap .con_right {
    border-image: none;
}

#about_wrap .con_right {
    box-shadow: .625pc .15625in 10px rgba(0,0,0,.05);
}


#about_wrap [class~=btn_view] {
    position: absolute;
}

#about_wrap [class~=btn_view] {
    left: .520833333in;
}

#about_wrap [class~=btn_view] {
    bottom: .520833333in;
}

#about_wrap {
    position: relative;
}

.tbl th {
    background: #f2f2f2;
}

#about_wrap [class~=btn_view] {
    width: 135pt;
}

.tbl th,#about_wrap [class~=btn_view] {
    border-bottom-width: .010416667in;
}


[class~=sub_location] ul:first-child,#about_wrap [class~=btn_view] {
    border-left-width: .75pt;
}

#business_wrap [class~=con_title] h3,#business_wrap .con_title p {
    display: block;
}

#about_wrap [class~=btn_view] {
    height: .520833333in;
}

#about_wrap,#lnb_wrap [class~=lnb_area] [class~=ul_3rd] > li > a,li {
    margin-bottom: 0;
}

#about_wrap [class~=btn_view],[class~=sub_location] ul:first-child,#pro_tab [class~=pro_list] > ul > li > a > div > img {
    border-left-style: solid;
}

#about_wrap {
    max-width: 87.5pc;
}


#about_wrap [class~=btn_view],.tbl th {
    border-bottom-style: solid;
}


#about_wrap {
    height: 31.25pc;
}


#about_wrap [class~=btn_view] {
    border-right-width: .75pt;
}

#about_wrap [class~=btn_view] {
    border-top-width: .75pt;
}


#rolling_box_all [class~=inner] [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2],#about_wrap {
    margin-right: auto;
}


#about_wrap {
    margin-left: auto;
}

li,#rolling_box_all [class~=inner] [class~=swiper-btn-wrap] [class~=swiper-scrollbar-wrap2],#about_wrap {
    margin-top: 0;
}

#about_wrap [class~=btn_view] {
    border-right-style: solid;
}


#about_wrap [class~=btn_view] {
    border-top-style: solid;
}

#about_wrap [class~=btn_view] {
    border-left-color: #ddd;
}

#about_wrap [class~=btn_view] {
    border-bottom-color: #ddd;
}
#about_wrap [class~=btn_view] {
    border-right-color: #ddd;
}

#about_wrap [class~=btn_view]:hover span {
    color: #fff;
}



#about_wrap [class~=btn_view] {
    border-top-color: #ddd;
}


#about_wrap [class~=btn_view] {
    border-image: none;
}

#about_wrap [class~=btn_view] {
    transition: all .3s ease 0s;
}

#about_wrap [class~=btn_view]:hover {
    background: #000;
}

#m_bnr ul,.sub_location ul ul,#pro_tab [class~=tab] a:hover,#about_wrap [class~=btn_view]:hover {
    border-bottom-width: .75pt;
}



.sub_location ul ul,#about_wrap [class~=btn_view]:hover {
    border-right-width: .75pt;
}


#about_wrap [class~=btn_view]:hover {
    border-left-width: .0625pc;
}


#about_wrap [class~=btn_view]:hover {
    border-top-width: .0625pc;
}

#about_wrap [class~=btn_view]:hover {
    border-left-style: solid;
}



#about_wrap [class~=btn_view]:hover,#pro_tab [class~=tab] a:hover {
    border-bottom-style: solid;
}

#about_wrap [class~=btn_view]:hover,#m_bnr ul {
    border-right-style: solid;
}

#about_wrap [class~=btn_view]:hover,#m_bnr ul {
    border-top-style: solid;
}

#about_wrap [class~=btn_view]:hover {
    border-left-color: #000;
}

#about_wrap [class~=btn_view]:hover {
    border-bottom-color: #000;
}

#about_wrap [class~=btn_view]:hover {
    border-right-color: #000;
}


#about_wrap [class~=btn_view]:hover {
    border-top-color: #000;
}


#pro_tab .tab li.on a,#about_wrap [class~=btn_view]:hover {
    border-image: none;
}




#about_wrap:after,#service_box [class~=serviceList]:after {
    content: "";
}


#about_wrap:after {
    display: block;
}




#about_wrap:after,#footer [class~=family_site] select {
    clear: both;
}
    #about_wrap [class~=con_right]:after {
        right: .4375in;
    }

    #about_wrap [class~=con_right]:after {
        top: 0;
    }

    #about_wrap [class~=con_left] {
        width: 50%;
    }
    #about_wrap [class~=con_left] {
        background: none;
    }

    #about_wrap .con_left img {
        height: auto;
    }



@media screen and (max-width: 768px) {
  
    #about_wrap [class~=con_right],#m_bnr ul li:last-child {
        border-bottom-width: 0;
    }

  

    #about_wrap {
        height: 100%;
    }

  
    #about_wrap {
        margin-bottom: 0;
    }

    #about_wrap [class~=con_left],#m_bnr ul li,#comm_wrap [class~=board_area] [class~=dleft] {
        width: 100%;
    }


    #m_bnr ul li:last-child,#about_wrap [class~=con_right] {
        border-bottom-style: none;
    }

    #about_wrap [class~=con_right],#about_wrap [class~=con_left] {
        float: left;
    }

    #about_wrap [class~=con_right],#about_wrap [class~=con_left] {
        position: relative !important;
    }

   
    #about_wrap [class~=con_left] {
        height: auto;
    }


    #about_wrap [class~=con_right] {
        top: -.520833333in;
    }

    #about_wrap [class~=con_right] {
        left: 50%;
    }

    
    #about_wrap [class~=con_right] {
        margin-left: -47%;
    }

    #about_wrap [class~=con_right] {
        width: 94%;
    }

    #about_wrap [class~=con_right] {
        padding-left: .260416667in;
    }

    #m_bnr ul li:last-child,#about_wrap [class~=con_right] {
        border-bottom-color: currentColor;
    }


    #about_wrap [class~=con_right] {
        padding-bottom: 50px;
    }

    #about_wrap [class~=con_right] {
        padding-right: 18.75pt;
    }

    #about_wrap [class~=con_right],#m_bnr ul li {
        border-left-width: 0;
    }

    #about_wrap [class~=con_right] {
        padding-top: 22.5pt;
    }



    #about_wrap [class~=con_right] {
        border-right-width: 0;
    }

    #about_wrap [class~=con_right] {
        border-top-width: 0;
    }

    #about_wrap [class~=con_right],#m_bnr ul li {
        border-left-style: none;
    }

    #about_wrap [class~=con_right] {
        border-right-style: none;
    }


    #m_bnr ul li,#about_wrap [class~=con_right] {
        border-left-color: currentColor;
    }

    #about_wrap [class~=con_right] {
        border-top-style: none;
    }

    #about_wrap [class~=con_right] {
        border-right-color: currentColor;
    }

    #about_wrap [class~=con_right] {
        border-top-color: currentColor;
    }

    #about_wrap [class~=con_right] {
        border-image: none;
    }

 

 
    #about_wrap .btn_view {
        left: 18.75pt;
    }

    #service_box .serviceList ul li {
        border-image: none;
    }

    #about_wrap .btn_view {
        bottom: 5%;
    }

}

@media screen and (max-width: 480px) {
 

    #about_wrap .con_left:after {
        right: .4375in;
    }

    #about_wrap .con_left:after {
        top: -25px;
    }

    #about_wrap .con_left:after {
        padding-left: .208333333in;
    }



    #about_wrap .con_left:after {
        padding-bottom: .625pc;
    }

    #about_wrap .con_left:after {
        padding-right: .208333333in;
    }

    #about_wrap .con_left:after {
        padding-top: .625pc;
    }

    #about_wrap .con_left:after {
        font-size: .75em;
    }

    #about_wrap [class~=con_right] em {
        font-size: 1em;
    }

    #about_wrap [class~=con_right] h2 {
        font-size: 1.5em;
    }

    #about_wrap [class~=con_right] p {
        padding-right: 0;
    }
}