@charset "utf-8";



/* layout */
#wrap {position: relative; width: 100%; overflow: hidden;}
#content {}
#body_temp {position: fixed; width: 100%; margin: 0 auto; left: 0; right: 0;}
body.lock {overflow-y: scroll;}
.container {width: 100%; padding-left: 5%; padding-right: 5%; margin-left: auto; margin-right: auto; position: relative;}
h1#title {position: absolute; width: 0; height: 0; text-indent: -9999px; left: -10000px; top: -100000px; overflow: hidden;}
#skip {position: relative; z-index: 3000;}
#skip dt {position: absolute; left: -10000px; top: auto; height: 1px; overflow: hidden;}
#skip dd a {display: block; position: absolute; top: -30px; left: 0; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #ff5700; background: #333; text-align: center; font-family: 'dotum', sans-serif; font-size: 11px; color: #fff;}
#skip dd a:active,
#skip dd a:focus{top:0; text-decoration:none; z-index:1000; outline-color: #2e387e;}
#subpage {}

@media (max-width:1280px) {
	#subpage {}
}

@media (max-width:992px) {	
	#wrap {}
	#body_temp {}
	#subpage {}
}

@media (max-width:768px) {
	#subpage {}
}



/* GNB */
#gnb {position: fixed; left: 0; right: 0; top: 0; padding: 60px 0; z-index: 100; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#gnb.scroll {padding: 2% 0; background: #000;}
#gnb .container {display: flex; align-items: center; justify-content: space-between;}
.gnb-logo a {display: flex; align-items: center;}
.gnb-logo a img {display: block; width: 200px;}

