@charset "utf-8";
/* ================================================================== */
/* Name	: sub.css
/* Script : Sub Layout CSS
/* Author : Design Geulggol
/* Date	: 2017-10-31
/* ================================================================== */

/* ----------------------------- */
/* Common
/* ----------------------------- */
.contents h1 {
    margin: 2em 0 0.8em;
    font-size: 4rem;
    color: #000;
}
.contents h2 {
    margin: 1.5em 0 0.5em;
    font-size: 2rem;
    color: #000;
}
.contents h2:before {
    content: '';
    display: block;
    width: 12px;
    height: 14px;
    margin: 0 0 10px 6px;
    -webkit-transform:skew(-40deg);
    transform:skew(-40deg);
    background: #f14a4a;
}
.contents h3 {
  position: relative;
  padding-left:13px;
  margin:1.5em 0 0.5em;
  font-size:1.8rem;
}
.contents h3:before {
  content: "";
  display: block;
  width:5px;
  height:5px;
  position: absolute;
  top:7px;
  left:0;
  background: #000;
}
.contents h2:first-child,
.contents h3:first-child,
.contents h4:first-child {
    margin-top: 0;
}

.color_R { color: #de2222 !important;}
.color_B { color: #1c44c5 !important;}

.txt_medium { font-size: 2.4rem; }
.txt_large { font-size: 2.6rem; }

.s_i_txt {
    font-size: 1.5rem;
    color: #de2222;
}
.s_i_txt .feather {
    vertical-align: middle;
    width: 18px;
    height: 18px;
}
.s_i_txt.rgt {
    text-align:right;
}

ul.contents_list > li {
  padding:3px 0;
}
ul.list_bullet > li {
  padding:3px 14px;
  position: relative;
}
ul.list_bullet > li:before {
  content: "";
  display: block;
  width:7px;
  height:1px;
  position: absolute;
  top:12px;
  left:1px;
  background: #000;
}
.contentsbox_list {
  width:100%;
  height:100%;
  padding:0.8em 1.8em;
  margin:12px 0 20px;
  border: 1px solid #cfcfcf;
}
.contentsbox_list li {
  padding:6px 0;
}
.contentsbox_list li strong,
.contentsbox_list li span {
  display: block;
  float: left;
}
.contentsbox_list li strong {
  width:14%;
  font-weight: 700;
  color: #0055a7;
}
.contentsbox_list li span {
  width:86%;
}
a.link_text {
  position: relative;
  text-decoration: underline;
  font-family: 'MontserratLight', 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  word-break: break-all;
}
a.link_text:after {
  content:"";
  display: inline-block;
  width:11px;
  height:11px;
  margin-left:8px;
  background: url("/images/sub/link_icon.svg") no-repeat;
}
.color_red {
  color:#f14a4a;
}
.font_14 {
  font-size:1.4rem;
}
.font_16 {
  font-size:1.6rem;
}
.font_17 {
  font-size:1.7rem;
}
.font_w_700 {
  font-weight: 700;
}

.margin_b70 {
  margin-bottom: 70px;
}
/* contents_icon */
.contents_icon svg {
  width:16px;
  margin-right: 6px;
  margin-top:-2px;
  color:#f14a4a;
}
/* download_btn */
.download_btn {
  display: inline-block;
  position: relative;
  width:180px;
  padding:1px 5px 0;
  margin-left:11px;
  border:1px solid #cfcfcf;
}
.download_btn a {
  display: block;
}
.download_btn a:before {
  font-size: 1.4rem;
}
.apply a:before {
  content: "신청서 다운로드";
}
.recommendation a:before {
  content: "추천서 다운로드";
}
.download_btn:before {
  content: "";
  display: inline-block;
  width:1px;
  height:14px;
  position: absolute;
  top: 4px;
  right:37px;
  background: #f14a4a;
}
.download_btn:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top:3px;
  right:10px;
  background: url("/images/sub/down_icon.svg") no-repeat;
}
.block_m,
.block_t {
  display: block;
}
.inblock_m,
.inblock_t {
  display: inline-block;
}



/* ----------------------------- */
/* history
/* ----------------------------- */
.indtoduce_content figure {
  float:left;
}
.indtoduce_content p,
.indtoduce_content p span {
  float: right;
}
.indtoduce_content figure {
  width:31.1%;
}
.indtoduce_content p {
  width:65.6%;
  line-height: 2.6rem;
}
.indtoduce_content p span strong {
  font-size: 2.2rem !important;
  text-align: right;
}

/* ----------------------------- */
/* history
/* ----------------------------- */
/* history_tabs */
.history_tabs {
  width:100%;
  margin-bottom: 20px;
  border-top:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
}
.history_tabs li {
  float:left;
  padding:19px 0 19px 10px;
  border-bottom:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;
  font-family: "MontserratRegular", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  font-size: 1.4rem;
  letter-spacing:13px;
  color: #8f8f8f;
  text-align: center;
  cursor: pointer;
}

.history_tabs li:hover,
.history_tabs li.active {
  background:#f14a4a;
  border-color: #f14a4a;
  color:#fff;
}
/* history_contents */
.history_contents {
  padding:67px 0 29px 0;
  border-bottom:1px dashed #bdbdbd;
}
.history_contents h2 {
  width:17%;
  float:left;
  margin-top:-27px!important;
  font-size:4.0rem !important;
  font-family:"MontserratLight", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  color:#f14a4a !important;
}
.history_list li {
  width:83%;
  float:right;
  padding-bottom:8px;
}
.history_list li span,
.history_list li strong {
  display:block;
  float:left;
}
.history_list li span {
  width:14%;
  font-family:'MontserratRegular', 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  font-size:1.8rem;
}
.history_list li strong {
  width:86%;
  font-weight:normal;
}

/* ----------------------------- */
/* rules
/* ----------------------------- */
.rules_container {
  line-height: 2.6rem;
}
.font_green_b_uline_12px {
  font-size:1.8rem;
  color:#f14a4a;
  text-decoration: underline;
}

/* ----------------------------- */
/* organization
/* ----------------------------- */
.organization_container {
  width:74.5%;
  margin:0 auto;
  font-size: 1.8rem;
}
.organization_box {
  width:240px;
  margin:0 auto;
  padding:16px 0 22px 0;
  background:#0055a7;
  color:#fff;
  text-align: center;
}
.organization02_wrap {
  width:50%;
  height:146px;
  margin-left:50%;
  padding-top:36px;
  position: relative;
  border-left: 1px solid #0055a7;
}
.organization02_wrap:before {
  content: "";
  display: block;
  position: absolute;
  width:100%;
  height:1px;
  top:50%;
  right:0;
  background:#0055a7;
  z-index: -10;
}
.organization02_wrap .organization02 {
  float:right;
  background: #fff;
}
.organization03 {
  margin:0 auto;
}
.organization_boxline {
  width:200px;
  padding:13px 0 16px 0;
  border:3px solid #0055a7;
  text-align: center;
  color:#0055a7;
}
.organization04:before {
  content: "";
  display: block;
  width:1px;
  height:28px;
  margin:-28px auto 0 auto;
  background: #0055a7;
}
.organization04 {
  width:78.4%;
  height:28px;
  margin:27px auto 0 auto;
  border: 1px solid #0055a7;
  border-bottom: 0;
}
.organization_wrap .contents_left {
  float:left;
}
.organization_wrap .contents_left ul {
  margin-top:18px;
  padding-top:22px;
  border-top:1px solid #0055a7;
  text-align: left;
  font-size: 1.6rem;
  color:#444;
}
.organization_wrap .contents_left ul li {
  padding:5px 27px;
}
.organization_wrap .contents_right {
  float:right;
}
.organization_wrap .contents_right ul {
  margin-top:18px;
  padding-top:22px;
  border-top:1px solid #0055a7;
  text-align: left;
  font-size: 1.5rem;
  color:#444;
}
.organization_wrap .contents_right ul li {
  padding:5px 27px;
}
.organization_wrap .contents_left,
.organization_wrap .contents_right {
  position: relative;
}


.organization05:before {
  content: "";
  display: block;
  width:1px;
  height:28px;
  margin:-28px auto 0 auto;
  background: #0055a7;
}
.organization05 {
  width:0px;
  height:0px;
  margin:-176px auto 0 800px;
  border: 1px solid #0055a7;
  border-bottom: 0;
}
.organization_wrap .contents_left {
  float:left;
}
.organization_wrap .contents_left ul {
  margin-top:18px;
  padding-top:22px;
  border-top:1px solid #0055a7;
  text-align: left;
  font-size: 1.6rem;
  color:#444;
}
.organization_wrap .contents_left ul li {
  padding:5px 27px;
}
.organization_wrap .contents_right {
  float:right;
}
.organization_wrap .contents_left,
.organization_wrap .contents_right {
  position: relative;
}

.organization05_wrap .organization05 {
  float:right;
  background: #fff;
}
.organization_deco span:before {
  content: "";
  display: block;
  width: 8px;
  height:8px;
  margin:0 auto 10px auto;
  -webkit-transform: skew(-40deg);
  transform: skew(-40deg);
  background: #f14a4a;
}

/* ----------------------------- */
/* business
/* ----------------------------- */
.vision_purpotes {
  text-align: center;
}
.vision_purpotes h3 {
  font-size: 2.6rem !important;
}
.vision_purpotes h3:before {
  display: none;
}
.vision_purpotes h3 span {
  display: block;
  font-size: 1.4rem;
  font-family: "MontserratSemiBold", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  letter-spacing:7px;
  color:#f14a4a;
}
.vision_container .vision_arrow {
  position: relative;
  margin:140px 0 110px 0;
  text-align:center;
  border-bottom: 1px solid #b5bdc8;
}
.vision_container .vision_arrow:before {
  content: "";
  display: block;
  width:80px;
  height:80px;
  position: absolute;
  bottom:-40px;
  left:50%;
  margin-left:-40px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari 3-8 */
  transform: rotate(45deg);
  background:#f14a4a;
}
.vision_container .vision_arrow:after {
  content: "";
  display: block;
  width:100%;
  height:80px;
  position: absolute;
  bottom:-40px;
  z-index: 10;
  background:url(/images/sub/arrow_vission.png) no-repeat center;
}
.vision_contents {
  margin-top: 40px;
  display: inline-block;
  position: relative;
  font-size: 3.2rem;
}
.vision_contents:before,
.vision_contents:after {
  content: "";
  display: block;
  width: 11px;
  height:61px;
  border:5px solid #0055a7;
  position: absolute;
  top:-27px;
}
.vision_contents:before {
  left:-41px;
  border-right:0;
}
.vision_contents:after {
  right:-41px;
  border-left: 0;
}
.purpotes_title {
  margin-top: 27px;
  font-size: 2.4rem;
}
.purpotes_container ol {
  margin:42px 0 62px 0;
  counter-reset: section;
  font-size: 0;
  letter-spacing: -5px;
  text-align: left;
}
.purpotes_container ol li {
  display: inline-block;
  width:23.4%;
  padding: 61px 30px 10px;
  min-height: 130px;
  margin:10px 0.8%;
  position: relative;
  border:1px solid #cacaca;
  font-size: 1.6rem;
  letter-spacing: 0;
  vertical-align: top;
  *display: inline;
  zoom:1;
  text-align: center;
}
.purpotes_container ol li:before {
  counter-increment: section;
  content: counter(section);
  display: block;
  width:40px;
  height:40px;
  line-height: 40px;
  position: absolute;
  top:-1px;
  left:50%;
  margin-left: -20px;
  background:#0055a7;
  color:#fff;
  font-size: 1.5rem;
  font-family: "MontserratSemiBold", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  text-align: center;
}

/* ----------------------------- */
/* mission
/* ----------------------------- */
.mission_purpotes {
  text-align: center;
}
.mission_purpotes h3 {
  font-size: 2.6rem !important;
}
.mission_purpotes h3:before {
  display: none;
}
.mission_purpotes h3 span {
  display: block;
  font-size: 1.4rem;
  font-family: "MontserratSemiBold", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  letter-spacing:7px;
  color:#f14a4a;
}
.mission_container .mission_arrow {
  position: relative;
  margin:140px 0 110px 0;
  text-align:center;
  border-bottom: 1px solid #b5bdc8;
}
.mission_container .mission_arrow:before {
  content: "";
  display: block;
  width:80px;
  height:80px;
  position: absolute;
  bottom:-40px;
  left:50%;
  margin-left:-40px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari 3-8 */
  transform: rotate(45deg);
  background:#f14a4a;
}
.mission_container .mission_arrow:after {
  content: "";
  display: block;
  width:100%;
  height:80px;
  position: absolute;
  bottom:-40px;
  z-index: 10;
  background:url(/images/sub/arrow_vission.png) no-repeat center;
}
.mission_contents {
  margin-top: 40px;
  display: inline-block;
  position: relative;
  font-size: 3.2rem;
}
.mission_contents:before,
.mission_contents:after {
  content: "";
  display: block;
  width: 11px;
  height:61px;
  border:5px solid #0055a7;
  position: absolute;
  top:-27px;
}
.mission_contents:before {
  left:-41px;
  border-right:0;
}
.mission_contents:after {
  right:-41px;
  border-left: 0;
}
.mvision_title {
  margin-top: 27px;
  font-size: 2.4rem;
}
.mvision_container ol {
  margin:42px 0 62px 0;
  counter-reset: section;
  font-size: 0;
  letter-spacing: -5px;
  text-align: left;
}
.mvision_container ol li {
  display: inline-block;
  width:31%;
  padding: 61px 30px 10px;
  min-height: 130px;
  margin:10px 0.8%;
  position: relative;
  border:1px solid #cacaca;
  font-size: 1.6rem;
  letter-spacing: 0;
  vertical-align: top;
  *display: inline;
  zoom:1;
  text-align: center;
}
.mvision_container ol li:before {
  counter-increment: section;
  content: counter(section);
  display: block;
  width:40px;
  height:40px;
  line-height: 40px;
  position: absolute;
  top:-1px;
  left:50%;
  margin-left: -20px;
  background:#0055a7;
  color:#fff;
  font-size: 1.5rem;
  font-family: "MontserratSemiBold", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  text-align: center;
}

/* ----------------------------- */
/* location
/* ----------------------------- */
.location_map {
  width:100%;
  height:480px;
  margin-bottom: 40px;
  border:3px solid #aaa29b;
}
.location_contents {
  position: relative;
  padding: 10px 0 10px 60px;
  margin-bottom:10px;
  font-size: 2.0rem;
}
.location_bus li {
  padding-bottom: 8px;
  font-size: 1.6rem;
}
.common_bullet {
  content: "";
  display: block;
  position: absolute;
  width:40px;
  height:40px;
  top:0;
  left:0;
  padding-top:7px;
  color:#fff;
  text-align: center;
}
.common_bullet svg {
  width:18px;
}
.bg_color_red {
  background: #f14a4a;
}
.bg_color_darkgrey {
  background: #575151;
}

/* ----------------------------- */
/* p-guide
/* ----------------------------- */
.facility_img img {
  width:32%;
  margin:15px 0.5%;
}

/* ----------------------------- */
/* m-infomation
/* ----------------------------- */
/* 등록회원의 종류 */
.type_wrap {
  margin-bottom:61px;
}
.members_type {
  position: relative;
  margin:63px 0 0 20px;
}
.members_type .type_nomal {
  width:152px;
  padding-top:36px;
  top:0;
  left:0;
  display: inline-block;
  position: absolute;
  text-align: center;
  color:#fff;
  font-size: 1.8rem;
}
.members_type .type_nomal:before {
  content: '';
  display: block;
  position: relative;
  left:50%;
  width: 9px;
  height: 9px;
  margin: 0 0 10px -4px;
  -webkit-transform:skew(-40deg);
  transform:skew(-40deg);
  background: #fff;
}
.members_type .type_nomal:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -10;
  top: 0;
  left: 63px;
  width:107px;
  height:107px;
  margin:6px 0 0 -40px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari 3-8 */
  transform: rotate(45deg);
  background:#f14a4a;
}
.members_type .type_blue:after {
  background:#0055a7;
}
.members_type .type_common {
  position: relative;
  margin:5px 0;
  text-align: center;
}
.members_type .type_common strong,
.members_type .type_common span {
  display: block;
  float:left;
  padding:15px 0;
  border: 2px solid #cfcfcf;
}
.members_type .type_common strong {
  width:16.6%;
  margin:0 8.9% 0 20%;
  background: #f4f4f4;
}
.members_type .type_common span {
  width:54.5%;
  background: #fff;
}
.members_type .type_common:before {
  content: "";
  display: block;
  width:90%;
  height:1px;
  position: absolute;
  z-index: -20;
  top:50%;
  right:0;
  background: #cfcfcf;
}
/* 작성요령 */
.info_tip_wrap {
  position: relative;
}
.info_tip {
  display: none;
  position: absolute;
  top:0;
  left:0;
  z-index: 10;
  width: 100%;
  padding:5rem 4rem;
  border: 1px solid #cfcfcf;
  background: #fff;
}
.info_tip div:first-child {
  margin-bottom: 1.4rem;
  font-size: 2.0rem;
  text-align: center;
}
/* info_download */
.info_download li {
  position: relative;
  float: left;
  display: table;
  width:31.1%;
  height:93px;
  margin-left:3.3%;
  border:1px solid #cfcfcf;
}
.info_download li:hover {
  border:1px solid #f14a4a;
}
.info_download li:first-child {
  margin-left:0;
}
.info_download li a {
  display:table-cell;
  vertical-align: middle;
  padding:0 22% 0 10%;
}
.info_download li:before,
.info_download li:after {
  content: "";
  display: block;
  position: absolute;
}
.info_download li:before {
  width:1px;
  height:41px;
  top:50%;
  right:72px;
  margin-top:-20px;
  background:#f14a4a;
}
.info_download li:after {
  width:16px;
  height: 16px;
  top:50%;
  right:33px;
  margin-top:-8px;
  background: url("/images/sub/down_icon.svg") no-repeat;
}
/* ----------------------------- */
/* benefits
/* ----------------------------- */
.benefits_list {
  counter-reset: section;
  line-height: 2.6rem;
}
.benefits_list > li {
  margin-bottom:38px;
}
.benefits_list li > div.benefits_title {
  padding:0 0 10px 31px;
  position: relative;
}
.benefits_list li > div.benefits_title:before {
  counter-increment: section;
  content:"0"counter(section);
  display: block;
  position: absolute;
  top:-1px;
  left:0;
  width:32px;
  color:#f14a4a;
  font-size:2.0rem;
  font-family: "MontserratBold", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
}
.benefits_list li:nth-child(n+10) > div.benefits_title:before{
  content:counter(section);
}
.benefits_list li > div.benefits_title,
.benefits_list li > div.benefits_content {
  float: left;
}
.benefits_list li > div.benefits_title {
  width:31.1%;
  margin-right:3.3%;
  font-size: 2.0rem;
}
.benefits_list li > div.benefits_content {
  width:65.6%;
  margin-top:-10px;
}
.benefits_list li a {
  display: inline-block;
  margin-top:5px;
}
.benefits_list .contentsbox_list li strong {
  width:24%;
}
.benefits_list .contentsbox_list li span {
  width:76%;
}

