@charset "utf-8";
/* CSS Document */

@font-face{
font-family:'NanumGothic';
src:url('../font/NanumGothic.eot');
src:local(※),url('../font/NanumGothic.woff') format("woff");
}
@font-face{
font-family:'NanumBarunGothic';
src: url('../font/NanumBarunGothic.eot')format('eot');
src:local(※),url('../font/NanumBarunGothic.woff') format('woff');
}
/* Reset CSS*/

*{-webkit-text-size-adjust:none;}
/* BIN Reset CSS*/
*{ margin:0; padding:0; border:0; vertical-align:top}
body,button,table{font-family:'나눔바고딕', 'NanumGothic', '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:100%; color:#4a4a4a; font-weight:normal;line-height:24px;} 
textarea,input,select{font-family:'나눔고딕', 'NanumGothic', '돋움', 'Dotum', 'sans-serif', 'Tahoma'; font-size:13px; color:#4a4a4a; font-weight:normal;}
img,fieldset{border:0} 
img, video { max-width:100%; height:auto}
i,em,address{font-style:normal; font-weight:normal} 
ul,ol,li{list-style:none;}
select,textarea {vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0;}
a {text-decoration:none; color:#4a4a4a; }
a:hover{color:#000 !important; }
label { cursor:pointer;}
.blind, legend, hr, caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
input{height:24px; padding-left:3px; border:1px solid #CCC; vertical-align:middle; line-height:20px}
select{border:1px solid #CCC;vertical-align:middle;height:20px; line-height:16px}

/* common align*/
.mgr18 { margin-right:18px} 
.stxt { font-size:11px; color:#FFFFFF}
.stxt2 { font-size:11px; color:#8b8b8b}
.color_ex {color:#969696; padding-left:5px; *vertical-align:middle; line-height:24px; font-size:11px}
.mb20 { margin-bottom:20px}
.img_area { float:left; width:100%; height:auto; text-align:center; position:relative}
.ctr { float:left; width:100%; text-align:center}

/* Layout */
#wrap { width:100%;background:#FFF; position:relative;overflow:hidden;}
/*#main { width:100%; overflow:hidden; background-color:#30443c; z-index:99}*/
#main { width:100%; overflow:hidden; background:url(../img/mbg.png) repeat-x 0 bottom;z-index:99}
#main_visual { width:100%;margin:0 auto; overflow:hidden; max-width:1200px; *min-width:1200px; margin-top:94px}
/*#main_visual li {width:25%;height:564px;float:left; margin-top:96px}*/
#main_visual li {width:25%;height:564px;float:left;}
#main_visual li.mimg1{background:url(../img/mimg_1.jpg) no-repeat}
#main_visual li.mimg2{background:url(../img/mimg_2.jpg) no-repeat}
#main_visual li.mimg3{background:url(../img/mimg_3.jpg) no-repeat}
#main_visual li.mimg4{background:url(../img/mimg_4.jpg) no-repeat}
#main_visual li a{width:100%;height:564px; display:block}
#main_visual li.mimg1 a:hover{background:url(../img/mimg_1hover.jpg)}
#main_visual li.mimg2 a:hover{background:url(../img/mimg_2hover.jpg)}
#main_visual li.mimg3 a:hover{background:url(../img/mimg_3hover.jpg)}
#main_visual li.mimg4 a:hover{background:url(../img/mimg_4hover.jpg)}

#header{width:100%;position:absolute;z-index:9999;background:url(../img/mmenu_bg.png) repeat-x;left: 0;}
#header #inner {width:1000px; _width /**/1000px; margin:0 auto; height:128px; position:relative; }
#header #inner h1.logo { width:207px; margin-top:28px; float:left; border-right:solid 1px #f1f1f1; margin-left:0; padding-right:10px}
#header #inner #gnb {width:138px; height:16px; background:url(../img/bg_gnb.png) no-repeat; top:34px; right:0; position:absolute; text-align:right; z-index:99999}
#header #inner #gnb img { padding:2px 3px 0 0}
#nav_tbet { display:none}

#header_sub{width:100%;z-index:9999;background:url(../img/submenu_bg.png) repeat-x;left: 0;}
#header_sub #inner {width:1000px; _width /**/1000px; margin:0 auto; height:130px; position:relative; }
#header_sub #inner h1.logo { width:207px; margin-top:28px; float:left; border-right:solid 1px #f1f1f1; margin-left:0; padding-right:10px}
#header_sub #inner #gnb {width:138px; height:16px; background:url(../img/bg_gnb.png) no-repeat; top:34px; right:0; position:absolute; text-align:right;z-index:99999}
#header_sub #inner #gnb img { padding:2px 3px 0 0}
/* Navi */

#mnav{float:right;position:relative;width:auto; margin:0; height:95px; right:160px;z-index:99}
#mnav:after{content:"";display:block;clear:both;}
#mnav .coll_1dep{float:left; margin-top:0;}
#mnav .coll_1dep li{float:left; margin-right:50px;}
#mnav .coll_1dep div{display:none;position:absolute;top:89px;background:url(../img/smenu_bg.png) repeat-x;height:41px;width:840px;overflow:hidden;clear:both;}
#mnav .coll_1dep li .m1{display:none;position:absolute;left:-2px;}
#mnav .coll_1dep li .m2{display:none;position:absolute;left:-2px}
#mnav .coll_1dep li .m3{display:none;position:absolute;left:-2px}
#mnav .coll_1dep li .m4{display:none;position:absolute;left:-2px}
#mnav .coll_1dep li .m5{display:none;position:absolute;left:-2px}
#mnav .coll_1dep li div li{float:left;}
#mnav .coll_1dep li div li a{float:left; width:auto; padding:0; font-size:0.75em}
#mnav .coll_1dep li:hover div{display:block; z-index:999; width:3600px; background-color:#FFFFFF;left:-150%; padding-left:910px}
#mnav .coll_2dep{line-height:29px; width:100%}
#mnav .coll_2dep li { margin-right:20px;}
#mnav .coll_2dep li a { color:#fff;}
#mnav .coll_2dep li a:hover { color:#d2b25c !important; text-decoration:none;font-weight:bold;}
#mnav .coll_2dep li .select { color:#d2b25c !important; text-decoration:none}

#nav{float:right;position:relative;width:auto; margin:0; height:95px; right:130px;z-index:99}
#nav:after{content:"";display:block;clear:both;}
#nav .coll_1dep{float:left; margin-top:0;}
#nav .coll_1dep li{float:left; margin-right:40px;}
#nav .coll_1dep div{display:none;position:absolute;top:89px;background:url(../img/smenu_bg.png) repeat-x;height:41px;width:840px;overflow:hidden;clear:both;left:-170px}
#nav .coll_1dep li .m1{	display:none;position:absolute;left:-2px;}
#nav .coll_1dep li .m2{	display:none;position:absolute;left:-2px}
#nav .coll_1dep li .m3{display:none;position:absolute;left:-2px}
#nav .coll_1dep li .m4{display:none;position:absolute;left:-2px}
#nav .coll_1dep li .m5{display:none;position:absolute;left:-10px}
#nav .coll_1dep li .m6{display:none;position:absolute;left:-2px}
#nav .coll_1dep li div li{float:left;}
#nav .coll_1dep li div li a{float:left; width:auto; padding:0; font-size:0.75em}
#nav .coll_1dep li:hover div{display:block; z-index:999; width:3600px; background-color:#FFFFFF;left:-150%; padding-left:930px}
#nav .coll_2dep{line-height:36px; width:100%}
#nav .coll_2dep li { margin-right:20px;}
#nav .coll_2dep li a { color:#fff;}
#nav .coll_2dep li a:hover { color:#d2b25c !important; text-decoration:none;font-weight:bold;}
#nav .coll_2dep li .select { color:#d2b25c !important; text-decoration:none}

#mcontents_area{width:100%;}
#mcontents {width:1000px; margin:0 auto;position:relative; height:120px;}
#mcontents .notice { float:left; width:460px; height:123px;border-right:solid 1px #e9e9e9;}
#mcontents .notice h2 { font-weight:bold; font-size:14px; color:#000000; width:85px; position:absolute; top:25px; left:15px;*top:26px; *padding-bottom:2px}
#mcontents .notice .not_list { float:left; width:80%; margin-top:26px; margin-left:95px}
#mcontents .notice .not_list li { line-height:22px; background:url(../img/bullet_not.png) no-repeat 0 8px; padding-left:10px; font-size:13px; position:relative}
#mcontents .notice .not_list li span { font-size:11px; color:#808080; position:absolute; right:40px}
#mcontents .icon_box {display:block; float:left; *width:48%}
#mcontents .icon_box .catalog { float:right; width:190px; margin:26px 0 0 25px; position:relative; *margin:26px 35px 0 5px; }
#mcontents .icon_box .catalog h2{ font-weight:bold; font-size:14px; color:#000000; width:85px; position:absolute; top:3px;}
#mcontents .icon_box .catalog dt { float:left; width:78px}
#mcontents .icon_box .catalog dd { float:left; width:100px; line-height:1.4em; font-size:0.68em; padding-top:10px}

/*#container_box {width:100%; position:relative; background:url(../img/bg_container.png) repeat-x; display:block}
#container{width:1000px; margin:0 auto;position:relative;margin-top:95px}
#container #lnb-group {float:left; width:200px;margin-top:60px}
#container #lnb-group h2{ height:76px; border-bottom:solid 1px #CCCCCC}
#container #contents { float:right; width:795px;}*/

#container {width:1000px;margin:0 auto; height:auto; position:relative;padding-bottom:20px;}
.sub01_view { background:url(../img/sub_01.jpg) no-repeat right top}
#container #lnb-group { float:left; width:153px; position:relative}
#container #lnb-group .lnb-title { float:left; padding:40px 0 26px 0; width:100%; line-height:28px}
#container #lnb-group .lnb-title span { font-size:14px; width:100%; color:#a0b9a0; padding-left:3px; font-weight:normal}


#container #top_btn a{position:absolute; right:0; bottom:5px; background:url(../img/btn_top.png); width:57px; height:57px; display:block;}
#container #content-group { float:right; width:76%;position:relative;padding-left:43px; padding-bottom:70px; line-height:1.6em;border-left:solid 1px #ebebe9;}
#container #content-group .con_title { margin:17% 0 20px 0;border-bottom:solid 1px #e6e6e6; padding-bottom:8px; position:relative; font-size:28px; background:url(../img/bullet_title.png) no-repeat; height:60px; padding-left:75px; line-height:60px}
#container #content-group .con_title_s { margin:40px 0 20px 0;border-bottom:solid 1px #e6e6e6; padding-bottom:8px; position:relative; font-size:28px; background:url(../img/bullet_title.png) no-repeat; height:60px; padding-left:75px; line-height:60px; width:88%; float:left}

#container #content-group .sect { float:left}
#container #content-group #contents {font-size:13px; width:100%; float:left; word-break: keep-all;}
#container #content-group #contents .con_img { float:left; margin-bottom:35px; width:100%; position:relative;margin-top:20px;}
#container #content-group #contents .con_img .timgtxt { top:0; right:0; position:absolute}
#container #content-group #contents .ceo_img {float:left; width:40%}
#container #content-group #contents .ceo_list {float:left; width:40%; margin-top:50px; font-size:12px; color:#5a7182; padding-left:70px}
/*#container #content-group #contents .con_txt { float:left; margin-bottom:35px; width:100%; border-bottom:solid 1px #d0d8de; padding-bottom:25px}*/
#container #content-group #contents .con_txt { float:left; margin-bottom:35px; width:100%;padding-bottom:25px}
#container #content-group #contents p {float:left; width:100%; margin:15px 0 3px 0}
.font-big { font-size:20px; color:#000000; /*border-bottom: solid 1px #EAEAEA;*/ padding:15px 0; width:100%; float:left; margin-bottom:10px}

#container #content-group .con_title .depth { position:absolute; text-align:right; width:50%; right:0; top:25px; font-size:12px; color:#5f5f5f; line-height:12px}#content-group .depth a{ padding:0 8px}
#container #content-group .con_title .depth img { padding-right:6px}
#content-group #top_area {position:relative; float:left; width:100%; margin-top:40px; margin-bottom:20px}
#content-group #top_area .top { position:absolute; right:0; background:url(../img/btn_top.png); width:53px; height:53px; display:block;}
#content-group #top_area .top a {width:53px; height:53px; display:block;}

#lnb { float:left; width:153px;}
#lnb li{ float:left; /*border-bottom:solid 1px #e0e0e0;*/height:36px; width:153px;  line-height:36px}
#lnb li a{ font-weight:normal; color:#5f5f5f; font-size:14px; display:block; padding-left:8px;}
#lnb li a:hover{ font-weight:bold; color:#3b464a; font-size:15px; display:block; padding-left:8px; background:url(../img/lnb_select.png) no-repeat left top;}
#lnb li .select{ font-weight:bold; color:#3b464a; font-size:15px;display:block; padding-left:8px; background:url(../img/lnb_select.png) no-repeat left top;}

#lnb2 { float:left; width:180px;}
#lnb2 li{ float:left; /*border-bottom:solid 1px #e0e0e0;*/height:36px; width:180px;  line-height:36px}
#lnb2 li a{ font-weight:normal; color:#5f5f5f; font-size:14px; display:block; padding-left:8px;}
#lnb2 li a:hover{ font-weight:bold; color:#3b464a; font-size:15px; display:block; padding-left:8px; background:url(../img/lnb_select_02.png) no-repeat left top;}
#lnb2 li .select{ font-weight:bold; color:#3b464a; font-size:15px;display:block; padding-left:8px; background:url(../img/lnb_select_02.png) no-repeat left top;}

.profile_grp { float:left; margin:30px 0 0 0; width:100%}
.profile_grp .txt_profile { float:left; width:98px;}
.profile_grp .profile { float:right; width:80%}
.profile_grp .profile dl { float:left; width:95%; border-bottom:solid 1px #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.profile_grp .profile dt { float:left; width:18%; display:block; font-size:20px; color:#1b538f; padding-top:2px}
.profile_grp .profile dd { float:left; width:70%; display:block}

/*연혁*/
.history_block { float:left; width:100%}
.history_block dl { float:left; width:95%; border-bottom:solid 1px #f4f4f4; padding-bottom:10px; margin-bottom:10px; margin-left:10px}
.history_block dt { float:left; width:20%; display:block; font-size:18px; color:#734648; padding-top:2px}
.history_block dd { float:left; width:70%; display:block}

/*사업종목.bustit { font-size:20px; color:#436680; margin:16px 0}.bustit em { color:#CCC}*/
.bus_group { float:left; margin:10px 0; width:100%}
.bustit { float:left; font-size:20px; color:#436680; margin:0 0 10px 0; width:90px; height:90px; background-color:#949fa7; color:#FFF; padding:10px}.bustit em { color:#CCC}
.const_block { float:right; width:100%;}
.const_block ul { float:right; width:78%;}
.const_block li { float:left; width:100%;border-bottom:solid 1px #ededed; padding-bottom:3px; margin-bottom:3px;}

.award { float:left; width:100%; margin-top:20px;}
.award li {float:left; width:33.333%; height:320px; margin-bottom:5px; display:block; }
.award li span { float:left; line-height:18px;font-size:12px; margin-top:5px; width:85%}
.award li span em { font-size:12px; color:#6C9ED0}

table.tech { width:100%; float:left; margin-top:15px}
table.tech th { border-bottom:solid 1px #699b69;border-top:solid 1px #699b69; background-color:#f9f9f9; padding:6px 0}
table.tech td {border-bottom:solid 1px #E1E1E1; padding:6px 3px;text-align:center}
.ct { text-align:center}
table.tech td.cl { text-align:left}
.bgcor { background-color:#F1FAF7}

.map_area { float:left; width:612px; height:462px; margin:20px 0 20px 0}
.map_tit { width:100%; padding:15px 0; float:left}
.map_add { width:100%; float:left}

/*#footer_area { background-color:#f4f4f4; border-top:solid 1px #e7e7e7; position:relative}
#footer {width:1000px; margin:0 auto;position:relative; height:43px; padding:20px 0}
#footer .mark { position:absolute; right:0; top:20px}*/
#menu_history { display:none}
#snav_tbet { display:none}
#footer { float:left;width:100%;background-color:#f4f4f4; border-top:solid 1px #e7e7e7;position:relative}
#footer #inner {width:1000px; _width /**/1000px; margin:0 auto; height:43px; position:relative; padding:20px 0}
#footer .mark { position:absolute; right:0; top:20px}
#footer img{100%}

/*페이징*/
.paginate_complex{padding:35px 0 10px;line-height:normal;text-align:center; width:100%; float:left;}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:4px 8px;border-left:1px solid #e4e4e4;background-color:#fff; font-size:12px;color:#222222;text-decoration:none;vertical-align:top}
.paginate_complex a.first {border-left:solid 1px #FFFFFF}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ee4242}
.paginate_complex .direction{border:0; !important;z-index:1;padding:0 1px}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{padding:0}
.paginate_complex .next{padding:0}
.paginate_complex .strong_sel {border-left:solid 1px #FFFFFF}

/*.sub01_view { background:url(../img/sub_01.jpg) no-repeat right top}*/

/* Community */
#content-list {float:right; width:100%; height:auto; position:relative; margin:0;}
#content-group {position:relative}
#content-group .list_box { float:left;border-top:solid 2px #64c164;margin-top:5px; width:100%; position:relative}
#content-group .depth {	position:absolute;text-align:right;width:50%;right:0;top:42px;font-size:11px;color:#a6a6a6;line-height:12px}
#content-group .depth a{ padding:0 8px;color:#757575;	}
#content-group .depth img { padding-right:3px}

.bbs_lst {float:left; width:100%; border-bottom:1px solid #efefef; padding:14px 0 14px 0; color:#656565; line-height:18px; }.bbs_lst img { vertical-align:middle}
	.bbs_lst .num{ float:left; width:7%;font-size:12px;text-align:center;}
	.bbs_lst .bbs_sub {float:left;width:66%; }
	.bbs_lst .bbs_sub a {float:left; padding-left:10px; color:#3e3e3e; font-size:13px;padding-bottom:2px}
	.bbs_lst .date {float:left;width:15%; text-align:center;font-size:11px !important}
	.bbs_lst .hit {float:left;width:12%; text-align:center;font-size:12px}

.srh_area {margin:0 0 5px 0; width:100%; text-align:right; padding-left:0px}
	.srh_area a:hover { color:#FF0 !important; background-color:#333333 !important}
	.srh_area img{ vertical-align:middle; *margin-top:1px} 
.list_choice { z-index:99; width:100%; float:left}
	.list_choice li{position:relative;float:right; width:auto;margin:0 2px 0 18px;color:#7c818f;font-size:11px; margin-top:3px; z-index:99}
	.list_choice .choice{width:auto;background:url(../img/ico_viewtype.png) no-repeat right 6px;padding:0 16px 5px 0;display:block}
	.list_choice .choice:hover div{display:block;}
	.list_choice .choice div{display:none;position:absolute;height:auto;border:solid 1px #e6e6e6;background:#FFFFFF;padding:3px; font-size:11px;color:#666;width:87px; top:25px;left:-7px;}
	.list_choice .choice div:hover{display:block}
	.list_choice .choice div li {float:left;width:83px;line-height:22px; margin:0; padding:0 2px}
	.list_choice .choice div li:hover {background-color:#efefef}
	.list_choice .choice div li .select{color:#e27b0d} 
	.list_choice a{ color:#717583;}
	.list_choice a:hover{ color:#000; text-decoration:none}
	
.view_header{float:left;border-bottom:solid 1px #64c164;width:100%; padding:18px 0 20px 0; position:relative; z-index:2}
	.view_header .subject { float:left; color:#000; font-size:16px; line-height:22px;padding-left:10px;font-weight:normal }
	.view_header .pro_sub { float:left; color:#000; font-size:16px; line-height:22px;padding-left:10px;font-weight:bold }
.view_num {width:100%; float:left; margin-top:15px; font-size:11px;line-height:14px; margin-bottom:5px;border-bottom:solid 1px #e3e3e3; padding-bottom:5px;color:#888888}
	.view_num .date {float:right;  width:25%; text-align:right}
	.view_num em { color:#D4D4D4; padding:0 4px}
	.view_num .file {float:left; text-align:left; width:70%; margin-bottom:10px; padding-left:15px; line-height:16px}.view_num .file a { padding-bottom:4px; color:#888888}
.view_menu_area {float:left; position:relative;width:100%; height:40px;z-index:9999}
	.view_menu_area .loc_ico {top:10px; right:92px}
	.view_menu_area .t_roc2 {top:10px; right:0}
.location2 { top:0; right:0}
.view_menu {position:absolute;}
	.view_menu li {float:left; width:auto}
	.view_menu li a{overflow:hidden;display:block;text-indent:-9999em;width:auto;height:24px;background:url(../img/ico_print.png) no-repeat left top;}
	.view_menu li.print a{width:24px;background-position:0 top;}
.font_set {position:absolute; right:0;width:83px;height:24px; float:left; z-index:9999}
	.font_set .style a{position:relative; float:left;text-indent:-9999em;width:43px;height:24px;background:url(../img/ico_fontstyle.png) no-repeat left top;}
	.font_set .big a{float:left;text-indent:-9999em;width:19px;height:24px;background:url(../img/ico_fontstyle.png) no-repeat -43px top;}
	.font_set .small a{float:left;text-indent:-9999em;width:21px;height:24px;background:url(../img/ico_fontstyle.png) no-repeat -62px top;}
	#style_layer{position:absolute;border:solid 1px #e6e6e6;top:20px;left:0;width:81px;background-color:#FFF; z-index:9999}
	#style_layer li {float:left;line-height:22px; width:80px; padding-left:3px; font-size:11px}
	#style_layer li:hover {background-color:#efefef}
	
.view_body{width:100%; text-align:center; margin-top:5px; float:left}
	.view_body .text{float:left; text-align:left; font-size:14px; padding:10px; font-weight:normal; }
	.view_body .text img { margin-bottom:15px}
	.view_body .text p {font-weight:normal !important;}
	.view_body .ex_img { width:655px; margin:0 auto; height:auto; border:solid 1px #f5f5f5; margin-bottom:2%}
	.view_body .pro_img { width:100%; height:auto; border:solid 1px #f5f5f5; margin-bottom:2%; background-position:center}.view_body .pro_img img{ width:100%;}
	.view_body .roll_btn { float:right; width:auto; margin-bottom:5px}
	.view_body .roll_btn li { float:left; padding:2px 5px}
	.view_body .view_menu_area {float:left; position:relative;width:100%;z-index:9999}
.service_more { float:left;margin-top:20px;width:100%; height:30px;font-size:11px;  border-bottom:solid 1px #e2dbca;border-top:solid 1px #e2dbca; position:relative; padding:5px 0}
	.service_more p { margin-left:15px}
	.service_more li {float:left; width:70px; padding:0 7px;line-height:24px;}.service_more li img {padding-right:3px; vertical-align:middle}
	.service_more li a{overflow:hidden;display:block;width:auto; color:#838383}
	.service_more .f_print { position:absolute; right:2px;width:24px;height:24px;background:url(../img/ico_print.png);top:8px;}
	.service_more .f_print a { display:block;width:24px;height:24px; }
.view_list{margin-top:20px;color:#000000;float:left; width:100%;border-bottom:solid 1px #e3e3e3; padding-bottom:20px}
	.view_list p{letter-spacing:-0.05em; font-weight:bold; font-size:13px}
	.view_list ul {	margin-top:12px;color: #999900;}
	.view_list li a{line-height:22px; color:#2f3443;font-size:12px; }
	
	dl.pro_ex { float:left;width:100%; border-top:solid 1px #e7e7e7; text-align:left}
	dl.pro_ex dt { float:left;font-weight:bold; width:24%;border-bottom:solid 1px #f2f2f2;border-right:solid 1px #f2f2f2; padding:8px 0 8px 1%; font-size:13px}
	dl.pro_ex dd {width:72.5%; float:left;border-bottom:solid 1px #f2f2f2; padding:8px 0 8px 1.5%; font-size:12px}
	.pro_info { text-align:left; margin-top:20px; float:left; color:#666;font-size:13px}
	
.write_form_bbs {float:left;width:100%; margin-top:60px;border-top:solid 2px #7f5d0a; }	
table.write {width:100%;border-spacing:0; padding:0; border-collapse:callapse; margin-bottom:10px;}
table.write th{width:15%;color:#000000;border-bottom:solid 1px #f2f2f2; line-height:38px; padding-top:2px; font-size:13px}
table.write th em{ color:#FF6633; padding-right:3px}
table.write td{width:75%;padding:10px 6px 10px 18px; line-height:18px;color:#797979;border-bottom:solid 1px #f2f2f2}
table.write .end{border-bottom:solid 1px #fff}
table.write .smart { width:602px}
table.write input { height:24px; margin-bottom:2px}
table.write img { margin-top:1px}
table.write .end { border-bottom:0}
table.pw {width:100%;border-spacing:0; padding:0; border-collapse:callapse; margin-bottom:10px; font-size:12px}
table.pw th{color:#000000;border-bottom:solid 1px #f2f2f2; line-height:38px; padding-top:2px}
table.pw td{padding:10px 6px 10px 18px; line-height:18px;color:#797979;border-bottom:solid 1px #f2f2f2}

.thumb_area { float:left;font-size:12px; padding-top:20px; width:100%}
.thumb_area p { font-weight:bold; color:#333; margin:15px 0 20px 0}
.thumb_list { float:left;width:167px; height:auto;position:relative; margin:0 1.5% 3% 1.5%}
/* .thumb_list dt {width:167px; height:103px; border:solid 1px #d3d3d3; margin-bottom:6px; background-position:center}.thumb_list dt a{width:167px; height:103px;display:block;} */
.thumb_list dt {width:167px; height:126px; border:solid 1px #d3d3d3; margin-bottom:6px; background-position:center;background-repeat: no-repeat; background-size: cover; }
.thumb_list dt a{width:167px; height:126px;display:block; }
.thumb_list dt img{wiidth:167px; height:103px;}
.thumb_list dd {}
.thumb_list dd a {font-weight:normal; line-height: 18px !important;display:block;}

/*자유게시판*/
.free_lst {float:left; width:100%; border-bottom:1px solid #efefef; padding:14px 0 14px 0; color:#656565; line-height:16px; }
	.free_lst .num{ float:left; width:7%;font-size:12px;text-align:center; font-size:12px}
	.free_lst .bbs_sub {float:left;width:64%; }
	.free_lst .bbs_sub a {float:left; padding-left:10px; color:#3e3e3e; font-size:13px;padding-bottom:2px}
	.free_lst .writer {float:left;width:10%; text-align:center;font-size:11px !important}
	.free_lst .date {float:left;width:10%; text-align:center;font-size:11px !important}
	.free_lst .hit {float:left;width:9%; text-align:center;font-size:12px}

.list_body  { float:left; margin-top:20px; width:100%; font-size:13px;}
.list_body .thumb_img { float:left;width:214px; height:190px;margin-bottom:19px;position:relative; margin:0 2.55% 3% 2.55%}
.list_body .thumb_img dl { float:left}
.list_body .thumb_img dt {width:214px; height:133px; border:solid 1px #d3d3d3; margin-bottom:10px; background-position:center; background-repeat:no-repeat}.thumb_img dt a{width:214px; height:133px;display:block;}
.list_body .thumb_img dt img{wiidth:215px; height:133px;}
.list_body .thumb_img dd { line-height:18px; float:left} .list_body .thumb_img dd span { font-size:12px; float:left; padding-top:4px; width:100%}
.list_body .thumb_img dd em { padding:0 4px; color:#999}
.list_body .thumb_img dd a {color:#000000;}

/*서브인덱스*/
.grp_subindex {  float:left;width:100%;}
.grp_subindex p { padding:20px 0 10px 0;}
.grp_subindex dl { position:relative; margin-left:60px;float:left; margin-bottom:20px}
.grp_subindex dl.lf { margin-right:45px}
.grp_subindex dl .tip { position:absolute; top:0; left:-50px; width:50px; height:50px}
/* .grp_subindex dt { width:290px; height:143px; border:solid 1px #CCCCCC; margin-bottom:10px; background-position:center} */
.grp_subindex dt { width:290px; height:218px; border:solid 1px #CCCCCC; margin-bottom:10px; background-position:center;background-repeat: no-repeat; background-size: cover; }
.grp_subindex dd { line-height:22px}.grp_subindex dd a { font-size:16px}
.grp_subindex dd span { font-size:12px;line-height:18px; color:#727272 }
.t_line {border-top:solid 1px #dee3e7; display:block; width:100%; height:10px; float:left }

.artrock {  float:left;width:100%;}
.artrock p { padding:20px 0 10px 0;}
.artrock dl { float:left; margin:0 3% 20px 1%; width:30%}.artrock dl.end {margin:0 5px 20px 5px}
.artrock dt { height:228px; border:solid 1px #CCCCCC; margin-bottom:10px; background-position:center}
.artrock dt a { display:block;height:228px;width:auto; }
.artrock dd { line-height:22px}.artrock dd a { font-size:14px}
.artrock dd span { font-size:12px;line-height:18px; color:#727272 }

.treebu_area { float:left; width:100%;}
.treebu_area .tree_img { float:left; width:45%}
.treebu_area .tree_txt { float:left; width:52%; line-height:20px; color:#666666; margin-left:20px}
/*.treebu_area .tree-tit { float:left; width:100%; height:16px; border-bottom:solid 1px #c2d2c2;border-top:solid 1px #c2d2c2; padding:10px 0; margin:13px 0; background-color:#f9f9f9}*/
.treebu_area .tree-tit { float:left; width:100%; height:16px; margin:13px 0; }
.treebu_area .tree_txt2 { float:left; width:100%; line-height:20px; color:#666666; margin:20px 0}
.treebu_area .btn_go a{ font-size:15px; color:#cf7368 !important; background:url(../img/btn_arrow.png) no-repeat; padding-left:30px; height:50px; display:block; line-height:20px; margin-top:15px}

.tree_grp { float:left; width:100%;}
.tree_grp p{ line-height:50px; font-size:16px; color:#17727d}
.p_tab_area7 {float:left; width:100%;margin-top:0;}
.p_tab_area7 li{ float:left; width:14%;height:50px; border-right:solid 1px #c3c3c2; border-bottom:solid 1px #e5e5e4; border-top:solid 1px #e5e5e4;text-align:center;background-color:#f8f8f8}
.p_tab_area7 li a{height:50px;display:block; line-height:50px; }
.p_tab_area7 li.end{ float:left; height:50px; border-right:0;}
.p_tab_area7 li.end a{height:50px;display:block;}
.p_tab_area7 li .select{height:50px;display:block;border-bottom:solid 1px #ffffff;background-color:#fff; color:#157515; font-size:14px}

.p_tab_area4 {float:left; width:100%;margin-top:0;}
.p_tab_area4 li{ float:left; width:24.72%;height:50px; border-right:solid 1px #c3c3c2; border-bottom:solid 1px #e5e5e4; border-top:solid 1px #e5e5e4;text-align:center;background-color:#f8f8f8}
.p_tab_area4 li a{height:50px;display:block; line-height:50px; }
/*.p_tab_area4 li.tab{ display:block; border-bottom:solid 1px #e7e7e7}
.p_tab_area4 li.tab .select{ display:block;border-bottom:solid 1px #fff}*/
.p_tab_area4 li.end{ float:left; height:50px; border-right:0;}
.p_tab_area4 li.end a{height:50px;display:block;}
.p_tab_area4 li .select{height:50px;display:block;border-bottom:solid 1px #ffffff;background-color:#fff; color:#157515; font-size:14px}
.tree_grp { float:left; width:100%; margin-bottom:30px}
.tree_grp .img_grp { float:left; width:100%; margin:20px 0 10px 0}
.tree_grp .tree_txt ul { float:left; width:100%; margin:15px 0}
.tree_grp .tree_txt li { float:left; width:98%; background-color:#FFFFFF; text-align:left; border:0;background:url(../img/ico_bullet.png) no-repeat 0 10px; line-height:18px; height:auto; padding:6px 0 6px 2%}
.tree_grp .tree_txt em { color:#e5614f}

.p_tab_area2 {float:left; width:100%;margin-top:0;}
.p_tab_area2 li{ float:left; width:49.88%;height:50px; border-right:solid 1px #c3c3c2; border-bottom:solid 1px #e5e5e4; border-top:solid 1px #e5e5e4;text-align:center;background-color:#f8f8f8}
.p_tab_area2 li a{height:50px;display:block; line-height:50px; }
.p_tab_area2 li.end{ float:left; height:50px; border-right:0;}
.p_tab_area2 li.end a{height:50px;display:block;}
.p_tab_area2 li .select{height:50px;display:block;border-bottom:solid 1px #ffffff;background-color:#fff; color:#157515; font-size:14px}
.fundbox { width:80%;float:left; margin:10px 0 0 10%; border-bottom:solid 1px #dae5d4}
.fundbox .imgbox  { float:left; width:auto; margin:0 4% 10px 0}
.fundbox .imgbox_r  { float:right; width:auto; margin:0 0 10px 4%}
.fundbox .txt_r {padding-top:44px; line-height:20px; text-align:right}
.fundbox .txt {padding-top:44px; line-height:20px}
.fundbox .txt em { color:#e5614f}
.sect_grp { float:left; margin-top:30px; width:100%}
.fundimg { width:90%;float:left; margin:10px 0 0 5%; border-bottom:solid 1px #dae5d4; text-align:center; padding-bottom:20px; margin-bottom:20px}
.planimg { width:90%;float:left; margin:5px 0 0 5%;text-align:center; padding-bottom:20px;}

.p_tab_area5 {float:left; width:100%;margin-top:0;}
.p_tab_area5 li{ float:left; width:19.8%;height:50px; border-right:solid 1px #c3c3c2; border-bottom:solid 1px #e5e5e4; border-top:solid 1px #e5e5e4;text-align:center;background-color:#f8f8f8}
.p_tab_area5 li a{height:50px;display:block; line-height:50px; }
.p_tab_area5 li.end{ float:left; height:50px; border-right:0;}
.p_tab_area5 li.end a{height:50px;display:block;}
.p_tab_area5 li .select{height:50px;display:block;border-bottom:solid 1px #ffffff;background-color:#fff; color:#157515; font-size:14px}

/*공사실적리스트*/
.grp_list_body  { float:left; margin-top:20px; width:100%; font-size:13px;}
.grp_list dl {float:left;width:100%;position:relative;float:left; margin-bottom:20px; border-bottom:solid 1px #d0d8de; padding-bottom:20px;}
/* .grp_list dt {float:left; width:290px; height:143px; border:solid 1px #CCCCCC; margin-right:20px; background-position:center} */
.grp_list dt {float:left; width:290px; height:218px; border:solid 1px #CCCCCC; margin-right:20px; background-position:center; background-repeat: no-repeat; background-size: cover; }
.grp_list dd {float:left;line-height:22px; width:58%;}
.grp_list dd a { font-size:16px; padding-bottom:7px; float:left; width:100%; color:#793b3b}
.grp_list dd span {font-size:13px;color:#7a7a7a }
.grp_list em { color:#4a4a4a; padding-right:5px}

/* Btn css */
.btn_area { float:left;width:100%; text-align:right; margin-top:10px; font-size:14px}
.btn_area a:hover { color:#FF0 !important; background-color:#171717 !important}
.list_btn a {float:right; width:82px; height:27px; background-color:#129812; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:normal;} 
.regist_btn a {float:right; width:120px; height:27px; background-color:#f54f4f; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold;} 
.cancle_btn a {float:right; width:82px; height:27px; background-color:#666666; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold} 
.temp_btn a {float:right; width:120px; height:27px; background-color:#aac1cf; color:#FFFFFF; text-align:center; line-height:27px; margin-right:1px; font-weight:bold} 

.detail_btn { float:left; width:100%; text-align:right; margin:10px 0 10px 0}
.img { float:left; width:100%; margin:10px 0}

.step_list_2 { float:left; width:100%; margin-bottom:20px}
.step_list_2 ul{ float:left; width:100%;}
.step_list_2 ul li{ float:left; width:50%; border:solid 1px #fff; box-sizing:border-box; margin-bottom:1px; position:relative}
.step_list_2 ul li span.bk { position:absolute; bottom:5px; left:8px; font-size:13px; font-weight:600; color:#000;}
.step_list_2 ul li span.wh { position:absolute; bottom:5px; left:8px; font-size:13px; font-weight:600; color:#fff;}

.port_list_3 { float:left; width:100%;}
.port_list_3 ul{ float:left; width:100%;}
.port_list_3 ul li{ float:left; width:33.3%; border:solid 1px #fff; box-sizing:border-box; margin-bottom:2px; position:relative}
.port_list_3 ul li span.bk { position:absolute; top:5px; left:8px; font-size:13px; font-weight:600; color:#000;}
.port_list_3 ul li span.wh { position:absolute; top:5px; left:8px; font-size:13px; font-weight:600; color:#fff;}

.port_list_4 { float:left; width:100%;}
.port_list_4 ul{ float:left; width:100%;}
.port_list_4 ul li{ float:left; width:25%; border:solid 1px #fff; box-sizing:border-box; margin-bottom:2px; position:relative}
.port_list_4 ul li span.bk { position:absolute; top:5px; left:8px; font-size:13px; font-weight:600; color:#000;}
.port_list_4 ul li span.wh { position:absolute; top:5px; left:8px; font-size:13px; font-weight:600; color:#fff;}

.pj_tit { float:left; width:100%; margin:25px 0 3px 0}
.img_sub {float:left; width:100%; text-align:right; font-size:12px}

.img_area .subtit { position:absolute; top:15px; left:20px; font-weight:600}

.sitemap { width:100%; margin-top:20px}
.sitemap .stm { float:left; padding-left:3%; border-left:solid 1px #e9e9e9; width:29%; height:300px; margin-top:35px}
.sitemap .stm p { font-weight:bold; font-size:15px; color:#385f54}
.sitemap ul { margin:10px}
.sitemap li a{ font-size:13px; line-height:30px}

.sect_2etc { display: flex; justify-content: space-between; flex-wrap: nowrap; width: 100%;}
.sect_2etc .comp { width: 48%;}

/* responsive web design area */
@media screen and (max-width:1000px) {
	
	#mnav .coll_1dep li:hover div{display:block; z-index:999; width:3600px; background-color:#FFFFFF;left:-150%; padding-left:910px}
	#nav .coll_1dep li:hover div{display:block; z-index:999; width:3600px; background-color:#FFFFFF;left:-150%; padding-left:878px}
	#mnav .coll_2dep li { margin-right:20px;}
	
	#nav .coll_1dep li .m1{	display:none;position:absolute;}
	#nav .coll_1dep li .m2{	display:none;position:absolute;}
	#nav .coll_1dep li .m3{display:none;position:absolute;}
	#nav .coll_1dep li .m4{display:none;position:absolute;}
	#nav .coll_1dep li .m5{display:none;position:absolute;}
	#nav .coll_1dep li:hover div{display:block; z-index:999; width:3600px; background-color:#FFFFFF;left:-150%; padding-left:878px}
	
	#nav{float:left;position:relative;width:auto; margin:0; height:95px;margin-left:3%;right:0}
	#nav:after{content:"";display:block;clear:both;}
	#nav .coll_1dep{float:left; margin-top:0}
	#nav .coll_2dep li { float:left;margin-right:20px;}
	
	#header #inner {width:98%; margin:0 auto;}
	#header #inner #gnb {top:10px;}
	#header #inner h1.logo { width:140px; margin-top:34px; float:left; border-right:solid 1px #f1f1f1;}
	#header_sub #inner {width:98%; margin:0 auto;}
		#header_sub #inner #gnb {top:10px;}
		#header_sub #inner h1.logo { width:140px; margin-top:28px; float:left; border-right:solid 1px #f1f1f1;}
	
	#footer #inner {width:98%;margin:0 auto; height:43px; position:relative; padding:20px 0}
	#mcontents { width:98%; margin:0 auto;position:relative; height:120px;}
		#mcontents .notice {border-right:0;width:38%;}
		#mcontents .notice .not_list li span { display:none;}
	
	#container {width:95%;margin:0 auto; height:auto; position:relative;padding-bottom:20px;}
	#container #lnb-group {float:left; width:153px; position:relative}
	#container #content-group {float:right; width:75%;position:relative; border-left:solid 1px #ebebe9; padding-left:43px; padding-bottom:70px; }
	#container #content-group .con_title { margin:20% 0 20px 0;}
	.service_more { float:left;margin-bottom:20px;}
	.thumb_area { float:none;font-size:12px; width:400px; margin:0 auto} 
	.thumb_list { float:left;width:167px; height:auto;position:relative; margin:0 3% 3% 3%}

	/*서브인덱스*/
	.grp_subindex {float:none; width:342px; margin:0 auto; border:0}
	.grp_subindex p { padding:20px 0 10px 0; float:left}
	.const_block ul { float:right; width:70%;}
	
	.grp_list dd {width:100%; float:left; margin-top:15px}
	
	.treebu_area .tree_img { float:left; width:45%}
	.treebu_area .tree_txt { float:left; width:50%; line-height:20px; color:#666666; margin-left:20px}
}
	
@media screen and (max-width:830px) {
	
	#nav {display:none}
	#header{width:100%;position:absolute;z-index:9999; background-color:#FFFFFF; background-image:none}
		#header #inner {width:100%;height:65px; position:relative; }
		#header #inner h1.logo {width:140px; margin:15px 0 0 15px; float:left; border-right:0;}
		#header #inner #gnb {top:25px; margin-right:15px}	
	#nav_tbet {display:block}
	#nav_tbet{float:left;width:100%;height:42px; background-color:#999999; position:absolute;}
	#nav_tbet ul {margin:0}		
	#nav_tbet li {float:left;width:50%; background:url(../img/bg_tablet2.png) no-repeat left top;height:40px; line-height:38px;}
	/*#nav_tbet li {float:left;width:49.8%; background-color:#202020;height:40px; line-height:38px; border-bottom:solid 1px #666666;border-right:solid 1px #666666}*/
	#nav_tbet li:nth-child(2n+1) {float:left; background-color:#202020;}
	#nav_tbet li a {font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:24px; letter-spacing:0; display:block; width:100%; height:42px} 
	#nav_tbet li a:hover {color:#ffe44f !important;background-color:#66191b;height:40px;}	
		
	#main_visual {margin-top:182px}
	#main_visual li {float:left;width:50%; height:200px}
	#mcontents {width:460px; margin:0 auto;position:relative; height:250px;}
		#mcontents .notice h2 {left:15px}
		#mcontents .notice {border-bottom:solid 1px #e9e9e9; border-right:0; width:100%}
		#mcontents .notice .not_list li span { display:block;font-size:11px; color:#808080; position:absolute; right:40px; top:0px}
	#footer #inner {width:400px;height:140px; margin:0 auto; position:relative; padding:20px 0;}
	#footer .mark {position:relative; }
	
	/* sub page*/
	#header_sub{background:none; min-width:320px }
		#header_sub #inner {width:100%;height:65px;position:relative}
		#header_sub #inner #gnb {top:25px; margin-right:15px}
		#header_sub #inner h1.logo {width:140px; margin:12px 0 8px 15px; float:left; border-right:0;}
	#menu_history {display:block;width:100%;}
		#menu_history {float:left;background:url(../img/bg_history.png) no-repeat left top;height:42px; margin-top:8px}
		/*#menu_history .allm { float:left; width:63px; height:38px; no-repeat 3px 1px;}*/
		#menu_history .allm{ float:left; padding-top:1px; width:63px; height:37px; display:block; }
		#menu_history .allm a{width:63px; height:37px; display:block; }
		#menu_history .h_title{ color:#FFFFFF; line-height:40px; padding-left:17px; letter-spacing:-0.04em}
		#menu_history .home { float:left; width:40px; height:38px; background:url(../img/ico_home_m.png) no-repeat 20px 13px;display:block; margin-left:5px}
		#menu_history .home a{ display:block; width:40px; height:38px;}
		#menu_history .space { float:left;background:url(../img/bg_his_space.png) 0 6px no-repeat; width:17px; height:38px; display:block}
		
	#snav_tbet {float:left; position:relative; display:block; min-width:320px}
	#snav_tbet{float:left;width:100%;background-color:#999999;}
		#snav_tbet ul {margin:0}		
		#snav_tbet li {float:left;width:100%; background-color:#383838;height:34px; line-height:34px; border-bottom:solid 1px #4f4f4f;}
		#snav_tbet li:nth-child(2n+1) {width:100%;border-right:solid 1px #4f4f4f;}
		#snav_tbet li a {font-size:13px; color:#FFFFFF;letter-spacing:-1px;  height:38px; display:block;} 
		#snav_tbet li a:hover {height:34px;color:#fff !important; background-color:#e04448; display:block; }
		#snav_tbet li .select {height:34px;color:#fff !important; background-color:#e04448; display:block; }
		#snav_tbet li span {padding-left:20px;}
		
	#container {width:95%;margin:0 auto;}
	#container #lnb-group {display:none;}
	#container #content-group {width:100%;border-left:0; padding-left:0;}
	.sub01_view { background:url(../img/sub_01.jpg) no-repeat right top; background-size:100% auto;}
	
	.menu01 {float:left; width:100%; height:120px;}
	
	.thumb_area p { font-weight:bold; color:#333; margin:10px 0 10px 0}
	.const_block ul { float:right; width:76%;}
	.award { width:65%; margin:0 auto; float:none}
	.award li {float:left; width:184px;margin:0 4%}
	
.port_list_4 ul li{ float:left; width:33.3%; border:solid 1px #fff; box-sizing:border-box; margin-bottom:2px; position:relative}
.port_list_3 ul li img { width:100%}
.port_list_4 ul li img { width:100%}
}


@media screen and (max-width:650px) {
	
body,table {font-family:NanumBarunGothic,'나눔바른고딕'}
#wrap { min-width:240px}
	#main {background-color:#30443c; z-index:99}
	#main_visual {width:320px;margin:0 auto;margin-top:196px; margin-bottom:7px;}
	#main_visual li {float:left;width:100%; height:190px; margin-bottom:0;}
	#main_visual li a{width:100%;height:190px; display:block;margin-bottom:5px;}
#main_visual li.mimg1 a:hover{background:url(../img/mimg_1hover.jpg)}
#mcontents .notice .not_list li a { color:#333}
	#mcontents .notice .not_list li { line-height:20px; background:url(../img/bullet_not.png) no-repeat 0 6px; padding-left:10px; font-size:13px; position:relative}
.sub01_view { background:none}
#container #content-group .con_title { margin:10% 0 20px 0;}
.profile_grp .profile { float:left; width:100%; margin-top:30px}
.profile_grp .profile dt { float:left; width:23%; display:block; font-size:20px; color:#1b538f; padding-top:2px}
.profile_grp .profile dd { float:left; width:70%; display:block}
.depth { display:none}
#container #content-group #contents {font-size:14px;}

	
#container #content-group #contents .ceo_img {float:left; width:70%}
#container #content-group #contents .ceo_list {float:left; width:100%; margin-top:50px; font-size:13px; color:#5a7182; padding-left:5%}

/*커뮤니티*/
.bbs_lst .bbs_sub a {font-size:15px;}
.bbs_lst .bbs_sub {float:left;width:61%; padding-right:5%;}
.free_lst .bbs_sub {float:left;width:54%; }
.free_lst .writer {width:19%;}
.free_lst .date { float:right;width:18%;}

.name_gup { padding:20px 0 20px 0; float:left; width:100%;}
.name_gup li { float:left; text-align:center;vertical-align:middle; line-height:16px}.name_gup li a {font-size:14px; color:#044d9b; letter-spacing:-0.07em; }
.name_gup3 li.name { width:29%; }
.name_gup3 li.spc { width:5.5%; }

dl.pro_ex dt { float:left;font-weight:bold; width:26%;border-bottom:solid 1px #f2f2f2;border-right:solid 1px #f2f2f2; padding:8px 0 8px 1%; letter-spacing:-0.05em; font-size:13px; line-height:16px}
dl.pro_ex dd {width:70.5%; float:left;border-bottom:solid 1px #f2f2f2; padding:8px 0 8px 1.5%; font-size:12px; line-height:16px}

.history_block dt { float:left; width:30%; display:block;padding-top:2px}
.history_block dd { float:left; width:70%; display:block}

.award { width:185px; margin:0 auto; float:none}
.mem_pic_r { float:right; width:150px; margin:0 0 20px 25px}
.const_block ul { float:keft; width:100%;}

table.write th{width:25%;color:#000000;border-bottom:solid 1px #f2f2f2; line-height:38px; padding-top:2px}
table.write th em{ color:#FF6633; padding-right:3px}
table.write td{width:70%;padding:10px 6px 10px 10px; line-height:18px;color:#797979;border-bottom:solid 1px #f2f2f2}
.srh_area input { width:45%}
.pro_info { text-align:left; margin-top:20px; float:left; font-size:14px}

dl.pro_ex dt { float:left;font-weight:bold; width:26%;border-bottom:solid 1px #f2f2f2;border-right:solid 1px #f2f2f2; padding:8px 0 8px 1%; letter-spacing:-0.05em; font-size:13px; line-height:16px}
dl.pro_ex dd {width:70.5%; float:left;border-bottom:solid 1px #f2f2f2; padding:8px 0 8px 1.5%; font-size:12px; line-height:16px}

.artrock {  float:none; width:228px; margin:0 auto}
.artrock p { padding:20px 0 10px 0; float:left; width:100%}
.artrock dl { float:left;width:228px;margin:0 0 20px 0;}
.artrock dl.end {margin:0 0 20px 0;}

.sitemap { width:90%; margin:0 auto}
.sitemap .stm {width:40%; height:260px; margin-top:25px; padding-left:15px}
.sitemap li a{ font-size:12px; line-height:26px; font-size:14px}
#container #content-group #contents .con_img .timgtxt { display:none}

.treebu_area .tree_img { float:none; width:60%; margin:0 auto}
.treebu_area .tree_txt { float:left; width:100%; line-height:20px; color:#666666; margin-left:0}

.p_tab_area7 li{ float:left; width:33.1%}
.p_tab_area7 li.end{  border-right:solid 1px #c3c3c2;}

.p_tab_area4 li{ float:left; width:49.4%;height:50px; border-right:solid 1px #c3c3c2; border-bottom:solid 1px #e5e5e4; border-top:solid 1px #e5e5e4;text-align:center;background-color:#f8f8f8}
.p_tab_area4 li.end{  border-right:solid 1px #c3c3c2;}

.p_tab_area2 li{ float:left; width:49.5%;}
.fundbox { width:96%;float:left; margin:10px 0 0 2%; border-bottom:solid 1px #dae5d4}

.p_tab_area5 li{ float:left; width:49.4%;}
.p_tab_area5 li.end{  border-right:solid 1px #c3c3c2;}
.port_list_3 ul li{ float:left; width:50%; border:solid 1px #fff; box-sizing:border-box; margin-bottom:2px; position:relative}
.port_list_4 ul li{ float:left; width:50%; border:solid 1px #fff; box-sizing:border-box; margin-bottom:2px; position:relative}

.sect_2etc { flex-wrap: wrap;}
.sect_2etc .comp { width: 100%;}
}

	
@media screen and (max-width:400px) {
	#mcontents {width:95%; margin:0 auto;position:relative; height:300px; padding-bottom:20px;}	
	#mcontents .notice .not_list {float:left; width:75%; margin-top:26px; margin-left:86px;}
	#mcontents .notice .not_list li span {display:none;}

	#mcontents .icon_box {width:100%; position:relative;}
	#mcontents .icon_box .catalog {width:180px; float:left; margin:15px 20% 15px 22%;}
	#footer #inner {width:95%; margin:0 auto; position:relative; padding:20px 0;}
	
	#container #content-group { float:left; width:100%;}

	
/*커뮤니티*/	
.bbs_lst .num{ float:left; width:9%;font-size:12px;text-align:center; font-size:12px}
.bbs_lst .bbs_sub {float:left;width:91%; padding-right:0}
.bbs_lst .date { display:none}

.thumb_area { float:none;font-size:12px; width:200px; margin:0 auto} 
.list_body  {width:214px; margin:0 auto; float:none}
	.list_body .thumb_img {margin:10px 0 0 0}
	.list_body .thumb_img { width:214px; height:200px;margin-bottom:10px;}
	.list_body .thumb_img dd { font-size:14px} 
	.list_body .thumb_img dd span { font-size:13px} 

.free_lst .bbs_sub {float:left;width:56%; }
.free_lst .writer {width:17%;}
.free_lst .date { float:right;width:18%;}

.view_num .date {float:left; line-height:12px; width:100%; text-align:left; padding-bottom:10px;padding-left:8px}
.view_num .file {float:left; text-align:left; width:100%;padding-left:8px}

.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:4px 6px;border-left:1px solid #e4e4e4;background-color:#fff; font-size:11px;color:#222222;text-decoration:none;vertical-align:top}

.pic_area dl { float:left; width:80%; margin-left:10%}

.thumb_area { float:none;font-size:12px; width:200px; margin:0 auto} 
.sitemap{width:100%; height:250px; margin-top:10px}
.sitemap .stm {width:44%; height:240px;}.sitemap p { letter-spacing:-0.05em}
.sitemap ul { margin:10px 0 0 2px}
.mem_pic_r { float:right; width:120px; margin:0 0 20px 25px}

/*서브인덱스*/
.grp_subindex dl {margin-left:0;float:left; margin-bottom:20px}
.grp_subindex dl.lf { margin-right:0}
.grp_subindex dl .tip { position:absolute; top:0; left:0; width:50px; height:50px}

.grp_list_body  {width:290px; margin:0 auto; float:none}
.p_tab_area7 li{ float:left; width:32.7%}


	}