@charset "utf-8";
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 
@font-face {
    font-family: "Mont";
    font-weight: 400;
    font-style: normal;
    src: url("../_Font/Mont-Regular.eot");
    src: url("../_Font/Mont-Regular.eot?#iefix") format('embedded-opentype'),
         url("../_Font/Mont-Regular.woff2") format("woff2"),
         url("../_Font/Mont-Regular.woff") format("woff");
}
@font-face {
    font-family: "Mont";
    font-weight: 500;
    font-style: normal;
    src: url("../_Font/Mont-SemiBold.eot");
    src: url("../_Font/Mont-SemiBold.eot?#iefix") format('embedded-opentype'),
         url("../_Font/Mont-SemiBold.woff2") format("woff2"),
         url("../_Font/Mont-SemiBold.woff") format("woff");
}
@font-face {
    font-family: "Mont";
    font-weight: 700;
    font-style: normal;
    src: url("../_Font/Mont-Bold.eot");
    src: url("../_Font/Mont-Bold.eot?#iefix") format('embedded-opentype'),
         url("../_Font/Mont-Bold.woff2") format("woff2"),
         url("../_Font/Mont-Bold.woff") format("woff");
}
@font-face {
    font-family: "Mont";
    font-weight: 900;
    font-style: normal;
    src: url("../_Font/Mont-Heavy.eot");
    src: url("../_Font/Mont-Heavy.eot?#iefix") format('embedded-opentype'),
         url("../_Font/Mont-Heavy.woff2") format("woff2"),
         url("../_Font/Mont-Heavy.woff") format("woff");
}


