@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');
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;700&display=swap');

@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;}
.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}
.chakra{font-family: 'Chakra Petch' !important}
.chakra-bold{font-family: 'Chakra Petch' !important}

.avan-n{font-family: "itc-avant-garde-gothic-pro", sans-serif; font-weight: 300 !important;}
.avan-m{font-family: "itc-avant-garde-gothic-pro", sans-serif; font-weight: 500 !important;}
.avan-b{font-family: "itc-avant-garde-gothic-pro", sans-serif; font-weight: 700 !important;}

@font-face{
	font-family:gmarket-bold;
	src:url(./fonts/GmarketSansBold.eot);
	src:local(※),
	url(./fonts/GmarketSansBold.woff)
	format('woff')
}

@font-face{
	font-family:gmarket-medium;
	src:url(./fonts/GmarketSansMedium.eot);
	src:local(※),
	url(./fonts/GmarketSansMedium.woff)
	format('woff')
}

@font-face{
	font-family:gmarket-light;
	src:url(./fonts/GmarketSansLight.eot);
	src:local(※),
	url(./fonts/GmarketSansLight.woff)
	format('woff')
}


@font-face{
	font-family:nimbus-r;
	src: url('./fonts/NimbusSanL-Reg.woff') format('woff');
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family:nimbus-b;
	src: url('./fonts/NimbusSanL-Bol.woff') format('woff');
	font-style: normal;
	font-weight: normal;
}


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

.gmarket-light{font-family: 'gmarket-light' !important}
.gmarket-medium{font-family: 'gmarket-medium' !important}
.gmarket-bold{font-family: 'gmarket-bold' !important}
.noto{font-family: 'Noto Sans KR' !important}