/* ----------------------------- */
/* fund
/* ----------------------------- */

.fund_process li {
  display: table;
  float: left;
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  border-collapse: collapse;
  border-spacing: 0;
}
.process3 li {
  width: 31%;
  margin-left:3.4%;
}
.process4 li {
  width: 22.5%;
  margin-left:3.3%;
}
.fund_process li > span {
  height: 122px;
  border:2px solid #cfcfcf;
  background:#f4f4f4;
  padding:10px 20px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.fund_process li:after {
  content: "";
  display: block;
  position: absolute;
  bottom:50%;
  margin-bottom:-12px;
  width:0;
  height:0;
  border-style:solid;
  border-width:12px;
  border-color:transparent transparent transparent #0055a7;
  z-index: -10;
}
.process3 li:after {
  right:-11%;
}
.process4 li:after {
  right:-16%;
}
.fund_process li:first-child {
  margin-left:0;
}
.fund_process li:last-child > span {
  border-color:#0055a7;
  background: #fff;
  font-weight: 700;
  color:#0055a7;
}
.fund_process li.li_last:after {
  display: none;
}

/* ----------------------------- */
/* visual
/* ----------------------------- */
#visual_wrap {
    width: 100%;
}
.visual {
    display: table;
    width: 100%;
    min-height: 300px;
}
.introduce .visual {
    background: url(/images/sub/sub_visual1.jpg) no-repeat center;
    background-size: cover;
}
.notice .visual {
    background: url(/images/sub/sub_visual2.jpg) no-repeat center;
    background-size: cover;
}
.information .visual {
    background: url(/images/sub/sub_visual3.jpg) no-repeat center;
    background-size: cover;
}
.members .visual {
    background: url(/images/sub/sub_visual4.jpg) no-repeat center;
    background-size: cover;
}
.community .visual {
    background: url(/images/sub/sub_visual5.jpg) no-repeat center;
    background-size: cover;
}
.mypage .visual {
    background: url(/images/sub/sub_visual6.jpg) no-repeat center;
    background-size: cover;
}
.member .visual {
    background: url(/images/sub/sub_visual7.jpg) no-repeat center;
    background-size: cover;
}

