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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-cm-tab-wrapper{position:relative; height:60px; margin-bottom:15px;}
.sub-tab-cm-style ul{margin-right:-4px}
.sub-tab-cm-style ul li{float:left; position:relative; width:20%; position:relative; margin-left:-1px;  background-color:#fff;}
.sub-tab-cm-style ul li:first-child{margin-left:0}
.sub-tab-cm-style ul li a{display:table; height:60px; width:100%; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.sub-tab-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-cm-style ul li.selected{z-index:1; }
.sub-tab-cm-style ul li.selected a{background-color:#333; border-color:#333}
.sub-tab-cm-style ul li.selected a em{color:#fff; }
.sub-tab-cm-style .cm-tab-m-btn{display:none}
/* Tab Fixed Move*/
.sub-tab-cm-style.fixed{position:fixed; top:0px; left:0; width:100%; height:60px;}
/* Tab Contents ( 임시 ) */
.sub-cm-tab-con{padding:30px; border:1px solid #ddd; min-height:200px; background-color:#f2f2f2; margin-top:20px;}

/* -------- 공통 :: BUTTON -------- */
.cm-button-style11{position: relative; display: inline-block; z-index: 0; text-align: center; overflow: hidden; color: #fff; border: 2px solid #fff; transition:all 0.3s; box-sizing:border-box}
.cm-button-style11::before{content: ""; position: relative; z-index: -1; background-color: #ee6d31; width: 200%; height: 150%; opacity: 0; position: absolute; left: -50%; bottom: 0; transform-origin: left bottom; transform: rotate(-90deg) translateZ(0); will-change: transform, opacity; transition-property: transform, opacity; transition-duration: .6s; transition-timing-function: cubic-bezier(.01,-.24, 0, .68);}

@media all and (min-width:801px){
	.cm-button-style11:hover{color: #fff; border-color: #ee6d31;}
	.cm-button-style11:hover::before{transform: rotate(0deg) translateZ(0); opacity: 1; transition-duration: .2s;}
}



/* ========================================================
 *  Product
======================================================== */
/* ******************  Product :: 공통 ********************** */
/* 텍스트 */
.sub-cm-tit{font-weight:700; font-size:56px; letter-spacing:-0.25px; color:#222; line-height:1.2}
.sub-cm-tit.center{text-align:center}
.sub-cm-tit.big{font-size:72px}
.sub-cm-txt span{display:block; font-weight:400; font-size:20px; color:#222; line-height:1.5; letter-spacing:0; word-break:keep-all; margin-bottom:30px}
.sub-cm-txt span:last-child{margin-bottom:0}
.sub-cm-sub{font-weight:400; font-size:24px; letter-spacing:0; color:#222; line-height:1.33; word-break:keep-all; text-align:center}
.sub-cm-tit-sub{text-align:center; font-weight:400; font-size:22px; letter-spacing:0; color:#222; line-height:1.5; word-break:keep-all}

/* 체크아이콘 텍스트 회색박스 */
.gray-check-box{background-color:#f5f6f7; padding:35px 30px}
.gray-check-box p{position:relative; font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.5; word-break:keep-all; margin-bottom:10px; padding-left:26px}
.gray-check-box p:last-child{margin-bottom:0}
.gray-check-box p:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; font-size:18px; top:1px; left:0}
.gray-check-box p .blue-txt{color:#004282}

/* 상단 아이콘 추가 체크박스 */
.consulting-icon-con{display: flex; flex-wrap: wrap; margin: -5px;}
.top-icon-data-box{width: calc(20% - 10px); margin: 5px; padding: 50px 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.top-icon-data-box .icon-box{display: block; margin: auto; width: 89px; height: 89px; text-align: center;}
.top-icon-data-box .icon-box img{max-width: 100%;}
.top-icon-data-box .blue-cm-tit{margin: 20px 0; text-align: center; font-size: 28px; font-weight: 600; letter-spacing: -0.25px;}
.top-icon-data-box p.top-icon-txt{text-align: center; padding-left: 0; font-size: 18px; font-weight: 400; color: #222; letter-spacing: 0.25px; line-height: 1.66;}
.top-icon-data-box p.top-icon-txt:before{display: none;}

/* ******************  Product :: Altibase Enterprise DB ********************** */
/* 컨텐츠 01 :: 체크아이콘 텍스트 박스 */
.enterprise-con-01{margin-top:40px}
.check-box-txt{}
.check-box-txt li{border:1px solid #cfdbe2; border-left:5px solid #004282; display:table; width:100%; min-height:90px; margin-bottom:9px}
.check-box-txt li:last-child{margin-bottom:0}
.check-box-txt li .check-box-inner{display:table-cell; vertical-align:middle; padding:15px 22px}
.check-box-txt li .check-box-inner p{position:relative; font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.3; word-break:keep-all; padding-left:22px}
.check-box-txt li .check-box-inner p:before{position:absolute; display:inline-block;  content: "\e929"; font-family: xeicon; font-size:20px; color:#004282; top:0; left:0}
.check-box-txt li .check-box-inner p .blue-link{position:relative; display:inline-block; color:#004282}
.check-box-txt li .check-box-inner p .blue-link:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:1px; left:0}

.blue-link{position:relative; display:inline-block; color:#004282}
.blue-link:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:1px; left:0}


/* 컨텐츠 02 */
.enterprise-con-02{margin-top:60px}
/* 컨텐츠 03 */
.enterprise-con-03{margin:60px 0}

/* ******************  Product :: Features ********************** */
/* 컨텐츠 01 */
/* 컨텐츠 01 :: 상단타이틀*/
.features-con-01{position:relative; padding:155px 0 150px}
.features-con-01 .features-01-tit .sub-cm-tit{font-size:72px}
.features-con-01 .features-01-tit .sub-cm-sub{margin-top:35px}

/* 컨텐츠 01 :: 컨텐츠 박스 */
.features-con-01 .altibase-list{margin-top:135px}
.features-con-01 .altibase-list li{float:left; width:33.333%; text-align:center}
.features-con-01 .altibase-list li .list-inner{padding:0 5%}
.features-con-01 .altibase-list li .list-inner .altibase-icon{}
.features-con-01 .altibase-list li .list-inner .altibase-icon img{}
.features-con-01 .altibase-list li .list-inner .altibase-tit{display:block; font-weight:700; font-size:55px; letter-spacing:-0.5px; color:#004282; margin-top:50px}
.features-con-01 .altibase-list li .list-inner .altibase-txt{font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.4; margin-top:15px}
/* 컨텐츠 02 */
/* 컨텐츠 02 :: 탭 */
.features-tab-mb{display:none}
.features-tab{border-top:3px solid #222; border-bottom:1px solid #cfdbe2; background-color:#fff}
.features-tab .features-tab-inner{padding:0 50px; max-width:1300px; margin:0 auto}
.features-tab .features-tab-inner li{position:relative; display:inline-block; margin:0 -2px; padding:0 24px; text-align:center}
.features-tab .features-tab-inner li a{display:table; width:100%; height:78px}
.features-tab .features-tab-inner li a span{display:table-cell; vertical-align:middle; font-weight:600; font-size:18px; letter-spacing:0; color:#222; line-height:1.3; word-break:keep-all}
.features-tab .features-tab-inner li.selected a span{color:#004282;/* font-weight:900*/font-weight:700}
.features-tab .features-tab-inner li:before {content:""; position:absolute; left:0; bottom:-4px; width:0; left:50%; height:4px; background-color:#004282; transition:all 0.5s; z-index:10;}
.features-tab .features-tab-inner li.selected:before{width:100%; left:0;}
.features-tab.fixed{position:fixed; top:0; width:100%; z-index:99}

/* 컨텐츠 02 :: 컨텐츠 내용 */
.features-02-sec{padding:110px 0}
.features-02-sec.blue-bg{background-color:#f0f3f5}
.features-02-sec .features-02-inner{position:relative}
.features-02-sec .features-02-txt{word-break:keep-all}
.features-02-sec .features-02-txt.lf-txt{display:inline-block; margin:0 -1px; vertical-align:middle; /*padding-right:13%;*/padding-right:4%; width:53%}
.features-02-sec .features-02-txt.rt-txt{float:right; width:50%; padding-left:16%}
.features-02-sec .features-02-txt .tit{font-weight:700; font-size:62px; letter-spacing:-0.5px; color:#222; line-height:1}
.features-02-sec .features-02-txt .sub-txt{font-weight:600; font-size:26px; letter-spacing:0; color:#222; line-height:1.23; padding-bottom:40px; display:block}
.features-02-sec .features-02-txt .txt-con{margin-top:45px}
.features-02-sec .features-02-txt .txt-con dt{font-weight:700; font-size:24px; color:#004282; letter-spacing:0; line-height:1.25}
.features-02-sec .features-02-txt .txt-con dd{margin-top:10px}
.features-02-sec .features-02-txt .txt-con dd p{position:relative; font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.5; padding-left:22px}
.features-02-sec .features-02-txt .txt-con dd p:before{position:absolute; display:inline-block;  content: "\e929"; font-family: xeicon; font-size:20px; color:#004282; top:0; left:0}
.features-02-sec .features-02-txt .double-txt-con{margin:70px -2% 0}
.features-02-sec .features-02-txt .double-txt-con .txt-con{float:left; width:46%; margin:0 2%}
.features-02-sec .features-02-img{/*width:34%*/width:43%; text-align:right}
.features-02-sec .features-02-img.lf-img{position:absolute; left:0; top:50%; transform:translateY(-50%)}
.features-02-sec .features-02-img.rt-img{display:inline-block; margin:0 -1px; vertical-align:middle}
.features-02-sec .features-02-img img{max-width:100%}

/* 컨텐츠 02 :: 컨텐츠 내용 :: highly available */
.wide-sec.features-02-sec{text-align:center}
.wide-sec.features-02-sec .features-02-txt .tit{font-size:60px}
.wide-sec.features-02-sec .features-02-txt .sub-txt{margin-top:15px}
.wide-sec.features-02-sec .features-02-img{width:100%;}
.wide-sec.features-02-sec .features-02-txt.bt-txt{max-width:1200px; margin:70px auto 0}
.wide-sec.features-02-sec .features-02-txt .double-txt-con{text-align:left;}
.wide-sec.features-02-sec .features-02-txt .double-txt-con .txt-con{position:relative; box-sizing:border-box}
.wide-sec.features-02-sec .features-02-txt .double-txt-con .txt-con:first-child:after{position:absolute; content:""; width:1px; height:100%; right:0; margin-right:-4%; top:0; background-color:#cfdbe2}
.wide-sec.features-02-sec .features-02-txt .double-txt-con .txt-con dd p{margin-bottom:10px}
.wide-sec.features-02-sec .features-02-txt .double-txt-con .txt-con dd p:last-child{margin-bottom:0}

/* 컨텐츠 02 :: 컨텐츠 내용 :: open platform*/
.open-platform{position:relative; padding-top:140px}
.open-platform .tit{text-align:center; font-weight:700; font-size:56px; letter-spacing:-0.5px; color:#222; line-height:1.2; z-index:9}
.open-platform .open-platform-list{padding:150px 0 110px}
.open-platform .open-platform-list li{position:relative; float:left; width:20%; text-align:center; }
.open-platform .open-platform-list li span{display:block; padding:0 10px}
.open-platform .open-platform-list li span img{max-width:100%}


/* 컨텐츠 03 :: ALTIBASE */
.features-con-tit{font-weight:700; font-size:56px; letter-spacing:-0.25px; line-height:1.14; color:#fff; word-break:keep-all}
.features-con-tit.bk{color:#222}
.features-con-sub{font-weight:400; font-size:26px; color:#222; line-height:1.23; word-break:keep-all}
.features-con-sub.wh{color:#fff}
.features-con-03{background-color:#004282; text-align:center; padding:95px 0 80px}
.features-con-03 .features-con-tit span{color:#b2c0cf; display:block}
.features-con-03 .sub-wh-btn{width:220px; height:80px;  line-height:78px; margin:23px auto 0;}

.sub-wh-btn.cm-button-style11{padding:0 30px; text-align:left;}
.sub-wh-btn.cm-button-style11::before{background-color:#fff}
.sub-wh-btn.cm-button-style11:hover{color:#004282; border-color:#004282}
.sub-wh-btn.cm-button-style11 span{float:left; font-size:19px;}
.sub-wh-btn.cm-button-style11 i{float:right; font-size:24px; line-height:74px;}


/* 컨텐츠 04 :: TESTIMONIALS */
.features-con-04{text-align:center; padding:115px 0 130px; position:relative}
.features-con-04 .testimonials-slide-con{word-break:keep-all}
.features-con-04 .testimonials-slide-con .testimonials-slide{margin-top:85px}
.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-txt{font-weight:400; font-size:24px; letter-spacing:0; color:#222; line-height:1.58; }
.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-bt-txt{margin-top:87px}
.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-bt-txt strong{display:block; font-weight:400; font-size:26px; letter-spacing:0; color:#222;}
.features-con-04 .testimonials-slide-con .testimonials-slide .testimonials-bt-txt span{display:block; font-weight:400; font-size:16px; letter-spacing:0; color:rgba(34,34,34,0.5); line-height:1.5; margin-top:5px}
.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow{position:absolute; top:50%; font-size:60px; color:#aeb3b5; margin-top:-120px}
.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-prev{left:-90px}
.features-con-04 .testimonials-slide-con .testimonials-slide .slick-arrow.slick-next{right:-90px}
.bg-line{}
.bg-line span{position:absolute; width:1px; height:100%; background-color:#d8e2e7; top:0; z-index:-1}

/* 컨텐츠 05 :: TRY ALTIBASE */
.features-con-05{text-align:center; background-color:#6bc0d4; padding:120px 0 105px}
.features-con-05 .features-con-sub{margin-top:15px}
.features-con-05 .sub-wh-btn{width:315px; height:80px;  line-height:78px; margin:30px auto 0;}
.features-con-05 .sub-wh-btn.cm-button-style11:hover{color:#6bc0d4; border-color:#6bc0d4}

/* 컨텐츠 06 :: REQUEST */
.features-con-06{position:relative; text-align:center; padding:130px 0 70px}
.features-con-06 .request-form-con{max-width:1140px; margin:90px auto 0}
.features-con-06 .request-form-con .request-form{text-align:left}
.features-con-06 .request-form-con .request-form .request-item{margin-top:20px}
.features-con-06 .request-form-con .request-form .request-item dt,
.features-con-06 .request-form-con .request-form .request-item dd:not(.editor-write){font-weight:400; font-size:22px; letter-spacing:0; color:#222}
.features-con-06 .request-form-con .request-form .request-item dt{margin-bottom:20px}
.features-con-06 .request-form-con .request-form .request-item dt .essential{color:#1d65a6; display:inline-block; margin-left:6px}
.features-con-06 .request-form-con .request-form .request-item dd input,
.features-con-06 .request-form-con .request-form .request-item dd textarea,
.features-con-06 .request-form-con .request-form .request-item dd select{width:100%; border:2px solid #222; font-size:15px; color:#222;}
.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:60px; padding:0 10px}
.features-con-06 .request-form-con .request-form .request-item dd textarea{height:285px; padding:15px 10px}
.features-con-06 .request-form-con .request-form .triple-item{margin:0 -0.5%}
.features-con-06 .request-form-con .request-form .triple-item .request-item{float:left; width:32.333%; margin:0 0.5%}
.features-con-06 .sub-wh-btn.cm-button-style11{background-color:#004282; width:190px; height:80px; line-height:78px; margin-top:50px; border-color:#004282}


/* 컨텐츠 추가 :: 컨텐츠 내용 :: altibase new features */
.new-features-content .features-02-inner {max-width: 1424px;}
.new-features-content .features-tab .features-tab-inner {padding: 0;}
.new-features-content .features-tab .features-tab-inner li {padding: 0 25px !important;}
.features-content .release-link-btn {width: 220px; height: 80px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; border: 2px solid #004282; padding: 0 25px; margin: 45px auto 0 auto; transition: all 0.3s; background-color: #fff;}
.features-content .release-link-btn > em {font-size: 19px; font-weight: 700; line-height: 1.2em; color: #004282; transition: all 0.3s;}
.features-content .release-link-btn i {color: #004282; font-size: 24px; transition: all 0.3s;}
.features-content .release-link-btn:hover {background-color: #004282;}
.features-content .release-link-btn:hover em {color: #fff;}
.features-content .release-link-btn:hover i {color: #fff;}
.features-content .feature-schema-con {padding-top: 70px;}
.features-content .feature-schema-con .features-02-txt {text-align: initial;}
.features-content .feature-schema-con .schema-img {margin-top: 47px;}
.features-content .feature-schema-con .schema-img img {max-width: 100%;}
.features-content .feature-schema-con .schema-img.flexBox {display: flex;}
.features-content .feature-schema-con .schema-img-txt {display: flex; align-items: center; justify-content: center; width: 98.871%; font-size: 16px; font-weight: 400; line-height: 1.5em; color: #fff; background-color: #969fa8; border-radius: 3px; height: 45px; margin-top: 6px; margin-left: 5px; box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.2); padding: 10px; box-sizing: border-box;}
.consulting-icon-con.marginTop {margin-top: 47px;}
.top-icon-data-box.leftAlign {padding: 50px 30px;}
.top-icon-data-box.leftAlign .blue-cm-tit {word-break: break-all; font-weight: 700;}
.top-icon-data-box.leftAlign p.top-icon-txt {text-align: left;}
.top-icon-data-box.leftAlign p.top-icon-txt.hypen {position: relative; display: block; padding-left: 10px;}
.top-icon-data-box.leftAlign p.top-icon-txt.hypen::before {display: block; position: absolute; left: 0; top: 13px; width: 5px; height: 1px; font-size: 18px; background-color: #222; content: "";}
.top-icon-data-box .icon-box {width: 90px; height: 90px;}

/* ******************  Product :: Comparison ********************** */
.comparison-sec{margin-bottom:110px}
.comparison-sec:last-child{margin-bottom:0}

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

/* 컨텐츠 02 :: Comparison by Cost */
.comparison-con-02{}
.comparison-con-02 .comparison-table{margin-top:35px}
.comparison-tbl{width:100%}
.comparison-tbl tr th,
.comparison-tbl tr td{line-height:1.4; word-break:keep-all; text-align:center; padding:20px 5px}
.comparison-tbl tr th{font-weight:700; font-size:22px; color:#fff; background-color:#004282}
.comparison-tbl tr td{font-weight:400; font-size:20px; letter-spacing:0; color:#222; border-bottom:1px solid #cfdbe2; border-right:1px solid #cfdbe2}
.comparison-tbl tr td:first-child{font-weight:600; color:#004282; letter-spacing:-0.25px; border-right:2px solid #004282}
.comparison-tbl tr td:last-child{border-right:0}
.comparison-tbl tr td span{display:block; font-size:18px; line-height:1.33}

/* 컨텐츠 03 :: Comparison by Performance */
.comparison-con-03{}
.comparison-con-03 .sub-cm-txt{margin-top:60px}
.comparison-con-03 .comparison-table{margin-top:40px}
.comparison-con-03 .comparison-tbl tr th{background-color:#6bc0d4}
.comparison-con-03 .comparison-tbl tr td:first-child{color:#222; border-color:#6bc0d4}
.comparison-tbl tr td .img img{max-width:100%; width:100%}


/* ========================================================
 * Learn
======================================================== */
/* ******************  Learn :: 공통 ********************** */
/* 상단 타이틀 */
.page-tit-con{text-align:center; word-break:keep-all; margin-bottom:50px}
.page-tit-con .page-tit{font-weight:700; font-size:60px; letter-spacing:-0.5px; color:#222}
.page-tit-con .page-sub-txt{font-weight:600; font-size:26px; letter-spacing:0; color:#222; line-height:1.33; margin-top:20px}
.page-tit-con .page-sub-txt.small{font-size:24px}
.page-tit-con .page-sub-txt a{position:relative; display:inline-block; color:#004282} 
.page-tit-con .page-sub-txt a:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:2px; left:0}
.page-tit-con .page-sub-txt-2{display:block; font-weight:400; font-size:20px; letter-spacing:0; color:rgba(34,34,34,0.7); line-height:1.5; margin-top:5px}

/* ******************  Learn :: Resource ********************** */
/* -------------- Download --------------- */
/* 다운로드 */
.download-file{margin-bottom:60px;}
.download-file .download-file-list{}
.download-file .download-file-list li{float:left; width:50%; border:1px solid #222; border-right:0; box-sizing:border-box; display:table; height:100px; transition:all 0.3s}
.download-file .download-file-list li:last-child{border-right:1px solid #222}
.download-file .download-file-list li a{display:table-cell; vertical-align:middle; padding:0 35px; word-break:keep-all}
.download-file .download-file-list li a strong{font-weight:400; font-size:18px; letter-spacing:0; color:#222; line-height:1.4; transition:all 0.3s}
.download-file .download-file-list li a i{color:#004282; margin-left:10px; font-size:20px; vertical-align:middle}
@media all and (min-width:801px){		
	.download-file .download-file-list li:hover{box-shadow:5px 5px 9px 1px rgba(0,0,0,0.1);}
	.download-file .download-file-list li:hover a strong{color:#004282}
}

/* 텍스트 박스 컨텐츠 */
.download-con-sec{margin-bottom:60px}
.download-con-sec:last-child{margin-bottom:0}
.download-con .blue-cm-tit.long-tit{line-height:1.16}
.download-con .blue-tit-sub{display:block; font-weight:400; font-size:18px; letter-spacing:0; color:#222; line-height:1.4; word-break:keep-all; margin:15px 0 20px}
.download-con .blue-tit-sub a{display:inline-block; color:#004282; position:relative; }
.download-con .blue-tit-sub a:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:1px; left:0}

/* -------------- Manuals --------------- */
.page-sec{margin-bottom:60px}
.page-sec:last-child{margin-bottom:0}
.blue-cm-tit{font-weight:700; font-size:36px; letter-spacing:-0.25px; color:#004282; line-height:1.3; word-break:keep-all}
.blue-box-con{font-weight:400; background-color:#f0f3f5; padding:25px 30px; font-size:20px; letter-spacing:0; color:#222; line-height:1.5; word-break:keep-all; margin-top:10px}
.blue-box-con .link-blue{position:relative; display:inline-block; color:#004282}
.blue-box-con .link-blue:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:1px; left:0}
.link-txt{font-size:20px; letter-spacing:0; color:#222; line-height:1.5; word-break:keep-all; display:inline-block;}
.link-txt i{display:inline-block; color:#004282; margin-left:6px; vertical-align:middle}
/* bluebox안에 체크리스트 */
.front-check-txt{position:relative; padding-left:22px}
.front-check-txt + .front-check-txt{margin-top: 15px;}
.front-check-txt:before{position:absolute; display:inline-block;  content: "\e929"; font-family: xeicon; font-size:20px; color:#004282; top:0; left:0}

/* 링크리스트 */
.link-txt-list-con{border-top:3px solid #222; margin-top:10px}
.link-txt-list-con .link-txt-list{float:left; width:50%}
.link-txt-list-con .link-txt-list li{border-bottom:1px solid #cfdbe2; display:table; width:100%; height:70px}
.link-txt-list-con .link-txt-list:last-child li{border-left:1px solid #cfdbe2;}
.link-txt-list-con .link-txt-list li .link-inner{display:table-cell; vertical-align:middle; padding-right:1%}
.link-txt-list-con .link-txt-list:last-child li .link-inner{padding-left:30px}
.list-one.link-txt-list-con .link-txt-list{float:none; width:100%}
.list-one.link-txt-list-con .link-txt-list li{border-left:0;}
.list-one.link-txt-list-con .link-txt-list li .link-inner{padding-left:0}

/* -------------- Release Notes --------------- */
.release-notes-con{}
.release-notes-con .notes-tbl{width:100%}
.release-notes-con .notes-tbl tr th,
.release-notes-con .notes-tbl tr td{height:70px; text-align:left; padding-left:30px;}
.release-notes-con .notes-tbl tr th{background-color:#004282; font-weight:600; font-size:24px; letter-spacing:-0.25px; color:#fff }
.release-notes-con .notes-tbl tr th:last-child{background-color:#6bc0d4}
.release-notes-con .notes-tbl tr td{border-bottom:1px solid #cfdbe2; font-weight:400; font-size:20px; letter-spacing:0; color:#222}
.release-notes-con .notes-tbl tr td:first-child{border-right:1px solid #cfdbe2}

/* -------------- Online Training --------------- */
.yutube-con{}
.yutube-con .yutube-sec{margin-bottom:80px}
.yutube-con .yutube-sec:last-child{margin-bottom:0}
.yutube-con .yutube-sec .yutube-sec-tit{text-align:center; font-size:26px; letter-spacing:-0.25px; color:#fff; padding:24px 0 22px}
.yutube-con .yutube-sec .yutube-list{}
.yutube-con .yutube-sec .yutube-list li{display:table; width:100%; min-height:70px}
.yutube-con .yutube-sec .yutube-list li > div{display:table-cell; vertical-align:middle; border-bottom:1px solid #cfdbe2; box-sizing:border-box; width:50%; text-align:center}
.yutube-con .yutube-sec .yutube-list li .yutube-tit{border-right:1px solid #cfdbe2; font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.4; word-break:keep-all}
.yutube-con .yutube-sec .yutube-list li .yutube-tit a{color: #222;}
.yutube-con .yutube-sec .yutube-list li .yutube-link a{display:inline-block; width:40px; height:29px; background:url("/images/content/yutube_icon.png") no-repeat; background-size:cover !important}
.yutube-con .yutube-sec .yutube-list li .yutube-tit:nth-child(2){border-right: 0;}

/* 팝업 */
#videoPop {margin:70px auto 30px; max-width:1000px; width:95%}
#videoPop .modal-close-btn{top:0; margin-top:-50px; right:0; text-align:center}
#videoPop .modal-close-btn i{font-size:32px; }
#videoPop .video-pop-inner{background:#fff}
#videoPop .video-pop-inner .video-wrap{position:relative; display:block; padding-top:56%}
#videoPop .video-pop-inner .video-wrap iframe{position:absolute; top:0; left:0; width:100%; height:100%}


/* ******************  Learn :: Service ********************** */
/* -------------- Subscription Support --------------- */
.blue-banner{display:block; text-align:center; background-color:#73a2c0; font-weight:400; font-size:20px; color:#fff; letter-spacing:0; line-height:1.5; word-break:keep-all; margin-top:10px; padding:25px 10px}
.blue-banner a{display:inline-block; font-weight:700; color:#fff; position:relative}
.blue-banner a:after{position:absolute; content:""; width:100%; height:1px; background-color:#fff; left:0; bottom:3px}

/* -------------- Consulting --------------- */
.consulting-check-sec{margin-bottom:60px}
.consulting-check-sec:last-child{margin-bottom:0}
.consulting-check-sec .gray-check-box{margin-top:20px}

/* -------------- Training --------------- */
.trainig-service-con{text-align:center}
.trainig-service-con .blue-box-con span{display:block; margin-bottom:35px}
.trainig-service-con .blue-box-con span:last-child{margin-bottom:0}

/* -------------- Certification --------------- */
.training-con-03 .blue-cm-tit{text-align:center; font-size:44px; letter-spacing:-2.3px}
.training-con-03 .certification-test-img{display:block; margin:60px 0 40px}
.training-con-03 .certification-test-img img{max-width:100%;}
.training-con-03 .blue-banner{background-color:#f0f3f5; color:#222}
.training-con-03 .blue-banner a{color:#004282}
.training-con-03 .blue-banner a:after{background-color:#004282}

/* ******************  Learn :: Case Studies ********************** */
/* 리스트 */
/* 리스트 :: 상단 검색바 */
.sub-board-con .bbs-top-list-box{margin-bottom:10px}
.sub-board-con .total-list-con{font-size:20px; color:#222}
.sub-board-con .total-list-con b{color:#1d65a6; font-weight:700; margin-left:10px}
.sub-board-con .bbs-top-list-box .board-search-box{width:500px}
.sub-board-con .board-search-box .search-subject-select, 
.sub-board-con .board-search-box .search-word{border:0; font-size:20px; color:#222; letter-spacing:0}
.sub-board-con .board-search-box .search-subject-select{position:relative; cursor:pointer; width:195px; margin-right:5px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; background: url("../images/icon/gray_arrow_icon.jpg") no-repeat 95% 50%; }
.sub-board-con .board-search-box .search-subject-select::-ms-expand { display: none; }
.sub-board-con .board-search-box .search-word{width:260px}
.sub-board-con .board-search-box .search-word::placeholder{opacity:0.5}
.sub-board-con .board-search-box .bbs-search-btn{background-color:transparent}
.sub-board-con .board-search-box .bbs-search-btn i{color:#222; font-size:25px}
/* 리스트 :: 항목 */
.sub-board-list{border-top:3px solid #222; display:block; position:relative;}
.sub-board-list .bbs-item{border-bottom:1px solid #cfdbe2; padding:36px 0; transition:all 0.3s}
.sub-board-list .bbs-item .bbs-list-info-con{word-break:keep-all}
.sub-board-list .bbs-item .bbs-list-info-con .board-list-tit{display:block; font-size:30px; letter-spacing:-0.25px; color:#004282; line-height:1.2}
.sub-board-list .bbs-item .bbs-list-info-con .board-list-tit strong{font-family: 'Josefin Sans', sans-serif; font-weight:700; display:inline-block; vertical-align:middle; margin-right:10px; max-width:calc(100% - 53px)}
.sub-board-list .bbs-item .bbs-list-info-con .board-list-tit i{vertical-align:middle}
.sub-board-list .bbs-item .bbs-list-info-con .board-list-sub{font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.5; margin-top:5px}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con{margin-top:17px}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case{display:inline-block; margin:0 -1px; vertical-align:top; width:85px; border:2px solid #474747; font-weight:600; font-size:16px; letter-spacing:0; color:#222; text-align:center; padding:9px 0; box-sizing:border-box; margin-top:-4px}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner{display:inline-block; margin:0 -1px; vertical-align:top; width:calc(100% - 100px); padding-left:15px}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner .case-tit{font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.5; margin-right:30px; display:inline-block; max-width:calc(100% - 170px); vertical-align:middle}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner .read-case-link{position:relative; font-weight:600; font-size:15px; letter-spacing:0; color:#004282; display:inline-block;}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner .read-case-link:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:0; left:0}
.sub-board-list .bbs-item .bbs-list-info-con .board-case-con .use-case-inner .read-case-link i{vertical-align:inherit; margin-left:5px}
@media all and ( min-width: 801px ){	
	.sub-board-list .bbs-item:hover{box-shadow:8px 5px 12px 0px rgba(0,0,0,0.1)}
}
/* 리스트 :: 페이징 */
.sub-board-con .sub-board-paging{width:100%; text-align:center; margin-top:70px;}
.sub-board-con .sub-board-paging a{position:relative; display:inline-block; vertical-align:middle; width:30px; height:30px; text-align:center; font-size:14px; line-height:30px; color:#222; letter-spacing:-0.25px; font-weight:700}
.sub-board-con .sub-board-paging a.cur{}
.sub-board-con .sub-board-paging a.cur:after{position:absolute; content:""; width:25px; height:2px; background-color:#222; bottom:0; left:50%; transform:translateX(-50%)}
.sub-board-con .sub-board-paging a.sub-board-paging-arrow{line-height:27px;}
.sub-board-con .sub-board-paging i{vertical-align:middle; color:inherit; }
.sub-board-con .sub-board-paging a.paging-arrow{width:25px}
.sub-board-con .sub-board-paging a .double-icon{display:inline-block; width:15px; height:14px; background:url("/images/icon/double_arrow_icon.jpg") no-repeat; background-size:cover !important; vertical-align:middle}
.sub-board-con .sub-board-paging a .double-icon.first{transform:rotate(180deg)}


/* 뷰페이지 */
/* 뷰페이지 :: 상단 */
.case-view-top{word-break:keep-all}
.case-view-top .view-top-tit{font-weight:700; font-size:56px; letter-spacing:-0.25px; color:#222; line-height:1.2; }
.case-view-top .view-top-sub{font-weight:400; font-size:22px; letter-spacing:0; color:#222; line-height:1.45; margin-top:10px}
.case-view-top .view-top-info{margin-top:25px}
.case-view-top .view-top-info dl{margin-bottom:5px}
.case-view-top .view-top-info dl dt{float:left; width:155px; background-color:#004282; text-align:center; color:#fff; font-weight:600; font-size:16px; letter-spacing:0; padding:12px 0}
.case-view-top .view-top-info dl dd{float:left; width:calc(100% - 170px); padding-left:15px; font-weight:400; font-size:18px; letter-spacing:0; color:#222; line-height:1.5; margin-top:8px}
/* 뷰페이지 :: 하단 내용 */
.case-view-con{border-top:3px solid #222; margin-top:50px; padding-top:40px}
.case-view-con .view-con-sec{word-break:keep-all; margin-bottom:70px}
.case-view-con .view-con-sec .view-sec-tit{font-family: 'Josefin Sans', sans-serif; font-weight:700; font-size:40px; letter-spacing:-0.25px; color:#004282; line-height:1.2; margin-bottom:15px}
.case-view-con .view-con-sec .view-sec-txt{font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.6;}
.case-view-con .view-con-sec .view-sec-txt span{display:block; margin-bottom:30px}
.case-view-con .view-con-sec .view-sec-txt .view-img{text-align:center; margin-top:120px}
.case-view-con .view-con-sec .view-sec-txt .view-img img{max-width:100%}
.case-view-con .view-con-sec .who-sec-txt{display:flex;}
.case-view-con .view-con-sec .who-sec-txt .view-sec-txt-logo{display:flex; margin-left:3%; border:1px solid #d2d2d2; display:flex; align-items:center; justify-content:center;}

/* News 뷰 */
.news-view-top .view-top-tit{margin-bottom:0.5em}
.news-view-con{border-top:1px solid #cfdbe2; border-bottom:1px solid #cfdbe2; padding-bottom:40px}
/* ========================================================
 * Community
======================================================== */
/* ****************** Community :: Open Source Community ********************** */
.community-con .reddit-img{display:block}
.community-con .reddit-img img{max-width:100%}
.community-con .reddit-bt-txt{text-align:center; margin:80px 0 70px}
.community-con .reddit-bt-txt span{display:block; font-weight:400; font-size:22px; letter-spacing:0; color:#222; line-height:1.36; word-break:keep-all; margin-bottom:30px}


/* ========================================================
 * Company
======================================================== */
/* ****************** Company :: Partners********************** */
/* ---------------- Partners ------------------ */
/* 탭 */
.blue-tab-container .blue-tab-style{text-align:center; margin-top:-85px}
.blue-tab-container .blue-tab-style ul li{display:inline-block; width:198px; margin:0 -2px;}
.blue-tab-container .blue-tab-style ul li a{display:block; padding-bottom:20px; border-bottom:3px solid #e9ebec; font-weight:700; font-size:18px; letter-spacing:0; color:#888}
.blue-tab-container .blue-tab-style ul li.selected a{color:#1d65a6; border-color:#1d65a6}
.blue-tab-container .blue-tab-wrapper{/* margin-top:90px */}

/* Partners :: Partners */
/* 상단 */
.left-txt .sub-cm-tit-sub{text-align:left; margin-top:20px}
/* 파란배경 배너 */
.partners-blue-banner{background-color:#004282; margin:50px 0 70px; padding:50px 0 55px}
.partners-blue-banner .icon,
.partners-blue-banner .txt{display:inline-block; margin:0 -1px; vertical-align:middle}
.partners-blue-banner .icon{width:78px}
.partners-blue-banner .icon img{max-width:100%}
.partners-blue-banner .txt{width:calc(100% - 108px); padding-left:30px; word-break:keep-all}
.partners-blue-banner .txt b{display:block; font-weight:700; font-size:38px; letter-spacing:-0.25px; color:#fff; line-height:1.25}
.partners-blue-banner .txt em{display:block; font-weight:400; font-size:20px; letter-spacing:0; color:#fff; line-height:1.5}
.partners-blue-banner .txt em a{position:relative; display:inline-block; font-weight:600; color:#fff}
.partners-blue-banner .txt em a:after{position:absolute; content:""; width:100%; height:1px; background-color:#fff; bottom:3px; left:0}
.partners-blue-banner .txt em a i{margin-left:5px}
/* 로고 리스트 */
.partners-sec{text-align:center; margin-bottom:100px}
.partners-sec:last-child{margin-bottom:0}
.partners-sec-top{word-break:keep-all}
.partners-sec-top .tit{font-weight:700; font-size:58px; letter-spacing:-0.25px; color:#004282; line-height:1.13;}
.partners-sec-top .txt{font-weight:400; font-size:22px; letter-spacing:0; color:#222; line-height:1.36; margin-top:20px}
.partners-logo-list{margin-top:70px}
.partners-logo-list li{float:left; width:33.333%}
.partners-logo-list li .logo-inner{position:relative; width:100%; height:240px; text-align:center; border:1px solid #d8e2e7; border-bottom:0; border-right:0}
.partners-logo-list li:nth-child(n+4) .logo-inner{border-bottom:1px solid #d8e2e7; }
.partners-logo-list li .logo-inner span{position:absolute; top:0; left:0; width:100%; height:100%}
.partners-logo-list li .logo-inner span img{position:absolute; top:0; left:0%; right:0px; bottom:0px; max-height:160px; margin:auto; max-width:100%;}

/* ****************** Company :: about********************** */
/* -------- about :: altibase -------- */
.about-altibase{margin-bottom:125px}
/* 박스 4개 */
.altibase-box{margin:50px -0.75% 0}
.altibase-box li{float:left; width:23.5%; margin:0 0.75%}
.altibase-box li .box-inner{border:1px solid #c7d5dd; border-top:7px solid #014382; text-align:center; font-family: 'Josefin Sans', sans-serif; word-break:keep-all; padding:40px 0 50px}
.altibase-box li .box-inner .tit{font-weight:700; font-size:24px; letter-spacing:-0.5px;}
.altibase-box li .box-inner .txt{font-weight:700; font-size:36px; letter-spacing:-0.5px; color:#222; line-height:1; display:table; width:100%; min-height:110px; margin-top:30px}
.altibase-box li .box-inner .txt span{display:table-cell; vertical-align:middle}
/* 텍스트 */
.altibase-cm-txt.sub-cm-txt{margin-top:55px}
.altibase-cm-txt.sub-cm-txt span{font-size:22px;}
.altibase-check-txt{margin-top:50px}
.altibase-check-txt li{min-height:100px; display:table; width:100%}
.altibase-check-txt li:nth-child(2n-1){background-color:#f5f6f7;}
.altibase-check-txt li p{ font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.3; word-break:keep-all; display:table-cell; vertical-align:middle; padding:25px 22px; }
.altibase-check-txt li p span{position:relative; display:block; padding-left:24px}
.altibase-check-txt li p span:before{position:absolute; display:inline-block;  content: "\e929"; font-family: xeicon; left:0; top:-1px; color:#004282}

/* -------- about :: our mission -------- */
.long-bg{display:block; width:100%; height:351px; background:url("/images/content/about_bg.jpg") no-repeat 50% 0; background-size:cover !important}
/* our mission 리스트 */
.about-mission{margin-bottom:135px}
.our-mission-con{position:relative; padding:145px 0 175px}
.our-mission-con .our-mission-list{margin-top:120px}
.our-mission-con .our-mission-list li{float:left; width:33.333%; text-align:center}
.our-mission-con .our-mission-list li .mission-list-inner{word-break:keep-all}
.our-mission-con .our-mission-list li .mission-list-inner .mission-tit{font-weight:700; font-size:55px; letter-spacing:-0.25px; color:#004282; line-height:1; display:table; width:100%; min-height:100px}
.our-mission-con .our-mission-list li .mission-list-inner .mission-tit span{display:table-cell; vertical-align:middle}
.our-mission-con .our-mission-list li .mission-list-inner .mission-txt{font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.4; margin-top:20px}
/* 파란배경 ceo인사말 */
.ceo-speak{background-color:#004282; padding:115px 0 95px}
.ceo-speak p{font-weight:400; font-size:20px; letter-spacing:0; color:#fff; line-height:1.4; word-break:keep-all}
.ceo-speak p span{display:block; margin-bottom:25px}
.ceo-speak p .ceo-name{padding-top:50px; display:block; font-size:24px; font-weight:700}
.ceo-speak p .ceo-name em{display:block; opacity:0.7; font-size:20px; font-weight:400}

/* -------- about :: history -------- */
.sub-board-con .bbs-top-list-box{margin-top: 60px;}
.history-con .history-list{border-top:3px solid #222}
.history-con .history-list li{border-bottom:1px solid #d8e2e7}
.history-con .history-list li .history-year{cursor:pointer; position:relative}
.history-con .history-list li .history-year .inner{padding:25px 0 25px 50px}
.history-con .history-list li .history-year .year{font-weight:900; font-size:50px; letter-spacing:-0.25px; color:#222; transition:all 0.3s}
.history-con .history-list li .history-year .open-txt{position:absolute; right:0; top:0; height:100%}
.history-con .history-list li .history-year .open-txt b{font-weight:600; font-size:20px; letter-spacing:-0.25px; color:#a8b1b6; margin-right:24px; display:inline-block; vertical-align:super; transition:all 0.3s}
.history-con .history-list li .history-year .open-txt .arrow{display:inline-block; width:100px; height:100%; background-color:#f6f8f9; text-align:center; transition:all 0.3s}
.history-con .history-list li .history-year .open-txt .arrow i{font-size:35px; transform:rotate(90deg); line-height:100px; transition:color 0.3s}
.history-con .history-list li .history-inner{border-top:1px solid #d8e2e7; display:none}
.history-con .history-list li .history-inner .inner{padding:45px 50px}
.history-con .history-list li .history-inner p{position:relative; font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.5; word-break:keep-all; padding-left:25px; margin-bottom:7px}
.history-con .history-list li .history-inner p:last-child{margin-bottom:0}
.history-con .history-list li .history-inner p:before{position:absolute; display:inline-block;  content: "\e929"; font-family: xeicon; left:0; top:0; color:#004282}
.history-con .history-list li .history-inner p b{font-weight:400; color:#004282}
.history-con .history-list li .history-inner p .sub-history-txt{display:block; position:relative; margin:10px 0}
.history-con .history-list li .history-inner p .sub-history-txt em{position:relative; display:block; padding-left:25px; margin-bottom:5px; font-size:18px}
.history-con .history-list li .history-inner p .sub-history-txt em:before{position:absolute; display:inline-block;  content: "\e929"; font-family: xeicon; left:0; top:0; color:#004282}
.history-con .history-list li .history-year.active .year{color:#004282}
.history-con .history-list li .history-year.active .open-txt b{opacity:0}
.history-con .history-list li .history-year.active .open-txt .arrow{background-color:#004282}
.history-con .history-list li .history-year.active .open-txt .arrow i{color:#fff; transform:rotate(-90deg)}

/* ****************** Company :: Testimonials ********************** */
.testimonials-list{margin-top:20px}
.testimonials-list .check-box-txt li .check-box-inner p{padding-left:0; font-size:22px; line-height:1.36}
.testimonials-list .check-box-txt li .check-box-inner p:before{display:none}
.testimonials-list .check-box-txt li .check-box-inner p b{font-weight:600; color:#004282}

/* ****************** Company :: Contact ********************** */
.contact-top-sub{margin-top:30px}
.contact-top-sub .txt,
.contact-top-sub .logo{display:inline-block; vertical-align:middle; margin:0 -1px}
.contact-top-sub .txt{width:66%; font-weight:400; font-size:22px; letter-spacing:0; color:#222; line-height:1.36; word-break:keep-all; padding-right:10%}
.contact-top-sub .logo{width:24%}
.contact-top-sub .logo img{max-width:100%}

/* detail 박스 */
.contact-info-con{border-top:3px solid #222; border-bottom:3px solid #222; margin-top:70px}
.contact-info-con .contact-info-inner{padding:50px 0; display:table; width:100%}
.contact-info-con .contact-info-inner > div{display:table-cell; vertical-align:middle; width:50%; box-sizing:border-box}
.contact-info-con .contact-info-inner > div:first-child{border-right:2px solid #222}
/* detail 박스 :: 왼쪽 */
.contact-info-con .lf-con{}
.contact-info-con .lf-con .detail-con{}
.contact-info-con .lf-con .detail-tit,
.contact-info-con .lf-con .detail-list{display:inline-block; margin:0 -1px; vertical-align:middle; word-break:keep-all}
.contact-info-con .lf-con .detail-tit{width:160px; font-weight:700; font-size:24px; letter-spacing:0; color:#222; line-height:1.25}
.contact-info-con .lf-con .detail-list{width:calc(77.5% - 160px); padding-left:17.5%; padding-right:5%}
.contact-info-con .lf-con .detail-list p{position:relative; font-weight:400; font-size:20px; letter-spacing:0; color:#222; line-height:1.8; padding-left:25px}
.contact-info-con .lf-con .detail-list p:before{position:absolute; display:inline-block;  content: "\e92b"; font-family: xeicon; left:0; top:0}
.contact-info-con .lf-con .detail-list p span{display:block; margin:10px 0}
.contact-info-con .lf-con .detail-list p span em{position:relative; display:block; font-size:18px; line-height:1.55; padding-left:15px}
.contact-info-con .lf-con .detail-list p span em:before{position:absolute; content:""; width:4px; height:4px; background-color:#222; border-radius:50%; top:10px; left:0}
/* detail 박스 :: 오른쪽 */
.contact-info-con .rt-con{}
.contact-info-con .rt-con .mail-con{}
.contact-info-con .rt-con .mail-con li{float:left; width:50%; text-align:center}
.contact-info-con .rt-con .mail-con li .tit{display:block; font-weight:700; font-size:26px; letter-spacing:0; color:#222; line-height:1.3; word-break:keep-all; margin-top:30px}
.contact-info-con .rt-con .mail-con li a{position:relative; display:inline-block;margin-top:20px; font-weight:400; font-size:22px; letter-spacing:0; color:#004282}
.contact-info-con .rt-con .mail-con li a i{vertical-align:bottom}
.contact-info-con .rt-con .mail-con li a:after{position:absolute; content:""; width:100%; height:1px; background-color:#004282; bottom:0; left:0}

.contact-info-con .mail-con li .icon{display: block; position: relative; padding-top: 24%;}
.contact-info-con .mail-con li .icon img{position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%}
.contact-info-con .mail-con li .tit{height: 50px;}

/* 260309 유지보수 */
.contact-address-list{padding-left: 10%;}
.contact-address-list li + li{margin-top: 20px;}
.contact-address-list li .tit{font-weight: 700; font-size: 20px; letter-spacing: 0; color: #222; line-height: 1.8;}
.contact-address-list li .txt{position: relative; padding-left: 24px; font-size: 18px; line-height: 1.55; color: #222;}
.contact-address-list li .txt i{position: absolute; top: 4px; left: 0;}
.contact-address-list li .txt a{color:inherit;}

/* color 박스 */
.contact-color-box{margin-top:60px}
.contact-color-box .color-box{margin:0 -0.5%}
.contact-color-box .color-box li{float:left; width:24%; margin:0 0.5%; text-align:center; word-break:keep-all}
.contact-color-box .color-box li .inner{padding:60px 0 50px}
.contact-color-box .color-box li .inner .icon{}
.contact-color-box .color-box li .inner .icon img{max-width:100%}
.contact-color-box .color-box li .inner .tit{display:block; font-weight:700; color:#fff; line-height:1.06; letter-spacing:-0.5px; font-size:30px; margin-top:30px}
.contact-color-box .color-box li .inner .txt{font-weight:400; font-size:18px; letter-spacing:0; color:#fff; line-height:1.22; margin-top:20px}

/* inquiry 폼 */
.features-con-06 .request-form-con .request-form .four-item{margin:0 -0.5%}
.features-con-06 .request-form-con .request-form .four-item .request-item{float:left; width:24%; margin:0 0.5%}
.contact-inquiry-form .features-con-tit{font-size:62px}
.contact-inquiry-form .features-con-06{padding:130px 0 0}
.contact-inquiry-form .features-con-06 .request-form-con{max-width:none; margin:50px 0 0}

/* ========================================================
 * Member
======================================================== */
/* ****************** Member :: Select ********************** */
.member-select-con{height:100%; display:flex; height:400px; background-color:#fff; }
.member-select-con li{width:50%; height:100%; border-left:1px solid #cfdbe2}
.member-select-con li:first-child{border-left:0}
.member-select-con li a{font-size:30px; color:#000; text-align:center; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-weight:700; background-color:#fff; transition:all 0.3s}
.member-select-con li a:hover{background-color:#004282; color:#fff;}

/* ========================================================
 * Job Postiong
======================================================== */
.job-tbl { width: 100%; border-top: 1px solid #222; table-layout: fixed; word-break: keep-all}
.job-tbl tbody th {background-color: #f5f6f7; padding: 0 20px; text-align: left; font-weight: 500;}
.job-tbl th {font-size: 20px; letter-spacing: -0.5px; color: #222; border-bottom: 1px solid #ddd;}
.job-tbl tbody td {padding: 20px 20px;}
.job-tbl .long-txt-stl{line-height: 1.5; padding: 15px 20px;}
.job-tbl td {font-size: 20px; line-height: 32px; letter-spacing: -0.5px; color: #666; border-bottom: 1px solid #ddd;}
.blue-cm-tit{margin-bottom: 10px;}
.job-tbl tbody td p{position:relative; padding-left:10px;}
.job-tbl tbody td p:before { content: ""; position: absolute; width: 3px; height: 3px; top: 47%; transform: translateY(-50%); left: 0; background-color: rgba(185,185,185,0.7); }
.job-process-list{margin-bottom: 100px; font-size: 16px;}
.job-process-list ol{display: flex; flex-wrap: wrap; margin: -3.125em;}
.job-process-list ol li{width: calc(20% - 6.25em); margin: 3.125em; text-align: center;}
.job-process-list li .num{display: block; font-size: 1.875em; font-weight: 600; color: rgba(34,34,34,0.2);}
.job-process-list li .icon-box{position: relative; margin: 1em auto 2em;}
.job-process-list li .icon-box:after{content:"\e940"; font-family: 'xeicon'; position: absolute; top: 50%; margin-top: -29px; right: -41%; font-size: 58px; font-weight: 400; color: #222;}
.job-process-list li:last-child .icon-box:after{content:none}
.job-process-list li .icon-box img{max-width: 100%;}
.job-process-list li .txt{font-size: 1.5em; font-weight: 500; letter-spacing: -0.75px; color: #222;}
 
/* ========================================================
 * Job Postiong :: 팝업
======================================================== */
.job-support-pop{max-width: 600px; width: 100%; margin: auto; padding: 2.5em; background-color: #fff; font-size: 16px; box-sizing: border-box;}
.pop-top{position: relative; padding-bottom: 5px; color: #000;}
.pop-top h5{font-size: 26px; font-weight: 500; letter-spacing: -0.75px;}
.pop-top p{margin-top: 15px; font-size: 15px; font-weight: 400; letter-spacing: -0.75px; color: #666; line-height: 1.2;}
.pop-top .modal-close-btn{right: 0;}
.pop-top .modal-close-btn i{font-size: 1.625em; font-weight: 600; color: #000; letter-spacing: -0.65px;}