@charset "UTF-8";

/* =========================
	서브해더
========================= */
#subhd{ color: #224c96; background-size: cover; }
#subhd .over{ height: 214px; overflow: hidden; }
#subhd .bght{ height: 100%; width: 100%;  -webkit-animation: bg-ani 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: bg-ani 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
#subhd .caption{ text-align: center; top:50%; transform: translateY(-50%);}
#subhd .caption .h2_css{ margin-top:45px;font-family: 'S-CoreDream'; font-weight: 600; font-size: 1.4em; }
#subhd .caption .p_css{ font-weight: 400; font-size: 1.2em; padding-top:10px;}
#subhd.company_hd .bght{ background: url(../images/company/subhd_bg_01.jpg) no-repeat 50% 50%; background-size: cover; }
#subhd.service_hd .bght{ background: url(../images/service/subhd_bg_02.jpg) no-repeat 50% 50%; background-size: cover; }
#subhd.experience_hd .bght{ background: url(../images/experience/subhd_bg_03.jpg) no-repeat 50% 50%; background-size: cover; }
#subhd.customer_hd .bght{ background: url(../images/customer/subhd_bg_04.jpg) no-repeat 50% 50%; background-size: cover; }

@media (max-width:1169px) {
	#subhd .caption { font-size:14px;}
}

@media (max-width:959px) {
	#subhd .over { height:180px}
	#subhd .caption .h2_css{ margin-top:0;font-family: 'S-CoreDream'; font-weight: 600; font-size: 1.8em; }
}
@media (max-width:600px) {
	#subhd .caption{ transform:translateY(-50%); font-size:12px;}
    #subhd.none_tab .caption { transform: none;}
}
@media (min-width:1170px) {

}
@-webkit-keyframes bg-ani {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}
@keyframes bg-ani {
  0% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}



/* =========================
	서브 공통
========================= */
.img_wrap { font-size: 0;}
.img_wrap img { width: 100%;}
.img_wrap img.m { display: none;}
.table_wrap table { width:100%;border-spacing:0}
#sub_content,#content_start { line-height: 1.5;}

#sub_content .cont_title { padding-bottom:120px;}
#sub_content .cont_title p { letter-spacing:-1px; padding:25px 0; color:#000; font-size:1.7em; border-bottom:2px solid #dcdcdc}
#sub_content .cont_sub_tit { text-align:center; font-size:1.3em; color:#595959;}

@media (max-width:1169px) {
	#sub_content { padding: 100px 0 250px;}
    #sub_content .cont_title { padding-bottom:80px;}
    #sub_content .cont_title p { font-size:1.5em; padding:20px 0}
}
@media (max-width:600px) {
	#sub_content { padding:65px 0 180px;}
    .img_wrap img.m { display: block;}
    .img_wrap img.pc { display: none;}
    #sub_content .cont_title { font-size:13px; padding-bottom:50px;}
    #sub_content .cont_title p { padding:13px 0}
}
@media (min-width:1170px) {
	#sub_content { padding: 100px 0 200px; }
}


/* =========================
	회사소개
========================= */
/* CEO 인사말 */
#sub_content.greeting .main {overflow:hidden;}
#sub_content.greeting .detail { float:left; width:50%; word-break: keep-all; }
#sub_content.greeting .detail .top {margin-bottom: 20px;}
#sub_content.greeting .detail .middle { padding-bottom:0}
#sub_content.greeting .detail .middle p {color:#666666;padding-bottom:16px;font-size:1.08em;word-break:break-word;line-height: 185%;}
#sub_content.greeting .detail .middle p:last-child { color:#222;}
#sub_content.greeting .detail .middle p > strong { color:#1f4a95;}
#sub_content.greeting .photo { float:right; width:45%; }
#sub_content.greeting img { width:100%; }

@media all and (max-width:1169px){
 }
@media all and (max-width:959px){
	#sub_content.greeting .detail { width:100%; }
	#sub_content.greeting .photo { width:100%; }  
}
@media (max-width:600px) {
}



/* 비전 */
#sub_content.vision h1 { margin-bottom:15px;color:#103e8e;}
#sub_content.vision .contents01 {overflow:hidden;margin-bottom:100px;}
#sub_content.vision .contents01 .box { position: relative; width:49%; text-align:center}
#sub_content.vision .contents01 .box:first-child { float:left; }
#sub_content.vision .contents01 .box:last-child { float:right; }
#sub_content.vision .contents01 .box > p { margin:0 auto 35px; width:70%; font-size:16px; }
#sub_content.vision .contents01 .box > img {width:100%;}

