@charset "utf-8";

/* 공통 */
body {min-width: 280px;}
.container {
    max-width: 1400px;
    min-width: 248px;
    width: 100%;
    margin: 0 auto;
    /* position: relative; */
}
.container::after {content: ""; display: block; clear: both;}
@media screen and (max-width: 1439px) {
    .container {width: calc(100% - 48px);}
}
@media screen and (max-width: 768px) {
    .container {width: calc(100% - 32px);}
}
@media screen and (max-width: 319px) {
    .container {width: calc(100% - 20px);}
}
/* --공통 */

/* 레이어팝업 */
/* 기본 레이어 */
.layerPopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
}
.layerPopup > div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1100px;
    width: 90%;
    min-width: 260px;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}
.layerHead {
    padding: 0 30px;
    border-bottom: #dedede solid 1px;
    position: relative;
}
.layerHead h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    line-height: 60px;
}
.layerClose {
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 22px;
    right: 30px;
    width: 15px;
    height: 15px;
    background: url('../images/main/btn_close2.png') center / 15px no-repeat;
}
.layerCont {
    max-height: 700px;
    padding: 30px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}
.layerCont > .tit {
    color: #222222;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin: 30px 0 10px;
}
@media screen and (max-width: 767px) {
    .layerCont {padding: 20px;}
    .layerHead {padding: 0 20px;}
    .layerClose {right: 20px;}
    .layerCont > .tit {font-size: 20px;}
}
@media screen and (max-width: 424px) {
    .layerCont {padding: 15px;}
    .layerHead {padding: 0 15px;}
    .layerHead h3 {font-size: 18px;}
    .layerClose {right: 15px;}
    .layerCont > .tit {font-size: 18px;margin: 20px 0 10px;}
}
/*-- 기본 레이어 */
/*-- 레이어팝업 */

/* 헤더 */
/* gnb영역 */
.nurizip {
    background-color: #edf1f5;
    font-family: 'S-CoreDream';
}
.nurizip p{
    line-height: 32px;
    font-size: 13px;
    background: url('../images/common/icon_kor.png') 0 center / 24px auto no-repeat;
    padding-left: 30px;
}

@media screen and (max-width: 1439px) {
    .nurizip p{line-height: 30px;font-size: 12px;}
    #header { height:50px; }
}
@media screen and (max-width: 768px) {
    .nurizip p{line-height: 30px;font-size: 12px; }
    .weather2023-box1 { display:none; }
    #mainSearch { padding-bottom: 0px; }
    #mainSearch { height:90px; }
}
@media screen and (max-width: 304px) {
    .nurizip p{letter-spacing: -1.5px;}
}
.gnb {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
}
.gnb .topLink {float: left;margin-top: 3px;}
.gnb .topFunc {float: right;}
.gnb > div > ul > li {float: left;}
.gnb button,
.gnb a,
.gnb > div > ul > li {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
	font-family: 'S-CoreDream';
}
.topLink > li:not(:first-child) + li {
    padding-left: 17px;
    margin-left: 17px;
    position: relative;
}
.topLink > li:not(:first-child) + li::after {
    position: absolute;
    content: "";
    display: block;
    background-color: #bbbbbb;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: -2px;
    top: 50%;
    margin-top: -2px;
}
.topLink li a.on {
    background-color: #ec6d65;
    color: #fff;
    border-radius: 18px;
    line-height: 26px;
    font-size: 14px;
    width: 95px;
    text-align: center;
    margin: 0 0 0 17px;
}
.topLink li:first-child a.on {
    margin: 0 17px 0 0;
}
.topFunc > li {
    padding-left: 25px;
    display: block;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 0 center;
}
.topFunc > li + li {margin-left: 33px}
.topFunc > li:nth-child(1) {background-image: url('../images/common/icon_sitemap.png');}
.topFunc > li:nth-child(2) {background-image: url('../images/common/icon_sns.png');}
.topFunc > li:nth-child(3) {background-image: url('../images/common/icon_lang.png');}
.topFunc > li > a {line-height: 34px;}
.topFunc li > div > button{
    background: url('../images/common/gnb_down.png') right center / 8px auto no-repeat;
    padding-right: 15px;
    line-height: 34px;
    padding-left: 0px;
}
.topFunc li > div > button.active {
    background-image: url('../images/common/gnb_up.png');
}
.topFunc li > div {
    position: relative;
}
.topFunc li > div > ul {
    display: none;
    position: absolute;
    top: 35px;
    left: -10px;
    z-index: 200;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
}
.topFunc li > div > ul::after{
    position: absolute;
    width: 12px;
    height: 8px;
    background: url('../images/common/box_tail.png') center no-repeat;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}
