@charset "utf-8";
/* CSS Document */

#main{padding-top:170px;}
#main .visual{height:440px; /*background-image:url('/img/visual_bg1.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;*/ background-color:#f7f7f7;}
#main .visual .size{height:100%; position:relative;}
#main .visual .txt_area{display:none; height:100%; max-width:500px;}
#main .visual .txt_area.on{display:block;}
#main .visual .txt_area strong{display:block; line-height:1; font-size:2.4rem; font-weight:800; color:#a92a55;}
#main .visual .txt_area p{margin-top:12px; line-height:1; font-size:4rem; font-weight:800; }
#main .visual .swiper_area{height:min-content; max-width:740px; width:100%; box-shadow: 0px 0px 33.54px 9.46px rgba(0, 0, 0, 0.1); position:absolute; top:64px; right:40px; z-index:10;}
#main .visual .swiper_area a{display:block;}
#main .visual .swiper_area a img{display:block; width:100%;}
#main .section1 .inner{padding:140px 0 120px 0; position:relative;}
#main .section1 .side_cont{width:320px; position:absolute; top:140px; left:0; z-index:10;}
#main .section1 .side_cont .tit_area h3{line-height:1; font-size:6rem; font-weight:800;}
#main .section1 .side_cont .tit_area p{margin-top:12px; line-height:1; font-size:1.6rem; font-weight:500;}
#main .section1 .side_cont .url_area{margin-top:78px;}
#main .section1 .side_cont .url_area a{display:block; width:254px; height:50px; line-height:50px; border-radius:25px; background-color:#f7f7f7; color:#5b5b5b; font-size:1.5rem; text-align:center; margin-top:10px; transition:all .2s ease;}
#main .section1 .side_cont .url_area a:first-child{margin-top:0;}
#main .section1 .side_cont .url_area a:hover{background-color:#a92a55; color:#fff; box-shadow: 0px 0px 13px 0px rgba(170, 41, 84, 0.7);}
#main .section1 .main_cont{padding-left:320px; box-sizing:border-box;}
#main .section1 .cont1 .notice{border-top:4px solid #222; box-sizing:border-box;}
#main .section1 .cont1 .notice li{border-bottom:1px solid #dadada; box-sizing:border-box;}
#main .section1 .cont1 .notice li a{display:block; height:130px; padding-left:5px; padding-right:100px; box-sizing:border-box; background-image:url('/img/arr2_right_gray.svg'); background-size:30px 24px; background-position:right 50px center; background-repeat:no-repeat; transition: all .2s ease;}
#main .section1 .cont1 .notice li a:hover{background-image:url('/img/arr2_right_hov.svg')}
#main .section1 .cont1 .notice .date{float:left; width:150px; height:100%; padding:42px 0; box-sizing:border-box;}
#main .section1 .cont1 .notice .date span{display:block; text-align:center; font-size:1.4rem; line-height:14px; font-weight:300;}
#main .section1 .cont1 .notice .date strong{margin-top:2px; display:block; text-align:center; font-size:3rem; line-height:30px; font-weight:800;}
#main .section1 .cont1 .notice .content{float:left; width:calc(100% - 150px); height:100%; padding-left:125px; box-sizing:border-box; position:relative;}
#main .section1 .cont1 .notice .content p{font-size:2rem; font-weight:800;}
#main .section1 .cont1 .notice .content .sort{width:120px; height:25px; margin-top:-12.5px; line-height:23px; border-radius:12.5px; border:1px solid #a92a55; box-sizing:border-box; color:#a92a55; font-size:1.2rem; font-weight:800; text-align:center; position:absolute; top:50%; left:0; transition:all .2s ease;}
#main .section1 .cont1 .notice li a:hover .sort{background:#a92a55; color:#fff;}
#main .section1 .cont2{margin-top:20px;}
#main .section1 .cont2 .news{width:102.1%; margin-left:-2.1%;}
#main .section1 .cont2 .news li{float:left; width:31.23%; margin-left:2.1%;}
#main .section1 .cont2 .news li a{display:block; height:296px; padding:40px; border:1px solid #dadada; background-color:rgba(255, 255, 255, 0.95); box-sizing:border-box; background-image:url('/img/arr2_right_gray.svg'); background-size:30px 24px; background-position:right 40px bottom 40px; background-repeat:no-repeat; transition: all .2s ease;}
#main .section1 .cont2 .news li a:hover{background-image:url('/img/arr2_right_hov.svg');}
#main .section1 .cont2 .news .sort{min-width:70px; display:inline-block; height:25px; line-height:24px; border-radius:12.5px; border:1px solid #a92a55; padding:0 15px; box-sizing:border-box; color:#a92a55; font-size:1.2rem; font-weight:800; text-align:center; transition: all .2s ease;}
#main .section1 .cont2 .news li a:hover .sort{background:#a92a55; color:#fff;}
#main .section1 .cont2 .news .content{margin-top:14px; font-size:2rem; line-height:1.4; font-weight:800; word-break:break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-break:break-all; word-wrap:break-word;}
#main .section1 .cont2 .news .date{margin-top:25px;font-size:1.4rem; line-height:1; font-weight:700; color:#999;}

#sub_visual{width:100%;/* background-size:auto 180px;*/ background-position:center; background-repeat:no-repeat; background-size:cover;}
#sub_visual .txt_area{height:180px;}
#sub_visual .txt_area h2{font-size:3rem; font-weight:800; color:#fff; line-height:1;}
#sub_visual .txt_area p{font-size:1.4rem; font-weight:500; color:rgba(255, 255, 255, 0.5); line-height:1; margin-top:15px;}