body{font-family: nimbus-r, 'Noto Sans KR', Roboto, 나눔고딕, 'Nanum Gothic', Nanumbarungothic,arial,verdana,sans-serif; line-height: 1.6; font-size: 14px; color: #333; letter-spacing: -0.01em;}
.container-fluid{max-width: 1350px}

/* 공통 코드 */
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:#003972;}
input[type="text"], textarea {outline: none; box-shadow:none !important; border:1px solid #ccc !important; }
.goto{cursor: pointer;}

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

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


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

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

.color-01{color: #013176 !important}
.color-02{color: #007BFC !important}
.color-03{color: #60BBED !important}

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

.color-gray-v1{color:#5D636E !important;}
.color-gray-v2{color:#A9ADB1 !important;} 
.color-gray-v3{color:#C7C7C7 !important;} 
.brd-color-gray-v1{border-color: #4b4b4b !important;}
.brd-color-gray-v2{border-color: #9FA6AF !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-rosegold{border: solid 1px #F4C9B7 !important; }
.box-border{border: solid 1px #ddd !important; -webkit-transition:all .3s; transition:all .3s}
.box-border-2{border: solid 1px #AA8064 !important; }
.box-shadow{box-shadow: 0  3px 6px rgba(0, 0, 0, 0.2);}

.section-top{margin-top: 50px !important; -webkit-transition:all .3s; transition:all .3s; margin-bottom: 0 !important;}
/*.section-top{margin-top: 50px !important; -webkit-transition:all .3s; transition:all .3s; margin-bottom: 50px !important;}*/
.section-content{margin-bottom: 50px; -webkit-transition:all .3s; transition:all .3s; padding-top: 30px;}
.none-crumb{margin-top: 40px;}

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

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


/*------------------------------------
  텍스트 스타일
------------------------------------*/
.page-title{
	font-size: 20px; 
	font-family: gmarket-medium; 
	color:#003972; 
	line-height: 1.3;
	margin-bottom: 10px;
	-webkit-transition:all .3s;
	transition:all .3s
}

@media (min-width: 768px) {
	.page-title{font-size: 25px;}
	/*.page-title{font-size: 25px; margin-bottom: 30px;}*/
}

@media (min-width: 992px) {
	.page-title{font-size: 33px;}
	/*.page-title{font-size: 33px; margin-bottom: 40px;}*/
}


.text-title{font-weight: 700; font-size: 25px; line-height: 1.3; }
.text-title span{font-weight: 400;}

.text-side{font-family: gmarket-medium; color:#0277F6; -webkit-transition:all .3s; transition:all .3s; line-height: 1.3; font-size: 20px;}
.text-01{font-weight: 500; font-size: 25px; }
.text-01 a{color:#333; text-decoration: none;}
.text-01 a:hover{color:#333; text-decoration: none;}
.text-01 a:active{color:#333; text-decoration: none;}
.text-02{font-size: 22px; font-weight: 400; -webkit-transition:all .3s; transition:all .3s}
.text-03{font-size: 20px; color:#5D636E; -webkit-transition:all .3s; transition:all .3s}
.text-04{font-size: 18px; color:#003972; -webkit-transition:all .3s; transition:all .3s}
.text-05{font-size: 15px; -webkit-transition:all .3s; transition:all .3s;}
.text-06{font-family: gmaket-medium; font-size: 14px; color:#9FA6AF; -webkit-transition:all .3s; transition:all .3s;}
.text-06 a{color:#5D636E; text-decoration: none; }
.text-06 a:hover{color:#5D636E; text-decoration: none;}
.text-06 a:active{color:#5D636E; text-decoration: none;}
.text-07{font-size: 13px; -webkit-transition:all .3s; transition:all .3s;}
.text-08{font-size: 12px; -webkit-transition:all .3s; transition:all .3s;}

.year{font-size: 60px; font-weight: 500; margin-bottom: 30px}
@media (min-width: 768px){
	hr {margin-top: 2rem; margin-bottom: 2rem; }
	.text-side{font-size: 27px;}
	.text-title{font-size: 50px; }
	.text-01{font-size: 33px; }
	.text-02{font-size: 26px;}
	.text-03{font-size: 24px;}
	.text-04{font-size: 20px;}
	.text-05{font-size: 18px;}
	.text-06{font-size: 15px;}
	.text-07{font-size: 14px;}
	.text-08{font-size: 13px;}

	.year{font-size: 90px; margin-bottom: 50px}
}

@media (min-width: 992px) {
	.text-01{font-size: 25px; }
	.text-side{font-size: 20px;}
	.text-side{font-size: 34px;}
}

@media (min-width: 1200px) {
	.text-01{font-size: 32px; }
}

.news-box{background-color: #F7F7F7}
.news-text-01{color: #003972; font-size: 14px; margin-bottom: 7px;}
.news-text-02{color: #003972; font-weight: 600; font-size: 16px; line-height: 1.4; margin-bottom: 10px; height: 45px}
.news-text-03{color: #9FA6AF; font-size: 14px;}


.guide-wrapper{padding-top: 130px; padding-bottom: 70px; }
.guide-title{color:#fff; font-size: 30px; font-family: gmarket-light; -webkit-transition:all .3s; transition:all .3s; }

@media (min-width: 768px) {
	.guide-wrapper{padding-top: 160px; padding-bottom: 150px; }
	.guide-title{font-size: 45px;}
}

@media (min-width: 992px) {
	.guide-wrapper{padding-top: 200px; padding-bottom: 120px; }
	.guide-title{font-size: 65px;}
}

/* 버튼 아이콘 애니메이션 */
.btn-hover span{-webkit-transition:all .3s; transition:all .3s; position: relative;}
.btn-hover span:after{content: "\f0da"; margin-left: 10px; position: absolute; opacity: 0; -webkit-transition:all .3s; transition:all .3s; right:0; font: normal normal normal 14px/1 FontAwesome; top:1px;}
.btn-hover:hover span{margin-left: -10px; padding-right: 10px;}
.btn-hover:hover span:after{opacity: 1; right: -5px}

/* 브로셔 다운로드 버튼 */
.btn-hover-2 {border: 1px solid #003972 !important; font-size: 13px !important;}
.btn-hover-2{padding-top: 10px;}
.btn-hover-2{padding-bottom: 7px;}
.btn-hover-2:hover {background: transparent !important}
.btn-hover-2 span{-webkit-transition:all .3s; transition:all .3s; position: relative; color: #003972;}
.btn-hover-2 span:after{content: "\f0da"; margin-left: 10px; position: absolute; opacity: 0; -webkit-transition:all .3s; transition:all .3s; right:0; font: normal normal normal 14px/1 FontAwesome; top:-1px;}
.btn-hover-2:hover span{margin-left: -10px; padding-right: 10px; color: #003972}
.btn-hover-2:hover span:after{opacity: 1; right: -5px}

@media (min-width: 768px) {
	.btn-hover-2{font-size: 15px !important;}
	.btn-hover-2{padding-top: 16px;}
	.btn-hover-2{padding-bottom: 13px;}
}


.btn-01{color: #fff !important; background-color: #003972; border-radius: 5px !important; padding-left: 20px; padding-right: 20px; font-size: 15px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 13px; font-family: nimbus-b, 'Noto Sans KR';}
.btn-01:active, .btn-01:hover {color: #fff !important}

.btn-01-outline{color: #003972; border-radius: 0 !important; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 13px; font-size: 15px; border:1px solid #003972; background: #fff; font-family: nimbus-b, 'Noto Sans KR';}
.btn-01-outline:active, .btn-01-outline:hover {
	color:#fff;
	background: linear-gradient(to right, #003972 0%, #2B74B1 100%) !important;
	-o-border-image: linear-gradient(to right, #003972 0%, #2B74B1 100%);
	border-image: linear-gradient(to right, #003972 0%, #2B74B1 100%);
	border-image-slice: 1;
}

.btn-01-outline-2{color: #fff !important; border-radius: 0 !important; padding-left: 50px; padding-right: 50px; padding-top: 16px; padding-bottom: 13px; font-size: 13px; border:1px solid #fff;}
.btn-01-outline-2:active, .btn-01-outline-2:hover {color: #003972 !important; background: #fff}

.btn-01-outline-3{color: #60BBED; border-radius: 0 !important; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 13px; font-size: 15px; border:1px solid #60BBED; background: #fff; font-family: nimbus-b, 'Noto Sans KR';}
.btn-01-outline-3:active, .btn-01-outline-3:hover {
	color:#fff;
	background: linear-gradient(to right, #003972 0%, #007BFC 100%) !important;
	-o-border-image: linear-gradient(to right, #003972 0%, #007BFC 100%);
	border-image: linear-gradient(to right, #003972 0%, #007BFC 100%);
	border-image-slice: 1;
}

.btn-02{color: #003972 !important; background-color: #fff; border-radius: 50px !important; padding-left: 15px; padding-right: 15px; font-size: 11px; border:1px solid #003972;}
.btn-02:active, .btn-02:hover {color: #fff !important; background: #003972}
.text-outline{border:3px solid #162D4E; color: #162D4E; display: inline-block; padding:5px 15px; font-weight: bold; font-size: 16px; margin-bottom: 15px}

.btn-rounded{border:1px solid #fff; color: #fff !important; background-color: transparent; border-radius: 50px !important; padding-left: 20px; padding-right: 20px; font-size: 15px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 13px; font-family: nimbus-b, 'Noto Sans KR';}
.btn-rounded:active, .btn-rounded:hover {color: #003972 !important; background: #fff;}

.btn-rounded-2{border:1px solid #003972; color: #003972 !important; background-color: transparent; border-radius: 50px !important; padding-left: 20px; padding-right: 20px; font-size: 15px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 13px; font-family: nimbus-b, 'Noto Sans KR';}
.btn-rounded-2:active, .btn-rounded-2:hover {color: #fff !important; background-color: #003972 !important; }



@media (min-width: 768px) {
	.btn-02{font-size: 14px; padding-left: 20px; padding-right: 20px;}
}


.@-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);
}




/*------------------------------------
  페이지 상단
------------------------------------*/
.hero-wrapper{padding-top: 50px; padding-bottom: 50px;}
.hero-wrapper span{position: relative; display: inline-block;} /* TweenMax y position 용*/
.hero-wrapper-2{padding-top: 150px; padding-bottom: 120px}
.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}
.om-01{font-size: 25px; color:#fff; font-weight: lighter; -webkit-transition:all .3s; transition:all .3s; font-family: 'gmarket-bold';  line-height: 1.4; visibility: hidden;}
.text-hero-02{font-size: 13px; color:#fff; line-height: 1.5; font-family: 'gmarket-light'; margin-bottom: -7px; -webkit-transition:all .3s; transition:all .3s; visibility: hidden;}

.text-hero-notice{font-weight: 500; font-size: 27px; color:#fff;}
.text-hero-date{font-size: 17px; color:#fff; position: absolute; left:0; right: 0; bottom:5px;}
.hr-medi{border-top: 1px solid #F4C9B7;}

@media (min-width: 768px) {
	.hero-wrapper{padding-top: 80px; padding-bottom: 80px;}
	.hero-wrapper-2{padding-top: 350px; padding-bottom: 250px}
	.text-ceo{font-size: 38px;}
	.text-history{font-size: 20px;}

	.text-hero-01{font-size: 35px;}
	.text-hero-02{font-size: 15px;}

	.text-hero-notice{font-size: 35px;}
	.text-hero-date{font-size: 19px; bottom:20px;}
}

@media (min-width: 992px) {
	.hero-wrapper{padding-top: 130px; padding-bottom: 100px;}
	.text-hero-01{font-size: 45px;}
	.text-hero-02{font-size: 18px;}
}

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

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

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

.table .bt{border-top: 2px solid #003972 !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: 15px;}
}

@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:350px;}
}


.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}
}



/*------------------------------------
  푸터
------------------------------------*/
/*.footer-top{ border-top: 1px solid #E6E6E6;}*/
.footer-wrapper{padding: 30px 0; background: #062340;}
.footer-wrapper .footer-text-01{color: #fff; font-size: 10px; font-family: nimbus-b, 'Noto Sans KR';}
.footer-wrapper .footer-text-02{color: #fff; font-size: 11px; font-family: nimbus-r, 'Noto Sans KR';}
.copyright{font-size: 11px; color: #fff}
.guide{position: absolute; right: 15px; top: 0;}


.footer-wrapper .footer-text-03 {border:1px solid #003972; font-size: 11px; padding:2px 7px; border-radius: 10px; -webkit-transition:all .3s; transition:all .3s}
.footer-wrapper .footer-text-03 span{color: #003972; -webkit-transition:all .3s; transition:all .3s}
.footer-wrapper .footer-text-03:hover {color: #fff; border-color: #003972; background: #003972; }
.footer-wrapper .footer-text-03:focus {color: #fff; border-color: #003972;; background: #003972; }
.footer-wrapper .footer-text-03:hover span {color: #fff; }
.footer-wrapper .footer-text-03:focus span{color: #fff; }

.footer-link {line-height: 1}
.footer-link a{color: #fff; font-family: nimbus-r; font-size: 12px; line-height: 1}
.footer-link a span{color: #fff; -webkit-transition:all .3s; transition:all .3s; position: relative;}
.footer-link a span:after{width:0; content: ''; height: 1px; position: absolute; background:#fff; bottom: -3px; left: 50%; -webkit-transition:all .3s; transition:all .3s}
.footer-link a:hover span:after{width:100%; left:0%;}

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

/* 커뮤니티 */
.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}
}

/* 퀵(탭) 시작 */
/*.crumb_wrapper{display: none;}*/
.crumb-wrapper{border-bottom: 1px solid #ebebeb; display: block; padding-left: 0; padding-right: 0; background: #fff}
.crumb-wrapper .container{padding-left: 0; padding-right: 0;}
.q{text-align: center; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; display: none !important;}
.quick-wrapper-01{padding:0 0; border-right: 1px solid #ebebeb; border-right: 1px solid #ebebeb;display: block; cursor: pointer; width:47%; position: relative;}
.quick-wrapper-02{padding:0 0; border-right: 1px solid #ebebeb; display: block; cursor: pointer; width:53%; position: relative;}
/*.quick-wrapper-02{padding:0 0; display: bloc; cursor: pointer; width:50%; position: relative;}*/

.q_tab{margin-bottom: 0; }
.q_tab li{font-size: 13px; display: inline-block;  line-height: 45px;}
.q img{width:70px; height: auto; padding:0 20px;}
.q a{width:70px; height: auto; padding:0 20px; color:#003972;}
.q a 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-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: #f7f7f7; padding-left: 20px; border-bottom: 1px solid #bbb; line-height: 49px;}*/
.quick-link{background: #fff; padding-left: 20px;  line-height: 40px; 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{text-decoration: none; color: #333; display: block; font-size: 13px;}
.quick-link a span{ color: #333;}
.quick-link.active a span{color: #003972}

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

	.crumb-wrapper .container{padding-left: 15px; padding-right: 15px;}
	.crumb-wrapper{border-bottom: 1px solid #ebebeb; display: block;}
	.q{display: inline-block !important}
	.quick-wrapper-01{width: 180px; }
	.quick-wrapper-01 .quick-link{width: 201px; }
	.quick-wrapper-01 .quick-link:last-child{border-bottom: 1px solid #ebebeb; }
	.quick-wrapper-02{width: 270px; }
	
	/*.quick-wrapper-02 .collapse {display: inline !important;} /*collpase된 링크를 강제로 보이게 한다.*/*/
	/*#collapse-02{position: relative;}*/
	/*.quick-02{border-bottom: none; line-height: 42px; font-weight: bold; display: inline; background: #fff; display: inline !important;}*/
	
	.quick-02-btn{display: none !important}
}
/* 퀵(탭) 종료 */

/* 게시판 시작 */
.board-text-01{color:#fff; font-size: 30px; font-family: gmarket-light; -webkit-transition:all .3s; transition:all .3s; line-height: 1}
.board-text-01 span{display: inline-block;}
.hero-board{padding-top: 100px; padding-bottom: 70px;}
@media (min-width: 768px) {
	.board-text-01{font-size: 45px;}
	.hero-board{padding-top: 150px; padding-bottom: 100px;}
}

@media (min-width: 992px) {
	.board-text-01{font-size: 65px;}
}


.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: 24px; line-height: 1.2; text-align: left; padding-bottom: 20px; word-wrap: break-word;}
.board-body{padding:15px 0 15px 0; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; margin-top: 40px; border-top: 3px solid #333; }
@media (min-width: 768px) {
	.board-body{margin-top: 80px;}
}
.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: 32px; padding: 20px 0 20px 0;}
	.board-content{font-size: 16px; margin-bottom: 30px}
}
/* 게시판 종료 */
.g-left-arrow{left:75px !important;}


/* 제품소개 */
.product-img{background: #F2F4F7}


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


/* Shimmer */
.shimmer {
	width: 100%;
	height: 10px;
	margin-top: 5px;
	background: #f6f7f8;
	background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 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;
}
@-webkit-keyframes placeholderShimmer {
	0% {
		background-position: -468px 0;
	}
	100% {
		background-position: 468px 0; 
	}
}

/* 이미지 박스 hover */
.hover-box{overflow: hidden; position: relative;}
/*.hover-box{cursor: pointer; overflow: hidden; position: relative;}*/
.hover-box .text-04{color:#fff; -webkit-transition:all 0s; transition:all 0s; }
.hover-box .text-07{color:#fff}
.hover-box img{transition: transform .4s; }
/*.hover-box:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}*/
.hover-box:hover .text-04{color:#f0ad08}
.inner-text{
	width: 100%;
	padding: 0 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/* 팝업 */
.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; }
/* 팝업 */
.popup-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9001;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.popup-container{
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9002;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden auto;
}

.popup-container:before{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.popup-content{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 9003;
	color:#fff;
}
.popup{background: #fff; display: block; margin:10px;}
.popup img{max-width: 300px}
.close-wrapper{padding:8px 15px 8px 0; background:#fff; text-align:right; display: block;}
.popup-close{cursor: pointer; }
.popup-close-day{cursor: pointer; }
@media (min-width: 992px) {
	.popup{display: inline-block; vertical-align: middle;}
	.popup img{max-width: 400px}
}



/* overlay at start */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/*.btn-outline-01{color: #0277F6; border-radius: 10px !important; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; font-size: 14px; background: transparent; border: 1px solid #0277F6; font-weight: 500; }
.btn-outline-01:link {color: #0277F6; }
.btn-outline-01:hover {color: #0277F6; }
*/


.text-el{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.link-white span{color:#fff}