/* *******************************************************
 * 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-weight: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}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.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:#333; 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}
	.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:#099fe7; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* ******************  Company :: CEO Greeting ********************** */
@media all and (max-width:1320px){
	.greeting-con .left-con .txt-box .tit {font-size:2.5em;}
}
@media all and (max-width:1024px){
	.greeting-con .left-con .txt-box .tit {font-size:2em;}
	.greeting-con .left-con .txt-box .txt {padding:2em 0; font-size:1.25em;}
}
@media all and (max-width:800px){
	.greeting-con {display:block; }
	.greeting-con .left-con {width:100%;}
	.greeting-con .left-con .txt-box {padding:0 15px;}
	.greeting-con .right-con {width:100%; padding:0; margin-top: 1.875em; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.greeting-con .right-con > div {padding:0 15px;}
	.greeting-con .right-con .sign-box .sign img {height:23.8px;}

	/* 국문만 수정 */
	.greeting-con .left-con .txt-box.kr-txt-box{height: 160px;}
	.greeting-con .left-con .txt-box.kr-txt-box .tit:after{margin-top: 10px; width: 20px; height: 2px;}

	.greeting-con .right-con .kr-sign-box{font-size: 13px;}
	.greeting-con .right-con .kr-sign-box .ceo-name{font-size: 12px; margin-top: 5px;}
	.greeting-con .right-con .kr-sign-box .ceo-name span{margin-left: 5px; font-size: 14px;}
	.greeting-con .right-con .kr-sign-box .company{text-align:right;}
	.greeting-con .right-con .kr-sign-box .company img{width:50%;}
}

/* ******************  Company :: Core Value ********************** */
@media all and (max-width:1320px){
	/* 상단 컨텐츠 */
	.value-top-con .circle-box {width:33.48vw; height: 31.43vw;}
	.value-top-con .circle-box span {font-size:2.7273vw;}
	.value-top-con .con-list li {padding:0 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.value-top-con .con-list li .icon {height:7.4242vw; background-size:auto 100%; margin-bottom:0.625em;}
	.value-top-con .con-list li .txt {margin-top: 0.5em;}
	
	/* 하단 컨텐츠 */
	.value-bottom-con {padding:0 6.81vw; margin-top:1.875em;}
	.value-bottom-con .con-list:before {top:-4.54vw;}
}
@media all and (max-width:800px){
	/* 하단 컨텐츠 */
	.value-bottom-con {margin-top: 50px;}
	.value-bottom-con .con-list li {width:70px;}
	.value-bottom-con .con-list li.center {margin-top:20px;}
	.value-bottom-con .con-list li.side {margin-top:-30px;}
}
@media all and (max-width:640px){
	/* 상단 컨텐츠 */
	.value-top-con .circle-box {width:221px; height:auto; background:none; margin-bottom:30px;}
	.value-top-con .circle-box span {font-size:16px;}
	.value-top-con .con-list li {position:static; width:100%;  margin-top:20px;}
	.value-top-con .con-list li .icon {height:68px;}
	/* 하단 컨텐츠 */
	.value-bottom-con {padding:0 20px; }
}
@media all and (max-width:480px){
	/* 하단 컨텐츠 */
	.value-bottom-con .con-list {flex-wrap:wrap; justify-content:center;}
	.value-bottom-con .con-list:before {display:none;}
	.value-bottom-con .con-list li {width:33.33%; padding:3%; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.value-bottom-con .con-list li.center ,
	.value-bottom-con .con-list li.side {margin-top:0;}
}

/* ******************  Company :: Network ********************** */
@media all and (max-width:1320px){
	/* 지도 */
	/* .network-nation-box .arrow {margin:15vw 0 0 -14.77vw;  }
	.network-nation-box .arrow img {margin:-2.57vw 0 0 10.5vw; width:47.80vw;}
	.network-nation-box .arrow span {margin:-2.57vw 0 0 10.5vw; width:47.80vw;}
	.network-nation-circle[title="Europe"]  {margin-left:-37.1212vw !important; margin-top:-9.7727vw !important;}
	.network-nation-circle[title="Asia"]  {margin-left:-15.1515vw !important; margin-top:-12.1212vw !important;}
	.network-nation-circle[title="Africa"]  {margin-left:-38.4091vw !important; margin-top:3.1061vw !important;}
	.network-nation-circle[title="Oceania"]  {margin-left:-9.0152vw !important; margin-top:10.5848vw !important;}
	.network-nation-circle[title="Americas"]  {margin-left:23.4697vw !important; margin-top:-0.8333vw !important;}
	.network-nation-circle[title="Middle East"]  {margin-left:-30.7576vw !important; margin-top:0 !important;}
	.network-nation-circle[title="Oceania"]  {margin-left:-8.75vw !important; margin-top:8.5vw !important;}
	.network-nation-circle[title="NAmericas"]  {margin-left:23.4697vw !important; margin-top:-5.8333vw !important;}
	.network-nation-circle[title="LAmerica"]  {margin-left:33.5697vw !important; margin-top:8.6667vw !important;}
	.map-logo[title="Eunsung China"]  {margin-left:-19vw !important; margin-top:-7.9545vw !important;}
	.map-logo[title="Eunsung Japan"]  {margin-left:-5.15vw !important; margin-top:-3.03vw !important;}
	.map-logo[title="Eunsung Australia"]  {margin-left:-2.8030vw !important; margin-top:14.3939vw !important;}
	.map-logo[title="Eunsung USA"]  {margin-left:9.6515vw !important; margin-top:-5.0121vw !important;} */

	.network-page .network-nation-box .arrow {margin-top:15%;}
	
	.network-nation-circle p {top:-50px;}
	.network-nation-circle p:before {height:55px;}
	/* 나라 리스트 */
	.network-nation-con .nation-list li {max-width:220px;}
	.network-nation-con .nation-list li:nth-child(3) {max-width:150px;}
	.network-nation-con .nation-list li.col02 {max-width:380px;}
	.network-nation-con .nation-list li .tit-box {padding:20px;}
	.network-nation-con .nation-list li .txt-box {padding:10px 20px;}
	
}
@media all and (max-width:1024px){
/* 	지도
	.network-map-con {display:none;}
	.network-map-con-m {display:block; }
	.network-map-con-m img {width:100%;} */
	/* 나라 리스트 */
	.network-nation-con .nation-list {display:block;}
	.network-nation-con .nation-list li {max-width:none; width:100%;border-left:0; border-bottom:1px solid #ddd; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.network-nation-con .nation-list li:last-child {border-bottom:0;}
	.network-nation-con .nation-list li:nth-child(3) {max-width:100%;}
	.network-nation-con .nation-list li .tit-box ,
	.network-nation-con .nation-list li .txt-box {padding:15px;}
	.network-nation-con .nation-list li.col02 {max-width:none;}
	.network-nation-con .nation-list li.col02 .txt-box {display:block;}
	.network-nation-con .nation-list li.col02 .txt-box .txt {width:100%;}
	.network-nation-con .nation-list li .txt-box .txt span {display:inline-block; margin-right:5px;}
	.network-nation-con .nation-list li .txt-box .txt span:after {content:",";}
	.network-nation-con .nation-list li .txt-box .txt:last-child span:last-child:after {display:none;}
}
@media all and (max-width:800px){
	.network-count-con .con-box {display:flex; flex-wrap:wrap; }
	.network-count-con .con-box .count-item {width:50%; margin:3vw 0; }
}

/* ******************  Company ::  patents ********************** */
@media all and (max-width:1220px){
	.certificate-list > ul li{width:31.33%;}
	.certificate-list > ul li:nth-child(4n+1){clear: none;}
	.certificate-list > ul li:nth-child(3n+1){clear: both;}
}
@media all and (max-width:800px){
	.certificate-page-tit{margin-bottom: 15px; font-size: 18px;}
	.certificate-list > ul li{width:48%; margin-bottom: 35px;}
	.certificate-list > ul li:nth-child(3n+1){clear: none;}
	.certificate-list > ul li:nth-child(2n+1){clear: both;}

	.certificate-list .certificate-img-thumb{padding-top: 200px;}
	.certificate-list .certificate-img-thumb .img-con{width: 83px; height: 120px;}
	.certificate-list .certificate-img-thumb .img-con:before{top: -10px; left: -10px; width: 99px; height: 140px; background: url("../image/certificate_cover.png") center/cover no-repeat;}
	.certificate-list .certificate-img-thumb .img-con span{padding-top: 120px;}

	.certificate-list .certificate-img-thumb .certificate-over-box{display: none;}
	.certificate-list .certificate-tit{font-size:13px; padding-top:15px;} 
	.certificate-list .certificate-txt{margin-top: 7px; font-size: 13px;}
}


/* **************************
 * Product :: 제품 리스트
************************** */
@media all and (max-width:1320px){
	.sub-prd-list{margin: -30px;}
	.sub-prd-item{width: calc(33.33% - 60px); margin: 30px;}
}
@media all and (max-width:1024px){
	.product-list-con{padding: 0 30px;}
	.sub-prd-item{width: calc(50% - 60px);}
	.search-category-txt.view{padding-left: 30px;}
}
@media all and (max-width:800px){
	/* 탭 */
	.product-list-tab-style{height: 36px;}
	.product-list-tab li + li{margin-left: 30px;}
	.product-list-tab li + li:before{margin-top: -4px; left: -15px; height: 10px;}
	.product-list-tab li a{padding: 0 12px; font-size: 13px; line-height: 36px;}
	/* 제품 리스트 */
	.product-list-con{margin-top: 25px; padding: 0;}
	.sub-prd-list{margin: -15px -5px;}
	.sub-prd-item{width: calc(50% - 10px); margin: 15px 5px;}
	.sub-prd-item a{box-shadow: 7px 7px 10px -3px rgba(0,0,0,0.08); -webkit-border-radius: 15px; border-radius: 15px;}
	.sub-prd-item a:before,
	.sub-prd-item a:after{display: none;}
	.sub-prd-item .prd-tit{top: 14%;}
	.sub-prd-item .prd-category{display: block; margin-bottom: 7px; font-size: 12px;}
	.sub-prd-item .prd-name{font-size: 15px;}
	.sub-prd-item .prd-thumb{margin-top: 10px; margin-top: 0;}
	.sub-prd-item .prd-thumb span {-webkit-border-radius: 15px; border-radius: 15px;}
	/* Search Product page */
	.product-list-con.search{margin-top: 15px;}
	.search-product-list-con{margin-bottom: 30px;}
	.prd-search-link{margin-bottom: 15px; align-items: baseline;}
	.search-category-txt{font-size: 25px;}
	.search-category-txt.view{padding-left: 0;}
	.prd-search-link a{font-size: 12px; padding-right: .8%;}
	.prd-search-link a span{margin-left: 5px; width: 30px;}
	.prd-search-link a span:before{margin-top: -5px; width: 5px; height: 10px; background: url("../image/visual_more_btn_b.png") center/contain no-repeat;}
}
@media all and (max-width:480px){
	.sub-prd-item .prd-tit{top: 12%;}
}

/* **************************
 * Product :: 제품 뷰페이지
************************** */
@media all and (max-width:1320px){
	.product-view-prev-btn{left: 20px;}
	.product-view-next-btn{right: 20px;}
	/* 제품 설명 영역 - 테이블 */
	.product-view-tbl th, .product-view-tbl td{padding: 20px 30px;}
}
@media all and (max-width:1024px){
	.product-view-prev-btn{left: 5px;}
	.product-view-next-btn{right: 5px;}
	/* 제품 설명 영역 - 묶음설명 */
	.product-view-tip-list:not(.col1){margin: -20px 0;}
	.product-view-tip-item{margin: 20px 0;}
	.product-view-tip-item{width: 100%!important;}
	.product-view-tip-item.col-2 .inner-list li,
	.product-view-tip-item.col-3 .inner-list li{width: calc(33.33% - 15px);}
	/* 제품 설명 영역 - 테이블 */
	.product-view-tbl th, .product-view-tbl td{padding: 20px 15px;}
}
@media all and (max-width:800px){
	.product-view-page{padding-bottom: 30px;}
	/* 제품 타이틀 영역 */
	.product-view-tit .area{padding: 0 45px; padding-bottom: 25px;}
	.product-view-tit .area:before{bottom: -2px; margin-left: -15px; width: 30px; height: 3px;}
	.product-view-tit p{font-size: 13px;}
	.product-view-tit h5{margin-top: 5px; font-size: 35px;}
	.product-view-prev-btn, .product-view-next-btn{margin-top: -35px;}
	.product-view-prev-btn i, .product-view-next-btn i{font-size: 38px;}

	/* 제품 배너 영역 */
	.product-view-bnr{padding-top: 30px;}
	.product-view-bnr .pc-img{display: none;}
	.product-view-bnr .m-img{display: block;}
	/* 제품 영상 영역 */
	.product-view-video{padding-top: 40px;}
	/* 제품 설명 영역 - 공통 */
	.product-view-item{padding-top: 60px;}
	.product-view-item-tit, .editor .product-view-item-tit{margin-bottom: 15px; font-size: 30px;}
	/* 제품 설명 영역 - 묶음설명 */
	/* .product-view-tip-list{margin: -20px 0;} */
	.product-view-tip-list + .product-view-tip-list{margin-top: 0;}
	.product-view-tip-item{margin: 20px 0;}
	.product-view-tip-item .tit{height: 40px; font-size: 19px; -webkit-border-radius: 15px; border-radius: 15px;}
	.product-view-tip-item .inner-list{margin: -5px -5px 0; margin-top: 15px;}
	.product-view-tip-item .inner-list li{margin: 5px; -webkit-border-radius: 15px; border-radius: 15px;}
	.product-view-tip-item.col-2 .inner-list li,
	.product-view-tip-item.col-3 .inner-list li{width: calc(33.33% - 10px);}
	.product-view-tip-item .inner-list li{width: calc(50% - 10px) !important;}
	.product-view-tip-item.width-507  .inner-list li{width: 100%!important;}
	.product-view-tip-item .inner-list .img{padding-top: 116px;}
	.product-view-tip-item .inner-list .img.high{padding-top: 200px;}
	.product-view-tip-item.width-840 li{}
	.product-view-tip-item.width-638 li{width: 100% !important;}
	.product-view-tip-item .inner-list .img span{-webkit-background-size: contain!important; background-size: contain!important;}
	.product-view-tip-item .inner-list .img span.fix-img{-webkit-background-size: inherit!important; background-size: inherit!important;}
	.product-view-tip-item .inner-list .img.long span{background-position: 48%!important;}
	.product-view-tip-item .inner-list .txt p{height: 45px;}
	.product-view-tip-item .inner-list .txt p + p:before{left: 10px; right: 10px;}
	.product-view-tip-item .inner-list .txt p span{font-size: 16px;}
	.product-view-tip-item .inner-list.fz-18 .txt p span{font-size: 14px;}
	.product-view-tip-item .inner-list.fz-17 .txt p span{font-size: 14px;}
	.product-view-tip-item .inner-list.fz-15 .txt p span{font-size: 13px;}
	.fz-15{font-size: 13px!important;}

	.product-view-tip-item.row .inner-list{margin: -5px;}
	.product-view-tip-item.row .inner-list li{margin: 5px;}
	.product-view-tip-item .inner-list .img.only-img{padding-top: 244px;}
	.product-view-tip-item .inner-list .img.only-img span{top: 10px; right: 10px; left: 10px; bottom: 10px;}
	/* 제품 설명 영역 - 테이블 */
	/* .product-view-tbl{width: 800px; max-width: 800px !important;} */
	.product-view-tbl th, .product-view-tbl td{padding: 15px; font-size: 14px; -ms-word-break: break-word; word-break: break-word;}
	.product-view-tbl th.text-align-center, .product-view-tbl td.text-align-center{padding-left: 10px; padding-right: 10px;}
	.product-view-tbl th{width: 26.5%;}
	.product-view-tbl td p + p{margin-top: 7px;}
	.product-view-tbl td p span{margin-right: 20px;}
	.product-view-tbl td p span:before{top: 4.5px; right: -10px; height: 10px;}
	.product-view-add-txt{margin-top: 20px;}
	.product-view-add-txt p{font-size: 14px;}
	/* 더보기 버튼 영역 */
	.product-view-btn{margin-top: 30px;}
	.product-view-btn img{height: 55px;}
	.product-view-btn p{margin-top: 15px; font-size: 23px; line-height: 1.3;}
	.product-view-btn a{padding-right: 30px; margin-top: 10px;}
	.product-view-btn a span{font-size: 13px;}
	.product-view-btn a i{margin-top: -6.5px; font-size: 13px;}
}
@media all and (max-width:640px){
	.product-view-tbl th{width: 30%;}
}
@media all and (max-width:480px){
	.product-view-tip-item .inner-list .txt p span{font-size: 14px;}
	.product-view-tbl th {width: 33%;}
	.product-view-tbl th, .product-view-tbl td{padding: 15px 10px;}
}
@media all and (max-width:380px){
	.product-view-tbl th {width: 39%;}
}
@media all and (max-width:359px){
	.product-view-tbl th {width: 50%;}
}


/* **************************
 * News & Media :: 01 News
************************** */
@media all and (max-width:800px) {
	/* SEARCH BOX */
	.board-search-box-style03{padding-bottom: 25px;}
	.board-search-box-style03 .search-input{position: relative; width: 100%; max-width:560px; height:40px;}
	.board-search-box-style03 .select-custom{width:70px; height:40px;}
	.board-search-box-style03 .select-custom select{padding-right: 15px; padding-left: 5px; font-size: 12px; line-height: 40px;}
	.board-search-box-style03 .search-word{top: 0px; left: 70px; width: calc(100% - 60px); height: 40px; text-indent:10px; font-size:12px; font-weight: 400; vertical-align:middle; border: none;}
	.board-search-box-style03 .bbs-search-btn{width:40px; height:40px;}
	.board-search-box-style03 .bbs-search-btn i{line-height:40px; font-size: 18px;}
}


/* **************************
 * News & Media :: 02 Exhition :: 02 Exhition Story
************************** */
@media all and (max-width:1024px) {
	.exhibition-story-wrapper{padding: 0;}
	.main-issue-down-list.sub{margin: -25px -15px;}
	.sub .main-issue-down-item{width: calc(50% - 30px); margin: 25px 15px;}
}
@media all and (max-width:800px) {
	.exhibition-story-con{padding-top: 25px;}
	.exhibition-story-wrapper{margin-top: 25px;}
	.main-issue-down-list.sub{margin: -10px 0;}
	.sub .main-issue-down-item{width: 100%; margin: 10px 0;}
	.exhibition-story-con .paging{margin-top: 40px;}
}


/* **************************
 * Contact :: 01 Contact
************************** */
@media all and (max-width:1220px){
	.email-input-group{width: calc(100% - 170px);}
	.email-input-group + .write-select{width: 160px !important;}
}
@media all and (max-width:1024px){
	.email-input-group{width: calc(100% - 150px);}
	.email-input-group + .write-select{width: 140px !important;}
}
@media all and (max-width:800px){
	/* 문의하기 01 :: 개인정보취급방침 */
	.inquiry-style07-agree-con{margin-bottom:25px;}
	.inquiry-style07-agree-con .agree-tit{font-size:16px;}
	.inquiry-style07-agree-box{height:100px; padding:10px;}
	.inquiry-style07-agree-con .agree-txt{padding:10px; font-size:12px;}
	/* 문의하기 01 :: 쓰기, 문의폼 :: 작성영역 */
	.inquiry-tbl-style07-con{padding:10px 0;}
	.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con, 
	.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{display:block; width:auto; padding-left:0; padding-right:0;}
	.inquiry-tbl-style07-con dt{font-size:16px;}
	.inquiry-tbl-style07 .write-input,
	.inquiry-tbl-style07 .write-textarea{
		height:40px; 
	}
	.inquiry-tbl-style07 .write-input{text-indent:10px;}
	.inquiry-select-custom{height:40px;}
	.inquiry-select-custom select {
		padding-right: 30px; padding-left: 15px;
		font-size: 12px; line-height: 40px; -ms-background-position-x: 97%; background-position-x: 97%;}
	.inquiry-tbl-style07 .write-textarea{height:120px; padding: 10px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;  }

	.address-btn-group .write-input{width: calc(100% - 120px) !important;}
	.address-btn-group .address-btn{width: 115px; height: 40px; line-height: 40px; font-size: 12px;}

	.phone-fieldset .write-select{font-size: 12px; width: calc(33.33% - 10px) !important; height: 40px;}
	.phone-fieldset .write-input{width: calc(33.33% - 10px) !important;}
	.phone-fieldset .hypen{width:15px; font-size:13px; line-height:40px;}

	.email-input-group{float: none; width: 100%;}
	.email-input-group .write-input{width: calc(50% - 10px) !important;}
	.email-input-group .hypen{width:20px; font-size:11px; line-height:40px;}
	.email-input-group .write-input{max-width: none !important;}
	.email-input-group + .write-select{font-size: 12px; width: 100% !important; float: none; height: 40px;}

	.file-custom-box{position:relative; padding-right:92px}
    .file-custom-box label{position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:40px; font-size: 12px;}
    .file-custom-box .upload-name{text-indent: 10px; width:100%; height:36px; font-size: 12px;}
}


/* **************************
 * News & Media :: 02 Exhibition :: 01 Exhibition Schedule
************************** */
@media all and (max-width:1220px){
	.exhibition-schedule-con:before{width: 80%;}
	.exhibition-tab-left{width: 40%;}
	.exhibition-tab-right{width: 60%;}
}
@media all and (max-width:1024px){
	.exhibition-schedule-con{margin-top: 65px; position: relative; width: 100%; height: auto;}
	.exhibition-schedule-con:before{display: none;}

	.exhibition-tab-wrapper-style {top: 460px; bottom: auto; width: 100%;}

	.exhibition-tab-con{height: auto;}

	.exhibition-tab-left{top: 0; width: 100%; position: relative; padding: 40px 15px 100px; background-color: #f1f1f1; -webkit-border-radius: 20px; border-radius: 20px;}
	.exhibition-tab-left .inner{max-width: 300px; width: 100%; margin: 0 auto;}
	.exhibition-tab-right{width: 100%; position: static;}
	.exhibition-tab-slide-item > div{-webkit-border-radius: 20px; border-radius:  20px;}
	.exhibition-tab-slide .slick-arrow{bottom: auto; top: 50%; margin-top: -35px;}
	.exhibition-tab-slide .slick-prev{left: 0;}
	.exhibition-tab-slide .slick-next{left: auto; right: 0;}
}
@media all and (max-width:800px){
	.exhibition-story-page{padding-bottom: 50px;}
	.exhibition-schedule-con{margin-top: 30px;}

	.exhibition-tab-wrapper-style {top: 355px;}
	.exhibition-tab-list-style{margin: -5px 0;}
	.exhibition-tab-list-style li{margin: 5px;}
	.exhibition-tab-list-style li a{width: 8px; height: 8px;}

	.exhibition-tab-content-style{position: relative; z-index: 1;}

	.exhibition-tab-left{padding: 30px 15px 60px;}
	.exhibition-tab-logo img{height: 35px;}
	.exhibition-tab-thum{margin-top: 20px;}
	.exhibition-tab-tit{margin-top: 20px; font-size: 13px;}
	.exhibition-tab-date{margin-top: 10px; font-size: 13px;}

	.exhibition-tab-slide-item > div p{bottom: 15px; font-size: 13px; line-height: 1.3;}
	.exhibition-tab-slide .slick-arrow{margin-top: -25px; width: 36px; height: 50px;}
	.exhibition-tab-slide .slick-arrow i{font-size: 24px;}
}

/* **************************
 * 회원가입
************************** */
@media all and (max-width:800px){
	.join-modal-con{padding: 30px 20px;}
	.join-modal-item{margin-top: 20px;}
	.join-modal-item + .join-modal-item{margin-top: 10px;}
	.join-modal-tit{margin-bottom: 5px; font-size: 14px;}
	.join-modal-id{height: 45px; padding-right: 100px;}
	.join-modal-id button{margin-top: -18px; right: 4px; width: 80px; height: 36px; font-size: 13px;}
	.join-modal-pw{height: 45px;}
	.join-modal-textarea{height: 90px;}
	.join-modal-id input,
	.join-modal-pw input{text-indent: 10px;}
	.join-modal-textarea textarea{padding: 10px;}
	.join-modal-btn{margin-top: 20px; height: 40px; font-size: 16px;}

	.contact-page .board-search-box-style03{margin-top: 20px;}
}

@media all and ( max-width:800px ){
	/* 오시는길 :: 상단 */
	.map-script-wrapper{height:300px;}
	.map-script-wrapper .map-script-con{height:300px; margin-top:-150px;}
	/* 오시는길 :: 하단정보1 */
	.map-tbl-con{margin-top: 30px;}
	.map-tbl-con .intro-con-tit{margin-bottom: 10px;}
	.map-tbl th,.map-tbl td{padding:15px 10px; font-size:13px; vertical-align:top;}
	.map-tbl th{width:60px}
	/* 오시는길 :: 하단정보3 */
	.location-list > li{margin-bottom:35px;}
	.location-list > li > dl > dt span{font-size:15px;}
	.location-list > li > dl > dt span i{font-size:18px;}
	.location-list > li > dl > dd{font-size:13px; line-height:18px;}
}



/* ********* 사업소개 ********* */
@media all and (max-width:1220px){
	.sub-intro-list{margin: 0 -2%;}
	.sub-intro-item{width: 46%; margin: 0 2%;}
}
@media all and (max-width:1024px){
	.sub-intro-wrapper{padding: 0 5.8%;}
	.sub-intro-list{margin: -25px -2% 0;}
	.sub-intro-item{width: 96%; margin: 25px 2%;}
	/* .sub-intro-list{margin: 0 -1.5%;}
	.sub-intro-item{width: 47%; margin: 0 1.5%;} */
}
@media all and (max-width:800px){
	.intro-con-tit{font-size: 23px;}
	.map-tbl-con .intro-con-txt{font-size: 16px;}
	.sub-intro-wrapper{padding: 0;}
	.sub-intro-list{margin: -15px -2% 0;}
	.sub-intro-item{width: 96%; margin: 15px 2%;}
	.sub-intro-item a{box-shadow: 0 6px 16px 0 rgba(0,0,0,0.08);}
	.sub-intro-item a:before{display: none;}

	.sub-intro-txt{top: 12%; left: 10px; right: 10px;}
	.sub-intro-txt h5{margin-bottom: 10px; font-size: 22px;}
	.sub-intro-txt p{font-size: 14px;}
	.sub-intro-txt br{display: none;}

	.sub-intro-btn{display: none;}

	.intro-con02{margin-top: 65px;}
	.sub-intro-txt02{left: 10px; right: 10px;}
	.sub-intro-txt02 p{font-size: 16px;}
	.sub-intro-txt02 h5{margin-top: 10px; font-size: 35px;}
}


/* ********* 대리점 안내 ********* */
@media all and (max-width:1220px){
	.sub-network-item a{padding-top: 15.69%;}
	.sub-network-item a:before{background: url("../image/network_gradient_line2.png") center/contain no-repeat;}
}
@media all and (max-width:1024px){
	.sub-network-place{font-size: 21px;}
	.sub-network-name{font-size: 18px;}
	.sub-network-info p{font-size: 15px;}
}
@media all and (max-width:1010px){
	.sub-network-list{padding-right: 15px;}
}
@media all and (max-width:800px){
	.network-page{padding-bottom: 30px;}
	.cm-sub-page-tit{margin-bottom: 20px; font-size: 23px;}
	.sub-network-list{padding-right: 10px;}
	.sub-network-item + .sub-network-item{margin-top: 10px;}
	.sub-network-item a{padding-top: 0; height: auto; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 5px 5px 21px -3px rgba(0,0,0,0.15);; box-shadow: 5px 5px 21px -3px rgba(0,0,0,0.15);}
	.sub-network-item a:before{display: none;}
	.sub-network-txt{padding: 20px 40px 20px 20px; position: static; flex-direction: column; flex-wrap: initial;}
	.sub-network-place{width: 100%; padding-right: 0; font-size: 18px;}
	.sub-network-name{margin-top: 7px; width: 100%; padding-right: 0; font-size: 16px;}
	.sub-network-info{margin-top: 7px; width: 100%; padding-right: 0;}
	.sub-network-info p{padding-left: 20px; font-size: 13px;}
	.sub-network-info p + p{margin-top: 5px;}
	.sub-network-info p i{top: 2px; font-size: 15px;}
	.sub-network-btn{margin-top: -20px; right: -20px; width: 40px; height: 40px;}
	.sub-network-btn i{font-size: 17px; line-height: 40px;}
}

/* 다운로드 페이지 */
@media all and ( max-width: 1220px ){
	.download-page .bbs-top-list-box{position: static;}
	.download-page .total-list-con{font-size:12px;}
	.download-page .download-page-info-tit{margin-top: 25px; float: left; width: 100%; position: static; line-height: 1.3;}
}
@media all and ( max-width: 1024px ){
    .download-gallery-con .gallery-over-list-item{width:31.33%; margin-bottom:3%}
	.download-gallery-con .gallery-img-box .gallery-btn{right:5px; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.2)}
	.download-gallery-con .gallery-over-list-item:nth-child(4n+1){clear: none;}
	.download-gallery-con .gallery-over-list-item:nth-child(3n+1){clear: both;}
}
@media all and ( max-width: 800px ){
	.download-page .bbs-top-list-box{margin-bottom: 20px;}
	.download-page .download-page-info-tit{margin-top: 15px; font-size: 13px;}

    .download-gallery-con .gallery-over-list-item{width:48%;}
    .download-gallery-con .gallery-img-box .gallery-btn{right:5px; bottom:-20px; width:40px; height:40px;}
    .download-gallery-con .gallery-img-box .gallery-btn i{font-size:18px; line-height:40px;}
	.download-gallery-con .gallery-info{padding:20px 0;}
    .download-gallery-con .gallery-info .gallery-info-tit{font-size:15px;}
	.download-gallery-con .gallery-over-list-item:nth-child(3n+1){clear: none;}
	.download-gallery-con .gallery-over-list-item:nth-child(2n+1){clear: both;}

	.download-page .paging{margin-top: 30px;}
}

/* 다운로드 정보 입력 페이지 */
@media all and ( max-width: 1024px ){
   .download-select-input-group .inquiry-select-custom{width: 160px;}
   .download-select-input-group .write-input{width: calc(100% - 170px) !important;}
}
@media all and ( max-width: 800px ){
	.download-inquiry-txt{font-size: 13px; padding-bottom: 5px;}
	.download-select-input-group .inquiry-select-custom{width: 120px; height: 38px;}
	.download-select-input-group .inquiry-select-custom select{padding-left: 10px; -ms-background-position-x: 91%; background-position-x: 91%;}
	.download-select-input-group .write-input{width: calc(100% - 130px) !important;}
}

/* 뷰페이지 사용목적 추가 */
@media all and ( max-width: 800px ){
	.product-view-purpose{padding-top: 30px;}
	.product-view-purpose-wrapper{padding: 25px 20px; display: block;}
	.product-view-purpose-wrapper:before{display: none;}
	.product-view-purpose-tit{padding-bottom: 10px; margin-bottom: 10px; width: 100%; text-align: left; border-bottom: 1px solid #d7d7d7;}
	.product-view-purpose-tit i{position: relative; top: 3px; font-size: 23px; display: inline-block; vertical-align: middle;}
	.product-view-purpose-tit p{margin: 10px 0 0 2px; font-size: 16px; display: inline-block; vertical-align: middle;}
	.product-view-purpose-txt{width: 100%; padding: 0;}
	.product-view-purpose-txt p{font-size: 14px;}
	.product-view-purpose-txt .dot-txt{padding-left: 16px;}
}


/* ************************ 2022-11-18 컨텐츠 추가 ************************ */
/* ********* History ********* */
@media all and (min-width:801px){
	/* history 탭스타일 */
	.history-tab-wrapper-style{width:36.4%;}
	.history-tab-list-style ul{display: flex; justify-content:space-between; align-items:center;}
	.history-tab-list-style ul li{position: relative; width:22.2%;}
	.history-tab-list-style ul li a{display: block; position: relative; width:100%; height:0; padding-top:100%; overflow:hidden; border-radius:50%; transition:all 0.4s;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a3e6+0,7673f9+100 */
	background: #00a3e6; /* Old browsers */
	background: -moz-linear-gradient(27deg,  #00a3e6 0%, #7673f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(27deg,  #00a3e6 0%,#7673f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-153deg,  #00a3e6 0%,#7673f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3e6', endColorstr='#7673f9',GradientType=1 ); /* IE6-9 */
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00a3e6+0,7673f9+100 */
	}
	.history-tab-list-style ul li a em{position: absolute; width:calc(100% - 2px); height:calc(100% - 2px); top:1px; left:1px; display: flex; justify-content:center; align-items:center; font-size:20px; letter-spacing:-0.025em; color:#099fe7; background:#fff; font-weight:700; border-radius:50%; transition:all 0.4s;}

	.history-tab-list-style ul li a:hover,
	.history-tab-list-style ul li.selected a{box-shadow: 3px 5px 8px 0px rgba(0, 0, 0, 0.2);}
	.history-tab-list-style ul li a:hover em,
	.history-tab-list-style ul li.selected a em{background:transparent; color:#fff;}
}

@media all and (max-width:1220px){
	/* history 상단 타이틀 */
	.history-tit{font-size:60px; width:55%;}
	.history-tit span{padding-left:40px;}
	/* history 탭스타일 */
	.history-tab-wrapper-style{width:45%;}
}
@media all and (max-width:1024px){
	/* history 상단 타이틀 */
	.history-top-box{display: block; margin-bottom:100px;}
	.history-tit{width:100%; margin-bottom:50px;}
	/* history 탭스타일 */
	.history-tab-wrapper-style{width:100%;}
	.history-tab-list-style ul li{margin:auto; max-width:120px;}
	
	/* history 컨텐츠 */
	.history-tab-box .img-box{width:48%;}
	.history-tab-box .history-con-box{width:52%;}
	.history-tab-box.right-box .history-con-box{padding-left:50px;}
	.history-tab-box.left-box .history-con-box {padding-right:50px;}

	.history-con-box .history-year-box .history-item .history-year{width:90px;}
	.history-con-box .history-year-box .history-item .history-txt-con{padding-left:90px;}
}
@media all and (max-width:800px){
	/* history 상단 타이틀 */
	.history-tit{font-size:35px;}
	.history-tit span{padding-left:15px;}
	.history-top-box{margin-bottom:50px;}
	/* history 탭스타일 */
	.history-tab-list-style ul li{max-width:none;}
	/* history 컨텐츠 */	
	.history-page .sub-tab-con{ margin-bottom:100px}
	.history-tab-box,
	.history-tab-box.left-box{flex-direction: column-reverse; align-items: flex-start}
	.history-tab-box .img-box{margin-top:30px; width:100%; max-width:450px;}
	.history-tab-box .history-con-box{width:100%; margin-bottom:0px; padding:0 !important;}
	.history-tab-box .history-con-box .history-tit{margin-bottom:20px;}
	.history-con-box .history-year-box .history-item{margin-bottom:15px;}
	.history-con-box .history-year-box .history-item .history-year{position: relative; font-size:15px;}
	.history-con-box .history-year-box .history-item .history-txt-con{padding-left:15px;}
	.history-con-box .history-year-box .history-item .history-txt-con .txt{font-size:13px; margin-bottom:5px;}
}
/* ********* Product Inquiry ********* */
@media all and (max-width:800px){
	.inquiry-top-tit{font-size:20px; margin-bottom:50px;}
	.inquiry-con-tit{font-size:15px; margin-bottom:10px;}
	.inquiry-con-tit span{ margin-left:30px;}
	.contact-page .bbs-write-tbl-box{margin-bottom:80px;}
}
/* ********* Global Network ********* */
@media all and (max-width:800px){
	.network-txt-box{padding:30px; display: block;}
	.network-txt-box .network-tit{width:100%; font-size:26px; margin-bottom:20px;}
	.network-txt-box .network-txt-list{width:100%;}
	.network-txt-box .network-txt-list .list-item{padding:8px 0;}
	.network-txt-box .network-txt-list .list-item .txt{padding-left:7px; font-size:13px;}
	.network-txt-box .network-txt-list .list-item .txt:before{top:9px;}
}

/* ********* Recruit ********* */
/* 탭스타일 */
@media all and (min-width:801px){
	.recruit-list-tab-style{height:50px;}
	.recruit-list-tab{display: flex; justify-content:center;}
	.recruit-list-tab li{margin:0 8px;}
	.recruit-list-tab li a{display: block; font-size:18px; line-height:1.25; letter-spacing:-0.075em; color:rgba(117,117,117,0.75); width:190px; text-align:center; line-height:50px; border-radius:10px; transition: all 0.3s; border:1px solid rgba(117,117,117,0.75); background:#fff;}
	.recruit-list-tab li.selected a,
	.recruit-list-tab li a:hover{color:#fff; border-color:#099fe7; background:#099fe7; font-weight:700;}
}

/* ********* Product 리스트 ********* */
@media all and (max-width:1220px){
	/* 왼쪽 리스트바 */
	.product-left-list li a{width:200px;}
	.product-left-list li a em{font-size:13px;}
	/* 왼쪽 리스트바 :: 스크롤 */
	.product-left-tab-JS.fixed{top:100px;}

	/* 오른쪽 제품리스트 */
	.product-list-page .product-right-con{padding-left:220px;}
	.product-right-list .product-item .tit-box .tit{font-size:25px;}
}
@media (min-width:801px) and (max-width:1024px){
	/* 오른쪽 제품리스트 */
	.product-right-list .product-item{width:calc(50% - 22px);}
	.product-right-list .product-item:nth-child(3){margin-top:85px;}
}
@media all and (max-width:800px){
	/* 왼쪽 리스트바 */
	.product-list-page .product-left-con{position: relative; margin-bottom:50px;}
	.product-list-page .product-left-con .product-left-tab-JS{display: none;}
	.product-left-list li{margin-bottom:0;}
	.product-left-list li a{line-height:1;}
	.product-left-list li a:before{display: none;}
	/* 왼쪽 리스트바 :: 스크롤 */
	.product-left-tab-JS.fixed,
	.product-left-tab-JS.absolute{position: relative; top:auto; bottom:auto;}

	.product-inner-item-m{display: block;}

	/* 오른쪽 제품리스트 */
	.product-list-page .product-right-con{padding-left:0px; margin-top:30px;}
	.product-right-list{margin:0 -5px;}
	.product-right-list .product-item{width:calc(33.33% - 10px); margin:0 5px;}
	.product-right-list .product-item{margin-top:40px; border-radius:11px;}
	.product-right-list .product-item a{border-radius:10px;}
	.product-right-list .product-item .tit-box{margin-top:10px;}
	.product-right-list .product-item .tit-box .tit{font-size:20px; height:40px; line-height:40px;}
	
}
@media all and (max-width:640px){
	/* 오른쪽 제품리스트 */
	.product-right-list .product-item{width:calc(50% - 10px);}
	.product-right-list .product-item:nth-child(3){margin-top:40px;}
}


/* ******************  Company :: 공통 ********************** */
@media all and ( max-width: 800px ){
	.company-page {margin:0;}
}

/* ******************  Company :: CEO Greeting ********************** */
@media all and ( max-width: 1280px ){
	.greeting-content .txt-box .tit {font-size: 70px;}
}
@media all and ( max-width: 800px ){
	.greeting-content {display:block;}
	.greeting-content .left-cont {width: 100%; padding-top: 40px; }
	.greeting-content .right-cont {display:none;}
	.greeting-content .right-cont-m {display: block;}

	.greeting-content .txt-box {padding-right:0;}
	.greeting-content .txt-box .tit {font-size: 60px;}
	.greeting-content .txt-box .tit .space {padding-left: 25px;}
	.greeting-content .txt-box .txt01 {margin:32px 0 24px 0; font-size: 14px;}
	.greeting-content .txt-box .txt02 {font-size: 13px;  margin-bottom:12px;}	

	.greeting-content .sign-box {margin-top:20px; padding-left:10px;}
	.greeting-content .sign-box .name {font-size: 12px;}
	.greeting-content .sign-box .name span {padding-bottom:6px;}
	.greeting-content .sign-box .sign {padding-left: 12px;}
}

@media all and ( max-width: 480px ){
	.greeting-content .left-cont {padding-top: 25px; }
	.greeting-content .txt-box .tit {font-size: 40px;}
	.greeting-content .txt-box .txt01 {margin:20px 0 15px 0; font-size: 14px;}
}

/* ******************  Company :: ABOUT Eunsung ********************** */
@media all and ( max-width: 800px ){
	/* 상단 타이틀 */
	.about-mission {padding-bottom: 65px;}
	.about-mission::after {height: 37.5px;}
	.about-mission .tit {font-size: 48px;}
	.about-mission .txt01 {font-size: 17px; padding: 30px 0 7px 0; }
	.about-mission .txt02 {font-size: 15px;}
	/* value 첫번째 컨텐츠 */
	.about-value {margin-top: 35px;  }
	.about-value .con01-wap {padding: 60px 0;}
	.about-value .con01 .tit {font-size: 48px;}
	.about-value .con01 .txt {font-size: 20px; padding: 45px 0 20px 0; }
	/* value 두번째 컨텐츠 */
	.about-value .con02 {padding-top: 65px; padding-bottom:50px;}
	.about-value .con02 .con-box01 { max-width:380px; padding:25px 15px 50px 15px; margin-bottom: 75px;}
	.about-value .con02 .con-box01 .tit {font-size: 20px; margin: 11px 0;}
	.about-value .con02 .con-box01 .txt01 {font-size: 15px;}
	.about-value .con02 .con-box02 {display: block; padding: 30px;}
	.about-value .con02 .con-box02 .left-con {width: 100%; margin-bottom:20px;}
	.about-value .con02 .con-box02 .right-con {width: 100%; margin-top:20px;}
	.about-value .con02 .con-box02 .tit {font-size: 17px; margin-bottom:10px; }
	.about-value .con02 .con-box02 .txt01 {font-size: 13px;}
	.about-value .con02 .con-box02 i {font-size: 19px; }
	.about-value .con02 .circle-box {width: 80px; height: 80px; bottom: -43.5px;}
	.about-value .con02 .circle-box::after {height: 60px; left:40px; bottom: -25px;}
	.about-value .con02 .circle-box .circle01 {width: 80px; height: 80px; left: 0; bottom: 0;}
	.about-value .con02 .circle-box .circle02 {width: 60px; height: 60px; left: 10px; bottom: 10px;}
	.about-value .con02 .circle-box .circle03 {width: 35px; height: 35px; left: 22.5px; bottom: 22.5px;}
	.about-value .con02 .circle-box .circle03 i {font-size: 16px;  line-height:1.5; padding-top: 7px;}
}
@media all and ( max-width: 480px ){
	.about-mission .txt01 {font-size: 13px;}
	.about-mission .txt02 {font-size: 11px;}
	.about-mission .txt02 br, .about-value .con02 .con-box01 .txt01 br,
	.about-value .con02 .con-box02 .txt01 br {display:none;}
}
@media all and ( max-width: 359px ){
	.about-mission .txt01 {font-size: 11px;}
	.about-mission .txt02 {font-size: 10px;}
}

/* ******************  Company :: Facility ********************** */
@media all and ( max-width: 1280px ) {
	.facility-con01 .facility-info .address_box .tit {width: 15%;}
	.facility-con01 .facility-info .address_box .address {width: 60%; }
	.facility-con01 .facility-info .address_box .view-map {width: 25%; }
}

@media all and ( max-width: 800px ){
	.facility-tit {margin-bottom:40px;}
	.facility-tit .tit {font-size: 28px; margin-bottom: 25px; }
	.facility-tit .txt01 {font-size: 17px; margin-bottom: 15px;}
	.facility-tit .txt02 {font-size: 15px;}

	.facility-con01 {margin-bottom: 40px;}
	.facility-con01-bg {padding:140px 0;}
	.facility-con01 .facility-info {margin-top: -85px;}
	.facility-con01 .facility-info .info-box {flex-wrap: wrap;  padding: 32px 10px 27px 10px; }
	.facility-con01 .facility-info .info-box .img-box {width: 65px; margin:0 auto;}
	.facility-con01 .facility-info .info-box .img-box img {width: 100%;}
	.facility-con01 .facility-info .info-box dl {width: 50%; border-right: 0; padding:10px 0; }
	.facility-con01 .facility-info .info-box dl:nth {border-right: none; } 
	.facility-con01 .facility-info .info-box .info-tit {font-size: 15px; margin: 15px 0;}
	.facility-con01 .facility-info .info-box dd {font-size: 13px; margin-bottom: 10px}

	.facility-con01 .facility-info .address_box {width: 100%; flex-wrap:wrap; align-items: flex-start; padding:35px 0px; text-align:center;}
	.facility-con01 .facility-info .address_box .tit {width: 20%; font-size: 15px; }
	.facility-con01 .facility-info .address_box .address {width: 80%; font-size: 13px;}
	.facility-con01 .facility-info .address_box .view-map {width: 100%; font-size: 12px; padding-top:20px;}
	.facility-con01 .facility-info .address_box span {width: 30px; height: 30px; font-size: 16px; margin-left: 13px;  }

	.facility-con02 .con-box {display: block; margin-bottom:30px; }
	.facility-con02 .box-line::before {display:none;}
	.facility-con02 .con-box .txt-box { padding: 0 0 20px 30px;  width: 100%;}
	.facility-con02 .con-box .img-box {width: 100%;padding-left:30px; box-sizing: border-box; }
	.facility-con02 .con-box .tit {font-size: 17px; margin-bottom:12px; }
	.facility-con02 .con-box .tit::after {width: 8px; height: 8px; top:7px; left:-24px; }
	.facility-con02 .con-box .tit::before {width: 20px; height: 20px; top:1px; left:-30px;}
	.facility-con02 .con-box .txt {font-size: 13px; }
}

@media all and ( max-width: 480px){
	.facility-con01 .facility-info .address_box .tit {width: 100%; padding-right: 0; padding-bottom:15px; }
	.facility-con01 .facility-info .address_box .address {width: 100%; padding-right: 0;}
}

/* ******************  Contact :: Location ********************** */
@media all and ( max-width: 800px ){
	.contact-page {margin:0 0 50px 0;}
	.map-con01 {display: block; padding-bottom:50px;}
	.map-con02 {display: block; padding-top:30px;}
	.map-con-tbl {width: 100%; padding:0 0 20px 0; }
	.map-iframe-wrap {width: 100%;}
	.map-iframe {padding-top:60%;}

	.map-con .con-tit {font-size: 27px;}
	.map-con .con-tbl {margin-top: 12px; }
	.map-con .con-tbl dl {margin-bottom: 8px; }
	.map-con .con-tbl dt { font-size: 13px; }
	.map-con .con-tbl dt i {font-size: 14px; padding-right: 6px;}
	.map-con .con-tbl dd {font-size: 13px;}
}
@media all and ( max-width: 480px ){
	.map-con .con-tbl dl {display: block;}
	.map-con .con-tbl dt {width: 100%; line-height:1.5;}
	.map-con .con-tbl dd {width: 100%; padding-left:20px; box-sizing:border-box;}
}

/* ******************  Contact :: Recruit ********************** */
@media all and ( max-width: 800px ){
	.recruit-page {padding:45px 0 0 0;}
	.recruit-list-tab-style {padding-top:0px;}
}

/* ********** Recruit :: 인재상 ********** */
@media all and ( max-width: 1024px ){
	.talent-tit { padding: 0 35px;}
	.talent-con-box .txt-box {padding:30px 22px 40px 22px;}
	/* .talent-con-box.last-box .txt-box{padding: 30px 22px 54px 22px;} */
}

@media all and ( max-width: 800px ){
	.talent-tit .tit-middle {font-size: 25px;}
	.talent-tit .tit-left, .tit-right {font-size: 46px; padding-top:10px;}
	.talent-tit .tit-left {padding-right:20px;}
	.talent-tit .tit-right {padding-left:20px;}

	.talent-con {max-width:500px; padding-top:100px; flex-direction: column;  margin:auto;}
	.talent-con-box {width: 100%; margin-bottom:80px;}
	/* .talent-con-box.last-box {margin-bottom:0;} */
	.talent-con-box .icon-box {width: 100px; height: 100px;padding: 25px;margin-top:-50px}
	.talent-con-box .txt-box {padding:15px 15px 20px 15px;}
	/* .talent-con-box.last-box .txt-box{padding:15px 10px 20px 10px;} */
	.talent-con-box .txt-box .tit-en {font-size: 18px; padding-bottom:5px;}
	.talent-con-box .txt-box .tit-kr {font-size: 14px; padding-bottom:10px;}
	.talent-con-box .txt-box .txt {font-size: 13.5px; display: block; height:auto;}
	.talent-con-box .txt-box .txt br {display:none;}
}
@media all and (max-width:480px){
	.talent-tit { padding: 0px;}
}

/* ********** Recruit ::복리후생 ********** */
@media all and ( max-width: 1280px ){
	.welfare-list .welfare-list-con {padding: 45px 15px;}
	.welfare-list .list-name {margin-right: 15px;}
	.welfare-list .list-con li { flex-direction: column;}
	.welfare-list .list-con li .list-con-item {width: 100%;}
	.welfare-list .list-con li .list-con-sub {width: 100%;}
}

@media all and ( max-width: 800px ){
	.welfare-list .welfare-list-con {width: 100%;}
	.welfare-list .list-name .name {font-size: 16px;  padding-top:10px;}
	.welfare-list .list-con li { flex-direction: column;}
	.welfare-list .list-con li .list-con-item { font-size: 13px;}
	.welfare-list .list-con li .list-con-sub { font-size: 13px;}
	.welfare-list .list-con li::before {top:1px;}
}
@media all and ( max-width: 360px ){
	.welfare-list .welfare-list-con {width: 100%; flex-direction: column; padding: 30px 30px;}
	.welfare-list .list-name {width: 100%; margin-bottom:15px; margin-right: 0; text-align: left;}
	.welfare-list .list-name .name {font-size: 16px;  padding-top:10px;}
	.welfare-list .list-name .name br {display:none;}
	.welfare-list .list-con{width: 100%;}
	.welfare-list .list-con li {padding-left:20px;}
	.welfare-list .list-con li::before {left:0px;}
}

/* ********** Recruit ::채용공고 ********** */
@media all and ( max-width: 1280px) {
	.recruit-process {padding: 70px 0;}
}

@media all and ( max-width: 1024px) {
	.recruit-process .list .list-inner .txt-box .num {padding:15px 0 5px 0;}
}

@media all and ( max-width: 800px ){
	/* 채용공고 표 */
	.recruit-con-tbl {margin-bottom:35px;}
	.recruit-con-tbl .con-tit {font-size: 16px;}
	.recruit-con-tbl .xi-maker { font-size: 20px; padding-right:5px;}
	.recruit-con-tbl .con-tbl-wrap { margin-top:15px;}
	.recruit-con-tbl .con-tbl thead th {font-size: 14px; }
	.recruit-con-tbl .con-tbl tbody th {font-size: 13px; padding:10px 5px;} 
	.recruit-con-tbl .con-tbl td {font-size: 13px; padding:15px 10px;}
	.recruit-con-tbl .con-tbl td p{padding-left:15px;}
	.recruit-con-tbl .con-tbl td p::before {font-size: 14px; color:#00a8e5; }
	
	/* 채용공고 절차*/
	.recruit-process {padding: 35px 30px;}
	.recruit-process .list {display:block;}
	.recruit-process .list li {width: 48%; margin-right:4%;}
	.recruit-process .list li:first-child, .recruit-process .list li:nth-child(2) {margin-bottom:4%;}
	.recruit-process .list li:after {display:none;}
	.recruit-process .list .list-inner .txt-box .num {font-size: 13px; }
	.recruit-process .list .list-inner .txt-box .name {font-size: 15px;}
	.recruit-process .list li:nth-child(2) {margin-right:0;}
	.recruit-process .list li:last-child {margin-top:0; width: 48%; }

	/* 채용공고 정보*/
	.recruit-info {width: 100%;}
	.recruit-info .info-con {width: 100%; border-top: 2px solid #757575; display:block;}
	.recruit-info .info-con li {width: 100%;  padding: 30px 15px;}
	.recruit-info .info-con li:last-child { border-bottom: none;}
	.recruit-info .info-con li .info-tit {width: 34%; padding-right:3%; font-size: 18px;}
	.recruit-info .info-con li .info-txt {width: 63%; font-size: 13px;}
	.recruit-info .info-con li:nth-child(2) {padding:30px 15px;  }
	.recruit-info .info-con li:nth-child(2) .info-tit {width: 34%; }
	.recruit-info .info-con li:nth-child(2) .info-txt {width: 63%;}

	/* 채용공고 유의사항*/
	.recruit-notice .recruit-notice-con {padding:25px; display: block; }
	.recruit-notice .recruit-notice-con .left-con {padding-right:0; padding-bottom: 20px;}
	.recruit-notice .recruit-notice-con .left-con i {font-size: 40px;}
	.recruit-notice .recruit-notice-con .left-con .txt {font-size: 18px; padding-top:11px;}
	.recruit-notice .recruit-notice-con .right-con .txt {font-size: 13px; padding-left:8px;}
	.recruit-notice .recruit-notice-con .right-con .txt::before { top:14px; left:-5px;}
}

@media all and ( max-width: 480px ){
	.recruit-process {padding: 35px 15px;}
	.recruit-process .list .list-inner .img-box {width: 40px; margin:0 auto;}
	.recruit-process .list .list-inner .img-box img {width: 100%;}
	.recruit-process .list .list-inner .txt-box .num {padding:10px 0 5px 0;}
}