@charset "utf-8";

/* ie update */
#update{position:fixed; top:0px; left:0px; z-index:99; width:100%; background:#1a1b1d; text-align:center; font-weight:300; color:#f9ed89;}
#update a{display:inline-block; margin-left:10px; color:#ff7f7f;}

/* skip navigation */
#skip_menu{position:relative; height:0px; z-index:9999; text-align:center;}
#skip_menu a{display:block; position:absolute; top:-35px; left:0px; z-index:9999; height:33px; line-height:31px; box-sizing:border-box; padding:0 10px; background:#262626; color:#eee; font-size:13px;}
#skip_menu a:hover,
#skip_menu a:focus,
#skip_menu a:active{top:0px;}

/* common */
	/* padding margin */
.pt0{padding-top:0px !important;}
.pb0{padding-bottom:0px !important;}
.mt0{margin-top:0px !important;}
.mb0{margin-bottom:0px !important;}
	/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; margin:3px 5px 0; line-height:1em; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
.marking:before{content:'*'; display:inline-block; position:absolute; top:0px; left:0px; font-size:16px; color:#d5282c; text-indent:0;}

/* data-form */
[data-form="write"] input[type="text"],
[data-form="write"] input[type="password"],
[data-form="write"] input[type="tel"],
[data-form="write"] input[type="date"],
[data-form="write"] input[type="email"],
[data-form="write"] input[type="number"],
[data-form="write"] textarea{width:100%; height:60px; box-sizing:border-box; padding:0; background:transparent; border-width:0px; border-bottom:2px solid #d9d9d9; border-radius:0px; vertical-align:middle; font-size:18px; font-weight:500; letter-spacing:-1px; transition:border 0.3s ease 0s;}
[data-form="write"] textarea{resize:none; height:190px; padding:20px 0;}
[data-form="write"] input[type="text"]:focus,
[data-form="write"] input[type="password"]:focus,
[data-form="write"] input[type="tel"]:focus,
[data-form="write"] input[type="date"]:focus,
[data-form="write"] input[type="email"]:focus,
[data-form="write"] input[type="number"]:focus,
[data-form="write"] textarea:focus{outline:none;}
[data-form="write"]{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding-bottom:90px; border-bottom:1px solid #f1f1f1;}
[data-form="write"] > li{flex:0 1 calc(50% - 25px); position:relative; margin-bottom:60px; margin-right:25px;}
[data-form="write"] > li:nth-child(2n){margin-left:25px; margin-right:0px;}
[data-form="write"] > li.full{flex:auto; width:100%; margin-right:0px !important; margin-left:0px !important;}
[data-form="write"] > li.full.textarea{margin-top:30px;}
[data-form="write"] > li > label,
[data-form="write"] > li em{opacity:1; visibility:visible; display:inline-block; margin-bottom:10px; font-size:20px; color:var(--color-black); font-weight:600; transition:0.3s ease 0s;}
[data-form="write"] > li em{display:block;}
[data-form="write"] .marking{margin-left:10px;}
[data-form="write"] > li.in{z-index:90;}
[data-form="write"] > li.in input,
[data-form="write"] > li.in select,
[data-form="write"] > li.in textarea,
[data-form="write"] > li.in .designSelect .selectbox{border-color:#222;}
[data-form="write"] > li.active > label,
[data-form="write"] > li.in > label,
[data-form="write"] > li.active em,
[data-form="write"] > li.in em{color:#222;}
[data-form="write"] .designRadio,
[data-form="write"] .designCheck{min-height:60px; box-sizing:border-box; padding-top:25px;}
[data-form="write"] > li small{display:inline-block; margin-left:10px; font-size:16px; color:var(--color-gray9);}
[data-formwrite="mail"] .box{display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
[data-formwrite="mail"] .box > div{position:relative; width:calc(100% / 2 - 25px); margin-right:25px;}
[data-formwrite="mail"] .box > div:nth-of-type(2){position:relative; margin-left:25px; margin-right:0px;}
[data-formwrite="mail"] .box i{position:absolute; left:0; top:50%; z-index:50; font-size:20px; color:#999; font-weight:500; transform:translateY(-50%);}
[data-formWrite="case"] .designRadio input[type="radio"] + label{margin-right:40px; font-size:18px;}
[data-formWrite="case"] .designRadio input[type="radio"] + label:last-child{margin-right:0px;}
[data-formWrite="case"] > div{margin-top:10px;}
[data-formWrite="conts"] > div{margin-top:20px;}
[data-form="write"] [data-formwrite="mail"] .select_input{opacity:0; visibility:hidden; position:relative; z-index:30; width:calc(100% - 55px); padding-left:45px;}
[data-form="write"] [data-formwrite="mail"] .select_input.active{opacity:1; visibility:visible;}
[data-form="write"] [data-formwrite="mail"] .select_input.active ~ .designSelect .selectbox{font-size:0px;}
[data-form="write"] input::placeholder{color:#999; font-size:16px; font-weight:400;}
[data-form="write"] ::placeholder{opacity:1; color:#999; font-size:16px; font-weight:400;}
[data-form="write"] ::-ms-input-placeholder{color:#999; font-size:16px; font-weight:400;}
[data-formWrite="file"] .designFile{flex:none; width:100%; box-sizing:border-box;}
[data-formWrite="file"] .designFile.mob{line-height:37px;}

.box_agree.designCheck{margin-top:0;}
.box_agree.designCheck input[type="checkbox"] + label{color:#666;}
.box_agree.designCheck input[type="checkbox"] + label{margin-right:10px; padding-left:35px; vertical-align:middle; font-size:16px; font-weight:400; color:var(--color-gray6);}
.box_agree.designCheck input[type="checkbox"] + label i{margin-right:5px; line-height:1.2em; vertical-align:middle; font-size:18px; color:#666;}
.box_agree.designCheck input[type="checkbox"] + label:before{top:2px;}
.box_agree.designCheck a{display:inline-block; vertical-align:middle; font-size:16px; color:#aaa; font-weight:500; transition:0.3s ease 0s;}
.box_agree.designCheck a:after{content:''; display:block; width:100%; height:1px; margin-top:-3px; background:#aaa; transition:0.3s ease 0s;}
.box_agree.designCheck a:hover,
.box_agree.designCheck a:focus{color:#666;}
.box_agree.designCheck a:hover:after,
.box_agree.designCheck a:focus:after{background:#666;}
	/* design select */
.designSelect{position:absolute; top:0px; width:100%;}
.designSelect .select{display:block; position:relative; width:100%; height:60px; font-size:20px; color:#999; text-align:left; cursor:pointer;}
.designSelect .select select{display:none;}
.designSelect .selectbox{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; height:60px; box-sizing:border-box; padding-left:45px; background-color:transparent; border:0px solid #ddd; border-bottom-width:2px; color:#333; transition:border 0.3s ease 0s;}
.designSelect .selectbox:after{content:''; position:absolute; top:27px; right:15px; width:17px; height:10px; background:url(../images/common/img_select_arrow.gif) no-repeat 50% 50%; background-size:auto 100%; transform:rotate(0); transition:transform 0.3s ease 0s;}
.designSelect .selectbox:active,
.designSelect .selectbox.active{color:var(--color-black);}
.designSelect .selectbox:active:after,
.designSelect .selectbox.active:after{transform:rotate(180deg); transition:0.8s ease 0s;}
.designSelect .selectoption{display:none; position:absolute; top:100%; right:0; left:0; z-index:99; margin:-2px 0 0; padding:40px; box-sizing:border-box; background:#fff; border:1px solid #000; list-style:none; color:#999;}
.designSelect .selectoption li{padding:5px 0; font-size:20px; letter-spacing:-1px;}
.designSelect .selectoption li:hover{color:#000;}
.designSelect .selectoption li[rel="hide"]{display:none;}
	/* design radio */
.designRadio{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designRadio input[type="radio"]{position:absolute; opacity:0;}
.designRadio input[type="radio"] + label{display:inline-block; position:relative; min-height:20px; padding-left:30px; margin-right:40px; cursor:pointer; line-height:1em; color:#000; letter-spacing:-1px;}
.designRadio input[type="radio"] + label:before{content:''; display:block; position:absolute; top:-2px; left:0px; width:20px; height:20px; background:#fff url(../images/common/img_radio.png) no-repeat 0 0px; background-size:20px 60px;}
.designRadio input[type="radio"]:checked + label:before{background-position:0px -20px;}
.designRadio input[type="radio"]:disabled + label:before{background-position:0px -40px;}
.designRadio input[type="radio"] + label:last-child{margin-right:0px;}
	/* design checkbox */
.designCheck{display:inline-block; margin:2px 0px; vertical-align:middle;}
.designCheck input[type="checkbox"]{position:absolute; opacity:0;}
.designCheck input[type="checkbox"] + label{display:inline-block; position:relative; min-height:20px; padding-left:30px; margin-right:40px; cursor:pointer; line-height:1em; color:#000; letter-spacing:-1px;}
.designCheck input[type="checkbox"] + label:before{content:''; display:block; position:absolute; top:-2px; left:0px; width:20px; height:20px; background:#fff url(../images/common/img_checkbox.png) no-repeat 0 0px; background-size:20px 60px;}
.designCheck input[type="checkbox"]:checked + label:before{background-position:0px -20px;}
.designCheck input[type="checkbox"]:disabled + label:before{background-position:0px -40px;}
.designCheck input[type="checkbox"] + label:last-child{margin-right:0px;}
	/* design file */
.designFile{position:relative;}
.designFile input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile label.button{height:60px; line-height:58px; cursor:pointer;}
.designFile.mob input[type="text"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile.mob label{display:none;}
.designFile.mob .designCheck label{display:inline-block;}
.designFile.mob .button.white{position:static; font-size:0.9rem;}
.designFile.mob input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0px; border:inherit; clip:inherit; font-size:13px;}
[data-form="write"] .designFile:not(.mob) input[type="text"]{width:100%; padding-left:20px; padding-right:115px; background:#f1f1f1; border-bottom-width:0px;}
[data-form="write"] .designFile:not(.mob) label.button{position:absolute; right:0px; top:0px; width:100px;}
[data-form="write"] .designFile.mob input[type="file"]{width:100%; background:#f5f5f5; font-size:12px;}
[data-form="write"] [data-formWrite="file"] .designFile label.button{right:0px;}

/* bbs top */
.area_bbs_top{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.area_bbs_top .total{color:var(--color-black3);}
.area_bbs_top .total i{font-size:20px; font-weight:600;}

/* search */
.area_search{position:relative;}
.area_search select,
.area_search input[type=text]{height:50px; box-sizing:border-box; border-width:0px; border-bottom:2px solid var(--bg-black1);}
.area_search select{width:105px; margin-right:20px;}
.area_search input[type=text]{width:315px;}
.area_search input[type=text]::placeholder{color:#999;}
.area_search input[type=text]:focus{outline:none;}
.area_search .btn_search{position:absolute; right:0; top:50%; width:37px; height:37px; margin-top:-18.5px; background:url(../images/bbs/ico_search.svg) no-repeat 50% 50%; background-size:20px 20px; font-size:0px;}

/* gallery */
.list_gallery:not(.blog){display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:relative; margin-left:-38px; padding-top:45px;}
.list_gallery:not(.blog) > li{width:calc(100% / 3 - 38px); margin-left:38px; margin-bottom:50px;}
.list_gallery:not(.blog) > li > a{display:block; position:relative; width:100%; height:100%; box-sizing:border-box; padding-bottom:85px; border:1px solid #e5e5e5;}
.list_gallery:not(.blog) > li .img{overflow:hidden; display:block; height:283px;}
.list_gallery:not(.blog) > li .img img{object-fit:cover; width:100%; height:100%;}
.list_gallery:not(.blog) > li > a:before{content:''; opacity:0; display:block; position:absolute; top:-1px; left:-1px; z-index:5; width:calc(100% + 1px); height:calc(100% + 1px); box-sizing:border-box; border:3px solid var(--point-color); transition:opacity 0.5s ease 0s;}
.list_gallery:not(.blog) > li > a > em,
.list_gallery:not(.blog) > li > a > p{padding:0 30px;}
.list_gallery:not(.blog) > li > a > em{display:block; margin-top:40px; line-height:1.4em; font-family:var(--font-pretendard); font-size:22px; font-weight:600; color:var(--color-black); letter-spacing:-1px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; transition:0.5s ease 0s;}
.list_gallery:not(.blog) > li > a > p{margin-top:15px; font-size:16px; color:var(--color-gray6); display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.list_gallery:not(.blog) > li .date{display:inline-block; position:absolute; bottom:40px; left:30px; font-family:var(--font-pretendard); font-size:14px; font-weight:500; color:#bbb;}
.list_gallery:not(.blog) > li .description{opacity:0; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; position:absolute; top:0px; left:0px; width:100%; height:290px; box-sizing:border-box; padding:0 10px; background:rgba(143,22,22,0.8); color:var(--color-white); transition:opacity 0.5s ease-out 0.3s;}
.list_gallery:not(.blog) > li .description em{opacity:0; text-align:center; font-size:16px; color:var(--color-white); letter-spacing:-0.5px; transform:translateY(30px); transition:opacity 0.5s ease 0s, transform 0.5s ease-out 0s;}
.list_gallery:not(.blog) > li > a:hover .description{opacity:1; transition-delay:0s;}
.list_gallery:not(.blog) > li > a:hover .description em{opacity:1; transform:translateY(0px);}
.list_gallery:not(.blog) > li > a:hover em{color:var(--point-color-text);}
.list_gallery:not(.blog) > li > a:hover:before{opacity:1;}
.list_gallery .no_image{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%; background:#f5f5f5; color:#e3e3e3; font-weight:700; font-size:20px; text-transform:uppercase;}
	/* blog style */
.list_gallery.blog{padding-top:45px; padding-bottom:50px;}
.list_gallery.blog > li:nth-of-type(1){border-top:1px solid #dadada;}
.list_gallery.blog > li{padding:30px 0; border-bottom:1px solid #dadada;}
.list_gallery.blog > li > a{display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; position:relative; width:100%; box-sizing:border-box; min-height:204px; padding-left:324px;} 
.list_gallery.blog > li .img{overflow:hidden; display:block; position:absolute; left:0px; top:50%; width:294px; height:204px; transform:translateY(-50%);}
.list_gallery.blog > li .img img{object-fit:cover; width:100%; height:100%;}
.list_gallery.blog > li .date{order:1; display:block; line-height:1.2em; font-size:18px; font-weight:600; color:#b7b7b7;}
.list_gallery.blog > li > a > em,
.list_gallery.blog > li > a > p{display:block; width:100%; line-height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_gallery.blog > li > a > em{order:2; margin:5px 0 10px; font-size:25px; font-weight:600; color:var(--color-black); transition:color 0.3s ease 0s;}
.list_gallery.blog > li > a > p{order:3; font-size:20px; color:var(--color-black3);}
.list_gallery.blog > li > a:hover em{color:var(--point-color);}

/* faq */
.list_faq{padding-top:45px; padding-bottom:45px;}
.list_faq dt{position:relative; z-index:10; border-bottom:1px solid #dadada; box-shadow:none; transition:0.5s ease 0s;}
.list_faq dt:nth-of-type(1){border-top:1px solid #dadada;}
.list_faq dt a{display:block; position:relative; height:100%; box-sizing:border-box; padding:35px 40px 35px 100px; font-size:25px; font-weight:500; line-height:1.3em; word-break:keep-all;}
.list_faq dt a:before{content:''; display:block; position:absolute; left:40px; top:50%; width:40px; height:40px; box-sizing:border-box; margin-top:-20px; background:url(../images/bbs/icon_faq_q.svg) no-repeat 50% 50%; background-size:15px 18px; border:1px solid #d5d5d5; border-radius:100%; transition:0.5s ease 0s;}
.list_faq dt a:after{content:''; opacity:0; display:block; position:absolute; top:-1px; left:0px; width:100%; height:calc(100% + 1px); box-sizing:border-box; border:3px solid var(--point-color); transition:opacity 0.5s ease 0s;}
.list_faq dt.active{box-shadow:0px 30px 60px rgba(0,0,0,0.15);}
.list_faq dt.active a:before{background-color:var(--point-color); background-image:url(../images/bbs/icon_faq_qw.svg); border-color:var(--point-color);}
.list_faq dt.active a:after{opacity:1;}
.list_faq dd{display:none; padding:50px 40px 60px; border-bottom:1px solid #dadada; font-size:18px;}
.list_faq dd img{max-width:100%;}
.list_faq dd table{max-width:100%;}
.list_faq dd table th,
.list_faq dd table td{padding:2px; border:1px solid;}

/* notice */
.list_notice{padding-top:45px; padding-bottom:45px;}
.list_notice > li{position:relative; border-bottom:1px solid #dadada;}
.list_notice > li:nth-of-type(1){border-top:1px solid #dadada;}
.list_notice > li > a{display:block; padding:45px 50px;}
.list_notice > li > a span,
.list_notice > li > a em{display:block;}
.list_notice > li > a em{margin-top:5px; font-size:25px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.5s ease 0s;}
.list_notice > li > a .date{font-family:var(--font-pretendard); font-size:18px; font-weight:700; color:#b7b7b7;}
.list_notice > li > a .conts{margin-top:15px; font-size:20px; color:var(--color-black3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list_notice > li > a:before{content:''; opacity:0; display:block; position:absolute; top:-1px; left:0px; width:100%; height:calc(100% + 1px); box-sizing:border-box; border:3px solid var(--point-color); transition:opacity 0.5s ease 0s;}
.list_notice > li > a:hover:before{opacity:1;}
.list_notice > li > a:hover em{color:var(--point-color-text);}

/* photo list */
.list_photo{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; padding-top:45px; margin-left:-40px;}
.list_photo > li{width:calc(100% / 3 - 40px); margin-left:40px; margin-bottom:55px;}
.list_photo > li > a{display:block;}
.list_photo > li .img{overflow:hidden; display:block; position:relative; width:100%; height:410px;}
.list_photo > li .img img{object-fit:cover; width:100%; height:100%;}
.list_photo > li .img:before{content:''; opacity:0; display:block; position:absolute; top:0px; left:0px; z-index:5; width:100%; height:100%; box-sizing:border-box; border:4px solid var(--point-color); transition:opacity 0.5s ease 0s;}
.list_photo > li i,
.list_photo > li em{display:block; text-align:center;}
.list_photo > li i{margin-top:20px; color:var(--color-gray9); font-weight:500;}
.list_photo > li em{margin-top:3px; line-height:1.3em; font-size:20px; font-weight:600; word-break:keep-all; transition:0.5s ease 0s;}
.list_photo > li > a:hover em{color:var(--point-color-text);}
.list_photo > li > a:hover .img:before{opacity:1;}
.list_photo .no_image{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:100%; background:#f5f5f5; color:#e3e3e3; font-weight:700; font-size:20px; text-transform:uppercase;} 

/* bbs-view */
[data-subarea="bbs_view"] .bbs_top{padding-bottom:55px; border-bottom:1px solid #e7e7e7; text-align:center;}
[data-subarea="bbs_view"] .bbs_top h3{font-size:45px; line-height:1.4em; font-weight:600; word-break:keep-all;}
[data-subarea="bbs_view"] .bbs_top span.date{display:block; margin-top:25px; font-family:var(--font-pretendard); font-size:20px; color:var(--color-gray9); font-weight:600;}
[data-subarea="bbs_view"] .bbs_conts{padding:80px 0px 100px; border-bottom:1px solid #e7e7e7; font-size:18px;}
[data-subarea="bbs_view"] .bbs_conts .box_img{display:block; margin-bottom:45px; text-align:center;}
[data-subarea="bbs_view"] .bbs_conts .box_img img{max-width:100% !imortant; width:auto !important; margin:2px 0px;}
[data-subarea="bbs_view"] .bbs_conts img{max-width:100%;}
[data-subarea="bbs_view"] .bbs_conts table{max-width:100%;}
[data-subarea="bbs_view"] .bbs_conts table th,
[data-subarea="bbs_view"] .bbs_conts table td{padding:2px; border:1px solid;}
[data-subarea="bbs_view"] .area_btn{margin-top:80px;}
	/* youtube bbs */
[data-subarea="bbs_view"] .youtube_player{position:relative; width:1100px; padding-top:45.5%; margin:0 auto;}
[data-subarea="bbs_view"] .youtube_player .player{position:absolute; top:0px; left:0px; z-index:10; width:100%; height:100%;}

/* view prev next */
.area_btn .btn_prv,
.area_btn .btn_next{flex:none; width:calc(100% / 3);}
.area_btn .btn_list{flex:auto; text-align:center;}
.area_btn .btn_next{text-align:right;}
.area_btn .btn_prv a,
.area_btn .btn_next a{display:inline-block; position:relative; font-size:18px; font-weight:600;}
.area_btn .btn_prv a{padding-left:25px;}
.area_btn .btn_next a{padding-right:25px;}
.area_btn .btn_prv span,
.area_btn .btn_next span{display:inline-block; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.area_btn .btn_prv a:before,
.area_btn .btn_next a:after{content:''; display:inline-block; position:absolute; top:50%; width:12px; height:16px;  margin-top:-7px; background:url(../images/bbs/img_link_arrow_b.png) no-repeat 50% 0; background-size:auto 100%;}
.area_btn .btn_prv a:before{left:0px; transform:rotate(180deg);}
.area_btn .btn_next a:after{right:0px;}
.area_btn .none{font-size:18px; font-weight:600; color:#d7d7d7;}
.area_btn .btn_list_go{display:inline-block; position:relative; min-width:200px; height:70px; box-sizing:border-box; font-size:18px; background-color:#fff; border:1px solid #ddd; box-shadow:none; transition:0.3s ease 0s;}
.area_btn .btn_list_go span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; color:var(--color-black); transition:0.3s ease 0s;}
.area_btn .btn_list_go span:before{content:''; display:inline-block; width:14px; height:14px; margin-right:20px; background:url(../images/bbs/icon_list.png) no-repeat 50% 0; background-size:100% 100%;}
.area_btn .btn_list_go:hover,
.area_btn .btn_list_go:focus{box-shadow:0 30px 45px rgba(0,0,0,0.10);}

/* table */
table.table{width:100%; margin-top:20px; border-top:1px solid var(--bg-black2);}
table.table thead th{padding:15px 10px; background:#ecf0fa; border:1px solid #d8deee; font-weight:600;}
table.table thead tr:nth-of-type(1) th{border-top-width:0px;}
table.table thead tr:last-child th{border-bottom:1px solid #b9c2db;}
table.table thead tr.none th{border-bottom-width:0px;}
table.table thead tr.none + tr th{border-top:1px solid #d8deee;}
table.table thead th[rowspan]{border-right:1px solid #d8deee;}
table.table tbody th{border:1px solid #ececec;}
table.table th,
table.table td{padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all; font-family:var(--font-pretendard);}
table.table td small{font-size:12px; color:#666;}
table.table th{text-align:center; font-weight:500; color:#222;}
	/* thead - line */
table.table .line_right{border-right:1px solid #d8deee;}
table.table .line_left{border-left:1px solid #d8deee;}
table.table .line_bottom{border-bottom:1px solid #b9c2db;}
	/* tbody */
table.table thead + tbody tr td{text-align:center;}
table.table tbody td{background:#fff; border:1px solid #ececec;text-align:left;}
table.table thead tr th:last-child,
table.table tbody tr td:last-child{border-right-width:0px;}
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child{border-left-width:0px;}
table.table thead + tbody tr:first-child th,
table.table thead + tbody tr:first-child td{border-top:1px solid #b9c2db;}
	/* table text align */
table.table.tal td,
table.table .tal{text-align:left !important;}
table.table.tar td,
table.table .tar{text-align:right !important;}
table.table .tac{text-align:center !important;}
table.table .list{margin-top:0px;}
table.table td input[type="text"],
table.table td select,
table.table td textarea{width:100%;}
	/* table bg */
table.table .bg_sky{background-color:#f5f8ff;}
table.table .bg_green{background-color:#e2f4f4;}
	/* table scroll mobile */
#content .scrollTable{width:100%;}
#content .mob_info{display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:7px 7px 7px 35px; background:#fff; border:1px dashed #cfcfcf; font-size:13px;}
#content .mob_info:before{content:''; display:block; position:absolute; top:7px; left:7px; width:20px; height:22px; background:url(../images/common/img_drag.png) no-repeat 50% 0; background-size:100%;}

/* button */
.area_btn{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin-top:40px;}
.area_btn.flex{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.button{display:inline-block; position:relative; min-width:100px; height:40px; box-sizing:border-box; margin:2px; padding:0 20px; background:#00569c; color:var(--color-white); box-shadow:none; transition:0.3s ease 0s;}
.button span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; color:var(--color-white); transition:0.3s ease 0s;}
.button.lg{min-width:240px; height:70px; font-size:18px;}
.button.sm{min-width:100px; height:25px; font-size:13px;}
.button:before{content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:0; background:var(--point-color-light); transition:0.4s ease 0s;}
.button:hover:before,
.button:focus:before{top:auto; bottom:0px; height:100%;}
.button.black{background-color:#222;}
.button.black:before{background:#383838;}
.button.sky{background-color:#3185cf;}
.button.sky:before{background:#419bea;}
.button.white{background-color:#fff; border:1px solid #d7d7d7;}
.button.white span{color:#222 !important;}
.button.white:before{background:#eee;}
.button.ico span:before,
.button.ico span:after{content:''; display:inline-block; background-repeat:no-repeat; background-position:50% 0; background-size:100% 100%;}
.button.ico.list{min-width:100px; height:50px; border-radius:50rem; font-size:0px;}
.button.ico.list span:before{width:16px; height:16px; background-image:url(../images/common/icon_list.png);}
.button.ico.list.gray:hover,
.button.ico.list.gray:focus{box-shadow:none;}

/* layout pop */
.area_popLayer{position:fixed; top:0px; left:0px; z-index:9999; width:100%; height:100%; background:rgba(0,0,0,0.4);}
.popBox{position:relative; box-sizing:border-box; height:90%; padding:20px 40px 40px; background:#fff; border-radius:0px; box-shadow:0 0 30px rgba(0,0,0,0.2);}
.popBox .popTitle{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; height:84px; box-sizing:border-box; line-height:1.2em; font-size:35px; font-weight:600; color:#111; letter-spacing:-1px;}
.popBox .scrollbar-inner{overflow-y:auto; height:calc(100% - 144px); padding:20px 0px 0px;}
.popBox .btn_close{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:absolute; top:27px; right:25px; width:70px; height:70px; background:var(--bg-black1); border-radius:100%; cursor:pointer; font-size:0px;}
.popBox .btn_close:before{content:''; opacity:1; display:inline-block; width:20px; height:20px; background:url(../images/common/icon_pop_close.svg) no-repeat 50% 50%; background-size:auto 100%; transition:opacity 0.3s ease 0s;}
.popBox .btn_close:hover:before,
.popBox .btn_close:focus:before{opacity:0.5;}
	/* guide */
.area_guide{font-size:15px; color:#666; font-weight:400;}
.area_guide h3,
.area_guide p,
.area_guide li{word-break:keep-all; letter-spacing:-0.5px;}
.area_guide h3{margin-top:20px; font-size:16px; font-weight:500;}
.area_guide h3 + *,
.area_guide h3 + p + ul{margin-top:5px; margin-left:13px;}
.area_guide ul > li{margin-top:7px;}
.area_guide ul > li:first-child{margin-top:0px;}
.area_guide ul > li > ul{margin-top:5px;}
.area_guide ul > li > ul > li{margin-top:4px;}
.area_guide ul > li > ul > li:first-child{margin-top:0px;}
.area_guide ul > li strong{font-weight:500;}
.box_guide{margin-top:30px;}
.box_guide > p{margin-bottom:10px; padding:10px; border:1px solid #eee;}
html[lang="ja"] .area_guide p,
html[lang="ja"] .area_guide li{word-break:break-all;}

/* tab scroll mob  */
.scroll_control.full{position:relative;}
.scroll_control.full:before{content:''; opacity:0.8; display:block; position:absolute; right:0px; top:50%; z-index:5; width:15px; height:8px; margin-top:-4px; background:url(../images/common/img_lnb_arrow_b.svg) no-repeat 50% 0; background-size:auto 100%; transform:rotate(-90deg); transform-origin:50% 50%;}
.scroll_control.full:after{content:''; display:block; position:absolute; right:0px; top:0px; width:40px; height:100%; background-image:linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-ms-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-webkit-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-moz-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0)); background-image:-o-linear-gradient(-180deg, #ffffff 50%, rgba(255,255,255,0));}
.scroll_control.full .inner{position:relative; overflow-x:auto; overflow-y:hidden; width:100%; height:80px;}
.scroll_control.full .inner > ul{flex-wrap:nowrap; justify-content:flex-start; position:absolute; margin:0; padding-right:40px;}
.scroll_control.full .inner > ul > li{flex:none; margin-bottom:0px;}
.scroll_control.full .inner > ul > li:last-child{padding-right:35px;}


@media screen and (min-width:1920px){
	/* gallery */
	.list_gallery:not(.blog) > li .img,
	.list_gallery:not(.blog) > li .description{/* height:14.739583333333334vw283px; */}	
}

@media screen and (max-width:1800px){
	/* gallery */
	.list_gallery:not(.blog) > li .img,
	.list_gallery:not(.blog) > li .description{height:15.722222222222223vw/* 283px */;}	
}

@media screen and (max-width:1420px){
	/* bbs-view */
		/* youtube bbs */
	[data-subarea="bbs_view"] .youtube_player{width:90%; padding-top:50.6%;}

	/* photo list */
	.list_photo > li .img{height:28.87323943661972vw/* 410px */;}
	
	/* button */
	.button.lg{min-width:180px; height:60px; font-size:18px;}
}

@media screen and (max-width:1300px){
	/* gallery */
	.list_gallery:not(.blog) > li > a{padding-bottom:75px;}
	.list_gallery:not(.blog) > li > a > em,
	.list_gallery:not(.blog) > li > a > p{padding:0 20px;}
	.list_gallery:not(.blog) > li > a > em{margin-top:30px; font-size:20px;}
	.list_gallery:not(.blog) > li > a > p{font-size:16px;}
	.list_gallery:not(.blog) > li .date{left:20px; bottom:30px;}
		/* blog style */
	.list_gallery.blog > li > a > em{font-size:23px;}
	.list_gallery.blog > li > a > p{font-size:18px;}
	.list_gallery.blog > li .date{font-size:16px;}
	
	/* bbs view */
	[data-subarea="bbs_view"] .bbs_top h3{font-size:3.4615384615384617vw/* 45px */;}
	[data-subarea="bbs_view"] .bbs_conts{font-size:16px;}
	
	/* table */
	table.table th,
	table.table td{padding:10px 7px;}
	table.table thead th{padding:15px 10px; font-size:17px;}
}

@media screen and (max-width:1200px){
	/* faq */
	.list_faq dt a{font-size:22px;}
	
	/* photo list */
	.list_photo > li em{font-size:18px;}
	
	/* gallery */
		/* blog style */
	.list_gallery.blog > li .img{width:24.5vw/* 294px */; height:17vw/* 204px */;}
	.list_gallery.blog > li > a{ min-height:17vw/* 204px */; padding-left:27vw/* 324px */;}
}
@media screen and (max-width:1024px){
	/* layerpop */
	.popBox{width:90% !important;}
	
	/* form */
	.box_agree.designCheck a{font-size:15px;}
	.designSelect .selectbox:after{background-image:url(../images/common/img_select_arrow@x3.gif);}
	.box_agree.designCheck input[type="checkbox"] + label{font-size:18px;}
	
	/* data-form */
	[data-form="write"] > li{flex:0 1 100%; margin-right:0px;}
	[data-form="write"] > li:nth-child(2n){margin-left:0px;}
	[data-form="write"] > li > div{margin-top:0px;}
	[data-form="write"] > li[data-formwrite="conts"] > div{margin-top:20px;}
	[data-form="write"] textarea{height:130px;}
	[data-form="write"] > li > label,
	[data-form="write"] > li em{font-size:20px;}
	[data-formwrite="mail"] .box > div{width:calc(100% / 2 - 15px); margin-right:15px;}
	[data-formwrite="mail"] .box > div:nth-of-type(2){position:relative; margin-left:15px; margin-right:0px;}
		/* designFile */
	[data-form="write"] .designFile:not(.mob) label.button{min-width:inherit; width:70px;}
	[data-form="write"] .designFile:not(.mob) input[type="text"]{padding-right:80px;}
	[data-form="write"] [data-formWrite="file"] .designFile label.button{right:0px;}
	[data-formWrite="file"] .designFile{padding-right:0px;}
	[data-formWrite="file"] .file{width:70%;}
	[data-formWrite="file"] .file > a{word-break:break-all; font-size:13px;}
		/* designRadio */
	.designRadio input[type="radio"] + label:before{background-image:url(../images/common/img_radio@x3.png);}
	
	/* bbs-view */
		/* youtube bbs */
	[data-subarea="bbs_view"] .youtube_player{width:100%; padding-top:56.2%;}

	/* gallery */
	.list_gallery:not(.blog){margin-left:-25px;}
	.list_gallery:not(.blog) > li{width:calc(100% / 2 - 25px); margin-left:25px;}
	.list_gallery:not(.blog) > li .img,
	.list_gallery:not(.blog) > li .description{height:24.4140625vw/* 250px */;}	
	.list_gallery:not(.blog) > li > a .description{display:none !important;}
	
	/* faq */
	.list_faq{padding-top:30px;}
	.list_faq dt a{padding-left:80px; padding-right:30px; font-size:20px;}
	.list_faq dt a:before{left:30px; width:35px; height:35px; margin-top:-17.5px;}
	.list_faq dd{padding:40px 30px 50px; font-size:inherit;}
	
	/* notice */
	.list_notice{padding-top:30px;}
	.list_notice > li > a{padding:35px 30px;}
	.list_notice > li > a em{font-size:20px;}
	.list_notice > li > a .conts{font-size:16px;}
	.list_notice > li > a .date{font-size:16px;}
	
	/* photo list */
	.list_photo{margin-left:-25px; padding-top:30px;}
	.list_photo > li{width:calc(100% / 3 - 25px); margin-left:25px;}
	
	/* bbs view */
	[data-subarea="bbs_view"] .bbs_top h3{font-size:35px;}
	[data-subarea="bbs_view"] .bbs_top span.date{font-size:18px;}
	
	/* view prev next */
	.area_btn .btn_prv span,
	.area_btn .btn_next span{-webkit-line-clamp:2; line-height:1.2em;}
	.area_btn .btn_prv a:before,
	.area_btn .btn_next a:after{background-image:url(../images/bbs/img_link_arrow_b@x3.png);}
	.area_btn .btn_list_go{min-width:inherit; width:55px; height:55px; font-size:0px;}
	.area_btn .btn_list_go span{width:100%;}
	.area_btn .btn_list_go span:before{position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; background-image:url(../images/bbs/icon_list@x3.png);}
	
	/* table */
	table.table thead th{font-size:14px;}
	#content .scrollTable{overflow:auto;}
	#content .scrollTable .table{width:1024px; margin-top:0px;}
	#content .mob_info{display:block; margin-bottom:5px;}
	table.table thead th{padding:13px 9px;}
}

@media screen and (max-width:768px){
	/* button */
	.area_btn.flex{display:block; text-align:center;}
	.area_btn.flex .designCheck{display:block; margin-bottom:30px; text-align:left;}
	
	/* data-form */
	[data-form="write"] > li label,
	[data-form="write"] > li em{font-size:18px;}
	[data-form="write"] input[type="text"],
	[data-form="write"] input[type="password"],
	[data-form="write"] input[type="tel"],
	[data-form="write"] input[type="date"],
	[data-form="write"] input[type="email"],
	[data-form="write"] input[type="number"],
	[data-form="write"] textarea{font-size:16px;}
	.box_agree.designCheck input[type="checkbox"] + label{font-size:16px;}
	[data-form="write"] .designRadio,
	[data-form="write"] .designCheck{min-height:inherit; padding-top:0px;}
		/* designFile */
	[data-formWrite="file"] .designFile,
	[data-formWrite="file"] .file{width:100%; padding-right:0px;}
	[data-form="write"] [data-formWrite="file"] .designFile label.button{right:0px;}
	.designFile.mob input[type="file"]{width:100%; font-size:12px;}
	
	/* bbs top */
	.area_bbs_top .total i{font-size:18px;}
		
	/* search */
	.area_search input[type=text]{width:255px;}
	.area_search .btn_search{background-size:16px 16px;}
	
	/* gallery */
	.list_gallery:not(.blog) > li{margin-bottom:30px;}
	.list_gallery.blog{padding-bottom:30px;}
	.list_gallery .no_image{font-size:16px;}
		/* blog style */
	.list_gallery.blog > li{padding:20px 0px;}
	.list_gallery.blog > li > a > em{margin-top:10px; font-size:20px;}
	.list_gallery.blog > li > a > .date{font-size:14px;}
	
	/* faq */
	.list_faq{padding-bottom:0px;}
	.list_faq dt a{padding:25px 30px 25px 70px; font-size:18px;}
	.list_faq dt a:before{left:20px; background-size:12px 15px;}
	.list_faq dd{padding:30px 30px 40px;}
	
	/* notice */
	.list_notice{padding-bottom:0px;}
	
	/* photo list */
	.list_photo > li{width:calc(100% / 2 - 25px);}
	.list_photo > li .img{height:52.083333333333336vw/* 400px */;}
	
	/* bbs view */
	[data-subarea="bbs_view"] .bbs_top{padding-bottom:35px;}
	[data-subarea="bbs_view"] .bbs_top h3{font-size:4.557291666666666vw/* 35px */;}
	[data-subarea="bbs_view"] .bbs_top span.date{margin-top:20px; font-size:16px;}
	[data-subarea="bbs_view"] .bbs_conts{padding-top:60px; padding-bottom:80px;}
	[data-subarea="bbs_view"] .area_btn{margin-top:60px;}
	
	/* view prev next */
	.area_btn .btn_prv a,
	.area_btn .btn_next a{font-size:18px;}
	
	/* layerpop */
	.popBox{width:100% !important; height:100% !important; padding:10px 30px 30px;}
	.popBox .popTitle{font-size:30px;}
	.popBox .btn_close{top:25px; width:50px; height:50px;}
	.popBox .scrollbar-inner{height:calc(100% - 114px);}
}

@media screen and (max-width:690px){
	/* data-form */
	[data-form="write"] > li{flex:auto; width:100%; margin-right:0px;}
	[data-form="write"] > li:nth-child(2n){margin-left:0px;}
	[data-form="write"] input[type="text"],
	[data-form="write"] input[type="password"],
	[data-form="write"] input[type="tel"],
	[data-form="write"] input[type="date"],
	[data-form="write"] input[type="email"],
	[data-form="write"] input[type="number"],
	[data-form="write"] textarea{font-size:18px;}
	
	/* design select */
	.designSelect .selectoption{padding:20px;}
	.designSelect .selectoption li{font-size:16px;}	
	.designSelect .select{font-size:18px;}
	
	/* form */
	.box_agree.designCheck input[type="checkbox"] + label{font-size:14px;}
	.box_agree.designCheck a{margin-top:-3px; font-size:14px;}
}

@media screen and (max-width:640px){
	/* data-form */
	[data-form="write"] > li{margin-bottom:40px;}
	[data-form="write"] > li label,
	[data-form="write"] > li em{font-size:15px;}
	[data-form="write"] input[type="text"],
	[data-form="write"] input[type="password"],
	[data-form="write"] input[type="tel"],
	[data-form="write"] input[type="date"],
	[data-form="write"] input[type="email"],
	[data-form="write"] input[type="number"],
	[data-form="write"] textarea{height:50px; font-size:18px;}
	[data-form="write"] textarea{height:100px;}
	[data-form="write"] input::placeholder{font-size:14px;}
	[data-form="write"] ::placeholder{font-size:14px;}
	[data-form="write"] ::-ms-input-placeholder{font-size:14px;}
	[data-formwrite="mail"] .box{display:block;}
	[data-formwrite="mail"] .box > div{width:100%; margin-right:0px;}
	[data-formwrite="mail"] .box > div:nth-of-type(2){width:calc(100% - 35px); padding-left:35px; margin-left:0px; margin-top:5px;}
	[data-formwrite="mail"] .box i{left:0px; font-size:18px;}
	[data-formwrite="mail"] .designSelect{width:calc(100% - 35px);}
	[data-form="write"] [data-formwrite="mail"] .select_input{width:calc(100% - 45px); padding-left:0;}
	
	/* design select */
	.designSelect .selectbox{padding-left:0px;}
	.designSelect .selectbox,
	.designSelect .select{height:50px;}
	.designSelect .selectbox:after{top:20px;}
	
	/* search */
	.area_search select{margin-right:10px;}	
	
	/* gallery */
	.list_gallery:not(.blog) > li > a > em{font-size:18px;}
	.list_gallery:not(.blog) > li > a > p{font-size:14px;}
		/* blog style */
	.list_gallery.blog > li > a > em{font-size:18px;}
	.list_gallery.blog > li > a > p{font-size:16px;}
}

@media screen and (max-width:560px){
	/* search */
	.area_bbs_top .total{width:100%;}
	.area_search{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; width:100%;}
	.area_search select{flex:none; width:120px;}
	.area_search input[type=text]{flex:auto; width:calc(100% - 100px);}
	.area_search.none_select input[type=text]{flex:none; width:100%;}
	.area_bbs_top form{display:block; width:100%;}
	
	/* gallery */
	.list_gallery:not(.blog){margin-left:-15px;}
	.list_gallery:not(.blog) > li{width:calc(100% / 2 - 15px); margin-left:15px;}
	
	/* faq */
	.list_faq dd{padding-left:10px; padding-right:10px;}
	.list_faq dt a{font-size:16px;}
	
	/* notice */
	.list_notice > li > a{padding:25px 15px;}
	.list_notice > li > a em{font-size:18px;}
	
	/* photo list */
	.list_photo > li{margin-bottom:35px;}
	.list_photo > li i{margin-top:15px;}
	.list_photo > li em{font-size:16px;}
	
	/* bbs view */
	[data-subarea="bbs_view"] .bbs_top h3{font-size:5.357142857142857vw/* 30px */;}
	
	/* layerpop */
	.popBox .popTitle{font-size:25px;}
	.popBox .scrollbar-inner{height:calc(100% - 95px); padding-top:0px;}	
}

@media screen and (max-width:480px){
	/* button */
	.button.lg{min-width:150px; height:55px; font-size:16px;}
	
	/* layerpop */
	.popBox{padding:10px 20px 30px;}
	.popBox .popTitle{height:70px; font-size:22px;}
	.popBox .btn_close{right:15px; top:20px; width:45px; height:45px;}
	.popBox .btn_close:before{width:15px; height:15px;}
	.area_guide{font-size:14px;}
	
	/* form */
	.box_agree.designCheck a{font-size:14px;}
	.box_agree.designCheck input[type="checkbox"] + label{padding-left:30px;}
	[data-formWrite="case"] .designRadio input[type="radio"] + label{margin-right:20px; font-size:16px;}
	.designRadio input[type="radio"] + label:before{top:-4px;}
	
	/* gallery */
		/* blog style */
	.list_gallery.blog > li{padding-bottom:30px;}
	.list_gallery.blog > li > a{min-height:inherit; padding-left:0px;}
	.list_gallery.blog > li .img{position:static; width:calc(100vmin - 40px); height:50vmin; margin-bottom:10px; transform:translateY(0);}
	.list_gallery.blog > li > a .date{order:3; margin-top:15px;}
	.list_gallery.blog > li > a > em{order:1;}
	.list_gallery.blog > li > a > p{order:2;}
}

@media screen and (max-width:420px){
	/* button */
	.button.lg{min-width:130px;}
	
	/* form */
	[data-form="write"] input[type="text"],
	[data-form="write"] input[type="password"],
	[data-form="write"] input[type="tel"],
	[data-form="write"] input[type="date"],
	[data-form="write"] input[type="email"],
	[data-form="write"] input[type="number"],
	[data-form="write"] textarea{font-size:15px;}
	[data-form="write"] > li label,
	[data-form="write"] > li em{font-size:14px;}
	[data-form="write"] > li.full.textarea{margin-top:10px;}
	.box_agree.designCheck input[type="checkbox"] + label{font-size:14px;}
	.box_agree.designCheck input[type="checkbox"] + label i{font-size:16px;}
	.designRadio input[type="radio"] + label{margin-right:20px;}
	
	/* search */
	.area_search input[type=text],
	.area_search select{height:45px;}
	.area_search select{width:90px;}

	/* gallery */
	.list_gallery:not(.blog) > li{width:calc(100% - 15px);}
	.list_gallery:not(.blog) > li .img,
	.list_gallery:not(.blog) > li .description{height:47.61904761904761vw/* 200px */;}	
	
	/* notice */
	.list_notice > li > a{padding:25px 10px;}
	.list_notice > li > a .conts{margin-top:5px; font-size:16px;}
	.list_notice > li > a .date{font-size:14px;}
	
	/* bbs view */
	[data-subarea="bbs_view"] .bbs_top h3{font-size:6.666666666666667vw/* 28px */;}
	[data-subarea="bbs_view"] .bbs_top span.date{font-size:15px;}
	[data-subarea="bbs_view"] .bbs_conts{padding-top:50px; padding-bottom:60px;}
	
	/* view prev next */
	.area_btn .btn_prv span,
	.area_btn .btn_next span{font-size:0px;}
	.area_btn .btn_prv span:before,
	.area_btn .btn_next span:before{display:inline-block; line-height:16px; font-size:16px;}
	.area_btn .btn_prv span:before{content:'PREV';}
	.area_btn .btn_next span:before{content:'NEXT';}
	.area_btn .btn_next a:after{margin-top:-9px;}
}

@media screen and (max-width:400px){
	/* table */
	table.table thead th{padding:10px 9px;}
}

@media screen and (max-width:365px){
	/* photo list */
	.list_photo > li{width:calc(100% - 25px);}
	.list_photo > li .img{height:82.1917808219178vw/* 300px */;}
	
	/* tab scroll mob  */
	.scroll_control.full .inner{height:50px;}	
}

@media screen and (max-width:320px){
	/* data-form */
	[data-form="write"] input[type="text"],
	[data-form="write"] input[type="password"],
	[data-form="write"] input[type="tel"],
	[data-form="write"] input[type="date"],
	[data-form="write"] input[type="email"],
	[data-form="write"] input[type="number"],
	[data-form="write"] textarea{height:55px;}
	[data-form="write"] textarea{height:100px;}
	
	/* design select */
	.designSelect .selectbox,
	.designSelect .select{height:55px;}
	.designSelect .selectbox:after{top:23px;}
	
	/* form */
	.box_agree.designCheck input[type="checkbox"] + label{padding-left:40px; margin-right:10px; font-size:15px; line-height:1.3em;}
	.box_agree.designCheck a{margin-left:40px;}

	/* button */
	.button.lg{min-width:110px; height:50px;}
	
	/* gallery */
	.list_gallery:not(.blog) > li > a > em{font-size:16px;}
	
	/* notice */
	.list_notice > li > a{padding:15px 10px;}
	.list_notice > li > a em{font-size:16px;}
	.list_notice > li > a .conts{font-size:14px;}
	
	/* faq */
	.list_faq dt a{padding:15px 20px 15px 60px;}
	.list_faq dt a:before{left:15px;}
	
	/* bbs view */
	[data-subarea="bbs_view"] .bbs_top h3{font-size:7.8125vw/* 25px */;}
	
	/* view prev next */
	.area_btn .btn_prv,
	.area_btn .btn_next{width:calc((100% - 68px) / 2);}
	.area_btn .btn_list_go{width:45px; height:45px;}
}

@media screen and (max-width:300px){
	/* search */
	.area_search{flex-wrap:wrap;}
	.area_search select{flex:auto; width:100%; margin-right:0px;}
	.area_search .btn_search{top:auto; margin-top:0px; bottom:4px;}
}