@charset "utf-8";


/* 컨텐츠 시작 */

/*** 공통_탭 ***/
.qtap_box {position:relative;}
.qtap_box .tap_box .mob_tap{display:none;}
.qtap_box .tap_box .mob_tap2 {display:none;}
.qtap_box .tap_box .tap_btn > li:hover > a,
.qtap_box .tap_box .tap_btn > li:focus > a,
.qtap_box .tap_box .tap_btn > li:active > a {background:#0095ff;}
.qtap_box .tap_box .tap_btn > li.on > a {background:#0095ff;font-weight:500;}
.tap_btn {background:#ebf2f7;padding:20px 30px;width:100%;display:flex;flex-wrap:wrap;}
.tap_btn > li {display:inline-block;margin:0 10px;width:auto !important;flex-grow:1;}
.tap_btn > li > a {display:block;color:#666;padding:15px 0;text-decoration:none;border-radius:30px;background:#fff;text-align:center;}
.tap_btn > li.on > a,
.tap_btn > li:hover > a, 
.tap_btn > li:active > a,
.tap_btn > li:focus > a {background:#0095ff;color:#fff;font-weight:500;}

/* 총게시글 */
.fs_list_box {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-items:center;margin-top:30px;}
.fs_list_box > div {display:flex;flex-wrap:wrap;align-items:center;}
.fs_list_box .ft_left {display:inline-block;z-index:-1;line-height:45px;font-size:16px;color:#222;}
.fs_list_box .ft_left .txt-color-darken {color:#0095ff;}
.fs_list_box .ft_left .text-primary {color:#222;}
.fs_list_box .ft_right {margin-left:30px;padding-left:30px;border-left:1px solid #ddd;}
.fs_list_box .ft_right .text-primary {color:#0095ff;}

/* 게시판 검색 */
.search {position:relative;}
.search:after {content:"";display:block;clear:both;}
.search .box {width:100%;}
.search .box .search_box form {display:flex;flex-wrap:wrap;width:100%;justify-content:flex-end;}
.search .box .search_box .flex {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;}
.search .box .search_box .flex > div {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 1%;}
.search .box .search_box .flex p {margin-right:20px;}
.search .box .search_box .select_style {background-color:#fff;margin-right:2px;}
.condition li button {height:40px;line-height:38px;padding:0 15px;border:1px solid #dfdfdf;background:#fff;font-size:15px;color:#74828c;margin:0 1px;border-radius:3px;}
.condition li button.on {border:1px solid #006d40;background:#006d40;color:#fff;}
.search_btn {}
.search_btn a {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#003a63;height:40px;padding:0 10px;border-radius:3px;margin-left:2px;}
.search_btn a.btn_line {background:#fff;}

/* sub010100_인사말 */
.getting {background:#f1f1f1;padding:80px 0;display:flex;flex-wrap:wrap;width:100%;}
.getting .wrap {width:50%;padding:0 3% 0 12%;}
.getting .get_img {float:right;display:inline-block;width:50%;}
.getting .half strong {font-size:30px;color:#000;margin-bottom:40px;display:block;margin-top:80px;}
.getting .half .gtxt {font-size:18px;line-height:40px;color:#3d3d3d;font-weight:500;}
.getting .half .gtxt .blue {color:#0095ff;}
.getting .half .gtxt .green {color:#13909b;}
.getting .half div {display:flex;flex-wrap:wrap;width:100%;align-items:center;justify-content:flex-end;margin-top:30px;}
.getting .half div p {font-size:23px;color:#666;}
.getting .half div p em {font-weight:600;margin:0 30px 0 10px;color:#333;}
.getting .half div span {font-family: 'KCC-eunyoung';font-size:60px;letter-spacing:20px;color:#000;}

/* sub010200_연혁 */
.history_bg img {width:100%;}

.history {display:flex;flex-wrap:wrap;width:100%;margin-top:10px;}


.history_title {position:relative;height:500px;background:url("/resources/images/content/sub01/history_bg.png") no-repeat center;overflow:hidden;display: flex;align-items: center;justify-content:center;color:#fff;font-size:50px;text-align:center;font-weight:600;line-height:1;letter-spacing:-5px;}
.history_title span{font-size:30px;letter-spacing:-2px;}
.history_box {padding:0 100px;margin-top:40px;}
.history_list {display:flex;flex-wrap:wrap;width:100%;padding:50px 0;border-bottom:1px solid #2e3138;}
.history_list .num {width:250px;display:inline-block;font-size:44px;font-weight:600;text-align:left;color:#000000;}
.his {display:inline-block;width:calc(100% - 250px);}
.his ul.history {}
.his ul.history > li {position:relative;padding-bottom:30px;display:flex;flex-wrap:wrap;width:100%;align-items:center;}
.his ul.history > li:last-child {padding-bottom:0;}
.his ul.history > li span.his_num {display:inline-block;padding-right:10px;font-weight:600;font-size:24px;color:#222222;width:50px;}
.his ul.history > li ul {width:calc(100% - 50px);}
.his ul.history > li ul li {font-size:20px;color:#222;}
/* 태블릿 */
@media only screen and (max-width:1023px){
    .history_title {height:300px;font-size:30px;}
    .history_box {padding:0 20px;}
    .history_list .num {font-size:35px;}
    .his ul.history > li span.his_num {font-size:20px;}
    .his ul.history > li ul li {font-size:18px;}
}
/* 모바일 */
@media only screen and (max-width:767px){
    .history_title {height:200px;font-size:20px;letter-spacing:-1px;}
    .history_title span {font-size:15px;letter-spacing:-0.5px;}
    .history_box {margin-top:20px;}
    .history_list {padding:30px 0;}
    .history_list .num {width:100%;font-size:28px;}
    .his {width:100%;margin-top:20px;}
    .his ul.history > li {padding-bottom:20px;}
    .his ul.history > li span.his_num {font-size:18px;width:40px;}
    .his ul.history > li ul {width:calc(100% - 40px);}
    .his ul.history > li ul li {font-size:16px;line-height:1.3;}
}



/* sub010300_조직도 */
.group span {display:inline-block;width:100%;width:250px;height:70px;line-height:70px;text-align:center;border-radius:50px;}
.org_box {margin:auto;text-align:center;}
.org_box .ceo {position:relative;margin:0 auto 50px auto;text-align:center;background:#005999;color:#fff;width:220px;height:220px;border-radius:100%;border:10px solid #ccd8e0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.org_box .ceo div {margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} 
.org_box .ceo span {font-size:30px;font-weight:600;}
ul.group {position:relative;display:flex;flex-wrap:wrap;justify-content: space-between;}
ul.group:before {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:810px;height:1px;background:#ddd;}
ul.group > li {position:relative;padding:0 10px;}
ul.group > li > span {font-weight:bold;color:#ddd;}
ul.group > li em {display:none;position:absolute;left:0;right:0;top:-15px;margin:auto;background:#0095ff;height:30px;line-height:30px;font-size:16px;/*display:inline-block;*/color:#fff;width:110px;border-radius:30px;font-weight:500;}
ul.group2 > li > span {background:#005999;color:#fff;font-size:20px;}
ul.group2 {padding:0 20%;}
ul.group2:before {top:50%;width:50%;}
ul.group3 {position:relative;padding-top:60px;margin-top:60px;justify-content:center;}
ul.group3:after {content:'';position:absolute;left:0;right:0;top:-290px;margin:auto;width:1px;height:290px;background:#ddd;}
ul.group3 > li:before {content:'';position:absolute;left:0;right:0;top:-60px;margin:auto;width:1px;height:60px;background:#ddd;}
ul.group3 > li ul.other {margin-top:5px;padding:5px;background:#f5f5f5;border:1px solid #ddd;}
ul.group3 > li ul.other > li span {border:0;}
ul.group3 > li ul.other > li + li {margin-top:-1px;border-top:1px dashed #ddd;}
ul.group3 > li > span {border:3px solid #0095ff;line-height:64px;font-size:20px;color:#0095ff;}
ul.group3 > li:nth-child(2n) > span {border:3px solid #666;color:#666;}
ul.group4 {margin-top:40px;}
ul.group4 > li > span {background:#007ad0;}

/********** 공통 **********/
.w1500 {width:100%;max-width:1500px;margin:auto;}
.ta-l {text-align:left;}
.ta-c{text-align:center;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}


/********** 테이블
.t_info {color:#767676;font-size:.9em;}
.tableA {table-layout: fixed;border-top:2px solid #222;}
.tableA thead th {padding:15px;border-left:1px solid #e4e4e4;color:#222;border-bottom:1px solid #e4e4e4;background:#f5f5f5;}
.tableA tbody th {color:#222;font-weight:normal;}
.tableA tbody th,
.tableA tbody td {padding:15px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;}
.tableA thead th:first-child,
.tableA tbody td:first-child,
.tableA tbody th:first-child {border-left:none;}
.tableA tbody td.bd_left {border-left:1px solid #e4e4e4;}
@media only screen and (max-width:767px){
    .tableA thead th {padding:15px 7px;}
    .tableA tbody th,
    .tableA tbody td {padding:15px 7px;}
}

/* 반응형 시 스크롤
.ov_table {}
.ov_table .ov_txt {display:none;}
.ov_table .ov_txt span {color:#767676;font-size:.9em;position:relative;padding-left:20px;line-height:22px;}
.ov_table .ov_txt span:after {content:'';position:absolute;left:0;top:0;bottom:0;background:url("./../images/common/scroll.png") no-repeat center top -3px;width:16px;height:auto;aspect-ratio: 60/67;background-size: contain;}
@media only screen and (max-width:560px){
    .ov_table {position: relative;overflow-x: auto;}
    .ov_table .ov_txt {position:sticky;left:0;display:block;text-align: center;}
    .ov_table table {min-width:460px;}
}
*/
.org_wrp {}
.org_wrp .org_list {position:relative;font-size:1.2em;color:#222;}
.org_wrp .org_list:after {content:'';position:absolute;left:0;right:0;top:160px;margin:auto;width:1px;height:51.4%;background:#e4e4e4;z-index: -1;}
.org_wrp .org_list .o_item {position:relative;width:240px;height:65px;display: flex;align-items: center;justify-content: center;border-radius:10px;border:4px solid #e4e4e4;transition:all .3s;background:#fff;}
.org_wrp .org_list .line1 {text-align: center;}
.org_wrp .org_list .line1 .tit {position:relative;margin:auto;width:160px;height:auto;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content: center;font-size:1.5em;border-color:#6cb131;color:#6cb131;}
.org_wrp .org_list .line1 .tit:is(:hover, :active, :focus),
.org_wrp .org_list .line1 li.on .tit {color:#fff;background-image:linear-gradient(120deg, rgb(160,234,97) 0%, rgb(102,173,42) 99%);border-color:#e4e4e4;}
.org_wrp .org_list .line2 ul {display:flex;justify-content:center;align-items: center;}
.org_wrp .org_list .line2 ul > li {position: relative;}
.org_wrp .org_list .line2 ul > li .o_item {pointer-events: none;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1) {padding-right:10%;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1):before {content:'';position:absolute;right:0;width:calc(100% - 270px);top:0;bottom:0;margin:auto;background:#e4e4e4;height:1px;z-index: -1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1):after {content:'';position:absolute;right:calc(100% - 270px);top:0;bottom:0;margin:auto;width:0px;height:56.5%;background:#e4e4e4;}
.org_wrp .org_list .line2 ul > li:nth-of-type(1) .o_item:after {content:'';position:absolute;top:0;bottom:0;right:-33px;margin:auto;background:#e4e4e4;width:33px;height:1px;z-index: -1;}
.org_wrp .org_list .line2 ul > li:nth-of-type(2) {padding-left:10%;}
.org_wrp .org_list .line2 ul > li:nth-of-type(2):before {content:'';position:absolute;left:0;width:calc(100% - 240px);top:0;bottom:0;margin:auto;background:#e4e4e4;height:1px;z-index: -1;}
.org_wrp .org_list .line3 {text-align: center;}
.org_wrp .org_list .line3 .o_item {margin:auto;border-color:#316e75;color: #316e75;}
.org_wrp .org_list .line3 li .o_item:is(:hover, :active, :focus),
.org_wrp .org_list .line3 li.on .o_item {background:#316e75;color: #fff;}
.org_wrp .org_list .line4 {position: relative;width: 52%;margin: 80px auto 0 auto;}
.org_wrp .org_list .line4:after {content:"";position: absolute;left:50%;top:-80px;display: block;width: 1px;height:80px;background: #ddd;margin-left:35%;}
.org_wrp .org_list .line4 ul {position:relative;display:flex;gap:10px;padding-top:30px;padding-left:50%;margin-right:-150px;}
.org_wrp .org_list .line4 ul:after {content:'';position:absolute;right:14.3%;top:0;margin:auto;width:29.5%;height:1px;background:#e4e4e4;}
.org_wrp .org_list .line4 ul li {flex:1;}
.org_wrp .org_list .line4 ul li .o_item {width:100%;}
.org_wrp .org_list .line4 ul li .o_item:after {content:'';position:absolute;left:0;right:0;margin:auto;top:-33px;width:1px;height:30px;background:#e4e4e4;}
.org_wrp .org_list .line4 ul li .o_item:is(:hover, :active, :focus) {}
/*.org_wrp .org_list .line4 ul li.on .o_item {background:#e4e4e4;}*/

.org_wrp .org_container .org_cont {visibility: hidden;opacity: 0;height:0;transition:all .6s;-webkit-transition:all .6s;position:relative;transform:translateY(80px);}
.org_wrp .org_container .org_cont.on {visibility: visible;opacity: 1;height:auto;transform:translateY(0);}
.org_wrp .org_container .org_cont table {font-size:1.1em;}
@media only screen and (max-width:1199px){
    .org_wrp .org_list .line4:after {margin-left:41%;right:14.8%;}
    .org_wrp .org_list .line4 ul:after {width:31.5%;right:14.8%;}
}
@media only screen and (max-width:1023px){
    .org_wrp .org_list {font-size:1.1em;}
    .org_wrp .org_list:after {height:50%;}
    .org_wrp .org_list .o_item {height:60px;width:200px;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1):before {width:calc(100% - 230px);}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1):after {right:calc(100% - 230px);}
    .org_wrp .org_list .line2 ul > li:nth-of-type(2):before {width:calc(100% - 200px);}
    .org_wrp .org_list .line4 {font-size:.9em;}
    /*
    .org_wrp .org_list .line4 ul {gap:10px;flex-wrap:wrap;}
    .org_wrp .org_list .line4 ul:after {width:76%;}
    .org_wrp .org_list .line4 ul li {flex:1 24%;}
    .org_wrp .org_list .line4 ul li .o_item:after {display: none;}
    .org_wrp .org_list .line4 ul li:nth-of-type(1) .o_item:after,
    .org_wrp .org_list .line4 ul li:nth-of-type(4) .o_item:after {display: block;}*/
    .org_wrp .org_container .org_cont table {font-size: 1em;}
}
@media only screen and (max-width:767px){
    /*.org_wrp .org_list .line4 ul {gap:10px;padding-top:0;}
    .org_wrp .org_list .line4 ul:after {display:none;}
    .org_wrp .org_list .line4 ul li:nth-of-type(1) .o_item:after,
    .org_wrp .org_list .line4 ul li:nth-of-type(4) .o_item:after {display:none;}*/

    .org_wrp .org_list .line4 {width: 100%;padding:0 30px;}
    .org_wrp .org_list .line4:after {margin-left:25%;}
    .org_wrp .org_list .line4 ul {margin-right:0;}
    .org_wrp .org_list .line4 ul:after {width:26%;right:12%;}

}
@media only screen and (max-width:560px){
    .org_wrp .org_list {font-size:1em;}
    .org_wrp .org_list:after {height:44%;top:140px;}
    .org_wrp .org_list .o_item {width:auto;padding:0 20px;height:50px;}
    .org_wrp .org_list .line1 .tit {width:140px;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1) {padding-right:30px;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(1):before,
    .org_wrp .org_list .line2 ul > li:nth-of-type(1):after {display:none;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(2) {padding-left:30px;}
    .org_wrp .org_list .line2 ul > li:nth-of-type(2):before {width:30px;}
    .org_wrp .org_list .line3 .o_item {max-width:300px;}
    /*.org_wrp .org_list .line4 ul li {flex:1 calc((100% - 10px)/2);}*/
    .org_wrp .org_list .line4:after {margin-left:18%;}
    .org_wrp .org_list .line4 ul {padding-left:35%;}
    .org_wrp .org_list .line4 ul:after {width:33%;right:16%;}

    .org_wrp .org_container .org_cont table {word-break: break-all;}
    .org_wrp .org_container .org_cont .ov_table table {min-width:560px;}
}

/* sub010400_오시는길 */
.map {}
.map ul {display:flex;flex-wrap:wrap;margin-top:60px;}
.map ul li {width:33.33%;text-align:center;border-right:1px solid #ddd;}
.map ul li:last-child {border-right:0;}
.map ul li .map_icon {width:120px;height:120px;border-radius:100%;background:#f1f1f1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 auto;}
.map ul li .map_txt {margin-top:30px;color:#000;}
.map ul li .map_txt p {margin-top:10px;line-height:normal;}

/* sub01_미션비전 */
.misson {}
.misson .img_box {border-radius:3rem;overflow:hidden;margin:0 50px;}
.misson .img_box img {width:100%;height:30rem;object-fit:cover;object-position:center;}
.misson .txt_box {margin-top:5rem;/* display:flex;justify-content:space-between; */padding:0 6rem;}
.misson .txt_box .tit {font-weight:800;font-size:4rem;line-height:1.25;color:#000;}
.misson .txt_box .blue {font-weight:600;color:#3371e3;}
.misson .txt_box .green {font-weight:600;color:#49bc16;}
.misson .txt_box .con {font-weight:300;font-size:1.4rem;line-height:2;color:#000;}
@media only screen and (max-width:1299px) {
    .misson .txt_box {padding:0 4rem;}
}
@media only screen and (max-width:1199px) {
    .misson .txt_box {gap:6rem;padding:0;}
}
@media only screen and (max-width:1023px) {
    .misson .txt_box {margin-top:4.5rem;flex-direction:column;gap:3rem;}
}

/* sub02_사업영역(공통) */
.city_project {}
.city_project .city_title {background:#fff;padding:30px;border-top:2px solid #3371e3;border-bottom:1px solid #3371e3;}
.city_project .city_title p {padding-top:30px;font-size:22px;color:#3371e3;line-height:35px;text-align:center;font-weight:500;}
.city_project .city_title span {color:#000;}
.city_project ul {margin-top:10px;}
.city_project ul li {/* display:flex;flex-wrap:wrap;*/margin-bottom:10px;}
.city_project ul li:nth-child(2n) {flex-direction:row-reverse;}
.city_img {width:100%;overflow: hidden;}
.city_img img {width:100%;}
.city_txt {width:100%;color:#000;}
.city_txt p {line-height:30px;}

.city_project .city_txt h4 {position:relative;padding-bottom:25px;margin-bottom:25px;font-size:28px;font-weight:700;}
.city_project .city_txt h4:before {content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#007ad0;}
.city_project ul li .city_txt p {font-size:16px;color:#666;line-height:normal;}


/* sub03_MOU기업 */
.mou {}
.mou .city_title {background:#fff;padding:30px;border-top:2px solid #3371e3;border-bottom:1px solid #3371e3;}
.mou .city_title p {font-size:25px;color:#3371e3;line-height:35px;text-align:center;font-weight:500;}
.mou .city_title span {color:#000;}


/* sub030100_사업실적 */
.product {display:flex;flex-wrap:wrap;margin-top:10px;border-top:2px solid #003a63;border-bottom:1px solid #ddd;padding:10px 0;}
.product li {width:25%;margin:30px 0;position:relative;overflow:hidden;padding:0 20px;}
.product li a {overflow:hidden;display:inline-block;width:100%;}
.product li .cer_img {width:100%;overflow:hidden;height:0;display:block;align-items:center;background:#f2f2f2;padding-bottom:100%;position:relative;border-radius:10px;}
.product li .cer_img img {width:100%;position:absolute;left:50%;bottom:0;top:0;transform: translate(-50%, 0);transition: all 0.2s linear;margin:auto;}
.product li .cer_txt {margin:15px 0;}
.product li .cer_txt span {font-size:15px;padding:0 20px;border-radius:30px;line-height:24px;height:26px;display:inline-block;font-weight:500;}
.product li .cer_txt span.result1 {border:1px solid #0095ff;color:#0095ff;}
.product li .cer_txt span.result2 {border:1px solid #159550;color:#159550;}
.product li .cer_txt span.result3 {border:1px solid #6a29ee;color:#6a29ee;}
.product li .cer_txt p {margin-top:10px;font-size:16px;font-weight:500;color:#000;}
.product li a:hover .cer_txt p {}

/* sub040200_복리후생 */
.welfare {display:flex;flex-wrap:wrap;justify-content:space-between;}
.welfare > li {width:48.5%;margin-bottom:3%;background:#e9eff3;padding:40px;position:relative;}
.welfare li h4 {font-size:28px;font-weight:600;color:#003a63;}
.welfare li ul {margin-top:25px;}
.welfare li img {position:absolute;top:40px;right:40px;}

/*게시판 상세*/
.gallery_view {display:flex;flex-wrap:wrap;width:100%;}
.gallery_view > div {position:relative;}
.gallery_view > div:after {content:'';display:block;clear:both;}
.gallery_view .ceven_pslide {width:50%;}
.gallery_view .rtxt_box {width:50%;padding-left:80px;padding-top:30px;}
.ceven_pslide {margin:0 auto;}
.gallery_view .rtxt_box h4 {color:#000;font-size:20px;font-weight:600;}
.gallery_view .rtxt_box h4 .cf {color:#0095ff;margin-right:10px;}
.gallery_view .rtxt_box .info_box {padding:20px 0;}
.ceven_pslide .cpbox {position:relative;margin:0 auto;}
.ceven_pslide .cpbox .cp_ul {}
.ceven_pslide .cpbox .cp_ul .slick-prev {z-index:1;position:absolute;left:-25px;top:45%;display:block;width:50px;height:50px;background:url(./../images/common/gall_next.png) center center no-repeat rgba(0,0,0,0.7);font-size:0;transform:rotate(180deg);border-radius:100%;}
.ceven_pslide .cpbox .cp_ul .slick-next {z-index:1;position:absolute;right:-25px;top:45%;display:block;width:50px;height:50px;background:url(./../images/common/gall_next.png) center center no-repeat rgba(0,0,0,0.7);font-size:0;border-radius:100%;}
.ceven_pslide .cpbox .cp_ul li {overflow:hidden;border-radius:20px;}
.ceven_pslide .cpbox .cp_ul li a {display:block;}
.ceven_pslide .cpbox .cp_ul li a img {max-width:100%;height:auto;margin:0 auto;}
/* 썸네일 */
.ceven_pslide .cp_thumbnails {margin-top:20px;background:#f1f1f1;padding:20px 20px;border-radius:20px;}
.ceven_pslide .cp_thumbnails li {}
.ceven_pslide .cp_thumbnails li.slick-current {}
.ceven_pslide .cp_thumbnails li a {display:block;margin:0 10px;border-radius:10px;overflow:hidden;}
.ceven_pslide .cp_thumbnails li.slick-current a {border:1px solid #ddd;}
.ceven_pslide .cp_thumbnails li a img {max-width:100%;height:auto;margin:0 auto;}
.cpbox .slick-track {display:flex;justify-content:center;align-items:center;}

.info_ul {border-top:2px solid #003a63;border-bottom:1px solid #ccd8e0;margin-top:10px;}
.info_ul:after {content:"";clear:both;display:block;}
.info_ul li {display:flex;flex-wrap:wrap;width:100%;border-bottom:1px dashed #ddd;padding:25px 0;align-items:center;}
.info_ul li:last-child {border:0;}
.info_ul li span.stit {position:relative;width:100px;color:#003a63;font-size:16px;font-weight:600;line-height:normal;}
.info_ul li span.stit:after {content:"";position:absolute;right:0;top:5px;width:1px;height:13px;background:#003a63;opacity:0.3;}
.info_ul li em {display:block;width:auto;overflow:hidden;padding-left:25px;width:calc(100% - 100px);line-height:normal;}
.info_ul.wd50 li {float:left;width:50%;margin:5px 0;padding-right:10px;}
/*구매 버튼*/
.gallery_view .rtxt_box .btnArea {margin-top:30px;}
.gallery_view .rtxt_box .btnArea > a {width:100%;height:50px;line-height:49px;margin-bottom:5px;}
.gallery_view .rtxt_box .btnArea > a.btn_line:hover,
.gallery_view .rtxt_box .btnArea > a.btn_line:active,
.gallery_view .rtxt_box .btnArea > a.btn_line:focus {line-height:49px;}

/*제품특징*/
.prod_contents {display:inline-block;margin-top:100px;width:100%;}
.prod_contents .tit {display:block;padding:20px 0;font-size:18px;color:#003a63;border-top:2px solid #003a63;border-bottom:1px solid #ccd8e0;font-weight:600;text-align:center;}
.prod_contents .prod_con1 {/*padding:60px 0;*/text-align:center;}

/* 페이지 */
.pagination_box {margin-top:30px;text-align:center;}
.pagination_box .pagination li {display:inline-block;vertical-align:top;}
.pagination_box .pagination li a {display:inline-block;width:40px;height:40px;line-height:42px;padding:0;background:#fff;text-align:center;color:#777;border-radius:50%;}
.pagination_box .pagination > li > a, .pagination > li > span {border:0;}
.pagination_box .pagination li.prev_first a span {margin:0;font-size:0;}
.pagination_box .pagination li.prev a span {font-size:0;}
.pagination_box .pagination li.next a span {font-size:0;}
.pagination_box .pagination li.next_last a span {font-size:0;}
.pagination_box .pagination li a span {padding:0;}
.pagination_box .pagination li a.on {border:none;background:#003a63;color:#fff;}

/* 사이트맵 */
.sitemap > ul {letter-spacing:-5px;border-top:3px solid #003a63;}
.sitemap > ul:after {content:"";display:block;clear:both;}
.sitemap > ul > li {position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:50px 50px;font-size:25px;letter-spacing:0;border-bottom:1px dashed #ddd;}
.sitemap > ul > li:after {content:'';display:block;clear:both;}
.sitemap > ul > li > a {position:relative;display:inline-block;font-weight:600;color:#222;width:200px;}
.sitemap > ul > li > a:after {content:'';position:absolute;left:-20px;top:0;bottom:0;margin:auto 0;background:#0095ff;width:0;height:3px;transition:all .4s;-webkit-transition:all .4s;}
.sitemap > ul > li:hover > a:after {width:10px;}
.sitemap > ul > li:hover > a {color:#0095ff;}
.sitemap > ul > li ul {width:calc(100% - 200px);display:flex;flex-wrap:wrap;align-items:center;}
.sitemap > ul > li ul li {padding:0 30px;display:flex;}
.sitemap > ul > li ul li a {font-size:17px;}
.sitemap > ul > li ul li:hover a {color:#0095ff;text-decoration:underline;}

.addbox {display: flex;flex-wrap: wrap;gap:10px;}
.addbox span:nth-child(1) {}
.addbox span:nth-child(2) {width: 100%;}
.addbox span:nth-child(3) {width: 50%;}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/* 사이트맵 */
		.sitemap > ul > li {font-size:23px;padding:50px 30px;}
		.sitemap > ul > li > a {width:180px;}
		.sitemap > ul > li ul {width:calc(100% - 180px);}
		.sitemap > ul > li ul li {padding:0 20px;}
		.sitemap > ul > li ul li a {font-size:16px;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 사이트맵 */
		.sitemap > ul > li {padding:30px 5%;font-size:20px;}
		.sitemap > ul > li > a {width:100%;}
		.sitemap > ul > li ul {padding-left:0;width:100%;margin-top:15px;}
		.sitemap > ul > li ul li {padding:0 20px 0 0;margin:5px 0;}
		.sitemap > ul > li ul li a {font-size:14px;}


        .addbox span:nth-child(1) {}
        .addbox span:nth-child(2) {width: 100%;}
        .addbox span:nth-child(3) {width: 100%;}
	}
								
    
	/* pc */
    @media only screen and (max-width:1499px){
		/* sub010100_인사말 */
        .getting .wrap {padding:0 3% 0 100px;}
        
        /* sub010200_연혁 */
        .history li span {font-size:50px;}
        .history li em {font-size:25px;}
        
        /* sub010300_조직도 */
        ul.group2 {padding:0 10%;}
        ul.group3 > li {width:25%;}
        ul.group3 > li span {width:100%;}
        ul.group:before {width:75%;}
        
        /* sub02_사업영역(공통) */
        .city_project ul li .city_txt {padding:50px;}

		/* sub030100_사업실적 */
		.product li {width:33.33%;padding:0 10px;}
		
	}
	@media only screen and (max-width:1199px){
		/* sub010100_인사말 */
        .getting {flex-direction:column-reverse;}
        .getting .wrap {padding:0 3% 0 5%;width:100%;}
        .getting .get_img {width:100%;text-align:right;}
        .getting .get_img img {width:100%;}
        .getting .get_img {padding-left:5%;}
	}
	/* 태블릿 */
	@media only screen and (max-width:1023px){
        /*** 공통_탭 ***/
		.tap_btn {display:none;}
		.tap_btn2 {dispLay:flex;flex-wrap:wrap;}
		.tap_btn2.on {dispLay:block;position:absolute;top:50px;left:0;width:100%;background:#fff;z-index:101;max-height:300px;overflow-y:scroll;}
		.tap_btn2 {padding:15px 15px;background:#ebf2f7;}
		.tap_btn2 li {line-height:40px;width:50%;text-align:center;padding:3px;}
		.tap_btn2 li a {display:block;text-decoration:none;font-size:14px;background:#fff;border-radius:30px;width:98%;margin:0 auto;}
		.tap_btn2 li.on a,
		.tap_btn2 li:hover a,
		.tap_btn2 li:focus a,
		.tap_btn2 li:active a {font-weight:600;color:#fff;background:#0095ff;}
        
        /* 상세 */
        .gallery_view .ceven_pslide {width:100%;}
        .gallery_view .rtxt_box {padding-left:0;margin-top:40px;width:100%;}
        .prod_contents {margin-top:60px;}
        
        /* sub010100_인사말 */
        .getting .half .gtxt {font-size:16px;line-height:35px;}
        
        /* sub010200_연혁 */
        .history li span {font-size:40px;padding-right:20px;}
        .history li em {font-size:20px;padding:20px 20px 10px 20px;}
        .history li p {font-size:16px;padding:0 20px;}
        
        /* sub010300_조직도 */
        .org_box .ceo {width:200px;height:200px;}
        .org_box .ceo span {font-size:25px;}
        ul.group > li {width:40%;}
        ul.group > li span {width:100%;font-size:18px;}
        ul.group3 > li {padding:0 5px;width:25%;}
        ul.group3 > li > span {font-size:18px;}
        
        /* sub010400_오시는길 */
        .map iframe {height:400px;}
        .map ul {margin-top:20px;}
        .map ul li {width:100%;display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid #ddd;padding:20px;align-items:center;}
        .map ul li:last-child {border-bottom:0;}
        .map ul li .map_icon {width:100px;height:100px;margin:0;}
        .map ul li .map_icon img {height:35%;}
        .map ul li .map_txt {width:calc(100% - 100px);text-align:left;padding-left:30px;margin-top:0;}
        .map ul li .map_txt p br {display:none;}
        
        /* sub02_사업영역(공통) */
        .city_project .city_title {padding:40px 0;}
        .city_project .city_title p {font-size:20px;line-height:30px;}
        .city_project ul li .city_txt {padding:40px 30px;}
        .city_project ul li .city_txt h4 {font-size:25px;}
        .city_project ul li .city_txt p {font-size:14px;}
        
        /* sub040200_복리후생 */
        .welfare > li {width:100%;}

		.product li {width:50%;margin:20px 0;padding:0 20px;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		.tap_btn2 {padding:10px;}
		.tap_btn2 li {line-height:35px;padding:2px 0;}
		.tap_btn2 li a {font-size:13px;}
        /*썸네일*/
        .ceven_pslide .cpbox .cp_ul .slick-prev {left:-15px;}
        .ceven_pslide .cpbox .cp_ul .slick-next {right:-15px;}
        .ceven_pslide .cpbox .cp_ul .slick-prev,
        .ceven_pslide .cpbox .cp_ul .slick-next {width:40px;height:40px;}
        .ceven_pslide .cp_thumbnails {margin-top:15px;}
        /*** 정보_리스트 ***/
        .info_ul {margin-top:0;}
        .info_ul li {padding:20px 0;}
        .info_ul li span.stit {font-size:14px;font-weight:600;}
        .info_ul li em {font-size:14px;}
        .gallery_view .rtxt_box {margin-top:10px;}
        .gallery_view .rtxt_box h4 {font-size:16px;}
        .gallery_view .rtxt_box .btnArea {margin-top:0;}
        .prod_contents {margin-top:40px;}
        .prod_contents .tit {font-size:14px;}
        
         /* sub010100_인사말 */
        .getting {padding:40px 0;}
        .getting .half strong {font-size:20px;margin-bottom:20px;margin-top:50px;}
		.getting .half .gtxt {font-size:14px;line-height:30px;}
        .getting .half div p {font-size:16px;}
        .getting .half div p em {margin:0 20px 0 10px;}
        .getting .half div span {font-size:40px;}
        

        /* sub010300_조직도 */
        .org_box .ceo {width:160px;height:160px;margin:0 auto 30px auto;}
        .org_box .ceo span {font-size:20px;line-height:normal;   height:auto;margin-top:10px;}
        .group span {height:50px;line-height:50px;}
        ul.group > li {width:50%;}
        ul.group > li span {width:100%;font-size:14px;padding:0 15px;}
        ul.group2 {padding:0;margin-top:20px;}
        ul.group3 {padding-top:30px;margin-top:0;}
        ul.group3:after {top:-150px;height:180px;}
        ul.group3:before {display:none;}
        ul.group3 > li {padding:0 5px;width:100%;}
        ul.group3 > li:before {display:none;}
        ul.group3 > li+ li {margin-top:5px;}
        ul.group3 > li > span {font-size:14px;height:50px;line-height:44px;}
        
        /* sub010400_오시는길 */
        .map iframe {height:300px;}
        .map ul li {padding:20px 0;}
        .map ul li .map_icon {width:80px;height:80px;margin:0;}
        .map ul li .map_txt {width:calc(100% - 80px);padding-left:5%;font-size:14px;}
        
        /* sub02_사업영역(공통) */
        .city_project .city_title {padding:25px 5%;}
        .city_project .city_title p {font-size:16px;line-height:normal;}
        .city_project .city_title p br {display:none;}
        .city_project ul {margin-top:30px;}
        .city_project ul li {margin-bottom:10px;}
        .city_project ul li .city_img {width:100%;}
        .city_project ul li .city_img img {height:auto;width:100%;}
        .city_project ul li .city_txt {width:100%;}
        .city_project ul li .city_txt {padding:20px 0;}
        .city_project ul li .city_txt h4 {font-size:20px;padding-bottom:15px;margin-bottom:15px;}
        
        /* sub040200_복리후생 */
        .welfare > li {padding:30px 20px;}
        .welfare li h4 {font-size:20px;}
        .welfare li img {top:20px;right:20px;max-width:50px;}

		.product li {width:50%;margin:10px 0;padding:0 5px;}
	}


/* 반응형테이블 */
@media screen and (max-width:1023px){
    .boardList table {border-top:#a6a6a6 solid 1px;}
    .boardList table thead {display:none;}
    .boardList table colgroup {display:none;}
    .boardList table tbody tr {display:block; position:relative; border-bottom:1px solid #222;/*padding:10px 0;*/}
    .boardList table tbody tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
    .boardList table tbody tr:nth-child(odd) {background:#f9f9f9;}
    .boardList table tbody td {display:block; padding:5px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;width:100%;}
    .boardList table tbody td p {overflow:unset;width:calc(100% - 50px);text-overflow:unset;white-space:unset;word-wrap:unset;display:inline-flex;-webkit-line-clamp: unset;line-height:23px;}
    .boardList table tbody th {display:block; padding:2px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle; }
    .boardList table tbody tr:first-child td, .boardList table tbody tr:first-child th {border-top:none;}
    .boardList table tbody td.table_p {align-items:flex-start;}
    .boardList table > tbody > th:before, .boardList table > tbody td:before {content:attr(data-content)' : '; display:inline;font-weight:600;color:#3d3d3d;padding-right:10px;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */
    .boardList table tfoot {display:block;}
    .boardList table tfoot tr {display:block; position:relative; border-bottom:1px solid #d9d9d9;}
    .boardList table tfoot tr:after {content:"."; display:block; clear:both; visibility:hidden; height:0;}
    .boardList table tfoot tr:nth-child(odd) {background:#e8fff3;}
    .boardList table tfoot td {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; box-sizing:border-box;}
    .boardList table tfoot th {display:block; padding:4px 3%; border:none; background-color:transparent; text-align:left; vertical-align:middle;}
    .boardList table tfoot tr:first-child td, .boardList table tfoot tr:first-child th {border-top:none;}
    .boardList table tfoot th:before, .boardList table tfoot td:before {content:attr(data-content)' : '; display:inline;}/* thead의 내용을 tbody의 th, td에 각각 삽입 */

    .boardList table tbody tr td {text-align: left !important;}
    div.boardListContainer div.boardList table tbody tr td {display:flex;padding:12px 10px;}
}

.btn {line-height: 1.4;}