@charset "UTF-8";
/* 공통 css */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: normal;
	font-display: swap;
	src: url('/assets/font/woff2-subset/Pretendard-Regular.subset.woff2') format('woff2');
}

@font-face {
	font-family: 'NanumPen';
	font-weight: normal;
	font-display: swap;
	src: url('/assets/font/NanumPen/NanumPen.woff') format('woff');
}

@font-face {
    font-family: 'Bohyun';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105@1.1/Bohyun.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*서약서 손글씨 폰트적용 (NanumPen)  By.Ahn 23.05.18*/
*{margin: 0; padding: 0; box-sizing: border-box; font-family: /*'GmarketSansMedium',*/ 'Pretendard', 'NanumPen', sans-serif; font-size: 17px; word-break: keep-all;}
a{color:#121212; text-decoration: none;}
ul,li{list-style: none;}
input,button{outline: none;background: none; border: none;}
button{cursor: pointer;transition-duration: 0.5s;}
table{border-spacing: 0;}
.point1_tc{color:#4a5da7 !important; /*RGB(74,93,167)*/}
.point2_tc{color:#f6770c !important; /*RGB(246,119,12)*/}
.point3_tc{color:#8ec31f !important; /*RGB(142,195,31)*/}
.point1_bc{background-color: #b51414 !important;}
.point2_bc{background-color: #393460 !important;}
.point3_bc{background-color: #746f9c !important;}
.point4_bc{background-color: #f6ab00 !important;}
.point5_bc{background-color: #8ec31f !important;}
.point6_bc{background-color: #646875 !important;}
.bg_gray{background-color: #f8f7fb !important;}
.content{width:100%;}
.content_wrap{max-width:1200px;width:100%; margin: 0 auto; padding: 80px 0 130px 0; position: relative;}
.content_wrap.view{padding:200px 0 150px 0 !important;}
.content_full{width:100%; margin: 0 auto; padding: 100px 0;}
.index_wrap{width:1600px; margin: 0 auto; position: relative;}
.bcc_btn{font-size:19px; display: inline-block; color:#fff; border: 1px solid #888; padding: 20px 30px 20px 40px; border-radius: 500px; font-weight: 500; line-height: 1; transition: all 0.2s;}
.bcc_btn:hover{border: 1px solid #fff;}
.bcc_btn::after{content: '>'; color:#b51414; margin-left: 20px;}
.cursor{cursor:pointer;}
.por{position:relative;}
.poa{position:absolute;}
.inner {max-width: 1400px; width: 100%; margin: 0 auto;}
.inner:after {content: ""; display: block; clear: both;}
.row {display: block;}
.row > * {float: left;}
.clear{clear:both;}

.notice_table_num{width:10%;}
.notice_table_con{width:10%;}
.notice_table_tit{width:60%;}
.notice_table_date{width:10%;}
.notice_table_view{width:10%;}

input::-webkit-input-placeholder { font-size: 80%; }
input::-moz-placeholder { font-size: 80%; }
input:-ms-input-placeholder { font-size: 80%; }
input:-moz-placeholder { font-size: 80%; }
input::placeholder { font-size: 80%; }


/*common*/
.layer_dimmed{width:100%; position: fixed; top:0; left:0; z-index:10; height:100%; display: block; background: rgba(0,0,0,0.9);}
/* SPINNER ANIMATION */
.page-loader{
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(255,255,255,0.6);
    z-index: 10;
    top:0;
    left:0;
}
.page-loader #lottie_loading{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}
.page-loader #lottie_loading svg{
    width: 300px !important;
    height: 300px !important;
}
/* svg path,
svg rect{
    fill: #b51414;
} */

.loader{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

/*띠배너*/
body.banner_true{margin-top:40px;}
body.banner_true header{top:40px;}
#top_line_banner{background-color: #000; height: 40px; position: fixed; top:0; left: 0; width: 100%; z-index: 10; text-align: center;}
#top_line_banner .banner_inner{color:#fff; line-height: 40px; display: block; padding: 0 40px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#top_line_banner .btn_close{position: absolute; z-index: 2; top:0; right: 0; height: 40px; width: 40px; background: url("../img/content/ico_close.svg") no-repeat center/20px auto;}


.view_mobile{display:none !important;}
.view_pc{display:block !important;}
@media (max-width: 1200px){
    .view_mobile{display:block !important;}
    .view_pc{display:none !important;}
}

/*버튼*/
.button_area{display: block; width:100%;}
.button_typ1{display: inline-block; width: 150px; padding:14px 0 !important; height: auto; border: 0; color: #fff; background-color: #3a4050; font-size: 17px; margin:30px auto; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;}
.button_typ2{display: inline-block; width: 120px; padding:14px 0 !important; height: auto; border: 0; color: #fff; background-color: #8ec31f; font-size: 15px; margin:0px 15px auto; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 50px;}
.button_typ2_m{display: inline-block; width: 100%; padding:14px 0 !important; height: auto; border: 0; color: #fff; background-color: #8ec31f; font-size: 15px; margin:10px 15px auto; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 50px;}
.button_typ3{display: inline-block; width: 150px; padding:14px 0 !important; height: auto; border: 0; color: #fff; background-color: #e6741c; font-size: 15px; margin:20px auto 0; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 50px;}
.button_typ4{display: inline-block; width: 250px; padding:14px 0 !important; height: auto; border: 0; color: #fff; background-color: #3f3460; font-size: 15px; margin:20px auto 0; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 50px;}
.button_typ5{display: inline-block; width: 150px; padding:14px 0 !important; height: auto; border: 2px #b51414 solid; color: #b51414; background-color: #fff; font-size: 15px; margin:20px auto 0; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 50px;}
.button_typ6{display: inline-block; width: 100%; padding:14px 0 !important; height: auto; border: 0; color: #fff; background-color: #b51414; font-size: 15px; margin:20px auto 0; cursor: pointer; vertical-align: top; text-align: center; font-weight: 400; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 8px;}

.center{text-align: center;}

.main_insta_title ul li.left{float:left;}
.main_insta_title ul li.right{float:right;}
.main_area_sc{background:#fbfbfb; padding:10px 0 50px;}

/* header css */
header{position:fixed; top:0; z-index:10; padding:0 0px; width:100%; height:90px; transition:all 0.2s ease-out;}
header.hide{top:-120px;}
header .logo{position:absolute; top:18px; left:70px; width:180px; height: 57px; /*background: url('/img/logo_bcc_white2.png') center center no-repeat;*/ background-size: 100%;}
header.hover .logo{/*background: url('/img/logo_bcc.svg') center center no-repeat;*/}
header nav{margin:0 auto; width:100%; text-align:center}
header nav .oneDep{position:relative; display:inline-block;}
header nav .oneDep:first-child > .menu_bar{display: none;}
.menu_bar{
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    top:43px;
    left:0px;
    border-radius: 100%;
    background-color: #ccc;
}

header nav .oneDep > a{display:block; padding: 33px 25px 32px; min-width: 140px; color:#fff; font-size:19px; font-weight:400;}
header nav .oneDep > a.on{border-bottom:2px solid #b51414; position: absolute; bottom:0;}
header nav .oneDep:hover > a{border-bottom:2px solid #b51414;}
header nav .twoDep{display:none; opacity:0; position:absolute; top:70px; width:100%; left:50%; transform: translateX(-50%);}
header nav .twoDep a{display:block; padding:5px 0; font-size:16px; color:#999; font-weight:400; text-align: center;}
header nav .twoDep a.on{color:#121212;}
header nav .twoDep a:hover{color:#121212;}
header nav:after{display:block; content:""; clear:both;}
header.bgType{border-bottom:1px solid #ddd; background:#fff;}
header.bgType nav .oneDep > a{color:#333;}
header.bgType .rUtils .language .sw span{color:#333; /*background:url("/common/images/headerLang_arrowDown_black.png") no-repeat right center;*/}
header.bgType .rUtils .allMenuBtn span{background:#000;}
header.hover{border-bottom:1px solid #ddd; background:#fff;}
header.hover nav .oneDep > a{color:#333;}
header.hover .rUtils .allMenuBtn span{background:#000;}
.headerBg{position:fixed; top:0; z-index:9; width:100%; height:0; box-shadow:11px 0px 24px 6px rgba(0,0,0,0.1); background:#fff;}
header.header_bg_white{background:#fff;}
header.header_bg_white .logo{background: url('../img/logo.png') center no-repeat; background-size:120px;}
header.header_bg_white nav .oneDep > a{color:#333;}
header.header_bg_white .rUtils .allMenuBtn span{background: #131313;}
/* header .member{position:absolute; top:33px; right:140px;} */
header .member{position:absolute; top:33px; right:70px;}
header .member a{font-size:15px; letter-spacing: -0.03em;}
header .member a:hover{color:#000;}
header .member .log_on .menu_next{color:#dbdde2; padding:0 3px;}
/* header .rUtils{position:absolute; top:36px; right:70px;} */
header .rUtils{display: none;}
header .rUtils .allMenuBtn{display:inline-block; position:relative; width:26px; height:20px;}
header .rUtils .allMenuBtn span{display:inline-block; position:absolute; background:#fff;}
header .rUtils .allMenuBtn span:nth-child(1){top:0; right:0; width:26px; height:2px; }
header .rUtils .allMenuBtn span:nth-child(2){top:9px; right:0; width:18px; height:2px;}
header .rUtils .allMenuBtn span:nth-child(3){top:18px; right:0; width:26px; height:2px;}
header .rUtils:after{display:block; content:""; clear:both;}
/*header 검색부분 추가 : 2022.06*/
.h_search_area{position: absolute; top:27px; right:150px;}
.search_wrap{display: block;}
.search_wrap_mobile{display: none;}
.search_wrap .input_wrap{right:6.5%; top:0px; position: absolute;  padding:6px 50px 6px 16px; border-radius: 60px; background:#fbfbfb; border:1px #999 solid;}
.search_wrap .input_search{border:none; background: transparent; font-size: 15px;}
.search_wrap .button_wrap{position:relative;}
.search_wrap .button_wrap .search_button{width:35px; height:35px; display:block; background:url('../img/search_icon_btn.png') center no-repeat; position: absolute; top: 0; right: 9px; border: 0; cursor: pointer;}

/* allMenu css */
#allMenu {display:none; position:fixed; top:0; left:100%; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; background:#f4f4f4; backface-visibility:hidden; z-index:11;}
#allMenu svg {border: 0px solid red; color:#121212 !important; display: block;}
#allMenu .close-x {stroke: #121212; fill: transparent; stroke-linecap: round; stroke-width:5;}
#allMenu .allMenuLogo {position:absolute; top:28px; left:70px;}
#allMenu .allMenuLogo{width:120px;}
#allMenu .allMenuLogo img{width:100%;}
#allMenu .lang #allMenu .lang {display:block; position:absolute; top:5.9%; right:6%;}
#allMenu .allMenuXbtn {position:absolute; top:50px; right:50px; width:30px; height:30px;}
#allMenu .allinner {    position: relative; left: 48%; width: 1251px; height: auto; padding: 170px 0 85px 0; transform: translate(-50%,0); }
#allMenu .navigation {overflow:hidden;}
#allMenu .navigation .oneD {padding-right:50px; float:left; }
#allMenu .navigation .oneD > a {position:relative; font-size:19px; color:#b51414; font-weight:700}
#allMenu .navigation .oneD .twoD {margin-top:50px;}
#allMenu .navigation .oneD .twoD>li{margin-bottom: 13px;}
#allMenu .navigation .oneD .twoD>li:last-child{margin-bottom:0;}
#allMenu .navigation .oneD .twoD > .twoDwrap a {display:block; font-size:15px; line-height:1.2; color:#121212; font-weight:400}
#allMenu .navigation .oneD .twoD .thrD {margin:15px 0; padding-left:16px; border-left:1px solid #3375b0 }
#allMenu .navigation .oneD .twoD .thrD li a {display:block; margin-top:20px; font-size:18px; line-height:1; color:#121212; opacity:0.6; font-weight:300}
#allMenu .navigation .oneD .twoD .thrD li:first-child a{margin-top:0;}
#allMenu .allMenuSns {margin-top:75px;}
#allMenu .allMenuSns:after {display:block; content:""; clear:both}
#allMenu .allMenuSns .group {padding-right:30px; float:left;}
#allMenu .allMenuSns .group:last-child {padding-right:0;}
#allMenu .allMenuSns .group .name {display:block; float:left; line-height:30px; color:#fff}
#allMenu .allMenuSns .group .icon {display:inline-block; width:30px; height:30px; margin-left:10px;  float:left;}
#allMenu .allMenuSns .group .icon.facebook {/*background:url("/common/images/allmenu_facebook.png") no-repeat center center;*/}
#allMenu .allMenuSns .group .icon.instagram {/*background:url("/common/images/allmenu_instagram.png") no-repeat center center;*/}
#allMenu .allMenuSns .group .icon.youtube {/*background:url("/common/images/allmenu_youtube.png") no-repeat center center;*/}
#allMenu .allMenuSns .group .rightArrowLink {padding-right:12px; line-height:30px; color:#fff; /*background:url("/common/images/rightArrowLink_icon_white.png") no-repeat right 1px center;*/}
#allMenu .allMenuSns .group .name.pdL {vertical-align:middle;}
#allMenu .allMenuSns .group .phoneNumber {display:inline-block; width:30px; height:30px; margin-left:0px;  float:left;}
#allMenu .allMenuSns .group .icon.phoneNumber {float:none; padding-left:40px; width:auto; vertical-align:middle; /*background:url("/common/images/phone_number.png") no-repeat left center;*/}
#allMenu .subSidiary {position:absolute; margin:40px 0 0 0; padding:0 0 20px 0; right:0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; width:100%;}
#allMenu .subSidiary > a {background:#fff; color:#121212 !important; border:1px #dbdde2 solid; display:inline-block; padding:8px 20px; margin:10px; font-size:15px; font-weight:400; opacity:1; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
#allMenu .subSidiary > a:hover {font-weight:700; opacity:1}
#allMenu .subSidiary > a:last-child:hover {font-weight:300; opacity:0.6}
#allMenu .subSidiary > a>img{width:17px; margin: 5px;}
#allMenu .subSidiary svg{display: inline-block !important; padding:0 3px 0 0; vertical-align: middle;}
#allMenu .subSidiary>div{padding-top: 10px; text-align: right; width:100%;}

#allMenu .login_area{display: flex; align-items: center; margin-bottom:16px;}
#allMenu .login_area p{flex-grow: 1;}
#allMenu .login_area .btn{background-color: #b51414; border:none; border-radius: 4px; color:#fff; text-align: center; padding: 6px 10px; width: fit-content;}
#allMenu .login_area .btn + .btn{margin-left:6px;}
#allMenu .login_area .btn.w{background-color: #fff; color:#000;}

/* media 1900px */
@media (max-width: 1900px){
    header nav .oneDep > a{padding:33px 25px 30px;}
}

/* media 1600px */
@media (max-width: 1600px){
    header{height: 75px;}
    header .rUtils{display: block; position: absolute; right: 5%; top:28px;}
    header nav{display: none;}
    header .logo{left:5%; width:120px; height: 36px;}
    header .rUtils .allMenuBtn{width:24px; height: 16px;}
    header .rUtils .allMenuBtn span:nth-child(1){width:24px;}
    header .rUtils .allMenuBtn span:nth-child(2){top:7px; width:16px;}
    header .rUtils .allMenuBtn span:nth-child(3){top:14px; width:24px;}

    #allMenu {padding:90px 0 0;}
    #allMenu .subSidiary{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin-top: 10px;}
    #allMenu .subSidiary > a{background: #fff; font-size: 0; border: 0; padding: 0; margin: 0; border-radius: 50%; width:40px; height: 40px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin-right: 10px;}
    #allMenu .subSidiary > a:last-child{margin-right: 0;}
    #allMenu .subSidiary svg{padding: 0;}
    #allMenu .subSidiary>div{padding-top: 20px; text-align: center;}
    #allMenu .allMenuLogo {display:block; top:15px; left:5%;}
    #allMenu .allMenuLogo>img{width:120px;}
    #allMenu .allMenuSns {display:none;}
    #allMenu .lang {display:block; position:absolute; top:21px; left:15px; overflow:hidden; font-family: "Montserrat", sans-serif;}
    #allMenu .lang > a {margin-right:25px; font-weight:400; color:#fff; opacity:0.5}
    #allMenu .lang > a.on {font-weight:700; opacity:1}
    #allMenu .allinner {width:calc(100% - 10%); height:auto; margin:0 auto; padding:0; left:0; transform:translate(0,0);}
    #allMenu .navigation .oneD {float:none; padding-right:0; margin-bottom: 20px;}
    #allMenu .navigation .oneD > a {display:block; font-size:17px; line-height:60px; border-bottom: 0; background: #fff; padding: 0 20px;}
    #allMenu .navigation .oneD > a:before{display:block; content:""; position:absolute; top:28px; right:15px; width:14px; height:2px; background:#b51414; transition:all 0.3s ease-out;}
    #allMenu .navigation .oneD > a:after{display:block; content:""; position:absolute; top:22px; right:21px; width:2px; height:14px; background:#b51414; transition:all 0.3s ease-out;}
    #allMenu .navigation .oneD:first-of-type > a:before{display: none;}
    #allMenu .navigation .oneD:first-of-type > a:after{display: none;}
    #allMenu .navigation .oneD > a.on:before{transform:rotate(180deg);}
    #allMenu .navigation .oneD > a.on:after{transform:rotate(270deg);}
    #allMenu .navigation .oneD .twoD {display:none; margin-top:0; padding:0 20px; background:#fff; border-bottom: 0;}
    #allMenu .navigation .oneD .twoD > .twoDwrap a {padding:15px 0; color:#333; border-bottom:1px solid #efefef; font-weight:700; font-size: 15px;}
    #allMenu .navigation .oneD .twoD > .twoDwrap a.hasThrD {position:relative; /*background:url("/common/images/hasThrD_icon.png") no-repeat right center;*/ background-size:15px 15px}
    #allMenu .navigation .oneD .twoD > .twoDwrap a.hasThrD:before {display:block; content:""; position:absolute; top:23px; right:4px; width:7px; height:1px; background:#333333; transition:all 0.3s ease-out;}
    #allMenu .navigation .oneD .twoD > .twoDwrap a.hasThrD:after {display:block; content:""; position:absolute; top:20px; right:7px; width:1px; height:7px; background:#333333; transition:all 0.3s ease-out;}
    #allMenu .navigation .oneD .twoD > .twoDwrap a.hasThrD.on:before {transform:rotate(180deg);}
    #allMenu .navigation .oneD .twoD > .twoDwrap a.hasThrD.on:after {transform:rotate(270deg);}
    #allMenu .navigation .oneD .twoD .thrD {display:none; padding:12px 15px; margin:0 0 15px 0;  border-left:none; background-color:#f4f4f4;}
    #allMenu .navigation .oneD .twoD .thrD li a {margin-top:0; font-size:13px; line-height:30px; color:#666666; font-weight:700; opacity:1;}
    #allMenu .allMenuXbtn {width: 24px; height: 24px; top:24px; right:5%; background-size:17px auto}
    #allMenu .navigation .oneD .twoD>li{margin-bottom: 0;}
    /*로그인,로그아웃*/
    .member{display: none;}
}

/* footer css */
footer{margin:0px 0 0 0;}
.footer_menu_area{width:100%; background: #fff; border-bottom:1px #dbdde2 solid; border-top:1px #dbdde2 solid;}
.footer_menu_area .footer_menu_wrap{width:1200px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footer_menu_area .footer_menu_wrap .footer_menu>ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.footer_menu_area .footer_menu_wrap .footer_menu>ul>li{display: flex; align-items: center;}
.footer_menu_area .footer_menu_wrap .footer_menu>ul>li>a{display: block; color:#555; font-weight: 500; letter-spacing: -0.03em;}
.footer_menu_area .footer_menu_wrap .footer_menu>ul>li::after{content: '|'; color:#aaa; font-size: 10px; font-weight: bold; margin: 0 20px;}
.footer_menu_area .footer_menu_wrap .footer_menu>ul>li:last-child::after{display: none;}
footer .footer_family{margin-left: auto; background: #f9f9f9; width: 240px;}
footer .footer_family .footer_family_wrap{position: relative;}
footer .footer_family .footer_family_wrap .footer_family_site_btn{cursor: pointer;}
footer .footer_family .footer_family_wrap .footer_family_site_btn>span{padding: 15px 0px 15px 30px; display: block; /*background: url('../img/up_btn.png') 90% center no-repeat;*/ color:#555; font-weight: 500;}
footer .footer_family .footer_family_wrap .footer_family_list{position: absolute; bottom:56px; left: 0;width:100%; display:none; z-index: 4;}
footer .footer_family .footer_family_wrap .footer_family_list>li{border-bottom: 1px solid #fff;}
footer .footer_family .footer_family_wrap .footer_family_list>li:last-child{border-bottom: 0;}
footer .footer_family .footer_family_wrap .footer_family_list>li>a{text-decoration: none; color:#5f5f5f; padding:15px 0px 15px 25px;; display: block; text-align: left; background-color: #bbc6ef; font-size: 13px;}
.footer_info_area{width:100%; background: #fff;}
.footer_info_area .footer_info_wrap{width:1200px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 0 100px;}
.footer_info_area .footer_info_wrap .footer_logo{width: 50%;}
.footer_info_area .footer_info_wrap .footer_logo .logo{display: inline-block; width:150px;}
.footer_info_area .footer_info_wrap .footer_logo .logo:nth-child(2){margin:0 0 0 20px;}
.footer_info_area .footer_info_wrap .footer_info{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.footer_info_area .footer_info_wrap .footer_sns{width: 50%;}
.footer_info_area .footer_info_wrap .footer_info>ul{display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0 10px; width: 80%;}
.footer_info_area .footer_info_wrap .footer_info>a{margin-left: auto; padding: 5px 20px 7px; background: #3c3f4a; border-radius: 3px; font-size: 13px; color:#fff;}
.footer_info_area .footer_info_wrap .footer_info>ul>li{font-size: 13px; font-weight: 400; color:#555; display: flex; align-items: center;}
.footer_info_area .footer_info_wrap .footer_info>ul>li::after{content: '|'; display: block; font-size: 10px; margin: 0 10px;}
.footer_info_area .footer_info_wrap .footer_info>ul>li:last-child::after{content:'';}
.footer_info_area .footer_info_wrap .footer_info>ul>li.last::after{content: '' !important; display: block; font-size: 10px; margin: 0 10px;}
.footer_info_area .footer_info_wrap .footer_info>p{font-size: 13px; font-weight: 400; color:#555;}
.footer_info_area .footer_info_wrap .footer_sns>ul{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end;}
.footer_info_area .footer_info_wrap .footer_sns>ul>li{margin-right: 10px;}
.footer_info_area .footer_info_wrap .footer_sns>ul>li:last-child{margin-right: 0px;}
.footer_info_area .footer_info_wrap .footer_sns>ul>li>a{display: block;}
.am_third h3{width: 1200px; margin: 0 auto;font-size: 35px; color: #EB0C0C; padding: 130px 0 60px;}

.footer_info_area .footer_info_wrap .footer_link_wrap { width: 100%; display: flex; justify-content: flex-end;}
.footer_info_area .footer_info_wrap .footer_link_wrap .footer_link { display:flex; gap:10px; }
.footer_info_area .footer_info_wrap .footer_link_wrap .footer_link a { display:flex; align-items: center; }
.footer_info_area .footer_info_wrap .footer_link_wrap .footer_link a img { height: 48px; width: 153px; display:block; }
.footer_info_area .footer_info_wrap .footer_link_wrap .footer_link a:last-child img { height: 40px; width: 97px; display:block; }

.history_wrap {}
.history_wrap .history { margin-bottom:40px; }
.history_wrap .history h4 { font-size:20px; font-weight:500;}
.history_wrap .history h2 { font-size:32px; margin-top:20px; }
.history_wrap .history_list { margin-bottom:20px; }
.history_wrap .history_list h3 { font-size:24px; margin-bottom:20px; }
.history_wrap .history_list ul { padding:0; }
.history_wrap .history_list ul li { font-size:18px; font-weight:500; margin-bottom: 10px; }

.about_wrap { }
.about_wrap .about { margin:40px 0; }
.about_wrap .about.eng { }
.about_wrap .about p { margin-bottom:10px; font-size:18px; font-weight:500; }
.about_wrap .about p.space { margin-bottom:20px; }
.about_wrap .about p strong { font-size:20px; font-weight:700; }

/* media 1200px */
@media (max-width: 1220px){
    *{font-size: 15px;}
    .am_third h3{width:90%; padding: 60px 0;}
    .index_wrap{width:90%;}
    footer{}
    .footer_menu_area .footer_menu_wrap{width:90%; padding-bottom: 10px;}
    .footer_info_area .footer_info_wrap{width:90%; padding: 40px 0 60px;}
    .footer_menu_area .footer_menu_wrap .footer_menu{width:100%;}
    footer .footer_family{width:50%;}
    .footer_menu_area .footer_menu_wrap .footer_menu>ul{padding: 10px 0;}
    .footer_menu_area .footer_menu_wrap .footer_menu>ul>li::after{margin: 0 4px;}
    .footer_menu_area .footer_menu_wrap .footer_menu>ul>li>a{font-size: 14px;}
    .footer_info_area .footer_info_wrap .footer_logo{width:100%; margin-bottom: 20px;}
    .footer_info_area .footer_info_wrap .footer_info{width:100%; margin-bottom: 20px;}
    .footer_info_area .footer_info_wrap .footer_sns{width:100%;}
    .footer_info_area .footer_info_wrap .footer_sns>ul{justify-content: flex-start;}
    footer .footer_family .footer_family_wrap .footer_family_site_btn>span{padding: 12px 0 12px 15px; /*background: url('../img/up_btn.png') 96% center no-repeat;*/}
    footer .footer_family .footer_family_wrap .footer_family_list{bottom:47px;}
    footer .footer_family .footer_family_wrap .footer_family_list>li>a{padding: 12px 0 12px 15px;}
    .footer_info_area .footer_info_wrap .footer_info>ul>li{font-size:12px;}
    .footer_info_area .footer_info_wrap .footer_info>p{font-size:12px;}
    footer .footer_family{width:100%;}
}


/*메인*/

.main .promise{background: url(../images/line6.png) no-repeat -120px bottom; background-size: 62%; padding: 130px 0;}
.main .promise_wrap{text-align: center;}
.main .promise .promise_title{-webkit-text-stroke: 1px #000 ; font-weight: bold; font-size: 5em; color: transparent;}
.main .promise .promise_title:after{content: ''; display: inline-block; background-color: #EB0C0C; width: 20px; height: 20px;border-radius: 10px; margin: 0 0 -10px 10px;}
.main .promise .promise_sub{font-size: 2.5em; font-weight: lighter;}
.main .promise .promise_sub strong{font-size: inherit;}
.main .promise .promise_wrap .sign_num .sign_name{color:#ED1414;font-size: 30px;padding: 50px 0 30px;}
.main .promise .promise_wrap .sign_num .sign_date{font-weight: lighter; padding-right:10px; color: #9A9A9A; display: inline-block;vertical-align: middle;}
.sign_num .num_box{display: inline-block;vertical-align: middle;}
.sign_num .num_box p{font-size:85px;}
.sign_num .num_box p span{font-size: inherit; font-weight:bold;}
.main .promise .promise_sub span{font-weight: bold;}
.main .promise ul{padding-top:50px;}
.main .promise ul li{display: inline-block; margin: 0 20px; border-bottom: 8px solid;}
.main .promise ul li a{font-size: 35px;}
.main .promise ul li:first-child a,.main .promise ul li:first-child{color: #EB0C0C;}
.main .activities{padding: 5% 0; position: relative;}
.main .main_title{padding-bottom: 3%; display: flex;}
.main .main_title .act_img{width:140px; padding:3px 10px 0 0;}
.main .main_title .act_img img{width: 100%;}
.main .main_title .act_title{font-size:32px; font-weight: bold;}
.main .main_title .act_title:after{content: ''; display: inline-block; width: 15px; height: 15px; background-color: #EB0C0C; border-radius: 8px; margin:0 0 -5px 5px;}
.main .activities .activity_slide{position: relative;}
.main .activities .activity_title p:nth-child(3){font-weight: lighter; font-size: 1.4em; opacity: 0.8; position: absolute; right: 0;}
.main .activities .activity_slide .act_text .act_img{width: 100%; height: 400px;}

.main .activities .activity_slide .act_text .act_img img{width: 100%; height: 100%;}
.main .activities .swiper{width: 100%;height: auto;}
.main .swiper-wrapper{height:auto;}
.main .activities .swiper-slide {text-align: left; font-size: 18px; background: #fff; }
.main .activities .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.main .activities .activity_slide .act_text .text_box p:first-child{font-size: 1.4em; padding:15px 0; font-weight: bold;}
.main .activities .activity_slide .act_text .text_box p:nth-child(2){font-weight: lighter; font-size: 1em;}
.main .activities .activity_slide .act_text .text_box span a{display: inline-block; padding-top: 15px; border-bottom: 4px solid;}
.main .activities .swiper-button-prev{ left: 0;}
.main .activities .swiper-button-next{right: 0; transform: rotate(180deg); top:unset !important; bottom: calc(60% - 25px);}
.main .activities .act_btn{background: url(../images/chevron-left-light.svg) no-repeat; background-size: 40%; width: 50px; height: 50px;}
.main .activities .slide_btn{background-color: rgba(255, 255, 255, 0.4); position: absolute; top: 40%; background-position: center;}
.main .swiper-button-prev{background:url(../images/left_arrow.png) no-repeat; background-size: contain; width: 40px; height: 40px;}
.main .swiper-button-next{background:url(../images/right_arrow.png) no-repeat; background-size: contain; width: 40px; height: 40px;}
.main .swiper-button-next:after,.main .swiper-button-prev:after{display: none;}
.main .together{padding: 100px 0; position: relative; background:url(../images/PARTNER.png) no-repeat -658px 0;}
.main .together .together_wrap{padding-top: 60px;}
.main .together .swiper{padding: 65px 0 73px;}
.main .together .swiper .btn_area{text-align:center;position: relative;}
.main .together .swiper-pagination-progressbar{ width: 70% !important;top: 44px;}
.main .together .swiper-pagination-progressbar-fill{background: #EB0C0C !important;}
.main .together .swiper-button-next.together_btn{top: 48px; right: 20%;}
.main .together .swiper-button-prev.together_btn{top: 48px; left: 72%;}
.main .together .together_slide .swiper-slide img{width:100%;}
.main .main_banner{background: url(../images/KiPFRi.png) no-repeat 567px 156px; width: 100%; height:auto; padding-bottom:142px;}
.main .main_banner .bn{position: relative; width: 660px; height: 325px; border-radius: 50px;margin: 0 10px;}
.main .main_banner .kakao_bn{background-color: #FEE500;}
.main .main_banner .kakao_bn:after{content: '';display: inline-block; width: 380px; height: 420px; position: absolute; right: -43px; bottom: -74px;  background: url(../images/kakaobg.png) no-repeat; background-size: contain;}
.main .main_banner_wrap{display: flex; justify-content: space-between;}
.main .main_banner .main_banner_wrap p:first-child{font-size: 30px; font-weight: bold;}
.main .main_banner .main_banner_wrap p:nth-child(2){font-size: 22px; font-weight: lighter; padding: 20px 0;}
.main .main_banner .main_banner_wrap a{display: inline-block; width: 270px; height: 67px; border-radius: 50px; font-size: 22px; text-align: center; line-height: 67px;}
.main .main_banner .main_banner_wrap .kakao_bn .kakao_text p{color: #371D1E;}
.main .main_banner .main_banner_wrap .kakao_bn .kakao_text p:first-child:before{content: ''; display: inline-block; width: 60px; height: 62px; padding:0 10px 0 0; background: url(../images/kakaologo.png) no-repeat; vertical-align: middle;}
.main .main_banner .main_banner_wrap .kakao_bn .kakao_text a{background-color: #fff; }
.main .main_banner .main_banner_wrap .kakao_bn .kakao_text{position: relative; z-index: 1; padding-left: 70px; padding-top: 40px;}
.main .main_banner .main_banner_wrap .life_bn{background: url(../images/kevin-laminto-1gDglaBxcpQ-unsplash.jpg) no-repeat; background-size: cover;}
.main .main_banner .main_banner_wrap .life_bn .life_text{color: #fff;}
.main .main_banner .main_banner_wrap .life_bn .life_text{text-align: right; padding-right: 70px; padding-top: 54px;}
.main .main_banner .main_banner_wrap .life_bn .life_text a{background-color: #ED1414; color: #fff;}
.main .main_banner .main_list{padding: 150px 0;}
.main .main_banner .main_list .list_wrap{display: flex; justify-content: space-between;}
.main .main_banner .main_list .list_wrap p:first-child{font-size: 40px; font-weight: lighter; padding-bottom: 5px;}
.main .main_banner .main_list .list_wrap p:first-child:after{content: ''; display: inline-block; width: 10px; height: 10px; background-color: #ED1414; border-radius: 5px; margin:0 5px -5px;}
.main .main_banner .main_list .list_wrap p:nth-child(2){font-size: 40px; font-weight: bold;}
.main .main_banner .main_list .list_wrap p:nth-child(3){font-size: 16px; font-weight: lighter; color: #939393;}
.main .main_banner .main_list .list_wrap .sns .sns_list{display: flex;}
.main .main_banner .main_list .list_wrap .sns .sns_list li{padding-right: 10px;}
.main .main_banner .main_list .list_wrap .sns .sns_list li img{width: 60px; height: 60px;}

.main_banner_top{background:url('/assets/home/images/main_bg_top.png') center center no-repeat; min-height:auto; padding:0 0 0px 0; background-size:cover; }
.main_banner_top .wrap{width: 1200px; margin: 0 auto; padding: 90px 0 90px;}
.main_banner_top .wrap div{display: inline-block; vertical-align: text-top;}
.main_banner_top .wrap .title{width:500px; padding-top:15%; position: relative;}
.main_banner_top .wrap .title img{width:100%;}

.main_banner_top .wrap .main_pic{padding:7% 0 0 80px; width:49%;}
.main_banner_top .wrap .main_pic .contents_roll{width:100%; height:250px; margin:15px auto; padding:0 30px; overflow: hidden; background:#000; border:1px #807765 solid; text-align:left;}
.main_banner_top .wrap .main_pic .contents_roll .scroll{height: fit-content; animation: marquee-up 100s linear infinite; display: inline-block; text-align:left; animation-fill-mode: forwards;}
.main_banner_top .wrap .main_pic .contents_roll .scroll ul li{display: inline-block; padding:20px 0 0px; vertical-align: middle;}
.main_banner_top .wrap .main_pic .contents_roll .scroll ul li.tag{width:20%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#bdb396;}
.main_banner_top .wrap .main_pic .contents_roll .scroll ul li.msg{width:55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#6f6855;}

@media (max-width: 1400px){.inner,.content_wrap{width:80%;}
}
@keyframes marquee-up {
    /*서약의 돌 중간 부분 목록 올라가는 애니메이션*/
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
/****모바일****/
@media (max-width: 1200px){
	.content_wrap {width:90%; padding: 60px 0;}
    .main_banner_top{background:url('/assets/home/images/main_bg_top.png') center center no-repeat; min-height:auto; background-size:cover; }
    .main_banner_top .wrap{width: 100%; margin: 0 auto; padding: 90px 0 0; text-align: center;}
    .main_banner_top .wrap .title{width:70%; margin:0 auto; padding-top:10%; position: relative;}
    .main_banner_top .wrap .main_pic{padding:5% 0 0 0px; width:100%;}
    .main_banner_top .wrap .main_pic .contents_roll{height:230px;}
    .main_banner_top{min-height:auto; padding:0 0 50px 0;}
    .main_banner_top .wrap .main_pic .contents_roll .scroll ul li.tag span{font-size:13px;}
    .main_banner_top .wrap .main_pic .contents_roll .scroll ul li.msg span{font-size:14px;}
    .main .promise{background: url(../images/line6.png) no-repeat -15px bottom; background-size: 75%;}
    .main .promise .promise_title{font-size:3.5em;}
    .main .promise .promise_sub{font-size:1.5em;}
    .sign_num .num_box p span{font-size:1.7em;}
    .sign_num .num_box p{font-size:20px;}
    .main .promise ul li a{font-size:17px;}
    .main .promise .promise_title:after{width:12px; height:12px; margin: 0 0 -5px 10px;}
    .main .main_title{display: block;}
    .main .activities .activity_title p:nth-child(3){position: relative;}
    .main .activities .activity_slide{width:90%; margin:0 auto;}
    .main .together .together_wrap{width:90%; margin:0 auto;}
    .main .main_banner_wrap{display: block;}
    .main .main_banner .bn{width:100%; overflow: hidden;}
    .main .main_banner .main_banner_wrap .kakao_bn .kakao_text{padding-left:35px; padding-top:30px;}
    .main .main_banner .main_banner_wrap p:first-child{font-size:24px;}
    .main .main_banner .main_banner_wrap p:nth-child(2){font-size:18px; padding:10px 0;}
    /* .main .main_banner_wrap{display: none;} */
}

@media (max-width: 720px){
    .main .main_banner{padding-bottom: 80px;}
    .main .main_banner_wrap{display: block; height:auto;}
    .main .main_banner_wrap .bn > div p:first-child{font-size: 16px;}
    .main .main_banner_wrap .bn > div p:nth-child(2){font-size: 14px;}
    .main .main_banner_wrap a{width: 35px !important; height: 35px !important; position: absolute; top:50%; right: 0; transform: translate(-50%, -50%); text-indent: -9999px; background-image: url(../img/common/ico_arrow_right_w.svg); background-repeat: no-repeat; background-size: 10px auto; background-position: 60% 50%;}
    .main .main_banner .bn{width:100%; height: 108px; border-radius: 12px;}
    .main .main_banner .main_banner_wrap .kakao_bn .kakao_text{padding: 24px; width: 100%;}
    .main .main_banner .main_banner_wrap .kakao_bn .kakao_text p:first-child::before{width: 30px; height: 30px; background-size: contain;}
    .main .main_banner .main_banner_wrap .kakao_bn .kakao_text p:nth-child(2){padding: 0 0 0 40px;}
    .main .main_banner .main_banner_wrap .kakao_bn .kakao_text a{background-image: url(../img/common/ico_arrow_right.svg);}
    .main .main_banner .main_banner_wrap .life_bn {margin-top:20px;}
    .main .main_banner .main_banner_wrap .life_bn .life_text{padding: 24px; width: 100%; text-align: left;}
}

/*subpage*/
.sub_top { overflow:hidden; height:380px;}
.sub_top_none {height:auto !important;}
.sub_visual {width:100%; height:100%; overflow:hidden;  /*animation:subback 0.8s 0.5s ease-in; */ background-size: cover !important;}
.sub_visual > .inner {height:100%;}
.sub_visual.visual01 {background-image: linear-gradient(310deg,#eb0c0c,#b51515);}
/*
.sub_visual.visual02 {background:url('/images/sub/visual02.jpg') center center no-repeat;}
.sub_visual.visual03 {background:url('/images/sub/visual03.jpg') center center no-repeat;}
.sub_visual.visual04 {background:url('/images/sub/visual04.jpg') center center no-repeat;}
.sub_visual.visual05 {background:url('/images/sub/visual05.jpg') center center no-repeat;}
.sub_visual.visual06 {background:url('/images/sub/visual06.jpg') center center no-repeat;}
.sub_visual.visual07 {background:url('/images/sub/visual07.jpg') center center no-repeat;}
.sub_visual.visual08 {background:url('/images/sub/visual08.jpg') center center no-repeat;}
.sub_visual.visual09 {background:url('/images/sub/visual09.jpg') center center no-repeat;}
*/

.sub_visual .visual_pic {bottom:0; right:0; animation:subback 0.8s 0.5s ease-in;}
.sub_visual .visual_pic01 {left: -6%;top: 16%;}
.sub_visual .visual_pic02 {right:254px;}
.sub_visual .visual_pic03 {right:217px;}
.sub_visual .visual_pic04 {right:270px;}
.sub_visual .visual_pic05 {right:205px;}
.sub_visual .visual_pic06 {left: 6%;top: 60%;}

.sub_visual .sub_tit {color:#ffffff; padding:220px 150px 0;}
.sub_visual .sub_tit .sut01 {font-size:50px; font-weight:bold;}
.sub_visual .sub_tit .sut02 {font-size:20px; line-height:1.5; font-weight:100; padding:10px 0 0 0; margin-left:30px; display:inline-block; vertical-align:top;}
.sub_location {position:absolute; display:none; bottom:0px; width:100%; height:60px; background:rgba(0, 0, 0, 0.2);}
.sub_location.sb_scroll {top:0px; position:fixed;}
.sub_location .home {display:block; width:60px; height:60px; background-image:url('/assets/home/img/home.png'); background-position:center center; background-repeat:no-repeat; color:transparent;}
.sub_location.sb_scroll .sub_menu .sd_txt {color:#ffffff;}
.sub_location .sub_menu {margin-left:60px;}
.sub_location .sub_menu > li {position:relative; width:220px;}
.sub_location .sub_menu > li:after {position:absolute; width:1px; height:60px; background:rgba(0, 0, 0, 0.1); right:0; top:0; content:'';}
.sub_location .sub_menu .sd_txt {cursor:pointer; display:block; height:60px; line-height:60px; font-weight:100; font-size:18px; color:#ffffff; padding-left:20px; position:relative;}
.sub_location .sub_menu .sd_txt .sl_state {display:block; width:21px; height:21px; background:url('../img/sl_plus.png') center center no-repeat; position:absolute; top:50%; margin-top:-10px; right:20px;}
.sub_location .sub_menu .sub_hidden {display:none; font-size:18px; border:1px solid #e6e6e6;}
.sub_location .sub_menu .sub_hidden li {border-bottom:1px solid #e6e6e6;}
.sub_location .sub_menu .sub_hidden li:last-child {border-bottom:0px;}
.sub_location .sub_menu .sub_hidden li a {display:block; background:#ffffff; height:49px; line-height:49px; text-indent:20px; color:#555555;}
.sub_location .sub_menu .sub_hidden li a.act, .sub_location .sub_menu .sub_hidden li a:hover {background:#e6e6e6}
/*.sub_location .sub_menu .sd_txt.sp .sl_state {background:url('/images/sub/sl_minus.png') center center no-repeat;}*/
.sub_location .sub_menu .sd_txt.sp  {z-index:0; position:relative; color:#ffffff;}
.sub_location .sub_menu .sd_txt:before {position:absolute; top:0; left:0; bottom:0; height:100%; /*background:url('/images/sub/sub_loback.jpg') 0 0 no-repeat;*/ left:0; top:0; content:''; z-index:-1; background-size:cover;}
.sub_location .sub_menu .sd_txt.sp:before {right:0; transition: all 0.2s ease 0s;}
.sub_location.sb_scroll {background:rgba(0, 0, 0, 0.5);}

.sub_etc {position:absolute; right:0; top:0px; font-size:0px; z-index:3;}
.sub_etc.sb_scroll {position:fixed; top:5px; bottom:auto;}
.sub_etc .etc_i {display:block; width:60px; height:60px; background-repeat:no-repeat; background-position:center;}
.sub_etc .etc_i:hover{border-radius:0%;background-color:#e8e8e8 }
.sub_etc .etc_i01:hover{background-color:rgba(0,0,0,0.3); border-radius:100%;width: 50px; height: 50px;margin-top: 5px; margin-right:15px;}
.sub_etc .etc_i.act {background-color:#fff;}
.sub_etc .sub_etc_list {display:inline-block; vertical-align:top; }
.sub_etc .sub_etc_in {display:none;}
.sub_etc .sub_etc_in li {width:60px; height:60px; overflow:hidden;border-top:1px solid #e8e8e8; }
.sub_etc .sub_etc_in li:last-child{border-bottom:1px solid #e8e8e8 }

.sub_etc .sub_etc_in li:hover{border-radius:0%;background-color:#e8e8e8}
.sub_etc .sub_etc_in li a{background-color: #fff}
.sub_etc .etc_i01 {background-image:url('../img/etc01.png'); display:inline-block; vertical-align:top; margin-right:10px; }
.sub_etc .etc_i02 {background-image:url('../img/etc02.png');background-color: #fff;}
/*
.sub_etc .etc_i03 {background-image:url('../img/etc03.png');}
.sub_etc .etc_i04 {background-image:url('../img/etc04.png');}
.sub_etc .etc_i05 {background-image:url('../img/etc05.png');}
.sub_etc .etc_i06 {background-image:url('../img/etc06.png');}
.sub_etc .etc_i07 {background-image:url('../img/etc07.png');}
.sub_etc .etc_i08 {background-image:url('../img/etc08.png');}
*/

/*게시판 (공지사항 등)*/

/* search_area css */
.search_area{width: 100%; max-width: 650px; margin: 0 auto 60px;}
.search_area .search_wrap{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-bottom: 2px solid #121212;}
.search_area .search_wrap>input{border: 0; font-size: 19px; width: calc(100% - 50px); padding: 0 20px 10px 10px;}
.search_area .search_wrap>button{width:50px; height: 50px; border: none; background: url('../img/search_icon_btn.png') center no-repeat; cursor: pointer;}

/* paging_area css */
.paging_area{width:100%; margin-top: 60px;}
.paging_area .paging_wrap{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.paging_area .paging_wrap>li{text-align: center; border: 1px solid #ccc; margin-right: 10px;}
.paging_area .paging_wrap>li>a{width:40px; height:40px; line-height: 40px; display:block; font-size: 13px; color:#888;}
.paging_area .paging_wrap>li>a>img{padding-top:15px;}
.paging_area .paging_wrap>li.paging_on{border: 2px solid #eb0c0c;}
.paging_area .paging_wrap>li.paging_on>a{ background:#eb0c0c; color:#fff; font-weight: 600;}

/* board css */
.board_area .board_title{font-size: 37px; text-align: center; margin-bottom: 60px;}

/* notice_area css */
.notice_area{border-top: 2px solid #121212;}
.notice_area .notice{width:100%;}
.notice_area .notice th,.notice_area .notice td{padding: 20px 0;}
.notice_area .notice th{border-bottom: 1px solid #121212;}
.notice_area .notice td{border-bottom: 1px solid #ddd; text-align: center;}
.notice_area .notice td:nth-child(3){text-align: left; padding: 10px 20px;}
.notice_area .notice td>a{width:100%; display: block;}

/* notice_view css */
.board_view_area .board_view_wrap .board_view_title_area{width:100%; border-bottom: 1px solid #121212; padding-bottom: 15px; padding-top:20px; border-top:2px #121212 solid;}
.board_view_area .board_view_wrap .board_view_title_area>h1{font-size: 27px; padding: 0 20px; line-height: 1.6;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info{display: flex; flex-direction: row; flex-wrap: wrap; border-bottom: 1px solid #ddd; padding: 20px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info>div.board_view_content_info_data{margin-right: 40px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info>div.board_view_content_info_period{margin-left: 40px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info_file{margin-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info_file>b{display:block; font-size: 17px; margin-bottom: 5px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info_file>span{font-size: 13px; color:#555; margin-left: auto; margin-bottom: 5px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info_file .download{width:100%; background: #f9f9f9; font-size: 15px; display: block; padding: 10px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 5px; margin-bottom: 5px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info_file .download:last-child{margin-bottom: 0;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info_file .download>i{margin-right: 10px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info>div>b{font-size: 15px;}
.board_view_area .board_view_wrap .board_view_content_area .board_view_content_info>div>span{color:#888; margin-left: 10px; line-height: 15px; font-size: 15px;}
.board_view_area .board_view_wrap .board_view_content_text{font-size: 15px; padding: 40px 20px; line-height:1.8;}
.board_view_area .board_view_wrap .board_view_content_text img{width:inherit;max-width: 100%;}
.board_view_content_paging>div{border-top: 1px solid #ddd;}
.board_view_content_paging>div>a{display: block; padding: 20px;}
.board_view_content_paging>div>a>b,.board_view_content_paging>div>a>span{font-size: 15px;}
.board_view_content_paging>div>a>span{margin-left: 40px; color:#888;}
.img_thumb{width:100%;}
.arch_thumb .arch_wrap{width:100%;}
.arch_thumb .arch_wrap .arch_obj{display: inline-block;}
.tag_nuri_pic{position: absolute; bottom:0; right:0; z-index: 10; width:100%; background:rgba(0,0,0,0.5); padding:10px 10px;}
.tag_nuri_pic ul li{display: inline-block; vertical-align: text-top;}
.tag_nuri_pic ul li .tag_desc1{color:#fff; font-size: 12px;}
.tag_nuri_pic ul li .tag_desc2{color:#ccc; font-size: 12px; display: block;}
.tag_nuri_pic .tag_nuri_img{width:140px;}
.day_view{width:78px; display: inline-block; overflow: hidden; white-space: nowrap;}

/*페이지넘버*/
.listnum{text-align: center; padding-top: 100px;}
.listnum .num{display: inline-block; padding: 0 7px;}
.listnum .num a:hover{color: #EB0C0C; text-decoration: underline 3px; text-underline-position : under; text-decoration-color: #EB0C0C; }

/*검색창*/
.search_wrap{width: 100%; height: 160px; background-color: #F9F9F9; text-align: center; display: flex; justify-content: center; align-items: center;}
.search_wrap .search_category select{appearance: none; width: 135px; height: 60px; background: url(../images/caret-up-solid.png) no-repeat 90% 50%; background-size: 1em; background-color: #EB0C0C; border: none; border-radius: 30px; color: #fff; font-size: 1.3em; font-family: 'GmarketSansMedium'; padding-left: 13px;}
.search_wrap .search_category select:focus{outline: none;}
.search_wrap .search_category select option{background-color: #fff; color: #EB0C0C; font-size: 1em;}
.search_wrap input{width: 33vw; height: 60px; border: 2px solid #EB0C0C; border-radius: 30px; margin: 0 10px;  padding: 0 20px;}
.search_wrap input:focus{border-color: #EB0C0C; outline: none;}
.search_wrap .search_btn button{width: 100px; height: 60px; background-color: #EB0C0C; border: none; border-radius: 30px; color: #fff; font-family: 'GmarketSansMedium'; font-size: 1.3em;}

/*활동내역*/
.active .active_wrap .notice .notice_list_wrap{max-width: 1200px; margin: 0 auto;}
.active .active_wrap .notice .notice_list_wrap ul{display: flex; flex-wrap: wrap; gap:1%; }
.active .active_wrap .notice .notice_list_wrap .notice_list{flex-basis: 20%; min-height: 411px; flex-grow: 1; flex-shrink: 1; border: 1px solid #D6D6D6; box-sizing: border-box; margin-bottom: 1%;}
.active .active_wrap .notice .notice_list_wrap .notice_list:hover{border: 3px solid #EB0C0C; box-shadow: 7px 6px 15px 0 rgba(255, 12, 12, 0.11); }
.active .active_wrap .notice .notice_list_wrap .notice_list .notice_img{background: url(../images/slide_1.png) no-repeat; background-size: cover; width: 100%; height: 72%;}
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(2) .notice_img{background-image: url(../images/shutterstock_1826999705.png);}
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(3) .notice_img{background-image: url(../images/20120117100245_174592_500_500.png); }
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(4) .notice_img{background-image: url(../images/f4bc3427d3657.jpg);}
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(5) .notice_img{background-image: url(../images/89dd6f94cb50a.jpg);}
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(6) .notice_img{background-image: url(../images/denise-jans-vCaS7SA-qw8-unsplash.jpg);}
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(7) .notice_img{background-image: url(../images/remi-cribb-SkTpja_CJD4-unsplash.jpg);}
.active .active_wrap .notice .notice_list_wrap .notice_list:nth-child(8) .notice_img{background-image: url(../images/shutterstock_1086282788.jpg);}
.active .active_wrap .notice .notice_list_wrap .notice_list:hover .notice_text .notice_category{background-color: #EB0C0C;}
.active .active_wrap .notice .notice_list_wrap .notice_list:hover .notice_text .notice_title{color: #EB0C0C;}
.active .active_wrap .notice .notice_list_wrap .notice_list .notice_text{padding: 19.5rem 1.125rem 0;}
.active .active_wrap .notice .notice_list_wrap .notice_list .notice_text .notice_category{color: #fff; background-color: #000; font-size: 1rem; width: 80px; height: 30px; line-height: 35px; border-radius: 15px; text-align: center;}
.active .active_wrap .notice .notice_list_wrap .notice_list .notice_text .notice_title{font-weight: bold; font-size: 1.3rem;}
.active .active_wrap .notice .notice_list_wrap .notice_list .notice_text .notice_date{font-weight: lighter; opacity: 0.5;}

/*게시판*/
.board .board_wrap .board_text .text_title{padding: 10px; border-bottom: 1px solid #C5C5C5;}
.board .board_wrap .board_text .text_title h2{font-size: 1.75em; padding-bottom: 20px;}
.board .board_wrap .board_text .text_title p{font-size: 1em; opacity: 0.7; font-weight: normal;}
.board .board_wrap .board_text .text_sub{ padding: 50px 0;}
.board .board_wrap .board_text .text_sub img{width: 50%; height: 50%;}
.board .board_wrap .board_text td{text-align: center;  border-bottom: 1px solid #C5C5C5;}
.board .board_wrap .board_text .text_file td{ padding: 20px 0;}
.board .board_wrap .board_text .text_file .file_name a{padding: 3px 10px; border: 1px solid #C5C5C5; border-radius: 15px; font-size: 0.5em;}
.board .board_wrap .board_text .text_file .file_name{text-align: left;}
.board .board_wrap .board_list_wrap .board_list{text-align: center; padding: 60px 0;}
.board .board_wrap .board_list_wrap .board_list li{display: inline-block; padding: 0 10px; }
.board .board_wrap .board_list_wrap .board_list a{font-size: 0.75em;}
.board .board_wrap .board_list_wrap .board_list .left a:before{display: inline-block; content: ''; background: url(../images/left.png) no-repeat 0 0; background-size: cover; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}
.board .board_wrap .board_list_wrap .board_list .right a:after{display: inline-block; content: ''; background: url(../images/right.png) no-repeat 0 0; background-size: cover; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px;}
.board .board_wrap .board_list_wrap .board_list .list{width: 30px ; height: 30px;}
.board .board_wrap .board_list_wrap .board_list .list a{display: inline-block; background: url(../images/list.png) no-repeat 0 0; background-size: cover; width: 100%; height: 100%; vertical-align: middle; font-size: 0;}

/*공지사항*/
.notice .notice_wrap .notice_tb{width:100%; border-top:2px #EB0C0C solid;}
.notice .notice_wrap .notice_tb td{border-bottom: 1px solid #C5C5C5; padding: 15px 0; text-align: center;}
.notice .notice_wrap .notice_tb td img{width: 20px; height: 20px; vertical-align: middle;}
.notice .notice_wrap .notice_tb td:nth-child(2){text-align: left;}
.notice .notice_wrap .notice_tb td:nth-child(3){font-size: 0.7em; color: #939393;}
.notice .notice_wrap .notice_tb .fix img{filter: invert(25%) sepia(55%) saturate(5767%) hue-rotate(355deg) brightness(84%) contrast(126%);}
.srch{width:100%; display:inline-block; padding:0 0 20px 0; position:relative;}
.srch ul li.left{float:left;}
.srch ul li.right{float:right;}
.srch .input_srch{background:#f5f5f5; height: 50px; border: 1px solid #f5f5f5; font-size: 16px;  color: #333; padding: 0 40px 0 20px; border-radius: 8px; position: relative;}
.srch .icon_srch{position:absolute; top:12px; right:10px; font-size:26px;}
.srch .index_count{padding:25px 0 0 0; color:#999;}
.srch .index_count span{color:#121212; font-weight: bold; padding:0 5px 0 0;}

/*캠페인*/
.campaign{letter-spacing:-0.75px;overflow: hidden;line-height: 1.7;}
.campaign_inner{width:1200px; margin:0 auto;}
.campaign h3{font-size: 45px; color: #EB0C0C; font-weight: bold;}
.campaign .sub_border{border-bottom: 8px solid #EB0C0C;width: fit-content;}
.red{color: #EB0C0C; font-size: 1.1em;font-weight: 700;}
.black{color: #000; font-size: 1.1em;font-weight: 700;}
.pd30{padding-top: 30px;}
.campaign_btn{width: 100%; height: 58px; background-color: #EB0C0C; border-radius: 6px;}
.campaign_btn a,.campaign_btn button{width: 100%; height: 100%; line-height: 58px; display: inline-block; text-align: center; font-size: 22px; color: #fff;}
.campaign .campaign_wrap{position: relative;}
.campaign_bn_wrap{position:relative;}
.campaign .campaign_wrap .campaign_bn{height: fit-content; background: url(../images/bn2.png) no-repeat 0 0; background-size: cover;}
.campaign .campaign_wrap .campaign_bn p{text-align: right; }
.campaign .campaign_wrap .campaign_bn p:first-child{font-family: 'Bohyun'; font-size: 90px; color: #fff;letter-spacing: 0.1em;}
.campaign .campaign_wrap .campaign_bn p:nth-child(2),
.campaign .campaign_wrap .campaign_bn p:nth-child(4) {color: #fff; font-size: 48px;}
.campaign .campaign_wrap .campaign_bn p:nth-child(4) strong {color: #EB0C0C; font-size: 64px;}
.campaign .campaign_wrap .campaign_bn p:nth-child(3){color: #EB0C0C; font-size: 70px; font-weight: bold;}
.pt50{padding-top:70px;}
.campaign .campaign_wrap .campaign_video{width: 100%; height: 44.8vw;position: relative; background: url(../images/campaign_main.png) 0px no-repeat; background-size: cover; margin-top: 89px;}
.campaign .campaign_wrap .campaign_text{padding-top:8%;}
.campaign .campaign_wrap .campaign_text .video_textbox{padding: 0 50px;}
.campaign .campaign_wrap .campaign_text .video_textbox .bn6_title .video_sub{font-size:30px; color:#fff; font-weight:500;}
.campaign .campaign_wrap .campaign_text .video_textbox .campaign_btn{width:fit-content; padding:0 50px;}
.campaign .campaign_wrap .campaign_text .video_textbox .bn6_p{padding-bottom: 30px;}
.campaign .campaign_wrap .campaign_text .video_textbox .bn6_p strong, .campaign_bn2 .bn6_p strong{font-size: 24px; color: #EB0C0C;}
.campaign .campaign_wrap .video_bgtext{font-size: 6.3vw; color: #fff; opacity: 0.3; position: absolute; bottom: 0; text-align: center;}
/*.campaign .campaign_wrap .campaign_bn2{background: url(../images/line2.png) no-repeat  81% 53%;}*/
.campaign .campaign_wrap .campaign_bn2 .bn2_wrap{padding:8% 0;}
.campaign .campaign_wrap .campaign_bn2 .bn6_p dl{font-size: 24px;}
.campaign .campaign_wrap .campaign_bn2 .bn6_p dl dt{font-size: 22px; font-weight: 600; background-color: #eb0c0c; color:#fff; width: fit-content; padding:0 16px;}
.campaign .campaign_wrap .campaign_bn2 .bn6_p dl dd{font-size: 22px;  margin-top:16px;}
.campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap{margin-top:40px; display: flex; align-items: center; gap: 2%;}
.campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap dl{width: 50%; border:1px solid #c5c5c5; align-self: stretch; padding:20px 32px 32px; border-radius: 16px;}
.campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap dl dt {font-size: 24px; border-bottom: 1px solid #c5c5c5; padding-bottom: 8px;}
.campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap dl dd {margin-top:16px; font-size: 20px;}
.bn6_title{font-weight:900;white-space: nowrap;}
.campaign .campaign_wrap .campaign_bn3{background-color: #000; width: 100%; height: 17.5vw;}
.campaign .campaign_wrap .campaign_bn3 .bn3{text-align: center; }
.campaign .campaign_wrap .campaign_bn3 .bn3 p{color: #fff; font-weight: bold; display: inline-block;}
.campaign .campaign_wrap .campaign_bn3 .bn3 p:nth-child(2){font-size: 3vw;}
.campaign .campaign_wrap .campaign_bn3 .bn3 p:nth-child(3){font-size: 7.7vw;}
/* .campaign .campaign_wrap .campaign_bn3 .bn3:before{content: ''; display: inline-block; width: 350px; height: 230px; background: url(../images/line3.png) no-repeat; position: absolute; top: 5em; left: 9.5em;}
.campaign .campaign_wrap .campaign_bn3 .bn3:after{content: ''; display: inline-block; width: 350px; height: 230px; background: url(../images/line4.png) no-repeat; position: absolute; top: 5em; right: 9.5em;} */
.bn3 .dog{display: inline-block;vertical-align: middle; padding-top: 6.5vw;}
.dog img{width: 18vw;}
.campaign_bn4{padding: 130px 0;}
/*.campaign_bn4 .graph_box .graph_wrap{width: 100%; background: url(../images/line5.png) no-repeat 0 100%; background-size: contain; background-size: 30%;}*/
.campaign_bn4 .graph_box .graph_wrap .graph_item h4{font-size: 45px; padding-bottom: 35px;}
.campaign_bn4 .graph_box .graph_wrap .graph_item h5{font-size: 24px; padding-bottom: 10px;}
.campaign_bn4 .graph_box .graph_wrap .graph_item{text-align: right;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph{padding: 10px 0;}
.campaign_bn4 .graph_box .graph_wrap{padding-bottom:50px;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph p{display: inline-block; font-size: 22px;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph span{color: #EB0C0C; font-size: 22px;}
.campaign_bn4 .graph_box .graph_wrap .graph_item p:after{content: ''; display: inline-block; width: 34vw; height: 23px; vertical-align: middle; background: #EB0C0C; margin: 0 10px; border-radius:12px;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph:nth-child(3) p:after{width: 30.8vw;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph:nth-child(4) p:after{ width: 26.6vw;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph:nth-child(5) p:after{width: 25.8vw;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph:nth-child(6) p:after{width: 10.4vw;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph:nth-child(7) p:after{width: 2.2vw;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph:nth-child(8) p:after{width: 7.6vw;}
.campaign_bn4 .graph_box .graph_wrap .graph_item .graph_ex{ color: #000; opacity: 0.5;}
.campaign_bn4 .graph_text { display:none; }
.campaign_bn4 .graph_text .graph_text_wrap{display: flex; align-items: center;padding-top:5%;}
.campaign_bn4 .graph_text .graph_title{width:100%; line-height: 1.2; text-align: center; white-space: nowrap;}
.campaign_bn4 .graph_text .graph_title .s_text{font-size:45px;}
.campaign_bn4 .graph_text .s_text_sub{font-size:87px; font-weight: bold; color: #EB0C0C; display: inline-block;}
.campaign_bn4 .graph_text .graph_title_sub{ width: 100%;}
.campaign_bn4 .graph_text .graph_title_sub p{font-size: 24px;}
.campaign_bn5{background-color: #C51818;}
.campaign_bn5 .bn5{text-align: center;}
.campaign_bn5 .bn5_img{display: inline-block; width: 6vw; height: 10vw;}
.campaign_bn5 img{vertical-align: middle; width: 100%;}
.campaign_bn5 .banner_text{color: #fff; display: inline-block; padding: 8% 3%; vertical-align: middle;}
.campaign_bn5 .banner_text .bn5_title{font-size: 2.85vw; font-weight: bold;}
.campaign_bn5 .banner_text .bn5_em{display: inline-block; width: 46vw; white-space: nowrap; overflow: hidden;}
.campaign_bn5 .banner_text .bn5_sub{font-size: 1.25vw;}
.campaign_bn6 .bn6_textbox .bn6_img img{width: 100%; height: 100%;object-fit: cover;}
.campaign_bn6 .bn6_textbox{display: flex; justify-content: space-between;}
.campaign_bn6 .no_justify{justify-content:normal;}
.campaign_bn6 .bn6_textbox .bn6_img{width: 50%; height: auto; }
.bn6_pc .bn6_textbox:nth-child(2) .meet_text{text-align: right;}

.campaign_bn6 .bn6_textbox .meet_text{align-self: center;    padding: 15px 0; width: calc(43% - 30px); margin: 0 auto;}
.meet_text .bn6_title p{font-size:45px;color: #EB0C0C; font-weight: bold; line-height: 1.2;}
.campaign_bn6 .bn6_textbox .meet_text .num_box { display:flex; gap:10px; align-items: baseline;}
.campaign_bn6 .bn6_textbox .meet_text .num_box span { font-size:20px; }
.campaign_bn6 .bn6_textbox .meet_text .num_box span#nbr { font-size:28px; font-weight:bold; }
.campaign_bn6 .bn6_textbox .meet_text .bn6_title .stroke{-webkit-text-stroke: 0.5px #EB0C0C; color: transparent;}
.meet_text .bn6_p{padding-top: 20px;}
.meet_text .bn6_p p{font-size:22px;}
.campaign_bn7{background-color: #F5F4F2;}
.campaign_bn7 .campaign_test{padding: 5% 0;}
.campaign_bn7 .campaign_test .test_text_wrap{display: flex; justify-content: space-around; align-items: center;}
.campaign_bn7 .campaign_test .test_img{width:500px; height:auto;}
.campaign_bn7 .campaign_test .test_img img{width: 100%;}
.campaign_bn6 .bn6_textbox .meet_text .black{color: #000; border: none; font-weight: 400;}
.campaign_bn6 .bn6_textbox .meet_text .campaign_btn{margin-top: 12px;}
.campaign_bn6 .bn6_textbox .meet_text .mr_5{margin-right: 5px;}
.campaign_flex{display:flex;}
.campaign_sign{background-color: #C51818;text-align: center; padding: 5% 0;height: auto;}
.campaign_sign .sign_title p{font-size: 40px; color: #fff; font-weight: bold; }
.campaign_sign .sign_num .sign_date{display: inline-block; vertical-align: middle;}
.campaign_sign .sign_num .sign_name{font-size: 30px; padding: 3% 0 1%;}
.campaign_sign .sign_num{color: #fff;}
.campaign_sign .sign_num .sign_date{font-weight: lighter; vertical-align:middle; padding-right: 20px;}
.review_box{width: calc(100% - 3%); margin: 0 auto;background: #fff;border-radius: 6px;}
.review_box img{width: 100%; height: 230px; object-fit: cover;border-radius: 6px 6px 0 0;}
.review_box .review_sub{display: flex;}
.review_box .review_sub p{width: 100%; text-align: center;color: #fff;font-size: 17px;padding: 7px 0;margin: 0;}
.review_box .review_sub .review_name{background:#000;}
.review_box .review_sub .review_promise{background: #EB0C0C;}
.review_box .review_text{padding: 13px;}
.review_box .review_text .review_t{font-size: 21px; font-weight: bold; color: #EB0C0C;padding-bottom: 7px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.review_d{height: 90px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.campaign_bn6 .bn6_textbox .meet_text .black_sp{font-weight: bold;}
.campaign_bn6 .bn6_textbox .meet_text .and{font-size:30px; border: none;}
.campaign_bn6 .bn6_textbox .meet_text .btn_000{background-color: #000;}
.campaign_bn5_mb{background-color: #C51818; text-align: center; padding: 3% 0;}
.campaign_bn5_mb .bn5_mb .bn5_mb_img{width: 12vw;}
.campaign_bn5_mb .bn5_mb .bn5_mb_img img{width: 100%;}
.campaign_bn5_mb .bn5_mb .bn5_mb_text{text-align: left; padding-left: 3%;}
.campaign_bn5_mb .bn5_mb .bn5_mb_text p{color: #fff;}
.campaign_bn5_mb .bn5_mb .bn5_mb_text .bn5_title{font-size: 15px; font-weight: bold;}
.campaign_bn5_mb .bn5_mb .bn5_mb_text .bn5_sub{font-size: 13px;}
.campaign_bn5_mb .bn5_mb .bn5_mb_text .bn5_em{opacity: 0.3;}
.campaign_bn5_mb .bn5_mb .bn5_mb_img,.campaign_bn5_mb .bn5_mb .bn5_mb_text{display: inline-block; vertical-align: middle;}
.campaign_bn5_mb{display: none;}
.bn6_mb .bn6_mb_wrap .slide_mb{position: relative;}
.bn6_mb .bn6_mb_wrap .slide_mb .mb_img{width:100%; height: 55%;}
.bn6_mb .bn6_mb_wrap .slide_mb .mb_img img{width: 100%; height: 100%;object-fit: cover;}
.bn6_mb .bn6_mb_wrap .slide_mb .slide_text{width: 100%; position: absolute; bottom: 0; text-align:right;padding: 20px;}
.bn6_mb{display:none;}
.ready_wrap{padding-top:20px; padding-bottom: 40px;}
.ready_wrap .ready{border: 1px solid #c5c5c5; border-radius: 6px; width: 100%; padding: 10px 23px; margin-right: 10px;}
.ready_wrap .ready .ready_t{font-size: 18px; color: #EB0C0C;}
.ready_wrap .ready .ready_d{font-size: 14px;}
.ready_wrap .ready .money:before{content: ''; display: inline-block; background: url(../images/coin.png) no-repeat; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px;}
.ready_wrap .ready .mind:before{content: ''; display: inline-block; background: url(../images/heart.png) no-repeat; width: 25px; height: 25px; vertical-align: middle; margin-right: 5px;}
.campaign_bn8{background-color: #B52E25; color:#fff;}
.campaign_bn8 .inner{padding:100px 0 80px;}
.campaign_bn8 .inner .info_txt{padding-top:72px; text-align: center; font-size: 28px; line-height: 1.80;}
.campaign_bn8 .title_wrap{display: flex; align-items: flex-start;}
.campaign_bn8 .title_wrap .tit{font-size: 81px; font-weight: 700; line-height: 88px;}
.campaign_bn8 .title_wrap .tit span{display: block; font-size: 23px; line-height: 1.8;}
.campaign_bn8 .title_wrap p{padding-left: 57px; font-size: 27px; line-height: 155.5%;}
.campaign_bn8 .img_list{display: flex; align-items: center; gap:2%; width: 100%; margin-top:60px;}
.campaign_bn8 .img_list li{width: 33%; position: relative;}
.campaign_bn8 .img_list li img{width: 100%;}
.campaign_bn8 .img_list li p{position: absolute; top:0; left: 0; width: 100%; text-align: center; font-size: 38px; font-weight: 700; line-height: 1.8; padding-top:43px;}
.campaign_bn8 .img_list .img_mo{display: none;}

@media screen and (max-width:1200px){
    .campaign_bn8 .inner{padding:80px 0 50px;}
    .campaign_bn8 .inner .info_txt{padding-top:40px; font-size: 2.333vw;}
    .campaign_bn8 .title_wrap .tit{font-size: 6.750vw; line-height: 7.333vw;}
    .campaign_bn8 .title_wrap .tit span{font-size: 1.917vw;}
    .campaign_bn8 .title_wrap p{padding-left: 32px; font-size: 2.250vw;}
    .campaign_bn8 .img_list{margin-top:5vw;}
    .campaign_bn8 .img_list li p{font-size: 3.167vw; padding-top:43px;}
}
@media screen and (max-width:760px){

	.campaign_bn5_mb .bn5_mb .bn5_mb_text .bn5_title{ font-size: 24px; }
	.campaign_bn5_mb .bn5_mb .bn5_mb_text .bn5_sub{ font-size: 20px; }

	.campaign_bn5_mb { padding: 40px 0; }

	.campaign_bn5_mb .bn5_mb {
		display: flex;
		flex-direction: column;
	}

	.campaign_bn5_mb .bn5_mb .bn5_mb_img { margin: 0 auto 20px auto; }

	.campaign_bn5_mb .bn5_mb .bn5_mb_text { margin:0; }

	.sub_top { height:240px;}
	.sub_visual .sub_tit {padding-top: 100px !important;}
	.sub_visual .visual_pic01 {top: -36%}
    .campaign_bn8 .inner{padding:13vw 0 16vw;}
    .campaign_bn8 .inner .info_txt{padding-top:7.6vw; font-size: 2.8vw;}
    .campaign_bn8 .title_wrap{display: flex; flex-direction: column;}
    .campaign_bn8 .title_wrap .tit{font-size: 10vw; line-height: 10.8vw;}
    .campaign_bn8 .title_wrap .tit span{font-size: 3.1vw;}
    .campaign_bn8 .title_wrap p{padding-left: 0; padding-top:9.6vw; font-size: 3.3vw; line-height: 155.5%;}
    .campaign_bn8 .img_list{display: flex; flex-direction: column; margin-top:12vw;}
    .campaign_bn8 .img_list li{width: 100%;}
    .campaign_bn8 .img_list li + li{margin-top:5vw;}
    .campaign_bn8 .img_list li img{width: 100%;}
    .campaign_bn8 .img_list li p{text-align: left; padding-left: 8.5vw; font-size: 5.2vw; padding-top:5.8vw;}
    .campaign_bn8 .img_list .img_mo{display: block;}
    .campaign_bn8 .img_list .img_pc{display: none;}
}

/*로그인*/
.pb10{padding-bottom: 10px;}
.login{ width: 24em; border: 3px solid #EB0C0C; border-radius: 10px; margin:0 auto;}
.login .login_wrap{padding:40px;}
.login p{font-size: 2.3em; color: #EB0C0C;padding-bottom: 10px;}
.login .login_wrap .id_form{display: flex; justify-content: space-between; align-items: baseline;}
.idpw input:focus{outline: #EB0C0C; opacity: 1;}
.checkbox input[type="checkbox"]{-webkit-appearance: none;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative; border-radius:3px;width: 16px;height: 16px;cursor: pointer;outline: none !important;border: 1px solid rgba(255, 12, 12, 0.4); vertical-align: middle; margin-right: 5px;}       
.checkbox input[type="checkbox"]:checked {background: url(../images/check.png) no-repeat 0 1px; background-size: contain; background-color: #EB0C0C;}
.checkbox label{vertical-align: middle; font-size: 0.75em;}
.login_form input[type="submit"]{width: 100%; height: 2.4em; background-color: #EB0C0C; border-radius: 6px; border: none; color: #fff; cursor: pointer;margin-top: 10px;}
.find{text-align: center; padding-top: 15px;}
.find li{display: inline-block; font-size: 0.75em;}
.find li:first-child:after{content: '|'; display: inline-block; margin-left: 5px;}
.login_start .login_kakao{padding: 50px 0 10px;}
.login_start .login_kakao span:before{content: ''; display: inline-block; width: 1.5em; height: 1.5em; background: url(../images/kakao.png) no-repeat; background-size: contain;position: absolute;left: 8%;}
.login_start .login_kakao button{width: 100%; position: relative; background-color: #F9E000; border: none; height: 2.4em; border-radius: 6px; font-size: 1em; cursor: pointer;}
.login_start .login_join{width: 100%; height: 2.4em; background-color: #000; border-radius: 6px;}
.login_start .login_join p{text-align: center; line-height: 2.4em; font-size: 1em;}
.login_start .login_join p a{color: #fff; display: block; width: 100%; padding-top: 2px;}
/*아이디찾기*/
.login_enter{font-size: 0.75em; color: #707070; padding-bottom: 17px;}
.login_find{text-align: center;}
.login_find li{ width: 100%; background-color: #EB0C0C; height: 2.4em; border-radius: 6px; margin-bottom: 3%;}
.login_find li:nth-child(2){background-color: #000;}
.login_find li button{color: #fff;display: block;width: 100%; line-height: 2.4em;}
/*회원가입*/
.join_member{width: 37.6em; margin:0 auto;}
.join_member form label{display: inline-block; width: 28%;}
.join_wrap{border-top: 3px solid #EB0C0C; border-bottom: 3px solid #EB0C0C; padding: 3% 0;}
.member-form .circle:after{content: ''; display: inline-block; background-color: #EB0C0C; width: 6px; height: 6px; border-radius: 3px;margin-bottom: -2px;}
.idpw input{padding-left:10px; height: 40px; border: 1px solid #EB0C0C; opacity: 0.4; border-radius: 6px; box-sizing: border-box; }


.join_wrap .idpw:last-child{border:none;}
#birth_year,#birth_day,.join_wrap .idpw select{width: 420px;}
.idpw select{border: 1px solid #EB0C0C; opacity: 0.4; height: 40px; border-radius: 6px;}
.idpw select:focus{outline: none; opacity: 1;}
.join_member .login_find{text-align:right;}
.join_member .login_find li{width:20%;height: 40px;line-height: 50px;}
.join_member .join_find li{margin:0 5px; text-align: center;}
.join_member .login_find li a{text-align:center;}
.checkbox_wrap .checkbox button{ vertical-align: middle; cursor: pointer; }
.join_member .join_find{display:flex;justify-content:flex-end; padding-top: 20px;}
.join_member .join_find li button{color:#fff;}


@keyframes loop{from{transform: translateX(0);} to{transform: translateX(-100%);}}

br.both { display:block; }
br.pc { display:block; }
br.mobile { display:none; }

.campaign_sign .campaign_table { margin: 10px auto; }

/*모바일*/
@media screen and (max-width:1400px){
    .search_wrap{width: calc(100% - 40px); margin: 0 auto;}
    .active .active_wrap .notice .notice_list_wrap ul{padding: 0 20px;}
    .tb{width: 95%; margin: 0 auto;}
    .campaign .campaign_wrap .campaign_video{height: 57.8vw;}
}

@media screen and (max-width:1200px){
    body{font-size: 13px;}
    .active .active_wrap .notice .notice_list_wrap .notice_list{flex-basis: 49%;}
    .pd30{padding-top:20px;}
    .campaign .inner{max-width: calc(100% - 15%);margin: 0 auto;}
    .paging_area .paging_wrap>li>a>img{padding-top:10px;}
    .campaign .campaign_wrap .campaign_video{height: 481px;}
    .meet_text .bn6_title p{font-size: 30px;}
    .meet_text .bn6_title .bn6_t{-webkit-text-stroke: 0px #EB0C0C; color:#EB0C0C;}
    .meet_text .bn6_p p{font-size: 19px;}
    .campaign .sub_border{border-bottom: 6px solid #EB0C0C;}
    .campaign .campaign_wrap .video_bgtext{display:none;}
	.campaign .campaign_wrap .campaign_text .video_textbox{padding:0;}
    .bn6_mb .bn6_mb_wrap .slide_mb .mb_img{height:550px;}
    .campaign_bn7 .campaign_test .test_img{width:300px;}
    .campaign_bn4 .graph_box .graph_wrap .graph_item .graph p,.campaign_bn4 .graph_box .graph_wrap .graph_item .graph span{font-size:20px;}
    .campaign_bn4 .graph_text p{font-size:20px;}
    .campaign_bn4 .graph_text h3{font-size:28px;}
    .campaign .campaign_wrap .campaign_bn p:first-child{font-size:88px;}
    .campaign .campaign_wrap .campaign_bn p:nth-child(2),
	.campaign .campaign_wrap .campaign_bn p:nth-child(4) {font-size:35px;}
    .campaign .campaign_wrap .campaign_bn p:nth-child(3){font-size:55px;}
	.campaign_bn4 .graph_box .graph_wrap .graph_item h4{font-size:30px; padding-bottom: 10px;}
	.campaign_bn4 .graph_box .graph_wrap .graph_item .graph{padding: 5px 0;}
	.campaign_bn6 .bn6_textbox .meet_text .and{font-size:20px;}
	.campaign_sign .sign_title p{font-size:27px;}
	.review_box img{height: 215px;}
	.review_d{height: 76px;}
	.review_box .review_text .review_t{font-size: 18px;}
	.campaign .campaign_wrap .campaign_text .video_textbox .bn6_title .video_sub{font-size:25px;}
	.campaign_bn4 .graph_text .graph_title .s_text{font-size:34px;}
	.campaign_bn4 .graph_text .s_text_sub{font-size:66px;}
	.campaign_bn4 .graph_text .graph_title_sub p{font-size:22px;}
	.campaign{line-height: 1.4;}
}

@media screen and (max-width:1080px){
	.bn6_pc{display: none;}
	.bn6_mb{display:block;}
	.campaign_bn6 .bn6_textbox .slide_text .bn6_p p{color:#fff;}
	.meet_text .bn6_p{padding-top:10px;}
}

@media screen and (max-width:760px){

	.campaign .campaign_wrap .campaign_bn p:nth-child(4) strong {font-size: 28px;}

	.campaign_table {
		padding: 10px !important;
	}

	br.pc { display:none; }
	br.mobile { display:block; }

	.campaign_bn4 .graph_box .graph_wrap .graph_item h5{font-size: 16px; padding-bottom: 0px;}

	.footer_info_area .footer_info_wrap .footer_link_wrap { width: 100%; display: flex; justify-content: flex-start;}

    body{font-size: 10px;}
    .inner{width:100%;}
    .active .active_wrap .notice .notice_list_wrap .notice_list{flex-basis: 100%;}
    .search_wrap{height: 100px; line-height: 100px;}
    .search_wrap input{height: 35px;}
    .search_wrap .search_category select{width: 70px; height: 35px;}
    .search_wrap .search_btn button{width: 50px; height: 35px;}
    .campaign h3 span{border-bottom:4px solid #EB0C0C;}
    .campaign .campaign_wrap .campaign_text .video_textbox .bn6_p strong, .campaign_bn2 .bn6_p strong{font-size: 3.333vw;}
	.campaign .bn6_p p strong {
		font-size: 24px !important;
	}
    .campaign .campaign_wrap .campaign_bn2 .bn6_p dl{font-size: 3.158vw;}
    .campaign .campaign_wrap .campaign_bn2 .bn6_p dl dt{font-size: 2.895vw; padding:0 8px;}
    .campaign .campaign_wrap .campaign_bn2 .bn6_p dl dd{font-size: 2.895vw;  margin-top:8px;}
    .campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap{margin-top:16px;}
    .campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap dl{padding:16px; border-radius: 8px;}
    .campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap dl dt {font-size: 3.158vw; padding-bottom: 8px;}
    .campaign .campaign_wrap .campaign_bn2 .campaign_type_wrap dl dd {margin-top:8px; font-size: 2.632vw;}
    .campaign_bn4 .graph_text h3,.campaign_bn4 .graph_text p{display: block;}
    .campaign_bn4 .graph_text p{text-align: center;}
    .pd30{padding-top: 10px;}
    .bn6_mb,.campaign_bn5_mb{display: block;}
    .campaign_bn5{display: none;}
    .campaign .campaign_wrap .campaign_text .video_textbox{padding:0;}
    .bn6_mb .bn6_mb_wrap .slide_mb .slide_text h3{font-size: 26px;}
    .bn6_mb .bn6_mb_wrap .slide_mb .slide_text .bn6_p p{font-size:14px;}
    .campaign_bn7 .campaign_test .test_text_wrap{display:block;}
    .campaign_bn7 .campaign_test .test_img{padding-top: 30px; width: 242px;margin: 0 auto;}
    .campaign_bn4 .graph_box .graph_wrap .graph_item .graph_ex{font-size:10px;}
    .campaign_bn4 .graph_text .graph_text_wrap{display:block; padding:0;}
    .campaign .campaign_wrap .campaign_bn p:first-child{font-size:50px;}
    .campaign .campaign_wrap .campaign_bn p:nth-child(2) {font-size:20px;padding-top:20px;}
	.campaign .campaign_wrap .campaign_bn p:nth-child(4) {font-size:20px;padding-top:0px;}
    .campaign .campaign_wrap .campaign_bn p:nth-child(3){font-size:45px;}
    .campaign .campaign_wrap .campaign_text .video_textbox .campaign_btn{width:100%;}
    .campaign .inner{max-width:calc(100% - 10%);}
    .campaign .campaign_wrap .campaign_bn{height:219px;}
    .campaign_bn4 .graph_box .graph_wrap .graph_item h4{font-size:19px;}
    .campaign_bn4 .graph_text p{font-size:15px;}
    .campaign_bn4 .graph_text h3{font-size:25px;}
    .review_box{width: 292px;}
    .review_box img{height: 174px;}
    .review_box .review_sub p{font-size: 19px;padding: 5px 0;}
    .review_box .review_text .review_t{font-size: 18px;}
    .review_d{height: 62px;}
    .campaign_bn4{padding: 70px 0 0;}
    .campaign_bn4 .graph_text .graph_title_sub{padding-top:15px;}
    .campaign_bn4 .graph_text .graph_title_sub p {font-size:13px;}
	.meet_text .bn6_p p{font-size:14px !important;}
    .campaign_bn4 .graph_text .s_text_sub{font-size:53px;}
    .campaign_bn4 .graph_text .graph_title .s_text{font-size:28px;}
    .campaign .campaign_wrap .campaign_text .video_textbox .bn6_title .video_sub{font-size:20px;}
    .meet_text .bn6_title p{font-size:22px;}
	.meet_text .bn6_title p:last-child {margin-bottom:20px;}
    .campaign .campaign_wrap .campaign_text .video_textbox .bn6_p{padding-bottom:10px;}
    .campaign .sub_border{border: none; display:inline-block;}
    /* .campaign .campaign_wrap .campaign_video{height: 331px; background: url(../images/98830.gif) 0px 20px no-repeat; margin-top: 44px; padding-top: 27px;background-size: cover;} */
    .campaign .campaign_wrap .campaign_video{height: auto; background: url(../images/campaign_main_mo.png) no-repeat 90% 20px; margin-top: 44px; padding-top: 27px; padding-bottom:27px; background-size: cover;}
    .campaign .campaign_wrap .campaign_video::before{content: ""; position: absolute; top:0; left: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0.6);}
    .ready_wrap .ready .ready_d{font-size: 12px; padding-top: 7px}
    .ready_wrap .ready .ready_t{font-size: 16px;}
    .ready_wrap .ready{padding: 10px;}
    .campaign_bn7 .campaign_test{text-align:center;}
    .campaign_bn6 .bn6_textbox .bn6_img{width:100%;}
    .srch .index_count{padding: 25px 0 7px 0;}
    .srch ul li.right,.srch ul li.left{float:none;}
    .srch .icon_srch{top: 63px}
    .srch .input_srch{padding: 0 55px 0 15px;width: 100%;}
}

/* gallery_area css */
.gallery_area{padding:25px 0 0 0;}
.gallery_area .gallery>ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.gallery_area .gallery .gallery_con{width: calc(25% - 40px); margin: 20px;}

/*.gallery_area .gallery .gallery_con:nth-child(4n+4){margin-right: 0;}*/
.gallery_area .gallery .gallery_con>a{display: block; width:100%;}
.gallery_area .gallery .gallery_con .gallery_sum{width:100%; border:1px #dbdde2 solid; padding-bottom:56.25%; background: #f4f4f4; margin-bottom: 10px; position: relative; background-size: 100% !important; background-repeat: no-repeat !important;}
.gallery_area .gallery .gallery_con .gallery_sum.print{width:100%; border:1px #dbdde2 solid; padding-bottom:56.25%; background: #f4f4f4; margin-bottom: 10px; position: relative; background-size: cover !important; background-repeat: no-repeat !important;}
.gallery_area .gallery .gallery_con .tag_nuri{position: relative; top:-10px; left:0; background: rgba(0,0,0,0.6); width:100%; display: block; padding:5px;}
.gallery_area .gallery .gallery_con .tag_nuri ul li{display: inline-block;}
.gallery_area .gallery .gallery_con .tag_nuri ul li .tag_desc1{color:#fff; display: block; font-size:9px;}
.gallery_area .gallery .gallery_con .tag_nuri ul li .tag_desc2{color:#eee; display: block; font-size:9px;}
.gallery_area .gallery .gallery_con .gallery_sum .tag_nuri .tag_nuri_img{width:80px;}
.gallery_area .gallery .gallery_con .gallery_sum.ebook{height:320px;}
.gallery_area .gallery .gallery_con .gallery_sum.photo{height:auto;}
.gallery_area .gallery .gallery_con .gallery_sum.print{width:auto; height:auto; min-height:250px;  border:0 !important;}
.gallery_area .gallery .gallery_con .gallery_sum.ebook .hover_area{width: 100%; height:100%; display: block; text-align: center; background: rgba(0,0,0,0.5); position: absolute; z-index: 1;}
.gallery_area .gallery .gallery_con .gallery_sum.ebook .hover_area .layer_btn{color:#121212; position: absolute; text-align: center; font-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.gallery_area .gallery .gallery_con .gallery_sum.photo .hover_area{width: 100%; height:100%; display: block; text-align: center; background: rgba(0,0,0,0.5); position: absolute; z-index: 1;}
.gallery_area .gallery .gallery_con .gallery_sum.photo .hover_area .layer_btn{color:#121212; position: absolute; text-align: center; font-size: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.gallery_area .gallery .gallery_con .gallery_sum.ebook .ebook_tag{font-size: 13px; color:#fff; background: #333; padding: 5px 10px; display: inline-block; position: absolute; top:10px; left:-10px;}
.gallery_area .gallery .gallery_con .gallery_sum.video{padding-bottom:100%; background-position: center !important; background-size: cover !important;}
.gallery_area .gallery .gallery_con .gallery_tit{font-size: 19px; font-weight: 500; margin-bottom: 5px; width: 100%;/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/}
.gallery_area .gallery .gallery_con .gallery_tit_all{font-size: 19px; font-weight: 500; margin-bottom: 5px; width: 100%; }
.gallery_area .gallery .gallery_con .gallery_tit_all .date_desc{width:70px; font-size:13px; padding:5px 0 0 0; color:#999; display: block; overflow:hidden;  white-space:nowrap;}
.gallery_area .gallery .gallery_con .tag_nuri .tag_nuri_img{width:90px; display: block;}
.gallery_area .gallery .gallery_con .gallery_tit svg{vertical-align: bottom;}
.gallery_area .gallery .gallery_con .gallery_tit:hover{color:red;}
.gallery_area .gallery .gallery_con .gallery_info>div{display: flex; flex-direction: row; flex-wrap: wrap;}
.gallery_area .gallery .gallery_con .gallery_info>div:first-child{margin-right: 20px;}
.gallery_area .gallery .gallery_con .gallery_info>div.gallery_info_date{font-size: 15px; color:#888;}
.gallery_area .gallery .gallery_con .gallery_info>div>b, .gallery_area .gallery .gallery_con .gallery_info>div>span{font-size: 13px; color:#888; font-weight: 400;}
.gallery_area .gallery .gallery_con .gallery_info>div>b{margin-right: 10px; color:#888; font-weight: 500;}
.gallery_area.brand_detail{margin:70px 0 0 0;}
.gallery_tit_cat{color:#fff; position: absolute; top:-10px; left:-10px; padding: 5px 10px;}
.gallery_area.ebook .gallery .gallery_con{width: calc(25% - 50px); margin-right: 66px;}
.gallery_area.ebook .gallery .gallery_con:nth-child(4n+4){margin-right: 0;}

.tab_faq{width:100%; display: block; }
.tab_faq ul li{display: inline-block; color:#ccc; cursor: pointer;padding-bottom: 14px;}
.tab_faq ul li::after{ content: "";vertical-align: middle; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #ccc;  margin: 0 40px;}
.tab_faq ul li.last::after{display:none; content: "";}
.tab_faq ul li a{color:#999;}
.tab_faq ul li a:hover{ padding:0px 0 2px 0; border-bottom:3px #C51818 solid; color:#121212;}
.tab_faq ul li a.on{ padding:0px 0 2px 0;vertical-align: middle; border-bottom:3px #C51818 solid; color:#121212;}

@media screen and (max-width:1200px){
    .gallery_area.ebook .gallery .gallery_con{width:calc(50% - 10px); margin-right: 20px;}
    .gallery_area.ebook .gallery .gallery_con:nth-child(2n+2){margin-right: 0;}
    .gallery_area.ebook .gallery .gallery_con .gallery_sum{background-size: cover; height: auto;}
    .gallery_area.ebook .gallery .gallery_con .gallery_sum.ebook{background-size: cover; min-height: 220px;}
    .gallery_area .gallery .gallery_con .gallery_sum.print{min-height:216px;}
    .gallery_area .gallery .gallery_con{width: calc(33% - 38px);}
    .gallery_area .gallery .gallery_con:last-child{margin-bottom: 0;}
    .gallery_area .gallery .gallery_con .tag_nuri .tag_nuri_img{width:60px;}
    .paging_area .paging_wrap>li>a{width:30px; height:30px; line-height: 30px;}
}

.accor_div{margin:10px 0;}
button.accordion {
    width: 100%;
    background-color: #fff;
    border-top:1px #dbdde2 solid;
    border-left:1px #dbdde2 solid;
    border-right:1px #dbdde2 solid;
    border-bottom:0px #dbdde2 solid;
    text-align: left;
    padding: 15px 20px 15px 70px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s linear;
    position: relative;
    border-radius: 0px;
}

button.accordion:after {
    content: "";
    font-size: 18px;
    float: right;
}

button.accordion.is-open:after {
    content: "";
}

button.accordion:hover,
button.accordion.is-open {
    background-color: #fafafa;
    border:1px #999 solid;
}

.accordion-content {
    background-color: white;
    border-left: 1px solid #dbdde2;
    border-right: 1px solid #dbdde2;
    border-bottom: 1px solid #dbdde2;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-in-out;
}

.ic_Q, .ic_A {
    position: absolute;
    left: 17px;
    top: 12px;
    width: 32px;
    height: 32px;
    font-family: "HGGGothicssi";
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    background-color: #999;
    border-radius: 8px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
}
.ic_A{background:#C51818 !important;}

.answer{font-size:16px; line-height: 1.7; position:relative;}
.answer .text_body{padding:17px 50px 30px 70px; font-weight: 500;}



/*********** 플로팅 퀵메뉴 ***********/
#quickMenu {
    position: fixed;
    right: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 1;
}

#quickMenu .box {
    position: relative;
    text-align: center;
}

#quickMenu .box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 83px;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
}

#quickMenu .btn_quick {
    position: relative;
    width: 80px;
    height: 83px;
    font-family: "Noto Sans KR";
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.5px;
    padding-top: 45px;
    border-radius: 20px 0 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 19px;
    background-color: #C51818;
}

#quickMenu .quick_list {
    background: #fff;
    border-radius: 0 0 0 20px;
    -webkit-box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
    box-shadow: 5.142px 6.128px 12.35px 0.65px rgba(25, 48, 88, 0.3);
    padding-bottom: 16px;
}

#quickMenu .quick_list li a {
    display: block;
    width: 80px;
    height: 83px;
    font-family: "Noto Sans KR";
    font-weight: 500;
    font-size: 14px;
    color: #444;
    letter-spacing: -.5px;
    padding-top: 48px;
    position: relative;
}

#quickMenu .quick_list li a:hover {
    color: #C51818;
}

#quickMenu .quick_list li.join a {
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 26px;
}

#quickMenu .quick_list li.join a:hover {

}

#quickTalk .btn_talk {
    display: none;
}

.icon_quick{display: block; position: absolute; top: 15px; left: 27px; font-size: 30px;}

#cam_quick{display:none;
    width: 100%;height: 70px;
  	position: fixed;
    bottom: 0;
    z-index: 1;
}
#cam_quick .cam_quickbox .camquick_list{display:flex;}
#cam_quick .cam_quickbox .camquick_list li{ width:100%;text-align: center;line-height: 70px;}
#cam_quick .cam_quickbox .camquick_list .camspecial{ background:#EB0C0C; border-radius: 20px 0 0 0;}
#cam_quick .cam_quickbox .camquick_list .cambasic{background:#000;border-radius: 0 20px 0 0;}
#cam_quick .cam_quickbox .camquick_list li a{color:#fff;font-size: 19px;}
#cam_quick .cam_quickbox .camquick_list .camicon_quick{font-size: 25px;vertical-align: middle;}

@media (max-width: 1200px){
    #quickMenu{display: none;}
}
@media (max-width: 760px){
	#cam_quick{display:block;}
	.tab_faq{text-align: center;}
	.tab_faq ul li::after{margin:0 17px;}
}
/*about*/

#fullpage .section{width: 85%; position: relative; background: url(../images/shutterstock_2060270552.jpg) no-repeat; background-size: cover; background-position: 50% 50%; border-radius: 0 540px 540px 0;}
#fullpage .section.global-footer-container{width: 100%; background: none;}
/* #fullpage .section:first-child .page p{color: #fff;} */
#fullpage .section:nth-child(2){width: 100%; background: url(../images/shutterstock_1298213959.png) no-repeat 84% 36%; background-size: 40%;}
#fullpage .section .page{padding-left: 50px;}
#fullpage .section .page:nth-child(2){padding-top: 100px;}
#fullpage .section:nth-child(3){background: url(../images/shutterstock_1930202945.jpg) no-repeat; background-size: cover; background-position: 14% 50%;}
#fullpage .section:nth-child(4){width: 100%; background: url(../images/catdog.png) no-repeat 0 80px;background-size: contain;}
#fullpage .section:nth-child(4) .bgtext{margin-left: 31%; left: 0;}
#fullpage .section:nth-child(4) .page{text-align: center; padding: 0; margin-bottom: 14%; position:relative; z-index:10}
#fullpage .section .page h2{color: #EB0C0C; font-size: 55px;}
#fullpage .section .page p{color: #000; font-size: 22px; display: inline-block;}
.pd20{padding-top: 20px;}
#fullpage .section .bgtext{position: absolute;top: 77px; left: -3%; font-size: 22em; color: transparent; -webkit-text-stroke: 1px rgba(103, 103, 103, 0.2); font-weight: bold;}
#fullpage .section .page .page_link{padding-top:33px;}
#fullpage .section .page .page_link a{border-bottom: 4px solid; margin: 0 20px;}
#fullpage .section .page .page_link a:hover{color:#EB0C0C;}
#fp-nav ul li a.active span{background-color: #EB0C0C;}
 
.subimg{width:100%; overflow:hidden;}


.act_text:hover .act_img{border: 3px solid #ED1414;}
.act_text:hover .hover_text{color: #ED1414;}
.white .member_wrap{width:700px; margin:0 auto; padding: 100px 0;}
.member-form{display: flex; justify-content: space-between;align-items: baseline;}
.member-form input,.member_edit{width: 420px; height: 40px; border: 1px solid #EB0C0C; opacity: 0.4; border-radius: 6px; padding-left: 5px;line-height: 40px;}
input::placeholder{padding-left: 5px;}
.member-form input:focus,.member-form .select-none:focus{opacity:1;}
.form-group:last-child{border: none;}
.member-form .select-none{width: 420px; height:40px; border: 1px solid #EB0C0C; border-radius: 6px; outline:none; opacity: 0.4;}
p.validate_msg label.error{font-size: 12px;}
.white .member_wrap .form-group .col-xs-6 .ad-border{height: 40px; margin-bottom: 20px;}
.form-group{border-bottom: 1px solid #C5C5C5;padding-top: 26px;}
.white .member_wrap .form_join{border-top: 3px solid #EB0C0C; border-bottom: 3px solid #EB0C0C; margin: 0 15px;}
.member-small{font-size:12px;}
.btnWhite{background-color: #EB0C0C; color:#fff; border-radius: 6px; padding: 7px 5px; cursor: pointer; margin-bottom: 4px; font-size: 12px;}
.white .member_wrap .form-group .align-right{text-align: right;}
.white .member_wrap .checkbox_wrap .checkbox{padding:0;}
.checkbox_wrap .checkbox button{padding:0;}
.checkbox_wrap .checkbox p{display:inline-block;}
.white .member_wrap .special_btn{width:20%;height: 50px;line-height: 50px; color:#fff; border-radius:6px;}
.white .member_wrap .special_btn_wrap{text-align: right;}
.special_btn{background:#EB0C0C;}
.special_btn_wrap #submitBtn{background:#000;}
.docs-demo .img-container{margin:0 auto;}
.docs-buttons .docs_click{background: #000; color: #fff; padding: 5px; border-radius: 4px; display:inline-block; vertical-align: middle;}
.docs-buttons .docs_click button{color:#fff;width:20px;}
.docs-buttons .-crop{background:#EB0C0C;}
.docs-buttons .-crop button{width:100%;}
.plupload_uploader .plupload_wrapper .ui-widget-content{height: 300px;}
#selectPet{margin-bottom:7px;}
.member_wrap .col-xs-3{width:420px;}
.plupload_uploader .plupload_wrapper{min-width:100%;}
.id_result{padding-top:30px;}
.id_result .input-group{background: #EB0C0C; height: 40px; border-radius: 6px; margin: 5px 0;}
.id_result .input-group button{width: 100%; line-height: 40px; color: #fff;}
.id_result .input-group:nth-child(2){background:#000;}
.point1_wrap .point2{padding-top:10px;}
.point1_wrap .point2 strong{color:#EB0C0C;}
.point1_wrap{border-top: 2px solid #EB0C0C; border-bottom: 2px solid #EB0C0C; padding: 15px 7px; text-align: center;}
.id_message{text-align: right; height: 30px; line-height: 30px; }
.code_message input{width:100%;}
.reset_pw{width:30em;}
.check_form{padding:15px;}
.tab-wrap{margin: 0 auto; display: flex;}
ul.tabs{margin: 0px;  width:20%; background:#f5f5f5;}
ul.tabs li{background: none; color: #222; }
ul.tabs li a{display: block; width: initial; padding: 17px 15px;}
ul.tabs li.current{background: #EB0C0C; }
ul.tabs li.current a{color: #fff;}
.tab-menu{width:80%; padding:30px; position: relative;}
.border-tb{border-bottom:3px solid #EB0C0C;}
.tab-content{display: none;}
.tab-content.current{display: inherit;}
.tab-detail{width:85%; padding-left: 10px;}
.form_title{width:15%;}
.tab-menu .form-group{padding:25px;}
.bt_title h2{font-size:22px; color: #EB0C0C; padding-bottom: 10px;border-bottom:3px solid #EB0C0C; }
.mypage-btn{padding:20px 0 80px;float: right; width:320px;}
.pledge_wrap{display:flex; flex-direction: row; flex-wrap: wrap;justify-content: flex-start; padding: 17px 0;}
.pledge_wrap .pledge_img{ margin: 5px;width:32%;border: 1px #dbdde2 solid;}
.pledge_wrap .pledge_img .pledge_pic img{width:100%;}
.pledge_wrap .pledge_img button{background: #ededed;display: block;width: 100%;padding: 15px 0;}
.pledge_wrap .pledge_btn:hover{background:#EB0C0C;}
.pledge_wrap .pledge_btn button{padding:15px 0; width: 100%;}
.pledge_wrap .pledge_mng_img{width:100%;}
.pledge_wrap .pledge_mng_img .pledge_pic{display:flex;}
.pledge_wrap .pledge_img button:hover{background:#EB0C0C;}
.pledge_wrap .pledge_btn button:hover{color:#fff;}
.pet_list{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.pet_list .pet_btn{cursor: pointer;padding: 10px 0; border: 1px solid #C5C5C5; border-radius: 6px; margin:30px 5px 0; width: 32%;text-align: center;}
.pet_list .pet_btn div{display:flex; padding:6px 10px;}
.pet_list .pet_btn div .pet_w{display:inline-block; width:30%;text-align:center;}
.pet_list .pet_btn div .red{display:inline-block; width:70%;text-align: left;}
.pet_view_btn{width: 50%;float: right;}
.pet_view_btn ul{display:flex;}
.pet_view_btn ul li{margin:30px 10px;}
.my_promise_wrap{padding:0;}
.my_view_width .tab-detail{width:70%;}
.my_view_width .form_title{width:30%;}
.select_pet{margin-bottom: 5px;}
.member-form .card_blank input{width: 22%;}
.member-form .card_month input{width: 45%; margin-right: 3px;}
.paytype_cc{padding: 5px 0 10px;}
.paytype_cc .paytype_m{font-size:15px;}
.paytype_cc .pay_cc_wrap p{font-size:13px;}
.content_wrap.my_promise_wrap{width:100%;}

#postWrap {border:1px solid;max-width:500px;width:100%;height:300px;position:absolute;z-index: 1;}
#postWrap img {cursor:pointer;position:absolute;right:0px;top:-1px;z-index:1}
/*서약서 관리*/

.mng_wrap .mng_img img{width: 100%;}
/*.mng_wrap .swiper{width: 100%;border: 1px solid #ccc;}*/
.mng_wrap .swiper{width: 100%;padding: 15%; background-position: center; background-size: contain; background-repeat: no-repeat;}
.mng_wrap .special .swiper{background-image: url('/assets/home/img/content/vow_box_02_square.png')}
.mng_wrap .basic .swiper{background-image: url('/assets/home/img/content/vow_box_01_square.png')}
.mng_wrap{display:flex;flex-wrap:wrap; padding:17px 0;}
.mng_wrap button{background: #ededed;display: block;width: 100%;height: 60px;}
.mng_wrap button:hover{background:#EB0C0C;}

.mng_wrap .swiper-wrapper{height: auto;box-shadow: 0px 0px 10px 2px;border-radius: 4px;overflow: hidden;}
.mng_wrap .item_list{width:calc(33.3% - 10px);margin:5px;}
.mng_wrap .pet_name{margin-bottom: 10px; text-align: center; font-size: 20px; font-weight: 700;}

.mng_wrap .btn-con{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.mng_wrap .btn-con .btn {
    width: calc(50% - 5px);
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    background-color: #EB0C0C;
}

.mng_wrap .btn-con .btn + .btn{
    margin-left: 10px;
}

/*엠배서더 페이지*/
.content_wrap .title_img img{width:100%;}
.frm_wrap_request{width:100%; background:#f5f4f2; display: block; padding:40px 0;}
.frm_wrap_request .write_area{margin:40px 0 10px;}
.frm_wrap_request .wrap{width:600px; margin:0 auto;}
.frm_wrap_request .wrap .desc{font-size:16px; padding:20px 0 0 0; text-align: center; font-weight: 300;}
.frm_wrap_request .wrap .title{color:#eb0c0c; font-weight: 600; font-size:45px; letter-spacing: -0.03em; text-align: center;}
.frm_wrap_request .wrap .write_area ul li{display: inline-block; vertical-align: middle; padding:5px 0;}
.frm_wrap_request .wrap .write_area ul li.label{font-size:17px; padding:15px 6px 0 0; width:20%; vertical-align: top;}
.frm_wrap_request .wrap .write_area ul li.w_area{width:78%}
.frm_wrap_request .wrap .write_area ul li .frm_input{background: #fff; border:1px #ccc solid; padding:7px 10px; border-radius: 4px; width:100%;}
.frm_wrap_request .wrap .write_area .frm_sel{font-size:16px; padding:5px 10px; border-radius: 3px; width:100%; display: block; border:1px #ccc solid;}
.frm_wrap_request .wrap .write_area .txt_area{width:100%; min-height: 80px; padding:10px; font-size: 15px; text-align: left; border:1px #ccc solid;}
.btn_submit1{background: #c70a0a; margin:20px 0; border-radius: 5px; font-size: 18px; font-weight: 600; color:#fff; width:100%; display: block; padding:15px 0 12px;}
.validate_msg{font-size:12px; color:#eb0c0c; padding:5px 0;}
.btn_submit1:hover{background: #a20808}
.be_ready{padding:80px 0;}
.be_ready .wrap{border:1px #dbdde2 solid; width:700px; margin:0 auto; padding:40px; text-align: center;}
.be_ready .wrap .title{color:#eb0c0c; font-size:23px; padding:0 0px 20px 0;}
.be_ready .wrap .desc{padding:10px 0;}
.be_ready .wrap .lg_logo{width: 100px; margin:0 auto; text-align:center;}
.be_ready .wrap .lg_logo img{width:100%;}
.line_div{width:100%; border-top:1px #dbdde2 solid; display: block; margin:25px 0;}

@media (max-width: 1200px){
    .frm_wrap_request .wrap{width:80%;}
    .be_ready .wrap{width:100%;}
    .frm_wrap_request .wrap .title{font-size: 31px;}
    .frm_wrap_request .wrap .desc{font-size:14px;}
    .frm_wrap_request .wrap .write_area ul li.label{font-size:15px; padding-top:5px;}
    .frm_wrap_request .wrap .write_area ul li{vertical-align: text-top;}
    .frm_wrap_request .wrap .write_area .frm_sel{font-size:14px;}
    .be_ready .wrap{width:80%;}
    .mng_wrap .swiper{width:48%;}
}

/*키프리정신*/
.philosophy_wrap{padding:0 20px;}
.philosophy_wrap .phil_textbox{width: 100%; height: 186px; border: 1px solid #EB0C0C; border-radius: 6px; margin: 20px 0; position: relative;}
.philosophy_wrap .phil_textbox:before{content: ''; background: url(../images/love.png) no-repeat; width: 120px; height: 120px; display: inline-block; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left:-60px;}
.philosophy_wrap .phil_textbox:nth-child(2):before{background: url(../images/hand.png) no-repeat; background-size: contain;}
.philosophy_wrap .phil_textbox:nth-child(3):before{background: url(../images/culture.png) no-repeat; background-size: contain;}
.philosophy_wrap .phil_textbox:nth-child(4):before{background: url(../images/talk.png) no-repeat; background-size: contain;}
.philosophy_wrap .phil_textbox:nth-child(5):before{background: url(../images/study.png) no-repeat; background-size: contain;}
.philosophy_wrap .phil_textbox .phii_text{color: #EB0C0C; font-weight: bold; font-size: 30px;}
.rl_50{padding-left: 80px; display: table-cell; height: 186px; vertical-align: middle;}
/*유기동물제로*/
.data_zero_wrap{line-height:1.5;}
.data_zero_wrap .data_textbox p{text-align:center;}
.data_zero_wrap .data_textbox .zero_text1 p{font-size:30px;}
.data_zero_wrap .data_textbox .data_img{width: 68%; margin: 0 auto;}
.data_zero_wrap .data_textbox .data_img img{width:100%;}
.data_zero_wrap .data_textbox .zero_text2 p{font-size:18px;}
/*데이터제로*/
.sub_v_wrap .sub_v_text h3{font-size:55px; color:#eb0c0c; display: inline-block; border-bottom: 8px solid #eb0c0c;}
.sub_v_wrap .sub_v_text .sub_v_d{padding:20px 0;line-height: 1.3;}
.sub_v_wrap .sub_v_text .sub_v_d p{font-size:22px;color:#fff;}
.sub_v_wrap .sub_v_text .campaign_btn a:before{content: ''; background:url(../images/checkbox.png) no-repeat;vertical-align: middle; background-size: contain; width:25px; height:25px;display: inline-block;}
.bg_wrap{background:url(../images/data_bg.png) no-repeat 50% 0; background-size: cover;}

/*서포터즈*/
.support_bg{background:url(../images/lydia-torrey-AovflqCt9Ws-unsplash.jpg) no-repeat 0px; background-size: cover; padding-top: 90px;}
/*엠버서더*/
.am_join_wrap{display: flex; justify-content: space-between;}
.amb_bg{background:url(../images/mitchell-orr-1Y4LupdrDZk-unsplash.png) no-repeat; background-size: cover; padding-top: 90px;}
.amb_text{padding-top: 272px; width: 1200px; margin: 0 auto;}
.am h3{font-size: 35px; color: #EB0C0C; padding: 70px 0 60px;}
.am_first .am_first_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.am_first .am_first_box .am_box{flex-grow: 1; flex-basis: 47%; text-align: center; margin: 0 10px;}
.am_first .am_first_box .am_box .first_img{ height: 400px;}
.am_first .am_first_box .am_box img{width: 100%;height:100%; border: 3px solid #EB0C0C; border-radius: 6px;} 
.am_first .am_first_box .am_box .am_box_title{font-size: 30px; color: #EB0C0C; font-weight:bold;padding-top:20px;}
.am_sec{padding-top:80px;}
.am_sec .am_sec_box{display: flex; justify-content: space-between;}
.am_sec .am_sec_box .sec_box{width: 31%; text-align: center;}
.am_sec .am_sec_box .sec_box img{width:100%; height: 350px;}
.pb30{padding-bottom:30px;}
.am_third{width: 100%; background: #f5f4f2;padding-bottom: 130px;}

.am_third .grade_wrap{text-align: center;}
.am_third .grade_wrap .grade_img{display:inline-block;text-align: center; margin: 0 30px; width:230px; height:230px;}
.am_four .am_join_wrap .am_join{ border: 1px solid #EB0C0C; border-radius: 6px;vertical-align: top; min-height: 400px; margin:15px; padding: 15px; flex-basis: 33%;}
.am_four .am_join_wrap .am_join p{color: #EB0C0C; font-size: 25px; font-weight:bold;}
.am_four .am_join_wrap .am_join span{display:inline-block;}
.am_four .am_join_wrap .am_join ol{padding-top: 20px;}
.am_four .am_join_wrap .am_join ol li{padding: 10px 5px;}
.am_four .am_join_wrap .am_join ol li span{display: block; padding-top: 6px;}

/*연락처*/
.contact h3{color: #EB0C0C; font-size: 55px; padding-top:50px;}
.contact .contact_sub{font-size:20px; padding: 20px 0 70px;}
.contact .contact_list{display: flex; justify-content: space-between;}
.contact .contact_list .list_check{width: 372px; height: 400px;margin: 0 15px;text-align: center; border: 1px solid #EB0C0C; border-radius: 6px; background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(235,12,12,1) 60%);}

.contact .contact_list .list_check img{width: 148px; height: 148px;}
.contact .contact_list .list_check p{color: #EB0C0C;}
.contact .contact_list .list_check p:nth-child(2){font-size: 30px; font-weight: bold;}
.list_text{padding-top:100px;}

/*서베이*/
.survey_wrap{padding-top: 90px; background:url(../images/eric-ward-ISg37AI2A-s-unsplash.jpg) no-repeat 0px; background-size: cover;}
.sub_v_wrap .sub_v_text .survey_subtitle{font-size:35px;color:#fff;}

.pet_edit_form .idpw input{width:420px;}
.pet_edit_form .idpw{display: flex; justify-content: space-between; align-items: baseline; padding-top: 10px;}

.campaign_table {
    background-color: rgb(255, 255, 255, 0.6);
    padding: 20px;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:10px;
}

.campaign_table tr {

}

.campaign_table tr td {
	padding:10px 20px;
	text-align:center;
}

.campaign_table tr:first-child td {
    border-bottom: 1px solid #000000;
}

.campaign p.notice {
	color:#eb0c0c;
}

.campaign span.notice {
	color:#eb0c0c;
	font-size:16px;
}

.campaign .bn6_p p strong { font-size:26px; }

.campaign .bn6_p p span.bold { font-size:1.1em; font-weight:bold; }

@media (max-width: 1200px){
	.sub_visual .sub_tit{padding: 220px 70px 0;}
	.data_zero_wrap .data_textbox .zero_text1 p{font-size:20px;}
	.data_zero_wrap .data_textbox .zero_text2 p{font-size: 15px;}
	.sub_v_wrap .sub_v_text h3{font-size:30px;border-bottom: 4px solid #eb0c0c;}
	.sub_v_wrap .sub_v_text .sub_v_d p{font-size:17px;}
	.sub_v_wrap .sub_v_text .campaign_btn a:before{width: 20px;height: 20px;}
	.sub_v_wrap .sub_v_text .survey_subtitle{font-size:25px;}
	.campaign_btn{height: 40px;}
	.campaign_btn a,.campaign_btn button{line-height: 40px;font-size: 15px;}
	.campaign_bn6 .bn6_textbox .meet_text .campaign_btn{width:100%;}
	.contact .contact_sub{font-size: 15px;}
	.contact .contact_list .list_check img {width: 80px;height: 80px; margin-top: 7px;}
	.list_text {padding-top: 85px;}
	.contact .contact_list .list_check {width: 372px;height: 300px;}
	.contact .contact_list .list_check p:nth-child(2) {font-size: 20px;}
	.contact h3{font-size:30px;}
	#fullpage .section{border-radius:0; width:100%;}
	#fullpage .section .page p{font-size: 15px;}
	.am_first .am_first_box .am_box .first_img{height: 314px}
	.am_sec .am_sec_box .sec_box img{height: 30vw;}
	.am_third .grade_wrap .grade_img{width: 152px; height: 142px;margin: 0 15px;}
	.am_third .grade_wrap .grade_img img{width:80%;}
	.am_four .am_join_wrap .am_join{height: 330px;}
	.main .together .swiper-button-next.together_btn{right: 15%;}
	.pet_list .pet_btn{width:48%;}
	.pledge_wrap .pledge_img {width: 48%;}
	.main .activities .activity_slide .act_text .act_img{height:300px;}
	
}
@media screen and (max-width:760px){

	.campaign_bn6 .bn6_textbox .meet_text .num_box span {
		font-size:14px;
		margin-bottom:10px;
	}

	.campaign_table tr td {
		padding:10px 10px;
		text-align:center;
	}

	.ready_wrap {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	div.meet_text { padding-bottom: 40px; }

	.sub_visual .sub_tit .sut01{font-size: 30px;}
	.sub_visual .sub_tit .sut02{margin-left:0;}
	.contact .contact_list {flex-direction: column; align-items: center;}
	.contact .contact_list .list_check {width: 250px;height: 250px;}
	.contact .contact_list .list_check{margin: 15px 0;}
	.list_text {padding-top: 65px;}
	.philosophy_wrap .phil_textbox{height: 223px; margin-top: 80px;}
	.philosophy_wrap .phil_textbox:before{left: 50%; transform: translateX(-50%); top: -60px;}
	.rl_50 p:nth-child(2){font-size:12px;}
	.rl_50{height: 223px;padding: 10px;text-align: center;}
	.philosophy_wrap .phil_textbox .phii_text{font-size: 20px;}
	.white .member_wrap .special_btn{width:100%; margin:5px 0;}
	#fullpage .section .page{padding: 0 20px;}
	#fullpage .section .page h2{font-size: 30px;}
	#fullpage .section .page p{font-size: 12px;}
	#fullpage .section:nth-child(2){background-position: 12% 23%;background-size: 70%;}
	#fullpage .section .bgtext{display:none;}
	#fp-nav.right{right: 10px !important;}
	#fp-nav{margin-top:0 !important;}
	.my_promise_wrap,ul.tabs li,.tab-menu,.pet_list .pet_btn,.mypage-btn{width:100%;}
	.tab-wrap,.pet_list{display:block;}
	ul.tabs{width: 100%;display: flex; justify-content: space-evenly; text-align: center;}
	.pledge_wrap{justify-content: center;}
	.pledge_wrap .pledge_img {width: 100%;}
	.pet_view_btn{float:none; width: 100%;}
	.pet_list .pet_btn{margin: 30px 0px;}
	.col-xs-3{padding-top:3px;}
	.mypage-btn{float:none; margin: 0 auto;}
	.campaign p{font-size:12px;}
	.campaign p.notice {font-size:10px; letter-spacing:-0.2px; margin-top:4px;}
	.campaign span.notice {
		color:#eb0c0c;
		font-size:2.4vw;
	}
	.campaign_btn a{line-height: 35px; font-size: 13px;}
	.campaign_btn{height: 35px;}
	.campaign h3 span,.campaign h3{font-size:19px;}
	.campaign_bn7 .test_img{width: 222px; height: 300px; margin-top:30px;}
	.campaign_bn6 .bn6_textbox{display:block;}
	.campaign_bn6 .bn6_textbox .bn6_img{height: 350px;}
	.campaign_bn6 .bn6_textbox .meet_text{padding: 10px; width:100%;}
	.campaign_bn4 .graph_box .graph_wrap .graph_item .graph{padding: 3px 0;}
	.campaign_bn4 .graph_box .graph_wrap .graph_item .graph p,.campaign_bn4 .graph_box .graph_wrap .graph_item .graph span{font-size: 13px;}
	.join_member, .member-form input,.member-form .select-none,.member_edit,.idpw input,.join_wrap .idpw select,.pet_edit_form .idpw input,.member_wrap .col-xs-3,.white .member_wrap{width: 100%;}
	.member-form,.pet_edit_form .idpw,.login .login_wrap .id_form{display:block;}
	.campaign_bn4 .graph_box .graph_wrap .graph_item p:after{height: 15px;}
	.campaign_bn4 .graph_text{background:#F5F4F2; padding: 40px 0;}
	.campaign_bn6 .bn6_textbox .meet_text .and{font-size: 15px;}
	.main .together .swiper-pagination-progressbar{top: 23px; left: 50%; transform: translateX(-50%);}
	.main .swiper-button-prev,.main .swiper-button-next{width: 30px; height: 30px;}
	.main .together .swiper-button-next.together_btn{right: 0%;top: 32px;}
	.main .together .swiper-button-prev.together_btn{left: 0%;top: 32px;}
	.main .together{padding: 50px 0; background-size: 1000px; background-position:-29px 0;}
	.am_join_wrap{flex-direction: column;}
	.am_third .grade_wrap .grade_img{width: 29%;}
	.am_third{padding-bottom: 60px;}
	.gallery_area .gallery .gallery_con {width: calc(50% - 20px); margin:10px;}
	.gallery_area .gallery .gallery_con.p100 {width: 100%;}
	.form-group .tab-detail{width:100%; display:block; padding: 15px 0 0 0;}
	.form-group .form_title{width:100%; display:block;color:#EB0C0C;}
	.join_member .login_find li{width:100%;}
	.main .promise{background: url(../images/line6.png) no-repeat 0px bottom; background-size: contain;}
	.campaign_sign .sign_title p{font-size:22px;}
	.campaign_sign .sign_title{width: 326px;margin: 0 auto;}
	.campaign_btn a, .campaign_btn button{line-height: 35px;}
	.paytype_cc .pay_cc_wrap p{font-size:11px;}
	.paytype_cc .paytype_m{font-size:13px;}
	.pet_list .pet_btn div .pet_w{width: 50%;}
	.pet_list .pet_btn div .red{ width: 50%; padding-left: 10px;}
	ul.tabs li a{padding:17px 0;}
	.data_zero_wrap .data_textbox .zero_text1 p{font-size: 15px;}
	.data_zero_wrap .data_textbox .zero_text2 p{font-size: 13px;}
	.sub_v_wrap .sub_v_text h3{border:none;}
	.sub_v_wrap .sub_v_text .sub_v_d{padding:10px 0;}
	.amb_bg{background-position:70%;}
	.member-form .card_blank{display:flex;align-items: center;}
	.member-form .card_blank input{width: 100%; margin: 0 4px}
	.mng_wrap{flex-wrap:wrap;}
	.mng_wrap .swiper{width:100%;}
}
@media screen and (max-width: 480px) {
	.mng_wrap {flex-direction: column;}
	.mng_wrap .swiper{width:100%;}
	.mng_wrap .item_list {width: 100%;}
}
.modal-content img{width:100%;}
/*서약의돌*/
.canvas {overflow: hidden; height: 1100px; width:100%; position: relative;}
@media (max-width: 2000px) {
    .canvas {
        overflow: hidden;
        height: 920px;
        position: relative;
    }
}
.ss_bg{
    background:url('/assets/home/img/img_vow_bg.png') center center no-repeat;
    background-size:cover;
    width:100%;
    height:100vh;
    animation: 5s ease 0s normal none  running zoomin;
    -webkit-animation: 4s ease 0s normal none  running zoomin;
    -o-animation: 5s ease 0s normal none  running zoomin;
    -moz--o-animation: 5s ease 0s normal none  running zoomin;
    position: absolute;
}
.ss_frame{width:100%; height:100vh; display: block; position: relative; z-index:6;}
.ss_frame .ss_bg_frame{width:100%; height:100%; position: absolute; top:0%; left:0; }
.ss_frame .wrap{width:1200px; margin:0 auto; color:#fff; position: relative; display: block; text-align: center; z-index: 6;}
.ss_frame .wrap .title{position: relative; display: inline-block; text-align: center; margin:13% auto 10px;}
.ss_frame .wrap .wrap_board{width:792px; height:441px; margin:0 auto; background:url('/assets/home/img/bg_plate.png') center center no-repeat;}
.ss_frame .wrap .wrap_board .tab_area{margin:30px 0 10px; padding:20px 40px 0px; text-align: left;}
.ss_frame .wrap .wrap_board .tab_area .sel_ss{font-size:13px; padding:5px 10px 3px;}
.ss_frame .wrap .wrap_board .tab_area .sel_ss option{font-size:13px;}
.ss_frame .wrap .wrap_board .bg_board .contents_roll{width:90%; height:300px; margin:0 auto; padding:0 30px; overflow: hidden; background:#000; border:1px #807765 solid; text-align:left;}
.ss_frame .wrap .wrap_board .bg_board .contents_roll .scroll{height: fit-content; animation: marquee-up 20s linear infinite; display: inline-block; text-align:left;}
.ss_frame .wrap .wrap_board .bg_board .contents_roll .scroll ul li{display: inline-block; padding:20px 0 0px; vertical-align: middle;}
.ss_frame .wrap .wrap_board .bg_board .contents_roll .scroll ul li.tag{width:20%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#bdb396;}
.ss_frame .wrap .wrap_board .bg_board .contents_roll .scroll ul li.msg{width:55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#6f6855;}
.bg_dim {background: rgba(33, 29, 25, 0.7); width: 100%; height: 100vh; display: block; position: fixed; z-index: 5; top:0; left:0;}
.ss_btn_area{padding:25px 0;}
.ss_btn_area ul li{display: inline-block; margin:0 6px;}
.btn_ss{border:1px #565453 solid; background: #000; padding:12px 20px 8px; color:#bdb396; font-size:16px;}
.btn_ss:hover{background:#121212; color:#bdb396;}
@keyframes zoomin {
    /*페이지 로드시 처음 시작되는 배경애니메이션 zoom out*/
    0% {
        transform: scale(1.1, 1.1)
    }
    100% {
        transform: scale(1, 1)
    }
}
@keyframes marquee-up {
    /*서약의 돌 중간 부분 목록 올라가는 애니메이션*/
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
/*내 서명 목록*/
.ss_popup_list{width:100%; height:100%; display: block; position: absolute; z-index: 10; }
.ss_popup_list .bg_dim_popup{width:100%; height:100%; display: block; position: fixed; z-index: 11; background:rgba(0,0,0,0.7);}
.ss_popup_list .list_bg{background:#272727; width: 950px; padding:30px 60px; border:1px #807765 solid; position: absolute; z-index:13; top:50%; left:50%; transform:translate(-50%,-50%);}
.ss_popup_list .list_bg .title{color:#bdb396; font-size:20px; padding:0 0 25px 0;}
.ss_popup_list .list_bg .list_wrap{width:100%; height:340px; overflow:auto;}
.ss_popup_list .list_bg .btn_popup_close{position: absolute; right:-20px; top:-20px; border:2px #807765 solid; background: #000; padding:5px; cursor:pointer;}
.ss_popup_list .list_bg .btn_popup_close .icon_popup{font-size:30px; color:#999;}
.ss_popup_list .list_bg .list_wrap ul li{display: inline-block; width:calc(97%/3); padding:0 20px; text-align: center; margin:0 0px 50px 0;}
.ss_popup_list .list_bg .list_wrap ul li .pic_area{padding:0 0 0px 0; margin:0 0 20px 0; border:2px #000 solid;}
.ss_popup_list .list_bg .list_wrap ul li .pic_area img{width:100%;}
.poster_detail{ position: absolute; z-index:13; top:50%; left:50%; transform:translate(-50%,-50%); box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.poster_detail img{width:100%;}
.dim_poster{width:100%; height:100%; display: block; position: absolute; z-index: 11; background:rgba(0,0,0,0.8);}
.box_share{background:#fff; border-radius: 12px; border:3px #bdb396 solid; padding:20px; width:auto; margin:0 auto; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:12;}
.box_share .title{color:#bdb396; font-size:20px; padding:0 0 25px 0; text-align: center;}
.box_share ul li{text-align: center; display:inline-block; padding:0 10px; margin:0 0 10px 0;}
.box_share .btn_share_sns{display: inline-block; padding:15px; color:#fff; border-radius: 50%;}
.box_share .btn_share_sns.facebook{background: #4867aa;}
.box_share .btn_share_sns.twitter{background:#29a4d9;}
.box_share .btn_share_sns.insta{background:#EB0C0C;}
.box_share .btn_share_sns .icon_sns{font-size:28px;}
.btn_area_pop{margin:10px 0 0 0; text-align: center;}
.btn_area_pop .btn_ss{font-size:14px; width:100%; display: inline-block;}

.frame_effect{width:100%; height:50%; border:0px red solid;}
.frame_effect .eff_left{width:45%; height:100%; border:0px blue solid; float:left;}
.frame_effect .eff_right{width:45%; height:100%; border:0px yellow solid; float:right;}

.poster_detail.mypage .box_share{min-width:240px; text-align: center;}
.poster_dim_mypage{background:rgba(0,0,0,0.5); width:100%; height:100%; display: block; top:0; left:0; position: fixed;}


/*데이터 댓글창*/
.comment_wrap .comment_area{width: calc(100% - 10%); margin: 0 auto;}
.comment_wrap .comment_area h2{font-size:24px;}
.comment_wrap .comment_area .depth1,.comment_wrap .comment_area .reply_write .reply_area .reply{width: 100%;padding:10px; border:none; border-bottom: 1px solid #C5C5C5;}
.comment_wrap .comment_area tr:last-child .depth1,.comment_wrap .comment_area .reply_write .reply_area tr:last-child .reply{border-bottom:none;}
.comment_wrap .comment_area table{border:none; border-top: 3px solid #EB0C0C; border-bottom: 3px solid #EB0C0C; margin: 10px 0;}
.comment_wrap .comment_area .buttun_date_area .regist_date,.comment_wrap .comment_area .buttun_date_area .modify_data{font-size: 13px; color: #c5c5c5; font-weight: 100;}
.comment_wrap .comment_area .depth1 .register_name{color: #444; padding: 5px 0;}
.comment_wrap .comment_area .depth1 .detpth1_content{font-size: 20px; padding: 5px 0;}
.comment_wrap .comment_area .depth1 .buttun_date_area,.comment_wrap .comment_area .reply_write .reply_area .buttun_date_area{display:flex; justify-content: space-between; }
.comment_wrap .comment_area .reply_write .reply_area{padding:0 15px;}
.comment_wrap .comment_area .reply_write .reply_area .reply .reply_content{word-break: break-all;}
.comment_wrap .comment_area .reply_write,.comment_wrap .comment_area .reply_write td{border:none;}
.comment_wrap .comment_area .reply_write td{border-bottom:1px solid #C5C5C5;}
.comment_wrap .comment_area .reply_write:last-child td{border-bottom:none;}
.comment_wrap .comment_area .reply_write .reply_area .reply{margin:0;}
.depth1_btn_group button,.depth1_btn_group .reply span,.depth2_btn_group button{font-size: 15px;}
.depth1_btn_group .comment_modify:after,.comment_modify_save:after,.depth2_btn_group .comment_modify:after,.depth2_btn_group .comment_modify_save{content:'|'; padding: 5px;}
.depth1_btn_group .comment_modify:before,.comment_modify_save:before{content:'|'; padding: 5px;}
.depth2_btn_group .comment_modify_save:before{content:''; padding: 0;}
.reply_write .reply_area .modifier_name{color:#444; font-size:15px; padding: 5px 0;}
.reply_write .reply_area .reply_content{padding:5px 0;}
#replyContent,#commentContent{padding: 5px; width: 100%; margin: 15px 0 5px; resize: none; height: 100px;border-color: #c5c5c5;}
#replyContent:focus,#commentContent:focus{outline-color:#EB0C0C;}
.reply_write .word_cnt_reply,.word_cnt{text-align:right;}
.depth2_save_btn,.depth1_save_btn{text-align: right; padding: 3px 0 15px;}
.depth2_save_btn button,.depth1_save_btn button{background:#f5f5f5; padding:10px 30px;}
.word_cnt_reply,.cur_cnt_reply,.max_cnt_reply,.word_cnt,.cur_cnt,.max_cnt{font-size:13px;}
.comment_wrap .comment_area .frm_validate{position: relative;}
.comment_wrap .comment_area .frm_validate .word_cnt{position: absolute; top: 90px; right: 15px; color: #444;}
.data_bg{background:url(../images/data_bg.png) no-repeat 0px; background-size: cover; padding-top: 33px;}

@media (max-width: 1200px) {
	.comment_wrap .comment_area .frm_validate .word_cnt{top: 85px;}
}
@media (max-width: 760px) {
    .poster_detail{width:90%;}
    .box_share{width:80%; text-align: center;}
    .comment_wrap .comment_area .depth1 .buttun_date_area, .comment_wrap .comment_area .reply_write .reply_area .buttun_date_area{display:block;}
    .depth1_date_group,.regist_date,.depth1_btn_group{display: block;width: 100%;}
    .comment_wrap .comment_area .depth1 .detpth1_content{font-size:15px;}
    .comment_wrap .comment_area .buttun_date_area .regist_date, .comment_wrap .comment_area .buttun_date_area .modify_data{font-size:11px;}
    .depth1_btn_group button, .depth1_btn_group .reply span, .depth2_btn_group button{font-size:13px;}
    .depth2_save_btn button, .depth1_save_btn button{width: 100%;}
    .word_cnt_reply, .cur_cnt_reply, .max_cnt_reply, .word_cnt, .cur_cnt, .max_cnt{font-size:10px;}
    #replyContent, #commentContent{height:50px;}
	.comment_wrap .comment_area .frm_validate .word_cnt{top:45px;}
	.campaign_btn {width:100%;}
	/*#postWrap{width: 358px !important;}*/
}
/*.swiper .swiper-wrapper{height:auto;}*/

.cam_container{line-height:1.7;}
.cam_container ul.tabs{background: #000; width: 100%; display: flex;}
.cam_container ul.tabs li{display: inline-block; width: 50%; text-align: center;transition-duration: 0.5s;}
.cam_container ul.tabs li a{color: #fff; width: 100%; display: block; padding: 15px 0;}
.cam_container ul.tabs li.current{background: #C51818;}
.cam_container ul.tabs li:hover{background: #C51818;}
.cam_container .tab-content{display: none;}
.cam_container .tab-content.current{display: inherit;} 

.cam_sub{background: #b51414;}
.special_sub{background: #424242;}
.cam_sub .sub_v .sub_title{color: #fff; display: flex; justify-content: center; padding:200px 0 100px;}
.cam_sub .sub_v .sub_title .camsub_text .camsub_t h2{font-size: 90px; line-height: 1;}
.cam_sub .sub_v .sub_title .camsub_text .camsub_t p{font-size: 24px;}
.cam_sub .sub_v .sub_title .camsub_text .camsub_d{padding-top: 40px;}
.cam_sub .sub_v .sub_title .camsub_text .camsub_d p{font-size: 20px;}
.cam_sub .sub_v .sub_title .camsub_text .camsub_d .camsub_cc{font-size: 14px;}
.cam_sub .sub_v .sub_title .sub_v_img{display: flex; padding-left: 65px;}
.cam_sub .sub_v .sub_title .sub_v_img li{width: 270px;}
.cam_sub .sub_v .sub_title .sub_v_img li img{width: 100%;}
.special_sub.cam_sub .sub_v .sub_title{display: block; text-align: left;}

.pd90{padding: 90px 0;}
.action h3{font-size: 40px; text-align: center;}
.action .underline{text-decoration: underline; font-weight: 700;}
.action .action_text{text-align: center;}
.action .action_text .action_text_tsub{font-size: 25px; font-weight: 700;}
.action .action_text .action_text_d{font-size: 17px; padding-top: 40px;}
.red{color: #EB0C0C; font-size: 1.1em;}
.action .action_pet{background:#eeebe7; border: 2px solid #EB0C0C; display: flex; text-align: center;}
.action .action_pet .same_pet:before{content: ''; display: inline-block; background: url(../images/d602b67adb197.png) no-repeat 0 0; width: 23px; height: 25px; background-size: contain; vertical-align: middle;}
.action .action_pet .pet2{border-left: 2px solid #EB0C0C; border-right: 2px solid #EB0C0C;}
.action .action_pet .same_pet p:first-child{font-size: 26px; font-weight: 700; padding: 15px 0; display: inline-block; vertical-align: middle;}
.action .action_pet .same_pet p:nth-child(3){font-size: 15px; padding: 11px 0;}
.action .action_pet .same_pet img{width: 100%;}
.action .action_reason .reason_text{display: flex; justify-content: center;}
.action .action_reason .reason_t{font-size: 30px; color: #EB0C0C; font-weight: 700; padding-right: 20px;}
.action .action_reason .reason_d p{font-size: 17px;}

.action .sunlife{background: url(../images/sunlife_bg.png) no-repeat; background-size: cover; }
.action .sunlife .sunlife_wrap{text-align: center;}
.action .sunlife .sunlife_wrap .sunlife_t{color: #fff; padding-bottom: 30px;}
.action .sunlife .sunlife_wrap .sunlife_box{display: flex; justify-content: center}
.action .sunlife .sunlife_wrap .sunlife_box .box_bg{height:100%;}
.action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1{ margin: 0 10px; background: rgba(255, 255, 255, 0.5); }
.action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 img{width: 100%;}
.action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_t{font-size: 22px; font-weight: 700;}
.action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_d{padding: 0 10px 10px;}
.action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_d p{font-size: 17px;}

.action .lucete .swiper{width: calc(33% - 30px); height: 100%;}
.action .lucete .swiper .swiper-wrapper .swiper-slide img{width: 100%;}
.swiper-pagination .swiper-pagination-bullet{background-color:#fff;}
.action .lucete .lucete_text{width: calc(67% - 30px);}
.action .lucete .lucete_text .lucete_t{color: #EB0C0C; text-align: left;}
.action .lucete .lucete_text .lucete_d{font-size: 20px; padding: 20px 0;}
.action .lucete .lucete_box,.action .lucete .lucete_box .lucete_list{display: flex;}
.action .lucete .lucete_box .lucete_list{flex-wrap: wrap;}
.action .lucete .lucete_list li{text-align: center; font-size: 15px; padding-bottom: 10px; width:155px;;}

.action .join_md .md_list{display: flex; color: #fff; justify-content: space-around; padding: 30px 0 20px;}
.action .join_md .md_list li{border-radius: 6px; text-align: center; padding: 40px 15px; width: calc(32% - 40px);}
.action .join_md .md_list li:first-child{background: #EB0C0C;}
.action .join_md .md_list li:nth-child(2){background: #b51414;}
.action .join_md .md_list li:last-child{background: #000;}
.action .join_md .md_list .md_list_t{font-size: 24px; font-weight: 700;}
.action .join_md .md_list .md_list_sub{font-size: 15px; padding: 5px 0 20px;}
.action .join_md .md_list .md_list_d{font-size: 17px;}
.action .join_md .md_cc{font-size: 15px; text-align: left;}

.action .pet_service .option_box{padding: 40px 90px;}
.action .pet_service .option_box .option_select{background: #EB0C0C; width: 100px; height: 30px; line-height: 30px; font-size: 15px; color: #fff; text-align: center;}
.action .pet_service .option_box .option_basic{display: flex; border-top: 1px solid #000; padding: 20px 10px;}
.action .pet_service .option_box .option_basic .option_t{font-size: 24px; color: #EB0C0C; font-weight: 700; width: 17%;}
.action .pet_service .option_box .option_basic .option_tbox{width: 83%; font-size: 17px;}
.action .pet_service .option_box .option_basic .option_tbox .option_d{color: #EB0C0C; font-weight: 700;}
.action .pet_service .option_box .option_basic .option_tbox .option_md{padding-top: 10px;}
.action .big_cc{font-size: 13px; text-align: right; border-top: 1px solid #000;}
.action .big_cc i{vertical-align: middle;}

.bye .swiper {padding-top: 50px;}
.bye .swiper .swiper-wrapper{height:auto;}
.bye .swiper-slide {text-align: center; font-size: 18px; background: #fff;}
.bye .bye_img{padding-bottom: 20px;}
.bye .swiper-slide img {display: block; width: 100%;}
.bye .bye_t{font-size: 20px;}
.bye .bye_d{font-size: 15px; color: #acacac;}
.bye .swiper .swiper-button-prev:after,.swiper-button-next:after{display: none;}
.bye .swiper .by1{background: url(../images/chevron-left-light.svg) no-repeat; margin-left: -10px;}
.bye .swiper .by2{background: url(../images/chevron-left-light.svg) no-repeat; margin-right: -10px;}
.bye .swiper .swiper-button-next{transform: rotate(180deg);}
.bye .swiper .bye_btn{background-color: rgba(255, 255, 255, 0.5); width: 40px; height: 40px; top: 44%; background-position: center; background-size: 50%;}

.action .company .team_up{display: flex; padding-bottom: 50px;}
.action .company .team_up .team1{width: 100%;}
.action .company .team_up .team1 img{width: 100%;}
.action .company .big_cc{text-align: center; padding: 15px 0 50px; border: none;}

.special_promise h3{font-size: 30px; text-align: center;color: #b51414;}
.special_promise .promise_wrap{background: #eeebe7;}
.special_promise .promise_title{ padding: 90px 0;}
.special_promise .promise_list .list_num{display: flex; padding-bottom: 15px;}
.special_promise .promise_list .list_num .list_num_img{width: 40%;  padding-right: 73px;}
.special_promise .promise_list .list_num:first-child .list_num_t{border-top: 1px solid #000;}
.special_promise .promise_list .list_num .list_num_t{display: flex; align-items: center; width: 60%;  border-bottom: 1px solid #000;}
.special_promise .promise_list .list_num .list_num_t p{font-size: 17px;}
.special_promise .promise_list .list_num div img{width: 100%;height: 100%;}
.special_promise .promise_list i{color: #eeebe7; vertical-align: middle; margin-right: 17px;background: #000; border-radius: 50%; padding: 5px;}
.special_promise .badge_box h3 .cor_red{color: #EB0C0C; font-size: inherit;}
.special_promise .badge_img{width: 500px;height: 40%; margin: 0 auto; padding-top: 50px;}
.special_promise .badge_img img{width: 100%; height: 100%;object-fit: contain;}
.special_promise .badge_text{text-align: center; font-size: 15px; color: #b51414;}
.special_promise .badge_text .badge_cc{font-size: 13px; opacity: 0.7;}
.special_promise .promise_slide .swiper{width: 500px; height: 700px; position: sticky; top: 90px;}
.special_promise .promise_slide .swiper-slide img{width: 100%;height: 100%; object-fit: cover;}
.special_promise .promise_slide p{font-size: 13px; padding-top: 8px;}
.special_promise .promise_form{display: flex;}
.special_promise .promise_form .promise_write{width: 100%; padding-left: 70px;}
.special_promise .promise_form .promise_write .write{padding: 13px 0;}
.special_promise .promise_form .promise_write input{display: block; width: 100%; border-bottom: 1px solid #000;}
.special_promise .promise_form .promise_write input:focus{outline: none; border-color: #EB0C0C;}
.special_promise .promise_form .promise_write label{display: block; width: 100%; padding: 8px 0; font-size: 15px;}
.special_promise .promise_form .promise_write .form_cc{font-size: 13px; color: #EB0C0C; padding-top: 3px;}
.required:after{content: ''; display: inline-block; width: 5px; height: 5px; background: #EB0C0C; border-radius: 50%; margin-left: 4px; vertical-align: middle;}
.special_promise .promise_form .promise_write .write_radio,.write_check{display: flex;    align-items: center;}
.special_promise .promise_form .promise_write .write_radio input,.special_promise .promise_form .promise_write .write_check input{width: 13px; margin-right: 7px;}
input[type=radio],input[type=checkbox]{accent-color: #eb0c0c;}
.special_promise .promise_form .promise_write select{outline: none; border: none; border-bottom: 1px solid #000; width: 100%; padding: 3px 0;}
button{border: none; cursor: pointer; color: #fff;}
.action .campaign_btn,.special_promise .campaign_btn{width:400px; margin:0 auto;}
.pet_group .del_pet_btn{background: #eb0c0c;  border-radius: 6px;width:100%; height: 40px; margin-bottom:20px; text-align: center;} 
.pet_group .del_pet_btn button{line-height:40px; width:100%; height:100%; border-radius: 6px}
.add_pet_btn{background:#000; border-radius: 6px; width: 100%;height: 40px; margin-top:20px; text-align: center;}
.add_pet_btn button{line-height:40px; width:100%; height:100%; color:#fff;}
#petArea{padding: 0; border: none;}
.plupload_area{padding:15px 0;}

@media (max-width: 1200px){
    .inner{width: 90%;}
    .action h3{font-size: 30px;}
    .cam_sub .sub_v .sub_title .camsub_text .camsub_t h2{font-size: 80px;}
    .cam_sub .sub_v .sub_title .camsub_text .camsub_t p,.action .action_pet .same_pet p:first-child{font-size: 22px;}
    .cam_sub .sub_v .sub_title .camsub_text .camsub_d {font-size: 15px; padding-top: 35px}
    .cam_sub .sub_v .sub_title .sub_v_img li{width: 215px;}
    .action .action_text .action_text_tsub,.action .action_reason .reason_t{font-size: 22px;}
    .action .action_text .action_text_d p,.action .action_reason .reason_d p,.special_promise .promise_list .list_num .list_num_t p,.action .pet_service .option_box .option_basic .option_tbox{font-size: 15px;}
    .action .action_pet .same_pet p:nth-child(3),.action .lucete .lucete_list li{font-size: 13px;}
    .action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_t{font-size: 19px;}
    .action .lucete .lucete_text .lucete_d p{font-size: 15px;}
    .bye .bye_t{font-size: 17px;}
    .bye .bye_d{font-size: 13px;}
    .special_promise h3{font-size: 22px;}
    .special_promise .promise_write .swiper{width: 380px; height: 600px;}
    .special_promise .promise_form .promise_write{padding: 0 43px;}
    .action .lucete .lucete_list li{width: 128px;}
    .action .pet_service .option_box .option_basic .option_t{font-size: 21px;}
    .action .pet_service .option_box{padding: 40px 44px;}
}
@media (max-width: 1080px){
    .cam_sub .sub_v .sub_title{display: block;}
    .cam_sub .sub_v .sub_title .sub_v_img{justify-content: flex-start; padding:30px 0 0;}
    .cam_sub .sub_v .sub_title .sub_v_img li{width: 255px;}
    .action .sunlife .sunlife_wrap .sunlife_box{flex-wrap: wrap; padding: 0 40px;}
    .action .sunlife .sunlife_wrap .sunlife_box .box_bg{flex:1 1 calc(50% - 30px); padding-bottom: 30px;}
    .promise_slide{display: none;}
}
@media (max-width: 760px){
    .cam_sub .sub_v .sub_title .camsub_text .camsub_t h2{font-size: 64px;}
    .action h3{font-size: 22px;}
    .action .action_text .action_text_tsub,.cam_sub .sub_v .sub_title .camsub_text .camsub_t p,.action .pet_service .option_box .option_basic .option_t{font-size: 19px;}
    .action .action_text .action_text_d,.action .action_reason .reason_d,
    .action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_d p,.action .lucete .lucete_text .lucete_d,
    .action .join_md .md_list .md_list_sub,.action .join_md .md_cc,.special_promise .badge_text{font-size: 13px;}
    .action .action_pet,.action .action_reason .reason_text,.action .pet_service .option_box .option_basic{display: block;}
    .action .action_pet .same_pet:before{width: 20px; height: 22px;}
    .action .action_pet .pet2{border:none;border-top: 2px solid #EB0C0C; border-bottom: 2px solid #EB0C0C;}
    .action .action_reason .reason_t,.action .sunlife .sunlife_wrap h2{font-size: 24px;}
    .action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_t{font-size: 17px;}
    .action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1 .sun_d{padding: 3px;}
    .action .lucete .lucete_list li{font-size: 11px;}
    .action .join_md .md_list li{width: 100%;margin-bottom: 10px; padding: 23px 12px;}
    .action .join_md .md_list{flex-wrap: wrap; padding: 30px 0 0;}
    .action .join_md .md_list .md_list_d{font-size: 15px;}
    .special_promise .badge_img{width: 350px;}
    .action .pet_service .option_box .option_basic .option_t,.action .pet_service .option_box .option_basic .option_tbox{width: 100%;}
    .special_promise .promise_form .promise_write{padding: 0;}
    .special_promise .promise_list .list_num,.action .lucete .lucete_box{flex-wrap: wrap;}
    .special_promise .promise_list .list_num .list_num_img{width: 100%;height: 40vw; padding: 0;padding-bottom: 15px;}
    .special_promise .promise_list .list_num .list_num_t{border: none; width: 100%;}
    .special_promise .promise_list .list_num:first-child .list_num_t{border: none;}
    .pd90{padding: 50px 0;}
    .action_text{padding:50px 10px;}
    .action .sunlife .sunlife_wrap .sunlife_box{padding: 0 3px;}
    .action .sunlife .sunlife_wrap .sunlife_box .box_bg .box1{margin: 0 5px;}
    .action .lucete .swiper,.action .lucete .lucete_text{width: 100%;}
    .action .lucete .lucete_text .lucete_t,.action .lucete .lucete_text .lucete_d{text-align: center;}
    .action .lucete .lucete_box .lucete_list{text-align: center; display: block;}
    .action .join_md .md_list .md_list_t{font-size: 20px;}
    .action .pet_service .option_box{padding:30px 0;}
    .action .pet_service .option_box .option_basic .option_tbox .option_md{padding-top: 5px;}
    .action .lucete .lucete_list li {width:114px; display: inline-block; vertical-align: top;}
    .action .lucete .lucete_text .lucete_t{padding-top:20px;}
    .action .campaign_btn, .special_promise .campaign_btn{width:calc(100% - 22px);}
    .action .company .big_cc{padding: 15px 0 30px}
}

.pledge{
    padding: 200px 0 0;
    background: url("../img/content/vow_bg.jpg") no-repeat center center;
    background-size: cover;
}

.pledge .header-con{
    text-align: center;
    color: #fff;
}

.pledge .header-con h3{
    font-size: 60px;
    font-weight: 500;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.pledge .header-con p{
    margin: 20px 0 40px;
    font-size: 20px;
    line-height: 1.5;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.pledge .header-con .btn-con{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 420px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.pledge .header-con .btn-con .btn{
    width: 200px;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.pledge .header-con .btn-con .btn.red{
    color: #fff;
    background-color: #EB0C0C;
    width: 100%;
    margin-bottom: 20px;
}

.pledge .header-con .btn-con .btn.white{
    color: #EB0C0C;
    background-color: #fff;
}

.pledge .header-con .btn-con .btn.white + .btn.white {
    margin-left: 20px;
}

.pledge .items-list{
    position: relative;
    overflow: hidden;
    margin-top: 150px;
    padding: 290px 0 150px;
    background-color: rgba(0,0,0,0.5);
}

.pledge .swiper-wrapper{
    height: auto;
}

.pledge .swiper-wrapper .swiper-slide{
    height: auto;
}

.pledge .bottom-swiper{
    margin-top: 40px;
    transform: translateX(-12%);
}

.pledge .slide_list{
    font-size: 0;
    white-space: nowrap;
    transition-timing-function: linear;
}

.pledge .slide_list .items{
    display: inline-block;
    width: 350px;
    margin: 0 18px;
    padding: 90px 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pledge .slide_list .items.type1{
    background-image: url("../img/content/vow_box_02.png");
}

.pledge .slide_list .items.type2{
    background-image: url("../img/content/vow_box_01.png");
}

.pledge .slide_list .items .tag{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.pledge .slide_list .items img{
    display: block;
    margin: 20px auto 10px;
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.pledge .slide_list .items .user{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pledge .slide_list .items .user p{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.pledge .slide_list .items .user p::after{
    content:"";
    display: block;
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background-color: #fff;
}

.pledge .slide_list .items .user p:last-of-type::after{
    display: none;
}

.pledge .slide_list .items .sub{
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pledge .slide_list .items .tag::before,
.pledge .slide_list .items .tag::after{
    content:"";
    display: block;
    width: 20px;
    height: 26px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.pledge .slide_list .items .tag::before{
    margin-right: 8px;
    background-image: url("../img/content/logo_r.jpg");
}

.pledge .slide_list .items .tag::after{
    margin-left: 8px;
    background-image: url("../img/content/logo_b.jpg");
}

.pledge .select-box{
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 150px;
    transform: translateX(-50%);
    margin: 0 auto 50px;
    width: 420px;
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*.pledge .select-box.active{*/
/*    background-color: #fff;*/
/*}*/

.pledge .select-box p{
    padding: 0 20px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: url("../img/content/ico_arrow_down.png") no-repeat center right 20px;
    background-size: 20px auto;
    cursor: pointer;
}

.pledge .select-box ul{
    display: none;
    overflow: hidden auto;
    height: 100px;
}

.pledge .select-box ul li{
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

.pledge .select-box ul li:last-of-type{
    margin-bottom: 10px;
}

.top-swiper.active .slide_list{
    transition-duration: 0.3s !important;
}

.bottom-swiper.active .slide_list{
    transition-duration: 0.3s !important;
}

@media (max-width: 1080px){
    .pledge{
        background-image: url("../img/content/mo_vow_bg.jpg");
    }

    .pledge .header-con h3{
        font-size: 70px;
    }

    .pledge .header-con p{
        margin: 30px 0 60px;
        font-size: 30px;
    }

    .pledge .header-con .btn-con{
        width: 100%;
        max-width: 660px;
    }

    .pledge .header-con .btn-con .btn{
        max-width: 320px;
        width: 50%;
        height: 100px;
        font-size: 26px;
    }

    .pledge .header-con .btn-con .btn.red{
        max-width: none;
    }

    .pledge .items-list{
        padding: 360px 0 150px;
    }

    .pledge .select-box{
        top: 200px;
        width: calc(100% - 80px);
    }

    .pledge .select-box p{
        height: 80px;
        line-height: 80px;
        font-size: 26px;
        background-size: 36px;
    }

    .pledge .select-box ul{
        height: 160px;
    }

    .pledge .select-box ul li{
        padding: 10px 30px;
        font-size: 24px;
    }

    .pledge .slide_list .items{
        width: 380px;
    }
}

@media (max-width: 720px){
    .pledge{
        padding: 27.78vw 0 0;
        background-image: url("../img/content/mo_vow_bg.jpg");
    }

    .pledge .header-con h3{
        font-size: 9.72vw;
    }

    .pledge .header-con p{
        margin: 4.17vw 0 8.33vw;
        font-size: 4.17vw;
    }
    .pledge .header-con p br{
        display: none;
    }

    .pledge .header-con .btn-con{
        padding:0 20px;
    }

    .pledge .header-con .btn-con .btn{
        width: calc((100% - 20px) / 2);
        height: 13.89vw;
        font-size: 3.61vw;
    }

    /* .pledge .header-con .btn-con .btn.red{
        margin-right: 2.78vw;
    } */

    .pledge .items-list{
        margin-top: 20.83vw;
        padding: 50.00vw 0 20.83vw;
    }

    .pledge .select-box{
        top: 27.78vw;
        width: calc(100% - 11.11vw);
    }

    .pledge .select-box p{
        height: 11.11vw;
        line-height: 11.11vw;
        font-size: 3.61vw;
        background-size: 5.00vw;
    }

    .pledge .select-box ul{
        height: 22.22vw;
    }

    .pledge .select-box ul li{
        padding: 1.39vw 4.17vw;
        font-size: 3.33vw;
    }

    .pledge .bottom-swiper{
        margin-top: 5.56vw;
    }

    .pledge .slide_list .items{
        margin: 0 2.50vw;
        padding: 12.50vw 8.33vw;
        width: 52.78vw;
    }

    .pledge .slide_list .items img{
        width: 22.22vw;
        height: 22.22vw;
    }

    .pledge .slide_list .items .tag{
        font-size: 2.78vw;
    }

    .pledge .slide_list .items .user p{
        font-size: 2.22vw;
    }

    .pledge .slide_list .items .sub{
        font-size: 1.94vw;
    }

    .pledge .slide_list .items .tag::before,
    .pledge .slide_list .items .tag::after{
        width: 2.78vw;
        height: 3.61vw;
    }

    .pledge .slide_list .items .tag::before{
        margin-right: 1.11vw;
    }

    .pledge .slide_list .items .tag::after{
        margin-left: 1.11vw;
    }
}

 body.popView {overflow: hidden;height: 100vh;}
.blind{ overflow: hidden; border: 0; position: relative; z-index: -1; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

.popup-wrap { display: none; overflow: auto hidden; z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8);}

.popup-wrap.open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.popup-frame { position: relative; overflow: hidden auto; padding: 40px; max-width: 1200px; max-height: 80%; width: 90%; border-radius: 20px; background-color: rgba(255, 255, 255, 0.3); box-sizing: border-box; -ms-overflow-style: none; scrollbar-width: none;}
.popup-frame::-webkit-scrollbar {display: none;}
.popup-frame.apply{padding: 40px 0 0 0; background-color: #EB0C0C;}
.popup-frame.apply::before{content:""; position: absolute; left: 50%; top: 35px; transform: translateX(-50%); max-width: 1040px; width: 80%; height: 160px; background: url("../img/content/SPECIAL.png") no-repeat center center; background-size: contain;}

.popup-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%;}
.popup-header.fl-r { justify-content: flex-end; padding-right: 40px; }
.popup-header .tit { font-size: 24px; font-weight: 700; color: #FFF;}
.popup-header .btn-close {position: fixed; top:16px; right: 16px; width: 32px; height: 32px; background: url("../img/content/ico_close.svg") no-repeat center/100% auto;}

.popup-con {padding-top: 60px;}

.manage-box{ margin-top: 60px; padding: 40px 0; border-radius: 10px; text-align: center; background-color: rgba(255, 255, 255, 0.2);}
.manage-box .desc{ margin-bottom: 20px; font-size: 16px; font-weight: 700; color: #fff;}
.manage-box .desc br{display: none;}
.manage-box .btn-manage{ display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 250px; height: 50px; color: #222; font-size: 16px; font-weight: 700; border-radius: 6px; background-color: #fff;}

.pledge-share{display: flex; align-items: flex-start; justify-content: center;}
.pledge-share .img-con{overflow: hidden; position: relative; width: 635px; border-radius: 20px;}
.pledge-share .img-con::before{content: ''; display: block; padding-top: 139%; width: 100%;}
.pledge-share .img-con img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.pledge-share .share-list{margin-left: 40px; padding: 20px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2);}
.pledge-share .share-list li + li{margin-top: 20px;}
.pledge-share .share-list li a{display: inline-block; width: 46px; height: 46px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.pledge-share .share-list li.download a{background-image: url("../img/content/ico_download.svg");}
.pledge-share .share-list li.twitter a{background-image: url("../img/content/ico_twitter.svg");}
.pledge-share .share-list li.facebook a{background-image: url("../img/content/ico_facebook.svg");}
.pledge-share .share-list li.kakaostory a{background-image: url("../img/content/ico_kakaostory.svg");}
.pledge-share .share-list li.kakao a{background-image: url("../img/content/ico_kakao.svg");}

.special_con{
    padding: 40px;
    margin-bottom: 120px;
    color: #fff;
    text-align: center;
}

.special_con h3{
    font-size: 60px;
    font-weight: 700;
}

.special_con h3 span{
    font-size: 40px;
}

.special_con .desc{
    margin: 40px 0 60px;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
}

.special_con .desc span{
    font-size: 20px;
    font-weight: 700;
}

.popup-frame.apply .btn{
    margin: 0 auto;
    width: 400px;
    height: 50px;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.popup-frame.apply .special_con .btn{
    background-color: #fff;
    color: #EB0C0C;
}

.normal_con{
    overflow: hidden;
    position: relative;
    padding: 150px 40px;
    background-color: #fff;
    text-align: center;
}

.normal_con::after{
    content:"";
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    max-width: 1040px;
    width: 80%;
    height: 160px;
    background: url("../img/content/GENERAL.png") no-repeat center center;
    background-size: 100% auto;
}

.normal_con .desc{
    margin: 0 0 60px;
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
}

.popup-frame.apply .normal_con .btn{
    background-color: #222;
    color: #fff;
}

.pop_swiper{
    position: relative;
    padding-bottom: 20px;
}

.pop_swiper .slide_list{
    display: flex;
    align-items: flex-start;
    font-size: 0;
    white-space: nowrap;
    transition-timing-function: linear;
    height: auto;
}

.pop_swiper .slide_list .slide_item{
    display: inline-block;
    width: 350px;
}

.pop_swiper .slide_list .slide_item + .slide_item{
    margin-left: 35px;
}

.pop_swiper .slide_list .items{
    padding: 90px 60px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pop_swiper .slide_list .items.type1{
    background-image: url("../img/content/vow_box_02.png");
}

.pop_swiper .slide_list .items.type2{
    background-image: url("../img/content/vow_box_01.png");
}

.pop_swiper .slide_list .items .tag{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.pop_swiper .slide_list .items img{
    display: block;
    margin: 20px auto 10px;
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.pop_swiper .slide_list .items .user{
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop_swiper .slide_list .items .user p{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}

.pop_swiper .slide_list .items .user p::after{
    content:"";
    display: block;
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background-color: #fff;
}

.pop_swiper .slide_list .items .user p:last-of-type::after{
    display: none;
}

.pop_swiper .slide_list .items .sub{
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pop_swiper .slide_list .items .tag::before,
.pop_swiper .slide_list .items .tag::after{
    content:"";
    display: block;
    width: 20px;
    height: 26px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.pop_swiper .slide_list .items .tag::before{
    margin-right: 8px;
    background-image: url("../img/content/logo_r.jpg");
}

.pop_swiper .slide_list .items .tag::after{
    margin-left: 8px;
    background-image: url("../img/content/logo_b.jpg");
}

.pop_swiper .slide_list .slide_item .myvow{
    margin-top: 10px;
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #A08650;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.popup-con .flex_box{
    display: flex;
    flex-direction: column-reverse;
}

.swiper-scrollbar-drag{
    background-color: rgba(255,255,255,0.5);
}

#pop4 .popup-frame {
	background-color: #FFFDF6;
    padding: 65px 32px 40px 32px;
	border-radius: 16px;
	max-width:482px;
}

#pop4 .popup-header {
	padding: 0;
	min-height: auto;
}

#pop4 .popup-header .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 23px;
    height: 23px;
    background: url(../img/content/close_btn.png) no-repeat center / 100% auto;
}

#pop4 .popup-con {
	padding-top:0;
}

#pop4 .popup-con .flex_box {
	flex-direction: column;
}


#pop4 .popup-con .flex_box #lottie-container {
    width: 268px;
	margin: 0 auto;
}

#pop4 .popup-con .flex_box .top_title h2 {
	font-size:32px;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:-0.2px;
	color:#000000;
	margin-bottom:6px;
}

#pop4 .popup-con .flex_box .top_title p {
	font-size:16px;
	font-weight:400;
	line-height:1.4em;
	color:#353535;
	margin-bottom:16px;
}

#pop4 .popup-con .flex_box .service_box {
	background-color:#F7EEDD;
	border-radius:6px;
	padding: 12px 15px 12px 15px;
	margin-bottom:16px;
}

#pop4 .popup-con .flex_box .service_box .service {
	font-size:14px;
	font-weight:400;
	line-height:2em;
	color:#4E4E4E;
	margin-bottom:16px;
}

#pop4 .popup-con .flex_box .bottom_title p {
	font-size:16px;
	font-weight:400;
	line-height:1.4em;
	color:#353535;
	margin-bottom:16px;
}

#pop4 .popup-con .flex_box a {
	background-color:#2E70A7;
	color:#ffffff;
	border-radius:100px;
	padding:16px 18px 16px 18px;
	font-size:16px;
	font-weight:700;
	width:100%;
	text-align:center;
}

@media (max-width: 767px) {

	#pop4 .popup-frame {
		background-color: #FFFDF6;
		padding: 30px 16px 20px 16px;
		border-radius: 16px;
		max-width: 90%;
		height: fit-content;
	}

	#pop4 .popup-header {
		padding: 0;
		min-height: auto;
	}

	#pop4 .popup-header .btn-close {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 23px;
		height: 23px;
		background: url(../img/content/close_btn.png) no-repeat center / 100% auto;
	}

	#pop4 .popup-con {
		padding:0;
	}

	#pop4 .popup-con .flex_box {
		flex-direction: column;
	}


	#pop4 .popup-con .flex_box #lottie-container {
		width: 200px;
		margin: 0 auto;
	}

	#pop4 .popup-con .flex_box .top_title h2 {
		font-size:22px;
		font-weight:bold;
		line-height:1.2em;
		letter-spacing:-0.2px;
		color:#000000;
		margin-bottom:6px;
	}

	#pop4 .popup-con .flex_box .top_title p {
		font-size:14px;
		font-weight:400;
		line-height:1.4em;
		color:#353535;
		margin-bottom:16px;
	}

	#pop4 .popup-con .flex_box .service_box {
		background-color:#F7EEDD;
		border-radius:6px;
		padding: 4px 6px 4px 6px;
		margin-bottom:16px;
	}

	#pop4 .popup-con .flex_box .service_box .service {
		font-size:12px;
		font-weight:400;
		line-height:2em;
		color:#4E4E4E;
		margin-bottom:12px;
	}

	#pop4 .popup-con .flex_box .bottom_title p {
		font-size:14px;
		font-weight:400;
		line-height:1.4em;
		color:#353535;
		margin-bottom:16px;
	}

	#pop4 .popup-con .flex_box a {
		background-color:#2E70A7;
		color:#ffffff;
		border-radius:100px;
		padding:16px 18px 16px 18px;
		font-size:14px;
		font-weight:700;
		width:100%;
		text-align:center;
	}

}

@media (max-width: 720px) {
    .popup-frame{
        width: 100%;
        max-height: none;
        height: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: rgba(0,0,0,0.6);
    }

    .popup-header {
        padding: 4.17vw;
        min-height: 12.5vw;
    }

    .popup-header .tit {
        font-size: 5vw;
    }

    .popup-header .btn-close {
        width: 8.33vw;
        height: 8.33vw;
    }

    .popup-con {
        padding: 8.33vw 4.17vw;
    }

    .popup-frame.apply{
        padding: 5.56vw 0 0 0;
        background-color: #EB0C0C;
    }

    .popup-frame.apply::before{
        top: 18.06vw;
        width: 90%;
        height: 22.22vw;
    }

    .special_con{
        padding: 5.56vw;
        margin-bottom: 16.67vw;
        text-align: left;
    }

    .special_con h3{
        font-size: 9.72vw;
    }

    .special_con h3 span{
        display: block;
        font-size: 6.94vw;
    }

    .special_con .desc{
        margin: 8.33vw 0;
        font-size: 4.17vw;
    }

    .special_con .desc span{
        font-size: 2.78vw;
        font-weight: 700;
    }

    .popup-frame.apply .btn{
        width: 100%;
        height: 13.89vw;
        font-size: 3.61vw;
        -webkit-border-radius: 0.83vw;
        -moz-border-radius: 0.83vw;
        border-radius: 0.83vw;
    }

    .normal_con{
        padding: 20.83vw 5.56vw;
        text-align: left;
    }

    .normal_con::after{
        bottom: -4.17vw;
        width: 90%;
        height: 22.22vw;
    }

    .normal_con .desc{
        margin: 0 0 8.33vw;
        font-size: 4.17vw;
    }

    .popup-con .flex_box{
        flex-direction: column;
    }

    .popup-frame{
        padding: 0;
    }

    .popup-con.pt-0{
        padding-top: 0;
    }

    .manage-box{
        margin:0 0 8.33vw;
        padding: 5.56vw 0;
        border-radius: 1.39vw;
    }

    .manage-box .desc{
        margin-bottom: 5.56vw;
        font-size: 3.61vw;
        line-height: 1.5;
    }

    .manage-box .desc br{
        display: block;
    }

    .manage-box .btn-manage{
        width: calc(100% - 11.11vw);
        height: 11.11vw;
        font-size: 3.61vw;
        border-radius: 0.83vw;
    }

    .pop_swiper .slide_list .slide_item{
        width: 48.61vw;
    }

    .pop_swiper .slide_list .slide_item + .slide_item{
        margin-left: 4.86vw;
    }

    .pop_swiper .slide_list .items{
        padding: 12.50vw 8.33vw;
    }

    .pop_swiper .slide_list .items .tag{
        font-size: 2.78vw;
    }

    .pop_swiper .slide_list .items img{
        width: 22.22vw;
        height: 22.22vw;
    }

    .pop_swiper .slide_list .items .user p{
        font-size: 2.22vw;
    }
    .pop_swiper .slide_list .items .sub{
        font-size: 1.94vw;
    }

    .pop_swiper .slide_list .items .tag::before,
    .pop_swiper .slide_list .items .tag::after{
        width: 2.78vw;
        height: 3.61vw;
    }

    .pop_swiper .slide_list .slide_item .myvow{
        margin-top: 2.68vw;
        height: 11.11vw;
        font-size: 3.61vw;
        -webkit-border-radius: 0.83vw;
        -moz-border-radius: 0.83vw;
        border-radius: 0.83vw;
    }

    .pledge-share{display: block;}
    .pledge-share .img-con{width: 100%; border-radius: 2.78vw;}
    .pledge-share .share-list{display: flex; justify-content: center; align-items: center; margin-top: 5.56vw; margin-left: 0; padding: 4.17vw; border-radius: 2.78vw;}
    .pledge-share .share-list li + li{margin-top: 0; margin-left: 4.17vw}
    .pledge-share .share-list li a{width: 8.33vw; height: 8.33vw;}

}

.content_wrap.login-con{
    margin-top: 100px
}

.content_wrap.login-con .login{
    width: 30em;
    max-width: 100%;
}

.content_wrap.login-con .login h2{
    font-size: 2.3em;
    color: #EB0C0C;
    padding-bottom: 10px;
    text-align: center;
}

.content_wrap.login-con .login p{
    margin: 0.7em 0 1.2em;
    font-size: 1.2em;
    text-align: center;
}

.content_wrap.login-con .login_start{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.content_wrap.login-con .login_start .login_kakao{
    text-align: center;
    padding: 0;
}

.content_wrap.login-con .login_start .login_kakao button{
    margin: 0 auto;
    width: 80%;
    height: 2.8em;
}

.content_wrap.login-con .idpw input{
    padding: 0 10px;
    width: 80%;
}

.content_wrap.login-con .btn-con{
    margin: 10px 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content_wrap.login-con .btn-con .btn{
    margin: 0;
    width: calc(50% - 5px);
}

.content_wrap.login-con .btn-con .login_start{
    margin: 0 0 0 10px;
    padding: 0;
    width: calc(50% - 5px);
}

.content_wrap.login-con .btn-con .login_start p{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    height: 100%;
    line-height: 0;
}

.content_wrap.login-con .btn-con .login_start p a{
    margin: 0;
    padding: 0;
}

@media screen and (max-width:760px){
    .login .login_wrap .id_form{
        display: flex !important;
    }
}

.login .login_wrap .id_form{
    align-items: center !important;
}

@media screen and (max-width:760px){
    .login .login_wrap{
        padding: 20px;
    }
}

.swiper-button-prev,
.swiper-button-next{margin-top: 0; top: 45%; width: 16px; height: 32px; transform: translateY(-50%);}

.swiper-button-prev{background: url("../img/common/ico_arrow_left_w.svg") no-repeat center center / 100% auto;}
.swiper-button-next{background: url("../img/common/ico_arrow_right_w.svg") no-repeat center center / 100% auto;}

.swiper-button-next:after,
.swiper-button-prev:after{display: none;}

.mobQuickMenu{
    display: none;
}

@media screen and (max-width:720px){
    .mobQuickMenu{
        z-index: 10;
        position: fixed;
        right: 4vw;
        bottom: 4vw;
        display: block;
    }

    .mobQuickMenu ul li + li{
        margin-top: 2vw;
    }

    .mobQuickMenu ul li a{
        overflow: hidden;
        display: block;
        width: 17vw;
        height: 17vw;
        line-height: 100%;
        text-align: center;
        background-color: #f8e002;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        box-shadow: 0 0.69vw 1.39vw rgba(0,0,0,0.2);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .mobQuickMenu ul li a i{
        font-size: 7vw;
        color: #000;
        line-height: 100%;
        position: static;
    }
    .mobQuickMenu ul li a i + span{
        padding-top:2px;
    }
}


.terms{padding: 150px 0;}
.terms h3{margin-bottom: 40px; font-size: 44px; font-weight: 700;}
.terms .desc_con p{margin-bottom: 16px; font-size: 18px; line-height: 1.5;}
.terms .desc_con.mt-4{margin-top: 40px;}
.terms .terms_sec + .terms_sec{margin-top: 100px;}
.terms .terms_sec h4{margin-bottom: 20px; font-size: 32px; font-weight: 700;}
.terms .terms_sec dl + dl{margin-top: 40px;}
.terms .terms_sec dl dt{margin-bottom: 10px; font-size: 24px;}
.terms .terms_sec dl dd{margin-bottom: 4px; padding-left: 10px; font-size: 20px; line-height: 1.5;}
.terms .terms_sec dl dd:last-of-type{margin-bottom: 0;}
.terms .terms_sec dl dd.list{padding-left: 10px;}
.terms .terms_sec dl dd.list ul{margin: 10px 0 40px;}
.terms .terms_sec dl dd.list ul li{font-size: 18px; line-height: 1.5;}
.terms .terms_sec dl dd.mb-2{margin-bottom: 20px;}
.terms .terms_sec dl dd.list ul.mb-2{margin-bottom: 20px;}

@media screen and (max-width:720px){
    .terms{padding: 13.89vw 0;}
    .terms h3{margin-bottom: 5.56vw; font-size: 6.11vw;}
    .terms .desc_con p{margin-bottom: 2.22vw; font-size: 2.50vw; line-height: 1.5;}
    .terms .desc_con.mt-4{margin-top: 5.56vw;}
    .terms .terms_sec + .terms_sec{margin-top: 13.89vw;}
    .terms .terms_sec h4{margin-bottom: 2.78vw; font-size: 4.44vw;}
    .terms .terms_sec dl + dl{margin-top: 5.56vw;}
    .terms .terms_sec dl dt{margin-bottom: 1.39vw; font-size: 3.33vw;}
    .terms .terms_sec dl dd{margin-bottom: 0.56vw; padding-left: 1.39vw; font-size: 2.78vw;}
    .terms .terms_sec dl dd.list{padding-left: 1.39vw;}
    .terms .terms_sec dl dd.list ul{margin: 1.39vw 0 5.56vw;}
    .terms .terms_sec dl dd.list ul li{font-size: 2.50vw;}
    .terms .terms_sec dl dd.mb-2{margin-bottom: 2.78vw;}
    .terms .terms_sec dl dd.list ul.mb-2{margin-bottom: 2.78vw;}
}

/* 2023.12.04 - 특별서약 소개 */
.promise_wrap > div[class*='prom_box_'] + div[class*='prom_box_']{margin-top:200px;}
.promise_wrap > div[class*='prom_box_'] .sub_info_txt{font-size: 17px;}
.promise_wrap > div[class*='prom_box_'] .meet_text .bn6_title .sub_border{border-bottom: 8px solid #eb0c0c; width: fit-content;}
.promise_wrap > div[class*='prom_box_'] .meet_text .bn6_title .sub_top_txt{font-size: 30px; font-weight: normal; color:#444; margin-bottom: 8px;}
.promise_wrap > div[class*='prom_box_'] .meet_text .bn6_p{margin-top: 36px;}
.promise_wrap > div[class*='prom_box_'] .meet_text .bn6_p p{line-height: 1.6;}

.promise_wrap .prom_box_01 .prom_box_imgs{display: flex; width: 100%; gap:2%;}
.promise_wrap .prom_box_01 .prom_box_imgs img{width: calc((100% - ( 2% * 2)) / 3); flex-grow: 1;}
.promise_wrap .prom_box_01 p.txt{margin-top:64px; font-size: 30px; line-height: 1.3;}
.promise_wrap .prom_box_01 p.sub_info_txt{margin-top:14px;}

.promise_wrap .pet_stat {margin-top: 120px; display: flex; width: 100%; gap:2%;}
.promise_wrap .pet_stat li{width: calc((100% - ( 2% * 2)) / 3); flex-grow: 1; background-color: #f5f4f2; border-radius: 6px;}
.promise_wrap .pet_stat li img{width: 100%;}
.promise_wrap .pet_stat li .txt_wrap{padding:28px; text-align: center;}
.promise_wrap .pet_stat li .txt_wrap .tit{font-size: 22px;}
.promise_wrap .pet_stat li .txt_wrap .num{font-size: 50px; font-weight: 700; color:#eb0c0c; line-height: 1.6;}
.promise_wrap .pet_stat li .txt_wrap .sub_info_txt{line-height: 1.6;}

.promise_wrap .prom_box_03{position: relative;}
.promise_wrap .prom_box_03::before{content: ""; background: url('../images/promise_img07.png') no-repeat 50% 50%; background-size: cover; width: 100vw; position: absolute; z-index:-1; left: 50%; transform: translateX(-50%); height: 100%;}
.promise_wrap .prom_box_03 .meet_text{padding:180px 0 80px;}
.promise_wrap .prom_box_03 .meet_text .bn6_p p strong{font-size: inherit; display: block;}

.promise_wrap .prom_box_04 .shu_list{margin-top:120px;}
.promise_wrap .prom_box_04 .shu_list li{display: flex; align-items: center; width: 100%; margin:-30px 0 -30px;}
.promise_wrap .prom_box_04 .shu_list li:nth-child(even){flex-direction: row-reverse;}
.promise_wrap .prom_box_04 .shu_list li img{width: 45%;}
.promise_wrap .prom_box_04 .shu_list li .txt_wrap{flex-grow: 1; padding: 72px;}
.promise_wrap .prom_box_04 .shu_list li .txt_wrap strong{font-size: 40px; color: #eb0c0c;}
.promise_wrap .prom_box_04 .shu_list li .txt_wrap p{font-size: 22px; margin-top: 16px;}

.promise_wrap .prom_box_05 {text-align: center;}
.promise_wrap .prom_box_05 .activity_slide{margin-top: 64px;}
.promise_wrap .prom_box_05 .activity_slide .swiper{width: 100%; height: auto;}
.promise_wrap .prom_box_05 .activity_slide .swiper-wrapper{height: auto;}
.promise_wrap .prom_box_05 .activity_slide .swiper-slide .img{border-radius: 6px; overflow: hidden;}
.promise_wrap .prom_box_05 .activity_slide .swiper-slide .img img{width: 100%; object-fit: cover;}
.promise_wrap .prom_box_05 .activity_slide .swiper-slide p{color:#eb0c0c; font-size: 22px; margin-top:20px;}
.promise_wrap .prom_box_05 .activity_slide .act_btn{background: url(../images/chevron-left-light.svg) no-repeat; background-size: 40%; width: 50px; height: 50px;}
.promise_wrap .prom_box_05 .activity_slide .slide_btn{background-color: rgba(255, 255, 255, 0.4); position: absolute; top: 50%; transform: translateY(-100%); background-position: center;}
.promise_wrap .prom_box_05 .activity_slide .swiper-button-prev{ left: 0;}
.promise_wrap .prom_box_05 .activity_slide .swiper-button-next{right: 0; transform: rotate(180deg) translateY(100%);}
.promise_wrap .prom_box_05 .txt{margin-top: 80px; font-size: 22px; line-height: 1.6;}

.promise_wrap .prom_box_06 .list{margin: 80px 0 16px; display: flex; align-items: center; gap:2%;}
.promise_wrap .prom_box_06 .list .item{flex-grow: 1; width: 100%; text-align: center; border-radius: 6px; border:1px solid;}
.promise_wrap .prom_box_06 .list .item .tit_wrap{padding:20px; color:#fff; height: 200px; display: flex; align-items: center; justify-content: center;}
.promise_wrap .prom_box_06 .list .item .tit_wrap p{font-size: 30px; font-weight: 600; line-height: 2;}
.promise_wrap .prom_box_06 .list .item .txt_wrap{padding:50px 10px;}
.promise_wrap .prom_box_06 .list .item .txt_wrap p{font-size: 22px; line-height: 1.6;}
.promise_wrap .prom_box_06 .list .item.ty01{border-color:#eb0c0c;}
.promise_wrap .prom_box_06 .list .item.ty01 .tit_wrap{background-color: #eb0c0c;}
.promise_wrap .prom_box_06 .list .item.ty02{border-color:#b71414;}
.promise_wrap .prom_box_06 .list .item.ty02 .tit_wrap{background-color: #b71414;}
.promise_wrap .prom_box_06 .list .item.ty03{border-color:#000;}
.promise_wrap .prom_box_06 .list .item.ty03 .tit_wrap{background-color: #000;}
.promise_wrap .prom_box_06 .sub_info_txt{line-height: 1.6;}

.promise_wrap .prom_box_07 .option_wrap{margin-top:80px; padding:0 100px;}
.promise_wrap .prom_box_07 .option_wrap .options{position: relative; border: 1px solid #eb0c0c; border-radius: 6px; padding: 40px 85px;}
.promise_wrap .prom_box_07 .option_wrap .options .tit{position: absolute; top:50%; left:0; transform: translate(-50%, -50%); width: 135px; height: 135px; text-align: center; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); background-color: #fff; display: flex; align-items: center; justify-content: center; color:#eb0c0c; font-size: 30px;}
.promise_wrap .prom_box_07 .option_wrap .options .con dl + dl{border-top: 1px solid #eb0c0c; padding-top: 42px; margin-top:42px;}
.promise_wrap .prom_box_07 .option_wrap .options .con dl{padding:0 24px;}
.promise_wrap .prom_box_07 .option_wrap .options .con dl dt{color: #eb0c0c; font-size: 30px; font-weight: 700;}
.promise_wrap .prom_box_07 .option_wrap .options .con dl dd{margin-top:26px;}
.promise_wrap .prom_box_07 .option_wrap .options .con dl dd p{font-size: 20px;}
.promise_wrap .prom_box_07 .option_wrap .options .con dl dd .red{font-size: 24px; margin-bottom: 10px;}
.promise_wrap .prom_box_07 .option_wrap .options + .options {margin-top: 70px;}
.promise_wrap .prom_box_07 .sub_info_txt {margin-top:16px;}
.promise_wrap .prom_box_07 .campaign_flex {margin:100px auto 0; width: fit-content;}
.promise_wrap .prom_box_07 .campaign_flex .campaign_btn a{padding: 0 40px;}

.promise_wrap .prom_box_08 .together_slide {margin-top: 80px; position: relative;}
.promise_wrap .prom_box_08 .together_slide .swiper .btn_area{text-align:center; position: relative; height: 80px; width: 65%;}
.promise_wrap .prom_box_08 .together_slide .swiper{width: 100%; height: auto;}
.promise_wrap .prom_box_08 .together_slide .swiper-wrapper{height: auto;}
.promise_wrap .prom_box_08 .together_slide .swiper-slide{display: flex; align-items: flex-end;}
.promise_wrap .prom_box_08 .together_slide .swiper-slide .img{width: 65%; aspect-ratio:1.5; border-radius: 6px; overflow: hidden;}
.promise_wrap .prom_box_08 .together_slide .swiper-slide .img img{height: 100%; width: 100%; object-fit: cover;}
.promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap{padding-left:30px; width: 35%;}
.promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap .tit{color:#eb0c0c; font-size: 40px; font-weight: 600;}
.promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap p{font-size: 22px; line-height: 1.5; margin-top: 16px;}
.promise_wrap .prom_box_08 .together_slide .swiper-pagination-progressbar{ width: 80%; top: 44px;}
.promise_wrap .prom_box_08 .together_slide .swiper-pagination-progressbar-fill{background: #EB0C0C !important;}
.promise_wrap .prom_box_08 .together_slide .swiper-button-next.together_btn{top: 48px; }
.promise_wrap .prom_box_08 .together_slide .swiper-button-prev.together_btn{top: 48px; left: unset; right: 70px;}
.promise_wrap .prom_box_08 .together_slide .together_slide .swiper-slide img{width:100%;}
.promise_wrap .prom_box_08 .swiper-button-prev{background:url(../images/left_arrow.png) no-repeat; background-size: contain; width: 40px; height: 40px;}
.promise_wrap .prom_box_08 .swiper-button-next{background:url(../images/right_arrow.png) no-repeat; background-size: contain; width: 40px; height: 40px;}
.promise_wrap .prom_box_08 .swiper-button-next:after,.main .swiper-button-prev:after{display: none;}

.promise_wrap .prom_box_09 .bn6_p{margin-top:0 !important;}
.promise_wrap .prom_box_09 .tab_wrap{margin:80px auto 0; width: 80%; text-align: center; border: none; padding: 0;}
.promise_wrap .prom_box_09 .tab_wrap .tab_con{margin-top:20px;}
.promise_wrap .prom_box_09 .tab_wrap .tab_con .img_slide {height: auto;}
.promise_wrap .prom_box_09 .tab_wrap .tab_con .swiper-wrapper {height: auto;}
.promise_wrap .prom_box_09 .tab_wrap .tab_con .img_slide img{width: 100%;}
.promise_wrap .prom_box_09 .tab_wrap .tab_con .img_slide .swiper-pagination-bullet {opacity: 0.6;}
.promise_wrap .prom_box_09 .tab_wrap .tab_con .img_slide .swiper-pagination-bullet-active {opacity: 1; background-color: #eb0c0c;}
.promise_wrap .prom_box_09 .campaign_flex {margin:60px auto 0; width: fit-content;}
.promise_wrap .prom_box_09 .campaign_flex .campaign_btn a{padding: 0 40px;}
.ui-tabs .ui-tabs-nav{margin: 0 auto !important; width: fit-content; padding: 0 !important; background-color: transparent; border: none;}
.ui-tabs .ui-tabs-nav li{margin: 0; background-color: transparent; border: none; }
.ui-tabs .ui-tabs-nav li a{color:#000; font-size: 30px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#eb0c0c; font-weight: 600; border-bottom: 3px solid #eb0c0c;}
.promise_wrap .prom_box_09 .alliance_wrap{display: flex; align-items: center; gap:2%;}
.promise_wrap .prom_box_09 .alliance_wrap li{width: 33%; padding-top: 60px;}
.promise_wrap .prom_box_09 .alliance_wrap li strong{display:block; text-align: center; font-weight: 400; font-size: 30px;margin-bottom: 20px;}
.promise_wrap .prom_box_09 .alliance_wrap li img{width: 100%; aspect-ratio: 1.4; object-fit: cover;}
.promise_wrap .prom_box_09 .bn6_p.flex_type{display: flex; align-items: center;}
.promise_wrap .prom_box_09 .bn6_p.flex_type p{flex-grow: 1;}
.promise_wrap .prom_box_09 .bn6_p.flex_type a{flex-shrink: 0; display: flex; align-items: center; border:1px solid #c5c5c5; border-radius: 8px; padding:16px 16px 16px 30px}
.promise_wrap .prom_box_09 .bn6_p.flex_type a::after{content:""; display: block; width: 20px; height: 20px; margin-left:20px; background: url(../img/common/ico_arrow_right.svg) no-repeat 50% 50% / 8px auto;}

@media screen and (max-width:1220px){
    .promise_wrap .pet_stat {margin-top: 50px;}
    .promise_wrap .pet_stat li .txt_wrap{padding:24px;}
    .promise_wrap .pet_stat li .txt_wrap .tit{font-size: 1.803vw;}
    .promise_wrap .pet_stat li .txt_wrap .num{font-size: 4.098vw;}
    .promise_wrap .pet_stat li .txt_wrap .sub_info_txt{font-size: 1.393vw;}

    .promise_wrap .prom_box_04 .shu_list{margin-top:80px;}
    .promise_wrap .prom_box_04 .shu_list li img{width: 40%;}
    .promise_wrap .prom_box_04 .shu_list li .txt_wrap{padding: 60px;}
    .promise_wrap .prom_box_04 .shu_list li .txt_wrap strong{font-size: 3.279vw;}
    .promise_wrap .prom_box_04 .shu_list li .txt_wrap p{font-size: 1.803vw; margin-top: 16px;}

    .promise_wrap .prom_box_05 {text-align: center;}
    .promise_wrap .prom_box_05 .activity_slide{margin-top: 32px;}
    .promise_wrap .prom_box_05 .activity_slide .swiper-slide p{font-size: 1.803vw;}
    .promise_wrap .prom_box_05 .txt{font-size: 1.803vw;}

    .promise_wrap .prom_box_06 .list .item .tit_wrap{height: 180px;}
    .promise_wrap .prom_box_06 .list .item .tit_wrap p{font-size: 2.459vw;}
    .promise_wrap .prom_box_06 .list .item .txt_wrap{padding:20px;}
    .promise_wrap .prom_box_06 .list .item .txt_wrap p{font-size: 1.803vw;}

    .promise_wrap .prom_box_08 .together_slide {margin-top: 40px;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap .tit{font-size: 2.279vw;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap p{font-size: 1.603vw;}

    .promise_wrap .prom_box_09 .tab_wrap{margin:40px auto 0; width: 80%;}
    .promise_wrap .prom_box_09 .campaign_flex {margin:40px auto 0;}
    .ui-tabs .ui-tabs-nav li a{font-size: 2.459vw;}
    .promise_wrap .prom_box_09 .alliance_wrap li strong{font-size: 2.459vw;}

}


@media screen and (max-width:720px){
    .promise_wrap > div[class*='prom_box_'] + div[class*='prom_box_']{margin-top:100px;}
    .promise_wrap > div[class*='prom_box_'] .sub_info_txt{font-size: 2.778vw;}
    .promise_wrap > div[class*='prom_box_'] .meet_text .bn6_title .sub_border{border:none;}
    .promise_wrap > div[class*='prom_box_'] .meet_text .bn6_title .sub_top_txt{font-size: 3.167vw; margin-bottom: 4px;}
    .promise_wrap > div[class*='prom_box_'] .meet_text .bn6_p{margin-top: 18px;}
    .promise_wrap .prom_box_01 p.txt{margin-top:32px; font-size: 4.167vw;}
    .promise_wrap .prom_box_01 p.sub_info_txt{margin-top:1.944vw;}

    .promise_wrap .pet_stat {flex-direction: column; gap:8px;}
    .promise_wrap .pet_stat li{width: 100%; display: flex; background-color: #f5f4f2; border-radius: 6px; overflow: hidden;}
    .promise_wrap .pet_stat li img{width: 40%; object-fit: cover;}
    .promise_wrap .pet_stat li .txt_wrap{padding:18px 18px 14px; text-align: left; flex-grow: 1;}
    .promise_wrap .pet_stat li .txt_wrap .tit{font-size: 3.056vw;}
    .promise_wrap .pet_stat li .txt_wrap .num{font-size: 6.944vw;}
    .promise_wrap .pet_stat li .txt_wrap .sub_info_txt{font-size: 2.778vw;}

    .promise_wrap .prom_box_02 .meet_text .bn6_p br{display: none;}
    .promise_wrap .prom_box_02 .meet_text .bn6_p span.red{display: inline-block;}
    .promise_wrap .prom_box_03 .meet_text{padding:80px 0 50px;}

    .promise_wrap .prom_box_04 .shu_list{margin-top:40px;}
    .promise_wrap .prom_box_04 .shu_list li{margin:16px 0;}
    .promise_wrap .prom_box_04 .shu_list li:nth-child(even){flex-direction: row;}
    .promise_wrap .prom_box_04 .shu_list li img{width: 40%;}
    .promise_wrap .prom_box_04 .shu_list li .txt_wrap{flex-grow: 1; padding: 24px;}
    .promise_wrap .prom_box_04 .shu_list li .txt_wrap strong{font-size: 3.333vw;}
    .promise_wrap .prom_box_04 .shu_list li .txt_wrap p{font-size: 2.500vw; line-height: 1.6; margin-top: 8px;}

    .promise_wrap .prom_box_05 .activity_slide .swiper-slide p{font-size: 3.056vw; margin-top:14px;}
    .promise_wrap .prom_box_05 .txt{margin-top: 40px; font-size: 3.056vw;}
    .promise_wrap .prom_box_05 .txt br{display: none;}

    .promise_wrap .prom_box_06 .list{margin: 24px 0 8px; display: flex; flex-direction: column; gap:10px;}
    .promise_wrap .prom_box_06 .list .item{display: flex;}
    .promise_wrap .prom_box_06 .list .item .tit_wrap{padding:16px 24px; height: auto; width: 50%;}
    .promise_wrap .prom_box_06 .list .item .tit_wrap p{font-size: 4.167vw; line-height: 1.6;}
    .promise_wrap .prom_box_06 .list .item .txt_wrap{display: flex; align-items: center; justify-content: center; padding:10px;}
    .promise_wrap .prom_box_06 .list .item .txt_wrap p{font-size: 3.056vw;}
    .promise_wrap .prom_box_06 .list .item.ty01{border-color:#eb0c0c;}
    .promise_wrap .prom_box_06 .list .item.ty01 .tit_wrap{background-color: #eb0c0c;}
    .promise_wrap .prom_box_06 .list .item.ty02{border-color:#b71414;}
    .promise_wrap .prom_box_06 .list .item.ty02 .tit_wrap{background-color: #b71414;}
    .promise_wrap .prom_box_06 .list .item.ty03{border-color:#000;}
    .promise_wrap .prom_box_06 .list .item.ty03 .tit_wrap{background-color: #000;}
    .promise_wrap .prom_box_06 .sub_info_txt{line-height: 1.6;}

    .promise_wrap .prom_box_07 .option_wrap{margin-top:24px; padding:60px 0;}
    .promise_wrap .prom_box_07 .option_wrap .options{position: relative; border: 1px solid #eb0c0c; border-radius: 6px; padding: 50px 24px 24px;}
    .promise_wrap .prom_box_07 .option_wrap .options .tit{position: absolute; top:0; left:50%; transform: translate(-50%, -50%); width: 80px; height: 80px; font-size: 18px;}
    .promise_wrap .prom_box_07 .option_wrap .options .con dl + dl{padding-top: 24px; margin-top:24px;}
    .promise_wrap .prom_box_07 .option_wrap .options .con dl{padding:0 8px;}
    .promise_wrap .prom_box_07 .option_wrap .options .con dl dt{font-size: 4.167vw;}
    .promise_wrap .prom_box_07 .option_wrap .options .con dl dd{margin-top:18px;}
    .promise_wrap .prom_box_07 .option_wrap .options .con dl dd p{font-size: 2.778vw;}
    .promise_wrap .prom_box_07 .option_wrap .options .con dl dd .red{font-size: 3.333vw; margin-bottom: 8px;}
    .promise_wrap .prom_box_07 .option_wrap .options + .options {margin-top: 60px;}
    .promise_wrap .prom_box_07 .campaign_flex {margin:40px auto 0; width: 100%;}

    .promise_wrap .prom_box_08 .together_slide {margin-top: 30px;}
    .promise_wrap .prom_box_08 .together_slide .swiper .btn_area{height: 80px; width: 100%;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide{display: flex; flex-direction: column;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide .img{width: 100%;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap{padding-left:0; width: 100%;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap .tit{font-size: 3.556vw; margin-top:16px;}
    .promise_wrap .prom_box_08 .together_slide .swiper-slide .txt_wrap p{font-size: 3.056vw; margin-top: 8px;}
    .promise_wrap .prom_box_08 .together_slide .swiper-pagination-progressbar{width: calc(100% - 120px); top: 44px;}
    .promise_wrap .prom_box_08 .together_slide .swiper-pagination-progressbar-fill{background: #EB0C0C !important;}
    .promise_wrap .prom_box_08 .together_slide .swiper-button-next.together_btn{top: 48px; right: 0;}
    .promise_wrap .prom_box_08 .together_slide .swiper-button-prev.together_btn{top: 48px; left: unset; right: 50px;}

    .promise_wrap .prom_box_09 .tab_wrap{margin:24px auto 0; width: 100%;}
    .promise_wrap .prom_box_09 .tab_wrap .tab_con{margin-top:16px;}
    .promise_wrap .prom_box_09 .campaign_flex {margin:20px auto 0; width: 100%;}
    .ui-tabs .ui-tabs-nav li a{font-size: 4.167vw;}
    .ui-tabs .ui-tabs-panel{padding:0 !important;}
    .promise_wrap .prom_box_09 .alliance_wrap li{padding-top: 30px;}
    .promise_wrap .prom_box_09 .alliance_wrap li strong{font-size: 4.167vw; margin-bottom: 10px;}
    .promise_wrap .prom_box_09 .bn6_p.flex_type{flex-direction: column; align-items: flex-start;}
    .promise_wrap .prom_box_09 .bn6_p.flex_type a{margin-top:6px; font-size:13px; border-radius: 4px; padding:8px 8px 8px 16px}
    .promise_wrap .prom_box_09 .bn6_p.flex_type a::after{content:""; display: block; width: 20px; height: 20px; margin-left:20px; background: url(../img/common/ico_arrow_right.svg) no-repeat 50% 50% / 8px auto;}
    
}

/* 23.12.05 서약하기 상단 약속영역 */
.promise_step_wrap {text-align: center; margin-bottom: 180px;}
.promise_step_wrap p.red{font-size: 30px;}
.promise_step_wrap .promise_box{margin-top:62px; display: flex; gap:2%; flex-wrap: wrap; width: 100%; height: auto;}
.promise_step_wrap .promise_box .box{width: calc((100% - 2%) / 2); margin-top:2%; border:1px solid #B61515; background: #b61515; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column;}
.promise_step_wrap .promise_box .box .img_wrap{width: 100%; height:auto;}
.promise_step_wrap .promise_box .box .txt_wrap{padding: 30px 40px; text-align: left; color:#fff;}
.promise_step_wrap .promise_box .box .txt_wrap strong{font-size: 44px;}
.promise_step_wrap .promise_box .box .txt_wrap strong + p{font-size: 22px; margin-top:8px; line-height: 1.5;}
.promise_step_wrap .special_promise{position: relative; padding:180px 0 350px; text-align: left;}
.promise_step_wrap .special_promise::before{content: ""; background: url('../images/KiPFRi_bg.png') no-repeat 200px 0%; background-size: auto; width: 100vw; position: absolute; z-index:-1; left: 0; transform: translateX(-40%); height: 297px;}
.promise_step_wrap .special_promise .prom_txt{padding-top:240px; font-size: 30px; line-height: 1.5; width: 65%;}
.promise_step_wrap .special_promise .prom_prod_img{position: absolute; text-align: right; right: -60px; top:220px;}
.promise_step_wrap .special_promise .prom_prod_img p{padding-right: 100px;}
.promise_step_wrap .special_promise .prom_prod_img p.txt{font-size: 22px; color:#eb0c0c; line-height: 1.5;}
.promise_step_wrap .special_promise .prom_prod_img p.txt del{font-size: 22px;}
.promise_step_wrap .special_promise .prom_prod_img p.sub_info_txt{font-size: 17px; margin-top:8px;}

@media screen and (max-width:1220px){
    .promise_step_wrap {text-align: center; margin-bottom: 100px;}
    .promise_step_wrap p.red{font-size: 2.459vw;}
    .promise_step_wrap .promise_box{margin-top:48px;}
    .promise_step_wrap .promise_box .box .txt_wrap strong{font-size: 3.607vw;}
    .promise_step_wrap .promise_box .box .txt_wrap strong + p{font-size: 1.803vw; margin-top:8px; line-height: 1.5;}
    .promise_step_wrap .special_promise{padding:90px 0 180px;}
    .promise_step_wrap .special_promise .prom_txt{padding-top:200px; font-size: 2.459vw; width: 100%;}
    .promise_step_wrap .special_promise .prom_prod_img{position: absolute; width: 50%; text-align: right; right: -90px; top:80px;}
    .promise_step_wrap .special_promise .prom_prod_img p.txt{font-size: 1.803vw;}
    .promise_step_wrap .special_promise .prom_prod_img p.txt del{font-size: 1.803vw;}
    .promise_step_wrap .special_promise .prom_prod_img p.sub_info_txt{font-size: 1.393vw;}
}


@media screen and (max-width:720px){
    .promise_step_wrap {text-align: center; margin-bottom: 100px;}
    .promise_step_wrap p.red{font-size: 4.167vw;}
    .promise_step_wrap .promise_box{margin-top:24px; flex-direction: column; gap:12px;}
    .promise_step_wrap .promise_box .box{width: 100%; margin-top:0; flex-direction: row;}
    .promise_step_wrap .promise_box .box .img_wrap{width: 45%; flex-basis: 45%; height:auto; flex-shrink: 0;}
    .promise_step_wrap .promise_box .box .img_wrap img{height:100%; object-fit: cover;}
    .promise_step_wrap .promise_box .box .txt_wrap{padding: 20px 24px;}
    .promise_step_wrap .promise_box .box .txt_wrap strong{font-size: 5.111vw;}
    .promise_step_wrap .promise_box .box .txt_wrap strong + p{font-size: 3.056vw; margin-top:8px; line-height: 1.5;}
    .promise_step_wrap .special_promise{padding:40px 0 0; text-align: left;}
    .promise_step_wrap .special_promise::before{content: ""; width: 100%; background: url('../images/KiPFRi_bg.png') no-repeat 0 0; transform: translate(0); left: 0; background-size: auto 100%; height: 200px;}
    .promise_step_wrap .special_promise .prom_txt{padding-top:60px; font-size: 4.167vw; width: 100%;}
    .promise_step_wrap .special_promise .prom_txt br{display: none;}
    .promise_step_wrap .special_promise .prom_prod_img{position: static; width: 100%; text-align: left; padding-top: 40px;}
    .promise_step_wrap .special_promise .prom_prod_img p{padding-right: 0;}
    .promise_step_wrap .special_promise .prom_prod_img p.txt{font-size: 3.056vw;}
    .promise_step_wrap .special_promise .prom_prod_img p.txt del{font-size: 3.056vw;}
    .promise_step_wrap .special_promise .prom_prod_img p.sub_info_txt{font-size: 2.361vw; margin-top:8px;}
}

.choice-option .custom_input label{height: auto !important; line-height: 1.3 !important; padding: 24px 16px 16px;}
.choice-option .custom_input label .alert{display: block; line-height: 1.5; margin-top: 8px;}