@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* doc-h3 */
.doc-h3 {font-size:20px; line-height:1.3em; color:#333; font-weight:500; margin-bottom:30px; position:relative; padding:0 5px; display:inline-block;}
.doc-h3:before {content:''; width:100%; height:50%; background:rgba(52,82,167,0.3); position:absolute; bottom:0; left:0; z-index:-1;}
/* sub01 common */
.estimate-tit {margin:60px 0 40px; text-align:center;}
.estimate-tit p {font-size:20px; font-weight:500; color:#454545; line-height:1.5em;}
.estimate-tit p strong {font-size:24px; line-height:1.3em; color:#3452a7; font-weight:500;}
/* sub01_01 일반견적 */
.general .estimate-tit {border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:36px;}
.general ol {display:flex; margin:0 -35px 110px;}
.general ol li {width:33.333333%; position:relative; padding:0 35px;}
.general ol .step {width:150px; height:150px; border-radius:50%; background:rgba(52,82,167,0.15); top:0; left:35px; position:absolute; z-index:3; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.general ol .step p {font-size:20px; line-height:1.4em; color:#454545; font-weight:500; margin-bottom:8px;}
.general ol .step h4 {font-size:18px; line-height:1.5em; color:#345ca7; font-weight:500;}
.general ol .txt {width:300px; height:300px; margin-top:40px; margin-left:50px;  border-radius:50%; background:#f5f6fb; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; box-shadow:5px 5px 5px rgba(134,148,197,0.26);}
.general ol .txt p {line-height:1.5em; color:#454545; font-weight:500;}
.general ol .txt p.check {position:relative; padding-left:6px;}
.general ol .txt p.check:before {content:''; width:4px; height:4px; background:#454545; position:absolute; top:10px; left:0; border-radius:50%;}
.general .cnt .box {padding:50px 0 35px; border:1px solid #ddd;}
.general .cnt .col {display:flex; justify-content:center; align-items:center; margin-bottom:20px;}
.general .cnt .col p {width:100px;}
.general .cnt .col .row {width:280px;}
.general .cnt .col .row span {margin-right:20px;}
.general .cnt .col:last-child {margin-bottom:0;}
/* sub01_01_detail 일반견적 디테일 */
.general-detail .estimate-tit {border-bottom:1px solid #ddd; padding-bottom:40px; margin-bottom:36px;}
.general-detail .col {display:flex; margin:0 -30px 40px; justify-content:center;}
.general-detail .col .row50 {width:50%; padding:0 30px;}
.general-detail .col .row100 {width:100%; padding:0 30px;}
.general-detail .inner {border:1px solid #ddd; padding:25px 35px;}
.general-detail .row50 .inner {min-height:280px;}
.general-detail .dep {display:flex; margin-bottom:20px; align-items:center;}
.general-detail .dep:last-child {margin-bottom:0;}
.general-detail .dep p {width:100px; font-size:18px; font-weight:500; line-height:1.4em; color:#454545;}
.general-detail .tt {font-size:18px; line-height:1.4em; color:#454545; font-weight:500; margin-bottom:30px;}
.general-detail .row50 .dep .put-box {width:280px;}
.general-detail .row100 .dep .put-box {flex:1 1 auto;}
.general-detail .dep .put-box .radiobox {margin-right:20px;}
.general-detail .dep .put-box .ml10 {margin-left:10px;}
.general-detail .inner li {line-height:1.5em; color:#454545; position:relative; padding-left:6px; margin-bottom:16px;}
.general-detail .inner li:before {content:''; width:4px; height:4px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0;}
.general-detail .inner li:last-child {margin-bottom:0;}
.general-detail .btns {display:flex; margin:0 -10px 100px;}
.general-detail .btns li {padding:0 10px;}
.general-detail .box {text-align:center; background:#f4f7fb; padding:40px 15px;}
.general-detail .box h4 {font-size:20px; line-height:1.5em; color:#454545; font-weight:500; margin-bottom:30px;}
.general-detail .box li {line-height:1.5em; color:#454545; position:relative; padding-left:6px; display:inline-block;}
.general-detail .box li:before {content:''; width:4px; height:4px; background:#454545; border-radius:50%; position:absolute; top:10px; left:0;}
/* sub01_02 통근통학견적 */
.commute .items {display:flex; padding:10px 0;}
.commute .item {margin-right:20px;}
.commute .items01 {align-items:center; justify-content:space-between;}
.commute .board-form {margin-bottom:50px;}
/* sub02 버스 */
.bus .tit {display:flex; margin-bottom:100px;}
.bus .tit .img-box {width:54.16667%; position:relative;}
.bus .tit .slick-arrow {position:absolute; top:50%; width:26px; height:53px; margin-top:-27px; background-repeat:no-repeat; background-size:cover; cursor:pointer; background-color:transparent; border:0; font-size:0; z-index:11;}
.bus .tit .slick-prev {background-image:url('../images/sub/bus-prev.png'); left:20px;}
.bus .tit .slick-next {background-image:url('../images/sub/bus-next.png'); right:20px;}
.bus .tit .pic {position:relative; height:0; padding-bottom:52%; overflow:hidden;}
.bus .tit .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.bus .tit .txt {width:45.83333%; text-align:center; padding-top:40px;}
.bus .tit h3 {font-size:28px; line-height:1.2em; color:#3452a7; font-weight:500; padding-bottom:20px; margin-bottom:30px; position:relative;}
.bus .tit h3:after {content:''; width:257px; height:1px; background:#d7d9dc; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.bus .tit p {line-height:1.5em; color:#555;}
.bus .bigbus {margin-bottom:100px;}
.bus .bigbus .wrap ul {display:flex; flex-wrap:wrap; margin:0 -10px 100px;}
.bus .bigbus .wrap ul li {width:100%; max-width:442px; padding:0 10px; text-align:center;}
.bus .bigbus .wrap ul li .img-box {margin-bottom:18px;}
.bus .bigbus .wrap .pic {position:relative; height:0; padding-bottom:53.081%; overflow:hidden;}
.bus .bigbus .wrap .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.bus .bigbus .wrap ul li h4 {font-size:18px; font-weight:500; line-height:1.4em; color:#3452a7; margin-bottom:12px;}
.bus .bigbus .wrap ul li p {line-height:1.5em; color:#333;}
.bus .bigbus .box {padding:40px 100px; border:1px solid #ddd; border-radius:10px; position:relative;}
.bus .bigbus .box .doc-h3 {position:absolute; font-size:22px; top:-14px; left:55px; z-index:3;}
.bus .bigbus .box .doc-h3:before {z-index:-3;}
.bus .bigbus .box .doc-h3:after {content:''; width:110%; height:100%; background:#fff; z-index:-5; position:absolute; top:0; left:-15px;}
.bus .bigbus .box ul {display:flex; justify-content:space-between;}
.bus .bigbus .box li {text-align:center;}
.bus .bigbus .box li .img-box {width:202px; height:202px; margin-bottom:40px; border-radius:50%; background:#fff; border:1px solid #ddd; display:flex; justify-content:center; align-items:center;}
.bus .bigbus .box li p {font-size:18px; color:#454545; line-height:1.5em; font-weight:500;}
.bus .minibus {margin-bottom:100px;}
.bus .minibus ul {display:flex; margin:0 -10px; margin-bottom:20px;}
.bus .minibus ul li {width:25%; padding:0 10px;}
.bus .minibus .pic {position:relative; height:0; padding-bottom:70.18%; overflow:hidden;}
.bus .minibus .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.bus .minibus .box {background:#f4f7fb; padding:50px 15px; text-align:center;}
.bus .minibus .box p {font-size:18px; color:#333; line-height:1.6em;}
.bus .minibus .box span {display:block; line-height:1.8em; color:#333; margin-top:18px;}
.bus .cnt ul {display:flex;}
.bus .cnt ul li {width:25%; position:relative;}
.bus .cnt ul li p {position:absolute; top:50%; transform:translateY(-50%); width:100%; left:0; padding:0 15px; color:#fff; font-size:20px; line-height:1.7em; font-weight:500; text-align:center;}
.bus .cnt ul li p span {display:block; font-size:18px; line-height:1.8em;}
.bus .table {margin-top:100px;}
.bus .table table {width:100%; border-spacing:0; border-collapse:collapse; border-top:2px solid #5069b0;}
.bus .table table th {background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:59px; font-size:16px; font-weight:500; color:#454545;}
.bus .table table th:last-child {border-right:0;}
.bus .table table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:20px 10px; color:#454545;}
.bus .table table td.c_c50000 {text-align:right; padding-right:10px; color:#c50000;}
.bus .table table td:last-child {border-right:0;}
/* sub02_05 차량보험 */
.insurance {position:relative;}
.insurance .txt {position:absolute; bottom:30px; left:0; width:100%; padding:0 15px; text-align:center;}
.insurance .txt p {font-size:18px; font-weight:500; line-height:1.7em; color:#fff;}
/* sub03_01 이용절차 */
.process .tabs {display:flex; margin:0 -5px 60px; justify-content:center;}
.process .tabs li {padding:0 5px;}
.process .tabs li a {display:block; min-width:200px; text-align:center; border:1px solid #ddd; border-radius:20px; color:#454545; line-height:43px;}
.process .tabs li.active a {background:#80c2de; border-color:#80c2de; color:#fff;}
.process .tit {text-align:center; margin-bottom:100px;}
.process .tit h3 {font-size:18px; line-height:1.4em; color:#333; font-weight:500; margin-bottom:16px;}
.process .tit p {line-height:1.5em; color:#777; margin-bottom:30px;}
.process .col {display:flex; margin-bottom:50px;}
.process .col .img-box {width:40%;}
.process .col .txt {width:60%; padding-left:30px; line-height:1.5em; color:#454545; padding-top:8px;}
.process .col .txt p {font-weight:500; margin-bottom:20px;}
.process .col .txt .tt {position:relative; padding-left:8px; font-weight:400;}
.process .col .txt .tt:before {content:'*'; position:absolute; left:0; top:0;}
.process .col .txt li {position:relative; padding-left:8px; margin-bottom:4px;}
.process .col .txt li:before {content:''; width:4px; height:4px; border-radius:50%; background:#454545; position:absolute; top:10px; left:0;}
.process .col .txt li span {color:#3452a7; font-weight:500;}
.process .col .row {display:flex;}
.process .col .row .img {margin-right:20px;}
/* sub03_02 이용요금 */
.utilization-fee .box {background:#f4f7fb; padding:40px 15px; text-align:center; margin-bottom:100px;}
.utilization-fee .box h3 {font-size:20px; line-height:1.4em; color:#454545; font-weight:500; margin-bottom:26px;}
.utilization-fee .box li span {color:#c40000;}
.utilization-fee li {position:relative; padding-left:8px; margin-bottom:4px; display:inline-block;}
.utilization-fee li:before {content:''; width:4px; height:4px; border-radius:50%; background:#454545; position:absolute; top:12px; left:0;}
.utilization-fee .table {margin-bottom:50px;}
.utilization-fee table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #5069b0;}
.utilization-fee table th {background:#f8f8f8; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:59px; font-size:16px; font-weight:500; color:#454545;}
.utilization-fee table th:last-child {border-right:0;}
.utilization-fee table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:20px 10px; color:#454545;} 
.utilization-fee table td.c_c50000 {color:#c50000;}
.utilization-fee table td:last-child {border-right:0;}
.utilization-fee table td.bdr {border-right:1px solid #ddd;}	
.utilization-fee table td.tal {text-align:left; padding-left:20px;}
.utilization-fee table td.tar {text-align:right;}
.utilization-fee .table01 td.tar {padding-right:20px;}
.utilization-fee .table02 td.tar {padding-right:10px;}
.utilization-fee .table p {line-height:1.4em; color:#454545; margin-top:12px;}
/* sub03_03 전세버스 이용용도 */
.chartered-bus .tit {margin-bottom:50px; text-align:center;}
.chartered-bus .tit h3 {font-size:24px; line-height:1.1em; color:#3452a7; font-weight:500;}
.chartered-bus .tit p {font-size:20px; line-height:1.5em; color:#454545; font-weight:500;}
.chartered-bus ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -11px;}
.chartered-bus ul li {width:33.33333%; padding:0 11px; text-align:center; margin-bottom:50px;}
.chartered-bus ul li .img-box {margin-bottom:16px;}
.chartered-bus ul li h4 {font-size:20px; line-height:1.3em; color:#3452a7; font-weight:500; margin-bottom:8px;}
.chartered-bus ul li p {line-height:1.6em; color:#454545;}
/* sub03_04 전세버스 운송약관 */
.clause {color:#454545;}
.clause h3 {font-size:16px; line-height:1.8em; margin-bottom:12px;}
.clause .tt {margin-bottom:20px;}
.clause p {line-height:1.6em;}
.clause p span {font-weight:500;}
.clause ol.tin {padding-left:17px;}
.clause li {line-height:1.6em;}
/* sub05_01 회사개요 */
.outline {position:relative;}
.outline ul {display:flex; justify-content:space-between; margin-bottom:40px;}
.outline li {text-align:center;}
.outline li .img-box {width:194px; height:194px; margin-bottom:20px; border-radius:50%; background:linear-gradient(90deg, #8bb8f4, #98acdc); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.outline li .img-box .icon {margin-bottom:20px;}
.outline li .img-box span {color:#fff; font-size:18px; line-height:1.5em; font-weight:500;}
.outline li p {font-size:20px; line-height:1.3em; color:#3452a7; font-weight:500;}
.outline .line {width:100%; height:312px; top:100px; left:0; background:#f4f7fb; position:absolute; z-index:-1;}
/* sub05_02 인사말 및 비전 */
.greeting .wrap {display:flex;}
.greeting .img-box {width:40%;}
.greeting .txt {width:60%; padding-left:25px;}
.greeting .txt h3 {font-size:22px; line-height:1.3em; color:#80c2de;}
.greeting .txt h4 {font-size:16px; line-height:1.6em; color:#3452a7; margin-bottom:24px;}
.greeting .txt p {line-height:1.5em; color:#454545; margin-bottom:12px;}
.greeting .txt p strong {font-weight:500;}
.greeting .txt p strong.c_3452a7 {color:#3452a7;}
.greeting .txt .tt {text-align:right; margin-top:40px; padding-right:75px; position:relative; color:#111; line-height:1.1em;}
.greeting .txt .tt:after {content:''; width:65px; height:29px; background-image:url('../images/sub/sign.jpg'); background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);}
/* sub05_03 운송관련등록증 */
.registration .tab-cnt {display:flex; flex-direction:row-reverse; align-items:center;}
.registration .tab-content {width:30.8%;}
.registration .tab-content .img-box {position:relative; box-shadow:5px 5px 5px rgba(0,0,0,.1)}
.registration .tab-content .img-box:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:2px solid #ddd;}
.registration .tab-menu {flex:1 1 auto; padding:0 50px;}
.registration .tabs {display:flex;}
.registration .tabs li {width:25%; text-align:center;}
.registration .tabs li a {display:block;}
.registration .tabs li .img-box {margin-bottom:14px;}
.registration .tabs li .txt {line-height:1.4em; color:#454545; margin-bottom:10px;}
.registration .tabs li.active .txt {font-weight:700; color:#3452a7;}
.registration .tabs li .ico {position:relative; display:inline-block;}
.registration .tabs li .ico:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd;}
/* sub05_05 찾아오시는 길 */
.directions .maps {margin-bottom:27px;} 
.directions .root_daum_roughmap {width:100% !important; height:330px !important;}
.directions .root_daum_roughmap .wrap_map {height:330px !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 dl {display:flex; line-height:60px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:-1px; color:#454545;}
.directions dt {width:200px; padding-left:80px; position:relative; font-weight:500;}
.directions dt:before {content:''; width:28px; height:28px; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-14px; left:12px;}
.directions dt.address:before {background-image:url('../images/bbs/address.png');}
.directions dt.tel:before {background-image:url('../images/bbs/tel.png');}
.directions dt.fax:before {background-image:url('../images/bbs/fax.png');}
.directions dt.mail:before {background-image:url('../images/bbs/mail.png');}
.directions dt:after {content:''; width:1px; height:26px; background:#e2e2e2; position:absolute; top:50%; right:0; margin-top:-13px;}
.directions dd {flex:1 1 auto; padding-left:45px;}