@charset "utf-8";
@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/hanna.css);
@font-face {
  font-family: 'Bombardier';
	src: url('../font/Bombardier.ttf.woff') format('woff'),
    url('../font/Bombardier.ttf.svg#Bombardier') format('svg'),
    url('../font/Bombardier.ttf.eot'),
    url('../font/Bombardier.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@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'); 
 } 
   

html,body {width:100%; font-family:'Noto Sans KR','Apple SD Gothic Neo', "Malgun Gothic";font-weight:400;  }
body#main{background:#edf0f1;}
body#member{background:url(../img/Sub/sub-bg01.jpg) no-repeat center 100px #eef0f0; background-size:cover ; background-attachment:fixed;  }
body#etc{background:#e2e2e2}	
	@media only screen and (max-width:999px) {
		body#sub{background-position:center 90px;}
	}
	@media only screen and (max-width:680px) {
		body#sub{background-position:center 70px;}
	}
	@media only screen and (max-width:380px) {
		body#sub{background-position:center 60px;}
	}


#doc {position:relative;min-width:320px; overflow:hidden;-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;}
body {overflow-y:visible;overflow-x:hidden;}



/*=======================================================
  dafault css 
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; }
.div-cont:after {clear:both;content:"";display:block;}

.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.layer-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:4000;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.75);cursor:pointer }


/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:absolute;z-index:2005;}
#container-wrap{position:relative;z-index:1008; }
#footer-wrap{position:relative;z-index:1007; }



/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; min-width:320px; top:0;}
#header-wrap:before{position:absolute; left:50%;margin-left:-1000px; top:0; box-sizing:border-box;width:2000px; height:100%; display:block; content:""; background:#fff; 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;}


#sub #header-wrap:before,#member #header-wrap:before,#etc #header-wrap:before{border-bottom:1px solid #c6c6c6}
#sub #header,#member #header,#etc #header{ height:100px;}

#header .bt-mnall {position:absolute;display:block;z-index:3999; left:25px; top:28px; width:40px; height:40px; background:url(../img/Layout/bt-mnall.png) no-repeat center center; background-size:40px auto;}
#header .bt-search {position:absolute;display:block;z-index:3999; right:25px; top:28px; width:40px; height:40px; background:url(../img/Layout/bt-search.png) no-repeat center center; background-size:40px auto;}

#header #logo{ width:280px; height:54px; position:absolute; left:50%;margin-left:-140px; top:50%;margin-top:-27px; }
#header #logo a{display:block; height:54px;background:url(../img/Layout/logo.png) no-repeat center center;background-size:100% auto;}
	@media only screen and (max-width:999px) {
		#sub #header,#member #header,#etc #header{ height:90px;}
		
		#header #logo{height:44px; width:240px; margin-left:-120px; margin-top:-28px;}
		#header #logo a{background-size:145px auto; height:60px;}

		#header .bt-mnall{background-size:34px auto; width:34px; height:34px; left:20px; top:26px;}
		#header .bt-search{background-size:34px auto; width:34px; height:34px; right:20px; top:26px;}
	}
	@media only screen and (max-width:680px) {
		#sub #header,#member #header,#etc #header{ /*height:70px;*/height:80px;margin-bottom:10px;}
	
		#header #logo{height:30px; width:192px; margin-left:-100px; /*margin-top:-15px;*/margin-top:-27px;}
		#header #logo a{background-size:164px auto; /*height:30px;*/height:60px;}

		#header .bt-mnall{background-size:28px auto; width:30px; height:30px; left:15px; top:20px;}
		#header .bt-search{background-size:28px auto; width:30px; height:30px; right:15px; top:20px;}
	}
	@media only screen and (max-width:380px) {
		#sub #header,#member #header,#etc #header{ height:60px;}
		#header #logo{height:26px; width:144px; margin-left:-72px; margin-top:-13px;}
		/*#header #logo a{background-size:144px auto; height:26px;}*/
        #header #logo a{background-size:114px auto; height:46px; margin-top:-4px;}

		#header .bt-mnall{background-size:22px auto; width:30px; height:30px; left:10px; top:14px;}
		#header .bt-search{background-size:22px auto; width:30px; height:30px; right:10px; top:14px;}
	}


