@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}
	/* 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:#0e3a9d; 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 {background-color:transparent;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#0e3a9d; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:1366px){
	.summary-list li.item04 .txt-box .txt {float:none;}
}
@media all and (max-width:1220px){
	.partner-map-wrap{margin: 0 -15px}
	/* 회사소개 :: ceo */
	.ceo-con .bg-box{margin: 0 -15px}
	.ceo-con .bg-box::after{height: 100%}
	.ceo-con .bg-box .img-box{height: auto}
	.ceo-con .bg-box .txt-box{padding-top: 0; padding: 50px 0}
	.ceo-con .bg-box .txt-box h6{font-size: 24px}
	.ceo-con .bg-box .txt-box .sign{padding-top: 60px}
	.ceo-con .bg-box .txt-box p br.pc-br{display:none;}
	/* 회사소개 :: 기업개요 */
	.summary-con .summary-img span.txt{bottom: -15px; font-size: 100px}
	.summary-con .summary-txt{display: block; margin: 0 -15px}
	.summary-con .summary-txt h5{display:inline-block; margin-bottom: 40px;}
	/* 회사소개 :: 자회사 */
	/* 컨텐츠01 :: 지도 */
	.partner-map-wrap .partner-map-pc{display: none}
	.partner-map-wrap{padding-top: 50px; background: none; background-color: #d6d6d7}
	.partner-map-wrap h4{font-size: 40px}
	.partner-map-wrap .partner-map-m{display: block; padding: 10px}
	.partner-map-wrap .partner-map-m img{max-width: 100%; height: auto}
	/* 회사소개 :: rnd (210402) */
	.rnd-page .rnd-tit-box .gray-txt-box-wrap{margin: 0 -15px; padding: 58px 15px}
}
@media all and (max-width: 1200px) {  
	/* 회사소개 :: 자회사 */
	/* 컨텐츠02 :: 하단 리스트 */
	.partner-list-wrap .partner-list{display: block; margin-bottom: 0; padding-bottom: 0}
	.partner-list-wrap .list-con{width: auto; margin: 40px 0; padding-bottom: 40px}
	/* 회사소개 :: rnd (210402) */
	#rndCon01 .img-with-list-wrap .img-with-list li{display: flex!important; flex-direction: column-reverse}
	#rndCon01 .img-with-list-wrap .img-with-list li > div{display: block; width: 100%}
	#rndCon01 .img-with-list-wrap li:nth-child(1){margin-bottom: 40px}
	#rndCon01 .img-with-list-wrap li:nth-child(1) .img-con{display: none}
	#rndCon01 .img-with-list-wrap li:nth-child(1) .img-con-m{display: block; min-height: 379px; background: url("/images/content/new-rnd_img01_m.png") 50%/cover no-repeat}
	#rndCon01 .img-with-list-wrap li:nth-child(2){ flex-direction: column}
	#rndCon01 .img-with-list-wrap li:nth-child(2) .img-con{min-height: 379px; background-position: 50%; background-size: cover}
	#rndCon01 .img-with-list-wrap li:nth-child(1) .txt-con, #rndCon01 .img-with-list-wrap li:nth-child(2) .txt-con{padding: 3%}
	#rndCon01 .img-with-list-wrap li .txt-con .pc-br{display: none}
	#rndCon02 .img-with-list-wrap li{min-height: 450px}
}
@media all and (max-width: 1024px) {    
	/* 회사소개 :: ceo */
	.ceo-con .bg-box .txt-box h6 br.pc-br{display:none;}
	/* 기업개요 ::하단컨텐츠 */
	.summary-list-box .logo-box {width:21.7%;}
	.summary-list-box .logo-box .logo {background-size: 50%;}
	.summary-list li .txt-box .txt br {display:none;}
	.summary-list li.item03 .icon-list li .icon {padding-top:49px;}
	.summary-list li.item03 .icon-list li .txt {font-size:14px; }
	/* 회사소개 :: R&D >공정기술 */
	/* 컨텐츠01 :: 상단 타이틀 */
	.rnd-intro-con .tit-box{padding: 75px 0;}
	.rnd-intro-con .tit-box h4{font-size: 40px}
	/* 컨텐츠02 :: 하단 리스트박스 */
	.rnd-intro-con .img-list-box .wrap{margin: auto; text-align: center; padding: 30px 50px; display: table}
	.rnd-intro-con .img-list-box .img-box{display: block; margin-right: 0}
	.rnd-intro-con .img-list-box .list-box{display: block; margin-top: 30px; text-align: left;}
	/* 오시는길 :: 하단정보 */
	.map-info-con ul.double-list li{width: 97%;}
	/* 회사소개 :: rnd (210402) */
	.rnd-page .img-with-list-wrap .img-with-list li{display: block}
	.rnd-page .img-with-list-wrap .img-with-list li > div{display: block; width: 100%}
	#rndCon02 .img-with-list-wrap li:nth-child(1){margin-bottom: 40px}
	#rndCon02 .img-with-list-wrap li:nth-child(2){display: flex; flex-direction: column-reverse}
	#rndCon02 .img-with-list-wrap li .img-con{min-height: 348px}
	#rndCon02 .img-with-list-wrap li:nth-child(1) .txt-con, #rndCon02 .img-with-list-wrap li:nth-child(2) .txt-con{padding: 3%}
}
@media all and (max-width:800px){
	/* 회사소개 :: ceo */
	.ceo-con .bg-box .area{display: block; text-align: center}
	.ceo-con .bg-box .img-box{width: 100%}
	.ceo-con .bg-box .img-box img{position: static; top: 0; transform: translateY(0); max-width: 70%}
	.ceo-con .bg-box .txt-box{width: 100%; padding: 20px 0}
	.ceo-con .bg-box .txt-box h5{padding-top: 40px; font-size: 24px}
	.ceo-con .bg-box .txt-box h6{padding: 15px 0; font-size: 18px}
	.ceo-con .bg-box .txt-box p{font-size: 13px}
	.ceo-con .bg-box .txt-box .sign{padding-top: 40px; font-size: 14px}
	
	/* 회사소개 :: 기업개요 */
	.summary-con .summary-img {padding-top:0; background:none;}
	.summary-con .summary-img span.txt{bottom: -11px;font-size: 80px}
	.summary-con .summary-img img {display:block;}
	.summary-con .summary-txt{padding-top: 40px}
	.summary-con .summary-txt h5{position: relative;font-size: 31px; margin-bottom: 20px}
	.summary-con .summary-txt h5::after{top: 22px; width: 6px; height:6px;}
	.summary-con .summary-txt p{font-size: 13px; line-height: 2.1}
	.summary-con .summary-txt p span.tit{font-size: 21px; line-height: 1.6}

	/* 기업개요 :: 하단컨텐츠 */
	.summary-img-box {margin-top: 60px}
	.summary-list {margin:-5px 0.58%;}
	.summary-list > li {height:200px; margin:5px 0.58%;}
	.summary-list > li .tit-box .tit {font-size: 19px; }
	.summary-list > li .txt-box .tit {font-size:23px; }
	/* 기업개요 ::비전 */
	.summary-list li.item01 .txt-box .tit {font-size: 30px;}
	.summary-list li.item01 .txt-box .tit em {margin:0 2px; padding-top:16px; width:4px; height:16px;}
	.summary-list li.item01 .txt-box .tit em:before { margin-left:-8px; width:16px; height:16px; background-size:100%; }
	.summary-list li.item01 .txt-box .tit em:after { height:16px; }
	/* 기업개요 ::미션 */
	.summary-list li.item02 .txt-box .tit {font-size:25px;}
	.summary-list li.item02 .txt-box .tit em {font-size:23px;}
	/* 기업개요 ::사업영역 */
	.summary-list li.item03 .icon-list  {margin-top:20px;}
	.summary-list li.item03 .icon-list li .icon { padding-top: 39px;}
	.summary-list li.item03 .icon-list li .txt {font-size:13px; margin-top:10px;}
	/* 기업개요 ::가치 */
	.summary-list li.item04 .txt-box .txt { font-size: 14px; margin-top:10px;}
	/* 회사소개 :: R&D */
	.rnd-top-con .tit-box .tit {font-size: 20px; line-height: 1.5;}
	.rnd-top-con .tit-box p{font-size: 28px; padding:20px 0}
	.rnd-top-con .txt-box .txt {font-size:14px;}
	.rnd-map-con {margin-top:50px;}
	.rnd-con-tit {font-size: 19px; margin-bottom:25px;}
	.rnd-con-box {margin-top:50px;}
	.rnd-con-box .tit-box .icon-box {width:63px; padding-left:15px;  }
	.rnd-con-box .tit-box .icon { width:63px; height:63px; background-size: 50% auto;}
	.rnd-con-box .tit-box .tit {padding-left:20px; font-size:23px; }
	.rnd-con-box .con-box {margin-top:25px;}
	.rnd-con-box .item-list .inner {padding:30px 15px;}
	.rnd-con-box .item-list .tit {font-size: 16px; }
	.rnd-con-box .item-list .txt {font-size: 13px; margin-top:10px;}
	/* 메뉴바 */
	.sub-cm-tab-style ul{margin: 0 -10px;}
	.sub-cm-tab-style ul li{width: 100px}
	.sub-cm-tab-style ul li a{height: 45px;}
	.sub-cm-tab-style ul li a span{padding: 0 20px; font-size: 13px;}
	/* 컨텐츠01 :: 상단 타이틀 */
	.rnd-intro-con .tit-box{padding: 40px 0}
	.rnd-intro-con .tit-box span.icon{margin: 0 auto 20px; width: 40px; height: 40px; padding: 15px;}
	.rnd-intro-con .tit-box span.icon img{max-width: 70%}
	.rnd-intro-con .tit-box h4{font-size: 27px; line-height: 1.5; word-break: keep-all}
	/* 컨텐츠02 :: 하단 리스트박스 */
	.rnd-intro-con .img-list-box .wrap{padding: 20px}
	.rnd-intro-con .img-list-box .list-box{margin-top: 20px}
	.rnd-intro-con .img-list-box .list-box h5{margin-bottom: 15px; font-size: 18px}
	.rnd-intro-con .img-list-box .list-box ul > li{padding-left: 20px; font-size: 13px}
	.rnd-intro-con .img-list-box .list-box ul > li i{font-size: 12px; top: 2px;}
	/* 회사소개 :: 자회사 */
	/* 컨텐츠01 :: 지도 */
	.partner-map-wrap{padding: 40px 0}
	.partner-map-wrap h4{font-size: 23px; margin-bottom: 15px}
	.partner-map-wrap .partner-map-m{display: block; padding: 5px}
	.partner-map-wrap .partner-map-m img{max-width: 100%; height: auto}
	/* 컨텐츠02 :: 하단 리스트 */
	.partner-list-wrap{margin-top: 40px}
	.partner-list-wrap .partner-list:last-child{margin-top: 40px}
	.partner-list-wrap .list-cont-box{display: block; width: 100%;}
	.partner-list-wrap .list-con{padding-bottom: 20px}
	.partner-list-wrap .list-tit-box h5{margin-bottom: 10px; font-size: 17px}
	.partner-list-wrap .list-tit-box h5::before{top: 50%; transform: translateY(-50%); width: 49px; height: 30px}
	.partner-list-wrap .list-tit-box h5.logo-02{padding-left: 120px}
	.partner-list-wrap .list-tit-box h5.logo-02::before{width: 113px}
	.partner-list-wrap .list-tit-box p{font-size:13px}
	.partner-list-wrap .list-cont-box li{margin: 10px 0}
	.partner-list-wrap .list-cont-box li .tit em, .partner-list-wrap .list-cont-box li{font-size:13px}
	/* 회사소개 :: 오시는길 */
    /* 오시는길 :: 상단 */
    .map-script-wrapper{height:300px; margin-bottom:15px;}
    .map-script-wrapper .map-script-con{height:300px; margin-top:-150px;}
    /* 오시는길 :: 하단정보 */
    .map-info-con{margin-top: 5px;}
    .map-info-con ul li{height: auto; line-height: 18px; padding: 15px 0;}
    .map-info-con ul li .info-list-inner .tit{width: 120px; vertical-align:top}
    .map-info-con ul li .info-list-inner .tit i{font-size: 14px;}
    .map-info-con ul li .info-list-inner .tit span{margin-left: 7px; font-size: 13px;}
    .map-info-con ul li .info-list-inner .info{width: calc(100% - 125px); font-size: 13px; vertical-align:top}
	.map-info-con ul li.full {; padding:15px 0; }
	
	/* 회사소개 :: 고객문의 */
	.inquiry-page .bbs-write-con .inquiry-checkbox span {margin:1% 0; width:48%; text-align:left; }
	.cm-input-box input[type="checkbox"] + label, .cm-input-box input[type="radio"] +label {font-size:14px; padding-left:28px;}
	.cm-input-box input[type="checkbox"] + label:before, .cm-input-box input[type="radio"] + label:before {font-size:23px;top:-3px;}
	/* 회사소개 :: rnd (210402) */
	.rnd-page .rnd-tit-box{margin-top: 50px}
	.rnd-page .rnd-tit-box .cm-rnd-tit{margin-bottom: 25px; font-size: 25px}
	.rnd-page .rnd-tit-box .gray-txt-box-wrap{padding: 29px 15px}
	.rnd-page .rnd-tit-box .gray-txt-box-wrap p{font-size: 14px}
	#rndCon01 .img-with-list-wrap{margin-top: 60px}
	#rndCon01 .img-with-list-wrap .txt-con p{font-size: 13px}
	#rndCon01 .img-with-list-wrap li:nth-child(1) .img-con-m, #rndCon01 .img-with-list-wrap li:nth-child(2) .img-con-m{min-height:100%; height: 260px}
	#rndCon01 .img-with-list-wrap li:nth-child(1) .txt-con, #rndCon01 .img-with-list-wrap li:nth-child(2) .txt-con, #rndCon02 .img-with-list-wrap li:nth-child(1) .txt-con, #rndCon02 .img-with-list-wrap li:nth-child(2) .txt-con{padding: 4%}
	.method-process-box .blue-color-tit{font-size: 16px; margin-bottom: 30px}
	.method-process-box{margin: 20px 0}
	.method-process-box .process-box ul{margin: 0 -25px}
	.method-process-box .process-box li{margin: 25px}
	.method-process-box .process-box li .hexagon-box{width: 90px; height: 50px}
	.method-process-box .process-box li .hexagon-box::before, 
	.method-process-box .process-box li .hexagon-box::after{width: 64px; height: 62px; left: 13px}
	.method-process-box .process-box li .hexagon-box::before{top: -33px}
	.method-process-box .process-box li .hexagon-box::after{bottom: -32.1px}
	.method-process-box .process-box li .hexagon-box em{font-size: 14px}
	.method-process-box .process-box li .hexagon-box em::after{margin-top: -16px; right: -32px; font-size: 18px}
	.method-process-box .process-box li:last-child .hexagon-box em::after{content:none}
	#rndCon02 .img-with-list-wrap{margin-top: 50px}
	#rndCon02 .img-with-list-wrap .txt-con p{font-size: 13px}
	#rndCon02 .img-with-list-wrap .txt-con .check-txt{padding-left: 20px}
	#rndCon02 .img-with-list-wrap li .img-con{background-size: contain; min-height: 250px}
}
@media all and (max-width:640px){
	/* 회사소개 :: 기업개요 */
	.summary-con .summary-img span.txt{bottom: 0;font-size: 40px}
	/* 기업개요 :: 하단컨텐츠*/
	.summary-list-box .logo-wrap {position:static;}
	.summary-list-box .logo-box {position:static; transform:none; margin:auto; width:100%; margin-bottom:20px;
	-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;}
	.summary-list-box .logo-box .logo {padding-top:150px; background-size: auto 70%;}
	.summary-list {margin: -10px 0;}
	.summary-list > li {float:none; height:auto; margin:10px 0; width:100%;}
	.summary-list li.item01 .txt-box {margin-top:0;}
	.summary-list > li.item03 {background-color: #f5f5f5; border:0;}
	.summary-list > li.item04 {background-color: #fff; border:1px solid #ddd;}
	.summary-list li .inner-box {display:block; padding:30px 10px; }
	.summary-list li .inner-box .inner {display:block;}
	.summary-list li .tit-box {position:static; text-align:center;}
	.summary-list li .txt-box {position:static; margin-top:20px; }
	.summary-list li.right {text-align:left;}  
	.summary-list li.right .tit-box .tit {padding-top:0;}
	.summary-list li.item03 .icon-list {margin-top:0}
	.summary-list li.item03 .icon-list li .txt {padding:0 5px;}
	.summary-list li.item04 .txt-box .tit { margin-top:0px;}

	.partner-list-wrap .list-con .list-tit-box{width: 100%}
	
}
@media all and (max-width:480px){
	.method-process-box .process-box ul{margin: 0 -15px}
	.method-process-box .process-box li{margin: 15px; padding-bottom: 40px}
	.method-process-box .process-box li:last-child{padding-bottom: 20px}
	.method-process-box .process-box li .hexagon-box em::after{right: -22px}
	.method-process-box .process-box li:nth-child(3) .hexagon-box em::after{content: none}
}
@media all and (max-width:400px){
	/* 회사소개 :: rnd (210402) */
	.method-process-box .process-box li:nth-child(2) .hexagon-box em::after{content: none}
	.method-process-box .process-box li:nth-child(3) .hexagon-box em::after{content:">"}
	.method-process-box .process-box li:nth-child(4) .hexagon-box em::after{content: none}
}

/* ******************  Products  ********************** */
@media all and (max-width:1024px){
	/* Products :: 리스트페이지 */
	.product-list-item .img-box {padding-left: 0; }
}
@media all and (max-width:800px){
	/* Products :: 리스트페이지 */
	.product-tit {font-size: 31px; margin-bottom:45px;}
	.product-list-item {padding:30px 15px;}
	.product-list-item .txt-box .tit {font-size: 19px;}
	.product-list-item .txt-box .txt {font-size: 13px; }
	.product-list-item .txt-box .tag-list li a {padding:5px 10px;}
	.product-list-item .txt-box .tag-list li a span {font-size:12px;}
	/* Products :: 뷰페이지 */
	/* 뷰페이지 :: 상단 */
	.product-view-top .product-tit {margin-bottom:30px;}
	.product-view-top .img-box .img-wrap span { top:5%; left:5%; right:5%; bottom:5%; }
	.product-view-top .list-btn {width:150px; height:42px; font-size:14px; line-height:42px;}
	/* 뷰페이지 :: 제품컨텐츠 */
	.product-view-container {margin-top:70px;}
	.product-view-con {margin-top:40px;}
	.product-view-con .product-view-con-tit {font-size: 19px; padding-bottom:10px; border-width:2px;}
	.product-view-con .txt {font-size: 13px; line-height: 2em;}
	.product-view-con .editor {padding: 20px 15px;}
	/* 뷰페이지 :: 체크리스트 */
	.product-view-con .check-list {padding:20px 15px;}
	.product-view-con .check-list li {padding-left:25px; }
	.product-view-con .check-list li:before {width:20px; height:20px; line-height:20px; font-size:13px;}
	/* 뷰페이지 :: 제품사양 */
	.product-view-con .prd-spec-list .tit-box {width:175px; padding:10px 15px;}
	.product-view-con .prd-spec-list .tit-box:after {top:18px;}
	.product-view-con .prd-spec-list .tit {font-size: 14px;}
	.product-view-con .prd-spec-list .txt-box {width:calc(100% - 175px); padding:10px 15px;}
}
@media all and (max-width:640px){
	/* Products :: 리스트페이지 */
	.product-list-item .table-layout {display:block;}
	.product-list-item .table-cell-layout {display:block; width:100%;}
	.product-list-item .img-box {margin-top:5.4%;}
	.product-list-item .img-box .img-wrap span {top:5%; left:5%; right:5%; bottom:5%; }
}
@media all and (max-width:480px){
	/* Products :: 뷰페이지 */
	/* 뷰페이지 :: 제품사양 */
	.product-view-con .prd-spec-list .tit-box {float:none; width:100%; }
	.product-view-con .prd-spec-list .tit-box:after {display:none;}
	.product-view-con .prd-spec-list .txt-box {float:none; width:100%; padding-top:0;}
}
/* ******************  Company  ********************** */
@media all and (max-width:800px){
	/* Company :: 연혁 */
	.history-con .txt { font-size:13px; margin:7px 0;}
	.history-con .left-con .txt-box {padding:25px 15px;} 
	.history-con .left-con .txt-box .tit {font-size: 24px; margin-bottom:15px;}
	.history-con .left-con .txt-box .check-list li:before {font-size:16px;}
	.history-con .left-con .img-box {margin-top:0;} 
	.history-con .right-con {margin-left:3.33%; width:63.33%;}
	.history-con .history-item {padding:25px 15px;}
	.history-con .history-item .year-box {float:none; width:100%; }
	.history-con .history-item .year-box .year {font-size:18px; }
	.history-con .history-item .history-list-box {float:none; width:100%; padding-top:20px; }
	.history-con .history-item .history-list li {padding-left:25px;}
	.history-con .history-item .history-list li .month {font-size:14px;}
	.history-con .history-item .point-txt {font-size:16px;}
	/* Company :: 고객문의 */
	.inquiry-page .bbs-write-con .inquiry-radio-box {width:100%;}
	.inquiry-page .bbs-write-con .input-check span {width:50%;}
	.inquiry-page .bbs-write-con .input-check .tit  {font-size:13px;}
}
@media all and (max-width:640px){
	/* Company :: 연혁 */
	.history-con .left-con {float:none; width: 100%;}
	.history-con .left-con .img-box {text-align:center; padding:0 15px;}
	.history-con .right-con {float:none; margin-left:0; width:100%; margin-top: 30px;}
}
@media all and (max-width:480px){
	/* Company :: 고객문의 */
	.inquiry-page .bbs-write-con .input-check {padding-left:0;}
	.inquiry-page .bbs-write-con .input-check .tit {position:static;}
	.inquiry-page .bbs-write-con .inquiry-radio-box {margin-top:10px;}
}
/* ****************** 채용절차 ********************** */
@media all and (max-width:1250px){
	/* 채용절차 :: 채용절차 */
	/* 컨텐츠01 :: 육각형 프로세스 */
	.recruit-process-con .process-box ol{margin: 0 -30px}
	.recruit-process-con .process-box ol li{margin: 30px; }
	.recruit-process-con .process-box ol li dl{position: relative;}
	.recruit-process-con .process-box ol li dl::after{right: -42px}
}
@media all and (max-width:1220px){
	/* 채용절차 :: 인재상 */
	.talent-con .talent-point-box{padding: 60px 0; margin: 0 -15px}
	.talent-con .talent-point-box > .wrap{position: static; height: auto}
	.talent-con .talent-point-box .center-img{display: none}
	.talent-con .talent-point-box .center-img-m{text-align: center; margin-bottom: 50px; display: block}
	.talent-con .talent-point-box .center-img-m img{width: 19.33%/*198px*/}
	.talent-con .talent-point-box .icon-list{justify-content: space-around;position: static; top: 0; left: 0; transform: translate(0,0); padding: 0 20px; width: auto}
	.talent-con .talent-point-box .icon-list li.rt-txt{text-align: center}
	.talent-con .talent-point-box .icon-list li.lt-txt{text-align: center}
	.talent-con .talent-point-box .icon-list li dt::before{content:none}
	.talent-con .talent-point-box .icon-list li dt::after{content:none}
}
@media all and (max-width:1024px){
	/* 채용절차 :: 채용절차 */
	/* 컨텐츠01 :: 육각형 프로세스 */
	.recruit-process-con .process-box ol li{width: calc(33.33% - 60px)}
	/* 채용절차 :: 복리후생 */
	/*  */
}
@media all and (max-width:800px){
	/* 채용절차 :: 채용절차 */
	/* 컨텐츠01 :: 육각형 프로세스 */
	.recruit-process-con .process-box ol{margin: 0 -10px}
	.recruit-process-con .process-box ol li dl::after{top: 8px; right: -44px}
	.recruit-process-con .process-box ol li:nth-child(3) dl::after{content: none}
	.recruit-process-con .process-box ol li dt{width: 90px; height: 50px}
	.recruit-process-con .process-box ol li dt img{max-width: 65%}
	.recruit-process-con .process-box ol li dt::before, .recruit-process-con .process-box ol li dt::after{width: 65px; height: 62px; left: 11px}
	.recruit-process-con .process-box ol li dt::before{top: -32px}
	.recruit-process-con .process-box ol li dt::after{bottom: -32.1px}
	.recruit-process-con .process-box ol li dd{padding-top: 40px; font-size: 15px; line-height: 1.5;}
	.recruit-process-con .process-box ol li dd span.num{margin-bottom: 5px}
	/* 컨텐츠02 :: 텍스트 프로세스 */
	.recruit-process-con .info-box{margin: 30px 0}
	.recruit-process-con .info-box ol li{padding: 20px 0}
	.recruit-process-con .info-box ol li .info-txt{display: block}
	.recruit-process-con .info-box ol li .info-txt h5{width: auto; padding-left: 30px; font-size: 14px}
	.recruit-process-con .info-box ol li .info-txt span.num{top: -2px; font-size: 14px}
	.recruit-process-con .info-box ol li .info-txt p{display: block; margin: 10px 30px 0; padding-left: 0; font-size: 13px}
	.recruit-process-con .info-box ol li .info-txt p::before{content: none}
	/* 컨텐츠03 :: 체크사항 */
	.recruit-process-con .check-box{padding: 20px 0}
	.recruit-process-con .check-box ul.check-list{padding: 0 10px;}
	.recruit-process-con .check-box ul.check-list > li{padding-left: 25px; margin-bottom: 8px; font-size: 13px}
	.recruit-process-con .check-box ul.check-list > li i{top: 5px;font-size: 12px}
	/* 채용절차 :: 인재상 */
	.talent-con h5{font-size: 30px}
	.talent-con p{margin: 20px 0; font-size: 14px}
	.talent-con .talent-point-box .center-img-m{margin-bottom: 30px;}
	.talent-con .talent-point-box .center-img-m img{width: 24.75%/*198px*/}
	.talent-con .talent-point-box{padding: 30px 0}
	.talent-con .talent-point-box .icon-list{display: block;}
	.talent-con .talent-point-box .icon-list li{margin-bottom: 40px; width: 100%;}
	.talent-con .talent-point-box .icon-list li:nth-child(3),.talent-con .talent-point-box .icon-list li:last-child{margin-bottom: 40px}
	.talent-con .talent-point-box .icon-list li.rt-txt{text-align: center}
	.talent-con .talent-point-box .icon-list li.lt-txt{text-align: center}
	.talent-con .talent-point-box .icon-list li dt {display:block; margin:auto; padding: 10px; width: 60px; height: 60px}
	.talent-con .talent-point-box .icon-list li dt .icon-box {padding-top:100%; }
	.talent-con .talent-point-box .icon-list li dt img{max-width: 90%}
	.talent-con .talent-point-box .icon-list dd{font-size: 13px}
	.talent-con .talent-point-box .icon-list dd span.tit{padding: 15px; font-size: 18px}
	/* 직무소개 :: 사이드바 */
	.job-side-bar {width:100%; float:none}
	.job-side-bar .job-1dep > li > a span {height: 42px;}
	.job-side-bar .job-1dep > li > a span em {padding: 0 10px; font-size: 13px; line-height:23px;} 
	.job-side-bar .job-1dep > li i {font-size:15px; right:10px; margin-top:-7.5px; }
	.job-side-bar .job-1dep .job-2dep {padding: 20px 10px 0}
	.job-side-bar .job-1dep .job-2dep > li a span em {font-size:13px;}
	/* 직무소개 :: 컨텐츠 */
	.job-page-area {width:100%; padding:0; float:none; padding-left: 0; padding-top: 30px;}
	.job-page .tit-box {padding-bottom:10px; letter-spacing:-0.5px;}
	.job-page .tit-box img{max-width: 70%; height: auto}
	.job-page .tit-box .job-2dep-tit {padding: 10px; font-size: 20px}
	.job-page .tit-box .job-1dep-tit {font-size: 13px}
	.job-page .job-define-box, .job-page .kinds-box{padding: 20px 0}
	.job-page .job-define-box h5, .job-page .kinds-box h5{margin-bottom: 15px; font-size: 15px}
	.job-page .job-define-box p, .job-page .kinds-box ul > li{font-size: 13px}
	.job-page .kinds-box ul > li{padding-left: 20px; margin-bottom: 10px}
	.job-page .kinds-box ul > li i{font-size: 12px}
	/* 채용절차 :: 복리후생 */
	.welfare-con .welfare-list{margin-bottom: 50px}
	.welfare-con .tit-box{float: none; width:100%;}
	.welfare-con .tit-box h5{font-size: 20px}
	.welfare-con .tit-box h5 span.num{display: inline-block; vertical-align: top; font-size: 16px; margin-bottom: 0; margin-right: 10px}
	.welfare-con .list-box{width: 100%; float: none; margin-top: 20px}
	.welfare-con .list-box ul li{padding: 20px 0}
	.welfare-con .list-box ul li .txt{width: calc(100% - 65px); font-size: 13px}
	.welfare-con .list-box ul li .txt span.bold{font-size: 15px; margin-bottom:5px}
	.welfare-con .list-box ul li img{width: 55px;padding-left:5px}
	.welfare-con .img-box {margin-top:25px; padding:0;} 
}
@media all and (max-width:480px){
	/* 채용절차 :: 채용절차 */
	/* 컨텐츠01 :: 육각형 프로세스 */
	.recruit-process-con .process-box ol li{width: calc(33.33% - 20px)}
	.recruit-process-con .process-box ol li dl::after{top: 10px; right: -40px; font-size:27px}
	.recruit-process-con .process-box ol li:nth-child(3) dl::after{content: "\003E"}
	.recruit-process-con .process-box ol li:nth-child(2) dl::after, .recruit-process-con .process-box ol li:nth-child(4) dl::after, .recruit-process-con .process-box ol li:nth-child(5) dl::after{content: none}
}