.visual .title_dpt1{
    position: relative;
    display: table-cell;
    text-align: center;
    padding-top: 20px;
    font-size: 5rem;
    letter-spacing: 0.6em;
    text-indent: 0.6em;
    color: #fff;
    vertical-align: middle;
}
.visual .title_dpt1:after {
    content: 'BUSAN NURSES ASSOCIATION';
    display: block;
    margin-top: 60px;
    font-family:'MontserratLight';
    font-size: 12px;
    letter-spacing: 1em;
    text-indent: 1em;
    opacity: 0.4;
    filter:opacity(40);
}
.visual .title_dpt1:before {
    content: '';
    display: block;
    position: absolute;
    top: 125px;
    left: 50%;
    margin: 40px 0 40px -20px;
    width: 40px;
    height: 1px;
    background: #fff;
}

/* ----------------------------- */
/* Sub Layout
/* ----------------------------- */
/* navigation */
#sub_nav {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
}
#sub_nav > ul {
    max-width: 1208px;
    height: 60px;
    margin: 0 auto;
    border-left:1px solid #cdcdcd
}
#sub_nav > ul > li {
    position: relative;
    float: left;
    /* width: 240px; */
    width: 25%;
    border-right:1px solid #cdcdcd;
}
#sub_nav > ul > li:first-child {
    width: 60px;
}
#sub_nav > ul > li > a {
    position: relative;
    display: block;
    padding: 22px 30px 17px;
    font-size: 1.7rem;
    color: #000;
}
#sub_nav ul li a:hover,
#sub_nav ul li a:focus
#sub_nav ul li a:active {
    color: #f14a4a;
}
#sub_nav > ul > li > a:after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    right: 20px;
    border-top: 6px solid #f14a4a;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
#sub_nav > ul > li:first-child a:after {
    display: none;
}
#sub_nav > ul > li:first-child a {
    padding: 19px 17px 18px;
    color: #f14a4a;
}
#sub_nav > ul > li > ul {
    position: absolute;
    top: 60px;
    left: -1px;
    width: 101%;
    padding: 15px 0;
    z-index: 1;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-width: 0 1px 1px 1px;

    display: none;
}
#sub_nav > ul > li > ul > li > a {
    display: block;
    padding: 5px 30px;
    font-size: 1.5rem;
}
#sub_nav > ul > li > ul > li > a:hover,
#sub_nav > ul > li > ul > li > a:focus,
#sub_nav > ul > li > ul > li > a:active {
    -webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
    padding-left: 33px;
}
#sub_nav > ul > li > ul > li > a:hover:before,
#sub_nav > ul > li > ul > li > a:focus:before,
#sub_nav > ul > li > ul > li > a:active:before,
#sub_nav > ul > li > ul > li > a.active:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 2px;
    margin: 0 2px 4px 0;
    background: #f14a4a;

}


/* ----------------------------- */
/* Sub Common
/* ----------------------------- */

/* input */
.form_input {
    width: 100%;
    margin: 15px 0;
    border-top: 2px solid #f14a4a;
}
.form_input > div,
.form_input > div > div {
    display: table;
    width: 100%;
    /* padding: 12px 15px 8px; */
    vertical-align: middle;
    border-bottom: 1px solid #bebebe;
}
.form_input div div:last-child {
    border: none;
}
.form_input div > span {
    display: table-cell;
    width: 74%;
    vertical-align: middle;
}
.form_input div > span:first-child {
    width: 30%;
    padding: 0 20px;
    background: #f4f4f4;
    border-right: 1px solid #bebebe;
    font-weight: 700;
    color: #000;
}
.form_input div > span:nth-child(2) {
    padding: 15px;
}
.form_input .feather {
    width: 20px;
    height: 20px;
    margin-right: 7px;
    color: #f14a4a;
    vertical-align: middle;
}
.form_input .group_title {
    display: block;
    text-align: center;
    padding: 15px;
    background: #e8e8e8
}
.form_input .note {
    padding: 30px;
    background: #f4f4f4;
}
.form_input .note h3 {
    margin-bottom: 15px;
    font-size: 1.6rem;
    font-weight: 700;
}
.form_input  .inner_form {
    margin-top: 10px;
}
.form_input  .inner_form div > span {
    display: inline-block;
    width: auto;
    padding: 3px 10px 0 0;
    background: none;
    border: none;
}
.form_input  .inner_form .inner_info {
    font-size: 1.5rem;
    padding: 10px 15px;
    background: #f4f4f4;
    border: 1px solid #bebebe;
}
.form_input  .inner_form .inner_info li {
    position: relative;
    padding: 3px 0 3px 12px;
}
.form_input  .inner_form .inner_info li:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 2px;
    background-color: #777;
}
.form_input #exp {
    height:300px;
    min-height:300px;
    max-height:300px;
    overflow-y:scroll;
}


.form_privacy h1 {
    font-size: 2rem;
    text-align: center;
}
.form_privacy p {
    margin: 10px 0;
}
.form_privacy .check {
    text-align: center;
}
.form_privacy .feather {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    color: #f14a4a;
    vertical-align: middle;
}
.form_privacy .in_scroll {
    overflow-y: scroll;
    max-height: 400px;
    padding-right: 10px;
}
.form_privacy .in_scroll .check {
    margin: 20px 0;
}

/* view */
.form_view header {
    padding: 4%;
    border-top: 2px solid #f14a4a;
    border-bottom: 2px solid #bebebe;
    background: #f4f4f4;
}
.form_view header h1 {
    margin: 0;
    text-align: center;
    font-size: 2.2rem;
    color: #000;
}
.form_view  > div {
    border-bottom: 1px solid #bebebe;
}
.form_view  > div:after {
    content: '';
    display: block;
    clear: both;
}
.form_view > div > h2,
.form_view > div >  h2 + div {
    float: left;
    margin: 1.6025% !important;
}
.form_view > div > h2 {
    width: 21.7948%;
    font-size: 1.7rem;
}
.form_view > div >  h2 + div {
    width: 71.7948%;
    padding: 3px 0 0 20px;
    border-left:1px solid #f14a4a
}
.form_view h2:before {
    display: none;
}
.form_view h2 .feather {
    margin-right: 7px;
    color: #f14a4a;
}

.form_read {
    width: 100%;
    margin: 15px 0 40px;
    padding: 30px;
    border-top: 2px solid #f14a4a;
    border-bottom: 1px solid #bebebe;
}





/* ----------------------------- */
/* Contents
/* ----------------------------- */
/* contents */
.contents {
    position: relative;
    max-width: 1248px;
    margin: 0 auto 80px;
    padding: 0 20px;
    text-align:justify;
}


/* ----------------------------- */
/* 정보안내 박스 공통
/* ----------------------------- */
.info_box header {
    position: relative;
    padding: 100px 40px 60px;
    text-align: center;
}
.info_box header:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    border-top: 50px solid #f14a4a;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent;
    mix-blend-mode: multiply;
}
.info_box header h2 {
    font-size: 3rem;
}
.info_box header h2:before {
    display: none;
}
.info_box header h2:after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    margin: 30px auto;
    background: #f14a4a;
    mix-blend-mode: multiply;
}
.info_box header p {
    width: 60%;
    margin: 0 auto;
    font-size: 2rem;
    line-height: 1.4em;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}
.info_box > div  {
    padding: 30px;
    border: 1px solid #ddd3cc;
    border-width: 0 3px 3px 3px;
}

.info_list > div {
    position: relative;
    padding: 30px 10px;
    border-bottom: 1px dashed #bfbfbf;
}
.info_list > div > div {
    margin: 0;
}
.info_list > div:last-child {
    border:none;
}
.info_list > div:before {
    content: '';
    display: inline-block;
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 3%;
    border-radius: 10em;
    background-color: #f14a4a;
    background-image: url(/images/sub/icon_info.png);
    background-repeat: no-repeat;
    background-size: 50px;
}
.info_list dt {
    font-size: 2.4rem;
    line-height: 1.4em;
    margin: 0.4em 0;
    color: #000;
}
.info_list > div button,
.info_list > div a {
    float: right;
}


/* ----------------------------- */
/* 알림마당
/* ----------------------------- */

/* 원고 투고 */
.submission header {
    background: url(/images/sub/bg_submission.jpg) no-repeat center left;
    background-size: cover;
}
.submission .info_list > div:first-child:before {
    background-position: center 28px;
}
.submission .info_list > div:nth-child(2):before {
    background-position: center -75px;
}
.submission .info_list > div:nth-child(3):before {
    background-position: center -180px;
}



/* ----------------------------- */
/* 정보마당
/* ----------------------------- */

/* 교육기관현황 */
.institute_list .table td:first-child,
.institute_list .table td:last-child {
    text-align: left;
}
.institute_list .table td .feather {
    width: 16px;
    height: 16px;
    margin-left: 10px;
}



/* ----------------------------- */
/* 회원마당
/* ----------------------------- */

.select_wrap_box {
    margin: 40px 0 30px;
    padding: 30px 30px 25px;
    background: #0055a7;
    color: #fff;
    /* border: 1px solid #f14a4a */
}
.select_wrap_box p {
    margin-bottom: 10px;
    font-size: 2rem;
}

/* 임원선거 */

