@charset "utf-8";
@import url("/Css/pretendard.css");
* { margin:0px; padding:0px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing: border-box; font-weight:400; color:#322d3b;}
body, html {height:100%; position:relative; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin;}
body.popup {overflow:auto;}
form {position: relative; width:100%; height:100%;}
img { border:0 none; vertical-align:top; }
input {vertical-align:top; outline: none;}
a:link, a:active {
    text-decoration: none;
}
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a { text-decoration:none; }
ul, ol, li, dl, dt, dd { list-style:none; }
p { margin:0; padding:0;}
form, fieldset, legend { margin:0; padding:0; }
a.under_line {text-decoration:underline; color:#2222d3; font-size:13px;}
input[type="button"] {cursor:pointer;}
table {border-collapse: collapse;}
textarea {resize:none; outline:none;}
button {cursor:pointer; border:none; outline: none; background:none;}

/*헤더*/
nav#header {width:100%; height:96px; border-bottom:1px solid #fff; position:absolute; top:0px; z-index:9;}
nav#header div.header_layer {max-width:1444px; margin:0 auto; overflow:hidden;}
nav#header div.header_layer ul {overflow:hidden; width:100%;}
nav#header div.header_layer ul li:first-child{float:left; line-height:94px;}
nav#header div.header_layer ul li:first-child a {width:216px; height:50px; display:inline-block; background:url("../Images/logo_w.png") no-repeat top center; background-size:216px; vertical-align:middle;}
nav#header div.header_layer ul li:last-child{float:right; line-height:94px;}
nav#header div.header_layer ul li:last-child a {color:#fff; font-size:27px; margin-right:77px; font-weight:600;}
nav#header:hover {background:#fff;}
nav#header:hover div.header_layer ul li:first-child a {width:216px; height:50px; display:inline-block; background:url("../Images/logo.png") no-repeat top center; background-size:216px; vertical-align:middle;}
nav#header:hover div.header_layer ul li:last-child a {color:#000000;}

/*메인*/
div#wrap {width: 100%;}
div#MainContent {height:100vh; width:100%; position:relative;}
/*슬라이드*/
div.swiper-slide {width:100% !important; height:100vh;}
div.swiper-slide.slide01 {background:url("../Images/slide01.png") no-repeat top center; background-size:100% 100vh;}
div.swiper-slide.slide02 {background:url("../Images/slide02.jpg") no-repeat top center; background-size:100% 100vh;}
div.swiper-slide.slide03 {background:url("../Images/slide03.png") no-repeat top center; background-size:100% 100vh;}
div.swier_page_area {width:100%; position:absolute !important; bottom:240px;}
div.swier_page_area div.swiper-pagination {width:1444px !important; margin:0 auto; position:relative; text-align:left;}
.swiper-pagination-bullet {width:36px !important; height: 4px !important; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; margin-right:10px !important; background:#575560 !important; display: inline-block; border-radius:unset !important; border:1px solid #fff;}
.swiper-pagination-bullet-active {color: #fff; background: #fff !important;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #fff;}
div.slide_cnts {max-width:1444px; margin:0 auto; position:relative;}
div.slide_cnts dl {position:absolute; left:0px; top:310px;}
div.slide_cnts dl dt {font-weight:700; font-size:60px; color:#fff; margin-bottom:40px;}
div.slide_cnts dl dd {font-size:27px; color:#fff; line-height:1.5;}
div.slide_cnts dl dd span {display:block; font-size:27px; color:#fff;}

div#footer {width:100%; position: relative; overflow:hidden;}
div#footer div.footer_body {width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;}
div#footer div.footer_body ul li {float:left; font-size:14px;}
div#footer div.footer_body ul li:first-child {line-height:1.5; width:800px;}
div#footer div.footer_body ul li:last-child {text-align: right; width:400px;}
div#footer div.footer_body ul li:last-child img {vertical-align: middle; width:250px; margin-top:15px;}
span.line {display:inline-block;}

/*서브*/
div#SubContents {width:100%; position:relative;}
div#SubTitle {width:100%; height:550px; position:relative;}
div#SubTitle div.sub_title_text {width:1444px; margin:0 auto; position:relative; height:100%;}
div#SubTitle div.sub_title_text h1 {font-size:85px; color:#fff; font-weight:600; position:absolute; bottom:60px; left:0px;}
div#SubTitle div.sub_title01 {background:url("../Images/sub_bg1.png") no-repeat top center; background-size:cover; height:100%;}
div#SubTitle div.sub_title02 {background:url("../Images/sub_bg2.png") no-repeat top center; background-size:cover; height:100%;}
div#SubTitle div.sub_title03 {background:url("../Images/sub_bg3.png") no-repeat top center; background-size:cover; height:100%;}
div#SubTitle div.sub_title04 {background:url("../Images/sub_bg4.png") no-repeat top center; background-size:cover; height:100%;}
div#SubCntsLayer {width:100%; position:relative;}
div#SubCntsLayer div.sub_cnts_body {width:1200px; margin:0 auto; padding-bottom:200px;}
div#SubCntsLayer div.sub_cnts_body h2.title {font-size:59px; font-weight:600; text-align:center; margin-bottom:10px;}
div#SubCntsLayer div.sub_cnts_body p.title_sub {font-size:27px; font-weight:300; text-align:center;}
div#SubCntsLayer div.sub_cnts_body div.about_01 {padding-top:150px;}
div#SubCntsLayer div.sub_cnts_body div.about_01 img {margin-top:50px;}
div#SubCntsLayer div.sub_cnts_body div.about_02 {padding-top:150px;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul {width:100%; overflow:hidden; margin-bottom:60px;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul li {width:50%; height:320px;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl {padding:65px 90px 0;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl dt {font-size:48px; font-weight:600; text-align:center; margin-bottom:10px;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl dt span {color:#16a0d2; font-size:48px; font-weight:600;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl dd {font-size:27px; text-align:center; line-height:1.3; word-break: keep-all;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul.ul_01 li {float:left; }
div#SubCntsLayer div.sub_cnts_body div.about_02 ul.ul_01 li:last-child{background:#f3f3f3;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul.ul_02 li:first-child {float:right; }
div#SubCntsLayer div.sub_cnts_body div.about_02 ul.ul_02 li:last-child{background:#f3f3f3; float:left;}
div#SubCntsLayer div.sub_cnts_body div.about_02 ul.ul_03 li {float:left; }
div#SubCntsLayer div.sub_cnts_body div.about_02 ul.ul_03 li:last-child{background:#f3f3f3;}
div.business_01 {width:100%; margin-top:174px;}
div.business_01 dl.business_layer {width:100%; overflow:hidden;}
div.business_01 dl.business_layer dt {font-size:44px; font-weight:700; float:left; width:100px;}
div.business_01 dl.business_layer dd {float:left; width:1100px;}
div.business_01 dl.business_layer dd p.title_sub {line-height:1.5; font-size:20px; padding-bottom:20px; text-align:left !important;}
div.business_01 dl.business_layer dd span.block {font-size:20px; border-radius:5px; color:#111111; margin-right:10px; line-height:40px; border:1px solid #cccccc; display:inline-block; padding:0 10px; font-weight:200}
div.business_body {padding:40px; background:#f3f3f3; margin-top:50px;}
div.business_body h2 {font-size:30px; font-weight:600; border-left:8px solid #16a0d2; padding-left:20px;}
div.business_body ul {overflow:hidden; text-align:center; margin-top:20px;}
div.business_body ul li {float:left; width:204px; background:url("../Images/b_arr.png") no-repeat 0px 70px;}
div.business_body ul li:first-child {background:none;}
div.business_body ul li p {margin-top:10px;}
div.question_body {margin:158px auto 0; width:1200px; background:#f3f3f3; padding:60px 0; text-align:center;}
div.question_body h2 {font-size:44px; font-weight:600; padding-bottom:10px;}
div.question_body p {font-size:20px; margin-bottom:35px;}
div.question_body button {width:280px; height:68px; color:#fff; font-size:22px; background:url("../Images/talk_icon.png") no-repeat 20px center #5126fe; border-radius:10px; padding-left:30px;}

div.service_body {margin:158px auto 0; width:1200px; background:#f3f3f3; padding:60px 0; text-align:center;}
div.service_body h2 {font-size:44px; font-weight:600; padding-bottom:10px;}
div.service_body p {font-size:20px; margin-bottom:35px;}
div.service_body button.type_01 {width:180px; height:68px; color:#fff; font-size:22px; background:#5126fe; border-radius:10px;}
div.service_body button.type_02 {width:180px; height:68px; color:#fff; font-size:22px; background:#16a0d2; border-radius:10px;}

#SlideArea {position:relative;}
div.input_area {position:absolute; bottom:60px; z-index:9; width:100%; text-align:center;}
div.input_area input[type="text"] { border-radius:5px; height:40px; width:250px; padding:0 10px; border:1px solid #808080; font-size:14px; vertical-align:top;}
div.input_area select { border-radius:5px; height:40px; width:100px; padding:0 10px; border:1px solid #808080; font-size:14px; vertical-align:top;}
button#InfoBtn {padding:0 10px; height: 40px; color: #fff; font-size: 18px; background:#16a0d2; border-radius: 5px;}
/*푸터*/
footer {background: #000; width: 100%; height: 150px; padding:30px 0;}
div#foot_area {width:1444px; margin:0 auto; }
div#foot_area ul {overflow:hidden;}
div#foot_area ul li {/*float:left;*/color:#fff; width:100%; text-align:center; opacity:0.7;}
div#foot_area ul li:first-child img {opacity:0.7;}
div#foot_area ul li:first-child {margin-bottom:30px;}
/*
    div#foot_area ul li:first-child {width:30%; text-align:center; padding-top:40px;}
    div#foot_area ul li:last-child {width:70%; padding-top:30px; opacity:0.7; padding-left:30px; font-size:21px; font-weight:200}
    div#foot_area ul li:last-child span {opacity:0.5; display:inline-block; margin:0 10px; color:#fff;}
*/
/*게시판*/
div.notice_layer {max-width:1200px; margin:0 auto; padding:150px 0px;}
div.notice_layer h2 {font-size:44px; font-weight:700; text-align:center;}
div.notice_layer ul {margin-top:40px;}
div.notice_layer ul li {width:100%;}
div.notice_layer ul li dt {border-top:1px solid #222222; overflow:hidden; border-left:0px; border-right:0px; padding:0 60px 0 20px; line-height:68px; background:url("../Images/notice_arr.png") no-repeat 99% center;}
div.notice_layer ul li dt.on {background:url("../Images/notice_arr_up.png") no-repeat 99% center;}
div.notice_layer ul li:last-child dt {border-bottom:1px solid #222222;}
div.notice_layer ul li dt strong {font-size:20px; width:70%; float:left;}
div.notice_layer ul li dt strong a:hover {text-decoration:underline;}
div.notice_layer ul li dt span {font-size:20px; width:30%; text-align:right; float:left;}
div.notice_layer ul li dd {background:#f3f3f3; padding:40px; line-height:1.5; font-size:20px; display:none;}

/*화물정보조회*/
div#DivUnipassLayer {background:url("../Images/opa_bg.png") repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; padding:20px; display:none}
div#DivUnipassLayer div.unipass_body {width:100%; height:100%; overflow-y:auto; background:#fff; border-radius:10px; position:relative;}
div#DivUnipassLayer div.unipass_body h1 {font-size:22px; font-weight:500; text-align:center; padding-top:20px;}
div#DivUnipassLayer div.unipass_body button.close_btn {background:url("../Images/close_bl_icon.png") no-repeat; width:30px; height:30px; position:absolute; right:20px; top:20px}
div.search_layer table {display:inline-block;}
div.list_area {max-width:1200px; margin:0 auto; margin-top:30px;}
div.list_area p.tcnt {font-size:18px;}
div.list_area p.tcnt span {color:#5126fe; font-size:18px; font-weight:700;}
div.list_area ul {margin-top:10px;}
div.list_area ul li {overflow:hidden; width:100%; border:1px solid #808080; border-bottom:0px; padding:20px;}
div.list_area ul li:last-child {border-bottom:1px solid #808080;}
div.list_area ul li a {display:block; font-size:22px; text-decoration:underline;}
div.list_area ul li a:hover {color:#5126fe;}
div.list_area ul li a span {font-size:22px; float:right; padding-right:50px;}
div.list_area div.cnts {margin-top:30px; border-top:1px solid #808080; padding-top:30px; display:none;}
div.list_area div.cnts dl {overflow:hidden;}
div.list_area div.cnts dl dt {float:left; font-size:18px; font-weight:600; color:#16a0d2; clear:both; padding-bottom:20px; width:25%;}
div.list_area div.cnts dl dd {float:left; padding-bottom:20px; width:75%;}

/*배송조회*/
div#DivShippingLayer {background:url("../Images/opa_bg.png") repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; padding:20px; display:none;}
div#DivShippingLayer div.shipping_body {width:100%; height:100%; overflow-y:auto; background:#fff; border-radius:10px; position:relative;}
div#DivShippingLayer div.shipping_body h1 {font-size:22px; font-weight:500; text-align:center; padding-top:20px;}
div#DivShippingLayer div.shipping_body button.close_btn {background:url("../Images/close_bl_icon.png") no-repeat; width:30px; height:30px; position:absolute; right:20px; top:20px}
div.search_layer {margin-top:30px; text-align:center;}
div.search_layer table {display:inline-block;}
div.search_layer table td {padding:0 5px;}
div.search_layer .btn_01 {padding:0 10px;}
div.list_area {max-width:1200px; margin:0 auto; margin-top:30px; padding-bottom:20px;}
div.list_area p.tcnt {font-size:18px;}
div.list_area p.tcnt span {color:#5126fe; font-size:18px; font-weight:700;}
div#DivShippingLayer div.list_area ul {margin-top:30px;}
div#DivShippingLayer div.list_area ul li {overflow:hidden; width:100%; border:1px solid #808080; padding:20px; background:none; margin-bottom:10px;}
div#DivShippingLayer div.list_area ul li a {display:block; font-size:22px;}
div#DivShippingLayer div.list_area ul li a span {font-size:22px; float:right; padding-right:50px;}
div#DivShippingLayer div.list_area div.cnts {margin-top:30px; border-top:1px solid #808080; padding-top:30px; display:none;}
div#DivShippingLayer div.list_area div.cnts dl {overflow:hidden;}
div#DivShippingLayer div.list_area div.cnts dl dt {float:left; font-size:18px; font-weight:600; color:#16a0d2; clear:both; padding-bottom:20px; width:25%;}
div#DivShippingLayer div.list_area div.cnts dl dd {float:left; padding-bottom:20px; width:75%;}
div.shipping_cnts h2 {color:#16a0d2; font-size:20px;}
div.shipping_cnts h2 span {font-size:16px; opacity:0.5;}
div.shipping_cnts ul li dl dt {font-size:18px;}
div.shipping_cnts ul li dl dt span {font-size:16px; opacity:0.7;}
div.shipping_cnts ul li dl dd {padding-top:10px;}

.input_type_01 {padding:0 10px; height:30px; border:1px solid #808080; border-radius:5px;}
.btn_01 {height:30px; background:#5126fe; color:#fff; font-size:16px; padding:0 10px; border-radius:5px;}
.btn_02 {height:30px; border:1px solid #ff0000; color:#ff0000; font-size:16px; padding:0 10px; border-radius:5px;}

div#ProgressHeader {padding:10px 20px;}
div#ProgressHeader img {width:250px;}
div#ProgressInfo div.progress_body {max-width:1200px; height:100%; overflow-y:auto; background:#fff; border-radius:10px; position:relative; margin:0 auto;}
#ResultText {text-align:center; margin-top:30px; line-height:1.5; color:#557dce; font-weight:700; font-size:22px;}
#ResultText a {text-decoration:underline; color:#557dce; font-weight:500; font-size:22px;}
div.mail_send {text-align:center; margin-top:20px;}
div.mail_send button {padding:0 10px; color:#fff; background:#16a0d2; font-size:16px; height:30px; border-radius:5px; vertical-align:top;}
div.mail_send input {padding: 0 10px; height: 30px; border: 1px solid #808080; border-radius: 5px; width:200px;}

h2.progress_title {color: #16a0d2; font-size: 20px; margin-top:40px;}
/* 로딩바 */
#divLoadingImage {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    top: 0px !important;
    background: #fff !important;
    opacity: 0.6 !important;
    display: none;
    left: 0px;
}
#divLoadingImage img {width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; margin-top: -60px; margin-left: -60px;}
ul.language_tab {overflow:hidden; width:100%; text-align:center; margin-top:10px;}
ul.language_tab li {display:inline-block;}
ul.language_tab li button {width:100px; height:30px; border:1px solid #808080; font-size:16px;}
ul.language_tab li button:hover {background:#575560; color:#fff;}
ul.language_tab li button.on {background:#575560; color:#fff;}

#EmailCnts {padding:10px; height:80px; border: 1px solid #808080; border-radius: 5px; width:200px; margin-top:10px;}

@media (max-width: 1200px) {
    div .slide_cnts dl {max-width:700px; margin:0 auto; position:relative; text-align:center;}
    div.swier_page_area div.swiper-pagination {width:100% !important; text-align:center;}
    div.swier_page_area {bottom:40px;}
    footer {padding:0px !important;}
    div#foot_area {width:auto;}
    div#foot_area ul li {width:50% !important; text-align:center;}
    div#foot_area ul li:last-child span:nth-child(2) {display:block; text-indent:-9999px;}
    nav#header div.header_layer {padding:0 10px;}
    nav#header div.header_layer ul li:last-child a:last-child {margin-right:0px;}
    div.business_01 dl.business_layer dt {width:15%;}
    div.business_01 dl.business_layer dd {width:85%;}
    div#SubCntsLayer div.sub_cnts_body {width:auto; padding:0 20px 150px;}
    div.business_01 {margin-top:100px;}
    div.business_body {padding:20px;}
    div.business_body ul li {width:20%;}
    div.business_body ul li img {max-width:147px; width:100%;}
    div#SubCntsLayer div.sub_cnts_body p.title_sub {word-break:keep-all;}
    
}

div.header_layer_mobile {display:none;}
@media (max-width: 900px) {
    div .slide_cnts dl {max-width:700px; margin:0 auto; position:relative; text-align:center; top:42vw;}
    div.swier_page_area div.swiper-pagination {width:100% !important; text-align:center;}
    div.swier_page_area {top:20vw !important;}
    footer {padding:0px !important; height:auto;}
    div#foot_area {width:auto; padding:20px;}
    div#foot_area ul li {width:100% !important; float:none; text-align:center; padding:0px !important; font-size:4.44vw !important;}
    div#foot_area ul li span {display:block !important; text-indent:-9999px;}
    div#foot_area ul li:last-child {margin-top:20px;}
    nav#header div.header_layer {padding:0 10px;}
    nav#header div.header_layer ul li:last-child a:last-child {margin-right:0px;}
    div.header_layer {display:none;}
    div.header_layer_mobile {display:block;}
    nav#header {height:50px; background:#fff; position:fixed; top:0px; left:0px; z-index:10;}
    div.header_layer_mobile h1 { background:url("../Images/logo.png") no-repeat center center; background-size:150px; height:50px;}
    div.header_layer_mobile button.menu_btn {background:url("../Images/black_menu.png") no-repeat top center; width:36px; height:40px; background-size:100%; position:absolute; right:10px; top:6px;}
    div.mobile_menu {background:url("../Images/opa_bg.png") repeat; position:fixed; top:0px; left:0px; width:100%; height:100%; display:none;}
    div.mobile_menu button.close_btn {position:absolute; right:20px; top:20px; z-index:9; display:none;}
    div.mobile_menu ul {background:#fff; position:absolute; right:-1000px; top:0px; width:80%; height:100%; padding-top:150px; overflow:hidden;}
    div.mobile_menu ul li {text-align:center; font-size:26px; margin-bottom:50px;}
    div.slide_cnts dl dt {font-size:10.00vw; word-break:keep-all; margin-bottom:20px;}
    div.slide_cnts dl dd {font-size:7vw; word-break: keep-all; margin-top:5vw;}
    div.slide_cnts dl dd span {font-size:7.22vw;}
    div#SubTitle {height:72.22vw;}
    div#SubTitle div.sub_title_text h1 {font-size:11.11vw; text-align:center; position:relative; padding-top:35.56vw; bottom:auto;}
    div#SubTitle div.sub_title_text {width:100% !important;}
    div#SubCntsLayer div.sub_cnts_body div.about_01 {padding-top:20px;}
    div#SubCntsLayer div.sub_cnts_body h2.title {font-size:8vw; margin-bottom:20px;}
    div#SubCntsLayer div.sub_cnts_body p.title_sub {font-size:5.11vw; line-height:1.5;}
    div#SubCntsLayer div.sub_cnts_body {padding: 0 10px 100px;}
    div#SubCntsLayer div.sub_cnts_body div.about_01 img {width:100%; margin-top:10px;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 {padding-top:13vw; margin-top:13vw; border-top:1px solid #dbdbdb;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul li {float:none; width:100%; height:auto;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul li img {width:100%;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl {padding:20px 10px;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl dt {font-size:6.5vw;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl dt span {font-size:6.5vw;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul li dl dd {font-size:5vw; word-break: auto-phrase;}
    div#SubCntsLayer div.sub_cnts_body div.about_02 ul {margin-bottom:20px;}
    div.business_01 dl.business_layer dt {float:none; width:auto; font-size:8vw;}
    div.business_01 dl.business_layer dd {float:none; width:auto; margin-top:10px;}
    div.business_01 dl.business_layer dd span.block {font-size:4.44vw; line-height:30px; margin-bottom:10px;}
    div.business_body {margin-top:20px;}
    div.business_body h2 {font-size:7vw; padding-left:10px;}
    div.business_body ul li:last-child {background:none;}
    div.business_body ul li:first-child {background:url("../Images/down_arr.png") no-repeat center bottom;}
    div.business_body ul li {float:none; width:100%; background:url("../Images/down_arr.png") no-repeat center bottom; padding-bottom:40px; padding-top:30px;}
    div.business_body ul li p {font-size:6vw;}
    div.question_body {padding:10px; width:100%; margin-top:80px;}
    div.question_body h2 {font-size:8vw;}
    div.question_body p {font-size:5vw; word-break:keep-all; line-height:1.5;}
    div#MainContent {height:auto;}
    div.notice_layer {padding:50px 0;}
    div.notice_layer h2 {font-size:8vw;}
    div.notice_layer ul {margin-top:20px;}
    div.notice_layer ul li dl dt strong {float:none; display:block; width:100%;}
    div.notice_layer ul li dl dt span {float:none; display:block; width:100%; text-align:left; line-height:normal;}
    div.notice_layer ul li dt {padding:20px; line-height:normal;}
    div.notice_layer ul li dt strong {font-size:5vw; margin-bottom:10px;}
    div.notice_layer ul li dt strong a {font-weight:700;}
    div.notice_layer ul li dt span {font-size:4.5vw; opacity:0.8;}
    div.notice_layer ul li dd {font-size:5vw; padding:10px;}
    div.service_body {padding:80px 10px; width:100%; margin-top:80px;}
    div.service_body h2 {font-size:8vw;}
    div.service_body p {font-size:4.5vw; word-break:keep-all; line-height:1.5; margin-bottom:20px;}
    div.service_body button {height:40px !important; font-size:4vw !important; width:130px !important;}
    div.search_layer {margin-top:40px; padding:0 10px;}
    div#DivUnipassLayer div.unipass_body button.close_btn {width:25px; height:25px; background-size:contain;}
    div.list_area ul li {/*background: url(../Images/notice_arr.png) no-repeat 98% 24px; background-size:14px;*/ padding:10px;}
    div.list_area ul li a {font-size:14px;}
    div.list_area ul li a span {font-size:14px; padding-right:16px;}
    div.list_area {padding:0 10px 20px;}
    div.input_area {bottom:80px;}
    div.input_area span {display:block; text-align:center; margin-top:10px;}
    div.input_area select {width:160px;}
    div.input_area input[type="text"] {width:160px;}
    button#InfoBtn {width:160px;}
    div#ProgressInfo div.search_layer {margin-top:20px;}
    div#ProgressInfo div.list_area {margin-top:20px;}
    #ResultText {margin-top:20px; padding:0 10px; font-size:18px; word-break:keep-all;}
    div.shipping_cnts ul li dl dd {word-break:keep-all;}
    .input_type_01 {padding:0 5px;}
    div.swiper-slide.slide01 {background-size:cover;}
    div.swiper-slide.slide02 {background-size:cover;}
    div.swiper-slide.slide03 {background-size:cover;}
    .btn_02 {font-size:14px;}
}