@charset "utf-8";

#wrap {position:relative;width:100%;height:100%}
#wrap .top_wrap {height:79px;position:relative; border-bottom:1px solid #009357}
#wrap .top_wrap #logo { position:absolute; top:25px; left:50%; width:220px; height:33px; margin:0 0 0 -110px}
#wrap .top_wrap #logo a {display:inline-block;vertical-align:top; background:url(../images/common/logo/top.png) no-repeat 0 0; width:220px; height:33px; font-size:0; text-indent:-1000em}
#wrap .util_wrap{margin:0 auto;max-width:1200px;}
#wrap .util_wrap .util {float:right; margin-top:30px}
#wrap .util_wrap .util ul li{float:left; border-left:1px solid #ebeef5; height:25px}
#wrap .util_wrap .util ul li:first-child { border-left:0px}
#wrap .util_wrap .util ul li.home {background: url('../images/common/ic_home.png') no-repeat 50% 50%; text-indent:-1000em; font-size:0;width:35px}
#wrap .util_wrap .util ul li a{display:block;padding:0 10px;height:100%}
#wrap .util_wrap .top_tel {float:left}
#wrap .util_wrap .top_tel p {font-weight:bold; font-size:1.5em; margin-top:28px; color:#009357; letter-spacing:-0.5px;}

/* header */
#header-wrap {height:50px}
#header {display:block;position:relative;max-width:1200px;margin:0 auto;height:auto;}
	div#lnb .lnb-menu > li > a:last-child { padding:0}
	#header-wrap {position:absolute;top:80px;left:0;right:0;background: rgba(255,255,255,0.8);margin:0 auto;z-index:120;box-sizing: border-box; width:100%;}

	/*LNB*/
	div#lnb {position:relative; width:1150px;}
	div#lnb:before {position:absolute;left:50%;top:50px;z-index:-1;width:1000%;height:0;margin-left:-500%;background:#009357; content: ''; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
	div#lnb .headermenu_ul { -webkit-transition: height 0.5s ease; transition: height 0.5s ease; }
	div#lnb .headermenu_ul > li {float:left;}
	div#lnb .headermenu_ul > li > a {display:block;font-size:18px;font-weight:500;line-height:50px; width:140px; text-align:center}
	div#lnb .headermenu_ul a:hover {text-decoration:none;}
	
	div#lnb .hmenu2deps {position:absolute;top:70px;width:8.7%;height:0;overflow:hidden;border-left:1px solid #33a979;z-index:1;opacity:0;visibility:hidden;max-height:0;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;padding:0px 20px;z-index:999}
	div#lnb .hmenu2deps strong {color:#fff;font-size:20px;display:block;margin-bottom:25px;}
	div#lnb .hmenu2deps li {margin-top:10px;letter-spacing:-1px;}
	div#lnb .hmenu2deps a {color:#fff;display:block;}
	div#lnb .hmenu2deps a:after {content:"→"; display:block; font-family:"xeicon"; opacity:0; -webkit-transform:translateX(-10px); transform:translateX(-10px); -webkit-transition:all 0.25s ease; transition:all 0.25s ease;float:right;}
	div#lnb .hmenu2deps a:hover {color:#fff;}
	div#lnb .hmenu2deps a:hover:after {opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px)}
	
	/*
	div#lnb li:nth-child(1) .hmenu2deps {left:0; border-left:0px}
	div#lnb li:nth-child(2) .hmenu2deps {left:14.5%}
	div#lnb li:nth-child(3) .hmenu2deps {left:29%}
	div#lnb li:nth-child(4) .hmenu2deps {left:43.5%;}
	div#lnb li:nth-child(5) .hmenu2deps {left:58%;}
	div#lnb li:nth-child(6) .hmenu2deps {left:72.5%;}
	div#lnb li:nth-child(7) .hmenu2deps {left:87%}
	*/	
		
	div#lnb.active:before {height:100%;}
	div#lnb.active .headermenu_ul {height:280px}
	div#lnb.active .hmenu2deps {opacity: 1;visibility:visible;max-height:200px;height:100%;padding:10px 20px 30px;z-index:999}	
	div#lnb.active li.on > .hmenu2deps { background:rgba(0,0,0,0.2)}
	div#lnb .all-menu { width:50px; position:absolute;right:-50px;top:0px; }

/* content */
#container-wrap {width:100%;overflow:hidden;margin-top: 50px;}
#container-wrap #contents{clear:both; }

