/****************************** sub_style.css - 서브 css ******************************/
@charset "UTF-8";

/*---------- subVtop ----------*/
#subVtop {position: relative;height: 573px;} 
#subVtop .inner {flex-direction: column;align-items: center;height: 100%;padding-top: 225px;} 
#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.PRODUCT:after { background: url(/img/sub_visual2.jpg) no-repeat center/ cover; } 
#subVtop.DATA:after { background: url(/img/sub_visual3.jpg) no-repeat center/ cover; } 
#subVtop.SUPPORT:after { background: url(/img/sub_visual4.jpg) no-repeat center/ cover; } 
#subVtop.privacy:after { background: url(/img/sub_visual0.jpg) no-repeat center/ cover; } 


/*---------- sub_nav ----------*/
#subVtop .inner .txt {color: #fff;text-align: center;overflow: hidden;} 
#subVtop .inner .txt span { display: block; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 700; margin-bottom: 25px; } 
#subVtop .inner .txt h2 { font-size: 80px; font-weight: 500;} 
/**/
#subVtop .nav {width: 100%;border-top: 1px solid rgb(255 255 255 / 30%);backdrop-filter: blur(10px);} 
#subVtop .lnbs {width: 100%;max-width: 1485px;margin: 0 auto;} 
#subVtop .lnbs .lnb_wrap {justify-content: center;} 
#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: 600;color: #fff;padding: 29px 0;} 
#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 50px;} 
#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;top: -2px;width: 50%;height: 3px;opacity: 0;background: var(--main-color);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 { position: relative; } 
.page_wrap .page_con {padding: 140px 0 200px;} 
.page_wrap.company3 .page_con {padding: 140px 0;} 
.page_wrap.SEARCH .page_con {padding: 240px 0 200px;} 
.page_wrap .page_con .wrap { width: 100%; max-width: 1485px; margin: 0 auto; } 
.page_wrap .page_con .tit {margin-bottom: 80px;text-align: center;} 
.page_wrap .page_con .tit h2 {font-size: 54px;} 
.page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 20px;line-height: 1.8;} 
.page_wrap .page_con .content .con > h3 { font-size: 36px; font-weight: 300; } 
.page_wrap .page_con .content .con > h3 strong { display: inline-block; font-weight: 600; color: #bd1920; margin-bottom: 15px; letter-spacing: -1px; } 
.page_wrap .page_con .content .con > p {margin-bottom: 80px;padding-left: 0;} 
.page_wrap.pro2 .page_con .content .con > p, .page_wrap.pro2 .page_con .content .con3 ul.dot,
.page_wrap.pro3 .page_con .content .con > p,
.page_wrap.pro5 .page_con .content .con > p, .page_wrap.pro5 .page_con .content .con4 ul.dot,
.page_wrap.pro6 .page_con .content .con2 ul.dot,
.page_wrap.pro8 .page_con .content .con > p, .page_wrap.pro8 .page_con .content .con2 ul.dot {margin-bottom: 40px;} 
/**/
.page_wrap .page_con .content ul.img.b_bdbdbd li img {border: 1px solid #bdbdbd;}
.page_wrap .page_con .content ul.img.flex {margin: 0 -15px;}
.page_wrap .page_con .content ul.img.flex > li {margin: 0 15px;}
.page_wrap .page_con .content ul.img.flex.f_2 > li {width: calc(100% / 2 - 30px);}
.page_wrap .page_con .content ul.img.flex.f_3 > li {width: calc(100% / 3 - 30px);}
.page_wrap .page_con .content ul.img.flex.f_4 > li {width: calc(100% / 4 - 30px);}
.page_wrap .page_con .content ul.img.flex > li > img {display: block;width: 100%;height: auto;margin: 0 auto;object-fit: cover;}
/**/
.page_wrap .page_con .content p:last-child, .page_wrap .page_con .content ul.dot li:last-child { margin-bottom: 0; } 
/**/
.page_wrap .page_con .content ul.dot li {display: inline-block;position: relative;padding-left: 20px;margin-bottom: 10px;line-height: 1.4;}
.page_wrap .page_con .content ul.dot li:before {content:"";display: block;position: absolute;top: 15px;left: 0;width: 2px;height: 2px;background: #111;border-radius: 50%;}

/* table, scroll */
/* scroll_guide */
.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;}
.scroll_guide_i, .scroll_guide_txt{color:#fff;}
/* hover */
.board_table:hover .scroll_guide{display: none; transition: all .5s;}
/**/
.page_wrap .page_con .content .board_table {position: relative;}
.page_wrap .page_con .content .board_table table {position: relative;max-width: 1485px;width: 100%;border-top: 2px solid #9a9a9a;}
.page_wrap .page_con .content .board_table table tbody tr {border-bottom: 1px solid #ddd;}
.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 #cdcdcd;vertical-align: middle;}
.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 {font-size: 24px;background: #f5f5f5;font-weight: 500;padding: 15px 5px;}
.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-size: 18px;font-weight: 300;line-height: 1.4;padding: 20px 5px;}



/*---------- company1 ----------*/
.company1 .page_con .content .con.con .wrap .txt {margin-bottom: 120px;text-align: center;}
.company1 .page_con .content .con.con .wrap .txt h3 {font-family: "Poppins", sans-serif; font-size: 34px; color: var(--main-color); margin-bottom: 35px;}
.company1 .page_con .content .con.con .wrap .txt p {color: #555;margin-bottom: 25px;}
.company1 .page_con .content .con.con .wrap .txt p:nth-last-child(2) {margin-bottom: 70px;}
.company1 .page_con .content .con.con .wrap .txt p:last-child {font-size: 26px;font-weight: 600;color: inherit;margin-bottom: 0;}

.company1 .page_con .content .con.con .wrap .img {height: 565px;background: url(../img/company1-1.png) no-repeat center / 1199px auto;border: 1px solid #ccc;border-radius: 20px;}
.company1 .page_con .content .con.con .wrap .img ul {width: 100%;max-width: 79%;height: 100%;margin: 0 auto;}
.company1 .page_con .content .con.con .wrap .img ul li {display: flex;flex-direction: column;justify-content: center;width: calc(100% / 3);color: #fff;}
.company1 .page_con .content .con.con .wrap .img ul li .top img {display: block;width: 100%;max-width: 105px;margin: 0 auto;object-fit: contain;} 
.company1 .page_con .content .con.con .wrap .img ul li .bottom {font-family: "Noto Sans KR", sans-serif;text-align: center;margin-top: 30px;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom h3 {font-size: 28px;margin-bottom: 5px;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom p {font-size: 24px;font-weight: 500;}


/*---------- company2 ----------*/
.company2 .page_con .content .img {position: relative;height: 350px;margin-bottom: 70px;} 
.company2 .page_con .content .img img {width: 100%;height: 100%;object-fit: cover;filter: brightness(0.8);transform: scale(0.5);} 
.company2 .page_con .content .img.aos-animate img {animation: scale_up 1.5s forwards;}
.company2 .page_con .content .img div {display: block;position: absolute;top: 32%;left: 0;width: 100%;} 
.company2 .page_con .content .img div p {font-family: "Poppins", sans-serif;font-size: 24px;color: var(--main-color);text-align: center;font-weight: 600;filter: brightness(3.5);} 
.company2 .page_con .content .img div p span {display: block;font-size: 48px;color: #fff;} 
@keyframes scale_up {
0% { transform: scale(0.5);} 
100% { transform: scale(1); } 
}
/**/
.company2 .page_con .content .table .table_box { border-bottom: 1px solid #ddd; padding: 50px 0; } 
.company2 .page_con .content .table .table_box:last-child { border-bottom: none; padding: 50px 0 0; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap { padding-left: 10%; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 30px;} 
.company2 .page_con .content .top { position: relative; height: 350px; margin-bottom: 110px; } 
.company2 .page_con .content .top img { width: 100%; height: 100%; object-fit: cover; } 
.company2 .page_con .content .top div { display: block; position: absolute; top: 32%; left: 0; width: 100%; } 
.company2 .page_con .content .top div p { color: #cacaca; text-align: center; } 
.company2 .page_con .content .top div p strong { display: block; font-size: 60px; color: #fff; letter-spacing: -2px; font-weight: 600; margin-bottom: 15px; } 
.company2 .page_con .content .table {position: relative;max-width: 1400px;margin: 0 auto;} 
.company2 .page_con .content .table .table_box { margin: 0 auto; } 
.company2 .page_con .content .table .table_box:after { content: ""; display: block; clear: both; } 
.company2 .page_con .content .table .table_box > div {float: left;width: 75%;} 
.company2 .page_con .content .table .table_box .table_txt {width: 20%;font-size: 55px;font-weight: 700;} 
.company2 .page_con .content .table .table_box .table_img { padding-right: 7%; } 
.company2 .page_con .content .table .table_box .table_img img { border: 1px solid #eee; box-shadow: 3px 6px 9px #eee; width: 100%; } 
.company2 .page_con .content .table .table_box .table_img img:nth-child(1) { margin-bottom: 20px; } 
.company2 .page_con .content .table .table_box .table_img.flex { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.company2 .page_con .content .table .table_box .table_img img { height: 280px; } 
.company2 .page_con .content .table .table_box:last-child .table_img img { object-fit: contain; } 
.company2 .page_con .content .table .table_box .table_img.flex img:nth-child(1) { width: 199px; } 
.company2 .page_con .content .table .table_box .table_img.flex img:nth-child(2) { width: calc(100% - 199px); object-fit: contain; } 
.company2 .page_con .content .table .table_box .table_list { position: relative; float: right; } 
.company2 .page_con .content .table .table_box .table_list .list { position: relative; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap { position: relative; line-height: 1.8; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .progress_bar { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .progress_bar span { display: block; width: 4px; height: 0%; margin-left: -1px; background: #f39606; z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .year { display: block; position: relative; top: -10px; margin-bottom: 20px; font-size: 22px; font-weight: 600; } 
.company2 .page_con .content .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; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month { color: #222; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {position: relative;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p { display: flex; margin-bottom: 10px; line-height: 1.6; align-items: baseline; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {display: inline-block;font-size: 28px;font-weight: 600;margin-right: 20px;width: 10%;min-width: 35px;} 
.company2 .page_con .content .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%; } 
}


/*---------- company3 ----------*/
.page_wrap.company3 .page_con .con.con1 .wrap .sec {margin-bottom: 60px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec:last-child {margin-bottom: 0;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img h3 {position: relative;font-size: 24px;font-weight: 500;padding-left: 20px;margin-bottom: 30px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img h3:before {content:"";display: block;position: absolute;top: 8px;left: 0;width: 5px;height: 5px;background: var(--main-color);} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul {flex-wrap: wrap;justify-content: flex-start;margin: 0 -25px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li {width: calc(100% / 4 - 50px);margin: 0 25px 60px;padding: 0;transition: all .3s;}  
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li figure { position: relative; padding: 40px; border: 1px solid #d8d8d8; background: #fafafa; transition: all .3s; } 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li figure img {display: block;width: 100%;max-width: 215px;height: 100%;max-height: 300px;object-fit: cover;margin: 0 auto;box-shadow: 6px 6px 6px #eee;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 20px;font-weight: 500;text-align: center;line-height: 1.6;margin-top: 15px;} 
/* hover */
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li:hover figure { box-shadow: 0 0 10px rgba(0,0,0,.1); transition: all .3s; } 


/*---------- company4 ----------*/
.page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div {width: 100% !important;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap {margin-top: 60px;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap h3 {font-size: 40px;font-weight: 600;border-bottom: 1px solid #d8d8d8;padding-bottom: 25px;margin-bottom: 25px;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap .txt_bottom p {margin-bottom: 15px;color: #555;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap .txt_bottom p:last-child {margin-bottom: 0;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap .txt_bottom p i {font-size: 18px;color: #0260b3;vertical-align: baseline;margin-right: 20px;}  
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap .txt_bottom p strong {font-weight: 600;margin-right: 20px;width: 100px;display: inline-block;color: #222;} 


/*---------- support1 ----------*/
.page_wrap.support1 .page_con .content .con.con1 .txt {width: 100%;max-width: 650px;border: 1px solid #dcdcdc;padding: 40px 50px;text-align: center;margin: 0 auto 110px;box-shadow: 0px 0px 6px rgb(10 11 12 / 10%);transition: all .3s;} 
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 24px;color: #000;}
.page_wrap.support1 .page_con .content .con.con1 .txt h3, .page_wrap.support1 .page_con .content .con.con1 .txt ul li {font-weight: 400;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li {}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 38px;font-weight: 600;color: var(--main-color);margin: 25px 0;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {font-size: 20px;margin-top: 50px;}
/**/
.page_wrap.support1 .page_con .content .inquiry_style1 h3 {font-weight: 400;margin: 20px 0 10px;} 
.page_wrap.support1 .page_con .content .inquiry_style1 h3:before { display: none; } 
.page_wrap.support1 .page_con .content .inquiry-essential-txt {text-align: right;font-size: 16px;}
.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;} 
/**/
.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 var(--main-color);} 
.write-tbl th,.write-tbl td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.write-tbl th {color:#444;font-size:16px;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; } 
.cm-btn-controls {margin-top: 100px;}
.cm-btn-controls button{display: block;width: 220px;height: 65px;line-height: 65px;font-size: 18px;color: #fff;margin: 0 auto; border:0; background: var(--main-color); transition: all .3s;}
/* hover */
.cm-btn-controls button:hover {color: unset;background: #dadada; transition: all .3s;}






/*---------- respon ----------*/
@media all and (max-width: 1485px){
#subVtop .lnbs, .page_wrap .page_con .wrap {width: 96%;}

.company1 .page_con .content .con.con .wrap .img {background-size: 85vw auto;}
.company1 .page_con .content .con.con .wrap .img ul { max-width: 83vw;}

.company2 .page_con .content .table .table_box > div {width: 80%;}

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

@media (max-width: 1023px){
#subVtop {height: 573px;} 
#subVtop .inner {padding-top: 225px;} 
#subVtop:after { height: 573px;} 
#subVtop .inner .txt span { font-size: 18px; } 
#subVtop .inner .txt h2 {font-size: 65px;} 
#subVtop .lnbs .lnb_wrap .menu-location a {font-size: 20px;padding: 25px 0;} 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li {margin: 0 25px;}

.page_wrap .page_con .tit h2 {font-size: 45px;} 
.page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 18px;}

.company1 .page_con .content .con.con .wrap .txt h3 {font-size: 30px;}
.company1 .page_con .content .con.con .wrap .txt p {font-size: 18px;}
.company1 .page_con .content .con.con .wrap .txt p:last-child {font-size: 20px;}
.company1 .page_con .content .con.con .wrap .img {height: 450px;}
.company1 .page_con .content .con.con .wrap .img ul li .top img {min-width: 40px;max-width: 65px;} 
.company1 .page_con .content .con.con .wrap .img ul li .bottom {margin-top: 15px;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom h3 {font-size: 25px;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom p {font-size: 20px;}

.company2 .page_con .content .img {margin-bottom: 50px;}
.company2 .page_con .content .img div p {font-size: 18px;}
.company2 .page_con .content .img div p span {font-size: 35px;}
.company2 .page_con .content .table .table_box .table_txt {font-size: 40px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap { padding-left: 8%; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 6%;font-size: 25px;}

.page_wrap.company3 .page_con .con.con1 .wrap .sec .img h3 {font-size: 20px;margin-bottom: 20px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul {flex-start;margin: 0 -15px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li {width: calc(100% / 3 - 30px);margin: 0 15px 60px;}   
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 18px;} 

.page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div .wrap_map,  .page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div .map {height: 400px !important;}
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap {margin-top: 45px;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap h3 {font-size: 35px;} 

.page_wrap.support1 .page_con .content .con.con1 .txt {padding: 30px 4%;margin: 0 auto 80px;} 
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 20px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 30px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) {font-size: 18px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {font-size: 18px;}
.page_wrap.support1 .page_con .content .inquiry-essential-txt, .page_wrap.support1 .page_con .content .agree_txt {letter-spacing: -.5px;}
.page_wrap.support1 .page_con .content .inquiry_style1 h3 {font-size: 18px;}
.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);} 
.cm-btn-controls {margin-top: 80px;}
}

@media all and (max-width: 767px) {
#subVtop, #subVtop:after {height: 500px;} 
#subVtop .inner {padding-top: 200px;} 
#subVtop .inner .txt span {font-size: 16px;margin-bottom: 15px;} 
#subVtop .inner .txt h2 {font-size: 50px;} 
#subVtop .lnbs .lnb_wrap {overflow: auto;justify-content: inherit;padding-top: 3px;}
#subVtop .lnbs .lnb_wrap .menu-location a {font-size: 18px;padding: 21px 0;} 
#subVtop .lnbs .lnb_wrap .menu-location .s_lnb li {width: max-content;}

.page_wrap .page_con {padding: 100px 0 150px;} 
.page_wrap.company3 .page_con {padding: 100px 0;} 
.page_wrap.SEARCH .page_con {padding: 200px 0 150px;} 
.page_wrap .page_con .tit {margin-bottom: 60px;}
.page_wrap .page_con .tit h2 {font-size: 35px;} 
.page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 16px;}

.company1 .page_con .content .con.con .wrap .txt {margin-bottom: 80px;}
.company1 .page_con .content .con.con .wrap .txt h3 {font-size: 25px;margin-bottom: 25px;}
.company1 .page_con .content .con.con .wrap .txt p {font-size: 16px;margin-bottom: 15px;}
.company1 .page_con .content .con.con .wrap .txt p:nth-last-child(2) {margin-bottom: 50px;}
.company1 .page_con .content .con.con .wrap .txt p:last-child {font-size: 18px;}
.company1 .page_con .content .con.con .wrap .img {height: 96vw;transform: rotate(90deg);background-position: bottom 7vw center;}
.company1 .page_con .content .con.con .wrap .img ul {flex-direction: column;transform: rotate(-90deg);padding: 15vw 0 15vw 11vw;}
.company1 .page_con .content .con.con .wrap .img ul li {flex-direction: row;width: 100%;}
.company1 .page_con .content .con.con .wrap .img ul li .top {width: 20%;} 
.company1 .page_con .content .con.con .wrap .img ul li .bottom {width: 100%;margin: 0 0 0 15vw;color: initial;text-align: inherit;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom h3 {font-size: 20px;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom p {font-size: 18px;}

.company2 .page_con .content .img {height: 250px;margin-bottom: 30px;}
.company2 .page_con .content .img img {object-position: right;filter: brightness(0.6);}
.company2 .page_con .content .img div p {font-size: 16px;}
.company2 .page_con .content .img div p span {font-size: 25px;}
.company2 .page_con .content .table .table_box {padding: 30px 0;}
.company2 .page_con .content .table .table_box:last-child { border-bottom: none; padding: 30px 0 0; } 
.company2 .page_con .content .table .table_box .table_txt, .company2 .page_con .content .table .table_box > div {f;width: 100%;}
.company2 .page_con .content .table .table_box .table_txt {font-size: 30px;margin-bottom: 15px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding-left: 0;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 0;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 10%;font-size: 20px;}

.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul {flex-start;margin: 0 -10px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li {width: calc(100% / 2 - 20px);margin: 0 10px 40px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li figure {padding: 30px;}
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 16px;} 

.page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div .wrap_map,  .page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div .map {height: 300px !important;}
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap {margin-top: 35px;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap h3 {font-size: 30px;padding-bottom: 20px;margin-bottom: 20px;} 
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap .txt_bottom p i {display: inline-block}
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap .txt_bottom p strong {width: calc(100% - 38px);margin-right: 0;}

.page_wrap.support1 .page_con .content .con.con1 .txt {padding: 30px 2%;margin: 0 auto 80px;} 
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 18px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 25px;font-weight: 900;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) {font-size: 16px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {font-size: 16px;margin-top: 30px;}
.page_wrap.support1 .page_con .content .inquiry-essential-txt, .page_wrap.support1 .page_con .content .agree_txt label {font-size: 15px;}
.write-tbl th {width: 28%;}
.cm-btn-controls button {width: 200px;font-size: 16px;}
}

@media all and (max-width: 479px) {
#subVtop, #subVtop:after {height: 400px;} 
#subVtop .inner {padding-top: 150px;} 
#subVtop .inner .txt span {font-size: 14px;} 
#subVtop .inner .txt h2 {font-size: 40px;} 
#subVtop .lnbs .lnb_wrap .menu-location a {font-size: 16px;} 

.page_wrap .page_con .tit h2 {font-size: 25px;}
.page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 14px;}

.company1 .page_con .content .con.con .wrap .txt h3 {font-size: 20px;}
.company1 .page_con .content .con.con .wrap .txt p {font-size: 14px;}
.company1 .page_con .content .con.con .wrap .txt p:nth-last-child(2) {margin-bottom: 35px;}
.company1 .page_con .content .con.con .wrap .txt p:last-child {font-size: 16px;}
.company1 .page_con .content .con.con .wrap .img {background-position: bottom 4vw center;}
.company1 .page_con .content .con.con .wrap .img ul {padding: 13vw 0 13vw 7vw;}
.company1 .page_con .content .con.con .wrap .img ul li {flex-direction: row;width: 100%;}
.company1 .page_con .content .con.con .wrap .img ul li .top {width: 20%;} 
.company1 .page_con .content .con.con .wrap .img ul li .bottom {width: 100%;margin: 0 0 0 15vw;color: initial;text-align: inherit;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom h3 {font-size: 18px;}
.company1 .page_con .content .con.con .wrap .img ul li .bottom p {font-size: 16px;}

.company2 .page_con .content .img {height: 200px;}
.company2 .page_con .content .img div p {font-size: 14px;}
.company2 .page_con .content .img div p span {font-size: 20px;}
.company2 .page_con .content .table .table_box .table_txt {font-size: 25px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding-left: 0;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p {flex-direction: column;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 100%;font-size: 18px;margin-right: 0;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p span {padding-left: 0;}

.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul {flex-start;margin: 0 auto;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li {width: 100%;margin: 0 auto 40px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li figure img {max-width: 125px;} 
.page_wrap.company3 .page_con .con.con1 .wrap .sec .img ul li h4 {font-size: 16px;} 

.page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div .wrap_map,  .page_wrap.company4 .page_con .con.con1 .wrap .map_wrap > div .map {height: 200px !important;}
.page_wrap.company4 .page_con .con.con1 .wrap .txt_wrap h3 {font-size: 25px;padding-bottom: 15px;margin-bottom: 15px;} 

.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 16px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 20px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) {font-size: 14px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) strong:nth-child(2) {margin-top: 10px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {line-height: 1.4;}
.page_wrap.support1 .page_con .content .inquiry_style1 h3 {font-size: 16px;}
.page_wrap.support1 .page_con .content .inquiry-essential-txt, .page_wrap.support1 .page_con .content .agree_txt label {font-size: 13px;}
.page_wrap.support1 .page_con .content .editor textarea {height: 100px;padding: 20px 4%; font-size: 14px;}
.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 {margin: 5px 0;text-align: left;font-size: 14px;}
.write-tbl .write-textarea {height: 150px;}
#captcha.m_captcha #captcha_info {font-size: 14px;}
.cm-btn-controls button {width: 150px;line-height: 55px;height: 55px;font-size: 14px;}
}