@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:-15px; */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-list-style ul li{width:20%; min-width:120px;}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-tab-wrapper-style {position:relative; z-index:99;}
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#222; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; margin-left:0;}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#ed1c24; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}
/* editor */
@media all and (max-width:800px){
	.bbs-view-content.editor{font-size:14px;}
}
/* ******************  회사소개 ********************** */
/* ------------------------ CEO 인사말 ---------------------------- */
@media all and (max-width:1024px) and (min-width:801px){
	.greeting-con .ceo-img img{width:285.6px;} 
}
@media all and (max-width:800px){
	.greeting-con .greeting-txt .tit{font-size:26px;}
	.greeting-con .greeting-txt .txt-01{font-size:18px;}
	.greeting-con .greeting-txt .txt-02{font-size:14px;}
	.greeting-con .greeting-txt .ceo-tit .ceo{font-size:13px;}
	.greeting-con .greeting-txt .ceo-tit .name{font-size:19px;}

	.greeting-con .greeting-txt .tit{margin-bottom:20px;}
	.greeting-con .greeting-txt .txt-01, .greeting-con .greeting-txt .txt-02{margin-bottom:10px;}
	.greeting-con .greeting-txt .ceo-tit{margin-top:30px;}

	.greeting-con{display: block;}
	.greeting-con .ceo-img{display: block; width:70%; text-align:center; margin:0 auto 30px;}
	.greeting-con .ceo-img img{width:100%;} 
	.greeting-con .greeting-txt{display: block; width:100%; padding-left:0%;}
	.greeting-con .greeting-txt .ceo-tit dt{left:150px; top:0;}
	.greeting-con .greeting-txt .ceo-tit dt img{width:45.5px;}
}
@media all and (max-width:480px){
	.greeting-con .ceo-img{width:100%;}	
}

/* ------------------------ 경영방침 ---------------------------- */
@media all and (max-width:1024px){
	.manegement-list-con{margin:0 -50px 100px;}
	.manegement-list-con li{margin:0 50px; width:calc(33.33% - 100px);}
	.manegement-list-con li dt{border:13px solid;}
}
@media all and (max-width:800px){
	.management-tit{font-size:24px;}
	.manegement-list-con li dd .item-tit{font-size:20px;}
	.manegement-list-con li dd .item-tit-en{font-size:16px;}
	.manegement-list-con li dd .item-txt{font-size:14px;}

	.management-bg{background:none;}
	.management-tit{margin-bottom:60px;}
	.manegement-list-con{margin:0;}
	.manegement-list-con li{margin:0 0 30px; width:100%; top:0 !important;}
	.manegement-list-con li dt{max-width:188px; padding-top:162px; margin:0 auto 15px;}
	.manegement-list-con li dd .item-tit-en{margin-bottom:15px;}
	.manegement-list-con li dt span{background-size:81.2px;}
}

/* ------------------------ 연혁 ---------------------------- */
@media all and (max-width:1530px){
	/* .history-tit-box{left:30px;} */
	.history-tit-box .area {padding-right: 50%;}
}
@media all and (max-width:1024px){
	/* .history-tit-box{position: relative; left:0; margin-bottom:20px;} */
	.history-tit-box {position:static;}
	.history-tit-box .area {padding-right:15px;}
	.history-img {display:none;}
	.history-wrap {padding:0 15px;}
	.history-con {display:block; margin-top:30px; }
	.history-right-box {width:100%; max-width:100%; padding:0;}
}
@media all and (max-width:800px){
	.history-tit-box .tit{font-size:67px; margin-bottom:10px;}
	.history-tit-box .sub-tit{font-size:20px;}

	.history-img{display: none;}

/* 	.history-tit-box{margin-bottom:200px;}
	.history-img{top:120px; padding-top:200px;}
	.history-img .img-con.img-01{top:auto; bottom:10px; left:15%; width:27.23%; max-width:518px;}
	.history-img .img-con.img-02{top:auto; bottom:0px; left:35%; z-index:2; width:26.54%; max-width:505px; box-shadow: 1px 5px 70px 0px rgba(0, 0, 0, 0.19);}
	.history-img .img-con.img-03{top:auto; bottom:20px; left:60%; width:16.03%; max-width:305px;} */
	
}


