@charset "UTF-8";
/*==============================================================

	COMMON

==============================================================*/

/*
	>> Layout
		- Header
		- Quick menu
		- Common Content

	>> Components
		- Utility Classes
		- Font
		- Bullet
		- Btn
		- Tabs
		- Form
		- Table
		- Card
		- Board
		- Slider
		- Popup
	>> 영문화면

	--------------------------------------------
	>> main--renewal-2024
		- header
		- footer


*/


/* ---------------------------------------------
	Layout
------------------------------------------------ */
html.v2 *,
html.v2 *:before,
html.v2 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html.v2 html {
    line-height: inherit;
}

html.v2 .wrapper {
    position: relative;
}

html.v2 body section {
    position: relative;
}

html.v2 body section .inner-cont {
    display: block;
    margin: 0 auto;
    max-width: 1100px;
}


html.v2 header .header-pc {
    display: block;
}

html.v2 header .header-mo {
    display: none;
}

/* display */
.dp-mobile {
    display: none
}

.dp-pc {}

@media (max-width: 768px) {
    .dp-mobile {
        display: block
    }

    .dp-pc {
        display: none
    }
}

/* text */
.hidetext {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
    padding: 0;
    min-height: auto;
    display: block
}

/* Header */
/*=================================*/
html.v2 header {
    position: relative;
}

html.v2 header h1 {
    font: inherit;
    letter-spacing: normal;
    line-height: inherit !important;
}

html.v2 header .inner-cont {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    padding: 0 45px;
}

/* util-wrap */
html.v2 header .util-wrap {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #2578B3;
}

html.v2 header .util-wrap .inner-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9%;
}


html.v2 header .util-wrap .logo-cont {
    display: flex;
    justify-content: end;
    align-items: center;
    flex: 3;
}

html.v2 header .util-wrap .btn-logo-sto {
    display: inline-block;
    vertical-align: top;
    width: 168px;
    height: 31px;
    background: url('../../image/Icon/ico_logo_sto_white.png') no-repeat center center;
    background-size: 100%;
}

html.v2 header .util-wrap h1 {
    position: relative;
    margin-left: 16px;
    padding-left: 17px;
    font-size: inherit;
    letter-spacing: 0;
    line-height: inherit;
}

html.v2 header .util-wrap h1:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 28px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

html.v2 header .util-wrap .btn-logo-danurim {
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
    width: 120px;
    height: 29px;
    background: url('../../image/Icon/ico_logo_danurim_white.png') no-repeat center center;
    background-size: 100%;
}


html.v2 header .util-wrap .util-menu {
    width: 100%;
    max-width: 588px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    z-index: 10;

}

html.v2 header .util-wrap .util-menu li {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

html.v2 header .util-wrap .util-menu li a,
html.v2 header .util-wrap .util-menu li button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.2s ease-out;
    white-space: nowrap;
}

html.v2 header .util-wrap .util-menu li.js-focus a,
html.v2 header .util-wrap .util-menu li.js-focus button {
    background-color: rgba(0, 0, 0, .3);
}

html.v2 header .util-wrap .util-menu .zoom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    gap: 8px;
}

html.v2 header .util-wrap .util-menu .zoom [class^='btn-zoom-'] {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: 40px;
    height: 40px;
}