.topFunc li > div > ul > li > a{
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color:rgba(0, 0, 0, 0.5);
}
.topFunc li > div > ul > li > a > img {width: 40px;}
.topFunc li > div > ul > li > a:hover{
    color:rgba(0, 0, 0, 1);
}
.topFunc > li:nth-child(2) ul > li {
    margin: 4px 0;
}
@media screen and (max-width: 1439px) {
}
@media screen and (max-width: 1024px) {
    body.menuOpen .gnb {z-index: 9991;border-bottom: none;top: 126px;padding: 0;}
    body.menuOpen .gnb .topFunc {
        position: fixed;
        background-color: #fff;
        width: calc(100% - 30px);
        top: 67px;
        margin: 0 -15px;
        float: none;
        border-top: #f1f1f1 solid 1px;
    }
    body.menuOpen .gnb .topFunc .time {
        position: absolute;
        top: -60px;
        left: 100px;
        z-index: 9992;
    }
    .time a {font-size: 12px !important;line-height: 20px;height: 22px;}
    .time p {display: block;line-height: 25px;}
    .time span {margin-left: 0;}
    .topFunc li:not(.time) a,
    .topFunc li:not(.time) {line-height: 57px;}
    .topFunc li:last-child {float: right;}
    .gnb .topFunc li + li {margin-left: 0;padding:0 20px}
    .gnb .topFunc li.line::after {
        position: absolute;
        content: "";
        display: block;
        background-color: #ccc;
        width: 1px;
        height: 12px;
        left: 0;
        top: 50%;
        margin-top: -6px;
    }
    .gnb .topFunc li:last-child{padding: 0;}

    .gnb .topLink {
        float: none;
        margin: 1px -30px 0;
        width:calc(100% + 30px);
        border-top: #f15922 solid 1px;
        background-color: #fafafa;
    }
    .gnb .topLink > li {float: none;display: block;border-bottom: #ebebeb solid 1px;}
    .gnb .topLink > li:nth-child(4),
    .gnb .topLink > li:nth-child(5) {
        float: left;
        width: 50%;
    }
    .gnb .topLink > li:nth-child(4) {padding: 12.5px 0 12.5px 15px;}
    .gnb .topLink > li:nth-child(5) {padding: 12.5px 15px 12.5px 0;}
    .gnb li > div > button{
        line-height: 48px;
        border: #d0d0d0 solid 1px;
        width: 100%;
        background: url('../images/common/gnb_down_m.png') calc(100% - 13px) center / 10px no-repeat #ffffff;
        text-align: left;
        padding: 0 0 0 14px;
    }
    .gnb li > div > ul {
        top: 48px;
        left: 0;
        width: 100%;
        max-height: 300px;
        overflow-y: scroll;
        border-radius: 0 0 10px 10px;
    }
    .gnb .topLink > li:nth-child(5) button {border-left: none;}
    .gnb li > div > button.active {background-image: url('../images/common/gnb_up_m.png');}
    .gnb > div > ul > li + li::after {display: none;}
    .gnb > div > ul > li + li {padding-left: 0;margin-left: 0;}
    .gnb li a.newWin{
        display: block;
        padding: 0 38px 0 15px;
        line-height: 45px;
        background-position: calc(100% - 15px) center;
    }
    body.menuOpen #header::after {top: 67px;left: 15px; width: calc(100% - 30px);background-color: #f1f1f1;}
}
@media screen and (max-width: 374px) {
    .gnb li > div > ul > li > a {font-size: 10px;}
}
@media screen and (max-width: 323px) {
    .time p {font-size: 10px;}
    .time span {font-size: 10px;}
    body.menuOpen .gnb .topFunc .time {left: 90px;}
}
@media screen and (max-width: 319px) {
    .gnb .topFunc li + li {padding: 0 10px;}
    .gnb button {font-size: 12px;}
    .gnb li > div > button {padding: 0 0 0 5px;}
    .gnb li > div > ul {padding: 10px;}
    .gnb li > div > ul > li > a {line-height:  20px;}
}
/*-- gnb영역 */
/* header영역 */
#header {
	height:79px;
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 99;
    border-bottom: #e6e6e6 solid 1px;
}
body.active .nurizip, 
body.active .gnb, 
body.active #header {z-index: 1000;position: relative;}
#header.active::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 80px;
    z-index: -1;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
    transform: rotate(180deg);
}
#header.active::after {display: block;}
h1 {position: absolute;top: 10px;}
h1 a {display: block;}
h1 img {width: 118px;}
.all_menu_m {display: none;}
@media screen and (max-width: 1279px) {
}
/* 상단메뉴 */
#topMenu > ul{
    width: 1020px;
    margin: 0 auto;
    display: flex;
    z-index: 100;
}
#topMenu > ul > li {
    width: calc(1020px / 6);;
}
#topMenu > ul > li > a {
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 79px;
    position: relative;
}
#topMenu > ul > li.active > a::after,
#topMenu > ul > li:hover > a::after {
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50%;
    transform: translateX(-50%);
    background-color: #ec6d66;
}
#topMenu > ul > li > div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 79px;
    z-index: 1000;
    width: 100vw;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease;
    background: url('../images/common/sub_bg.png') center bottom no-repeat;
    background-color: #fff;
}
#topMenu > ul > li > div::after {
    content: "";
    display: block;
    height: 1px;
    width: 100vw;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    top: 0;
}
#topMenu > ul > li.active > div {
    max-height: fit-content;
    padding-bottom: 10px;
}
#topMenu > ul > li > div > div {
    display: flex;
}
#topMenu > ul > li > div > div > div{
    border-radius: 0 0 140px 0;
    min-width: 260px;
    padding: 56px 0 0  0;
    position: relative;
    min-height: 440px;
}
#topMenu > ul > li:nth-child(1) .container > div {
    background: url('../images/common/sub_01.png') no-repeat right top #feeeeb;
}
#topMenu > ul > li:nth-child(2) .container > div {
    background: url('../images/common/sub_02.png') no-repeat right top #feeeeb;
}
#topMenu > ul > li:nth-child(3) .container > div{
    background: url('../images/common/sub_03.png') no-repeat right top #feeeeb;
}
#topMenu > ul > li:nth-child(4) .container > div {
    background: url('../images/common/sub_04.png') no-repeat right top #feeeeb;
}
#topMenu > ul > li:nth-child(5) .container > div {
    background: url('../images/common/sub_05.png') no-repeat right top #feeeeb;
}
#topMenu > ul > li:nth-child(6) .container > div {
    background: url('../images/common/sub_06.png') no-repeat right top #feeeeb;
}
#topMenu > ul > li .container > div > div {
    position: absolute;
}
#topMenu > ul > li > div > div > div p:nth-child(1){
    font-size: 30px;
    font-weight: 600;
    color:rgba(0, 0, 0, 1);
}
#topMenu > ul > li > div > div > div p:nth-child(2){
    font-size: 16px;
    color:rgba(0, 0, 0, 0.7);
    margin-top: 25px;
}
/* 2뎁스 */
#topMenu > ul > li > div > div > ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 40px 0px 0px 50px;
    background-color: #fff;
}
#topMenu > ul > li > div > div > ul a {
    display: block;
}
#topMenu > ul > li > div > div > ul > li {width: calc((100% / 4) - 30px);}
#topMenu > ul > li > div > div > ul > li > a {
    border: #cccccc solid 1px;
    border-radius: 8px;
    font-size: 17px;
    color: #222222;
    line-height: 48px;
    text-align: center;
}
#topMenu > ul > li > div > div > ul > li.active > a,
#topMenu > ul > li > div > div > ul > li > a:hover {
    border: #ed6c65 solid 1px;
    border-radius: 8px;
    font-size: 17px;
    color: #ed6c65;
    line-height: 48px;
    text-align: center;
}
/* 3뎁스 */
#topMenu > ul > li > div > div > ul > li > ul {
    padding: 10px;
}
#topMenu > ul > li > div > div > ul > li > ul > li {
    position: relative;
    margin: 5px 0;
    padding-left: 17px;
}
#topMenu > ul > li > div > div > ul > li > ul > li > a.newWin{
    background: url('../images/common/icon_new.png') right 6px / 12px auto no-repeat;
    display: inline-block;
    padding-right: 17px;
}
#topMenu > ul > li > div > div > ul > li > ul > li > a{color: #888888;}
#topMenu > ul > li > div > div > ul > li > ul > li > a:hover,
#topMenu > ul > li > div > div > ul > li > ul > li.on > a{color: #ec6d66;}
#topMenu > ul > li > div > div > ul > li > ul > li::after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #dddddd;
    position: absolute;
    left: 0;
    top: 10px;
}
#topMenu > ul > li > div > div > ul > li > ul > li > ul{display: none;}


