/*¼­ºê*/
.lnb-topbar {display:block;position: relative;height: 85px;border-radius: 0;z-index: 2;    border-top: rgba(255,255,255,0.4) 1px solid;}
.lnb-1depth a {color: #fff;display: block; padding-left: 30px; font-size: 15px; font-weight: 400; line-height: 85px; text-decoration: none;}
.lnb-1depth > li {display: inline-block; position: relative; width: 205px;float: left;}
.lnb-1depth > li > a {font-size: 18px;}
.lnb-1depth > li > a.on {color: #fff;}
.lnb-1depth > li > a:after {content: ""; position: absolute; right: 30px; top: 50%; width: 14px; height: 8px; background: url(../images/sub/sm_arr.png) no-repeat center; transform: translateY(-50%); transition: 0.4s;}
.lnb-1depth > li > a.on:after { transform: translateY(-50%) rotate(180deg);}

.lnb-1depth > li:first-child a:before {display:none;}
.lnb-1depth > li:nth-child(2) {width: 250px;} 
.lnb-1depth > li:nth-child(3) {width: 285px;}
.lnb-1depth > li:nth-child(4) {width: 285px;}
.lnb-2depth {display: none; position: absolute; top: 83px; left: 0; width: 100%; background: #fff; border-radius: 5px;border: #ddd 1px solid;padding: 10px;}
.lnb-2depth.on {display: block;}
.lnb-2depth > li > a {margin-top: 1px; color: #454545; line-height: 45px; font-weight: 400;}
.lnb-2depth > li:hover > a {background: #fff; color: #204ba1;} 

.lnb-3depth-group {padding-top: 100px; border-bottom: 1px solid #e5e5e5;}
.lnb-3depth {text-align: center;}
.lnb-3depth li {display: inline-block;}
.lnb-3depth li a {position: relative; display: block; padding: 20px 25px; font-size: 1.8rem; font-weight: 500; color: #888; transition: 0.4s;}
.lnb-3depth li.on a, .lnb-3depth li a.on, .lnb-3depth li:hover a, .lnb-3depth li:active a, .lnb-3depth li:focus a {text-decoration: none; color: #000;}
.lnb-3depth li a:after {content: ""; position: absolute; top:50%; right: 0; height: 15px; width: 1px; background: #d7d7d7; transform: translateY(-50%);}
.lnb-3depth li:last-child a:after {content: none;}
.lnb-3depth li a span {position: relative; display: inline-block; height: 100%;} 
.lnb-3depth li a span:after {content: ""; position: absolute; bottom: calc(-100% + 2px); left: 0; width: 100%; height: 4px; background: #f8b922; opacity: 0; transition: 0.4s;}
.lnb-3depth li.on a span:after, .lnb-3depth li a.on span:after, .lnb-3depth li:hover a span:after, .lnb-3depth li.focus a span:after, .lnb-3depth li:active a span:after {opacity: 1;}

.lnb-4depth-group {padding: 10px 0 100px;}
.lnb-4depth:after {content: ""; display: block; clear: both;}
.lnb-4depth li {display: block; float: left; height: 60px; margin-bottom: 3px;}
.lnb-4depth.list2 li {width: 50%;}
.lnb-4depth.list3 li {width: 33.333%;}
.lnb-4depth.list4 li {width: 25%;}
.lnb-4depth.list5 li {width: 20%;}
.lnb-4depth.list6 li {width: 16.666%;}
.lnb-4depth.list7 li {width: 14.285%;}
.lnb-4depth li a {display: block; width: calc(100% - 0.3rem); margin: 0 0.15rem; padding: 0 10px; background: #f5f5f5; text-align: center; line-height: 60px; transition: 0.4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lnb-4depth li.on a, .lnb-4depth li a.on , .lnb-4depth li:hover a, .lnb-4depth li:active a, .lnb-4depth li:focus a {border: 1px solid #118ad9; background: #fff; box-shadow: 2px 2px 8px 1px rgba(142, 181, 207, 0.13); color: #118ad9; font-weight: 600; text-decoration: none;}

.lnb-1depth > li.chome {width: 46px;}
.lnb-1depth > li.chome > a {width: 46px;padding-left: 0;}
.lnb-1depth > li.chome > a > img {display:inline-block;width:auto;}
.lnb-1depth > li.chome > a:after {display:none;}
#sub_visual {width: 100%;float: left;height: 599px;}
.sub_01{background: url(../images/sub/sub_01.jpg) 0 0 no-repeat;background-size: cover;}
.sub_02{background: url(../images/sub/sub_02.jpg) 0 0 no-repeat;background-size: cover;}
.sub_03{background: url(../images/sub/sub_03.jpg) 0 0 no-repeat;background-size: cover;}
.sub_04{background: url(../images/sub/sub_04.jpg) 0 0 no-repeat;background-size: cover;}
.sub_05{background: url(../images/sub/sub_05.jpg) 0 0 no-repeat;background-size: cover;}
.sub_06{background: url(../images/sub/sub_06.jpg) 0 0 no-repeat;background-size: cover;}
#sub_visual .wrap {height:100%;}
#sub_visual h1 {color: #fff;position: absolute;left: 0;bottom: 180px;font-family: 'Play', 'Noto Sans KR', 'Malgun Gothic', 'Arial', 'Dotumn', 'Sans-serif';font-size:80px;}
.sm {width: 100%;position: absolute;left: 0;bottom: 0;float:left;}



.sub_content {width:100%; position:relative;min-height:300px; padding:50px 0;clear: both; float: left;}
.sub_content:after {content:"";display:table;clear:both}

.sub_title {width:100%; display: block; margin:80px 0 60px;}


.sub_title h1 {display: block; font-size:60px;}
.sub_title h1:before {content:"";display:table;clear:both}


#company h2 {text-align: left;}
#company h2 span {font-size:30px;font-weight:400;display:block;color:#000;margin-bottom:10px;}
.company_mission {
    text-align: center;
    margin: 50px 0 100px 0;
    overflow: hidden;
}
.company_mission img {display:inline-block;max-width:100%;}
.sub_content.sub04_1_wrap {
    padding-bottom: 0 !important;
}
.ai_sec table {width:100%; border-collapse:collapse;border-top:1px solid #023b88;}
.ai_sec table tr th {background:#f9f9f9; padding:15px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:bold;}
.ai_sec table tr th:last-child {border-right:none;}
.ai_sec table tr td {text-align:left; padding:15px; font-size:16px;line-height: 1.5;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.ai_sec table tr td.center {text-align:center;}
.ai_sec table tr td:last-child {border-right:none;}
.pt10 {padding-top:10px;}
.voucher_img {
    text-align: center;
    margin: 50px 0;
    overflow: hidden;
}
.voucher_img img {display:inline-block;max-width:100%;}


.head_top {font-size: 18px;line-height: 1.5;}
.ai_img {clear: both;overflow: hidden;margin-top: 50px;}
.ai_img img {display:block;max-width:100%;}
.ai_sec {clear: both;overflow: hidden;margin-top: 50px;}
.ai_sec h3 {position: relative;padding-left: 25px;margin-bottom: 12px;}
.ai_sec h3:before  {content: '';width: 15px;height: 15px;display: inline-block;background: #023b88;border-radius: 20%;position: absolute;left: 0;top: 50%; transform: translateY(-50%);}
.ai_sec h4 {color:#023b88;font-size: 25px;}
.ai_sec p {font-size: 18px;line-height: 1.5;margin-bottom: 25px; word-break: keep-all;}
.ai_sec li {padding: 5px 5px 5px 12px;position:relative;word-break:keep-all;    font-size: 18px;
    line-height: 1.5;}
.ai_sec li:before  {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 17px;}
.end_top {font-size: 18px;line-height: 1.5;margin-top:50px;}

.dxax_img {clear: both;overflow: hidden;margin: 30px 0;text-align: center;}
.dxax_img img {display:inline-block;max-width:100%;}
.dxax_img .dxax_img02 {display: none;}

.ai_sec.chatbot i{display:inline-block; padding-bottom: 50px;}

@media all and (max-width:1200px){
.ai_sec.chatbot p{font-size: 16px;}
}

@media all and (max-width:768px){
.ai_sec.chatbot h2{font-size: 19px;}
.ai_sec.chatbot br{display: none;}
}


.pibs_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;}

.pibs_ver3_page_title{width:100%; text-align:center; margin-bottom:70px;}
.pibs_ver3_page_title h1{width:100%; font-size:2.5em; font-weight:600;}
.pibs_ver3_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
.pibs_ver3_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; }

.pibs_ver3_sub_type11 {width:100%; max-width:1500px; margin:0 auto;}
.pibs_ver3_sub_type11:after{ content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont1 {width:100%; height:401px; }
.pibs_ver3_sub_type11 .map_cont1:after{ content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont1 .g_map1 {float:left; width:50%; height:100%; overflow:hidden;} 
.pibs_ver3_sub_type11 .map_cont1 .g_map1:after{ content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont1 .map_info {float:left; width:50%; height:100%; padding:0 50px; font-size:0; } 
.pibs_ver3_sub_type11 .map_cont1 .map_info:after {content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:36px; color:#000; font-weight:700; line-height:1.6em; word-break:keep-all;}
.pibs_ver3_sub_type11 .map_cont1 .map_info dl { width:100%; margin-top:20px; padding-top:10px; text-align:left; border-top:1px solid #ddd; }
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:0 20px;}
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:1.15; color:#3b445b;}
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:16px; color:#000; line-height:1.2em; font-weight:400; }
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd p { display:block; line-height:1.4em; font-size:16px; color:#666; margin-top:15px; word-break:keep-all;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt {width:100%; margin-top:30px;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:16px; border-radius:5px; transition:0.3s all ease; }
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a:last-child {margin-right:0;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a:hover {background-color:#f3f5f7 !important; color:#000 !important; transition:0.3s all ease;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}

.pibs_ver3_sub_type11 .map_cont2 {width:100%;  margin-top:100px;}
.pibs_ver3_sub_type11 .map_cont2:after{ content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont2 .g_map2 {width:100%; height:401px; overflow:hidden;} 
.pibs_ver3_sub_type11 .map_cont2 .g_map2:after{ content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont2 .map_info {width:100%; padding:30px 50px; font-size:0; background-color:#f3f5f7; transition: 0.3s all ease;}
.pibs_ver3_sub_type11 .map_cont2 .map_info:after {content:""; display:block; clear:both;}
.pibs_ver3_sub_type11 .map_cont2 .map_info dl {float:right; width:60%; padding-left:50px; text-align:left; border-left:1px solid #ddd; }
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd { width:50%; display:inline-block; vertical-align:top; margin:15px 0; padding:20px;}
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd i {display:inline-block; vertical-align:middle; margin-right:10px; font-size:16px; color:#3b445b;}
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd strong {display:inline-block; vertical-align:middle; font-size:16px; color:#000; line-height:1.2; font-weight:400; }
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd p { display:block; line-height:1.4em; font-size:15px; color:#666; margin-top:15px; word-break:keep-all;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_tit{float:left; width:40%; padding-right:50px;}
.pibs_ver3_sub_type11 .map_cont2 .map_info h4 {margin-top:20px; font-size:24px; color:#000; line-height:1.6em; word-break:keep-all;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt {width:100%; margin-top:30px;  }
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; display:inline-block; text-align:center; padding:15px 20px; color:#fff; font-size:16px; border-radius:5px; transition:0.3s all ease; }
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a:last-child {margin-right:0;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a:hover {background-color:#fff !important; color:#000 !important; transition:0.3s all ease;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_naver {background-color:#1ec800;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_daum {background-color:#258fff;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a.btn_google {background-color:#1e2f3e;}


/*portfolio*/
.port-list {overflow:hidden;padding-bottom:30px;}
.port-list li {width: 31%;float: left;margin-right: 3%;margin-top:3%;}
.port-list li:nth-child(1), .port-list li:nth-child(2), .port-list li:nth-child(3) {margin-top:0;}
.port-list li:nth-child(3n) {margin-right: 0;}
.port-list li:nth-child(3n+1) {clear:both;}
.port-list li a {display:block;}
.port-list li > a > img {display: block;width: 100%;height: auto;box-sizing: border-box;border-radius: 20px;aspect-ratio: 1 / 0.9;border: #ddd 1px solid;margin-bottom: 20px;}
.port-list li a p {text-align:center;font-size:18px;}

.sub_content h2 {position:relative; font-size: 45px; font-weight:700; text-transform:uppercase; margin-bottom:50px; line-height:1.3; word-break:keep-all; text-align:center;}
.sub_content h2 > span  {color: #665aff; word-break:keep-all; font-size: 45px;}
.sub_content h3 {position: relative; font-size:32px; line-height:1.5; margin-bottom:10px; word-break:keep-all;}
.sub_content h3 span {font-size:32px;}
.sub_content h3 > span {position:relative; position:relative;z-index:1; display:inline-block; padding:0;}
.sub_content h3 > span:before {content:""; position:absolute; left:-5px; bottom:8px; width:calc(100% + 10px) ; height:15px; background:rgba(73,73,219,0.3); z-index:-1;}
.sub_content h4 {position: relative; font-size:28px; line-height:1.5; margin-bottom:10px; word-break:keep-all}

.sub_content section {margin-bottom:100px;}
.sub_content section:last-child {margin-bottom:0}
.sub_content section:after {content:"";display:table;clear:both}

.sub_content section.summary {width:100%; position:relative; clear:both; background:#fff; /*border:1px solid #ddd; box-shadow: 10px 10px 0px rgba(0,0,0,0.05);*/margin-bottom:30px;}
.summary:after {content:"";display:table;clear:both}
.summary h2 {margin-bottom:20px;}
.summary h2 span {position: relative; display: inline-block;}
.summary h2 span:before{content: ""; display: block; width: 73px; height: 111px; background: url('../images/sub/text_bg01.png'); position: absolute; top: 10px; left:0; margin-top: -20px; margin-left:-100px;}
.summary h2 span:after {content: ""; display: block; width: 73px; height: 111px; background: url('../images/sub/text_bg02.png'); position: absolute; top:10px; right:0; margin-top: -20px; margin-right: -100px;}
.summary p {font-weight:500; font-size: 20px; text-align:center; word-break:keep-all; line-height:1.7}
.summary p > span {position: relative; display: inline-block; z-index:1;}
.summary p > span:before {content:""; position:absolute; left:0px; bottom:5px; width:calc(100% + 0px) ; height:10px; background:rgba(43,246,206,0.7); z-index:-1;}


ul.list {font-size:0}
ul.list li {position: relative; border-bottom:1px solid rgba(0,0,0,0.08); line-height:1.7; font-size:19px; padding-bottom:10px;  padding-left:0px; }
ul.list li:before {top:-7px; left:-5px; content:'\2713'; text-transform:uppercase; font-weight:bold;font-size:22px;color:#333; margin-right:5px;}
ul.list + h2 {margin-top:80px;}
ul.list + h3 {margin-top:50px;}

ul.list2 {font-size:0}
ul.list2 li {position: relative; width:100%; display:inline-block; font-size:19px; border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:8px;  margin-bottom:8px; font-weight:500; padding-left:37px;line-height:30px;}
ul.list2 li:before {position:absolute; left:0; top:0; content:'\2713'; text-transform:uppercase; font-weight:bold;font-size:22px;color:#1349a9; margin-right:5px; border:1px solid #1349a9; width:30px; height:30px; margin-right:10px; display:inline-block; text-align:center; }
ul.list2 li strong {position:relative;display:inline-block; z-index:1; margin-right:10px;/* color:rgba(19, 73, 169,1);*/ min-width:180px;}
/*ul.list2 li strong:before {content:""; position:absolute; left:0px; bottom:-1px; width:calc(100% + 0px) ; height:10px;  background:rgba(19, 73, 169,0.3); z-index:-1;}*/


ul.list3 {font-size:0}
ul.list3 li {font-size:17px;}
ul.list3 li:before {top:-5px; left:0px; content:'\2713'; text-transform:uppercase; font-weight:bold;color:#1349a9; margin-right:2px; margin-right:10px; }

ul.list5 {font-size:0;}
ul.list5 li {display: flex; flex-direction:column; align-items: center;  justify-content: center;  float:left; font-size:1.85rem; /*color: #6164e9; */ width:33.3%; vertical-align:top; border-right:1px solid #ddd; padding:40px 30px; min-height:200px; font-weight:600; word-break:keep-all; text-align:center;}
ul.list5 li:nth-child(1), ul.list5 li:nth-child(2), ul.list5 li:nth-child(3)  {border-bottom:1px solid #ddd;}
ul.list5 li:nth-child(3n) {border-right:0;}
ul.list5 li img {margin-bottom:15px;}


ul.list4 {font-size:0}
ul.list4 li {position: relative; width:100%; display:inline-block; font-size:19px; border-bottom:1px solid rgba(0,0,0,0.08); padding-bottom:8px;  margin-bottom:8px; font-weight:500; padding-left:17px;line-height:30px;}
ul.list4 li:before {position:absolute;  top:13px; left:0px; content:''; margin-right:5px; width:6px; height:6px; margin-right:10px; display:inline-block; background:#666;}



ul.list5 {font-size:0;}
ul.list5 li {display: flex; flex-direction:column; align-items: center;  justify-content: center;  float:left; font-size:1.85rem; /*color: #6164e9; */ width:33.3%; vertical-align:top; border-right:1px solid #ddd; padding:40px 30px; min-height:200px; font-weight:600; word-break:keep-all; text-align:center;}
ul.list5 li:nth-child(1), ul.list5 li:nth-child(2), ul.list5 li:nth-child(3)  {border-bottom:1px solid #ddd;}
ul.list5 li:nth-child(3n) {border-right:0;}
ul.list5 li img {margin-bottom:15px;}








.w50 {width:50%;}
.w100 {width:100%;}

strong.tip {display: inline-block; background:rgba(43,246,206,0.3); padding: 2px; border-radius:2px; line-height: 1.3; margin-right:5px; font-weight:500; font-weight:500;}
li strong.tip {position: absolute; left:0; top:0; }
strong.tip2 {display: inline-block; background:rgba(0,217,255,0.3); padding: 2px 6px; border-radius:2px; line-height: 1.3; margin-right:5px; font-weight:500; font-weight:500;}
span.line {display: inline-block; position:relative;z-index:1}
span.line:before {content:""; position:absolute; left:0px; bottom:5px; width:calc(100% + 0px) ; height:10px; background:rgba(43,246,206,0.3); z-index:-1;}
span.line2 {display: inline-block; position:relative;z-index:1}
span.line2:before {content:""; position:absolute; left:0px; bottom:5px; width:calc(100% + 0px) ; height:10px;  background:rgba(0,217,255,0.3); z-index:-1;}



.t01 {}
.t01 th {overflow: hidden; padding: 15px 0px; word-break: normal; padding: 15px 0px; text-align:center;}
.t01 thead th {border-top: 2px solid #000; font-weight: 600; background: #f7f7f7;}
.t01 tbody th {border: 1px solid #ddd; border-left: 0; }
.t01 td {background:#fff; border: 1px solid #ddd; overflow: hidden; padding: 15px 5px;  border-left: 0; line-height: 1.8;}
.t01 td.bo0 {border-right: 0;}
.t01 td li {line-height:1.5; position:relative; margin-bottom:5px;}
.t01 td .info_list li {padding-left:55px; }
.t01 td li:last-child {margin-bottom:0;}
 td.center {text-align:center;}

.scroll_txt {display:none;}


.exportvoucher01_wrap  {background:url('../images/sub/bg01.gif')  top center; }
.exportvoucher dl {display: inline-block; width:19%; vertical-align:top; float:left; margin-right:1.8%; margin-top:10px;}
.exportvoucher .n3 dl {width:31.6%; }
.exportvoucher .n4 dl {width:23.6%; }
.exportvoucher .n5 dl {width:18.4%; }
.exportvoucher .n6 dl {width:15.1%; }
.exportvoucher dl:last-child{margin-right:0;}
.exportvoucher dt {background:#665aff; padding:15px 10px; text-align:center; color:#fff; font-size:20px; font-weight:500; border-radius:5px;display: table; width: 100%;  box-shadow:3px 4px 7px rgba(0,0,0,0.05);}
.exportvoucher dt span {display: table-cell; vertical-align:middle; word-break:keep-all;}
.exportvoucher dd {display: block; background:#fff; border:1px solid #ddd; margin-top:10px; padding:20px 15px; line-height:1.5; border-radius:5px; box-shadow:3px 4px 7px rgba(0,0,0,0.05);}
.exportvoucher dd.center {text-align:center;  font-size:18px;}
.exportvoucher .ex04 dd {min-height:170px;}
.exportvoucher .ex04 dd + dd {min-height:auto; text-align:center;}

.bott_bt  {background: url('../images/sub/bg_bott.jpg') center bottom no-repeat; background-size:cover; padding:100px 10px; text-align:center; margin-top:80px;}
.bott_bt h3 {color:#fff; font-size: 40px;}
.bott_bt h3 span{display: inline-block; background: linear-gradient(40deg,#05ffa3,#2096ff) !important;  -webkit-background-clip: text !important; color: transparent; cursor: pointer;}
.bott_bt h3 span:before {display:none;}
.bott_bt a {background:#4949db; border-radius:10px; color:#fff; padding:17px 30px 15px; font-family: 'GmarketSans'; font-size:22px; font-weight:600;}


.pibs .sub_content {padding-bottom:0;}
.overview_top {}
.overview_top > div {display: flex; justify-content: space-between; align-items:flex-end;}
.overview_top .img {width:52%; height: 400px; background: url('../images/sub/overview.jpg') center top no-repeat; background-size:cover; position: relative;}
.overview_top .text {width:48%; }
.overview_top .text > div {transform: translateX(-150px); padding:40px 60px; background: #fff;  width:calc(100% + 120px);}
.overview_top .text h3 {font-size:40px; color: #000; font-weight: 600; padding-top:20px; position: relative; line-height: 1.3; margin-bottom: 20px; font-weight:700; }
.overview_top .text h3 span {display:block;color: #665aff;}
.overview_top .text h3 span:before {display:none}
.overview_top .text p {font-size:21px; line-height: 1.4; word-break: keep-all;font-weight: 600; font-family: 'GmarketSans';}
.overview_top .text p + p {margin-top:10px; }

.sub_content section.history {background: #eceeff; padding:100px 0; background: linear-gradient(to right, #1349a9 0%,#8736f7 100%); margin-bottom:0}
.history h2 {color:#fff; margin-right:100px;}
.history > div{display: flex;  -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.history > div > div{position:relative;}
.history > div > div:after { content: "";  display: block;  border-radius: 50%;  position: absolute;width: 1px;  height: calc(100% - 50px);   background: rgba(255, 255, 255, 0.2);   top: 50px;   left:-80px;}
.history dl {position:relative;background: #fff; box-shadow:6px 6px 15px rgba(0,0,0,.2); padding:50px; border-radius:0px; margin-bottom:80px;}
.history dl:before {content: "";  display: block;  border-radius: 50%;  position: absolute;  width: 20px;  height: 20px;  background: rgba(255, 255, 255, 0.5);  top: 40px;  left: -90px;}
.history dl dt {color:#1349a9;position:relative; font-size: 40px;font-weight: 700;margin-bottom: 20px;  font-family: 'GmarketSans'; color:#1349a9; display: inline-block;}
.history dl:first-child dt {color:#8736f7;}
.history dl:nth-child(even) dt {color:#665aff;}
.history dl dd {font-size: 19px; line-height: 1.8;}
.history p {margin-bottom: 50px; word-break: keep-all; text-align:center;}





.organization{width:100%; background: url('../images/sub/overview02.jpg') center 0px no-repeat; background-size:cover; position: relative; padding:100px 0;}
.organization h2 {color:#fff;}
.organization ul {text-align:center;}
.organization li {background:rgba(0,0,0,0.5); color:#fff; display: inline-block; width:30%; margin:0 1% 30px; border-radius:0px; padding:50px; font-family: 'GmarketSans'; font-size:30px; font-weight:600;box-shadow:6px 6px 15px rgba(0,0,0,.2);border: 1px solid;border-image: linear-gradient(to right,#1349a9,#8736f7); border-image-slice: 1 }
.organization li:nth-child(4), .organization li:nth-child(5), .organization li:nth-child(6) {margin-bottom:0}
.organization li span {font-size:16px; display: block; margin-bottom:10px;}


.counsel_wrap {background:#f7f8fb}
.proflie_wrap {/*border:1px solid #ddd; */ background: #fff; box-shadow:3px 4px 7px rgba(0,0,0,0.05);}
.counsel_wrap h2 {position:relative; text-align:left; margin-bottom: 20px;z-index:1}
.counsel_wrap h2:before {position: absolute;content: '';display: block;width: 225px;height: 135px;background:url('../images/sub/cycle.svg') center top no-repeat; background-size:cover;top: -50px;left: -20px; z-index:-1}
.counsel_wrap h3 {color: #1349a9;}
.counsel_wrap dl + dl {margin-top:50px;}
.counsel_wrap dt {color: #1349a9;position: relative; font-size:32px; line-height:1.5; margin-bottom:5px; word-break:keep-all; font-family: 'GmarketSans'; font-weight:700;}
.counsel_wrap dd {line-height:1.3;}
.counsel_wrap dd + dd {margin-top:30px;}
.counsel_wrap dd p {font-size:24px; font-weight:600; margin-bottom:10px; }
.counsel_wrap dd li {line-height:1.7;}
.proflie_top {position:relative; overflow:hidden; word-break:keep-all; font-size:0; padding-bottom:50px;}
.proflie_top:after  {content:""; position:absolute; left:3%; bottom:5px; width:92%; height:1px; background:rgba(0,0,0,0.08);}
.proflie_top > div {display:inline-block;}
.proflie_top .img {width:40%; vertical-align: top;}
.proflie_top .img img {width:80%; margin-left:-30px; margin-top:-30px;}
.proflie_top .text {width: 60%; margin-bottom: 0%;margin-top:8%; }
.proflie_top .text h2 {font-size:60px; letter-spacing:2px;  margin-bottom:15px; }
.proflie_top .text h2:before {display:none;}
.proflie_top .text p {font-size: 24px;color: #2245b5;margin-bottom: 20px;font-weight: 600;}
.proflie_top .text ul li {font-size:20px; line-height:1.8; font-weight: 500;}
.proflie_con {padding:50px;}


.proflie_tel {position:absolute; right:200px; top:150px; background: linear-gradient(to right, #1349a9 0%,#8736f7 100%); z-index:9; width:250px; height:250px; text-align:center; border-radius:50%; box-shadow: 10px 10px 0px rgb(0 0 0 / 10%);}  
.proflie_tel > div {position:absolute;top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-family: 'GmarketSans'; font-weight:600; width:100%;}
.proflie_tel h3 {color:rgba(43,246,206,0.7);}
.proflie_tel a {color:#fff; font-size:25px;}
.proflie_tel a + a {margin-top:10px;}



.ai_section, .ai_section02 {clear: both;width: 100%;overflow: hidden;margin-top: 70px;}
.ai_section h3 {text-align: center;margin-bottom: 50px;}
.posture_img {text-align: center;overflow: hidden;margin-bottom: 50px;}
.posture_img > img{display:inline-block;max-width:100%;}
.posture_list03 li {width: 31%;margin-right: 3%;float: left;border: #ddd 1px solid;box-sizing: border-box;padding: 42px;border-radius: 25px 0 25px 25px;min-height: 276px;}
.posture_list03 li h4 {line-height: 1.2;font-size:30px;color:#023b88;margin-bottom:30px;}
.posture_list03 li p {font-size: 19px;word-break: keep-all;line-height: 1.4;}
.posture_list03 li:last-child {margin-right: 0;}
.posture_list02 {}


.ai_section02 h3 {padding-left: 25px;text-align: left;margin-bottom: 50px;}
.ai_section02 h3:before {content: '';width: 15px;height: 15px;display: inline-block;background: #023b88;border-radius: 20%;position: absolute;left: 0;top: 50%; transform: translateY(-50%);}
.posture_img02 {display: inline-block;float: left;margin-right: 50px;}
.posture_list {width: calc(100% - 776px);float: right;margin-top: 50px;}
.posture_list li {font-size: 20px;line-height: 1.7;}
.posture_list02 li {width:33.3333%;float:left;text-align:center;}
.posture_list02 li img {display:block;max-width:100%;margin:0 auto 20px auto;}
.posture_list02 li p {text-align: center;font-size: 18px;line-height: 1.5;}



@media all and (max-width: 1500px) {
#sub_visual h1 {left:3%;}
.sm {padding:0 3%;}
.sub_content h3 {font-size:28px;}
}

@media all and (max-width: 1420px) {
.posture_list03 li h4{font-size: 26px}
}

@media all and (max-width: 1400px) {

.sub_title h1 {font-size:55px;}

ul.tabs li {font-size:20px;}
#portfolio ul.tabs li {font-size:18px;}

.sub_content section {margin-bottom:80px;}

.sub_content h2{font-size: 40px; }

.sub_content section.summary {}
.summary p {font-size: 18px;}
ul.list li {font-size:18px;}



.exportvoucher dt {padding:15px 10px; font-size:18px;}
.exportvoucher dd {padding:15px 10px;}
.bott_bt  {padding:80px 10px; }



.overview_top .img {height: 350px;}
.overview_top .text > div {transform: translateX(-100px); padding:30px 50px;}
.overview_top .text h3 { font-size: 35px;}
.overview_top .text p {font-size: 18px;}

.proflie_con {padding:40px;}

.proflie_top .text {margin-top:5%; }
.proflie_top .text h2 {font-size:55px; margin-bottom:10px; }
.proflie_top .text p {font-size: 20px; margin-bottom:15px;}
.proflie_top .text ul li {font-size:18px;}

.counsel_wrap dl + dl {margin-top:40px;}
.counsel_wrap dt {font-size:28px;}
.counsel_wrap dd p {font-size:20px;}
.proflie_tel {right:100px; width: 220px; height: 220px;}
.proflie_tel a {font-size:22px;}

.sub_content section.history {padding:80px 0; }
.history h2 {margin-right:80px;}
.history > div > div:after { left:-50px;}
.history dl:before {left: -60px;}

.history dl {padding:40px;margin-bottom:60px;}
.history dl dt {font-size: 35px;margin-bottom: 30px;}
.history dl dd {font-size: 18px;}

.organization{padding:80px 0; }
.organization li {font-size: 25px; padding: 40px;}
.organization li span { font-size: 15px;}
}

@media all and (max-width: 1340px) {
.posture_list03 li h4{font-size: 26px}
.posture_list03 li p{font-size: 17px}
}

@media all and (max-width: 1280px) {
.sub_content h3, .sub_content h3 span {font-size:2vw;}
}

@media all and (max-width: 1261px) {
.posture_list03 li h4{font-size: 24px}
}

@media all and (max-width: 1250px) {
.posture_list li, .posture_list02 li p{font-size: 16px}
}

@media all and (max-width: 1200px) {
.exportvoucher .n5 dt, .exportvoucher .n6 dt {min-height:74px;}
.summary h2 span {width:100%;}
.summary h2 span:before{margin-left:0px;}
.summary h2 span:after {margin-right: 0px;}

.ai_sec p {font-size: 30px;}
}

@media all and (max-width: 1184px) {
.posture_list03 li h4{font-size: 22px;}
.posture_list03 li p {font-size: 15px; }
}

@media all and (max-width: 1160px) {
.posture_img02 {width:100%; margin-bottom: 20px; margin-right:0;}
.posture_img02 img {width: 100%;}
.posture_list {float: none; width: calc(100% - 576px);}
}

@media all and (max-width: 1105px) {
.posture_list03 li h4{font-size: 20px}
}

@media all and (max-width: 1100px) {
.posture_list {float: none; width: calc(100% - 476px);}
}

@media all and (max-width: 1000px) {
#sub_visual {width: 100%;float: left;height: 486px;}
.lnb-topbar {height:70px;}
.lnb-1depth a {line-height:70px;}
.lnb-2depth {top: 70px;}
#sub_visual h1 {bottom: 130px;font-size: 65px;}
.sub_title {margin:40px 0;}
.breadcrumb {margin-bottom:20px;}
.breadcrumb li {padding: 0 5px; font-size:16px;}
.sub_title h1 {font-size:45px;}


ul.tabs li {font-size:18px;}
#portfolio ul.tabs li {font-size:16px; padding: 7px 5px 5px; }

ul.list2 li {font-size:17px;padding-left:27px;}
ul.list2 li:before {font-size:20px;width:25px; height:25px; margin-right:8px;}


#portfolio .tab_content ul{margin-top:60px;}

#portfolio .tab_content ul li{width:calc(94%/3);margin-right:2%;}
#portfolio .tab_content ul li:nth-child(4n){margin-right:2%;}
#portfolio .tab_content ul li:nth-child(3n){margin-right:2%;}



.exportvoucher dt {font-size:16px;}
.exportvoucher .n5 dt, .exportvoucher .n6 dt {min-height:70px;}
.exportvoucher dd {font-size:15px;}


.sub_content section {margin-bottom:70px;}

.sub_content h2, .sub_content h2 span {font-size: 34px; }

.summary p {font-size: 17px;}
ul.list li {font-size:17px; padding-bottom: 5px;}

.t01 th {padding: 10px 5px;}
.t01 td {padding: 10px 5px;}

.t01 td li {line-height: 1.5;}


.bott_bt  {padding:50px 10px; }


.exportvoucher dt {padding:12px 10px; /*font-size:16px;*/}
.exportvoucher dd.center {font-size:16px;}

.proflie_tel {right:40px; top:70px; width: 200px; height: 200px;}
.proflie_tel a {font-size:20px;}


.proflie_top .text {margin-left:-5%;}
.proflie_top .text h2 {font-size:45px; }
.proflie_con {padding:30px;}

.counsel_wrap h2:before {width: 190px;height: 125px; left: -25px;}
.counsel_wrap dl + dl {margin-top:30px;}
.counsel_wrap dt {font-size:25px;}
.counsel_wrap dd p {font-size:18px;}



.overview_top .img {height: 300px;}
.overview_top .text > div {transform: translateX(-80px); padding:25px 40px;}
.overview_top .text h3 { font-size: 30px;}
.overview_top .text p {font-size: 17px;}

.sub_content section.history {padding:70px 0; }
.history dl {padding:30px;margin-bottom:50px;}
.history dl dt {font-size: 30px;margin-bottom: 20px;}
.history dl dd {font-size: 17px;}

.organization{padding:70px 0; }
.organization li {font-size: 22px; padding: 30px;}
.organization li span { font-size: 14px;}

.ai_sec p {font-size: 25px;}
}

@media all and (max-width: 968px) {
.posture_list {width: calc(100% - 120px);}
.posture_list03 {float: left;}
.posture_list03 li {width: 100%; padding: 28px; min-height: auto; margin-bottom: 3%;}
.posture_list03 li h4 {margin-bottom: 16px;}
}

@media all and (max-width: 880px) {
.sub_content h3, .sub_content h3 span {font-size:2.7vw;}
}

@media all and (max-width: 800px) {
#sub_visual {width: 100%;float: left;height: auto;aspect-ratio: 1 / 0.5;}
#sub_visual h1 {bottom: 109px;font-size: 52px;}
}

@media all and (max-width: 768px) {
.ai_section, .ai_section02, .ai_sec{margin-top: 35px}
.ai_sec p {font-size: 20px;}
.dxax_img .dxax_img01 {display: none;}
.dxax_img .dxax_img02 {display: inline-block;}


.sub_visual {height:220px;}
.sub_visual h2 {font-size:50px;}
.sub_title {margin:25px 0;}
.breadcrumb {margin-bottom:15px; float:right;}
.breadcrumb li {font-size:15px;}
.breadcrumb li.home a {background-position: center top; width:18px; height:18px; vertical-align:-5px;}


.sub_title h1 {font-size:38px;}
ul.tabs {margin-bottom: 20px;}
ul.tabs li {font-size:17px; padding: 10px;}


#portfolio ul.tabs li {font-size:15px; width: 32.6%; height: 55px;}
#portfolio ul.tabs li:nth-child(1), #portfolio ul.tabs li:nth-child(2), #portfolio ul.tabs li:nth-child(3) {margin-bottom:10px;}
#portfolio ul.tabs li:nth-child(4n) {margin-left:0px;}
#portfolio ul.tabs li:nth-child(3n) {margin-right:0px;}

.sub_content section {margin-bottom:50px;}
.sub_content h2 {font-size: 28px; }
.sub_content h2 {margin-bottom:10px;}
.sub_content h3 {margin-bottom: 30px;}
.sub_content section.summary {}
.ai_sec h3:before {top: 13px;}
.sub_content h4 {font-size: 23px;}


.summary p {/*font-size: 16px; */line-height: 1.4;}
.summary p span {font-size: 17px;}
ul.list li {font-size:16px; line-height: 1.3;}
ul.list2 li {font-size:16px; padding-bottom:5px;  margin-bottom:5px;padding-left:20px;}
ul.list2 li:before {font-size:16px;width:18px; height:18px; margin-right:5px;}
ul.list3 li:before {margin-right:5px; }
.bott_bt  {padding:30px 10px; }

.t01 th {padding: 8px 0px;}
.t01 td {padding: 8px 5px;line-height: 1.5;}
.t01 td .info_list li {padding-left:45px; }

.table_wrap {scrollbar-width: none; overflow-x:scroll; overflow-y: hidden; white-space: nowrap; cursor: pointer; transition: all 0.2s; transform: scale(0.98); will-change: transform; position: relative; -webkit-overflow-scrolling: touch; user-select: none;}
.table_wrap::-webkit-scrollbar {display: none;}
.scroll_txt {float:right; margin-top:10px; background:url('../images/swipe.svg') left center no-repeat; background-size:28px; line-height:30px; padding-left:30px; color:#666; font-size:14px; display:block;}
.table_wrap .t01 {min-width:460px;}




.exportvoucher .n4 dl {width:48%; }
.exportvoucher .n6 dl {width:31.3%; }


.exportvoucher .n5 dl {width: 31.4%;}

.exportvoucher .n5 dt, .exportvoucher .n6 dt {min-height:auto;}
.exportvoucher dt {font-size:15px;}
.exportvoucher dd.center {font-size:16px;}
.exportvoucher dd {font-size:14px;}
.exportvoucher .ex04 dd {min-height:140px;}






.proflie_tel {right:40px; top:50px; width: 160px; height: 160px;}
.proflie_tel a {font-size:17px;}



.proflie_con {padding:25px;}
.proflie_top {padding-bottom:30px;}
.proflie_top .text h2 {font-size:40px; }
.proflie_top .text p {font-size: 18px; margin-bottom:10px;}
.proflie_top .text ul li {font-size:17px;}
.counsel_wrap h2:before {width: 125px;height: 80px; left: -15px; top:-25px;}
.counsel_wrap dt {font-size:20px;}
.counsel_wrap dd p {font-size:17px;}

.overview_top .img {height: 270px;}
.overview_top .text > div {transform: translateX(-70px); padding:15px 30px;}
.overview_top .text h3 { font-size: 28px;    margin-bottom: 10px;}
.overview_top .text p {font-size: 16px;}

.sub_content section.history {padding:50px 0; }
.history > div {display:block;}
.history h2 {margin-right:0px;}


.history dl {padding:25px;margin-bottom:30px;}
.history dl dt {font-size: 25px;margin-bottom: 10px;}
.history dl dd {font-size: 16px;font-weight: 500;}
.organization{padding:50px 0; }
.organization li {font-size: 18px; padding: 20px; margin: 0 1% 20px;}
.organization li span { font-size: 13px;} 
}


@media all and (max-width: 750px) {
#sub_visual {width: 100%;float: left;height: 328px;}
#sub_visual h1 {bottom: 100px;font-size: 45px;}
.lnb-1depth > li.chome {display:none;}
.lnb-topbar {height: 65px;}
.lnb-1depth a {line-height: 65px;}
.lnb-1depth > li, .lnb-1depth > li:nth-child(3), .lnb-1depth > li:nth-child(2)  {width:50%;}
.lnb-1depth > li > a {font-size: 16px;}
.lnb-2depth {top: 65px;}
}


@media all and (max-width: 650px) {
.sub_title h1 {font-size:35px;}
.sub_content section {margin-bottom:40px;}
#company h2 span {font-size: 24px;}
.sub_content h2 {font-size: 25px; }
.sub_content h3 {margin-bottom: 20px; font-size:18px;}
.summary p {font-size: 15px;}
.summary p span {font-size: 15px;}

.t01 td .info_list li {padding-left:43px; }

ul.list li {font-size:15px;}
ul.list2 li {font-size:15px;}

.inquiry1 .inquiry_form > div {padding:25px 20px;}

.inquiry1 .inquiry_form .chk_box li {font-size:14px; }
.inquiry1 .inquiry_form textarea{font-size:14px;}
.inquiry1 .inquiry_form .text_bott #estimate_button {width:100%; text-align:center; margin-top:10px; font-size:17px;padding: 15px 20px 13px;}



.port-list li {width: 48%;float: left;margin-right: 0;margin-top:5%;}
.port-list li:nth-child(3) {margin-top:5%;}
.port-list li:nth-child(3n) {margin-right: 0;}
.port-list li:nth-child(3n+1) {clear:none;}
.port-list li:nth-child(2n) {float:right}
.port-list li:nth-child(2n+1) {clear:both;}

.proflie_tel {right:30px; top:100px;}
.proflie_con {padding:20px;}
.proflie_top .text h2 {font-size:32px; letter-spacing: 0px;}
.proflie_top .text {margin-left:0%; width:100%; padding:0 20px}
.proflie_top .text ul li {font-size:15px;}


.exportvoucher dt {font-size:14px;}
.exportvoucher dd {font-size:13px;}
.exportvoucher dd.center {font-size:14px;}

.counsel_wrap dt {font-size:18px;}
.counsel_wrap dd p {font-size:16px;}


.overview_top > div {display:block;}
.overview_top .img {/*display:none;*/ width:100%; height:200px;background-position:center center;}
.overview_top .text {width:95%; margin-top:-80px; float:right; }
.overview_top .text > div {transform: translateX(0px); padding:0;padding-left:5%;width:100%; }
.overview_top .text p {font-size: 15px;}



.sub_content section.history {padding:40px 0; }
.history dl {padding:20px;margin-bottom: 20px; }
.history dl dt {font-size: 20px;margin-bottom: 5px;}
.history dl dd {font-size: 15px;line-height: 1.5;}

.history > div > div {width:100%;}


.history .history_right{margin-top:15px; text-align:left;}
.organization{padding:40px 0; }
.organization li {font-size: 17px; padding: 15px 10px;margin: 0 1% 15px;}
.organization li span { font-size: 12px;}
}


@media all and (max-width: 620px) {
.exportvoucher .n4 dl {width: 100%;}
.exportvoucher .ex04 dd {min-height: auto; text-align:center;}
}

@media all and (max-width: 600px) {
.mo_br {display:none;}
.sub_content {padding:30px 0;}
}

@media all and (max-width: 570px) {
.inquiry1 .inquiry_form .chk_box li {width:auto;}
.inquiry1 .inquiry_form label {margin: 0 20px 5px 0;}
}

@media all and (max-width: 550px) {
.posture_list02 li p {font-size: 14px;}
}

@media all and (max-width: 500px) {
.sub_title h1 {font-size:30px;}
ul.tabs li {font-size:16px;}
#portfolio ul.tabs li {font-size:14px;}
#portfolio .tab_content ul{margin-top:40px;}
#portfolio .tab_content ul li{width:calc(98%/2);margin-right:2%;}
#portfolio .tab_content ul li:nth-child(2n){margin-right:0 !important;}
#portfolio .tab_content ul li a > span{padding: 15px 8px;}

.portfolio #tab2.tab_content ul li{width:calc(98%/2);margin-right:2%;}
.portfolio #tab2.tab_content ul li:nth-child(3n){margin-right:2%;}
.portfolio #tab2.tab_content ul li:nth-child(2n), .portfolio #tab3.tab_content ul li:nth-child(2n){margin-right:0;}

.portfolio #tab3.tab_content ul li:nth-child(3n){margin-right:0;}
.portfolio #tab3.tab_content ul li{width:100%;}
.portfolio #tab4.tab_content ul li, #tab5.tab_content ul li{border:0;}

.posture_list02 li {width: 100%;}
.posture_list02 li img {margin: 0; width: 100%;}
.posture_list02 li p {font-size: 16px; padding: 20px 0 30px 0;}
}

@media all and (max-width: 470px) {

#portfolio ul.tabs li {min-height:58px;padding: 2px 5px 1px;}
.posture_list{width: calc(100% - 10px);}

#sub_visual h1 {font-size: 35px;}
}




@media all and (max-width: 460px) {
.sm {padding:0;}
.lnb-1depth a {padding-left:10px;}
.lnb-2depth > li > a {line-height:1.2;padding:10px 0;}
.sub_title {margin:15px 0;}
.sub_title h1 {font-size:28px;}
.breadcrumb {margin-bottom:20px;}
.breadcrumb li {font-size:13px;}
.breadcrumb li.home a {width:15px; height:15px; vertical-align:-3px;}

.sub_content h2, .sub_content h2 span {font-size: 25px; }
.sub_content h3, .sub_content h3 span {font-size:20px;}
.sub_content h4 {font-size: 18px;}
.summary p {font-size: 14px;}
.summary p span {font-size: 14px;}
.ai_sec h3:before {top: 9px;}

ul.tabs {margin-bottom: 15px;}
ul.tabs li {font-size:14px; padding:10px 5px;}

ul.list li {font-size:14px;}
ul.list li:before {font-size:18px;margin-right:0px;}

ul.list2 li {font-size:14px;}
ul.list2 li:before {font-size:14px;width:15px; height:15px; }
ul.list2 li strong  {display:block;}



.t01 td {line-height: 1.3;}

.proflie_top {padding-bottom:20px; }
.proflie_top .img {width:100%}
.organization li {width:47%;}
.proflie_tel {display:none;}


.history dl {padding:15px;margin-bottom: 15px; }
.history dl dd {font-size: 14px;}

.proflie_top .text {padding:0 15px}
.proflie_top .text h2 {font-size:28px;}
.proflie_top .text ul li {font-size:14px;}
.proflie_con {padding:15px;}

.exportvoucher .n5 dl {width: 48%;}
.exportvoucher .n5 dt, .exportvoucher .n6 dt {min-height:53px;}
.exportvoucher dt {padding:10px 8px;font-size:13px;}
.exportvoucher dd {font-size:12px; padding: 10px 8px;}
.exportvoucher dd.center {font-size:13px;}

.bott_bt a {padding: 12px 20px 10px; font-size: 15px;}
.sub_visual h2 {font-size: 29px;}
}


@media all and (max-width:1500px){
.pibs_ver3_sub_type11 {padding:0 2%; }
}

@media all and (max-width:1200px){
.pibs_ver3_sub_type11 .map_cont1 {height:auto; }
.pibs_ver3_sub_type11 .map_cont1 .g_map1 {width:100%; height:401px;} 
.pibs_ver3_sub_type11 .map_cont1 .map_info {width:100%; height:auto; padding:30px 0px;} 	

.pibs_ver3_sub_type11 .map_cont2 .map_info {padding:30px 30px;}
.pibs_ver3_sub_type11 .map_cont2 .map_info dl {float:left; width:100%; padding-left:0; border-left:0; padding-bottom:20px; border-bottom:1px solid #ddd;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_tit {width:100%; padding-right:0; margin-top:30px;}
}

@media all and (max-width:992px){		
.pibs_ver3_page_title{margin-bottom:50px;}	
.pibs_ver3_page_title h1{font-size:18px;}
.pibs_ver3_page_title h2{font-size:15px;}
}

@media screen and (max-width: 768px){
.pibs_ver3_page_title{margin-bottom:40px;}
.pibs_ver3_page_title h1{font-size:18px;}
.pibs_ver3_page_title h2{font-size:15px;}	

.pibs_ver3_sub_type11 .map_cont1 .map_info h4 {font-size:24px; }
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd strong {font-size:16px; }
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd p { font-size:15px;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt{text-align:center;}

.pibs_ver3_sub_type11 .map_cont2 .map_info h4 {font-size:18px; margin-top:0;}
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd strong {font-size:16px; }
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd p { font-size:15px;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt{text-align:center;}

.sub_content h3{font-size:19px}
}

@media screen and (max-width: 640px){
.pibs_ver3_sub_type11 .map_cont1 .map_info {padding:30px 20px;}
.pibs_ver3_sub_type11 .map_cont1 .map_info dl dd {width:100%; padding:0;}
.pibs_ver3_sub_type11 .map_cont1 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:15px;}

.pibs_ver3_sub_type11 .map_cont2 .map_info {padding:30px 20px;}
.pibs_ver3_sub_type11 .map_cont2 .map_info dl dd {width:100%; padding:0;}
.pibs_ver3_sub_type11 .map_cont2 .map_info .map_bt a {width:32%; margin-right:2%; padding:10px; font-size:15px;}
}
.history_type2{width:100%;  margin:0 auto; background:#f7f7f7; overflow: hidden;padding:100px 0;}	
.history_type2 .wrap {background:url('../images/sub/history_line.gif')repeat-y center; }
.history_type2 .title {margin:0 0 5%;}
.history_type2 .title h4{display:table; width:150px; height:150px; margin:0 auto; position: relative; text-align:center; font-size:1.5em; color:#fff;  }
.history_type2 .title h4 span{display:table-cell; vertical-align:middle;  width:100%; height:100%; background:#396fbc; border-radius:100%;  z-index:1; line-height:1em;}
.history_type2 .history_box{width:100%; overflow: hidden;}
.history_type2 .box_wrap.right{width:50%; background:url('../images/sub/history_line2.gif')no-repeat left 56px;  position: relative;}
.history_type2 .box_wrap.right:before{content:url('../images/sub/history_dot.gif'); position: absolute; top:45px; left: -10px;}
.history_type2 .box_wrap.left{width:50%; background:url('../images/sub/history_line2.gif')no-repeat right 56px; position: relative;}
.history_type2 .box_wrap.left:before{content:url('../images/sub/history_dot.gif'); position: absolute; top:45px; right: -10px;}
.history_type2 .box_wrap .box{ border:1px solid #ddd; background:#fff; padding:0px; margin-top:20px;}
.history_type2 .box_wrap .box img{width:100%; max-width:800px;}
.history_type2 .box_wrap .box p.year{padding-top:10px; padding-left:20px; font-size:1.5em; color:#333;}
.history_type2 .box_wrap .box ul{margin:0; padding:0;}
.history_type2 .box_wrap .box ul li{position: relative; margin:15px 0; padding-left:80px; line-height:1.6; font-size:1em; letter-spacing: -0.5px;}
.history_type2 .box_wrap .box ul li span{position: absolute; left:20px; top:0; padding-left:10px; color:#000;}
.history_type2 .box_wrap .box ul li span:before{content:""; position: absolute; left:0; top:10px; width:4px; height:4px; background:#1776ff;}
.history_type2 .box_wrap.right{float:right;}
.history_type2 .box_wrap.right .box{margin-left:10%;}
.history_type2 .box_wrap.left{float:left;}
.history_type2 .box_wrap.left .box{margin-right:10%;}



@media screen and (max-width:992px){

.history_type2 .box_wrap .box p.year{ padding-left:10px;}
.history_type2 .box_wrap .box ul li span{ left:10px;}
.history_type2 .box_wrap .box ul li{ padding-left:80px;}	

.daon_content_wrap{width:96%;}
.daon_page_title{margin-bottom:40px;}
.daon_page_title h1{font-size:2em;}
.daon_page_title h2{font-size:1em;}

.history_tab span{width:auto; padding:5 10px; margin:0 3px;}

.history_type2 .wrap {background:none;}
.history_type2 .box_wrap .box p.year{ padding-left:10px;}
.history_type2 .box_wrap .box ul li span{ left:10px;}
.history_type2 .box_wrap .box ul li{padding-left:70px; padding-right:10px;}
.history_type2{padding:0;}
.history_type2 .title h4{width:100%; height:auto;}
.history_type2 .title h4 span{        display: none;}	
.history_type2 .box_wrap.right{width:95%; background-position:left 55px;}
.history_type2 .box_wrap.right .box{ width:85%; }
.history_type2 .box_wrap.left{float:right;}
.history_type2 .box_wrap.left{width:95%; background-position:left 90px;}
.history_type2 .box_wrap.left:before{left: -10px; top:80px;}
.history_type2 .box_wrap.left .box{margin:10% 0 10% 10%; width:85%; }
}

@media screen and (max-width:480px){
.history_type2 .box_wrap .box ul li{font-size:0.9em;}
}

/*µå·Ð*/
.drone_section {clear: both;width: 100%;overflow: visible ;margin-top: 70px;}
.drone_section h3 {text-align: center;margin-bottom: 50px;}

.round_tit {display: inline-block; text-align: center; background: #023B88; color: #fff; padding: 10px 20px; border-radius: 50px;}

.drone_sec01 > ul{display: flex; justify-content: space-between;}
.drone_sec01 > ul > li{text-align: center; width: calc((100% / 3) - 10px);}
.drone_sec01 > ul > li > p{text-align: center; margin-top: 40px;}
.drone_sec01 > ul > li > p img{border-radius: 20px;}
.drone_sec01 > ul > li:last-child > p img{border-radius: 20px; width: 35%;}
.drone_sec01 > div{display: none;}
.drone_sec01 > p{display: none;}

.drone_sec01 .arrow_side{position: relative;}
.drone_sec01 .arrow_side:before{content:""; position: absolute; top:0px; right: -230px; width:120px; height: 44px; background: url('../images/sub/arrow_side.png') no-repeat center; }
.drone_sec01 .arrow_right{position: relative;}
.drone_sec01 .arrow_right:before{content:""; position: absolute; top:0px; right: -230px; width:120px; height: 44px; background: url('../images/sub/arrow_right.png') no-repeat center; }

.user_interface{text-align: left; width: 100%; margin-top: 40px; padding: 50px 40px; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.user_interface li:not(:last-child){padding-bottom: 30px;}
.user_interface li{display: flex; align-items: center; }
.user_interface span{display: inline-block; width: 48%; padding: 10px; background: #efefef; border-radius: 50px; margin-right: 10px; text-align: center;}
.user_interface p{width: 52%; }

/*.drone_list01{display: flex; justify-content: space-between; margin-top: 30px;}
.drone_list01 li {width: calc((100% / 3) - 10px); border: #826BD3 1px solid ;box-sizing: border-box;padding: 30px 40px;border-radius: 20px;min-height: 276px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.drone_list01 li h4 {line-height: 1.2; font-size:30px; color:#023b88; margin-bottom:30px;}
.drone_list01 li p {font-size: 19px; word-break: keep-all ;line-height: 1.4; color: #666;}
.drone_list01 li:last-child {margin-right: 0;}*/

/*.drone_list02{display: flex; justify-content: space-between; margin-top: 90px; }
.drone_list02 li {position: relative; width: calc((100% / 3) - 10px); box-sizing: border-box; padding: 30px 40px;border-radius: 20px; min-height: 176px; box-shadow: 0 0 12px rgba(0,0,0,0.08);}
.drone_list02 li:before{content:""; position: absolute; top:-70px; left:50%; transform: translateX(-50%); width:30px; height: 44px; background: url('../images/sub/arrow_down_pp.png') no-repeat center; }
.drone_list02 li p {font-size: 19px; word-break: keep-all ;line-height: 1.5; color: #666; word-break: keep-all;}
.drone_list02 li p:not(:last-child){ padding-bottom: 8px; }
.drone_list02 li:last-child {margin-right: 0;}*/

.drone_list_wrap{margin-top: 60px; display: flex; gap: 30px;}
.drone_list_wrap ul{width: calc((100% / 3) - 10px);}
.drone_list01 { border: #826BD3 1px solid ;box-sizing: border-box;padding: 30px 40px;border-radius: 20px;min-height: 276px; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.drone_list01 p {font-size: 19px; word-break: keep-all ;line-height: 1.5; color: #666; word-break: keep-all;}
.drone_list01 h4 {line-height: 1.2; font-size:30px; color:#023b88; margin-bottom:30px;}
.drone_list_arrow{text-align: center; padding: 30px;}
.drone_list02 {position: relative;  box-sizing: border-box; padding: 30px 40px;border-radius: 20px; min-height: 210px; box-shadow: 0 0 12px rgba(0,0,0,0.08);}
.drone_list02 p {font-size: 19px; word-break: keep-all ;line-height: 1.4; color: #666;}
.drone_list02 p:not(:last-child){ padding-bottom: 8px; }

.drone_sec02 {padding-top:120px;}
.drone_sec02 h3{text-align: center; margin-bottom: 60px;}
.dron_problem{display: flex; justify-content: space-between; align-items: center;}
.dron_problem_txt {width: calc(40% - 10px);}
.dron_problem_txt li:not(:last-child){padding-bottom: 60px;}
.dron_problem_txt .border_tit {display: inline-block; text-align: center; border: 1px solid #023B88; color: #023B88; padding: 10px 20px; border-radius: 50px; font-size: 14px;}
.dron_problem_txt li h4{margin-top: 10px;}
.dron_problem_txt li p{ word-break: keep-all; color: #666; line-height: 1.5; font-size: 18px;}
.dron_problem_img {width: calc(50% - 10px);}


.drone_sec03 {padding-top:120px;}
.drone_sec03 h3{text-align: center; margin-bottom: 60px;}
.process_tablet{text-align: center; display: none;}
.process_mobile{text-align: center; display: none;}

.drone_sec04 {padding-top:120px;}
.drone_sec04 > h3{text-align: center;}
.drone_sec04 > p{text-align: center; margin: 20px 0 30px; font-weight: 500; font-size: 24px; word-break: keep-all;}

.drone_end{position: relative; text-align: center; display: flex; }
/*.drone_end:before{content:""; position: absolute; width: 228px; height: 218px; background: url('../images/sub/drone.png')no-repeat center; top:-90px; left:0;}*/
.drone_end .fly { position: absolute; top:-90px; left:0; width: 200px;}
.drone_end p{width: 43.5%;}
.drone_end p:last-child{width: 13%;}
.drone_end p img{width: 100%;}
.drone_end p img:not(:last-child){padding-right: 20px;}
.drone_end_txt{display: flex; justify-content: space-between; align-items: center; margin-top: 60px; flex-wrap: wrap;}
.drone_end_txt li{box-shadow: 0 0 12px rgba(0,0,0,0.08); border-radius: 20px; padding: 25px; min-height: 218px; width: calc((100% / 5) - 10px)}
.drone_end_txt li h5{font-size: 24px; padding: 20px 0 12px;}
.drone_end_txt li p{color: #666; word-break: keep-all; font-size: 16px;}

@media screen and (max-width:1500px){
.drone_sec01 ul{display: none;}
.drone_sec01 > div{display: block; text-align: center;}
.drone_list01 p{font-size: 17px;}
.drone_list02 p{font-size: 17px;}

.user_interface {
        display: flex;
        flex-direction: column; /* ¼¼·Î Á¤·Ä */
        align-items: center;   /* °¡·Î Áß¾Ó Á¤·Ä */
		padding: 20px 40px;
    }
.user_interface li{display: block; text-align: center; margin:0 auto; flex-wrap: wrap;}
.user_interface span{width: 100%; margin-bottom: 5px; padding: 6px;}
.user_interface p{width: 100%; }

.drone_end_txt li h5{font-size: 20px;}
}

@media screen and (max-width:1230px){
.drone_list01 h4{font-size: 24px;}
}

@media screen and (max-width:1200px){
.drone_sec02 h3{font-size: 25px; margin-bottom: 30px;}
.drone_sec03 h3{font-size: 25px; margin-bottom: 30px;}
.drone_sec04 > h3{font-size: 25px; margin-bottom: 30px;}

.drone_list_wrap{display: block;}
.drone_list_wrap ul{display: flex; width: 100%; margin-bottom: 20px;}
.drone_list01{width: 45%; min-height: auto;}
.drone_list02{width: 45%;}
.drone_list_arrow {display: flex;width: 10%; align-items: center; padding-left: 30px;}
.drone_list_arrow img{transform: rotate(270deg);}

.process_pc{display: none;}
.process_tablet{display: block;}

.dron_problem {flex-wrap: wrap;}
.dron_problem_txt{width: 100%; order: 2; display: flex; justify-content: space-between; margin-top: 30px;}
.dron_problem_txt li{width: calc((100% / 3) - 20px)}
.dron_problem_img{width: 100%; order: 1;  }
.dron_problem_img img{ display: block; margin: 0 auto; width: 80%;}

.dron_problem_txt li h4{font-size: 24px;}
.dron_problem_txt li p{font-size: 16px;}

.drone_sec04 > p{font-size: 20px;}
.drone_end .fly { position: absolute; top:-50px; left:0; width: 150px;}
.drone_end_txt{justify-content: center; gap: 20px;}
.drone_end_txt li{width: calc((100% / 3) - 20px); min-height: 186px;}
.drone_end_txt li br{display: none;}
}

@media screen and (max-width:900px){
.drone_list01{flex-wrap: wrap;}
.drone_list01 li{width: 100%;}
.drone_end .fly { position: absolute; top:-50px; left:0; width: 100px;}

.drone_end:before {width: 100px; height: 100px;}
/*.drone_end_txt{justify-content: space-between; }*/
.drone_end_txt li{width: calc((100% / 2) - 10px); min-height: 168px;}
}

@media screen and (max-width:768px){
.drone_sec02, .drone_sec03, .drone_sec04 {padding-top:50px;}

.drone_sec01 > div{display: none;}
.drone_sec01 > p{display: block; text-align: center;}
.drone_list_wrap{display: block;}
.drone_list_wrap ul{flex-wrap: wrap;  margin-bottom: 50px;}
.drone_list_wrap ul:last-child{margin-bottom: 0;}
.drone_list01{width: 100%; min-height: auto; padding: 20px 25px;}
.drone_list01 h4{font-size: 20px; margin-bottom: 15px;}
.drone_list01 p {font-size: 15px;}
.drone_list02{width: 100%; min-height: auto; padding: 20px 25px;}
.drone_list02 p {font-size: 15px;}
.drone_list_arrow {display: block;width: 100%; padding: 12px;}
.drone_list_arrow img{transform: rotate(0);}

.dron_problem_txt{flex-wrap: wrap;}
.dron_problem_txt li{width: 100%;}
.dron_problem_txt li:not(:last-child){padding-bottom: 20px;}
.dron_problem_txt .border_tit{padding: 5px 10px; font-size: 14px;}
.dron_problem_txt li h4{font-size: 20px;}
.dron_problem_img img {width: 100%;}

.process_tablet{display: none;}
.process_mobile{display: block;}

.drone_sec04 > p{font-size: 16px;}
.drone_sec04 > p br{display: none;}
.drone_end .fly { position: absolute; top:-30px; left:0; width: 80px;}
.drone_end_txt li h5{font-size: 18px;}
.drone_end_txt li p{font-size: 14px;}
.drone_end_txt{justify-content: center; gap: 16px; margin-top: 20px;}
.drone_end_txt li{min-height: 189px;}
.drone_end_txt li img{display: block; width: 30px; height: 30px;}
}

@media screen and (max-width:400px){
.drone_end_txt li{width: 100%; min-height: auto;}
}




/*AI ÀÚ¼¼ºÐ¼®*/
.posture_head {clear: both;width: 100%;float: left;margin-bottom: 50px;}
.posture_head h3 {text-align: center;font-size: 25px;font-weight: 700;word-break: keep-all;}
.posture02_li li {padding: 0;width: 32%;float: left;margin-right: 2%;overflow: hidden;border-radius: 20px;border: #ddd 1px solid;box-sizing: border-box;}
.posture02_li li:last-child {margin-right: 0;}
.posture02_li li:before {display:none;}
.posture02_li li h4 {background: #023b88;text-align: center;padding: 25px;color: #fff;font-size: 20px;word-break: keep-all;font-weight: 700;}
.posture02_li li p {padding: 30px;min-height: 133px;font-size: 1.1em;line-height: 1.5;word-break: keep-all;}


.posture02_02 h2, .posture02_03 h2, .posture02_04 h2, .posture02_05 h2, .posture02_06 h2, .posture02_07 h2, .posture02_08 h2, .posture02_09 h2 {padding-left: 25px;text-align: left; margin-bottom: 30px;
    font-size: 35px;}
.posture02_02 h2:before, .posture02_04 h2:before, .posture02_03 h2:before, .posture02_05 h2:before, .posture02_06 h2:before, .posture02_07 h2:before, .posture02_08 h2:before, .posture02_09 h2:before {content: '';width: 15px;height: 15px;display: inline-block;background: #023b88;border-radius: 20%;position: absolute;left: 0;top: 50%; transform: translateY(-50%);}

.mapp_02 {clear: both;width: 100%;overflow: hidden;text-align: center;}
.posture02_02 p {margin-bottom: 40px;font-size: 20px;}
.posture02_02_left {width: 50%;float: left;border-right: #ddd 1px solid;box-sizing: border-box;}
.posture02_02_left img {display:block;max-width:100%;margin:0 auto 30px auto;}
.posture02_02_right {width: 50%;float: right;}
.posture02_02_right img {display:block;max-width:100%;margin:0 auto 30px auto;}
.posture02_02_left h3 {padding:10px 0;background:#dddddd;text-align:center;font-size:22px;font-weight:700;}
.posture02_02_left ul {padding:30px 20px 0 20px;}
.posture02_02_left li {font-size:20px;padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_02_left li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #ddd;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.posture02_02_right h3 {padding:10px 0;color:#fff;background:#023b88;text-align:center;font-size:22px;font-weight:700;}
.posture02_02_right ul {padding:30px 20px 0 20px;}
.posture02_02_right li {font-size:20px;padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_02_right li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.posture02_02, .posture02_03, .posture02_04, .posture02_05, .posture02_06, .posture02_07, .posture02_08, .posture02_09 {clear: both;width: 100%;float: left;margin-top: 50px;}
.posture02_03 p {margin-bottom: 40px;font-size: 20px;}
.posture02_img02 {clear: both;width: 100%;float: left; margin-bottom: 30px;}
.posture02_img02 img {display:block;max-width:100%;margin:0 auto;}
.posture02_03 h3 {font-size: 20px;clear: both;background: #023b88;display: inline-block;color: #fff;margin: 0 0 40px 0;padding: 14px 25px;border-radius: 0 10px;}
.posture02_03 li {font-size: 20px;width: 50%;float: left;padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;box-sizing: border-box;}
.posture02_03 li:before {display:none;}

.posture02_04 p {margin-bottom: 40px;font-size: 20px;}
.posture02_img03 {width: 684px;float: left;}
.posture02_img03 img {display:block;max-width:100%;}
.posture02_05_li {width: calc(100% - 725px);float: right;padding-top: 82px;}
.posture02_05_li li {font-size: 20px;padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_05_li li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}
.posture02_06_con {width: 48%;float: left;}
.posture02_06_con.right {float:right;}
.posture02_06_con h4 {background: #023b88;border-radius: 20px 20px 20px 0;display: inline-block;color: #fff;font-size: 20px;font-weight: 700;min-width: 300px;padding: 10px 0;text-align: center;margin-bottom: -24px;}
.posture02_06_con ul {border: #ddd 1px solid;border-radius: 20px;padding: 47px 26px 26px 26px;}
.posture02_06_con li {font-size: 20px;padding: 5px 5px 5px 12px;position: relative;word-break: keep-all;}
.posture02_06_con li:before {content: '';width: 5px;height: 5px;display: inline-block;background: #023b88;border-radius: 50%;position: absolute;left: 0;top: 13px;}


.posture02_07 p {margin-bottom: 40px;font-size: 20px;}

.posture02_08 li {width: 48%;float: left;}
.posture02_08 li > img {display:block;max-width:100%;margin:0 auto;}
.posture02_08 li:last-child {float:right;}

.posture02_09 p {margin-bottom: 40px;font-size: 20px;}
.posture02_09 li {width: 31%;float: left;margin-right: 3%;}
.posture02_09 li:last-child {margin-right: 0;}
.posture02_09 li > img {display:block;max-width:100%;margin:0 auto;}

@media screen and (max-width:1500px){
.posture02_li li{min-height: 262px;}
.posture02_li li h4{min-height: 110px; display: grid; width: 100%; align-items: center;}
}

@media screen and (max-width:1200px){
.posture_head h3{font-size: 20px;}
.posture02_li li{width: 100%; min-height: auto; margin-bottom: 5%; margin-right: 0;}
.posture02_li li h4{min-height: auto; margin: 0}
.posture02_li li p{min-height: auto; padding: 20px;}
}

@media screen and (max-width:1100px){
.posture02_img03{width: 100%;}
.posture02_img03 img{max-width: auto; margin: 0 auto 30px auto;}
.posture02_05_li{width: 100%; padding: 0;}
}

@media screen and (max-width:1000px){
.posture02_02_left{margin-bottom: 10%;}
.posture02_02_left, .posture02_02_right{width: 100%; border: 0}
}

@media screen and (max-width:768px){
.posture02_02 h2, .posture02_03 h2, .posture02_04 h2, .posture02_05 h2, .posture02_06 h2, .posture02_07 h2, .posture02_08 h2, .posture02_09 h2 {margin-bottom: 20px; font-size: 28px;}
.posture02_02_left h3, .posture02_02_right h3{font-size: 18px;}
.posture02_02_left ul, .posture02_02_right ul{padding: 0 20px;}
.posture02_02_left li, .posture02_02_right li{font-size: 16px;}
.posture02_03 h3{margin: 0 0 15px 0; font-size: 18px;}
.posture02_03 li{width: 100%; font-size: 16px;}
.posture02_05_li li, .posture02_06_con li{font-size: 16px;}
.posture02_06_con h4{min-width: 200px; font-size: 18px;}
.posture02_06_con ul{padding: 30px 20px 20px;}
}

@media screen and (max-width:500px){
.posture02_06_con.left{margin-bottom: 20px;}
.posture02_06_con.left, .posture02_06_con.right{width: 100%;}
}





/*Á·¹®ºÐ¼®*/
.sub01_2_2_wrap{padding: 50px 0 0}
.fp_sec01 {margin-bottom: 120px;}
.fp_sec01 h3{text-align: center; margin-bottom: 60px; font-size: 28px;}
.fp_sec01 ul{display: flex; gap: 20px; }
.fp_sec01 ul li:not(:nth-child(2)){width: calc((100% / 4) - 10px);}
.fp_sec01 ul li:nth-child(2){width: calc(((100% / 4) * 2) - 10px);}
.fp_sec01 .tit{border-radius: 50px; text-align: center; color: #fff; padding: 12px; font-weight: 600; font-size: 22px;}
.sky_blue{background: #92A8E2;}
.purple{background: #816BD2;}
.blue{background: #033B88;}
.fp_sec01 .common_txt_wrap{display: flex; min-height: 100px; gap: 20px;}
.fp_sec01 .common_txt_wrap .common_txt{width: 50%;}
.fp_sec01 .common_txt{margin: 20px 0 0; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); font-size: 18px; font-weight: 400; word-break: keep-all; line-height: 1.4;}
.fp_sec01 figure{position: relative; text-align: center;}
.fp_sec01 li:not(:last-child) figure:after{content:""; position:absolute; top: 50%; right: -30px; transform: translateY(-50%); background: url('../images/sub/double_arrow_right.png') no-repeat center; width: 40px; height: 40px;
z-index: 3;}


.fp_sec02{position: relative; margin-bottom: 180px;}
.fp_sec02 h3{text-align: center; margin-bottom: 60px; font-size: 28px; background: #F3F6FC;  border-radius: 300px; padding: 50px 0 180px;}
.strong{color: #023B88; font-size: 32px; font-weight: 600;}
.fp_sec02 ul {display: flex; gap: 10px; position: absolute; top:50%; left:0; }
.fp_sec02 ul li{width: calc((100% / 5) - 10px); margin: 20px 0 0; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff;}
.fp_sec02 ul li h4{color: #023B88}
.fp_sec02 ul li p{word-break: keep-all; line-height: 1.4;}


.fp_sec03 {margin-bottom: 120px;}
.fp_sec03 h3{text-align: center; margin-bottom: 30px; font-size: 28px;}
.fp_sec03>h4{text-align: center; }
.fp_sec03 .blue_content {background: #023B88; color: #fff; display: flex; width: 50%; align-items: center; text-align: center; margin: 0 auto; border-radius: 50px 50px 0 50px; padding: 30px 40px;}
.fp_sec03 .blue_content p{width: 70%; font-size: 22px; line-height: 1.4; word-break: keep-all;}
.fp_sec03 .blue_content span{width: 30%;}
.fp_sec03>p{text-align: center; padding: 20px 0;} 
.fp_sec03 ul{display: flex; justify-content: center; gap: 20px;}
.fp_sec03 ul li{width: calc((100% / 3) - 40px); margin: 20px 0 0; padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); font-size: 18px; font-weight: 400; word-break: keep-all; line-height: 1.4;}
.fp_sec03 ul li h4{color: #023B88; font-size: 24px;}
.fp_sec03 ul li p{word-break: keep-all;}
.fp_sec03 ul li strong{color: #826BD3;}


.fp_sec04 {margin-bottom: 120px;}
.fp_sec04>h3{text-align: center; font-size: 28px;}
.fp_sec04>p{text-align: center; margin-bottom: 60px; word-break: keep-all; font-size: 20px;}
.fp04_wrap{display: flex;}
.fp04_wrap li{width: 50%;}
.fp04_wrap > li:nth-child(1){text-align: center; padding-top: 100px;}
.fp04_right li{display: flex; width: 100%; margin: 30px auto;}
.fp04_right .txt{text-align: left;}
.fp04_right .txt p{word-break: keep-all; font-size: 18px; line-height: 1.4;}
.fp04_right li figure{width: 20%;}
.fp04_right .txt{width: 80%;}
.mb10{margin-bottom: 10px;}


.fp_sec05 {margin-bottom: 120px;}
.fp_sec05>h3{text-align: center; font-size: 28px; margin-bottom: 60px; }
.fp_sec05>h3 br{display: none;}
.fp05_wrap{display: flex; gap: 90px;}
.fp05_wrap .fp05_left{position: relative; width: 50%;}
.fp05_wrap .fp05_left:after{content:""; position: absolute; top:50%; right: -95px; transform: translateY(-50%); width: 95px; height: 12px; background: url('../images/sub/line.png') no-repeat center;}
.fp05_wrap .fp05_left ul{display: flex; gap: 20px;}
.fp05_wrap .fp05_left li{width: calc((100% / 2) - 10px); padding: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; text-align: center;}
.fp05_left li h4{padding: 10px 0; font-size: 24px;}
.fp05_left li p{word-break: keep-all; line-height: 1.4}
.fp05_right{display: flex; width: 40%; align-items: center;}
.fp05_right p{border: 2px solid #826BD3; padding: 40px 50px; border-radius: 30px; width: 80%; font-size: 24px; font-weight: 600; color: #023B88; word-break: keep-all; width: 100%;}


.fp_sec06 {margin-bottom: 120px;}
.fp_sec06>h3{text-align: center; font-size: 28px; margin-bottom: 60px;}
.fp06_wrap {display: flex; justify-content: center; gap: 100px; align-items: center;}
.fp_sec06 .blue_content {background: #023B88; color: #fff; width: 45%; border-radius: 50px 50px 0 50px; padding: 50px 60px;}
.fp_sec06 .blue_content p{word-break: keep-all; line-height: 1.4; font-size: 18px;}


.fp_sec07 {margin-bottom: 120px;}
.fp_sec07>h3{text-align: center; font-size: 28px; margin-bottom: 60px;}
.mobile_img{display: none;}
.fp_sec07 h4{font-size: 24px;}
.fp_sec07 p{word-break: keep-all;}
.fp_sec07 ul{display: flex; gap: 100px; justify-content: center;}
.fp_sec07 ul li{width: calc((100% / 3) - 50px)}
.fp_sec07 figure{position: relative;}
.fp_sec07 li:not(:last-child) figure:after{content:""; position:absolute; top: 50%; right: -80px; transform: translateY(-50%); background: url('../images/sub/double_arrow_right.png') no-repeat center; width: 40px; height: 40px;}
.border_tit {display: inline-block; text-align: center; border: 1px solid #023B88; color: #023B88; padding: 10px 20px; border-radius: 50px; font-size: 14px; margin: 20px 0 10px;}


.fp_sec08 {padding: 60px; background: #F3F6FC; border-radius: 100px}
.fp_sec08>h3{text-align: center; font-size: 28px; margin-bottom: 60px;}
.fp_sec08 figure{text-align: center;}

/*fp01*/
@media screen and (max-width:1400px){
.fp_sec01 .tit{font-size: 19px;}
.fp_sec01 .common_txt{font-size: 16px; padding: 20px;}
}

@media screen and (max-width:1200px){
.fp_sec01 .common_txt{min-height: 108px;}
.fp_sec01 h3{font-size: 24px;}
}

@media screen and (max-width:768px){
.fp_sec01{margin-bottom: 60px;}
.fp_sec01 h3{font-size: 20px;}
.fp_sec01 ul{flex-wrap: wrap; }
.fp_sec01 li{position:relative;}
.fp_sec01 ul li:not(:last-child){padding-bottom: 30px;}
.fp_sec01 ul li:not(:nth-child(2)){width: 100%;}
.fp_sec01 ul li:nth-child(2){width: 100%;}
.fp_sec01 .tit{font-size: 18px;}
.fp_sec01 .common_txt_wrap{min-height: auto;}
.fp_sec01 .common_txt{font-size: 16px; padding: 20px; margin: 10px 0 0; min-height: auto; border-radius: 10px; text-align: center;}
.fp_sec01 li:not(:last-child) figure:after{display: none}
.fp_sec01 li:not(:last-child):after{content:""; position:absolute; bottom: -20px; left: 50%; transform: translateX(-50%); background: url('../images/sub/double_arrow_down.png') no-repeat center; width: 30px; height: 30px; z-index: 3;}
.fp_sec01 li:last-child figure img{width: 60%;}
}

/*fp02*/
@media screen and (max-width:1200px){
.fp_sec02 h3{margin-bottom: 300px;}
.fp_sec02 ul{flex-wrap: wrap; justify-content: center;}
.fp_sec02 ul li{width: calc((100% / 3) - 10px); padding: 20px 30px; margin: 10px 0 0;}
}

@media screen and (max-width:768px){
.fp_sec02 h3{margin-bottom: 400px; padding: 30px 0 100px; border-radius: 60px; font-size: 22px}
.strong{font-size: 25px;}
.fp_sec02 ul li{width: calc((100% / 2) - 10px); padding: 20px 30px; margin: 10px 0 0;}
}

@media screen and (max-width:700px){
.fp_sec02 h3{margin-bottom: 450px;}
}


@media screen and (max-width:600px){
.fp_sec02 h3{margin-bottom: 620px;}
.fp_sec02 ul li{width: 100%; padding: 20px 30px; margin: 10px 0 0;}
}

@media screen and (max-width:380px){
.fp_sec02 h3{margin-bottom: 640px;}
}

@media screen and (max-width:360px){
.fp_sec02 h3{margin-bottom: 680px;}
}

@media screen and (max-width:360px){
.fp_sec02 h3{margin-bottom: 710px;}
}


/*fp03*/
@media screen and (max-width:1200px){
.fp_sec03 .blue_content{justify-content: space-between; width: 70%;}
.fp_sec03 .blue_content p{font-size: 18px;}
.fp_sec03 .blue_content span {width: 20%;}
.fp_sec03 ul li p{font-size: 16px;}
}

@media screen and (max-width:1000px){
.fp_sec03{margin-bottom: 60px;}
.fp_sec03 .blue_content{width: 100%;}
.fp_sec03 ul{flex-wrap: wrap; gap: 5px;}
.fp_sec03 ul li{width: 100%;}
}

@media screen and (max-width:768px){
.fp_sec03>h4{font-size: 22px;}
.fp_sec03 .blue_content p{font-size: 16px;}
.fp_sec03 ul li{padding: 20px;}
.fp_sec03 ul li h4{font-size: 18px}
}

/*fp04*/
@media screen and (max-width:1200px){
.fp_sec04{margin-bottom: 60px;}
.fp_sec04>p{margin-bottom: 0;}
.fp_sec04>p br{display: none;}
.fp04_wrap{flex-wrap: wrap; justify-content: center;}
.fp04_wrap>li{width: 80%}
.fp04_wrap > li:nth-child(1){padding: 20px 0;}
.fp04_right{text-align: center; margin-top: 20px;}
}

@media screen and (max-width:768px){
.fp_sec04>h3{font-size: 22px;}
.fp_sec04>p{font-size: 17px;}
.fp04_wrap>li{width: 100%;}
.fp04_right li{width: 100%; flex-wrap: wrap;}
.fp04_right li figure{order: 2; display: flex; align-items: center; justify-content: end;}
.fp04_right .txt{order: 1; }
.fp04_right .txt p{font-size: 16px; }
.fp04_right li figure{width: 30%;}
.fp04_right .txt{width: 70%;}
}

/*fp05*/
@media screen and (max-width:1200px){
.fp_sec05{margin-bottom: 60px;}
.fp05_wrap{flex-wrap: wrap; justify-content: center;}
.fp05_wrap .fp05_left{width: 80%;}
.fp05_left li h4{font-size: 20px;}
.fp05_wrap .fp05_left:after{content:""; position: absolute; top: auto; bottom: -55px; left: 50%; transform: translateX(-50%) rotate(90deg);; width: 95px; height: 12px; background: url('../images/sub/line.png') no-repeat center;}
.fp05_right {width: 80%;}
.fp05_right p{font-size: 20px; text-align: center; padding: 40px 60px;}
}

@media screen and (max-width:900px){
.fp05_wrap{flex-wrap: wrap; justify-content: center;}
.fp05_wrap .fp05_left{width: 100%;}
.fp05_wrap .fp05_left:after{content:""; position: absolute; top: auto; bottom: -55px; left: 50%; transform: translateX(-50%) rotate(90deg);; width: 95px; height: 12px; background: url('../images/sub/line.png') no-repeat center;}
.fp05_right {width: 100%;}
.fp05_right p{font-size: 20px; text-align: center; padding: 40px 30px;}
}

@media screen and (max-width: 768px){
.fp_sec05>h3{font-size: 22px; margin-bottom: 30px;}
.fp_sec05>h3 br{display: block;}
.fp05_wrap .fp05_left ul{flex-wrap: wrap;}
.fp05_wrap .fp05_left li{width: 100%;}
.fp05_left li p{font-size: 16px;}
.fp05_right p{font-size: 17px; padding: 30px;}
}

/*fp06*/
@media screen and (max-width:1200px){
.fp_sec06 {margin-bottom: 60px;}
.fp_sec06>h3{margin-bottom: 30px;}
.fp06_wrap{flex-wrap: wrap; gap:20px}
.fp_sec06 .blue_content{width: 100%; padding: 30px;}
.fp_sec06 .blue_content h4{font-size: 22px;}
.fp06_wrap li{width: 100%;}
}

@media screen and (max-width:768px){
.fp_sec06>h3{font-size: 22px; margin-bottom: 30px;}
.fp_sec06 .blue_content{border-radius: 30px 30px 0 50px;}
.fp_sec06 .blue_content h4{font-size: 18px;}
.fp_sec06 .blue_content p{font-size: 16px;}
}

/*fp07*/
@media screen and (max-width:1200px){
.fp_sec07 {margin-bottom: 60px;}
.fp_sec07 h4{font-size: 22px;}
.fp_sec07 ul{display: flex; gap: 30px; justify-content: center;}
.fp_sec07 ul li{width: calc((100% / 3) - 10px)}
.fp_sec07 li:not(:last-child) figure:after{right: -50px;}
}

@media screen and (max-width:768px){
.fp_sec07>h3{font-size: 22px; margin-bottom: 30px;}
.fp_sec07 h4{font-size: 18px; font-weight: 500;}
.fp_sec07 ul{flex-wrap: wrap; gap: 10px;}
.fp_sec07 ul li{width: 100%;}
.fp_sec07 figure{display: none;}
.fp_sec07 .mobile_img{display: block;}
.fp_sec07 li:not(:last-child) figure:after{display: none;}
.pd_sm{padding: 5px 20px;}
}

/*fp08*/
@media screen and (max-width:768px){
.fp_sec08 {padding: 30px 10px; border-radius: 30px; margin-bottom: 30px !important;}
.fp_sec08>h3{font-size: 22px; margin-bottom: 30px;}
}

/*¿¬±¸Áø¼Ò°³*/
.researcher{border: 1px solid #ddd; padding: 30px;}
.researcher.line{border: 1px solid #ddd; padding: 30px; border-top: 2px solid #173887;}
.researcher_info{display: flex; gap: 30px; align-items: center; border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.researcher_info h3:before{content:""; width: 1px; height: 50%; background:#ddd; position: absolute; top: 35%; right: -20%;}
.researcher_info p{font-size: 20px; color: #173887; font-weight: 500}

.ceo_table{display: block; padding-top: 10px; text-align: left;}
.ceo_table th{padding: 20px 0 10px 0; font-size: 20px;}
.ceo_table td{position: relative; font-weight: 400; padding: 5px 0 5px 10px; line-height: 1.5; word-break: keep-all; font-size: 18px;}
.ceo_table td p{padding-left: 10px; word-break: keep-all; font-weight: 300;}
.ceo_table td:nth-child(1), .ceo_table td:nth-child(2){width: 20%;}
.ceo_table td:nth-child(3){width: 60%;}

.worker_table td:nth-child(3){width: 60%;}

/*.worker_wrap{display: flex; gap: 20px; flex-wrap: wrap; margin-top: 40px;}*/
.worker{width: 100%; border: 1px solid #ddd; padding: 30px;}
.worker.line{border: 1px solid #ddd; padding: 30px; border-top: 2px solid #173887; margin-top: 30px;}

.worker_table{display: block; padding-top: 10px; text-align: left;}
.worker_table th{padding: 20px 0 10px 0; font-size: 20px;}
.worker_table td{position: relative; font-weight: 400; padding: 5px 0 5px 10px; line-height: 1.5; word-break: keep-all; font-size: 18px;}
.worker_table td p{padding-left: 10px; word-break: keep-all; font-weight: 300;}
.worker_table td:before{content:""; width: 5px; height: 5px; display: inline-block; background: #023b88; border-radius: 50%; position: absolute; left: 0; top: 13px;}
.worker_table td:nth-child(1), .ceo_table td:nth-child(2){width: 20%;}

.worker_table.mobile{display: none;}

@media screen and (max-width:1024px){
.researcher{padding: 20px;}
.researcher_info{gap: 20px;}
.researcher_info h3{font-size: 22px; line-height: 1.5; margin-bottom: 0;}
.researcher_info p{font-size: 17px;}
.ceo_table{display: none;}
.ceo_table th{font-size: 17px;}

.worker_wrap{margin-top: 20px;}
.worker_table th{padding: 10px 0; font-size: 17px;}
.worker{padding: 20px;}
.worker_table.mobile{display: block;}
.worker{width: 100%;}

.ceo_table td, .worker_table td{font-size: 16px;}
}

/*꺿*/
/*
@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

.chatbot_link01{position: relative;}
.chatbot_link02{position: absolute; bottom:5%; left: 0; text-align: center; padding-left: 100px; animation: upDown 1s ease-in-out infinite}
.chatbot_link02 a{display: inline-block; padding: 15px; background: #B43F36; color: #fff; border-radius: 10px; font-size: 20px;}
.chatbot_link02 img{display: inline-block; width: 150px; height: 150px; margin-top: 70px;}

@media screen and (max-width: 1024px){
.chatbot_link02{position: relative; padding-left: 0px; animation: none !important;}
.chatbot_link02 a{width: 100%}
.chatbot_link02 img{display: none;}
}

@media screen and (max-width: 768px){
.chatbot_link02 a{padding: 10px 20px; font-size: 16px;}
}
*/

.chatbot_link02{ text-align: center;}
.chatbot_link02 a{display: inline-block; position: relative; width: 500px; height: 150px; padding: 15px; color: #111; border-radius: 10px; font-size: 20px; background: url(../images/sub/chat_search.png) no-repeat center / cover;}
.chatbot_link02 img{display: none;}

@media screen and (max-width: 1024px){
.chatbot_link02{position: relative; padding-left: 0px; animation: none !important;}
}

@media screen and (max-width: 768px){
.chatbot_link02 a{width: 300px; height: 90px;}
}