/*임원선거 탭 */
.vote_tabs {
  width:100%;
  margin-bottom: 20px;
  border-top:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5;
}
.vote_tabs li {
  float:left;
  padding:19px 0 19px 10px;
  border-bottom:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;
  font-family: "MontserratRegular", 'Nanum Barun Gothic', 'malgun gothic', 맑은고딕, 'Dotum', 돋움, 'Arial', 'sans-serif';
  font-size: 1.4rem;
  letter-spacing:13px;
  color: #8f8f8f;
  text-align: center;
  cursor: pointer;
}

.vote_tabs li:hover,
.vote_tabs li.active {
  background:#f14a4a;
  border-color: #f14a4a;
  color:#fff;
}


.vote header {
    background: url(/images/sub/bg_vote.jpg) no-repeat center right; 
    background-size: cover;
}
.vote .cp_info li  {
    margin: 10px;
}
.vote .cp_info li span {
    display: inline-block;
    font-size: 1.8rem;
}
.vote .cp_info li span:first-child {
    width:116px;
    padding: 10px 16px 8px;
    margin-right: 10px;
    border-radius: 10em;
    text-align: center;
    background: #f14a4a;
    color: #fff;
}
.cp.info_list > div:first-child:before {
    background-position: center -290px;
}
.cp.info_list > div:nth-child(2):before {
    background-position: center 28px;
}
.cp.info_list > div:nth-child(3):before {
    background-position: center -394px;
}
.cp.info_list > div a {
    float: none;
}
.cp.info_list .ol_style {
    font-size: 1.5rem;

}

.downImg {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/sub/down_icon.svg) no-repeat;
}

	/* 프로필 */
.dt_profile {
    position: fixed;
    top: 50%;
	left:50%;
    overflow-y: auto;
    max-width: 1000px;    
    border: 5px solid #1c44c5;
    background: #fff;
    z-index: 999;
	height: 70%;
	padding: 3%;
	transform: translate(-50%, -50%);
	}
.dt_profile .img_dt {
    overflow: hidden;
    margin: 0 auto;
    max-width: 240px;
    max-height: 240px;
    border-radius: 10em;
}
.candidate {
	cursor:pointer;
}
.candidate_mo {
	display:none;
}
.dt_profile h1 {
    margin: 1em 0;
    font-size: 2.4rem;
    text-align: center;
}
.dt_profile h1 span {
    display: block;
    font-family:'NotoDL';
    font-size: 1.6rem
}
.dt_profile h2 {
    margin: 1em 0 0.8em;
    font-family:'NotoM';
    font-size: 2rem;
    color: #222;
}
.dt_profile .list_style {
    margin-bottom: 4%;
}
.pf_schedule {
    clear: both;
}
.dt_profile .close {
    position: absolute;
    top:0;
    right: 0;
    display: block;
    width: 80px;
    height: 80px;
    background: #1c44c5;
}
.dt_profile .close:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 38px;
    right: 8px;
    width: 60px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dt_profile .close:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 38px;
    right: 8px;
    width: 60px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.dt_profile_bg {
	width:100%; 
	height:100%; 
	background: rgba(0, 0, 0, 0.7); 
	position:fixed; 
	top:0;
	left:0; 
	display:none;
}
.dt_profile_open {
	overflow:hidden;
}


.vote_table {
	position:relative;	
}
.vote_table > .vote_sort{
	position:absolute;
	top:-30px;
	right:0;
}

	
/* ----------------------------- */
/* Grid - maxwidth : 1440px / gutter : 10px
/* ----------------------------- */
.grid_wrap {
    width: 100%;
    box-sizing: border-box;
}
.grid_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.c_xl_1, .c_xl_2, .c_xl_3, .c_xl_4, .c_xl_5, .c_xl_6, .c_xl_7, .c_xl_8, .c_xl_9, .c_xl_10, .c_xl_11, .c_xl_12,
.c_l_1, .c_l_2, .c_l_3, .c_l_4, .c_l_5, .c_l_6, .c_l_7, .c_l_8, .c_l_9, .c_l_10, .c_l_11, .c_l_12,
.c_m_1, .c_m_2, .c_m_3, .c_m_4, .c_m_5, .c_m_6, .c_m_7, .c_m_8, .c_m_9, .c_m_10, .c_m_11, .c_m_12,
.c_s_1, .c_s_2, .c_s_3, .c_s_4, .c_s_5, .c_s_6, .c_s_7, .c_s_8, .c_s_9, .c_s_10, .c_s_11, .c_s_12,
.c_xs_1, .c_xs_2, .c_xs_3, .c_xs_4, .c_xs_5, .c_xs_6, .c_xs_7, .c_xs_8, .c_xs_9, .c_xs_10, .c_xs_11, .c_xs_12,
.c_xxs_1, .c_xxs_2, .c_xxs_3, .c_xxs_4, .c_xxs_5, .c_xxs_6, .c_xxs_7, .c_xxs_8, .c_xxs_9, .c_xxs_10, .c_xxs_11, .c_xxs_12,
.c_xl_5g {
    float: left;
    /*margin-top: 1em;
    margin-bottom: 1em;*/
}

.grid_wrap.grid_R .c_xl_1, .grid_wrap.grid_R .c_xl_2, .grid_wrap.grid_R .c_xl_3, .grid_wrap.grid_R .c_xl_4, .grid_wrap.grid_R .c_xl_5, .grid_wrap.grid_R .c_xl_6, .grid_wrap.grid_R .c_xl_7, .grid_wrap.grid_R .c_xl_8, .grid_wrap.grid_R .c_xl_9, .grid_wrap.grid_R .c_xl_10, .grid_wrap.grid_R .c_xl_11, .grid_wrap.grid_R .c_xl_12,
.grid_wrap.grid_R .c_l_1, .grid_wrap.grid_R .c_l_2, .grid_wrap.grid_R .c_l_3, .grid_wrap.grid_R .c_l_4, .grid_wrap.grid_R .c_l_5, .grid_wrap.grid_R .c_l_6, .grid_wrap.grid_R .c_l_7, .grid_wrap.grid_R .c_l_8, .grid_wrap.grid_R .c_l_9, .grid_wrap.grid_R .c_l_10, .grid_wrap.grid_R .c_l_11, .grid_wrap.grid_R .c_l_12,
.grid_wrap.grid_R .c_m_1, .grid_wrap.grid_R .c_m_2, .grid_wrap.grid_R .c_m_3, .grid_wrap.grid_R .c_m_4, .grid_wrap.grid_R .c_m_5, .grid_wrap.grid_R .c_m_6, .grid_wrap.grid_R .c_m_7, .grid_wrap.grid_R .c_m_8, .grid_wrap.grid_R .c_m_9, .grid_wrap.grid_R .c_m_10, .grid_wrap.grid_R .c_m_11, .grid_wrap.grid_R .c_m_12,
.grid_wrap.grid_R .c_s_1, .grid_wrap.grid_R .c_s_2, .grid_wrap.grid_R .c_s_3, .grid_wrap.grid_R .c_s_4, .grid_wrap.grid_R .c_s_5, .grid_wrap.grid_R .c_s_6, .grid_wrap.grid_R .c_s_7, .grid_wrap.grid_R .c_s_8, .grid_wrap.grid_R .c_s_9, .grid_wrap.grid_R .c_s_10, .grid_wrap.grid_R .c_s_11, .grid_wrap.grid_R .c_s_12,
.grid_wrap.grid_R .c_xs_1, .grid_wrap.grid_R .c_xs_2, .grid_wrap.grid_R .c_xs_3, .grid_wrap.grid_R .c_xs_4, .grid_wrap.grid_R .c_xs_5, .grid_wrap.grid_R .c_xs_6, .grid_wrap.grid_R .c_xs_7, .grid_wrap.grid_R .c_xs_8, .grid_wrap.grid_R .c_xs_9, .grid_wrap.grid_R .c_xs_10, .grid_wrap.grid_R .c_xs_11, .grid_wrap.grid_R .c_xs_12,
.grid_wrap.grid_R .c_xxs_1, .grid_wrap.grid_R .c_xxs_2, .grid_wrap.grid_R .c_xxs_3, .grid_wrap.grid_R .c_xxs_4, .grid_wrap.grid_R .c_xxs_5, .grid_wrap.grid_R .c_xxs_6, .grid_wrap.grid_R .c_xxs_7, .grid_wrap.grid_R .c_xxs_8, .grid_wrap.grid_R .c_xxs_9, .grid_wrap.grid_R .c_xxs_10, .grid_wrap.grid_R .c_xxs_11, .grid_wrap.grid_R .c_xxs_12,
.grid_wrap.grid_R .c_xl_5g {
    float: right;
}

.grid_wrap.gutter .c_l_1, .grid_wrap.gutter .c_l_2, .grid_wrap.gutter .c_l_3, .grid_wrap.gutter .c_l_4, .grid_wrap.gutter .c_l_5, .grid_wrap.gutter .c_l_6, .grid_wrap.gutter .c_l_7, .grid_wrap.gutter .c_l_8, .grid_wrap.gutter .c_l_9, .grid_wrap.gutter .c_l_10, .grid_wrap.gutter .c_l_11, .grid_wrap.gutter .c_l_12,
.grid_wrap.gutter .c_xl_1, .grid_wrap.gutter .c_xl_2, .grid_wrap.gutter .c_xl_3, .grid_wrap.gutter .c_xl_4, .grid_wrap.gutter .c_xl_5, .grid_wrap.gutter .c_xl_6, .grid_wrap.gutter .c_xl_7, .grid_wrap.gutter .c_xl_8, .grid_wrap.gutter .c_xl_9, .grid_wrap.gutter .c_xl_10, .grid_wrap.gutter .c_xl_11, .grid_wrap.gutter .c_xl_12,
.grid_wrap.gutter .c_m_1, .grid_wrap.gutter .c_m_2, .grid_wrap.gutter .c_m_3, .grid_wrap.gutter .c_m_4, .grid_wrap.gutter .c_m_5, .grid_wrap.gutter .c_m_6, .grid_wrap.gutter .c_m_7, .grid_wrap.gutter .c_m_8, .grid_wrap.gutter .c_m_9, .grid_wrap.gutter .c_m_10, .grid_wrap.gutter .c_m_11, .grid_wrap.gutter .c_m_12,
.grid_wrap.gutter .c_s_1, .grid_wrap.gutter .c_s_2, .grid_wrap.gutter .c_s_3, .grid_wrap.gutter .c_s_4, .grid_wrap.gutter .c_s_5, .grid_wrap.gutter .c_s_6, .grid_wrap.gutter .c_s_7, .grid_wrap.gutter .c_s_8, .grid_wrap.gutter .c_s_9, .grid_wrap.gutter .c_s_10, .grid_wrap.gutter .c_s_11, .grid_wrap.gutter .c_s_12,
.grid_wrap.gutter .c_xs_1, .grid_wrap.gutter .c_xs_2, .grid_wrap.gutter .c_xs_3, .grid_wrap.gutter .c_xs_4, .grid_wrap.gutter .c_xs_5, .grid_wrap.gutter .c_xs_6, .grid_wrap.gutter .c_xs_7, .grid_wrap.gutter .c_xs_8, .grid_wrap.gutter .c_xs_9, .grid_wrap.gutter .c_xs_10, .grid_wrap.gutter .c_xs_11, .grid_wrap.gutter .c_xs_12,
.grid_wrap.gutter .c_xxs_1, .grid_wrap.gutter .c_xxs_2, .grid_wrap.gutter .c_xxs_3, .grid_wrap.gutter .c_xxs_4, .grid_wrap.gutter .c_xxs_5, .grid_wrap.gutter .c_xxs_6, .grid_wrap.gutter .c_xxs_7, .grid_wrap.gutter .c_xxs_8, .grid_wrap.gutter .c_xxs_9, .grid_wrap.gutter .c_xxs_10, .grid_wrap.gutter .c_xxs_11, .grid_wrap.gutter .c_xxs_12,
.grid_wrap.gutter .c_xl_5g {
    margin: 0.6944%;
}


