@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,strong,span{margin:0;padding:0;outline:0;border:0;}
body,input,select,textarea,button,pre,div {border:none; font-size:inherit; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color:inherit; line-height:inherit;}
body { background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; font-size:15px; font-weight:400; color:#333333; letter-spacing:-0.06em; line-height:1.2;}
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: 'Noto Sans KR', 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);}


input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"] {height:42px; margin:0; padding:0; padding-left:12px; border:1px solid #e4e4e4; font-size:16px; color:#151515;}
input[type="file"] {height:42px; font-size:16px;}
select {height:42px; padding-left:12px; padding-right:20px; border:1px solid #e4e4e4; font-size:16px; color:#151515;}
textarea {padding:12px; border:1px solid #e4e4e4; font-size:16px; color:#151515;}
button, select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
	font:inherit;
}
select::-ms-expand {display: none;}
select{	
	background: #fff url('../images/common/icon_sel_arr.png') right 16px center no-repeat; background-size:16px auto;

}



.swiper-button-prev::after,
.swiper-button-next::after {display:none;}



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;}
strong {font-weight:700;}


#wrap {overflow:hidden;}
body.pop_open {overflow: hidden; padding-right: 0; touch-action: none; height: 100%; overscroll-behavior: contain;}

img {max-width:100%;}


