@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.outline .group {width:100%; max-width:1560px; margin:0 auto 265px; position:relative;}
.outline .group:last-child {margin-bottom:0;}
.outline .group .cnt {position:absolute; top:225px; left:910px;}
.outline .group .cnt .tit {font-size:32px; line-height:1.4em; color:#2c2c2c; font-weight:800;}
.outline .group .cnt .tit span {color:#f5821f;}
.outline .group .cnt .tit:before {width:27px; height:20px; left:0; top:-20px; background-image:url('../images/sub/bullet1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.outline .group .cnt p {font-size:18px; line-height:2.111em; letter-spacing:-.02em;}
.outline .group:nth-child(even) .img {text-align:right;}
.outline .group:nth-child(even) .cnt {right:910px; text-align:right; left:auto;}

.ceo {font-size:18px; letter-spacing:-.02em; text-align:center;}
.ceo .img {margin-bottom:70px;}
.ceo p {line-height:2.111em;}
.ceo p strong {color:#2c2c2c; font-weight:600;}
.ceo span {margin:70px 0 25px; font-size:24px; letter-spacing:-.02em; font-weight:700; color:#f5821f; display:block;}
.ceo .sign {margin-top:70px; font-size:22px; letter-spacing:-.02em; font-weight:700; color:#2c2c2c;}
.ceo .sign img {margin:-9px 0 0 30px;}

.history-txt {font-size:200px; font-weight:800; color:rgba(0,0,0,.05); line-height:1em; letter-spacing:-.02em; position:absolute; top:0; left:0; writing-mode:vertical-rl; transform:rotate(180deg);}

.history {padding-left:240px;}
.history .group {padding-bottom:120px; display:flex; position:relative;}
.history .group:after {position:absolute; content:''; width:1px; height:100%; top:15px; left:164px; border:1px dashed #dfdfdf;}
.history .group .year {font-size:38px; width:165px; font-weight:600; color:#f5821f; letter-spacing:-.02em; line-height:1.3em; position:relative;}
.history .group .year:after {position:absolute; content:''; top:12px; right:-10px; width:20px; height:20px; background-color:#fff; z-index:1; border:5px solid #f5821f; border-radius:100%;}
.history .group ul {padding-left:70px; padding-top:8px;}
.history .group ul li {margin-bottom:15px; display:flex;}
.history .group ul li .month {font-size:20px; width:60px; font-weight:500; letter-spacing:-.02em; color:#2c2c2c;}
.history .group ul li .cnt {font-size:18px; letter-spacing:-.02em;}
.history .group:last-child,
.history .group ul li:last-child {margin-bottom:0; padding-bottom:0;}
.history .group:last-child:after {display:none;}

.dots {padding-left:20px; position:relative;}
.dots:before {position:absolute; content:''; width:6px; height:6px; top:9px; left:0; background-color:#ccc; border-radius:100%;}

.ideology {margin-bottom:120px; display:flex; align-items:center}
.ideology .cnt {padding-left:65px;}
.ideology .cnt .txt {font-size:40px; font-weight:900; letter-spacing:-.02em; line-height:1.3em;}
.ideology .cnt .txt1 {color:#f5821f;}
.ideology .cnt .txt2 {color:#ffc20c;}
.ideology .cnt p {font-size:20px; font-weight:500; color:#878787; letter-spacing:-.02em; line-height:1.6em;}

.sub-title2 {font-size:32px; font-weight:600; letter-spacing:-.02em; line-height:1.3em; color:#2c2c2c; text-align:center;}

.mission {padding:110px 0 185px; background-image:url('../images/sub/missionBg.png'); background-size:cover; background-repeat:no-repeat;}
.mission .sub-title2 {margin-bottom:100px;}

.local-route .group {padding-bottom:80px; margin-bottom:100px; border-bottom:1px solid #dfdfdf;}
.local-route .group:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.local-route .group .location .tit {font-size:26px; margin:40px 0 30px; letter-spacing:-.02em; line-height:1.3em; color:#f5821f; font-weight:600;}
.local-route .group .location ul {margin-bottom:50px;}
.local-route .group .location ul li {font-size:20px; margin-bottom:15px; letter-spacing:-.02em; display:flex;}
.local-route .group .location ul li:last-child {margin-bottom:0;}
.local-route .group .location ul li span {width:120px; color:#2c2c2c; font-weight:500;}
.local-route .group .location ul li p {flex:1;}

.local-route .group .traffic .title {font-size:22px; margin-bottom:15px; font-weight:700; color:#2c2c2c; letter-spacing:-.02em; line-height:1.3em; position:relative;}
.local-route .group .traffic .title:before {position:absolute; content:''; width:30px; height:4px; top:-15px; left:0; background-color:#000;}
.local-route .group .traffic ul li {font-size:18px; margin-bottom:7px; letter-spacing:-.02em;}
.local-route .group .traffic ul li:last-child {margin-bottom:0;}
.local-route .group .traffic ul li span.color1 {color:#0caa0c;}
.local-route .group .traffic ul li span.color2 {color:#1aabc5;}
.local-route .group .traffic ul li span.color3 {color:#ccae0a;}
.local-route .group .traffic ul li span.color4 {color:#9a6dad;}

.sub02 {padding:280px 400px 0 0; margin-bottom:115px; max-width:1560px; background-repeat:no-repeat;}
.sub02.bg1 {background-image:url('../images/sub/sub02_01Bg.jpg');}
.sub02.bg2 {background-image:url('../images/sub/sub02_02Bg.png');}
.sub02.bg3 {background-image:url('../images/sub/sub02_03Bg.png');}
.sub02.bg4 {background-image:url('../images/sub/sub02_04Bg.png');}
.sub02.bg5 {background-image:url('../images/sub/sub02_05Bg.png');}
.sub02.bg6 {background-image:url('../images/sub/sub02_06Bg.png');}
.sub02.bg7 {background-image:url('../images/sub/sub02_07Bg.png');}
.sub02.bg8 {background-image:url('../images/sub/sub02_08Bg.png');}
.sub02 .txt-wrap {padding:70px 120px 0 360px; background-color:#fff; border-top-right-radius:50px;}
.sub02 .txt {font-size:28px; margin-bottom:30px; font-weight:600; color:#2c2c2c; line-height:1.5em; letter-spacing:-.02em;}
.sub02 .txt span {font-weight:800; color:#f5821f;}
.sub02 p {font-size:18px; line-height:1.444em; font-weight:500;}
.sub02 p strong {color:#2c2c2c;}
.sub02 p.last {margin-top:15px;}
.sub02 p.last2 {margin:15px 0 25px;}

.transport-list {text-align:center; margin:0 -6px; display:flex; flex-wrap:wrap;}
.transport-list li {margin-bottom:12px; padding:0 6px; width:33.3333%;}
.transport-list li .box {padding-top:40px; height:208px; border:1px solid #dfdfdf; border-radius:10px;}
.transport-list li .box .icon {margin-bottom:15px;}
.transport-list li .box p {font-weight:600; letter-spacing:-.02em; line-height:1.375em;}

.transport-list.type2 li {width:20%; margin-bottom:0;}
.transport-list.type2 li .box {height:190px;}

.transport-list.type3 li {width:25%; margin-bottom:0;}
.transport-list.type3 li .box {height:190px;}

.list1 {display:flex; flex-wrap:wrap; margin:0 -30px;}
.list1 > li {padding:0 30px; margin-bottom:55px; width:50%;}
.list1 > li .tit {font-size:22px; padding:18px 0 15px; margin-bottom:20px; font-weight:700; color:#2c2c2c; border-bottom:1px solid #dfdfdf; position:relative;}
.list1 > li .tit:after {position:absolute; content:''; width:30px; height:4px; bottom:0; left:0; background-color:#f5821f;}
.list1 > li .cnt {font-size:18px; line-height:1.444em; letter-spacing:-.02em;}

.list1.type2 li {width:33.3333%;}
.list1.type2 li .dots {margin-bottom:7px; width:100%;}
.list1.type3 {margin-top:35px;}

.doc-tit {font-size:30px; padding-left:40px; font-weight:800; color:#2c2c2c; position:relative;}
.doc-tit:before {width:28px; height:28px; left:0; top:-1px; background-image:url('../images/sub/doc_tit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.world-map {margin-top:30px; text-align:center;}

.fz15 .dots {font-size:15px; line-height:1.4em;}

.inco-terms-wrap {margin-bottom:75px; display:flex;}
.inco-terms-wrap .img {order:2;}
.inco-terms-wrap .img img {box-shadow:1px 3px 10px rgba(0,0,0,.15); border-top-right-radius:40px;}
.inco-terms-wrap .cnt {padding-top:65px; flex:1;}
.inco-terms-wrap .cnt .tit {font-size:30px; font-weight:800; letter-spacing:-.02em; color:#2c2c2c; line-height:1.3em; position:relative;}
.inco-terms-wrap .cnt .tit:before {position:absolute; content:''; width:30px; height:3px; background-color:#f5821f; top:-25px; left:0; z-index:1;}
.inco-terms-wrap .cnt .tit:after {position:absolute; content:''; width:100%; height:1px; background-color:#dfdfdf; top:-23px; left:0;}
.inco-terms-wrap .cnt p {font-size:18px; margin:25px 0 35px; line-height:1.889em; letter-spacing:-.02em;}
.inco-terms-wrap .cnt ul li {display:flex; margin-bottom:28px; color:#2c2c2c;}
.inco-terms-wrap .cnt ul li:last-child {margin-bottom:0;}
.inco-terms-wrap .cnt ul li .tt {font-size:22px; padding-left:15px; width:155px; font-weight:600; letter-spacing:-.02em; position:relative;}
.inco-terms-wrap .cnt ul li .tt:before {position:absolute; content:''; width:3px; height:30px; top:-1px; left:0; background-color:#f5821f;}
.inco-terms-wrap .cnt ul li .in {font-size:20px; letter-spacing:-.02em;}

.inco-terms .pf {font-size:20px; margin-bottom:45px; font-weight:700; color:#f5821f; letter-spacing:-.02em; line-height:1.3em;}
.inco-terms-flex {display:flex; flex-wrap:wrap;}
.inco-terms-flex .group {margin-bottom:60px; width:50%;}
.inco-terms-flex .group:last-child {margin-bottom:0;}
.inco-terms-flex .group .terms-name {font-size:20px; margin-bottom:20px; font-weight:500; color:#2c2c2c; font-weight:500; position:relative;}
.inco-terms-flex .group .terms-name span {color:#f68a2e;}
.inco-terms-flex .group .terms-name:before {position:absolute; content:''; width:6px; height:6px; top:-10px; left:0; background-color:#f5821f; border-radius:100%;}
.inco-terms-flex .group ul li {line-height:1.875em; padding-left:10px; text-indent:-10px;}

.trade-term .item {margin-bottom:50px; padding-top:20px; display:flex;}
.trade-term .item:last-child {margin-bottom:0;}
.trade-term .item .col-l {width:362px; color:#f5821f; position:relative;}
.trade-term .item .col-l:before {position:absolute; content:''; width:30px; height:4px; top:-20px; left:0; background-color:#f5821f;}
.trade-term .item .col-l .name {font-size:26px; margin-bottom:8px; font-weight:600; letter-spacing:-.02em;}
.trade-term .item .col-l .smallm {font-size:18px; line-height:1.556em; letter-spacing:-.02em; font-weight:600;}
.trade-term .item .col-r {flex:1; line-height:1.625em;}
.trade-term .item .col-r span {color:#f5821f; display:block;}

.trade-table table {border-top:2px solid #2c2c2c; border-collapse:collapse; width:100%;}
.trade-table table tbody th,
.trade-table table thead th {padding:11px 15px; font-size:18px; border-left:1px solid #ddd; border-bottom:1px solid #dfdfdf; font-weight:600; color:#2c2c2c; background-color:#f4f4f4; text-align:center;}
.trade-table table thead th:first-child {border-left:0;}
.trade-table table tbody td {padding:0 15px; height:50px; line-height:1.5em; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.trade-table table tbody td:first-child {font-size:17px; font-weight:500; color:#2c2c2c; border-left:0; text-align:center; background-color:#f4f4f4;}

.slogo {display:flex; flex-wrap:wrap; margin:30px -20px 0;}
.slogo li {width:33.3333%; margin-bottom:40px; padding:0 20px;}
.slogo li a {height:120px; display:flex; border:1px solid #dfdfdf; border-radius:10px; align-items:center; justify-content:center;}
.slogo li:hover a {border:2px solid #f5821f; box-shadow:1px 3px 10px rgba(0,0,0,.15);}

.doc-cnt {margin-bottom:110px;}

.sub-tab {margin-bottom:80px; position:relative;}
.sub-tab:after {position:absolute; content:''; width:100%; height:1px; bottom:0; left:0; background-color:#f5821f;}
.sub-tab ul {display:flex; width:100%; text-align:center;}
.sub-tab ul li {width:50%;}
.sub-tab ul li a {height:60px; font-size:17px; position:relative; background-color:#fff; display:flex; align-items:center; justify-content:center; font-weight:500;}
.sub-tab ul li a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #dfdfdf; border-bottom:0; border-left:0;}
.sub-tab ul li:first-child a:after {border-left:1px solid #dfdfdf;}
.sub-tab ul li a span {display:block;}
.sub-tab ul li.active a {background:#fff; color:#f5821f; font-weight:700;}
.sub-tab ul li.active a:before {position:absolute; content:''; width:100%; height:1px ; bottom:0; left:0; background-color:#fff; z-index:1;}
.sub-tab ul li.active a:after {border:3px solid #f5821f; border-bottom:0}

.sub-tab ul li:first-child a:after {border-top-left-radius:15px;}
.sub-tab ul li:last-child a:after {border-top-right-radius:15px;}

.nation-img {margin-bottom:40px; text-align:center;}

.nation-table.size {margin:35px 0 0;}
.nation-table.size td {text-align:center;}
.nation-table.size p {margin-top:15px; font-weight:500; color:#f5821f;}
.nation-table table tbody td {padding:12px 15px; height:auto;}

.kakao-num ul {padding:0 110px 80px; display:flex; justify-content:center}
.kakao-num ul li {width:33.3333%; position:relative;}
.kakao-num ul li:after {width:23px; height:43px; right:-5px; top:130px; z-index:1; background-image:url('../images/sub/kakao_arrow.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.kakao-num ul li:last-child:after {display:none;}
.kakao-num a {font-size:20px; font-weight:700; letter-spacing:-.02em; width:300px; height:60px; line-height:60px; text-align:center; color:#fff; background-color:#3b1c1d; margin:0 auto; border-radius:10px; display:block;}

.inqu-top {margin-bottom:50px; text-align:center;}
.inqu-top p {font-size:22px; margin-bottom:25px; letter-spacing:-.02em; color:#878787; line-height:1.545em;}
.inqu-top p span {color:#f5821f; display:block; font-weight:700;}
.inqu-top p:last-child {margin-bottom:0;}
.inqu-top ul {display:flex; justify-content:center}
.inqu-top ul li {padding:0 20px; font-weight:600; position:relative;}
.inqu-top ul li:after {position:absolute; content:''; width:1px; height:16px; top:50%; margin-top:-8px; right:0; background-color:#dfdfdf;}
.inqu-top ul li:last-child:after {display:none;}
.inqu-top ul li strong {font-weight:600; color:#f5821f;}

.required {color:#f5821f; font-weight:600; font-size:17px;}

.wid1 {width:100%; max-width:370px;}
.wid2 {width:100%; max-width:165px;}
.wid3 {width:100%; max-width:100px;}
.wid4 {width:100%; max-width:120px;}

.board-form .essential {font-size:14px; margin-bottom:10px; font-weight:600; color:#2c2c2c; text-align:right;}
.board-form .essential span {color:#f5821f;}

.dib {display:inline-block !important;}
span.fz14 {margin-top:10px; font-size:14px; font-weight:400; color:#878787; display:block;}

.fancybox-catalog .fancybox-skin {background-color:unset !important;}
.fancybox-catalog .fancybox-close {background-image:none; top:auto !important; bottom:10px; right:10px !important; width:250px; height:60px;}
.fancybox-catalog .fancybox-skin {-webkit-box-shadow:none !important; box-shadow:none !important;}