/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,table,th,td{margin:0;padding:0;font-weight:normal;}
a, a:link, a:visited, a:active{text-decoration:none;}
html, textarea, input{font-family: 'Noto Sans KR', sans-serif;color:#333;font-size:18px;letter-spacing: -0.5px;}
ul, li{list-style: none;}
input, textarea, select, textarea{padding:0;color:#303030;vertical-align:middle}
input[type=text],input[type=file],input[type=password], textarea{border:1px solid #ccc;outline:none;}
input[type=text],input[type=password], textarea{padding:0 30px;height:60px;line-height:60px;border:1px solid #ccc;font-size:18px;color:#303030;box-sizing: border-box;}
input[type=text]::-ms-clear{display:none}
input[type=password]::-ms-clear{display:none}
input[type=file]{border:0;padding:0}
input[type=text]:focus,input[type=password]:focus, textarea:focus{border:1px solid #ff7000}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
.pl_100{padding-left: 100px;}

/* header 영역 */
#header {background-color: rgba(0, 0, 0, 0.5);position: fixed;width: 100%;height: 76px;top: 0;text-align: center;z-index: 2;}
#header .nav{width:75%;margin:0 auto;}
#header .nav h1{position: absolute;left: 4vw; margin-top:25px;}
#header .nav h1 a{background:url("../img/logo.png")no-repeat;background-position-x:0%;background-position-y:0%;width: 134px;height:31px;display: block;}
#header.active .nav h1 a{background-position:0 0;}
#header.active{background:#222;}
#header .nav .nav-menu{position: absolute;right: 4vw;margin-right:150px;}
#header .nav .nav-menu ul li {float:left;line-height: 76px;}
#header .nav .nav-menu ul li a {display: block;color: #fff;text-decoration: none;font-size: 22px;padding:0 40px;}
#header .nav .nav-menu ul li a:hover, .isactive {background-color: rgba(0, 0, 0, 0.7);}

#header .btnBenu{overflow:hidden;display:none;position:absolute;right:3vw;top:50%;z-index:10;width:50px;height:50px;transform:translateY(-50%);font-size:0;}
#header .btnBenu span{position:absolute;left:50%;top:50%;width:30px;height:3px;font-size:0;background:#fff;transform:translate(-50%, -50%);}
#header .btnBenu span:before{content:'';display:block;position:absolute;top:9px;left:0;width:100%;height:3px;background:#fff;transition:all .3s ease}
#header .btnBenu span:after{content:'';display:block;position:absolute;top:-9px;right:0;width:100%;height:3px;background:#fff;transition:all .3s ease}

#header .btnBenu_close{overflow:hidden;display:none;position:absolute;right:3vw;top:30px;z-index:100;width:50px;height:50px;transform:translateY(-50%);font-size:0;}
#header .btnBenu_close span{position:absolute;left:50%;top:50%;width:30px;height:3px;font-size:0;background:#fff;transform:translate(-50%, -50%);background:none;}
#header .btnBenu_close span:before{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:3px;background:#fff;transition:all .3s ease;transform-origin:50% 50%;transform:translateY(-50%) rotate(-45deg);}
#header .btnBenu_close span:after{content:'';display:block;position:absolute;top:50%;right:0;width:100%;height:3px;background:#fff;transition:all .3s ease;transform:translateY(-50%) rotate(45deg);}

#header .m_menu_logo{position: absolute;top: 25px;z-index: 6;left:0;padding-left: 30px;display:none;}
#header .m_menu_logo img{width:130px;}

.language{position: absolute;right: 120px;}
.language img{width:20px;padding-right:5px;vertical-align:middle;}
.language > li{cursor:pointer;position: relative;height:76px;line-height:76px;}
.language > li:hover ul{display: block;}
.language li span{color:#fff;font-size: 14px;}
.language > li > ul{display: none;position: absolute;left: -25px;top:76px;background: #fff;border:1px solid #dcdcdc;padding:10px 40px 10px 10px;box-shadow:0px 2px 10px rgb(0 0 0 / 10%);width:100px;  }
.language ul li{padding:5px 0;line-height: 24px !important;}
.language ul li span{color:#333;}
/* header 영역 끝 // */

.main_container {width: 100%;height: 100%;overflow: hidden;}
.mask{width:100%;height:100%;background: rgba(0,0,0,0.8);z-index: 2;position: fixed;display: none;}
.mask.active{display: block;}

/* 메인 비쥬얼 영억 */
.swiper-slide{overflow: hidden;height: 876px;}
.swiper-slide .visual1{background: url("../img/MainVisual_01.png") no-repeat left top;background-size: 100%;height: 876px;position:relative;}
.swiper-slide .visual2{background: url("../img/MainVisual_02.png") no-repeat left top;background-size: 100%;height: 876px;position:relative;}
.swiper-slide .visual3{background: url("../img/MainVisual_03.png") no-repeat left top;background-size: 100%;height: 876px;position:relative;}
.swiper-slide .visual4{background: url("../img/MainVisual_04.png") no-repeat left top;background-size: 100%;height: 876px;position:relative;}
.swiper-slide .visual5{background: url("../img/MainVisual_05.png") no-repeat left top;background-size: 100%;height: 876px;position:relative;}
.swiper-slide p.title{position: absolute;left:16%;top:300px;font-size:60px;font-weight: bold; color: #fff;text-shadow:0px 2px 10px rgb(0 0 0 / 50%);}
.swiper-slide p.txt{position: absolute;left:16%;top:400px;font-size:30px;color: #fff;text-shadow:0px 2px 10px rgb(0 0 0 / 50%);line-height: 42px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("../img/l_arrow.png") !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("../img/r_arrow.png") !important;}
/* 메인 비쥬얼 영억 끝 // */

/* 컨텐츠 영역 */
.section {width:100%;}
.section h3{font-size: 48px;font-weight: bold;margin-bottom:40px;text-align: center;color:#303030;}
#section-1.content{width:1300px;margin:0 auto;padding:80px 0;overflow: hidden;}
#section-2.content{width:1300px;margin:0 auto;padding:80px 0;overflow: hidden;position:relative;min-height:750px;}
#section-3.content{width:1300px;margin:0 auto;padding:80px 0;overflow: hidden;}
#section-4 {height: 337px;overflow: hidden;}

/* About_us */
.About_us {background: url("../img/about_us_bg.png") no-repeat 0 0;padding: 70px 0;}
.About_us ul{overflow: hidden;width:100%;border-top:2px solid #333;border-bottom:1px solid #333;}
.About_us ul li{border-bottom: 1px solid #dcdcdc;padding:30px 20px;}
.About_us ul li:last-child{border-bottom:none;}
.About_us ul li p.tit{font-size:30px;font-weight: bold;}
.About_us ul li p.tit:before{content:"";width:5px;height:5px;background-color:#333;display: inline-block;vertical-align: middle;margin-right:10px;}
.About_us ul li p.txt{font-size:18px;padding-top:20px;padding-left:15px;}
/* About_us 끝 // */

/* Service */
.Service{background-color:#f5f5f5;padding: 70px 0;}
.Service .content{position: relative;}
.Service h3{text-align: left;}
.Service .arrowBtn{position:absolute;right: 0;top:90px;}
.Service .arrowBtn p{float: left;padding-left:10px;cursor: pointer;}
.Service ul{position:absolute;width:2640px;}
.Service ul li{float: left;margin-right:20px;width:640px;overflow:hidden;box-sizing: border-box;}
.Service ul p.img{width:640px;height:400px;background:#333;}
.Service ul .con_txt{overflow:hidden;padding:30px 20px;}
.Service ul .con_txt p.tit{font-size:30px;font-weight:bold;padding-bottom:20px;}
.Service ul .con_txt p.txt{font-size: 18px;padding-left:13px;position:relative;padding-bottom:10px;}
.Service ul .con_txt p.txt:before{content:"";width:3px;height:3px;background-color:#333;position:absolute;left:0;top:12px;}
/* Service 끝 // */

/* Tracking 영역 */
.Tracking {text-align: center;padding: 70px 0;}
.Tracking .con_txt{font-size:18px;line-height: 30px;}
.Tracking .search{margin-top:40px;overflow: hidden;}
.Tracking .search input{float:left;width:1130px;}
.Tracking .search input:active{border:1px solid #cccccc;}
.Tracking .search .search_btn{float:right;width: 160px;height:60px;line-height: 60px;font-weight: bold;background:#222;color:#fff;}
.Tracking .search .search_btn:hover{cursor: pointer;background:#ff7000;color:#fff;}

.Tracking .search_result{width: 100%;overflow: hidden;margin-top:20px;}
.Tracking .search_result thead tr th{background: #555555;color: #fff;border: none;height:60px;}
.Tracking .search_result tbody tr td{border-bottom:1px solid #cccccc;;height:60px;}
.Tracking .search_result tbody tr td:first-child{border-right:1px solid #ccc;}
.Tracking .search_result tbody tr td:last-child{text-align: left;padding-left:30px;}
.Tracking .search_result tbody tr td.no_tracking{text-align: center;padding-left: 0;border-right: none;}
/* Tracking 영역 끝 // */

/* Contact_us */
.Contact_us{background: url(../img/section3_bg.jpg)no-repeat 0 0;}
.Contact_us .left_num{float:left;width: 50%;height:100%;color:#fff;text-align: center;padding:90px 0;}
.Contact_us .right_mail{float:left;width: 50%;height:100%;color:#fff;text-align: center;background:rgba(255, 112, 0, 0.7);padding:90px 0;}
.Contact_us p.title{font-size:28px;font-weight: bold;}
.Contact_us p.txt{font-size:18px;}
.Contact_us p.btn{width:240px;height:55px;background:#fff;border-radius: 45px;margin:30px auto 0 auto;}
.Contact_us p.btn span{line-height: 55px;}
.Contact_us .left_num p.btn span{background: url("../img/num_icon.png")no-repeat 0 0;color:#303030;padding-left:35px;}
.Contact_us .right_mail p.btn span{background: url("../img/mail_icon.png")no-repeat 0 0;color:#ce6c1e;padding-left:35px;}
.Contact_us .right_mail p.btn:hover{cursor: pointer;}
/* Contact_us 끝 // */

/* 메일 쓰기 팝업 */
.mail_popup {width: 965px;padding:100px 80px;background:#fff;margin:0 auto;z-index: 100;display: none;position: absolute;top:0;}
.mail_popup h3{text-align: left;margin-top:0;}
.mail_popup .mail_write{overflow: hidden;margin-top:40px;}
.mail_popup .mail_write dl{margin-bottom:20px;overflow: hidden;}
.mail_popup dl dt{font-size:24px;font-weight: bold;float: left;width:15%; height:60px;line-height: 60px;}
.mail_popup dl dt span{color:#b8b8b8;}
.mail_popup dl dd{float: left;width:85%;}
.mail_popup dl dd input{width:100%;}
.mail_popup textarea{width:100%;min-height: 200px;}
.mail_popup .mail_btn{width: 160px;height:60px;line-height: 60px;background-color: #222;font-weight: bold;color:#fff;text-align: center;margin:20px auto 0;}
.mail_popup.active{display:block;}
.mail_popup .close_btn{position: absolute;right:50px;top:50px;}
.mail_popup .close_btn:hover{cursor: pointer;}
/* 메일 쓰기 팝업 끝 // */

/* footer 영역 */
footer {padding:70px 0;background-color: #222;font-size: 14px;overflow: hidden;}
footer .footerArea{width:1300px;margin:0 auto;position: relative;}
footer .footerArea .webmark{position: absolute;right: 0;top: 0;}
footer address{color:#b3b3b3;font-style: unset;width:630px;float:left;}
footer address a{color: #b3b3b3;}
footer address a{color: #b3b3b3;}
footer address ul li{overflow: hidden;padding-bottom:10px;}
footer address p.area{float: left;font-size: 18px;font-weight: bold;width:100px;}
footer address div.address{float:left;padding-top:2px;}
footer address div.address strong{float: left;padding-right:10px;}
footer address div.address p{float:left;}
footer p.footer_logo {text-align: left;float:left;padding-right: 50px;}
footer p.address {color:#b3b3b3;padding-bottom:10px;}
footer p.address span.line{hegith:10px;}
footer p.address a{color:#b3b3b3;}
footer p.copy {color:#7a7a7a;}

/* footer 영역 끝 // */

/* scroll 아이콘 효과 */
p.scroll a span {
  position: absolute;
  bottom: 50px;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
  z-index: 2;
}
p.scroll a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/* 모바일 & 패드 화면 */
@media ( max-width: 1024px ) {
	.swiper-slide{height: auto;max-height: 700px;}
	.swiper-slide .visual1 {background-size: auto;background-position:center;}
	.swiper-slide .visual2 {background-size: auto;background-position:center;}
	.swiper-slide .visual3 {background-size: auto;background-position:center;}
	.swiper-slide .visual4 {background-size: auto;background-position:center;}
	.swiper-slide .visual5 {background-size: auto;background-position:center;}
	.swiper-slide > div > p.title{top: 200px;font-size: 40px;left:13%;width:74%;}
	.swiper-slide > div > p.txt{top: 280px;font-size: 20px;left:13%;width:74%;}
	.swiper-slide .visual2 > p.txt{top:340px;}


	#company-info .content{width: 100%;position: unset;transform:none;padding: 13vw 0;opacity: 1;}
	.About_us{padding:0 4vw;overflow: hidden;}
	.About_us .content{width: 92vw !important;}
	.About_us .con_txt{margin-top:4vw;}
	.About_us ul.photo{margin-top:7.8vw;height: 100%;}

	.Service{padding:0 4vw;overflow: hidden;}
	.Service .content{width: 92vw !important;}

	.Tracking {padding:0 4vw;overflow:hidden;min-height: 100%;}
	.Tracking .content{width: 92vw !important;}
	.Tracking .con_txt {margin-top:4vw;}
	.Tracking .search{margin-top:4vw;position:relative;}
	.Tracking .search .search_btn{position: absolute;right: 0;}

	footer{padding:9vw 4vw;}

	#header .nav .nav-menu{width:70%;right:-80%;transition:all 0.7s ease 0s;padding-top:76px;z-index:15;box-shadow:-5px 5px 20px #1f1f1f;background:#fff;height:100%;position:fixed;margin-right: auto;}
	#header .nav .nav-menu ul li{width:100%;text-align:left;line-height:70px;}
	#header .nav .nav-menu ul li a, #header .nav ul.nav-menu li a:active{color:#555;padding-left:30px;}
	#header .nav .nav-menu ul li a:hover{color:#fff;}
	#header .nav .nav-menu.active {display:block;right:-1px;background:#ff7000;}
	#header .nav .nav-menu.active ul{background:#fff;height:100%;}
	#header .nav .nav-menu.active ul li a.isactive{color:#fff;}
	#header .nav .nav-menu.active .m_menu_logo{display:block;}
	#header .btnBenu{display:block;}
	#header .nav .nav-menu.active .btnBenu_close{display:block;}
	#header .btnBenu_close{top:37px;}

	.language {top:0;right:3vw;padding-right:80px;}

	.mail_popup{width:800px;}

}
@media ( max-width: 768px ) {
	.mail_popup{width:600px;padding:80px 50px;}
}
@media ( max-width: 414px ) {
	body{overflow:unset !important;}
	html, textarea, input{font-size:14px;}
	.section h3{font-size:32px;}
	input[type=text], input[type=password], textarea{font-size:14px;padding:0 20px;}
	.About_us .con_txt, .Tracking .con_txt{font-size:16px;line-height:28px;}

	#header{height:60px;}
	#header .nav h1{margin-top:20px;}
	#header .nav h1 a{background-size:100px auto;}
	#header .nav .nav-menu{padding-top:60px;}
	#header .nav .nav-menu ul li{line-height:60px;}
	#header .nav .nav-menu ul li a{font-size:16px;}
	#header .m_menu_logo{top: 22px;}
	#header .m_menu_logo img{width:90px;}
	#header .btnBenu span {width:25px;height:2px;}
	#header .btnBenu span:before, #header .btnBenu span:after{height:2px;}
	#header .btnBenu_close{top:30px;}
	#header .btnBenu_close span{height:2px;width:25px;}
	#header .btnBenu_close span:before, #header .btnBenu_close span:after{height:2px;}

	.language{padding-right:60px;}
	.language > li{height:60px;line-height:60px;}
	.language > li > ul{top:60px;}


	.swiper-slide > div > p.title{top: 100px;font-size: 30px;left:16%;width:68%;}
	.swiper-slide > div > p.txt{top: 210px;font-size: 18px;left:16%;width:68%;}
	.swiper-slide .visual2 > p.txt{top:260px;}
	.swiper-slide .visual2 > p.txt{top:170px;}

	p.scroll a span {bottom:30px;width:25px;height:45px;}

	.About_us{padding:0 4vw;overflow: hidden;}
	.About_us .content{width:92vw !important;padding: 13vw 0 !important;}
	.About_us .content p.tit{font-size: 20px;}
	.About_us .content p.txt{font-size: 16px;}
	.About_us ul li {padding:20px 10px;}
	.About_us ul li p.txt{padding-top:10px;}

	.Service{padding:0 4vw;overflow: hidden;}
	.Service .content{width:92vw !important;padding: 13vw 0 !important;}
	.Service .arrowBtn{top:13vw !important;}
	.Service .arrowBtn p img{width:40px;}
	.Service ul .con_txt{padding:20px 0 0;width:92vw;}
	.Service ul .con_txt p.tit{font-size: 20px;padding-bottom:10px;}
	.Service ul .con_txt p.txt{font-size: 16px;}
	#section-2.content{min-height: 660px;}


	.Tracking .search input{margin-right:3%;}
	.Tracking .search .search_btn{width:22%;}
	.Tracking .search_result tbody tr td {font-size:14px;padding:0 10px;}
	.Tracking .search_result tbody tr td:first-child{width:35%;}
	.Tracking .search_result tbody tr td:last-child{padding:0 20px;}
	.Tracking .search .search_btn{font-weight:normal;}

	#section-4 {height:auto;background:none;}
	.Contact_us .left_num {width:100%;background: url(../img/section3_bg.jpg)no-repeat 0 0;padding:50px 0;}
	.Contact_us .right_mail{width:100%;padding:50px 0;background:rgba(255, 112, 0, 1);}
	.Contact_us p.txt{font-size:14px;}

	.mail_popup{width:92%;padding:80px 4%;margin:50px 0;}
	.mail_popup h3{font-size:28px;margin-bottom:2vw;}
	.mail_popup .close_btn img{width:28px;}
	.mail_popup dl dt, .mail_popup dl dd{width:100%;}
	.mail_popup dl dt{font-size:14px;font-weight:normal;height:40px;line-height:40px;}
	.mail_popup .mail_write{margin-top:0;}
	.mail_popup .mail_write dl{margin-bottom:2vw;}
	.mail_popup .close_btn a span{width:30px;}
	.mail_popup .result .result_icon img{width:90px;}
	.mail_popup .result .result_txt{font-size:18px;padding-top:60px;}
	.mail_popup .result .result_txt span{font-size:14px;}


	input[type=text], input[type=password], textarea{height:50px;line-height:50px;}
	.Tracking .search .search_btn{height:50px;line-height:50px;}

	.Contact_us p.title{font-size:24px;}
	.Contact_us .left_num p.btn span{background-size:16px auto;}
	.Contact_us .right_mail p.btn span{background-size:20px auto;}

	.mail_popup dl dt span{color:#ff7000;}

	footer p.footer_logo{float: none;}
	address{width:92vw !important;padding-top: 20px;}
	address > ul li .address{padding-left: 0 !important;}
	address > p{padding-left: 0 !important;padding-top: 10px;}


}
@media ( max-width: 375px ) {
		.mail_popup{margin:70px 0;}
		.mail_popup .close_btn{top:40px;}
	}
@media ( max-width: 320px ) {

	.main_visual .visual_txt p.title{font-size:42px;}
	.main_visual .visual_txt p.txt{font-size:24px;}

	.Contact_us .left_num, .Contact_us .right_mail{padding:30px 0;}
	.Contact_us p.title{font-size:24px;}
	.Contact_us p.txt{font-size:14px;}
	.Contact_us p.btn{width:200px;height:50px;}
	.Contact_us p.btn span{line-height:50px;}

	.mail_popup h3{font-size:28px;}

	#header .m_menu_logo{top:22px;padding-left:20px;}
	#header .nav .nav-menu ul li a, #header .nav ul.nav-menu li a:active{padding-left:20px;}
	#header .nav .nav-menu ul li{line-height:50px;}
	}