/* 메인슬라이더 */
#visual{width:100%;min-width:1200px; margin:0 auto;position:relative;overflow:hidden;visibility:hidden;}
a{cursor:pointer}
#visual,
#visual .bx-wrapper,
#visual .bx-viewport{height: calc(100vh - 100px) !important;}

#visual .big_banner{position:absolute; top:70%; left:50%; transform:translate(-50%, -50%); width:210px;height:50px; z-index:100; *display: none; *background:url(../img/main/big_banner.png) repeat;}
#visual .big_banner a{display:block; bottom:200px; left:80px; width:210px; height:50px; background:#fff; text-align:center;}
#visual .big_banner h3{font-size:1.5em; font-weight:500; position:absolute; top:50%;left:50%; transform:translate(-50%, -50%);color:#000; letter-spacing:-1.3px; z-index:10;}
#visual .big_banner .ov{position:absolute; left:0; top:0; width:0; height:100%; transition: all 0.3s;  z-index:9;}
#visual .big_banner a:hover .ov{ width:100%; opacity:1; background:#7eddde; transition: all 0.3s; }

#visual .sliderbx{z-index:10;width:100% !important;height: 100%;position:relative;}
#visual #slogan{width:100%;color:#fff;background:rgba(255,255,255,0);padding:20px;position:absolute;text-align: center;z-index:998;text-shadow:0px 0px 4px rgba(0,0,0,0.5);letter-spacing:-1px;top: 50%;transform: translateY(-50%); font-weight: normal}
#visual #slogan strong{font-weight: 600}
#visual #slogan .img01{ font-size:1.5em; line-height: 1.2em; opacity: 0.5; margin-top:60px; letter-spacing: 0px;}
#visual #slogan .img01:before{display:block; content:""; height: 10px; background: url("../img/common/line.svg") no-repeat center/auto 100%; margin-bottom: 20px;}
#visual #slogan .img02{ font-size:3.5em;}
#visual #slogan .img03{ font-size:4em; margin-top:45px;}
#visual .sliderbx li:after{content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #1E180B;
    opacity: 0.3; z-index: 50;}
#visual .sliderbx li{width:100% !important;height: 100%;background-repeat:no-repeat;background-position: center top;background-size: cover;z-index: 1}
#visual .sliderbx li .abox_img {
    height: 100%;
    animation: imagescale 5s ease-in-out infinite alternate;
    -webkit-animation: imagescale 5s ease-in-out infinite alternate;
    -moz-animation: imagescale 5s ease-in-out infinite alternate;
    -o-webkit-animation: imagescale 5s ease-in-out infinite alternate;
}
#visual .sliderbx li .abox_img img{width: 100%; height: auto; margin-top: -5%;}
@keyframes imagescale {
    0% {
        transform: scale(1) rotate(0.001deg);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(1.2) rotate(0.001deg);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
}

/*#visual .sliderbx li.mv01{background-image:url(../img/main_re/mvisual01.jpg)}
#visual .sliderbx li.mv02{background-image:url(../img/main_re/mvisual02.jpg)}
#visual .sliderbx li.mv03{background-image:url(../img/main_re/mvisual03.jpg)}
#visual .sliderbx li.mv04{background-image:url(../img/main_re/mvisual04.jpg)}*/
#visual .sliderbx li a{ display:block; width:100%;}
/*#visual div.bx-pager{ position:absolute; bottom:50px; left:50px ;z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 4px;}
#visual div.bx-pager div a{ display:block; width:18px; border-radius:30px; height:10px; text-indent:-9999px; background:#fff;}
#visual div.bx-pager div a.active{ width:50px; background:#8E457F;}
#visual div.bx-controls-direction{display: none;}
#visual div.bx-controls-direction a{
    display:block; width:50px; height:50px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} !*좌우버튼동시선택*!
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px; }
#visual div.bx-controls-auto a{	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	} !*플레이스탑버튼동시선택*!
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}*/
#visual .bx-controls {
}
#visual div.bx-pager {
    z-index: 50;
    position: absolute;
    top: 90%;
    left: 50%;
    width: 1400px;
    transform: translate(-50%, -50%);
    text-align: center;
    display: none;
}
#visual div.bx-pager div {
    margin: 0 40px 0 0;
    display: inline-block;
}
#visual div.bx-pager div:last-child {
    margin: 0;
}
#visual div.bx-pager div a {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    transition: all 0.3s ease;
    opacity: 0.4;
}
#visual div.bx-pager div a.active {
    opacity: 1;
    font-weight: 800;
}
#visual div.bx-pager div a:after {
    content: "";
    position: absolute;
    left: 220%;
    bottom: 7px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
}
#visual div.bx-pager div a:before {
    content: "0";
    display: inline;
    width: auto;
    height: auto;
}
#visual div.bx-pager div:last-child a:after {
    display: none;
}

