input[type=radio] {    margin: 0px 5px 0 0;}
[type="radio"] {  display: inline-block;  vertical-align: middle; background: lightgray;    appearance: none; border-radius: 50%;    width: 1.25em;    height: 1.25em;}
[type="radio"]:checked {  background: #fff;   border: 0.4em solid #353B73;}
[type="radio"]:focus-visible {    outline-offset: max(2px, 0.1em);    outline: max(2px, 0.1em) dotted #353B73;}
[type="radio"]:hover {    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;    cursor: pointer;}
[type="radio"]:disabled {    background-color: lightgray;    box-shadow: none;    opacity: 0.7;    cursor: not-allowed;}
[type="radio"]:disabled + span {    opacity: 0.7;    cursor: not-allowed;}
[type="checkbox"] {border: 1px solid #666!important;position: relative;display: inline-block;vertical-align: middle;background: #fff!important;appearance: none;width: 1.5em;height: 1.5em;border-radius: 4px;}
[type="checkbox"]::after {color: #ffffff;position: absolute;font-size: 0.8em;cursor: pointer;top: 1px;left: 7px;box-sizing: border-box;width: 6px;height: 12px;transform: rotate(45deg);border-width: 2px;border-style: solid;border-color: #ffffff;border-top: 0; border-left: 0;transition: all 200ms ease-in; content: "";/*content: "\f00c"; display: block; font-weight: 400; font-family: "Font Awesome 5 Pro";*/}
[type="checkbox"]:checked {    border-color: #353B73!important;background: #353B73!important;}
[type="checkbox"]:checked::after {  border-color: #fff!important}
[type="checkbox"]:focus-visible {    outline-offset: max(2px, 0.1em);    outline: max(2px, 0.1em) dotted #353B73;}
[type="checkbox"]:hover {    box-shadow: 0 0 0 max(4px, 0.2em) #e8e8e8;    cursor: pointer;}
[type="checkbox"]:disabled {    /*background-color: lightgray*/;    box-shadow: none;    opacity: 0.7;    cursor: not-allowed;}
[type="checkbox"]:disabled + span {    opacity: 0.7;    cursor: not-allowed;}


/* 메인슬라이더 */
#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;bottom:0;right:80px;background:url(../img/main/big_banner.png) repeat;width:386px;height:530px;z-index:100;display: none;}
#visual .big_banner a{display:block; position:absolute; bottom:83px; left:80px; width:222px; height:50px; background:#fff; text-align:center;}
#visual .big_banner h3{font-size:1.5em;  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: 70%;transform: translateY(-50%);}
#visual #slogan .img01{ font-size:1.5em; line-height: 1.2em; opacity: 0.5; font-weight:400; margin-top:60px;}
#visual #slogan .img02{ font-size:3.5em; font-weight:500;}
#visual #slogan .img02 strong{font-weight:600;}
#visual #slogan .img03{ font-size:4em; font-weight:500; margin-top:45px;}
/*#visual .mv01 #slogan{ bottom:150px; left:50%; margin-left:140px;}
#visual .mv02 #slogan{ top:100px; left:50%; margin-left:-550px;}
#visual .mv03 #slogan{ bottom:150px; left:50%; margin-left:140px;}
#visual .mv04 #slogan{ top:300px; left:50%; margin-left:-40px; color:#152a51; text-shadow:none;}*/
#visual .sliderbx li:after{content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #223C5E;
    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: 600;
}
#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{bottom:-15px; right:-15px; background-size:170px 233px; width:170px; height:233px; z-index:100;}
    #visual .big_banner a{bottom:30px; left:35px; width:100px; height:25px;}
    #visual .big_banner h3{font-size:0.9em; letter-spacing:-1px;}
    #visual #slogan{width:100%;padding:0;text-shadow:0px 0px 10px rgba(0,0,0,0.4);padding: 0 10px;}
    #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 #slogan{top: 65%;}
    #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}

}



/* 4배너_유니코리아 중점 */
.ad{background-color: #dbe3ec; padding: 60px 0}
.ad h2{ text-align:center; font-size:3em; letter-spacing:-2px; color:#222222; font-weight:500; margin-bottom:50px;}
.ad h4{text-align:center; margin-bottom:30px; font-size:1.3em;color:#2d507d; 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;}
.inr > ul li *{display:block;}
.inr > ul li:hover > div{background:#F9F9F9; box-shadow:0 0 30px #ddd;transition: all 0.3s;}
.inr > ul li div{padding:55px 40px 60px 40px;background: #ffffff;border-radius: 0 2em 2em 2em;text-align: center;}
.inr > ul li:first-child{border-left:0;}
.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:#2f3249; font-style:normal; letter-spacing:-1.2px; font-size:1.58em; font-weight:600;}
.inr > ul li:hover div i{color:#454f9e; transition: all 0.3s;}
.inr > ul li .line{width:0; height:2px; background:#454f9e; 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.1em; 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;}
.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) no-repeat 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) 0%,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 ul { z-index: 10;position: relative;
    max-width:1400px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin: 0 auto;
}
.area_quick ul li{
    text-align:center;
    font-size:2.5em;
    font-weight:700;
    background:#ffffff;
    position:relative;
    overflow:hidden;
    box-shadow: 0px 5px 20px rgba(0,0,0,.2);
}
.area_quick ul li img{width: 100%;}
.area_quick ul li .ov{position:absolute; top:-212px; left:0; width:100%; height:100%; background:#fff; opacity:0; transition: all 0.3s; }
.area_quick ul li:hover .ov{top:0; display:block; opacity:0.1; transition: all 0.3s;}
.area_quick ul li strong{display: block;margin-bottom: 25px;font-size:1em;color: #2d507d;}
.area_quick ul li .irop{margin-top: 20px;font-size: 0.5em;line-height:1.4em;opacity:0.95;font-weight: 300;}
.area_quick ul li:last-child{border-right:none;}

.area_quick ul li .txt{padding: 30px 0;}
.area_quick ul li .txt p{display: block;font-size: 0.75em;}

/*hoverBOX*/
.block_over{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.9; z-index:2;}
.block_over .drawborder{display:block;background:#000; position: absolute;}
.block_over .drawborder-top{width: 0%; height: 5px; left: 0; top: 0; transition-delay: 0s;}
.block_over .drawborder-left{width: 5px; height: 0%; top: 0; right: 0; transition-delay: 0s;}
.block_over .drawborder-bottom{width: 0%; height: 5px; right: 0; bottom: 0; transition-delay: 0s;}
.block_over .drawborder-right{width: 5px; height: 0; left: 0; bottom: 0; transition-delay: 0s;}
.block_over:hover .drawborder{transition: all 0.25s;}
.block_over:hover .drawborder-top{width: 100%; transition-delay: 0s;}
.block_over:hover .drawborder-left{height: 100%; transition-delay: 0.1s;}
.block_over:hover .drawborder-bottom{width: 100%; transition-delay: 0.2s;}
.block_over:hover .drawborder-right{height: 100%; transition-delay: 0.3s;}
@media (max-width: 1200px) {
    .area_quick h1 + p{font-size: 1.2em;}
    .area_quick{width:100%;margin:0;padding-left: 20px;padding-right: 20px;}
    .area_quick ul{grid-template-columns: 1fr 1fr;}
    .area_quick ul li{font-size: 1.6em;}
    .area_quick ul li .txt p{font-size: 1em;}
    .area_quick ul li strong{margin-bottom:8px;}
    .area_quick ul li .irop{margin-top:8px; font-size:0.72em;}
}
@media (max-width: 900px) {
    .area_quick ul li{font-size: 1.2em;}

}


/*왜유니코리아를 선택할까요*/
#about{width:100%; text-align:center; padding:80px 0 80px 0;}
#about h2{font-size:3em; letter-spacing:-2px; color:#000; font-weight:500;}
#about h2 strong{font-size:1.33em; font-weight:500; color:#7b8bb8;}
#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;}
#about .con h3 strong{color:#7b8bb8;  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: #7b8bb8;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, #2f3249, #000)!important;border:none !important; color:#fff; padding:16px; font-size:1.5em; font-weight:500;}
#big_form .in .subm input:hover{ background:linear-gradient(40deg, #383e6e, #2f3249) !important;}
#big_form .in .agree{margin:15px 0;}
#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% - 80px); 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;}
}






/*하단 회사소개 배너*/
#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.4em;line-height:1.4em;font-weight: 300;}
#business h1 strong{}
#business .cn{ border:2px solid #f1f5f9; padding:5px 15px; display:inline-block;}
#business h2.title{font-size:2.8em; color:#fff; text-align:center;  font-weight:300; margin:30px 0 10px 0;}
#business h2.title strong{font-weight:600; margin-left:8px; color:#f1f5f9;}
#business h2.title span{ display:block; margin:30px 0; font-size:0.55em; line-height:1.5em; 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:1px solid #FFF;}
#business .sec03_link a:hover{color:#FFF; background:transparent; transition: all 0.3s;}
@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, #2f3249, #000)!important;}
@media (max-width: 1200px) {
    #container_index > .grid{display: block;}
}