#topMenu + div {
    position: absolute;
    right: 0px;
    top: 18px;
}
#header [class^='all_'] {
    text-indent: -9999px;
    overflow: hidden;
    background: url('../images/common/all_search.png') center right / 27px auto no-repeat;
    width: 30px;
    height: 46px;
    display: inline-block;
}
#header .all_menu {
    background-image: url('../images/common/all_menu.png');
    background-size: 23px auto;
    margin-left: 16px;
}
#header > div > div:not(#topMenu) a {
    color: #000;
    font-size: 13px;
    font-weight: 500;
    background-size: auto 20px;
    background-position: center 0;
    background-repeat: no-repeat;
    padding: 30px 0 0 0;
    text-align: center;
    display: inline-block;
}
#header > div > div a + a{margin-left: 30px;}
.iconLogin {background-image: url('../images/common/icon_login.png');}
.iconJoin {background-image: url('../images/common/icon_join.png');}
.iconLogout {background-image: url('../images/common/icon_logout.png');}
.iconMypage {background-image: url('../images/common/icon_mypage.png');}
.iconSitemap {background-image: url('../images/common/icon_sitemap.png');}

@media screen and (max-width: 1279px) {
    #topMenu > ul {width: calc(100% - 260px)}
    #topMenu > ul > li > div {background: #fff;}
    #topMenu > ul > li > div > div > div {display: none;}
    #topMenu > ul > li > div > div > ul {padding: 20px 0px 0 0px;gap: 20px;}
    #topMenu > ul > li > div > div > ul > li {width: calc((100% / 4) - 20px);}
    #topMenu > ul > li.active > div {min-height: auto;} 
}
/* 모바일 메뉴 */
#mMenuClose,
#mMenuOpen {
    background: url('../images/common/mMenu.png') center / 20px auto no-repeat;
    display: none;
    width: 20px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 16px;
}
@media screen and (max-width: 1024px) {
    #mMenuOpen {display: block;}
    #header h1 img {width: 80px;}
    #header h1 {position: absolute;left: 0;top: 5px;}
    #topMenu + div {display: none;}
}
#mMenu {
    display: none;
}
@media screen and (max-width: 1024px) {
    .gnb, #topMenu {display: none;}
    #header {height: 50px;}
    #mMenu {
        position: fixed;
        top: 45px;
        left: 0;
        background-color: #feeeeb;
        width: 100%;
        height: calc(100vh - 45px);
        z-index: 1000;
        padding: 15px 0px 0;
        border-radius: 35px 0 0 0;
    }
    #mMenu.open,
    #mMenu.open #mMenuClose{display: block;}
    #mMenuClose {
        background: url('../images/common/mMenuClose.png') center / 70.5px auto no-repeat;
        width: 70.5px;
        height: 71px;
        position: absolute;
        right: -0.5px;
        top: -35px;
    }
    .mGnb {margin-left: 15px;}
    .mGnb > ul{
        display: flex;
        gap: 20px;
    }
    .mGnb > ul > li.iconLang {
        background: url('../images/common/icon_lang.png') 0 center / 13px auto no-repeat;
        padding-left: 20px;
    }
    #mMenu .activeBox {
        position: relative;
    }
    #mMenu .activeBox button{
        background: url(../../images/common/gnb_down.png) right 7px / 8px auto no-repeat;
        padding-right: 15px;
        font-size: 13px;
        color: #000;
        font-weight: 500;
    }
    #mMenu .activeBox > ul {
        display: none;
        position: absolute;
        top: 35px;
        left: -10px;
        z-index: 200;
        padding: 5px;
        width: calc(100% + 15px);
        border-radius: 8px;
        background-color: #fff;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.12);
    }
    #mMenu .activeBox > ul::after{
        position: absolute;
        width: 12px;
        height: 8px;
        background: url('../images/common/box_tail.png') center no-repeat;
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
    }
    #mMenu .activeBox > button.active {
        background-image: url('../images/common/gnb_up.png');
    }
    #mMenu .activeBox > ul > li > a{
        font-size: 13px;
        line-height: 30px;
        font-weight: 500;
        color:rgba(0, 0, 0, 0.5);
    }
    #mMenu .activeBox > ul > li > a:hover{
        color:rgba(0, 0, 0, 1);
    }
    .topFuncM {float: right;margin: 15px 0;}
    .topFuncM a{
        color: #000;
        font-weight: 600;
        font-size: 14px;
        display: block;
        padding: 0 0 0 22px;
    }
    .topFuncM li{
        background-size: auto 13px;
        background-repeat: no-repeat;
        background-position: 0 center;
    }
    .mMenuList {
        position: relative;
        height: calc(100vh - 132.5px);
        overflow-x: hidden;
        width: 100%;
    }
    .mMenuList > li:first-child {margin-top: 5px;}
    .mMenuList > li > a{
        width: 135px;
        font-size: 13px;
        color: #000;
        font-weight: 600;
        line-height: 50px;
        display: block;
        padding: 0 0 0 16px;
    }
    .mMenuList > li.active > a{
        background-color: #ec6d65;
        color: #fff;
        border-radius: 0 26.5px 10.5px 0;
        position: relative;
        z-index: 1;
    }
    .mMenuList > li > ul{
        background-color: #fff;
        display: none;
        position: absolute;
        left: 125px;
        top: 0;
        width: calc(100% - 125px);
        border-radius: 16px 16px 0 0 ;
        height: 100%;
        overflow-y: auto;
        padding: 20px;
    }
    .mMenuList li.active > ul{
        display: block;
    }
    .mMenuList li > ul{
        display: none;
    }
    .mMenuList a{
        display: block;
    }
    .mMenuList > li > ul a{
        color: #222;
        font-weight: 500;
        padding: 12.5px 25px 12.5px 10px;
    }
    .mMenuList li.depth > a{
        background: url('../images/common/mMenu_down.png') calc(100% - 10px) 22px / 9px auto no-repeat;
    }
    .mMenuList li.depth.active > a{
        background: url('../images/common/mMenu_up.png') calc(100% - 10px) 22px / 9px auto no-repeat #fff2df;
        color: #ffa019;
    }
    .mMenuList > li > ul > li + li{
        border-top: #d4d4d4 solid 1px;
    }
    .mMenuList > li > ul > li > ul {padding: 10px 0;}
    .mMenuList > li > ul > li > ul > li > a{
        font-size: 14px;
        color: #444444;
        font-weight: 400;
        padding: 4px 25px 4px 20px;
        position: relative;
    }
    .mMenuList > li > ul > li > ul > li > a::after{
        content: "";
        display: block;
        position: absolute;
        left: 10px;
        top: 12px;
        width: 4px;
        height: 4px;
        background-color: #757575;
        border-radius: 50%;
    }
    .mMenuList > li > ul > li > ul > li.depth > a, 
    .mMenuList > li > ul > li > ul > li.depth.active > a{
        background-position: calc(100% - 10px) 12px;
    }
    .mMenuList > li > ul > li > ul > li.depth.active > a{
        background-color: transparent;
        color: #000000;
        font-weight: 500;
    }
    .mMenuList > li > ul > li > ul > li > ul {padding: 0px 0 10px;}
    .mMenuList > li > ul > li > ul > li > ul > li > a{
        font-size: 13px;
        color: #888888;
        font-weight: 400;
        padding: 2px 20px;
    }
    .mMenuList > li > ul > li > ul > li > ul > li.active > a{
        color: #000;
        font-weight: 500;
    }
}
@media screen and (max-width: 319px) {
    .mMenuList {background-position: -35px 0;}
    .mMenuList > li > a {width: 130px;padding: 0 0 0 10px;font-size: 14px;}
    .mMenuList > li > ul {width: calc(100% - 120px);left: 120px;padding: 10px;}
    .mMenuList > li > ul > li > a {font-size: 13px;}
    .mMenuList > li > ul a {padding-right: 20px;/*word-break: keep-all;*/}
    .mGnb > ul {gap: 9px;}
}
/*-- 헤더 */
/* search 영역 */
#mainSearch {
	height: 120px;
}
/* 배너모음 */
#footerBanner {
    border-top: #e5e5e5 solid 1px;
    height: 79px;
}
#footerBanner > div {
    display: flex;
}
#footerBanner .tit {
    font-size: 22px;
    color: #222222;
    font-weight: 600;
    line-height: 79px;
}
#footerBanner .slider {
    width: calc(100% - 265px);
    position: absolute;
    left: 265px;
    top: 15px;
}
#footerBanner .slider a {
    font-size: 16px;
    color: rgba(34,34,34, 0.8);
    padding: 10px 25px;
    display: block;
}
#footerBanner .slider a:focus-visible{outline-offset: -2px;}
#footerBanner .controll {
    position: absolute;
    left: 100px;
    top: 20px;
}
.controll > a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: auto 15px;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
    border-radius: 50%;
}
.controll > * + *{margin-left: 5px;}
.controll > a.prev{background-image: url('../images/common/btn_prev.png');}
.controll > a.next{background-image: url('../images/common/btn_next.png');}
.controll > a.stop{background-image: url('../images/common/btn_stop.png');}
.controll > a.play{background-image: url('../images/common/btn_play.png'); display: none;}
.controll > a.more{background-image: url('../images/common/btn_more2.png');}
.controll > a.more2{background-image: url('../images/common/btn_more.png');}

