@charset "UTF-8";

/*-------------------------------------------------
Version : 1.0
Author : han
-------------------------------------------------*/


.main .swiper-notification {position:absolute;}

:root{
	--main-color:transparent;
	--transition-custom: all 0.3s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out;
	--transition-custom-2: all 0.2s ease-in-out; 
  --font-family-noto: 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
	--font-family-mont: 'Montserrat', 'Noto Sans Korean', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
  --font-family-gmarket: 'Gmarket', 'Montserrat', 'Nanum Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Gulim, '굴림',sans-serif;
}

.main article {position:relative;}
.main article .in_cover > .in_w {max-width:1300px;}


.main_bg {display: flex; flex-direction: column; position:absolute; left:0; top:0; width:100%; height: 100%;}
.main_bg .bg01 {display: flex; height: 330px;}
.main_bg .bg01 span {flex:1; display: block; position:relative; }
.main_bg .bg01 .l {  background:#164690;}
.main_bg .bg01 .l:before {content:''; display: block; position:absolute; right:0; top:0; width:960px; height: 100%; background: url(../images/main/main_vis_txt_bg.png) no-repeat 50% 50%; background-size: cover;}
.main_bg .bg01 .r { background: url(../images/main/main_vis_txt_bg02.png) no-repeat 100% 20px; }
.main_bg .bg02 {flex:1; position:relative;  } 
.main_bg .bg02:before {content:''; display: block; position:absolute; left:50%; top:0; transform: translateX(-50%); width:1920px; height: 100%; background: url(../images/main/main_vis_01.jpg) no-repeat 50% 50%; background-size: cover;}

.main_tit_w {display: flex;    flex-direction: column; justify-content: center; position:relative; padding:2rem 0; height: 183px; color:#fff; box-sizing: border-box;}
.main_tit_w:before {content:''; display: block; position:absolute; left:0; top:40px; width:49%; max-width:530px; height:2.25rem ; background: url(../images/main/main_vis_txt01.png) no-repeat 0% 50%; background-size: contain;}
.main_tit_w p {position:relative;}
.main_tit_w .t {margin-top:1.25rem; font-size:1.875rem; letter-spacing: -1px;}
.main_tit_w .x {margin-top:0.625rem; font-weight: 100; opacity: 0.4;}

.main_board_w {display: flex; position:relative;}
.main_board_w > li {flex:1; margin-left:-1px; padding:1rem 1.5rem;  height: 285px; background:#fff; border:1px solid #ddd; box-sizing: border-box;}
.main_board_w a { display: flex; margin:0 auto;  max-width:250px; height: 100%; }
.main_board_w dl {display: flex; flex-direction: column; width:100%; }
.main_board_w dl dt {flex:1; display: flex; flex-direction: column; margin-bottom:0.75rem;}
.main_board_w dl .ca {flex:1; display:flex; align-items: center; font-size:0.9375rem; color:#f26432;}
.main_board_w dl .t { height: 3.25rem; font-size:1.25rem; font-weight: 600; color:#000; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board_w dl .t strong {font-weight: 600;}
.main_board_w dl .x {margin-bottom:1.5rem; line-height: 1.5; height: 2.875rem; font-size:0.9375rem; color:#999999; word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.main_board_w dl .d_w {display: flex; align-items: center; height: 4rem; border-top:1px solid #e5e5e5;}
.main_board_w dl .d_w .d {flex:1; font-size:0.9375rem; color:#666666; }
.main_board_w dl .d_w i {width:1.875rem; height:1.875rem; background:#f3f3f3 url(../images/main/main_icon_blank.png) no-repeat 50% 50%; background-size:1rem auto; border-radius: 50%;}

.main_board_w {z-index:10;}
.main_board_w > li:hover {position:relative; box-shadow: 0 0.3125rem 1.125rem rgba(0,0,0,0.2);}
.main_board_w a:hover dl .d_w i {background-color:#f26432; background-image:url(../images/main/main_icon_blank_w.png); }

.main_cnt {display: flex; position:relative;}
.main_cnt > .l {flex:1;}
.main_caln_w {padding:0 2.5rem; padding-bottom:2rem; height: 584px; width:326px; color:#fff; background:#f26432; box-sizing: border-box;}
.main_caln_top {display: flex; flex-direction: column; align-items: center;	justify-content: center; padding:1.75rem 0; height: 154px; box-sizing: border-box;}
.main_caln_top .w {display: flex; justify-content: center;	align-items: center; }
.main_caln_top .cal_tit {width:6.25rem; font-size:3.875rem; line-height: 1; text-align: center; font-family: var(--font-family-mont);}
.main_caln_top .w a {width:1.875rem; height: 1.875rem;  font-family: var(--font-family-mont); background:#da4c1a url(../images/main/calen_iconSt01_arwR.png) no-repeat 50% 50%; background-size:1rem auto; border-radius: 50%;}
.main_caln_top p {font-size:1.75rem; font-family: var(--font-family-mont);}
.main_caln_top .w a.cal_prev {background-image: url(../images/main/calen_iconSt01_arwL.png); }

.main_caln_list {height: 336px; border-top: 1px solid rgba(255,255,255,0.6);}
.main_caln_list > li {display: block; border-bottom: 1px dashed rgba(255,255,255,0.25);}
.main_caln_list > li:last-child {border-bottom:none;}
.main_caln_list a {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 5.25rem; }
.main_caln_list .d {padding:0 0.625rem; height: 1.5rem; line-height: 1.5rem; font-size:0.9375rem; white-space: nowrap; background:#da4c1a; border-radius: 0.25rem; }
.main_caln_list a p {margin-top:0.25rem; color:#ffd2c2; font-weight: 200;  word-break: break-all; display: -webkit-box;	overflow: hidden;	text-overflow: ellipsis;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
.main_caln_list a:hover p {color:#fff;}
.main_caln_list .noData {display: flex; justify-content: center;align-items: center;height: 84px;}

.main_caln_btm {}
.main_caln_btm .btn {width:100%; height: 3.125rem; background:#fce0d6; border:none; border-radius: 0.625rem;}
.main_caln_btm .btn span {color:#f26432; font-weight: 500; }
.main_caln_btm .btn:hover {background-color:#fff; box-shadow: 0 5px 1rem rgba(0,0,0,0.2);}
@media (max-width:768px) { 
	.main_caln_list {height: auto;}
	.main_caln_list .d {letter-spacing: 0;}
}


.main_quick_w {display: flex; flex-wrap: wrap; gap:0.625rem; position:absolute; left:0; bottom:3.75rem; width:100%; max-width:600px;}
.main_quick_w > li {width:calc(33.3% - 0.4375rem);}
.main_quick_w > li:nth-child(2) {margin-right:30px;}
.main_quick { display: flex; flex-direction: column; justify-content: center;	align-items: center; gap:0.5rem; position:relative; height: 9.375rem; font-size:1.125rem; background:#fff;}
.main_quick i {display: inline-block; width:3.75rem; height: 3.75rem; background: url(../images/main/main_icon_0101.png) no-repeat 50% 50%; background-size:contain;}
.main_quick i.img0101 {background-image: url(../images/main/main_icon_0101.png);}
.main_quick i.img0102 {background-image: url(../images/main/main_icon_0102.png);}
.main_quick i.img0103 {background-image: url(../images/main/main_icon_0103.png);}
.main_quick i.img0104 {background-image: url(../images/main/main_icon_0104.png);}
.main_quick i.img0105 {background-image: url(../images/main/main_icon_0105.png);}
.main_quick:after {content:''; display: block; position:absolute; right:0; bottom:1.25rem; width:2.625rem; height:2.625rem;  background:#bf3200 url(../images/main/main_icon_check.png) no-repeat 50% 50%; background-size:contain; box-shadow: 0 0.3125rem 1.125rem rgba(0, 0, 0, 0.2); border-radius: 50%; background-size:1rem auto; opacity: 0; transition: var(--transition-custom);}
.main_quick:hover {z-index:1; color:#fff; background: #f26432 url(../images/main/main_quick_bg.jpg); background-size:cover; }
.main_quick:hover i.img0101 {background-image: url(../images/main/main_icon_0101_ac.png);}
.main_quick:hover i.img0102 {background-image: url(../images/main/main_icon_0102_ac.png);}
.main_quick:hover i.img0103 {background-image: url(../images/main/main_icon_0103_ac.png);}
.main_quick:hover i.img0104 {background-image: url(../images/main/main_icon_0104_ac.png);}
.main_quick:hover i.img0105 {background-image: url(../images/main/main_icon_0105_ac.png);}
.main_quick:hover:after { transform: translateX(50%); opacity: 1;}



@media (max-width:1024px) { 
	.main_bg .bg01 .l {background: url(../images/main/main_vis_txt_bg.png) no-repeat 50% 50%; background-size:cover; }
	.main_bg .bg01 .l:before {display: none;}
	.main_bg .bg01 .r {display: none;}
	.main_bg .bg02:before {  width:100%;  background-image: url(../images/main/main_vis_01_omo.jpg); }

	.main_tit_w:before { width: 70%;}

	.main_cnt {margin-top:3rem;}
	.main_quick_w {max-width: calc(100% - 321px - 2.5rem); }

}
@media (max-width:960px) { 
	.main_board_w dl .t {word-break: break-all;}

	.main_quick_w {bottom:2.5rem;}	
}
@media (max-width:960px) and (min-width:769px) { 
	.main_quick_w { width: 400px;}	
	.main_quick_w > li {  width: calc(50% - 0.375rem);}
	.main_quick_w > li:nth-child(1) { margin-right: 30px;}
	.main_quick_w > li:nth-child(2) { margin-right: 0;}
}
@media (max-width:860px) { 
	.main_board_w {    flex-wrap: wrap;}
	.main_board_w > li {flex:none;  margin-top:-1px; padding-top:0; padding-bottom:0; width:50%; height: auto;}
	.main_board_w dl .ca {padding:1.5rem 0 0.625rem; }
	.main_board_w dl .x {margin-bottom:1.25rem;}
	.main_board_w dl .d_w {padding:0.75rem 0 1.25rem; height: auto;}
}
@media (max-width:768px) { 
	.main_tit_w:before { width: 80%;}
	
	.main_tit_w {height: auto; height: auto; min-height:11rem ;}

	.main_cnt {display: block;}
	.main_cnt > .l {display: none;}
	.main_quick_w {position:relative; left:auto; right:auto; bottom:auto; width:auto; max-width:none;}
	.main_quick {height: 8rem;}
	.main_quick:after { width: 2.25rem; height: 2.25rem; background-size: 0.875rem auto;}
	.main_quick i { width: 3.25rem; height: 3.25rem; }

	.main_caln_w {margin-top:3rem;  width:100%; height: auto; }
	.main_caln_top {height: auto;}
	.main_caln_top .cal_tit {width: 7rem;}
}
@media (max-width:460px) { 

}




/* HSM 20251112 팝업 레이아웃 퍼블리싱 */
.main_popup {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 200; position: fixed; top: 0; left: 0; box-sizing: border-box; }
.main_popup_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: 500px; max-width: 100%;}
.main_popup_check {height: 35px; background-color: #444; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; font-size: 14px; font-weight: bold;} 
.main_popup_check>a {color: white;}
.main_check_left>label {display: flex; gap: 5px;}
.main_check_close {margin-right: 20px;}