@charset "utf-8";

/* common */
.hide{opacity:0;transform:translateY(30px);-moz-transform: translateY(30px); -webkit-transform: translateY(30px); -o-transform: translateY(30px); -ms-transform: translateY(30px);transition: all 1.2s}
.hide.on{opacity: 1;transform:translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);}
.sec .sec_title{margin:0 0 50px 0;font-size:36px;letter-spacing: -0.09em;color:#222;text-align: center;font-weight: 600;font-family: 'Lato', sans-serif;}
.sec .sec_title span{font-weight: 400}
.sec .sec_desc{display:block;color:#888;font-size:18px;letter-spacing: -0.02em;text-align: center;font-weight: 600}

.empty_data{display: block;margin:80px 0;text-align: center;color:#b9b9b9;font-size: 18px;letter-spacing: -0.035em;}

/* main_slide_wrap */
.main_slide_wrap{background: #777}
.main_slide_wrap .swiper-container{max-width: 1920px;margin:0 auto;}
.main_slide_wrap .swiper-slide{height:810px;overflow: hidden;}
.main_slide_wrap .swiper-slide>div{display: table;width:100%;height:100%;transform: scale(1);}
.main_slide_wrap .slide01>div{background: url(/img/gpcm/main_visual01.png) no-repeat center;background-size:cover;}
.main_slide_wrap .slide02>div{background: url(/img/gpcm/main_visual02_n.png) no-repeat center;background-size:cover;}
.main_slide_wrap .slide03>div{background: url(/img/gpcm/main_visual03_n.png) no-repeat center;background-size:cover;}
.main_slide_wrap .slide04>div{background: url(/img/gpcm/main_visual04_n.png) no-repeat center;background-size:cover;}
.main_slide_wrap .slide05>div{background: url(/img/gpcm/main_visual05.png) no-repeat center;background-size:cover;}
.main_slide_wrap .slide06>div{background: url(/img/gpcm/main_visual06_n.png) no-repeat center;background-size:cover;}
/* .main_slide_wrap .swiper-slide-active>div{transform: scale(1); transition: all 20s ease 0s;} */

.main_txt{display: table-cell;vertical-align: middle;text-align: center;color:#fff;padding:70px 0 0}
.slide03 .main_txt,.slide05 .main_txt{color:#000}
.main_txt span{opacity: 0;display: block;font-size:50px;font-weight: 600;line-height: 75px;transition: transform 1200ms, opacity 1200ms;}
.main_txt p{opacity: 0;font-size:20px;line-height: 1.5;word-break: keep-all;transition: transform 1500ms, opacity 1500ms;}
.main_visual .swiper-slide-active .main_txt span{ -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 1; }
.main_visual .swiper-slide-active .main_txt p{ -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 1; }

.main_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom:50px;}
.main_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 11px;}
.main_slide_wrap .swiper-pagination-bullet{width:18px;height:18px;border:3px solid #fff;background: transparent;opacity: 1}
.main_slide_wrap .swiper-pagination-bullet-active{background: #fff;}

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

  /* common */
  .sec .sec_title{margin:0 0 30px 0;font-size:38px}
  .hide{opacity:1}
  .sec .sec_desc{display:none;}
  /* main_slide_wrap */
  .main_slide_wrap .swiper-slide{height:320px;}
  .main_slide_wrap .slide01>div{background: url(/img/gpcm/main_t_visual01.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide02>div{background: url(/img/gpcm/main_t_visual02.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide03>div{background: url(/img/gpcm/main_t_visual03.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide04>div{background: url(/img/gpcm/main_t_visual04.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide05>div{background: url(/img/gpcm/main_t_visual05.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide06>div{background: url(/img/gpcm/main_t_visual06.png) no-repeat center;background-size:cover;}
  .main_txt span{font-size:40px;}
  .main_txt p{font-size:18px;}
  .main_slide_wrap .swiper-container-horizontal > .swiper-pagination-bullets{bottom:33px}
  .main_slide_wrap .swiper-pagination-bullet{width:16px;height:16px;}



}

@media screen and (max-width: 767px){
  .sec01{padding:88px 0 }
  .sec .sec_title{font-size:40px}
  .main_slide_wrap .swiper-slide{height:300px;}
  .main_slide_wrap .slide01>div{background: url(/img/gpcm/main_m_visual01.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide02>div{background: url(/img/gpcm/main_m_visual02.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide03>div{background: url(/img/gpcm/main_m_visual03.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide04>div{background: url(/img/gpcm/main_m_visual04.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide05>div{background: url(/img/gpcm/main_m_visual05.png) no-repeat center;background-size:cover;}
  .main_slide_wrap .slide06>div{background: url(/img/gpcm/main_m_visual06.png) no-repeat center;background-size:cover;}
  /*.main_slide_wrap .swiper-slide{height:480px;}*/

  .main_txt span{font-size:37px;}
  .main_txt p{width:71%;margin:0 auto;font-size:16px;}
  .main_slide_wrap .swiper-pagination-bullet{width:18px;height:18px;}
}
/* sec01 */
.sec01{padding:64px 0 104px;background:url('/img/gpcm/bg_busi.png') no-repeat center;background-size:cover}
.sec01 .sec_title{margin:0 0 11px 0;font-family: 'Noto Sans', sans-serif;}

.busi_list{margin:52px 0 0}
.busi_item{position: relative;overflow:hidden;text-align: center;}
.busi_item a{position: relative;display: block;}
.busi_item .busi_img{position: relative;display: block;width:100%;overflow: hidden;}
.busi_item .busi_img:hover{border-color:#D22D54;}
.busi_item img{width:100%;height:100%;transition: all ease 1s}

.busi_item .busi_txt{display: block;margin:24px 0 0;}
.busi_item .busi_txt>span{display:block;margin:0 0 10px 0;font-size:28px;font-weight: 600;}
.busi_item .busi_txt>p{font-size:16px;letter-spacing:-0.04em;line-height:1.5;word-break: keep-all}
.busi_item .busi_txt a{display:block;width:130px;height:35px;margin:15px auto 0;font-weight:600;text-align: center;line-height:35px;border-radius:18px;background: #333;color:#fff;font-size:14.5px;letter-spacing: -0.025em;transition: .2s ease}
.busi_item .busi_txt a:hover{background: #D22D54}

.busi_item .busi_hover{opacity: 0;position: absolute;top:0;left:0;width:101%;height:101%;border-radius: 50%;line-height:1.6;transition: all 0.1s;background:#D22D54;color:#fff;text-align:center;font-size:16px;letter-spacing: -0.025em;}
.busi_item:hover .busi_hover{opacity: 1}
.busi_item .busi_hover .hover_title{display: block;margin:0 0 6px 0;font-size:28px;letter-spacing: 0;font-weight: 600}
.busi_item .busi_hover>div{position: absolute;top:50%;left:50%;transform:translate(-50%,-40%); -moz-transform: translate(-50%,-40%); -webkit-transform: translate(-50%,-40%); -o-transform: translate(-50%,-40%); -ms-transform: translate(-50%,-40%);width:100%;padding:0 20px;vertical-align: middle;}
.busi_item .busi_hover p{word-break:keep-all;}
.busi_item:hover .busi_hover>div{transform:translate(-50%,-50%);transition:all .6s;}
.busi_hover .btn_detail{display:inline-block;width:112px;height:35px;margin:20px 0 0;border-radius: 18px;line-height: 35px;font-weight: 600;text-align:center;color:#D22D54;font-size:14.5px;letter-spacing: -0.025em;background: #fff;}


@media screen and (max-width: 1024px){
  .sec01{padding:70px 0 90px;}
  .busi_list{margin:37px 0 0;padding:0 0 0 32px}
  .busi_item .busi_txt>span{font-size:27px;}
  .busi_item .busi_txt>p{font-size:15px}
  /*.busi_item .busi_txt>p br{display:none}*/
}
@media screen and (max-width:767px){
  .sec01{padding: 84px 0 76px}
  .busi_list{padding:0 0 0 12px;}
  .busi_item .busi_txt{margin:27px 0 0}
  .busi_item .busi_txt>span{font-size:25px;}
  .busi_item .busi_txt a{background: #D22D54}

}
@media screen and (max-width:500px){
  .busi_item .busi_txt>p{font-size:16px;}
  .busi_item .busi_txt>p br{display:inline-block}
}
/* sec02 */

.sec02{padding:70px 0 60px;}
.sec02 .sec_title{margin:0 0 11px 0;font-family: 'Noto Sans', sans-serif;}

.cm_list{margin:52px 0 0}
.cm_list .cm_item{position: relative;overflow: hidden;}
.cm_pc_wrap .cm_item{float:left;width:23.05%;margin:0 2.6% 40px 0}
.cm_pc_wrap .cm_item:nth-child(4n){margin:0 0 40px 0}
.cm_list .cm_item .cm_img{overflow: hidden}
.cm_list .cm_item img{width:100%;transition:all ease-in-out 0.3s;}
.cm_list .cm_item:hover img{transform: scale(1.05);-webkit-transform: scale(1.05)}
/*.cm_item .cm_txt{opacity: 0;z-index:5;position: absolute;bottom:27px;left:0;width:100%;padding:0 25px;transition:all ease-in-out 0.3s;}*/
.cm_item:hover .cm_txt{opacity: 1;}
/*.cm_txt .cm_txt_title{margin:0 0 10px 0;letter-spacing: 0;}*/
.cm_item .cm_txt{margin:14px 0 0;}
.cm_item .cm_txt li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight:600;letter-spacing: -0.025em;line-height: 1.5;color:#777;font-size:16px}
.cm_item .cm_txt .cm_txt_title{margin:0 0 10px 0;color:#000;font-size:20px;letter-spacing: 0;font-weight: 500;}

.sec02 .btn_more{display: block;width:192px;height:60px;margin:0 auto;line-height:60px;border-radius: 30px;font-weight: 600;font-family: 'Lato', sans-serif;font-size:19px;background: #D22D54;color:#fff;text-align: center;}

.cm_m_wrap{display: none;}

@media screen and (max-width: 1024px){
  .cm_pc_wrap{display: none;}
  .cm_m_wrap{display: block;}
  .cm_list{margin:40px 0 0;padding:0 0 0 32px;}
  .cm_item .cm_txt li{font-size:15px;}
  .cm_item .cm_txt .cm_txt_title{font-size:19px;}
  .sec02 .btn_more{margin:40px auto 0;font-size:17px}
}
@media screen and (max-width: 767px){
  .cm_list{padding:0 0 0 12px;}
}
/* sec03 */
.sec03{padding:50px 0 60px;background:#222}
.sec03 .sec_title{color:#fff;}

.news_list .news_item{float:left;width:48.2%;margin:0 3.6% 0 0;}
.news_list .news_item:hover .news_suj{color:#D22D54;text-decoration: underline;}
.news_list .news_item:last-child{margin:0;}
.news_item .news_img{float:left;width:30%;height:180px;margin:0 5% 0 0;}
.news_item .news_img span{display: block;width:100%;height:100%}
.news_item .news_img img{width:100%}
.news_item .news_txt{float:left;width:65%}
.news_txt .news_suj{display:block;margin:10px 0 0;white-space: nowrap;overflow:hidden;color:#fff;text-overflow: ellipsis;font-size:24px;font-weight: 600;line-height: 1.2;;transition:all 0.3s}
.news_txt .news_desc{display: block;height:72px;margin:13px 0 20px;font-size:16px;letter-spacing: -0.025em;color:#979797;line-height: 24px;overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; display: -webkit-box; display: -ms-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3}
.news_txt .news_date{display: block;font-size: 15px;color:#CBCBCB;font-family: 'Lato', sans-serif;}


@media screen and (max-width: 1024px){
  .sec03{padding:70px 37px;}
  .news_list .news_item{width:48.75%;margin:0 2.5% 0 0;}
  .news_item .news_img{float:inherit;width:100%;}
  .news_item .news_txt{float:inherit;width:100%;}
  .news_txt .news_suj{margin:24px 0 0;font-size: 20px;}
  .news_txt .news_desc{margin:13px 0 15px;font-size:15px;}
}

@media screen and (max-width:767px){
  .sec03{ padding:55px 12px 60px}
  .news_list .news_item{width:100%;margin:0;}
  .news_item:last-child{display: none;}
  .news_txt .news_desc{margin:15px 0 20px;font-size:16px;}
}

/* sec04 */
.sec04{padding:55px 0 100px;background:#fff}
.box_cont .root_daum_roughmap{width:100% !important}
.root_daum_roughmap .wrap_map{width:100%;height:330px !important}
.contact_wrap .box_cont{float:left;width:48.6%;margin:0 2.8% 0 0;}
.contact_wrap .box_req{margin:0}

.cont_title{display: block;padding:0 0 20px 0;margin:0 0 40px 0;border-bottom:3px solid #EBEBEB;font-size: 16px;font-weight: 600;font-family: 'Lato', sans-serif;}
.box_loc p{width:87%;margin:0 0 20px 0;font-size:32px;color:#222;line-height:1.4;word-break: keep-all}
.box_loc .root_daum_roughmap{border:0;}
.box_loc .root_daum_roughmap_landing{padding:0}
.box_loc .wrap_controllers{display: none;}

.inp_box{float:left;width:50%;padding:0 0 30px 0}
.inp_text .inp_box{float:inherit;width:100%;padding:0 0 20px 0;}
.inp_box label{display: block;margin:0 0 10px 0;font-size:14px;color:#222}
.req_frm input[type='text'],.req_frm input[type='email']{width:100%;max-width: 285px;padding:0 10px;height:40px;color:#707070;font-size:15px;border:2px solid #EBEDED;border-radius: 6px;box-shadow: none;-webkit-appearance:none}
.req_frm textarea{width:100%;height:228px;padding:10px;border-radius:6px;border:2px solid #EBEDED;color:#707070;font-size:15px;resize:none;-webkit-appearance:none}

.btn_area .ck_area{float:left;width:60%}
.ck_area label{font-size:16px;color:#777;cursor: pointer}
.ck_area a{position: relative;display: inline-block;margin:0 0 0 10px;font-weight:600;color:#777;}
.ck_area a:after{position: absolute;top:2px;right:-13px;display: block;clear: both;content: '';width:8px;height:13px;background: url(/img/gpcm/ico_arr02.png) no-repeat 50%;}
.btn_area .btn_submit{float:right;width:190px;height:60px;line-height: 60px;border-radius: 30px;background:#D22D54;color:#fff;font-size:19px;font-weight: 600;text-align: center;font-family: 'Lato', sans-serif}

.btn_area .ck_area input[type="checkbox"]{position:absolute;opacity: 0;}
.btn_area .ck_area label:before{display: inline-block;content: '';width: 18px;height:18px;margin: -3px 10px 0 0;border: 0;text-align: center;vertical-align: middle;border:2px solid #E6E6E6;}
.btn_area .ck_area input[type="checkbox"]:checked + .sb_ck_label:before{background:url(/img/gpcm/ico_ck.png) no-repeat center left 1px;background-size:12px}

@media screen and (max-width: 1240px){
  .box_loc p{width:100%;}
  .ck_area a{margin:10px 0 0;}
}
@media screen and (max-width: 1024px){
  .sec04{padding:70px 36px 120px;}
  .contact_wrap .box_cont{float:inherit;width:100%;}
  .cont_title{padding:0 0 10px 0;margin:0 0 25px 0;}
  .box_loc p{font-size:20px;}
  .box_loc p br{display: none;}
  .root_daum_roughmap {width:100% !important}
  .root_daum_roughmap .wrap_map{height:230px !important}

  .contact_wrap .box_req{float:inherit;width:100%;margin:35px 0 0;}
  .inp_area .inp_box:nth-child(1){padding:8px 9px 8px 0}
  .inp_area .inp_box:nth-child(2){padding:8px 0 8px 9px}
  .inp_text .inp_box{padding:8px 0 28px 0}
  .req_frm input[type='text'], .req_frm input[type='email']{max-width:100%;}
  .btn_area .btn_submit{font-size:17px}
}

@media screen and (max-width: 767px){
  .sec04{padding:55px 12px 60px}
  .sec04 .sec_title{margin:0 0 40px 0;}
  .cont_title{margin:0 0 15px 0;border-bottom:3px solid #C8C8C8}
  .box_loc p br{display: block;}
  .root_daum_roughmap .wrap_map{height:340px !important}
  .input_wrap .inp_area .inp_box{float:inherit;width:100%;padding:8px 0}
  .req_frm input[type='text'], .req_frm input[type='email']{border:1px solid #C8C8C8}
  .req_frm textarea{border:1px solid #c8c8c8}
  .btn_area .ck_area label:before{border:1px solid #777}
  .btn_area .ck_area{float:inherit;width:100%}
  .btn_area .btn_submit{display: block;float:inherit;margin:40px auto 0}

}