@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{ background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word; font-size:15px; font-weight:400; letter-spacing:-0.04em; color:#000000; line-height:1.2; word-break:keep-all}
body,input,select,textarea,button,pre {border:none; font-size:15px; font-family: 'Pretendard', sans-serif;  font-weight: 400; color:inherit; line-height:1.2; letter-spacing:-0.04em}
body * { box-sizing: border-box; }
body *::before {box-sizing: border-box;}
body.fixed{overflow-y: hidden;}
ul,ol,li{list-style:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em { font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{text-decoration:none;}
a {color:inherit;}
button { cursor: pointer; color:inherit; font-weight:300; background-color: transparent;} /* outline: none; */
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
pre{font-size: 16px; letter-spacing: -.8px;}
/* Form */
textarea { border:1px solid rgba(0, 0, 0, 0.25);}
select { padding-left: 12px; height:48px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,.inp {font-family: 'Pretendard', sans-serif; font-size:15px; color:#333333; border:1px solid #EBEDEE; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] {padding:0; padding-left:12px; height: 48px;}
input::-webkit-input-placeholder{color:rgba(36, 46, 71, 0.4); font-size:15px; line-height:100%;}
textarea {padding:12px; resize: none;}
textarea::placeholder {color:rgba(36, 46, 71, 0.4);}

table {border-collapse: collapse;border-spacing: 0}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


#wrap {overflow:hidden;}
html {font-size:10px;}
@media (max-width:1400px){
	html {font-size:calc(1000vw/1400);}
}
@media (max-width:992px){
	html {font-size:10px;}
}
@media (max-width:800px){
	html {font-size:calc(1000vw/800);}
}

.container {width:92%; max-width:1560px; margin:auto;}
.scontainer {width:92%; max-width:1202px; margin:auto;}


.swiper-button-prev::after,
.swiper-button-next::after {display:none;}
.m_block {display:none;}
.mt_20 {margin-top:2rem !important;}
.mt_40 {margin-top:4rem !important;}
.mt_50 {margin-top:5rem !important;}
.mt_70 {margin-top:7rem !important;}
.mt_100 {margin-top:10rem !important;}
.mt_120 {margin-top:12rem !important;}

.fc_blue {color:#013d7c !important;}
.fc_red {color:#cb1919 !important;}

.bg_gray {background:#fafafa}

.section_mt {margin-top:15rem !important;}
.section_mb {margin-bottom:15rem !important;}
.section_pd {padding:15rem 0 !important;}
.section_pt {padding-top:15rem !important;}
.section_pb {padding-bottom:15rem !important;}

@media (max-width:1700px){
	.w_none {display:none;}
}
@media (max-width:992px){
	.m_block {display:block;}
	.m_none {display:none;}
}


#header {position:fixed; top:0; left:0; z-index:1000; width:100%; height:110px; background:#fff;}
#header .inwrap {display:flex; justify-content:space-between; align-items:center; width:94%; max-width:1560px; margin:auto;}
#header .logo a {display:block; width:182px; height:110px; background:url('../images/logo.png') no-repeat center/contain;}
#header .gnb_list li.on a,
.pc #header .gnb_list a:hover {color:#76b729;}




@media (min-width:992px){
	#header .gnb_list {display:flex; justify-content:space-between; width:80%; max-width:1100px; padding-left:50px;}	
	#header .gnb_list a {font-size:20px; color:#000000; line-height:110px; transition:color 0.4s;}	
	#header .btn_menu {display:none;}

	#rquick {position:fixed; top:50%; right:5%; z-index:990; margin-top:-250px;}
	#rquick ul a {display:block; width:110px; height:110px; padding-top:62px; border-radius:100%; font-size:14px; color:#fff; font-weight:800; text-align:center; background:url('../images/icon_quick.png') #1a5189 no-repeat; background-size:100% auto; box-shadow: 0px 0px 1.3rem 0.3rem rgba(0,0,0,0.15); transition:background 0.4s;}
	#rquick ul a:hover {background-color:#003d7c;}
	#rquick li+li {margin-top:19px;}
	#rquick li:nth-child(1) a {background-position:0 0;}
	#rquick li:nth-child(2) a {padding-top:67px; background-position:0 10%;}
	#rquick li:nth-child(3) a {padding-top:67px; background-position:0 20%;}
	#rquick li:nth-child(4) a {background-color:#fff !important; background-position:0 30%;}
}
@media (max-width:1950px){
	#rquick {right:3rem;}
}
@media (max-width:1280px){
	#header .gnb_list {padding-left:30px;}
	#header .gnb_list a {font-size:17px;}
}
@media (max-width:991.98px){
	#header {height:75px;}
	#header .inwrap {position:relative; z-index:111;}
	#header .logo a {width:150px; height:75px;}
	#header .btn_menu {display:block; width:30px; height:30px; background:url('../images/icon_menu.png') no-repeat center/contain;}
	#header .gnb_list {position:fixed; top:75px; left:100%; z-index:2; width:100%; padding-top:10px; transition:left 0.4s 0s;}
	#header .gnb_list a {display:block; position:relative; padding-left:4%; font-size:18px; color:#000; line-height:2.5; font-weight:500;}
	#header .gnb_list a::after {position: absolute; top: 15px; right:7%;  width: 8px; height: 8px; border-top: 1px solid #131313; border-right: 1px solid #131313; transform: translateY(3px) rotate(45deg); content: "";}
	.nav_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:#fff;}
	#header.open .btn_menu {background-image:url('../images/icon_menu_close.png');}
	#header.open .gnb_list {left:0; transition:left 0.4s 0.2s;}

	#rquick {position:fixed; bottom:0; left:0; z-index:10000; width:100%;}
	#rquick ul {display:flex; text-align:center; background:#fff; box-shadow: 0px 0px 1.3rem 0.3rem rgba(0,0,0,0.15);}
	#rquick li {flex:1;}
	#rquick li:nth-child(4) {display:none;}
	#rquick li a {display:block; padding:2rem 0; font-size:2.4rem; font-weight:800; color:#000; text-align:center; line-height:1.3;}
	#rquick li:nth-child(odd) {background:#f5f5f5;}
	#rquick li a::before {display:block; width:6rem; height:6rem; margin:0 auto 1.2rem; background:url('../images/icon_quick_m.png') no-repeat; background-size:100% auto; content:'';}
	#rquick li:nth-child(1) a::before {background-position:0 0;}
	#rquick li:nth-child(2) a::before {background-position:0 10%;}
	#rquick li:nth-child(3) a::before {background-position:0 20%;}


	/*
	#rquick ul a {width:70px; height:70px; padding-top:40px; font-size:9px;}
	#rquick li+li {margin-top:10px;}
	#rquick li:nth-child(2) a,
	#rquick li:nth-child(3) a {padding-top:45px;}
	*/
}


#footer {padding:80px 0; font-size:18px; color:#fff; background:#383838;}
#footer .finfo {overflow:hidden; position:relative; padding-top:15px; padding-right:120px; margin-top:25px; border-top:1px solid #fff; letter-spacing:0;}
#footer .finfo .fbtn {position:absolute; top:15px; right:0; padding:0 1.3rem; border:1px solid #fff; line-height:1.66; transition:all 0.4s;}
#footer .finfo .fbtn:hover {color:#383838; background:#fff;}
#footer .slogo {width:171px; height:42px; background:url('../images/blogo.png') no-repeat center/contain;}
#footer p+p {margin-top:1rem;}
#footer p {display:flex; flex-wrap:wrap; overflow:hidden; margin:0 -3.3rem;}
#footer p span {position:relative; padding:0 3.3rem; line-height:2;}
#footer p span+span::before {position:absolute; top:0; left:-2px; content:'|'}
@media (max-width:992px){
	#footer {padding:50px 0 21rem; font-size:15px;}
	#footer .finfo {padding-right:0;}
	#footer .finfo .fbtn {display:inline-block; position:relative; top:auto; right:auto; margin-top:3rem;}
	#footer .slogo {width:150px; height:35px;}
	#footer p span {width:100%;}
}