#sub.company .inner{padding:88px 0 260px; box-sizing:border-box;}

#sub.view .inner{padding:44px 0 260px; box-sizing:border-box;}
#sub.view .view_tit{font-size:38px; font-weight:600; line-height:1.1; margin:0; letter-spacing:-.5px;}
#sub.view .view{margin-top:22px;}
#sub.view .view .title{height:60px; padding:0 50px; border-bottom:1px solid #adadad; box-sizing:border-box; background:#fafafa; }
#sub.view .view .title .sort_txt{color:#a92a55;}
#sub.view .view .title .side_right > div, #sub.view .view .title .side_left > div{ font-size:1.4rem; font-weight:800; line-height:59px;}
#sub.view .view .title .side_right > div{float:left; padding:0 14px; box-sizing:border-box; position:relative;}
#sub.view .view .title .side_right > div.hit{padding-right:0;}
#sub.view .view .title .side_right > div::before{display:block; content:''; clear:both; width:1px; height:10px; margin-top:-5px; background:#dadada; position:absolute; top:50%; left:-0.5px; z-index:5;}
#sub.view .view .title .side_right > div:first-child::before{display:none;}

#sub.view .viewBtn{display:inline-block; width:180px; height:40px; line-height:38px; border:1px solid #222; box-sizing:border-box; background:#fff; font-weight:500; transition: all .2s ease;}
#sub.view .viewBtn:hover{background:#222; color:#fff;}

#sub.intro .sign{margin:0 auto; width:100%; max-width:790px; height:280px; background:#fff; border-radius:30px; padding:20px; box-sizing:border-box; box-shadow: 0px 0px 13px 0px rgba(0, 169, 167, 0.11);}
#sub.intro .sign.sapenet{box-shadow: 0px 0px 13px 0px rgba(0, 169, 167, 0.11);}
#sub.intro .sign.consumer{box-shadow: 0px 0px 13px 0px rgba(169, 42, 85, 0.11);}
#sub.intro.ica .sign.consumer {box-shadow:0px 0px 13px 0px rgba(0,169,167,0.11);}
#sub.intro .sign.alliance{box-shadow: 0px 0px 13px 0px rgba(91, 16, 139, 0.11);}
#sub.intro .sign.medical{box-shadow: 0px 0px 13px 0px rgba(16, 139, 91, 0.11);}
#sub.intro .sign.carbon{box-shadow: 0px 0px 13px 0px rgba(169, 42, 85, 0.11);}
#sub.intro .sign.healing{box-shadow: 0px 0px 13px 0px rgba(16, 138, 161, 0.11);}
#sub.intro .sign.withsapenet{box-shadow: 0px 0px 13px 0px rgba(0, 170, 166, 0.11);}

