@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 */
.greeting .col {display:flex;}
.greeting .row {width:100%;}
.greeting .txt-box p {font-size:22px; color:#505050; line-height:1.3em; margin-bottom:32px;}
.greeting .txt-box p:last-child {margin-bottom:0;}
.greeting .txt-box p strong {color:#3e4cc7;}
.greeting .txt-box .tt {font-size:22px; line-height:1.3em; color:#2c2c2c; font-weight:700;}
.greeting .img-box {padding-left:30px;}
/* sub01_02 */
.policy .col {display:flex; padding:60px 30px 60px 120px; border-bottom:1px solid #dfdfdf; align-items:center;}
.policy .col:first-child {padding-top:0;}
.policy .col:last-child {padding-bottom:0; border-bottom:0;}
.policy .col:nth-child(even) {flex-direction:row-reverse; padding-right:80px;}		
.policy .col .icon {width:100%; max-width:100px;}
.policy .col .txt-box {width:1%; flex:1 1 auto;}
.policy .col:nth-child(odd) .txt-box {padding-left:80px;}
.policy .col:nth-child(even) .txt-box {padding-right:60px;}
.policy .col .txt-box h3 {font-size:30px; line-height:1.2em; margin-bottom:14px;}
.policy .col:nth-child(odd) .txt-box h3 {color:#3e4cc7;}flex-direction: column
.policy .col:nth-child(even) .txt-box h3 {color:#3dc0e9;}
.policy .col .txt-box p {font-size:20px; color:#505050; line-height:1.5em;}
/* sub01_03 */
.partners ul {display:flex; flex-wrap:wrap; margin:0 -5px;}
.partners ul li {padding:0 5px; margin-bottom:10px; width:20%;}
/* sub01_04 */
.directions .maps {margin-bottom:30px;}
.directions .root_daum_roughmap {width:100% !important; height:480px !important;}
.directions .root_daum_roughmap .wrap_map {height:480px !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .roughmap_lebel_text:after {content:"트랜스픽"; font-size:12px; line-height:15px;}
.directions .col {display:flex;}
.directions .row {border:1px solid #dfdfdf; width:33.333333%; padding:24px 30px; min-height:200px; position:relative; overflow:hidden;}
.directions .row.logo {border-color:#3e4cc7; background:#3e4cc7; display:flex; align-items:center; justify-content:center;}
.directions .row.address {border-right:0;}
.directions .row h3 {font-size:22px; color:#3e4cc7; line-height:1.3em; margin-bottom:10px;}
.directions .row p {font-size:22px; color:#505050; line-height:1.3em;}
.directions .row:after {content:''; width:120px; height:120px; position:absolute; z-index:-1; background-repeat:no-repeat; background-size:cover; bottom:-10px; right:10px; opacity:0.1;}
.directions .row.address:after {background-image:url('../images/sub/directions-address.png');}
.directions .row.tel:after {background-image:url('../images/sub/directions-tel.png');}
/* sub02_01 */
.professional .col {display:flex; padding:60px 0; border-bottom:1px solid #dfdfdf; align-items:center;}
.professional .col:first-child {padding-top:0;}
.professional .col:last-child {padding-bottom:0; border-bottom:0;}
.professional .icon {max-width:90px; width:100%;}
.professional .txt-box {width:1%; flex:1 1 auto; padding-left:55px;}
.professional .txt-box h3 {font-size:26px; line-height:1.2em; margin-bottom:10px;}
.professional .col:nth-child(odd) .txt-box h3 {color:#3e4cc7;}
.professional .col:nth-child(even) .txt-box h3 {color:#3dc0e9;}
.professional .txt-box p {font-size:20px; line-height:1.5em; color:#505050;}
/* sub02_02 */
.process .col {display:flex;}
.process .arrow {margin:30px auto; text-align:center;}
.process .row {width:100%;}
.process .txt-box {display:flex; background:#fafafa; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.process .txt-box span {display:inline-block; width:56px; line-height:56px; background:#3e4cc7; border-radius:50%; color:#fff; font-size:24px; font-weight:700; margin-bottom:14px;}
.process .txt-box h3 {font-size:28px; color:#3e4cc7; line-height:1.2em; margin-bottom:18px;}
.process .txt-box p {font-size:20px; line-height:1.5em; color:#505050;}
.process .txt-box a {display:inline-block; color:#2c2c2c; text-decoration:underline;}
/* sub03_01 */
.calculation .cnt {margin-bottom:54px;}
.calculation .cnt h3 {font-size:28px; line-height:1.2em; color:#3e4cc7; margin-bottom:24px;}
.calculation .cnt .col {display:flex; margin:0 -15px;}
.calculation .cnt .row {width:50%; padding:0 15px;}
.calculation .cnt .inner {border:1px solid #dfdfdf; padding:40px; height:100%;}
.calculation .cnt .inner h4 {font-size:22px; color:#3e4cc7; line-height:1.3em; margin-bottom:16px;}
.calculation .cnt .inner p {font-size:20px; line-height:1.6em; color:#505050;}
.calculation .cnt .inner li {font-size:18px; line-height:1.8em; color:#878787; display:flex;}
.calculation .cnt .txt {margin-top:24px;}
.calculation .cnt .txt li {font-size:20px; color:#505050; line-height:1.5em;}
.calculation table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #3e4cc7; text-align:center; font-weight:700;}
.calculation table th {background:#fafafa; font-size:20px; color:#2c2c2c; padding:14px 10px; line-height:1.5em; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.calculation table thead th:last-child {border-right:0;}
.calculation table td {font-size:20px; color:#505050; line-height:1.5em; padding:14px 10px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
.calculation table td.bdr {border-right:0;}
/* sub03_02 */
.payment .cnt {margin-bottom:56px;}
.payment .cnt h3 {font-size:28px; line-height:1.2em; color:#3e4cc7; margin-bottom:24px;}
.payment table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #3e4cc7; }
.payment table th {background:#fafafa; font-size:20px; color:#2c2c2c; padding:14px 10px; line-height:1.5em; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-weight:700;}
.payment table td {font-size:18px; color:#505050; line-height:1.6em; padding:14px 20px; border-bottom:1px solid #dfdfdf;}
.payment .cnt p {font-size:20px; line-height:1.4em; color:#505050; margin-top:24px;}
/* sub04_01 */
.request .wrap {margin-bottom:60px;}
.request .col {background:#fafafa; border:1px solid #dfdfdf; padding:30px 0; display:flex; align-items:center;}
.request .col>div {width:100%; padding:0 50px;}
.request .col .tit {display:flex; position:relative; align-items:center;}
.request .col .tit:after {content:''; width:1px; height:100%; background:#dfdfdf; position:absolute; top:0; right:0;}
.request .col .tit .icon {width:140px;}
.request .col .tit .tt {width:1%; flex:1 1 auto; padding-left:30px;}
.request .col .tit .tt p {font-size:20px; line-height:1.4em; color:#505050; margin-bottom:10px;}
.request .col .tit .tt h4 {font-size:24px; color:#3e4cc7; line-height:1.2em;}
.request .col .txt p {font-size:18px; line-height:1.5em; color:#505050; margin-bottom:10px;}
.request .col .txt ul {display:flex; flex-wrap:wrap; flex-direction: column;}
.request .col .txt ul li {font-size:22px; line-height:1.3em; color:#2c2c2c; font-weight:700; margin-bottom: 3px;}
.request .col .txt ul li:last-of-type {margin-bottom: 0;}
.request .col .txt ul li span {color:#3e4cc7;}
.request .items {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:-20px;}
.request .item {width:100%; max-width:250px; display:flex; align-items:center; margin-bottom:20px;}
.request .item p {white-space: nowrap;}
.request .item .input {}
/* sub05_01 */
.all-tab {margin-bottom:30px;}
.all-tab ul {display:flex;}
.all-tab ul li {width:100%; margin-left:-1px;}
.all-tab ul li a {display:block; border:1px solid #dfdfdf; background:#fafafa; font-size:20px; color:#505050; line-height:62px; text-align:center; position:relative;}
.all-tab ul li.active a {background:#3e4cc7; color:#fff; font-weight:700; border-color:#3e4cc7;	z-index:1;}