@charset "utf-8";
@import url("./font-awesome/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700&display=swap'); 
@font-face{font-family:'SBAggroB';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'SBAggroM';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');font-weight:normal;font-style:normal}
@font-face{font-family:'SBAggroL';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');font-weight:normal;font-style:normal}
@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-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

.inner{max-width:1400px;width:100%;margin:0 auto}
/* 컬러 변수 셋팅 */
:root{
	--primary:#e5212b;
	--primary-hover:#dc2933;
	--primary-light:#ee444d;
	--primary-dark:#c5161f;
	--dark:#111;
	--dark-light:#3d3d3d;

	--action:#ff2434;
	--action-50:rgba(255,36,52,.5);

	--premium:#f27824;
	--primary-bg:#77584f;
	--primary-bg-light: #a9857b;
	--white:#fff;

	--highlight1:#cf1565;
	--highlight2:#3972ea;

	--kakao_bg:#FAE100;
	--kakao_col:#391B1B;
	--gray_bg:#f3f3f3;;
	--dark_gray_bg:#555;

	--icon-gold: #FFB800; 
    --icon-blue: #3498db;
    --icon-green: #27ae60;
	}

/* 공통속성 */
.gray_bg{background:var(--gray_bg); padding:80px 0;}
.point{color:var(--primary) !important;}
/* SHINING 독립 사용 */
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:Pretendard, sans-serif; }
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:Pretendard, sans-serif;}

/* HEADER */
#ms_hd{position:relative;z-index:20;width:100%; /*  font-family:'GmarketSansMedium'*/ font-family:'SCoreDream'; font-weight:700; }
#ms_hd.idx{z-index:5}

/* MAIN */
#main_banner{overflow:hidden;position:relative;z-index:15;width:100%;transition:all .2s;font-family:'GmarketSansMedium'}
#ms_section{position:relative;font-size:15px;color:#666;letter-spacing:-.2px;line-height:1.8;font-family:'GmarketSansMedium'}

/* FADE */
.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes fadeInUp{from{opacity:0}to{opacity:1;-webkit-transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0}to{opacity:1;transform:translateY(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:.2s;animation-delay:.2s}
@-webkit-keyframes fadeInLeft{from{opacity:0}to{opacity:1;-webkit-transform:translateX(0)}}
@keyframes fadeInLeft{from{opacity:0}to{opacity:1;transform:translateX(0)}}


@keyframes animate1 {
    0% {
        left: -100%;
    }

    50%, 100% {
        left: 25%;
    }
}

@keyframes animate2 {
    0% {
        right: -100%;
    }

    50%, 100% {
        right: 25%;
    }
}
.acc_wrap{position:relative; max-width:800px; margin:0 auto;}

/* 공통 타이틀 */
.tit_txt{font-size:35px;text-align:center;color:#222;font-family:'SCoreDream';font-weight:700; position:relative; }

/* btn설정 */
.main_btn_wrap :active, .main_btn_wrap :hover, .main_btn_wrap :focus { outline: 0; outline-offset: 0; } 
.main_btn_wrap ::before, .main_btn_wrap ::after { position: absolute; content: ""; } 

/* 더보기  */
.btn_wrap{display:flex; justify-content:center; margin-top:50px;}
.btn_ { position: relative; display: inline-block; width: auto; height: auto; background-color: transparent; border: none; cursor: pointer; /* margin: 0px 25px 15px; */ min-width: 150px; } 
.btn_ span { position: relative; display: inline-block; font-size: 18px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; top: 0; left: 0; width: 100%; padding: 15px 20px; 
	transition: 0.3s; font-family:'SCoreDream'; font-weight:700; display:flex;gap:10px;align-items: center; justify-content:center;} 
 /* 4. hover-filled-slide-right */
.btn_.hover-filled-slide-right::before { top: 0; bottom: 0; right: 0; height: 100%; width: 100%; } 
.btn_.hover-filled-slide-right:hover::before { width: 0%; } 
.btn_wrap .btn-1::before { background: var(--primary); transition: 0.3s ease-out; } 
.btn_wrap .btn-1 span { color: var(--white); border: 1px solid var(--primary); transition: 0.2s 0.1s; } 
.btn_wrap .btn-1 span:hover { color: var(--primary); transition: 0.2s 0.1s; } 


.run {width: 50%; height: 3px; position: absolute; bottom:0;}
.run-left {left: 0; background: linear-gradient(90deg, transparent, var(--highlight1)); animation: animate1 4s forwards;}
.run-right {right: 0; background: linear-gradient(270deg, transparent,  var(--highlight2)); animation: animate2 4s forwards;}

/* CONT */
#ms_container{z-index:10;position:relative;padding-top:85px}
body.is_partner #ms_container {padding-top: 120px}
/*#ms_container.sub{padding-top:0}*/
#ms_container_wrapper{position:relative}
#ms_content{z-index:5;position:relative;max-width:1400px;width:100%;min-height:350px;margin:50px auto 50px; padding:0 10px;}
#ms_content_roulette{z-index:5;position:relative;width:100%;margin:0 auto}

/* SNB */
#ms_aside{position:relative;z-index:15;font-family:'GmarketSansMedium'}

/* FOOTER 
#ms_ft{z-index:5;position:relative;padding:75px 15px 0;font-size:14px;line-height:1.8;letter-spacing:-.2px;color:rgba(255,255,255,.5);text-align:center;word-break:keep-all;background-color:var(--dark);font-family:'GmarketSansMedium'} 
#ms_ft.sub{margin-top:0;padding-top:70px}
#ms_ft .ft_tit{font-size:16px;color:#fff;font-family:'GmarketSansMedium';font-weight:500}
#ms_ft a{color:rgba(255,255,255,.6);transition:all .3s}
#ms_ft a:hover{cursor:pointer;color:rgba(255,255,255,.75)}
#ms_ft ul{margin:27px 0}
#ms_ft ul li{display:inline-block;font-size:15px;line-height:1}
#ms_ft ul li+li:before{display:inline-block;vertical-align:middle;content:"";width:1px;height:14px;margin:0 12px 0 10px;background-color:rgba(255,255,255,.2)}
#ms_ft .copy{display:flex;justify-content:space-between;max-width:1740px;width:100%;margin:63px auto 0;padding:0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;line-height:60px}
#ms_ft .copy div a{display:inline-block}
#ms_ft .copy div a+a{margin-left:12px}*/

/* FOOTER */
#ms_ft{z-index:5;position:relative;/*margin-top:-65px;*/padding:50px 15px 0;font-size:14px;line-height:1.8;letter-spacing:-.2px;color:rgba(255,255,255,.5);text-align:center;word-break:keep-all;
	background-color:var(--dark);font-family:'SCoreDream'; font-weight:400;} 
#ms_ft.sub{margin-top:0;padding-top:50px}
#ms_ft .company_wrap span{display:inline-block;}
#ms_ft a{color:rgba(255,255,255,.5);transition:all .3s}
#ms_ft a:hover{cursor:pointer;color:rgba(255,255,255,.75)}
#ms_ft ul{margin-bottom:25px}
#ms_ft ul li{display:inline-block;font-size:15px;line-height:1}
#ms_ft ul li+li:before{display:inline-block;vertical-align:middle;content:"";width:1px;height:10px;margin:0 12px 0 10px;background-color:rgba(255,255,255,.2)}
#ms_ft .copy{display:flex;justify-content: space-between;max-width:1400px;width:100%;margin:40px auto 0;padding:5px 15px 0;border-top:1px solid rgba(255,255,255,.1);line-height:50px}
#ms_ft .copy div a{display:inline-block;font-size:11px;font-family:'GmarketSansMedium'}
#ms_ft .copy div a+a{margin-left:12px}

/* FOOTER */
#ms_ft_shop{z-index:5;position:relative;margin-top:-65px;padding:140px 15px 0;font-size:14px;line-height:1.8;letter-spacing:-.2px;color:rgba(255,255,255,.5);text-align:center;word-break:keep-all;background-color:var(--dark);font-family:'GmarketSansMedium'} 
#ms_ft_shop.sub{margin-top:0;padding-top:70px}
#ms_ft_shop a{color:rgba(255,255,255,.5);transition:all .3s}
#ms_ft_shop a:hover{cursor:pointer;color:rgba(255,255,255,.75)}
#ms_ft_shop ul{margin-bottom:25px}
#ms_ft_shop ul li{display:inline-block;font-size:15px;line-height:1}
#ms_ft_shop ul li+li:before{display:inline-block;vertical-align:middle;content:"";width:1px;height:10px;margin:0 12px 0 10px;background-color:rgba(255,255,255,.2)}
#ms_ft_shop .copy{display:flex;justify-content: space-between;max-width:1400px;width:100%;margin:40px auto 0;padding:5px 15px 0;border-top:1px solid rgba(255,255,255,.1);line-height:50px}
#ms_ft_shop .copy div a{display:inline-block;font-size:11px;font-family:'GmarketSansMedium'}
#ms_ft_shop .copy div a+a{margin-left:12px}

/* 반응형 사이트맵 공통 */
#ms_site_map{position:relative;width:100%;font-family:'Noto Sans KR'}
#ms_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#ms_site_map > div{width:31%;float:left;margin:0 1%}
#ms_site_map > div:nth-of-type(3n){margin-right:0}
#ms_site_map .ms_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;text-align:center;color:#222;font-family:'Noto Sans KR';font-weight:bold}
#ms_site_map ul{padding:0 15px 15px}
#ms_site_map .ms_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#ms_site_map .ms_site_map_box li{border-bottom:1px dotted #ccc}
#ms_site_map .ms_site_map_box li:last-child{border:none}

/* 반응형 하단 버튼 공통 */
#ms_ft_btns{display:none;padding:15px}
#ms_ft_btns .btns{overflow:hidden}
#ms_ft_btns .row2 a{width:50%}
#ms_ft_btns a{float:left;display:block;width:100%;height:55px;font-size:16px;line-height:55px;color:#fff;text-align:center;background-color:var(--primary);font-family:'Noto Sans KR';font-weight:bold}
#ms_ft_btns a.tel{border-radius:14px;font-size:18px;font-weight:700;letter-spacing:0;font-family:'Poppins'}
#ms_ft_btns a i{padding-right:5px;font-size:18px}
#ms_ft_btns a.kakao{font-weight:normal;color:#402325;background-color:#ffe500}

/* 반응형 [s] */
@media (max-width:1024px){
#ms_container{padding-top:70px;}
body.is_partner #ms_container{padding-top:110px;}
/*#ms_aside{display:none}*/

/* 공통 타이틀 */
.tit_txt{font-size:30px;}

.btn_ span{font-size:16px;}
}
@media (max-width:960px){
/* 반응형 스타일 필수 [s] */
#ms_login, #ms_agree, #ms_register,#ms_mb_confirm, #ms_result{padding:15px;margin:15px auto;border:none}
#ms_login input[type=submit], #ms_agree .btn_wrap input[type=submit], #ms_register .btn_wrap input[type=submit],#ms_find_info input[type=submit], #ms_mb_confirm input[type=submit]{-webkit-appearance:none;appearance:none}
#ms_login .bnr .txt p a{color:#0054a6}
#ms_pw_confirm{width:100%;padding:30px 20px;border:none}
#ms_agree .inner{padding:15px}
#ms_agree .cont{padding:10px}
#ms_site_map{padding:30px 20px}
#ms_site_map > div{width:100%;margin:0}
#ms_site_map .ms_site_map_box{min-height:auto}
#ms_content{padding:0 10px}
#ms_content.sub{padding:0}
#ms_ft{padding-bottom:76px}
#ms_ft_shop{padding-bottom:65px}
/* 반응형 스타일 필수 [e] */
}

@media (max-width:768px){
	.btn_ span{font-size:14px;}
	
	/* 공통 타이틀 */
	.run{bottom:20px;}
	.tit_txt{font-size:22px; padding-bottom:20px;}

	/* 공통속성 */
	.gray_bg{background:var(--gray_bg); padding:20px 0;}
}
@media (max-width:480px){
#ms_content{min-height:370px;margin:30px auto 30px}
#ms_section{font-size:15px}
#ms_ft{padding-top:40px;margin-top:0;font-size:13px}
#ms_ft.sub{padding-top:40px}
#ms_ft .copy{display:block;padding:15px 0;margin-top:20px;line-height:1.6}
#ms_ft_shop{padding-top:40px;margin-top:0;font-size:13px}
#ms_ft_shop.sub{padding-top:40px}
#ms_ft_shop .copy{display:block;padding:15px 0;margin-top:20px;line-height:1.6}
#ms_ft_btns{display:block}
}
@media (max-width:380px){
#ms_section{font-size:14px}
}
/* 반응형 [e] */


/* 리스트 */
.tbl-stat {clear:both; width:100%; border-top:#000 2px solid; border-collapse: collapse; border-spacing:0px;table-layout:fixed; font-size:14px}
/* .tbl-stat caption { font-size:1px; line-height:1px; text-indent:-1000em; visibility:hidden; width:1px; height:1px; overflow:hidden;} */
.tbl-stat thead th, .tbl-stat tbody th {padding:20px; border:solid #e0e0e0; border-width:0 1px 1px 1px; background:#f6f6f6; color:#333; word-wrap:break-word; }
.tbl-stat tbody th {background:#fcfcfc}
.tbl-stat thead th:first-child, .tbl-stat tbody th:first-child,.tbl-stat tbody td:first-child, .tbl-stat tfoot td:first-child {border-left:0px;}
.tbl-stat thead th:last-child, .tbl-stat tbody th:last-child, .tbl-stat tbody td:last-child, .tbl-stat tfoot td:last-child { border-right:0}
.tbl-stat tbody td {padding:20px; text-align:left;  border:1px solid #e0e0e0; border-width:1px;word-break: break-all; line-height:1.6}
.tbl-stat .left,.tbl-stat .l {padding-left:20px}/*여백 재설정이 필요할 경우*/
.tbl-stat tfoot th {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 0px; text-align:center; padding:10px 0; color:#e6360d;}
.tbl-stat tfoot td {background:#f6f6f6; border:solid #e0e0e0; border-width:0 0 1px 1px; text-align:center;  padding:10px 0; color:#333; font-weight:bold;}
.tbl-stat tbody td h2 { font-size:18px; font-weight:bold}

/* th 정렬 */
.tbl-stat thead th.sort a {display:inline-block;  padding-right:15px; margin:0px 3px; font-weight:bold;}
.tbl-stat thead th.sort a:hover, .tbl-stat thead th a:focus, .tbl-stat thead th.sort a:active {text-decoration:underline;color:#e6360d; }
.tbl-stat thead th.sort_up a {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_up a:hover, .tbl-stat thead th.sort_up a:focus, .tbl-stat thead th.sort_up a:active {text-decoration:underline;}
.tbl-stat thead th.sort_dw a  {color:#e6360d;  padding-right:15px; margin:0px 3px}
.tbl-stat thead th.sort_dw a:hover, .tbl-stat thead th.sort_dw a:focus, .tbl-stat thead th.sort_dw a:active {text-decoration:underline;}
.tbl-stat td.sort {color:#e6360d; font-weight:bold;}

/* 포인트 색 */
.tbl-stat .point {background:#f8f5f3;}


@media screen and (max-width: 600px) {
	.tbl-stat tbody td { padding:10px}
	
}

.tl_pop_con{background:#fff;font-family:'GmarketSansMedium'} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:var(--primary);font-size:18px;color:#fff;text-align:left}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:0px;font-family:'GmarketSansMedium'}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#D83D76;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close_w.png") no-repeat center center; -webkit-transition: -webkit-transform 400ms; transition: -webkit-transform 400ms; transition: transform 400ms; transition: transform 400ms, -webkit-transform 400ms; border-radius: 50%; }
#tl_quick .mp-close:after {background: url("../img/btn_close.png") no-repeat center center;}
.mp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.memberWrap {max-width:1240px;margin:0 auto;text-align:left;padding:0 10px;color:#666; letter-spacing:-0.8px;line-height:24px;word-break:keep-all;font-family:'GmarketSansMedium'}
.memberWrap h3{font-size:18px;font-weight:500;color:#333;margin-bottom:20px;margin-top:20px; font-weight:bold;font-family:'GmarketSansMedium'}
.memberWrap h3:first-child{margin-top:0}
.memberWrap p{margin-top:15px; line-height:1.6;word-break:keep-all; font-size:15px;padding:0}
.memberWrap .law{margin-top:15px;padding:20px;border:solid 1px #ebebeb;background:#fafafa; font-size:14px}
.memberWrap .law ul li{line-height:22px;margin-top:3px; padding:0; line-height:1.6;}
.memberWrap .law ul li:first-child{margin-top:0}

/* -------- 리스트 시작 [s] */
#ms_bo_list{font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#666;font-family:'Noto Sans KR'}

/* 게시판 분류 type1 */
#bo_cate_ul_box{margin-bottom:30px;padding-left:1px}
#bo_cate_ul_box:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_box li{float:left;min-width:20%;text-align:center}
#bo_cate_ul_box li a{display:block;height:47px;margin:-1px 0 0 -1px;padding:0 15px;border:1px solid #e1e1e1;font-size:15px;line-height:47px;color:#999;background-color:#f6f6f6}
#bo_cate_ul_box li a:hover{background-color:#fbfbfb}
#bo_cate_ul_box #bo_cate_on{border-top:2px solid var(--primary);color:var(--primary);line-height:45px;background-color:#fff;font-family:'Noto Sans KR';font-weight:500}

/* 게시판 분류 type2 */
#bo_cate_ul_line{margin-bottom:25px;text-align:center}
#bo_cate_ul_line:after{display:block;content:"";visibility:hidden;clear:both}
#bo_cate_ul_line li{display:inline-block;vertical-align:top;margin:0 15px}
#bo_cate_ul_line li a{display:block;padding:2px 3px;font-size:17px;color:#999}
#bo_cate_ul_line #bo_cate_on{border-bottom:2px solid var(--primary);color:var(--primary);font-family:'Noto Sans KR';font-weight:500}

/* 새창 기본 스타일 */
.new_win .win_ul .selected {background:var(--primary);border-color:var(--primary);position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:var(--primary);background:#f6f6f6;padding:0 10px;border-radius:5px}

.btn_submit {border:0;background:var(--primary);color:#fff;cursor:pointer;border-radius:3px}
/* .btn_submit:hover {background:var(--primary-hover); color:#fff;} */

.pg_current {display:inline-block;background:var(--primary);border:1px solid var(--primary);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}