#visual .bx-controls-direction {
    display: none;
}
#visual .bx-controls-direction {
    display: none;
}
@media (max-width: 1200px) {


    #visual{width:100%; min-width:100%; }
    #visual,
    #visual .bx-wrapper,
    #visual .bx-viewport{height: calc(100vh - 200px) !important;}
    #visual .big_banner{top:80%; width:170px; height:44px;}
    #visual .big_banner a{width:170px; height:44px;}
    #visual .big_banner h3{font-size:1.2em; letter-spacing:-1px;}

    #visual #slogan{width:100%;padding:0;text-shadow:0px 0px 10px rgba(0,0,0,0.4);padding: 0 10px; top:50%}
    #visual #slogan .img01{ font-size:1.1em; }
    #visual #slogan .img02{font-size:2em;margin-top:10px;line-height: 1.2em;}
    #visual #slogan .img02 strong{font-weight:500;}
    #visual #slogan .img03{font-size:2em;margin-top:15px;line-height: 1.2em;}
    #visual .sliderbx li{ width:100% !important; background-position:center top; background-size:cover;}

    #visual .sliderbx li .abox_img img{width: 100%; height: 100%; margin: 0; object-fit: cover;}
}
@media (max-width: 900px) {
    /*#visual .sliderbx li.mv01 .abox_img img{width: auto; margin-left: -40%;}
    #visual .sliderbx li.mv03 .abox_img img{width: auto; margin-left: -30%;}
    #visual .sliderbx li.mv05 .abox_img img{width: auto; margin-left: -40%;}*/

    #visual #slogan .img01{margin-top: 30px;}

    #visual div.bx-pager{top: 5%;}
    #visual div.bx-pager div{margin: 0 30px 0 0}

}


