@charset "utf-8";

#wrap.main #container .inner{border-left:0}

#header {overflow:visible; }
.topArea {height:38px;background:#8d3b3d; width:100%;}
.topArea .inner {overflow:hidden;}
.topArea .topLink {float:right;margin-right:5px}
.topArea .topLink li {float:left;margin-left:11px;padding-left:12px;background:url(bar_toplink.png) no-repeat 0 50%; background:#8d3b3d;}
.topArea .topLink li:first-child {margin-left:0;padding-left:0;background:#8d3b3d;}
.topArea .topLink li a {font-size:13px;line-height:33px;color:#fff; background:#8d3b3d;}
.btnMenu {display:block;float:right;position:relative;margin:30px 29px 0 0;z-index:100;width:32px;height:25px;background:url(btn_menu.png) no-repeat 50% 50%;font-size:0;line-height:0;cursor:pointer;}
.gnbArea {position:relative;height:60px;border-bottom:1px solid #bfbfbf;border-top:1px solid #bfbfbf;}

.gnbArea h2 {float:left;margin:0px 0 0 2px;width:240px;height:82px;}
.gnbArea h1 {float:left;margin:15px 0 0 2px;width:200px;height:48px;}
.gnbArea .submenu {display:none;overflow:hidden;position:absolute;top:60px;left:0;z-index:90;width:100%;height:320px;border-top:1px solid #dfe5e9;border-bottom:1px solid #dfe5e9;background-color:#f6f7f9;background-image:url(bg_submenu.jpg);background-repeat:no-repeat;background-position:50% 0;zoom:1;}
.submenu>.inner {position:relative;min-height:300px;}
.submenu .titWrap {position:absolute;top:-1px;left:0;width:263px;height:300px;background:url() no-repeat 0 0;text-align:center;}
.submenu .titWrap h2 {position:relative;margin-bottom:20px;padding:0px 0 0px;}
.submenu .titWrap h2:before {position:absolute;bottom:0;left:50%;content:"";overflow:hidden;display:block;margin-left:-33px;width:66px;}
.submenu .titWrap .info {font-size:13px;color:#e4e7f0;}
/*.gnbArea .gnb-depth1 li.active .submenu {z-index:99;}*/

.gnb-depth1 {float:right;margin-right:50px;}
.gnb-depth1>li {float:left;margin:0 0px;background: url("bul_gnbmenu_line.png") no-repeat left;}
.gnb-depth1>li>a {display:block;padding:0 20px;line-height:60px;font-size:18px;font-weight:700;color:#120f0f;}
.gnb-depth1>li>a:hover, .gnb-depth1>li>a:focus, .gnb-depth1>li.active>a {background:url(bg_gnb_on.png) repeat-x 0 100%;}
.gnb-depth2 {overflow:hidden;padding-top:27px;padding-left:260px;}
.gnb-depth2>li {float:left;margin-bottom:11px;margin-left:15px;text-align:left;}
.gnb-depth2>li>a {display:block;width:210px;height:46px;font-size:17px;font-weight:700;color:#555;line-height:44px;border:1px solid #1fa4b6;box-sizing:border-box;background:#fff;padding-left:20px;}
.gnb-depth2>li>a:hover, .gnb-depth2>li>a:focus {line-height:40px;border-width:3px;}
.gnb-depth3 {margin-top:11px;}
.gnb-depth3>li {margin-top:-1px;text-align:left;}
.gnb-depth3>li>a {position:relative;display:block;padding:6px 25px 7px;font-size:15px;color:#444;border:1px solid #dbdbdb;}
.gnb-depth3>li>a:before {position:absolute;top:15px;left:17px;content:"";overflow:hidden;display:block;width:2px;height:2px;background:#808080;}
.gnb-depth3>li>a:hover, .gnb-depth3>li>a:focus {z-index:100;color:#000;border-color:#525252;}
.gnb-depth1>li.gnb-item01 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item02 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item03 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item04 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item05 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item06 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item07 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item08 {width: 142px;text-align: center;}
.gnb-depth1>li.gnb-item01 .submenu .titWrap h2 {padding-top:5px;padding-bottom:0px;}
.gnb-depth1>li.gnb-item01 .submenu .titWrap h2>img {margin-left:0px;}

#mainContents {padding:20px 0 38px;background:url(bg_content.png) repeat-x 0 0 #f4f6fa;}
#mainContents>* {overflow:visible;}
.contTop {overflow:hidden;padding:24px 0 30px;}
.contTop .mainNews, .contBt .serviceInfo {float:left;width:1200px;}
.contTop .previewLink, .contBt .contBanner {float:right;width:290px;}
.mainNews {position:relative;}
.mainNews h3 {position:absolute;top:-24px;left:0;}
.mainNews .slideWrap {margin-left:20px;padding:22px 49px 22px 90px;height:106px;background:#fff;box-sizing:border-box;border-bottom:1px solid #d1d1d1;}
.mainNews .slideWrap .slideBox {overflow:hidden;position:relative;height:100%;}
.mainNews .slideWrap ul {overflow:hidden;position:absolute;top:0;left:0;}
.mainNews .slideWrap ul li {float:left;padding:0 10px;width:33.33%;box-sizing:border-box;}
.mainNews .slideWrap ul li .date {float:left;margin-right:6px;width:56px;text-align:center;font-size:20px;font-weight:700;color:#008da0;}
.mainNews .slideWrap ul li .date .year {display:block;margin-top:2px;font-size:14px;font-weight:400;color:#777;}
.mainNews .slideWrap ul li p {overflow:hidden;max-height:47px;}
.mainNews .slideWrap ul li a {font-size:15px;color:#222;letter-spacing:-0.6px}
.mainNews .slideWrap ul li a:hover {color:#2d3f8b;text-decoration:underline;}
.mainNews .slideNav {position:absolute;top:0;right:0;border-left:1px solid #e6e6e6;}
.mainNews .slideNav>* {overflow:hidden;display:block;width:48px;height:34px;border-bottom:1px solid #e6e6e6;background-repeat:no-repeat;background-position:50% 50%;font-size:0;line-height:0;cursor:pointer;}
.mainNews .slideNav .prev {background-image:url(btn_arrow_up.png);}
.mainNews .slideNav .next {height:36px;background-image:url(btn_arrow_dw.png);}
.mainNews .slideNav .stop {border-bottom:0;background-image:url(btn_stop.png);}
.previewLink{border-bottom:1px solid #d1d1d1}
.previewLink a{position:relative;display:block;height:106px;background:#018b9e;text-align:center}
.previewLink a:hover{background:#313d71}
.previewLink img {position:absolute;left:50%;margin-left:-109px;top:50%;margin-top:-32px}

.serviceInfo {overflow:hidden;}
.serviceInfo li {position:relative;float:left;width:280px;margin-left:24px;height:300px;background:#fff;border:1px solid #e2c58d;text-align:center;}
.serviceInfo li:hover {background:#3e486c;}
.serviceInfo li:first-child {margin-left:0;}
.serviceInfo li:last-child {float:right;}
.serviceInfo li .ico {position:absolute;top:149px;left:50%;margin-left:-30px;}
.serviceInfo li h4 {padding:10px 0 8px;font-size:20px;font-weight:700;font-family:'NanumMyeongjo',serif;color:#222;background:none}
.serviceInfo li p {font-size:14px;color:#555;text-align:center}
.serviceInfo li .overlay {position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;line-height:0;}
.serviceInfo li:hover h4, .serviceInfo li:hover p {color:#fff;}

.contBanner {position:relative;}
.contBanner .slideNav {position:absolute;top:16px;right:13px;}
.contBanner .slideNav>* {overflow:hidden;display:inline-block;width:29px;height:29px;font-size:0;line-height:0;background:url(btn_slide_nav.png) no-repeat 0 0;}
.contBanner .slideNav .prev {background-position:0 0;}
.contBanner .slideNav .stop {background-position:-32px 0;}
.contBanner .slideNav .play{background:url(btn_slide_nav_play.png) no-repeat 0 0}
.contBanner .slideNav .next {background-position:100% 0;}
.contBanner .slideNav .prev:hover {background-position:0 100%;}
.contBanner .slideNav .stop:hover {background-position:-32px 100%;}
.contBanner .slideNav .play:hover{background:url(btn_slide_nav_playOv.png) no-repeat 100% 100%}
.contBanner .slideNav .next:hover {background-position:100% 100%;}
.contBanner .slideNav .stop.on{background:url(btn_slide_nav_play.png) no-repeat 0 0}
.contBanner .slideNav .stop.on:hover{background:url(btn_slide_nav_playOv.png) no-repeat 100% 100%}

#ftBanner {overflow:hidden;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;}
#ftBanner>.inner {position:relative;padding:19px 0 15px;}
#ftBanner .slideWrap {overflow:hidden;margin-left:88px;margin-right:10px;}
#ftBanner .slideWrap .slideBox {position:relative;height:63px;padding-right:5px;}
#ftBanner .slideWrap ul {position:absolute;top:0;left:0;width:9999em;margin-left:1px;}
#ftBanner .slideWrap ul li {position:relative;float:left;width:196px;text-align:center;box-sizing:border-box;}
#ftBanner .slideWrap ul li:before {position:absolute;top:0;right:0;z-index:100;content:"";overflow:hidden;display:block;width:1px;height:63px;background:#eaeaea;}
#ftBanner .slideWrap ul li:first-child {border-left:1px solid #eaeaea;}
#ftBanner .slideNav {overflow:hidden;position:absolute;top:33px;left:2px;}
#ftBanner .slideNav>* {overflow:hidden;float:left;display:block;margin-right:3px;width:21px;height:21px;font-size:0;line-height:0;background:url(btn_foot_slidenav.png) no-repeat 0 0;cursor:pointer;}
#ftBanner .slideNav .prev {background-position:0 0;}
#ftBanner .slideNav .stop {background-position:-24px 0;}
#ftBanner .slideNav .stop.on{background:url(btn_foot_slidenav_play.png) no-repeat 0 0;}
#ftBanner .slideNav .next {background-position:100% 0;}

#footer {overflow:hidden;padding:38px 0 42px;background:#f4f6fa;min-width:1200px;}
.ftInfo {float:left;width:60%;font-size:14px;color:#555;}
.ftInfo .logo_foot {float:left;margin:0 30px 0 0px;}
.ftInfo .copy {margin-top:2px;}
.ftInfo .phone {display:inline-block;position:relative;margin-left:15px;padding-left:15px;}
.ftInfo .phone:before {position:absolute;top:50%;left:0;content:"";overflow:hidden;display:block;margin-top:-6px;width:1px;height:12px;background:#c3c3c3;}
.ftLink {float:right;width:40%;text-align:right;}
.ftLink li {position:relative;display:inline-block;margin-left:16px;padding-left:16px;}
.ftLink li:before {content:"";position:absolute;top:50%;left:0;display:block;margin-top:-6px;width:1px;height:12px;background:#c3c3c3;}
.ftLink li:first-child:before {display:none;}
.ftLink li a {font-size:14px;color:#333;}
.ftLink li a.point {color:#cf003a;}

.nbs-flexisel-container {overflow:hidden;max-width:100%;}
.nbs-flexisel-ul {position:relative;width:99999px;margin:0;padding:0;list-style-type:none;text-align:center;}
.nbs-flexisel-item {float:left;margin:0;padding:0!important;position:relative;line-height:0;}
.nbs-flexisel-item a {display: inline-block;}
.nbs-flexisel-item img {max-width: 100%;position: relative;margin:0; max-height: 100%;}
#bannerSlide01 .nbs-flexisel-item a {background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; background-color: #fff;max-width: 290px; height: 296px;}
#bannerSlide01 .nbs-flexisel-item img {visibility: hidden;}

.sec01_Bot {margin-top: 30px; position: relative; }
.sec01_Bot::after {clear: both; display: block; content: "";}
.sec01_Bot.t01 {margin-top: 10px;}
.sec01_Bot.t02 {margin-top: 19px;}
.sec01_Bot .main_notice {	width: 631px; height:100px; float: left; position: relative;}
.fes_list::after {clear: both; display: block; content: "";}
.fes_list li {	width: 280px; margin-left: 24px; float: left; position: relative; border:1px solid #e2c58d;}
.fes_list li:first-child {	margin-left: 0px;}
.fes_list li:last-child {	float: right;}
.fes_list li .fes_flag {left: 20px; top: 0px; width: 240px; height: 10px; text-align: center; color: rgb(255, 255, 255); line-height: 36px; font-size: 13px; position: absolute; z-index: 10;}
.fes_list li.t01 .fes_flag {background: url("");}
.fes_list li.t02 .fes_flag {background: url("");}
.fes_list li.t03 .fes_flag {background: url("");}
.fes_list li.t04 .fes_flag {background: url("");}
.fes_list li a {background: rgb(240, 240, 240); height: 200px; display: block; position: relative;}
.fes_list li a .fes_img {height: 150px; text-align: center; overflow: hidden;}
.fes_list li a .fes_img img {transition:0.3s;}
.fes_list li a:hover .fes_img img {transform: scale(1.2);}
.fes_list li a .fes_info {background: rgba(255, 255, 255,1); padding: 10px 15px; left: 50%; width: 230px; height: 70px; bottom: 20px; margin-left: -132px; position: absolute;  border-color: rgb(138, 141, 0); border-width: 1px; border-style: solid; }
.fes_list li a .fes_info span {text-align: center; color: rgb(117, 117, 117); font-size: 13px; display: block;}
.fes_list li a .fes_info .fes_bar {margin: 5px auto; width: 40px; height: 0px;}
.fes_list li.t01 a .fes_info .fes_bar {	border-top-color: rgb(223, 103, 103); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t02 a .fes_info .fes_bar {	border-top-color: rgb(46, 167, 189); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t03 a .fes_info .fes_bar {	border-top-color: rgb(54, 121, 190); border-top-width: 3px; border-top-style: solid;}
.fes_list li.t04 a .fes_info .fes_bar {	border-top-color: rgb(247, 189, 23); border-top-width: 3px; border-top-style: solid;}
.fes_list li a .fes_info strong {text-align: center; color: rgb(0, 0, 0); line-height: 30px; overflow: hidden; font-family: "Nanum Gothic", "dotum", serif; font-size: 20px; margin-bottom: 12px; display: block; max-height: 60px;}
.fes_list li a .fes_info p {margin: 0px; text-align: center; color: rgb(102, 102, 102); font-size: 14px;}
.fes_list li a .fes_info:hover {background:#c0c41d;}
.inner2{position:relative;width:1200px;margin:0 auto}
.inner3{position:relative;min-width:1200px;margin:0 auto}
.sec01_Bot {margin-top: 30px; position: relative;margin-bottom: 20px; }
.sec01_Bot::after {clear: both; display: block; content: "";}
.sec01_Bot.t01 {margin-top: 20px;}
.sec01_Bot.t02 {margin-top: 19px;}
.sec01_Bot .main_notice {width: 590px; height:300px; float: left; position: relative; }
.main_notice h2 {float: left;}
.tabMore {top: 0px; right: -1px; position: absolute;}
.tabMore a {background: rgb(255, 255, 255); border-width: 1px 1px 1px 1px; border-style: solid; border-color: rgb(244, 197, 105); width: 43px; height: 43px; text-indent: -9999px; display: block; position: relative;}
.tabMore a img {transition:0.3s; left: 50%; top: 50%; margin-top: -10px; margin-left: -10px; position: absolute;}
.tabMore a:hover img {transform: rotate(180deg);}
#section_01 h2 {background: url("bul_mainT_line.gif") no-repeat left top; color: rgb(34, 34, 34); letter-spacing: -0.07em; padding-top: 8px; font-size: 18px;font-family: "Malgun Gothic", "�������", "dotum",serif;font-weight: 600; margin-left: 20px;}
#section_01 .sec01_Top {position: relative; }
#section_01 .reservBox_1 {overflow: hidden; position: relative; height: 130px;}
#section_01 .reservBox_1 .resTit {background: url("bg_reservt_icon.png") no-repeat center 43px rgb(161, 181, 51); width: 212px; height: 40px; text-align: center; padding-top: 90px; float: left; display: block; position: relative;height: 130px;}
#section_01 .reservBox_1 .resTit > span {top: 15px; width: 100%; text-align: center; color: rgb(0, 0, 0); letter-spacing: -0.08em; font-size: 16px; font-weight: bold; display: block; position: absolute;}
#section_01 .reservBox_1 .resTit strong {color: rgb(0, 0, 0); line-height: 25px; letter-spacing: -0.06em; font-size: 23px;}
#section_01 .reservBox_1 .resTit strong span {font-weight: 300;}
#section_01 .reservBox_1 .resTit p {	margin: 0px; text-align: center; color: rgb(35, 35, 35); letter-spacing: 0.15em; font-size: 9px; opacity: 0.7;}
#section_01 .reservBox_1 .reservList {	overflow: hidden; float: left;}
#section_01 .reservBox_1 .reservList li {	background: rgb(28, 67, 2); width: 143px; height: 130px; border-right-color: rgb(119, 119, 119); border-right-width: 1px; border-right-style: solid; float: left;}
#section_01 .reservBox_1 .reservList li a {	height: 46px; text-align: center; color: rgb(255, 255, 255); padding-top: 84px; font-size: 18px; font-weight: bold; display: block; position: relative;}
#section_01 .reservBox_1 .reservList li a img {	transition:0.7s; left: 50%; position: absolute;}
#section_01 .reservBox_1 .reservList li a.t01 img {	top: 27px; margin-left: -22px;}
#section_01 .reservBox_1 .reservList li a.t02 img {	top: 30px; margin-left: -24px;}
#section_01 .reservBox_1 .reservList li a.t03 img {	top: 29px; margin-left: -26px;}
#section_01 .reservBox_1 .reservList li a.t04 img {	top: 25px; margin-left: -25px;}
#section_01 .reservBox_1 .reservList li a.t05 img {	top: 24px; margin-left: -20px;}
#section_01 .reservBox_1 .reservList li a.t06 img {	top: 26px; margin-left: -22px;}
#section_01 .reservBox_1 .reservList li a:hover img {	transform: rotateY(360deg);}
.sec01_Bot .popupBoard {	position: relative; }
.n_Tabmenu {width:590px; height: 250px; overflow: hidden; float: right; margin-top: 10px; background: rgba(255, 255, 255, 1);}
.n_Tabmenu .son{float: left; margin: 1px 1px 1px 1px;padding: 3px 3px 3px 5px; font-size: 14px; font-weight: 500;color: rgb(0, 0, 0);    background: rgba(255, 255, 255, 1); width: 580px; height: 230px;}
.n_Tabmenu >.son > a:hover { color: rgb(30, 30, 30); font-weight: bold;}
.ns_Tabmenu {width:1200px; height: 230px; overflow: hidden; float: right; margin-top: 10px; background: rgba(255, 255, 255, 1);}
.ns_Tabmenu .son{float: left; margin: 1px 1px 1px 1px;padding: 3px 3px 3px 5px; font-size: 14px; font-weight: 500;color: rgb(0, 0, 0);    background: rgba(255, 255, 255, 1); width: 1200px; height: 220px;}
.ns_Tabmenu >.son > a:hover { color: rgb(30, 30, 30); font-weight: bold;}

#bannerSection {border-top-width: 1px; border-top-style: solid; border-top-color: rgb(183, 222, 253);background: rgb(255, 255, 255);}
#bannerSection .inner3 {width:1200px;margin:0 auto;overflow:hidden;}
.bannerLink {padding: 17px 0px 17px 90px; position: relative;}
.bannerLink ul li {	border-left-color: rgb(229, 229, 233); border-left-width: 1px; border-left-style: solid; box-sizing: border-box;}
.bannerLink ul li:last-child {border-right-color: rgb(229, 229, 233); border-right-width: 1px; border-right-style: solid;}
.bannerLink .bx-controls .bx-controls-direction {left: 2px; top: 50%; margin-top: -10px; position: absolute;}
.bannerLink .bx-controls .bx-controls-direction a {	width: 21px; height: 21px; text-indent: -9999px; display: block; position: absolute;}
.bannerLink .bx-controls .bx-controls-direction a.bx-prev {	background: url("btn_banner_prev.png") no-repeat; left: 0px;}
.bannerLink .bx-controls .bx-controls-direction a.bx-next {	background: url("btn_banner_next.png") no-repeat; left: 48px;}
.bannerLink .bx-controls .bx-controls-auto {left: 26px; top: 50%; margin-top: -10px; position: absolute;}
.bannerLink .bx-controls .bx-controls-auto a {width: 21px; height: 21px; text-indent: -9999px; display: block; position: absolute;}
.bannerLink .bx-controls .bx-controls-auto a.bx-start {	background: url("btn_banner_play.png") no-repeat;}
.bannerLink .bx-controls .bx-controls-auto a.bx-stop {background: url("btn_banner_stop.png") no-repeat;}
.bannerLink .bx-controls .bx-controls-auto a.active {display: none;}

#footer_wrap {min-width:1200px;}
#footer_wrap .footer_top {
	background: rgb(104, 104, 104); border-bottom-color: rgb(135, 135, 135); border-bottom-width: 1px; border-bottom-style: solid;
}
#footer_wrap .footer_top .inner {
	margin: 0px auto; width:1200px; position: relative;
}
#footer_wrap .footer_top .footerMenu {
	overflow: hidden;
}
#footer_wrap .footer_top .footerMenu li {
	background: url("bul_footerMenu_line.gif") no-repeat left; float: left;
}
#footer_wrap .footer_top .footerMenu li:first-child {
	background: none;
}
#footer_wrap .footer_top .footerMenu li a {
	padding: 0px 18px; height: 50px; color: rgb(255, 255, 255); line-height: 50px; font-size: 15px; font-weight: 300;
}
#footer_wrap .footer_top .footerMenu li a:hover {
	text-decoration: underline;
}
#footer_wrap .footer_top .footerMenu li a strong {
	color: rgb(255, 255, 0); font-weight: normal;
}
#footer_wrap .footer_top .top_btn {
	top: 0px; right: 0px; position: absolute;
}
#footer_wrap .footer_top .top_btn a {
	background: url("icon_top_arrow.png") no-repeat center rgb(86, 86, 86); border-width: 0px 1px; border-style: solid; border-color: rgb(138, 138, 138); width: 50px; height: 49px; text-indent: -9999px; display: block;
}
#footer_wrap .footer_top .top_btn a:hover {
	background: url("icon_top_arrow.png") no-repeat center rgb(56, 56, 56);
}
#footer_wrap .footer_bottom {
	background: rgb(104, 104, 104);
}
#footer_wrap .footer_bottom .inner {
	margin: 0px auto; padding: 24px 0px; width: 1280px; position: relative;
}
#footer_wrap .footer_bottom address {
	color: rgb(255, 255, 255); line-height: 20px; letter-spacing: 0px; font-size: 14px; font-style: normal; font-weight: 300; opacity: 0.9;
}
#footer_wrap .footer_bottom #copyright {
	margin: 8px 0px 0px; color: rgb(255, 255, 255); letter-spacing: 0px; font-size: 13px; font-weight: 300; opacity: 0.9;
}
#footer_wrap .footer_bottom .footerEtc {
	top: 30px; right: 0px; position: absolute;
}
#footer_wrap .footer_bottom .footerEtc .footLogo {
	padding: 0px 10px; float: left;
}
#footer_wrap .footer_bottom .footerEtc .footMark {
	padding: 0px 10px; float: left;
}
#footer_wrap .footer_bottom .footerEtc .footLogo {
	border-right-color: rgb(133, 133, 133); border-right-width: 1px; border-right-style: solid;
}
#footer_wrap .footer_bottom .footerEtc p {
	margin: 0px 0px 0px 20px; float: left;
}
#footer_wrap .footer_bottom .footerEtc p:first-child {
	margin-left: 0px;
}





/* */
.rowCS_link{margin-top:7px;box-shadow:1px 1px 0 #bfc9da}
.rowCS_link .rowCS_linkList{display:table;table-layout:fixed;width:100%;}
.rowCS_link .rowCS_linkList:after{content:"";display:block;clear:both}
.rowCS_link .rowCS_linkList li{display:table-cell;width:16.66%;border-left:1px solid #ffffff;background:#9f7968 url(bg_rowCs_link.jpg) right bottom no-repeat;background-size : cover}
.rowCS_link .rowCS_linkList li:first-child{border-left:0}
.rowCS_link .rowCS_linkList li a{display:block;height:auto;padding:15px;text-align:center;color:#fff;transition:all .3s}
.rowCS_link .rowCS_linkList li a .rowCS_img{height:63px}
.rowCS_link .rowCS_linkList li a:hover{background:#4f0101}
.rowCS_link .rowCS_linkList li a img{transition:all .3s;position:relative;top:0}
.rowCS_link .rowCS_linkList li a:hover img{top:-10px}
.rowCS_link .rowCS_linkList li a strong{text-align: center; color: rgb(255, 255, 255);height:50px; line-height: 25px; overflow: hidden; font-family: "Nanum Gothic", "dotum", serif;font-weight: 600;font-size: 16px;display:block;margin-top:4px;word-break:keep-all}
}

#m_cont_area #m_cont01,#m_cont02,#m_cont03,#m_cont04 {width:100%;position:relative;overflow:hidden;}
/* �ٷΰ��� */
#m_cont02 .etc_link {float:left;background-color:#b1c4d1;width:280px;height:240px;;
border:1px solid #e2c58d;
}
.etc_link li {float:left;margin:0}
.etc_link li a {padding:0 0 0 0;display:block;font-size:15px;color:#212121;letter-spacing:-0.5px;}
.etc_link li a span{margin:12px 0 0 65px;display:inline-block}
.etc_link li a.icon01 {background:url("bg_link01.gif") center top no-repeat;width:280px;height:48px;display:block;}
.etc_link li a.icon01:hover {background:url("bg_link01_ov.gif") left top no-repeat;width:280px;height:48px;display:block;color:#fff;}
.etc_link li a.icon02 {background:url("bg_link02.gif") center top no-repeat;width:280px;height:48px;display:block;}
.etc_link li a.icon02:hover {background:url("bg_link02_ov.gif") left top no-repeat;width:280px;height:48px;display:block;color:#fff;}
.etc_link li a.icon03 {background:url("bg_link03.gif") center top no-repeat;width:280px;height:48px;display:block;}
.etc_link li a.icon03:hover {background:url("bg_link03_ov.gif") left top no-repeat;width:280px;height:48px;display:block;color:#fff;}
.etc_link li a.icon04 {background:url("bg_link04.gif") center top no-repeat;width:280px;height:48px;display:block;}
.etc_link li a.icon04:hover {background:url("bg_link04_ov.gif") left top no-repeat;width:280px;height:48px;display:block;color:#fff;}
.etc_link li a.icon05 {background:url("bg_link05.gif") center top no-repeat;width:280px;height:48px;display:block;}
.etc_link li a.icon05:hover {background:url("bg_link05_ov.gif") left top no-repeat;width:280px;height:48px;display:block;color:#fff;}

/* ���ȳ� */
#m_cont02 .event{float:right;padding:22px 20px 25px;width:240px;height:193px;background:#fff url("bg_event.jpg") repeat-x top left}
#m_cont02 .event h2{margin-bottom:5px;font-size:20px;color:#191919;letter-spacing:-2px;font-family: "Nanum Gothic", "dotum", serif;font-weight: 700;font-size: 20px;}
#m_cont02 .event ul li{margin-top:5px}
#m_cont02 .event ul li a{display:block;padding-left:17px;width:221px;height:44px;line-height:44px;font-size:15px;color:#000;border:1px solid #afb8dd;background:url("bg_eventBtn.png") repeat}
#m_cont02 .event ul li a span{padding-left:24px;background:url("icon_calendar.png") left top no-repeat}
#m_cont02 .event ul li a:hover{border:1px solid #032487;color:#fff;background:#3b5cbe}
#m_cont02 .event ul li a:hover span{background:url("icon_calendar_ov.png") left top no-repeat}

/** ������ ���� **/
.cot_box {
	float:left;

	width:280px;
	height:240px;
	position:relative;
	overflow:hidden;
	margin:0px;
	display:inline-block;
	animation:anima 1s;
	-webkit-animation:anima 1s;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden
}
.cot_box p{margin:0}
.cot_box .textbox{position:absolute; left:0; bottom:0; z-index:1; width:280px; height:37px; padding:15px 0 0 0; color:#444; background:url("bg_text_area.png") no-repeat;text-align:center}
.cot_box .textbox h2{display:block; font-size:18px; color:#fff; font-weight:600}

.pic-caption {
	cursor:default;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .50);
	padding:70px 0 0 0px;
	text-align:center;
	-webkit-opacity:0;
	-moz-opacity:0;
	opacity:0
}
.pic-image {
	position:relative; z-index:0; overflow:hidden;
	-webkit-transform:scale(1.0);
	-ms-transform:scale(1.0);
	transform:scale(1.0)
}


.cot_box:hover .pic-image {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}

.cot_box .pic-image, .pic-caption, .cot_box:hover .pic-caption, .cot_box:hover img, a, a:hover {
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
.cot_box:hover .bottom-to-top, .cot_box:hover .come-left, .cot_box:hover .come-right, .cot_box:hover .left-to-right, .cot_box:hover .open-down, .cot_box:hover .open-left, .cot_box:hover .open-right, .cot_box:hover .open-up, .cot_box:hover .right-to-left, .cot_box:hover .rotate-in, .cot_box:hover .rotate-out, .cot_box:hover .top-to-bottom {
	position:absolute; left:0; bottom:0; z-index:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	opacity:1;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
.bottom-to-top {
	top:90%;
	left:0
}
.cot_box:hover .bottom-to-top {
	top:0;
	left:0
}

/* */
.mt_0{margin-top:0 !important;}
.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}

.ml_0{margin-left:0 !important;}
.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}

.mr_0{margin-right:0 !important;}
.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}

.pt_0{padding-top:0 !important;}
.pt_5{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_25{padding-top:25px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}
.pt_45{padding-top:45px !important;}
.pt_50{padding-top:50px !important;}

.pb_0{padding-bottom:0 !important;}
.pb_5{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_15{padding-bottom:15px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}
.pb_30{padding-bottom:30px !important;}
.pb_35{padding-bottom:35px !important;}
.pb_40{padding-bottom:40px !important;}
.pb_45{padding-bottom:45px !important;}
.pb_50{padding-bottom:50px !important;}

.pl_0{padding-left:0 !important;}
.pl_5{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_20{padding-left:20px !important;}
.pl_25{padding-left:25px !important;}
.pl_30{padding-left:30px !important;}
.pl_35{padding-left:35px !important;}
.pl_40{padding-left:40px !important;}
.pl_45{padding-left:45px !important;}
.pl_50{padding-left:50px !important;}

.pr_0{padding-right:0 !important;}
.pr_5{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_25{padding-right:25px !important;}
.pr_30{padding-right:30px !important;}
.pr_35{padding-right:35px !important;}
.pr_40{padding-right:40px !important;}
.pr_45{padding-right:45px !important;}
.pr_50{padding-right:50px !important;}