@charset "utf-8";

/* /////////////// jinstar /////////////// */

@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/* color */
:root {
	--black: #000;
	--white: #fff;

	--maincolor: #0062a9;
	--subcolor: #00a5a3;
	--primarycolor: #4f2289;
	--secondarycolor: #e6165a;

	--wgraytcolor: #777;
	--graytcolor: #555;
	--dgraytcolor: #111;

	--wgraybgcolor: #f2f2f2;
	--graybgcolor: #d9d9d9;
	--dgraybgcolor: #444;

	--bordercolor: #dfdfdf;
	--darkbordercolor: #bbb;
}

/* reset */
html, body,
div, p,
span, strong, b, em, i, del, mark, q, s, ins, address, small, sub, sup, u, var, cite,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, ol, li,
table, caption, thead, tbody, tfoot, tr, th, td,
iframe, pre, img,
form, fieldset, legend, label, button, a, input, select, textarea, select,
header, footer, main, nav, aside, section, article, hgroup, search,
figure, figcaption, blockquote,
details, summary{
margin:0; padding:0; border:0 none; outline:0;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; list-style:none;
font-family:'Pretendard'; font-size:16px; line-height:1.2; color:var(--dgraytcolor); letter-spacing:0; font-weight:200;
white-space:normal; word-break:keep-all; text-decoration:none; font-style:normal;
-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
*{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

*:before,
*:after{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block;}

meter, progress{ }

legend, caption{ display:none; position:absolute; width:0 !important; height:0 !important; padding:0 !important; margin:-1px !important; line-height:0 !important; border:0 none; outline:0; clip:rect(0 0 0 0); font-size:0;}
strong, b{ font-weight:500;}
img{ line-height:0; max-width:100%;}

/* a */
a, area{ blr:expression(this.onFocus=this.blur())} /* for IE */ 
:focus{ -moz-outline-style:none; } /* for Firefox */
button, a, input[type='submit'], input[type='button']{ cursor:pointer;}
a:hover, a:focus, a:active, a:visited{ }

/* form */
input[type="text"],
input[type="date"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="email"],
input[type="password"],
select{ vertical-align:middle; border:1px solid var(--bordercolor); background-color:var(--white); padding:0 5px; line-height:35px; height:35px; width:230px;}

input[type="text"]:hover,
input[type="date"]:hover,
input[type="number"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="search"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
select:hover{ border:1px solid var(--darkbordercolor); background-color:#fafafa;}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus{ border:1px solid var(--darkbordercolor); background-color:#fafafa; box-shadow:0 0 5px rgba(0,0,0,0.3);}

table tr td input[type="text"],
table tr td input[type="date"],
table tr td input[type="number"],
table tr td input[type="url"],
table tr td input[type="tel"],
table tr td input[type="search"],
table tr td input[type="email"],
table tr td input[type="password"],
table tr td select{ width:250px;}

textarea{ resize:none; border:1px solid var(--bordercolor); background-color:var(--white); padding:5px; width:100%; height:150px;}
textarea:hover{ border:1px solid var(--darkbordercolor); background-color:#fafafa;}
textarea:focus{ border:1px solid var(--darkbordercolor); background-color:#fafafa; box-shadow:0 0 5px rgba(0,0,0,0.3);}

/* heading */
h1{ font-size:4em;}
h2{ font-size:3em;}
h3{ font-size:2.2em;}
h4{ font-size:1.2em;}
h5{ font-size:1em;}
h6{ font-size:1em;}

/* table */
table{ border:none; border-spacing:0; border-collapse:0; border-collapse:collapse; width:100%;}
table tr td,
table tr th{ text-align:left; vertical-align:middle;}
/* list_table 출력용 테이블 */
.list_table table{ width:100%;}
.list_table table tr:hover td{ background-color:#fafafa;}
.list_table table tr th,
.list_table table tr td{ border:1px solid var(--bordercolor); padding:8px 10px; text-align:center;}
.list_table table tr th{ background-color:var(--wgraybgcolor); font-weight:500;}
.list_table table tr td{ }
.list_table table tr td i{ margin:0 2px;}
.list_table table tr .board_title{ text-align:left;}
.list_table table table.inner{ border-top-width:3px !important; margin:0 auto;}
.list_table table table.inner tr th{ background-color:var(--wgraybgcolor); padding:10px 10px 10px 10px; text-align:left; width:auto;}
.list_table table table.inner tr td{ padding:10px 10px 10px 10px; text-align:left; width:auto;}
/* write_table 입력용 테이블 */
.write_table table{ width:100%;}
.write_table table tr:hover td{ }
.write_table table tr th,
.write_table table tr td{ border-top:1px solid var(--bordercolor); border-bottom:1px solid var(--bordercolor); padding:10px 20px;}
.write_table table tr th{ width:150px; font-weight:500;}
.write_table table tr th.ess{ position:relative;}
.write_table table tr th.ess:after{ content:''; width:3px; height:3px; position:absolute; top:47%; left:10px; background-color:var(--secondarycolor); border-radius:50%;}
.write_table table tr td input.full{ width:100%;}
.write_table table table.inner{ border-top-width:3px !important;}
.write_table table table.inner tr th{ background-color:var(--wgraybgcolor); padding:10px 10px 10px 10px; text-align:left; width:auto;}
.write_table table table.inner tr td{ padding:10px 10px 10px 10px; text-align:left; width:auto;}

.choice_td input[type="checkbox"],
.choice_td input[type="radio"]{ margin-right:5px; display:inline-block; vertical-align:middle;}
.choice_td span{ display:inline-block; vertical-align:middle; margin-right:10px;}

.table_err_text{ margin-top:5px; font-size:0.9em; color:var(--wgraytcolor);}
.table_err_text label{ font-size:0.9em; vertical-align:middle;}
.table_err_text i{ margin-right:5px;}
.table_err_text input{ margin-right:5px;}

.table_sub_text{ margin-top:5px; font-size:0.9em; color:var(--wgraytcolor);}
.table_sub_text label{ font-size:0.9em; vertical-align:middle;}
.table_sub_text i{ margin-right:5px;}
.table_sub_text input{ margin-right:5px;}

.board_new{ display:inline-block; vertical-align:middle; margin:0 2px; background-color:var(--secondarycolor); color:var(--white); font-size:0.5em; line-height:14px; padding:0 3px;}
.board_new:after{ content:'N';}

/* list */
.list_ul{ }
.list_ul ul{ display:flex; gap:20px; flex-wrap:wrap;}
.list_ul ul li{ padding:20px 20px 20px 20px; background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor); position:relative;}
.list_ul.grid1 ul li{ width:100%;}
.list_ul.grid2 ul li{ width:calc(50% - 15px);}
.list_ul.grid3 ul li{ width:calc(33.333333% - 15px);}
.list_ul.grid4 ul li{ width:calc(25% - 15px);}
.list_ul.grid5 ul li{ width:calc(20% - 15px);}
.list_ul ul li p{ margin:5px 0;}
.list_ul ul li hr{ height:1px; margin:10px 0 !important;}

.list_ul ul li p.list_title{ font-size:1.2em; font-weight:500; margin-bottom:10px;}
.list_ul ul li p.list_title a{ font-size:1em; font-weight:500;}

.list_ul ul li p.list_condi{ position:absolute; top:0; right:0; margin:0;}
.list_ul ul li p.list_condi span{ display:inline-block; vertical-align:middle; padding:3px 6px; font-size:0.8em; font-weight:500;}
.list_ul ul li p.list_condi.wait span{ background-color:var(--white);}
.list_ul ul li p.list_condi.compl span{ background-color:var(--dgraybgcolor); color:var(--white);}

.list_ul ul li p.list_cate{ display:inline-block; vertical-align:middle; font-size:0.8em; margin-right:10px; font-weight:400; color:var(--wgraytcolor);}

.list_ul ul li p.list_date{ display:inline-block; vertical-align:middle; font-size:0.8em; margin-right:10px; font-weight:400; color:var(--wgraytcolor);}

.list_ul ul li p.list_writer{ display:inline-block; vertical-align:middle; font-size:0.8em; margin-right:10px; font-weight:400; color:var(--wgraytcolor);}

.list_ul ul li p.list_btns{ margin-top:10px;}
.list_ul ul li p.list_btns .btn{ margin-bottom:5px;}

.list_ul ul li p.list_star{ display:inline-block; vertical-align:middle; font-size:0.8em; margin-right:10px; font-weight:400; color:var(--wgraytcolor); width:82px; height:15px; background-repeat:no-repeat; background-size:auto 15px; background-position:0 0;}
.list_ul ul li p.list_star.star5{ background-image:url('../images/product/s_star5.png');}
.list_ul ul li p.list_star.star4{ background-image:url('../images/product/s_star4.png');}
.list_ul ul li p.list_star.star3{ background-image:url('../images/product/s_star3.png');}
.list_ul ul li p.list_star.star2{ background-image:url('../images/product/s_star2.png');}
.list_ul ul li p.list_star.star1{ background-image:url('../images/product/s_star1.png');}

.list_ul ul li p.list_ordernum{ display:inline-block; vertical-align:middle; font-size:0.8em; margin-right:10px; font-weight:400; color:var(--wgraytcolor);}
.list_ul ul li p.list_ordernum a{ font-size:1em; font-weight:400; color:var(--wgraytcolor);}

.list_ul ul li p.list_g_condi{ margin-bottom:10px; font-size:0.8em; color:var(--wgraytcolor); font-weight:400;}
.list_ul ul li p.list_g_condi select{ width:100%; height:30px; line-height:30px; font-size:1em; font-weight:400;}

/* copy */
cite{ font-style:normal; display:block; text-align:left;}

/* hr */
hr{ margin:0; padding:0; border:0 none; outline:0; background:none; width:100%; background-color:var(--bordercolor); height:1px;}

/* i */
i{ font-size:0.8em; color:var(--wgraytcolor);}

/* float */
.fl{ float:left !important;}
.fr{ float:right !important;}
.clear{ clear:both !important;}

/* display none */
.dn{ display:none;}

/* flex */
.flex{ display:flex; width:100%; flex-wrap:wrap;}
.flex > div,
.flex > li{ border:1px solid var(--bordercolor);}
.flex.gap10{ gap:10px;}
.flex.gap10.col2 > div,
.flex.gap10.col2 > li{ width:calc(50% - 5px);}
.flex.gap10.col3 > div,
.flex.gap10.col3 > li{ width:calc(33.3333333% - 7px);}
.flex.gap10.col4 > div,
.flex.gap10.col4 > li{ width:calc(25% - 8px);}
.flex.gap10.col5 > div,
.flex.gap10.col5 > li{ width:calc(20% - 8px);}
.flex.gap10.col6 > div,
.flex.gap10.col6 > li{ width:calc(16.6666666% - 9px);}
.flex.gap20{ gap:20px;}
.flex.gap20.col2 > div,
.flex.gap20.col2 > li{ width:calc(50% - 10px);}
.flex.gap20.col3 > div,
.flex.gap20.col3 > li{ width:calc(33.3333333% - 14px);}
.flex.gap20.col4 > div,
.flex.gap20.col4 > li{ width:calc(25% - 15px);}
.flex.gap20.col5 > div,
.flex.gap20.col5 > li{ width:calc(20% - 16px);}
.flex.gap20.col6 > div,
.flex.gap20.col6 > li{ width:calc(16.6666666% - 17px);}
.flex.gap30{ gap:30px;}
.flex.gap30.col2 > div,
.flex.gap30.col2 > li{ width:calc(50% - 15px);}
.flex.gap30.col3 > div,
.flex.gap30.col3 > li{ width:calc(33.3333333% - 20px);}
.flex.gap30.col4 > div,
.flex.gap30.col4 > li{ width:calc(25% - 23px);}
.flex.gap30.col5 > div,
.flex.gap30.col5 > li{ width:calc(20% - 24px);}
.flex.gap30.col6 > div,
.flex.gap30.col6 > li{ width:calc(16.6666666% - 25px);}
.flex.gap40{ gap:40px;}
.flex.gap40.col2 > div,
.flex.gap40.col2 > li{ width:calc(50% - 20px);}
.flex.gap40.col3 > div,
.flex.gap40.col3 > li{ width:calc(33.3333333% - 27px);}
.flex.gap40.col4 > div,
.flex.gap40.col4 > li{ width:calc(25% - 30px);}
.flex.gap40.col5 > div,
.flex.gap40.col5 > li{ width:calc(20% - 32px);}
.flex.gap40.col6 > div,
.flex.gap40.col6 > li{ width:calc(16.6666666% - 34px);}
.flex.gap50{ gap:50px;}
.flex.gap50.col2 > div,
.flex.gap50.col2 > li{ width:calc(50% - 25px);}
.flex.gap50.col3 > div,
.flex.gap50.col3 > li{ width:calc(33.3333333% - 34px);}
.flex.gap50.col4 > div,
.flex.gap50.col4 > li{ width:calc(25% - 38px);}
.flex.gap50.col5 > div,
.flex.gap50.col5 > li{ width:calc(20% - 40px);}
.flex.gap50.col6 > div,
.flex.gap50.col6 > li{ width:calc(16.6666666% - 42px);}

/* margin */
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}

/* padding */
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}
.pr40{ padding-right:40px;}
.pr50{ padding-right:50px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}

/* bt default style */
.btns{ width:100%; text-align:center; margin-top:80px; margin-bottom:20px; overflow:hidden;}
.btns.right{ text-align:right;}
.btns.left{ text-align:left;}
.btns .right{ float:right;}
.btns .left{ float:left;}

p.btn,
label.btn,
a.btn,
button.btn{ display:inline-block; text-align:center; vertical-align:middle; margin:0 1px; cursor:pointer;}
p.btn.radi,
label.btn.radi,
a.btn.radi,
button.btn.radi{ border-radius:10px;}
p.btn.round,
label.btn.round,
a.btn.round,
button.btn.round{ border-radius:100px;}

/* bt size style */
p.bt_micro,
label.bt_micro,
a.bt_micro,
button.bt_micro{ padding:3px 8px; font-size:0.8em; font-weight:400;}
p.bt_small,
label.bt_small,
a.bt_small,
button.bt_small{ padding:0 10px; height:25px; line-height:25px; font-size:0.9em;}
p.bt_normal,
label.bt_normal,
a.bt_normal,
button.bt_normal{ padding:0 18px; height:35px; line-height:35px; font-size:1em;}
p.bt_big,
label.bt_big,
a.bt_big,
button.bt_big{ padding:0 50px; height:50px; line-height:50px; font-size:1.2em;}
p.bt_full,
label.bt_full,
a.bt_full,
button.bt_full{ padding:0; margin:0; height:50px; line-height:50px; width:100%; font-size:1.2em; display:block;}
p.bt_half,
label.bt_half,
a.bt_half,
button.bt_half{ padding:0; margin:0; height:50px; line-height:50px; width:50%; font-size:1.2em;}

/* bt color style */
.bg_main{ background-color:var(--maincolor); color:var(--white) !important;}
.bg_main:hover{ background-color:#00487c; color:var(--white) !important;}
.bg_sub{ background-color:var(--subcolor); color:var(--white) !important;}
.bg_sub:hover{ background-color:#008382; color:var(--white) !important;}
.bg_primary{ background-color:var(--primarycolor); color:var(--white) !important;}
.bg_primary:hover{ background-color:#330e62; color:var(--white) !important;}
.bg_secondary{ background-color:var(--secondarycolor); color:var(--white) !important;}
.bg_secondary:hover{ background-color:#b0093f; color:var(--white) !important;}

.bg_wgray{ background-color:var(--wgraybgcolor); color:var(--dgraytcolor) !important;}
.bg_wgray:hover{ background-color:#e1e1e1; color:var(--dgraytcolor) !important;}
.bg_gray{ background-color:#868686; color:var(--white) !important;}
.bg_gray:hover{ background-color:#555; color:var(--white) !important;}
.bg_dgray{ background-color:var(--dgraybgcolor); color:var(--white) !important;}
.bg_dgray:hover{ background-color:var(--black); color:var(--white) !important;}

.bg_white{ background-color:var(--white); color:var(--dgraytcolor) !important;}
.bg_white:hover{ background-color:var(--maincolor); color:var(--white) !important;}
.bg_black{ background-color:var(--black); color:var(--white) !important;}
.bg_black:hover{ background-color:var(--maincolor); color:var(--white) !important;}

.border{ border:1px solid var(--bordercolor); background-color:var(--white);}
.border:hover{ border:1px solid var(--darkbordercolor); background-color:var(--wgraybgcolor);}

.bg_red{ background-color:#f04124; color:var(--white) !important;}
.bg_red:hover{ background-color:#be2a12; color:var(--white) !important;}
.bg_orange{ background-color:#f79750; color:var(--white) !important;}
.bg_orange:hover{ background-color:#e06f1b; color:var(--white) !important;}
.bg_green{ background-color:#43ac6a; color:var(--white) !important;}
.bg_green:hover{ background-color:#389d5e; color:var(--white) !important;}
.bg_blue{ background-color:#1566c2; color:var(--white) !important;}
.bg_blue:hover{ background-color:#0c52a0; color:var(--white) !important;}
.bg_sky{ background-color:#088bc2; color:var(--white) !important;}
.bg_sky:hover{ background-color:#036b96; color:var(--white) !important;}
.bg_mint{ background-color:#07bbb0; color:var(--white) !important;}
.bg_mint:hover{ background-color:#059d94; color:var(--white) !important;}
.bg_pink{ background-color:#ff8e8e; color:var(--white) !important;}
.bg_pink:hover{ background-color:#f18080; color:var(--white) !important;}

/* pagination */
.pagination{ margin:100px 0 0;}
.pagination ul{ text-align:center;}
.pagination.right ul{ text-align:right;}
.pagination.left ul{ text-align:left;}
.pagination ul li{ display:inline-block; margin:0 1px; vertical-align:middle;}
.pagination ul li a{ display:block; width:35px; height:35px; line-height:35px; text-align:center; font-size:1em; background-color:var(--white); border:1px solid var(--bordercolor); vertical-align:middle;}
.pagination ul li a:hover{ background-color:var(--wgraybgcolor); border:1px solid var(--darkbordercolor);}
.pagination ul li.first a,
.pagination ul li.prev a,
.pagination ul li.next a,
.pagination ul li.last a{ font-size:0.7em;}
.pagination ul li.thisp a{ font-size:1em; background-color:var(--maincolor); color:var(--white); border:1px solid var(--maincolor); cursor:not-allowed;}
.pagination ul li.thisp a:hover{ }

/* ul ol */
ul.dot{ }
ul.dot li{ padding-left:10px; position:relative;}
ul.dot li:after{ content:''; width:3px; height:3px; background-color:#555; border-radius:50%; position:absolute; top:9px; left:0;}
ol.dot{ }
ol.dot li{ padding-left:10px; position:relative;}
ol.dot li:after{ content:''; width:3px; height:3px; background-color:#555; border-radius:50%; position:absolute; top:9px; left:0;}

ul.line{ }
ul.line li{ padding-left:10px; position:relative;}
ul.line li:after{ content:''; width:5px; height:1px; background-color:#555; border-radius:50%; position:absolute; top:10px; left:0;}
ol.line{ }
ol.line li{ padding-left:10px; position:relative;}
ol.line li:after{ content:''; width:5px; height:1px; background-color:#555; border-radius:50%; position:absolute; top:10px; left:0;}

.sound_only{ display:none;}
@media (max-width:1199px){
	input[type="text"],
	input[type="date"],
	input[type="number"],
	input[type="url"],
	input[type="tel"],
	input[type="search"],
	input[type="email"],
	input[type="password"],
	select{ line-height:30px; height:30px;}

	p.btn,
	a.btn,
	button.btn{ margin:2px 2px;}
	p.bt_micro,
	a.bt_micro,
	button.bt_micro{ }
	p.bt_small,
	a.bt_small,
	button.bt_small{ padding:0 10px; height:25px; line-height:25px; font-size:0.9em;}
	p.bt_normal,
	a.bt_normal,
	button.bt_normal{ padding:0 18px; height:30px; line-height:30px; font-size:1em;}
	p.bt_big,
	a.bt_big,
	button.bt_big{ padding:0; margin:2px 0; height:50px; line-height:50px; width:100%; font-size:1em;}
	p.bt_full,
	a.bt_full,
	button.bt_full{ padding:0; margin:2px 0; height:50px; line-height:50px; font-size:1em;}
	p.bt_half,
	a.bt_half,
	button.bt_half{ padding:0; margin:2px 0; height:50px; line-height:50px; width:100%; font-size:1em;}

	h1{ font-size:3em;}
	h2{ font-size:2.2em;}
	h3{ font-size:1.4em;}
	h4{ font-size:1em;}
	h5{ font-size:1em;}
	h6{ font-size:1em;}

	.list_ul ul{ gap:10px;}
	.list_ul.grid3 ul li,
	.list_ul.grid4 ul li,
	.list_ul.grid5 ul li{ width:calc(50% - 5px);}
}

@media (max-width:959px){
	.list_ul ul{ gap:10px;}
	.list_ul.grid2 ul li,
	.list_ul.grid3 ul li,
	.list_ul.grid4 ul li,
	.list_ul.grid5 ul li{ width:100%;}
}

@media (max-width:767px){
	input[type="text"],
	input[type="date"],
	input[type="number"],
	input[type="url"],
	input[type="tel"],
	input[type="search"],
	input[type="email"],
	input[type="password"],
	select{ /*width:180px;*/}

	table tr td input[type="text"],
	table tr td input[type="date"],
	table tr td input[type="number"],
	table tr td input[type="url"],
	table tr td input[type="tel"],
	table tr td input[type="search"],
	table tr td input[type="email"],
	table tr td input[type="password"],
	table tr td select{ width:100%;}

	.overflow_table{ overflow-x:auto;}
	.overflow_table table{ min-width:700px;}

	.list_table table tr th{ }
	.list_table table tr td{ }

	.write_table{ background-color:var(--wgraybgcolor); border:1px solid var(--bordercolor);}
	.write_table table{ display:block;}
	.write_table table tbody{ display:block;}
	.write_table table tr{ display:block;}
	.write_table table tr th{ display:block; width:auto; border:0; padding-top:15px; padding-bottom:5px;}
	.write_table table tr td{ display:block; border:0; padding-top:0; padding-bottom:15px;}
	.write_table table tr th.ess{ padding-left:30px;}
	.write_table table tr th.ess:after{ left:22px; top:56%;}
}