html, body {width:100%; min-height:100%; /* overflow:hidden; */ }
html {overflow-y:scroll; filter:expression(document.execCommand("BackgroundImageCache", false, true)); /* overflow-x:hidden; */ }
body {background:#fff; -webkit-text-size-adjust:none; /* overflow-x:hidden; */ }
body.stop-transitions * { transition: none !important; }
#wrap {position:relative; width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:500;}


#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {position:relative; width:100%; max-width:100%; padding:0 3%; /*margin:0 auto 70px;*/ margin:0 auto;  box-sizing:border-box; /*padding:0 100px;*/}
.inner:after {display:block; content:""; clear:both;}
.pc {display:block !important;}
.pct {display:block !important;}
.tablet {display:none !important;}
.tablet2 {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}
.tabmo2 {display:none !important;}

*::placeholder { color:#999; }                     
*::-webkit-input-placeholder { color:#999; }
*:-moz-placeholder { color:#999; }             
*::-moz-placeholder { color:#999; }           
*:-ms-input-placeholder { color:#999 !important; }      
*::-ms-input-placeholder { color:#999; } 

.main {}
/*header*/
#header {position:relative;top:0;width:100%;height: 100px;z-index:120;box-shadow:2px 3px 10px 0px rgba(0, 0, 0, 0.1);}
#header .inner {max-width:100%; padding:0 5%; }
#header	.fontlar {position:absolute; right:20px; margin-top:10px;}

#header h1 {float:left;width:400px; margin-top:30px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#header h1 img {vertical-align:top; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

#topmenu {position:relative; float:left; margin-left:2%; margin-top:0px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;  }
#topmenu #gnb:after {display:block; content:""; clear:both;}
#topmenu #gnb > li {position:relative;float:left;font-size: 25px;line-height:35px;}
#topmenu #gnb > li.On { border-bottom:5px solid #00a040;}
#topmenu #gnb > li.On a {color:#00a040;}
/*#topmenu #gnb > li:hover {background:#f5fbf3;}*/
#topmenu #gnb > li > a {display:block; padding:37px 32px 28px; font-weight:500;}
#topmenu #gnb > li > a > span {position:relative; overflow: hidden; line-height:30px;}

#topmenu #gnb .submenu {z-index:30;display:none; position:absolute; left:-15px; width:100%; padding:15px 15px; background:#fff; font-size:19px; text-align:center; line-height:22px; border-radius:7px; overflow:hidden; -webkit-box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.19); -moz-box-shadow:  3px 4px 10px 0px rgba(0, 0, 0, 0.19); box-shadow:3px 4px 10px 0px rgba(0, 0, 0, 0.19);}
#topmenu #gnb .submenu li a { color:#000; display:block; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding:10px 0px; border-bottom:1px solid #e2e2e2;}
#topmenu #gnb .submenu li:hover a,
#topmenu #gnb .submenu li.td_on a {color:#00a040; background:#fff;}
#header	.totalmenu {float:right; margin-top:40px;}
#header .menu-btn {display:inline-block; position:relative; float:right; width: 29px; height: 23px; margin-top:0px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .menu-btn > span  {float:left; display:block; width: 3px;	height: 100%; background:#2c2c2c; margin-left:10px; position: Relative; -webkit-transition: all 0.3s cubic-bezier(.48,.6,.73,.95); -moz-transition: all 0.5s cubic-bezier(.48,.6,.73,.95); -ms-transition: all 0.3s cubic-bezier(.48,.6,.73,.95); -o-transition: all 0.3s cubic-bezier(.48,.6,.73,.95); transition: all 0.3s cubic-bezier(.48,.6,.73,.95); box-sizing:border-box;}
#header .menu-btn > span:first-child {margin-left:0;}
#header .menu-btn > span.bar2 {margin-top:3px; height:16px;}
#header .menu-btn:hover > span.bar1,
#header .menu-btn:hover > span.bar3 {margin-top:3px; height:16px;}
#header .menu-btn:hover > span.bar2 {margin-top:0; height:100%;}
/*
#header .menu-btn {display:inline-block; position:relative; float:right; width: 29px; height: 23px; margin-top:15px; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#header .menu-btn > span {float:left; display:block; width: 100%;	height: 2px; background:#f9f9fa; margin-top:8px; position: Relative; -webkit-transition: all 0.3s cubic-bezier(.48,.6,.73,.95); -moz-transition: all 0.5s cubic-bezier(.48,.6,.73,.95); -ms-transition: all 0.3s cubic-bezier(.48,.6,.73,.95); -o-transition: all 0.3s cubic-bezier(.48,.6,.73,.95); transition: all 0.3s cubic-bezier(.48,.6,.73,.95); box-sizing:border-box;}
#header .menu-btn > span:first-child {margin-left:0;}
#header .menu-btn > span.bar2 {margin-left:0px; width:16px;}
#header .menu-btn:hover > span.bar1,
#header .menu-btn:hover > span.bar3 {margin-left:10px; width:16px;}
#header .menu-btn:hover > span.bar2 {margin-left:0; width:100%;}
*/
#quick {position:absolute; top:65px; right:-15px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#quick ul li {margin-top:4px;}
#quick ul li:first-child {margin-top:0;}
#quick ul li a {display:block; width:60px; padding:10px 0; border:2px solid #000; /* background:#fff; */ font-weight:500; text-align:center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height:1.1; box-sizing:border-box; letter-spacing:-0.25px;}
#quick ul li a:hover {background:#000; color:#fff;}
#quick ul li.top {display:none; margin-top:20px;}
#quick ul li.top a {padding:0; border:none;}
#quick ul li.top a:hover {background:none; color:#000;}
#quick ul li.top a span {display:block; padding-top:17px; background:url('/images/common/icon/icon_top.png') no-repeat center top;}
#quick.w ul li a {border-color:#fff !important; color:#fff !important;}
#quick.w ul li a:hover {background:#fff !important; color:#000 !important;}
#quick.w ul li.top a:hover {background:none !important; color:#fff !important;}
#quick.w ul li.top a span {background-image:url('/images/common/icon/icon_top_w.png');}

.sub #topmenu #gnb > li > a { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.sub #topmenu #gnb > li > a:hover,
.sub #topmenu #gnb > li > a.on {color:#00a040;}
.sub #topmenu #gnb > li .menu-btn > span {background:#fff;}
.sub #quick ul li a {border-color:#fff; color:#fff;}
.sub #quick ul li a:hover {background:#fff; color:#000;}
.sub #header.scroll #quick ul li a {border-color:#000; color:#000;}
.sub #header.scroll #quick ul li a:hover {background:#000; color:#fff;}
.sub #header.scroll #quick ul li.top a:hover {background:none; color:#000;}

/* 전체메뉴  */
#AllMenu {display:none; position:fixed; top:0; right:-100vw; width:100%; height:100%; background:rgb(255 255 255 / 85%); color:#222; z-index:550; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#AllMenu {height:100%; overflow-y:auto;}
#AllMenu .AllMenu_wrap {padding:200px 0;}
#AllMenu a {color:#222;}
#AllMenu .btn_close {position:absolute; top:50px; right:3%;  width:20px;}
#AllMenu .btn_close img {vertical-align:top; width:100%;}
#AllMenu .menu_wrap {overflow:hidden;}
#AllMenu .menu_wrap dl {float:left; width:14.2%; height:auto; padding:20px 20px 20px 35px; border-right:1px solid #41403f; box-sizing:border-box;}
#AllMenu .menu_wrap dl:first-child {border-left:1px solid #41403f;}
#AllMenu .menu_wrap dl dt {padding-bottom:25px; font-size:33px; line-height:36px; font-weight:500;}
#AllMenu .menu_wrap dl dt.on {color:#96deb6;}
#AllMenu .menu_wrap dl dd {font-size:18px; line-height:2;}
#AllMenu .menu_wrap dl dd a {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#AllMenu .menu_wrap dl dd a:hover {color:#888;}
#AllMenu .allmenu_util {margin-top:0px; overflow:hidden;}
#AllMenu .allmenu_util .link {float:left;}
#AllMenu .allmenu_util .link ul {overflow:hidden;}
#AllMenu .allmenu_util .link ul li {float:left; padding-left:40px; font-size:18px; font-weight:500;}
#AllMenu .allmenu_util .link ul li:first-child {padding-left:0;}
#AllMenu .allmenu_util .cscenter {float:right;}
#AllMenu .allmenu_util .cscenter ul {padding-bottom:14px; margin-bottom:14px; /*border-bottom:1px solid #41403f;*/ overflow:hidden;}
#AllMenu .allmenu_util .cscenter ul li {float:left; padding-left:20px; font-weight:600;}
#AllMenu .allmenu_util .cscenter ul li:first-child {padding-left:0;}
#AllMenu .allmenu_util .cscenter ul li img {height:50px; vertical-align:middle;}
#AllMenu .allmenu_util p {text-align:right; font-size:16px;}
#AllMenu .allmenu_util p span {padding-left:10px;}
#AllMenu .allmenu_util p span:first-child {padding-left:0;}

/*#AllMenu {display:none; position:fixed; top:0; right:-100vw; width:100%; height:100%; background:rgb(255 255 255 / 85%); color:#222; z-index:550; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#AllMenu {height:100%; overflow-y:auto;}
#AllMenu .AllMenu_wrap {padding:100px 0;}
#AllMenu a {color:#222;}
#AllMenu .btn_close {position:absolute; top:50px; right:3%;  width:20px;}
#AllMenu .btn_close img {vertical-align:top; width:100%;}
#AllMenu .menu_wrap {overflow:hidden;}
#AllMenu .menu_wrap dl {float:left; width:25%; height:auto; padding:20px 20px 20px 45px; border-right:1px solid #41403f; box-sizing:border-box;}
#AllMenu .menu_wrap dl:first-child {border-left:1px solid #41403f;}
#AllMenu .menu_wrap dl dt {padding-bottom:20px; font-size:30px; font-weight:500;}
#AllMenu .menu_wrap dl dt.on {color:#96deb6;}
#AllMenu .menu_wrap dl dd {font-size:18px; line-height:2;}
#AllMenu .menu_wrap dl dd a {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#AllMenu .menu_wrap dl dd a:hover {color:#666;}
#AllMenu .allmenu_util {margin-top:0px; overflow:hidden;}
#AllMenu .allmenu_util .link {float:left;}
#AllMenu .allmenu_util .link ul {overflow:hidden;}
#AllMenu .allmenu_util .link ul li {float:left; padding-left:40px; font-size:18px; font-weight:500;}
#AllMenu .allmenu_util .link ul li:first-child {padding-left:0;}
#AllMenu .allmenu_util .cscenter {float:right;}
#AllMenu .allmenu_util .cscenter ul {padding-bottom:14px; margin-bottom:14px;  overflow:hidden;}
#AllMenu .allmenu_util .cscenter ul li {float:left; padding-left:20px; font-weight:600;}
#AllMenu .allmenu_util .cscenter ul li:first-child {padding-left:0;}
#AllMenu .allmenu_util .cscenter ul li img {height:50px; vertical-align:middle;}
#AllMenu .allmenu_util p {text-align:right; font-size:16px;}
#AllMenu .allmenu_util p span {padding-left:10px;}
#AllMenu .allmenu_util p span:first-child {padding-left:0;}
*/
/*======================= PC 1540 px ~ =======================*/

@media only screen and (max-width:1540px){
.inner {max-width:100%; padding:0 2%;}

/*header*/
#header .inner {padding:0 4%;}

/* 전체메뉴 */
#AllMenu .btn_close {right:4%;}

#AllMenu {display:none; position:fixed; top:0; right:-100vw; width:100%; height:100%; background:rgb(255 255 255 / 85%); color:#222; z-index:550; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#AllMenu {height:100%; overflow-y:auto;}
#AllMenu .AllMenu_wrap {padding:20px 0;}
#AllMenu a {color:#222;}
#AllMenu .btn_close {position:absolute; top:50px; right:3%;  width:20px;}
#AllMenu .btn_close img {vertical-align:top; width:100%;}
#AllMenu .menu_wrap {overflow:hidden;}
#AllMenu .menu_wrap dl {float:left; width:25%; height:auto; padding:20px 20px 20px 45px; border-right:1px solid #41403f; box-sizing:border-box;}
#AllMenu .menu_wrap dl:first-child {border-left:1px solid #41403f;}
#AllMenu .menu_wrap dl dt {padding-bottom:20px; font-size:30px; font-weight:500;}
#AllMenu .menu_wrap dl dt.on {color:#96deb6;}
#AllMenu .menu_wrap dl dd {font-size:18px; line-height:2;}
#AllMenu .menu_wrap dl dd a {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#AllMenu .menu_wrap dl dd a:hover {color:#666;}

}





/*======================= PC 1440 px ~ =======================*/

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

#header .inner {padding:0 2%;}
#header h1 {float:left;width:300px; margin-top:33px}
#topmenu #gnb > li > a {padding:10px 22px; font-size:21px;}
#topmenu #gnb .submenu {font-size:18px;}

}





/*======================= PC 1280 px ~ =======================*/

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

/*header*/

#header .inner {padding:0 1.5%;}
#header h1 {float:left;width:300px; margin-top:33px}
#topmenu #gnb > li > a {padding:10px 18px; font-size:20px;}
#topmenu #gnb > li.allmn {margin-left:25px;}
#topmenu #gnb .submenu {left:-10px; width:100%; padding:10px 10px; background:#fff; font-size:17px;}

/*  */
#AllMenu .menu_wrap dl {padding:40px 20px;}

/*  */
#mainVisual li.mv2 .ImgArea {margin-left:-800px;}


/* TabStyle */
.TabType01 ul li a {padding:0 35px;}

/* overview */
.overview .ovw_02 .faqConWrap {padding:80px 0;}
.overview .ovw_02 .faqCon {top:80px;}
.overview .ovw_02 .faqCon .tb .tbc {padding:0 80px;}

/* 홍보영상 */
.movie .VideoArea {width:900px; height:520px;}

}

/*============================================================*/
/*======================= Tablet 1024 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1024px){
.pc {display:none !important;}
.tablet {display:block !important;}
.mobile {display:none !important;}
.tabmo {display:block !important;}
img {max-width:100%;}
img.pc_img {display:none;}
img.tablet_img {display:block;}
img.tabmo_img {display:block;}

/*header*/
#topmenu {margin-top:20px;}
#header h1 {margin-top:30px;}
#topmenu #gnb li {display:none;}
#topmenu #gnb li.allmn {display:block; margin-left:0;}
#quick {display:none;}

/*  */
#AllMenu .AllMenu_wrap {padding:100px 0;}
#AllMenu .menu_wrap dl {float:none; width:100%; height:auto; padding:0; border:none; text-align:center;}
#AllMenu .menu_wrap dl:first-child {border:none;}
#AllMenu .menu_wrap dl dt {position:relative; padding:0; font-size:25px; line-height:2.5;}
#AllMenu .menu_wrap dl dt i {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; cursor:pointer;}
#AllMenu .menu_wrap dl dd {display:none; padding:15px 0; /*border-top:1px solid #41403f; border-bottom:1px solid #41403f;*/ border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
#AllMenu .allmenu_util {margin-top:50px;}
#AllMenu .allmenu_util .link {float:none; width:100%;}
#AllMenu .allmenu_util .link ul {text-align:center;}
#AllMenu .allmenu_util .link ul li {float:none; display:inline-block; vertical-align:middle;}
#AllMenu .allmenu_util .cscenter {float:none; width:570px; margin:65px auto 0;}

#header .menu-btn > span  {background:#222; }

/* SNB */
#SNB {disp lay:none;}
.LNB {height:50px; margin-bottom:60px;}



}



/*===============================================================*/
/*======================= Tablet 850 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:850px){


}

/*===============================================================*/
/*======================= Tablet 768 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:768px){
.pct2 {display:none !important;}
.tabmo2 {display:block !important;}
.tablet2 {display:block !important;}



}



/*===============================================================*/
/*======================= Tablet 640 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:640px){

/* AllMenu */

#header	.totalmenu {margin-top:20px;}
#AllMenu .allmenu_util .cscenter {width:290px; margin:50px auto 0; text-align:left;}
#AllMenu .allmenu_util .cscenter ul li {display:block; width:100%; padding-left:0; margin-top:15px;}
#AllMenu .allmenu_util .cscenter ul li:first-child {margin-top:0;}
#AllMenu .allmenu_util p {text-align:left;}


/* SNB */
.LNB {height:auto; margin-bottom:6%;}


}


/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){
.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
.mohidden {display:none; !important}
.tablet2 {display:none !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

/* header */
#header {height:70px;}
#header h1 {width:220px; margin-top:20px;}
#topmenu {margin-top:10px;}
#topmenu #gnb > li .menu-btn {margin-top:12px;}
#topmenu #gnb > li .menu-btn > span {width:2px;}

#header.scroll {height:auto;}
#header.scroll h1 img {height:auto;}
#header.scroll h1 {margin-top:18px;}
#header.scroll #gnb > li {height:65px;}
#header.scroll #gnb > li .menu-btn {margin-top:15px;}

/*  */
#AllMenu .btn_close {top:28px; right:5%;}
#AllMenu .AllMenu_wrap {padding:25% 0;}
#AllMenu .menu_wrap dl dt {font-size:6vw;}
/*#AllMenu .menu_wrap dl dd {padding:3% 0; font-size:4.2vw; line-height:2.5;}*/
#AllMenu .menu_wrap dl dd {    padding: 3% 0;    font-size: 4.8vw;    line-height: 1.8;}
#AllMenu .allmenu_util {margin-top:8%;}
#AllMenu .allmenu_util .link ul li {padding-left:5%; font-size:3.4vw;}
#AllMenu .allmenu_util .cscenter {width:100%; margin-top:10%;}
#AllMenu .allmenu_util .cscenter ul {margin-bottom:4%; padding-left:20%; padding-bottom:4%; }
#AllMenu .allmenu_util .cscenter ul li {margin-top:0%; font-size:3vw; width:auto; padding-right:10px;}
#AllMenu .allmenu_util .cscenter ul li img {height:10vw;}
#AllMenu .allmenu_util p {font-size:2.8vw; text-align:center;}
#AllMenu .allmenu_util p span {padding-left:3%;}


}

/*===============================================================*/
/*======================= Mobile 360 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:360px){

}

.ftLogoListBox{background:#fff; border-top:1px solid #e8e8e8; margin-top:70px;}
 .ftLogoListBox .ftLogoList{max-width:100%;margin:0 auto;padding:20px 5% 17px;}
 .ftLogoListBox .ftLogoList .slider .slick-list {margin:0 -45px;}
 .ftLogoListBox .ftLogoList .slick-slide {margin:0 45px;}
 .ftLogoListBox .ftLogoList .slick-slide img{margin:0 auto;}

.pageCont{max-width:100%;margin:0 auto; box-sizing:border-box; padding-left:5%; padding-right:5%;}
.pageFull{width:calc(100vw - 20px);transform:translateX(-50%);position:relative;left:50%;}

#foot {position:relative;float:left;z-index:100;width:100%;background:#ebebeb;/*border-top:1px solid #eee;*/padding-bottom:30px; margin-top:0px;}
#foot.under { z-index:0; }
.footWrap { position:relative; width:100%; max-width:100%;  margin:0 auto; padding:35px 5%; box-sizing:border-box;  }

.footWrap .siteif-box { padding-bottom:20px;  }
.footWrap .siteif-box a { display:inline-block; vertical-align:top; font-size:16px; line-height:22px; color:#222; padding-right:13px; }
.footWrap .siteif-box a b { font-weight:400; color:#222;  }
/*.footWrap .siteif-box a + a { margin-left:13px;  }*/

.footWrap .com-info { color:#222;}
.footWrap .com-info h3 {float:left; padding-right:50px;}
.footWrap .com-info div { float:left;}
.footWrap .com-info div h3 {float:left; width:100%; margin-bottom:20px; }
.footWrap .com-info ul { float::left; position:relative; width:100%;}
.footWrap .com-info ul li {float::left; display:inline-block; margin-right:20px;}
.footWrap .com-info ul li.w01 {width:20%}
.footWrap .com-info span { display:inline-block; vertical-align:top; margin-right:12px;  font-size:16px; line-height:24px; font-weight:300; }
.footWrap .com-info br.b1 { display:none; }
.footWrap .com-info br.b2 { display:none; }

.footWrap .copyarea { font-size:20px; color:#767676f; font-weight:300; padding-top:18px; }
.footWrap .copyarea img.imgC { width:8px;  }

.footWrap .foot-right-area { position:absolute; right:5%; top:40px;  }
.footWrap .foot-right-area > a { display:inline-block; vertical-align:top;  margin-right:7px; margin-top:7px;  }
.footWrap .foot-right-area > a img.mver { display:none; }
.footWrap .foot-right-area .partner-select {position:relative; display:inline-block; width:258px; height:48px; background:#ddd; border:1px solid #ccc; margin-left:10px; }
.footWrap .foot-right-area .partner-select > a { display:block; font-size:16px; color:#666;  height:48px; line-height:48px; padding:0 28px; background:url("/images/com/icon_select_arrw.png") no-repeat right 28px center; }
.footWrap .foot-right-area .partner-select ul {display:none; position:absolute; left:-1px; bottom:48px; width:100%; border:1px solid #ccc;  padding:10px 0; background:#fff; }
.footWrap .foot-right-area .partner-select ul li { display:block; padding:5px 28px;  }
.footWrap .foot-right-area .partner-select ul li a { display:block; font-size:15px; color:#666; }
.footWrap .foot-right-area .partner-select ul li a:hover { color:#222;  }
.footWrap .foot-right-area .fsns {position:relative; text-align:right; margin-top:25px; }

div.siteMap_noEmail{position:absolute; margin-top:-280px; z-index:101; width:460px; height:245px; background:url(../images/com/no_email.gif) no-repeat left top;}
div.siteMap_noEmail span.close_btn{position:absolute; right:12px; top:13px;}

@media screen and (max-width:1440px){
.footWrap { padding:35px 2%;  }
}


@media screen and (max-width:1260px){
	#foot { padding-left:30px; padding-right:30px; box-sizing:border-box;  }
}

@media screen and (max-width:1000px){
	.footWrap .foot-right-area { top:44px; }
}
@media screen and (max-width:790px){
	#foot {height:auto; padding-left:15px; padding-right:15px;  }
	.footWrap { padding:40px 0;  }
	.footWrap .foot-right-area { position:relative; top:auto; right:auto;  width:100%; height:32px; padding-bottom:30px;  }
	.footWrap .foot-right-area > a { margin-top:0;  }
	.footWrap .foot-right-area > a img.pver { display:none; }
	.footWrap .foot-right-area > a img.mver { display:inline-block; width:32px; height:32px; }

	.footWrap .siteif-box {padding-top:30px; padding-bottom:15px; 	 }
	.footWrap .foot-right-area .partner-select { position:absolute; right:0; top:-5px; height:40px; width:200px;}
	.footWrap .foot-right-area .partner-select > a { font-size:15px;  height:40px; line-height:40px; padding:0 10px; background:url("/images/common/icon_select_arrw_m.png") no-repeat right 10px center; background-size:14px 8px; }
	.footWrap .foot-right-area .partner-select ul { bottom:40px;  }
	.footWrap .foot-right-area .partner-select ul li { padding:5px 10px;  }
	.footWrap .com-info img {padding-bottom:10px;}
	.footWrap .foot-right-area .fsns {text-align:left; ; margin-top:0px; padding-bottom:20px;}

}

@media screen and (max-width:590px){
	.footWrap .com-info br.b1 { display:none; }
	.footWrap .com-info br.b2 { display:block; } 
	.footWrap .copyarea { padding-right:70px;  }
	.footWrap .foot-right-area .partner-select { position:relative; }
 	.footWrap .siteif-box {padding-top:65px;}
}

@media screen and (max-width:370px){
	.footWrap .siteif-box {padding-bottom:12px; }
	.footWrap .siteif-box a { font-size:14px;  }
	.footWrap .com-info span { font-size:14px;  }
}
@media screen and (max-width:350px){
	.footWrap .siteif-box a { font-size:13px; }
	.footWrap .com-info { line-height:1.1;	 }
	.footWrap .com-info span {font-size:15px; line-height:19px; }

}

 .mscroll{background:#e5f6fb;        float:left; width:100%;          }
 .mscroll .pageCont{max-width:1280px;margin:0 auto;padding:20px 20px 17px;}
 .mscroll .pageCont .slider .slick-list {margin:0 -45px;}
 .mscroll .pageCont .slick-slide {margin:0 45px;}
 .mscroll .pageCont .slick-slide img{margin:0 auto;}
 
.rsnsbox {position: fixed; right:1%; top: 310px; width:90px; opacity: 1; z-index: 90; text-align: right; }
.rsnsbox ul li {float:left; width:100%; margin-bottom:10px;}

@media only screen and (max-width:1024px){
	.rsnsbox {width:35px;}
	.rsnsbox ul li img {width:100%;}
}

@media only screen and (max-width:680px){
  .rsnsbox {display:none;}
}