@charset "utf-8";
@import url(font.css);

:root{

	--main_color:#d84843;

}

/* reset css  */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0;	color:inherit; box-sizing:border-box;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

html, body {line-height: 1.5; margin:0; padding:0;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

a{color:inherit; text-decoration:none;}

table {border-collapse: collapse; border-spacing: 0;}
caption{display:none;}

hr.dash{border:1px dashed #ddd; border-width:0 0 1px 0; margin:20px 0;}

html{background:#f3ebd6;}

*{font-family: 'Pretendard', sans-serif;}

/* 약관 */
.page_tit{font-size:45px; color:#222; text-align: center; margin-bottom:10px; font-weight: 800;}

/* policy_top */
.policy_top h1{width:70px; overflow:hidden; margin:30px auto 0;}
.policy_top h1 img{width:100%;}

.tab_menu{}
.tab_menu ul{display:flex; justify-content: center; align-content: center;}
.tab_menu ul li{border:3px solid #ddd; margin:10px; padding:5px 15px; border-radius:20px; font-weight:500; background:#fff; color:#666}
.tab_menu ul li.on{border-color:var(--main_color); color:var(--main_color);}

.policy_wrap{width:100%; max-width:1280px; margin:20px auto 80px; background:#fff; padding:40px 60px 60px; border:1px solid #ddd; border-radius:20px; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); overflow:hidden;}


/* def_box */
.def_box > li {margin-bottom: 60px;}
.def_box > li .tit {display: block; font-size: 20px; font-weight: 800; padding: 18px 0; border-bottom: 3px solid var(--main_color); margin-bottom: 20px; color: var(--main_color);}
.def_box > li > .txt {font-size: 16px; margin-bottom: 20px; color:#666; line-height:175%;}

.def_box .bul_list > li {color: #666;}
.def_box .bul_list > li b {color: #111; font-weight:600;}

/* bul list */
.bul_list > li {position: relative; display: block; font-size: 1rem; padding-left: 13px; margin-bottom: 10px;}
.bul_list > li:last-child {margin-bottom: 0;}
.bul_list > li:before {content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: #666; border-radius: 50%;}
.bul_list > li .txt {color: #666;}

.bul_list > li > b + ul{margin-top:5px;}
.bul_list > li > ul > li, .dash_list > li {position: relative; padding-left: 12px; color: #666; margin-bottom: 2px;}
.bul_list > li > ul > li:before, .dash_list > li:before {content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background-color: #999;}

.bk{color:#222;}

/* line_box */
.line_box {border:1px solid #ddd; padding:20px; border-radius:10px; margin:15px auto;}

/* policy_list */
.policy_tb {width: 100%; border-top: 1px solid #eee; margin-top: 10px;}
.policy_tb th,
.policy_tb td {padding: 6px 10px; text-align: center; vertical-align: middle;}
.policy_tb th {font-weight: 600; background-color: #f8f8f8; border-bottom: 1px solid #eee;}
.policy_tb td {border-bottom: 1px solid #eee; color: #666;}
.policy_tb td[rowspan] {border-left: 1px solid #eee;}

/* update_date */
.update_date{background:#f3ebd6; padding:3px 10px; border-radius:20px; display:inline-block; text-align: center; float:right; color:#666; font-size:14px;}

@media (max-width: 1280px) {

	.policy_wrap{max-width:calc(100% - 40px);}

}

@media (max-width: 1024px) {

	.policy_top .tab_menu ul li{margin:5px;}

	.policy_wrap{padding:30px;}

}

@media (max-width: 640px) {

	.policy_wrap{max-width:100%; padding:30px 20px 20px;}

	.page_tit{font-size:35px; margin-bottom:0;}


	/* def_box */
	.def_box > li {margin-bottom: 40px;}
	.def_box > li .tit{font-size:18px;}
	.def_box > li > .txt {font-size: 15px;}

}