@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-tit {padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.doc-tit h3 {position:relative; color:#2c2c2c; font-size:20px; font-weight:500; letter-spacing:-.025em; padding-left:25px;}
.doc-tit h3:before {position:absolute; content:""; width:20px; height:20px; background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain; top:3px; left:0;}
.doc-tit.mt {margin-top:35px; border-bottom:0; margin-bottom:0;}

.doc-tits {padding-bottom:25px; margin-bottom:20px;}
.doc-tits h3 {position:relative; color:#2c2c2c; font-size:28px; font-weight:700; letter-spacing:-.025em; padding-left:45px;}
.doc-tits h3:before {position:absolute; content:""; width:38px; height:37px; background:url('../images/sub/doc-tits.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-18.5px; left:0;}



.table01 {width:100%; margin:0 auto; width:100%; font-family: 'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif; border-collapse:collapse; border-spacing:0px; font-size:18px; color:#fff; background:#fff; border-top:1px solid #ddd;}
.table01 th {color:#2c2c2c; text-align:center; font-size:16px; padding:15px 20px; background:#fff; font-weight:500; line-height:1.5em; letter-spacing:-.01em; border-bottom:1px solid #ddd;}
.table01 td {padding:11px 10px; color:#505050; border:1px solid #dfdfdf; line-height:1.750em; font-size:16px; letter-spacing:-.01em; border-left:0;}
.table01.type2 {border-top:1px solid #a8a8a8;}
.table01.type2 .sky-bg {font-size:16px; color:#2c2c2c; background:#68d2fd;}
.table01.type2 .g-bg {color:#fff; background:#505050;}
.table01.type2 th.bg {background:#132a88; font-size:20px; font-weight:700; letter-spacing:-.03em; height:64px; line-height:64px; color:#fff; padding:0;}
.table01.type2 th {background:#fafafa; font-size:18px; font-weight:500; border-left: 1px solid #ddd; border-right:1px solid #ddd;}
.table01.type2 th.b-bg {background:#132a88; color:#fff; font-size:16px; font-weight:500;}
.table01.type2 td {font-size:18px; text-align:center;}
.table01.type2 td.pd0 {padding:0;}
.table01.type2 td ul li {font-size:18px; letter-spacing:-.02em; text-align:center;}
.table01.type2 td ul li span {font-size:18px; font-weight:700; color:#132a88;}
.table01 td ul li {line-height:1.875em; text-align:left; padding-left:0.5em; text-indent:-0.5em;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.greetings {display:flex; align-items:center;}
.greetings .img {width:50%;}
.greetings .txt-box {width:50%; margin-right:20px;}
.greetings .txt-box .tit {font-size:32px; letter-spacing:-.025em; line-height:1.500em;}
.greetings .txt-box .tit strong {color:#132a88;}
.greetings .txt-box .txt {font-size:18px; color:#2c2c2c; letter-spacing:-.025em; line-height:1.556em; margin-top:25px;}
.greetings .txt-box .txt strong {color:#132a88;}
.greetings .txt-box .sign {font-size:18px; color:#2c2c2c; font-weight:700; letter-spacing:-.025em; margin-top:20px;}
.greetings .txt-box .sign span img {vertical-align:bottom; margin-left:10px;}

.loc-list {margin-top:60px;}
.loc-list ul {display:flex;}
.loc-list ul li {display:flex; flex-direction:column; justify-content:center; width:20%; border:1px solid #ddd; border-left:0; text-align:center; min-height:240px;}
.loc-list ul li:first-child {border-left:1px solid #ddd;}
.loc-list ul li .tit {font-size:18px; color:#132a88; font-weight:500; letter-spacing:-.025em; line-height:1.3em; margin-top:10px;}
.loc-list ul li .txt {color:#2c2c2c; padding-top:10px;}

.online-flex {position:relative; display:flex; flex-wrap:wrap;}
.online-flex:before {position:absolute; content:""; width:40px; height:40px; background:url('../images/sub/trans.png')50% 50% no-repeat; background-size:contain; margin-top:-20px; top:50%; left:50%; margin-left:-20px;}
.online-flex .online-flexs {display:flex; margin-left:-20px;}
.online-flex .online-flexs td {width:calc(50% - 20px); margin-left:20px;}
.online-flex .online-box {background:#f4f4f4; padding:40px 30px; max-width:600px;} 
.online-flex .online-box.bg {background:#eae9e9;}
.online-flex .input[readonly] {background:#fff;}
.online-flex .online-box-form table tr {margin:10px 0; margin-left:-20px;}
.online-flex .input {height:55px;}
.online-flex .btn-pack.medium {padding:0 35px;}
.online-flex .btn-pack.medium {font-size:18px; height:55px; line-height:53px;}

.products .precautions {color:#c9252c; font-weight:500; letter-spacing:-.025em; margin-top:10px;}
.product-list ul {margin-left:-20px;}
.product-list ul li {width:calc(20% - 20px); margin-left:20px; border:1px solid #ddd; min-height:225px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.product-list ul li:hover {border:2px solid #68d2fd;}
.product-list ul li .tit {font-size:18px; color:#2c2c2c; padding:15px 0; font-weight:700; letter-spacing:-.03em;}

.increase-list {width:100%; max-width:960px;}
.increase-list ul {display:flex; margin-left:-20px;} 
.increase-list ul li {font-size:20px; font-weight:700; color:#2c2c2c; font-weight:700; letter-spacing:-.03em; line-height:1.5em; display:flex; flex-direction:column; justify-content:center; width:calc(25% - 20px); margin-left:20px; border:1px solid #ddd; text-align:center; min-height:130px;}
.increase-list ul li.active {background:#68d2fd; border-color:#68d2fd;}
.increase-list ul li p {font-size:20px; font-weight:300;}

.ui-tooltip {padding:10px 20px; color:#fff; border-radius:5px; background:#000;}

.option-boxs {display:flex; align-items:center; background:#fafafa; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:60px; padding-left:20px;}
.option-boxs .item {margin-right:20px;}
.option-boxs .checkbox label:before {margin:-0.2em 5px 0 0; background:#fff;}

.root_daum_roughmap {width:100% !important; height:460px !important;}
.root_daum_roughmap .wrap_map {height:460px !important;} 


/* 온라인접수 */
.online_app .head {display:flex; margin-bottom:20px;}
.online_app .head .col {position:relative; width:50%; padding:22px 30px;}
.online_app .head .col.bg1 {background:#f4f4f4;}
.online_app .head .col.bg2 {background:#eae9e9;}
.online_app .head .col:after {content:''; display:block; width:40px; height:40px; background-size:100% 100%; background-repeat:no-repeat; background-position:50% 50%; background-image:url("../images/sub/online_arrow.png"); position:absolute; top:50%; margin-top:-20px; right:-20px; z-index:1;}
.online_app .head .col:last-child:after {display:none;}
.online_app .head .col > ul {margin:0 -10px;}
.online_app .head .col > ul:after {content:''; display:block; clear:both;}
.online_app .head .col > ul > li {float:left; width:50%; padding:0 10px; margin-bottom:16px; font-family:'Noto Sans KR' !important;}
.online_app .head .col > ul > li:last-child {margin-bottom:0;}
.online_app .head .col > ul > li.col-1 {width:100%;}
.online_app .head .col > ul > li label {width:100px; padding-top:13px; color:#242424; font-size:16px; line-height:1.3em; letter-spacing:-0.03em; font-weight:500;}
.online_app .head .col > ul > li label span {color:#c9252c;}
.online_app .head .col > ul > li .input-box .input {height:50px; width:100%;}
.online_app .head .col > ul > li .input-box .input::placeholder {font-family:'Noto Sans KR' !important; color:#9a9999; font-size:16px;}
.online_app .head .col > ul > li .input-box .box.ver {margin-bottom:16px;}
.online_app .head .col > ul > li .input-box .box.ver .input {width:calc(100% - 55px);}
.online_app .head .col > ul > li .input-box .box.ver .btn-pack {text-indent:-999em; border:0; background:#454545 url("../images/sub/search_icon.png") 50% 50% no-repeat; width:50px; height:50px;}
/* .online_app .body {background:#f4f7f9; padding:20px 30px;} */
.online_app .body .row {margin-bottom:35px;}
.online_app .body .row:last-child {margin-bottom:0;}
.online_app .body .goods-select ul {margin:0 -10px;}
.online_app .body .goods-select ul:after {content:''; display:block; clear:both;}
.online_app .body .goods-select ul li {float:left; width:20%; padding:0 10px;}
.online_app .body .goods-select ul li .box {background:#fff; border:1px solid #ddd; padding:20px 15px; text-align:center;}
.online_app .body .goods-select ul li.active .box {border-color:#faa635;}
.online_app .body .goods-select ul li label {margin:10px 0; display:block; color:#242424; font-size:18px; line-height:1.3em; letter-spacing:0; font-weight:700;}
.online_app .body .goods-select ul li select {width:80px; height:40px; line-height:38px; font-size:18px; padding:0 20px; margin-left:0;}
.online_app .body .weight-select ul {margin:0 -10px;}
.online_app .body .weight-select ul:after {content:''; display:block; clear:both;}
.online_app .body .weight-select ul li {float:left; width:20%; padding:0 10px;}
.online_app .body .weight-select ul li input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.online_app .body .weight-select ul li input[type="radio"] + label {border:1px solid #ddd; background:#fff; display:block; position:relative; width:100%; padding:24px 0; color:#242424; font-size:18px; line-height:1.6em; letter-spacing:0; font-weight:700; text-align:center; cursor:pointer; z-index:1; min-height:130px; display:flex; flex-direction:column; justify-content:center;}
.online_app .body .weight-select ul li input[type="radio"] + label span {display:block; font-size:20px; font-weight:700;}
.online_app .body .weight-select ul li input[type="radio"]:checked + label:after {content:''; display:block; position:absolute; top:0; right:0; width:100%; height:100%; background-color:#68d2fd; z-index:-1;}
.online_app .body .weight-select .ps {margin-top:12px; font-family:'Noto Sans KR' !important; color:#c9252c; font-size:16px; line-height:1.6em; letter-spacing:-0.03em; font-weight:500;}
.online_app .body .option-select > ul > li {display:inline-block; padding:0 10px;}
.online_app .body .option-select > ul > li input[type="radio"],
.online_app .body .option-select > ul > li input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.online_app .body .option-select > ul > li input[type="radio"] + label,
.online_app .body .option-select > ul > li input[type="checkbox"] + label {cursor:pointer; padding-left:32px; position:relative; display:block; color:#242424; font-size:18px; line-height:1.3em; letter-spacing:0;}
.online_app .body .option-select > ul > li input[type="radio"] + label:before,
.online_app .body .option-select > ul > li input[type="checkbox"] + label:before{content:''; display:block; width:25px; height:25px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; background-image:url("../images/sub/option_select.png"); position:absolute; top:-2px; left:0;}
.online_app .body .option-select > ul > li input[type="radio"]:checked + label:before,
.online_app .body .option-select > ul > li input[type="checkbox"]:checked + label:before {background-image:url("../images/sub/option_select_on.png");}
.online_app .body .option-select > ul > li .box {display:flex; align-items:center;}
.online_app .body .option-select > ul > li .bubble {position:relative; margin-left:8px; margin-right:18px;}
.online_app .body .option-select > ul > li .bubble a {display:block; text-indent:-999em; width:22px; height:22px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; background-image:url("../images/sub/bubble_icon.png");}
.online_app .body .option-select > ul > li .bubble .txt-zone {display:none; position:absolute; top:35px; left:50%; margin-left:-220px; text-align:center; width:440px; border:2px solid #043873; border-radius:8px; padding:25px 15px; background:#fff; z-index:9;}
.online_app .body .option-select > ul > li .bubble .txt-zone:after {content:''; display:block; width:23px; height:13px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; background-image:url("../images/sub/bubble_arrow.png"); position:absolute; top:-13px; left:50%; margin-left:-12px;}
.online_app .body .option-select > ul > li .bubble .txt-zone.active {display:block;}
.online_app .body .option-select > ul > li .bubble .txt-zone p {font-family:'Noto Sans KR' !important; color:#454545; font-size:16px; line-height:1.5em; letter-spacing:-0.03em;}
.online_app .body .option-select .option-txt {margin-left:25px; border:1px solid #ddd; background:#fff; padding:10px 18px; margin-top:20px;}
.online_app .body .option-select .option-txt p {color:#242424; font-size:17px; line-height:1.3em; letter-spacing:-0.03em;}
.online_app .body .option-txt2 {margin-top:15px;}
.online_app .body .option-txt2 dl dd {color:#c9252c; font-size:16px; line-height:1.3em; letter-spacing:0; font-weight:500; margin-bottom:5px;}
.online_app .body .option-txt2 dl dd:last-child {margin-bottom:0;}
.online_app .body .option-select > ul > li .date-wrap {position:relative;}
.online_app .body .option-select > ul > li .date-wrap .date-select {display:block; width:360px; position:relative;}
.online_app .body .option-select > ul > li .date-wrap .date-select:before {content:''; display:block; width:22px; height:22px; position:absolute; top:13px; left:12px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; background-image:url("../images/sub/date.png");}
.online_app .body .option-select > ul > li .date-wrap .date-select:after {content:''; display:block; width:14px; height:6px; position:absolute; top:22px; right:19px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; background-image:url("../images/sub/date_arrow.png");}
.online_app .body .option-select > ul > li .date-wrap .date-select .input {width:100%; height:50px; padding-left:50px;}
.online_app .body .option-select > ul > li .date-wrap .date-select input::placeholder {font-family:'Noto Sans KR' !important; color:#242424; font-size:16px;}
.online_app .body .option-select > ul > li .date-wrap .date-zone {display:none; position:absolute; top:100%; left:0; width:100%; background:#fff; border:1px solid #ddd; border-top:0; z-index:9;}
.online_app .body .option-select > ul > li .date-wrap .date-zone.active {display:block;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit {padding:9px 0; line-height:0; text-align:center; position:relative; background:#f1f1f1; border-bottom:1px solid #ddd;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit .tit-wrap {display:inline-block; padding:0 30px; position:relative;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit .tit-wrap .data-txt {display:inline-block; font-family:'Noto Sans KR' !important; color:#242424; font-size:16px; line-height:1.3em; letter-spacing:0; font-weight:700;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit .tit-wrap a {text-indent:-999em; display:block; width:7px; height:12px; position:absolute; top:5px; background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit .tit-wrap a.btn-prev {left:0; background-image:url("../images/sub/cal_prev.png");}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit .tit-wrap a.btn-next {right:0; background-image:url("../images/sub/cal_next.png");}
.online_app .body .option-select > ul > li .date-wrap .date-zone .tit .today-txt {position:absolute; top:10px; left:20px; display:inline-block; font-family:'Noto Sans KR' !important; padding:0 8px; color:#fff; font-size:12px; line-height:20px; letter-spacing:0; background:#043873; border-radius:30px;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .cal-wrap {display:flex;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .cal-wrap .col-1 {width:280px; padding:10px; border-right:1px solid #ddd;}
.online_app .body .option-select > ul > li .date-wrap .date-zone .cal-wrap .col-2 {width:calc(100% - 280px); padding:8px 0;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table {width:100%; border-collapse:collapse; border-spacing:0px; font-family:'Noto Sans KR' !important;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr th {text-align:center; color:#454545; font-size:14px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr td {padding:5px 0; text-align:center; color:#454545; font-size:14px; line-height:1.3em; letter-spacing:-0.03em;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr td a {display:block;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr th.sun,
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr td.sun{color:#c9252c;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr th.sat,
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr td.sat{color:#014ca1;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr td.past {color:#9a9999 !important;}
.online_app .body .option-select > ul > li .date-wrap .date-zone table tr td .today {margin:0 auto; padding:2px 0; width:25px; color:#fff; background:#faa635; border-radius:100%;}
.online_app .body .option-select > ul > li .date-wrap .time-zone {overflow-x:hidden; overflow-y:auto; height:180px; text-align:center;}
.online_app .body .option-select > ul > li .date-wrap .time-zone ul li {font-family:'Noto Sans KR' !important; color:#242424; font-size:14px; line-height:1.3em; letter-spacing:0; font-weight:700;} 
.online_app .body .option-select > ul > li .date-wrap .time-zone ul li a {display:block; padding:6px 0;}
.online_app .body .option-select > ul > li .date-wrap .time-zone ul li.active a {color:#fff; background:#faa635;}
.online_app .body .option-txt {color:#2c2c2c; height:76px; background:#fafafa; display:flex; align-items:center; padding-left:10px;}
.online_app .body .card-box {padding:20px 0; border:1px solid #ddd; padding:30px; margin-top:20px;}
.online_app .body .card-box ul li {display:flex; align-items:center; margin-bottom:10px;}
.online_app .body .card-box ul li:last-child {margin-bottom:0;}
.online_app .body .card-box ul li label {width:75px; color:#242424; font-size:17px; line-height:1.3em; letter-spacing:-0.03em; font-weight:500;}
.online_app .body .card-box ul li dl {display:flex; margin:0 -5px;}
.online_app .body .card-box ul li dl dd {padding:0 5px;}
.online_app .body .card-box ul li dl dd .input {max-width:80px;}
.online_app .body .card-box ul li span {padding-left:20px; display:inline-block; font-family:'Noto Sans KR' !important; color:#c9252c; font-size:14px; line-height:1.3em; letter-spacing:-0.03em;}
.online_app .body .card-box .group {margin-top:15px; color:#242424; font-size:17px; line-height:1.3em; letter-spacing:-0.03em;}
.online_app .body .con .input {height:45px; width:100%;}
.online_app .body .con .ps {margin-top:20px; font-family:'Noto Sans KR' !important; color:#c9252c; font-size:16px; line-height:1.5em; font-weight:500;}
.online_app .body .memo-con {padding-left:30px;}
.online_app .body .memo-con .input {width:100%; height:50px;}
.online_app .body .memo-con input::placeholder {font-family:'Noto Sans KR' !important; color:#9a9999; font-size:16px;}
.online_app .body .total-con {background:#fafafa; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:70px; padding-left:25px; display:flex; align-items:center;}
.online_app .body .total-con h3 {color:#2c2c2c; font-size:28px; line-height:1.3em; letter-spacing:-.03em; font-weight:500;}
.online_app .body .total-con h3 span {display:inline-block; margin-right:40px;}
.online_app .body .total-con p {padding-left:23px; color:#242424; font-size:18px; line-height:1.3em; letter-spacing:0;}
.online_app .body .total-con .total-group div {display:inline-block;}
.online_app .body .ps-txt {margin-top:10px; font-family:'Noto Sans KR'; color:#c9252c; font-weight:500; font-size:16px; line-height:1.3em; letter-spacing:0;}
.online_app .buttons {margin-top:55px;}
.online_app .buttons .btn-pack {border:0; width:150px; background:#132a88; color:#fff; font-size:18px; height:50px; line-height:48px; letter-spacing:0; font-weight:500;}
.online_app .option-select {display:flex; flex-direction:column; justify-content:center; border-top:1px solid #ddd; height:60px; border-bottom:1px solid #ddd; background:#fafafa;}
.total-group {color:#878787;}

.dk_toggle:hover, .dk_toggle:focus, .dk_toggle .dk_focus .dk_toggle {background-color:#132a88; color:white; outline:none;}
.dk_toggle:active {background-color:#132a88; outline:none;}
.dk_toggle:active .select-icon {border-left-color:transparent;}


/* 접수확인 */
.app_confirm .confirm {background:#f4f7f9; padding:45px 15px; margin-bottom:100px;}
.app_confirm .confirm .box {position:relative; max-width:920px; margin:0 auto;}
.app_confirm .confirm ul {width:calc(100% - 300px);}
.app_confirm .confirm ul li {display:flex; align-items:center; margin-bottom:5px;}
.app_confirm .confirm ul li:last-child {margin-bottom:0;}
.app_confirm .confirm ul li label {display:block; width:150px; font-family:'Noto Sans KR' !important; color:#242424; font-size:16px; line-height:1.3em; letter-spacing:-0.03em; font-weight:500;}
.app_confirm .confirm ul li input {width:calc(100% - 150px); height:50px;}
.app_confirm .confirm .btn-pack {background:#132a88; width:280px; position:absolute; top:0; right:0; color:#fff; font-size:20px; line-height:1.3em; letter-spacing:0; height:105px; padding:38px 0;}
.app_confirm .app-list .tit {background:#f4f7f9; text-align:center; padding:19px 0; margin-bottom:25px;}
.app_confirm .app-list .tit h3 {color:#242424; font-size:18px; line-height:1.3em; letter-spacing:0;}
.app_confirm .app-list .tit h3 span {color:#132a88; font-weight:700;}
.app_confirm .app-list .con .row {margin-bottom:28px;}
.app_confirm .app-list .con .row:last-child {margin-bottom:0;}
.app_confirm .app-list .con .row .s-tit {border-bottom:0; padding-bottom:0; margin-bottom:15px;}
.app_confirm .app-list .con .row ul {border-top:1px solid #ddd;}
.app_confirm .app-list .con .row ul li {display:flex; align-items:center; padding:15px 25px; border-bottom:1px solid #ddd;}
.app_confirm .app-list .con .row ul li h4 {width:90px; font-family:'Noto Sans KR' !important; color:#242424; font-size:16px; line-height:1.3em; letter-spacing:-0.03em; font-weight:500;}
.app_confirm .app-list .con .row ul li p {width:calc(100% - 90px); font-family:'Noto Sans KR' !important; color:#454545; font-size:16px; line-height:1.3em; letter-spacing:-0.03em;}
.app_confirm .buttons {margin-top:40px;}
.app_confirm .buttons .btn-pack {border:0; width:230px; border:1px solid #132a88; color:#132a88; font-size:20px; height:70px; line-height:68px; letter-spacing:0; font-weight:700; border-radius:8px;}
.app_confirm .buttons .btn-pack.focus {background:#132a88; color:#fff;}

.confirm-box {margin-top:60px; text-align:center; height:66px; line-height:66px; background:#f4f4f4;}
.confirm-box h3 {font-size:26px; font-weight:400;}
.confirm-box h3 strong {color:#132a88;}

.buttons.flex {display:flex; justify-content:center; margin-top:50px;}
.buttons.flex .cen .btn-pack {background:#68d2fd; border-color:#68d2fd;}
.buttons.flex .cen:last-child .btn-pack {background:#132a88; border-color:#132a88; color:#fff;}

.business .cnt {margin-bottom:60px;}
.business .cnt .txts {font-size:18px; font-weight:500; letter-spacing:-.04em; margin-top:10px;}

.freight-list ul {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-30px;}
.freight-list ul li {width:calc(50% - 30px); margin-left:30px; border:1px solid #ddd; border-bottom:0; margin-bottom:30px;}

.produce-table.mg {margin-top:30px;}
.produce-table.mb {margin-bottom:60px;}

.tit-flex {display:flex; justify-content: space-between;}
.tit-flex .tit {font-size:18px; color:#ef3503; letter-spacing:-.02em; line-height:1.3em;}

.doc-tits-wrap {background:#fafafa; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:40px;}
.doc-tits-wrap li {position:relative; margin-bottom:10px; padding-left:20px;}
.doc-tits-wrap li:before {position:absolute; content:""; top:50%; margin-top:-4px; left:0; width:8px; height:8px; background:#132a88; transform:rotate(45deg);}

.dk_container .dk_options:before {left:auto; right: 51px;}
.dk_container .dk_options li {padding-bottom: 3px;}
.dk_container .dk_options li.txt {background:#faa634; color:#fff; padding:5px 9px;}
.dk_container .dk_options a {color: white;display: block;padding: 5px 9px;text-decoration: none;}
.dk_container .dk_options a:hover {background-color: #db0f34;}

.dk_container .dk_option_current a {background-color: #db0f32;}
.dk_container .dk_options_inner {background-color: #232331;margin: 0;max-height: 244px;padding: 3px 3px 0;}
.dk_container .dk_touch .dk_options {max-height: 250px;}
.dk_container {display: none;position: relative;vertical-align: middle;}
.dk_container.dk_shown {display: inline-block;zoom: 1; *display: inline;}
.dk_container[class*="span"] {float: none;margin-left: 0;}

.dk_toggle {display: block;position: relative;}

.dk_open {position: relative;}
.dk_open .dk_options {margin-top: -1px;opacity: 1;z-index: 10;display: block\9;}
.dk_open .dk_label {color: inherit;}

.dk_options {margin-top: -20px; position: absolute; right: 0; opacity: 0; width: 220px; z-index: -100; display: none\9; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-backface-visibility: hidden; }
.select-right .dk_options {left: auto;right: 0;}

.dk_label {}
/*not part of default style*/
.box .dk_container:first-child {margin-top:0;}
.dk_container {width:100%; cursor: pointer;font-size: 14px;margin-top: 10px;outline: none; }
.dk_toggle {overflow:hidden; width:100%; height:55px; text-decoration:none; line-height:53px; background:#fff; font-family:'Noto Sans KR'; color:#9f9f9f; text-indent:18px; font-size:16px;
-webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility:hidden;}
.dk_options a {display: block;}
.dk_options_inner {overflow: auto;outline: none;position: relative;}
.dk_touch .dk_options {overflow: hidden;}
.dk_touch .dk_options_inner {max-height: none;overflow: visible;}
.dk_fouc select {/* position: relative; *//* top: -99999em; *//* visibility: hidden; */}


.dk_toggle:hover, .dk_toggle:focus, .dk_toggle .dk_focus .dk_toggle {background-color:#043873; color:white; outline:none;}
.dk_toggle:active {background-color:#043873; outline:none;}
.dk_toggle:active .select-icon {border-left-color:transparent;}

.select-icon { background: #686868; color:#fff; border-left: 2px solid rgba(52, 73, 94, 0.15); height: 100%; position: absolute; right: 0; top: 0; width: 95px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden;}