@charset "utf-8";

@media (max-width: 1200px){

/* 함께하는 사람들 */
#together .together_box .nanum_box .name_section .box { width:calc(100% - 66.85%);}
#together .together_box .nanum_box .name_section .box:nth-child(4n+0) { float: none;}
#together .together_box .nanum_box .name_section .box:nth-child(3n+0) { float: right;}


/* 찾아오시는 길 */
#location .map .root_daum_roughmap{ width: 100% !important;}
#location .text_section,
#location .map_section { padding: 0% 2%;}
#location .width_section .text_section .img { background-size: 80%;}

}


@media (max-width: 1000px){

.sub_section { padding: 0% 2%;}

/* 센터소개 및 주요활동 */
.sub_part_center_introduction #container_wr #container { font-size: 18px;}
#center_introduction .text { font-size: 16px; line-height: 23px;}
#center_introduction .width_section { padding: 5% 2% 5.5% 2%;}
#center_introduction .width_section .title { font-size: 25px;}
#center_introduction .text_section { margin-top: 6%;}
#center_introduction .text_section .box_title { width: 45%; right: 27%;}
#center_introduction .text_section .box_title span { font-size: 22px;}
#center_introduction .text_section .box_line .text_box .word_text br { display:none;}
#center_introduction .c_2_bg .width_section { padding: 4.5% 2%;}


/* 함께하는 사람들 */
#together .together_box .nanum_box .name_section .box .job { font-size: 14px;}


/* 걸어온 길 */
#history .history_section .title:after { width: 55%; left: 23%;}


}



@media (max-width: 800px){

/* 인사말 */
#greeting .greeting_img { height: 30vw; background-size: 80%;}
#greeting .title { font-size: 20px;}
#greeting .text { font-size: 15px; line-height: 25px;}
#greeting .text br { display: none;}
#greeting .name { font-size: 15px;}
#greeting .name span { font-size: 20px; padding-left: 5%;}


/* 센터소개 및 주요활동 */
.sub_part_center_introduction #container_wr #container { font-size: 16px;}
#center_introduction .c_1_bg:after { left: 47%;}
#center_introduction .w_bg:after { left: 47%;}
#center_introduction .width_section { padding: 7% 2% 6.5% 2%;}
#center_introduction .width_section .title { font-size: 20px;}
#center_introduction .width_section .top_icon img { width: 70px;}
#center_introduction .width_section .p_title { font-size: 20px;}
#center_introduction .text { font-size: 15px; line-height: 21px;}
#center_introduction .text_section { margin-top: 6%;}
#center_introduction .text_section .box_title span { font-size: 20px;}
#center_introduction .text_section .box_line .text_box .word_text { font-size: 15px;}
#center_introduction .c_2_bg .text { font-size: 15px;}
#center_introduction .text_section .box_title { width: 50%; right: 25%;}


/* 함께하는 사람들 */
#together .together_box .nanum_box { padding-bottom: 3.5%;}
#together .together_box .nanum_box .text_box .sub_text_box { font-size: 15px; padding-bottom: 1.5%;}
#together .together_box .nanum_box .text_box .sub_text_box .text { line-height: 23px;}
#together .together_box .nanum_box .text_box .sub_text_box .s_title { width: 21%;}
#together .together_box .nanum_box .title { font-size: 20px; padding-left: 25px; margin-top: 4%;}
#together .together_box .nanum_box .title:before { top: 13%;}
#together .together_box .nanum_box .name_section .box { width: calc(100% - 50.3%);}
#together .together_box .nanum_box .name_section .box:nth-child(3n+0) { float: none; }
#together .together_box .nanum_box .name_section .box:nth-child(2n+0) { float: right;}
#together .together_box .nanum_box .name_section .kind { font-size: 15px;}


/* 찾아오시는 길 */
.sub_part_location #container_wr #container { font-size: 15px;}
#location .width_section { padding: 4% 0% 4.5% 0%;}
#location .width_section .text_section .img { height: 160px;}
#location .width_section .text_section { padding-bottom: 1%;}
#location .map_section .title { padding-left: 4%;}
#location .map_section .title:before { width: 17px; height: 17px; top: 9%;}


/* 걸어온 길 */
#history .text_box .top_icon img { width: 70px;}
#history .text_box .text { font-size: 20px;}
#history .text_box .sub_text { font-size: 15px;}
#history .history_section .title { font-size: 20px;}
#history .history_section .title:after { width: 65%; left: 18%;}
#history .history_content .year { font-size: 22px;}


/* CI_소개 */
#CI_introduction .ci_box { display: block;}
#CI_introduction .ci_box .ci_img { display: block; width: 100%; margin-bottom: 3%;}
#CI_introduction .text_box { display: block;}
#CI_introduction .text_box:before { left: 49%; bottom: 95%; transform: rotate(90deg);}
#CI_introduction .text_box .text { font-size: 15px; line-height: 22px;}




/* 함께하기 */
#do_together_section .sns_icon { width: 18%;}
#do_together_section .sns_text { font-size: 16px;}

}


