*{word-break:keep-all;}
@media all and (max-width: 1910px) {
    html, body {
        font-size:16px;
        font-size: 0.833333333333333vw;
    }
	
	}
@media all and (max-width: 1200px) {
    html, body { 
        font-size: 1.07421875vw;
    }
	
	}
@media all and (max-width: 820px) {
    html, body { 
        font-size: 1.829268292682927vw;
    }
}

@media all and (max-width: 540px) {
    html, body {
        font-size:15px;
        font-size: 2.7777777777778vw;
    }
	
	}


.close_btn {
  position: absolute;
  right: 2%;
  top: 0%;
  width: 50px;
  height: 50px;
  border-radius:50%; 
  background:transparent; 
  border:0px solid #ddd;
  opacity: 1;
  padding-top:12px;
  z-index:3100;cursor:pointer;
}
.close_btn:hover {
  opacity: 1;
}
.close_btn:before, .close_btn:after {
  position: absolute;
  left: 20px;
  content: ' ';
  height:40px;
  width:4px;
  background-color: #f5f5f5;
  border-radius:0px;
}
.close_btn:before {
  transform: rotate(45deg);
}
.close_btn:after {
  transform: rotate(-45deg);
}


.wrap{ min-width:1460px; max-width:1960px; width:100%; margin:auto; }


#contents{ padding-top:100px;}
 #head {
    transition: all .3s ease;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
	min-width:1400px;
    z-index: 1004;
    background-color: #fff;
	border-bottom:3px solid #002549;
}
#head *:not(#head .cont .menus .submenu) {
    transition: all .3s ease;
}
#head.on {
    background-color: rgba(255,255,255,0.9);
}

#head.on2 {
    background-color: rgba(255,255,255,0.9);
}

#head .cont {
    position: relative;
    max-width: 1400px;
    width: 92%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

#head .cont img {
    vertical-align: middle;
}

#head .cont .logo {
    line-height: 100px;
    justify-content: flex-start;
}

#head .cont .logo img {
    vertical-align: middle;
}




#head .cont .menus {
	width:65%; 
	justify-content: space-between;
    display: flex;
    align-items: center; 
	position:relative;
	 
}

#head .cont .menus .items {
    position: relative;
    padding:0 15px  ;
    flex-grow: 1;
    flex-basis: 0;	text-align:center;
}

#head .cont .menus a.toplnk {
    font-size: 1.45rem;
    color: #002549;
    line-height: 100px;
    display: block;
	font-weight:800;
}
#head .cont .menus .items.on a.toplnk  {
color:#002549; 
}
#head .cont .menus .submenu {
    display: none;
}

#head .cont .menus .items:hover > .submenu {
    display: block;
}


#head .cont .menus .submenu {
    z-index: 3;
    position: absolute ;
    top: 100%;
    left: 0px;
    width: 150px;
    background: rgba(0,0,0,0.8);
    border-radius: 0 0 20px 20px;
    padding: 15px 0;
}

#head .cont .menus .submenu a.viewlnk {
    display: block;
    font-size: 20px;
    line-height: 2; 
    color: #222;
    text-align: center;
}
#head .cont .menus .items:hover{ 
background-color:#02264a;
background-image:url(../img/common/icn_fl.png);background-repeat:no-repeat; background-position: center  7px; 
}
#head .cont .menus .items:hover{ 

}

