@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;border:0px solid #e9e9e9}
.ctt_admin {text-align:right;position:absolute;right:0;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {margin-top:20px;}
.ctt_img {text-align:center}

*{
	font-family: "NotoSansR", sans-serif;
}
#ctt_in, #history,{
    font-size: 13pt;
    font-family: NotoSansR,Nanum Gothic,Malgun Gothic;
}
#history .y2019 dl dt dd{
	margin: 0 !important;
	padding: 0 !important;
}
/*#ctt_con p{*/
/*    line-height: 1.5em;*/
/*    display: block;*/
/*    margin: 1.5em 0;*/
/*    -webkit-margin-before: 1.5em;*/
/*    margin-block-start: 1.5em;*/
/*    -webkit-margin-after: 1.5em;*/
/*    margin-block-end: 1.5em;*/
/*    -webkit-margin-start: 0;*/
/*    margin-inline-start: 0;*/
/*    -webkit-margin-end: 0;*/
/*    margin-inline-end: 0;*/
/* }*/
#ctt_con ol{
	margin: 1.5em 0;
	
    padding-left: 17px;
}
#ctt_con ol li{
    line-height: 1.5em;
	list-style-type: decimal;
    padding: 7px 0;
}
.inner{
	width: 1250px;
	margin:0 auto;
}
/**********************
	차량안내 관련 inner
***********************/
.inner_p{
	width: 1286px;
	margin:0 auto;
}
/**********************
	회사소개 인사말
***********************/
.position{
	position: relative;
}
.font_15{
	font-size: 15pt;
}

.p_title{
	text-align:center;
	font-size: 26px;
    font-weight: bold;
    word-spacing: 10px;
	color:rgb(0,112,192);
}

.about{
	height: 420px;
    position: relative;
    background-image: url("/img/introduction_main_img.jpg");
    background-repeat: no-repeat;
    background-position: 50% 17%;
    background-size: cover;
/*	box-shadow: 5px 5px 5px #b5b5b5;*/
	z-index: 10;
/*    margin-top: -20px;*/
}

h2.h_title_1{
	text-align: center;
    font-size:36px;
	font-weight: 700;
    color: #000;
	font-family: "NotoSansR", sans-serif;
/*    border-bottom: 4px solid #ec1f27;*/
    padding-bottom: 25px;
}
.margin_100{
	margin-top:100px;
}
.margin_sub8{
	margin:100px 0 50px 0;
}
.padding_100{
	padding-top:100px;
}
.Circle1{
	width: 270px;
	height: 255px;
	background-image: url(/img/shape_1.png);
	background-repeat: no-repeat;
	background-position: 55% 22%;
	border-radius: 206px;
	position: absolute;
	top: -75px;
	left: 80px;
	opacity: 0.6;
}
.Circle2{
	width: 105px;
	height: 105px;
	background-image: url(/img/gray_shape_1.png);
	background-repeat: no-repeat;
	background-position: 50% 61%;
	border-radius: 50px;
	position: absolute;
	bottom: 50px;
	left: 280px;
	z-index: 5;
	opacity: 0.5;
}
.Circle3{
	width: 180px;
	height: 180px;
	background-image: url(/img/shape_6.png);
	background-repeat: no-repeat;
	background-position: 55% 53%;
	border-radius: 206px;
	position: absolute;
	top: 30px;
	right: 120px;
	opacity: 0.4;
}

h2.about_text{
    text-align: center;
    font-size: 40px;
    /*    line-height: 420px;*/
    padding: 225px 0 39px 0;
    color: #fff;
    text-shadow: 5px 6px 3px #7fa3c3;
    font-family: "NotoSansR", sans-serif;
    font-weight: 700;
}

h2.about_text_s{
    text-align: center;
    font-size: 40px;
    padding: 225px 0 0 0;
    color: #fff;
    font-family: "NotoSansR", sans-serif;
    /*    font-weight: 700;*/
}

/*******************
	회사소개 연혁
********************/
.center_text{
	height: auto;
}
.about_2{
	text-align: center;
	margin: 100px 0 235px 0;
}
.img_wrap img{
	width: 45px;
	height: 35px;
	/* opacity: 0.4; */
}
.left_icon{
    width: 100%;
    margin: 50px auto;
}
.right_icon{
	width: 100%;
	margin: 50px auto;
}
/******************
	스크롤 라인
*******************/
.center_text p{
 	font-family: 'SJSoju2', sans-serif  !important;
 	font-size: 35px;
 	font-weight:bold;
 	color: #000;
 	line-height: 150%;
 	opacity: 0;
}
.center_text p font{
 	font-family: 'SJSoju2', sans-serif  !important;
 	font-size: 35px;
 	font-weight:bold;
 	color: #000;
 	line-height: 150%;
 	opacity: 0;
}
.is-active{
	animation: fadeInUp 0.5s ease-in-out 0.2s both;
}
.fadeOut{
	animation: fadeOut 0.5s ease-in-out 0.3s both;
}
span.p_2{
    font-size: 24px;
	color:rgb(237,125,49);
	font-weight:bold;
	margin: 80px 0px 25px 20px;
    display: block;
    text-align: left;
}
.about_3{
	border-top: 2px solid #cacaca;
	border-bottom: 2px solid #cacaca;
	padding: 50px 0 90px 20px;
	font-size: 18px;
	line-height: 1.94;
	font-weight: 600;
	color: #666;
	text-align:left;
	font-family: "NotoSansR", sans-serif;
}
span.color1{
    color: #333;
	font-family: "NotoSansB", sans-serif;
    font-size: 22px;
    vertical-align: baseline;
}
span.right{
    text-align: right;
    display: block;
    margin-top: 30px;
}
span.big{
	font-weight: bold;
    font-size: 23px;
    vertical-align: baseline;
	color: #000;
}
.Circle4{
	width: 214px;
    height: 172px;
    /* border-radius: 100px; */
    background-size: 169%;
    background-image: url(/img/shape_2.png);
    background-repeat: no-repeat;
    background-position: 56% -18%;
    position: absolute;
    bottom: 39px;
    right: -39px;
    opacity: 0.6;
    transform: rotate(24deg);
}

/*.Circle5{*/
/*	width:100px;*/
/*	height:100px;*/
/*	border-radius:50px;*/
/*	background-image: url(/img/shape_1.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: 55% 22%;*/
/*	position: absolute;*/
/*	bottom: 44px;*/
/*	right: -2px;*/
/*}*/

.padding-top{
	padding-top: 130px;
}
.h_Circle1{
	width: 230px;
    height: 230px;
    background-image: url(/img/line_shape.png);
    background-repeat: no-repeat;
    background-position: 68% 22%;
    border-radius: 206px;
    position: absolute;
    top: -25px;
    left: 130px;
    opacity: 0.4;
}
.h_Circle2{
	width: 130px;
    height: 130PX;
    background-image: url(/img/gray_shape_1.png);
    background-repeat: no-repeat;
    background-position: 68% 22%;
    border-radius: 206px;
    position: absolute;
    top: -56px;
    left: 354px;
    opacity: 0.4;

}

h2.h_title_2{
    text-align: center;
    font-size:40px;
	font-weight: 700;
    color: #000;
	font-family: "NotoSansR", sans-serif;
}

