@charset "utf-8";
@import url(//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800&display=swap);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@font-face { 
  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'); 
 } 

html,body { font-family:'Nanum Gothic','Apple SD Gothic Neo', 'Malgun Gothic'; }
body {overflow-y:visible;overflow-x:auto;}
#doc {position:relative;overflow:hidden;opacity:1; min-width:1200px;-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;}
	

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

.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:5600;width:20000px;height:100%;left:50%; margin-left:-10000px;top:0;background:rgba(0,0,0,0.75); display:none;cursor:pointer;}
.header-slider-ovclick.active{display:block;}
.allmenu-bg-ovclick{position:fixed;z-index:2015;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;}
.allmenu-bg-ovclick.active{right:0;opacity:1;}
.cate-slider-ovclick{position:absolute;z-index:5600;width:20000px;height:100%;left:50%; margin-left:-10000px;top:0; opacity:0;background:rgba(0,0,0,0.7); display:none;cursor:pointer;}
.header-fix .cate-slider-ovclick{bottom:0; top:auto; height:170px;}


/*=======================================================
    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:170px; max-width:1200px; padding:0; }
#header .header-con{position:relative; max-width:1200px;height:170px;z-index:2644;}
#header .header-fix{position:absolute; left:0; top:110px; width:100%; z-index:2600;}
#header .header-fix .ov{overflow:visible; position:relative; max-width:1200px; margin:0 auto;height:60px;}
#header .header-fix .ov:before{width:20000px; left:50%;margin-left:-10000px; top:0;height:60px;border-top:1px solid #ededed;background:#fff; border-bottom:1px solid #ededed;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:223px; height:47px; position:absolute; left:0;top:35px; z-index:2599;}
#logo a{display:block; height:47px;background:url(../_Img/logo.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{position:absolute; right:0; top:30px; z-index:2200}	
#gnb-wrap ul:after{display:block; content:"";clear:both;}
#gnb-wrap ul li{float:left;position:relative;}
/* #gnb-wrap ul li:nth-child(n+2){margin-left:27px;} */
#gnb-wrap ul li:nth-child(n+2){margin-left:20px;}
#gnb-wrap ul li a{display:block; height:62px; min-width:38px; line-height:1.1em; padding-top:45px;box-sizing:border-box; font-size:14px;text-align:center;font-weight:800;color:#434343; letter-spacing:-0.03em; }
#gnb-wrap ul li a span{display:inline-block;vertical-align:top;}
#gnb-wrap ul li a i{width:17px;height:17px; border-radius:100%; position:Absolute; right:0;top:0; margin-left:3px; line-height:17px; color:#fff; background:#d11919;text-align:center; font-size:10px;}
#gnb-wrap ul li a:hover{color:#111;}

/* #gnb-wrap ul li a.login{background:url(../_Img/Layout/gnb-ico01.png) no-repeat center top} */
/* #gnb-wrap ul li a.join{background:url(../_Img/Layout/gnb-ico02.png) no-repeat center top} */
/* #gnb-wrap ul li a.basket{background:url(../_Img/Layout/gnb-ico03.png) no-repeat center top} */
/* #gnb-wrap ul li a.recently{background:url(../_Img/Layout/gnb-ico04.png) no-repeat center top} */
#gnb-wrap ul li a.login{background:url(../_Img/Layout/gnb-ico01.png) no-repeat center 5px; background-size: 50% 50%; }
#gnb-wrap ul li a.join{background:url(../_Img/Layout/gnb-ico02.png) no-repeat center 5px; background-size: 60% 50%; }
#gnb-wrap ul li a.basket{background:url(../_Img/Layout/gnb-ico03.png) no-repeat center 5px; background-size: 60% 50%; }
#gnb-wrap ul li a.recently{background:url(../_Img/Layout/gnb-ico04.png) no-repeat center 5px; background-size: 60% 50%; }
	

