@charset "UTF-8";



body [data-aos=fade-up] { transform: translate3d(0,50px,0); } 

.tab-content { display: none; } 
.tab-content.current { display: inherit; } 

.cm-btn-controls { margin-top: 100px; } 
.cm-btn-controls button, .cm-btn-controls a { display: block; position: relative; width: 220px; line-height: 65px; height: 65px; font-size: 18px; font-weight: 400; color: #fff; padding: 0 36px; margin: 0 auto; border: 0; background: var(--main-color); transition: all .3s; } 
.cm-btn-controls button:hover, .cm-btn-controls a:hover { color: unset; background: #dadada; transition: all .3s; } 
.cm-btn-controls buttona:focus, .cm-btn-controls a:focus { outline: unset; box-shadow: unset; } 

@media all and (max-width: 767px){
.cm-btn-controls { margin-top: 80px; } 
.cm-btn-controls button, .cm-btn-controls a { width: 200px; font-size: 16px;}
}
@media all and (max-width: 479px){
.cm-btn-controls button, .cm-btn-controls a { width: 150px; line-height: 55px; height: 55px; font-size: 14px; } 
}


/*---------- subVtop ----------*/
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVtop { position: relative; margin-top: 105px; height: 573px; } 
#subVtop .inner {flex-direction: column;align-items: center;width: 100%;max-width: 1400px;height: 100%;padding: 215px 0 60px;margin: 0 auto;} 
#subVtop:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 573px; z-index: -1; } 
#subVtop.company:after { background: url(/img/sub_visual1.jpg) no-repeat center/ cover; } 
#subVtop.busi:after { background: url(/img/sub_visual2.jpg) no-repeat center/ cover; } 
#subVtop.pro:after { background: url(/img/sub_visual3.jpg) no-repeat center/ cover; } 
#subVtop.event:after { background: url(/img/sub_visual4.jpg) no-repeat center/ cover; } 
#subVtop.commu:after { background: url(/img/sub_visual5.jpg) no-repeat center/ cover; } 
#subVtop.privacy:after { background: url(/img/sub_visual0.jpg) no-repeat center/ cover; } 

/* board */
#subVtop.board:not(.list, .inquiry.write) { height: 420px; } 
#subVtop.board:not(.list, .inquiry.write) .inner { padding: 160px 0 90px; } 
#subVtop.board:not(.list, .inquiry.write):after { display: none; } 
#subVtop.board:not(.list, .inquiry.write) .inner .txt h2, #subVtop.board:not(.list, .inquiry.write) .lnbs .lnb_wrap .menu-location li.on a { color: initial; } 
#subVtop.board:not(.list, .inquiry.write) .lnbs .lnb_wrap .menu-location a { color: #8c8c8c; } 
#subVtop.board:not(.list, .inquiry.write) .lnbs .lnb_wrap .menu-location.location2 .s_lnb li:before, #subVtop.board:not(.list, .inquiry.write) .lnbs .lnb_wrap .menu-location.location2 .s_lnb li:after { background: #000; } 


/*---------- sub_nav ----------*/
#subVtop .inner .txt h2 { font-size: 65px; color: #fff; } 
/**/
#subVtop .lnbs { display: block; position: relative; } 
#subVtop .lnbs .lnb_wrap { position: relative; } 
#subVtop .lnbs .lnb_wrap .home { display: none; } 
#subVtop.privacy .lnbs .lnb_wrap .home { line-height: 95px; } 
#subVtop.privacy .lnbs .lnb_wrap .home img { vertical-align: middle; } 
#subVtop .lnbs .lnb_wrap .menu-location { position: relative; } 
#subVtop.privacy .lnbs .lnb_wrap .menu-location { display: none; } 
#subVtop .lnbs .lnb_wrap .menu-location.location1 { display: none; margin: 0 25px; } 
#subVtop .lnbs .lnb_wrap .menu-location a { width: auto; font-size: 22px; font-weight: 500; color: #fff; padding: 15px 0; letter-spacing: 1px; } 
#subVtop .lnbs .lnb_wrap .menu-location > a {display: flex;align-items: center;justify-content: space-between;color: #fff;} 
#subVtop #lnb.lnbs .lnb_wrap .menu-location.location2 > a { display: none; } 
#subVtop .lnbs .lnb_wrap .menu-location > a span { display: inline-block; margin-right: 30px; } 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb { position: absolute; top: calc(100% - 20px); left: 0; width: 100%; z-index: 100; } 
#subVtop .lnbs .lnb_wrap .menu-location.location1 .s_lnb, #subVtop #lnb_m.lnbs .lnb_wrap .menu-location.location2 .s_lnb { background: var(--main-color); padding: 10px 0; } 
#subVtop #lnb.lnbs .lnb_wrap .menu-location.location2 .s_lnb { position: unset; } 
#subVtop #lnb.lnbs .lnb_wrap .menu-location.location2 .s_lnb ul { display: flex; } 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul.sub { display: none; } 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li { position: relative; margin: 0 20px; } 
#subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li:before, #subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li:after { content: ""; display: inline-block; position: absolute; bottom: 1px; width: 50%; height: 2px; opacity: 0; background: #fff; transition: opacity 1s; } 
#subVtop #lnb_m.lnbs .lnb_wrap .menu-location.location2 .s_lnb li:before, #subVtop #lnb_m.lnbs .lnb_wrap .menu-location.location2 .s_lnb li:after { display: none; } 
#subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li:before { left: 50%; } 
#subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li:after { right: 50%; } 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a { anchor-name: none; display: block; transition: all 1s; } 
#subVtop .lnbs .lnb_wrap .menu-location.location1 .s_lnb li a, #subVtop #lnb_m.lnbs .lnb_wrap .menu-location.location2 .s_lnb li a { font-size: 16px; line-height: initial; padding: 10px; } 
/* on + board */
#subVtop #lnb_m.lnbs .lnb_wrap .menu-location.location2 .s_lnb li.on a {text-decoration: 1px underline; text-underline-offset: 5px;}
#subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li.on:before, #subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li.on:after, #subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li.on> a:after { opacity: 1; transition: all 1s; } 
#subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li.on:before, #subVtop .lnbs .lnb_wrap .menu-location.location2 .s_lnb li.on:after { animation: menu_ani 1s; } 

/* ani */
@keyframes menu_ani { 
0% { width: 0%}
100% { width: 50%; } 
}

/* mobile: lnb_m */
#subVtop #lnb_m.lnbs { display: none; } 
/* #lnb_m { display:none; position: relative; z-index:555; } 
#lnb_m > a { width:100%; height:60px; background: #bc0005; display: table; box-sizing:border-box; padding: 0 2%; position: relative; } 
#lnb_m > a:after { content:""; display: block; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; top: 20px; right: 20px; transform:rotate(-45deg); } 
#lnb_m > a span { display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; } 
#lnb_m ul { display: none; box-sizing:border-box; background: rgba(0,0,0,0.8); position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; } 
#lnb_m ul li a { display: block; width: 100%; line-height:150%; box-sizing:border-box; padding:10px 15px; color: #fff; border-top: 1px solid #c3c3c3; } 
#lnb_m ul li:first-child a { border-top: none; } 
@keyframes vsTit { 
0% { opacity:0; transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
}
@-webkit-keyframes vsTit { 
0% { opacity:0; -webkit-transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
}*/


/*---------- page_wrap: common ----------*/
.page_wrap { position: relative; } 
.page_wrap.company4:before {content: "";display: block;position: absolute;bottom: 0;right: 0;width: 100%;max-width: 38vw;height: 100%;background: url(../img/big_logo.png) no-repeat bottom -2vw right -4vw / contain;filter: grayscale(.9) opacity(0.1);z-index: -1;}

.page_wrap .page_con { padding-top: 140px; } 
.page_wrap.board .page_con { padding-top: 0; } 
.page_wrap.board.list .page_con, .page_wrap.board.inquiry.write .page_con, .page_wrap.company:not(.company1, .company4) .page_con, .page_wrap.busi .page_con, .page_wrap.privacy .page_con { padding: 140px 0; } 
.page_wrap.board.write:not(.inquiry) .page_con, .page_wrap.board.event.view .page_con, .page_wrap.board.commu.view .page_con { padding: 0 0 140px; } 

.page_wrap .page_con .tit h2 { font-family: 'GMarketSans'; font-size: 120px; text-align: center; color: var(--main-color); letter-spacing: -3px; }
.page_wrap .page_con .tit2 h3 {position: relative;font-size: 30px;} 
.page_wrap .page_con .tit2 h3:before {content: "";display: inline-block;width: 48px;height: 50px;background: url('/img/small_logo.png') no-repeat center / contain;/* filter: contrast(0.1); */vertical-align: middle;margin-right: 15px;} 

.page_wrap .page_con .content .con .wrap {width: 100%;max-width: 1400px;margin: 0 auto;} 
/**/
.page_wrap .page_con .tab { width: fit-content; justify-content: center; border-radius: 40px; border: 1px solid var(--main-color); padding: 8px; margin: 135px auto 90px; } 
.page_wrap .page_con .tab.fx_2 li { flex-basis: calc(100% / 2 ); } 
.page_wrap .page_con .tab.fx_3 li { flex-basis: calc(100% / 3 ); } 
.page_wrap .page_con .tab.fx_4 li { flex-basis: calc(100% / 4 ); } 
.page_wrap .page_con .tab.fx_5 li { flex-basis: calc(100% / 5 ); } 
.page_wrap .page_con .tab li { width: 230px; transition: all .3s; } 
.page_wrap .page_con .tab li:first-child { border-radius: 5px 0 0 5px; } 
.page_wrap .page_con .tab li:last-child { border-radius: 0 5px 5px 0; } 
.page_wrap .page_con .tab li a { display: block; padding: 22px 20px; background: #fff; font-size: 18px; font-weight: 700; text-align: center; color: var(--sub-color); border-radius: 40px; transition: all .3s; } 
/* current, hover */
.page_wrap .page_con .tab li.current a { color: #fff; border: 1px solid transparent; background: var(--main-color); box-shadow: 0 0 10px rgb(48 39 130 / 10%); mix-blend-mode: multiply; transition: all .3s; } 

/* .privacy */
.page_wrap.privacy .page_con .content .con .wrap { margin: 0 auto; border: 1px solid #e7e7e7; box-shadow: 0 0 30px rgb(17 17 17 / 10%); transition: all .3s; } 


/*---------- company0 ----------*/
.page_wrap.company0 .page_con .con.con1 .sec .box:not(:last-child) {margin-bottom: 80px;} 

/* sec1 */
.page_wrap.company0 .page_con .con.con1 .sec.sec1 { padding-top: 160px; }
.page_wrap.company0:not(.company4) .page_con .con.con1 .sec.sec1 .wrap > div { width: 50%; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left {max-width: 630px;height: 100%;margin-right: 70px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left figure { border-radius: 30px; overflow: hidden; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left figure img {display: block;width: 100%;max-width: 630px;height: auto;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right { flex-direction: column; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p { font-size: 22px; font-weight: 300; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p:nth-child(1) { font-size: 44px; font-weight: 500; margin-bottom: 55px; } 

/* sec2 */
.page_wrap.company0 .page_con .con.con1 .sec.sec2 { padding: 180px 0; } 


/*---------- company1 ----------*/
/* sec2 */
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul { margin: 0 -36px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li { width: calc(100% / 4 - 78px); margin: 0 36px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img {height: 100%;max-height: 290px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img figure { width: 100%; height: 100%; background: #f0f9ed; border-radius: 50%; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img figure img { display: block; width: 100%; height: 100%; \: #f0f9ed; object-fit: none; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt { margin-top: 30px; text-align: center; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt h3 { font-size: 28px; line-height: 1.3; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt p { font-size: 21px; font-weight: 300; line-height: 1.4; margin-top: 25px; } 

/* sec3 */
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img { position: relative; height: 515px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 515px; background: url(/img/company1-3_1.png) no-repeat center / cover fixed; z-index: -1; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:after {content: "Protecting plants, preserving nature.";display: block;position: absolute;top: 45%;left: 0;right: 0;width: 100%;max-width: 1400px;font-family: "Comfortaa", sans-serif;font-size: 60px;font-weight: 700;color: #fff;text-align: center;margin: 0 auto;} 

/* sec4 */
.page_wrap.company1 .page_con .con.con1 .sec.sec4 { padding: 115px 0 205px; background: url(/img/company1-4_1.png) no-repeat center / cover; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap { flex-direction: column; align-items: center; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img { margin-bottom: 80px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img figure img { display: block; width: 100%; max-width: 289px; margin: 0 auto; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img p { font-size: 22px; font-weight: 500; color: #379c15; text-align: center; line-height: 1.4; margin-top: 25px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt { width: 100%; min-width: 900px; max-width: fit-content; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li span { font-size: 21px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li > span { display: block; font-weight: 600; margin-bottom: 5px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li p { font-family: "Poppins", sans-serif; font-size: 72px; line-height: 1; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li p span { display: inline-block; font-weight: 300; } 


/*---------- company2 ----------*/
.page_wrap.company:not(.company1, .company4, .company6) .page_con .con.con1, .page_wrap.busi1 .page_con .con.con1 { padding-top: 160px; } 

/* sec1 */
.page_wrap.company2 .page_con .con.con1 .sec.sec1 { margin-bottom: 120px; } 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top {margin-bottom: 120px;text-align: center;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top strong { display: block; font-size: 24px; color: var(--main-color); margin-bottom: 70px; } 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top strong { font-weight: 700; } 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top h3 {font-size: 28px;line-height: 1.4;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top span {display: block;font-size: 21px;font-weight: 300;line-height: 1.6;margin-top: 35px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom {position: relative;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom:before {content:"";display: block;width: 100%;max-width: 100%;height: 494px;background: url('/img/company2-1_1.png') no-repeat center / cover;background-size: 100% 100%;filter: brightness(0.8);transition: 0.7s 0.7s;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt {position: absolute;top: 165px;left: 0;right: 0;width: 100%;max-width: 1200px;margin: 0 auto;color: #fff;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt h4 {font-size: 48px;line-height: 1.2;margin-bottom: 25px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt span {font-size: 21px;line-height: 1.6;font-weight: 300;}

/* width 100 -> width auto */
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom.w_auto {max-width: 100%;margin: 0 auto; transition: 0.7s;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom.w_auto.aos-animate {max-width: 1400px;transition: 1s 0.3s;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom.w_auto.aos-animate:before {border-radius: 15px; transition: 1s 0.3s;}

/* sec2 */
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p {font-size: 21px;font-weight: 300;color: #333;line-height: 1.8;margin-bottom: 20px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:first-child { font-size: 30px; font-weight: 700; margin-bottom: 40px; } 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child, .page_wrap.company2 .page_con .con.con1 .sec.sec2 p:nth-last-child(2) {margin-bottom: 0;}
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child {font-family: "GMarketSans", sans-serif;font-size: 36px;font-weight: 700;text-align: right;margin-top: 100px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child span {display: block;font-size: 21px;line-height: 1.2;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child span font { color: var(--main-color); } 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child img { margin-top: 20px; } 


/*---------- company3 ----------*/
.page_wrap.company3 .page_con .con.con1 .flow-text {position: absolute;top: 0;right: 5vw;display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;font-family: "GMarketSans";font-size: 200px;font-weight: 600;color: rgb(0 0 0 / 10%);writing-mode: tb-rl;z-index: -1;} 
.page_wrap.company3 .page_con .con.con1 .flow-wrap {animation: textLoop 100s linear infinite;padding-bottom: 1.4881vw;padding-bottom: 5.4881vw;padding-right: 20px;cursor: default;} 
/**/
.page_wrap.company3 .page_con .con.con1 .table { position: relative; max-width: 1450px; margin: 0 auto; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box { margin: 0 auto; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box:after { content: ""; display: block; clear: both; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box > div {float: left;width: 60%;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt { width: 20%; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 72px; font-weight: 600; color: #111; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list {position: relative;float: right;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list { position: relative; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list:before { content: ''; position: absolute; display: block; top: 0; left: -3px; width: 8px; height: 8px; border-radius: 50px; background: var(--main-color); z-index: 2; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list:after { content: ''; position: absolute; top: -3px; left: -6px; width: 14px; height: 14px; background: #fff; border: 1px solid #c77b49; border-radius: 50px; z-index: 1; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {position: relative;padding: 0 0 150px 18%;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .progress_bar { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .progress_bar span { display: block; width: 4px; height: 0%; margin-left: -1px; background: var(--point-color); z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year { display: block; position: relative; top: -10px; margin-bottom: 20px; font-size: 22px; font-weight: 600; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .year:before { content: ''; display: block; position: absolute; top: 13px; left: -15.3%; width: 10%; height: 2px; background: #ddd; z-index: -1; } 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month {flex-direction: column-reverse;color: #222;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li {position: relative;padding-bottom: 40px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {display: flex;align-items: center;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong {display: inline-block;font-size: 24px;margin-right: 20px;width: 10%;min-width: 70px;} 
/* aos-animate */
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap.aos-animate .progress_bar_color { animation: progress_bar linear 1s; animation-fill-mode: both; animation-delay: 0.3s; } 

/* ani */
@keyframes progress_bar { 
0% { height: 0%; } 
100% { height: 100%; } 
}

@keyframes textLoop { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(0, -100%, 0);} 
}


/*---------- company4 ----------*/
.page_wrap.company4 .page_con .tit2 {margin-bottom: 20px;} 
.page_wrap.company4 .page_con .sec.sec2 .tit2 {margin-bottom: 40px;} 
.page_wrap.company4 .page_con .tit2 h3 {font-size: 44px;} 

.page_wrap.company4 .page_con .con.con1 .sec h4 {font-size: 30px;text-align: center;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .box.box1 h4 {margin-bottom: 25px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .box.box2 h4 {margin-bottom: 40px;}

.page_wrap.company4 .page_con .con.con1 .sec .txt {position: relative;padding: 55px 70px;border: 4px solid #e8e8e8;background: #fff;text-align: center;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p {position: relative;display: inline-block;font-size: 28px;letter-spacing: -1.5px;z-index: 1;} 
.page_wrap.company4 .page_con .con.con1 .sec .txt p:before, .page_wrap.company4 .page_con .con.con1 .sec .txt p:after {content: "";display: block;position: absolute;top: -17px;max-width: 50px;width: 100%;height: 43px;z-index: -1;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p:before {background: url(/img/mark_icon1.png) no-repeat;left: -2.8vw;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p:after {right: -2.8vw;background: url(/img/mark_icon2.png) no-repeat;}

.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul {justify-content: center;align-items: center;margin: 0 -45px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li {width: calc(100% / 3 - 90px);max-width: 290px;margin: 0 45px;text-align: center;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top {position: relative;width: 100%;max-width: 290px;height: 290px;border-radius: 50%;padding: 85px 20px;margin: 0 auto;overflow: hidden;transition: all .3s;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:nth-child(1) .top {border: 4px solid #3f618a;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:nth-child(2) .top {border: 4px solid #675489;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:nth-child(3) .top {border: 4px solid #42665e;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top:before {content: "";display: block;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;margin: 0 auto;opacity: 0;z-index: -1;filter: brightness(.7) contrast(0.9);transition: all .3s;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:nth-child(1) .top:before {background: url(/img/company4-2_1.png) no-repeat center / cover;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:nth-child(2) .top:before {background: url(/img/company4-2_2.png) no-repeat center / cover;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:nth-child(3) .top:before {background: url(/img/company4-2_3.png) no-repeat center / cover;}
/* .page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top:after {content: "·  ·  ·";display: block;position: absolute;top: 50%;right: -90px;left: auto;transform: translate(-50%, -50%);width: 45px;font-size: 35px;color: var(--main-color);}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:last-child .top:after {display: none;} */
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top h3 {font-size: 28px;line-height: 1.3; transition: all .3s;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .bottom p {font-size: 21px;font-weight: 300;line-height: 1.4;margin-top: 25px;} 
/**/
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:hover .top:before {opacity: 1; transition: all .3s;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li:hover .top h3 {color: #fff; transition: all .5s .05s;} 


/*---------- company5 ----------*/
.page_wrap.company5 .page_con .con .img {position: relative;}
.page_wrap.company5 .page_con .con .img:before {content:"";display: block;position: absolute;top: 100px;left: 0;right: 0;width: 100%;max-width: 1560px;height: 790px;margin: 0 auto;background: url(/img/company5-1_1.png) no-repeat center/ cover;z-index: -1;} 
.page_wrap.company5 .page_con .con .img img {display: block;width: 100%;max-width: 1270px;margin: 0 auto;} 


/*---------- company6 ----------*/
.page_wrap.company6 .page_con .con #map { width: 100% !important; height: auto !important; margin-bottom: 50px; } 
.page_wrap.company6 .page_con .con #map div { height: auto !important; } 
.page_wrap.company6 .page_con .con #map > div { width: 100% !important; } 
.page_wrap.company6 .page_con .con #map > div img { width: 100%; object-fit: cover;} 
/**/
.page_wrap.company6 .page_con .con .txt .top { align-items: flex-end; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; } 
.page_wrap.company6 .page_con .con .txt .top h4 { font-size: 45px; font-weight: 700; } 
.page_wrap.company6 .page_con .con .txt .top .map_link:after { content: ""; display: block; clear: both; } 
.page_wrap.company6 .page_con .con .txt .top .map_link li { float: left; } 
.page_wrap.company6 .page_con .con .txt .top .map_link li a { font-size: 20px; } 
.page_wrap.company6 .page_con .con .txt .top .map_link li a i { width: 30px; height: 30px; line-height: 30px; background: transparent; margin-left: 10px; font-size: 18px; text-align: center; transition: all .3s; } 

.page_wrap.company6 .page_con .con .txt .bottom p {margin-bottom: 15px;font-weight: 300;color: #222;} 
.page_wrap.company6 .page_con .con .txt .bottom p span:nth-child(2) { border-right: 1px solid #d7d7d7; padding-right: 30px; margin-right: 30px; } 
.page_wrap.company6 .page_con .con .txt .bottom p i { font-size: 18px; color: #0260b3; vertical-align: baseline; margin-right: 20px; } 
.page_wrap.company6 .page_con .con .txt .bottom p strong {margin-right: 20px;width: 100px;display: inline-block;font-size: 20px;} 
/* hover */
.page_wrap.company6 .page_con .con .txt .top .map_link li a:hover i { background: var(--main-color); border-radius: 50%; color: #fff; transition: all .3s; } 


/*---------- busi1 ----------*/
.page_wrap.busi1 .page_con .con.con1 .txt > ul  {flex-wrap: wrap;margin: 0 -22px;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li {display: flex;position: relative;width: calc(100% / 4 - 44px);height: auto;max-height: 100%;padding: 55px 25px;margin: 0 22px;flex-direction: column;overflow: hidden;color: #fff;border-radius: 30px;transition: all .3s;justify-content: space-between;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: all .5s; } 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:nth-child(1):before { background: url(/img/busi1-1_1.png) no-repeat center / cover; } 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:nth-child(2):before { background: url(/img/busi1-1_2.png) no-repeat center / cover; } 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:nth-child(3):before { background: url(/img/busi1-1_3.png) no-repeat center / cover; } 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:nth-child(4):before { background: url(/img/busi1-1_4.png) no-repeat center / cover; } 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:after {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 70%);z-index: -1; transition: all .5s;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div:first-child {margin-bottom: 50px;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div h5 {font-size: 21px;line-height: 1.4;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div strong {display: block;font-size: 36px;font-family: "Poppins", sans-serif;margin-bottom: 30px;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div p { font-size: 20px; line-height: 1.8; } 
/* hover */
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:hover:before {transform: scale(1.1);transition: all .5s;}
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:hover:after {background: rgb(0 0 0 / 35%); transition: all .5s;} 


/*---------- busi2 ----------*/
.page_wrap.busi2 .page_list {margin-top: 25px;}
.page_wrap.busi2 .page_list li:before {background: #000;}

.page_wrap.busi2 .page_con .con.con1 .sec.sec1 .wrap .right .page_list li {font-size: 20px;}

.page_wrap.busi2 .page_con .con.con1 .sec.sec2 {padding: 120px 0;margin: 180px 0;background: #ececec;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .sub_slide {position: relative;} 
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .txt li {cursor: default;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .txt h3 {font-family: 'GMarketSans';font-size: 36px;padding-bottom: 25px;border-bottom: 1px solid #999;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .txt p {font-weight: 300;line-height: 1.2;}

/* slide */
.subSwiper.swiper {height: auto;} 
.subSwiper .swiper-slide {min-width: 300px;padding: 10px 0;overflow: hidden;backface-visibility: unset !important;font-size: inherit;transition: all .3s;} 
.subSwiper .swiper-slide figure img {display: block;width: 1000px;height: 100%;object-fit: cover;margin: 0 auto;}
.subSwiper .swiper-slide p {font-size: 20px;color: inherit;text-align: center;margin-top: 20px;}

/* control_wrap */
.sub_slide .control_wrap {position: absolute;top: 50%;left: 0;right: 0;width: 100%;max-width: 1720px;height: 54px;text-align: center;z-index: 0;margin: 0 auto;transform: translateY(-50%);} 
/* arrow_box */
.sub_slide .control_wrap .arrow_box div {width: 100%;max-width: 54px;height: 100%;border-radius: 50%;background: #fff;} 
.sub_slide .control_wrap .arrow_box div:after {position: absolute;top: 50%;left: 50%;font-size: 22px;color: initial;transform: translate(-50%, -50%);} 
.sub_slide .control_wrap .swiper-button-prev:after {content: "\e906" !important;}
.sub_slide .control_wrap .swiper-button-next:after {content: "\e907" !important;;}
.sub_slide .control_wrap .arrow_box .sv-button-prev {left: 0;} 
.sub_slide .control_wrap .arrow_box .sv-button-next {right: 0;} 

.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img {margin-top: 20px;} 
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul {flex-wrap: wrap;justify-content: flex-start;margin: 0 -15px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li {width: calc(100% / 4 - 30px);margin: 0 15px 30px;overflow: hidden;transition: all .5s;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li figure img {display: block;width: 100%;height: auto;object-fit: cover; transition: all .5s;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li:hover figure img {transform: scale(1.1);transition: all .5s;}


/*---------- pro ----------*/
.page_wrap.pro.list .page_con .con.con1, .page_wrap.news.list .page_con .con.con1, .page_wrap.noti.list .page_con .con.con1,
.page_wrap.inquiry:not(.view) .page_con .con.con1, .page_wrap.datas.list .page_con .con.con1 { padding-top: 135px; }


/*---------- privacy ----------*/
/* con1 */
.page_wrap.privacy .page_con .content .con .wrap { padding: 6% 13%; } 

.page_wrap.privacy .page_con .con h3.aos-init { font-size: 36px; font-weight: 600; margin-bottom: 85px; text-align: center; } 
.page_wrap.privacy .page_con .con h3.aos-init br { display: none; } 

/* page */
.page_wrap.privacy .page_con .con .sec { margin-bottom: 70px; } 
.privacy_txt_area { padding: 30px 40px; background-color: rgb(240,240,240); font-size: 17px; line-height: 1.6; } 
.privacy_tit {font-size: 22px;font-weight: 500;margin-bottom: 15px;} 
.privacy_txt {font-size: 16px;color: #333;margin-bottom: 20px;} 
.privacy_txt:last-child { margin-bottom: 0; } 
.privacy_txt.list span {position: relative;padding-left: 15px;}
.privacy_txt.list span:before {content: ""; position: absolute; top: 6px; left: 0; width: 5px; height: 5px; background: #333; border-radius: 50%;}









/*---------- respon ----------*/
@media all and (max-width: 1720px){
.page_wrap.busi2 .page_con .content .con.con1 .sec.sec2 .wrap {width: 80vw;}
.sub_slide .control_wrap {width: 96%;} 
}

@media all and (max-width: 1600px){
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .bottom:after { font-size: 6.3vw; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .bottom .right figure img { height: 400px; } 
}

@media all and (max-width: 1500px){
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom.w_auto.aos-animate {width: 96%;} 
}

@media all and (max-width: 1400px){
.page_wrap .page_con .tab { flex-wrap: wrap; } 
.page_wrap .page_con .tab li { flex: 1; } 
    
#subVtop .inner, .page_wrap .page_con .content .con .wrap, .page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:after {width: 96%;} 
#subVtop.busi:after { background: url(/img/sub_visual2.jpg) no-repeat right -20vw center / cover; } 

.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right {width: 100%;} 

.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul {flex-wrap: wrap;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li {width: calc(100% / 2 - 78px);margin: 0 36px 50px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li:last-child {margin-bottom: 0;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img {width: 290px;margin: 0 auto;}
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:after {top: 40%;}

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom:before {background-size: cover;}
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p br {display: none;} 

.page_wrap.company3 .page_con .con.con1 .flow-text {right: 0;}
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 60px;} 

.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .bottom p br {display: none;}

.page_wrap.busi1 .page_con .con.con1 .txt > ul > li {width: calc(100% / 2 - 44px);margin: 0 22px 44px;} 
}

@media all and (max-width: 1300px){
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt {width: 96%;} 

.write-tbl th { width: 15%; } 
}

@media (max-width: 1023px){
#subVtop {margin-top: 80px;} 
#subVtop, #subVtop:after {height: 450px;} 
#subVtop.board:not(.list, .inquiry.write) {height: 400px;} 
#subVtop .inner {padding: 180px 0 30px;} 
#subVtop.board:not(.list, .inquiry.write) .inner { padding: 160px 0 30px; } 
#subVtop .inner .txt h2 { font-size: 55px;} 
#subVtop .nav {width: 100%;} 
#subVtop #lnb.lnbs { display: none; } 
#subVtop #lnb_m.lnbs {display: block;} 
#subVtop .lnbs .lnb_wrap .menu-location {width: 100%;} 
#subVtop .lnbs .lnb_wrap .menu-location.location1 { display: none; } 
#subVtop .lnbs .lnb_wrap .menu-location a {width: 100%;font-size: 20px;} 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb {top: 100%;} 
#subVtop #lnb_m.lnbs .lnb_wrap .menu-location.location2 .s_lnb li a {font-size: 16px;} 
#subVtop.board:not(.list, .inquiry.write) .lnbs .lnb_wrap .menu-location.location2 .s_lnb li a { color: #fff; } 


.page_wrap .page_con .tit h2 {font-size: 12vw;} 
.page_wrap .page_con h2.tit { font-size: 40px; } 
.page_wrap .page_con .tit2 h3 { font-size: 25px; } 

.page_wrap .page_con .tab { width: auto; } 
.page_wrap .page_con .tab li { flex: 33%;} 
.page_wrap .page_con .tab.fx_4 li { flex-basis: calc(100% / 2 ); } 
.page_wrap .page_con .tab.fx_5 li { flex-basis: calc(100% / 3 ); }
.page_wrap .page_con .tab li a { padding: 17px 15px; font-size: 16px; } 

.page_wrap.company:not(.company1, .company4, .company6) .page_con .con.con1, .page_wrap.busi1 .page_con .con.con1 { padding-top: 130px; } 
    
.page_wrap.company0 .page_con .con.con1 .sec.sec1 {padding-top: 130px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap {flex-direction: column;} 
.page_wrap.company0:not(.company4) .page_con .con.con1 .sec.sec1 .wrap > div  { width: 100%; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left {margin: 0 0 70px 0;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left, .page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left figure img {max-width: 100%;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left figure img {height: 450px; object-fit: cover;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p:nth-child(1) {font-size: 35px;margin-bottom: 25px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p {font-size: 20px;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top strong { font-size: 20px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top h3 { font-size: 46px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top h3 span { font-size: 25px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .bottom .left h4 { font-size: 25px; } 
.page_wrap.company0:not(.busi2) .page_con .con.con1 .sec.sec2 { padding: 130px 0; } 

.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img figure img {transform: scale(.8);}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt h3 {font-size: 25px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt p {font-size: 18px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:after {font-size: 50px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 { padding: 115px 0 180px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt {min-width: 100%;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li p {font-size: 60px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img figure img { max-width: 250px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img p {font-size: 20px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li span {font-size: 18px;}

.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top h3 {font-size: 25px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top span {font-size: 18px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom:before {height: 450px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt h4 {font-size: 40px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt span {font-size: 18px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:first-child { font-size: 25px; } 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p {font-size: 18px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child span {font-size: 18px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child {font-size: 30px;} 

.page_wrap.company3 .page_con .con.con1 .flow-text {font-size: 18vw;}
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 50px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {padding: 0 0 100px 18%;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong { font-size: 20px;} 

.page_wrap.company4 .page_con .tit2 h3 {font-size: 35px;} 
.page_wrap.company4 .page_con .con.con1 .sec .txt p {font-size: 25px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p:before, .page_wrap.company4 .page_con .con.con1 .sec .txt p:after {max-width: 40px;background-size: contain;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul {flex-wrap: wrap;justify-content: space-between;align-items: inherit;margin: 0 -36px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li {width: calc(100% / 2 - 72px);max-width: 100%;margin: 0 36px 50px;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top h3 {font-size: 25px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .bottom p {font-size: 18px;}

.page_wrap.company6 .page_con .con #map {margin-bottom: 35px;} 
.page_wrap.company6 .page_con .con #map > div img { height: 450px;} 
.page_wrap.company6 .page_con .con .txt .top h4 { font-size: 35px; } 
.page_wrap.company6 .page_con .con .txt .top .map_link li a { font-size: 18px; } 
.page_wrap.company6 .page_con .con .txt .bottom p strong { font-size: 18px; } 

.page_wrap.busi1 .page_con .con.con1 .txt > ul {margin: 0 -15px;}
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li {width: calc(100% / 2 - 30px);margin: 0 15px 30px;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div strong {font-size: 30px;}

.page_wrap.busi2 .page_list {margin-top: 15px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec1 .wrap .right .page_list li {font-size: 18px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 {margin: 130px 0;}
.page_wrap.busi2 .page_con .content .con.con1 .sec.sec2 .wrap {width: 75vw;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .txt h3 {font-size: 30px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li {width: calc(100% / 3 - 30px);}

.write-tbl th { width: 20%; } 
.write-tbl td:not(.flex_div_3) .write-input { width: 100%; } 
.write-tbl .write-input { width: calc(100% / 3 - 19px)}

.page_wrap.privacy .page_con .content .con .wrap { padding: 8%; } 
.privacy_tit { font-size: 20px; } 
.privacy_txt_area, .privacy_txt {font-size: 15px;} 
}


@media all and (max-width: 767px){
#subVtop, #subVtop:after {height: 400px;} 
#subVtop.board:not(.list, .inquiry.write) {height: 350px;} 
#subVtop .inner {padding: 150px 0 30px;} 
#subVtop.board:not(.list, .inquiry.write) .inner { padding: 130px 0 30px; } 
#subVtop .inner .txt h2 { font-size: 45px;} 
#subVtop .lnbs .lnb_wrap .menu-location a {font-size: 18px;} 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li { margin: 0 10px; } 

.page_wrap .page_con { padding-top: 100px; } 
.page_wrap.board.list .page_con, .page_wrap.board.inquiry.write .page_con, .page_wrap.company:not(.company1, .company4) .page_con, .page_wrap.busi .page_con, .page_wrap.privacy .page_con { padding: 100px 0; }
.page_wrap.pro.list .page_con .con.con1, .page_wrap.news.list .page_con .con.con1, .page_wrap.noti.list .page_con .con.con1,
.page_wrap.inquiry:not(.view) .page_con .con.con1, .page_wrap.datas.list .page_con .con.con1 { padding-top: 100px; }
.page_wrap.board.write:not(.inquiry) .page_con, .page_wrap.board.event.view .page_con, .page_wrap.board.commu.view .page_con { padding: 0 0 100px; } 
.page_wrap .page_con h2.tit { font-size: 30px; } 
.page_wrap .page_con .tit2 h3 { font-size: 20px; } 
.page_wrap .page_con .tit2 h3:before {width: 40px;height: 50px;} 

.page_wrap .page_con .tab {padding: 12px;border-radius: 25px;margin: 100px auto 65px;} 
.page_wrap .page_con .tab li { flex: 50%; } 
.page_wrap .page_con .tab.fx_3 li { flex-basis: calc(100% / 2 ); } 
.page_wrap .page_con .tab.fx_5 li { flex-basis: calc(100% / 2 ); }
.page_wrap .page_con .tab li a {font-size: 15px;letter-spacing: -1px;padding: 14px 12px;border-radius: 20px;} 

.page_wrap.company:not(.company1, .company4, .company6) .page_con .con.con1, .page_wrap.busi1 .page_con .con.con1 { padding-top: 100px; } 

.page_wrap.company0 .page_con .con.con1 .sec .box:not(:last-child) {margin-bottom: 60px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 {padding-top: 100px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left {margin: 0 0 35px 0;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left figure img {height: 400px;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p:nth-child(1) {font-size: 30px;margin-bottom: 5px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p {font-size: 18px;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top strong { font-size: 16px; margin-bottom: 50px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top h3 { font-size: 36px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top h3 span { font-size: 20px; margin-bottom: 15px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .bottom:before { background: #f4f4f4; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .bottom .left h4 { font-size: 20px; } 
.page_wrap.company0:not(.busi2) .page_con .con.con1 .sec.sec2 { padding: 100px 0; } 
    
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul {margin: 0 -15px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li {width: calc(100% / 2 - 30px);margin: 0 15px 50px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img {width: 100%;max-width: 225px;max-height: 225px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img figure img {transform: scale(.6);}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt {margin-top: 20px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt h3 {font-size: 20px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt p {margin-top: 10px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt p {font-size: 16px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:after {font-size: 40px;line-height: 1.2;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 { padding: 100px 0 150px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li p {font-size: 50px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img figure img {max-width: 200px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img p {font-size: 18px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li span {font-size: 16px;}

.page_wrap.company2 .page_con .con.con1 .sec.sec1 {margin-bottom: 100px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top {margin-bottom: 100px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top h3 {font-size: 20px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top span {font-size: 16px;margin-top: 20px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top span br {display: none;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom:before {height: 400px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt {top: 130px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt h4 {font-size: 35px;margin-bottom: 15px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt span {font-size: 16px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt span br {display: none;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:first-child {font-size: 20px;margin-bottom: 25px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p {font-size: 16px;margin-bottom: 10px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child span {font-size: 16px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child {font-size: 25px;margin-top: 80px;} 

.page_wrap.company3 .page_con .con.con1 .flow-text {font-size: 18vw;color: rgb(0 0 0 / 5%);}
.page_wrap.company3 .page_con .con.con1 .table .table_box {flex-direction: column;}
.page_wrap.company3 .page_con .con.con1 .table .table_box > div, .page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt {width: 100%;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt {margin: 20px 0 15px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 40px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {padding: 0 0 80px 35px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 20px;}
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {font-size: 16px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong {font-size: 18px;min-width: 45px;} 

.page_wrap.company4 .page_con .tit2 h3 {font-size: 30px;} 
.page_wrap.company4 .page_con .con.con1 .sec h4 {font-size: 25px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .box.box1 h4 {margin-bottom: 15px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .box.box2 h4 {margin-bottom: 30px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt {padding: 55px 40px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p {font-size: 20px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p:before, .page_wrap.company4 .page_con .con.con1 .sec .txt p:after {max-width: 30px;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul {margin: 0 -15px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li {width: calc(100% / 2 - 30px);margin: 0 15px 50px;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top {max-width: 225px;height: 100%;max-height: 225px;padding: 70px 20px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top:before {opacity: 1;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top h3 {font-size: 20px;color: #fff;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .bottom p {font-size: 16px;margin-top: 20px;}

.page_wrap.company5 .page_con .con .img:before {top: 13vw;height: 300px;background: url(/img/company5-1_1.png) no-repeat top center / cover;} 

.page_wrap.company6 .page_con .con #map > div img { height: 400px;} 
.page_wrap.company6 .page_con .con .txt .top { padding-bottom: 15px; margin-bottom: 15px; } 
.page_wrap.company6 .page_con .con .txt .top h4 { font-size: 25px; } 
.page_wrap.company6 .page_con .con .txt .top .map_link li a { font-size: 16px; } 
.page_wrap.company6 .page_con .con .txt .top .map_link li a i { background: var(--main-color); border-radius: 50%; color: #fff;} 
.page_wrap.company6 .page_con .con .txt .bottom p {font-size: 16px;} 
.page_wrap.company6 .page_con .con .txt .bottom p strong {display: block;} 

.page_wrap.busi1 .page_con .con.con1 .txt > ul {margin: 0 auto;}
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li {width: 100%;min-height: 300px;padding: 55px 25px 40px;margin: 0 auto 25px;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:before {background-position: bottom 35% center !important;}
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li:after {background: rgb(0 0 0 / 60%);} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div:first-child {margin-bottom: 30px;}
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div strong {font-size: 25px;margin-bottom: 20px;}
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div h5 {font-size: 18px;}

.page_wrap.busi2 .page_con .con.con1 .sec.sec1 .wrap .right .page_list li {font-size: 16px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 {margin: 100px 0;}
.page_wrap.busi2 .page_con .content .con.con1 .sec.sec2 .wrap {width: 96%;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .txt h3 {font-size: 25px;padding-bottom: 15px;}
.sub_slide .control_wrap {top: -20%;height: 44px;}  
.control_wrap .arrow_box {justify-content: flex-end;}  
.sub_slide .control_wrap .arrow_box div {max-width: 44px;}  
.sub_slide .control_wrap .arrow_box .sv-button-next {margin-left: 10px;}
.sub_slide .control_wrap .arrow_box div:after {font-size: 20px;}  
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul {margin: 0 -10px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li {width: calc(100% / 2 - 20px);margin: 0 10px 20px;}
    
.write-tbl th { width: 28%; } 

.page_wrap.privacy .page_con .content .con .wrap { padding: 12% 6%; } 
.page_wrap.privacy .page_con .con .sec { margin-bottom: 50px; } 
.privacy_tit { font-size: 18px; } 
.privacy_txt_area, .privacy_txt { font-size: 14px; } 
.privacy_txt_area { padding: 25px 35px; } 
}

@media all and (max-width: 479px){
#subVtop.busi:after { background: url(/img/sub_visual2.jpg) no-repeat right -50vw center / cover; } 
#subVtop .inner .txt h2 { font-size: 35px;} 

.page_wrap .page_con { padding-top: 80px; } 
.page_wrap.board.list .page_con, .page_wrap.board.inquiry.write .page_con, .page_wrap.company:not(.company1, .company4) .page_con, .page_wrap.busi .page_con, .page_wrap.privacy .page_con {padding: 80px 0 100px;} 
.page_wrap.pro.list .page_con .con.con1, .page_wrap.news.list .page_con .con.con1, .page_wrap.noti.list .page_con .con.con1,
.page_wrap.inquiry:not(.view) .page_con .con.con1, .page_wrap.datas.list .page_con .con.con1 { padding-top: 80px; }
.page_wrap .page_con .tit h2 {letter-spacing: -1px;}
.page_wrap .page_con .tit2 h3 { font-size: 18px; } 
.page_wrap .page_con .tit2 h3:before {width: 30px;height: 40px;} 

.page_wrap .page_con .tab {margin: 80px auto 45px;} 
    
.page_wrap.company:not(.company1, .company4, .company6) .page_con .con.con1, .page_wrap.busi1 .page_con .con.con1 { padding-top: 80px; } 
    
.page_wrap.company0 .page_con .con.con1 .sec.sec1 {padding-top: 80px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .left figure img {height: 350px;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p:nth-child(1) {font-size: 25px;} 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .wrap .right p {font-size: 16px;}
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top strong { font-size: 14px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top h3 { font-size: 30px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .top h3 span { font-size: 18px; } 
.page_wrap.company0 .page_con .con.con1 .sec.sec1 .bottom .left h4 { font-size: 18px; } 
.page_wrap.company0:not(.busi2) .page_con .con.con1 .sec.sec2 { padding: 80px 0; } 

.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul {margin: 0 auto;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li {width: 100%;margin: 0 auto 50px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img {max-width: 100%;max-height: 165px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .img figure {border-radius: 15px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt h3 {font-size: 18px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec2 ul li .txt p {font-size: 14px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img, .page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:before {height: 450px; } 
.page_wrap.company1 .page_con .con.con1 .sec.sec3 .img:after {font-size: 30px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 { padding: 80px 0 130px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img {margin-bottom: 60px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img p br {display: none;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul {flex-direction: column;text-align: center;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li:not(:last-child){margin-bottom: 35px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li p {font-size: 40px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img figure img {max-width: 160px;} 
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .img p {font-size: 16px;}
.page_wrap.company1 .page_con .con.con1 .sec.sec4 .wrap .txt ul li span {font-size: 14px;}

.page_wrap.company2 .page_con .con.con1 .sec.sec1 {margin-bottom: 80px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top {margin-bottom: 80px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top h3 {font-size: 18px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .top span {font-size: 14px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom:before {height: 350px;}
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt {top: 100px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt h4 {font-size: 30px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec1 .bottom .txt span {font-size: 14px;}  
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:first-child {font-size: 18px;margin-bottom: 20px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p {font-size: 14px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child span {font-size: 14px;} 
.page_wrap.company2 .page_con .con.con1 .sec.sec2 p:last-child {font-size: 22px;margin-top: 60px;} 

.page_wrap.company3 .page_con .con.con1 .flow-text {right: -2%;}
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_txt span { font-size: 30px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {padding: 0 0 60px 20px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {flex-direction: column;align-items: inherit;font-size: 14px;} 
.page_wrap.company3 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p strong {font-size: 16px;min-width: 100%;margin-right: 0;} 

.page_wrap.company4:before {max-width: 50vw;}
.page_wrap.company4 .page_con .tit2 h3 {font-size: 25px;} 
.page_wrap.company4 .page_con .con.con1 .sec h4 {font-size: 20px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt {padding: 55px 30px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p {font-size: 18px;}
.page_wrap.company4 .page_con .con.con1 .sec .txt p:before, .page_wrap.company4 .page_con .con.con1 .sec .txt p:after {max-width: 20px;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul {margin: 0 auto;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li {width: 100%;margin: 0 auto 50px;} 
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top {max-width: 100%;max-height: 165px;padding: 45px 20px;border-radius: 15px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .top h3 {font-size: 18px;}
.page_wrap.company4 .page_con .con.con1 .sec.sec2 .img ul li .bottom p {font-size: 14px;margin-top: 20px;}

.page_wrap.company6 .page_con .con #map > div img { height: 350px;} 
.page_wrap.company6 .page_con .con .txt .top {flex-direction: column;} 
.page_wrap.company6 .page_con .con .txt .top h4 {font-size: 20px;align-self: flex-start;} 
.page_wrap.company6 .page_con .con .txt .top .map_link {margin-top: 0;}
.page_wrap.company6 .page_con .con .txt .top .map_link li a { font-size: 14px; } 
.page_wrap.company6 .page_con .con .txt .bottom p strong {font-size: 16px;}

.page_wrap.busi1 .page_con .con.con1 .txt > ul > li {padding: 40px 25px 25px;} 
.page_wrap.busi1 .page_con .con.con1 .txt > ul > li div strong {font-size: 20px;margin-bottom: 10px;}

.page_wrap.busi2 .page_con .con.con1 .sec.sec1 .wrap .right .page_list li {font-size: 14px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 {margin: 80px 0;}
.page_wrap.busi2 .page_con .content .con.con1 .sec.sec2 .wrap {width: 96%;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec2 .txt h3 {font-size: 20px;}
.sub_slide .control_wrap .arrow_box div:after {font-size: 20px;}  
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img {margin-top: 10px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul {margin: 0 auto;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li {width: 100%;margin: 0 auto 10px;}
.page_wrap.busi2 .page_con .con.con1 .sec.sec3 .box .img ul li figure img {height: 150px;}

.privacy_tit { font-size: 16px; } 
    
.write-tbl tr, .write-tbl th, .write-tbl td { display: table; word-break: break-word; width: 100%; border-bottom: none; } 
.write-tbl tr { margin-bottom: 10px; } 
.write-tbl tr:first-child { margin: 10px auto; } 
.write-tbl th,.write-tbl td { padding: 0; } 
.write-tbl th { margin: 5px 0; text-align: left; font-size: 15px; } 
.write-tbl .write-textarea { height: 150px; } 
#captcha.m_captcha #captcha_info { font-size: 14px; } 
}