.margin_60{
	margin-bottom:60px;
}
.h{
/*    height: 2500px;*/
	margin-bottom: 120px;
}
.bar{
    position: absolute;
    /* display: inline-block; */
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 4px;
	height:0;
/*    bottom: 0;*/
/*    min-height: 3000px;*/
    background: rgb(237,125,49);
	z-index:5;
}
.bar_bg{
    position: absolute;
    /* display: inline-block; */
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 4px;
    bottom: 0;
    min-height: 3000px;
    background: #e4e4e4;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.left{
    display: table-cell;
    float: left;
    width: 40%;
	text-align:right;
	position: relative;
}
.right{
    display: table-cell;
    float: right;
    width: 40%;
	text-align:left;
	position: relative;
}
.list_wrap{
	width:100%;
    z-index: 10;
    position: relative;
}
.list_wrap .shadow{
	width:100%;
	display: table;
	box-shadow: 5px 5px 11px rgba(68, 68, 68, 0.5);
}
/*큰 타이틀 배경*/
.photo div{
	width: 100%;
	height: 300px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index:5;
}
.photo div p:nth-child(1){
	font-size:40px;
/*	font-family:"NotoSansBK";*/
	font-weight:bold;
}
.photo div p{
	color:#fff;
	display:block;
	text-shadow: 5px 5px 5px #484848;
	font-size: 28px;
	font-weight: 500;
    line-height: 55px;
	font-family: "nanumsquareB";
}
.bg01{
	background-image: url(/img/h_bg1_v01.jpg);
	background-repeat: no-repeat;
	background-position: 99% 6%;
}
.bg02{
	background-image: url(/img/h_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 99% 20%;
}
.bg03{
	background-image: url(/img/h_bg3.jpg);
	background-repeat: no-repeat;
	background-position: 99% 33%;
}
.bg04{
	background-image: url(/img/h_bg4.jpg);
	background-repeat: no-repeat;
	background-position: 46% 55%;
}


.top01{
	margin-top:60px;
}

.list0, .list1 ,.list5 ,.list6,.list14 {
    margin-top: 100px;
    width: 100%;
    display: inline-block;
}
.list2, .list9{
	margin-top:80px;
	width: 100%;
	display: inline-block;
}
.list3, .list4, .list7, .list8, .list10, .list11,.list12, .list13 {
	margin-top:45px;
	width: 100%;
	display: inline-block;
}
span.y_title{
    font-size: 35px;
    font-weight: bold;
	color: #0750c5;
    margin-bottom: 20px;
}
span.icon1 {
    position: absolute;
    top: 14px;
    right: -137px;
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    border: #cacaca 3px solid;
    border-radius: 50%;
    z-index: 5;
}
span.icon2{
    position: absolute;
    top: 25px;
    right: -120px;
    width: 80px;
    height: 1px;
    background:#cacaca;
    display: block;
}
.icon_scroll{
     background: rgb(237,125,49) !important;
     border: none !important;
     width: 23px !important;
     height: 23px !important;
}
.icon_scroll:before{
	content: "";
	top: -6px;
	right: -6px;
	display: block;
	border-radius: 50%;
	width: 35px !important;
	height: 35px !important;
	position: absolute;
	animation: blink 2.5s linear infinite;
}
/*span.y_title:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 4px;*/
/*    right: -117px;*/
/*    display: block;*/
/*    width: 14px;*/
/*    height: 14px;*/
/*    background: #fff;*/
/*    border: #cacaca 2px solid;*/
/*    border-radius: 50%;*/
/*}*/
/*span.y_title:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 14px;*/
/*    right: -108px;*/
/*    width: 80px;*/
/*    height: 1px;*/
/*    background:#cacaca;*/
/*    display: block;*/
/*}*/
span.icon1_r {
    top: 15px !important;
    left: -136px !important;
}
span.icon2_r {
    top: 27px !important;
    left: -113px !important;
}
ul.y2020, ul.y2019, ul.y2016, ul.y2009, ul.y2008, ul.y2003{
	margin-top:10px;
}
ul.y2020 li, ul.y2019 li, ul.y2016 li, ul.y2009 li, ul.y2008 li, ul.y2003 li{
    font-size: 17px;
    line-height: 35px;
	font-weight: 600;
    color: #545454;
	font-family: "NotoSansR",sans-serif;
}

ul.y2019 li:nth-child(2), ul.y2009 li:nth-child(2), ul.y2009 li:nth-child(3), ul.y2003 li:nth-child(2){
    padding-left: 56px;
}
strong{
	margin:0 8px;
	color:#333;
	font-size:19px;
}
.left p, .right p{
	margin-top: 50px;
    line-height: 2;
    font-weight: 600;
    font-size: 17px;
    color: #353535;
}
.imgbox img, li.dabuller img{
	width: 280px;
    height: auto;
    margin: 25px 0;
	box-shadow: 5px 5px 25px rgba(121, 121, 121, 0.2);
    z-index: 15;
    position: relative;
}
.list2 .imgbox img:nth-child(1), .list3 .imgbox img, .list5 .imgbox img{
	width: 380px;
}
.list1 .imgbox img{
	width: 420px;
}
.list7{
	height:300px;
}
.list7 .imgbox img{
	width: 100%;
}
.list_Circle1{
	width: 235px;
    height: 235PX;
    background-image: url(/img/shape_6.png);
    background-repeat: no-repeat;
    background-position: 66% 54%;
    border-radius: 206px;
    position: absolute;
    top: -43px;
    left: 42px;
    opacity: 0.3;
    z-index: 5;
}
.list_Circle2{
    width: 215px;
    height: 215px;
    border: solid 1px transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(red, #fff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 2px 1000px 1px #fff inset;
    border-radius: 206px;
    position: absolute;
    bottom: -100px;
    right: -60px;
    transform: rotate(135deg);
}
.list_Circle2_1{


/**/
/*	    width: 150px;*/
/*    height: 150px;*/
/*    border-image: linear-gradient(to right, #01c9ca 0%, #3886FF 100%);*/
/*    border-style: solid;*/
/*    border-image-width: 5px;*/
/*    border-image-slice: 1;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 68% 38%;*/
/*    border-radius: 206px;*/
/*    position: absolute;*/
/*    top: 509px;*/
/*    left: 168px;*/
/*    transform: rotate(-45deg);*/

}
.list_Circle3{
	width: 380px;
    height: 95PX;
    background: linear-gradient(45deg, red, transparent);
    border-radius: 206px;
    position: absolute;
    top: 270px;
    left: 168px;
    opacity: 0.4;
    transform: rotate(-45deg);
}
.list_Circle4{
    width: 380px;
    height: 95PX;
    background: linear-gradient(45deg, red, transparent);
    border-radius: 206px;
    position: absolute;
    top: 142px;
    right: -124px;
    opacity: 0.4;
    transform: rotate(-45deg);

}

.list_Circle5{
	width: 235px;
    height: 235PX;
    background-image: url(/img/gray_shape_2.png);
    background-repeat: no-repeat;
    background-position: 66% 54%;
    border-radius: 206px;
    position: absolute;
    top: -43px;
    left: 42px;
    opacity: 0.7;
    z-index: 5;
}
.list_Circle6{
	width: 150px;
	height: 150px;
	background-image: url(/img/line_shape.png);
	background-repeat: no-repeat;
	background-position: 68% 22%;
	border-radius: 206px;
	position: absolute;
	top: -60px;
	right: -73px;
	opacity: 0.4;
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {opacity: 1;}
	55% {opacity: 0.5;}
    100% {opacity: 0;}
}

@keyframes blink {
    0% { background-color: rgba(237, 125, 49, 0.26); }
    33% { background-color: rgba(237, 125, 49, 0.44); }
    66% { background-color: rgba(237, 125, 49, 0.66) ; }
    100% { background-color:rgba(237, 125, 49, 0.88); }
}
/*이용제안서 fullpage*/

.full_mar{ 
	margin:25px auto 0 auto; /*25*/
}
.section .pdf_img{
	display:inline-block;
	width:1480px;
	box-shadow: 1px 1px 10px rgba(204, 204, 204, 0.6)
}
h2.sub_text_full{
	text-align: center;
	font-size: 40px;
	padding-top: 215px;
	color: #fff;
	font-family: "NotoSansR", sans-serif;
	font-weight: 700;
	text-shadow: 1px 1px 4px #a9a9a9;
}
.download-link-wrap{
    display: inline-block;
    position: relative;
}
.page_style{
	position: absolute;
    bottom: 47px;
    right: 42px;
	z-index: 110;
    font-size: 13px;
	background:rgba(0,0,0,0.4);
	padding: 5px 15px;
    border-radius: 20px;
	display:none;
	color:#fff !important;
} 
.page_style:hover{
	background:#414248;
}
.quick_style:hover{
	background:#414248;
}
.fullpage_bg{
	height: 420px;
    position: relative;
    background-image: url("/img/full_bg.jpg");
    background-repeat: no-repeat;
    background-position: 50% 43%;
    background-size: cover;
}
.quick_style{
    position: fixed;
    bottom: 190px;
    right: 90px;
    background: rgba(0,0,0,0.4);
    width: 100px;
    /* height: 100px; */
    line-height: 19px;
    border-radius: 50px;
    padding: 31px 0px;
     display: none; 
    color: #fff !important;
	z-index: 110;
}
a.main_tel_in{
	position: fixed;
	bottom: 440px;
	right: 90px;
	width: 100px;
	height: 100px;
	background: rgba(255,255,255,0.7);
	color: #000;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	z-index: 110;
	border-radius: 50px;
	font-family: 'NanumGothic';
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 1px 2px 9px rgba(204, 204, 204, 0.78);
}
.ch_advice_in{
	position: fixed;
	bottom: 315px;
	right: 90px;
	z-index:999;
	cursor:pointer;
}
.ch_advice_in img{
	width:100px;
	height:100px;
}
span.middle_tel_in{
    display: inline-block;
    position: absolute;
    top: 37px;
    left: 3px;
}
.middle_tel_in p{
	color: #000;
	font-weight: bold;
	font-size: 18px;
	font-family:"NotoSansBK",sans-serif;
}
.middle_tel_in p:nth-child(2){
	font-size: 14px;
	font-family:"NotoSansR",sans-serif;
}
span.tel_bottom_in{
	margin-top: -47px;
	font-size: 27px !important;
}

/********************
	그 외 sub css
*********************/
.inner_sub{
    width: 1250px;
    margin: 0 auto;
    margin-top: 100px;
}
/*전국운임*/
.sub_2{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_1.jpg");
    background-repeat: no-repeat;
    background-position: 51% 45%;
    background-size: 100%;
/*	box-shadow: 5px 5px 5px #b5b5b5;*/
	z-index: 10;
/*    margin-top: -20px;*/
}
/*차량사이즈*/
.sub_3{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 17%;
    background-size: 100%;
/*	box-shadow: 5px 5px 5px #b5b5b5;*/
	z-index: 10;
    margin-top: -20px;
}
/*견적문의*/
.sub_4{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_3_v03.png");
    background-repeat: no-repeat;
    background-position: 50% 17%;
    background-size: 100%;
/*	box-shadow: 5px 5px 5px #b5b5b5;*/
	z-index: 10;
    margin-top: -20px;
}
/*공지사항*/
.sub_5{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_4.jpg");
    background-repeat: no-repeat;
	background-position: 50% 61%;
    background-size: 100%;
/*	box-shadow: 5px 5px 5px #b5b5b5;*/
	z-index: 10;
    margin-top: -20px;
}
/*물류서비스*/
.sec_bg{
	background:#f5f5f5;
}
.sub_6{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_5.jpg");
    background-repeat: no-repeat;
    background-position: 50% 32%;
    background-size: 100%;
	z-index: 10;
/*	display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
}
.sub_text_w{
/*    align-items: center;*/
/*    justify-content: center;*/
	padding:207px 0 39px 0;
}
.sub_6 h2, .sub_7 h2{
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-family: "NotoSansR", sans-serif;
    font-weight: 700;
	margin-bottom:10px;
}
.sub_6 h2:nth-child(2), .sub_7 h2:nth-child(2){
    font-size: 25px;
    color: #fff;
    font-family: "NotoSansR", sans-serif;
	font-weight: 400;
}
/*인재채용*/
.sub_8{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_7.jpg");
    background-repeat: no-repeat;
	background-position: 50% 68%;
    background-size: 100%;
/*	box-shadow: 5px 5px 5px #b5b5b5;*/
	z-index: 10;
    margin-top: -20px;
}
h2.sub_text{
    text-align: center;
    font-size: 40px;
    padding-top: 215px;
    color: #fff;
    font-family: "NotoSansR", sans-serif;
    font-weight: 700;
}


/******************
	물류서비스
*******************/

.section1{
    box-sizing: border-box;
    padding: 100px 0 150px 0;
}
.section2, .section3{
    box-sizing: border-box;
    padding: 150px 0;
}
.section4{
	padding: 200px 0;
}
.t_left{
    float: left;
    width: 40%;
	text-align:right;
}
.t_right{
    float: right;
    width: 45%;
	text-align:left;
}
.section_title h2{
    font-size: 35px;
    font-family: "NotoSansM", sans-serif;
    margin-bottom: 110px;
    word-spacing: 5px;
    line-height: 1.54;
    color: #000;
}
.service_text{
	margin-top: 30px;
    width: 38%;
}
.service_text h2{
	font-family: "NotoSansR", sans-serif;
    font-size: 27px;
    line-height: 1.5;
    font-weight: 700;
	color: #0750c5;
}
.t_left p, .t_right p{
	margin-top: 30px;
    line-height: 2;
    font-size: 21px;
    color: #424242;
	font-family: "NotoSansM", sans-serif;
}
.service_img img, .case_img img{
	width:590px;
	height:auto;
}
.service_img2 img{
	width:auto;
	height:500px;
}
.service_img3 img{
	width:auto;
	height:535px;
}
span.b{
	font-family: "NotoSansB", sans-serif;
    vertical-align: bottom;
	color:#000;
}
/*카카오톡 슬라이드*/
#carouselwrap{
    width: 290px;
    height: 500px;
    margin-left: 270px;
    position: relative;
}
#carouselPrev{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 19px solid #cacaca;
	position: absolute;
    bottom: -40px;
    left: 125px;
    transform: rotate(-90deg);
}
#carouselNext{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
	border-bottom: 19px solid #cacaca;
    position: absolute;
    bottom: -40px;
    right: 103px;
    transform: rotate(90deg);
}
#carouselPrev img, #carouselNext img {
    width: 80px;
    height: 80px;
}
#carouse{
    width: 100%;
    height: 100%;
    overflow: hidden;
/*     border: 1px solid #ccc;*/
}
#carouselinner .column{
    width: 290px;
    height: 500px;
    float: left;
}

/*오더*/
#carouselwrap2{
    width: 610px;
    height: 455px;
    position: relative;
}
#carouselPrev2{}
#carouselNext2{}
#carouselPrev2 img, #carouselNext2 img {
    width: 50px;
    height: 50px;
}
#carouse2{
    width: 100%;
    height: 100%;
    overflow: hidden;
/*     border: 1px solid #ccc;*/
}
#carouselinner2 .column2{
    width: 580px;
    height: 455px;
    float: left;
	margin:auto 15px;
}

/*활용사례*/
.sub_7{
	height: 420px;
    position: relative;
    background-image: url("/img/sub_img_6.jpg");
    background-repeat: no-repeat;
    background-position: 50% 32%;
    background-size: 100%;
	z-index: 10;
	display: flex;
    align-items: center;
    justify-content: center;
}
.sub_7_titles_box{
	height:420px;
	position:relative;
}
.alignmiddle{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.case2{
	padding-top:100px;
}
.case3{
	padding:100px 0;
}
.case_title h3{
	font-size: 35px;
    font-family: "NotoSansM", sans-serif;
    margin: 170px auto 35px auto;
    word-spacing: 5px;
    color: #fff;
    width: 470px;
    background-color: rgb(0,112,192);
    height: 75px;
    line-height: 75px;
    border-radius: 40px;
}
.case_contents{
	box-sizing: border-box;
	padding: 100px 0;
}


.case_1, .case_2 > h3, .case_2 > div, .case_4 > h3, .case_4 > div{
	opacity: 0;
}
.t_left div p, .t_right div p{
	margin-top: 20px;
    line-height: 2;
    font-size: 21px;
    color: #424242;
	font-family: "NotoSansM", sans-serif;
}

.t_left div p:nth-child(1), .t_right div p:nth-child(1){
	margin-top: 25px;
    font-size: 27px;
    color: #0750c5;
	font-family: "NotoSansM", sans-serif;
}
.arrow_bottom{
	width:100%;
	height:125px;
	position: relative;
/*    margin: 55px auto;*/
}
.case_scroll{
	display: inline-block;
	position: absolute;
	left: 50%;
	width: 90px;
	height: 30px;
	margin-left: -14px;
}
.arrow {
	text-align: center;
	margin: 8% 0;
	color: white;
}
.arrow a.black{
	color: #000 !important;	
	font-size:38px;
}
.case_contents h3{
	font-size: 35px;
    margin: 0px 0 120px 0;
	font-family: "NotoSansM", sans-serif;
	color: #0750c5;
}
.case_text div p.two{
	margin-top: 50px;
    line-height: 2;
    font-size: 21px;
    color: #424242;
	font-family: "NotoSansM", sans-serif;

}
span.c{
	color: #0750c5;
    vertical-align: bottom;
}
.Partner_text div p{
	margin-top: 20px;
    line-height: 2;
    font-size: 21px;
    color: #0750c5;
	font-family: "NotoSansM", sans-serif;
}

.Partner_text div p:nth-child(1){
	margin-top: 25px;
    font-size: 27px;
    color: #000;
	font-family: "NotoSansB", sans-serif;
}
.change div p{
	font-size: 35px !important;
}
a.sub_top{
	position: fixed;
	bottom: 70px;
	right: 90px;
	width: 100px;
	height: 100px;
	background: #fff;
    color: #000;
    border: 1px solid rgba(144, 144, 144, 0.7);
	font-size: 16px;
	text-align: center;
	z-index: 110;
	border-radius: 50px;
	font-weight: bold;
	display:none;
	font-family: 'NanumGothic';
}
span.align{
	height: 40px;
    display: inline-block;
    margin: 28px 0;
}
.b1{
	bottom: 225px !important;
}


/*****************
	운송료 확인하기
******************/
.section_title2 h2{
    font-size: 35px;
    font-family: "NotoSansM", sans-serif;
    margin-bottom: 35px;
    word-spacing: 5px;
    line-height: 1.54;
    color: #000;
}
.search_wrap{
/*	width:55%;*/
	display:inline-block;
	margin:0 auto;
	font-family: "NotoSansR", sans-serif;
	text-align:left;
}
.search_wrap div {
	margin-bottom:10px;
}

.add_div p{
	font-weight: bold;
    font-size: 17px;
    line-height: 52px;
    /* margin-right: 10px; */
    float: left;
    background: #223D73;
    color: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 0 22px;
}
.add_div div, .add_div_plus div{
	display:inline-block;
	position: relative;
}

.add_in input[type=text]{
	width:450px;
	height:50px;
	border: 1px solid #223D73;
	text-indent:10px;
	/* border-radius: 30px; */
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
}

.add_in button.seach_btn{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	border:none;
	outline:none;
	background:transparent;
	font-size:20px;
	color:#444;
	display:none;
}
.add_btn button.add{
    border: 2px solid rgba(34, 61, 115, 0.7);
    background: transparent;
    width: 45px;
    height: 45px;
    top: -14px;
    border-radius: 25px;
    font-family: "NotoSansR", sans-serif;
    font-size: 17px;
    color:rgba(34, 61, 115, 0.7);
}
.add_btn button.del{
	background: transparent;
	width: 45px;
	height: 45px;
	border: 2px solid rgba(204, 73, 70, 0.7);
	border-radius: 25px;
	font-family: "NotoSansR", sans-serif;
	font-size: 17px;
	color:rgba(204, 73, 70, 0.7);
}
/*경유 sel*/
.add_div_plus{
	float:right;
}
.add_div_plus .add_in input[type=text]{
	width:543px;
	height:50px;
	border: 1px solid #223D73;
	text-indent:10px;
	border-radius: 25px; 
}

/**/
.search_bottom span{
	font-size: 16px;
    color: #696969;
    width: 55%;
    display: block;
    margin: 0 auto;
    text-align: center;
	font-family: "NotoSansR", sans-serif;
}
.price_table_group{
    position: relative;
/*	width:55%;*/
	display:inline-block;
	margin:25px auto;
}

.price_table_group input[type="button"]{
    width: 150px;
    height: 51px;
    font-size: 16px;
    border: 1px solid #223D73;
	background:#223D73;
	color:#fff;
	font-family: "NotoSansR", sans-serif;
	border-radius:30px;
/*	margin-left:160px;*/
}
/*단가표산출 sel*/
.price_table {
  /*Demo css do not add to your project*/
	position: absolute;
    top: 20%;
    left: 0%;
    /* -webkit-transform: translate(-50%, -50%); */
    transform: translate(0%, -20%);
    display: block;
    padding-bottom: 0px;
    /* position: relative; */
    width: 150px;
    z-index: 54;
}
.price_table *, .price_table :after, .price_table :before {
  box-sizing: border-box;
  font-family: "NotoSansR", sans-serif;
}
.price_table [type=button] {
  background: #fff;
  border: 1px solid #223D73;/*f7b048*/
  cursor: default;
  display: block;
  line-height: 49px;
  position: relative;
  text-align: left;
  text-indent: 10px;
  width: 100%;
  z-index: 1;
  outline: none;
  overflow: hidden;
  font-size: 12pt;
}
.price_table [type=button]:focus, .price_table [type=button]:hover {
 /* background: rgba(23, 105, 255, 0.66);*/
}
.price_table [type=button]:after {
  content: '\25be';
  float: right;
  padding-right: 3px;
}
.price_table ul[role=listbox] {
  background-color: white;
  /* border-radius: 10px; */
  cursor: default;
  list-style: none;
  line-height: 49px;
  overflow: hidden;
  margin: 0;
  max-height: 0;
  position: absolute;
  padding: 0;
  -webkit-transform: translateY(-52px);
  transform: translateY(-52px);
  transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1);
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}
.price_table ul[role=listbox] li {
  height: 50px;
  margin: 0;
  padding: 5px 10px;
  width: 100%;
  outline: none;
  overflow: hidden;
  font-size: 12pt;
  line-height: 36px;
  text-align: left;
}