#sub_content.vision .contents02 h1 {margin-bottom:35px;}
#sub_content.vision .contents02 {overflow:hidden;}
#sub_content.vision .contents02 .img { float:left; margin-right:2%;width:30%;}
#sub_content.vision .contents02 .img > img {width:100%}
/* #sub_content.vision .contents02 .list { margin-top:90px;float:left; width:30%;} */
#sub_content.vision .contents02 .list {/* margin-top:90px; */float:left;width: 100%;}
#sub_content.vision .contents02 .list ul {display:flex;flex-wrap:wrap;justify-content: center;gap:20px}
/* #sub_content.vision .contents02 .list ul li {box-sizing:border-box; border:1px solid #103e8e;padding:10px;width:110px;height:110px; display:flex; align-items:end;justify-content:left;background:#fff url('../images/company/plus_none.png') no-repeat 50% 50%;}*/
#sub_content.vision .contents02 .list ul li {cursor: pointer;box-sizing:border-box;padding: 110px 10px 10px 10px;width: 250px;height: 250px;/* display:flex; *//* align-items:end; */justify-content:left;background:#fff url('../images/company/plus_none.png') no-repeat 0 0;background-size:cover} 
/*#sub_content.vision .contents02 .list ul li:nth-child(n+4){ flex:0 0 calc(110px);}*/

/* 250926 jenoh #sub_content.vision .contents02 .list ul li { box-sizing: border-box; border: 2px solid #000; align-items: center; justify-content: center; display: flex; aspect-ratio: 1 / 1;    flex: 1 1 calc(20% - 20px);}*/
#sub_content.vision .contents02 .list ul li:hover {background:#103e8e url('../images/company/plus_over.png') no-repeat 0 0;color:#fff;}
#sub_content.vision .contents02 .list ul li.on {display:block;  background:#103e8e url('../images/company/plus_over.png') no-repeat 50% 50%;color:#fff;}

#sub_content.vision .contents02 .list ul li > a > p {width:100%;/* height: 125px; */font-size: 1.3em;color:#103e8e;font-weight: bold;/* padding-top: 42px; */text-align: center;}
#sub_content.vision .contents02 .list ul li:hover > a > p {width:100%; height: 125px;font-size: 1.3em;color:#fff;}
#sub_content.vision .contents02 .list ul li.on > a > p {width:100%;/* height: 125px; */font-size: 1.3em;color:#fff;text-align: center;}

#sub_content.vision .contents02 .list ul li > p {font-size: 1.2em;color:#103e8e;font-weight: bold;/* padding-top: 42px; */text-align: center;}
#sub_content.vision .contents02 .list ul li:hover > p {font-size: 1.2em;color:#fff;}
#sub_content.vision .contents02 .list ul li.on > p {color:#fff;}
#sub_content.vision .contents02 .list ul li:hover {color:#fff;}
#sub_content.vision .contents02 .text {float:left; margin: 35px 35px;font-size: 1.4em;}
#sub_content.vision .contents02 .t_zone2{float:left;/* margin: 35px 135px; */font-size: 1em;margin-left: 275px;}
#sub_content.vision .contents02 .t_zone3{margin-left: 400px;}
#sub_content.vision .contents02 .t_zone4{margin-left: 438px;}
#sub_content.vision .contents02 .t_zone5{margin-left: 331px;}

#sub_content.vision .contents02 .text div{display:none;}
#sub_content.vision .contents02 .text div.on {display:block;}
.anchor { display: block; }

@media screen and (max-width:1024px) {
#sub_content.vision .contents02 .img {width:27%;margin-right:0%}
#sub_content.vision .contents02 .list {margin-top:0;width:40%;}
#sub_content.vision .contents02 .text {margin-top:0;width:33%;}
}
@media screen and (max-width:768px) {
#sub_content.vision .contents01 .box {width:100%; margin-bottom:80px;}
#sub_content.vision .contents02 .img, #sub_content.vision .contents02 .list, #sub_content.vision .contents02 .text {margin-bottom:50px;width:100%; text-align: center;}
#sub_content.vision .contents02 .img {text-align:center}
#sub_content.vision .contents02 .img > img {width:70%;}
#sub_content.vision .contents02 .t_zone2{margin-left: 0px;}
#sub_content.vision .contents02 .t_zone3{margin-left: 0px;}
#sub_content.vision .contents02 .t_zone4{margin-left: 0px;}
#sub_content.vision .contents02 .t_zone5{margin-left: 0px;}

}
@media screen and (max-width:600px) { 
#sub_content.vision h1 {font-size:1.60em}
#sub_content.vision .contents01 {margin-bottom:100px;}
#sub_content.vision .contents01 .box > p { width:90%;}
#sub_content.vision .contents02 .list ul {margin:0 auto;width:70%}
}
@media screen and (max-width:480px) { 
#sub_content.vision .contents02 .list ul {width:100%}
}

