@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%; max-width: 1320px; padding-left: 20px; padding-right: 20px; 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 {padding-top: 100px; padding-bottom: 200px;}

@media (max-width:1280px) {
	#subpage {padding-top: 80px; padding-bottom: 160px;}
}

@media (max-width:992px) {	
	#wrap {}
	#body_temp {}
	#subpage {padding-top: 60px; padding-bottom: 120px;}
}

@media (max-width:768px) {
	#subpage {padding-top: 40px; padding-bottom: 80px;}
}



/* GNB */
#gnb {position: fixed; left: 0; right: 0; top: 0; z-index: 100; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
#gnb.scroll {background: rgba(0,0,0,0.2);}
#gnb.hover {background: rgba(0,0,0,0.6);}
.gnb-logo {position: absolute; left: 20px; top: 0; z-index: 101;}
.gnb-logo a {height: 60px; display: flex; align-items: center;}
.gnb-logo a img {display: block; width: 90px;}

@media (min-width:993px) {	
	.gnb-wrap {position: relative; z-index: 100;}
	.gnb-menu {display: flex; width: 100%; justify-content: center;}
	.gnb-menu > li {position: relative; margin: 0 20px;}
	.gnb-menu > li > a {display: flex; align-items: center; height: 60px; font-size: 13px; padding: 0 20px; position: relative; color: #F5F5F7;}
	.gnb-menu > li > button {display: none;}
	.gnb-menu > li > a.on,
	.gnb-menu > li > button.on {color: #48a839;}
	.gnb-menu > li > ul,
	.gnb-menu > li.single > .dummy {position: absolute; left: -25px; right: -25px; top: 100%; padding: 20px 0; display: none; height: 240px !important;}
	.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: 13px; 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: #48a839;}
	.gnb-bg {opacity: 0; visibility: hidden; position: absolute; left: -100%; right: -100%; top: 100%; background: rgba(0,0,0,0.6); height: 300px !important; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-overlay {visibility: hidden; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 99; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	.gnb-toggle {display: none;}
	.gnb-lang {position: absolute; right: 20px; top: 0; height: 60px; display: flex; align-items: center;}
	.gnb-lang li {display: flex; align-items: center;}
	.gnb-lang li:after {content: ''; display: block; background: #D9D9D9; width: 1px; height: 12px; margin: 0 14px;}
	.gnb-lang li:last-child:after {display: none;}
	.gnb-lang li a {color: #D9D9D9; display: block; font-size: 13px;}
	.gnb-lang li a.active {color: #F5F5F7;}
	#gnb.hover .gnb-menu > li > ul,
	#gnb.hover .gnb-menu > li.single > .dummy{display: block;}
	#gnb.hover .gnb-bg {opacity: 1; visibility: visible;}
	#gnb.hover .gnb-overlay {visibility: visible; opacity: 1;}
}

@media (max-width:992px) {
	#gnb > .container {display: flex; justify-content: space-between; align-items: center; padding-left: 15px; padding-right: 0;}
	.gnb-logo {position: static; z-index: 100;}
	.gnb-logo a {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 {position: relative; border-bottom: solid 1px rgba(0,0,0,0.1);}
	.gnb-menu > li > a {display: none;}
	.gnb-menu > li > a.only,
	.gnb-menu > li > button {display: block; width: 100%; text-align: left; height: 50px; line-height: 50px; padding: 0 20px; background: none; position: relative; color: #F5F5F7; font-size: 13px;}
	.gnb-menu > li > button:after {content: ''; display: block; background: none; width: 6px; height: 6px; border-right: solid 1px #F5F5F7; border-bottom: solid 1px #F5F5F7; position: absolute; right: 24px; top: 50%; margin-top: -3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.gnb-menu > li > button.open {}
	.gnb-menu > li > button.open:after {transform: rotate(225deg); -webkit-transform: rotate(225deg);}
	.gnb-menu > li > button.open ~ ul {display: block;}
	.gnb-menu > li > ul {background: #03363B; padding: 20px; height: auto !important; display: none;}
	.gnb-menu > li > ul > li {margin-bottom: 10px;}
	.gnb-menu > li > ul > li:last-child {margin-bottom: 0;}
	.gnb-menu > li > ul > li > a {display: block; font-size: 13px; color: #F5F5F7; position: relative;}
	.gnb-menu > li > ul > li > a br {display: none;}
	.gnb-overlay {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 {visibility: visible; opacity: 1;}
	.gnb-lang {position: absolute; left: 0; top: 0; height: 54px; padding: 0 20px; display: flex; align-items: center;}
	.gnb-lang li {display: flex; align-items: center;}
	.gnb-lang li:after {content: ''; display: block; background: #D9D9D9; width: 1px; height: 10px; margin: 0 10px;}
	.gnb-lang li:last-child:after {display: none;}
	.gnb-lang li a {color: #D9D9D9; display: block; font-size: 12px;}
	.gnb-lang li a.active {color: #F5F5F7;}

}



/* Footer */
#footer {}
.ft-top {border-top: solid 1px #dedede; border-bottom: solid 1px #dedede;}
.ft-menu {display: flex; align-items: center; height: 60px;}
.ft-menu li {margin-right: 60px;}
.ft-menu li:last-child {margin-right: 0;}
.ft-menu li a {display: block; font-size: 14px;}
.ft-bot {padding-top: 30px; padding-bottom: 50px;}
.ft-info {display: flex; flex-wrap: wrap; margin: -2px 0;}
.ft-info li {display: flex; align-items: center; padding: 5px 0;}
.ft-info li:after {content: ''; display: block; width: 1px; height: 10px; background: #aaa; margin: 0 10px;}
.ft-info li span {line-height: 1.0; display: block; font-size: 13px;}
.ft-info li:last-child:after {display: none;}
.ft-copy {margin-top: 20px; font-size: 12px; color: #888;}

@media only screen and (max-width:980px){
	.ft-menu {padding: 15px 0; margin: 0 -20px; height: auto; justify-content: center;}
	.ft-menu li {margin-right: 0; padding: 0 12px;}
	.ft-menu li a {font-size: 12px;}
	.ft-bot {padding-top: 30px; padding-bottom: 30px;}
	.ft-info {display: block; margin: 0; text-align: center;}
	.ft-info li {padding: 0; margin-bottom: 5px; display: block;}
	.ft-info li span {line-height: 1.4; font-size: 11px;}
	.ft-info li:after {display: none;}
	.ft-copy {font-size: 10px; text-align: center;}
}



/* 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;}
}



/* main */










/* 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: 33.3333%;}
.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: 100%;}
	.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-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;}
.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-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-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;}
}




.cer-list {display: flex; flex-wrap: wrap; margin: -40px -20px 0; position: relative;}
.cer-list:after {content: ''; display: block; background: #fff; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;}
.cer-list li {width: 25%; padding: 40px 20px; position: relative;}
.cer-list li:after {content: ''; display: block; height: 1px; background: #ADADBF; position: absolute; left: 0; right: 0; bottom: 0;}
.cer-list li:nth-child(4n-3):after {left: 12px;}
.cer-list li:nth-child(4n):after {right: 12px;}
.cer-list li.empty_list {width: 100%;}
.cer-list li a {display: flex; flex-direction: column; position: relative;}
.cer-list li a em {display: block; padding-bottom: 140%; border: solid 1px #e5e5e5;}
.cer-list li a em.none {background: #f5f5f5; display: flex; align-items: center; justify-content: center; text-align: center; text-indent: -9999px; font-size: 0px;}
.cer-list li a h5 {margin-top: 20px; font-size: 20px; font-weight: 500; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.vdo-list li dl dt {padding: 30px 0; border-bottom: solid 1px #ADADBF;}
.vdo-list li dl dt a {display: flex; align-items: center;}
.vdo-list li dl dt a strong {flex-shrink: 0; margin-right: 60px; font-weight: 400; font-size: 24px; text-transform: uppercase;}
.vdo-list li dl dt a h5 {font-size: 24px; font-weight: 400; 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;}
.vdo-list li dl dt a span {flex-shrink: 0; margin-left: 60px; font-size: 24px;}
.vdo-list li dl dd {position: relative; padding: 120px 0;}
.vdo-list li dl dd a {display: block; width: 100%; max-width: 720px; margin: 0 auto; position: relative;}
.vdo-list li dl dd a img {display: block; width: 100%;}
.vdo-list li dl dd a:after {content: ''; display: block; width: 65px; height: 65px; border: solid 1px #fff; position: absolute; left: 50%; top: 50%; background: url('../img/sub/video_play.png')no-repeat 55% center / 21px auto; -webkit-border-radius: 50%; border-radius: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.news-list {display: flex; flex-wrap: wrap; margin: -40px -12px 0; position: relative;}
.news-list:after {content: ''; display: block; background: #fff; height: 1px; position: absolute; left: 0; right: 0; bottom: 0;}
.news-list li {width: 33.3333%; padding: 40px 12px; position: relative;}
.news-list li:after {content: ''; display: block; height: 1px; background: #ADADBF; position: absolute; left: 0; right: 0; bottom: 0;}
.news-list li:nth-child(3n-2):after {left: 12px;}
.news-list li:nth-child(3n):after {right: 12px;}
.news-list li.empty_list {width: 100%;}
.news-list li a {display: flex; flex-direction: column; position: relative;}
.news-list li a em {display: block; padding-bottom: 56.25%; border: solid 1px #e5e5e5;}
.news-list.portfolio_en li a em {padding-bottom: 100%;}
.news-list li a em.none {background: #f5f5f5; display: flex; align-items: center; justify-content: center; text-align: center; text-indent: -9999px; font-size: 0px;}
.news-list li a h5 {margin-top: 10px; font-size: 20px; color: #03363B; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list li a p {margin-top: 10px; font-size: 14px; color: #656C71; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 3.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li a span {margin-top: 20px; display: block; font-size: 15px; color: #000B22; font-weight: 600;}

@media (max-width:1280px) {
	.cer-list li a h5 {margin-top: 15px; font-size: 20px;}
	.cer-list li a p {margin-top: 10px; font-size: 14px;}
	.cer-list li a span {margin-top: 15px; font-size: 13px;}

	.vdo-list li dl dt {padding: 20px 0;}
	.vdo-list li dl dt a strong {margin-right: 40px; font-size: 20px;}
	.vdo-list li dl dt a h5 {font-size: 20px;}
	.vdo-list li dl dt a span {margin-left: 40px; font-size: 20px;}
	.vdo-list li dl dd {padding: 80px 0;}
	.news-list li a span {margin-top: 15px; font-size: 13px;}
}

@media (max-width:992px) {
	.cer-list li a h5 {margin-top: 10px; font-size: 16px;}
	.cer-list li a p {margin-top: 5px; font-size: 12px;}
	.cer-list li a span {margin-top: 10px; font-size: 11px;}

	.vdo-list li dl dt {padding: 15px 0;}
	.vdo-list li dl dt a strong {margin-right: 30px; font-size: 18px;}
	.vdo-list li dl dt a h5 {font-size: 18px;}
	.vdo-list li dl dt a span {margin-left: 30px; font-size: 18px;}
	.vdo-list li dl dd {padding: 60px 0;}

	.news-list li a h5 {font-size: 16px;}
	.news-list li a p {margin-top: 5px; font-size: 12px;}
	.news-list li a span {margin-top: 10px; font-size: 11px;}
}

@media (max-width:768px) {
	.cer-list {margin: -20px -5px 0;}
	.cer-list li {width: 50%; padding: 20px 5px;}
	.cer-list li:nth-child(4n-3):after {left: 0;}
	.cer-list li:nth-child(4n):after {right: 0;}
	.cer-list li:nth-child(2n-1):after {left: 5px;}
	.cer-list li:nth-child(2n):after {right: 5px;}
	.cer-list li a h5 {margin-top: 5px; font-size: 14px;}
	.cer-list li a span {font-size: 11px;}

	.vdo-list li dl dt {padding: 10px 0;}
	.vdo-list li dl dt a strong {display: none;}
	.vdo-list li dl dt a h5 {font-size: 13px;}
	.vdo-list li dl dt a span {margin-left: 10px; font-size: 11px;}
	.vdo-list li dl dd {padding: 20px 0;}
	.vdo-list li dl dd a:after {width: 40px; height: 40px; background-size: 14px auto;}

	.news-list {margin: -20px -5px 0;}
	.news-list li {width: 50%; padding: 20px 5px;}
	.news-list li:nth-child(3n-2):after {left: 0;}
	.news-list li:nth-child(3n):after {right: 0;}
	.news-list li:nth-child(2n-1):after {left: 5px;}
	.news-list li:nth-child(2n):after {right: 5px;}
	.news-list li a h5 {margin-top: 5px; font-size: 14px;}
	.news-list li a span {font-size: 11px;}
}







.slick-dots {display: flex; align-items: center; justify-content: center;}
.slick-dots li {margin-right: 12px;}
.slick-dots li:last-child {margin-right: 0;}
.slick-dots li button {display: block; width: 13px; height: 13px; background: none; border: solid 1px #fff; text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%;}
.slick-dots li.slick-active button {background: #fff;}

@media (max-width:992px) {
	.slick-dots {bottom: 30px;}
	.slick-dots li {margin-right: 8px;}
	.slick-dots li button {width: 8px; height: 8px;}
}








/* 문의하기 */
.inquiry {padding: 80px 0; background: #000;}
.inquiry__title {font-size: 30px; color: #F5F5F7; font-weight: 400; padding-bottom: 20px; border-bottom: solid 1px #323638;}
.inquiry__wrap {display: flex; margin-top: 70px;}
.inquiry__info {width: 50%; color: #9BA0A9;}
.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 {color: #9BA0A9;}
.inquiry__input {position: relative; margin-top: 10px;}
.inquiry__input span {display: block; height: 1px; background: #D9D9D9; 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; color: #D9D9D9; border-bottom: solid 1px #323638; 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; color: #D9D9D9; border-bottom: solid 1px #323638; resize: none; -webkit-appearance: none; appearance: none;}
.inquiry__captcha {filter: invert(100%); 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; color: #D9D9D9; 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: #D9D9D9;}
.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: 46px; padding: 0 25px; background: #03363B; color: #D9D9D9; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 30px; border-radius: 30px;}
.inquiry__submit button:after {content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #D9D9D9; border-right: solid 2px #D9D9D9; margin-left: 10px; margin-top: 2px; transform:rotate(45deg);-webkit-transform:rotate(45deg);}

@media (max-width:1500px) {

}

@media (max-width:1280px) {
	.inquiry__wrap {margin-top: 60px;}
	.inquiry__info {font-size: 18px;}
	.inquiry__row {padding-top: 30px;}
	.inquiry__col label {font-size: 18px;}
	.inquiry__input {margin-top: 0;}
}

@media (max-width:992px) {
	.inquiry__wrap {margin-top: 40px;}
	.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: 40px; padding: 0 20px; font-size: 16px;}
	.inquiry__submit button:after {width: 8px; height: 8px;}
}

@media (max-width:768px) {
	.inquiry {padding: 40px 0;}
	.inquiry__title {font-size: 24px; padding-bottom: 10px;}
	.inquiry__wrap {margin-top: 20px; 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;}
	.inquiry__privacy {margin-top: 15px; padding-top: 15px; border-top: solid 1px #323638;}
	.inquiry__privacy label {font-size: 12px;}
	.inquiry__submit {margin-top: 20px;}
	.inquiry__submit button {font-size: 14px;}
	.inquiry__submit button:after {width: 6px; height: 6px; border-top-width: 1px; border-right-width: 1px;}
}

@media (max-width:320px) {

}




/* 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; -webkit-border-radius: 30px; border-radius: 30px;}
.inquiry.gry {padding: 0; background: none;}
.inquiry.gry .inquiry__wrap {margin-top: 0;}
.inquiry.gry .inquiry__info {color: #000B22;}
.inquiry.gry .inquiry__info ul li:before {filter: brightness(50%)}
.inquiry.gry .inquiry__col label {color: #000B22;}
.inquiry.gry .inquiry__input span {background: #000B22;}
.inquiry.gry .inquiry__input input[type="text"] {color: #000B22; border-bottom-color: #ADADBF;}
.inquiry.gry .inquiry__input textarea {color: #000B22; border-bottom-color: #ADADBF;}
.inquiry.gry .inquiry__captcha {filter: invert(0%);}
.inquiry.gry .inquiry__privacy label {color: #000B22;}
.inquiry.gry .inquiry__privacy input[type="checkbox"] {border: solid 1px #ADADBF;}
.inquiry.gry .inquiry__privacy input[type="checkbox"]:checked {border-color: #000B22;}
.inquiry.gry .inquiry__privacy input[type="checkbox"]:checked:after {border-left-color: #000B22; border-bottom-color: #000B22;}

@media (max-width:768px) {
	.inq-adm {margin-bottom: 10px;}
	.inq-adm a {padding: 0 10px; height: 30px; font-size: 12px;}
	.inquiry.gry .inquiry__policy {font-size: 12px;}
	.inquiry.gry .inquiry__privacy {border-top: none; padding-top: 0;}
}




.main-banner {}
.main-banner__cont {height: 800px; color: #fff; display: flex !important; align-items: center; justify-content: cneter;}
.main-banner__cont h3 {font-size: 60px; line-height: 1.2;}
.main-banner__cont p {margin-top: 30px; font-weight: 300;}
.main-banner .slick-arrow {display: block; width: 80px; height: 80px; text-indent: -9999px; position: absolute; top: 50%; z-index: 1; margin-top: -40px; background: none; border: solid 2px rgba(0,0,0,0.2); -webkit-appearance: none; appearance: none; -webkit-border-radius: 50%; border-radius: 50%;}
.main-banner .slick-prev {right: 50%; margin-right: 720px;}
.main-banner .slick-next {left: 50%; margin-left: 720px;}
.main-banner .slick-arrow:after {content: ''; display: block; width: 18px; height: 18px; border-top: solid 3px rgba(0,0,0,0.2); position: absolute; left: 50%; top: 50%; margin-top: -9px;}
.main-banner .slick-prev:after {border-left: solid 3px rgba(0,0,0,0.2); margin-left: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.main-banner .slick-next:after {border-right: solid 3px rgba(0,0,0,0.2); margin-left: -12px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.main-banner .slick-dots {position: absolute; bottom: 70px; left: 50%; display: flex; align-items: center; justify-content: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.main-banner .slick-dots li {margin: 0 4px;}
.main-banner .slick-dots li button {display: block; width: 15px; height: 15px; background: #fff; border: solid 2px #fff; text-indent: -9999px; -webkit-border-radius: 20px; border-radius: 20px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;}
.main-banner .slick-dots li.slick-active button {width: 30px; background: none;}


.main-prdt {background: #f4f8ff; position: relative; padding: 100px 0;}
.main-prdt:before {content: ''; display: block; width: calc((100% - 1280px) / 2 + 420px); z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; background: #03363B;}
.main-prdt .container {display: flex;}
.main-prdt__left {width: 420px; padding-right: 50px; color: #fff; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start;}
.main-prdt__left * {position: relative; z-index: 1;}
.main-prdt__title {flex-grow: 1;}
.main-prdt__title h3 {font-size: 50px; font-weight: 600; line-height: 1.2;}
.main-prdt__title p {font-weight: 300; margin-top: 20px;}
.main-prdt__more {flex-shrink: 0; display: flex; align-items: flex-end; line-height: 0.6; position: relative;}
.main-prdt__more:after {content: ''; display: block; width: 30px; height: 1px; background: #fff; margin-left: 10px;}
.main-prdt__more:before {content: ''; display: block; width: 8px; height: 1px; background: #fff; position: absolute; right: 0; bottom: 0; transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.main-prdt__right {width: calc(100% - 420px);}
.main-prdt__list {padding-left: 50px; margin: 0 -25px; display: flex;}
.main-prdt__list li {width: 50%; padding: 0 25px;}
.main-prdt__list li a {display: block; position: relative;}
.main-prdt__list li a em {display: block; padding-bottom: 120%; position: relative; overflow: hidden;}
.main-prdt__list li a em:after {content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.2); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-prdt__list li a em span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-prdt__list li a h5 {position: absolute; left: 0; bottom: 0; padding: 30px; color: #fff; font-size: 30px; font-weight: 600; line-height: 1.2;}
.main-prdt__list li a:hover em:after {opacity: 0;}
.main-prdt__list li a:hover span {left: -30px; right: -30px; top: -30px; bottom: -30px;}


.main-press {padding: 100px 0;}
.main-press__top {display: flex; align-items: flex-end;}
.main-press__top h3 {flex-grow: 1; font-size: 50px; font-weight: 700; line-height: 1.0;}
.main-press__top h3 br {display: none;}
.main-press__top a {flex-shrink: 0; height: 48px; padding: 0 30px; background: #fff; color: #03363B; border: solid 1px #03363B; -webkit-border-radius: 30px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-press__top a:hover {background: #03363B; color: #fff;}
.main-press__list {margin: 0 -30px; padding-top: 60px;}
.main-press__list .slick-arrow {display: block; background: #fff; width: 50px; height: 50px; text-indent: -9999px; position: absolute; z-index: 1; top: 40%; margin-top: -25px; border: solid 1px #bfbfbf; -webkit-border-radius: 50%; border-radius: 50%;}
.main-press__list .slick-prev {left: 5px;}
.main-press__list .slick-next {right: 5px;}
.main-press__list .slick-arrow:after {content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #333; position: absolute; left: 50%; top: 50%; margin-top: -5px;}
.main-press__list .slick-prev:after {border-left: solid 2px #333; margin-left: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.main-press__list .slick-next:after {border-right: solid 2px #333; margin-left: -8px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.main-press__list .slick-slide {padding: 0 30px;}
.main-press__list .slick-slide a {display: block;}
.main-press__list .slick-slide a em {display: block; padding-bottom: 71.4285%; border: solid 1px #bfbfbf;}
.main-press__list .slick-slide a h5 {font-size: 20px; font-weight: 600; margin-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-press__list .slick-slide a p {color: #666; margin-top: 20px; font-weight: 300; 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;}


.main-inquiry {height: 480px; display: flex; align-items: center; justify-content: center; text-align: center; background:url('/theme/basic/img/main/inquiry_bg.png')no-repeat center center / cover;}
.main-inquiry h3 {font-size: 60px; color: #fff; font-weight: 600; line-height: 1.0;}
.main-inquiry p {color: #fff; margin: 20px 0; font-weight: 300;}
.main-inquiry a {height: 48px; padding: 0 30px; background: #161040; color: #fff; -webkit-border-radius: 30px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center;}


.main-cs {background: #0a1931; padding: 110px 0;}
.main-cs__wrap {display: flex; align-items: center; justify-content: space-between;}
.main-cs__info {display: flex; align-items: center;}
.main-cs__info h5 {font-size: 30px; font-weight: 600; color: #fff; line-height: 1.2;}
.main-cs__info a {font-size: 50px; font-weight: 900; color: #4fd5ff; display: block;}
.main-cs__info p {font-size: 18px; color: #fff; margin-top: 10px; font-weight: 300;}
.main-cs__menu {display: flex;}
.main-cs__menu li {margin-right: 60px;}
.main-cs__menu li:last-child {margin-right: 0;}
.main-cs__menu li a {display: block; font-size: 16px; color: #fff; text-align: center; font-weight: 300;}
.main-cs__menu li a:before {content: ''; display: block; width: 80px; height: 80px; margin: 0 auto 15px;}
.main-cs__menu li:nth-child(1) a:before {background:url('/theme/basic/img/main/main_cs_1.png')no-repeat center center / cover;}
.main-cs__menu li:nth-child(2) a:before {background:url('/theme/basic/img/main/main_cs_2.png')no-repeat center center / cover;}
.main-cs__menu li:nth-child(3) a:before {background:url('/theme/basic/img/main/main_cs_3.png')no-repeat center center / cover;}
.main-cs__menu li:nth-child(4) a:before {background:url('/theme/basic/img/main/main_cs_4.png')no-repeat center center / cover;}

.main-video {background: #19252E; padding: 100px 0;}
.main-video__title {color: #fff; font-size: 50px; font-weight: 700; line-height: 1.0;}
.main-video__title br {display: none;}
.main-video__list {display: flex; margin: 0 -30px; padding-top: 60px;}
.main-video__list li {width: 50%; padding: 0 30px;}
.main-video__list li .bdv-ytb {margin-top: 0;}



@media screen and (max-width:1480px){
	.main-cs__info h5 {font-size: 30px;}
	.main-cs__info a {font-size: 50px;}
	.main-cs__info p {font-size: 20px;}
	.main-cs__info:after {width: 100px; height: 130px; margin-left: 40px;}
}

@media screen and (max-width:1280px){
	.main-banner__cont {height: 640px;}
	.main-banner__cont h3 {font-size: 50px;}
	.main-banner .slick-dots {bottom: 20px;}	

	.main-prdt {padding: 80px 0;}
	.main-prdt:before {width: 340px;}
	.main-prdt__left {width: 320px; padding-right: 30px;}
	.main-prdt__title h3 {font-size: 44px;}
	.main-prdt__right {width: calc(100% - 320px);}
	.main-prdt__list {padding-left: 30px; margin: 0 -15px;}
	.main-prdt__list li {padding: 0 15px;}
	.main-prdt__list li a h5 {padding: 20px; font-size: 24px;}

	.main-press {padding: 80px 0;}
	.main-press__top h3 {font-size: 40px;}
	.main-press__top a {height: 40px; padding: 0 20px; font-size: 14px;}
	.main-press__list {margin: 0 -10px; padding-top: 30px;}
	.main-press__list .slick-arrow {display: none !important;}
	.main-press__list .slick-slide {padding: 0 10px;}
	.main-press__list .slick-slide a h5 {font-size: 16px;}
	.main-press__list .slick-slide a p {font-size: 14px; margin-top: 10px;}

	.main-inquiry {height: 300px;}
	.main-inquiry h3 {font-size: 50px;}

	.main-cs {padding: 80px 0;}
	.main-cs__info h5 {font-size: 20px;}
	.main-cs__info a {font-size: 36px;}
	.main-cs__info p {font-size: 16px;}
	.main-cs__menu li {margin-right: 40px;}
	.main-cs__menu li a {font-size: 14px;}
	.main-cs__menu li a:before {width: 60px; height: 60px; margin: 0 auto 10px;}

	.main-video {padding: 80px 0;}
	.main-video__title {font-size: 40px;}
	.main-video__list {margin: 0 -10px; padding-top: 30px;}
	.main-video__list li {padding: 0 10px;}

}

@media screen and (max-width:980px){

	.main-banner__cont {height: 520px;}
	.main-banner__cont h3 {font-size: 40px;}
	.main-banner .slick-dots {bottom: 15px;}
	.main-banner .slick-dots li button {width: 10px; height: 10px;}
	.main-banner .slick-dots li.slick-active button {width: 20px;}

	.main-prdt {padding: 60px 0;}
	.main-prdt:before {width: 240px;}
	.main-prdt__left {width: 240px; padding-right: 20px;}
	.main-prdt__title h3 {font-size: 32px;}
	.main-prdt__title p {display: none;}
	.main-prdt__more {font-size: 13px;}
	.main-prdt__right {width: calc(100% - 240px);}
	.main-prdt__list {padding-left: 20px; margin: 0 -10px;}
	.main-prdt__list li {padding: 0 10px;}
	.main-prdt__list li a h5 {padding: 15px; font-size: 18px;}

	.main-press {padding: 60px 0;}
	.main-press__top h3 {font-size: 30px;}
	.main-press__top a {height: 34px; font-size: 12px;}
	.main-press__list .slick-slide a h5 {font-size: 16px; margin-top: 15px;}
	.main-press__list .slick-slide a p {font-size: 12px;}

	.main-inquiry {height: 260px;}
	.main-inquiry h3 {font-size: 40px;}
	.main-inquiry p {font-size: 14px;}
	.main-inquiry a {height: 40px; padding: 0 20px; font-size: 14px;}

	.main-cs {padding: 60px 0;}
	.main-cs__info h5 {font-size: 18px;}
	.main-cs__info a {font-size: 32px;}
	.main-cs__info p {font-size: 14px; margin-top: 0;}
	.main-cs__menu li {margin-right: 30px;}
	.main-cs__menu li a {font-size: 12px;}
	.main-cs__menu li a:before {width: 50px; height: 44px;}

	.main-video {padding: 60px 0;}
	.main-video__title {font-size: 30px;}
}

@media screen and (max-width:768px){
	.main-banner__cont {height: 340px;}
	.main-banner__cont h3 {font-size: 24px;}
	.main-banner__cont p {font-size: 12px; margin-top: 10px;}
	.main-banner__cont p br {display: none;}
	.main-banner .slick-dots {bottom: 10px;}
	.main-banner .slick-dots li {margin: 0 2px;}
	.main-banner .slick-dots li button {width: 8px; height: 8px; border-width: 1px;}
	.main-banner .slick-dots li.slick-active button {width: 16px;}

	.main-prdt {padding: 0;}
	.main-prdt:before {display: none;}
	.main-prdt .container {display: block;}
	.main-prdt__left {width: auto; padding: 40px 20px; margin: 0 -20px; background: #03363B;}
	.main-prdt__title h3 {font-size: 26px;}
	.main-prdt__title h3 br {display: none;}
	.main-prdt__more {margin-top: 30px;}
	.main-prdt__right {width: auto; padding: 10px 0;}
	.main-prdt__list {padding-left: 0; margin: 0 -20px; display: block;}
	.main-prdt__list li {padding: 0; width: 100%; margin-bottom: 10px;}
	.main-prdt__list li:last-child {margin-bottom: 0;}
	.main-prdt__list li a em {padding-bottom: 50%;}
	.main-prdt__list li a h5 {padding: 20px; font-size: 20px;}

	.main-press {padding: 40px 0;}
	.main-press__top h3 {font-size: 26px;}
	.main-press__top h3 br {display: block;}
	.main-press__top a {height: 30px; padding: 0 15px;}
	.main-press__list {margin: 0 -20px; padding-top: 20px;}
	.main-press__list .slick-slide {padding: 0 20px;}
	.main-press__list .slick-slide a h5 {margin-top: 10px;}

	.main-inquiry {height: auto; padding: 40px 0;}
	.main-inquiry h3 {font-size: 24px;}
	.main-inquiry p {font-size: 12px;}
	.main-inquiry p br {display: none;}

	.main-cs {padding: 40px 0;}
	.main-cs__wrap {display: block;}
	.main-cs__info {justify-content: center; text-align: center;}
	.main-cs__info:after {display: none;}
	.main-cs__info h5 {font-size: 18px;}
	.main-cs__info h5 br {display: none;}
	.main-cs__info a {margin-top: 10px; font-size: 30px; margin-top: 5px;}
	.main-cs__info p {font-size: 13px;}
	.main-cs__menu {margin-top: 30px; justify-content: center;}
	.main-cs__menu li a {font-size: 12px;}
	.main-cs__menu li a:before {width: 40px; height: 35px;}

	.main-video {padding: 40px 0;}
	.main-video__title {font-size: 26px;}
	.main-video__title br {display: block;}
	.main-video__list {display: block; margin: 0; padding-top: 20px;}
	.main-video__list li {width: 100%; padding: 0; margin-bottom: 10px;}
	.main-video__list li:last-child {margin-bottom: 0;}
}




/* contact */
.loc-map {height: 480px; border: solid 1px #ddd;}
.loc-map iframe {width: 100%; height: 100%;}
.loc-list {margin-top: 60px;}
.loc-list li {margin-bottom: 20px; display: flex; align-items: center; font-size: 18px;}
.loc-list li:last-child {margin-bottom: 0;}
.loc-list li p {flex-shrink: 0; width: 180px; display: flex; align-items: center;}
.loc-list li p:before {content: ''; display: block; flex-shrink: 0; margin-right: 20px; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%;}
.loc-list li:nth-child(1) p:before {background: #03363B url('/en/theme/basic/img/sub/location_addr.png')no-repeat center center;}
.loc-list li:nth-child(2) p:before {background: #03363B url('/en/theme/basic/img/sub/location_tel.png')no-repeat center center;}
.loc-list li:nth-child(3) p:before {background: #03363B url('/en/theme/basic/img/sub/location_fax.png')no-repeat center center;}
.loc-list li:nth-child(4) p:before {background: #03363B url('/en/theme/basic/img/sub/location_mail.png')no-repeat center center;}
.loc-list li span {flex-grow: 1;}

@media screen and (max-width:1280px){
	.loc-map {height: 400px;}
	.loc-list {margin-top: 40px;}
	.loc-list li {font-size: 16px;}
	.loc-list li p {width: 160px;}
	.loc-list li p:before {width: 40px; height: 40px; background-size: 24px auto !important;}
}

@media screen and (max-width:980px){
	.loc-map {height: 320px;}
	.loc-list {margin-top: 30px;}
	.loc-list li {font-size: 14px; margin-bottom: 15px;}
	.loc-list li p {width: 120px;}
	.loc-list li p:before {width: 30px; height: 30px; background-size: 18px auto !important; margin-right: 10px;}
}

@media screen and (max-width:768px){
	.loc-map {height: 240px;}
	.loc-list {margin-top: 20px;}
	.loc-list li {font-size: 12px; margin-bottom: 10px; align-items: flex-start;}
	.loc-list li p {width: 100px;}
	.loc-list li p:before {width: 24px; height: 24px; background-size: 14px auto !important;}
	.loc-list li span {padding-top: 2px;}
}



/* greeting */
.greeting dt img {display: block; width: 100%;}
.greeting dd {margin-top: 60px; font-size: 18px; line-height: 1.8;}

@media screen and (max-width:1280px){
	.greeting dd {font-size: 16px;}
}

@media screen and (max-width:980px){
	.greeting dd {margin-top: 40px; font-size: 14px;}
}

@media screen and (max-width:768px){
	.greeting dd {margin-top: 30px; font-size: 12px;}
}



/* history */
.history dl {margin-bottom: 60px;}
.history dl:last-child {margin-bottom: 0;}
.history dl dt {font-size: 50px; color: #03363B; font-weight: 700;}
.history dl dd {margin-top: 30px; padding-left: 50px;}
.history dl dd ul {border-left: solid 1px #03363B; padding-left: 50px;}
.history dl dd ul li {position: relative; padding-left: 15px; margin-bottom: 15px;}
.history dl dd ul li:last-child {margin-bottom: 0;}
.history dl dd ul li:before {content: ''; display: block; width: 4px; height: 4px; background: #000; position: absolute; left: 0; top: 10px; -webkit-border-radius: 50%; border-radius: 50%;}

@media screen and (max-width:1280px){
	.history dl dt {font-size: 40px;}
	.history dl dd {margin-top: 20px; padding-left: 40px;}
	.history dl dd ul {padding-left: 40px;}
	.history dl dd ul li {padding-left: 15px; margin-bottom: 10px;}
	.history dl dd ul li:before {width: 3px; height: 3px;}
}

@media screen and (max-width:980px){
	.history dl dt {font-size: 34px;}
	.history dl dd {padding-left: 30px;}
	.history dl dd ul {padding-left: 30px;}
	.history dl dd ul li {padding-left: 10px; font-size: 14px;}
}

@media screen and (max-width:768px){
	.history dl {margin-bottom: 40px;}
	.history dl dt {font-size: 26px;}
	.history dl dd {padding-left: 5px; margin-top: 10px;}
	.history dl dd ul {padding-left: 15px;}
	.history dl dd ul li {padding-left: 10px; font-size: 13px;}
	.history dl dd ul li:before {top: 8px;}
}




/* product */
.prdt-main {position: relative; background: #F4F5F5; display: flex; margin-top: 20%;}
.prdt-main__logo {display: block; position: absolute; left: 0; top: -30%; width: 25%;}
.prdt-main__img {width: 40%; order: 2; margin-top: -20%; padding: 0 40px 40px;}
.prdt-main__img img {display: block;}
.prdt-main__text {width: 60%; margin-right: 40px; padding: 5%;}
.prdt-main__text h4 {font-size: 50px; font-weight: 300; line-height: 1.2; color: #48A839;}
.prdt-main__text h4 strong {font-weight: 700; display: block;}
.prdt-main__text h5 {font-size: 20px; font-weight: 600; margin-top: 20px;}
.prdt-main__text p {margin-top: 40px; font-size: 18px;}
.prdt-main__text span {display: block; margin-top: 60px; color: #48A839;}

.prdt-main.prdt3 {margin-top: 10%;}
.prdt-main.prdt3 .prdt-main__img {position: absolute; right: -10%; top: -20%; margin-top: 0; width: 60%;}
.prdt-main.prdt4 {margin-top: 10%;}
.prdt-main.prdt4 .prdt-main__img {position: absolute; right: -5%; top: -30%; margin-top: 0; width: 50%;}
.prdt-main.prdt5 {margin-top: 10%;}
.prdt-main.prdt5 .prdt-main__img {position: absolute; right: -5%; top: -25%; margin-top: 0; width: 55%;}
.prdt-main.prdt6 {margin-top: 10%;}
.prdt-main.prdt6 .prdt-main__img {position: absolute; right: -5%; top: -30%; margin-top: 0; width: 50%;}

.prdt-video {margin-top: 100px;}
.prdt-title {margin-top: 100px; margin-bottom: 20px; font-size: 36px; line-height: 1.2;}

.prdt-dots + .prdt-tb {margin-top: 20px;}
.prdt-dots li {position: relative; margin-bottom: 10px; padding-left: 15px; font-size: 20px; font-weight: 300;}
.prdt-dots li:last-child {margin-bottom: 0;}
.prdt-dots li:before {content: ''; display: block; width: 4px; height: 4px; background: #000; position: absolute; left: 0; top: 14px; -webkit-border-radius: 50%; border-radius: 50%;}
.prdt-dots li.grn {color: #48A839; font-weight: 500;}
.prdt-dots li.grn:before {background: #48A839;}

.prdt-gry {position: relative; padding: 100px 0; margin-top: 100px;}
.prdt-gry:before {content: ''; display: block; background: #F4F5F5; z-index: -1; position: absolute; top: 0; bottom: 0; left: -100%; right: -100%;}
.prdt-gry .prdt-title {margin-top: 0;}
.prdt-ico {display: flex; margin: 0 -20px; padding-top: 10px;}
.prdt-ico li {width: 33.3333%; padding: 0 20px;}
.prdt-ico li dl {background: #fff; height: 100%; padding: 40px; display: flex; flex-direction: column;}
.prdt-ico li dl dt {flex-shrink: 0;}
.prdt-ico li dl dt img {display: block; width: 68px;}
.prdt-ico li dl dd {flex-grow: 1; margin-top: 20px; font-size: 18px;}

.prdt-img {margin-top: 40px;}
.prdt-img img {display: block; width: 100%;}

.prdt-tb {border-top: solid 2px #333; border-left: solid 2px #fff; border-right: solid 2px #fff; width: 100%;}
.prdt-tb th,
.prdt-tb td {border: solid 1px #ddd; padding: 20px; text-align: center;}
.prdt-tb th {background: #F4F5F5; line-height: 1.2;}
.prdt-tb td {}
.prdt-tb td span.grn {color: #48A839;}
.prdt-tb td span.red {color: #EF5713;}
.prdt-desc {margin-top: 10px; font-size: 16px; color: #888;}

.prdt-half {display: flex; margin: 0 -20px;}
.prdt-half > li {width: 50%; padding: 0 20px;}
.prdt-half > li h5 {color: #48A839; font-size: 24px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ddd;}

.prdt-sub {color: #48A839; font-size: 24px; margin-bottom: 10px;}
.prdt-sub + .prdt-dots {margin-bottom: 30px;}

.prdt-box {background: #F4F5F5; margin-top: 60px; padding: 40px; font-size: 34px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;r}

.prdt-2-1 {margin: -30px -20px; display: flex; flex-wrap: wrap;}
.prdt-2-1 li {width: 33.3333%; padding: 30px 20px;}
.prdt-2-1 li img {display: block; width: 100%;}
.prdt-2-1 li p {margin-top: 15px; font-size: 20px; font-weight: 600;}
.prdt-2-1 li p span {color: #48A839;}

.prdt-2-2 {margin-top: 40px;}
.prdt-2-2 dt img {display: block; max-width: 100%;}
.prdt-2-2 dd {font-size: 20px; margin-top: 10px;}

.prdt-2-3 {margin: 0 -30px; display: flex;}
.prdt-2-3 li {width: 50%; padding: 0 30px;}
.prdt-2-3 li h5 {font-size: 20px; margin-bottom: 10px;}
.prdt-2-3 li img {display: block; width: 100%;}

@media screen and (max-width:1280px){
	.prdt-main__text {margin-right: 20px; padding: 4%;}
	.prdt-main__text h4 {font-size: 34px;}
	.prdt-main__text h5 {font-size: 14px; margin-top: 10px;}
	.prdt-main__text p {margin-top: 10px; font-size: 14px;}
	.prdt-main__text span {margin-top: 30px; font-size: 14px;}
	.prdt-video {margin-top: 60px;}
	.prdt-title {margin-top: 60px; font-size: 30px;}
	.prdt-dots li {padding-left: 10px; font-size: 18px; margin-bottom: 5px;}
	.prdt-dots li:before {width: 3px; height: 3px; top: 12px;}
	.prdt-gry {padding: 60px 0; margin-top: 60px;}
	.prdt-ico {margin: 0 -10px;}
	.prdt-ico li {padding: 0 10px;}
	.prdt-ico li dl {padding: 30px;}
	.prdt-ico li dl dt img {width: 48px;}
	.prdt-ico li dl dd {font-size: 16px;}
	.prdt-img {margin-top: 30px;}
	.prdt-tb th,
	.prdt-tb td {padding: 10px; font-size: 14px;}
	.prdt-half > li h5 {font-size: 20px;}
	.prdt-sub {font-size: 20px;}
	.prdt-box {margin-top: 40px; padding: 30px; font-size: 26px;}
	.prdt-2-1 {margin: -20px -10px;}
	.prdt-2-1 li {padding: 20px 10px;}
	.prdt-2-1 li p {font-size: 18px; margin-top: 10px;}
	.prdt-2-2 {margin-top: 30px;}
	.prdt-2-2 dd {font-size: 18px;}
}

@media screen and (max-width:980px){
	.prdt-main__text {margin-right: 0; padding: 3%;}
	.prdt-main__text h4 {font-size: 26px;}
	.prdt-main__text h5 {font-size: 13px;}
	.prdt-main__text p {font-size: 13px;}
	.prdt-title {margin-bottom: 15px; font-size: 26px;}
	.prdt-dots li {font-size: 15px;}
	.prdt-dots li:before {top: 10px;}
	.prdt-ico li dl {padding: 20px;}
	.prdt-ico li dl dd {font-size: 15px;}
	.prdt-img {margin-top: 20px;}
	.prdt-tb th,
	.prdt-tb td {padding: 8px; font-size: 12px;}
	.prdt-desc {font-size: 14px;}
	.prdt-half > li h5 {font-size: 18px;}
	.prdt-sub {font-size: 18px;}
	.prdt-box {margin-top: 40px; padding: 20px; font-size: 20px;}
	.prdt-2-1 {margin: -10px;}
	.prdt-2-1 li {padding: 10px;}
	.prdt-2-1 li p {font-size: 14px;}
	.prdt-2-2 {margin-top: 20px;}
	.prdt-2-2 dd {font-size: 15px;}
	.prdt-2-3 li h5 {font-size: 16px;}
}

@media screen and (max-width:768px){
	.prdt-main {display: block; margin-top: 0; padding: 30px 20px; margin: 0 -20px;}
	.prdt-main__logo {position: static; width: 25%; margin: 0 auto;}
	.prdt-main__img {width: 100%; margin-top: 20px; padding: 0 30%;}
	.prdt-main__img img {display: block;}
	.prdt-main__text {width: 100%; margin-right: 0; padding: 0; margin-top: 30px;}
	.prdt-main__text h4 {font-size: 20px;}
	.prdt-main__text span {font-size: 12px;}
	.prdt-main.prdt3 {margin-top: 0;}
	.prdt-main.prdt3 .prdt-main__img {position: static; margin-top: 20px; width: 100%; padding: 0 10%;}
	.prdt-main.prdt4 {margin-top: 0;}
	.prdt-main.prdt4 .prdt-main__img {position: static; margin-top: 20px; width: 100%; padding: 0 10%;}
	.prdt-main.prdt5 {margin-top: 0;}
	.prdt-main.prdt5 .prdt-main__img {position: static; margin-top: 20px; width: 100%; padding: 0 10%;}
	.prdt-main.prdt6 {margin-top: 0;}
	.prdt-main.prdt6 .prdt-main__img {position: static; margin-top: 20px; width: 100%; padding: 0 10%;}
	.prdt-video {margin-top: 40px;}
	.prdt-title {margin-top: 40px; font-size: 20px; margin-bottom: 10px;}
	.prdt-dots li {font-size: 14px;}
	.prdt-dots li:before {top: 9px;}
	.prdt-gry {padding: 40px 0; margin-top: 40px;}
	.prdt-ico {display: block; margin: 0;}
	.prdt-ico li {padding: 0; width: 100%; margin-bottom: 10px;}
	.prdt-ico li:last-child {margin-bottom: 0;}
	.prdt-ico li dl dt img {width: 40px;}
	.prdt-ico li dl dd {font-size: 14px; margin-top: 10px;}
	.prdt-img {margin-top: 10px;}
	.prdt-tb th,
	.prdt-tb td {padding: 5px; font-size: 11px;}
	.prdt-desc {font-size: 12px;}
	.prdt-half {display: block;}
	.prdt-half > li {width: 100%; margin-bottom: 30px;}
	.prdt-half > li:lsat-child {margin-bottom: 0;}
	.prdt-half > li h5 {font-size: 16px;}
	.prdt-sub {font-size: 16px;}
	.prdt-sub + .prdt-dots {margin-bottom: 20px;}
	.prdt-box {padding: 15px; font-size: 16px;}
	.prdt-2-1 {margin: -5px;}
	.prdt-2-1 li {width: 50%; padding: 5px;}
	.prdt-2-1 li p {font-size: 12px;}
	.prdt-2-2 dd {font-size: 14px;}
	.prdt-2-3 {margin-bottom: 20px;}
	.prdt-2-3 {display: block;}
	.prdt-2-3 li {width: 100%; margin-bottom: 30px;}
	.prdt-2-3 li:last-child {margin-bottom: 0;}
	.prdt-2-3 li h5 {font-size: 14px;}
}