/* column : full size */
.c_xl_1 { width: 8.3333%; }
.c_xl_2 { width: 16.6666%;}
.c_xl_3 { width: 25%;}
.c_xl_4 { width: 33.3333%; }
.c_xl_5 { width: 41.6666%; }
.c_xl_6 { width: 50%; }
.c_xl_7 { width: 58.3334%; }
.c_xl_8 { width: 66.6667%;}
.c_xl_9 { width: 75%; }
.c_xl_10 { width: 83.3334%; }
.c_xl_11 { width: 91.6667%; }
.c_xl_12 { width: 100%; }

.gutter .c_xl_1 { width: 6.9444%; }
.gutter .c_xl_2 { width: 15.2777%; }
.gutter .c_xl_3 { width: 23.6111%; }
.gutter .c_xl_4 { width: 31.9444%; }
.gutter .c_xl_5 { width: 40.2777%; }
.gutter .c_xl_6 { width: 48.6111%; }
.gutter .c_xl_7 { width: 56.9444%; }
.gutter .c_xl_8 { width: 65.2777%; }
.gutter .c_xl_9 { width: 73.6111%; }
.gutter .c_xl_10 { width: 81.9444%; }
.gutter .c_xl_11 { width: 90.2777%; }
.gutter .c_xl_12 { width: 98.6111%; }

/* 예외 : 5단*/
.c_xl_5g { width: 20%;}
.gutter .c_xl_5g { width: 18.6112%; }

/* ----------------------------- */
/* 열린마당
/* ----------------------------- */

/* 공모전 */
.competition header {
    background: url(/images/sub/bg_competition.jpg) no-repeat center right;
    background-size: cover;
}
.competition .cp_info li  {
    margin: 10px;
}
.competition .cp_info li span {
    display: inline-block;
    font-size: 1.8rem;
}
.competition .cp_info li span:first-child {
    width:116px;
    padding: 10px 16px 8px;
    margin-right: 10px;
    border-radius: 10em;
    text-align: center;
    background: #f14a4a;
    color: #fff;
}
.cp.info_list > div:first-child:before {
    background-position: center -290px;
}
.cp.info_list > div:nth-child(2):before {
    background-position: center 28px;
}
.cp.info_list > div:nth-child(3):before {
    background-position: center -394px;
}
.cp.info_list > div a {
    float: none;
}
.cp.info_list .ol_style {
    font-size: 1.5rem;

}

.downImg {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/images/sub/down_icon.svg) no-repeat;
}

/* 건강한 모유수유아 선발대회 */

.breastfeeding header {
    background: url(/images/sub/bg_breastfeeding.jpg) no-repeat center right;
    background-size: cover;
}
.breastfeeding .bp_info li  {
    margin: 10px;
}
.breastfeeding .bp_info li span {
    display: inline-block;
    font-size: 1.8rem;
}
.breastfeeding .bp_info li span:first-child {
    width:116px;
    padding: 10px 16px 8px;
    margin-right: 10px;
    border-radius: 10em;
    text-align: center;
    background: #f14a4a;
    color: #fff;
}
.bp.info_list > div:first-child:before {
    background-position: center -290px;
}
.bp.info_list > div:nth-child(2):before {
    background-position: center 28px;
}
.bp.info_list > div:nth-child(3):before {
    background-position: center -394px;
}
.bp.info_list > div a {
    float: none;
}
.bp.info_list .ol_style {
    font-size: 1.5rem;

}

.apply_step ol li   {
    width:16%;
    text-align:center;
    display:block;
    float:left;
}
.apply_step ol li > span {
    width:85%;
    min-height:100px;
    text-align:center;
    border:2px solid #acaeb0;
    padding:1.5rem;
    display:block;
    float:left;
}
.apply_step ol li > span > span {
    font-family:'MontserratMedium';
    font-size:2rem;
    color:#acaeb0;
    text-align:left;
    display:block;
}
.apply_step ol li:before {
    width:85%;
    text-align:center;
    background:#acaeb0;
    display:block;
}
.apply_step ol li:after {
    content:"";
    width:0;
    height:0;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent transparent #acaeb0;
    display:inline-block;
    margin:-12px 0 0 -10px;
}

.apply_step ol li:last-child:after {
    content:none;
    display:none;
}

.apply_step ol li.step_on > span {
    border-color:#0055a7;
}

.apply_step ol li.step_on > span > span {
    color:#f14a4a;
}
.apply_step ol li.step_on:before {
    background:#0055a7;
}
.apply_step ol li.step_on:after {
    border-color:transparent transparent transparent #0055a7;
}

