@charset "utf-8";

.d_width{position:relative;margin:0 auto;width:1240px;}
.bodybg	{background-color:transparent}
.mbg	{background-image:url(../img/mbg.png);background-repeat:repeat;background-position:50% 0;background-color:#F4F4F4;overflow:hidden;}
.sbg	{background-image:url(../img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(../img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0;}
#svisual	{position:relative;width:100%;height:240px;padding:0;margin:0;z-index:1;text-align:center;}
#svslide	{position:absolute;width:100%;height:240px;left:0;top:0;overflow:hidden;}
#container	{position:relative;z-index:10;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

/* footer				{clear:both;position:relative;width:100%;padding:0;background:#333;font-size:13px;}
footer:before		{content:"";position:absolute;left:0;top:45px;display:block;width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
footer .f_logo		{position:absolute;left:0;top:65px;}
footer .f_logo img	{opacity:0.5;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}
footer .f_cont		{float:left;}
footer ul.f_mn li	{float:left;margin:0 15px 0 0;line-height:45px;}
footer ul.f_mn li a	{color:#989898;}
footer .f_link		{float:right;}
footer .f_link select	{position:relative;float:left;border:none;padding:0 10px;margin-left:1px;height:45px;width:200px;background:rgba(0,0,0,0.4) url(../../data/img/f_link_bg.png) no-repeat 92% 50%;line-height:45px;font-size:13px;color:#ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
footer .f_link select::-ms-expand	{display:none;}
footer .f_link option	{color:#fff;}
footer address		{line-height:140%;color:#989898;margin-left:200px;padding:20px 0;} */

h1, h2, h3, h4, h5, h6 {clear:both;background:transparent;line-height:1.25;text-align:left;}
h1 {/*margin:0;padding:0;background:none;font-size:30px;color:#464C58;letter-spacing:-1px;*/}
h2 {margin:30px 0 15px 0;padding:0;font-size:24px;color:#CC9900;}
h3 {margin:25px 0 15px 0;padding:0;font-size:18px;color:#3E4553;}
h4 {margin:20px 0 10px 0;padding:0;font-size:16px;color:#3E4553;}
h5 {margin:15px 0 5px 0;padding:0;font-size:15px;color:#5A6378;}
h6 {margin:10px 0 5px 0;padding:0;font-size:14px;font-weight:normal; }
h3:before{content:"\f14a";font-family:FontAwesome;color:#3E4553;margin-right:5px;font-size:16px;}
h4:before{content:"\f111";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}
h5:before{content:"\f10c";font-family:FontAwesome;color:#768395;margin-right:5px;font-size:12px;}
h6:before{content:"\f105";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}

/* 기본layout */
#snb		{float:left;width:240px;}
#content	{float:left;width:960px;padding:0;margin:0 0 0 40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{}
#location li{float:left;padding:0 10px;background:url(../../data/img/ico_homearr.png) no-repeat 0 50%;font-size:12px;}
#location li:first-child{padding-left:20px;background:url(../../data/img/ico_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb li		{float:left;border:1px solid #eaeaea;border-left:none;width:28px;height:28px;line-height:28px;text-align:center;}
#pnb li:first-child	{border-left:1px solid #eaeaea;}
#pnb li .fa, #pnb li a		{margin:0;color:#ccc;}
#pnb .page_sns	{float:left;}
#pnb .pnb_bx	{float:right;margin-left:2px;}
#body_title		{clear:both;padding:10px 0 15px 0;margin:0 0 30px 0;border-bottom:1px solid #dadada;}
#body_content	{clear:both;padding:0 0 30px 0;margin:0;}

header				{position:relative;width:100%;height:120px;padding:0;margin:0;background:url(../img/header_bg.png) no-repeat left 50% bottom -16px;z-index:99}
header #logo		{position:absolute;left:0;top:60px;width:100%;z-index:99}
header .sub_name	{display:inline-block;line-height:1.3;margin:10px 0 0 20px;font-weight:bold;color:#ccc;vertical-align:middle;}
#topwrap			{position:relative;background:#475A42;z-index:99;}
#topwrap .topmn		{line-height:40px;text-align:right;}
#topwrap .topmn a	{margin-left:20px;font-size:13px;color:#fff;}
#gnb		{position:absolute;left:0;top:40px;height:80px;width:100%;}
#gnbmn		{position:relative;width:1240px;padding:0;margin:0 auto;z-index:99}
#gnbmn a	{display:block;}
#gnbmn ul.depth1		{position:relative;width:920px;padding:0;margin:0 0 0 340px;}
#gnbmn ul.depth1 li		{float:left;padding:0;margin:0;text-align:center;}
#gnbmn ul.depth1 li a	{padding:0;margin:0;font-size:20px;line-height:80px;}
#gnbmn ul.depth2		{display:none;position:relative;/* padding:15px 0; */margin:0;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100%;}
#gnbmn ul.depth2 li a	{/* padding:2px 0; */ margin:0;/* font-size:14px; */font-weight:normal;line-height:140%;/* white-space:nowrap; */}
#id_gnb_bg	{position:absolute;left:0;top:120px;z-index:3;}
.gnb_bg		{width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-ms-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-o-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}

#mgnb		{position:relative;width:100%;height:380px;padding:10px 0;border-top:1px solid rgba(0,0,0,0.1);background:none !important;z-index:99;}
#mgnbmn		{position:relative;padding:0;margin:0;}
#mgnbmn a	{display:block;}
#mgnbmn ul.depth1		{position:relative;padding:0;margin:0}
#mgnbmn ul.depth1 li	{position:relative;padding:0;margin:0;}
#mgnbmn ul.depth1 li a	{padding:12px 30px;margin:0;color:#fff;font-size:20px;}
#mgnbmn ul.depth2		{display:none;position:absolute;left:310px;top:0;width:180px;padding:10px;margin:0;background:rgba(0,0,0,0.8)}
#mgnbmn ul.depth2 li	{clear:both;padding:0;margin:0;}
#mgnbmn ul.depth2 li a	{/* padding:0; */margin:0;/* line-height:25px;white-space:nowrap;*/}
#mgnbmn ul.depth2 li a span	{color:#fff;font-size:14px;font-weight:normal;}

.main-gnb					{background:#384834;box-shadow:inset -10px 0 25px rgba(0,0,0,0.3);}
.main-gnb #topwrap			{background:none;}
.main-gnb header			{height:160px;}
.main-gnb header #logo		{width:310px;top:0;padding:30px;height:160px;text-align:center;}
.main-gnb header .sub_name	{display:block;margin-left:0;}

/* snb_type1 */
#snbmn					{width:100%;padding:0;margin:0 0 40px 0;}
#snbmn .tit				{padding:40px 20px;;margin:0;text-align:center;font-size:24px;}
#snbmn a				{display:block;line-height:140%;}
#snbmn ul li			{position:relative;padding:0;margin:0;}
#snbmn ul li a			{padding:15px 20px;margin:0;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.1);}
#snbmn ul li a.on,
#snbmn ul li a:focus,
#snbmn ul li a:active,
#snbmn ul li a:hover	{text-decoration:none;}
#snbmn ul ul			{padding:5px 0;margin:0;}
#snbmn ul ul li a		{padding:6px 10px;margin:0;font-size:12px;background-image:none;border:none;}
#snbmn ul ul li a:before	{content:"- ";}
#snbmn ul ul li a.on,
#snbmn ul ul li a:focus,
#snbmn ul ul li a:active,
#snbmn ul ul li a:hover	{text-decoration:none;background-color:transparent;}

.main-vwrap			{position:relative;}
.main-vwrap:before	{content:"";position:absolute;left:0;top:0;display:block;width:calc(50% - 310px);height:540px;background:#475A42;}
.main-vbg		{position:relative;width:calc(50% + 310px);float:right;}

.main-section	{padding-bottom:60px;}

.col-1	{float:left;width:620px;}
.col-2	{float:left;width:310px;}

#popupzone2				{position:relative;padding:0;}
#popupzone2 h3			{display:none;}
#popupzone2 img			{width:100%;vertical-align:top;}
#popupzone2 .popimg,
#popupzone2 .noimg		{width:100%;height:300px;line-height:300px;}
#popupzone2 .noimg		{display:block;background:#f5f5f5;text-align:center;}
#popupzone2 .noimg:before{content:"등록된 알림이 없습니다.";color:#ccc}
#popupzone2 .pager		{position:absolute;left:0;bottom:0;width:100%;line-height:40px;background:rgba(0,0,0,0.5);padding:0 20px;}
#popupzone2 .pager span	{font-size:11px;color:#fff;}
#popupzone2 .pager em	{color:#FFCC00;}
#popupzone2 .control		{position:relative;float:right;margin-top:10px;}
#popupzone2 .control a	{display:block;float:left;width:20px;height:20px;background:rgba(0,0,0,0.2);line-height:20px;text-align:center;margin:0 0 0 1px;font-size:7px;color:#fff;}

.main-bnr		{}
.main-bnr a		{position:relative;display:block;height:150px;padding:30px;background-repeat:no-repeat;background-position:right 20px bottom 20px;}
.main-bnr a.bg1	{background-color:#CC9900;background-image:url(../img/ico_mbnr1.png);}
.main-bnr a.bg2	{background-color:#946F01;background-image:url(../img/ico_mbnr2.png);}
.main-bnr .tit	{font-size:24px;color:#FFFFCC;}
.main-bnr .txt	{font-size:17px;color:#fff;}
.main-bnr .fa	{position:absolute;left:30px;bottom:30px;color:#FFFFCC;}

.main-sns		{background:#fff;}
.main-sns a		{display:block;float:left;width:33.3333%;padding:25px 0;height:150px;font-size:16px;text-align:center;color:#666;border-left:1px dashed #dfdfdf;}
.main-sns a:first-of-type	{border-left:none;}
.main-sns span		{display:block;width:60px;height:60px;margin:0 auto 12px;border-radius:50%;transition:all 0.2s ease-out;}
.main-sns .facebook span{background-color:#4D75B7;background-image:url(../img/msns_facebook.png);}
.main-sns .youtube span	{background-color:#F53530;background-image:url(../img/msns_youtube.png);}
.main-sns .blog span	{background-color:#00B800;background-image:url(../img/msns_blog.png);}
.main-sns a:hover span	{transform:translateY(-5px);box-shadow:0 10px 5px rgba(0,0,0,.1);}

.main-about			{position:relative;background:#A6B1A4 url(../img/mabout_bg.png) no-repeat 100% 100%;padding:30px;height:300px;}
.main-about .tit	{margin-bottom:25px;font-size:28px;color:#FFFFCC;line-height:1.2;}
.main-about a		{display:block;margin-right:290px;border-bottom:1px solid rgba(0,0,0,0.1);padding:10px 0;color:#fff;}
.main-about a:after	{content:"\f178";float:right;font-family:FontAwesome;color:#FFFFCC;}

.main-title			{position:relative;height:480px;padding-top:40px;}
.main-title:after	{content:"";position:absolute;top:160px;left:-110px;display:block;width:507px;height:382px;background:url(../img/mtitle_bg.png) no-repeat 50% 50%;z-index:-1;}
.main-title	span	{display:block;line-height:1.2;font-weight:200;}
.main-title .tit1	{font-size:28px;letter-spacing:-1px;color:#475A42;}
.main-title .tit2	{font-size:22px;color:#AFAFAF;margin-top:10px;}

.mgallery5		{position:relative;height:330px;}
.mgallery5 h3			{display:none;}
.mgallery5 .img_frame	{position:relative;height:330px;}
.mgallery5 .txt	{position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.8) 90%);padding:250px 60px 30px 30px;}
.mgallery5 .tit	{display:none;}
.mgallery5 .date	{font-size:11px;color:#fff;}
.mgallery5 .date:before	{content:"\f017";font-family:FontAwesome;margin-right:5px;color:#ccc;}
.mgallery5 .subject		{height:24px;overflow:hidden;}
.mgallery5 .subject,
.mgallery5 .subject a	{font-size:18px;color:#fff;}
.mgallery5 .more		{position:absolute;right:30px;bottom:30px;display:block;width:14px;height:14px;background:url(../../data/img/mgallery_more.png) no-repeat 50% 50%;text-indent:-99px;overflow:hidden;}

.mnoticetop2				{position:relative;height:330px;background:#fff;padding:0 30px;}
.mnoticetop2 h3				{display:none;}
.mnoticetop2 .tab_on,
.mnoticetop2 .tab_off		{float:left;height:60px;}
.mnoticetop2 .tab_on > a,
.mnoticetop2 .tab_off > a	{position:relative;display:block;padding:5px 20px 0 20px;line-height:55px;text-align:center;font-size:18px;text-decoration:none;transition:all 0.1s;z-index:5;}
.mnoticetop2 .tab_on > a	{color:#4F644A;border-bottom:2px solid #4F644A;}
.mnoticetop2 .tab_off > a	{color:#666;}
.mnoticetop2 #notice101 > a:after		{content:"|";position:absolute;right:-2px;top:5px;font-size:10px;font-weight:200;color:#ccc;}
.mnoticetop2 .more			{position:absolute;right:30px;top:23px;}
.mnoticetop2 .more a		{display:block;width:14px;height:14px;background:url(../img/mnotice_more.png) no-repeat 50% 50%;text-indent:-99px;overflow:hidden;}
.mnoticetop2 .tabcontent	{position:absolute;left:0;top:60px;margin:0 30px;width:calc(100% - 60px);border-top:1px solid #ccc;text-align:left;}
.mnoticetop2 .tabcontent li	{position:relative;line-height:1.8;}
.mnoticetop2 .tabcontent li:before{content:"";display:inline-block;width:2px;height:2px;background:#999;margin-right:10px;vertical-align:middle}
.mnoticetop2 .tabcontent li a	{display:inline-block;width:calc(100% - 90px);overflow:hidden;vertical-align:middle;}
.mnoticetop2 li .date		{position:absolute;right:0;top:5px;font-size:12px;color:#999;}
.mnoticetop2 .recent		{line-height:1.6;border-bottom:1px dotted #ccc;padding:20px 0;margin-bottom:15px;min-height:80px;}
.mnoticetop2 .recent p		{margin-left:95px;}
.mnoticetop2 .recent .date	{float:left;display:inline-block;width:80px;height:80px;border:1px solid #ccc;text-align:center;font-size:18px;color:#999;padding-top:17px;line-height:1.2;}
.mnoticetop2 .recent .date span	{display:block;font-size:22px;font-weight:bold;color:#4F644A}
.mnoticetop2 .recent .subject	{margin-top:5px;margin-bottom:10px;height:23px;overflow:hidden;}
.mnoticetop2 .recent .subject a	{font-size:18px;color:#4F644A;}
.mnoticetop2 .recent .desc		{font-size:14px;color:#666;height:40px;overflow:hidden}

.main-quick			{background:#5E612C;}
.main-quick .tit	{float:left;width:150px;padding:30px;font-size:26px;color:#FFFFCC;}
.main-quick .tit span	{display:block;margin-top:5px;font-size:14px;}
.main-quick ul		{float:left;width:calc(100% - 150px);}
.main-quick li a	{display:block;padding-top:30px;border-left:1px dashed rgba(0,0,0,0.1);height:150px;text-align:center;color:#fff;}
.main-quick li:first-child a	{border-left-style:solid;}
.main-quick li span	{display:block;width:55px;height:55px;margin:0 auto 20px;background-image:url(../img/ico_mquick.png);background-repeat:no-repeat;}
.main-quick li span.ico1	{background-position:0 0;}
.main-quick li span.ico2	{background-position:-55px 0;}
.main-quick li span.ico3	{background-position:-110px 0;}
.main-quick li span.ico4	{background-position:-165px 0;}
.main-quick li span.ico5	{background-position:-220px 0;}
.main-quick li span.ico6	{background-position:-275px 0;}

.main-contact		{position:relative;background:rgba(255,255,255,0.6);text-align:center;height:320px;padding:40px 0;}
.main-contact .ico	{display:block;width:100px;height:100px;background:#475A42 url(../img/ico_mcontact.png) no-repeat 50% 50%;margin:0 auto 20px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.main-contact .tit	{font-size:22px;font-weight:600;color:#475A42;}
.main-contact .tit:after	{content:"";display:block;margin:15px auto;width:3px;height:10px;background:#475A42;transform:skewX(-35deg);-moz-transform:skewX(-35deg);-webkit-transform:skewX(-35deg);-ms-transform:skewX(-35deg);-o-transform:skewX(-35deg);}
.main-contact .txt	{font-size:18px;color:#333;}
.main-contact:after	{content:"";position:absolute;top:170px;left:-70px;display:block;width:507px;height:382px;background:url(../img/mtitle_bg.png) no-repeat 50% 50%;z-index:-1;}

#m-nav{display: none; position:absolute; left:15px; top:15px; z-index:9999;}
#m-nav span{display: block; width:25px; height:3px; background-color:#ffffff; border-radius:5px; margin: 5px 0;}

.m_login i{color:#000;}

@media (max-width:768px){

#m-nav{display: block;}

}

#topsns {z-index: 15;}

/* header 수정 241216 */
#gnbmn ul.depth2 {padding:10px 0;}
#gnbmn ul.depth2 li a {padding: 2px 4px;font-size: 13px;word-break:keep-all;}
#mgnbmn ul.depth2 li a {line-height:1;word-break:keep-all;padding:5px 0;}