@charset "utf-8";

/* scroll bar */
::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 50px; } 
::-webkit-scrollbar-button { display: none; } 
::-webkit-scrollbar-thumb {background-color: var(--sub-color);border-radius: 50px;} 
::-webkit-scrollbar-track { background-color: #E8E8E8; border-radius: 50px; } 



/* sub_com */
.sub_com {line-height: 1.3;} 
.sub_inner_wrap { width: 94%; max-width: 1400px; margin: 100px auto 0; font-size: 16px; position: relative; } 
.flex_box {display: flex;flex-wrap: wrap;align-content: center;justify-content: flex-start;align-items: center;flex-direction: row;} 
.flex_2 > * { width: 48%; margin-right: 2%; } 
.flex_2 > *:nth-child(2n) { margin-right:0; } 

.flex_3 > * { width: 32%; margin-right: 2%; margin-bottom: 2%; } 
.flex_3 > *:nth-child(3n) { margin-right:0; } 

.line {padding: 5rem 0;}
.line ul {justify-content: center;}
.line li {border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #000;}
.line li:nth-child(2) {margin: 0 60px;}

.border_ccc img {border: 1px solid #ddd;}

.mw_1250 {max-width: 1250px; margin: 0 auto;}

/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 490px; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; position: relative; } 
.sub_page_visual1 { background-image: url(../img/sub_visual_1.jpg); } 
.sub_page_visual2 { background-image: url(../img/sub_visual_2.jpg); } 
.sub_page_visual3 { background-image: url(../img/sub_visual_3.jpg); } 
.sub_page_visual4 { background-image: url(../img/sub_visual_4.jpg); } 
.sub_page_visual5 { background-image: url(../img/sub_visual_5.jpg); } 
.sub_page_visual4::before { content:''; display:block; position: absolute; width:100%; height: 100%; background: #11111147; } 
.sub_page_visual2.bo_visual2 { background-image: url(../img/bo_visual2.jpg); } 
.sub_page_visual2.bo_visual3 { background-image: url(../img/bo_visual3.jpg); } 
.sub_page_visual2.bo_visual4 { background-image: url(../img/bo_visual4.jpg); } 
.sub_page_visual2.bo_visual5 { background-image: url(../img/bo_visual5.jpg); } 
.sub_page_visual2.bo_visual6 { background-image: url(../img/bo_visual6.jpg); } 
.sub_page_visual2.bo_visual7 { background-image: url(../img/bo_visual7.jpg); } 


 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
100% { transform: scale(1); opacity: 1; } 
 }
 /* sub_visual */
 .sub_visual_txt { position: absolute; max-width: 1400px; width: 100%; top: 52%; left: 50%; z-index: 10; transform: translate(-50%, -50%); } 
 .sub_visual_txt::before { content:''; display:block; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; background: #11111180; z-index: -1; opacity: 0.6; width: calc(100% + 40px); height: calc(100% + 30px); width: 500px; display: none; } 
 .sub_visual_txt h2 { color: #fff; font-size: 4.3rem; font-weight: 500; /* text-shadow: 0 0 10px #0000006b; */ } 
 /* .sub_visual_txt h2 { color: #fff; font-size: 1.8rem; padding-top: 10px; font-weight: 500; line-height: 1.5; text-shadow: 0 0 10px #00000094; }  */
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 
.tit_box { font-size: 18px; padding-top: 70px; } 
.tit_box .tit_bar { width: 1px; height: 68px; display: block; background: var(--main-color); margin: 0 auto; transform: rotate(29deg); margin-bottom: 20px; } 
.tit_box h2, .wrap1 h2{font-size: 36px;font-family: inherit;font-weight: 400;letter-spacing: -1px;line-height: 1.5;} 
.tit_box h2 strong, .wrap1 h2 strong { font-weight: 500; } 
.tit_box p { padding: 40px 0; font-size: 1.24em; line-height: 1.5; color: #4c4c4c; } 

/* top menu */
.mobile_sub_menu { display: none; } 
/* .pc_sub_menu { display: none; } */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; max-width: 1400px; margin: 0 auto; width: 100%; height: 100%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 87px; width: 100%; word-break: keep-all; /* color: #fff; */font-size: 1.8rem; } 
.depth_wrap > div.home_btn { padding-right: 0; padding-left: 0; width: 60px; position: relative; background: #fff; } 
.depth_wrap > div.home_btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #a7a6a6; font-size: 2.6rem; } 
.depth_wrap > div.home_btn a { color: #fff; font-size: 2.2rem; } 
.depth_wrap > div { padding: 0 20px; position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; width: 33%; max-width: 320px; /* margin-right: 1px; */ } 
.depth_wrap > div:nth-child(2) { background: #ffff; color: #111; } 
.depth_wrap > div:nth-child(3) { display: none; } 
.depth_wrap > div.menu_2 { width: 100%; max-width: 900px; } 
.depth_wrap > div.menu_2 .get_menu { display: flex; font-size: 1.8rem; } 
.depth_wrap > div.menu_2 .get_menu li.on { font-weight: 600; } 
.depth_wrap > div.menu_2 .get_menu li a { color: #fff; padding: 0 25px; } 
.depth_wrap.pro1_page > div.menu_2 .get_menu li a br,
.depth_wrap.pro2_page > div.menu_2 .get_menu li a br,
.depth_wrap.pro3_page > div.menu_2 .get_menu li a br {display: none;} 
.depth_wrap > div.home_btn::before { content:''; display:block; display: none; position: absolute; left:0; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div::after { content:''; display:none; position: absolute; right:0; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i { padding-left: 10px; display: flex; align-items: center; font-size: 2.6rem; } 
.visual_menu_wrap { position: relative; bottom: 70px; margin: 0 auto; height: 70px; /* border-bottom: 1px solid #dcdcdc; */background: rgb(0 77 111 / 90%); } 
.visual_menu_wrap::before { content:''; position:absolute; left:0; bottom:0; height: 70px; background: #fff; width: calc((100% - 1400px) / 2) } 
.visual_menu_wrap .com_depth { position: absolute; background: #4f849d; padding: 10px 5px; border-radius: 0 0 12px 12px; width: 100%; left: 50%; transform: translateX(-50%); top: 69px; z-index: 5; } 
.visual_menu_wrap .com_depth li a { color: #fff; text-align: center; padding: 5px; font-size: 18px; } 

/* TAB MENU */
.tab_list { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; /* border-top: 1px solid #dcdcdc; */border-bottom: 1px solid #dcdcdc; width: 74%; margin: 40px auto 80px; position: relative; } 
.tab_list div { cursor: pointer; background: #fff; color: #222222bf; width: 120px; height: 70px; font-size: 19px; font-weight: 700; transition: all .4s; font-family: 'SUIT', sans-serif; text-align: center; line-height: 70px; } 
.tab_list div:first-child { margin-right: 7px; } 
.tab_list div:hover { color: var(--main-color); font-weight: 700; border: unset; } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.tab_list .tab_link.current { font-weight: 700; border: unset; color: var(--main-color); } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; } 
.contents_wrap {padding: 80px 0 100px;position: relative;overflow: hidden;} 
.sub_title { border-bottom: 1px solid #dcdcdc; margin-top: 4.0rem; } 
.sub_title.flex_box { display: flex; justify-content: space-between; } 
.sub_title.flex_box .small_menu { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } 
.sub_title.flex_box .small_menu li { margin-right: 10px; margin-left: 10px; position: relative; font-family: 'SCoreDream'; } 
.sub_title.flex_box .small_menu li:last-child { margin-right:0; } 
.sub_title h2 { font-size: 4.6rem; font-weight: 500; display: inline-block; position: relative; margin-bottom: 2rem; padding-left: 50px; font-family: 'SCoreDream'; } 
.sub_title h2:before { content:''; display: block; position:absolute; left:0; width: 30px; height:4px; background: var(--sub-color); bottom:0; } 

/* COMPANY */
.contents_wrap > div {margin-bottom: 10rem;} 
.contents_wrap > div:last-child {margin-bottom: 0;} 
.contents_wrap > .img_box { margin: 0 0 10rem calc((100% - 1400px)/2); } 
.company_wrap { } 
.company_wrap .img_box img { width: 100%; } 
.company_wrap .company_box1 { font-size: 2rem; max-width: 1400px; width: 100%; } 
.company_wrap .company_box1 span { width: 100%; text-align: right; padding-top: 4rem; font-weight: 500; font-size: 2.4rem; margin-right: 0; } 

/* history */
/*.timeline__line {left: 30px;}
.timeline__item {text-align: left;width: 100%;padding: 0 0 0 40px;}
.timeline__item:nth-of-type(2n) {padding-left: 40px;}
.timeline__item .img_box, .timeline__item .img_box.t45, .timeline__item .img_box.t110 {top: 30%;}
.timeline__item:nth-of-type(2n-1) .img_box {left: auto; right: 0;}
.timeline__item:nth-of-type(2n) .img_box {right: 0; left: auto;} 
.timeline__item .img_box, .timeline__item:nth-of-type(2n) .img_box {padding: 0;}
.timeline__item .img_box img, .timeline__item:nth-of-type(2n-1) .img_box img {opacity: .8;} 
.timeline__item:not(:nth-of-type(2n)) .timeline__top {flex-direction: row-reverse;}
.timeline__item .timeline__circle, .timeline__item:nth-of-type(2n) .timeline__circle {left: calc(16px + -42px);} 
.timeline__desc {padding: 10px 0 0 32px;} 
.timeline__title h3 {font-size: 22px;}
.timeline__desc p, .timeline__desc > div {padding: 0 0 0 10px;}
.timeline__desc p::before, .timeline__desc > div::before {left: 0;right: auto;} 
.big_date {font-size: 60px;}*/


.history_logo { text-align: center; } 
.big_date {position: absolute;top: 56%;left: 0;right: 0;font-size: 120px;font-weight: 700;color: #dcdcdc;text-align: center;margin: 0 auto;}
.timeline__item .timeline__desc {padding: 10px 0 0 65px;} 
.timeline__item .img_box {position: absolute;/*top: 80%;*/z-index: -1;padding-right: 72px; right: 0;} 
.timeline__item .img_box img.last {margin-left: 10px;} 
.timeline__item .img_box.t40 {top: 40%;}
.timeline__item .img_box.t110 {top: 110%;}
/*.timeline__item:nth-of-type(2n-1) { } 
.timeline__item:nth-of-type(2n-1) .img_box {left: 0;right: auto;}
.timeline__item:nth-of-type(2n) .img_box {right: 0%;left: auto;z-index: -1;padding: 0 0 0 72px;} */
.timeline__item .img_box img {width: 100%;max-width: fit-content; margin-bottom: 10px} 
.timeline__desc p, .timeline__desc > div {font-size: 18px; position: relative;padding-right: 15px;font-family: 'SCoreDream'!important;line-height: 1.8 !important;} 
.timeline__desc p span, .timeline__desc > div span { font-family: 'SCoreDream'!important; } 
.timeline__desc p::before, .timeline__desc > div::before {content:'';position: absolute;width: 4px;height: 4px;border-radius:50%;background: #210101;top: 13px;right: 0;} 
.timeline__item .timeline__desc p,
.timeline__item .timeline__desc > div { padding-left: 12px; } 
.timeline__item .timeline__desc p::before,
.timeline__item .timeline__desc > div::before {content:'';position: absolute;width: 4px;height: 4px;border-radius:50%;background: #210101;top: 13px;left:0} 
.timeline {position: relative;margin: 4% auto;} 
.timeline__line {
 border-right: 1px solid var(--main-color);
left: 16px;
 transform: translateX(-50%);
 position: absolute;
 top: 0px;
 height: 100%;
 } 
.timeline__items { list-style-type: none; margin: 0px; padding: 0px; } 
.timeline__item {width: 100%;text-align: left;position: relative;padding-right: 40px;margin-bottom: 40px;} 
/*.timeline__item .timeline__circle {order: 1;} */
.timeline__item .timeline__circle, .timeline__item .timeline__circle {left: 0;} 
/*.timeline__item:nth-of-type(2n) {text-align: left;padding-left: 40px;margin-left: auto;} 
.timeline__item:nth-of-type(2n) .timeline__circle {left: calc(-16px - 40px);} 
.timeline__item:nth-of-type(2n) { } 
.timeline__item:nth-of-type(2n) .timeline__title {order: 2;} */
.timeline__top { align-items: center; display: flex; } 
.timeline__circle {
 border: 1px solid var(--main-color);
 border-radius: 9999px; 
 height: 32px;
 width: 32px;
 position: relative;
 left: -17px;
 }
.timeline__circle::before {content:'';display:block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;background: var(--main-color);width: 8px;height: 8px;} 
.timeline__title {
 flex: 1;
 padding-left: 30px;
 font-weight: 800;
 font-size: 23px;
 margin-bottom: 0px;
 } 
.timeline__title h3 {font-size: 24px;}
.timeline__desc {padding: 10px 32px 0 0; }

/* certificate */
.certificate .consult_wrap.wrap4 .info_graphic_wrap p {border: none;min-height: auto;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap p span:last-child {display: block;font-size: 14px;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap {margin: 0 -10px;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap article {width: calc(100% / 3 - 20px);flex-basis: calc(100% / 3 - 20px);margin: 0 10px 50px;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap article:nth-child(2) {border: 1px solid #a29e9e;border-style: none solid;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap article img {display: block;width: 100%;max-width: 200px;margin: 0 auto;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap article img:first-child {margin: 0 auto 30px;}
/* hover */
@keyframes scale_big { 
0% { transform: scale(1); opacity: 0.9; } 
100% { transform: scale(1.07); opacity: 1; } 
}
/* hover */
.certificate .consult_wrap.wrap4 .info_graphic_wrap article:hover img:nth-child(2) {animation: scale_big .7s forwards;}
.certificate .consult_wrap.wrap4 .info_graphic_wrap article:hover p span:first-child {font-weight: 600; color: var(--main-color);}

/* organization */
.organization .contents_wrap > div.partner_box1 {margin-bottom: 0;}
.organization img {display: block;width: 100%;max-width: 1400px;object-fit: cover;}


/* location */
.tab_wrap {margin-bottom: 40px;} 
.tab_wrap ul {zoom:1;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;} 
.tab_wrap ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.tab_wrap ul li { display:inline-block; min-width: 140px; text-align: center; width: 20%; } 
.tab_wrap ul li a{display:block;padding: 15px 20px;border: 1px solid #dcdcdc;color: #666;font-size: 18px;transition: all .3s;cursor: pointer;} 
.tab_wrap ul li:last-child a {border-left: none;}
.tab_wrap ul li:focus a, .tab_wrap ul li:hover a, .tab_wrap ul li:active a {text-decoration:none;background: var(--main-color);color:#fff;transition: all .3s;} 
.tab_wrap ul li.current a {z-index:2;background: var(--main-color);color:#fff;transition: all .3s;} 
/**/
.tab-content {display: none;}
.tab-content.current {display: inherit;}
/**/
#location .map_url {margin-top: 20px;}
#location .map_url:After {content:""; display: block; clear: both;}
#location .map_url li{float: right;}
#location .map_url li:last-child {margin-right: 30px;position: relative;}
#location .map_url li:last-child:After {content:"";display: block;width: 5px;height: 5px;background: var(--main-color);border-radius: 50%;position: absolute;top: 13px;right: -18px;}
#location .map_url li a{font-size: 20px;}
#location .map_url li a span{font-size: 20px;}
#location .map_url li:last-child > a{color: var(--main-color);font-weight: bold;}

/* BESUINESS */
.busi_wrap h2 { font-size: 4rem; font-weight: 400; padding-bottom: 7rem; } 
.busi_wrap > p { font-size: 2.2rem; color: #5d5d5d; } 
.busi_wrap.wrap2 .list_1 { position: relative; } 
.busi_wrap.wrap2 .list_1:before { content:''; display:block; position: absolute; left: 50%; height:100%; width:1px; background: var(--main-color); } 
.busi_wrap.wrap2 .list_1 > li { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; margin-bottom: 100px; } 
.busi_wrap.wrap2 .list_1 li > div.check { padding-left: 3%; margin-left: 3%; } 
.busi_wrap.wrap2 .list_1 li > div { width: 47%; } 
.busi_wrap.wrap2 .list_1 li .img_box img { width: 100%; max-width: fit-content; } 
.busi_wrap.wrap2 .list_1 li .info_box { position: relative; } 
.busi_wrap.wrap2 .list_1 li .info_box h3 { font-size: 3.0rem; font-weight: 600; padding-bottom: 3rem; font-family: 'SCoreDream'; position: relative; } 
.busi_wrap.wrap2 .list_1 li .info_box:before { content:''; display:block; position:absolute; left: 0; left: calc(22px / 2 * -1); width: 22px; height: 22px; border-radius: 50%; background: #e1a4a6ad; } 
.busi_wrap.wrap2 .list_1 li .info_box:after { content:''; display:block; position:absolute; top: 7px; left: calc( 8px / 2 * -1); width: 8px; height: 8px; border-radius: 50%; background: var(--main-color); } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box:before { right: calc(22px / 2 * -1 - 6%); left: unset; } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box:after { right: calc( 8px / 2 * -1 - 6%); left: unset; } 
.busi_wrap.wrap2 .list_1 li .info_box .list_2 li { padding-bottom: 2.2rem; padding-left: 2rem; position: relative; color: #393939; } 
.busi_wrap.wrap2 .list_1 li .info_box .list_2 li:before { content:''; display:block; position:absolute; left:0; top: 10px; width: 7px; height: 7px; background: #393939; border-radius: 50%; } 
.busi_wrap.wrap2 .list_1 li .info_box .list_2 li h4 { font-weight: 500; font-size: 1.9rem; padding-bottom: 0.5rem; } 
.busi_wrap.wrap2 .list_1 li .info_box .list_2 li p { font-size: 1.8rem; } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box { text-align: right; } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li { padding-bottom: 2.2rem; padding-right: 2rem; padding-left: unset; position: relative; color: #393939; } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li:before { content:''; display:block; position:absolute; right:0; left:unset; top: 10px; width: 7px; height: 7px; background: #393939; border-radius: 50%; } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .img_box { order:2 } 

/* PARTNER */
.partner_box1 .img_box img { max-width: fit-content; width: 100%; } 
.partner_box1 .partner_list li { width: 23.5%; margin-right: 2%; margin-bottom: 2%; } 
.partner_box1 .partner_list li:nth-child(4n) { margin-right: 0; } 
.partner_box1 .partner_list li p { font-size: 1.9rem; text-align: center; padding: 2rem; } 
.partner_box1 .partner_list li .img_box { box-shadow: 0px 1px 5px 1px #b9b9b959; border: 1px solid #dcdcdc; height: 100px; position: relative; } 
.partner_box1 .partner_list li .img_box img { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 

/* SOLUTION */
.solution_wrap .img_box { border: 1px solid #dcdcdc; } 
.solution_wrap h2 { font-size: 4rem; font-weight: 400; padding-bottom: 7rem; } 
.solution_wrap > p { font-size: 2.2rem; color: #5d5d5d; } 
.solution_wrap.wrap2 .list_1 { position: relative; } 
.solution_wrap.wrap2 .list_1 > li { display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: wrap; margin-bottom: 100px; padding-top: 100px; } 
.solution_wrap.wrap2 .list_1 li > div.check { margin-left: 3%; } 
.solution_wrap.wrap2 .list_1 li > div { width: 48%; } 
.solution_wrap.wrap2 .list_1 li .img_box img { width: 100%; max-width: fit-content; } 
.solution_wrap.wrap2 .list_1 li .info_box { position: relative; } 
.solution_wrap.wrap2 .list_1 li .info_box h3 { font-size: 3.0rem; font-weight: 600; padding-bottom: 3rem; font-family: 'SCoreDream'; position: relative; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .more_btn { margin-left: auto; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .info_box:before { right: -8.1%; left: unset; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .info_box:after { right: -7.1%; left: unset; } 
.solution_wrap.wrap2 .list_1 li .info_box .list_2 li { padding-bottom: 1rem; padding-left: 2rem; position: relative; color: #393939; font-size: 1.9rem; } 
.solution_wrap.wrap2 .list_1 li .info_box .list_2 li:before { content:''; display:block; position:absolute; left:0; top: 7px; width: 6px; height: 6px; background: #393939; border-radius: 50%; } 
.solution_wrap.wrap2 .list_1 li .info_box .list_2 li h4 { font-weight: 500; font-size: 1.9rem; padding-bottom: 0.5rem; } 
.solution_wrap.wrap2 .list_1 li .info_box .list_2 li p { font-size: 1.8rem; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .info_box { text-align: right; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li { padding-right: 2rem; padding-left: unset; position: relative; color: #393939; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li:before { content:''; display:block; position:absolute; right:0; left:unset; top: 7px; width: 6px; height: 6px; background: #393939; border-radius: 50%; } 
.solution_wrap.wrap2 .list_1 li:nth-child(2n) .img_box { order:2 } 
.more_btn { border-radius: 30px; max-width: 200px; margin-top: 3rem; border: 1px solid #8e8e8e; overflow: hidden; } 
.more_btn a { padding: 14px; text-align: center; font-size: 1.8rem; display:block; position: relative; transition: all .4s; display: flex; justify-content: center; align-items: center; } 
.more_btn a:before { background: #aa0b12; content:''; position: absolute; left: 0; top: 0; width: 0%; height: 100%; z-index:-1; transition: all .4s; } 
.more_btn a:hover { color: #fff; } 
.more_btn a:hover:before { width:100%; } 
.more_btn span { } 
.more_btn i { padding-left: 1rem; } 

/* CONSULTING */
#company .consult_wrap > .img_box {font;margin-bottom: 5rem;}
/**/
.consult_wrap .consult_dot {} 
.consult_wrap .consult_dot li {word-break: keep-all;} 
.consult_wrap .consult_dot li {font-size: 18px;padding-left: 16px;position: relative;margin-bottom: 1rem;} 
.consult_wrap .consult_dot li:last-child {margin-bottom: 0;}
.consult_wrap .info_graphic_wrap .consult_dot li::before { content:''; display:block; position: absolute; left:0; width:3px; height:3px; border-radius:50%; background:#111; top:10px } 
.consult_wrap .table_half .info_graphic_wrap:hover .consult_dot li::before {background:#111;} 
.consult_wrap .info_graphic_wrap2 .consult_dot li::before { content:''; display:block; position: absolute; left:0; width:3px; height:3px; border-radius:50%; background:#111; top:10px } 
.consult_wrap .table_half .info_graphic_wrap2:hover .consult_dot li::before {background:#111;} 
.consult_wrap .info_graphic_wrap3 .consult_dot li::before { content:''; display:block; position: absolute; left:0; width:3px; height:3px; border-radius:50%; background:#111; top:10px } 
.consult_wrap .table_half .info_graphic_wrap3:hover .consult_dot li::before {background:#111;} 
.consult_wrap .info_graphic_wrap4 .consult_dot li::before { content:''; display:block; position: absolute; left:0; width:3px; height:3px; border-radius:50%; background:#111; top:10px } 
.consult_wrap .table_half .info_graphic_wrap4:hover .consult_dot li::before {background:#111;} 
/* .consult_wrap .pink { background: #004d6f; }  */
.consult_wrap .ivory { background:#eff0f1 } 
.consult_wrap .tit_box {padding-bottom: 8rem;} 
.consult_wrap .img_box img {max-width: fit-content;display: block;width: 100%;margin: 0 auto;} 
.consult_wrap .consult_design_wrap {/* width: 90%; */margin: 0 auto;position: relative;} 
.consult_wrap .consult_design_wrap:last-child {width: 100%;margin-top: 5rem;}
.consult_wrap .consult_design_wrap .img_box img {display: block;margin: 0 auto;} 
.consult_wrap .consult_design_wrap h3 {width: 37%;background: #2b2b2b;color: #fff;padding: 24px;border-radius: 38px;text-align: center;font-weight: 500;margin: 0 auto;} 
.consult_wrap .consult_design_wrap h3, .consult_wrap.wrap4 .info_graphic_wrap h3, .consult_wrap.wrap4 .info_graphic_wrap2 h3, .consult_wrap.wrap4 .info_graphic_wrap3 h3, .consult_wrap.wrap4 .info_graphic_wrap4 h3 {font-size: 26px;}
.consult_wrap .consult_design_wrap .img_box { } 
.consult_wrap .consult_design_wrap .sec_box { display: flex; justify-content: space-between; align-items: flex-start; } 
.consult_wrap .consult_design_wrap .info_box ul li { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; } 
.consult_wrap .consult_design_wrap .sec_box section {width: 32%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;} 
.consult_wrap .consult_design_wrap .sec_box section, .consult_wrap.wrap4 .info_graphic_wrap p {font-size: 22px;}
.consult_wrap .consult_design_wrap .sec_box h4 {background: #fff;border: 2px solid var(--main-color);padding: 4rem;text-align: center;margin-bottom: 2%;width: 100%;}
.consult_wrap .consult_design_wrap .sec_box h4 {font-size: 22px;}
.consult_wrap .consult_design_wrap .sec_box .box { width: 100%; padding: 2.2rem; position: relative; text-align: center; } 
.consult_wrap .consult_design_wrap .sec_box .box p {line-height: 1.8;}
.consult_wrap .consult_design_wrap .info_box { display: inline-block; border: 1px dotted #ddd; padding: 2rem; position: absolute; bottom: 0; right: 0; font-size: 1.9rem; } 
.consult_wrap .consult_design_wrap .info_box li:nth-child(2n) { padding: 0 2rem; } 
.consult_wrap .consult_design_wrap .info_box span { display: inline-block; width: 40px; height: 20px; margin-right: 10px; } 
.consult_wrap.wrap3 { } 
.consult_wrap.wrap3 article h3 { color:var(--main-color); position: absolute; top: 50%; left: 20%; transform: translateY(-50%); font-size: 2.4rem; } 
.consult_wrap.wrap3 article { position: relative; width: 33.33%; } 
.consult_wrap.wrap3 article .img_box { position: relative; } 
.consult_wrap.wrap3 article ul { position: absolute; left: 45%; top: 90%; font-size: 1.9rem; } 
.consult_wrap.wrap3 article ul li { word-break: keep-all; } 
.consult_wrap.wrap3 .info_graphic_wrap { position: relative; padding-top: calc(174px * 2); width: 92%; margin: 0 auto; padding-bottom: 16rem; border-bottom: 1px dashed #b6b6b6; } 
.consult_wrap.wrap3 .info_graphic_wrap .arti1 { } 
.consult_wrap.wrap3 .info_graphic_wrap .arti2 { bottom: calc(174px * 1 + -18px); left: -3%; } 
.consult_wrap.wrap3 .info_graphic_wrap .arti3 { bottom: calc(174px * 2 - 45px); left: -6%; } 
.consult_wrap.wrap4 .info_graphic_wrap {display: flex;align-items: stretch;} 
.consult_wrap.wrap4 .info_graphic_wrap article {flex-basis: 32%;margin-bottom: 0;}
.consult_wrap.wrap4 .info_graphic_wrap h3, .consult_wrap.wrap4 .info_graphic_wrap2 h3, .consult_wrap.wrap4 .info_graphic_wrap3 h3, .consult_wrap.wrap4 .info_graphic_wrap4 h3 {text-align: center;background: var(--main-color);color: #fff;padding: 2rem;border-radius: 36px;font-weight: 500;margin-bottom: 4%;} 
.consult_wrap.wrap4 .info_graphic_wrap .arti2 h3 {background: #1a7a7a;} 
.consult_wrap.wrap4 .info_graphic_wrap .arti3 h3 {background: #104f4f;} 
.consult_wrap.wrap4 .info_graphic_wrap p {border: 1px solid #a29e9e;padding: 2.4rem 3rem;border-radius: 20px;line-height: 1.8;min-height: 150px;height: fit-content;text-align: center;} 
.consult_wrap.wrap5 { } 
.consult_wrap.wrap5 .tit_box2 {padding: 6rem;border: 2px solid var(--main-color);} 
.consult_wrap.wrap5 .tit_box2 h2 {position: relative;display: table;font-size: 30px;margin: 0 auto;} 
.consult_wrap.wrap5 .tit_box2 h2:before, .consult_wrap.wrap5 .tit_box2 h2:after {content: "";display: block;position: absolute;max-width: 50px;width: 100%;height: 43px;z-index: -1;} 
.consult_wrap.wrap5 .tit_box2 h2:before {top: -10px;left: -90px;right: auto;background: url(../img/ceo_greeting_icon1.png) no-repeat;} 
.consult_wrap.wrap5 .tit_box2 h2:after {bottom: -10px;left: auto;right: -90px;background: url(../img/ceo_greeting_icon2.png) no-repeat;} 

/* tech */
.tech .consult_wrap .table_half {display: flex; flex-direction: row; gap:30px;}
.tech .consult_wrap .consult_design_wrap .sec_box { display: flex; justify-content: space-between; align-items: flex-start; } 
.tech .consult_wrap .consult_design_wrap .info_box ul li { display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; } 
.tech .consult_wrap .consult_design_wrap .sec_box section {flex-basis: 48%;flex-wrap: nowrap;justify-content: space-between;align-items: center;border: 2px solid var(--main-color);background: rgb(39 160 160 / 10%);padding: 4rem;margin-bottom: 2%;transition: all .3s;} 
.tech .consult_wrap .consult_design_wrap .sec_box section img {display: block;width: 100%;max-width: 70px;height: 70px;margin: 0 auto;object-fit: contain;}
.tech .consult_wrap .consult_design_wrap .sec_box h4 {text-align: center;width: 100%;border: none;background: none;padding: 0;margin: 0 0 0 10px;transition: all .3s;} 
.tech .consult_wrap.wrap4:nth-last-of-type(3), .tech .consult_wrap.wrap4:nth-last-of-type(2) { margin-bottom: 0; } 
.tech .consult_wrap.wrap4 .tit_box {padding: 0;}
.tech .consult_wrap.wrap4 .tit_box h2 {text-align: center;background: var(--sub-color);color: #fff;border-radius: 20px 20px 0 0;padding: 2rem;}
.tech .consult_wrap.wrap4 .tit_box h2 br {display: none;}
.tech .consult_wrap.wrap4 .tit_box h2.small_tit {font-size: 25px;}
.tech .consult_wrap.wrap4 .tit_box h2.small_tit span {font-weight: bold;}
.tech .consult_wrap.wrap4 .tit_box h2.small_tit br {display: block}
.tech .consult_wrap.wrap4:nth-last-of-type(1) .tit_box h2 {background: var(--main-color);}
.tech .consult_wrap.wrap4:nth-last-of-type(2) .tit_box h2 {background: #006b92;}
.tech .consult_wrap.wrap4.w50 {width: 48%;}
.tech .consult_wrap.wrap4.w33 {width: 32%; margin-top: 30px}
.tech .consult_wrap.wrap4 .info_graphic_wrap, .tech2 .consult_wrap.wrap4 .info_graphic_wrap {flex-wrap: wrap;flex-direction: column;} 
.tech .consult_wrap.wrap4 .info_graphic_wrap {padding: 4rem;}
.tech .consult_wrap.wrap4 {background: #eff0f1;}
.tech .consult_wrap.wrap4 .info_graphic_wrap article {align-content: unset;width: 100%;padding: 2% 0;border-bottom: 2px dotted #a29e9e;}
.tech .consult_wrap.wrap4 .info_graphic_wrap article:first-child {padding-top: 0;}
.tech .consult_wrap.wrap4 .info_graphic_wrap article:last-child {border-bottom: none; padding-bottom: 0;}
.tech .consult_wrap.wrap4 .info_graphic_wrap h3 {width: 35%;text-align: left;background: transparent;color: var(--sub-color);padding: 0;margin: 0;border-radius: 0;} 
.tech .consult_wrap.wrap4 .info_graphic_wrap h3 br {display: none;}
.tech .consult_wrap.wrap4 .info_graphic_wrap img {width: 100%;}
.tech .consult_wrap.wrap4:nth-last-of-type(1) .info_graphic_wrap h3 {color: var(--main-color);} 
.tech .consult_wrap.wrap4:nth-last-of-type(2) .info_graphic_wrap h3 {color: #006b92;} 

.tech .consult_wrap.wrap4 .info_graphic_wrap2 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 .info_graphic_txt {width: 48%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 .info_graphic_img {width: 48%}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 .info_graphic_img .img_tit {text-align: center;}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 article {align-content: unset;width: 100%;padding: 25px;border: 1px solid #a29e9e; margin-bottom: 20px; border-radius: 20px}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 article:last-child {margin-bottom: 0;}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 h3 {width: 100%;text-align: left;background: transparent;color: #006b92;padding: 0 0 15px 0;margin: 0;border-radius: 0;} 
.tech .consult_wrap.wrap4 .info_graphic_wrap2 h3 br {display: none;}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 img {width: 100%;}
.tech .consult_wrap.wrap4:nth-last-of-type(1) .info_graphic_wrap2 h3 {color: var(--main-color);} 
.tech .consult_wrap.wrap4:nth-last-of-type(2) .info_graphic_wrap2 h3 {color: #006b92;} 

.tech .consult_wrap.wrap4 .info_graphic_wrap3 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt {width: 32%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt2 {width: 32%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img {width: 27%; text-align: center;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img .img_caption {text-align: center; font-size: 18px; color: #111; padding-top: 10px;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 article {align-content: unset;width: 100%;padding: 25px;border: 1px solid #a29e9e; margin-bottom: 20px; border-radius: 20px}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 article:last-child {margin-bottom: 0;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 h3 {width: 100%;text-align: left;background: transparent;color: #006b92;padding: 0 0 15px 0;margin: 0;border-radius: 0;} 
.tech .consult_wrap.wrap4 .info_graphic_wrap3 h3 br {display: none;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img {position: relative; padding-top: 20px;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 img {width: 60%; border-radius: 20px}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img .arrow {
    position: absolute;
    top: 9rem;
    right: -2rem;
    display: block;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: no-repeat center var(--main-color);
    background-image: url(../../img/main_arrow_icon_w.png);
    transition: var(--transition-custom);
}
.tech .consult_wrap.wrap4:nth-last-of-type(1) .info_graphic_wrap3 h3 {color: var(--main-color);} 
.tech .consult_wrap.wrap4:nth-last-of-type(2) .info_graphic_wrap3 h3 {color: #006b92;} 

.tech .consult_wrap.wrap4 .info_graphic_wrap4 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_txt {width: 36%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_img {width: 27%; text-align: center;}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_img .img_caption {text-align: center; font-size: 18px; color: #111; padding-top: 10px;}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 article {align-content: unset;width: 100%;padding: 25px;border: 1px solid #a29e9e; margin-bottom: 20px; border-radius: 20px}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 article:last-child {margin-bottom: 0;}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 h3 {width: 100%;text-align: left;background: transparent;color: #006b92;padding: 0 0 15px 0;margin: 0;border-radius: 0;} 
.tech .consult_wrap.wrap4 .info_graphic_wrap4 h3 br {display: none;}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 img {width: 100%; border-radius: 20px}
.tech .consult_wrap.wrap4:nth-last-of-type(1) .info_graphic_wrap4 h3 {color: var(--main-color);} 
.tech .consult_wrap.wrap4:nth-last-of-type(2) .info_graphic_wrap4 h3 {color: #006b92;} 

.tech .table_half .consult_wrap.wrap4 {flex-grow: 1}
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap h3 {width: 100%;text-align: left;background: transparent;color: var(--sub-color);padding-bottom: 10px;margin: 0;border-radius: 0;} 
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap article {align-content: unset;width: 100%;padding: 3% 0;border-bottom: 2px dotted #a29e9e;}
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap article:last-child {border-bottom: none;}
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap article img {width: 100%; margin-bottom: 20px;}

/* hover */
.tech .consult_wrap .consult_design_wrap .sec_box section:hover {background: var(--main-color); transition: all .3s;}
.tech .consult_wrap .consult_design_wrap .sec_box section:hover h4 {color: #fff; transition: all .3s;}
.tech .consult_wrap .consult_design_wrap .sec_box section:hover img {filter: invert(100%) sepia(50%) saturate(0%) hue-rotate(288deg) brightness(208%) contrast(102%);}

/* tech2 */
.tech2 .consult_wrap.wrap4 .info_graphic_wrap {border: 1px solid transparent;transition: all .3s;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap h3 {background: transparent;color: var(--sub-color);padding: 0;margin: 0;border-radius: 0;text-align: left; line-height: 1.4;} 
.tech2 .consult_wrap ul {padding-left: 4%;align-items: end;}
.tech2 .consult_wrap .uls {width: 60%;margin-left: 30px;}
.tech2 .consult_wrap ul.consult_dot {margin-bottom: 30px;}
.tech2 .contents_wrap > div, .pro3 .contents_wrap > div { margin-bottom: 5rem; } 
.tech2 .consult_wrap .tit_box,
.pro3 .consult_wrap .tit_box {padding-bottom: 4rem;} 
/**/
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .flex_box:not(.tag, .right) {flex-wrap: nowrap;align-items: flex-start;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap article {width: 100%;flex-direction: column-reverse;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap article.flex_box > div {width: 100%;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left {position: relative;padding: 6rem 4rem;background: #eff0f1;border-radius: 15px;overflow: hidden;z-index: 1;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left > div {justify-content: space-between;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left:before {content:"";display: block;position: absolute;top: calc(100% / 2 - 125px);right: 5%;background: url(/img/logo_250.png) no-repeat center / cover;width: 100%;max-width: 206px;height: 250px;filter: invert(0%) sepia(0%) saturate(00%) hue-rotate(0deg) brightness(0%) contrast(100%) !important;opacity: .1;z-index: -1;}
.tech2 .consult_wrap ul.tag li {color: var(--main-color);font-weight: 600;background: #fff;border-radius: 5px;padding: 12px 18px;cursor: default;text-align: center;transition: all .6s .1s;}
.tech2 .consult_wrap ul.tag li:nth-child(2) {margin: 0 10px;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right {max-width: 940px;justify-content: space-between;align-items: flex-start;margin: 0 auto 5rem;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure {margin: 0 2% 0 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure:last-child {margin: 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure img {width: 100%;min-height: 300px;object-fit: cover;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure span {display: block;font-size: 15px;color: #666;margin-top: 10px;}
/* hover */
.tech2 .consult_wrap.wrap4 .info_graphic_wrap:hover .left  {background: rgb(0 77 111 / 90%);box-shadow: 0px 0px 10px rgb(10 11 12 / 20%);transition: all .3s;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap:hover .left, .tech2 .consult_wrap.wrap4 .info_graphic_wrap:hover h3 {color: #fff;}
.consult_wrap .info_graphic_wrap:hover .consult_dot li::before {background: #111;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap:hover .left:before {filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;animation: cursor_circle 8s linear infinite;opacity: 1;transition: 8s linear infinite;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap:hover ul.tag li {color: #fff;background: var(--main-color); transition: all .6s .1s;}
/* ani */
@-webkit-keyframes cursor_circle {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* pro1 */
.tech2 .consult_wrap ul {padding-left: 0;}
/**/
.pro1 .consult_wrap #wrap {justify-content: space-between;flex-direction: column;}
.pro1 .consult_wrap #wrap .consult_design_wrap:nth-of-type(1) {margin: 0 auto 5rem;}
.pro1 .consult_wrap .tit_box {padding-bottom: 8rem;}
.pro1 .consult_wrap .consult_design_wrap .consult_design_wrap:last-child .img_box {position: relative;}
.pro1 .consult_wrap .consult_design_wrap .consult_design_wrap:last-child .img_box img {}
.pro1 .consult_wrap .consult_design_wrap h3 {width: 37%;background: var(--main-color);}
.pro1 .consult_wrap .consult_design_wrap span {font-weight: 400;font-size: 22px;}
.pro1 .consult_wrap .consult_design_wrap .sec_box section {width: 48%;margin-bottom: 25px;overflow: hidden;}
.pro1 .consult_wrap .consult_design_wrap .sec_box section:last-child {width: 100%;margin-bottom: 0;}
.pro1 .consult_wrap .consult_design_wrap .sec_box div {text-align: center;width: 100%;font-size: 24px;font-weight: 500;color: var(--sub-color);}
.pro1 .consult_wrap .consult_design_wrap .sec_box section:last-child div {padding: 0;color: var(--main-color);}
.pro1 .consult_wrap .consult_design_wrap .sec_box section:last-child h4 {padding: 2.2rem;line-height: 1.6;margin-bottom: 0;}
.pro1 .consult_wrap .consult_design_wrap .sec_box section .img_box img {transition: all .5s;}
.pro1 .consult_wrap .consult_design_wrap table tr {display: inline-table;width: 25%;vertical-align: top;}
.pro1 .consult_wrap .consult_design_wrap table tr th, .pro1 .consult_wrap .consult_design_wrap table tr td {display: table-caption;width: 100%;}
.pro1 .consult_wrap .consult_design_wrap table tr th {font-size: 24px;}
.pro1 .consult_wrap .consult_design_wrap table tr td {min-height: 120px;text-align: center;font-size: 18px;}
/* hover */
.pro1 .consult_wrap .consult_design_wrap .sec_box section:hover .img_box img {transform: scale(1.1);transition: all .5s;}
/* aos-animate */
.pro1 .consult_wrap .consult_design_wrap .consult_design_wrap:last-child .img_box.aos-animate {margin-bottom: 5rem;}
.pro1 .consult_wrap .consult_design_wrap .consult_design_wrap:last-child .img_box:after {content:""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; transition: all 1s .2s;}
.pro1 .consult_wrap .consult_design_wrap .consult_design_wrap:last-child .img_box.aos-animate:after {transform: scaleY(0);transition: all 1.2s;}

/* pro3 */
.pro3.inner_wrap {max-width: 1920px;} 
.pro3 .contents_wrap > div {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 5rem;
} 
.pro3 .consult_wrap.wrap4 .info_graphic_wrap {display: unset;} 
.pro3 .table_wrap, .pro3 table {overflow: auto;}
.pro3 .table_wrap {width: 100%;}
.pro3 table {margin-top: 20px;}
.pro3 table .w_13 {width: 13% !important;} 
.pro3 table th, .pro3 table td {width: auto !important;text-align: center;} 
.pro3 table td.b_eff0f1 {font-size: 18px;font-weight: 500; background: #eff0f1;}
.pro3 table td.graph {position: relative;display: table-cell;padding: 0;}
.pro3 table td.graph:after {content:""; display: block; clear: both;}
.pro3 table td.graph span {border-radius: 0 50px 50px 0;}
.pro3 table td.graph span:first-child {display: inline-block;float: left;height: 30px;}
.pro3 table td.graph span {float: left;height: 30px;text-align: right;padding-right: 16px;font-weight: 500;}
/* color */
.pro3 table td.graph.blue span:first-child {background: #00b0f0;}
.pro3 table td.graph.blue span:last-child {border: 2px dotted #00b0f0;}
.pro3 table td.graph.d_mint span:first-child {background: #075070;}
.pro3 table td.graph.d_mint span:last-child {border: 2px dotted #075070;}
.pro3 table td.graph.mint span:first-child {background: #075070;}
.pro3 table td.graph.mint span:last-child {border: 2px dotted #075070;}
.pro3 table td.graph.pink span:first-child {background: #ff8585;}
.pro3 table td.graph.pink span:last-child {border: 2px dotted #ff8585;}
.pro3 table td.graph.green span:first-child {background: #92d050;}
.pro3 table td.graph.green span:last-child {border: 2px dotted #92d050;}
.pro3 table td.graph.gray span:first-child {background: #ccc;}
.pro3 table td.graph.gray span:last-child {border: 2px dotted #ccc;}
/* graph1 */
.pro3 .consult_wrap.graph1 table tr.tr_01 td.graph span:first-child {width: 60%;}
.pro3 .consult_wrap.graph1 table tr.tr_01 td.graph span:last-child {width: 75%;}
.pro3 .consult_wrap.graph1 table tr.tr_02 td.graph span:first-child {width: 55%;}
.pro3 .consult_wrap.graph1 table tr.tr_02 td.graph span:last-child {width: 60%;}
/* graph2 */
.pro3 .consult_wrap.graph2 table tr.tr_01 td.graph span:first-child {width: 70%;}
.pro3 .consult_wrap.graph2 table tr.tr_01 td.graph span:last-child {width: 75%;}
.pro3 .consult_wrap.graph2 table tr.tr_02 td.graph span:first-child {width: 65%;}
.pro3 .consult_wrap.graph2 table tr.tr_02 td.graph span:last-child {width: 51%;}
.pro3 .consult_wrap.graph2 table tr.tr_03 td.graph span:first-child {width: 55%;}
.pro3 .consult_wrap.graph2 table tr.tr_03 td.graph span:last-child {width: 27%;}
.pro3 .consult_wrap.graph2 table tr.tr_04 td.graph span:first-child {width: 30%;}
.pro3 .consult_wrap.graph2 table tr.tr_04 td.graph span:last-child {width: 70%;}
/* graph3 */
.pro3 .consult_wrap.graph3 table tr.tr_01 td.graph span:first-child {width: 55%;}
.pro3 .consult_wrap.graph3 table tr.tr_01 td.graph span:last-child {width: 45%;}
/* graph4 */
.pro3 .consult_wrap.graph4 table tr.tr_01 td.graph span:first-child {width: 55%;}
.pro3 .consult_wrap.graph4 table tr.tr_01 td.graph span:last-child {width: 45%;}
/* graph5 */
.pro3 .consult_wrap.graph5 table tr.tr_01 td.graph span:first-child {width: 60%;}
.pro3 .consult_wrap.graph5 table tr.tr_01 td.graph span:last-child {width: 40%;}
.pro3 .consult_wrap.graph5 table tr.tr_02 td.graph span:first-child {width: 50%;}
.pro3 .consult_wrap.graph5 table tr.tr_02 td.graph span:last-child {width: 50%;}
/********/
.pro3 .consult_wrap article {width: 100%;justify-content: flex-end;}
.pro3 .consult_wrap ul.tag {}
.pro3 .consult_wrap ul.tag li:first-child {margin-right: 30px;}
.pro3 .consult_wrap ul.tag li span {display: inline-block;width: 60px;height: 20px;border: 1px solid #000;background: #fff;border-radius: 0 50px 50px 0;margin-right: 5px;vertical-align: middle;}
.pro3 .consult_wrap ul.tag li:last-child span {border: 2px dotted #000;}
/* ani */
@keyframes graph_w30 { 
0% {width:0; opacity: 0; } 
100% {width:30%; opacity: 1; } 
}
@keyframes graph_w35 { 
0% {width:0; opacity: 0; } 
100% {width:35%; opacity: 1; } 
}
@keyframes graph_w40 { 
0% {width:0; opacity: 0; } 
100% {width:40%; opacity: 1; } 
}
@keyframes graph_w45 { 
0% {width:0; opacity: 0; } 
100% {width:45%; opacity: 1; } 
}
@keyframes graph_w50 { 
0% {width:0; opacity: 0; } 
100% {width:50%; opacity: 1; } 
}
@keyframes graph_w55 { 
0% {width:0; opacity: 0; } 
100% {width:55%; opacity: 1; } 
}
@keyframes graph_w60 { 
0% {width:0; opacity: 0; } 
100% {width:60%; opacity: 1; } 
}
@keyframes graph_w65 { 
0% {width:0; opacity: 0; } 
100% {width:65%; opacity: 1; } 
}
@keyframes graph_w70 { 
0% {width:0; opacity: 0; } 
100% {width:70%; opacity: 1; } 
}
/* on */
/* graph1 */
.pro3 .consult_wrap.graph1.on table tr.tr_01 td.graph span:first-child {width: 60%; animation: graph_w60 3s;}
.pro3 .consult_wrap.graph1.on table tr.tr_01 td.graph span:last-child {width: 75%;animation: graph_w75 1s;}
.pro3 .consult_wrap.graph1.on table tr.tr_02 td.graph span:first-child {width: 55%; animation: graph_w55 3s;}
.pro3 .consult_wrap.graph1.on table tr.tr_02 td.graph span:last-child {width: 60%; animation: graph_w60 1s;}
/* graph2 */
.pro3 .consult_wrap.graph2.on table tr.tr_01 td.graph span:first-child {width: 70%; animation: graph_w70 3s;}
.pro3 .consult_wrap.graph2.on table tr.tr_01 td.graph span:last-child {width: 75%;animation: graph_w75 1s;}
.pro3 .consult_wrap.graph2.on table tr.tr_02 td.graph span:first-child {width: 65%; animation: graph_w65 3s;}
.pro3 .consult_wrap.graph2.on table tr.tr_02 td.graph span:last-child {width: 51%; animation: graph_w51 1s;}
.pro3 .consult_wrap.graph2.on table tr.tr_03 td.graph span:first-child {width: 55%; animation: graph_w55 3s;}
.pro3 .consult_wrap.graph2.on table tr.tr_03 td.graph span:last-child {width: 27%; animation: graph_w27 1s;}
.pro3 .consult_wrap.graph2.on table tr.tr_04 td.graph span:first-child {width: 30%; animation: graph_w30 3s;}
.pro3 .consult_wrap.graph2.on table tr.tr_04 td.graph span:last-child {width: 70%; animation: graph_w70 1s;}
/* graph3 */
.pro3 .consult_wrap.graph3.on table tr.tr_01 td.graph span:first-child {width: 60%;animation: graph_w60 3s;}
.pro3 .consult_wrap.graph3.on table tr.tr_01 td.graph span:last-child {width: 40%;animation: graph_w40 1s;}
/* graph4 */
.pro3 .consult_wrap.graph4.on table tr.tr_01 td.graph span:first-child {width: 45%;animation: graph_w45 3s;}
.pro3 .consult_wrap.graph4.on table tr.tr_01 td.graph span:last-child {width: 55%;animation: graph_w55 1s;}
/* graph5 */
.pro3 .consult_wrap.graph5.on table tr.tr_01 td.graph span:first-child {width: 55%;animation: graph_w55 3s;}
.pro3 .consult_wrap.graph5.on table tr.tr_01 td.graph span:last-child {width: 45%;animation: graph_w45 1s;}
.pro3 .consult_wrap.graph5.on table tr.tr_02 td.graph span:first-child {width: 45%;animation: graph_w45 3s;}
.pro3 .consult_wrap.graph5.on table tr.tr_02 td.graph span:last-child {width: 55%;animation: graph_w55 1s;}


/* 개인정보처리방침 */
.privacy_wrap { padding-top: 4rem; } 
.privacy_wrap div { width: 100%; padding: 2rem; border: 1px solid #dcdcdc; } 


/* inquiry_info */
#inquiry_info h2 { width: 100%; text-align:center; font-size: 2.7rem; padding-bottom: 10rem; font-weight: 400; line-height: 1.5; } 
#inquiry_info .flex_box { display: flex; justify-content: space-between; align-items: stretch; flex-direction: row; flex-wrap: wrap; } 
.contact_box { width: 32%; border: 2px solid var(--main-color); padding: 4rem; border-radius: 20px; } 
.contact_box.box2 { display: flex; flex-direction: column; justify-content: center; } 
.contact_box.box2 .img_box img { width: 100%; } 
#inquiry_info .box1 h3 { font-weight: 400; font-size: 3rem; padding-bottom: 3rem; } 
#inquiry_info .box1 h3 b { color: var(--main-color); } 
#inquiry_info .box1 .as_list { } 
#inquiry_info .box1 .as_list li { line-height: 1.9; position: relative; padding-left: 12px; } 
#inquiry_info .box1 .as_list li:before { content:''; display:block; position:absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--main-color); top: 1.5rem; left: 0; } 

#inquiry_info .box2 ul { text-align: center; padding-top: 2rem; } 
#inquiry_info .box2 li { background: var(--main-color); color: #ffff; line-height: 1.9; margin-top: 1rem; border-radius: 10px; padding: 3px; } 
#inquiry_info .box3 { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: space-around; justify-content: space-evenly; align-items: stretch; background: #f5f5ff; } 
#inquiry_info .box3 .contact_btn:hover { box-shadow: 2px 1px 3px 1px #c1c1f6; } 
#inquiry_info .box3 .contact_btn { background: #fff; border-radius: 10px; transition: all .3s; border: 1px solid #bebfe1; } 
#inquiry_info .box3 .contact_btn a { display: flex; flex-direction: row; justify-content: space-between; font-size: 1.8rem; color: #fff; color: var(--main-color); padding: 2rem; } 
#inquiry_info .box3 .btn1 { } 
#inquiry_info .box3 .btn2 { } 


/* 회사개요 */
#company .content_wrap { padding-top: 80px; } 
#company .content_box.box1 { margin-right: 7%; } 
#company .content_box.box1 h2 { font-size: 1.8em; } 
#company .content_box.box2 { flex-grow: 1; } 

/* LOCATION */
#location #map a, #location #map2 a { width:auto; } 
#location .location_item {margin-top: 30px;}
.table_wrap table:not(.board) {width: 100%;border-collapse: collapse;/* margin-top: 30px; */} 
.table_wrap table:not(.board) th {width: 20%;background: #eff0f1;font-size: 18px;font-weight: 500;} 
.table_wrap table:not(.board) td {font-size: 16px;}
.table_wrap table:not(.board) th , 
.table_wrap table:not(.board) td {border: 1px solid #dedede;padding: 16px;line-height: 1.8;word-break: keep-all;} 
#location section { margin-bottom: 80px; } 
.table_wrap table:not(.board) td b {min-width: 100px;display: inline-block;font-weight: 500;display: flex;justify-content: space-between;} 
.table_wrap table:not(.board) td b span { padding: 0 7px; } 
.root_daum_roughmap .wrap_controllers { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: center; } 
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview { display: flex; flex-direction: row; flex-wrap: nowrap; width: 300px; justify-content: flex-end; align-items: center; } 
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview a.txt { text-align: center; } 
.table_wrap table:not(.board) .transport_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; } 
.table_wrap table:not(.board) .transport_wrap .transport { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } 
.table_wrap table:not(.board) .transport_wrap .transport li { padding-right: 6px; } 

/* INQUIRY */
.inquiry_notice { position: absolute; top: 2rem; font-size: 1.5rem; color: #666; } 
.inquiry_style1 h3 {font-size: 22px;font-weight: 400;padding-bottom: 5px;padding-top: 20px;} 
.inquiry_style1 .inquiry_tbl_style1_icon {color: #ff0007;font-size: 17px;} 
.editor textarea {width: 100%;height: 150px;border: 1px solid #ddd;padding: 20px;font-size: 16px;font-weight: 100;color: #222;display: block;font-family: 'Noto Sans KR', sans-serif;} 
#inquiry .agree_txt { background: #eee; padding: 10px; font-size: 16px; } 
.inquiry_tbl_style1_con .write_input { border: 1px solid #ddd; padding: 15px 15px 15px 20px; font-size: 15px; font-weight: 500; color: #444; font-family: 'Noto Sans KR',sans-serif; } 
.write_input.wr_wid_100 { width: 40%; } 
.inquiry_para { margin-top:20px } 
.inquiry_tbl_style1_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.tbl_style1_item { width: 32%; } 
.tbl_style1_item .write_input { width: 100%; } 
.cm_btn_controls { margin: 40px 0; } 
.cm_btn_controls .btn_submit1 {border: unset;background: var(--main-color);color: #fff;text-align: center;width: 220px;height: 60px;font-size: 18px;display: block;margin: 0 auto;} 
.sub_ex.inquiry_num h3 { font-size: 24px; font-weight: bold; } 
.sub_com .sub_com_section .sub_ex.inquiry_num p { font-size: 19px; font-weight: 500; } 
 .write-tbl td.flex_div_3 { display: flex; flex-direction: row; justify-content: space-between; } 


/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.inquiry_style1.inquiry_tbl_style2 { margin: 40px 0; } 
.inquiry-essential-txt {text-align: right;font-size: 16px;}
.essential-icon { color: #ff0007; padding-left: 1px; 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;text-align:left;width: 17%;} 
body.lang_eng .write-tbl th, body.lang_sp .write-tbl th { font-weight:600 } 
.write-tbl .write-input, .write-tbl .write-select, .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: 30%; } 
.write-tbl .write-input.width_100 { width: 100%; } 
.write-tbl .write-select { height:38px; width: 20%; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl .hypen { margin: 10px 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; } 
.filebox { width: 100%; overflow: hidden; margin-bottom: 20px; } 
.filebox .file_wr { width:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 10%); color:#aaa; font-size:13px; max-width: calc(100% - 60px); } 
.filebox .file_wr label { display: inline-block; vertical-align: top; width: 10%; min-width: 60px; box-sizing: border-box; color: #fff; height: 38px; line-height: 38px; font-size: 13px; background: #777; } 
.filebox .file_wr label span { text-align: center; width: 100%; display: block; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.inquiry_btn { text-align: center; width: 100%; margin-top: 40px; } 
.inquiry_btn input { border: unset; background: var(--main-color); color: #fff; text-align: center; width: 170px; height: 50px; font-size: 18px; } 

/* RESPONSIVE */

@media (max-width: 1700px) { /* COMPANY */
 .company_box1 { background-size: cover; } 
 /* INQURIY */
.write-tbl th { width: 20%; } 
 }
 @media (max-width: 1430px){
 .depth_wrap > div.home_btn::before { display:none; } 
 .sub_com { margin: 0 2%; } 
 .company_wrap {/* margin-left: 0; */} 
 }
@media (max-width: 1400px){
.sub_visual_txt, .depth_wrap {width: 96%;}

/* company */
.contents_wrap > .img_box {margin: 0 0 10rem 0;} 

/* location */
.tab-content #map iframe {width: 100%; max-width: 1400px;}

}
@media (max-width: 1360px) { } 
@media (max-width: 1300px){
 .depth_wrap > div.menu_2 { display: none; } 
 .depth_wrap > div:nth-child(3) { display: flex; background: #fff; } 
 .sub_visual_txt { font-size: 15px; } 
 .pc_sub_menu .second_dep { width: 90%; } 
 .tab_list { width: 90%; } 
 .sub_inner_wrap { font-size: 15px; width: 90%; } 
/* 경영이념 */
.company_box4::before { font-size: 100px; top: -22px; } 
 .company_box4 .flex_box li:nth-child(2)::before { width: 150px; height: 150px; } 
 .company_box4 .flex_box li { width: 26%; } 
 .company_box4 .flex_box li .img_box { } 
 .company_box4 .flex_box li .img_box img { max-width: 363px; width: 100%; } 

 /* company */
 #company .consult_wrap.wrap4 .info_graphic_wrap h3 span {font-size: 28px;}
 #company .consult_wrap .consult_design_wrap .sec_box .box p br, 
.consult_wrap.wrap4 .info_graphic_wrap p br {display: none;}

 /* history */
.timeline__item .img_box img {max-width: 200px;}
 
  /* consulting */
 .tech .consult_wrap.wrap4 .info_graphic_wrap h3 {width: 45%;}
.tech .consult_wrap .consult_dot {width: 55%;} 
.tech .consult_wrap .info_graphic_wrap2 .consult_dot, .tech .consult_wrap .info_graphic_wrap3 .consult_dot, .tech .consult_wrap .info_graphic_wrap4 .consult_dot {width: 100%;}     
    
.tech .table_half .consult_wrap .consult_dot {width: 100%;} 
 
 /* INQUIRY */
#inquiry .sub_inner_wrap { width: 90%; margin: 0 auto; } 
.write-tbl .write-input.input100 { width:100%; } 
 .write-tbl th { min-width: 116px; } 
 .write-tbl .write-input { width: 100%; } 
 .write-tbl .write-select { width: 30%; } 
 .tech2 .contents1 .img_wrap>div:nth-child(2) { width: 100%; } 
 }
@media (max-width: 1200px){
.timeline {margin: 0;}
.timeline__item .img_box {/* width: auto; */}

 /* pro1 */
.pro1 .consult_wrap .consult_design_wrap table tr td {min-height: 193px;}
.pro1 .consult_wrap .consult_design_wrap table tr td br {display: none;}
}
@media (max-width: 1023px){
  .flex_3 > * {width: 48%;margin-right: 0;} 
.tit_box h2, .wrap1 h2 {font-size: 30px;}
 
 .sub_visual_txt {font-size: 14px;} 
 .pc_sub_menu .com_depth li a { font-size: 17px; } 
 .tab_list div { font-size: 16px } 
 .tit_box {font-size: 15px;padding-top: 50px;} 
.consult_wrap .tit_box {padding-bottom: 30px;} 
 .sub_title h2 {font-size: 30px;}
 

/* company */
.consult_wrap.wrap5 .tit_box2 h2 {font-size: 26px;}
.consult_wrap .consult_design_wrap h3,
.pro1 .consult_wrap .consult_design_wrap table tr th {font-size: 22px;}
.consult_wrap.wrap4 .info_graphic_wrap h3 {font-size: 22px;}
#company .consult_wrap.wrap4 .info_graphic_wrap h3 span {font-size: 20px;}
.consult_wrap .consult_design_wrap .sec_box h4 {font-size: 20px;}
.consult_wrap .consult_design_wrap .sec_box section, .consult_wrap.wrap4 .info_graphic_wrap p {font-size: 16px;}
.consult_wrap.wrap4 .info_graphic_wrap p {min-height: 100px;}
.contents_wrap > .img_box {margin-bottom: 60px;} 
.consult_wrap.wrap4 .info_graphic_wrap {justify-content: space-between;}
.consult_wrap .consult_design_wrap .sec_box section, .consult_wrap.wrap4 .info_graphic_wrap article {margin-bottom: 4%;}
.consult_wrap.wrap4 .info_graphic_wrap article:last-child {margin-bottom: 0;}

/* history */
.history_logo img {width: 165px;}
/*
    .timeline__item {padding-right: 20px;}
.timeline__item:nth-of-type(2n) {padding-left: 20px;}
.timeline__item .img_box {padding-right: 52px;} 
.timeline__item:nth-of-type(2n) .img_box {padding: 0 0 0 52px;}
.timeline__item .timeline__circle {left: calc(16px + 20px);} 
.timeline__item:nth-of-type(2n) .timeline__circle {left: calc(-16px - 20px);} 
.timeline__desc p, .timeline__desc > div {font-size: 16px;}
    */
    .timeline__item .img_box {padding-right: 0px; right: 0;} 
.timeline__item .img_box img {max-width: 150px;} 
.big_date {font-size: 90px;}

/* location */
.tab_wrap ul li {width: calc(100% / 3);}
.tab-content #map iframe {height: 350px;}
#location .map_url li a {font-size: 18px;}
#location .map_url li:last-child:After {top: 11px;}

 /* consulting */
.tech .consult_wrap .consult_design_wrap .sec_box section {padding: 2rem;}
.tech .consult_wrap.wrap4 .info_graphic_wrap, .tech2 .consult_wrap.wrap4 .info_graphic_wrap .left {padding: 4rem;}

 /* pro1 */
.pro1 .consult_wrap #wrap {flex-direction: column;}
.pro1 .consult_wrap #wrap .consult_design_wrap {width: 100%;}
.pro1 .consult_wrap #wrap .consult_design_wrap:first-child {margin-bottom: 80px;}
.pro1 .consult_wrap .consult_design_wrap table tr {width: 50%;}
.pro1 .consult_wrap .consult_design_wrap table tr td {min-height: 115px;}
.pro1 .consult_wrap .consult_design_wrap table tr td br {display: block;}
.pro1 .consult_wrap .consult_design_wrap .sec_box div, .pro1 .consult_wrap .consult_design_wrap table tr th {font-size: 20px;}
.pro1 .consult_wrap .consult_design_wrap span {font-size: 18px;}

/* tech2 */
.tech2 .consult_wrap.wrap4 .info_graphic_wrap article.flex_box > div {width: 100%;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure:nth-child(2) {margin: 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left {margin: 0 0 6% 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap article.flex_box > div.w_100 {display: block;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left .flex_box:not(.tag) {flex-direction: column;}
.tech2 .consult_wrap .uls {width: 100%;margin: 30px 0 0 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap h3 br {display: none;}
 
/* INQUIRY */
 .contact_box { width: 48%; } 
 /* .contents_wrap > div { margin-bottom: 4%; }  */
 .contact_box.box1 { width: 100%; } 
 .contact_box.box2 { } 
}
@media (max-width: 940px){
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right {max-width: 100%;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure img {min-height: 100px;}
    
.tech .consult_wrap .table_half {display: block;}   
.tech .consult_wrap.wrap4.w50 {width: 100%; margin-bottom: 20px;}    
.tech .consult_wrap.wrap4.w33 {width: 100%; margin-top: 30px}    
.tech .consult_wrap.wrap4 .tit_box h2.small_tit {font-size: 22px;}
    
.tech .consult_wrap.wrap4 .info_graphic_wrap2 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 .info_graphic_txt {width: 100%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 .info_graphic_img {width: 100%}
.tech .consult_wrap.wrap4 .info_graphic_wrap2 article:last-child {margin-bottom: 5rem;}

.tech .consult_wrap.wrap4 .info_graphic_wrap3 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt {width: 100%; margin-bottom: 1rem}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt2 {width: 48%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img {width: 48%; text-align: center;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img .img_caption {text-align: center; font-size: 16px; color: #111; padding-top: 10px;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img .arrow {top: 9rem;right: -1rem;width: 5rem;height: 5rem;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt .consult_dot li {font-size: 16px; width: 33%; float: left;}    

.tech .consult_wrap.wrap4 .info_graphic_wrap4 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_txt {width: 100%; margin-bottom: 3rem}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_img {width: 48%; text-align: center;}

.tech .table_half .consult_wrap.wrap4 {flex-grow: 1}
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap h3 {width: 100%;text-align: left;background: transparent;color: var(--sub-color);padding-bottom: 10px;margin: 0;border-radius: 0;} 
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap article {align-content: unset;width: 100%;padding: 3% 0;border-bottom: 2px dotted #a29e9e;}
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap article:last-child {border-bottom: none;}
.tech .table_half .consult_wrap.wrap4 .info_graphic_wrap article img {width: 100%; margin-bottom: 20px;}    
}
@media (min-width: 769px) and (max-width: 1023px){
.consult_wrap.wrap4 .info_graphic_wrap p br {display: none;}
}
@media (max-width: 768px){
 .tit_box p { padding: 20px 0; } 
.tit_box h2, .wrap1 h2 {font-size: 26px;}
.line {padding: 3rem 0;}
.line li {border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #000;}
.line li:nth-child(2) {margin: 0 30px;}
 
 .sub_com {padding: 0;} 
 .sub_visual_box { height: 400px; } 
 .visual_menu_wrap {border-bottom: 1px solid #dcdcdc;} 
 .depth_wrap {width: 100%;}
.depth_wrap > div.home_btn {display: none;}
.depth_wrap > div {width: 50%;max-width: 50%;}
.depth_wrap > div:nth-child(2) {border-right: 1px solid #dcdcdc;}
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .pc_sub_menu .com_depth li { line-height: 60px; } 
 .tab_list { margin: 20px auto; } 
 .sub_visual_txt { font-size: 10px; } 
 .pc_sub_menu .com_depth li a { font-size: 14px; padding: 0 5px; } 
 .tab_list div { font-size: 15px } 
 .sub_title h2 {font-size: 25px;}

 /* company */
 #company .consult_wrap .consult_design_wrap .sec_box .box p br, 
.consult_wrap.wrap4 .info_graphic_wrap p br {display: block;}
 
 .consult_wrap.wrap5 .tit_box2 h2 {font-size: 22px;}
.consult_wrap .consult_design_wrap h3,
.pro1 .consult_wrap .consult_design_wrap table tr th {font-size: 20px;}

 /* history */
.timeline__line {left: 30px;}
.timeline__item {text-align: left;width: 100%;padding: 0 0 0 40px;}
.timeline__item:nth-of-type(2n) {padding-left: 40px;}
.timeline__item .img_box, .timeline__item .img_box.t45, .timeline__item .img_box.t110 {top: 30%;}
.timeline__item:nth-of-type(2n-1) .img_box {left: auto; right: 0;}
.timeline__item:nth-of-type(2n) .img_box {right: 0; left: auto;} 
.timeline__item .img_box, .timeline__item:nth-of-type(2n) .img_box {padding: 0;}
.timeline__item .img_box img, .timeline__item:nth-of-type(2n-1) .img_box img {opacity: .8;} 
.timeline__item .timeline__circle, .timeline__item:nth-of-type(2n) .timeline__circle {left: calc(16px + -42px);} 
.timeline__desc {padding: 10px 0 0 32px !important;} 
.timeline__title h3 {font-size: 22px;}
.timeline__desc p, .timeline__desc > div {padding: 0 0 0 10px;}
.timeline__desc p::before, .timeline__desc > div::before {left: 0;right: auto;} 
.big_date {font-size: 60px;}
.timeline__title {padding-left: 0px; } 
.timeline__item .img_box {display: none;}
.timeline__desc p, .timeline__desc > div {font-size: 16px;}

/* location */
.tab_wrap ul {justify-content: space-between;}
.tab_wrap ul li a {font-size: 16px;}
.tab-content #map iframe {height: 250px;}
#location .map_url li:last-child:After {top: 10px;}
#location .map_url li a {font-size: 16px;}

 /* consulting */
.tech .consult_wrap.wrap4 .info_graphic_wrap article {flex-direction: column;}
 .tech .consult_wrap.wrap4 .info_graphic_wrap h3, .consult_wrap .consult_dot {width: 100%;} 
 .tech .consult_wrap.wrap4 .info_graphic_wrap h3 {margin-bottom: 15px;}
.tech .consult_wrap .consult_dot {width: 100%;} 
.consult_wrap.wrap4 .info_graphic_wrap h3 {font-size: 20px;}
.consult_wrap .consult_design_wrap .sec_box h4 {font-size: 18px;}
.tech .consult_wrap .consult_dot li {font-size: 16px;}
.tech .consult_wrap.wrap4 .info_graphic_wrap, .tech2 .consult_wrap.wrap4 .info_graphic_wrap .left {padding: 4rem 2rem;}
.tech .consult_wrap.wrap4 .tit_box h2 br {display: block;}
    
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt .consult_dot li {width: 50%; float: left;}    
 
 /* pro1 */
.pro1 .consult_wrap #wrap {flex-direction: column;}
.pro1 .consult_wrap #wrap .consult_design_wrap:first-child {margin-bottom: 80px;}
.pro1 .consult_wrap .consult_design_wrap table tr td {font-size: 16px;min-height: 95px;}
.pro1 .consult_wrap .consult_design_wrap table tr td br {display: block;}
.pro1 .consult_wrap .consult_design_wrap .sec_box section {width: 100%;}
.pro1 .consult_wrap .consult_design_wrap .sec_box section:first-child {margin-bottom: 2%;}
.pro1 .consult_wrap .consult_design_wrap .sec_box div, .pro1 .consult_wrap .consult_design_wrap table tr th {font-size: 18px;}
.pro1 .consult_wrap .consult_design_wrap span,  .pro1 .consult_wrap .consult_design_wrap table tr td  {font-size: 16px;}

/* tech2 */
.tech2 .consult_wrap .consult_dot li {font-size: 16px;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box {flex-wrap: wrap;justify-content: space-between;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure {flex-basis: 48%;margin: 0 2% 2% 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure span {font-size: 14px;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left:before {background-size: contain;max-width: 150px;}
 
 /* PARTNER */
 .partner_box1 .partner_list li { width: 49%; } 
 .partner_box1 .partner_list li:nth-child(3n) { margin-right:2% } 
 .partner_box1 .partner_list li:nth-child(2n),
 .partner_box1 .partner_list li:nth-child(6n) { margin-right: 0; } 
 .partner_box1 .img_box img { padding: 10px; } 

/* 오시는길 */
.table_wrap table:not(.board) th, .pro3 table td.b_eff0f1, .table_wrap table:not(.board) td {font-size: 16px;} 
.table_wrap table:not(.board) td {font-size: 14px;} 
.table_wrap table:not(.board) td b { min-width: fit-content; width: auto; } 
.table_wrap table:not(.board) .transport_wrap .transport { flex-grow: 1; word-break: keep-all; } 

 /* INQUIRY */
 .inquiry_style1 h3 {font-size: 18px;} 
.inquiry-essential-txt {font-size: 14px;}
 .agree_txt { font-size: 14px } 
 .inquiry_style1 .inquiry_tbl_style1_icon { font-size:14px; padding-left: 4px; } 
 .inquiry_tbl_style1_con .write_input { font-size: 14px; } 
 .write-tbl th {font-size: 15px;width: 30%;max-width: 100%;} 

 /* tit_box */
 .tit_box { font-size: 13px; padding-top: 40px; } 
 .product_frame .tit_box h1 { font-size: 2.5em; } 

  /* company */
.contents_wrap > div {margin-bottom: 60px;} 
.contents_wrap > .img_box {margin-bottom: 40px;}
#company .consult_wrap > .img_box {margin-bottom: 3.8rem;}
.consult_wrap.wrap5 .tit_box2 {padding: 4rem;}
.consult_wrap.wrap5 .tit_box2 h2 {letter-spacing: -1px;}
.consult_wrap.wrap5 .tit_box2 h2:before, .consult_wrap.wrap5 .tit_box2 h2:after {display: none;}

 /* CONSULTING */
 .consult_wrap .consult_design_wrap .sec_box .box {width: 100%;} 
 .consult_wrap .consult_design_wrap .sec_box h4 {padding: 2rem;margin-bottom: 0;} 
 .consult_wrap .consult_design_wrap h3 {width: 40%;min-width: 170px;} 
 .consult_wrap .consult_design_wrap .img_box img { width: 54% } 
 .consult_wrap .consult_design_wrap h3 {padding: 16px;margin: 0 auto 4%;} 
.consult_wrap .consult_design_wrap .sec_box, .consult_wrap.wrap4 .info_graphic_wrap {flex-direction: column;}
.consult_wrap .consult_design_wrap .sec_box section, .consult_wrap.wrap4 .info_graphic_wrap article {width: 100%;}
.consult_wrap.wrap4 .info_graphic_wrap h3 {margin-bottom: 0;}
.consult_wrap.wrap4 .info_graphic_wrap p {min-height: 100px;}
.consult_wrap .consult_design_wrap .img_box.img_line {display: none;}
.tech .consult_wrap .consult_design_wrap .sec_box section img {width: 50px;height: 50px;}
 .consult_wrap.wrap3 .info_graphic_wrap { width: 100%; display: block; padding-bottom: 2rem; border-bottom: unset; /* overflow: hidden; */ } 
 
 .consult_wrap.wrap3 article { position: absolute; left: 0; bottom: 0; width: 43%; } 
.consult_wrap.wrap3 .info_graphic_wrap .arti1 { } 
.consult_wrap.wrap3 .info_graphic_wrap .arti2 { left: 50%; top: 50%; transform: translate(-50%, -50%); bottom: unset; } 
.consult_wrap.wrap3 .info_graphic_wrap .arti3 { right: 0; left: unset; top: 12px; bottom: unset; } 
 .consult_wrap.wrap3 { margin-bottom: 8rem; overflow: hidden; padding-bottom: 6rem; } 

/* pro1*/
.pro1 .consult_wrap .consult_design_wrap .img_box img { width: 100% }
 }
 @media (max-width: 680px){
/* COMPANY */
 .company_box2 .img_box { width: 80%; margin-bottom: 6%; } 
 .company_box2 .info_box { width: 80%; margin-left: auto; text-align: right; padding: 20px; background: #dcdcdc4a; } 
 .company_box4 { padding-top: 4rem; } 
 .company_box4 .flex_box li { width: 48%; margin-bottom: 4%; } 
 .company_box4 .flex_box li:nth-child(2) { margin-right: 0; } 
 .company_box4 .flex_box { padding: 4%; display: flex; justify-content: flex-start; } 
 .company_box4::before { bottom: 277px; font-size: 45px; right: 0; } 
 .company_box4 .flex_box::before { top: 200px; width: 80%; } 
     
.tech .consult_wrap.wrap4 .info_graphic_wrap3 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt {width: 100%; margin-bottom: 1rem}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt2 {width: 100%;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img {width: 100%; text-align: center; margin-bottom: 8rem}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img .img_caption {text-align: center; font-size: 16px; color: #111; padding-top: 10px;}
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_img .arrow {top: inherit; bottom:-5rem; right: inherit; left: 50%; width: 5rem;height: 5rem; transform: translateX(-50%) rotate(90deg);}     
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt2 .consult_dot li {width: 50%; float: left;}    

.tech .consult_wrap.wrap4 .info_graphic_wrap4 {padding: 4rem; gap: 4%}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_txt {width: 100%; margin-bottom: 3rem}
.tech .consult_wrap.wrap4 .info_graphic_wrap4 .info_graphic_img {width: 100%; text-align: center; margin-bottom: 3rem }     
 }

@media (max-width: 480px){
  .flex_3 > * {width: 100%;} 
 .sub_title { margin-top: 0rem; } 
 .sub_title h2 {padding-left: 34px;} 
 .sub_inner_wrap { font-size: 12px; } 
 /* top_menu */
 .visual_menu_wrap .com_depth {top: 49px;} 
 .visual_menu_wrap .com_depth li a { font-size: 13px; } 
 .visual_menu_wrap {height: 50px;bottom: 50px;} 
 .depth_wrap { } 
/* sub_visual */
 .sub_visual_box {height: 300px;} 
 .sub_visual_txt { /* font-size: 8px; *//* left: 9%; */width: 90%; } 
 .sub_visual_txt h1 { font-size: 3.6rem; } 
 .pc_sub_menu .com_depth { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } 
 .pc_sub_menu .com_depth li { width: 33%; line-height: 40px; /* flex-grow: 0; */
 /* border-bottom: 1px solid #ddd; */ flex-grow: 1; } 
 .pc_sub_menu .second_dep { height: auto; /* box-shadow: 2px 3px 4px #c6c6c6; */
 /* border: 1px solid #d3d3d3; */
 /* border-radius: 10px; */ } 
 .pc_sub_menu .com_depth li.blue_bg { bottom: 5px; } 
 .pc_sub_menu .com_depth li a { font-size: 13px; } 
 .pc_sub_menu .com_depth li::after { width: 1px; height: 14px; } 
 .pc_sub_menu .com_depth li:nth-child(3n)::after { display:none; } 
 .tab_list div { font-size: 14px; height: 50px; line-height: 50px; } 
 .tab_list { margin: 10px auto; /* padding-top: 30px; */ } 
 .tab_list.nav-fixed { top: 60px; } 
 .sub_inner_wrap { margin: 40px auto 0; } 

/* COMPANY */
.consult_wrap .consult_design_wrap .sec_box h4 , .consult_wrap.wrap4 .info_graphic_wrap h3,
#company .consult_wrap.wrap4 .info_graphic_wrap h3 span {font-size: 16px;}
.contents_wrap {padding: 60px 0 80px;} 
 .company_wrap .company_box1 > p { width: 100%; margin-right: 0; } 
#company .consult_wrap > .img_box {margin-bottom: 2.8rem;}
.consult_wrap.wrap5 .tit_box2 {padding: 2rem;}
 .sub_title.flex_box .small_menu { display: none; } 
 .sub_title h2:before { width: 24px; } 
 .busi_wrap h2 { font-size: 3rem; padding-bottom: 4rem; } 
 .busi_wrap.wrap2 .list_1 li > div { width: 100%; } 
 .busi_wrap.wrap2 .list_1:before { z-index: -1; left: 5.5%; top: 200px; } 
 .busi_wrap.wrap2 .list_1 > li { width: 96%; margin: 0 auto; margin-bottom: 40px; } 
 .busi_wrap.wrap2 .list_1 li > div.check { padding-left: 4%; margin-left: 4%; } 
 .busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box { text-align: left; padding-left: 4%; margin-left: 4%; } 
 .busi_wrap.wrap2 .list_1 li:nth-child(2n) .img_box { order: unset; padding-left: 0; margin-left: 0; } 
 .busi_wrap.wrap2 .list_1 li .img_box img { margin-bottom: 30px; } 
 .busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box:before { right: unset; left: calc(22px / 2 * -1); } 
 .busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box:after { left: calc( 8px / 2 * -1); } 
 .busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li:before { right: unset; left: 0; } 
.busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li { padding-bottom: 2.2rem; padding-left: 2rem; position: relative; color: #393939; } 
 .busi_wrap.wrap2 .list_1 li .info_box .list_2 li:before,
 .busi_wrap.wrap2 .list_1 li:nth-child(2n) .info_box .list_2 li:before { width: 5px; height: 5px; top: 4px; } 
 .busi_wrap.wrap2 .list_1 li .info_box h3 { padding-left: 1.6rem; } 

 .partner_box1 .partner_list li .img_box { height: 90px; } 
 
 /* history */
 .history_logo img {width: 135px;}
.timeline__line {left: 20px;}
.timeline__item {padding-left: 20px;}
.timeline__item:nth-of-type(2n) {padding-left: 20px;} 
.timeline__item .img_box, .timeline__item .img_box.t45, .timeline__item .img_box.t100 {top: 30%;}
.timeline__item .img_box {display: none;}
.timeline__item:nth-of-type(2n) .img_box {right: 0; left: auto;} 
.timeline__item .img_box img {opacity: .8;} 
.timeline__item .timeline__circle, .timeline__item:nth-of-type(2n) .timeline__circle {left: calc(13px + -26px);width: 26px;height: 26px;} 
.timeline__circle::before {width: 6px; height: 6px;}
.timeline__desc {padding: 10px 0 0 32px;} 
.timeline__title h3 {font-size: 20px;}
.timeline__desc p::before, .timeline__desc > div::before {left: 0;right: auto;} 
.big_date {font-size: 40px;}
.timeline__desc p, .timeline__desc > div {font-size: 14px;}    

 
/* location */
.tab_wrap ul li {width: 100%;}
.tab_wrap ul li:last-child a {border-left: 1px solid #dcdcdc;}
#location .map_url li:last-child {margin-right: 20px;}
#location .map_url li:last-child:After {width: 3px;height: 3px;right: -12px;}
#location .map_url li a {font-size: 14px;}
#location .location_item {margin-top: 10px;}
#location table th, #location table(.board) td {width: 100%;display:table;border-collapse:initial;padding:6px;}
#location table(.board) th {text-align: left;}
#location table th, #location table td {width: 100%;display: -webkit-inline-box;word-break: break-all;padding: 6px;}

 /* SOLUTION */
 .solution_wrap.wrap2 .list_1 li > div { width: 100%; margin-bottom: 30px; } 
 .solution_wrap.wrap2 .list_1 li:nth-child(2n) .img_box { order: unset; } 
 .solution_wrap.wrap2 .list_1 li .info_box { padding-left: 2%; } 
 .solution_wrap.wrap2 .list_1 li:nth-child(2n) .info_box { padding-right: 3%; } 
 .solution_wrap.wrap2 .list_1 > li { padding-top: 0px; } 
 .solution_wrap.wrap2 .list_1 li .info_box .list_2 li { font-size: 2rem; } 

 /* pro1 */
 .pro1 .consult_wrap .consult_design_wrap table tr {width: 100%;}
 .pro1 table:not(.board) th, .table_wrap table:not(.board) td {padding: 8px;}
 
/* pro3 */
 .pro3 .consult_wrap ul.tag li span {width: 40px;height: 15px;}
.pro3 table td.graph span:first-child, .pro3 table td.graph span:last-child {height: 24px;}
.pro3 table td.graph.blue span:last-child {line-height: 1.4;}

 /* CUNSULTING */
 .tit_box h2, .wrap1 h2 {font-size: 22px;} 
.consult_wrap.wrap5 .tit_box2 h2 {font-size: 20px;} 
.consult_wrap .consult_design_wrap h3,
.pro1 .consult_wrap .consult_design_wrap table tr th {font-size: 18px;}
.pro1 .consult_wrap .consult_design_wrap table tr td {min-height: 76px;}
 .consult_wrap.wrap3 article ul { width: 94%; } 
.tech .consult_wrap .consult_dot li::before { top: 6px; } 
.tech .consult_wrap .consult_dot li { padding-left: 11px; } 
 .consult_wrap.wrap3 .info_graphic_wrap { padding-bottom: 0; } 
 .consult_wrap .consult_design_wrap .sec_box .box, .consult_wrap .consult_design_wrap .sec_box h4 { padding: 1.2rem; } 
#tech .consult_wrap .consult_design_wrap .sec_box h4 br {display: none;}

/* tech2 */
.tech2 .consult_wrap ul.consult_dot {padding-left: 0;}
.tech2 .consult_wrap .consult_dot li {font-size: 16px;padding-left: 10px;}
.tech2 .consult_wrap ul {justify-content: space-between;padding-left: 0;}
.tech2 .consult_wrap ul.tag li, .tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure {flex-basis: 47%;margin-bottom: 10px;}
.tech2 .consult_wrap ul.tag li:nth-child(2) {margin: 0 auto 10px;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure {margin-right: 0;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .right.flex_box figure span {font-size: 12px;}
.tech2 .consult_wrap.wrap4 .info_graphic_wrap .left:before {max-width: 120px;}
.tech .consult_wrap.wrap4 .tit_box h2.small_tit {font-size: 20px;}    
.tech .consult_wrap.wrap4 .info_graphic_wrap3 .info_graphic_txt2 .consult_dot li {width: 100%; float: left;}        
 
/* INQUIRY INTRO */
 .contact_box { width: 100%; } 
 #inquiry_info .box3 .btn1 { margin-bottom: 20px; } 

 /* INQUIRY */
 #inquiry .inquiry_wrap { width: 100%; } 
.inquiry_tbl_style1_flex { display: flex; } 
.tbl_style1_item { width: 100%; } 
.inquiry_tbl_style1_con .write_input { width: 100% } 
.cm_btn_controls .btn_submit1 {width: 160px;height: 50px;font-size: 16px;} 
.inquiry-essential-txt {font-size: 11px;}
 .inquiry_style1 h3 {font-size: 16px;} 
.agree_txt label { padding-left: 8px; } 
 .editor textarea {font-size: 13px;padding: 10px;height: 100px;} 
 .write-tbl th, .write-tbl td { padding: 10px 2px 10px 0; min-width: 74px; word-break: keep-all; font-size: 13px; } 
 .write-tbl td.flex_div_3 { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
 .inquiry_btn { margin-top: 20px; } 
 .inquiry_btn input { font-size: 12px; width: 110px; height: 40px; } 
 #inquiry .agree_txt { font-size: 13px; } 
 .inquiry_style1 .inquiry_tbl_style1_icon { font-size:11px;} 
 }