@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 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; max-width:1600px; }
.about_1 .content { width:60%; }
.about_1 .content h2 { font-size:2.8em; color:#003789; line-height:1.4em; }
.about_1 .content h3 { display:block; margin:30px 0; font-size:1.6em; color:#111; line-height:1.6em; }
.about_1 .content h4 { font-size:1.2em; font-weight:700; color:#111; }
.about_1 .pic { display:flex; width:35%; }
.about_1 .pic img { object-fit:cover; width:100%; }

/* 연혁 */
.about_2 { background:url(../images/history_line.png) top center repeat-y; margin:100px auto; width:90%; max-width:1600px; }
.about_2 .content_wrap { display:flex; flex-direction:column; flex-wrap:wrap; padding-bottom:40px; }
.about_2 .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%; }
.about_2 .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%; }
.about_2 .content_wrap:nth-child(odd) .content { display:flex; flex-direction:column; flex-wrap:wrap; margin-left:auto; padding-right:50px; text-align:right; }
.about_2 .content_wrap:nth-child(even) .content { margin-left:50px; }
.about_2 .content_wrap .content h2 { display:block; margin:0 0 10px; color:#003789; } 
.about_2 .content_wrap .content .item { display:flex; flex-wrap:wrap; margin-left:auto; }
.about_2 .content_wrap .content .item .month { margin:5px 0; font-weight:700; color:#111; }
.about_2 .content_wrap .content .item ul { margin-left:10px; }
.about_2 .content_wrap .content .item ul li { margin:5px 0; }


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



}



@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 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto; width:90%; }
.about_1 .content { width:60%; }
.about_1 .content h2 { font-size:2.4em; color:#003789; line-height:1.4em; }
.about_1 .content h3 { display:block; margin:30px 0; font-size:1.4em; color:#111; line-height:1.6em; }
.about_1 .content h4 { font-size:1.1em; font-weight:700; color:#111; }
.about_1 .pic { display:flex; width:35%; }
.about_1 .pic img { object-fit:cover; width:100%; }

/* 연혁 */
.about_2 { background:url(../images/history_line.png) top center repeat-y; margin:90px auto; width:90%; }
.about_2 .content_wrap { display:flex; flex-direction:column; flex-wrap:wrap; padding-bottom:40px; }
.about_2 .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%; }
.about_2 .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%; }
.about_2 .content_wrap:nth-child(odd) .content { display:flex; flex-direction:column; flex-wrap:wrap; margin-left:auto; padding-right:50px; text-align:right; }
.about_2 .content_wrap:nth-child(even) .content { margin-left:50px; }
.about_2 .content_wrap .content h2 { display:block; margin:0 0 10px; color:#003789; } 
.about_2 .content_wrap .content .item { display:flex; flex-wrap:wrap; margin-left:auto; }
.about_2 .content_wrap .content .item .month { margin:5px 0; font-weight:700; color:#111; }
.about_2 .content_wrap .content .item ul { margin-left:10px; }
.about_2 .content_wrap .content .item ul li { margin:5px 0; }

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

}


@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 { margin:60px auto; width:85%; }
.about_1 .content { width:100%; }
.about_1 .content h2 { font-size:1.5em; color:#003789; line-height:1.4em; }
.about_1 .content h3 { display:block; margin:15px 0 25px; font-size:1.1em; color:#111; line-height:1.6em; }
.about_1 .content h4 { font-size:1.1em; font-weight:700; color:#111; }
.about_1 .pic { display:flex; width:100%; margin:50px 0 0; }
.about_1 .pic img { object-fit:cover; width:100%; }

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

/* 오시는 길 */
.about_3 { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:60px auto; }
.about_3 .content { width:100%; }
.about_3 .content .logo { margin:0 0 30px; }
.about_3 .content .logo img { height:25px; }
.about_3 .content h2 { display:block; margin:0 0 15px; font-size:1.1em; color:#222; line-height:1.5em; }
.about_3 .time { border-top:1px solid #dedede; margin:20px 0 0; padding:20px 0 0; }
.about_3 .time .tit { font-size:1.0em; font-weight:600; color:#102c98; line-height:1.5em; }
.about_3 .time p { display:block; margin:6px 0; }
.about_3 .time p span { display:inline-block; width:95px; font-weight:600; color:#222; }
.about_3 .map { margin:20px 0 0; }



}