@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@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: 'OmniGothic'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(/resources/font/OmniGothic.woff2) format('woff2'), 
        url(/resources/font/OmniGothic.woff) format('woff'), 
        url(/resources/font/OmniGothic.otf) format('opentype'); 
 }  
@import url(//cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css);
html,body {width:100%; font-family:"Roboto","Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic";font-weight:400;  }
#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:auto;}
	@media only screen and (min-width:1000px) {
		body{overflow-y:visible !important;}

	}


/*=======================================================
  css dafault
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1100px; box-sizing:border-box; padding:0 10px;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:999px) {
		.div-cont{padding:0}

	}


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

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



/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap{left:0; top:0; width:100%; min-width:320px;}
#header-wrap:after{width:2000px;height:100%; background:#fff; position:absolute; display:block; content:""; left:50%;margin-left:-1000px; z-index:-1; top:0;border-bottom:1px solid #e6e6e6;box-sizing:border-box;}
#header-wrap.fix{position:fixed}
#header{position:relative;min-height:168px; }
#header .header-con{position:relative; min-height:109px; z-index:2009}
#header .header-con:before{width:2000px;height:100%; background:#fff; position:absolute; display:block; content:""; left:50%;margin-left:-1000px;  top:0;border-bottom:1px solid #888;box-sizing:border-box;}

#logo{ position:absolute; left:0; top:40px;width:137px; height:25px;}
#logo a{display:block;background:url(../img/logo.png) no-repeat left center;color:#30343a; font-size:24px;height:25px; letter-spacing:-0.03em;line-height:25px;font-family:'OmniGothic'; }
#logo a:after{position:absolute;width:8px;height:26px; background:url(../img/logo-dot.png) no-repeat center center; right:-23px; top:50%; display:block; content:"";-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}

.bt-mnall{display:none; position:Absolute; width:40px; height: 40px; right:15px; top:24px;background:url(../img/Layout/bt-mnall.png) no-repeat center center; background-size:26px auto}
.bt-login{ position:absolute; width:35px; height: 32px; right:127px; top:33px;background:url(../img/Layout/bt-login.png) no-repeat center center; background-size:100% auto}
.bt-msg{ position:absolute; width:32px; height: 33px; right:68px; top:33px;background:url(../img/Layout/bt-msg.png) no-repeat center center; background-size:100% auto}
.bt-msg.alrim:after{width:8px;height:8px;border-radius:100%; position:absolute;right:-10px; top:0;background:#fa2828; display:block; content:""}
.bt-allmenu{ position:absolute; width:33px; height: 33px; right:8px; top:33px;background:url(../img/Layout/bt-allmenu.png) no-repeat center center; background-size:27px auto}
.bt-allmenu.active{background:url(../img/Layout/allmenu-close.png) no-repeat center center; background-size:31px auto}

.bt-mnall{ display:none; position:absolute; width:33px; height: 33px; right:8px; top:33px;background:url(../img/Layout/bt-allmenu.png) no-repeat center center; background-size:27px auto}
.bt-search{ display:none;position:absolute; width:33px; height: 33px; right:127px; top:33px;background:url(../img/Layout/bt-search.png) no-repeat center center; background-size:100% auto}
.bt-prev{ display:none; position:absolute; width:40px; height: 40px; left:15px; top:33px;background:url(../img/Layout/bt-prev.png) no-repeat center center;background-size:100% auto}

.top-search{width:540px;border-bottom:3px solid #000000; left:280px; top:24px;  height:57px; position:absolute;}
.top-search .chk-input{width:100%}
.top-search .chk-input input{width:100%; box-sizing:border-box; letter-spacing:-0.03em;font-weight:100; height:57px; border:none; font-size:30px; padding:0 70px 0 25px}
.top-search .chk-input.active{font-weight:300;}
.top-search .search-enter{position:absolute; top:9px; right:17px;width:36px;height:36px;background:url(../img/Layout/bt-search.png) no-repeat center center;}
.top-search	.search-close{display:none;position:absolute; top:9px; right:17px;width:36px;height:36px;background:url(../img/Layout/allmenu-close.png) no-repeat center center;}
.top-search .search-layer.show{display:block;}
.top-search .search-layer{display:none;background:#fff;border:1px solid #cecdcd;position:absolute; left:0; top:60px; width:100%; min-height:300px;box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.1)  ; -webkit-box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.1)  ; -moz-box-shadow: 3px 4px 8px rgba(0, 0, 0, 0.1)  ; }
.top-search .search-layer .sample{padding:15px; color:#000; font-size:15px; letter-spacing:-0.04em;}
	@media only screen and (min-width:1001px) and (max-width:1100px){
		.top-search{left:25%; display:block !important; width:50%}
		.top-search .chk-input input{padding-left:20px;}

		#logo{left:10px;}
	}
	@media only screen and (min-width:1000px){
		#header-wrap.fix #header{min-height:109px}
		 #header-wrap.fix #mainNavi-wrap{top:-49px}
		 #header-wrap.fix .mn-bar{opacity:0}
	}
	@media only screen and (max-width:999px) {
		#header{min-height:138px;}
		#header .header-con{min-height:80px;}
		#header .header-con:before{border-width:1px;border-color:#000}
		#header-wrap.fix #header{min-height:80px}
		#header-wrap.fix #mainNavi-wrap{margin-top:-78px} 
		
		#sub #header{min-height:80px;}
/*		#sub #header .header-con:before{display:none;}*/
/*		#sub #header #mainNavi-wrap{display:none;}*/
		#sub #header-wrap:after{border-bottom-width:1px;}
		#sub #header-wrap.fix:after{border-bottom-width:1px;}

		#sub.person #header-wrap:after{border-bottom-width:0;background:#ffc72c;-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;}
		#sub.person #header-wrap.fix:after{border-bottom-width:0;background:#fff;border-bottom:1px solid #e6e6e6;}
		
		#sub .bt-prev{display:block; left:20px;top:20px; width:33px;height:33px;}


		#logo{top:25px ; left:20px;}
		#sub #logo{display:none;}
		
		.bt-allmenu, .bt-login{display:none;}
		.bt-search{display:block;top:23px; /* top:19px */; right:130px;}
		.bt-msg{top:22px;/* top:19px */; right:75px;}
		.bt-mnall{display:block; top:22px;/* top:19px */; right:20px;}
		
		.top-search{ display:none;left:0; top:0; height:80px; border-width:2px; box-sizing:border-box; background:#fff; width:100%; z-index:2009}
		.top-search .search-enter{top:20px; right:70px;background-size:28px;}
		.top-search .search-close{ display:block; right:20px; top:20px;background-size:24px;}
		.top-search .chk-input input{padding-right:130px; height:78px; font-size:25px ;padding-left:20px;}

		#sub .top-search{border-bottom:1px solid #e6e6e6}

	}
	@media only screen and (max-width:780px) {
		#header{min-height:100px;}
		#header .header-con{min-height:65px;}
		#header .header-con:before{border-width:1px;border-color:#000}
		#header-wrap.fix #header{min-height:65px}
		/* #header-wrap.fix #mainNavi-wrap{margin-top:-63px} */

		#sub #header{min-height:65px;}
		#sub .bt-prev{left:20px; width:24px;height:24px;}
		
		#logo {width:108px; top:20px; }
		#logo a{background-size:108px auto;}
		#logo a:after{ width:4px; height:20px; background-size:4px auto;  right:-15px;}
		
		.bt-search{background-size:24px auto; right:96px; width:24px;height:24px; top:21px;}
		.bt-msg{background-size:24px auto; right:56px; width:24px;height:24px; top:20px;}
        .bt-msg.alrim:after{width:6px;height:6px;border-radius:100%; position:absolute;right:-10px; top:0;background:#fa2828; display:block; content:""}

		.bt-mnall{background-size:21px auto; right:14px; width:24px;height:24px; top:20px;}
		.top-search{height:65px;border-width:2px;}
		.top-search .search-enter{top:14px; right:42px;background-size:22px;}
		.top-search .search-close{ display:block; right:7px; top:14px;background-size:18px;}
		.top-search .chk-input input{padding-right:100px; height:63px; font-size:19px;padding-left:15px;}


	}
	@media only screen and (max-width:680px) {
		#logo {left:20px;}
	}
	@media only screen and (max-width:480px) {
		#logo {left:15px;}
		#sub .bt-prev{left:15px;}
	}
	


	/* mainNavi-wrap */
    #mainNavi.bt-line{border-bottom: 1px solid #e0e0e0}
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {height:50px;overflow:hidden;position:absolute;left:0;top:109px;width:100%;display:block;z-index:2007; -webkit-transition: top 0.3s ;-moz-transition: top 0.3s ;-o-transition: top 0.3s ;transition: top 0.3s ;}
		#mainNavi {position:relative;overflow:visible !important;}
		
		.topmenu {display:block;position:relative;text-align:center; font-size:0;width:auto !important; -webkit-transform:none !Important;  -moz-transform: none !Important;  -ms-transform:none !Important;  -o-transform:none !Important;  transform:none !Important}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {height:23px; padding:18px 41px 17px 41px;font-size:18px;line-height:1.35em;display:block;color:#1e1e1e; font-weight:700; letter-spacing:-0.045em; position:relative; }
		.topmenu .mn_l1 {display:inline-block;vertical-align:top; position:Relative;}
		.topmenu .mn_l1:first-child{}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1, .topmenu .over .mn_a1{color:#1e1e1e }

		.topmenu .depth2-wrap {position:absolute;top:60px;line-height:120%;text-align:left;display:none;visibility:hidden;padding:0;left:0 !important;width:500px !important;padding-left:0; box-sizing:border-box;}
		.topmenu .depth2 {position:relative;height:auto;padding:0;overflow:hidden; min-height:50px;}
		.topmenu .depth2 li {float:left;letter-spacing:-1px;line-height:1.3em; width:auto; margin-left:42px;}
		.topmenu .depth2 li:first-child{margin-left:42px;}
		.topmenu .depth2 .mn_a2 {cursor:pointer; font-size:16px; line-height:1.2em;padding:16px 0 15px 0px; display:block;text-transform:uppercase; position:relative;font-weight:400; letter-spacing:-0.045em;color:#1e1e1e;}

		#mainNavi-wrap .ovbar {position:absolute;height:3px;top:56px;display:block;overflow:hidden;;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-50px;background:#ffc72c; height:3px;content:"";display:block;z-index:200; width:100px;-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:2000px;height:0; background:#fff; position:absolute; display:block; content:""; left:50%;margin-left:-1000px; z-index:-1; top:168px;border-bottom:1px solid #e6e6e6}

		.topmenu #tm03 .depth2-wrap{width:250px !Important; left:-40px !Important;}
		.topmenu #tm04 .depth2-wrap{width:750px !Important; left:-495px !Important;}
		.topmenu #tm05 .depth2-wrap{width:480px !Important; left:-380px !Important;}


		#side{display:none !important;}
		.header-slider-ovclick{display:none !important;}
	}
	@media only screen and (max-width:999px) {
		#mainNavi-wrap {position:relative; height:auto !important; -webkit-transition: top 0.3s ;-moz-transition: top 0.3s ;-o-transition: top 0.3s ;transition: top 0.3s ;}
		#mainNavi{height:58px;}
		#mainNavi.h55{height:55px;}
		.topmenu {display:block;position:relative;text-align:center; font-size:0}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_l1 {float:left;}
		.topmenu .mn_l1.active .mn_a1:after{position:absolute;bottom:0;left:50%;margin-left:-40%;background:#ffc72c; height:3px;content:"";display:block;z-index:200; width:80%;-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;}
		.topmenu .mn_a1 {height:23px; padding:18px 31px 17px 31px;font-size:18px;line-height:1.35em;display:block;color:#1e1e1e; font-weight:700; letter-spacing:-0.045em; position:relative; }
/*		.topmenu .depth2-wrap{display:none !important}*/
        
        .topmenu .depth2-wrap {position:absolute;top:60px;line-height:120%;text-align:left;display:none;visibility:hidden;padding:0;left:0 !important;width:500px !important;padding-left:0; box-sizing:border-box;}
		.topmenu .depth2 {position:relative;height:auto;padding:0;overflow:hidden; min-height:50px;}
		.topmenu .depth2 li {float:left;letter-spacing:-1px;line-height:1.3em; width:auto; margin-left:42px;}
		.topmenu .depth2 li:first-child{margin-left:42px;}
		.topmenu .depth2 .mn_a2 {cursor:pointer; font-size:16px; line-height:1.2em;padding:16px 0 15px 0px; display:block;text-transform:uppercase; position:relative;font-weight:400; letter-spacing:-0.045em;color:#1e1e1e;}
        
        
	}
	@media only screen and (max-width:680px) {
		#mainNavi{height:51px;}
		#mainNavi.h55{height:48px;}
		.topmenu .mn_a1 {height:23px; padding:16px 20px 12px 20px;font-size:15px;line-height:1.35em;display:block;color:#1e1e1e; font-weight:500; letter-spacing:-0.045em; position:relative; }

	}
	@media only screen and (max-width:480px) {
		.topmenu .mn_a1 {padding:16px 12px 12px 12px; }
	}

/* all-menu */
.all-menu{position:absolute; left:0; top:109px; display:block; width:100%; z-index:2009; padding:70px 0 50px; text-align:center; font-size:0; display:none;}
.all-menu.open{display:block;}
.all-menu:after{background:#fff; width:2000px;left:50%;margin-left:-1000px; top:0;z-index:-1; display:block; content:"";position:absolute; height:100%;}
.all-menu dl{display:inline-block;vertical-align:top;font-size:15px; text-align:left; margin:0 40px;}
.all-menu dt{position:relative;display:inline-block;vertical-align:top; margin-bottom:37px}
.all-menu dt:before{width:100%;height:5px;background:#ffc72c; position:absolute; left:0; bottom:5px; display:block; content:""}
.all-menu dt a{display:block;font-size:26px;color:#1e1e1e; line-height:1.3em; font-weight:500; letter-spacing:-0.055em; position:relative; z-index:5;}
.all-menu dd:nth-child(n+3){margin-top:20px;}
.all-menu dd a{display:block;font-size:16px;color:#1e1e1e; line-height:1.3em; font-weight:300; letter-spacing:-0.055em;}



/* side */
#side{width:400px;height:100%; position:fixed; right:-400px; top:0;  display:block; z-index:9999;background:#f5f5f5; 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-out;}
#side.mn-h-open{right:0;}
#side .con{ position:relative;padding:60px 20px 25px 20px; box-sizing:border-box;overflow-y:auto;}
#side .side-option{width:36px;height:36px; position:absolute; right:56px; top:15px;background:url(../img/Layout/side-option.png) no-repeat center center;background-size:28px auto;}
#side .side-close{ width:36px;height:36px; position:absolute; right:14px; top:15px;background:url(../img/Layout/side-close.png) no-repeat center center;background-size:28px auto;}

#side .myInfo{ position:relative;}
#side .myInfo .btxt{font-size:17px;color:#676767; line-height:1.3em; letter-spacing:-0.045em;}
#side .myInfo .stxt{display:inline-block;vertical-align:top;font-size:21px;font-weight:600; color:#000; line-height:1.3em;letter-spacing:-0.045em; position:relative;}
#side .myInfo .stxt:after{right:-25px; top:50%; margin-top:-9px; width:10px;height:18px; background:url(../img/Layout/side-arrow01.png) no-repeat center center ; background-size:90% auto; display:block; content:""; position:absolute;}
#side .myInfo a{position:absolute; right:0; bottom:0; background:#fff; border:1px solid #010101; color:#010101; font-size:13px; padding:5px 15px ;border-radius:25px; line-height:1.1em;}

#side .myCoin{margin-top:25px; padding-top:15px;background:#fff; border-radius:8px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)}
#side .myCoin .btxt{ padding-left:20px;display:inline-block;vertical-align:top;font-size:17px;color:#010101; line-height:1.3em; letter-spacing:-0.045em;position:relative;}
#side .myCoin .btxt:after{right:-20px; top:50%; margin-top:-9px; width:10px;height:18px; background:url(../img/Layout/side-arrow02.png) no-repeat center center ; background-size:70% auto; display:block; content:""; position:absolute;}
#side .myCoin .stxt{margin-top:5px;background:url(../img/Layout/side-coin.png) no-repeat 20px 2px; background-size:56px auto;font-size:40px;color:#010101; font-weight:700; line-height:60px; letter-spacing:-0.055em; padding-left:85px;}
#side .myCoin .ctxt{border-radius:2px;margin-top:10px;border-top:1px solid #e6e6e6;/* background:#fff;  */letter-spacing:-0.045em; text-align:left; line-height:1.2em;;font-size:15px;color:#010101; padding:12px 0; padding-left:20px; font-weight:500;}

#side .myQuick{padding:15px;overflow:hidden;margin-top:20px;background:#fff; border-radius:8px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)}
#side .myQuick .line{position:relative; margin:17px 0; display:block;height:1px;}
#side .myQuick .line:after{height:1px;width:150%; background:#e6e6e6; position:absolute; left:50%; margin-left:-75%; top:50%; display:block;content:"";-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#side .myQuick h3{margin-bottom:12px;}
#side .myQuick h3 span{padding-left:10px;display:inline-block;vertical-align:top;font-size:19px;color:#010101; font-weight:600; line-height:1.3em; letter-spacing:-0.045em;position:relative;}
#side .myQuick h3 span:after{right:-20px; top:50%; margin-top:-9px; width:10px;height:18px; background:url(../img/Layout/side-arrow02.png) no-repeat center center ; background-size:70% auto; display:block; content:""; position:absolute;}
#side .myQuick ul:after{display:block; content:"";clear:both}
#side .myQuick ul.c02 li{width:25% !important;}
#side .myQuick li{float:left; }
#side .myQuick ul.c01 li:nth-child(1){width:30%;}
#side .myQuick ul.c01 li:nth-child(2){width:24%;}
#side .myQuick ul.c01 li:nth-child(3){width:23%;}
#side .myQuick ul.c01 li:nth-child(4){width:23%;}
#side .myQuick li a{display:block;text-align:center;}
#side .myQuick li .img img{width:80%; margin-right:-10px; max-width:54px}
#side .myQuick li .txt{font-size:14px;letter-spacing:-0.045em; line-height:1.3em; margin-top:5px; color:#010101; }
	
#side .myCenter{padding:15px;overflow:hidden;margin-top:20px;background:#fff; border-radius:8px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)}
#side .myCenter h3{margin-bottom:12px;}
#side .myCenter h3 span{padding-left:10px;display:inline-block;vertical-align:top;font-size:19px;color:#010101; font-weight:600; line-height:1.3em; letter-spacing:-0.045em;position:relative;}
#side .myCenter h3 span:after{right:-20px; top:50%; margin-top:-9px; width:10px;height:18px; background:url(../img/Layout/side-arrow02.png) no-repeat center center ; background-size:70% auto; display:block; content:""; position:absolute;}
#side .myCenter ul{border-top:1px solid #cecdcd;}
#side .myCenter ul:after{display:block; content:"";clear:both}
#side .myCenter li{}
#side .myCenter li:nth-child(n+2){border-top:1px solid #cecdcd;}
#side .myCenter li a{display:block;text-align:left;letter-spacing:-0.045em; line-height:1.3em; margin-top:4px; color:#010101;padding:10px 0 10px 10px; font-size:15px; }

#side.mn-h-open .myCounsel ul{right:0;}

#side .myCounsel{}
#side .myCounsel ul{ position:fixed;right:-400px; bottom:0; min-width:400px;width:100%;-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-out;}
#side .myCounsel ul:after{display:block;content:"";clear:both;}
#side .myCounsel ul li{float:left; width:50%;}
#side .myCounsel ul li:nth-child(1){background:#fcce00;}
#side .myCounsel ul li:nth-child(2){background:#2f3135;}
#side .myCounsel ul li a{display:block; text-align:center;}

#side .myCounsel ul li:nth-child(1) a span{background:url(../img/Layout/side-kakao.png) no-repeat left center; background-size:30px auto;padding-left:37px; display:inline-block;vertical-align:top; line-height:66px; font-size:17px; color:#000; font-weight:500; letter-spacing:-0.045em;}
#side .myCounsel ul li:nth-child(2) a {height:66px;}
#side .myCounsel ul li:nth-child(2) a div{padding:12px 0 0 0;background:url(../img/Layout/side-counsel.png) no-repeat left center; background-size:30px auto;padding-left:37px; display:inline-block;vertical-align:top;text-align:left;}
#side .myCounsel ul li:nth-child(2) a span{display:block; line-height:1em;}
#side .myCounsel ul li:nth-child(2) a .btxt{color:#fff; font-size:14px;}
#side .myCounsel ul li:nth-child(2) a .stxt{color:#fff; font-size:19px;margin-top:2px; font-weight:500;}
#side .myCounsel ul li:nth-child(2) a .ctxt{color:#999999; font-size:13px; margin-top:2px;}
	@media only screen and (max-width:580px){
		#side{width:310px;}
		#side .con{ position:relative;padding:60px 15px 15px 15px;}
		#side .side-option{width:30px;height:30px; right:48px; top:15px;background-size:22px auto;}
		#side .side-close{ width:30px;height:30px; right:12px; top:15px;background-size:22px auto;}

		#side .myInfo .btxt{font-size:15px;}
		#side .myInfo .stxt{font-size:19px;}
		#side .myInfo .stxt:after{width:8px;height:18px;}
		#side .myInfo a{font-size:12px; padding:3px 10px ; bottom:2px;}

		#side .myCoin{margin-top:17px;}
		#side .myCoin .btxt{ padding-left:15px;font-size:13px;}
		#side .myCoin .btxt:after{width:8px}
		#side .myCoin .stxt{background-position:15px 4px;; background-size:42px auto; padding-left:65px;font-size:35px; line-height:50px;}
		#side .myCoin .ctxt{font-size:13px; padding:9px 0; padding-left:15px;margin-top:5px;}

		#side .myQuick {margin-top:15px; padding:12px;}
		#side .myQuick h3 {margin-bottom:10px;}
		#side .myQuick h3 span{font-size:17px; padding-left:5px;}
		#side .myQuick h3 span:after{right:-15px; width:8px}
		
		#side .myQuick li .img img{max-width:41px; margin-left:-5px;}
		#side .myQuick li .txt{font-size:12px;}
		
		#side .myCenter {margin-top:15px; padding:15px 12px;}
		#side .myCenter h3 {margin-bottom:10px;}
		#side .myCenter h3 span{font-size:17px; padding-left:5px;}
		#side .myCenter h3 span:after{right:-15px; width:8px}
		
		#side .myCenter li a{font-size:13px;padding:8px 0 8px 8px;}

		#side .myCounsel ul{min-width:310px; right:-310px;}
		#side .myCounsel ul li:nth-child(1) a span{ font-size:15px; padding-left:35px; background-size:28px; line-height:56px;}
		#side .myCounsel ul li:nth-child(2) a div{padding-top:10px}
		#side .myCounsel ul li:nth-child(2) a {height:56px;}
		#side .myCounsel ul li:nth-child(2) a .btxt{font-size:12px;}
		#side .myCounsel ul li:nth-child(2) a .stxt{font-size:15px;}
		#side .myCounsel ul li:nth-child(2) a .ctxt{font-size:11px;}
	}
	









/* ======================================================
   #container 
=========================================================*/
#container-wrap{margin-top:168px}
#container-wrap.mcontainer #contents{display:block; min-height:1000px;}
#container-wrap.scontainer #contents{display:block; /* min-height:1000px; */ padding-bottom:90px;}

.cont-tit{position:Relative; min-height:215px; text-align:center; padding-top:70px;box-sizing:border-box;}
.cont-tit h2{font-size:40px; line-height:1.2em;letter-spacing:-0.07em;  color:#000; font-weight:500;}
.cont-tit h2 span{font-weight:600; position:relative; display:inline-block;vertical-align:top;}
.cont-tit h2 span:before{background:#ffc72c; height:8px; bottom:6px; position:absolute ;left:0; display:block; content:""; z-index:-1; width:100%; padding-left:3px;}
.cont-tit h2 br{display:none;}

.cont-tit p{color:#707070; letter-spacing:-0.05em; line-height:1.3em; font-weight:100; font-size:16px; margin-top:20px;}

.cont-tit .search{margin:50px auto 0 auto; width:644px;position:relative;}
.cont-tit .search .chk-input{ padding-right:70px; width:100%; margin-top:0;}
.cont-tit .search .chk-input input{font-weight:300;width:100%;color:#b7b7b7 !important; box-sizing:border-box;border:2px solid #4c4c4c; height:68px; padding:0 15px; font-size:18px; letter-spacing:-0.07em;}
.cont-tit .search .chk-input.active input{color:#000 !important; }
.cont-tit .search .search-enter{width:68px;height:68px; position:absolute; right:0; top:0; background:url(../img/Sub/ico-search.jpg) no-repeat center center}


#path{position:absolute; left:0; top:25px;}
#path li{float:left; color:#787878; font-size:13px; line-height:18px; position:relative; letter-spacing:-0.05em;}
#path li:nth-child(n+2){margin-left:22px;}
#path li:nth-child(n+2):before{width:8px;height:12px; background:url(../img/Sub/path-arrow.png) no-repeat center center ; position:absolute; left:-14px; top:50%;margin-top:-6px; display:block; content:"";}
	@media only screen and (max-width:1100px){
		#container-wrap #contents{padding:0 20px;}
	}
	@media only screen and (max-width:999px){
		#container-wrap.mcontainer{margin-top:138px}
		#container-wrap.scontainer{margin-top:80px}
		#container-wrap.scontainer #contents{padding-bottom:40px;}
		
		.cont-tit{text-align:left; padding-top:75px; min-height:auto; padding-bottom:25px;}
		.cont-tit h2 {font-weight:400;}
		.cont-tit h2.b{font-weight:600;}
		.cont-tit h2 br{display:block;}
		.cont-tit p{margin-top:15px;}
		.cont-tit .search{width:auto; margin-top:25px;}
		.cont-tit .search .chk-input input{border:none;border-bottom:2px solid #4c4c4c; height:50px; font-size:17px; padding:0 10px; }
		.cont-tit .search .search-enter{width:56px;height:56px; margin-top:-3px;}

		#path{display:none}
	}
	@media only screen and (max-width:780px){
		#container-wrap.mcontainer{margin-top:116px}
		#container-wrap.scontainer{margin-top:65px}

		.cont-tit h2{font-size:37px;}
		.cont-tit p{font-size:15px; }
		.cont-tit h2 span:before{height:6px;}

		
	}
	@media only screen and (max-width:680px){
		.cont-tit{padding-bottom:20px;}
		.cont-tit h2{font-size:34px;}
		.cont-tit p{font-size:13px;margin-top:10px;}
		
		.cont-tit .search{width:auto; margin-top:20px;}
		.cont-tit .search .chk-input input{ height:50px; font-size:15px;}
		.cont-tit .search .search-enter{width:50px;height:50px;background-size:56% auto;}
	}
	@media only screen and (max-width:480px){
		#container-wrap #contents{padding:0 15px;}
		
		.cont-tit .search{margin-top:15px;}
		.cont-tit .search .chk-input input{ height:44px; font-size:15px;}
		.cont-tit .search .search-enter{width:44px;height:44px;}
	}
	@media only screen and (max-width:380px){
		.cont-tit h2{font-size:31px;}
		.cont-tit h2 span:before{height:5px;}
		.cont-tit p{font-size:12px}
	}
















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

#f-app{background:url(../img/Layout/f-appbg.jpg) no-repeat center center ;background-size:cover;}
#f-app .div-cont{position:relative;padding:57px 10px ;text-align:left;}
#f-app p{font-weight:300; line-height:1.2em; font-size:30px; letter-spacing:-0.055em; color:#fff;}
#f-app p span{font-weight:500; display:block;}
#f-app ul{position:absolute; left:505px; top:90px;}
#f-app li{float:left;}
#f-app li:nth-child(n+2){margin-left:12px;}
#f-app li a{width:135px;height:41px;display:block;background:url(../img/Layout/f-app01.png) no-repeat center center}
#f-app li:nth-child(2) a{background:url(../img/Layout/f-app02.png) no-repeat center center}


#footer {padding:40px 0;position:relative;text-align:left; }
#footer:after{ background:#2d3037;position:absolute; left:50%;width:20000px;margin-left:-10000px; top:0; display:block; content:""; height:100%; z-index:-1;}

.f-logo{position:absolute; left:10px; top:46px;font-size:22px; color:#fff; letter-spacing:-0.03em; font-family: 'OmniGothic'; line-height:21px; font-weight: 500}
.f-logo:after{position:absolute;width:6px;height:20px; background:url(../img/flogo-dot.png) no-repeat center center; display:block; top:50%; margin-top:-13px; right:-15px; content:""}

.f-info{padding-left:192px;}

.f-link{}
.f-link:after{display:block; content:"";clear:both}
.f-link li{float:left; position:relative;}
.f-link li:nth-child(n+2){margin-left:22px;}
.f-link li:nth-child(n+2):before{width:1px;height:9px; position:absolute; left:-11px; top:50%;margin-top:-4px; background:#fff; display:block; content:""}
.f-link li a{line-height:14px;font-size:12px; font-weight:300; color:#fff; letter-spacing:-0.025em; }
.f-link li:nth-child(n+2) a{color:#ffca33}

.f-info p{line-height:1.5em;font-size:12px; font-weight:300; color:#fff; letter-spacing:-0.025em;} 
.f-info p br{display:none;}
.f-info .addr{margin-top:17px;}
.f-info .copy{letter-spacing:-0.015em;}
	@media only screen and (max-width:1100px){
		#footer {padding:40px 20px;}
		.f-logo{left:20px;}
		#f-app .div-cont{padding:50px 20px;}
		#f-app p{font-size:28px;}
		#f-app ul{top:79px; left:484px}
		#f-app li:nth-child(n+2){margin-left:8px;}
	}
	@media only screen and (max-width:780px){
		
		#f-app{display:none}
		.f-logo{position:relative; left:auto; top:auto; font-size:19px; display:inline-block;vertical-align:top}
		.f-logo:after{background-size:5px auto; right:-14px;}

		.f-link{margin-top:20px;}
		.f-link li:nth-child(n+2){margin-left:16px;}
		.f-link li:nth-child(n+2):before{left:-8px; margin-top:-4px;height:8px;}
		
		.f-info{padding-left:0;}
		.f-info .addr{margin-top:12px;}
	}
	@media only screen and (max-width:680px){
	}
	@media only screen and (max-width:480px){
		#footer {padding:40px 15px;}
		
		.f-logo{ font-size:17px;}
		.f-logo:after{background-size:4px auto; right:-13px;}
		
		.f-link{margin-top:15px;}
		
		.f-info .addr{margin-top:10px;}
	}
	@media only screen and (max-width:380px){
		.f-logo{font-size:15px;}
		.f-logo:after{background-size:3px auto; right:-13px;}
		
		.f-link{margin-top:12px;}
		.f-link li a{font-size:11px;}
		.f-link li:nth-child(n+2):before{ margin-top:-3px; height:8px;}
		
		.f-info p{font-size:11px;}
		.f-info p br{display:block;}
		.f-info .addr{margin-top:10px;}
	}
	
/*alert pop*/
.dimmed{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";opacity:.35;text-align:center;z-index:9999;-webkit-overflow-scrolling: touch;}
.ly_pop_wrap{display:none;position:fixed;top:0;left:0;right:0;bottom:0;white-space:nowrap;text-align:center;background:transparent;z-index:9999;}
.ly_pop_wrap:after{display:inline-block;height:100%;vertical-align:middle;content:''}
.ly_pop{position:absolute;top:30%;left:50%;width:296px;margin-left:-148px;background:#fff;z-index:3010;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ly_pop .ly_pop_cont{overflow:hidden;text-align:center}
.ly_pop .pop_cont{padding-top:40px}
.ly_pop .pop_cont .chk-check {display:block;position: relative}
.ly_pop .pop_cont .chk-check input[type="checkbox"]{display:none; }
.ly_pop .pop_cont .chk-check input[type="checkbox"] + label{display:block;position: relative; padding-left:30px; font-size:14px; font-weight:300; color:#000; line-height:24px;height:24px; letter-spacing:-0.05em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.ly_pop .pop_cont .chk-check input[type="checkbox"] + label:before {content:''; position: absolute; left:0px; top:0; width:20px;box-sizing:border-box; height:20px; text-align:center; background:#fff; border:1px solid #dddddd; }
.ly_pop .pop_cont .chk-check input[type="checkbox"]:checked + label{color:#767676; font-weight:300 !important;}
.ly_pop .pop_cont .chk-check input[type="checkbox"]:checked + label:before {background:url(../img/Sub/cate-on.png) no-repeat center center #ffb600;border-color:#ffb600}
.ly_pop .pop_cont .chk-check .txt_checkbox{position: absolute;right:140px;top:0px;
}
.ly_pop .pop_cont textarea{ border:1px solid #cecdcd; height:60px; width:100%;box-sizing:border-box; resize:none; padding:10px; font-size:14px; color:#000 !important; line-height:1.5em; letter-spacing:-0.05em;}

.ly_pop .tit{padding:0 15px;font-size:15px;font-weight:300;color:#000;line-height:22px;letter-spacing:-1px;white-space:initial;}
.ly_pop .tit_dsc{padding:0 15px;font-size:20px;font-weight:500;color:#000;letter-spacing:-.3px;line-height:28px}
.ly_pop .tit + .tit_dsc{margin-top:12px}
.btn_parea .btn{width:100%;height:50px;font-size:18px;-webkit-box-pack:center;justify-content:center;background-color:#f7f7f7;color:#333;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn_parea .btn:first-child{margin-left:0}
.btn_parea .btn_tg{border:1px solid #e3e3e3;background-color:#fbfbfb}
.btn_parea .btn_tw{border:1px solid #dbdbdb;background-color:#fff}
.btn_parea .btn_tr{border:1px solid #ffc72c;background-color:#ffc72c;color:#fff}
.btn_parea.btn_full .btn{height:50px;margin-bottom:0;border:0;font-size:18px;font-weight:500;}
.btn_parea.btn_full .btn_tg{background:#dadada;color:#a8a8a8}
.btn_parea.btn_full .tit{display:block;font-size:18px;font-weight:bold;text-align:center}
.btn_parea.btn_full .txt{display:block;font-size:13px;font-weight:normal;text-align:center}
.btn_poparea{display:-ms-flexbox;display:-webkit-box;display:flex;margin-top:38px}
.btn_poparea .btn{-ms-flex: 1 1 0px;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;width:100%;height:55px;border:0;box-shadow:none;font-size:15px;font-weight:bold;line-height:55px;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;justify-content:center;cursor:pointer;}

/* 자동완성 검색 리스트 */
.search_recent_bx{position:relative;padding:15px;background:#fff;border-bottom:1px solid #ddd}
/*.search{padding:8px 10px 8px 38px;text-align:left;background:#fff}*/
.search_tit{font-size:13px;color:#999;font-weight:bold}
.search_lst_bx{background:#fff}
.search_item{position:relative;border-bottom:1px solid #ddd}
.search_link{overflow:hidden;display:block;padding:17px 100px 17px 15px;max-width:100%;font-size:14px;color:#333;text-overflow:ellipsis;white-space:nowrap}
.btn_all_delete{position:absolute;right:8px;top:50%;margin-top:-13px;width:60px;height:25px;font-size:12px;color:#333;line-height:25px;text-align:center;background:#fff;border:1px solid #eee;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;box-sizing:border-box}
.search_btn_delete{position:absolute;right:0;top:0;padding:20px 15px 15px}
.search_btn_delete .ico_delete{width:15px;height:15px;background: url(/resources/img/btn_close.png) no-repeat center;}
.search_btn_delete .ico_delete{line-height:999px;overflow: hidden;display: inline-block;}
.search_link mark{background:none;color:#ff807b}
.search_area{position:relative;text-align:left}
.search_area .lst_group{top:0;border-bottom:1px solid #ddd}
.search_date{position:absolute;right:50px;top:50%;margin-top:-11px;font-size:12px;color:#999}