.apply_step ol li:first-child:before{
    content:url("/images/community/apply_step01_icon.png");
}
.apply_step ol li:nth-child(2):before{
    content:url("/images/community/apply_step02_icon.png");
}
.apply_step ol li:nth-child(3):before{
    content:url("/images/community/apply_step03_icon.png");
}
.apply_step ol li:nth-child(4):before{
    content:url("/images/community/apply_step04_icon.png");
}
.apply_step ol li:nth-child(5):before{
    content:url("/images/community/apply_step05_icon.png");
}
.apply_step ol li:last-child:before{
    content:url("/images/community/apply_step06_icon.png");
}

 /* 신청시간 */

 div.application_time {
    width:200px;
    font-size:3rem;
    color:#eb4546;
    text-align:center;
    padding:.5em 1em;
    border:2px solid #eb4546;
    border-radius:50px;
    background:#fff;
    margin:0 auto;
    position:relative;
    z-index:2;
 }

 div.application_time_description {
    font-size:1.8rem;
    color:#fff;
    text-align:center;
    padding:5em 1em 3em 1em;
    margin-top:-1.6em;
    background:url('/images/community/apply_step03_time_bg.gif');
    position:relative;
    z-index:1
 }

  /* 가접수 */
  .before_reserve {
    border:2px solid #106bc2;
  }

  .before_reserve > div {
    width:95%;
    margin:0 auto 1em auto;
  }

  .before_reserve > div:first-child {
    width:100%;
    color:#fff;
    text-align:center;
    padding:4em 1em;
    background:#106bc2 url('/images/community/apply_step03_congratulation.jpg') no-repeat;
    background-size:cover;
  }

  .before_reserve > div:first-child h2 {
    color:#fff;
    font-size:3.2rem;
  }

  .before_reserve > div:first-child span {
    font-size:1.2rem;
    font-family:'MontserratSemiBold';
    letter-spacing:15px;
  }

  .before_reserve > div:first-child h2:before {
    display:none;
  }

  .before_reserve > div:nth-child(2) {
    color:#f14a4a;
    text-align:center;
    padding:3em 1em;
    border-bottom:1px dashed #bdbdbd;
  }

  .before_reserve > div:nth-child(2) > span {
    color:#000;
    font-size:2.5rem;
    margin-bottom:20px;
    display:block;
  }

  .before_reserve > div:nth-child(3) {
    padding:3em 0;
  }

  .before_reserve > div > div.left {
    float:left;
  }

  .before_reserve > div > div.right {
    float:right;
  }

  .before_reserve > div > div > span {
    color:#000;
    font-size:2.2rem;
  }

  .before_reserve > div > div > span.number {
    font-size:1.6rem;
    padding:10px 15px;
    color:#fff;
    background:#0055a7;
    display:inline-block;
    vertical-align:middle;
  }

  .before_reserve > div > div.left > ul {
    margin-left:50px;
  }

  .before_reserve_inner {
    line-height:200%;
    padding:1.5em;
    margin:20px 0 30px 50px;
    background:#f7f7f7;
    border:1px solid #bbb;
  }

  .before_reserve_inner ol li:before {
    line-height:160%;
  }

  .link_icon .feather{
    width:18px;
    color:#f14a4a;
  }

  a.document_download {
    padding:5px 20px;
    margin-right:10px;
    border:2px solid #f14a4a;
    background:#fff;
    display:inline-block;
  }

  div.caution_wrap  {
    font-size:2rem;
    text-align:center;
    padding:2em;
    margin:3rem auto;
    border:5px solid #d1d1d1;
  }

  div.caution_wrap > div {
    text-align:left;
    float:left;
  }

  div.caution_wrap > div:first-child {
    width:30%;
    text-align:right;
    padding-right:20px;
  }

    .vaccination {
    }

    .vaccination li:before {
        top:22px;
    }

    .vaccination li span {
        width:70px;
        display:inline-block;
    }

    .breast_feeding label.numbering:before {
        content: counter(number);
        display: inline-block;
        width: 20px;
        height: 17px;
        padding-top: 3px;
        margin-right:5px;
        font-family: 'MontserratLight';
        font-size: 1.4rem;
        text-align: center;
        border:1px solid #666;
        border-radius: 10em;
        color: #666;
        line-height:110%;
    }

    .breast_feeding > div:first-child label.numbering:before { content:"1"; }
    .breast_feeding > div:nth-child(2) label.numbering:before { content:"2"; }
    .breast_feeding > div:nth-child(3) label.numbering:before { content:"3"; }
    .breast_feeding > div:nth-child(4) label.numbering:before { content:"4"; }
    .breast_feeding > div:nth-child(5) label.numbering:before { content:"5"; }
    .breast_feeding > div:nth-child(6) label.numbering:before { content:"6"; }
    .breast_feeding > div:nth-child(7) label.numbering:before { content:"7"; }
    .breast_feeding > div:nth-child(8) label.numbering:before { content:"8"; }
    .breast_feeding > div:nth-child(9) label.numbering:before { content:"9"; }
    .breast_feeding > div:last-child label.numbering:before { content:"10"; }

    .breast_feeding label   { word-break:break-all; }
    input[type="checkbox"].baby_need + label.baby_need { margin-top:10px; }
    label.cooking { margin-top:10px !important; }

    .breast_table label { margin:0 !important; }
    .breast_table label span:before { margin-right:0 !important; }


    /* 신청 조회 */

    .reserve_look {
        border:2px solid #106bc2;
    }

    .reserve_look > div {
        width:95%;
        margin:0 auto 70px auto;
    }

    .reserve_look > div:first-child {
        width:100%;
        color:#fff;
        text-align:center;
        padding:4em 1em;
        background:#106bc2 url('/images/community/apply_step03_congratulation.jpg') no-repeat;
        background-size:cover;
    }

    .reserve_look > div:first-child h2 {
        color:#fff;
        font-size:3.2rem;
    }

    .reserve_look > div:first-child span {
        font-size:1.2rem;
        font-family:'MontserratSemiBold';
        letter-spacing:15px;
    }

    .reserve_look > div:first-child h2:before {
        display:none;
    }

    .reserve_look_button {
        width:30%;
        color:#f14a4a;
        padding:1em;
        display:inline-block;
        border:2px solid #f14a4a;
        margin:0 10px 1em 0;
    }

    .reserve_look_button:hover {
        color:#f14a4a;
    }

    .reserve_look_gray, .reserve_look_gray:hover {
        cursor:default;
        color:#999;
        border-color:#999;
    }

    .condition {
        font-size:1.5rem !important;
        padding:8px 15px;
        background:#f1f1f1;
        border-radius:30px;
    }

    .condition .feather {
        width:15px;
    }

    .unconfirmed, .unconfirmed .feather {
        color:#f14a4a !important;
    }

    .completed, .completed .feather {
        color:#0055a7 !important;
    }

    .checking, .checking .feather {
        color:#00967c !important;
    }

    /* ----------------------------- */
    /* 사진올리기                    */
    /* ----------------------------- */

    .popup_wrap {
        width:100%;
        position:absolute;
        background:#fff;
        z-index:999;
        top:0;
    }

    .upload_wrap,
    .exp_wrap,
    .doctor_wrap {
        max-width:600px;
    }

    .receipt_wrap {
        max-width:680px;
        padding:40px;
    }

    .photo_upload_title {
        padding:1.5em 1em;
        background:#0055a7;
        position:relative;
    }

    .photo_upload_title h2 {
        color:#fff;
        font-size:2.3rem;
    }

    .photo_upload_title h2:before {
        display:none;
    }

    .photo_upload_title h2 .feather {
        color:#4d88c2;
    }

    .photo_upload_title .photo_close,
    .photo_upload_title .exp_close,
    .photo_upload_title .doctor_close {
        position:absolute;
        top:25px;
        right:0
    }

    .photo_upload_title .photo_close .feather,
    .photo_upload_title .exp_close .feather,
    .photo_upload_title .doctor_close .feather {
        color:#fff;
        width:50px;
    }

    /* ----------------------------- */
    /* 접수증                        */
    /* ----------------------------- */

    .receipt_header {
        text-align:center;
        border:7px solid #ed7322;
    }

    .receipt_header header {
        height:0;
        margin-top:-7px;
        border-top: 50px solid #d84a0b;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        display:inline-block;
    }

    .receipt_header5 {
        text-align:center;
        border:7px solid #0089e9;
    }

    .receipt_header5 header {
        height:0;
        margin-top:-7px;
        border-top: 50px solid #0563a5;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        display:inline-block;
    }

    .receipt_header6 {
        text-align:center;
        border:7px solid #f052b3;
    }

    .receipt_header6 header {
        height:0;
        margin-top:-7px;
        border-top: 50px solid #ca2d8d;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
        display:inline-block;
    }

    .receipt_header header h1,
    .receipt_header5 header h1,
    .receipt_header6 header h1 {
        color:#fff;
        font-family:'Nanum Barun Gothic';
        font-size:2.5rem;
        text-align:center;
        margin:-37px 0 0 0;

    }

    .receipt_header header h1 span,
    .receipt_header5 header h1 span,
    .receipt_header6 header h1 span {
        font-weight:700;
    }

    .receipt_header h2,
    .receipt_header5 h2,
    .receipt_header6 h2 {
        font-family:'NanumGothicBold';
        text-align:center;
        font-size:4.3rem;
        margin:1em 0;
    }

    .receipt_header h2:before,
    .receipt_header5 h2:before,
    .receipt_header6 h2:before {
        display:none;
    }

    .receipt_content {
        height:104px;
        overflow:hidden;
        position:relative;
    }

    .receipt_content .receipt_content_bg img {
        max-width:none !important;
    }

    .receipt_content ul {
        position:absolute;
        top:0;
        width:100%;
    }

    .receipt_content ul li {
        width:50%;
        padding:20px 0;
        float:left;
    }

    .receipt_content ul li dl dt {
        color:#fff;
        font-size:1.8rem;
    }

    .receipt_content ul li dl dd {
        width:90%;
        margin:0 auto;
        padding:10px 0;
        border-radius:10px;
        background:#fff;
        display:block;
        font-size:1.8rem;
    }

    .receipt_footer {
        padding:30px 0;
    }

    .receipt_footer img {
        width:40%;
    }

    .joining_guide {
        padding-top:30px;
        margin-top:30px;
        border-top:1px dashed #bdbdbd;
    }

    .joining_guide h3 {
        font-size:3rem;
        color:#f14a4a;
        text-align:center;
        background:url('/images/community/joining_guide_title_bg.gif') repeat-x center;
    }

    .joining_guide h3:before {
        display:none;
    }

    .joining_guide h3 span {
        padding:10px;
        background:#fff;
        display:inline-block;
    }

    .joining_guide ol li {
        margin-bottom:30px;
        font-size:1.7rem;
    }

    .joining_guide ol li:before {
        background-color:#acacac;
    }




/* ----------------------------- */
/* footer menu
/* ----------------------------- */
.m_privacy h2:before,
.m_privacy h3:before {
    display: none;
}
.m_privacy p,
.m_privacy ul {
    margin: 7px 0 7px 18px;
}
.m_privacy ul li {
    padding: 6px 0;
}
.m_privacy ul.pv_list li {
    position: relative;
    padding: 4px 0 4px 12px;
}
.m_privacy ul.pv_list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 2px;
    background-color: #777;
}


.m_email ul {
    margin: 15px 0;
}





/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1248px (1208px)
/* Desktop Size	: 1024px =< Screen <= 1248px
/* Tablet Size : 768px =< Screen <= 1023px
/* Mobile Size : 480px < Screen <= 767 (landscape)
/* Mobile Size : 320px < Screen < 480px (portrait)
/* ----------------------------- */

@media screen and (max-width:1208px) {


}


@media screen and (max-width:1024px) {

    #sub_nav > ul > li {
        width: 30%;
    }

    /* 건강한 모유수유아 선발대회 */

    .apply_step ol li:after {
        margin-left:-5px;
    }

    .form_input #exp {
        min-height:150px;
        max-height:150px;
        overflow-y:scroll;
    }
    .exp_wrap .photo_upload {
        height: 500px;
        overflow-y: auto;
    }

}

/* 임원선거 */

.dt_profile {
/*
        position: fixed;
        top: 0;
        max-width: 63%;
        left: 18.38%;
		height: 60%;
*/
    }

@media screen and (max-width:980px) {

    .contentsbox_list li strong {
        width:25%;
    }
    .contentsbox_list li span {
        width:75%;
    }
    .block_t,
    .inblock_t {
        display: none;
    }
    /* ----------------------------- */
    /* history
    /* ----------------------------- */
    .history_list li span {
        width:22%;
    }
    .history_list li strong {
        width:78%;
    }
    /* history_tabs */
    .history_tabs li {
        letter-spacing:8px;
    }
    /* ----------------------------- */
    /* m-infomation
    /* ----------------------------- */
    /* 등록회원의 종류 */
    .members_type .type_common strong {
        width:16.6%;
        margin:0 3.9% 0 25%;
    }
    .members_type .type_common span {
        width:54.5%;
    }
    /* info_download */
    .info_download li,
    .info_download li:first-child {
        float: left;
        width:47%;
        height:93px;
        margin:5px 1.5%;
    }
    /* ----------------------------- */
    /* fund
    /* ----------------------------- */

    .fund_process li {
        display: block;
        margin-bottom: 30px;
    }
    .process3 li,
    .process4 li {
        width: 100%;
        margin-left:0%;
    }
    .fund_process li > span {
        height: 100%;
        border:2px solid #cfcfcf;
        background:#f4f4f4;
        padding:15px 30px;
        display: block;
        vertical-align: middle;
        position: relative;
    }
    .fund_process li:after {
        content: "";
        display: block;
        width:0;
        height:0;
        border-style:solid;
        border-width:12px;
        border-color:#0055a7 transparent transparent transparent;
        z-index: 10;
    }
    .process3 li:after,
    .process4 li:after {
        right: 50%;
        bottom:-20px;
        margin-right: -12px;
    }
    .fund_process li:first-child {
        margin-left:0;
    }
    .fund_process li:last-child > span {
        border-color:#0055a7;
        background: #fff;
        font-weight: 700;
        color:#0055a7;
    }
    .fund_process li.li_last:after {
        display: none;
    }

    .contents h1 {
        font-size: 3.2rem;
    }
    .visual {
        min-height: 200px;
    }
    .visual .title_dpt1{
        font-size: 4rem;
    }
    .visual .title_dpt1:after {
        margin-top: 40px;
        letter-spacing: 0.6em;
        text-indent: 0.6em;
    }
    .visual .title_dpt1:before {
        margin: -11px 0 0 -20px;
    }

    .info_list > div a {
        float: left;
        margin: 1.6025%;
    }

	
	.c_m_1 { width: 8.3333%; }
    .c_m_2 { width: 16.6666%;}
    .c_m_3 { width: 25%;}
    .c_m_4 { width: 33.3333%; }
    .c_m_5 { width: 41.6666%; }
    .c_m_6 { width: 50%; }
    .c_m_7 { width: 58.3334%; }
    .c_m_8 {width: 66.6667%;}
    .c_m_9 { width: 75%; }
    .c_m_10 { width: 83.3334%; }
    .c_m_11 { width: 91.6667%; }
    .c_m_12 { width: 100%; }

    .gutter .c_m_1 { width: 6.9444%; }
    .gutter .c_m_2 { width: 15.2777%; }
    .gutter .c_m_3 { width: 23.6111%; }
    .gutter .c_m_4 { width: 31.9444%; }
    .gutter .c_m_5 { width: 40.2777%; }
    .gutter .c_m_6 { width: 48.6111%; }
    .gutter .c_m_7 { width: 56.9444%; }
    .gutter .c_m_8 { width: 65.2777%; }
    .gutter .c_m_9 { width: 73.6111%; }
    .gutter .c_m_10 { width: 81.9444%; }
    .gutter .c_m_11 { width: 90.2777%; }
    .gutter .c_m_12 { width: 98.6111%; }

	
}



