@charset "UTF-8";


body [data-aos=fade-up] {transform: translate3d(0,50px,0);}
.c_e41e26 { color: #ef4036; } 
.tab-content{display: none;}
.tab-content.current{display: inherit;}


/*---------- gsap ani: common ----------*/
#subVtop .inner {overflow:hidden;} 
.page_wrap figure {padding: 1px;overflow: hidden;} /* 이미지의 부모에 약간의 패딩이나 미세 여유 공간을 주어 마스크 경계면 튐 방지 */
.page_wrap figure img {display: block;width: 100%;height:100%;object-fit: cover;} /* 너비나 높이가 소수점으로 떨어지지 않게 꽉 채움 고정 */


/*---------- subVtop ----------*/
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVtop {height: 100vh;background-repeat: no-repeat;} 
#subVtop .inner {position: relative;width: 100%;height: 100%;border-bottom: 1px solid #e7e7e7;color: #fff;background-size: cover;background-repeat: no-repeat;background-position: center;} 
#subVtop.company .inner {background-image: url(/img/sub_visual1.jpg);}
#subVtop.sko .inner {background-image: url(/img/sub_visual2.jpg);}
#subVtop.pro .inner {background-image: url(/img/sub_visual3.jpg);}
#subVtop.result .inner {background-image: url(/img/sub_visual4.jpg);}
#subVtop.support .inner {background-image: url(/img/sub_visual5.jpg);}
#subVtop .inner .txt {position: absolute;bottom: 130px;left: 0;right: 0;max-width: 1566px;margin: 0 auto;} 


/*---------- sub_nav ----------*/
#subVtop .inner .txt .nav { align-items: center; } 
#subVtop .inner .txt .nav span {display: inline-block;font-size: 18px;font-weight: 300;margin-right: 20px;} 
#subVtop .inner .txt .nav span:not(:first-child) { cursor: default; } 
#subVtop .inner .txt .nav span::before {content: "";display: inline-block;width: 4px;height: 4px;margin-right: 20px;vertical-align: middle;background-color: #949494;} 
#subVtop .inner .txt .nav span:first-child::before { display: none; } 
#subVtop .inner .txt .nav span a i { color: #ef4036; } 
/**/
#subVtop .inner .txt h2 {font-size: 82px;font-weight: 700;} 
/**/
#subVtop .lnbs {display: block;position: relative;width: 100%;height: 65px;padding-top: 60px;margin-top: 70px;border-top: 1px solid #fff;} 
#subVtop .lnbs .lnb_wrap .menu-location {position: relative;} 
#subVtop .lnbs .lnb_wrap .menu-location a {font-weight: 500;padding: 22.5px 10px;} 
#subVtop .lnbs .lnb_wrap .menu-location > a { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #111; } 
#subVtop .lnbs .lnb_wrap .menu-location > a span { display: inline-block; margin-right: 30px; } 
#subVtop .lnbs .lnb_wrap .menu-location > a i { color: #ef4036; } 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul {display: flex;margin: 0 -10px;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li {position: relative;margin: 0 10px;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:before, #subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:after {content: "";display: inline-block;position: absolute;bottom: 0;width: 50%;height: 2px;opacity: 0;background: #e41e26;transition: opacity 1s;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:before {left: 50%;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li:after {right: 50%;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a {anchor-name: none;display: block;width: 200px;background: rgb(221 221 221 / 30%);border-radius: 32.5px;text-align: center;transition: all 1s;} 
/* on */
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li.on a {background: rgb(0 32 96 / 70%);backdrop-filter: none;transition: all 1s;} 

/* mobile: lnb_m */
#lnb_m { 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;padding: 110px 0 230px;margin: 0 auto;}  
.page_wrap .page_top {margin-bottom: 80px;} 
.page_wrap .page_top .txt span {display: block;font-size: 18px;margin-bottom: 20px;} 
.page_wrap .page_top .txt h3 {font-size: 54px;font-weight: 700;text-align: center;} 
/**/
.page_wrap .page_con .con.con1 .wrap .tab {/* margin: 0 auto 75px; */margin: -1px 0 75px -1px;box-shadow: 0 0 0 1px #e7e7e7;} 
.page_wrap .page_con .con.con1 .wrap .tab.fx_2 li {flex-basis: calc(100% / 2 );}
.page_wrap .page_con .con.con1 .wrap .tab.fx_3 li {flex-basis: calc(100% / 3 );}
.page_wrap .page_con .con.con1 .wrap .tab.fx_4 li {flex-basis: calc(100% / 3 );}
.page_wrap .page_con .con.con1 .wrap .tab li {border: 1px solid #e7e7e7;background: #fff;font-weight: 600;text-align: center;color: #999;transition: all .3s;}
.page_wrap .page_con .con.con1 .wrap .tab li:first-child {border-radius: 5px 0 0 5px;}
.page_wrap .page_con .con.con1 .wrap .tab li:last-child {border-radius: 0 5px 5px 0;}
.page_wrap .page_con .con.con1 .wrap .tab li a {display: block;height: 100%;font-family: "PLAY", sans-serif;font-size: 18px;padding: 25px;}
.page_wrap.pro .page_con .con.con1 .wrap .tab li a {padding: 20px;}
.page_wrap.pro .page_con .con.con1 .wrap .tab li a span {display: block;line-height: 1.4;}
/* current, hover */
.page_wrap .page_con .con.con1 .wrap .tab li.current {color: #fff;border: 1px solid transparent;background: #333;} 
.page_wrap .page_con .con.con1 .wrap .tab li:hover { color: #fff; border: 1px solid transparent; background: #e41e26; transition: all .3s; } 
/**/
.page_wrap .page_con .content .con .wrap {width: 100%;max-width: 1610px;margin: 0 auto;} 
/**/
.page_wrap .page_con .con .down.flex {justify-content: flex-start;} 
.page_wrap .page_con .con .down {margin-top: 30px;} 
.page_wrap .page_con .con .down a, .page_wrap .page_con .con .down button {display: block;width: 348px;height: 76px;padding: 27px 20px;font-size: 18px;font-weight: 300;color: #e41e26;border: 1px solid #e41e26;border-radius: 38px;text-align: center;transition: all .3s;} 
.page_wrap .page_con .con .down button {background: transparent;}
.page_wrap .page_con .con .down a:first-child {margin-right: 20px;}
.page_wrap.company7 .page_con .con .down a:first-child {margin-right: 0;}
.page_wrap .page_con .con .down a i, .page_wrap .page_con .con .down button i {margin-left: 15px;} 
/* hover */
.page_wrap .page_con .con .down a:hover, .page_wrap .page_con .con .down button:hover {color: #fff; background: #e41e26; transition: all .3s;}
/**/
.page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {font-size: inherit;font-weight: 300;line-height: 1.6;letter-spacing: -.5px;margin-bottom: 25px;} 
.page_wrap .page_top .txt > p {margin-bottom: 45px;} 
.page_wrap .page_con .con .right p strong {color: #111;} 

/* table, scroll */
/* .scroll_guide { display: none; position:absolute; top: 50%; left:50%; width: 115px; height: auto; border-radius:7px; background:rgba(0,0,0,0.67); padding:10px; text-align:center; transform:translate(-50%, -50%); z-index:10; transition: all .5s; }  */
.scroll_guide_txt {margin-top:4px;font-size:13px !important;line-height: 1.4;padding-left: 0 !important;margin-bottom: 0 !important;} 
.scroll_guide_i, .scroll_guide_txt {color:#fff !important;} 
/* hover */
/* .board_table:hover .scroll_guide { display: none; transition: all .5s; } */

/* Scroll */
.board_table {position:relative;overflow-x:auto;overflow-y:hidden}
.scroll_guide{position:absolute;top:50%;left:50%;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding:10px;text-align:center;transform:translate(-50%, -50%);z-index:10;}
.over-height .scroll_guide {top:350px}
/* .scroll_guide_img{width:50%;height:auto} */
/* .scroll_guide_text{margin-top:4px;font-size:13px;color:#fff;} */
/**/
.page_wrap .page_con .content .board_table {position: relative;} 
.page_wrap .page_con .content .board_table table {position: relative;/*max-width: 1460px;*/width: 100%;border-collapse: collapse;} 
.page_wrap .page_con .content .board_table table:before {content:"";display: block;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;margin: 0 auto;border-top: 1px solid #000;}
.page_wrap .page_con .content .board_table table tbody tr { border-bottom: 1px solid #d9d9d9; } 
.page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td { text-align: center; border: 1px solid #d9d9d9; vertical-align: middle; font-size: 18px;} 
.page_wrap .page_con .content .board_table table tbody tr th.w_20 { width: 20%; } 
.page_wrap .page_con .content .board_table table tbody tr th.w_25 { width: 25%; } 
.page_wrap .page_con .content .board_table table tbody tr th {background: #f9f9f9;font-weight: 500;padding: 30px 5px;} 
.page_wrap .page_con .content .board_table table tbody tr .bc_f9f9f9 {background: #f9f9f9;} 
.page_wrap.company1 .page_con .content .board_table table tbody tr th {font-size: 20px;} 
.page_wrap .page_con .content .board_table table tbody tr .lh { line-height: 1.4; } 
.page_wrap .page_con .content .board_table table tbody tr th:first-child, .page_wrap .page_con .content .board_table table tbody tr td:first-child { border-left: none; } 
.page_wrap .page_con .content .board_table table tbody tr th:last-child, .page_wrap .page_con .content .board_table table tbody tr td:last-child { border-right: none; } 
.page_wrap .page_con .content .board_table table tbody tr td {font-weight: 300;line-height: 1.4;padding: 17px 5px;} 
.page_wrap.company1 .page_con .content .board_table table tbody tr td {padding: 20px 5px;} 
.page_wrap .page_con .content .board_table .cmt {font-size: 15px;font-weight: 300;text-align: right;margin-top: 15px;}



/*---------- company1 ----------*/
.page_wrap.company1 {max-width: 1566px;background: url(/img/big_logo.png) no-repeat right bottom 80px / 70vh;margin: 0 auto;}  
/* con1 */
.page_wrap.company1 .page_con .con.con1 .left {margin-bottom: 65px;} 
.page_wrap.company1 .page_con .con.con1 .left figure {border-radius: 20px;}
.page_wrap.company1 .page_con .con.con1 .left figure img {min-height: 460px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:not(:nth-child(2)) p {font-weight: 600; color: #000;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(1) p {font-size: 32px;margin-bottom: 45px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(1) p span {font-weight: 300;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(2) p:last-child {margin-bottom: 60px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(3) p {font-size: 26px;margin-bottom: 0;}


/*---------- company2 ----------*/
.page_wrap.company2 .page_con .con.con1 .flow-text {position: absolute;top: 0;right: 4vw;display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;font-family: "GMarketSans";font-size: 200px;color: rgb(0 0 0 / 10%);writing-mode: tb-rl;z-index: -1;} 
.page_wrap.company2 .page_con .con.con1 .flow-wrap {animation: textLoop_lenght 50s linear infinite;padding-bottom: 1.4881vw;padding-bottom: 5.4881vw;padding-right: 20px;cursor: default;} 
/**/
.page_wrap.company2 .page_con .con.con1 .table { position: relative; max-width: 1450px; margin: 0 auto; } 
.page_wrap.company2 .page_con .con.con1 .table .table_box { margin: 0 auto; } 
.page_wrap.company2 .page_con .con.con1 .table .table_box:after { content: ""; display: block; clear: both; } 
.page_wrap.company2 .page_con .con.con1 .table .table_box > div {float: left;width: 60%;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt { width: 20%; } 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt span {font-size: 60px;font-weight: 600;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list {position: relative;float: right;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list { position: relative; } 
.page_wrap.company2 .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: #002060;z-index: 2;} 
.page_wrap.company2 .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 #002060;border-radius: 50px;z-index: 1;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {position: relative;padding: 0 0 150px 18%;} 
.page_wrap.company2 .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.company2 .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: rgb(0 32 96 / 70%);z-index: 1;transition: all 100ms ease-in;-webkit-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;} 
.page_wrap.company2 .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.company2 .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.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month {flex-direction: column;color: #222;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li {position: relative;margin-bottom: 15px;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li:last-child {margin-bottom: 0;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {display: inline-block;font-size: inherit;font-weight: 500;color: #333;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p span {display: block;font-size: 18px;font-weight: 400;line-height: 1.8;margin-top: 10px;}
/* aos-animate */
.page_wrap.company2 .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_lenght { 
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 .con.con1 .txt { width: 43%; letter-spacing: 0; text-align: right; margin: 2% 5% 0 0; } 

.page_wrap.company4 .page_con .con.con1 .txt h3 {margin-bottom: 20px;} 

.page_wrap.company4 .page_con .con.con1 .txt h3 img {display: inline-block;width: auto;} 

.page_wrap.company4 .page_con .con.con1 .txt h4 { font-size: 22px; font-weight: 300; padding-bottom: 25px; margin-bottom: 25px; line-height: 1.4; border-bottom: 2px dotted #ccc; } 

.page_wrap.company4 .page_con .con.con1 .txt ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } 

.page_wrap.company4 .page_con .con.con1 .txt ul li {width: 50%;justify-content: flex-end;align-items: center;} 

.page_wrap.company4 .page_con .con.con1 .txt ul li:last-child {width: 100%;align-items: center;margin-top: 20px;} 

.page_wrap.company4 .page_con .con.con1 .txt ul li p {font-size: inherit;} 
.page_wrap.company4 .page_con .con.con1 .txt ul li p strong { display: block; } 

.page_wrap.company4 .page_con .con.con1 .txt ul li img {display: block;width: 70px;height: 70px;margin-left: 20px;} 

.page_wrap.company4 .page_con .con.con1 .map { width: 52%; overflow: hidden; } 
.page_wrap.company4 .page_con .con.con1 .map a figure {height: 100%;} 
.page_wrap.company4 .page_con .con.con1 .map a figure {border-radius: 20px;} 
.page_wrap.company4 .page_con .con.con1 .map a figure img {transform: scale(2.5);} 



/*---------- sko ----------*/
.page_wrap.sko .page_con .con.con1 .sec:not(:last-child) {margin-bottom: 155px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt ul li {font-weight: 300;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt ul li span {display: block;font-weight: 600;margin-bottom: 15px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt .more {width: 100%;margin-top: 70px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt .more a {justify-content: center;}

/* .left fixed */
#fixed-sidebar{display:flex;justify-content:flex-start;}
#fixed-sidebar .left{width:40%;}
#fixed-sidebar .left h4 {font-size: 44px;font-weight: 600;line-height: 1.4;letter-spacing: -.5px;}
#fixed-sidebar .left h4 span {font-weight: 300;}
.left-placeholder{visibility:hidden;}

/* page_half */
.page_wrap.page_half .page_con .con.con1 .sec .left {width: 40%;}
.page_wrap.page_half .page_con .con.con1 .sec .left h4 {font-size: 44px;font-weight: 600;line-height: 1.4;letter-spacing: -.5px;}
.page_wrap.page_half .page_con .con.con1 .sec .left h4 span {font-weight: 300;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box:not(:last-child) {margin-bottom: 120px;}
.page_wrap.page_half .page_con .con.con1 .sec .right {margin-right: 75px;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box .txt h5 {font-size: 32px;font-weight: 600;}

/* sko1 */
.page_wrap.sko1 .page_con .con.con1 .sec .right {width: 50%;max-width: 645px;}
.page_wrap.sko1 .page_con .con.con1 .sec .right .box {border-radius: 10px;box-shadow: 0 0 15px rgb(65 65 66 / 10%);padding: 40px 60px 50px;}
.page_wrap.sko1 .page_con .con.con1 .sec .right .box .img {border-radius: 10px;}
.page_wrap.sko1 .page_con .con.con1 .sec .right .box .txt {flex-direction: column;justify-content: space-between;margin-top: 30px;}
.page_wrap.sko1 .page_con .con.con1 .sec .right .box .txt ul {margin-top: 20px;}

/* sko2 */
.page_wrap.sko2 .page_con .con.con1 .sec:not(:last-child) {margin-bottom: 80px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .wrap {position: relative;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .img img {height: 460px;border-radius: 20px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt {position: absolute;top: 60%;left: 3vw;right: 3vw;color: #fff;transform: translateY(-50%);}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt h4 {font-size: 44px;font-weight: 600;line-height: 1.4;letter-spacing: -.5px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt p {font-size: 20px;margin-top: 20px;}

.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box:not(:last-child) {margin-bottom: 80px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt {width: 30%;margin: 35px 5% 0 0;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt h5 {font-size: 32px;font-weight: 600;line-height: 1.2;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt h5 span {display: block;color: #002060;margin-bottom: 10px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt p {font-weight: 300;margin-top: 15px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img {width: 70%;max-width: 1050px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img {box-shadow: 0 0 15px rgb(65 65 66 / 10%);}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img figure {width: 100%;height: 100%;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img figure img {border-radius: 10px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box.box1 .img figure img {object-fit: contain;}

/* sko3 */
.page_wrap.sko3 .page_con .content .board_table table:before {display: none;}
.page_wrap.sko3 .page_con .content .board_table table tbody tr th {background: #f7f7f7;padding: 17px 5px;} 
.page_wrap.sko3 .page_con .content .board_table table tbody tr th, .page_wrap.sko3 .page_con .content .board_table table tbody tr td {border: 1px solid #ccc;}
.page_wrap.sko3 .page_con .content .board_table table tbody tr th:first-child, .page_wrap.sko3 .page_con .content .board_table table tbody tr td:first-child { border-left: none; } 
.page_wrap.sko3 .page_con .content .board_table table tbody tr th:last-child, .page_wrap.sko3 .page_con .content .board_table table tbody tr td:last-child { border-right: none; } 

.page_wrap.sko3 .page_con .con.con1 .sec .right {width: 100%;max-width: 1110px;margin-right: 0;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box:not(:last-child) {margin-bottom: 80px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box .txt {margin-bottom: 20px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box .txt h5 {position: relative;font-size: 30px;font-weight: 500;line-height: 1.4;padding-left: 15px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box .txt h5:before {content:"";display: block;position: absolute;top: 15px;left: 0;width: 7px;height: 7px;background: #002060;}

.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img {display: flex;margin: 0 -4px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure {width: calc(100% / 3 - 8px);height: 100%;margin: 0 4px;text-align: center;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure img {border-radius: 10px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure figcaption {font-weight: 500;margin-top: 20px;}


/*---------- pro ----------*/
/* pro1 */
.page_wrap.pro1 .page_con .con.con1 .sec.sec1 .right {width: 50%;max-width: 705px;}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .img img {border-radius: 10px;box-shadow: 0 0 15px rgb(65 65 66 / 10%);}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt {margin: 30px 0 0 10px;}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt ul {margin-top: 20px;}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt ul li {font-weight: 500;}


/*---------- support1 ----------*/
.page_wrap.support1 .page_con .con.con1 .wrap .sec h3 {font-size: 22px;} 
.page_wrap.support1 .page_con .con.con1 .wrap .sec .write-tbl {margin-top: 20px;}

.page_wrap.support1 .page_con .content .editor textarea {width: 100%;height: 150px;border: 1px solid #ddd;padding: 20px;font-size: 15px;font-weight: 500;color: #555;display: block;} 
.page_wrap.support1 .page_con .content .agree_txt { background: #eee; padding: 10px; } 
.page_wrap.support1 .page_con .content .agree_txt label {font-size: 16px;} 

.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt {padding: 50px 100px;margin-bottom: 50px;background: #fafafa url("/img/logo_b.png") right 100px center no-repeat;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li {font-size: 20px; line-height: 25px; padding-bottom: 15px; text-align: left; }
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li:last-child {padding-bottom: 0px;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span {display: inline-block; color: #666666; width: 180px;position: relative; padding-left: 15px}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span:after {content: ''; width: 1px; height: 15px; background: #333; position: absolute; right: 20px; top: 5px;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span:before {content: ''; width: 5px; height: 5px; border-radius: 50%; background: #333; position: absolute; left: 0px; top: 10px;}

.inquiry_style1.inquiry_tbl_style2 {margin: 50px 0;} 
.essential-icon { color: #ff0007; font-size: 17px; font-weight: bold; } 
.write-tbl {width: 100%;border-top: 1px solid #002060;} 
.write-tbl th,.write-tbl td {padding: 10px 15px;border-bottom: 1px solid #ddd;} 
.write-tbl th {font-size: 16px;color: #222;font-weight: 400;width: 12%;vertical-align: middle;} 
.write-tbl .write-input, .write-tbl .write-textarea { height: 38px; border: 0px; /* width:63.6%; */ background-color: #fff; border: 1px solid #d2d2d2; font-size: 14px; vertical-align: middle; padding: 10px; box-sizing: border-box; } 
.write-tbl .write-input:focus { border-color: #333; } 
.write-tbl .write-input { text-indent: 10px; width: 20%; } 
.write-tbl .write-textarea { width: 100%; height: 200px; resize: none; } 
.write-tbl .hypen { margin: 0 5px; } 
.radioCont li { float: left; padding: 10px 30px 10px 0; font-size: 15px; color: #666; } 
.radioCont li input { margin-right: 5px}
.frm_info { color: #e73221; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; } 








/*---------- respon ----------*/
@media (min-width: 1024px) and (max-width: 2500px){
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box.box1 .img {padding: 1.9% 3.1% 2.5%;}
}

@media all and (max-width: 1566px){
/* common */
#subVtop .inner .txt, .page_wrap, .page_wrap.company2 {width: 96%;}

#subVtop .inner .txt h2 {font-size: 65px;}

/* company2 */
.page_wrap.company2 .page_con .con.con1 .flow-text {right: -1.5%;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt span {font-size: 55px;}

/* company4 */
.page_wrap.company4 .page_con .con.con1 .txt ul li {width: 100%;}
.page_wrap.company4 .page_con .con.con1 .txt ul li:nth-child(2) {margin-top: 20px;}

/* page_half */
.page_wrap.page_half .page_con .con.con1 .sec .right {margin-right: 0;}
#fixed-sidebar .left h4, .page_wrap.page_half .page_con .con.con1 .sec .left h4 {font-size: 40px;}
#fixed-sidebar .left:where(.sko1_left, .pro1_left) h4 br, .page_wrap.page_half .page_con .con.con1 .sec .left:where(.sko1_left, .pro1_left) h4 br {display: none;}

/* sko */
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt ul li:not(:last-child) {margin-bottom: 20px;}

/* sko1 */
.page_wrap.sko1 .page_con .con.con1 .sec .right .box .txt ul {flex-direction: column;}

/* sko3 */
.page_wrap.sko3 .page_con .con.con1 .sec .left {width: 30%;}
.page_wrap.sko3 .page_con .con.con1 .sec .right {width: 70%;}

/* support1 */
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt {padding: 50px 6.2vw; background: #fafafa url("/img/logo_b.png") right 6.2vw center no-repeat;}
}

@media all and (max-width: 1023px){
#subVtop .inner .txt h2 {font-size: 55px;}
#subVtop .lnbs {height: 55px;padding-top: 45px;margin-top: 55px;} 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb ul{overflow: auto;}
#subVtop .lnbs .lnb_wrap .menu-location a {font-size: 18px;padding: 18px 10px;}

.page_wrap .page_top .txt h3 {font-size: 45px;}
.page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {font-size: 18px;}

/* company1 */
.page_wrap.company1 .page_con .con.con1 .left figure img {min-height: 350px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(1) p {font-size: 25px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(3) p {font-size: 18px;}

/* company2 */
.page_wrap.company2 .page_con .con.con1 .flow-text {font-size: 150px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box {flex-direction: column;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt {width: 100%;margin: 15px 0;}
.page_wrap.company2 .page_con .con.con1 .table .table_box:first-child .table_txt {margin: 0 0 15px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt span {font-size: 50px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box > div {width: 100%;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {padding: 0 0 150px 5%;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {font-size: 18px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p span {font-size: 16px;}

/* page_half */
#fixed-sidebar .left h4, .page_wrap.page_half .page_con .con.con1 .sec .left h4 {font-size: 30px;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box:not(:last-child) {margin-bottom: 80px;}
.page_wrap.sko1 .page_con .con.con1 .sec .right .box .txt {margin-top: 20px;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box .txt h5 {font-size: 20px;}

/* sko */
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt ul li {font-size: 18px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt .more {margin-top: 50px;}

/* sko1 */
.page_wrap.sko1 .page_con .con.con1 .sec .right .box {padding: 40px 4vw 50px;}

/* sko2 */
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .img img {height: 400px;object-position: center right;filter: brightness(0.5);}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt h4 {font-size: 30px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt p {font-size: 18px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box {flex-direction: column;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt {width: 100%;margin: 0 0 50px 0;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt h5 {font-size: 20px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img {width: 100%;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box.box1 .img {padding: 30px 50px 40px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img figure img {max-height: 350px;}

/* sko3 */
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure figcaption {font-size: 18px;}

/* pro1 */
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt ul li {font-size: 18px;}

/* support1 */
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li {font-size: 18px;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span {width: 15vw;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec h3 {font-size: 20px;}
.write-tbl th {width: 20%;}
.write-tbl td:not(.flex_div_3) .write-input {width: 100%;}
.write-tbl .write-input {width: calc(100% / 3 - 20px);} 

}

@media all and (max-width: 767px){
#subVtop .inner .txt {bottom: 80px;}
#subVtop .inner .txt h2 {font-size: 45px;}
#subVtop .lnbs {height: 45px;padding-top: 35px;margin-top: 45px;} 
#subVtop .lnbs .lnb_wrap .menu-location a {font-size: 16px;}
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li a {width: max-content;max-width: 150px;border-radius: 5px;}
#subVtop.result .inner {background-position: center right 45%;}
#subVtop.support .inner {background-position: center right 30%;}

.page_wrap {padding: 100px 0 180px;}  
.page_wrap .page_top {margin-bottom: 50px;} 
.page_wrap .page_top .txt h3 {font-size: 35px;}
.page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {font-size: 16px;margin-bottom: 20px;}
.page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {font-size: 16px;}
.page_wrap .page_con .content .board_table table tbody tr td {padding: 10px;}
.page_wrap .page_con .content .board_table .cmt {font-size: 13px;}

/* company1 */
.page_wrap.company1 {background-size: 65vw;}  
.page_wrap.company1 .page_con .con.con1 .left {margin-bottom: 35px;} 
.page_wrap.company1 .page_con .con.con1 .left figure img {min-height: 300px;}
.page_wrap.company1 .page_con .con.con1 .right ul li p br {display: none;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(1) p {font-size: 20px;margin-bottom: 35px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(3) p {font-size: 16px;letter-spacing: .5px;}

/* company2 */
.page_wrap.company2 .page_con .con.con1 .flow-text {font-size: 100px;right: -2%;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt span {font-size: 40px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {padding: 0 0 100px 5%;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {font-size: 16px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p span {font-size: 14px;}

/* company4 */
.page_wrap.company4 .page_con .content .con .wrap {flex-direction: column-reverse;}
.page_wrap.company4 .page_con .con.con1 .txt {width: 100%;text-align: initial;margin: 35px 0 0 0;} 
.page_wrap.company4 .page_con .con.con1 .txt h3 {margin-bottom: 10px;}
.page_wrap.company4 .page_con .con.con1 .txt h3 img {max-width: 200px;}
.page_wrap.company4 .page_con .con.con1 .txt h4 {font-size: 18px;padding-bottom: 20px;margin-bottom: 20px;}
.page_wrap.company4 .page_con .con.con1 .txt ul li {flex-direction: row-reverse;}
.page_wrap.company4 .page_con .con.con1 .txt ul li:nth-child(2), .page_wrap.company4 .page_con .con.con1 .txt ul li:last-child {margin-top: 15px;}
.page_wrap.company4 .page_con .con.con1 .txt ul li img {width: 55px;height: 55px;margin: 0 20px 0 0;} 
.page_wrap.company4 .page_con .con.con1 .txt ul li p {font-size: 16px;}
.page_wrap.company4 .page_con .con.con1 .map {width: 100%;}
.page_wrap.company4 .page_con .con.con1 .map a figure {height: 300px;}

/* page_half */
#fixed-sidebar {display: none;}
.page_wrap.page_half .page_con .content .con .wrap {flex-direction: column;}
.page_wrap.page_half .page_con .con.con1 .sec .left {width: 100%;}
#fixed-sidebar .left h4, .page_wrap.page_half .page_con .con.con1 .sec .left h4 {font-size: 25px;}
#fixed-sidebar .left h4 br, .page_wrap.page_half .page_con .con.con1 .sec .left h4 br {display: none;}
.page_wrap.sko1 .page_con .con.con1 .sec .right {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;max-width: 100%;padding: 15px 0;margin: calc(50px - 15px) 0 -15px;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box:not(:last-child) {margin-bottom: 50px;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box .txt h5 {font-size: 18px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box .txt h5:before {top: 10px;}

/* sko */
.page_wrap.sko .page_con .con.con1 .sec:not(:last-child) {margin-bottom: 120px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt ul li {font-size: 16px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt .more {max-width: 100%;margin-top: 35px;}

/* sko1 */
.page_wrap.sko1 .page_con .con.con1 .sec .right .box {padding: 40px 4vw 50px;}
.page_wrap.sko1 .page_con .con.con1 .sec .right .box .txt {margin-top: 20px;}

/* sko2 */
.page_wrap.sko2 .page_con .con.con1 .sec:not(:last-child) {margin-bottom: 50px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .img img {height: 350px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt h4 {font-size: 25px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt p {font-size: 16px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt p br {display: none;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box:not(:last-child) {margin-bottom: 50px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt {margin: 0 0 35px 0;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt h5 {font-size: 18px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt p {font-size: 16px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box.box1 .img {padding: 20px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img figure img {min-height: 200px;max-height: 300px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box.box1 .img figure img {min-height: 150px}

/* sko3 */
.page_wrap.sko3 .page_con .con.con1 .sec .right {width: 100%;margin-top: 25px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box .txt {margin-bottom: 15px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img {flex-wrap: wrap;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure {width: calc(100% / 2 - 8px);margin: 0 4px 20px;}
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure figcaption {font-size: 16px;}

/* pro1 */
.page_wrap.pro1 .page_con .con.con1 .sec.sec1 .right {width: 100%;max-width: 100%;margin-top: 50px;}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt {margin: 20px 0 0 0;}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt ul {margin-top: 15px;}
.page_wrap.pro1 .page_con .con.con1 .sec .right .box .txt ul li {font-size: 16px;}

/* support1 */
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt {padding: 100px 6.2vw 35px;background: #fafafa url("/img/logo_b.png") top 35px center no-repeat;background-size: 180px auto;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li {font-size: 16px;padding-bottom: 10px;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span {width: 120px;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec h3 {font-size: 18px;}
.page_wrap.support1 .page_con .content .agree_txt label {font-size: 14px;}
.write-tbl th {width: 28%;}
}

@media (min-width: 600px) and (max-width: 767px){
/* sko1 */
.page_wrap.sko1 .page_con .con.con1 .sec .right .box {width: calc(100% / 2 - 10px);}
}

@media all and (max-width: 479px){
#subVtop .inner .txt h2 {font-size: 35px;}
.page_wrap .page_top .txt h3 {font-size: 25px;}
.page_wrap .page_top .txt > p, .page_wrap .page_con .con .right p {font-size: 14px;}
.page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {font-size: 14px;}
.page_wrap.sko3 .page_con .content .board_table table tbody tr th {padding: 10px 5px;}
.page_wrap .page_con .content .board_table table tbody tr td {padding: 5px 10px;}
.page_wrap .page_con .content .board_table .cmt {font-size: 12px;}

/* company1 */
.page_wrap.company1 .page_con .con.con1 .left figure img {min-height: 250px;}
.page_wrap.company1 .page_con .con.con1 .right ul li:nth-child(1) p {font-size: 18px;margin-bottom: 25px;}

/* company2 */
.page_wrap.company2 .page_con .con.con1 .flow-text {font-size: 80px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_txt span {font-size: 30px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap {padding: 0 0 80px 5%;} 
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p {font-size: 14px;}
.page_wrap.company2 .page_con .con.con1 .table .table_box .table_list .list .list_wrap .month li p span {font-size: 12px;}

/* company4 */
.page_wrap.company4 .page_con .con.con1 .txt h3 img {max-width: 180px;}
.page_wrap.company4 .page_con .con.con1 .txt h4 {font-size: 16px;}
.page_wrap.company4 .page_con .con.con1 .txt ul li img {margin: 0 10px 0 0;} 
.page_wrap.company4 .page_con .con.con1 .txt ul li p {font-size: 14px;}
.page_wrap.company4 .page_con .con.con1 .map a figure {height: 250px;}

/* page_half */
#fixed-sidebar .left h4, .page_wrap.page_half .page_con .con.con1 .sec .left h4 {font-size: 20px;}
.page_wrap.page_half .page_con .con.con1 .sec .right .box .txt h5 {font-size: 16px;}

/* sko */
.page_wrap.sko .page_con .con.con1 .sec:not(:last-child) {margin-bottom: 80px;}
.page_wrap.sko .page_con .con.con1 .sec .right .box .txt ul li {font-size: 14px;}

/* sko2 */
.page_wrap.sko2 .page_con .con.con1 .sec:not(:last-child) {margin-bottom: 35px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .img img {height: 350px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt h4 {font-size: 20px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec1 .txt p {font-size: 14px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt {margin: 0 0 25px 0;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt h5 {font-size: 16px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .txt p {font-size: 14px;margin-top: 10px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box .img figure img {min-height: 150px;}
.page_wrap.sko2 .page_con .con.con1 .sec.sec2 .box.box1 .img figure img {min-height: 100px}

/* sko3 */
.page_wrap.sko3 .page_con .con.con1 .sec .right .box.img_box .img figure figcaption {font-size: 14px;margin-top: 10px;}

/* support1 */
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt {padding: 80px 6.2vw 35px;background-size: 160px auto;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li {font-size: 14px;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span {width: 100%;}
.page_wrap.support1 .page_con .con.con1 .wrap .sec .txt li span:after {display: none;}
.page_wrap.support1 .page_con .con.con1 .sec h3 {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;}
}