/* ------------------------ 연구개발 ---------------------------- */
@media all and (max-width:1024px){
	.rnd-top-box{padding-top:0; padding-bottom:0; margin-bottom:50px; background:transparent;}
	.rnd-tit-box{padding-bottom:30px;}
	.rnd-top-img{position: relative; background:#fff; padding-top:20px;}
	.rnd-top-img span{float:left; margin-right:10px; width:calc(50% - 5px);}
	.rnd-top-img span img{width:100%;}

}

@media all and (max-width:800px){
	.rnd-tit-box .tit-en, .rnd-tit-box .txt{font-size:16px;}
	.rnd-tit-box .tit{font-size:40px;}
	.rnd-con-box .tit{font-size:20px;}
	.rnd-con-box .txt, .rnd-table-box .table-con dt, .rnd-table-box .table-con dd{font-size:14px;}
	.rnd-table-box .table-con dt i{font-size:17px; margin-right:5px; margin-top:-4px;}
	
	.rnd-tit-box{padding-bottom:0px;}
	.rnd-tit-box .tit-en, .rnd-tit-box .tit{margin-bottom:10px;}
	.rnd-top-box{margin-bottom:20px;}
	.rnd-con-box .tit{margin-bottom:15px;}
	.rnd-con-box .txt{margin-bottom:25px;}
	
	.rnd-table-box .table-con{width:100%; height:50px;}
	.rnd-table-box .table-con dt{line-height:50px; padding-left:0;}
	.rnd-table-box .table-con dd{padding-left:100px;}
}

/* ------------------------ CI ---------------------------- */
@media all and (min-width:801px){
	.ci-download-btn a:hover{background:#ed1c24; border-color:#ed1c24;}
	.ci-download-btn a:hover span{color:#fff;}
	.ci-download-btn a:hover span i{color:#fff;}
}

@media all and (max-width:800px){
	.ci-top-box .tit, .ci-symbol-color .tit{font-size:24px;}
	.ci-symbol-box .ci-txt{font-size:15px;}
	.ci-download-btn a .txt-file, .symbol-color-item .color-tit span, .symbol-color-item .color-rgb span, .symbol-color-item .color-txt, .ci-symbol-color .plus-txt{font-size:14px;}
	.ci-download-btn a .txt-down{font-size:13px;}
	.symbol-color-item .color-tit{font-size:18px;}

	.ci-top-box .tit, .ci-symbol-box .ci-txt, .ci-symbol-color .tit, .symbol-color-con{margin-bottom:40px;}
	.ci-top-box .top-ci-box{margin-bottom:20px;}
	.ci-download-btn, .ci-symbol-box{margin-bottom:50px;}

	/* 메인로고 */
	.ci-top-box .top-ci-box a{padding:10% 20px;}
	/* 로고 다운로드 버튼 */
	.ci-download-btn{width:100%;}
	.ci-download-btn a{width:calc(50% - 10px); padding:0px 15px;}
	/* 로고 리스트 */
	.ci-list-con{margin:0px;}
	.ci-list-con li{float:none; margin:0 0px 20px; width:100%;}
	.ci-list-con li a{padding-top:100px;}
	/* 심벌마크 컬러 */
	.symbol-color-con{display: block;}
	.symbol-color-item{width:100%; padding:40px 4.16%;}
}
@media all and (max-width:640px){
	.ci-top-box .top-ci-box{border:none;}
}
@media all and (max-width:480px){
	.ci-download-btn a{width:100%; margin:0 0 10px;}	 
}
/* ------------------------ CI 팝업창 ---------------------------- */
/* @media all and (max-width:1460px){
	.slick-arrow{top:auto; bottom:-80px;}
	.slick-arrow.slick-next{right:0%;}
	.slick-arrow.slick-prev{left:0%;}
}
@media all and (max-width:800px){
	.slick-arrow{font-size:20px; bottom:-40px;}
} */

/* ------------------------ 찾아오시는 길 ---------------------------- */
/* 탭 스타일 */
@media all and (min-width:801px){
	.location-page .sub-tab-list-style ul li a{transition:all 0.3s;}
	.location-page .sub-tab-list-style ul li a:hover{background:#333; border-color:#333;}
	.location-page .sub-tab-list-style ul li a:hover em{color:#fff;}
}
@media all and (max-width:800px){
	.location-info dl dt, .location-info dl dd, .traffic-box dt{font-size:14px;}
	.traffic-con-box .tit{font-size:17px;}
	.traffic-con-box .tit i{font-size:23px;}
	.traffic-box dd, .traffic-subway .traffic-box .traffic-txt, .traffic-subway .traffic-box dl dt{font-size:13px;}
	.traffic-car .traffic-box dd:before{top:11px;}

	.location-map-con{margin-bottom:15px;}
	.location-map{padding-top:306px;}
	.location-info dl{height:40px;}
	.location-info dl dt{line-height:40px; width:70px; padding-left:0px;}
	.location-info dl dd{line-height:40px; padding-left:80px;}

	.traffic-con-box{margin-top:30px;}
	.traffic-con-box .tit{margin-bottom:5px;}
	.traffic-box{padding:15px;}
	.traffic-car{display: block;}	
	.traffic-car .traffic-box{width:100%; margin-bottom:10px;}
	.traffic-subway .traffic-box .traffic-txt{padding-bottom:10px; margin-bottom:10px;}

	/* 탭 스타일 */
	.location-page .sub-tab-list-style ul li{float:left; margin:0; width:50%; box-sizing:border-box; border-right:none;}
	.location-page .sub-tab-list-style ul li:last-child{border-right:1px solid #e5e5e5;}
}
@media all and (max-width:480px){
	.traffic-subway .traffic-box dl{margin-bottom:5px;}
	.traffic-subway .traffic-box dl dt{position: relative; line-height:1.5em;}
	.traffic-subway .traffic-box dl dd{padding-left:0;}
}

/* ******************  제품소개 ********************** */
/* ------------------------ 제품소개 :: 제품리스트 ---------------------------- */
@media all and (max-width:800px){
	.prd-list-search-box .prd-search-select-box select, .prd-list-search-box .prd-search-select-box .cur-prd-category .txt, .prd-list-search-box-text .search-box-text{font-size:14px;}
	.prd-list-search-box .prd-search-select-box .cur-prd-category .txt b{font-size:15px;}
	.prd-list-search-box .prd-search-select-box .cur-prd-category .arrow,.product-sorting span, .product-item-txt{font-size:17px;}
	.prd-list-search-box .prd-search-select-box .prd-category-select-list li a{font-size:13px;}
	.product-sorting span:before{font-size:19px;}

	.prd-list-search-box-text.search-box-camping{margin-bottom:0px; padding-bottom:30px;}
	.prd-list-search-box-text.search-box-camping .search-box-text a{margin-top:0px;}

	/* 상세 선택 */
	.product-list-top{margin-bottom:0;}
	.prd-list-search-box{padding:0 0 20px; margin-bottom:20px;}
	.prd-list-search-box .prd-search-select-box{width:100%; margin:0 0 10px;}
	.prd-list-search-box .prd-search-box-wrap{margin:0;}
	.prd-list-search-box .prd-search-select-box .cur-prd-category{height:40px; line-height:40px;}
	.prd-list-search-box .prd-search-select-box .cur-prd-category .arrow{top:12px;}
	.prd-list-search-box .prd-search-select-box.open .cur-prd-category .arrow{top:12px; }
	/* 제품 메뉴 */
	.product-sorting{float:none; width:100%; text-align:center; margin-bottom:15px;}

	.product-page .board-search-box .board-search-inner{width:100%;}
	.product-page .board-search-box .board-search-inner .search-word{height:40px;}
	.product-page .board-search-box .board-search-inner .bbs-search-btn{width:40px; height:40px;}

	/* 제품목록 */
	.product-item-wrap li{width:33.33%; /* padding:30px 7px; */ margin-bottom:30px;}
	.product-item-wrap li:nth-child(3n){border-right:1px solid #ddd;}
	.product-item-wrap li:nth-child(4n){border-right:none;}
	.product-item-img{margin-bottom:30px;}
}
@media all and (max-width:480px){
	.prd-list-search-box{/* margin-bottom:20px; */}
	.product-sorting span{display: block; margin-bottom:10px; margin-right:0;}
	.product-sorting span:before{top:auto; bottom:-20px; right:50%; -webkit-transform:translateX(50%) rotate(90deg); transform:translateX(50%) rotate(90deg);}

	.product-item-wrap li{width:50%;}
	.product-item-wrap li:nth-child(2n){border-right:1px solid #ddd;}
	.product-item-wrap li:nth-child(3n){border-right:none;}
}

/* ------------------------ 제품소개 :: 뷰페이지 ---------------------------- */
@media all and (max-width:1260px){
	.view-top-txt .procuct-view-sorting{margin-bottom:5%;}
	.product-view-tit{margin-bottom:8.33%;}
	.product-view-info{padding:8.41% 0 9.07%; margin-bottom:7.22%;}
}
@media all and (max-width:800px){
	.view-top-txt .procuct-view-sorting span, .product-view-info .info-txt, .product-view-info .info-type{font-size:14px;}
	.view-top-txt .procuct-view-sorting span:before{font-size:16px;}
	.product-view-tit{font-size:29px;}
	.view-top-txt .download-btn em, .view-spec-table tr th, .view-spec-table tr td, .view-spec-con .editor p{font-size:13px;}
	.view-top-txt .download-btn i, .view-spec-tit{font-size:17px;}

	.view-top-con{padding-bottom:60px;}
	.view-top-con, .view-spec-con{margin-bottom:60px;}
	.view-top-txt .procuct-view-sorting{margin-bottom:10px;}
	.product-view-tit{margin-bottom:0px;}
	.product-view-info{padding:20px 0; margin-bottom:0px; border:none;}
	.product-view-info .info-txt{margin-bottom:20px;}
	.product-view-info .info-type{margin-bottom:5px;}

	.view-top-img{padding-right:0%;}
	.view-top-txt{position: static; left:0%; width:100%; /* margin-bottom:30px; */}
	.view-top-txt .download-btn{position: absolute; bottom:0; width:100%; height:40px; line-height:40px;}
	.view-top-txt .download-btn i{line-height:40px;}
}


/* ******************  채용정보 ********************** */
/* ------------------------ 채용정보 :: 채용절차 ---------------------------- */
@media all and (max-width:1024px){
	.recruit-info-list{flex-wrap:wrap; margin:0 -20px; width:calc(100% + 40px);}
	.recruit-info-list li{width:calc(50% - 40px); margin:0 20px 40px;}
	.recruit-info-list li:nth-child(1):before{right:-20px;}
	.recruit-info-list li:nth-child(2):before{right:50%; top:auto; bottom:-55px; transform:translate(50%, -50%) rotate(90deg);}
	.recruit-info-list li:nth-child(3):before{right:auto; left:-60px; transform:translate(50%, -50%) rotate(180deg);}
	.recruit-info-list li:nth-child(3){order:4}
	.recruit-info-list li:nth-child(4){order:3}
}

@media all and (max-width:800px){
	.recruit-info-con {margin-top:30px;}
	.recruit-info-list li:before{font-size:23px;}
	.recruit-info-list li .list-inner dd .step, .recruit-table > dl > dd, .recruit-table .table-inner-txt dt span i{font-size:13px;}
	.recruit-info-list li .list-inner dd .sub-tit{font-size:17px;}
	.recruit-info-list li > dl > dd{font-size:14px;}
	.recruit-table > dl > dt{font-size:16px;}

	.recruit-info-page .sub-tab-wrapper-style{margin-bottom:50px;}
	.recruit-info-list li > dl > dt{padding:25px 0;}
	.recruit-info-list li .list-inner .icon{margin-bottom:10px;}
	.recruit-info-list li > dl > dd{height:50px;}
	.recruit-info-list li .list-inner .icon span{width:54.6px; height:56.7px;}
	.recruit-info-list li:nth-child(1):before{right:-22px;}
	.recruit-info-list li:nth-child(2):before{bottom:-45px;}
	.recruit-info-list li:nth-child(3):before{ left:-45px;}

	.recruit-table > dl{padding:15px 0;}
	.recruit-table > dl > dt{display: block; width:100%; padding-left:0; margin-bottom:5px;}
	.recruit-table > dl > dd{display: block; width:100%;}
	/* .recruit-table .table-inner-txt{margin-bottom:10px;} */
	.recruit-table .table-inner-txt dt{left:8px;}
	.recruit-table .table-inner-txt dt span{margin-right:10px;}
	.recruit-table .table-inner-txt dd{padding-left:90px;}
	.recruit-table .table-inner-txt dt span:before{width:25px; height:25px;}
	.recruit-table > dl:nth-child(2) > dt{margin-bottom:8px;}
}
@media all and (max-width:480px){	
	.recruit-info-list{display: block; width:100%; margin:0;}
	.recruit-info-list li{width:100%; margin:0 0 40px;}
	.recruit-info-list li:nth-child(1):before, .recruit-info-list li:nth-child(3):before{right:50%; top:auto; bottom:-45px; transform:translate(50%, -50%) rotate(90deg);}
}
/* ------------------------ 채용정보 :: 채용공고 ---------------------------- */
@media all and (min-width:801px){
	/* 탭 스타일 */
	 .sub-tab-list-style ul li a{transition:all 0.3s;}
	 .sub-tab-list-style ul li a:hover{background:#333; border-color:#333;}
	 .sub-tab-list-style ul li a:hover em{color:#fff;}
}
@media all and (max-width:800px){
	.recruit-page .sub-tab-wrapper-style{margin-bottom:45px;}
	/* 탭 스타일 */
	.recruit-page .sub-tab-list-style ul li{float:left; margin:0; width:50%; box-sizing:border-box; border-right:none;}
	.recruit-page .sub-tab-list-style ul li:last-child{border-right:1px solid #e5e5e5;}
}

/* ------------------------ 복리후생 ---------------------------- */
@media all and (max-width:800px){
	.welfare-list-con dl dt{font-size:16px;}
	.welfare-list-con dl dd{font-size:14px;}
	
	.welfare-list-con span{margin-bottom:10px;}
	.welfare-list-con dl{min-height:90px;}
}
@media all and (max-width:640px){
	.welfare-list{margin:0;}
	.welfare-list-con{margin:0 0 20px; width:100%;}	
	.welfare-list-con span img{width:100%; max-width:none;}	
	.welfare-list-con dl{min-height:auto;}
}


/* ******************  고객지원 ********************** */
/* ------------------------ 고객지원 :: 온라인문의 ---------------------------- */
@media all and (max-width:800px){
	.inquiry-table thead th{font-size:15px;}
	.inquiry-table tbody th, .inquiry-table tbody th.essential span:before, .inquiry-table tbody td .checkbox-item{font-size:13px;}
	.inquiry-table tbody td .write-input, .inquiry-table tbody td .write-select, .inquiry-table tbody td .write-textarea{font-size:12px;}
	.inquiry-table tbody td .file-txt, .inquiry-table tbody td .spam-txt{font-size:12px;}

	.inquiry-con-box{margin-bottom:40px;}

	.inquiry-table thead th{height:40px;}
	.inquiry-table tbody th{display: block; width:100%; padding:15px 0 0;}
	.inquiry-table tbody th.essential{padding-left:10px;}
	.inquiry-table tbody td{display: block; width:100%; height:auto; padding:10px 0;}
	.inquiry-table tbody td .write-input, .inquiry-table tbody td .write-select{max-width:none;}
	.phone-fieldset .write-input, .phone-fieldset .write-select{width:calc(33.33% - 14px) !important; max-width:none !important;}

	.inquiry-table tbody td .spam-visible{position: relative; margin-bottom:10px;}
	.inquiry-table tbody td .write-input.write-spam{margin-left:0; width:50% !important;}
	.inquiry-table tbody td .spam-txt{width:calc(50% - 10px);}
	
	.inquiry-table tbody td .title-fieldset .write-input{width:100%;}
	.inquiry-table tbody td .title-fieldset .write-select{width:100% !important; margin-bottom:5px;}
}
@media all and (max-width:480px){
	.inquiry-table tbody td .write-input.write-spam{width:100% !important; max-width:none;}
	.inquiry-table tbody td .spam-txt{width:100%; margin-left:0; margin-top:5px}
	.inquiry-table tbody td .checkbox-item{display:inline-block; width:100px; margin-bottom:10px;}
}

/* ------------------------ 고객지원 :: 기업윤리 상담/신고 ---------------------------- */
/* 탭 스타일 */
@media all and (min-width:801px){
	.declaration-page .sub-tab-list-style ul li a{transition:all 0.3s;}
	.declaration-page .sub-tab-list-style ul li a:hover{background:#333; border-color:#333;}
	.declaration-page .sub-tab-list-style ul li a:hover em{color:#fff;}
}
@media all and (max-width:800px){
	.cm-btn-controls.pd-t-0{padding-top:0;}
	.declaration-page .sub-tab-wrapper-style {margin-bottom: 50px;}
	.declaration-top-box{padding:9.11% 10px 7.75%; /* background-position:right center; */ margin-bottom:60px;}
	.declaration-top-box .tit{font-size:26px;}
	.declaration-top-box .txt{font-size:14px;}

	.declaration-page .cm-btn-controls .btn-style01{width:100%; margin:0;}
}


/* ******************  고객지원 :: 부품구매  ********************** */
@media all and (min-width:801px){
	.purchase-tab-m {display:none;}
	.purchase-tab-con {display:block !important;}
	.purchase-top-con .con-box .con-inner > .tit-box .btn:hover {border-color:#df2027; background-color:#df2027; color: #fff;}
}
@media all and (max-width:1630px){
	.purchase-top-con .con-box .con-inner  {margin-top:6.5359vw;}
	.purchase-top-con .slide-box {margin-top:6.5359vw}
}
@media all and (max-width:1530px){
	.purchase-top-con {padding: 3vw 6.5359vw 6vw;}
}
@media all and (max-width:1260px){
	.purchase-top-con .con-box {padding-right:60px;}
	.purchase-top-con .slide-box .purchase-slide .slick-arrow.slick-prev {left:-38px;}
	.purchase-top-con .slide-box .purchase-slide .slick-arrow.slick-next {right:-38px;}
	.purchase-top-con .slide-box .default-con  {height:262.8px;}
	.purchase-top-con .slide-box .slide-info-box .info-box .txt {display:block; margin:8px 0;}
	.purchase-top-con .slide-box br {display:none;}
}
@media all and (max-width:1024px){
	.purchase-top-con {padding:50px 20px 70px 50px;}
	.purchase-top-con .slide-box {margin-top:4.8828vw;}
}
@media all and (max-width:800px){
	.purchase-page {font-size:13px;}
	.purchase-top-con {background:none; padding:0;}
	.purchase-top-con .map-box ,.purchase-top-con .slide-box {display:none;}
	.purchase-top-con .con-box .con-inner > .tit-box  b{display:none;}
	.purchase-top-con .con-box .con-inner > .tit-box .tit {margin-top:0; font-size:30px;}
	.purchase-top-con .con-box .con-inner > .tit-box .btn {display:inline-block; width:auto; height:auto; margin:20px auto 0; padding:15px 20px;}
	.purchase-tab-m {margin-top:30px;}
	.purchase-tab-container {margin:30px -15px;}
	.purchase-top-con .con-box {padding-right:0; text-align:center;}
	.purchase-tab-con .purchase-info-con li .slide-info-box {display:block; padding:30px 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.purchase-tab-con .purchase-info-con .tit-box {display:block; width:100%; padding:0;}
	.purchase-tab-con .purchase-info-con .txt-box {display:block; width:100%; margin-top:15px; }
	.purchase-tab-con .purchase-info-con .txt-box .info-box {margin-top:10px;}
}

/* ******************  고객지원 :: 글로벌링크  ********************** */
@media all and (min-width:801px){
	.global-tab-list-style ul {transition: all 0.4s;}
	/* tab fixed */
	.global-link-tab-wrapper.top-fixed,
	.global-link-tab-wrapper.top-fixed .global-tab-list-style {height:50px;}
	.global-link-tab-wrapper.top-fixed .global-tab-list-style {position:fixed; width:100%; top:0; left:0; background-color:#fff; border-bottom:1px solid #a8afb9;}
	.global-link-tab-wrapper.top-fixed .global-tab-list-style li a {border-bottom:0;}
}
@media all and (max-width:800px){
	.global-link-tab-wrapper.top-fixed .global-tab-list-style {top:0;}
}
@media all and (max-width:480px){
	.global-link-tab-wrapper.top-fixed .global-tab-list-style {top:0;}
}


@media all and (max-width:1467px) {/*지도 반응형시작*/
	.global-link-map .dot-box > p {font-size:1.4215vw;}
}
@media all and (min-width:801px){
	.global-link-country .country-list .info-box .txt:nth-child(odd) {width:54.89%;}
	.global-link-country .country-list .info-box .txt:nth-child(even) {width:44.91%;}
	.global-link-country .country-list .info-box .txt.address {width:100%;}
}
@media all and (max-width:1024px){
	.global-tab-list-style ul li a {width:auto;}
	.global-link-tab-wrapper.top-fixed .global-tab-list-style {position:fixed; top:80px; left: 0; width:100%;}
	.global-link-map {padding:0; background:none; }
	.global-link-map .map-box {display:none;}
	.spidochescaler-container {display:none !important;}
	.global-link-country {padding-top:0; margin:0 -15px;}
	.global-link-country .country-list li  {padding-right:0;}
	.global-link-country .country-list .info-box .txt  {padding-left:70px;}
	.global-link-country .country-list .info-box .txt span {display:block; padding-left:10px;}
	.global-link-country .country-list .info-box .txt span em {margin-left:-10px;}
}
@media all and (max-width:800px){
	.global-link-page {font-size:13px;}
	.global-tab-list-style a {text-align:left;}
	.global-tab-list-style ul li {max-width:100%;}
	.global-tab-list-style ul li a {line-height:1; }
	.global-tab-list-style ul li a:before , .global-tab-list-style ul li a:after {display:none;}
	.global-link-country .country-list li { display:block; padding:30px 0;}
	.global-link-country .country-list li .inner-box { width:100%;}
	.global-link-country .country-list .tit-box .flag {width:65px;}
	.global-link-country .country-list .tit-box .flag img {width:100%;} 
	.global-link-country .country-list .tit-box .inner {margin-left:10px; width:calc(100% - 75px);} 
	.global-link-country .country-list .logo-box {width:100%; padding:0 15px; margin-top:20px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;  }
	.global-link-country .country-list .logo-box img {max-width:30%;}
	.global-link-country .country-list li.no-logo .tit-box {padding-right:0;}
	.global-link-country .country-list .info-box {padding-right:0; margin-top:20px;}
	.global-link-country .country-list .info-box .txt-box {display:block;}
	.global-link-country .country-list .info-box .txt {padding-left: 75px;}
	.global-link-country li.add-item {padding:0;}
	.global-link-country li.add-item .add-item-box {display:block; padding:30px 0;}
}
@media all and (max-width:480px){
	.global-link-tab-wrapper.top-fixed .global-tab-list-style {top: 60px;}
}


/* ******************  고객지원 :: 서비스센터  ********************** */ 
@media all and (max-width:1024px){
	.service-item .img-box { width:50%;}
	.service-item .txt-box { width:50%; padding-left:30px; }
}
@media all and (max-width:800px){
	.service-list li { padding:30px 0;}
	.service-list li:first-child {padding-top:20px;}
	.service-item .txt-box .category {font-size:13px; }
	.service-item .txt-box .tit { font-size:19px; margin-top:15px;}
	.service-item .txt-box .info-box  {margin-top:15px;}
	.service-item .txt-box .info-box .info {padding-left:70px; margin-top:15px; font-size:14px;}
}
@media all and (max-width:640px){
	.service-item .img-box { float:none; width:100%;}
	.service-item .img-box img {width:100%;}
	.service-item .txt-box { float:none; width:100%; padding-left:0; margin-top:20px; }
}