@charset "utf-8";

/* 박스 안 텍스트, 이미지 */
.horizon_pic { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1600px; border-radius:15px; }
.horizon_pic article { width:55%; padding:5%; }
.horizon_pic article h2 { font-size:2.0em; color:#1d3c93; line-height:1.5em; }
.horizon_pic article .content { margin:30px 0; }
.horizon_pic article .content h3 { font-size:1.2em; color:#222; line-height:1.5em; }

/* 박스3개 */
.dvied_3wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.dvied_3wrap .content { width:26%; border-radius:15px; border:1px solid #dedede; background:#fff; padding:2% 3%; margin:2% 0; }
.dvied_3wrap .content h3 { display:block; margin:0 0 10px; font-size:1.2em; color:#333; }

/* 위아래 라인 박스 */
.line_box { border-top:1px solid #dedede; border-bottom:1px solid #dedede; background:#fafafa; padding:2%; margin:5px 0 0; }



@media (min-width:1600px) {

/* 2차 메뉴 */
#snb_2dep { margin:80px auto 0; width:90%; max-width:1600px; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:12%; margin:0 5px 10px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:12px; font-size:1.0em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #41aea8 solid; color:#25aba3; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#41aea8; border:1px #41aea8 solid; font-weight:500;  color:#fff; }
/*#snb_2dep .nav ul li:last-child { visibility:hidden; }*/

/* 인사말 */
.about_1_1 { margin:60px auto; width:90%; max-width:1600px; }
.about_1_1 .pic img { width:100%; }
.about_1_1 article { margin:70px 0 0; }
.about_1_1 h2 { font-size:2.2rem; color:#111; line-height:3.0rem; }
.about_1_1 h3 { display:block; margin:30px 0; font-size:1.6rem; color:#111; line-height:2.0rem; }
.about_1_1 h4 { font-size:1.2rem; font-weight:700; color:#111; }
.about_1_1 p { display:block; margin:20px 0; }

/* 정관 */
.bylaws { margin:50px auto; width:90%; max-width:1600px; }
.bylaws h2{ display:block; margin:50px 0 15px; font-size: 1.3rem; color:#111; }
.bylaws p { display:block; margin:5px 0; }

/* 연혁 */
.history { background:url(../images/history_line.png) top center repeat-y; margin:90px auto; width:90%; max-width:1600px; }
.history .content_wrap { display:flex; flex-direction:column; flex-wrap:wrap; padding-bottom:50px; }
.history .content_wrap:nth-child(odd) { background:url(../images/history_point.png) top right no-repeat; background-size:30px; margin-right:auto; padding-left:15px; width:50%; }
.history .content_wrap:nth-child(even) { background:url(../images/history_point.png) top left no-repeat; background-size:30px; margin-left:auto; padding-right:15px; width:50%; }
.history .content_wrap:nth-child(odd) .content { display:flex; flex-direction:column; flex-wrap:wrap; margin-left:auto; padding-right:50px; text-align:right; }
.history .content_wrap:nth-child(even) .content { margin-left:50px; }
.history .content_wrap .content h2 { display:block; margin:0 0 20px; font-size:1.8rem; color:#1650b8; } 
.history .content_wrap .content .item { display:flex; flex-wrap:wrap; margin-left:auto; }
.history .content_wrap .content .item .month { display:; margin:3px 10px 3px 0; font-weight:700; color:#111; }
.history .content_wrap .content .item ul {  }
.history .content_wrap .content .item ul li { margin:3px 0; }
.history .content_wrap .content .pic { margin:30px 0 0; }
.history .content_wrap .content .pic img { border-radius:; width:70%; }

/* 오시는 길 */
.location { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:60px auto; }
.location .content { width:35%; }
.location .content .logo {}
.location .content h2 { display:block; margin:50px 0 20px; font-size:1.5rem; color:#222; line-height:2.0rem; }
.location .time { border-top:1px solid #dedede; margin:40px 0 0; padding:40px 0 0; }
.location .time .tit { font-size:1.2rem; font-weight:600; color:#1650b8; line-height:1.7rem; }
.location .time p { display:block; margin:10px 0; }
.location .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.location .map { width:60%; }

/* 사업소개 */
.busi_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:60px auto; }
.busi_1_1 .content { width:32%; }
.busi_1_1 .content .pic img { width:100%; }
.busi_1_1 .content article { margin:30px 0 0; }
.busi_1_1 .content article h2 { margin:0 0 20px; font-size:1.5rem; color:#111; line-height:2.0rem; }

}



@media (min-width:768px) and (max-width:1599px){

/* 2차 메뉴 */
#snb_2dep { margin:70px auto 0; width:90%; }
#snb_2dep .nav ul { display: flex; justify-content:center; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:15%; margin:0 5px 10px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:12px; font-size:1.0em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #41aea8 solid; color:#25aba3; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#41aea8; border:1px #41aea8 solid; font-weight:500;  color:#fff; }
/*#snb_2dep .nav ul li:last-child { visibility:hidden; }*/

.horizon_pic article h2 { font-size:1.7em; color:#1d3c93; line-height:1.5em; }

/* 인사말 */
.about_1_1 { margin:50px auto; width:90%; }
.about_1_1 .pic img { width:100%; }
.about_1_1 article { margin:70px 0 0; }
.about_1_1 h2 { font-size:2.2rem; color:#111; line-height:3.0rem; }
.about_1_1 h3 { display:block; margin:30px 0; font-size:1.5rem; color:#111; line-height:2.0rem; }
.about_1_1 h4 { font-size:1.1rem; font-weight:700; color:#111; }
.about_1_1 p { display:block; margin:20px 0; }

/* 정관 */
.bylaws { margin:40px auto; width:90%; }
.bylaws h2{ display:block; margin:50px 0 10px; font-size: 1.3rem; color:#111; }
.bylaws p { display:block; margin:5px 0; }

/* 연혁 */
.history { background:url(../images/history_line.png) top center repeat-y; margin:90px auto; width:90%; }
.history .content_wrap { display:flex; flex-direction:column; flex-wrap:wrap; padding-bottom:50px; }
.history .content_wrap:nth-child(odd) { background:url(../images/history_point.png) top right no-repeat; background-size:30px; margin-right:auto; padding-left:15px; width:50%; }
.history .content_wrap:nth-child(even) { background:url(../images/history_point.png) top left no-repeat; background-size:30px; margin-left:auto; padding-right:15px; width:50%; }
.history .content_wrap:nth-child(odd) .content { display:flex; flex-direction:column; flex-wrap:wrap; margin-left:auto; padding-right:50px; text-align:right; }
.history .content_wrap:nth-child(even) .content { margin-left:50px; }
.history .content_wrap .content h2 { display:block; margin:0 0 20px; font-size:1.8rem; color:#1650b8; } 
.history .content_wrap .content .item { display:flex; flex-wrap:wrap; margin-left:auto; }
.history .content_wrap .content .item .month { display:; margin:3px 10px 3px 0; font-weight:700; color:#111; }
.history .content_wrap .content .item ul {  }
.history .content_wrap .content .item ul li { margin:3px 0; }
.history .content_wrap .content .pic { margin:30px 0 0; }
.history .content_wrap .content .pic img { border-radius:; width:70%; }

/* 오시는 길 */
.location { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:50px auto; }
.location .content { width:45%; }
.location .content .logo {}
.location .content h2 { display:block; margin:50px 0 20px; font-size:1.5rem; color:#222; line-height:2.0rem; }
.location .time { border-top:1px solid #dedede; margin:40px 0 0; padding:40px 0 0; }
.location .time .tit { font-size:1.2rem; font-weight:600; color:#1650b8; line-height:1.7rem; }
.location .time p { display:block; margin:5px 0; }
.location .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.location .map { width:50%; }

/* 사업소개 */
.busi_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:50px auto; }
.busi_1_1 .content { width:31%; }
.busi_1_1 .content .pic img { width:100%; }
.busi_1_1 .content article { margin:30px 0 0; }
.busi_1_1 .content article h2 { margin:0 0 20px; font-size:1.3rem; color:#111; line-height:1.8rem; }

}


@media (max-width:767px){

/* 2차 메뉴 */
#snb_2dep { margin:40px auto 0; width:70%; }
#snb_2dep .nav ul { display: flex; justify-content:space-between; flex-wrap: wrap; }
#snb_2dep .nav ul li { width:49%; margin:0 0 6px; }
#snb_2dep .nav ul li a { display:block; background:#fff; border:1px #dedede solid; border-radius:30px; padding:6px 0; font-size:0.9em; color:#222; text-align: center; transition:all 0.3s;}
#snb_2dep .nav ul li a:hover { background:#fff; border:1px #41aea8 solid; color:#25aba3; transition:all 0.5s;}
#snb_2dep .nav ul li.on a { background:#41aea8; border:1px #41aea8 solid; font-weight:500;  color:#fff; }
/*#snb_2dep .nav ul li:last-child { visibility:hidden; }*/

.horizon_pic { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:85%; max-width:85%; border-radius:15px; }
.horizon_pic article { width:100%; padding:8%; }
.horizon_pic article h2 { font-size:1.2em; color:#1d3c93; line-height:1.5em; }
.horizon_pic article .content { margin:20px 0; }
.horizon_pic article .content h3 { font-size:1.1em; font-weight:600; color:#222; line-height:1.5em; }

/* 박스3개 */
.dvied_3wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.dvied_3wrap .content { width:80%; border-radius:15px; border:1px solid #dedede; background:#fff; padding:8%; margin:2% 0; }
.dvied_3wrap .content h3 { display:block; margin:0 0 6px; font-size:1.0em; color:#333; }

/* 인사말 */
.about_1_1 { margin:30px auto; width:85%; }
.about_1_1 .pic img { width:100%; }
.about_1_1 article { margin:40px 0 0; }
.about_1_1 h2 { font-size:2.2rem; color:#111; line-height:3.0rem; }
.about_1_1 h3 { display:block; margin:20px 0; font-size:1.2rem; color:#111; line-height:1.7rem; }
.about_1_1 h4 { font-size:1.1rem; font-weight:600; color:#111; }
.about_1_1 p { display:block; margin:20px 0; }

/* 정관 */
.bylaws { margin:20px auto; width:85%; }
.bylaws h2{ display:block; margin:30px 0 10px; font-size: 1.2rem; color:#111; }
.bylaws p { display:block; margin:5px 0; }

/* 연혁 */
.history { background:url(../images/history_line.png) 3.5% 0 repeat-y; margin:50px auto; width:85%; }
.history .content_wrap { display:flex; flex-direction:column; padding-bottom:50px; }
.history .content_wrap { background:url(../images/history_point.png) top left no-repeat; background-size:20px; margin-right:auto; }
.history .content_wrap .content { display:flex; flex-direction:column; margin-left:30px; }
.history .content_wrap .content h2 { display:block; margin:0 0 5px; font-size:1.2rem; color:#1650b8; } 
.history .content_wrap .content .item { display:flex; flex-wrap:wrap; }
.history .content_wrap .content .item .month { display:none; width:25px; margin:2px 0; font-weight:700; color:#111; }
.history .content_wrap .content .item ul { }
.history .content_wrap .content .item ul li { margin:2px 0; }
.history .content_wrap .content .pic { margin:25px 0 0; }
.history .content_wrap .content .pic img { border-radius:0; width:95%; }

/* 오시는 길 */
.location { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:0 auto; }
.location .content { width:100%; }
.location .content .logo {}
.location .content h2 { display:block; margin:0 0 20px; font-size:1.1rem; color:#222; line-height:2.0rem; }
.location .time { border-top:1px solid #dedede; margin:25px 0 0; padding:30px 0 0; }
.location .time .tit { font-size:1.2rem; font-weight:600; color:#1650b8; line-height:1.7rem; }
.location .time p { display:block; margin:5px 0; }
.location .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.location .map { margin:20px 0 0; width:100%; }

/* 사업소개 */
.busi_1_1 { width:85%; margin:30px auto; }
.busi_1_1 .content { width:100%; margin:40px 0; }
.busi_1_1 .content .pic img { width:100%; }
.busi_1_1 .content article { margin:20px 0 0; }
.busi_1_1 .content article h2 { margin:0 0 10px; font-size:1.2rem; color:#111; line-height:1.7rem; }

}