/* 핵심가치 flip */
.contents02 .card{font-size: 1.2em;background: #103e8e url(../images/company/plus_over.png) no-repeat 50% 50%;cursor: pointer;box-sizing:border-box;padding: 110px 10px 10px 10px;width: 250px;height: 250px;/* display:flex; *//* align-items:end; */justify-content:left;background:#fff url('../images/company/plus_none.png') no-repeat 0 0;background-size:cover;position:relative;display:inline-block;margin-right: 25px;}
.front{position:absolute;color:#fff; top:0; left:0; width: 250px;height: 250px;color: #103e8e;}
.back{background: #103e8e url(../images/company/plus_over.png) no-repeat 50% 50%;position:absolute;top:0;left:0;transform:rotateY(90deg);width: 250px;height: 250px;color: #fff;/* line-height: 21px; *//* padding-top: 88px; */}
.front p{text-align: center; padding-top:100px;}
.back p{ padding: 80px 5px 0 5px;}
.cardRotate .front{opacity:1;animation: rotateAni 0.5s 1; transform:rotateY(90deg);}
.cardRotate .back{opacity:1;animation: rotateAni2 0.5s 0.5s 1 backwards; transform:rotateY(0);}
.backRotate .front{animation: backAni 0.5s   1; opacity:1;}
.backRotate .back{opacity:0;}

@keyframes rotateAni{
  0%{transform:rotateY(0);}
  100%{transform:rotateY(90deg);}
}
@keyframes rotateAni2{
  0%{transform:rotateY(-90deg);}
  100%{transform:rotateY(0deg);}
}

@keyframes backAni{
  0%{transform:rotateY(90deg);}
  100%{transform:rotateY(0deg);}
}

/* 조직도 */
#sub_content.group .group_wrap .pc {display:block}
#sub_content.group .group_wrap .mo {display:none}
#sub_content.group .group_wrap > div {text-align:center;}

@media screen and (max-width:1024px) {
	#sub_content.group .group_wrap div > img {width:100%}
}
@media screen and (max-width:600px) {
	#sub_content.group .group_wrap .pc {display:none}
	#sub_content.group .group_wrap .mo {display:block}    
}

/* 연혁 */
#sub_content.history .content01 { max-width:1200px; width:100%; margin:0 auto 100px;}
#sub_content.history .content01 .img_area { box-sizing:border-box; width:100%; height:400px; border-radius: 10px; border: 1px solid #ccc; background: url(../images/company/history_img.jpg) no-repeat 50% 50%; background-size: cover;}
#sub_content.history .content01 .text_area { display:flex; font-size:18px; padding:40px 70px 40px; border-bottom:1px solid #ccc}
#sub_content.history .content01 .text_area > p {font-weight: 600; font-size: 1.60em; color: #224c96;}
#sub_content.history .content01 .text_area > ul {margin-left:10%}
#sub_content.history .content01 .text_area > ul > li { padding-left:15px;background: url(../images/service/list_dot.gif) no-repeat 0 11px;}
#sub_content.history .content02 { max-width:1200px; width:100%; margin:0 auto;}
#sub_content.history .content02 > h1 {margin-bottom:35px;color:#103e8e;}
#sub_content.history .content02 .member_wrap {display:flex; gap:20px;align-items: stretch;}
#sub_content.history .content02 .member_wrap .member {flex:1;  : flex; flex-direction: column;}
#sub_content.history .content02 .member_wrap .member > p { margin-bottom:20px; color:#222; font-size: 1.40em; font-weight:700; text-align:center; } 
#sub_content.history .content02 .member_wrap .member > ul {flex-grow: 1;height: 80%;padding: 33px;border-radius: 10px; background: #103e8e url('../images/company/bg_gray.png') no-repeat 100% 100%;}
#sub_content.history .content02 .member_wrap .member > ul li { padding-left:15px; line-height:27px; color:#fff; background: url(../images/service/list_dot.gif) no-repeat 0 11px;}

@media screen and (max-width:1024px) {    
	#sub_content.history .content01 .img_area {height: 240px;}
}
@media screen and (max-width:600px) {    
	#sub_content.history .content01 .img_area { height: 190px; }
	#sub_content.history .content01 .text_area { flex-flow:column; padding: 40px 30px 40px;}
	#sub_content.history .content01 .text_area > p {margin-bottom:15px}
	#sub_content.history .content01 .text_area > ul {margin-left:0}
	#sub_content.history .content02 .member_wrap { flex-direction: column;}
	#sub_content.history .content02 .member_wrap .member:first-child {margin-bottom:40px;}
}
@media screen and (max-width:480px) {    
	#sub_content.history .content01 .img_area {height: 160px;}
		#sub_content.history .content01 .text_area {padding:20px}
	#sub_content.history .content01 .text_area > p {font-size:1.30em}
}

/* 오시는 길 */
.root_daum_roughmap .cont {display:none}
#sub_content .map_wrap {margin-bottom:90px}
#sub_content .map_wrap > .map { border: 2px solid #eee; overflow: hidden;}
#sub_content .map_wrap .root_daum_roughmap{width: 100%!important;}
#sub_content .map_wrap .root_daum_roughmap .wrap_map{ height:500px!important;}
#sub_content .map_wrap .root_daum_roughmap .wrap_controllers { display: none;}
#sub_content .map_wrap .detail_wrap { background:#eee; width:100%;}
#sub_content .map_wrap .detail_wrap > div { padding:40px 70px}
#sub_content .map_wrap .detail_wrap .logo img { max-width:250px;}
#sub_content .map_wrap .detail_wrap .detail p { font-size: 20px; box-sizing: border-box; color: #292929; font-weight: 900; }
#sub_content .map_wrap .detail_wrap .detail .top { padding-bottom:8px;}
#sub_content .map_wrap .detail_wrap .detail p.zip { padding-right:20px}
#sub_content .map_wrap .detail_wrap .detail p.subway {/* color: #f50000; */font-weight: 500;border:0;padding-bottom: 8px;}
#sub_content .map_wrap .detail_wrap .detail p.number { color: #727171; font-weight: 500; border:0;}
#sub_content .map_wrap .detail_wrap .detail p.number span { display: inline-block; margin-right:40px;}
#sub_content .map_wrap .detail_wrap .detail p.number span:last-child { margin:0}
#sub_content .map_border { width:0!important; height:0!important}

@media (max-width:1169px) {
	#sub_content .map_wrap .detail_wrap > div {padding:4%}
}
@media (max-width:600px) {
	#sub_content .map_wrap { padding:0}
    #sub_content .map_wrap .root_daum_roughmap .wrap_map {height: 420px!important;}
    #sub_content .map_wrap .detail_wrap .logo img { max-width:125px;}
    #sub_content .map_wrap .detail_wrap .detail p { font-size: 14px;}
    #sub_content .map_wrap .detail_wrap .detail p.number span { margin-right:25px;}
}

/* =========================
	서비스
========================= */
#sub_content.service .inner {padding-top:20%;background:url("../images/service/service_img.jpg") no-repeat;background-size:100%}
#sub_content.service .service_list {display:flex;gap:2%;margin:0 auto;width:90%;/*margin-top: 250px;*/}
#sub_content.service .service_list .ser_box {position: relative;flex:1;display:flex;flex-direction:column;}
#sub_content.service .service_list .ser_box .num {position: absolute; left:50%; transform: translate(-50%, 0%); width:67px; height:67px; line-height:67px; background:#1f4a95; color:#fff; font-weight:800; font-size:1.50em; border-radius:50%; text-align:center;}
#sub_content.service .service_list .ser_box .ser_inner {/*flex:1;*/ margin-top: 10%;background:#ddd;border-radius:10px;padding:10% 10% 20%}
#sub_content.service .service_list .ser_box .ser_inner .box > p {text-align: center; position: absolute;/* bottom: 5%; */left: 47%;}
#sub_content.service .service_list .ser_box .ser_inner .box .tit { margin-bottom:2%; color:#103e8e;font-weight:800;font-size:1.55em;}
#sub_content.service .service_list .ser_box .ser_inner .box .sub { margin-bottom: 7%; color:#222;font-weight:700;font-size:1.08em;}
#sub_content.service .service_list .ser_box .ser_inner .box .list > li {padding-left:15px;color: #000000;font-weight: 700;background:url("../images/service/list_dot.gif") no-repeat 0 11px}
#sub_content.service .service_list .ser_box .ser_inner .box .list {display:none;padding-top: 50px;}
#sub_content.service .service_list .ser_box .ser_inner .box .btn_minus1 {display:none;}
#sub_content.service .service_list .ser_box .ser_inner .box .btn_minus2 {display:none;}
#sub_content.service .service_list .ser_box .ser_inner .box .btn_minus3 {display:none;}

@media screen and (max-width:1024px) {
	#sub_content.service .service_list {flex-direction:column;}
	#sub_content.service .service_list .ser_box {margin-bottom:5%}
	#sub_content.service .service_list .ser_box .ser_inner {margin-top:4%;padding:8% 5% 10%}
	/*#sub_content.service .service_list .ser_box .ser_inner .box > p  {bottom:7%;}*/
	#sub_content.service .service_list .ser_box .ser_inner .box .tit {margin-bottom:0%;}
	#sub_content.service .service_list .ser_box .ser_inner .box .sub {margin-bottom:3%;}
}
@media screen and (max-width:768px) {
	#sub_content.service .service_list {display:flex;gap:2%;margin:0 auto;width:90%;margin-top: 200px;}
	#sub_content.service .inner {/*padding-top:40%;*/background:url("../images/service/service_img_mo.jpg") no-repeat;background-size:100%}
	#sub_content.service .service_list .ser_box .ser_inner {margin-top:5%;padding:7% 5% 15%}
}
@media screen and (max-width:600px) {   
	#sub_content.service .service_list {display:flex;gap:2%;margin:0 auto;width:90%;margin-top: 150px;}
	#sub_content.service .service_list .ser_box .ser_inner {margin-top: 6%;padding: 13% 5% 22%;}
}
@media screen and (max-width:450px) {   
#sub_content.service .inner {padding-top:1%;}
}

/* =========================
	경험
========================= */
#p-chart .con_div{ margin-top: 100px; height:880px }
#p-chart .con_div01{ height:890px }
#p-chart .con_div02{ margin-top: 70px; height:960px }
#p-chart .con_div04{ margin-top: 70px; height:1600px; }
#p-chart #chart_area_combo { margin-top:-100px; position:relative; z-index:-1}
#p-chart .sub-ptit{ position:relative; z-index:2; text-align:center;}
#p-chart .chart_wrap{ position: absolute; width:100%; max-width:1500px; height:720px; left:50%; transform:translateX(-50%);}
#p-chart .chart_wrap>div { overflow:hidden;}
#p-chart .chart_wrap>div:hover>div{z-index:99;}
#p-chart .chart_wrap > div > div > div > div > svg > rect { fill:none!important}
@media (min-width:1170px) {
	
	#p-chart .chart_wrap>div{width:50%; height:840px;}
    #p-chart #chart_area_seventh,#p-chart #chart_area_eighth { margin-top:-120px}
}
@media (max-width:969px){
    #p-chart .w1400>div{height: 950px;}
    #p-chart .w1400 .con_div03{height: 540px;}
	#p-chart .w1400 .con_div04{ height:1750px;}
	#p-chart.sub-content{ padding: 100px 0 130px; }
	#p-chart .chart_wrap{clear:both;}
	#p-chart .chart_wrap>div{width:100%; height:450px;}
    #p-chart #chart_area_combo { height:550px;}
	#p-chart .chart_wrap>div:nth-child(2n){margin-top:-110px; height:550px; position: relative; z-index:-1}
	#p-chart .chart_wrap>div:nth-child(2n)>div{margin-left:5%;}
}

/*  제목  */
.sub-ptit{ text-align: center; padding-bottom: 35px; }
.sub-ptit .fs01{ color:#424242; font-size: 1.2rem; line-height: 1.2; font-family: 'GmarketSansMedium'; }
.sub-ptit .fs01 span{ font-family: 'GmarketSansBold'; }
.sub-ptit .fs02{ color:#424242; font-size: 1rem; line-height: 1.2; margin-top: 15px; }
/* 이미지 */
.img_div img{ display: block; width: 100%; }
/*  글  */
.txt_div .txt{ font-size: 1rem; margin-bottom: 20px; }
.txt_div .txt:last-child{ margin-bottom: 0; }
.txt_div .txt span{ font-weight: 700; }
.txt_div .txt.last{ text-align: right; font-weight: 900; }
/* 페이지버튼 */
.page_bt{ text-align: center; margin-bottom: 70px; }
.page_bt .bt{ display: inline-block; vertical-align: middle; padding: 3px; background: #b5b5b5; width: 30%; max-width: 178px; margin: 0 15px; border-radius: 25px; }
.page_bt .bt p{ color: #fff; line-height: 30px;  box-sizing: border-box; padding: 10px; box-sizing: border-box; border-radius: 25px; border: 1px solid #b5b5b5; }
.page_bt .bt.on{ background: #ca151d; }
.page_bt .bt.on p{ border: 1px solid #fff; color: #fff; font-weight: 700; }
@media (max-width:969px) {
    /* 본문 */
    .sub-content{ padding: 100px 0 150px; }
    /*  제목  */
	.sub-ptit .fs02 br{ display: none; }
    /* 이미지 */
    .img_div .img_m{ display: block; }
    .img_div .img_pc{ display: none; }
    /*  글  */
    .txt_div .txt br{ display: none; }
    
}
@media (min-width:970px) {
    /* 본문 */
    .sub-content{ padding: 75px 0; }
    /* 이미지 */
    .img_div .img_m{ display: none; }
    .img_div .img_pc{ display: block; }
    /*  제목  */
	.sub-ptit{ padding-bottom: 50px; }
	.sub-ptit .fs01{ font-size:35px; }
	.sub-ptit .fs02{ font-size:18px; margin-top: 30px; }
    /*  글  */
    .txt_div .txt{ font-size: 18px; margin-bottom: 35px; }
    /* 페이지버튼 */
	.page_bt{ margin-bottom: 140px; }
	.page_bt .bt{ font-size: 20px;}    
}

/* =========================
	이미지플롯
========================= */
.img_dep03 .img_div{ float: left; text-align:center; font-size: 1rem; color: #424242; margin-bottom: 50px; }
.img_dep03 .img_div img{ margin-bottom: 20px; }
@media all and (max-width:450px) {
    .img_dep03 .img_div{ width: 100%;}
}
@media (min-width:451px) and (max-width:1169px) {
    .img_dep03 .img_div{ width: 49%; margin-right: 2%; }   
    .img_dep03 .img_div:nth-child(2n){ margin-right: 0; }   
}
@media (min-width:1170px) {
    .img_dep03 .img_div{ width: 29%; margin-right: 6.5%; font-size: 18px; margin-bottom: 100px; }   
    .img_dep03 .img_div:nth-child(3n){ margin-right: 0; }
    .img_dep03 .img_div img{ margin-bottom: 30px; }   
}








/*=========================
	공지사항
=========================*/
.board_view{ width:100%;}
/* 타이틀 영역 */
.board_view .title_area{padding: 20px 10px;border-top:2px solid #78bcff;border-bottom:1px solid #ccc;text-align:left;}
.board_view .title_area .title{margin-bottom: 5px;font-size: 1.2em;}
.board_view .title_area .ex{text-align:left;color:#666;font-size: 0.8rem;}
/* 파일다운 */
.board_view .content_down{border-bottom:1px solid #ccc;padding: 10px;}
.board_view .content_down .down_tit{font-weight:bold;display:inline-block;margin-right: 20px; }
.board_view .content_down .down_txt{ display:block; }
.board_view .content_down .down_txt a{ display: block; vertical-align: middle; }
/* 본문 */
.board_view .content_area{padding: 20px 20px 150px;border-bottom:1px solid #cccccc; }
.board_view .content_area img{ max-width:100%;}
/* 이전글다음글 */
.board_view .pageselect_wrap { width:100%; table-layout: fixed;}
.board_view .pageselect_wrap .title a{ display: block;}
.board_view .pageselect_wrap .date{ text-align: right; }
.board_view .pageselect_wrap .pager span { font-size:0;display: inline-block; width:30px;}
.board_view .pageselect_wrap .pager span img { width:100%}
.board_view .pageselect_wrap td{ border-bottom:1px solid #cccccc;}
.board_view .pageselect_wrap td a:hover{color: #0083be}
.board_view .title_area .title{ word-break:break-all; }

@media (max-width:1169px) {
	.board_view .pageselect_wrap td{ padding: 10px 5px;}
	.board_view .pageselect_wrap .date{width: 80px; }
}
@media (max-width:600px) {
	.board_view .content_down .down_tit { margin-right:15px;}
    .board_view,.board_view td,.board_view a { font-size:15px}
    .board_view .pageselect_wrap .pager { width:80px;}
    .board_view .pageselect_wrap .pager span { width:26px}
    .board_view .pageselect_wrap .date{ font-size:14px;}
}
@media all and (min-width:768px) {
	.board_view .pageselect_wrap td{ padding: 10px; }
	.board_view .title_area .title{font-size: 20px; }
	.board_view .title_area .ex{font-size: 15px;}
	.board_view .title_area{padding: 20px 20px;}
	.board_view .content_down{ padding: 10px 20px;}
	.board_view .pageselect_wrap .date{ width: 120px; padding: 10px 20px; }
	.board_view .pageselect_wrap .pager{ width: 100px; padding: 10px 20px; }
}
button.retrun{background-color:#78bcff;color:#fff;font-weight:700;border:0;margin:40px auto 0;display:block;padding:10px 30px;}
@media (min-width: 1170px){
	button.retrun{width:180px;height:55px;}
	
}


/* =========================
	공지사항
========================= */

#sub_content.board .cont_title { padding-bottom:50px;}
.notice_tab { justify-content: center; padding-bottom:80px;}
.notice_tab li { margin:0 30px; position:relative; display: block; padding:0 0 5px; }
.notice_tab li a { font-size:22px; color:#b2b2b2; }
.notice_tab li:after { content:''; position:absolute; left:0; bottom:0; height:2px; width:0; background: #0083be; }
.notice_tab li.on a { font-weight:800; color:#0083be; }
.notice_tab li.on:after { width:100%; }

.tbl_wrap table { font-size:16px;width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_wrap {margin:0 0 10px}
.tbl_wrap caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_wrap thead th { color:#5b5d5f; padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;}
.tbl_wrap tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_wrap td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1; height:40px;word-break:break-all}
.tbl_wrap tbody tr:hover td {background:#fafafa}
.tbl_wrap a:hover {text-decoration:underline}

.bo_tit {display:block;color:#000;font-weight:bold}
.tbl_wrap tbody .even td {background:#fbfbfb}

.tbl_wrap thead th.small { width:100px;}
.tbl_wrap tbody td { text-align: center;}
.tbl_wrap tbody .td_subject { text-align: left;}
.tbl_wrap tbody td span { font-size: 15px;}

@media all and (max-width:1169px){
    .notice_tab li a { font-size:20px;}
}
@media all and (max-width:600px){
    .notice_tab li a { font-size:16px;}
    .tbl_wrap table th,.tbl_wrap table td,.tbl_wrap tbody td span,.tbl_wrap table td a { font-size:14px;}
    .tbl_wrap .td_datetime, .tbl_wrap .th_hide, .tbl_wrap .td_num { display: none;}
    .tbl_wrap thead th.small { width:50px;}
}
@media all and (min-width:1170px){
}

/*페이지네비*/
.board_bt_wrap{ margin-top: 45px; }
.pagination{ text-align: center;font-size: 14px; }
.pagination a{ display: inline-block; width: 30px; line-height: 30px; max-width: 30px; margin:1px; color: #a4a4a4; font-weight:600}
.pagination a.arrow{ border: 1px solid #d3d3d3; }
.pagination a.active{background: #78bcff; color: #fff; font-weight: 700;}
.pagination a .fas,
.pagination a .svg-inline--fa{ display: inline-block; line-height: 30px; font-size:17px; }


/* =========================
    관련사이트
========================= */
#sub_content.site  .page_bt{ text-align: center; margin-bottom: 70px; }
#sub_content.site  .page_bt .bt{ display: inline-block; cursor:pointer; vertical-align: middle; padding: 3px; background: #b5b5b5; width: 30%; max-width: 178px; margin: 0 15px 15px 0; border-radius: 25px; }
#sub_content.site  .page_bt .bt p{ color: #fff; line-height: 30px;  box-sizing: border-box; padding: 10px; box-sizing: border-box; border-radius: 25px; border: 1px solid #b5b5b5; }
#sub_content.site  .page_bt .bt.on{ background: #1f4a95; }
#sub_content.site  .page_bt .bt.on p{ border: 1px solid #fff; color: #fff; font-weight: 700; }

#sub_content.site  .card_wrap {overflow:hidden;}
#sub_content.site  .card_wrap{width:100%;position:relative;margin-top:100px;}
#sub_content.site  .card_wrap li{width:100%;display:none;overflow:hidden;}
#sub_content.site  .card_wrap li.on{display:block;}
#sub_content.site  .card_con{ float: left; width: 100%; color: #9f9f9f; font-size: 0.8rem; text-align: center; margin-bottom: 30px; }
#sub_content.site  .card_con:hover a{ box-shadow: 5px 5px 7px rgba(0,0,0,0.15); }
#sub_content.site  .card_con a{ display: block; border: 1px solid #222; margin-bottom: 20px; }
#sub_content.site  .card_con img{ display: block; width: 100%; }
@media all and (max-width:450px){
	.ctit p{ font-size: 1.2rem; }
	#sub_content.site  .page_bt .bt p{font-size:14px;}
}
@media (min-width:451px) and (max-width:968px){
	#sub_content.site  .card_con{ width:49%; margin-right: 2%; }
	#sub_content.site  .card_con:nth-child(2n){ margin-right:0; }
	#sub_content.site  .page_bt .bt p{font-size:14px;}
}
@media all and (min-width:970px){
	#sub_content.site  .card_con{width:23%;margin-right: 2.666%;font-size: 14px;}
	#sub_content.site  .card_con:nth-child(4n){ margin-right:0; }
}



/* =========================
    견적문의
========================= */

#formmail-write { position:relative; padding:0 100px 0; font-size:18px; }
#formmail-write .top_box { padding-bottom:60px; border-bottom:3px solid #f3f3f3}
#formmail-write .bottom_box { padding-top:60px;}
#formmail-write .form-group { display:flex; margin-bottom:30px; }
#formmail-write .form-group>label { padding-right:20px; width:20%; font-weight:700; color:#000; margin-top:12px;}
#formmail-write .form-group>div { width:80% }
#formmail-write .form-group>div.input_box2 { width:38% }
#formmail-write .form-group.col4>label { width:20% }
#formmail-write .form-group.col4>div { width:30% }
#formmail-write .form-group .form-control {max-height:52px;background:none!important;font-size:16px;width:100%;padding:16px 22px;/* border-radius: 25px; */border:1px solid #d1d1d1;box-sizing:border-box}
#formmail-write .form-group .form-control:focus,#formmail-write .form-group .form-control:focus-visible { outline:0; border:1px solid #d1d1d1!important; box-shadow: none!important;}
#formmail-write .form-group .form-control::placeholder { color:#d8d8d8;}
#formmail-write .form-group .form-control option { padding:10px;color:#000}
#formmail-write .form-group textarea.form-control { min-height:350px; margin-bottom:30px}
#formmail-write .form-group select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/common/icon_select_gray.png) no-repeat calc(100% - 20px) center!important; background-size: 12px auto!important; }
#formmail-write .form-group select.form-control.on { background: url(../images/common/icon_select_black.png) no-repeat calc(100% - 20px) center!important;  background-size: 12px auto!important;}
#formmail-write .form-group p.add { font-size:15px; padding-top:10px; padding-left:8px;}
#formmail-write .form-footer { padding-top:50px; text-align: center;  }
#formmail-write .btn_submit { padding:10px 20px; font-size:1.2em; height:auto}

#formmail-write .privacy-of-use { max-height:100%!important; font-size:14px;padding:15px; }
#formmail-write .privacy-of-use .modal { width:100%; max-width:100%; height:340px; position: static; transform: none; color:#000}
#formmail-write .privacy-of-use .modal .info { padding:5px}
#formmail-write .privacy-of-use .modal .info div { border:0; padding:0}
#formmail-write .privacy-of-use .modal .info h5 { color:#000}
#formmail-write .privacy-of-use-check { text-align: right; padding:10px; color:#8a8a8a; font-size:14px; }

#formmail-write .agree_box { justify-content: flex-end; padding-top:15px}
#formmail-write .agree_box p { margin-left:10px; color:#c05555; font-weight:500; font-size:16px}
#formmail-write #agree { display: none;}
#formmail-write .agree_check { display: block; width:28px; height:28px; background: url(../images/common/icon_agree_off.png) no-repeat center; background-size: 100%!important;}
#formmail-write #agree:checked + label { background: url(../images/common/icon_agree_on.png) no-repeat center;}
#formmail-write .form-footer { width:90%; margin:0 auto; max-width:520px}
#formmail-write .form-footer button { padding:15px 0; font-size:18px!important; width:65%; max-width:230px; border-radius: 30px; color:#fff;}
#formmail-write .form-footer button:last-child { background: #78bcff;}
#formmail-write .form-footer button span { font-size:0; display: block; margin-left:8px; width:24px;}



@media (max-width:1169px) {
    #formmail-write { padding:0 30px 0;}
	#formmail-write .form-footer button { font-size:17px!important}
}
@media (max-width:600px) {
    #formmail-write { padding:0;}
    #formmail-write .top_box { padding-bottom:40px;}
    #formmail-write .bottom_box { padding-top:40px;}
    #formmail-write .form-group { flex-wrap: wrap; margin-bottom:20px}
    #formmail-write .form-group > label { margin-top:0; padding-bottom:10px; font-size:15px;}
    #formmail-write .form-group > * { width:100%!important; }
    #formmail-write .form-group .form-control { font-size:15px; padding:15px 13px}
    #formmail-write .form-group p.add { font-size:13px; padding-top:8px}
    #formmail-write .agree_box { padding-top:5px;}
    #formmail-write .agree_box p { font-size:14px}
    #formmail-write .form-footer { flex-wrap: wrap;}
	#formmail-write .form-footer button { padding:14px 0; font-size:14px!important; max-width:175px}
    #formmail-write .form-footer button span { width:20px}
}

/* =========================
    채용문의
========================= */

#sub_content.recruit .card_cont { width:100%; margin:0 auto}
#sub_content.recruit .card_cont .arrow { margin-bottom:164px; width:60px; height:26px; background: url(../images/customer/recruit_arrow.png) no-repeat center; background-size:contain; align-self:center; }
#sub_content.recruit .card_cont_wrap .tit_wrap { margin:30px 0;}
#sub_content.recruit .card_cont_wrap .tit_wrap .tit { color:#103e8e; font-size:1.40em;}
#sub_content.recruit .card_cont_wrap .tit_wrap .txt { font-size:1.15em; padding-top:8px; line-height: 1.3;}
#sub_content.recruit .card_cont_wrap .card {width:15%; margin-bottom:0!important}
#sub_content.recruit .card_cont_wrap .card div > img {width:100%}

#sub_content.recruit .con_div02{ margin-top: 50px; }
#sub_content.recruit .bt_down{ font-size:1em; display: inline-block; background: #78bcff; color: #424242; font-weight: 800; padding: 10px 15px;  margin-top: 25px; }
#sub_content.recruit .ctit{ position: relative; margin-bottom: 30px; margin-top:35px; }
#sub_content.recruit .ctit:after{ display: block; width: 100%; height: 2px; background:#e5e5e5; content: ""; }
#sub_content.recruit .ctit p{ position: absolute; top: 50%; display: block; background: #fff; font-weight: 900; z-index: 10; padding-right: 15px; line-height: 1;  left: 0; transform: translateY(-50%); -webkit-transform:translateY(-50%); color: #103e8e; }
#sub_content.recruit .con_div02 .cont {display:flex;gap:20px;flex-wrap:wrap;}
#sub_content.recruit .info_div{flex: 1 1 calc(33.333% - 20px); padding:20px; box-sizing:border-box;font-size: 1em; margin-bottom: 30px; color: #424242; }
#sub_content.recruit .info_div:last-child{ margin-bottom: 0; }
#sub_content.recruit .info_div p{ line-height: 1.5; }
#sub_content.recruit .card_cont_wrap .top {border:0}


#sub_content.recruit .info_div > p {padding-left:10px;background:url("../images/service/list_dot.gif") no-repeat 0 11px}

@media all and (max-width:1169px) and (min-width:600px){
}
@media all and (max-width:1169px){
    #sub_content.recruit .card_cont_wrap .tit_wrap { font-size: 14px;}
	#sub_content.recruit .ctit p{ font-size: 1.2em; }
}

@media all and (max-width:768px){
#sub_content.recruit .card_cont_wrap .card {    width: 27%;	}
#sub_content.recruit .card_cont .pc {display:none}
#sub_content.recruit .info_div{flex: 1 1 calc(50% - 20px);}
}
@media all and (max-width:600px){
	#sub_content.recruit .card_cont_wrap .card { width: 37%; }
	#sub_content.recruit .card_cont .pc {display:block}
	#sub_content.recruit .card_cont .tablet {display:none;}
    #sub_content.recruit .con_div02 { margin-top: 80px; }
    #sub_content.recruit .con_div02 .info_div { font-size:14px; }
}
@media all and (max-width:460px){
	    #sub_content.recruit .info_div {flex: 1 1 calc(100% - 20px);}
}
@media all and (min-width:1170px){  
	#sub_content.recruit .ctit p{ font-size: 22px;}
	#sub_content.recruit .info_div { font-size: 18px; margin-bottom: 60px; }
}