@charset "utf-8"; 
@media all and (max-width:768px)
{

#header {position:relative; width:100%; background:#ffffff; border-top:2px solid #f43836; border-bottom:1px solid #c8caca; height:37px; padding-top:20px;}

#header h1 {}
#header h1 a {background:url(../images/common/m_logo.png) 0 0 no-repeat; width:112px; height:0; padding-top:24px; overflow:hidden; background-size: 94px 20px;}

/* side menu */
#side .menu_view {top:20px; left:15px; height:18px; color:#FFF; }

/* Search */
#header .search {position:absolute; height:40px; top:-25px; right:-17px; display:block; }
#header .search .search_area {border:2px solid #5b5b5b; width:305px; height:30px; padding:5px 25px 5px 5px; z-index:10;}
#header .search .search_area .inputSearch {width:180px;}
#header .search .btn_search { width:22px; height:3px; color:#FFF; padding-top:22px; background-size:22px 22px; position:absolute; top:9px; right:8px;}
#header .search .btn_search2 {top:11px; right:35px;}
#header .search .btn_search2 img { width:22px; }
#header .search .btn_search_close { width:22px; height:0; padding-top:22px; background-size:22px 22px; top:9px; right:8px;}
#header .util_area .util_nav {dsiplay:none;}
div.selectBox { width:85px;}

.util_area .util_nav {display:none;}

#contents {width:100%; margin:auto; /*padding-bottom:30px;*/}
h2 {padding-bottom:10px; font-size:25px; color:#28292b; font-weight:bold; text-align:center; padding-top:30px;}
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; margin-bottom:15px;}

.cont_column {position:relative;}
.box_wrap_main {padding-top:0px;}
.box_radius {float: none; width:99%; margin:15px 0; border:1px solid #d6d8db; border-bottom:1px solid #909396; border-radius:8px; background:#fff; padding-bottom:30px;}
.box_radius .imgBox  {border-radius:8px 8px 0 0; overflow:hidden;}
.box_radius .imgBox img {width:100%; height:200px; }

.support_area {margin:20px;}
.support_header {overflow:hidden; margin-bottom:15px;}
.box_radius .author_img {position: relative; width:82px; height:82px; float:left; border-radius:41px; overflow:hidden;}
.box_radius .author_img > img {width:82px; height:82px;}
.box_radius .author_img > .img_cover {display:none; width:82px; height:82px; background:url(../images/common/img_radius.png) 0 0 no-repeat; position:absolute; top:0; left:0;}

.box_radius .tit_area {margin-left:100px;}
.box_radius .tit_area .table_cell {width:100%;  display:table;}
.box_radius .tit_area .table_cell .cell {display:table-cell; height:82px; vertical-align:middle;}
.box_radius .tit_area .tit {font-size:20px; 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;}
.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 {text-align:center;}
.box_radius .btn >.btn_more {display:inline-block; border-bottom:1px solid #333; color:#333; font-weight:bold;}

.btn_area {position: static; margin:0 -15px;}
.btn_area .more {display:block; background:#97999e; border-radius:0; border:none; color:#47484c; width:100%; height:35px; font-size:15px; font-weight:bold; text-align:center; line-height:35px;}
.btn_area .more .pc_more {display:none;}
.btn_area .more .m_more {display:block;}

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

/* view */
.view_wrap {overflow:hidden; padding-bottom:60px; padding:0 15px 45px;}
.view_wrap .author {text-align:center; margin-bottom:15px;}
.view_wrap .project_img {position:relative; float:none; width:100%; margin-bottom:20px;}
.view_wrap .project_img img {width:100%;}
.supporter_info {float:none; margin-left:0; width:100%;}
.info dt {font-size:13px;}
.info dd {font-size:34px; color:#000; font-weight:bold; margin-bottom:20px;}
.info dd .f_14 {color:#6b6e70; font-weight:normal; font-size:13px;}
.support_header .tit_area {margin-left:85px; }
.support_header .author_img {position: relative; width:73px; height:73px; float:left; border-radius:36px; overflow:hidden;}
.support_header .author_img > img {width:73px; height:73px;}
.support_header .author_img > .img_cover {display:none; }
.support_header .author_img > .img_cover01 {display:none;}


.supporter_icon {display:inline-block;overflow:hidden; border-left:1px solid #c8caca; }
.supporter_icon li {float:left; font-size:14px; font-weight:normal;height:33px; border:1px solid #c8caca; margin-left:-1px; background:#f5f5f5;}
.supporter_icon li a {display:inline-block; background:url(../images/common/icon02.png) 0 0 no-repeat; background-size:18px 107px; line-height:33px; }
.supporter_icon li a.supporter01 {background-position:13px 11px; padding-left:36px; padding-right:6px}
.supporter_icon li a.supporter02 {background-position:13px -35px; padding-left:35px; padding-right:14px;}
.supporter_icon li a.supporter03 {background-position:13px -84px; padding-left:35px; padding-right:14px;}
.supporter_icon li a.supporter_lst { line-height:33px; }


/* tab */
.tab_area {border-top:1px solid #c8caca; border-bottom:1px solid #c8caca; height:45px; position:relative;}
.tab_area ul {width:auto;  margin:0; overflow:hidden; margin-bottom:-1px; padding:0 15px;}
.tab_area ul li {float:left; margin:0 0 0 13px;}
.tab_area ul li:first-child {margin-left:0;}
.tab_area ul li a {display:block; line-height:44px; font-size:14px; font-weight:bold; letter-spacing:-0.85px;}
.tab_area ul li a.on {color:#f43836; border-bottom:2px solid #f43836;}
.tab_area .btn_arrow.gray {position:absolute; top:-45px; right:10px; left:auto; margin-left:0;}
.tab_area .btn_arrow.modify {position:absolute; top:-45px; right:144px; left:auto; margin-left:0;}
.tab_area .btn_arrow.new_register {position:absolute; top:-45px; right:241px; left:auto; margin-left:0;}

/*프로젝트소개*/
.project_area {padding:20px 15px;}
.project_area img  { width:100% !important; height:100% !important; }
.project_area .img_area img  {width:100%;}
.cont_txt {margin-top:0px; line-height:24px;}

.project_info {border:1px solid #cbcccd; border-top:2px solid #f43836; padding:20px 15px 0 15px; overflow:hidden; margin-bottom:30px;}
.project_info .support_area {width:100%; float:none; margin:0;}
.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; text-overflow:ellipsis; overflow:hidden; height:40px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}*/
.project_info .info {border-bottom:none; float:left; margin:0 4%; margin-top:15px;}
.project_info .info dd {font-size:34px; color:#000; font-weight:bold; margin-bottom:28px;}
.project_info .info dd .f_14 {color:#6b6e70; font-weight:normal; font-size:13px;}
.project_info .project_bottom { margin:0 -15px;}
.project_info .project_bottom .btn_arrow {margin-top:10px;}
.project_info .supporter_icon li {float:left; font-size:14px; font-weight:normal;height:33px; border:1px solid #c8caca; margin-left:-1px; background:#fff;}

/* 새로운소식 */
.story_list {overflow:hidden; padding:0; }
.story_list li {float:none; width:100%; margin:20px 0;}
.story_box {border:1px solid #c8caca; padding:20px; margin:0 15px;}
.story_box .date {font-size:15px; color:#ff3333; font-weight:bold;}
.story_box .tit {font-size:18px; color:#333; font-weight:bold; margin:5px 0 13px 0;}
.story_box .img {margin-top:25px;}
.story_box .img img {width:100%;}
.story_box .con img {width:100%;}

/* 댓글 */
.comment .blt_com { display:none; }
.comment .blt_com_m { display:block; letter-spacing:-1px; }
.comment_type {overflow:hidden; border-left:1px solid #c8caca; margin-top:28px; }
.comment_type li {float:left; font-size:12px; font-weight:normal; border:1px solid #c8caca; margin-left:-1px; background:#fff; height:35px; width:33%; text-align:center;}
.comment_type li a {display:inline-block; background:url(../images/common/icon01.png) 0 0 no-repeat; background-size:18px 107px; height:35px; line-height:35px; padding:0 5px 0 18px; width:auto;}
.comment_type li a.supporter01 {background-position:0 11px;}
.comment_type li a.supporter02 {background-position:0 -35px;}
.comment_type li a.supporter03 {background-position:2px -84px;}
.comment_type li.on {background:#f4f4f5;}
.com_write {margin-top:-1px;background:#f4f4f5; border:1px solid #c8caca; padding:0 0 0 10px;}
.com_write textarea {width:100%; height:100px; background:none; border:none; outline:none; resize:none; padding:10px 0;}
.comment .btn_wrap {text-align:center; margin:15px 0 30px 0;}

.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 15px 30px;}
.comment_list li dl dt {margin:13px 0 0 75px;}
.comment_list li dl dd.author_img {position: absolute; top:30px; left:10px; width:68px; height:68px; float:left; }
.comment_list li dl dd.comment_txt {margin-left:0px; width:100%; margin-top:25px;}
.comment_list li .btn_wrap { display:inline-block; width:50%; margin:10px 0 0; }
.comment_list li .btn_wrap_delete { float:left; width:100%; margin:8px 0 8px -5px; }
.reply_area .reply_list li {padding-left:0px;}
.reply_area .reply_list li dl dd.comment_txt {margin-left:0px; line-height:22px; width:100%; margin-top:20px;}

.btn_arrow {display:inline-block; height:35px; line-height:35px; background:#ed4948 url(../images/common/btn_arrow.png) 90% 11px no-repeat; font-size:16px; font-weight:bold; color:#fff; padding:0 60px 0 20px; vertical-align:middle;}
.btn_arrow.gray {display:inline-block; height:31px; line-height:31px; background-color:#4a4c50; background-image:none; font-size:14px; font-weight:bold; color:#fff; padding:0 5px 0 5px; vertical-align:middle;}
.btn_arrow.modify {display:inline-block; height:29px; line-height:29px; background:#FFF; font-size:14px; font-weight:bold; border:1px solid #c8caca; color:#28292b; padding:0 5px; vertical-align:middle;}
.btn_arrow.new_register {display:inline-block; height:29px; line-height:29px; background:#FFF; font-size:14px; font-weight:bold; border:1px solid #c8caca; color:#28292b; padding:0 5px; vertical-align:middle;}
.btn_white {display:inline-block; height:35px; line-height:35px; border:1px solid #c8caca; border-radius:5px; font-size:15px; font-weight:bold; color:#333; padding:0 24px;}
#footer img {width:50%; height:auto;}

.layer_wrap {position: absolute; height:100%; width:100%; display:none;}
.layer_wrap.open {display:block;}
.layer_wrap .dim {position:fixed; height:100%; background:#fff; z-index:100; width:100%; top:0; background-color:rgba(0, 0, 0, 0.8);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc272626,endColorstr=#cc272626);  zoom: 1;}
.layer_wrap .dim .scroll {position:fixed; width:100%; top:60px; bottom:15px; overflow-y:auto;}
.layer_wrap .layer_box {margin:0 10px; border:2px solid #f62c29; background:#fff;}
.layer_wrap .btn_close {display:block; width:26px; height:0; background:url(../images/common/btn_layerClose.png) 0 0 no-repeat; background-size:26px 26px; padding-top:26px; overflow:hidden; position:absolute; top:15px; right:12px;}
.layer_wrap .layer_box .me_box {float:none; width:auto; height:auto; padding:0; position:relative;padding:12px;}
.layer_wrap .layer_box .me_box.bg {background:#f4f5f8; border-top:1px solid #cbccce; border-bottom:1px solid #cbccce;}
.layer_wrap .layer_box .me_box .alignC {margin:15px 0;}
.layer_wrap .layer_box .me_box .metit {font-size:20px; font-weight:bold; color:#333;}
.layer_wrap .layer_box .me_box .me_list {margin-top:10px; border-top:1px solid #e4e4e5; width:100%;}
.layer_wrap .layer_box .me_box .me_list li { float:none !important; line-height:35px; padding:0 !important;  border-bottom:1px solid #e4e4e5;}
.layer_wrap .layer_box .me_box .me_list li a {display:block; background:url(../images/common/blt_l.jpg) 0 17px no-repeat; padding-left:10px; font-weight:normal !important; color:#6b6e70 !important; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; max-width:90%;}
.layer_wrap .layer_box .me_box .setting { border-top:1px solid #cbccce; margin:12px -12px;}
.layer_wrap .layer_box .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: static; top:auto; right:auto;}
.layer_wrap .layer_box .photo_area {position: relative; display:inline-block; width:90px; height:90px;}
.layer_wrap .layer_box .photo_area .author_img {position: relative; display:inline-block; width:90px; height:90px; border-radius:45px; overflow:hidden;}
.layer_wrap .layer_box .photo_area .author_img > img {width:90px; height:90px;}
.layer_wrap .layer_box .photo_area .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;}
.btn_bgFull {display:inline-block; line-height:25px; font-size:13px; font-weight:bold; color:#fff; background:#323334; padding:0 20px;}
.setting {padding:0;}
.setting .write {padding:0 12px;}
.setting .write .txtarea { float:none; margin-left:0; width:93%; height:72px; background:#fff; border:1px solid #c8caca; outline:none; resize:none; color:#6b6e70; padding:10px; font-size:13px;}


/*셀렉트*/
.selectLayer {display:inline-block; border:1px solid #fff; position:relative; width:125px; z-index:10; height:25px;}
.selectLayer .tit a {display:block; background:url(../images/common/select_arrow.png) 95% 9px no-repeat; background-size:11px 7px; padding:0 25px 0 5px; font-size:16px; color:#fff; font-weight:bold; line-height:25px; height:25px;}
.selectLayer ul {position:absolute; width:100%; font-size:11px; color:#676968; top:25px; left:-1px; background:#0b0b0e; border:1px solid #b8b8b8; display:none;}
.selectLayer ul li a  {display:block; line-height:25px; padding-left:5px; font-size:16px; color:#fff; font-weight:bold; line-height:25px;}

.quick_area {overflow:hidden;}
.quick_area li {float:left; width:100%; background:#fff; padding:40px 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:24px; color:#28292b; font-weight:bold; text-align:center; padding-top:19px; margin-bottom:15px;}
.quick_area li .tit p {font-size:12px; color:#6b6e70; font-weight:normal; margin-top:5px;}


/* main visual */
.main_visual_img {}
.main_visual_img img {}
.carousel-indicators{ bottom:20px; }
.carousel-indicators li { width:13px;height:13px;}
.carousel-indicators .active{ width:15px;height:15px;}
.visual_txt {max-width:1025px; text-align:center; margin:auto;}
.visual_txt .h_txt {font-size:30px; letter-spacing:-1px;}
.visual_txt .f_16 { width:94%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; margin-left:10px;}
.btn_quick {height:33px; line-height:33px; padding:0 30px; font-size:16px;}
.carousel-caption { top:50px; }

.main_visual_const_img {  height:350px; width:100%; text-align:center; background:url(../images/sub/const_main_banner.jpg) center top no-repeat; padding-top:30px;}
.main_visual_const_img h3 { font-size:30px; color:#FFF; font-weight:bold; background:url(../images/sub/h3_tline.gif) 50% top no-repeat; padding-top:10px; letter-spacing: -3px }
.main_visual_const_img p.sub_txt { color:#fff; font-size:13px; padding:0 10px; margin-top:20px; line-height:19px }



/* 01.About 무지개 */
.sub_visual_intro { padding-top:130px; height:270px; }
.sub_visual_intro h3 { font-size:36px; letter-spacing:-1px; }
.sub_visual_intro p.sub_txt { font-size:14px; letter-spacing:-1px; padding:0 15px; }
.intro_group h4 { font-size:24px; margin-top:40px; letter-spacing:-1px; line-height:35px; }
.intro_group h4 img { width:300px; }
.intro_group .intro_title_txt2 { padding:15px 0 0; }
.intro_group .intro_text_group li { float:none; }
.intro_group .intro_text_group li.intro_img { width:50%; margin:0 auto; padding-bottom:20px; }
.intro_group .intro_text_group li.intro_txt {  margin-left:0; width:100%; }
.intro_group .intro_tip_box { padding:30px 15px;}
.intro_group .intro_tip_box .intro_tip { background-size:70px 70px; background-position:center top; padding:100px 0 0; text-align:left; min-height:98px; line-height:22px; }
.intro_group .intro_tip_box .intro_tip_process { background-size:70px 70px; background-position:center top; padding:80px 0 0; text-align:left; width:100%; }
.intro_group .intro_tip_box .intro_tip_process .tip_process_banner { margin:30px auto 0; width:100%; }
.intro_group .intro_tip_box .intro_tip_process .tip_process_banner img { width:100%; }
.intro_group .intro_tip_box .intro_tip_title { text-align:center; }
.intro_group .intro_tip_box .intro_benefit { background-size:70px 70px; background-position:center top; padding:100px 0 0; text-align:left; min-height:98px; line-height:22px; }
.intro_group .intro_tip_box ul.tip_box_new li { width:100%; border-top:1px solid #dbdbdb; border-left:none; float:none; padding:30px 0; }
.intro_group .intro_tip_box ul.tip_box_new li:first-child { border-top:none; padding-top:10px; }
.intro_group .intro_tip_box ul.tip_box_new li:last-child { padding-bottom:10px; }
.intro_group .intro_tip_box ul.tip_box_new li .tip_txt_group { height:auto; }
.intro_group .intro_tip_box ul.tip_box_new li p.title { text-align:center; margin:20px 0 10px 0; }
.intro_group .intro_tip_box ul.tip_box_new li p.txt { text-align:center; margin:0 0 20px 0; }
.intro_group .intro_img_box img { width:100%; }
.intro_group .intro_img_box_w img { width:100%; }
.intro_group .intro_img12 { width:100%; }
.intro_group .intro_idea_box ul li { float:none; width:90%; border-bottom:1px solid #c8caca; border-left:none; padding:30px 0; margin:0 auto; }
.intro_group .intro_idea_box ul li:first-child { border-bottom:1px solid #c8caca; }
.intro_group .intro_idea_box ul li p { width:100%; line-height:20px; margin:0 auto; }
.intro_group .intro_ex_group .intro_ex_person ul li { float:none; padding:30px 0; }
.intro_group .intro_ex_group .intro_ex_person ul li img { width:220px; }
.intro_group .intro_ex_group .intro_ex_person ul li.first { border-bottom:1px solid #e0e0e0; width:100%; }
.intro_group .intro_ex_group .intro_ex_person ul li.last { width:100%; }
.intro_group .intro_ex_group .intro_ex_person ul li div.txt { padding:0 20px; }

.tab_group_second { margin:40px auto 0; }
.tab_group_second ul li { padding:10px 25px;}


.intro_group h5 { font-size:20px; line-height:28px; }
.intro_group h5 span { font-size:18px; }
.intro_group h5 span.point_color { font-size:20px; }
.intro_group h5.rule_title { font-size:20px; line-height:30px; }
.intro_group .txt_group { padding:50px 0 0; }
.intro_group .txt_group_first { padding:50px 0 0; }
.intro_group .intro_img_group { display:none; }
.intro_group .intro_img_group_m { display:block; padding-top:50px; }
.intro_group .txt_group .intro_img02 { display:none; }
.intro_group .txt_group .intro_img02_m { display:block; }
.intro_group .intro_txt_list li.txt_list_img { width:172px; text-align:center; margin:0 auto 20px; }

/* 01.About 무지개_사내전문가제도 */
.sub_visual_pool { padding-top:80px; height:270px; }
.sub_visual_pool h3 { font-size:36px; letter-spacing:-1px; }
.sub_visual_pool p.sub_txt { font-size:14px; letter-spacing:-1px; padding:0 15px; }
.pool_intro_group { padding-bottom:30px; }
.pool_intro_group ul { margin-top:30PX; }
.pool_intro_group ul li { float:none; }
.pool_intro_group ul li.txt { width:100%; }
.pool_intro_group ul li.img img { width:1px; }
.pool_intro_group ul li dl dt { font-size:26px; margin-bottom:10px; letter-spacing:-2px; }

.supporter_pool_group .supporter_pool_box { width:92%; padding:25px 15px; margin:15px 0 0; }
.supporter_pool_group .supporter_pool_box ul li.text { width:100%; height:auto; }
.supporter_pool_group .supporter_pool_box ul li.text p.title { font-size:18px; }
.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.img { width:100%; text-align:center; margin-bottom:20px; }
.supporter_pool_group .supporter_pool_box ul li.img .img_area { width:110px; margin:0 auto; position:relative;}
.supporter_pool_group .supporter_pool_box ul li.img .img_area img { width:110px; height:110px; }
.supporter_pool_group .supporter_pool_box ul li.img .img_area div.img_cover04 { position:absolute; top:0; left:0; width:110px; height:110px; background:url(../images/common/img_radius04.png) left top no-repeat; margin:0 auto; }
.supporter_pool_group .supporter_pool_box ul li.img img { width:82px; height:82px; }

.pool_participation_group { width:98%; }
.pool_participation_group .pool_participation { font-size:18px; margin:30px 15px; line-height:28px; letter-spacing:-1px; }
.pool_participation_group .pool_participation_rule { padding:30px 15px; }

.pool_help_searchbox { width:100%; }
.pool_help_searchbox .pool_help_txt { margin:20px 0; }
.pool_help_searchbox .pool_help_txt li { font-size:18px; margin:20px 0; letter-spacing:-1px; background-position:20px 10px; padding-left:30px; }
.pool_help_searchbox .pool_help_txt li span { width:290px; }
.pool_help_searchbox .pool_help_txt input.help_search { margin:8px -10px 0; }
.pool_help_choice { width:100%; }

.supporter_ex_group .supporter_ex_content h5 {font-size:24px; }
.supporter_ex_group .supporter_ex_content .ex_tab_group { margin-left:20px; }
.supporter_ex_group .supporter_ex_content .ex_con img { width:90%; margin-left:15px; }
.supporter_ex_group .supporter_ex_content .ex_con li { float:none; }
.supporter_ex_group .supporter_ex_content .ex_con li.img { width:100%; }
.supporter_ex_group .supporter_ex_content .ex_con li.txt { width:90%; margin:0 15px; text-align:center; line-height:20px;  }
.supporter_ex_group .supporter_ex_content .ex_con li.txt p.title { font-size:22px; letter-spacing:-1px; line-height:24px; }
.supporter_ex_group .supporter_ex_txt { padding:30px 0; font-size:14px; line-height:20px; }


/* 02아이디어 내기 */
.cont_bg01 {margin-bottom:-60px;}
.cont_img { height:340px; background-size: cover;}
.start_form { padding:55px 10px 0; }
.start_form .header_txt { font-size:20px; margin-bottom:0px; line-height:28px; }
.start_form .header_txt span.f_20 { font-size:14px; }
.start_form .header_txt h3 { font-size:28px; letter-spacing: -1px;  font-weight: 700}
.start_form .header_txt span.line { margin:20px auto 15px; }
.start_form .header_txt p { margin-top:0px;}
.start_form .txt_form {font-size:16px; margin-top:8px; padding:0 1px;}
.start_form .inputTxt { font-size:16px; line-height:25px; height:25px; width:165px;}
.start_form .txt_form {vertical-align:middle;}
.start_form .btn_arrow {display:inline-block; height:37px; line-height:37px; background:#ed4948 url(../images/common/btn_arrow.png) 90% 14px no-repeat; background-size:27px 75px; font-size:19px; font-weight:bold; color:#fff; padding:0 60px 0 40px; margin-top:30px;}

.start_title { padding-top:45px; }
.start_title p { padding-bottom:0; }
.start_title p.s_title { font-size:24px; line-height:26px; letter-spacing:-1px; }

/*ul.board_wrt { width:100%; display:inline-block; }*/
ul.board_wrt li { display:inline-block; }
ul.board_wrt li p.wrt_th { padding-bottom:10px; }
ul.board_wrt li p.wrt_td { float:none; }
.idea_make_wrt { padding:10px; }

.board_wrt input { padding:10px 0; }
.board_wrt select { width:200px; margin-top:5px; }
.board_wrt textarea.aboutme_txt  { width:80%; }
span.invalid { display:block; }
.filebox_img img { width:100%; }
.filebox label { background-size:50% !important; }
.filebox label.me_photo { background-size:150% !important; width:85%; height:80px;}
.table-responsive {width:77%;}

/* 04.Notice */
.sub_visual_notice { padding-top:70px; height:210px !important; }
.notice_txt_group { padding:15px; }
.board_viw ul.title_group li { margin-left:10px; font-size:12px; }
.board_viw ul.title_group li span { padding-right:5px; margin-right:5px; }
.board_viw .viw_title_comment { position:absolute; right:10px; top:15px; font-size:12px; }
.board_viw .viw_title_comment img { margin:0 2px 0 4px; }
.board_viw .board_viw_content { padding:20px 0; }
.board_viw .board_viw_content img { max-width:100%; }
.board_viw .board_viw_bottom .viw_writer { float:none; text-align:center; }
.board_viw .board_viw_bottom .viw_like_group { float:none; border-top:1px solid #dcdcdc; padding-top:15px; margin-top:15px; text-align:center; }

/* 05.Me */
.sub_visual_me { padding-top:80px; }
.sub_visual_me p.sub_txt { line-height:20px; }
ul.me_lst li.img { width:100%; text-align:center; margin-bottom:10px; }
ul.me_lst li.img div.me_lst_img img { width:300px; height:180px; border:1px solid #c8caca; }
ul.me_lst li.txt { margin:0 10px; width:95%; }
ul.me_lst li.txt dl { margin-top:10px; }
ul.me_lst li.txt dt { font-size:22px; margin-bottom:5px; }
ul.me_lst li.txt dd { font-size:12px; }
ul.me_lst li.txt dl.reply { margin-top:20px; }
ul.me_lst li.txt .me_reply { padding:5px 10px 10px; }
ul.me_lst li.txt .me_reply p { line-height:20px; }
.me_set_group { width:100%; margin:30px auto; }
.me_set_group .me_set_preview {padding:30px 0 10px 0; }
.me_set_group .me_set_preview .support_area { width:90%; }
.me_set_group .me_set_preview .support_area .tit { font-size:16px; }
.me_set_group .me_set_input { padding:15px 0 15px 15px; text-align:left; }
.me_set_group .me_set_input .input_w80 { width:85% !important; }
.me_set_group .me_set_input .profile_impor { margin:5px 0 0 0; text-align:left !important; }

/* 06.Help_Ground Rule */
.sub_visual_rule { padding:80px 0 10px 0; }

/* 06.Help_Login */
.login_group { padding:50px 0 10px 0; width:310px; }
.login_group .login_box { width:280px; padding:30px 15px 30px 15px; }
.login_group .login_box .login_title_group { margin-bottom:20px; }
.login_group .login_box .login_btn { margin-top:20px; }

/* 06.Help_FAQ */
.sub_visual_faq { padding:50px 0 40px 0; }
.faq_search_group input { padding:0 10px; width:220px; margin-top:10px; }
ul.faq_group { margin:10px; }
ul.faq_group li { padding:15px 10px; }
ul.faq_group li.q_title { background:url(../images/sub/icon_q.gif) left 16px no-repeat; }
ul.faq_group li.a_title { background:url(../images/sub/icon_a.gif) left 16px no-repeat; }
ul.faq_group li.a_title img { max-width:100%; }

/* 에러페이지 */
.error_group { padding:70px 0; width:310px; margin:0 auto; }
.error { width:280px; padding:50px 15px; }
.error ul { padding:120px 0 0; }
.error ul li.title { font-size:22px; line-height:28px; }
.error ul li { text-align:center; }

/* Search */
.search_group { padding:50px 0 20px 0; }
.search_group .search_title { font-size:20px; }
.no_search_group { padding-top:100px; }


/* 배경 */
.sub_visual { height:170px; }
.sub_visual h3 { font-size:31px; letter-spacing:-1px; }
.sub_visual p.sub_txt { font-size:14px; }


/* 기본_tab */
.tab_group { display:table; width:90%; height:40px; border:none; margin-top:30px; }
.tab_group ul li { float:none; width:100%; background:none; padding:10px 0; height:20px; border:1px solid #DDD; margin-top:5px; }
.tab_group ul li.on { border:1px solid #ed4948; height:20px; }
.tab_group_3m ul li  { width:100% !important; }
.tab_group_3m ul li.last { width:100% !important; }


/* 버튼 */
.btn_right { position:relative; margin-top:10px; }
.btn_gray {display:inline-block; height:40px; line-height:40px; background:#98999c; font-size:16px; color:#fff; padding:0 11px;}
.btn_w { padding:6px 11px; }
.btn_r { padding:6px 11px; letter-spacing:-1px; }
.btn_g { padding:6px 10px; letter-spacing:-1px; }
.btn_dg { padding:6px 5px; letter-spacing:-1px; }

/* 팝업 */
#lay_pop { width:320px; }
#lay_pop_letter { width:320px; }

.supporter_pool_pop { width:100%; }
.supporter_pool_pop ul { width:100%; }
.supporter_pool_pop ul li.text { width:87%; margin-top:30px; height:250px; overflow-y:scroll; }
.supporter_pool_pop ul li.img { float:left; width:99%; margin-left:-30px; text-align:center;}
.supporter_pool_pop ul li.img .img_area { width:110px; margin:0 auto; position:relative;}
.supporter_pool_pop ul li.img .img_area img { width:110px; height:110px; }
.supporter_pool_pop ul li.img .img_area 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;}
.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 { width:100%; height:390px; }
.pop_title { font-size:18px; padding:15px; letter-spacing:-1px; }
.mobile_setting_pop .setting_pop_area { height:350px; overflow-y:scroll; }
.mobile_setting_pop .setting_pop_group { margin:30px 15px 0; }
.mobile_setting_pop .setting_pop_group dl {padding:20px 15px 15px; margin-top:25px; line-height:22px; }
.mobile_setting_pop .setting_pop_group dl dt { font-size:16px; }
.mobile_setting_pop_img { display:none; }
.mobile_setting_pop_img_m { display:block; }

.view_like_pop { width:100%; }
.view_like_pop .text_group { padding:15px 15px 0; margin:10px; }
.view_like_pop .text_group ul { padding-bottom:15px; }
.view_like_pop .text_group ul li { line-height:22px; margin-bottom:5px; }
.view_like_pop .text_group ul li span { position:relative; margin-left:15px; }

.letter_pop { width:100%; }
.letter_pop .text_group { margin:10px 10px 10px; }
.letter_pop .board_wrt { width:90%; }
.letter_pop textarea { width:85%; height:80px; padding:15px; }

.search_pop { width:100%; }
.search_pop .pop_searchbox_group { padding:15px 15px 0; height:400px; overflow-y:scroll;}
.search_pop .pop_searchbox .pool_help_txt input.help_search { width:150px; }
.table-responsive2 { height:100%; overflow-y:scroll; }

.main_pop { position:absolute; left:10px; top:80px; margin:0; z-index:51; width:95%; }
.main_pop img { width:100%; }



/* 건자재 추가 스타일 */
/* main */
.const_main_image { height:350px; }
.const_main_image dl dt { margin-top:95px; font-size:31px; }
.const_main_image dl dd.btn_box { margin-top:50px; }
.const_main_image dl dd.btn_box a { display:inline-block; margin:5px 10px; padding:10px 15px; font-size:13px; }

/* 건자재 무지개 소개 -> 건자재 무지개란? */
.sub_visual_const { height:250px; padding-top:50px; }
.sub_visual_intro_const { height:350px; width:100%; text-align:center; background:url(../images/sub/visual_intro.jpg) center top no-repeat; padding-top:30px; }
.sub_visual_intro_const h3 { font-size:30px; 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:13px; padding:0 20px; margin-top:20px; line-height:19px; }
.tab_group_3m ul li > a { height:22px; line-height:22px; }
.const_intro_group{ margin-top:20px}
.const_intro_group .intro_text_group { display:inline-block; margin-top:10px; }
.const_intro_group .intro_text_group li { float:none; }
.const_intro_group .intro_text_group li.intro_img { width:50%; margin:0 auto; padding-bottom:20px; }
.const_intro_group .intro_text_group li.intro_txt {  margin-left:0; width:100% }
.const_intro_group .intro_text_group li dl.intro01 { margin-top:20px; background:url(../images/sub/number01.gif) 24px top no-repeat; padding-left:75px; }
.const_intro_group .intro_text_group li dl dt { color:#28292b; font-weight:bold; font-size:22px; 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 .intro02 { margin-top:40px; background:url(../images/sub/number02.gif) 12px top no-repeat; padding-left:75px; line-height:60px; color:#28292b; font-weight:bold; font-size:22px; letter-spacing:-1px; margin-bottom:5px }*/
.const_intro_group .intro02 { margin-top:40px; background:url(../images/sub/number02.gif) 12px top no-repeat; padding-left:75px; line-height:40px; color:#28292b; font-weight:bold; font-size:22px; 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; 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:0 0 50px 0 }
.const_intro_group .intro_tip_box ul.tip_box li { width:100%;  border-top:1px solid #dbdbdb; float:none; margin-top:40px; padding:30px 0 }
.const_intro_group .intro_tip_box ul.tip_box li:first-child { border-top:none; }
.const_intro_group .intro_tip_box ul.tip_box li.tip_txt_group { height:130px; width:100%; margin:0 auto; }
.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:center; margin:0 auto; line-height:24px; padding:0 8% 0}
.const_intro_group .intro_tip_box ul.tip_box li p.txt_02 { text-align:center; margin:0 auto; line-height:24px; padding:0 8% 0 }
.const_intro_group .intro_tip_box ul.tip_box li div.txt_03 { text-align:left; margin:30px auto; line-height:24px; padding:0 15% 0 }
.const_intro_group .intro_tip_box ul.tip_box li div.txt_03 p{ margin-top:5px}
.const_intro_group .intro_img_group{ padding:20px; margin:20px }
.const_intro_group .intro_img_group .intro_img { display:none}
.const_intro_group .intro_img_group .intro_img_m { display:block; margin:30px auto}
.const_intro_group .intro_img_group .intro_img_m .insert_image{ text-align:center; margin:0 auto; }
.const_intro_group h5{font-size:24px; font-weight:bold; color:#28292b; margin: 0 20px}
.const_intro_group h5 span.point_color { font-size:24px; 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 h5.process{font-size:24px; font-weight:bold; color:#28292b; margin:60px 0 0 20px; letter-spacing:-1px;}
.const_intro_group h5.process span.point_color{font-size:24px; font-weight:bold; color:#ff3333; margin:60px 0 0 0; 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:20px 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; margin-left: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 20px 20px; font-weight:bold }



.const_table{ width:92%; height:auto; margin:12px auto; border-top:2px solid #444}
.const_table table{ width:100%}
.const_table caption{ visibility:hidden; height:0}
.const_table thead th,
.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 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}


/* 버튼 */
.const_btn_wrap{ position:relative; width:98%; text-align:right; margin-top:10px; height:50px;  }
.const_btn_wrap .btn_right { position:absolute; right:0;}

.btn_wrap .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_wrap .btn_b:hover{color:#fff; background:#4c823f; text-decoration:none;}



/* 아이디어 내기 -> 건자재 아이디어 */
.const_start .cont_img { height:228px; }
.const_start .start_form { padding-top:50px; }
.contents .section .form_board .filebox label.notice_movie { background-size:64%!important; }
.hide_640 { display:none; }
.const_list .search_box { display: table;  width: 90%; margin: 25px auto 30px;}
.const_list .search_box .date_02 { clear:left; }
.const_list .search_box .date_02, .const_list .search_box .date_04, .const_list .search_box .date_03 { margin-top:10px; }
.tab_group ul.tab_1depth li.tab_1depth_li { width:100%!important; padding:0; min-height:24px; height:auto; line-height:24px; background:transparent;}
.tab_group ul.tab_1depth li.tab_1depth_li.on { height:auto; line-height:24px; border-color:#dcdcdc;}
.tab_group ul.tab_1depth li.tab_1depth_li > span,
.tab_group ul.tab_1depth li.tab_1depth_li > a  { height:36px; line-height:36px; font-size:14px; }
.tab_2depth { border:0; }
.tab_2depth li { border:0!important; margin: 0 !important; padding: 0 !important; height: auto!important; }
.tab_2depth li a { border:0; padding:5px; background-color:#efefef; }

    

.const_cont_img{background:url(../images/common/img_bg.jpg) 50% 50% no-repeat; height:260px; background-size:100% 100%}
.const_start_form {text-align:center; padding-top:25px;}
.const_start_form .header_txt {font-size:30px; color:#c9c9c9; font-weight:bold;  letter-spacing:-3px; }
.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:13px; line-height:20px; font-weight:normal; margin-top:10px; letter-spacing:-1px; }
.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;}


/* 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:100%; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; display:block; margin-bottom:10px; margin-top:20px }
.contents .section .form_board_const li p.wrt_td { float:left; width:100%; display:block; margin-bottom:20px }
.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; }


/* 03.아이디어에 참여하기 -> 건자재 아이디어, 실시제안 - 조회 */
.const_list_img{background:url(../images/common/img_bg.jpg) 50% 50% no-repeat; height:130px; background-size:100% 100%}
.const_list_form {text-align:center; padding-top:45px;}
.const_list_form .header_txt {font-size:30px; color:#c9c9c9; font-weight:bold;  letter-spacing:-3px; }
.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:13px; line-height:20px; font-weight:normal; margin-top:10px; letter-spacing:-1px; }
.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:block }
.const_list .section .view_board li.li_half { float:none; width:100% }
.const_list .section .view_board li p.wrt_th { width:100%; display:block; color:#28292b; font-size:16px; font-weight:bold; letter-spacing:-1px; vertical-align:middle; margin-bottom:10px; margin-top:20px; padding-left:0 }
.const_list .section .view_board li p.wrt_td { width:100%; display:block; float:none; float:none; margin-bottom:20px; }
.const_list .section .view_board li.li_half p.wrt_th { width:100%; display:block;  }
.const_list .section .view_board li.padd_half { padding:13.5px 0; margin-bottom:0;  }
.const_list .section .view_board li p.wrt_td .person { display:block; float:none; margin:0; width:100%}
.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; }
.const_list .section .comment { margin-top:0; padding-top:30px; border-top:1px solid; border-color:#c8caca; }
.const_list .section .add_01 li.li_half { width:100%!important; }
.const_list .section .add_01 li.li_half p.wrt_th { width:100%; }
.wd_50 { width:50%; }


/* me -> 나의 댓글 -> 건자재 나의 댓글 */
.me_const_list .section tr.reply_box td ul li a { width:80%; }
	
/*건자재 메인*/
.box_wrap_main .board_lst td a p {width: 130px;  height: 15px}
.h150 {height: 150px!important;}
    
  .intro_group .txt_group {
    margin: 0 auto; text-align: center
}      
.m40_15 {margin:0px 15px !important; }    
    
}

@media all and (max-width:660px)
{
.gnb_2depth_03 { left:-999px; }
.gnb_2depth_04 { left:-999px; }
    
.const_list .search_box li p.wrt_td { margin-right: 0px;  }
.const_list .search_box input {  width: 230px;}
.const_list .search_box li { margin: 5px 0;}
.const_list .section .board_lst { font-size: 12px; padding: 0 5px;}
.const_list .section .board_lst td:nth-child(4) {width: 35px}
.const_list .section .board_lst td:nth-child(1) {width: 80px!important}
.const_list .search_box #statusCd, .const_list .search_box #proposeCd, .const_list .search_box #appResultGradeCd, .const_list .search_box #listCountCd  {width: 230px}
.const_list .search_box #searchConditionCd, .const_list .search_box #searchKeyword {width: 285px}
.const_list .search_box #searchDateCd {width: 285px}
.const_list .search_box #startdate, .const_list .search_box #enddate {width: 128px}
.const_list .search_box .date_02 input, .const_list .search_box .date_04 input {
    background: url(../images/admin/icon_calendar_1.gif) right -5px no-repeat;
}
.const_list .search_box #isHorizontalOpen {width: 50px; margin-top: 10px;} 
.pageNum {    margin: 20px auto;}
.table-responsive2>.table>tbody>tr>td, .table-responsive2>.table>tbody>tr>th, .table-responsive2>.table>tfoot>tr>td, .table-responsive2>.table>tfoot>tr>th, .table-responsive2>.table>thead>tr>td, .table-responsive2>.table>thead>tr>th {    white-space: unset;}
.table-responsive2 .board_title {width: 200px; padding: 5px}
    
.contents .section .section_header_const h4 {
    margin-top: 25px;
    padding-bottom: 0px;
    font-size: 28px;
}
.contents .section .form_board_const select {
    width: 100%;
}
.viw_comment h4 {
    font-size: 20px;
    margin: 20px 0;
}
.viw_comment {
    margin: 50px 10px;
}
.viw_comment .viw_textarea_group textarea {
    padding: 10px 10px;
}
.viw_comment .viw_comment_btn {
    width: 75px;}
 .const_intro_group {
    margin: 20px 15px;
}  
.const_intro_group .intro_tip_box ul.tip_box li div.t_img .insert_image {
    width:95%}
.const_intro_group .intro_tip_box ul.tip_tit li {
    font-size: 17px;
    letter-spacing: -1.5px;
}
.const_intro_group .intro_tip_box ul.tip_box li div.txt_03 {
    padding: 0 5% 0;
}
.const_intro_group .txt_group_first {
    padding: 0px 0 0;
}
.const_intro_group .intro_tip_box ul.tip_box {
    padding: 0 0 0px 0;
}
.me_set_group .me_set_input {
    margin: 15px auto; padding: unset;   text-align: center;
}
.me_set_group .me_set_input .profile_impor {
    margin: 5px 15px 25px;
}
.contents .section .section_header h4 {    font-size: 30px;  padding-bottom:30px}
.intro_group .txt_group {
    padding: 50px 0 30px;
}    
.intro_group .txt_group {    margin-top: 30px;}  
.intro_group h5.rule_title {    letter-spacing: -2px;    } 

    .table-responsive2 .propose_list {width: 80px }
    
    
    
}
@media all and (max-width:480px)
{
.main_visual_const_img { height:320px; width:100%; text-align:center; background:url(../images/sub/const_main_banner.jpg) center top no-repeat; padding-top:100px;}
/*.const_cont_img {height: 350px;}*/
.const_cont_img {height: 260px;}
.box_wrap_main .board_lst td a {width: 130px}	
}
@media all and (max-width:400px)
{
    .main_visual_const_img { height:350px;}
.const_start_form .header_txt {    font-size: 26px;}
}
    
@media all and (max-width:360px)
{
.const_intro_group .intro_tip_box ul.tip_box li { width:100%;  border-top:1px solid #dbdbdb; float:none; margin-top:5px; padding:30px 0 }
.const_intro_group .intro_tip_box ul.tip_box li div.txt_03 { text-align:left; margin:30px auto; line-height:24px; padding:0 8% 0 }
.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:90%; text-align:center; margin:0 auto; }

.main_visual_const_img {  height:350px; width:100%; text-align:center; background:url(../images/sub/const_main_banner.jpg) center top no-repeat; padding-top:30px;}
.main_visual_const_img h3 { font-size:30px; 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:13px; padding:0 10px; margin-top:20px; line-height:19px; letter-spacing:-1px}

.task01{ height:220px}
.task01 .task_img{ float:left; width:100%; text-align:center;  clear:both}
.task01 .task_txt{ float:left; width:100%; padding:20px 0 0 0;  color:fff; text-align:center; }
.task01 .task_txt .tit{font-size:18px; font-weight:bold; color:#ed4948; margin-bottom:10px}
.task01 .task_txt .txt{line-height:150%; margin-bottom:20px}
.task02{ height:220px; margin-top:50px}
.task02 .task_img{ float:left; width:100%; text-align:center; clear:both}
.task02 .task_txt{ float:left; width:100%; padding:20px 0 0 0;  color:fff; text-align:center }
.task02 .task_txt .tit{font-size:18px; font-weight:bold; color:#ed4948; margin-bottom:10px}
.task02 .task_txt .txt{line-height:150%; margin-bottom:20px}
	
.box_wrap_main .board_lst td a {width: 100px}
}