@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;700&family=Nanum+Myeongjo:wght@400;700&display=swap&family=Outfit:wght@400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
@font-face {
    font-family: 'Arita-dotum-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-dotum-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {font-size: 8px;}
*, *:before, *:after {padding: 0; margin: 0; box-sizing: border-box;}
body {font-family: 'Arita Dotum WF', 'Arita-dotum-Medium', 'Noto Sans KR', sans-serif; font-size: 1.5rem; line-height: 1.5; color: #222;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 3rem;}
h2 {font-size: 2.25rem;}
h3 {font-size: 1.8rem;}
h4 {font-size: 1.5rem;}
img {vertical-align: top;}
a {text-decoration: none; color: #222;}
.botton {border: 0; background-color: transparent;}


/* 공용클래스 */
.wrap {width: 96%; max-width:1800px; margin: auto;}
.wrap2 {width: 96%; max-width:870px; margin: auto;}
.clearfix:after {content: ''; display: block; clear: both;}
.blind {position: absolute; left: -9999em;}
.ltsp {letter-spacing: -1px;}
.center {text-align: center;}
.more-btn { display: block; border: 0.1rem solid #d0503e; width: 18rem; cursor: pointer; color: #d0503e; font-size: 1.6rem; padding: 1.2rem 4.8px; margin-top: 3rem;}
.btn {border: 0; background-color: transparent;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 해상도별 */
.mo-only, .tb-only, pc-only {display: none;}
.mo-tb-only, tb-pc-only {display: none;}

/* 글자 관련 */
.wh, .wh:hover, .wh a {color: #fff !important;}
.grey, .grey:hover, .grey a {color: #999 !important;}
.gr, .gr:hover, .gr a {color: #b1ee69 !important;}
.or, .or:hover, .or a {color: #E47E11 !important;}
.beg, .beg:hover, .beg a {color: #A38B78 !important;}
.upcase {text-transform: uppercase;}
.nm {font-family: 'Nanum Myeongjo','Batang', serif;}
.ar-dot {font-family: 'Arita-dotum-Medium','Batang', serif;}
.ar-bu {font-family: 'Arita-buri-SemiBold','Batang', serif;}
.of {font-family: 'Outfit', sans-serif;}



/* 헤더 영역 */
#ka-hd {position: fixed; left: 0; top: 0; width: 100%; overflow: hidden; background: url('../images/bg_headerline.png') left bottom repeat-x; z-index: 100;}
#ka-hd a:hover, #ka-hd a:focus {color: #aa252f !important;}
.ka-logo {float: left; width: 12rem; height: 7.2rem; margin-left: 1.4rem; background: url('../images/kaps_logo.png') center center no-repeat; background-size: contain;}
.ka-logo a {display: block; width: 100%; height: 100%;}
#ka-gnb {position: fixed; right: -120%; top: 7.2rem; width: 90%; min-width:300px; height: calc(100% - 7.2rem); background-color: #fff; overflow: auto; z-index: 100;}
#ka-gnb a {display: block;}
#ka-gnb ol {}
.depth1 {}
.depth1 a {padding-left: 1.5rem;}
.depth1 > a {line-height: 6rem; font-size: 2.2rem; font-weight: 500;}
.depth1 > a:before {/*메인메뉴 화살표*/ float: right; content: ''; display: block; width: 1.3rem; height: 1.3rem; margin: 2.35rem 2.35rem 0 0; border: 0.3rem solid #ccc; border-width: 0 0.3rem 0.3rem 0; transform: rotate(45deg); transition: 0.3s;}
.depth2 {display: none; padding: 1rem; background-color: #f6f6f6; font-size: 1.8rem; line-height: 4rem;}
.depth2 li {}
#ka-gnb .depth2 li a {color: #222;}
.depth1.active > a {/*메인메뉴 활성화*/ color: #aa252f;}
.depth1.active > a:after {transform: rotate(-135deg)}

.hd-menu {position: fixed; right: -120%; top: 0; width: 90%; height: 7.2rem; background-color: #aa252f; z-index: 100;}
.hd-menu > div {float: left;}
.hd-menu a {display: inline-block; color: #fff;}
.call-menu {margin-top: 1.6rem; font-size: 1.8rem;}
.call-menu a {position: relative; margin: 0 0.5rem; padding: 0 1.6rem; border: 0.1rem solid #fff; border-radius: 2rem; line-height: 3.8rem;}
.call-menu-icon {position: absolute; display: inline-block; content: ''; margin-top: 1rem; margin-right: 1rem; width: 3rem; height: 3rem; background-image: url(../images/icon_call.png);}
.spon-menu {margin-left: 1.5rem; padding-left: 1.5rem; margin-top: 2.1rem; background: url('../images/bg_headerline.png') left top repeat-y; line-height: 3rem; font-size: 2.4rem;}
.spon-menu a {padding: 0 0.8rem;}

.side-gnb-btn {position: fixed; right: 1.2rem; top: 2.1rem; width: 3rem; height: 3rem; z-index: 100;}
.side-gnb-btn span {position: absolute; left: 0; display: block; width: 100%; height: 0.25rem; background-color: #fff;}
.side-gnb-btn .line1 {top: 0.25rem; transition: top 0.3s 0.3s, transform 0.3s;}
.side-gnb-btn .line2 {top: 1.375rem; transition: 0.3s;}
.side-gnb-btn .line3 {top: 2.5rem; transition: top 0.3s 0.3s, transform 0.3s;}
.side-gnb-btn.close {}
.side-gnb-btn.close .line2 {opacity: 0;}
.side-gnb-btn.close .line1 {top: 1.375rem; transform: rotate(45deg); transition: top 0.3s, transform 0.3s 0.3s;}
.side-gnb-btn.close .line3 {top: 1.375rem; transform: rotate(-45deg); transition: top 0.3s, transform 0.3s 0.3s;}

/* 메인페이지 글자 색 */
.section-hgroup {color: #fff;}
.sec_hgroup3 {color: #000;}
.sec_hgroup4 {color: #d0503e;}
.sec_hgroup5 {color: #717c32}
.section-h2 > span { display: block;}
.section-h2 .sec1_cm2 { color: #aa252f;}

/*푸터 영역*/

#ka-ft {background-color: #222; padding: 6rem 0;}
#ka-ft .wrap {max-width: 1400px; margin: auto;}
.ft-nav-wrap {margin-bottom: 3rem; font-size: 1.4rem; font-weight: 500; line-height: 1;}
.ft-nav-wrap ul {margin-bottom: 1rem;}
.ft-nav-wrap ul li {float: left;}
.ft-nav-wrap ul li:after, .ft-info > dd:after {float: right; margin: 0.2rem 1rem; content: ''; display: block;  width: 0.1rem; height: 1.1rem; background-color: #fff; opacity: 0.25;}
.ft-nav-wrap ul li:last-child:after, .ft-info > dd:last-of-type:after, .ft-info > dd:nth-of-type(2):after {display: none;} 
.ft-nav2 a {margin-left: 1rem;}
.ft-info dt, .ft-info dd {float: left; line-height: 1; margin: 0 0 1.2rem;}
.ft-info dt:after {content: ':'; padding: 0 0.5rem;}
.copyright {margin-top: 1rem;}
#ka-main #main-footer {padding: 0;}
#ka-main #main-footer .fp-tableCell {padding: 0;}