@media screen and (max-width: 768px) {
    #footerBanner {height: 67px;}
    #footerBanner .tit {font-size: 14px;line-height: 67px;}
    #footerBanner .controll {left: 60px;}
    .controll > a {width: 27px;height: 27px;background-size: auto 10px;}
    #footerBanner .slider {width: calc(100% - 160px);left: 160px;}
    #footerBanner .slider a {font-size: 14px;padding: 10px 13px;}
}
/* 패밀리사이트 */
#footer2025 * {
    font-family: 'gov';
    font-size: 17px;
    color: #1e2124;
}
.siteList {
    border-top: #cdd1d5 solid 1px;
    border-bottom: #cdd1d5 solid 1px;
    background-color: #fff;
}
.siteList > div{
    display: flex;
    border-right: #cdd1d5 solid 1px;
}
.siteList > div > div{
    width: calc(100% / 4);
    border-left: #cdd1d5 solid 1px;
    position: relative;
}
.siteList ul {
    display: none;
    position: absolute;
    bottom: calc(100% + 4px);
    z-index: 100;
    width: 100%;
    padding: 20px;
    border: 1px solid #cdd1d5;
    border-radius: 8px;
    background-color: #fff;
}
.siteList ul > li + li {margin-top: 10px;}
.siteList ul > li > a {
    display: block;
    font-size: 15px !important;
    color: #666 !important;
    position: relative;
    padding-left: 10px;
}
.siteList ul > li > a:hover {
    text-decoration: underline;
    color: #000000 !important;
}
.siteList ul > li > a::after {
    content: "";
    display: block;
    width: 2px;
    height: 2px;
    background-color: #8a8a8a;
    position: absolute;
    left: 0;
    top: 11px;
}
.siteList ul > li > a:hover {color: #008576;}
.siteList button {
    display: block;
    width: 100%;
    padding: 9px 50px 9px 25px;
    line-height: 36px;
    text-align: left;
    background: url('../images/common/icon_site.png') calc(100% - 25px) center / 15px auto no-repeat;
}
.siteList button.active {
    background-image: url('../images/common/icon_site_on.png');
    background-color: #feeeeb;
}
@media screen and (max-width: 768px) {
    .siteList > div {flex-wrap: wrap;width: 100%;border-right: none;}
    .siteList > div > div {width: calc(100% / 2);}
    .siteList > div > div:nth-child(odd) {border-left: none;}
    .siteList > div > div:nth-child(n+3) {border-top: #cdd1d5 solid 1px;}
}
@media screen and (max-width: 425px) {
    .siteList > div {display: block;}
    .siteList > div > div {width: 100%;border-left: none;}
    .siteList > div > div + div{border-top: #cdd1d5 solid 1px;}
    .siteList button {padding: 9px 16px;background-size: 12px auto;background-position: calc(100% - 16px) center;}
    .siteList ul {width: calc(100% - 10px);left: 5px;}
}
/* 푸터 */
#footer2025 * {
    font-family: 'gov';
    font-size: 17px;
    color: #1e2124;
}
#footer2025 {
	background-color: #f4f5f6;
	margin: 15px 0 !important;
    padding: 0;
    border: 0;
    font-size: 15px;
    line-height: 160%;
    font-family: 'S-CoreDream';
    color: #666;
    box-sizing: border-box;
    letter-spacing: -0.4px;
    vertical-align: middle;
}
#footer2025 .fLogo {
    margin: 30px 0 40px;
}
#footer2025 .fLogo img{
    width: 156px;
}
#footer2025 .info {
	width: calc(100% - 380px);
	margin: 0;
    padding: 0;
    border: 0;
    line-height: 160%;
    box-sizing: border-box;
    letter-spacing: -0.4px;
    vertical-align: middle;
}
#footer2025 .info dl dt{
    float: left;
    font-weight: 700;
    width: 70px;
	margin: 0;
    padding: 0;
    border: 0;
    line-height: 160%;
    box-sizing: border-box;
    letter-spacing: -0.4px;
    vertical-align: middle;
}
#footer2025 .info p {padding-bottom: 15px;}
#footer2025 .info dl dt, #footer2025 .info dl dd {
    padding: 5px 0;
	margin: 0;
    border: 0;
    line-height: 160%;
    box-sizing: border-box;
    letter-spacing: -0.4px;
    vertical-align: middle;
}
#footer2025 .pageLink {width: 380px;}
#footer2025 .pageLink a {
    display: inline-block;
    background: url('../images/common/arr.png') right center / 8px auto no-repeat;
    padding-right: 22px;
}
#footer2025 > div > a{
    position: absolute;
    right: 0;
    top: 170px;
}
#footer2025 > div > a img{width: 83px;}
#footer2025 .bottom {
	border-top: #cdd1d5 solid 1px;
    padding: 15px 0 !important;
    margin-top: 25px;
}
#footer2025 .bottom *{font-size: 15px;}
#footer2025 .bottom li {
    float: left;
}
#footer2025 .bottom li + li{margin-left: 15px;}
#footer2025 .bottom li:first-child a{color: #063164;font-weight: 700;}
#footer2025 > div p.copy{
    color: #464c53 !important;
}

