@charset "utf-8";
/* ----------
css
---------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* layout | 퍼블리셔 */
body, table, th, td, input,
textarea, button, select {
	font-family:"나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Verdana, Calibri, Arial, sans-serif;
	font-size:13px;
	color:#666;
}
body { background-color:#fff; }
img{vertical-align:middle;}
#wrap{width:100%; min-width:1200px;}
.area{width:1200px; margin:0px auto; }
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.shadow{box-shadow : 1px 1px 10px  rgba(0, 0, 0, .1), -1px 1px 10px  rgba(0, 0, 0, .1), 1px -1px 10px  rgba(0, 0, 0, .1), -1px -1px 10px  rgba(0, 0, 0, .1); }
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.trans200{-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;transition:all 200ms}
.trans400{-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms}
.trans500{-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms}
.font-tahoma{font-family: tahoma, "나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕", Arial, sans-serif; font-weight:600;}
.fl{float:left;}
.fr{float:right;}



/* ###### HEADER ######
------------------------------------------------------ */
#header{width:100%; position:fixed; top:0px; left:0px; z-index:9999;}
/* -------- 헤더상단 -------- */
#headerTop{opacity:1;filter:Alpha(opacity=100); height:110px; background-color:#ffffff}
#headerTopInner{position:relative; visibility:visible;}
.header-logo{
				position:absolute; left:40%; top:30px; opacity:1;filter:Alpha(opacity=100); visibility:visible;
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
}




/* 유저 메뉴1 */
.user-menu1 {float:right; visibility:visible;}
.user-menu1 > ul{}
.user-menu1 > ul > li{position:relative; float:left; text-align:center;margin-right:40px;padding:32px 0;}
.user-menu1 > ul > li:last-child{margin-right:0;}
.user-menu1 > ul > li > a {display:block;text-align:center;font-weight:600;}
.user-menu1 > ul > li > a > span{display:inline-block; color:#ccc; font-size:14px; font-family:'Noto Sans KR', Calibri,"나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum; vertical-align:middle;text-indent:5px;}

.my-menu-box{display:none; position:absolute; top:61px; left:50%; margin-left:-57px; width:115px; z-index:99;}
.my-menu-box .arrow{display:block; width:100%; height:7px; background:url(/images/icon/my_menu_box_arrow.gif) no-repeat 50% 0;}
.my-menu-box ul{padding: 0 30px; background:#fff}
.my-menu-box ul li{width:55px; text-align:center;}
.my-menu-box ul li a{display:block; padding:17px 0 13px; border-bottom:2px solid #fff; color:#000; font-size:13px;
	-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;transition:all 200ms;
}
.my-menu-box ul li a:hover{border-bottom:2px solid #000}



/* -------- 헤더하단 -------- */
#headerBottom{position:absolute; top:110px; left:0px; width:100%; background:rgba(255,255,255,0.9);  box-shadow:1px 1px 3px  rgba(0, 0, 0, .2);}
#header .header-fixed-logo{position:absolute; top:0px; left:10px; -webkit-transform: translate3d(0,-50px,0); transform: translate3d(0,-50px,0); opacity:0;filter:Alpha(opacity=0);}
/* gnb */
#gnb{float:left; }
#gnb > ul{/* overflow:hidden; */ height:50px;  padding-left:0px;}
#gnb > ul > li{position:relative; float:left; text-align:center;}
#gnb > ul > li > a{
	display:block; padding:0 43px; line-height:50px; font-size:16px; color:#333333; font-weight:600; font-family:Calibri,'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;

}
#gnb > ul > li > a:hover,#gnb > ul > li.active > a{color:#fff; background-color:#363636}
#gnb > ul > li .header-new-icon{position:absolute; top:-13px; right:5px;}	/* 이벤트 아이콘 */
#gnb > ul > li .header-new-icon2{position:absolute; top:9px; right:27px;} /* 뉴스 아이콘 */
#gnb > ul > li .gnb-2dep{display:none; position:absolute; top:50px; left:50%; /* height:48px; width:100%; */ width:150px; margin-left:-76px; border:1px solid rgba(228,228,228,0.8); box-shadow:1px 2px 6px rgba(204, 204, 204, 0.5); background-color:rgba(255,255,255,0.8); opacity:0;filter:Alpha(opacity=0);  }
#gnb > ul > li.active .gnb-2dep{opacity:1.0;filter:Alpha(opacity=100);}
#gnb > ul > li .gnb-2dep ul{overflow:hidden; }
#gnb > ul > li .gnb-2dep li{overflow:hidden; /* float:left; z-index:99; */}
#gnb > ul > li .gnb-2dep li a{display:block; height:48px; line-height:48px; /* padding:0 32px; */ font-size:16px; letter-spacing:-0.2px; font-weight:500; color:#535353; /* background-color:rgba(255,255,255,0.8); border-top:1px solid rgba(228,228,228,0.8); border-bottom:1px solid rgba(228,228,228,0.8); */ -webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;}
/* #gnb > ul > li .gnb-2dep li:first-child{border-left:1px solid  rgba(228,228,228,0.8);}
#gnb > ul > li .gnb-2dep li:last-child{border-right:1px solid  rgba(228,228,228,0.8);} */
#gnb > ul > li .gnb-2dep li a:hover, #gnb > ul > li .gnb-2dep li.active a{background-color:#a4a4a4; color:#fff;}
/* search */
#headerSearchBox{float:right; padding-top:11px; vertical-align:middle; text-align:right;}
#headerSearchBox input[type="text"]{
	background:none; width:170px; height:26px; border:0; border-bottom:1px solid #b1b0b0; color:#8a8a8a; font-size:13px; text-indent:10px;
	-webkit-transition:width 400ms;-moz-transition:width 400ms;-o-transition:width 400ms;-ms-transition:width 400ms;transition:width 400ms
}
#headerSearchBox input[type="text"]:focus{width:250px; outline:none/*background-color:#feffcc*/}
/* 유저 메뉴2 */
#header .user-menu2{position:absolute; top:0px; right:10px; -webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); opacity:0;filter:Alpha(opacity=0);}
#header .user-menu2 ul{visibility:hidden;}
#header .user-menu2 li{float:left; line-height:50px;}
#header .user-menu2 li:first-child{margin-right:25px;}
#header .user-menu2 li a{color:#aaa; font-size:15px;  font-family:Calibri,'Noto Sans KR',"나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum;}
/* -------- FIXED 헤더 -------- */
#header.fixed #headerTopInner{visibility:visible;}
#header.fixed #headerBottom{top:0;}
#header.fixed #headerTop{height:0;}
#header.fixed #headerTop .header-logo{-webkit-transform: translate3d(-100px,0,0); transform: translate3d(-100px,0,0); opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#header.fixed  .header-fixed-logo{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity:1;filter:Alpha(opacity=100);}
#header.fixed #headerTop,#header.fixed .user-menu1{opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#header.fixed .user-menu2{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity:1;filter:Alpha(opacity=100);}
#header.fixed .user-menu2 ul{visibility:visible;}
@media all and ( max-width:1660px ) {
	#header.fixed  .header-fixed-logo,#header.fixed  .user-menu2{opacity:0;filter:Alpha(opacity=0);}
}

/* ###### FOOTER ######
------------------------------------------------------ */
#footer{width:100%; background-color:#252525; font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "맑은 고딕"}
/* -------- 푸터상단 -------- */
#footTop{position:relative; height:200px;}
.footer-logo{float:left; padding-top:80px;}
.foot-menu{float:right;padding-top:50px;}
.foot-menu li{margin-left:40px; line-height:25px; text-align:right;}
.foot-menu li a{color:#fff; font-size:13px;}
.foot-menu li a strong{color:#fff; font-weight:400}
/* #footTop .line{position:absolute; bottom:-1px; left:0px;width:157px; height:1px; background-color:#a2a2a2;} */
/* -------- 푸터하단 -------- */
#footBottom{border-top:1px solid #707070; border-bottom:1px solid #707070; padding:26px 0; width:1200px;}
#footBottom > article{float:left;}
#footBottom > article#footAddress1{float:left; width:1200px;}
#footBottom > article h1{color:#fff; font-size:15px; font-weight:400; /*padding-bottom:8px; padding-bottom:26px;*/}


#footBottom #footTel{float:right; width:500px;}
#footTel .consult-inquiry{overflow:hidden; padding-bottom:13px;}
#footTel .tel{display:inline-block; vertical-align:middle; color:#888; font-size:30px; font-weight:normal; margin-right:15px; }
#footTel .footer-store-tel{display:inline-block;vertical-align:middle; overflow:hidden; width:400px;}
#footTel .footer-store-tel li{float:left; width:50%; color:#8a8888; font-size:14px; font-weight:400; line-height:26px;}
#footTel .footer-store-tel li:nth-child(odd){width:40%;}
#footTel .footer-store-tel li strong{color:#fff; font-weight:400;}
#footTel dl{overflow:hidden;}
#footTel dl dt,#footTel dd{float:left; font-size:12px; color:#888; margin-bottom:10px;}
#footTel dd a,#footTel dd a:hover{color:#888; text-decoration:underline !important;}
#footTel dd{margin-left:10px; color:#888;}
#footTel div {padding:15px 0 0 0;color:#888}
#footBottom > article .address{color:#888; font-size:12px; line-height:24px;}
#footBottom > article .address span{margin:0 7px;}
#footBottom > article .address a img{margin-left:5px;}
#footBottom > article .address a {text-decoration:underline;}
#footBottom > article .seoul-action-logo{display:block; padding-top:15px; text-align:right; margin-right:60px;}
/* #footer .copy{text-align:center; color:#949393; font-size:12px; padding:20px 0 75px; }
#footer .copy span{color:#fff;} */
#footer .copy{clear:both; font-size:12px; padding:5px 0 35px; color:#949393; }
#modalBg{display:none; position:fixed; top:0px; left:0px;width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:10000; cursor:pointer;}
#footerPopUp{display:none; position:fixed; top:50%; left:50%; width:800px; height:600px; margin:-300px 0 0 -400px; background:#fff; z-index:11111;}
.foot-pop-close-btn{position:absolute; top:0px; right:-110px;}
#footerPopupCon h1{padding:20px; color:#333; font-size:24px; font-weight:500; border-bottom:1px solid #ccc; }
.popup-layer-con{height:475px; padding:20px; overflow-y:auto; line-height:18px;}




/* 퀵메뉴 */
#navbar-right { position:fixed; top:50%; right:30px; width:20px;z-index:10;}
.navbar-right li:first-child { border-top:2px solid #000;}
.navbar-right li { text-align:center; cursor:pointer; font-size:0px;}
.navbar-right li a { display:inline-block; width:100%; vertical-align:top; background:none; height:10px; border:0px; border-bottom:2px solid #000; font-weight:600;}
.navbar-right li a em {  display:block; height:10px; overflow:hidden; opacity:0;filter:alpha(opacity=0);}
.navbar-right li a:hover { background:#000; text-decoration:none !important;}
#navbar-right a * {
	-webkit-transition: all 200ms cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	-moz-transition: all 200ms cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	-o-transition: all 200ms cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	transition: all 200ms cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */

	-webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	-moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	-o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); 
	transition-timing-function: cubic-bezier(0.550, 0.085, 0.680, 0.530); /* easeInQuad */
}

.navbar-right li.current { border-bottom:0px; }
.navbar-right li.current a { margin:0 0 0; height:auto; border:0px; border-bottom:2px solid #000;  text-decoration:none;}
.navbar-right li.current a em { margin:10px auto 7px; height:auto; overflow:visible; font-size:12px; line-height:13px; padding:0px; opacity:1;filter:alpha(opacity=100); color:#000; width:13px;}
.navbar-right li.current a:hover { background:none; text-decoration:none !important;}

.topCont { position:absolute; z-index:10; bottom:-95px; left:50%; margin-left:520px; width:24px; height:25px; display:inline-block; background:url('../img/about/quick.jpg') no-repeat left top; font-size:0px; line-height:0px; }
.topCont02 { position:absolute; z-index:10; bottom:20px; right:20px; width:24px; height:25px; display:inline-block; background:url('../img/about/quick.jpg') no-repeat left top; font-size:0px; line-height:0px;  }