@charset "utf-8"; 


/* 검색결과*/
/* form */
/*fieldset{border:0 none}
label{}
input[type='text']{background:#fff; color:#555; vertical-align:middle; font-family:'Noto Sans KR','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif}
input[type='text']:focus{outline:none !important; border-color:#ff7f00; background-color:#fff !important}
input[type='text']:after{background:#fff !important}
input[type='text']:hover{background-color:#fff !important}
input[type='text']:active{background-color:#fff !important}
input[type='text']:-webkit-autofill{-webkit-box-shadow:0 0 0 1}
input[type=submit], input[type=button]{cursor:pointer}
input:-ms-input-placeholder{color:#bebebe}
input::-webkit-input-placeholder{color:#bebebe}
input::-moz-placeholder{color:#bebebe}
input:focus{outline:none !important; border-color:#ff7f00; background-color:#fff !important}
input:after{background:#fff !important}
input:hover{background-color:#fff !important}
input:active{background-color:#fff !important}
input.chk{border:0 none; margin-right:4px; vertical-align:middle}*/

#etc_search{position:relative; z-index:10; width:100%; margin-top:90px}
#etc_search .search_top{display: inline-block; width: 100%; height:210px; padding:50px; background:#f5f6f8; font-size:0; text-align:center; box-sizing:border-box}

#etc_search .search_top .btn_closed{display:block; position:absolute; float:right; top: 45px; right: 5%; width: 23px; height: 23px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}


