@charset "utf-8";



/* ****************************************************************************************** *
 * 1200px
 * ****************************************************************************************** */
@media screen and (max-width:1200px) {
	
	/* 영역 공통 */
	.main_boundary,	.sub_boundary{padding:0 24px;}
	#aside{display:none;}
	
	/* main */
	.main_section{padding:64px 0 80px;}
	.main_intro .keyword{right:24px; bottom:-110px;}
	.main_lastest_gall_basic{padding-bottom:0;}

	/* sub */
	.sub_sec{padding:64px 0 0px}
	.sub_header_container img{width:100%; height:100%; object-fit:cover;}
	
	/* breadcrumb */
	.breadcrumb{padding:1.5rem 24px;}
	.breadcrumb li{font-size:15px;}
	

}
/* 1200px end */





/* ****************************************************************************************** *
 * 1024px
 * ****************************************************************************************** */
@media screen and (max-width:1024px) {


	/* sub header 공통 */
	.sub_header_container{height:260px;}

	/* breadcrumb */
	.breadcrumb{margin-bottom:2rem;}

	/* 게시판 group */
	.gw_group{padding-top:2rem;} 

}
/* 1024px end */





/* ****************************************************************************************** *
 * 980px
 * ****************************************************************************************** */
@media (max-width:980px){
	
	/* 게시판 group */
	.gw_group .gw_group_inner{width:calc(49.9999% - 24px);}

}
/* 980px end */





/* ****************************************************************************************** *
 * 768px
 * ****************************************************************************************** */
@media screen and (max-width:768px) {


	/* 회원가입약관 */
	#sns_register{background:#f7f7f7;}

	/* main */
	.main_intro .content{padding:0 24px;}
	.main_intro .content > p{font-size:14px;}


	/* 게시판 group */
	.gw_group{padding-top:1rem; padding-bottom:84px;} 
	.gw_group .gw_group_inner{width:calc(100% - 24px); margin:0 12px;}

}
/* 768px end */





/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	/* 영역 공통 */
	.main_boundary, .sub_boundary{padding:0 20px;}
	#container{min-height:480px; font-size:14px;}
	#container_title{padding:80px 0 20px;}
	#container_title span{margin:0; line-height:1.33; position:relative;}

	/* 버튼 공통 */
	a.btn, .btn{height:32px; line-height:32px;}

	/* main */
	.main_section .title > span{font-size:13px;}
	.main_section .title > h2{padding-bottom:24px; font-size:20px;}
	.main_intro .content{text-align:center;}
	.main_intro .content > p {line-height:1.6; font-size:15px;}
    
    
    
    .main_intro {padding:30px 0 40px;}