.top-search{position:absolute; left:0; top:37px; width:500px;left:50%;margin-left:-250px;}
.top-search .chk-input{width:100%;}
.top-search .chk-input input{border:2px solid #0070b8;width:100%;height:44px; padding:0 45px 0 25px; letter-spacing:-0.03em; font-size:16px; box-sizing:border-box; color:#7f8288 !important; border-radius:40px;background:#fff; }
.top-search .chk-input input::placeholder{color:#7f8288 !important; opacity:1 !Important}
.top-search .chk-input.active input{ color:#111 !important}	
.top-search .enter{width:40px;height:40px;background:url(../_Img/Layout/top-search.png) no-repeat center center; position:absolute; right:12px; top:50%;margin-top:-20px ;border:none;}

.bt-estimate{width:152px;height:60px; top:0; right:0; position:absolute; z-index:2010; background:#4098d0;font-family:'NanumSquare'; line-height:61px; text-align:center; font-size:19px; font-weight:700; color:#fff;}

.bt-allmenu{width:224px;height:60px; top:0; border-bottom:1px solid rgba(255,255,255,0.2);left:0; position:absolute; z-index:2016;display:block; line-height:61px; background:#0070b8; color:#fff; font-size:19px; font-weight:700; letter-spacing:-0.03em; text-align:left;padding-left:25px;box-sizing:border-box;font-family:'NanumSquare';}
.bt-allmenu span{display:inline-block;vertical-align:top;background:url(../_Img/Layout/bt-mnall.png) no-repeat left 49%; padding-left:46px; }

.top-allmenu{position:absolute; left:-9999em; top:59px; background:#fff;z-index:2020; width:1200px; border:1px solid #ededed; box-sizing:border-box; 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; left:0;}
.top-allmenu:after{display:block; content:"";clear:both;}
.top-allmenu .close{display:block; width:60px;height:60px; position:absolute; right:-1px; top:-60px;box-sizing:border-box; border:1px solid #ededed; background:url(../_Img/Layout/bt-mnclose.png) no-repeat center center #fff;}
.top-allmenu .slimScrollBar{z-index:921;}

.top-allmenu .item{float:left; width:16.666666666%; position:relative;}
.top-allmenu .item:before{width:1px;height:100%; position:absolute; left:-1px; top:0; display:block; content:""; background:#ededed}
.top-allmenu .item.c03{width:33.333333332%;}
.top-allmenu .item.c03:after{width:1px;height:calc(100% - 69px); position:absolute; left:50%; top:69px; margin-left:-1px;  background:#ededed; display:block; content:""}
.top-allmenu .item.c03 li{float:left; width:50%;}

.top-allmenu .item.c01 .nscrolls{max-height:598px;min-height:598px}
.top-allmenu .item.c02 .nscrolls{max-height:254px;min-height:254px}
.top-allmenu .item.c03 .nscrolls{max-height:274px;min-height:274px}


.top-allmenu .item h3{ border-bottom:1px solid #ededed; background:#fff; z-index:5;}
.top-allmenu .item h3 a{line-height:69px; padding:0 30px; display:block;font-size:20px; font-weight:800; color:#000; position:relative;font-family:'NanumSquare';}
.top-allmenu .item.bd h3 a:before{width:100%;height:1px; background:#ededed; position:absolute; left:0; top:0; display:block; content:""}
.top-allmenu .item ul{padding:10px 0; position:relative;}
.top-allmenu .item ul:after{display:block; content:"";clear:both;}
/* .top-allmenu .item li a{line-height:25px; font-size:15px;padding:0 30px;  color:#434343;display:block;} */
.top-allmenu .item li a{line-height:25px; font-size:15px;padding:0 20px;  color:#434343;display:block;
	text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;
}
.top-allmenu .item li a:hover, .top-allmenu .item li.active a{background:#939292; color:#fff;}

.layer-wrap.recently{position:fixed; display:block !important; opacity:1 !important;  right:-312px;top:0;height:100%; width:312px; background:#fff; z-index:6900;-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;}
.layer-wrap.recently.active{right:0;}
.layer-wrap.recently h3{border-bottom:1px solid #e5e5e5; line-height:90px; padding:0 30px; font-size:30px;color:#111; font-weight:700;}
.layer-wrap.recently .close{width:30px;height:30px; position:absolute; right:20px; top:30px; background:url(../_Img/Layout/bt-mnclose.png) no-repeat center center; background-size:24px auto;}
.layer-wrap.recently .is-con{}

/* .layer-wrap.recently ul{padding:30px;} */
.layer-wrap.recently ul{ padding: 30px 10px 30px 20px; }

.layer-wrap.recently li{}
.layer-wrap.recently li:nth-child(n+2){margin-top:20px;}
.layer-wrap.recently li a{display:block; position:relative; height:100px;}
.layer-wrap.recently li .txt{ display:flex;align-items: center; justify-content: center; height:100px; }
.layer-wrap.recently li .vc{position:relative; width:100%; padding-left:115px; }
.layer-wrap.recently li .img{position:absolute; left:0; top:0; width:100px;height:100px;background:#e5e5e5; box-sizing:border-box; border:1px solid #ededed}
.layer-wrap.recently li .img img{width:100%;height:98px;object-fit:cover;}
.layer-wrap.recently li .btxt{font-size:16px; color:#434343; line-height:1.3em; font-weight:700;word-break: keep-all; max-height:42px;overflow:hidden; width: 155px; }
.layer-wrap.recently li .stxt{font-size:16px; color:#434343; line-height:1.3em; font-weight:400; margin-top:5px;}
.layer-wrap.recently li .stxt span{font-size:22px; font-family: 'Exo', sans-serif; font-weight:700;color:#010101}


/*=======================================================
	#mainNavi-wrap 
=========================================================*/
#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:center; font-size:0;padding:0 152px 0 224px;} */
.topmenu {display:block;position:relative;text-align:left; font-size:0;padding:0 152px 0 224px;}
.topmenu:after {display:block;content:"";clear:both;}
.topmenu .tgl-btn {display:none;}
/* .topmenu .mn_a1 {height:23px; padding:21px 25px 17px 25px;font-size:18px;line-height:1.2em;display:block;color:#111; font-weight:700; letter-spacing:-0.04em;font-family:'NanumSquare'; 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 {height:23px; padding:21px 15px 17px 15px;font-size:18px;line-height:1.2em;display:block;color:#111; font-weight:700; letter-spacing:-0.04em;font-family:'NanumSquare'; 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 {height:23px; padding:21px 13px 17px 13px;font-size:18px;line-height:1.2em;display:block;color:#111; font-weight:700; letter-spacing:-0.04em;font-family:'NanumSquare'; 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.mn_small {height:18px; padding:24px 8px 17px 8px;font-size:15px;line-height:1.0em;display:block;color:#777; font-weight:600; letter-spacing:-0.04em;font-family:'Nanum Gothic'; 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.mn_small {height:18px; padding:24px 8px 17px 8px;font-size:14px;line-height:1.0em;display:block;color:#777; font-weight:600; letter-spacing:-0.04em;font-family:'Nanum Gothic'; 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.mn_small:after { content: "|"; position: absolute; right: -1px; font-size: 12px; font-weight: normal; color: #c8c8c8; }
.topmenu .mn_l1:last-child .mn_a1.mn_small:after { content: ""; }
.topmenu .mn_a1 span{position:relative; display:inline-block;vertical-align:top}
.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1, .topmenu .over .mn_a1, .topmenu .mn_a1:hover{color:#0070b8;}

.topmenu .depth2-wrap {position:absolute;top:59px;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 .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:#0070b8; 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;}

	
	


/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{margin-top:170px}
#container-wrap .div-cont:after{display:block;content:"";clear:both;}
#container-wrap #contents{min-height:600px;}
.sub #container-wrap #contents{padding-bottom:100px; margin-top:17px;}
.sub #content-wrap:after{display:block;content:"";clear:both;}
.sub #content-wrap{box-sizing:border-box; /* padding-left:242px; */}
.sub #content-wrap #contents{min-height:920px;float:right; width:958px}

#snb-wrap{float:left; width:224px;padding-top:18px;}
#snb-wrap .lm-tit{background:#0070b8;  box-sizing:border-box; padding:27px 27px 25px 27px}
#snb-wrap .lm-tit h2{font-size:31px; font-weight:800;color:#fff; line-height:1.2em; font-family: 'NanumSquare'; }
#snb-wrap .lm-tit p{font-size:16px; font-weight:300;color:#fff; line-height:1.2em;  margin-top:5px; }

#snb-wrap .leftmenu{border:1px solid #dcdcdc;border-bottom:none}
#snb-wrap .leftmenu li{}
#snb-wrap .leftmenu li.lm_l2:nth-child(n+2){margin-top:0;}
#snb-wrap .leftmenu li.lm_l2:last-child
#snb-wrap .leftmenu li.lm_l2:last-child .depth3{}

#snb-wrap .leftmenu li .lm_a2{display:block; line-height:60px; position:relative; padding-left:25px;color:#000;font-weight:800;background:#fbfbfb;border-bottom:1px solid #dcdcdc;}
#snb-wrap .leftmenu li .lm_a2 span{display:inline-block;vertical-align:top; padding-left:0; font-size:18px; font-family: 'NanumSquare'; background-size:30px auto !important;}
#snb-wrap .leftmenu li .lm_a2:hover span{font-weight:800;}
#snb-wrap .leftmenu li.lm_l2.over .lm_a2:after{width:30px;height:30px; position:absolute; right:5px; top:50%;margin-top:-15px;background:url(../_Img/Sub/snb-on.png) no-repeat center center; background-size:8px auto; display:block;content:""}

#snb-wrap .leftmenu li .depth3{border-bottom:1px solid #dcdcdc; padding: 0; background:#fff;}
#snb-wrap .leftmenu li .lm_l3{}
#snb-wrap .leftmenu li .lm_a3{padding:0 25px; display:block; line-height:40px; font-size:15px;color:#000; letter-spacing:-0.03em;}
#snb-wrap .leftmenu li .lm_a3:hover{background:#f0f0f0}
#snb-wrap .leftmenu li .lm_l3.over .lm_a3{background:#4098d0; color:#fff}
#snb-wrap .leftmenu li .lm_a3 span{display:inline-block;vertical-align:top; position:relative;}

#snb-wrap .smenu{min-height:645px;max-height:645px;position:relative; background:#0070b8;}
#snb-wrap .smenu ul{}
#snb-wrap .smenu li .lm_a2{display:block; line-height:50px; position:relative; padding-left:25px;color:#fff; font-size:16px;font-weight:400;}
#snb-wrap .smenu li.lm_l2.over .lm_a2{background:#fff; color:#000;}


.lm-search{background:#333333 ; padding:10px; position:relative;}
.lm-search .chk-input{width:100%}
.lm-search .chk-input input{padding-right:42px;border:none; height:42px}
.lm-search .enter{width:42px; height:42px; position:absolute;right:10px; top:10px; border:none;background:url(../_Img/Sub/lm-search.png) no-repeat center center;}

.cont-top{text-align:left;margin-bottom:20px;}
.cont-top h2{font-size:32px; font-weight:700; position:relative;letter-spacing:-0.05em; color:#030303; line-height:40px; padding-left:50px;}
.cont-top h2.ico:before{position:absolute; left:0; top:0;display:block; content:"";width:40px;height:40px; background-color:#0070b8 !important;border-radius:100%;}
.cont-top h2.ico.ico01:before{background:url(../_Img/Sub/tit-ico01.png) no-repeat center center;}
.cont-top h2.ico.ico02:before{background:url(../_Img/Sub/tit-ico02.png) no-repeat center center;}
.cont-top h2.ico.ico03:before{background:url(../_Img/Sub/tit-ico03.png) no-repeat center center;}
.cont-top h2.ico.ico04:before{background:url(../_Img/Sub/tit-ico04.png) no-repeat center center;}
.cont-top h2.ico.ico05:before{background:url(../_Img/Sub/tit-ico05.png) no-repeat center center;}

.cont-top h2 span{font-size:15px; color:#434343; margin-left:10px; letter-spacing:-0.03em;}


#contNavi{height:30px; position:relative;z-index:1005;font-size:0; padding:17px 0 0 0;}	
#contNavi:after{display:block; content:"";clear:both;}
#contNavi .home{display:inline-block;vertical-align:top; line-height:28px; float:left; font-size:18px; color:#434343;}
#contNavi dl{min-width:150px; float:left; position:relative;margin-left:30px;}
#contNavi dl:nth-child(3) { min-width:190px; }
#contNavi dl:before{width:25px;height:28px;background:url(../_Img/Sub/snb-arrow02.png) no-repeat center center;position:absolute; left:-25px; top:0;display:block; content:"";}
#contNavi dt{}
/* #contNavi dt.no-arrow a:after{display:none;} */
#contNavi dl dt a{display:block; line-height:26px;height:28px; padding-left:10px; color:#353535; font-size:15px; position:relative;padding-right:35px;border-radius:5px;border:1px solid #dedede}
#contNavi dl dt a:after{width:12px;height:8px; position:absolute;right:10px; top:50%;margin-top:-4px; background:url(../_Img/Sub/snb-arrow01.png) no-repeat center center; display:block; content:""}
#contNavi dl dt.no-arrow a:after{background: none !important;}
#contNavi dt.no-arrow a { border: none; }
#contNavi dt.active a:after{background-image:url(../_Img/Sub/snb-arrow01o.png);}
#contNavi dd{position:absolute;display:none; left:0; top:29px; width:100%;background:#fff;box-sizing:border-box; border:1px solid #dedede;border-radius:5px;}
#contNavi dd ul{}
#contNavi dd li{}
#contNavi dd li a{line-height:28px; font-size:15px; color:#555;letter-spacing:-0.02em; padding:0 10px; display:block;}
#contNavi dd li a:hover{background:#f4f4f4}
#contNavi dd li:nth-child(n+2){/* border-top:1px solid #dbdbdb; */}	
#contNavi dd li.active a{background:#f0f0f0; font-weight:700; color:#111;}




/* ======================================================
   #quick-wrap
=========================================================*/
/* #quick-wrap{position:absolute; right:15px; top:340px; 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{ position: fixed; bottom: 20px; right:15px; 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:10px;}

/* #quick-wrap .quick li:first-child a{display:block;font-size:15px; color:#fff; font-weight:600;letter-spacing:-0.03em; text-align:center; padding-top:49px; line-height:1.1em; box-sizing:border-box; height:80px;} */
#quick-wrap .quick li:first-child a{display:block;font-size:13px; color:#fff; font-weight:600;letter-spacing:-0.03em; text-align:center; padding-top:49px; line-height:1.1em; box-sizing:border-box; height:72px;}

#quick-wrap .quick li a{width: 72px; height:72px;display:block;border-radius:100%; overflow:hidden; position:relative}

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






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

.f-center{ padding:55px 0; position:relative;}
.f-center:before{width:20000px;height:100%; left:50%;margin-left:-10000px; top:0; display:block;content:"";background:#0070b8; position:absolute;}
.f-center:after{display:block; content:"";clear:both;}

.f-center .counsel{ float:left; width:580px; position:relative; height:205px;}
.f-center .counsel h3{font-weight:700; color:#fff; font-size:26px; letter-spacing:-0.03em; line-height:1.1em; margin-bottom:10px;font-family:'NanumSquare';}
.f-center .counsel ul:after{display:block; content:"";clear:both;}
.f-center .counsel .c01{}
.f-center .counsel .c01 li{float:left;width:85px;}
.f-center .counsel .c01 li:nth-child(n+2){margin-left:14px;}
.f-center .counsel .c01 li a{font-size:16px; font-weight:600; min-width:86px;color:#fff; line-height:1.2em; position:relative;text-align:center; padding-top:94px; box-sizing:border-box; min-height:113px;display:block;white-space:pre}
.f-center .counsel .c01 li a:before{width:86px;height:86px; border-radius:8px; display:block; content:""; position:absolute; left:50%;margin-left:-43px; top:0; background-color:#00619f !important;-webkit-transition: box-shadow 0.3s ease-out;-moz-transition: box-shadow 0.3s ease-out;-o-transition: box-shadow 0.3s ease-out;transition: box-shadow 0.3s ease-out;}
.f-center .counsel .c01 li a span{position:absolute; left:50%; margin-left:-70px; width:140px;bottom:0; text-align:center;}
.f-center .counsel .c01 li a:hover:before{box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4)}

.f-center .counsel .c01 li:nth-child(1) a:before{background:url(../_Img/Layout/f-cs01.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(2) a:before{background:url(../_Img/Layout/f-cs02.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(3) a:before{background:url(../_Img/Layout/f-cs03.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(4) a:before{background:url(../_Img/Layout/f-cs04.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(5) a:before{background:url(../_Img/Layout/f-cs05.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(6) a:before{background:url(../_Img/Layout/f-cs06.png) no-repeat center center;}

.f-center .counsel .c01 li:nth-child(1) a:hover:before{background:url(../_Img/Layout/f-cs01o.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(2) a:hover:before{background:url(../_Img/Layout/f-cs02o.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(3) a:hover:before{background:url(../_Img/Layout/f-cs03o.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(4) a:hover:before{background:url(../_Img/Layout/f-cs04o.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(5) a:hover:before{background:url(../_Img/Layout/f-cs05o.png) no-repeat center center;}
.f-center .counsel .c01 li:nth-child(6) a:hover:before{background:url(../_Img/Layout/f-cs06o.png) no-repeat center center;}

.f-center .counsel .c02{margin:0 -2%;margin-top:10px; }
.f-center .counsel .c02 li{float:left;width:29.3333333%; margin:0 2%}
.f-center .counsel .c02 li a{height:43px; line-height:43px; padding-left:15px; font-size:16px;font-weight:600; color:#434343;display:block; background:#fff; border-radius:5px; position:relative;-webkit-transition: box-shadow 0.3s ease-out;-moz-transition: box-shadow 0.3s ease-out;-o-transition: box-shadow 0.3s ease-out;transition: box-shadow 0.3s ease-out;}
.f-center .counsel .c02 li a:after{width:10px;height:12px; position:absolute;right:17px; top:50%;margin-top:-6px; display:block;content:"";background:url(../_Img/Layout/f-more.png) no-repeat center center ;-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;}
.f-center .counsel .c02 li a:hover:after{right:12px;}
.f-center .counsel .c02 li a:hover{box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4)  ; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.4)}


.f-center .bank{ float:left; width:265px; margin-left:35px; position:relative;height:205px;}
.f-center .bank:before{width:1px;height:162px; background:rgba(255,255,255,0.3); display:block; content:""; position:absolute; left:-18px; bottom:0;margin-top:-81px;}
.f-center .bank h3{font-weight:700; color:#fff; font-size:26px; letter-spacing:-0.03em; line-height:1.1em; margin-bottom:10px;font-family:'NanumSquare';}
.f-center .bank .btxt{font-family: 'Exo', sans-serif; font-size:36px; color:#fff; font-weight:800; line-height:1.1em; letter-spacing:-0.035em; padding-top:80px; background:url(../_Img/Layout/f-bank.png) no-repeat left 12px;}
.f-center .bank .stxt{font-size:15px; line-height:1.1em;letter-spacing:-0.02em; font-weight:400; margin-top:5px;color:#fff;}
.f-center .bank .stxt span{font-weight:700;}

.f-center .customer{ float:left; width:275px;margin-left:35px; position:relative;height:205px;}
.f-center .customer:before{width:1px;height:162px; background:rgba(255,255,255,0.3); display:block; content:""; position:absolute; left:-18px;bottom:0;margin-top:-81px;}
.f-center .customer h3{font-weight:700; color:#fff; font-size:26px; letter-spacing:-0.03em; line-height:1.1em; margin-bottom:10px;font-family:'NanumSquare';}
/* .f-center .customer .btxt{font-family: 'Exo', sans-serif; font-size:41px; color:#fff; font-weight:800; line-height:1.1em; letter-spacing:-0.01em;} */
.f-center .customer .btxt{font-family: 'Exo', sans-serif; font-size:41px; color:#fff; font-weight:800; line-height:1.1em; letter-spacing:-0.04em;}
/* .f-center .customer .stxt{font-size:15px; line-height:1.1em; letter-spacing:-0.02em; font-weight:400; margin-top:5px;color:#fff;white-space:pre} */
.f-center .customer .stxt{font-size:15px; line-height:1.1em; letter-spacing:-0.02em; font-weight:400; margin-top:10px;color:#fff;white-space:pre}
.f-center .customer .stxt span{font-weight:700;}
.f-center .customer ul{margin-top:30px;}
.f-center .customer li{}
.f-center .customer li:nth-child(n+2){margin-top:5px;}
.f-center .customer li a{display:block; font-size:20px; color:#fff; line-height:30px; font-weight:700; padding-left:40px;}
.f-center .customer li:nth-child(1) a{background:url(../_Img/Layout/f-email.png) no-repeat}
.f-center .customer li:nth-child(2) a{background:url(../_Img/Layout/f-kakao.png) no-repeat}

.f-link{position:relative;}
.f-link:before{width:20000px;height:100%; left:50%;margin-left:-10000px; top:0; display:block;content:"";background:#f3f3f3; position:absolute;}
.f-link ul{}
.f-link ul:after{display:block;content:"";clear:both}
.f-link li{position:relative; float:left; line-height:60px; font-weight:700;}
.f-link li:nth-child(n+2){margin-left:42px;}
.f-link li:nth-child(n+2):before{width:1px;height:16px; background:rgba(0,0,0,0.65); display:block; content:""; position:absolute; left:-21px; top:50%;margin-top:-8px;}
.f-link li a{font-size:16px; color:#434343; line-height:60px; display:inline-block;vertical-align:top; letter-spacing:-0.03em;}
.f-link li a:hover{text-decoration:underline; color:#111}
.f-link .top-btn{ position:absolute; right:0; top:10px; width:72px; height:40px; text-align:center;background:#0070b8;border-radius:40px;}
.f-link .top-btn span{display:inline-block;vertical-align:top;line-height:40px; font-size:16px; font-weight:800; color:#fff; padding-right:18px;background:url(../_Img/Layout/top-arrow.png) no-repeat right center ;}

.f-info{text-align:center; padding:50px 0}
.f-info .in-comm{font-size:0;}
.f-info .in-comm p{display:inline-block;vertical-align:top; font-size:16px; color:#434343; font-weight:400; line-height:1.2em;}
.f-info .in-comm p span{font-weight:700;margin-right:3px;}
.f-info .in-comm p:nth-child(n+2){margin-left:15px;}

.f-info .in-ctt{margin-top:7px;font-size:0;}
.f-info .in-ctt p{ display:inline-block;vertical-align:top;font-size:16px; color:#434343; font-weight:400; line-height:1.2em;}
.f-info .in-ctt p span{font-weight:700;margin-right:3px;}
.f-info .in-ctt p:nth-child(n+2){margin-left:15px;}

.f-info .in-copy{margin-top:10px;font-size:16px; color:#a1a1a1; font-weight:800;text-align:center; line-height:1.2em;}