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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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-cm-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-cm-style.fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-cm-tab-wrapper{height:40px;}
	.sub-tab-cm-style ul li a{height:40px; }
	.sub-tab-cm-style ul li a em{font-size:13px}
	/* 모바일 드롭메뉴 버튼 */
	.sub-tab-cm-style .cm-tab-m-btn{position:relative; display:block; padding:0 15px; height:40px; line-height:40px; background-color:#333;}
	.sub-tab-cm-style .cm-tab-m-btn span{color:#fff; }
	.sub-tab-cm-style .cm-tab-m-btn .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-tab-cm-style .cm-tab-m-btn.open .arrow{transform:rotate(180deg)}
	/* 모바일 드롭메뉴 리스트 */
	.cm-drop-tab-list ul{display:none; margin:0;  position:absolute; top:40px; left:0px; right:0px;background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11;}
	.cm-drop-tab-list ul li{position:static; float:none; border-top:1px solid #eee; width:auto; background-color:transparent}
	.cm-drop-tab-list ul li:first-child{border-top:0}
	.cm-drop-tab-list ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.cm-drop-tab-list ul li a em{font-size:13px;}
	.cm-drop-tab-list ul li.selected a{background-color:transparent;}
	.cm-drop-tab-list ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-cm-style.fixed{top:60px;}
}

/* ========================================================
 *  Product
======================================================== */
/* ******************  Product :: 공통 ********************** */
@media all and (max-width:1024px){
	/* 상단 아이콘 추가 체크박스 */
	.top-icon-data-box{width: calc(33.33% - 10px); margin: 5px; padding: 30px 20px}
}
@media all and (max-width:800px){
	/* 텍스트 */
	.sub-cm-tit{font-size:34px;}
	.sub-cm-tit.big{font-size:50px}
	.sub-cm-txt span{font-size:15px; margin-bottom:15px}
	.sub-cm-txt span br{display:none}
	.sub-cm-sub{font-size:17px}
	.sub-cm-tit-sub{font-size:16px}

	/* 체크아이콘 텍스트 회색박스 */
	.gray-check-box{padding:20px 15px}
	.gray-check-box p{font-size:15px; margin-bottom:7px; padding-left:21px}
	.gray-check-box p:before{font-size:15px; top:0}

	/* 상단 아이콘 추가 체크박스 */
	.top-icon-data-box{width: calc(50% - 10px); }
	.top-icon-data-box .icon-box{width: 60px; height: 60px; }
	.top-icon-data-box .blue-cm-tit{margin: 15px 0 10px; font-size: 19px;}
	.top-icon-data-box p.top-icon-txt{font-size: 13px;}
}
@media all and (max-width:480px){
	/* 상단 아이콘 추가 체크박스 */
	.consulting-icon-con{margin: 0;}
	.top-icon-data-box{width: 100%; margin: 0;}
	.top-icon-data-box + .top-icon-data-box{margin-top: 10px;}
}

/* ******************  Product :: Altibase Enterprise DB ********************** */
@media all and (max-width:800px){
	/* 컨텐츠 01 :: 체크아이콘 텍스트 박스 */
	.enterprise-con-01{margin-top:20px}
	.check-box-txt li{margin-bottom:5px}
	.check-box-txt li .check-box-inner{padding:10px}
	.check-box-txt li .check-box-inner p{font-size:15px; padding-left:19px}
	.check-box-txt li .check-box-inner p:before{font-size:17px; top:-3px}
	/* 컨텐츠 02 */
	.enterprise-con-02{margin-top:30px}
	/* 컨텐츠 03 */
	.enterprise-con-03{margin:30px 0}
}

/* ******************  Product :: Features ********************** */
@media all and (max-width:1570px){	
	/* 컨텐츠 04 :: TESTIMONIALS */
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-prev{left:-20px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-next{right:-20px}
}
@media all and (max-width:1420px){	
	/* 컨텐츠 02 */
	/* 컨텐츠 02 :: 탭 */
	.features-tab .features-tab-inner li:first-child{width:8%}
	.features-tab .features-tab-inner li{width:11.833%; padding:0 1.5%}
	/* 컨텐츠 04 :: TESTIMONIALS */
	.features-con-04 .testimonials-slide-con .testimonials-slide{padding:0 50px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-txt br{display:none}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow{font-size:50px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-prev{left:0}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-next{right:0}
}
@media all and (max-width:1220px){	
	/* 컨텐츠 02 */
	/* 컨텐츠 02 :: 탭 */
	.features-tab.fixed{top:78px; left:0}
	.features-tab .features-tab-inner{padding:0}
	.features-tab .features-tab-inner li a span{font-size:17px}
}
@media all and (max-width:800px){
	/* 컨텐츠 01 */
	/* 컨텐츠 01 :: 상단타이틀*/
	.features-con-01{padding:80px 0 75px}
	.features-con-01 .features-01-tit .sub-cm-tit{font-size:50px}
	.features-con-01 .features-01-tit .sub-cm-sub{margin-top:17px}
	/* 컨텐츠 01 :: 컨텐츠 박스 */
	.features-con-01 .altibase-list{margin-top:50px}
	.features-con-01 .altibase-list li{float:none; width:100%; padding:25px 0; border-top:1px solid #d8e2e7}
	.features-con-01 .altibase-list li .list-inner .altibase-icon img{height:80px}
	.features-con-01 .altibase-list li .list-inner .altibase-tit{margin-top:15px; font-size:31px}
	.features-con-01 .altibase-list li .list-inner .altibase-txt{font-size:15px; margin-top:10px}
	.features-con-01 .altibase-list li .list-inner .altibase-txt br{display:none}
	.bg-line span{display:none;}

	/* 컨텐츠 02 */
	/* 컨텐츠 02 :: 탭 */
	.features-tab-pc{display:none}
	.features-tab .features-tab-inner li a{height:58px}
	.features-tab .features-tab-inner li a span{font-size:14px}
	.features-tab-mb{display:block; position:relative; height:50px;}
    .features-tab-mb.no-fixed{opacity: 0; transition:all 0.3s}
	.features-tab-mb .side-menu-inner{height:50px; background-color: #fff;}
	.features-tab-mb .menu-location{position:relative;}
	.features-tab-mb .menu-location > .cur-location{position:relative; display:block; height:48px; padding:0 35px 0 20px;  border-left:1px solid #ddd;}
	.features-tab-mb .menu-location > .cur-location span{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:48px; color:#333; font-weight:400; font-size:13px; letter-spacing: -0.5px;}
	.features-tab-mb .menu-location > .cur-location .arrow{position:absolute; top:50%; right:15px; width:20px; height:20px; margin-top:-10px; font-size:20px; color: #8b8b8b; font-weight: 300;}
	.features-tab-mb .menu-location.open > .cur-location .arrow{transform:rotate(180deg)}
	.features-tab-mb .menu-location .location-menu-con{display:none; position:absolute; top:48px; left:0px; width:calc(100% - 1px); border:1px solid #ddd; border-top:0; background-color:#fff; z-index:11;}
	.features-tab-mb .menu-location .location-menu-con li a{display:block; padding:7px 20px; font-size:13px; line-height:1.5; word-break:keep-all;}
	.features-tab-mb .menu-location .location-menu-con li.selected{position:relative;}
	.features-tab-mb .menu-location .location-menu-con li.selected a{color:#004282; font-weight:500;}

	/* 컨텐츠 02 :: 컨텐츠 내용 */
	.features-02-sec{padding:55px 0}
	.features-02-sec .features-02-txt.lf-txt{display:block; margin:0; padding-right:0; width:100%}
	.features-02-sec .features-02-txt.rt-txt{float:none; width:100%; padding-left:0}
	.features-02-sec .features-02-txt .tit{font-size:40px}
	.features-02-sec .features-02-txt .tit br{display:none}
	.features-02-sec .features-02-txt .sub-txt{font-size:18px; padding-bottom:10px}
	.features-02-sec .features-02-txt .sub-txt br{display:none}
	.features-02-sec .features-02-txt .txt-con{margin-top:22px}
	.features-02-sec .features-02-txt .txt-con dt{font-size:17px;}
	.features-02-sec .features-02-txt .txt-con dt br{display:none}
	.features-02-sec .features-02-txt .txt-con dd p{font-size:15px}
	.features-02-sec .features-02-txt .txt-con dd p:before{font-size:18px; top:-2px}
	.features-02-sec .features-02-img{width:100%}
	.features-02-sec .features-02-img.rt-img{margin:30px 0 0; text-align:center}
	.features-02-sec .features-02-img.lf-img{position:relative; top:auto; transform:translateY(0); margin-top:30px; text-align:center}
	.features-02-sec .features-02-txt .double-txt-con{margin:35px -2% 0}

	/* 컨텐츠 02 :: 컨텐츠 내용 :: highly available */
	.wide-sec.features-02-sec .features-02-txt .tit{font-size:38px}
	.wide-sec.features-02-sec .features-02-txt .sub-txt{margin-top:5px}
	.wide-sec.features-02-sec .features-02-txt.bt-txt{margin:30px auto 0}
	
	/* 컨텐츠 02 :: 컨텐츠 내용 :: open platform*/
	.open-platform{padding-top:70px}
	.open-platform .tit{font-size:35px; }
	.open-platform .open-platform-list{padding:60px 0 35px; text-align:center}
	.open-platform .open-platform-list li{float:none; display:inline-block; width:32%; margin-bottom:20px}
	
	/* 컨텐츠 03 :: ALTIBASE */
	.features-con-tit{font-size:35px}
	.features-con-tit br{display:none}
	.features-con-sub{font-size:18px}
	.features-con-03{padding:40px 0}
	.features-con-03 .sub-wh-btn{width:125px; height:40px; line-height:38px;}

	.sub-wh-btn.cm-button-style11{padding:0 15px; text-align:center}
	.sub-wh-btn.cm-button-style11 span{font-size:14px; float:none}
	.sub-wh-btn.cm-button-style11 i{display:none}


	/* 컨텐츠 04 :: TESTIMONIALS */
	.features-con-04{padding:55px 0 65px}
	.features-con-04 .testimonials-slide-con .testimonials-slide{margin-top:40px; padding:0 25px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-txt{font-size:17px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-bt-txt{margin-top:45px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-bt-txt strong{font-size:18px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-bt-txt span{font-size:13px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow{font-size:28px; top:160px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-prev{left:-10px}
	.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-next{right:-10px}

	/* 컨텐츠 05 :: TRY ALTIBASE */
	.features-con-05{padding:60px 0 50px}
	.features-con-05 .features-con-sub{margin-top:10px}
	.features-con-05 .sub-wh-btn{width:200px; height:40px; line-height:38px}
	
	/* 컨텐츠 06 :: REQUEST */
	.features-con-06{padding:65px 0 35px}
	.features-con-06 .request-form-con{margin:45px auto 0}
	.features-con-06 .request-form-con .request-form .triple-item{margin:0}
	.features-con-06 .request-form-con .request-form .triple-item .request-item{float:none; margin:20px 0 0; width:100%}
	.features-con-06 .request-form-con .request-form .request-item dt, 
	.features-con-06 .request-form-con .request-form .request-item dd{font-size:16px;}
	.features-con-06 .request-form-con .request-form .request-item dt{margin-bottom:10px}
	.features-con-06 .request-form-con .request-form .request-item dd input,
	.features-con-06 .request-form-con .request-form .request-item dd select{height:45px}
	.features-con-06 .request-form-con .request-form .request-item dd textarea{height:180px}
	.features-con-06 .sub-wh-btn.cm-button-style11{width:125px; height:50px; line-height:45px; margin-top:25px; }

}	
@media all and (max-width:640px){	
	/* 컨텐츠 02 */
	/* 컨텐츠 02 :: 컨텐츠 내용 :: highly available */
	.features-02-sec .features-02-txt .double-txt-con{margin:35px 0 0}
	.features-02-sec .features-02-txt .double-txt-con .txt-con{float:none; width:100%; margin:0 0 15px}
}
@media all and (max-width:480px){	
	/* 컨텐츠 02 */
	/* 컨텐츠 02 :: 탭 */
	.features-tab.fixed{top:58px}
	/* 컨텐츠 02 :: 컨텐츠 내용 */
	.features-02-sec .features-02-txt .tit{font-size:37px}
	.wide-sec.features-02-sec .features-02-txt .tit{font-size:35px}
}


/***** 23-09-26 유지보수 features *****/
@media all and (max-width:1420px){
	.new-features-content .features-tab .features-tab-inner li {width: 12.2% !important;}
	.new-features-content .top-icon-data-box.leftAlign p.top-icon-txt .pc-br {display: none;}
}

@media all and (max-width:1125px){
	.new-features-content .features-tab .features-tab-inner li {width: 11.6% !important;}
}

@media all and (max-width:1024px) {
	.new-features-content .features-tab .features-tab-inner li {padding: 0 20px !important;}
}

@media all and (max-width:800px){	
	.features-content .feature-schema-con .schema-img.flexBox {flex-direction: column;}
	.features-content .feature-schema-con .schema-img-txt {height: auto;}
	.features-content .release-link-btn {width: 180px; height: 60px;}
	.top-icon-data-box.leftAlign p.top-icon-txt.hypen::before {top: 9px;}
}

/* ******************  Product :: Comparison ********************** */
@media all and (max-width:800px){		
	.comparison-sec{margin-bottom:55px}

	/* 컨텐츠 01 */
	.comparison-con-01 .sub-cm-txt{margin-top:30px}
	.comparison-con-01 .gray-check-box{margin-top:20px}

	/* 컨텐츠 02 :: Comparison by Cost */
	.comparison-con-02 .comparison-table{margin-top:20px}
	.comparison-tbl tr th, .comparison-tbl tr td{padding:10px 5px}
	.comparison-tbl tr th{font-size:16px}
	.comparison-tbl tr th br{display:none}
	.comparison-tbl tr td{font-size:15px}
	.comparison-tbl tr td span{font-size:14px}
	.comparison-tbl tr td span br{display:none}

	/* 컨텐츠 03 :: Comparison by Performance */
	.comparison-con-03 .sub-cm-txt{margin-top:30px}

}
@media all and (max-width:480px){		
	/* 컨텐츠 02 :: Comparison by Cost */
	.comparison-tbl tr th{font-size:13px}
	.comparison-tbl tr td{font-size:13px}
	.comparison-tbl tr td span{font-size:12px}
}


/* ========================================================
 *  Learn
======================================================== */
/* ******************  Learn :: 공통********************** */
@media all and (max-width:800px){	
	/* 상단 타이틀 */
	.page-tit-con{margin-bottom:25px}
	.page-tit-con .page-tit{font-size:40px}
	.page-tit-con .page-sub-txt{font-size:18px; margin-top:10px}
	.page-tit-con .page-sub-txt.small{font-size:17px}
	.page-tit-con .page-sub-txt-2{font-size:15px}
	.page-tit-con .page-sub-txt-2 br{display:none}
}

/* ******************  Learn :: Resource ********************** */
/* -------------- Download --------------- */
@media all and (max-width:800px){		
	/* 다운로드 */
	.download-file{margin-bottom:30px}
	.download-file .download-file-list li{height:70px;}
	.download-file .download-file-list li a{font-size:14px; padding:0 15px}
	.download-file .download-file-list li a i{font-size:17px; margin-left:5px}
	/* 텍스트 박스 컨텐츠 */
	.download-con-sec{margin-bottom:30px}
	.download-con .blue-tit-sub{font-size:14px; margin:10px 0 15px}

}
@media all and (max-width:480px){		
	/* 다운로드 */
	.download-file .download-file-list li{float:none; width:100%; border-right:1px solid #222}
	.download-file .download-file-list li:last-child{border-top:0}
}
/* -------------- Manuals --------------- */
@media all and (max-width:800px){		
	.page-sec{margin-bottom:30px}
	.blue-cm-tit{font-size:23px}
	.blue-box-con{font-size:15px; padding:15px 20px;}
	.link-txt{font-size:15px}
	.link-txt i{margin-top:-2px}
	/* 링크리스트 */
	.link-txt-list-con .link-txt-list li{height:55px}
	.link-txt-list-con .link-txt-list:last-child li .link-inner{padding-left:15px}
	/* bluebox안에 체크리스트 */
	.front-check-txt + .front-check-txt{margin-top: 10px; padding-left: 19px;}
	.front-check-txt:before{font-size: 15px; top: -2px;}
}
@media all and (max-width:480px){		
	/* 링크리스트 */
	.link-txt-list-con .link-txt-list{float:none; width:100%}
	.link-txt-list-con .link-txt-list:last-child li{border-left:0}
	.link-txt-list-con .link-txt-list:last-child li .link-inner{padding-left:0;}
}


/* -------------- Release Notes --------------- */
@media all and (max-width:800px){		
	.release-notes-con .notes-tbl tr th, .release-notes-con .notes-tbl tr td{height:50px; padding:0 10px}
	.release-notes-con .notes-tbl tr th{font-size:17px}
	.release-notes-con .notes-tbl tr td{font-size:15px}
}


/* -------------- Online Training --------------- */
@media all and (max-width:800px){		
	.yutube-con .yutube-sec{margin-bottom:40px}
	.yutube-con .yutube-sec .yutube-sec-tit{font-size:18px; padding:12px 0 10px}
	.yutube-con .yutube-sec .yutube-list li{min-height:50px}
	.yutube-con .yutube-sec .yutube-list li .yutube-tit{font-size:15px}
	.yutube-con .yutube-sec .yutube-list li .yutube-link a{width:33px; height:24px}

	/* 팝업 */


}

/* ******** Learn :: Service ********* */
/* -------------- Subscription Support --------------- */
@media all and (max-width:800px){	
	.blue-banner{font-size:15px; padding:15px 5px}
}

/* -------------- Consulting --------------- */
@media all and (max-width:800px){		
	.consulting-check-sec{margin-bottom:30px}
	.consulting-check-sec .gray-check-box{margin-top:10px}
}

/* -------------- Certification --------------- */
@media all and (max-width:800px){		
	.training-con-03 .blue-cm-tit{font-size:27px}
	.training-con-03 .certification-test-img{margin:30px 0 20px}
}

/* ******** Learn :: Case Studies ********* */
@media all and (max-width:800px){	
	/* 리스트 */
	/* 리스트 :: 상단 검색바 */
	.sub-board-con .total-list-con{float:none; font-size:15px; padding-left:9px}
	.sub-board-con .bbs-top-list-box .board-search-box{float:none; width:100%; max-width:none}
	.sub-board-con .board-search-box .search-subject-select{width:120px;}
	.sub-board-con .board-search-box .search-word{width:calc(100% - 150px)}
	.sub-board-con .board-search-box .search-subject-select, 
	.sub-board-con .board-search-box .search-word{font-size:15px}
	.sub-board-con .board-search-box .bbs-search-btn i{font-size:20px}
	/* 리스트 :: 항목 */
	.sub-board-list .bbs-item{padding:18px 0}
	.sub-board-list .bbs-item .bbs-list-info-con .board-list-tit{font-size:20px}
	.sub-board-list .bbs-item .bbs-list-info-con .board-list-sub{font-size:15px}
	.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case{font-size:13px; width:75px; padding:6px 0}
	.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner .case-tit{font-size:15px; margin-right:10px; max-width:calc(100% - 133px)}
	.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner .read-case-link{font-size:13px}
	/* 리스트 :: 페이징 */
	.sub-board-con .sub-board-paging{margin-top:35px}
	.sub-board-con .sub-board-paging a{font-size:12px; width:20px; height:20px}
	.sub-board-con .sub-board-paging a.cur:after{width:16px; bottom:-6px; height:1px}
	.sub-board-con .sub-board-paging a .double-icon{width:13px; height:12px}
	

	/* 뷰페이지 */
	/* 뷰페이지 :: 상단 */
	.case-view-top .view-top-tit{font-size:31px}
	.case-view-top .view-top-sub{font-size:16px}
	.case-view-top .view-top-info{margin-top:15px}
	.case-view-top .view-top-info dl dt{font-size:13px; width:120px; padding:10px 0}
	.case-view-top .view-top-info dl dd{font-size:14px; padding-left:10px; width:calc(100% - 130px); margin-top:6px}
	/* 뷰페이지 :: 하단 내용 */
	.case-view-con{margin-top:25px; padding-top:20px}
	.case-view-con .view-con-sec{margin-bottom:35px}
	.case-view-con .view-con-sec .view-sec-tit{font-size:25px; margin-bottom:10px}
	.case-view-con .view-con-sec .view-sec-txt{font-size:15px}
	.case-view-con .view-con-sec .view-sec-txt span{margin-bottom:15px}
	.case-view-con .view-con-sec .view-sec-txt .view-img{margin-top:60px}
	.case-view-con .view-con-sec .who-sec-txt .view-sec-txt-logo{max-width:300px; }
	.case-view-con .view-con-sec .who-sec-txt .view-sec-txt-logo img{width:90%}
}
@media all and (max-width:480px){		
	/* 리스트 :: 항목 */
	.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner{display:block; padding-left:0; margin-top:7px; width:100%}
	.case-view-con .view-con-sec .who-sec-txt{display:block;}
	.case-view-con .view-con-sec .who-sec-txt .view-sec-txt-logo{max-width:100%; margin:0 auto; }
}

/* ========================================================
 * Community
======================================================== */
/* ****************** Community :: Open Source Community ********************** */
@media all and (max-width:800px){		
	.community-con .reddit-bt-txt{margin:40px 0 35px}
	.community-con .reddit-bt-txt span{font-size:16px; margin-bottom:15px}
	.community-con .reddit-bt-txt span br{display:none}
}



/* ========================================================
 * Company
======================================================== */
/* ****************** Company :: Partners ********************** */
@media all and (max-width:800px){		
	/* 탭 */
	.blue-tab-container .blue-tab-style ul li{width:150px}
	.blue-tab-container .blue-tab-style ul li a{font-size:14px; padding-bottom:10px}
	.blue-tab-container .blue-tab-wrapper{margin-top:45px}
	/* Partners :: Partners */
	/* 상단 */
	.left-txt .sub-cm-tit-sub{margin-top:10px}
	/* 파란배경 배너 */
	.partners-blue-banner{margin:25px 0 35px; padding:25px 0 30px}
	.partners-blue-banner .icon{width:55px}
	.partners-blue-banner .txt{padding-left:10px; width:calc(100% - 65px)}
	.partners-blue-banner .txt b{font-size:24px;}
	.partners-blue-banner .txt em{font-size:15px}
	/* 로고 리스트 */
	.partners-sec{margin-bottom:50px}
	.partners-sec-top .tit{font-size:31px; }
	.partners-sec-top .txt{font-size:16px; margin-top:10px}
	.partners-sec-top .txt br{display:none}
	.partners-logo-list{margin-top:35px}
	.partners-logo-list li .logo-inner{height:140px}
}
@media all and (max-width:480px){	
	/* 로고 리스트 */
	.partners-logo-list li{width:50%}
	.partners-logo-list li .logo-inner{height:110px}
	.partners-logo-list li:nth-child(n+4) .logo-inner{border-bottom:0}
	.partners-logo-list li:nth-child(n+5) .logo-inner{border-bottom:1px solid #d8e2e7}
}

/* ****************** Company :: about ********************** */
@media all and (max-width:1024px){		
	/* about :: altibase */
	/* 박스 4개 */
	.altibase-box{margin:50px -0.75% -1.5%}
	.altibase-box li{width:48.5%; margin:0 0.75% 1.5%}

	/* about :: our mission */
	/* our mission 리스트 */
	.our-mission-con .our-mission-list li .mission-list-inner .mission-tit{font-size:41px}
	.our-mission-con .our-mission-list li .mission-list-inner .mission-txt{font-size:18px}
}
@media all and (max-width:800px){		
	/* about :: altibase */
	.about-altibase{margin-bottom:60px}
	/* 박스 4개 */
	.about-mission{margin-bottom:60px}
	.altibase-box{margin:25px -0.75% -1.5%}
	.altibase-box li .box-inner{padding:30px 0}
	.altibase-box li .box-inner .tit{font-size:17px}
	.altibase-box li .box-inner .txt{font-size:23px; margin-top:15px; min-height:70px}
	.altibase-box li .box-inner .txt span{padding:0 10px}
	.altibase-box li .box-inner .txt span br{display:none}
	/* 텍스트 */
	.altibase-cm-txt.sub-cm-txt{margin-top:30px}
	.altibase-cm-txt.sub-cm-txt span{font-size:16px}
	.altibase-check-txt{margin-top:25px}
	.altibase-check-txt li{}
	.altibase-check-txt li p{font-size:15px; padding:15px 12px}
	.altibase-check-txt li p br{display:none}
	.altibase-check-txt li p span{padding-left:20px}
	/* about :: our mission */
	.long-bg{height:200px}
	/* our mission 리스트 */
	.our-mission-con{padding:70px 0 80px}
	.our-mission-con .our-mission-list{margin-top:50px}
	.our-mission-con .our-mission-list li{float:none; width:100%; margin-bottom:40px}
	.our-mission-con .our-mission-list li:last-child{margin-bottom:0}
	.our-mission-con .our-mission-list li .mission-list-inner .mission-tit{font-size:30px; min-height:auto}
	.our-mission-con .our-mission-list li .mission-list-inner .mission-txt{font-size:15px; margin-top:10px}
	/* 파란배경 ceo인사말 */
	.ceo-speak{padding:55px 0 50px}
	.ceo-speak p{font-size:15px; }
	.ceo-speak p span{margin-bottom:10px}
	.ceo-speak p span br{display:none}
	.ceo-speak p .ceo-name{padding-top:25px; font-size:17px;}
	.ceo-speak p .ceo-name em{font-size:15px}
	/* about :: history */
	.sub-board-con .bbs-top-list-box{margin-top: 30px;}
	.history-con .history-list li .history-year .inner{padding:15px 0 15px 20px}
	.history-con .history-list li .history-year .year{font-size:30px}
	.history-con .history-list li .history-year .open-txt b{font-size:12px; margin-right:5px}
	.history-con .history-list li .history-year .open-txt .arrow{width:60px}
	.history-con .history-list li .history-year .open-txt .arrow i{font-size:25px; line-height:60px}
	.history-con .history-list li .history-inner .inner{padding:20px 25px}
	.history-con .history-list li .history-inner p{font-size:15px; padding-left:20px}
	.history-con .history-list li .history-inner p .sub-history-txt em{font-size:14px; padding-left:20px}
}
@media all and (max-width:480px){		
	/* about :: altibase */
	/* 박스 4개 */
	.altibase-box li .box-inner .txt{font-size:20px}
}

/* ****************** Company :: Testimonials ********************** */
@media all and (max-width:800px){		
	.testimonials-list .check-box-txt li .check-box-inner p{font-size:16px}	
}

/* ****************** Company :: Contact ********************** */
@media all and (max-width:1366px){	
	/* detail 박스 */
	/* detail 박스 :: 왼쪽 */
	.contact-info-con .lf-con .detail-list{padding-left:8%; width:calc(87% - 160px)}
}
@media all and (max-width:1024px){		
	/* detail 박스 */
	.contact-info-con .contact-info-inner{display:block; padding:0}
	.contact-info-con .contact-info-inner > div{display:block; width:100%; padding:30px 0}
	.contact-info-con .contact-info-inner > div:first-child{border-right:0; border-bottom:2px solid #222}
	/* detail 박스 :: 왼쪽 */
	.contact-info-con .lf-con .detail-con{padding-left:50px}
	
	/* 260309 유지보수 */
	.contact-address-list{padding-left: 50px;}
}
@media all and (max-width:960px){		
	/* color 박스 */
	.contact-color-box .color-box li{width:49%; margin:0 0.5% 1%}

}
@media all and (max-width:800px){		
	/* 상단 */
	.contact-top-sub{margin-top:15px}
	.contact-top-sub .txt, .contact-top-sub .logo{display:block; margin:0}
	.contact-top-sub .txt{width:100%; padding-right:0; font-size:16px}
	.contact-top-sub .logo{width:auto; margin-top:15px}
	.contact-top-sub .logo img{height:60px}

	/* detail 박스 */
	.contact-info-con{margin-top:35px}
	.contact-info-con .contact-info-inner > div{padding:25px 0}
	/* detail 박스 :: 왼쪽 */
	.contact-info-con .lf-con .detail-con{padding-left:20px}
	.contact-info-con .lf-con .detail-tit{font-size:17px; width:125px}
	.contact-info-con .lf-con .detail-list{width:calc(90% - 125px); padding:0 5%}
	.contact-info-con .lf-con .detail-list p{font-size:15px}
	.contact-info-con .lf-con .detail-list p span{margin:5px 0}
	.contact-info-con .lf-con .detail-list p span em{font-size:14px}
	/* detail 박스 :: 오른쪽 */
	.contact-info-con .rt-con .mail-con li .icon img{height:60px}
	.contact-info-con .rt-con .mail-con li .tit{font-size:18px; margin-top:10px}
	.contact-info-con .rt-con .mail-con li a{font-size:16px; margin-top:5px}

	.contact-info-con .mail-con li .tit{height: auto;}
	
	/* 260309 유지보수 */
	.contact-address-list{padding-left: 20px;}
	.contact-address-list li + li{margin-top: 20px;}
	.contact-address-list li .tit{font-size: 18px; line-height: 1.8;}
	.contact-address-list li .txt{padding-left: 20px; font-size: 16px; line-height: 1.55;}
	.contact-address-list li .txt i{top: 4px;}

	/* color 박스 */
	.contact-color-box{margin-top:30px}
	.contact-color-box .color-box li .inner{padding:30px 0 25px}
	.contact-color-box .color-box li .inner .icon img{height:60px}
	.contact-color-box .color-box li .inner .tit{font-size:20px; margin-top:15px}
	.contact-color-box .color-box li .inner .txt{font-size:14px; margin-top:10px}
	
	/* inquiry 폼 */
	.contact-inquiry-form .features-con-06{padding:65px 0 0}
	.contact-inquiry-form .features-con-tit{font-size:37px}
	.contact-inquiry-form .features-con-06 .request-form-con{margin:25px 0 0}
	.features-con-06 .request-form-con .request-form .four-item{margin:0}
	.features-con-06 .request-form-con .request-form .four-item .request-item{float:none; width:100%; margin:0 0 15px}
}
@media all and (max-width:480px){		
	/* detail 박스 */
	/* detail 박스 :: 왼쪽 */
	.contact-info-con .lf-con .detail-con{padding-left:0}
	.contact-info-con .lf-con .detail-tit, 
	.contact-info-con .lf-con .detail-list{display:block; margin:0}
	.contact-info-con .lf-con .detail-tit{width:100%}
	.contact-info-con .lf-con .detail-tit br{display:none;}
	.contact-info-con .lf-con .detail-list{padding:0; width:100%; margin-top:10px}
	/* detail 박스 :: 오른쪽 */
	.contact-info-con .lf-con .mail-con li, .contact-info-con .rt-con .mail-con li{float:none; width:100%}
	.contact-info-con .lf-con .mail-con li:last-child, .contact-info-con .rt-con .mail-con li:last-child{margin-top:30px}

	/* color 박스 */
	.contact-color-box .color-box li{float:none; width:100%; margin:0 0 1%}
}

/* ****************** Job Postiong ********************** */
@media (max-width: 1220px){
	.job-process-list li .icon-box:after{margin-top: -20px; right: -58%; font-size: 40px;}
}
@media (max-width: 1024px){
	.job-process-list ol li{width: calc(33.33% - 6.25em);}
	.job-process-list li .icon-box:after{right: -31%;}
}
@media (max-width: 800px){
	.job-tbl tbody th { padding: 0 10px;}
	.job-tbl tbody td { padding: 7px 10px;}
	.job-tbl th, .job-tbl td {font-size: 13px; line-height: 20px;}
	.job-tbl .long-txt-stl{padding: 10px;}
	.job-process-list{margin-bottom: 50px; font-size: 13px;}
	.job-process-list li .icon-box:after{margin-top: -15px; right: -35%; font-size: 30px;}
}
@media (max-width: 640px){
	.job-process-list ol{margin: 0 -1.5em;}
	.job-process-list ol li{width: calc(50% - 3em); margin: 1.5em;}
	.job-process-list li .icon-box:after{right: -15%;}
	.job-process-list li:nth-child(2n) .icon-box:after{content:none}
}
@media (max-width: 460px){
	.job-process-list li .icon-box:after{right: -25%;}
}

/* ****************** Job Postiong :: 팝업 ********************** */
@media (max-width: 800px){
	.job-support-pop{max-width: 100%; width: 90%; font-size: 13px;}
	.pop-top h5{font-size: 18px;}
	.pop-top p{font-size: 13px}
}