@import url('sub.css'); 



/**** S:: COMPANY > CI ****/
.ci_cont{}
.ci_cont .ci_in{}
.ci_cont .ci_in .fs16{padding:25px 0 0;}
.ci_cont .ci_in .ci_logo{padding: 100px 50px;}
.ci_cont .ci_bg{box-sizing:border-box; border:1px solid var(--border); background:url('/company/img/ci_bg.png') repeat center/16px auto; text-align:center; box-sizing:border-box;}
.ci_cont .ci_bg img{max-width:100% !important; height:auto !important;}

.ci_cont .detail_btn{margin-top:30px;}
.ci_cont .ci_logo_list{margin:30px 0 0; display:flex;}
.ci_cont .ci_logo_list dl{margin:0 15px 0 0; width:calc((100% - 15px)/2); border:1px solid var(--border);}
.ci_cont .ci_logo_list dl:last-child{margin:0;}
.ci_cont .ci_logo_list dl dt{padding:50px 30px; box-sizing:border-box; border:0;}
.ci_cont .ci_logo_list dl dd{padding:20px 10px; text-align:center; border-top:1px solid var(--border);}
.ci_cont .ci_font{margin:30px 0 0; padding:30px;}
.ci_cont .ci_color{margin:30px 0 0; display:grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 220px 220px;}
.ci_cont .ci_color li{box-sizing:border-box; padding:30px; display:flex; flex-direction: column; justify-content: space-between;}
.ci_cont .ci_color li *{letter-spacing: 0.5px; color:var(--white);}
.ci_cont .ci_color li .right .fs14,
.ci_cont .ci_color li .right .fs16{color:rgba(255,255,255,.7);}
.ci_cont .ci_color li .right .fs14.bold,
.ci_cont .ci_color li .right .fs16.bold{color:var(--white);}
.ci_cont .ci_color li:nth-child(1){grid-column: 1 / 3; grid-row: 1 / 2; background:#1F3742;}
.ci_cont .ci_color li:nth-child(2){grid-column: 3 / 4; grid-row: 1 / 2; background:#ADB6BB;}
.ci_cont .ci_color li:nth-child(3){grid-column: 4 / 5; grid-row: 1 / 2; background:#E6E7E8;}
.ci_cont .ci_color li:nth-child(4){grid-column: 1 / 2; grid-row: 2 / 3; background:#00ABA9;}
.ci_cont .ci_color li:nth-child(5){grid-column: 2 / 3; grid-row: 2 / 3; background:#EE2935;}
.ci_cont .ci_color li:nth-child(6){grid-column: 3 / 4; grid-row: 2 / 3; background:#BDBEC0;}
.ci_cont .ci_color li:nth-child(7){grid-column: 4 / 5; grid-row: 2 / 3; background:#A39161;}

.ci_cont .ci_color li:nth-child(3) *{color:rgba(34,34,34,.8) !important;}
.ci_cont .ci_color li:nth-child(5) .left .fs14,
.ci_cont .ci_color li:nth-child(7) .left .fs14{color:rgba(255,255,255,.8);}
/**** E:: COMPANY > CI ****/


/**** S:: COMPANY > GREETING ****/
.greeting { display: flex; flex-wrap: wrap; justify-content:center;}
.greeting .ceo_img { display: flex; flex-direction: column; align-items: center; box-sizing:border-box;}
.greeting .ceo_img img {max-width:100%; height:auto;}
.greeting .ceo_img .ceo_name { display: flex; align-items: flex-end; gap: 8px; padding-top: 24px;}
.greeting .ceo_img .ceo_name img{max-width:100%; height:auto;}
.greeting .greeting_txt {display:block; width:calc(60% - 110px); padding-left:100px;}
.greeting .greeting_txt h2 { padding-bottom: 17px;}
.greeting .greeting_txt > p { padding-bottom: 30px;}
.greeting .greeting_txt .fs16 li { padding-bottom: 30px; color:rgba(34,34,34,.6);}
/**** E:: COMPANY > GREETING ****/



/**** S:: COMPANY > ABOUT ****/
.policy .policy_box {display: flex; gap: 10px; align-items: center; flex-direction:column; }
.policy .policy_box .box_in { border-radius: var(--borderR40); width:100%; height:100%; background-size: cover; background-position:center; background-repeat:no-repeat;}
.policy .policy_box .box_in .txt {box-sizing:border-box; padding: 190px 140px;}
.policy .policy_box .box_in .num { display: flex; justify-content: center; align-items: center ;width: 40px; height: 40px; border-radius: 50%; background: var(--main); margin-bottom: 25px; line-height: 0;}
.policy .policy_box .box_in .num .white { line-height: 20px; letter-spacing: 0.28px;}
.policy .policy_box .box_in .title { margin-bottom: 13px;}
.policy .policy_box .box_in .ex_txt {color: rgba(255, 255, 255, 0.7);}

.policy .youtube {display:flex; flex-direction:column; align-items: center; width:100%;}
.policy .youtube .fs50 {padding: 150px 0 50px; width: 100%; text-align: center;}
.policy .youtube .youtube_in {width:100%; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--borderR40);}
.policy .youtube .youtube_in iframe {display:inline-block; position:absolute; left:0; top:0; width:100% !important; height:100% !important;}
.policy .youtube .youtube_in object, .policy .youtube .youtube_in embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/**** E:: COMPANY > ABOUT ****/


/**** S:: COMPANY > LOCATION ****/
.location_cont{}
	.overseas .subtitle{padding-top: 130px;}
	.location_in{display: flex; flex-wrap:wrap; justify-content:space-between;}
	.location_in > div{box-sizing:border-box; width: calc(50% - 15px);}
	.location_in .txtArea{}
	.location_in .txtArea ul{}
	.location_in .txtArea ul li{padding:40px 80px 40px 0; position: relative; box-sizing:border-box; border-bottom:1px solid var(--border);}
	.location_in .txtArea ul li:last-child{border-bottom: 0;}
	.location_in .txtArea ul li .loca_btn{color:var(--main); font-size:35px; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48; position: absolute; right: 23px; top:50%; transform:translateY(-50%); cursor:pointer;}
	.overseas .location_in .txtArea ul li .loca_btn{color:var(--blue_black);}
	.location_in .txtArea ul li .fs18{padding:8px 0 0; color:rgba(34,34,34,.7);}
	.location_in .txtArea ul li dl{display: flex; flex-wrap:wrap; padding: 6px 0 0;}
	.location_in .txtArea ul li dl dd{padding: 0 30px 0 0; font-size:1rem; color:rgba(34,34,34,.5);}
	.location_in .txtArea ul li dl dd span{display: inline-block; font-size:18px; vertical-align: middle; margin:-2px 5px 0 0; }
	.location_in .mapArea{}
	.location_in .mapArea img{max-width:100%;}

img[usemap] {border: none; height: auto; max-width: 100%; width: auto;}


/* 팝업 */
.loca_popup{position:fixed; left:0; top:0; z-index:999999999; width: 100%; height:100%; transform:translateY(-100%); opacity:0; visibility:hidden; transition:all .3s; }
.loca_popup.show{transform:translateY(0); opacity:1; visibility:visible; transition:all 0.4s linear;}
.loca_popup .gray_mask{position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.loca_popup .loca_popup_in{max-width:1350px; width: 90%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; visibility:hidden; transition:all .3s; margin-top: 100px; }
.loca_popup.show .loca_popup_in{margin-top:0; opacity:1; visibility:visible; transition:all 0.4s 0.4s linear;}
.loca_popup .loca_close{position: absolute; left:50%; transform:translateX(-50%); top:-65px; font-size:50px; color:var(--white); cursor:pointer;}
.loca_popup .loca_popup_cont{background:var(--white); padding:50px; box-sizing:border-box;}
.loca_popup .loca_popup_cont dl{display: flex; flex-direction: row-reverse;}
.loca_popup .loca_popup_cont dl dt{width: 50%; }
.loca_popup .loca_popup_cont dl dt .wrap_controllers {display: none !important;}
.loca_popup .loca_popup_cont dl dt .map_border {display: none !important;}
.loca_popup .loca_popup_cont dl dt .cont {display: none !important;}
.loca_popup .loca_popup_cont dl dt .wrap_map {height: 700px !important;}
.loca_popup .loca_popup_cont dl dt iframe{width: 100%; height: 700px;}
.loca_popup .loca_popup_cont dl dd{width: 50%; padding:0 35px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
.loca_popup .loca_popup_cont dl dd .fs50{}
.loca_popup .loca_popup_cont dl dd .fs18{padding: 10px 0 0;}
.loca_popup .loca_popup_cont dl dd ul{padding: 18px 0 0;}
.loca_popup .loca_popup_cont dl dd ul li{font-size:1rem; padding: 0 0 5px; line-height: 175%; color:rgba(34,34,34,.5);}
.loca_popup .loca_popup_cont dl dd ul li:last-child{padding: 0;}
.loca_popup .loca_popup_cont dl dd ul li span{display: inline-block; font-size:18px; vertical-align: middle; margin:-2px 5px 0 0;}
.loca_popup .loca_popup_cont dl dd .btn{padding: 45px 0 0; display: flex; flex-wrap:wrap;}
.loca_popup .loca_popup_cont dl dd .btn a{display: inline-block; width: 180px; height: 65px; line-height: 65px; font-size:1rem; letter-spacing: -0.32px; text-align:center; border-radius:65px; margin: 0 5px 0 0; transition:all .3s linear;}
.loca_popup .loca_popup_cont dl dd .btn a:before{content:''; width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin: -2px 23px 0 0;}
.loca_popup .loca_popup_cont dl dd .btn a:last-child{margin: 0;}
.loca_popup .loca_popup_cont dl dd .btn a.naver{background:#10D265; color:var(--white);}
.loca_popup .loca_popup_cont dl dd .btn a.naver:hover{background:#0BBC59;}
.loca_popup .loca_popup_cont dl dd .btn a.kakao{background:#FAE100; color:#371C1D;}
.loca_popup .loca_popup_cont dl dd .btn a.kakao:hover{background:#FAD200;}
.loca_popup .loca_popup_cont dl dd .btn a.google{background:#f5f5f5; color:var(--black);}
.loca_popup .loca_popup_cont dl dd .btn a.google:hover{background:#ddd;}


.loca_popup .loca_popup_cont dl dd .btn a.naver:before{background:url('/company/img/naver.svg') no-repeat center/auto 16px;}
.loca_popup .loca_popup_cont dl dd .btn a.kakao:before{background:url('/company/img/kakao.svg') no-repeat center/auto 22px;}
.loca_popup .loca_popup_cont dl dd .btn a.google:before{background:url('/company/img/google.svg') no-repeat center/auto 22px;}
/**** E:: COMPANY > LOCATION ****/

/**** S:: COMPANY > 미션 및 비전 ****/
/* VISION — WRAP */
.vision_cont{position:relative; margin: 100px 0 0; display: flex; flex-direction: column; gap: 80px; background: var(--white);}
.vision_cont .vision_line{position:absolute; left:max(5%, calc((100% - 1350px) / 2)); top:0; bottom:0; z-index:1; width:1px; background:var(--border); pointer-events:none;}
.vision_cont .vision_line_bar{position:absolute; top:0; display:block; width:1px; height:0; background:var(--main);}

.vision_cont .vision_row .w1350{display:flex; position:relative; box-sizing:border-box; z-index: 2;}
.vision_cont .vision_dot{position:absolute; left:-4px; top:20px; z-index:3; width:9px; height:9px; border-radius:50%; display:block; background:#777; transition: all .3s;}
.vision_cont .vision_dot::before{content:''; display:block; width:39px; height:39px; border-radius:50%; background:inherit; opacity:0.1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.vision_cont section.on .vision_dot{background:var(--main); }
.vision_cont .vision_row .tit_area{width:345px; flex-shrink:0;}
.vision_cont .vision_row .tit_area_sticky{position: sticky; top: 140px; display: flex; flex-direction: column; gap: 8px; padding:0 50px; box-sizing:border-box;}
.vision_cont .vision_row .tit_area .eng{color:var(--main); font-size:1rem; font-weight:700; line-height:160%; letter-spacing:0.32px;}
.vision_cont .vision_row .cont{flex:1; min-width:0;}

/* VISION — MISSION */
.vision_cont .mission_box{position:relative; padding: 100px 5%; box-sizing: border-box; border-radius:var(--borderR15); overflow:hidden; background:var(--blue_black);}
.vision_cont .mission_box .bg{display:block; position: absolute; left: 0; top: 0; width:100%; height:100%; object-fit:cover;}
.vision_cont .mission_box .overlay{position:relative; z-index:2; text-align:center; box-sizing:border-box;}
.vision_cont .mission_box .overlay .icon{display:block; width:70px; height:70px; margin: 0 auto 20px;}
.vision_cont .mission_box .overlay .tit{color:var(--white); font-size:2.25rem; font-weight:700; line-height:140%; letter-spacing:-0.72px;}
.vision_cont .mission_box .overlay .eng{color:var(--white); font-weight: 400; letter-spacing:0.36px; padding: 5px 0 0;}

/* VISION — VISION BOX */
.vision_cont .vision_box{position:relative; padding: 130px 5%; box-sizing: border-box; border-radius:var(--borderR15); overflow:hidden; background:var(--grayBg);}
.vision_cont .vision_box .bg{display:block; position: absolute; left: 0; top: 0; width:100%; height:100%; object-fit:cover;}
.vision_cont .vision_box .overlay{position:relative; z-index:2; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center;}
.vision_cont .vision_box .overlay .tit{color:var(--black); font-size:2.25rem; font-weight:700; line-height:140%; letter-spacing:-0.72px;}
.vision_cont .vision_box .overlay .tit span{display: inline; color:var(--main); line-height: inherit; letter-spacing: inherit; font-weight: inherit;}
.vision_cont .vision_box .overlay .eng{color:var(--black); font-weight:400; letter-spacing:0.36px; opacity:0.7;}

/* VISION — CORE VALUES */
.vision_cont .value_list{display:flex; flex-wrap:wrap; justify-content:center; gap:30px;}
.vision_cont .value_list li{width:calc((100% - 60px) / 3); min-height:450px; box-sizing:border-box; padding:40px; border:1px solid var(--border); border-radius:var(--borderR20); background:var(--white); display:flex; flex-direction:column; gap:10px;}
.vision_cont .value_list li .icon{display: block; width:120px; aspect-ratio: 1/1; overflow: hidden; margin: 0 auto;}
.vision_cont .value_list li .icon img{display:block; width:100%; height:100%; object-fit: contain;}
.vision_cont .value_list li .txt{display:flex; flex-direction:column; gap:10px; width:100%;}
.vision_cont .value_list li .tit{display:flex; flex-direction:column; align-items:center; text-align:center; gap: 5px;}
.vision_cont .value_list li .tit .eng{color:var(--black); font-size:0.875rem; font-weight:400; line-height:140%; letter-spacing:0.28px; opacity:0.7;}
.vision_cont .value_list li .desc{color:var(--basic); font-size:1rem; font-weight:400; line-height:175%; letter-spacing:-0.32px;}

/* VISION — PHILOSOPHY */
.vision_cont .philosophy{position:relative; margin:120px 0 0;}
.vision_cont .philosophy::before{content:''; display:block; width:100%; height:100%; background:var(--grayBg); position:absolute; left:0; top:-2px; bottom:0; height:auto; z-index:0;}
.vision_cont .philosophy .diag{width:100%; height:120px; line-height:0; position:absolute; left:0; top:0; transform:translateY(calc(-100% + 2px)); z-index:0;}
.vision_cont .philosophy .diag img{display:block; width:100%; height:100%; object-fit:cover; object-position: center top;}
.vision_cont .philosophy_in{padding:100px 0 150px; box-sizing:border-box; position:relative; z-index:2;}
.vision_cont .philosophy_inner{position:relative; display:flex; flex-direction:column; align-items:center; gap:80px; box-sizing:border-box; }
.vision_cont .philosophy_inner .watermark{position:absolute; left:50%; top:121px; transform:translateX(-50%); width:100%; text-align:center; color:var(--blue_black); font-size:3.75rem; font-weight:700; line-height:125%; letter-spacing:1.2px; opacity:0.06; pointer-events:none; white-space:nowrap;}
.vision_cont .philosophy_inner .watermark span{display: block;}

.vision_cont .philosophy_inner .vision_dot{top:50%; transform:translateY(-50%); z-index:5;}

.vision_cont .philosophy_inner .tit_area{position:relative; z-index:2; text-align:center; width: 100%; display: flex; flex-direction: column; gap: 8px;} 
.vision_cont .philosophy_inner .tit_area .eng{color:var(--main); font-size:1rem; font-weight:700; line-height:160%; letter-spacing:0.32px; text-transform:uppercase;}
.vision_cont .philosophy_inner .philo_list{position:relative; z-index:2; display:flex; justify-content:center; gap:60px; width:100%; box-sizing:border-box; padding: 0 27px 0 77px;}
.vision_cont .philosophy_inner .philo_list li{flex:1; display:flex; flex-direction:column; align-items:center; gap:20px;}
.vision_cont .philosophy_inner .philo_list li .dia{width:100%; max-width: 267px; position: relative;}
.vision_cont .philosophy_inner .philo_list li .dia::before{content: ''; display: block; width: 334px; height: 334px; background: url('/company/img/shadow.png') no-repeat center/contain; position: absolute; left: 50%; top: 45%; transform: translate(-50%,-50%); }
.vision_cont .philosophy_inner .philo_list li .dia img{display:block; width:100%; height:auto; position: relative; z-index: 2;}
.vision_cont .philosophy_inner .philo_list li .fs26{text-align:center;}


.youtube-cont{position: relative; z-index: 2; background:var(--white);}
.youtube-cont .fs50 {padding: 0 0 50px; width: 100%; text-align: center;}
.youtube-cont .youtube_in {width:100%; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; border-radius:var(--borderR40);}
.youtube-cont .youtube_in iframe {display:inline-block; position:absolute; left:0; top:0; width:100% !important; height:100% !important;}
.youtube-cont .youtube_in object, .policy .youtube .youtube_in embed {position:absolute; top:0; left:0; width:100%; height:100%;}
/**** E:: COMPANY > 미션 및 비전 ****/




/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1700px){



/**** S:: COMPANY > LOCATION ****/

/* 팝업 */
.loca_popup .loca_popup_cont dl dt .wrap_map {height: 500px !important;}
.loca_popup .loca_popup_cont dl dt iframe{height: 500px;}
/**** E:: COMPANY > LOCATION ****/

/**** S:: COMPANY > 미션 및 비전 ****/
.vision_cont .value_list li .desc br{display: none;}
/**** E:: COMPANY > 미션 및 비전 ****/

}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){


/**** S:: COMPANY > CI ****/
.ci_cont .ci_color{grid-template-columns: repeat(2, 1fr); grid-template-rows: 170px 170px 170px 170px;}
.ci_cont .ci_color li:nth-child(1){grid-column: 1 / 3; grid-row: 1 / 2;}
.ci_cont .ci_color li:nth-child(2){grid-column: 1 / 2; grid-row: 2 / 3;}
.ci_cont .ci_color li:nth-child(3){grid-column: 2 / 3; grid-row: 2 / 3;}
.ci_cont .ci_color li:nth-child(4){grid-column: 1 / 2; grid-row: 3 / 4;}
.ci_cont .ci_color li:nth-child(5){grid-column: 2 / 3; grid-row: 3 / 4;}
.ci_cont .ci_color li:nth-child(6){grid-column: 1 / 2; grid-row: 4 / 5;}
.ci_cont .ci_color li:nth-child(7){grid-column: 2 / 3; grid-row: 4 / 5;}
/**** E:: COMPANY > CI ****/


/**** S:: COMPANY > GREETING ****/
.greeting .greeting_txt {width:calc(60% - 80px);}
.greeting .greeting_txt {padding-left:80px;}
/**** E:: COMPANY > GREETING ****/

/**** S:: COMPANY > ABOUT ****/
.policy .youtube .fs50 { padding:120px 0 40px;}
.policy .policy_box .box_in .txt {padding: 150px 100px;}
.policy .policy_box .box_in .txt .num {margin-bottom: 20px;}
/**** E:: COMPANY > ABOUT ****/


/**** S:: COMPANY > LOCATION ****/
/* 팝업 */
.loca_popup .loca_popup_cont{padding:40px;}
.loca_popup .loca_popup_cont dl dt .wrap_map {height: 400px !important;}
.loca_popup .loca_popup_cont dl dt iframe{height: 400px;}
.loca_popup .loca_popup_cont dl dd{padding:0 35px 0 0;}
/**** E:: COMPANY > LOCATION ****/


/**** S:: COMPANY > 미션 및 비전 ****/
.vision_cont{margin:80px 0 0; gap:60px;}
.vision_cont .vision_row .tit_area{width:250px;}
.vision_cont .vision_row .tit_area_sticky{top:120px; padding:0 30px;}
.vision_cont .mission_box{padding:80px 5%;}
.vision_cont .mission_box .overlay .icon{width:60px; height:60px; margin:0 auto 16px;}
.vision_cont .mission_box .overlay .tit{font-size:2rem;}
.vision_cont .vision_box{padding:100px 5%;}
.vision_cont .vision_box .overlay .tit{font-size:2rem;}
.vision_cont .value_list{gap:20px;}
.vision_cont .value_list li{width:calc((100% - 40px) / 3); min-height:400px; padding:30px;}
.vision_cont .value_list li .icon{width:100px;}
.vision_cont .philosophy{margin:100px 0 0;}
.vision_cont .philosophy .diag{height:90px;}
.vision_cont .philosophy_in{padding:80px 0 120px;}
.vision_cont .philosophy_inner{gap:60px;}
.vision_cont .philosophy_inner .watermark{top:100px; font-size:3rem;}
.vision_cont .philosophy_inner .philo_list{gap:30px; padding:0 20px 0 50px;}
.vision_cont .philosophy_inner .philo_list li .dia{max-width:220px;}
.vision_cont .philosophy_inner .philo_list li .dia::before{width:280px; height:280px;}
/**** E:: COMPANY > 미션 및 비전 ****/



}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/**** S:: COMPANY > CI ****/
.ci_cont{}
.ci_cont .ci_in{}
.ci_cont .basic_style .tit_area{display:flex; align-items:center; justify-content: space-between;}
.ci_cont .detail_btn{margin-top:0;}
.ci_cont .ci_in .fs16{padding:15px 0 0;}
.ci_cont .ci_in .ci_logo{padding: 60px 30px;}
.ci_cont .ci_in .ci_logo img{max-width:50% !important;}
.ci_cont .ci_bg{background-size:12px auto;}

.ci_cont .ci_logo_list{margin:20px 0 0;}
.ci_cont .ci_logo_list dl{margin:0 10px 0 0; width:calc((100% - 20px)/2); }
.ci_cont .ci_logo_list dl dt{padding:30px 20px;}
.ci_cont .ci_logo_list dl dd{padding:15px 10px;}
.ci_cont .ci_font{margin:20px 0 0; padding:20px;}
.ci_cont .ci_font img{max-width:70% !important;}
.ci_cont .ci_color{margin:20px 0 0; grid-template-rows: 140px 140px 140px 140px;}
.ci_cont .ci_color li{padding:20px;}
/**** E:: COMPANY > CI ****/


/**** S:: COMPANY > GREETING ****/
.greeting .ceo_img {width:30%;}
.greeting .greeting_txt {padding-left: 40px;}
.greeting .greeting_txt {width:calc(60% - 40px);}
/**** E:: COMPANY > GREETING ****/

/**** S:: COMPANY > ABOUT ****/
.policy .youtube .fs50 {padding: 90px 0 30px;}
.policy .policy_box .box_in .txt { padding: 100px 60px;}
.policy .policy_box .box_in .txt .num { width: 30px; height: 30px; margin-bottom: 10px;}
/**** E:: COMPANY > ABOUT ****/




/**** S:: COMPANY > LOCATION ****/
.location_cont{}
	.overseas .subtitle{padding-top: 100px;}
	.location_in{}
	.location_in > div{width: calc(50% - 10px);}
	.location_in .txtArea{}
	.location_in .txtArea ul{}
	.location_in .txtArea ul li{padding:30px 50px 30px 0;}
	.location_in .txtArea ul li:first-child{padding-top: 0;}
	.location_in .txtArea ul li .loca_btn{right: 0;}
	.location_in .txtArea ul li dl dd{padding: 0 20px 0 0;}


/* 팝업 */
.loca_popup .loca_close{top:-55px; font-size:40px; }
.loca_popup .loca_popup_cont{padding:30px;}
.loca_popup .loca_popup_cont dl{}
.loca_popup .loca_popup_cont dl dd{padding:0 20px 0 0;}
.loca_popup .loca_popup_cont dl dd .fs18{padding: 8px 0 0;}
.loca_popup .loca_popup_cont dl dd ul{padding: 10px 0 0;}
.loca_popup .loca_popup_cont dl dd ul li span{font-size:16px; margin:-2px 5px 0 0;}
.loca_popup .loca_popup_cont dl dd .btn{padding: 30px 0 0;}
.loca_popup .loca_popup_cont dl dd .btn a{width: 100%; height: 50px; line-height: 50px; margin: 0 0 5px;}
.loca_popup .loca_popup_cont dl dd .btn a:before{width: 18px; height: 18px; margin: -2px 15px 0 0;}

.loca_popup .loca_popup_cont dl dd .btn a.naver:before{background-size:auto 12px;}
.loca_popup .loca_popup_cont dl dd .btn a.kakao:before{background-size:auto 18px;}
/**** E:: COMPANY > LOCATION ****/


/**** S:: COMPANY > 미션 및 비전 ****/
.vision_cont{margin:60px 0 0; gap:50px;}
.vision_cont .vision_line{left:5%;}
.vision_cont .vision_row .w1350{flex-direction:column; gap:20px;}
.vision_cont .vision_row .tit_area{width:100%;}
.vision_cont .vision_row .tit_area_sticky{position:relative; top:auto; padding:0 0 0 30px; gap:4px;}
.vision_cont .vision_row .cont{box-sizing: border-box; padding: 0 0 0 30px;}
.vision_cont .vision_dot{left:-4px; top:8px;}
.vision_cont .vision_dot::before{width:28px; height:28px;}
.vision_cont .mission_box{padding:60px 5%;}
.vision_cont .mission_box .overlay .icon{width:50px; height:50px; margin:0 auto 14px;}
.vision_cont .mission_box .overlay .tit{font-size:1.75rem;}
.vision_cont .vision_box{padding:70px 5%;}
.vision_cont .vision_box .overlay .tit{font-size:1.75rem; text-wrap: balance;}
.vision_cont .vision_box .overlay .tit br{display: none;}
.vision_cont .vision_box .overlay .eng{text-wrap: balance;}
.vision_cont .value_list{gap:15px;}
.vision_cont .value_list li{width:calc((100% - 15px) / 2); min-height:0; padding:25px;}
.vision_cont .value_list li .icon{width:80px;}
.vision_cont .philosophy{margin:80px 0 0;}
.vision_cont .philosophy .diag{height:70px;}
.vision_cont .philosophy_in{padding:60px 0 90px;}
.vision_cont .philosophy_inner{gap:50px;}
.vision_cont .philosophy_inner .watermark{top:80px; font-size:2.25rem;}
.vision_cont .philosophy_inner .philo_list{flex-wrap:wrap; gap:40px 20px; padding:0 30px; max-width: 550px;}
.vision_cont .philosophy_inner .philo_list li{flex: auto; width:calc((100% - 20px) / 2);}
.vision_cont .philosophy_inner .philo_list li .dia{max-width:200px;}
.vision_cont .philosophy_inner .philo_list li .dia::before{width:250px; height:250px;}


.youtube-cont .fs50 {padding: 0 0 30px;}
/**** E:: COMPANY > 미션 및 비전 ****/



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/**** S:: COMPANY > CI ****/
.ci_cont{}
.ci_cont .ci_in .fs16{padding:10px 0 0;}
.ci_cont .ci_in .ci_logo{padding: 40px 20px;}
.ci_cont .ci_bg{background-size:8px auto;}

.ci_cont .ci_logo_list{margin:15px 0 0; flex-wrap:wrap;}
.ci_cont .ci_logo_list dl{margin:0 0 10px; width:100%; }
.ci_cont .ci_logo_list dl dt{padding:20px 10px;}
.ci_cont .ci_logo_list dl dt img{max-width:50% !important;}
.ci_cont .ci_font{margin:15px 0 0; padding:15px;}
.ci_cont .ci_color{margin:15px 0 0;}
.ci_cont .ci_color li{padding:15px;}
/**** E:: COMPANY > CI ****/


/**** S:: COMPANY > GREETING ****/
.greeting {flex-direction:column-reverse;}
.greeting .ceo_img {width: 100%; padding-right:0;}
.greeting .ceo_img img {max-width: 100%;}
.greeting .greeting_txt {width:100%; padding-left:0;}
.greeting .greeting_txt > p {padding-bottom:22px;}
.greeting .greeting_txt .fs16 li { padding-bottom: 22px;}
.greeting .greeting_txt h2 {flex-direction:row; gap:15px;}
/**** E:: COMPANY > GREETING ****/

/**** S:: COMPANY > ABOUT ****/
.policy .youtube .fs50 {padding: 70px 0 20px;}
.policy .policy_box .box_in .title{margin-bottom: 8px;}
.policy .policy_box .box_in .txt { padding: 80px 40px;}
.policy .policy_box .box_in .txt .num {margin-bottom: 8px;}
/**** E:: COMPANY > ABOUT ****/


/**** S:: COMPANY > LOCATION ****/
.location_cont{}
	.overseas .subtitle{padding-top: 80px;}
	.location_in{}
	.location_in > div{width: 100%;}
	.location_in .txtArea{}
	.location_in .txtArea ul{}
	.location_in .txtArea ul li{padding:20px 50px 20px 0;}
	.location_in .txtArea ul li .loca_btn{font-size:30px;}
	.location_in .txtArea ul li .fs18{padding:4px 0 0;}
	.location_in .txtArea ul li dl{padding: 4px 0 0;}
	.location_in .txtArea ul li dl dd{padding: 0 15px 0 0;}
	.location_in .txtArea ul li dl dd span{font-size:16px;}



/* 팝업 */
.loca_popup .loca_close{top:-45px; font-size:30px; }
.loca_popup .loca_popup_cont{padding:20px;}
.loca_popup .loca_popup_cont dl{flex-wrap:wrap;}
.loca_popup .loca_popup_cont dl dt{width: 100%; }
.loca_popup .loca_popup_cont dl dt .wrap_map {height: 200px !important;}
.loca_popup .loca_popup_cont dl dt iframe{height: 200px;}
.loca_popup .loca_popup_cont dl dd{width: 100%; padding:15px 0 0;}
.loca_popup .loca_popup_cont dl dd .fs50{font-size:1.625rem;}
.loca_popup .loca_popup_cont dl dd .fs18{padding: 4px 0 0;}
.loca_popup .loca_popup_cont dl dd ul{padding: 8px 0 0;}
.loca_popup .loca_popup_cont dl dd .btn{padding: 10px 0 0; }
.loca_popup .loca_popup_cont dl dd .btn a{height: 40px; line-height: 40px;}
.loca_popup .loca_popup_cont dl dd .btn a:before{margin: -2px 10px 0 0;}

/**** E:: COMPANY > LOCATION ****/


/**** S:: COMPANY > 미션 및 비전 ****/
.vision_cont{margin:40px 0 0; gap:40px;}
.vision_cont .vision_row .w1350{gap:15px;}
.vision_cont .vision_row .tit_area_sticky{padding:0 0 0 20px;}
.vision_cont .vision_dot{width:7px; height:7px; left: -3px; top:6px;}
.vision_cont .vision_dot::before{width:22px; height:22px;}
.vision_cont .mission_box{padding:50px 4%;}
.vision_cont .mission_box .overlay .icon{width:44px; height:44px; margin:0 auto 12px;}
.vision_cont .mission_box .overlay .tit{font-size:1.5rem;}
.vision_cont .vision_box{padding:50px 4%;}
.vision_cont .vision_box .overlay{gap:6px;}
.vision_cont .vision_box .overlay .tit{font-size:1.5rem;}

.vision_cont .value_list{gap:10px;}
.vision_cont .value_list li{width:calc((100% - 10px) / 2); padding:20px;}
.vision_cont .value_list li .icon{width:70px;}
.vision_cont .value_list li .tit{gap:2px;}
.vision_cont .philosophy{margin:60px 0 0;}
.vision_cont .philosophy .diag{height:50px;}
.vision_cont .philosophy_in{padding:40px 0 70px;}
.vision_cont .philosophy_inner{gap:40px;}
.vision_cont .philosophy_inner .watermark{top:75px; font-size: 1.2rem;}
.vision_cont .philosophy_inner .philo_list{align-items:center; gap:20px; max-width: 400px;}
.vision_cont .philosophy_inner .philo_list li{width:calc(((100% - 20px)/2)); max-width:200px;}
.vision_cont .philosophy_inner .philo_list li .dia{max-width:180px;}
.vision_cont .philosophy_inner .philo_list li .dia::before{width:180px; height:180px;}


.youtube-cont .fs50 {padding: 0 0 20px;}
/**** E:: COMPANY > 미션 및 비전 ****/



}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){




/**** S:: COMPANY > ABOUT ****/
.greeting {gap: 0px;}
.greeting_txt h2 {gap:10px;}
.greeting_txt h2 p {font-size:2.0rem;}
.greeting_txt .fs16 li { padding-bottom: 18px;}
/**** E:: COMPANY > ABOUT ****/


/**** S:: COMPANY > 미션 및 비전 ****/
.vision_cont .value_list{gap:10px;}
.vision_cont .value_list li{width:100%;}
/**** E:: COMPANY > 미션 및 비전 ****/



}