@charset "utf-8";

/* * * */
.sub{margin-top:80px;}
@media screen and (max-width:1024px){
	.sub{margin-top:0;}
}

/* sub header */
body.sub #header_wrap{background:#fff;border-bottom:1px solid #e3e3e3;box-shadow: none;}
body.sub #header_wrap .logo > a{background-image:url('/common/img/common/logo_b.png');}
body.sub #header_wrap #gnb > li > a{color:#000;}
body.sub #header_wrap #gnb > li:hover > a{color:#4eacee;}
body.sub #header_wrap .btn_menu.on{}
body.sub #header_wrap .btn_menu > span{background:#000;}

/* sub_visual */
.sub_visual{background-repeat:no-repeat;background-size:cover;background-position:center;box-sizing:border-box;display:flex;align-items: center;justify-content: center;height:400px;}
.sub_visual.sub_visual01{background-image:url('/common/img/sub/subVisual01-2.jpg');}
.sub_visual.sub_visual02{background-image:url('/common/img/sub/subVisual02.jpg');}
.sub_visual.sub_visual03{background-image:url('/common/img/sub/subVisual03.jpg');}
.sub_visual.sub_visual04{background-image:url('/common/img/sub/subVisual04.jpg');}
.sub_visual.sub_visual05{background-image:url('/common/img/sub/subVisual05.jpg');}
.sub_visual > .txt_box{color:#FFF;text-align:center;}
.sub_visual > .txt_box > p{font-size:50px;font-weight:600;line-height:1.3;padding:0 15px;box-sizing:border-box;word-break:keep-all;}
.sub_visual > .txt_box > p.b{color:#000;}
.sub_visual > .txt_box > p.ex{font-size:20px;margin-top:30px;font-weight:400;}
@media screen and (max-width:1024px){
	.sub_visual{margin-top:75px;}
	.sub_visual > .txt_box > p{font-size:35px;}
}
@media screen and (max-width:768px){
	.sub_visual{height:270px;}
	.sub_visual > .txt_box > p{font-size:30px;}
	.sub_visual > .txt_box > p.ex{font-size:18px;margin-top:20px;}
}
@media screen and (max-width:480px){
	.sub_visual{height:200px;}
	.sub_visual > .txt_box > p{font-size:25px;}
	.sub_visual > .txt_box > p.ex{font-size:15px;margin-top:15px;}
}

/* sub_nav_area */
.sub_nav_area{padding-bottom:180px;box-sizing:border-box;position:relative;}
.sub_nav{background-color: #225686;}
.sub_nav:before{content: '';position: absolute;top: 0;left: 0;width: 75px;height: 100%;background-color: #225686;}
.sub_nav > ul{max-width:1200px;margin:0 auto;display:flex;}
.sub_nav > ul > li{width:7%;position:relative;padding-left:20px;box-sizing:border-box;}
.sub_nav > ul > li:nth-child(2){width:15%;}
.sub_nav > ul > li:nth-child(3){width:20%;}
.sub_nav > ul > li > a{display:flex;align-items: center;justify-content: space-between;color:#FFF;line-height:70px;font-size: 22px;font-weight: 500;}
.sub_nav > ul > li:nth-child(3).act > a > i:before{content: '\e9c1' !important;}
.sub_nav > ul > li > ol{opacity:0;visibility: hidden;position:absolute;top:100%;left:0;width:100%;height:0;background:#FFF;border:1px solid #EEECEC;transition:all .3s;padding:15px 0;box-sizing:border-box;}
.sub_nav > ul > li.act > ol{opacity:1;visibility:visible;height:auto;z-index:4;}
.sub_nav > ul > li > ol > li > a{display:block;font-size: 20px;padding:0 20px;box-sizing:border-box;line-height:1.75;transition:all .3s;}
.sub_nav > ul > li > ol > li:hover > a{color: #8d8b8b;}
/* sub_nav_area.ty02 */
.sub_nav_area.ty02{}
.sub_nav_area.ty02 > .sub_nav{background-color: #4eacee;}
.sub_nav_area.ty02 > .sub_nav:before{background-color: #4eacee;}
/* sub_nav_area.ty03 */
.sub_nav_area.ty03{padding-bottom: 150px;}
.sub_nav_area.ty03 > .sub_nav{background-color: #4eacee;height:200px;display:flex;justify-content: flex-start;align-items: center;}
.sub_nav_area.ty03 > .sub_nav:before{background-color: #4eacee;width:230px;}
/* .sub_nav > ul.txt_box */
.sub_nav > ul.txt_box {padding:0;text-align:left;flex:1;}
.sub_nav > ul.txt_box > li{width:100%;color:#FFF;font-size: 24px;padding: 0 20px;box-sizing:border-box;}
@media screen and (max-width:1450px){
	.sub_nav:before{display:none;}
}
@media screen and (max-width:1280px){
	.sub_nav_area{padding-bottom:0;}
}
@media screen and (max-width:768px){
	.sub_nav > ul{}
	.sub_nav > ul > li{width: 20% !important;min-width:100px;}
	.sub_nav > ul > li:first-child{width:50px !important;min-width:auto;}
	.sub_nav > ul > li:last-child{width: 30% !important;}
	.sub_nav > ul > li > a{font-size:16px;line-height:50px;}
	.sub_nav > ul > li > ol{padding:10px 0;}
	.sub_nav > ul > li > ol > li > a{font-size:15px;}
	/* sub_nav_area.ty03 */
	.sub_nav_area.ty03{padding-bottom: 60px;}
	.sub_nav_area.ty03 > .sub_nav{height:180px;}
	/* .sub_nav > ul.txt_box */
	.sub_nav > ul.txt_box > li:last-child{width:100% !important;padding:0 20px;font-size:17px;word-break:keep-all;}
	.sub_nav > ul.txt_box > li > p > br{display:none;}
}
@media screen and (max-width:480px){
	.sub_nav > ul > li{width: 15% !important;}
	.sub_nav > ul > li:last-child{width: 35% !important;}
	.sub_nav > ul > li > a{font-size:15px;}
	/* sub_nav_area.ty03 */
	.sub_nav_area.ty03 > .sub_nav{height:100%;padding:20px 0;box-sizing:border-box;}
	/* .sub_nav > ul.txt_box */
	.sub_nav > ul.txt_box > li:last-child{font-size:15px;}
}

/* tab_area */
.tab_area{max-width:1200px;margin:0 auto;margin-top:-45px;z-index:3;position:relative;}
.tab_list{display:flex;padding:0 15px;box-sizing:border-box;}
.tab_list > li{width:25%;text-align:center;border-bottom:3px solid #000;padding-bottom:10px;}
.tab_list > li > a{display:block;font-size:22px;font-weight:500;word-break:break-all;padding:0 5px;box-sizing:border-box;}
.tab_list > li.on{border-bottom:3px solid #4eacee;}
.tab_list > li.on > a{}
@media screen and (max-width:1024px){
	.tab_list > li > a{font-size:19px}
}
@media screen and (max-width:768px){
	.tab_list > li > a{font-size:17.5px}
}
@media screen and (max-width:480px){
	.tab_list > li > a{font-size:16px}
}

/* sub_wrapper */
.sub_wrapper{margin-top:-40px;}
.sub_content > .sub_top{text-align:center;max-width:1200px;margin:0 auto;margin-bottom:50px;padding:0 15px;box-sizing:border-box;position:relative;}
.sub_content > .sub_top > img{}
.sub_content > .sub_top > .img_txt{position:absolute;top:50%;left:50%;color:#FFF;transform: translate(-50%, -50%);font-size:1.5em;margin:0;}
.sub_content > .sub_top > .img_txt > span{display:block;font-size: 2rem;font-weight: 600;}
.sub_content > .sub_top > h2.sub_tit{font-size:42px;z-index:1;position:relative;word-break:keep-all;}
.sub_content > .sub_top > h2.sub_tit.eng{font-weight:700;}
.sub_content > .sub_top > p{margin:60px 0 80px;font-size: 24px;}
.sub_content > article {margin-bottom:180px;margin-top:100px;}
.sub_content > article > .inner{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box;}
@media screen and (max-width:1280px){
	.sub_wrapper{margin-top:80px}
}
@media screen and (max-width:1024px){
	.sub_content > article{margin-top:60px;}
	.sub_content > .sub_top > h2.sub_tit{font-size:40px;}
}
@media screen and (max-width:640px){
	.sub_content > article{margin-top:40px;}
	.sub_content > .sub_top > h2.sub_tit{font-size:35px;}
	.sub_content > .sub_top > p{margin:40px 0 60px;font-size:18px;word-break:keep-all;}
	.sub_content > .sub_top > p > br{display:none;}
}
@media screen and (max-width:480px){
	.sub_content > article{margin-top:100px;}
	.sub_content > .sub_top > h2.sub_tit{font-size:28px;}
	.sub_content > .sub_top > p{margin:20px 0 40px;font-size:16px;}
}

/* 공통 */
/* num_box */
.num_box {margin-bottom:20px;}
.num_box > p{color:#000;font-size:18px;font-weight:600;}
.num_box > p > span{color:#4eacee;margin-left:5px;font-weight:600;}
@media screen and (max-width:768px){
	.num_box {margin-bottom:15px;}
	.num_box > p{font-size:15px;}
}

/* 갤러리형 게시판 */
.gall_list_area{}
.gall_list{display:flex;flex-wrap:wrap;}
.gall_list > li{width:32%;margin-right:2%;margin-bottom:30px;border:1px solid #c6c6c6;box-sizing:border-box;}
.gall_list > li:nth-child(3n){margin-right:0;}
.gall_list > li > a {display:block;}
.gall_list > li > a > .img_box{background-image:url('/common/img/sub/img_mediaSlide01.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;padding:35%;box-sizing:border-box;}
.gall_list > li > a > .txt_box{padding:20px 15px;box-sizing:border-box;}
.gall_list > li > a > .txt_box > p.tit{text-overflow: ellipsis;word-break: break-word;white-space: nowrap;overflow: hidden;font-size:18px;font-weight:500;color:#000;margin-bottom:10px;}
.gall_list > li > a > .txt_box > span{font-size:15px;color:#a6a6a6;}
@media screen and (max-width:640px){
	.gall_list > li{width:49%;margin-right:1.5%;}
	.gall_list > li:nth-child(3n){margin-right:2%;}
	.gall_list > li:nth-child(2n){margin-right:0;}
	.gall_list > li > a > .txt_box{padding:15px;}
	.gall_list > li > a > .txt_box > p.tit{font-size:15px;}
	.gall_list > li > a > .txt_box > span{font-size:13.5px;}
}
/* 썸네일 게시판 */
.gall_list.thum{margin:100px 0 130px;}
.gall_list.thum > li{border:0;}
.gall_list.thum > li > .thum_box{padding:35px 20px;box-sizing:border-box;border:1px solid #c6c6c6;position:relative;}
.gall_list.thum > li > .thum_box > img{display: block;width: 45%;margin: 0 auto;box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 7%);}
.gall_list.thum > li > .thum_box > a{display:block;background-image:url('/common/img/sub/btn_down.jpg');background-repeat:no-repeat;background-size:contain;background-position:center;padding:25px;box-sizing:border-box;position:absolute;bottom:-1px;right:0;}
.gall_list.thum > li > .txt_box{padding:0;padding-top:15px;}
.gall_list.thum > li > .txt_box > p.tit{font-size:18px;color:#575757;text-align:center;}
@media screen and (max-width:640px){
	.gall_list.thum > li > .thum_box{padding:25px 15px;}
	.gall_list.thum > li > .thum_box > img{min-width:70px;}
	.gall_list.thum > li > .thum_box > a{padding:18px;}
	.gall_list.thum > li > .txt_box{padding-top:10px;}
	.gall_list.thum > li > .txt_box > p.tit{font-size:15px;}
}

/* page_box */
.page_box{margin:30px 0 50px;display: flex;align-items: center;justify-content: center;}
.page_box > a{padding: 0 8px;box-sizing:border-box;font-size:18px;}
.page_box > a.on{color:#4eacee;}
.page_box > a:nth-child(2){margin-right:13px;}
.page_box > a:nth-child(8){margin-left:13px;}
.page_box > a.btn_page > img{box-shadow: 2px 3px 10px 3px rgb(0 0 0 / 6%);border-radius:50%;}
@media screen and (max-width:640px){
	.page_box > a{font-size:16px;}
	.page_box > a.btn_page > img{width:28px;;}
}
@media screen and (max-width:480px){
	.page_box > a{padding: 0 5px;}
	.page_box > a:nth-child(2){margin-right:7px;}
	.page_box > a:nth-child(8){margin-left:7px;}
}

/* borad 게시판 */
.board_list{}
.board_list > li{display:flex;align-items:center;border-bottom:1px solid #acacac;box-sizing:border-box;padding:10px;text-align:Center;}
.board_list > li:hover{background:#fafafa;}
.board_list > .default{border-top:2px solid #000;}
.board_list > .default:hover{background:#FFF;}
.board_list > .default > a{cursor:default;text-align:left;}
.board_list > li > span{width:80px;color:#747474;}
.board_list > li > span:nth-child(2){width:130px;text-align:left;}
.board_list > li > a{display:block;width:calc(100% - 330px);font-weight:500;color:#000;text-overflow: ellipsis;word-break: break-word;white-space: nowrap;overflow: hidden;padding: 0 10px;box-sizing: border-box;text-align:left;}
.board_list > li > em{font-style:initial;width:120px;color:#FFF;border-radius:30px;padding:5px;}
.board_list > li > em.ing{background:#4eacee;}
.board_list > li > em.end{background:#747474;}
.board_list > li > p{width:120px;color:#747474;}
.board_list > .default > *{color:#000;font-size:18px;font-weight:500;}
@media screen and (max-width:768px){
	.board_list > li{flex-wrap:wrap;margin-bottom:10px;padding:12px 20px 20px;border:1px solid #acacac;border-radius:15px;text-align:left;}
	.board_list > .default{border:1px solid #acacac;background:#edf7fd;}
	.board_list > .default:hover{background:#edf7fd;}
	.board_list > li > *{font-size:15px;}
	.board_list > .default > *{font-size:16px;}
	.board_list > li > span{width:50% !important;}
	.board_list > li > span:first-child{display:none;}
	.board_list > li > a{order:3;width:100%;padding:0;margin:5px 0 10px;}
	.board_list > li > em{order:2;text-align:center;margin-left: auto;padding:2px;width:100px;}
	.board_list > li > p{order:4;}
	.board_list > li > p:last-child{display:none;}
}

/* view_area */
.view_area{margin-top:80px;}
.view_top{display:flex;align-items: center;justify-content: space-between;border-top:2px solid #000;padding:20px 0;box-sizing:border-box;text-align:center;font-size:16px;}
.view_top > span{color:#000;width:10%}
.view_top > p.tit{width:75%;font-size:20px;font-weight:500;text-align:left;word-break: keep-all;}
.view_top > em{font-style:initial;color:#747474;width:15%;}
.view_ctn{border:1px solid #acacac;border-right:0;border-left:0;padding:30px 50px;box-sizing:border-box;}
.view_file{display:flex;justify-content: flex-start;flex-wrap: wrap;border-bottom:1px solid #acacac;}
.view_file > span{width:30%;padding:15px 20px;box-sizing:border-box;text-align:Center;background:#f4f4f4;justify-content:center;display:flex;align-items:center;}
.view_file > a{width:70%;padding:15px 20px;box-sizing:border-box;display:flex;align-items:center;}
.view_file > a:hover{text-decoration:underline;}
.view_file > a > i{font-size:1.25rem;margin-left:5px;color:#225686;}
.view_btm{display:flex;justify-content: space-between;align-items: center;margin-top:20px;}
.view_btm > ul{display:flex;width:50%;}
.view_btm > ul > li{margin-right:13px;}
.view_btm .btn_view{display:block;width:100px;height:35px;border:1px solid #acacac;font-size:16px;color:#000;text-align:center;line-height:35px;}
.view_btm .btn_view.list{background:#4eacee;border-color:#4eacee;color:#FFF;}
@media screen and (max-width:640px){
	.view_top{padding:15px;}
	.view_top > p.tit{font-size:16px;}
	.view_top > span,
	.view_top > em{font-size:14px;width:auto;}
	.view_ctn{padding:15px 30px;font-size:0.85rem;}
	.view_file {font-size:0.85rem;}
	.view_file > span,
	.view_file > a,
	.view_file > em{padding:10px 15px}
}
@media screen and (max-width:480px){
	.view_top {flex-direction:column;align-items: flex-start;}
	.view_top > span{display:none;}
	.view_top > p.tit{width:100%;}
	.view_top > em{margin-left: auto;margin-top: 10px;}
	.view_ctn{padding:15px;}
	.view_file{flex-direction:column;}
	.view_file > span,
	.view_file > a,
	.view_file > em{width:100%;justify-content: flex-start;}
	.view_btm > ul > li{margin-right:5px;}
	.view_btm .btn_view{width:70px;font-size:15px;}
}

/* 개별 */
/* 회사소개 */
/* 인사말 */
.sub_wrap.info .sub_top{text-align:left;}
.info_area{}
.info_area .box_area{display:flex;align-items:stretch;}
.info_area .box_area > div{width:55%;}
.info_area .box_area > div:last-child{width:45%;}
.info_area .box_area > div > p{font-size:19px;line-height:1.6;color:#5c5a5a;word-break:keep-all;}
.info_area .box_area > .box_left{}
.info_area .box_area > .box_left > p{font-size:19px;line-height:1.6;}
.info_area .box_area > .box_left > .tit{font-size:40px;font-weight:600;margin-bottom:23px;line-height:1.3;color:#000;}
.info_area .box_area > .box_right > .typing {color: #4eacee;font-size: 46px;font-weight: 500;line-height: 1.4;margin-left:20px;}
.info_area .box_area > .box_right > .typing span.eng{margin-left:20px;font-weight:500;}
.video_area {margin-bottom:0 !important;position:relative;padding: 100px 0;box-sizing:border-box;width: 100%;}
.video_area > video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.video_area > .inner{position:relative;width: 100%;}
.video_area > .inner > div{color:#FFF;}
.video_area > .inner > div > p{font-size: 18px;line-height: 1.6;color: #fff;margin-bottom:20px;word-break: keep-all;}
.video_area > .inner > div > p:last-child{margin-bottom:0;}
.video_area > .inner > .btn_video{width:fit-content;margin-top:5px;margin-left:auto;background-image:url('/common/img/sub/btn_stop.png');background-repeat:no-repeat;background-size:contain;padding:22px;box-sizing:border-box;cursor: pointer;}
.video_area > .inner > .btn_video.play{display:none;background-image:url('/common/img/sub/btn_play.png');}
@media screen and (max-width:768px){
	.info_area .box_area{flex-direction: column-reverse;}
	.info_area .box_area > .box_left{width:100%;}
	.info_area .box_area > div:last-child{width:100%;}
	.info_area .box_area > div > p{font-size:16px;word-break:keep-all;}
	.info_area .box_area > .box_left > p {font-size:17px;}
	.info_area .box_area > div > p > br{display:none;}
	.info_area .box_area > .box_right{height: 200px;width:100%;margin-left:0;}
	.info_area .box_area > .box_right > .typing{font-size:35px;}
	.video_area{padding:80px 0;}
	.video_area > .inner > div > p{font-size:14px;}
}
@media screen and (max-width:480px){
	.info_area .box_area > .box_left > .tit{font-size: 25px;margin-bottom: 15px;}
	.info_area .box_area > .box_right{height: 150px;}
	.info_area .box_area > .box_right > .typing{font-size:26px;}
	.video_area{padding: 60px 0;margin-top:-40px !important;}
}

/* 비전 */
.bg_area {display:flex;background-image:url('/common/img/sub/bg_info01.jpg');background-repeat:no-repeat;height:500px;margin-bottom:0 !important;background-position:center;} 
.bg_area > .inner{display:flex;align-items: center;justify-content: center;}
.bg_area > .inner > .circle{width: 277px;height: 277px;background:rgb(0 0 0 / 90%);border-radius:50%;color:#FFF;margin: 0 -15px;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;padding:0 30px;box-sizing:border-box;}
.bg_area > .inner > .circle.mid{background:rgb(78 172 238 / 90%);z-index:2;}
.bg_area > .inner > .circle > p{font-size:18px;word-break:keep-all;}
.bg_area > .inner > .circle > p.tit{font-size:30px;font-weight:600;margin-bottom: 30px;}
@media screen and (max-width:768px){
	.info_area.vision .box_area {flex-direction: column;}
	.info_area.vision .box_area > .box_left{margin-bottom:30px;width:50%;}
	.info_area.vision .box_area > .box_right{height:auto;}
	.bg_area {height:auto;background-image:url('/common/img/sub/bg_info01_m.jpg');padding: 120px 0 50px;}
	.bg_area > .inner{flex-direction: column;}
	.bg_area > .inner > .circle{width:200px;height:200px;margin:-15px 0;padding: 20px;}
	.bg_area > .inner > .circle > p{font-size:14px;}
	.bg_area > .inner > .circle > p.tit{font-size:20px;margin-bottom: 10px;}
}
@media screen and (max-width:480px){
	.info_area.vision .box_area > .box_left{width:80%;}
}

/* 인증서 */
.certi_area{}
.certi_list{display:flex;flex-wrap:wrap;}
.certi_list > li{width:22%;margin-right:2.5%;margin-bottom:100px;}
.certi_list > li:nth-child(4n){margin-right:0;}
.certi_list > li:nth-last-child(-n+4){margin-bottom:0;}
.certi_list > li > .img_box{background:#F3F3F3;padding:20px;box-sizing:border-box;}
.certi_list > li > .txt_box{font-size:16px;margin-top:10px;text-align:center;word-break:keep-all;}
@media screen and (max-width:1024px){
	.certi_list > li{width:31%;margin-right:2.5%;margin-bottom:80px;}
	.certi_list > li:nth-child(4n){margin-right:2.5%;}
	.certi_list > li:nth-child(3n){margin-right:0;}
	.certi_list > li:nth-last-child(-n+4){margin-bottom:60px;}
}
@media screen and (max-width:640px){
	.certi_list > li{width:48%;margin-right:2.5%;}
	.certi_list > li:nth-child(3n){margin-right:2.5%;}
	.certi_list > li:nth-child(2n){margin-right:0;}
	.certi_list > li > .img_box{padding:13px;}
}
@media screen and (max-width:480px){
	.certi_list > li > .txt_box{font-size:15px;}
}

/* 오시는길 */
.map_area {}
.map_area > .inner{}
.map_ctn {margin-bottom:120px;display:flex;align-items: flex-start;position:relative;}
.map_ctn > .txt_box{width:450px;background:#FFF;box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);border: 1px solid #0000000d;padding: 65px 30px;box-sizing: border-box;z-index:2;position:absolute;top:0;left:0;}
.map_ctn > .txt_box:before{content:'';background:url('/common/img/sub/bg_help01.png') no-repeat;background-size:contain;padding:15px 25px;box-sizing:border-box;position:absolute;top:0;left:0;}
.map_ctn > .txt_box > p{font-size:18px;line-height:1.5;word-break:keep-all;}
.map_ctn > .txt_box > p.tit{font-size:40px;font-weight:600;}
.map_ctn > .txt_box > p:nth-child(2){margin:30px 0;}
.map_ctn > .map{width:80%;z-index:1;margin-left:auto;}
.map_ctn > .map > .map_box{width:100%;}
.map_ctn > .map > .map_box > .wrap_map{height:55vh;}
@media screen and (max-width:768px){
	.map_ctn{flex-direction: column-reverse;margin-bottom:80px;}
	.map_ctn > .txt_box{position:relative;margin: 0 auto;}
	.map_ctn > .txt_box > p{font-size:16px;}
	.map_ctn > .txt_box > p:nth-child(2){margin:20px 0;}
	.map_ctn > .txt_box > p.tit{font-size:30px;}
	.map_ctn > .map{width:450px;margin: 0 auto;}
	.map_ctn > .map > .map_box > .wrap_map{height:40vh;}
}
@media screen and (max-width:480px){
	.map_ctn > .txt_box{width:100%;padding:50px 30px;}
	.map_ctn > .txt_box > p{font-size:15px;}
	.map_ctn > .txt_box > p:nth-child(2){margin:20px 0;}
	.map_ctn > .txt_box > p.tit{font-size:23px;}
	.map_ctn > .map{width:100%;}
	.map_ctn > .map > .map_box > .wrap_map{height:30vh;}
}

/* 사업소개 */
.sub_wrap.business{text-align:center;}
.sub_wrap.business .sub_wrapper{margin-top:0;}
.business_list > li{display:flex;align-items:center;text-align:left;margin-bottom:80px;}
.business_list > li:last-child{margin-bottom:0;}
.business_list > li > .txt_box{width:50%;margin-right:20px;position:relative;padding-left:8%;box-sizing:border-box;}
.business_list > li > .txt_box:before{content:'';position:absolute;top:18px;left:0;width:14%;height:1px;background:#4eacee;}
.business_list > li > .txt_box > h5{font-size:24px;margin-bottom:30px;color:#4eacee;word-break:keep-all;line-height:1.3}
.business_list > li > .txt_box > p{font-size:20px;font-weight:400;margin-bottom:30px;word-break:keep-all;}
.business_list > li > .txt_box > p:last-child{margin-bottom:0;}
.business_list > li > .img_box{width:50%;}
.business_area > .inner > a.btn_more {transition:all .2s;margin:0 auto;width:230px;height:45px;background:#000;display:flex;align-items:center;justify-content: space-around;font-size: 16px;color: #fff;}
.business_area > .inner > a.btn_more:hover {background:#4eacee;}
.business_area > .inner > a.btn_more > img{width:35px;}
.business_area > .inner > img.img_mid{margin:120px 0 80px;}
.business_area .circle_box{display:flex;justify-content: center;margin-top:50px;position:relative;}
.business_area .circle_box:before{content:'';width:80%;height:1px;background:#4eacee;position:absolute;top:50%;left: 10%;z-index:-1;}
.business_area .circle_box > li{background:#0438a1;border:1px solid #0438a1;border-radius:50%;width:300px;height:300px;margin: 0 10px;display:flex;align-items: center;justify-content: center;padding:0 20px;box-sizing:border-box;color:#FFF;box-shadow:5px 5px 10px rgb(0 0 0 / 6%);}
.business_area .circle_box > li:nth-child(2){background:#FFF;border:1px solid #4eacee;color:#000;}
.business_area .circle_box > li:nth-child(3){background:#4eacee;border:1px solid #4eacee;}
.business_area .circle_box > li > p{word-break:keep-all;font-size:18px;}
@media screen and (max-width:1024px){
	.business_list > li{display:block;}
	.business_list > li > .txt_box,
	.business_list > li > .img_box{width:100%;}
	.business_list > li > .txt_box{margin-bottom:30px;}
	.business_list > li > .txt_box:before{width: 6%;top: 15px;}
	.business_area .circle_box > li{width:250px;height:250px;}
}
@media screen and (max-width:800px){
	.business_area .circle_box > li{width:230px;height:230px;}
}
@media screen and (max-width:768px){
	.business_list > li:first-child{margin-top:80px;}
	.business_list > li > .txt_box > h5{margin-bottom:15px;}
	.business_list > li > .txt_box > p{font-size:16px;}
	.business_list > li > .txt_box > p > br{display:none;}
	.circle_box{flex-direction: column;margin:50px auto;align-items:center;}
	.circle_box:before{width:1px;height:80%;top:10%;left:50%;}
	.circle_box > li{margin:15px 0;}
	.business_area .circle_box:before{display:none;}
}
@media screen and (max-width:480px){
	.sub_wrap.business .sub_wrapper{margin-top:60px;}
	.business_list > li > .txt_box:before{top:10px;}
	.business_list > li > .txt_box > h5{font-size:18px;margin-bottom:10px;}
	.business_list > li > .txt_box > p{font-size:14px;margin-bottom:20px;}
	.business_area > .inner > a.btn_more{font-size:14px;width:200px;}
	.business_area > .inner > a.btn_more > img{width:25px;}
	.circle_box > li{width:220px;height:220px;padding:20px;}
	.circle_box > li > p{font-size:16px;}
}

/* 홍보센터 */
/* 기업소식 */
.sub_wrapper.media{}
.sub_content > .mediaSlide_area{margin-top:0;background:#edf7fd;padding:120px 0;box-sizing:border-box;}
.sub_content > .mediaSlide_area > .inner{max-width:1400px;}
.mediaSlide_area > .inner{position:relative;}
.mediaSlide {max-width:1200px;padding:20px 0 !important;box-sizing:border-box;}
.mediaSlide .swiper-slide {box-shadow: 6px 8px 10px rgb(0 0 0 / 6%);}
.mediaSlide .swiper-slide > a {display:block;}
.mediaSlide .swiper-slide > a > .img_box{background-image:url('/common/img/sub/img_mediaSlide01.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;padding:27%;box-sizing:border-box;}
.mediaSlide .swiper-slide > a > .txt_box{background:#FFF;padding:25px 20px 30px;box-sizing:border-box;}
.mediaSlide .swiper-slide > a > .txt_box > p.tit{text-overflow: ellipsis;word-break: break-word;white-space: nowrap;overflow: hidden;font-size:22px;font-weight:500;color:#000;margin-bottom:15px;}
.mediaSlide .swiper-slide > a > .txt_box > span{font-size:18px;color:#a6a6a6;}
.mediaSlide_area > .inner > .swiper-button-prev,
.mediaSlide_area > .inner > .swiper-button-next{background-repeat:no-repeat;background-size:contain;background-position:center;width:45px;height:45px;z-index:1;}
.mediaSlide_area > .inner > .swiper-button-prev{left:0;background-image:url('/common/img/sub/ico_prev.jpg');transition:all .3s;}
.mediaSlide_area > .inner > .swiper-button-next{right:0;background-image:url('/common/img/sub/ico_next.jpg');transition:all .3s;}
.mediaSlide_area > .inner > .swiper-button-prev:after,
.mediaSlide_area > .inner > .swiper-button-next:after{display:none;}
.mediaSlide_area > .inner > .swiper-button-prev:hover{background-image:url('/common/img/sub/ico_prev_on.jpg');}
.mediaSlide_area > .inner > .swiper-button-next:hover{background-image:url('/common/img/sub/ico_next_on.jpg');}
.mediaSlide_area > .inner > .swiper-pagination{bottom:-7%;z-index:2;}
.mediaSlide_area > .inner > .swiper-pagination > .swiper-pagination-bullet{margin:0 .8%;}
.mediaSlide_area > .inner > .swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#4eacee;}
@media screen and (max-width:640px){
	.sub_content > .mediaSlide_area{padding:80px 0;}
	.mediaSlide_area > .inner > .swiper-button-prev, 
	.mediaSlide_area > .inner > .swiper-button-next{width:35px;height:35px;top:0;}
	.mediaSlide_area > .inner > .swiper-button-prev{right: 55px;left: auto;}
	.mediaSlide_area > .inner > .swiper-button-next{right:15px;}
	.mediaSlide .swiper-slide > a > .txt_box{padding:15px 15px 25px;}
	.mediaSlide .swiper-slide > a > .txt_box > p.tit{font-size:17px;margin-bottom:10px;}
	.mediaSlide .swiper-slide > a > .txt_box > span{font-size:14px;}
}

/* 홍보영상 */
.mediaVideo_area{}
.mediaVideo_area .btn_more{display:flex;align-items: center;width:150px;padding: 15px 3%;line-height: 1;font-size: 18px;color: #fff;background-color: #4EACEE;margin-bottom:30px;margin-left: auto;justify-content:space-between;}
.mediaVideo_area .btn_more > i{margin-left:10px;}
.mediaVideo_area .video01 {margin-bottom:150px;}
.mediaVideo_area iframe{display:block;width:100%;height:70vh;}
@media screen and (max-width:640px){
	.mediaVideo_area .btn_more{width:100px;padding: 10px 3%;font-size: 16px;margin-bottom:10px;}
	.mediaVideo_area .btn_more > i{margin-left:5px;}
	.mediaVideo_area .video01{margin-bottom:60px;}
	.mediaVideo_area iframe{height:50vh;}
}

/* 홍보자료 */
.gall_list_area{}

/* 채용 */
/* 인재상 */
.sub_content > article.employ_area1{margin-bottom:360px;}
.circle_list{display:flex;flex-wrap:wrap;background:url('/common/img/sub/bg_employ01.png') no-repeat;background-position: 50% 170%;background-size: 70%;}
.circle_list > li{width:25%;margin:0 4%;}
.circle_list > .logo_box{margin-top:100px;}
.circle_list > .logo_box > .img_box{width:80%;margin:0 auto;}
.circle_list > .circle_box{position:relative;}
.circle_list > .circle_box:last-child{margin: 0 auto;}
.circle_list > .circle_box > .circle{background:#0438a1;border:1px solid #0438a1;border-radius:50%;box-sizing:border-box;display: flex;flex-direction: column;justify-content: center;align-items: center;color:#FFF;padding:calc(100% - 78%) 10px;box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.circle_list > .circle_box > .circle.circle2{background:#4eacee;border:1px solid #4eacee;}
.circle_list > .circle_box > .circle.circle3{background:#FFF;border:1px solid #4eacee;color:#000;}
.circle_list > .circle_box > .circle > i{background-image:url('/common/img/sub/ico_employ01.png');background-repeat:no-repeat;background-size:contain;padding:20px;box-sizing:border-box;margin-bottom:5px;}
.circle_list > .circle_box > .circle > i.ico02{background-image:url('/common/img/sub/ico_employ02.png');}
.circle_list > .circle_box > .circle > i.ico03{background-image:url('/common/img/sub/ico_employ03.png');padding:20px 30px;}
.circle_list > .circle_box > .circle > p{text-align:center;font-size:15px;line-height:1.4;}
.circle_list > .circle_box > .circle > p.tit{font-size:23px;font-weight:500;margin-bottom:10px;}
.circle_list > .circle_box > .txt_box{text-align:center;position:absolute;top:100%;left:50%;transform: translate(-50%, 20px);width:95%;}
.circle_list > .circle_box > .txt_box > p{line-height:1.6;}
.circle_list > .circle_box > .txt_box > p.tit{border-bottom:1px solid #838383;color:#000;width: 45%;margin: 0 auto;margin-bottom: 5px;}
@media screen and (max-width:1024px){
	.sub_content > .employ_area{}
	.circle_list{background-position: 50% 190%;}
	.circle_list > .circle_box > .circle{padding:10px;width:230px;height:230px;}
}
@media screen and (max-width:800px){
	.circle_list > .circle_box > .circle{width:200px;height:200px;}
}
@media screen and (max-width:768px){
	.circle_list{background:none;}
	.circle_list > li{width: 29%;margin: 0 2%;}
	.circle_list > .circle_box > .circle > i{padding:15px;}
	.circle_list > .circle_box > .circle > i.ico03{padding:15px 23px;}
	.circle_list > .circle_box > .circle > p{font-size:14px;}
	.circle_list > .circle_box > .circle > p.tit{font-size:19px;margin-bottom:10px;}
}
@media screen and (max-width:640px){
	.sub_content > article.employ_area{margin-bottom:150px;}
	.circle_list {flex-direction: column;align-items: center;}
	.circle_list > li{margin:0;margin-bottom:20px;width:100%;}
	.circle_list > .logo_box{order:1;margin-top:0;margin-bottom:50px;}
	.circle_list > .circle_box{order:2;}
	.circle_list > .circle_box:last-child{margin:0;}
	.circle_list > .logo_box > .img_box{width:30%;min-width:150px;}
	.circle_list > .circle_box > .circle{width: 250px;height:240px;margin:0 auto;}
	.circle_list > .circle_box > .txt_box{position:static;transform:none;margin-top:15px;width:100%;}
}

/* 복리후생 */
.welfare_list > li{display:flex;align-items:center;border:1px solid #4eacee;border-radius:20px;box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);padding:30px 20%;box-sizing:border-box;margin-bottom:50px;font-size:23px;}
.welfare_list > li > i{background-image:url('/common/img/sub/ico_employList01.png');background-repeat:no-repeat;background-size:contain;background-position:center;padding:20px;box-sizing:border-box;margin-right:20px;}
.welfare_list > li > i.ico02{background-image:url('/common/img/sub/ico_employList02.png');}
.welfare_list > li > i.ico03{background-image:url('/common/img/sub/ico_employList03.png');}
.welfare_list > li > i.ico04{background-image:url('/common/img/sub/ico_employList04.png');}
.welfare_list > li > i.ico05{background-image:url('/common/img/sub/ico_employList05.png');}
.welfare_list > li > i.ico06{background-image:url('/common/img/sub/ico_employList06.png');}
.welfare_list > li > i.ico07{background-image:url('/common/img/sub/ico_employList07.png');}
.welfare_list > li > span{color:#4eacee;font-weight:600;width:130px;}
.welfare_list > li > p{font-size:18px;width:calc(100% - 150px);word-break: keep-all;}
@media screen and (max-width:1024px){
	.welfare_list > li{padding:20px;}
}
@media screen and (max-width:640px){
	.welfare_list > li{font-size:17px;}
	.welfare_list > li > i{padding:15px;margin-right:10px;}
	.welfare_list > li > span{width:100px;}
	.welfare_list > li > p{font-size:15px;width:calc(100% - 100px);}
}

/* 채용공고 */


/* 고객센터 */
/* 공지사항 */
.sub_content > article..board_area.help{margin-top:0;}
.board_area.help{}
.board_area.help > .inner > .board_list > li.default > a{text-align:center;}
.board_area.help > .inner > .board_list > li > span{width:120px;}
.board_area.help > .inner > .board_list > li > a{display: flex;align-items: center;width:calc(100% - 260px);text-align:left;}
@media screen and (max-width:768px){
	.board_list > .default{display:none;}
	.board_area.help > .inner > .board_list > li > a{width:100%;}
	.board_area.help > .inner > .board_list > li > p:last-child{display:block;font-size:14px;}
}

/* 온라인문의 */
.sub_wrap.help > .sub_wrapper{}
.sub_wrap.help > .sub_wrapper{margin-top:100px;}
.online_area{text-align:center;}
.online_area > .inner > h4{font-size:58px;font-weight:600;line-height:1.6;}
.online_area > .inner > h4 > p{font-size:24px;font-weight:500;word-break:keep-all;}
.online_area > .inner > h4 > p > span{color:#4eacee;}
.help_box{margin:50px auto 70px; width:60%; box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);border:1px solid #0000000d;padding:65px 30px;box-sizing:border-box;position:relative;}
.help_box:before{content:'';background:url('/common/img/sub/bg_help01.png') no-repeat;background-size:contain;padding:15px 25px;box-sizing:border-box;position:absolute;top:0;left:0;}
.help_box > p{font-size:20px;}
.help_box > p.eng{display: flex;align-items: center;justify-content: center;font-size:37px;font-weight:500;margin-bottom:15px;}
.help_box > p > i{background:url('/common/img/sub/ico_help01.png') no-repeat;background-size:contain;padding:10px 15px;box-sizing:border-box;margin-right:10px;}
.online_area > .inner > .map_box > .root_daum_roughmap{border:0;width:100%;height:100%;}
.online_area > .inner > .map_box > .root_daum_roughmap > .wrap_map{height:48vh;}
.online_area > .inner > .map_box > .root_daum_roughmap .wrap_btn_zoom{z-index:2;}
@media screen and (max-width:768px){
	.online_area > .inner > h4{font-size:40px;}
	.online_area > .inner > h4 > p{font-size:20px;}
	.help_box{width:85%;min-width:350px;padding:55px 20px;}
	.help_box > p{font-size:18px;}
	.help_box > p.eng{font-size:30px;}
}
@media screen and (max-width:640px){
	.online_area > .inner > h4{font-size:30px;}
	.online_area > .inner > h4 > p{font-size:16px;}
	.help_box{width:85%;min-width:300px;}
	.help_box > p{font-size:16px;}
	.help_box > p.eng{font-size:25px;}
	.online_area > .inner > .map_box > .root_daum_roughmap > .wrap_map{height:40vh;}
}
@media screen and (max-width:480px){
	.online_area > .inner > h4{font-size:25px;}
	.online_area > .inner > h4 > p{font-size:15px;}
	.help_box{margin:35px auto 45px;width:100%;min-width:auto;}
	.help_box > p{font-size:15px;}
	.help_box > p.eng{font-size:22px;}
	.online_area > .inner > .map_box > .root_daum_roughmap > .wrap_map{height:32vh;}
}