@charset "utf-8"; 

@media all and (min-width:1025px)
{
        
}

@media all and (max-width:1025px)
{

/* 건자재 무지개 소개 -> 건자재 무지개란? */
.const_table{ width:92%; height:auto; margin:12px 0; border-top:2px solid #444}
}
	
#gnb .all_menu {display:none;}
#side {display:none;}


#header .util_area  {position:absolute; top:35px; right:26px; z-index:51;}
#header .search {display:inline-block; position: absolute; height:42px; top:-9px; right:145px; background-color:#FFF;}
#header .search .search_area {border:2px solid #5b5b5b; width:360px; height:30px; padding:8px 25px 0 5px; z-index:10;}
#header .search .search_area .inputSearch {border:none; height:24px; width:220px; padding-left:8px; outline:none}
#header .search .btn_search {display:inline-block; background:url(../images/common/btn_sch.png) 0 0 no-repeat; width:16px; height:0; padding-top:16px; overflow:hidden; background-size:16px 16px; position:absolute; top:12px; right:8px;}
#header .search .btn_search2 {display:inline-block; overflow:hidden; position:absolute; top:14px; right:30px;}
#header .search .btn_search2 img { width:16px; }
#header .search .btn_search_close {display:inline-block; background:url(../images/common/btn_sch_close.gif) 0 0 no-repeat; width:16px; height:0; padding-top:16px; overflow:hidden; background-size:16px 16px; position:absolute; top:12px; right:8px;}
#header .util_area .util_nav {float:right;}
#header .util_area .util_nav li {float:left; padding:0 12px;}
#header .util_area .util_nav li > a {display:block; color:#4d4e4f; font-weight:bold;}
#header .util_area .util_nav li a:hover {color:#f43836;}
#header .util_area .util_nav li a.nav_me {padding-right:15px;}
#header .util_area .util_nav li a.nav_me:hover,
#header .util_area .util_nav li a.nav_me.on {background-position: right -67px;}
#header .util_area .util_nav li a.admin {display:inline-block; width:18px; height:0; background:url(../images/common/icon_admin.png) 0 0 no-repeat; padding-top:15px; overflow:hidden;}
div.selectBox {position: relative; display:inline-block; width:125px; height:24px; background:url(../images/common/sch_arrow.png) right 50% no-repeat;}
div.selectBox label {position:absolute; top:0; left:5px; font-size:11px; color:#676968; line-height:24px;}
div.selectBox select.color {width:100%; height:24px; min-height:24px; line-height:24px; font-size:11px; color:#676968; padding: 0 5px; opacity:0; filter: alpha(opacity=0);}


#gnb {overflow:hidden;position:absolute; top:35px; left:26px;}
#gnb li {float:left; padding:0 14px;}
#gnb li a {display:block; color:#4d4e4f; font-weight:bold;}
#gnb li a:hover {color:#f43836; text-decoration:underline;}
.gnb_2depth { overflow:hidden; z-index:50; visibility: hidden; background-color:#FFF; padding-top:40px; }
.gnb_2depth li a { display:inline-block; padding:20px; font-weight:bold; color:#4d4e50; background-color:#FFF; border-bottom:1px solid #dcdcdc; width:160px; }
.gnb_2depth li a:hover { display:inline-block; padding:20px; color:#FFF; font-weight:bold; background-color:#ed4948; border-bottom:1px solid #ed4948; }
.gnb_2depth_01about { position:absolute; top:51px; left:10px; }
.gnb_2depth_05me { position:absolute; top:51px; right:10px; }
.gnb_2depth_06help { position:absolute; top:51px; right:10px; }

/*20210708
.contents {padding-bottom:60px;} */
.contents {padding-bottom:0px;}
.cont_bg {background:#f2f3f5;}
.cont_bg01 {background:#e4e4e4;}


h2 {padding-bottom:10px; font-size:35px; color:#28292b; font-weight:bold; text-align:center; padding-top:36px;}
h2.line {background:url(../images/common/h2_line.png) 50% bottom no-repeat; padding-bottom:15px; font-size:22px; color:#28292b; font-weight:bold; text-align:center; padding-top:36px; margin-bottom:15px;}
h2.noline {padding-bottom:15px; font-size:22px; color:#28292b; font-weight:bold; text-align:center; padding-top:36px; margin-bottom:15px;}

.cont_column {position:relative; max-width:1154px; margin:auto;}
.box_wrap {overflow:hidden;}
.box_wrap_main {overflow:hidden; padding-top:50px;}
.box_radius {float:left; width:31%; margin:0 1%; padding-bottom:30px; border:1px solid #d6d8db; border-bottom:1px solid #909396; border-radius:8px; background:#fff;}
.box_radius .imgBox  {border-radius:8px 8px 0 0; overflow:hidden;}
.box_radius .imgBox img {width:100%; height:230px;}
/*20200722_추가*/
.box_wrap_main .box_radius_50 {float:left; width:47%; margin:0 5% 0 0 ; padding-bottom:30px;}
.box_wrap_main .ev {float:left; width:47%; margin:0; padding-bottom:30px;}
/**/
.support_area {margin:20px;}
.support_header {overflow:hidden; margin-bottom:15px;}
.support_header .author_img {position: relative; width:82px; height:82px; float:left;}
.support_header .author_img > img {width:82px; height:82px;}
.support_header .author_img > .img_cover {display:block; width:82px; height:82px; background:url(../images/common/img_radius.png) 0 0 no-repeat; position:absolute; top:0; left:0;}
.support_header .author_img > .img_cover01 {display:block; width:82px; height:82px; background:url(../images/common/img_radius01.png) 0 0 no-repeat; position:absolute; top:0; left:0;}

.support_header .tit_area {margin-left:100px; }
.support_header .tit_area .table_cell {width:100%;  display:table; text-align:left;}
.support_header .tit_area .table_cell .cell {display:table-cell; height:82px; vertical-align:middle;}
.support_header .tit_area .tit {font-size:20px; line-height:24px; font-weight:bold; color:#333; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; max-height:46px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.support_header .cont {line-height:20px;}
.box_radius .cont {line-height:20px; text-overflow:ellipsis; overflow:hidden; height:60px; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.box_radius .btn_main {text-align:center;}
.box_radius .btn_main >.btn_more {display:inline-block; border-bottom:1px solid #333; color:#333; font-weight:bold;}

.btn_area {position: absolute; top:50px; right:1.3%;}
.btn_area .more {display:block; border-radius:3px; border:1px solid #86878a; color:#6b6e70; height:21px; width:63px; font-size:12px; font-weight:bold; text-align:center; line-height:21px;}
.btn_area .more .m_more {display:none;}

.section { max-width:1154px;  margin:auto;}

.lst_more_grouop { max-width:1154px;  margin:auto;}
.lst_more_grouop .lst_more{ border:1px solid #c4c6c9; background-color:#e8eaed; padding:12px 0; text-align:center; margin:40px 15px 0; }
.lst_more_grouop .lst_more span { display:inline-block; background:url(../images/sub/blt_more.png) left 3px no-repeat; padding:0 25px; }

.icon_rainbow_size01 { margin-right:8px; }
.icon_rainbow_size02 { margin-right:8px; width:28px; height:15px; }

/* view */
.view_wrap {overflow:hidden; padding-bottom:60px;}
.view_wrap .author {text-align:center; margin-bottom:30px;}
.view_wrap .project_img {position:relative; float:left; width:59%; }
.view_wrap .project_img img {width:100%; border:1px solid #DDD;}
.view_wrap .project_img .btn_play {display:block; width:89px; height:0; background:url(../images/common/btn_play.png) 0 0 no-repeat; padding-top:90px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-45px 0 0 -45px;}
.supporter_info {float:left; margin-left:3%; width:37%;}
.supporter_info .rate_area {margin:0 0 20px;}

/*.info {border-bottom:1px solid #c8caca;}*/
.info dd {font-size:45px; color:#000; font-weight:bold; margin-bottom:28px;}
.info dd .f_14 {color:#6b6e70; font-weight:normal;}
.view_wrap .support_area {margin:25px 0 0 0; border-top:1px solid #c8caca; padding-top:25px;}
.view_wrap .support_header .tit_area .table_cell {width:100%;  display:table;}
.view_wrap .support_header .tit_area .table_cell .cell .author {font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; text-align:left;}

.supporter_icon {display:inline-block;overflow:hidden; }
.supporter_icon li {float:left; font-size:14px; font-weight:normal; height:38px; border:1px solid #c8caca; margin-right:3px; background:#f5f5f5;}
.supporter_icon li a {display:inline-block;background:url(../images/common/icon02.png) 0 0 no-repeat; background-size:22px 131px; line-height:38px;}
.supporter_icon li a.supporter01 {background-position:13px 12px; padding-left:36px; padding-right:6px;}
.supporter_icon li a.supporter02 {background-position:13px -43px; padding-left:39px; padding-right:15px;}
.supporter_icon li a.supporter03 {background-position:13px -102px; padding-left:39px; padding-right:15px;}
.supporter_icon li a.supporter_lst {background:none !important; line-height:38px; padding:0 12px 0 0; }
.supporter_icon li a.supporter_lst img { vertical-align:middle; }


/*프로젝트소개*/
.project_area {padding:40px 10px;}
.project_area .img_area img  {}
.cont_txt {line-height:24px;}

.project_info {border:1px solid #cbcccd; border-top:3px solid #f43836; padding:30px 40px 0 40px; overflow:hidden; margin-bottom:30px;}
.project_info .support_area {width:52%; float:left; margin:0; margin-right:4%;}
.project_info .support_header .tit_area .table_cell {width:100%;  display:table;}
.project_info .support_header .tit_area .table_cell .cell .author {font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; text-align:left;}
.project_info .support_header .cont {line-height:20px; }
.project_info .info {border-bottom:none; float:left; margin-left:4%; margin-top:15px;;}
.project_info .info dd {font-size:45px; color:#000; font-weight:bold; margin-bottom:28px;}
.project_info .info dd .f_14 {color:#6b6e70; font-weight:normal;}
.project_info .project_bottom {border-top:1px solid #cbcccd; background:#f7f7f7; clear:both; margin:0 -40px; padding:20px 0; text-align:center;}
.project_info .supporter_icon {display:inline-block; vertical-align:middle;}
.project_info .supporter_icon li {float:left; font-size:14px; font-weight:normal;height:38px; border:1px solid #c8caca; background:#fff;}

/* 새로운소식 */
.story_list {overflow:hidden; width:100%; padding-top:20px; margin-bottom:30px;}
.story_list li {margin-top:20px;}
.story_box {border:1px solid #c8caca; padding:30px;}
.story_box .date {font-size:18px; color:#ff3333; font-weight:bold;}
.story_box .tit {font-size:24px; color:#333; font-weight:bold; margin:5px 0 25px 0;}
.story_box .img {margin-top:25px;}
.story_box .img img {width:;}
.story_box .con { line-height:24px; }
.btn_group_center { position:relative; width:100%; text-align:center; }
.btn_right { position:absolute; right:0; top:0; }


/* 댓글 */
.comment {position:relative; margin-top:30px; }
.comment .blt_com {position:absolute; top:18px; right:0;}
.comment .blt_com  {background:url(../images/common/blt_l.png) 0 -81px no-repeat; padding-left:20px; line-height:20px;}
.comment .blt_com_m { position:relative; display:none; margin:5px 0 0 5px; }
.comment .blt_com_m  {background:url(../images/common/blt_l.png) 0 -81px no-repeat; padding-left:20px; line-height:20px;}
.comment_type {overflow:hidden; border-left:1px solid #c8caca; margin-top:50px; }
.comment_type li {float:left; font-size:12px; font-weight:normal; border:1px solid #c8caca; margin-left:-1px; background:#fff;}
.comment_type li a {display:block; background:url(../images/common/icon01.png) 0 0 no-repeat; background-size:22px 131px; height:23px;padding-top:30px; text-align:center; width:135px;}
.comment_type li a.supporter01 {background-position:52% 11px;}
.comment_type li a.supporter02 {background-position:50% -46px;}
.comment_type li a.supporter03 {background-position:50% -105px;}
.comment_type li.on {background:#f4f4f5;}
.com_write {margin-top:-1px; background:#f4f4f5; border:1px solid #c8caca; padding-left:10px;}
.com_write textarea {width:100%; height:120px; outline:none; resize:none;}
.comment .btn_wrap {text-align:center; margin:40px 0;}

.viw_comment { border-top:2px solid #ef292e; margin:50px 0; position:relative; }
.viw_comment h4 { color:#28292b; text-align:center; font-size:30px; font-weight:bold; margin:30px 0; }
.viw_comment .viw_textarea_group {background:#fff; margin-right:100px; }
.viw_comment .viw_textarea_group textarea { border:1px solid #c8caca; height:70px; padding:10px 0; width:100%; }
.viw_comment .viw_comment_btn { display:inline-block; width:90px; height:90px; line-height:90px; color:#FFF; background-color:#8b8d90; text-align:center; position:absolute; right:0; bottom:5px; }

.textarea {width:100%; padding:10px 0; background:none; border:none; outline:none; resize:none;}
.comment_list {border-top:1px solid #c8caca; margin-bottom:60px;}
.comment_list li {overflow:hidden; border-bottom:1px solid #e3e6e6;}
.comment_list li dl {position:relative; padding:30px;}
.comment_list li dl dt {margin-left:90px; margin-bottom:15px;}
.comment_list li dl dt .author {color:#333; font-weight:bold; display:inline-block; margin:0 3px;}
.comment_list li dl dt .date {font-size:12px;}
.comment_list li dl dd.author_img {position: absolute; top:30px; left:30px; width:68px; height:68px; float:left; }
.comment_list li dl dd.author_img > img {width:68px; height:68px;}
.comment_list li dl dd.author_img > .img_cover02 {display:block; width:68px; height:68px; background:url(../images/common/img_radius02.png) 0 0 no-repeat; position:absolute; top:0; left:0;}
.comment_list li dl dd.comment_txt {margin-left:90px; line-height:22px;}
.comment_list li .btn_wrap { display:inline; margin:0 10px; }
.comment_list li .btn_reply {color:#333; text-decoration:underline; font-weight:bold;}
.comment_list li .btn_wrap_delete { float:right; }

.reply_area {background:#f9f9fb;}
.reply_write {background:#f9f9fb; padding:20px; position:relative; border-top:1px solid #e3e6e6;}
.reply_write .com_write {background:#fff; margin-right:100px;}
.reply_write .com_write .textarea {height:70px;}
.reply_write .btn_replySave {display:block; width:90px; height:90px; line-height:90px; background:#ff3333; color:#fff; font-weight:bold; text-align:center; position:absolute; top:20px; right:20px;}
.reply_area .reply_list li {border-bottom:none; border-top:1px solid #e3e6e6; background:url(../images/common/bt_reply.png) 30px 20px no-repeat; padding-left:20px;}
.reply_area .reply_list li dl {padding:20px 30px;}
.reply_area .reply_list li dl dt {margin-left:70px; margin-bottom:15px;}
.reply_area .reply_list li dl dd.author_img {position: absolute; top:20px; left:30px; width:56px; height:56px; float:left; }
.reply_area .reply_list li dl dd.author_img > img {width:56px; height:56px;}
.reply_area .reply_list li dl dd.author_img > .img_cover02 {display:block; width:56px; height:56px; background:url(../images/common/img_radius02_re.png) 0 0 no-repeat; position:absolute; top:0; left:0;}
.reply_area .reply_list li dl dd.comment_txt {margin-left:70px; line-height:22px;}
.reply_area .reply_list li dl dd.comment_txt span.reply_name { display:inline-block; background:url(../images/sub/blt_reply.png) left top no-repeat; border:1px solid #818386; line-height:12px; padding:3px 5px 4px 18px; color:#FFF; font-size:12px; margin-right:5px; }

.type {background:url(../images/common/icon01.png) 0 0 no-repeat; background-size:22px 131px; overflow:hidden; display:inline-block; vertical-align:top;}
.type.icon01 {background-position:0 0; width:18px; height:0; padding-top:15px;}
.type.icon02 {background-position:0 -55px; width:22px; height:0; padding-top:17px;}
.type.icon03 {background-position:0 100%; width:15px; height:0; padding-top:19px;}


/* me layer 
.me_layer {position:absolute; top:52px; right:-27px; width:600px; background:#fff; border:1px solid #c8caca; overflow:hidden;}
.me_box {float:left; width:240px; height:150px; padding:30px; position:relative;}
.me_box.line {border-left:1px solid #c8caca; width:239px;}
.me_box .metit {font-size:16px; font-weight:bold; color:#333;}
.me_box .me_list {margin-top:10px;}
.me_box .me_list li { float:none !important; line-height:24px; padding:0 !important;}
.me_box .me_list li a {background:url(../images/common/blt_l.jpg) 0 8px no-repeat; padding-left:10px; font-weight:normal !important; color:#6b6e70 !important; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; max-width:230px;}
.me_box .btn_more {display:block; border-radius:3px; border:1px solid #86878a; color:#6b6e70; height:17px; width:53px; font-size:12px; font-weight:bold; text-align:center; line-height:17px; position:absolute; top:30px; right:20px;}
.me_setting {clear:both; position:relative;}
.me_setting .metit  {height:35px; line-height:35px; background:#f6f6f6; border-top:1px solid #c8caca; border-bottom:1px solid #c8caca; font-size:16px; font-weight:bold; color:#333; padding-left:20px;}
.setting {padding:20px; overflow:hidden;}
.setting .txtarea { float:left; margin-left:15px; width:400px; height:72px; background:#fff; border:1px solid #c8caca; outline:none; resize:none; color:#6b6e70; padding:14px;}
.me_setting .author_img {position: relative; width:102px; height:102px; float:left;}
.me_setting .author_img > img {width:102px; height:102px;}
.me_setting .author_img > .img_cover03 {display:block; width:102px; height:102px; background:url(../images/common/img_radius03.png) 0 0 no-repeat; position:absolute; top:0; left:0;}
.me_setting .author_img .btn_photoEdit {display:block; width:35px; height:0; padding-top:35px; background:url(../images/common/btn_photoEdit.png) 0 0 no-repeat; overflow:hidden; position:absolute; left:0; bottom:0;}
.me_setting .btn_save {display:inline-block; line-height:21px; font-size:12px; font-weight:bold; color:#ffffff; background:#323334; border-radius:3px; padding:0 15px; position:absolute; top:8px; right:20px;}
.layer_wrap {display:none;}*/

/*셀렉트*/
.selectLayer {display:inline-block; border:1px solid #fff; position:relative; width:410px; z-index:10; height:43px; vertical-align:middle;}
.selectLayer .tit a {display:block; background:url(../images/common/select_arrow.png) 95% 50% no-repeat; padding:0 25px 0 5px; font-size:30px; color:#f5ff60; font-weight:bold; line-height:43px; height:43px; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.selectLayer ul {position:absolute; width:410px; font-size:11px; color:#676968; top:44px; left:-1px; background:#0b0b0e; border:1px solid #b8b8b8; display:none;}
.selectLayer ul li a  {display:block; line-height:20px; padding-left:5px; font-size:30px; color:#f5ff60; font-weight:bold; line-height:43px; letter-spacing:-1px;}


/* main visual */
.main_visual_img { background-color:#000; height:auto; font-size: 0; }
.main_visual_img img {width:100%; opacity:0.4 !important; filter:alpha(opacity=40); }
.visual_txt {max-width:1025px; text-align:center; margin:auto;}
.visual_txt .h_txt {font-size:45px; font-weight:normal; color:#fff; margin-bottom:10px;}
.visual_txt .f_16 {color:#fff; margin-bottom:25px; line-height:23px;}
.btn_quick {display:inline-block; border:1px solid #6c6c6c; background:#202122; border-radius:9px; height:43px; line-height:43px; padding:0 49px; font-size:20px; font-weight:bold; color:#fff;}

.main_visual_const_img { background-color:#000; height:350px; width:100%; text-align:center; background:url(../images/sub/const_main_banner.jpg) center top no-repeat; padding-top:107px; background-size: cover}
.main_visual_const_img img {height:450px !important; width:100%; opacity:0.4 !important; filter:alpha(opacity=40); }
.main_visual_const_img h3 { font-size:45px; color:#FFF; font-weight:bold; background:url(../images/sub/h3_tline.gif) 50% top no-repeat; padding-top:10px; }
.main_visual_const_img p.sub_txt { color:#fff; font-size:16px; margin-top:20px; line-height:22px; }



/* 그래프 */
.rate_area {margin:0 20px 20px; overflow:hidden;}
.rate_area span {display:inline-block;}
.rate_area .rate_bg {display:block; height:13px; border-radius:6px; background:#c3c3c3; margin-right:55px; overflow:hidden;}
.rate_area .rate_bg .rate_bar {display:inline-block; height:0; background:#ff3333; padding-top:13px;}
.rate_area .rate {float:right; width:55px; text-align:right; display:block; color:#ff3333; margin-top:-14px; font-weight:bold;}


.field {display:inline-block; background:url(../images/common/blt_l.png) 0 0 no-repeat; padding-left:20px; margin-left:10px;}


/* 01.About 무지개 */
.sub_visual_intro { height:300px; width:100%; text-align:center; background:url(../images/sub/visual_intro.jpg) center top no-repeat; padding-top:130px; }
.sub_visual_intro 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_intro p.sub_txt { color:#b6b6b6; font-size:16px; margin-top:20px; line-height:22px; }
.sub_visual_intro2 { height:290px; width:100%; text-align:center; background:url(../images/sub/visual_intro.jpg) center top no-repeat; padding-top:50px; }
.sub_visual_intro2 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_intro2 p.sub_txt { color:#b6b6b6; font-size:16px; margin-top:20px; line-height:22px; }
.intro_group h4 { background:url(../images/sub/h4_bline.gif) 50% bottom no-repeat; margin-top:70px; padding-bottom:30px; text-align:center; font-size:35px; color:#6c6c70; letter-spacing:-3px; line-height:45px; }
.intro_group .intro_text_group { display:inline-block; margin-top:60px; }
.intro_group .intro_text_group li { float:left; }
.intro_group .intro_text_group li.intro_img { width:30%; }
.intro_group .intro_text_group li.intro_txt {  margin-left:50px; width:62%; -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
.intro_group .intro_text_group li dl.intro01 { margin-top:20px; background:url(../images/sub/number01.gif) 12px top no-repeat; padding-left:55px; }
.intro_group .intro_text_group li dl.intro02 { margin-top:60px; background:url(../images/sub/number02.gif) left top no-repeat; padding-left:55px; }
.intro_group .intro_text_group li dl.intro03 { margin-top:60px; background:url(../images/sub/number03.gif) left top no-repeat; padding-left:55px; }
.intro_group .intro_text_group li dl dt { color:#28292b; font-weight:bold; font-size:22px; letter-spacing:-1px; margin-bottom:5px }
.intro_group .intro_text_group li dl dt span { color:#ed4948; }
.intro_group .intro_text_group li dl dd { line-height:24px; }
.intro_group .intro_text_group li dl dd.blt_txt { background:url(../images/sub/txt_blt.gif)left 11px no-repeat; padding-left:9px; }
.intro_group .intro_tip_box { border:1px solid #e0e0e0; background-color:#f6f5f5; text-align:center; padding:40px 0; margin-top:50px; }
.intro_group .intro_tip_box .intro_tip { display:inline-block; background:url(../images/sub/icon_tip.png) left top no-repeat; padding-left:125px; text-align:left; min-height:98px; line-height:22px; }
.intro_group .intro_tip_box .intro_tip_process { display:inline-block; background:url(../images/sub/icon_tip.png) left top no-repeat; padding-left:125px; text-align:left; min-height:98px; line-height:22px; width:80%; }
.intro_group .intro_tip_box .intro_tip_process .tip_process_banner { margin:30px auto 0; width:450px; }
.intro_group .intro_tip_box .intro_benefit { display:inline-block; background:url(../images/sub/icon_tip2.png) left top no-repeat; padding-left:125px; text-align:left; min-height:98px; line-height:22px; }
.intro_group .intro_tip_box .intro_tip_title { font-size:18px; font-weight:bold; color:#ea2625; margin-bottom:8px; }
.intro_group .intro_tip_box .tip_txt li { background:url(../images/sub/txt_blt.gif)left 11px no-repeat; padding-left:9px; }
.intro_group .intro_tip_box ul.tip_box_new { overflow:hidden; }
.intro_group .intro_tip_box ul.tip_box_new li { width:33%; border-left:1px solid #dbdbdb; float:left; }
.intro_group .intro_tip_box ul.tip_box_new li:first-child { border-left:none; }
.intro_group .intro_tip_box ul.tip_box_new li .tip_txt_group { height:130px; }
.intro_group .intro_tip_box ul.tip_box_new li p.title { font-size:18px; color:#ed4948; font-weight:bold; text-align:left; margin:20px 30px 10px 40px; line-height:26px; }
.intro_group .intro_tip_box ul.tip_box_new li p.txt { text-align:left; margin:0 20px 0 40px; line-height:24px; }
.intro_group .intro_img_group { text-align:center; margin:70px 0 80px; }
.intro_group .intro_img_group_m { display:none; }

.intro_group .intro_title_txt { text-align:center; line-height:24px; }
.intro_group .intro_title_txt2 { padding:25px 20px 0; }
.intro_group .intro_txt_img { margin-top:30px; background-color:#f5f5f5; padding:20px; display:inline-block; }
.intro_group .intro_txt_img p { line-height:20px; margin-bottom:3px; background-image:none !important; padding-left:0 !important; }
.intro_group .intro_txt_img p span { font-size:14px; color:#28292b; font-weight:bold; margin:20px 0 2px; clear:both; }
.intro_group .intro_txt_img p img { vertical-align:middle; margin-right:10px; }
.intro_group h5 { font-size:28px; color:#28292b; font-weight:bold; letter-spacing:-1px; margin-bottom:20px; line-height:34px; }
.intro_group h5 span { font-size:20px; font-weight:normal; }
.intro_group h5 span.point_color { font-size:28px; color:#ff3333; font-weight:bold; letter-spacing:-1px; }
.intro_group h5.rule_title { font-size:22px; color:#28292b; font-weight:bold; letter-spacing:-1px; margin-bottom:20px; }
.intro_group .txt_group { border-top:1px solid #c8caca; margin-top: 30px;    padding: 50px 20px 30px }
.intro_group .txt_group_first { padding:100px 20px 0; }
.intro_group .txt_group .intro_img02_m { display:none; }
.intro_group .intro_txt_list { display:inline-block; }
.intro_group .intro_txt_list li { float:left; }
.intro_group .intro_txt_list li.txt_list_img { margin:0 40px 0 20px; }
.intro_group .intro_txt_list li.txt_list_txt p { background:url(../images/sub/txt_blt.gif)left 10px no-repeat; padding-left:9px; margin-bottom:5px; line-height:22px; }
.intro_group .intro_txt_list li.txt_list_txt p.list_txt { font-size:16px; color:#252628; margin-top:15px; background-image:none; padding-left:0; }
.intro_group .intro_txt_list li.txt_list_txt p.blt_none { background:none; padding-left:0; }

.intro_group .intro_img_box { background-color:#f6f5f5; border:1px solid #e0e0e0; width:100%; text-align:center; padding:40px 0; margin-top:20px; }
.intro_group .intro_img_box_w { background-color:#FFF; width:100%; margin-top:20px; }
.intro_group .intro_idea_box ul { overflow:hidden; display:inline-block; width:100%; }
.intro_group .intro_idea_box ul li { float:left; width:33%; border-left:1px solid #c8caca; text-align:center; padding:20px 0;}
.intro_group .intro_idea_box ul li:first-child { border:none; }
.intro_group .intro_idea_box ul li p { width:70%; line-height:20px; margin:0 auto; }
.intro_group .intro_idea_box ul li p.txt_img { margin-top:20px; }
.intro_group .intro_ex_group { border:1px solid #e0e0e0;  text-align:center; padding-top:60px; margin-top:60px; }
.intro_group .intro_ex_group .intro_title_line { display:inline-block; height:2px; width:45px; background-color:#f33533; margin:0 auto; }
.intro_group .intro_ex_group .intro_ex_img { margin:30px 0; }
.intro_group .intro_ex_group .intro_ex_person {  background-color:#f6f5f5; }
.intro_group .intro_ex_group .intro_ex_person ul { display:inline-block; border-top:1px solid #e0e0e0; }
.intro_group .intro_ex_group .intro_ex_person ul li { float:left; padding:40px 0; text-align:left; }
.intro_group .intro_ex_group .intro_ex_person ul li.first { background-color:#fafafa; border-right:1px solid #e0e0e0; width:49%; }
.intro_group .intro_ex_group .intro_ex_person ul li.last { background-color:#f6f5f5; width:50%; }
.intro_group .intro_ex_group .intro_ex_person ul li div.txt { padding:0 30px; line-height:24px; }



/* 01.About 무지개_사내전문가제도 */
.sub_visual_pool { height:300px; width:100%; text-align:center; background:url(../images/sub/visual_pool.jpg) center top no-repeat; padding-top:130px; }
.sub_visual_pool 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_pool p.sub_txt { color:#b6b6b6; font-size:16px; margin-top:20px; line-height:22px; }
.pool_intro_group { padding-bottom:60px; border-bottom:1px solid #c8caca; }
.pool_intro_group ul { display:inline-block; clear:both; margin-top:60px; width:100%; }
.pool_intro_group ul li { float:left; }
.pool_intro_group ul li.txt { width:80%; line-height:22px; }
.pool_intro_group ul li.img { width:135px; }
.pool_intro_group ul li dl dt { font-size:30px; color:#28292b; font-weight:bold; margin-bottom:15px; line-height:33px; }

h4.stitle { display:inline-block; font-size:30px; color:#28292b; font-weight:bold; background-color:#FFF; padding:0 20px; letter-spacing:-2px; }
.h4stitle_bg { background:url(../images/sub/title_bg.gif) left 50% repeat-x; width:100%; text-align:center; margin-top:60px; }

.supporter_pool_title { font-size:20px; font-weight:bold; color:#28292b; margin-top:50px; letter-spacing:-1px; }
.supporter_pool_group { display:inline-block; width:100%; margin-top:30px; }
.supporter_pool_group .supporter_pool_box { float:left; width:42%; border:1px solid #c8caca; border-top:2px solid #ed4948; margin:15px 0 0 20px; padding:40px 30px 0; position:relative; }
.supporter_pool_group .supporter_pool_box ul li.text { float:left; line-height:22px; overflow:hidden; width:70%; height:175px; }
.supporter_pool_group .supporter_pool_box ul li.text p.title { font-size:20px; font-weight:bold; color:#28292b; margin-bottom:5px; letter-spacing:-1px; }
.supporter_pool_group .supporter_pool_box ul li.text p.part { background:url(../images/sub/icon_part.gif) left 4px no-repeat; color:#28292b; padding-left:18px; margin-bottom:10px }
.supporter_pool_group .supporter_pool_box ul li.text p.view_txt { display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; text-overflow:ellipsis; height:68px; overflow:hidden; }
.supporter_pool_group .supporter_pool_box ul li.text p span.all_btn { color:#28292b; text-decoration:underline; font-weight:bold; cursor:pointer; }
.supporter_pool_group .supporter_pool_box ul li.img { float:right; position:relative; width:110px; }
.supporter_pool_group .supporter_pool_box ul li.img img { width:110px; height:110px; }
.supporter_pool_group .supporter_pool_box ul li.img div.img_cover04 { display:block; width:110px; height:110px; background:url(../images/common/img_radius04.png) left top no-repeat; position:absolute; top:0; left:0; }

.pool_participation_group { width:80%; margin:0 auto; background-color:#FFF; border-top:2px solid #ed4948; border-bottom:1px solid #c8caca; border-left:1px solid #c8caca; border-right:1px solid #c8caca; text-align:center; margin-top:50px; }
.pool_participation_group .pool_participation { font-size:20px; margin:60px 30px; line-height:38px; }
.pool_participation_group .pool_participation input.pool_participation_input { border:2px solid #ed3433; padding:6px 10px; margin:0 10px; }
.pool_participation_group .pool_participation_rule { background-color:#fafafa; border-top:1px solid #c8caca; padding:30px 40px; text-align:left; }
.pool_participation_group .pool_participation_rule ul li { background:url(../images/sub/txt_blt.gif)left 11px no-repeat; padding-left:9px; line-height:22px; }

.pool_help_searchbox { width:70%; margin:0 auto; background-color:#fafafa; border-top:2px solid #ed4948; border-bottom:1px solid #c8caca; border-left:1px solid #c8caca; border-right:1px solid #c8caca; text-align:center; margin-top:50px; }
.pool_help_searchbox .pool_help_txt { margin:40px 0; display:inline-block; }
.pool_help_searchbox .pool_help_txt li { background:url(../images/sub/txt_blt_red.gif) left 19px no-repeat; font-size:20px; padding-left:12px; text-align:left; }
.pool_help_searchbox .pool_help_txt li.pop { background-image:none; padding-left:0; text-align:left; }
.pool_help_searchbox .pool_help_txt li span { display:inline-block; width:330px; }
.pool_help_searchbox .pool_help_txt input.help_search { border:2px solid #ed3433; height:36px; line-height:36px; padding:0 10px; margin:5px 0 0 10px; width:200px; vertical-align:bottom; }
.pool_help_searchbox .pool_help_txt .btn_pool_search { display:inline-block; height:32px; line-height:32px; background-color:#ed3433; font-size:16px; font-weight:bold; color:#FFF; padding:0 20px; margin-top:5px; }
.pool_help_searchbox .pool_help_txt .btn_pool_search_pop { display:inline-block; height:40px; line-height:40px; background-color:#ed3433; font-size:16px; font-weight:bold; color:#FFF; padding:0 20px; margin-top:5px; }
.pool_help_choice { width:70%; margin:0 auto; border:1px solid #c8caca; text-align:center; margin-top:5px; }
.pool_help_choice p { margin:15px 0; font-size:18px; font-weight:bold; color:#28292b; }
.pool_help_choice p img { vertical-align:middle; margin:0 5px; }
.pool_help_box { border-top:1px solid #c8caca; margin-top:50px; padding-top:50px; }
.pool_help_box p.pool_help_title { font-size:16px; color:#28292b; font-weight:bold; margin-bottom:10px; line-height:22px; }
.pool_help_box textarea { width:100%; border:1px solid #dadce0; height:150px; }

.supporter_ex_group { border:1px solid #e0e0e0; margin-top:80px; }
.supporter_ex_group .supporter_ex_content { background-color:#f6f5f5; width:100%; text-align:center; }
.supporter_ex_group .supporter_ex_content h5 { color:#28292b; font-weight:bold; font-size:30px; padding-top:40px; }
.supporter_ex_group .supporter_ex_content .ex_tab_group { display:inline-block }
.supporter_ex_group .supporter_ex_content .ex_tab_group li { float:left; }
.supporter_ex_group .supporter_ex_content .ex_tab_group li.ex_tab { display:inline-block; width:140px; height:42px; background:url(../images/sub/ex_tab.gif) left top no-repeat; line-height:32px; }
.supporter_ex_group .supporter_ex_content .ex_tab_group li.ex_tab a { font-weight:bold; color:#FFF; }
.supporter_ex_group .supporter_ex_content .ex_tab_group li.ex_tab a:hover { display:inline-block; width:140px; height:42px; background:url(../images/sub/ex_tab_on.png) left top no-repeat; line-height:32px; }
.supporter_ex_group .supporter_ex_content ul.tabs li.active, .supporter_ex_group .supporter_ex_content ul.tabs li.active a:hover { display:inline-block; width:140px; height:42px; background:url(../images/sub/ex_tab_on.png) left top no-repeat; line-height:32px; }
.supporter_ex_group .supporter_ex_content .ex_con { display:inline-block; margin:30px 0; }
.supporter_ex_group .supporter_ex_content .ex_con li { float:left; }
.supporter_ex_group .supporter_ex_content .ex_con li.img { width:380px; }
.supporter_ex_group .supporter_ex_content .ex_con li.txt { width:600px; margin-left:5px; text-align:left; line-height:20px; }
.supporter_ex_group .supporter_ex_content .ex_con li.txt p.title { font-size:25px; color:#28292b; margin-bottom:12px; letter-spacing:-1px; }
.supporter_ex_group .supporter_ex_txt { background-color:#FFF; border-top:1px solid #e0e0e0; width:100%; text-align:center; padding:40px 0; font-size:16px; line-height:24px; }


/* 02아이디어 내기 */
.cont_img {background:url(../images/common/img_bg.jpg) 50% 50% no-repeat; height:615px; background-size:100% 100%;}
.start_form {text-align:center; padding-top:110px;}
.start_form .header_txt {font-size:35px; color:#c9c9c9; font-weight:bold; line-height:44px; letter-spacing:-1px; }
.start_form .header_txt span.line { display:inline-block; background-color:#f43836; margin:30px auto 40px; width:50px; height:1px; }
.start_form .header_txt p {color:#ccc; font-size:14px; font-weight:normal; margin-top:10px;}
.start_form .header_txt span.f_20 {color:#c9c9c9; font-size:20px; font-weight:normal; margin-top:10px;}
.start_form .txt_form {font-size:35px; color:#fff; font-weight:bold; margin-top:15px;}
.start_form .inputTxt {border:1px solid #fff; background:none; line-height:43px; height:43px; width:520px; text-align:left; font-size:35px; color:#f5ff60; font-weight:bold; outline:none;}
.start_form .txt_form {vertical-align:bottom;}
.start_form .btn_arrow {display:inline-block; height:48px; line-height:48px; background:#ed4948 url(../images/common/btn_arrow.png) 90% 18px no-repeat; font-size:25px; font-weight:bold; color:#fff; padding:0 82px 0 52px; margin-top:60px;}

.quick_area {overflow:hidden;}
.quick_area li {float:left; width:50%; background:#fff; padding:60px 0; text-align:center;}
.quick_area li:first-child {background:#f3f3ed;}
.quick_area li .tit {background:url(../images/common/h2_line.png) 50% top no-repeat; background-size:48px 1px; padding-bottom:15px; font-size:22px; color:#28292b; font-weight:bold; text-align:center; padding-top:19px; margin-bottom:15px;}
.quick_area li .tit p {font-size:14px; color:#6b6e70; font-weight:normal; margin-top:15px;}

.start_title { padding-top:70px; }
.start_title p { width:100%; text-align:center; padding-bottom:10px; line-height:20px; }
.start_title p.s_title { font-size:28px; font-weight:bold; color:#28292b; }
.table_tline { border-top:2px solid #000; }

ul.board_wrt { width:100%; display:inline-block; }
ul.board_wrt li { margin:10px 0; height:100%; width:100%; padding:20px 0; border-bottom:1px solid #c8caca; display:table; }
ul.board_wrt li p.wrt_th { width:14%; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; display:table-cell; }
ul.board_wrt li p.wrt_td { float:left; width:100%; }
.idea_make_wrt { padding:30px; }
.idea_make_wrt_10 { padding:10px; }
.idea_make_wrt_10 img{ width:95%;}

span.txt_impor { background:url(../images/sub/icon_input_txt.gif) left top no-repeat; padding-left:20px; color:#28292b; font-size:12px; }
ul.goal { display:inline-block; margin:0; }
ul.goal li { float:left; margin:0 30px 0 0; padding:0; border-bottom:none; }
ul.goal label { margin-left:4px; margin-right:10px; }
span.invalid { display:inline-block; color:#f31a1a; margin-top:8px; background:url(../images/sub/icon_input_txt_red_png.png) left 1px no-repeat; padding-left:20px; text-align:left; }

.board_wrt input { border:1px solid #dadce0; padding:16px 0; }
.board_wrt textarea { border:1px solid #dadce0; }
.board_wrt textarea.aboutme  { background:url(../images/sub/textarea_txt03.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size:14px; background-color:#FFF; }
.board_wrt textarea.aboutme_txt  { height:130px; width:90%; padding:20px; }
.board_wrt select { border:1px solid #dadce0; padding:10px; }

.table-responsive {min-height:.01%; overflow-x:auto;}
.table-responsive2 {min-height:.01%; overflow-x:auto;}

.filebox_img { width:95%; padding:10px; border:1px solid #dadce0; border-bottom:none; background-color:#f2f3f5; text-align:center; }
.filebox_img img { height:200px; }
.filebox input[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.filebox label.me_photo { display:inline-block; background:url(../images/sub/textarea_txt10.gif) center 50% no-repeat ; width:92%; height:80px; padding:10px; font-size:14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.img_registration { display:inline-block; background:url(../images/sub/textarea_txt01.gif) center 50% no-repeat ; width:95%; height:100px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.content { display:inline-block; background:url(../images/sub/textarea_txt02.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.new_notice { display:inline-block; background:url(../images/sub/textarea_txt04.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.movie { display:inline-block; background:url(../images/sub/textarea_txt05.gif) center 50% no-repeat ; width:95%; height:120px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.img_representative { display:inline-block; background:url(../images/sub/textarea_txt06.gif) center 50% no-repeat ; width:95%; height:120px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.img_movie { display:inline-block; background:url(../images/sub/textarea_txt09.gif) center 50% no-repeat ; width:95%; height:120px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox label.aboutme_img { display:inline-block; background:url(../images/sub/textarea_txt07.gif) center 50% no-repeat ; width:95%; height:90px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox .wrt_content { display:inline-block; background:url(../images/sub/textarea_txt08.gif) center 50% no-repeat ; width:95%; height:300px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}
.filebox .upload-name { display:none; padding:10px; font-size: 14px; border:1px solid #dadce0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.filebox label.notice_movie { display:inline-block; background:url(../images/sub/textarea_txt11.gif) center 50% no-repeat ; width:95%; height:100px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0;}

/* image file upload progress */
.progress { position:relative; width:300px; border:1px solid #dcdcdc; padding:3px; border-radius: 3px; display:none;}
.bar { background-color:#c9cbcc; width:0%; height:15px; border-radius:3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; font-size:12px; color:#28262b; }

/* 04.Notice */
.sub_visual_notice { background:url(../images/sub/visual_notice.jpg) center top no-repeat; padding-top:80px; }
.sub_visual_notice p.sub_txt { color:#b6b6b6; font-size:16px; margin-top:20px; line-height:22px; }
.notice_txt_group { background-color:#f6f5f5; border:1px solid #e0e0e0; padding:35px 40px; margin-top:40px; }
.notice_txt_group ul li { background:url(../images/sub/icon_input_txt_red.gif) left 6px no-repeat; padding-left:20px; line-height:24px; }

.board_top_group { display:inline-block; width:100%; margin-top:50px; }
.board_top_group .top_search { float:left; width:70%; }
.board_top_group .top_search select { border:1px solid #dadce0; padding:10px; }
.board_top_group .top_search input { border:1px solid #dadce0; padding:10px; }
.board_top_group .top_btn { float:left; text-align:right; width:30%; }

.board_lst { border-top:2px solid #000; width:100%; }
.board_lst th { border-bottom:1px solid #dcdcdc; padding:18px 0; background-color:#f9f9f9; color:#212222; font-weight:bold; }
.board_lst td { border-bottom:1px solid #dcdcdc; height:50px; text-align:center; padding:0 10px; }
.board_lst td img { vertical-align:middle; margin-right:4px; }
.board_lst td.board_title { text-align:left; }
.board_lst td.title_red { text-align:left; background:url(../images/sub/icon_rainbow_red.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_red a { color:#f32a28; }
.board_lst td.title_orange { text-align:left; background:url(../images/sub/icon_rainbow_orange.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_orange a { color:#ee7a24; }
.board_lst td.title_yellow { text-align:left; background:url(../images/sub/icon_rainbow_yellow.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_yellow a { color:#ecae19; }
.board_lst td.title_green { text-align:left; background:url(../images/sub/icon_rainbow_green.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_green a { color:#179e09; }
.board_lst td.title_blue { text-align:left; background:url(../images/sub/icon_rainbow_blue.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_blue a { color:#1887dc; }
.board_lst td.title_navy { text-align:left; background:url(../images/sub/icon_rainbow_navy.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_navy a { color:#3743de; }
.board_lst td.title_violet { text-align:left; background:url(../images/sub/icon_rainbow_violet.png) left 20px no-repeat; padding-left:27px; }
.board_lst td.title_violet a { color:#9a3de9; }

/* 메인 게시판 추가 이선미 추가 20200722 */
.box_wrap_main .board_lst { border-top:2px solid #f43836; width:100%; }
.box_wrap_main .board_lst th { border-bottom:1px solid #dcdcdc; padding:18px 0; background-color:#f9f9f9; color:#212222; font-weight:bold;  }
.box_wrap_main .board_lst td { border-bottom:1px solid #dcdcdc; height:50px; text-align:center; padding:0 7px;  font-size: 13px}
.box_wrap_main .board_lst td a {}
.box_wrap_main .board_lst td a p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 200px;  height: 15px}
/**/


/* 20180402 신사업 프로세스 팝업 */

.board_lst_pop { border-top:2px solid #000; width:100%; font-size: 11px; }
.board_lst_pop th { border-bottom:1px solid #dcdcdc; padding:10px 0; background-color:#f9f9f9; color:#212222; font-weight:bold; }
.board_lst_pop td { border-bottom:1px solid #dcdcdc; height:30px; text-align:center; padding:0 10px; }
.board_lst_pop td img { vertical-align:middle; margin-right:4px; }
.board_lst_pop td.board_title { text-align:left; }


.board_lst_pop td.title_bk {
color: rgb(33, 34, 34); font-weight: 700; text-align: left; padding-left: 10px
}
.board_lst_pop .red {
color: rgb(243, 42, 40) !important;
}


.title_bk li {
margin: 5px 0px 7px 20px; line-height: 200%; list-style-type: disc; line-height: 150%
}


.board_viw { border-top:2px solid #000; width:100%; }
.board_viw h4.board_viw_title { border-bottom:1px solid #dcdcdc; padding:22px 20px; background-color:#f9f9f9; color:#212222; font-size:18px; font-weight:bold; line-height:28px; }
.board_viw h4 img { vertical-align:middle; margin-right:4px; }
.board_viw ul.title_group { display:inline-block; width:100%; border-bottom:1px solid #dcdcdc; position:relative; }
.board_viw ul.title_group li { float:left; margin-left:30px; padding:15px 0; }
.board_viw ul.title_group li span { background:url(../images/sub/viw_txt_line.gif) right 3px no-repeat; padding-right:15px; margin-right:15px; }
.board_viw .viw_title_comment { position:absolute; right:20px; top:15px; }
.board_viw .viw_title_comment img { vertical-align:middle; margin:0 4px 0 10px; }
.board_viw .board_viw_content { border-bottom:1px solid #dcdcdc; padding:50px 0; }
.board_viw .board_viw_bottom { display:inline-block; border-bottom:1px solid #dcdcdc; padding:15px 0 10px; width:100%; }
.board_viw .board_viw_bottom .viw_writer { float:left; margin-top:10px; }
.board_viw .board_viw_bottom .viw_writer strong { background:url(../images/sub/icon_writer.gif) left 1px no-repeat; padding-left:20px; color:#28292b; }
.board_viw .board_viw_bottom .viw_like_group { float:right; }
.board_viw .board_viw_bottom .viw_like_group .viw_like { display:inline-block; }
.board_viw .board_viw_bottom .viw_like_group .viw_like li { float:left; cursor:pointer; }
.board_viw .board_viw_bottom .viw_like_group .viw_like li.viw_like_txt { background:url(../images/sub/btn_like02.gif) right top no-repeat; height:28px; color:#FFF; padding-top:10px; }
.board_viw .board_viw_bottom .viw_like_group .viw_like li.viw_like_txt span { display:inline-block; width:32px; color:#f11f25; padding:0 4px 0 3px; letter-spacing:-1px; text-align:center; font-weight:bold; }
.board_viw .board_viw_bottom .viw_like_group .viw_like li.viw_like_btn { margin:0 10px; padding-top:9px; }

/* 05.Me */
.sub_visual_me { background:url(../images/sub/visual_me.jpg) center top no-repeat; padding-top:90px; }
.sub_visual_me p.sub_txt { line-height:26px; }
.me_lst_group {  }
ul.me_lst { display:inline-block; width:100%; margin-top:-30px; padding:30px 0; border-bottom:1px solid #c8caca; clear:both; }
ul.me_lst li { float:left;}
ul.me_lst li.img { width:23%; }
ul.me_lst li.img div.me_lst_img { line-height:1px; } 
ul.me_lst li.img div.me_lst_img img { width:230px; height:140px; border:1px solid #c8caca; }
ul.me_lst li.txt { width:77%; }
ul.me_lst li.txt dl { margin-top:20px; }
ul.me_lst li.txt dt { font-size:26px; color:#28292b; letter-spacing:-1px; font-weight:bold; margin-bottom:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
ul.me_lst li.txt dd { margin-bottom:5px; line-height:22px; }
ul.me_lst li.txt dd span.state { display:inline-block; padding:3px 5px; border:1px solid #acacaf; border-radius:3px; font-size:12px; line-height:12px; margin:0 4px; color:#6b6e70; }
ul.me_lst li.txt dd span.state_complete { display:inline-block; padding:3px 5px; border:1px solid #f43836; color:#f43836; border-radius:3px; font-size:12px; line-height:12px; margin:0 4px }
ul.me_lst li.txt dl.reply { margin-top:0; }
ul.me_lst li.txt dl.reply dt {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
ul.me_lst li.txt .me_reply { border:1px solid #e0e2e4; padding:5px 15px 15px; background-color:#fafafa; }
ul.me_lst li.txt .me_reply span.reply_txt { display:inline-block; padding:3px 5px; border:1px solid #acacaf; border-radius:3px; font-size:12px; line-height:12px; margin-right:4px; color:#6b6e70; background-color:#FFF; }
ul.me_lst li.txt .me_reply p { border-bottom:1px dashed #dcdcdc; padding:5px 0; margin-top:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.pageNum { text-align:center; margin-top:20px; }
.pageNum ul { display:inline-block; height:28px; }
.pageNum ul li { display:inline; }
.pageNum ul li.active a { color:#f43836; font-weight:bold; }
.pageNum ul li a { display:inline-block; width:28px; height:30px; line-height:28px; background-color:#FCFCFC; border:1px solid #D9D9D9; font-size:14px; text-align:center; vertical-align:top; padding:0 3px 0 1px; margin-left:-5px; }

.me_set_group { background-color:#f2f3f5; width:80%; margin:50px auto 20px auto; border-top:2px solid #ed4948; text-align:center; }
.me_set_group .me_set_preview { display:inline-block; border-bottom:1px solid #dadce0; padding:40px 0 20px 0; width:100%; }
.me_set_group .me_set_preview .support_area { width:60%; margin:0 auto; }
.me_set_group .me_set_preview .support_area .tit { font-size:18px; }
.me_set_group .me_set_input { padding:50px 0; }
.me_set_group .me_set_input .profile_impor { margin:5px 0 0 25px; text-align:left !important; }

/* 06.Help_Ground Rule */
.sub_visual_rule { background:url(../images/sub/visual_faq.jpg) center top no-repeat; padding-top:100px; }


/* 06.Help_Login */
.login_group { padding:100px 0; width:400px; margin:0 auto; }
.login_group .login_box { width:340px; border-top:2px solid #ed4948; border-bottom:1px solid #c8caca; border-left:1px solid #c8caca; border-right:1px solid #c8caca; background-color:#FFF; padding:30px 30px 40px 30px; }
.login_group .login_box .login_title_group { margin-bottom:40px; }
.login_group .login_box .login_title_group .login_title { font-size:45px; font-weight:bold; color:#28292b; letter-spacing:-1px; }
.login_group .login_box input { height:40px; border:1px solid #c8caca; width:95%; margin-top:5px; color:#9B9B9B; padding:0 7px; }
.login_group .login_box .login_btn { display:inline-block; width:100%; height:42px; line-height:42px; background-color:#f43836; text-align:center; color:#FFF; margin-top:40px; cursor:pointer;  }
.login_group .login_box .login_btn a { color:#FFF; }
.login_group .find_pw_box { width:100%; background-color:#f7f8f9; border:1px solid #c8caca; border-top:none; text-align:center; padding:20px 0; }
.login_group .find_pw_box a { color:#f43836; text-decoration:underline; }


/* 06.Help_FAQ */
.sub_visual_faq { background:url(../images/sub/visual_faq.jpg) center top no-repeat; padding:70px 0 30px 0; }
.faq_search_group input { border:2px solid #ed4948; height:46px; line-height:46px; padding:0 20px; width:540px; margin-top:20px; vertical-align:bottom; }
.faq_search_group .btn_faq_search { display:inline-block; height:50px; line-height:50px; background-color:#ed4948; font-size:18px; font-weight:bold; color:#FFF; padding:0 20px;}
ul.faq_group { margin:10px 30px 30px 30px; }
ul.faq_group li { border-bottom:1px solid #c8caca; padding:20px 10px; line-height:22px; }
ul.faq_group li.q_title { background:url(../images/sub/icon_q.gif) left 19px no-repeat; color:#28292b; font-weight:bold; padding-left:35px; cursor:pointer; }
ul.faq_group li.a_title { background:url(../images/sub/icon_a.gif) left 19px no-repeat; padding-left:35px; }


/* 에러페이지 */
.error_group { padding:100px 0; width:800px; margin:0 auto; }
.error { width:100%; border-top:2px solid #ed4948; border-bottom:1px solid #c8caca; border-left:1px solid #c8caca; border-right:1px solid #c8caca; background-color:#FFF; padding:80px 30px; }
.error ul { background:url(../images/sub/error_img.gif) 80px top no-repeat; padding-left:220px; }
.error ul li.title { font-size:28px; font-weight:bold; line-height:34px; color:#222; margin-bottom:20px; letter-spacing:-1px; }
.error ul li { line-height:18px; }


/* Search */
.search_group { border-bottom:1px solid #d4d6d8; padding:60px 0 40px 0; text-align:center; }
.search_group .search_title { font-size:23px; color:#28292b; letter-spacing:-1px; }
.no_search_group { padding-top:150px; text-align:center; line-height:22px; }
.no_search_group .no_search_title { font-size:30px; color:#28292b; letter-spacing:-1px; line-height:35px; }


/* 팝업 */
#all_body {position:absolute; z-index:9; display:block; filter:alpha(opacity=50); opacity:0.7; -moz-opacity:0.7; background-color:#000000; left:0; top:0}
#lay_pop {position:absolute; z-index:500; width:500px; height:400px; display:none;}
#all_body_letter {position:absolute; z-index:9; display:block; filter:alpha(opacity=50); opacity:0.7; -moz-opacity:0.7; background-color:#000000; left:0; top:0}
#lay_pop_letter {position:absolute; z-index:500; width:500px; height:400px; display:none;}

.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}
.needpopup_wrapper{position:fixed;z-index:999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;background:#000;background:rgba(0,0,0,.8)}
.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
.needpopup-overflow .needpopup_wrapper{padding:10px}
.needpopup{z-index:9999;top:50%;left:45%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin-left:-275px;opacity:0;}
.needpopup_w550 { position:relative; width:550px; }
.needpopup_w600 { position:relative; width:600px; }
.needpopup_w750 { position:relative; width:750px; }
.needpopup_w800 { position:relative; width:800px; }
.needpopup.opened{-webkit-transition:opacity .10s ease,-webkit-transform .10s ease;transition:opacity .10s ease,transform .10s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1}
.needpopup.stacked{top:0!important;margin-top:0!important}
.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}
.needpopup_remover:before{content:'×'}
.needpopup_remover{ position:absolute; top:15px; right:15px; font-size:40px; line-height:.5; color:#FFF}

.supporter_pool_pop { position:relative; width:600px; background-color:#FFF; }
.supporter_pool_pop ul { display:inline-block; margin:40px 30px; width:540px; }
.supporter_pool_pop ul li.text { float:left; line-height:22px; overflow:hidden; width:410px; }
.supporter_pool_pop ul li.text p.title { font-size:20px; font-weight:bold; color:#28292b; margin-bottom:5px; }
.supporter_pool_pop ul li.text p.part { background:url(../images/sub/icon_part.gif) left 4px no-repeat; color:#28292b; padding-left:18px; margin-bottom:10px }
.supporter_pool_pop ul li.text p a { color:#28292b; text-decoration:underline; font-weight:bold; }
.supporter_pool_pop ul li.img { float:right; position:relative; width:110px; }
.supporter_pool_pop ul li.img div.img_cover04 { display:block; width:110px; height:110px; background:url(../images/common/img_radius04.png) left top no-repeat; position:absolute; top:0; left:0; }
.supporter_pool_pop ul li.img img { width:110px; height:110px; }
.pop_bottom_btn_group { border-top:1px solid #dadce0; padding-top:20px; margin-top:20px; text-align:center; }
.pop_bottom_btn_group .pop_bottom_btn { display:inline-block; height:40px; line-height:40px; padding:0 25px; font-size:16px; font-weight:bold; color:#28292b; border:1px solid #c8caca; border-radius:5px; margin:0 auto; }

.mobile_setting_pop { position:relative; width:750px; height:600px; background-color:#FFF; padding-bottom:30px; overflow-y:scroll; }
.pop_title { background-color:#ed4948; font-size:22px; font-weight:bold; padding:15px 30px; color:#FFF; letter-spacing:-2px; }
.pop_title_s {
    background-color: #ed4948;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    color: #FFF;
    letter-spacing: -2px;
}
.mobile_setting_pop .setting_pop_group { margin:0 30px; }
.mobile_setting_pop .setting_pop_group p { width:100%; text-align:center; padding-top:45px; }
.mobile_setting_pop .setting_pop_group p.tline { margin-top:30px; padding-top:30px; border-top:1px dashed #a3a3a3; }
.mobile_setting_pop .setting_pop_group dl { border:1px solid #e0e0e0; background-color:#f6f5f5; padding:20px 30px 15px; margin-top:25px; line-height:22px; }
.mobile_setting_pop .setting_pop_group dl dt { font-size:20px; color:#ed4948; font-weight:bold; margin-bottom:8px; }
.mobile_setting_pop .setting_pop_group dl dd.pop_stitle { font-weight:bold; color:#2d2d2f; margin-top:10px; }
.mobile_setting_pop .setting_pop_group dl dd img { vertical-align:middle; }
.mobile_setting_pop_img { display:block; }
.mobile_setting_pop_img_m { display:none; }

.view_like_pop { position:relative; width:550px; background-color:#FFF; padding-bottom:10px; }
.view_like_pop .text_group { border:1px solid #e0e0e0; height:300px; background-color:#f6f5f5; margin:20px; padding:30px 30px 0; overflow-y:scroll; }
.view_like_pop .text_group ul { display:inline-block; width:100%; padding-bottom:30px; }
.view_like_pop .text_group ul li { position:relative; line-height:28px; }
.view_like_pop .text_group ul li strong { color:#28292b; }
.view_like_pop .text_group ul li span { position:absolute; right:0; top:0; }

.letter_pop { position:relative; width:750px; background-color:#FFF; padding-bottom:10px; }
.letter_pop .text_group { margin:30px; }
.letter_pop textarea { width:90%; height:200px; padding:15px; }

.search_pop { position:relative; width:800px; background-color:#FFF; }
.search_pop .pop_searchbox_group { padding:30px; }
.search_pop .pop_searchbox { width:100%; background-color:#fafafa; border-top:2px solid #ed4948; border-bottom:1px solid #c8caca; border-left:1px solid #c8caca; border-right:1px solid #c8caca; text-align:center; }
.search_pop .pop_searchbox .pool_help_txt { margin:20px 0; display:inline-block; }
.search_pop .pop_searchbox .pool_help_txt li { background-image:none; padding-left:0; text-align:left; }
.search_pop .pop_searchbox .pool_help_txt input.help_search { border:2px solid #ed3433; height:36px; line-height:36px; padding:0 10px; margin:5px 0 0 10px; width:300px; vertical-align:bottom; }
.search_pop .pop_searchbox .pool_help_txt .btn_search { display:inline-block; height:40px; line-height:40px; background-color:#ed3433; font-size:16px; font-weight:bold; color:#FFF; padding:0 20px; margin-top:5px; }

.lst_scroll { height:350px; overflow-y:scroll; margin-top:30px; }
.lst_pop { border-top:2px solid #000; width:100%; line-height:22px; }
.lst_pop th { border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#F9F9F9; height:50px; color:#2f3030; font-weight:bold; }
.lst_pop th:last-child { border-right:none; }
.lst_pop td { border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#FFF; height:50px; text-align:center; }
.lst_pop td:last-child { border-right:none; }
.lst_pop td.txt_left { border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; background-color:#FFF; text-align:left; padding:10px; }

.main_pop { position:absolute; left:50%; top:200px; z-index:999; margin-left:-225px; width:520px; }
.main_pop_close { background-color:#000; padding:10px 0; text-align:center; color:#FFF; margin-top:-5px; width:520px; }
.main_pop_close a { color:#FFF; }
.main_pop_close ul { width:100%; display:inline-block; }
.main_pop_close ul li { float:left; margin:0 10px; }
.main_pop_close ul li input { vertical-align:bottom; }
.main_pop_close ul li.close_btn { float:right; }
#slider {float:left; position:relative; overflow:auto; width:520px; height:725px; margin-top:-10px; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:520px; height:725px; padding-right:10px}
.pagination_grouop { position:absolute; margin:0 auto; left:50%; bottom:35px; margin-left:-25px; }
.pagination_grouop .pagination { padding:10px 0; display:inline-block; }
.pagination_grouop .pagination li {float:left; cursor:pointer; height:15px; width:15px; border-radius:15px; background-color:#FFF; margin-right:4px; }
.pagination_grouop li.current { height:15px; width:15px; border-radius:15px; background-color:#ff3333; }
li#content {width:520px; height:725px;}

/*20180330 신사업 발굴 프로세스 팝업*/
.newIdea_pop { position:relative; width:900px; background-color:#FFF; padding-bottom:10px; }
.newIdea_pop .text_group { margin:30px; }
.newIdea_pop .text_group ul { display:inline-block; width:100%; padding-bottom:30px; }
.newIdea_pop .text_group ul li { position:relative; line-height:28px; }
.newIdea_pop .text_group ul li strong { color:#28292b; }
.newIdea_pop .text_group ul li span { position:absolute; right:0; top:0; }




/*건자재 추가 스타일--------------------------------------------------------------------------------------------------------------------------------------------------*/


/* common */
.btn_green {display:inline-block; height:49px; line-height:49px; background:#4f8d5c; font-size:16px; color:#fff; padding:0 40px;}
.margin_r_0 { margin-right:0 !important; }
.input_w95 { width:95%; }
.input_w55 { width:55%; }
.hide { display:none !important; }
.show { display:block !important; }

/* header 글로벌 메뉴 */
.gnb_2depth_02 { position:absolute; top:51px; left:92px; }
.gnb_2depth_03 { position:absolute; top:51px; left:230px; }
.gnb_2depth_04 { position:absolute; top:51px; left:355px; }

/* 메인페이지 상단 메인배너 영역 */
.const_main_image { display:inline-block; width:100%; height:450px; background:url(../images/common/const_main_visual.jpg) center 50% no-repeat; background-size:cover; }
.const_main_image dl { display:inline-block; width:100%; height:auto; text-align:center; }
.const_main_image dl dt { margin-top:110px; font-size:45px; color:#fff; font-weight:bold; }
.const_main_image dl dd.txt_box { margin-top:15px; font-size:16px; color:#f65251; font-weight:bold; }
.const_main_image dl dd.btn_box{ margin-top:100px; }
.const_main_image dl dd.btn_box a { margin:0 40px; padding:15px 20px; font-size:20px; color:#fff; font-weight:bold; background-color:#202122; border-radius:7px; border:1px solid #3a3a3a; }

/* content -> section */
.contents .section .section_header h4 { margin-top:50px; padding-bottom:60px; width:100%; text-align:center; font-size:35px; color:#252628; letter-spacing:-3px; line-height:45px; }
.contents .section .form_board { width:100%; display:inline-block; }
.contents .section .form_board li { height:100%; width:100%; padding:30px 0; border-bottom:1px solid #c8caca; display:table; }
.contents .section .form_board li p.wrt_th { width:14%; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; display:table-cell; }
.contents .section .form_board li p.wrt_td { float:left; width:100%; }
.contents .section .form_board input { border:1px solid #dadce0; padding:16px; }
.contents .section .form_board textarea { border:1px solid #dadce0; }
.contents .section .form_board textarea.aboutme  { background:url(../images/sub/textarea_txt03.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size:14px; background-color:#FFF; }
.contents .section .form_board textarea.aboutme_txt  { height:130px; width:90%; padding:20px; }
.contents .section .form_board select { border:1px solid #dadce0; padding:16px; }
.contents .section .form_board .filebox label.notice_movie { display:inline-block; background:url(../images/sub/textarea_txt12.gif) center 50% no-repeat ; width:98%; height:100px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0; box-sizing:border-box; }
.contents .section .form_board .btn_g { padding:16px 40px; }

/* content -> section   건자재 무지개 -> 건자재 아이디어 등록 */
.contents .section .section_header_const h4 { margin-top:40px; padding-bottom:20px; width:100%; text-align:center; font-size:35px; color:#252628; letter-spacing:-3px; line-height:45px; }
.contents .section .form_board_const { width:100%; display:inline-block; }
.contents .section .form_board_const li { height:100%; width:100%; padding:10px 0; border-bottom:1px solid #c8caca; display:table; }
.contents .section .form_board_const li p.wrt_th { width:14%; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; display:table-cell; }
.contents .section .form_board_const li p.wrt_td { float:left; width:100%; }
.contents .section .form_board_const input { border:1px solid #dadce0; padding:8px; }
.contents .section .form_board_const textarea { border:1px solid #dadce0; }
.contents .section .form_board_const textarea.aboutme  { background:url(../images/sub/textarea_txt03.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size:14px; background-color:#FFF; }
.contents .section .form_board_const textarea.aboutme_txt  { height:130px; width:90%; padding:20px; }
.contents .section .form_board_const select { border:1px solid #dadce0; padding:8px; }
.contents .section .form_board_const .filebox label.notice_movie { display:inline-block; background:url(../images/sub/textarea_txt12.gif) center 50% no-repeat ; width:98%; height:100px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0; box-sizing:border-box; }
.contents .section .form_board_const .btn_g { padding:16px 40px; }
.contents .section .form_board_const .btn_g_s { padding:9px 40px; }

/* 버튼 */
.const_btn_wrap{ position:relative; /*width:100%;*/  max-width:1118px; margin:0 auto; text-align:right; margin-top:40px; height:50px }
.const_btn_wrap .btn_right { position:absolute; right:0;}
.const_btn_wrap2{ position:relative; width:100%;  /*max-width:1118px;*/ margin:0 auto; text-align:center; margin-top:20px }
.btn_dg2 { display:inline-block; background-color:#5a4599; border:1px solid #5a4599;  color:#FFF; font-weight:bold; padding:10px 20px; cursor:pointer;}
.btn_dg2 a { color:#FFF; cursor:pointer;}
.btn_dg2:hover{color:#fff; background:#362078; text-decoration:none; cursor: pointer}

.btn_wh2 { display:inline-block; background-color:#fff; border:1px solid #000;  color:#000; font-weight:bold; padding:10px 20px; cursor:pointer;}
.btn_wh2 a { color:#000; cursor:pointer;}
.btn_wh2:hover{color:#fff; background:#f2f2f2; text-decoration:none; cursor: pointer}

.btn_area{ width:100%; text-align:center; padding-top:20px}
.btn_b{display:inline-block; padding:12px 30px 15px; font-size:14px; text-align:center; color:#ffffff; line-height:normal; text-decoration:none; border:none; background:#6e9b64; border-radius:5px;}	
.btn_b:hover{color:#fff; background:#4c823f; text-decoration:none; cursor: pointer}




/* 01.About 무지개 -> 건자재 무지개 */
.sub_visual_const { height:300px; width:100%; text-align:center; background:url(../images/sub/visual_const.jpg) center top no-repeat; padding-top:130px; }
.sub_visual_const 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_const p.sub_txt { color:#b6b6b6; font-size:16px; margin-top:20px; line-height:22px; }
.sub_visual_intro_const { height:290px; width:100%; text-align:center; background:url(../images/sub/visual_intro.jpg) center top no-repeat; padding-top:50px; }
.sub_visual_intro_const 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_intro_const p.sub_txt { color:#b6b6b6; font-size:16px; margin-top:20px; line-height:22px; }
.const_intro_group{ margin-top:20px}
.const_intro_group .intro_text_group { display:inline-block; margin-top:60px; }
.const_intro_group .intro_text_group li { float:left; }
.const_intro_group .intro_text_group li.intro_img { width:30%; margin:0 auto }
.const_intro_group .intro_text_group li.intro_txt {  margin-left:50px; width:62%; -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; }
.const_intro_group .intro_text_group li dl.intro01 { margin-top:60px; background:url(../images/sub/number01.gif) 12px top no-repeat; padding-left:55px; }
.const_intro_group .intro_text_group li dl dt { color:#28292b; font-weight:bold; font-size:24px; letter-spacing:-1px; margin-bottom:5px }
.const_intro_group .intro_text_group li dl dt span { color:#ed4948; }
.const_intro_group .intro_text_group li dl dd { line-height:24px; }
.const_intro_group .intro_text_group li dl dd.blt_txt { background:url(../images/sub/txt_blt.gif)left 11px no-repeat; padding-left:9px; }
.const_intro_group .intro_img_group{ border:1px solid #ddd; background-color:#fbfbfb; margin:0 auto; text-align:center; padding:20px}
.const_intro_group .intro_img_group .intro_img { text-align:center; margin:30px auto; }
.const_intro_group .intro_img_group .intro_img .insert_image{ text-align:center; margin:0 auto; }
.const_intro_group .intro_img_group .intro_img_m { display:none; }
.const_intro_group .intro02 { margin-top:60px; background:url(../images/sub/number02.gif) left top no-repeat; padding-left:65px; line-height:60px; color:#28292b; font-weight:bold; font-size:24px; letter-spacing:-1px; margin-bottom:5px }
.const_intro_group .intro_tip_box { border:1px solid #e0e0e0; background-color:#f6f5f5; text-align:center; padding:0 0; margin-top:30px; }
.const_intro_group .intro_tip_box ul.tip_tit { overflow:hidden; border-bottom:1px solid #e0e0e0; background-color:#efefef; padding:30px 0; width:100%; }
.const_intro_group .intro_tip_box ul.tip_tit li { text-align:center; font-size:19px; line-height:140%; font-weight:600; letter-spacing:-1px}
.const_intro_group .intro_tip_box ul.tip_box { overflow:hidden; width:100%; padding:40px 0 }
.const_intro_group .intro_tip_box ul.tip_box li { width:49.5%;  border-left:1px solid #dbdbdb; float:left; }
.const_intro_group .intro_tip_box ul.tip_box li.example{background: url(../images/sub/corp_intro_example.gif)0 0 no-repeat }
.const_intro_group .intro_tip_box ul.tip_box li:first-child { border-left:none; }
.const_intro_group .intro_tip_box ul.tip_box li div.t_img{ text-align:center; margin-bottom:20px }
.const_intro_group .intro_tip_box ul.tip_box li div.t_img .insert_image{ width:; text-align:center; margin:0 auto; }
.const_intro_group .intro_tip_box ul.tip_box li.tip_txt_group { height:130px; width:100%; margin:auto 0; }
.const_intro_group .intro_tip_box ul.tip_box li p.title { font-size:18px; color:#ed4948; font-weight:bold; text-align:center; margin:20px 0 10px 0; line-height:26px }
.const_intro_group .intro_tip_box ul.tip_box li p.txt_01 { text-align:left; margin-left:15%; line-height:24px; }
.const_intro_group .intro_tip_box ul.tip_box li p.txt_02 { text-align:left; margin-left:15%; line-height:24px; }
.const_intro_group .intro_tip_box ul.tip_box li div.txt_03 { text-align:left; margin-left:10%; line-height:24px; }
.const_intro_group .intro_tip_box ul.tip_box li div.txt_03 .tit{color:#ed4948; font-weight:bold }


.i_b{ display:inline-block}
.bl{ display:block}

.task01{ height:120px}
.task01 .task_img{ float:left; width:47%; text-align:right; margin-right:2%; clear:both}
.task01 .task_txt{ float:left; width:45%; padding:20px 0 0 20px;  color:fff; text-align:left; }
.task01 .task_txt .tit{font-size:18px; font-weight:bold; color:#ed4948; margin-bottom:10px}
.task01 .task_txt .txt{line-height:150%}
.task02{ height:120px; margin-top:50px}
.task02 .task_img{ float:left; width:47%; text-align:right; margin-right:2%; clear:both}
.task02 .task_txt{ float:left; width:45%; padding:20px 0 0 20px;  color:fff; text-align:left }
.task02 .task_txt .tit{font-size:18px; font-weight:bold; color:#ed4948; margin-bottom:10px}
.task02 .task_txt .txt{line-height:150%}

.const_intro_group h5{font-size:28px; font-weight:bold; color:#28292b}
.const_intro_group h5 span.point_color { font-size:28px; color:#ff3333; font-weight:bold; letter-spacing:-1px; }
.const_intro_group h5.process{font-size:24px; font-weight:bold; color:#28292b; margin-top:60px}
.const_intro_group h5.process span.point_color{font-size:24px; font-weight:bold; color:#ff3333; margin-top:60px; letter-spacing:-1px;}
.const_intro_group .benefit{ background: url(../images/sub/cons_benefit_img_01.png)left 3px no-repeat; padding-left:70px; line-height:24px; margin-top:20px; font-weight:bold }
.const_intro_group .table_txt{ background:url(../images/sub/txt_blt.gif)left 11px no-repeat; padding-left:9px; line-height:24px; margin-top:20px; font-weight:bold }
.const_intro_group .sub_txt{ background:url(../images/sub/txt_blt.gif)left 11px no-repeat; padding-left:9px; line-height:24px; margin:10px 0 20px 0; font-weight:bold }
.const_intro_group .txt_group_first { padding:50px 0 0; }
.const_intro_group .intro_txt_list { display:inline-block; }
.const_intro_group .intro_txt_list li { float:left; }
.const_intro_group .intro_txt_list li.txt_list_img { margin:0 40px 0 20px; }
.const_intro_group .intro_txt_list li.txt_list_txt p { background:url(../images/sub/txt_blt.gif)left 10px no-repeat; padding-left:9px; margin-bottom:5px; line-height:22px; }
.const_intro_group .intro_txt_list li.txt_list_txt p.list_txt { font-size:16px; color:#252628; margin-top:15px; background-image:none; padding-left:0; }
.const_intro_group .intro_txt_list li.txt_list_txt p.blt_none { background:none; padding-left:0; }

.const_table{ width:100%; height:auto; margin:12px 0 0 0; border-top:2px solid #444}
.const_table table{ width:100%}
.const_table caption{ visibility:hidden; height:0}
.const_table thead th,
.const_table tfoot th, 
.const_table tfoot td,
.const_table tbody th,
.const_table tbody td { border:1px solid #ddd; text-align:center; vertical-align:middle; padding: 12px 0; line-height:150%}
.const_table tfoot th, .const_table tfoot td{ background:#fbfbfb}
.const_table tbody td.bg_red { background-color:#fef2f2}
.const_table thead th{ background-color:#f9f9f9; padding:20px 0; color:#28292b }
.const_table tbody > tr > th{ font-weight:bold; color:#28292b; color:#28292b}
.const_table thead{ font-weight:bold}


/* 02.아이디어 내기 -> 건자재 아이디어,실시제안 */
.const_start .cont_img { background:url(../images/common/img_bg_02.jpg) 50% 50% no-repeat; height:328px; background-size:cover; }
.const_start .start_form { text-align:center; padding-top:90px; }
.const_start .header_txt { font-size:35px; color:#fff; font-weight:bold; line-height:44px; letter-spacing:-1px; }
.const_start .header_txt span.line { display:block; background-color:#f43836; margin:0 auto 20px; width:50px; height:1px; }

.const_cont_img {background:url(../images/common/img_bg.jpg) 50% 50% no-repeat; height:230px; background-size:100% 100%}
.const_start_form {text-align:center; padding-top:25px;}
.const_start_form .header_txt {font-size:35px; color:#c9c9c9; font-weight:bold;  letter-spacing:-1px; }
.const_start_form .header_txt span.line { display:inline-block; background-color:#f43836; margin:30px auto 40px; width:50px; height:1px; }
.const_start_form .header_txt p {color:#ccc; font-size:14px; line-height:24px; font-weight:normal; margin-top:10px;}
.const_start_form .txt_form {font-size:35px; color:#fff; font-weight:bold; margin-top:15px;}
.const_start_form .inputTxt {border:1px solid #fff; background:none; line-height:43px; height:43px; width:520px; text-align:left; font-size:35px; color:#fff; font-weight:bold; outline:none;}
.const_start_form .txt_form {vertical-align:bottom;}
.const_start_form .btn_arrow {display:inline-block; height:48px; line-height:48px; background:#ed4948 url(../images/common/btn_arrow.png) 90% 18px no-repeat; font-size:25px; font-weight:bold; color:#fff; padding:0 82px 0 52px; margin-top:60px;}


/* 03.아이디어에 참여하기 -> 건자재 아이디어,실시제안 - 목록 */
.const_list .cont_img { background:url(../images/common/img_bg_03.jpg) 50% 50% no-repeat; height:328px; background-size:cover; }
.const_list .start_form { text-align:center; padding-top:120px; }
.const_list .header_txt { font-size:45px; color:#fff; font-weight:bold; line-height:44px; letter-spacing:-1px; }
.const_list .header_txt span.line { display:block; background-color:#f43836; margin:0 auto 20px; width:50px; height:1px; }
.const_list .section { margin-bottom:50px; }
.const_list .search_box { display:inline-block; padding:10px 20px; margin:30px 0 10px; width:100%; height:auto; border:1px solid #e0e0e0; background-color:#f6f5f5; box-sizing:border-box; }
.const_list .search_box li { display:inline-block; float:left; margin:10px 0;}
.const_list .search_box li p.wrt_th { float:left; margin-right:10px; height:38px; line-height:38px; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; }
.const_list .search_box li p.wrt_td { float:left; margin-right:30px; width:auto; }
.const_list .search_box input  { display:block; float:left; width:132px; border:1px solid #dadce0; padding:10px 9px; box-sizing:border-box; }
.const_list .search_box select { display:block; float:left; width:132px; border:1px solid #dadce0; padding:9px; box-sizing:border-box; }
.const_list .search_box .flatpickr { display:block; float:left; }
.const_list .search_box .flatpickr input { padding:10px 9px; }
.const_list .search_box .date_01 { margin-right:10px; }
.const_list .search_box .date_02, .const_list .search_box .date_04 { position:relative; }
.const_list .search_box .date_02 input,
.const_list .search_box .date_04 input { padding-right:40px; width:152px; background:url(../images/admin/icon_calendar_1.gif) right top no-repeat; cursor:pointer; }
.const_list .search_box .date_02 .input-button,
.const_list .search_box .date_04 .input-button { position:absolute; top:8px; right:12px; }
.const_list .search_box .date_03 { float:left; margin:0 10px; line-height:38px; }
.const_list .search_box .btn_box { float:right; }
.const_list .section .top_btn { display:inline-block; width:100%; height:auto; }
.const_list .section .top_btn .btn_green { float:right; padding:0 14px; width:auto; height:auto; line-height:200%; }
.const_list .section .top_btn .btn_green img { display:block; float:left; margin-top:7px; }
.const_list .section .top_btn .btn_green span { margin-left:5px; font-size:14px; line-height:initial; }
.const_list .section .board_lst { margin-top:8px; border-color:#ed4948; }

/* 03.아이디어에 참여하기 -> 건자재 아이디어, 실시제안 - 조회  ->>  기존 소스 백업 */
/*.const_list .section .table_tline { width:100%; display:block; border-color:#f43836; }
.const_list .section .view_board li { height:100%; width:100%; padding:30px 0; border-bottom:1px solid #c8caca; display:table; }
.const_list .section .view_board li.li_half { float:left; width:50%; }
.const_list .section .view_board li p.wrt_th { width:14%; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; display:table-cell; }
.const_list .section .view_board li p.wrt_td { float:left; width:100%; }
.const_list .section .view_board li.li_half p.wrt_th { width:28%; }
.const_list .section .view_board li.padd_half { padding:13.5px 0; }
.const_list .section .view_board li p.wrt_td .person { display:inline-block; float:left; margin:5px 0; width:33.333%; }
.const_list .section .view_board .txt_impor { display:inline-block; margin-top:7px; }
.const_list .section .view_board input { border:1px solid #dadce0; padding:17px; }
.const_list .section .view_board textarea { border:1px solid #dadce0; }
.const_list .section .view_board textarea.aboutme  { background:url(../images/sub/textarea_txt03.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size:14px; background-color:#FFF; }
.const_list .section .view_board textarea.aboutme_txt  { height:130px; width:90%; padding:20px; }
.const_list .section .view_board select { border:1px solid #dadce0; padding:16px; }
.const_list .section .view_board .filebox label.notice_movie { display:inline-block; background:url(../images/sub/textarea_txt12.gif) center 50% no-repeat ; width:98%; height:100px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0; box-sizing:border-box; }
.const_list .section .view_board .btn_g { padding:17px 40px; }
.table_aline { border-top:1px solid; border-color:#c8caca; }
.const_list .section .comment { margin-top:0; padding-top:30px; border-top:1px solid; border-color:#c8caca; }
.wd_50 { width:50%; } */


/* 03.아이디어에 참여하기 -> 건자재 아이디어, 실시제안 - 조회 */
/*.const_list_img { background:url(../images/common/img_bg_03.jpg) 50% 70% no-repeat; height:230px; background-size:cover; }*/
.const_list_img { background:url(../images/common/img_bg.jpg) 50% 100% no-repeat; height:230px; background-size:cover; }
.const_list_form {text-align:center; padding-top:95px;}
.const_list_form .header_txt {font-size:35px; color:#c9c9c9; font-weight:bold;  letter-spacing:-1px; }
.const_list_form .header_txt span.line { display:inline-block; background-color:#f43836; margin:30px auto 40px; width:50px; height:1px; }
.const_list_form .header_txt p {color:#ccc; font-size:14px; line-height:24px; font-weight:normal; margin-top:10px;}
.const_list .section .table_tline { width:100%; display:block; border-color:#f43836; }
.const_list .section .view_board li { height:100%; width:100%; padding:10px 0; border-bottom:1px solid #c8caca; display:table; }
.const_list .section .view_board li.li_half { float:left; width:50%; }
.const_list .section .view_board li p.wrt_th { width:14%; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; display:table-cell; padding-left:10px }
.const_list .section .view_board li p.wrt_td { float:left; width:100%; padding-left:0 }
.const_list .section .view_board li.li_half p.wrt_th { width:28%; }
.const_list .section .view_board li.padd_half { padding:13.5px 0; }
.const_list .section .view_board li p.wrt_td .person { display:inline-block; float:left; margin:5px 0; width:33.333%; }
.const_list .section .view_board .txt_impor { display:inline-block; margin-top:7px; }
.const_list .section .view_board input { border:1px solid #dadce0; padding:8px; }
.const_list .section .view_board textarea { border:1px solid #dadce0; }
.const_list .section .view_board textarea.aboutme  { background:url(../images/sub/textarea_txt03.gif) center 50% no-repeat ; width:95%; height:150px; padding:10px; font-size:14px; background-color:#FFF; }
.const_list .section .view_board textarea.aboutme_txt  { height:130px; width:90%; padding:20px; }
.const_list .section .view_board select { border:1px solid #dadce0; padding:8px; }
.const_list .section .view_board .filebox label.notice_movie { display:inline-block; background:url(../images/sub/textarea_txt12.gif) center 50% no-repeat ; width:98%; height:100px; padding:10px; font-size: 14px; cursor:pointer; border:1px solid #dadce0; box-sizing:border-box; }
.const_list .section .view_board .btn_g { padding:8px 40px; }
.table_aline { border-top:1px solid; border-color:#c8caca; }
.table_cline { border-bottom:1px solid; border-color:#9acee9; }
.const_list .section .comment { margin-top:0; padding-top:30px; border-top:1px solid; border-color:#c8caca; }
.wd_50 { width:50%; }
.wd_40 { width:40%; } 
.wd_30 { width:30%; } 
.bg1{ background-color:#fffceb}
.bg2{ background-color:#f2fbff}
.bg3{ background-color:#eff3fb}


/* 03.아이디어에 참여하기 -> 건자재 아이디어, 실시제안 - 작성 */
.reply_write_off { padding:0; height:0; border:0; }
.reply_write_on { padding:20px; height:auto; border-top:1px solid #e3e6e6; }

/* 04.공지&게시판 -> 건자재 공지&게시판 */
.const_notice .sub_visual_notice { background:url(../images/sub/visual_notice_const.jpg) center top no-repeat; padding-top:80px; }

/* 05.me -> 심사할 아이디어 */
.me_const_list .section .tab_group_second { margin:-30px auto 60px; }
.me_const_list .section .tab_group_second li { position:relative; }
.me_const_list .section .tab_group_second .icon_new { position:absolute; top:-6px; right:3px; display:inline-block; width:16px; height:15px;  background:url(../images/sub/icon_new.gif) 0 0 no-repeat; }
.me_const_list .section table { border-color:#ed4948; }

/* 05.me -> 심사할 아이디어  -> 건자재 심사할 아이디어   */
.me_const_list .section .tab_group_second_const { margin:-30px auto 60px; }
.me_const_list .section .tab_group_second_const li { position:relative; }
.me_const_list .section .tab_group_second_const .icon_new { position:absolute; top:-6px; right:3px; display:inline-block; width:16px; height:15px;  background:url(../images/sub/icon_new.gif) 0 0 no-repeat; }
.me_const_list .section table { border-color:#ed4948; }

.me_const_list .search_box { display:inline-block; padding:10px 20px; margin:50px 0 30px; width:100%; height:auto; border:1px solid #e0e0e0; background-color:#f6f5f5; box-sizing:border-box; }
.me_const_list .search_box li { display:inline-block; float:left; margin:10px 0;}
.me_const_list .search_box li p.wrt_th { float:left; margin-right:10px; height:38px; line-height:38px; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; }
.me_const_list .search_box li p.wrt_td { float:left; margin-right:30px; width:auto; }
.me_const_list .search_box input  { display:block; float:left; width:132px; border:1px solid #dadce0; padding:10px 9px; box-sizing:border-box; }
.me_const_list .search_box select { display:block; float:left; width:132px; border:1px solid #dadce0; padding:9px; box-sizing:border-box; }
.me_const_list .search_box .flatpickr { display:block; float:left; }
.me_const_list .search_box .flatpickr input { padding:10px 9px; }
.me_const_list .search_box .date_01 { margin-right:10px; }
.me_const_list .search_box .date_02, .const_list .search_box .date_04 { position:relative; }
.me_const_list .search_box .date_02 input,
.me_const_list .search_box .date_04 input { padding-right:40px; width:152px; background:url(../images/admin/icon_calendar_1.gif) right top no-repeat; cursor:pointer; }
.me_const_list .search_box .date_02 .input-button,
.me_const_list .search_box .date_04 .input-button { position:absolute; top:8px; right:12px; }
.me_const_list .search_box .date_03 { float:left; margin:0 10px; line-height:38px; }
.me_const_list .search_box .btn_box { float:right; }


/* 05.me -> 건자재 나의 댓글 */
.me_const_list .section tr.reply_box td { height:auto; padding:0; }
.me_const_list .section tr.reply_box td ul { display:inline-block; padding:16px 6px; width:100%; height:auto; background-color:#fafafa; border-left:1px solid #e0e2e4; box-sizing:border-box; border-right:1px solid #e0e2e4; box-sizing:border-box; }
.me_const_list .section tr.reply_box td ul li { display:inline-block; margin:11px auto 0; padding-bottom:7px; width:95%; height:auto; line-height:19px; border-bottom:1px dashed #dcdcdc; text-align:left; color:#444; }
.me_const_list .section tr.reply_box td ul li i { display:inline-block; float:left; margin-right:7px; padding:2px 5px; width:auto; height:auto; line-height:initial; border-radius:3px; border:1px solid #acacaf; background-color:#fff; font-size:11px; color:#6b6e70; font-style:normal; }
.me_const_list .section tr.reply_box td ul li a { display:block; float:left; width:95%; max-width:1040px; height:19px; word-wrap:normal; overflow:hidden; }


/* 모달 추가 */
.fade { 
  opacity: 0;
  -webkit-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close { float:right; margin-top:-5px; margin-right:-5px; padding:0 7px; background:transparent; border:0; font-size:27px; cursor:pointer; }
.modal-title { margin: 0; line-height: initial; font-size:13px; font-weight:bold; }
.modal-body { position: relative; padding:15px; }
.modal-body .form-group input { float:left; padding:11px; border:1px solid #ccc; box-sizing:border-box; }
.modal-footer {
  padding: 14px 20px 15px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}


.box_wrap_main .board_lst col:nth-child(1) {width: 18%}
.box_wrap_main .board_lst col:nth-child(2) {width: 20%}

.m {display: none}
.pc {display:block; display: table-cell;}

.pc_01 {
    display: block;
    /* display: table-cell; */
}



/* 메인 게시판 추가  */

@media (max-width: 900px) {
.m {display:block}
.pc, .pc_01 {display:none}
}
@media (min-width: 768px) {    
  .modal-dialog {
    width: 600px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }    
    
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}

#chgDpt .modal-dialog { width:400px; }
#chgDpt .form-group input { width:78%; }
#chgDpt .form-group button { float:right; width:20%; cursor:pointer; }
#chgDpt h5 { display:inline-block; width:100%; margin-top:10px; padding:10px 11px; background-color:#dedede; border:1px solid #cdcdcd; color:#000; box-sizing:border-box; font-size:13px; font-weight:bold; }
#chgDpt table, #chgDpt .result_box { display:inline-block; padding:0; margin-top:-1px; width:100%; height:180px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; color:#000; box-sizing: border-box; }
#chgDpt table tbody, #chgDpt table tbody tr { display:inline-block; width:100%; height:auto; }
#chgDpt table tr > td { display:inline-block; width:100%; padding:7px 11px; border-bottom:1px solid #ddd; font-size:13px; box-sizing:border-box; }
#chgDpt table tr > td span { font-size:13px; font-family:dotum; font-weight:normal; line-height:21px; border:0; }
#chgDpt table tr > td a.btn_add { display:none; float:right; padding:3px 5px; line-height:13px; font-size:11px; font-family:dotum; font-weight:normal; }
#chgDpt table tr > td:hover a { display:block; }
#chgDpt .result_box { padding:5px; height:100px; background-color:#fff; box-sizing:border-box; }
#chgDpt .result_box li { display:inline-block; float:left; margin:2.5px; padding:3px 5px; background-color:#f4f4f5; border:1px solid #ccc; box-sizing:border-box; }
#chgDpt .result_box li span { border:0; font-size:11px; font-family:dotum; font-weight:normal; }
#chgDpt .result_box li .btn_out { margin-left:7px; }