html,body { font-family:'Noto Sans KR','Apple SD Gothic Neo', 'Malgun Gothic'; }
#doc {position:relative;overflow:hidden;opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
body {overflow-y:visible;overflow-x:auto; min-height:720px;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		#doc{min-width:320px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1240px; box-sizing:border-box; padding:0 20px;}
.div-cont .title {position:relative;text-align:center;margin:0 auto 0 auto; max-width:1240px; box-sizing:border-box; padding:35px 0 20px 0; color:#111;
font-size: 24px;}
.div-cont .title span{display:block; text-align:center;padding:10px 0;font-size:15px; color:#6f6f6f !important; clear:both;}
.div-cont .title ul  {margin-top: 30px;}
.div-cont .title li  {display:block; text-align:left;padding:0; color:#6f6f6f !important; clear:both; background-image: url("../_Img/Icon/blit_01.gif"); background-repeat: no-repeat;background-position: left 9px;  padding-left:8px; font-size:13px;}
.div-cont .title li u  {color:#FF3300;  text-decoration: none; }


.lineWGrey {width:100%; display: block; height: 1px; background: #ddd; overflow: hidden; box-sizing: border-box;}
.spaceH20 { display: block; height: 20px; overflow: hidden; box-sizing: border-box;}


	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.div-cont{padding:0 15px;}
		.div-cont .title {font-size: 16px;padding:15px 0 10px 0; }
		.div-cont .title span{font-size:13px;}
		.div-cont .title li  {background-position: left 8px;  padding-left:10px; font-size:12px;}
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 10px;}
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;right:100%;top:0;background:rgba(0,0,0,0.75); opacity:0;cursor:pointer;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;-o-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.header-slider-ovclick.active{right:0;opacity:1;}
	@media only screen and (min-width:1000px){
		.header-slider-ovclick{display:none !important}
	}	


/*=======================================================
    z-index default
=========================================================*/
#header-wrap{position:absolute;;z-index:2005;}
#container-wrap{position:relative;z-index:1004;}
#footer-wrap{position:relative;z-index:1001;}
#doc.show { transition-delay:0s; opacity:1;}



/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:0;  min-width:320px;}
#header-wrap:after{position:absolute; left:50%; top:0; height:100%;background:none;width:200000px; margin-left:-100000px; box-sizing:border-box;  display:block; content:""; z-index:-1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

#header {position:relative; height:209px; max-width:1200px; padding:0; }
#header .header-con{position:relative; max-width:1200px;height:165px;z-index:44;}
#header .header-fix{position:absolute; left:0; top:104px; width:100%;}
#header .header-fix .ov{overflow:visible; position:relative; max-width:1200px; margin:0 auto;}
#header .header-fix .ov:before{width:20000px; left:50%;margin-left:-10000px; top:0;height:61px;; border-top:1px solid #b2b2b2;background:#fff; border-bottom:1px solid #dedede;box-sizing:border-box; position:absolute; display:block; content:"";z-index:-1}

#header-wrap.fix .header-fix .ov{position:fixed; top:0; width:100%;}

#logo{ width:200px; height:50px; position:absolute; left:50%;margin-left:-100px;top:32px; z-index:2599;}
#logo a{display:block; height:55px;background:url(../_Img/colorspalogo.png) no-repeat left center;background-size:100% auto;}

.bt-mnall{display:none;position:absolute; left:12px; top:15px; width:30px;height:30px;background:url(../_Img/Layout/bt-mnall.png) no-repeat center center; background-size:75% auto;}
.bt-search{display:none;position:absolute; right:45px; top:15px; width:30px;height:30px;background:url(../_Img/Layout/bt-search.png) no-repeat center center; background-size:75% auto;}
.bt-cate{display:none;position:absolute; right:10px; top:15px; width:30px;height:30px;background:url(../_Img/Layout/bt-cate.png) no-repeat center center; background-size:75% auto;}
.bt-mnclose{position:absolute;right:9px;top:9px;width:40px;height:40px; z-index:5400;border:0;background:url(../_Img/Layout/bt-mnclose.png) no-repeat center center; background-size:45% auto;}

#gnb-wrap{height:40px;padding-top:4px; position:relative; z-index:100}	
#gnb-wrap:after{width:20000px; height:100%; position:absolute; left:0; top:0; border-top:4px solid #490da3; box-sizing:border-box; border-bottom:1px solid #dedede; display:block; content:"";left:50%;margin-left:-10000px; z-index:-1; }
#gnb-wrap .fl{float:none; position:absolute; left:0; top:4px;}
#gnb-wrap .fl ul:after{display:block; content:"";clear:both;}
#gnb-wrap .fl li{float:left;position:relative;}
#gnb-wrap .fl li a{display:block; line-height:40px; border-right:1px solid #dedede; font-size:12px;text-align:center; color:#666; letter-spacing:-0.03em; min-width:94px;}
#gnb-wrap .fl li:first-child a{border-left:1px solid #dedede; min-width:122px;}
#gnb-wrap .fl li:first-child a span{display:inline-block;vertical-align:top; padding-right:17px; background:url(../_Img/Layout/bt-bookmark.jpg) no-repeat right 54%; }
#gnb-wrap .fl li a:hover{color:#111;}
#gnb-wrap .fl li ul{position:absolute; display:none; left:50%;background:#fff; width:122px; margin-left:-61px; border:1px solid #bababa; top:39px;box-sizing:border-box; padding:15px;}
#gnb-wrap .fl li ul:after{width:100%;height:10px; position:absolute; left:0; top:-10px;background:url(../_Img/Layout/top-csarrow.png) no-repeat center center; display:block; content:""; }
#gnb-wrap .fl li ul li{float:none}
#gnb-wrap .fl li ul li:nth-child(n+2){margin-top:5px;}
#gnb-wrap .fl li ul li a{font-size:13px; color:#666;text-align:left; line-height:1.2em; display:block; border:none;}
#gnb-wrap .fl li ul li a:hover{color:#111;}
#gnb-wrap .fl li ul li:first-child a{border-left:none; min-width:auto;}
#gnb-wrap .fl li ul li:first-child a span{display:block; background:none; padding:0;}

#gnb-wrap .fr{float:none; position:absolute; right:0; top:4px;}
#gnb-wrap .fr ul:after{display:block; content:"";clear:both;}
#gnb-wrap .fr li{float:left;margin-left:31px;position:relative;}
#gnb-wrap .fr li:nth-child(n+2):before{width:1px;height:10px; background:#dedede; position:absolute; left:-15px; top:50%;margin-top:-5px; display:block; content:""}
#gnb-wrap .fr li a{display:block; line-height:40px;  font-size:13px;text-align:center; color:#666; letter-spacing:-0.03em; }
#gnb-wrap .fr li a span{display:inline-block;vertical-align:top;}
#gnb-wrap .fr li a i{width:15px;height:15px; border-radius:100%; display:inline-block;vertical-align:middle; margin-left:3px; line-height:15px; color:#fff; background:#8542ea;text-align:center; font-size:9px;}
#gnb-wrap .fr li a:hover{color:#111;}
	@media only screen and (min-width:1000px) and (max-width:1240px){
		#header {height:194px}
		#header .header-con{height:150px;}
		#header .header-fix{top:89px;}

		#logo{top:22px}
	}
	@media only screen and (max-width:999px){
		#header-wrap{position:fixed;}
		#header-wrap:after{background:#fff;}
		#header-wrap:before{display:none;}
		
		#header {height:105px}
		#header .header-con{height:60px;}
		#header .header-fix .ov:before{display:none;}

		#logo{width:200px; height:38px; margin-left:-100px; top:13px;}
		#logo a{height:38px;}

		.bt-mnall{display:block;}
		.bt-search{display:block;}
		.bt-cate{display:block;}

		#gnb-wrap{display:none;}
	}
	@media only screen and (max-width:680px){
		#logo{width:174px;margin-left:-87px;}

		.bt-mnall{left:7px;background-size:64% auto}
		.bt-search{right:37px;background-size:64% auto}
		.bt-cate{right:7px;background-size:64% auto}
	}
	@media only screen and (max-width:480px){
		
	}


/*공통 체크 버튼*/
input[type="checkbox"]         { width:18px !important; height:18px !important; display: inline-block !important;padding:0 ; margin:0; vertical-align: top; border:1px solid #ddd !important; -webkit-appearance:none; background-color: #dfdfdf;}

input[type="checkbox"]:checked { width:18px !important; height:18px !important; display: inline-block !important;padding:0 ; margin:0; background-image: url("../_Img/Sub/check-on.png"); background-position: center center; background-repeat: no-repeat; background-color: #ffffff;}

select, option, textarea, input:focus {outline: none;}

select {width: 200px; 
		padding: .4em .5em; color: #666;
		border: 1px solid #d0d0d0;background-color: #f6f6f6 !important;
		font-family: inherit;
		background: url('../_Img/Sub/select-arow.png') no-repeat 95% 50%;
		border-radius: 0px; box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;}

 select::-ms-expand {
					display: none !important;
					}

/*파일 입력*/
.file_input22 label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:80px !important;
    height:30px !important;
    background:#fff !important;
    color:#333 !important;
    text-align:center !important; border:1px solid #ddd; border-radius: 2px;
    line-height:30px; padding-left: 0.8em; font-size: 12px;
	background-image: url("../_Img/Icon/icon-file.png") !important; background-position: 5% 50%  !important; background-repeat: no-repeat  !important;
}
.file_input22 label input {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
}
.file_input22 input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:400px;
    height:28px;
    line-height:28px;
    font-size:12px;color:#3A63FF;
    padding:0 0 0 5px;
    border:none; text-overflow: ellipsis; 
}

@media only screen and (max-width:999px){
	.file_input22 input[type=text] {width:66% !important;}
	.file_input22 label {width:24% !important;}
}
/*파일 입력*/




.top-search{position:absolute; left:0; top:34px; width:268px;height:40px;}
.top-search .chk-input{}
.top-search .chk-input input{border:1px solid #c4c4c4;width:100%;height:40px; padding:0 45px 0 19px; letter-spacing:-0.03em; font-size:14px; box-sizing:border-box; color:#7f8288 !important; border-radius:40px;background:#fbfbfb;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset;	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset; }
.top-search .chk-input.active input{ color:#111 !important}	
.top-search .enter{width:40px;height:40px;background:url(../_Img/Layout/search-enter.png) no-repeat center center; position:absolute; right:7px; top:50%;margin-top:-20px ;border:none;}
.top-search .close{width:40px;height:40px;background:url(../_Img/Layout/search-close.png) no-repeat center center;background-size:40% auto; position:absolute; right:7px; top:50%;margin-top:-20px ;border:none;display:none;}
	
.top-cs{width:164px; min-height:60px;text-align:center; position:absolute; right:15px; top:24px;}
.top-cs .btxt{font-family:"Mont"; color:#979797; letter-spacing:-0.02em; line-height:1.2em; font-size:12px;}
.top-cs .stxt{font-family:"Mont"; margin-top:3px;font-size:24px;font-weight:600;color:#1d1d1d; letter-spacing:-0.05em; line-height:22px; padding-left:18px;background:url(../_Img/Layout/f-phone.jpg) no-repeat left 0;}
.top-cs .ctxt{font-size:12px; color:#acacac; letter-spacing:-0.03em; line-height:1.3em; margin-top:4px}

.tm-cs{width:100%;text-align:left; /* position:absolute; right:0; bottom:0; */box-sizing:border-box; padding:20px 0;}
.tm-cs .btxt{font-family:"Mont"; color:#979797; letter-spacing:0; line-height:1.2em; font-size:12px;}
.tm-cs .stxt{display:inline-block;vertical-align:top;font-family:"Mont"; margin-top:7px;font-size:24px;font-weight:600;color:#1d1d1d; letter-spacing:-0.05em; line-height:22px; padding-left:20px;background:url(../_Img/Layout/f-phone.jpg) no-repeat left 0;}
.tm-cs .ctxt{font-size:12px; color:#acacac; letter-spacing:-0.03em; line-height:1.3em; margin-top:5px}

.tm-member{padding:12px 0 12px 1px; border-bottom:1px solid #dedede;}
.tm-member ul:after{display:block; content:"";clear:both;}
.tm-member li{float:left;position:relative;}
.tm-member li:nth-child(n+2){margin-left:26px;}
.tm-member li:nth-child(n+2):before{width:1px;height:12px; background:#dedede; position:absolute; left:-13px; top:50%;margin-top:-5px; display:block; content:""}
.tm-member li a{display:block; line-height:20px;font-size:13px;text-align:center; color:#666; letter-spacing:-0.03em; }

.tm-top{display:none;}
.tm-top h2{height:50px; background:url(../_Img/colorspalogo.png) no-repeat left center; background-size:160px auto;}

.bt-allmenu{width:200px;height:61px; top:0; left:0; position:absolute; z-index:2010}
.bt-allmenu{display:block; line-height:61px; background:#490da3; color:#fff; font-size:14px; font-weight:500; letter-spacing:-0.03em; text-align:center;}
.bt-allmenu span{display:inline-block;vertical-align:top;background:url(../_Img/Layout/bt-allmenu.png) no-repeat left 54%; padding-left:25px; }
	@media only screen and (min-width:1000px) and (max-width:1240px){
		.bt-allmenu{ width:180px; top:0}
		.top-search{top:24px}
		.top-cs{top:16px}
		.bt-allmenu{display:none;}
	}
	@media only screen and (min-width:1000px){
		.top-search{display:block !important}
		.tm-cs{display:none;}
		.tm-member{display:none;}
		.bt-allmenu{display:none;}
	}
	@media only screen and (max-width:999px){
		.top-search{display:none; width:100%; top:60px; height:auto;background:#0e357e;padding:10px 42px 10px 10px;box-sizing:border-box;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)  ; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)  ; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)  ; }
		.top-search .chk-input input{border:none; height:40px;padding:0 35px 0 10px; font-size:13px;; border-radius:0;box-shadow:none; -webkit-box-shadow:none;	-moz-box-shadow:none;}
		.top-search .enter{right:40px;background-size:40% auto}
		.top-search .close{display:block;right:2px;}
		.top-cs{display:none;}
		.bt-allmenu{display:none;}

		.tm-member{display:block;}
		.tm-top{display:block; }
	}
	@media only screen and (max-width:680px){
	.bt-allmenu{display:;}
		
	}
	@media only screen and (max-width:480px){
	.bt-allmenu{display:;}
		
	}


	@media only screen and (min-width:1000px){
		.top-allmenu{display:none;position:absolute; left:0; top:60px; background:#fff; overflow:hidden; width:1200px; border:1px solid #c3c3c3; box-sizing:border-box; padding-right:0%;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1)  ; }
		.top-allmenu.active{display:block;}
		.top-allmenu:after{display:block; content:"";clear:both;}
		.top-allmenu h3{display:none;}
		.top-allmenu .close{display:none;}
		/*width:16.666666%*/
		.top-allmenu dl{float:left;width:14.222222%; box-sizing:border-box;position:relative; padding:25px; min-height:188px;}
		.top-allmenu dl:before{width:1px;height:200%; display:block; content:""; background:#c3c3c3; position:absolute; left:-1px; top:0; }
		.top-allmenu dl:nth-child(8):after{width:1px;height:200%; display:block; content:""; background:#fff; position:absolute; right:-1px; top:0; }

		.top-allmenu dt{margin-bottom:10px;position:relative;}
		.top-allmenu dt a{display:block; font-weight:500; color:#111; line-height:1.2em; font-size:17px;letter-spacing:-0.03em;}
		.top-allmenu dt:before{width:15px;height:1px;background:#7b7b7b;position:absolute; left:-15px; top:-5px; display:block; content:""; transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); }
		.top-allmenu dd{}
		.top-allmenu dd:nth-child(n+3){margin-top:7px;}
		.top-allmenu dd a{display:block; position:relative;color:#111;font-weight:400;line-height:1.2em; font-size:14px; padding:0 0 0 7px; letter-spacing:-0.03em;}
		.top-allmenu dd a:before{width:2px;height:2px; background:#7b7b7b; position:absolute; left:0; top:8px; display:block; content:""}
		.top-allmenu .abr{position:absolute; right:0; top:0; width:24%;}	
		.top-allmenu .abr ul{ padding:27px 30px;}
		.top-allmenu .abr ul:after{display:block; content:"";clear:both}
		.top-allmenu .abr ul li{float:left; position:relative;width:55%;}
		.top-allmenu .abr ul li:nth-child(even){width:45%;}
		.top-allmenu .abr ul li:nth-child(n+3){margin-top:14px;}
		.top-allmenu .abr ul li:nth-child(even):before{width:1px;height:12px; position:absolute; left:-30px; top:50%;margin-top:-6px; background:#c3c3c3; display:block; content:""}
		.top-allmenu .abr ul li a{ position:relative;color:#111;font-weight:500;line-height:1.2em; font-size:16px; padding:0 0 0 10px; letter-spacing:-0.03em;}
		.top-allmenu .abr ul li a:before{width:3px;height:3px; background:#7b7b7b; position:absolute; left:0; top:11px; display:block; content:""}
		.top-allmenu .abr ul li a:hover{color:#4a00b8;}

		.top-allmenu .gap20{display:none;}
	}
	@media only screen and (min-width:1000px) and (max-width:1240px){
		.top-allmenu{top:60px; width:100%; padding-right:0%;}
		.top-allmenu dl{padding:25px 20px; min-height:150px;}
		.top-allmenu dt a{font-size:16px;}
		.top-allmenu dd a{font-size:13px;}
		.top-allmenu dd:nth-child(n+3){margin-top:5px;}
		.top-allmenu .abr{width:22%;}
		.top-allmenu .abr ul{ padding:27px 20px;}
		.top-allmenu .abr ul li a{font-size:15px;}
		.top-allmenu .abr ul li:nth-child(n+3){margin-top:10px;}
		.top-allmenu .abr ul li:nth-child(even):before{left:-20px;}
	}
	@media only screen and (max-width:999px){
		.top-allmenu{width:250px; height:100%; position:fixed; right:-250px; top:0; display:block; overflow-y:auto;z-index:7000; background:#fff; padding:20px 25px;  box-sizing:border-box;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-in-out;}
		.top-allmenu.active{right:0;}
		#mainNavi h3{font-family:"Mont";font-weight:500; font-size:21px; color:#111; padding-bottom:15px ; border-bottom:1px solid #dedede; margin-bottom:15px; padding-bottom:15px;}
		.top-allmenu .close{display:block;position:absolute;right:9px;top:9px;width:40px;height:40px; z-index:5400;border:0;background:url(../_Img/Layout/bt-mnclose.png) no-repeat center center; background-size:45% auto;}

		#mainNavi dl{box-sizing:border-box;position:relative;margin-top:15px;padding-top:15px; border-top:1px dashed #dedede}
		#mainNavi dl:after{display:block; content:"";clear:both;}
		#mainNavi dl.first{ margin-top:0; padding-top:0; border-top:none; margin-bottom: 30px;}
		#mainNavi dt{float:left; width:100%;margin-bottom:10px;position:relative; float:left; width:100%;}
		#mainNavi dt a{display:block; font-weight:500; color:#111; line-height:1.2em; font-size:16px;letter-spacing:-0.03em;}
		#mainNavi dd{float:left; width:50%;}
		#mainNavi dd:nth-child(n+4){margin-top:7px;}
		#mainNavi dd a{display:block; position:relative;color:#111;font-weight:400;line-height:1.2em; font-size:14px; padding:0 0 0 7px; letter-spacing:-0.03em;}
		#mainNavi dd a:before{width:2px;height:2px; background:#7b7b7b; position:absolute; left:0; top:8px; display:block; content:""}

		#mainNavi .abr{background:#f3f3f3; margin-top:20px;}	
		#mainNavi .abr ul{ padding:25px;}
		#mainNavi .abr ul:after{display:block; content:"";clear:both}
		#mainNavi .abr ul li{}
		#mainNavi .abr ul li:nth-child(n+2){margin-top:3px;}
		#mainNavi .abr ul li a{ position:relative;color:#111;font-weight:500;line-height:1.2em; font-size:15px; padding:0 0 0 10px; letter-spacing:-0.03em;}
		#mainNavi .abr ul li a:before{width:3px;height:3px; background:#7b7b7b; position:absolute; left:0; top:11px; display:block; content:""}
		#mainNavi .abr ul li a:hover{color:#4a00b8;}

		#mainNavi .gap20{display:block;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}

.top-rank{width:200px;height:52px; position:absolute; right:0; top:7px; box-sizing:border-box; padding:0 0 0 12px; z-index:2010}	
.top-rank .sel{display:inline-block;vertical-align:top; color:#490da3; position:relative; font-size:14px; font-weight:500; letter-spacing:-0.03em; line-height:20px;padding-right:17px; background:url(../_Img/Layout/bt-interest.jpg) no-repeat right 54%; }
.top-rank.active .sel{background-image:url(../_Img/Layout/bt-interesto.jpg) }
.top-rank .rank-slide{margin-top:2px;height:20px; overflow:hidden;}
.top-rank .rank-slide .item a{display:block; position:relative; padding-left:24px;line-height:17px; height:18px; letter-spacing:-0.03em;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size:13px; color:#0c0c0c; }
.top-rank .rank-slide .item a span{position:absolute; left:0; top:0; font-weight:600;border:1px solid #0c0c0c; line-height:15px; width:18px; height:18px;box-sizing:border-box;text-align:center; color:#0c0c0c; font-size:10px; display:inline-block;vertical-align:top; border-radius:3px;}
.top-rank.active .rank-all{display:block;}
.top-rank .rank-all{position:absolute; display:none;left:0; top:48px; background:#fff; width:200px; padding:14px 17px; border:1px solid #dedede;box-sizing:border-box;}
.top-rank .rank-all .close{width:15px;height:15px; position:absolute; right:17px; top:14px; display:block; background:url(../_Img/Layout/bt-close.png) no-repeat center center;}
.top-rank .rank-all h3{font-weight:500; font-size:14px; color:#111;line-height:1.2em; margin-bottom:12px; letter-spacing:-0.02em; border-bottom:1px solid #dedede; padding-bottom:10px;}
.top-rank .rank-all li a{display:block ;font-size:13px; font-weight:400; color:#111;line-height:1.2em; padding:0 3px 0 3px; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-rank .rank-all li a:hover{text-decoration:underline}
.top-rank .rank-all li span{color:#000; font-weight:400;}
.top-rank .rank-all li:nth-child(n+2){margin-top:7px;}
.top-rank .rank-all .time{margin-top:10px; padding-top:9px; line-height:1.1em; color:#888; font-size:11px; border-top:1px solid #dedede;}
	@media only screen and (min-width:1000px) and (max-width:1240px){
		.top-rank{width:180px; padding-left:0;}
		.top-rank .rank-all{width:180px;}
	}
	@media only screen and (max-width:999px){
		.top-rank{display:none;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}


	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {height:60px;overflow:hidden;position:absolute;left:0;top:0;width:100%;z-index:2007;}
		#mainNavi {position:relative;overflow:visible !important;}
		
		.topmenu {display:block;position:relative;text-align:right; font-size:0;padding:0 0px 0 0px;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {height:23px; padding:21px 22px 17px 22px;font-size:16px;line-height:1.2em;display:block;color:#111; font-weight:500; letter-spacing:-0.04em; position:relative; -webkit-transition: color 0.5s ease-in-out;-moz-transition: color 0.5s ease-in-out;-o-transition: color 0.5s ease-in-out;transition: color 0.5s ease-in-out;}
		.topmenu .mn_a1 span{position:relative; display:inline-block;vertical-align:top}
		.topmenu .mn_l1 {float:left; position:relative;}
		
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1, .topmenu .over .mn_a1, .topmenu .mn_a1:hover{color:#6222c1;}
		
		.topmenu .depth2-wrap {position:absolute;top:61px;line-height:120%;text-align:left;display:none;visibility:hidden;left:0 !important;width:100% !important; min-width:120px;box-sizing:border-box;}
		.topmenu .depth2 {opacity:0;position:relative;height:auto;padding:15px 15px;overflow:hidden; min-height:41px; background:#fff;border:1px solid #777; -webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
		.topmenu .depth2:after{display:block; content:"";clear:both;}
		.topmenu .is-over .depth2, .topmenu .is-open .depth2{opacity:1;}
		.topmenu .mn_l2:nth-child(n+2){margin-top:3px;}

		.topmenu #tm07 .mn_a1 span{padding-left:40px;}
		.topmenu #tm07 .mn_a1 span:before{width:46px;height:32px;background:url(../_Img/Layout/bt-clock.png) no-repeat center center;display:block; content:""; position:absolute; left:-13px; top:50%;margin-top:-16px}
		.topmenu #tm07 .mn_a1 i{color:#ff0000}

		.topmenu .depth2 .mn_a2 {cursor:pointer; font-size:14px; line-height:1.2em;padding:3px 0 3px 0px; display:block;position:relative;font-weight:400; letter-spacing:-0.03em;color:#555;}
		.topmenu .depth2 .mn_a2:hover, .topmenu .depth2 .over .mn_a2{ color:#111;text-decoration:underline}
	
		#mainNavi-wrap .ovbar {position:absolute;height:3px;top:58px;overflow:hidden;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-35%;background:#6222c1; height:3px;content:"";display:block;z-index:200; width:70%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		
		.mn-bar {position:absolute;width:20000px;height:0; background:none;box-sizing:border-box; position:absolute; display:block; content:""; left:50%;margin-left:-10000px; z-index:-1; top:209px;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
		.mn-copy{display:none;}
	}
	@media only screen and (min-width:1000px) and (max-width:1240px){
		#mainNavi-wrap {top:0}
		.topmenu {padding:0 180px 0 190px; }
		.topmenu .mn_a1 {padding:21px 1.25vw 17px 1.25vw; font-size:15px;}
	}
	@media only screen and (max-width:999px) {
	#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;left:-260px;overflow-y:auto;top:0px;width:260px;height:100%;box-sizing:border-box; padding:5px 25px; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;-o-transition: all 0.35s ease-in-out;	transition: all 0.35s ease-in-out;}
		#mainNavi.mn-h-open {left:0;transition-delay: 0.1s;}
		
		.topmenu {width:100%;display:block;position:relative;box-sizing:border-box; padding:15px 0}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		
		.top-allmenu a {position:relative;}
		.top-allmenu .mn-txt{display:none;}

		.top-allmenu .has-sub .tgl-btn {padding:0;display:block;width:14px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
		.top-allmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(45deg);}
		.top-allmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(-45deg);}
		.top-allmenu .mn_l1:nth-child(4) {position: relative;}
		.top-allmenu .mn_l1 > .tgl-btn {right:5px;top:8px;}
		.top-allmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);}
		.top-allmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);}
		.top-allmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.top-allmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.top-allmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.top-allmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.top-allmenu .mn_a1 {position:relative;display:block; z-index:1001}
		.top-allmenu .mn_a1 span {display:block;padding:9px 30px 9px 0px;overflow:hidden;font-size:15px;font-weight:400;letter-spacing:-0.01em;white-space:normal;cursor:pointer;color:#333;}
		.top-allmenu .over .mn_a1 span, .topmenu .is-open .mn_a1 span, .topmenu  .mn_a1:hover span {color:#6222c1;}
		
		.top-allmenu #tm07 {margin-top:5px;}
		.top-allmenu #tm07 .mn_a1 span{padding-left:37px; color:#333}
		.top-allmenu #tm07 .mn_a1 span:before{width:40px;height:28px;background:url(../_Img/Layout/bt-clock.png) no-repeat center center;background-size:100% auto;display:block; content:""; position:absolute; left:-13px; top:50%;margin-top:-16px}
		.top-allmenu #tm07 .mn_a1 i{color:#ff0000}

		.top-allmenu li > div {display:none; opacity:0;}
		.top-allmenu .depth2-wrap {position:relative; width:auto !important}
		.top-allmenu .depth2 {position:relative;background:#f6f6f6;padding:10px 0;}
		.top-allmenu .depth2:after {clear:both;content:"";display:block}
		.top-allmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.top-allmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.top-allmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
		.top-allmenu .depth2 .mn_a2 {display:block;padding:3px 45px 3px 17px; position:relative;font-size:13px;font-weight:300;cursor:pointer;color:#444;}
		.top-allmenu .depth2 .mn_a2:hover, .topmenu .depth2 .over .mn_a2{color:#111;font-weight:400;text-decoration:underline}
		
		.mn-bar{display:none;}
		
		
	}
	
	
	/*=======================================================
		.tm-menu
	=========================================================*/
	.tm-menu{background:#ffffffe; padding:0 17px; height:45px; overflow:hidden;border-top:1px solid #999999;border-bottom:1px solid #999999}
	.tm-menu ul:after{display:block; content:"";clear:both}
	.tm-menu li{float:left;margin-left:34px; position:relative;}
	.tm-menu li:before{width:1px;height:14px; position:absolute; left:-16px; top:50%;margin-top:-7px; background:rgba(255,255,255,0.3); display:block; content:""}
	.tm-menu li:first-child{margin-left:0;}
	.tm-menu li:first-child:before{display:none;}
	.tm-menu li a{line-height:43px; color:#000; font-size:15px; height:45px; letter-spacing:-0.02em;}
	
	.tm-quick{position:relative;padding:17px 20px; background:#f6f6f6; }
	.tm-quick ul{}
	.tm-quick ul:after{display:block; content:"";clear:both}
	.tm-quick li{}
	.tm-quick li:nth-child(n+2){margin-top:10px;}
	.tm-quick li:nth-child(4) a{line-height:27px; height:34px;}
	.tm-quick li a{display:block;font-size:14px; color:#111; font-weight:500;letter-spacing:-0.03em; text-align:left; padding-left:48px ;line-height:34px; background-size:34px auto !important;}

	.tm-quick li:nth-child(1) a{background:url(../_Img/Sub/quick-ico01.png) no-repeat left top}
	.tm-quick li:nth-child(2) a{background:url(../_Img/Sub/quick-ico02.png) no-repeat left top}
	.tm-quick li:nth-child(3) a{background:url(../_Img/Sub/quick-ico03.png) no-repeat left top}
	.tm-quick li:nth-child(4) a{background:url(../_Img/Sub/quick-ico04.png) no-repeat left top}
	@media only screen and (min-width:1000px) {
		.tm-menu, .tm-quick{display:none;}

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

	}
	@media only screen and (max-width:680px){
		.tm-menu{padding:0 15px;}
		.tm-menu li{margin-left:30px;}
		.tm-menu li:before{height:12px; margin-top:-6px; left:-15px;}
		.tm-menu li a{font-size:14px;}
	}
	@media only screen and (max-width:480px){
		.tm-menu{padding:0 12px;}
		.tm-menu li{margin-left:26px;}
		.tm-menu li:before{height:10px; margin-top:-5px; left:-13px;}
		.tm-menu li a{font-size:13px;}
	}


/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{margin-top:209px}
#container-wrap .div-cont:after{display:block;content:"";clear:both;}
#container-wrap #contents{min-height:800px;}

#container-wrap.scontainer #contents{padding-bottom:150px;}

#path{height:45px; position:relative;text-align:right;}
#path:after{width:20000px; left:50%;margin-left:-10000px; height:100%; top:0; background:#f4f4f4; position:absolute; z-index:-1; display:block; content:""}
#path ul{padding-left:21px;background:url(../_Img/Sub/path-home.jpg) no-repeat left center; float:right;}
#path ul:after{display:block ;content:"";clear:both}
#path li{float:left;padding-left:14px; color:#111; font-weight:300; line-height:45px; background:url(../_Img/Sub/path-arrow.jpg) no-repeat left center;}
	@media only screen and (min-width:1000px) and (max-width:1240px){
		#container-wrap{margin-top:194px}
		#container-wrap.scontainer #contents{padding-bottom:120px;}

		#path{height:40px;}
		#path li{line-height:40px; font-size:13px;}
	}
	@media only screen and (max-width:999px){
		#container-wrap{margin-top:105px}
		#container-wrap.scontainer #contents{padding-bottom:90px;}

		#path{display:none;}
	}
	@media only screen and (max-width:680px){
		#container-wrap.scontainer #contents{padding-bottom:60px;}
	}
	@media only screen and (max-width:480px){
		
	}

/* ======================================================
   #quick-wrap
=========================================================*/
#quick-wrap{position:absolute; right:15px; top:280px; width:80px; z-index:2004;-webkit-transition:right 0.4s ease-in-out;-moz-transition: right 0.4s ease-in-out;-o-transition:  right 0.4s ease-in-out;transition: right 0.4s ease-in-out;}
#quick-wrap .quick{position:relative;}
#quick-wrap .quick ul{}
#quick-wrap .quick li{}
#quick-wrap .quick li:nth-child(n+2){margin-top:7px;}
#quick-wrap .quick li a{display:block;font-size:13px; color:#111; font-weight:500;letter-spacing:-0.03em; text-align:center; padding-top:38px;}

#quick-wrap .quick li:nth-child(1) a{background:url(../_Img/Sub/quick-ico01.png) no-repeat center top}
#quick-wrap .quick li:nth-child(2) a{background:url(../_Img/Sub/quick-ico02.png) no-repeat center top}
#quick-wrap .quick li:nth-child(3) a{background:url(../_Img/Sub/quick-ico03.png) no-repeat center top}
#quick-wrap .quick li:nth-child(4) a{background:url(../_Img/Sub/quick-ico04.png) no-repeat center top}

#quick-wrap .page-top{margin-top:15px;font-family: "Mont";display:block;text-align:center;background:#490da3; color:#fff;padding:7px 0 2px 0}
#quick-wrap .page-top span{padding-top:3px; display:block;background:url(../_Img/Sub/page-top.png)no-repeat center top; font-size:10px;}
#quick-wrap .page-down{margin-top:2px;font-family: "Mont";display:block;text-align:center;background:#33353d; color:#fff;padding:5px 0 7px 0;}
#quick-wrap .page-down span{padding-bottom:3px; display:block;background:url(../_Img/Sub/page-down.png)no-repeat center bottom; font-size:10px;}

#quick-wrap .qbanner{background:#fff; border:1px solid #d4d4d4; border-radius:4px; text-align:center; min-height:170px;margin-top:15px;box-sizing:border-box; padding:4px;}
#quick-wrap .qbanner .item{padding:5px 0 5px 0;}
#quick-wrap .qbanner .item a{display:block;}
#quick-wrap .qbanner .item img{width:100%;}
#quick-wrap .qbanner .ctrl{margin-top:10px;border:1px solid #ededed; border-radius:20px; height:18px; position:relative; display:inline-block;vertical-align:top;font-size:0;background:#fff;}
#quick-wrap .qbanner .ctrl:after{width:1px;height:10px; position:absolute; left:50%; top:50%;margin-top:-5px; background:#ededed; display:block; content:""}
#quick-wrap .qbanner .ctrl .prev{display:inline-block;vertical-align:top; width:20px;height:18px;background:url(../_Img/Sub/quickbanner-prev.jpg) no-repeat center center;}
#quick-wrap .qbanner .ctrl .next{display:inline-block;vertical-align:top; width:20px;height:18px;background:url(../_Img/Sub/quickbanner-next.jpg) no-repeat center center;margin-left:1px;}

#quick-wrap .recent{background:#fff; border:1px solid #d4d4d4; border-radius:4px; text-align:center; min-height:270px; box-sizing:border-box; margin-top:15px;box-sizing:border-box; padding:10px 5px;}
#quick-wrap .recent h3{font-size:12px; color:#000 ;line-height:1.2em; margin-bottom:7px; font-weight:400;letter-spacing:-0.03em; }
#quick-wrap .recent .rec-prev{position:relative; left:auto; top:auto; bottom:auto; right:auto;display:block; height:15px;background:url(../_Img/Sub/recent-prev.jpg) no-repeat center center;}
#quick-wrap .recent .rec-next{position:relative; left:auto; top:auto; bottom:auto; right:auto;display:block; height:15px;background:url(../_Img/Sub/recent-next.jpg) no-repeat center center;}
#quick-wrap .recent .recent-slide{height:225px;overflow:hidden;}
#quick-wrap .recent .item:nth-child(n+2){margin-top:20px;}
#quick-wrap .recent .item:nth-child(n+2):before{width:100%;height:1px; border-top:1px dashed #ccc; display:block; content:""; position:absolute; left:0; top:-12px;}
#quick-wrap .recent .item{position:relative;}
#quick-wrap .recent .item a{display:block;}
#quick-wrap .recent .item img{width:100%;}
#quick-wrap .recent .item .txt{margin-top:5px; overflow:hidden;max-height:29px;}
#quick-wrap .recent .item .txt p{font-size:12px; line-height:1.2em; color:#999999; letter-spacing:-0.03em;}
#quick-wrap .recent .item a:hover .txt p {color:#111}
	@media only screen and (max-width:1400px){
		#quick-wrap{right:-100px;}
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}








/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;}
#footer { position:relative;text-align:left; }

.f-link{position:relative;}
.f-link:after{position:absolute; left:50%; width:20000px; height:100%; margin-left:-10000px; top:0; box-sizing:border-box; border-top:1px solid #555; border-bottom:1px solid #bfbfbf; display:block; content:""; z-index:-1;}
.f-link ul:after{display:block;content:"";clear:both;}
.f-link li{float:left;position:relative;}
.f-link li:nth-child(n+2){margin-left:35px;}
.f-link li:nth-child(n+2):before{width:1px;height:10px; position:absolute; left:-17px; top:50%;margin-top:-5px; background:#c7c7c7; display:block; content:""}
.f-link li a{display:block; line-height:49px; color:#2b2b2b; font-size:14px; letter-spacing:-0.02em;}

.f-center{position:relative; padding:35px 0}
.f-center:after{display:block;content:"";clear:both}
.f-center h4{color:#2b2b2b;  font-family: "Mont";font-size:14px; font-weight:300; line-height:1.2em; margin-bottom:12px;}

.f-center .cs{position:relative; float:left; width:31%; box-sizing:border-box; padding-right:3%;}
.f-center .cs .btxt{font-size:24px;font-weight:600;color:#1d1d1d; letter-spacing:-0.05em; line-height:22px; padding-left:22px;background:url(../_Img/Layout/f-phone.jpg) no-repeat left 1px;}
.f-center .cs .stxt{font-size:13px; color:#acacac; letter-spacing:-0.03em; line-height:1.3em; margin-top:10px}
.f-center .cs .stxt br:first-child{display:none;}

.f-center .account{position:relative; float:left; width:18%; box-sizing:border-box;padding:0 3%}
.f-center .account .nums{font-size:13px; color:#acacac; letter-spacing:-0.03em; line-height:1.3em;}
.f-center .account .chk-select{margin-top:12px; width:100%; position:relative;}
.f-center .account .chk-select select{cursor:pointer;border:1px solid #e9e9e9;width:100%; height:30px; border-radius:5px;font-size:13px; color:#acacac; letter-spacing:-0.03em; padding:0 20px 0 5px; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;}
.f-center .account .chk-select select option{color:#111;}
.f-center .account .chk-select:after{background:url(../_Img/Layout/bank-arrow.jpg) no-repeat center center; position:absolute; width:10px; height:10px; position:absolute; right:9px; top:50%;margin-top:-5px; display:block; content:""; z-index:3}

.f-center .link{position:relative; float:left; width:18%; box-sizing:border-box;padding:0 3%}
.f-center .link ul:after{display:block; content:"";clear:both;}
.f-center .link li:nth-child(n+2){margin-top:5px;}
.f-center .link li, .f-center .link li a{font-size:13px; color:#acacac; letter-spacing:-0.03em; line-height:1.3em;}
.f-center .link li a:hover{color:#111;}

.f-center .return{position:relative; float:left; width:33%; box-sizing:border-box;padding:0 0 0 3%}
.f-center .return p{font-size:13px; color:#acacac; letter-spacing:-0.03em; line-height:1.3em;}

.f-center .account:before,
.f-center .link:before,
.f-center .return:before{width:1px;height:110px; background:#ddd; position:absolute; left:0; top:-3px; display:block; content:"";}
	@media only screen and (max-width:1240px){
		.f-link li a{font-size:13px; line-height:45px;}

		.f-center h4{margin-bottom:10px;}
		.f-center .cs{padding-right:2%; width:34%;}
		.f-center .cs .btxt{font-size:21px;}
		.f-center .cs .stxt{font-size:12px;}

		.f-center .account{padding:0 2%; width:18%}
		.f-center .account .nums{font-size:12px;}
		.f-center .account .chk-select select{font-size:12px;}

		.f-center .link{padding:0 2%; width:16%}
		.f-center .link li, .f-center .link li a{font-size:12px;}

		.f-center .return{padding-left:2%; width:32%;}
		.f-center .return p{font-size:12px;}
	}
	@media only screen and (max-width:999px){
		.f-link:after{position:absolute; left:50%; width:20000px; height:100%; margin-left:-10000px; top:0; box-sizing:border-box; border-top:1px solid #555;background:#555; border-bottom:1px solid #555; display:block; content:""; z-index:-1;}
		.f-link ul{text-align:left;}
		.f-link li{float:none; display:inline-block;vertical-align:top}
		.f-link li a{color:#fff;}

		.f-center{padding:27px 0}
		.f-center .cs{padding-right:2%; width:23%;}
		.f-center .cs .btxt{font-size:19px;}
		.f-center .cs .stxt br:first-child{display:block;}

		.f-center .account{padding:0 2%; width:25%}

		.f-center .link{padding:0 2%; width:20%}
		.f-center .link li:nth-child(n+2){margin-top:3px;}

		.f-center .return{padding-left:2%; width:32%;}
		.f-center .return p br{display:none;}
	}
	@media only screen and (max-width:780px){
		.f-link:after{position:absolute; left:50%; width:20000px; height:100%; margin-left:-10000px; top:0; box-sizing:border-box; border-top:1px solid #555;background:#555; border-bottom:1px solid #555; display:block; content:""; z-index:-1;}
		.f-link ul{text-align:center;}
		
		.f-link li:nth-child(n+2){margin-left:25px;}
		.f-link li:nth-child(n+2):before{left:-15px;}

		.f-center{padding:25px 0;}
		.f-center h4{margin-bottom:7px;}
		.f-center .cs{float:left; width:50%; text-align:center; height:120px;}
		.f-center .cs .btxt{display:inline-block;vertical-align:top;}
		.f-center .cs .stxt{margin-top:7px;}
		.f-center .cs .stxt br:first-child{display:block;}

		.f-center .account{padding:0; float:none; width:auto; height:auto; text-align:center; height:120px;}
		.f-center .account .chk-select{display:inline-block;vertical-align:top; width:160px;}

		.f-center .link{float:left; width:50%;height:105px; text-align:center;padding-top:20px; border-top:1px dashed #dedede;}
		.f-center .link ul{ display:inline-block;vertical-align:top; width:170px;}
		.f-center .link li{float:left; width:65%;text-align:left;}
		.f-center .link li:nth-child(even){width:35%}
		.f-center .link li:nth-child(2){margin-top:0;}
		.f-center .link li:nth-child(n+3){margin-top:5px;}

		.f-center .return{float:left; width:50%;padding:0;height:105px; text-align:center;padding-top:20px; border-top:1px dashed #dedede;}

		.f-center .account:before,
		.f-center .link:before,
		.f-center .return:before{display:none;}
	}
	@media only screen and (max-width:480px){
		#footer{padding:0;}
		.f-center{padding:25px 10px;}
		.f-center .cs{float:none; width:auto; padding:0;height:auto; text-align:center;}
		.f-center .account{margin-top:20px;padding:0;padding-top:20px; border-top:1px dashed #dedede;float:none; width:auto; height:auto; text-align:center;}
		.f-center .link{float:none; width:auto;margin-top:20px;padding:0;padding-top:20px; border-top:1px dashed #dedede; height:auto; text-align:center;}
		.f-center .return{float:none; width:auto; margin-top:20px;padding:0;padding-top:20px; border-top:1px dashed #dedede; height:auto; text-align:center;}
		.f-center .return p{width:280px; margin:0 auto;}

		.f-link li a{font-size:12px;color:#fff; line-height:42px;}
		.f-link li:nth-child(n+2){margin-left:20px;}
		.f-link li:nth-child(n+2):before{left:-11px; opacity:0.4}
	}
	@media only screen and (max-width:380px){
		.f-link li:nth-child(n+2){margin-left:12px;}
		.f-link li:nth-child(n+2):before{left:-7px;}
	}



.f-info{position:relative; padding:35px 0;}
.f-info:after{position:absolute; left:50%; width:20000px;height:100%; margin-left:-10000px; background:#f6f6f6; display:block; content:""; top:0; z-index:-1;}
.f-info p{color:#8d8d8d; line-height:1.2em; font-size:12px; letter-spacing:-0.02em; display:inline-block;vertical-align:top;}
.f-info p.in-nums{margin-top:4px;}
.f-info p i{color:#4d4d4d;}
.f-info p span{position:relative; display:inline-block;vertical-align:top;}
.f-info p span:nth-child(n+2){margin-left:22px;}
.f-info p span:nth-child(n+2):before{width:1px;height:10px; position:absolute; left:-12px; top:50%;margin-top:-5px; background:#c7c7c7; display:block; content:""}
.f-info p.in-person{display:block;}
.f-info p.in-copy{display:block;margin-top:7px; letter-spacing:0 ; font-size:12px;word-break: keep-all;}

.f-info .in-comm p:nth-child(2) span:nth-child(1){margin-left:22px;}
.f-info .in-comm p:nth-child(2) span:nth-child(1):before{width:1px;height:10px; position:absolute; left:-12px; top:50%;margin-top:-5px; background:#c7c7c7; display:block; content:""}
.f-info .in-nums p:nth-child(2){margin-left:22px; position:relative;}
.f-info .in-nums p:nth-child(2):before{width:1px;height:10px; position:absolute; left:-12px; top:50%;margin-top:-5px; background:#c7c7c7; display:block; content:""}

	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:780px){
		.f-info{text-align:center;}
		.f-info .in-comm p:nth-child(2){display:block;}
		.f-info .in-comm p:nth-child(2) span:nth-child(1){margin-left:0;}
		.f-info .in-comm p:nth-child(2) span:nth-child(1):before{display:none;}
		
		.f-info .in-nums{margin-top:4px;}
		.f-info .in-nums p:nth-child(2){margin-left:0;display:block}
		.f-info .in-nums p:nth-child(2):before{display:none;}

		.f-info p.in-person{margin-top:4px;}
		.f-info p span:nth-child(n+2){margin-left:15px;}
		.f-info p span:nth-child(n+2):before{left:-9px;}
	}
	@media only screen and (max-width:480px){
		.f-info{padding:25px 10px;}
		.f-info .in-comm p:nth-child(2) span:nth-child(2){margin-left:0;display:block; margin-top:4px;}
		.f-info .in-comm p:nth-child(2) span:nth-child(2):before{display:none;}
	}