@import url('common.css'); 
@import url('sub.css'); 








/* Careers */
.career_info{position:relative;}
.career_info:before{content:''; display:block; width:100%; height:40%; background:var(--grayBg); position:absolute; left:0; bottom:0;}
.career_info .careerInfo_in{position:relative; border-radius:var(--borderR20); padding:120px 0; width:calc(100% - 200px); overflow:hidden; margin:0 auto;}
.career_info .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url('/information/img/career_bg.jpg') no-repeat center/cover;}
.career_info.action .bg{transform: scale(1); animation: m_vsImg 1.8s;}
.career_info .subTit{color:#fff;}
	.career_info_list{display:flex; flex-wrap:wrap;}
	.career_info_list dl{margin:0 30px 30px 0; width:calc((100% - 30px)/2); display:flex; align-items:center; padding:30px 45px; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(5px); border-radius:var(--borderR20); box-sizing:border-box;}
	.career_info_list dl:nth-child(2n){margin-right:0;}
	.career_info_list dl dt{width:60px;}
	.career_info_list dl dt img{width:100%;}
	.career_info_list dl dd{width:calc(100% - 60px); box-sizing:border-box; padding: 0 0 0 45px;}
	.career_info_list dl dd .fs22{color:#fff;}
	.career_info_list dl dd .txt{color:#fff;}

.career_process{overflow:hidden;}
.career_process_list{display:flex;}
.career_process_list .box{margin:0 80px 0 0; width:calc((100% - 240px)/4);}
.career_process_list .box:last-child{margin:0;}
.career_process_list .box .icon{width:245px; height:245px; margin:0 auto; position:relative; display:flex; justify-content: center; flex-direction: column; align-items:center; background:#fff; border-radius:50%; box-shadow:var(--shadow);}
.career_process_list .box .icon .num{position:absolute; left:19px; top:17px;}
.career_process_list .box .icon img{width:60px; margin:0 auto 20px;}
.career_process_list .box .icon .fs22{text-align: center; box-sizing: border-box; padding: 0 8px;}
.career_process_list .box .check_list{padding:20px 0 0;}
.career_process_list .box .arrow{display:flex; position:absolute; right:-50px; top:118px;}
.career_process_list .box .arrow span{display:block; margin:0 3px 0 0; width:5px; height:10px; background:url('/information/img/career_arrow.svg') no-repeat center/100% auto;}
.career_process_list .box .arrow span:last-child{margin:0;}

.unu, .doi, .trei {-webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite;}
	.unu {-webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate;}
	.doi {-webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate;}
	.trei {-webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate;}

	@-webkit-keyframes mouse-scroll {
		0%   { opacity: 0;}
		50%  { opacity: .5;}
		100% { opacity: 1;}
	}
	@-moz-keyframes mouse-scroll {
		0%   { opacity: 0; }
		50%  { opacity: .5; }
		100% { opacity: 1; }
	}
	@-o-keyframes mouse-scroll {
		0%   { opacity: 0; }
		50%  { opacity: .5; }
		100% { opacity: 1; }
	}
	@keyframes mouse-scroll {
		0%   { opacity: 0; }
		50%  { opacity: .5; }
		100% { opacity: 1; }
	}



.career_banner{padding:134px 0; position:relative; overflow:hidden;}
.career_banner .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:url('/information/img/career_banner_bg.jpg') no-repeat center/cover;}
.career_banner.action .bg{transform: scale(1); animation: m_vsImg 1.8s;}
.career_banner .subTit{color:#fff;}
.career_banner .btnArea{display:flex; justify-content: center;}
.career_banner .btnArea .moreBtn{background:none; border-color:rgba(255,255,255,.2); margin:0 10px 0 0;}
.career_banner .btnArea .moreBtn:last-child{margin:0;}
.career_banner .btnArea .moreBtn font{color:#fff;}
.career_banner .btnArea .moreBtn font span{display:inline-block; vertical-align:middle; margin:-2px 5px 0 0; font-size:20px; color:#fff; font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;}
.career_banner .btnArea .moreBtn img{position:relative; z-index:2; display:inline-block; margin-top:21px; vertical-align:top;}
.career_banner .btnArea .moreBtn .icon{color:var(--main); background:#fff;}
.career_banner .btnArea .moreBtn:hover{border-color:var(--blue) !important;}
.career_banner .btnArea .moreBtn:hover .icon{color:var(--blue);}
.career_banner .btnArea .moreBtn:before{background:var(--blue);}




/* News & Notice */
.news_cont{}
.news_cont .news_in{padding:80px 0 120px;}

.category{display:inline-block; min-width:75px; height:25px; line-height:25px; text-align:center; box-sizing:border-box; border:1px solid var(--main); border-radius:25px; padding:0 12px; color:var(--main); font-weight:500; font-size:14px; font-family:var(--korFont); margin:0 0 10px;}

.news_post_roll{width:calc(100% + 30px); margin:0 -15px;}
.news_post_roll:after{content:''; display:block; clear:both;}
.news_post_roll .roll{margin:0 15px; background:#fff; border-radius:var(--borderR20); box-shadow:var(--shadow); transition:all .3s linear;}
.news_post_roll .roll:hover{background:rgba(255,255,255,.6);}
.news_post_roll .roll a{display:block; padding:40px; box-sizing:border-box;}
.news_post_roll .roll a h4{font-size:20px; letter-spacing:0; font-weight:700; color:var(--black); line-height: 1.4em; height:2.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0 0 8px;}
.news_post_roll .roll a p{font-size:1rem; letter-spacing:0; line-height:120%; height:1.2em; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.news_post_roll .roll a .date{display:block; font-size:15px; letter-spacing:0; color:#999; line-height:120%; margin:28px 0 0;}
.news_post_roll .roll a .date:before{content:'\e8b5'; font-weight:400; display:inline-block; margin:-2px 3px 0 0; vertical-align:middle; font-family: "Material Symbols Outlined"; font-size:18px; color:#999999;}
 
.news_banner_roll{width:calc(100% + 30px); margin:0 -15px;}
.news_banner_roll:after{content:''; display:block; clear:both;}
.news_banner_roll .roll{border-radius:var(--borderR20); overflow:hidden; margin:0 15px;}
.news_banner_roll .roll a{display:block;}
.news_banner_roll .roll img{width:100%; background-repeat:no-repeat; background-position:center; background-size:contain;}


.slick_wrap{position:relative;}
.news_post_roll_btn{position:absolute; right:0; top:-47px;}
.news_banner_roll_btn{position:absolute; right:0; bottom:-47px;}

.slick_btn_wrap{display:flex; align-items:center;}

.slick_arrow{font-size:0; position:relative; width:24px; height:24px; cursor:pointer; transition:all .3s linear;}
.slick_arrow.slick-hidden{display:none;}
.slick_arrow.slick-hidden + .slick_btn{display:none;}
.slick_arrow:hover{opacity: 0.5;}
.slick_arrow:after{display:block; width:100%; height:100%; line-height:24px; text-align:center; font-size:24px; font-family: "Material Symbols Outlined"; color:var(--black); font-weight:400; position:absolute; left:0; top:0;}
.slick_arrow.slick_prev:after{content:'\e2ea';}
.slick_arrow.slick_next:after{content:'\e5e1';}

.slick_btn{margin: 0 4px;}
.slick_btn div{display:block; width:10px; height:16px; cursor:pointer; font-size:0;}
.slick_btn div.slick_play{background:url('/information/img/slickPlay.svg') no-repeat center/100% auto;}
.slick_btn div.slick_stop{background:url('/information/img/slickPause.svg') no-repeat center/100% auto;}
.slick_btn div.slick_play1{display: none;}
.slick_btn div.slick_play2{display: none;}







/* Contact Us */
.contact_btn{display:flex; flex-wrap:wrap; margin: 0 auto 60px; /* position: fixed; max-width:1350px; width: 94%; left: 50%; bottom: 20px; transform:translateX(-50%); z-index: 99999; */}
.contact_btn dl{margin:0 30px 0 0; width:calc((100% - 30px)/2); box-shadow:var(--shadow);  border-radius:var(--borderR20); overflow:hidden; position: relative;}
.contact_btn dl:last-child{margin:0;}
.contact_btn dl:after{content:''; display:block; width:100%; height:calc(100% - 10px); background:#fff; border-radius:var(--borderR20); position:absolute; left:0; top:0;}
.contact_btn dl.one{background: linear-gradient(to bottom, #fff, var(--main)); }
.contact_btn dl.two{background: linear-gradient(to bottom, #fff, var(--sub));}
.contact_btn dl a{display:flex; flex-wrap:wrap; flex-direction: row-reverse; padding:40px; height: 100%; box-sizing:border-box; position: relative;}
.contact_btn dl dt{width:80px; position:relative; z-index: 2;}
.contact_btn dl dt img{width: 100%;}
.contact_btn dl dd{width:calc(100% - 80px); display:flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing:border-box; padding:0 30px 0 0;  position:relative; z-index: 2;}
.contact_btn dl dd p{padding:8px 0 0; font-size:15px; line-height:120%;	transition:all .3s linear;}
.contact_btn dl.one:hover dd p{color:var(--main);}
.contact_btn dl.two:hover dd p{color:var(--sub);}
.contact_btn dl dd p .arrow{font-size:16px; display: inline-block; margin:-2px 0 0 6px; vertical-align: middle;}


.contact_map{}
.contact_map .map{border:1px solid var(--border); border-radius:var(--borderR20); overflow: hidden;}
.contact_map .map .wrap_map{height:500px !important;}
.contact_map .map .map_border{display:none !important;}
.contact_map .map .wrap_controllers{display:none !important;}
.contact_map .contact_info{padding:30px 0; display:flex; flex-wrap:wrap; justify-content: center; border-bottom:1px solid var(--border);}
.contact_map .contact_info dl{display:flex; padding:0 40px 0 0;}
.contact_map .contact_info dl:last-child{padding:0;}
.contact_map .contact_info dl dt{width:104px; font-size:1rem; letter-spacing: 0; line-height:150%; font-weight:700; color:#222;}
.contact_map .contact_info dl.email dt{width:124px;}
.contact_map .contact_info dl dt img{display:inline-block; vertical-align: middle; margin:-2px 15px 0 0;}
.contact_map .contact_info dl dd{width:calc(100% - 104px); font-size:1rem; letter-spacing: 0; line-height:150%; display: flex; align-items: center;}
.contact_map .contact_info dl.email dd{width:calc(100% - 124px);}
.contact_map .contact_info dl dd .copy{font-size:0; display:inline-block; margin: 0 0 0 6px; width: 20px; height:20px; background:url('/information/img/content_copy.svg') no-repeat center/auto 100%; cursor:pointer;}


.contact_map .contact_info dl:first-child { width:100%; justify-content:center; padding: 0 0 10px; }
.contact_map .contact_info dl:first-child dt { width:142px; display: flex; align-items: center; }
.contact_map .contact_info dl:first-child dd { width:auto; }

.contact_traffic{}
.contact_traffic ul{box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR20); display: flex; padding:40px 0;}
.contact_traffic ul li{width: 33.33%; box-sizing:border-box; border-right:1px solid var(--border); padding:0 30px; text-align:center;}
.contact_traffic ul li:last-child{border:0;}
.contact_traffic ul li img{margin:0 auto 20px; width: 70px;}
.contact_traffic ul li .fs22{margin:0;}
.contact_traffic ul li .txt{padding:10px 0 0;}
.contact_traffic ul li .line4{display:inline-block; margin:0 9px 0 0; vertical-align: middle; width:60px; height:25px; line-height:25px; font-size:15px; font-weight:700; color:#fff; background:#09B5EA; border-radius:25px;}




.fixed-button_wrapper{position: fixed; left: 50%; transform:translateX(-50%); top: auto; right: auto; bottom: 0; padding: 0 0 20px; z-index: 2000; width: 100%; background: linear-gradient(to bottom, transparent, white); display: flex; justify-content: center;}
.fixed-button_wrapper .contact_btn{max-width:1350px; width: 94%;}


#footer.contact{padding: 0 0 200px;}




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


/* Careers */
.career_info{}
.career_info .careerInfo_in{width:calc(100% - 50px);}





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

/* Careers */
.career_process_list{max-width:920px; width:100%; margin:0 auto;}
.career_process_list .box{margin:0 40px 0 0; width:calc((100% - 120px)/4);}
.career_process_list .box:last-child{margin:0;}
.career_process_list .box .icon{width:200px; height:200px;}
.career_process_list .box .icon .num{left:10px;}
.career_process_list .box .icon img{width:50px;}
.career_process_list .box .arrow{right:-30px; top:100px;}



#footer.contact{padding: 0 0 160px;}

/* Contact Us */
.contact_btn dl a{padding:30px;}



}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){

/* Careers */
.career_info .careerInfo_in{padding:80px 0; width:94%;}
	.career_info_list dl{margin:0 20px 20px 0; width:calc((100% - 20px)/2); padding:20px 35px; align-items: flex-start;}
	.career_info_list dl:nth-child(2n){margin-right:0;}
	.career_info_list dl dt{width:50px;}
	.career_info_list dl dd{width:calc(100% - 50px); padding: 0 0 0 35px;}

.career_info .bg{/* background-position:right -200px center; */}

.career_banner{padding:100px 0;}
.career_banner .btnArea .moreBtn img{margin-top:18px;}


.career_process_list{max-width:640px;}
.career_process_list .box{margin:0 40px 0 0; width:calc((100% - 120px)/4);}
.career_process_list .box:last-child{margin:0;}
.career_process_list .box .icon{width:130px; height:130px;}
.career_process_list .box .icon .fs22{font-size:16px;}
.career_process_list .box .icon .num{left:0; top:7px;}
.career_process_list .box .icon img{width:40px; margin:0 auto 10px;}
.career_process_list .box .check_list{padding:15px 0 0;}
.career_process_list .box .arrow{right:-30px; top:60px;}


/* News & Notice */
.news_cont{}
.news_cont .news_in{padding:60px 0 100px;}

.category{min-width:70px; height:22px; line-height:22px; padding:0 10px; font-size:13px; margin:0 0 8px;}

.news_post_roll{width:calc(100% + 20px); margin:0 -10px;}
.news_post_roll .roll{margin:0 10px;}
.news_post_roll .roll a{padding:30px;}
.news_post_roll .roll a h4{font-size:18px; margin:0 0 6px;}
.news_post_roll .roll a p{}
.news_post_roll .roll a .date{font-size:13px; margin:20px 0 0;}
.news_post_roll .roll a .date:before{font-size:16px;}
 
.news_banner_roll{width:calc(100% + 20px); margin:0 -10px;}
.news_banner_roll .roll{margin:0 10px;}


.news_post_roll_btn{top:-33px;}
.news_banner_roll_btn{bottom:-33px;}



#footer.contact{padding: 0 0 120px;}

/* Contact Us */
.contact_btn{/* bottom: 10px; */ margin: 0 auto 40px;}
.contact_btn dl{margin:0 20px 0 0; width:calc((100% - 20px)/2);}
.contact_btn dl:after{height:calc(100% - 5px);}
.contact_btn dl a{padding:20px;}
.contact_btn dl dt{width:60px;}
.contact_btn dl dd{width:calc(100% - 60px); padding:0 20px 0 0;}
.contact_btn dl dd .fs30{font-size:20px;}
.contact_btn dl dd p{padding:8px 0 0; font-size:13px;}
.contact_btn dl dd p .arrow{font-size:14px; margin:-2px 0 0 6px;}

.contact_map{}
.contact_map .map{}
.contact_map .map .wrap_map{height:400px !important;}
.contact_map .contact_info{padding:20px 0;}
.contact_map .contact_info dl{padding:0 40px 8px 0;}
.contact_map .contact_info dl:last-child{padding:0;}
.contact_map .contact_info dl dt{width:90px;}
.contact_map .contact_info dl.email dt{width:100px; display: flex; align-items: center;}
.contact_map .contact_info dl dt img{width: 40px; margin:-2px 10px 0 0;}
.contact_map .contact_info dl dd{width:calc(100% - 90px);}
.contact_map .contact_info dl.email dd{width:calc(100% - 100px);}
.contact_map .contact_info dl dd .copy{margin: 0 0 0 4px; width: 18px; height:18px;}

.contact_map .contact_info dl:first-child { padding: 0 0 10px; }
.contact_map .contact_info dl:first-child dt { width:120px; }

.contact_traffic{}
.contact_traffic ul{padding:30px 0;}
.contact_traffic ul li{padding:0 20px;}
.contact_traffic ul li img{margin:0 auto 15px; width: 60px;}
.contact_traffic ul li .line4{display: block; margin:0 auto 5px; width:50px; height:20px; line-height:20px; font-size:12px;}




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

/* Careers */
.career_info .careerInfo_in{padding:60px 0;}
	.career_info_list dl{margin:0 0 10px; width:100%; padding:20px 25px;}
	.career_info_list dl:nth-child(2n){margin-right:0;}
	.career_info_list dl dt{width:40px;}
	.career_info_list dl dd{width:calc(100% - 40px); padding: 0 0 0 25px;}

.career_info .bg{background-position: right -300px center;}
.career_banner{padding:80px 0;}
.career_banner .btnArea .moreBtn{margin:0 5px 0 0;}
.career_banner .btnArea .moreBtn font span{margin:-2px 5px 0 0; font-size:16px;}
.career_banner .btnArea .moreBtn img{margin-top:18px; width:80px;}


.career_process_list{max-width:300px; flex-wrap:wrap;}
.career_process_list .box{margin:0 40px 30px 0; width:calc((100% - 40px)/2);}
.career_process_list .box:last-child{margin:0;}
.career_process_list .box:nth-child(3){margin-bottom:0;}
.career_process_list .box:nth-child(2) .arrow{display:none;}
.career_process_list .box:nth-child(2n){margin-right:0;}
.career_process_list .box .icon{width:110px; height:110px;}
.career_process_list .box .icon .fs22{font-size:14px;}

/* News & Notice */
.news_cont{}
.news_cont .news_in{padding:40px 0 60px;}

.news_post_roll{width:calc(100% + 16px); margin:0 -8px;}
.news_post_roll .roll{margin:0 8px;}
.news_post_roll .roll a{padding:20px;}
.news_post_roll .roll a h4{font-size:16px;}
.news_post_roll .roll a p{}
.news_post_roll .roll a .date{font-size:11px; margin:15px 0 0;}
.news_post_roll .roll a .date:before{font-size:14px;}
 
.news_banner_roll{width:calc(100% + 16px); margin:0 -8px;}
.news_banner_roll .roll{margin:0 8px;}

.news_post_roll_btn{top:-28px;}
.news_banner_roll_btn{bottom:-28px;}
.slick_arrow{width:20px; height:20px;}
.slick_arrow:after{line-height:20px; font-size:20px;}
.slick_btn{margin: 0 2px;}
.slick_btn div{width:8px; height:13px;}


#footer.contact{padding: 0 0 100px;}
.fixed-button_wrapper{padding: 0 0 10px;}

/* Contact Us */
.contact_btn {margin: 0 auto 20px;}
.contact_btn dl{margin:0 10px 0 0; width:calc((100% - 10px)/2);}
.contact_btn dl a{padding:15px;}
.contact_btn dl dt{width:40px;}
.contact_btn dl dd{width:calc(100% - 40px); padding:0 10px 0 0;}
.contact_btn dl dd .fs30{font-size:14px;}
.contact_btn dl dd p{font-size:12px; padding: 4px 0 0;}


.contact_map{}
.contact_map .map{}
.contact_map .map .wrap_map{height:300px !important;}
.contact_map .contact_info{padding:15px 0; display: block;}
.contact_map .contact_info dl{padding:0 0 8px 0;}
.contact_map .contact_info dl:last-child{padding:0;}
.contact_map .contact_info dl dt img{width: 40px;}

.contact_map .contact_info dl:first-child { justify-content:unset; padding:0 0 8px 0; }
.contact_map .contact_info dl:first-child dt { width: 110px; display:inline-block; }
.contact_map .contact_info dl:first-child dd { width: calc(100% - 110px); }

.contact_traffic{}
.contact_traffic ul{padding:20px 0;}
.contact_traffic ul li{width: 33.33%; padding:0 10px;}
.contact_traffic ul li img{margin:0 auto 10px; width: 50px;}
.contact_traffic ul li .txt{padding:8px 0 0;}




}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){



#footer.contact{padding: 0 0 80px;}

/* Contact Us */
.contact_btn dl dt{display: none;}
.contact_btn dl dd{width:100%; padding:0;}



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




}