@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
*{font-family:'NanumGothic','Malgun Gothic','돋음',Dotum,AppleGothic,Arial,Helvetica,sans-serif;}


/*******************************************************************************
  레이아웃
*******************************************************************************/

	#wrap {width:100%; margin:auto; background:url(/images/global/top_bg.gif) top center repeat-x;}
	#header { width:100%; padding: 15px 0; overflow:hidden;}
	#header > #header_top { width:1000px; margin:auto; position:relative;}
	#header > #header_top .btn_login{ position:absolute; right:0; top:44px;}
	#header > #header_top > ul.global_menu { width:195px; position:absolute; right:5px; top:10px; }
	#header > #header_top > ul.global_menu > li { height:9px; float:left; padding:0 6px; border-right:1px solid #bfbfbf; }

	#header > #header_top > h1.logo_ci { float:left; margin-left:10px;padding-top:25px; }

	#header > #header_top > ul#gnbmenu { float:left; margin-left:20px; margin-top:44px; }
	#header > #header_top > ul#gnbmenu > li { float:left; position:relative; width:125px; height:25px; text-align:center; }
	#header > #header_top > ul#gnbmenu > li > a { width:125px; height:25px; display:block; text-decoration:none; font-size: 17px; letter-spacing:-1px; font-weight: bold; color:#474747; }
	#header > #header_top > ul#gnbmenu > li > a:hover,
	#header > #header_top > ul#gnbmenu > li.on > a { color:#0f83e5; }

	.main_visual { height: 360px; text-indent:0; text-align:center;background:url(/images/main/mv_bg2_20220118.jpg?4) top center no-repeat; }
	.main_visual p{ height: 360px; text-indent:-9999px; text-align:center;background:url(/images/main/mv_img2_20220119.jpg?4) top center no-repeat; }
	.main_board { overflow:hidden; padding:40px 0 37px; background:url(/images/main/new00/m_con_bg.gif) top left repeat; }

	.board_layout {width:1024px; margin:auto;}
	.board_layout ul {width:100%;float:none;text-align:center;}
	.board_layout li{width:184px;margin-left:20px;display:inline-block;/*float:left;*/}
	.board_layout li:first-child{margin-left:0;}
	.board_layout li img {width:100%;}
	.board_layout .board_notice { width:272px; height:102px; margin:20px 0 10px; float:left; padding:10px 20px; font-size:11px;  background:url(/images/main/borad_bg.png) no-repeat;}
	.board_layout .board_notice dt { font-weight: bold; height:15px; margin-bottom:20px; font-size: 16px; color: #222222; letter-spacing:-1px;}
	.board_layout .board_notice dd { position: relative; width:96%; float:left; margin-bottom:5px;border-bottom: 1px solid #d5d5d5; padding-bottom:5px; letter-spacing: -1px; padding-left:10px; background:url(/images/main/board_dot.gif) left 3px no-repeat;}
	.board_layout .board_notice dd:last-child { border-bottom: 0; }
	.board_layout .board_notice dd.new a{ background:url(/images/main/logo_new.gif) right no-repeat;}
	.board_layout .board_notice dd a { float:left; padding-right: 35px;}
	.board_layout .board_notice dd span {position:absolute;right:0;padding-left:5px;border-left:1px solid #106300;font-size:10px; color: #106300; font-family: Tahoma;}

	.board_layout .board_bodo { width:272px; height:102px; float:left; margin:20px 0 10px;margin-left:13px; padding:10px 20px; font-size:11px;  background:url(/images/main/borad_bg.png) no-repeat;}
	.board_layout .board_bodo dt { font-weight: bold; height:15px; margin-bottom:20px; font-size: 16px; color: #222222; letter-spacing:-1px;}
	.board_layout .board_bodo dd {  position: relative;width:96%; float:left; margin-bottom:5px; border-bottom: 1px solid #d5d5d5; padding-bottom:5px; letter-spacing: -1px;padding-left:10px; background:url(/images/main/board_dot.gif) left 3px no-repeat;}
	.board_layout .board_bodo dd:last-child { border-bottom: 0; }
	.board_layout .board_bodo dd.new a{ background:url(/images/main/logo_new.gif) right no-repeat;}
	.board_layout .board_bodo dd a { float:left; padding-right: 35px;}
	.board_layout .board_bodo dd span {position:absolute;right:0;padding-left:5px;border-left:1px solid #106300;font-size:10px; color: #106300;  font-family: Tahoma;}

	.board_layout .customer_banner{width:348px; height:118px; margin-top:20px;margin-left:13px; float:left;background:url(/images/main/main_customer_20231018.png) -6px center no-repeat;border:1px solid #e0e0e0;border-radius:10px;}

	/*  sub layout */
	.sub_visual { }
	.sv1{background:#ffd900;}
	.sv2{background:#f3a9ca;}
	.sv3{background:#9dc816;}
	.sv4{background:#7ecdf4;}
	.sv5{background:#f5bba7;}
	.visual_box { width:1000px;height:142px; margin:auto; position: relative; }
	.s_visual1{background:url(/images/sub/s_visual01.png) 630px no-repeat;}
	.s_visual2{background:url(/images/sub/s_visual02.png) 630px no-repeat;}
	.s_visual3{background:url(/images/sub/s_visual03.png) 630px no-repeat;}
	.s_visual4{background:url(/images/sub/s_visual04.png) 630px no-repeat;}
	.s_visual5{background:url(/images/sub/s_visual05.png) 630px no-repeat;}
	.s_visual6{background:url(/images/sub/s_visual06.png) 630px no-repeat;}

	.visual_box .navigation { position: absolute; left:235px;top:30px; font-size:11px; color: #757575; letter-spacing: -1px;}
	.visual_box .con_title {position: absolute; left:235px;top:50px; font-size: 28px; color: #447ed0; letter-spacing:-2px; font-weight:bold;}

	div#container { width:1100px; margin:auto; }

	/* lnb */

	.lnb { float:left; padding:40px 0 0 13px; }
	.lnb > h2 { width:220px; margin-bottom:25px; padding-top: 15px; font-size: 27px; color: #333333; font-weight: bold; letter-spacing:-2px; background:url(/images/lnb/title_bg.gif) top left no-repeat;}
	.lnb > ul { width:150px; border-bottom:2px solid #868686;}
	.lnb > ul > li { width:150px; min-height:37px;float:left;}
	.lnb > ul > li.on + li:last-child{ border-top:1px solid #c4c4c4;}
	.lnb > ul > li > a { font-weight: bold; line-height: 35px; padding-left: 15px; border-bottom:1px solid #c4c4c4; height:37px; display:block; text-decoration:none;font-size: 13px; color: #3f4a5b;}
	.lnb > ul > li > a:hover ,
	.lnb > ul > li.on > a { color: #fff;background:url(/images/lnb/over.gif) no-repeat; border-bottom:0;padding-bottom: 1px; }

	.lnb > ul > li > ul {width:134px; margin:0;padding:5px 0 10px; }
	.lnb > ul > li > ul > li {width:134px; min-height:20px; font-weight: bold; background:none;  }
	.lnb > ul > li > ul > li a { width:134px; height:20px;font-size:12px;display:block; padding:8px 0 0 28px;}
	.lnb > ul > li > ul > li a:hover { background:none;color:#0f83e5; }
	.lnb > ul > li > ul > li.on a { background:none;color:#0f83e5; }


#mapArea1 {border:1px solid #ddd;display:block;width:800px;height:500px;clear:both;}
#mapArea2 {border:1px solid #ddd;display:block;width:800px;height:500px;clear:both;}

.companyInfo {
	margin-bottom: 4em;
}

.companyInfo li:first-child {
	float: left;
	width: 8em;
}

.companyInfo ul {
	clear: both;
}

.companyInfo li {
	padding: 0.5em;
}

.companyInfo li i {
	margin-right: 0.3em;
    color: #447ed0;
    font-size: 1.4em;
    vertical-align: middle;
}

/*******************************************************************************
	서브 레이아웃
*******************************************************************************/

div#container > div#contents { float:left; }
div#container > div#contents > div#conBox { width:800px; min-height:500px; padding-top:40px; font-family:'Dotum'; }


/*******************************************************************************
  푸터
*******************************************************************************/

#bottom { width:100%; padding-top:15px; padding-bottom:30px; overflow:hidden; background-color:#eeeeee;}
#bottom > #footer { width:1000px; margin:auto; padding:20px 0;border-top: 0px solid #e3e7ea;}
#bottom > #footer > p { float:left; }
#bottom > #footer > ul.foot_menu { width:1000px; display:inline-block; margin-top:16px; margin-bottom:10px; }
#bottom > #footer > ul.foot_menu > li { float:left; margin-right:15px; }
#bottom > #footer > span.copyright { width:800px; margin-left:18px; display:inline-block; float:left; }

#bottom > #footer .footLogo {
	float: left;
		height: 5em;
	margin-right: 4em;
	padding: 1em;
}

#bottom > #footer .footCont {
}

#bottom > #footer .footCont li {
	font-size: 1em;
	line-height: 150%;
	color: #555;
}

.mar1 {
	margin-top: 1em;
}


/*******************************************************************************
  점프메뉴 스타일
*******************************************************************************/

div.sub_menu { width:410px; float:left; margin-bottom:10px; }
div.sub_menu > ul.menu_jump { background:#19375f; float:left; padding:10px; border-radius:5px; }
div.sub_menu > ul.menu_jump > li { float:left; width:190px; text-align:center; }
div.sub_menu > ul.menu_jump > li > select { width:180px; }

div.proj_menu { width:410px; float:left; margin-bottom:3px; }
div.proj_menu > ul.menu_jump { background:#19375f; float:left; padding:10px; border-radius:5px; }
div.proj_menu > ul.menu_jump > li { float:left; width:190px; text-align:center; }
div.proj_menu > ul.menu_jump > li > select { width:180px; }


.tab_type1{margin:0 ;overflow: hidden;border-bottom:2px solid #7b8595;}
.tab_type1 li{float: left;width:140px;text-align: center;background: #ececec;}
.tab_type1 li a{display:block;height:35px;line-height:35px;font-size:15px;font-weight:bold;text-align:center;background:#fff;text-decoration:none;border:1px solid #ccc;border-left:0;border-bottom:0;}
.tab_type1 li:first-child a {border-left:1px solid #ccc;border-radius:7px 0 0 0;}
.tab_type1 li:last-child a {border-right:1px solid #ccc;border-radius:0 7px 0 0;}
.tab_type1 em{color:#215bb7;}
.tab_type1 .on{color:#fff;background-color:#447ed0;font-weight:bold;}
.tab_type1 .on em{color:#eb2a2e;}

.tab_view dl{margin-bottom:50px;}
.tab_view dt{font-size:22px;font-weight:bold;margin-bottom:20px;}
.tab_view dt span{font-size:13px;color:#828282;}
.tab_view dd{display:inline-block;}
.tab_view dd a{text-decoration:none;font-weight:bold;width:55px;height:25px;line-height:25px;text-align:center;display:block;background-color:#f7f7f7;border:1px solid #dedede;border-radius:50px;}
.tab_view .sch_year dd a.on{background-color:#3dcaaf;border-color:#29b79c;color:#fff;}
.tab_view .sch_month dd a.on{background-color:#f176a6;border-color:#e66999;color:#fff;}
.tab_view .sch_week dd a.on{background-color:#9c76f1;border-color:#9169e6;color:#fff;}
.tab_view .sch_daily dd a.on{background-color:#99cc00;border-color:#99cc00;color:#fff;}
.tab_view .sch_safe dd a.on{background-color:#ffb366;border-color:#ffc58a;color:#fff;}
.tab_view .sch_prof dd a.on{background-color:#ff4d4d;border-color:#ff6f6f;color:#fff;}

.tab_view{display:none;padding-top:30px;}

.board_list{clear:both; padding-bottom:20px;}
.board_list table{width:100%;border-top:2px solid #767676;}
.board_list table th{padding:0px 0px; height:34px; border-bottom:1px solid #e9e9e9;padding-bottom:1px; background-color:#f9f9f9;}
.board_list table td{height:32px; border-bottom:1px solid #e9e9e9; text-align:center; color:#3c3b3b; }
.board_list table td.left{text-align:left;}
.board_list table td:nth-child(1),
.board_list table td:nth-child(3),
.board_list table td:nth-child(4){font-size:11px;}


/* view */
.board_read {clear:both; width:100%; border-top:2px solid #ee933a; padding-bottom:20px; }
.board_read h5{font-size:14px; color:#fd6c1e; padding:10px 15px; background:url('/images/board/board_top.gif') repeat-x left top;}
.board_read table{width:100%; }
.board_read table th{padding:4px; font-weight:normal; border-bottom:1px solid #e9e9e9;}
.board_read table td{padding:4px 0px 4px 10px; color: #3c3b3b; background:#ffffff; border-bottom:1px solid #e9e9e9;}
.board_read table tbody th{text-align:center; line-height:20px; background:#f9f9f9; color:#545454; font-weight:bold; }
.board_read table tbody td{text-align:justify; line-height:20px; color:#545454; }
.board_read table tbody td p{text-align:justify; line-height:20px; }
.board_read table tbody td div{line-height:18px; margin:5px; }
.board_read table tbody td img{max-width:710px; margin:10px 0px; }
.board_read table tbody td img.nomg{margin:0px 0px; }

.board_read table tbody td .bbsinfo {padding-bottom:20px; }
.board_read table tbody td .bbsinfo ul {float:right; background:#ffe8d1 }
.board_read table tbody td .bbsinfo ul li{float:left;  font-size:0.95em; padding:3px 10px 3px 10px; }

.reply_copy{padding:10px; margin-top:20px; border-top:dashed 1px #ccc;}

/* write */

.board_write {clear:both; width:100%; border-top:2px solid #767676; padding-bottom:10px; }
.board_write table{width:100%;}
.board_write table th{padding:5px;height:30px;line-height:28px;padding-left:25px;vertical-align:top; background:#f9f9f9;text-align:left;border-bottom:1px solid #d2d2d2; font-weight:bold;}
.board_write table td{padding:5px; border-bottom:1px solid #d2d2d2;vertical-align:top; line-height:28px;}
.board_write table td textarea{padding:5px; width:98.5%;min-height:200px;resize:none;}
.board_write table td input{height:18px;}
.board_write table td input.chb{height:14px;}
.board_write table td.chlist label{float:left; line-height:18px; vertical-align:middle; padding-right:10px;}
.board_write table td.chlist input{margin-right:4px;vertical-align:top;}
.board_write table td select.dsel {display:inline;}

.paging{clear:both; text-align:center; margin-bottom:30px; }
.paging a{display:inline; font-size:12px;font-weight:bold; padding:0 5px;text-decoration:none;}
.paging a.on{color:#519cba;}
.paging a img{display:inline; vertical-align:middle;}

.btnbox{width:100%; margin-top:25px;}
.btnbox ul {float:right;}
.btnbox ul li{float:left;}
.btnbox ul li a{width:80px;display:block;text-align:center;padding:8px 0;text-decoration:none;color:#fff;margin-left:5px;}
.btnbox ul li a.blue{background-color:#447ed0;border:1px solid #0e65bb;}
.btnbox ul li a.gray{background-color:#8f8f8f;border:1px solid #6f757a;}

.btnbox-1 {

	display: inline-block;
	outline: none;
	border-width: 0px;
	border-radius: 3px;
	box-sizing: border-box;
	max-width: 100%;
	text-align: center;
	text-decoration: none;
	transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
	background: rgb(255, 153, 000);
	cursor: pointer;
	height: 25px;
	line-height: 25px;
	padding: 0px 12px;
	vertical-align: middle;
	width: auto;
	font-size: 11px;
	color: rgb(255, 255, 255);
}

.btnjoin-1 {

	display: block;
	outline: none;
	border-width: 0px;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
	background: rgb(3, 92, 114);
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	padding: 0px 12px;
	margin-left: 100px;
	width: 200px;
	font-size: 15px;
	color: rgb(255, 255, 255);
}

/* 로그인 폼 */
.login_form { width:747px; height:380px;float:left; position: relative; background:url("/images/sub/login_bg_20220118.jpg") no-repeat; }
.login_form ul { width:400px; float:left; position: absolute;left: 40px; top:166px; }
.login_form li { float:left; padding:4px 0; }
.login_form li label { float:left; padding-left: 10px;font-weight: bold; width:55px;font-size:13px;color:#363636;line-height:30px; background:url("/images/sub/login_dot.gif") left 13px no-repeat; }
.login_form li input { width:250px; height:21px; padding:3px 10px;}
.login_form > a{ position:absolute;left:390px;top:170px;}
.login_form .find-idpw{ position: absolute;left: 155px;top: 315px;width: 190px;height: 40px;}
.login_form .find-idpw > a{position: relative; font-size: 13px; color: #444; text-decoration: none; font-weight: 600;}
.login_form .find-idpw > a + a{margin-left:6px;padding-left: 10px;}
.login_form .find-idpw > a + a:before{content: ''; display: block; width: 1px; height: 10px; background: #444; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

/* 아이디/비번찾기 폼 */
.find_form { width:747px; height:380px;float:left; position: relative; background:url("/images/sub/find_bg.jpg") no-repeat; }
.find_form ul { width:400px; float:left; position: absolute;left: 40px; top:166px; }
.find_form li { float:left; padding:4px 0; }
.find_form li label { float:left; padding-left: 10px;font-weight: bold; width:115px;font-size:13px;color:#363636;line-height:30px; background:url("/images/sub/login_dot.gif") left 13px no-repeat; }
.find_form li input { width:220px; height:21px; padding:3px 10px;}
.find_form > a{ position:absolute;left:390px;top:170px;}
.find_form .btnjoin-1{ margin-left: 148px; }
.find_result_box{ width: 370px;min-height: 80px;text-align: center;margin-top: 160px;margin-left: 27px;background: #fff;padding: 24px 0;border-radius: 16px;}
.find_result_box h3{ font-size: 20px; color: #333; font-weight: bold; }
.find_result_box p{margin-top: 5px;font-size: 35px; color: #447ed0; font-weight: bold; }

/* 섬네일 게시판 */
.thum_board{margin-bottom: 60px;}
.thum_board .tab_type1 li:only-child a{border-radius:7px 7px 0 0 ;}
.thum_board .tab_type1 li a{background-color: #7ecdf4;border:1px solid #7ecdf4;}
.thum_board .sch_math {padding:15px 0;border-bottom: 1px solid #dedede;}
.thum_board .sch_math dd{display: inline-block;}
.thum_board .sch_math dd a{text-decoration:none;font-weight:bold;width:55px;height:25px;line-height:25px;text-align:center;display:block;background-color:#f7f7f7;border:1px solid #dedede;border-radius:50px;}
.thum_board .sch_math dd a.on{background-color:#7ecdf4;border-color:#389ed1;color:#fff;}

.thum_board .thum_board_search{padding:15px 0 15px;text-align: right;}
.thum_board .thum_board_search input[type="text"]{min-width: 228px;}
.thum_board .thum_board_body ul:after{content:'';display:block;clear:both;}
/*.thum_board .thum_board_body ul li{margin:0 0 30px 21px;float: left;width:184px;position: relative;} */
.thum_board .thum_board_body ul li{margin: 0 0 30px 17px;/* float: left; */width:184px;display: inline-block;position: relative;vertical-align: top;}
.thum_board .thum_board_body ul li:nth-child(4n+1){margin-left:0;}
.thum_board .thum_board_body ul li .thum_img{display:block;border:1px solid #ebebeb;overflow: hidden;min-width:180px;max-height:255px;overflow: hidden;}
.thum_board .thum_board_body ul li .thum_img img{width:100%;}
.thum_board .thum_board_body ul li .thum_tit{display:block;margin-top:10px;font-size:12px;color:#3c3b3b;text-align: center;}
.thum_board .thum_board_body ul li:hover .thum_tit{color:#447ed0;font-weight: bold;}
.thum_board .thum_board_body ul li a.list_print{position: absolute;right:5px;bottom:30px;z-index: 2;width: 30px;height:30px;background: url('../images/global/ico_print.jpg') no-repeat center;border: none;text-indent: -9999px;cursor: pointer;border: 1px solid #8b8b8b;border-radius: 50%;}
.thum_board .thum_board_body ul li a.list_video_view{position: absolute;right:5px;bottom:30px;z-index: 2;width: 30px;height:30px;background: url('../images/global/ico_video_view.png') no-repeat center;border: none;text-indent: -9999px;cursor: pointer;border: 1px solid #8b8b8b;border-radius: 50%;}
.thum_board .thum_board_body ul li a.list_link{position: relative;z-index: 1;}
.thum_board .thum_board_body ul li a:hover{text-decoration: none;}
.mt45{margin-top: 45px !important;}
.btn_print{width: 30px;height:30px;background:url('../images/global/ico_print.jpg') no-repeat center;border: none;text-indent: -9999px;cursor: pointer;}
.align_right{text-align: right;padding-right:15px;}
.join_form table tr td{vertical-align: middle;}