/* footer */
#footer_wrap {background:#363943 url('../images/common/foot_bg.gif') no-repeat 50% 0; overflow: hidden; padding-bottom:20px}
#footer {padding:20px 0px 0px 0px;position:relative;max-width:1200px;margin:0 auto;}
#footer .link { overflow:hidden}
#footer .link ul{float:left;margin-bottom:10px;}
#footer .link ul li{display:inline-block; }
#footer .link ul li a{color:#fff;}
#footer .link ul li:after{display:inline-block; position:relative; top:-1px; width:1px; height:9px; margin:0 10px; background-color:#818181; content:''; vertical-align:middle;}
#footer .link ul li:last-child:after{background:none;}
#footer .logo{float:right;margin-top:35px;background:url('../images/common/logo/foot.png') no-repeat 0 0;width:224px;height:33px; text-indent:-10000em;opacity:0.7;}
#footer .address {float:left;margin-top:35px;}
#footer .address p{color:#fff;}
#footer .address p.copyright{color:#ebeef5; padding-top:5px}
	/*TOP*/
	.topBt {position:fixed;bottom:80px;right:20px;width:55px;height:55px; border:5px solid #292b32; background:rgba(255,255,255,0.6); z-index:35; webkit-transition: all .5s ease; transition: all .5s ease; opacity:1; overflow:hidden}
	.topBt:before {content:"";display:block; background:url(../images/common/ic_top.gif) no-repeat 50% 50%; width:55px; height:55px}
	.topBt:hover { opacity:0.5}
	.topBt.over {bottom:60px}

/*=================================================================================================

	SUB_LAYOUT //

=================================================================================================*/
/* body */
.content_body{margin:0 auto;position:relative; max-width:1200px; padding-top:40px; /*min-height:800px*/}
.content_body:before, .content_body:after {content: ""; display: block; clear: both;}
.content_body:after {content: ""; display: block; clear: both;/*padding-bottom:50px*/}

#content_detail > .title {margin-bottom:40px}
#content_detail h2 {font-weight:600; font-size:32px; text-align: center;}
#content_detail h2:before {content: "";display: block; width:46px;height:62px;background:url(../images/content/h2_before.png) no-repeat 50% 0; margin: 0 auto 5px;}
#content_detail.content_body img{max-width:100%;}

.row { position:relative; width:100%;}
.row:after { content: ""; display: block; clear: both;}

/* visual */
#visual-wrap {height:190px; width:100%; overflow:hidden}
#visual {max-width:1200px;height:100%;margin:0 auto;position:relative;}
#visual-wrap #visual h2 {position:absolute;left:50%;top:80px;z-index:10;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);color:#FFF; font-size:40px; font-weight:600; text-align: center; width:100%;text-shadow: 2px 2px 6px #000;}
#visual-wrap #visual h2:after { content:''; display:block;position:absolute; top:65px; left:50%;height:70%;background:#FFF;width:1px}
#visual-wrap #visual img {position:absolute;top:-140px;left:0;width:2000px;height:430px;margin-left:-400px;}
@keyframes animate_background {0% {margin-top:0px} 50% {margin-top:50px} 100% {margin-top:0px}}
#visual-wrap #visual .visual_img img {animation:animate_background 5s linear;}

/* navigation */
#location-wrap {height:50px; width:100%; background:#009357}
#location-wrap .location {margin:0 auto; max-width:1200px; position:relative}
#location-wrap .location:after {display: block; content: ""; clear: both;}
#location-wrap .location > div {float:left; line-height:50px; height:50px;border-right:1px solid #40ad80;}
#location-wrap .location > div a { color:#FFF;padding:0 20px; -webkit-transition:all 0.35s; transition:all 0.35s;}
#location-wrap .location > .home {background: url('../images/content/ic_home.png') no-repeat 50% 50%; border-left:1px solid #40ad80; text-indent:-1000em; font-size:0;width:55px}
#location-wrap .location > .home a {display:block; width:100%;height:100%;padding:0}
#location-wrap .location > .path { position:relative; display: inline-block;}
#location-wrap .location > .path .title { cursor: pointer;display:block; background: url('../images/content/path_a_down.png') no-repeat 89% center; padding-right:25px; min-width:160px;}
#location-wrap .location > .path ul {display:none; position:absolute; background-color:#33a979; width:100%; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2); z-index: 1; -webkit-transition:all 0.5s; transition:all 0.5s;}
#location-wrap .location > .path ul li a { display: block; border-top:1px solid #66be9a; line-height:20px; padding:10px 20px}
#location-wrap .location > .path ul li a:hover {background-color:#007646}
#location-wrap .location > .path.active .title, #location-wrap .location > .path:hover .title {  background:#007646 url('../images/content/path_a_up.png') no-repeat 89% center;text-decoration:none;}

#location-wrap .location > .useric { float:right;}
#location-wrap .location > .useric a { padding:0; width:100%;display:block}
#location-wrap .location > .useric .snsShare { position:relative;float:left}
#location-wrap .location > .useric .snsShare .btnArea {border-left:1px solid #40ad80;}
#location-wrap .location > .useric .snsShare .btnArea > a {text-indent:-9999px; width:50px; height:50px; display:block; background:url('../images/content/ic_share.png') no-repeat center;}
#location-wrap .location > .useric .snsShare .btnArea.active > a {background:#007646 url('../images/content/ic_share_close.png') no-repeat center;}
#location-wrap .location > .useric .snsShare ul {position: absolute;top:50px; left: 0; background-color: #fff; border: 1px solid #e6e6e6; padding: 6px 0; z-index: 100; display: none;}
#location-wrap .location > .useric .snsShare ul li {width:50px; text-align:center}
#location-wrap .location > .useric .snsShare ul li a {display:block; padding:4px 0; line-height:34px}
#location-wrap .location > .useric .snsShare .btnArea a {display:block; -webkit-transition:all 0.5s; transition:all 0.5s;}
#location-wrap .location > .useric p.print{float:right; border-left:1px solid #40ad80;}
#location-wrap .location > .useric .snsShare .btnArea > a:hover, #location-wrap .location > .useric p.print:hover{background-color:#007646;}


/* manager */
.manager_box {border:1px solid #ebeef5; overflow: hidden; padding:20px 0; max-width:1198px; margin:20px auto}
.manager_lst {float:left;width:25%}
.manager_lst dt, .manager_lst dd {display:inline-block;vertical-align:top;width:auto;}
.manager_lst dt {position:relative;margin-left:16px;font-weight:500;padding-left:18px;}
.manager_lst dt:before {position:absolute;top:10px;left:0;content:"";display:block;width:5px;height:3px;background:#009357;}
.manager_lst dt:after, .charge-wr .update .date:before {content:":";margin-left:7px;margin-right:4px;font-weight:500;}