@media screen and (max-width: 1024px) {
    #footer2025 .info {width: calc(100% - 200px);}
    #footer2025 .pageLink {width: 200px;}
}
@media screen and (max-width: 768px) {
    #footer2025 {padding-bottom: 60px;}
    #footer2025 * {font-size: 14px !important;}
    #footer2025 > div p.copy {font-size: 13px !important;text-align: center;}
    #footer2025 .fLogo {margin: 17px 0;}
    #footer2025 .fLogo img {width: 122px;}
    #footer2025 .info dl dt {width: 60px;}
    #footer2025 .pageLink a {background-size: 5.5px auto;}
    #footer2025 > div > a {right: auto;left: 0;top: auto;bottom: -40px;}
    #footer2025 > div > a img {width: 60px;}
}
/*-- 푸터 */
.bestKeyword {
	display:none;
}

/* #wrapper2{position:relative; min-width:1400px; overflow:hidden;} */
.wrap2 {
	position:relative;
	width:1400px;
	margin:0 auto;
}
/* tablet */
@media screen and (max-width:1200px) {
	#wrapper2{ min-width:1000px; }
	.wrap2{ width:1000px; }
	#mainSearch .top {height: 130px;z-index: 1}
}
@media screen and (max-width:1000px) {
	#wrapper2{ min-width:0; }
	.wrap2{ width:94%; }
.colgroup2 {
	display:inline;
	float:right;
	width: 98%;
	min-height:500px;
	margin:0;
	padding:0;
}
	
}
/* mobile */
@media screen and (max-width:640px){
	.wrap2{ width:94%; }

}