@media screen and (max-width:768px) {
    /* contents_icon */
    .contents_icon {
        margin-top:3px;
        display: block;
    }
    /* download_btn */
    .download_btn {
        display: block;
        margin-left:0;
        margin-bottom: 3px;
    }
    /* contentsbox_list */
    .contentsbox_list {
        padding:10px 15px;
        margin:12px 0 20px;
        border: 1px solid #cfcfcf;
    }
    .contentsbox_list li strong,
    .contentsbox_list li span,
    .benefits_list .contentsbox_list li strong
    .benefits_list .contentsbox_list li span {
        float: none;
    }
    .contentsbox_list li strong,
    .benefits_list .contentsbox_list li strong {
        width:100%;
    }
    .contentsbox_list li span,
    .benefits_list .contentsbox_list li span  {
        width:100%;
    }
    .block_m,
    .inblock_m {
        display: none;
    }
    /* ----------------------------- */
    /* history
    /* ----------------------------- */
    /* history_tabs */
    .history_tabs li {
        padding:10px 0 10px 10px;
        letter-spacing:5px;
    }
    /* history_contents */
    .history_contents {
        padding:57px 0 19px 0;
    }
    .history_contents h2 {
        width:25%;
    }
    .history_list li {
        width:75%;
    }
    .history_list li span {
        width:14%;
    }
    .history_list li strong {
        width:86%;
    }
    /* ----------------------------- */
    /* organization
    /* ----------------------------- */
    .organization_container {
        width:100%;
    }
    /* ----------------------------- */
    /* business
    /* ----------------------------- */
    .vision_container .vision_arrow {
        position: relative;
        margin:70px 0 75px 0;
        text-align:center;
        border-bottom: 1px solid #b5bdc8;
    }
    .vision_container .vision_arrow:before {
        width:60px;
        height:60px;
        bottom:-30px;
        left:50%;
        margin-left:-30px;
    }
    .vision_container .vision_arrow:after {
        width:100%;
        height:80px;
        bottom:-40px;
        z-index: 10;
    }
    .vision_contents {
        margin-top: 20px;
        font-size: 2.0rem;
    }
    .vision_contents:before,
    .vision_contents:after {
        width: 11px;
        height:46px;
        top:-20px;
    }
    .vision_contents:before {
        left:-21px;
        border-right:0;
    }
    .vision_contents:after {
        right:-21px;
        border-left: 0;
    }
    .purpotes_title {
        margin-top: 27px;
        font-size: 2.0rem;
    }
    .purpotes_container ol {
        margin:22px 0 62px 0;
    }
    .purpotes_container ol li {
        width:100%;
        padding: 20px 10px 20px 45px;
        min-height: 30px;
        margin:5px 0%;
        text-align: left;
    }
    .purpotes_container ol li:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top:50%;
        left:-1px;
        margin-left: 0;
        margin-top:-15px;
    }
    
    /* ----------------------------- */
    /* mission
    /* ----------------------------- */
    .mission_container .mission_arrow {
        position: relative;
        margin:70px 0 75px 0;
        text-align:center;
        border-bottom: 1px solid #b5bdc8;
    }
    .mission_container .mission_arrow:before {
        width:60px;
        height:60px;
        bottom:-30px;
        left:50%;
        margin-left:-30px;
    }
    .mission_container .mission_arrow:after {
        width:100%;
        height:80px;
        bottom:-40px;
        z-index: 10;
    }
    .mission_contents {
        margin-top: 20px;
        font-size: 2.0rem;
    }
    .mission_contents:before,
    .mission_contents:after {
        width: 11px;
        height:46px;
        top:-20px;
    }
    .mission_contents:before {
        left:-21px;
        border-right:0;
    }
    .mission_contents:after {
        right:-21px;
        border-left: 0;
    }
    .mvision_title {
        margin-top: 27px;
        font-size: 2.0rem;
    }
    .mvision_container ol {
        margin:22px 0 62px 0;
    }
    .mvision_container ol li {
        width:100%;
        padding: 20px 10px 20px 45px;
        min-height: 30px;
        margin:5px 0%;
        text-align: left;
    }
    .mvision_container ol li:before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top:50%;
        left:-1px;
        margin-left: 0;
        margin-top:-15px;
    }

    /* ----------------------------- */
    /* p-guide
    /* ----------------------------- */
    .facility_img img {
        width:48%;
        margin:1% 0.5%;
    }
    /* ----------------------------- */
    /* m-infomation
    /* ----------------------------- */
    /* 등록회원의 종류 */
    .members_type .type_common strong {
        width:14.6%;
        margin:0 1.9% 0 29%;
    }
    .members_type .type_common span {
        width:54.5%;
    }
    /* info_download */
    .info_download li,
    .info_download li:first-child {
        float: none;
        width:100%;
        height:auto;
        padding: 15px 0;
        margin:5px 0;
    }
    .info_download li a {
        padding:0 45px 0 20px;
    }
    .info_download li:before {
        width:1px;
        height:31px;
        top:50%;
        right:52px;
        margin-top:-15px;
        background:#f14a4a;
    }
    .info_download li:after {
        right:20px;
    }
    /* ----------------------------- */
    /* benefits
    /* ----------------------------- */
    .benefits_list li a {
      margin-top: 0;
      display: inline;
    }
    .benefits_list li > div.benefits_title,
    .benefits_list li > div.benefits_content {
        float: none;
    }
    .benefits_list li > div.benefits_title {
        width:100%;
        margin-right:0;
        font-size: 2.0rem;
    }
    .benefits_list li > div.benefits_content {
        width:100%;
        margin-top:0;
    }

    .info_box header p {
        width: 90%;
    }

    .competition .cp_info li span {
        display: block;
    }
    .competition .cp_info li span:last-child {
        padding: 10px 20px;
    }

/* 임원선 */
	
	.vote .cp_info li span {
        display: block;
    }
    .vote .cp_info li span:last-child {
        padding: 10px 20px;
    }	

	.candidate_mo {
		display:inline;
	}
	
    /* 건강한 모유수유아 선발대회 */
    .apply_step ol li   {
        width:33.3%;
        margin-bottom:2rem;
    }

    .apply_step ol li:after {
        margin-left:-18px;
    }

    div.caution_wrap > div:first-child {
        width:10%;
    }

}


@media screen and (max-width:767px) {

    .info_list dt {
        font-size: 2rem;
    }

    .form_input div > span {
        display: block;
        width: 100%;
    }
    .form_input div > span:first-child {
        width: 100%;
        padding: 15px 10px 0;
        background: none;
        border-right: none;
    }
    .form_input div > span:nth-child(2) {
        padding: 15px 10px ;
    }

    .form_view header h1 {
        font-size: 2rem;
    }
    .form_view > div > h2,
    .form_view > div >  h2 + div {
        float: none;
        width: 93%;
        margin: 15px !important;
    }
    .form_view > div >  h2 + div {
        padding: 0;
        border-left: none;
    }
    .form_view > div >  h2 + div:before {
        content: '';
        display: block;
        width: 27px;
        height: 1px;
        background: #f14a4a;
        margin: 15px 0;
    }
	
	.c_s_1 { width: 8.3333%; }
    .c_s_2 { width: 16.6666%;}
    .c_s_3 { width: 25%;}
    .c_s_4 { width: 33.3333%; }
    .c_s_5 { width: 41.6666%; }
    .c_s_6 { width: 50%; }
    .c_s_7 { width: 58.3334%; }
    .c_s_8 {width: 66.6667%;}
    .c_s_9 { width: 75%; }
    .c_s_10 { width: 83.3334%; }
    .c_s_11 { width: 91.6667%; }
    .c_s_12 { width: 100%; }

    .gutter .c_s_1 { width: 6.9444%; }
    .gutter .c_s_2 { width: 15.2777%; }
    .gutter .c_s_3 { width: 23.6111%; }
    .gutter .c_s_4 { width: 31.9444%; }
    .gutter .c_s_5 { width: 40.2777%; }
    .gutter .c_s_6 { width: 48.6111%; }
    .gutter .c_s_7 { width: 56.9444%; }
    .gutter .c_s_8 { width: 65.2777%; }
    .gutter .c_s_9 { width: 73.6111%; }
    .gutter .c_s_10 { width: 81.9444%; }
    .gutter .c_s_11 { width: 90.2777%; }
    .gutter .c_s_12 { width: 98.6111%; }

}