#head .cont .menus .items:hover .toplnk{ 
color:#fff;
}

 
#head.on .logo ,#head.on .cont .menus a,#head.on .cont .right_menu a {
    line-height: 80px;
}
#head .toggle_menu{}
#head .cont .toggle_menu{ position:absolute; top:-100%; left:0px; width:100%;height:217px;border:1px solid #111; background-color:#fff;z-index:1000; padding:20px 20px ;justify-content: space-between;display: flex;align-items: stretch;opacity:0; }
#head .toggle_menu .tems{ position: relative; padding:0 10px  ; flex-grow: 1; flex-basis: 0;	text-align:center;  }
#head .toggle_menu .tems{ white-space:nowrap;text-align:left;}
#head .toggle_menu .tems.sc{ flex-grow:2; flex-basis: 0;	}
#head .toggle_menu .tems .sc_t{ font-size:1.3rem; color:#222; font-weight:800; line-height:2.0; }
#head .toggle_menu .tems .sc_b{ margin-bottom:0.8rem; }
#head .toggle_menu .tems .sc_b .input{ width:50%; border:1px solid #ddd; height:34px; padding:6px; font-size:14px; }
#head .toggle_menu .tems .sc_b .btn_sc{ width:20%;height:34px; border:0 ; margin-left:1%; border-radius:0px; background:#eb0000; color:#fff;font-size:14px; }
#head .toggle_menu .tems .tlink{ display:block; font-size:16px; color:#222; font-weight:500; line-height:1.8; }
#head .toggle_menu .tems:nth-child(1) a{padding-left:10px;}
#head .toggle_menu .tems:nth-child(2) a{padding-left:30px;}
#head .toggle_menu .tems:nth-child(3) a{padding-left:30px;}
#head .toggle_menu .tems:nth-child(4) a{padding-left:30px;}
#head .toggle_menu .tems:nth-child(5) a{padding-left:30px;}
#head .toggle_menu .tems:nth-child(6) a{padding-left:30px;}
#head .cont .menus:hover  .toggle_menu{ top:100%; opacity:1; }


#head .cont .panel {
display:none;
}