html.v2 header .util-wrap .util-menu .zoom .btn-zoom-plus {
    background: url('../../image/Icon/ico_zoom_plus.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 header .util-wrap .util-menu .zoom>span {
    text-align: center;
}

html.v2 header .util-wrap .util-menu .zoom .btn-zoom-minus {
    background: url('../../image/Icon/ico_zoom_minus.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 header .util-wrap .inner-cont .sub-menu li {
    position: relative;
}



/* nav-wrap */
html.v2 header .nav-wrap {
    position: absolute;
    /* top:0; */
    left: 0;
    width: 100%;
    height: 65px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
}


html.v2 header .nav-wrap .inner-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
}

html.v2 header .nav-wrap .gnb {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
    flex: 3;
    /* gap: 10px; */
}

html.v2 header .nav-wrap .gnb-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

html.v2 header .nav-wrap .gnb-menu>li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* html.v2 header .nav-wrap .gnb-menu > li:first-child > a {
	min-width:146px;
} */


html.v2 header .nav-wrap .gnb-menu>li>a {
    display: flex;
    align-items: center;
    /* display: inline-block;
	vertical-align: top; */
    padding: 18px 15px;
    height: 100%;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #fff;
    position: relative;
}

html.v2 header .nav-wrap .gnb-menu>li.js-focus>a {
    font-weight: 700;
}



html.v2 header .nav-wrap .gnb-menu>li .gnb-inner {
    position: absolute;
    left: 0;
    top: 63px;
    /* margin-left: 121px; */


    /* transform: translateX(-50%); */
    z-index: 100;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
    display: none;
    padding: 0 15px;
}


html.v2 header .nav-wrap .gnb-menu>li.active>.gnb-inner {
    display: block;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul {
    font-size: 0;
    width: 210px;
    background: #FFF;
    border-top: 1px solid #E8E8E9;
}

html.v2.en header .nav-wrap .gnb-menu>li .gnb-inner>ul {
    width: 230px;
}


html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    /* height: 46px; */
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li+li {
    border-top: 1px solid #E8E8E9;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li a {
    position: relative;
    display: flex;
    margin-top: -1px;
    width: 100%;
    height: 100%;
    padding: 13px 16px;
    color: #3D3F46;
    font-size: 14px;
    font-weight: 700;
    /* letter-spacing: -0.5px; */
}




html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li {}
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li>a {
    position: relative;
}
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li>a:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #3D3F46;
    border-right: 2px solid #3D3F46;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-out;
    opacity: 0;

    /* width: 8px;
	height: 13px;
	background: url('../image/Icon/ico_gnb_arrow_right.png') no-repeat center center;
	background-size: 8px 13px; */
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li.active,
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li.js-focus {
    background-color: #FAFBFC;

}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li.active,
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li.js-focus>a {
    /*color: #2578B3;*/
}


html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul.depth2-menu li.js-focus>a:after {
    opacity: 1;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3>a {
    position: relative;

}


html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3 > .gnb-inner {
    overflow: hidden;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    box-shadow: none;
    display: none;
}

/* 고정 요청 */
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3>a:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url('../../image/Icon/ico_gnb_plus.svg') no-repeat center center;
    background-size: 16px 16px;
    transform: none;
    border: none;
    opacity: 1;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3.active>a {
    color: #2578B3;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3.active>a:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: url('../../image/Icon/ico_gnb_plus_active.svg') no-repeat center center;
    background-size: 16px 16px;
    transform: none;
    border: none;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3.active>.gnb-inner {}

/* 고정 요청 */
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3.js-focus,
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3.active {
    background: #fff
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul>li.has-depth3.active>a {
    color: #3D3F46
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu {
    padding: 10px 5px;
    margin: 2px 0;
    /* 고정 요청 */
}



html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li+li {
    border-top: none;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li>a {
    position: relative;
    padding: 10px 16px 10px 28px;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li>a::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: 1px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #3D3F46;
}
html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li>a::after {
    display: none;
}


html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li.js-focus>a:before {
    background-color: #2578B3;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li.js-focus {
    background-color: transparent;
}

html.v2 header .nav-wrap .gnb-menu>li .gnb-inner>ul .depth3-menu li.js-focus a:after {
    border: none;
    transform: none;
}




html.v2 header .nav-wrap .gnb .btn-search {
    display: inline-block;
    vertical-align: top;
    width: 65px;
    height: 65px;
    background: url('../../image/Icon/ico_search_white.svg') no-repeat center center;
    background-size: 20px 20px;
    /* transition: 0.2s ease-out; */
}

html.v2 header .nav-wrap .gnb .btn-search.active {
    background: url('../../image/Icon/ico_close_white.svg') no-repeat center center;
    background-size: 20px 20px;
}

html.v2 header .nav-wrap .sub-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 540px;
    text-align: right;
    gap: 0;
    height: 100%;
}

html.v2 header .nav-wrap .sub-menu li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

html.v2 header .nav-wrap .sub-menu .weather {
    /* min-width: 240px; */
}

html.v2 header .nav-wrap .sub-menu .weather span {
    color: #FFF;
    font-size: 18px;
    letter-spacing: -0.5px;
    font-weight: 350;
}

html.v2 header .nav-wrap .sub-menu .lang {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 0 18px 0 40px;
    height: 100%;
}

html.v2 header .nav-wrap .sub-menu .lang .btn-lang {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 1px 0 3px 0;
    /* width: 93px; */
    width: auto;
    border-radius: 20px;
    color: #fff;
    color: #FFF;
    font-size: 18px;
    font-weight: 350;
    letter-spacing: -0.5px;
    text-align: center;
}

html.v2 header .nav-wrap .sub-menu .lang .btn-lang.active {
    border: 2px solid #FFF;
    padding: 1px 12px 3px 12px;
}

html.v2.en header .nav-wrap .gnb {
    min-width: 690px;
}


/* header.type2 */
html.v2 header.type2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

html.v2 header.type2 .util-wrap {
    height: 50px;
}

html.v2 header.type2 .inner-cont {
    padding: 0;
}

html.v2 header.type2 .util-wrap .inner-cont {
    margin: 0 auto;
    gap: 0;
    justify-content: space-between;
    padding: 0 40px 0 30px;
}

html.v2 header.type2 .util-wrap .util-menu {
    max-width: 377px;
}

html.v2 header.type2 .util-wrap .util-menu .zoom {
    /* margin: 0; */
    margin-right: 15px;
}

html.v2 header.type2 .util-wrap .util-menu li a,
html.v2 header.type2 .util-wrap .util-menu li button {
    padding: 10px;
}


html.v2 header.type2 .util-wrap .logo-cont {
    flex: unset;
}

html.v2 header.type2 .util-wrap .sub-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: unset;
    text-align: right;
    gap: 0;
    height: 100%;
}

html.v2 header.type2 .util-wrap .sub-menu li {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
}

html.v2 header.type2 .util-wrap .sub-menu a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

html.v2 header.type2 .util-wrap .sub-menu a+a {
    margin-left: 20px;
}


html.v2 header.type2 .util-wrap .entery {
    position: relative;
    /* padding-left: 20px; */

    display: flex;
    align-items: center;
    justify-content: center;
}

html.v2 header.type2 .util-wrap .entery::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 18px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

}

html.v2 header.type2 .util-wrap .sub-menu .lang {
    padding: 0;
}

html.v2 header.type2 .util-wrap .sub-menu li:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 18px;
    position: absolute;
    right: -20px;
    /* right: 0; */
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

html.v2 header.type2 .util-wrap .sub-menu li:last-child:after {
    display: none;
}



html.v2 header.type2 .util-wrap .entery li {

    font-size: 16px;
    font-weight: 500;
    color: #fff;

}

html.v2 header.type2 .util-wrap .entery a {
    /* padding: 0 10px; */
    text-align: center;
    margin-left: 20px;
}

html.v2 header.type2 .util-wrap .entery li.login a {
    margin-left: 25px;
}


html.v2 header.type2 .util-wrap .sub-menu .weather {
    /* min-width: 240px; */
}

html.v2 header.type2 .util-wrap .sub-menu .weather span {
    color: #FFF;
    font-size: 16px;
    letter-spacing: -0.5px;
    /* font-weight: 350; */
    font-weight: 400;
}

html.v2 header.type2 .util-wrap .sub-menu .lang {
    /* margin-left: 20px; */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: 15px; */
    /* padding: 0 10px 0 20px; */
    padding: 0;
    height: 100%;
}

/* html.v2 header.type2 .util-wrap .sub-menu .lang:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
} */



html.v2 header.type2 .util-wrap .sub-menu .lang .btn-lang {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 1px 0 3px 0;
    /* width: 93px; */
    border-radius: 20px;
    color: #fff;
    color: #FFF;
    font-size: 18px;
    font-weight: 350;
    letter-spacing: -0.5px;
    text-align: center;
}

html.v2 header.type2 .util-wrap .sub-menu .lang .btn-lang.active {
    border: 2px solid #FFF;
    padding: 1px 12px 3px 12px;
}

html.v2 header.type2 .nav-wrap {
    position: relative;
    top: auto;
    left: auto;
    height: 145px;
}

html.v2.en header .nav-wrap .gnb {
    min-width: 690px;
}


html.v2 header.type2 .nav-wrap .gnb {
    padding: 0 40px;
    height: 63px;
    display: flex;
    align-items: center;
    /* background-blend-mode: hue; */
    justify-content: center;
}

html.v2 header.type2 .nav-wrap .inner-cont {
    width: 100%;
    max-width: unset;
    margin: 0 auto;
    gap: unset;
    justify-content: center;
    display: block;

}

html.v2 header.type2 .nav-wrap .gnb-menu>li>a {
    /* padding: 16px 30px 16px 0; */
}

html.v2 header.type2 .nav-wrap .sub-menu {
    position: absolute;
    right: 0;
}

html.v2 header.type2 .logo-wrap {
    position: relative;
    padding: 0 40px;
    width: 100%;
    height: 80px;
    background: #000;

    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute;
	width: 100%;
	z-index: 1000; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

html.v2 header.type2 .logo-wrap .inner-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9%;
}

html.v2 header.type2 .logo-wrap .logo-cont {
    display: flex;
    justify-content: end;
    align-items: center;
}

html.v2 header.type2 .logo-wrap .btn-logo-sto {
    display: inline-block;
    vertical-align: top;
    width: 168px;
    height: 31px;
    background: url('../../image/Icon/ico_logo_sto_white.png') no-repeat center center;
    background-size: 100%;
}

html.v2 header.type2 .logo-wrap .btn-logo-danurim {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    margin-left: 30px;
    width: 120px;
    height: 29px;
    background: url('../../image/Icon/ico_logo_danurim_white.png') no-repeat center center;
    background-size: 100%;
}

html.v2 header.type2 .logo-wrap .btn-logo-danurim:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    height: 28px;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}


html.v2 header.type2 .nav-wrap .nav li a {
    display: inline-block;
    vertical-align: top;
    padding: 18px 15px;
    font-size: 18px;
    letter-spacing: -0.5px;
    color: #fff;
    position: relative;
}

html.v2 header.type2 .search-wrap .search-field {
    margin-left: 0;
}

html.v2 header.type2 .nav-wrap .gnb-menu>li>.gnb-inner {
    padding: 0;
    margin-left: 15px;
}

html.v2 header.type2 .info-user {
    position: relative;
    /* padding-left: 22px; */
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 22px; */
    gap: 0;
}

html.v2 header.type2 .info-user:before {
    /* content: '';
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	height: 18px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;	 */
}

html.v2 header.type2 .info-user li {
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: flex;
    align-items: center;
}

html.v2 header.type2 .btn-user {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    width: 30px;
    height: 30px;
    background: url('../../image/Icon/ico_user.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 header.type2 .user-list {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    width: 103px;
    height: auto;
    /* background: rgba(255, 255, 255, 0.9); */
    background-color: #fff;
    border-radius: 12px;
    top: 40px;
    left: 50%;
    margin-left: 9px;
    transform: translateX(-50%);
    text-align: center;
    padding: 13px 20px 12px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
    z-index: 1000;
}

html.v2 header.type2 .user-list::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    margin-top: 0px;
    width: 12px;
    height: 12px;
    z-index: 0;
    background-color: #fff;
    -webkit-transform: rotate(-45deg) translate(0, -50%);
    transform: rotate(-45deg) translate(0, -50%);
    margin-left: -1px;
}


html.v2 header.type2 .user-list li a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.4px;
    color: #222222;
    font-weight: 500;
}

html.v2 header.type2 .user-list li a:hover {
    color: #2578B3;
}

html.v2 header.type2 .user-list li+li a {
    margin-top: 5px;
}

html.v2 header.type2 .info-user.active .user-list {
    /* display: block; */
    opacity: 1;
    visibility: visible;
}


/* .wrapper.sub */

html.v2 .wrapper.sub header.type2 .logo-wrap {
    border-bottom: 1px solid rgba(37, 120, 179, 0.2);
    background: #fff;
}

html.v2 .wrapper.sub header.type2 .logo-wrap .btn-logo-sto {
    background: url(../../image/Icon/ico_logo_sto_blue.png) no-repeat center center;
    background-size: 100%;
}

html.v2 .wrapper.sub header.type2 .logo-wrap .btn-logo-danurim {
    background: url(../../image/Icon/ico_logo_danurim_blue.png) no-repeat center center;
    background-size: 100%;
}

html.v2 .wrapper.sub header.type2 .logo-wrap h1:before {
    border-left: 1px solid rgba(37, 120, 179, 0.2);
}





/* search-wrap */
html.v2 header .search-wrap {
    /* position: absolute;
	top: 195px;
	left: 0; */
    width: 100%;
    height: 78px;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 10;
}

html.v2 header .search-wrap.active {
    /* display: block; */
}


html.v2 header .search-wrap .inner-cont {
    display: flex;
    justify-content: center;
    align-items: center;
}

html.v2 header .search-wrap .search-field {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 79px;
}

html.v2 header .search-wrap .search-field input[type="text"] {
    display: block;
    margin-right: 10px;
    width: 380px;
    height: 46px;
    background-color: transparent;
    padding: 10px 16px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.36px;
    text-align: left;
}

html.v2 header .search-wrap .search-field input[type="text"]::-webkit-input-placeholder {
    /* 크롬 4–56 */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .search-wrap .search-field input[type="text"]:-moz-placeholder {
    /* 파이어폭스 4–18 */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .search-wrap .search-field input[type="text"]::-moz-placeholder {
    /* 파이어폭스 19–50 */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .search-wrap .search-field input[type="text"]:-ms-input-placeholder {
    /* 인터넷 익스플로러 10+ */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .search-wrap .search-field input[type="text"]::placeholder {
    /* 파이어폭스 51+, 크롬 57+ */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .search-wrap .search-field .btn-search {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 46px;
    background: url('../../image/Icon/ico_search_white.svg') no-repeat center center;
    background-size: 26px 26px;
}

html.v2 header .search-wrap .search-field .btn-search-cancel {
    display: inline-block;
    vertical-align: top;
    width: 46px;
    height: 46px;
    background: url('../../image/Icon/ico_close_white.svg') no-repeat center center;
    background-size: 26px 26px;
}

@media (max-width: 768px) {
    html.v2 header .search-wrap {
        height: auto;
        background-color: rgba(0, 0, 0, 0.6)
    }

    html.v2 header .search-wrap .inner-cont {
        width: 100%;
        padding: 10px 16px;
    }

    html.v2 header.type2 .search-wrap .search-field {
        width: 100%;
    }

    html.v2 header .search-wrap .search-field input[type="text"] {
        width: 100%;
        height: 36px;
        font-size: 14px
    }

    html.v2 header .search-wrap .search-field input[type="text"]::placeholder {
        color: #D2D2D2;
        font-size: 14px
    }

    html.v2 header .search-wrap .search-field button {
        flex: none;
    }

    html.v2 header .search-wrap .search-field .btn-search {
        width: 36px;
        height: 36px;
    }

    html.v2 header .search-wrap .search-field .btn-search-cancel {
        width: 36px;
        height: 36px;
    }
}

/* 모바일 */
html.v2 header .nav-wrap--mo {
    position: relative;
    width: 100%;
    height: 66px;
    background-color: #2578B3;
}

html.v2 header .nav-wrap--mo .inner-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

html.v2 header .nav-wrap--mo .btn-gnb-open--mo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    width: 66px;
    height: 66px;
    background: url('../../image/Icon/ico_gnb_list_mo.svg') no-repeat center center;
    background-size: 28px 28px;
}

html.v2 header .nav-wrap--mo .logo-cont {}

html.v2 header .nav-wrap--mo .logo-cont .btn-logo-danurim {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 120px;
    height: 29px;
    background: url('../../image/Icon/ico_logo_danurim_white.png') no-repeat center center;
    background-size: 100%;
}

html.v2 header .nav-wrap--mo .btn-search--mo {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    width: 66px;
    height: 66px;
    background: url('../../image/Icon/ico_search_white.svg') no-repeat center center;
    background-size: 26px 26px;
}


html.v2 header .nav-wrap--mo .gnb--mo {}

html.v2 header .nav-wrap--mo .gnb--mo>.dim {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 900;
    display: none;
}

html.v2 header .nav-wrap--mo .gnb--mo .gnb-layer-area {
    position: fixed;
    top: 0;
    /* left: -100%; */
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    /* transition: left 0.3s; */
    z-index: 1000;
    display: none;
}

html.v2 body.js-gnbOepnMo--active .nav-wrap--mo .gnb--mo .gnb-layer-area {
    left: 0;
    display: none;
}


html.v2 header .nav-wrap--mo .gnb-layer-head {
    position: relative;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .info-wrap {
    position: relative;
    padding: 12px 20px;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .info-wrap strong {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.36px;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .info-wrap .btn-gnb-cancel--mo {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);

    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(../../image/Icon/ico_close_black.svg) no-repeat center center;
    background-size: 16px 16px;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap {
    height: auto;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .inner-cont {
    padding: 0;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
    align-items: unset;
    width: 100%;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu li {
    width: 50%;
    height: 50px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu li:nth-child(2n) {
    border-right: none;
}


html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu li>a,
html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu li>button {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 48px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.42px;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

}

html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu li>a:hover {
    background-color: #156ba8;
}


html.v2 header .nav-wrap--mo .gnb-layer-body {}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li {}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 14px 20px;
    width: 100%;
    border-bottom: 1px solid #E8E8E9;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.42px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

html.v2 header .nav-wrap--mo .gnb-layer-body>ul>li>a:hover {
    background-color: #f3f3f3;
}


html.v2 header .nav-wrap--mo .gnb-layer-body ul li a .ico-toggle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
}


html.v2 header .nav-wrap--mo .gnb-layer-body ul li a .ico-toggle:before,
html.v2 header .nav-wrap--mo .gnb-layer-body ul li a .ico-toggle:after {
    content: '';
    height: 2px;
    width: 10px;
    background-color: #2578B3;
    position: absolute;
    top: 7px;
    left: 3px;
    z-index: 10;

}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li a .ico-toggle:before {
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



html.v2 header .nav-wrap--mo .gnb-layer-body ul li.active a .ico-toggle:before {
    transform: rotate(0);
    margin: 0;
}


html.v2 header .nav-wrap--mo .gnb-layer-body ul li .depth2-menu {
    background-color: #FAFAFA;
    padding: 0 20px;
}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li .depth2-menu li a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.42px;
    padding: 14px 0;
}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li ul.depth2-menu li.has-depth3 .ico-toggle {
    right: 0;
}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li ul.depth2-menu li.has-depth3 .ico-toggle:before {
    transform: rotate(90deg);
}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li ul.depth2-menu li.has-depth3 li.active .ico-toggle:before {
    transform: rotate(0);
}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li ul.depth2-menu li.has-depth3 .depth3-menu {
    background-color: #F3F4F5;
}

html.v2 header .nav-wrap--mo .gnb-layer-body ul li ul.depth2-menu li.has-depth3 .depth3-menu a {
    padding: 14px 10px;
}

html.v2 header .nav-wrap--mo .gnb-layer-body .sns-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 12px;
}

html.v2 header .nav-wrap--mo .gnb-layer-body .sns-cont>a {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
}

html.v2 header .nav-wrap--mo .gnb-layer-body .sns-cont img {
    display: block;
    width: 100%;
    height: 100%;
}



/* search-wrap--mo */
html.v2 header .nav-wrap--mo .search-wrap--mo {
    position: absolute;
    top: 66px;
    left: 0;
    width: 100%;
    height: 78px;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    z-index: 10;
}

html.v2 header .nav-wrap--mo .search-wrap--mo.active {
    display: block;
    height: 60px;
}


html.v2 header .nav-wrap--mo .search-wrap--mo .inner-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 10px;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 20px);
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field input[type="text"] {
    display: block;
    margin-right: 10px;
    width: calc(100%);
    height: 36px;
    background-color: transparent;
    padding: 6px 4px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.36px;
    text-align: left;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field input[type="text"]::-webkit-input-placeholder {
    /* 크롬 4–56 */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field input[type="text"]:-moz-placeholder {
    /* 파이어폭스 4–18 */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field input[type="text"]::-moz-placeholder {
    /* 파이어폭스 19–50 */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field input[type="text"]:-ms-input-placeholder {
    /* 인터넷 익스플로러 10+ */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field input[type="text"]::placeholder {
    /* 파이어폭스 51+, 크롬 57+ */
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field .btn-search {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    background: url('../../image/Icon/ico_search_white.svg') no-repeat center center;
    background-size: 26px 26px;
}

html.v2 header .nav-wrap--mo .search-wrap--mo .search-field .btn-search-cancel {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    background: url('../../image/Icon/ico_close_white.svg') no-repeat center center;
    background-size: 26px 26px;
}


/* 헤더 - 반응형*/
/*=================================*/
@media (max-width: 1200px) {

    html.v2 header .inner-cont {
        padding: 0 20px;
    }

    html.v2 header .util-wrap .inner-cont {
        justify-content: space-between;
        gap: 0;
    }

    html.v2 header .util-wrap .btn-logo-sto,
    html.v2 header .util-wrap h1:before {
        display: none;
    }

    html.v2 header .util-wrap h1 {
        padding: 0;
        margin: 0;
    }

    html.v2 header .util-wrap .util-menu {
        width: 445px;
        max-width: unset;
        flex: unset;
    }

    html.v2 header .util-wrap .util-menu .zoom {
        margin-right: 0;
        gap: 5px;
    }

    html.v2 header .util-wrap .util-menu li a,
    html.v2 header .util-wrap .util-menu li button {
        padding: 10px 15px;
    }

    html.v2 header .util-wrap .util-menu li {
        font-size: 14px;
    }

    html.v2 header .util-wrap .util-menu li+li {
        /* margin-left: 10px; */
    }

    html.v2 header .util-wrap .logo-cont {
        justify-content: center;
        flex: unset;
        justify-content: center;
    }

    html.v2 header .nav-wrap .inner-cont {
        gap: 0;
        /* padding: 0 5px; */
        justify-content: space-between;
    }

    html.v2 header .nav-wrap .gnb {
        gap: 0;
        flex: unset;
        justify-content: start;
    }

    html.v2 header .nav-wrap .gnb-menu {
        gap: 10px;
    }

    html.v2 header .nav-wrap .sub-menu {
        width: 320px;
        max-width: unset;
        flex: unset;
        justify-content: space-between;
    }

    html.v2 header .nav-wrap .sub-menu .lang {
        padding: 0 0 0 5%;
        gap: 5px;
    }

    /* html.v2 header .nav-wrap .gnb-menu > li {
		margin-right: 15px;
	}
	html.v2 header .nav-wrap .gnb-menu > li:last-child {
		margin-right: 0;
	} */
    html.v2 header .nav-wrap .gnb-menu>li>a {

        font-size: 16px;
        /* padding: 0; */
    }

    html.v2 #wrapper header .nav-wrap .sub-menu .weather span {
        font-size: 16px;
    }

    html.v2 #wrapper header .nav-wrap .sub-menu .lang .btn-lang {
        width: auto;
        font-size: 16px;
    }

    html.v2 #wrapper header .nav-wrap .sub-menu .lang .btn-lang:last-child {
        margin-left: 10px;
    }

    /* html.v2 #wrapper header .nav-wrap .gnb-menu > li.active > .gnb-inner {
		padding: 0;
		top: 42px;
	}	 */

    html.v2 header.type2 .util-wrap .inner-cont {
        padding: 0 20px;
    }

    html.v2 header.type2 .util-wrap .util-menu {
        width: 330px;
    }

    html.v2 header.type2 .util-wrap .util-menu .zoom {
        margin-right: 2%;
    }

    html.v2 header.type2 .util-wrap .sub-menu li {
        margin-left: 30px;
    }

    html.v2 header.type2 .util-wrap .sub-menu li:after {
        right: -15px;
    }


    html.v2 header.type2 .util-wrap .sub-menu a,
    html.v2 header.type2 .util-wrap .sub-menu button {
        font-size: 14px;
    }

    html.v2 header.type2 .util-wrap .sub-menu a+a {
        margin-left: 15px;
    }

    html.v2 header.type2 .util-wrap .sub-menu .weather {
        /* min-width: 127px; */
    }

    html.v2 header.type2 .util-wrap .sub-menu .weather span {
        /* font-size: 14px; */
        font-size: 12px;
    }

    html.v2 header.type2 .util-wrap .sub-menu .lang .btn-lang {
        font-size: 14px;
    }



}

@media (max-width: 768px) {

    html.v2 header .header-pc {
        display: none;
    }

    html.v2 header .header-mo {
        display: block;
    }

    html.v2 header.type2 .util-wrap .util-menu {
        max-width: unset;
    }


    html.v2 .footerContainer {
        margin: 0;
        padding: 25px 0 20px;
    }

    html.v2 .footerContainer .Container {
        padding: 0 20px;
    }

}

@media (max-width: 400px) {
    html.v2 header .nav-wrap--mo .gnb-layer-head .util-wrap .util-menu li>a {
        line-height: 50px;
    }

}

/* Quick menu */
/*=================================*/
html.v2 #HappytalkIframe {}

html.v2 #HappytalkIframe .css-bniaf {
    display: none !important;
}

html.v2 .mobile-nav {
    right: 20px;
    bottom: 20px;
    z-index: 110;
}

html.v2 .mobile-nav .activeBtnwrap {
    display: none;
}

html.v2 .mobile-nav .activeBtnwrap>button {
    width: 100%;
}

html.v2 .mobile-nav .mobile-actionBtn {
    display: inline-block;
    vertical-align: top;
    width: 68px;
    height: 68px;
    background: url('../../image/Icon/ico_quickMenu_danurim_symbol.png') no-repeat center center;
    background-size: 24px 22px;
}

html.v2 .mobile-nav.active {}

html.v2 .mobile-nav.active .activeBtnwrap {
    /* display: block; */
}

html.v2 .mobile-nav.active .mobile-actionBtn {
    background: #267cb9 url('../../image/Icon/ico_quickMenu_arrow_down_white.png') no-repeat center center;
    background-size: 24px 26px;
}



@media (max-width: 768px) {}


/* Common Content */
/*=================================*/
.hidden{
    visibility: hidden;
}

/* section-weak */
/*---------------------------------*/
html.v2 .section-weak {
    position: relative;
    padding: 0 0 50px 0;
}

html.v2 .section-weak .weak-filter {}


html.v2 .section-weak .weak-filter li {}

html.v2 .section-weak .weak-filter li .filter-head {
    display: block;
    padding: 10px 0;
    margin: 8px 0;
    color: #3D3F46;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1.2px;
    /* border-bottom: 1px solid #E8E8E9; */
}

html.v2 .section-weak .weak-filter li.active .filter-head {
    border-bottom: none;
}

html.v2 .section-weak .weak-filter li .filter-head>h4 {
    display: inline-block;
    vertical-align: top;
    color: #3D3F46;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1.2px;
}

html.v2 .section-weak .weak-filter li .filter-head>h5 {
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -1.1px;
}

html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 13px;
    width: 32px;
    height: 32px;
    padding: 10px;
    border-radius: 3px;
    background: #2578B3;
}


html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle:before,
html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle:after {
    content: '';
    height: 2px;
    width: 10px;
    background-color: #fff;
    position: absolute;
    top: 15px;
    left: 11px;
    z-index: 10;

}

html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle:before {
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}



html.v2 .section-weak .weak-filter li.active>a>.ico-toggle:before {
    transform: rotate(0);
    margin: 0;
}


html.v2 .section-weak .weak-filter .filter-body {
    position: relative;
    padding-bottom: 30px;
}



/* filter-weak (수정) */
html.v2 .weak-items {
    position: relative;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
}

html.v2 .weak-item {
    position: relative;
    width: 100%;
    height: 130px
}

html.v2 .weak-item input {
    position: absolute;
    z-index: -1
}

html.v2 .weak-item label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #E8E8E9;
    background: #fff;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}

html.v2 .weak-item label span {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -1px;
    color: #72747A;
    text-align: center
}

html.v2.en .weak-item label span {
    font-size: 18px
}

html.v2 .weak-item.all {
    width: 50%
}

html.v2 .weak-item.all label:before {
    display: none;
    content: none
}

html.v2 .weak-item label:before {
    content: "";
    display: block;
    position: relative;
    width: 70px;
    height: 70px;
    margin-bottom: 5px;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

html.v2 .weak-item.sight label:before {
    background-image: url('../../image/Icon/ico_weak_sight_lg.svg')
}

html.v2 .weak-item.walk label:before {
    background-image: url('../../image/Icon/ico_weak_walk_lg.svg')
}

html.v2 .weak-item.deaf label:before {
    background-image: url('../../image/Icon/ico_weak_deaf_lg.svg')
}

html.v2 .weak-item.old label:before {
    background-image: url('../../image/Icon/ico_weak_old_lg.svg')
}

html.v2 .weak-item.stroller label:before {
    background-image: url('../../image/Icon/ico_weak_stroller_lg.svg')
}

html.v2 .weak-item.sight input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_sight_lg_active.svg')
}

html.v2 .weak-item.walk input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_walk_lg_active.svg')
}

html.v2 .weak-item.deaf input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_deaf_lg_active.svg')
}

html.v2 .weak-item.old input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_old_lg_active.svg')
}

html.v2 .weak-item.stroller input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_stroller_lg_active.svg')
}

html.v2 .weak-item input:checked+label {
    background-color: #fff;
    border: 3px dashed #2578B3;
}

html.v2 .weak-item input:checked+label span {
    color: #3D3F46;
    font-weight: 700
}

html.v2 .weak-item input:checked+label span:after {
    content: "";
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background: url('../../image/Icon/ico_check_circle_active.svg') no-repeat center / contain;
    flex: none
}

html.v2 .weak-item input:focus-visible+label {
    outline: auto;
    outline: 2px auto -webkit-focus-ring-color;
}

/* html.v2 .section-weak .filter-weak .filter-head {
	border-bottom: none;
	display: flex;
	justify-content: space-between;
}


html.v2 .section-weak .filter-weak .filter-body {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

html.v2 .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item {
	text-align: center;
	border-radius: 5px;
	border: 1px solid  #E8E8E9;
	background-color: #fff;
	width: 212px;
	height: 130px;
}

html.v2 .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item:before {
	content: '';
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 11px;
	width: 65px;
	height: 70px;
	background-size: 100%;
	z-index: 10;
}
html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]+.item::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px dashed rgba(37, 120, 179, 0);
	border-radius: 5px;
	top: 0;
	left: 0;
	z-index: 10;
	box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}

html.v2 .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item > span {
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	bottom: 12px;
	width: 100%;
	transform: translateX(-50%);
	color: #72747A;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.5px;
	z-index: 10;
}

html.v2 .section-weak .filter-weak .check-field.all input[type="checkbox"]+.item:before {

}

html.v2 .section-weak .filter-weak .check-field.sight input[type="checkbox"]+.item:before {
	background: url('../image/Icon/ico_weak_sight_lg.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.walk input[type="checkbox"]+.item:before {
	background: url('../image/Icon/ico_weak_walk_lg.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.deaf input[type="checkbox"]+.item:before {
	background: url('../image/Icon/ico_weak_deaf_lg.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.old input[type="checkbox"]+.item:before {
	background: url('../image/Icon/ico_weak_old_lg.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.stroller input[type="checkbox"]+.item:before {
	background: url('../image/Icon/ico_weak_stroller_lg.svg') no-repeat center center;
	background-size: 100%;
} */

/* active */
/* html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item {
	background: #FFF;

}
html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item::after {
	border: 3px dashed rgba(37, 120, 179, 1);
}
html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item > span {
	color:#3D3F46;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.5px;
}
html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item > span:after {
	content:'';
	display: inline-block;
	vertical-align: top;
	margin: 3px 0 0 4px;
	width: 24px;
	height: 24px;
	background: url('../image/Icon/ico_check_circle_active.svg') no-repeat center center;
	background-size: 100%;
}


html.v2 .section-weak .filter-weak .check-field.sight input[type="checkbox"]:checked+.item:before {
	background: url('../image/Icon/ico_weak_sight_lg_active.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.walk input[type="checkbox"]:checked+.item:before {
	background: url('../image/Icon/ico_weak_walk_lg_active.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.deaf input[type="checkbox"]:checked+.item:before {
	background: url('../image/Icon/ico_weak_deaf_lg_active.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.old input[type="checkbox"]:checked+.item:before {
	background: url('../image/Icon/ico_weak_old_lg_active.svg') no-repeat center center;
	background-size: 100%;
}
html.v2 .section-weak .filter-weak .check-field.stroller input[type="checkbox"]:checked+.item:before {
	background: url('../image/Icon/ico_weak_stroller_lg_active.svg') no-repeat center center;
	background-size: 100%;
} */


/* filter-weak-tour(수정) */
html.v2 .weak-check-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

html.v2 .weak-check-items>li {
    position: relative
}

html.v2 .weak-check-items input {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    opacity: 0
}

html.v2 .weak-check-items label {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 36px;
    padding: 0 12px;
    background-color: #FAFBFC;
    color: #72747A;
    font-size: 18px;
    letter-spacing: -0.9px;
    text-align: center;
    border-radius: 5px;
}

html.v2 .weak-check-items input:focus-visible+label {
    outline: auto 1px;
    outline: -webkit-focus-ring-color auto 1px;
}

html.v2 .weak-check-items input:checked+label {
    color: #2578B3;
    font-weight: 500;
    background-color: #F2FAFE;
    border: 1px solid #2578B3
}

html.v2 .weak-check-items input:checked+label:after {
    content: "";
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    background: url('../../image/Icon/ico_check_circle_active.svg') no-repeat center / contain;
    flex: none
}

/* filter-weak-comfort(수정) */
html.v2 .weak-i-check-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px 16px
}

html.v2 .weak-i-check-items.col-2 {
    grid-template-columns: 1fr 1fr;
}

html.v2 .weak-i-check-items input {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    opacity: 0
}

html.v2 .weak-i-check-items label {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    height: 56px;
    padding: 0 36px 0 12px;
    background-color: #fff;
    color: #72747A;
    font-size: 18px;
    letter-spacing: -0.9px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}

html.v2 .weak-i-check-items input:focus-visible+label {
    outline: auto 1px;
    outline: -webkit-focus-ring-color auto 1px;
}

html.v2 .weak-i-check-items input:checked+label {
    color: #2578B3;
    font-weight: 500;
    background-color: #F2FAFE;
    border: 1px solid #2578B3
}

html.v2 .weak-i-check-items input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 24px;
    background: url('../../image/Icon/ico_check_circle_active.svg') no-repeat center / contain;
    flex: none;
    transform: translateY(-50%)
}

html.v2 .weak-i-check-items>li label:before {
    content: "";
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex: none
}

html.v2 .weak-i-check-items .sight label:before {
    background-image: url('../../image/Icon/ico_weak_sight.svg')
}

html.v2 .weak-i-check-items .deaf label:before {
    background-image: url('../../image/Icon/ico_weak_deaf.svg')
}

html.v2 .weak-i-check-items .washroomW label:before {
    background-image: url('../../image/Icon/ico_weak_washroomW.svg')
}

html.v2 .weak-i-check-items .entrance label:before {
    background-image: url('../../image/Icon/ico_weak_entrance.svg')
}

html.v2 .weak-i-check-items .tickets label:before {
    background-image: url('../../image/Icon/ico_weak_tickets.svg')
}

html.v2 .weak-i-check-items .elev label:before {
    background-image: url('../../image/Icon/ico_weak_elev.svg')
}

html.v2 .weak-i-check-items .stroller label:before {
    background-image: url('../../image/Icon/ico_weak_stroller.svg')
}

html.v2 .weak-i-check-items .parking label:before {
    background-image: url('../../image/Icon/ico_weak_parking.svg')
}

html.v2 .weak-i-check-items .diaper label:before {
    background-image: url('../../image/Icon/ico_weak_diaper.svg')
}

html.v2 .weak-i-check-items .info label:before {
    background-image: url('../../image/Icon/ico_weak_info.svg')
}

html.v2 .weak-i-check-items .hotel label:before {
    background-image: url('../../image/Icon/ico_weak_hotel.svg')
}

html.v2 .weak-i-check-items .table label:before {
    background-image: url('../../image/Icon/ico_weak_table.svg')
}

html.v2 .weak-i-check-items .washroomFam label:before {
    background-image: url('../../image/Icon/ico_weak_washroomFam.svg')
}

html.v2 .weak-i-check-items .parkingStroller label:before {
    background-image: url('../../image/Icon/ico_weak_parkingStroller.svg')
}

html.v2 .weak-i-check-items .milk label:before {
    background-image: url('../../image/Icon/ico_weak_milk.svg')
}

html.v2 .weak-i-check-items .highchair label:before {
    background-image: url('../../image/Icon/ico_weak_highchair.svg')
}

html.v2 .weak-i-check-items .sight input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_sight_active.svg')
}

html.v2 .weak-i-check-items .deaf input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_deaf_active.svg')
}

html.v2 .weak-i-check-items .washroomW input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_washroomW_active.svg')
}

html.v2 .weak-i-check-items .entrance input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_entrance_active.svg')
}