/* top-search */
.top-search{position:absolute; display:none;left:0; top:100px; width:100%; border-bottom:1px solid #c6c6c6;background:#eee; min-width:320px; }
.top-search .entry{background:#fabe00; padding:5px 60px 5px 10px; position:Relative;z-index:3;}
.top-search .entry input{border:1px solid #c6c6c6; padding-right:60px; padding-left:10px;border-radius:6px; height:50px; color:#000; box-sizing:border-box; width:100%; font-size:19px;}
.top-search .entry .enter{ width:50px;height:50px;box-sizing:border-box; background:url(../img/Layout/search-btn.png) no-repeat center center #f1f1f1;border:1px solid #c6c6c6;border-top-right-radius:6px; border-bottom-right-radius:6px;position:Absolute; right:60px; top:50%; margin-top:-25px; background-size:26px auto;}
.top-search .entry .close{width:60px;height:50px;background:url(../img/Layout/search-close.png) no-repeat center center ; background-size:26px auto; position:Absolute; right:0; top:50%;margin-top:-25px;}
	@media only screen and (max-width:999px) {
		.top-search{top:90px;}
		.top-search .entry input{height:48px;}
		.top-search .entry .enter{height:48px; width:48px;margin-top:-24px;background-size:24px}
	}
	@media only screen and (max-width:680px) {
		.top-search{top:70px;}
		.top-search .entry{padding-right:40px;}
		.top-search .entry input{height:40px; font-size:17px;}
		.top-search .entry .enter{height:40px; width:40px; background-size:18px auto; margin-top:-20px; right:40px;}
		.top-search .entry .close{background-size:20px auto;margin-top:-20px; width:40px;height:40px;}
	}
	@media only screen and (max-width:380px) {
		.top-search{top:60px;}
		.top-search .entry .enter{height:36px;width:36px; margin-top:-18px;background-size:16px auto;}
		.top-search .entry input{height:36px;font-size:15px;}
	}



.top-search .command{ display:block;;}
.top-search .command .tab{border-bottom:1px solid #c6c6c6;border-top:1px solid #c6c6c6; min-width:320px; width:100%;background:#fff;position:relative; z-index:9;}
.top-search .command .tab:after{clear:both; display:block; content:""}
.top-search .command .tab li{float:left;width:50%;box-sizing:border-box;}
.top-search .command .tab li:nth-child(2){border-left:1px solid #c6c6c6}
.top-search .command .tab li a{display:block;background:#f1f1f1;position:relative; line-height:70px;height:70px; text-align:center; position:relative; color:#000; font-size:21px; font-weight:500; letter-spacing:-0.05em}	
.top-search .command .tab li.active a{background:#fff}
.top-search .command .tab li a:after{display:none !important;}
.top-search .command .list{position:relative;background:#fff;min-height:300px; margin:0 20px 40px 20px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; }	
.top-search .command .list:after{width:100%; height:30px; background:url(../img/Sub/cont-foot.png) repeat-x center bottom; position:Absolute; left:0; bottom:-10px; display:block; content:""; }
.top-search .command .list li{position:relative;border-bottom:1px solid #c6c6c6}
.top-search .command .list li a{display:block;  line-height:1.2em; font-size:21px; color:#111; padding:15px ;}
.top-search .command .list .delete{width:40px;border:none;height:40px;background:url(../img/Layout/search-delete.png) no-repeat center center ; background-size:20px auto; position:Absolute; right:10px; top:50%;margin-top:-20px;}
	@media all and (max-width:999px) {
		.top-search .command .tab li a{line-height:50px; height:50px; font-size:17px;}
		.top-search .command .list li a{font-size:19px;}
	}
	@media all and (max-width:680px) {
		.top-search .command .tab li a{line-height:40px; height:40px; font-size:15px;}
		.top-search .command .list{min-height:200px; margin:0 15px 40px 15px}
		.top-search .command .list:after{background-size:30px auto ;height:10px; bottom:-10px}
		.top-search .command .list li a{font-size:17px; padding:12px 10px;}

	}
	@media all and (max-width:480px) {
		.top-search .command .tab li a{line-height:34px; height:34px; font-size:13px;}
		.top-search .command .list{ margin:0 10px 20px 10px}
		.top-search .command .list:after{background-size:26px auto; height:10px;bottom:-7px}
		.top-search .command .list .delete{background-size:16px auto;margin-top:-20px; width:40px;height:40px;right:0}
		.top-search .command .list li a{font-size:15px;}

	}
	@media all and (max-width:400px) {
	}

.top-search .result{display:none;}
.top-search .result .stit{color:#777;border-bottom:1px solid #c6c6c6; border-top:1px solid #c6c6c6; background:#f1f1f1;text-align:center;  font-size:21px;padding:20px 0; position:relative; z-index:3;}
.top-search .result .stit span{ color:#000; font-weight:500;}
.top-search .result .stit span i{ color:#00a84d;}
.top-search .result .con{position:relative;background:#fff;padding-bottom:20px; margin:0 20px 40px 20px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; }	
.top-search .result .con:after{width:100%; height:30px; background:url(../img/Sub/cont-foot.png) repeat-x center bottom; position:Absolute; left:0; bottom:-10px; display:block; content:""; }
.top-search .result .detail-btn{border-bottom:1px solid #c6c6c6;color:#111; letter-spacing:-0.04em; font-weight:700; padding:1.5vw 15px; font-size:21px; display:block;position:Relative;}
.top-search .result .detail-btn:after{ position:absolute; right:15px; top:50%;margin-top:-7px;width:14px;height:14px; background:url(../img/Layout/search-arrow02.png) no-repeat center center; display:block; content:""; background-size:10px auto;}

.top-search .result .con li{position:relative; padding-left:200px; min-height:70px;}
.top-search .result .con li:after{position:absolute; left:0; bottom:0; background:#c6c6c6; width:100%; height:1px; display:block; content:""}
.top-search .result .con li .btxt{position:absolute; color:#111; font-weight:500;letter-spacing:-0.04em; font-size:21px;padding:0 15px;left:0; top:0; width:200px; line-height:70px;height:70px;text-align:left;box-sizing:border-box;}
.top-search .result .con li .btxt:after{position:absolute; left:0; bottom:0; background:#c6c6c6; height:1px;width:100%; display:block; content:""}
.top-search .result .con li .stxt{border-left:1px solid #c6c6c6;box-sizing:border-box; line-height:70px; padding:0 20px; position:relative; font-size:21px}
.top-search .result .con li .stxt:before{position:absolute; left:0; bottom:0; background:#c6c6c6; height:1px;width:100%; display:block; content:""}

.top-search .result .con li .chk-check{display:block;border-left:1px solid #c6c6c6;box-sizing:border-box;  padding:0 20px; position:relative;}
.top-search .result .con li .chk-check:before{position:absolute; left:0; bottom:0; background:#c6c6c6; height:1px;width:100%; display:block; content:""}
.top-search .result .con li .chk-check input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.top-search .result .con li .chk-check input[type="checkbox"] + label{display:block; vertical-align:top;position: relative; padding-left:34px;line-height:70px; font-size:19px; color:#666; letter-spacing:-0.05em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.top-search .result .con li .chk-check input[type="checkbox"] + label:before { content:''; position: absolute; left:0px; top:50%; width:24px;box-sizing:border-box; height:24px; text-align:center; margin-top:-12px; background:#fff; border:2px solid #c6c6c6; border-radius:4px;}
.top-search .result .con li .chk-check input[type="checkbox"]:checked + label{color:#111;}
.top-search .result .con li .chk-check input[type="checkbox"]:checked + label:after { width:16px;height:16px; left:4px; top:50%;margin-top:-8px; position:absolute;background:#fabe00; border-radius:4px; display:block; content:""}



.top-search .result .con li .select-box{border-left:1px solid #c6c6c6;box-sizing:border-box;}
.top-search .result .con li .select-box:before{position:absolute; left:0; bottom:0; background:#c6c6c6; height:1px;width:100%; display:block; content:""}

.top-search .result .con li .chk-input{display:block;border-left:1px solid #c6c6c6;box-sizing:border-box; padding:10px;}
.top-search .result .con li .chk-input:before{position:absolute; left:0; bottom:0; background:#c6c6c6; height:1px;width:100%; display:block; content:""}
.top-search .result .con li .chk-input input{border:1px solid #c6c6c6 ; height:50px;}

.top-search .result .con li .chk-input.rtxt{padding-right:80px;}
.top-search .result .con li .chk-input.rtxt span{position:absolute ;right:15px; top:0; width:auto; line-height:70px;  color:#111; font-size:17px;}


.top-search .result .con li .select-box:after{position:absolute; right:15px; top:50%;margin-top:-7px;width:14px;height:14px; background:url(../img/Layout/search-arrow02.png) no-repeat center center; display:block; content:""; background-size:10px auto;}
.top-search .result .con li .select-box select{border-bottom:none;}

.top-search .result .con li .drag-box{ height:70px;box-sizing:border-box; position:relative; padding:10px 30px 10px 30px;border-left:1px solid #c6c6c6;}
.top-search .result .con li .drag-box:before{position:absolute; left:0; bottom:0; background:#c6c6c6; height:1px;width:100%; display:block; content:""}
.top-search .result .con li .drag-box .slider{margin:15px 0}
.top-search .result .con li .drag-box .tooltip-inner{display:none}
.top-search .result .btn-wrap{padding:15px 15px 0 15px;position:relative;}
.top-search .result .btn-wrap:after{display:block;content:"";clear:both;}
.top-search .result .btn-wrap a{display:block; border-radius:8px; text-align:center; width:48%; line-height:56px; font-size:19px;}
.top-search .result .btn-wrap .refresh-btn{float:left;background:#f1f1f1; color:#111;}
.top-search .result .btn-wrap .research-btn{float:right;background:#1b1b1b; color:#fabe00}

	@media all and (max-width:999px) {
		.top-search .result .stit{font-size:19px;padding:20px 0; }
		.top-search .result .detail-btn{font-size:19px;}
		.top-search .result .con li{ padding-left:160px; min-height:60px;}
		.top-search .result .con li .btxt{height:60px; line-height:60px; width:160px;font-size:19px;}
		.top-search .result .con li .stxt{line-height:60px;font-size:17px;}
		.top-search .result .con li .chk-input input{height:40px; padding:10px;}

		.top-search .result .con li .chk-input.rtxt{padding-right:70px;}
		.top-search .result .con li .chk-input.rtxt span{line-height:60px; font-size:15px;}
		
		.top-search .result .con li .chk-check{padding:0 15px}
		.top-search .result .con li .chk-check input[type="checkbox"] + label{line-height:60px;font-size:17px;}

		.top-search .result .con li .drag-box{ height:60px;}
		.top-search .result .con li .drag-box .slider{margin:10px 0}


		.top-search .result .btn-wrap a{font-size:17px; line-height:50px}
	}
	@media all and (max-width:680px) {
		.top-search .result .stit{font-size:17px;padding:15px 0; }
		.top-search .result .con{margin:0 15px 40px 15px}
		.top-search .result .detail-btn{font-size:17px; padding:15px 15px}
		.top-search .result .con li{min-height:50px;}
		.top-search .result .con li .btxt{height:50px; line-height:50px;padding:0 10px;font-size:17px;}
		.top-search .result .con li .stxt{line-height:50px;font-size:16px; padding:0 15px;}

		
		.top-search .result .detail-btn:after{right:10px;}
		.top-search .result .con li .select-box:after{right:10px}
		.top-search .result .con li .chk-input{ padding:5px;}
		.top-search .result .con li .chk-input input{height:40px;}
		.top-search .result .con li .chk-input.rtxt{padding-right:60px;}
		.top-search .result .con li .chk-input.rtxt span{ line-height:50px; font-size:14px; right:10px;}
		
		
		.top-search .result .con li .chk-check input[type="checkbox"] + label{line-height:50px;font-size:16px;padding-left:28px;}
		.top-search .result .con li .chk-check input[type="checkbox"] + label:before {width:20px;height:20px;margin-top:-10px;}
		.top-search .result .con li .chk-check input[type="checkbox"]:checked + label:after { width:12px;height:12px; left:4px;margin-top:-6px; }


		.top-search .result .con li .drag-box{padding:5px 15px 5px 15px; height:50px;}
		.top-search .result .con li .drag-box .slider{margin:10px 0}

		.top-search .result .btn-wrap{padding:10px 10px 0 10px;}
		.top-search .result .btn-wrap a{line-height:42px; font-size:15px;}
		
	}
	@media all and (max-width:480px) {
		.top-search .result .stit{font-size:17px;}
		.top-search .result .con{ margin:0 10px 20px 10px}
		.top-search .result .detail-btn{font-size:15px; padding:15px 10px}


	}
	@media all and (max-width:400px) {
		.top-search .result .stit{font-size:15px; padding:10px 0}
		.top-search .result .con li{min-height:40px; padding-left:120px;}
		.top-search .result .con li .btxt{width:120px;}
		.top-search .result .con li .btxt{height:40px; line-height:40px;font-size:15px;}
		.top-search .result .con li .stxt{line-height:40px;padding:0 10px; font-size:14px;}
		
		.top-search .result .con li .chk-check{padding:0 10px}
		.top-search .result .con li .chk-check input[type="checkbox"] + label{line-height:40px;font-size:14px;}

		.top-search .result .con li .chk-input input{height:30px; padding:5px;}
		.top-search .result .con li .chk-input.rtxt{padding-right:50px;}
		.top-search .result .con li .chk-input.rtxt span{ line-height:40px; font-size:13px; right:5px;}

		.top-search .result .con li .drag-box{height:40px;}
		.top-search .result .con li .drag-box .slider{margin:5px 0}


	}

	











/*=======================================================
    mainNavi-wrap 
=========================================================*/
#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
#mainNavi {position:fixed;transition:right 0.3s ease;z-index:7000;left:-310px; display:block;top:0;width:300px;background:#fff;height:100%;overflow-y:auto;box-shadow: 0 0 14px rgba(0, 0, 0, 0.7);	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.7)  ; 	-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.7)  ;  ;-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;}
#mainNavi.mn-h-open {left:0;}

.bt-mnclose{position:Absolute; right:10px; top:10px; background:url(../img/Layout/bt-close.png) no-repeat center center;background-size:22px auto;; width:36px; height:36px;}
		
	@media only screen and (max-width:680px) {
		#mainNavi {width:260px; left:-270px;}
	}
	@media only screen and (max-width:380px) {
		
	}


/* ======================================================
   #container 
=========================================================*/
#container-wrap.mcontainer{padding:0; }
#container-wrap.mcontainer #contents{ min-height:500px;}
#container-wrap.scontainer #contents{ min-height:500px;}

.sub-con{background:#fff; position:relative;  margin:0 20px 40px 20px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4)  ; }	
.sub-con.no-bg{z-index:2}
.sub-con.no-bg:after{background:#d9aa1e; height:1px;border-top:2px solid #fff; border-bottom:2px solid #fff; bottom:-3px;}
.sub-con:after{width:100%; height:30px; background:url(../img/Sub/cont-foot.png) repeat-x center bottom; position:Absolute; left:0; bottom:-10px; display:block; content:""; }
.sub-con .line-01{border-bottom:1px solid #d9aa1e; height:25px;display:block;}
.sub-con .line-02{border-top:1px solid #d9aa1e; height:25px;display:block;}
.sub-con .line-03{border-top:1px solid #d9aa1e; ;display:block;}

.sub-con .cont{margin:2px; border:4px solid #fae69a; padding:35px 40px;}
.sub-con.reserve .cont{padding:15px 35px}

.sub-con.login .line-01{display:none}
.sub-con.login .cont{margin-top:0 !important; border-top:none !important; padding-top:0 !important;}

	@media only screen and (max-width:680px) {
		#container-wrap.mcontainer #contents{}
		#container-wrap.scontainer #contents{ }
		
		.sub-con{ margin:0 15px 40px 15px}
		.sub-con:after{background-size:30px auto ;height:10px; bottom:-10px}
		.sub-con .cont{margin:2px; border:2px solid #fae69a;  padding:20px 30px}
		.sub-con.reserve .cont{padding:10px 20px}

		.sub-con .line-01, .sub-con .line-02{height:20px;}
		
		.sub-con.login .cont-top{margin-top:0; border-top:none;}
	}
	@media only screen and (max-width:380px) {
		.sub-con{ margin:0 10px 40px 10px}
		.sub-con:after{background-size:26px auto; height:10px;bottom:-7px}
		.sub-con .cont{ padding:15px 20px}
		.sub-con.reserve .cont{padding:15px 15px}
		.sub-con .line-01, .sub-con .line-02{height:15px;}


	}






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

#footer .top-btn{background:#f4cb01 url(../img/Layout/top-arrow.png) no-repeat center center; background-size:16px auto; width:70px;position:absolute; right:0; top:0; height:71px;  border-left:1px solid #c6c6c6;}

.f-member{border-top:1px solid #c6c6c6; position:relative;}
.f-member ul{overflow:hidden}
.f-member li{float:left; width:50%;box-sizing:border-box;}
.f-member li a{color:#000; text-align:center; display:block; line-height:70px; font-size:24px}
.f-member li:nth-child(2){border-left:1px solid #c6c6c6}
.f-member li:nth-child(2) a{padding-right:71px}



.f-link{overflow:hidden;border-top:1px solid #c6c6c6}
.f-link li{float:left; width:25%;box-sizing:border-box;background:#f1f1f1}
.f-link li a{color:#000; line-height:70px; font-size:21px;text-align:center; display:block;}
.f-link li:nth-child(n+2){border-left:1px solid #c6c6c6}

.footer-con{ background:#1b1b1b; padding:45px 0; text-align:center;}


.f-cs{text-align:center; font-size:0}
.f-cs li{position:relative;display:inline-block;vertical-align:top; margin:0 20px; color:#c6c6c6}
.f-cs li a{color:#000; line-height:40px; font-size:21px;text-align:center; display:block;color:#c6c6c6}
.f-cs li:before{ width:1px;height:18px; position:absolute; left:-21px; top:50%;margin-top:-9px; display:block; content:"";background:#c6c6c6; opacity:0.65}
.f-cs li:first-child:before{display:none;}
.f-cs li:nth-child(2) a{color:#fff}

.f-info{text-align:center; font-size:0;margin-top:10px;}
.f-info p{color:#000; line-height:30px; font-size:21px;text-align:center; display:block;color:#c6c6c6}
.f-info p span{display:inline-block;vertical-align:top; margin:0 10px; position:relative;}
.f-info p span:before{ width:1px;height:18px; position:absolute; left:-11px; top:50%;margin-top:-9px; display:block; content:"";background:#c6c6c6; opacity:0.65}
.f-info p span:first-child:before{display:none;}

	@media only screen and (max-width:999px) {
		#footer .top-btn{width:60px;background-size:14px; height:61px;;}

		.f-member li:nth-child(2) a{padding-right:61px}
		.f-member li a, .f-link li a {line-height:60px; font-size:19px}
		
		.f-cs li a{font-size:17px; line-height:24px;}
		.f-info p{font-size:16px; line-height:24px;}
	}
	@media only screen and (max-width:680px) {
		#footer .top-btn{width:50px;background-size:12px; height:51px}
		.footer-con{padding:35px 0}
		.f-member li:nth-child(2) a{padding-right:51px}
		.f-member li a, .f-link li a{line-height:50px; font-size:17px}
		
		.f-cs li {margin: 0 10px;}
		.f-cs li a{font-size:15px; line-height:22px; }
		.f-cs li:before{ left:-11px; height:12px; margin-top:-5px;}
		
		.f-info p span:before{ height:12px; margin-top:-5px;}
		.f-info p{font-size:14px; line-height:22px;}

		.f-info .addr{display:block; margin:0; }
		.f-info .addr:before{display:none}
	}
	@media only screen and (max-width:480px) {
		.footer-con{padding:30px 0}
		.f-info .tel{display:block; margin:0; }
		.f-info .tel:before{display:none}		
	}
	@media only screen and (max-width:400px) {
		#footer .top-btn{width:40px;background-size:10px; height:41px}
		.f-member li:nth-child(2) a{padding-right:41px}
		.f-member li a {line-height:40px; font-size:13px}
		.f-link li a{line-height:34px; font-size:13px}
		.f-cs li a{font-size:13px; line-height:22px; }
		.f-info p{font-size:12px; line-height:20px;}
	}

	

/* ======================================================
    f-reserve
=========================================================*/
.f-reserve{ position:absolute;left:0; bottom:0; width:100%;box-sizing:border-box; min-width:320px;z-index:99;background:#f1f1f1;border-top:1px solid #c6c6c6;padding:15px 0}
.f-reserve.fix{position:fixed;}
.f-reserve.stoped{position:absolute;}
.f-reserve .ctrl{width:136px;height:45px; position:absolute; left:50%;margin-left:-68px; top:-45px; background:url(../img/Sub/reserve-ctrl.png) no-repeat center center}
.f-reserve .reserve-link{overflow:hidden;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6}
.f-reserve .reserve-link li{float:left; width:33.3333%;box-sizing:border-box;background:#f1f1f1}
.f-reserve .reserve-link li a{color:#000;font-weight:500; letter-spacing:-0.03em;background:#fff;height:70px; line-height:70px; font-size:21px;text-align:center; display:block;}
.f-reserve .reserve-link li:first-child a{background:url(../img/Sub/reserve-tel.jpg) no-repeat center center #fff; background-size:34px auto}
.f-reserve .reserve-link li:nth-child(n+2){border-left:1px solid #c6c6c6}
.f-reserve .reserve-link li:last-child a{background:#f4cb01; color:#000}

.f-reserve.active .ctrl{ background:url(../img/Sub/reserve-ctrlo.png) no-repeat center center}
.f-reserve.active .con{display:block;}

.f-reserve .con{background:#fff; display:none; margin:15px 0 0 0 ;border-top:1px solid #c6c6c6;  padding:25px 15px}
.f-reserve .con .stit{line-height:120%; text-align:center; font-weight:700; font-size:27px;color:#000; letter-spacing:-0.03em; padding-bottom:12px}
.f-reserve .con .stit span{color:#0066b3; font-size:19px; font-weight:400;padding-left:15px; background:url(../img/Sub/reserve-arrow.jpg) no-repeat left center ;background-size:9px auto}
.f-reserve .con .stit span i{ color:#474747; font-size:16px;}

.f-reserve .con ul{border-top:1px solid #c6c6c6; padding-bottom:0px;}
.f-reserve .con li{border-top:1px solid #e9e8e8; position:Relative; text-align:right;  padding:10px 0}
.f-reserve .con li:first-child{margin-top:0;border-top:none;}
.f-reserve .con li div {position:Absolute; lefT:0; top:0;text-align:left;font-size:0; padding:10px 0}
.f-reserve .con li div .btxt{display:inline-block;margin-right:10px;padding-left:5px; font-weight:500;vertical-align:top; line-height:30px; font-size:15px; color:#474747}
.f-reserve .con li div  button{box-sizing:border-box;display:inline-block;vertical-align:top;  width:30px;height:30px;border:2px solid #c6c6c6; border-radius:2px;}
.f-reserve .con li .minus{background:url(../img/Sub/reserve-down.jpg) no-repeat center center;background-size:12px auto}
.f-reserve .con li .plus{background:url(../img/Sub/reserve-up.jpg) no-repeat center center;background-size:12px auto}
.f-reserve .con li input{ width:60px; text-align:center;background:#f1f1f1; color:#333;font-family:'Bombardier'; border:none;font-size:17px;height:30px; display:inline-block;vertical-align:top;}
.f-reserve .con li .won{font-family:'Bombardier'; color:#474747; font-size:24px; line-height:30px}
.f-reserve .con li:last-child{padding-top:10px;}
.f-reserve .con li:last-child .btxt{color:#000;position:Absolute; lefT:0; top:10px;text-align:left; padding:4px 0; font-size:17px;}
.f-reserve .con li:last-child .won{color:#ef2965; font-size:42px;line-height:1em}
	@media only screen and (max-width:999px) {
		.f-reserve .ctrl,.f-reserve.active .ctrl{background-size: 80px auto; height:27px; top:-27px;}
		.f-reserve .reserve-link li a {line-height:60px; height:60px;font-size:19px}
		.f-reserve .reserve-link li:first-child a{background-size:26px auto}

		.f-reserve .con .stit{font-size:21px;}
		.f-reserve .con .stit span{ font-size:17px;padding-left:20px;background-size:9px auto;background-position:4px center}
		.f-reserve .con .stit span i{ color:#474747; font-size:15px;}
		
		.f-reserve .con li {padding:4px 0}
		.f-reserve .con li div { padding:7px 0}
		.f-reserve .con li div .btxt{line-height:26px; font-size:15px;}
		.f-reserve .con li div  button{ width:24px;height:24px;border:1px solid #c6c6c6;}
		.f-reserve .con li .minus{background-size:8px auto}
		.f-reserve .con li .plus{background-size:8px auto}
		.f-reserve .con li input{ width:40px; border:none;height:24px; font-size:15px}
		.f-reserve .con li .won{font-size:17px; line-height:30px}

		.f-reserve .con li:last-child .btxt{font-size:17px; font-weight:700}
		.f-reserve .con li:last-child .won{font-size:32px;}
	}
	@media only screen and (max-width:680px) {
		.f-reserve .ctrl,.f-reserve.active .ctrl{background-size: 70px auto;height:24px;top:-23px;}
		.f-reserve .reserve-link li a{line-height:50px;height:50px; font-size:17px}
		.f-reserve .reserve-link li:first-child a{background-size:20px auto}

		.f-reserve .con .stit{font-size:19px;}
		.f-reserve .con .stit span{ font-size:15px;padding-left:20px;background-size:9px auto;background-position:4px center}
		.f-reserve .con .stit span i{ color:#474747; font-size:13px;}
	}
	@media only screen and (max-width:480px) {
		.f-reserve .reserve-link li a{line-height:38px;height:38px; font-size:14px}
		.f-reserve .con .stit{font-size:16px;}
		.f-reserve .con .stit span{ font-size:13px;padding-left:13px;background-size:9px auto;background-position:left center}
		.f-reserve .con .stit span i{ color:#474747; font-size:11px;}
	}
	

/* nmall */

/*.nmall.contants .box3-10-l,.event.contants .box3-10-l{width: 320px;height: 480px;overflow: hidden;position: relative;}
.nmall.contants .box3-10-m,.event.contants .box3-10-m,.package_bnr .box3-10-m{width: 320px; height: 320px;overflow: hidden;position: relative;}
.nmall.contants .box3-10-s,.event.contants .box3-10-s{width: 320px; height: 150px;overflow: hidden;position: relative;}


.nmall.contants .box3-10-l img,
.nmall.contants .box3-10-m img,
.nmall.contants .box3-10-s img{
	position: absolute; 
	width: 100%; 
	height: auto; 
	min-height: 100%; 
	min-width: 100%; 
	left: 50%; 
	top: 50%; 
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0) }*/

.nmall.contants {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;

}

.nmall.contants .box3-10-l,.event.contants .box3-10-l{width: 175px;height: 262px; margin-top:10px; position: relative; }



	
.nmall.contants .box3-10-l img,
.nmall.contants .box3-10-m img,
.nmall.contants .box3-10-s img{

	/*position: absolute;*/
	width: 100%;
	min-height: 100%;
	
	/*height: auto;
	min-width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);*/
	}