@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('./bootstrap.min.css');
@import url('./ionicons/css/ionicons.min.css');
@import url('./mask.css');
@import url('./modal.css');
@import url('./theme.css');


/* 컬러 변수 셋팅 */
:root{
	--primary:#eb3f3f;
	--primary-hover:#da0000;
	--primary-light:#ff7d78;
	--primary-dark:#56423d;
	--action:#ff2434;
	--action-50:rgba(255,36,52,.5);
	--dark:#281713;
	--dark-light:#58362e;
	--premium:#f27824;
	--primary-bg:#77584f;
	}

/* SHINING 독립 사용 */
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Noto Sans KR'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Noto Sans KR'}

/* HEADER */
#ms_hd{position:relative;z-index:20;width:100%;font-family:'GmarketSansMedium'}
#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)}}

/* CONT */
#ms_container{z-index:10;position:relative;padding-top:80px}
/*#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}
#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: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.sub{margin-top:0;padding-top:70px}
#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:60px;}
/*#ms_aside{display:none}*/
}
@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: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)}

.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}