@charset "utf-8";

@import url("../fonts/webfonts_AsiaNGL.css");

/* body */
body {background-color:#3B3F42;}

/* container */
#container {margin-top:0;}

/* header */
#header {position:absolute;left:0;top:0;width:100%;height:104px;color:var(--color-white);z-index:2;}
/* .main_body #header {position:absolute;left:0;top:0;width:100%;height:104px;color:var(--color-white);z-index:2;} */
.search_open #header {background-color:var(--color-blue-900);}

/* main_content */
.main_content {position:relative;width:100%;aspect-ratio: 1920 / 885;}
.main_content::before {content:'';display:block;padding-top:calc(885 / 1920 * 100%);position:absolute;left:0;top:0;}
.main_content .swiper-container {width:100%;height:100%;}
.main_content .main_visual_bg {position:absolute;left:0;top:0;width:100%;height:100%;}
.main_visual_bg .swiper-container {position:absolute;left:0;top:0;}
.main_visual_bg .swiper-slide {background-position:right bottom;background-repeat:no-repeat;background-size:cover;background-color:#3B3F42;}
.main_visual_bg .swiper-slide h2 {display:none;}
.main_visual_con {position:relative;height:100%;}
.main_visual_con .swiper-slide,
.swiper-autoheight,
.swiper-autoheight .swiper-slide {height:100%;}
.main_visual_con .inner {height:100%;height:100%;display:flex;align-items: flex-start;top: 151px;}
.main_visual_con .main_content_wrap {position:relative;width:624px;margin-top:20px;z-index:10;}
.main_visual_con h2 {width:100%;font-size:36px;color:#fff;font-family:'AsiaNGL4R';}
.main_visual_con h2 em {font-size:60px;}
.main_visual_con .main_list {position:relative;margin-top:30px;width:100%;font-size:30px;font-weight:700;color:#fff;}
.main_visual_con .main_list ul {width:100%;display:flex;flex-wrap:wrap;gap:36px;}
.main_visual_con .main_list li {flex:1;min-width:calc(50% - 36px);}
.main_visual_con .main_list a {width:100%;height:124px;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow: 0px 0px 4px 2px #0000001c;border-radius:16px;transition:var(--transition-3s);}
/* ���� �˾ƺ��ƿ� */
.main_visual_bg .main_card {background-image:url(../images/main/bg_main_card.jpg);}
.main_visual_con .main_card .main_list a {background:linear-gradient(180deg, #23AADF 0%, #14A3DC 100%);}
.main_visual_con .main_card .main_list a:hover {background:linear-gradient(180deg, #1D91C5 0%, #128ABF 100%);}
/* ���������� ã�ƺ��� */
.main_visual_bg .main_info {background-image:url(../images/main/bg_main_info.jpg);}
.main_visual_con .main_info .main_list a {background:linear-gradient(180deg, #FF7656 0%, #F96643 100%);}
.main_visual_con .main_info .main_list a:hover {background:linear-gradient(180deg, #E85E46 0%, #D95239 100%);}
/* ���ΰ����� �־�� */
.main_visual_bg .main_solution {background-image:url(../images/main/bg_main_solution.jpg);}
.main_visual_con .main_solution .main_list a {background:linear-gradient(180deg, #F2B14E 0%, #F0A534 100%);}
.main_visual_con .main_solution .main_list a:hover {background:linear-gradient(180deg, #E39B41 0%, #D98C2F 100%);}
/* swiper-ctrl */
.swiper-ctrl {display:none;}
.main_visual_con .swiper-btn {position:absolute;top:50%;width:72px;height:72px;color:#fff;margin-top:-36px;border-radius:100%;background-size:37px;background-repeat:no-repeat;background-color:rgba(255, 255, 255, 0.3);background-size:37px;background-repeat:no-repeat;background-position:center;transition:var(--transition-3s);}
.main_visual_con .swiper-btn.prev-btn,
.main_visual_con .swiper-btn.swiper-button-prev {left:-103px;background-image:url(../images/main/icon_prev.png);}
.main_visual_con .swiper-btn.next-btn,
.main_visual_con .swiper-btn.swiper-button-next {left:662px;background-image:url(../images/main/icon_next.png);}


/* main_footer */
#footer.main_footer {padding:0;background-color:#3B3F42;color:#fff;border-top:0 none;}
#footer .foot_top {position: relative; z-index: 1; padding:48px 0 47px;}
#footer .foot_top .search_box_wrap {display:block;width:860px;margin:0 auto;}
#footer .foot_top .s_search_box.base_type {width:100%;}
#footer .foot_top .s_search_box.base_type input {background-color:var(--color-white);}
.foot_top .keyword_list {text-align:center;font-size:0;margin-top:28px;}
.foot_top .keyword_list .swiper-wrapper {display: flex;gap: 17px;justify-content:center;flex-wrap: wrap;}
.foot_top .keyword_list a {display:inline-block;padding:0 18px;font-size:14px;font-weight:500;width:auto;height:32px;line-height:30px;border:1px solid var(--color-white-alpha70);border-radius:16px;}
.foot_top .keyword_list a::before {content:'#';margin-right:1px;}
#footer.main_footer .foot_btm {position:relative;border-top-color:#3B3F42;padding:47px 0 45px;margin-top:0;gap:20px 35px;}
.main_footer .foot_btm::before {content:'';position:absolute;left:-100%;top:0;width:300%;height:1px;background-color:var(--color-gray-700);}
.main_footer .foot_logo {position:absolute;left:0;top:40px;font-size:20px;font-family: var(--font-jalnan);font-weight:bold;color:#C0C6CD;}
.main_footer .foot_btm .info {padding-top:33px;color:#B1BEC4;}
.main_footer .foot_util li a {color:#B5BEC3;}
#footer.main_footer .foot_util li a:hover {color:var(--color-white);}
#footer.main_footer .foot_util .foot_site {position:relative;float: right;font-size:0;margin-top: 20px;border: 1px solid #747b81;border-radius: 10px;}
#footer.main_footer .foot_util .foot_site select,
#footer.main_footer .foot_util .foot_site button {font-size:16px;}
#footer.main_footer .foot_util .foot_site button {background-color: #424242;color: #fff;width: 75px;height: 52px;}
#footer.main_footer .foot_util .foot_site select {padding:0 22px;color:#cdcdcd;font-weight:500;border:none;height:52px;
border-right:0 none;background:#3b3f42 url('../images/layout/icon_select_down.png') right 23px center no-repeat;}

.search_quick{position:fixed;bottom:81px;right:105px;z-index:10;}
.search_quick a{display:flex;justify-content:center;align-items:center;flex-direction:column;width:75px;height:75px;border-radius:50%;}
.search_quick a + a{margin-top:24px;}

/* ���̰� 1679px ������ ��*/
@media all and (max-width:1679px){

	/* main_content */
	.main_visual_con .inner {width:100%;padding:0 143px;}	
	.main_visual_con .main_content_wrap {width:488px;}
	.main_visual_con h2 {font-size:24px;}
	.main_visual_con h2 em {font-size:36px;}
	.main_visual_con .main_list {font-size:20px;margin-top:20px;}
	.main_visual_con .main_list ul {gap:24px;}
	.main_visual_con .main_list a {height:102px;padding:0 10px;word-break:keep-all;word-wrap:break-word;}
	.main_visual_con .swiper-btn.next-btn, 
	.main_visual_con .swiper-btn.swiper-button-next {left:519px;}

}
@media screen and (max-width:1439px){
	.search_quick{bottom:61px;right:24px;}
	.search_quick a + a {margin-top:16px;}
}

/* ���̰� 1179px ������ ��*/
/*-------------------main.css----------------------*/
/* ���̰� 1179px ������ ��*/