#sub.intro .sign .img_box{text-align:center; font-size:0;}
#sub.intro .sign.withsapenet .img_box {font-size:4rem; color:#00aaa6; font-weight:900;}
#sub.intro .sign.withsapenet .img_box img{width:226px; height:55px; margin-top:-30px}
#sub.intro .sign.sapenet .img_box img{width:226px; height:55px;}
#sub.intro .sign.alliance .img_box img{width:305px; height:55px;}
#sub.intro .sign.medical .img_box img{width:305px; height:55px;}
#sub.intro .sign.medical .img_box .txt{font-size:4.6rem; font-weight:900; color:#108b5b;}
#sub.intro .sign.consumer .img_box img{width:157px; height:74px;}
#sub.intro .sign.carbon .img_box img{width:305px; height:55px;}
#sub.intro .sign.carbon .img_box .txt{font-size:4.6rem; font-weight:900; color:#a92a55; line-height:1;}
#sub.intro .sign.healing .img_box img{width:74px; height:76px;}
#sub.intro .sign p{margin-top:15px; display:block; text-align:center; font-size:2rem; font-weight:200; line-height:1.5;}
#sub.intro.ica .sign p {margin: 0 0 20px;}
#sub.intro .sign.sapenet span{color:#00a9a7; font-weight:800;}
#sub.intro .sign strong{margin-top:10px; display:block; text-align:center; font-size:2.6rem; font-weight:800; line-height:1.1;}
#sub.intro .sign.sapenet strong{color:#00a9a7;}
#sub.intro .sign.alliance strong{color:#5b108b;}
#sub.intro .sign.medical strong{color:#108b5b;}
#sub.intro .sign.consumer strong{color:#a92a55; margin-top:5px;}
#sub.intro .sign.carbon strong{color:#a92a55;}
#sub.intro .sign.healing strong{color:#108aa1;}
#sub.intro .sign.withsapenet strong{color:#00aaa6;}
#sub.intro .side_box .flag{width:48px; height:60px;}
#sub.intro .side_box .bulb{width:48px; height:60px;}
#sub.intro .side_box .star{width:54px; height:60px;}
#sub.intro .side_box .flower{width:48px; height:60px;}
#sub.intro .side_box .sandglass{width:53px; height:60px;}
#sub.intro .article .line_txt{display:inline-block; line-height:1; font-size:2.6rem; font-weight:800; position:relative;}
#sub.intro .article .line_txt::before{display:block; content:''; clear:both; width:100%; height:13px; background-color:#f6d8e2; position:absolute; bottom:-5px; left:0; z-index:-1;}
#sub.intro .article .line_space{display:inline-block; width:4px;}
#sub.intro .article .dot_word{padding-left:11px; box-sizing:border-box; font-size:1.6rem; font-weight:400; line-height:1.7; position:relative;}
#sub.intro .article .dot_word:before{display:block; content:''; width:6px; height:6px; border-radius:50%; box-sizing:border-box; background:#aa2854; position:absolute; top:9px; left:0;}
#sub.intro .article .dot_list li{margin-top:15px; padding-left:11px; box-sizing:border-box; font-size:1.6rem; font-weight:400; line-height:1.7; position:relative;}
#sub.intro .article .dot_list li:first-child{margin-top:0;}
#sub.intro .article .dot_list li:before{display:block; content:''; width:6px; height:6px; border-radius:50%; box-sizing:border-box; background:#aa2854; position:absolute; top:9px; left:0;}
#sub.intro .inner{padding:68px 0 260px;}
#sub.intro.ica .inner {padding:68px 25px 260px; box-sizing:border-box;}
#sub.intro .tit_area{margin-top:58px; padding-left:50px; box-sizing:border-box; position:relative;}
#sub.intro .tit_area::before{display:block; content:''; clear:both; width:30px; height:3px; margin-top:-1.5px; background:#222; position:absolute; top:50%; left:0;}
#sub.intro .tit_area h3{font-size:2rem; font-weight:800; line-height:1;}
#sub.intro .cont_area{padding:0 0 0 50px; box-sizing:border-box; margin-top:26px;}
#sub.intro.ica .cont_area{padding:0;margin-top:0;}
#sub.intro.ica .cont_area {border-top:1px solid #d4d4d4;}
#sub.intro .tit_wrap p{font-size:2.6rem; font-weight:300; line-height:1.45;}
#sub.intro .cont_wrap{margin-top:52px;}
#sub.intro.ica .cont_wrap{margin-top:0;}
#sub.intro .cont_wrap .cont{min-height:280px; border-bottom:1px solid #d4d4d4; padding:80px 0; box-sizing:border-box; position:relative;}
#sub.intro .cont_wrap .cont.organize {padding-bottom:0;}
#sub.intro.ica .cont_wrap .cont {padding:70px 0;}
#sub.intro .cont_wrap .cont:first-child{border-top:1px solid #d4d4d4; padding-bottom:52px;}
/* #sub.intro .cont_wrap .cont.vision{border-top:1px solid #d4d4d4;} */
#sub.intro.ica .cont_wrap .cont:first-child{border-top:none;}
#sub.intro .side_box{width:190px; padding-right:20px; box-sizing:border-box; position:absolute; top:80px; left:0;}
#sub.intro .side_box p{font-size:1.8rem; font-weight:800; line-height:1.4;}
#sub.intro .side_box img{margin-top:30px;}
#sub.intro .article{padding-left:190px; box-sizing:border-box;}
#sub.intro .history .tit_box strong{display:block; font-size:4rem; font-weight:600; line-height:1; font-style:italic;}
#sub.intro .history .list{margin-top:20px;}
#sub.intro .history .list:first-child{margin-top:0px;}
#sub.intro .history .list > ul{margin-top:20px;}
#sub.intro .history .list > ul li{background:#f7f7f7; border-radius:20px; margin-top:10px; position:relative;}
#sub.intro .history .list > ul li:first-child{margin-top:0;}
#sub.intro .history .list > ul li .date{font-size:1.6rem; font-weight:800; padding-left:30px; height:70px; line-height:70px; position:absolute; top:0; left:0;}
#sub.intro .history .list > ul li .contents{padding:25px 10px 25px 120px; line-height:20px; font-size:1.6rem; padding-left:120px; box-sizing:border-box;}

#sub.intro_idx .article .dot_list li:before{background:#00a9a7;}
#sub.intro_idx .section1 .cont_wrap .cont .side_box p{color:#00a9a7;}
#sub.intro_idx .vision .out_box{width:100%; height:300px; border-radius:150px; border:15px solid #00a9a7; padding:0 50px; box-sizing:border-box;}
#sub.intro_idx .vision .out_box li{float:left;}
#sub.intro_idx .vision .out_box .circ{width:19.36%; background:#f7f7f7;}
#sub.intro_idx .vision .out_box .circ b{display:block; text-align:center; font-size:1.8rem; font-weight:800; line-height:1;}
#sub.intro_idx .vision .out_box .circ p{margin-top:9px; text-align:center; font-size:1.2rem; font-weight:800; color:#a8a8a8; line-height:1;}
#sub.intro_idx .vision .out_box .plus{width:7.52%; height:100%; background-image:url('/img/ico_plus_bl.svg'); background-size:70%; background-repeat:no-repeat; background-position:center;}
#sub.intro_idx .organize .side_box img{width:60px; height:60px;}
#sub.intro_idx .organize .tit_box{padding-left:11px; box-sizing:border-box; font-size:1.6rem; line-height:1.7; position:relative;}
#sub.intro_idx .organize .tit_box:before{display:block; content:''; clear:both; width:6px; height:6px; border-radius:50%; background:#00a9a7; position:absolute; top:9px; left:0;}
#sub.intro_idx .organize .org_list{margin-top:38px;}
#sub.intro_idx .organize .org_list ul{width:102.12%; margin-left:-2.12%; margin-top:-2.12%;}
#sub.intro_idx .organize .org_list ul li{float:left; width:47.88%; height:185px; margin-left:2.12%; margin-top:2.12%; border-radius:20px; padding:10px; box-sizing:border-box; background-color:#f7f7f7;}
#sub.intro_idx .organize .org_list .img_box{float:left; width:47%; height:100%; background-position:center; background-repeat:no-repeat;}
#sub.intro_idx .organize .org_list .img_box.org1{background-image:url('/img/ico_organize1.svg'); background-size:149px 35px;}
#sub.intro_idx .organize .org_list .img_box.org2{background-image:url('/img/ico_organize2.svg'); background-size:35px 75px;}
#sub.intro_idx .organize .org_list .img_box.org3{background-image:url('/img/ico_organize3.svg'); background-size:98px 56px;}
#sub.intro_idx .organize .org_list .img_box.org4{background-image:url('/img/ico_organize4.svg'); background-size:74px 57px;}
#sub.intro_idx .organize .org_list .txt_box{float:left; width:53%; height:100%; padding-left:16px; box-sizing:border-box;}
#sub.intro_idx .organize .org_list .txt_box b{display:block; line-height:1; font-size:1.8rem; font-weight:800;}
#sub.intro_idx .organize .org_list .txt_box p{margin-top:14px; font-size:1.4rem; font-weight:600; color:#6f6f6f; line-height:1.5;}

