@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * default.css custom
 * ****************************************************************************************** */
html, body {overflow-x:hidden;}
body{color:#646873;}
body.menu_open{position:fixed; top:0; left:0; bottom:0; right:0; z-index:100; overflow:hidden; scrollbar-width:none;}
body.menu_open::-webkit-scrollbar {display:none;}


/* latest grid system 수정하지 말 것 */
.gw-row:before, .gw-row:after{content:""; display:block; clear:both;}
.gw-row{margin-left:-16px; margin-right:-16px;}
[class^="gw-col"]{float:left; padding-left:16px; padding-right:16px;}

.gw-col-sm-1, .gw-col-md-1, .gw-col-lg-1{width:99.99999%}
.gw-col-sm-2, .gw-col-md-2, .gw-col-lg-2{width:49.999999%}
.gw-col-sm-3, .gw-col-md-3, .gw-col-lg-3{width:33.33333%}
.gw-col-sm-4, .gw-col-md-4, .gw-col-lg-4{width:24.99999%}

@media (max-width:1919px){
	.gw-row{margin-left:-12px; margin-right:-12px;}
	[class^="gw-col"]{padding-left:12px; padding-right:12px;}
}

@media (max-width:980px){
	.gw-col-sm-3, .gw-col-sm-4{width:49.999999%}
}

@media (max-width:768px){
	.gw-col-md-2, .gw-col-md-3, .gw-col-md-4{width:100%}
}

@media (max-width:480px){
	.gw-col-sm-2, .gw-col-sm-3, .gw-col-sm-4{width:100%}
}

/* animation */
.wow{visibility:hidden;}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}


/* ****************************************************************************************** */
/* 영역 공통 */
#container_wr, #container, #sub_container{width:100%;}
#container{min-height:1024px;}
#hd_wrapper, #tnb, #gnb .gnb_wrap, #ft_wr{max-width:1920px; width:100%;}
.gw_boundary{max-width:1920px; margin:0 auto; position:relative;padding: 0 140px; }
@media (max-width:1919px){
	.gw_boundary{ padding: 0 120px; }
}
@media screen and (max-width:1760px) {
	.gw_boundary{ padding: 0 50px; }
}
@media screen and (max-width:1200px) {
  .gw_boundary{ padding: 0 30px; }
}

.board-inner { max-width: 1400px; margin: 0 auto}
.mini-board-inner { max-width: 1200px; margin: 0 auto }

@media screen and (max-width:768px) {
  #sub_container.board-inner,
  #sub_container.mini-board-inner { padding: 0 15px; }
}


