@charset "utf-8";
@import "/home/wooriapt/fonts/Pretendard.css";

html, body {font-family:'Pretendard','Noto Sans Korean', sans-serif;}
body {word-break:break-all; line-height:1.5; letter-spacing:-0.03em; color: #555; background: #fafcff;}

/* Basic - clearfix */
.clearfix::after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clrBoth {clear: both; font-size: 1px; line-height: 1px;}

#header {height: 100px; background: #fff;}
#header h1 {display:inline-block; padding:20px 0 0;}
#header h1 > div {display: flex; align-items: center;}
#header h1 > div > a img { width: 230px; }
#header h1 > div .logo_line {width: 1px; height: 20px; background: #000; opacity: 0.2;}
#header h1 a {display:block;}
#header h1 img {display:block; max-width:100%;}
#header div.text {float:right;margin-top:30px;font-size:18px;font-weight:400;color:#555;padding:7px 0 10px 50px;background: url("/home/wooriapt/images/common/icon_alert.png") no-repeat 0;}
#header div.text span {color:#000;font-weight: bold;}

@media all and (max-width:1300px) {
	#header div.text {font-size: 15px; margin-top: 31px; padding:7px 0 10px 40px;}
	#header h1 {padding: 20px 0 0;}
}
@media all and (max-width:1024px) {
	#header {height: 80px;}
	#header h1 {padding: 12px 0 0;}
	#header div.text {display: none;}
}
@media all and (max-width:640px) {
	#header {height: 60px;}
	#header h1 {padding: 2px 0 0;}
}

#content {position: relative; width:100%; min-height:900px; background: #fafcff url("/home/wooriapt/images/main/bg_fhd.jpg") no-repeat 50% 0;}

.wrap {position:relative; margin:0 auto; width:1200px; min-width:1200px;}
.wrap::after {content:""; display:block; clear:both;}

@media all and (max-width:1500px) {
	.wrap {width:100%; min-width:100%;}
}

.t_search * {box-sizing: border-box;}
.t_search {color: #fff; text-align: center; padding: 70px 0;}
.t_search .s_tit {position: relative; text-align:center; padding: 20px 0 30px; color:#000; opacity: 0; animation: fadeUp 0.8s ease forwards;font-weight: 500;font-size: 56px; /*font-family: 'GmarketSans';*/ letter-spacing: -1px; line-height: 1.1;}
.t_search .s_tit span {position: relative;color: #f00;font-weight: 800;}
.t_search .s_tit span::after {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background: #f00;transform: scaleX(0);animation: lineGrow 0.6s ease 0.8s forwards;}
.t_search .s_tit_under {font-size: 30px;color: #0000004d;font-weight: 400;}

/* 검색 */
.t_search .s_box {margin: 15px 0 20px;} 
.t_search .s_input {padding-left: 25px; padding-right: 25px; margin-right: 5px; position: relative; vertical-align: middle; max-width: 700px; margin: 0 auto;}
.t_search .s_input input {width: 100%; height: 95px; font-size: 28px; padding: 0 25px; text-align: left; border-radius: 51px; border: 4px solid #ff2d2d; position: relative; z-index: 1;}
.t_search .s_input input::placeholder {color: #919191;}
.t_search .s_input input #maintenance_sid_kwd:focus {outline: none; border: 4px solid #000;}
.t_search .submit {width: 130px; height: 70px; position: relative; text-indent: -9999px; overflow: hidden; border-radius: 25px 13px 13px 15px; vertical-align: middle;}
.t_search .submit::before, .t_search .submit::after {content: ''; width: 100%; height: 100%; display: block; position: absolute; top:0;left: 0;}
.t_search .submit::before {border-radius: 15px 0 0 15px; transform: skew(-10deg) translate(4px, 0px); background: #da0012;}
.t_search .submit::after {background: url("/home/wooriapt/images/common/icon_search.png") no-repeat 50%;}
#maintenance_sid_kwd:focus {outline: none; border: 4px solid #000;}

/* 안내글박스 */
.t_search .s_text {word-break: keep-all;} 
.t_search .s_text .info-list {font-size: 18px;max-width: 800px;margin: 0 auto;background: #fdfdfd8a;padding: 10px 18px;border-radius: 10px;color: #000;}
.t_search .s_text .info-list p {margin: 4px 0;display: flex;align-items: flex-start;text-align:left;font-weight: 400;}
.t_search .s_text .info-list p span:first-child {display: inline-block; width: 16px; height: 16px; background: #000; color: #fff; border-radius: 50%; text-align: center; line-height: 16px; margin-right: 8px; margin-top: 5px; flex-shrink: 0;}

@media all and (max-width:1024px) {
	.t_search {padding: 50px 0;}
	.t_search .s_tit {font-size: 38px;}
	.t_search .s_tit_under {font-size: 20px;}

	.t_search .s_input {width: 100%;}
	.t_search .s_input input {  font-size: 21px;}
}
@media all and (max-width:768px) {
	.t_search .s_tit {font-size: 2em; padding: 20px 0;}
}
@media all and (max-width:640px) {
	.t_search {padding: 30px 0;}
	.t_search .s_tit {font-size: 28px;}
	.t_search .s_tit_under {font-size: 15px;}

	.t_search .s_input input {font-size: 15px;}
	.t_search .submit {width: 100px; height: 50px;}
	.t_search .submit::after {background-size: 30px;}

	.t_search .s_text .info-list {font-size: 13px;}
}
@media all and (max-width:480px) {
	.t_search .s_tit {font-size: 24px;}

	.t_search .s_input {width: calc(100% - 15px);}
	.t_search .submit {width: 80px;}
	.t_search .submit::after {background-size: 25px;}
}

@keyframes fadeUp {
	from {opacity: 0; transform: translateY(20px);}
	to {opacity: 1;	transform: translateY(0);}
}
@keyframes lineGrow {
	to {transform: scaleX(1);}
}

/* 검색 */
.t_search .s_box {position:relative;margin:1.8rem auto 0;margin-bottom:1.5em;}
.t_search .submit {position: absolute;top:12px;right:37px;width:70px;height:70px;border-radius:70px;background:#da0012;color:#fff;border:none;padding:24px;cursor:pointer;transition:background 0.3s;z-index:1;text-indent:-9999px;overflow:hidden;vertical-align:middle;}
.t_search .submit:hover {background: #ff0016;}
.t_search .submit:active {background: #b50010;}

#footer {padding: 40px 0; background: #fafcff;}
#footer .copyright {font-size: 15px; color: #666; display: inline-block; padding-top: 15px; word-break: keep-all;}
#footer .txt_upper {text-transform: uppercase;}
#footer .f_logo {float: right;}
#footer .f_logo img {max-width: 95%;}
#footer .go_top {display:none}

@media all and (max-width:1600px) {
	.logo {left:20px;}
	.gnb {left:240px;}
	.go-top-box {right:0;}
}
@media all and (max-width:1024px) {
	#footer {text-align: center; padding: 20px 0;}
	#footer .copyright {padding-top: 0;}
	#footer .f_logo {float: none; margin-top: 25px;}
}
@media all and (max-width:640px) {
	#footer .copyright {font-size: 13px;}
	#footer .f_logo {margin-top: 15px;}
	#footer .go_top {position:absolute;bottom:0px;right:calc(50% - 15px);z-index:1;display:block;width:35px;height:35px;text-indent:-9999px;overflow:hidden;background:#888888 url("/home/wooriapt/images/common/top.png") no-repeat center;}
}