/* 인사말 */
#greeting .greeting_box { border: 1px solid #f3f3f3; padding: 3% 4%; margin: 0 2%; box-shadow: 3px 4px 10px rgba(0,0,0,3%); color: #363636; word-break: keep-all;}
#greeting .greeting_img { height: 220px; background: url('/theme/basic/img/greeting_img.png')center center no-repeat;}
#greeting .title { font-size: 25px; padding-top: 4%;}
#greeting .title span { font-weight: 500;}
#greeting .text { font-size: 18px; line-height: 30px; padding-top: 3%;}
#greeting .name { border-top: 1px solid #ffde96; font-size: 20px; text-align: right; padding: 1% 0; margin-top: 3%;}
#greeting .name span { font-size: 25px; padding-left: 2%;}


/* 센터소개 및 주요활동 */
.sub_part_center_introduction #container_wr #container { max-width: 100%; font-size: 20px; padding-bottom: 0px; word-break: keep-all;}
#center_introduction .c_1_bg { background: #f9eeeb; position:relative;}
#center_introduction .w_bg { position: relative; }
#center_introduction .w_bg:after { content:''; background: url('/theme/basic/img/t_w.png')center bottom no-repeat; width: 34px; height: 15px; position: absolute; bottom: -14px; left: 49%; z-index: 1;}
#center_introduction .c_1_bg:after { content:''; background: url('/theme/basic/img/t_p.png')center bottom no-repeat; width: 34px; height: 15px; position: absolute; bottom: -14px; left: 49%;}
#center_introduction .width_section { max-width: 1200px; margin: 0 auto; text-align: center; color:#2e2e2e; padding: 2% 0% 2.5% 0%;}
#center_introduction .width_section.first { padding-top: 0%;}
#center_introduction .width_section .top_icon { padding-bottom: 1%;}
#center_introduction .width_section .title { font-size:30px; font-weight: 500;}
#center_introduction .width_section .p_title { font-size: 25px; color: #ff2189; font-weight: 500; padding-bottom: 1.5%;}
#center_introduction .text_bold { line-height: 25px; font-weight: 500; padding-bottom: 1%;}
#center_introduction .text { font-size: 18px; line-height: 25px; color:#525252;}
#center_introduction .text_bold span { font-weight: 600;}
#center_introduction .sub_title span { font-weight: 600;}
#center_introduction .text_section { position: relative; margin-top: 4%;}
#center_introduction .text_section .box_title { position:absolute; font-weight: 500; background:#ffc64c; display: inline-block; padding: 1% 4%; border-radius: 35px; width: 32%; top: -25px; right: 34%;}
#center_introduction .text_section .box_title span { font-size: 25px;}
#center_introduction .text_section .box_line { border: 1px solid #ffc64c; border-radius: 30px; padding: 3.5% 2% 3% 2%;}
#center_introduction .text_section .box_line .text_box { display: table; width: 100%; border-bottom: 1px solid #ededed; padding: 1.8% 0%; word-break: keep-all;}
#center_introduction .text_section .box_line .text_box:last-child { border-bottom: 0px; padding-bottom: 0px;}
#center_introduction .text_section .box_line .text_box .word { display: table-cell; width: 20%; vertical-align: middle; color:#fb9b1f; font-weight: 500;}
#center_introduction .text_section .box_line .text_box .word_text { display: table-cell; text-align: left; font-size: 18px; word-break: break-all;}
#center_introduction .c_2_bg { background:#eaeff5; border-bottom: 2px solid #fff;}
#center_introduction .c_2_bg .text { font-size: 20px; font-weight: 500; color: #2e2e2e;}
#center_introduction .c_2_bg .text span { color: #ff2189;}
#center_introduction .c_2_bg .width_section { padding: 2.5%;}


/* 함께하는 사람들 */
#together .together_box .nanum_box { border-bottom: 1px solid #f4f4f4; padding-bottom: 1.5%;}
#together .together_box .nanum_box:last-child { border-bottom: 0px;}
#together .together_box .nanum_box .title { color:#eb0088; font-size: 25px; font-weight: 500; padding-left: 2.5%; position: relative; padding-bottom: 0.8%; margin-top: 3%;}
#together .together_box .nanum_box .title:before { content:''; background:url('/theme/basic/img/arrow_p.png'); width: 19px; height: 19px; position:absolute; left: 0; top: 17%;}
#together .together_box .nanum_box .title.first { margin-top: 0%;}
#together .together_box .nanum_box .text_box { background: #fafafa; padding: 2%;  word-break: keep-all;}
#together .together_box .nanum_box .text_box .sub_text_box { display:table; width: 100%; font-size: 18px; padding-bottom: 0.5%;}
#together .together_box .nanum_box .text_box .sub_text_box .s_title { display: table-cell; width: 15%; font-weight: 500;}
#together .together_box .nanum_box .text_box .sub_text_box .text { display: table-cell; line-height: 28px;}

#together .together_box .nanum_box .name_section .kind { background:#ffc64c; padding: 0.5% 1%; width: 220px; color: #fff; border-radius: 0px 25px 0px 0px; font-size: 20px; margin-bottom: 0.3%; margin-top: 5%;}
#together .together_box .nanum_box .name_section .kind.first { margin-top: 0px;}
#together .together_box .nanum_box .name_section .box { border: 1px solid #dedede; display:inline-block; width:calc(100% - 75.2%); margin-bottom: 0.3%; padding: 1.8% 0%; text-align:center; word-break: keep-all;}
#together .together_box .nanum_box .name_section .box:nth-child(4n+0) {float: right;}
#together .together_box .nanum_box .name_section .box .name { font-size: 18px; font-weight: 500;}
#together .together_box .nanum_box .name_section .box .job { font-size: 16px; padding-top: 2%;}


