@font-face{font-family: 'GmarketSansLight'; font-weight:normal; font-style:normal; src:url('../font/GmarketSansTTFLight.woff') format('woff'), url('font/GmarketSansTTFLight.eot') format('eot');}
@font-face{font-family: 'GmarketSansMedium'; font-weight:normal; font-style:normal; src:url('../font/GmarketSansTTFMedium.woff') format('woff'), url('font/GmarketSansTTFMedium.eot') format('eot');}
@font-face{font-family: 'GmarketSansBold'; font-weight:normal; font-style:normal; src:url('../font/GmarketSansTTFBold.woff') format('woff'), url('font/GmarketSansTTFBold.eot') format('eot');}

* { margin: 0 auto; padding: 0; }
body{ width: 100%; }
a { text-decoration: none; color: #444; display: inline-block; }
.fixedclear:after{ content: ""; display: block; clear: both; }
.intro_inner{ width: 930px; }

#wrapper { text-align: center; color: #444; background-color: #e2ecf7;  position: relative; overflow: hidden;}
#wrapper:after { content: ""; position: absolute; left: 0; top:0; width: 464px; height: 503px; background:url(../images/bg_left.png) 0 0 no-repeat; z-index: 0;}
#wrapper:before { content: ""; position: absolute; right: 0; top:0; width: 556px; height: 442px; background:url(../images/bg_right.png) 0 0 no-repeat; z-index: 0;}

header{ padding-top: 80px; }
header h1 { margin: 0; }
header h2 { margin: 0 20px 0 0; font-family: "GmarketSansMedium"; word-break: keep-all; font-size: 34px; }
header p { font-size:32px;  font-family:"GmarketSansMedium";}
header span {font-family:"GmarketSansLight";  font-size:24px; font-weight:600;}
.intro_tit{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; z-index: 1; }


#intro_btn { padding-top:60px; position: relative; z-index: 1; }
#intro_btn_left{ float: left; }
#intro_btn_right{ float: right; }
#intro_btn_right a{ display: flex; align-items: center; width: 100%; }
#intro_btn_left,
#intro_btn_right{ overflow: hidden; width: 415px; height: 466px; border-radius: 30px; box-shadow: 5px 5px 12px rgba(0,0,0,0.2); }
#intro_btn .intro_inner a.bg_l { width: 100%; height: 100%; position: relative; background: #86bbf4 url(../images/intro_btn_left.png); background-repeat: no-repeat; background-position: center 20px;}
#intro_btn .intro_inner a.bg_r { width: 100%; height: 100%; position: relative; background: #fff;}
#intro_btn .intro_inner #intro_btn_left .intro_btn_text {  background:#fff; bottom:0; left:0; position: absolute; height: 250px; width: 100%; }
#intro_btn .intro_inner .intro_btn_text i{ display: block; width: 132px; height: 92px; background: url(../images/intro_btn_ico.png); }
#intro_btn .intro_inner .intro_btn_text h3 { padding-top: 40px; font-size: 28px; color:#000; font-family:"GmarketSansLight";  font-weight:600; letter-spacing:-0.05em; line-height: 1.3;}
#intro_btn .intro_inner .intro_btn_text h3 span { display:block;  }
#intro_btn .intro_inner .intro_btn_text h3 strong { font-family: 'GmarketSansBold'; }
#intro_btn .intro_inner .intro_btn_text p { margin-top:30px; font-size: 18px; color:#fff;  border-radius: 80px; width: 200px; height: 53px; line-height: 56px;  font-family: 'GmarketSansMedium';  letter-spacing:-0.05em;}


#intro_btn_left p { display:inline-block;  background:#144ca2 url(../images/btn_left_arw.png) no-repeat 90% 50%;   }
#intro_btn_right p { display:inline-block;  background:#009324 url(../images/btn_right_arw2.png) no-repeat 90% 50%;   }


footer{  padding: 220px 0 30px 0; background: #fff; margin-top: -180px; }
address{ font-style: normal; font-size: 15px; font-family: 'GmarketSansMedium';  line-height:1.5; }

/*hover*/
#intro_btn_left:hover, #intro_btn_right:hover{ transform: scale(1.05); transition: .3s; }




@media all and (max-width:1400px) {
	#wrapper:after { width: 270px; height: 293px;  background-size: 270px 293px;}
	#wrapper:before { width: 280px; height: 223px;  background-size: 280px 223px;}

}	

@media all and (max-width:930px) {
	.intro_inner{ width: 95%; }
	#intro_btn_left,
	#intro_btn_right{ width: 48%; height: 466px;  }
	
}

@media all and (max-width:768px) {
	#wrapper:after, 
	#wrapper:before { display: none;}	

	header{ padding-top: 20px; }	
	header h1 { width:180px; margin-bottom: 20px; }	
	header h1 img  { width:180px;}
	header h2 { margin-bottom: 20px; }
	header h2 img { width:400px; height:51px;}
	header p { font-size:24px; margin-bottom: 5px;}
	header span { font-size:16px; }

	#intro_btn { padding-top:30px; }	
	
}

@media all and (max-width:680px) {
	.intro_inner{ width: 86%; }	
	#intro_btn_left,
	#intro_btn_right{ width: 100%; height: 420px;  }	
	#intro_btn_left { margin-bottom:20px;}	
	
	#intro_btn .intro_inner #intro_btn_left .intro_btn_text { height: 220px;  }
	#intro_btn .intro_inner .intro_btn_text h3 { padding-top: 30px; }	
	#intro_btn .intro_inner .intro_btn_text p { margin-top:20px;  }

	footer 	{  padding: 30px 0; margin-top: 50px; }
	
}

@media all and (max-width:640px) {

	header h1 { width:150px; margin: 0 auto 10px; }	
	header h2 { margin-bottom: 10px; font-size: 22px; margin-right: 0; }	
	header p { font-size:20px;  }	
	
	#intro_btn { padding-top:20px; }	
	#intro_btn_left,
	#intro_btn_right{ height: 360px;  }	
	
	#intro_btn .intro_inner #intro_btn_left .intro_btn_text { height: 150px;  }	
	#intro_btn .intro_inner .intro_btn_text h3 { padding-top: 25px; font-size: 20px; line-height: 1.2;  }	
	#intro_btn .intro_inner .intro_btn_text p { padding: 0 50px 0 32px; width: auto; margin-top:10px; font-size: 15px; height: 42px; line-height: 44px; }	

	footer 	{  padding: 20px 0; margin-top: 30px; }	
	address { font-size: 13px; }

    .intro_tit{ display: block; }
	
}


/*202403*/
.footer_ver2022 {border-top: 1px solid #dddddd}
.footer_ver2022 .footer_wrap { padding: 35px 0;}
.footer_ver2022 .footer_wrap .intro_inner {position: relative; display: flex;align-items: center;}
.footer_ver2022 .footer_wrap .intro_inner .footerlogo {
    font-size: 0;
    text-indent: -9999em;
    width: 78px;
    height: 98px;
    background-image: url(../images/gwanak/common_2022/logo_footer.png);
    background-repeat: no-repeat;
    background-position: center;}

.footer_ver2022 .footer_wrap .intro_inner .site_info {
    text-align: left;
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    line-height: 1.5;
    margin-left: 40px;}

.footer_ver2022 .footer_wrap .intro_inner .site_info .info-top { /* display:flex; */ align-items: center;overflow: hidden;}
.footer_ver2022 .footer_wrap .intro_inner .site_info address { font-style: normal;}
.footer_ver2022 .footer_wrap .intro_inner .site_info dl.phone_num {  display: flex; float: left;}
.footer_ver2022 .footer_wrap .intro_inner .site_info dl.phone_num:last-child { margin-left: 15px;}
.footer_ver2022 .footer_wrap .intro_inner .site_info dl.phone_num dt { margin-right: 5px; min-width: 35px;}

@media all and (max-width: 1080px) {

    .footer_ver2022 .footer_wrap { padding: 25px 0;}
    .footer_ver2022 .footer_wrap .intro_inner { display: block;}
    .footer_ver2022 .footer_wrap .intro_inner .footerlogo {
        display: block;
        margin: 0 auto 10px auto;
        width: 50px;
        height: 63px;
        background-size: cover;
    }
    .footer_ver2022 .footer_wrap .intro_inner .site_info{ margin-left: 0; }
    .footer_ver2022 .footer_wrap .intro_inner .site_info .info-top { display: block; text-align: center; }
    .footer_ver2022 .footer_wrap .intro_inner .site_info dl.phone_num { margin: 0; justify-content: center; float: none; }
    .footer_ver2022 .footer_wrap .intro_inner .site_info dl.phone_num dd{ margin-left: 0; }
    .footer_ver2022 .footer_wrap .intro_inner .site_info p { text-align: center;}
    .footer_ver2022 .footer_wrap .copyright { display: block;}

}