/* BASIC css start */
#ct { font-size:14px; } 


/*================== Sub ==================*/
.page-container{position: relative; padding:0 0 30px;}
.page-container>.container{position: relative}
.page-hd{ position: relative;padding:30px 20px;background-position: 50% 50%;background-size: cover;text-align: center}
.page-hd-bg{margin-bottom: 120px}
.page-hd h2, .page-hd>.h2{font:800 3em/1.2 'Jost','NanumSquare',sans-serif !important;text-transform: uppercase}
.page-hd h2+p{margin-top: .556em}
.page-hd .page-hd-tit{font-size: 1em;font-weight: 400;}
.page-hd .page-hd-tit .h2{font:800 3em/1.2 'Jost','NanumSquare',sans-serif;text-transform: uppercase;display: block;}
.page-hd .page-hd-tit .h2+span{margin-top: .556em;display: block;}


/* navs */
.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } 
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: inherit}
.nav-pills{max-width: 600px;padding: 1.2em .5em;text-align: center;background-color: #f9f9f9;border-radius: 2rem;border: 0;font-size: .875em;flex-wrap: wrap;}
.nav-pills .nav-item{position: relative;flex: 1;line-height: 1.1;letter-spacing: -.05em;white-space: nowrap}
.nav-pills .nav-item h2{font-size:1.111rem;font-weight: 400;}
.nav-pills .nav-item a{color: #666;}
.nav-pills:not(.nav-pills-step) .nav-item::after{content: ""; position: absolute; top:50%; right:0; width: 2px; height: 14px; transform: translateY(-50%); background-color:#E5E5E5;}
.nav-pills .nav-item:last-child:after{content: none}
.nav-pills .nav-link{padding: 1.2em .5em;margin: -1.2em 0;background: none !important;border-radius: 0;border: 0}
.nav-pills .nav-link:hover, .nav-pills .active{color:inherit!important; font-weight:700; }


#faqWrap .pd10 {margin:10px 0;}
#faqWrap .search-wrap {background-color: #eaeaea; padding:10px;}
#faqWrap .search-wrap .item-search {margin-bottom:10px;}
#faqWrap .search-wrap .item-search select {width: 30%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap {width: 40%; display: inline-block;}
#faqWrap .search-wrap .item-search .wrap input {width:99%;}
#faqWrap .search-wrap .item-search .btn_Red {width:24%; display: inline-block; margin-left: 8px;}
#faqWrap .keywords {zoom:1; position:relative; overflow:hidden;}
#faqWrap .search-wrap .keywords h5 {font-weight:bold; margin-bottom:5px;}
#faqWrap .search-wrap .keywords li {float:left; margin-right:10px;}
#faqWrap .search-wrap .keywords li a {color:#707070;}
#faqWrap .faq-menu {border-top:2px solid #464646; text-align: center; padding-top:10px;}
#faqWrap .faq-menu a {display: block; width: 33.3%; float: left; border-left: 1px solid #d6d6d6; margin-bottom: 10px; margin-left: -1px;}
#faqWrap #faqTable {width:100%; border-top:1px solid #464646;}
#faqWrap #faqTable tr {border-bottom:1px solid #bebebe;}
#faqWrap #faqTable tr th, #faqWrap #faqTable tr td {padding:10px;}
#faqWrap #faqTable tr.slide-hide td, #faqWrap #faqTable tr.slide-show td {background-color: #eaeaea !important;}
#faqWrap #faqTable tr td .q {margin-bottom: 10px; background-color: #1e85dc; color:#fff; padding: 0 3px; margin-right: 10px;}
#faqWrap #faqTable tr td .a {background-color: #f30733; color:#fff; padding: 0 3px; margin-right: 10px;}


/* Pagination */
.pagination { flex-wrap: wrap; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; justify-content: center; align-items: center; margin-top: 3.333em; text-align:center; } 
.page-link{ display: inline-block; width:2.2em; height:2.2em; padding: 0; border:0;border-radius:9em;background: none; font-size:1.2rem; line-height:2.2;text-align: center; color: #666;box-shadow: none !important;vertical-align: top}
.page-link:hover{background: none; color:var(--main-color); border-color: #dee2e6;}
.page-link.active{background:var(--main-color);color:#fff;font-weight: 700}
.page-link.prev, .page-link.next,.page-link.first, .page-link.last{ width:2em;color: transparent;text-indent: -9999em;background-repeat: no-repeat;background-size: auto .7em;background-position:50% 50%}
.page-link.prev{background-image: url(/design/ahngookthc/img/img/page-prev.svg);margin-right:.6em}
.page-link.next{background-image: url(/design/ahngookthc/img/img/page-next.svg);margin-left:.6em}
.page-link.first{background-image: url(/design/ahngookthc/img/img/page-first.svg);}
.page-link.last{background-image: url(/design/ahngookthc/img/img/page-last.svg);}
 
/* BASIC css end */