@charset "utf-8";
@import url("reset.css");
@import url("fonts.css");

html, body { 
    height:100%; 
    font-family: 'Noto Sans KR', sans-serif;
    /*
    font-family: 'NanumSquare';
    font-family: 'Titillium Web';
    font-family: 'Oswald';
    font-family: 'Roboto', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'Mont-HeavyDEMO';
    */
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    background: #fff;
}

/* 모바일에서 스크롤 보이기 */
::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 12px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }
/* */

/* 모달 팝업 */
.modal-content { background: white; color: #333;}

/* 공통 */
.hidden-sm { display: block;}
.visible-lg { display: none;}
.visible-sm { display: none;}
.visible-xs { display: none;}
.inline { display: inline-block; width: auto !important;}
.imp-txt { color: #b72026;}
.btn { background: #ab1616; font-size: 15px; font-weight: 500; outline: none !important; vertical-align: middle; margin: 0;}
.form-control-sm { height: 30px !important; line-height: 30px !important; border-radius: 0px !important;}
.btn-sm { height: 30px !important; line-height: 30px !important; padding-top: 0px; padding-bottom: 2px;}
img { vertical-align: middle;}
textarea, textarea.form-control { line-height: normal;}

/* style.css 수정 */
.container p { padding: 0 0 20px 0;}
input[type='radio'] + span, input[type='checkbox'] + span { vertical-align: text-bottom; border: 1px solid rgba(0, 0, 0, 0.3);}
input[type="radio"].default, input[type="checkbox"].default { opacity: 1; position: relative; pointer-events: inherit; height: 16px; width: 16px;  vertical-align: middle; margin-top: -3px; margin-right: 2px;}
label + label { margin-left: 10px;}

/* 상단메뉴 */
.navbar .navbar-nav > li > a { font-size: 16px; color: #999;}
.navbar-nav .dropdown-menu li a { font-size: 14px;}

/* main */
/*.rev_slider_wrapper .tp-caption {text-transform: uppercase;}*/
.rev_slider_wrapper .tp-caption.btn { padding-left: 50px !important; padding-right: 50px !important; font-size: 18px !important;}
.main .intro { height: auto; background: url(../images/main-intro-bg.jpg) 0px 165px no-repeat; padding-bottom: 100px;}
.main .intro .img-area { display: none;}
.main .intro .btit { width: 317px; background: #b62021; padding: 8px 18px; text-align: left; font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 40px;}
.main .intro .txt-b span { display: block; font-size: 60px; line-height: 70px; font-weight: bold; color: #292e64; /*text-transform: uppercase;*/ letter-spacing: -2px; font-family: 'Mont-HeavyDEMO'; font-style: italic;}
.main .intro .txt-b span.imp { color: #b62021;}
.main .intro .txt { font-size: 18px; color: #666; line-height: 30px; letter-spacing: -1.5px; margin-top: 30px;}
.main .partners { background:none; margin-top: -250px; padding-top: 70px;}
.main .partners h2 { color: #b62021; font-size: 45px; line-height: normal; font-weight: bold; /*text-transform: uppercase;*/ letter-spacing: -2px; font-family: 'Mont-HeavyDEMO';}
.main .partners .lead { font-size: 18px; color: #3b3b3b; line-height: 30px; letter-spacing: -1.5px; }
.main .partners .boxs { position: relative; min-height: 310px; text-align: center; margin-bottom: 30px; padding: 65px 0 60px;}
.main .partners .boxs.micro { background: #0089ca;}
.main .partners .boxs.aws { background: #009639;}
.main .partners .boxs.quest { background: #2449a4;}
.main .partners .boxs.f5 { background: #db1435;}
.main .partners .boxs.me { background: #f8e003;}
.main .partners .boxs.uni { background: #f89603;}
.main .partners .boxs p { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 18px; line-height: 23px; color: #fff; padding-bottom: 50px; }
.main .clients h2 { margin-bottom: 50px; text-align: center; font-size: 40px; font-weight: 900; color: #b62021;}
.main .clients div[class*="col-"] { padding: 10px; margin-bottom: 0px;}
.main .clients img { width: 100%; height: auto;}
footer { background: #b2b2bb; border-top: 4px solid #b62021;}
footer .logo-area { border-bottom: 1px solid rgba(255, 255, 255, .5);}
footer .logo-area > div { padding: 25px 0 20px;}
footer .sub-footer { color: #d9d9de;}
footer .sub-footer span { display: inline-block; color: #ffffff;}
footer .sub-footer .copyrights { color: #777777;}

/* 서브페이지 공통 */
/*.page-title-wrapper { height: 170px; padding-top: 100px; padding-bottom: 20px;}*/
.page-title-wrapper { height: 140px; padding-top: 75px; padding-bottom: 15px;}
.page-title-wrapper .sub-visual-area .tit { height: 50px; line-height: 50px; border: 1px solid #fff; border-bottom: none; text-align: center; font-size: 16px; font-weight: 300;}
.page-title-wrapper.co { background: url(../images/sub-visual-bg01.jpg) no-repeat;}
.page-title-wrapper.bu { background: url(../images/sub-visual-bg02.jpg) no-repeat;}
.page-title-wrapper.ct { background: url(../images/sub-visual-bg03.jpg) no-repeat;}
.sub.wrapper { padding-top: 16px; margin-bottom: 100px;}
.left-mu { display: none;}
.left-mu .sub-tit { border: 1px solid #b32118; border-top: none; padding-top: 7px; padding-bottom: 17px; margin-bottom: 15px; text-align: center; color: #b72026;}
.left-mu .sub-tit .txt-en { font-size: 13px; font-weight: 300; text-transform: uppercase;}
.left-mu .sub-tit .txt-ko { font-size: 22px; line-height: 22px; font-weight: 600; padding-top: 5px;}
.subcontents-section { position: relative; height: auto; overflow: hidden;}
.subcontents-section .cnt-tit {padding-top: 12px; padding-bottom: 20px; border-bottom: 1px solid #b32118; font-size: 26px; font-weight: 600; color: #b72026;}
.subcontents-section .cnt-area { padding-top: 55px; height: auto; overflow: hidden;}

/* table-type */
.tbl-area { margin-top: 10px;}

.tbl_type,.tbl_type4 th,.tbl_type4 td { border:0; color: #666;}
.tbl_type { width:100%; border:1px solid #16235f; border-left: none; border-right: none; font-size:15px;}
.tbl_type caption {display:none}
.tbl_type th { padding:15px 10px 15px 10px; border-top:1px solid #16235f; border-bottom:1px solid #16235f; background:#fff; font-size: 18px; color:#162852; font-weight:bold; text-align:center; vertical-align:middle; font-weight: bold;}
.tbl_type td { padding:12px 10px 12px 12px; border-top:1px solid #bcbec5; line-height:16px; vertical-align:top; text-align:center;}
.tbl_type td.subject { text-align: left;}
.tbl_type tbody tr, .tbl_type thead tr { border-left: none; border-right: none; border-bottom:1px solid #16235f;}
.tbl_type tbody tr.reply { background-color: #f5faff;}
.tbl_type td a { color: #666;}
.tbl_type td a:hover { color: #162852; text-decoration: underline;}

.tbl-type2 { font-size: 16px;}
.table>thead>tr>th, .table>tbody>tr>th { vertical-align: middle;}
.tbl-type2 tr:first-child th,
.tbl-type2 tr:first-child td  { border-top: 1px solid #1e1e1e;}
.tbl-type2 tr:last-child th,
.tbl-type2 tr:last-child td { border-bottom: 1px solid #ddd;}
.tbl-type2 tbody tr.subject { font-weight: 500; color: #333;}
.tbl-type2 tbody tr .cnts { min-height: 150px;}
.tbl-type2 tbody tr.subject th,
.tbl-type2 tbody tr.subject td  { border-bottom: 1px solid #1e1e1e;}

.page-navigation { margin-top: 20px; height: auto; overflow: hidden; text-align: center;}
.pagination { display: inline-block !important; }
.page-link { color: #999 !important;}
.page-link:hover { color: #333 !important;}
.page-item.active .page-link  { z-index: 1; background-color: #b72026; border-color: #b72026; color: #fff !important;}

/* 고객지원 - 상담문의 */
.subcontents-section .cnt-area .info-txt { font-size: 16px; color: #333;}
.subcontents-section .cnt-area .info-txt .txt02 { color: #b72026;}
.subcontents-section .cnt-area .terms-section { margin-top: 30px;}
.subcontents-section .cnt-area .terms-section textarea { line-height: 26px;}
.counsel .subcontents-section .cnt-area .tbl-area .info-txt { text-align: right; font-size: 14px; color: #666; padding: 10px 0;}

/* 고객지원 - 공지사항 */
.counsel .subcontents-section .cnt-area { padding-top: 15px;}

/* 회사소개 - 개요 */
.sub .cnt-section { padding-top: 60px; height: auto; overflow: hidden;}
.sub .sub-cnt-tit { text-align: center; letter-spacing: -1px;}
.sub .sub-cnt-tit .txt01 { padding-bottom:20px; margin-bottom: 20px; background: url(../images/sub-cnt-tit-bg.png) center bottom no-repeat;}
.sub.summary .sub-cnt-tit .txt01 { font-size: 36px; font-weight: 600; color:#292e64;}
.sub.summary .sub-cnt-tit .txt02 { font-size: 19px; font-weight: 400; color:#666;}
.sub.summary .cnt-section { background: url(../images/summary-cnt-bg.png) center 310px no-repeat;}
.sub .cicle-l { background: url(../images/cicle-l-bg.png) center center no-repeat !important; background-size: cover !important;}
.sub .cicle-s { background: url(../images/cicle-s-bg.png) center center no-repeat !important; background-size: cover !important;}
.sub.summary .cicle-l { width: 360px; height: 360px; padding-top: 90px;}
.sub.summary .cicle-l .txt { font-size: 26px; font-weight: 700; color: #000; padding-top: 30px;}
.sub.summary .cicle-s { width: 195px; height: 195px; padding-top: 50px; margin: 0 auto;}
.sub.summary .cicle-s .txt { font-size: 19px; padding-top: 10px;}
.sub.summary .cnt-section .btm .discs { background: url(../images/summary-cnt-bg-dot.png) center 97px no-repeat;}

/* 회사소개 - 파트너 */
.sub.partner .sub-cnt-tit .txt01 { font-size: 42px; color:#171717; /*text-transform: uppercase;*/ font-family: 'Mont-HeavyDEMO';}
.sub.partner .sub-cnt-tit .txt02 { font-size: 19px; font-weight: 400; color:#666;}
.sub.partner .discs .disc:after { background: none !important;}
.sub.partner .discs .disc .text { text-align: center;}
.sub.partner .discs .disc .text img { width: 50%;}
.sub.partner .discs .disc .text h5 { font-size: 13px; line-height: 22px; font-weight: 500; color: #606060; padding: 1.2em;}

/* 회사소개 - 주요고객 */
.sub.customer .cnt-area div[class*="col-"] { padding-left: 5px; padding-right: 5px;}
.sub.customer .boxs { position: relative; border: 1px solid #acacac; margin-bottom: 30px; }
.sub.customer .boxs img { width: 100%;}

/* 회사소개 - 오시는길 */
.sub.location .map-area { margin-bottom: 50px;}
.sub.location .tit img { margin-top: -3px; margin-right: 8px;}
.sub.location .location-area,
.sub.location .location-area .address-area { margin-bottom: 25px;}
.sub.location .location-area,
.sub.location .transportation-area .tit { font-size: 15px; color: #666; letter-spacing: -.5px; margin-bottom: 20px;}
.sub.location .location-area .telfax-area div:first-child { margin-bottom: 25px;}
.sub.location .location-area .telfax-area span { color: #000; font-weight: bold;}
.sub.location .location-area .telfax-area img { margin-right: 8px;}
.sub.location .location-area .address { font-size: 30px; font-weight: 600; color: #333; letter-spacing: -1px; }
.sub.location .transportation-area .type { font-size: 16px; font-weight: 400; color: #606060; padding: 5px;}
.sub.location .transportation-area .type .subway,
.sub.location .transportation-area .type .bus { display: inline-block; padding: 2px 10px; border-radius: 20px; background: #3103fd; font-size: 12px; font-weight: bold; color: #fff;}
.sub.location .transportation-area .type .subway.line2 { background: #0cf005; }
.sub.location .transportation-area .type .subway.line4 { background: #2490e7; }
.sub.location .transportation-area .type .subway.line1 { background: #370066; }
.sub.location .transportation-area .type .getoff { font-weight: 600; color: #606060;}

/* 사업영역 */
.sub.business .title-area { height: 135px; line-height: 135px; vertical-align: middle; text-align: center; background: #f2f2f2; margin-bottom: 50px;}
.sub.business .sub-cnt-tit { margin-bottom: 70px;}
.sub.business .sub-cnt-tit .txt01 { font-size: 22px; font-weight: 600; color:#333333; text-transform: uppercase;}
.sub.business .sub-cnt-tit .txt02 { font-size: 19px; font-weight: 400; color:#666;}
.sub.business .img-area { background: #efefef; border: 1px solid #d7d7d7;}
.sub.business .img-area img { width: 100%;}
.sub.business .listbox-area { color: #333; text-align: left;}
.sub.business .listbox-area h5 { padding: 25px 0; font-size: 22px; font-weight: 600; text-align: left;}
.sub.business .listbox-area p  { font-size: 15.5px; text-align: left; letter-spacing: -1px;}
.sub.business .listbox-area div[class*="col-"] { margin-bottom: 90px; cursor: pointer;}

/* ===== Cross Browsing ================================================= */
/* IE 9+10 속성 */
@media screen and (min-width:0\0) and (min-width: 768px) {
    label.custom-select span { top: 0.7px; padding-top: 7.5px;}
    .rev_slider_wrapper .tp-caption img { width: auto !important; height: auto !important;}
}

/* ===== media queries ================================================= */
/* 미디어쿼리 */
@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
    /* 가로형 서브메뉴로 변경 */
    .mega-menu ul.dropdown-menu { position: fixed; min-width: 100vw !important; margin-left: 0 !important; text-align: right; background: rgba(0, 0, 0, 0.8);}
    .mega-menu ul.dropdown-menu .wrap { margin: 0 auto; height: auto; overflow: hidden;}
    .navbar-nav .dropdown-menu li { display: inline-block;}
    .mega-menu ul.dropdown-menu .wrap { width: 970px;}
    /* -- */
    .navbar:not(.center):not(.extended) .navbar-nav { padding-right: 10px;}
    .navbar .navbar-nav > li:first-child  > a { padding-top: 28px; padding-bottom: 0;}
    .navbar.banner--stick .navbar-nav > li:first-child  > a { padding-top: 17px; }
    .navbar .navbar-nav > li > a .btn-home { text-transform: uppercase; display: inline-block; line-height: 16px; background: #b72026; color: #fff; padding: 8px 20px; border-radius: 30px;}
    .left-mu { display: block; /*padding-left: 0; padding-right: 0;*/}
    .left-mu li a { display: block; padding-top: 13px; padding-bottom: 13px; padding-left: 15px; font-size: 15px; line-height: 15px; border-bottom:1px solid #efefef;}
    .left-mu li a { color: #333; font-weight: 600;}
    .left-mu li a:hover,
    .left-mu li.active a { color: #b72026;background: #efefef;}
    .subcontents-section { padding-right: 0; }
    .sub.partner .discs .disc { position: relative; width: 122%;}
}

@media (min-width: 1200px) {
    .mega-menu ul.dropdown-menu .wrap { width: 1170px;}
    .main .intro .img-area { display: block;}
    .visible-lg { display: block;}
}
@media (min-width: 1600px) {
    .main .partners { background: url(../images/main-partners-bg.png) 100% 0px no-repeat; }
}
@media (max-width: 991px) {
    .navbar .dropdown-menu li a, .navbar .dropdown-menu li a::before { content: "ㆍ";}
    .hidden-sm { display: none;}
    .visible-sm { display: block;}
    .sub.summary .cnt-section div[class*="col-"] .discs { background: none;}
}

/* mobile only */
@media (max-width: 767px) {
    .main .intro .txt-b span { font-size: 50px; line-height: 55px;}
    .main .clients div[class*="col-xs"]:nth-child(even) { clear: both;}
    .search-area select,
    .search-area input,
    .search-area .btn { width: 100% !important; margin-bottom: 2px;}
    .sub.summary .cnt-section { background-position-y: 236px;}
    .sub.summary .cicle-l { zoom: 70%;}
    .sub.partner .discs .disc { width: 100%;}
    .rev_slider_wrapper .tp-caption img { width: 300px !important; height: auto !important;}
}

@media (max-width: 576px) {
    .main .intro .txt-b span { font-size: 35px; line-height: 40px; }
    .tbl-type2 colgroup col { width:100% !important;}
	.tbl-type2 th, .tbl-type2 td { display:block !important;}
    .tbl-type2 td { border-top:0 !important; }
    .tbl-type2 tbody tr.subject th, .tbl-type2 tbody tr.subject td ,.tbl-type2 tr:last-child th { border-bottom:0 !important; }
    .sub.partner .discs .disc .text h5 { font-size: 1em; letter-spacing: -2px;}
}

@media (max-width: 360px) {
    .visible-xs { display: block;}
    .sub.business .title-area img { max-width: 245px; height: auto;}
}