@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
a,a:hover{
	text-decoration: none;
	color: black;
}
body {
	overflow-x: hidden;
}
@media screen and (min-width: 100px) and (max-width:1280px){
    html {
    	width: 1280px;
    }
}
@media screen and (min-width: 1000px){
    .wrapper {
    	width: 100%;
    }
}
/*20200908_h80_종료*/
/*모바일 반응형*/
@media screen and (min-width: 100px) and (max-width:1280px)
{
	.wrapper {width: 100%;}
	#top_menu{
		/*width: 100%;*/
		width: calc( 100% - 10px );
	}
	#main_add_img{
	width: 1280px;
	margin: 0 auto;
}
}
#main_add_img{
	width: 100%;
	margin: 0 auto;
	/*margin-left: 300px;*/
}
/*20200908_h80_종료*/

/*20200819 작업추가_hong80*/
.nav-up{
	/*배경제거*/
	/*background-color: rgba(0,0,0,0);*/

	/*top: -100px;*/
	/*.top_menu와 같게*/
}
.nav-down{
	/*.top_menu background-color: rgba(0,0,0,0);*/
}
/*20200819작업추가 //종료*/

.top_menu{
	transition: top 0.2s ease-in-out; /*추가*/

	width: 100%;
	height: 100px;
	background-color: rgba(2,90,200,0.8);
	box-sizing: border-box;
	position: fixed;
	z-index: 999;
}
.top_menu2{
	transition: top 0.2s ease-in-out; /*추가*/

	width: 100%;
	height: 100px;
	background-color: rgba(0,0,0,0);
	box-sizing: border-box;
	position: fixed;
	z-index: 999;
}
.top_menu > div{
	width: 1260px;
	margin: 0 auto;
	padding-top: 40px;
	background-image: url(../images/ant_logo.png);
	background-repeat: no-repeat;
	background-position: 0 23px;
	box-sizing: border-box;
	height: 100px;
}
.top_menu2 > div{
	width: 1260px;
	margin: 0 auto;
	padding-top: 40px;
	background-image: url(../images/ant_logo.png);
	background-repeat: no-repeat;
	background-position: 0 23px;
	box-sizing: border-box;
	height: 100px;
}
.float_clear::after{
	clear: both;
	content: '';
	display: block;
}
.top_menu > div > ul > li{
	float: left;
}
.top_menu2 > div > ul > li{
	float: left;
}
.logo_img_btn {
	width:200px;
	height:30px;
	cursor:pointer;
}
.menubar{
	float: left;
	z-index:99;
	color: white;
	font-family: 'Nanum Gothic', sans-serif;
}
.menubar > li > a{
	color: white;
	font-size: 20px;
	letter-spacing: -3px;
}
.menubar > li{
	margin-left: 50px;
}
.menubar > li > a > span{
	color: white;
	font-size: 22px;
	line-height: 20px;
}

.top_menu >div > .loginbar{
	float: right;
	margin: 3px 0 0 0;
	color: white;
	font-size: 16px;
	letter-spacing: -2px;
}
.top_menu2 >div > .loginbar{
	float: right;
	margin: 3px 0 0 0;
	font-size: 16px;
	letter-spacing: -2px;
}
.loginbar>li>span{
	color: #49ff89;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.2px;
}
.loginbar a{
	color: white;
}
.loginbar>li{
	padding: 0 15px;
}
.loginbar>li:last-child{
	padding-right: 0px;
}

.main_top_img{
	width: 100%;
	height: 700px;
	position: relative;
}
.main_slide_box{
	height: 700px;
	overflow: hidden;
}
.main_top_slide_img{
	position: relative;
}
.main_top_slide_img > li{
	height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
}
.main_banner_div{
	color: white;
	width: 1280px;
	/*width: 100%;*/
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 50%;
	margin-left: -630px;
	letter-spacing: -2px;
	font-family: 'Nanum Gothic', sans-serif;
}
.main_banner_div>div{
	font-size: 48px;
	line-height: 80px;
	letter-spacing: -2px;
	padding-top: 200px;
}
.main_banner_div>div>div{
	font-size: 18px;
	line-height: 32px;
	margin-top: 15px;
}
.main_banner_div>div>span{
	font-weight: bold;
}
.main_banner_div>div>span>span{
	font-style: oblique;
}