#sub.intro1 .side_box p{color:#a92a55;}
#sub.intro1 .article .dot_word:before{background:#a92a55;}
#sub.intro1 .article .dot_list li:before{background:#a92a55;}
#sub.intro1 .purpose .box1 .img_box{font-size:0; text-align:center; margin-top:25px;}
#sub.intro1 .purpose .box1 .img_box img{width:285px; height:100px;}
#sub.intro1 .purpose .box1 .icoop_i{width:15px; height:45px;}
#sub.intro1 .purpose .box1 .icoop_coop{width:136px; height:47px;}
#sub.intro1 .purpose .box1 ul{width:102.3%; margin-left:-2.3%; margin-top:44px;}
#sub.intro1 .purpose .box1 ul li{float:left; width:17.7%; margin-left:2.3%;}
#sub.intro1 .purpose .box1 ul li .top_img{height:232px; border-radius:30px; box-shadow: 0px 0px 13px 0px rgba(169, 42, 85, 0.11);}
#sub.intro1 .purpose .box1 ul li .top_img .imgs{font-size:0; text-align:center;}
#sub.intro1 .purpose .box1 ul li .top_img .txts{margin-top:11px; height:2.2rem; font-size:2.2rem; font-weight:800; line-height:1; color:#b8b8b8; text-align:center;}
#sub.intro1 .purpose .box1 ul li .bot_txt{margin-top:33px;}
#sub.intro1 .purpose .box1 ul li .bot_txt p{font-size:1.8rem; text-align:center;}
#sub.intro1 .purpose .box1 ul li .bot_txt p b{font-weight:800;}
#sub.intro1 .purpose .box2{margin-top:80px;}
#sub.intro1 .purpose .box2 .dot_word p.st1{margin-top:5px; color:#a92a55; font-weight:700;}
#sub.intro1 .purpose .box2 .listup{margin-top:22px;}
#sub.intro1 .purpose .box2 ul{width:101.92%; margin-left:-1.92%; margin-top:-1.92%;}
#sub.intro1 .purpose .box2 ul li{float:left; width:31.41%; max-height:208px; margin-left:1.92%; margin-top:1.92%; background:#f7f7f7; border-radius:20px; padding:48px; box-sizing:border-box; font-size:0;}
#sub.intro1 .purpose .box2 ul li img{height:45px;}
#sub.intro1 .purpose .box2 ul li .txt_wrap{margin-top:28px;}
#sub.intro1 .purpose .box2 ul li .txt_wrap p{line-height:1.1; font-size:1.6rem;}
#sub.intro1 .purpose .box2 ul li .txt_wrap b{display:block; line-height:1; margin-top:5px; font-size:1.8rem; font-weight:800; color:#a92a55;}
#sub.intro1 .combine1 p.dot_word{margin-top:26px;}
#sub.intro1 .combine2 .comb_box{margin-top:42px;}
#sub.intro1 .combine2 .comb_box:first-child{margin-top:0;}
#sub.intro1 .combine2 .dot_word{margin-top:26px;}
#sub.intro1 .combine2 .dot_word b{display:block; font-size:1.6rem; font-weight:700; color:#a92a54;}
#sub.intro1 .combine2 .dot_word > span {display:block; font-size:1.4rem;}
#sub.intro1 .combine2 ul{margin-top:55px;}
/* #sub.intro1 .combine2 ul li{float:left; width:33.33%; padding:5px 20px 0; box-sizing:border-box; position:relative;} */
#sub.intro1 .combine2 ul li{float:left; width:50%; padding:5px 20px 0; box-sizing:border-box; position:relative; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center; -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
#sub.intro1 .combine2 ul li::before{display:block; content:''; clear:both; width:1px; height:279px; background:#dfdfdf; position:absolute; left:-0.5px; top:0; z-index:5;}
#sub.intro1 .combine2 ul li:first-child::before{display:none;}
#sub.intro1.ica .combine2 ul{margin-top:10px; padding-left:11px;}
#sub.intro1.ica .combine2 ul li{float:unset; width:100%; padding:0; box-sizing:border-box; position:static;}
#sub.intro1.ica .combine2 ul li::before{display:none;}
#sub.intro1 .combine2 .comb_ico1{width:27px; height:26px;}
#sub.intro1 .combine2 .comb_ico2{width:38px; height:27px;}
#sub.intro1 .combine2 .comb_ico3{width:28px; height:28px;}
#sub.intro1 .combine2 .top_wrap .imgs{margin:0 auto; width:60px; height:60px; line-height:60px; border-radius:50%; background:#a92a55; text-align:center; font-size:0;}
#sub.intro1 .combine2 .top_wrap b{margin-top:18px; display:block; line-height:1; font-size:2rem; font-weight:800; color:#a92a54; text-align:center;}
#sub.intro1 .combine2 .btm_wrap{margin-top:34px;}
#sub.intro1 .combine2 .btm_wrap p{font-size:1.6rem; line-height:1.75; letter-spacing:-0.7px; word-spacing:-1px; margin-top:10px;}
#sub.intro1 .combine2 .btm_wrap p:first-child{margin-top:0;}

