html {overflow-y:scroll;}
body {font-family:'Roboto','NotoSansKR', 'sans-serif', 'Malgun Gothic', '맑은고딕', '돋움', Dotum, Arial; color:#333; font-size:14px;overflow-x:hidden;}
input, textarea, select, button, table {font-family:'Roboto','NotoSansKR', 'sans-serif', 'Malgun Gothic', '맑은고딕', '돋움' Dotum, Arial; color:#333; font-size:12px; line-height:150%;}
input, textarea, select {border:1px solid #daddda;}
p {line-height:24px; letter-spacing:-0.03em; color:#555;}
/**/
a:link, a:visited {text-decoration:none; color:#333}
a:hover, a:active {text-decoration:underline; color:#333}


/* skip */
#skip {position:absolute}
#skip a {display:block; width:0; height:0; overflow:hidden; white-space:nowrap;}
#skip a:active, #skip a:focus {width:auto; height:auto; padding:5px;}

/* top */
#top {background-image:url(../img/main_bg.png); background-repeat:repeat-x}
#header {width:1000px; height:96px; margin:0 auto; border:0px solid red; position:relative;}
#topMenu {position:absolute; top:10px; right:0; border:0px solid red; z-index:1000;}
#topMenu dd {float:left; margin-right:8px;}
#logo {position:absolute; float:left; top:30px; left:0; z-index:100;}

/* bottom */
#mainFooter {width:1000px; margin:0 auto; margin-top:26px; margin-bottom:60px; border:0px solid red; clear:both;line-height:9px;}
#footerNi {width:1000px; height:39px; background-image:url(../img/main_ft_bg.gif); border:0px solid red;}
#notice_tit {padding:16px 0 0 16px; float:left;line-height:9px;}
#notice {float:left; font:12px Roboto,"맑은고딕",dotum,Arial; color:#666; padding:14px 0 0 10px;}
#footerCnt {float:right; padding:14px 0 0 0px;}
#footerCnt dd {float:left; margin-right:25px;}
#footerAdd {margin-top:20px;}
#add_logo {float:left;}
#add_01 {float:left; margin:5px 0 0 14px; font:11px Roboto,"맑은고딕",dotum,Arial; color:#999; }
#add_02 {float:right;margin: 4px 0 0 0px;font: 11px Roboto, "맑은고딕",dotum,Arial;color:#b6b6b9;letter-spacing:0.3px;font-weight: 300;}

/* main */
#mainTop {width:100%; height:581px; background-image:url(../img/main_bg.png) 0 0 repeat-x;}
#mainHeader {width:1000px; height:95px; margin:0 auto; position:relative;}
#mainLogo {position:absolute; float:left; top:30px; left:0px; z-index:100;}
#mainTopmenu {position:absolute; top:10px; right:0; border:0px solid red; z-index:1000;}
#mainTopmenu dd {float:left; margin-right:8px;}
/* #line {position:absolute; width:1000px; height:95px; float:left; z-index:100; border-bottom:1px solid #e2001a}*/
#mainImg {position:absolute; width:1000px; height:580px; float:left; z-index:10;}
#cnt {width:1000px; height:114px; margin:0 auto; margin-top:30px; border:0px solid red;}
#cnt dd {float:left; margin-right:17px;}
#cnt dd.last {margin:0; padding:0;}

.cnt2 {width:100%;height:365px;background:#f4f4f4;margin-top:-10px;letter-spacing:-1px;word-break:keep-all;}
.cnt2 ul li a,button {text-decoration:none;display:block;height:294px;outline:none;}
.cnt2 dd {width:1000px;margin:0 auto; padding-top:34px;overflow:hidden;position:relative;}
.cnt2 dd div.leTxt{float:left;width:200px;}
.cnt2 dd div.btnT{position:absolute;bottom:0;}
.cnt2 ul li {float:left;margin-left:-6px;}
.cnt2 dd h1 {font-size:30px;font-weight:bold;color:#eb5c28;}
.cnt2 dd h2 {font-size:30px;font-weight:normal;color:#1a1a1a;}
.cnt2 ul li h3 {font-size:22px;font-weight:bold;color:#1a1a1a;margin:20px 20px 5px 20px;}
.cnt2 dd p.pTxt {width:25px;border-bottom:1px solid #878787;margin:20px 0;} 
.cnt2 ul li p.Txt {margin:0 17px 0 20px;letter-spacing:-0.9px;}
.cnt2 .cnt {width:252px;height:294px;background:#fff;margin-right:20px;margin-top:10px;}
.cnt2 .cnt.last {margin:0; padding:0;}
.cnt2 .slick-arrow {bottom:0; border:0; font-size:0; cursor:pointer;float:left;}
.cnt2 .slick-prev {width:24px; height:24px; background:url(../img/left_on.gif) no-repeat center center;}
.cnt2 .slick-next {width:23px; height:24px; background:url(../img/right_on.gif) no-repeat center center; }
.container {width:790px;margin-top:-5px;height:310px;overflow:hidden;}
.m_list {margin-left:-80px;}

.bizN {padding: 20px 0 20px 95px;margin:20px 0 20px 0;color: #000;background: #fff;border: 1px solid #f26538;z-index: 1;}
.gw_icon {background-image:url(../img/gw_icon.gif);background-repeat: no-repeat;background-position: 15px 17px;}
.hr_icon {background-image:url(../img/hr_icon.gif);background-repeat: no-repeat;background-position: 15px 17px;}
.uas_icon {background-image:url(../img/uas_icon.gif);background-repeat: no-repeat;background-position: 15px 17px;}

/*

.bizN {background: #f9f4ee;padding: 20px;margin-top: 15px;border-radius: 0 25px 25px 25px;}

#mainFooter {width:1000px; height:100px; margin:0 auto; margin-top:26px;}
#footerNi {width:1000px; height:39px; background-image:url(../img/main_ft_bg.gif); border:0px solid red}
#notice_tit {padding:14px 0 0 16px; float:left}
#notice {float:left; font:12px Roboto,"맑은고딕",dotum,Arial; color:#666; padding:14px 0 0 10px;}
#footerCnt {float:right; padding:14px 0 0 0px;}
#footerCnt dd {float:left; margin-right:25px;}
#footerAdd {margin-top:20px}
#add_logo {float:left;}
#add_01 {float:left; margin:8px 0 0 14px; font:11px Roboto,"맑은고딕",dotum,Arial
; color:#999}
#add_02 {float:right; margin:8px 0 0 0px; font:11px Roboto,"맑은고딕",dotum,Arial
; color:#999}
*/
#mainVisual {position:relative; width:100%; height:477px; margin:0 auto;}



/* product */
#product_t {width:1000px; height:477px; border:0px solid red}
#slider {float:left; position:relative; margin:96px 0 0px 0px; overflow:auto; width:1000px; height:477px; border:0px solid #fff; background:#fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:1000px; height:477px; padding-right:10px}
#pagination {position:absolute; top:520px; left:370px; width:260px; float:left; list-style:none; height:39px; border:0px solid blue; padding:0px 0 0px 0px;}
.pagination {width:1000px; float:left; list-style:none; height:39px;}
.pagination li {width:39px; height:39px; margin:5px 5px; background-image:url(../img/thumbs/list_bg.png)}
#pagination li {width:39px; height:39px; float:left; cursor:pointer; margin:5px 5px; text-align:center;}
.pagination li:hover {}
li.current {width:39px; height:39px; background-image:url(../img/thumbs/list_bg_on.png);}

/* 占쌓븝옙占쏙옙抉占� */
ul.horizontal-dropdown {position:absolute; width:600px; top:35px; right:0;  z-index:1000; border:0px solid red}
ul.horizontal-dropdown a {display:block; text-decoration: none; color: #fff;}
ul.horizontal-dropdown>li {float:left; padding-left:60px; height:50px;}
ul.horizontal-dropdown li.first {padding:0; margin:0;}
ul.horizontal-dropdown li.hover {background-position:bottom;}

/* 맑은고딕占쏙옙隔占쏙옙抉占� */
ul.horizontal-dropdown ul {position:absolute; margin:0; top:40px; left:0; overflow:hidden; background: #eb5c28}
ul.horizontal-dropdown ul li {background:transparent; padding:0 0 0 0; float: left;}
ul.horizontal-dropdown ul li a {position:relative; top:0; left:0; background:#eb5c28; padding:0; display:block; float:left; padding: 8px 15px; font-family:'Malgun Gothic'; font-size:12px;}
ul.horizontal-dropdown ul li a:hover {color:#ffb400;}




/* 占싻밀몌옙맑은고딕트 */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; background-image:url(../img/selectbox_up.jpg); *zoom:1;  margin-top:9px; margin-right:8px; float:right;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#fff; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:'../img/selectbox_up.jpg';}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ position:absolute; bottom:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:'../img/selectbox_up.jpg'; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; background-color:#fff}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:'../img/selectbox_up.jpg'; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}


/* 맑은고딕 */
#submain_l {width:815px; margin:35px 0 80px 0; border:0px solid red; float:left}
#Contents {width:1000px; margin:0 auto;} 
#Contents_l {width:750px; margin:0px 0 80px 20px; float:left;word-break:keep-all;}
.c_bg {left:0px; top:0px; width: 100%; height: 100%; background: url(../img/content_bg01.jpg); background-repeat: no-repeat;}
.c_bg02 {left:0px; top:0px; width: 100%; height: 100%; background: url(../img/content_bg02.jpg); background-repeat: no-repeat;}
.c_bg03 {left:0px; top:0px; width: 100%; height: 100%; background: url(../img/content_bg03.jpg); background-repeat: no-repeat;}
.c_bg04 {left:0px; top:0px; width: 100%; height: 100%; background: url(../img/content_cobg01.jpg); background-repeat: no-repeat;}

#Contents_r {width:150px; float:right; margin-top:35px}
.c_loca_bg {left:0px; top:0px; width:100%; height:100%; background: url(../img/content_mapbg01.jpg); background-repeat: no-repeat;}
#sub_menu {width:1000px; height:153px; margin:0 auto; position:relative;}
.sub_bg_01 {width:1000px; height:153px; background:url(../img/sub_company_bg.jpg); margin:0 auto; position:relative;}
.sub_bg_02 {width:1000px; height:153px; background:url(../img/sub_business_bg.jpg); margin:0 auto; position:relative;}
.sub_bg_03 {width:1000px; height:153px; background:url(../img/sub_pr_bg.jpg); margin:0 auto; position:relative;}
.sub_bg_04 {width:1000px; height:153px; background:url(../img/sub_recruit_bg.jpg); margin:0 auto; position:relative;}
.sub_bg_05 {width:1000px; height:153px; background:url(../img/sub_ethical_bg.jpg); margin:0 auto; position:relative;}
.sub_bg_06 {width:1000px; height:153px; background:url(../img/sub_product_bg.jpg); margin:0 auto; position:relative;}
.r_bg {left:0px; top:0px; width: 100%; height: 100%; background: url(../img/content_resultbg01.jpg); background-repeat: no-repeat;}
.dis_bg {left:0px; top:0px; width: 100%; height: 100%; background: url(../img/content_resultbg02.jpg); background-repeat: no-repeat;}

/* Company_서브메뉴 */
#sub_menu p {position:absolute; left:0px; top:21px;}
#sub_menu ul {white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}
#sub_menu li {margin:0; padding:0; list-style:none;}
#sub_menu li {display:inline-block; display:inline;}
#sub_menu ul {position:absolute; left:-9999px;}
#sub_menu ul.level1 {position:absolute; left:0; top:48px;}
#sub_menu ul.level1 .level1_1 {position:relative; left:0; top:0;}
#sub_menu ul.level1 li:hover .level1_1 {margin-top:0; margin-left:0;}
#sub_menu ul.level1 li:hover .level1_1 a:hover {background:none;}
#sub_menu ul.level1 li:hover .level1_1 a span {position:relative;}
#sub_menu ul.level1 li:hover .level1_1 a:hover span:before {content:""; position:absolute; left:0px; bottom:-2px; height:1px; right:0; background:#fff;}
#sub_menu ul.level2 {position:absolute; left:140px; top:48px;}
#sub_menu a {display:block; font:normal 11px verdana,arial,Arial
; color:#fff; line-height:24px; text-decoration:none;padding:0 20px 0 18px;} 
#sub_menu ul li:hover > ul {visibility:visible; left:100%; margin-top:-24px; margin-left:-1px;}
#sub_menu a:hover ul,
#sub_menu a:hover a:hover ul, 
#sub_menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#sub_menu a:hover ul ul, 
#sub_menu a:hover a:hover ul ul {left:-9999px;}
#sub_menu li a:hover {background:#868ea1;} 
#sub_menu li:hover > a {background:#868ea1;}

/* company */
.overview_wrap {width:100%; margin-top:50px; overflow:hidden;}
.overview_wrap .img_01 {float:left; background:url(../img/img_company_01.jpg) 0 0 no-repeat; width:277px; height:332px; margin-top: 100px}
.overview_tb {width:430px; float:right;}
.overview_tb .tbl_01 {width:100%; border-top:1px solid #daddde; border-bottom:1px solid #daddde;}
.overview_tb .tbl_01 th, .tbl_01 td {padding:10px 0;}
.overview_tb .tbl_01 th {background:#f9f9f9; font-weight:bold; padding-left:14px; text-align:left;}
.overview_tb .tbl_01 td {padding-left:19px;}

/* CEO */
.img_ceo {background:url(../img/img_ceo_01.jpg) 0 0 no-repeat; width:750px; height:120px; padding-top:180px;}

/* Vision */
.vision1 {width:100%; margin-top:40px; text-align:center; padding-bottom:35px; border-bottom:1px solid #daddde}
.vision2 {width:100%; margin-top:50px;}
.vision2 ul {overflow:hidden; width:708px; margin:0 auto;}
.vision2 ul li {width:196px; height:120px; float:left; padding:160px 20px 0; text-align:center;}
.vision2 ul li.area1 {margin:0; background:url(../img/img_vision_01.jpg) center 0 no-repeat;}
.vision2 ul li.area2 {margin:0; background:url(../img/img_vision_02.jpg) center 0 no-repeat;}
.vision2 ul li.area3 {margin:0; background:url(../img/img_vision_03.jpg) center 0 no-repeat;}

/* History */
.history_tab {position:relative; height:42px; margin-top:40px; float:left;}
.history_tab li {float:left; width:185px; padding-left:1px; line-height:41px; font-size:16px; }
.history_tab li a {display:block; width:185px; height:42px; background:#f9bea8; text-align:center; cursor:pointer; color:#fff; font-weight:bold; text-decoration:none;}
.history_tab li a:hover {background:#eb5c28;}
.history_tab li a.selected {background:#eb5c28;}
.history_wrap {width:100%;}
.history_wrap dl {float:left; border-bottom:1px solid #daddde; padding:30px 0;}
.history_wrap dl dt {float:left; width:200px; font-size:30px; color:#345391; padding-left:90px;}
.history_wrap dl dd {float:left; width:460px;}
.history_wrap dl dd p {background:url(../img/ico_dot.gif) 0 10px no-repeat; padding-left:12px; line-height:25px;}

/* CI */
#tablist{ padding:0px 0; margin-left:0; margin-bottom:0; margin-top:0.1em; font:bold 12px Verdana;}
#tablist li{ width:110px; list-style:none; display:inline; margin-right:-10px}
#tablist li a {padding-right:3px; margin-left:3px;}
#tablist li a:link, #tablist li a:visited{}
#tablist li a.current{}


/**맑은고딕占쏙옙 맑은고딕占쏙옙 占쌘쏙옙 맑은고딕**/
#tabcontentcontainer{width:795px;}
.tabcontent{display:none;}


#family_bg01 {width:795px; height:300px; background:url(../img/title_family_bg01.jpg) no-repeat}
#family_bg02 {width:795px; height:300px; background:url(../img/title_family_bg02.jpg) no-repeat}
#family_bg03 {width:795px; height:300px; background:url(../img/title_family_bg03.jpg) no-repeat}
#family_bg04 {width:795px; height:300px; background:url(../img/title_family_bg04.jpg) no-repeat}


/* contact us */
.agree {width:718px; height:136px; border:1px solid #daddda; margin-top:10px; padding:16px 16px 0 16px; overflow:auto; line-height:21px;}
.agree_check {width:100%; margin-top:4px; text-align:right; font-size:12px;}
.form_box {width:100%; margin-top:30px;}
.form_box table {width:100%; border-top:2px solid #345391; border-bottom:1px solid #daddde;}
.form_box table th, .form_box table td {padding:10px 0; border-bottom:1px solid #daddde;}
.form_box table th {background:#f9f9f9; font-weight:bold; text-align:center;}
.form_box table td {padding-left:19px; text-align:left;}
.form_box p {margin-top:20px; text-align:center;}


/* 맑은고딕 */
.client_wrap {width:100%; margin-top:20px; float:left; border-top:1px solid #daddde;padding-top:10px;}
.client_wrap dt {float:left; width:170px; height:40px; background:url(../img/bg_category.gif) 0 0 no-repeat; padding:10px 0 0 18px; font-weight:bold; clear:both; margin-top:10px;}
.client_wrap dd {float:left; width:560px; height:40px; padding:10px 0 0 0; margin-top:10px;}

/* 맑은고딕 占쏙옙 占쏙옙트占십쏙옙 */
.tbl_02 {width:100%; border-top:2px solid #345391; border-bottom:1px solid #daddde;}
.tbl_02 th, .tbl_02 td {padding:10px 0; border-bottom:1px solid #daddde;}
.tbl_02 th {background:#f9f9f9; font-weight:bold; text-align:center;}
.tbl_02 td {padding-left:19px; text-align:center;}

.partner_wrap {width:100%; margin-top:20px;}
.partner_wrap p {width:230px; height:172px; float:left; margin-right:30px; text-align:center;}
.partner_wrap p.none {margin:0;}
.partner_wrap p img {margin-bottom: 10px;}
.partner_wrap p span {font-weight:bold;line-height: 20px;}

/* 맑은고딕占쏙옙占� */
	
.erp_list	li:before {margin-top:25px; content: url('../img/b_01.gif'); display: inline-block;} 
.erp_list2	li:before, .erp_list3 li:before, .erp_list4 li:before, .web_list li:before {margin-top:25px; content: url('../img/b_01.gif'); display: inline-block; position: relative; bottom: 3px;} 
.erp_list2	li:nth-child(1){float:left;width:252px;margin-right:9px;}
.erp_list2	li:nth-child(2){float:left;width:250px;margin-right:9px;}
.erp_list2	li:nth-child(3){float:left;width:230px;}
.erp_list2	{display:inline-block;} 

.erp_list3 {display: inline-block;}
.erp_list3	li:nth-child(1), .erp_list3	li:nth-child(2), .erp_list3	li:nth-child(3) {float:left;margin-right:27px;}
.erp_list3	li:last-child {margin-right:0px;}
.erp_list4	li:nth-child(1){float:left;width:410px;margin-right:9px;}


.web_list li:nth-child(1), .web_list li:nth-child(2), .web_list li:nth-child(3), .web_list li:nth-child(4), .web_list li:nth-child(5), .web_list li:nth-child(6) {float:left;margin-right:32px;}

/* 占쏙옙회맑은고딕 */
.cont_bg {left:0px; top:0px; width:100%; background: url(../img/content_contributebg.jpg); background-repeat: no-repeat; border:0px solid red}

/* 占쏙옙占싱뱄옙홍맑은고딕 */
.content_prbg {left:0px; top:0px; width:100%; background: url(../img/content_prbg.jpg); background-repeat: no-repeat; border:0px solid red}

/* 맑은고딕활占쏙옙 */
.volu_bg {left:0px; top:0px; width:100%;  background: url(../img/content_voluntarybg.jpg); background-repeat: no-repeat; border:0px solid red}

/* 맑은고딕트占쏙옙 */
.st_bg {left:0px; top:0px; width:100%;  background: url(../img/content_sitemapbg.jpg); background-repeat: no-repeat; border:0px solid red}

/* 맑은고딕맑은고딕 */
.pri_bg {left:0px; top:0px; width:100%;  background: url(../img/content_privatebg.jpg); background-repeat: no-repeat; border:0px solid red}

/* 맑은고딕占쌘뤄옙 */
.dart {margin-top:50px;}



/* news/채맑은고딕占� */
.tb_news_list {width:750px; border-top:2px solid #345391; border-bottom:2px solid #dddddd; margin-left:0px; margin-top:40px;line-height:130%}
.tb_news_list td {padding:12px 10px; border-bottom:1px solid #e0e0e0;}
.tb_news_list02 {font-size:12px; width:620px; border-top:2px solid #345391; border-bottom:2px solid #345391; margin-left:40px; margin-top:14px;line-height:130%; margin-bottom:10px;}
.tb_news_list02 td {padding:7px 10px; border-bottom:1px solid #e0e0e0;}
.tb_news_list03 {width:750px; border-bottom:2px solid #dddddd; margin-left:0px; margin-top:0px;line-height:130%}
.tb_news_list03 td {padding:12px 10px; border-bottom:1px solid #e0e0e0;}
.list_no {text-align:center}
.list_title {}
.list_date {text-align:center}
.list_co {text-align:center}
.list_nothing {text-align:center}
.news_btn {width:750px; margin:20px 0 0 40px; text-align:center;}


/* 맑은고딕트占쏙옙 */
.sitemap_wrap {width:100%; margin:70px 0 40px}
.sitemap_wrap2 {width:100%; margin:70px 0 40px;display:inline-block;}
.menu_wrap {float:left; width:230px; margin-left:23px}
.menu_wrap dt {width:230px; height:38px; background:#eb5c28; text-align:center; line-height:36px; color:#fff; font-weight:bold;}
.menu_wrap dd {width:220px; border-bottom:1px solid #daddde; padding:13px 0 13px 15px;}



/* 맑은고딕맑은고딕 */
#private {font-size:12px; color:#555555; text-align:left; line-height:18px;}

/* float */
.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}

/* Font */
.fs11 {font-size:11px}
.fs12 {font-size:12px}
.fs13 {font-size:13px}
.fs14 {font-size:14px}
.fs15 {font-size:15px}
.fs16 {font-size:16px !important;line-height:1.5;}
.fs18 {font-size:18px !important;line-height:1.5;}
.fs20 {font-size:20px;line-height:1;color:#eb5c28;letter-spacing:-0.05em}
.fs22 {font-size:22px;line-height:1;}
.fs24 {font-size:24px;line-height:1; color:#345391;letter-spacing:-0.05em;}
.fs30 {font-size:30px;line-height:1; color:#345391;letter-spacing:-0.05em;}
.fs36 {font-size:36px;line-height:1; color:#345391;letter-spacing:-0.05em;}
.fwb {font-weight:bold;}
.fcb {color:#345391;}
.f_orange {color:#eb612a;}
.f_ls {letter-spacing:-0.05em}

/* Margin */
.mt0 {margin-top:0 !important}
.mt4 {margin-top:4px !important}
.mt8 {margin-top:8px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px}
.mt17 {margin-top:17px}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px}
.mt33 {margin-top:33px}
.mt35 {margin-top:35px}
.mt40 {margin-top:40px !important}
.mt47 {margin-top:47px !important}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt377 {margin-top:373px !important}
.mr0 {margin-right:0 !important}
.mr10 {margin-right:10px !important}
.mb0 {margin-bottom:0 !important}
.mb5 {margin-bottom:5px !important}
.mb7 {margin-bottom:7px !important}
.mb10 {margin-bottom:10px}
.mb12 {margin-bottom:12px !important}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb40 {margin-bottom:40px !important}
.mb45 {margin-bottom:45px}
.mb47 {margin-bottom:47px !important}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px !important}
.mb110 {margin-bottom:110px}
.mr4 {margin-right:4px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.ml0 {margin-left:0 !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}

/* padding */
.pt20 {padding-top:20px !important}
.pt22 {padding-top:22px}
.pt35 {padding-top:35px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt100 {padding-top:100px}
.pt140 {padding-top:140px}
.pr20 {padding-right:20px}
.pr30 {padding-right:30px !important}
.pb0 {padding-bottom:0 !important}
.pl0 {padding-left:0 !important}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl63 {padding-left:63px}

/* display */
.dis_b {display: block;}

/* class */
.tit {margin-top:55px}
.sub_tit {margin-top:30px}
.style2 {font-size:11px; color:#999999;}
.style3 {font-size:11px; color:#444444; font-weight: bold;}
.style4 {font-size:12px; color: #555555; line-height: 20px;}
.style5 {font-size:12px; color: #555555;}
.style5:link {color:#555555; text-decoration:none;}
.style5:visited {color:#555555; text-decoration:none;}
.style5:hover {color:#eb2a2e; text-decoration:none;}
.style5:active {color:#eb2a2e; text-decoration:none;}
.style6 {font-size:12px; color: #555555; line-height: 20px;}
.style6:link {color:#555555; text-decoration:none;}
.style6:visited {color:#555555; text-decoration:none;}
.style6:hover {color:#eb2a2e; text-decoration:none;}
.style6:active {color:#eb2a2e; text-decoration:none;}
.style7 {font-size:12px; color: #810a0d;}
.red1 {font-size: 12px; color: #eb2a2e; font-weight: bold;}
.m_t_60 {margin-top:60px}
.m_t_50 {margin-top:50px}
.m_t_40 {margin-top:40px}
.m_t_30 {margin-top:30px}
.m_t_25 {margin-top:25px}
.m_t_20 {margin-top:20px}
.m_t_15 {margin-top:15px}
.m_b_10 {margin-bottom:10px}
.m_b_5 {margin-bottom:5px}
.m_tb_20 {margin-top:20px; margin-bottom:10px}
.p_l_10 {padding-left:10px}
.red {font-size:12px; color:#eb2a2e; font-weight:bold; line-height:26px;}
.red2 {font-size:12px; color:#eb2a2e; font-weight:bold; line-height:26px; padding-left:10px;}
.gray {font-size:12px; color:#555555; line-height:26px;}
.black {font-size:12px; font-weight:bold; color:#000000; line-height:26px;}
.black2 {font-size:12px; font-weight:bold; color:#000000; line-height:26px; padding-left:10px;}
.gray02 {font-size:12px; font-weight:bold; color:#4a4a4a; line-height:26px;}
.gray03 {font-size:12px; color:#6a6a6a;}
.gray04 {font-size:12px; color:#929292;}
.grey_line {border-bottom:1px solid #cccccc; width:795px; height:550px;}
.grey_line2 {border-bottom:1px solid #cccccc; width:500px; height:550px;}
.white {font-size:12px; color:#ffffff; font-weight:bold; text-align:center; line-height:32px }
.t_c {font-size:12px; color:#555555; text-align:center; border-bottom:1px solid #eaeaea; line-height:32px}
.t_l {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #eaeaea; line-height:32px; padding-left:50px;}
.t_l_02 {font-size:12px; font-weight:bold; color:#555555; text-align:left; border-bottom:1px solid #b6b6b9; line-height:32px; padding-left:50px;}
.t_l_03 {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #b6b6b9; line-height:32px; padding-left:50px;}
.t_l_04 {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #eaeaea; line-height:32px; padding-left:20px;}
.t_l_05 {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #eaeaea; line-height:32px; padding-left:32px;}
.t_l_06 {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #eaeaea; border-right:1px solid #b6b6b9; line-height:32px; padding-left:20px;}
.t_l_07 {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #b6b6b9; line-height:32px; padding-left:20px;}
.t_c_02 {font-size:12px; font-weight:bold; color:#555555; text-align:center; border-bottom:1px solid #b6b6b9; line-height:32px}
.t_r {font-size:12px; color:#555555; text-align:right; border-bottom:1px solid #eaeaea; line-height:32px; padding-right:10px;}
.t_r_02 {font-size:12px; font-weight:bold; color:#555555; text-align:right; border-bottom:1px solid #b6b6b9; line-height:32px; padding-right:10px;}
.t_r_03 {font-size:12px; color:#555555; text-align:right; border-bottom:1px solid #b6b6b9; line-height:32px; padding-right:10px;}
.t_r_04 {font-size:12px; color:#555555; text-align:right; border-bottom:1px solid #eaeaea; border-right:1px solid #b6b6b9; line-height:32px; padding-right:10px;}
.t_r_05 {font-size:12px; color:#555555; text-align:right; border-bottom:1px solid #b6b6b9; border-right:1px solid #b6b6b9; line-height:32px; padding-right:10px;}
.t_r_06 {font-size:12px; color:#555555; text-align:right; border-bottom:1px solid #b6b6b9; line-height:32px; padding-right:10px;}
.t_r_red {font-size:12px; color:#ff0000; text-align:right; border-bottom:1px solid #eaeaea; line-height:32px; padding-right:10px;}
.t_r_red_02 {font-size:12px; color:#ff0000; text-align:right; border-bottom:1px solid #b6b6b9; line-height:32px; padding-right:10px;}
.table_tit {margin-top:50px; margin-bottom:15px; width:670px;}
.loca_b_b_25 {border-bottom:1px solid #cccccc; margin-top:25px; padding-bottom:15px}
.loca_b_b_15 {border-bottom:1px solid #cccccc; margin-top:15px; padding-bottom:15px}
.center {margin-left:325px; margin-top:20px}
.center img {padding:5px;}
.con_t_l_top {font-size:12px; color:#555555; text-align:left; border-top:2px solid  #e2001a; border-bottom:1px solid #eaeaea; line-height:26px; padding-left:8px; padding-top:10px}
.con_t_l_top02 {font-size:16px; color:#555555; text-align:left; border-top:2px solid  #e2001a; line-height:26px; padding-top:30px}
.con_t_l {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #eaeaea; line-height:26px; padding-left:8px; }
.con_t_l_bot  {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #b6b6b9; line-height:22px; padding-left:8px; padding-bottom:10px;}
.site_t_l {font-size:12px; color:#555555; text-align:left; border-bottom:1px solid #eaeaea; line-height:32px; padding-left:10px;}
.t_l_red {font-size:11px; color:#ff0000; text-align:right; line-height:18px; padding-right:10px;}
.ir_c {width:670px; font:10px; color:#666; margin-top:10px; line-height:16px}
.pb_f {font-size:16px; font-weight:bold; line-height:26px}


/* UI Object */
.tab_list03{height:160px}
.tab_list03 ul{position:relative;margin:0;padding:0;border-bottom:1px solid #ccc;font-family:Tahoma, Sans-serif;font-size:12px;list-style:none;*zoom:1}
.tab_list03 ul:after{display:block;clear:both;content:""}
.tab_list03 li{float:left;margin-bottom:-1px}
.tab_list03 li a{float:left;position:relative;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666;text-decoration:none}
.tab_list03 li a span{display:inline-block;padding:6px 25px 6px 25px;letter-spacing:-1px;cursor:pointer}
.tab_list03 li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list03 li ul:after{display:block;clear:both;content:""}
.tab_list03 li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab_list03 li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list03 li li a:hover,
.tab_list03 li li a:active,
.tab_list03 li li a:focus{color:#000 !important;text-decoration:underline}
.tab_list03 li li.more{position:absolute;top:-30px;right:0;border:0 !important;background:transparent}
.tab_list03.l1 .l1 a,
.tab_list03.l2 .l2 a{margin-top:-1px;border:1px solid #ccc;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab_list03.l1 .l1 a span,
.tab_list03.l2 .l2 a span{padding-top:7px;font-weight:bold}
.tab_list03.l1 .l1 ul,
.tab_list03.l2 .l2 ul{display:block}
.tab_list03.js_off{height:auto}
.tab_list03.js_off ul{border:0}
.tab_list03.js_off li{float:none;position:relative}
.tab_list03.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list03.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list03.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list03.js_off li li.more{top:7px;right:15px}

/* 占싯억옙 */
#divpop {position: absolute; width:450px; height:438px; left: 100px; top: 120px; z-index: 2000; visibility: hidden; border: 1px solid black;background-color: white;}
#divpop td {font-family: Tahama, 맑은고딕, Dotum, Arial
; font-size: 11px; line-height: 150%; text-decoration: none;}

/* 맑은고딕맑은고딕맑은고딕 */
#admin_login {width:650px; margin:0 auto; padding-top:250px; position:relative;}
.login_img {float:left; width:332px; height:150px;}
#admin_login .tbl_login {float:right; width:240px; height:50px; margin-top:100px;}
#admin_login .tbl_login td {font-weight:bold; font-size:14px;}
#admin_login .tbl_login td input {width:110px}


#admin {width:100%;}
#admin h1 {height:64px; border-bottom:1px solid #e0e0e0; margin-bottom:20px}
#admin .ad_title_01 {float:left; margin-top:15px; margin-left:25px}
#admin .go_home {float:right; margin-top:24px; margin-right:10px}
#admin .ad_title_02 {float:right; margin-right:5px}
#admin .menu {padding-left:25px}
#admin .menu li {width:160px; height:20px; margin-bottom:5px; font-size:15px; font-weight:bold; background:#eb5c28; padding:10px;}
#admin .menu li a {display:block; color:#fff;}


#admin table {clear:both;}
.admin_news_list_btn {margin:15px 0}
.admin_news_list {width:900px; border-top:2px solid #b90409; border-bottom:2px solid #b90409; line-height:130%}
.admin_news_list td {padding:7px 10px; border-bottom:1px solid #e0e0e0;}
.admin_btn {margin:20px 0 0 40px; text-align:right;}
.admin_btn02 {margin-top:20px; float:left; margin-left:585px;}
.admin_news_list_02 {font-size:12px; width:900px; border-top:2px solid #345391; border-bottom:2px solid #345391; margin-left:40px; margin-top:14px;line-height:130%; margin-bottom:10px;}
.admin_news_list_02 td {padding:7px 10px; border-bottom:1px solid #e0e0e0;}


.bu1 {width:350px; background: url('../img/b_01.gif') no-repeat left 6px; padding-left:15px;} 


.qna_tab_list {position:relative; width:960px; height:76px; margin:0 0 30px 0; padding:0; list-style:none;}
.qna_tab_list li {float:left;}
.qna_tab_list li.qna1{float:left; position:relative; display:block; width:310px; height:34px; text-indent:-9999px; background:url(../img/tab_1_off.jpg) no-repeat; margin-right:15px;}
.qna_tab_list li.qna2{float:left; position:relative; display:block; width:310px; height:34px; text-indent:-9999px; background:url(../img/tab_2_off.jpg) no-repeat; margin-right:15px;}
.qna_tab_list li.qna3{float:left; position:relative; display:block; width:310px; height:34px; text-indent:-9999px; background:url(../img/tab_3_off.jpg) no-repeat;}
.qna_tab_list li.qna4{float:left; position:relative; display:block; width:310px; height:34px; text-indent:-9999px; background:url(../img/tab_4_off.jpg) no-repeat; margin-right:15px; margin-top:8px}
.qna_tab_list li.qna5{float:left; position:relative; display:block; width:310px; height:34px; text-indent:-9999px; background:url(../img/tab_5_off.jpg) no-repeat; margin-right:15px; margin-top:8px}
.qna_tab_list li.qna6{float:left; position:relative; display:block; width:310px; height:34px; text-indent:-9999px; background:url(../img/tab_6_off.jpg) no-repeat; margin-top:8px}
.qna_tab_list a {display:block; width:310px; height:34px;}
.qna_tab_list a.qna1_on{background:url(../img/tab_1_on.jpg) no-repeat}
.qna_tab_list a.qna2_on{background:url(../img/tab_2_on.jpg) no-repeat}
.qna_tab_list a.qna3_on{background:url(../img/tab_3_on.jpg) no-repeat}
.qna_tab_list a.qna4_on{background:url(../img/tab_4_on.jpg) no-repeat}
.qna_tab_list a.qna5_on{background:url(../img/tab_5_on.jpg) no-repeat}
.qna_tab_list a.qna6_on{background:url(../img/tab_6_on.jpg) no-repeat}

.qna .tab_list>ul>li>ul {padding-top:80px}
.tab_list>ul>li>ul>li {float:left;}
.qna_left{float:left; width:290px; margin-right:25px}
.qna_left ol {padding-top:26px; color:#575757; font-size:13px; letter-spacing:-1px;line-height:20px;}
.qna_right{float:left; width:645px}

.qna_right .think {width:615px; padding:20px 15px 15px 15px; border-top:1px solid #cccbc9; border-bottom:1px solid #cccbc9; background:#f6f5f6; margin-bottom:30px;}
.qna_right .think h4 {padding:0 0 10px 0; margin-bottom:4px;}
.qna_right .think p {font-size:13px; line-height:26px; color:#575757; letter-spacing:-1px}
.qna_right .think p.think_a {color:#ec6941;}

.qna_right .tip {width:615px; padding:20px 15px 15px 15px; background:#fdf7e2; margin-bottom:20px;}
.qna_right .tip h4 {margin-bottom:4px; color:#6c009e;}
.qna_right .tip p {color:#666; line-height:26px; letter-spacing:-1px; padding-left:10px;}

.qna_right h3 {font-size:18px; font-weight:bold; padding:0 0 30px 0; color:#575757;}
.qna_right h4 {font-size:16px; font-weight:bold; padding-left:10px; padding-bottom:10px; color:#575757}
.qna_right .q, .qna_right .q_00, .qna_right .a {font-size:12px; line-height:26px; color:#575757;}
.qna_right .q {padding:0 0 10px 40px; text-indent:-23px;}
.qna_right .q_00 {padding:0 0 10px 40px; text-indent:-30px;}
.qna_right .a {padding:0 0 20px 40px; text-indent:-18px;}

.qna_right dl.ref {margin:0 0 50px 40px; padding:0 0 0 10px; font-size:12px; border-left:2px solid #eb5c28; line-height:24px; }
.qna_right dl.ref dt {padding-bottom:10px; color:#eb5c28; font-weight:bold;}
.qna_right dl.ref dd {color:#000;}

/* 팝업 CSS 추가 */
.layerPopup img{margin-bottom :0px;}
.layerPopup .layerBox {z-index:10000;position:fixed;left: 70px;top: 110px;padding: 15px;background:#fff;border-radius:6px;border:1px solid #ddd;box-shadow: 5px 3px 5px rgba(0,0,0,0.1);}
.layerPopup .layerBox .btnTodayHide {font-size:14px;font-weight:600;color:black;float:left;text-decoration:none;width:150px;height:30px;line-height:30px;border:black solid 1px;text-align:center;}
.layerPopup div{display:inline;}
.layerPopup form{margin-top:5px;font-size:16px;font-weight:600;weight:100%;height:30px;line-height:30px;}
.layerPopup #close {font-size:16px;font-weight:600;width:40px;height:30px;color:black;float:right;line-height:30px;text-align:center;text-decoration:underline;}
.layerPopup a{text-decoration:none;color:black;width:50px;height:40px;}