@media screen and (max-width:640px) {
    .contents   {
      word-break:break-all;
    }

    .info_box > div {
        padding: 10px 20px;
    }
    .info_list > div:before {
        width: 60px;
        height: 60px;
        background-size: 32px;
    }
    .submission .info_list > div:first-child:before {
        background-position: center 14px;
    }
    .submission .info_list > div:nth-child(2):before {
        background-position: center -53px;
    }
    .submission .info_list > div:nth-child(3):before {
        background-position: center -120px;
    }
    .cp.info_list > div:first-child:before {
        background-position: center -190px;
    }
    .cp.info_list > div:nth-child(2):before {
        background-position: center 14px;
    }
    .cp.info_list > div:nth-child(3):before {
        background-position: center -256px;
    }

	.bp.info_list > div:first-child:before {
        background-position: center -190px;
    }
    .bp.info_list > div:nth-child(2):before {
        background-position: center 14px;
    }
    .bp.info_list > div:nth-child(3):before {
        background-position: center -256px;
    }

    /* ----------------------------- */
    /* introduce
    /* ----------------------------- */
    .indtoduce_content figure, .indtoduce_content p {
        width:100%;
        float: none;
    }
    .indtoduce_content p {
        word-break:break-all;
    }
    .indtoduce_content figure {
        text-align: center;
        margin-bottom:10px;
    }
    .indtoduce_content p span strong {
        display: block;
        padding-right: 10px;
    }
    /* ----------------------------- */
    /* location
    /* ----------------------------- */
    .location_map {
        height:380px;
    }
    /* ----------------------------- */
    /* m-infomation
    /* ----------------------------- */
    /* 등록회원의 종류 */
    .type_wrap {
        margin-bottom:30px;
    }
    .members_type {
        width:46%;
        float:left;
        margin:20px 2%;
    }
    .members_type .type_nomal {
        width:100%;
        margin:0 auto;
        padding-top:15px;
        position: static;
    }
    .members_type .type_nomal:after {
        left: 3%;
        width:94%;
        height:70px;
        margin:0;
        -ms-transform: rotate(0); /* IE 9 */
        -webkit-transform: rotate(0); /* Safari 3-8 */
        transform: rotate(0);
    }
    .members_type .type_common {
        width:50%;
        float: left;
        margin:0;
        padding: 20px 0 0 0;
    }
    .members_type .type_common strong,
    .members_type .type_common span {
        float:none;
        padding:15px;
    }
    .members_type .type_common strong {
        width:90%;
        margin:20px auto;
    }
    .members_type .type_common span {
        width:90%;
        margin:0 auto;
    }
    .members_type .type_common:before {
        width:1px;
        height:100%;
        z-index: -20;
        top:0;
        right:50%;
    }



    /* 건강한 모유수유아 선발대회 */
    .apply_step ol li   {
        width:100%;
        float:none;
    }
    .apply_step ol li > span {
        width:100%;
    }
    .apply_step ol li > span > span {
        font-size:2rem;
    }
    .apply_step ol li:before {
        width:100%;
    }
    .apply_step ol li:after {
        border-color:#acaeb0 transparent transparent transparent;
        margin:0;
    }

    .apply_step ol li.step_on:after {
        border-color:#0055a7 transparent transparent transparent;
    }

    /* 가접수 */

    .before_reserve > div:first-child h2 {
        font-size:3rem;
    }

    .before_reserve > div:first-child span {
        font-size:1rem;
        letter-spacing:8px;
    }

    .before_reserve > div:nth-child(2) > span {
        font-size:1.8rem;
    }

    .before_reserve > div > div.left, .before_reserve > div > div.right {
        float:none;
    }

    .before_reserve > div > div.right {
        margin-left:35px;
    }

    .before_reserve > div > div > span {
        color:#000;
        font-size:1.8rem;
    }

    .before_reserve > div > div > span.number {
        font-size:1.6rem;
        padding:5px 10px;
    }

    .before_reserve > div > div.left > ul {
        margin-left:35px;
    }

    .before_reserve_inner {
        padding:1em;
        margin:20px 0 30px 0px;
    }

    div.caution_wrap  {
        font-size:1.5rem;
    }

    div.caution_wrap > div {
        text-align:center;
        padding:1rem;
        float:none;
    }

    div.caution_wrap > div:first-child {
        width:auto;
        text-align:center;
        padding-right:0;
        margin-bottom:20px;
    }

    div.caution_wrap > div:first-child img {
        width:35px;
    }

     /* 신청조회 */

    .reserve_look > div:first-child h2 {
        font-size:3rem;
    }

    .reserve_look > div:first-child span {
        font-size:1rem;
        letter-spacing:8px;
    }

    .reserve_look_button {
        width:100%;
        }

}
  /* 임원선거 */

.dt_profile .close {
        width: 60px;
        height: 60px;
    }
    .dt_profile .close:before {
        top: 30px;
        width: 40px;
    }
    .dt_profile .close:after {
        top: 30px;
        width: 40px;
    }

@media screen and (max-width:480px) {
  .visual .title_dpt1{
    text-indent: 0.4em;
    letter-spacing: 0.4em;
  }

  /* ----------------------------- */
  /* history
  /* ----------------------------- */
  .history_contents h2 {
    width:100%;
    float:none;
    font-size:3.6rem !important;
  }
  .history_list li {
    width:100%;
    float:none;
    padding-bottom:12px;
  }
  .history_list li span,
  .history_list li strong {
    float:none;
  }
  .history_list li span {
    width:100%;
    margin-bottom:2px;
  }
  .history_list li strong {
    width:100%;
  }
  /* ----------------------------- */
  /* organization
  /* ----------------------------- */
  .organization_box {
    width:100%;

    padding:12px 0 18px 0;
  }
  .organization02_wrap {
    width:95%;
    height:140px;
    margin-left:5%;
  }
  .organization_boxline {
    width:100%;
  }
  .organization02_wrap .organization_boxline {
    width:90%;
  }
  .organization04:before {
    height:70px;
    margin:-70px 0 0 -1px;
  }
  .organization04 {
    float: left;
    width:10%;
    height:298px;
    margin:70px 0 0 5%;
    border: 1px solid #0055a7;
    border-bottom: 1px solid #0055a7;
    border-right: 0;
  }
  .organization_wrap .contents_left,
  .organization_wrap .contents_right {
    float: right;
    position: relative;
    width: 85%;
    margin-top:28px;
  }
  .organization05:before {
    height:70px;
    margin:-70px 0 0 -1px;
  }
  .organization05 {
    float: left;
    width:10%;
    height:106px;
    margin:-40px 0 0 5%;
    border: 1px solid #0055a7;
    border-bottom: 1px solid #0055a7;
    border-right: 0;
  }
  .organization_wrap .contents_left,
  .organization_wrap .contents_right {
    float: right;
    position: relative;
    width: 85%;
    margin-top:28px;
  }	
  /* ----------------------------- */
  /* location
  /* ----------------------------- */
  .location_map {
    height:280px;
  }
  /* ----------------------------- */
  /* p-guide
  /* ----------------------------- */
  .facility_img img {
    width:100%;
    margin:1% 0;
  }
  /* ----------------------------- */
  /* m-infomation
  /* ----------------------------- */
  /* 등록회원의 종류 */
  .type_wrap {
    margin-bottom:30px;
  }
  .members_type {
    width:100%;
    float:left;
    margin:20px 0;
  }
	
	.c_xs_1 { width: 8.3333%; }
    .c_xs_2 { width: 16.6666%;}
    .c_xs_3 { width: 25%;}
    .c_xs_4 { width: 33.3333%; }
    .c_xs_5 { width: 41.6666%; }
    .c_xs_6 { width: 50%; }
    .c_xs_7 { width: 58.3334%; }
    .c_xs_8 {width: 66.6667%;}
    .c_xs_9 { width: 75%; }
    .c_xs_10 { width: 83.3334%; }
    .c_xs_11 { width: 91.6667%; }
    .c_xs_12 { width: 100%; }

    .gutter .c_xs_1 { width: 6.9444%; }
    .gutter .c_xs_2 { width: 15.2777%; }
    .gutter .c_xs_3 { width: 23.6111%; }
    .gutter .c_xs_4 { width: 31.9444%; }
    .gutter .c_xs_5 { width: 40.2777%; }
    .gutter .c_xs_6 { width: 48.6111%; }
    .gutter .c_xs_7 { width: 56.9444%; }
    .gutter .c_xs_8 { width: 65.2777%; }
    .gutter .c_xs_9 { width: 73.6111%; }
    .gutter .c_xs_10 { width: 81.9444%; }
    .gutter .c_xs_11 { width: 90.2777%; }
    .gutter .c_xs_12 { width: 98.6111%; }

}


@media screen and (max-width:360px) {
  .visual .title_dpt1{
    text-indent: 0.2em;
    letter-spacing: 0.2em;
  }

 /* 임원선거 */
.list_style > dd {
    position: relative;
    padding:0 0 5px 7px;
    /* font-size: 0.938em; */
}
	
	 .c_xxs_1 { width: 8.3333%; }
    .c_xxs_2 { width: 16.6666%;}
    .c_xxs_3 { width: 25%;}
    .c_xxs_4 { width: 33.3333%; }
    .c_xxs_5 { width: 41.6666%; }
    .c_xxs_6 { width: 50%; }
    .c_xxs_7 { width: 58.3334%; }
    .c_xxs_8 {width: 66.6667%;}
    .c_xxs_9 { width: 75%; }
    .c_xxs_10 { width: 83.3334%; }
    .c_xxs_11 { width: 91.6667%; }
    .c_xxs_12 { width: 100%; }

    .gutter .c_xxs_1 { width: 6.9444%; }
    .gutter .c_xxs_2 { width: 15.2777%; }
    .gutter .c_xxs_3 { width: 23.6111%; }
    .gutter .c_xxs_4 { width: 31.9444%; }
    .gutter .c_xxs_5 { width: 40.2777%; }
    .gutter .c_xxs_6 { width: 48.6111%; }
    .gutter .c_xxs_7 { width: 56.9444%; }
    .gutter .c_xxs_8 { width: 65.2777%; }
    .gutter .c_xxs_9 { width: 73.6111%; }
    .gutter .c_xxs_10 { width: 81.9444%; }
    .gutter .c_xxs_11 { width: 90.2777%; }
    .gutter .c_xxs_12 { width: 98.6111%; }
}


.my-underline {  text-decoration: underline;}