.footer{ background:#000 !important ;padding:50px 0 ;}
.footer .cont{background:#000 !important;  max-width:1400px; min-width:1400px; margin:auto;display: flex;       position: relative;    justify-content: space-between;flex-wrap:  nowrap; }
.footer:after{clear:both;content:"";display:block;}
.footer .fo1{ width:40%; }
.footer .indec{font-size:14px; line-height:1.8; font-weight:400;color:#5b6272;  margin-bottom:10px; }
.footer .indec2{font-size:14px; line-height:1.8; font-weight:400;color:#262b31;}
.footer .fo2{ width:20%; }
.footer .fo2 img{width:100%; height:auto; }
.footer .fo3{ width:40%;  justify-content: flex-end;  } 
.footer .fo3 .indec{  float:right; padding:10px 0 10px 20px; ;position:relative;}
.footer .fo3 .indec:after{content:"";display:block; position:absolute;left:-30px;top:0px;width:1px;height:100%; background:#5b6272;}
.footer .fo3:after{clear:both; content:"";display:block; }


.main_area {  width:100%; max-width:1920px; margin:auto;  }
.main_title{ text-align:center; line-height:1; padding:30px 0 50px ; font-size:2.5rem; font-weight:800; color:#000; }
.main_area .main1{ padding: 00px 0 ; max-width:1400px; margin:auto;}
.main_area .main1 .swiper-slide img{max-width:100%; 
  object-fit: cover;
  width: 100%;
  min-height: 100%;
  object-position:center;
}
.main1 .nx_next{position:absolute;right:3%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}
.main1 .nx_prev{position:absolute;left:3%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}
.main1 .nx_next img{ /*width:3.7rem;*/}
.main1 .nx_prev img{ /*width:3.7rem;*/}
.main1 .nx_next2{ display:none; position:absolute;right:3%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}
.main1 .nx_prev2{display:none;position:absolute;left:3%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}

.main2 { padding:50px 0 ;}
.main2 .cont{ width:100%; min-width:1400px; max-width:1400px; margin:auto;     display: flex;    align-items: center;    position: relative;    justify-content: space-between;}
.main2 .cont .items{width:calc(10% - 11px) }
.main2 .cont .items .imgs{  }
.main2 .cont .items .imgs img{width:100%;height:auto;   }
.main2 .cont .items .dec{ font-size:1.4rem; font-weight:700; color:#000; line-height:2; text-align:center;  }

.main3 { padding:50px 0 ;}
.main3 .cont{ width:100%; min-width:1400px; max-width:1400px; margin:auto;  padding:50px 0 ;background:#f9f9f9;  }
.swiper1 .swiper-slide{ background:#fff;padding:20px;border:1px solid #ddd;border-radius:10px;}
.swiper1 .swiper-slide img{max-width:100%;}
.review{ position:relative; padding: 0 110px;}

.main3 .cont .re_next{position:absolute;right:1%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer; }
.main3 .cont .re_prev{ position:absolute;left:1%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}

.main4 { padding: 0px 0 ;}
.main4 .cont{ width:100%; min-width:1400px; max-width:1400px; margin:auto;  padding:50px 0 0 ;background:#fff;  }
.main4 .cont .info_en{ display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap; }
.main4 .cont .info_en .items{text-align:center;  width:33.333333%; position:relative; background-color:#f9f9f9; }
.main4 .cont .info_en .items img{width:100%;}
.main4 .cont .info_en .items .dec{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50% , -50%); }
.main4 .cont .info_en .items .dec .tx1{font-size:2.1rem; color:#a2703b; font-weight:400; line-height:1.2;}
.main4 .cont .info_en .items .dec .tx2{font-size:3.1rem; color:#a2703b; font-weight:800; line-height:1.5; }
.main4 .cont .info_en .items .dec .tx3{font-size:1.5rem; color:#ddd; font-weight:100; line-height:1.4;; margin-bottom:1.0em;}
.main4 .cont .info_en .items .dec .tx4{font-size:1.7rem; color:#222; font-weight:700; line-height:1.6;}

.main5 { padding: 0px 0 50px;}
.main5 .cont{ width:100%; min-width:1400px; max-width:1400px; margin:auto;  padding:50px 0 ;background:#fff;  }
.main5 .cont .pre{display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap; }
.main5 .cont .pre .pitm{ width:50%; display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap;  }
.main5 .cont .pre .pitm .items{text-align:center;  width:50%;}
.main5 .cont .pre .pitm .items.a1{background:#fafce6;}
.main5 .cont .pre .pitm .items.a2{background:#e4f7fe;}
.main5 .cont .pre .pitm .items .dec{ padding:0 20px;  position:relative;top:50%;transform:translateY(-50%);  }
.main5 .cont .pre .pitm .items .dec .tx1{ font-size:34px; font-weight:800; line-height:1.4; }
.main5 .cont .pre .pitm .items .dec .tx2{font-size:14px; font-weight:400; line-height:1.4; margin-bottom:20px; }
.main5 .cont .pre .pitm .items .dec .tx3{font-size:22px; font-weight:400; color:#888;  line-height:1.6;}
.main5 .cont .pre .pitm .imgs{ width:50%; }
.main5 .cont .pre .pitm .imgs img{width:100%;height:auto;  }

.main6 { padding: 0px 0 50px;}
.main6 .cont{ width:100%; min-width:1400px; max-width:1400px; margin:auto;  padding: 0px 0 50px ;background:#fff;  }
.main6 .cont .guide{display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap; }
.main6 .cont .guide .items{ width:24%; }
.main6 .cont .guide .items .imgs{ }
.main6 .cont .guide .items .imgs img{width:100%; height:auto;  }
.main6 .cont .guide .items .tx{ padding:10px 0 ; font-size:16px; color:#000 ;font-weight:500; line-height:1.4; text-align:center;     white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}



.panel_menu{ position:fixed; display:none;  }


.request{ width:349px;height:514px; top:150px;left:0px;position:fixed; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity:1;
  background-repeat:no-repeat; 
  background-image:url(/img/common/quick2_bg33.png);
	z-index:11;
}
/*
.request a.cl{ position:absolute;right:-17px; top:120px; display:block; background-image:url(/img/main/req_but_on.png);z-index:13;width:17px;height:114px;}
.request a.cl.off{background-image:url(/img/main/req_but.png); }
*/
/* 따라다니는 폼 */
.request a.cl{ position:absolute;right:-54px; top:20px; display:block; background-image:url(/img/common/req2_but_on.png);z-index:13;width:54px;height:369px;}
.request a.cl.off{background-image:url(/img/common/req2_but.png); }

.request .cont{ width:349px;height:409px; position:relative; }
.request.off{ left:-349px;opacity:1;}
.request .inf{position:absolute;  }
.request .a1{left:103px;top:112px;width:232px;height:38px;border:0;background:transparent;padding-left:10px;}
.request .a2{left:103px;top:160px;width:232px;height:38px;border:0;background:transparent;padding-left:10px;}
.request .a3{left:116px;top:170px;width:152px;height:38px;border:0;background:transparent;}
.request .a4{left:103px;top:208px;width:232px;height:38px;border:0;background:transparent;padding-left:10px;}
.request .a5{left:16px;top:267px;width:246px;height:38px;border:0;background:transparent;}
.request .a6{left:112px;top:462px;width:131px;height:38px;border:0;background:transparent;}
.request input:focus,.request select:focus{ outline:none;border:10px;box-shadow:0;}

.bottom_fix{ position:fixed; left:0;bottom:0;width:100%;z-index:200;}
.bottom_fix img{width:100%;height:auto;}


.inf.aa {
	display: block;
    position: absolute;
    left: 16px;
    top: 346px;
    width: 246px;
    height: 20px;
    font-size: 13.34px;
    font-weight: 900;
    color: #000;
}
.inf.ab {
	display: block;
    position: absolute;
    left: 56px;
    top: 446px;
    width: 246px;
    height: 20px;
    font-size: 13.34px;
    font-weight: 900;
    color: #000;
}
.inf input[type=checkbox]{
	vertical-align: middle;
}

.checkform{ position:absolute;left:16px;top:256px;}
.checkform2{ position:absolute;left:16px;top:307px;font-size: 13.34px; font-weight: 900; color: #000;}



 
@media (max-width: 575px){
/* mobile */
#contents{ padding-top:0px;}
#head .cont .menus{ 
display:none;
}
#head .cont .panel {
	width:40px;
	height:40px;
	position:relative;
	 display:block;
}
.wrap{ min-width:100%; max-width:100%; width:100%; margin:auto; }



 #head {
    transition: all .3s ease;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
	min-width:100%;
    z-index: 1004;
    background-color: #fff;
	border-bottom:0px solid #002549;
}

#head .cont .logo {
    line-height: 80px;
    justify-content: flex-start;
}

#head .cont .logo img {
    vertical-align: middle;
	width:170px;
}

* {word-break:keep-all ;}

/*main  mobile*/
.main_area {  width:100%; max-width:1920px; margin:auto;  }
.main_title{ text-align:center; line-height:1.5; padding:0px 0 20px ; font-size:2.6rem; font-weight:800; letter-spacing:-0.5px; color:#000; }
.main_area .main1{ padding: 00px 0 ;}
.main_area .main1 .swiper-slide img{max-width:100%; 
  object-fit: cover;
  width: 100%;
  min-height: 100%;
  object-position:center;
  margin-top: 80px;
}
.main1 .nx_next{ position:absolute;right:3%; top:64%; transform:translateY(-50%); z-index:3; cursor:pointer; opacity: 0.5;}
.main1 .nx_prev{ position:absolute;left:3%;  top:64%; transform:translateY(-50%); z-index:3; cursor:pointer; opacity: 0.5;}

.main1 .nx_next2{ display:block;position:absolute;right:5%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}
.main1 .nx_prev2{ display:block;position:absolute;left:5%;  top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}

.main1 .nx_next img{ width:4.7rem;}
.main1 .nx_prev img{ width:4.7rem;}
.main2 { padding:20px 0 ;}
.main2 .cont{ width:94%; min-width:94%; max-width:100%; margin:auto; display: flex; flex-wrap:  wrap; align-items: center; position: relative; justify-content: space-between;}
.main2 .cont .items{width:calc(25% - 4px) }
.main2 .cont .items .imgs{  }
.main2 .cont .items .imgs img{width:100%;height:auto;   }
.main2 .cont .items .dec{ font-size:1.1rem; font-weight:700; color:#000; line-height:2.6; text-align:center;  }
.main3 { padding:10px 0 0;}
.sw_img{ height:400px;}
.sw_img2{ height:120px;}
.sw_img5{ height:220px;}

.main3 .cont{ width:100%; min-width:100%; max-width:100%; margin:auto;  padding:20px 0 30px;background:#f9f9f9;  }
.swiper1 .swiper-slide{ background:#fff;padding:10px;border:1px solid #ddd;border-radius:10px;}
.swiper1 .swiper-slide img{max-width:100%;}
.review{ position:relative; padding: 0 30px;}

.main3 .cont .re_next{position:absolute;right:5%; top:50%;transform:translateY(-50%);z-index:3;cursor:pointer; }
.main3 .cont .re_next img{width: 4.7rem; opacity: 0.5;}
.main3 .cont .re_prev{position:absolute;left:5%;  top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;}
.main3 .cont .re_prev img{width: 4.7rem; opacity: 0.5;}

.main4 { padding: 0px 0 ;}
.main4 .cont{ width:100%; min-width:100%; max-width:100%; margin:auto;  padding:50px 0 0 ;background:#fff;  }
.main4 .cont .info_en{ display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap; width:94%; margin:auto; }
.main4 .cont .info_en .items{text-align:center;  width:50%; position:relative; background-color:#f9f9f9; margin-bottom: 0px;}
.main4 .cont .info_en .items img{width:100%;vertical-align:top;}
.main4 .cont .info_en .items .dec{width:80%;position:absolute;left:50%;top:50%;transform:translate(-50% , -50%); }
.main4 .cont .info_en .items .dec .tx1{font-size:2.1rem; color:#a2703b; font-weight:400; line-height:1.2;}
.main4 .cont .info_en .items .dec .tx2{font-size:3.1rem; color:#a2703b; font-weight:800; line-height:1.5; }
.main4 .cont .info_en .items .dec .tx3{font-size:1.2rem; color:#ddd; font-weight:400; line-height:1.4;; margin-bottom:0.5em;}
.main4 .cont .info_en .items .dec .tx4{font-size:1.2rem; color:#222; font-weight:700; line-height:1.4;}
.main4 .cont .info_en .items.od1{order:1;}
.main4 .cont .info_en .items.od2{order:2;}
.main4 .cont .info_en .items.od3{order:3;}
.main4 .cont .info_en .items.od4{order:4;}
.main4 .cont .info_en .items.od5{order:5;}
.main4 .cont .info_en .items.od6{order:6;}
.main5 { padding: 0px 0  0px;}
.main5 .cont{ width:94%; min-width:94%; max-width:94%; margin:auto;  padding:50px 0 0;background:#fff;  }
.main5 .cont .pre{display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap; }
.main5 .cont .pre .pitm{ width:100%; display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap;  }
.main5 .cont .pre .pitm .items{text-align:center;  width:100%; order:2; margin-bottom:30px;}
.main5 .cont .pre .pitm .items.a1{background:#fafce6;}
.main5 .cont .pre .pitm .items.a2{background:#e4f7fe;}
.main5 .cont .pre .pitm .items .dec{ padding:20px 20px ;  position:relative;top:50%;transform:translateY(-50%);  }
.main5 .cont .pre .pitm .items .dec .tx1{ font-size:2.0em; font-weight:800; line-height:1.8; }
.main5 .cont .pre .pitm .items .dec .tx2{font-size:14px; font-weight:400; line-height:1.8; margin-bottom:10px; }
.main5 .cont .pre .pitm .items .dec .tx3{font-size:1.6rem; font-weight:400; color:#888;  line-height:1.6;}
.main5 .cont .pre .pitm .imgs{ width:100%;  order:1; }
.main5 .cont .pre .pitm .imgs img{width:100%;height:auto;  }
.main6 { padding: 0px 0 20px;}
.main6 .cont{ width:94%; min-width:94%; max-width:94%; margin:auto;  padding: 0px 0 0px ;background:#fff;  }
.main6 .cont .guide{display: flex;       position: relative;    justify-content: space-between;flex-wrap:  wrap; }
.main6 .cont .guide .items{ width:50%; } /*100% 1개 추출*/
.main6 .cont .guide .items .imgs{ }
.main6 .cont .guide .items .imgs img{width:100%; height:auto;  }
.main6 .cont .guide .items .tx{ padding:10px 0 ; font-size:14px; color:#000 ;font-weight:500; line-height:1.4; text-align:center;     white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}



.form_box {
    margin:2.5%;
	width:95%;
	/*height:510px;*/
	border: 3px solid #002549 ;
	padding:3%; 
	margin: 0 auto  60px;
}
.form_box h2 {
	background-image: url(/img/form_title_img.png);
	background-repeat: no-repeat;
	background-position: left 29px top 0px;
	text-align: center;
	height: 36px;
	padding-top: 4px;
}
.form_box p {
	margin-top:7px;
	text-align:center;
	color:#890cb8;
	font-size:16px;
	font-weight:bold;
	margin-bottom:17px;
}
.form_box div {
	padding:12px 0px 11px;
	font-size:13px;
	font-weight:900;
	color:#000;
}
.form_box div ul li {}
.form_box div span {
	width:80px;
	display:inline-block;
	text-align:right;
	letter-spacing: -1.0px;
	margin-right: 8px;
}
.form_box div input[type=text] {
	width:70%;
	height:32px;
	border:1px solid #c7cfd7;
	padding-left:8px;
}
.form_box div input[type=text]::placeholder {color:#b8b8b8;}
.form_box div input[type=checkbox] { vertical-align: middle; }
.bt_gray {
	border-top:1px solid #c7cfd7;
}
.bb_gray {
	border-bottom:1px solid #c7cfd7;
}
.form_box .btn_area {text-align:center;margin-top: 5px;}
.form_box .btn_area button {
	/*background-image: url(/img/form_submit.png);*/
	background-color:#000; border-radius:5px;
	background-repeat: no-repeat;
	border:0px;
	width:114px;height:28px;color:#fff;font-size:16px;font-weight:700;
}


/**/ 
 ::-webkit-scrollbar {
    width: 12px !important; 
	opacity:0.6;
 }

 /* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #db3843 !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
	opacity:0.6;
 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: #db3843 !important; 
 }
 
 
 
.panel_menu{  position:fixed;display:block ; right:-100%; top:0px;  transition: all .4s ease;  width:70%; 
height:100%; background:#fff;z-index:9999; background:#002448;  padding:7.5rem 2.5rem 1rem;; overflow-y:auto; }
.panel_menu.on{ right:0; }

#dimm{position:fixed;display:none ; left:0; ; top:0px;  transition: all .4s ease;  width:100%; height:100%; background:#fff;z-index:9990; background:rgba(0,0,0,0.8);  }
.panel_menu .menus .items{ position:relative; margin-bottom:1.5rem; }
.panel_menu .menus a.toplnk{ display:block; font-size:1.8rem; color:#fff;font-weight:700; line-height:4rem; }
.panel_menu .menus{}
.panel_menu .menus .arrows{ position:absolute; right:-20px; top: 0px;  }
.panel_menu .menus .arrows.on img{width:80%;transform:rotate(180deg);}
.panel_menu .menus .arrows img{width:80%;height:auto; position:relative; }
.panel_menu .search_area{}

.panel_menu .search_area .sc_t{font-size:1.8rem; color:#fff; font-weight:800; line-height:2; }
.panel_menu .search_area .sc_b{ margin-bottom:0.8rem; }
.panel_menu .search_area .sc_b .input{ width:65%; border:0px solid #ddd; height:34px; padding:10px; font-size:13px; }
.panel_menu .search_area .sc_b .btn_sc{ width:32%;height:34px; border:0 ; margin-left:1%; border-radius:0px; background:#eb0000; color:#fff;font-size:16px; }

.panel_menu .menus .tlink{display:block; line-height:3rem; font-size:1.5rem; font-weight:400; color:#fff;width:90%; margin:auto; }

.footer{ background:#000 ;padding:0;}
.footer .cont{  max-width:90%; min-width:90%; margin:auto;display: flex; position: relative; justify-content: space-between;flex-wrap:   wrap; }
.footer:after{clear:both;content:"";display:block;}
.footer .fo1{ width:100%; }
.footer .indec{font-size:1.3rem; line-height:1.8; font-weight:400;color:#5b6272; margin-bottom:10px; }
.footer .indec2{font-size:1.0rem; line-height:1.8; font-weight:400;color:#262b31; }
.footer .fo2{ width:100%; }
.footer .fo2 img{width:100%; height:auto; padding-bottom:70px;}
.footer .fo3{ width:100%;  justify-content: flex-end; display:none; } 
.footer .fo3 .indec{  float:none; padding:10px 0 10px 20px; ;position:relative;}
.footer .fo3 .indec:after{content:"";display:none; position:absolute;left:-30px;top:0px;width:1px;height:100%; background:#5b6272;}
.footer .fo3:after{clear:both; content:"";display:block; }



button{transition: all .2s ease; }
   .tables {
    width: 100%;
    border-top: 1px solid #444444;
    border-collapse: collapse;
  }
    .tables th{text-align:left; }
  .tables th,  .tables td {
    border-bottom: 1px solid #444444;
    padding: 10px; 
	height:40px; text-align:left; 
  }
button.berger{ position:absolute;left:80%;top:50%;transform:translate(-50% , -50%);}
button.berger:active,button.berger:focus{ outline:0;}

.header.on button.berger span{background:#333 !important; }
.header.on2 button.berger span{background:#333 !important; }

button.berger{background:none;z-index: 70;width:40px;height:40px;cursor:pointer;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}

#tocplusWindow{display: ;}
button.berger{ border:0;}
button.berger.on{  }
button.berger span{display: block;vertical-align:top;
  -moz-transition: all .3s ease-in-out;margin:0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;opacity:1;position: relative;
  width:25px;height:2px;background:#333;margin-bottom:6px
}
button.berger span.berger1{
margin-top:6px; 
  -webkit-animation : menu-bar01_1 1s forwards;
  -moz-animation : menu-bar01_1 1s forwards;
  animation : menu-bar01_1 1s forwards;
}
button.berger span.berger2{ opacity:1;
  transform:translateY(0px) rotate(0);width:25px; background:#333 !important;
}
button.berger span.berger3{
  -webkit-animation : menu-bar02_1 1s forwards;
  -moz-animation : menu-bar02_1 1s forwards;
  animation : menu-bar02_1 1s forwards;margin-left:0;
}

button.berger.on span.berger1{ width:27px;
  -webkit-animation : menu-bar01 1s forwards;
  -moa-animation : menu-bar01 1s forwards;
  animation : menu-bar01 1s forwards;
}
button.berger.on span.berger2{ opacity:0;
width:0;
}
button.berger.on span.berger3{ width:27px;
    -webkit-animation : menu-bar02 1s forwards;
    -moz-animation : menu-bar02 1s forwards;
    animation : menu-bar02 1s forwards;
}
.all_menu button.berger{ right:50%;top:80px;margin-right:-640px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.all_menu button.berger span{ background:#222; }

body.on button.berger,
#wrap.on + .all_menu button.berger,
.header.on button.berger{ top : 60px }

@keyframes menu-bar01 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);

  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
}

@keyframes menu-bar02 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
  50% {
    -webkit-transform : translateY(-12px) rotate(0);
    transform : translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(-12px) rotate(-45deg);
    transform : translateY(-12px) rotate(-45deg);
  }
}


@keyframes menu-bar01_1 {
  0% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}
@keyframes menu-bar02_1 {
  0% {
    -webkit-transform : translateY(-6px) rotate(-45deg);
    transform : translateY(-6px) rotate(-45deg);
  }
  50% {
    -webkit-transform : translateY(-6px) rotate(0);
    transform : translateY(-6px) rotate(0);
  }
  100% {
  -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}

@keyframes mainItem{
	0%{ bottom:50px;  }
	100%{bottom:65px;  }
}

}