@charset "UTF-8";

.hidden,small { display:none; }

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

.img_block {margin:0px; padding:0px; font-size:0px; line-height:0px; display:block;}

.wrap-main section {
	/*background:url("/res/images/mainVisual.jpg") no-repeat center top; height:678px;*/
}

.block a span { display:block; overflow:hidden; width:0; height:0; font-size:0; position:absolute; }
.wrap-sub section.layout { width:1200px; height:1%; }
.wrap-sub > /**/ section.layout { height:auto; }
section.layout:after { display:block; content:""; clear:both; }

/* 상단영역 시작 */
#TopCover { position:relative; left:0; top:0px; right:0; margin:0 auto; width:100%; }
#TopCover.fixed { position:fixed; }

#TopArea { position:relative; width:100%; height:108px; margin:0 auto; z-index:200; transition:all .2s linear; overflow:hidden; background:rgba(255,255,255,0.95); }
#TopArea.hei { height:375px; }

#TopCenter { position:relative; width:1200px; height:100%; margin:0 auto; text-align:center; }

.logo { position:absolute; left:0px; top:24px; }

.t_btn_member { position:absolute; right:0px; top:8px; display:inline-block; }
.t_btn_member > li { float:left; margin-left:20px; position:relative; }
.t_btn_member > li:first-child { margin-left:0px; }
.t_btn_member > li:not(:first-child)::before { content:""; display:block; position:absolute; left:-10px; top:5px; width:1px; height:12px; background:#ccc; }
.t_btn_member > li > a { display:inline-block; text-decoration:none; font-size:13px; font-weight:400; color:#686868; line-height:22px; }
.t_btn_member > li > a:hover { color:#222; }

.t_btn_member > li > a.en { padding-left:21px; position:relative; }
.t_btn_member > li > a.en::before { content:url("/res/images/top/en.jpg"); position:absolute; left:0px; top:50%; margin-top:-9px; display:block; }

.tsearch_btn { position:absolute; /* right:46px; */ right:0px; top:60px; }
.all_btn { position:absolute; right:0px; top:60px; }


#TopArea #Menu { position:absolute; right:40px; top:48px; display:inline-block; }
#TopArea #Menu > li { display:inline-block; float:left; padding:0 37px; position:relative; }
#TopArea #Menu > li > a { display:inline-block; text-decoration:none; padding:0 5px; height:60px; font-size:20px; color:#333; font-weight:400; box-sizing:border-box; }
#TopArea #Menu > li > a > span { line-height:43px; }
#TopArea #Menu > li:hover > a,
#TopArea #Menu > li.on > a { border-bottom:2px solid #e94224; }
#TopArea #Menu > li > div { position:absolute; left:0px; top:60px; width:100%; display:none; font-size:0; text-align:center; box-sizing:border-box; }
#TopArea #Menu:hover > li > div { display:block; }
#TopArea #Menu > li > div > ul { display:inline-block; vertical-align:top; width:100%; height:267px; padding:23px 0 0 0px; box-sizing:border-box; }
#TopArea #Menu > li > div > ul > li { display:inline-block; vertical-align:top; width:100%; }
#TopArea #Menu > li > div > ul > li > a { display:inline-block; text-decoration:none; height:32px; line-height:32px; font-size:16px; color:#515151; font-weight:400; box-sizing:border-box; white-space:nowrap; }
#TopArea #Menu > li > div > ul > li > a:hover,
#TopArea #Menu > li > div > ul > li.on > a { border-bottom:1px solid #6e6e6c; }

#TopArea #Menu > li:nth-child(2) { z-index:201; }




#AllMenuCover { position:absolute; left:0px; top:108px; right:0; margin:0 auto; width:1200px; font-size:0px; box-shadow:5px 5px 12px -4px rgba(0,0,0,0.3); background:#fff; z-index:301; display:none; }
#AllMenu { position:relative; display:inline-block; width:100%; background:url("/res/images/top/allmenu_line.jpg") repeat-y left top; }
#AllMenu > li { float:left; display:inline-block; position:relative; width:240px; border-top:2px solid #313131; padding-bottom:10px; }
#AllMenu > li.has_ul {  }
#AllMenu > li:last-child {  }
#AllMenu > li > a { display:inline-block; width:100%; height:55px; line-height:54px; font-size:16px; color:#1e2f3f; font-weight:400; text-decoration:none; background:#fafafa; box-sizing:border-box; padding-left:17px; float:left; border-bottom:1px solid #f0f0f0; }
#AllMenu > li.has_ul > a {  }
#AllMenu > li:hover > a ,
#AllMenu > li > a.on {  }

#AllMenu > li > ul { float:left; width:100%; padding:13px 20px; box-sizing:border-box; text-align:left; }
#AllMenu > li > ul > li { width:100%; float:left; display:inline-block; margin-bottom:7px; box-sizing:border-box; }
#AllMenu > li > ul > li > a { display:inline-block; height:25px; line-height:25px; font-size:15px; color:#1e2f3f; font-weight:400; text-decoration:none; }
#AllMenu > li > ul > li.has_ul > a { padding-left:17px; background:url("/res/images/top/allmenu_plus.jpg") no-repeat left center; }
#AllMenu > li > ul > li.has_ul.open > a { background:url("/res/images/top/allmenu_minus.jpg") no-repeat left center; color:#f25244; }

#AllMenu > li > ul > li > ul { width:100%; padding:3px 0 3px; display:none; }
#AllMenu > li > ul > li > ul > li { width:100%; display:inline-block; margin-bottom:4px; position:relative; padding-left:13px; box-sizing:border-box; }
#AllMenu > li > ul > li > ul > li::before { content:""; width:2px; height:2px; background:#94989e; position:absolute; left:7px; top:10px; }
#AllMenu > li > ul > li > ul > li > a { display:inline-block; line-height:23px; font-size:14px; color:#1e2f3f; font-weight:300; text-decoration:none; }

/* 상단영역 끝 */




/*메인 영역 시작*/
.swiper-mainvisual { width:100%; min-width:1200px; max-width:1919px; height:462px; z-index:11; }
.swiper-mainvisual .swiper-slide { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto; background-color:#fff; }
	.swiper-pagination { position:absolute; left:0px; top:424px; z-index:10; }
	.swiper-pagination > li { float:left; width:15px; height:15px; border-radius:50%; position:relative; box-sizing:border-box; border:2px solid #2970b2; background:none; margin-left:11px; cursor:pointer; outline:none; }
	.swiper-pagination > li:first-child { margin-left:0px; }
	.swiper-pagination > li.swiper-pagination-bullet-active { background:#2970b2; }
	
	.m_thumb_area { position:absolute; display:inline-block; right:0px; bottom:0px; z-index:12; }
		.mleft { float:left; width:49px; height:45px; text-align:center; background:rgba(255,255,255,0.7); cursor:pointer; }
		.mstop { float:left; width:49px; height:45px; text-align:center; background:rgba(255,255,255,0.7); cursor:pointer; margin-left:1px; }
		.mright { float:left; width:49px; height:45px; text-align:center; background:rgba(255,255,255,0.7); cursor:pointer; margin-left:1px; }
		.m_cnt { float:left; width:49px; height:45px; line-height:45px; text-align:center; background:rgba(255,255,255,0.7); margin-left:1px; color:#191919; font-size:13px; font-weight:300; }
		.m_cnt > span { font-weight:500; }
	.m_thumb_area img { display:block; }

	.mainvisual_notice { display:inline-block; position:absolute; right:0px; top:61px; width:469px; height:378px; box-sizing:border-box; padding:23px 23px 0px; background:#fff; border:1px solid #f0f0f0; }
	.mn_title { width:100%; height:28px; line-height:28px; display:inline-block; font-size:23px; color:#1b1b1b; font-weight:500; position:relative; margin-bottom:13px; }
	.mn_title > a { display:inline-block; float:right; background:#262626; text-decoration:none; }
	.mn_title > a:hover { background:#f25244; }
	.mn_title > a > img { display:block; }

#Notice_News { position:relative; width:100%; min-width:1200px; max-width:1919px; height:49px; background:#f1f3f2; border-bottom:1px solid #e9e7ea; }
#Notice_News > div { position:relative; width:1200px; height:100%; margin:0 auto; }
#Notice_News > div > ul {list-style:none;margin:0;padding:0}
#Notice_News > div > ul li {float:left;margin:0;padding:0}
#Notice_News > div > ul li img {vertical-align:top}
#Notice_News > div > ul li.latest1 {width:50%;height:49px;margin:0;background:url('/res/images/latest1bg.jpg') no-repeat 81px center, url('/res/images/latest_bar.jpg') no-repeat right center;position:relative;float:left}
#Notice_News > div > ul li.latest1 .more1 {position:absolute;top:20px;right:30px;z-index:10}
#Notice_News > div > ul li.latest2 {width:50%;height:49px;margin:0;background:url('/res/images/latest2bg.jpg') no-repeat 30px center;position:relative;float:left}
#Notice_News > div > ul li.latest2 .more2 {position:absolute;top:20px;right:80px;z-index:10}


#mainQuick { position:relative; width:100%; min-width:1200px; max-width:1919px; margin:0px auto; text-align:center; background:#f6f6f6; padding:27px 0; font-size:0; }
#mainQuick > ul { display:inline-block; }
#mainQuick > ul > li { display:inline-block; float:left; box-sizing:border-box; margin-left:56px; text-align:left; }
#mainQuick > ul > li:first-child { margin-left:0px; }
#mainQuick > ul > li > a { display:inline-block; text-decoration:none; height:70px; padding-left:80px; }
#mainQuick > ul > li > a > div { display:inline-table; height:100%; }
#mainQuick > ul > li > a > div > div { display:table-cell; vertical-align:middle; text-align:left; font-size:17px; color:#4a4a4a; font-weight:400; line-height:22px; }

#mainQuick > ul > li:nth-child(1) > a { background:url("/res/images/m_icon2/1.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(2) > a { background:url("/res/images/m_icon2/2.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(3) > a { background:url("/res/images/m_icon2/3.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(4) > a { background:url("/res/images/m_icon2/4.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(5) > a { background:url("/res/images/m_icon2/5.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(6) > a { background:url("/res/images/m_icon2/6.png") no-repeat left center; }

#mainQuick > ul > li:nth-child(1) > a:hover { background:url("/res/images/m_icon2/1a.png") no-repeat left center, url("/res/images/m_icon2/1.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(2) > a:hover { background:url("/res/images/m_icon2/2a.png") no-repeat left center, url("/res/images/m_icon2/2.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(3) > a:hover { background:url("/res/images/m_icon2/3a.png") no-repeat left center, url("/res/images/m_icon2/3.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(4) > a:hover { background:url("/res/images/m_icon2/4a.png") no-repeat left center, url("/res/images/m_icon2/4.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(5) > a:hover { background:url("/res/images/m_icon2/5a.png") no-repeat left center, url("/res/images/m_icon2/5.png") no-repeat left center; }
#mainQuick > ul > li:nth-child(6) > a:hover { background:url("/res/images/m_icon2/6a.png") no-repeat left center, url("/res/images/m_icon2/6.png") no-repeat left center; }



#MainBasicLatestArea { float:left; width:888px; height:298px; position:relative; }
#MainBasicLatestArea > ul { float:left; }
#MainBasicLatestArea > ul > li { float:left; width:286px; height:298px; margin:0 0 0 15px; border:1px solid #e3e3e3; padding:2px 17px 0px; box-sizing:border-box; }
#MainBasicLatestArea > ul > li:first-child { margin-left:0px; }
#MainBasicLatestArea > ul > li > .mla_title { display:inline-block; width:100%; line-height:60px; font-size:23px; color:#f25244; font-weight:400; border-bottom:1px solid #e3e3e3; margin-bottom:10px; }
#MainBasicLatestArea > ul > li > .mla_title > a { display:inline-block; text-decoration:none; float:right; margin:22px 0 0; }
#MainBasicLatestArea > ul > li > .mla_title > a > img { float:left; }

	.basic2Cover { display:inline-block; width:100%; }
	.basic2Cover > li { float:left; width:100%; display:inline-block; font-size:0; margin-bottom:15px; text-align:left; }
	.basic2Cover > li > a { display:inline-block; width:100%; text-decoration:none; line-height:25px; font-size:17px; color:#111; font-weight:400; }
	.basic2Cover > li > a > span { display:inline-block; width:42px; height:25px; line-height:25px; background:#252525; color:#fff; font-size:15px; font-weight:400; margin-right:20px; text-align:center; float:left; }
	.basic2Cover > li > a > span.is_notice { background:#da2931; }
	.basic2Cover > li > a > .datetime { font-size:15px; color:#777; font-weight:400; float:right; display:inline-block; line-height:25px; }
	.basic2Cover > li .basic2subj { float:left; display:inline-block; line-height:25px; width:580px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.LaBasicUl5 { display:inline-block; width:100%; }
.LaBasicUl5 > li { float:left; display:inline-block; width:100%; line-height:41px; border-bottom:1px dashed #e3e3e3;}
.LaBasicUl5 > li:last-child { border-bottom:0px; }
.LaBasicUl5 > li > .lbu_subj { width:195px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:15px; color:#666; font-weight:400; }
.LaBasicUl5 > li > .lbu_subj > a { font-size:15px; color:#666; font-weight:400; text-decoration:none; }
.LaBasicUl5 > li > .lbu_dt { font-size:13px; color:#999; font-weight:400; float:right; }


#MainSchedule { float:right; width:350px; height:290px; }
.MainScheduleTitleArea { display:inline-block; width:100%; line-height:25px; }
.MainScheduleTitle { float:left; font-size:25px; color:#111; font-weight:500; line-height:25px; }
	button.msta_btn { float:left; display:inline-block; width:20px; height:100%; margin:0; padding:0; border:0; background:none; }
	button.msta_btn.msta_left { margin-right:10px; }
	button.msta_btn.msta_right { margin-left:10px; }
	button.msta_btn > img { display:inline-block; vertical-align:middle; margin:-3px 0 0; }
	#msta_date { float:left; display:inline-block; line-height:25px; font-size:17px; color:#000; font-weight:500; }
	.msta_more { float:right; margin:2px 0 0; }

#MainScheduleConArea { width:100%; height:215px; margin-top:30px; overflow:auto; }
ul#MainScheduleConAreaUl { display:inline-block; width:100%; }
ul#MainScheduleConAreaUl > li { float:left; width:100%; margin-bottom:8px; }
ul#MainScheduleConAreaUl > li > a { text-decoration:none; }
ul#MainScheduleConAreaUl > li p.msca_wr2 { font-size:15px; color:#da2931; font-weight:400; line-height:20px; }
ul#MainScheduleConAreaUl > li p.msca_wrsubj { font-size:16px; color:#333; font-weight:400; line-height:20px; }
ul#MainScheduleConAreaUl > li p.msca_wr4 { font-size:15px; color:#666; font-weight:400; line-height:20px; }




#m_gallery { position:relative; width:1200px; margin:0px auto; padding-bottom:30px; }
	.m_gallery_1 { float:left; width:335px; height:343px; display:inline-block; position:relative; }
	.m_gallery_2 { float:left; width:335px; height:343px; display:inline-block; position:relative; margin-left:30px; }
	.m_gallery_3 { float:right; width:443px; height:343px; display:inline-block; position:relative; }

#m_gallery .m_gal_title { display:inline-block; width:100%; height:38px; line-height:38px; font-size:23px; color:#323232; font-weight:500; margin-bottom:11px; }
	.m_gal_title > h3 { font-size:23px; color:#323232; font-weight:500; line-height:38px; display:inline-block; }
	.m_gal_title .gal_left { position:absolute; padding:5px; right:50px; top:10px; cursor:pointer; }
	.m_gal_title .gal_stop { position:absolute; right:51px; top:15px; background:none; border:none; margin:0; padding:0; cursor:pointer; }
	.m_gal_title .gal_stop img { display:block; }
	.m_gal_title .gal_right { position:absolute; padding:5px; right:25px; top:10px; cursor:pointer; }
	.m_gal_title .gal_more { position:absolute; right:0px; top:3px; cursor:pointer; }

	.gal_cnt { position:absolute; right:98px; top:15px; display:inline-block; font-size:15px; color:#8e8e8e; font-weight:300; line-height:1em; }

	.m_gallery_title { position:relative; display:inline-block; font-size:34px; color:#414141; font-weight:300; height:64px; line-height:64px; padding-bottom:3px; background:url("/res/images/m_gallery_bg.jpg") repeat-x center bottom; }
	a.m_gallery_more { position:absolute; right:0px; top:0px; width:87px; height:32px; line-height:30px; display:inline-block; font-size:16px; color:#929292; font-weight:400; text-decoration:none; box-sizing:border-box; padding-left:15px; background:url("/res/images/index/gallery_more.png") no-repeat right 9px top 11px; border:1px solid #dfdfdf; }
	a.m_gallery_more:hover { color:#fff; border:1px solid #e24638; background:url("/res/images/index/gallery_more_on.png") no-repeat right 9px top 11px, #f25244; }

#sns_area { width:100%; min-width:1200px; max-width:1919px; height:213px; position:relative; margin:0 auto 15px; background:url("/res/images/index/sns_bg.jpg") no-repeat center top; }
#sns_area > div { width:1200px; height:100%; position:relative; margin:0 auto; }
a.sns_link1 { position:absolute; right:202px; top:94px; }
a.sns_link2 { position:absolute; right:130px; top:94px; }
a.sns_link3 { position:absolute; right:57px; top:94px; }


.banner_zone { width:1200px; height:71px; margin:0 auto 35px; z-index:10; }
.banner_title { position:relative; width:140px; height:71px; background:url("/res/images/banner/title.jpg") no-repeat left top; float:left; }
	.bn_left { position:absolute; left:1px; top:43px; }
	.bn_pause { position:absolute; left:27px; top:43px; }
	.bn_right { position:absolute; left:53px; top:43px; }
.banner_body { position:relative; width:1058px; height:63px; margin:0 auto; display:block; z-index:1; float:left; border-left:1px solid #dddddd; border-right:1px solid #dddddd; margin-top:4px; }
div.banner2	{float:left;width:1058px;height:51px;padding:0; overflow:hidden; margin-top:6px; }
div.banner2 p.baList {width:1058px; float:left; margin:0px 0 0 0px}
div.banner2 p.baList a {display:inline-block; padding:0 0 0 8px;}
div.banner2 p.baList a:first-child {margin:0 0 0 1px}

/*메인 영역 끝*/




/*서브 영역 시작*/
.route_area { position:relative; width:100%; min-width:1200px; max-width:1919px; height:38px; line-height:38px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background:#fafafa; margin:0 auto; }
.route_area > div { width:1200px; height:38px; margin:0 auto; position:relative; }
.route_area > div > ul { display:inline-block; }
.route_area > div > ul > li { display:inline-block; padding-right:30px; float:left; height:38px; line-height:38px; background:url("/res/images/route_bg.jpg") no-repeat right center; position:relative; }
.route_area > div > ul > li > span { display:inline-block; padding:0 77px 0 16px; height:38px; line-height:38px; background:url("/res/images/route_span_bg.png") no-repeat right center; color:#5d5d5d; font-size:16px; font-weight:400; cursor:pointer; }
	#ru1_ul { width:100%; border:1px solid #dfdfdf; display:none; background:#fff; position:absolute; left:-16px; top:38px; z-index:30; padding:10px 0; }
	#ru1_ul > li { display:inline-block; width:100%; height:28px; line-height:28px; box-sizing:border-box; padding-left:28px; float:left; }
	#ru1_ul > li > a { color:#5d5d5d; font-size:16px; text-decoration:none; font-weight:300; }
	
	#ru2_ul { width:100%; border:1px solid #dfdfdf; display:none; background:#fff; position:absolute; left:-16px; top:38px; z-index:30; padding:10px 0; }
	#ru2_ul > li { display:inline-block; width:100%; height:28px; line-height:28px; box-sizing:border-box; padding-left:28px; float:left; }
	#ru2_ul > li > a { color:#5d5d5d; font-size:16px; text-decoration:none; font-weight:300; }

.title_area { position:relative; width:100%; min-width:1200px; max-width:1919px; height:90px; line-height:38px; border-bottom:1px solid #dfdfdf; background:#fff; margin:0 auto; }
.title_area > div { width:1200px; height:100%; margin:0 auto; position:relative; text-align:center; }
.title_area > div > span { display:inline-block; margin-top:26px; color:#161616; font-size:30px; font-weight:400; }
	a.tit_left { position:absolute; top:29px; left:0px; color:#323335; font-size:16px; font-weight:300; text-decoration:none; display:inline-block; height:32px; line-height:32px; padding-left:30px; background:url("/res/images/tit_left.jpg") no-repeat left center; }
	a.tit_right { position:absolute; top:29px; right:0px; color:#323335; font-size:16px; font-weight:300; text-decoration:none; display:inline-block; height:32px; line-height:32px; padding-right:30px; background:url("/res/images/tit_right.jpg") no-repeat right center; }

.sub_tab { display:inline-block; width:100%; text-align:center; margin:60px 0 0; }
.sub_tab > ul { display:inline-block; }
.sub_tab > ul > li { float:left; margin-left:6px; height:42px; line-height:42px; border:1px solid #d0d0d0; display:inline-block; }
.sub_tab > ul > li > a { display:block; min-width:100px; height:100%; padding:0 22px; text-decoration:none; color:#5e5e5e; font-size:19px; font-weight:300; }
.sub_tab > ul > li:hover,
.sub_tab > ul > li.on { border:1px solid #343434; }
.sub_tab > ul > li:hover > a,
.sub_tab > ul > li.on > a { color:#f3f3f3; background:#343434; }

.ss_tab { display:inline-block; width:100%; text-align:center; margin:60px 0 0; }
.ss_tab > ul { display:inline-block; width:100%; }
.ss_tab > ul > li { float:left; height:44px; line-height:42px; border-top:1px solid #dcdcdc; border-bottom:1px solid #f25244; display:inline-block; box-sizing:border-box; }
.ss_tab > ul > li:first-child { border-left:1px solid #dcdcdc; }
.ss_tab > ul > li:last-child { border-right:1px solid #dcdcdc; }
.ss_tab > ul > li > a { display:block; min-width:100px; height:100%; padding:0 3px; text-decoration:none; color:#5e5e5e; font-size:18px; font-weight:300; }
.ss_tab > ul > li:hover, 
.ss_tab > ul > li.on { border:1px solid #f25244; }
.ss_tab > ul > li:hover > a,
.ss_tab > ul > li.on > a { color:#fff; background:#f25244; }

.ss_tab.cnt2 > ul > li { width:50%; }
.ss_tab.cnt3 > ul > li { width:33.3%; }
.ss_tab.cnt3 > ul > li:last-child { width:33.4%; }
.ss_tab.cnt4 > ul > li { width:25%; }
.ss_tab.cnt5 > ul > li { width:20%; }
.ss_tab.cnt6 > ul > li { width:16.7%; }
.ss_tab.cnt6 > ul > li:last-child { width:16.5%; }
.ss_tab.cnt7 > ul > li { width:14.3%; }
.ss_tab.cnt7 > ul > li:last-child { width:14.2%; }
.ss_tab.cnt8 > ul > li { width:12.5%; }
.ss_tab.cnt9 > ul > li { width:11.1%; }
.ss_tab.cnt9 > ul > li:last-child { width:11.2%; }
.ss_tab.cnt10 > ul > li { width:10%; }
.ss_tab.cnt11 > ul > li { width:9.1%; }
.ss_tab.cnt11 > ul > li:last-child { width:9%; }

.Ms_tab { display:inline-block; width:100%; text-align:center; margin:60px 0 0; }
.Ms_tab > ul { display:inline-block; width:100%; }
.Ms_tab > ul > li { float:left; height:60px; line-height:58px; border-top:1px solid #dcdcdc; border-bottom:3px solid #f25244; display:inline-block; box-sizing:border-box; }
.Ms_tab > ul > li:first-child { border-left:1px solid #dcdcdc; }
.Ms_tab > ul > li:last-child { border-right:1px solid #dcdcdc; }
.Ms_tab > ul > li > a { display:block; min-width:100px; height:100%; padding:0 22px; text-decoration:none; color:#222222; font-size:22px; font-weight:200; }
.Ms_tab > ul > li:hover, 
.Ms_tab > ul > li.on { border:1px solid #f25244; }
.Ms_tab > ul > li:hover > a,
.Ms_tab > ul > li.on > a { color:#fff; background:#f25244; }

.Ms_tab.cnt2 > ul > li { width:50%; }
.Ms_tab.cnt3 > ul > li { width:33.3%; }
.Ms_tab.cnt3 > ul > li:last-child { width:33.4%; }
.Ms_tab.cnt4 > ul > li { width:25%; }
.Ms_tab.cnt5 > ul > li { width:20%; }
.Ms_tab.cnt6 > ul > li { width:16.7%; }
.Ms_tab.cnt6 > ul > li:last-child { width:16.5%; }
.Ms_tab.cnt7 > ul > li { width:14.3%; }
.Ms_tab.cnt7 > ul > li:last-child { width:14.2%; }
.Ms_tab.cnt8 > ul > li { width:12.5%; }
.Ms_tab.cnt9 > ul > li { width:11.1%; }
.Ms_tab.cnt9 > ul > li:last-child { width:11.2%; }
.Ms_tab.cnt10 > ul > li { width:10%; }
.Ms_tab.cnt11 > ul > li { width:9.1%; }
.Ms_tab.cnt11 > ul > li:last-child { width:9%; }



.ss_tab1 { display:inline-block; width:100%; text-align:center; margin:40px 0 0; }
.ss_tab1 > ul { display:inline-block; font-size:0; }
.ss_tab1 > ul > li { display:inline-block; }
.ss_tab1 > ul > li:not(:first-child) { margin-left:25px; }
.ss_tab1 > ul > li > a { position:relative; display:inline-block; font-size:22px; font-weight:200; color:#222222; padding:0 10px; text-decoration:none; }
.ss_tab1 > ul > li.on > a { font-weight:500; color:#f25244; }
.ss_tab1 > ul > li.on > a::before { content:""; position:absolute; width:8px; height:8px; background:#f25244; border-radius:100%; left:0; top:0; }


 



.boardarea { width:1200px; min-height:350px; margin:40px auto 80px; padding:0; }
/*서브 영역 끝*/

.gotoTop { position:fixed; right:20px; bottom:50px; cursor:pointer; display:none; z-index:9999; }


.Boardpage {display:inline-block;margin:10px auto;text-align:center;width:100%;}
.Boardleftbtn {float:left;width:22%;}
.Boardrightbtn {float:right;}
table.t6 {border:0;background:#fff;padding:0 0 0 0;margin:0 auto;}
table.t6 td {border:1px solid #d0d0d0;width:28px;padding:0;margin:0;height:28px;text-align: center;vertical-align:middle;color:#595959;background:#fff;font-size:14px;}
table.t6 td.td-remo {text-align:right;padding:0 13px 0 0;border:0;width:8px;margin:0;}
table.t6 td.td-remo2 {text-align:left;padding:0 0 0 13px;border:0;width:8px;margin:0;}
table.t6 td.td-con {border:0;}
table.t6 td.td-on {background:#1f1f1f;color:#dcdcdc;border:1px solid #1f1f1f;}
table.t6 td a { display:inline-block; width:100%; height:28px; line-height:28px; color:#222; text-decoration:none; }
table.t6 thead th, table.t1 tfoot th { text-align: center; vertical-align: middle;}





/* 카피영역 시작 */
a.c_link { position:relative; display:inline-block; float:left; height:25px; line-height:25px; margin:16px 0 0 35px; text-decoration:none; color:#575757; font-size:15px; font-weight:400; }
a.c_link:first-child { margin-left:0px; }
a.c_link:hover { color:#000; }

a.fs_btn { position:absolute; right:0px; top:1px; width:217px; height:56px; line-height:56px; color:#575757; font-size:14px; font-family:"Lato"; box-sizing:border-box; padding-left:14px; text-decoration:none; font-weight:bold; border:1px solid #fff; border-top:0px; border-bottom:0px; background:url("/res/images/fs_bg1.png") no-repeat 191px center; }
a.fs_btn.on { border:1px solid #e1e1e1; border-top:0px; border-bottom:0px; background:url("/res/images/fs_bg2.png") no-repeat 191px center, #f7f7f7; }

.fs_con { position:absolute; right:0px; bottom:245px; width:215px; display:inline-block; border:1px solid #e1e1e1; border-bottom:0px; padding:12px 0 12px; display:none; background:#f7f7f7; z-index:20; }
.fs_con > li { width:100%; height:28px; line-height:28px; box-sizing:border-box; padding-left:13px; }
.fs_con > li > a { color:#575757; font-size:14px; font-weight:300; text-decoration:none; }

.c_logo { position:absolute; left:0px; top:24px; }
.c_content { padding:70px 0 25px; color:#6b6b6b; font-size:14px; line-height:24px; font-weight:400; }
.c_content2 { color:#62615f; font-size:14px; line-height:20px; font-weight:400; font-family:"Lato"; }
a.c_adm { position:absolute; right:1px; bottom:31px; color:#c9c9c9; font-size:12px; font-family:"돋움", Dotum; width:150px; height:30px; line-height:30px; box-sizing:border-box; text-decoration:none; background:url("/res/images/c_adm.jpg") no-repeat 128px 8px, #494949; padding-left:15px; }
/* 카피영역 끝 */





/* 커스텀 체크,라디오,셀렉트박스 */
.transparent_sltbox_wrapper {position:relative; display:inline-block;}

.transparent_radio_wrapper {position:relative; display:inline-block; cursor:pointer;}
.transparent_radio_wrapper span {position:relative; display:inline-block; top:-2px;}
.transparent_radio_wrapper span img{position:relative;  display:inline-block; width:15px; top:4px;}
.transparent_radio_focus_area {position:absolute; top:0px; left:0px; width:15px; height:15px;font-size:1px; text-decoration:none !important;}

.transparent_chkbox_wrapper {position:relative; display:inline-block; cursor:pointer;}
.transparent_chkbox_wrapper span {position:relative; display:inline-block; top:1px; font-size:15px;}
.transparent_chkbox_wrapper span img{position:relative;  display:inline-block; width:15px; top:2px;}
.transparent_chkbox_focus_area {position:absolute; top:0px; left:0px; width:15px; height:15px;font-size:1px; text-decoration:none !important;}

.transparent_sltbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; z-index:9;}
.transparent_chkbox {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 0; z-index:9;}
.transparent_radio {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; margin:0 0 0 0; z-index:9;}
.transparent_date {width:100%;height:100%; position:absolute; top:0px; left:0px; opacity:0; z-index:9;}
/* 커스텀 체크,라디오,셀렉트박스 끝*/




/* 버튼 */
span.btnBack{display:inline-block; background-color:#CACACA; color:#5d5d5d; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btnOK{display:inline-block; background-color:#005caa; color:white; padding:15px 20px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }
span.btnGray{display:inline-block; background-color:#4B4B4B; color:white; padding:15px 10px; position:relative; font-size:15px; font-weight:bold; top:0px; border-radius:3px; cursor:pointer; }


span.btn1 { cursor:pointer; display:inline-block; border:1px solid #4b4b4b; background-color: #4b4b4b; color:#ffffff; padding:6px 10px; position:relative; top:0px; border-radius:4px;}
span.btn1-o { cursor:pointer; display:inline-block; border:1px solid #4b4b4b; color:#4b4b4b; padding:6px 10px; position:relative; top:0px; border-radius:4px;}
span.btn1:hover, span.btn1-o:hover { box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); }
span.btn1.big, span.btn1-o.big {font-size:20px; padding:15px 20px;}
span.btn1.small, span.btn1-o.small {font-size:13px; padding:5px 9px;}
/* 버튼 끝 */



/* 버튼 */
span.label_black { font-size:12px; height:24px; line-height:27px; background:#525252; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px;  }
span.label_orange { font-size:12px; height:24px; line-height:27px; background:#ef8100; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px; }
span.label_green { font-size:12px; height:24px; line-height:27px; background:#2ba600; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px; }
span.label_gray { font-size:12px; height:24px; line-height:27px; background:#848484; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px; }
span.label_blue { font-size:12px; height:24px; line-height:27px; background:#005caa; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px; }
span.label_purple { font-size:12px; height:24px; line-height:27px; background:#7a00e2; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px; }
span.label_pink { font-size:12px; height:24px; line-height:27px; background:#e73d79; display:inline-block; color:#fff; text-align:center; font-family:"Dotum"; padding:0px 13px; }
/* 버튼 끝 */