﻿@charset "utf-8";

/**************************************************************************************************************
* 검색결과는 Google 결과페이지를 사용.
  (css작업시 브라우저에서 Google태그의 class명을 그대로 사용해야함)
**************************************************************************************************************/
/*** top search(layer) ***/
.conts_searchOn {display:table;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000; background-color: rgba(0,0,0,0.7)}
.conts_searchOn>div {display:table-cell;text-align:center;vertical-align:middle;}
.conts_searchOn .searchOn {position:relative;width:770px;margin:0 auto;}
.conts_searchOn .searchOn fieldset {position:relative;box-sizing:border-box;padding:0 60px 15px 0;border-bottom:2px solid #fff;}
.conts_searchOn .searchOn fieldset>input {width:100%;border:none;background:none;color:#fff;font-size:38px;line-height:50px;letter-spacing:-1px;}
.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>button {display:block;position:absolute;right:0;top:0;overflow:hidden;width:50px;height:50px;background:url(../img/totalSearch/btn_searchOn_search.png) no-repeat 50% 50%;text-indent:-100px;}
.conts_searchOn .searchOn .hashTag {margin-top:30px;font-size:0;text-align:left;}
.conts_searchOn .searchOn .hashTag>a {display:inline-block;overflow:hidden;height:30px;padding:0 20px;border:1px solid #fff;border-radius:15px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:16px;font-weight:300;line-height:30px;margin:0 15px 15px 0;vertical-align:top;opacity:0.7;}
.conts_searchOn .searchOn .info {margin-top:50px;}
.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:block;position:absolute;right:-100px;top:-60px;overflow:hidden;height:26px;padding-right:40px;background:url(../img/totalSearch/btn_searchOn_close.png) no-repeat right 50%;color:#fff;font-family:'Noto Sans KR';font-size:22px;font-weight:400;line-height:26px;text-indent:-999px;}

/*** search result(page) ***/
/*layout*/
body {position:relative;}
#header {background:#a70638; }
header {overflow:hidden;width:100%;max-width:1310px;height:100px;margin:0 auto;box-sizing:border-box;padding:0 30px;} /* 2026-03-03 수정 : 로고 위치 수정 */
header{width:1310px !important; justify-content: center;}
header .logo {position:absolute;left:430px;top:45px;z-index:10;}
header .logo a {display:inline-block;overflow:hidden;font-size:0;}

.srchWord {background:#313133;}
.srchWord .wrap {position:relative;overflow:hidden;width:100%;max-width:1310px;height:70px;margin:0 auto;box-sizing:border-box;padding:26px 30px;font-size:0;text-align:center;}
.srchWord b {display:inline-block;position:relative;overflow:hidden;width:100px;margin-right:3px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:700;line-height:20px;text-align:left;vertical-align:top}
.srchWord b::after {content:'';display:block;position:absolute;right:0;top:2px;width:1px;height:14px;background:#6f6f71;}
.srchWord ul {display:inline-block;max-width:calc(100% - 103px);box-sizing:border-box;font-size:0;vertical-align:top;white-space:nowrap;}
.srchWord ul li {display:inline-block;padding:0 12px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:20px;vertical-align:top}

.gsc-above-wrapper-area, .gsc-wrapper{max-width:100% !important;}
.gsc-webResult-divider{height:1px !important;}
.gsib_b{height:50px; padding-bottom:2px}
#btn_top {position:fixed;right:10px;bottom:200px;overflow:hidden;width:61px;height:61px;background:url(../img/totalSearch/btn_sideTop.png) no-repeat center;text-indent:-999px;z-index:2;opacity:0;transition:0.2s;}
#btn_top.on {opacity:1;}
#btn_top.limit {position:absolute;bottom:30px;transition:0s;}

#footer {width:100%;position:relative;background:#202020;}/*220118 width:100% 지정*/
footer {position:relative;overflow:hidden;max-width:1860px;min-height:387px;margin:0 auto;box-sizing:border-box;padding:56px 30px 48px;z-index:0;}
footer .f_info {display:block;float:left;font-size:0;}
footer .f_info .f_logo {display:inline-block;overflow:hidden;margin-bottom:29px;vertical-align:top;}
footer .f_info address {font-style:normal;}
footer .f_info address p>b {display:block;position:relative;margin-bottom:11px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:400;line-height:22px;}
footer .f_info address p>span {display:block;position:relative;margin:0 20px 6px 0;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;}
footer .f_info address p>span.block {display:block;}
footer .f_info address .copyright {display:block;padding-top:15px;font-style:normal;font-size:14px;color:rgba(255,255,255,0.6);font-family:'Roboto','Noto Sans KR',sans-serif;font-size:14px;font-weight:400;line-height:17px;}
footer .f_info .f_mark {overflow:hidden;margin-top:27px;font-size:0;}
footer .f_info .f_mark>a,
footer .f_info .f_mark>span {display:inline-block;overflow:hidden;height:49px;margin-right:20px;vertical-align:top;}
footer .f_info .f_mark>a>img,
footer .f_info .f_mark>span>img {height:100%;}
footer .f_func {display:block;float:right;font-size:0;text-align:right;}
footer .f_func .f_menu {display:inline-block;overflow:hidden;width:235px;box-sizing:border-box;padding-top:4px;font-size:0;text-align:left;vertical-align:top;}
footer .f_func .f_menu li {display:block;position:relative;color:rgba(255,255,255,0.8);font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:19px;vertical-align:top;}
footer .f_func .f_menu li+li {margin-top:15px;}
footer .f_func .f_menu li.point a {color:#c59c40;}
footer .f_func .f_etc {display:inline-block;overflow:hidden;width:220px;box-sizing:border-box;padding-top:2px;font-size:0;text-align:left;vertical-align:top;}
footer .f_func .f_etc .f_service a {display:block;position:relative;overflow:hidden;height:19px;padding-right:25px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;font-weight:400;line-height:20px;}
footer .f_func .f_etc .f_service a::after {content:'';display:block;position:absolute;right:0;top:0;overflow:hidden;width:19px;height:19px;border-radius:50%;background:#d2d2d2 url(../img/layout/f_plus_black.png) no-repeat center;}
footer .f_func .f_etc .f_service a+a {margin-top:27px;}
footer .f_func .f_etc .f_service .btn_remoteSerive {display:block;overflow:hidden;width:150px;height:40px;margin-top:54px;box-sizing:border-box;padding:0 10px;background:#b9193f;line-height:41px;text-align:center;}
footer .f_func .f_etc .f_service .btn_remoteSerive::after {display:none;}
footer .f_func .f_etc .f_sns {margin-top:21px;}
footer .f_func .f_etc .f_sns li {display:inline-block;margin-right:25px;vertical-align:top;}
footer .f_func .f_etc .f_sns li:last-child {margin-right:0;}
footer .f_func .f_etc .f_sns li a {overflow:hidden;font-size:0;}
footer .f_func .f_etc .f_sns li a img {max-height:100%;vertical-align:middle;}

/*contents*/
.totalsrch_result {overflow:hidden;width:100%;max-width:1310px;margin:0 auto;box-sizing:border-box;padding:38px 30px 58px;}
.totalsrch_result article {min-height:500px;}

/*google style modify*/
.gsc-control-cse {padding:0;}
.totalsrch_result form.gsc-search-box {position:absolute;left:0;top:0;margin:0;}
.totalsrch_result table.gsc-search-box {position:relative;overflow:hidden;width:100%;max-width:1200px;height:50px;margin:40px auto 0;}
.totalsrch_result table.gsc-search-box td.gsc-input {width:685px;padding:0 0 0 665px;vertical-align:top;}
.totalsrch_result table.gsc-search-box td.gsc-input .gsc-input-box {height:50px;padding:0 !important;border:none;}
.totalsrch_result table.gsc-search-box td.gsib_a {padding:0;}
.totalsrch_result table.gsc-search-box td.gsib_a>input {display:block !important;width:calc(100% - 38px) !important;height:50px !important;padding:0 19px !important;border:none !important;background:#fff !important;}
.totalsrch_result table.gsc-search-box td.gsib_b .gsst_a {margin-left:-30px;}
.totalsrch_result table.gsc-search-box td.gsib_b .gsst_a .gscb_a {color:#ddd;}
.totalsrch_result table.gsc-search-box td.gsib_b .gsst_b {padding:0;font-size:0;}
.totalsrch_result table.gsc-search-box .gsc-search-button {display:block;overflow:hidden;width:50px;height:50px;margin:0;border:none;background:#fff url(../img/totalSearch/ico_search_black.png) no-repeat center;text-indent:-999px;}

.totalsrch_result .gsc-result-info-container {width:100%;}
.totalsrch_result .gsc-orderby {display:none;}
.totalsrch_result .gsc-result-info {margin-bottom:15px;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:32px;font-weight:500;line-height:36px;}
.totalsrch_result .gsc-above-wrapper-area {border-bottom:1px solid #000;}
.totalsrch_result .gsc-result {padding:35px 0;border:none !important;border-bottom:1px solid #ddd !important;}
/*.totalsrch_result div.gs-title,
.totalsrch_result div.gs-visibleUrl,
.totalsrch_result div.gs-fileFormat,
.totalsrch_result div.gs-snippet {padding-left:110px;}
.totalsrch_result .noImg div.gs-title,
.totalsrch_result .noImg div.gs-visibleUrl,
.totalsrch_result .noImg div.gs-fileFormat,
.totalsrch_result .noImg div.gs-snippet {padding-left:0;}
.totalsrch_result .gsc-table-cell-thumbnail,
.totalsrch_result .gs-promotion-image-cell {position:relative;top:-50px;}*/
.totalsrch_result .gs-result .gs-title a,
.totalsrch_result .gs-result .gs-title b {padding:0;border-bottom:1px solid #fff;color:#111 !important;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;font-weight:500;line-height:22px;transition:0.2s;}
.totalsrch_result .gs-result .gs-title:hover a,
.totalsrch_result .gs-result .gs-title:hover b {border-bottom:1px solid #a70638;color:#a70638 !important;}
.totalsrch_result .gs-result div.gs-visibleUrl {margin-bottom:8px;}
.totalsrch_result .gs-result div.gs-visibleUrl span {color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;text-transform:lowercase;}
.totalsrch_result .gs-result .gs-image,
.totalsrch_result .gs-result .gs-promotion-image {display:inline-block;overflow:hidden;max-width:80px;border:none;vertical-align:top; margin-right:10px}
.totalsrch_result .gs-result div.gs-snippet  {color:#666;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:15px;text-transform:lowercase;}
.totalsrch_result .gs-result div.gs-fileFormat {display:none;}
.totalsrch_result .gs-result div.gsc-thumbnail+div.gsc-table-cell-snippet-close {box-sizing:border-box;padding-left:110px;}

.totalsrch_result .gsc-results .gsc-cursor-box {/*padding:40px 0;*/padding:0 !important;text-align:center;}
.totalsrch_result .gsc-results .gsc-cursor-box .gsc-cursor-page {display:inline-block;overflow:hidden;width:17px;margin-right:25px;box-sizing:border-box;padding:0 2px 0 0;border-bottom:2px solid rgba(255,255,255,0);background:none;color:#111;font-family:'Roboto';font-size:16px;font-weight:400;transition:0.2s;letter-spacing:-2px;}
.totalsrch_result .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.totalsrch_result .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {padding-bottom:0;border-bottom:2px solid #a70638;color:#a70638;font-weight:700;text-decoration:none;}
.totalsrch_result .gcsc-more-maybe-branding-root {display:none;text-align:center;}
.totalsrch_result .gcsc-more-maybe-branding-root svg {display:none;}
.totalsrch_result .gcsc-find-more-on-google {height:60px;padding:0 30px;background:#a70638;}
.totalsrch_result .gcsc-find-more-on-google span {color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;line-height:60px;}
.totalsrch_result .gcsc-find-more-on-google-branding {position:absolute;right:0;top:-60px;}
.totalsrch_result table.gsc-search-box .gsc-search-button>button {vertical-align:top;}

.totalsrch_result .gs-web-image-box,
.totalsrch_result .gs-promotion-image-box {float:left !important;}
.gcsc-more-maybe-branding-box {border:none !important;padding:0 !important;}

.gcsc-find-more-on-google-root,
.gcsc-branding {display:none !important;}

@media print {
    #header, #footer, #lnb_nav {display:none;}
}

@media all and (max-width:1700px){
.totalsrch_result table.gsc-search-box td.gsc-input{width: 385px; padding: 0 0 0 685px; vertical-align: top;}
header .logo{left: 440px;}
header{width:100% !important}	
}

@media all and (max-width:1410px){
.totalsrch_result table.gsc-search-box td.gsc-input{width: 385px; padding: 0 0 0 285px; vertical-align: top;}
header .logo{left: 40px;}
header{width:100% !important}	
}

@media all and (max-width:1030px){
    /*google style modify*/
	.totalsrch_result table.gsc-search-box td.gsc-input{width: 385px; padding: 0 0 0 285px; vertical-align: top;}
    header .logo{left: 40px;}
	.srchWord .wrap{text-align:left; padding:26px 30px}
}

@media all and (max-width:800px){
    /*** top search(layer) ***/
	.conts_searchOn .searchOn .hashTag>a {height:24px;margin:0 10px 10px 0;padding:0 15px;border-radius:12px;font-size:14px;line-height:25px;}
    .conts_searchOn .searchOn {width:90%;}
    .conts_searchOn .searchOn .btn_close {right:0;}
	.gsib_b {height:31px; padding:2px 2px 4px 0}

    /*** search result(page) ***/
    /*layout*/
    header {height:65px;}
    header .logo {left:15px;top:20px;}
    header .logo img {height:30px !important;}
    .srchWord .wrap {height:46px;padding:14px 15px 0;}
    .srchWord b {width:85px;font-size:13px;line-height:17px;}
    .srchWord ul {overflow-x:auto;height:auto;text-align:left;}
    .srchWord ul li {margin-bottom:14px;padding:0 10px;font-size:13px;line-height:18px;}

    #btn_top {bottom:50px;width:37px;height:37px;background-size:auto 37px;}
    #btn_top.on {opacity:0.6;}
    #btn_top.limit {bottom:50px;}

    footer {min-height:auto;padding:25px 30px 30px;}
    footer .f_info .f_logo {margin-bottom:19px;}
    footer .f_info .f_logo img {height:26px;}
    footer .f_info address p>b,
    footer .f_info address p>span {display:block;margin-bottom:1px;font-size:11px;font-weight:300;line-height:15px;}
    footer .f_info address .copyright {padding-top:4px;font-size:12px;font-weight:300;line-height:15px;}
    footer .f_info .f_mark {margin-top:13px;}
    footer .f_info .f_mark .btn_wa img {height:29px;}
    footer .f_func .f_menu {width:150px;}
    footer .f_func .f_menu li {font-size:11px;line-height:15px;}
    footer .f_func .f_menu li+li {margin-top:6px;}
    footer .f_func .f_etc {width:150px;}
    footer .f_func .f_etc .f_service a {height:15px;font-size:11px;line-height:15px;}
    footer .f_func .f_etc .f_service a::after {width:15px;height:15px;background-size:auto 9px;}
    footer .f_func .f_etc .f_service a+a {margin-top:10px;}
    footer .f_func .f_etc .f_service .btn_remoteSerive {width:100%;height:34px;margin-top:17px;line-height:35px;}
    footer .f_func .f_etc .f_sns {margin-top:14px;}
    footer .f_func .f_etc .f_sns li {margin-right:18px;}

    /*contents*/
    .totalsrch_result {padding:9px 15px 29px;}

    /*google style modify*/
    .gsc-input {font-size:14px;}
    .gsc-search-button-v2 {padding:0;}

    .totalsrch_result table.gsc-search-box {height:30px;margin:18px 20px 0 15px;}
    .totalsrch_result table.gsc-search-box td.gsc-input {padding-left:170px;}
    .totalsrch_result table.gsc-search-box td.gsc-input .gsc-input-box {height:30px;padding:0 !important;border-radius:0 !important;}
    .totalsrch_result table.gsc-search-box td.gsib_a>input {height:32px !important;padding:0 10px !important;line-height:32px !important;}
    .totalsrch_result table.gsc-search-box .gsc-search-button {width:30px;height:30px;background-size:auto 17px;}

    .totalsrch_result .gsc-result-info {margin-bottom:8px;padding:4px;font-size:16px;line-height:20px;}
    .totalsrch_result .gcsc-find-more-on-google-branding {top:-40px;}
    .totalsrch_result .gcsc-find-more-on-google-branding img {height:11px;}
    .totalsrch_result .gsc-result {padding:18px 0;}
    .totalsrch_result .gs-result .gs-title a,
    .totalsrch_result .gs-result .gs-title b {font-size:14px;line-height:18px;}
    .totalsrch_result .gs-result div.gs-visibleUrl span {font-size:12px;}
    .totalsrch_result .gs-result div.gsc-thumbnail+div.gsc-table-cell-snippet-close {padding-left:100px;}
    .totalsrch_result .gs-result div.gs-snippet {font-size:12px;}
    .totalsrch_result .gsc-results .gsc-cursor-box {padding:20px 0;}
    .totalsrch_result .gsc-results .gsc-cursor-box .gsc-cursor-page {width:12px;margin-right:15px;font-size:13px;}
    .totalsrch_result .gcsc-find-more-on-google {height:35px;padding:0 15px;}
    .totalsrch_result .gcsc-find-more-on-google span {font-size:13px;line-height:35px;}
}

@media all and (max-width:768px){
    /*** top search(layer) ***/
	.totalsrch_result table.gsc-search-box td.gsc-input {padding-left:0;}
    .conts_searchOn .searchOn fieldset>button {background-size:30px auto}
    form.gsc-search-box {width:285px;}
	.totalsrch_result table.gsc-search-box td.gsc-input{width: 285px; padding: 0 0 0 170px; vertical-align: top;}
   
    /*** search result(page) ***/
}

@media all and (max-width:600px){
    /*** top search(layer) ***/
	header .logo{left: 40px;}
	header{width:auto}	
	header .logo>a img{display:none;}
	
    /*** search result(page) ***/
    /*layout*/
    footer .f_info {float:none;width:100%;margin-bottom:25px;}
    footer .f_func {float:none;width:100%;text-align:left;}
    footer .f_func .f_menu,
    footer .f_func .f_etc {width:50%;}
    footer .f_func .f_etc .f_service {max-width:150px;}
	.totalsrch_result table.gsc-search-box td.gsc-input {padding:0}
	.totalsrch_result table.gsc-search-box td.gsib_b .gsst_a {margin-left: 0;}
	.gsib_b {box-sizing: content-box; height: 28px; width: 28px; padding: 2px 2px 2px 0;}

@media all and (max-width:360px){
    /*** top search(layer) ***/
    .conts_searchOn .searchOn fieldset>input {font-size:30px;letter-spacing:-2px;}
    .conts_searchOn .searchOn .btn_close {background-size:auto 18px;}

    /*** search result(page) ***/
}