.counter_area{background: #F6F4F0; padding: 100px 0; text-align: center;}
.counter_area .titleArea{margin-bottom: 60px;}
.counter_area .titleArea:after{content: ""; display: block; width: 3em; height: 1px; background:  #917151; margin: 20px auto;}
.counter_area .titleArea h2{text-align:center;font-size:3em;letter-spacing:-2px;font-weight:500; line-height:1.4em;margin-bottom:50px;}
.counter_area .titleArea h4{text-align:center;margin-bottom:30px;font-size:1.3em;color: #917151;line-height:1.7em;font-weight:500;}


.counterareabg{ padding:0 0 80px; text-align:center; display: none;}
.counterareabg span.title{ font-size:2.0em; font-weight:bold; text-align:center; margin:0px 0px 50px !important; display:inline-block; width:15%}
.counterareabg .counter_wrap{font-size:5.0em; font-weight:bold; text-align:center; display: grid; grid-template-columns: 15% 15% 15%; align-items: center; justify-content: center;}
.counterareabg .counter_wrap span.counter{margin:0px !important; display:inline-block;}
.counterareabg:after{content:"";display:block;clear:both;}

@media (max-width: 900px) {
    .counter_area .titleArea h2 {font-size:1.5em;}
    .counterareabg span.title{font-size: 1.3em;width: 32%;margin-bottom: 28px!important;}
    .counterareabg .counter_wrap{grid-template-columns: 32% 32% 32%;font-size: 2.5em;}
}

/* 4배너_유니코리아 중점 */
.ad{background-color: #917151; padding: 100px 0}
.ad h2{text-align:center;font-size:3em;letter-spacing:-2px;color: #ffffff;font-weight:500;margin-bottom:50px;line-height: 1.4em;}
.ad h4{text-align:center;margin-bottom:30px;font-size:1.3em;color: #FFFFE0;line-height:1.7em;font-weight:500;}

.inr{width:1400px; margin:0 auto; transition: all 1.3s ease-out 0s;transition-delay:0.2s;  position:relative;}
.inr > ul:after{display:block; content:""; clear:both;}
.inr > ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;/* gap: 20px; */}
.inr > ul li{transition: all 0.3s;background: #fff;}
.inr > ul li *{display:block;}
.inr > ul li:hover > div{background:#F9F9F9; box-shadow:0 0 30px #241C1456;transition: all 0.3s;}
.inr > ul li div{padding:55px 40px 60px 40px;background: #ffffff;/* border-radius: 50%; */text-align: center;/* aspect-ratio: 1/1; */}
.inr > ul li:nth-child(even) > div{background: #eeeeee56;}
.inr > ul li div em{margin-top:10px; color:#22222256; letter-spacing:-1px; font-style:normal; line-height:1.5em; font-size:1.35em;}
.inr > ul li div i{color:#241C14; font-style:normal; letter-spacing:-1.2px; font-size:1.58em; font-weight:600;}
.inr > ul li:hover div i{color:#483828; transition: all 0.3s;}
.inr > ul li .line{width:0; height:2px; background:#483828; margin-top:4px;display:block; transition: all 0.3s;}
/*.inr > ul li:hover .line{width:100%; transition: all 0.3s;}*/
.inr > ul li p {margin-bottom: 30px;}
.inr > ul li p img{width: 80px;height:auto;margin: 0 auto;}
@media (max-width: 1200px) {
    .ad h2{font-size:1.7em; letter-spacing:-1px;margin-bottom:30px;}
    .ad h2 strong{display: block;}
    .inr{width:100%; padding: 0 20px;  margin:0px auto 0px auto; }
    .inr > ul{grid-template-columns: 1fr 1fr;}
    .inr > ul li{}
    .inr > ul li div em{font-size:1em;}
    .inr > ul li div i{font-size: 1.4em;line-height:1.3em;}
    .inr > ul li div{padding:20px 15px;}
    .inr > ul li p img{width:30px; height:auto;}
}
@media (max-width: 900px) {
    .inr > ul{grid-template-columns: 1fr;}
}

.movie{width:100%;background: url("../img/main_re/movie_bg.jpg") #0f294a fixed no-repeat center/cover;padding:100px 0;position: relative;display: none;}
.movie:before{content: ""; z-index: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #0f294a; opacity: 0.9;}
.movie h2{z-index: 10;position: relative;text-align:center;font-size:3.5em;letter-spacing:-2px;color:#fff;font-weight:500;margin-bottom:30px;}
.movie h2 strong{font-weight:500; display:block; color:#fff;font-size:0.9em; padding-top:14px;}
.movie h3{z-index: 10; position: relative; text-align:center;margin-bottom:50px;font-size:1.6em;color:rgba(255,255,255,0.7);letter-spacing:-1px;line-height:1.7em;font-weight: 300;}
.movie h4{z-index: 10; position: relative; text-align:center; margin-bottom:30px; font-size:1.3em;color:#ffffff35; line-height:1.7em; font-weight:500;}

.movie .in{width:1200px; margin:0 auto; display: grid; gap: 20px; grid-template-columns: 1fr 1fr; z-index: 10; position: relative;}
.movie .in div{}
.movie .in div iframe{aspect-ratio:1/0.5; background-color: #ffffff56}

@media (max-width: 1200px) {
    .movie{width:100%; margin:0 auto; padding:50px 15px 50px 15px;}
    .movie h2{font-size:1.7em; letter-spacing:-1px;margin-bottom:30px;}
    .movie h2 strong{padding-top:8px;}
    .movie h3{margin-bottom:30px; font-size:1.06em; line-height:1.45em;}
    .movie .in{width:100%;}
    .movie .in div{width:100%;}
    .movie .in div iframe{height:270px;}
}


/* 2이미지배너 */
.banner{width:1200px; margin:0 auto 110px auto; display:none;}
.banner .in{float:left; width:50%; }
@media (max-width: 1200px) {
    .banner{width:100%; margin:0}
    .banner .in{width:100%;}
    .banner .in img{width:100%; height:auto;}
}

/* 서비스 */
.area_service{position:relative;}
.area_service .wrap{width:1200px;margin:0 auto;text-align: center;}
.area_service ul{overflow:hidden;margin-top:70px;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.area_service p + a{position:absolute; top:97px; right:280px;}
.area_service ul li{overflow:hidden;}
.area_service ul li img{width:100%; height:100%;}
.area_service ul li a{display:block;}
.area_service ul li p{margin-top:15px; font-weight:500; color:#444; transition:all 0.3s ease-out 0s;}
.area_service ul li:hover p{color:#e49a9d;}
@media (max-width: 1200px) {
    .area_service{padding:50px 0 50px; background:url(../img/main/uni_bg.jpg) no-repeat 100% 100%; background-size:cover;}
    .area_service .wrap{width:100%; margin:0}
    .area_service h1{ text-align:center;}
    .area_service h1 img{width:190px; height:auto;}
    .area_service h1 + p{margin-top:15px; font-size:0.96em; line-height:1.5em; color:#666; text-align:center;}
    .area_service ul{ text-align:center;}
    .area_service ul li{margin:3px; width:70px; height:70px;}
}


/* 퀵4 */
.area_quick{position:relative; padding:100px 0; background:url(../img/main_re/uni_bg.jpg) fixed bottom center/cover; text-align: center; position: relative}
.area_quick:before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50&0+0,1+50 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 20%,rgba(255,255,255,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.area_quick .title{margin-bottom: 100px; z-index: 10;position: relative;}
.area_quick h1{z-index: 10;position: relative;text-align:center;margin-bottom:30px;font-size:1.3em;line-height:1.7em;font-weight: 800;}
.area_quick h1 + p{margin-top:30px;font-size:1.52em;line-height:1.6em;color:#666;font-weight: 300;}

.area_quick .btn{padding: 0.5em 0.2em; margin: 2em auto; height: auto; font-size: 3em;
    position: relative;    text-decoration: none; color: #000;
}
.area_quick .btn span{position: relative; z-index: 3;}
.area_quick .btn:hover{box-shadow:none; color: #C03635;}

.area_quick .btn::before,
.area_quick .btn::after{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 30px; /* 밑줄의 두께 */
    transition: width 0.3s ease-out; /* 애니메이션 속성 */
}

.area_quick .btn::before {
    width: 100%;
    background-color: #00000012; /* 밑줄 색상 */
    z-index: 1;
}
.area_quick .btn::after {
    width: 0%;
    background-color: #F3D8DD; /* 밑줄 색상 */
    z-index: 2;
}

.area_quick .btn:hover::after {
    width: 100%; /* 마우스를 올리면 밑줄이 사라지도록 설정 */
}


@media (max-width: 1200px) {
    .area_quick h1 + p{font-size: 1.2em;}
    .area_quick{width:100%;margin:0;padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 900px) {
    .area_quick .btn{font-size: 1.8em;}
    .area_quick .btn::before,
    .area_quick .btn::after{height: 20px;}

}

.swiperReview{padding: 40px 60px;}
.swiperReview .box{display: grid;grid-template-columns: 250px auto;align-items: center;/* border: 1px solid #eee; */background: #fff;border-radius: 10px;overflow: hidden;}
.swiperReview .imgArea {aspect-ratio:1/1;}
.swiperReview .imgArea img{width: 100%; height: 100%; object-fit: cover;}
.swiperReview .txtArea{padding: 35px;}
.swiperReview .txtArea > span{opacity: 0.8;font-size: 0.9em;}
.swiperReview .txtArea > span i{color: #FF8585;}
.swiperReview .txtArea > p{font-size: 1.4em;line-height: 1.4em;font-weight: 800;margin: 4px 0 10px 0;}
.swiperReview .txtArea > div{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%; line-height: 1.8em; font-size: 1.1em;}
.swiperReview .swiper-pagination-bullet-active{background: #DC000C;}
.swiper-button-wrap{position: relative;display: flex;justify-content: center;align-items: center; margin: 0px auto 40px;}
.swiper-button-next, .swiper-button-prev{all: unset;border-radius: 20px;transform: rotate(-90deg); margin: 0 4px;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

.swiperReview .swiper-button-next svg,
.swiperReview .swiper-button-prev svg{display: none;}

.review_area .titleArea:after{content: ""; display: block; width: 3em; height: 1px; background:  #917151; margin: 20px auto;}
.review_area .titleArea h2{text-align:center;font-size:3em;letter-spacing:-2px;font-weight:500; line-height:1.4em;margin-bottom:50px;}
.review_area .titleArea h4{text-align:center;margin-bottom:30px;font-size:1.3em;color: #C03635;line-height:1.7em;font-weight:500;}

.review_area{background: #FFDDDE;padding: 100px 0;}
.review_area .btn{display: inline-block; height:auto; background: #917151;color: #fff;font-size: 1.3em;font-weight: 600;padding: 20px 35px;margin-top: 30px;}
.review_area .cus{margin: 20px auto; font-size: 1.4em; font-weight: 600;}
.review_area .cus strong{color: #917151;}


@media (max-width:767px){
    .swiperReview .box{grid-template-columns: 200px auto; }
    .swiperReview .imgArea{aspect-ratio:1/1.3; }
}

@media (max-width:600px){
    .swiperReview .box{display: block;}
    .swiperReview .imgArea{aspect-ratio:1/0.5; }
    .swiperReview .txtArea > div{line-height: 1.5em;}
    .swiperReview .txtArea > span{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width:100%;}
    .swiperReview .txtArea > p{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%;}

}

@media (max-width: 900px) {
    .review_area .titleArea h2{font-size: 2em;}
}


/* FAQ */
.area_faq{background: #FBF7F2; padding: 100px 0;}
.faq_inr{display: flex; gap: 80px; align-items: flex-start;}
.faq_hd{width: 34%; flex-shrink: 0; position: sticky; top: 40px;}
.faq_hd h4{font-size: 1.3em; color: #C03635; font-weight: 500; letter-spacing: -1px; margin-bottom: 14px;}
.faq_hd h2{font-size: 3em;font-weight: 500;letter-spacing: -2px;line-height: 1.35em;color: #241C14;margin-bottom: 22px;}
.faq_hd p{font-size: 1.2em;color: #666;line-height: 1.85em;margin: 0 0 32px;}
.faq_call{display: inline-flex; align-items: center; height: 48px; padding: 0 28px; background: #917151; border-radius: 40px; font-size: 15px; font-weight: 500; color: #fff !important; transition: background 0.3s;}
.faq_call:hover{background: #7a5d40;}

.faq_list{flex: 1; min-width: 0;}
.faq_item{background: #fff; border-radius: 8px; margin-bottom: 8px; overflow: hidden; border: 1px solid #ECE3DA; transition: border-color 0.3s;}
.faq_item.active{border-color: #C03635;}
.faq_q{padding: 20px 24px;font-size: 1.3em;font-weight: 500;display: flex;align-items: flex-start;gap: 14px;line-height: 1.5em;color: #333;cursor: pointer;}
.faq_q .q_mark{flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #C03635; color: #fff; font-size: 0.85em; font-weight: 700; margin-top: 2px;}
.faq_q .q_str{flex: 1; min-width: 0;}
.faq_q i{flex-shrink: 0; color: #917151; transition: transform 0.3s; margin-top: 6px;}
.faq_item.active .faq_q i{transform: rotate(180deg);}
.faq_a{display: none;padding: 0 24px 20px;font-size: 1.2em;line-height: 1.7em;color: #666;}
.faq_item.active .faq_a{display: block;}

@media (max-width: 1200px) {
    .area_faq{padding: 80px 0;}
    .faq_inr{gap: 50px;}
    .faq_hd{width: 40%;}
}
@media (max-width: 900px) {
    .faq_hd h2{font-size: 2em;}
    .faq_hd p{font-size: 1.05em;}
}
@media (max-width: 768px) {
    .area_faq{padding: 60px 0;}
    .faq_inr{flex-direction: column; gap: 30px;}
    .faq_hd{width: 100%; position: static;}
    .faq_hd h4{font-size: 1.1em;}
    .faq_call{height: 44px; padding: 0 22px; font-size: 14px;}
}
@media (max-width: 600px) {
    .area_faq{padding: 50px 0;}
    .faq_hd h2{font-size: 1.6em; margin-bottom: 14px;}
    .faq_hd p{font-size: 1em; margin-bottom: 22px;}
    .faq_q{padding: 16px 18px; font-size: 1.05em; gap: 10px;}
    .faq_q .q_mark{width: 22px; height: 22px; font-size: 0.75em;}
    .faq_a{padding: 0 18px 16px; font-size: 0.95em; line-height: 1.6em;}
}


/*왜유니코리아를 선택할까요*/
#about{width:100%;text-align:center;padding:80px 0 80px 0;z-index: 999;position: relative;}
#about h2{font-size:3em;letter-spacing:-2px;color:#000;font-weight:500;}
#about h2 strong{font-size:1.33em;font-weight:500;color: #cf6677;letter-spacing: -1px;}
#about .con{padding-top:100px; background:url(../img/main/tt01.png) no-repeat center 50px;}
#about .con h3{color: #4f4f4f;font-size:2.5em;margin-bottom:28px;letter-spacing:-2px;font-weight:500;line-height: 1.4em;}
#about .con h3 strong{color: #cf6677;font-weight:500;}
#about .con h3 span{color:#3a649d;}
#about .con h4{color:#666;font-size:1.4em;line-height:1.7em;font-weight: 300;}
#about .ico{width:1200px; margin:0 auto; padding-top:120px; background:url(../img/main/tt02.png) no-repeat center 22px;}
#about .ico li{float:left; margin-right:33px; padding-right:33px; border-right:1px dotted #ddd}
#about .ico li a{display:block; }
#about .ico li img{width:40px; height:auto; transition: 0.5s; }
#about .ico li:last-child{margin-right:0; padding-right:0; border-right:none;}
#about .ico li p{margin-top:13px; padding:10px 12px; font-size:1.44em; color:#000; font-weight:500; transition: all 0.3s; position:relative;}
#about .ico li p:hover{color:#165689}
/*#about .ico li p:after{display:block; content:""; background:#165689; width:0; height:5px; position:absolute; bottom:0; left:0;}
#about .ico li p:before{display:block; content:""; background:#165689; width:0; height:2px; position:absolute; top:0; left:0;}
#about .ico li a:hover p:after{width:100%; transition: all 0.3s;}
#about .ico li a:hover p:before{width:100%; transition: all 0.3s;}*/
@media (max-width: 1200px) {
    #about{padding:40px 0;}
    #about h2{font-size:1.5em; letter-spacing:0px;}
    #about .con{background:none; padding:20px;}
    #about .con h3{font-size:1.2em; line-height:1.4em; margin-bottom:15px; letter-spacing:-1px;}
    #about .con h4{font-size:0.9em; line-height:1.4em;}
    #about .ico{width:100%; padding-top:10px; background:none;}
    #about .ico li{float:left;width:calc(33.333% - 15px); margin:7px; padding-right:0; border-right:none;}
    #about .ico li img{width:33px;}
    #about .ico li p{padding:8px 0; font-size:0.9em;}
    #about .ico li p:after{display:none;}
    #about .ico li p:before{display:none;}
}


/*갤러리 공간*/
#insta_area{width:100%;}
#insta_area .in{width:100%; margin:0 auto; position:relative; text-align:center;}
#insta_area .in .gal{position:relative;}
#insta_area .in .gal .tit{position:absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:100;background: #00000096;}
#insta_area .in .gal .tit a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display:block;color:#fff;text-align:center;font-size:1.6em;padding-top: 60px;width:200px;height:200px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.7);}
#insta_area .in .gal .tit a p{}
#insta_area .in .gal .tit a span{font-size: 1.3em;margin-top: 25px;display: inline-block}
#insta_area .in .gal li{float:left; width:33.333%; position: relative; overflow:hidden; background:#000;}
#insta_area .in .gal li img{width:100%; height:auto; opacity:0.8;}
#insta_area .in .gal li:hover .bg{display:block; transition: 0.5s; opacity:0.45;}
#insta_area .in .gal li .bg{ background: #000; opacity:0; width:100%; height:100%; position:absolute; left:0; top:0; transition: 0.5s;}
@media (max-width: 1200px) {
    #insta_area{height:auto; padding:0; }
    #insta_area .in{width:100%;}
    #insta_area .in .gal{}
    #insta_area .in .gal li{width:50%;}
    #insta_area .in .gal .tit{/* top:29%; */}
    #insta_area .in .gal .tit a{font-size:1.3em;padding-top: 25px;width: 150px;height:120px;}
}


/*유니코리아 뉴스*/
.main_news {margin-bottom:80px;}
.main_news .main_tit{background: #ecf6f8;padding:100px 0 240px 0;text-align:center;margin-bottom:50px;}
.main_news .main_tit h2 {font-size:3em;margin-bottom:12px;/* color:#fff; */}
.main_news .main_tit h2 strong{color:#2d507d; font-weight: 700; }
.main_news .main_tit h3 {font-size:2em;/* color:#fff; */ opacity: 0.8;}
.main_news .in_box {width:1300px; margin:0 auto; margin-top:-253px;}
.main_news a {width:calc(25% - 18px); margin-right:20px; display:inline-block; vertical-align: top; background: #fff; transition:0.3s ease all; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.main_news a:nth-child(4n){margin:0;}
.main_news .txt{padding:30px;}
.main_news .txt h5{font-size:1.8em; color:#000; font-weight:500;}
.main_news .txt p{font-size:1.3em;margin:20px 0;line-height:1.45em;font-weight: 200;}
.main_news img {width:100%;}
.main_news .go_btn {display:block; width:35px; transition:1s ease all;}
.main_news a:hover {box-shadow: 0 0 25px 5px rgba(0,0,0,0.2);}
.main_news a:hover h5 {color:#32487b; font-weight:600;}
.main_news a:hover .go_btn {transform:translate(30px, 0);}
@media (max-width: 1200px) {
    .main_news {margin-bottom:0; background:#ecf6f8; padding-bottom:40px;}
    .main_news .main_tit{ padding:40px 0 10px 0; text-align:center; margin-bottom:0;}
    .main_news .main_tit h2 {font-size:1.5em; margin-bottom:6px; }
    .main_news .main_tit h3 {font-size:1.1em;}
    .main_news .in_box {width:100%; margin-top:0; padding:10px;}
    .main_news a {width:calc(50% - 5px); margin-right:6px; margin-bottom:10px;}
    .main_news a:nth-child(2n){margin-right:0;}
    .main_news .txt{padding:18px 10px;}
    .main_news .txt h5{font-size:1.2em;}
    .main_news .txt p{font-size:0.92em;}
}


/*무료상담신청 폼메일*/
#big_form{/* background:#333 url(../img/main/form_back.jpg) no-repeat; */text-align:center;background-attachment: fixed;padding:100px 0 100px 0;color: #fff;}
#big_form .in{width:800px;margin:0 auto;padding:50px;}
#big_form .in h1{font-size:2em;line-height:1.5em;margin-bottom:30px;text-align:center;font-weight:500;}
#big_form .in h1 span{display:block;font-size:0.8em;font-weight: 300;opacity: 0.7;}
#big_form .in h1 strong{color: #FF8585;font-weight:500;}
#big_form .in .formbox:after{display:block; content:""; clear:both;}
#big_form .in .formbox{display: grid;grid-template-columns: 20% 1fr;align-items: center;margin-bottom: 10px;/* height:50px; */line-height: 40px;}
#big_form .in .formbox .title{font-size:1.3em;text-align:left;color: #fff;font-weight:500;}
#big_form .in .formbox .rd {text-align:left;font-size: 1.2em;}
#big_form .in .formbox .rd input{margin-left: 6px;}
#big_form .in .formbox .form {text-align:left;}
#big_form .in .formbox .form input{width:100%;border: 0;background:#fff;height: 40px;color: #373c4e;text-indent: 10px;}
#big_form .in .subm {}
#big_form .in .subm input{width:100%;background: linear-gradient(40deg, #BC9268, #8D6E4E)!important;border:none !important;color:#fff;padding:16px;font-size: 1.5em!important;font-weight: 600;height: auto;}
#big_form .in .subm input:hover{background: linear-gradient(40deg, #BC9268, #BC9268) !important;}
#big_form .in .agree{margin:15px 0;text-align: right;}
#big_form .in .agree label { font-size:1.2em; font-weight:500;}
#big_form .in .agree label input[type="checkbox"] {/* display:none; */}
#big_form .in .agree label input[type="checkbox"] + em {
    /* display:inline-block; */
    /* width:25px; */
    /* height:25px; */
    /* margin-right:5px; */
    /* background:url(../img/common/bg_chkbox2.png) 0 0 no-repeat; */
    /* background-size :50px auto; */
    /* vertical-align:middle; */
}
#big_form .in .agree label input[type="checkbox"]:checked + em {background-position:-25px 0;}
#big_form input[type=checkbox], #big_form input[type=radio]{width: 2rem !important;height: 2rem !important;margin:0;}
@media (max-width: 1200px) {
    #big_form{padding:35px 0 35px 0; background-size:cover;}
    #big_form .in{width:100%; padding:15px; background:none;}
    #big_form .in h1{font-size:1.2em; line-height:1.4em; margin-bottom:15px;}
    #big_form .in .formbox{height:36px; }
    #big_form .in .formbox .title{width:60px; padding-top:8px; font-size:1em; }
    #big_form .in .formbox .rd {width:calc(100% - 20px); margin-top:10px;}
    #big_form .in .formbox .form {/* width:calc(100% - 80px); */}
    #big_form .in .formbox .form input{ height:36px;}
    #big_form .in .subm input{ padding:12px; font-size:1.2em;}
    #big_form .in .agree{margin:15px 0;}
    #big_form .in .agree label { font-size:1em;}
}



#map{border: 20px solid #081525;}


#business {width:100%; background:#000 url(../img/main_re/back.jpg) no-repeat center; color:#fff;text-align:center;background-attachment: fixed;padding:100px 0; display:table }
#business > div{display: table-cell; vertical-align: middle;}
#business h1{font-size: 1.6em;line-height: 1.6em;font-weight: 300;}
#business h1:before{display:block; content:""; height: 10px; background: url("../img/common/line.svg") no-repeat center/auto 100%; margin-bottom: 20px;}

#business h1 strong{}
#business .cn{background: #000;padding:5px 15px;display:inline-block;border-radius: 4px;}
#business h2.title{font-size: 3.5em;color:#fff;text-align:center;font-weight:300;margin: 30px 0 20px 0;display: flex;:a;align-items: center;justify-content: center;}
#business h2.title strong{font-weight:600; margin-left:8px; color:#f1f5f9;}
#business h2.title span{display:inline-block;/* margin:30px 0; */font-size:0.55em;line-height: 1em;font-weight:300;color:rgba(255,255,255,0.7);}
#business .sec03_ul{overflow:hidden; text-align:center;}
#business .sec03_ul li{display:inline-block; margin:20px; text-align:center;}
#business .sec03_ul li .ic{border:1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.08); width:120px; height:120px; font-size:4em; padding-top:35px; border-radius:40px;}
#business .sec03_ul li .svg-inline--fa{font-size:0.8em;}
#business .sec03_ul li span{display:block; margin-top:15px; font-size:1.18em;}
#business .sec03_link{overflow:hidden; text-align:center; margin-top:40px;}
#business .sec03_link a{display:inline-block;transition: all 0.3s;vertical-align:top;max-width:220px;width:40%;padding:0.8em 0;font-size:1.3em;font-weight:400;background:#FFF;margin:0 0.25%;border-radius: 4px;border:1px solid #FFF;}
#business .sec03_link a:hover{color:#FFF; background:transparent; transition: all 0.3s;}
#business .sec03_link a i{margin-right: 4px;}
@media (max-width: 1200px) {
    #business {padding:35px 0;}
    #business h1{font-size:1.2em;}
    #business h2.title{font-size:1.5em;}
    #business h2.title span{margin:15px; font-size:0.5em;}
    #business .cn{ border:none; padding:0; font-size:0.85em;}
    #business .sec03_ul li{margin:15px;}
    #business .sec03_ul li .ic{width:80px; height:80px; font-size:2em; padding-top:25px;}
    #business .sec03_ul li span{margin-top:10px; font-size:0.85em;}
    #business .sec03_link{margin-top:15px;}
    #business .sec03_link a{width:40%; max-width: inherit; padding:10px 0; font-size:1em;}
}


#container_index > .grid{display: grid;grid-template-columns: 1fr 1fr;background: linear-gradient(40deg, #00142C, #000)!important;}
@media (max-width: 1200px) {
    #container_index > .grid{display: block;}
}



.dataform {padding:8px 14px; background-color:#fff; color:#000; border-radius:4px; margin-top:-20px; font-size:1.16em; font-weight:500; display:inline; float:right; margin-right:14px; box-shadow:0px 0px 1px #333;}
@media (max-width: 1200px) {
    .dataform { display:none}
}