@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; }

/* 4개 그리드 */
.dvied_4wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.dvied_4wrap .content { width:23%; }
.dvied_4wrap .content img { border-radius:20px; width:100%; }

/* 위아래 라인 박스 */
.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 { margin:90px auto 0; width:90%; max-width:1600px; background:url(../images/about_01.jpg) right bottom no-repeat; background-size:40%; }
.about_1 article { width:55%; }
.about_1 article h2 { font-size:2.0em; color:#111; line-height:1.5em; }
.about_1 article h2 span { color:#0062a3; }
.about_1 .pic { display:none; }

/* 프로필 */
.about_2 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:90px auto 0; width:90%; max-width:1600px; }
.about_2 .pic { width:30%; }
.about_2 .pic img { border-radius:20px; width:100%; }
.about_2 .pic span { display:block; margin:30px auto; }
.about_2 .pic span a { display:block; border-radius:10px; border:1px solid #0063a3; background:#fff; padding:15px; font-weight:600; color:#0063a3; text-align:center; transition:.4s; }
.about_2 .pic span a:hover { background:#0063a3; color:#fff; }
.about_2 .career { width:63%; }
.about_2 .career > h2 { display:block; margin:30px 0 50px; font-size:3.5em; font-weight:800; color:#ccc; }
.about_2 .career .name { margin:0 0 20px; }
.about_2 .career .name h2 { font-size:2.0em; font-weight:600; color:#111; }
.about_2 .career .name h3 { display:block; margin:20px 0 0; font-size:1.3em; font-weight:600; color:#111; }
.about_2 .career article { border-bottom:1px solid #dedede; padding:40px 0; }
.about_2 .career article:last-child { border-bottom:0px; padding:40px 0 0; }
.about_2 .career article h3 { display:block; margin:0 0 15px; font-size:1.3em; color:#0062a3; }
.about_2 .career article h4 { display:block; margin:30px 0 15px; font-size:1.1em; color:#111; line-height:1.0em; }

/* 사명 */
.about_3 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:90px auto 0; width:90%; max-width:1600px; }
.about_3 .content { display:flex; flex-direction:column; width:28%; }
.about_3 .content article {}
.about_3 .content article h2 { font-size:4.0em; color:#ccc; }
.about_3 .content article h3 { display:block; margin:30px 0 0; font-size:1.4em; color:#111; line-height:1.5em; }
.about_3 .content .pic { margin:40px 0 0; }
.about_3 .content .pic img { border-radius:20px; width:100%; }
.about_3 .content:nth-child(2) article { order:2; }
.about_3 .content:nth-child(2) .pic { margin: 0 0 50px; }

/* 연혁 */
.about_4 { margin:90px auto; width:90%; max-width:1600px; }
.about_4 .pic img { border-radius:20px; width:100%; }
.about_4 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px 0 0; }
.about_4 .content_wrap .content { width:31%; }
.about_4 .content_wrap .content h2 { display:block; border-bottom:2px solid #333; padding:0 0 25px; font-size:1.8em; font-weight:600; color:#111; }
.about_4 .content_wrap .content ul { margin:20px 0 0;}
.about_4 .content_wrap .content ul li { list-style-type:disc; list-style-position:outside; margin:8px 0 0 25px; line-height:1.5em; text-align:left; }
.about_4 .content_wrap .content ul li.tit { list-style-type:none; margin:10px 0 0; font-size:1.2em; font-weight:600; color:#0062a3; }

/* SNS */
.about_5 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:90px auto 0; width:90%; max-width:1600px; }
.about_5 .content { width:23%; }
.about_5 .content .pic {}
.about_5 .content .pic img { height:60px; }
.about_5 .content p { display:block; margin:20px 0 0; }
.about_5 .content a { display:block; border-radius:20px; border:1px solid #dedede; background:#fff; padding:10% 5%; width:90%; font-size:1.1em; font-weight:600; color:#111; text-align:center; transition:.4s; }
.about_5 .content a:hover { margin:-20px 0 0; }
.about_5 .content:nth-child(1) a:hover { border:1px solid #0866ff;}
.about_5 .content:nth-child(2) a:hover { border:1px solid #0ba554;}
.about_5 .content:nth-child(3) a:hover { border:1px solid #ff7200;}
.about_5 .content:nth-child(4) a:hover { border:1px solid #e7161b;}

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

/* 교육서비스 헤드 */
.edu_head { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; max-width:1600px; margin:90px auto; }
.edu_head .pic { width:30%; }
.edu_head .pic img { border-radius:20px; width:100%; }
.edu_head article { margin:auto 0; width:60%; }
.edu_head article h2 { font-size:1.6em; color:#0063a3; line-height:1.6em; }
.edu_head article ul { display:flex;  flex-wrap:wrap; margin:30px 0 0; }
.edu_head article ul li { border-bottom:1px solid #dedede; width:30%; margin:0 3% 0 0; }
.edu_head article ul li a { display:inline-block; width:94%; padding:3%; transition:.4s; }
.edu_head article ul li a:hover { background:#0063a3; color:#fff; }



}



@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; }*/

/* 인사말 */
.about_1 { margin:80px auto 0; width:90%; background:url(../images/about_01_tab.jpg) right top no-repeat; background-size:40%; }
.about_1 article { width:55%; }
.about_1 article h2 { font-size:1.7em; color:#111; line-height:1.5em; }
.about_1 article h2 span { color:#0062a3; }
.about_1 .pic { display:none; }

/* 프로필 */
.about_2 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:80px auto 0; width:90%; }
.about_2 .pic { width:30%; }
.about_2 .pic img { border-radius:20px; width:100%; }
.about_2 .pic span { display:block; margin:25px auto; }
.about_2 .pic span a { display:block; border-radius:10px; border:1px solid #0063a3; background:#fff; padding:15px; font-weight:600; color:#0063a3; text-align:center; transition:.4s; }
.about_2 .pic span a:hover { background:#0063a3; color:#fff; }
.about_2 .career { width:63%; }
.about_2 .career > h2 { display:block; margin:20px 0 40px; font-size:3.0em; font-weight:800; color:#ccc; }
.about_2 .career .name { margin:0 0 10px; }
.about_2 .career .name h2 { font-size:1.7em; font-weight:600; color:#111; }
.about_2 .career .name h3 { display:block; margin:10px 0 0; font-size:1.2em; font-weight:600; color:#111; }
.about_2 .career article { border-bottom:1px solid #dedede; padding:30px 0; }
.about_2 .career article:last-child { border-bottom:0px; padding:30px 0 0; }
.about_2 .career article h3 { display:block; margin:0 0 15px; font-size:1.2em; color:#0062a3; }
.about_2 .career article h4 { display:block; margin:30px 0 15px; font-size:1.0em; color:#111; line-height:1.0em; }

/* 사명 */
.about_3 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:80px auto 0; width:90%; }
.about_3 .content { display:flex; flex-direction:column; width:30%; }
.about_3 .content article {}
.about_3 .content article h2 { font-size:3.3em; color:#ccc; }
.about_3 .content article h3 { display:block; margin:20px 0 0; font-size:1.3em; color:#111; line-height:1.5em; }
.about_3 .content .pic { margin:40px 0 0; }
.about_3 .content .pic img { border-radius:20px; width:100%; }
.about_3 .content:nth-child(2) article { order:2; }
.about_3 .content:nth-child(2) .pic { margin: 0 0 50px; }

/* 연혁 */
.about_4 { margin:80px auto; width:90%; }
.about_4 .pic img { border-radius:20px; width:100%; }
.about_4 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:70px 0 0; }
.about_4 .content_wrap .content { width:30%; }
.about_4 .content_wrap .content h2 { display:block; border-bottom:2px solid #333; padding:0 0 25px; font-size:1.6em; font-weight:600; color:#111; }
.about_4 .content_wrap .content ul { margin:20px 0 0;}
.about_4 .content_wrap .content ul li { list-style-type:disc; list-style-position:outside; margin:8px 0 0 25px; line-height:1.5em; text-align:left; }
.about_4 .content_wrap .content ul li.tit { list-style-type:none; margin:10px 0 0; font-size:1.2em; font-weight:600; color:#0062a3; }

/* SNS */
.about_5 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:80px auto 0; width:90%; }
.about_5 .content { width:24%; }
.about_5 .content .pic {}
.about_5 .content .pic img { height:40px; }
.about_5 .content p { display:block; margin:10px 0 0; }
.about_5 .content a { display:block; border-radius:20px; border:1px solid #dedede; background:#fff; padding:10% 5%; width:90%; font-size:1.1em; font-weight:600; color:#111; text-align:center; transition:.4s; }
.about_5 .content a:hover { margin:-20px 0 0; }
.about_5 .content:nth-child(1) a:hover { border:1px solid #0866ff;}
.about_5 .content:nth-child(2) a:hover { border:1px solid #0ba554;}
.about_5 .content:nth-child(3) a:hover { border:1px solid #ff7200;}
.about_5 .content:nth-child(4) a:hover { border:1px solid #e7161b;}

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

/* 교육서비스 헤드 */
.edu_head { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:80px auto; }
.edu_head .pic { width:35%; }
.edu_head .pic img { border-radius:20px; width:100%; }
.edu_head article { margin:auto 0; width:55%; }
.edu_head article h2 { font-size:1.6em; color:#0063a3; line-height:1.6em; }
.edu_head article ul { display:flex;  flex-wrap:wrap; margin:10px 0 0; }
.edu_head article ul li { border-bottom:1px solid #dedede; width:47%; margin:0 3% 0 0; }
.edu_head article ul li a { display:inline-block; width:94%; padding:3%; transition:.4s; }
.edu_head article ul li a:hover { background:#0063a3; color:#fff; }




}


@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; }

/* 4개 그리드 */
.dvied_4wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.dvied_4wrap .content { width:48%; margin:2% 0; }
.dvied_4wrap .content img { border-radius:10px; width:100%; }

/* 인사말 */
.about_1 { margin:60px auto 0; width:85%; }
.about_1 article { display:block; margin-bottom:30px; }
.about_1 article h2 { font-size:1.3em; color:#111; line-height:1.5em; }
.about_1 article h2 span { color:#0062a3; }
.about_1 .pic { display:block; }
.about_1 .pic img { border-radius:20px; width:100%; }

/* 프로필 */
.about_2 { margin:60px auto 0; width:85%; }
.about_2 .pic { width:70%; margin:0 auto; }
.about_2 .pic img { border-radius:20px; width:100%; }
.about_2 .pic span { display:block; margin:20px auto; }
.about_2 .pic span a { display:block; border-radius:7px; border:1px solid #0063a3; background:#fff; padding:10px; font-weight:600; color:#0063a3; text-align:center; transition:.4s; }
.about_2 .pic span a:hover { background:#0063a3; color:#fff; }
.about_2 .career { margin:40px 0 0; }
.about_2 .career > h2 { display:block; margin:0 0 20px; font-size:2.0em; font-weight:800; color:#ccc; text-align:center; }
.about_2 .career .name { margin:0 0 10px; text-align:center; }
.about_2 .career .name h2 { font-size:1.5em; font-weight:600; color:#111; }
.about_2 .career .name h3 { display:block; margin:10px 0 0; font-size:1.1em; font-weight:600; color:#111; }
.about_2 .career article { border-bottom:1px solid #dedede; padding:30px 0; }
.about_2 .career article:last-child { border-bottom:0px; padding:30px 0 0; }
.about_2 .career article h3 { display:block; margin:0 0 15px; font-size:1.1em; color:#0062a3; }
.about_2 .career article h4 { display:block; margin:30px 0 15px; font-size:1.0em; color:#111; line-height:1.0em; }

/* 사명 */
.about_3 { margin:60px auto 0; width:85%; }
.about_3 .content { margin:0 0 60px; }
.about_3 .content:last-child { margin:0; }
.about_3 .content article {}
.about_3 .content article h2 { font-size:2.0em; color:#ccc; }
.about_3 .content article h3 { display:block; margin:15px 0 0; font-size:1.1em; color:#111; line-height:1.5em; }
.about_3 .content .pic { margin:20px 0 0; }
.about_3 .content .pic img { border-radius:20px; width:100%; }

/* 연혁 */
.about_4 { margin:60px auto; width:85%; }
.about_4 .pic img { border-radius:10px; width:100%; }
.about_4 .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.about_4 .content_wrap .content { margin:50px 0 0; }
.about_4 .content_wrap .content h2 { display:block; border-bottom:2px solid #333; padding:0 0 15px; font-size:1.4em; font-weight:600; color:#111; }
.about_4 .content_wrap .content ul { margin:20px 0 0;}
.about_4 .content_wrap .content ul li { list-style-type:disc; list-style-position:outside; margin:5px 0 0 25px; line-height:1.5em; text-align:left; }
.about_4 .content_wrap .content ul li.tit { list-style-type:none; margin:10px 0 0; font-size:1.2em; font-weight:600; color:#0062a3; }

/* SNS */
.about_5 { display:flex; justify-content:space-between; flex-wrap: wrap; margin:60px auto 0; width:85%; }
.about_5 .content { width:48%; margin:0 0 3.2%; }
.about_5 .content .pic {}
.about_5 .content .pic img { height:25px; }
.about_5 .content p { display:block; margin:5px 0 0; }
.about_5 .content a { display:block; border-radius:20px; border:1px solid #dedede; background:#fff; padding:15% 5%; width:90%; font-size:1.1em; font-weight:600; color:#111; text-align:center; transition:.4s; }
.about_5 .content a:hover { margin:-20px 0 0; }
.about_5 .content:nth-child(1) a:hover { border:1px solid #0866ff;}
.about_5 .content:nth-child(2) a:hover { border:1px solid #0ba554;}
.about_5 .content:nth-child(3) a:hover { border:1px solid #ff7200;}
.about_5 .content:nth-child(4) a:hover { border:1px solid #e7161b;}

/* 오시는 길 */
.about_6 { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:60px auto; }
.about_6 .content { order:2; margin:20px 0 0; width:100%; }
.about_6 .content .logo img { width:60%; }
.about_6 .content h1 { display:block; margin:20px 0; font-size:1.2em; color:#222; line-height:1.5em; }
.about_6 .time { border-top:1px solid #dedede; margin:20px 0 0; padding:20px 0 0; }
.about_6 .time .tit { font-size:1.2em; font-weight:600; color:#1149a5; line-height:1.5em; }
.about_6 .time p { display:block; margin:10px 0; }
.about_6 .time p span { display:inline-block; width:70px; font-weight:600; color:#222; }
.about_6 .map { width:100%; }

/* 교육서비스 헤드 */
.edu_head { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:60px auto; }
.edu_head .pic { width:100%; }
.edu_head .pic img { border-radius:20px; width:100%; }
.edu_head article { margin:40px 0 0; width:100%; }
.edu_head article h2 { font-size:1.2em; color:#0063a3; line-height:1.6em; }
.edu_head article ul { display:flex;  flex-wrap:wrap; margin:10px 0 0; }
.edu_head article ul li { border-bottom:1px solid #dedede; width:100%; margin:0 3% 0 0; }
.edu_head article ul li a { display:inline-block; width:94%; padding:3%; transition:.4s; }
.edu_head article ul li a:hover { background:#0063a3; color:#fff; }







}