/* CSS Document */

/*Common*/ 
body{background:#FFFFFF;font-family:'돋움',dotum, Verdana, Helvetica,sans-serif;font-size:12px;color:#454545;line-height:18px;margin:0 auto;padding:0;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
img,fieldset,iframe{border:none}
li{list-style:none} 
em,address{font-style:normal} 
label,button{cursor:pointer}
nav ul{list-style:none}
input, select{vertical-align:middle}
option{padding-right:6px}
hr{display:none}
a{text-decoration:none;color:#616161} 
a:hover{text-decoration:none;}
a:active, a:focus{text-decoration:none}

/*Layout*/
#wrap{margin:0 auto; width:100%; overflow:hidden;}
#header{height:89px; width:1004px; position:relative; margin:0 auto; background-image:url(../images/main/top_bg.png); background-repeat:no-repeat; border-top:solid 4px #0064b5;}
#main_container {width:1004px; height:674px; margin:0 auto; background:#f4f4f4; z-index:-99;}
#regi_container{width:1004px;height:100%;border-top:solid 1px #dfdfde;margin:0 auto;background:#ffffff;}
#sub_container {width:1004px; height:100%; padding:0; overflow:hidden;margin:0 auto;background:#FFFFFF;}
#footer{clear:both; background:#dadada; height:100%;width:1004px;margin:0 auto;padding:0}

/*main*/
.gnb{width:1004px; margin:0 auto; height:89px; display:inline-block !important; padding:0;}
.gnb h1{position:relative;margin:9px 0 15px 24px; float:left; overflow:hidden;}
.menu_right{float:right;}
.menu01{float:right ;margin:0;  text-align:right; width:177px; background-image:url(../images/main/s_bg.png); background-repeat:no-repeat;} 
.menu01 ul{margin:0;padding:0;list-style:none;font-size:11px;color:#999;}
.menu01 a{color:#FFF;}
.menu01 a:hover{color:#999;}
.menu01 ul .m_right{float:left;}
.m_right02{padding-left:20px; float:left;}
.menu{clear:both;position:relative;float:right;margin:20px 0 0 0; width:817px; padding:0;} 
.menu li{float:left;}
.menu_right_li{margin:8px 0 0 8px;}

.m1{margin:0; width:151px; height:165px; border-right:solid 1px #b1b1b1; border-left:solid 1px #b1b1b1; border-bottom:solid 1px #b1b1b1;position:absolute;background:#f4f4f4;text-align:center;left:0px; top:35px; z-index:999;}
.m1 li, .m2 li, .m3 li, .m4 li, .m5 li, .m6 li{float:none; padding:8px 0 0 0; display:block;}
.m1 a, .m2 a, .m3 a, .m4 a, .m5 a, .m6 a {color:#494e61;  text-decoration:none; font-size:13px;}
.m1 a:hover, .m2 a:hover, .m3 a:hover, .m4 a:hover, .m5 a:hover, .m6 a:hover {color:#494e61;  text-decoration:underline; font-size:13px;}
.m2{margin:0; width:122px; height:60px; border-right:solid 1px #b1b1b1; border-left:solid 1px #b1b1b1; border-bottom:solid 1px #b1b1b1;position:absolute;background:#f4f4f4;text-align:center;left:152px; top:35px; z-index:999;}
.m3{margin:0; width:125px; height:60px; border-right:solid 1px #b1b1b1; border-left:solid 1px #b1b1b1; border-bottom:solid 1px #b1b1b1;position:absolute;background:#f4f4f4;text-align:center;left:276px; top:35px; z-index:999;}
.m4{margin:0; width:135px; height:60px; border-right:solid 1px #b1b1b1; border-left:solid 1px #b1b1b1; border-bottom:solid 1px #b1b1b1;position:absolute;background:#f4f4f4;text-align:center;left:403px; top:35px; z-index:999;}
.m5{margin:0; width:132px; height:90px; border-right:solid 1px #b1b1b1; border-left:solid 1px #b1b1b1; border-bottom:solid 1px #b1b1b1;position:absolute;background:#f4f4f4;text-align:center;left:540px; top:35px; z-index:999;}
.m6{margin:0; width:141px; height:160px; border-right:solid 1px #b1b1b1; border-left:solid 1px #b1b1b1; border-bottom:solid 1px #b1b1b1;position:absolute;background:#f4f4f4;text-align:center;left:674px; top:35px; z-index:999;}

.sm{position:absolute;text-align:center;top:82px;margin-right:0; width:153px;background-color:#fff; border-bottom:solid 1px #ececec; border-right:solid 1px #ececec;}
.smenu{float:left; padding:3px 0 0 0; border-right:solid 1px #d8d8d8; height:108px;}
.first{ padding:0 26px 0 3px; width:97px;}
.first01{ padding:0 15px 0 15px; width:93px;}
.first01_r{ padding:0 15px 0 15px; width:96px;}
.first02{ padding:0 17px 0 13px; width:105px;}
.first03{ padding:0 12px 0 17px; width:104px;}
.first04{ padding:0 0 0 15px; width:108px;}
.smenu a{font-family:'돋움';font-size:12px;color:#999999; line-height:1.5em;}
.smenu a:hover{font-family:'돋움';font-size:12px;color:#1f1f1f;; line-height:1.5em;}

.main_bn{height:339px; width:100%; border-top:solid 1px #dfdfde; border-bottom:solid 1px #dfdfde;padding:0;margin:0;}
.main_bn_roolling{height:339px;width:1004px; margin:0 auto;}
.panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 1004px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.main_contents{ width:1004px; margin:0 auto; height:332px;}
.main_contents li{float:left;height:154px}
.main_contents p{ width:242px; height:91px; margin:24px 0 0 15px;}
.con_first{ border-right:solid 1px #e7e7e7; float:left;}
.noticebg{background:url(../images/main/con_05bg.gif) no-repeat 0 0;height:154px; margin:8px 0 0 8px;}

.footer_top{clear:both;height:41px; border-top:solid 3px #dcdcdc; border-bottom:solid 1px #dcdcdc; background-color:#f5f5f5; width:100%;}
.top_con{width:1004px; margin:0 auto; overflow:hidden;}
.foot_first{float:left;}
.foot_first02{float:left; _padding-left:482px;}
.foot_txt{clear:both;width:1004px; margin:0 auto;height:80px}
.foot_txt h2{float:left;margin:16px 0 0 24px;}
.foot_txt .txt{float:left;margin:10px 0 0 20px}
.foot_txt .hp{float:right;margin:21px 12px 0 0;}


/*company*/
.sub_top{ background-color:#f5f5f5; border-top:solid 1px #dfdfde; border-bottom:solid 1px #dfdfde; height:84px; background-image:url(../images/community/notice_bg.png); background-repeat:repeat-x;}
.sub_top_company{ width:1021px; height:84px; background-image:url(../images/company/company_bg.gif); background-repeat:no-repeat; margin:0 auto;}
.sub_top_company h2{ padding:0 0 0 19px;}
.contents{width:1004px; height:100%; padding:57px 0 0 0; margin:0 auto; overflow:hidden;}
.left_gnb{float:left; width:200px; margin: 0 20px 0 19px;}
.left_txt{padding:0 0 0 15px; margin:8px 0 0 0; height:15px;}
.left_txt a{text-align:left;color:#8f8f8f; font-size:11px;}
.left_txt a:hover{text-align:left;color:#01b0f1; font-size:11px;}
.left_txt a:link{text-align:left;color:#01b0f1; font-size:11px;}
.left_txt a:active{text-align:left;color:#01b0f1; font-size:11px;}
.left_gnb h2{margin:0 0 16px 0;}
.right_con{height:100%; float:left; width:733px;}
.stitle{ margin:0; padding:0;}
.stitle h2{ height:26px;}
.nav{ height:11px; padding:10px 0 5px 0;}
.scontents{ height:100%; float:left; width:733px;}
.scontents h2{ height:74px; padding-top:26px;}
.scontents h3{ height:51px; padding-top:26px;}
.scontents p{ height:23px;font-family:'돋움',dotum, Verdana, Helvetica,sans-serif;font-size:17px;color:#0177b8; font-weight:bold;}
.left_sp{ float:left; width:284px;}
.right_sp{float:left; width:449px;}
.partner_box{ width:100%; margin:29px 0 60px 0; overflow:hidden;}
.partner_box li{float:left; width:126px; height:43px; margin:8.5px;}
.map_box{width:100%; overflow:hidden; margin:26px 0 60px 0;}
.map01{ height:373px;}
.map02{ height:375px; margin:15px 0 15px 0;}
.map_box p{height:79px; margin:15px 0 0 0;}
.map_box02{width:100%; overflow:hidden; margin:26px 0 60px 0;}
.map_box02 p{height:51px; margin:15px 0 0 0;}

/*imagine*/
.sub_top_virtul{ width:1021px; height:84px; background-image:url(../images/imagine/imagine_bg.png); background-repeat:no-repeat; margin:0 auto;}
.sub_top_virtul h2{ padding:0 0 0 19px;}
.sub_top_solution{ width:1021px; height:84px; background-image:url(../images/imagine/imagine_bg02.png); background-repeat:no-repeat; margin:0 auto;}
.sub_top_solution h2{ padding:0 0 0 19px;}
.sub_top_hard{ width:1021px; height:84px; background-image:url(../images/imagine/imagine_bg03.png); background-repeat:no-repeat; margin:0 auto;}
.sub_top_hard h2{ padding:0 0 0 19px;}
.board_box{margin:29px 0 40px 0; width:100%; text-align:center;}

/*modify*/
.sub_top_modify{ width:1021px; height:84px; background-image:url(../images/modify/modify_bg.png); background-repeat:no-repeat; margin:0 auto;}
.sub_top_modify h2{ padding:0 0 0 19px;}
.logo_box{ width:100%; margin:29px 0 60px 0; overflow:hidden;}
.logo_box li{float:left; width:126px; height:43px; margin:8.5px;}
.logo_box p{font-family:'돋움';font-size:12px;color:#282828; font-weight:bold; margin:0 0 8px 0;}
.con_box{ width:100%; margin:29px 0 100px 0; overflow:hidden;}

/*solution*/
.solution_box{width:100%; padding:29px 0 0 0; margin:0 0 100px 0; overflow:hidden; /*background-image:url(../images/sub/sol_bg.gif); background-repeat:no-repeat;*/}
.solution_box li{float:left; width:230px;}
.sol_h{ margin:0 20.5px 20.5px 0;}


/*community*/
.sub_top_notice{ width:1021px; height:84px; background-image:url(../images/community/notice_bg.png); background-repeat:no-repeat; margin:0 auto;}
.sub_top_notice h2{ padding:0 0 0 19px;}
.movie_board{ width:100%; padding:29px 0 0 0; margin:0 0 100px 0; overflow:hidden; text-align:center;}
.movie_box{ width:230px; float:left; margin:5.5px 5.5px 5.5px 5.5px; border:solid 1px #e0e0e0; height:181px;}
.movi_clip_01{ width:230px; height:130px; margin:0; padding:0px;}
.movi_txt{ height:49px; font-family:'돋움';}
.movi_txt .title{font-size:13px;color:#2d3038; font-weight:bold; height:20px; padding:7px 0 0 5px;}
.movi_txt p{font-size:11px;color:#707685; height:20px; padding:2px 0 0 5px;}
.content_box{ width:100%; margin:29px 0 100px 0; overflow:hidden; min-height:326px;}
.history_box{ width:100%; margin:29px 0 100px 0; overflow:hidden; background-image:url(../images/company/h_bg03.gif); background-repeat:no-repeat;}
.history_box02{ width:100%; margin:29px 0 100px 0; overflow:hidden; background-image:url(../images/company/h_bg02.gif); background-repeat:no-repeat;}
.history_box03{ width:100%; margin:29px 0 100px 0; overflow:hidden; background-image:url(../images/company/h_bg.gif); background-repeat:no-repeat;}
.history_box li{ margin:7px 0 5px 99px;}
.history_box02 li{ margin:7px 0 5px 99px;}
.history_box03 li{ margin:7px 0 5px 99px;}
li.liner_h{margin:6px 0 34px 99px;}
li.liner_h02{margin:6px 0 36px 99px;}
li.liner_h03{margin:6px 0 32px 99px;}

/*register*/
.regi_table{ width:800px; padding:31px 0 30px 0; margin:0 auto;}
.regi_table h2{ text-align:center; padding-top:30px;}
.login_box{ width:470px; margin:0 auto; overflow:hidden;}
.login_box_con{ width:464; margin:150px 0 150px 0; height:250px; border:3px solid #e4e4e4;}
.login_box_con h2{ padding:50px 0 16px 65px;}
.login_tb{ width:327px; padding:0 0 0 65px;}
.site_box{width:228px; border-bottom:2px dotted #e4e4e4; margin:5.5px 5.5px 5.5px 5.5px; height:230px; float:left}
.site_box p{font-family:'돋움',Helvetica,sans-serif ; font-size:18px;color:#004a73;font-weight:bold; padding:10px 0 5px 15px; background:#e4e4e4;}
.site_box li{ padding:10px 0 0 15px;}
.site_box a.sitemap_txt{font-family:'돋움'; font-size:13px;color:#282828; line-height:1.6em;}
.site_box a:hover.sitemap_txt{font-family:'돋움'; font-size:13px;color:#0064b5; line-height:1.6em;}

/*tab*/
div.tab {width:100%;height:40px;margin:26px 0 0 0}
div.tab:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
div.tab a {display:block;float:left;width:200px;height:35px;text-align:center;color:#01b0f1;}
div.tab a.on, div.tab a:hover {color:#fff;background:#01b0f1;text-decoration:none;}
div.tab a span {display:block;width:100%;height:33px;line-height:33px;vertical-align:middle;border:1px solid #cdcdcd;cursor:pointer;font-weight:bold}
div.tab a.on span, div.tab a:hover span {border:0;}
div.tab#historyTab a {width:170px}
.history_gap{margin-right:30px;}
.history_left_gap{margin-left:44px;margin-right:30px;}

div.tab02 {width:100%;height:40px;margin:26px 0 0 0}
div.tab02:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
div.tab02 a {display:block;float:left;width:104px;height:35px;text-align:center;color:#01b0f1;}
div.tab02 a.on, div.tab02 a:hover {color:#fff;background:#01b0f1;text-decoration:none;}
div.tab02 a span {display:block;width:100%;height:33px;line-height:33px;vertical-align:middle;border:1px solid #cdcdcd;cursor:pointer;font-weight:bold}
div.tab02 a.on span, div.tab02 a:hover span {border:0;}
div.tab#historyTab02 a {width:116px}


/*글꼴*/
.idfont{font-family:'돋움';font-size:11px;color:#262626; text-align:left;}
.idshape{font-family:'돋움';font-size:12px;color:#0064b5; text-align:left; padding-right:10px;}
.basic_font {font-family:'돋움'; font-size:13px; text-decoration:none; color:#1b1b1b; padding-left:15px;}
.basic_font_tt {font-family:'돋움'; font-size:18px; text-decoration:none; color:#282828; padding-left:3px; font-weight:bold;}
.basic_font_tt_board {font-family:'돋움'; font-size:14px; text-decoration:none; color:#282828; padding-left:15px; font-weight:bold;}
.chart_tt{height:40px; background-color:#daeaf4; font-family:'돋움'; font-size:13px; color:#282828; text-decoration:none; font-weight:bold; text-align:center;}
.notice_ft{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#a5a5a5; text-decoration:none;font-weight:bold; line-height:2em;}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:20px 0}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 th span { color:red; padding-left:5px; }
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_full {width:98%;}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}