/* ****************************************************************************************** */
/* sub header 공통 */
.sub_header_container{height:365px; margin-top:60px; margin-bottom: 50px; background-color:#111; overflow:hidden; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.sub_header_container .sub_header{height:100%; position:relative;}
.sub_header_container .sub_header .overlay { display: block; width: 100%; height: 100%; }
.sub_header_container .sub_header p{/*position:absolute;*/ top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; text-align:left; /*padding-left: 250px*/ }
.sub_header_container .sub_header p span{font-size:50px; font-weight:300; color:#fff; letter-spacing:-0.02em; position:relative;}
.sub_header_container .sub_header p span:after{content:""; position:absolute; left:0; top:-10px; margin-left:2px; width:40px; height:1px; background:#fff;}

/* sub 영역 공통 - defalut */
.sub_boundary{max-width:1920px; width:100%; margin:0 auto; padding: 0 140px;}
.sub_boundary:after{content:""; display:block; clear:both;}
@media (max-width:1919px){
	.sub_boundary{ padding: 0 120px; }
}

/* breadcrumb */
.breadcrumb{max-width:1920px; width:100%; margin-top:-4rem; margin-bottom:4rem; padding:1.5rem 0; text-align:right; font-size:0; }
.breadcrumb li{display:inline-block; padding-right:2rem; line-height:1; letter-spacing:0.02em; text-transform:uppercase; font-size:13px; position:relative;}
.breadcrumb li.active{color:#fff; font-weight:600;}
.breadcrumb li:after{content:""; position:absolute; top:4px; right:15px; width:8px; height:8px; border:2px solid #fff; border-left:none; border-bottom:none; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.breadcrumb li:last-child{padding-right:0;}
.breadcrumb li:last-child:after{display:none;}
.breadcrumb li a{color:#fff;}
.breadcrumb li i{padding-right:4px;}


/* ****************************************************************************************** */
/* footer */
#ft{background:#3e4046;}
#footer a.logout, #footer a.tnb_admin { width: auto; color: #fff; padding: 5px 10px}



/* ****************************************************************************************** */
/* 타이틀 */
#container_title{display:block; padding:150px 0 100px; font-size:42px; font-weight:300; color:#fff;background-color: #111; position:relative; text-align:center;}
#container_title span{margin:0; line-height:1.33;position:relative;}
#container_title span:after{content:""; position:absolute; bottom:-12px; left:50%; width:48px; height:1px; background:#3e4046; 
	-webkit-transform:translateX(-50%); transform:translateX(-50%);}


/* ****************************************************************************************** */
/* input, textarea, select */
.gw_hidden{display:none;}
select{background: url(../img/select_arrow.svg) no-repeat; background-position:right 10px center; background-color:#fff;}
input{-webkit-border-radius:0; -webkit-appearance:none;}
input[type="checkbox"]{-webkit-border-radius:initial; -webkit-appearance:checkbox;}
input[type="text"],input[type="password"], textarea, select{
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	-webkit-border-radius:0;
	-webkit-appearance:none;
	outline:none;
}

input[type="text"]:focus,input[type="password"]:focus, textarea:focus, select:focus{
	-webkit-box-shadow: inset 0 0 0 0px #646873;
	-moz-box-shadow: inset 0 0 0 0px #646873;
	box-shadow: inset 0 0 0 0px #646873;
	border:1px solid #646873 !important;
}

input:-internal-autofill-selected {background-color:#fff !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important;}
input::-webkit-input-placeholder{line-height:1.33;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{border:1px solid #c5ccd7; border-radius:0; color:#3e4046;
-webkit-box-shadow:none; box-shadow:none;}
.frm_input{line-height:inherit;}
.form_require{font-weight:bold; color:#ff4338;}

/* hover 해제 */
*:hover{outline:none;}

/* 필수 입력 */
.required, textarea.required{background-image:url('../img/icon_require.svg') !important; 
	background-size:32px auto;}
.form_require{padding-left:2px; font-size:15px; color:#3e4046;}

/* 검색어 */
.sch_word{background:#fff; color:#646873; border-bottom:2px solid #96989c; }

/* 체크박스 재지정 */
.chk_box input[type="checkbox"]:checked + label span{background-color:#646873; border-color:#646873;}
.chk_box input[type="radio"] + label{margin-right:12px; padding-left:20px;}
.chk_box input[type="radio"] + label span{background:#fff;}
.chk_box input[type="radio"]:checked + label span{border-color:#96989c;}
.chk_box input[type="radio"]:checked + label span:before{background:#646873;}
.chk_box input[type="radio"]:checked + label{color:#3e4046}


.chk_box label {
  font-size: 18px;
  line-height: 2rem;
  padding: 0.2em 0.4em;
}

.radio_box span {
  vertical-align: middle;
}
.radio_box label { padding-right: 20px}

.radio_box [type="radio"] {
  vertical-align: middle;
  appearance: none;
  border: max(2px, 0.1em) solid gray;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  background-color: #fff;
  transition:all .3s ease;
}

.radio_box [type="radio"]:checked {
  border: 0.4em solid tomato;
}

.radio_box [type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted tomato;
}

.radio_box [type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) lightgray;
  cursor: pointer;
}

.radio_box [type="radio"]:disabled {
  background-color: lightgray;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

.radio_box [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

/* 작성자 a태그 */
#bo_v_info .sv_member, .sv_member{color:#646873;}


/* ****************************************************************************************** */
/* 버튼 */
a.btn, .btn{height:38px; line-height:38px; padding:0 16px; font-weight:400;}
a.btn_b02, .btn_b02{background:#646873;}
a.btn_b02:hover, .btn_b02:hover{background:#868992; box-shadow:0 2px 5px 0 rgba(0,0,0,0.2); font-weight:400;}
.btn_submit{border-radius:0;}
.btn_submit:hover{background-color:#868992; box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);}


/* 관리자 버튼 */
a.btn_admin, .btn_admin{color:#646873; font-weight:400;}
.btn_b01:hover, .btn_b01:hover{color:#3e4046;}
.btn_admin:hover, a.btn_admin:hover{color:#fd574e; font-weight:bold;}
i.fa-spin{animation:none;}


/* 버튼 transition */
[class^="btn"]{-webkit-transition:all .3s ease; transition:all .3s ease;}


/* ****************************************************************************************** */
/* pagination */
.pg_wrap{float:none; display:inherit; text-align:center;}
.pg_page, .pg_current{color:#8c8d90;}
.pg_page{border:1px solid #fff;}
.pg_current{background:#f7f8f9; border:1px solid #f7f8f9;}


/* ****************************************************************************************** */
/* 새글 게시판 */
.tbl_head01{margin-bottom:48px;}
.tbl_head01 tr:hover{background:#fafafa;}
.tbl_head01 thead th{height:60px; padding:10px 5px;}
.tbl_head01 td{position:relative;}
.td_board{width:160px; text-align:left;}
.td_name{width:120px;}

/* 게시판 group */
.gw_group{margin:0 -12px; padding-bottom:100px; font-size:0;}
.gw_group .gw_group_inner{display:inline-block; width:calc(33.3333% - 24px); margin:0 12px 24px; vertical-align:top;}
.gw_group .gw_group_inner .lt_more{font-size:18px;}


/* ****************************************************************************************** */
/* 게시판 list 게시글 이동, 복사 */
.copymove_currentbg{background:#fafafa;}
.copymove_current{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#fd574e;
	width:48px; padding:4px 0; border-radius:12px; text-align:center;}
.new_win .btn_submit, .new_win .btn_close{height:36px;}
.new_win .btn_submit{font-weight:400; font-size:14px;}
.new_win .btn_close{width:64px; margin-left:3px; background:#fff; border-radius:0; color:#646873; }

/* 게시판 view 게시판의 본문 글씨체 강제 지정 */
#bo_v_con *{font-family:'Lato', 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif !important;}

/* 게시판 write 임시저장글 */
a.btn_frmline, button.btn_frmline{line-height:38px; background:#3e4046; border-radius:2px; font-size:13px;}

/* 게시판 write 스마트 에디터 단축키 */
.btn_cke_sc, 
.btn_cke_sc_close{height:28px; border:1px solid #c5ccd7; background:#fff; font-size:13px;}
.btn_cke_sc_close{padding:0 10px;}
.cke_sc_def{margin:5px 0; border:0; background:#fafafa;}


/* ****************************************************************************************** */
/* 회원 옵션 */
.sv_wrap .sv{background:#fff; border:1px solid #b8bfc4; box-shadow:0 0 6px 0 rgba(0,0,0,0.2);}
.sv_wrap .sv:before{top:-8px; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent; }
.sv_wrap .sv:after{content:""; position:absolute; top:-6px; left:15px; width:0; height:0; border-style:solid; 
	border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent;}
.sv_wrap .sv a{padding:2px 10px; border-bottom:1px solid #dde0e3; color:#6b757c; font-size:13px; text-align:center;}
.sv_wrap .sv a:hover{background:inherit; color:#000;}
.new_win #win_title{height:auto; padding:20px 16px 20px; line-height:1; color:#3e4046; text-align:center;}
.new_win .win_ul li{border:1px solid #96989c;}
.new_win .win_ul li a{padding:4px 0; color:#3e4046;}
.new_win .win_ul .selected{background:#646873; border-color:#646873;}
.new_win .win_desc{background:#f7f7f7; color:#646873;}
.new_win .win_desc:after{display:none;}
.new_win .win_total{position:absolute; float:none; top:50%; right:16px; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#3e4046;}
#memo_write .win_btn > .reply_btn{height:45px; font-size:14px; font-weight:400;}
#memo_list h1#win_title{padding:20px 16px; position:relative;}
#formmail .frm_info{color:#646873;}
.reply_btn{line-height:44px;}


/* ****************************************************************************************** */
/* 회원가입약관 sns */
#sns_register{margin-bottom:100px; padding:24px; border-radius:0; background:#fafafa; position:relative;}
#sns_register:before{content:""; position:absolute; bottom:-50px; left:0; width:100%; height:1px; background:#646873; }
#sns_register:after{content:"OR"; visibility:unset; position:absolute; bottom:-58px; left:50%; width:80px; height:auto; -webkit-transform:tranlateX(-50%);
	transform:translateX(-50%); background:#fff; font-size:16px;}
#sns_register h2{height:auto; padding:0 0 12px; line-height:unset; text-align:center;}
#sns_register h2, #sns_register .sns-wrap{float:none; display:block; width:100%; font-size:16px;}
#sns_register .sns-wrap{height:auto; padding:0; line-height:unset; text-align:center;}
.login-sns{border:0;}





/* ****************************************************************************************** *
 * main page
 * ****************************************************************************************** */

/* main 영역 공통 */
.main_section{padding:130px 0 130px;}
.main_boundary{max-width:1920px; width:100%; margin:0 auto; padding: 0 140px;}
.main_section .title{text-align:center;}
.main_section .title a{color:#646873;}
.main_section .title > span{display:inline-block; margin-bottom:4px; padding:2px 4px; text-transform:uppercase; font-size:14px; font-weight:600; letter-spacing:0.05em;
	color:#acafb9; border-top:1px solid #acafb9; border-bottom:1px solid #acafb9;}
.main_section .title > h1{padding-bottom:48px; color: #111; font-size:56px; font-weight:900; text-align: left; letter-spacing:-0.1px ; text-transform: uppercase; } 
.main_section .title > h2{padding-bottom:48px; color: #111; font-size:42px; font-weight:300; letter-spacing:-0.1px ; text-transform: uppercase} 
.main_back_color{background:#f5f6f7;}
@media screen and (max-width:1760px) {
  .main_boundary{ padding: 0 50px;}
}



/* main 소개 */
.main_intro .main_boundary{position:relative;}
.main_intro .keyword{position:absolute; bottom:-185px; right:0; font-size:160px; font-weight:600; color:transparent; text-shadow:0 0 10px rgba(35,122,184,.3);}
.main_intro .content{text-align:center;}
.main_intro .content > h4{padding-bottom:10px; font-size:20px;}
.main_intro .content > p{padding-bottom:6px;line-height:1.75; font-size:16px;}
.main_intro .content > p > span{display:block;}
.main_intro .buy_box{padding-top:2rem;}
.main_intro .btn_buy{display:inline-block; padding:.75rem 2rem; border-radius:2rem; background:#5bb6e2; color:#fff; letter-spacing:0.05em;
	-webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.main_intro .btn_buy:hover{box-shadow:0 1rem 2rem 0 rgba(0,0,0,0.15)}

/* main 아이콘 */
.main_icon_area{background: rgb(35,122,184); background: linear-gradient(45deg, rgba(35,122,184,1) 0%, rgba(91,182,226,1) 100%);}
.main_icon_area .icon_box{font-size:0;}
.main_icon_area .icon_item{display:inline-block; width:33.3333%; font-size:15px; text-align:center; vertical-align:top; color:#fff;}
.main_icon_area .icon_item > figure{width:80px; height:80px; margin:0 auto; padding:0; background:#fff; border-radius:50%; position:relative;}
.main_icon_area .icon_item > figure > img{position:absolute; top:50%; left:50%; -webkit-tranform:translate(-50%, -50%); transform:translate(-50%,-50%);}
.main_icon_area .icon_item > .txt > h4{padding:16px 0 12px; font-size:16px;}


/* main_lastest_gall */
.main_lastest { width: 100%; display: inline-block;  }
.fastcar .latest_item h5 { display: inline-block; font-size: 24px; font-weight: 400; color: #111; padding: 0px 0 15px;}
.fastcar .latest_item h5 .cnt { font-size: 32px; color: #a17751 }
.fastcar .latest_item .more_btn {float: right; font-size: 15px; display: inline-block; font-weight: 400; background-color: #fff; margin-top: 10px; border: #eee 1px solid; padding: 0 15px; line-height: 30px; border-radius: 15px;}
.fastcar .latest_item .more_btn:hover { border-color: #999 } 
.main_lastest.main_section.fastcar {background-color: whitesmoke; }
.main_lastest.fastcar .fastcar_bnr { position: relative; width: 35%; float: left; display: block; padding-top: 28%; background: url("/images/main/fastcar_bnr2.jpg") center no-repeat; background-size: cover; color: #fff; border-radius: 12px; margin-right: 50px; overflow: hidden}
.main_lastest.fastcar .fastcar_bnr h2 { position: absolute; top:40px; left: 50px; font-size: 38px; line-height: 1.2; z-index: 2}
.main_lastest.fastcar .fastcar_bnr h4 { position: absolute; top:150px; left: 50px; font-size: 24px; font-weight: 300; z-index: 2}
.main_lastest.fastcar .gw_gl_s_box { width: calc(65% - 50px); float: left; display: block}
.main_lastest_video.main_section { /*padding-left: 126px; padding-right: 126px;*/ background-color: whitesmoke }


/* main 모델영역 */
.main_section.models { background-color: #111; color: #fff }
.main_section.models .title > h2 { color: #fff }

@media screen and (max-width:1023px) { 
  .main_section.feature .swiper-slide { height: 270px }
  .main_section.feature .txt-div {padding: 50px 50px 10px;}
}
@media screen and (max-width:767px) { 
  .main_lastest.fastcar .fastcar_bnr { width: 100%; margin-right: 0; padding-top: 50%; }
  .main_lastest.fastcar .fastcar_bnr h2 { font-size: 24px; top: 30px; left: 30px;}
  .main_lastest.fastcar .fastcar_bnr h4 { top: auto; bottom: 30px; left: 30px; font-size: 15px; }
  .main_section.feature .swiper-slide { height: 180px }
  .main_section.feature .txt-div {padding: 30px 20px 10px;}
  .main_lastest.fastcar .gw_gl_s_box { width: 100%; }
  .fastcar .latest_item h5 { font-size: 17px; padding-top: 35px; letter-spacing: -1px }
  .fastcar .latest_item h5 .cnt { font-size: 23px; }
  .fastcar .latest_item .more_btn { margin-top: 34px; }
  .main_lastest.fastcar .gall_row .col-gn-3 { width: 50%; }
  .main_lastest.fastcar .gall_row .col-gn-3:nth-child(3) { display: none}
}
@media screen and (max-width:480px) { 
  .main_lastest.fastcar .gall_row .col-gn-3 { width: 100%; padding-bottom: 20px }
}

/* 회사소개 영역 */
section.main_company .company { width: 50%; display: inline-block; float: left; margin-bottom: 100px}
section.main_company .box { width: 50%; float: left }
section.main_company .box .wrap {margin-left: 15px;margin-right: 15px;padding-bottom: 100%; background: #eee;position: relative;overflow: hidden;padding-left: 45px;padding-right: 45px;background-repeat: no-repeat;background-size: cover;}
section.main_company .latest_container { width: 50%; display: inline-block; }

@media screen and (max-width:1760px) {
  section.main_company .box .wrap { margin-left: 0; }
}

@media screen and (max-width:1023px) {  
  section.main_company .company { width: 100%; margin-bottom: 15px }
  section.main_company .latest_container { width: 100%}
  section.main_company .box:last-child .wrap {margin-right: 0;}
}

section.main_company .company .box .wrap h2,
section.main_company .company .box .wrap p { position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s; }

section.main_company .company .box .wrap:hover { transition: all 0.3s ease-in-out; }
section.main_company .company .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
section.main_company .company .box .wrap h2 { top: 66%; transform: translate3d(0, 60px, 0); font-size: 24px; font-weight: 600; letter-spacing: 1px; -webkit-transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0); }
section.main_company .company .box .wrap p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 16px;letter-spacing: 1px;}
section.main_company .company .box .wrap:before {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;bottom: -100%;left: 0;}
section.main_company .company .box .wrap:hover:before {bottom: 0;}
section.main_company .company .box .wrap:hover h2 {bottom: 40px;transform: translate3d(0, 20px, 0);}
section.main_company .company .box .wrap:hover p {opacity: 1;transform: translate3d(0, -30px, 0);}
@media screen and (max-width:767px) { 
  section.main_company .box .wrap {padding-left: 15px;padding-right: 15px;}
  section.main_company .company .box .wrap h2 { top: auto; bottom: 15px; transform: translate3d(0, 0px, 0); font-size: 18px;letter-spacing: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }
}


/* main 버튼 */
.main_section .btn_set { width: 100%; display:inline-block; text-align: center; margin-top: 20px}
.main_section .btn_more { border: #999 1px solid; width: 200px; height: 45px; line-height: 45px; display:inline-block; font-weight: 600}
.main_section .btn_more:hover { color: #fff; background:#111; border: #111 1px solid;}


.tgl {
    display: none;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
    box-sizing: border-box;
}

.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl+.tgl-btn::-moz-selection {
    background: none;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
    background: none;
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 50px; /* 전체 가로사이즈 */
    height: 25px; /* 전체 세로사이즈 */
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.tgl+.tgl-btn:after {
    left: 0;
}

.tgl+.tgl-btn:before {
    display: none;
}

.tgl:checked+.tgl-btn:after {
    left: 50%;
}

.tgl-ios+.tgl-btn {
    background: #ccc; /* 체크전 백그라운드 컬러 */
    border-radius: 2em;
    padding: 2px;
    margin-top: 10px;
    transition: all .4s ease;
    border: 1px solid #e8eae9;
}

.tgl-ios+.tgl-btn:after {
    border-radius: 2em;
    background: #fff; /* 버튼컬러 */
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.tgl-ios+.tgl-btn:hover:after {
    will-change: padding;
}

.tgl-ios+.tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
}

.tgl-ios+.tgl-btn:active:after {
    padding-right: .8em;
}

.tgl-ios:checked+.tgl-btn {
    background: #0099ff; /* 체크후 백그라운드 컬러 */
}

.tgl-ios:checked+.tgl-btn:active {
    box-shadow: none;
}

.tgl-ios:checked+.tgl-btn:active:after {
    margin-left: -.8em;
}



/* ==============================
         카격표 테이블
================================= */
#price-module { color: #111}
#price-module h1.title { font-size: 48px; font-weight: 600; letter-spacing: -.01em; text-align: center; padding-top: 30px}
#price-module h2 { padding:50px 0 30px}
#price-module h6 { padding:50px 0 20px; font-size: 23px; letter-spacing: -.03em; text-align: left; font-weight: 400}
#price-module .price-table01 { width: 100%; border-top: #111 1px solid; border-bottom: #aaa 1px solid; text-align: center }
#price-module .price-table01 h3 { font-weight: 600; font-size: 40px; line-height: 1.35; }
#price-module .price-table01 h3 em { font-size: 20px; font-weight: 500; font-style: normal}
#price-module .price-table01 th,
#price-module .price-table01 td { padding: 10px; }
#price-module .price-table01 tr { }
#price-module .price-table01 thead th { color: #05141f; background: #eee; font-size: 26px  }
#price-module .price-table01 thead td { padding: 30px}
#price-module .price-table01 tbody th { color: #05141f; background: #eee; font-size: 18px; border-top: #fff 1px solid; font-weight: 500}
#price-module .price-table01 tbody tr:first-child th { border-top: 0}
#price-module .price-table01 tbody td { text-align: left; vertical-align: text-top; border-left: #ddd 1px solid; padding: 20px 30px}
#price-module .price-table01 tbody td:first-child, #price-module .price-table01 tbody td.noline {border: 0}
#price-module .price-table01 tbody td strong {padding-left: 10px; font-weight: 600}
#price-module p.ps { text-align: left;  padding-bottom:20px; }
/*#price-module .price-table01 tbody td strong:before { content: " - "}*/
#price-module button.tablinks { font-size: 18px; width: 80px; margin-left: 20px; background-color: #fff; border-radius: 4px }

@media (max-width:768px) {
	#price-module .price-table01 { font-size: 12px; letter-spacing: -1px}
	#price-module h2 { padding:20px 0 10px; font-size: 22px}
	#price-module h6 { padding:20px 0 5px; }
	#price-module .price-table01 h3 { font-size: 18px }
	#price-module .price-table01 h3 em { font-size: 13px;}
	#price-module .price-table01 th,
	#price-module .price-table01 td { padding: 8px 5px; }
	#price-module .price-table01 thead th { font-size: 14px; }
	#price-module .price-table01 thead td { padding: 10px 5px}
	#price-module .price-table01 tbody th { font-size: 13px; }
	#price-module .price-table01 tbody td { padding: 10px 5px}
	#price-module .price-table01 tbody td strong {padding-left: 5px;}
	#price-module button.tablinks { font-size: 14px; width: 55px; margin-left: 10px; }
}


#price-module .price-table02 { width: 100%; margin:0; border-top: #111 1px solid; border-bottom: #aaa 1px solid}
#price-module .price-table02 h3 { font-weight: 600 }
#price-module .price-table02 h3 em { font-size: 20px; font-weight: 500; font-style: normal}
#price-module .price-table02 th,
#price-module .price-table02 td { padding: 10px; }
#price-module .price-table02 tr { }
#price-module .price-table02 thead th { color: #05141f; background: #eee; font-size: 26px  }
#price-module .price-table02 thead td { padding: 30px}
#price-module .price-table02 tbody th { color: #05141f; background: #eee; font-size: 18px; border-top: #fff 1px solid; font-weight: 500}
#price-module .price-table02 tbody tr:first-child th { border-top: 0}
#price-module .price-table02 tbody td { text-align: left; vertical-align: text-top; border-left: #ddd 1px solid; padding: 20px 30px}
#price-module .price-table02 tbody td:first-child {border: 0}


/* sns 공유 */
.btn_sns_link { cursor: pointer}
#sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.gw_m_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.gw_m_sns:after {display:block;visibility:hidden;clear:both;content:""}
.gw_m_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.gw_m_sns #bo_v_sns {padding:15px;display:block}
.gw_m_sns .sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.sns_wrap_bg {background:#000;background:rgba(0,0,0,0.85);width:100%;height:100%}

#bo_v_sns div,
#bo_v_sns a,
#bo_v_sns img,
#bo_v_sns i {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#bo_v_sns > a { position:relative; width:50px; height:50px; margin:0px 5px; overflow:hidden; border-radius:10px; line-height:50px; font-size:18px; color:#fff; text-align:center; display:inline-block; }
#bo_v_sns a.facebook { background-color: #4267B2; }
#bo_v_sns a.twitter { background-color: #40bff5; }
#bo_v_sns a.google-plus { background-color: #eb5e4c; }
#bo_v_sns a.item_copy { background:#000; }
#bo_v_sns a img { width:50px; height:50px; float:left; }
#bo_v_sns a > i { font-size:25px; line-height:50px; }

@media all and (max-width: 768px) {
#bo_v_sns a { position:relative; width:40px; height:40px; margin:0px 3px; line-height:40px; font-size:15px; }
#bo_v_sns a img { width:40px; height:40px; }
#bo_v_sns a > i { font-size:20px; line-height:40px; }
}

#detail-nav li .btn_sns_link { width: 45px; height: 45px; line-height: 45px; border: #ddd 1px solid; border-radius:50%; font-size: 18px; margin-top: 12px; padding: 0; font-weight:400 }
#detail-nav li .btn_sns_link span { display: none; font-size:18px; font-weight:400 }
@media only screen and (max-width: 980px) {
  #detail-nav li .btn_sns_link { width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 8px; }
}
@media all and (max-width: 768px) {
  #detail-nav li .btn_sns_link { display: none; margin-top: -120px; }
}


#sub-nav { position: absolute; left: 0; margin-top: -50px; width: 100%; display: inline-block; text-align: center; /*border-top: #555 1px solid;*/ border-bottom: #eee 1px solid; background: #fff; z-index: 1; webkit-transition:all .4s ease; transition:all .4s ease;}
#sub-nav.fixed { position: fixed; top:60px; margin-top: 0; z-index: 99; -webkit-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1);
-moz-box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1); box-shadow:1px 1px 8px 0px rgba(0,0,0,0.1)}
#sub-nav > ul { margin: 0 auto; }
#sub-nav > ul > li { display: inline-block; padding: 0 35px;}
#sub-nav > ul > li > a { font-size: 16px; color: #999; font-weight: 400; display: inline-block; padding: 20px 0;  webkit-transition:all .5s ease; transition:all .5s ease; }
#sub-nav.fixed > ul > li > a{ padding: 16px 0; }
#sub-nav > ul > li > a.on {color: #111; font-weight: 500; position: relative}
#sub-nav > ul > li > a.on:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; display: inline-block; background-color: #111}
#sub-nav > ul > li > a:hover { color: #666 }
@media all and (max-width: 768px) {
  #sub-nav { margin-top: 0 }
  #sub-nav > ul > li { padding: 0;}
  #sub-nav > ul > li > a { padding: 16px 16px; letter-spacing: -1px }
  #sub-nav.fixed > ul > li > a{ padding: 16px 16px; }
}

/* 모달 */
.blocker{position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:20px; z-index:1; box-sizing:border-box; 
	background-color: rgb(0,0,0); background-color:rgba(0,0,0,0.85); text-align:center; z-index:9999;}
.blocker:before{content:""; display:inline-block; height:100%; vertical-align:middle; margin-right:-0.05em;}
.blocker.behind{background-color:transparent;}

.modal {display:none; vertical-align:middle; position:relative; z-index:2; max-width:1200px; width:90%; height:85%; box-sizing:border-box;
	background: #fff; padding:30px 30px 0; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;
	border-radius:8px; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;
	box-shadow: 0 0 10px #000; text-align:left; -webkit-transition:all .3s ease; transition:all .3s ease;}
.modal a.close-modal {position:absolute; top:-40px; right:0; display:block; width:30px; height:30px; text-indent:-9999px; border-radius:50%; 
	background:url('/img/icon_close_white.svg') no-repeat center center; background-size:28px auto; }
.modal-spinner {display:none; position:fixed; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); height:20px; padding:12px 16px; border-radius:5px;background-color:#111;}
.modal-spinner > div {border-radius:100px; background-color:#fff; height:20px; width:2px; margin:0 1px; display:inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;}
.modal-spinner .rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.modal-spinner .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.modal-spinner .rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}

.modal > section::-webkit-scrollbar { background: transparent;  width: 8px; }
.modal > section::-webkit-scrollbar-thumb {
    background-color: #dadbdc;
    border: 2px solid #fff;
    border-radius: 8px;
}
.modal > section::-webkit-scrollbar-thumb:hover { border: 2px solid #dadbdc;}

@media screen and (max-width:480px) {
	/* view modal */
	.modal{width:100%; padding:16px 16px 0;}
}

/*******************
custom modals
******************/
.custom-modal .close-btn {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #8d97ad;
  font-size: 25px;
  background: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  display: block;
  border-radius: 100%;
  line-height: 19px; }

.custom-modal .modal-body {
  overflow: hidden; }

.custom-modal .modal-bg-img {
  background-size: cover;
  background-position: center center;
  min-height: 300px; }

/*******************
Modal in center
*******************/
.modal-dialog {
  min-height: calc(100vh - 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
  @media (max-width: 768px) {
    .modal-dialog { min-height: calc(100vh - 20px); } 
  }
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0;
}
.modal-header .close {
    padding: 1rem;
    margin: -1rem -0.5rem -1rem auto;
}
.modal-header .close {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  float: right;
  font-size: 60px;
  font-weight: 100;
  line-height: 1;
  color: #000;
  opacity: .5;
  position: absolute;
  top:0;
  right: 0;
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-control {
    padding: 0 .75rem ;
    border: 2px solid rgba(120, 130, 140, 0.13);
}
select.form-control { padding: 0 10px !important}
.modal-title { font-size: 23px; letter-spacing: -.03em; font-weight: 500; color: #111}

.layer_wrap {
  width: 100vw;
  height: 100vh;
  width: 100%;
  height: 100%;
  position:fixed; top:0; left:0;
    z-index:9999; 
  }
  .popup-bg { background: rgba(0,0,0,0.8); z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; }
  .layer_popup {
  position:absolute;
  z-index:99999;
  width:100vw;
  height: 100vh;
  width: 100%;
    overflow-y: auto;
    padding: 20px
  }
  .layer_popup .today{margin-left:10px; color:#fff;line-height: 40px;}
  .layer_popup .close-pop{padding-right: 10px; }
  .layer_popup .close-pop a {
  color:#fff !important;
  }
  .list-group-item {border: 0}
  .modal-dialog {width: 650px;}
  
  @media (max-width:750px) {
    .modal-dialog { width: 100%; }
  }
  #layer_pop { display: none }
  .modal-content .btm-btn-set .btn { height: auto; border-radius: 0}

/*******************
Buttons
******************/
.btn {
  color: #ffffff;
  padding: 10px 25px;
  cursor: pointer;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s; }
.btn:hover {
  color: #ffffff; }
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #263238;
  padding: 10px 15px; }
  .btn-link .underline {
    border-bottom: 1px solid #263238; }
  .btn-link:hover {
    color: #2cdd9b; }

.btn-light {
  color: #263238; }
  .btn-light:hover {
    background: #263238;
    color: #ffffff;
    border-color: #263238; }

.btn-lg {
  padding: .75rem 1.5rem;
  font-size: 1.25rem; }

.btn-md {
  padding: 15px 45px;
  font-size: 16px; }

.btn-sm {
  padding: .25rem .5rem;
  font-size: 12px; }

.btn-xs {
  padding: .25rem .5rem;
  font-size: 10px; }



@media (max-width:780px){
  .btm-btn-set .btn.btn-lg { padding: .75rem 1.5rem; font-size: 1.25rem; }
}

@media (max-width:480px){
  .btm-btn-set .btn.btn-lg { padding: .75rem 1.5rem; font-size: 1.25rem; }
}

/* 하단 클라이언트 메뉴 */
.cm-links {/*float: left; */clear: none; width: 100%; padding-top: 60px; padding-bottom: 100px;}
.cm-links .cm-link-inner { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; justify-content: space-between; /*max-width: 84pc;*/ width: 100%; margin: 0 auto;}
.cm-links .cm-link-inner a { color: #111; background-color: #f8f8f8; height: 184px; padding: 24px 30px; position: relative; text-align: left;  -webkit-transition: all .4s; transition: all .4s; width: calc(25% - 18px); font-size: 18px; font-weight: 400; letter-spacing: normal; line-height: 1.43; }
.cm-links .cm-link-inner a span { font-size: 15px; letter-spacing: -0.5px; display: block; position: absolute; bottom: 30px; right: 30px; }
.cm-links .cm-link-inner a:hover { color: #fff; background-color:#ab9b85; -webkit-transition: all .4s; transition: all .4s; }
.cm-links .cm-link-inner a .cm-icon { padding-left: 5px; padding-bottom: 10px; filter: brightness(0%);  -webkit-transition: all .4s; transition: all .4s;}
.cm-links .cm-link-inner a:hover .cm-icon {filter: brightness(100%)}

@media screen and (max-width:780px) {
	.cm-links.gw_boundary { padding: 0 20px; }
	.cm-links .cm-link-inner { gap: 5px}
	.cm-links .cm-link-inner a { padding: 24px 20px; width: calc(25% - 5px);}
}
@media screen and (max-width:480px) {
	.cm-links { display:none}
	.cm-links.gw_boundary { padding: 0; }
	.cm-links .cm-link-inner { display:inline-block }
    .cm-links .cm-link-inner a { padding: 15px 20px; width: calc(50% - 2px); display:inline-block }
}

/* 배경색상  */
.bg-gray {background: rgba(232, 235, 240, 0.3) }
.bg-gray-blue { background-color: #F3F6FA;}
.bg-light-blue { background-color: #EBF4FF; }
.bg-beige { background-color: #f6f3f2 }
.bg-black { background-color: #111; color: #fff }
.bg-black0 { background-color: #000; color: #fff }


/* 배경이미지 */
.bg-full-img { position: relative; overflow:hidden;transform:scale(.85);width:100%; padding-top: 50%}
.bg-full-img img{position:absolute; width: 100%; top:71px; left: 0; transition:all .4s}
.bg-full-img.aos-animate{transform:scale(1)}
#interior .bg-full-img img { top:74%}

@media all and (max-width: 768px) {
  .bg-full-img { padding-top: 45%}
  .bg-full-img img { top:0; transform: translateY(50px);}
  #interior .bg-full-img img { top:226%}
}




/** 모델 상세페이지 **/
#bo_v_atc { color: #05141f}
.model_v_wrap { width: 100%; text-align: center; position: relative }
.model_v_wrap section { position: relative}
.model_v_wrap .tit { padding: 150px 0; display: inline-block; width: 100%;}
.model_v_wrap .tit h6 { font-size: 22px; /*color: #93775b*/}
.model_v_wrap .tit .en { font-weight: 100 }
.model_v_wrap .tit h1 { font-size: 50px; line-height: 1.25; letter-spacing: -.15rem; margin-top:20px; font-weight: 400}
.model_v_wrap .tit h1 strong { font-weight: 600} 
.model_v_wrap .tit h3 { font-size: 26px; font-weight: 300; margin-top: 15px; letter-spacing: -.5px; color: #111 }
.model_v_wrap .box.tit > p.info { position: absolute; left: 0; bottom: 0; font-size: 16px; font-weight: 400; padding-bottom: 20px; letter-spacing: -.5px; color: #666 }
.model_v_wrap .tit.left-txt { text-align: left; }

.model_v_wrap #highlight { padding-top: 80px; }
.model_v_wrap #sheet_fn { margin-top: 80px; }
.model_v_wrap #exterior { margin-top: 80px}
.model_v_wrap #exterior .tit { padding-bottom: 0 }
.full-img { width: 100%; height: auto; padding-top: 50%; background-position: center !important; background-size: cover;position: relative; overflow: hidden; background-repeat: no-repeat;}

@media only screen and (max-width: 980px) {
  .model_v_wrap .tit h1 { font-size: 40px; }
  .model_v_wrap .tit h6 { font-size: 18px; }
}
@media only screen and (max-width: 768px) {
  .model_v_wrap .tit { padding: 80px 20px; }
  .model_v_wrap .tit h1 { font-size: 22px; margin-top: 15px;}
  .model_v_wrap .tit h6 { font-size: 13px; }
  .model_v_wrap .tit h3 { font-size: 15px; letter-spacing: -1px }
  .model_v_wrap .box.tit > p.info { font-size: 13px; bottom: -260px; }
}

/** 모델 상세페이지 갤러리 타입 **/
.t_line { border-top: rgba(0, 0, 0, .2) 1px solid}
.b_line { border-bottom: rgba(0, 0, 0, .2) 1px solid}
.lt_line { border-left: rgba(0, 0, 0, .2) 1px solid}
.rt_line { border-right: rgba(0, 0, 0, .2) 1px solid}

#bo_v .btn_set { width: 100%; margin: 50px 0; display: inline-block}
#bo_v .btn_set .btn01 { border: #111 1px solid; width: 300px; height: 56px; margin: 0 5px; line-height: 56px; font-size: 16px; color: #111}
#bo_v .btn_set .btn01:first-child { color: #fff; background-color: #111}

.dv_type01 { width: 100%; display: inline-block; padding: 100px 0 0;}
.dv_type01 .gall_wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; justify-content: space-between; /*max-width: 84pc;*/ margin: 0 auto; }
.dv_type01 .gall_wrap .box { color: #111; background-color: #f8f8f8; position: relative; text-align: left;  -webkit-transition: all .4s; transition: all .4s; width: calc(33.3% - 15px); margin-top: 12px; margin-bottom: 12px;}
.dv_type01 .gall_wrap .box .wrap { padding-top: 100%; background: #eee;position: relative;overflow: hidden;padding-left: 45px;padding-right: 45px;background-repeat: no-repeat;background-size: cover; position: relative}
.dv_type01 .gall_wrap .box .wrap img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; z-index: 1;  }
.dv_type01 .gall_wrap .box h2,
.dv_type01 .gall_wrap .box p { position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s; }
.dv_type01 .gall_wrap .box .wrap:hover { transition: all 0.3s ease-in-out; }
.dv_type01 .gall_wrap .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
.dv_type01 .gall_wrap .box .wrap h2 { top: 76%; transform: translate3d(0, 60px, 0); font-size: 24px; font-weight: 600; letter-spacing: 0px; -webkit-transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0); }
.dv_type01 .gall_wrap .box .wrap p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 16px;letter-spacing: 0px; padding-right: 80px}
.dv_type01 .gall_wrap .box .wrap:before {content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;bottom: 0;left: 0;}
.dv_type01 .gall_wrap .box .wrap:hover:before {bottom: 0; height: 100%;}
.dv_type01 .gall_wrap .box .wrap:hover h2 {bottom: 70px;transform: translate3d(0, 0px, 0);}
.dv_type01 .gall_wrap .box .wrap:hover p {opacity: 1;transform: translate3d(0, -30px, 0);}
.dv_type01 .gall_wrap .box .wrap:hover i { right: 0}
.dv_type01 .gall_wrap .box.x2 { width: calc(67% - 11px); } 
.dv_type01 .gall_wrap .box.x2 .wrap { padding-top: 48.7%; }
.dv_type01 .gall_wrap .box.x2 .wrap img { width: 100%; height: auto}
.dv_type01 .gall_wrap .wrap i { width: 40px; height: 40px; line-height: 40px; display: inline-block; background-color: rgba(0, 0, 0, .5); font-size: 20px; position: absolute; color: #fff; text-align: center; bottom: 0; right: -40px; z-index: 2;  -webkit-transition: all .4s; transition: all .4s;}
.dv_type01 .box.tit { background-color:transparent; padding: 50px 0; padding-right: 50px; }
.dv_type01 .box.tit h1 { font-size: 52px; font-weight: 600; }
.dv_type01 .box.tit h3 { font-size: 34px; font-weight: 500; margin-top: 15px; letter-spacing: -.5px }
.dv_type01 .box.tit h4 { font-size: 18px; font-weight: 400; padding-top: 50px; }

@media only screen and (max-width: 980px) {
  .dv_type01 { padding-top: 80px; }
  .dv_type01 .gall_wrap { gap: 10px; }
  .dv_type01 .box.tit { padding: 0px; padding-right: 10px; }
  .dv_type01 .box.tit h1 { font-size: 30px; margin-top: 4px; }
  .dv_type01 .box.tit h3 { font-size: 20px; margin-top: 5px; }
  .dv_type01 .box.tit h4 { font-size: 12px; padding-top: 18px; }
  .dv_type01 .gall_wrap .box { width: calc(33.3% - 10px); margin-top: 5px; margin-bottom: 8px;}
  .dv_type01 .gall_wrap .box.x2 { width: calc(67% - 7px); }
  .dv_type01 .gall_wrap .box .wrap { padding-left: 10px; padding-right: 20px; }
  .dv_type01 .gall_wrap .box .wrap h2 { font-size: 14px; top: 58%; }
  .dv_type01 .gall_wrap .box .wrap p { font-size: 11px; padding-right: 20px; }
  .dv_type01 .gall_wrap .box .wrap:hover p {transform: translate3d(0, -10px, 0);}
  .dv_type01 .gall_wrap .wrap i { font-size: 12px; width: 25px; height: 25px; line-height: 25px;}
}
@media only screen and (max-width: 768px) {
  .dv_type01 { padding-bottom: 30px ;}
  .dv_type01 .box.tit h1 { font-size: 35px; margin-top: 0px; }
  .dv_type01 .box.tit h3 { font-size: 28px; margin-top: 2px; }
  .dv_type01 .box.tit h4 { font-size: 15px; padding-top: 20px; letter-spacing: -1px; }
  .dv_type01 .box.tit h4 br { display: none}
  .dv_type01 .gall_wrap {display: block}
  .dv_type01 .gall_wrap .box { float: left; width: calc(50% - 5px); margin-top: 10px; margin-bottom: 0; display: inline-block}
  .dv_type01 .gall_wrap .box:first-child { width: 100%; padding-bottom: 25px }
  .dv_type01 .gall_wrap .box:nth-child(2) { margin-right: 10px; }
  .dv_type01 .gall_wrap .box:last-child {  }
  .dv_type01 .gall_wrap .box.x2 { width: 100%; padding-bottom: 0 }
  .dv_type01 .gall_wrap .box.x2 .wrap { padding-top: 50%; }
  .dv_type01 .gall_wrap .box .wrap { padding-left: 15px; padding-right: 10px; }
  .dv_type01 .gall_wrap .box .wrap h2 { top: 48%; }
  .dv_type01 .gall_wrap .box .wrap:hover h2 { bottom: 0; }
  .dv_type01 .gall_wrap .box .wrap p { display: none; font-size: 10px; padding-right: 10px; }
  .dv_type01 .gall_wrap .box.b_line { border-bottom:0}
}


.dv_type02 { position: relative; overflow:hidden; ;width:100%; padding-bottom: 100px}
.dv_type02 img.bg-img { position:absolute; top:180px; left: auto; right: -30%; transform: translate(0, -50%); height: auto; width: 100%; opacity: .15; z-index:0;}
.dv_type02 .dv_inner { width: 100%; top:0px; z-index: 1 }
.dv_type02 .gall_wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; justify-content: space-between; /*max-width: 84pc;*/ margin: 0 auto;  width: 100% }
.dv_type02 .gall_wrap .box { color: #111; position: relative; text-align: left; -webkit-transition: all .4s; transition: all .4s; width: calc(25% - 10px); margin-bottom: 12px;}
.dv_type02 .gall_wrap.col-3 .box { width: calc(33.3% - 10px); }
.dv_type02 .gall_wrap .box .wrap { padding-top: 70%; position: relative;overflow: hidden;padding-left: 25px;padding-right: 25px;background-repeat: no-repeat;background-size: cover; position: relative}
.dv_type02 .gall_wrap .box .wrap img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width:auto; z-index: 1;  -webkit-transition: all .4s; transition: all .4s; }
.dv_type02 .gall_wrap .box h2,
.dv_type02 .gall_wrap .box p {position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s;}
.dv_type02 .gall_wrap .box .wrap:hover { transition: all 0.3s ease-in-out; }
.dv_type02 .gall_wrap .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
.dv_type02 .gall_wrap .box h2 { top: -20%; transform: translate3d(0, 60px, 0); font-size: 20px; font-weight: 500; letter-spacing: 0px; -webkit-transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0); }
.dv_type02 .gall_wrap .box p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 16px;letter-spacing: 0px; padding-right: 80px}
.dv_type02 .gall_wrap .box .wrap:before {content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(to top, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;top: 0;left: 0;}
.dv_type02 .gall_wrap .box .wrap:hover:before {bottom: 0; height: 100%;}
.dv_type02 .gall_wrap .box .wrap:hover h2 {bottom: 70px;transform: translate3d(0, 0px, 0);}
.dv_type02 .gall_wrap .box .wrap:hover p {opacity: 1;transform: translate3d(0, -30px, 0);}
.dv_type02 .gall_wrap .box .wrap:hover i { bottom: 0; right: 0; opacity: 1;}
.dv_type02 .gall_wrap .box .wrap:hover img { height: 110%; }
.dv_type02 .gall_wrap .box .wrap i { width: 38px; height: 38px; line-height: 38px; display: inline-block; background-color: rgba(0, 0, 0, .5); font-size: 18px; position: absolute; color: #fff; text-align: center; bottom: 0; right: 0; z-index: 2; opacity: .6;  -webkit-transition: all .4s; transition: all .4s;}
.dv_type02 .box.tit { background-color:transparent; padding: 50px 0 }
.dv_type02 .box.tit h1 { font-size: 52px; font-weight: 600; }
.dv_type02 .box.tit h3 { font-size: 34px; font-weight: 500; margin-top: 15px; letter-spacing: -.5px }
.dv_type02 .box.tit h4 { font-size: 18px; font-weight: 400; padding-top: 50px; }
.dv_type02 .tit { padding: 150px 0 100px }
.dv_type02 .tit h1 { font-size: 52px; font-weight: 400; }
.dv_type02 .tit h3 { font-size: 26px; font-weight: 300; margin-top: 15px; letter-spacing: -.5px; color: #aaa }

.dv_type02 .gall_wrap .box-wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; justify-content: space-between; /*max-width: 84pc;*/ margin: 0 auto;  width: 100% }
.dv_type02 .gall_wrap .box-wrap .box { position: relative; text-align: left; -webkit-transition: all .4s; transition: all .4s; width: calc(50% - 5px); margin-top: 10px;}
.dv_type02 .gall_wrap .box .box-wrap .box .wrap i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; }




.dv_type03 { position: relative; overflow:hidden; width:100%; display: inline-block; margin-top: 100px; padding-bottom: 100px; color: #fff}
.dv_type03 img.bg-img { position:absolute; top:180px; left: auto; right: -30%; transform: translate(0, -50%); height: auto; width: 100%; opacity: .15; z-index:0;}
.dv_type03 .dv_inner { width: 100%; top:0px; z-index: 1 }
.dv_type03 .gall_wrap { margin: 0 auto; width: 100%; position: relative }
.dv_type03 .gall_wrap > .box { color: #111; position: relative; text-align: left; -webkit-transition: all .4s; transition: all .4s; width: 100%; display: inline-block; padding-bottom: 60px; margin-bottom: 60px; border-bottom: rgba(255, 255, 255, .1) 1px solid; color: #fff }
.dv_type03 .gall_wrap .box.txt { padding-top: 15px; opacity: .6 }
.dv_type03 .gall_wrap .box > a.gallery { display: block; width: 70%; float: left}
.dv_type03 .gall_wrap .box .wrap { padding-top: 50%; position: relative;overflow: hidden; background-repeat: no-repeat;background-size: cover; position: relative}
.dv_type03 .gall_wrap .box .wrap img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width:100%; z-index: 1;  -webkit-transition: all .4s; transition: all .4s; }
.dv_type03 .gall_wrap .box h2,
.dv_type03 .gall_wrap .box p { position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s; }
.dv_type03 .gall_wrap .box .wrap:hover { transition: all 0.3s ease-in-out; }
.dv_type03 .gall_wrap .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
.dv_type03 .gall_wrap .box .wrap > h2 { top: 30px; font-size: 32px; width: auto; display: inline-block; font-weight: 500; letter-spacing: 0px;  background-color: rgba(166, 147, 120, 0.9); padding: 10px 30px 10px 70px; margin-left: -30px; -webkit-transition: all .4s; transition: all .4s; }
.dv_type03 .gall_wrap .box .wrap p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 17px;letter-spacing: 0px; padding-left: 30px; padding-right: 80px; margin-left: 70px; border-left: rgba(255, 255, 255, .2) 1px solid}
.dv_type03 .gall_wrap .box .wrap:before {content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;bottom: 0;left: 0;}
.dv_type03 .gall_wrap .box .wrap:hover:before {bottom: 0; height: 100%;}
.dv_type03 .gall_wrap .box .wrap:hover h2 { margin-left: 0}
.dv_type03 .gall_wrap .box .wrap:hover p {opacity: 1;transform: translate3d(0, -60px, 0);}
.dv_type03 .gall_wrap .box .wrap:hover i { bottom: 0; right: 0; opacity: 1;}
.dv_type03 .gall_wrap .box .wrap:hover img { width: 105%; }
.dv_type03 .gall_wrap .box .wrap i { width: 40px; height: 40px; line-height: 40px; display: inline-block; background-color: rgba(0, 0, 0, .5); font-size: 20px; position: absolute; color: #fff; text-align: center; bottom: 0; right: 0; z-index: 2; opacity: .6;  -webkit-transition: all .4s; transition: all .4s;}
.dv_type03 .box.tit { background-color:transparent; padding: 50px 0 }
.dv_type03 .box.tit h1 { font-size: 52px; font-weight: 600; }
.dv_type03 .box.tit h3 { font-size: 34px; font-weight: 500; margin-top: 15px; letter-spacing: -.5px }
.dv_type03 .box.tit h4 { font-size: 18px; font-weight: 400; padding-top: 50px; }
.dv_type03 .tit { padding: 150px 0 120px }
.dv_type03 .tit h1 { font-size: 52px; font-weight: 100; }
.dv_type03 .tit h3 { font-size: 26px; font-weight: 300; margin-top: 15px; letter-spacing: -.5px; }

.dv_type03 .gall_wrap .box-wrap { display: block; float: left; width: calc(30% - 35px); margin-left: 30px  }
.dv_type03 .gall_wrap .box-wrap > .box { position: relative; display: inline-block; text-align: left; -webkit-transition: all .4s; transition: all .4s; width: 100%; margin-bottom: 10px;}
.dv_type03 .gall_wrap .box-wrap .box .wrap { padding-top: 50%; padding-left: 30px;padding-right: 30px;}
.dv_type03 .gall_wrap .box-wrap .box > a.gallery { width: 100%;}
.dv_type03 .gall_wrap .box .box-wrap .box .wrap i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
.dv_type03 .gall_wrap .box .box-wrap .box .wrap h2 { top: 48%; transform: translate3d(0, 60px, 0); font-size: 18px; font-weight: 500; letter-spacing: 0px; -webkit-transform: translate3d(0, 60px, 0); -moz-transform: translate3d(0, 60px, 0); -ms-transform: translate3d(0, 60px, 0); -o-transform: translate3d(0, 60px, 0); background-color: transparent; padding: 0px; margin-left: 0px;}



.dv_type04 { position: relative; overflow:hidden; width:100%; display: inline-block; margin-top: 100px; padding-bottom: 100px; color: #fff}
.dv_type04 img.bg-img { position:absolute; top:180px; left: auto; right: -30%; transform: translate(0, -50%); height: auto; width: 100%; opacity: .15; filter:grayscale(100%); z-index:0;}
.dv_type04 .dv_inner { width: 100%; top:0px; z-index: 1 }
.dv_type04 .gall_wrap { margin: 0 auto; width: 100%; position: relative; padding-top: 100px }
.dv_type04 .gall_wrap > .box { color: #111; position: relative; text-align: left; -webkit-transition: all .4s; transition: all .4s; width: 100%; display: inline-block; padding-bottom: 60px; margin-bottom: 60px; margin-top: 35px; border-bottom: rgba(255, 255, 255, .09) 1px solid; color: #fff }
.dv_type04 .gall_wrap .box.txt { width: 100% !important; padding-top: 15px; }
.dv_type04 .gall_wrap .box p.info { position: relative; opacity: .7; width: 100%; padding-top: 30px; font-weight: 200; word-break: keep-all;}
.dv_type04 .gall_wrap .box.txt h1 { font-size: 58px; color: #fff; padding: 20px 0 }
.dv_type04 .gall_wrap .box.txt h1 span { font-size: 32px; font-weight: 200}
.dv_type04 .gall_wrap .box.txt p { font-size: 16px; color: #fff; position: relative; padding-bottom: 80px }
.dv_type04 .gall_wrap .box.txt h6 { font-size: 16px; color: #ab9b85;  }
.dv_type04 .gall_wrap .box > a.gallery { display: block; width: 60%; float: left}
.dv_type04 .gall_wrap .box .wrap { padding-top: 50%; position: relative;overflow: hidden; background-repeat: no-repeat;background-size: cover; }
.dv_type04 .gall_wrap .box .wrap img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width:100%; z-index: 1;  -webkit-transition: all .4s; transition: all .4s; }
.dv_type04 .gall_wrap .box h2,
.dv_type04 .gall_wrap .box p { position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s; }
.dv_type04 .gall_wrap .box .wrap:hover { transition: all 0.3s ease-in-out; }
.dv_type04 .gall_wrap .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
.dv_type04 .gall_wrap .box .gallery > h2 { position: absolute; color: #111; top: -100px; left: -100px; font-size: 16px; line-height: 40px; width: 400px; height: 250px; display: inline-block; font-weight: 500; letter-spacing: 0px;  background-color:#fff; padding: 30px 30px 10px 100px; z-index: 1 }
.dv_type04 .gall_wrap .box .gallery > h2 strong { font-size: 50px; color: #ab9b85; vertical-align: middle; padding-right: 10px }
.dv_type04 .gall_wrap .box .wrap p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 17px;letter-spacing: 0px; padding-left: 30px; padding-right: 80px; margin-left: 70px; border-left: rgba(255, 255, 255, .2) 1px solid}
.dv_type04 .gall_wrap .box .wrap:before {content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;bottom: 0;left: 0;}
.dv_type04 .gall_wrap .box .wrap:hover:before {bottom: 0; height: 100%;}
.dv_type04 .gall_wrap .box .wrap:hover h2 { margin-left: 0}
.dv_type04 .gall_wrap .box .wrap:hover p {opacity: 1;transform: translate3d(0, -60px, 0);}
.dv_type04 .gall_wrap .box .wrap:hover i { bottom: 0; right: 0; opacity: 1;}
.dv_type04 .gall_wrap .box .wrap:hover img { width: 105%; }
.dv_type04 .gall_wrap .box .wrap i { width: 40px; height: 40px; line-height: 40px; display: inline-block; background-color: rgba(0, 0, 0, .5); font-size: 20px; position: absolute; color: #fff; text-align: center; bottom: 0; right: 0; z-index: 2; opacity: .6;  -webkit-transition: all .4s; transition: all .4s;}
.dv_type04 .box.tit { background-color:transparent; padding: 50px 0 }
.dv_type04 .box.tit h1 { font-size: 52px; font-weight: 600; }
.dv_type04 .box.tit h3 { font-size: 34px; font-weight: 500; margin-top: 15px; letter-spacing: -.5px;  }
.dv_type04 .box.tit h4 { font-size: 18px; font-weight: 400; padding-top: 50px; }
.dv_type04 .tit { padding: 150px 0 }
.dv_type04 .tit h1 { font-size: 52px; font-weight: 100; }
.dv_type04 .tit h3 { font-size: 26px; font-weight: 300; margin-top: 15px; letter-spacing: -.5px; color: #aaa}

.dv_type04 .gall_wrap .box-wrap { display: block; float: left; width: calc(40% - 67px); margin-left: 65px  }
.dv_type04 .gall_wrap .box-wrap > .box { position: relative; display: inline-block; text-align: left; -webkit-transition: all .4s; transition: all .4s; width: calc(50% - 12px); margin-right: 10px; }
.dv_type04 .gall_wrap .box-wrap .box .wrap { padding-top: 50%; padding-left: 20px;padding-right: 20px;}
.dv_type04 .gall_wrap .box-wrap .box > a.gallery { width: 100%;}
.dv_type04 .gall_wrap .box .box-wrap .box .wrap i { width: 30px; height: 30px; line-height: 30px; font-size: 15px; }
.dv_type04 .gall_wrap .box .box-wrap .box .wrap h2 { bottom: 10px; font-size: 16px; font-weight: 600; letter-spacing: -.5px; background-color: transparent; padding: 0px; margin-left: 0px;}

@media only screen and (max-width: 768px) {
  .dv_type04 { margin-top: 80px; margin-bottom: 0; padding-bottom: 0 }
  .dv_type04 img.bg-img { top:400px; right: -10% }
  .dv_type04 .tit { padding: 80px 0 20px }
  .dv_type04 .tit h1 { font-size: 32px; }
  .dv_type04 .tit h3 { font-size: 13px; }
  .dv_type04 .gall_wrap { padding-top: 50px; }
  .dv_type04 .gall_wrap > .box { margin-top: 60px; padding-bottom: 30px; }
  .dv_type04 .gall_wrap .box > a.gallery { width: 100%; }
  .dv_type04 .gall_wrap .box .gallery > h2 { font-size: 12px; width: 50%; height: 100px; top: -55px; left: -20px; padding: 10px 20px }
  .dv_type04 .gall_wrap .box .gallery > h2 strong { font-size: 26px; padding-right: 6px;}
  .dv_type04 .gall_wrap .box-wrap { width: 100%; margin-left: 0px;}
  .dv_type04 .gall_wrap .box.txt { padding-top: 26px; }
  .dv_type04 .gall_wrap .box.txt h1 { font-size: 26px; padding: 4px 0 15px;}
  .dv_type04 .gall_wrap .box.txt h6 { font-size: 16px;}
  .dv_type04 .gall_wrap .box.txt p { font-size: 13px; padding-bottom: 20px;}
  .dv_type04 .gall_wrap .box.txt p br { display: none; }
  .dv_type04 .gall_wrap .box-wrap > .box { width: calc(50% - 7px); }
  .dv_type04 .gall_wrap .box-wrap .box .wrap { padding-top: 65%; }
  .dv_type04 .gall_wrap .box-wrap > .box:nth-child(3) { margin-right: 0 }
  .dv_type04 .gall_wrap .box p.info { padding-top: 5px; }
}

.dv_type05 { position: relative; overflow:hidden; ;width:100%; padding: 150px 0}
.dv_type05 .img-cnt, 
.dv_type05 .txt-cnt { display: inline-block; position: relative; float: left; text-align: left; }
.dv_type05 .img-cnt { width: 63%; padding-top: 31%; overflow: hidden }
.dv_type05 .txt-cnt { width: 37%; padding-top: 31%; overflow: hidden }
.dv_type05 .rt-align { float: right !important; }
.dv_type05 .img-cnt video { width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);} 
.dv_type05 .img-cnt video source { width: 100%; height: auto; }
.dv_type05 .img-cnt img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; width: 100%; }
.dv_type05 img.bg-img { position:absolute; left: auto; right: -30%; transform: translate(-50%, -50%); height: auto; width: 100%; opacity: .15; z-index:0;}
.dv_type05 .txt-cnt .txt-wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 140px; }
.dv_type05 .txt-cnt .txt-wrap h2 { font-size: 40px; line-height: 1.2; font-weight: 200; padding: 30px 0 50px }
.dv_type05 .txt-cnt .txt-wrap p { font-size: 16px; line-height: 1.8 }
.dv_type05 .b_line { width:calc(100% - 280px); bottom:0; position: absolute; display: inline-block; }

@media screen and (max-width:1760px) {
	.dv_type05 .txt-cnt .txt-wrap { padding: 0 10%; padding-left:8%; }
	.dv_type05 .txt-cnt.rt-align .txt-wrap{ padding: 0 10%; padding-right:8%; }
	.dv_type05 .txt-cnt .txt-wrap h2 { padding: 3% 0 5% }
}

.dv_type05 .gall_wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; justify-content: space-between; /*max-width: 84pc;*/ margin: 0 auto; padding-top: 80px }
.dv_type05 .gall_wrap .box { color: #111; background-color: #f8f8f8; position: relative; text-align: left;  -webkit-transition: all .4s; transition: all .4s; width: calc(50% - 5px); }
.dv_type05 .gall_wrap .box .wrap { padding-top: 100%; background: #eee;position: relative;overflow: hidden;padding-left: 20px;padding-right: 20px;background-repeat: no-repeat;background-size: cover; position: relative}
.dv_type05 .gall_wrap .box .wrap img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; z-index: 1; -webkit-transition: all .4s; transition: all .4s; }
.dv_type05 .gall_wrap .box h2,
.dv_type05 .gall_wrap .box p { position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s; }
.dv_type05 .gall_wrap .box .wrap:hover { transition: all 0.3s ease-in-out; }
.dv_type05 .gall_wrap .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
.dv_type05 .gall_wrap .box .wrap h2 { bottom: 0; transform: translate3d(0, 40px, 0); font-size: 18px; font-weight: 600; letter-spacing: 0px; -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); }
.dv_type05 .gall_wrap .box .wrap p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 14px; line-height: 1.5;  letter-spacing: 0px; padding-right: 80px}
.dv_type05 .gall_wrap .box .wrap:before {content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;bottom: 0;left: 0;}
.dv_type05 .gall_wrap .box .wrap:hover:before {bottom: 0; height: 100%;}
.dv_type05 .gall_wrap .box .wrap:hover h2 {bottom: 0;transform: translate3d(0, 30px, 0);}
.dv_type05 .gall_wrap .box .wrap:hover p {opacity: 1;transform: translate3d(0, -30px, 0);}
.dv_type05 .gall_wrap .box .wrap:hover i { bottom: 0; right: 0; opacity: 1;}
.dv_type05 .gall_wrap .box .wrap:hover img {height: 105%; }
.dv_type05 .gall_wrap .box .wrap i { width: 30px; height: 30px; line-height: 30px; display: inline-block; background-color: rgba(0, 0, 0, .5); font-size: 16px; position: absolute; color: #fff; text-align: center; bottom: 0; right: 0; z-index: 2; opacity: .6;  -webkit-transition: all .4s; transition: all .4s;}

@media only screen and (max-width: 768px) {
  .dv_type05 { padding: 80px 0 0;}
  .dv_type05 .txt-cnt {padding-top: 100%; width: 100%}
  .dv_type05 .img-cnt {width: 100%; padding-top: 50%;}
  .dv_type05 .txt-cnt.rt-align .txt-wrap { padding: 0 25px}
  .dv_type05 .txt-cnt .txt-wrap { padding: 0 25px}
  .dv_type05 .gall_wrap {padding-top: 25px;}
  .dv_type05 .txt-cnt .txt-wrap h2 { font-size: 24px; padding: 30px 0 20px;}
  .dv_type05 .txt-cnt .txt-wrap p {font-size: 14px; line-height: 1.5; }
  .dv_type05 .gall_wrap .box .wrap { padding-left: 10px; padding-right: 10px; }
  .dv_type05 .gall_wrap .box .wrap h2 { font-size: 13px; letter-spacing: -1px; padding: 15px 0; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
  .dv_type05 .gall_wrap .box .wrap:hover h2 { transform: translate3d(0, 0, 0);}
  .dv_type05 .b_line { width: calc(100% - 60px); }
  .dv_type05:last-child { padding-bottom: 50px}
  .dv_type05:last-child .b_line {display: none}
}


#design_custom .tit { padding: 150px 0 100px}
.dv_type06 { position: relative; overflow:hidden; ;width:100%; padding: 0}
.dv_type06 .gall_wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; justify-content: space-between; /*max-width: 84pc;*/ margin: 0 auto; padding-top: 10px }
.dv_type06 .gall_wrap .box { color: #111; background-color: #f8f8f8; position: relative; text-align: left;  -webkit-transition: all .4s; transition: all .4s; width: calc(50% - 5px); }
.dv_type06 .gall_wrap .box .wrap { padding-top: 100%; background: #eee;position: relative;overflow: hidden;padding-left: 20px;padding-right: 20px;background-repeat: no-repeat;background-size: cover; position: relative}
.dv_type06 .gall_wrap .box .wrap img { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; z-index: 1; -webkit-transition: all .4s; transition: all .4s; }
.dv_type06 .gall_wrap .box h2,
.dv_type06 .gall_wrap .box p { position: absolute; color: #fff; z-index: 2;  width: 100%; transition: opacity 0.2s, transform 0.3s; }
.dv_type06 .gall_wrap .box .wrap:hover { transition: all 0.3s ease-in-out; }
.dv_type06 .gall_wrap .box .wrap:hover:before { transition: all 0.3s ease-in-out;}
.dv_type06 .gall_wrap .box .wrap h2 { bottom: 0; transform: translate3d(0, 40px, 0); font-size: 18px; font-weight: 600; letter-spacing: 0px; -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); }
.dv_type06 .gall_wrap .box .wrap p { opacity: 0; bottom: 0;transform: translate3d(0, -10px, 0);font-size: 14px; line-height: 1.5;  letter-spacing: 0px; padding-right: 80px}
.dv_type06 .gall_wrap .box .wrap:before {content: "";position: absolute;width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(3, 3, 3, 0.5) 75%);z-index: 2;bottom: 0;left: 0;}
.dv_type06 .gall_wrap .box .wrap:hover:before {bottom: 0; height: 100%;}
.dv_type06 .gall_wrap .box .wrap:hover h2 {bottom: 0;transform: translate3d(0, 30px, 0);}
.dv_type06 .gall_wrap .box .wrap:hover p {opacity: 1;transform: translate3d(0, -30px, 0);}
.dv_type06 .gall_wrap .box .wrap:hover i { bottom: 0; right: 0; opacity: 1;}
.dv_type06 .gall_wrap .box .wrap:hover img {height: 105%; }
.dv_type06 .gall_wrap .box .wrap i { width: 30px; height: 30px; line-height: 30px; display: inline-block; background-color: rgba(0, 0, 0, .5); font-size: 16px; position: absolute; color: #fff; text-align: center; bottom: 0; right: 0; z-index: 2; opacity: .6;  -webkit-transition: all .4s; transition: all .4s;}


@media only screen and (max-width: 768px) {
  #design_custom .tit { padding: 80px 0}
  .dv_type06 .gall_wrap { display: block; padding-top: 1px;}
  .dv_type06 .gall_wrap .box { width: calc(33.3% - 5px); display: inline-block; }
}

/* ===========================================================================
        charts
*/
.chart_wrap .tit { width: 100%; margin: 30px 0; position: relative }
.chart_wrap .tit h2 { font-size: 28px; color: #111}
.chart_wrap .tit h6 { font-weight: 100; text-transform: uppercase}
.chart_wrap .tit p.rt-txt { position: absolute; bottom: 0; right: 0 }
.chart_wrap {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: block
}

/* chart 01  */

.chart1 .chart-box div {
    min-height: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 15px
}
.chart1 .chart-box div img {
    width: 100%;
    max-width: 239px
}
.chart-box p {
    line-height: 2
}
@media only screen and (max-width: 768px) {
  #color_chart { height: calc(100% - 15px); margin-right: -15px; padding-right: 0px;}
  .chart_wrap .tit h2 { font-size: 25px; }
  .chart_wrap .tit h6 { font-size: 16px; }
  .chart_wrap .tit p.rt-txt { position: relative; padding-top: 12px; font-size: 12px; }
  .chart-box p { padding-top: 5px; font-size: 13px; line-height: 1.2 }
  .chart1 .chart-box div { min-height: 70px; max-width: calc(33.3% - 3px); }
}
.table-wrap .table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    letter-spacing: -.4px;
    color: #000;
    line-height: 22px;
}
.table-wrap .table caption {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.table-wrap .table>thead tr th {
    height: 50px;
    padding: 10px 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #a19995;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.table-wrap .table>thead tr th:first-child {
    border-left: 0;
}
.table-wrap .table>thead tr th:last-child {
    border-left: 1px solid #fff;
    border-right: 1px solid #002c5f;
}
.table-wrap .table>tbody>tr>th {
    padding: 16px 30px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #e4dcd3;
    font-weight: 500;
}
.table-wrap .table>tbody>tr>td {
    border: 1px solid #e4dcd3;
    text-align: center;
    line-height: 24px;
}
.table-wrap .table>tbody>tr>td>img {
  max-width: 100%;
  padding: 30px 10px;
}
ul.table-list-contents {
    padding: 0 30px;
    text-align: left;
}
ul.table-list-contents li {
    padding: 20px 0;
    border-top: 1px solid #e4dcd3;
}
ul.table-list-contents li:first-child {
    border-top: 0;
}
ul.table-list-contents li .name {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: -.4px;
}
ul.table-list-contents li .content {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -.4px;
    word-break: keep-all;
}
.table-wrap .table>thead tr th.bg-color01 {
  background-color: #25386d;
}
.table-wrap .table>thead tr th.bg-color02 {
  background-color: #573b69;
}
.table-wrap .table>thead tr th.bg-color03 {
  background-color: #6e7495;
}
.table-wrap .table>thead tr th.bg-color04 {
  background-color: #867491;
}
@media screen and (min-width: 768px) {
.model-fullpage .area-content .content {
    position: relative;
    z-index: 2;
}
}