@charset "utf-8";

/* 메인컨텐츠 */
#landing_wrap {position:relative;width:100%;}
body.scrollfix #landing_wrap .header  {background:#003237;}
#landing_wrap .header {position:fixed;top:0px;z-index:10;width:480px;height:60px;border-bottom:solid 1px #fff;transition:all 0.5s ease}
#logo {padding-top:7px;padding-left:20px;z-index:10;display:inline-block;line-height:1;vertical-align:top;}
#logo > a {position:relative;line-height:1;vertical-align:top;}
#logo > a > img {width:auto;height:45px;line-height:1;}

#landing_wrap .header .right-link { display:none; float:right;}
#landing_wrap .header .right-link ul {}
#landing_wrap .header .right-link ul li {display:inline-block;border-left:solid 1px #fff;}
#landing_wrap .header .right-link ul li a {line-height:60px;display:block;color:#fff;padding:0px 15px;font-size:25px;}
#landing_wrap .header .right-link ul li a i { position:relative; top:5px; }

#main_visual {/*padding:130px 0 0 0;*/}
#main_visual {padding:60px 0 0 0;}

.landing_map { display:none; position:relative;width:100%;background:#003237;padding:80px 0;}
.landing_map .title_wrap { position:relative; color:#fff;margin-bottom:30px; text-align:center; }
.landing_map .title_wrap h3 { position:relative; display:inline-block; font-size:35px;margin:0px auto;}
.landing_map .title_wrap h3:after { position:absolute; bottom:0; left:50%; content:''; height:1px; width:100%; transform: translateX(-50%); overflow:hidden; background:#fff;}

.landing_map .pro {width:410px;text-align:center;margin:50px auto 0px;}
.landing_map .tip03 { display:inline-flex; gap:10px; }
.landing_map .tip03 > span {margin:0px;}
.landing_map .tip03 > span a {display:block;padding:12px 20px;border:solid 1px #fff;color:#fff;font-size:25px;}
.landing_map .tip03 > span a i { position:relative; top:3px; color:#fff;}
.landing_map img {width:100%;}

.countdown {display:flex; width:100%; align-items:center; background:#000; margin:59px 0 0 0;}
.countdown .txt {padding:7px 0 0 20px; width:35%; color:#fff; font-size:24px; line-height:1;}
.countdown .num {line-height:1; padding:12px 0 3px 0; text-align:center; width:65%; color:#fff; font-size:56px; font-weight:bold;}

.counsel_wrap {position:relative;width:100%;background-color:#001e21;padding:120px 0;}
.counsel_wrap .title_wrap { position:relative; color:#fff;margin-bottom:30px; text-align:center; }
.counsel_wrap .title_wrap h3 { position:relative; display:inline-block; font-size:35px;margin:0px auto;}
.counsel_wrap .title_wrap h3:after { position:absolute; bottom:0; left:50%; content:''; height:1px; width:100%; transform: translateX(-50%); overflow:hidden; background:#fff;}

.counsel_wrap .pro {width:410px;text-align:center;margin:20px auto 0px;}
.counsel_wrap .pro input {width:100%;height:60px;border:solid 1px #ddd;border-radius:5px;padding-left:20px;font-size:17px;color:#000;font-size:17px;}
.counsel_wrap .pro input::placeholder {color:#000;font-size:17px; }
.counsel_wrap .pro select {width:100%;height:60px;border:solid 1px #ddd;border-radius:5px;padding-left:20px;color:#000;font-size:17px;}
.counsel_wrap .pro select::placeholder {color:#000; }
.counsel_wrap .pro textarea {width:100%;height:100px;border:solid 1px #ddd;border-radius:5px;padding:20px;}
.counsel_wrap .pro textarea::placeholder {color:#000; }
.counsel_wrap .pro > input.btn-ok {width:100%;height:60px;border-radius:5px;text-align:center;color:#fff;background:#003237;display:block;line-height:61px;font-size:25px;border:0px;cursor:pointer;}
.counsel_wrap .pro.tip02 {color:#fff;}
.counsel_wrap .pro.tip02 input {width:30%;}
.counsel_wrap .pro.tip02 select {width:32%;}
.counsel_wrap .pro.tip03 {text-align:left;color:#fff; font-size:17px; }
.counsel_wrap .pro.tip03 a {color:#fff;font-size:11px;}
.counsel_wrap .pro.tip03 input {position:relative;top:-2px;}
.counsel_wrap img {width:100%;}

.counsel_wrap .ul_listtype01 { display:flex; gap:20px; }
.counsel_wrap .ul_listtype01 li { position:relative; width:50%; }
.counsel_wrap .ul_listtype01 li label { display:flex; justify-content:center; align-items:center; width:100%; height:60px; border:solid 0px #ddd;border-radius:5px; font-size:17px; background:#fff; cursor:pointer; }
.counsel_wrap .ul_listtype01 li input[type=radio] { position:absolute; width:0; height:0; opacity:0; overflow:hidden; /* 80% 불투명도 */ }
.counsel_wrap .ul_listtype01 li input[type=radio]:checked + label { background:#003237; color:#fff; }


@media screen and (max-width:1024px) {
    #logo {float:inherit; padding:7px 0 0 0; }
	#total-bg {display:none;}
	#wrapper {min-width:100%; overflow:hidden;width:100%;left:0px;margin:0;position:relative;z-index:1;}
	#landing_wrap .header  {background:#003237;width:100%; text-align:center;}
	#gnbTrigger {display:none;background:none;}

	#landing_wrap .header .right-link {margin-right:65px;}
	#landing_wrap .header .right-link ul li {border:0px;}
	#landing_wrap .header .right-link ul li a {padding:0px 5px;font-size:20px;}

	/*#main_visual { margin-top:50px; }*/
	
	
	.landing_map .title_wrap h3 { font-size:32px;}

	.landing_map .pro {width:90%;text-align:center;margin:30px auto 0px;}
	.landing_map .tip03 > span {}
	.landing_map .tip03 > span a {padding:2px 10px;font-size:20px;}

	.counsel_wrap {padding:100px 0;}
	.counsel_wrap .title_wrap h3 { font-size:32px;}
	.counsel_wrap .tip {width:60%;padding-top:80px;text-align:center;margin:0px auto 50px;}
	.counsel_wrap .pro {width:90%;text-align:center;margin:10px auto 0px;}
	.counsel_wrap .pro input {height:50px;padding-left:20px;}
	.counsel_wrap .pro select {height:50px;padding-left:20px;}

	.counsel_wrap .pro > a {width:100%;height:50px;line-height:51px;font-size:20px;}
	.counsel_wrap .ul_listtype01 li label { height:50px; font-size:16px; }
	
    #scrollTop {opacity:1;bottom:45px; right:10px;  }
    .countdown .txt {font-size:18px;}
    .countdown .num {font-size:42px;}

}