i@charset "utf-8";
.wrapper  {position:relative; float:left;width:100%; /* min-width:1200px; */	margin:0 auto;	overflow:hidden;}
#headerWrap { position:relative;float:left;width:100%; height:150px; background:url(../images/common/header_bg.png) repeat-x left -20px;  box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);}
.headerWrap { position:relative;float:left;width:100%; height:150px; background:url(../images/common/header_bg.png) repeat-x left -20px;  box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);}

.headerInner { position:relative;width:1200px; margin:0 auto;height:150px; }
.container {position:relative;	width:1200px;	margin:0 auto; }


@media all and (max-width:1280px) {
.container {width:100%}
}
@media all and (max-width:1100px) {
}
@media all and (max-width:950px) {
}
@media all and (max-width:750px) {
}
@media all and (max-width:550px) {

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


/*Header*/
#header {width:100%; position:absolute; /* min-width:1400px; */ top:0; height:100px; z-index:150; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.2)}
h1.logo {position:absolute;left:40px;top:30px; z-index:160;}
h1.logo a {display:inline-block; width:240px; height:42px; line-height:0; vertical-align:top;  background:url("/images/common/logo_w_210218.png") no-repeat left center; text-indent:-9999px;}

.t_blog {position:absolute; right:40px; top:18px; z-index:160}

#container {width:100%; min-height:500px; overflow:hidden;}

#gnb {position:absolute; top:0; left:0; width:100%; text-align:center;  z-index:151; padding-bottom:75px;}
#gnb ul li {display:inline-block; vertical-align:top; width:160px; /*width:140px;*/ padding:0; box-sizing:border-box; text-align:center;}
#gnb ul li a {position:relative; display:block; color:#fff;}
#gnb ul li a.menu1 {  height:100px; line-height:100px; font-size: 17px;}
#gnb ul li a.menu1:hover { color:#0e76bc; }
#gnb ul li ul {opacity:0}

#header.hopen {  background:url(/images/common/gnbBG.png) repeat-x top;}
.hopen h1 a {background:url("/images/common/logo_210218.png") no-repeat left center;}
.hopen #gnb ul li a {color:#3d3d3d}
.hopen #gnb ul li.on a.menu1:after {content:""; display:block; position:absolute; left:50%; margin-left:-45px; top:68px; border-bottom:2px solid #000; width:90px; }
/*.hopen.scroll #gnb ul li.on a.menu1:after {display:none;}
.hopen.scroll #gnb.open ul li.on a.menu1:after {display:block;top:48px;}*/
.hopen #gnb ul li ul {padding-top:25px; }
.hopen #gnb ul li ul li {width:100%; padding:0; margin-bottom:15px;}
.hopen #gnb ul li ul li:last-child {margin-bottom:0}
.hopen #gnb ul li ul li a {display:inline-block; line-height:1.4; color:#fff; font-size: 15px; font-weight:400}
.hopen #gnb ul li ul li a:hover, .hopen #gnb ul li ul li.on a {text-decoration:underline;}
.hopen #gnb.open ul li ul {opacity:1} 

/****/
#gnb ul li.1dep_mo { display: none; }

.ico-menu {display:none;}
#header .close {display:none}

#header.hopen.scroll:before { height: 70px; }
#header.hopen.scroll:after { top:70px;  }




.dim {position:fixed; display:none; width:100%; height:100%;  top:0; left:0; background:rgba(0,0,0,.7); z-index:100}
/****/

@media all and (max-width:1280px) {
	#header{padding:0 30px; height: 80px; }
	h1.logo { top: 20px; }	#gnb {display:none;}
	
	.t_blog {display:none;}

	.ico-menu {display:block; position:absolute; top:27px;     right: 30px; width:32px; height:26px;  background:url("/images/common/allmenu.png") no-repeat left top;}
	.hopen .ico-menu {background:url("/images/common/allmenu_b.png") no-repeat left top;}
	.hmob {position:fixed !important; height:auto !important; padding:0 0 80px 0 !important; background:#fff !important; }
    .hmob .ico-menu{display:none;}
	.hmob #gnb {display:block; position:relative; width:100%; left:0; margin-left:0;}
	.hmob h1 {position:static;left:auto;top:auto;height:100px; padding-left:30px; padding-top:27px;}
	.hmob h1 a {background:url("/images/common/logo_210218.png") no-repeat left center;}
	.hmob #gnb ul li a { color:#3d3d3d;}
	.hmob #gnb ul li {display:block; text-align:left; width:100%; padding:0; box-sizing:border-box;}
	.hmob #gnb ul li a.menu1 { height:70px; line-height:70px; border-bottom:1px solid #d9d9d9; background:url("/images/common/gnb_arr_down.png") no-repeat right center; font-weight: normal; }
	.hmob #gnb ul  {padding:0 50px}
	.hmob #gnb ul li.on a.menu1:after {content:""; display:none; }
	.hmob #gnb ul li.on ul {height:auto; display:block; opacity:1; padding:18px 0 18px 20px; border-bottom:1px solid #d9d9d9}
	.hmob #gnb ul li.on a.menu1 {border-bottom-color:#f2f2f2;background:url("/images/common/gnb_arr_up.png") no-repeat right center}
	.hmob #gnb ul li.on ul li {line-height:39px;}
	.hmob #gnb ul li ul {height:0; display:none;}
	.hmob #gnb ul li ul li {line-height:0}

	.hmob #gnb ul li:first-child a.menu1 { background:url("/images/common/gnb_arr_down.png") no-repeat right center !important; }

	.hmob .header-in {position:fixed; width:100%; background:#fff;}
	.hmob .mobile-wrap {width:100%; background:#fff; overflow-y:scroll; }
	#header.hmob .close {display:block; position:absolute;  top:27px; right:30px; width:26px; height:26px; background:url("/images/common/close.png") no-repeat 0 0;text-indent:-9999px}
	.content.etc{padding-top:175px;}


	#gnb ul li.1dep_pc { display: none; }
	#gnb ul li.1dep_mo { display: block; }
}


@media all and (max-width:767px) {
	#header {/* position:fixed; */ top:0; height:70px; padding:0 15px; box-sizing:border-box;}
	body.open #wrapper #header {height:70px; padding:0;}
	body.open #wrapper h1 a { height:30px; line-height:0; background-size:auto 100%;}
	.ico-menu { display: block; position: absolute; top: 25px; right: 10px; width: 30px; height: 19px; background-size: 100% 100%;}
	.hopen .ico-menu { background-size:100% 100%}

	h1.logo { top:20px; left:10px; height:30px;}
	h1.logo a { height:30px; line-height:0;  background-size: auto 100%; text-indent:-9999px }

	.hopen h1 {top:20px; padding:0;}
	.hopen h1 a { background-size:auto 100%;}

	.hmob {padding:0  0 40px 0!important; }
	.hmob h1 {height:70px; padding-top:20px;}
	.hmob h1 a {height:30px; background-size:auto 100%; padding:0;}

	.hmob #gnb ul li a.menu1 { height:45px; line-height:45px; font-size: 13px; }

	.hmob #gnb ul {padding:0 25px; }
    .hmob #gnb ul li ul {display: none;}
	.hmob #gnb ul li a.menu1 {background:url("/images/common/gnb_arr_down.png") no-repeat right center; background-size:22.5px 6px}
	.hmob #gnb ul li a.menu1:hover:after {content:""; display:none; }
	.hmob #gnb ul li.on a.menu1 {background:url("/images/common/gnb_arr_up.png") no-repeat right center; background-size:22.5px 6px}
	.hmob #gnb ul li.on ul { padding:9px 0 9px 10px; display:block; overflow:hidden;}
	.hmob #gnb ul li.on ul li {line-height:2.5em !important; }
	.hmob #gnb ul li.on ul li.on a{color:#067acc;}
	.hmob #gnb ul li.on ul li a { font-size: 12px; }

	.hmob #gnb ul li:first-child a.menu1 { background-size:22.5px 6px !important;  }

	#header.hmob .close { top:23.5px; right:15px; width:13px; height:13px; background-size:100% 100%}
	.hmob .mobile-wrap {}
}



/* ¸ð¼Ç */
.overflowHidden{
    overflow: hidden;
}
.transition {
	-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	   -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	     -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}



/* -- Footer-- */
#footer {width:1400px; margin:80px auto 50px; text-align:center;}
#footer h1 {margin-bottom:30px;}
#footer .f_info li {display:inline-block; font-size:15px; line-height:30px; color:#989898; margin:0 5px;}

@media all and (max-width:1400px) {
#footer {width:100%; }
}
@media all and (max-width:1280px) {

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

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

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

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

}
@media all and (max-width:400px) {
#footer .f_info li { font-size: 11px;     line-height: 21px;}
#footer h1 img{width:180px;}


}

/* page top */
.page-top-box {position:fixed; z-index:100; opacity:0; filter:alpha(opacity=0); transition:0.4s; -webkit-transition:0.4s;}
.page-top-box.show {opacity:1; filter:alpha(opacity=100);}
.page-top-box .page-top-btn {position:fixed; width:68px; height:68px;right:0px; bottom:30px; background:#94c314 url(../images/common/page-top.png) center 18px no-repeat ; 
                                                      color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s;
							-webkit-transition:200ms ease-out 0ms;
							-moz-transition:200ms ease-out 0ms;
							-ms-transition:200ms ease-out 0ms;
							transition:200ms ease-out 0ms;}

.page-top-box .page-top-btn:hover { background:#006bbd url(../images/common/page-top.png) center 18px no-repeat ; color:#fff;}
.page-top-box.show .page-top-btn {right:20px;}
.page-top-box .page-top-btn p {text-align:center; margin-top:35px; font-size:14px;}





#toTop {	display: none;	text-decoration: none;	position: fixed;	bottom: 247px;
	left:50%; margin-left:600px;	overflow: hidden;	width: 55px;	height: 55px;	border: none;
	text-indent: 100%;	background:#eb8808 url("../images/common/btn_top.png") no-repeat center ;
}
#toTopHover {	width: 55px;	background:#444 url("../images/common/btn_top.png") no-repeat center ;height: 55px;	display: block;	overflow: hidden;	float: right;	opacity: 0;
	-moz-opacity: 0;	filter: alpha(opacity=0);
}