html.v2 .weak-i-check-items .tickets input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_tickets_active.svg')
}

html.v2 .weak-i-check-items .elev input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_elev_active.svg')
}

html.v2 .weak-i-check-items .stroller input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_stroller_active.svg')
}

html.v2 .weak-i-check-items .parking input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_parking_active.svg')
}

html.v2 .weak-i-check-items .diaper input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_diaper_active.svg')
}

html.v2 .weak-i-check-items .info input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_info_active.svg')
}

html.v2 .weak-i-check-items .hotel input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_hotel_active.svg')
}

html.v2 .weak-i-check-items .table input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_table_active.svg')
}

html.v2 .weak-i-check-items .washroomFam input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_washroomFam_active.svg')
}

html.v2 .weak-i-check-items .parkingStroller input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_parkingStroller_active.svg')
}

html.v2 .weak-i-check-items .milk input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_milk_active.svg')
}

html.v2 .weak-i-check-items .highchair input:checked+label:before {
    background-image: url('../../image/Icon/ico_weak_highchair_active.svg')
}



/* filter-weak-tour */
html.v2 .section-weak .filter-weak-tour .filter-body {}

html.v2 .section-weak .filter-weak-tour .filter-body .tab-box .d-flex {
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}




html.v2 .section-weak .filter-weak-tour [class^='check-field'] input[type="checkbox"]+.item {
    text-align: center;
    border-radius: 5px;
    background: #FAFBFC;
    border: 1px solid #FAFBFC;
    padding: 6px 12px;
    width: 100%;
    height: 38px;
}

html.v2 .section-weak .filter-weak-tour [class^='check-field'] input[type="checkbox"]+.item>span {
    color: #72747A;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}


/* active */
html.v2 .section-weak .filter-weak-tour .check-field input[type="checkbox"]:checked+.item {
    border: 1px solid #2578B3;
    background: #F2FAFE;
}


html.v2 .section-weak .filter-weak-tour .check-field input[type="checkbox"]:checked+.item>span {
    color: #2578B3;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}


html.v2 .section-weak .filter-weak-tour .check-field input[type="checkbox"]:checked+.item>span:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0px 0 0 5px;
    width: 24px;
    height: 24px;
    background: url('../../image/Icon/ico_check_circle_active.svg') no-repeat center center;
    background-size: 100%;

}

/* filter-weak-comfort */
html.v2 .section-weak .filter-weak-comfort .filter-body {}

html.v2 .section-weak .filter-weak-comfort .filter-body .weak-comfort-cont {
    /* background-color: #fff; */
}

html.v2 .section-weak .filter-weak-comfort .filter-body .weak-comfort-cont>.d-flex {
    flex-wrap: wrap;
    width: 100%;
    max-width: 1062px;
    gap: 15px;
}

html.v2 .section-weak .filter-weak-comfort [class^='check-field'] {
    width: calc((100% / 3) - 15px);
    border-radius: 5px;
}

html.v2 .section-weak .filter-weak-comfort [class^='check-field'] label {
    width: 100%;
}

html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
    border-radius: 5px;
    /* background: #FAFBFC; */
    background-color: #fff;
    border: 1px solid #FAFBFC;
    padding: 16px 22px 16px 47px;
    width: 100%;
    /* height: 56px; */
    text-align: left;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}


html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item>span {
    padding-left: 0;
    color: #72747A;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}

html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item>span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    transform: translateY(-50%);
}


html.v2 .section-weak .filter-weak-comfort .check-field.sight input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_sight.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.deaf input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_deaf.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.washroomW input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_washroomW.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.entrance input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_entrance.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.tickets input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_tickets.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.elev input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_elev.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.stroller input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_stroller.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.parking input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_parking.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.diaper input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_diaper.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.info input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_info.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.hotel input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_hotel.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.table input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_table.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.washroomFam input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_washroomFam.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.parkingStroller input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_parkingStroller.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.milk input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_milk.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.highchair input[type="checkbox"]+.item>span:before {
    background: url('../../image/Icon/ico_weak_highchair.svg') no-repeat center center;
    background-size: 100%;
}


/* active */
html.v2 .section-weak .filter-weak-comfort .check-field input[type="checkbox"]:checked+.item {
    border: 1px solid #2578B3;
    background: #F2FAFE;
}


html.v2 .section-weak .filter-weak-comfort .check-field input[type="checkbox"]:checked+.item>span {
    color: #2578B3;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}


html.v2 .section-weak .filter-weak-comfort .check-field input[type="checkbox"]:checked+.item>span:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../../image/Icon/ico_check_circle_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.sight input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_sight_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.deaf input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_deaf_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.washroomW input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_washroomW_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.entrance input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_entrance_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.tickets input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_tickets_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.elev input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_elev_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.stroller input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_stroller_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.parking input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_parking_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.diaper input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_diaper_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.info input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_info_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.hotel input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_hotel_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.table input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_table_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.washroomFam input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_washroomFam_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.parkingStroller input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_parkingStroller_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.milk input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_milk_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .section-weak .filter-weak-comfort .check-field.highchair input[type="checkbox"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_weak_highchair_active.svg') no-repeat center center;
    background-size: 100%;
}

/* filter-weak-area */
html.v2 .section-weak .filter-weak-area .filter-body {}

html.v2 .section-weak .filter-weak-area .filter-body .weak-area-cont {
    border-radius: 5px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
    border: 1px solid #E8E8E9;
}

html.v2 .section-weak .filter-weak-area .filter-body .weak-area-cont>.d-flex {
    flex-wrap: wrap;
    width: 100%;
    padding: 30px;
    max-width: calc(100% - 100px);
    gap: 20px 15px;

}

html.v2 .section-weak .filter-weak-area [class^='check-field'] {
    border-radius: 5px;
}

html.v2 .section-weak .filter-weak-area [class^='check-field'] label {
    width: 100%;
}

html.v2 .section-weak .filter-weak-area [class^='check-field'] input[type="checkbox"]+.item {
    border-radius: 5px;
    background: #FAFBFC;
    border: 1px solid #FAFBFC;
    padding: 5px 12px;
    width: 100%;
    /* height: 56px; */
}


html.v2 .section-weak .filter-weak-area [class^='check-field'] input[type="checkbox"]+.item>span {
    color: #72747A;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
    text-align: center;
}


/* active */
html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]:checked+.item {
    border: 1px solid #2578B3;
    background: #F2FAFE;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}


html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]:checked+.item>span {
    color: #2578B3;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}

html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]:checked+.item>span:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 5px;
    width: 24px;
    height: 24px;
    background: url('../../image/Icon/ico_check_circle_active.svg') no-repeat center center;
    background-size: 100%;
}


html.v2 .section-weak .weak-filter .btn-block-bottom {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.btn-block-bottom.reverse button:nth-child(1) {
    order: 2
}

.btn-block-bottom.reverse button:nth-child(2) {
    order: 1
}

html.v2 .section-weak .weak-filter .btn-block-bottom button {
    padding: 14px 30px 14px 30px;
    height: auto;
    min-width: 160px;
}

html.v2 .section-weak .weak-filter .btn-block-bottom button em {
    font-size: 18px;
;
    font-weight: 500;
    letter-spacing: -0.9px;
}



html.v2 .section-weak .weak-filter .btn-block-bottom button .ico-refresh {
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 8px;
    width: 19px;
    height: 19px;
    background: url('../../image/Icon/ico_refresh.svg') no-repeat center center;
    background-size: 100%;
}


/* section-list */
html.v2 .section-list .list-cont {
    /* margin-top: 40px; */
}

html.v2 .section-list .list-cont .list-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #E8E8E9;
}

html.v2 .section-list .list-cont .list-info h5 {
    color: #585D69;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1.1px;
}

html.v2 .section-list .list-cont .list-info h5 b {
    font-weight: 700;
}

html.v2 .section-list .list-cont .list-info .total {
    color: #585D69;
    font-size: 16px;
    font-weight: 500;
    line-height: 21.6px;
    /* 135% */
    letter-spacing: -0.5px;
}

html.v2 .section-list .list-cont .list-info .filter {}

html.v2 .section-list .list-cont .list-info .filter>a {
    position: relative;
    color: #585D69;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21.6px;
    /* 135% */
    letter-spacing: -0.5px;
}

html.v2 .section-list .list-cont .list-info .filter>a.actived {
    font-weight: 900;
    color: #000
}

html.v2 .section-list .list-cont .list-info .filter>a+a {
    margin-left: 6px;
    padding-left: 10px;
}

html.v2 .section-list .list-cont .list-info .filter>a+a::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #72747A;
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: 1px;
    left: 0;
    transform: translateY(-50%);
}