@media (min-width:769px) {	
	.gnb-wrap {position: relative; z-index: 100;}
	.gnb-menu {display: flex; width: 100%; justify-content: center;}
	.gnb-menu > li {position: relative; margin-right: 80px;}
	.gnb-menu > li:last-child {margin-right: 0;}
	.gnb-menu > li > a {display: flex; align-items: center; font-size: 16px; position: relative; color: #f0f0f0; text-transform: uppercase;}
	.gnb-menu > li > button {display: none;}
	.gnb-menu > li > a.on,
	.gnb-menu > li > button.on {color: #B9A888;}
	.gnb-menu > li > ul {position: absolute; left: -25px; right: -25px; top: 100%; padding: 20px 0; display: none;}
	#gnb.scroll .gnb-menu > li > ul {padding: 60px 0;}
	.gnb-menu > li > ul > li {margin-bottom: 15px; text-align: center;}
	.gnb-menu > li > ul > li:last-child {margin-bottom: 0;}
	.gnb-menu > li > ul > li > a {font-size: 14px; color: #F5F5F7; line-height: 1.3; display: block; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-menu > li > ul > li > a:hover {color: #B9A888;}
	.gnb-overlay.pc {visibility: hidden; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 99; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-overlay.mo {display: none;}
	.gnb-toggle {display: none;}
	#gnb .gnb-menu > li.hover > ul {display: block;}
	.gnb-overlay.pc.hover {visibility: visible; opacity: 1;}
}

@media (max-width:1280px) {
	#gnb {padding: 40px 0;}
} 

@media all and (min-width:768px) and (max-width:992px) {
	.gnb-menu > li {margin-right: 40px;}
} 

@media (max-width:768px) {
	#gnb {top: 0%; padding: 0;}
	#gnb.scroll {padding: 0;}
	#gnb > .container {padding-right: 0;}
	.gnb-logo {position: static; z-index: 100;}
	.gnb-logo a {width: 160px; height: 54px;}
	.gnb-toggle {display: block; width: 54px; height: 54px; background: none; text-indent: -9999px; padding: 17px 14px; position: relative; z-index: 102;}
	.gnb-toggle span,
	.gnb-toggle:before,
	.gnb-toggle:after {content: ''; display: block; height: 2px; background: #F5F5F7; margin-bottom: 6px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-toggle:after {margin-bottom: 0;}
	.gnb-toggle.on:before {margin-left:0px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	.gnb-toggle.on span {opacity:0;}
	.gnb-toggle.on:after {margin-top:-16px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	.gnb-wrap {position: fixed; right: -100%; top: 0; bottom: 0; width: 240px; background: #000; z-index: 101; padding-top: 54px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnb.on .gnb-wrap {right: 0;}
	.gnb-menu {height: 100%; overflow-y: auto;}
	.gnb-menu > li {margin-bottom: 10px;}
	.gnb-menu > li > a {display: block; width: 100%; padding: 0 20px; background: none; position: relative; color: #F5F5F7; font-size: 16px; text-transform: uppercase;}
	.gnb-menu > li > button {display: none;}
	.gnb-menu > li > ul {padding: 0 30px; margin-top: 10px;}
	.gnb-menu > li > ul > li {margin-bottom: 5px;}
	.gnb-menu > li > ul > li:last-child {margin-bottom: 0;}
	.gnb-menu > li > ul > li > a {font-size: 13px; color: #F5F5F7; position: relative; display: flex; align-items: center;}
	.gnb-menu > li > ul > li > a:before {content: ''; display: block; width: 2px; height: 2px; background: #fff; margin-right: 6px;}
	.gnb-overlay.pc {display: none;}
	.gnb-overlay.mo {visibility: hidden; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); z-index: 100; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnb.on .gnb-overlay.mo {visibility: visible; opacity: 1;}
}



/* Footer */
#footer {background: #000; padding-top: 4%; padding-bottom: 6%; margin-top: 10%;}
#footer .container {display: flex;}
.ft-logo {width: 25%; text-indent: -9999px; background: url('../img/common/footer_logo.png')no-repeat left top / 100px auto;}
.ft-content {width: 75%; font-size: 14px; color: #999;}
.ft-info {display: flex; flex-wrap: wrap;}
.ft-info li {display: flex; align-items: center;}
.ft-info li:after {content: ''; display: block; width: 1px; height: 10px; background: #444; margin: 0 15px;}
.ft-info li:last-child:after {display: none;}
.ft-copy {margin-top: 10px; font-size: 13px;}

@media screen and (max-width:768px){
	#footer {padding-top: 10%; padding-bottom: 10%;}
	#footer .container {display: block;}
	.ft-logo {width: 100%; background-position: left center; background-size: 80px auto;}
	.ft-content {width: 100%; font-size: 13px; margin-top: 5%;}
	.ft-info {display: block;}
	.ft-info li:after {display: none;}
	.ft-copy {font-size: 11px;}
}





/* popup */
.pop-bg {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.8);}
.popup {display: none; align-items: center; justify-content: center; position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; padding: 30px 15px; overflow-y: auto;}
.popup-box {background: #fff; width: 100%; max-width: 500px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);}
.popup-box.max600 {max-width: 600px;}
.popup-box.max640 {max-width: 640px;}
.popup-box.max660 {max-width: 660px;}
.popup-cont {border: solid 3px #2e387e; padding: 30px;}
.popup-top {display: flex; align-items: center; justify-content: space-between; background: #2e387e;}
.popup-title {padding-left: 20px; font-size: 20px; color: #fff;}
.popup-close {display: block; flex-shrink: 0; flex-grow: 0; position: relative; width: 60px; height: 60px; background: none; text-indent: -9999px;}
.popup-close:before,
.popup-close:after {content: ''; display: block; width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -1px;}
.popup-close:before {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
.popup-close:after {transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.popup-btn {display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.popup-input {background: #f6fbff; margin: 30px -30px; padding: 20px 20%;}
.popup-text {text-align: center;}
.popup-text.lock:before {content: ''; display: block; width: 53px; height: 70px; margin: 0 auto 30px; background: url('../img/sub/popup_lock.png')no-repeat center center / cover;}
.popup-btn .sub-btn.lg {height: 50px; line-height: 48px; font-size: 16px; padding: 0 40px; -webkit-border-radius: 10px; border-radius: 10px;}

@media (max-width:768px) {
	.popup-cont {padding: 30px 15px; font-size: 14px;}
	.popup-title {font-size: 16px; padding-left: 15px;}
	.popup-close {width: 50px; height: 50px;}
}










/* sub공통 */
.sub-top {height: 400px; color: #fff; padding-top: 60px; display: flex; align-items: center; justify-content: center;}
.sub-top h3 {font-size: 56px; font-weight: 500; line-height: 1.0; letter-spacing: -0.05rem;}
.sub-top p {margin-top: 30px;}
.sub-tab {border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
.sub-tab ul {display: flex; flex-wrap: wrap;}
.sub-tab ul li {}
.sub-tab ul li:first-child:nth-last-child(1) {width: 100%;}
.sub-tab ul li:first-child:nth-last-child(2),
.sub-tab ul li:first-child:nth-last-child(2) ~ li {width: 50%;}
.sub-tab ul li:first-child:nth-last-child(3),
.sub-tab ul li:first-child:nth-last-child(3) ~ li {width: 33.3333%;}
.sub-tab ul li:first-child:nth-last-child(4),
.sub-tab ul li:first-child:nth-last-child(4) ~ li {width: 25%;}
.sub-tab ul li:first-child:nth-last-child(5),
.sub-tab ul li:first-child:nth-last-child(5) ~ li {width: 20%;}
.sub-tab ul li:first-child:nth-last-child(6),
.sub-tab ul li:first-child:nth-last-child(6) ~ li {width: 16.6666%;}
.sub-tab ul li a {height: 60px; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; line-height: 1.4;}
.sub-tab ul li a.active {color: #03363B;}
.sub-tab ul li a.active:after {content: ''; display: block; height: 4px; background: #03363B; position: absolute; left: 0; right: 0; bottom: -1px;}
.sub-title {padding-bottom: 100px; text-align: center; font-size: 56px;}


@media (max-width:1280px) {
	.sub-top {height: 300px;}
	.sub-top h3 {font-size: 48px;}
	.sub-top p {font-size: 14px;}
	.sub-tab {margin: 0 -20px;}
	.sub-tab ul li a {height: 50px; font-size: 14px;}
	.sub-title {padding-bottom: 80px; font-size: 48px;}
}

@media (max-width:992px) {
	.sub-top {height: 240px;}
	.sub-top h3 {font-size: 40px;}
	.sub-title {padding-bottom: 60px; font-size: 40px;}
}

@media (max-width:768px) {
	.sub-top {height: 200px;}
	.sub-top h3 {font-size: 24px;}
	.sub-top p {font-size: 11px; margin-top: 10px;}
	.sub-top p br {display: none;}
	.sub-tab ul li:first-child:nth-last-child(6),
	.sub-tab ul li:first-child:nth-last-child(6) ~ li {width: 33.3333%;}
	.sub-tab ul li a {height: 40px; font-size: 12px;}
	.sub-title {font-size: 24px; padding-bottom: 40px;}
}




/* 게시판 */
.chk {width: 16px; height: 16px; border: solid 1px #ADADBF; background: #fff; -webkit-appearance: none; appearance: none; cursor: pointer; position: relative;}
.chk:checked:after {content: ''; display: block; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; background: #03363B;}
.chk + label {cursor: pointer; font-size: 13px;}

#brd {padding-top: 10%;}
.brd-top {display: flex; height: 35vw; padding-top: 20%;}
.brd-top h3 {padding: 0 5%; text-indent: -2%; font-size: 17vw; color: #fff; letter-spacing: -0.075rem; font-weight: 500; line-height: 0.75;}
.brd-top.brn {background: #B9A888;}
.brd-top.bk {background: #000;}

.brd-info {border-bottom: solid 1px #ADADBF; padding-bottom: 20px; margin-bottom: 40px; display: flex; align-items: flex-end; justify-content: space-between;}
.brd-info.bot {border-top: solid 1px #ADADBF; padding-bottom: 0; margin-bottom: 0; padding-top: 20px; border-bottom: none;}
.brd-all {}
.brd-all input[type="checkbox"] {}
.brd-all input[type="checkbox"] + label {}
.brd-edit {display: flex; align-items: center;}
.brd-edit li {margin-right: 5px;}
.brd-edit li:last-child {margin-right: 0;}
.brd-edit li a,
.brd-edit li button {height: 34px; padding: 0 15px; font-size: 13px; border: solid 1px #ADADBF; background: none; -webkit-appearance: none; appearance: none; display: flex; align-items: center; justify-content: center;}
.brd-chk {position: absolute; left: 10px; top: 10px; z-index: 1;}
.brd-chk .chk {display: block;}
.bdv-top {border-bottom: solid 1px #ADADBF; padding-bottom: 20px;}
.bdv-top h2 {font-size: 26px; font-weight: 500;}
.bdv-top span {display: block; font-size: 15px; color: #000B22; font-weight: 600;}
.bdv-cont {padding: 40px 0;}
.bdv-cont img {width: auto !important; max-width: 100% !important;}
.bdv-inner {width: 100%; max-width: 900px; margin: 0 auto;}
.bdv-file {border-top: solid 1px #ADADBF; padding: 20px 0;}
.bdv-file ul li {display: flex; align-items: center;}
.bdv-file ul li i {flex-shrink: 0; margin-right: 10px;}
.bdv-file ul li a {font-size: 14px; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 1.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bdv-file ul li a:hover {text-decoration: underline;}
.bdv-navi {border-top: solid 1px #ADADBF; padding-top: 20px; margin-top: 40px;}
.bdv-navi li {display: flex; align-items: center; font-size: 14px; margin-bottom: 5px;}
.bdv-navi li:last-child {margin-bottom: 0;}
.bdv-navi li strong {flex-shrink: 0; margin-right: 20px;}
.bdv-navi li span {flex-shrink: 0; margin-left: 20px;}
.bdv-navi li a {flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 1.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.bdv-navi li a:hover {text-decoration: underline;}
.bdv-ytb {margin-top: 20px;}
.bdv-ytb > div {padding-bottom: 56.25%; position: relative;}
.bdv-ytb iframe {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.brd-list {}
.brd-list th,
.brd-list td {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 10px; text-align: center;}
.brd-list th {background: #f5f5f5;}
.brd-list td {}
.brd-list__chk {width: 40px;}
.brd-list__num {width: 80px;}
.brd-list__title {}
.brd-list__name {width: 140px;}
.brd-list td.brd-list__title {text-align: left !important; font-weight: 500;}
.brd-list td .new_icon {display: inline-block; width: 14px; height: 14px; font-size: 10px; background: #03363B; color: #fff; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-top: -3px; margin-left: 2px;}
#bo_v_con {margin: 10px 0 30px; width: 100%; line-height: 1.7em; min-height: 200px; word-break: break-all; overflow: hidden;}
#bo_v_atc_title {position: absolute; font-size: 0; line-height: 0; overflow: hidden;}
/*글쓰기*/
#bo_w {font-size: 13px;}
#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px; font-size: 13px;}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}



@media (max-width:768px) {
	.brd-top {height: 45vw; padding-top: 30%;}
	.brd-info {padding-bottom: 10px; margin-bottom: 20px;}
	.brd-info.bot {padding-top: 15px;}
	.brd-edit li a,
	.brd-edit li button {height: 26px; padding: 0 10px; font-size: 12px;}
	.bdv-top {padding-bottom: 10px;}
	.bdv-top h2 {font-size: 20px;}
	.bdv-top span {font-size: 13px;}
	.bdv-cont {padding: 30px 0;}
	.bdv-file ul li a {font-size: 13px;}
	.bdv-navi {padding-top: 15px; margin-top: 30px;}
	.bdv-navi li {font-size: 12px; margin-bottom: 2px;}
	.bdv-navi li strong {margin-right: 10px;}
	.bdv-navi li span {margin-left: 10px; font-size: 11px;}
	
	.brd-list,
	.brd-list tbody {display: block; width: 100%;}
	.brd-list thead {display: none;}
	.brd-list th,
	.brd-list td {border: none; padding: 0;}
	.brd-list {border-top: solid 1px #ddd;}
	.brd-list tr {display: flex; flex-wrap: wrap; align-items: center; border-bottom: solid 1px #ddd; padding: 10px 0; position: relative;}
	.brd-list td {font-size: 12px;}
	.brd-list__chk {width: auto; margin-right: 10px;}
	.brd-list__num {width: auto;}
	.brd-list__title {width: 100%;}
	.brd-list__name {width: auto; position: absolute; right: 0; top: 10px;}
	.brd-list td.brd-list__title {margin-top: 5px; font-size: 14px;}
}



.gallery-cate {display: flex; align-items: center;}
.gallery-cate li {margin-right: 5px;}
.gallery-cate li:last-child {margin-right: 0;}
.gallery-cate li a {height: 40px; padding: 0 15px; text-align: center; font-size: 14px; border: solid 1px #ADADBF; display: flex; align-items: center; justify-content: center;}
.gallery-cate li a#bo_cate_on {background: #333; border-color: #333; color: #fff;}
.gallery-list {display: flex; flex-wrap: wrap; margin: 0 -3%;}
.gallery-list li {width: 33.3333%; padding: 0 3%; margin: 3% 0; position: relative;}
.gallery-list li.empty_list {width: 100%;}
.gallery-list li a {display: flex; flex-direction: column; position: relative;}
.gallery-list li a em {display: block; padding-bottom: 100%; position: relative; overflow: hidden;}
.gallery-list li a em span {position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.gallery-list li a:hover em span {left: -20px; right: -20px; top: -20px; bottom: -20px;}
.gallery-list li a h5 {font-size: 20px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery-list li a dl {margin-top: 10px; font-size: 13px; display: flex; align-items: center; justify-content: space-between;}

@media (max-width:1280px) {
	.gallery-list li {margin: 24px 0;}
	.gallery-list li a h5 {font-size: 18px;}
}

@media (max-width:992px) {
	.gallery-list li {width: 50%; padding: 0 16px;}
	.gallery-list li a h5 {font-size: 16px;}
}

@media (max-width:768px) {
	.gallery-cate li {width: auto; flex: auto;}
	.gallery-cate li a {height: 32px; padding: 0; font-size: 12px;}
	.gallery-list {margin: 0 -5px;}
	.gallery-list li {padding: 0 5px; margin: 16px 0;}
	.gallery-list li a dl {margin-top: 5px; font-size: 10px;}
	.gallery-list li a h5 {font-size: 13px;}
}





.news-list {border-top: solid 1px #ADADBF; margin-top: 3%;}
.news-list li {border-bottom: solid 1px #ADADBF; position: relative;}
.news-list li.empty_list {padding: 60px; text-align: center;}
.news-list li a {display: block; margin: 0 -2%;}
.news-list .brd-chk {left: 10px; top: 17%;}
.news-item {display: flex;}
.news-thumb {width: 30%; padding: 2%; display: flex;}
.news-thumb em {display: block; width: 40%;}
.news-thumb em span {display: block; padding-bottom: 100%;}
.news-thumb strong {width: 60%; font-size: 26px; font-weight: 600; color: #333; line-height: 1.2; display: flex; flex-direction: column; align-items: flex-end;}
.news-thumb strong span {display: block; color: #ddd;}
.news-txt {width: 70%; padding: 2%; display: flex;}
.news-txt dt {width: 50%; padding-right: 5%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.news-txt dt h5 {line-height: 1.4; font-size: 16px; font-weight: 600;}
.news-txt dd {width: 50%; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 4.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

@media (max-width:1280px) {
	.news-thumb strong {font-size: 22px;}
	.news-txt dt h5 {font-size: 14px;}
	.news-txt dd {font-size: 13px;}
}

@media (max-width:992px) {
	.news-list li a {margin: 0 -4%;}
	.news-item {align-items: center;}
	.news-thumb {display: block; padding: 4%;}
	.news-thumb em {width: 100%;}
	.news-thumb strong {display: none;}
	.news-txt {display: block; padding: 4%; padding-left: 0;}
	.news-txt dt {width: 100%;}
	.news-txt dt h5 {overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 1.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
	.news-txt dd {width: 100%; margin-top: 5px;}
}

@media (max-width:768px) {
	.news-txt dt h5 {font-size: 14px;}
	.news-txt dd {font-size: 11px;}
}





/* 문의하기 */
.inquiry {}
.inquiry__title {font-size: 30px; font-weight: 400; padding-bottom: 20px; border-bottom: solid 1px #323638;}
.inquiry__wrap {display: flex;}
.inquiry__info {width: 50%;}
.inquiry__info ul {margin-top: 60px;}
.inquiry__info ul li {display: flex; align-items: center;}
.inquiry__info ul li:last-child {}
.inquiry__info ul li:before {content: ''; flex-shrink: 0; display: block; width: 20px; height: 20px; margin-right: 10px;}
.inquiry__info ul li.tel:before {background: url('../img/sub/contact_tel.png')no-repeat center center / cover;}
.inquiry__info ul li.mail:before {background: url('../img/sub/contact_mail.png')no-repeat center center / cover;}
.inquiry__form {width: 50%;}
.inquiry__row {display: flex; margin: 0 -15px; padding-top: 50px;}
.inquiry__row:first-child {padding-top: 0;}
.inquiry__col {padding: 0 15px; width: 100%;}
.inquiry__col.col2 {width: 50%;}
.inquiry__col label {}
.inquiry__input {position: relative; margin-top: 10px;}
.inquiry__input span {display: block; height: 1px; background: #444; position: absolute; left: 0; bottom: 0; width: 0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.inquiry__input input[type="text"] {display: block; width: 100%; height: 40px; border-bottom: solid 1px #ddd; background: none; -webkit-appearance: none; appearance: none;}
.inquiry__input input[type="text"]:focus + span,
.inquiry__input textarea:focus + span {width: 100%;}
.inquiry__input textarea {display: block; width: 100%; background: none; padding: 10px 0; height: 120px; border-bottom: solid 1px #ddd; resize: none; -webkit-appearance: none; appearance: none;}
.inquiry__captcha {margin-top: 30px;}
.inquiry__captcha img {display: inline-block !important; margin: 0 !important;}
.inquiry__privacy {margin-top: 20px;}
.inquiry__privacy label {display: inline-flex; align-items: center; font-size: 14px; cursor: pointer;}
.inquiry__privacy input[type="checkbox"] {display: block; width: 20px; height: 20px; margin-top: 0 !important; margin-right: 10px; border: solid 1px #323638; position: relative; margin-top: 10px; -webkit-appearance: none; appearance: none; cursor: pointer;}
.inquiry__privacy input[type="checkbox"]:checked {border-color: #000; background: #000;}
.inquiry__privacy input[type="checkbox"]:checked:after {content: ''; display: block; width: 12px; height: 6px; border-left: solid 1px #fff; border-bottom: solid 1px #fff; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -5px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.inquiry__submit {margin-top: 30px;}
.inquiry__submit button {height: 52px; padding: 0 40px; font-size: 18px; background: #1a1a1a; color: #fff; display: flex; align-items: center; justify-content: center;}

@media (max-width:1280px) {
}

@media (max-width:992px) {
	.inquiry__info {width: 40%; font-size: 14px;}
	.inquiry__form {width: 60%;}
	.inquiry__row {margin: 0 -5px;}
	.inquiry__col {padding: 0 5px;}
	.inquiry__col label {font-size: 14px;}
	.inquiry__input {margin-top: 0;}
	.inquiry__submit button {height: 46px; font-size: 16px;}
}

@media (max-width:768px) {
	.inquiry__title {font-size: 24px; padding-bottom: 10px;}
	.inquiry__wrap {display: block;}
	.inquiry__info {width: 100%; font-size: 13px;}
	.inquiry__info ul {margin-top: 10px;}
	.inquiry__info ul li:before {width: 14px; height: 14px;}
	.inquiry__form {width: 100%; margin-top: 30px;}
	.inquiry__row {padding-top: 0; margin: 0; display: block;}
	.inquiry__col {padding: 0; width: 100% !important; margin-top: 15px;}
	.inquiry__col label {font-size: 13px;}
	.inquiry__input {margin-top: 0;}
	.inquiry__input input[type="text"] {height: 30px; font-size: 13px;}
	.inquiry__input textarea {height: 80px; font-size: 13px;}
	.inquiry__captcha {margin-top: 10px;}
	#captcha.m_captcha #captcha_key {height: 40px;}
	#captcha.m_captcha #captcha_info {font-size: 14px;}
	.inquiry__privacy {margin-top: 10px;}
	.inquiry__submit {margin-top: 20px;}
	.inquiry__submit button {font-size: 14px; width: 100%;}
}


/* inquiry */
.inquiry__policy {margin-top: 30px; font-size: 14px; padding: 15px 0; border-top: 1px solid #ADADBF; border-bottom: 1px solid #ADADBF; height: 150px; overflow-y: scroll }
.inquiry__policy .cont {margin-bottom:15px;}
.inquiry__policy h4 {margin-bottom: 5px}
.inquiry__policy dl {padding:10px 0}
.inquiry__policy dl dt {font-weight: 600}
.inquiry__policy dl dd {margin-left: 20px}
.inquiry__policy ul {margin-left:20px }
.inquiry__policy ul li {margin-top:5px }
.inquiry__policy table {width:100%; border-collapse: collapse }
.inquiry__policy table th,
.inquiry__policy table td {border:1px solid rgb(226,226,226); padding:5px }
.inquiry__policy table th {background:rgb(245,245,247) }
.inq-adm {display: flex; justify-content: flex-end; margin-bottom: 40px;}
.inq-adm a {color: #fff; background: #333; padding: 0 20px; height: 40px; display: flex; align-items: center; justify-content: center;}

@media (max-width:768px) {
	.inq-adm {margin-bottom: 10px;}
	.inq-adm a {padding: 0 10px; height: 30px; font-size: 12px;}
}




/* main */
.main-top {height: 100vh; padding-top: 22%; position: relative; background: url('../img/main/top_bg.jpg')no-repeat center center / cover;}
.main-top__title {font-size: 48px; color: #fff; font-weight: 300; line-height: 1.2; letter-spacing: -0.1rem;}
.main-top__text {background: #000; padding: 3%; color: #999; font-size: 13px; font-weight: 600; position: absolute; left: 50%; right: 0; bottom: 0;}

.main-intro {display: flex;}
.main-intro__info {width: 50%; display: flex; flex-direction: column;}
.main-intro__info dt {background: #B9A888; padding: 5% 10% 20%; flex-grow: 1;}
.main-intro__info dt strong {display: block; max-width: 600px; font-size: 80px; font-weight: 500; letter-spacing: -0.075rem; line-height: 1.2;}
.main-intro__info dd {flex-shrink: 0;}
.main-intro__info dd ul {display: flex; justify-content: space-between;}
.main-intro__info dd ul li {width: 50%; padding: 4%;}
/* .main-intro__info dd ul li:nth-child(1) {text-indent: -9999px; background: url('../img/main/ceo.jpg')no-repeat center center / cover;} */
.main-intro__info dd ul li:nth-child(1) {background: #000; color: #999; font-weight: 800;}
.main-intro__info dd ul li:nth-child(2) {background: #D9D9D9; color: #333;}
.main-intro__info dd ul li:nth-child(2) p {}
.main-intro__info dd ul li:nth-child(2) a {font-weight: 800; text-decoration: underline;}
.main-intro__text {width: 50%; padding: 3%; position: relative; z-index: 1; background: #fff;}
.main-intro__text h5 {font-size: 20px; line-height: 1.4; position: relative;}
.main-intro__text p {margin-top: 10px; position: relative;}
.main-intro__text:before {content: ''; display: block; position: absolute; left: 6%; right: 6%; top: 6%; bottom: 6%; background: url('../img/main/symbol.png')no-repeat center center / 100% auto;}

.main-prdt {display: flex;}
.main-prdt__slider {width: 50%; position: relative; z-index: 1;}
.main-prdt__slider .slick-arrow {position: absolute; z-index: 1; top: 50%; width: 12px; height: 12px; background: none; text-indent: -9999px; margin-top: -6px; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.main-prdt__slider .slick-prev {left: 10%; border-left: solid 2px #fff; border-bottom: solid 2px #fff;}
.main-prdt__slider .slick-next {right: 10%; border-top: solid 2px #fff; border-right: solid 2px #fff;}
.main-prdt__slider .slick-list,
.main-prdt__slider .slick-track,
.main-prdt__slider .slick-slide > div,
.main-prdt__slider .slick-slide > div > div {height: 100% !important;}
.main-prdt__slider .slick-slide img {width: 100%;}
.main-prdt__slider .slick-slide > div > div {position: relative; display: block !important;}
.main-prdt__slider .slick-slide p {position: absolute; left: 0; right: 0; top: 5%; text-align: center; color: #fff;}
.main-prdt__slider .slick-slide p span {font-weight: 200;}
.main-prdt__info {width: 50%; display: flex; flex-direction: column; overflow: hidden;}
.main-prdt__title {flex-grow: 1; display: flex; align-items: flex-start;}
.main-prdt__title dt {width: 50%; padding: 6% 6% 0; border-right: solid 1px #999; margin-right: -1px;}
.main-prdt__title dt h4 {font-size: 48px; font-weight: 500; line-height: 1.2; letter-spacing: -0.1rem;}
.main-prdt__title dt h4 span {font-size: 26px; display: block; font-weight: 300;}
.main-prdt__title dt ul {padding-top: 10px; margin: -5px; display: flex; flex-wrap: wrap;}
.main-prdt__title dt ul li {padding: 2px 5px; line-height: 1.1;}
.main-prdt__title dd {width: 50%; padding: 6% 6% 0; border-left: solid 1px #999;}
.main-prdt__title dd h5 {font-size: 20px;}
.main-prdt__title dd p {margin-top: 10px;}
.main-prdt__title dd a {color: #636363; display: inline-block; position: relative; margin-top: 10px; font-weight: 700; text-decoration: underline; text-transform: uppercase;}
.main-prdt__title dd a:after {content: ''; display: block; position: absolute; left: 100%; margin-left: 10px; z-index: 1; top: 50%; width: 10px; height: 10px; border-top: solid 2px #636363; border-right: solid 2px #636363; margin-top: -5px; transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.main-prdt__thumb {flex-shrink: 0; margin: 0 -8px; padding-right: 12%;}
.main-prdt__thumb .slick-list {overflow: visible;}
.main-prdt__thumb .slick-slide {padding: 0 8px; position: relative; cursor: pointer;}
.main-prdt__thumb .slick-slide:before {content: ''; display: block; background: rgba(0,0,0,0.5); position: absolute; left: 8px; right: 8px; top: 0; bottom: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-prdt__thumb .slick-slide > div > div {display: block !important;}
.main-prdt__thumb .slick-slide p {position: absolute; left: 0; right: 0; bottom: 5%; text-align: center; color: #ccc; font-weight: 700; text-transform: uppercase; text-decoration: underline; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-prdt__thumb .slick-slide.slick-current:before {opacity: 0;}
.main-prdt__thumb .slick-slide.slick-current p {opacity: 0;}

.main-prdt.bk .main-prdt__info {background: #000; color: #fff;}
.main-prdt.bk .main-prdt__title dt ul {color: #999;}
.main-prdt.bk .main-prdt__title dd p {color: #999;}

.main-prdt.gry .main-prdt__slider {order: 1;}
.main-prdt.gry .main-prdt__info {background: #d9d9d9;}
.main-prdt.gry .main-prdt__title dt ul {color: #333;}
.main-prdt.gry .main-prdt__title dd p {color: #333;}


.marquee {width: 200%; background: #B9A888; position: relative; overflow: hidden; transform-origin: center center; --offset: 20vw; --move-initial: calc(-25% + var(--offset)); --move-final: calc(-50% + var(--offset));}
.marquee-inner {width: fit-content; display: flex; position: relative; white-space: nowrap; transform: translate3d(var(--move-initial), 0, 0); animation: marquee1 120s linear infinite;}
.marquee-inner span {width: 3400px; font-size: 120px; height: 240px; color: #111; font-weight: 500; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; opacity: 0.1; color: #fff;}
@keyframes marquee1 {0% {transform: translate3d(var(--move-initial), 0, 0);}100% {transform: translate3d(var(--move-final), 0, 0);}}




.main-news {margin-top: 10%;}
.main-news__top {padding-bottom: 60px; display: flex; align-items: flex-end; justify-content: space-between;}
.main-news__top h3 {font-size: 48px; font-weight: 500; line-height: 1.1;}
.main-news__top a {font-weight: 800; text-transform: uppercase; text-decoration: underline;}
.main-news__list {margin: -8px;}
.main-news__item {display: block !important; padding: 0 8px;}
.main-news__item a {display: block; border-top: solid 1px #d9d9d9;}
.main-news__item a dl {color: #8D8585; padding: 15px 0; display: flex; align-items: center; justify-content: space-between;}
.main-news__item a h5 {font-weight: 500; font-size: 20px; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-news__item a img {display: block; width: 100%;}
.main-news__item a div {position: relative;}
.main-news__item a em {position: absolute; right: 0; top: 0; background: #B9A888; font-size: 12px; padding: 4px 16px; font-weight: 600;}
.main-news__item a em.bk {background: #000; color: #ccc;}

.main-ptnr {margin-top: 10%;}
.main-ptnr__top {display: flex; align-items: flex-end; justify-content: space-between;}
.main-ptnr__top h3 {font-size: 48px; font-weight: 500; color: #333; line-height: 1.1;}
.main-ptnr__top p {font-size: 20px; color: #333;}
.main-ptnr__list {margin: 0 -60px; padding-top: 40px; display: flex; align-items: center;}
.main-ptnr__list li {padding: 0 60px;}
.main-ptnr__list li img {}


@media screen and (max-width:1480px){
	.main-intro__info dt strong {font-size: 72px;}	
	.main-prdt__title dt h4 {font-size: 40px;}
	.main-news__item a h5 {font-size: 18px; margin-bottom: 10px;}
	.marquee-inner span {width: 2300px; font-size: 80px; height: 200px;}
}

@media screen and (max-width:1280px){
	.main-intro__info dt strong {font-size: 60px;}
	.main-intro__text h5 {font-size: 18px;}
	.main-intro__text p {font-size: 14px;}
	.main-prdt__title dt h4 {font-size: 34px;}
	.main-prdt__title dt h4 span {font-size: 24px;}
	.main-prdt__title dt ul li {font-size: 14px;}
	.main-prdt__title dd h5 {font-size: 18px;}
	.main-prdt__title dd p {font-size: 14px;}
	.main-prdt__title dd a {font-size: 13px;}
	.main-prdt__thumb .slick-slide p {font-size: 13px;}
	.main-news__top {padding-bottom: 30px;}
	.main-news__top h3 {font-size: 40px;}
	.main-news__top a {font-size: 14px;}
	.main-news__item a dl {padding: 10px 0; font-size: 13px;}
	.main-news__item a h5 {font-size: 15px;}
	.main-ptnr__top h3 {font-size: 40px;}
	.main-ptnr__top p {font-size: 16px;}
	.main-ptnr__list {margin: 0 -40px; padding-top: 20px;}
	.main-ptnr__list li {padding: 0 40px;}	
	.marquee-inner span {width: 1700px; font-size: 60px; height: 140px;}
}

@media screen and (max-width:980px){
	.main-top__title {font-size: 40px;}
	.main-top__text {left: 30%;}
	.main-intro__info dt {padding-bottom: 25%;}
	.main-intro__info dt strong {font-size: 40px;}
	.main-intro__info dd ul li {font-size: 14px;}
	.main-intro__text p br {display: none;}
	.main-intro__text:after {margin-top: 30px;}
	.main-prdt__title dt h4 {font-size: 28px;}
	.main-prdt__title dt h4 span {font-size: 20px;}
	.main-prdt__title dd {padding: 6%;}
	.main-prdt__thumb {margin: 0 -4px;}
	.main-prdt__thumb .slick-slide {padding: 0 4px;}
	.main-prdt__thumb .slick-slide:before {left: 4px; right: 4px;}
	.main-prdt__thumb .slick-slide p {font-size: 11px;}
	.main-news__top {padding-bottom: 20px;}
	.main-news__top h3 {font-size: 30px;}
	.main-news__top a {font-size: 14px;}
	.main-news__item a dl {font-size: 12px; padding-bottom: 0;}
	.main-news__item a h5 {font-size: 14px; margin: 5px 0;}
	.main-ptnr__top h3 {font-size: 30px;}
	.main-ptnr__top p {font-size: 14px;}
	.main-ptnr__list {margin: 0 -30px;}
	.main-ptnr__list li {padding: 0 30px;}
	.marquee-inner span {width: 1140px; font-size: 40px; height: 100px;}
}

@media screen and (max-width:768px){
	.main-top__title {font-size: 30px;}
	.main-top__text {left: 20%; font-size: 11px; background: rgba(0,0,0,0.7);}
	.main-intro {display: block;}
	.main-intro__info {width: 100%;}
	.main-intro__info dt {padding: 10% 5%; padding-bottom: 10%;}
	.main-intro__info dt strong {font-size: 30px;}
	.main-intro__info dd ul li {font-size: 13px;}
	.main-intro__text {width: 100%; padding: 10% 5%;}
	
	.main-prdt {display: block;}
	.main-prdt__slider {width: 100%;}
	.main-prdt__slider .slick-prev {left: 5%;}
	.main-prdt__slider .slick-next {right: 5%;}
	.main-prdt__info {width: 100%;}
	.main-prdt__title {display: block; padding: 10% 5%;}
	.main-prdt__title dt {width: 100%; padding: 0; border-right: none;}
	.main-prdt__title dt h4 {letter-spacing: -0.0rem;}
	.main-prdt__title dt h4 br {display: none;}
	.main-prdt__title dt h4 span {font-size: 18px;}
	.main-prdt__title dd {width: 100%; padding: 0; border-left: none; margin-top: 20px;}
	.main-prdt__title dd p {margin-top: 5px;}
	.marquee-inner span {width: 960px; font-size: 34px; height: 80px;}

	.main-news__list {padding-right: 20%; margin: -10px;}
	.main-news__list .slick-list {overflow: visible;}
	.main-news__item {padding: 0 10px;}
	.main-news__item a em {font-size: 11px; padding: 2px 8px;}

	.main-ptnr__top {display: block;}
	.main-ptnr__top h3 {font-size: 26px;}
	.main-ptnr__top p {font-size: 13px;}
	.main-ptnr__list {margin: 0 -15px;}
	.main-ptnr__list li {padding: 0 15px;}
}





#brand {padding-top: 5%;}
.brand-top {display: flex; height: 100vh; flex-direction: column; justify-content: center;}
.brand-top dt {padding: 0 5%;}
.brand-top dt img {display: block; max-width: 20%;}
.brand-top dd {padding: 0 5%; width: 50%; font-size: 3.5vw; margin-top: 5%; font-weight: 500; line-height: 1.3;}
.brand-top.b3 {background: #B9A888;}
.brand-top.tud {background: #000;}
.brand-top.tud dd {color: #999;}

.brand-nav {display: flex;}
.brand-nav dl {width: 50%; padding: 3% 5%;}
.brand-nav dl dt {margin-bottom: 20px; height: 25px;}
.brand-nav dl dt ul {display: flex; justify-content: space-between; align-items: center;}
.brand-nav dl dt ul li button {height: 25px; background: none; color: #d7cebc; font-weight: 800; display: flex; justify-content: center; align-items: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.brand-nav dl dt ul li button:hover {color: #fff;}
.brand-nav dl dt ul li:first-child button {color: #000; text-decoration: underline;}
.brand-nav dl dd {display: flex; align-items: flex-end;}
.brand-nav dl dd a {display: block; font-size: 48px; line-height: 1.1; font-weight: 600; flex-grow: 1; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.brand-nav dl dd a span {font-size: 26px; font-weight: 300; display: block;}
.brand-nav dl:nth-child(1) {background: #B9A888;}
.brand-nav dl:nth-child(1) dd a {color: #fff;}
.brand-nav dl:nth-child(2) {background: #000;}
.brand-nav dl:nth-child(2) dt ul li button {color: #636363;}
.brand-nav dl:nth-child(2) dt ul li button:hover {color: #fff;}
.brand-nav dl:nth-child(2) dt ul li:first-child button {color: #B9A888;}
.brand-nav dl:nth-child(2) dd a {color: #fff;}
.brand-nav.b3 dl:nth-child(2) dt ul {display: none;}
.brand-nav.b3 dl:nth-child(2) dd a {opacity: 0.2;}
.brand-nav.b3 dl:nth-child(2) dd a:hover {opacity: 0.8;}
.brand-nav.tud dl:nth-child(1) dt ul {display: none;}
.brand-nav.tud dl:nth-child(1) dd a {opacity: 0.2;}
.brand-nav.tud dl:nth-child(1) dd a:hover {opacity: 1;}


.brand-intro {display: flex;}
.brand-intro dt {width: 50%; padding: 3% 5%; font-size: 48px; font-weight: 500; line-height: 1.0;}
.brand-intro dd {width: 50%; padding: 3% 5%;}
.brand-intro dd h5 {font-size: 20px;}
.brand-intro dd p {color: #333; margin-top: 10px;}

.brand-video {}
.brand-video video {display: block; width: 100%;}

.brand-adv {padding: 3% 0 17%; position: relative;}
.brand-adv__top {display: flex; position: relative;}
.brand-adv__top dt {width: 50%; padding-right: 20%;}
.brand-adv__top dt h4 {font-size: 48px; font-weight: 500; line-height: 1.0;}
.brand-adv__top dt ul {margin: -2px -5px; padding-top: 20px; display: flex; flex-wrap: wrap;}
.brand-adv__top dt ul li {padding: 2px 5px; color: #333;}
.brand-adv__top dd {width: 50%; padding-left: 3%;}
.brand-adv__top dd h5 {font-size: 20px;}
.brand-adv__top dd p {color: #333; margin-top: 10px;}
.brand-adv__detail {display: flex; margin-left: -30px; margin-right: -30px; padding-top: 5%; margin-top: 5%; position: relative;}
.brand-adv__detail dl {width: 33.3333%; padding: 0 30px;}
.brand-adv__detail dl dt {font-size: 20px; line-height: 1.4; font-weight: 600;}
.brand-adv__detail dl dd {margin-top: 20px;}

.brand-adv.b3 {background: #D9D9D9;}
/* .brand-adv.b3:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 3%; right: 3%; background: url('../img/sub/brand_3b_advantage_bg.png')no-repeat center center / 100% auto;} */
.brand-adv.b3 .brand-adv__line {position: absolute; top: 0; bottom: 0; width: 1px; background: #ccc; z-index: 0;}
.brand-adv.b3 .brand-adv__line.line1 {left: 25%;}
.brand-adv.b3 .brand-adv__line.line2 {left: 50%;}
.brand-adv.b3 .brand-adv__line.line3 {left: 75%;}

.brand-adv.tud {background: #F0F0F0;}
.brand-adv.tud .brand-adv__detail:before {content: ''; display: block; height: 1px; background: #ccc; position: absolute; left: -5%; right: -5%; top: 0;}

.brand-prdt {padding: 3% 5% 14%;}
.brand-prdt__top {display: flex; align-items: center;}
.brand-prdt__top dt {width: 35%; font-size: 48px; font-weight: 500; line-height: 1.0;}
.brand-prdt__top dd {width: 65%;}
.brand-prdt__tab {display: flex; justify-content: flex-end;}
.brand-prdt__tab li {margin-right: 60px;}
.brand-prdt__tab li:last-child {margin-right: 0;}
.brand-prdt__tab.col6 {flex-wrap: wrap; margin: -5px 0;}
.brand-prdt__tab.col6 li {padding: 5px 0; width: 33.3333%; margin-right: 0;}
.brand-prdt__tab li button {background: none; color: #999; font-weight: 800; text-transform: uppercase;}
.brand-prdt__tab li button.active {color: #000;}
.brand-prdt__cont {display: none; margin-top: 10%;}
.brand-prdt__cont dl {display: flex;}
.brand-prdt__cont dl dt {width: 35%; padding-right: 5%; position: relative; z-index: 1; position: relative;}
.brand-prdt__cont dl dt:before {content: ''; display: block; background: #fff; position: absolute; top: 0; bottom: 0; left: -100%; right: 0; z-index: -1;}
.brand-prdt__cont dl dt h5 {font-size: 16px; font-weight: 800; text-transform: uppercase;}
.brand-prdt__cont dl dt h5 span {font-weight: 200;}
.brand-prdt__cont dl dt p {margin-top: 10px;}
.brand-prdt__cont dl dt a {margin-top: 30px; display: inline-flex; align-items: center;}
.brand-prdt__cont dl dt a:after {content: ''; display: block; width: 8px; height: 8px; margin-top: -2px; margin-left: 6px; border-top: solid 1px #666; border-right: solid 1px #666; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.brand-prdt__cont dl dd {width: 65%;}
.brand-prdt__slider {margin: 0 -12px;}
.brand-prdt__slider .slick-list {overflow: visible;}
.brand-prdt__slider .slick-track {margin-left: 0 !important; margin-right: 0 !important;}
.brand-prdt__slider .slick-slide {padding: 0 12px;}
.brand-prdt__slider .slick-slide a {display: block !important;}
.brand-prdt__slider img {display: block; width: 100%;}
.brand-prdt__slider.tud .slick-slide > div {position: relative;}
.brand-prdt__slider.tud .slick-slide > div > div {display: block !important;}
.brand-prdt__slider.tud .slick-slide > div p {opacity: 0; z-index: 1; font-size: 18px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; padding: 5%; color: #fff;}
.brand-prdt__slider.tud .slick-slide > div:after {opacity: 0; content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.brand-prdt__slider.tud .slick-slide > div:hover:after {opacity: 1;}
.brand-prdt__slider.tud .slick-slide > div:hover p {opacity: 1;}

.brand-result {display: flex; padding: 3% 5% 0%; border-top: solid 1px #D9D9D9;}
.brand-result dt {width: 35%; font-size: 48px; font-weight: 500; line-height: 1.0;}
.brand-result dd {width: 65%;}
.brand-result tr.bdt {border-top: solid 1px #D9D9D9;}
.brand-result th,
.brand-result td {text-align: left; vertical-align: top; padding: 10px;}
.brand-result th.tar,
.brand-result td.tar {text-align: right; padding-right: 10%; white-space: nowrap;}

@media screen and (max-width:1480px){
	.brand-nav dl dd a {font-size: 40px;}
	.brand-nav dl dd a span {font-size: 22px;}
}

@media screen and (max-width:1280px){
	.brand-nav dl dd a {font-size: 30px;}
	.brand-nav dl dd a span {font-size: 20px;}
	.brand-adv__detail {margin-left: -20px; margin-right: -15px;}
	.brand-adv__detail dl {padding: 0 20px;}
	.brand-adv__detail dl dt {font-size: 17px; height: 2.8em;}
	.brand-adv__detail dl dt br {display: none;}
	.brand-prdt__tab li {margin-right: 30px;}
}

@media screen and (max-width:980px){
	.brand-nav dl dt ul li button {font-size: 13px;}
	.brand-nav dl dd a {font-size: 20px;}
	.brand-nav dl dd a span {font-size: 14px;}
	.brand-intro dt {font-size: 40px;}
	.brand-intro dd p {font-size: 14px;}

	.brand-adv__top dt {padding-right: 10%;}
	.brand-adv__top dt h4 {font-size: 40px;}
	.brand-adv__top dt ul li {font-size: 14px;}
	.brand-adv__top dd p {font-size: 14px;}

	.brand-adv__detail {flex-wrap: wrap; margin-left: -20px; margin-right: -20px;}
	.brand-adv__detail dl {width: 50%; padding: 20px;}
	.brand-adv__detail dl dt {font-size: 16px; height: auto;}
	.brand-adv__detail dl dd {margin-top: 10px; font-size: 14px;}
	
	.brand-prdt__top {display: block;}
	.brand-prdt__top dt {width: 100%; font-size: 40px;}
	.brand-prdt__top dd {width: 100%; margin-top: 20px;}
	.brand-prdt__tab {justify-content: flex-start;}
	.brand-prdt__tab li button {font-size: 14px;}
	.brand-prdt__cont dl dt {width: 45%;}
	.brand-prdt__cont dl dt p {font-size: 14px;}
	.brand-prdt__cont dl dd {width: 55%;}
	
	.brand-result {display: block;}
	.brand-result dt {width: 100%; font-size: 40px;}
	.brand-result dd {width: 100%; margin-top: 30px;}
	.brand-result th,
	.brand-result td {font-size: 14px;}
}

@media screen and (max-width:768px){
	.brand-top dt img {max-width: 40%;}
	.brand-top dd {padding: 0 5%; width: 100%; font-size: 8vw;}

	.brand-nav {flex-direction: column;}
	.brand-nav dl {width: 100%;}
	.brand-nav.b3 dl:nth-child(1) {order: 2;}
	.brand-nav.tud dl:nth-child(2) {order: 2;}
	.brand-nav dl dt {margin-bottom: 20px;}
	.brand-nav dl dd img {height: 52px;}
	.brand-nav dl dd a {font-size: 18px;}
	.brand-nav dl dd a span {font-size: 13px;}

	.brand-intro {display: block; padding: 10% 0;}
	.brand-intro dt {width: 100%; font-size: 32px;}
	.brand-intro dd {width: 100%;}
	.brand-intro dd h5 {font-size: 16px;}

	.brand-video {padding-bottom: 0;}
	.brand-video video {position: static; transform: translate(0, 0); -webkit-transform: translate(0, 0);}

	.brand-adv {padding: 10% 0;}
	.brand-adv__top {display: block;}
	.brand-adv__top dt {width: 100%; padding-right: 0;}
	.brand-adv__top dt h4 {font-size: 32px;}
	.brand-adv__top dt ul {padding-top: 10px;}
	.brand-adv__top dt ul li {font-size: 12px;}
	.brand-adv__top dd {width: 100%; padding-left: 0; margin-top: 30px;}
	.brand-adv__top dd h5 {font-size: 16px;}
	.brand-adv__top dd p {font-size: 13px;}
	.brand-adv__detail {display: block; margin-left: 0; margin-right: 0; padding-top: 30px;}
	.brand-adv__detail dl {width: 100%; padding: 0; margin-bottom: 30px;}
	.brand-adv__detail dl:last-child {margin-bottom: 0;}
	.brand-adv__detail dl dd {font-size: 13px;}

	.brand-prdt {padding: 10% 5%;}
	.brand-prdt__top {display: block;}
	.brand-prdt__top dt {font-size: 32px;}
	.brand-prdt__tab {flex-wrap: wrap; border-left: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5;}
	.brand-prdt__tab li {margin-right: 0; width: 33.3333%; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5;}
	.brand-prdt__tab li button {text-align: center; display: block; width: 100%; padding: 10px 5px; font-size: 12px; line-height: 1.2;}
	.brand-prdt__tab li button.active {background: #333; color: #fff;}
	.brand-prdt__tab.col6 li {padding: 0; width: 50%;}
	.brand-prdt__cont dl {display: block;}
	.brand-prdt__cont dl dt {width: 100%; padding-right: 0;}
	.brand-prdt__cont dl dt:before {display: none;}
	.brand-prdt__cont dl dt p {font-size: 13px;}
	.brand-prdt__cont dl dt a {font-size: 13px; margin-top: 15px;}
	.brand-prdt__cont dl dd {width: 100%; margin-top: 20px;}
	.brand-prdt__slider {margin: 0 -5px;}
	.brand-prdt__slider .slick-slide {padding: 0 5px;}
	.brand-prdt__slider.tud .slick-slide > div p {font-size: 13px;}

	.brand-result {padding: 10% 5% 0;}
	.brand-result dt {font-size: 32px;}
	.brand-result dd {margin-top: 20px;}
	.brand-result th,
	.brand-result td {font-size: 12px; padding: 5px;}
	.brand-result th.tar,
	.brand-result td.tar {padding-right: 5%;}
}