/* @import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap'); */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* @import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@font-face{
	font-family:aven-b;
	src:local(※),
	url(./fonts/AvenirNextLTPro-Bold.woff)
	format('woff')
}

@font-face{
	font-family:aven-r;
	src:local(※),
	url(./fonts/AvenirNextLTPro-Regular.woff)
	format('woff')
}

@font-face {font-family: 'score-r'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'score-l'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'score-m'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'score-b'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'score-bb'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal;}


.cali-l{font-family: calibri, sans-serif; font-weight: 300; font-style: normal;}
.cali-r{font-family: calibri, sans-serif; font-weight: 400; font-style: normal;}
.cali-b{font-family: calibri, sans-serif; font-weight: 700; font-style: normal;}

.score-r{font-family: 'score-r' !important}
.score-l{font-family: 'score-l' !important}
.score-m{font-family: 'score-m' !important}
.score-b{font-family: 'score-b' !important}
.score-bb{font-family: 'score-bb' !important}

.aven-b{font-family: 'aven-b' !important}
.aven-r{font-family: 'aven-r' !important}

.noto{font-family: 'Noto Sans KR' !important}

/* body{font-family: 'Noto Sans KR', Roboto, 나눔고딕, 'Nanum Gothic', Nanumbarungothic,arial,verdana,sans-serif; line-height: 1.6; font-size: 14px; color: #333;} */
body{font-family: calibri, 'Noto Sans KR', '나눔고딕', 'Nanum Gothic', Nanumbarungothic,arial,verdana,sans-serif !important; color: #C60C30;}
.container-fluid{max-width: 1350px}

::-webkit-scrollbar {width: 10px; height: 5px;}
::-webkit-scrollbar-thumb {background: #C60C30;}

.fw-100{font-weight: 100 !important;}
.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

/* 공통 코드 */
ul{ padding-left: 0 !important; margin-bottom: 0 !important}
ul li{list-style: none;}
p {margin-bottom: 0; color:#333;}
a {text-decoration: none !important;}
a:focus {color:#1A3296;}
input[type="text"], textarea {outline: none; box-shadow:none !important; border:1px solid #ccc !important;}

@media (min-width: 1200px) {
	.container {max-width: 1350px;}
}

@media (min-width: 992px) {
	.text-outline{font-size: 19px; margin-bottom: 30px}
}

@media (min-width: 768px) {
	.g-mx-minus-30--md {
		margin-left: -2.14286rem;
		margin-right: -2.14286rem;
	}
}

.dont-break-out {overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
/*------------------------------------
  텍스트 스타일
------------------------------------*/

.text-title{font-family: aven-b; font-size: 25px;  line-height: 1.3; color: #333;}
.text-title-2{font-weight: 600; font-size: 20px;  line-height: 1.3; color: #4B00C3; margin-top: 10px;}
.text-sub-title{color: #000; font-family: poppins, sans-serif; font-weight: 700; font-style: normal; font-size: 28px; line-height: 1.3}

.text-60{font-size: 30px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-50{font-size: 50px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-40{font-size: 25px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-35{font-size: 24px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-30{font-size: 22px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-25{font-size: 19px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-23{font-size: 18px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-20{font-size: 18px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-19{font-size: 17px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-18{font-size: 16px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-17{font-size: 15px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-16{font-size: 16px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-15{font-size: 15px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-14{font-size: 14px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}
.text-13{font-size: 13px; line-height:1.3; -webkit-transition:all .3s; transition:all .3s;}

.dh_space{position:relative;}
.dh_space .text-15{margin-left:15px;}
.dh_space>div:nth-child(1):before{content:"(1)"; position:absolute; left:15px;}
.dh_space>div:nth-child(2):before{content:"(2)"; position:absolute; left:15px;}
.dh_space>div:nth-child(3):before{content:"(3)"; position:absolute; left:15px;}
.dh_space>div:nth-child(4):before{content:"(4)"; position:absolute; left:15px;}
.dh_space>div:nth-child(5):before{content:"(5)"; position:absolute; left:15px;}
.dh_space2{position:relative;}
.dh_space2 .text-15{margin-left:15px;}
.dh_space2>div:nth-child(1):before{content:"(1)"; position:absolute; left:15px;}
.dh_space2>div:nth-child(2):before{content:"(2)"; position:absolute; left:15px;}
.dh_space2>div:nth-child(3):before{content:"(3)"; position:absolute; left:15px;}
.dh_space2>div:nth-child(4):before{content:"(4)"; position:absolute; left:15px;}


@media (min-width: 768px){
	hr {margin-top: 2rem; margin-bottom: 2rem;}
	.text-title{font-size: 30px;}
	.text-title-2{font-size: 25px;}
	.text-sub-title{font-size: 43px;}
	.text-60{font-size: 40px;}
	.text-50{font-size: 50px;}
	.text-40{font-size: 32px;}
	.text-35{font-size: 28px;}
	.text-30{font-size: 25px;}
	.text-25{font-size: 23px;}
	.text-23{font-size: 20px;}
	.text-20{font-size: 17px;}
	.text-19{font-size: 19px;}
	.text-18{font-size: 17px;}
	.text-17{font-size: 16px;}
	.text-16{font-size: 16px;}
	.text-15{font-size: 15px;}
	.text-14{font-size: 14px;}
	.text-13{font-size: 13px;}
}

@media (min-width: 992px){
	hr {margin-top: 2rem; margin-bottom: 2rem;}
	.text-title{font-size: 40px;}
	.text-60{font-size: 60px;}
	.text-50{font-size: 50px;}
	.text-40{font-size: 40px;}
	.text-35{font-size: 35px;}
	.text-30{font-size: 30px;}
	.text-25{font-size: 25px;}
	.text-23{font-size: 23px;}
	.text-20{font-size: 20px;}
	.text-19{font-size: 19px;}
	.text-18{font-size: 18px;}
	.text-17{font-size: 17px;}
	.text-16{font-size: 16px;}
	.text-15{font-size: 15px;}
	.text-14{font-size: 14px;}
	.text-13{font-size: 13px;}
}


@media (min-width: 1200px){
/* 	.text-title{font-size: 55px;} */
}


.text-page{-webkit-transition:all .3s; transition:all .3s; font-weight: 200; font-size: 21px;}
.text-page span{color: #000; position: relative;}
.text-page span:after{content: ''; width:0; height: 2px; background: #000; position: absolute; left: 0; bottom: -3px; -webkit-transition:all .3s; transition:all .3s;}
.text-page:hover span:after{width: 100%;}
.text-page.active span:after{width: 100%}
.text-page.active{font-weight: 600;}
@media (min-width: 768px) {
	.text-page{font-size: 25px;}
	.text-page span:after{height: 3px;}
}
@media (min-width: 992px) {
	.text-page{font-size: 31px;}
}

.fw-100{font-weight: 100 !important;}
.fw-200{font-weight: 200 !important;}
.fw-300{font-weight: 300 !important;}
.fw-400{font-weight: 400 !important;}
.fw-500{font-weight: 500 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}
.fw-800{font-weight: 800 !important;}
.fw-900{font-weight: 900 !important;}

.scroll {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.scroll::-webkit-scrollbar {display: none;}


a.link:hover {color: #4B00C3;}
a.link > span{position: relative; padding-bottom: 2px; color: #C60C30;}
a.link > span:after {content: ''; width:0; height: 1px; background: #4B00C3; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
a.link:hover > span:after {width:100%;}

a.link-white:hover {color: #fff;}
a.link-white > span{position: relative; padding-bottom: 2px; color: #fff}
a.link-white > span:after {content: ''; width:0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
a.link-white:hover > span:after {width:100%;}

.color-red{color:#C40303}
.color-dark{color:#333 !important;}

/*.color-01{color: #4B00C3 !important}*/
.color-01{color: #C60C30 !important}
.color-02{color: #59A2E8 !important}
.color-03{color: #3D1A57 !important}
.color-04{color: #2C0072 !important}
.color-05{color: #C60C30 !important}

.bg-01{background-color: #ebebeb !important;}	
.bg-02{background-color: #007BFC !important;}

.color-gray-dark{color: #464F5B !important;}
.color-gray{color: #767676 !important;}
.brd-color-gray-v1{border-color: #4b4b4b !important;}
.brd-color-gray-v2{border-color: #A9ADB1 !important;}
.brd-color-gray-v3{border-color: #ebebeb !important;}
.brd-color-gray-v4{border-color:  rgba(0, 0, 0, 0.1) !important;}
.brd-ci{border : 1px solid #FFFFFF !important;}

.box-border2{border: solid 1px #7d7d7d !important; border-radius:20px; overflow:hidden;}
.box-shadow{box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);}
.box-shadow-2{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}

.section-top{margin-top: 60px; -webkit-transition:all .3s; transition:all .3s; margin-bottom: 60px;}
.section-content{margin-bottom: 50px; -webkit-transition:all .3s; transition:all .3s}
.none-crumb{margin-top: 40px;}

@media (min-width: 768px) {
	.section-top{margin-top: 60px; margin-bottom: 80px;}
	.section-content{margin-bottom: 75px;}
	.none-crumb{margin-top: 80px;}
}

@media (min-width: 992px) {
	.section-top{margin-top: 60px; margin-bottom: 100px;}
	.section-content{margin-bottom: 100px;}
}

/* 이미지 해상도 고정*/
.aspect-ratio-box {
	position: relative;
}
/* Create a pseudo element that uses padding-bottom to take up space */
.aspect-ratio-box::after {
	display: block;
	content: '';
	/* 16:9 aspect ratio */
	/*padding-bottom: 56.25%;*/
	/* 4:3 aspect ratio */
	padding-bottom: 66%;
}

/* Image is positioned absolutely relative to the parent element */
.aspect-ratio-box img {
	/* Image should match parent box size */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


@-webkit-keyframes kenburns {
	 0% {
	 opacity: 1;
	 -webkit-transform: scale(1.2);
	 transform: scale(1.2);
	}
		 1.5625% {
		 opacity: 1;
	}
		 23.4375% {
		 opacity: 1;
	}
		 26.5625% {
		 opacity: 0;
		 -webkit-transform: scale(1);
		 transform: scale(1);
	}
	 100% {
		 -webkit-transform: scale(1.2);
		 transform: scale(1.2);
		 opacity: 1;
	}
}

@keyframes kenburns { 
	0% {
		 opacity: 1;
		 -webkit-transform: scale(1.2);
		 transform: scale(1.2);
	}
	 1.5625% {
	 opacity: 1;
	}
	 23.4375% {
	 opacity: 1;
	}
	 26.5625% {
	 -webkit-transform: scale(1);
	 transform: scale(1);
	}
	 100% {
	 -webkit-transform: scale(1.2);
	 transform: scale(1.2);
	 opacity: 1;
	}
}

.kenburns-wrapper{overflow: hidden;  height: auto; padding: 0 !important; position: relative;}
.kenburns{
	/*animation: kenburns 15s infinite alternate; height: 100%; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.kenburns{
	-webkit-animation-name: kenburns;
	animation-name: kenburns;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*------------------------------------
  페이지 상단
------------------------------------*/
.section-hero{padding-top: 60px;}
.text-ceo{font-family:serif; font-size: 34px; font-weight: bold; color: #5D636E}
.text-history{font-family: 'Roboto'; font-size: 15px; font-weight: bold; color: #333}

.text-hero-01{color:#fff; -webkit-transition:all .3s; transition:all .3s; font-family: omnigothic, sans-serif; font-weight: 300; font-style: normal; line-height:1.3; font-size: 30px;}
.text-hero-01 span {font-weight: 600; display: inline-block;}

.text-hero-02{color:#fff; line-height: 1.7; margin-bottom: -7px; -webkit-transition:all .3s; transition:all .3s; font-weight: 300; font-size: 15px;}

@media (min-width: 768px) {
	.text-hero-01{font-size: 40px;}
	.text-hero-02{font-size: 17px;}
}

@media (min-width: 992px) {
	.section-hero{padding-top: 100px;}
	.text-hero-01{font-size: 60px;}
	.text-hero-02{font-size: 21px;}
}

/* 테이블 */
.table th, .table td{vertical-align: middle !important; color:#464F5B; font-size: 12px; padding-left: 0; padding-right: 0}
.table th{border-top: none}
.table td{border-top: solid 1px #D9DDE1 !important;}
th{background: #F7F7F7}
/*.table {border-bottom: 1px solid #000;}*/
.table .content{padding: 10px; color: #000;}
.table th.content{padding: 10px; color: #000; background: #F5E9E4 }
/*.table td:last-child, .table th:last-child{border-right: none !important}*/
.table .bb{border-bottom: 2px solid #000 !important;}
.table .bb-2{border-bottom: 1px solid #D0D6DF !important;}

.table th, .table td {
	/*border-bottom: 1px solid #333;*/
}

@media (min-width: 1200px) {
	.table .bb-xl{border-bottom: 2px solid #333 !important;}
}



.table .bt{border-top: 2px solid #000 !important;}
.table .bg-y{background-color: #162D4E !important; color:#fff;}
.table td.brn, .table th.brn{border-right: none !important}
.board td, .board th{border-right: none !important;}

a.table-link > span{position: relative; padding-bottom: 2px; color:#333;}
a.table-link > span:after{content: ''; width:0; height: 1px;  background: #333; position: absolute; bottom: 0; left: 0; -webkit-transition:all .3s; transition:all .3s}
a.table-link:hover > span:after{width:100%;}


@media (min-width: 768px) {
	.table th, .table td{font-size: 20px;}
}

@media (min-width: 1200px) {
	.table td.brn{border-right: 1px solid #D0D6DF !important}
}


/* 이미지 줌 설정 */
.zoom-wrapper{position: relative; overflow: hidden;}
.zoom-wrapper img{transition: transform .5s;}
.zoom-wrapper:hover {;}
.zoom-wrapper:hover img{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.zoom-wrapper:hover img.no-zoom{-webkit-transform: scale); -ms-transform: scale(1); transform: scale(1);}
hr {margin-top: 1.2rem; margin-bottom: 1.2rem;}


/*------------------------------------
  회사소개
------------------------------------*/
.map{height:250px;}
.bottom-banner{min-height: 125px;}
@media (min-width: 768px){
	.map{height:350px;}
	.bottom-banner{min-height: 250px;}
}
@media (min-width: 992px) {
	.map{height:500px;}
}


.text-map{font-size: 25px; font-weight: 700}
@media (min-width: 768px){text-decoration-color: 
	.text-map{font-size: 30px;}
}

/*------------------------------------
  고객센터
------------------------------------*/
.file-wrapper{border-bottom: 1px solid #ebebeb; margin-bottom: 10px;}





/* 퀵메뉴 */
.tab-menu-wrapper{background-image: url(/assets/img/common/bar.png); background-repeat: repeat; z-index: 5000}
.tab-menu{padding-bottom: 12px}
.tab-menu li{padding-left: 7px; padding-right: 7px}

.tab-menu li a span{color:white; font-size: 13px; position: relative; -webkit-transition:all .3s; transition:all .3s}
.tab-menu li a span:after{width:0; content: ''; height: 1px;  background: #F4C9B7; position: absolute; bottom: -7px; left: 50%; -webkit-transition:all .3s; transition:all .3s}
.tab-menu li a:hover span{color: #F4C9B7}
.tab-menu li a:hover span:after{width:100%; left:0%;}
.tab-menu li.active a span{color: #F4C9B7;}
.tab-menu li.active a span:after{ width:100%; left: 0;}

@media (min-width: 768px){
	.tab-menu li{padding-left: 30px; padding-right: 30px}
	.tab-menu li a span{font-size: 16px}
}


/*------------------------------------
  탭 컨텐츠
------------------------------------*/
.nav-item{display: block !important}
/*.nav-link {width:130px; color:#1A3296 !important; background: #fff !important; font-size: 15px; border: 1px solid #1A3296 !important; padding:10px 0 !important; text-align: center; font-size: 13px;}
.nav-link.active {background: #1A3296 !important; color: white !important;  border:1px solid #1A3296 !important; color: #fff !important}

@media (min-width: 992px) {
	.nav-link {  font-size: 14px; width: 230px; font-weight: 600}
}*/

/*------------------------------------
  약관
------------------------------------*/
.text-terms {font-size: 14px !important; margin-bottom: 5px; color: #333 !important;}
.text-terms-02 {color: #333; font-weight: 600; font-size: 18px; margin-bottom: 10px; line-height: 1.2;}
.icon-email{color:#fff; font-size: 60px}
@media (min-width: 768px) {
	.text-terms {font-size: 15px;}
	.text-terms-02 {font-size: 20px;}
	.icon-email{font-size: 80px}
}



/* 퀵(탭) 시작 */
.crumb-wrapper{background: #00000059; width: 100%; height: 65px;}
.crumb-wrapper .container{padding-left: 0; padding-right: 0;}
.q{text-align: center; display: none !important; border-right: 1px solid #327ADE;}
.quick-wrapper-01{padding:0 0; border-right: 1px solid #327ADE; display: block; cursor: pointer; width:50%; position: relative; color: #fff}
.quick-wrapper-02{padding:0 0; border-right: 1px solid #327ADE; display: block; cursor: pointer; width:50%; position: relative;}
.q-tab{margin-bottom: 0;}
.q-tab li{font-size: 14px; display: inline-block;  line-height: 64px;}
.q a{display: inline-block}
.q span{color: #fff; padding-left: 20px; padding-right: 20px; background: #074074; height: 64px; display: inline-block}
.q span i{font-size: 20px;}

#collapse-01{position: absolute; width: 100%; z-index: 9999; left:1px}
#collapse-02{position: absolute; width: 100%; z-index: 9999; left:-1px;}

.quick-wrapper-01 .icon {transform: rotate(deg); transition: .3s transform ease-in-out; display: inline-block;}
.quick-wrapper-01.collapsed .icon {transform: rotate(-180deg);}
.quick-wrapper-02 .icon {transform: rotate(deg); transition: .3s transform ease-in-out; display: inline-block;}
.quick-wrapper-02.collapsed .icon {transform: rotate(-180deg);}
.quick-link{background: #fff; padding-left: 20px;  line-height: 45px; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; margin-right: -2px}
.quick-link:last-child{border-bottom: 1px solid #ebebeb;}
.quick-link a{display: block}
.quick-link a span{color: #000; font-family: poppins;}
.quick-link.active a span{color: #327ADE}
.quick-link a:hover span{color: #327ADE}
.quick-link a:hover span:after{background: #327ADE}

@media (min-width: 768px) {
	#collapse-01{left:-1px}
	#collapse-02{left:-1px;}

	.crumb-wrapper .container{padding-left: 15px; padding-right: 15px;}
	.q{display: inline-block !important}
	.quick-wrapper-01{width: 200px;}
	.quick-wrapper-01 .quick-link{width: 201px;}
	.quick-wrapper-01 .quick-link:last-child{border-bottom: 1px solid #ebebeb;}
	.quick-wrapper-02{width: 160px;}
	.quick-02-btn{display: none !important}
}



/* 커뮤니티 */
.notice-list{padding:10px 0; border-bottom: 1px solid #ebebeb; cursor: pointer;}
.notice-list:hover{background: #062d6a}
.notice-list:hover .notice-date{color:#fff;}
.notice-list:hover .notice-date{color:#fff;}
.notice-list:hover .notice-year-month{color:#fff;}
.notice-list:hover .notice-title{color:#fff;}
.notice-list:hover .notice-info{color:#fff;}
.notice-list:hover .arrow{color:white; background: #FF6200; border-color: #FF6200 !important}
.notice-date{font-weight: 500; font-size: 50px; line-height: 1; color: #A9ADB1; padding-bottom: 5px}
.notice-year-month{font-size: 15px; line-height: 1; color: #A9ADB1}
.notice-title{font-size: 15px; color:#333; margin-right: 15px}
.notice-info{font-size: 13px; color:#5D636E; margin-right: 20px;}

/* Q&A 관련 */
.faq .nav-link{background: #fff !important; border-bottom:5px solid #ffffff ; color:#5D636E !important; font-size: 15px; padding-left: 10px; padding-right: 10px}
.faq .nav-link.active{color: #ff6200 !important; border-color: #ff6200}
.nav-fill .nav-item {-ms-flex:1; flex: 1; text-align: center;}

.qna-text-01{color: #ff6200; font-size: 17px; font-weight: 500;}
.qna-text-02{color: #ff6200; font-size: 25px; font-weight: 500;}

.collapsed .qna-text-01{color:#333; font-size: 17px; font-weight: 500;}
.collapsed .qna-text-02{color:#333; font-size: 25px; font-weight: 500;}
@media (min-width: 768px) {
	.faq .nav-link{font-size: 17px; padding-left: 15px; padding-right: 15px}
	.collapsed .qna-text-01{font-size: 18px;}
	.qna-text-01{font-size: 18px;}
}

.qna-wrapper {border-top: 1px solid #A9ADB1; border-bottom: 1px solid #ccc;}
.qna-wrapper .icon {transform: rotate(deg); transition: .3s transform ease-in-out; display: inline-block;}
.qna-wrapper .collapsed .icon {color: #333;}
.qna-wrapper .icon {color: #ff6200;}
.qna-wrapper .collapsed .icon {transform: rotate(-180deg);}

.border-question{border-top: 1px solid #ccc;}


.slick-slide, .slick-slide *{ outline: none !important;} /* slick 슬라이더 외곽선 제거*/

.row .content {
	height: 100%;
}
.row-wrapper{margin-bottom: 30px}
.flex-fill{-webkit-flex: 1; flex: 1;}
@media (min-width: 768px) {
	/*section{margin-bottom: 50px;}*/
	.row-wrapper{margin-bottom: 60px}
}


/* 게시판 시작 */
.board_border_01{border-top: 2px solid #449CF2;}
.board_border_02{border-top: 1px solid #eaeaea;}
.board_border_03{border-bottom: 1px solid #333;}
.board-title{font-weight: 600; font-size: 22px; line-height: 1.3; text-align: left; padding-bottom: 20px;}
.board-body{padding:15px 0 15px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; margin-top: 	30px; border-top: 3px solid #333;}
.board-content{font-size: 14px; margin-bottom: 20px}
/* .board-content a{color: #333 !important}
.board-content a:hover{color: #333 !important}
.board-content a:active{color: #333 !important} */
.board-content img{max-width: 100%; height: auto;}
.media-body a, .media-body a:hover{color:#333;}
.files a, .files a:hover{color:#333;}
p{color:#333;}

@media (min-width: 768px){
	.board-title {font-size: 29px; padding: 20px 0 20px 0;}
	.board-content{font-size: 16px; margin-bottom: 30px}
}
/* 게시판 종료 */
.g-left-arrow{left:75px !important;}


/* 제품소개 */
.product-img{height: 280px;}
@media (min-width: 768px) {
	.product-img{height: 215px;}
}

/* 페이징 */
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
	border-color: #1A3296;
	background-color: #1A3296;
}
.page-link {color: #1A3296}
.page-link:focus, .page-link:hover {
	color: #1A3296;
}

/* 팝업 */
.mfp-close-btn-in .mfp-close {color: #fff;}
@media (min-width: 992px) {
	.mag-popup{width: 445px !important }
	.mag-popup img{max-width: 445px !important }
}
.pop_close_wrap{margin:8px 15px 8px 0; background:#fff; height:30px; text-align:right;}
.pop_close{cursor: pointer;}
#mag-popup {position: relative; background: #FFF; width: auto; max-width: 500px; margin: 20px auto;}


.shimmer {
	width: 100%;
	height: 15px;
	/*height: 10px;*/
	margin-bottom: 10px;
	background: #F4F4F4;
	background-image: linear-gradient(to right, #F4F4F4 0%, #edeef1 20%, #F4F4F4 40%, #F4F4F4 100%);
	background-repeat: no-repeat;
	background-size: 800px 104px; 
	display: inline-block;
	position: relative; 

	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; 
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: placeholderShimmer;
	-webkit-animation-timing-function: linear;
}



/*.nav-link.active {
	background: #fff !important;
	color: white !important;
	border: none !important;
	color: #F0386C !important;
}
.nav-link {
	width: unset !important;
	margin-right: 20px;
	color: #9F9F9F !important;
	background: #fff !important;
	font-size: 15px !important;
	font-weight: 600;
	border: none !important;
	padding: 0 !important;
	text-align: center;
}
@media (min-width: 768px) {
	.nav-link {
		width: unset !important;
		margin-right: 30px;
		font-size: 17px !important;
	}
}
*/

.scroll {
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.content-box{background-color: #F4F4F4; border-radius: 8px; padding: 15px; margin-bottom: 20px;}
.content-box .box-inner{background-color: #fff; border-radius: 5px; padding: 25px 20px}



.pill-menu-wrapper{background-color: rgba(255, 255,255, .4); width: 100%; margin-top: -60px; position: relative; height: 60px}
.pill-menu{position: absolute !important; left: 50% !important; bottom: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; 
	white-space: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	width: 100% !important;
}
.pill-menu::-webkit-scrollbar {display: none; }
@media (min-width: 768px) {
	.pill-menu{width: unset !important;}#2C0072
}
.item-pill span{font-size: 15px; font-family: aven-b; background-color: rgb(168 29 55 / .7); padding: 7px 15px; border-radius: 15px; cursor: pointer; -webkit-transition:all .3s; transition:all .3s; color: #fff}
.item-pill.active span{ background-color: #C60C30; color: #fff;}
.item-pill:hover span{ background-color: #C60C30; color: #fff;}