@charset "utf-8";

/*공통*/
.wrap { max-width:1400px; width:94%; margin:0 auto; }
h3.wrap { margin:0 auto 5rem !important;}
h3 { margin:5rem auto 5rem !important;}
h3 span { position:relative; display:inline-block; font-family:'GmarketSans', sans-serif; color:#222; font-size:4rem; }
h3 span br { display:none}
h3 span::before {content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#222; border-radius:1rem;  }
h4 { font-size:3.5rem; margin:7rem auto 2rem !important; }
h4 span { font-size:3rem; color:#bbb; padding:0 0.5rem 0 0; }
.depth01 li {position:relative; padding:0.5rem 0 0.5rem 1.5rem; }
.depth01 li::before {content:''; position:absolute; left:0; top:1.6rem; width:7px; height:7px; border-radius:50%; background:#254a9f;}
.table table { width:100%;  text-align:center; }
.table table th { padding:2rem 1rem; background:#1f3556; color:#fff;  }
.table table td { padding:1rem; border-bottom:1px solid #e1e1e1; }

/*지도*/
.wrap_controllers, .wrap_btn_zoom, .map_border {display:none !important; }

/*인사말*/
.greeting {overflow:hidden;}
.greeting dl dt {float:left; width:40rem; font-size:5rem; line-height:1.4; }
.greeting dl dd {float:right; width:calc(100% - 50rem); }
.greeting dl dd p {margin: 0 0 2rem; font-size:2rem; }
.greeting dl dd img {margin:5rem 0 0;}
@media all and (max-width:1023px){
  .greeting dl dd {width:calc(100% - 40rem); }
}
@media all and (max-width:768px){
  .greeting dl dd {width:100%; margin:4rem 0 0; }
}

/*회사개요*/
.company > dl dt { position:relative; font-size:3rem; margin:0 0 4rem; padding:3rem 0 0;}
.company > dl dt::before { content:'"'; font-family:'GmarketSans', sans-serif; position:absolute; left:0; top:0; color:#254a9f; font-size:4rem; }
.company .cont2 {background:#f5f5f5; margin:5rem 0; padding:5rem 0; overflow:hidden; }
.company .cont2 li {float:left; width:25%; }
.company .cont2 li strong { position:relative; display:block; font-size:2.5rem; padding:8rem 0 0.5rem; }
.company .cont2 li strong::before {content:''; position:absolute; left:0; top:0; width:6rem; height:6rem; background:url('../img/sub/company_icon.png') no-repeat 0 0/400% auto;}
.company .cont2 li strong.icon2::before {background-position:33.33% 0;}
.company .cont2 li strong.icon3::before {background-position:66.66% 0;}
.company .cont2 li strong.icon4::before {background-position:100% 0;}
.company .cont3 ul {overflow:hidden; }
.company .cont3 li { float:left; width:33.33%; }
.company .cont3 dl { position:relative; display:block; padding:17rem 5rem 0; background:linear-gradient(45deg, transparent 70%, #f5f5f5 100%); }
.company .cont3 dl::before {content:''; position:absolute; left:5rem; top:3rem; width:12rem; height:12rem; background:url('../img/main/Business_icon.jpg') no-repeat 0 0/200% auto; }
.company .cont3 dl.icon2::before {background-position:100% 0;}
.company .cont3 dl.icon3::before {background-position:0 100%;}
.company .cont3 dl dt {font-size:2.5rem; font-weight:600; margin:0 0 1rem; }
.company .cont3 dl dd {color:#777; }
.company .cont4 {overflow:hidden;}
.company .cont4 a { position:relative; display:block; float:left; width:30%; height:25rem; margin:0 0 0 5%; text-align:center; overflow:hidden; }
.company .cont4 a:first-of-type {margin:0; }
.company .cont4 a::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.company .cont4 a.bg1::before {background:url('../img/sub/product_img1.jpg') no-repeat center/cover; }
.company .cont4 a.bg2::before {background:url('../img/sub/product_img2.jpg') no-repeat center/cover; }
.company .cont4 a.bg3::before {background:url('../img/sub/product_img3.jpg') no-repeat center/cover; }
.company .cont4 a p { position:absolute; display:flex; align-items:center; left:1rem; top:-100%; width:calc(100% - 2rem); height:calc(100% - 2rem); background:rgba(0,0,0,0.5); color:#fff; font-size:3rem; font-weight:600; transition:0.3s; }
.company .cont4 a p span {margin:0 auto;}
.company .cont4 a.on p {top:1rem;}
.company h4.wrap {margin:4rem auto 3rem;}
@media all and (max-width:768px){
  .company .cont3 li { width:100%; }
  .company .cont3 dl {padding:4rem 5rem 4rem 20rem;}
  .company .cont4 a p {top:1rem !important; }
}
@media all and (max-width:480px){
  .company .cont2 {padding:3rem 0;}
  .company .cont2 li {width:50%; text-align:center;}
  .company .cont2 li:nth-of-type(1),
  .company .cont2 li:nth-of-type(2) {margin:0 0 3rem;}
  .company .cont2 li strong::before {left:50%; margin:0 0 0 -3rem; }
  .company .cont3 dl {padding:3rem 3rem 3rem 13rem;}
  .company .cont3 dl::before {width:7rem; height:7rem; left:3rem; }
  .company .cont4 a {width:100%; height:20rem; margin:0 0 2rem !important;}
}

/*조직도*/
.org {position:relative; text-align:center;}
.org::before {content:''; position:absolute; left:50%; top:0; width:1px; height:28rem; background:#bbb; z-index:-1;}
.org .num1, .org .num2 { padding:0 0 3rem;}
.org .num1 strong, .org .num2 strong { display:inline-block; background:#473d9d; color:#fff; font-size:2rem; font-weight:600; min-width:25rem; padding:1rem; }
.org .num2 strong {background:#3d829d;}
.org .num3, .org .num4 {position:relative; overflow:hidden; }
.org .num3::before, .org .num4::before {content:''; position:absolute; left:15.3%; top:0; width:69.4%; height:1px; background:#ccc;  }
.org .num4::before { width:52%; left:24%; top:3rem;}
.org .num3 p, .org .num4 p { margin:0 auto!important;}
.org .num3 > li { position:relative; float:left; width:30.66%; margin:0 0 0 4%; padding:3rem 0 0; }
.org .num3 > li:first-of-type {margin:0; }
.org .num3 > li::before {content:''; position:absolute; left:50%; top:0; width:1px; height:11rem; background:#bbb; z-index:-1; }
.org .num3 > li:nth-of-type(2)::before {display:none;}
.org .num3 > li > p { max-width:25rem; background:#254a9f; color:#fff; padding:1rem 0; }
.org .num4 > li { position:relative; float:left; width:48%; margin:0 0 0 4%; padding:6rem 0 0; }
.org .num4 > li:first-of-type {margin:0;}
.org .num4 > li::before {content:''; position:absolute; left:50%; top:3rem; width:1px; height:4rem; background:#bbb; z-index:-1; }
.org .num4 > li > p { background:#fff; border:1px solid #254a9f; padding:1rem 0; }
@media all and (max-width:480px){
  .org .num4 > li {width:100%; margin:0; padding:1rem 0 0;}
  .org .num4 > li:first-of-type { padding:3rem 0 0;}
}

/*글로벌*/
.global > dl dt { position:relative; font-size:3rem; margin:0 0 4rem; padding:3rem 0 0;}
.global > dl dt::before { content:'"'; font-family:'GmarketSans', sans-serif; position:absolute; left:0; top:0; color:#254a9f; font-size:4rem; }
.global .img {background:#0c1322; text-align:center; margin:5rem 0 0; }
.global .img img {max-width:1400px; width:100%;}

/*오시는길*/
.contact > p { position:relative; font-size:3rem; margin:0 auto 4rem; padding:3rem 0 0;}
.contact > p::before { content:'"'; font-family:'GmarketSans', sans-serif; position:absolute; left:0; top:0; color:#254a9f; font-size:4rem; }
.contact .info {margin:5rem auto 0; }
.contact .info dl {position:relative; padding:0 0 0 8rem; margin:4rem 0 0; }
.contact .info dl::before {content:''; position:absolute; left:0; top:0; width:5rem; height:5rem; background:#4093e9; border-radius:50%; z-index:10; }
.contact .info dl::after { content:''; position:absolute; left:1rem; top:1rem; width:3rem; height:3rem; background:url('../img/sub/contact_icon.png') no-repeat 0 0/200% auto; z-index:20; }
.contact .info dl:last-of-type::before { background:#333; }
.contact .info dl:last-of-type::after { background-position:100% 0; }
.contact .info dt { font-family:'GmarketSans', sans-serif; font-size:2.3rem; font-weight:600; }
.contact .info dd p {margin:0.5rem 0 0; }
.contact .info dd p strong { margin:0 1rem 0 0;}
@media all and (max-width:768px){
  .contact .root_daum_roughmap .wrap_map {height:350px !important;}
}

/*사업소개*/
.business .list {overflow:hidden;}
.business .list div {float:left; width:30.66%; margin:0 0 3rem 4%; }
.business .list div:nth-of-type(3n+1) {clear:both; margin:0 0 3rem;}
.business .list div dt {font-size:3rem; font-weight:600; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 0 1rem; color:#006699 }
.business .list div dd {margin:0 0 3rem; height:9rem}
.business .list h3 { clear:both; }
.business #cont2 ul {overflow:hidden;}
.business #cont2 ul li { position:relative; float:left; width:25%; padding:4rem; }
.business #cont2 ul li::before {content:''; position:absolute; left:0; top:45%; width:100%; height:1px; border-bottom:1px dashed #bbb; z-index:-1;}
.business #cont2 ul li::after {content:''; position:absolute; left:-1rem; top:42.5%; width:2rem; height:2rem; border-top:0.7rem solid #aaa; border-right:0.7rem solid #aaa; transform:rotate(45deg); }
.business #cont2 ul li:first-of-type::before {width:50%; left:50%;}
.business #cont2 ul li:last-of-type::before {width:50%;}
.business #cont2 ul li:first-of-type::after {display:none;}
.business #cont2 ul li strong { font-family: 'GmarketSans', sans-serif; position: absolute; left: 0; top: 0; font-size:6rem; font-weight: 600; opacity: 0.3; z-index: 20; }
.business #cont2 ul li img {border-radius:50%;}
.business #cont2 ul li p {text-align:center; margin:2rem 0 0; font-size:2.2rem; }
.business .movie {margin:8rem auto 0;}
.business .movie iframe {height:110rem; }
@media all and (max-width:1023px){
  .business #cont2 ul li {width:33.33%; padding:2rem; }
  .business #cont2 ul li::after {width:1rem; height:1rem;}
  .business #cont2 ul li strong {font-size:4rem;}
  .business .movie iframe {height:60rem; }
}
@media all and (max-width:480px){
  .business .list div {width:100%; margin:0 0 2rem !important;}
  .business .list div img { margin-bottom:3rem}
    .business #cont2 ul li {width:50%; }
  .business .movie iframe {height:30rem; }
.business .list div dd {margin:0 0 4rem; height:6rem}
}


/*기업부설연구소*/
.laboratory #cont1 {overflow:hidden; margin:0 auto 5rem;}
.laboratory #cont1 .img {float:left; width:40rem; padding:0 0 2rem 2rem; }
.laboratory #cont1 .img img {box-shadow:-2rem 2rem 0 #ddd; }

.laboratory #cont1 dl {float:right; width:calc(100% - 50rem); }
.laboratory #cont1 dt { position:relative; font-size:3rem; margin:0 0 4rem; padding:3rem 0 0;}
.laboratory #cont1 dt::before { content:'"'; font-family:'GmarketSans', sans-serif; position:absolute; left:0; top:0; color:#254a9f; font-size:4rem; }
.laboratory #cont1 dd p {margin:1rem 0 0;}

.laboratory #cont2 { position:relative; background:#254a9f; color:#fff; padding:6rem 0; overflow:hidden; }
.laboratory #cont2 .wrap {position:relative;}
.laboratory #cont2 h3 span {color:#ffc600;}
.laboratory #cont2 h3 span::before {background:#ffc600;}
.laboratory #cont2 .wrap > a { position:absolute; left:0; width:25rem; text-align:center; border:1px solid #ffc600; color:#ffc600; font-size:2rem; line-height:5rem; height:5rem; border-radius:0.5rem; top:0 }
.laboratory #cont2 .wrap > a:nth-of-type(2) { left:27rem;}
.laboratory #cont2 .wrap > a.on,
.laboratory #cont2 .wrap > a:hover {background:#ffc600; color:#254a9f; font-weight:600; }
.laboratory #cont2 ul {  padding:7rem 0 0 ;} /* display:none; */
.laboratory #cont2 .wrap > a.on+ul {display:block;}
.laboratory #cont2 li { float:left; width:48%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.2); padding:1rem; margin:0 0 0 4%; }
.laboratory #cont2 li:nth-of-type(2n+1){clear:both; margin:0;}
.laboratory #cont2 li img {float:left; width:10rem; }
.laboratory #cont2 li dl {float:right; width:calc(100% - 15rem); }
.laboratory #cont2 li dl dt {font-size:2.2rem; font-weight:600; margin:2rem 0 1rem;}

@media all and (max-width:768px){
  .laboratory #cont1 .img {float:none; margin:0 auto 3rem;}
  .laboratory #cont1 dl {width:100%;}
  .laboratory #cont2 li {width:100%; margin:0;}
}
@media all and (max-width:480px){
  .laboratory #cont2 .wrap > a {width:48%; }
  .laboratory #cont2 .wrap > a:nth-of-type(2) {left:52%;}
  .laboratory #cont2 li dl dt {margin:0 0 1rem;}
}








/*견적의뢰*/
.request_form dl dt {font-size:3.5rem; line-height:1.4; }
.request_form dl dt strong {color:#254a9f;}
.request_form dl dt span {display:block; }
.request_form dl dd {font-weight:400; margin:2rem 0 5rem; }
.request_form ul {overflow:hidden;}
.request_form li {float:left; width:48%; margin:0 0 2rem 4%; }
.request_form li:nth-of-type(2n+1) {clear:both; margin:0 0 2rem;}
.request_form li.wp100 {width:100%; margin:0 0 2rem !important}
.request_form li p {font-size:2.3rem; margin:0 0 1rem;}
.request_form li input,
.request_form li select { font-size:1.6rem; border:0; border-bottom:1px solid #ccc; line-height:4rem; height:4rem; width:100%; }
.request_form li textarea {border:1px solid #ccc; padding:2rem; width:100%; height:30rem; }
.request_form li.email input { width:30%; }
.request_form li.email select { width:27%; float:right;}
.request_form .btn {text-align:center; margin:4rem 0 0; }
.request_form .btn a {display:inline-block; line-height:5rem; height:5rem; background:#333; color:#fff; padding:0 2.5rem; }
.request_form .btn input[type=button] {display:inline-block; line-height:5rem; height:5rem; background:#333; color:#fff; padding:0 2.5rem; border:0px; }
@media all and (max-width:480px){
  .request_form li {width:100%; margin:0 0 2rem; }
  .request_form dl dt {margin-top: 5rem;}
}

/*설비현황*/
.facility #cont1 .list {overflow:hidden;}
.facility #cont1 .list li { float:left; width:22%; margin:0 0 3rem 3%; text-align:center; border:1px solid #ddd; border-radius:2rem; overflow:hidden; }
.facility #cont1 .list li:nth-of-type(4n+1){clear:both; margin:0 0 2rem; }
.facility #cont1 .list div { position:relative; /*display:flex; align-items:center;*/ height:30rem; overflow:hidden; }
.facility #cont1 .list div img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:none; height:30rem;  }
.facility #cont1 .list div.imgH img {max-width:100%; height:auto;  }
.facility #cont1 .list p { margin:3rem 0; }
.facility #cont2 > div {overflow:hidden; margin-bottom:5rem}
.facility #cont2 > div img {float:left; width:40%; border-radius:4rem; }
.facility #cont2 > div div {float:right; width:55%;}
.facility #cont2 dl dt { font-size:3.5rem; font-weight:600; margin:1rem 0;  }
.facility #cont2 dl dd {margin:0 0 2rem;}
@media all and (max-width:1023px){
  .facility #cont1 .list li {width:30%; margin:0 0 3rem 5%; }
  .facility #cont1 .list li:nth-of-type(4n+1){clear:none; margin:0 0 3rem 5%; }
  .facility #cont1 .list li:nth-of-type(3n+1){clear:both; margin:0 0 3rem; }
}
@media all and (max-width:768px){
  .facility #cont1 .list li {width:47.5%; }
  .facility #cont1 .list li:nth-of-type(3n+1){clear:none; margin:0 0 2rem 5%; }
  .facility #cont1 .list li:nth-of-type(2n+1){clear:both; margin:0 0 2rem; }
  .facility #cont1 .list div { height:25rem; }
  .facility #cont2 > div img { float:none; display:block; width:100%; max-width:50rem; margin:0 auto 3rem; }
  .facility #cont2 > div div { width:100%;}
}

/*담당자연락처*/
.tel {overflow:hidden; text-align:center; }
.tel dl { position:relative; float:left; width:30%; margin:0 0 0 5%; border:1px solid #ccc; border-radius:1rem; overflow:hidden; padding:17rem 2rem 3rem; }
.tel dl::before {content:''; position:absolute; left:50%; top:3rem; width:12rem; height:12rem; background:#ddd url('../img/sub/tel_icon.png') no-repeat center/6rem auto; border-radius:50%; transform:translate(-50%, 0); }
.tel dl:first-of-type {margin:0; }
.tel dl dt p strong {font-size:2.5rem;}
.tel dl dd { position:relative; padding:4rem 0 0; font-weight:600; color:#254a9f; }
.tel dl dd::before {content:''; position:absolute; left:50%; top:2rem; width:4rem; height:1px; border-top:1px dashed #ccc; transform:translate(-50%, 0); }
@media all and (max-width:480px){
  .tel dl {width:100%; margin:1rem 0 0; text-align:left; padding:3rem 2rem 3rem 14rem; }
  .tel dl::before { width:10rem; height:10rem; left:2rem; top:3rem; transform:none;}
  .tel dl dt p {display:inline; padding:0 0 0 1rem; }
  .tel dl dd { padding:2rem 0 0; }
  .tel dl dd::before {display:none;}
}

/*홍모물*/
.adver iframe {width:100%; height:60rem; vertical-align: top; }
.adver a.down { display:block; position:relative; background:#2472b5 ; padding:4rem; margin:4rem 0 0 ;}
.adver a.down dt {font-size:2.2rem; font-weight:600; margin:0 0 1rem;}
.adver a.down::before {content:''; position:absolute; right:4rem; top:5rem; width:6rem; height:6rem; background:#254a9f; border-radius:50%; opacity:1;}
.adver a.down::after { content:''; position:absolute; top:7.2rem; right:6.4rem; width:1.2rem; height:1.2rem; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(45deg); opacity:1; }
.adver a.down dl {background:url('../img/sub/bookIcon.png') no-repeat left center; padding:0 0 0 9rem; color:#fff; }
@media all and (max-width:768px){
  .adver iframe {height:35rem;}
}
@media all and (max-width:480px){
  .adver a.down::before, .adver a.down::after {display:none;}
}

/*생산제품*/
/*
.goods .car { border:1rem solid #ddd; padding:3rem; }
.goods .car img { display:block; margin:0 auto; }
.goods .car ul { clear:both; overflow:hidden; padding:3rem 0 0;}
.goods .car li { position:relative; float:left; width:20%; padding:0.4rem 1rem 0.4rem 4rem; line-height:1.3; margin:0.3rem 0; }
.goods .car li strong { display:block; position:absolute; left:0; top:0; background:#318fc5; color:#fff; width:3rem; line-height:3rem; height:3rem; border-radius:50%; text-align:center;  }
.goods .car dl {float:left; width:50%; text-align:center;}
.goods .car dl dt {font-size:2.4rem; font-weight:600; margin:0 0 2rem; }
.goods .car dl+ul li {width:33.33%;}
*/
.car { display:flex; align-items:center; position:relative; min-height:50rem; border:1rem solid #ddd;text-align:center; overflow:hidden; margin-bottom:4rem }
.car dl{ width:40%; text-align:center}
.car dl dt{ font-size:2rem; font-weight:bold}
.car ul li { text-align:left}
.car::before {content:''; position:absolute; left:60%; top:0; width:1px; height:100%; }
.car .img { position:relative; float:left; width:60%; display:block !important; padding:5rem 3rem;}
.car .img img {width:100%; height:auto;}
.car .img a {position:absolute; display:block; text-indent:-99999px; width:1.5rem; height:1.5rem; border-radius: 50%; background:#ff6600; outline:1rem solid rgba(255, 102, 0, 0.4); animation-name:carDot;  animation-duration: 0.7s; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes carDot { from {  outline:0.2rem solid rgba(43, 143, 236, 0.1);  } to {  outline:1rem solid rgba(43, 143, 236, 0.4); } }
.car .img a.on { background:#ffc907; outline:1rem solid rgba(255, 201, 7, 0.3) !important;}
.car #btn1 {left:24%; top:43%; }
.car #btn2 {left:33%; top:36%; }
.car #btn3 {left:32%; top:52%; }
.car #btn4 {left:26%; top:65%; }
.car #btn5 {left:81%; top:33%; }
.car > div.info { position:relative; display:block; font-size:2rem;}
.car > div.info::before {content:'!'; display:block; width:6rem; height:6rem; line-height:6rem; font-size:4rem; font-weight:600; color:#bf1818; border:0.5rem solid #bf1818; border-radius:50%; margin:3rem auto 2rem; }
.car > div { display:none; float:right; width:40%; margin:0 auto; padding:5rem 3rem;}
.car > div p {text-align:center; font-weight:600; margin:2rem 0 0;}
.car > div img { display:block; width:auto; height:30rem; margin:0 auto; }
.car > div iframe { height:30rem; }
@media all and (max-width:1023px){
  .car {display:block;}
  .car::before {display:none;}
  .car .img {width:100%; }
  .car > div {width:100%; border-top:1px dashed #ccc;}
}

.goods .list {overflow:hidden; width: 98%; margin: 0 auto; max-width: 1400px;}
.goods .list li {float:left; width:25%; text-align:center; padding:2rem; }
.goods .list li img {border:1px solid #ddd; }
.goods .list li p {margin:1rem 0 0; display:none}
.goods iframe { margin:6rem 0 0; height:110rem;}
@media all and (max-width:768px){
 .car dl{ width:100%;}
  .goods .car { padding:2rem; }
  .goods .car li:nth-of-type(3n+1){clear:both;}
  .goods .list li { width:33.33%; padding:1rem; }
  .goods iframe {height:50rem;}
}
@media all and (max-width:480px){
  .goods .car ul {width:100% !important; }
  .goods .car li:nth-of-type(3n+1){clear:none;}
  .goods .car li:nth-of-type(2n+1){clear:both;}
  .goods .list li { width:50% !important; }
  .goods iframe {height:30rem;}
}

.movie  {position:relative;}
.movie  .video2 { position:relative; width:calc(100%); height:100rem; overflow:hidden; background:#000;}
.movie  .video2 video {position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%);}
.movie  .txt { position:absolute; right:0; bottom:0; width:60%; min-height:53rem; background:#254a9f; color:#fff; padding:10rem 14rem 0; overflow:hidden;}
.movie  .txt .txt1 {font-size:3rem;}
.movie  .txt .txt2 { font-family:'GmarketSans', sans-serif; font-size:5rem; font-weight:600; line-height:1.2; margin:3rem 0; }
.movie  .txt .txt2 span { color:#ffc600; }
.movie  .txt dd { font-weight:200; }
.movie  .txt strong {position:absolute; font-family:'GmarketSans', sans-serif; bottom:-13rem; left:6rem; font-size:18rem; font-weight:600; opacity:0.05; white-space:nowrap; text-transform:uppercase; }
@media all and (max-width:1900px){
  .movie  .video2 video {width:auto; height:100%;}
}
@media all and (max-width:1600px){
  .movie  .video2 {width:100%; height:85rem; }
  .movie  .video2 video {width:100%; height:auto;}
  .movie  .txt {padding:8rem 10rem; min-height:auto;}
}
@media all and (max-width:1400px){
  .movie  .video2 video {width:auto; height:100%;}
}
@media all and (max-width:1200px){
  .movie  .video2 {height:70rem}
  .movie  .txt {padding:5rem; width:90%; right:5%; }
  .movie  .txt dt {text-align:center;}
}
@media all and (max-width:480px){
  .movie  .video2 {height:40rem;}
  .movie  .txt {padding:3rem;}
  .movie  .txt .txt1 {font-size:2.5rem; }
  .movie  .txt .txt2 {margin:3rem 0 0; font-size:4rem ;}
  .movie  .txt dd {position:absolute; left:-99999px;}
}




.movie  .video3 { position:relative; width:calc(83%); height:50rem; overflow:hidden; background:#000; margin:0 auto}
.movie  .video3 video {position:absolute; left:50%; top:50%; width:100%; transform:translate(-50%, -50%);}
.movie  .txt { position:absolute; right:0; bottom:0; width:60%; min-height:53rem; background:#254a9f; color:#fff; padding:10rem 14rem 0; overflow:hidden;}
.movie  .txt .txt1 {font-size:3rem;}
.movie  .txt .txt2 { font-family:'GmarketSans', sans-serif; font-size:5rem; font-weight:600; line-height:1.2; margin:3rem 0; }
.movie  .txt .txt2 span { color:#ffc600; }
.movie  .txt dd { font-weight:200; }
.movie  .txt strong {position:absolute; font-family:'GmarketSans', sans-serif; bottom:-13rem; left:6rem; font-size:18rem; font-weight:600; opacity:0.05; white-space:nowrap; text-transform:uppercase; }
@media all and (max-width:1900px){
}
@media all and (max-width:1600px){
.movie  .video3 { width:calc(94%); height:40rem; }	
  .movie  .txt {padding:8rem 10rem; min-height:auto;}
}
@media all and (max-width:1400px){
}
@media all and (max-width:1200px){
.movie  .video3 {  height:40rem; }	
  .movie  .txt {padding:5rem; width:90%; right:5%; }
  .movie  .txt dt {text-align:center;}
}
@media all and (max-width:480px){
  .movie  .txt {padding:3rem;}
  .movie  .txt .txt1 {font-size:2.5rem; }
  .movie  .txt .txt2 {margin:3rem 0 0; font-size:4rem ;}
  .movie  .txt dd {position:absolute; left:-99999px;}
}


/*CI*/
.ci .list {overflow:hidden;}
.ci .list div {float:left; width:46%; margin:0 0 8rem 8%; }
.ci .list div:nth-of-type(2n+1) {clear:both; margin:0 0 8rem;}
.ci .list div dt {font-size:3.5rem; font-weight:600; border-bottom:1px solid #ddd; padding:0 0 1rem; margin:0 0 2rem; color:#006699 }
.ci .list div dd {margin:0 0 3rem; height:9rem; font-size:1.6rem}
.ci .list div img {margin-top:2rem}
.ci .list div p { font-size:1.5rem}




.wide_width{ width:100% !important; margin:0 0 1rem  !important; }
.wide_width dd{ width:46% !important; position:absolute}
.wide_width dd strong { font-size:2rem; padding-bottom:1rem; line-height:3}
.wide_width img {  float:right; width:35%; }


.wide_width2{ width:100% !important; margin:0 0 6rem  !important; }
.wide_width2 dd{ width:42% !important; position:absolute}
.wide_width2 dd strong { font-size:2rem; padding-bottom:1rem}
.wide_width2 img {  float:right; margin-top:0 !important; width:40% }



.wide_width3{ width:100% !important; margin:0 0 8rem  !important; }
.wide_width3 dd{ width:100% !important; }
.wide_width3 dd p { font-size:14px !important; margin-top:2rem }
.wide_width3 dd p strong { font-size:14px !important; }
.wide_width3 dd strong { font-size:2rem; padding-bottom:1rem}
.wide_width3 img {  float:right; margin-top:0 !important; width:40% }
@media all and (max-width:1024px){
  .ci .list div {width:100%; margin:0 0 4rem !important;}
  
.ci .list div dd {margin-bottom:8rem}
  
.wide_width dd{ width:100% !important; display: contents}
.wide_width img { 
    width: 80% !important;
    /* margin-top: 4rem !important; */
    margin: 4rem auto !important;
    float: none;}
  

  
.wide_width2 dd{ width:100% !important; display: contents}
.wide_width2 img { 
    width: 90% !important;
    /* margin-top: 4rem !important; */
    margin: 4rem auto !important;
    float: none;}
  

  
}