@media (max-width: 600px){

/* 센터소개 및 주요활동 */
#center_introduction .text_section { margin-top: 9%;}
#center_introduction .text_section .box_title { width: 55%; right: 23%;}
#center_introduction .text_section .box_line { padding: 4% 2% 2% 2%;}
#center_introduction .text_section .box_line .text_box .word { width: 25%;}

/* 함께하는 사람들 */
#together .together_box .nanum_box .name_section .box { padding: 3% 0%;}
#together .together_box .nanum_box .name_section .box .name { font-size: 15px;}
#together .together_box .nanum_box .name_section .box .job { font-size: 12px;}
#together .together_box .nanum_box .text_box .sub_text_box .s_title { padding-right: 1%;}


/* 걸어온 길 */
#history .text_box { padding: 5%;}
#history .history_section .title:after { width: 95%; left: 3%;}
#history .history_section .history_content .history_content_list { background:url('/theme/basic/img/history_line.png') 20px top repeat-y;}
#history .history_content ul.history_content_list > li { width: 100%;}
#history .history_content ul.history_content_list > li > div { padding: 30px 40px;}
#history .history_content ul.history_content_list > li.left { text-align: left; margin-right: 0px; }
#history .history_content ul.history_content_list > li.left span.month { float: left;}
#history .history_content ul.history_content_list > li.left span.text { margin-left: 88px; margin-right: 0px;}
#history .history_content ul.history_content_list > li.left .dot { right: auto; left: 13px; top: 38px;}
#history .history_content ul.history_content_list > li.right { margin-left: 0px;}
#history .history_content ul.history_content_list > li.right .dot { left: 12px;}
#history .history_content .dot { top: 39px;}



/* 함께하기 */
.member_title { font-size: 20px;}
#do_together_section .sns_box { padding: 4% 0;}
#do_together_section .sns_icon { width: 100%; display: block; text-align:center; padding-bottom: 3%;}
#do_together_section .sns_text { display: block; width: 100%; text-align: center;}
}


@media (max-width: 450px){

/* 함께하는 사람들 */
#together .together_box .nanum_box .name_section .box { display:table; width: 100%; padding-left: 15%; text-align: left; border: 0px; border-bottom: 1px solid #f4f4f4;}
#together .together_box .nanum_box .name_section .box .name { display: table-cell; width: 20%; vertical-align:middle;}
#together .together_box .nanum_box .name_section .box .job { display: table-cell; vertical-align:middle; padding-top:0px;}
#together .together_box .nanum_box .name_section .box:nth-child(2n+0) { float: none;}
#together .together_box .nanum_box .text_box .sub_text_box { padding-bottom: 3%;}
#together .together_box .nanum_box .text_box .sub_text_box .text { line-height: 21px;}


/* 찾아오시는 길 */
#location .width_section { padding: 6% 0% 6.5% 0%;}
#location .width_section .text_section { display:block;}
#location .width_section .text_section .img { display: block; width: 100%; background-size: 45%; height: 115px;}
#location .width_section .text_section .text_box { text-align:center;}
#location .width_section .text_section .text_box .number { padding-bottom: 8%;}
#location .map_section .title { padding-left: 7%;}


/* CI 소개 */
#CI_introduction .text_box:before { left: 46%;}
#CI_introduction .text_box .text { word-break: break-all;}
#CI_introduction .text_box .text br { display:none;}



/* 함께하기 */
#do_together_section .sns_box { padding: 7% 0;}

}