@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .top-con{margin-bottom:100px;display:flex;align-items:center;}
.greeting .top-con .img{min-width:0;width:1%;flex:1 1 auto;position:relative;margin-right:-100px;z-index:-1;}
.greeting .top-con .tt-box{width:50%;background-color: #3657a6;color: #fff;padding:75px 50px;}
.greeting .top-con .tt-box .tit{font-size:30px;line-height:1.2em;font-weight:700;margin-bottom:25px;}
.greeting .top-con .tt-box .tt{font-size:17px;line-height:1.76em;}
.greeting .content{border-top:1px solid #ddd;}
.greeting .content .con{border-bottom:1px solid #ddd;display:flex;padding:45px 0;}
.greeting .content .con .tit{width:365px;padding-left:60px;position:relative;color: #000;font-size:25px;font-weight:700;}
.greeting .content .con .tit:before{content:'';width:38px;height:41px;background:url('../images/sub/greeting_ic1.png')no-repeat 0 50%/contain;position: absolute;left:0;top:-8px;}
.greeting .content .con.type2 .tit:before{background-image:url('../images/sub/greeting_ic2.png');}
.greeting .content .con .cnt{min-width:0;width:1%;flex:1 1 auto;}
.greeting .content .con .cnt .row{margin-bottom:40px;}
.greeting .content .con .cnt .row:last-child{margin-bottom:0;}
.greeting .content .con .cnt .row .row-tit{margin-bottom:5px;color: #2f4c8f;font-size:20px;font-weight:600;}

.history{position:relative;}
.history:after{content:'';width:4px;height:98.7%;background:url('../images/sub/history_dot.png')repeat 50% 50%/contain;position: absolute;left:50%;margin-left:-2px;top:30px;}
.history .row{display:flex;justify-content:flex-end;margin-bottom:60px;position:relative;z-index:1;}
.history .row:last-child{margin-bottom:0;}
.history .row .col{width:50%;padding-left:50px;position:relative;/* color: #454545; */}
.history .row .col:before{content:'';width:20px;height:20px;background:url('../images/sub/history_bullet.png')no-repeat 50% 50%/contain;position: absolute;left:-10px;z-index:1;top:11px;}
.history .row .col .year{/* color: #242424; */font-size:35px;font-weight:800;line-height:1.2em;margin-bottom:10px;}
.history .row:nth-child(even){justify-content:flex-start;}
.history .row:nth-child(even) .col{text-align:right;padding-left:0;padding-right:50px;}
.history .row:nth-child(even) .col:before{right:-10px;left:auto;}
.history .row .col .info.type2 li{display:flex;}
.history .row .col .info.type2 li .tit{width:60px;font-size:17px;/* color: #242424; */font-weight:600;}
.history .row .col .info.type2 li .tt{min-width:0;width:1%;flex:1 1 auto;}

.loc .content{margin-bottom:80px;}
.loc .content:last-child{margin-bottom:0;}
.loc .content .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.loc .content .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.loc .content .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .content .maps .roughmap_lebel_text:after {content:"MA Division"; font-size:12px; line-height:15px;}
.loc .content.type2 .maps .roughmap_lebel_text:after {content:"R&D Center";}
.loc .content .info{display:flex;margin-top:45px;}
.loc .content .info .tit{width:50%;font-size:30px;font-weight:600;}
.loc .content .info .wrap{width:50%;padding-left:25px;border-left:1px solid #5d6164;}
.loc .content .info .wrap p{margin-bottom:10px;line-height:1.4em;/* color: #454545; */}
.loc .content .info .wrap p:last-child{margin-bottom:0;}

.pr-process .top-tt{text-align:center;font-size:17px;margin-bottom:45px;}
.pr-process .top-tt strong{font-weight:600;}
.pr-process ul{display:flex;justify-content:space-between;margin:0 -18px;}
.pr-process ul li{text-align:center;padding:0 18px;position:relative;}
.pr-process ul li:after{content:'';width:15px;height:18px;background:url('../images/sub/process_arr.png')no-repeat 50% 50%/contain;position: absolute;right:-7px;top:38%;}
.pr-process ul li:last-child:after{display:none;}
.pr-process ul li .tit{margin:15px 0 10px;line-height:1.2em;font-size:17px;font-weight:500;}
.pr-process ul li p{font-weight:700;line-height:1.5em;}

.doc-pr{padding-top:100px;}
.doc-pr .top-info{margin-bottom:55px;}
.doc-pr .top-info .label{display:inline-block;font-size:18px;color: #fff;line-height:36px;border-radius:4px;padding:0 12px;background-color: #2f4c8f;margin-bottom:25px;}
.doc-pr .top-info .tit-wrap{display:flex;}
.doc-pr .top-info .tit-wrap .tit{width:260px;font-size:35px;color: #000;font-weight:700;}
.doc-pr .top-info .tit-wrap .tt{font-size:16px;line-height:1.67em;min-width:0;width:1%;flex:1 1 auto;}
.doc-sld{border-top:1px solid #ddd;padding-top:40px;margin-bottom:100px;}
.doc-sld .origin{width:100%;position:relative;margin-bottom:45px;}
.doc-sld .origin .items{width:100%;height:100%;}
.doc-sld .origin .items .item{width:100%;}
.doc-sld .origin .items .item .img{position:relative; padding-bottom:35%; margin-bottom:0; overflow:hidden;}
.doc-sld .origin .items .item .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.doc-sld .origin .slick-arrow{font-size:0;border:none;background-color: #c2c2c2;width:50px;height:50px;border:none;background-repeat:no-repeat;background-size:12px;position: absolute;top:50%;transform:translateY(-50%);transition:.3s;background-position:50% 50%;z-index:1;}
.doc-sld .origin .slick-prev{background-image:url('../images/sub/doc_sld_prev.png');left:0;}
.doc-sld .origin .slick-next{background-image:url('../images/sub/doc_sld_next.png');right:0;}
.doc-sld .origin .slick-arrow:hover{background-color: #2f4c8f;}
.doc-sld .thumb .slick-list{margin:0 -5px;}
.doc-sld .thumb .item{padding:0 5px;}
.doc-sld .thumb .item .inner{padding:5px;position:relative;cursor:pointer;}
.doc-sld .thumb .item .inner:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;z-index:1;}
.doc-sld .thumb .item .img{position:relative; padding-bottom:65.58%; margin-bottom:0; overflow:hidden;}
.doc-sld .thumb .item .img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.doc-sld .thumb .item.slick-current .inner:after{border:2px solid #2f4c8f;}

.doc-info{padding:65px 0;position:relative;display:flex;align-items:center;justify-content:center;}
.doc-info:after{content:'';width:100vw;height:100%;background-color: #f4f6f9;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;}
.doc-info .left{margin-right:40px;}
.doc-info.pr1 .left{margin-bottom:-65px;width:440px;text-align:center;margin-right:0;}
.doc-info.pr1 .right{min-width:0;width:1%;flex:1 1 auto}
.sq-list li{position:relative;padding-left:13px;line-height:1.75em;}
.sq-list li:before{content:'';width:5px;height:5px;background-color: #2f4c8f;position: absolute;left:0;top:10px;}
.doc-info.pr1 .right .opt{margin-top:30px;}
.doc-info.pr1 .right .opt .opt-tit{font-size:20px;font-weight:600;margin-bottom:10px;}
.doc-info.pr1 .right .opt ul{display:flex;flex-wrap:wrap;max-width:466px;width:100%;margin:0 -5px -15px;}
.doc-info.pr1 .right .opt ul li{width:33.3333%;padding:0 5px;margin-bottom:15px;}
.doc-info.pr1 .right .opt ul li .tit{line-height:1.75em;margin-bottom:5px;}

.doc-pr .img-con{margin-top:120px;}

.doc-info .left .imgs{display:flex;margin:0 -7px;}
.doc-info .left .imgs li{padding:0 7px;}

.doc-info.pr4{padding:0;}
.doc-info.pr4 .left{position:relative;margin-left:-48%;margin-right:100px;}
.doc-info.pr4 .right .price{padding-left:74px;line-height:1.56em;font-weight:500;font-size:18px;position:relative;margin-bottom:25px;}
.doc-info.pr4 .right .price:before{content:'';width:53px;height:52px;background:url('../images/sub/ic_price.png')no-repeat 0 50%/contain;position: absolute;left:0;top:0px;}
.doc-info.pr4 .right .sq-list{padding-left:74px;}
.doc-pr .img-con .tt{margin-top:55px;/* color: #454545; */font-size:18px;line-height:1.4em;}

.doc-info.pr5{justify-content:flex-start;}
.doc-info .right .title{line-height:1.56em;font-weight:500;font-size:18px;margin-bottom:20px;}

.doc-info.pr6{justify-content:flex-start;}
.doc-info.pr6 .left{margin-bottom:-65px;}

.doc-sld.type2{margin-bottom:0;}

.sq-list.type2 li{margin-bottom:20px;}
.sq-list.type2 li:last-child{margin-bottom:0;}

.my-btn{margin:0 auto;width:130px;height:50px;display:flex;justify-content:center;align-items:center;background-color: #2f4c8f;color: #fff;font-size:18px;font-weight:500;border:none;}