.price_table ul[role=listbox] li:focus, .price_table ul[role=listbox] li:hover, .price_table ul[role=listbox] li.active {
  background: rgba(23, 105, 255, 0.66);
  color: white;
}
.price_table.active ul {
  max-height: 400px;
  overflow: auto;
 /* padding: 8px 0 16px 0px;*/
  z-index: 2;
  transition: all 0.2s ease;
}

.reference{
	position: relative;
}
.reference h3.reference_top{
	font-family: "NotoSansR", sans-serif;
	font-size: 17px;
	font-weight: bold;
	text-align:left;
	width:100%;
	display:inline-block;
	padding-left: 50px;
}
.re_line{
    border: 2px solid #c4c6c7;
    padding: 30px 0;
    width: 100%;
    margin: 15px auto 100px auto;
}
.re_wrap{
	width:95%;
	margin:0 auto;
}
.re_wrap h3{
    font-family: "NotoSansR", sans-serif;
    font-size: 13px;
    text-align: right;
    margin-bottom: 5px;
}
.re_table{
	width: 100%;
    margin: 0 auto;
	border-collapse:separate;
	border-spacing:0;
	background: #ffffff;
	table-layout: fixed;
	border-top: 2px solid #414248;
	text-align:center;
	box-shadow: -90px 0px 100px -90px #d6d6d6, 90px 0px 100px -90px #d6d6d6;
	border-radius:5px;
}
.re_table thead th {
	padding:12px 0;
	background:#686a73;
	color:#ffffff;
	font-size:13px;
	text-align:center;
/*	letter-spacing:-0.1em*/
}

.re_table td {
	padding:17px 5px;
/*	border-bottom:1px solid #e9e9e9;*/
	border:1px solid #e1e1e1;
	font-weight:bold;
	color:#555;/*333*/
	line-height:1.5em;
	word-break:break-all
}

.re_table thead tr th:nth-child(1){
	border-left:1px solid #e1e1e1;
}
.re_table thead tr th:nth-last-child(1){
	border-right:1px solid #e1e1e1;
}
.re_table tbody tr td:nth-child(n+2):nth-child(-n+13) {
	border-left:none;
}
.re_table tbody tr td:first-child{
    border-radius: 0 0 0 5px;
}
.re_table tbody tr td:last-child {
    border-radius: 0 0 5px 0;
}

.re_wrap ul{
	margin-top:25px;
	text-align:left;
}
.re_wrap ul li{
	font-family: "NotoSansR", sans-serif;
	font-size: 15px;
	padding-left:30px;
	line-height:1.94;
}

.re_wrap ul li a{
	vertical-align: top;
	text-decoration: underline;
	color:#2a72b5;
}
.re_wrap ul li:nth-child(1){
	margin-bottom:5px;
	color:#cc4946;
	font-weight:bold;
}
.re_wrap ul li:nth-last-child(1){
	margin-top:5px;
	color:#2a72b5;
	font-weight:bold;
}
.re_wrap ul li span img{
    width: 25px;
    height: 25px;
    vertical-align: top;
	margin:0 5px;
}

/*****************
	이용약관
******************/
div.terms{
	text-align:left;
	margin: 200px auto 100px auto;
}
.dan{
	margin-top: 45px;
}
div.terms h3.titles{
	font-family: "NotoSansBK", sans-serif;
	text-align:center;
	font-size:49px;
	color:#000;
	margin-bottom: 60px;
}
div.terms h2{
	font-family: "NotoSansR", sans-serif;
	font-size:24px;
	color:#494949;
	margin-bottom: 10px;
}
div.terms h3{
	font-family: "NotoSansR", sans-serif;
	font-size:24px;
	color:#494949;
	margin-bottom: 40px;
}

div.terms h4{
	font-family: "NotoSansR", sans-serif;
	font-size:22px;
	color:#494949;
	margin: 50px 0 20px 0;
}

div.terms h5, div.terms p{
	font-family: "NotoSansR", sans-serif;
	font-size:20px;
	color:#494949;
	margin-bottom: 15px;
}
div.terms ul{
	margin:10px 0;
}
div.terms ul li{
	font-family: "NotoSansR", sans-serif;
	font-size:16px;
	line-height:2.25;
	color:#494949;
	padding-left: 15px;
}

div.terms h5, div.terms p{
	font-family: "NotoSansR", sans-serif;
	font-size:20px;
	color:#494949;
	margin-bottom:15px;
}
div.terms ul{
	margin:10px 0;
}
div.terms ul li{
	font-family: "NotoSansR", sans-serif;
	font-size:18px;
    line-height: 2.5;
	color:#494949;
	padding-left: 15px;
}
ul.amount_list_ul li:nth-child(odd){
	float: left;
}
ul.amount_list_ul li:nth-child(even){
    padding: 0 0 0 13px;
}
/*****************
	전국운임
******************/
#amount_list1-1-1, #amount_list2, #amount_list4, #amount_list6, #amount_list8{
    box-sizing: border-box;
    padding: 50px 0;
}

.amount_list_bg{
	background:#f7f7f7;
}
.enter{
	width:100%;
	min-width:1870px;
	height:100px;
}
.mouse_bg{
    width: 100%;
	background: transparent;
    height: 900px;
    position: absolute;
    top: 0;
    left: 0;
	z-index:2;
	display:none;
}
.mouse_bg:after{
	content:"";
	display:block;
	clear:both;
}
.mouse_group{
	position: fixed;
    top: 500px;
    right: 400px;
	z-index: 3;
	display:none;
}
p.mouse_text {
  margin-top: 10px;
  font-family: "NotoSansB", sans-serif;
  color: #ffffff;
  -webkit-animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
  animation: colorText 5s ease-out infinite, nudgeText 5s ease-out infinite;
  font-size: 13px;
  text-align:center;
}
.mouse {
  background: #000 linear-gradient(#4e5559 0%, #4e5559 50%, #4e5559 50%, #4e5559 100%);
  width: 52px;
  height: 88px;
  background-size: 100% 100%;
  border-radius: 100px;
  background-size: 225%;
  -webkit-animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
  display: inline-block;
}
.mouse:before, .mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mouse:before {
  width: 46px;
  height: 82px;
  background-color: #ffffff;
  border-radius: 100px;
}
.mouse:after {
  background-color: #000000;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 5s linear infinite;
  animation: trackBallSlide 5s linear infinite;
}
table.amount_list, table.amount_list2 {
    font-size: 15px;
    text-align: center;
}
.thead_bg{
	background:#686a73;
}
.font{
    font-size: 13.5px;
    padding: 10px 0 !important;
	color:#003c67 !important;
/*	background:rgba(0, 0, 0, 0.6) !important;*/
	background:#ececec !important;
}

#amount_list1, #amount_list2, #amount_list3, #amount_list4, #amount_list5,
#amount_list6, #amount_list7, #amount_list8, #amount_list9{
    box-sizing: border-box;
    padding: 0;
}

table.amount_list thead tr th, table.amount_list2 thead tr th{
	padding:12px 0;
/*	border-top:1px solid #e1e1e1;*/
/*	border-bottom:1px solid #e1e1e1;*/
	color:#fff;
	background:rgba(113, 113, 113, 0.8);
	word-break: keep-all;
}
table.amount_list tbody tr td{
	padding:12px 6px;
	border:1px solid #e1e1e1;
/*	border-bottom:1px solid #e1e1e1;*/
	border-left:none;
	border-right:none;
	font-weight:bold;
	color:#555;/*333*/
	line-height:1.5;
	background:#fff;
	transition: background .40s ease-in;
	-moz-transition: background .40s ease-in;
	-webkit-transition: background .40s ease-in;

}

table.amount_list thead tr th:nth-child(1), table.amount_list2 thead tr th:nth-child(1){
	border-left:none;
}
table.amount_list thead tr th:nth-last-child(1), table.amount_list2 thead tr th:nth-last-child(1){
	border-right:none;
}
.amount_list thead tr:first-child th:first-child, .t_1 thead tr:first-child th:first-child{
    border-radius: 15px 0 0 0;
}
.amount_list thead tr:first-child th:last-child, .t_1 thead tr:first-child th:last-child{
    border-radius: 0 15px 0 0;
}
/**/

.amount_list_ul_wrap{
	position:relative;
    border: 2px solid #c4c6c7;
    padding: 0 0 30px 0;
    width: 100%;
/*	height:650px;
	overflow:hidden;
	overflow-y:scroll; */
	margin-top:15px;
	border-radius:10px;
}
ul.amount_list_ul{
    margin: 40px;
}
ul.amount_list_ul li{
    font-size: 16px;
    text-align: left;
    line-height: 2.5;
	color:#494949;
	font-family:"NotoSansR", sans-serif;
/*    list-style: square;*/
}

ul.amount_list_ul li span img{
    width: 25px;
    height: 25px;
    vertical-align: top;
	margin:0 5px;
}
ul.amount_list_ul li a{
    text-decoration: underline;
	font-family:"NotoSansB", sans-serif !important;
	vertical-align:top;
	color:#0750c5;
}
.f_bule{
	color:#0750c5 !important; /*0070c0*/
}
.f_red{
	color:#cc4946 !important; /*0070c0*/
}
.f_bold{
	font-family:"NotoSansB", sans-serif !important;
	vertical-align:top;
	color:#333;
}
h2.t_1_p{
	font-family:"NotoSansR", sans-serif;
	font-size: 16px;
	text-align: left;
	line-height: 2;
	margin:15px 0 15px 40px;
}

.t_1_wrap{
/*	padding:0 53px;*/
	width: 90%;
    margin-left: 35px;
}
table.t_1{
	font-size:15px;
	margin:0;
}
table.t_1 tbody tr td:nth-child(1){
/*	border-left:none;*/
	color:#555;
/*	background:#686a73;/* !important*/*/
}
table.t_1 thead tr th{
	padding:12px 0;
/*	color:#757575;*/
/*	background:transparent !important;*/
	color:#fff;
	background:rgba(113, 113, 113, 0.8);
	font-size:13px;
}

table.t_1 tbody tr td{
	padding:9px 0;
	border:1px solid #e1e1e1;
	font-weight:bold;
	color:#555;/*333*/
	font-size:13px;
}
.border_b{
	border-bottom: 2px solid #bdc0ca !important;
}
/*01-13추가*/
.dotted_line{
	position: relative;
	margin-bottom: 15px;
	border-bottom: 2px dotted #bfbfbf;
	padding-bottom: 10px;
}