#sub.intro2 .side_box p{color:#5b108b;}
#sub.intro2 .article .dot_list li:before{background:#5b108b;}
#sub.intro2 .article .dot_list li span{font-weight:700; color:#5b108b;}
#sub.intro2 .vision .img_box{font-size:0; padding:0 20px; box-sizing:border-box; text-align:center;}
#sub.intro2 .vision .img_box img{max-width:100%; width:433px;}
#sub.intro2 .vision .dot_list{margin-top:44px;}
#sub.intro2 .member .member_list ul{width:101.92%; margin-left:-1.92%;}
/* #sub.intro2 .member .member_list ul li{float:left; width:31.41%; height:260px;  padding:48px; box-sizing:border-box; margin-left:1.92%; background-color:#f7f7f7; border-radius:20px; position:relative;} */
#sub.intro2 .member .member_list ul li{float:left; width:48%; height:260px;  padding:48px; box-sizing:border-box; margin-left:1.92%; background-color:#f7f7f7; border-radius:20px; position:relative;}
#sub.intro2 .member .member_list .top_wrap strong{display:block; line-height:1; font-size:1.8rem; font-weight:800;}
#sub.intro2 .member .member_list .top_wrap p{font-size:1.4rem; font-weight:600; color:#6f6f6f; margin-top:16px; line-height:1.57; word-break:break-all;}
#sub.intro2 .member .member_list .total_memb{position:absolute; bottom:48px; left:48px;}
#sub.intro2 .member .member_list .total_memb b{display:block; line-height:1; color:#5b108b; font-size:1.4rem; font-weight:600;}
#sub.intro2 .member .member_list .total_memb .tot_num{font-size:1.6rem; line-height:1; font-weight:600; margin-top:10px;}
#sub.intro2 .member .member_list .total_list{margin-top:20px;}
#sub.intro2 .member .member_list .total_list p{width:100%; height:70px; line-height:70px; border-radius:20px; font-size:1.8rem; color:#5b108b; font-weight:800; background:#f8f4fc; text-align:center;}
#sub.intro2 .history ul li.st1{background:#f8f4fc;}