.fc_dark {color:#2f2f2f !important;}
.fc_green {color:#61bb45 !important;}
.fc_gray {color:#666666 !important;}
.fc_blue {color:#213875 !important;}

.t_line {text-decoration:underline; text-underline-offset: 1rem;}

.fs_18 {font-size:1.8rem; line-height:1.4;}
.fs_20 {font-size:2rem;}
.fs_22 {font-size:2.2rem;}
.fs_23 {font-size:2.3rem;}
.fs_24 {font-size:2.4rem;}
.fs_27 {font-size:2.7rem;}

.fw_500 {font-weight:500;}
.fw_700 {font-weight:700;}

.mt_0 {margin-top:0rem !important;}
.mt_10 {margin-top:1rem !important;}
.mt_15 {margin-top:1.5rem !important;}
.mt_20 {margin-top:2rem !important;}
.mt_25 {margin-top:2.5rem !important;}
.mt_30 {margin-top:3rem !important;}
.mt_40 {margin-top:4rem !important;}
.mt_50 {margin-top:5rem !important;}
.mt_60 {margin-top:6rem !important;}
.mt_70 {margin-top:7rem !important;}
.mt_80 {margin-top:8rem !important;}
.mt_130 {margin-top:13rem !important;}
.ml_40 {margin-left:4rem;}
.t_left {text-align:left !important;}
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}

html {font-size:10px;}
@media (max-width:1500px){
	html {font-size:calc(1000vw/1500);}
}
@media (max-width:1024px){
	html {font-size:10px;}
	.m_none {display:none;}
	.m_block {display:block;}
}
@media (max-width:600px){
	html {font-size:calc(1000vw/560);}		
}


#wrap {}

#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:40px; background:#21272e;color:#fff;font-size:20px;font-weight:bold;text-align:center;text-decoration:none;line-height:2}

.container {width:94%; max-width:1584px; margin:auto;}
.scontainer {width:94%; max-width:1260px; margin:0 auto 10rem;}

#header {position:fixed; top:0; left:0; width:100%; z-index:111000;}


#header_mobile {display:none;}
#header_pc {height:119px; background:#fff;}
#header_pc .inwrap {position:relative; width:94%; max-width:1584px; z-index:1001; height:119px; padding-top:24px; padding-right:50px; margin:auto; text-align:center; background:#fff; transition:all 0.4s;}
#header_pc .logo {position:absolute; top:24px; left:0px;}
#header_pc .logo a {display:block; overflow:hidden; width:243px; height:95px; background:url('../images/common/logo.png') no-repeat center/contain;}
#header_pc .gnb_list {overflow:hidden; position:relative; display:flex; justify-content:space-between; max-width:1149px; height:95px; margin-left:258px; padding:0 120px; transition:height 0.4s;}
#header_pc .gnb_list::before {position:absolute; top:95px; left:0; right:0; bottom:0; height:460px; background:rgba(25,61,111,0.9); content:'';}
#header_pc.open .gnb_list {height:460px;}
#header_pc .gnb_list > li > a {display:block; position:relative; padding:0 10px; line-height:95px; font-size:20px; font-weight:500; white-space:nowrap; color:#222222; transition:all 0.4s;}
#header_pc .gnb_list > li > a::after {position:absolute; left:50%; right:50%; bottom:0; height:5px; opacity:0; content:''; transition:all 0.4s; background-color: #61bd45; background-image: linear-gradient(to right, #61bd45 0%, #5381e7 100%);}
#header_pc:not(.open) .gnb_list > li.active > a::after,
#header_pc .gnb_list > li.on > a::after {left:0; right:0; opacity:1;}
#header_pc:not(.open) .gnb_list > li.active .sbox,
#header_pc .gnb_list > li.on .sbox {opacity:1; pointer-events:initial;}
#header_pc .sbox {display:flex; position:absolute; top:95px; left:0; right:0; padding:25px 370px 30px 150px; color:#fff; text-align:left; opacity:0; transition:opacity 0.4s; pointer-events:none;}
#header_pc .sbox::after {position:absolute; top:30px; right:30px; width:344px; height:306px; background:no-repeat center/cover; content:'';}
#header_pc .gnb_list > li:nth-child(1) .sbox::after {background-image:url('../images/common/gnb_img1.jpg')}
#header_pc .gnb_list > li:nth-child(2) .sbox::after {background-image:url('../images/common/gnb_img2.jpg')}
#header_pc .gnb_list > li:nth-child(3) .sbox::after {background-image:url('../images/common/gnb_img3.jpg')}
#header_pc .gnb_list > li:nth-child(4) .sbox::after {background-image:url('../images/common/gnb_img4.jpg')}
#header_pc .gnb_list > li:nth-child(5) .sbox::after {background-image:url('../images/common/gnb_img5.jpg')}
#header_pc .gnb_list > li:nth-child(1) .sub {display: grid; grid-template-columns: 2fr 1fr;}
#header_pc .gnb_list .ssub.grid2 {display:grid; grid-template-rows: repeat(9, auto); grid-auto-flow: column; grid-template-columns:1fr 1fr;}
#header_pc .gnb_list .sub {flex:1; min-width:0;}
#header_pc .gnb_list .sub > li > a {display:inline-block; position:relative; padding-left:10px; font-size:18px; line-height:39px;}
#header_pc .gnb_list .sub > li > a::before {position:absolute; top:50%; left:0; width:4px; height:4px; border-radius:100%; margin-top:-2px; background:#fff; content:'';}
#header_pc .gnb_list .ssub {font-size:16px; line-height:30px; font-weight:300;}
#header_pc .gnb_list .ssub a {display:inline-block; padding-left:10px;}
#header_pc .btn_mem {position:absolute; top:60px; right:52px; padding-left:29px; line-height:24px; font-size:16px; color:#404040; font-weight:500; background:url('../images/common/icon_mem.png') no-repeat 0 center;}
#header_pc .btn_menu {position:absolute; top:60px; right:0; width:29px; height:24px; background:url('../images/common/icon_menu.png') no-repeat center;}



#main {margin-top:119px;}
#footer .footer {margin-top:5rem; border-top:1px solid #e4e4e4;}
#footer .ft_ban {text-align:center;}
#footer .ft_menu {background:#333333;}
#footer .ft_menu ul {display:flex; justify-content:center; color:#fff; font-size:1.65rem;}
#footer .ft_menu li {position:relative; line-height:6rem; white-space:nowrap;}
#footer .ft_menu li+li::before {position:absolute; top:50%; left:0; width:1px; height:1.3rem; margin-top:-0.6rem; background:#686868; content:'';}
#footer .ft_menu li a {display:block; padding:0 2rem;}
#footer .ft_menu li:nth-child(1),
#footer .ft_menu li:nth-child(2) {color:#8aeeff;}
#footer .ft_con {display:flex; position:relative; max-width:1400px; margin:5rem auto; gap:10rem;}
#footer .blogo {width:24.3rem; height:3.2rem; background:url('../images/common/blogo.jpg') no-repeat center/contain;}
#footer .ft_info {font-size:1.55rem; color:#888888; line-height:1.66;}
#footer .ft_info span {margin-right:2rem;}
#footer .flogo {width:7.2rem; height:7.2rem; margin-left:auto; background:url('../images/common/flogo.jpg') no-repeat center/contain;}

.ft_ban {position:relative;}
.ft_ban .controls {display:none;}
.ft_ban .swiper-wrapper {-ms-flex-pack: center!important; justify-content: center!important;}
.ft_ban .swiper-slide {width:auto; padding:0 45px;}



#qlink {display:none; position:absolute; left:50%; top:50%; margin-left:735px; margin-top:-15rem; z-index:111000; font-family: "Noto Sans KR", sans-serif; text-align:center;}
#qlink a {display:block; width:6.8rem; height:6.8rem; padding-top:0.6rem; border:1px solid #dcdcdc; border-radius:100%; font-size:1rem; color:#666666; background:#fff;}
#qlink a::before {display:block; width:4rem; height:4rem; margin:auto; background:url('../images/common/icon_quick.png') no-repeat; background-size:100% auto; content:'';}
#qlink li+li {margin-top:1rem;}
#qlink li:nth-child(1) a::before {background-position:0 0;}
#qlink li:nth-child(2) a::before {background-position:0 10%;}
#qlink li:nth-child(3) a::before {background-position:0 20%;}
#qlink li:nth-child(4) a::before {background-position:0 30%;}





@media (max-width:1600px){
	#header_pc .inwrap {padding-right:140px;}
	#header_pc .gnb_list {padding:0 100px;}
	#header_pc .sbox {padding:25px 370px 30px 100px;}
}
@media (max-width:1500px){
	#header_pc .inwrap {padding-right:140px;}
	#header_pc .gnb_list {padding:0 50px;}
	#header_pc .sbox {padding:25px 300px 30px 50px;}
	#header_pc .sbox::after {width:274px;}
	
	#qlink {left:auto; right:10rem; margin-left:0;}
}
@media (max-width:1400px){
	#header_pc .inwrap {padding-right:0;}
	#header_pc .gnb_list {margin:0; max-width:none; padding:0 160px 0 270px;}
	#header_pc .sbox {padding:25px 370px 30px 50px;}
	#header_pc .sbox::after {width:344px;}
}
@media (max-width:1250px){
	#header_pc .gnb_list > li > a {font-size:19px;}
	#header_pc .gnb_list .sub > li > a {font-size:17px;}
	#header_pc .gnb_list .ssub {font-size:15px;}
}
@media (max-width:1024px){
	button, select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {font-size:15px;}
	
	
	.container {width:auto; margin:0 3rem;}
	.scontainer {width:auto; margin:0 3rem 10rem;}
	

	
	
	#main {margin-top:60px;}
	
	#header_pc {display:none;}
	#header_mobile {display:block; background:#fff;}
	#header_mobile .top {display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 3rem;}
	#header_mobile .logo a {display:block; width:190px; height:60px; background:url('../images/common/logo.png') no-repeat center/contain;}
	#header_mobile .btn_menu {width:24px; height:40px; background:url('../images/common/icon_menu.png') no-repeat center/contain; transition:all 0.4s;}
	#side_menu {overflow-y:auto; position:fixed; top:0; right:-90%; z-index:1000; width:80%; height:100%; background:#fff; transition:right 0.4s;}
	#side_menu.open {right:0;}
	#side_menu .top {display:flex; align-items:center; justify-content:space-between; height:60px; padding:0 3rem;}
	#side_menu .top .btn_mem {display:block; padding-left:18px; font-size:15px; color:#666666; background:url('../images/common/icon_lock.png') no-repeat 0 center; background-size:11px auto;}
	#side_menu .top .btn_menu_close {width:18px; height:18px; background:url('../images/common/icon_close.png') no-repeat center/contain;}
	#side_menu .gnb_list {border-top:1px solid #e4e4e4;}
	#side_menu .gnb_list > li {border-bottom:1px solid #e4e4e4;}
	#side_menu .gnb_list > li > a {display:block; position:relative; padding-left:18px; font-size:17px; line-height:2.857; color:#141414; font-weight:500;}
	#side_menu .gnb_list > li > a::after {position:absolute; right:22px; top:50%; width:18px; height:18px; margin-top:-9px; background:url('../images/common/icon_nav_arr.png') no-repeat center/contain; content:'';}
	#side_menu .gnb_list .sub {display:none; padding:18px; background:#f4f4f5;}	
	#side_menu .gnb_list .sub > li > a {display:block; position:relative; padding-left:10px; font-size:16px; line-height:2.0;}
	#side_menu .gnb_list .sub > li > a::after {position:absolute; top:0; left:-4px; content:'ㆍ';}
	#side_menu .gnb_list .ssub {display:none;}
	#side_menu .gnb_list > li.on > a {color:#fff; background:#223055;}
	#side_menu .gnb_list > li.on > a::after {background-image:url('../images/common/icon_nav_arr_on.png');}
	#side_menu .gnb_list > li.on .sub {display:block;}
	#dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8);}
	
	#qlink {position:fixed; top:auto; bottom:3rem; left:0; right:0; margin:0;}
	#qlink ul {display:flex; justify-content:center; gap:1rem;}
	#qlink ul li+li {margin:0;}
	#qlink a {width:8rem; height:8rem; padding-top:0.8rem; border:1px solid #dcdcdc; font-size:1.3rem;}
	#qlink a::before {width:4.3rem; height:4.3rem}
	
	
	#footer {padding-bottom:8rem;}
	#footer .ft_menu ul {overflow-x:auto; justify-content:start; -webkit-overflow-scrolling: touch;}
	#footer .ft_con {position:relative;}
	#footer .ft_con {flex-direction:column; gap:2rem; margin:5rem 3rem;}
	#footer .ft_info {width:100%; font-size:1.8rem;}
	#footer .ft_info span {display:block;}
	#footer .flogo {position:absolute; top:0; right:0}
	
	.ft_ban {padding-left:2rem;}
	.ft_ban .swiper-container {margin-left:81px; margin-right:-3rem;}
	.ft_ban .swiper-wrapper {-ms-flex-pack: left!important; justify-content: left!important;}
	.ft_ban .swiper-slide {padding:0 20px;}
	.ft_ban .swiper-slide img {height:70px;}
	.ft_ban .controls {display:flex; gap:3px; position:absolute; top:50%; left:2rem; margin-top:-12px;}
	.ft_ban .controls > div,
	.ft_ban .controls > button {position:relative; left:auto; right:auto; width:25px; height:25px; margin:0; padding:0; border: 1px solid #dddddd;}
	.ft_ban .controls .swiper-button-prev,
	.ft_ban .controls .swiper-button-next,
	.ft_ban .controls .swiper-button-playpause {background:no-repeat center; background-size:6px auto;}
	.ft_ban .controls .swiper-button-prev {background-image:url('../images/common/icon_swiper_prev_m.png');}
	.ft_ban .controls .swiper-button-next {background-image:url('../images/common/icon_swiper_next_m.png');}
	.ft_ban .controls .swiper-button-playpause {background-size:5px auto; background-image:url('../images/common/icon_swiper_pause_m.png');}
	.ft_ban .controls .swiper-button-playpause.pause {background-size:7px auto; background-position:8px center; background-image:url('../images/common/icon_swiper_play_m.png');}
}