.amount_list_wrap{
/*	height:685px; */
	padding: 25px 15px;
	background:#fff;
	border-radius:15px;
	box-shadow: 1px 1px 20px #dcdcdc;
}
.amount_list_wrap .body{
/*	height:500px;
	overflow:hidden;
	overflow-y:scroll;
	position:relative; */
}
.li_style{
	box-shadow: 1px 1px 5px #ccc;
}
.head ul.li_head:after, ul.li_main:after, ul.li_sub:after, 
.head ul.li_head li:after, ul.li_main li:after, ul.li_sub li:after{
	content:"";
	clear:both;
	display:block;
}
.head ul.li_head li{
	float:left;
	padding: 20px 0;
	border-top: none;
	color: #757575;
	position: relative;
}
.head ul.li_head li p{
	font-weight:bold;
	font-size: 14px;
}
.body ul.li_main li, .head{
	margin-bottom:13px;
}
.body ul.li_main li ul.li_sub li{
	float:left;
	padding: 15px 0px;
/*	border: 1px solid #e1e1e1;*/
/*			height: 50px;*/
/*			line-height: 50px;*/
	border-right: none;
	border-left: none;
	font-weight: bold;
	color: #555;
	transition: background .40s ease-in;
	-moz-transition: background .40s ease-in;
	-webkit-transition: background .40s ease-in;
	background: #fff;
	margin: 0;
	cursor: default;
}
.body ul.li_main li{
	border-left:5px solid #555;
}
.body ul.li_main li ul.li_sub li:nth-child(n+2):nth-child(-n+13):hover{
	background:#d6d6d6 !important;
}
.body ul.li_main li ul.li_sub li.nohover:nth-child(n+2):nth-child(-n+13):hover{
	background:none;
}
/*li line*/
.left_line{
    border-left: 5px solid #555 !important;
}
.right_line{
	border-right: 1px solid #e1e1e1 !important;
}
.bottom_line{
	border-bottom:1px solid #e1e1e1;
}
.bgs{
	background:#f5f5f5 !important;
}
.radius_side{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;	
}
.radius_left{
	border-bottom-left-radius: 15px;
}
.radius_right{
	border-bottom-right-radius: 15px;	
}
@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  89.99%, 100% {
    background-color: #ffffff;
  }
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }
  20% {
    background-position: 0% 0%;
  }
  21% {
    background-color: #4e5559;
  }
  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  30% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  51% {
    background-color: #4e5559;
  }
  59.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }
  60% {
    background-color: #4e5559;
    background-position: 0% 100%;
  }
  80% {
    background-position: 0% 0%;
  }
  81% {
    background-color: #4e5559;
  }
  89.99%, 100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  15%, 19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  28%, 29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  45%, 49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  58%, 59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
            transform: scale(0.9) translateY(5px);
  }
  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
            transform: scale(0.4) translateY(40px);
  }
  75%, 79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
            transform: scale(0.4) translateY(-20px);
  }
  88%, 100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
            transform: scale(1) translateY(-20px);
  }
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
@keyframes colorText {
  21% {
    color: #4e5559;
  }
  30% {
    color: #ffffff;
  }
  51% {
    color: #4e5559;
  }
  60% {
    color: #ffffff;
  }
  81% {
    color: #4e5559;
  }
  90% {
    color: #ffffff;
  }
}
/*****************
	차량사이즈
******************/
/*단독*/
.all_w{
	width:44.9% !important;
}
.li_w{
	width:100% !important;
}
ul.tabs{
	position: relative;
}
ul.tabs li {
    display: inline-block;
    text-align:center;
    cursor: pointer;
    width: 44.9%;
	padding: 20px 0 10px 0;
/*    background: #fafafa;*/
    overflow: hidden;
    position: relative;
	z-index: 1;
	border: 1px solid #e1e1e1;/*rgba(225, 225, 225, 0.5)*/
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
ul.tabs li:nth-child(odd){
	/*margin-right:62px;*/
    margin-right: 54.5%;
}
ul.tabs li:nth-child(even){
	/*margin-right:62px;*/
    position: absolute;
    right: 0;
}
.tabs_radiuss{
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
/**/

/**/
.tab_container {
    clear: both;
    width: 100%;
    position: relative;
	top:0;
}
.tab_content {
    font-size: 12px;
    display: none;
	border: 1px solid #e1e1e1;/*rgba(225, 225, 225, 0.5)*/
	margin-top:-6px;
    position: relative;
	border-radius:0 0 15px 15px;
}
.tab_container .tab_content ul {
    width:100%;
/*    margin-bottom: 30px;*/
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    margin-top: 50px;
}
.car_layer{
	position: relative;
	padding: 26px 40px;
/*	background: #fff;*/
	/*    box-shadow: 2px 1px 25px rgba(225, 225, 225, 0.7);*/
}
h2.car_title{
	font-size:27px;
	font-family:"NotoSansB", sans-serif;
}
p.car_text{
	font-size:21px;
	margin:5px 0;
	font-family:"NotoSansR", sans-serif;
	display:none;
}
.car_img{
    width: 300px;
	height:190px;
/*    margin-top: 40px;*/
}
.car_bar{
	width: 50px;
    height: 5px;
    background: #414248;
    margin: 30px auto;
}
.car_style{
    width: 1186px;
    padding: 53px 30px 30px 30px;
	margin: 0px 0px 0 1px;
/*	background:#fff;*/
/*	z-index:10;*/
}
.car_style ul li{
	display:inline-block;
/*	background:#f5f5f5;*/
/*	padding: 25px 0;*/
	position: relative;
	top: 0;
}
.car_style ul li:nth-child(odd){
/*	margin-right:30px;*/
	width:60%;
}
.car_style ul li:nth-child(odd) img{
	width:100%;
}
.car_style ul li:nth-child(even){/*	margin-left:30px;*/width:38%;}
.car_style ul li:nth-child(even) img{
	width:275px;
	height:355px;
}
.body_top{
	width: 100%;
/*    background: rgba(255, 192, 203, 0.2);*/
    height: 50%;
    position: relative;
}
.body_bottom{
    width: 100%;
/*    background: rgba(255, 192, 203, 0.2);*/
    height: 50%;
    position: relative;
}
.f_color{
	color: #8c8b8b;	
}
/*1톤, 5톤, 추레라 뒤*/
.ton1_size_right, .ton1_wing_size_right, 
.ton5_size_right, .ton5_wing_size_right, 
.ton5p_size_right, .ton5p_wing_size_right, 
.ton5pc_size_right, .ton5pc_wing_size_right, 
.chu_size_right, .chu_wing_size_right,
.row_size_right, .row_wing_size_right{
	position: relative;
	width:275px;
	margin:0 auto;
}
/******************1톤********************/

.ton1_size_left, .ton1_wing_size_left{
	position: relative;
	width:525px;
	margin:0 auto;
}
.ton1_top_position{
    position: absolute;
    top: 85px;
    width: 100%;
}
.ton1_bottom_position{
	position: absolute;
	top:19px;
    right: 3px;
    height: 100%;
    width: 30px;
}
.ton1_head{
    width: 212px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.ton1_body{
	width: 313px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
/*1톤 적재함 넓이 / 1톤 뒤 적재 / 1톤 윙 적재넓이 / 1톤 윙 뒤 적재*/

.ton1_top_position > .ton1_p_up, .ton1_right_top >.ton1_p_up,
.ton1_wing_top_position > .ton1_wing_p_up, .ton1_wing_right_top > .ton1_wing_p_up{
	position: absolute;
    left: 0;
    right: 30px;
    top: -23px;
    text-align:center;
}
.ton1_top_position > .ton1_p, .ton1_right_top >.ton1_p,
.ton1_wing_top_position > .ton1_wing_p, .ton1_wing_right_top > .ton1_wing_p{
    position: absolute;
    left: 0;
    right: 30px;
    text-align:center;
}
.ton1_top_position > .ton1_p_down, .ton1_right_top >.ton1_p_down,
.ton1_wing_top_position > .ton1_wing_p_down, .ton1_wing_right_top > .ton1_wing_p_down{
	position: absolute;
    left: 0;
    right: 30px;
    top: 23px;
    text-align:center;
}
/*1톤 바닥 text*/
.ton1_bottom_position > .ton1_p_up{
    position: absolute;
    top: 66px;
    width: 44px;
    left: -43px;
}

.ton1_bottom_position > .ton1_p{
	position: absolute;
	top: 67px;
	width: 44px;
	left: 0px;
}
.ton1_bottom_position > .ton1_p_down{
    position: absolute;
    top: 67px;
    width: 44px;
    left: 43px;
}

/* 1톤 윙 바닥 text*/

.ton1_wing_bottom_position > .ton1_wing_p_up{
    position: absolute;
    top: 78px;
    width: 44px;
    left: -43px;
}
.ton1_wing_bottom_position > .ton1_wing_p{
	position: absolute;
	top: 78px;
	width: 44px;
	left: 0px;
}
.ton1_wing_bottom_position > .ton1_wing_p_down{
    position: absolute;
    top: 78px;
    width: 44px;
    left: 43px;
}

/*1톤 윙 높이 text*/

.ton1_wing_right_bottom > .ton1_wing_p_up{
	position: absolute;
	top: 104px;
	width: 60px;
	left: -15px;
	text-align:center;
}
.ton1_wing_right_bottom > .ton1_wing_p{
	position: absolute;
	top: 132px;
	width: 60px;
	left: -15px;
	text-align:center;
}

.ton1_wing_right_bottom > .ton1_wing_p_down{
	position: absolute;
	top: 160px;
	width: 60px;
	left: -15px;
	text-align:center;
}

/*body_top line*/

.ton1_top_position > div.ton1_left_ba, .ton1_right_top > div.ton1_left_ba,
.ton1_wing_top_position > div.ton1_wing_left_ba, .ton1_wing_right_top > div.ton1_wing_left_ba{
	position: absolute;
    top: 0px;
    left: 21px;
}
.ton1_top_position > div.ton1_left_ba:after, .ton1_right_top > div.ton1_left_ba:after,
.ton1_wing_top_position > div.ton1_wing_left_ba:after, .ton1_wing_right_top > div.ton1_wing_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 65px;
	background:#000;
} 
.ton1_top_position > div.ton1_left_ba:before, .ton1_right_top > div.ton1_left_ba:before,
.ton1_wing_top_position > div.ton1_wing_left_ba:before, .ton1_wing_right_top > div.ton1_wing_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton1_top_position > div.ton1_left_ba:after, .ton1_right_top > div.ton1_left_ba:after,
.ton1_wing_top_position > div.ton1_wing_left_ba:after, .ton1_wing_right_top > div.ton1_wing_left_ba:after{
	top: -20px;
	right: -15px;
	transform: rotate(90deg);
}
/**/
.ton1_top_position > div.ton1_right_ba, .ton1_right_top > div.ton1_right_ba,
.ton1_wing_top_position > div.ton1_wing_right_ba, .ton1_wing_right_top > div.ton1_wing_right_ba{
	position: absolute;
    top: 0;
    right: 15px;
}
.ton1_top_position > div.ton1_right_ba:after, .ton1_right_top > div.ton1_right_ba:after,
.ton1_wing_top_position > div.ton1_wing_right_ba:after, .ton1_wing_right_top > div.ton1_wing_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 65px;
	background:#000;
} 
.ton1_top_position > div.ton1_right_ba:before, .ton1_right_top > div.ton1_right_ba:before,
.ton1_wing_top_position > div.ton1_wing_right_ba:before, .ton1_wing_right_top > div.ton1_wing_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton1_top_position > div.ton1_right_ba:after, .ton1_right_top > div.ton1_right_ba:after,
.ton1_wing_top_position > div.ton1_wing_right_ba:after, .ton1_wing_right_top > div.ton1_wing_right_ba:after{
	top: -20px;
	left: -53px;
	transform: rotate(90deg);
}


/*body_bottom line*/

 .ton1_bottom_position > div.ton1_left_ba{
	position: absolute;
	top: 55px;
	right: 0;
	transform: rotate(90deg);
}
/*1톤 윙 바닥왼쪽*/

.ton1_wing_bottom_position > div.ton1_wing_left_ba{
	position: absolute;
	top: 65px;
	right: 0;
	transform: rotate(90deg);
}
.ton1_bottom_position > div.ton1_left_ba:after,
.ton1_wing_bottom_position > div.ton1_wing_left_ba:after {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 20px;
	background:#000;
} 
.ton1_bottom_position > div.ton1_left_ba:before,
.ton1_wing_bottom_position > div.ton1_wing_left_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton1_bottom_position > div.ton1_left_ba:after,
.ton1_wing_bottom_position > div.ton1_wing_left_ba:after {
	top: 2px;
	right: 7px;
	transform: rotate(90deg);
}
/**/
.ton1_bottom_position > div.ton1_right_ba,
.ton1_wing_bottom_position > div.ton1_wing_right_ba{
	position: absolute;
	bottom: 12px;
	right: 0;
	/* right: 15px; */
	transform: rotate(90deg);
}
.ton1_bottom_position > div.ton1_right_ba:after, 
.ton1_wing_bottom_position > div.ton1_wing_right_ba:after {
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 20px;
	background:#000;
} 
.ton1_bottom_position > div.ton1_right_ba:before,
.ton1_wing_bottom_position > div.ton1_wing_right_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton1_bottom_position > div.ton1_right_ba:after,
.ton1_wing_bottom_position > div.ton1_wing_right_ba:after {
	top: 2px;
	left: -31px;
	transform: rotate(90deg);
}

/*1톤 카고 뒤 적재 넓이*/

.ton1_right_top{
	position: absolute;
    top: -8px;
    left: 42px;
    width: 82%;
    height: 30px;
}

/*1톤 윙*/

.ton1_wing_head {
    width: 194px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.ton1_wing_body{
	width:	331px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
.ton1_wing_top_position{
	position: absolute;
    top: 0px;
    width: 100%;
}
.ton1_wing_bottom_position{
    position: absolute;
    top: 39px;
    right: -1px;
    height: 95%;
    width: 30px;
}
.ton1_wing_right_top{
	position: absolute;
    top: -17px;
    left: 41px;
    width: 85%;
    height: 30px;
}
.ton1_wing_right_bottom{
    position: absolute;
    top: 0;
    left: -20px;
    width: 30px;
    height: 85%;
}

/*1톤 윙, 5톤 윙, 추레라 윙 측면*/

.ton1_wing_right_bottom > div.ton1_wing_left_ba,
.ton5_wing_right_bottom > div.ton5_wing_left_ba,
.ton5p_wing_right_bottom > div.ton5p_wing_left_ba,
.ton5pc_wing_right_bottom > div.ton5pc_wing_left_ba,
.chu_wing_right_bottom > div.chu_wing_left_ba{
	position: absolute;
	top: 65px;
	right: 0;
	transform: rotate(90deg);
}
.ton1_wing_right_bottom > div.ton1_wing_left_ba:after,
.ton5_wing_right_bottom > div.ton5_wing_left_ba:after,
.ton5p_wing_right_bottom > div.ton5p_wing_left_ba:after,
.ton5pc_wing_right_bottom > div.ton5pc_wing_left_ba:after,
.chu_wing_right_bottom > div.chu_wing_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 35px;
	background:#000;
} 
.ton1_wing_right_bottom > div.ton1_wing_left_ba:before,
.ton5_wing_right_bottom > div.ton5_wing_left_ba:before,
.ton5p_wing_right_bottom > div.ton5p_wing_left_ba:before,
.ton5pc_wing_right_bottom > div.ton5pc_wing_left_ba:before,
.chu_wing_right_bottom > div.chu_wing_left_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton1_wing_right_bottom > div.ton1_wing_left_ba:after,
.ton5_wing_right_bottom > div.ton5_wing_left_ba:after, 
.ton5p_wing_right_bottom > div.ton5p_wing_left_ba:after, 
.ton5pc_wing_right_bottom > div.ton5pc_wing_left_ba:after, 
.chu_wing_right_bottom > div.chu_wing_left_ba:after {
	top: -5px;
	right: 0px;
	transform: rotate(90deg);
}
/**/
.ton1_wing_right_bottom > div.ton1_wing_right_ba,
.ton5_wing_right_bottom > div.ton5_wing_right_ba,
.ton5p_wing_right_bottom > div.ton5p_wing_right_ba,
.ton5pc_wing_right_bottom > div.ton5pc_wing_right_ba,
.chu_wing_right_bottom > div.chu_wing_right_ba{
	position: absolute;
	bottom: 40px;
	right: 0;
	transform: rotate(90deg);
}
.ton1_wing_right_bottom > div.ton1_wing_right_ba:after,
.ton5_wing_right_bottom > div.ton5_wing_right_ba:after,
.ton5p_wing_right_bottom > div.ton5p_wing_right_ba:after,
.ton5pc_wing_right_bottom > div.ton5pc_wing_right_ba:after,
.chu_wing_right_bottom > div.chu_wing_right_ba:after {
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 35px;
	background:#000;
} 
.ton1_wing_right_bottom > div.ton1_wing_right_ba:before,
.ton5_wing_right_bottom > div.ton5_wing_right_ba:before,
.ton5p_wing_right_bottom > div.ton5p_wing_right_ba:before,
.ton5pc_wing_right_bottom > div.ton5pc_wing_right_ba:before,
.chu_wing_right_bottom > div.chu_wing_right_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton1_wing_right_bottom > div.ton1_wing_right_ba:after,
.ton5_wing_right_bottom > div.ton5_wing_right_ba:after,
.ton5p_wing_right_bottom > div.ton5p_wing_right_ba:after,
.ton5pc_wing_right_bottom > div.ton5pc_wing_right_ba:after,
.chu_wing_right_bottom > div.chu_wing_right_ba:after {
	top: -5px;
	left: -37px;
	transform: rotate(90deg);
}

/************************5톤 / 5톤 플 / 5톤 플축*************************/

.ton5_size_left, .ton5_wing_size_left,
.ton5p_size_left, .ton5p_wing_size_left,
.ton5pc_size_left, .ton5pc_wing_size_left{
	position: relative;
	width:525px;
	margin:0 auto;
}
.ton5_top_position,
.ton5p_top_position,
.ton5pc_top_position{
    position: absolute;
    top: 114px;
    width: 100%;
}
.ton5_bottom_position, 
.ton5p_bottom_position,
.ton5pc_bottom_position{
	position: absolute;
	top:28px;
    right: 0px;
    height: 100%;
    width: 30px;
}
.ton5_head, .ton5p_head, .ton5pc_head{
    width: 175px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.ton5_body, .ton5p_body, .ton5pc_body{
	width: 350px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
/*5톤 적재함 넓이 / 5톤 뒤 적재 / 5톤 윙 적재넓이 / 5톤 윙 뒤 적재*/

.ton5_top_position > .ton5_p_up, .ton5_right_top >.ton5_p_up,
.ton5_wing_top_position > .ton5_wing_p_up, .ton5_wing_right_top > .ton5_wing_p_up,
.ton5p_top_position > .ton5p_p_up, .ton5p_right_top >.ton5p_p_up,
.ton5p_wing_top_position > .ton5p_wing_p_up, .ton5p_wing_right_top > .ton5p_wing_p_up,
.ton5pc_top_position > .ton5pc_p_up, .ton5pc_right_top >.ton5pc_p_up,
.ton5pc_wing_top_position > .ton5pc_wing_p_up, .ton5pc_wing_right_top > .ton5pc_wing_p_up{
    position: absolute;
    left: 0;
    right: 30px;
	top:-23px;
	text-align:center;
}
.ton5_top_position > .ton5_p, .ton5_right_top >.ton5_p,
.ton5_wing_top_position > .ton5_wing_p, .ton5_wing_right_top > .ton5_wing_p,
.ton5p_top_position > .ton5p_p, .ton5p_right_top >.ton5p_p,
.ton5p_wing_top_position > .ton5p_wing_p, .ton5p_wing_right_top > .ton5p_wing_p,
.ton5pc_top_position > .ton5pc_p, .ton5pc_right_top >.ton5pc_p,
.ton5pc_wing_top_position > .ton5pc_wing_p, .ton5pc_wing_right_top > .ton5pc_wing_p{
    position: absolute;
    left: 0;
    right: 30px;
    text-align:center;
}
.ton5_top_position > .ton5_p_down, .ton5_right_top >.ton5_p_down,
.ton5_wing_top_position > .ton5_wing_p_down, .ton5_wing_right_top > .ton5_wing_p_down,
.ton5p_top_position > .ton5p_p_down, .ton5p_right_top >.ton5p_p_down,
.ton5p_wing_top_position > .ton5p_wing_p_down, .ton5p_wing_right_top > .ton5p_wing_p_down,
.ton5pc_top_position > .ton5pc_p_down, .ton5pc_right_top >.ton5pc_p_down,
.ton5pc_wing_top_position > .ton5pc_wing_p_down, .ton5pc_wing_right_top > .ton5pc_wing_p_down{
    position: absolute;
    left: 0;
    right: 30px;
	top:23px;
	text-align:center;
}

/*5톤 바닥text*/

.ton5_bottom_position > .ton5_p_up,
.ton5p_bottom_position > .ton5p_p_up,
.ton5pc_bottom_position > .ton5pc_p_up{
	position: absolute;
	top: 65px;
	width: 44px;
	left: -43px;
}
.ton5_bottom_position > .ton5_p,
.ton5p_bottom_position > .ton5p_p,
.ton5pc_bottom_position > .ton5pc_p{
	position: absolute;
	top: 65px;
	width: 44px;
	left: 0px;
}
.ton5_bottom_position > .ton5_p_down,
.ton5p_bottom_position > .ton5p_p_down,
.ton5pc_bottom_position > .ton5pc_p_down{
	position: absolute;
	top: 65px;
	width: 44px;
	left: 43px;
}

/* 5톤 윙 바닥 text*/

.ton5_wing_bottom_position > .ton5_wing_p_up,
.ton5p_wing_bottom_position > .ton5p_wing_p_up,
.ton5pc_wing_bottom_position > .ton5pc_wing_p_up{
	position: absolute;
	top: 63px;
	width: 44px;
	left: -43px;
}
.ton5_wing_bottom_position > .ton5_wing_p,
.ton5p_wing_bottom_position > .ton5p_wing_p,
.ton5pc_wing_bottom_position > .ton5pc_wing_p{
	position: absolute;
	top: 63px;
	width: 44px;
	left: 0px;
}
.ton5_wing_bottom_position > .ton5_wing_p_down,
.ton5p_wing_bottom_position > .ton5p_wing_p_down,
.ton5pc_wing_bottom_position > .ton5pc_wing_p_down{
	position: absolute;
	top: 63px;
	width: 44px;
	left: 43px;
}

/*5톤 윙 높이 text*/

.ton5_wing_right_bottom > .ton5_wing_p_up,
.ton5p_wing_right_bottom > .ton5p_wing_p_up,
.ton5pc_wing_right_bottom > .ton5pc_wing_p_up{
	position: absolute;
	top: 104px;
	width: 60px;
	left: -15px;
	text-align:center;
	
}
.ton5_wing_right_bottom > .ton5_wing_p,
.ton5p_wing_right_bottom > .ton5p_wing_p,
.ton5pc_wing_right_bottom > .ton5pc_wing_p{
	position: absolute;
	top: 132px;
	width: 60px;
	left: -15px;
	text-align:center;
}

.ton5_wing_right_bottom > .ton5_wing_p_down,
.ton5p_wing_right_bottom > .ton5p_wing_p_down,
.ton5pc_wing_right_bottom > .ton5pc_wing_p_down{
	position: absolute;
	top: 160px;
	width: 60px;
	left: -15px;
	text-align:center;
}
/*5톤 body_top line*/

.ton5_top_position > div.ton5_left_ba, .ton5_right_top > div.ton5_left_ba,
.ton5_wing_top_position > div.ton5_wing_left_ba, .ton5_wing_right_top > div.ton5_wing_left_ba,
.ton5p_top_position > div.ton5p_left_ba, .ton5p_right_top > div.ton5p_left_ba,
.ton5p_wing_top_position > div.ton5p_wing_left_ba, .ton5p_wing_right_top > div.ton5p_wing_left_ba,
.ton5pc_top_position > div.ton5pc_left_ba, .ton5pc_right_top > div.ton5pc_left_ba,
.ton5pc_wing_top_position > div.ton5pc_wing_left_ba, .ton5pc_wing_right_top > div.ton5pc_wing_left_ba{
	position: absolute;
    top: 0px;
    left: 21px;
}
.ton5_top_position > div.ton5_left_ba:after, .ton5_right_top > div.ton5_left_ba:after,
.ton5_wing_top_position > div.ton5_wing_left_ba:after, .ton5_wing_right_top > div.ton5_wing_left_ba:after,
.ton5p_top_position > div.ton5p_left_ba:after, .ton5p_right_top > div.ton5p_left_ba:after,
.ton5p_wing_top_position > div.ton5p_wing_left_ba:after, .ton5p_wing_right_top > div.ton5p_wing_left_ba:after,
.ton5pc_top_position > div.ton5pc_left_ba:after, .ton5pc_right_top > div.ton5pc_left_ba:after,
.ton5pc_wing_top_position > div.ton5pc_wing_left_ba:after, .ton5pc_wing_right_top > div.ton5pc_wing_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 65px;
	background:#000;
} 
.ton5_top_position > div.ton5_left_ba:before, .ton5_right_top > div.ton5_left_ba:before,
.ton5_wing_top_position > div.ton5_wing_left_ba:before, .ton5_wing_right_top > div.ton5_wing_left_ba:before,
.ton5p_top_position > div.ton5p_left_ba:before, .ton5p_right_top > div.ton5p_left_ba:before,
.ton5p_wing_top_position > div.ton5p_wing_left_ba:before, .ton5p_wing_right_top > div.ton5p_wing_left_ba:before,
.ton5pc_top_position > div.ton5pc_left_ba:before, .ton5pc_right_top > div.ton5pc_left_ba:before,
.ton5pc_wing_top_position > div.ton5pc_wing_left_ba:before, .ton5pc_wing_right_top > div.ton5pc_wing_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton5_top_position > div.ton5_left_ba:after, .ton5_right_top > div.ton5_left_ba:after,
.ton5_wing_top_position > div.ton5_wing_left_ba:after, .ton5_wing_right_top > div.ton5_wing_left_ba:after,
.ton5p_top_position > div.ton5p_left_ba:after, .ton5p_right_top > div.ton5p_left_ba:after,
.ton5p_wing_top_position > div.ton5p_wing_left_ba:after, .ton5p_wing_right_top > div.ton5p_wing_left_ba:after,
.ton5pc_top_position > div.ton5pc_left_ba:after, .ton5pc_right_top > div.ton5pc_left_ba:after,
.ton5pc_wing_top_position > div.ton5pc_wing_left_ba:after, .ton5pc_wing_right_top > div.ton5pc_wing_left_ba:after{
	top: -20px;
	right: -15px;
	transform: rotate(90deg);
}
/**/
.ton5_top_position > div.ton5_right_ba, .ton5_right_top > div.ton5_right_ba,
.ton5_wing_right_top > div.ton5_wing_right_ba,
.ton5p_top_position > div.ton5p_right_ba, .ton5p_right_top > div.ton5p_right_ba,
.ton5p_wing_right_top > div.ton5p_wing_right_ba,
.ton5pc_top_position > div.ton5pc_right_ba, .ton5pc_right_top > div.ton5pc_right_ba,
.ton5pc_wing_right_top > div.ton5pc_wing_right_ba{
	position: absolute;
    top: 0;
    right: 10px;
}

/*5톤윙 오른쪽 선*/

.ton5_wing_top_position > div.ton5_wing_right_ba,
.ton5p_wing_top_position > div.ton5p_wing_right_ba,
.ton5pc_wing_top_position > div.ton5pc_wing_right_ba{
	position: absolute;
    top: 0;
    right: 4px;
}
.ton5_top_position > div.ton5_right_ba:after, .ton5_right_top > div.ton5_right_ba:after,
.ton5_wing_top_position > div.ton5_wing_right_ba:after, .ton5_wing_right_top > div.ton5_wing_right_ba:after,
.ton5p_top_position > div.ton5p_right_ba:after, .ton5p_right_top > div.ton5p_right_ba:after,
.ton5p_wing_top_position > div.ton5p_wing_right_ba:after, .ton5p_wing_right_top > div.ton5p_wing_right_ba:after,
.ton5pc_top_position > div.ton5pc_right_ba:after, .ton5pc_right_top > div.ton5pc_right_ba:after,
.ton5pc_wing_top_position > div.ton5pc_wing_right_ba:after, .ton5pc_wing_right_top > div.ton5pc_wing_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 65px;
	background:#000;
} 
.ton5_top_position > div.ton5_right_ba:before, .ton5_right_top > div.ton5_right_ba:before,
.ton5_wing_top_position > div.ton5_wing_right_ba:before, .ton5_wing_right_top > div.ton5_wing_right_ba:before,
.ton5p_top_position > div.ton5p_right_ba:before, .ton5p_right_top > div.ton5p_right_ba:before,
.ton5p_wing_top_position > div.ton5p_wing_right_ba:before, .ton5p_wing_right_top > div.ton5p_wing_right_ba:before,
.ton5pc_top_position > div.ton5pc_right_ba:before, .ton5pc_right_top > div.ton5pc_right_ba:before,
.ton5pc_wing_top_position > div.ton5pc_wing_right_ba:before, .ton5pc_wing_right_top > div.ton5pc_wing_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton5_top_position > div.ton5_right_ba:after, .ton5_right_top > div.ton5_right_ba:after,
.ton5_wing_top_position > div.ton5_wing_right_ba:after, .ton5_wing_right_top > div.ton5_wing_right_ba:after,
.ton5p_top_position > div.ton5p_right_ba:after, .ton5p_right_top > div.ton5p_right_ba:after,
.ton5p_wing_top_position > div.ton5p_wing_right_ba:after, .ton5p_wing_right_top > div.ton5p_wing_right_ba:after,
.ton5pc_top_position > div.ton5pc_right_ba:after, .ton5pc_right_top > div.ton5pc_right_ba:after,
.ton5pc_wing_top_position > div.ton5pc_wing_right_ba:after, .ton5pc_wing_right_top > div.ton5pc_wing_right_ba:after{
	top: -20px;
	left: -53px;
	transform: rotate(90deg);
}

/*body_bottom line*/

.ton5_bottom_position > div.ton5_left_ba,
.ton5p_bottom_position > div.ton5p_left_ba,
.ton5pc_bottom_position > div.ton5pc_left_ba{
	position: absolute;
	top: 59px;
	right: 0;
	transform: rotate(90deg);
}

/*5톤 윙바닥 왼쪽선*/

.ton5_wing_bottom_position > div.ton5_wing_left_ba, 
.ton5p_wing_bottom_position > div.ton5p_wing_left_ba,
.ton5pc_wing_bottom_position > div.ton5pc_wing_left_ba{
	position: absolute;
	top: 57px;
	right: 0;
	transform: rotate(90deg);
}
.ton5_bottom_position > div.ton5_left_ba:after,
.ton5_wing_bottom_position > div.ton5_wing_left_ba:after,
.ton5p_bottom_position > div.ton5p_left_ba:after,
.ton5p_wing_bottom_position > div.ton5p_wing_left_ba:after,
.ton5pc_bottom_position > div.ton5pc_left_ba:after,
.ton5pc_wing_bottom_position > div.ton5pc_wing_left_ba:after {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 20px;
	background:#000;
} 
.ton5_bottom_position > div.ton5_left_ba:before,
.ton5_wing_bottom_position > div.ton5_wing_left_ba:before,
.ton5p_bottom_position > div.ton5p_left_ba:before,
.ton5p_wing_bottom_position > div.ton5p_wing_left_ba:before,
.ton5pc_bottom_position > div.ton5pc_left_ba:before,
.ton5pc_wing_bottom_position > div.ton5pc_wing_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton5_bottom_position > div.ton5_left_ba:after,
.ton5_wing_bottom_position > div.ton5_wing_left_ba:after,
.ton5p_bottom_position > div.ton5p_left_ba:after,
.ton5p_wing_bottom_position > div.ton5p_wing_left_ba:after,
.ton5pc_bottom_position > div.ton5pc_left_ba:after,
.ton5pc_wing_bottom_position > div.ton5pc_wing_left_ba:after{
	top: 2px;
	right: 7px;
	transform: rotate(90deg);
}
/**/
.ton5_bottom_position > div.ton5_right_ba,
.ton5_wing_bottom_position > div.ton5_wing_right_ba,
.ton5p_bottom_position > div.ton5p_right_ba,
.ton5p_wing_bottom_position > div.ton5p_wing_right_ba,
.ton5pc_bottom_position > div.ton5pc_right_ba,
.ton5pc_wing_bottom_position > div.ton5pc_wing_right_ba{
	position: absolute;
	bottom: 12px;
	right: 0;
	/* right: 15px; */
	transform: rotate(90deg);
}
.ton5_bottom_position > div.ton5_right_ba:after,
.ton5_wing_bottom_position > div.ton5_wing_right_ba:after,
.ton5p_bottom_position > div.ton5p_right_ba:after,
.ton5p_wing_bottom_position > div.ton5p_wing_right_ba:after,
.ton5pc_bottom_position > div.ton5pc_right_ba:after,
.ton5pc_wing_bottom_position > div.ton5pc_wing_right_ba:after {
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 20px;
	background:#000;
} 
.ton5_bottom_position > div.ton5_right_ba:before,
.ton5_wing_bottom_position > div.ton5_wing_right_ba:before,
.ton5p_bottom_position > div.ton5p_right_ba:before,
.ton5p_wing_bottom_position > div.ton5p_wing_right_ba:before,
.ton5pc_bottom_position > div.ton5pc_right_ba:before,
.ton5pc_wing_bottom_position > div.ton5pc_wing_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.ton5_bottom_position > div.ton5_right_ba:after,
.ton5_wing_bottom_position > div.ton5_wing_right_ba:after,
.ton5p_bottom_position > div.ton5p_right_ba:after,
.ton5p_wing_bottom_position > div.ton5p_wing_right_ba:after,
.ton5pc_bottom_position > div.ton5pc_right_ba:after,
.ton5pc_wing_bottom_position > div.ton5pc_wing_right_ba:after {
	top: 2px;
	left: -31px;
	transform: rotate(90deg);
}
.ton5_right_top, .ton5p_right_top, .ton5pc_right_top{
	position: absolute;
    top: -8px;
    left: 42px;
    width: 82%;
    height: 30px;
}

/*5톤이상 윙*/

.ton5_wing_head,
.ton5p_wing_head,
.ton5pc_wing_head{
    width: 163px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.ton5_wing_body,
.ton5p_wing_body,
.ton5pc_wing_body{
	width: 359px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
.ton5_wing_top_position,
.ton5p_wing_top_position,
.ton5pc_wing_top_position{
	position: absolute;
    top: 0px;
    width: 100%;
}
.ton5_wing_bottom_position,
.ton5p_wing_bottom_position,
.ton5pc_wing_bottom_position{
    position: absolute;
    top: 36px;
    right: -7px;
    height: 95%;
    width: 30px;
}

.ton5_wing_right_top,
.ton5p_wing_right_top,
.ton5pc_wing_right_top{
	position: absolute;
    top: -17px;
    left: 41px;
    width: 85%;
    height: 30px;
}
.ton5_wing_right_bottom,
.ton5p_wing_right_bottom,
.ton5pc_wing_right_bottom{
    position: absolute;
    top: 0;
    left: -20px;
    width: 30px;
    height: 85%;
}

/************************추레라************************/

.chu_size_left, .chu_wing_size_left{
	position: relative;
	width:525px;
	margin:0 auto;
}
.chu_top_position{
    position: absolute;
    top: 115px;
    width: 100%;
}
.chu_bottom_position{
    position: absolute;
    top: 44px;
    right: -17px;
    height: 100%;
    width: 30px;
}
.chu_head{
    width: 132px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.chu_body{
	width: 393px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}

/*추레라 적재함 넓이  / 추레라 윙 적재넓이 / 추레라 윙 뒤 적재*/

.chu_top_position > .chu_p_up,
.chu_wing_top_position > .chu_wing_p_up, .chu_wing_right_top > .chu_wing_p_up{
    position: absolute;
    left: 0;
    right: 30px;
	top:-23px;
	text-align:center;
}
.chu_top_position > .chu_p,
.chu_wing_top_position > .chu_wing_p, .chu_wing_right_top > .chu_wing_p{
    position: absolute;
    left: 0;
    right: 30px;
    text-align:center;
}
.chu_top_position > .chu_p_down,
.chu_wing_top_position > .chu_wing_p_down, .chu_wing_right_top > .chu_wing_p_down{
    position: absolute;
    left: 0;
    right: 30px;
	top:23px;
	text-align:center;
}

/*추레라 바닥 text*/

.chu_bottom_position > .chu_p_up{
 	position: absolute;
 	top: 30px;
 	width: 44px;
 	left: -40px;
}
.chu_bottom_position > .chu_p{
 	position: absolute;
 	top: 30px;
 	width: 44px;
 	left: 0px;
}
.chu_bottom_position > .chu_p_down{
 	position: absolute;
 	top: 30px;
 	width: 44px;
 	left: 40px;
}

/*추레라 윙바닥 text*/

.chu_wing_bottom_position > .chu_wing_p_up{
 	position: absolute;
 	top: 36px;
 	width: 44px;
 	left: -40px;
}
.chu_wing_bottom_position > .chu_wing_p{
 	position: absolute;
 	top: 36px;
 	width: 44px;
 	left: 0px;
}
.chu_wing_bottom_position > .chu_wing_p_down{
 	position: absolute;
 	top: 36px;
 	width: 44px;
 	left: 40px;
}

/*추레라 뒤 적재넒이*/

.chu_right_top >.chu_p_up{
	position: absolute;
	top: -23px;	
	width: 60px;
	left: 60px;
	text-align:center;
}
.chu_right_top >.chu_p{
	position: absolute;
	top: 0;
	width: 60px;
	left: 60px;
	text-align:center;
}
.chu_right_top >.chu_p_down{
	position: absolute;
	top: 23px;
	width: 60px;
	left: 60px;
	text-align:center;
}

/*추레라 윙 높이 text*/

.chu_wing_right_bottom > .chu_wing_p_up{
	position: absolute;
	top: 104px;
	width: 60px;
	left: -15px;
	text-align:center;
}
.chu_wing_right_bottom > .chu_wing_p{
	position: absolute;
	top: 132px;
	width: 60px;
	left: -15px;
	text-align:center;
}

.chu_wing_right_bottom > .chu_wing_p_down{
	position: absolute;
	top: 160px;
	width: 60px;
	left: -15px;
	text-align:center;
}

/*추레라 body_top line*/

.chu_top_position > div.chu_left_ba,
.chu_wing_top_position > div.chu_wing_left_ba, .chu_wing_right_top > div.chu_wing_left_ba{
	position: absolute;
    top: 0px;
    left: 21px;
}
.chu_top_position > div.chu_left_ba:after,
.chu_wing_top_position > div.chu_wing_left_ba:after, .chu_wing_right_top > div.chu_wing_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 65px;
	background:#000;
} 
.chu_top_position > div.chu_left_ba:before,
.chu_wing_top_position > div.chu_wing_left_ba:before, .chu_wing_right_top > div.chu_wing_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_top_position > div.chu_left_ba:after,
.chu_wing_top_position > div.chu_wing_left_ba:after, .chu_wing_right_top > div.chu_wing_left_ba:after{
	top: -20px;
	right: -15px;
	transform: rotate(90deg);
}
/**/
.chu_top_position > div.chu_right_ba{
	position: absolute;
    top: 0;
    right: 28px;
}

/*추레라 윙 오른쪽선*/

.chu_wing_top_position > div.chu_wing_right_ba{
	position: absolute;
    top: 0;
    right: 0px;
}
 .chu_wing_right_top > div.chu_wing_right_ba{
	position: absolute;
    top: 0;
    right: 14px;
}
.chu_top_position > div.chu_right_ba:after,
.chu_wing_top_position > div.chu_wing_right_ba:after, .chu_wing_right_top > div.chu_wing_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 65px;
	background:#000;
} 
.chu_top_position > div.chu_right_ba:before,
.chu_wing_top_position > div.chu_wing_right_ba:before, .chu_wing_right_top > div.chu_wing_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_top_position > div.chu_right_ba:after,
.chu_wing_top_position > div.chu_wing_right_ba:after, .chu_wing_right_top > div.chu_wing_right_ba:after{
	top: -20px;
	left: -53px;
	transform: rotate(90deg);
}

/*body_bottom line*/

.chu_bottom_position > div.chu_left_ba{
	position: absolute;
	top: 32px;
	right: 0;
	transform: rotate(90deg);
}
.chu_bottom_position > div.chu_left_ba:after{
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.chu_bottom_position > div.chu_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_bottom_position > div.chu_left_ba:after{
    top: 5px;
    right: 10px;
    transform: rotate(90deg);
}
/**/
.chu_bottom_position > div.chu_right_ba{
	position: absolute;
	bottom: 27px;
	right: 0;
	/* right: 15px; */
	transform: rotate(90deg);
}
.chu_bottom_position > div.chu_right_ba:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.chu_bottom_position > div.chu_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_bottom_position > div.chu_right_ba:after{
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}

/*추레라 뒤 적재넓이*/

.chu_right_top{
	position: absolute;
	top: -17px;
	left: 51px;
	width: 65%;
	height: 30px;
}

.chu_right_top > div.chu_left_ba{
	position: absolute;
	top: 0;
	left: 21px;
}
.chu_right_top > div.chu_left_ba:after{
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.chu_right_top > div.chu_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_right_top > div.chu_left_ba:after{
    top: 5px;
    right: 10px;
    transform: rotate(90deg);
}
/**/
.chu_right_top > div.chu_right_ba{
	position: absolute;
	top: 0;
	right: -18px;
}
.chu_right_top > div.chu_right_ba:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.chu_right_top > div.chu_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_right_top > div.chu_right_ba:after{
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}

/************************************************************************************************/

/*추레라 윙 바닥높이*/
.chu_wing_bottom_position > div.chu_wing_left_ba{
	position: absolute;
	top: 30px;
	right: 0;
	transform: rotate(90deg);
}
.chu_wing_bottom_position > div.chu_wing_left_ba:after {
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.chu_wing_bottom_position > div.chu_wing_left_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_wing_bottom_position > div.chu_wing_left_ba:after {
    top: 5px;
    right: 9px;
    transform: rotate(90deg);
}
/**/
.chu_wing_bottom_position > div.chu_wing_right_ba{
	position: absolute;
	bottom: 14px;
	right: 0;
	transform: rotate(90deg);
}
.chu_wing_bottom_position > div.chu_wing_right_ba:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.chu_wing_bottom_position > div.chu_wing_right_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.chu_wing_bottom_position > div.chu_wing_right_ba:after {
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}

/*추레라 윙*/
.chu_wing_top_position{
	position: absolute;
    top: -10px;
    width: 100%;
}
.chu_wing_bottom_position{
    position: absolute;
    top: 38px;
    right: -23px;
    height: 95%;
    width: 30px;
}
.chu_wing_head {
    width: 136px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.chu_wing_body{
	width: 389px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
.chu_wing_right_top{
	position: absolute;
    top: -17px;
    left: 41px;
    width: 85%;
    height: 30px;
}
.chu_wing_right_bottom{
    position: absolute;
    top: 0;
    left: -20px;
    width: 30px;
    height: 85%;
}
/************************로베드************************/

.row_size_left, .row_wing_size_left{
	position: relative;
	width:525px;
	margin:0 auto;
}
.row_top_position{
    position: absolute;
    top: 115px;
    width: 100%;
}
.row_bottom_position{
    position: absolute;
    top: 44px;
    right: -7px;
    height: 100%;
    width: 30px;
}
.row_head{
    width: 132px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.row_body{
	width: 393px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
/*로베드 적재함 넓이 */
.row_top_position > .row_p_up{
    position: absolute;
    left: 0;
    right: 30px;
	top:-23px;
	text-align:center;
}
.row_top_position > .row_p{
    position: absolute;
    left: 0;
    right: 30px;
    text-align:center;
}
.row_top_position > .row_p_down{
    position: absolute;
    left: 0;
    right: 30px;
	top:23px;
	text-align:center;
}

/*로베드 바닥 text*/

.row_bottom_position > .row_p_up{
 	position: absolute;
 	top: 12px;
 	width: 44px;
 	left: 0px;
}
.row_bottom_position > .row_p{
 	position: absolute;
 	top: -8px;
 	width: 44px;
 	left: 0px;
}
.row_bottom_position > .row_p_down{
 	position: absolute;
 	top: -25px;
 	width: 44px;
 	left: 0px;
}

/*로베드 뒤 적재넒이*/

.row_right_top >.row_p_up{
	position: absolute;
	top: -23px;
	width: 60px;
	left: 60px;
	text-align:center;
}
.row_right_top >.row_p{
	position: absolute;
	top: 0;
	width: 60px;
	left: 60px;
	text-align:center;
}
.row_right_top >.row_p_down{
	position: absolute;
	top: 23px;
	width: 60px;
	left: 60px;
	text-align:center;
}

/*로베드 body_top line*/

.row_top_position > div.row_left_ba{
	position: absolute;
    top: 0px;
    left: 21px;
}
.row_top_position > div.row_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 65px;
	background:#000;
} 
.row_top_position > div.row_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.row_top_position > div.row_left_ba:after{
	top: -20px;
	right: -15px;
	transform: rotate(90deg);
}
/**/
.row_top_position > div.row_right_ba{
	position: absolute;
    top: 0;
    right: 28px;
}
.row_top_position > div.row_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 65px;
	background:#000;
} 
.row_top_position > div.row_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.row_top_position > div.row_right_ba:after{
	top: -20px;
	left: -53px;
	transform: rotate(90deg);
}

/*body_bottom line*/

.row_bottom_position > div.row_left_ba{
	position: absolute;
	top: 66px;
	right: 0;
	transform: rotate(90deg);
}
.row_bottom_position > div.row_left_ba:after{
	display: block;
	content: "";
	position: absolute;
	right: 18px;
	width: 2px;
	height: 10px;
	background: #000;
} 
.row_bottom_position > div.row_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.row_bottom_position > div.row_left_ba:after{
    top: 8px;
    right: 12px;
    transform: rotate(90deg);
}
/**/
.row_bottom_position > div.row_right_ba{
	position: absolute;
	bottom: 27px;
	right: 0;
	/* right: 15px; */
	transform: rotate(90deg);
}
.row_bottom_position > div.row_right_ba:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 10px;
    background: #000;
} 
.row_bottom_position > div.row_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.row_bottom_position > div.row_right_ba:after{
	top: 8px;
	left: -26px;
	transform: rotate(90deg);
}

/*로베드 바닥높이 꺽세표시*/

.row_bottom_position > div.row_magnify{
	position: absolute;
	top: 53px;
	left: 30px;
	transform: rotate(90deg);
}
.row_bottom_position > div.row_magnify:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width: 1px;
	height: 43px;
	background:#000;
} 
.row_bottom_position > div.row_magnify:before{
	display:block;
	content:"";
	position:absolute;
	right: 18px;
	top: -23px;
	width: 1px;
	height: 49px;
	background:#000;
} 
.row_bottom_position > div.row_magnify:after{
   	top: -27px;
   	right: 6px;
   	transform: rotate(145deg);
}

/*추레라 뒤 적재넓이*/
.row_right_top{
	position: absolute;
	top: -17px;
	left: 51px;
	width: 65%;
	height: 30px;
}

.row_right_top > div.row_left_ba{
	position: absolute;
	top: 0;
	left: 21px;
}
.row_right_top > div.row_left_ba:after{
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.row_right_top > div.row_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.row_right_top > div.row_left_ba:after{
    top: 5px;
    right: 10px;
    transform: rotate(90deg);
}
/**/
.row_right_top > div.row_right_ba{
	position: absolute;
	top: 0;
	right: -18px;
}
.row_right_top > div.row_right_ba:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.row_right_top > div.row_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.row_right_top > div.row_right_ba:after{
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}
/*********************다마스************************/
.da_size_left, .da_wing_size_left{
	position: relative;
	width:525px;
	margin:0 auto;
}
.da_top_position{
    position: absolute;
    top: -7px;
    width: 100%;
}
.da_bottom_position{
    position: absolute;
    top: 44px;
    right: 17px;
    height: 100%;
    width: 30px;
}
.da_head{
    width: 132px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.da_body{
	width: 338px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
/*다마스 적재함 text*/
.da_top_position > .da_p_up{
    position: absolute;
    left: 0;
    right: 87px;
    top:-23px;
    text-align:center;
}
.da_top_position > .da_p{
    position: absolute;
    left: 0;
    right: 87px;
    text-align:center;
}
.da_top_position > .da_p_down{
    position: absolute;
    left: 0;
    right: 87px;
    top:23px;
    text-align:center;
}
/*다마스 바닥 text*/
.da_bottom_position > .da_p_up{
 	position: absolute;
 	top: 47px;
 	width: 44px;
 	left: -40px;
}
.da_bottom_position > .da_p{
 	position: absolute;
 	top: 48px;
 	width: 44px;
 	left: 0px;
}
.da_bottom_position > .da_p_down{
 	position: absolute;
 	top: 48px;
 	width: 44px;
 	left: 40px;
}
/*다마스 뒤 적재높이 text*/
.da_right_top > .da_p_up{
	position: absolute;
	top: -19px;
	width: 60px;
	left: 40px;
}
.da_right_top > .da_p{
	position: absolute;
	top: 3px;
	width: 60px;
	left: 40px;
}

.da_right_top > .da_p_down{
	position: absolute;
	top: 25px;
	width: 60px;
	left: 40px;
}
/*다마스 뒤 윙 높이 text*/
.da_size_right > .da_p_up{
	position: absolute;
	top: 77px;
	width: 60px;
	left: -15px;
}
.da_size_right > .da_p{
	position: absolute;
	top: 104px;
	width: 60px;
	left: -15px;
}

.da_size_right > .da_p_down{
	position: absolute;
	top: 128px;
	width: 60px;
	left: -15px;
}
.da_size_right{
	text-align:center;
}
/*다마스 body_top line*/
.da_top_position > div.da_left_ba{
	position: absolute;
    top: 0px;
    left: 21px;
}
.da_top_position > div.da_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 65px;
	background:#000;
} 
.da_top_position > div.da_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_top_position > div.da_left_ba:after{
	top: -20px;
	right: -15px;
	transform: rotate(90deg);
}
/**/
.da_top_position > div.da_right_ba{
	position: absolute;
	top: 0;
	right: 74px;
}
.da_top_position > div.da_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 65px;
	background:#000;
} 
.da_top_position > div.da_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_top_position > div.da_right_ba:after{
	top: -20px;
	left: -53px;
	transform: rotate(90deg);
}

/*body_bottom line*/
.da_bottom_position > div.da_left_ba{
	position: absolute;
	top: 41px;
	right: 0;
	transform: rotate(90deg);
}
.da_bottom_position > div.da_left_ba:after{
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.da_bottom_position > div.da_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_bottom_position > div.da_left_ba:after{
    top: 5px;
    right: 10px;
    transform: rotate(90deg);
}
/**/
.da_bottom_position > div.da_right_ba{
	position: absolute;
	bottom: 27px;
	right: 0;
	/* right: 15px; */
	transform: rotate(90deg);
}
.da_bottom_position > div.da_right_ba:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.da_bottom_position > div.da_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_bottom_position > div.da_right_ba:after{
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}
/*다마스 뒤 적재길이*/

.da_right_top{
	position: absolute;
	top: -14px;
	left: 167px;
	width: 30%;
	height: 30px;
	/* background: firebrick; */
}
.da_right_top > div.da_left_ba{
	position: absolute;
	top: 3px;
	left: 21px;
	/* transform: rotate(90deg); */
}
.da_right_top > div.da_left_ba:after{
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.da_right_top > div.da_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_right_top > div.da_left_ba:after{
    top: 5px;
    right: 10px;
    transform: rotate(90deg);
}
/**/
.da_right_top > div.da_right_ba{
	position: absolute;
	bottom: 27px;
	right: -18px;
	/* right: 15px; */
	/* transform: rotate(90deg); */
}
.da_right_top > div.da_right_ba:after{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.da_right_top > div.da_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_right_top > div.da_right_ba:after{
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}
/************************************************************************************************/

/*다마스 뒤 윙 바닥높이*/

.da_right_bottom{
	position: absolute;
	top: 53px;
	left: 78px;
	width: 30px;
	height: 62%;
	/* background: firebrick; */
}
.da_right_bottom > div.da_left_ba{
	position: absolute;
	top: 21px;
	right: 0;
	transform: rotate(90deg);
}
.da_right_bottom > div.da_left_ba:after {
	display: block;
    content: "";
    position: absolute;
    right: 18px;
    width: 2px;
    height: 15px;
    background: #000;
} 
.da_right_bottom > div.da_left_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_right_bottom > div.da_left_ba:after {
    top: 5px;
    right: 9px;
    transform: rotate(90deg);
}
/**/
.da_right_bottom > div.da_right_ba{
	position: absolute;
	bottom: -18px;
	right: 0;
	transform: rotate(90deg);
}
.da_right_bottom > div.da_right_ba:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 15px;
    background: #000;
} 
.da_right_bottom > div.da_right_ba:before {
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.da_right_bottom > div.da_right_ba:after {
	top: 5px;
    left: -29px;
    transform: rotate(90deg);
}
/*********************라보*****************************/
.la_size_left, .la_wing_size_left{
	position: relative;
	width:525px;
	margin:0 auto;
}
.la_top_position{
    position: absolute;
    top: 85px;
    width: 100%;
}
.la_bottom_position{
	position: absolute;
	top:19px;
    right: 3px;
    height: 100%;
    width: 30px;
}
.la_head{
    width: 212px;
    height: 100%;
/*    background: red;*/
    position: absolute;
    top: 0;
}
.la_body{
	width: 313px;
    height: 100%;
    /* background: blue; */
    position: absolute;
    top: 0;
    right: 0;
}
/*라보 적재넓이*/
.la_top_position > .la_p_up, .la_right_top >.la_p_up{
	position: absolute;
    left: 0;
    right: 30px;
    top: -23px;
    text-align:center;
}
.la_top_position > .la_p, .la_right_top >.la_p{
    position: absolute;
    left: 0;
    right: 30px;
    text-align:center;    
}
.la_top_position > .la_p_down, .la_right_top >.la_p_down{
	position: absolute;
    left: 0;
    right: 30px;
    top: 23px;
    text-align:center;
}
/*라보 바닥 text*/
.la_bottom_position > .la_p_up{
    position: absolute;
    top: 66px;
    width: 44px;
    left: -43px;
}
.la_bottom_position > .la_p{
	position: absolute;
	top: 67px;
	width: 44px;
	left: 0px;
}
.la_bottom_position > .la_p_down{
    position: absolute;
    top: 67px;
    width: 44px;
    left: 43px;
}

/*body_top line*/
.la_top_position > div.la_left_ba, .la_right_top > div.la_left_ba{
	position: absolute;
    top: 0px;
    left: 21px;
}
.la_top_position > div.la_left_ba:after, .la_right_top > div.la_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 65px;
	background:#000;
} 
.la_top_position > div.la_left_ba:before, .la_right_top > div.la_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.la_top_position > div.la_left_ba:after, .la_right_top > div.la_left_ba:after{
	top: -20px;
	right: -15px;
	transform: rotate(90deg);
}
/**/
.la_top_position > div.la_right_ba, .la_right_top > div.la_right_ba{
	position: absolute;
    top: 0;
    right: 15px;
}
.la_top_position > div.la_right_ba:after, .la_right_top > div.la_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 65px;
	background:#000;
} 
.la_top_position > div.la_right_ba:before, .la_right_top > div.la_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.la_top_position > div.la_right_ba:after, .la_right_top > div.la_right_ba:after{
	top: -20px;
	left: -53px;
	transform: rotate(90deg);
}

/*body_bottom line*/
.la_bottom_position > div.la_left_ba{
	position: absolute;
	top: 55px;
	right: 0;
	transform: rotate(90deg);
}
.la_bottom_position > div.la_left_ba:after{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 20px;
	background:#000;
} 
.la_bottom_position > div.la_left_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.la_bottom_position > div.la_left_ba:after{
	top: 2px;
	right: 7px;
	transform: rotate(90deg);
}
/**/
.la_bottom_position > div.la_right_ba{
	position: absolute;
	bottom: 12px;
	right: 0;
	/* right: 15px; */
	transform: rotate(90deg);
}
.la_bottom_position > div.la_right_ba:after{
	display:block;
	content:"";
	position:absolute;
	left: 0;
	width:2px;
	height: 20px;
	background:#000;
} 
.la_bottom_position > div.la_right_ba:before{
	display:block;
	content:"";
	position:absolute;
	right:18px;
	width:2px;
	height: 25px;
	background:#000;
} 
.la_bottom_position > div.la_right_ba:after{
	top: 2px;
	left: -31px;
	transform: rotate(90deg);
}
/**/
.la_size_right, .la_wing_size_right{
	position: relative;
	width:275px;
	margin:0 auto;
}
.la_right_top{
	position: absolute;
    top: -8px;
    left: 42px;
    width: 82%;
    height: 30px;
}

/*******************
	인재채용 7_1
********************/
.section_1{
    width: 100%;
    height: 520px;
    margin: 20px 0 120px 0;
}
.section_1:after, .sub_8_bottom:after, .bottom_list:after{
	content:"";
	clear:both;
	display:block;

}
.sub_8_top_wrap{
	width:100%;
	height:430px;
    background-image: url("/img/sub_8_top.jpg");
    background-repeat: no-repeat;
    background-position: 50% 52%;
    background-size: 100%;

}
.sub_8_top_wrap2{
	width:100%;
	height:430px;
    background-image: url("/img/sub_8_top2.jpg");
    background-repeat: no-repeat;
    background-position: 50% 80%;
    background-size: 100%;

}
.sub_8_top{
	width: 70%;
	/* height: 250px; */
	/*	line-height:250px;*/
	position: absolute;
	top: 295px;
    left: 0;
    padding: 65px 0;
	/*	border-radius: 15px;*/
	transform: translate(22%, 0%);
}
.top_color1{
	background: #0750c5;
	color:#fff;
}
.top_color2{
	background:#0058a8;
	color:#fff;
}
.li_bar{
	width: 40px;
	height: 2px;
	background:#fff;
	margin: 10px auto;
}
.sub_8_top h2{
	text-align: center;
    font-size: 27px;
    font-weight: 700;
/*    color: #000;*/
    font-family: "NotoSansR", sans-serif;
}
.sub_8_top p{
	text-align: center;
    font-size: 19px;
/*    color: #424242;*/
    font-family: "NotoSansR", sans-serif;
}
.sub_8_bottom{
	width:100%;
}
.sub_8_bottom ul.bottom_list{
	width: 90%;
	margin:0 auto;
}
.sub_8_bottom ul.bottom_list li{
	float: left;
	margin: 0 29px;
	/* border: 1px solid rgba(237, 125, 49, 0.6); */
}
.sub_8_bottom ul.bottom_list li:nth-child(odd){
	width: 275px;
	padding: 75px 10px 75px 10px;
	/*	border-radius: 300px;*/
	/*	box-shadow: 1px 1px 10px rgba(237, 125, 49, 0.6);*/
}
.sub_8_bottom ul.bottom_list li:nth-child(even){
    width: 2px;
    height: 280px;
    padding: 0;
    position: relative;
}
.sub_8_bottom ul.bottom_list li:nth-child(1){
	margin-left:0;
}
.sub_8_bottom ul.bottom_list li:nth-last-child(1){
	margin-right:0;
}
.sub_8_bottom ul.bottom_list li h1{
    font-size: 20px;
    color: #545454;
	font-family: "NotoSansR", sans-serif;
}
.sub_8_bottom ul.bottom_list li h2{
	text-align: center;
	font-size: 20px;
	color: #292929;
	font-family: "NotoSansR", sans-serif;
	margin-top: 5px;
}
.sub_8_bottom ul.bottom_list li p{
	text-align: center;
	font-size: 17px;
	color: #5a5a5a;
	font-family: "NotoSansR", sans-serif;
}
.sub_8_bottom ul.bottom_list li div.li_bar{
	width: 40px;
	height: 4px;
	background: #0750c5;
	margin: 10px auto;
}
.sub_8_bottom ul.bottom_list li div.dotted{
    width: 2px;
    height: 230px;
    line-height: 204px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(10%, 10%);
    border: 2px dotted #adadad;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
/*버튼 애니메이션*/
.buttonss1, .buttonss2{
	display: inline-flex;
	height: 50px;
	width: 170px;
	border-radius: 30px;
	margin: 70px 20px 0px 20px;
	color: #BFC0C0;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1.5px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-family: "NotoSansR", sans-serif;
	font-size:15px;
}
.buttonss3, .buttonss4{
	display: inline-flex;
	height: 50px;
	width: 170px;
	border-radius: 30px;
	margin: 25px 20px 0px 20px;
	color: #BFC0C0;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1.5px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-family: "NotoSansR", sans-serif;
	font-size:15px;
}

#button-1 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #0750c5;
}
#button-2 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #0058a8;
}
#button-3 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #0058a8;
}
#button-4 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #e2e2e2;
	background:#f5f5f5;
}

#button-1 a, #button-2 a, #button-3 a, #button-4 a{
	position: relative;
	transition: all .45s ease-Out;
	color: #424242;
	font-family: "NotoSansR", sans-serif;
}

#circle01 {
	width: 0%;
	height: 0%;
	opacity: 0;
	line-height: 40px;
	border-radius: 50%;
	background: #0750c5;/*#efefef*/
	position: absolute;
	transition: all .5s ease-Out;
	top: 20px;
	left: 70px;
}
#circle02 {
	width: 0%;
	height: 0%;
	opacity: 0;
	line-height: 40px;
	border-radius: 50%;
	background: #0058a8;
	position: absolute;
	transition: all .5s ease-Out;
	top: 20px;
	left: 70px;
}
#circle03 {
	width: 0%;
	height: 0%;
	opacity: 0;
	line-height: 40px;
	border-radius: 50%;
	background: #0058a8;
	position: absolute;
	transition: all .5s ease-Out;
	top: 20px;
	left: 70px;
}
#circle04 {
	width: 0%;
	height: 0%;
	opacity: 0;
	line-height: 40px;
	border-radius: 50%;
	background: #e2e2e2;
	position: absolute;
	transition: all .5s ease-Out;
	top: 20px;
	left: 70px;
}
#button-1:hover #circle01, #button-2:hover #circle02, 
#button-3:hover #circle03, #button-4:hover #circle04{
	width: 200%;
	height: 500%;
	opacity: 1;
	top: -70px;
	left: -70px;
}
#button-1:hover a, #button-2:hover a,
#button-3:hover a{
	color: #fff;
}
#button-4:hover a {
	color:#000;
}
/*직무소개 tab*/
ul.list_tabs {
	width: 100%;
	list-style: none;
	height: 64px; /*--Set height of tabs--*/
	border-bottom: 3px solid #0058a8;
	/* margin: 10px 0 5px 40px; */
}
ul.list_tabs li {
	float: left;
	padding: 20px 132.8px;
	/* border-radius: 4px; */
	background: #fff;
	/* border: 1px solid #cacaca; */
	margin-left: -1px;
	color: #a9a8a8;
	font-family: "NotoSansR",'serif';
	/* box-shadow: 2px 1px 8px #cacaca; */
}
ul.list_tabs li a {
	cursor: pointer;
	outline: none;
	font-size:16px;
}
html ul.list_tabs li.active{
	background: #0058a8;
	border-color: #0058a8;
	color:#fff;
	font-weight:bold;
}
html ul.list_tabs li.active a{
	color:#fff;
}
html ul.list_tabs li.active a:hover  {}