#sub.intro3 .side_box p{color:#108b5b;}
#sub.intro3 .article .dot_list li:before{background:#108b5b;}
#sub.intro3 .vision .vis_box{margin-top:42px;}
#sub.intro3 .vision .vis_box:first-child{margin-top:0px;}
#sub.intro3 .vision .vis_box .line_txt::before{background-color:#d9f0e7;}
#sub.intro3 .vision .vis_box .dot_list{margin-top:20px;}
#sub.intro3 .branch .branch_list ul{width:101.92%; margin-left:-1.92%; margin-top:-1.92%;}
#sub.intro3 .branch .branch_list ul li{float:left; width:31.41%; height:216px;  padding:48px; margin-left:1.92%; margin-top:1.92%; box-sizing:border-box; background-color:#f7f7f7; border-radius:20px; position:relative;}
#sub.intro3 .branch .branch_list .top_wrap strong{display:block; line-height:1; font-size:1.8rem; font-weight:800;}
#sub.intro3 .branch .branch_list .top_wrap p{font-size:1.4rem; font-weight:600; color:#6f6f6f; margin-top:16px; line-height:1.57;}
#sub.intro3 .branch .branch_list .bot_wrap{position:absolute; bottom:48px; left:48px;}
#sub.intro3 .branch .branch_list .bot_wrap b{display:block; line-height:1; color:#108b5b; font-size:1.4rem; font-weight:600;}
#sub.intro3 .branch .branch_list .bot_wrap p{font-size:1.6rem; line-height:1; font-weight:600; margin-top:10px;}
#sub.intro3 .business .article .dot_list li{margin-top:6px;}
#sub.intro3 .business .bus_box{float:left;}
#sub.intro3 .business .bus_box:first-child{width:400px;}
#sub.intro3 .business .bus_box strong{display:inline-block; line-height:1; font-size:2.6rem; font-weight:800; position:relative;}
#sub.intro3 .business .bus_box strong::before{display:block; content:''; clear:both; width:100%; height:13px; background-color:#d9f0e7; position:absolute; bottom:-5px; left:0; z-index:-1;}
#sub.intro3 .business .bus_box .dot_list{margin-top:20px;}
#sub.intro3 .history .tab_area .mo_drp{display:none; height:60px; line-height:60px; border-radius:30px; font-size:1.5rem; font-weight:800; text-align:center; color:#fff; background:linear-gradient(-90deg, #108b5b, #07b07e); position:relative; z-index:20;}
#sub.intro3 .history .tab_area .mo_drp::after{display:block; content:''; clear:both; width:26px; height:26px; margin-top:-13px; border-radius:13px; background-color:#fff; background-image:url('/img/arr_btm_rd.svg'); background-size:12px 8px; background-position:center; background-repeat:no-repeat; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.34); position:absolute; right:20px; top:50%;}
#sub.intro3 .history .tab_area .mo_drp.on::after{background-image:url('/img/arr_top_rd.svg');}
#sub.intro3 .history .tab_area ul{border-top:1px solid #dce6e3; height:61px; border-bottom:1px solid #dce6e3; box-sizing:border-box;}
#sub.intro3 .history .tab_area ul li{float:left; width:25%;}
#sub.intro3 .history .tab_area ul li a{display:block; height:60px; line-height:60px; border-radius:30px; font-size:1.5rem; font-weight:800; text-align:center; transition: none;}
#sub.intro3 .history .tab_area ul li.on a{color:#fff; background:linear-gradient(-90deg, #108b5b, #07b07e);}
#sub.intro3 .history .tab_cont{margin-top:35px;}
#sub.intro3 .history .tab_cont .cont_box{display:none;}
#sub.intro3 .history .tab_cont .cont_box.on{display:block;}
#sub.intro3 .history .tab_cont .tit_box strong{display:block; font-size:4rem; font-weight:600; line-height:1; font-style:italic;}
#sub.intro3 .history .tab_cont .list{margin-top:20px;}
#sub.intro3 .history .tab_cont .list:first-child{margin-top:0px;}
#sub.intro3 .history .tab_cont ul{margin-top:20px;}
#sub.intro3 .history .tab_cont ul li{background:#f7f7f7; border-radius:20px; height:70px; line-height:70px; margin-top:10px; position:relative;  display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center;}
#sub.intro3 .history .tab_cont ul li.st1{background:#ecf9f4;}
#sub.intro3 .history .tab_cont ul li:first-child{margin-top:0;}
#sub.intro3 .history .tab_cont ul li .date{font-size:1.6rem; font-weight:800; padding-left:30px; height:70px; line-height:70px; position:absolute; top:0; left:0;}
#sub.intro3 .history .tab_cont ul li .contents{font-size:1.6rem; padding:0 10px 0 120px; box-sizing:border-box;}

#sub.intro4 .side_box p{color:#a92a55;}
#sub.intro4 .article .dot_word:before{background:#a92a55;}
#sub.intro4 .article .dot_list li:before{background:#a92a55;}
#sub.intro4 .article .dot_list li span{font-weight:700; color:#a92a55;}
#sub.intro4 .combine .img_box{margin-top:35px; padding:0 20px; box-sizing:border-box; font-size:0; text-align:center;}
#sub.intro4 .combine .img_box img{width:100%; max-width:453px;}

#sub.intro5 .history ul li.st1{background:#ddf6ff;}
#sub.intro5 .side_box p{color:#108aa1;}
#sub.intro5 .article .dot_word:before{background:#108aa1;}
#sub.intro5 .article .dot_list li:before{background:#108aa1;}
#sub.intro5 .article .dot_list li span{font-weight:700; color:#108aa1;}
#sub.intro5 .vision .img_box{margin-top:35px; font-size:0; text-align:center; padding:0 20px; box-sizing:border-box;}
#sub.intro5 .vision .img_box img{max-width:532px; width:100%;}

#sub.member .inner {padding: 68px 0 320px; display: flex; flex-direction: column;}
#sub.member .coop-list {padding:0 20px; box-sizing:border-box;}
#sub.member .content ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px;}
#sub.member .content ul > li{background: #fff; border-radius: 30px; box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.06);}
#sub.member .content ul > li > .box{padding: 40px 0 40px 40px;}
#sub.member .content ul > li > .box h2{font-size: 2.0rem; font-weight: 800; line-height: 28px; color: #b3164a; padding-bottom: 22px;}
#sub.member .content ul > li > .box span{font-size: 1.6rem; font-weight: 400; line-height: 28px;}
#sub.member .content ul > li > .box p{font-size: 1.4rem; font-weight: 700; line-height: 24px; padding-top: 40px;}
#sub.member .content ul > li > .box .btm-box {width:90%;}

