@charset "utf-8";

.d_width{position:relative;margin:0 auto;width:1240px;}
.bodybg	{background-color:transparent}
.mbg	{background-image:url(../img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent;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:#4B525F;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:#fff;}
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:#A4A8AE;margin-left:200px;padding:20px 0;} */

footer				{background:#4B525F;}
footer ul.f_mn li a	{color:#fff;}
footer address		{color:#A4A8AE;}

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:#FF9900;}
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:absolute;left:0;top:0;width:100%;height:120px;padding:0;margin:0;z-index:99}
header #logo		{position:absolute;left:0;top:60px;width:100%;z-index:99}
header .sub_name	{display:inline-block;margin-left:20px;line-height:40px;font-weight:bold;color:#333;vertical-align:middle;}
#topwrap			{position:relative;border-bottom:1px solid rgba(255,255,255,0.1);z-index:99}
#topwrap .topmn		{line-height:40px;text-align:right;}
#topwrap .topmn:before	{content:"";display:inline-block;float:left;width:350px;height:40px;background:url(../img/toplogo.png) no-repeat 50% 50%;}
#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:800px;padding:0;margin:0 0 0 440px;}
#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:10px 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);}

/* 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;}

.col_wrap .bx	{margin:10px;}
.col-1			{float:left;width:840px;}
.col-2			{float:left;width:420px;}
.col-3			{float:left;width:calc(75% - 420px);}

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

.main-current				{position:relative;height:360px;background:rgba(22,34,67,0.9);padding:0 30px;}
.main-current h3	{display:none;}
.main-current .tab_on,
.main-current .tab_off		{float:left;height:60px;}
.main-current .tab_on > a,
.main-current .tab_off > a	{position:relative;display:block;width:150px;padding:5px 0 0 0;line-height:55px;text-align:center;font-size:18px;text-decoration:none;transition:all 0.1s;z-index:5;}
.main-current .tab_on > a	{color:#FFCC00;border-bottom:2px solid #FFCC00;}
.main-current .tab_off > a	{color:#fff;}
.main-current .more			{position:absolute;right:30px;top:23px;}
.main-current .more a		{display:block;width:14px;height:14px;background:url(../img/mcurrent_more.png) no-repeat 50% 50%;text-indent:-99px;overflow:hidden;}
.main-current .tabcontent	{position:absolute;left:0;top:60px;margin:0;padding:25px 30px;width:100%;border-top:1px solid rgba(153,158,162,0.2);text-align:left;}
.main-current .tabcontent li	{position:relative;line-height:2.2;color:rgba(255,255,255,0.5);}
.main-current .tabcontent li:before{content:"";display:inline-block;width:4px;height:4px;background:#8A90A0;margin-right:10px;vertical-align:middle}
.main-current .tabcontent li a	{display:inline-block;width:calc(100% - 320px);overflow:hidden;vertical-align:middle;color:#fff;}
.main-current li .date		{position:absolute;right:0;top:5px;font-size:13px;color:#FFCC00;}
.main-current li .category	{display:inline-block;width:130px;font-size:14px;color:#8A90A0;}
.main-current li .category.on	{color:#FFCC00;}

.main-quick			{background:rgba(255,153,0,0.8);height:280px;margin-top:90px;}
.main-quick li a	{display:block;padding-top:22px;height:140px;text-align:center;color:#fff;}
.main-quick li:nth-of-type(2n) a	{border-left:1px solid rgba(0,0,0,0.2);}
.main-quick li:nth-of-type(2) ~ li a{border-top:1px solid rgba(0,0,0,0.2);}
.main-quick li span	{display:block;width:60px;height:60px;margin:0 auto 10px;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:-60px 0;}
.main-quick li span.ico3	{background-position:-120px 0;}
.main-quick li span.ico4	{background-position:-180px 0;}
.main-quick a:hover span{margin-top:-10px;margin-bottom:20px;}

#popupzone2				{position:relative;padding:0;}
#popupzone2 h3	{display:none;}
#popupzone2 img			{width:100%;vertical-align:top;}
#popupzone2 .popimg,
#popupzone2 .noimg		{width:100%;height:320px;line-height:320px;}
#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;}

.mnoticetop2				{position:relative;height:320px;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:#303579;border-bottom:2px solid #303579;}
.mnoticetop2 .tab_off > a	{color:#666;}
.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:15px 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:#303579}
.mnoticetop2 .recent .subject	{margin-top:5px;margin-bottom:10px;height:23px;overflow:hidden;}
.mnoticetop2 .recent .subject a	{font-size:18px;color:#303579;}
.mnoticetop2 .recent .desc		{font-size:14px;color:#666;height:40px;overflow:hidden}

.main-bnr		{background:rgba(155,214,232,0.8);}
.main-bnr a		{position:relative;display:block;width:50%;float:left;height:150px;padding:20px;background-repeat:no-repeat;background-position:right 20px bottom 20px;}
.main-bnr a.bg1	{background-image:url(../img/ico_mbnr1.png);border-right:1px dashed rgba(51,102,204,0.2);}
.main-bnr a.bg2	{background-image:url(../img/ico_mbnr2.png);}
.main-bnr .tit	{font-size:22px;color:#31367A;}
.main-bnr .fa	{position:absolute;left:20px;bottom:20px;color:#31367A;}

.main-about			{position:relative;background:rgba(0,0,0,0.3) url(../img/mabout_bg.png) no-repeat 30px 50%;padding:20px;padding-left:140px;height:150px;margin-top:20px;}
.main-about .tit,
.main-about .txt	{color:#fff;}
.main-about .tel	{margin:0 0 4px 0;font-weight:bold;font-size:20px;color:#FFFFCC;}
.main-about .txt	{font-size:13px;line-height:1.4;margin:4px 0;}