.main_intro .title{text-align:center; margin-bottom: 15px}
.main_intro .title a{color:#646873;}
.main_intro .title > span{display:inline-block; margin-bottom:4px; padding:2px 4px; text-transform:uppercase; font-size:14px; font-weight:600; letter-spacing:0.05em;
	color:#acafb9; border-top:1px solid #acafb9; border-bottom:1px solid #acafb9;}
.main_intro .title > h2{padding-bottom:20px; font-size:20px; font-weight:300; letter-spacing:-0.02em;} 
    
    
    .main_intro .btn_buy{display:inline-block; padding:.75rem 2rem; border-radius:2rem; background:#5bb6e2; color:#fff; letter-spacing:0.05em;
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out; cursor: pointer; width: 80%; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}


.main_intro .btn_buy2{display:inline-block; padding:.75rem 2rem; border-radius:2rem; background:#3D3D3D; color:#fff; letter-spacing:0.05em;
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out;cursor: pointer; width: 80%; margin-left: 0px; margin-right: 0px;}
    
    .main_icon_area .icon_item{display:inline-block; width:50%; font-size:15px; text-align:center; vertical-align:top; color:#fff;}
    .main_icon_area .icon_item > .txt > h4{padding:5px 0 1px; font-size:16px; }
    .main_icon_area .icon_item > .txt > p{font-size: 12px;margin-bottom: 20px}
    
    
    
    
.board1_section{padding:30px 0 0px;}    
    
    .board1_boundary,	.sub_boundary{padding:0 15px;}

    
.board1_boundary .title {font-size: 30px;text-align: center;font-weight: 300;}
.board1_boundary .title span{font-size: 30px; text-align: center; font-weight: 400; line-height: 120%}

.board1_boundary .but_box{text-align: right; margin-bottom: 20px;margin-top: 20px;}
.board1_boundary .but_box .button {background-color: aqua; width: 50%; text-align: center;border-radius:0rem; background:#5bb6e2; color:#fff; font-size:16px; padding-bottom: 5px; padding-top: 5px; margin-top: 15px; cursor: pointer; margin:0 auto; float: none}
.board1_boundary .but_box .button {background-color: aqua; width: 50%; text-align: center;border-radius:0rem; background:#5bb6e2; color:#fff; font-size:16px; padding-bottom: 5px; padding-top: 5px; margin-top: 15px; cursor: pointer; margin:0 auto;float: none}
    

    

	/* sub */
	.sub_header_container{height:200px;}

	/* breadcrumb */
	.breadcrumb{margin:0; padding:1rem 0; text-align:left;}
	.breadcrumb li:after{top:2px; border-color:#acafb9;}
	.breadcrumb li{font-size:13px;}
	.breadcrumb li a{color:#acafb9;}
	.breadcrumb li.active{color:#646873;}
    
    
    
    /* 메인 허브_로지스틱스 2단 */
    .main_other .title > h2{padding-bottom:20px; font-size:20px; font-weight:300; letter-spacing:-0.02em;}
    .main_other .dan2 .col .dan1 {width:100%; float:left; padding-left:16px; padding-right:16px; margin-bottom: 20px}
    
    .board1_back_color{background:#f5f6f7; background:url('../img/main/2dan.jpg') no-repeat; background-position: center bottom; background-size: cover;}
    
    
    
    #floatdiv { position:fixed; width:80px; height: 80px; display:inline-block; right:0px; /* 창에서 오른쪽 길이 */ top:100px; /* 창에서 위에서 부터의 높이 */ margin:0; z-index: 2; cursor: pointer;background-image:url(../img/rq1_m.png)}
#floatdiv2 { position:fixed; width:80px; height: 80px; display:inline-block; right:0px; /* 창에서 오른쪽 길이 */ top:180px; /* 창에서 위에서 부터의 높이 */ margin:0; z-index: 2; cursor: pointer;background-image:url(../img/rq2_m.png)}
    #floatdiv3 { position:fixed; width:80px; height: 80px; display:inline-block; right:0px; /* 창에서 오른쪽 길이 */ top:260px; /* 창에서 위에서 부터의 높이 */ margin:0; z-index: 2; cursor: pointer;background-image:url(../img/rq3_m.png)}
    
    
    
    

}
/* 767px end */





/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {

	/* 영역 공통 */
	.main_boundary,	.sub_boundary{padding:0 15px;}
	#container{font-size:13px;}
	#container_title{font-size:24px;}

	/* 버튼 공통 */
	a.btn, .btn{height:28px; line-height:28px; padding:0 6px; font-size:12px;}

	/* 회원가입약관 */
	#sns_register{margin-bottom:60px; padding:10px 24px 15px;}
	#sns_register:before{bottom:-30px;}
	#sns_register:after{bottom:-38px; width:60px; font-size:15px;}
	#sns_register h2{padding-bottom:5px; font-size:14px;}

	/* main */


	/* sub */
	.sub_header_container{height:160px;}

	/* breadcrumb */
	.breadcrumb{margin:0;}
	.sub_header_container .sub_header p span{font-size:24px;}

}
/* 480px end */





/* ****************************************************************************************** *
 * 425px
 * ****************************************************************************************** */
@media screen and (max-width:425px) {

	/* 팝업 */
	.hd_pops{top:50px !important; left:50% !important; margin-left:-150px;}
	.hd_pops_con{width:300px !important; height:408px !important; margin:auto;}	

	/* 영역 공통 */
	.main_boundaryy{padding:0 15px;}
	.sub_boundary{padding:0 15px;}
	.gw_boundary{padding:0 15px;}




}
/* 425px end */





/* ****************************************************************************************** *
 * 320px
 * ****************************************************************************************** */
@media screen and (max-width:320px) {

	/* main */	
	.main_section .title > h2{font-size:24px;}
}
/* 320px end */