.tab_contents0 {
	padding: 20px 60px 25px 40px;
	font-size: 1.2em;
	background:#fff;
}
.list_need_top{
	margin: 50px 0;
	position: relative;
}
.list_img_left{
	float:left;
}
.list_img_left img{
	width: 370px;
}
.list_text_right{
	position: absolute;
	width: 64%;
	right: 0;
	top: 0;
	transform: translate(0px, 20%);
	text-align: left;
	color: #424242;
}
.list_text_right h2{
	font-size: 28px;
	font-family: "NotoSansR", sans-serif !important;
	margin-bottom: 10px;
}
.list_text_right h2 span{
	font-size: 17px;
    margin-left: 10px;
    color: #0058a8;
    vertical-align: bottom;
}
.list_text_right p{
	font-size: 18px;
	margin-bottom: 3px;
}
/*필요역량*/
.list_need_bottom h2{
	font-size: 22px;
	font-family: "NotoSansR", sans-serif !important;
	margin-bottom: 12px;
	text-align:left;
}
ul.list_needs li{
float: left;
    width: 155px;
    height: 45px;
    line-height: 46px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
    font-size: 16px;
}
ul.list_needs li:nth-last-child(1){
	margin-right:0;
}
ul.list_needs li:hover{
	border:1px solid #0058a8;
	color:#0058a8;
}