/* Common Content - 반응형*/
/*=================================*/
@media (max-width: 1200px) {

    html.v2 .section-weak .filter-weak [class^='check-field'],
    html.v2 .section-weak .filter-weak [class^='check-field'] label,
    html.v2 .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item {
        width: 100%;
    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] {
        height: 82px;
    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
        height: 82px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 768px) {

    /* section-weak */
    html.v2 .section-weak {
        /* padding-bottom: 10px; */
        padding-bottom: 0;
    }

    html.v2 .section-weak .weak-filter li .filter-head {
        padding: 20px 0 14px;
        height: auto;
        border-top: 1px solid #E8E8E9;
        line-height: 1;
    }

    html.v2 .section-weak .weak-filter li.filter-weak .filter-head {
        padding: 0;
        border: none;

    }

    html.v2 .section-weak .weak-filter li .filter-head>h4 {
        padding-bottom: 10px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.7px;
    }

    html.v2 .section-weak .weak-filter li .filter-head>h5 {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.7px;
    }

    html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle {
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }

    html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle:before,
    html.v2 .section-weak .weak-filter li .filter-head>.ico-toggle:after {
        top: 9px;
        left: 5px;
    }

    /* filter-weak (수정) */
    html.v2 .weak-items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 12px 8px
    }

    html.v2 .weak-item,
    html.v2 .weak-item.all {
        /* width: 100% !important; */
        width: 100%;
        height: 72px;
        border-radius: 5px;
        box-shadow: 0px 2px 4px 0px rgba(16, 54, 74, 0.12);
    }

    html.v2 .weak-item label {
        border: none;
        background-color: #fff;
        padding: 3px;
    }

    html.v2 .weak-item label:before {
        width: 32px;
        height: 32px;
    }

    html.v2 .weak-item input:checked+label {
        border: none
    }

    html.v2 .weak-item label span {
        font-size: 12px
    }

    html.v2.en .weak-item label span {
        font-size: 11px;
        letter-spacing: -0.03rem
    }

    html.v2 .weak-item input:checked+label span {
        color: #2578B3
    }

    html.v2 .weak-item input:checked+label span:after {
        position: absolute;
        top: 7px;
        right: 11px;
    }

    html.v2 .weak-item.sight input:checked+label:before {
        background-image: url('../../image/Icon/ico_weak_sight_active_mo.svg')
    }

    html.v2 .weak-item.walk input:checked+label:before {
        background-image: url('../../image/Icon/ico_weak_walk_active_mo.svg')
    }

    html.v2 .weak-item.deaf input:checked+label:before {
        background-image: url('../../image/Icon/ico_weak_deaf_active_mo.svg')
    }

    html.v2 .weak-item.old input:checked+label:before {
        background-image: url('../../image/Icon/ico_weak_old_active_mo.svg')
    }

    html.v2 .weak-item.stroller input:checked+label:before {
        background-image: url('../../image/Icon/ico_weak_stroller_active_mo.svg')
    }

    html.v2 .weak-item input:checked+label span:after {
        width: 16px;
        height: 16px;
    }


    /* html.v2 .section-weak .filter-weak .filter-body {
		margin-top: 10px;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: unset;
	}

	html.v2 .section-weak .filter-weak .filter-body .check-field {
		width: calc((100% / 3) - 6px);
	}

	html.v2 .section-weak .filter-weak [class^='check-field'] label {
		width: 100%;
	}
	html.v2 .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item {
		width: 100%;
		height: 72px;
		border: none;
	}

	html.v2 .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item > span {
		bottom: 0;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: -0.5px;
	}



	html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]+.item:before {
		width: 29px;
		height: 30px;
	}

	html.v2 .section-weak .filter-weak .check-field.sight input[type="checkbox"]+.item:before {
		background: url('../image/Icon/ico_weak_sight_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.walk input[type="checkbox"]+.item:before {
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.deaf input[type="checkbox"]+.item:before {
		background: url('../image/Icon/ico_weak_deaf_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.old input[type="checkbox"]+.item:before {
		background: url('../image/Icon/ico_weak_old_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.stroller input[type="checkbox"]+.item:before {
		background: url('../image/Icon/ico_weak_stroller_mo.svg') no-repeat center center;
		background-size: 100%;
	}	 */

    /* active */
    /* html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item:before {
		margin-top: 10px;
	}

	html.v2 .section-weak .filter-weak .check-field.sight input[type="checkbox"]:checked+.item:before {
		background: url('../image/Icon/ico_weak_sight_active_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.walk input[type="checkbox"]:checked+.item:before {
		background: url('../image/Icon/ico_weak_walk_active_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.deaf input[type="checkbox"]:checked+.item:before {
		background: url('../image/Icon/ico_weak_deaf_active_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.old input[type="checkbox"]:checked+.item:before {
		background: url('../image/Icon/ico_weak_old_active_mo.svg') no-repeat center center;
		background-size: 100%;
	}
	html.v2 .section-weak .filter-weak .check-field.stroller input[type="checkbox"]:checked+.item:before {
		background: url('../image/Icon/ico_weak_stroller_active_mo.svg') no-repeat center center;
		background-size: 100%;
	}

	html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item {
		border: 1px solid #E8E8E9;
		box-shadow: 0px 2px 4px 0px rgba(16, 54, 74, 0.12);
	}
	html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item > span {
		color: #2578B3;
		font-size: 12px;
	}

	html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item > span:after {
		display: none;
	}

	html.v2 .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item::after {
		content: '';
		display: inline-block;
		vertical-align: top;
		position: absolute;
		top: 10px;
		left: auto;
		right: 10px;
		width: 16px;
		height: 16px;
		background: url(../image/Icon/ico_check_circle_active.svg) no-repeat center center;
		background-size: 100%;
		border: none;
		box-shadow: none;
	}	 */



    /* filter-weak-comfort */
    html.v2 .section-weak .filter-weak-comfort .filter-body .weak-comfort-cont>.d-flex {
        gap: 12px;
    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] {
        width: 100%;
        height: auto;
    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
        padding: 10px 12px 10px 50px;
        height: auto;
        box-shadow: none;

    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item>span,
    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]:checked+.item>span {
        font-size: 14px;
        line-height: 1.4;
        /* 171.429% */
        letter-spacing: -0.7px;
    }


    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {

        border: 1px solid #E8E8E9;
    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]:checked+.item {

        box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
    }

    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item>span:before {
        /* margin-top: -1px;
		top: 12px;
		transform: none; */
        margin-top: 0;
    }


    html.v2 .section-weak .filter-weak-comfort .check-field input[type="checkbox"]:checked+.item>span:after {
        width: 16px;
        height: 16px;
    }

    /* filter-weak-comfort(수정) */
    html.v2 .weak-i-check-items {
        grid-template-columns: 1fr;
        gap: 12px
    }

    html.v2 .weak-i-check-items.col-2 {
        grid-template-columns: 1fr
    }

    html.v2 .weak-i-check-items label {
        height: 46px;
        padding-right: 28px;
        font-size: 14px;
        border: 1px solid #E8E8E9;
        box-shadow: none
    }

    html.v2 .weak-i-check-items>li label:before {
        width: 26px;
        height: 26px;
    }

    html.v2 .weak-i-check-items input:checked+label:after {
        width: 16px;
        height: 16px;
    }

    html.v2 .weak-i-check-items input:checked+label {
        box-shadow: 0px 2px 4px 0px rgba(16, 54, 74, 0.12);
    }


    /* filter-weak-area */
    html.v2 .section-weak .filter-weak-area .filter-body .weak-area-cont {
        box-shadow: none;
        border: none;
        padding: 0;
    }

    /* html.v2 .section-weak .filter-weak-area .filter-body .weak-area-cont > .d-flex {
		padding: 0;
		gap: 12px;
	} */

    html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]+.item {
        padding: 3px 10px 5px;
        height: auto;
    }

    html.v2 .section-weak .filter-weak-area [class^='check-field'] input[type="checkbox"]+.item>span,
    html.v2 .section-weak .filter-weak-area [class^='check-field'] input[type="checkbox"]:checked+.item>span {
        font-size: 14px;
        line-height: 24px;
        /* 171.429% */
        letter-spacing: -0.7px;
    }

    html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]:checked+.item>span:after {
        width: 16px;
        height: 16px;
        margin: 5px 0 0 5px;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom {
        justify-content: space-between;
        border-top: 1px solid #E8E8E9;
        margin-top: 0;
        padding-top: 20px;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom button {
        padding: 12px 40px 9px;
        min-width: 90px;
        height: auto;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom button em {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.5px;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom .btn-refresh {
        border: none;
        padding: 0;
        text-align: left;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom .btn-refresh em {
        display: inline-block;
        vertical-align: top;
        text-decoration: underline;
        text-underline-offset: 2px;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom .btn-refresh .ico-refresh {
        margin: 4px 0 0 2px;
        width: 13px;
        height: 13px;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom .btn-inquiry:last-child {
        /* width: calc(100% - 150px); */
        width: 100%;
    }

    /* section-list */

    html.v2 .section-list .inner-cont {
        padding: 20px;
    }

    html.v2 .section-list .list-cont {
        margin-top: 10px;
    }

    html.v2 .section-list .list-cont .list-info {
        margin-bottom: 12px;
    }

    html.v2 .section-list .list-cont .list-info h5 {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.7px;
    }


    html.v2 .section-list .list-cont .list-info .total {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: -0.5px;
    }

    html.v2 .section-list .list-cont .list-info .filter>a {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: -0.5px;
    }

    html.v2 .section-list .list-cont .list-info .filter>a+a::before {
        height: 12px;
    }

}


@media (max-width: 400px) {
    html.v2 .section-weak .weak-filter .btn-block-bottom .btn-refresh .ico-refresh {
        margin: 2px 0 0 2px;
    }
}



/* ---------------------------------------------
	Components
------------------------------------------------ */


/* Utility Classes */
/*=================================*/
body.js-overflow-hidden {
    overflow: hidden !important;
}

.clearfix {
    display: block
}

.clearfix:after {
    content: '';
    display: table;
    clear: both
}

.clear {
    clear: both
}

/* flex */
.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-end {
    align-items: end !important;
}

.align-items-start {
    align-items: flex-start !important;
}


.align-content-center {
    align-content: center !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-between {
    align-content: space-between !important;
}


/* text */
.blind {
    overflow: hidden;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

.text-left {
    text-align: left !important;
    justify-content: flex-start !important;
}

.text-center {
    text-align: center !important;
    justify-content: center !important;
}

.text-right {
    text-align: right !important;
    justify-content: flex-end !important;
}

b.b-700 {
    font-weight: 700;
}

b.b-500 {
    font-weight: 500;
}

.text-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-overflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.text-overflow3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}




/* spacing */
.m-10 {
    margin: 10px !important;
}

.m-20 {
    margin: 20px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-18{
    margin-bottom: 18px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-20 {
    padding: 20px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}


/* display */
.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}


/* opacity */
.opacity-1 {
    opacity: 1 !important;
    z-index: 100 !important;
}

.opacity-0 {
    opacity: 0 !important;
    z-index: -1 !important;
}

/* position */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.position-fixed {
    position: fixed;
}

.position-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

.position-fixed-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}




/* sizing */
.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.vw-100 {
    width: 100vw;
}

.vh-100 {
    height: 100vh;
}



.change-word-inline {
    display: block;
}

.change-word-break {
    display: inline;
}

@media (max-width: 768px) {
    .change-word-inline {
        display: inline;
    }

    .change-word-break {
        display: block;
    }

}



/* Font */
/*=================================*/
/* KNPSKkomi */
@font-face {
    font-family: 'KNPSKkomi';
    font-weight: 700;
    font-style: normal;
    src: url('../../fonts/KNPSKkomi/KNPSKkomi.woff2') format('woff2'),
    url('../../fonts/KNPSKkomi/KNPSKkomi.woff') format('woff');
}




/* - Btn */
/*=================================*/
html.v2 [class*="btn-block"] {
    position: relative;
    display: block;
}

/*
html.v2 .btn-outline-circle {
	display: inline-block;
	vertical-align: top;
	min-width: 120px;
	height: 54px;
	padding: 7px 20px 8px;
	text-align: center;
	border-radius: 62px;
	border: 2px solid #E8E8E9;
}

html.v2 .btn-outline-circle>em {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.64px;
	color: #72747A;
}
*/

html.v2 .btn-outline-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    transition: all 0.2s ease-out;
    padding: 10px 28px 12px 28px;
    border-radius: 50px;
}

html.v2 .btn-outline-circle>em {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.64px;
}


html.v2 .btn-outline-circle.c-white {
    border: 3px solid #FFF;
    background: rgba(0, 0, 0, 0.5);
}
html.v2 .btn-outline-circle.c-white:hover {
    background: rgba(0, 0, 0, 0.7);
}

html.v2 .btn-outline-circle.c-white>em {
    color: #FFF;
}

html.v2 .btn-outline-circle.c-blue {
    border: 1px solid #2578B3;
}

html.v2 .btn-outline-circle.c-blue>em {
    color: #2578B3;
}

html.v2 .btn-outline-circle.c-blue.fill {
    background-color: #2578B3;
}

html.v2 .btn-outline-circle.c-blue.fill>em {
    color: #fff;
}

html.v2 .btn-info {
    display: inline-block;
    vertical-align: top;
    padding: 3px 15px 5px 15px;
    border-radius: 5px;
    border: 1px solid #E8E8E9;
    background: #FFF;
    text-align: center;
}

html.v2 .btn-info>em {
    color: #585D69;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

html.v2 .outlined-gray {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid #E8E8E9;
    background: #FFF;
    color: #72747A;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
    white-space: nowrap
}

html.v2 .outlined-lightgray {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    border-radius: 50px;
    border: 1px solid #E8E8E9;
    background: #FAFBFC;
    color: #3D3F46;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
;
    white-space: nowrap
}

html.v2 .contained-blue-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 30px;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #2578B3;
    background: #2578B3;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.64px;
}

html.v2 .contained-blue-arrow:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 14px;
    margin-left: 8px;
    background: url(../../image/Icon/ico-arrow-white.svg) no-repeat center / contain
}

html.v2 .contained-blue {
    display: flex;
    height: 61px;
    padding: 0 56px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #267cb9;
    background: #267cb9;
    color: #fff;
    white-space: nowrap
}

html.v2 .outlined-blue {
    display: flex;
    height: 61px;
    padding: 0 56px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #267cb9;
    background: #fff;
    color: #267cb9;
    white-space: nowrap
}

html.v2 .contained-blue-rsq {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #2578B3;
    border-radius: 5px;
    background-color: #2578B3;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    white-space: nowrap
}

html.v2 .outlined-blue-rsq {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #2578B3;
    border-radius: 5px;
    background-color: #fff;
    color: #2578B3;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    white-space: nowrap
}

html.v2 .contained-blue-sm {
    display: flex;
    height: 46px;
    padding: 0 28px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #2578B3;
    background: #2578B3;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
;
    white-space: nowrap
}

html.v2 .contained-dkgray-sm {
    display: flex;
    height: 46px;
    padding: 0 28px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 2px solid #3D3F46;
    background: #3D3F46;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
;
    white-space: nowrap
}

html.v2 .line-link-blue {
    color: #2578B3;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.64px;
    text-decoration-line: underline
}

html.v2 .contained-blue-ssm {
    display: flex;
    height: 32px;
    padding: 0 30px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #2578B3;
    background: #2578B3;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
;
    white-space: nowrap
}

html.v2 .outlined-bluegray-ssm {
    display: flex;
    height: 32px;
    padding: 0 30px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #2578B3;
    background: #fff;
    color: #585D69;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
;
    white-space: nowrap
}

html.v2 .outlined-gray-ssm {
    display: flex;
    width: auto;
    height: 32px;
    padding: 0 30px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #818694;
    background: #fff;
    color: #585D69;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
;
    white-space: nowrap
}

html.v2 .contained-black {
    display: flex;
    height: 48px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    font-weight: 500;
    letter-spacing: -1px;
    white-space: nowrap
}

html.v2 .outlined-lblack {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 20px;
    border: 1px solid #3D3F46;
    border-radius: 50px;
    background-color: #fff;
    color: #3D3F46;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    white-space: nowrap
}

@media (max-width: 768px) {
    html.v2 .outlined-gray {
        height: 32px;
        padding: 0 16px;
        border-color: #267CB9;
        font-weight: 700;
        color: #000
    }

    html.v2 .contained-blue {
        height: 55px;
        padding: 0 45px
    }

    html.v2 .outlined-blue {
        height: 55px;
        padding: 0 45px
    }

    html.v2 .outlined-lightgray {
        height: 44px;
        font-size: 14px
    }
}

/* - Btn - 반응형*/
/*=================================*/
@media (max-width: 1200px) {

    html.v2 .btn-outline-circle {
        padding: 10px 28px 10px 28px;
    }
    html.v2 .btn-outline-circle > em {
        font-size: 14px;
    }
}


@media (max-width: 768px) {

    /*
	html.v2 .btn-outline-circle {
		min-width: 80px;
		height: 36px;
		padding: 7px 20px 8px;
	}
	*/

    html.v2 .btn-outline-circle {
        padding: 0 20px;
        height: 36px;
        border-radius: 18px;
    }

    html.v2 .btn-outline-circle.c-white {
        border: 1px solid #FFF;
    }

    html.v2 .btn-outline-circle.c-white>em {
        margin-top: -1px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.64px;
        line-height: 1;
    }

    html.v2 [class^="btn-info"] {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    html.v2 [class^="btn-info"]>em {
        color: #5B6872;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: -0.6px;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}

@media (max-width: 400px) {
    html.v2 .btn-outline-circle {
        padding: 10px 20px 8px;
    }



}

/* Tabs */
/*=================================*/
html.v2 [class*="tab-field"] {
    position: relative;
    /* overflow: hidden; */
    border-radius: 5px;
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}

html.v2 [class*="tabs"] {
    text-align: center;
    display: flex;
    align-items: center;
}

html.v2 [class*="tabs"]>li {
    position: relative;
    width: 100%;
    background-color: #F7F8FA;
    border: 1px solid #E8E8E9;
    border-left: 1px solid #F7F8FA;
}


html.v2 [class*="tabs"]>li.active {
    background-color: #2578B3;
    /* border: 1px solid #2578B3; */
}

html.v2 [class*="tabs"]>li.active:after {
    content: '';
    position: absolute;
    top: 39px;
    left: 50%;
    border-top: 32px solid #2578B3;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    transform: translateX(-50%);
    z-index: 1;
}

html.v2 [class*="tabs"]>li:first-child {
    border-radius: 5px 0 0 0;
    border-left: 1px solid #E8E8E9;
}

html.v2 [class*="tabs"]>li:last-child {
    border-radius: 0 5px 0 0;
}



html.v2 [class*="tabs"]>li a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    color: #6E7280;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    z-index: 2;
}


html.v2 [class*="tabs"]>li.active a {
    color: #fff;
}

html.v2 [class*="tabs"]>li.active a:before {
    opacity: 1;
}

/* html.v2 [class*="tab-boxes"]  {
	position: relative;
	min-height: 150px;
	border-radius: 0px 0px 5px 5px;
	border: 1px solid #E8E8E9;
	border-top: none;
	background: #FFF;
} */

html.v2 [class*="tab-boxes"] {
    border: 1px solid #E8E8E9;
    border-top: none;
}

html.v2 [class*="tab-boxes"] .tab-box {
    display: none;
    text-align: left;
    padding: 30px 20px;
    background-color: #fff;
}

html.v2 [class*="tab-boxes"] .tab-box.active {
    display: block;
}



/* tab-field.type2 */
html.v2 [class*="tab-field"].type2 {
    box-shadow: none;
}

html.v2 [class*="tab-field"].type2 .tabs {
    gap: 10px;
}

html.v2 [class*="tab-field"].type2 .tabs li {
    border: 1px solid #E8E8E9;
    background-color: #FAFBFC;
    border-radius: 5px;

}

html.v2 [class*="tab-field"].type2 [class*="tabs"]>li a {
    padding: 11px 0 12px;
    color: #72747A;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.8px;
}



html.v2 [class*="tab-field"].type2 .tabs li.active:after {
    display: none;
}

html.v2 [class*="tab-field"].type2 .tabs li.active {
    border: 1px solid #2578B3;
    background-color: #2578B3;
}

html.v2 [class*="tab-field"].type2 [class*="tabs"]>li.active a {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

/* 포커스 탭 */
.v2-tab {
    position: relative;
    box-shadow: 0px 2px 10px 0px rgba(16, 54, 74, 0.14);
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #E8E8E9
}

.v2-tab>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.v2-tab button {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 58px;
    background-color: #FBFCFD;
    color: #6E7280;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    z-index: 10;
    border-left: 1px solid #E8E8E9
}

.v2-tab li:nth-child(1) button {
    left: 0;
    border-left: none
}

.v2-tab li:nth-child(2) button {
    left: 25%
}

.v2-tab li:nth-child(3) button {
    left: 50%
}

.v2-tab li:nth-child(4) button {
    left: 75%
}

.v2-tab .active button {
    background-color: #2578B3;
    color: #fff
}

.v2-tab .active button:before {
    content: '';
    position: absolute;
    top: 39px;
    left: 50%;
    border-top: 32px solid #2578b3;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    transform: translateX(-50%);
    z-index: 1
}

.v2-tab-cont {
    position: relative;
    width: 100%;
    margin-top: 58px;
    padding: 30px 20px;
    border-top: 1px solid #E8E8E9;
    background-color: #fff;
}



.v2-tab-cont .d-flex {
    gap: 20px;
    flex-wrap: wrap
}


@media (max-width: 780px) {
    html.v2 [class*="tabs"]>li a {
        padding: 10px 5px;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.5px;
    }

    html.v2 [class*="tabs"]>li.active:after {
        display: none;
    }

    html.v2 [class*="tab-boxes"] .tab-box {
        padding: 16px;
    }

    /* filter-weak-tour(수정) */
    html.v2 .weak-check-items {
        gap: 16px 12px
    }

    html.v2 .weak-check-items label {
        height: 32px;
        font-size: 14px;
        line-height: 24px;
    }

    html.v2 .weak-check-items input:checked+label:after {
        width: 16px;
        height: 16px;
    }



    html.v2 .section-weak .filter-weak-tour .filter-body .tab-box .d-flex {
        gap: 15px;
    }

    html.v2 .section-weak .filter-weak-tour [class^='check-field'] input[type="checkbox"]+.item {
        padding: 4px 10px 6px;
        height: auto;
    }

    html.v2 .section-weak .filter-weak-tour [class^='check-field'] input[type="checkbox"]+.item>span,
    html.v2 .section-weak .filter-weak-tour .check-field input[type="checkbox"]:checked+.item>span {

        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        /* 171.429% */
        letter-spacing: -0.7px;
    }

    html.v2 .section-weak .filter-weak-tour .check-field input[type="checkbox"]:checked+.item>span:after {
        margin: 5px 0 0 5px;
        width: 16px;
        height: 16px;
    }

    html.v2 .section-weak .filter-weak-area [class^='check-field'] input[type="checkbox"]+.item {
        height: auto;
    }


    /* tab-field.type2 */
    html.v2 [class*="tab-field"].type2 .tabs {
        gap: 0;
        flex-wrap: wrap;
        border-top: 1px solid #E8E8E9;
        border-left: 1px solid #E8E8E9;
    }

    html.v2 [class*="tab-field"].type2 .tabs li {
        border-radius: 0;
        width: calc(100% / 3);
        border-top: none;
        border-left: none;
    }

    html.v2 [class*="tab-field"].type2 [class*="tabs"]>li a,
    html.v2 [class*="tab-field"].type2 [class*="tabs"]>li.active a {
        padding: 10px;
        font-size: 14px;
        letter-spacing: -0.7px;
        padding: 10px;
        height: 48px;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 포커스 탭 */
    .v2-tab button {
        height: 40px;
        background-color: #FAFBFC;
        font-size: 14px;
    }

    .v2-tab .active button:before {
        display: none
    }

    .v2-tab-cont {
        margin-top: 40px;
        padding: 16px
    }

    .v2-tab-cont .d-flex {
        gap: 16px 12px
    }

}


@media (max-width: 400px) {
    html.v2 .section-weak .filter-weak-tour [class^='check-field'] input[type="checkbox"]+.item {
        padding: 4px 10px 3px;
    }

    html.v2 .section-weak .filter-weak-tour .check-field input[type="checkbox"]:checked+.item>span:after {
        margin: 3px 0 0 5px;
    }

    html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]:checked+.item {}


    html.v2 .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
        /* padding: 10px 12px 8px; */
        padding: 10px 12px 9px 50px;
    }

    html.v2 .section-weak .filter-weak-area [class^='check-field'] input[type="checkbox"]+.item {
        padding: 4px 12px 3px;
    }

    html.v2 .section-weak .filter-weak-area .check-field input[type="checkbox"]:checked+.item>span:after {
        margin: 3px 0 0 5px;
    }

    html.v2 .section-weak .weak-filter .btn-block-bottom button {
        padding: 12px 0 9px;
    }





}






/* Form */
/*=================================*/

/* Checkbox */
html.v2 [class^='check-field'] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

html.v2 [class^='check-field'] label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.v2 [class^='check-field'] input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


html.v2 [class^='check-field'] input[type="checkbox"]+span {
    padding-left: 34px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 16px;
    letter-spacing: -0.8px;
    font-weight: 500;
    line-height: 1.3;
}

html.v2 [class^='check-field'] input[type="checkbox"]+.item {
    text-align: center;
    border-radius: 50px;
    border: 1px solid #E8E8E9;
    background: #fff;
    padding: 4px 12px 5px 12px;
}

html.v2 [class^='check-field'] input[type="checkbox"]+.item>span {
    color: #72747A;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}


/* active */
html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item {
    border: 1px solid #2578B3;
    background: #F2FAFE;
}


html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item>span {
    color: #2578B3;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    letter-spacing: -0.9px;
}

html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item>span:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 5px;
    width: 16px;
    height: 24px;
    background: url('../../image/Icon/ico_check_active.svg') no-repeat center center;
    background-size: 100%;

}

/* Radio */
html.v2 [class^='radio-field'] {
    position: relative;
    display: inline-block;
    vertical-align: middle;

}

html.v2 [class^='radio-field'] label {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.v2 [class^='radio-field'] input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


html.v2 [class^='radio-field'] input[type="radio"]+span {
    padding-left: 34px;
    color: #585D69;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.9px;
}

html.v2 [class^='radio-field'] input[type="radio"]+.item>span:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 24px;
    height: 24px;
    background: url('../../image/Icon/ico_radio_circle.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 [class^='radio-field'] input[type="radio"]+.item span {
    line-height: 24px;

}


/* active */

html.v2 [class^='radio-field'] input[type="radio"]:checked+.item>span {
    color: #2578B3;
    font-weight: 500;
}

html.v2 [class^='radio-field'] input[type="radio"]:checked+.item>span:before {
    background: url('../../image/Icon/ico_radio_circle_active.svg') no-repeat center center;
    background-size: 100%;

}

/* 관광약자 유형 추가 */
.filter-weak .filter-body {
    width: 100%
}

.filter-weak .check-field {
    width: 100%
}

.filter-weak .check-field label {
    width: 100%
}

.filter-weak .check-field .item {
    width: 100% !important
}

.filter-weak .check-field.all {
    width: 50% !important;
}

.filter-weak .check-field.all .item {
    display: flex;
    align-items: center
}

.filter-weak .check-field.all .item:before {
    display: none !important
}

.filter-weak .check-field.all .item span {
    bottom: auto !important;
}

/* radio 20x20 */
html.v2 .radio-row {
    display: flex
}

html.v2 .radio-row .title {
    min-width: 70px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -.18px
}

html.v2.en .radio-row .title {
    min-width: 101px
}

html.v2 .radio-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

html.v2 .radio input[type=radio] {
    position: absolute;
    opacity: 0
}

html.v2 .radio input[type=radio]:focus+label {
    outline: auto 1px;
    outline: -webkit-focus-ring-color auto 1px;
}

html.v2 .radio label {
    display: flex;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -.16px
}

html.v2 .radio input[type=radio]+.radio-label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #E8E8E9;
    cursor: pointer
}

html.v2 .radio input[type=radio]:checked+.radio-label:before {
    background-color: #2578B3;
    border-color: #2578B3;
    box-shadow: inset 0 0 0 5px #fff
}

html.v2 .radio input[type=radio]:checked+.radio-label {
    color: #000;
    font-weight: 500
}

html.v2 .radio input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 5px #fff;
    border-color: #E8E8E9;
    background: #E8E8E9;
}

html.v2 .radio input[type=radio]:disabled+.radio-label {
    color: #d0d0d0
}

html.v2 .radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0
}

html.v2 .radio-group.flex-column li label{
    margin: 0 0 16px 0;
}

.radio-group.flex-column .SelectBox{
    max-width: 100%;
}


/* checkbox */
html.v2 .ckbox input[type=checkbox] {
    position: absolute;
    opacity: 0
}

html.v2 .ckbox input[type=checkbox]:focus+label {
    outline: auto 1px;
    outline: -webkit-focus-ring-color auto 1px;
}

html.v2 .ckbox label {
    display: flex;
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -.16px
}

html.v2 .ckbox input[type=checkbox]+.ckbox-label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #fff;
    border: 1px solid #E8E8E9;
    cursor: pointer
}

html.v2 .ckbox input[type=checkbox]:checked+.ckbox-label:before {
    border-color: #C74A02;
}

html.v2 .ckbox input[type=checkbox]:checked+.ckbox-label {
    color: #000;
    font-weight: 500
}

html.v2 .ckbox input[type=checkbox]:disabled+.ckbox-label:before {
    box-shadow: inset 0 0 0 5px #fff;
    border-color: #E8E8E9;
    background: #E8E8E9;
}

html.v2 .ckbox input[type=checkbox]:disabled+.ckbox-label {
    color: #d0d0d0
}

html.v2 .ckbox input[type=checkbox]+.ckbox-label:empty:before {
    margin-right: 0
}

html.v2 .ckbox input[type=checkbox]:checked+.ckbox-label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 9px;
    background: #c74a02;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #c74a02, 4px 0 0 #c74a02, 4px -2px 0 #c74a02, 4px -4px 0 #c74a02, 4px -6px 0 #c74a02, 4px -8px 0 #c74a02;
    transform: rotate(45deg)
}


/* textarea-field */
html.v2 .textarea-field textarea {
    resize: none;
    width: 100%;
    border: 1px solid #E8E8E9;
    padding: 10px 16px;
    min-height: 200px;
    color: #3D3F46;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: -0.5px;

    /* 아이폰 그림자 지우기*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;

}

html.v2 .textarea-field textarea::placeholder {
    font-family: 'Noto Sans KR';
    color: #72747A;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: -0.5px;
}

/* upload-field */
html.v2 .form-group.upload {
    display: flex;
    align-items: center;
    gap: 10px;
}


html.v2 .upload-field {
    position: relative;
    display: flex;
    width: 100%;
}

html.v2 .upload-field:nth-child(n+2) {
    margin-top: 15px;
}

html.v2 .upload-field input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

html.v2 .upload-field label,
html.v2 .upload-field .upload-name {}

html.v2 .upload-field label {
    min-width: 108px;
    margin-right: 10px;
    padding: 6px 20px 6px 20px;
    border-radius: 5px;
    background: #585D69;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.5px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
}

html.v2 .upload-field label:hover {
    background: #222;
}

html.v2 .upload-field .btn-file-clear {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(../../image/Icon/ico_close_gray.svg) no-repeat center center;
    background-size: 28px 28px;
    display: none;
}

html.v2 .upload-field .upload-name {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc((100% - 100px) + 10px);
    padding: 7px 10px 7px 15px;
    border: 1px solid #E8E8E9;
    background-color: #fff;
    border-radius: 5px;
}

html.v2 .upload-field+.file-info {
    max-width: 187px;
    color: #72747A;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.5px;
}

html.v2 .upload-field+.file-info b {
    font-weight: 500;
}



/* Form - 반응형*/
/*=================================*/
@media (max-width: 768px) {

    html.v2 [class^='radio-field'] span {
        font-size: 14px;
        line-height: 24px;
        /* 171.429% */
    }

    html.v2 [class^='check-field'] input[type="checkbox"]+.item,
    html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item {
        padding: 2px 10px 4px 10px;
    }



    html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item>span,
    html.v2 [class^='check-field'] input[type="checkbox"]+.item>span {
        font-size: 14px;
        line-height: 24px;
        /* 171.429% */
    }

    html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item>span:after {}

    html.v2 .textarea-field textarea {
        font-size: 14px;
        line-height: 1.5;
    }

    html.v2 .textarea-field textarea::placeholder {
        font-family: 'Noto Sans KR';
        font-size: 14px;
        line-height: 1.5;
    }


    html.v2 .upload-field label {
        min-width: 91px;
        height: 34px;
        padding: 6px 18px 8px 18px;
        font-size: 14px;
        line-height: normal;
    }

    html.v2 .upload-field .upload-name {
        padding: 4px 32px 3px 10px;
        font-size: 14px;
    }

    html.v2 .upload-field+.file-info {
        max-width: unset;
        font-size: 12px;
    }

    html.v2 .upload-field .btn-file-clear {
        right: 0;
        width: 35px;
        height: 35px;
        background-size: 20px 20px;
    }

    /* 관광약자 유형 추가 */
    .filter-weak .check-field.all {
        width: calc((100% / 3) - 6px) !important;
    }
}


@media (max-width: 400px) {}


/* Table */
/*=================================*/

html.v2 table.table-transparent {
    border: none;
}

html.v2 table.table-transparent tr,
html.v2 table.table-transparent th,
html.v2 table.table-transparent td {
    border: none;
    background-color: transparent;
}

html.v2 table.table-transparent td {
    text-align: left;
}

html.v2 table.table-transparent th {
    color: #3D3F46;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: -1px;
    vertical-align: top;
}



/* Table - 반응형*/
/*=================================*/
@media (max-width: 768px) {

    html.v2 table.table-transparent th,
    html.v2 table.table-transparent td {
        display: block;

    }

    html.v2 table.table-transparent th {
        padding: 0;
    }

    html.v2 table.table-transparent td {
        padding: 12px 0;
    }

}





/* Card */
/*=================================*/
html.v2 .card-list {
    position: relative;
    display: flex;
    justify-content: normal;
    flex-wrap: wrap;
    /* gap: 20px; */
    gap: 15px;
}

html.v2 .card-list .card {
    position: relative;
    /* overflow: hidden; */
    width: calc((100% / 3) - 10px);
    /* height: 350px; */
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 4px 24px 0px rgba(159, 159, 159, 0.25);
    border: 1px solid #E3E3E3;
}



html.v2 .card-list .card a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 14px 14px 0px 0px; /* 250904 수정 */
    overflow: hidden; /* 250904 수정 */
}

html.v2 .card-list .card.js-focus .bg-thumb {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

html.v2 .card-list .card .card-head {
    overflow: hidden;
    position: relative;
    height: 230px;
    border-radius: 20px 20px 0 0;
}

html.v2 .card-list .card .card-head .bg-thumb {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: transform 0.5s cubic-bezier(.23, 1, .32, 1);
    transition: transform 0.5s cubic-bezier(.23, 1, .32, 1);
}



html.v2 .card-list .card .card-body {
    position: relative;
    /* height: 128px; */
    padding: 18px 20px;
    background: #fff;

    border-top: none;
    min-height: 120px;
}

html.v2 .card-list .card .card-body .card-title>em {
    color: #818694;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    /* 112.5% */
    letter-spacing: -0.64px;
}

html.v2 .card-list .card .card-body .card-title>h5 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -1px;
}

html.v2 .card-list .card .card-body .card-weak {
    margin-top: 10px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 11px;
}

html.v2 .card-list .card .card-body .card-weak>.num {
    color: #72747A;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    /* 109.091% */
    letter-spacing: -1.1px;
}

html.v2 .card-list .card .card-body .card-weak .ico-list {
    display: flex;
    gap: 5px;
    /* max-width: 313px; */
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak {
    display: inline-block;
    vertical-align: top;
    width: 38px;
    height: 38px;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.sight {
    background: url('../../image/Icon/ico_weak_sight_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.deaf {
    background: url('../../image/Icon/ico_weak_deaf_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.washroomFam {
    background: url('../../image/Icon/ico_weak_washroomFam_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.entrance {
    background: url('../../image/Icon/ico_weak_entrance_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.tickets {
    background: url('../../image/Icon/ico_weak_tickets_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.elev {
    background: url('../../image/Icon/ico_weak_elev_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.stroller {
    background: url('../../image/Icon/ico_weak_stroller_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.parking {
    background: url('../../image/Icon/ico_weak_parking_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.diaper {
    background: url('../../image/Icon/ico_weak_diaper_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.info {
    background: url('../../image/Icon/ico_weak_info_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.hotel {
    background: url('../../image/Icon/ico_weak_hotel_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.table {
    background: url('../../image/Icon/ico_weak_table_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.washroomW {
    background: url('../../image/Icon/ico_weak_washroomW_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.stroller {
    background: url('../../image/Icon/ico_weak_stroller_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.milk {
    background: url('../../image/Icon/ico_weak_milk_fill.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak.highchair {
    background: url('../../image/Icon/ico_weak_highchair_fill.svg') no-repeat center center;
    background-size: 100%;
}


html.v2 .card-list .card .card-body .btn-block {
    margin-top: 20px;
}

html.v2 .card-list .card .card-body button {
    min-width: unset;
    height: auto;
    padding: 3px 15px 4px;
    text-align: left;
    border: 2px solid #2578B3;
}

html.v2 .card-list .card .card-body button>em {
    color: #2578B3;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    /* 156.25% */
    letter-spacing: -0.64px;
}

html.v2 .card-list .card .card-body button .ico-arrow-right {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 4px;
    width: 25px;
    height: 25px;
    background: url('../../image/Icon/ico_arrow_right_orange.svg') no-repeat center center;
    background-size: 100%;
}


/* .card-list.type2 */
html.v2 .card-list.type2 {}

html.v2 .card-list.type2 .card .card-head {
    height: 255px;
}

html.v2 .card-list.type2 .card .card-body {
    margin-top: -25px;
    border-radius: 0px 30px 0px 0px;
}

html.v2 .card-list.type2 .card-dsc {
    position: relative;
    margin-top: 8px;
}

html.v2 .card-list.type2 .card-dsc>p {
    color: #424242;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    /* 116.667% */
    letter-spacing: -0.5px;
}

html.v2 .card-list.type2 .card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
    margin-top: 25px;
}

html.v2 .card-list.type2 .card-tags>span {
    display: inline-block;
    vertical-align: top;
    padding: 3px 10px 5px 10px;
    border-radius: 30px;
    background: #EAEEF1;
    color: #5D5E63;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    /* 120% */
    letter-spacing: -0.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.v2 .card-list.type2 .card-tags>span:last-child {
    margin-right: 0;
}

@media (max-width: 1200px) {
    html.v2 .card-list .card {
        width: calc((100% / 2) - 10px);
    }
}

@media (max-width: 768px) {
    html.v2 .card-list {
        gap: 16px;
    }

    html.v2 .card-list .card {
        overflow: hidden;
        width: 100%;
        border-radius: 10px;
    }

    html.v2 .card-list .card .card-head {
        border-radius: 10px 10px 0 0;
        height: 160px;
    }

    html.v2 .card-list .card .card-body {
        border-radius: 0 0 10px 10px;
        padding: 12px 16px;
    }

    html.v2 .card-list .card .card-body .card-title>em {
        display: block;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.64px;

    }

    html.v2 .card-list .card .card-body .card-title>h5 {
        color: #333;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.64px;
        line-height: 1.2;
    }

    html.v2 .card-list .card .card-body .card-weak {
        margin-top: 15px;
    }

    html.v2 .card-list .card .card-body .card-weak .ico-list .ico-weak {
        width: 32px;
        height: 32px;
    }

    html.v2 .card-list .card .card-body .card-weak>.num {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        /* 150% */
        letter-spacing: -0.8px;
    }

    html.v2 .card-list .card .card-body .btn-block {
        display: none;
    }

    html.v2 .card-list .card .card-body button {}


    /* card-list.type2 */
    html.v2 main.sub-contents .section-list .card-list.type2 {
        gap: 20px;
    }

    html.v2 .section-list .card-list.type2 .card {
        box-shadow: none;
    }


    html.v2 .card-list.type2 .card-dsc {
        margin-top: 5px;
    }

    html.v2 .card-list.type2 .card-dsc>p {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        /* 150% */
        letter-spacing: -0.5px;
    }

    html.v2 .card-list.type2 .card-tags {
        margin-top: 15px;
    }

    html.v2 .card-list.type2 .card-tags>span {
        padding: 4px 10px 4px 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 19.2px;
        /* 137.143% */
        letter-spacing: -0.5px;
    }

    html.v2 .card-list.type2 .card .card-body {
        padding: 18px 20px;
    }

    html.v2 .card-list .card .card-body .card-title>h5 {
        font-size: 16px;
        line-height: 1.3;
        letter-spacing: -1px;
    }

}



@media (max-width: 400px) {}







/* Slider */
/*=================================*/
/* slider */
html.v2 [class^='slider-'] {
    position: relative;
    width: 100%;
    height: auto;
}

html.v2 [class^='slider-'] img {
    display: block;
    width: 100%;
    height: auto;
}

/* html.v2 [class^='slider-'] .swiper-slide {
	opacity: 1 !important;
} */

/*
html.v2 [class^='slider-'] .swiper-button-lock {
	display: block !important;
}
html.v2 [class^='slider-'] .swiper-pagination-lock {
	display: block !important;
}
*/

/* Popup */
/*=================================*/
html.v2 .popup-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;
    display: none;
}

html.v2 .popup-layer .dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 100;
}

html.v2 .popup-layer .popup-wrap {
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 100;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

html.v2 .popup-layer.popup-sm .popup-wrap {
    max-width: 374px;
}

html.v2 .popup-layer.popup-lg .popup-wrap {
    max-width: 980px;
    margin-top: 0;
}

html.v2 .popup-layer.popup-lg .popup-cont .body-cont {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 500px;
    margin: 10px 4px 20px;
}



html.v2 .popup-layer .popup-cont {
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
}

html.v2 .popup-layer .popup-cont .btn-block.close {
    position: relative;
    text-align: right;
}

html.v2 .popup-layer .popup-cont .btn-close {
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    /* background: url(../../image/Icon/ico_close_black.svg) no-repeat center center; */
    background: url(../image/Icon/ico_close_black.svg) no-repeat center center;
    background-size: 24px 24px;
}



html.v2 .popup-layer .popup-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

html.v2 .popup-layer .popup-title>em {
    display: block;
    color: #72747A;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

html.v2 .popup-layer .popup-title>.title {
    color: #000;
    font-size: 49px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 70px
}

html.v2 .popup-layer .popup-title>p.text-point {
    display: block;
    margin-top: 28px;

}

html.v2 .popup-layer .popup-title>p.text-point span {
    color: #2578B3;
    font-family: 'KNPSKkomi';
    font-size: 28px;
    font-weight: 400;
    line-height: 26px;
    /* 92.857% */
    letter-spacing: -1px;
}


html.v2 .popup-layer .popup-body {

    text-align: center;
}

html.v2 .popup-layer .popup-body .body-cont {
    height: 100%;
    padding: 20px 40px 30px;
    margin: 10px 4px 10px;
}

html.v2 .popup-layer .body-cont::-webkit-scrollbar {
    -webkit-appearance: none;
}

html.v2 .popup-layer .body-cont::-webkit-scrollbar:vertical {
    width: 6px;
}

html.v2 .popup-layer .body-cont::-webkit-scrollbar:horizontal {
    height: 0;
}

html.v2 .popup-layer .body-cont::-webkit-scrollbar-thumb {
    background-color: #585D69;
    border-radius: 3px;

}

html.v2 .popup-layer .body-cont::-webkit-scrollbar-track {
    background-color: #E8E8E9;
    border-radius: 3px;
}

html.v2 .popup-layer .popup-body .body-cont table td .form-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 10px;
}

html.v2 .popup-layer .popup-body .body-cont table td [class^='radio-field'] {
    margin-right: 10px;
}

html.v2 .popup-layer .popup-body .body-cont table td [class^='check-field'] {}

html.v2 .popup-layer .popup-body .body-cont .form-group.upload {
    margin-top: 20px;
}

html.v2 .popup-layer .popup-body .body-cont .img-cont {
    position: relative;
}
html.v2 .popup-layer .popup-body .body-cont .img-cont img {
    display: block;
    width: 100%;
    height: auto;
}


html.v2 .popup-layer .popup-body .body-cont>.info-text {
    display: block;
    margin: 30px auto 0;
    text-align: center;
}

html.v2 .popup-layer .popup-body .body-cont>.info-text p {
    color: #2578B3;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    /* 162.5% */
    letter-spacing: -0.5px;
}

html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom>button {
    min-width: 170px;
    height: 64px;
    padding: 6px 20px 8px;
}

html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom>button em {
    font-size: 22px;
    font-weight: 700;
}

/* popup-notice */
html.v2 .popup-layer.popup-notice {
    position: absolute;
    top: 17%;
    transform: none;
    margin-top: 0;
    margin:0 auto;
    max-width: 1000px;
    height: auto;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}

html.v2 .popup-layer.popup-notice .popup-wrap {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    top: unset;
    transform: none;
}
html.v2 .popup-layer.popup-notice .popup-cont {
    padding: 25px;
    border: 5px solid rgba(9, 112, 186, 1);
}
html.v2 .popup-layer.popup-notice .popup-cont .body-cont {
    padding: 0;
    margin: 0;
    max-height: unset;
}

html.v2 .popup-layer.popup-notice .popup-body .body-cont>.info-text {
    margin: 10px auto 40px;
}
html.v2 .popup-layer.popup-notice .popup-body .body-cont>.info-text em {
    font-size: 20px;
    text-decoration: underline;
    color: rgba(9, 112, 186, 1);
}

html.v2 .popup-layer.popup-notice .btn-block-bottom {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    text-align: right;
}
html.v2 .popup-layer.popup-notice .btn-block-bottom .btn-close {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    background: none;
    width: auto;
    height: auto;
    font-size: 16px;
}
html.v2 .popup-layer.popup-notice .btn-block-bottom .btn-close .ico-close {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    background: url(../image/Icon/ico_close_black.svg) no-repeat center center;
    background-size: 100%;
    opacity: 0.8;
}


/* Popup - 반응형*/
/*=================================*/
@media (max-width: 1440px) {
    /* popup-notice */
    html.v2 .popup-layer.popup-notice .popup-wrap {
        padding: 0;
    }
}

@media (max-width: 1200px) {
    html.v2 .popup-layer.popup-notice {
        top: 13%;
        width: calc(100% - 30px);
    }
}

@media (max-width: 768px) {
    html.v2 .popup-layer .popup-wrap {
        padding: 0 15px;
        max-width: none !important;
    }

    html.v2 .popup-layer .popup-title>em {
        color: #72747A;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.5px;
    }

    html.v2 .popup-layer .popup-title>.title {
        font-size: 24px;
        line-height: normal;
    }

    html.v2 .popup-layer .popup-title>p.text-point span {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        /* 162.5% */
        text-align: center;
    }

    html.v2 .popup-layer .popup-cont {
        padding: 12px 10px 20px 20px;

    }

    html.v2 .popup-layer.popup-lg .popup-cont .body-cont {
        padding: 0 10px 0 0;
        margin: 30px 0 0 0;
        max-height: 300px;
    }

    html.v2 .popup-layer .body-cont::-webkit-scrollbar:vertical {
        width: 4px;
    }

    html.v2 .popup-layer .body-cont::-webkit-scrollbar:horizontal {
        height: 0;
    }

    html.v2 .popup-layer .body-cont::-webkit-scrollbar-thumb {
        border-radius: 2px;

    }

    html.v2 .popup-layer .body-cont::-webkit-scrollbar-track {
        border-radius: 2px;
    }

    html.v2 .popup-layer .popup-body .body-cont .form-group.upload {
        margin-top: 10px;
    }

    html.v2 .form-group.upload {
        flex-wrap: wrap;
    }

    html.v2 .popup-layer .popup-body .body-cont>.info-text p {
        font-size: 14px;
        line-height: normal;
        text-align: left;

    }

    html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom {}

    html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom>button {
        padding: 12px 40px;
        width: 100%;
        min-width: unset;
        height: 48px;

    }

    html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom>button em {
        font-size: 14px;
        line-height: normal;
    }

    /* popup-notice */
    html.v2 .popup-layer.popup-notice {
        top: 9%;
    }
    html.v2 .popup-layer.popup-notice .popup-wrap {}
    html.v2 .popup-layer.popup-notice .popup-cont {
        padding: 15px;
    }
    html.v2 .popup-layer.popup-notice .popup-cont .body-cont {
        padding: 0;
        margin: 0;
        max-height: unset;
    }
    html.v2 .popup-layer.popup-notice .popup-body .body-cont>.info-text {
        margin: 10px auto 20px;
    }
    html.v2 .popup-layer.popup-notice .popup-body .body-cont>.info-text em {
        font-size: 16px;
    }

    html.v2 .popup-layer.popup-notice .btn-block-bottom {
        padding-top: 10px;
    }
    html.v2 .popup-layer.popup-notice .btn-block-bottom .btn-close .ico-close {
        margin-top: 1px;
    }

}

@media (max-width: 400px) {

    html.v2 [class^='check-field'] input[type="checkbox"]+.item,
    html.v2 [class^='check-field'] input[type="checkbox"]:checked+.item {
        padding: 2px 10px 2px 10px;
    }

    html.v2 .upload-field label {
        padding: 8px 18px 6px 18px;
    }

    html.v2 .popup-layer .popup-body .body-cont .btn-block-bottom>button {
        padding: 13px 10px;
    }

    html.v2 [class^='radio-field'] input[type="radio"]+.item>span:before {
        margin: 0 3px 0 0;
    }

}


/* ---------------------------------------------
	영문화면
------------------------------------------------ */
/* Header */
/*=================================*/
html.v2.en header .nav-wrap .inner-cont {
    gap: 18%;
}

html.v2.en header .util-wrap .inner-cont {
    gap: 7.5%;
}

html.v2.en header .util-wrap .util-menu {
    max-width: 640px;
}

html.v2.en header .util-wrap .btn-logo-sto {
    width: 140px;
    height: 32px;
    background: url('../../image/Icon/ico_logo_sto_white_en.png') no-repeat center center;
    background-size: 100%;
}

html.v2.en header .util-wrap .btn-logo-danurim {
    width: 120px;
    height: 31px;
    background: url('../../image/Icon/ico_logo_danurim_white_en.png') no-repeat center center;
    background-size: 100%;
}


html.v2.en header .util-wrap .util-menu .zoom {
    margin-right: 0;
}

html.v2.en header .util-wrap .util-menu .zoom>span {
    min-width: 90px;
}

html.v2.en header .util-wrap .util-menu li.text-view {
    min-width: 165px;
}

html.v2.en header .util-wrap .util-menu li.join {
    min-width: 103px;
}

html.v2.en header .nav-wrap--mo .logo-cont .btn-logo-danurim {
    width: 120px;
    height: 31px;
    background: url('../../image/Icon/ico_logo_danurim_white_en.png') no-repeat center center;
    background-size: 100%;
}


/* header.type2 */
html.v2.en header.type2 {}

html.v2.en header.type2 .logo-wrap .btn-logo-sto {
    width: 140px;
    height: 32px;
    background: url('../../image/Icon/ico_logo_sto_white_en.png') no-repeat center center;
    background-size: 100%;
}

html.v2.en header.type2 .logo-wrap .btn-logo-danurim {
    width: 120px;
    height: 31px;
    background: url('../../image/Icon/ico_logo_danurim_white_en.png') no-repeat center center;
    background-size: 100%;
}


html.v2.en header.type2 .util-wrap .util-menu {
    max-width: 410px;
}



/* .wrapper.sub */
html.v2.en .wrapper.sub header.type2 .logo-wrap .btn-logo-sto {
    width: 140px;
    height: 32px;
    background: url(../../image/Icon/ico_logo_sto_blue_en.png) no-repeat center center;
    background-size: 100%;
}

html.v2.en .wrapper.sub header.type2 .logo-wrap .btn-logo-danurim {
    width: 120px;
    height: 31px;
    background: url(../../image/Icon/ico_logo_danurim_blue_en.png) no-repeat center center;
    background-size: 100%;
}






/* Common Content */
/*=================================*/

/* section-weak */
/*---------------------------------*/
html.v2.en .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item>span:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: -77px;
    left: auto;
    right: 15px;
    width: 24px;
    height: 24px;
    background: url(../../image/Icon/ico_check_circle_active.svg) no-repeat center center;
    background-size: 100%;
    margin: 0;
}

html.v2.en .section-weak .filter-weak-comfort .filter-body .weak-comfort-cont>.d-flex {
    max-width: unset;
}

html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] {
    width: calc((100% / 2) - 8px);
}

html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
    padding: 16px 20px 16px 52px;
}

html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item>span:before {
    left: 12px;
}

/* html.v2.en .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item > span {
	font-size: 19px;
} */

html.v2.en .section-weak .filter-weak-comfort .check-field input[type="checkbox"]:checked+.item>span:after {
    right: 20px;
}

html.v2.en .section-weak .filter-weak .check-field.all input[type="checkbox"]:checked+.item>span:after {
    top: -38px
}

html.v2.en .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item>span {
    font-size: 18px
}



/* 영문화면 - 반응형*/
/*=================================*/
@media (max-width: 1200px) {

    /* Header */
    /*=================================*/
    html.v2.en header .nav-wrap .inner-cont {
        gap: 0;
    }

    html.v2.en header .nav-wrap .gnb {
        min-width: unset;
    }

    html.v2.en header .nav-wrap .gnb-menu {
        gap: 0;
    }

    html.v2.en header .nav-wrap .sub-menu {
        width: unset;
    }

    html.v2.en header .util-wrap .inner-cont {
        gap: 0;
    }

    html.v2.en header .util-wrap .util-menu li a,
    html.v2.en header .util-wrap .util-menu li button {
        padding: 10px 15px;
    }

    html.v2.en header .util-wrap .util-menu {
        max-width: unset;
        width: 462px;
    }

    html.v2.en header .util-wrap .util-menu .zoom>span {
        min-width: 70px;
        width: unset;
    }

    html.v2.en header .util-wrap .util-menu li.text-view {
        min-width: 130px;
    }

    html.v2.en header .util-wrap .util-menu li.join {
        min-width: 76px;
    }

    html.v2.en header .nav-wrap--mo .gnb-layer-head .util-wrap {
        height: 50px;
    }

    html.v2.en header.type2 .util-wrap .util-menu {
        max-width: 351px;
    }

    html.v2.en header.type2 .util-wrap .sub-menu a {}


    /* Common Content */
    /*=================================*/

    /* 무장애 관광지 */
    /*---------------------------------*/
    html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] {
        height: 72px;
    }

    html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
        height: 72px;
        display: flex;
        align-items: center;
        text-align: left;
    }

    html.v2.en .section-weak .filter-weak .check-field input[type="checkbox"]+.item>span {
        font-size: 18px;
    }

    html.v2.en .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item>span {
        padding: 0 10px;
    }

}

@media (max-width: 768px) {

    /* Header */
    /*=================================*/
    html.v2.en header .nav-wrap--mo .gnb-layer-head .util-wrap {
        height: auto;
    }

    html.v2.en header.type2 .util-wrap .util-menu {
        max-width: unset;
    }




    /* Common Content */
    /*=================================*/

    /* 무장애 관광지 */
    /*---------------------------------*/
    html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] {
        width: 100%;
    }

    html.v2.en .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item {
        height: 86px;
    }

    html.v2.en .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]+.item>span,
    html.v2.en .section-weak .filter-weak [class^='check-field'] input[type="checkbox"]:checked+.item>span {
        bottom: 6px;
        height: 36px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        letter-spacing: -0.5px;
    }

    html.v2.en .section-weak .filter-weak .check-field input[type="checkbox"]:checked+.item>span:after {
        display: none;
    }

    html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] {
        height: auto;
    }

    html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item {
        height: auto;
        padding: 16px 50px 16px 60px;
    }

    html.v2.en .section-weak .filter-weak-comfort [class^='check-field'] input[type="checkbox"]+.item>span:before {
        left: 20px;
    }


    html.v2.en [class*="tab-field"].type2 [class*="tabs"]>li a,
    html.v2.en [class*="tab-field"].type2 [class*="tabs"]>li.active a {
        height: 60px;
    }

}

@media (max-width: 480px) {}

/* 포커스를 위한 팝업 추가 */
/*=================================*/
html.v2 .wa-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9999
}

html.v2 .wa-popup-content {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

html.v2 .wa-popup.active {
    display: flex;
    justify-content: center;
    align-items: center
}

/* v2-footer */
/*=================================*/
.v2-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    background-color: #202C44;
    font-size: 14px;
    color: #f1f1f1;
    font-family: "a시월구일1", sans-serif;
    letter-spacing: 1px;
}

.v2-footer-inner {
    display: flex;
    width: 1100px;
    padding: 40px 0 20px;
    gap: 32px
}

.v2-footer-inner>li {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.v2-footer h2 {
    font-family: "a시월구일1", sans-serif;
    color: #f1f1f1;
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 700
}

.v2-footer-logo {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.v2-footer-logo img {
    width: 195px
}

.v2-telephone-img img {
    width: 200px
}

.v2-footer-logo p {
    font-size: 13px;
    color: #f1f1f1;
    font-family: "a시월구일1", sans-serif;
    letter-spacing: 1px;
}

.v2-footer .v2-sto-list {
    display: flex
}

.v2-footer .v2-sto-list>li {
    border-left: 1px solid #e4e4e4;
    padding: 0 8px
}

.v2-footer .v2-sto-list>li a {
    letter-spacing: 1px;
    white-space: nowrap
}

.v2-footer .v2-sto-list>li a b {
    font-weight: 700
}

.v2-footer .v2-sto-list>li a:hover {
    text-decoration: underline
}

.v2-footer .v2-sto-list>li:first-child {
    border-left: none;
    padding-left: 0
}

.v2-operational-site {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.v2-footer #od_site {
    margin: 14px 0
}

.v2-telephone-info {
    display: flex
}

.v2-business-info {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.v2-business-info>li {
    display: flex;
    font-size: 12px;
    color: #f1f1f1;
    letter-spacing: 1px;
    word-break: keep-all;
    line-height: 19px
}

.v2-business-info address {
    font-size: 12px;
    color: #f1f1f1;
    letter-spacing: 1px;
    word-break: keep-all;
    font-style: normal;
    line-height: 19px
}

.v2-business-info>li:before {
    content: "";
    flex: none;
    overflow: hidden;
    display: block;
    width: 28px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0 0;
    background-image: url('../../image/Icon/footer-icons.png')
}

.v2-business-info>li:nth-child(1):before {
    background-position: 0 0
}

.v2-business-info>li:nth-child(2):before {
    background-position: 0 -33px
}

.v2-business-info>li:nth-child(3):before {
    background-position: 0 -63px
}

.v2-app-down-list {
    display: flex;
    gap: 11px;
}

.v2-sns-list {
    display: flex;
    align-items: center;
    gap: 18px
}

.v2-sns-list>li img {
    height: 25px
}

.v2-mark-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 270px;
    gap: 16px
}

.v2-mark-list>li {
    position: relative
}

.v2-mark-tip {
    display: none;
    position: absolute;
    bottom: 90px;
    right: 10px;
    white-space: nowrap;
    background-color: #f1f1f1;
    padding: 10px 20px;
    border-radius: 10px
}

.v2-mark-tip li {
    font-size: 12px;
    color: #666;
    line-height: 150%
}

.v2-mark-list .ismsp a:hover~.v2-mark-tip,
.v2-mark-list .ismsp a:focus-visible~.v2-mark-tip {
    display: block;
}

.v2-footer-copy {
    width: 100%;
    padding: 16px 0 10px 0;
    border-top: 1px solid #424242
}

.v2-footer-copy p {
    color: #9e9e9e;
    text-align: center;
    letter-spacing: 1px
}

@media (max-width: 1200px) {
    .v2-footer-inner {
        width: 100%;
        padding: 40px 40px 20px;
    }
}

@media (max-width: 1050px) {
    .v2-footer-inner {
        padding: 40px 20px 20px;
        gap: 20px
    }

    .v2-app-down-list {
        flex-direction: column
    }

}

@media (max-width: 890px) {
    .v2-footer-inner {
        flex-direction: column;
        padding: 25px 20px 20px;
        gap: 50px
    }

    .v2-operational-site {
        gap: 16px
    }

    .v2-mark-list,
    .v2-app-down-list {
        flex-direction: column
    }

    .v2-mark-list,
    .v2-app-down-list {
        flex-direction: row
    }

    .v2-mark-tip {
        width: 240px;
        left: 20px;
        right: auto;
        transform: translateX(-60%);
        padding: 10px
    }

    .v2-mark-tip li {
        white-space: break-spaces
    }
}

html.v2 .pc_nav_right a:first-child {
    border-top-left-radius: 25px;
}

html.v2 .pc_nav_right a:last-child {
    border-bottom-left-radius: 25px;
}

html.v2 .pc_nav_right a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding-top: 0 !important;
    gap: 5px;
}

html.v2 .pc_nav_right a img {
    padding-top: 0 !important
}

html.v2 .pc_nav_right img {
    width: 29px
}

html.v2 #pc_nav_right_4 img {
    width: 19px
}

/* 에디터 공통 부분 */
.detail-article-header h1 {
    font-weight: 600;
    width: 100%;
    height: auto;
    overflow: hidden;
}

/*숨김처리 텍스트 공통 클래스*/
.hide-txt {
    font-size: 0;
    position: absolute;
    text-indent: -9999px;
    left: -9999px;
    overflow: hidden;
}

/* ---------------------------------------------

	main--renewal-2024

------------------------------------------------ */
html.v2 .wrapper.main--renewal-2024 {
    position: relative;
}
html.v2 .pc_nav_right > a {
    background-color: transparent !important;
}
html.v2 .pc_nav_right > a::before {
    content: '';
    background-color: rgba(9, 112, 186, 1);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
html.v2 .pc_nav_right > a:last-child::before {
    background-color: rgba(101, 101, 101, 1);
}



/* Header */
/*=================================*/
html.v2 .wrapper.main--renewal-2024 header.type2 {
    position: relative;

}
html.v2 .wrapper.main--renewal-2024 header.type2 #navWrap {
    /* transition: transform 0.6s cubic-bezier(.23, 1, .32, 1); */
}



html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap,
html.v2 .wrapper.main--renewal-2024 header.type2 .nav-wrap--mo {
    transition: background 0.6s cubic-bezier(.23, 1, .32, 1);
}

html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap {
    position: absolute;
    left: 0px;
    top: 50px;
    right: 0px;
    z-index: 200;
    height: 80px;
    background: rgba(0, 0, 0, 0.7);
}


html.v2 .wrapper.main--renewal-2024 header.type2.fixed .header-pc .nav-wrap,
html.v2 .wrapper.main--renewal-2024 header.type2.fixed .nav-wrap--mo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background: rgba(5, 20, 30, 0.6); */
    background: #fff;
    z-index: 900;
    /* box-shadow: 0 1px 10px rgba(5, 20, 30, 0.2); */
    box-shadow: 0px 3px 8px 0px rgba(15, 40, 53, 0.14);
}


html.v2 .wrapper.main--renewal-2024 header.type2.fixed .btn-search {
    background: url(../../image/Icon/ico_search_black.svg) no-repeat center center;
    background-size: 20px 20px;
}
html.v2 .wrapper.main--renewal-2024 header.type2.fixed .btn-search.active {
    background: url(../../image/Icon/ico_close_black.svg) no-repeat center center;
    background-size: 20px 20px;
}


html.v2 .wrapper.main--renewal-2024 header.type2.fixed .header-pc .nav-wrap .gnb .logo-cont .btn-logo-danurim {
    background: url(../image/Icon/main_renewal_2024/ico_logo_danurim_active.svg) no-repeat center center;
    background-size: 100%;
}
html.v2 .wrapper.main--renewal-2024 header.type2.fixed .header-pc .nav-wrap .gnb-menu>li>a {
    color:#2e3032;
}

/* html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap {
	position: absolute;
	top: 130px;
	background: rgba(0, 0, 0, 0.9);
	border-top: 1px solid rgba(209, 209, 209, 0.42);
} */

html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap {
    /* position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	top: 130px; */
    /* background: rgba(5, 20, 30, 0.9); */
    background: rgba(0, 0, 0, 0.8);
}
html.v2 .wrapper.main--renewal-2024 header.type2.fixed .search-form .search-wrap  {
    top: 80px;
}



html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc {
    /* position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 200; */
}

html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .util-wrap .inner-cont {
    padding: 0 30px;
}


html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .inner-cont {
    position: relative;
    max-width: 1480px;
    padding: 0 20px;
}


html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb {
    padding: 0;
    height: 100%;
}

html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb .logo-cont {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}
html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb .logo-cont .btn-logo-danurim {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 30px;
    background: url('../image/Icon/main_renewal_2024/ico_logo_danurim.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb .gnb-menu>li > .gnb-inner {
    display: block;
    visibility: hidden;
    top: 80px;
    transition: all 0.2s ease-out;
    opacity: 0;
}

html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb .gnb-menu>li.active>.gnb-inner {
    visibility: visible;
    opacity: 1;
}

html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb .gnb-menu>li > .gnb-inner>ul>li a {
    color:#2e3032;
}


html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb > .btn-search {
    width: 65px;
    height: 65px;
    background: url(../image/Icon/main_renewal_2024/ico_search_white.svg) no-repeat center center;
    background-size: 20px 20px;
}
html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb > .btn-search.active {
    background: url(../image/Icon/main_renewal_2024/ico_close_white.svg) no-repeat center center;
    background-size: 20px 20px;
}
html.v2 .wrapper.main--renewal-2024 header.type2.fixed .header-pc .nav-wrap .gnb > .btn-search {
    background: url(../image/Icon/main_renewal_2024/ico_search_black.svg) no-repeat center center;
    background-size: 20px 20px;
}
html.v2 .wrapper.main--renewal-2024 header.type2.fixed .header-pc .nav-wrap .gnb > .btn-search.active {
    background: url(../image/Icon/main_renewal_2024/ico_close_black.svg) no-repeat center center;
    background-size: 20px 20px;
}

html.v2 .wrapper.main--renewal-2024 header.type2 .search-wrap .search-field .btn-search {
    background: url(../image/Icon/main_renewal_2024/ico_search_white.svg) no-repeat center center;
    background-size: 26px 26px;
}
html.v2 .wrapper.main--renewal-2024 header.type2 .search-wrap .search-field .btn-search-cancel {
    background: url(../image/Icon/main_renewal_2024/ico_close_white.svg) no-repeat center center;
    background-size: 26px 26px;
}


html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap .inner-cont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1440px;
}
html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap .search-wrap.active {

}


html.v2 .wrapper.main--renewal-2024 header .nav-wrap--mo {
    background-color: #0970BA;
}
html.v2 .wrapper.main--renewal-2024 header .nav-wrap--mo .logo-cont .btn-logo-danurim {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 30px;
    background: url('../image/Icon/main_renewal_2024/ico_logo_danurim.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .wrapper.main--renewal-2024 header .nav-wrap--mo .btn-gnb-open--mo {
    background: url('../image/Icon/main_renewal_2024/ico_gnb_list_white.svg') no-repeat center center;
    background-size: 28px 28px;
}
html.v2 .wrapper.main--renewal-2024 header .nav-wrap--mo .btn-search--mo {
    background: url('../image/Icon/main_renewal_2024/ico_search_white.svg') no-repeat center center;
    background-size: 26px 26px;
}

html.v2 .wrapper.main--renewal-2024 header .nav-wrap--mo .gnb-layer-head .info-wrap .btn-gnb-cancel--mo {
    background: url('../image/Icon/main_renewal_2024/ico_close_black.svg') no-repeat center center;
    background-size: 16px 16px;
}



html.v2 .wrapper.main--renewal-2024 header.fixed .nav-wrap--mo .logo-cont .btn-logo-danurim {
    background: url('../image/Icon/main_renewal_2024/ico_logo_danurim_active.svg') no-repeat center center;
    background-size: 100%;
}

html.v2 .wrapper.main--renewal-2024 header.fixed .nav-wrap--mo .btn-gnb-open--mo {
    background: url('../image/Icon/main_renewal_2024/ico_gnb_list_black.svg') no-repeat center center;
    background-size: 28px 28px;
}
html.v2 .wrapper.main--renewal-2024 header.fixed .nav-wrap--mo .btn-search--mo {
    background: url('../image/Icon/main_renewal_2024/ico_search_black.svg') no-repeat center center;
    background-size: 26px 26px;
}


html.v2.en .wrapper.main--renewal-2024 header .nav-wrap--mo .logo-cont .btn-logo-danurim {
    background: url('../image/Icon/main_renewal_2024/ico_logo_danurim_en.svg') no-repeat center center;
    background-size: 100%;
}
html.v2.en .wrapper.main--renewal-2024 header.fixed .nav-wrap--mo .logo-cont .btn-logo-danurim {
    background: url('../image/Icon/main_renewal_2024/ico_logo_danurim_en_active.svg') no-repeat center center;
    background-size: 100%;
}




/* Footer */
/*=================================*/
html.v2 .main--renewal-2024 footer {}
html.v2 .main--renewal-2024 footer {
    position: relative;
    padding:40px 20px;
    /* background-color: #2E322E; */
    background-color: #2e3032;

}

html.v2 .main--renewal-2024 footer .footer-inner {
    /* overflow: hidden; */
    position: relative;
    display: flex;
    flex-direction: column;
    gap:40px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
}

html.v2 .main--renewal-2024 footer [class^='footer-group-'] {
    background-color: transparent;
    border: none;
    height: auto;
    min-height: unset;
    line-height: inherit;
}
html.v2 .main--renewal-2024 footer footer [class^="footer-group-"] span {
    position: relative;
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: -0.14px;
}

html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo a {

}

html.v2 .main--renewal-2024 footer .footer-group-01 .ico-sto {
    display: inline-block;
    vertical-align: top;
    width: 222px;
    height: 40px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_logo_sto.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-01 .ico-sto.en {
    width: 180px;
    height: 40px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_logo_sto_en.svg) center no-repeat;
    background-size: 100%;
}

html.v2 .main--renewal-2024 footer .footer-group-01 .ico-danurim {
    display: inline-block;
    vertical-align: top;
    width: 166px;
    height: 40px;
    background: url(../image/Icon/main_renewal_2024/ico_logo_danurim.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-01 .ico-danurim.en {
    width: 166px;
    height: 40px;
    background: url(../image/Icon/main_renewal_2024/ico_logo_danurim_en.svg) center no-repeat;
    background-size: 100%;
}

html.v2 .main--renewal-2024 footer .footer-group-01 .ico-vs {
    display: inline-block;
    vertical-align: top;
    width: 246px;
    height: 30px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_logo_vs.svg) center no-repeat;
    background-size: 100%;
}



html.v2 .main--renewal-2024 footer .footer-group-01 .ico-seoulMySoul {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    height: 32px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_logo_seoulMySoul.svg) center no-repeat;
    background-size: 100%;
}

html.v2 .main--renewal-2024 footer .footer-group-01 .row.privacy {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
html.v2 .main--renewal-2024 footer .footer-group-01 span {
    /* overflow: hidden; */
    position: relative;
    color: #F1F1F1;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

html.v2 .main--renewal-2024 footer .footer-group-01 span + span {
    margin-left: 30px;
    padding-left: 30px;
}


html.v2 .main--renewal-2024 footer .footer-group-01 span + span::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 0;
    height: 12px;
    border-left: 1px solid #838383;
    transform: translateY(-50%);
    z-index: 10;
}



html.v2 .main--renewal-2024 footer .footer-group-02 {}
html.v2 .main--renewal-2024 footer .footer-group-02 .row {
    display: flex;
    justify-content: center;
    color: #F1F1F1;
    font-size: 16px;
    font-weight: 400;
}
html.v2 .main--renewal-2024 footer .footer-group-02 .row + .row {
    margin-top: 20px;
}


html.v2 .main--renewal-2024 footer .footer-group-02 dl {
    position: relative;
    display: flex;
    align-items: center;
    gap:30px;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl + dl {
    margin-left: 30px;
    padding-left: 30px;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl + dl::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 0;
    height: 12px;
    border-left: 1px solid #838383;
    transform: translateY(-50%);
    z-index: 10;
}


html.v2 .main--renewal-2024 footer .footer-group-02 dl > dt {
    color: #F1F1F1;
    font-size: 18px;
    font-weight: 600;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd {
    color: #F1F1F1;
    font-size: 16px;
    font-weight: 400;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl:not(.sns) > dd span { /* 250904 수정 */
    position: relative;
}


html.v2 .main--renewal-2024 footer .footer-group-02 dl:not(.sns) > dd span + span { /* 250904 수정 */
    margin-left: 10px;
    padding-left: 12px;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl:not(.sns) > dd span + span:before { /* 250904 수정 */
    content: '';
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #838383;
    transform: translateY(-50%);
    z-index: 10;
}


html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span .btn-link {
    text-decoration: underline;
    text-underline-offset: 2px;
}

html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span .btn-info {
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;

}
html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span .btn-info em {
    color: #F1F1F1;
    font-size: 16px;
    font-weight: 400;
}

html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span .btn-info .ico-more {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 3px;
    width: 18px;
    height: 18px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_more.svg) center no-repeat;
    background-size: 100%;
}


html.v2 .main--renewal-2024 footer .footer-group-02 dl.sns [class^='btn-'] {
    display: inline-block;
    vertical-align: top;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl.sns dd {
    display: flex;
    align-items: center;
    gap: 34px;
}

html.v2 .main--renewal-2024 footer .footer-group-02 dl.sns > dd .btn-fb {
    width: 11px;
    height: 20px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_fb.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl.sns > dd .btn-instar {
    width: 20px;
    height: 20px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_instar.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl.sns > dd .btn-blog {
    width: 55px;
    height: 25px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_blog.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-02 dl.sns > dd .btn-yt {
    width: 32px;
    height: 25px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_yt.svg) center no-repeat;
    background-size: 100%;
}

html.v2 .main--renewal-2024 footer .footer-group-02 .row.copyright {
    gap:5px;
}


html.v2 .main--renewal-2024 footer .footer-group-03 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:42px;
}
html.v2 .main--renewal-2024 footer .footer-group-03 .ico-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:32px;
}

html.v2 .main--renewal-2024 footer .footer-group-03 dl {
    display: flex;
    align-items: center;
    gap:16px;
}
html.v2 .main--renewal-2024 footer .footer-group-03 dl > dt {}
html.v2 .main--renewal-2024 footer .footer-group-03 dl > dt i {
    display: inline-block;
    vertical-align: top;
}


html.v2 .main--renewal-2024 footer .footer-group-03 dl > dt .ico-webacc {
    width: 90px;
    height: 63px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_webacc_2025.png) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-03 dl > dt .ico-ismsP {
    width: 90px;
    height: 63px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_ismsP.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-03 dl > dt .ico-iEco {
    width: 47px;
    height: 63px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_iEco_2024.svg) center no-repeat;
    background-size: 100%;
}
html.v2 .main--renewal-2024 footer .footer-group-03 dl > dt .ico-iWa {
    width: 47px;
    height: 63px;
    background: url(../image/Icon/main_renewal_2024/ico_footer_iWa_2024.svg) center no-repeat;
    background-size: 100%;
}

html.v2 .main--renewal-2024 footer .footer-group-03 dl > dd {
    color: #DDD;
    font-size: 14px;
    font-weight: 500;
}

html.v2 .main--renewal-2024 footer .footer-group-03 .family-site {}
html.v2 .main--renewal-2024 footer .footer-group-03 .family-site #od_site {
    margin: 0;
    padding: 8px 12px 8px 14px;
    width: 249px;
    height: 42px;
    border-radius: 2px;
    border: 1px solid #565F71;
    appearance:none;
    background:#fff url('../image/Icon/main_renewal_2024/ico_footer_select_arrow.svg') no-repeat right 12px center;
    background-size: 20px 20px;
}

.main--renewal-2024 footer [class^='footer-group-'] .tooltip-ismsP {
    display: none;
    position: absolute;
    top: 195px;
    min-width: 370px;
    z-index: 10;
    background-color: #fff;
    border-radius: 8px;
    padding: 10px;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.main--renewal-2024 footer [class^='footer-group-'] .ico-ismsP:hover+.tooltip-ismsP,
.main--renewal-2024 footer [class^='footer-group-'] .ico-ismsP:focus+.tooltip-ismsP {
    display: block;
}


html.v2 .main--renewal-2024 footer .mask-layer--search {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0;
    background-color: #1f2328;
    /* background-color: #000; */
    opacity: 0.8;
    z-index: 99;
}

/* 영문화면 */
/*=================================*/
html.v2.en .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb .logo-cont .btn-logo-danurim {
    background: url(../image/Icon/main_renewal_2024/ico_logo_danurim_en.svg) no-repeat center center;
    background-size: 100%;
}
html.v2.en .wrapper.main--renewal-2024 header.type2.fixed .header-pc .nav-wrap .gnb .logo-cont .btn-logo-danurim {
    background: url(../image/Icon/main_renewal_2024/ico_logo_danurim_en_active.svg) no-repeat center center;
    background-size: 100%;
}


/* 공통 main--renewal-2024 - 반응형*/
/*=================================*/

@media (max-width: 1480px) {
    html.v2 .pc_nav_right > a::before {
        background-color: rgba(9, 112, 186, 0.9);
    }
    html.v2 .pc_nav_right > a:last-child::before {
        background-color: rgba(101, 101, 101, 0.9);
    }

}

@media (max-width: 1200px) {
    #HappytalkIframe {
        right: 20px !important;
        bottom: 20px !important;
    }

    html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .util-wrap .inner-cont {
        padding: 0 20px;
    }

    html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap .inner-cont {
        padding: 15px 0;
    }
    html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap {
        padding: 0 16px 0 20px;
    }

    /* footer */
    html.v2 .main--renewal-2024 footer .footer-inner {
        gap: 30px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 span {
        font-size: 14px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 span + span {
        margin: 0;
        padding: 0;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 span + span::before {
        display: none;
    }

    html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo {
        display: block;
        text-align: center;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo span + span {
        margin-left: 16px;
        padding-left: 16px;
    }

    html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo span + span::before {
        content: '';
        display: inline-block;
        vertical-align: top;
        position: absolute;
        top: 50%;
        left: 0;
        height: 12px;
        border-left: 1px solid #838383;
        transform: translateY(-50%);
        z-index: 10;
    }

    html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo span:last-child {
        display: block;
        margin-top: 16px;
        padding-left:0;
        margin-left: 0;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .row.logo span:last-child::before {
        display: none;
    }

    html.v2 .main--renewal-2024 footer .footer-group-01 .ico-sto {
        width: 135px;
        height: 24px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .ico-sto.en {
        width: 107px;
        height: 24px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .ico-danurim {
        width: 99px;
        height: 24px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .ico-danurim.en {
        width: 93.743px;
        height: 24px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .ico-seoulMySoul {
        width: 134px;
        height: 22px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-01 .ico-vs {
        width: 180px;
        height: 22px;
    }


    html.v2 .main--renewal-2024 footer .footer-group-01 .row.privacy {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin-top: 30px;
    }

    html.v2 .main--renewal-2024 footer .footer-group-02 .row {
        flex-direction: column;
        gap: 30px;
        font-size: 14px;
    }


    html.v2 .main--renewal-2024 footer .footer-group-02 .row + .row {
        margin-top: 30px;
    }

    html.v2 .main--renewal-2024 footer .footer-group-02 dl {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    html.v2 .main--renewal-2024 footer .footer-group-02 dl + dl {
        margin: 0;
        padding: 0;
    }
    html.v2 .main--renewal-2024 footer .footer-group-02 dl + dl::before {
        display: none;
    }

    html.v2 .main--renewal-2024 footer .footer-group-02 dl > dt {
        font-size: 14px;
    }

    html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span {
        display: block;
        text-align: center;
    }
    html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span + span {
        margin: 6px 0 0 0;
        padding: 0;
    }
    html.v2 .main--renewal-2024 footer .footer-group-02 dl > dd span + span:before {
        display: none;
    }

    html.v2 .main--renewal-2024 footer .footer-group-02 .row.copyright {
        text-align: center;
        gap: 8px;
    }

    html.v2 .main--renewal-2024 footer .footer-group-03 {
        flex-direction: column-reverse;
        margin: 0 auto;
        width: 100%;
        max-width: 320px;
    }

    html.v2 .main--renewal-2024 footer .footer-group-03 dl > dd {
        display: none;
    }
    html.v2 .main--renewal-2024 footer .footer-group-03 .family-site {
        width: 100%;

    }
    html.v2 .main--renewal-2024 footer .footer-group-03 .ico-group {
        width: 100%;
        gap: 0;
        justify-content: space-between;

    }
    html.v2 .main--renewal-2024 footer .footer-group-03 .family-site #od_site {
        width: 100%;
    }

    .main--renewal-2024 footer [class^='footer-group-'] .tooltip-ismsP {
        left: 50%;
        top: 550px;
        min-width: 200px;
        font-size: 11px;
        text-align: left;
        transform: translateX(-50%);
    }


    @media (max-width: 768px) {
        #HappytalkIframe {
            /*display: none !important;*/
        }

        html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap {
            top: 66px;
        }
        html.v2 .wrapper.main--renewal-2024 header.type2.fixed .search-form .search-wrap {
            top: 66px;
        }

    }


}

@media (max-width: 1000px) {
    html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb {
        display: flex;
        justify-content: end;
    }
    html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb > .btn-search {
        /* width: 40px; */
    }
    html.v2 .wrapper.main--renewal-2024 header.type2 .header-pc .nav-wrap .gnb-menu>li>a {
        padding: 18px 10px;
    }
}

/* 2025-06-25 검색 영역 */
html.v2 header .search-wrap {
    height: 687px;
}

html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap .inner-cont {
    flex-direction: column;
    justify-content: flex-start;
    padding: 114px 0 0 0;
    max-width: 660px;
}

html.v2 header .search-wrap .btn-search-cancel {
    position: absolute;
    top: 30px;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(../image/Icon/main_renewal_2024/ico_close_white2.svg) no-repeat center center;
    background-size: 28px 28px;
    border: 1px solid #fff;
    border-radius: 14px;
    cursor: pointer;
}

html.v2 header .search-wrap .btn-search-cancel:hover,
html.v2 header .search-wrap .btn-search-cancel:focus {
    background-color: rgba(255, 255, 255, 0.2);
}

html.v2 header .search-wrap .search-field{
    width: 100%;;
}

html.v2 header .search-wrap .search-field .input-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"] {
    margin: 0;
    padding: 21.5px 52px 21.5px 0;
    width: 100%;
    height: 69px;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 1;
    caret-color: #0970BA;
}

/* 돋보기 버튼 */
html.v2 header .search-wrap .search-field .input-search-wrap .btn-search {
    position: absolute;
    right: 0;
    width: 42px;
    height: 42px;
    background: url('../image/Icon/main_renewal_2024/ico_search_white2.svg') no-repeat center center;
    background-size: 42px 42px;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 2;
}

html.v2 header .search-wrap .search-field input[type="text"]:hover,
html.v2 header .search-wrap .search-field input[type="text"]:focus,
html.v2 header .search-wrap .search-field input[type="text"]:focus-visible,
html.v2 header .search-wrap .search-field input[type="text"]:active {
    border-bottom: 1px solid #0970BA;
    outline: none;
}

html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"]:hover+.btn-search,
html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"]:focus+.btn-search,
html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"]:active+.btn-search {
    background: url('../image/Icon/main_renewal_2024/ico_search_blue.svg') no-repeat center center;
    background-size: 42px 42px;
}

/* 추천 검색어 박스 */
html.v2 header .search-wrap .suggestions {
    width: 100%;
}

html.v2 header .search-wrap .suggestions .suggestions-inner {
    margin: 24px auto 0;
    padding: 20px 32px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #FFF;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 8px;
    display: grid;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
}

html.v2 header .search-wrap .suggestions .suggestion-tit {
    font-size: 24px;
    display: flex;
    align-items: center;
    margin: 24px 0 0 0;
    color: #fff;
}

html.v2 header .search-wrap .suggestions .suggestion-tit .title-icon {
    width: 38px;
    height: 38px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    object-fit: contain;
}

html.v2 header .search-wrap .suggestions .suggestions-inner li{
    display: flex;
    width: 100%;
    max-width: 294px;
    overflow: hidden;
}

html.v2 header .search-wrap .suggestions .suggestion-item {
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
    padding: 10px 12px 10px 8px;
}

html.v2 header .search-wrap .suggestions li .suggestion-item .txt{
    display: block;
    max-width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.v2 header .search-wrap .suggestions .suggestion-item .number {
    display: inline-block;
    background: #fff;
    color: black;
    border-radius: 10px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-right: 14px;
    font-size: 18px;
    flex: none;
}

html.v2 header .search-wrap .suggestions .suggestions-inner .suggestion-item:hover .txt,
html.v2 header .search-wrap .suggestions .suggestions-inner .suggestion-item:focus .txt,
html.v2 header .search-wrap .suggestions .suggestions-inner .suggestion-item:active .txt {
    color: #3899DD;
    border-color: #3899DD;
    text-decoration: underline;
}

html.v2 header .search-wrap .suggestions .suggestions-inner .suggestion-item:hover .number,
html.v2 header .search-wrap .suggestions .suggestions-inner .suggestion-item:focus .number,
html.v2 header .search-wrap .suggestions .suggestions-inner .suggestion-item:active .number {
    background: #0970BA;
    color: #fff;
    text-decoration: none;
}


/* 반응형 MO 2025-06-25 */
@media (max-width: 1200px) {
    html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap {
        padding: 0 20px;
    }
}


@media (max-width: 768px) {
    html.v2 .wrapper.main--renewal-2024 header.type2 .search-form .search-wrap .inner-cont {
        padding-top: 72px;
        width: 100%;
    }

    html.v2 header .search-wrap{
        height: 496px;
    }

    html.v2 header .search-wrap .btn-search-cancel {
        position: absolute;
        top: 20px;
        right: 0;
        width: 28px;
        height: 28px;
        background: url(../image/Icon/main_renewal_2024/ico_close_white2.svg) no-repeat center center;
        background-size: 100% 100%;
        border: none;
        border-radius: 0;
    }

    html.v2 header .search-wrap .btn-search-cancel:hover,
    html.v2 header .search-wrap .btn-search-cancel:focus {
        background-color: transparent;
    }

    html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"] {
        padding: 8.5px 42px 12.5px 0;
        height: 40px;
        font-size: 16px;

    }

    html.v2 header .search-wrap .search-field .input-search-wrap .btn-search {
        bottom: 6px;
        width: 32px;
        height: 32px;
        background: url('../image/Icon/main_renewal_2024/ico_search_white2.svg') no-repeat center center;
        background-size: 100% 100%;
    }

    html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"]:hover+.btn-search,
    html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"]:focus+.btn-search,
    html.v2 header .search-wrap .search-field .input-search-wrap input[type="text"]:active+.btn-search {
        background: url('../image/Icon/main_renewal_2024/ico_search_blue.svg') no-repeat center center;
        background-size: 32px 32px;
    }


    /* 추천 검색어 박스 */
    html.v2 header .search-wrap .suggestions .suggestion-tit {
        font-size: 16px;
    }

    html.v2 header .search-wrap .suggestions .suggestion-tit .title-icon {
        width: 22px;
        height: 22px;
        margin-right: 8px;
    }

    html.v2 header .search-wrap .suggestions .suggestions-inner {
        margin: 24px auto 0;
        padding: 0;
        border-radius: 0;
        border: none;
        gap: 8px;
    }

    html.v2 header .search-wrap .suggestions .suggestion-item {
        height: 46px;
        font-size: 14px;
    }

    html.v2 header .search-wrap .suggestions .suggestion-item .number {
        border-radius: 4px;
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 16px;
    }
}


/* ---------------------------------------------
	영문화면
------------------------------------------------ */
html.v2.en header .nav-wrap .inner-cont{
    gap: 0;
}

/* 20250801 추가 고정게시글 */
.qna-board-container .board-list.-fix{background-color: #FAFAFA;}

@media (max-width: 768px) {
    .qna-board-container .board-list{
        gap: 14px;
    }
}
/* // 20250801 추가 고정게시글 */