@charset "utf-8";
*{letter-spacing: -1px;}
body,
.normal-homepage.board_body {overflow: visible !important;}
body.main-body{background-color: #fff;}
.embla{background-color: #fff;}
#leftMenu li a{font-size: 18px;}

.ecm_pc #header{border-bottom: 0;}
#header .lnb{background-color: rgb(255 255 255 / 80%); transition: 0.3s; box-shadow: none;}
#header .scrollOn .lnb,
#header .lnb:hover{background-color: #fff;  box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);}
.lnb_box{background-color: transparent;}
.normal-homepage .lnb_box{max-width: 1280px;}
.normal-homepage .lnb_box h1{width: 233px;padding: 0;}
.normal-homepage .lnb_box h1 a{padding: 15px 0;}
.normal-homepage .lnb_box > ul > li a {padding: 20px 0;}

.ecm_pc .lnb_box:HOVER ul li .slnb{opacity: 1; height: auto;}
.ecm_pc .lnb_box ul li .slnb{border: 0; position: static;}

.main-body .ecm_pc #container,
.sub-body .ecm_pc #container{padding-top: 48px !important;}

.ecm_mobile #header .lnb {background-color: #fff;}

/* 관리/시스템관리 버튼 숨김 */
.box_mode .adm_toggle, .box_mode .adm_sys{display: none;}

/* 메인배너 */
.aladdin_main_slide{height: 500px;}
.aladdin_main_slide .swiper-slide{}
.aladdin_main_slide .swiper-slide .main-slide-bg{height: 100%; background-size: auto 100%; background-position: right;}
.aladdin_main_slide .swiper-slide .main-slide-bg > div{
	display: flex; flex-direction: column; max-width: 1280px; margin: 0 auto; align-items: flex-start; justify-content: center;height: 100%; padding-top: 63px;
}
.aladdin_main_slide .swiper-slide .main-slide-bg p{font-size: 34px; font-weight: 700; color: #3d62ad; padding-bottom: 20px; text-transform: uppercase;}
.aladdin_main_slide .swiper-slide .main-slide-bg img{height: 62px;}

.aladdin_main_slide .main-slide-bg01{background: #f8f9fd url(/images/aladdin-m/main-banner01.jpg) no-repeat center;}
.aladdin_main_slide .main-slide-bg02{background: #f3f3f5 url(/images/aladdin-m/main-banner02.jpg) no-repeat center;}
.aladdin_main_slide .main-slide-bg03{background: #f9f9f9 url(/images/aladdin-m/main-banner03.jpg) no-repeat center;}

/* 메인 공통 스타일 */
main .tit_en{color: #000000; font-size: 40px; font-weight: 700; line-height: 1; word-break: keep-all; text-transform: uppercase; padding-bottom: 10px; letter-spacing: -2px;}
main .tit_ko{color: #8f8f8f; font-size: 30px; font-weight: 500; line-height: 1; word-break: keep-all; letter-spacing: -2px;}
main .sec_explan{color: #000000; font-size: 25px; font-weight: 400; line-height: 1; word-break: keep-all;}
main .plus_icon{
	width: 100px; height: 100px; position: absolute; border: 50px solid transparent; right: 0; bottom: 0; 
	border-right-color: rgb(255 255 255 / 40%); border-bottom-color: rgb(255 255 255 / 40%); z-index: 1;
}
main .plus_icon .plus_area{width: 28px;height: 28px; position: relative;right: -7px; bottom: -7px; }
main .plus_area{transition: 0.3s;}
main .plus_icon .plus_area:before,
main .plus_icon .plus_area:after{content:''; position: absolute; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);}
main .plus_icon .plus_area:before{width: 100%; height: 2px;}
main .plus_icon .plus_area:after{height: 100%; width: 2px;}
main a:hover .plus_area{transform: rotate(180deg);}

/* 메인 사업분야 */
.business_area .tit_box{padding-bottom: 40px;}
.business_area .bus-wrap{
	max-width: 1280px; margin: 0 auto; padding: 90px 0; display: flex; justify-content: space-between; align-items: stretch; position: relative;z-index: 1;
}
.business_area .bus-wrap:after{
	content: ''; position: absolute; width: 420px; height: 178px; left: 0; top: 0; transform: rotate(180deg); background: url(/images/aladdin-m/bg_patten.svg) no-repeat;
    z-index: -1; background-position: center right;
}
.business_area .bus-wrap .tit_wrap{width: 323px;display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding-right: 20px;}
.business_area ul{width: calc(100% - 323px);display: flex; justify-content: flex-end; align-items: flex-end;}
.business_area li{width: calc(100% / 3 - 23px); height: 300px;margin-right: 35px;}
.business_area li:last-child{margin-right: 0;}
.business_area li:nth-child(2n - 1){background-color: #f2bc00;}
.business_area li:nth-child(2n){background-color: #3d62ad;}
.business_area li a{height: 100%;padding: 25px 70px 25px 25px; display: flex; justify-content: flex-start; align-items: flex-end; overflow: hidden; position: relative;}
.business_area li strong{text-transform: uppercase; font-size: 25px; line-height: 1.2; position: relative; z-index: 1;}
.business_area li:nth-child(2n - 1) strong{text-shadow: -1px -1px 10px #f2bc00, 1px -1px 10px #f2bc00, -1px 1px 10px #f2bc00, 1px 1px 10px #f2bc00;}
.business_area li:nth-child(2n) strong{color: #fff; text-shadow: -1px -1px 10px #3d62ad, 1px -1px 10px #3d62ad, -1px 1px 10px #3d62ad, 1px 1px 10px #3d62ad;}

.business_area li a:after{content: '';width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0.6; transition: 0.3s;}
.business_area li a:hover:after{opacity: 1}

.business_area li.main_jig a:after{background: url(/images/aladdin-m/main-product01.png) no-repeat; background-position: right top; background-size: auto 100%;}
.business_area li.main_line a:after{background: url(/images/aladdin-m/main-product02.png) no-repeat; background-position: right top; background-size: auto 100%;}
.business_area li.main_machine a:after{background: url(/images/aladdin-m/main-product03.png) no-repeat; background-position: right bottom; background-size: cover;}



/* 메인 기술실적 */
.tech_area{background-color: #f7f9fc;position: relative;}
.tech_area:after {
	content: ''; position: absolute; width: 672px; height: 447px; right: 0; bottom: 0; background: url(/images/aladdin-m/bg_patten.svg) no-repeat; opacity: 0.4;
	z-index: 0;
}
.tech_area .tech_wrap{max-width: 1280px; margin: 0 auto; padding: 90px 0;}
.tech_area .tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;padding-bottom: 50px;}

.tech_area ul{display: flex;justify-content: flex-start; align-items: center;}
.tech_area ul li{padding-right: 35px; flex-grow: 1;}
.tech_area ul li:last-child{padding-right: 0;}
.tech_area ul li a{
	position:relative; display: block; padding: 25px; height: 488px; overflow: hidden; z-index: 1;
	transition: background-size 0.3s ease;-moz-transition: background-size .3s ease;-web-kit-transition: background-size .3s ease;position: relative;
    
}
.tech_area .main_tech a{background: url("/images/aladdin-m/main-tech.jpg") no-repeat center; background-size: cover;}
.tech_area .main-prefor a{background: url("/images/aladdin-m/main-prefor.jpg") no-repeat center; background-size: cover;}
.tech_area ul li a:hover{background-size: auto 105%;}
.tech_area ul li .plus_icon{border-width: 80px;}

.tech_area ul li .plus_icon .plus_area{width: 45px;height: 45px;}
.tech_area ul li .plus_icon .plus_area:before,
.tech_area ul li .plus_icon .plus_area:after{content:''; position: absolute; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.tech_area ul li .plus_icon .plus_area:before{height: 3px;}
.tech_area ul li .plus_icon .plus_area:after{width: 3px;}

.tech_area ul li .con_tit p{font-size: 32px; font-weight: 700; color: #fff; text-transform: uppercase;}
.tech_area ul li .con_tit span{font-size: 25px; font-weight: 500; color: #fff;}


/* 주요고객사 */
.customer_area{background: rgb(61,98,173); background: linear-gradient(90deg, rgba(61,98,173,1) 0%, rgba(242,188,0,1) 100%);}
.customer_wrap{background: url("/images/aladdin-m/customer_bg.png") no-repeat center;background-size: cover; padding: 55px 0 95px;}
.customer_area .tit_box{max-width: 1280px; margin: 0 auto; padding-bottom: 55px;}
.customer_wrap ul{background-color: #fff;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;max-width: 1280px; margin: 0 auto; padding: 35px;}
.customer_wrap ul li{width: calc(100% / 4); padding: 20px 40px;}
.customer_wrap .tit_en,
.customer_wrap .tit_ko{color: #fff;}

/* 메인 공지사항 / 문의사항 */
.main_board_area{display: flex; justify-content: space-between; align-items: center; max-width: 1280px; margin: 0 auto; padding: 25px 0;}
.main_board_area > a{width: calc(50% - 15px); padding: 15px; transition: 0.3s;}
.main_board_area .notice_box{box-shadow: 3px 3px 3px #f2bc00; background: url("/images/aladdin-m/main_notice.png") no-repeat; background-position: calc(100% - 15px);}
.main_board_area .inquirye_box{box-shadow: 3px 3px 3px #3d62ad; background: url("/images/aladdin-m/main_inquirye.png") no-repeat; background-position: calc(100% - 15px);}
.main_board_area .notice_box:hover{box-shadow: 1px 1px 1px #f2bc00;}
.main_board_area .inquirye_box:hover{box-shadow: 1px 1px 1px #3d62ad;}

.main_board_area .tit_box{padding-bottom: 40px;}
.main_board_area .tit_en{font-size: 33px; padding-bottom: 20px;}
.main_board_area .more_go{
	display: flex;justify-content: space-between; align-items: center; width: 165px; height: 38px; padding: 10px 15px; border: 1px solid #8f8f8f;background-color: #fff; max-width: 100%;
}
.main_board_area .more_go span{font-size: 20px; color: #8f8f8f; line-height: 1; text-transform: uppercase;}

/* 푸터 */
.footer_pc{background-color: #e5e5e5;}
.footer_pc .footer_wrap_pc .f_logo_pc{padding: 0; height: 30px;}


/* 서브 */
/* 서브공통 */
#naviArea:after{background-color: #3d62ad;}
#leftMenu li a.subON,
#leftMenu li a:hover{background-color: #f2bc00;}

#naviArea.naviArea01{background: #3d62ad url("/images/aladdin-m/naviArea01.png") no-repeat; background-size: 90%; background-position: right center;}
#naviArea.naviArea02{background: #3d62ad url("/images/aladdin-m/naviArea02.png") no-repeat; background-size: cover; background-position: right center;}
#naviArea.naviArea03{background: #3d62ad url("/images/aladdin-m/naviArea03.png") no-repeat; background-size: contain; background-position: right center;}
#naviArea.naviArea04{background: #3d62ad url("/images/aladdin-m/naviArea04.png") no-repeat; background-size: cover; background-position: right center;}
#naviArea:after{display: none;}
#naviArea .web_top {height: calc(12vw + 63px); padding-top: 63px;max-width: 1280px; margin: 0 auto; align-items: flex-start;}
#naviArea .web_top > *{padding-top: 1.5vw;}
#naviArea .web_top span{font-size: 18px;}
.ecm_pc .content_form{padding-bottom: 0;}
.normal-homepage .ecm_pc #content .contentDiv{max-width: 1280px; margin: 0 auto; position: relative; z-index: 1; padding-bottom: 100px; min-height: 370px;}
.normal-homepage .ecm_pc #content .contentDiv main:after{
	content: ''; width: 540px; height:172px; opacity: 0.1; position: absolute; z-index: -1; background: url("/images/aladdin-m/logo_patten.svg") no-repeat; 
	background-position: right bottom; background-size: 100% auto; right: 0; bottom: 0; max-width: 50vw;
}



.sub_area, .place_wrap.sub-area{padding-top: 25px;}
.sub_area .sub_tit,
.map-article .map-a-contents p{font-size: 25px; color: #000; font-weight: 600;padding-bottom: 20px; text-transform: uppercase;}
.sub_area .described_txt {font-size: 20px; letter-spacing: 0.5px; text-align: justify; line-height: 1.5;}
.sub_area .described_txt.blue {color: #1b519f;}
.sub_area .sub_con {margin-bottom: 40px; padding-bottom: 0;}
.sub_area .sub_con:last-child,
.map-article .map-a-contents:last-child {margin-bottom: 0;}
.sub_area .sub_con_box{font-size: 0;display: flex; justify-content: flex-start; align-items: flex-start;padding: 10px; background: #f4f4f4;}
.sub_area .sub_con_box p{font-size: 18px; display: inline-block;font-weight: 600;}

.triangle{position: relative;display: flex; justify-content: flex-start; align-items: flex-start;}
.triangle:before{
	content: ''; display: inline-block; border: 10px solid transparent; border-left-width: 10px; border-left-color: #3d62ad; border-right-width: 15px; margin: 4px 0;
}

.mo-version{display:none;}

/* 인사말 */
.ceo_wrap{display: flex; justify-content: flex-start; align-items: flex-start;}
.ceo_wrap .ceo_text{}
.ceo_wrap .ceo_text p{color: #353535;font-weight: 500;}
.ceo_wrap .ceo_text b{color: #3d62ad; font-weight: 700;}
.ceo_wrap .ceo_text strong{font-weight: 600;}
.ceo_wrap .ceo_text span{font-family: nanum-grandfather; font-size: 40px; padding: 0 10px;}
.ceo_wrap .ceo_text span img{height: 60px;}
.ceo_wrap .ceo_text .ceo_txt_top{ font-size: 0; display: flex; justify-content: flex-start; align-items: flex-end;}
.ceo_wrap .ceo_text .ceo_txt_top p{
	font-size: 30px; line-height: 1.5; text-align: justify; font-weight: 600;position: relative; z-index: 1; padding: 80px 95px 60px 50px; position: relative;width: 700px;
}
.ceo_wrap .ceo_text .ceo_txt_top p:before,
.ceo_wrap .ceo_text .ceo_txt_top p:after{content: ''; position: absolute;width: 115px; height: 72px; background: url("/images/aladdin-m/ceo_quote.png") no-repeat; }
.ceo_wrap .ceo_text .ceo_txt_top p:before{left: 0; top: 0;}
.ceo_wrap .ceo_text .ceo_txt_top p:after{right: 0; bottom: 30px; transform: rotate(180deg);}

.ceo_wrap .ceo_text .ceo_txt_btm{padding: 30px 50px 0; position: relative; max-width: 1050px; word-break: keep-all;}
.ceo_wrap .ceo_text .ceo_txt_btm p{font-size: 18px; line-height: 1.6; text-align: justify;}
.ceo_wrap .ceo_text .ceo_txt_btm:after{
	content: '';position: absolute; height: calc(100% + 100px); bottom: -100px; background-color: #f4f4f4;z-index: -1; width: 1000000000vw; left: 50%; transform: translateX(-50%);
}
.ceo_wrap .ceo_img{border: 1px solid #3d62ad; margin:0 50px -50px 120px; display: inline-block;}

/* 회사개요 */
.company_ul ul{overflow: visible; padding-left: 5px;}
.company_ul ul li{font-size: 18px; padding-bottom: 20px; overflow: visible;display: flex; justify-content: flex-start; align-items: flex-start;}
.company_ul ul li:last-child{padding-bottom: 0;}
.company_ul ul li:before{content: ''; display: inline-block; border: 10px solid transparent; border-left-width: 10px; border-left-color: #3d62ad; border-right-width: 15px; }

/* 연혁 조직도 */
.history_area{font-size: 18px; padding-left: 5px; position: relative; z-index: 1;}
.history_area:after{content: ''; position: absolute; width: 2px; height: calc(100% - 25px); background-color: #3d62ad; left: 5px; top: 12px; z-index: -1;}
.history_area dl{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start;padding-bottom: 30px;}
.history_area dt{width: 120px; font-weight: 600; color: #3d62ad; position: relative;display: flex; justify-content: flex-start; align-items: center;}
.history_area dd{width: calc(100% - 120px);}
.history_area dt,
.history_area dd{padding-bottom: 10px;}
.history_area dl:last-child,
.history_area dl:last-child dt,
.history_area dl:last-child dd{padding-bottom: 0;}

.organ-chart{
	width: 70vw; max-width: 850px;
}

/* ci */
.sub_con_list{font-size: 18px;}
.sub_con_list dt{font-weight: 600; color: #406ab4; padding: 100px 0 10px;}
.sub_con_list dt dt{font-size: 22px;}
.sub_con_list dt:first-child{padding-top: 0;}
.sub_con_list dd{padding-bottom: 12px;}
.sub_con_list dd.ci_txt{padding-left: 20px; text-align: justify;}
.sub_con_list dd.ci_txt:before{position: absolute; left: 0; top: 0;}
.sub_con_list .ci_imgbox{height: 250px; display: block; width: 100%; padding: 20px 0 30px;}
.sub_con_list .ci_imgbox img{width: 100%; height: 100%; object-fit: contain;}

.sub_con_list .ci_imgbox.ci_img01-01{height: 200px;}
.sub_con_list .ci_imgbox.ci_img01-05{height: auto; padding-top: 0;}
.sub_con_list .ci_imgbox.ci_img01-05 img{width: 100%; height: auto;}
.sub_con_list .ci_imgbox.ci_img01-06{height: 300px; padding-top: 0;}

.sub_con_list .ci_imgbox.ci_img02-01,
.sub_con_list .ci_imgbox.ci_img02-02{display: flex; justify-content: space-between; align-items: center;}
.sub_con_list .ci_imgbox.ci_img02-01{height: 120px;}
.sub_con_list .ci_imgbox.ci_img02-02{height: 200px;}
.sub_con_list .ci_imgbox.ci_img02-01 img{ width: 50%;}
.sub_con_list .ci_imgbox.ci_img02-02 img{width: calc(100% / 3);}

.ci-area .ci_file:before{display: none;}
.ci-area .ci_file-con{width: 50%;}
.ci-area .ci_file a{font-size: 18px;display: flex; justify-content: flex-start; align-items: center; text-decoration: underline; color: #3d62ad; transition: 0.3s;}
.ci-area .ci_file a i{padding-left: 10px;color: #3d62ad;}
.ci-area .ci_file a:hover{font-weight: 600;}

/* 주요고객사 */
.sub_area.custom_con .sub_con_box{flex-wrap: wrap; padding: 60px 30px 0;}
.custom_con ul li{width: 25%;text-align: center; padding: 0 30px; padding-bottom: 40px;}
.custom_con ul li img{height: 80px; width: 100%; object-fit: contain;}
.custom_con ul li span{font-size: 18px;padding-top: 10px; display: block;}
.custom_con ul li:last-child {width: 100%; padding-bottom: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.custom_con ul li:last-child img {width: auto; height: auto; padding-bottom: 12px;}
.custom_con ul li:last-child p {color: #707070;}

/* 사업분야 */
.product-area{text-transform: uppercase;}
.pro_img{display: flex; justify-content: flex-start; align-items: stretch;}
.pro_img .main_img{width: 512px; margin-right: 33px; border: 1px solid #f3f3f3;padding: 20px; background-color: #f7f9fc; height: 514px; }
.pro_img .main_img img{width: 100%; height: 100%; object-fit: contain;}
.pro_img .main_img.full_img{padding: 0;}
.pro_img .main_img.need_change{position: relative;}
.pro_img .main_img.need_change:after{content:'고화질 사진 필요'; position: absolute; right: 10px; bottom: 10px; background: #fff; padding: 5px 10px;}
.pro_img .main_img.full_img img{object-fit: cover;}
.pro_img .sub_img{width: calc(100% - 545px)}
.pro_img .sub_has01{display: flex; justify-content: space-between; align-items: center;}
.pro_img .sub_has01 .pro_subimg{width: calc(100% - 18px); max-height: 512px;}
.pro_img .sub_has01 .pro_subimg img{object-fit: cover;}
.pro_img .sub_has02{display: flex; justify-content: space-between; align-items: center;}
.pro_img .sub_has02.layout_column{flex-direction: column;height: 514px;}
.pro_img .sub_has02.layout_column .pro_subimg{width: 100%; max-height: calc(50% - 15px);}
.pro_img .sub_has02 .pro_subimg{width: calc(50% - 18px); max-height: 512px;}
.pro_img .sub_has02 .pro_subimg img{object-fit: cover;}
.pro_img .sub_has04{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.pro_img .sub_has04 .pro_subimg{width: calc(50% - 18px);max-height: 248px; border: 1px solid #f3f3f3;}
.pro_img .sub_has04 .pro_subimg:nth-child(1),
.pro_img .sub_has04 .pro_subimg:nth-child(2){margin-bottom: 18px;}
.pro_img .pro_subimg img{width: 100%; height: 100%; object-fit: cover;}
.product_txt {padding-bottom: 0 !important;}
.product-area .described_txt{padding: 20px;  background: #f4f4f4; margin-bottom: 20px; font-weight: 600; word-break: keep-all; letter-spacing: 1px;}
.sub_container1{display: flex; justify-content:space-start; align-items: stretch;}
.sub_container3{width:calc(100%-545px);}
.product-area .sub_con_list dt.has_one_img{display: flex; justify-content: flex-start; align-items: flex-start;}
.product-area .sub_con_list dt.has_one_img .product_txt{padding-bottom: 12px !important;}
.product-area .sub_con_list dt.has_one_img .main_img{margin-right: 65px;}
.product-area .sub_con_list dt.has_one_img .no-txt:before{border-left-color: transparent;}

/* 보유기술 */
.techni-area,
.prefor-area{position: relative;}
.normal-homepage .ecm_pc #content .contentDiv .techni-area:after,
.normal-homepage .ecm_pc #content .contentDiv .prefor-area:after{opacity: 1;}
.normal-homepage .ecm_pc #content .contentDiv .techni-area:after{
	background: url(/images/aladdin-m/tech_bg.png) no-repeat;  background-position: right bottom; background-size: contain;
	width: 1116px; height: 470px; max-width: 50vw;opacity: 0.6;
}
.normal-homepage .ecm_pc #content .contentDiv .prefor-area:after{
	background: url(/images/aladdin-m/prefor_bg.png) no-repeat;background-position: right bottom; background-size: contain;
	width: 1116px; height: 500px; max-width: 80vw;
}


	
/* 공지사항 */
.search-result-txt span{color: #f2bc00;}
.boardList-w th,
.boardList-w th i,
.board_body_pc .paging_div a.page-move:after{color: #3d62ad;}
.boardList-w thead tr{border-color: #3d62ad;}
.ecm_pc .board_w_area,
.boardView,
.bbs_btm,
.btns_boxs.write_btn_box{max-width: 1280px; margin: 0 auto;}
.board_body_pc .paging_div strong.page-num:after{background: #f2bc00;}
.board_w_area .board_w_mid.board_push{display: none;}

/* 문의하기 */
.email_area{}
.email_area .form-content{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 15px;}
.email_area .form-content input{border: 1px solid #e5e5e5; width: calc(100% - 10px); padding: 10px;}
.email_area .form-btm{}
.email_area .form-btm textarea{width: 100%; border: 1px solid #e5e5e5;}
.email_area .email_btn_area{display: flex; justify-content: flex-end; align-items: center;}
.email_area .button-success{
	border: 1px solid #e5e5e5; padding: 10px 15px; background-color: #3d62ad;display: flex; justify-content: space-between; align-items: center; width: 130px; cursor: pointer;
}
.email_area .button-success:active{background-color: #37599d;}
.email_area .button-success span{color: #fff;}
.email_area .button-success i{color: #fff;}
.email_sub_area{width: calc(100% / 3);}
.email_sub_area p{font-size:18px; font-weight: 600; color:#406ab4; padding: 5px; padding-left: 0px;}
.form-content p{font-size:18px; font-weight:600; color:#406ab4; padding: 5px; padding-left: 0px;}


/* 오시는길 */
.map-article .map-a-contents ul{background: #f4f4f4;}
.map-article .map-a-contents ul li > span i{color: #3d62ad;}
.map-article .map-a-contents ul li > div i svg,
.map-article .map-a-contents ul li > span i svg{fill: #3d62ad;}
.map-article {padding: 10px 0 0;display: flex; justify-content: flex-start; align-items: stretch;}
.place_wrap.sub-area{background-color: transparent;}
.map_btm{width: 40%; min-width: 380px; padding-left: 30px; display: flex; flex-direction: column; justify-content: space-around;align-items: flex-start;}
.map_btm > img {width: auto;height: 33px;}
.map_img{width: 60%; height: 100%; object-fit: contain;background-color: #cbd5dc; padding: 2vw;}
.map-article-title{ font-size:20px; font-weight:600; color:#406ab4; padding:30px 0px 0; }
.map-article-title:first-child{ padding-top: 0;}
.map-article .map-a-contents {width: 100%; padding-bottom: 0;}

/* 푸터 */
.footer_pc .footer_wrap_pc ul li.has_span{display: flex; justify-content: flex-start; align-items: center;}
.footer_pc .footer_wrap_pc ul li span{}
.footer_pc .footer_wrap_pc ul li span:first-child{}
.footer_pc .footer_wrap_pc ul li span:before{content: '|'; display: inline-block;padding: 0 10px; color: #a5a5a5;}
.footer_pc .footer_wrap_pc ul li span:first-child:before{display: none;}

/* 모바일버전 */
.normal-homepage .ecm_mobile #footer{display: none;}
.normal-homepage.board_body .ecm_mobile .boardListDiv{padding-top: 155px; height: 100%;}


@media only screen and (max-width: 1350px){
	.main_area{}
	main .tit_en{font-size: 35px;}
	.main_board_area .tit_en{font-size: 30px;}
	main .tit_ko{font-size: 25px;}
	main .sec_explan{font-size: 20px;}
	.business_area .tit_box {padding-bottom: 30px;}
	.tech_area .tit_box {padding-bottom: 30px;}
	.aladdin_main_slide .swiper-slide .main-slide-bg > div{padding: 63px 20px 0;}
	.ecm_mobile .aladdin_main_slide .swiper-slide .main-slide-bg > div{padding: 110px 20px 0;}
	
	.main_area .business_area,
	.main_area .tech_area,
	.customer_wrap,
	.main_board_area{padding-left: 20px; padding-right: 20px;}
	
	.tech_area ul li a{height: 330px;}
	.tech_area .tit_wrap{display: block; padding-bottom: 30px;}
	.business_area .bus-wrap,
	.tech_area .tech_wrap{padding: 50px 0;}
	
	.business_area .bus-wrap .tit_wrap {width: 280px;}
	.business_area ul {width: calc(100% - 280px);}
	.business_area li{width: calc(100% / 3 - 15px); margin-right: 20px;}
	.tech_area ul li a:hover {background-size: 105% auto;}
	.business_area li strong{font-size: 20px;}
	
	.customer_area .tit_box{padding-bottom: 30px;}
	.customer_wrap{padding: 50px 20px;}
	.tech_area ul li {padding-right: 20px;}
	
	.tech_area ul li .con_tit p {font-size: 25px;}
	.tech_area ul li .con_tit span {font-size: 20px;}
	.tech_area:after{top: 0; right: 0; transform: rotate(180deg);}
	
	
	.normal-homepage .ecm_mobile #content .contentDiv{overflow: auto; height: 100%;}
	.content_form{padding: 0 15px;}
	.ecm_mobile .sub_area{padding: 170px 15px 100px;}
	.normal-homepage .normal-menu .lnb_box > ul{padding-top: 110px; z-index: -1;}
	.normal-homepage.sub-body .normal-menu .lnb_box > ul{padding-top: 155px;}
	.normal-homepage .lnb_box{padding: 0 15px;}
	#naviArea .web_top{padding: 63px 15px 0; height: 220px;}
	#naviArea .web_top > *{padding-top: 0vw;}
	#naviArea .web_top h1 {font-size: 25px;}
	#naviArea.naviArea01{background-size: cover;}
	.pro_img .main_img{width: 50vw;margin-right: 2vw;height: 42vw;}
	.pro_img .sub_img {width: calc(100% - 50vw);}
	.pro_img .sub_has01 .pro_subimg{height: 42vw; max-height: none; width: calc(100% - 1vw);}
	.pro_img .sub_has02.layout_column{height: 42vw;}
	.pro_img .sub_has02 .pro_subimg{height: 42vw; max-height: none; width: calc(50% - 1vw);}
	.pro_img .sub_has02.layout_column .pro_subimg{max-height: calc(50% - 1vw);}
	.pro_img .sub_has04 .pro_subimg{height: 20vw; max-height: none; width: calc(50% - 1vw);}
	.pro_img .sub_has04 .pro_subimg:nth-child(1), 
	.pro_img .sub_has04 .pro_subimg:nth-child(2){margin-bottom: 2vw;}
	.business_area .bus-wrap:after{width: 300px; height: 200px; left: 0;}
	.aladdin_main_slide {height: 30vw;}
	.aladdin_main_slide .swiper-slide .main-slide-bg p {font-size: 3vw; padding-bottom: 1vw;}
	.aladdin_main_slide .swiper-slide .main-slide-bg img {height: 5vw;}
	
	
	.sub_con_list .ci_imgbox.ci_img02-01,
	.sub_con_list .ci_imgbox.ci_img02-02{height: auto; display: block;}
	.sub_con_list .ci_imgbox.ci_img02-01 img,
	.sub_con_list .ci_imgbox.ci_img02-02 img{width: auto; height: auto; max-height: 100px; object-fit: fill; padding: 0 20px 20px;}
	.sub_con_list dt{padding: 50px 0 10px;}
	.customer_wrap ul{padding: 10px;}
	
	.sub_area.custom_con .sub_con_box{padding: 30px 20px 0;}
	.custom_con ul li{padding: 0 20px;padding-bottom: 40px;}
	.custom_con ul li img {height: 50px;}
	.business_area li a{padding: 0 70px 15px 15px;}
	main .plus_icon { width: 60px; height: 60px; border: 30px solid transparent;border-right-color: rgb(255 255 255 / 40%); border-bottom-color: rgb(255 255 255 / 40%);}
	main .plus_icon .plus_area{right: -2px; bottom: -2px; width: 20px; height: 20px;}
	.tech_area ul li .plus_icon{border-width: 60px;}
	.tech_area ul li .plus_icon .plus_area {width: 35px; height: 35px; right: -5px; bottom: -5px;}
	.tech_area ul li .plus_icon .plus_area:before {height: 2px;}
	.tech_area ul li .plus_icon .plus_area:after{width: 2px;}
	.customer_wrap ul li{width: calc(100% / 4); padding: 10px 30px;}
	
	.organ-chart {width: 80vw; max-width: 800px;}
	
	
}

@media only screen and (max-width: 1000px){
	.normal-homepage .normal-menu .gnb_box {padding: 5px 20px; padding-bottom: 5px;}
	.ecm_mobile .sub_area{padding: 120px 15px 50px;}
	.normal-homepage.board_body .ecm_mobile .boardListDiv{padding-top: 105px;}
	.ecm_mobile .aladdin_main_slide .swiper-slide .main-slide-bg > div{padding: 60px 20px 0;}
	.normal-homepage .ecm_mobile .lnb_box h1 a {padding: 0;padding-right: 10px;}
	.normal-homepage.main-body .ecm_mobile .normal-menu .lnb_box > ul {padding-top: 60px;}
	.email_sub_area{width:100%;}
	.product-area .sub_con_list dt.has_one_img{flex-wrap: wrap;}
	.product-area .sub_con_list dt.has_one_img > dl{width: 100%;}
	.product-area .sub_con_list dt.has_one_img > dl:first-child{padding-bottom: 72px;}
	.normal-homepage.sub-body .normal-menu .lnb_box > ul{padding-top: 105px;}
	.sub_con_list dt dt{font-size: 18px;}
}
@media only screen and (max-width: 917px){
	.normal-homepage .normal-menu .lnb_box h1{max-width: calc(100% - 60px);}
	
	.business_area .bus-wrap{display: block;}
	.business_area .bus-wrap .tit_wrap {width: 100%; padding-bottom: 20px; padding-right: 0;}
	.business_area ul{width: 100%; justify-content: flex-start;}
	.business_area .bus-wrap:after{ left: auto; right: 0; width: 500px; height: 240px; opacity: 0.4; background-position: center left;}
	.tech_area:after{display: none;}
	main .tit_en {font-size: 30px;}
	main .tit_ko {font-size: 20px;}
	.business_area .tit_box { padding-bottom: 20px;}
	main .sec_explan { font-size: 18px; }
	.business_area li{height: 30vw;}
	.business_area .bus-wrap, .tech_area .tech_wrap {padding: 8vw 0;}
	.customer_wrap {padding: 7vw 20px;}
	.tech_area ul li a {height: 35vw; padding: 15px;}
	.main_board_area .tit_box{width: 150px;}
	.main_board_area .notice_box,
	.main_board_area .inquirye_box{background-size: auto 60%;}
	.main_board_area .tit_en{padding-bottom: 10px;}
	
	
	#header .lnb { background-color: #fff;}
	.lnb_box > ul > li .slnb {opacity: 1; }
	.ecm_pc .lnb_box ul li:HOVER > .slnb,
	.ecm_pc .lnb_box:HOVER ul li .slnb{height: 0; opacity: 1;}
	.normal-homepage .normal-menu .lnb_box ul li.open .slnb{height: auto;}
	.ecm_mobile .sub_area {padding: 15px 15px 50px;}
	.normal-homepage .normal-menu .lnb_box > ul > li .mlnb a{padding: 10px 15px;}
	.normal-homepage .normal-menu .lnb_box > ul > li .slnb ul {padding: 0;}
	.normal-homepage .normal-menu .lnb_box > ul > li .slnb ul li a,
	.normal-homepage .normal-menu .lnb_box > ul > li .slnb ul li:last-child a {padding: 15px 20px;}
	.ecm_pc .lnb_box > ul > li:hover > .mlnb:after, 
	.ecm_pc .lnb_box ul li.active_page > .mlnb:after,
	.normal-homepage .ecm_mobile #footer{display: none;}
	.embla__slide__inner{overflow: auto;}
	.normal-homepage .ecm_mobile .contentArea{padding-top: 105px;}
	.normal-homepage .ecm_mobile .main_container .contentArea{padding-top: 6px;}
	.ecm_mobile .sub_area,
	.place_wrap.sub-area {padding: 15px 15px 50px;}
	.ceo_wrap {display: block; position: relative;}
	.ceo_wrap .ceo_img{margin: 0; position: absolute; top: 12px; right: 15px; width: 140px;}
	.ceo_wrap .ceo_text .ceo_txt_top p{width: calc(100% - 210px); padding: 30px; word-break: keep-all; text-align: left;}
	.ceo_wrap .ceo_text .ceo_txt_top p:before, 
	.ceo_wrap .ceo_text .ceo_txt_top p:after{width: 65px; height: 70px; background-size: contain;}
	.ceo_wrap .ceo_text .ceo_txt_btm {padding: 30px 35px 0;}
	
	.normal-homepage .lnb_box h1 a {padding: 0;}
	.main-body .ecm_pc #container, .sub-body .ecm_pc #container { padding-top: 38px !important;}
	.custom_con ul li {width: 50%;}
	.normal-homepage.board_body .ecm_mobile .boardListDiv{padding-top: 0;}
	#naviArea .web_top,
	.ecm_pc #naviArea .web_top {padding: 60px 15px 0; height: 160px;}
	.ecm_pc #naviArea .web_top > * {padding-top: 5px;}
	#naviArea .web_top span{font-size: 16px;}
	.ecm_pc #naviArea .web_top h1{font-size: 20px;}
	
	/* 오시는길 */
	.map-article{display: block;}
	.map_img {width: 100%; height: auto;}
	.map_btm{width: 100%; min-width: auto; padding-left: 0; padding-top: 20px; row-gap: 30px;}
	
	.normal-homepage .ecm_pc #content .contentDiv .techni-area:after{opacity: 0.3;}
	.normal-homepage .ecm_pc #content .contentDiv .prefor-area:after{opacity: 0.6;}
}
@media only screen and (max-width: 617px){
	.sub_area .sub_con_box p{font-size: 16px;}
	.sub_area .sub_con{margin-bottom: 30px;}
	.sub_area .sub_tit, .map-article .map-a-contents p {font-size: 20px; padding-bottom: 10px;}
	.company_ul ul li {font-size: 16px;}
	.company_ul ul li:before,
	.triangle:before{border: 8px solid transparent; border-left: 8px solid #3d62ad;;border-right-width: 10px;}
	.history_area dl{ display: block; padding-bottom: 30px;}
	.history_area dd {font-size: 16px; width: 100%;padding-left: 18px;}
	.history_area dt, .history_area dd {padding-bottom: 5px;}
	.history_area:after{height: calc(100% - 45px);}
	.customer_wrap ul li{padding: 5px 10px;}
	.tech_area .tit_box,
	.tech_area .tit_wrap {padding-bottom: 20px;}
	
	.sub_con_list .ci_imgbox,
	.sub_con_list .ci_imgbox.ci_img01-01,
	.sub_con_list .ci_imgbox.ci_img01-06{height: auto;}
	.sub_con_list .ci_imgbox img { width: auto; height: auto; object-fit: fill;}
	.ci-area .ci_file{display: block;}
	.ci-area .ci_file-con {width: auto;}
	.sub_con_list .ci_imgbox.ci_img01-02{width: 40vw;min-width: 150px;}
	.ceo_wrap .ceo_img{display: none;}
	.ceo_wrap .ceo_text .ceo_txt_top{width: 100%; padding: 15px;}
	.ceo_wrap .ceo_text .ceo_txt_btm {padding: 20px 0 0;}
	.ceo_wrap .ceo_text .ceo_txt_top p{font-size: 18px; word-break: break-all; width: 100%;}
	.ceo_wrap .ceo_text .ceo_txt_top p:before, 
	.ceo_wrap .ceo_text .ceo_txt_top p:after{height: 25px;}
	.ceo_wrap .ceo_text .ceo_txt_top p:after{bottom: 15px;}
	.ceo_wrap .ceo_text .ceo_txt_btm p {font-size: 16px;}
	.sub_con_list dd.ci_txt{font-size: 16px;}
	.custom_con ul li span{font-size: 16px;}
	.sub_area .described_txt {font-size: 18px; line-height: 1.3;}
	.product-area .described_txt{margin-bottom: 15px; word-break: break-all;}
	.product-area .sub_con_list dt.has_one_img .product_txt {padding-bottom: 10px !important;}
	.map_btm {row-gap: 20px;}
	.sub_con_list dt {padding: 10px 0;}
	
	.normal-homepage.board_body .ecm_mobile .boardListDiv{min-width: auto; height: 100%;}
	
	.product-area .sub_con_list dt.has_one_img > dl:first-child{padding-bottom: 32px;}
	

	/* 문의하기 */
	.email_area .form-content{ padding-bottom: 0;}
	.email_area .form-content input{width: 100%; margin-bottom: 5px;}
	.email_area .form-btm{padding-bottom: 10px;}
	.organ-chart {width: 100%;}
	
	
	
	
}
@media only screen and (max-width: 517px){
	.custom_con ul li {width: 100%; padding: 0; padding-bottom: 30px;}
	.custom_con ul li img {height: auto;}
	.sub_container1 {display: block;}
	.organ-chart{max-width: 250px;}
	.organ-chart .pc-version{display:none;}
	.organ-chart .mo-version{display:block;}
	.pro_img {display: block;}
	.pro_img .main_img{width: 100%; height: 45vw;}
	.pro_img .sub_img{width: 100%;}
	.pro_img .sub_has04 .pro_subimg:nth-child(1), .pro_img .sub_has04 .pro_subimg:nth-child(2){margin-bottom: 0;}
	.pro_img .sub_has04 .pro_subimg{margin-top: 2vw;}
	.pro_img .sub_has02 .pro_subimg{margin-top: 2vw; height: 20vw;}
	.pro_img .sub_has01 .pro_subimg{margin-top: 2vw; height: 40vw;}
	.business_area li {height: 140px;width: 100%; margin-right: 0; margin-bottom: 15px;}
	.business_area li:last-child {margin-bottom: 0;}
	.business_area li.main_jig a:after{background-position: right 80%; background-size: 60% auto;}
	.business_area li.main_line a:after{background-position: right 80%; background-size: 60% auto;}
	.business_area li.main_machine a:after{background-position: right 70%; background-size: 50% auto;}
	main .tit_en {font-size: 25px;}
	main .tit_ko {font-size: 18px;}
	main .sec_explan {font-size: 15px;}
	.tech_area ul{display: block;}
	.tech_area ul li{width: 100%; padding-right: 0; padding-bottom: 15px;}
	.tech_area ul li:last-child{padding-bottom: 0;}
	.tech_area ul li a {height: 140px;}
	.customer_wrap ul li {width: 50%; padding: 5px 20px;}
	.main_board_area{display: block;}
	.main_board_area .tit_box {width: 100%;}
	.main_board_area > a{width: 100%; display: block;}
	.main_board_area .notice_box{margin-bottom: 20px;}
	.main_board_area .tit_box {padding-bottom: 20px;}
	.business_area .bus-wrap:after {width: 280px; height: 150px; opacity: 0.2;}
	.main_board_area .tit_en {font-size: 25px;}
	.main_board_area .more_go span {font-size: 16px;}
	.main_board_area .more_go{padding: 5px 10px;}
	
	.ceo_wrap .ceo_text .ceo_txt_top{padding: 0;}
	
	
	.map_img{display: none;}
	.map-article{padding: 0;}
	.map_btm{width: 100%; min-width: auto; padding: 15px 0 50px;}
	.business_area ul{display: block;}
	.aladdin_main_slide {height: 40vw;}
	.aladdin_main_slide .swiper-slide .main-slide-bg{background-size: cover; background-position: left top;}

	.pro_img .sub_has02.layout_column{flex-direction: row;}
	.pro_img .sub_has02 .pro_subimg{max-height: none; width: calc(50% - 1vw); height: 100%;}
	
}