/*입사지원*/
.support_wrap{
	border-top: 5px solid #414248;/*#223D73*/
	margin: 25px 0;
	box-shadow: 1px 2px 12px rgba(204, 204, 204, 0.6);
    padding: 20px 30px;
}
.support_wrap div:after{
	content:"";
	clear:both;
	display:block;
}
.support_wrap div{
	margin: 10px 0 0 0;
}
.support_wrap div h3{
	font-family: "NotoSansR", sans-serif ;
    color: #555;
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
}
.support_wrap div input[type="text"], .support_wrap div select{
    width: 99%;
    height: 40px;
    border: 1px solid #cecece;
	outline:none;
	text-indent:7px;
	border-radius:5px;

}
.support_wrap .support_left{
	float:left;
	width:47%;
}
.support_wrap .support_left:nth-child(1){
	margin-right:50px;
}
/*입사지원 개인정보*/
div.terms_div{
    max-height: 150px;
    overflow: hidden;
    overflow-y: scroll;
    text-align: left;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-top: 30px;
}
div.terms_div h3{
	font-family: "NotoSansR", sans-serif;
	font-size: 17px;
	color:#1d1d1d;
	margin-bottom: 10px;
}
div.terms_div h5, div.terms_div p{
	font-family: "NotoSansR", sans-serif;
    font-size: 14px;
    color: #6b6b6b;
	margin-bottom: 10px;
}
div.terms_div ul{
	margin-bottom:10px;
}
div.terms_div ul li{
	font-family: "NotoSansR", sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#6b6b6b;
	padding-left: 10px;
}
.terms_check{
    text-align: right;
    margin: 5px 0
}
.terms_check input{
    vertical-align: sub;
}
.terms_check span{
	font-family: "NotoSansR", sans-serif;
	font-size:13px;
}