@charset "utf-8";
@import url("common.css");


b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit}

html, body {height:100%;}
body {overflow-x:hidden;margin:0px;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle;}
fieldset{border:none}
button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;}



#container {clear:both;position:relative;overflow:hidden;background:#fff;font-family:'Noto Sans KR','Malgun Gothic',굴림,Gulim,돋움,Dotum, Sans-serif;font-size:16px;font-weight:400;line-height:1.6;}
.typeGnbSearch #container {background:none;}
#contents {position:relative;width:100%;margin:0 auto;box-sizing:border-box;padding:0 0 90px 0;}
.typeGnbSearch #contents {padding:0;}
#contents>article{width: 100%;}

/* 검색on */
.conts_searchOn {display:table;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000; background-color: rgba(0,0,0,0.6) }
.conts_searchOn * {box-sizing:border-box;}
.conts_searchOn>div {display:table-cell;text-align:center;vertical-align:middle;}
.conts_searchOn .searchOn {position:relative;width:600px;margin:0 auto;}
.conts_searchOn .searchOn .search_tit{font-size:40px;color:#fff;font-weight:600;text-align:center;line-height:1;}
.conts_searchOn .searchOn fieldset {position:relative;margin:60px auto 0;height:64px;width:100%;border: none;}
.conts_searchOn .searchOn fieldset legend {font-size:0;}
.conts_searchOn .searchOn fieldset>input {position:absolute;top:0;left:0;margin:0;padding:0 20px;width:524px;height:64px;background:#fff;font-size:20px;letter-spacing:-1px;border:none;box-sizing:border-box;}
.conts_searchOn .searchOn fieldset>input::-ms-input-placeholder {color: #fff;}
.conts_searchOn .searchOn fieldset>input::-webkit-input-placeholder {color: #fff;}
.conts_searchOn .searchOn fieldset>input::-moz-placeholder {color: #fff;}
.conts_searchOn .searchOn fieldset>input:focus{outline:none;}
.conts_searchOn .searchOn fieldset>input[placeholder]::-webkit-input-placeholder{color:#909090;}
.conts_searchOn .searchOn fieldset>input[placeholder]:-moz-placeholder{color:#909090;}
.conts_searchOn .searchOn fieldset>input[placeholder]::-moz-placeholder{color:#909090;}
.conts_searchOn .searchOn fieldset>input[placeholder]:-ms-input-placeholder{color:#909090;}
.conts_searchOn .searchOn fieldset>input[placeholder].placeholder{color:#909090;}
.conts_searchOn .searchOn fieldset>button {display:block;position:absolute;right:0;top:0;padding:0;margin:0;overflow:hidden;width:76px;height:64px;background:url(/images/totalSearch/btn_searchOn_search.png) no-repeat 50% 50% #0072ff;text-indent:-100px;border:none;}
.conts_searchOn .searchOn .info {margin:50px 0 0;padding:0;list-style:none;}
.conts_searchOn .searchOn .info li {padding-left:10px;color:#fff;font-size:16px;line-height:22px;text-align:left; position: relative;}
.conts_searchOn .searchOn .info li::before{content: ""; display: block; width: 3px; height: 3px; position: absolute; background-color:#fff; left: 0; top: 8px; border-radius: 50%; }
.conts_searchOn .searchOn .info li+li {margin-top:12px;}
.conts_searchOn .searchOn .btn_close {display:inline-block;position:absolute;right:-100px;top:-60px;overflow:hidden;height:26px;padding-right:40px;background:url(/images/totalSearch/btn_searchOn_close.png) no-repeat right 50%;color:#fff;text-indent:-999px;}

.ulSt.srhResult li {margin:10px 0;}
.ulSt.srhResult li a .menuText{font-size: 17px;color: #000;display: block;padding-bottom:3px;line-height: 1.5;}
.ulSt.srhResult li a .menuText strong{color: #0072d3;font-weight: 500;}
.ulSt.srhResult li a .gubunText{display:block;overflow:hidden;font-size:14px;color: #545454;}
.ulSt.srhResult li a:hove .menuTextr {text-decoration:underline;}

@media all and (max-width:768px) {
    #contents{padding-bottom:60px;}    
   	.conts_searchOn{background:rgba(0,0,0,0.9)}
	.conts_searchOn .searchOn{max-width:600px;width: 100%;padding:0 20px;}
	.conts_searchOn .searchOn .btn_close{right:20px;width:16px;height:16px;}
    .conts_searchOn .searchOn .search_tit{font-size:30px}
	.conts_searchOn .searchOn fieldset{width:100%;margin:30px auto 0;}
	.conts_searchOn .searchOn fieldset>input{width:calc(100% - 50px);height: 50px;font-size:16px;}
	.conts_searchOn .searchOn fieldset>button{width:50px;height: 50px;background-size:16px;} 
	.conts_searchOn .searchOn .info {margin:20px 0 0}
}

@media all and (max-width:480px) { 
	.conts_searchOn .searchOn .btn_close{top:-30px;}
    .conts_searchOn .searchOn .search_tit{font-size:24px}

}