@charset "UTF-8";
/* main */
.main {
    width:100%;
}
.main .sec1 {
    width:100%;
    position:relative;
}
.main .sec1:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    border-right:21vw solid transparent;
    border-top:24.4vw solid #fff;
    z-index:1;
}
.main .sec1:after {
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    border-left:15.46vw solid transparent;
    border-bottom:14.63vw solid #fff;
}
.main .sec1 .main_slider {
    width:100%;
}
.main .sec1 .main_slider li {
    position:relative;
    max-height:814px;
}
.main .sec1 .main_slider li .txt_box {
    width:100%;
    height:100%;
    background:rgba(16,16,51,0.5);
    position:absolute;
    top:0;
    left:0;
}
.main .sec1 .main_slider li .txt_box p {
    display:inline-flex;
    font-size:25px;
    font-weight:400;
    color:#fff;
    padding:18.59vw 0 5px;
    margin-bottom:47px;
    position:relative;
}
.main .sec1 .main_slider li .txt_box p:after {
    content:'';
    width:0;
    height:4px;
    background:#1EBEFF;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec1 .main_slider li.on .txt_box p:after {
    width:100%;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec1 .main_slider li .txt_box h1 {
    font-size:50px;
    font-weight:400;
    line-height:60px;
    color:#fff;
    margin-left:-100px;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec1 .main_slider li.on .txt_box h1 {
    margin-left:0;
    opacity:1;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec1 .main_slider .main_slider_btn {
    width:17px;
    height:27px;
    position:absolute;
    z-index:2;
    top:3.22vw;
}
.main .sec1 .main_slider .main_slider_btn.prev {
    left:4.21vw;
}
.main .sec1 .main_slider .main_slider_btn.next {
    left:6.25vw;
}
.main .sec1 .main_slider .slick-dots {
    position:absolute;
    top:7.55vw;
    left:4.21vw;
    z-index:2;
}
.main .sec1 .main_slider .slick-dots {
	display:flex;
	align-items:center;
}
.main .sec1 .main_slider .slick-dots li {
	width:22px;
	height:22px;
	border-radius:50%;
	background:rgba(67,67,67,0.25);
	margin-right:12px;
	cursor:pointer;
}
.main .sec1 .main_slider .slick-dots li.slick-active {
	background:#fff;
	border:1px solid #262626;
}
.main .sec1 .main_slider .slick-dots li button {
	width:100%;
	height:100%;
	border:0;
	background:none;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	top:-22px;
	font-size:16px;
	font-weight:400;
	color:#434343;
	opacity:0.25;
}
.main .sec1 .main_slider .slick-dots li.slick-active button {
	opacity:1;
}
.main .card_box {
    width:100%;
    position:relative;
    z-index:2;
    margin-top:-130px;
}
.main .card_box .inner {
    width:100%;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
}
.main .card_box .card {
    width:calc(50% - 5px);
    border-radius:5px;
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
    padding:27px 32px;
}
.main .card_box .card1 {
    background:#1EBEFF url('../images/main/card_img.png') no-repeat 19px 82%;
}
.main .card_box .card2 {
    background:#fff;
}
.main .card_box .card h1 {
    font-size:25px;
    font-weight:700;
}
.main .card_box .card1 h1 {
    color:#fff;
    margin-bottom:15px;
}
.main .card_box .card2 h1 {
    color:#262626;
    margin-bottom:10px;
}
.main .card_box .card p {
    font-size:20px;
    font-weight:400;
    line-height:30px;
    color:#fff;
    margin-bottom:8px;
    word-wrap:break-word;
    word-break:keep-all;
}
.main .card_box .card .card_btn {
    width:174px;
    height:60px;
    border-radius:30px;
    border:1px solid #fff;
    display:flex;
    margin-left:auto;
    position:relative;
    overflow:hidden;
}
.main .card_box .card .card_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:400;
    color:#fff;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .card_box .card .card_btn:hover span {
    color:#00ADEC;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .card_box .card .card_btn:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #fff;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .card_box .card .card_btn:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .card_box .card .search_box {
    width:100%;
    display:flex;
    align-items:center;
    position:relative;
    margin-bottom:16px;
}
.main .card_box .card .search_box input[type="text"] {
    width:100%;
    height:50px;
    text-indent:20px;
    font-size:18px;
    border-radius:5px;
    border:1px solid #CBCBCB;
    padding-right:45px;
}
.main .card_box .card .search_box input[type="text"]::placeholder {
    font-size:18px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    opacity:0.5;
    position:relative;
    top:4px;
}
.main .card_box .card .search_box .search_btn {
    width:28px;
    height:32px;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
}
.main .card_box .card .tag_box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.main .card_box .card .tag_box a {
    height:38px;
    display:flex;
    align-items:center;
    border-radius:20px;
    border:1px solid #00ADEC;
    padding:0 18px;
    font-size:18px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#00ADEC;
    margin-bottom:8px;
    margin-right:10px;
}
.main .sec2 {
    width:100%;
    background:url('../images/main/sec2_bg.png') no-repeat top center;
    background-size:cover;
    padding-bottom:218px;
}
.main .sec2 .inner {
    display:flex;
    align-items:center;
    flex-direction:column;
    overflow:hidden;
}
.main .sec2 h1 {
    font-size:45px;
    font-weight:700;
    color:#262626;
    margin:212px 0 20px;
}
.main .sec2 .s_tit {
    font-size:25px;
    font-weight:400;
    color:#262626;
    margin-bottom:63px;
}
.main .sec2 .service_box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.main .sec2 .service_box li {
    width:calc(100% / 7);
    height:326px;
    border:1px solid #D9D9D9;
    background:#fff;
    padding:30px 20px;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
    cursor:pointer;
}
.main .sec2 .service_box li.on {
    width:calc((100% / 7) * 2);
    border:2px solid #1EBEFF;
    padding:30px;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec2 .service_box li .icon_box {
    width:100%;
    display:flex;
    flex-direction:column;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec2 .service_box li .icon_box .icon {
    width:55px;
    height:55px;
    font-size:0;
    background-size:contain;
    margin-bottom:5.98vw;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec2 .service_box li .icon_box .icon01 {
    background-image:url('../images/main/icon01.png');
    background-repeat:no-repeat;
}
.main .sec2 .service_box li .icon_box .icon02 {
    background-image:url('../images/main/icon02.png');
    background-repeat:no-repeat;
}
.main .sec2 .service_box li .icon_box .icon03 {
    background-image:url('../images/main/icon03.png');
    background-repeat:no-repeat;
}
.main .sec2 .service_box li .icon_box .icon04 {
    background-image:url('../images/main/icon04.png');
    background-repeat:no-repeat;
}
.main .sec2 .service_box li .icon_box .icon05 {
    background-image:url('../images/main/icon05.png');
    background-repeat:no-repeat;
}
.main .sec2 .service_box li .icon_box .icon06 {
    background-image:url('../images/main/icon06.png');
    background-repeat:no-repeat;
}
.main .sec2 .service_box li .icon_box .box_num {
    font-size:20px;
    font-weight:800;
    color:#B9B9B9;
    margin-bottom:7px;
}
.main .sec2 .service_box li.on .icon_box {
    flex-direction:row-reverse;
    justify-content:space-between;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec2 .service_box li.on .icon_box .icon {
    margin-bottom:3.69vw;
}
.main .sec2 .service_box li.on .icon_box .icon01 {
    background-image:url('../images/main/icon01_over.png');
}
.main .sec2 .service_box li.on .icon_box .icon02 {
    background-image:url('../images/main/icon02_over.png');
}
.main .sec2 .service_box li.on .icon_box .icon03 {
    background-image:url('../images/main/icon03_over.png');
}
.main .sec2 .service_box li.on .icon_box .icon04 {
    background-image:url('../images/main/icon04_over.png');
}
.main .sec2 .service_box li.on .icon_box .icon05 {
    background-image:url('../images/main/icon05_over.png');
}
.main .sec2 .service_box li.on .icon_box .icon06 {
    background-image:url('../images/main/icon06_over.png');
}
.main .sec2 .service_box li.on .icon_box .box_num {
    color:#1EBEFF;
}
.main .sec2 .service_box li .txt_box {
    width:100%;
}
.main .sec2 .service_box li .txt_box h2 {
    font-size:18px;
    font-weight:400;
    color:#434343;
}
.main .sec2 .service_box li.on .txt_box h2 {
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
}
.main .sec2 .service_box li .txt_box .hover_txt {
    width:14vw;
    font-size:18px;
    font-weight:400;
    line-height:25px;
    color:#434343;
    word-wrap:break-word;
    word-break:keep-all;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec2 .service_box li.on .txt_box .hover_txt {
    opacity:1;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec3 {
    width:100%;
    background:url('../images/main/sec3_bg.png') no-repeat;
    background-size:cover;
    position:relative;
    padding:100px 0;
}
.main .sec3:after {
    content:'';
    width:100%;
    height:100%;
    background:rgba(20,20,39,0.7);
    display:flex;
    position:absolute;
    top:0;
    left:0;
}
.main .sec3 .inner {
    position:relative;
    display:flex;
    align-items:center;
    flex-direction:column;
    z-index:1;
}
.main .sec3 h1 {
    font-size:45px;
    font-weight:700;
    color:#fff;
    margin-bottom:22px;
}
.main .sec3 .s_tit {
    font-size:22px;
    font-weight:400;
    line-height:30px;
    color:#fff;
    text-align:center;
    margin-bottom:82px;
    word-wrap:break-word;
    word-break:keep-all;
}
.main .sec3 .record_box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.main .sec3 .record_box .record_item {
    width:calc((100% - 30px) / 4);
    height:302px;
    padding:32px 24px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:rgba(24,113,129,0.06);
    border:1px solid #fff;
}
.main .sec3 .record_box .record_item.on {
    background:#fff;
}
.main .sec3 .record_box .record_item h2 {
    font-size:20px;
    font-weight:700;
    color:#fff;
}
.main .sec3 .record_box .record_item.on h2 {
    color:#262626;
}
.main .sec3 .record_box .record_item .record_txt {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    font-size:30px;
    font-weight:700;
    color:#fff;
}
.main .sec3 .record_box .record_item.on .record_txt {
    color:#262626;
}
.main .sec3 .record_box .record_item .record_txt span {
    font-size:2.6vw;
    color:#12C0FF;
}
.main .sec3 .record_box .record_item .record_txt span:first-child {
    font-size:3.5vw;
    letter-spacing:-0.03em;
    position:relative;
    top:5px;
}
.main .sec3 .record_box .record_item .record_txt span:last-child {
    margin-right:5px;
}
.main .sec3 .recordData {
	width: 100%;
	margin-top: 19px;
	color: #fff;
	font-size: 17px;
	text-align: right;
}
.main .sec4 {
    width:100%;
    padding:145px 0 112px;
}
.main .sec4 h1 {
    font-size:45px;
    font-weight:700;
    color:#262626;
    margin-bottom:20px;
    margin-left:7.5vw;
}
.main .sec4 .s_tit_box {
    width:100%;
    padding:0 7.5vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:50px;
}
.main .sec4 .s_tit_box .s_tit {
    font-size:25px;
    font-weight:400;
    line-height:35px;
    color:#262626;
}
.main .sec4 .s_tit_box .s_tit span {
    font-weight:700;
}
.main .sec4 .s_tit_box .interview_more {
    width:180px;
    height:62px;
    border-radius:31px;
    border:1px solid #434343;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 26px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    overflow:hidden;
}
.main .sec4 .s_tit_box .interview_more:hover {
	border:1px solid #1EBEFF;
    padding:0 32px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .s_tit_box .interview_more p {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#434343;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.main .sec4 .s_tit_box .interview_more:hover p {
	color:#fff;
    font-weight:700;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .s_tit_box .interview_more img {
    width:22px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .s_tit_box .interview_more img.on {
	display:none;
}
.main .sec4 .s_tit_box .interview_more:hover img.off {
	display:none;
}
.main .sec4 .s_tit_box .interview_more:hover img.on {
	display:flex;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.main .sec4 .s_tit_box .interview_more:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #1EBEFF;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .s_tit_box .interview_more:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .interview_slider_box {
    width:100%;
    position:relative;
    padding-top:4.5vw;
}
.main .sec4 .interview_slider_box .thumb_slide {
    width:100%;
}
.main .sec4 .interview_slider_box .thumb_slide li {
    opacity:0.5;
    border-radius:10px;
    overflow:hidden;
    transform:translateX(100%);
}
.main .sec4 .interview_slider_box .thumb_slide .slick-current {
	display:none !important;
}
.main .sec4 .interview_slider_box .interview_slider {
    width:49.58vw;
    max-width:952px;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
}
.main .sec4 .interview_slider li .img_box {
    width:100%;
    margin-bottom:30px;
    border-radius:20px;
    box-shadow:0 6px 6px rgba(0,0,0,0.16);
    position:relative;
    cursor:pointer;
    overflow:hidden;
}
.main .sec4 .interview_slider li .img_box:before {
    content:'';
    width:100%;
    height:100%;
    border-radius:20px;
    background:rgba(0,0,0,0.5);
    display:flex;
    position:absolute;
    top:0;
    left:0;
}
.main .sec4 .interview_slider li .img_box:after {
    content:'';
    width:92px;
    height:92px;
    background:url('../images/main/play.png') no-repeat;
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .interview_slider li .img_box:hover:after {
    transform:translate(-50%,-50%) rotateY( 360deg );
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec4 .interview_slider li .sub_txt {
    height:44px;
    background:#1EBEFF;
    border-radius:22px;
    display:inline-flex;
    align-items:center;
    font-size:22px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#fff;
    padding:0 22px;
    margin-bottom:20px;
    opacity:1;
}
.main .sec4 .interview_slider li h2 {
    width:100%;
    font-size:34px;
    font-weight:700;
    letter-spacing:-0.02em;
    color:#434343;
    margin-bottom:14px;
}
.main .sec4 .interview_slider li .con_txt {
    width:100%;
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    line-height:32px;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
    margin-bottom:60px;
}
.main .sec4 .interview_slider_box .interview_slider_btn {
    width:77px;
    height:77px;
    position:absolute;
    top:10vw;
    z-index:2;
}
.main .sec4 .interview_slider_box .prev {
    left:0;
    transform:translateX(-50%);
}
.main .sec4 .interview_slider_box .next {
    right:0;
    transform:translateX(50%);
}
.main .sec4 .interview_slider_box .slick-dots {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    font-size:18px;
    font-weight:400;
    color:#262626;
}
.main .sec4 .interview_slider_box .slick-dots li {
    display:none;
}
.main .sec4 .interview_slider_box .slick-dots .slick-active {
    display:flex;
    align-items:flex-end;
    justify-content:center;
}
.main .sec4 .interview_slider_box .slick-dots .now {
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(0,0,0,0.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:700;
    color:#262626;
    margin-right:5px;
    flex-shrink:0;
}
.main .sec5 {
    width:100%;
    background:url('../images/main/sec5_bg.png') center top no-repeat;
    background-size: cover;
    padding:80px 0 110px;
}
.main .sec5 .inner {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.main .sec5 h1 {
    font-size:40px;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:60px;
    color:#fff;
    text-align:center;
    margin-bottom:20px;
}
.main .sec5 .sub_txt {
    font-size:22px;
    line-height:30px;
    color:#fff;
    text-align:center;
    margin-bottom:52px;
    word-wrap:break-word;
    word-break:keep-all;
}
.main .sec5 .more_btn {
    width:180px;
    height:62px;
    padding:0 22px;
    border-radius:31px;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    margin-bottom:64px;
    position:relative;
    overflow:hidden;
}
.main .sec5 .more_btn:hover {
	border:1px solid #434343;
    padding:0 26px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec5 .more_btn p {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.main .sec5 .more_btn:hover p {
	color:#434343;
    font-weight:700;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec5 .more_btn img {
    width:22px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec5 .more_btn img.on {
	display:none;
}
.main .sec5 .more_btn:hover img.off {
	display:none;
}
.main .sec5 .more_btn:hover img.on {
	display:flex;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.main .sec5 .more_btn:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #fff;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec5 .more_btn:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec5 .video_box {
    width:47.81vw;
    max-width:918px;
    margin:0 auto;
    position:relative;
    cursor:pointer;
}
.main .sec5 .video_box:before {
    content:'';
    width:100%;
    height:100%;
    border-radius:20px;
    background:rgba(0,0,0,0.5);
    display:flex;
    position:absolute;
    top:0;
    left:0;
}
.main .sec5 .video_box:after {
    content:'';
    width:92px;
    height:92px;
    background:url('../images/main/play.png') no-repeat;
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec5 .video_box:hover:after {
    transform:translate(-50%,-50%) rotateY( 360deg );
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}

.main .sec6 {
    background:url('../images/main/sec6_bg.png') no-repeat;
    background-size:cover;
    padding:134px 0 108px;
}

.main .sec6 .inner {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
}
.main .sec6 h1 {
    font-size:45px;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#fff;
    margin-bottom:20px;
}
.main .sec6 .s_tit {
    font-size:25px;
    line-height:35px;
    color:#fff;
    letter-spacing:-0.01em;
    margin-bottom:80px;
    word-wrap:break-word;
    word-break:keep-all;
}
.main .sec6 .more_btn {
    width:180px;
    height:62px;
    padding:0 22px;
    border-radius:31px;
    border:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    margin-bottom:64px;
    position:relative;
    overflow:hidden;
}
.main .sec6 .more_btn p {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.main .sec6 .more_btn:hover p {
    color:#434343;
    font-weight:700;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec6 .more_btn img {
    width:22px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec6 .more_btn img.on {
    display:none;
}
.main .sec6 .more_btn:hover img.off {
    display:none;
}
.main .sec6 .more_btn:hover img.on {
    display:flex;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.main .sec6 .more_btn:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #fff;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec6 .more_btn:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.main .sec6 .dispatch_lst {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:space-between;
}

.main .sec6 .dispatch_lst li {
    width: 24.4%;
    height:302px;
    border-radius:20px;
    background:#fff;
    position:relative;
    padding-top:92px;
    display:flex;
    align-items:center;
    flex-direction:column;
}

.main .sec6 .dispatch_lst li img {
    width:99px;
    height:99px;
    position:absolute;
    top:28px;
    right:35px;
}

.main .sec6 .dispatch_lst li .num {
    font-size:24px;
    font-weight:700;
    letter-spacing:-0.03em;
    margin-bottom:29px;
    color:#1EBEFF;
    position:relative;
    z-index:1;
}

.main .sec6 .dispatch_lst li:nth-child(even) .num {
    color:#43439A;
}

.main .sec6 .dispatch_lst li .tit {
    font-size:24px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#262626;
    margin-bottom:18px;
}

.main .sec6 .dispatch_lst li .txt {
    font-size:17px;
    font-weight:400;
    letter-spacing:-0.03em;
    line-height:19px;
    color:#262626;
    text-align:center;
}

/* brand */
.brand {
    width:100%;
}
.brand .sec1 {
    width:100%;
    position:relative;
    padding:204px 0 268px;
}
.brand .sec1:after {
    content:'';
    width:44.79vw;
    height:100%;
    background:#F6F6F6;
    display:flex;
    position:absolute;
    top:0;
    right:0;
}
.brand .sec1 .inner {
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}
.brand .sec1 .txt_box {
    width:calc(100% - 35vw);
    max-width:calc(100% - 744px);
}
.brand .sec1 .txt_box .s_tit {
    font-size:25px;
    font-weight:400;
    color:#7B7B7B;
    margin-bottom:7px;
}
.brand .sec1 .txt_box h1 {
    font-size:56px;
    font-weight:700;
    line-height:64px;
    color:#000;
    margin-bottom:80px;
    position:relative;
    top:100px;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec1 .txt_box h1.on {
    top:0;
    opacity:1;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec1 .txt_box h1 span {
    color:#1EBEFF;
}
.brand .sec1 .txt_box .sub_txt {
    font-size:20px;
    font-weight:400;
    line-height:30px;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
}
.brand .sec1 .txt_box .sub_txt:not(:last-child) {
    margin-bottom:38px;
}
.brand .sec1 .img_box {
    width:34.583vw;
    max-width:664px;
    position:relative;
}
.brand .sec1 .img_box:after {
    content:'';
    width:4.895vw;
    max-width:94px;
    height:25.10vw;
    background:url('../images/brand/brand_txt.png') no-repeat;
    background-size:contain;
    display:block;
    position:absolute;
    top:-130px;
    right:-4.895vw;
}
.brand .sec1 .img_box img {
    margin-left:200px;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec1 .img_box.on img {
    margin-left:0;
    opacity:1;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec2 {
    width:100%;
    background:url('../images/brand/history_bg.png') no-repeat;
    background-size:cover;
    padding:108px 0 125px;
}
.brand .sec2 .s_tit {
    font-size:25px;
    font-weight:400;
    color:#fff;
    margin-bottom:12px;
}
.brand .sec2 h1 {
    font-size:50px;
    font-weight:700;
    color:#fff;
    margin-bottom:8px;
}
.brand .sec2 h1 span {
    color:#1EBEFF;
}
.brand .sec2 .sub_txt {
    font-size:23px;
    font-weight:400;
    color:#fff;
    margin-bottom:40px;
}
.brand .sec2 .scroll_box {
    width:100%;
    padding-bottom:30px;
}
.brand .sec2 .scroll_box ul {
    display:flex;
}
.brand .sec2 .scroll_box ul li {
    width:500px;
    height:800px;
    border:1px solid #fff;
    padding:90px 13px 50px;
    position:relative;
    flex-shrink:0;
}
.brand .sec2 .scroll_box ul li:not(:last-child) {
    margin-right:20px;
}
.brand .sec2 .scroll_box ul li .year {
    font-size:130px;
    font-weight:700;
    color:rgba(255,255,255,0.2);
    position:absolute;
    top:0;
    left:13px;
}
.brand .sec2 .scroll_box ul li .year_item {
    width:100%;
    display:flex;
    align-items:flex-start;
}
.brand .sec2 .scroll_box ul li .year_item .month {
    width:50px;
    font-size:20px;
    font-weight:400;
    line-height:35px;
    color:#fff;
}
.brand .sec2 .scroll_box ul li .year_item .txt {
    width:calc(100% - 50px);
    font-size:20px;
    font-weight:400;
    line-height:35px;
    color:#fff;
}
.brand .sec2 .scroll_box ul li .year_item .win_icon {
    width:16px;
    height:19px;
    background:url('../images/brand/win.png') no-repeat;
    background-size:contain;
    font-size:0;
    margin-right:8px;
    position:relative;
    top:8px;
}
.brand .sec3 {
    width:100%;
    position:relative;
    padding:122px 0 83px;
}
.brand .sec3 .s_tit {
    font-size:25px;
    font-weight:400;
    color:#000;
    margin-bottom:12px;
}
.brand .sec3 h1 {
    font-size:50px;
    font-weight:700;
    color:#262626;
    margin-bottom:8px;
}

.brand .sec3 h1 span {
    font-size:28px;
    font-weight:500;
    letter-spacing:-0.03em;
    color:#D9D9D9;
}

.brand .sec3 .sub_txt {
    font-size:22px;
    font-weight:400;
    color:#262626;
    margin-bottom:88px;
}
.brand .sec3 .tab_box {
    width:100%;
}

.brand .sec3 .tab_box:not(:last-child) {
    margin-bottom:196px;
}

.brand .sec3 .tab_box .tab_box_nav {
    width:100%;
    display:flex;
    align-items:center;
}
.brand .sec3 .tab_box .tab_box_nav li {
    font-size:24px;
    font-weight:400;
    letter-spacing:-0.03em;
    color:#434343;
    padding-bottom:20px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    position:relative;
    cursor:pointer;
}
.brand .sec3 .tab_box .tab_box_nav li:not(:last-child):after {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#434343;
    display:inline-flex;
    margin:0 20px;
    flex-shrink:0;
}
.brand .sec3 .tab_box .tab_box_nav li.on,
.brand .sec3 .tab_box .tab_box_nav li:hover {
    color:#00ADEC;
}
.brand .sec3 .tab_box .tab_box_nav li.on:before,
.brand .sec3 .tab_box .tab_box_nav li:hover:before {
    content:'';
    width:56px;
    height:3px;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-45px);
}
.brand .sec3 .tab_box .tab_box_nav li:last-child.on:before,
.brand .sec3 .tab_box .tab_box_nav li:last-child:hover:before {
    transform:translateX(-50%);
}
.brand .sec3 .tab_box .tab_con {
    width:100%;
    padding:28px 21px;
    background:#fff;
    border:1px solid #D9D9D9;
    display:none;
    position:relative;
    z-index:1;
}
.brand .sec3 .tab_box .tab_con.on {
    display:flex;
}
.brand .sec3 .tab_box .tab_con .map_box {
    width:596px;
    margin-right:40px;
}
.brand .sec3 .tab_box .tab_con .txt_box {
    width:calc(100% - 636px);
    padding-top:32px;
}
.brand .sec3 .tab_box .tab_con .txt_box h2 {
    font-size:30px;
    font-weight:700;
    color:#262626;
    margin-bottom:17px;
    display:flex;
    align-items:center;
}
.brand .sec3 .tab_box .tab_con .txt_box h2:before {
    content:'';
    width:23px;
    height:29px;
    background:url('../images/brand/marker.png') no-repeat;
    background-size:contain;
    display:inline-flex;
    margin-right:12px;
}
.brand .sec3 .tab_box .tab_con .txt_box>p {
    font-size:20px;
    letter-spacing:-0.03em;
    color:#272727;
    display:flex;
    align-items:center;
    margin-bottom:35px;
}
.brand .sec3 .tab_box .tab_con .txt_box>p a {
    color:inherit;
}
.brand .sec3 .tab_box .tab_con .txt_box .tel {
    margin-bottom:15px;
}
.brand .sec3 .tab_box .tab_con .txt_box .tel:before {
    content:'T.';
    display:inline-flex;
    font-size:20px;
    font-weight:700;
    color:#262626;
    margin-right:10px;
}
.brand .sec3 .tab_box .tab_con .txt_box .fax:before {
    content:'F.';
    display:inline-flex;
    font-size:20px;
    font-weight:700;
    color:#262626;
    margin-right:10px;
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn {
    width:140px;
    height:42px;
    padding:0 18px;
    border-radius:31px;
    border:1px solid #434343;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    overflow:hidden;
}

.brand .sec3 .tab_box .tab_con .txt_box .map_btn:hover {
	border:1px solid #1EBEFF;
    padding:0 22px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}

.brand .sec3 .tab_box .tab_con .txt_box .map_btn p {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#434343;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn:hover p {
	color:#fff;
    font-weight:700;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn img {
    width:16px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn img.on {
	display:none;
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn:hover img.off {
	display:none;
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn:hover img.on {
    display:flex;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #1EBEFF;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec3 .tab_box .tab_con .txt_box .map_btn:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}

.brand .sec3_1 {
    width:100%;
    position:relative;
    padding:113px 0 212px;
}
.brand .sec3_1:after {
    content:'';
    width:1569px;
    height:244px;
    background:url('../images/brand/sec3_bg.png') no-repeat;
    background-size:contain;
    position:absolute;
    bottom:0;
    right:0;
}
.brand .sec3_1 .s_tit {
    font-size:25px;
    font-weight:400;
    color:#000;
    margin-bottom:12px;
}
.brand .sec3_1 h1 {
    font-size:50px;
    font-weight:700;
    color:#262626;
    margin-bottom:8px;
}

.brand .sec3_1 h1 span {
    font-size:28px;
    font-weight:500;
    letter-spacing:-0.03em;
    color:#D9D9D9;
}

.brand .sec3_1 .sub_txt {
    font-size:22px;
    font-weight:400;
    color:#262626;
    margin-bottom:88px;
}
.brand .sec3_1 .tab_box {
    width:100%;
}

.brand .sec3_1 .tab_box:not(:last-child) {
    margin-bottom:196px;
}

.brand .sec3_1 .tab_box .tab_box_nav {
    width:100%;
    display:flex;
    align-items:center;
}
.brand .sec3_1 .tab_box .tab_box_nav li {
    font-size:24px;
    font-weight:400;
    letter-spacing:-0.03em;
    color:#434343;
    padding-bottom:20px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    position:relative;
    cursor:pointer;
}
.brand .sec3_1 .tab_box .tab_box_nav li:not(:last-child):after {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    background:#434343;
    display:inline-flex;
    margin:0 20px;
    flex-shrink:0;
}
.brand .sec3_1 .tab_box .tab_box_nav li.on,
.brand .sec3_1 .tab_box .tab_box_nav li:hover {
    color:#00ADEC;
}
.brand .sec3_1 .tab_box .tab_box_nav li.on:before,
.brand .sec3_1 .tab_box .tab_box_nav li:hover:before {
    content:'';
    width:56px;
    height:3px;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-45px);
}
.brand .sec3_1 .tab_box .tab_box_nav li:last-child.on:before,
.brand .sec3_1 .tab_box .tab_box_nav li:last-child:hover:before {
    transform:translateX(-50%);
}
.brand .sec3_1 .tab_box .tab_con {
    width:100%;
    padding:28px;
    background:#fff;
    border:1px solid #D9D9D9;
    display:none;
    position:relative;
    z-index:1;
}
.brand .sec3_1 .tab_box .tab_con.on {
    display:flex;
}
.brand .sec3_1 .tab_box .tab_con .map_box {
    width:596px;
    margin-right:40px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box {
    width:calc(100% - 636px);
    padding-top:32px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box h2 {
    font-size:30px;
    font-weight:700;
    color:#262626;
    margin-bottom:17px;
    display:flex;
    align-items:center;
}
.brand .sec3_1 .tab_box .tab_con .txt_box h2:before {
    content:'';
    width:23px;
    height:29px;
    background:url('../images/brand/marker.png') no-repeat;
    background-size:contain;
    display:inline-flex;
    margin-right:12px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box>p {
    font-size:20px;
    letter-spacing:-0.03em;
    color:#272727;
    display:flex;
    align-items:center;
    margin-bottom:35px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box>p a {
    color:inherit;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .tel {
    margin-bottom:15px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .tel:before {
    content:'T.';
    display:inline-flex;
    font-size:20px;
    font-weight:700;
    color:#262626;
    margin-right:10px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .fax:before {
    content:'F.';
    display:inline-flex;
    font-size:20px;
    font-weight:700;
    color:#262626;
    margin-right:10px;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn {
    width:140px;
    height:42px;
    padding:0 18px;
    border-radius:31px;
    border:1px solid #434343;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    overflow:hidden;
}

.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn:hover {
	border:1px solid #1EBEFF;
    padding:0 22px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}

.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn p {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#434343;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn:hover p {
	color:#fff;
    font-weight:700;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn img {
    width:16px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn img.on {
	display:none;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn:hover img.off {
	display:none;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn:hover img.on {
    display:flex;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
    position:relative;
    z-index:1;
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #1EBEFF;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec3_1 .tab_box .tab_con .txt_box .map_btn:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}

.brand .sec4 {
    width:100%;
    background:url('../images/brand/sec4_bg.png') no-repeat;
    background-size: 100% 100%;
    padding:65px 0 85px;
}
.brand .sec4 .inner {
	position:relative;
}
.brand .sec4 .s_tit {
    font-size:25px;
    font-weight:400;
    color:#fff;
    margin-bottom:12px;
}
.brand .sec4 h1 {
    font-size:50px;
    font-weight:700;
    color:#fff;
    margin-bottom:15px;
}
.brand .sec4 .sub_txt {
    font-size:22px;
    font-weight:400;
    color:#fff;
    margin-bottom:50px;
}
.brand .sec4 .cate_lst {
    width:100%;
    display:flex;
    align-items:center;
    margin-bottom:60px;
}
.brand .sec4 .cate_lst li {
    width:120px;
    height:50px;
    border-radius:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:400;
    letter-spacing:-0.03em;
    color:#fff;
    border:1px solid #fff;
    cursor:pointer;
}
.brand .sec4 .cate_lst li.on {
    border:none;
    background:#fff;
    color:#1EBEFF;
    font-weight:500;
}
.brand .sec4 .cate_lst li:not(:last-child) {
    margin-right:10px;
}
.brand .sec4 .news_slider_box {
    width:100%;
}
/* .brand .sec4 .news_slider_box .news_slider {
    width:100%;
    position:relative;
} */
.brand .sec4 .news_slider_box .news_slider .news_slider_btn {
    width:23px;
    height:22px;
    position:absolute;
    bottom:-50px;
    left:50%;
    transform:translateX(-50%);
}
.brand .sec4 .news_slider_box .news_slider .news_slider_btn.prev {
	margin-left:-33px;
}
.brand .sec4 .news_slider_box .news_slider .news_slider_btn.next {
	margin-left:33px;
}
.brand .sec4 .news_slider_box .news_slider li {
    margin: 0 15px;
    border-radius: 15px;
    overflow: hidden;
}
.brand .sec4 .news_slider_box .news_slider li img {
	width:100%;
	height:232px;
	object-fit:cover;
}
.brand .sec4 .news_slider_box .news_slider li .txt_box {
    width:100%;
    background:#fff;
    padding:18px 25px 40px;
    border-radius:0 0 15px 15px;
}
.brand .sec4 .news_slider_box .news_slider li .txt_box .cate {
	width:100%;
    font-size:16px;
    font-weight:700;
    color:#1EBEFF;
    margin-bottom:8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand .sec4 .news_slider_box .news_slider li .txt_box h2 {
    width:100%;
    font-size:22px;
    font-weight:400;
    color:#262626;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand .sec4 .news_slider_box .news_slider li:hover .txt_box h2 {
    text-decoration:underline;
}
.brand .sec4 .news_more_btn {
    width:162px;
    height:62px;
    display:flex;
    align-items:center;
    position:absolute;
    top:0;
    right:0;
}
.brand .sec4 .news_more_btn:before {
    content:'';
    width:62px;
    height:62px;
    border-radius:50%;
    background:#fff;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec4 .news_more_btn:hover:before {
    width:100%;
    border-radius:31px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec4 .news_more_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 21px;
    font-size:26px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#fff;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec4 .news_more_btn:hover span {
    color:#1EBEFF;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec4 .news_more_btn span img {
    width:20px;
}
.brand .sec5 {
    width:100%;
    padding:120px 0 110px;
}
.brand .sec5 .s_tit {
    font-size:25px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:12px;
}
.brand .sec5 h1 {
    font-size:50px;
    font-weight:700;
    color:#262626;
    margin-bottom:8px;
}
.brand .sec5 .sub_txt {
    font-size:25px;
    font-weight:400;
    line-height:35px;
    color:#262626;
    margin-bottom:88px;
    word-wrap:break-word;
    word-break:keep-all;
}
.brand .sec5 .welfare {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    margin-bottom:55px;
}
.brand .sec5 .welfare li {
    width:calc((100% - 70px) / 6);
    height:190px;
    margin-bottom:30px;
    padding:25px 0;
    border-radius:10px;
    box-shadow:0 0 6px rgba(0,0,0,0.16);
}
.brand .sec5 .welfare li .icon_box {
    width:55px;
    height:55px;
    margin:0 auto 15px;
}
.brand .sec5 .welfare li .tit {
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#434343;
    margin-bottom:10px;
    text-align:center;
}
.brand .sec5 .welfare li .txt {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#434343;
    line-height:22px;
    text-align:center;
}
.brand .sec5 .recruit_s_tit {
    font-size:24px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#1EBEFF;
    margin-bottom:10px;
}
.brand .sec5 .recruit_tit {
    font-size:32px;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#262626;
    margin-bottom:50px;
}
.brand .sec5 .recruit_sort_nav {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    margin-bottom:32px;
}
.brand .sec5 .recruit_sort_nav li {
    font-size:22px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#7B7B7B;
    margin-left:36px;
    cursor:pointer;
}
.brand .sec5 .recruit_sort_nav li.on {
    font-size:26px;
    color:#262626;
    padding-bottom:8px;
    border-bottom:3px solid #262626;
}
.brand .sec5 .recruit_list {
    width:100%;
    border-top:1px solid #262626;
    margin-bottom:77px;
}
.brand .sec5 .recruit_list li {
    width:100%;
    border-bottom:1px solid #B9B9B9;
}
.brand .sec5 .recruit_list li:last-child {
    border-bottom:1px solid #262626;
}
.brand .sec5 .recruit_list li .list_tit_box {
    width:100%;
    height:118px;
    padding:0 40px;
    display:flex;
    align-items:center;
    cursor:pointer;
}
.brand .sec5 .recruit_list li .list_tit_box .info_box {
    width:calc(100% - 20px);
    display:flex;
    align-items:center;
}
.brand .sec5 .recruit_list li .list_tit_box .cate {
    width:100px;
    font-size:21px;
    font-weight:400;
    letter-spacing:0;
    color:#262626;
    margin-right:15px;
}
.brand .sec5 .recruit_list li .list_tit_box .tit {
    width:calc(100% - 575px);
    font-size:21px;
    font-weight:400;
    letter-spacing:0;
    color:#262626;
    margin-right:15px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.brand .sec5 .recruit_list li .list_tit_box .career {
    width:80px;
    font-size:19px;
    font-weight:400;
    letter-spacing:0;
    color:#262626;
    margin-right:50px;
    text-align:center;
}
.brand .sec5 .recruit_list li .list_tit_box .date {
    width:285px;
    font-size:19px;
    font-weight:400;
    letter-spacing:0;
    line-height:21px;
    color:#262626;
    margin-right:30px;
}
.brand .sec5 .recruit_list li .list_tit_box img {
    width:20px;
}
.brand .sec5 .recruit_list li .detail_box {
    width:100%;
    height:0;
    background:#F9F9F9;
    padding:48px 40px 116px;
    border-top:1px solid #D9D9D9;
    display:none;
    align-items:flex-start;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_list li .detail_box.on {
    display:flex;
    height:auto;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_list li .detail_box .date_box {
    width:110px;
    font-size:18px;
    font-weight:400;
    letter-spacing:0;
    line-height:20px;
    color:#707070;
    margin-right:140px;
}
.brand .sec5 .recruit_list li .detail_box .detail_con {
    width:calc(100% - 250px);
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_txt {
    width:100%;
    font-size:20px;
    font-weight:400;
    letter-spacing:0;
    line-height:24px;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
    margin-bottom:44px;
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_txt img {
    width:100%;
    margin:32px 0 44px;
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn {
    width:254px;
    height:60px;
    border-radius:30px;
    border:1px solid #00ADEC;
    display:flex;
    overflow:hidden;
    position:relative;
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:400;
    color:#00ADEC;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn:hover span {
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn:before {
    content:'';
    position:absolute;
    top:0;
    right:-50px;
    bottom:0;
    left:0;
    border-right:50px solid transparent;
    border-top:80px solid #1EBEFF;
    transform:translateX(-100%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_list li .detail_box .detail_con .detail_con_btn:hover:before {
    transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_more_btn {
    width:162px;
    height:62px;
    display:flex;
    align-items:center;
    position:relative;
    margin:0 auto;
}
.brand .sec5 .recruit_more_btn:before {
    content:'';
    width:62px;
    height:62px;
    border-radius:50%;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_more_btn:hover:before {
    width:100%;
    border-radius:31px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_more_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 21px;
    font-size:26px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_more_btn:hover span {
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.brand .sec5 .recruit_more_btn span img {
    width:20px;
}

/* logistics */
.logistics .sec1 {
    width:100%;
    background:url('../images/logistics/sec1_bg.png') no-repeat;
    background-size:cover;
    padding:192px 0 80px;
}
.logistics .sec1 .s_tit {
    font-size:25px;
    font-weight:400;
    color:rgba(255,255,255,0.7);
    margin-bottom:7px;
}
.logistics .sec1 h1 {
    font-size:50px;
    font-weight:700;
    line-height:60px;
    color:#fff;
    opacity:0;
    top:200px;
    position:relative;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec1 h1.on {
    opacity:1;
    top:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec2 {
    width:100%;
    padding:120px 0;
}
.logistics .sec2 .tit_box {
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:120px;
}
.logistics .sec2 .tit_box .tit {
    display:flex;
    flex-direction:column;
}
.logistics .sec2 .tit_box .tit h1 {
    font-size:56px;
    font-weight:700;
    color:#262626;
}
.logistics .sec2 .tit_box .tit .s_tit {
    font-size:30px;
    font-weight:700;
    color:rgba(38,38,38,0.3);
}
.logistics .sec2 .tit_box .sub_txt {
    font-size:20px;
    line-height:30px;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
}
.logistics .sec2 .slide_box {
    width:100%;
    position:relative;
}
.logistics .sec2 .slide_box h2 {
    font-size:25px;
    color:#00ADEC;
    margin-bottom:50px;
}
.logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn {
    width:22px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn.prev {
    left:-40px;
}
.logistics .sec2 .slide_box .fullfillment_slide .process_slider_btn.next {
    right:-40px;
}
.logistics .sec2 .slide_box .fullfillment_slide .process {
    width:100%;
}
.logistics .sec2 .slide_box .fullfillment_slide .process .txt_box {
    width:100%;
}
.logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .num {
    width:27px;
    height:27px;
    border-radius:50%;
    background:#00ADEC;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    color:#fff;
    margin-bottom:16px;
}
.logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_tit {
    font-size:22px;
    color:#262626;
    margin-bottom:16px;
}
.logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_txt {
    font-size:18px;
    line-height:25px;
    color:rgba(38,38,38,0.5);
    word-wrap:break-word;
    word-break:keep-all;
}
.logistics .sec2 .slide_box .fullfillment_slide .process .txt_box .process_txt:before {
    content:'';
    width:2px;
    height:2px;
    border-radius:50%;
    background:rgba(38,38,38,0.5);
    display:inline-flex;
    position:relative;
    top:-5px;
    margin-right:5px;
}
.logistics .sec3 {
    width:100%;
    background:#F9F9F9 url('../images/logistics/sec3_bg.png') no-repeat center top;
    background-size:100%;
    padding:80px 0 130px;
}
.logistics .sec3 .inner {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.logistics .sec3 h1 {
    font-size:50px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
}
.logistics .sec3 .sub_txt {
    font-size:20px;
    line-height:30px;
    color:#fff;
    text-align:center;
    margin-bottom:70px;
}
.logistics .sec3 .solution_box {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    padding:0 27px;
}
.logistics .sec3 .solution_box .items_box {
    width:100%;
    display:flex;
    align-items:stretch;
}
.logistics .sec3 .solution_box .items_box.items2 {
    width:calc((100% - 140px) / 3);
    flex-direction:column;
    justify-content:space-between;
    margin:63px 0;
}
.logistics .sec3 .solution_box .items_box .item {
    width:calc((100% - 140px) / 3);
    border-radius:8px;
    background:#fff;
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
    padding:18px 15px;
    cursor:pointer
}
.logistics .sec3 .solution_box .items_box.items2 .item {
    width:100%;
}
.logistics .sec3 .solution_box .items_box:not(.items2) .item:not(:last-child) {
    margin-right:70px;
}
.logistics .sec3 .solution_box .items_box .item h2 {
    font-size:20px;
    font-weight:700;
    color:#434343;
    margin-bottom:5px;
}
.logistics .sec3 .solution_box .items_box .item .txt {
    font-size:16px;
    line-height:21px;
    color:#434343;
    word-wrap:break-word;
    word-break:keep-all;
}
.logistics .sec3 .solution_box .items_box .item.on {
    background:#4055CB;
}
.logistics .sec3 .solution_box .items_box .item.on h2 {
    color:#fff;
}
.logistics .sec3 .solution_box .items_box .item.on .txt {
    color:#fff;
}
.logistics .sec3 .solution_box .big_box {
    width:calc((((100% - 140px) / 3) * 2) + 70px);
    border-radius:20px;
    background:#fff;
    box-shadow:0 3px 15px rgba(0,0,0,0.2);
    margin:63px 70px 63px 0;
    padding:15px;
}
.logistics .sec3_1 {
    padding:120px 0 60px;
    background:url('../images/logistics/sec3_1_bg.png') center top no-repeat;
    background-size:100%;
}

.logistics .sec3_1 .inner {
    display:flex;
    align-items:center;
    flex-direction:column;
}

.logistics .sec3_1 .tit_box {
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:30px;
}

.logistics .sec3_1 .tit_box .s_tit {
    font-size:25px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:6px;
}

.logistics .sec3_1 .tit_box h1 {
    font-size:40px;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#000;
}

.logistics .sec3_1 .tit_box h1 span {
    color:#1EBEFF;
}

.logistics .sec3_1 .sub_txt {
    font-size:25px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#262626;
    line-height:35px;
    margin-bottom:60px;
    text-align:center;
}

.logistics .sec3_1 .logo_box {
    width:1080px;
}

.logistics .sec3_1 .logo_box:not(:last-child) {
    margin-bottom:20px;
}

.logistics .sec3_1 .logo_box .tit {
    width:270px;
    height:62px;
    border-radius:31px;
    background:#1EBEFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    letter-spacing:-0.02em;
    color:#fff;
    margin:0 auto 20px;
}

.logistics .sec3_1 .logo_box .tit:before {
    content:'';
    display:flex;
    margin-right:10px;
}

.logistics .sec3_1 .logo_box .tit.icon01:before {
    width:30px;
    height:29px;
    background:url('../images/logistics/icon01.png') no-repeat;
}

.logistics .sec3_1 .logo_box .tit.icon02:before {
    width:44px;
    height:28px;
    background:url('../images/logistics/icon02.png') no-repeat;
}

.logistics .sec3_1 .logo_box .tit.icon03:before {
    width:29px;
    height:29px;
    background:url('../images/logistics/icon03.png') no-repeat;
}

.logistics .sec3_1 .logo_box .logo_lst {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
}
.logistics .sec3_1 .logo_box .fbwLogo{
	justify-content: flex-start;
}
.logistics .sec3_1 .logo_box .logo_lst li {
    width:14.2%;
}

.logistics .sec3_1 .logo_box .logo_lst.v2 li {
    width:205px;
}

.logistics .sec3_1 .logo_box .logo_lst.v2 li:not(:last-child) {
    margin-right:30px;
}

.logistics .sec4 {
    width:100%;
    background:url('../images/logistics/sec4_bg.png') center top no-repeat;
    background-size: cover;
    padding:80px 0 110px;
}
.logistics .sec4 .inner {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}
.logistics .sec4 h1 {
    font-size:40px;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:60px;
    color:#fff;
    text-align:center;
    margin-bottom:20px;
}
.logistics .sec4 .sub_txt {
    font-size:22px;
    line-height:30px;
    color:#fff;
    text-align:center;
    margin-bottom:52px;
    word-wrap:break-word;
    word-break:keep-all;
}
.logistics .sec4 .video_box {
    width:47.81vw;
    max-width:918px;
    margin:0 auto;
    position:relative;
    cursor:pointer;
}
.logistics .sec4 .video_box:before {
    content:'';
    width:100%;
    height:100%;
    border-radius:20px;
    background:rgba(0,0,0,0.5);
    display:flex;
    position:absolute;
    top:0;
    left:0;
}
.logistics .sec4 .video_box:after {
    content:'';
    width:92px;
    height:92px;
    background:url('../images/main/play.png') no-repeat;
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec4 .video_box:hover:after {
    transform:translate(-50%,-50%) rotateY( 360deg );
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec5 {
    width:100%;
    background:#FAFAFA;
    padding:100px 0 70px;
}
.logistics .sec5 .s_tit {
    font-size:25px;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:12px;
}
.logistics .sec5 h1 {
    font-size:40px;
    font-weight:700;
    line-height:57px;
    color:#000;
    margin-bottom:20px;
}
.logistics .sec5 h1 span {
    color:#1EBEFF;
}
.logistics .sec5 .sub_txt {
    font-size:20px;
    letter-spacing:-0.02em;
    line-height:30px;
    color:#434343;
    margin-bottom:25px;
    word-wrap:break-word;
    word-break:keep-all;
}
.logistics .sec5 .edu_box {
    width:100%;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
}
.logistics .sec5 .edu_box>img {
    width:731px;
    border-radius:20px;
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.logistics .sec5 .edu_box .edu_lst {
    width:480px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
}
.logistics .sec5 .edu_box .edu_lst li {
    width:100%;
    border-radius:20px;
    background:#fff;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
    padding:18px ;
}
.logistics .sec5 .edu_box .edu_lst li .icon {
    width:35px;
    height:31px;
    display:inline-flex;
    margin-right:10px;
    margin-bottom:15px;
}
.logistics .sec5 .edu_box .edu_lst li .icon img {
    object-fit:contain;
}
.logistics .sec5 .edu_box .edu_lst li h2 {
    font-size:22px;
    font-weight:700;
    color:#262626;
    margin-bottom:15px;
}
.logistics .sec5 .edu_box .edu_lst li .edu_txt {
    width:100%;
    font-size:20px;
    letter-spacing:-0.02em;
    line-height:30px;
    color:#434343;
    word-wrap:break-word;
    word-break:keep-all;
}
.logistics .sec6 {
    width:100%;
    background:-webkit-linear-gradient(left top,#E8F9FF,#AAB6F8); /* for safari 5.1 to 6.0 */
    background:-o-linear-gradient(bottom right,#E8F9FF,#AAB6F8); /* for opera 11.1 to 12.0 */
    background:-moz-linear-gradient(bottom right,#E8F9FF,#AAB6F8); /* for firefox3.6 to 15 */
    background:linear-gradient(bottom right,#E8F9FF,#AAB6F8);
    padding:125px 0;
}
.logistics .sec6 .inner {
    display:flex;
    align-items:stretch;
}
.logistics .sec6 .left_box {
    width:490px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-direction:column;
}
.logistics .sec6 .left_box .tit_box {
    width:100%;
}
.logistics .sec6 .left_box .tit_box h1 {
    font-size:40px;
    font-weight:700;
    letter-spacing:-0.03em;
    line-height:60px;
    color:#000;
    margin-bottom:28px;
    margin-right:62px;
}
.logistics .sec6 .left_box .tit_box h1 span {
    color:#00ADEC;
}
.logistics .sec6 .left_box .tit_box .sub_txt {
    font-size:18px;
    letter-spacing:-0.02em;
    line-height:30px;
    color:#262626;
}
.logistics .sec6 .left_box .wekeepman_more_btn {
    width:162px;
    height:62px;
    display:flex;
    align-items:center;
    position:relative;
    margin:0 auto;
}
.logistics .sec6 .left_box .wekeepman_more_btn:before {
    content:'';
    width:62px;
    height:62px;
    border-radius:50%;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec6 .left_box .wekeepman_more_btn:hover:before {
    width:100%;
    border-radius:31px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec6 .left_box .wekeepman_more_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 21px;
    font-size:26px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec6 .left_box .wekeepman_more_btn:hover span {
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.logistics .sec6 .left_box .wekeepman_more_btn span img {
    width:20px;
}
.logistics .sec6 .wekeepman_box {
    width:calc(100% - 502px);
}
.logistics .sec6 .wekeepman_box .wekeepmans {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
}
.logistics .sec6 .wekeepman_box .wekeepmans li {
    width:calc((100% - 60px) / 3);
    border-radius:17px;
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
    padding:34px 26px 20px;
    margin-bottom:30px;
}
.logistics .sec6 .wekeepman_box .wekeepmans li:nth-child(3n+2) {
    margin-top:-40px;
}
.logistics .sec6 .wekeepman_box .wekeepmans li img {
    margin-bottom:20px;
}
.logistics .sec6 .wekeepman_box .wekeepmans li .center {
    font-size:14px;
    letter-spacing:-0.02em;
    color:#00ADEC;
    margin-bottom:5px;
}
.logistics .sec6 .wekeepman_box .wekeepmans li .name {
    font-size:20px;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:5px;
}
.logistics .sec6 .wekeepman_box .wekeepmans li .rank {
    font-size:14px;
    letter-spacing:-0.02em;
    color:#7B7B7B;
}

/* quality */
.quality .sec1 {
    width:100%;
    background:-webkit-linear-gradient(to bottom,#fff 25%, #F9F9F9 25%); /* for safari 5.1 to 6.0 */
    background:-o-linear-gradient(to bottom,#fff 25%, #F9F9F9 25%); /* for opera 11.1 to 12.0 */
    background:-moz-linear-gradient(to bottom,#fff 25%, #F9F9F9 25%); /* for firefox3.6 to 15 */
    background:linear-gradient(to bottom,#fff 25%, #F9F9F9 25%);
    padding-top:82px;
}
.quality .sec1 h1 {
    font-size:56px;
    font-weight:700;
    color:#262626;
    margin-bottom:20px;
}
.quality .sec1 .sub_txt {
    font-size:25px;
    letter-spacing:-0.02em;
    line-height:34px;
    color:#262626;
    margin-bottom:34px;
    word-wrap:break-word;
    word-break:keep-all;
}
.quality .sec1 .inner>img {
    width:100%;
    margin-bottom:73px;
}
.quality .sec1 .mission_box {
    width:100%;
    display:flex;
    justify-content:space-between;
}
.quality .sec1 .mission_box h2 {
    width:320px;
    font-size:56px;
    font-weight:700;
    color:#262626;
}
.quality .sec1 .mission_box .mission_line {
    width:calc(100% - 440px);
    display:flex;
    flex-direction:column;
    position:relative;
}
.quality .sec1 .mission_box .mission_line:before {
    content:'';
    width:1px;
    height:100%;
    background:#707070;
    display:flex;
    position:absolute;
    top:0;
    left:0;
}
.quality .sec1 .mission_box .mission_line li {
    width:100%;
    padding-left:130px;
    position:relative;
    margin-bottom:33px;
}
.quality .sec1 .mission_box .mission_line li .num {
    width:27px;
    height:27px;
    border-radius:50%;
    background:#00ADEC;
    font-size:15px;
    font-weight:400;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:0;
    left:0;
    transform:translateX(-50%);
}
.quality .sec1 .mission_box .mission_line li img {
    width:auto;
    margin-bottom:40px;
}
.quality .sec1 .mission_box .mission_line li h3 {
    font-size:28px;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:17px;
}
.quality .sec1 .mission_box .mission_line li .mission_txt {
    font-size:20px;
    letter-spacing:-0.02em;
    line-height:23px;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
}
.quality .sec2 {
    width:100%;
    padding:130px 0 80px;
}
.quality .sec2 .inner {
    position:relative;
}
.quality .sec2 .inner:before {
    content:'';
    width:752px;
    height:752px;
    background:url('../images/quality/sec2_bg.png') no-repeat;
    position:absolute;
    top:-130px;
    left:-340px;
    animation:bg_spin 15s linear infinite;
    transform-origin:50% 50%;
}
@keyframes bg_spin {
    100%{
        transform:rotate(360deg);
    }
}
.quality .sec2 h1 {
    font-size:50px;
    font-weight:700;
    color:#262626;
    margin-bottom:10px;
}
.quality .sec2 .sub_txt {
    font-size:22px;
    color:#262626;
    margin-bottom:25px;
}
.quality .sec2 .tab_nav {
    width:202px;
    height:43px;
    border-radius:22px;
    border:1px solid #D9D9D9;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 5px;
    margin-bottom:40px;
}
.quality .sec2 .tab_nav li {
    width:84px;
    height:35px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:rgba(0,0,0,0.5);
    cursor:pointer;
    position:relative;
    z-index:2;
}
.quality .sec2 .tab_nav li.on {
    background:#00ADEC;
    font-weight:700;
    color:#fff;
}
.quality .sec2 .graph_box {
    width:100%;
    height:423px;
    border-bottom:1px solid #7B7B7B;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    position:relative;
    padding:0 114px;
    margin-bottom:127px;
}
.quality .sec2 .graph_box .year_box {
    width:calc((100% - 600px) / 4);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    position:relative;
}
.quality .sec2 .graph_box .year_box .year {
    font-size:22px;
    color:#7B7B7B;
    position:absolute;
    bottom:-32px;
    left:50%;
    transform:translateX(-50%);
}
.quality .sec2 .graph_box .year_box .graph {
    width:calc(50% - 4px);
    height:0;
    border-radius:8px 8px 0 0;
    display:flex;
    background:#EDEDED;
    position:relative;
    flex-shrink:0;
}
.quality .sec2 .graph_box .year_box .on {
    background:#00ADEC;
}
.quality .sec2 .graph_box .year_box .score {
    font-size:22px;
    font-weight:700;
    color:#434343;
    display:none;
    position:absolute;
    top:-32px;
    left:calc(50% - 2px);
    transform:translateX(-50%);
    z-index:1;
}
.quality .sec2 .graph_box .year_box .on .score {
    display:flex;
}
.quality .sec2 .graph_box .year_box .graph_bubble {
    width:252px;
    height:147px;
    border-radius:15px;
    background:-webkit-linear-gradient(left top,#65D3FF,#00ADEC); /* for safari 5.1 to 6.0 */
    background:-o-linear-gradient(bottom right,#65D3FF,#00ADEC); /* for opera 11.1 to 12.0 */
    background:-moz-linear-gradient(bottom right,#65D3FF,#00ADEC); /* for firefox3.6 to 15 */
    background:linear-gradient(bottom right,#65D3FF,#00ADEC);
    display:none;
    flex-direction:column;
    position:absolute;
    z-index:1;
    top:-220px;
    left:50%;
    transform:translateX(-50%);
    padding:17px 18px 35px;
}
.quality .sec2 .graph_box .year_box .graph_bubble:after {
    content:'';
    display:flex;
    border-top:21px solid #32C0F5;
    border-left:19px solid transparent;
    border-right:19px solid transparent;
    border-bottom:none;
    position:absolute;
    bottom:-19px;
    left:50%;
    transform:translateX(-50%);
}
.quality .sec2 .graph_box .year_box .on .graph_bubble {
    display:flex;
}
.quality .sec2 .graph_box .year_box .graph_bubble .txt {
    font-size:22px;
    color:#fff;
}
.quality .sec2 .graph_box .year_box .graph_bubble .score_txt {
    font-size:30px;
    font-weight:700;
    color:#fff;
}
.quality .sec2 .graph_box .year_box .graph_bubble .score_txt span {
    font-size:60px;
    letter-spacing:-0.1em;
    margin-right:7px;
}
.quality .sec2 .bnr_box {
    width:100%;
}
.quality .sec2 .bnr_box .bnr_slide {
    width:100%;
}
.quality .sec2 .bnr_box .bnr_slide li {
    height:106px;
    border:1px solid #707070;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 10px;
}
.quality .sec2 .bnr_box .bnr_slide2 li {
    margin:10px;
    position:relative;
    left:-110px;
}
.quality .sec2 .bnr_box .bnr_slide li img {
    width:auto;
}
.quality .sec3 {
    width:100%;
    background:#F9F9F9;
    padding:138px 0 133px;
}
.quality .sec3 h1 {
    font-size:56px;
    font-weight:700;
    color:#262626;
    margin-bottom:15px;
}
.quality .sec3 h1 span {
    color:#1EBEFF;
}
.quality .sec3 .s_tit {
    font-size:30px;
    font-weight:700;
    color:rgba(38,38,38,0.3);
    margin-bottom:15px;
}
.quality .sec3 .sub_txt {
    font-size:22px;
    line-height:30px;
    color:#262626;
    margin-bottom:70px;
}
.quality .sec3 .interview_lst {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:38px;
}
.quality .sec3 .interview_lst li {
    width:calc(50% - 40px);
    position:relative;
    margin-bottom:60px;
    cursor:pointer;
}
.quality .sec3 .interview_lst li:after {
    content:'';
    width:100%;
    height:100%;
    background:-webkit-linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(0,0,0,0.3)); /* for safari 5.1 to 6.0 */
    background:-o-linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(0,0,0,0.3)); /* for opera 11.1 to 12.0 */
    background:-moz-linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(0,0,0,0.3)); /* for firefox3.6 to 15 */
    background:linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(0,0,0,0.3));
    display:flex;
    position:absolute;
    top:0;
    left:0;
}
.quality .sec3 .interview_lst li:hover:after {
    background:-webkit-linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(30,190,255,0.31), rgba(70,70,165,0.73)); /* for safari 5.1 to 6.0 */
    background:-o-linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(30,190,255,0.31), rgba(70,70,165,0.73)); /* for opera 11.1 to 12.0 */
    background:-moz-linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(30,190,255,0.31), rgba(70,70,165,0.73)); /* for firefox3.6 to 15 */
    background:linear-gradient(to bottom,rgba(38,38,38,0.1), rgba(30,190,255,0.31), rgba(70,70,165,0.73));
}
.quality .sec3 .interview_lst li .company {
    font-size:20px;
    font-weight:700;
    color:#65D3FF;
    position:absolute;
    z-index:1;
    top:19px;
    left:26px;
}
.quality .sec3 .interview_lst li .tit_box {
    position:absolute;
    z-index:1;
    bottom:32px;
    left:26px;
}
.quality .sec3 .interview_lst li .tit_box .tit {
    font-size:29px;
    line-height:40px;
    color:#fff;
    margin-bottom:15px;
}
.quality .sec3 .interview_lst li .tit_box .interview_view {
    height:20px;
    font-size:18px;
    color:#fff;
    display:flex;
    align-items:center;
}
.quality .sec3 .interview_lst li:hover .tit_box .interview_view{
    text-decoration:underline;
}
.quality .sec3 .interview_lst li .tit_box .interview_view:after {
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:#1EBEFF;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:10px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.quality .sec3 .interview_lst li:hover .tit_box .interview_view:after {
    content:'';
    width:20px;
    height:20px;
    background:#1EBEFF url('../images/quality/arrow.png') no-repeat center center;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.quality .sec3 .interview_more_btn {
    width:162px;
    height:62px;
    display:flex;
    align-items:center;
    position:relative;
    margin:0 auto;
}
.quality .sec3 .interview_more_btn:before {
    content:'';
    width:62px;
    height:62px;
    border-radius:50%;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.quality .sec3 .interview_more_btn:hover:before {
    width:100%;
    border-radius:31px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.quality .sec3 .interview_more_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 21px;
    font-size:26px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.quality .sec3 .interview_more_btn:hover span {
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.quality .sec3 .interview_more_btn span img {
    width:20px;
}

/* sales */
.sales .sec1 {
    width: 100%;
    position: relative;
    padding: 204px 0 45px;
}
.sales .sec1 .inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.sales .sec1 .img_box {
    width: 34.583vw;
    max-width: 664px;
    position: relative;
}
.sales .sec1 .img_box img {
    margin-left:200px;
    opacity:0;
    transition:all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.sales .sec1 .img_box.on img {
    margin-left: 0;
    opacity: 1;
    transition: all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.sales .sec1 .img_box img {
    margin-left: 200px;
    opacity: 0;
    transition: all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.sales .sec1 .img_box:after {
	content: '';
    width: 8.4375vw;
    max-width: 162px;
    height: 25.1vw;
    background: url(../images/sales/sales_txt.png) no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: -130px;
    right: -6.82vw;
}
.sales .sec1 .txt_box {
    width: calc(100% - 32vw);
    max-width: calc(100% - 639px);
}
.sales .sec1 .txt_box .s_tit {
    font-size: 25px;
    font-weight: 400;
    color: #7B7B7B;
    margin-bottom: 7px;
}
.sales .sec1 .txt_box h1 {
    font-size: 56px;
    font-weight: 700;
    line-height: 64px;
    color: #000;
    margin-bottom: 80px;
    position: relative;
    top: 100px;
    opacity: 0;
    transition: all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.sales .sec1 .txt_box h1.on {
    top: 0;
    opacity: 1;
    transition: all .75s cubic-bezier(0.64,0.03,0.21,1);
}
.sales .sec1 .txt_box h1 span {
    color: #1EBEFF;
}
.sales .sec1 .txt_box .sub_txt {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #262626;
    word-wrap: break-word;
    word-break: keep-all;
}
.sales .sec1 .txt_box .sub_txt:not(:last-child) {
    margin-bottom: 38px;
}
.sales .sec1:after {
    content: '';
    width: 44.79vw;
    height: 100%;
    background: #F6F6F6;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
}

/* animation */
.rnl {
    animation: rnl 8s alternate infinite;
}
@keyframes rnl {
  0% {
    margin-left:-300px;
  }
  100% {
    margin-left:300px;
  }
}
@-webkit-keyframes rnl {
  0% {
    margin-left:-300px;
  }
  100% {
    margin-left:300px;
  }
}
.sales .sec2 {
	position: relative;
    width: 100%;
    overflow-x: hidden;
    padding: 3px 0 60px;
}
.sales .sec2:after {
    content: '';
    width: 44.79vw;
    height: 100%;
    background: #F6F6F6;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.sales .sec2 .rnl_box {
    width: 1800px;
}
.sales .sec2 .rnl_box {
	width: fit-content;
	display: flex;
	align-items: flex-start;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
}
.sales .sec2 .rnl_box li:not(:last-child) {
    margin-right: 20px;
}
.sales .sec2 .rnl_box li {
    width: 319px;
    height: 234px;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding: 24px 20px;
    background-color: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
}
.sales .sec2 .rnl_box li:nth-child(even) {
    margin-top: 56px;
}
.sales .sec2 .rnl_box li img {
    width: 86px;
    height: 86px;
}
.sales .sec2 .rnl_box li .txt_box .s_txt {
    font-size: 20px;
    letter-spacing: -0.05em;
    line-height: 28px;
    margin-bottom: 5px;
}
.sales .sec2 .rnl_box li .txt_box .txt {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.sales .sec3 {
    width: 100%;
    display: flex;
    align-items: stretch;
}
.sales .sec3 .img_box {
    width: calc(100% - 872px);
}
.sales .sec3 .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sales .sec3 .txt_box {
    width: 872px;
    background: linear-gradient(126deg, #39C2F5 0%, #A2A2FF 100%);
    background-position: bottom right;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 0 96px;
}
.sales .sec3 .txt_box .tit {
    font-size: 40px;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 50px;
    margin-bottom: 15px;
}
.sales .sec3 .txt_box .tit span {
    font-weight: 700;
}
.sales .sec3 .txt_box .txt {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #fff;
    line-height: 40px;
    margin-bottom: 50px;
}
.sales .sec3 .txt_box .btn_bnr {
	width: 196px;
    height: 55px;
    border-radius: 30px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sales .sec3 .txt_box .btn_bnr p {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #1EBEFF;
    margin-right: 12px;
    position: relative;
}
.sales .sec3 .txt_box .btn_bnr img {
    width: 30px;
    height: 30px;
}
.sales .sec4 {
    width: 100%;
    padding: 90px 0 88px;
}
.sales .tit_box {
    width: 100%;
}
.sales .tit_box h2 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    letter-spacing: -0.03em;
    line-height: 50px;
    font-weight: 400;
}
.sales .tit_box h2 span {
    font-weight: 700;
}
.sales .sec4 h2 {
    margin-bottom: 20px;
}
.sales .tit_box p {
    width: 100%;
    text-align: center;
    font-size: 24px;
    letter-spacing: -0.05em;
    line-height: 38px;
}
.sales .sec4 p {
    margin-bottom: 60px;
}
.sales .sec4 .logo_box {
    width: 900px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.sales .sec4 .logo_box li {
    width: 180px;
    height: 120px;
}
.sales .sec5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: 80%;
    max-width: 1170px;
    left: 50%;
    transform: translateX(-50%);
}
.sales .sec5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 80px !important;
}
.sales .sec5 {
    padding: 90px 0;
    background: #E7EAED;
}
.sales .sec5 .tit_box h2 {
    margin-bottom: 55px;
}
.sales .sec5 .scroll_box {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.sales .sec5 .scroll_box .scroll_item {
    display: flex;
    align-items: flex-start;
    padding-top: 12px;
}
.sales .sec5 .scroll_box .scroll_item li {
	flex-shrink: 0;
    -webkit-flex-shrink: 0;
    width: 345px;
    margin-bottom: 42px;
    position: relative;
    background: #fff;
    padding: 24px 20px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    border-radius: 10px;
}
.sales .sec5 .scroll_box .scroll_item li:first-child {
    margin-left: 360px;
}
.sales .sec5 .scroll_box .scroll_item li:nth-child(even) {
    margin-top: 54px;
}
.sales .sec5 .scroll_box .scroll_item li:not(:last-child) {
    margin-right: 20px;
}
.sales .sec5 .scroll_box .scroll_item li .flag {
    width: 45px;
    height: 56px;
    position: absolute;
    top: -12px;
    right: 20px;
    border-radius: 5px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
}
.sales .sec5 .scroll_box .scroll_item li:nth-child(1) .flag {
    background: #F59543;
}
.sales .sec5 .scroll_box .scroll_item li:nth-child(2) .flag {
    background: #F5B243;
}
.sales .sec5 .scroll_box .scroll_item li:nth-child(3) .flag {
    background: #FED26C;
}
.sales .sec5 .scroll_box .scroll_item li:nth-child(4) .flag {
    background: #AA9AFA;
}
.sales .sec5 .scroll_box .scroll_item li:nth-child(5) .flag {
    background: #CABFFF;
}
.sales .sec5 .scroll_box .scroll_item li .client .client_img img {
    width: initial;
}
.sales .sec5 .scroll_box .scroll_item li .flag p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 25px;
}
.sales .sec5 .scroll_box .scroll_item li .flag p span {
    font-size: 20px;
}
.sales .sec5 .scroll_box .scroll_item li .client {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.sales .sec5 .scroll_box .scroll_item li .client .client_img {
    width: 79px;
    height: 79px;
    border-radius: 50%;
    border: 2px solid #E7EAED;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}
.sales .sec5 .scroll_box .scroll_item li .client .client_info .client_name {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #000;
    margin-bottom: 4px;
}
.sales .sec5 .scroll_box .scroll_item li .client .client_info .client_cate {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.5);
}
.sales .sec5 .scroll_box .scroll_item li .notice_con {
    width: 100%;
    height: 104px;
    display: flex;
    align-items: center;
}
.sales .sec5 .scroll_box .scroll_item li .notice_con p {
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    letter-spacing: -0.03em;
    color: rgba(0, 0, 0, 0.87);
    line-height: 20px;
}

.sales .sec6 {
    padding: 118px 0 144px;
}

.sales .sec6 .tit_box h2 {
    margin-bottom: 48px;
}

.sales .sec6 .process_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.sales .sec6 .process_box:before {
    content: "";
    width: 100%;
    height: 1px;
    display: flex;
    background: #C0C5C9;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.sales .sec6 .process_box .process {
    width: 170px;
    height: 276px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 85px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    background: #fff;
    position: relative;
    z-index: 1;
}

.sales .sec6 .process_box .process .img_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sales .sec6 .process_box .process img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.sales .sec6 .process_box .process .tit {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin-bottom: 8px;
}

.sales .sec6 .process_box .process .txt {
    font-size: 17px;
    letter-spacing: -0.03em;
    color: #74777B;
    line-height: 25px;
    text-align: center;
}

.sales .sec6 .process_box .step_lst {
    width: calc(100% - 340px);
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sales .sec6 .process_box .step_lst li {
    width: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 44px;
}

.sales .sec6 .process_box .step_lst li.on {
    padding-top: 32px;
    transition: 0.3s;
}

.sales .sec6 .process_box .step_lst li .top_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sales .sec6 .process_box .step_lst li .top_box .img_box {
    width: 50px;
    height: 50px;
    margin-bottom: 14px;
}

.sales .sec6 .process_box .step_lst li .top_box .img_box .on {
    display: none;
}

.sales .sec6 .process_box .step_lst li.on .top_box .img_box .on {
    display: block;
}

.sales .sec6 .process_box .step_lst li.on .top_box .img_box .off {
    display: none;
}

.sales .sec6 .process_box .step_lst li .top_box .img_box .off {
    display: block;
}

.sales .sec6 .process_box .step_lst li.on .top_box .tit {
    color: #000;
}

.sales .sec6 .process_box .step_lst li .top_box .tit {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #74777B;
}

.sales .sec6 .process_box .step_lst li .arrow {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #74777B;
    overflow: hidden;
    margin: 13px 0 22px;
}

.sales .sec6 .process_box .step_lst li.on .arrow {
    width: 26px;
    height: 26px;
    margin: 15px 0 12px;
    background: #1EBEFF;
    transition: 0.3s;
}

.sales .sec6 .process_box .step_lst li .arrow img {
    width: initial;
    opacity: 0;
}

.sales .sec6 .process_box .step_lst li.on .arrow img {
    opacity: 1;
    transition: 0.75s;
}

.sales .sec6 .process_box .step_lst li .bottom_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sales .sec6 .process_box .step_lst li .bottom_box .tit {
    font-size: 18px;
    letter-spacing: -0.03em;
    color: #74777B;
    margin-bottom: 20px;
}

.sales .sec6 .process_box .step_lst li.on .bottom_box .tit {
    color: #000;
    font-weight: 700;
}
.sales .sec6 .process_box .step_lst li .bottom_box .tit br {
	display: none;
}

.sales .sec6 .process_box .step_lst li .bottom_box .bubble:before {
    content: "";
    width: 0px;
    height: 0px;
    display: flex;
    border-bottom: 10px solid #1EBEFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.sales .sec6 .process_box .step_lst li .bottom_box .bubble {
    width: 166px;
    height: 103px;
    border-radius: 10px;
    font-size: 16px;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #1EBEFF;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    position: relative;
    opacity: 0;
}

.sales .sec6 .process_box .step_lst li.on .bottom_box .bubble {
    opacity: 1;
    transition: 0.75s;
}

.sales .sec7 {
    padding: 90px 0;
    background: rgba(202, 191, 255, 0.16);
}

.sales .sec7 .tit_box h2 {
    margin-bottom: 60px;
}

.sales .sec7 .point_lst {
    width: 940px;
    height: 416px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
}

.sales .sec7 .point_lst li {
    width: 280px;
    transition: 0.75s;
}

.sales .sec7 .point_lst li:last-child .point_box {
    background: #21C688;
}

.sales .sec7 .point_lst li .num {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #6245EF;
    margin-bottom: 6px;
}

.sales .sec7 .point_lst li:last-child .num {
    color: #21C688;
}

.sales .sec7 .point_lst li:first-child .num {
    color: #84C3FF;
}

.sales .sec7 .point_lst li .point_box {
    width: 100%;
    height: 350px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 60px;
    box-shadow: 0 0 6px rgb(0 0 0 / 16%);
    background: #6245EF;
}

.sales .sec7 .point_lst li:first-child .point_box {
    background: #84C3FF;
}

.sales .sec7 .point_lst li.on {
    padding-top: 40px;
    transition: 0.75s;
}

.sales .sec7 .point_lst li .point_box img {
    width: initial;
    margin-bottom: 26px;
}

.sales .sec7 .point_lst li .point_box .txt_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.sales .sec7 .point_lst li .point_box .tit {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    margin-bottom: 7px;
}
.sales .sec7 .point_lst li .point_box .txt {
    font-size: 20px;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 30px;
    text-align: center;
}

.sales .sec8 {
    padding: 113px 0;
}

.sales .sec8 .tit_box p {
	margin-top: 10px;
    margin-bottom: 80px;
}

.sales .sec8 .logo_box {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

.sales .sec8 .logo_box .tit {
    width: 300px;
    height: 35px;
    font-size: 23px;
    letter-spacing: -0.03em;
    color: #00ADEC;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: absolute;
    top: -17.5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.sales .sec8 .logo_box .tit span {
    font-weight: 700;
}

.sales .sec8 .logo_box .logo_lst {
    width: 100%;
    height: 193px;
    border-radius: 98px;
    border: 2px solid #D4D4D4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sales .sec8 .logo_box .logo_lst li {
    width: 143px;
    height: 143px;
    margin: 0 -8.25px;
}


/* purchasing */
.purchasing .sec1 {
    width:100%;
    background:url('../images/purchasing/sec1_bg.png') no-repeat center top;
    padding:450px 0 92px;
}
.purchasing .sec1 h1 {
    font-size:40px;
    font-weight:700;
    color:#000;
    margin-bottom:20px;
}
.purchasing .sec1 .sub_txt {
    font-size:22px;
    line-height:30px;
    color:#262626;
    margin-bottom:65px;
    word-wrap:break-word;
    word-break:keep-all;
}
.purchasing .sec1 .point {
    width:100%;
    display:flex;
    align-items:stretch;
}
.purchasing .sec1 .point li {
    width:25%;
    display:flex;
}
.purchasing .sec1 .point li:not(:last-child):after {
    content:'';
    width:1px;
    height:100%;
    background:#D9D9D9;
    display:flex;
    align-items:center;
}
.purchasing .sec1 .point li .point_box {
    width:calc(100% - 1px);
}
.purchasing .sec1 .point li .point_box .point_item {
    font-size:24px;
    font-weight:700;
    letter-spacing:-0.03em;
    text-align:center;
    color:#43439A;
    margin-bottom:30px;
    padding-top:78px;
    position:relative;
}
.purchasing .sec1 .point li .point_box .point_item:after {
    content:'';
    display:flex;
    position:absolute;
    bottom:0;
    right:50px;
}
.purchasing .sec1 .point li .point_box .point1:after {
    width:85px;
    height:107px;
    background:url('../images/purchasing/point01.png') no-repeat;
}
.purchasing .sec1 .point li .point_box .point2:after {
    width:111px;
    height:96px;
    background:url('../images/purchasing/point02.png') no-repeat;
}
.purchasing .sec1 .point li .point_box .point3:after {
    width:110px;
    height:109px;
    background:url('../images/purchasing/point03.png') no-repeat;
}
.purchasing .sec1 .point li .point_box .point4:after {
    width:125px;
    height:98px;
    background:url('../images/purchasing/point04.png') no-repeat;
}
.purchasing .sec1 .point li:nth-child(odd) .point_box .point_item {
    color:#1EBEFF;
}
.purchasing .sec1 .point li .point_box h2 {
    font-size:21px;
    font-weight:700;
    letter-spacing:-0.03em;
    text-align:center;
    color:#262626;
    margin-bottom:19px;
}
.purchasing .sec1 .point li .point_box .point_txt {
    width:100%;
    font-size:17px;
    font-weight:400;
    letter-spacing:-0.03em;
    line-height:19px;
    text-align:center;
    color:#262626;
    word-wrap:break-word;
    word-break:keep-all;
    padding:0 40px;
}
.purchasing .sec2 {
    background:url('../images/purchasing/sec2_bg.png');
    background-size:cover;
    padding:50px 0;
}
.purchasing .sec2 h1 {
    font-size:24px;
    font-weight:700;
    color:#fff;
    margin-bottom:37px;
}
.purchasing .sec2 .purchasing_type {
    width:100%;
    padding:0 15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.purchasing .sec2 .purchasing_type li {
    width:330px;
    height:330px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-direction:column;
    padding-top:126px;
}
.purchasing .sec2 .purchasing_type li h2 {
    font-size:25px;
    font-weight:700;
    color:#000;
    margin-bottom:24px;
    position:relative;
    z-index:1;
}
.purchasing .sec2 .purchasing_type li:nth-child(2) h2 {
    color:#00ADEC;
}
.purchasing .sec2 .purchasing_type li h2:before {
    content:'';
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:0;
}
.purchasing .sec2 .purchasing_type li:first-child h2:before {
    width:129px;
    height:130px;
    background:url('../images/purchasing/type01.png');
}
.purchasing .sec2 .purchasing_type li:nth-child(2) h2:before {
    width:266px;
    height:40px;
    background:url('../images/purchasing/type02.png');
}
.purchasing .sec2 .purchasing_type li:last-child h2:before {
    width:128px;
    height:128px;
    background:url('../images/purchasing/type03.png');
}
.purchasing .sec2 .purchasing_type li p {
    font-size:18px;
    letter-spacing:-0.03em;
    line-height:20px;
    color:#000;
    text-align:center;
    position:relative;
    z-index:1;
}
.purchasing .sec2 .purchasing_type li p.s_txt {
    font-size:14px;
    line-height:16px;
    margin-top:25px;
}
.purchasing .sec3 {
    background:#F9F9F9;
    padding:64px 0 50px;
}
.purchasing .sec3 h1 {
    font-size:40px;
    font-weight:700;
    color:#262626;
    margin-bottom:47px;
}
.purchasing .sec3 .process {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:space-between;
}
.purchasing .sec3 .process li {
    width:calc((100% - 60px) / 5);
    background:#fff;
    border:1px solid #D9D9D9;
    margin-bottom:15px;
    padding:30px 23px 40px;
    position:relative;
}
.purchasing .sec3 .process li.on {
    border:1px solid #00ADEC;
    box-shadow:0 3px 6px rgba(0,0,0,0.25);
}
.purchasing .sec3 .process li:not(:last-child):after {
    content:'';
    width:29px;
    height:29px;
    border-radius:50%;
    background:#EDEDED url('../images/purchasing/arrow.png') no-repeat center center;
    display:flex;
    position:absolute;
    top:12px;
    right:-23px;
    z-index:1;
}
.purchasing .sec3 .process li.on:not(:last-child):after {
    background:#00ADEC url('../images/purchasing/arrow_hover.png') no-repeat center center;
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.purchasing .sec3 .process li h2 {
    font-size:20px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#434343;
    margin-bottom:14px;
}
.purchasing .sec3 .process li.on h2 {
    color:#00ADEC;
}
.purchasing .sec3 .process li h2:before {
    content:'';
    width:70px;
    height:48px;
    display:flex;
    margin-bottom:35px;
}
.purchasing .sec3 .process li p {
	font-size:18px;
	letter-spacing:-0.03em;
	color:#434343;
	word-wrap:break-word;
	word-break:keep-all;
}
.purchasing .sec3 .process li .icon01:before {
    background:url('../images/purchasing/icon01.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon01:before {
    background:url('../images/purchasing/icon01_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon02:before {
    background:url('../images/purchasing/icon02.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon02:before {
    background:url('../images/purchasing/icon02_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon03:before {
    background:url('../images/purchasing/icon03.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon03:before {
    background:url('../images/purchasing/icon03_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon04:before {
    background:url('../images/purchasing/icon04.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon04:before {
    background:url('../images/purchasing/icon04_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon05:before {
    background:url('../images/purchasing/icon05.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon05:before {
    background:url('../images/purchasing/icon05_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon06:before {
    background:url('../images/purchasing/icon06.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon06:before {
    background:url('../images/purchasing/icon06_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon07:before {
    background:url('../images/purchasing/icon07.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon07:before {
    background:url('../images/purchasing/icon07_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon08:before {
    background:url('../images/purchasing/icon08.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon08:before {
    background:url('../images/purchasing/icon08_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon09:before {
    background:url('../images/purchasing/icon09.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon09:before {
    background:url('../images/purchasing/icon09_hover.png');
    background-size:contain;
}
.purchasing .sec3 .process li .icon10:before {
    background:url('../images/purchasing/icon10.png');
    background-size:contain;
}
.purchasing .sec3 .process li.on .icon10:before {
    background:url('../images/purchasing/icon10_hover.png');
    background-size:contain;
}
.purchasing .sec3 .s_txt {
    font-size:16px;
    letter-spacing:-0.03em;
    color:#7B7B7B;
    text-align:right;
}
.purchasing .sec4 {
    padding:75px 0 87px;
}
.purchasing .sec4 h1 {
    font-size:35px;
    font-weight:700;
    color:#272727;
    margin-bottom:36px;
}
.purchasing .sec4 .land_lst {
    display:flex;
    align-items:center;
}
.purchasing .sec4 .land_lst li {
    font-size:20px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#bbb;
    display:flex;
    align-items:center;
    cursor:pointer;
}
.purchasing .sec4 .land_lst li.on {
    color:#4646A5;
}
.purchasing .sec4 .land_lst li:before {
    content:'';
    width:37px;
    height:27px;
    display:flex;
    margin-right:10px;
}
.purchasing .sec4 .land_lst li:first-child:before {
    background:url('../images/purchasing/chi_icon.png');
}
.purchasing .sec4 .land_lst li.on:first-child:before {
    background:url('../images/purchasing/chi_icon_hover.png');
}
.purchasing .sec4 .land_lst li:nth-child(2):before {
    background:url('../images/purchasing/jap_icon.png');
}
.purchasing .sec4 .land_lst li.on:nth-child(2):before {
    background:url('../images/purchasing/jap_icon_hover.png');
}
.purchasing .sec4 .land_lst li:first-child:after {
    content:'';
    width:1px;
    height:24px;
    background:#D9D9D9;
    display:flex;
    margin:0 18px;
}
.purchasing .sec4 .land_cont {
    width:100%;
    display:none;
    align-items:flex-start;
    justify-content:center;
}
.purchasing .sec4 .land_cont.on {
    display:flex;
}
.purchasing .sec4 .land_cont.jap {
	height:210px;
	align-items:center;
	background:#F7F7F7;
 	margin-top:15px;
}
.purchasing .sec4 .land_cont img {
    width:auto;
}
.purchasing .sec4 .land_cont .info_box {
    width:593px;
    background:#f7f7f7;
    margin-top:15px;
    margin-right:30px;
    padding:29px 33px 40px;
}
.purchasing .sec4 .land_cont .map_box {
	width:calc(100% - 593px);
}
.purchasing .sec4 .land_cont .map_box img {
	width:100%;
}
.purchasing .sec4 .land_cont .info_box h2 {
    font-size:22px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#000;
    display:inline-flex;
    padding-bottom:5px;
    margin-bottom:25px;
    border-bottom:2px solid #4646A5;
}
.purchasing .sec4 .land_cont .info_box .info_item {
    width:100%;
    display:flex;
    align-items:center;
}
.purchasing .sec4 .land_cont .info_box .info_item:not(:last-child) {
    margin-bottom:22px;
}
.purchasing .sec4 .land_cont .info_box .info_item .info_tit {
    font-size:14px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#000;
    margin-right:60px;
    white-space:nowrap;
}
.purchasing .sec4 .land_cont .info_box .info_item .info_txt {
    font-size:14px;
    letter-spacing:-0.03em;
    color:#000;
}
.purchasing .sec5 {
	padding:90px 0 68px;
	background:url('../images/purchasing/sec5_bg.png') no-repeat;
	background-size:cover;
}
.purchasing .sec5 h1 {
	font-size:34px;
	font-weight:700;
	color:#fff;
	margin-bottom:30px;
}
.purchasing .sec5 .precautions {
	width:100%;
}
.purchasing .sec5 .precautions li {
	width:100%;
	padding:0 50px;
	border:1px solid #fff;
	margin-bottom:20px;
	cursor:pointer;
	transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.purchasing .sec5 .precautions li:last-child {
	margin-bottom:50px;
}
.purchasing .sec5 .precautions li img {
	width:auto;
}
.purchasing .sec5 .precautions li.on {
	background:#fff;
	border:2px solid #4646A5;
	transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.purchasing .sec5 .precautions li .tit_box {
	width:100%;
	height:85px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.purchasing .sec5 .precautions li.on .tit_box {
	border-bottom:1px solid #ddd;
}
.purchasing .sec5 .precautions li .tit_box h2 {
	width:calc(100% - 38px);
	font-size:18px;
	letter-spacing:-0.03em;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.purchasing .sec5 .precautions li .tit_box h2 span {
	font-size:25px;
	font-weight:700;
}
.purchasing .sec5 .precautions li.on .tit_box h2 {
	color:#4646A5;
}
.purchasing .sec5 .precautions li.on .tit_box h2 span {
	color:#4646A5;
}
.purchasing .sec5 .precautions li .con_box {
	width:100%;
	padding:20px 30px;
	font-size:16px;
	letter-spacing:-0.03em;
	line-height:24px;
	word-wrap:break-word;
	word-break:keep-all;
	display:none;
}
.purchasing .sec5 .precautions li.on .con_box {
	display:flex;
}
.purchasing .sec5 .btn_box {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.purchasing .sec5 .btn_box a {
	width:216px;
	height:47px;
	border-radius:25px;
	background:#4646A5;
	display:flex;
	align-items:center;
	justify-content:center;
}
.purchasing .sec5 .btn_box a:not(:last-child) {
	margin-right:10px;
}
.purchasing .sec5 .btn_box a p {
	font-size:16px;
	color:#fff;
	display:flex;
	align-items:center;
}
.purchasing .sec5 .btn_box a p:before {
	content:'';
	width:23px;
	height:23px;
	background:url('../images/purchasing/file_icon.png') no-repeat;
	display:flex;
	margin-right:10px;
}

/* recruit modal */
.detail_con_btn_onclick{
	cursor: pointer;
}
.modal_background{
	background-color: #000;
	opacity: 0;
	position: fixed;
    top:0;
    left:0;
	width: 100vw;
	height: 100vh;
	transition: .3s;
    z-index: -1;
}
.modal_wrap{
    background-color: #fff;
    width: 1240px;
    height: 90vh;
    z-index: -1;
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    overflow-x: hidden;
}
.modal_header{
    background-color: #1EBEFF;
    height: 80px;
    width:100%;
    padding: 0 106px;
    display: flex;
    align-items: center;
}
.logo_wrap{
    width: 130px;
}
.logo_wrap>img{
    max-width: 100%;
    max-height: 100%;
}
.modal_title{
    font-size: 30px;
    font-weight: bold;
    color: #262626;
    margin-bottom: 74px;
}
.modal_body{
    padding: 64px 106px;
}

.agreement{
    width: 100%;
    height: 402px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 24px 48px;
    font-size: 16px;
    color: #262626;
    border: 1px solid #8d8d8d;
    resize: none;
    margin-top: 12px;
    word-wrap: break-word;
    word-break: keep-all;
    line-height: 1.8;
}
.checkbox{
    display: block;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.3;
    color: #4d4d4d;
    flex-shrink:0;
}
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox>span {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color:#fff;
    border: 1px solid #CBCBCB;
    box-sizing: border-box;
}
.checkbox>span:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox input:checked ~ span:after {
    display: block;
}
.checkbox span:after {
    left: 6px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #00B2F3;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.section_title{
    margin-top: 82px;
    margin-bottom: 22px;
    color: #00ADEC;
    font-size: 20px;
    font-weight: bold;
}
.section_title>div{
    margin-top: 8px;
    width: 38px;
    height: 4px;
    background-color: #00ADEC;
}
.apply_position{
    color: #262626;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
    word-wrap:break-word;
    word-break:keep-all;
}
.form_row{
    display: flex;
}
.form_row_half{
    display: flex;
    width: 50%;
    justify-content: space-between;
}
.normal_input{
    width: 100%;
    height: 50px;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 14px 20px;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 32px;
}

.recruit_application input::-webkit-input-placeholder {
    color: #B8B8B8;
}

.recruit_application input:-ms-input-placeholder {
    color: #B8B8B8;
}

.recruit_application input::placeholder {
    color: #B8B8B8;
}
.field_wrap{
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-between;
}
.recruit_application label{
    display:block;
    margin-bottom: 10px;
    font-size: 20px;
    color: #262626;
    position: absolute;
}

.field_description{
    color: #707070;
    font-size: 16px;
    position: absolute;
    bottom:-38px;
    left: 0;
    width: max-content;
}
.no_description{
    margin-bottom: 56px;
}
.with_description{
    margin-bottom: 110px;
}
.input_with_btn{
    width: calc(100% - 126px);
    height: 50px;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 14px 20px;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 32px;
}
.form_button{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 110px;
    height: 50px;
    background-color: #1BADEC;
    color: #fff;
    margin-top: 32px;
    border: none;
    border-radius: 5px;
    font-size: 16px;

}
.resume_file, .portfolio_file{
    display: none;
}
.file_upload_instruction{
    color: #707070;
    font-size: 16px;
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    word-wrap:break-word;
    word-break:keep-all;
}
.file_upload_instruction>span:first-child{
    margin-right: 16px;
}
.margin_top_18{
    margin-top: 18px;
}
.form_submit_btn{
    color: #fff;
    background-color: #1BADEC;
    width: 400px;
    height: 50px;
    border:none;
    border-radius: 24px;
    font-size: 18px;
    margin: 118px 0 150px;
    cursor: pointer;
}
.centralize_flex{
    justify-content: center;
    align-items: center;
    display: flex;
}
.modal_footer{
    font-size: 13px;
    color: rgba(0, 0, 0, .6);
    height: 52px;
    width: 100%;
    border-top: 1px solid #D9D9D9;
}
.right_space{
    margin-right: 16px;
}
.flex3{
    flex: 3;
}
.flex1{
    flex: 1;
}
.highlight{
    color: #FF7D0C;
}

/* privacy */
.privacy_title{
    font-size: 40px;
    color:#262626;
    font-weight:bold;
    margin: 48px 0 68px;
}
.privacy_content{
    font-size: 16px;
    color:#262626;
    margin-bottom: 180px;
}
.privacy_content>pre{
    line-height: 2;
    width: 100%;
    font-size: 16px;
    color: #262626;
    margin-top: 12px;
}


/* contact */
.contact .sec{
	background:#F9F9F9;
	padding:130px 0 318px;
}
.contact .sec .s_tit {
	font-size:20px;
	font-weight:700;
	color:#262626;
	text-align:center;
	margin-bottom:19px;
}
.contact .sec h1 {
	font-size:37px;
	font-weight:700;
	color:#262626;
	text-align:center;
	margin-bottom:75px;
}
.contact .sec .contact_lst {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.contact .sec .contact_lst li {
	width:240px;
	height:260px;
	background:#fff;
	border-radius:20px;
	border:1px solid #D9D9D9;
	position:relative;
}
.contact .sec .contact_lst li:hover {
	background:#1EBEFF;
	border:0;
}
.contact .sec .contact_lst li:not(:last-child) {
	margin-right:20px;
}
.contact .sec .contact_lst li a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.contact .sec .contact_lst li a h2 {
	font-size:20px;
	font-weight:500;
    letter-spacing:-0.01em;
	color:#262626;
	display:flex;
	align-items:center;
	flex-direction:column;
	margin-bottom:10px;
}
.contact .sec .contact_lst li:hover a h2 {
	color:#fff;
}
.contact .sec .contact_lst li a .icon_contact:before {
	content:'';
	display:flex;
    margin-bottom:20px;
}
.contact .sec .contact_lst .contact_simple a .icon_contact.simple:before {
    width:76px;
    height:70px;
	background:url('../images/contact/simple_icon.png');
}
.contact .sec .contact_lst .contact_simple:hover a .icon_contact.simple:before {
	background:url('../images/contact/simple_icon_hover.png');
}
.contact .sec .contact_lst .contact_quote a .icon_contact.quote:before {
	width:75px;
	height:74px;
	background:url('../images/contact/quote_icon.png');
}
.contact .sec .contact_lst .contact_quote:hover a .icon_contact.quote:before {
	background:url('../images/contact/quote_icon_hover.png');
}
.contact .sec .contact_lst .contact_dispatch a .icon_contact.dispatch:before {
    width:99px;
    height:73px;
    background:url('../images/contact/dispatch_icon.png');
}
.contact .sec .contact_lst .contact_dispatch:hover a .icon_contact.dispatch:before {
    background:url('../images/contact/dispatch_icon_hover.png');
}
.contact .sec .contact_lst li a p {
	font-size:16px;
	line-height:20px;
    letter-spacing:-0.02em;
	color:rgba(38,38,38,0.5);
	text-align:center;
}
.contact .sec .contact_lst li:hover a p {
	color:#9CDCF7;
}
.detail_page .sec {
    overflow: hidden;
	background:none;
	padding:0;
	padding-bottom:165px;
    position:relative;
}
.detail_page .sec .header_box {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom: -25px;
}
.detail_page .sec .header_box img {
	width:auto;
}
.detail_page .sec .header_box .s_tit {
	text-align:left;
}
.detail_page .sec .header_box .s_tit:after {
	content:'';
	width:38px;
	height:4px;
	background:#262626;
	display:flex;
	margin:18px 0 25px;
}
.detail_page .sec .header_box h1 {
	font-size:40px;
	line-height:50px;
	text-align:left;
	margin-bottom:25px;
}
.detail_page .sec .header_box h1 span {
	color:#1BADEC;
}
.detail_page .sec .header_box .sub_txt {
	font-size:24px;
	line-height:30px;
	color:#262626;
	word-wrap:break-word;
	word-break:keep-all;
}
.detail_page .sec .header_box .sub_txt span {
	color:#1EBEFF;
}
.detail_page .sec .input_box {
	width:100%;
	background:#F9F9F9;
	padding:75px 170px;
	display:none;
}
.detail_page .sec .input_box.simple_input {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}

.detail_page .sec .input_box.dispatch_input {
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:space-between;
    background:#fff;
    padding:0;
}

.detail_page .sec .input_box.quote1 {
	display:flex;
	flex-direction:column;
}
.detail_page .sec .input_box.quote2,
.detail_page .sec .input_box.quote3 {
	flex-wrap:wrap;
	justify-content:space-between;
}
.detail_page .sec .input_box.quote4 {
	height:456px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	text-align:center;
}
.detail_page .sec .input_box .simple_input_item {
	width:calc((100% - 20px) / 3);
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}

.detail_page .sec .input_box .simple_input_item.radio_item {
    width:100%;
    display:flex;
    align-items:center;
}

.detail_page .sec .input_box .simple_input_item.long_item {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.detail_page .sec .input_box .simple_input_item.tit_item {
	width:100%;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom:42px;
}
.detail_page .sec .input_box .simple_input_item.half_item {
	width:calc(50% - 5px);
}
.detail_page .sec .input_box.quote2 .simple_input_item.half_item {
	width:calc(50% - 96px);
}
.detail_page .sec .input_box.quote3 .simple_input_item.half_item {
	width:calc(50% - 13px);
}
.detail_page .sec .quote1 .simple_input_item.half_item {
	display:none;
}
.detail_page .sec .input_box .simple_input_item label {
	width:100%;
	font-size:18px;
	color:#262626;
	margin-bottom:10px;
}
.detail_page .sec .input_box .question label{
	width:auto;
	margin-bottom:0;
}
.detail_page .sec .input_box .simple_input_item.tit_item label {
	font-size:16px;
	margin-right:10px;
	width:auto;
	margin-bottom:0;
}
.detail_page .sec .input_box input[type="text"],
.detail_page .sec .input_box input[type="tel"],
.detail_page .sec .input_box input[type="number"],
.detail_page .sec .input_box input[type="password"]{
	width:100%;
	height:50px;
	border-radius:5px;
	border:1px solid #CBCBCB;
	text-indent:10px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #262626;
}

.detail_page .sec .input_box input[type="text"]:read-only,
.detail_page .sec .input_box input[type="number"]:read-only,
.detail_page .sec .input_box input[type="password"]:read-only {
    background: #ffffff !important;
    color: inherit;
}

.detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"],
.detail_page .sec .input_box .radio input[type="radio"] {
    display:none;
}

.detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]+label,
.detail_page .sec .input_box .radio input[type="radio"]+label {
    width:auto;
    font-size:18px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#000;
    margin-bottom:0;
    display:flex;
    align-items:center;
}

.detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]+label:not(:last-of-type),
.detail_page .sec .input_box .radio input[type="radio"]+label:not(:last-of-type) {
    margin-right:65px;
}

.detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]+label:before,
.detail_page .sec .input_box .radio input[type="checkbox"]+label:before,
.detail_page .sec .input_box .radio input[type="radio"]+label:before {
    content:'';
    width:30px;
    height:30px;
    border:1px solid #D9D9D9;
    background:#fff;
    display:flex;
    margin-right:10px;
}

.detail_page .sec .input_box .simple_input_item.radio_item input[type="radio"]:checked+label:before,
.detail_page .sec .input_box .radio input[type="checkbox"]:checked+label:before,
.detail_page .sec .input_box .radio input[type="radio"]:checked+label:before {
    background:#fff url('../images/check.png') no-repeat;
    background-size: contain;
    background-position: center;
}


.detail_page .sec .input_box .simple_input_item.tit_item .mini_input {
	width:140px;
}
.detail_page .sec .input_box .simple_input_item.tit_item .s_input {
	width:205px;
}
.detail_page .sec .input_box .simple_input_item.tit_item .s_input::placeholder,
.detail_page .sec .input_box .simple_input_item.tit_item .mini_input::placeholder {
	font-size:16px;
	color:rgba(38,38,38,0.5);
	text-align:right;
	padding-right:10px;
}
.detail_page .sec .input_box .simple_input_item.tit_item .mini_input:not(:last-child) {
	margin-right:18px;
}
.detail_page .sec .input_box .simple_input_item.tit_item h3 {
	width:100%;
	font-size:18px;
	color:#262626;
	margin-bottom:11px;
}
.detail_page .sec .input_box .simple_input_item.tit_item h3 span {
	font-size:15px;
	color:#00ADEC;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"],
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"] {
	display:none;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"]+label,
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label {
	width:170px;
	height:50px;
	border-radius:10px;
	border:1px solid #B9B9B9;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	color:#B9B9B9;
	margin-right:0;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage {
	height:170px;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage p {
	font-size:17px;
	color:#B9B9B9;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage p:before {
	content:'';
	width:76px;
	height:64px;
	display:flex;
	align-items:center;
	margin-bottom:21px;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage1 p:before {
	background:url('../images/contact/step2_icon1.png');
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]:checked+label.storage1 p:before {
	background:url('../images/contact/step2_icon1_hover.png');
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage2 p:before {
	background:url('../images/contact/step2_icon2.png') no-repeat;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]:checked+label.storage2 p:before {
	background:url('../images/contact/step2_icon2_hover.png') no-repeat;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label.storage3 p:before {
	background:url('../images/contact/step2_icon3.png');
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]:checked+label.storage3 p:before {
	background:url('../images/contact/step2_icon3_hover.png');
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"]+label:not(:last-child),
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]+label:not(:last-child) {
	margin-right:14px;
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="radio"]:checked+label,
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]:checked+label {
	border:2px solid #1BADEC;
	color:#1BADEC;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.detail_page .sec .input_box .simple_input_item.tit_item input[type="checkbox"]:checked+label.storage p {
	color:#1BADEC;
}
.detail_page .sec .input_box .simple_input_item.overseas input[type="checkbox"]+label {
	width:calc((100% - 65px) / 6);
}
.detail_page .sec .input_box .simple_input_item.overseas input[type="checkbox"]+label:not(:last-child) {
	margin-right:13px;
}
.detail_page .sec .input_box .email_box input[type="text"]{
	width:calc((100% - 45px) / 3);
}

.detail_page .sec .input_box .email_box label {
    width: 100%;
}

.detail_page .sec .input_box .email_box .info_txt {
    width: 100%;
    font-size:16px;
    font-weight:400;
    color:#262626;
    letter-spacing:-0.02em;
    text-align: left;
    margin-top: 10px;
}
.detail_page .sec .input_box .email_box span {
	width:20px;
	font-size:18px;
	color:#262626;
}
.detail_page .sec .input_box select {
	width:100%;
	height:50px;
	border-radius:5px;
	border:1px solid #CBCBCB;
	text-indent:10px;
	background-color:#fff;
}
.detail_page .sec .input_box .email_box select {
	width:calc((100% - 45px) / 3);
}
.detail_page .sec .input_box .question select {
	width:600px;
	background-position-x:96%;
}
.detail_page .sec .input_box textarea {
	width:100%;
	height:290px;
	border-radius:5px;
	border:1px solid #CBCBCB;
	background:#fff;
	padding:28px 23px;
    font-family: inherit;
}
.detail_page .sec .input_box textarea::placeholder {
	font-size:18px;
	line-height:20px;
	color:rgba(38,38,38,0.5);
}
.detail_page .sec .quote2 textarea {
	height:138px;
	border-radius:10px;
}
.detail_page .sec .input_box h2 {
	width:100%;
	font-size:25px;
	font-weight:700;
	color:#262626;
	margin-bottom:12px;
}
.detail_page .sec .input_box h2 .step {
	color:#1BADEC;
}
.detail_page .sec .input_box h2 .s_txt {
	font-size:16px;
	font-weight:300;
	color:rgba(38,38,38,0.5);
}
.detail_page .sec .input_box>p {
	width:100%;
	font-size:20px;
	color:#262626;
}
.detail_page .sec .quote1>p {
	margin-bottom:44px;
}
.detail_page .sec .quote2>p {
	margin-bottom:56px;
}
.detail_page .sec .quote3>p {
	margin-bottom:66px;
}
.detail_page .sec .quote1 .product_box {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
}
.detail_page .sec .quote1 .product_box input[type="checkbox"] {
	display:none;
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label {
	width:calc((100% - 56px) / 5);
	height:170px;
	border-radius:10px;
	border:1px solid #B9B9B9;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:14px;
	cursor:pointer;
	position:relative;
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label p {
	font-size:17px;
	color:#262626;
	display:flex;
	align-items:center;
	flex-direction:column;
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label p:before {
	content:'';
	width:72px;
	height:60px;
	display:flex;
	margin-bottom:20px;
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item01:before {
	background:url('../images/contact/step1_item01.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item01:before {
	background:url('../images/contact/step1_item01_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item02:before {
	background:url('../images/contact/step1_item02.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item02:before {
	background:url('../images/contact/step1_item02_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item03:before {
	background:url('../images/contact/step1_item03.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item03:before {
	background:url('../images/contact/step1_item03_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item04:before {
	background:url('../images/contact/step1_item04.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item04:before {
	background:url('../images/contact/step1_item04_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item05:before {
	background:url('../images/contact/step1_item05.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item05:before {
	background:url('../images/contact/step1_item05_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item06:before {
	background:url('../images/contact/step1_item06.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item06:before {
	background:url('../images/contact/step1_item06_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item07:before {
	background:url('../images/contact/step1_item07.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item07:before {
	background:url('../images/contact/step1_item07_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item08:before {
	background:url('../images/contact/step1_item08.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item08:before {
	background:url('../images/contact/step1_item08_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item09:before {
	background:url('../images/contact/step1_item09.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item09:before {
	background:url('../images/contact/step1_item09_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]+label .item10:before {
	background:url('../images/contact/step1_item10.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label .item10:before {
	background:url('../images/contact/step1_item10_hover.png');
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label {
	border:2px solid #1BADEC;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.detail_page .sec .quote1 .product_box input[type="checkbox"]:checked+label:after {
	content:'';
	width:24px;
	height:24px;
	border-radius:50%;
	display:flex;
	background:#1BADEC url('../images/contact/chk.png') no-repeat center center;
	position:absolute;
	top:13px;
	right:13px;
}
.detail_page .sec .quote4 .ok_txt {
	font-size:37px;
	font-weight:700;
	color:#262626;
	margin-bottom:15px;
}
.detail_page .sec .quote4 .ok_txt:before {
	content:'';
	width:72px;
	height:72px;
	background:url('../images/contact/end_icon.png');
	display:flex;
	margin:0 auto 27px;
}
.detail_page .sec .quote4 .ok_s_txt {
	font-size:20px;
	color:#262626;
}
.detail_page .sec .btns_box {
	width:100%;
	display:none;
}
.detail_page .sec .simple_btns {
	display:flex;
	align-items:center;
	flex-direction:column;
	padding-top:45px;
}

.detail_page .sec .double_chk {
    display:flex;
    align-items:center;
}

.detail_page .sec .btns_box .chk_box {
	display:flex;
	align-items:center;
	margin-bottom:34px;
}

.detail_page .sec .btns_box .chk_box:not(:last-child) {
    margin-right:60px;
}

.detail_page .sec .btns_box .chk_box label {
	font-size:16px;
	color:rgba(0,0,0,0.87);
	margin-right:110px;
}
.detail_page .sec .btns_box .chk_box a {
	width:92px;
	height:41px;
	border-radius:25px;
	border:1px solid #000;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	font-weight: 400;
	color:rgba(0,0,0,0.6);
}
.detail_page .sec .btns_box .btn_submit {
	width:309px;
	height:62px;
	border-radius:31px;
	border:1px solid #1EBEFF;
	overflow:hidden;
	position:relative;
}
.detail_page .sec .btns_box .btn_submit:before {
	content:'';
	position:absolute;
	top:0;
	right:-50px;
	bottom:0;
	left:0;
	border-right:50px solid transparent;
	border-top:80px solid #1EBEFF;
	transform:translateX(-100%);
	transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_submit.on:before,
.detail_page .sec .btns_box .btn_submit:hover:before {
	transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_submit span {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#1EBEFF;
	position:absolute;
    top:0;
    left:0;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_submit.on span,
.detail_page .sec .btns_box .btn_submit:hover span {
	color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_back {
	width:167px;
	height:62px;
	border-radius:31px;
	border:1px solid #1EBEFF;
	overflow:hidden;
	position:relative;
}
.detail_page .sec .btns_box .btn_back:before {
	content:'';
	position:absolute;
	top:0;
	right:-50px;
	bottom:0;
	left:0;
	border-right:50px solid transparent;
	border-top:80px solid #1EBEFF;
	transform:translateX(-100%);
	transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_back:hover:before {
	transform:translateX(0);
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_back span {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#1EBEFF;
	position:absolute;
    top:0;
    left:0;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .btns_box .btn_back:hover span {
	color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.detail_page .sec .quote1_btns {
	display:flex;
	align-items:center;
	padding-top:30px;
}
.detail_page .sec .quote2_btns {
	align-items:center;
	padding-top:79px;
}
.detail_page .sec .quote3_btns {
	align-items:center;
	flex-wrap:wrap;
	padding-top:49px;
    flex-direction:column;
}
.detail_page .sec .quote4_btns {
	align-items:center;
	justify-content:center;
	padding-top:41px;
}
.detail_page .sec .btns_box .pageing {
	width:calc(100% - 309px);
	font-size:20px;
	color:#262626;
	text-align:center;
	padding-left:309px;
}
.detail_page .sec .btns_box .pageing span {
	font-weight:700;
	color:#1BADEC;
}
.detail_page .sec .quote2_btns .pageing {
	width:calc(100% - 476px);
	padding-left:142px;
}
.detail_page .sec .quote3_btns .chk_box {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:63px;
}
.detail_page .sec .quote3_btns .btns {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}
.detail_page .sec .quote3_btns .btns p {
	width:100%;
	font-size:16px;
	letter-spacing:-0.03em;
	color:#000;
	text-align:center;
	margin-bottom:20px;
}
.detail_page .sec .quote3_btns .btns a:not(:last-child) {
	margin-right:16px;
}

.detail_page .sec .input_box.dispatch_input>div {
    width:calc((100% - 30px) / 2);
    height:930px;
}

.detail_page .sec .input_box.dispatch_input .info_input .info_box {
    max-height:calc(100% - 82px);
    /*overflow-y:auto;*/
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:28px;
    /*padding-right: 10px;*/
}

.detail_page .sec .input_box.dispatch_input .info_input .info_box .mCustomScrollBox {
    width: 100%;
    /*padding-right: 10px;*/
}

.detail_page .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.detail_page .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: -20px;
}

.detail_page .sec .input_box.dispatch_input .info_input .info_box .mCSB_container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detail_page .sec .input_box.dispatch_input .label {
    width:100%;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:8px;
    text-align: left;
    display: flex;
}

.detail_page .sec .input_box.dispatch_input .accr_box {
    width:100%;
    border-radius:5px;
    border:1px solid #CBCBCB;
    position:relative;
    padding:0 16px;
}

.detail_page .sec .input_box.dispatch_input .accr_box.on {
    border: 1px solid #00ADEC;
}

.detail_page .sec .input_box.dispatch_input .accr_box:not(:last-child) {
    margin-bottom:15px;
}

.detail_page .sec .input_box.dispatch_input .accr_box:after {
    content:'';
    width:20px;
    height:12px;
    background:url('../images/contact/down.png') no-repeat;
    display:flex;
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-50%);
}

.detail_page .sec .input_box.dispatch_input .accr_box.on:after {
    background:url('../images/contact/up.png') no-repeat;
    top:20px;
    transform:translateY(0);
}

.detail_page .sec .input_box.dispatch_input .accr_box .tit {
    padding-right: 25px;
    width: 100%;
    height:52px;
    line-height: 52px;
    /*display:flex;
    align-items:center;*/
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#ddd;
    cursor:pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail_page .sec .input_box.dispatch_input .alert {
    text-align: center;
}

.detail_page .sec .input_box.dispatch_input .accr_box.on .tit {
    border-bottom:1px solid #CBCBCB;
    margin-bottom:18px;
}

.detail_page .sec .input_box.dispatch_input .accr_box .tit.bk {
    color:#262626;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box {
    display:none;
}

.detail_page .sec .input_box.dispatch_input .accr_box.on .open_box {
    width:100%;
    display:flex;
    align-items: flex-end;
    justify-content:space-between;
    flex-wrap:wrap;
}

.detail_page .sec .input_box.dispatch_input .accr_box .transit_box {
    display: none;
}

.detail_page .sec .input_box.dispatch_input .accr_box.on .transit_box {
    display: flex;
}

.detail_page .sec .input_box.dispatch_input .accr_box .transit_box:not(:last-child) {
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item {
    margin-bottom:18px;
    position:relative;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.long_half {
    width:100%;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio {
    width:100%;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-top: 0;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.long_third {
	width: 100%;
	display: flex;
	align-items: flex-end;
}
                              
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item .at {
	display: flex;
	align-self: center;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.half {
    width:calc(50% - 5px);
}
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item .triple {
    width:calc(30% - 5px);
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.third {
    width:calc(33.3% - 5px);
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst {
    width:100%;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item label {
    width:100%;
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:5px;
    padding-left: 0;
    cursor: inherit;
    display: flex;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item .warn {
    color: #FF392D;
    display: block;
    margin-top: 10px;
}

/* datePicker input */
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item input.datePick {
	background: url(../images/contact/icon_calendar.png) no-repeat 100% 50% !important;
    padding-right: 20px;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
    opacity: 1;
}
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item input[type="text"].datePick:disabled {
    color : #CBCBCB !important;
    -webkit-text-fill-color: #CBCBCB !important;
    opacity: 1 !important;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item input,
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item select {
    height:48px;
    border:none;
    border-bottom:1px solid #CBCBCB;
    border-radius:0;
    text-indent:0;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item input.addr_input {
    padding-right: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item select {
    background:url('../images/contact/down.png') no-repeat 100% 50%;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item input::placeholder {
    color:#ddd;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item .btn_post {
    width:80px;
    height:36px;
    border-radius:5px;
    border:1px solid #666;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.01em;
    position:absolute;
    bottom:6px;
    right:0;
    line-height:36px;
    color: #262626;
    text-decoration: none;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item .btn_post:hover {
    text-decoration: none;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=checkbox],
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=radio] {
    display:none;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=checkbox] + label,
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=radio] + label {
    width:auto;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#000;
    display:flex;
    align-items:center;
    margin-bottom: 0;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=checkbox] + label.middle,
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=radio] + label.middle {
    align-self: center;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=checkbox] + label:before,
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=radio] + label:before {
    width:24px;
    height:24px;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.radio input[type=text] {
    width:calc(100% - 100px);
    margin-left:auto;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .btn_reset {
    width:80px;
    height:36px;
    border-radius:5px;
    border:1px solid #666;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#666;
    margin-left:auto;
    margin-bottom:23px;
    line-height:36px;
    background: #fff !important;
}
.input_item.infoSize {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.input_item.infoSize > span {
    display: flex;
    align-items: center;
}
.input_item.infoSize > span p {
	margin: 0 4px;
}
.input_item.infoSize > span:nth-child(2) {
    width: calc(100% - 160px);
}
.input_item.infoSize > span:nth-child(3) {
	width: 160px;
}
.detail_page .sec .input_box.dispatch_input .accr_box .open_box .btn_reset.v2 {
    margin-left: 10px;
}

.detail_page .sec .input_box.dispatch_input .half_box {
    width:calc(50% - 10px);
    margin-bottom:22px;
}

.detail_page .sec .input_box.dispatch_input .price_box {
    width:100%;
    position:relative;
    margin-bottom:15px;
}

.detail_page .sec .input_box.dispatch_input .half_box input[type=text]::placeholder {
    color:#ddd;
}

.detail_page .sec .input_box.dispatch_input .price_box .label {
    font-size:24px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:7px;
    align-items: flex-end;
}

.detail_page .sec .input_box.dispatch_input .price_box .label span {
    font-size:16px;
}

.detail_page .sec .input_box.dispatch_input .price_box .btn_addprice {
    width:80px;
    height:36px;
    border-radius:5px;
    border:1px solid #666;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#666;
    position:absolute;
    top:-10px;
    right:0;
}

.detail_page .sec .input_box.dispatch_input .price_box input[type=text] {
    height:80px;
    font-size:30px;
    font-weight:700;
    letter-spacing:-0.02em;
    color:#1EBEFF;
    line-height:80px;
}

.detail_page .sec .input_box.dispatch_input .price_box input[type=text]::placeholder {
    font-size:18px;
    font-weight:400;
    color:#ddd;
    line-height:80px;
}

.detail_page .sec .input_box.dispatch_input .btn_add {
    width:100px;
    height:40px;
    border-radius:5px;
    border:1px solid #00ADEC;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#00ADEC;
    margin-left:auto;
    margin-bottom:16px;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst ul {
    width:100%;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst ul li {
    width:calc((100% - 45px) / 4);
    height:136px;
    margin-bottom:15px;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst ul li:not(:nth-child(4n)) {
    margin-right:15px;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio] {
    display:none;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio]+label {
    width:100%;
    height:100%;
    border-radius:10px;
    border:1px solid #ddd;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#202020;
    cursor:pointer;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio]+label:before {
    content:'';
    width:100px;
    height:70px;
    margin-bottom:17px;
    display:flex;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio]:checked+label {
    border:2px solid #1EBEFF;
    color:#1EBEFF;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car01+label:before {
    background:url('../images/contact/icon_car01_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car01:checked+label:before {
    background:url('../images/contact/icon_car01_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car02+label:before {
    background:url('../images/contact/icon_car02_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car02:checked+label:before {
    background:url('../images/contact/icon_car02_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car03+label:before {
    background:url('../images/contact/icon_car03_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car03:checked+label:before {
    background:url('../images/contact/icon_car03_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car04+label:before {
    background:url('../images/contact/icon_car04_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car04:checked+label:before {
    background:url('../images/contact/icon_car04_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car05+label:before {
    background:url('../images/contact/icon_car05_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car05:checked+label:before {
    background:url('../images/contact/icon_car05_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car06+label:before {
    background:url('../images/contact/icon_car06_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car06:checked+label:before {
    background:url('../images/contact/icon_car06_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car07+label:before {
    background:url('../images/contact/icon_car07_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car07:checked+label:before {
    background:url('../images/contact/icon_car07_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car08+label:before {
    background:url('../images/contact/icon_car08_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car08:checked+label:before {
    background:url('../images/contact/icon_car08_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car09+label:before {
    background:url('../images/contact/icon_car09_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car09:checked+label:before {
    background:url('../images/contact/icon_car09_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car10+label:before {
    background:url('../images/contact/icon_car10_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car10:checked+label:before {
    background:url('../images/contact/icon_car10_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car11+label:before {
    background:url('../images/contact/icon_car11_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car11:checked+label:before {
    background:url('../images/contact/icon_car11_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car12+label:before {
    background:url('../images/contact/icon_car12_off.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .accr_box .open_box .input_item.img_lst input[type=radio].car12:checked+label:before {
    background:url('../images/contact/icon_car12_on.png') center no-repeat;
}

.detail_page .sec .input_box.dispatch_input .btn_card {
    width:120px;
    height:40px;
    border-radius:5px;
    border:1px solid #00ADEC;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#00ADEC;
    margin-bottom:16px;
}

.detail_page .sec .input_box.dispatch_input .card_box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:24px;
}

.detail_page .sec .input_box.dispatch_input .card_box img {
    width:34px;
    margin-right:7px;
}

.detail_page .sec .input_box.dispatch_input .card_box p {
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
}

.detail_page .sec .input_box.dispatch_input .chk_box {
    width:100%;
    display:flex;
    align-items:center;
}

.detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox] {
    display:none;
}

.detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox]+label {
    display:flex;
    align-items:center;
}

.detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox]+label:before {
    content:'';
    width:30px;
    height:30px;
    border:1px solid #D9D9D9;
    margin-right:14px;
    display:flex;
}

.detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox]:checked+label:before {
    background:url('../images/check.png') no-repeat;
    background-size:80%;
    background-position:center;
}

.detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox]+label p {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    line-height:18px;
    word-break: keep-all;
}

.detail_page .sec .input_box.dispatch_input .chk_box input[type=checkbox]+label p span {
    font-weight:500;
    text-decoration:underline;
}

.detail_page .sec .input_box.dispatch_input .btn_submit {
    width:100%;
    height:62px;
    border-radius:31px;
    background:#1EBEFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
}

.detail_page .sec .input_box.dispatch_input .btn_submit.gray {
    background:#ddd;
    cursor:inherit;
}

.detail_page .sec .input_box.dispatch_input .transit {
    width:100%;
    margin-bottom:15px;
}

.detail_page .sec .additional_layer {
    width:90%;
    max-width:500px;
    height:90%;
    max-height:820px;
    overflow-y:auto;
    background:#fff;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border:1px solid #707070;
    padding:30px 20px;
    z-index:10;
    display:none;
}

.detail_page .sec .additional_layer .layer_close {
    width:26px;
    height:26px;
    position:absolute;
    top:22px;
    right:20px;
    cursor:pointer;
}

.detail_page .sec .additional_layer .tit {
    font-size:32px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    text-align:center;
    margin:10px auto 20px;
}

.detail_page .sec .additional_layer .tbl_box {
    width:100%;
}

.detail_page .sec .additional_layer .tbl_box:not(:last-child) {
    margin-bottom:30px;
}

.detail_page .sec .additional_layer .tbl_box .s_tit {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:12px;
    text-align:left;
}

.detail_page .sec .additional_layer .tbl_box table {
    width:100%;
    border-top:3px solid #262626;
    margin-bottom:5px;
}

.detail_page .sec .additional_layer .tbl_box table th {
    height:48px;
    background:#F9F9F9;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    vertical-align:middle;
    text-align: center;
}

.detail_page .sec .additional_layer .tbl_box table td {
    height:60px;
    border-bottom:1px solid rgba(38,38,38,0.6);
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    vertical-align:middle;
    text-align:center;
}

.detail_page .sec .additional_layer .tbl_box .info_txt {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
}

.detail_page .sec .additional_layer .tbl_box .info_txt:not(:last-child) {
    margin-bottom:5px;
}

/* news list */
.news_list .sec1 {
	padding:82px 0 137px;
}
.news_list .tit_box {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:space-between;
    margin-bottom:54px;
}
.news_list .news_page_title {
	margin:0;
	/* margin-bottom:54px; */
}
.news_list .tit_box .news_page_title {
    margin-bottom:0;
}
.news_list .tit_box .cate_lst {
    display:flex;
    align-items:center;
}
.news_list .tit_box .cate_lst li {
    width:85px;
    height:36px;
    border-radius:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:400;
    letter-spacing:-0.03em;
    color:#00ADEC;
    border:1px solid #00ADEC;
    cursor:pointer;
}
.news_list .tit_box .cate_lst li.on {
    border:none;
    background:#00ADEC;
    color:#fff;
    font-weight:500;
}
.news_list .tit_box .cate_lst li:not(:last-child) {
    margin-right:10px;
}
.news_list .news_lst {
	width:100%;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
}
.news_list .news_lst li {
	width:calc((100% - 76px) / 3);
	margin-bottom:84px;
}
.news_list .news_lst li a {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
}
.news_list .news_lst li img {
	width:100%;
	height:290px;
	object-fit:cover;
	margin-bottom:18px;
	border: 1px solid #D9D9D9;
}
.news_list .news_lst li .cate {
	width:100%;
	font-size:16px;
	font-weight:700;
	color:#1EBEFF;
	margin-bottom:8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news_list .news_lst li .tit {
	width:100%;
	font-size:22px;
	font-weight: 500;
	color:#262626;
	margin-bottom:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.news_list .news_lst li:hover .tit {
	color:#4646A5;
}
.news_list .news_lst li .txt {
	width:100%;
	font-size:15px;
	line-height:20px;
	color:#8D8D8D;
	word-wrap:break-word;
	word-break:keep-all;
}
.news_list .sec1 .news_more_btn {
    width:162px;
    height:62px;
    display:flex;
    align-items:center;
    position:relative;
    margin:0 auto;
}
.news_list .sec1 .news_more_btn:before {
    content:'';
    width:62px;
    height:62px;
    border-radius:50%;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_list .sec1 .news_more_btn:hover:before {
    width:100%;
    border-radius:31px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_list .sec1 .news_more_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 21px;
    font-size:26px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_list .sec1 .news_more_btn:hover span {
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_list .sec1 .news_more_btn span img {
    width:20px;
}

/* news detail */
.news_page_title{
    font-size: 25px;
    font-weight: bold;
    color:#00ADEC;
    margin: 20px 0 36px;
    word-wrap: break-word;
    word-break: keep-all;
}
.news_title{
    font-size: 40px;
    font-weight: bold;
    color:#262626;
    margin-bottom:28px;
    line-height: 1.5;
}
.news_date{
    font-size: 20px;
    color:#7B7B7B;
    margin-bottom: 34px;
}

/*.cke_chrome {*/
/*    border:none !important;*/
/*}*/

.cke_reset_all {
    display:none !important;
}

.news_detail .recruit_more_btn {
    width:162px;
    height:62px;
    display:flex;
    align-items:center;
    position:relative;
    margin: 110px auto;
}
.news_detail .recruit_more_btn:before {
    content:'';
    width:62px;
    height:62px;
    border-radius:50%;
    background:#1EBEFF;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_detail .recruit_more_btn:hover:before {
    width:100%;
    border-radius:31px;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_detail .recruit_more_btn span {
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 21px;
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    position:relative;
    z-index:1;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_detail .recruit_more_btn:hover span {
    color:#fff;
    transition:all .3s cubic-bezier(0.64,0.03,0.21,1);
}
.news_detail .recruit_more_btn span img {
    width:20px;
    transform: rotate(90deg);
}

/* �슖�돦裕꾬옙�쟽�뜝�럩逾� */
.login {
    background:#F9F9F9;
    overflow:hidden;
}

.login .login_box {
    width:580px;
    height:450px;
    background:#fff;
    border-radius:10px;
    margin:150px auto;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:0 90px;
}

.login .login_box.v2 {
    height:380px;
    padding:0 40px;
    justify-content:flex-start;
    padding-top:47px;
}

.login .login_box .logo_box {
    margin-bottom:13px;
}

.login .login_box .txt {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:47px;
}

.login .find_box {
    display:none;
}

.login .find_box.on {
    display:flex;
}

.login .input_box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
}

.login .input_box .find_tit {
    width:100%;
    font-size:26px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:18px;
}

.login .input_box .s_txt {
    width:100%;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
    margin-bottom:36px;
    word-break: keep-all;
    line-height: 20px;
}

.login .input_box label {
    width:100%;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:12px;
}

.login .input_box .input_item {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #CBCBCB;
    position:relative;
    margin-bottom:6px;
}

.login .input_box .input_item:not(.v2) {
    padding-left:68px;
}

.login .input_box .input_item:first-of-type {
    margin-bottom:12px;
}

.login .input_box .input_item:not(.v2):before {
    content:'';
    width:28px;
    height:28px;
    display:flex;
    position:absolute;
    top:50%;
    left:20px;
    transform:translateY(-50%);
}

.login .input_box .input_item.input_id:before {
    background:url('../images/login/icon_id.png') no-repeat;
    background-size:contain;
    background-position:center;
}

.login .input_box .input_item.input_pw:before {
    background:url('../images/login/icon_pw.png') no-repeat;
    background-size:contain;
    background-position:center;
}

.login .input_box .input_item input {
    width:100%;
    height:100%;
    border:none;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.login .input_box .input_item.v2 input {
    border-radius:5px;
    text-indent:15px;
}

.login .input_box .input_item input::placeholder {
    color:rgba(38,38,38,0.5);
}

.login .input_box .input_chk {
    display:flex;
    align-items:center;
}

.login .input_box .input_chk input[type=checkbox] {
    display:none;
}

.login .input_box .input_chk input[type=checkbox]+label {
    margin-bottom: 0;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
    display:flex;
    align-items:center;
}

.login .input_box .input_chk input[type=checkbox]+label:before {
    content:'';
    width:20px;
    height:20px;
    border:1px solid #D9D9D9;
    margin-right:4px;
    display:flex;
}

.login .input_box .input_chk input[type=checkbox]:checked+label:before {
    background:url('../images/login/check.png') no-repeat;
    background-size:70%;
    background-position:center;
}

.login .input_box .find_txt {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
}

.login .input_box .btn_login {
    margin-top:48px;
    width:100%;
    height:50px;
    border-radius:25px;
    background:#18ADEC !important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
    border:none;
    cursor:pointer;
}

.login .login_box .tab_tit {
    width:100%;
    display:flex;
    align-items:center;
    margin-bottom:38px;
}

.login .login_box .tab_tit li {
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#CBCBCB;
    padding-bottom:14px;
    border-bottom:3px solid #CBCBCB;
    cursor:pointer;
}

.login .login_box .tab_tit li.on {
    font-weight:500;
    color:#19ADEC;
    border-bottom:3px solid #19ADEC;
}

/* mypage */
.pTable {
	display: table;
}
.mTable {
	display: none;
}
.mypage .sec {
    padding:50px 0 100px;
    position:relative;
}

.mypage .member_box {
    width:100%;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    margin-bottom:60px;
}

.mypage .member_box .info_box {
    width:calc((50% - 15px) / 2);
    min-width: 250px;
    margin-left: 10px;
    background:#F9F9F9;
    padding:30px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-direction:column;
}

.mypage .member_box .info_box.big {
    width:440px;
}

.mypage .member_box .info_box.double {
    width:calc(50% - 5px);
    justify-content:flex-start;
}

.mypage .member_box .info_box.double.v2 {
    width:calc(((50% - 5px) / 2) + 50%);
}

.mypage .member_box .info_box.double.v3 {
    width:calc(100% - 450px);
}
.mypage .member_box .info_box.double.simple {
	width: calc(75% - 2px);
}
.mypage .member_box .info_box.double.big {
	width: calc(100% - 450px);
}

.mypage .member_box .info_box .name {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .member_box .info_box .name span {
    font-weight:700;
}

.mypage .member_box .info_box .name:after {
    content:'';
    width:38px;
    height:4px;
    background:#262626;
    display:flex;
    margin:10px 0;
}

.mypage .member_box .info_box .member_txt {
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:8px;
}

.mypage .member_box .info_box .member_btn {
    height:30px;
    padding:0 14px;
    border-radius:15px;
    border:1px solid #707070;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
}

.mypage .member_box .info_box .member_btn:not(:last-child) {
    margin-bottom:13px;
}

.mypage .member_box .info_box .card_box {
    display:flex;
    align-items:center;
    margin-bottom:13px
}

.mypage .member_box .info_box .card_box img {
    width:initial;
}

.mypage .member_box .info_box .card_box p {
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin:0 10px;
}

.mypage .member_box .info_box .tit {
	min-width: 100px;
	min-height: 102px;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#262626;
}

.mypage .member_box .info_box .tit span {
    font-size:12px;
    font-weight:400;
}

.mypage .member_box .info_box .tit:before {
    content:'';
    display:flex;
    margin-bottom:10px;
}

.mypage .member_box .info_box .tit.icon01:before {
    width:37px;
    height:37px;
    background:url('../images/mypage/icon01.png') no-repeat;
}

.mypage .member_box .info_box .tit.icon02:before {
    width:49px;
    height:37px;
    background:url('../images/mypage/icon02.png') no-repeat;
    background-position:center bottom;
}

.mypage .member_box .info_box .tit.icon10:before {
    width:42px;
    height:38px;
    background:url('../images/mypage/icon10.png') no-repeat;
}

.mypage .member_box .info_box .info_lst {
    width:100%;
    display:flex;
    align-items:center;
}

.mypage .member_box .info_box .info_lst li {
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    position:relative;
}

.mypage .member_box .info_box .info_lst li:not(:last-child):after {
    content:'';
    width:1px;
    height:60px;
    display:flex;
    background:rgba(99,99,99,0.6);
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.mypage .member_box .info_box .info_lst li .s_tit {
    font-size:18px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#262626;
    margin-bottom:8px;
}

.mypage .member_box .info_box .info_lst li .num {
    font-size:36px;
    font-weight:700;
    letter-spacing:-0.01em;
    color:#262626;
}

.mypage .member_box .info_box .info_lst li .num span {
    font-size:20px;
    font-weight:400;
}

.mypage .tbl_box {
    width:100%;
    margin-bottom:60px;
}

.mypage .tbl_box .tbl_tit {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:12px;
}

.mypage .tbl_box .tbl_tit .tit {
    font-size:20px;
    font-weight:700;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .tbl_box .tbl_tit .tbl_more {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .tbl_box .tbl_tit .icon_btns {
    display:flex;
    align-items:center;
}

.mypage .tbl_box .tbl_tit .icon_btns li {
    padding:0 10px;
}

.mypage .tbl_box .tbl_tit .icon_btns li a {
    display:flex;
    align-items:center;
}

.mypage .tbl_box .tbl_tit .icon_btns li .img_box {
    width:24px;
    margin-left:5px;
}

.mypage .tbl_box .tbl_tit .icon_btns li:not(:last-child) {
    border-right:1px solid #707070;
}

.mypage .tbl_box table {
    width:100%;
    border-top:3px solid #262626;
    border-bottom: 1px solid #262626;
    table-layout:fixed;
    /* margin-bottom: 58px; */
}

.mypage .tbl_box table th {
    height:48px;
    background:#F9F9F9;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    text-align:center;
    vertical-align:middle;
}

.mypage .tbl_box table.v2 th {
    border-bottom:1px solid #262626;
}

.mypage .tbl_box table td {
    height:60px;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    text-align:center;
    vertical-align:middle;
    border-bottom:1px solid #262626;
}
.mypage .tbl_box table.tableHover tr:not(:first-child):hover td{
	background-color: #F9F9F9;
}
.mypage .tbl_box table.v2 td {
    height:48px;
    padding:0 20px;
    text-align:left;
}

.mypage .tbl_box table td.txt_left {
    text-align:left;
}

.mypage .tbl_box table td .status_con {
    display:flex;
    align-items:center;
    cursor:pointer;
}

.mypage .tbl_box table td .status {
    width:60px;
    height:26px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    margin-right:10px;
}

.mypage .tbl_box table td>.status {
    margin:0 auto;
}

.mypage .tbl_box table td .status.ing {
    border:1px solid #707070;
    color:#666;
}

.mypage .tbl_box table td .status.end {
    background:#19ADEC;
    color:#fff;
}

.mypage .tbl_box table td .status_con .txt {
    width:calc(100% - 70px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.mypage .tbl_box table td .td_tit {
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
}

.mypage .tbl_box table td .icon_box {
    width:24px;
    cursor:pointer;
    margin:0 auto;
}

.mypage .tbl_box table td input[type=text] {
    width:100%;
    max-width:400px;
    height:36px;
    border-radius:5px;
    border:1px solid #666;
    text-indent:10px;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:rgba(38,38,38,0.5);
}

.mypage .tbl_box .shipping_quote_lst {
    width:100%;
    border-top:3px solid #262626;
}
.mypage .tbl_box .shipping_quote_lst li:hover{
	background-color: #F9F9F9;
}
.mypage .tbl_box .shipping_quote_lst>li {
    width:100%;
    padding:26px 0 20px;
    border-bottom:1px solid #262626;
}
.mypage .tbl_box .shipping_quote_lst>li.no_date {
    text-align:center;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_tit {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:20px;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_tit .shipping_quote_info {
    display:flex;
    align-items:flex-end;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_tit .shipping_quote_info p {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-right:40px;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_tit .shipping_quote_info p span {
	display: inline-block;
	margin-top: 12px;
    font-size:20px;
    font-weight:500;
}

.mypage .tbl_box .shipping_quote_btns {
    display:flex;
    align-items:center;
}
.mypage .tbl_box .shipping_quote_btns.mBtns {
	display: none;
}
.mypage .tbl_box .shipping_quote_btns li {
    padding:0 10px;
}

.mypage .tbl_box .shipping_quote_btns li a {
    display:flex;
    align-items:center;
}

.mypage .tbl_box .shipping_quote_btns li .img_box {
    width:24px;
    margin-left:5px;
}

.mypage .tbl_box .shipping_quote_btns li:not(:last-child) {
    border-right:1px solid #707070;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress {
    width:100%;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst {
    width:100%;
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li {
    width:calc(100% / 6);
    display:flex;
    align-items:center;
    flex-direction:column;
    position:relative;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li:not(:first-child):before {
    content:'';
    width:100%;
    height:2px;
    background:#ddd;
    display:flex;
    position:absolute;
    top:31px;
    right:50%;
}
.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.on:not(:first-child):before {
    background:#18ADEC;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_titbox {
    position:relative;
    margin-bottom:25px;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_titbox .progress_tit {
	min-height: 28px;
    font-size:14px;
    font-weight:400;
    color:#ddd;
    display:flex;
    align-items:center;
    flex-direction:column;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.on .progress_titbox .progress_tit {
    color:#666;
    text-align: center;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.now .progress_titbox .progress_tit {
    color:#18ADEC;
    font-weight:500;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_titbox .progress_tit:after {
    content:'';
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ddd;
    margin-top:13px;
    position:relative;
    z-index:1;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.on .progress_titbox .progress_tit:after {
    background:#18ADEC;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.now .progress_titbox .progress_tit:before {
    content:'';
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    border:2px solid #18ADEC;
    position:absolute;
    bottom:-3px;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
    box-sizing:border-box;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.cancel .progress_titbox .progress_tit:before {
    content:'';
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    border:2px solid #ddd;
    position:absolute;
    bottom:-3px;
    left:50%;
    transform:translateX(-50%);
    z-index:1;
    box-sizing:border-box;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_conbox {
    width:100%;
    text-align:center;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_conbox .date {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#ddd;
    margin-bottom:10px;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.cancel .progress_conbox .date,
.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.on .progress_conbox .date {
    color:#262626;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li .progress_conbox .txt {
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.02em;
    line-height:18px;
    color:#ddd;
}

.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.cancel .progress_conbox .txt,
.mypage .tbl_box .shipping_quote_lst>li .shipping_quote_progress .progress_lst li.on .progress_conbox .txt {
    color:#262626;
}

.mypage .tbl_box .content_box {
    width:100%;
    padding:23px 40px 35px;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    line-height:18px;
    color:#262626;
    /* border-bottom: 1px solid #262626; */
    margin-bottom: 44px;
}

.mypage .tbl_box .content_box:last-child {
    border-bottom:1px solid #262626;
    margin-bottom:40px;
}

.mypage .tbl_box .reply_box {
    width:100%;
    padding:23px 40px 35px;
    background:#F9F9F9;
    border-bottom:1px solid #262626;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:40px;
}

.mypage .tbl_box .reply_box .reply {
    width:calc(100% - 180px);
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    line-height:18px;
    color:#262626;
    display:flex;
    align-items:flex-start;
    padding-top:15px;
}

.mypage .tbl_box .reply_box .reply:before {
    content:'';
    width:20px;
    height:20px;
    background:url('../images/mypage/reply.png') no-repeat;
    display:flex;
    margin-right:10px;
    margin-top:-10px;
}

.mypage .tbl_box .reply_box .date {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    line-height:18px;
    color:#262626;
}

.mypage .tbl_box .btn_div {
    display: flex;
    justify-content: center;
}
.mypage .tbl_box .btn_div a:first-child {
	margin-right: 20px;
}
.mypage .tbl_box .btn_list {
    width:100px;
    height:36px;
    border-radius:5px;
    border:1px solid #707070;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .tbl_box .pager {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:42px;
}

.mypage .tbl_box .pager li {
    font-size:15px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin:0 12px;
}

.mypage .tbl_box .pager li.on {
    font-weight:500;
    color:#18ADEC;
}

.mypage .down_layer {
    width:500px;
    height:382px;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    padding:40px 20px 30px;
    border:1px solid #707070;
    display:none;
    z-index:2;
}

.mypage .down_layer .layer_close {
    width:26px;
    height:26px;
    position:absolute;
    top:22px;
    right:20px;
    cursor:pointer;
}

.mypage .down_layer .tit {
    font-size:32px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:20px;
    text-align:center;
}

.mypage .down_layer .txt {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
    margin-bottom:20px;
    text-align:center;
}

.mypage .down_layer ul {
    width:100%;
    display:flex;
    align-items:center;
    background:#F9F9F9;
    padding:22px 0;
    margin-bottom:40px;
}

.mypage .down_layer ul li {
    width:calc(100% / 3);
    position:relative;
}

.mypage .down_layer ul li:not(:last-child):after {
    content:'';
    width:1px;
    height:90px;
    background:#707070;
    display:flex;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.mypage .down_layer ul li p {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    text-align:center;
    margin-bottom:18px;
}

.mypage .down_layer ul li .down_box {
    width:50px;
    height:50px;
    background:#19ADEC;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
}

.mypage .down_layer ul li .down_box img {
    width:24px;
}

.mypage .down_layer ul li .down_box.off {
    background:#ddd;
}

.mypage .down_layer .btn_down {
    width:220px;
    height:50px;
    border-radius:25px;
    background:#18ADEC;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
    margin:0 auto;
}

.mypage .btn_modify {
    width:70px;
    height:36px;
    border-radius:5px;
    border:1px solid #707070;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .btn_withdrawal {
    width:100px;
    height:36px;
    border-radius:5px;
    border:1px solid #707070;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-left:auto;
    margin-top:10px;
}
.mypage .btn_endmodify {
    width:309px;
    height:62px;
    border:none;
    background:#19ADEC !important;
    border-radius:31px;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:60px auto 0;
    cursor:pointer;
}

.mypage .modify_layer {
    width:500px;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    border:1px solid #707070;
    padding:40px 20px 30px;
    display:none;
    z-index: 100;
}

.mypage .modify_layer .tit {
    font-size:32px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-bottom:20px;
    text-align:center;
}

.mypage .modify_layer .tit.v2 {
    font-size:26px;
}

.mypage .modify_layer .popup_input {
    width: 330px;
    height: 90px;
    font-family: inherit;
    font-size: 14px;
    margin: 0 auto;
    display: flex;
    font-weight: 500;
}

.mypage .modify_layer .txt {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
    margin-bottom:20px;
    text-align:center;
}

.mypage .modify_layer .conbox {
    width:100%;
    background:#F9F9F9;
    margin-bottom: 12px;
    padding:20px 17px;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    line-height:36px;
    color:#262626;
}

.mypage .modify_layer .conbox .input_item {
    width:100%;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.mypage .modify_layer .conbox .input_item:not(:last-child) {
    margin-bottom:12px;
}

.mypage .modify_layer .conbox .input_item label {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .modify_layer .conbox .input_item input {
    width:320px;
    height:36px;
    border-radius:5px;
    border:1px solid #666;
    background:#fff;
    text-indent:16px;
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.mypage .modify_layer .conbox .input_item input::placeholder {
    color:rgba(38,38,38,0.5);
}

.mypage .modify_layer .btns {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:40px;
}

.mypage .modify_layer .btns a {
    width:140px;
    height:50px;
    border-radius:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.02em;
}

.mypage .modify_layer .btns a.btn_layer_cancel {
    border:1px solid #CBCBCB;
    background:#fff;
    color:#666;
}

.mypage .modify_layer .btns a.btn_layer_submit {
    background:#18ADEC;
    color:#fff;
}

.mypage .modify_layer .btns a:not(:last-child) {
    margin-right:10px;
}

.mypage .modify_layer .layer_chk {
    width:100%;
    display:flex;
    align-items:center;
    jusfity-content:center;
    magin-top:20px;
}

.mypage .modify_layer .layer_chk input[type=checkbox] {
    display:none;
}

.mypage .modify_layer .layer_chk input[type=checkbox] + label {
    width:100%;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mypage .modify_layer .layer_chk input[type=checkbox] + label:before {
    content:'';
    width:20px;
    height:20px;
    display:flex;
    margin-right:5px;
    border:1px solid #D9D9D9;
}

.mypage .modify_layer .layer_chk input[type=checkbox]:checked + label:before{
    background:url('../images/check.png') no-repeat;
    background-size:80%;
    background-position:center;
}

.mypage .shipping_quote_detail {
    width:100%;
    border-top:3px solid #262626;
    border-bottom:1px solid #262626;
    padding:35px 60px;
    margin-bottom:46px;
}

.mypage .shipping_quote_detail .top_box {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:12px;
}

.mypage .shipping_quote_detail .top_box .status_box {
    display:flex;
    align-items:flex-end;
}

.mypage .shipping_quote_detail .top_box .status_box .status {
    font-size:30px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#19ADEC;
    margin-right:20px;
}

.mypage .shipping_quote_detail .top_box .status_box .date {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin-right:20px;
}

.mypage .shipping_quote_detail .top_box .status_box .code {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
    margin-left: 20px;
}

.mypage .shipping_quote_detail .info_box {
    width:100%;
    background:#F9F9F9;
    border-radius:10px;
    padding:25px 0;
    display:flex;
    align-items:center;
}
.mypage .shipping_quote_detail .infoboxText {
	margin: 4px 0 36px;
    font-size: 14px;
    line-height: 18px;
}

.mypage .shipping_quote_detail .info_box li {
    width:calc(100% / 3);
    text-align:center;
    position:relative;
}

.mypage .shipping_quote_detail .info_box li:not(:last-child):after {
    content:'';
    width:1px;
    height:60px;
    background:rgba(99,99,99,0.6);
    display:flex;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.mypage .shipping_quote_detail .info_box li .tit {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:8px;
}

.mypage .shipping_quote_detail .info_box li .txt {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#262626;
}

.mypage .shipping_quote_detail .info_box li .txt span {
    font-size:36px;
    font-weight:700;
}

.mypage .shipping_quote_detail .map_box {
    width:100%;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    margin-bottom:48px;
}

.mypage .shipping_quote_detail .map_box .dispatch_info {
    width:calc(100% - 600px);
}

.mypage .shipping_quote_detail .map_box .dispatch_info li {
    width:100%;
}
.mypage .shipping_quote_detail .map_box .map_con .tit {
		display: none;
}
.mypage .shipping_quote_detail .map_box .dispatch_info li:not(:last-child) {
    margin-bottom:28px;
}

.mypage .shipping_quote_detail .map_box .dispatch_info li .tit {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:8px;
}

.mypage .shipping_quote_detail .map_box .dispatch_info li .txt {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#262626;
    line-height:28px;
}

.mypage .tbl_box table td input[type=text].v2,
.mypage .shipping_quote_detail input,
.mypage .shipping_quote_detail select {
    width:100%;
    max-width:inherit;
    height:40px;
    border-radius:5px;
    border:1px solid #CBCBCB;
    text-indent:10px;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:rgba(38,38,38,0.5);
}

.select_on_progress_bar {
    width:60% !important;
    margin-left: 40px;
    margin-top: 10px;
}

.mypage .shipping_quote_detail .info_input {
    display:flex;
    align-items:center;
}

.mypage .shipping_quote_detail .info_input p {
    margin:0 10px;
}

.mypage .tbl_box table td input[type=text].v2 {
    margin-bottom:5px;
}

.mypage .tbl_box table td input[type=text].v2.short {
    max-width:200px;
    display:flex;
}
/* �닔�젙 input */
.mypage .tbl_box table td input[type=text].modify {
    height: 30px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
}
.mypage .shipping_quote_detail .map_box .map_con {
    width:590px;
}

.mypage .shipping_quote_detail .progress_box {
    width:100%;
}

.mypage .shipping_quote_detail .progress_box .tit {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#262626;
    margin-bottom:12px;
}

.mypage .shipping_quote_detail .progress_box table td {
    height:inherit;
    padding:27px 10px;
    border-bottom:none;
    vertical-align:top;
}

.mypage .shipping_quote_detail .progress_box table td:not(:last-child) {
    text-align:left;
    padding-left:10px;
    font-size:16px;
    letter-spacing:-0.02em;
    color:#ddd;
    line-height:18px;
}

.mypage .shipping_quote_detail .progress_box table td em {
    font-weight: 300;
}

.mypage .shipping_quote_detail .progress_box table td:last-child {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#ddd;
}

.mypage .shipping_quote_detail .progress_box table td .progress_status {
    font-size:14px;
    font-weight:300;
    display:flex;
    align-items:center;
    position:relative;
}

.mypage .shipping_quote_detail .progress_box table td .progress_status:before {
    content:'';
    width:10px;
    height:10px;
    background:#ddd;
    border-radius:50%;
    margin: 0 25px;
}

.mypage .shipping_quote_detail .progress_box table td:first-child {
    position:relative;
}

.mypage .shipping_quote_detail .progress_box table tr:not(:last-child) td:first-child:before {
    content:'';
    width:2px;
    height:100%;
    background:#ddd;
    display:flex;
    position:absolute;
    top:40px;
    left:39px;
    margin-top:-4px;
}

.mypage .shipping_quote_detail .progress_box table tr.cancel td,
.mypage .shipping_quote_detail .progress_box table tr.now td,
.mypage .shipping_quote_detail .progress_box table tr.on td {
    color:#262626;
}

.mypage .shipping_quote_detail .progress_box table tr.on:not(:last-child) td:first-child:before {
    background:#18ADEC;
}

.mypage .shipping_quote_detail .progress_box table tr.now td .progress_status:before,
.mypage .shipping_quote_detail .progress_box table tr.on td .progress_status:before {
    background:#18ADEC;
}

.mypage .shipping_quote_detail .progress_box table tr.now td .progress_status:after {
    content:'';
    width:14px;
    height:14px;
    border-radius:50%;
    border:1px solid #18ADEC;
    position:absolute;
    top:1px;
    left:22px;
}

.mypage .shipping_quote_detail .progress_box table tr.cancel td .progress_status:after {
    content:'';
    width:14px;
    height:14px;
    border-radius:50%;
    border:1px solid #ddd;
    position:absolute;
    top:1px;
    left:22px;
}

.mypage .shipping_quote_detail .progress_box table tr.now td .progress_status {
    color:#18ADEC;
}

.mypage .shipping_quote_detail .progress_box .price_box {
    width:100%;
    margin-top: 44px;
}

.mypage .shipping_quote_detail .progress_box .price_box .tit {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#262626;
    margin-bottom:13px;
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst {
    width:100%;
    background:#F9F9F9;
    border-radius:10px;
    display:flex;
    padding:14px 0;
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst li {
    width:calc(100% / 3);
    position:relative;
    text-align:center;
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst li:not(:last-child):after {
    content:'';
    width:1px;
    height:60px;
    background:rgba(99,99,99,0.6);
    display:flex;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst li .s_tit {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:10px;
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst li .txt {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#262626;
    line-height:18px;
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst li .txt span {
    font-size:12px;
}

.mypage .shipping_quote_detail .progress_box .price_box .price_lst li .txt.b_txt {
    font-weight:700;
}

.mypage .btn_lst {
    width:100px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    border:1px solid #707070;
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    margin:0 auto;
}

.mypage .modify_btns {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mypage .modify_btns a {
    width:140px;
    height:50px;
    border-radius:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.02em;
}

.mypage .modify_btns a.btn_cancel {
    border:1px solid #CBCBCB;
    color:#666;
    margin-right:10px;
}

.mypage .modify_btns a.btn_submit {
    background:#18ADEC;
    color:#fff;
}

/* print */
.print {
    width:100%;
    max-width:1000px;
    padding:127px 100px;
    margin:0 auto;
}

.print .print_tit {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:34px;
}

.print .print_tit .date {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.print .print_tit .code_box {
    display:flex;
    align-items:flex-end;
}

.print .print_tit .code_box .tit {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#666;
    margin-right:20px;
}

.print .print_tit .code_box .code {
    font-size:24px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626
}

.print .info {
    width:100%;
}

.print .info:not(:last-child) {
    margin-bottom:50px;
}

.print .info>.tit {
    width:90px;
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#262626;
    margin-bottom:20px;
    background:#fff;
    position:relative;
}

.print .info>.tit:after {
    content:'';
    width:100vw;
    max-width:800px;
    height:2px;
    background:#262626;
    display:flex;
    position:absolute;
    top:50%;
    left:0;
    z-index:-1;
    transform:translateY(-50%);
}

.print .info .item_box {
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
}

.print .info .item_box li {
    width:calc(50% - 20px);
    border-bottom:1px solid rgba(38,38,38,0.6);
    padding-bottom:13px;
    margin-bottom:14px;
}

.print .info .item_box li .tit {
    font-size:14px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:10px;
}

.print .info .item_box li .txt {
    width:100%;
    font-size:18px;
    font-weight:500;
    letter-spacing:-0.01em;
    line-height:20px;
    color:#262626;
    word-break:keep-all;
    word-wrap:break-word;
}

/* 占썩뫀踰딉옙占썲뜝�럩�꼨嶺뚮〕�삕 */
.share {
    width:425px;
    margin:0 auto;
    padding:20px 15px;
}

.share .share_status {
    width:100%;
    height:30px;
    border-radius:15px;
    background:#19ADEC;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#fff;
    margin-bottom:59px;
}

.share .share_status.dark {
    background:#666;
}

.share .tit_box {
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:10px;
}

.share .tit_box .status {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
}

.share .tit_box .status span {
    font-size:20px;
    font-weight:500;
    color:#19ADEC;
    margin-right:10px;
}

.share .tit_box .status span.dark {
    color:#666;
}

.share .tit_box .status .code {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#262626;
}

.share .info_box {
    width:100%;
    border-radius:5px;
    background:#F9F9F9;
    padding:20px 0;
    margin-bottom:6px;
}

.share .info_box .price_item {
    width:100%;
    text-align:center;
    margin-bottom:25px;
}

.share .info_box .price_item .tit {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:5px;
}

.share .info_box .price_item .txt {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#262626;
}

.share .info_box .price_item .txt span {
    font-size:30px;
    font-weight:700;
}

.share .info_box .info_item {
    width:100%;
    display:flex;
    align-items:center;
}

.share .info_box .info_item li {
    width:50%;
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    text-align:center;
    position:relative;
}

.share .info_box .info_item li:first-child:after {
    content:'';
    width:1px;
    height:16px;
    background:#707070;
    display:flex;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.share .info_txt {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    line-height:16px;
    margin-bottom:20px;
}

.share .info_lst {
    width:100%;
}

.share .info_lst li {
    width:100%;
    margin-bottom:20px;
}

.share .info_lst li .tit {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:6px;
}

.share .info_lst li .txt {
    font-size:16px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:#262626;
    line-height:18px;
}

.share .progress_box {
    width:100%;
}

.share .progress_box .tit {
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
    margin-bottom:10px;
}

.share .progress_box .map_box {
    width:100%;
    height:200px;
    border-top:2px solid #262626;
    margin-bottom:20px;
}

.share .progress_box .progress_lst {
    width:100%;
}

.share .progress_box .progress_lst li {
    width:100%;
    padding-left:96px;
    padding-bottom:20px;
    position:relative;
}

.share .progress_box .progress_lst li:not(:last-child):before {
    content:'';
    width:2px;
    height:100%;
    background:#ddd;
    display:flex;
    top:0;
    left:58px;
    position:absolute;
}

.share .progress_box .progress_lst li.on:not(:last-child):before {
    background:#18ADEC;
}

.share .progress_box .progress_lst li .status {
    font-size:12px;
    font-weight:400;
    color:#ddd;
    margin-bottom:6px;
    position:relative;
}

.share .progress_box .progress_lst li.on .status {
    color:#666;
}

.share .progress_box .progress_lst li.now .status {
    color:#18ADEC;
}

.share .progress_box .progress_lst li .status:before {
    content:'';
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ddd;
    display:flex;
    position:absolute;
    left:-42px;
    top:0;
}

.share .progress_box .progress_lst li.on .status:before,
.share .progress_box .progress_lst li.now .status:before {
    background:#18ADEC;
}

.share .progress_box .progress_lst li.now .status:after {
    content:'';
    width:14px;
    height:14px;
    border-radius:50%;
    border:1px solid #18ADEC;
    display:flex;
    position:absolute;
    left:-45px;
    top:-3px;
}

.share .progress_box .progress_lst li .info {
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#ddd;
    margin-bottom:3px;
}

.share .progress_box .progress_lst li.on .info,
.share .progress_box .progress_lst li.now .info {
    color:#262626;
}

.share .progress_box .progress_lst li .date {
    font-size:10px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#ddd;
}

.share .progress_box .progress_lst li.on .date,
.share .progress_box .progress_lst li.now .date {
    color:#666;
}

.share .copyright {
    width:100%;
    border-top:1px solid rgba(38,38,38,0.6);
    padding:33px 0 23px;
    text-align:center;
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#666;
}

/* transportBrokerage */
.transport .sec1 {
    padding:72px 0;
    background:url('../images/transport/sec1_bg.png') 60% center no-repeat;
    background-size: cover;
}

.transport .sec1 .s_tit {
    font-size:24px;
    font-weight:500;
    letter-spacing:-0.01em;
    color:rgba(255,255,255,0.7);
    margin-bottom:8px;
}

.transport .sec1 h1 {
    font-size:50px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#fff;
    margin-bottom:14px;
}

.transport .sec1 h1 span {
    font-weight:700;
}

.transport .sec1 .txt {
    font-size:22px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#fff;
    margin-bottom:70px;
}
.transport .sec1 .transport_request {
    width:174px;
    height:60px;
    border-radius:30px;
    background:#1EBEFF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
}

.transport .sec2 {
    padding:100px 0;
}

.transport .sec2 .inner {
    display:flex;
    align-items:center;
    flex-direction:column;
}

.transport .sec2 h1 {
    font-size:46px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#262626;
    margin-bottom:70px;
}

.transport .sec2 h1 span {
    font-weight:700;
}

.transport .sec2 h1 span.b_txt {
    color:#1EBEFF;
}

.transport .sec2 .point_box {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    align-items:stretch;
}

.transport .sec2 .point_box li {
    width:25%;
    position:relative;
    text-align:center;
    padding:65px 40px 0;
}

.transport .sec2 .point_box li:not(:last-child) {
    border-right:1px solid #D9D9D9;
}

.transport .sec2 .point_box li .img_box {
    position:absolute;
    top:0;
    right:40px;
    z-index:-1;
}

.transport .sec2 .point_box li .point {
    font-size:24px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#1EBEFF;
    margin-bottom:30px;
}

.transport .sec2 .point_box li:nth-child(even) .point {
    color:#43439A;
}

.transport .sec2 .point_box li .tit {
    font-size:21px;
    font-weight:700;
    letter-spacing:-0.03em;
    color:#262626;
    margin-bottom:19px;
}

.transport .sec2 .point_box li .txt {
    min-height: 140px;
    font-size:17px;
    font-weight:400;
    letter-spacing:-0.03em;
    color:#262626;
    line-height:19px;
}

.transport .sec3 {
    padding:100px 0;
    background:url('../images/transport/sec3_bg.png') no-repeat;
    background-size: cover;
    background-position:center top;
}
.transport .sec3 .processBox {
	overflow-x: auto;
    overflow-y: hidden;
    padding: 78px 0 21px 20px;
}
.transport .sec3 h1 {
    font-size:46px;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#fff;
    margin-bottom: 70px;
    text-align:center;
}

.transport .sec3 h1 span {
    font-weight:700;
}

.transport .sec3 .process_box {
    width:1190px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.transport .sec3 .process_box:before {
    content:'';
    width:100%;
    height:2px;
    background:#fff;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    display:flex;
}

.transport .sec3 .process_box li {
    width:140px;
    height:140px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.transport .sec3 .process_box li .num {
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.02em;
    color:#fff;
    position:absolute;
    top:-29px;
    left:50%;
    transform:translateX(-50%);
    transition:top .3s;
}

.transport .sec3 .process_box li:hover .num {
    width:36px;
    height:44px;
    background:url('../images/transport/num_bg.png') no-repeat;
    background-size:cover;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding-top:10px;
    color:#1EBEFF;
    font-weight:700;
    top:-77px;
    transition:top .3s;
}

.transport .sec3 .process_box li:before {
    content:'';
    width:160px;
    height:160px;
    border-radius:50%;
    background:rgba(255,255,255,0.35);
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    opacity:0;
    transition:opacity 1.75s;
}

.transport .sec3 .process_box li:hover:before {
    opacity:1;
    transition:opacity .3s;
}

.transport .sec3 .process_box li:after {
    content:'';
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(255,255,255,0.35);
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:1;
    opacity:0;
    transition:opacity .3s;
}

.transport .sec3 .process_box li:hover:after {
    opacity:1;
    transition:opacity 1.75s;
}

.transport .sec3 .process_box li .txt {
    font-size:16px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#ddd;
    display:flex;
    align-items:center;
    flex-direction:column;
    position:relative;
    z-index:2;
}

.transport .sec3 .process_box li:hover .txt {
    font-weight:500;
    color:#262626;
}

.transport .sec3 .process_box li .txt:before {
    content:'';
    width:46px;
    height:46px;
    display:flex;
    margin-bottom:16px;
}

.transport .sec3 .process_box li .txt.icon01:before {
    background:url('../images/transport/icon01.png') no-repeat center;
}

.transport .sec3 .process_box li:hover .txt.icon01:before {
    background:url('../images/transport/icon01_hover.png') no-repeat center;
}

.transport .sec3 .process_box li .txt.icon02:before {
    background:url('../images/transport/icon02.png') no-repeat center;
}

.transport .sec3 .process_box li:hover .txt.icon02:before {
    background:url('../images/transport/icon02_hover.png') no-repeat center;
}

.transport .sec3 .process_box li .txt.icon03:before {
    background:url('../images/transport/icon03.png') no-repeat center;
}

.transport .sec3 .process_box li:hover .txt.icon03:before {
    background:url('../images/transport/icon03_hover.png') no-repeat center;
}

.transport .sec3 .process_box li .txt.icon04:before {
    background:url('../images/transport/icon04.png') no-repeat center;
}

.transport .sec3 .process_box li:hover .txt.icon04:before {
    background:url('../images/transport/icon04_hover.png') no-repeat center;
}

.transport .sec3 .process_box li .txt.icon05:before {
    background:url('../images/transport/icon05.png') no-repeat center;
}

.transport .sec3 .process_box li:hover .txt.icon05:before {
    background:url('../images/transport/icon05_hover.png') no-repeat center;
}

.transport .sec3 .process_box li .txt.icon06:before {
    background:url('../images/transport/icon06.png') no-repeat center;
}

.transport .sec3 .process_box li:hover .txt.icon06:before {
    background:url('../images/transport/icon06_hover.png') no-repeat center;
}

.transport .sec4 {
    padding:100px 0;
}

.transport .sec4 .s_tit {
    font-size:30px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    text-align:center;
    margin-bottom:10px;
}

.transport .sec4 h1 {
    font-size:46px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#262626;
    text-align:center;
    margin-bottom:70px;
}

.transport .sec4 h1 span {
    font-weight:700;
    color:#1EBEFF;
}

.transport .sec4 .car_box {
    max-width:1030px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:0 auto;
}

.transport .sec4 .car_box li {
    width:19%;
    height:190px;
    border-radius:10px;
    border:1px solid #ddd;
    margin-bottom:14px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.transport .sec4 .car_box li:hover {
    border:2px solid #1EBEFF;
}

.transport .sec4 .car_box li p {
    font-size:20px;
    font-weight:400;
    letter-spacing:-0.02em;
    color:#202020;
    display:flex;
    align-items:center;
    flex-direction:column;
}

.transport .sec4 .car_box li:hover p {
    font-weight:500;
    color:#1EBEFF;
}

.transport .sec4 .car_box li p:before {
    content:'';
    width:100px;
    height:70px;
    margin-bottom:24px;
}

.transport .sec4 .car_box li p.car01:before {
    background:url('../images/contact/icon_car01_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car01:before {
    background:url('../images/contact/icon_car01_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car02:before {
    background:url('../images/contact/icon_car02_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car02:before {
    background:url('../images/contact/icon_car02_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car03:before {
    background:url('../images/contact/icon_car03_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car03:before {
    background:url('../images/contact/icon_car03_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car04:before {
    background:url('../images/contact/icon_car04_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car04:before {
    background:url('../images/contact/icon_car04_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car05:before {
    background:url('../images/contact/icon_car05_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car05:before {
    background:url('../images/contact/icon_car05_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car06:before {
    background:url('../images/contact/icon_car06_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car06:before {
    background:url('../images/contact/icon_car06_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car07:before {
    background:url('../images/contact/icon_car07_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car07:before {
    background:url('../images/contact/icon_car07_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car08:before {
    background:url('../images/contact/icon_car08_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car08:before {
    background:url('../images/contact/icon_car08_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car09:before {
    background:url('../images/contact/icon_car09_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car09:before {
    background:url('../images/contact/icon_car09_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car10:before {
    background:url('../images/contact/icon_car10_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car10:before {
    background:url('../images/contact/icon_car10_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car11:before {
    background:url('../images/contact/icon_car11_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car11:before {
    background:url('../images/contact/icon_car11_on.png') center no-repeat;
}

.transport .sec4 .car_box li p.car12:before {
    background:url('../images/contact/icon_car12_off.png') center no-repeat;
}

.transport .sec4 .car_box li:hover p.car12:before {
    background:url('../images/contact/icon_car12_on.png') center no-repeat;
}

/* 
** �씤�닔利� �봽由고듃
*/
.receiptPrint {
    padding: 30px 0;
    margin: 0 auto;
    width: 1500px;
    display: flex;
    letter-spacing: -0.2px;
    /* border: 1px solid #707070; */
}
.receiptPrint .logo {
    display: block;
    margin: 0 auto;
    max-width: 108px;
}
.receiptOrder {
    padding: 40px 25px 40px 35px;
    width: 500px;
    border-right: 1px dashed #707070;
}
.receiptOrder:last-child {
    border-right: none;
}
.receiptOrder .orderName {
    color: #262626;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
}
.receiptOrder .chargeName {
    margin-top: 6px;
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}
.receiptOrder ul.receiptConfirm {
    display: flex;
}
.receiptOrder ul.receiptConfirm li {
    padding: 8px;
    width: 85px;
    height: 85px;
    color: #666;
    font-size: 12px;
    text-align: center;
    border: 1px solid #707070;
}
.receiptOrder ul.receiptConfirm li:first-child {
    border-right: none;
}
.receiptOrder ul.receiptConfirm li:nth-child(2) {
    border-right: none;
}
.receiptOrder ul.receiptConfirm li:last-child {
    border-right: 1px solid #707070;
}
.receiptOrder .top {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.receiptOrder .middle {
    min-height: 100px;
}
.receiptOrder .bottom {
    text-align: center;
}
/* 
** �씤�닔利� �뀒�씠釉� 
*/
.receiptTable {
    margin-bottom: 26px;
}
.receiptTable .tableName {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #262626;
    font-size: 20px;
    font-weight: 500;
}
.receiptTable .tableName:after {
    content: "";
    width: calc(100% - 160px);
    height: 2px;
    background: #262626;
}
.receiptTable dl.tableCell {
    margin-top: 8px;
}
.receiptTable dl.tableCell dt {
    color: #666;
    font-size: 12px;
    font-weight: 400;
}
.receiptTable dl.tableCell dd p {
    padding: 6px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    border-bottom: 1px solid #7D7D7D;
}
.receiptOrder .warn {
    margin-top: 6px;
    display: block;
    color: #D02020;
    font-size: 10px;
    font-weight: 400;
}
.receiptOrder .checkMessage {
    color: #262626;
    font-size: 14px;
    font-weight: 500;
}
.receiptOrder .date {
    margin: 20px 0 19px;
    color: #262626;
    font-size: 14px;
    font-weight: 700;
}
.warnInfo {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 20px;
    word-break: keep-all;
    letter-spacing: -0.02em;
}
.warnInfo.bullet {
    padding-left: 10px;
}
.warnInfo.bullet::before {
    content: "*";
    margin-right: 0px;
    margin-left: -10px;
}
.warnInfo em {
    color: #00ADEC;
}
.input_item.memo span {
	font-size: 12px;
}
.textRed {
	color: #E60000 !important;
	font-weight: 500 !important;
}