.main_banner_div>.main_top_btn{
	margin-top: 50px;
	padding-top: 0px;
	border: 1px solid white;
	width: 131px;
	height: 58px;
	box-sizing: border-box;
	opacity: 0.5;
	cursor: pointer;
}
.main_banner_div>div > .main_top_btn1{
	background-image: url(../images/main_top_btn1.png);
	width: 64px;
	float: left;
	margin-top: 0px;
	height: 58px
}
.main_banner_div>div >.main_top_btn2{
	background-image: url(../images/main_top_btn2.png);
	width: 65px;
	height: 58px;
	border-left: 1px solid white;
	box-sizing: border-box;
	float: left;
	margin-top: 0px;
}
.sub_company_info {
	height:385px;
	background-image: url(/images/gemi_company_info_img.png);
}
.sub_4pl_info {
	height:385px;
	background-image: url(/images/4pl_info_img.png);
}
.sub_cost_calcu_info {
	height:385px;
	background-image: url(/images/cost_calcu_img.png);
}
.sub_find_map_info {
	height:385px;
	background-image: url(/images/find_map_img.png);
}
.sub_price_inquiry_info {
	height:385px;
	background-image: url(/images/price_inquiry_info_img.png);	
}
.sub_info_txt {
	width: 1260px;
	height: 91px;
	padding: 294px 0px 0px 0px;
	color: white;
	font-size: 36px;
	margin: 0 auto;
	font-family: 'Nanum Gothic', sans-serif;
}
.main_top_slide{
	width: 88px;
	margin: 15px auto 0 auto;
}
.main_top_slide > li{
	float: left;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	background-color: white;
	margin-left: 7px;
	opacity: 0.9;
	cursor: pointer;
}
.main_top_slide > li:first-child{
	margin-left: 0px;
}
.main_top_slide > .main_top_slide_act{
	background-color: black;
}
.main_notice_bar{
	height: 74px;
	background-color: #f2f2f2;
}
.main_notice_bar>div>span{
	display: inline-block;
}
.main_notice_bar .main_notice_news{
	font-weight: bold;
	background-image: url(../images/main_notice_icon.png);
	background-repeat: no-repeat;
	padding: 3px 0 0 27px;
	height: 23px;
	font-size: 16px;
	letter-spacing: 1.8px;
	margin-right: 30px;
}
.main_notice_bar>div>.main_notice{
	font-weight: normal;
	letter-spacing: -1.5px;
	word-spacing: -1px;
	width: 509px;
}
.main_notice>span{
	letter-spacing: 0.5px;
	word-spacing: -3.5px;
	margin-left: 12px;
}
.main_notice_bar>div{
	width: 1260px;
	margin: 0 auto;
	padding-top: 24px;
	box-sizing: border-box;
	font-size: 15px;
}
.main_notice_more{
	width: 59px;
	background-image: url(../images/main_notice_more.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
	letter-spacing: -1.5px;
	color: #949494;
	text-align: right;
}

.main_con{
	width: 100%;
	text-align: center;
}
.main_con_title{
	font-weight: bold;
	font-size: 26px;
	letter-spacing: -3px;
	color: #454545;
}
.main_con_title_back{
	background-image: url(../images/main_con_title_back.png);
	background-repeat: no-repeat;
	background-position: -4px -12px;
	height: 29px;
	padding-left: 38px;
}

.main_status {
	width: 1260px;
	margin: 0 auto;
	padding-top: 70px;
}
.main_status_box{
	margin: 21px 0 70px 0;
	border: 1px solid #c9cacc;
	box-sizing: border-box;
	border-right: 0px;
	border-top: 0px;
}
.main_status_box > div {
	float: left;
	width: 419px;
	height: 179px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #c9cacc;
	/*border-bottom: 0px;*/
	/*border-left: 0px;*/
	color: #656565;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	word-spacing: -0.7px;
}
.main_status_box > div > div{
	color: #454545;
	font-weight: bold;
	font-size: 62px;
	margin-top: 38px;
	margin-bottom: 19px;
} 
.main_status_box > div > .main_status_per{
	color: #1880cc;
	letter-spacing: 1px;
}
.main_status_box > div > .main_status_per>span{
	font-size: 37px;
}
.main_span_plus{
	color: #f36227;
	letter-spacing: -8px;
	display: inline-block;
	font-size: 62px;
	margin-top: -31px;
	vertical-align: middle;
	box-sizing: border-box;
}
.main_status > .main_status_box > .main_status_info{
	font-weight: normal;
	text-align: right;
	border: 0px;
	padding-top: 149px;
	font-size: 16px;
	color : #959595;
}

.main_review{
	width: 100%;
	height: 394px;
	background-image: url(../images/review_back_img.png);
	color: white;
}
.main_review>div{
	width: 1260px;
	margin: 0 auto;
}
.main_review>div>div{
	font-size: 51px;
	letter-spacing: -7px;
	line-height: 66px;
	padding-top: 56px;
	width: 630px;
	float: left;
}

.main_review>div>div>.main_review_btn{
	background-color: #1a2c39;
	width: 177px;
	height: 41px;
	box-sizing: border-box;
	border-radius: 21px;
	font-size: 15px;
	letter-spacing: -1.5px;
	line-height: 41px;
	padding-left: 17px;
	background-image: url(../images/main_review_btn.png);
	background-repeat: no-repeat;
	background-position: 150px 17px;
	margin-top: 44px;
}
.main_review>div>div>.main_review_btn > a{
	color: #fffc00;
	display: block;
	height: 41px;
}
.main_review>div>div>span{
	font-weight: bold;
	word-spacing: -1px;
}
.main_review > div > ul{
	float: left;
	width: 630px;
	box-sizing: border-box;
	padding: 62px 0 0 30px;
}
.main_review > div > ul>li>div{
	margin-bottom: 17px;
	float: left;
}
.main_review_name{
	color: #fffc00;
	font-size: 19px;
	letter-spacing: -1px;
	margin-right: 36px;
}
.main_review_name>span{
	width:100px;
	vertical-align: middle;
	letter-spacing: 2.5px;
	word-spacing: -7px;
}
.main_review_text{
	width: 530px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -1px;
	word-spacing: -1px;
	color: #feffff;
}
.main_enter_process_1{
	width: 1260px;
	margin: 58px auto 0 auto;
}

.main_process_ul>li{
	float: left;
	width: 220px;
	height: 145px;
	box-sizing: border-box;
	background-color: #8292a2;
	color: white;
	text-align: center;
	margin-left: 40px;
	margin-top: 20px;
	font-family: 'Nanum Myeongjo';
	font-size: 25px;
	line-height: 29px;
	letter-spacing: -1.5px;
	position: relative;
	z-index: -10;
}
.main_process_ul>li:first-child{
	margin-left: 0px;
}
.main_process_ul>li>div{
	width: 70px;
	height: 41px;
	box-sizing: border-box;
	border-bottom: 1px solid #a6b4c1;
	font-weight: bold;
	line-height: 40px;
	font-size: 16px;
	font-family: sans-serif;
	margin-bottom: 29px;
}
.main_process_ul>li:first-child>div{
	margin-bottom: 14px;
}
.main_process_ul > .main_process_li{
	float: right;
	background-color: #a2828b;
}

.main_process_ul > .main_process_li > div{
	border-bottom: 1px solid #c3a6ad;
}
.main_process_ul>li>div.main_process_arrow{
	border: 0px;
	background-image: url(../images/process_arrow.png);
	width: 30px;
	height: 33px;
	background-repeat: no-repeat;
	position: absolute;
	right: -15px;
	top: 56px;
}
.main_process_ul>.main_process_li>div.main_process_arrow{
	background-image: url(../images/process_arrow_2.png);
}
.main_process_ul>li>div.main_process_arrow_2{
	border: 0px;
	background-image: url(../images/process_arrow_3.png);
	width: 32px;
	height: 30px;
	background-repeat: no-repeat;
	position: absolute;
	left: 93px;
	top: -15px;
}

.main_enter_process_2{
	width: 1260px;
	margin: 0 auto;	
	margin-top: 50px;
	margin-bottom: 70px;
}

.main_enter_process_2>ul{
	float: left;
	margin-top: 38px;
}
.main_enter_process_ul{
	margin-right: 38px;
}
.main_enter_process_2>ul>li{
	margin-bottom: 10px;
}
.main_enter_process_2>ul>li>div{
	width: 500px;
	float: left;
	border: 1px solid #dddee0;
	border-left: 0px;
	border-right: 0px;
	height: 111px;
	box-sizing: border-box;
}
.main_enter_process_2>ul>li .main_process_div {
	width: 110px;
	height: 111px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	padding-top: 73px;
	border: 0px;
}
.main_enter_process_2>ul>.step_3_7>div{
	height: 131px;
}
.main_process_div.step01{
	background-image: url(../images/main_process_step01.png);
}
.main_process_div.step02{
	background-image: url(../images/main_process_step02.png);
}
.main_enter_process_2>ul>.step_3_7 .step03{
	background-image: url(../images/main_process_step03.png);
	padding-top: 85px;
}
.main_process_div.step04{
	background-image: url(../images/main_process_step04.png);
	width: 112px;
}
.main_process_div.step05{
	background-image: url(../images/main_process_step05.png);
	width: 112px;
}
.main_process_div.step06{
	background-image: url(../images/main_process_step06.png);
	width: 112px;
}
.main_enter_process_2>ul>.step_3_7 .step07{
	background-image: url(../images/main_process_step07.png);
	padding-top: 85px;
	width: 112px;
}
.main_process_div.step08{
	background-image: url(../images/main_process_step08.png);
	width: 112px;
}

.main_process_text{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -3px;
	color: #454545;
	padding-top: 19px;
	padding-left: 23px;
}
.main_process_text>ul{
	font-weight: normal;
	font-size: 14px;
	letter-spacing: -0.75px;
	margin-top: 8px;
	line-height: 17px;
}

.main_video{
	width: 1080px;
	margin: 0px auto;
	height: 415px;
	background-image: url(../images/video_back_img.png);
	color: white;
	font-size: 50px;
	line-height: 65px;
	letter-spacing: -7px;
	box-sizing: border-box;
	padding-top: 175px;
	padding-left: 90px;
	margin-bottom: 70px;
}
.main_video>span{
	font-weight: bold;
}
.main_video>div>a{
	display: block;
	color: white;
	width: 177px;
	height: 41px;
	line-height: 41px;
	box-sizing: border-box;
	background-color: #1880cc;
	border-radius: 21px;
	font-size: 15px;
	letter-spacing: -1px;
	padding-left: 17px;
	background-image: url(../images/main_video_btn.png);
	background-repeat: no-repeat;
	background-position: right+22px center;
	margin-top: 18px;
}



.footer_wrap{
	background-color: #eaeaea;
	width: 100%;
}
.footer{
	font-size: 12px;
	line-height: 18px;
	width: 1260px;
	height: 263px;
	margin: 0 auto;
	color: #adadad;
}
.footer_call_num {
	width: 100%;
	background-color: #6f6f6f;
	text-align: center;
}
.footer>span{
	font-weight: bold;
}
.footer_wrap ul::after{
	clear: both;
	content: '';
	display: block;
}
.footer_wrap ul>li{
	float: left;
	margin-right: 5px;
}

.footer_link_box{
	border-bottom: 1px solid #dddddd;
	margin-bottom: 24px;
}
.footer_link{
	margin: 0 auto;
	width: 1260px;
	padding-left: 165px;
	text-align: center;
	height: 42px;
	box-sizing: border-box;
	line-height: 42px;
}
.footer_link a{
	color: #aaaaaa;
	font-size: 14px;
	font-weight: bold;
	margin: 0 40px;
}

.footer_logo{
	background-image: url(../images/footer_logo.png);
	width: 174px;
	height: 68px;
	margin: 0px 0 0 14px;
	float: left;
}
.footer_text{
	letter-spacing: -1px;
	word-spacing: 1px;
	width: 680px;
	float: left;
	line-height: 27px;
	margin-left: 50px;
}
.footer_text>li>span{
	letter-spacing: 0.5px;
}
.footer_text .footer_enter{
	width: 550px;
}
.footer_bold{
	font-weight: bold;
}