/* #sub.member .content ul > li > .box .btm-box .go-link {width:100%;} */
#sub.member .content ul > li > .box .btm-box .go-link a > p {padding-top:0;}
#sub.member .content ul > li > .box .btm-box .go-link a > img {width:14px; height:12px;}
#sub.member .content ul > li > .box .btm-box .go-link .arr-box {width:30px; height:30px; border-radius:15px; border:1px solid #e0e0e0; position:relative; margin-bottom:-5px; flex-shrink:0;}
#sub.member .content ul > li > .mem-coop {padding:40px 0 30px 40px;}
#sub.member .pagenate{margin: 80px auto 0;}
#sub.member .pagenate li a{border: none; color: #333333; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
#sub.member .pagenate li a.current{color: #fff; }
#sub.member .pagenate li a.board.first{background: url(/img/ico_first.png) no-repeat center center; border: 1px solid #e1e1e1;}
#sub.member .pagenate li a.board.prev{background: url(/img/ico_prev.png) no-repeat center center; border: 1px solid #e1e1e1;}
#sub.member .pagenate li a.board.next {background: url(/img/ico_next.png) no-repeat center center; border: 1px solid #e1e1e1;}
#sub.member .pagenate li a.board.last {background: url(/img/ico_last.png) no-repeat center center; border: 1px solid #e1e1e1;}
#sub.member .bbsSearch{background: #ab2955; width: 100%; height: unset; display: block; max-width: 100%; border: none; border-radius: 20px; margin-bottom: 30px;}
#sub.member .bbsSearch #searchForm {display: flex; padding: 28px 0 28px; align-items:center; justify-content:center;}
#sub.member .bbsSearch .coop-list .srchSelect {max-width: 160px; min-width:150px;}
#sub.member .bbsSearch .srchSelect {max-width:140px;;}
#sub.member .bbsSearch span #stype{background: none; border: none; border-bottom: 2px solid #fff; font-size: 1.8rem; font-weight: 600; line-height: 30px; letter-spacing: 0.05rem; color: #fff;}
#sub.member .bbsSearch span #stype option{color:#222;}
#sub.member .bbsSearch .searchWord {max-width: 620px;}
#sub.member .bbsSearch .searchWord #sval{background: none; color:#fff; border-bottom: 2px solid #fff;  max-width: 554px; height: unset;}
#sub.member .bbsSearch .searchWord #sval::placeholder{ font-size: 1.8rem; font-weight: 600; letter-spacing: -0.05rem; color: #fff;}
#sub.member .select:not(.is-multiple):not(.is-loading)::after {border: 2px solid #fff; border-radius: 2px; border-right: 0; border-top: 0;}
#sub.member .bbsSearch input[type='button'] {background-color: #fff; border-radius: 50%; width: 52px; height: 52px; margin-top: -26px; background-size: 20px;}

/* #sub.intro_idx .group_list > ul > li{min-height:348px; margin-top:40px; position:relative; padding:30px 0; border-bottom:1px solid #d4d4d4; box-sizing:border-box;} */
#sub.intro_idx .group_list > ul > li{position:relative; padding:80px 0; border-bottom:1px solid #d4d4d4; box-sizing:border-box; display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex; gap:50px;}
/* #sub.intro_idx .group_list > ul > li:first-child{margin-top:0; border-top:1px solid #d4d4d4;} */
#sub.intro_idx .group_list > ul > li:first-child{margin-top:0; }
/* #sub.intro_idx .group_list > ul > li:not(:last-of-type) {-webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center;} */
#sub.intro_idx .group_list > ul > li:last-child{border-bottom:0; }
/* #sub.intro_idx .group_list .side_img{width:188px; height:188px; position:absolute; top:80px; left:0; background-position:center; background-repeat:no-repeat; background-size:188px;} */
#sub.intro_idx .group_list .side_img{width:188px; height:188px; background-position:center; background-repeat:no-repeat; background-size:188px; flex-shrink:0;}
#sub.intro_idx .group_list .side_img.group1{background-image:url('/img/intro_group1_idx.png');}
#sub.intro_idx .group_list .side_img.group2{background-image:url('/img/tit2.png');}
#sub.intro_idx .group_list .side_img.group3{background-image:url('/img/tit1.png');}
#sub.intro_idx .group_list .side_img.group4{background-image:url('/img/tit3.png');}
#sub.intro_idx .group_list .company_list{ box-sizing:border-box; position:relative; flex-grow:1;}
#sub.intro_idx .group_list .company_list ul{float:left; width:33.33%; height:144px;}
#sub.intro_idx .group_list .company_list ul li,
#sub.intro_idx .group_list .company_list > p {font-size:1.6rem; line-height:36px; padding-left:11px; box-sizing:border-box; position:relative;}
#sub.intro_idx .group_list .company_list > p {font-weight:600; line-height:20px; margin-bottom:10px;}
#sub.intro_idx .group_list .company_list ul li::before,
#sub.intro_idx .group_list .company_list > p::before {display:block; content:''; clear:both; width:6px; height:6px; border-radius:50%; position:absolute; top:14px; left:0;}
#sub.intro_idx .group_list .company_list > p::before {top:7px;}
#sub.intro_idx .group_list .group1 ~ .company_list ul,
#sub.intro_idx .group_list .group4 ~ .company_list ul,
#sub.intro_idx .group_list .group2 ~ .company_list ul {width:50%; height:unset;}
#sub.intro_idx .group_list .group1 ~ .company_list ul li::before,
#sub.intro_idx .group_list .group1 ~ .company_list > p::before {background:#a92a55;}
#sub.intro_idx .group_list .group2 ~ .company_list ul li::before,
#sub.intro_idx .group_list .group2 ~ .company_list > p::before {background:#88933e;}
#sub.intro_idx .group_list .group3 ~ .company_list ul li::before,
#sub.intro_idx .group_list .group3 ~ .company_list > p::before {background:#7791b7;}
#sub.intro_idx .group_list .group4 ~ .company_list ul li::before,
#sub.intro_idx .group_list .group4 ~ .company_list > p::before {background:#f58229;}
#sub.intro_idx .group_list .group1 ~ .company_list > p {color:#a92a55;}
#sub.intro_idx .group_list .group2 ~ .company_list > p {color:#88933e;}
#sub.intro_idx .group_list .group3 ~ .company_list > p {color:#7791b7;}
#sub.intro_idx .group_list .group4 ~ .company_list > p {color:#f58229;}
#sub.intro_idx .group_list .company_list .hide_list{display:none; margin-top:35px;}
#sub.intro_idx .group_list .company_list .hide_list.on{display:block;}
#sub.intro_idx .group_list .more_btn{width:60px; height:60px; border-radius:50%; background-color:#c3c3c3; font-size:0; background-image:url('/img/arr_btm_wht.svg'); background-size:27px 19px; background-position:center top 50%; background-repeat:no-repeat; position:absolute; top:150px; right:20px; transition:none;}
#sub.intro_idx .group_list .more_btn.on{background-image:url('/img/arr_top_wht.svg'); background-color:#b3154a;}

