/* ceo */
.subpage_middle_container section.ceo .text{width:100%; margin-top:60px; margin-bottom:240px;}
.subpage_middle_container section.ceo .text p{font-size:20px; padding-bottom:20px;}
.subpage_middle_container section.ceo .text p:last-child{padding-bottom:0;}
.subpage_middle_container section.ceo .photo{ width:100%; position: relative; background-image: url(../image/photo_ceo.jpg); height:520px;
background-position: 20%;}

.ceo_comment{position: absolute; top:45%; right:20%; transform: translateY(-50%); font-size:30px;}
.ceo_comment em{ font-family: serif; font-weight: 700; font-size: 40px; line-height: 1;}
.ceo_name{letter-spacing: 1px; padding-top:20px; font-size:19px; text-align: right;}
.ceo_name span{font-weight: 500; margin-left:10px;}
.ceo_name b{ font-weight: 700;}


/* overview */
section.overview .photo > div{float:left;  width:50%; line-height: 0;}
section.overview .photo > div img{width:100%;}

section.overview .box{width:100%; margin-top:80px; border:1px solid #e1e1e1; padding:60px; margin-bottom:240px;}
section.overview .box .content{display:table;}
section.overview .box .content p{display:table-cell; padding-bottom:20px; font-size:18px;}
section.overview .box .content p:first-child{padding-right:60px; width:160px; max-width:160px; border-right:1px solid #e1e1e1;}
section.overview .box .content p:last-child{padding-left:60px; padding-bottom:0; width:calc(100% - 320px);}

section.overview .box .content p .btn{margin-left:10px; border:1px solid #d70034; padding:0 6px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
section.overview .box .content p .btn a{color:#d70034; font-size:13px; display: inline-block;vertical-align: middle; margin-top:-3px;
text-align:center;}

section.overview .box .content p .btn:hover{background:#d70034;}
section.overview .box .content p .btn:hover a{color:#fff;}

/* history */

section.history .history_list{margin-bottom:240px;}
section.history .history_list > div{width:100%; position: relative;}
section.history .history_list h3.year{position: absolute; left:50%; transform: translateX(-50%); font-size:40px; color:#d70034;}
.history_list .right .w50.box{width:50%; float:right;}

.history_list > div .box{margin-top:60px; font-size:17px; padding-top:60px; padding-bottom:50px;}
.history_list > div .box_inner{padding-bottom:16px;}
.history_list > div .box .time{font-weight: 700; max-width:84px; width:20%;}
.history_list > div .box .text{width:80%;}

/* left */
.history_list .left .w50.box{width:50%; float:left;}
.history_list .left .box{border-right:1px solid #e1e1e1;  padding-right:40px;}
.history_list .left .box_inner{text-align: right;}
.history_list .left .box .time{float:right;}
.history_list .left .box .text{text-align: right; float:right;}
.history_list .left .box .time{padding-left:18px; }


/* right */
.history_list .right .box{border-left:1px solid #e1e1e1; padding-left:40px;}
.history_list .right .box .time{ padding-right:16px; float:left;}
.history_list .right .box .text{float:left;}





/* vision */
section.vision > div{margin-bottom:120px; border-bottom:1px solid #e1e1e1; padding-bottom:120px;}
section.vision > div:last-child{border-bottom:0;}
section.vision > div h3{font-size:32px; position: relative; margin-bottom:60px; line-height:1;}
section.vision > div span.title_num{font-size:14px;  color:#808080;}
section.vision .intro_text{text-align: center;}
section.vision .intro_text p{font-size:30px;}


section.vision .service_info{width:100%; margin-left: auto; margin-right:auto; text-align: center; margin-bottom:0;}
section.vision .service_info ul{ width:94%; margin:0 auto;}
section.vision .service_info .circle_container{width:25%; float:left; padding:0 40px; position: relative;}
.service_info .circle_container:after{width:80px; height:1px; display: block; content:''; position: absolute;
    right:-40px; top:50%; transform: translateY(-50%); background:#ccc;}
.service_info .circle_container:last-child:after{display: none;}
.service_info .circle_container:before{width:10px; height:10px; display: block; content:''; position: absolute;
    right:36px; top:50%; transform: translateY(-50%); background:#ccc; border-radius: 50%;}

.circle_out { padding-bottom: 100%; position: relative; overflow: hidden; border-radius: 50%; border:1px solid #ccc;}
.circle_out:after{width:10%; height:1px; display: block; content:''; position: absolute;
    right:0; top:50%; transform: translateY(-50%); background:#ccc;}
    .circle_out:before{width:10%; height:1px; display: block; content:''; position: absolute;
        left:0; top:50%; transform: translateY(-50%); background:#ccc;}
.circle_container:nth-child(1) .circle_out:before{display:none;}

.circle_in { text-align: center; position: absolute; height: 80%;width: 80%; transform: translate(-50%, -50%); left:50%; top:50%;
    object-fit: cover; border-radius: 50%;  border:1px solid #e1e1e1; background:#f5f5f5;}
.circle_in span{position: absolute; transform: translate(-50%, -50%); left:50%; top:50%; width:100%; font-size:18px;}




.capability_info{background:#fff; position: relative; height:100%; text-align: center; padding-top:120px;}
/* .capability_info:before{content:''; display:block; background-image:url(../image/vision01.jpg);  background-color:#222;
    background-size:cover; background-position: bottom;  background-blend-mode:soft-light;
    height:100%; position: absolute; opacity:.4; width: 100%; top:0; left:0;} */

.capability_info ul{border-radius: 30px; border:1px solid #ccc; position: relative;  z-index:-1;
    background:#d70034; padding:60px 0px; margin-left:auto; margin-right:auto; width:83%; overflow: hidden;}
.capability_info ul:after{content:''; display:block; position: absolute; background-image: url(../image/main_bg02.jpg);
    height: 100%; top:0; background-size: cover; width:100%; z-index:-2; opacity: 0.5;
    background-blend-mode: multiply; background-color:#d70034; }
.capability_info ul .w25{width:25%; float:left; text-align: center; position: relative;}
.capability_info ul .w25:after{content:''; display: block; width:1px; height:100%; right:0; top:50%; transform: translateY(-50%); background:rgba(255,255,255,.1); position: absolute;}
.capability_info ul .w25:last-child:after{display: none;}

.capability_info ul .w25 span{color:#fff; font-size:30px; font-weight: 700;}
.capability_info ul .w25 p{font-size:18px; padding-top:6px; color:#fff;}


.management_info{text-align: center;}
.management_info ul{}
.management_info ul li.w50{width:50%; float:left; overflow: hidden; height:420px;}
.management_info ul li.w50{line-height: 1;}
.management_info ul li.w50:nth-child(1){background-image:url(../image/main_banner02.jpg);;}
.management_info ul li.w50:nth-child(2){padding:40px 60px; background:#f5f5f5;}
.management_info ul li .text_box{padding-bottom:60px;}
.management_info ul li .text_box h4{font-size:24px; line-height: 1; text-align: left; padding-bottom:20px;}
.management_info ul li .text_box h4 span{display:block; font-size:13px; color:#808080; font-weight: 500; padding-bottom:10px;}
.management_info ul li .text_box h4:after{width:20px; height:3px; background:#ccc; content:''; display: block; margin-top:14px;}
.management_info ul li .text_box p{font-size:18px; text-align: left; padding-bottom:10px;}


/* 인증서 */
section.certification{padding-bottom: 180px;}
section.certification ul{margin:0 -60px;}
section.certification ul li.content{float:left; padding:0 60px; margin-bottom:80px;}
section.certification ul li.w33{width:33.333%;}
section.certification li.content .inner{text-align: center;}
section.certification li.content .inner .item_img{border:1px solid #e1e1e1; overflow: hidden; background:#f5f5f5; padding:8%;}
section.certification li.content .inner .item_img img{width:100%;}
section.certification li.content .inner .item_text{font-size:18px; padding-top:20px; height:80px;}



/* map */
section.map h3.title{font-size:32px; padding-bottom:20px;}
.google_map iframe, section.map .photo > div img{width:100%; height:350px;}
section.map .photo > div{float:left; width:50%; line-height: 0;}

section.map .box{width:100%; margin-top:24px; margin-bottom:240px;}
section.map .box .content{display:table; width:100%;}
section.map .box .content p{display:table-cell; padding-bottom:16px; padding-top:16px; font-size:18px; border-bottom:1px solid #e1e1e1; vertical-align: middle;}
section.map .box .content p:first-child{border-bottom:1px solid #222; width:128px; font-weight: 700;}
section.map .box .content p:last-child{padding-left:40px; }

/* video */
.video_container{position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.video_container img{-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;
    cursor:pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}

.video_container span.play_btn{ z-index:4; background-image:url(../image/play_btn.png); width:60px; height:80px;
    background-size:cover;
    content:''; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.video_container iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1;}

.video_container .overlay{cursor: pointer;}
.video_container .overlay:hover img{-ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08);}
.video_container .overlay:before{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.video_container .overlay:hover:before{ z-index: 4;}