@charset "UTF-8";

/*-------------------------------------------------
title       : 메인
Author      : 최연아
Create date : 2023-10-25
-------------------------------------------------*/
/*공통*/
.title1{color:#111111;font-size:2.4rem;font-weight:bold;margin-bottom:1.6rem;}
.title2{color:#111111;font-size:1.8rem;font-weight:bold;}

#contents{padding-bottom:10rem;}

.modal .btn { height: 4.5rem; border-radius: 5px; line-height: 4.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 11.8rem; padding: 0 1.5rem; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; font-weight: 500; margin: 0 0.25rem; border: 1px solid #000; color: #fff; background: #000; } 
.modal .btn:hover, .btn:focus { background: #EBEBEB; color: #000000; border-color: #7F7F7F; }
.modal .title2 { font-size: 2.4rem; margin: 4rem 0 2rem; }
.modal .depth { color: #6C757D; font-size: 1.5rem; } 
.modal .depth > i { color: #155CD6; font-size: 1.7rem; margin-right: 2px; vertical-align: middle; }

/*비주얼*/
.main_visual{position:relative;width:100%;height:32rem;display:flex;align-items: center;justify-content: space-between;padding-bottom:6rem;}
.main_visual .visual_text{color:#fff;font-size:2rem;font-weight:500;}
.main_visual .visual_text > strong{font-family: 'Play';font-weight:bold;font-size:4.8rem;display:block;margin-bottom:1.5rem;line-height:1.1;}
.main_visual .visual_text > span{display: block;}
.main_visual .visual_text > span > strong{font-size:3.5rem;}
.main_visual .visual_text > div.visual_cnt > span{background: rgba(255,255,255,0.5); color: #000; font-size: 1.5rem; padding: 3px 7px; border-radius: 10px; margin-right: 0.5rem;}
.main_visual .visual_text > p{font-weight: normal; font-size: 1.6rem; margin-top: 2rem;}
.main_visual .img{background: linear-gradient(90deg, #22674c 55%, #012b1a 100%);position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display:block;z-index: -1;overflow: hidden;width:100vw;height:100%;}
.main_visual .img img{position:absolute;top:50%;left:80%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-left:7rem;margin-top:-3.3rem;}
.main_visual .log_box{min-width:31rem;min-height:17rem;max-height:24rem;padding:3.5rem;border-radius:2rem;color:#fff;position:relative;z-index: 1;overflow:hidden;}
.main_visual .log_box:before{backdrop-filter: blur(30px);content:'';-webkit-backdrop-filter: blur(30px);background: rgba(0,0,0,0.4);position:absolute;left:0;top:0;width:100%;height:100%;z-index: -1;}

.main_visual .log_box > .log{background:linear-gradient(103deg, rgba(14,102,252,1) 0%, rgba(4,191,138,1) 100%);width:100%;height:5.6rem;line-height:5.6rem;font-size:1.8rem;font-weight:bold;text-align: center;border-radius:1rem;display: block;padding:0 2rem;position:relative;overflow:hidden;}
.main_visual .log_box > .log:after{position:absolute;top:0;left:-25%;z-index:0;display:block;content:'';width:20%;height:100%;background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);transform:skewX(-20deg);}
.main_visual .log_box > .log:hover:after{animation:shine .65s;}
.main_visual .log_box .lst{display: flex;padding:0 2.5rem;margin-top:2rem;}
.main_visual .log_box .lst > li+li:before{display:inline-block;margin:0 1rem;background:rgba(255,255,255,0.2);height:1rem;position:relative;width:1px;content:'';}
.main_visual .log_box .lst > li > a:hover, .main_visual .log_box .lst > li:focus{text-decoration: underline;}

.main_visual .log_box .logout{padding-bottom:2rem;}
.main_visual .log_box .logout .icon{display:inline-block;vertical-align: middle;position:relative;width:3.6rem;height:3.6rem;margin-right:1.2rem;border-radius: 50%;border:1px solid #fff;background:url("../../image/service/main/user.png") no-repeat 50% 50% / 1.8rem;}
.main_visual .log_box .logout .name{display:inline-block; vertical-align: middle;max-width: calc(100% - 5.2rem);}
.main_visual .log_box .logout .name .d-block{display: block;}
.main_visual .log_box .logout .name strong{font-size:2rem;}
.main_visual .log_box .logout .name span{color:#7BB6FF;font-size:1.4rem;}

.main_visual .img > span{display: block;}
.main_visual .img > span > i{position:absolute;animation: move;animation-duration: 4.2s;animation-timing-function: linear;animation-iteration-count: infinite;background-size:cover;background-repeat:center;}
.main_visual .img > span > i:nth-child(1){background-image:url(../img/main/path1.png);width:1.6rem;height:1.6rem;top:4.3rem;left:8%;animation-duration: 15s;animation-delay: -18s;transform-origin: 2vw 2vh;box-shadow: 2vmin 0 4.887142604678838vmin currentColor;}
.main_visual .img > span > i:nth-child(2){background-image:url(../img/main/path2.png);width:5.3rem;height:4.2rem;top:30%;left:5%;}
.main_visual .img > span > i:nth-child(3){background-image:url(../img/main/path3.png);width:1.5rem;height:1.5rem;top:50%;left:9%;animation: 6s infinite ease-in-out alternate back-forth-1;}
.main_visual .img > span > i:nth-child(4){background-image:url(../img/main/path4.png);width:1.8rem;height:1.8rem;bottom:50%;right:10%;}
.main_visual .img > span > i:nth-child(5){background-image:url(../img/main/path5.png);width:1rem;height:1rem;bottom:33%;right:11%;animation: 6s infinite ease-in-out alternate back-forth-1;}
.main_visual .img > span > i:nth-child(6){background-image:url(../img/main/path6.png);width:1.6rem;height:1.6rem;top:20%;right:12%; animation-duration: 15s;animation-delay: -18s;transform-origin: 2vw 2vh;box-shadow: 2vmin 0 4.887142604678838vmin currentColor;}


@keyframes shine{
    100% {left:100%;}
}
@keyframes move {
    100% {
      -webkit-transform: translate3d(0, 0, 1px) rotate(360deg);
              transform: translate3d(0, 0, 1px) rotate(360deg);
    }
  }
@keyframes back-forth-0 {
    form {
      transform: translate(0, -10px);
    }
    to {
      transform: translate(0, 5px);
    }
}
@keyframes back-forth-1 {
    0% {
    transform: translate(30px, 10px);
    }

    50% {
    transform: translate(-10px, 80px);
    }

    100% {
    transform: translate(0, 0);
    }
}

@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(45deg);
    }
}
@keyframes scale {
    from {
      transform: scale(1);
    }
  
    to {
      transform: scale(1.1);
    }
}
/*section1*/
.srch_area{border-radius:2rem 2rem 0 0;margin-top:-6rem;padding:3rem;position:relative;overflow:hidden;}
.srch_area:before{backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);content:'';width:100%;height:100%;background: rgba(255,255,255,0.8);position:absolute;left:0;top:0;}
.srch_area fieldset{position:relative;display:flex;flex-direction: column;align-items: center;}
.srch_area fieldset strong{position:absolute;left:50%;top:1.3rem;transform:translateX(-50%);margin-left:-43rem;color:#111111;font-size:2.4rem;}
.srch_area .input_group{width:72rem;box-shadow: 0px 6px 30px rgba(29, 30, 47, 0.1);background-color: #fff;border-radius:5rem;height:6rem;position:relative;display:flex;}
.srch_area .form_select{border-radius:5rem 0 0 5rem;height:100%;border:0 none;padding:0 2.7rem 0 2.3rem;color:#333;font-size:1.7rem;font-weight:500;position:relative;min-width:19rem;background:#fff url(../img/main/arrow.png) no-repeat 97% 50%;}
.srch_area .form_select:focus{background:#fff url(../img/main/arrow.png) no-repeat 97% 50%;}
.srch_area .input_group button{position:absolute;right:0;top:0;width:6rem;height:6rem;background:#00462a;color:#fff;border-radius:50%;box-shadow: 0px 0px 20px rgba(0, 27, 16, 0.5);line-height:6rem;}
.srch_area .input_group button:hover:before{transform: scale(1.1);}
.srch_area .input_group button:before{content:'\F0D1';font-family: 'remixicon';display:block;font-size:2.6rem;transition: all .3s;}
.srch_area .input_group .search_keyword{border:0;padding:0 7.5rem 0 1.5rem;border-radius:0 5rem 5rem 0;width:100%;height:100%;font-size:1.7rem;}
.srch_area .input_group .search_keyword::placeholder{color:#767676;font-size:1.7rem;}
.srch_area .recommend_word{margin-top:1.7rem;}
.srch_area .recommend_word *{color:#666666;font-size:1.4rem;font-weight:300;margin-right:2rem;}
.srch_area .recommend_word *:hover{text-decoration: underline;}
.srch_area .recommend_word .more{font-weight:600;margin-right:0;}

/*section2*/
.quick_menu{display:flex;gap:1rem; margin-top: 2rem;}
.quick_menu li{flex:1; padding: 1rem; cursor: pointer; border-bottom: 1px solid #fff;}
.quick_menu li:hover > div.img{transform: translateY(-1rem); transition: 0.5s;}
.quick_menu li > div.desc > div:hover{color: #007546; text-decoration: underline;}
/* .quick_menu li:hover > div.desc strong{color: #007546; text-decoration: underline;} */
.quick_menu li > div.img{width: 40%; float:left; text-align: center; line-height: 6; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 20px;}
.quick_menu li > div.img img{width: 100%; max-width: 65px; max-height: 65px;}
.quick_menu li > div.desc{width: 60%; float:left; font-size: 1.4rem; padding-left: 2rem;}
.quick_menu li > div.desc strong{font-size: 1.7rem; color: #00462a; font-weight: bold;};

.quick_menu li > a{border-radius:1.2rem;text-align: center;height:16rem;display:flex;flex-direction: column;justify-content: space-between;color:#333333;font-weight:600;padding:3rem 1rem;word-break: keep-all;line-height:1.2;transition: all .2s;}
.quick_menu li > a:hover, .quick_menu li > a:focus{transform: translateY(-2rem);text-decoration: underline;background:#E5EBF7;}
.quick_menu li > a > i{display:block;margin-bottom:2rem;}

/* Tissue */
.quick_menu .icon { vertical-align: top; position: relative; width: 11rem; height: 11rem; margin-right:1.6rem; border-radius: 10px; } 
.quick_menu .icon img { position: absolute; width:7rem; margin-top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.quick_menu .icon.blue { background-color: #1A57BF; } 
.quick_menu .icon.green { background-color: #00A081; } 
.quick_menu .icon.cyan { background-color: #2BBDD1; } 
.quick_menu .b_type { padding:3.5rem; background:#F7F8FA; border-color:rgba(0,0,0,0); transition: all .3s; } 
.quick_menu a.b_type:hover, .quick_menu a.b_type:focus { background:#fff; }
.quick_menu a p, .quick_menu a .p-desc { display: inline-block; vertical-align: top; width: calc(100% - -10rem); font-size:1.8rem; } 
.quick_menu a p>span, .quick_menu a .p-desc>span { display: block; margin-top:0.2rem; color: #555; font-size: 1.6rem; font-weight: 400; word-spacing: -0.01rem; } 
.main_data_wrap .project_box .type.item4 { grid-template-columns: 1fr 1fr 1fr 1fr; } 
.main_data_wrap .project_box .type>li .blue_txt { margin-top:1.2rem; color:#155CD6; font-size:2rem; font-weight:600; font-family: 'semibold'; }

/*section3*/
.section3{margin-top:4.8rem;}
.section3:after{display:inline-block;width:100%;height:0;content:'';vertical-align: top;}
.section3 .list{height:27rem;}
.section3 .notice{width:calc(100% - 43.6rem);float:left;position:relative;}
.section3 .bannerzone{width:40.8rem;float:right;}
.section3 .notice > .list{border:1px solid #DDDDDD;border-radius:1.2rem;padding:2.7rem 4rem 3.2rem;}
.notice > .list li{position:relative;padding-left:1.2rem;text-align: left;}
.notice > .list li:before{content:'';position:absolute;left:0;top:.9rem;width:.4rem;height:.4rem;border-radius:100%;background-color:#6A86B4;}
.notice > .list li a{line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: 2rem;display: block;position: relative;margin-top: 1.4rem;padding-right: 10rem;color:#111111;}
.notice > .list li a .desc{font-size:0;}
.notice > .list li a .title{ background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(to right, #555, #555, #555);background-size: 100% 0.1rem, 0 0.1rem !important;background-position: 100% 100%, 0 100% !important;background-repeat: no-repeat !important;-webkit-transition: background-size 0.4s;transition: background-size 0.4s;font-size:1.7rem;color:#111111;font-weight:normal;letter-spacing: -0.34px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;display:block;}
.notice > .list li a:hover .title, .notice > .list li a:focus .title{background-size:0 0.1rem, 100% 0.1rem !important;}
.notice > .list a .date{position:absolute;right:0;top:0;font-size:1.5rem;color:#757575;letter-spacing: -0.15px;}
.notice > .list a .date strong{font-weight:normal;}
.notice > .list li a .title .xi-new{width:1.8rem;height: 1.8rem;background:#E0307B;color:#fff;border-radius:100%;text-align: center;line-height:1.8rem;display:inline-block;font-size:1.2rem;font-weight:500;vertical-align: middle;}
.notice > .list li a .title .xi-new:before{content:'N';}
.notice > .list li:first-child{padding-left:0;}
.notice > .list li:first-child a{max-height:initial;height:10.2rem;padding:0 0 0 10rem;text-overflow: inherit;white-space: normal;overflow:visible;line-height: initial;margin-bottom:1.5rem;border-bottom: 1px dashed #DDDDDD;margin-top:.6rem;}
.notice > .list li:first-child:before{display:none;}
.notice > .list li:first-child a .date{left:0;top:-.5rem;width:8.2rem;height:8.6rem;background:#6A86B4;border-radius:1rem;text-align: center;color:#fff;font-size:1.6rem;font-family: 'Play';padding-top:5rem;}
.notice > .list li:first-child a .date strong{font-size:2.4rem;position:absolute;top:1.6rem;width:100%;left:0;font-weight:bold;}
.notice > .list li:first-child a .desc{font-size:1.5rem;color:#666666;display:-webkit-box;text-overflow: ellipsis;overflow:hidden;-webkit-box-orient:vertical;max-height:8rem;-webkit-line-clamp: 2;line-height:2.1rem;letter-spacing: -0.15px;}
.notice > .list li:first-child a .title{color:#111111;font-size:2rem;letter-spacing: -0.4px;font-weight:600;margin-bottom:.8rem;line-height:3rem;}
.notice .more{overflow: hidden;position: absolute;right: 0;top: 0;width: 3.6rem;height: 3.6rem;font-size: 2rem;text-align: center;line-height: 3.6rem;border-radius:50%;border:1px solid #ddd;transition:all .2s;}
.notice .more::before{font-family: "remixicon";content: "\ea13";display: block;width: 100%;height: 100%;line-height: inherit;-webkit-transform: rotate(0);transform: rotate(0);-webkit-transition: all 0.2s;transition: all 0.2s;}
.notice .more:hover:before, .notice .more:focus:before{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.notice .more:hover, .notice .more:focus{background:#333;color:#fff;border-color:#333;}

.bannerzone .banner_slide_wrap{position:relative;border-radius:1.2rem;}
.bannerzone .banner_slide .swiper-slide a:focus-visible{border:1px solid #000;}
.bannerzone .banner_slide .swiper-slide img{height:100%}
.bannerzone .banner_slide_wrap .banner_slide{border-radius: 15px;}
.bannerzone .banner_slide_wrap .swiper-slide{text-align: center;}
.bannerzone .controls{display:flex;position:absolute;right:0;top:-5.5rem;align-items:center}
.bannerzone .controls .con_btn{display:none}
.bannerzone .controls .con_btn:hover:before{color:#000;}
.bannerzone .controls .con_btn.active{display:flex}
.controls .arrow:before,
.bannerzone .controls .con_btn:before{content:'\EFDA';font-family:"remixicon";display:block;width:100%;height:100%;color:#666666;font-size:2.4rem;color:#707070;}
.controls .arrow:before{width:3.6rem;height:3.6rem;border:1px solid #ddd;border-radius:100%;display:inline-block;line-height:3.4rem;transition:all .3s;}
.controls .arrow.prev{margin-left:1rem;margin-right:4px;}
.bannerzone .controls .con_btn.play:before{content:"\F012"}
.controls .arrow.prev:before{content:'\EA64'}
.controls .arrow.next:before{content:'\EA6E'}
.controls .swiper-pagination{position:relative;bottom:auto;margin-right:.6rem;font-size:1.5rem;color:#707070;font-weight:500;}
.controls .swiper-pagination .swiper-pagination-current{color:#0D66FC;font-weight:bold;}
.controls .arrow:hover:before, .controls .arrow:focus:before{background:#333;border-color:#333;color:#fff;}

.data_box{background:#E5EBF7;border-radius:1.2rem;padding:5rem 5rem 5rem 10rem;display:flex;align-items: center;justify-content: space-between;margin-top:2rem;}
.data_box .lst{display:flex;align-items: center;justify-content: space-between;flex:0 calc(100% - 14.4rem);padding-right:8rem;}
.data_box .lst > li{display: flex;align-items: center;}
.data_box .btn{flex:0 16.4rem;text-align: center;background:#D8DEEA;border-radius:2.8rem;height:5.5rem;line-height:5.5rem;color:#203969;font-weight:500;transition: all .2s;position:relative;overflow:hidden;z-index: 1;}
.data_box .btn:before{    content: "";position: absolute;left: -180%;top: 0;width: 150%;height: 100%;background: #203969;transform: skew(140deg);transition: all .5s;z-index: -1;}
.data_box .btn:hover:before, .data_box .btn:focus:before{left:-20%}
.data_box .btn:hover, .data_box .btn:focus{color:#fff;}
.data_box .lst > li .icon{width:8.4rem;height:8.4rem;background:#fff;display:inline-block;border-radius:50%;text-align: center;line-height:8.4rem;}
.data_box .lst > li > p{padding-left:2rem;color:#111111;font-weight:500;}
.data_box .lst > li > p > strong{color:#203969;font-weight:bold;font-size:2.4rem;display:block;}
.data_box .lst > li > p > strong > span{color:#111111;font-weight:500;font-size:1.6rem;margin-left:5px;}

.section5{display:flex;gap:2.8rem;margin-top:4rem;}
.section5 article{flex:1;padding:3rem 4rem;border-radius:1.2rem;}
.section5 .arti1{background:#F4F5F9;}
.section5 .title2{padding-bottom:1rem;margin-bottom:2rem;border-bottom:1px solid #E1E1E1;;}
.section5 .arti1 a{display: block;overflow: hidden;}
.section5 .arti1 a .img{width:4.6rem;height:4.6rem;background: linear-gradient(138deg, rgba(14,102,252,1) 0%, rgba(4,191,138,1) 100%);border-radius:50%;text-align:center;line-height:4.6rem;box-shadow: 0px 3px 6px rgba(7, 165, 172, 0.2);display:inline-block;float:left;}
.section5 .arti1 a:hover img{animation:circle 2s linear infinite;}
@-webkit-keyframes circle{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
  }
@keyframes circle{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.section5 .arti1 a .desc{width:calc(100% - 4.6rem);padding-left:1.8rem;float:left;}
.section5 .arti1 a + a{margin-top:2rem;}
.section5 .arti1 a .desc > strong{font-size:1.8rem;font-weight:500;color:#111;line-height:1.2;position:relative;transition: all .2s;}
.section5 .arti1 a .desc > span{display: block;color:#666666;font-size:1.5rem;font-weight:400;line-height:1.5;}

.section5 .arti1 a .desc > strong:before{content:'';position:absolute;left:0;bottom:0.1rem;width:0;border-bottom: 1px solid #333;transition: width .4s;}

.section5 .arti1 a:hover .desc > strong:before, .section5 .arti1 a:focus .desc > strong:before{width:100%;}

.section5 .arti2{background:#DAE8FF;padding:3.2rem 5rem 4rem 3.4rem;}
.section5 .arti2 p{color:#203969;font-weight:500;display:inline-block;}
.section5 .arti2 p > strong{font-weight:bold;font-family: 'Play';font-size:2.5rem;text-transform: uppercase;display:block;line-height:1.1;margin-bottom:1.5rem;}
.section5 .arti2 div{position:relative;float:right;margin-top:4rem;}
.section5 .arti2 div .icon{position:absolute;}
.section5 .arti2 .video{display: block;box-shadow: 8px 8px 16px rgba(24, 74, 159, 0.16);width:15.4rem;height:12.2rem;border-radius:2rem;position:relative;overflow:hidden;z-index: 1;}
.section5 .arti2 .video img{width:100%;height:100%;transition: all .3s;}
.section5 .arti2 .video:after{background:url(../../image/service/main/video_play.png) no-repeat center/contain;content:'';width: 3.2rem;height:3.2rem;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);}
.section5 .arti2 .video:hover img, .section5 .arti2 .video:focus img{transform: scale(1.1);}
.section5 .arti2 div .icon:first-of-type{top:-1.4rem;left:-2rem;z-index: 1;animation: 1.5s infinite ease-in-out alternate back-forth-0;}
.section5 .arti2 div .icon:nth-of-type(2){top:-1.6rem;right:0;z-index: 1;animation: 1.7s infinite ease-in-out alternate rotate;}
.section5 .arti2 div .icon:last-of-type{bottom:-3.5rem;right:-3.4rem;animation: 2s infinite ease-in-out alternate scale;}

.motion{opacity: 0;position:relative;top:10rem;transition:all .8s ease;}
.motion.active{opacity:1;top:0;}


@media (max-width:1200px){
    .data_box{padding:5rem 1rem;flex-direction: column;}
    .data_box .lst{padding-right:0;flex:auto;justify-content: space-around;width:100%;}
    .data_box .btn{flex:auto;width:14.4rem;margin-top:2rem;}
}

@media (max-width:1024px){
    .srch_area fieldset strong{position:static;text-align: center;display: block;transform: none;margin-left:0;margin-bottom:2rem;}

}
@media (max-width:900px){
    .section3 .notice,.section3 .bannerzone{width:100%;float:none;}
    .section3 .bannerzone{margin-top:4rem;}
    .section3 .list{height: auto;}

    .section5{flex-direction: column;}

    .section5 .arti2 p > strong br{display:none;}
    .section5 .arti2 .video{width:19.4rem;height:16.2rem;}
}
@media (max-width:768px){
    .main_visual{display: block;padding:4rem 0 10rem;height:auto;}
    .main_visual .visual_text{margin-bottom:2rem;}
    .main_visual .visual_text > span{max-width: inherit;}
    .main_visual .log_box .lst{justify-content: center;}
    .srch_area .input_group{width:100%;border:1px solid #e1e1e1;}

    .quick_menu{flex-wrap: wrap;}
    .quick_menu li{flex:auto;width:32%}

    .data_box{padding:4rem;}
    .data_box .lst{flex-direction: column;gap:3rem;}
}

@media (max-width:530px){
    .data_box .lst{align-items: flex-start;}

    .section3 .notice > .list{padding:0;border:0 none;}

    .main_visual .visual_text br{display: none;}

    .srch_area .input_group{height: auto;display: block;border-radius:inherit;border-radius: 2rem 0 2rem 0;}
    .srch_area .form_select{height:6rem;width:100%;border-radius: 2rem 0 0 0;border-bottom:1px solid #e1e1e1;}
    .srch_area .input_group .search_keyword{height:6rem;border-radius:0 0 2rem 0;}
    .srch_area .input_group button{bottom:0;top:auto;border-radius: 0 0 2rem 0;}

}
@media (max-width:375px){
    .section5 article{padding:3rem;}
}

select{background: #fff url(../img/main/arrow.png) no-repeat 97% 50% !important;}
#ui-id-1{display: table-cell;}