#sub.story .bbsSearch{max-width:none; width:auto; border:none;}
#sub.story .bbsSearch select{float:left; width:180px; padding:0 10px; border:none; border-bottom:2px solid #a92a55; appearance:none; background-image:url('/img/arr_btm_rd.svg'); background-size:12px 8px; background-position:right 10px center; background-repeat:no-repeat; outline:none; cursor:pointer;}
#sub.story .bbsSearch .searchWord{float:left; margin-left:10px; width:280px; border-bottom:2px solid #a92a55;}

#sub.activity .size {position:relative;}
#sub.activity .size .top-txt h2 {font-size:3rem; font-weight:800; color:#fff; line-height:1; position:absolute; top:-120px; left:40px;}
#sub.activity .size .right-txt {position:absolute; top:-90px; right:40px; font-size:1.4rem; line-height:2rem;}
#sub.activity .size .right-txt .txt-box i.screen1920 {display:block;}
#sub.activity .size .right-txt .phone span {color:#fff;}
#sub.activity .size .right-txt .txt-box p {color:#fff;}
#sub.activity .bbsSearch .slct-box {display:inline;}

#sub.intro.ica .sign_area .txt-box p {font-size:1.6rem; line-height:2.8rem; color:#222222; font-weight:400; letter-spacing:-0.1rem;}
#sub.intro.ica .dbp {display:block;}
#sub.intro.ica .cont_area .ica-group .article .img-box {width:79%;}
#sub.intro.ica .cont_area .ica-group .article .img-box > img {width:100%;}
#sub.intro.ica .cont_area .tit-txt {font-size:1.6rem; color:#222222; font-weight:400;}
#sub.intro.ica .cont_area .combine1 .article {padding-top:7px;}
#sub.intro.ica .cont_area .combine1 .goal-list p.dot_word:not(:nth-of-type(1)) {margin-top:3px;}
#sub.intro.ica .cont_area .btn-box > a {width:fit-content; background-color:#f7f7f7; border-radius:10px; padding:15px 25px 15px 15px; box-sizing:border-box ;}
#sub.intro.ica .cont_area .btn-box > a .img-box {width:50px; height:50px; background-color:#e9e9e9; border-radius:10px;}
#sub.intro.ica .cont_area .btn-box > a .img-box img {width:16px; height:16px;}
#sub.intro.ica .cont_area .btn-box > a p {font-size:1.6rem; font-weight:700;}
#sub.intro.ica .cont_area .btn-box2 > a .img-box img {width:18px; height:18px;}

#sub.intro.rule .rule-list .cont:first-child {border-top:none; padding:0 0 80px;}
#sub.intro.rule .rule-list .cont:first-child .side_box {top:0;}
#sub.intro.rule .rule-list .article .txt-box {border:1px solid #dadada; height:400px; overflow-y:auto; padding:35px; box-sizing:border-box; font-size:1.6rem;}
#sub.intro.rule .rule-list .article .txt-box::-webkit-scrollbar {width: 7px;}
#sub.intro.rule .rule-list .article .txt-box::-webkit-scrollbar-track {background: #e9e9e9; border-radius: 3px;}
#sub.intro.rule .rule-list .article .txt-box::-webkit-scrollbar-thumb {background: #a92a55; border-radius: 3px;}

#sub.member .bbsSearch .rule-btn {display:block; position:relative; width:100px; height:50px; top:5px; left:10px; }
#sub.member .bbsSearch .go-rule {padding:10px; width:100px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:50px; border:2px solid #002060; color:#002060; box-sizing:border-box; background-color:#fff; font-weight:700; transition:.3s;}
#sub.member .bbsSearch .rule-btn:hover .go-rule {background-color:#002060; color:#fff;}


.letter-spacing-1 {letter-spacing: -0.1rem;}

.flex-box { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;  }

.justify-content-center { -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;}
.justify-content-start { -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;  }
.justify-content-end { -webkit-box-pack: justify; -moz-justify-content: flex-end;  -ms-flex-pack: justify;  justify-content: flex-end }
.justify-content-between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.justify-content-around { -webkit-box-pack: justify; -moz-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around;}
.justify-content-evenly { -webkit-box-pack: justify; -moz-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly;}

.align-items-center { -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center; }
.align-items-start { -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
.align-items-end { -webkit-box-align: end; -moz-align-items: flex-end;  -ms-flex-align: end;  align-items: flex-end; }

.flex-column { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.flex-row { -webkit-box-orient: horizontal;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;} 
.flex-column-reverse { -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse;}
.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse;  -moz-flex-direction: row-reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}

.gap-5 {gap:5px;}
.gap-10 {gap:10px;}
.gap-15 {gap:15px;}
.gap-30 {gap:30px;}
.gap-40 {gap:40px;}