/* 찾아오시는 길 */
.sub_part_location #container_wr #container { max-width: 100%; font-size: 20px; padding-bottom: 0px; word-break: keep-all;}
#location .width_section { max-width: 1200px; margin: 0 auto; color:#2e2e2e; padding: 2% 0% 2.5% 0%;}
#location .width_section.first { padding-top: 0%;}
#location .y_bg { background: #fffcf7;}
#location .width_section .text_section {display: table; padding-bottom: 6%;}
#location .width_section .text_section .img {display:table-cell; width: 30%; background: url('/theme/basic/img/location_img.png')center center no-repeat; height: 180px;}
#location .width_section .text_section .text_box { display: table-cell; vertical-align: middle;}
#location .width_section .text_section .text_box .text { padding-bottom: 2.5%; border-bottom: 1px solid #ececec;}
#location .width_section .text_section .text_box .number { color: #eb0088; padding-top: 1.5%;}
#location .map_section .title { padding-left: 2.5%; font-weight: 500; position: relative; margin-bottom: 8px;}
#location .map_section .title:before { content:''; background:url('/theme/basic/img/arrow_p.png')center center no-repeat; background-size: contain; width: 19px; height: 19px; position:absolute; left: 0; top: 21%;}
#location .map_section .title span { padding-left: 1.5%; color: #eb0088;}
#location .map_section .address { text-align: center; padding-top: 1%;}
#location .root_daum_roughmap .wrap_controllers { display:none;}


/* 걸어온 길 */
#history { word-break: keep-all;}
#history .text_box { background: #fff7e6; padding: 3%; border-radius: 40px; position: relative; }
#history .text_box:after { content:''; background: url('/theme/basic/img/t_y.png')center bottom no-repeat; width: 34px; height: 15px; position: absolute; bottom: -15px; left: 49%;}
#history .text_box .top_icon { padding-bottom: 0.5%; text-align: center; }
#history .text_box .text { font-size: 30px; text-align: center; font-weight: 500;}
#history .text_box .sub_text { color: #595959; text-align:center; padding-top: 2%; font-size: 20px; font-weight: 500;}
#history .history_section .title { font-size: 25px; font-weight: 500; text-align:center; padding-top: 40px; position: relative; }
#history .history_section .title span { color: #eb008a;}
#history .history_section .title:after {content:''; position:absolute; width: 40%; height: 15px; background: #ffe8b7; bottom: 0; left:30%; z-index: -1;}
#history .history_section .history_content .history_content_list { margin: 15px auto 0 auto; background: url('/theme/basic/img/history_line.png')center top repeat-y;}
#history .history_content ul.history_content_list > li { width: 50%; font-size: 15px;}
#history .history_content ul.history_content_list > li.left { text-align: right; margin-right: 50%;}
#history .history_content ul.history_content_list > li > div { position: relative; padding:30px;}
#history .history_content .year { font-size: 30px; line-height: 30px; color: #ff9915; font-weight: 500; margin-bottom: 15px;}
#history .history_content .text ul li { padding-bottom: 5px; line-height: 18px;}
#history .history_content ul.history_content_list > li.left span.month { float: right; }
#history .history_content ul.history_content_list > li span { display: block;}
#history .history_content ul.history_content_list > li span.month { color: #686868;}
#history .history_content ul.history_content_list > li.left span.text { margin-right: 87px;}
#history .history_content .dot { position:absolute; top: 53px; width: 14px; height: 14px; background: #ffc64c; border-radius: 50%;}
#history .history_content ul.history_content_list > li.left .dot { right: -7px; }

#history .history_content ul.history_content_list > li.right { text-align: left; margin-left: 50%;}
#history .history_content ul.history_content_list > li.right span.month { float: left; }
#history .history_content ul.history_content_list > li.right span.text { margin-left: 87px;}
#history .history_content ul.history_content_list > li.right .dot { left: -7px; }


/* CI소개 */
#CI_introduction .ci_box { display: table; padding-top: 2%;}
#CI_introduction .ci_box .ci_img { display: table-cell; width: 30%; height: 245px; background:url('/theme/basic/img/ci_img.png')center center no-repeat;}
#CI_introduction .text_box { display: table-cell; background: #f7f7f7; padding: 4% 3%; word-break: keep-all; position:relative;}
#CI_introduction .text_box:before { content:''; background: url('/theme/basic/img/t_g.png')center center no-repeat; width: 35px; height: 35px; position:absolute; left: -26px; bottom: 44%;}
#CI_introduction .text_box .text { font-size: 18px; padding-bottom: 3%; line-height: 30px; vertical-align: middle;}
#CI_introduction .text_box .text  span { color:#ff9f22; font-weight: 600;}
#CI_introduction .text_box .text:last-child { padding-bottom: 0px;}



/* 함께하기 */
.member_title { font-size: 25px; color: #ff2189; font-weight: 500; text-align: center; padding-bottom: 2%;}
#do_together_section .sns_box { display: table; border-bottom: 1px solid #ebebeb; width: 100%; padding: 2% 0;}
#do_together_section .sns_box:last-child { border-bottom: 0px;}
#do_together_section .sns_icon { display: table-cell; width: 15%; padding: 0 4%; vertical-align: middle;}
#do_together_section .sns_text { display: table-cell; font-size: 18px; color: #525252; vertical-align: middle; word-break: keep-all; width: auto;}
#do_together_section .sns_text .bold { color: #2a2a2a; font-weight: 500; padding-bottom: 5px; display: block; word-break: break-all; width: auto;}