/* header CSS
 * --------------------------------------- */
html{font-size:62.5%;  overflow-x:hidden;}
/*
html { font-size:62.5%; }, 또는 html { font-size:10px; }로 하면 
10px은 1rem,
12px은 1.2rem,
14px은 1.4rem 
이 되기 때문에 따로 계산할 필요가 없어 px을 사용 할때 처럼 사용 할 수 있다
*/
/*
.header_wrap {position: fixed; top:0; left:0; width:100%; z-index:99999; background:#fff;}*/
@font-face {
    font-family: 'Binggrae-Two';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =============================
 
 header CSS

============================= */
.header_top {padding:0 16rem;}
.top_logo {left:16rem;}
.all_meun_btn {right:16rem;}
.all_meun_btn a {width:4.6rem; height:4.6rem; padding:1.4rem 0;}
.all_meun_btn a span {margin-top:0.8rem;}
.all_meun_btn a:before {top:1.4rem;} 
.all_meun_btn a:after {bottom:1.4rem;} 

.top_meun li {margin:0 3.5rem}
.top_meun li a {padding:4rem 0.7rem; font-size:2rem;}

.sub_meun {padding:0 16rem;}
.sub_meun li a {padding:2rem 1.5rem; font-size:1.6rem;}
.sub_meun li a:after {height:1.4rem;}

.header_all_meun {padding:10rem 16rem;}
.header_all_meun > ul > li {padding:0 6rem; width:29rem;}
.header_all_meun > ul > li:nth-child(2) {width:calc(100% - 80rem);}
.header_all_meun > ul > li:last-child {width:22rem;}
.header_all_meun h3 {font-size:3rem;}
.header_all_meun h3:after {width:4rem; left:-6rem;}
.header_all_meun .all_link {padding-top:3rem;}
.header_all_meun .all_link a {font-size:1.8rem; padding:1rem 0;}
.header_all_meun .all_link h4 {font-size:1.8rem;}
.header_all_meun .all_sub_link {margin-bottom:2rem;}
.header_all_meun .all_sub_link dt,
.header_all_meun .all_sub_link dt {line-height:2rem;}
.header_all_meun .all_sub_link dt {width:10rem;}
.header_all_meun .all_sub_link dd a {font-size:1.6rem; padding-left:1.5rem;}
.header_all_meun .all_sub_link dd a:after {width:0.6rem; height:0.6rem;} 

.header_wrap.fix {background:none; position: fixed;  top: 0;  left: 50%; min-width: 320px; max-width:640px; width: 100%; z-index: 99; border:none;  -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0);}
.header_wrap.fix .header_top {border-bottom:none;}
.header_wrap.fix:hover {background:#fff;}
.header_wrap.fix:hover .header_top {border-bottom:1px solid #d5d5d5;}

.header_wrap.wh {}
.header_wrap.wh .top_logo .logoB {display:none;}
.header_wrap.wh .top_logo .logoW {display:block;}
.header_wrap.wh:hover .top_logo .logoB {display:block;}
.header_wrap.wh:hover .top_logo .logoW {display:none;}
.header_wrap.wh .top_meun li a {color:#fff; font-weight:500}
.header_wrap.wh:hover .top_meun li a {color:#000; font-weight:600;}

.header_wrap.wh .all_meun_btn span, 
.header_wrap.wh .all_meun_btn.on span, 
.header_wrap.wh .all_meun_btn a:before, 
.header_wrap.wh .all_meun_btn a:after {background:#fff}
.header_wrap.wh:hover .all_meun_btn span, 
.header_wrap.wh:hover .all_meun_btn.on span, 
.header_wrap.wh:hover .all_meun_btn a:before, 
.header_wrap.wh:hover .all_meun_btn a:after {background:#000}

.header_wrap.half1 {}
.header_wrap.half1 .top_meun li:nth-child(3) a, 
.header_wrap.half1 .top_meun li:nth-child(4) a {color:#fff; font-weight:500}
.header_wrap.half1:hover .top_meun li:nth-child(3) a,
.header_wrap.half1:hover .top_meun li:nth-child(4) a {color:#000; font-weight:600;}
.header_wrap.half1 .all_meun_btn span, 
.header_wrap.half1 .all_meun_btn.on span, 
.header_wrap.half1 .all_meun_btn a:before, 
.header_wrap.half1 .all_meun_btn a:after {background:#fff}
.header_wrap.half1:hover .all_meun_btn span, 
.header_wrap.half1:hover .all_meun_btn.on span, 
.header_wrap.half1:hover .all_meun_btn a:before, 
.header_wrap.half1:hover .all_meun_btn a:after {background:#000}

.header_wrap.half2 {}
.header_wrap.half2 .top_logo .logoB {display:none;}
.header_wrap.half2 .top_logo .logoW {display:block;}
.header_wrap.half2:hover .top_logo .logoB {display:block;}
.header_wrap.half2:hover .top_logo .logoW {display:none;}
.header_wrap.half2 .top_meun li:nth-child(1) a,
.header_wrap.half2 .top_meun li:nth-child(2) a {color:#fff; font-weight:500}
.header_wrap.half2:hover .top_meun li:nth-child(1) a,
.header_wrap.half2:hover .top_meun li:nth-child(2) a {color:#000; font-weight:600;}

 
/* =============================
 
/* footer CSS

============================= */
.btn_top.go_top a {font-size:1.2rem; line-height:1.5rem; }

.footer_wrap {padding:0 16rem;}
.footer_top {}
.footer_top li {padding:3.2rem 0; margin-right:3rem;}
.footer_top li a span {font-size:1.6rem;}
.footer_top dl {padding:3.2rem 0; margin-left:3rem;}
.footer_top dl dt {margin-right:0.8rem; font-size:1.6rem;}
.footer_top dl dd {font-size:1.6rem;}

.footer_bottom {padding:4rem 0;}
.footer_bottom p {font-size:1.4rem; padding:1.2rem 0 0 0;}
.footer_bottom dl {margin-bottom:1.2rem;}
.footer_bottom dl dt {width:11rem; font-size:1.6rem;}
.footer_bottom dl dd {font-size:1.6rem;}
.footer_bottom .global_select select {line-height:5rem; height:5rem; width:23rem; padding-left:2rme;}
.footer_bottom .global_select select option  {min-height: 3rem; line-height:3rem;}

.vh {visibility: hidden;}


/* =============================
 
 main CSS

============================= */
.LBmenu * {-khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.LBmenu {position: fixed; z-index:999; left:16rem; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
.LBmenu li {margin:5px 0; line-height:3.2rem;}
.LBmenu li a {position: relative; display:inline-block; vertical-align: top; color:#000; font-size:14px; font-weight:500; padding-left:4rem; height:3.3rem;}
.LBmenu li a span {position: absolute; left:100%; top:0; display:inline-block; vertical-align: top; min-width:12rem; overflow: hidden; opacity:0; margin-left:-30px;}
.LBmenu li a:before {content:''; display:block; width:0.9rem; height:0.9rem; border-radius: 100%; position: absolute; left:1.2rem; top:50%; margin-top:-0.45rem; background:#000;}
.LBmenu li a:after {content:''; display:block; width:0; height:0; border-radius: 100%; position: absolute; top:50%; left:1.25rem; margin-top:-0.18em; border:3px dotted RGBA(241,141,0,0); opacity:0; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.LBmenu li:hover a:after,
.LBmenu li.active a:after {width:2.7rem; height:2.7rem; left:0; margin-top:-1.65rem; opacity:1; border:3px dotted #f18d00;}
.LBmenu li:hover a span,
.LBmenu li.active a span {opacity:1; margin-left:0;}
.LBmenu.wh li a {color:#fff; font-weight:400;}
.LBmenu.wh li a:before {background:#fff;}
.LBmenu.wh li a:after {border-color:#f18d00;} 

.dpT {display:table; width:100%; height:100%;}
.dpCell {display:table-cell; vertical-align: middle;}
.Cellw50 {width:50%;}

.main_visual {position:relative; height: 100%; overflow: hidden;}
.youtube_box {position: absolute; width:100%; height:115%; top:50%; left:0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); overflow: hidden; z-index:-9999}
.visualBox_txt {position: absolute; bottom:8%; left:0; width:100%; text-align:center; z-index:50; color:#fff;}
.visualBox_txt h3 {position:relative; font-size:2.8rem; font-weight:500; line-height:1.5; font-family:'Binggrae-Two', 'Spoqa Han Sans Neo',sans-serif; padding-bottom:3rem;}
.visualBox_txt h3:after {content:''; left:50%; bottom:0; display:block; position: absolute; margin-left:-1.5rem; width: 3rem; height: 3rem; background: none; border: 2px solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.main_slider {overflow: hidden; position: relative; z-index: 30;}
.main_slider .slick-slide {float:left;}
.main_slider .slick-slide img {width:100% !important; margin:0 !important; position:static !important}

/*.main_tit {filter:blur(10px); -webkit-filter:blur(10px); transform:scale(1.3); opacity:0;}
.section.open .main_tit, 
.section.active .main_tit {filter:blur(0px); -webkit-filter:blur(0px); transform:scale(1); opacity: 1;}*/
.main_tit h1 {font-size:5rem; font-weight:bold; line-height:1.2; padding:1rem 0 2.8rem; font-family:'Binggrae-Two', 'Spoqa Han Sans Neo',sans-serif;}
.main_tit h3 {font-size:2.4rem; line-height:3.4rem; font-weight:normal; padding-bottom:2.8rem;}
.main_tit h4 {font-size:1.8rem; font-weight:800; line-height:1; font-family:'Mulish', 'Spoqa Han Sans Neo',sans-serif;}
.main_tit p {font-size:1.8rem; font-weight:normal; line-height:1.4; padding-bottom:2.8rem;}
.btn_link {position: relative; display:inline-block; vertical-align:top; margin-top:0.4rem; border:1px solid #000; width:23rem; height:7rem; line-height:7rem; text-align:center; font-size:1.6rem; font-weight:400; color:#000;}
.btn_link span {position: relative; z-index:2}
.btn_link:after {content:''; display:block; width:0; height:100%; position: absolute; top:0; left:0; background:#000; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:1;}
.btn_link:hover:after {width:100%;}
.btn_link:hover,
.btn_link:hover span {color:#fff;}

.main_cont_list {font-size:0; position: relative;}
.main_cont_list li {display:inline-block; vertical-align:top; margin-right:10.5rem; text-align:center;}
.main_cont_list li span {display:block; width:20rem; height:20rem; border-radius: 50%; margin:0 auto 1.5rem;}
.main_cont_list li span img {width:100%;}
.main_cont_list li p {font-size:1.8rem; font-weight:500; color:#000;}

.board_box {padding:10rem 0;}
.board_box h3 {position: relative; font-size:3rem; font-weight:600; line-height:1;}
.board_box h3 a {position: absolute; top:50%; right:0; width:2.4rem; height:2.4rem; font-size:0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
.board_box h3 a:before,
.board_box h3 a:after {content:''; display:block; position: absolute;}
.board_box h3 a:before {width:100%; height:1px; background:#000; top:50%; left:0;}
.board_box h3 a:after {width:1px; height:100%; background:#000; top:0; left:50%;}
.board_list {margin-top:3.5rem;}
.board_list li {font-size:1.6rem; color:#000000; padding:1.2rem 0;}
.board_list dl {display:table; width:100%;}
.board_list dt,
.board_list dd {display:table-cell; vertical-align: middle;}
.board_list dt {text-align:left; font-size:1.8rem;}
.board_list dt a {position: relative; display:inline-block; padding:1px 0; color:#000;}
.board_list dt a:after {content:''; display:block; width:0; height:1px; position: absolute; bottom:0; left:0; background:#e38604; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.board_list li:hover dt a {font-weight:500; color:#e38604;}
.board_list li:hover dt a:after {width:100%;}
.board_list dd {text-align:right;}

.section {min-height:700px;}
#elbe1 *,
#elbe2 *,
#elbe3 *,
#elbe4 *,
#elbe5 *,
#elbe6 * {-khtml-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;  -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.section .pdBOX {padding:0 25rem;}
.section .elbe_cont {position: relative;}
.section .elbe_cont:after {opacity:1; z-index:99; content:''; display:block; position: absolute; top:0; bottom:0; left:0; right:0; background:#000; -khtml-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;  -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.section.open .elbe_cont:after,
.section.active .elbe_cont:after {opacity:0; z-index:-1;}
.elbe_cont1 {padding:0 16rem;}
.elbe_cont1,
.elbe_cont2,
.elbe_cont3,
.elbe_cont4,
.elbe_cont5 {width:100%; height:100%;}

#elbe0 {}

#elbe1 .elbe_cont {background:url(../img/main_box2_bg.jpg) center no-repeat; background-size: cover;}
#elbe1 .main_cont_list {padding:4.2rem 0 3.8rem;}
#elbe1 .main_cont_list li {position: relative; margin-right:0; margin-left:-10rem; opacity:0;}
#elbe1.active .main_cont_list li {margin-left:10.5rem; opacity:1;} 
#elbe1.active .main_cont_list li:first-child {margin-left:0;} 

#elbe2 .both {height:100%;}
#elbe2 .fr.right {background:url(../img/main_box3_bg.jpg) center no-repeat; background-size: cover; height:100%;}
#elbe2 .fl.left {padding-left:16rem; height:100%;}
#elbe2 .fl.left .main_tit {padding-left:25rem;}

#elbe3 .top {background:url(../img/main_box4_bg.jpg) center no-repeat; background-size: cover;}
.elbe_cont3 .main_banner {height:70%;}
.elbe_cont3 .main_info {height:30%;}
.elbe_cont3 .dpT {padding-top:8.5rem;}
.elbe_cont3 .dpCell {vertical-align:top; position: relative;}
.elbe_cont3 .dpCell.left {padding-left:16rem;} 
.elbe_cont3 .dpCell .btn_fx {position: absolute; top:0; right:0;} 

#elbe4 .elbe_cont {background:url(../img/main_box5_bg.jpg) center no-repeat; background-size: cover;}
#elbe4 .elbe_cont .main_tit {padding-left:16rem;}

#elbe5 .dpCell.left {background:url(../img/main_box6_bg.jpg) center no-repeat; background-size: cover;}
#elbe5 .dpCell.right {padding:0 16rem 0 15rem;}

#elbe6 {}
#elbe6.section {min-height:auto;}
.elbe_cont6 {padding:22rem 16rem 0 8.5rem;}

.rese_banner {padding:7.2rem 15rem; background:url(../img/rese_banner_bg.jpg) center no-repeat; background-size: cover;}
.rese_banner dl {display:table; width:100%;}
.rese_banner dt,
.rese_banner dd {display:table-cell; vertical-align: middle;}
.rese_banner dt {text-align:left;}
.rese_banner dd {text-align:right;}
.rese_banner .rese_txt {position: relative; font-size:1.6rem; line-height:1.4; display:inline-block; color:#fff;}
.rese_banner .rese_txt:after {content:''; position: absolute; top:50%; left:104%; width:65rem; height:1px; background:#fff; opacity:0.3}
.rese_banner .rese_txt h1 {font-size:4rem; font-weight:800; font-family:'Mulish', 'Spoqa Han Sans Neo',sans-serif; padding:0 0 1.6rem; line-height:1;}
.rese_banner .rese_txt h3 {font-size:1.8rem; font-weight:400;}
.rese_banner .rese_txt p {color:RGBA(255,255,255,0.5); padding:1.2rem 0 0 0; margin:0;}
.rese_banner .btn_link {margin-top:0; border:1px solid #fff; color:#fff;}
.rese_banner .btn_link:after {background:#fff;}
.rese_banner .btn_link:hover,
.rese_banner .btn_link:hover span {color:#000;}

.main_slide {position: relative; overflow:hidden; width:100%; padding-right:20rem; margin:7rem 0;}
.main_slide .slick-arrow {position: absolute; right:0; top:50%; width:2.2rem; height:2.2rem; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); font-size:0;}
.main_slide .slick-arrow.slick-prev {right:11.8rem; background:url(../img/ico_prev.png) center no-repeat; background-size:2.2rem auto;}
.main_slide .slick-arrow.slick-next {background:url(../img/ico_next.png) center no-repeat; background-size:2.2rem auto;}
.main_sliderBOX {font-size:0; width:100%; overflow: hidden;}
.main_sliderBOX .sliderBOX {float: left; margin-right:1rem;}
.main_sliderBOX .sliderBOX a {display:block; border:1px solid #ddd;}
.main_sliderBOX .sliderBOX img {width:100%;}
.main_slide .main-play-box {position: absolute; right:5.9rem; top:50%;  -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
.main-play-box button {width:2.2rem; height:2.2rem; background:#ddd; font-size:0; border:none;}
.main-play-box .btn-pause {background:url(../img/ico_pause.png) center no-repeat;} 
.main-play-box .btn-play {background:url(../img/ico_play.png) center no-repeat;}


@media all and (max-width:1750px) {
	.header_top,
	.header_top.off,
    .header_all_meun,
	.footer_wrap ,
	.sub_meun {padding-left:10rem; padding-right:10rem;}
	.top_logo {left:10rem;}
	.all_meun_btn {right:10rem;}
	.LBmenu {left:10rem;}

	.elbe_cont1 {padding:0 10rem;}
	#elbe2 .fl.left,
	.elbe_cont3 .dpCell.left,
	#elbe4 .elbe_cont .main_tit {padding-left:10rem;}
	#elbe5 .dpCell.right {padding:0 10rem 0 9rem;}
	.elbe_cont6 {padding:16rem 10rem 8rem;}
	.rese_banner {padding:7rem 9rem;}
	
	#elbe1 .main_cont_list li {margin-left:-8rem;}
	#elbe1.active .main_cont_list li:first-child {margin-left: 0;}
	#elbe1.active .main_cont_list li {margin-left:8rem;}

	.rese_banner .rese_txt:after {display:none;}

	#elbe1 {z-index: 80;}
	#elbe2 {z-index:79;}
}

@media all and (max-width:1600px) {
    html{font-size:60%;}
	.header_top,
	.header_top.off,
    .header_all_meun,
	.footer_wrap ,
	.sub_meun {padding-left:8rem; padding-right:8rem;}
	.top_logo {left:8rem;}
	.all_meun_btn {right:8rem;}
	.LBmenu {left:8rem;}

	.elbe_cont1 {padding:0 8rem;}
	#elbe2 .fl.left,
	.elbe_cont3 .dpCell.left,
	#elbe4 .elbe_cont .main_tit {padding-left:8rem;}
	#elbe5 .dpCell.right {padding:0 8rem 0 7rem;}
	.elbe_cont6 {padding:16rem 8rem 7rem;}
	.rese_banner {padding:6rem 7rem;}

	#elbe2 .fl.left .main_tit {padding-left:20rem;}
	.section .pdBOX {padding:0 20rem;}
}
@media all and (max-width:1500px) {
    html{font-size:58%;}
	.header_top,
	.header_top.off,
    .header_all_meun,
	.footer_wrap,
	.sub_meun  {padding-left:6rem; padding-right:6rem;}
	.top_logo {left:6rem;}
	.all_meun_btn {right:6rem;}
	.LBmenu {left:6rem;}

	.elbe_cont1 {padding:0 6rem;}
	#elbe2 .fl.left,
	.elbe_cont3 .dpCell.left,
	#elbe4 .elbe_cont .main_tit {padding-left:6rem;}
	#elbe5 .dpCell.right {padding:0 6rem 0 5rem;}
	.elbe_cont6 {padding:16rem 6rem 7rem;}
	.rese_banner {padding:6rem 5rem;}

	#elbe2 .fl.left .main_tit {padding-left:18rem;}
	.section .pdBOX {padding:0 18rem;}
}
@media all and (max-width:1400px) {
	.header_all_meun > ul > li {padding:0 4rem; width:22rem}
	.header_all_meun > ul > li:nth-child(2) {width:calc(100% - 64rem);} 
	.header_all_meun > ul > li:last-child {padding-right:0; width:20rem;}
	.header_all_meun h3:after {left:-4rem; width:3rem;}

	.sub_meun li a {padding-left:1rem; padding-right:1rem;}

	.footer_top li {margin-right:2rem;}
	.footer_top dl {margin-left:2rem;}
	.footer_top dl dt {margin-right:0.4rem;}

	.footer_top dl dt,
	.footer_top dl dd,
	.footer_bottom dl dt,
	.footer_bottom dl dd 
	.footer_bottom p {font-size:1.4erm;}

	.elbe_cont3 .dpT {position: relative;}
	.elbe_cont3 .dpCell {position: static;}
	.elbe_cont3 .dpCell.left {padding-left:0;}
	.elbe_cont3 .dpCell .btn_fx {bottom:15%; top:auto; left:0; right:auto;}
}
@media all and (max-width:1200px) {
	.header_top,
	.header_top.off,
    .header_all_meun,
	.footer_wrap,
	.sub_meun  {padding-left:4rem; padding-right:4rem;}
	.top_logo {left:4rem;}
	.LBmenu {left:4rem;}
	.top_meun {margin-left:15rem;}
	.all_meun_btn {right:4rem;}
	.header_all_meun > ul > li {padding:0 3rem; width:20rem}
	.header_all_meun > ul > li:nth-child(2) {width:calc(100% - 58rem);} 
	.header_all_meun > ul > li:last-child {padding-right:0; width:18rem;}
	.header_all_meun h3:after {left:-3rem; width:2rem;}

	.header_wrap.half1 {}
	.header_wrap.half1 .top_meun li:nth-child(3) a, 
	.header_wrap.half1 .top_meun li:nth-child(4) a {color:#000; font-weight:500}
	.header_wrap.half1 .all_meun_btn span, 
	.header_wrap.half1 .all_meun_btn.on span, 
	.header_wrap.half1 .all_meun_btn a:before, 
	.header_wrap.half1 .all_meun_btn a:after {background:#000}

	.header_wrap.half2 {}
	.header_wrap.half2 .top_logo .logoB {display:block;}
	.header_wrap.half2 .top_logo .logoW {display:none;}
	.header_wrap.half2:hover .top_logo .logoB {display:block;}
	.header_wrap.half2:hover .top_logo .logoW {display:none;}
	.header_wrap.half2 .top_meun li:nth-child(1) a,
	.header_wrap.half2 .top_meun li:nth-child(2) a {color:#000; font-weight:500}

	.footer_top {padding:1.5rem 0;}
	.footer_top .fl,
	.footer_top .fr {float:none;}
	.footer_top li {margin-right:1.5rem; padding:1rem 0;}
	.footer_top dl {margin-left:0; margin-right:1.5rem;  padding:1rem 0;}

	.elbe_cont1 {padding:0 4rem;}
	#elbe2 .fl.left,
	#elbe4 .elbe_cont .main_tit {padding-left:4rem;}
	#elbe5 .dpCell.right {padding:0 4rem 0 3rem;}
	.elbe_cont6 {padding:16rem 4rem 7rem;}
	.rese_banner {padding:6rem 5rem;}

	.main_tit h3 br,
	.main_tit p br {display:none;}

	.LBmenu  {display:none;}
	#elbe2 .fl.left .main_tit {padding-left:0;}
	#elbe2 .fl.left .dpT {padding-right:4rem;}
	.section .pdBOX {padding:0;}

	.section .elbe_cont3 .pdBOX {padding:0 4rem;}

	#elbe1 .elbe_cont,
	#elbe4 .elbe_cont {text-align:center;}
	#elbe4 .elbe_cont .dpCell {vertical-align: bottom; padding-bottom:6rem;}
}
/* media queries  */
@media all and (max-width:1024px) {
    html{font-size:55%;}
	.rese_banner .rese_txt:after {display:none;}
	.main_sliderBOX .sliderBOX img {width:100%;}

	.btn_link {height:6rem; line-height:6rem;}
	.btn_link:after,
	.btn_link:hover:after {display:none;}
	.btn_link:hover,
	.btn_link:hover span {color:#000;}
	.rese_banner .btn_link:hover,
	.rese_banner .btn_link:hover span {color:#fff;}
	.board_list li dt a:after,
	.board_list li:hover dt a:after {display:none;}
	.board_list li:hover dt a  {color:#000; font-weight:normal}
	.btn_top.go_top {display:none;}
}

/* media queries  */
@media (max-width:900px){
    html{font-size:50%;}
	.top_meun {display:none;}
	.top_logo {position:static; left:auto; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; padding:3rem 0;}
	.top_logo img {height:3rem;}

	.mobile .header_wrap.on .header_top {background:#fff;}
	.mobile .header_wrap.on .header_top,
	.mobile .header_wrap:hover .header_top {border-bottom:none;}
	.mobile .header_wrap.fix:hover,
	.mobile .header_wrap.fix:hover .header_top  {background:none;}
	.mobile .header_wrap.on .all_meun_btn.on a:before, 
	.mobile .header_wrap.on .all_meun_btn.on a:after {background:#000;}
	.mobile .header_wrap .header_all_meun {display:block !important; width:100% !important; height:100% !important; padding:10rem 4rem 3rem !important; left:-101%;  -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.mobile .header_wrap.on .header_all_meun {left:0; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  overflow: hidden; overflow-y: auto;}

	.all_meun_btn a {width:3.6rem; height:3.6rem; padding:0.9rem 0;}
	.all_meun_btn a:before {top:0.9rem;}
	.all_meun_btn a:after {bottom:0.9rem;}
	
	.header_wrap.wh:hover .top_logo .logoB {display:none;}
	.header_wrap.wh:hover .top_logo .logoW {display:block;}
	.header_wrap.on .top_logo .logoB {display:block;}
	.header_wrap.on .top_logo .logoW {display:none;}
	.header_wrap.wh.on:hover .top_logo .logoB {display:block;}
	.header_wrap.wh.on:hover .top_logo .logoW {display:none;}
	.header_wrap.wh:hover .all_meun_btn span, 
	.header_wrap.wh:hover .all_meun_btn.on span, 
	.header_wrap.wh:hover .all_meun_btn a:before, 
	.header_wrap.wh:hover .all_meun_btn a:after {background:#fff}

	.header_all_meun {background:#fff; padding:10rem 4rem 3rem; position: fixed; top:0; height:100%;}
	.header_all_meun > ul > li:nth-child(2),
	.header_all_meun > ul > li:last-child,
	.header_all_meun > ul > li {width:100%; padding:0;}
	.header_all_meun > ul > li h3 {padding:2rem 1.5rem; font-size:2.8rem;}
	.header_all_meun > ul > li h3:before {content:''; position: absolute; top:0; left:0; width:100%; height:100%;}
	.header_all_meun h3:after {right:1.5rem; left:auto; top: 34%; width: 1.5rem; height: 1.5rem; background: none; border: 2px solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.header_all_meun li.on h3:after {transform: rotate(-135deg); top: 46%; border-color:#e38604;}
	.header_all_meun > ul > li {display:block; border-bottom:1px solid #ddd;}
	.header_all_meun > ul > li .all_link {display:none; padding:0;}
	.header_all_meun > ul > li .all_link .fl,
	.header_all_meun > ul > li .all_link .fr {float:none; width:100%;}
	.header_all_meun > ul > li.on .all_link {display:block;}
	.header_all_meun > ul > li.on h3 a {color:#e38604;}

	.header_all_meun .all_link a {font-size:2rem; padding:2rem 1.5rem; border-top:1px solid #ddd; color:#888888;}
	.header_all_meun .all_link a span,
	.header_all_meun .all_link a:hover span  {border:none; color:#888888; font-weight: 500;}
	.header_all_meun .all_link a span {position: relative; padding-left:2rem;}
	.header_all_meun .all_link a span:before {content:''; position: absolute; top:50%; left:0; margin-top:-1px; width:1.3rem; height:2px; background:#888;}

	.header_all_meun .all_sub_link {margin:0; display:block;}
	.header_all_meun .all_sub_link dt {display:block; width:100%;}
	.header_all_meun .all_sub_link dd {display:none;}
	.header_all_meun .all_link h4 {font-size:2rem; padding:2rem 1.5rem; border-top:1px solid #ddd; color:#888888;}
	.header_all_meun .all_link h4 a {position: relative; font-size:2rem; padding:0 0 0 2rem; border:none; color:#888888; font-weight: 500;}
	.header_all_meun .all_link h4 a:before {content:''; position: absolute; top:50%; left:0; margin-top:-1px; width:1.3rem; height:2px; background:#888;} 

	.footer_wrap {background:#fff;}
	.footer_top .fl,
	.footer_bottom .global_select {display:none;}

	.footer_top {padding:2rem 0;}
	.footer_top .fr dl {display:block;}
	.footer_top dl dt,
	.footer_top dl dd {font-size:1.8rem;}
	.footer_top dl dt {margin-right:1rem; font-weight: 400;}

	.footer_bottom {text-align:center;}
	.footer_bottom dl {text-align:center; margin-bottom:0;}
	.footer_bottom dl:first-child {margin-bottom:0.5rem;}
	.footer_bottom dl dt {display:none;}
	.footer_bottom dl dd {font-size:1.4rem; color:#5c5b5b; line-height:1.8rem;}
	.footer_bottom dl dd span {font-size:0; display:block; line-height:0; padding-bottom:0.5rem;}
	.footer_bottom p {font-size:1.3rem; color:#888888;}

	.btn_top.go_top {right:4rem; bottom:4rem;}
	.btn_top.go_top a {width:6rem; height:6rem; padding:0.9rem 0 0 1.9rem; background:#f18d00; transform:none; border-radius: 50%; font-size:0;}
	.btn_top.go_top a:after {display:block; width:2rem; height:2rem; border:2px solid #fff; border-width:2px 0  0 2px;  transform: rotate(45deg ); position: static;}

	.section .Cellw50 {width:100%; height:50%;}

	#elbe1 .main_cont_list {padding:2.2rem 0 6rem;}
	#elbe1 .main_cont_list li {width:100%; margin:0; margin-top:-30px; padding:2rem 0 2rem 50%; text-align:left;}
	#elbe1 .main_cont_list li:first-child {margin-left:0; background:url(../img/elbe1_list_bg1.jpg) center no-repeat; background-size: cover;}
	#elbe1 .main_cont_list li:nth-child(2) {background:url(../img/elbe1_list_bg2.jpg) center no-repeat; background-size: cover;}
	#elbe1 .main_cont_list li:last-child {background:url(../img/elbe1_list_bg3.jpg) center no-repeat; background-size: cover;}
	#elbe1 .main_cont_list li span {display:none;}
	#elbe1.active .main_cont_list li {margin:0; margin-top:2rem;}
	#elbe1.active .main_cont_list li:first-child {margin-left:0;} 
	#elbe1 .main_cont_list li p {font-size:1.8rem; padding-bottom:0; height:5rem; line-height:5rem;}

	#elbe2 .fr.right,
	#elbe2 .fl.left {height:50%;}
	#elbe2 .elbe_cont {text-align:center;}
	#elbe2 .fl.left .dpT {padding-right:0;}

	.elbe_cont3 .main_banner {height:55%}
	.elbe_cont3 .main_info {height:45%; text-align:center; display:table; width: 100%;}
	.elbe_cont3 .dpT {padding-top:4rem;}
	.section .elbe_cont3 .dpT {display:table-cell; vertical-align: middle;}
	.section .elbe_cont3 .dpCell {display:block; height:auto;}
	.elbe_cont3 .dpCell .btn_fx {position: static;}

	.section .elbe_cont5 .dpT,
	.section .elbe_cont5 .dpCell {display:block;}
	.section .elbe_cont5 .dpCell {height:45%;}
	.section .elbe_cont5 .dpCell.left {height:55%}
	.section .elbe_cont5 .dpCell.right {display:table;}

	.main_board {display:table-cell; vertical-align: middle;}
	.main_board .board_box {width:48%; display:inline-block; margin:0;}
	.main_board .board_box:first-of-type {margin-right:3%;}
	.board_list dl,
	.board_list dt {display:block;}
	.board_list dd {display:none;}
	.board_list dt a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.elbe_cont6 {padding:6rem 4rem 0;}
	.rese_banner {padding:4rem 3rem;}
	.rese_banner dl,
	.rese_banner dl dt,
	.rese_banner dl dd {display:block; width:100%;}
	.rese_banner dl dd {text-align:left; padding-top:2rem;}
	.main_slide {margin:4rem 0;}
}

/* media queries  */
@media (max-width:640px){
    html{font-size:50%;}
	.header_top,
    .header_all_meun,
	.footer_wrap,
	.sub_meun  {padding-left:2.5rem; padding-right:2.5rem;}
	.top_logo {left:2.5rem;}
	.all_meun_btn {right:2.5rem;}
	.footer_bottom {padding:2.5rem 0;}
	.btn_top.go_top {right:2rem; bottom:20rem;}
	.header_all_meun {padding:10rem 2.5rem 3rem;}

	footer {margin-top:5rem;}

	.main_tit h1 {font-size:3rem;}
	.main_tit h3 {font-size:1.7rem; line-height:1.6; word-break: keep-all; padding:0 10% 2rem;}
	.main_tit h4,
	.main_tit p {font-size:1.5rem; line-height:1.6}
	.btn_link {width:60%; font-size: 1.8rem;}

	.section {min-height:500px;}

	.main_cont_list li p {font-size:1.4rem;}

	#elbe2 .fl.left, 
	#elbe4 .elbe_cont .main_tit {padding:0 2.5rem;}

	.elbe_cont3 .dpT {padding:0;}

	.main_board .board_box {padding:0;}
	.board_box h3 {font-size:2rem;}
	.board_box h3 a {width:2rem; height:2rem;}
	.board_list {margin-top:2rem;}
	.board_list dd {display:none;}
	.board_list li {font-size:1.6rem; padding:0.5rem 0;}
	.board_list li dt {font-size:1.6rem;}

	.elbe_cont6 {padding:5rem 2.5rem 25rem;}
	.main_slide {margin:4rem 0;}
}