@charset "utf-8"; 

/* Nanum Gothic Local */
@font-face { 
 font-family:'Nanum Gothic';
 src: url('../font/NanumGothic.eot'); /* IE 4-8 */
 src: url('../font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
      url('../font/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}

@font-face { 
	font-family:'Nanum Gothic';
	src: url('../font/NanumGothic.eot'); /* IE 4-8 */
	src: url('../font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
	url('../font/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}
@font-face { 
	font-family:'Nanum Gothic';
	src: url('../font/NanumGothicBold.eot'); 
	src: url('../font/NanumGothicBold.woff') format('woff');
	font-weight:bold; 
} 
@font-face { 
	font-family:'Nanum Myeongjo';
	src: url('../font/NanumMyeongjo.eot'); 
	src: url('../font/NanumMyeongjo.eot?') format('eot'), /* IE 9 */ 
	url('../font/NanumMyeongjo.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
} 


body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin: 0; padding: 0;}
input, select,textarea {font-family:Nanum Gothic,"�������", Malgun Gothic, "����", Dotum, AppleGothic, sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 12px;}
em {font-style:normal;}
ul, ol, li{list-style: none}
fieldset, img {border: none; margin: 0; padding: 0;}
body a {color:#444;text-decoration: none;}
/*body a:hover, body a:active,body a:focus {text-decoration:underline !important;}*/
pre {padding-top: 5px;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;border:0;}
td {text-align:left;}
hr {display:none}
caption, legend{position:absolute;width:0;height:0;overflow:hidden;	text-indent:-9999px;font-size:0;}
body,div,input,select,textarea { font-family: Nanum Gothic,"�������", Malgun Gothic, "����", Dotum, AppleGothic, sans-serif !important; font-size:14px; color:#6b6e70;} 
.insert_image { display:block; max-width:100%; height:auto; }

/* floating */
.floatL {float:left !important;}
.floatR {float:right !important;}
.clear  {clear:both !important;}
.clearFix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearFix {zoom:1;}

/* ���� */
.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}
.alignM { vertical-align:middle; }

.dInline {display:inline-block !important;}
.blind {font-size:0; width:0; height:0; text-indent:-9999999;}

#wrap { }
#header {position:relative; width:100%; background:#ffffff; border-top:2px solid #f43836; border-bottom:1px solid #c8caca; height:57px; padding-top:34px;}
#header h1 {width:112px; height:24px; margin:auto; z-index:1;}
#header h1 a {background:url(../images/common/logo.png) 0 0 no-repeat; width:112px; height:0; padding-top:24px; overflow:hidden; display:block;}
#footer {width:100%; height:85px; background:#fff; border-top:1px solid #e0e0e1; text-align:center; padding-top:35px;}
#footer img {width:183px; height: 20px;}

#container {width:100%;}

/* font color */
.f_red {color:#ff3333 !important;}
.f_blue {color:#1491d9 !important;}
.f_white  {color:#fff;}
.f_gray {color:#6b6e70;}
.f_bold {font-weight:bold;}

/* font size */
.f_14 {font-size:14px;}
.f_16 {font-size:16px;}
.f_20 {font-size:20px;}
.f_normal { font-weight:normal !important; }

.footerBottom .fLink {float:right;}

/* ���� */
.mat0 { margin-top:0 !important; }
.mat5 { margin-top:5px !important; }
.mat10 { margin-top:10px !important; }
.mat15 { margin-top:15px !important; }
.mat20 { margin-top:20px !important; }
.mat30 { margin-top:30px !important; }
.mat40 { margin-top:40px !important; }
.mat50 { margin-top:50px !important; }
.mat60 { margin-top:60px !important; }
.mat80 { margin-top:80px !important; }
.mb10 {margin-bottom:10px !important;}
.mb30 {margin-bottom:30px !important;}
.mb60 {margin-bottom:60px !important;}
.ml10 {margin-left:10px !important;}
.ml30 {margin-left:30px !important;}
.mt10 {margin-top:10px !important;}


.pa30 { padding:30px !important; }
.pat40 { padding-top:40px !important; }
.pab60 { padding-bottom:60px !important; }


.bg_wh { background-color:#fff; }

/* ��� */
.con_basis { background-color:#FFF; border:1px solid #c8caca; width:100%; }
.sub_visual { height:200px; width:100%; text-align:center; }
.sub_visual h3 { font-size:45px; color:#FFF; font-weight:bold; background:url(../images/sub/h3_tline.gif) 50% top no-repeat; padding-top:10px; }
.sub_visual p.sub_txt { color:#b6b6b6; font-size:18px; margin-top:10px; }
.back_none { background-image:none !important; }
.border_t_none { border-top:none !important; }
.border_b_nne { border-bottom:none !important; }
.border_r_none { border-right:none !important; }
.tline_red { border-top:2px solid #f43836 !important; }
.cursor_hand { cursor:pointer; }

/* �Է��� */
.input_w20 { width:20%; }
.input_w30 { width:30%; }
.input_w35 { width:35%; }
.input_w40 { width:40%; }
.input_w50 { width:50%; }
.input_w60 { width:60%; }
.input_w65 { width:65%; }
.input_w70 { width:70%; }
.input_w80 { width:80%; }
.input_w85 { width:85%; }
.input_w95 { width:97%; }
.input_w99 { width:99%; }

/* ��ư */
.btn_arrow {display:inline-block; height:40px; line-height:40px; background:#ed4948 url(../images/common/btn_arrow.png) 90% 11px no-repeat; font-size:18px; font-weight:bold; color:#fff; padding:0 78px 0 40px; vertical-align:middle;}
.btn_arrow.gray {display:inline-block; height:31px; line-height:31px; background:#4a4c50 url(../images/common/btn_arrow.png) 100% -47px no-repeat; font-size:14px; font-weight:bold; color:#fff; padding:0 43px 0 20px; vertical-align:middle;}
.btn_arrow.modify {display:inline-block; height:29px; line-height:29px; background:#FFF; font-size:14px; font-weight:bold; border:1px solid #c8caca; color:#28292b; padding:0 10px; vertical-align:middle;}
.btn_arrow.new_register {display:inline-block; height:29px; line-height:29px; background:#FFF; font-size:14px; font-weight:bold; border:1px solid #c8caca; color:#28292b; padding:0 10px; vertical-align:middle;}
.btn_white {display:inline-block; height:38px; line-height:38px; border:1px solid #c8caca; border-radius:5px; font-size:16px; font-weight:bold; color:#333; padding:0 38px;}
.btn_gray {display:inline-block; height:49px; line-height:49px; background:#98999c; font-size:16px; color:#fff; padding:0 40px;}

.btn_group_tline { border-top:1px solid #DDD; max-width:1154px; margin:0 auto; }
.btn_group_center { position:relative; width:100%; text-align:center; }
.btn_right { position:absolute; right:0; top:0; }
.btn_w { display:inline-block; background-color:#FFF; border:1px solid #c8caca; color:#28292b; font-weight:bold; padding:10px 20px; }
.btn_w a { color:#28292b; }
.btn_r { display:inline-block; background-color:#f13230; border:1px solid #f13230; color:#FFF; font-weight:bold; padding:10px 20px; }
.btn_r a { color:#FFF; }
.btn_g { display:inline-block; background-color:#8b8d90; border:1px solid #6c6f72; color:#FFF; font-weight:bold; padding:10px 20px; margin-left:3px; }
.btn_g a { color:#FFF; }
.btn_lg { display:inline-block; background-color:#a2a3a4; border:1px solid #8b8d90; color:#d5d6d7; font-weight:bold; padding:10px 20px; margin-left:3px; }
.btn_dg { display:inline-block; background-color:#545353; border:1px solid #6c6f72; color:#FFF; font-weight:bold; padding:10px 20px; }
.btn_dg a { color:#FFF; }
.btn_sg { display:inline-block; background-color:#999a9b; border:1px solid #8c8e93; color:#FFF; font-size:12px; padding:4px 10px; line-height:12px; }
.btn_sw { display:inline-block; background-color:#FFF; border:1px solid #b5b8bc; color:#28292b; font-size:12px; padding:4px 5px; line-height:12px; margin-left:8px; vertical-align:top; text-decoration:none !important; }
.btn_sw_reply { display:inline-block; background-color:#FFF; border:1px solid #b5b8bc; color:#28292b; font-size:12px; padding:4px 5px; line-height:12px; margin-left:0; vertical-align:top; text-decoration:none !important; }
.btn_sw_reply img { vertical-align:top; margin-right:3px }

.blt_starter{ display:inline-block; background-color:#FFF; border:1px solid #ff3333; color:#ff3333; font-size:12px; padding:4px; line-height:12px; margin:0 2px; border-radius:3px; }
.blt_supporter{ display:inline-block; background-color:#FFF; border:1px solid #1491d9; color:#1491d9; font-size:12px; padding:4px; line-height:12px; margin:0 2px; border-radius:3px; }

/* tab */
/* Support_tab */
.tab_area {border-top:1px solid #c8caca; border-bottom:1px solid #c8caca; height:54px; position:relative;}
.tab_area ul {max-width:1154px; margin:auto; overflow:hidden; margin-bottom:-1px;}
.tab_area ul li {float:left; margin-right:58px;}
.tab_area ul li a {display:block; line-height:53px; font-size:16px; font-weight:bold;}
.tab_area ul li a.on {color:#f43836; border-bottom:2px solid #f43836;}
.tab_area .btn_arrow.gray {position:absolute; top:11px; left:50%; margin-left:384px;}
.tab_area .btn_arrow.modify {position:absolute; top:11px; left:50%; margin-left:277px;}
.tab_area .btn_arrow.new_register {position:absolute; top:11px; left:50%; margin-left:152px;}
.off{display:none}

/* �⺻_tab */
.tab_group { position:relative; border-top:2px solid #3e3e3e; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height:60px; margin-top:50px; }
.tab_group ul.tab_1depth { display:inline-block; width:100%; }
/*.tab_group ul.tab_1depth li  { display:table; float:left; background:url(../images/sub/tab_line.gif) right 24px no-repeat; color:#242526; font-size:16px; font-weight:bold; text-align:center; padding-top:20px; height:40px; width:25%; }*/
.tab_group ul.tab_1depth li.tab_1depth_li { display:inline-block; float:left; background:url(../images/sub/tab_line.gif) right 21px no-repeat; color:#242526; font-size:16px; font-weight:bold; text-align:center; height:60px; width:25%; }
.tab_group ul.tab_1depth li.tab_1depth_li > span,
.tab_group ul.tab_1depth li.tab_1depth_li > a { display:inline-block; width:100%; height:60px; line-height:60px; cursor:pointer; }
.tab_group ul.tab_1depth li.tab_1depth_li.on { background-color:#ed4948; color:#FFF; background-image:none; height:60px; }
.tab_group ul.tab_1depth li.tab_1depth_li.on > a { display:inline-block; color:#FFF; }


.tab_group_3m { position:relative; border-top:2px solid #3e3e3e; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height:60px; margin-top:50px; }
.tab_group_3m ul { display:inline-block; width:100%; }
/*.tab_group_3m ul.tab_1depth li  { display:table; float:left; background:url(../images/sub/tab_line.gif) right 24px no-repeat; color:#242526; font-size:16px; font-weight:bold; text-align:center; padding-top:20px; height:40px; width:25%; }*/
.tab_group_3m ul li { display:inline-block; float:left; background:url(../images/sub/tab_line.gif) right 21px no-repeat; color:#242526; font-size:16px; font-weight:bold; text-align:center; height:60px; width:25%; }
.tab_group_3m ul li > a { display:inline-block; width:100%; height:60px; line-height:60px; }
.tab_group_3m ul li.on { background-color:#ed4948; color:#FFF; background-image:none; height:60px; }
.tab_group_3m ul li.on > a { display:inline-block; color:#FFF; }
.tab_group_3m ul li { width:33% !important; }
.tab_group_3m ul li.last { width:34% !important; }

.tab_group_4m { position:relative; border-top:2px solid #3e3e3e; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height:60px; margin-top:50px; }
.tab_group_4m ul { display:inline-block; width:100%; }
/*.tab_group_3m ul.tab_1depth li  { display:table; float:left; background:url(../images/sub/tab_line.gif) right 24px no-repeat; color:#242526; font-size:16px; font-weight:bold; text-align:center; padding-top:20px; height:40px; width:25%; }*/
.tab_group_4m ul li { display:inline-block; float:left; background:url(../images/sub/tab_line.gif) right 21px no-repeat; color:#242526; font-size:16px; font-weight:bold; text-align:center; height:60px; width:25%; }
.tab_group_4m ul li > a { display:inline-block; width:100%; height:60px; line-height:60px; }
.tab_group_4m ul li.on { background-color:#ed4948; color:#FFF; background-image:none; height:60px; }
.tab_group_4m ul li.on > a { display:inline-block; color:#FFF; }
.tab_group_4m ul li { width:25% !important; }
/* .tab_group_4m ul li.last { width:34% !important; } */


.tab_group_second { margin:60px auto 0; text-align:center; width:100%; }
.tab_group_second ul { display:inline-block; }
.tab_group_second ul li { float:left; background-color:#737373; border-left:1px solid #4a4a4a; border-bottom:1px solid #737373; border-right:1px solid #4a4a4a; border-top:1px solid #4a4a4a; padding:10px 40px; color:#FFF; text-align:center; }
.tab_group_second ul li.on { background-color:#FFF; border-left:1px solid #808080; border-bottom:1px solid #808080; border-right:1px solid #b9b9b9; border-top:1px solid #b9b9b9; }
.tab_group_second ul li.on a { color:#808080; }

.tab_group_second_const { margin:60px auto 0; text-align:center; width:100%; }
.tab_group_second_const ul { display:inline-block; }
.tab_group_second_const ul li { float:left; background-color:#fff; border-left:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; border-right:1px solid #b9b9b9; border-top:1px solid #b9b9b9; padding:10px 40px; color:#FFF; text-align:center; }
.tab_group_second_const ul li.on { background-color:#ed4948; border-left:1px solid #ed4948; border-bottom:1px solid #ed4948; border-right:1px solid #ed4948; border-top:1px solid #b9b9b9; }
.tab_group_second_const ul li.on a { color:#fff; }



/* 건자재 작업 중 추가 */
/* me -> tab 영역 서브메뉴 추가 */
.tab_2depth { width:100%; height:0; display:block; background-color:#fff; border:1px solid #dcdcdc; border-bottom:0; overflow:hidden; }
.tab_2depth li { width:100%; font-size:13px; }
.tab_2depth li a { display:inline-block; padding:15px; width:100%; font-weight:bold; color:#4d4e50; background-color:#FFF; border-bottom:1px solid #dcdcdc; box-sizing:border-box; }
.tab_2depth li a:hover { display:inline-block; font-weight:bold; background-color:#e0e0e0; }
/* .tab_1depth li.tab_1depth_li:hover .tab_2depth { display:inline-block !important; } */

/* footer */
#footer > .container {width:1200px; margin:auto;}
.footerTop {overflow:hidden; margin-bottom:15px;}
.footerTop .floatL {line-height:60px; font-size:13px; color:#333; font-weight:bold;}
.footerTop .floatL span {color:#003399;}
.footerTop .fUtil {float:right;}
.footerTop .fUtil li {float:left; line-height:60px; background:url(../images/common/footerUtil_line.gif) 0 50% no-repeat; padding:0 11px 0 13px; letter-spacing:-.07em;}
.footerTop .fUtil li:first-child {background:none;}
.footerTop .fUtil li a {color:#333; font-size:13px;}
.footerBottom {float:left; width:1200px;}
.footerBottom .fAddr {float:left; font-size:12px; color:#6b6e70; line-height:20px;}