.input_box{position:relative}
.input_box input{width: 840px; height: 60px; padding:5px 20px; background:#fff !important; border:1px solid#dadbde; border-radius:4px; box-sizing:border-box; /* background: #fff; */}
.input_box input[type="text"]{background:#fff !important}
.input_box input:focus{outline:none; border-color:#ff7f00; background:#fff !important}
.input_box input:after{background:#fff}
.input_box input:hover{background-color:#fff}
.input_box input:active{background-color:#fff}
.input_box input:focus{background-color:#fff}
.input_box ::-webkit-input-placeholder{color:#bebebe; background:#fff !important; font-size:1.125em}
.input_box .search{position:absolute; width:36px; height:36px; right:15px; top:-17px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0}
.input_box .clear{position:absolute; width:36px; height:36px; right:52px; top:-12px; margin:0; background:url('/static/images/icon/ico-searchbar-txt-del.png') no-repeat 0 0; color:#222}


.etc_search_wrap	{margin-top:-95px}

.etc_search_wrap.top_info{display:block; width:1280px; height:240px; margin:0 auto; text-align:center; opacity:0.9}
.etc_search_wrap .top_info h2{display:inline-block; margin:90px auto 0 auto; color:#111; font-size:36px; font-weight:700; letter-spacing:-2px}


.etc_search_wrap .search_result{display:block; height:30px; margin-top:15px; font-weight:400; font-size:18px; line-height:32px; letter-spacing:-1px}
.etc_search_wrap .search_result .search_txt{color:#ff7f00}
.etc_search_wrap .search_result .search_num{font-weight:700}
.etc_search_wrap .search_cont	{}
.etc_search_wrap .search_cont .btn_list	{display:none}

.etc_search_wrap .search_box{background:url('../images/etc/search_box_bg.gif') repeat; border:1px solid #cccccc; padding:40px 0; margin-top:-10px; text-align:center}
.etc_search_wrap .search_box input{margin:auto; padding:10px 5px; font-size:16px; color:#333; font-weight:700; border:1px solid #cecece}
.etc_search_wrap .search_box .btn{display:inline; margin-left:5px}


.etc_search_wrap .search_list{margin-top:50px; border-top:1px solid #cecece}
.etc_search_wrap .search_list dl{border-bottom:1px solid #cecece; padding:40px; box-sizing:border-box}
.etc_search_wrap .search_list dl .title{margin:10px 0 20px 0; font-size:22px; color:#333; text-decoration:underline}
.etc_search_wrap .search_list dl .title span{font-weight:700; text-decoration:underline}
.etc_search_wrap .search_list dl dt{color:#ff7f00; font-size:16px; line-height:32px}
.etc_search_wrap .search_list dl dd{margin-top:10px; color:#555; font-size:16px; line-height:26px; word-break:keep-all; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; /* ellipsis line */ -webkit-box-orient:vertical}
.etc_search_wrap .search_list dl dd strong{background:linear-gradient(to top, rgba(255, 127, 0, 0.5) 35%, transparent 30%)}


.quick_search{display:block; margin-top:20px; font-size:14px; color:#555; text-align:center}
.quick_search span{display:inline-block}
.quick_search span.quick_search_tit{font-weight:700}
.quick_search span p{display:inline; margin-left:10px; text-decoration:underline}


/* 에러페이지 */

.etc_error_wrap	{height:auto;padding:120px 0 80px 0;}
.etc_error_wrap:after	{content:""; display:block; clear:both}

.etc_error_wrap .error_cont	{}
.etc_error_wrap .error_cont .btn_list	{display:none}

.etc_error_wrap .error_list{margin:0 auto; text-align:center}
.etc_error_wrap .error_list .desc{font-size:30px; font-weight:700; color:#333; margin:20px 0}
.etc_error_wrap .error_list .desc_s{font-size:20px; color:#555}


p.help	{margin-top:15px; padding-left:27px; background:url('../images/icon/icon_help.gif') no-repeat 0 0; color:#555; font-size:14px; line-height:20px}


/* 모달팝업 */
/* 모달창의 배경 */
.modal_bg{position:fixed; top:0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6)}
.modal_menu_bg{position:fixed; top:0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.9)}
 
/* 모달창 영역 */
/*.modal_box{position:absolute; top:calc(50vh - 100px); left:calc(50vw - 200px); background-color: white; display:inline-block; ; justify-content: center; align-items: center; border-radius:10px}*/

.btn_closed	{display:block; position:absolute; float:right; top: 45px; right: 5%; width: 23px; height: 23px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}



@media screen and (max-width:740px){
/* 검색결과*/
	.etc_search_wrap	{margin-top:30px; padding:0 15px}
	.etc_search_wrap h3	{margin:0 -15px; padding:0 15px; font-size:18px; font-weight:700; line-height:47px}

	.etc_search_wrap .fl_left	{float:none; width:auto; padding:0; background:none; margin-bottom:0}
	.etc_search_wrap .fl_right	{float:none; width:auto; padding:0; margin-bottom:0}

	.etc_search_wrap .search_cont	{overflow:hidden; position:relative; margin:0; padding:0 /*15px*/; height:auto; -webkit-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000)}
	.etc_search_wrap .search_cont .btn_list	{display:block; position:absolute; top:0; right:0; width:48px; height:48px}
	.etc_search_wrap .search_cont .btn_list:after	{content:""; display:block; position:absolute; top:50%; left:50%; margin:-5px 0 0 -7px; width:14px; height:9px; background:url('../images/icon/icon_sp.png') no-repeat -105px -17px; background-size:400px 400px}
	.etc_search_wrap .search_cont.on .btn_list:after	{background-position:-105px -8px}

	.etc_search_wrap .search_cont h3	{border-top:0}
	.etc_search_wrap .search_cont.on	{height:auto; max-height:1000px}
	.etc_search_wrap .search_cont.on h3	{border-bottom:1px solid #ccc}
	.etc_search_wrap h4	{font-size:20px; font-weight:700; line-height:20px}
	.etc_search_wrap .fl_right .search_cont:last-child.on	{border-bottom:0}

	.etc_search_wrap .fl_left .search_cont:first-child h3	{margin-top:0}
	.etc_search_wrap .fl_right .search_cont:first-child h3	{margin-top:0}
	
	.etc_search_wrap .search_box{background:url('../images/etc/search_box_bg.gif') repeat; border:1px solid #cccccc; padding:20px 10px; text-align:center}
	.etc_search_wrap .search_box input{margin:auto; padding:10px 5px; font-size:14px; color:#333; font-weight:700; width:70% !important}
	.etc_search_wrap .search_box .btn{display:inline; margin-left:5px}
	
	.etc_search_wrap .search_list{margin-top:50px}
	.etc_search_wrap .search_list .desc{font-size:16px; color:#333; margin-bottom:20px; line-height:24px}
	.etc_search_wrap .search_list .desc span{font-weight:700; color:#f08200}
	.etc_search_wrap .search_list dl{margin-top:6px; border:1px solid #ccc; line-height:22px; padding:15px}
	.etc_search_wrap .search_list dl .title{font-size:16px; color:#333}
	.etc_search_wrap .search_list dl .title span{font-weight:700}
	.etc_search_wrap .search_list dl dt{color:#f08200;text-decoration: none;font-size:12px;margin-top:6px;}
	.etc_search_wrap .search_list dl dd{font-size:14px; margin-top:10px}
	

	.etc_search_wrap .stock_info	{margin-top:10px; margin-bottom:10px}
	.etc_search_wrap .stock_info dl	{border:0}
	.etc_search_wrap .stock_info dl:after	{content:""; display:block; clear:both}
	.etc_search_wrap .stock_info dl dt	{float:none; margin-top:12px; border:0; background:#fff; font-weight:700; font-size:35px}
	.etc_search_wrap .stock_info dl dt.stock{float:left; margin-left:-80px}
	.etc_search_wrap .stock_info dl dt span.up{color:#e90a0a; background:url('../images/ir/icon_up02.png') no-repeat 0 17px; padding-left:25px}
	.etc_search_wrap .stock_info dl dt.down{color:#3a6fc7; background:url('../images/ir/icon_down02.png') no-repeat 0 19px; margin-left:10px; padding-left:10px; padding-right:15px}
	.etc_search_wrap .stock_info dl dt.unchanged{color:#555; background:url('../images/ir/icon_unchanged03.png') no-repeat 0 19px; margin-left:10px; padding-left:10px; padding-right:15px}

	.etc_search_wrap .stock_info dl dd	{clear:both; float:left; padding:0; width:auto; border:0; font-size:13px; margin-top:5px}
	.etc_search_wrap .stock_info dl dd span{float:none}
	.etc_search_wrap .stock_info dl dd span.up{color:#e90a0a; background:url('../images/ir/icon_up03.png') no-repeat 10px 3px; padding-left:25px}
	.etc_search_wrap .stock_info dl dd span.down{color:#3a6fc7; background:url('../images/ir/icon_down03.png') no-repeat 10px 3px; padding-left:25px}
	.etc_search_wrap .stock_info dl dd span.plus{color:#e90a0a; background:url('../images/ir/icon_plus.png') no-repeat 10px 4px; padding-left:23px}
	.etc_search_wrap .stock_info dl dd span.minus{color:#3a6fc7; background:url('../images/ir/icon_minus.png') no-repeat 10px 5px; padding-left:23px}
	.etc_search_wrap .stock_info dl dd span.unchanged{color:#555; background:url('../images/ir/icon_unchanged03.png') no-repeat 10px 5px; padding-left:23px}
	
	

	#etc_search{position:relative; z-index:10; width:100%; margin-top:90px}
	#etc_search .search_top{display: inline-block;width: 100%;height: 180px;margin-top:-27px;padding: 20px;background:#f5f6f8;font-size:0;text-align:center;box-sizing:border-box;}

	#etc_search .search_top .btn_closed{display:block; position:absolute; float:right; top: 45px; right: 5%; width: 23px; height: 23px; background:url('/static/images/common/ico_search_txt_del@2x.png') no-repeat 0 0 / 100%}

	.input_box{position:relative}
	.input_box input{width:100%;height:60px;margin-top:20px; padding:5px 10px 5px 20px;background:#fff !important;border:1px solid#dadbde;border-radius:4px;box-sizing:border-box}
	.input_box input[type="text"]{background:#fff !important;font-size: 16px;line-height: 32px;color: #555;}
	.input_box input:focus{outline:none; border-color:#ff7f00; background:#fff !important}
	.input_box input:after{background:#fff}
	.input_box input:hover{background-color:#fff}
	.input_box input:active{background-color:#fff}
	.input_box input:focus{background-color:#fff}
	.input_box ::-webkit-input-placeholder{color:#bebebe; background:#fff !important; font-size:1.125em}
	.input_box .search{position:absolute; width:36px; height:36px; right:15px; top:-7px; margin:0; background:url('/static/images/icon/ico-gnb-search.png') no-repeat 0 0}
	.input_box .clear{position:absolute;width:36px;height:36px;right:52px;top: -3px;margin:0;background:url('/static/images/icon/ico-searchbar-txt-del.png') no-repeat 0 0;color:#222;}

	.quick_search{display:block;width:100%;margin-top:20px;font-size: 12px;color:#555;text-align:center;}
	.quick_search span{display:inline-block}
	.quick_search span.quick_search_tit{font-weight: 400;}
	.quick_search span p{display:inline; margin-left:10px; line-height: 20px; text-decoration:underline}


	.etc_search_wrap	{margin-top:-95px}

	.etc_search_wrap.top_info{display:block; width:100%; height:auto; margin:0 auto; text-align:center; opacity:0.9}
	.etc_search_wrap .top_info h2{display:inline-block;margin: 90px auto 0 auto;color:#111;font-size: 20px;line-height: 30px;font-weight:700;letter-spacing:-2px;text-align: l;}


	.etc_search_wrap .search_result{display:block;height:30px;margin-top:15px;font-weight:400;font-size:18px;line-height:32px;letter-spacing:-1px;text-align: l;}
	.etc_search_wrap .search_result .search_txt{color:#ff7f00}
	.etc_search_wrap .search_result .search_num{font-weight:700}
	.etc_search_wrap .search_cont	{}
	.etc_search_wrap .search_cont .btn_list	{display:none}

	.etc_search_wrap .search_box{background:url('../images/etc/search_box_bg.gif') repeat; border:1px solid #cccccc; padding:40px 0; margin-top:-10px; text-align:center}
	.etc_search_wrap .search_box input{margin:auto; padding:10px 5px; font-size:16px; color:#333; font-weight:700; border:1px solid #cecece}
	.etc_search_wrap .search_box .btn{display:inline; margin-left:5px}


	.etc_search_wrap .search_list{margin-top:50px; border-top:1px solid #cecece}
	.etc_search_wrap .search_list dl{padding: 10px 10px 40px 10px;box-sizing:border-box;margin-top: 15px;line-height: 22px;border: 0px;border-bottom:1px solid #cecece;}
	.etc_search_wrap .search_list dl .title{margin:10px 0 20px 0;font-size: 18px;line-height: 28px;color:#333;letter-spacing: -1px;text-decoration:underline;}
	.etc_search_wrap .search_list dl .title span{font-weight:700; text-decoration:underline}
	.etc_search_wrap .search_list dl dt{color:#ff7f00; font-size:16px; line-height:32px}
	.etc_search_wrap .search_list dl dd{margin-top:10px; color:#555; font-size:16px; line-height:26px; word-break:keep-all; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; /* ellipsis line */ -webkit-box-orient:vertical}
	.etc_search_wrap .search_list dl dd strong{background:linear-gradient(to top, rgba(255, 127, 0, 0.5) 35%, transparent 30%)}


	
		/* 에러페이지 */
	
	.etc_error_wrap	{height:auto; padding:50px 0 25px 0;}
	.etc_error_wrap:after	{content:""; display:block; clear:both}
	
	.etc_error_wrap .error_cont	{}
	.etc_error_wrap .error_cont .btn_list	{display:none}
	
	.etc_error_wrap .error_list{ margin:0 auto; text-align:center; line-height:26px}
	.etc_error_wrap .error_list .desc{font-size:20px; font-weight:700; color:#333; margin:20px 0 10px 0}
	.etc_error_wrap .error_list .desc_s{font-size:14px; color:#555}

	.noborderR{border-right:none}
	.noborderL{border-left:none}

	
}