@charset "utf-8";
#film {opacity: 1!important; width: 100%; margin: 0 auto;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.stit01 {padding-left:15px;font-size:1.2em; font-weight:700; letter-spacing:-0.01em; color: #1f2c5c; position:relative; margin-bottom: 13px;}
.stit01:before {content: '';display: block;width: 5px;height: 8px;position: absolute;left: 2px;top: 5px;background: #1f2c5c;-webkit-transform: rotate(0deg) skew(-45deg, 0deg);-ms-transform: rotate(0deg) skew(-45deg, 0deg);transform: rotate(0deg) skew(-45deg, 0deg);}
.stit5 {
    font-size: 1.6em;
	font-family:"Noto Sans KR", 'Nanum Gothic';
    color: #232323;
    line-height: 1.3;
    padding-left: 20px;
	margin-bottom: 10px;
	letter-spacing: -1px;
	font-weight: 700;
	position:relative; 
}
.stit5:before {content: '';display: block;width: 8px;height: 18px;position: absolute;left: 2px;top: 8px;background: #1f2c5c;-webkit-transform: rotate(0deg) skew(-20deg, 0deg);-ms-transform: rotate(0deg) skew(-20deg, 0deg);transform: rotate(0deg) skew(-20deg, 0deg);}

.kor_16 { font-size: 1.0em; font-family:"Noto Sans KR", 'Nanum Gothic'; color: #666; letter-spacing: -0.5px; }

.sub-page-tit{font-weight:600; font-size:2.5em; letter-spacing:0; color:#0e2c3f; text-align:center; text-transform:uppercase; margin-bottom: 30px;}

.person-hrd-box .hrd-list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.person-hrd-box .hrd-list li{position: relative; width: calc(33.3333% - 10px); box-sizing: border-box; border:1px solid #3c9ab3; border-radius:20px; }
.con-box dl dt {font-size:1.1875em; letter-spacing:-0.035em; padding:20px 15px; background-color:#3c9ab3; border-radius:17px 17px 0 0; color:#fff; font-weight:700; text-align: center;}
.con-box dl dd {padding:30px;}
.con-box dl dd .tit { font-size:1.1875em; letter-spacing: -0.015em; color:#111; }
.con-box .txt-box {display:inline-block; margin-top:10px; width: 100%; }
.con-box .txt-box .txt {text-align:left; position:relative; padding-left:24px; font-size:1.0625em; letter-spacing:-0.015em; color:#333; line-height:1.3; margin-top:10px; cursor: pointer;}
.con-box .txt-box .txt:before {content:""; position:absolute; left:0; top:3px; width:15px; height:15px;background:url("../images/content/rnd_check.png") no-repeat;}
.dot_l{border-bottom: 1px dashed #ccc; padding-bottom: 1.3em; margin-bottom: 1.3em;}

.pro_btn_bx {text-align: center;}
.pro_btn01_1 { background-color: #55a7a6; }
.pro_btn01_2 { background-color: #5574a7; }
.pro_btn01_3 { background-color: #c5935e; }
.pro_btn_bx a.on{opacity:1.0;}
.pro_btn_bx a { font-size: 1.2em; line-height: 1.3; padding: 13px 7px 15px 20px; color: #fff; box-sizing: border-box; border-radius: 50px; font-weight: 700; display: inline-block; margin-bottom: 10px; opacity:0.6; box-shadow: 5px 5px 20px rgb(0 0 0 / 26%);}
.pro_btn_bx a span{ background-color: #fff; color: #000; font-size: 0.9em!important; padding: 10px 15px; box-sizing: border-box; border-radius: 50px; margin-left: 5px;}

/* Product :: 상단 제품 설명 */
/* 이미지 리스트 */
.product-info-box{display: flex; align-items: stretch; margin-bottom:3em; justify-content:center;}
.product-info-box .left-box{width:50%;height:100%;}
.product-big-img-list{border:1px solid #ddd; border-radius:2em; box-sizing:border-box; overflow:hidden;}
.product-big-img-list .img-item{position: relative;}
.product-big-img-list .img-item span{position: relative; display: block; width:100%; height:0; padding-top:100%;}
.product-big-img-list .img-item span img{position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width: 100%; max-width:100%; max-height:100%;}

.product-small-img-list{margin:0 -0.5rem; padding:0 3em; box-sizing:border-box; margin-top:1em;}
.product-small-img-list .img-item{border:1px solid #ddd; border-radius:1em; margin:0 0.5rem; padding:1rem 2.5rem; box-sizing:border-box; overflow:hidden;}
.product-small-img-list .img-item span img{max-width:100%;}
.product-small-img-list .img-item.slick-current{border-color:#26a885;}
.product-info-box .slick-arrow{width:3.2rem; height:3.2rem; line-height:3.2rem; font-size:2.3em; color:#666; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 50%; transform: translateY(-50%); border-radius: 6rem; background: #fff; z-index: 9;}
.slick-product-prev{left:0;}
.slick-product-next{right:0;}

/* 이미지 풀 */
.product-info-box .left-box.full-img .product-big-img-list{padding:0;}
.product-info-box .left-box.full-img .product-big-img-list .img-item span{padding-top:100%;}
.product-info-box .left-box.full-img .product-small-img-list .img-item{padding:0;}

/* 텍스트 */
.product-info-box .right-box{display: flex; flex-direction: column; justify-content: space-between; width:50%; padding-left:1.5em; box-sizing:border-box; }
.product-info-box .right-box .tit{font-size:2.4em; line-height:1.16; letter-spacing:-0.02em; color:#000; font-weight:900;}
.product-info-box .right-box .tit span{color:#ddd;}

.cm-product-txt{font-size:1.1em; font-weight: 400; line-height:1.56em; letter-spacing:-0.025em; color:#666; margin-top:1em;}
.cm-check-txt{position: relative; padding-left:1.4em; margin-bottom:0.5em;}
.cm-check-txt:last-child{margin-bottom:0;}
.cm-check-txt:before{position: absolute; content:'\e92b'; font-family:'xeicon'; color:#26a885; font-size:1.1em; left:0; top:0.05em;}
.editor p {line-height: 1.7em; padding-bottom: 20px;}
.editor img { max-width: 1300px;}

/* about */
.mission-list-box .mission-list-box-inner{display:flex; align-items:center;}
.mission-list-box .mission-list-box-inner>div{width:50%; text-align:left;}
.mission-list-box .mission-list-box-inner .left {padding-right:2.61%;}
.mission-list-box .mission-list-box-inner .right {padding-left:2.61%;}
.mission-list-box .mission-list-box-inner .img-box{position:relative;}
.mission-list-box .mission-list-box-inner .img-box img{ width: 100%;}
.mission-list-box .mission-list-box-inner .img-box::after{display:block; content:""; position:absolute; width:52.87%; height:53.75%; background:#eee; bottom:-15px; right:-15px; z-index:-1;}

.mission-tit{display:inline-block; font-size:2.4em; line-height:1.1; letter-spacing:-0.025em; color:#222; font-weight:700; margin-bottom:3.6%;}
.mission-txt{font-size:1.0em; line-height:1.5; letter-spacing:-0.025em; color:#888; font-weight:400; margin-bottom:3.72%;}
.mission-list-box .mission-list-box-inner:nth-of-type(even) .img-box::after{left:-15px; right:initial;}
.mission-list-box .mission-list-box-inner:nth-of-type(even) .right{text-align:right;}
.mission-bottom-container{background:#f9f9f9; text-align:left; padding:6.91% 0;}
.mission-bottom-container-inner {position:relative;}
.mission-bottom-container .mission-tit {padding:6% 0 11px; margin-bottom:3%;}
.mission-bottom-container .mission-txt ul li {margin-bottom:1.92%;}

/* -------- 찾아오시는 길 -------- */
.map-wrapper{position:relative; overflow:hidden; margin:0px auto; height:490px; border:1px solid #ddd}
.map-wrapper .map-con{position:absolute; top:50%; left:50%; width:1300px; height:490px; margin-left:-650px; margin-top:-245px;} 

.location-con-sec .location-tit{display:block; border-bottom:1px solid #4b4b4b; font-weight:700; font-size:1.8em; letter-spacing:-0.25px; color:#173042; padding-bottom:20px;}
.location-con-sec .location-tit img { vertical-align: middle;}
.location-con-sec .location-tit span{display:inline-block; margin-right:12px}
.location-info{padding:30px 2.3% 17px; box-sizing: border-box; }
.location-info li{margin-bottom:13px}
.location-info li strong{position:relative; display:inline-block; font-weight:600; font-size:1.1em; letter-spacing:0; color:#4f4f4f; width:133px; line-height:1.4em; vertical-align:middle; float: left;}
.location-info li strong:after{position:absolute; display:inline-block; content:""; width:1px; height:12px; background:#dcdcdc; right:0; top:2px;}
.location-info li span{display:inline-block; font-weight:400; font-size:1.1em; letter-spacing:-0.25px; color:#848484; line-height:1.4em; width:calc(95.5% - 133px); margin-left:-4px; padding-left:4.5%; vertical-align:middle; }

.stxt1 { font-size: 1.2em; line-height: 1.2;}	
.stit2 { font-size: 1.5em; color:#29447b; font-weight: 700; margin-bottom: 0.5em; line-height: 1.4; }
.btn_st1 { display: inline-block; padding: 1em; color:#fff; border-radius: 5px; font-size: 1.4em; font-weight: 700; }
.btn_st1 i { display: inline-block; vertical-align: middle; margin-left: 5px; }
.btn_st1.color1 { background: #3a76ff; }
.btn_st1.color2 { background: #a9b4bb; }
.btn_st1.color1:hover { background: #1e5ae2; }
.btn_st1.color2:hover { background: #9ea4a8; }
.icoCont { position: relative; display: flex; align-items: center; border-top: 4px solid #6076a4; border-bottom: 4px solid #d7dde8; padding: 2em 3em; border-radius: 4px 0 4px; }
.icoCont::before { content:''; width: 4px; height: 50px; position: absolute; top:0; left:0; background: #6076a4; border-radius: 0 0 8px 8px; }
.icoCont::after { content:''; width: 4px; height: 50px; position: absolute; right:0; bottom:0; background: #d7dde8; border-radius: 8px 8px 0 0 ; }
.icoCont .ico { width: 150px; }
.icoCont .cont { width: calc(100% - 150px); padding-left: 3em; }
.icoCont .cont.btnDown { position: relative; display: flex; align-items: center; width: 100%; justify-content: space-between; }

.show_pic { border-radius: 0px; width: 100%; text-align:center; margin:0 auto;}
.show_pic2 {float: left; width: 40%; margin: 5% 5% 5% 5%;} /* 명함로고와 명함부분 표시 */

.show_div {width: 100%;}
.show_div li { width: 32%; margin-right: 2%; margin-bottom: 1%; float: left;}
.show_div li:nth-child(3n) {margin-right: 0;}
.show_div li img {border-radius: 10px; width: 100%;}

.show_div2 {width: 100%;}
.show_div2 li { width: 100%; margin-right: 0%; margin-bottom: 10%; float: left;}
.show_div2 li:nth-child(3n) {margin-right: 0;}
.show_div2 li img {border-radius: 10px; width: 100%;}

.show_div3 {width: 100%;}
.show_div3 li { width: 48%; margin-right: 2%; margin-bottom: 10%; float: left;}
.show_div3 li:nth-child(3n) {margin-right: 0;}
.show_div3 li img {border-radius: 1px; width: 100%;}

.sub_vis_wrap{width:100%; max-width:1300px; margin:0 auto; position:relative; box-sizing:border-box; }
.sub_vis_wrap .txt_in{position:relative; z-index:300; margin-left:auto; margin-right:auto; display:table; height:100%; }
.sub_vis_wrap .txt_in .txt{display:table-cell; text-align:center; color:#fff; padding:3em 0 3em; font-size:2.2em; font-weight:100; line-height:1.3em;}
.sub_vis_wrap .txt_in .txt.inner{font-size:3.2em; line-height:1em; padding:1.8em 0; font-weight:bold;}
.sub_vis_wrap .txt_in .txt.inner b{opacity:0.5;}
.sub_vis_wrap .txt_in .txt span{font-size: 0.55em; letter-spacing: 1em; display: block; font-weight: 400;}

.sub_vis_wrap .txt_in2{position:relative; z-index:3; margin-left:auto; margin-right:auto;  color:#FFF; padding:8em 4em;}
.sub_vis_wrap .txt_in2 .e{ font-size:2.5em;}
.sub_vis_wrap .txt_in2 .t{font-size:1.2em;}
.sub_vis_wrap .txt_in2 .line{width:40px; height:1px; background:#FFF; margin:2em 0; opacity:0.4;}
.sub_vis_wrap .txt_in2 .c{font-size:0.94em;}

.sub_vis_wrap .bg_in2{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.sub_vis_wrap .bg2{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; background-size:cover;}

.his_wrap{width:100%; }
.his_wrap .his_bx{}
.his_bx .in{border-radius:0 0 20px 20px; overflow:hidden; margin:2%; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); background-color:#FFF; transition :all .3s ease;}
.his_bx .img{padding:3em 0; text-align:center; color:#FFF; font-family: 'GmarketSansLight'; transition :all .3s ease; font-size:2em; font-weight:bold; background:no-repeat center center; background-size:cover; width:100%; }
.his_bx .txt{box-sizing:border-box; transition :all 1s ease;  padding:2em 1.5em 1em; margin-top:-2em; border-radius:20px; background:#FFF; position:relative; z-index:1;}
.his_bx .con{margin:1em auto;}
.his_bx .con li{overflow:hidden; font-size:0.96em}
.his_bx .con li .y{display:Block; width:30px; float:left; margin-top:1px;}
.his_bx .con li .d{display:Block; width:calc(100% - 30px); padding-left:5px;transition :all 0.5s ease; float:right; margin-bottom:0.4em; line-height:1.4em; opacity:0.8}
.his_bx .con.yy li .y{width:45px; }
.his_bx .con.yy li .d{width:calc(100% - 45px);}

.his_bx .con li .d:hover{padding-left:0; transition :all 0.5s ease;}
.his_bx.slick-center .txt{margin-top:-5em; transition :all 1s ease; }

.his_wrap{overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li{position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 5em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t{position:relative; font-size:2.2em; color: #2a2a2a; font-weight:600; margin-bottom:20px;}
.his_wrap li .t:before{content:""; position:absolute; top:0.31em; left:-25px; width:6px; height:6px; border-radius:100%; background:#fff; border:2px solid #3d72c9;}
.his_wrap li .c{font-family: "Noto Sans KR", 'Nanum Gothic'; font-size:1.1em; color: #2a2a2a; line-height: 1.4; letter-spacing: -0.5px;}
.his_wrap li .c dt{width:50px; display:inline-block; font-weight:700; vertical-align:top; margin-bottom:8px;}
.his_wrap li .c dd{width:calc(100% - 50px); display:inline-block; vertical-align:top; margin-bottom:8px;}

.his_wrap li:nth-of-type(2n){float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-25px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }