/* 기본 좌우 정렬 */
.divide_hor { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide_hor .pic { width:35%;}
.divide_hor .pic img { width:100%; }
.divide_hor .desc { margin:auto 0; width:60%; }
.divide_hor .desc h1 { display:block; margin:0 0 15px; font-size:1.7em; color:#164681; line-height:1.5em; }
.divide_hor .desc p { text-align:left; }

/* 가로 2단 */
.divide2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide2 .content { border-bottom:0px solid #dedede; width:48%; margin:2% 0; overflow:hidden; }
.divide2 .content img { width:100%; }
.divide2 .content article { background:#69829c; padding:10px; font-size:1.1em; color:#fff; text-align:center;}

/* 가로 3단 이미지 */
.divide3_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide3_pic .content { border-bottom:0px solid #dedede; width:31%; margin:0; overflow:hidden; }
.divide3_pic .content img { width:100%; margin:0 auto; }

/* 가로 4단 이미지 */
.divide4_pic { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_pic .content { border-bottom:0px solid #dedede; width:23.5%; margin:0; overflow:hidden; }
.divide4_pic .content img { width:100%; margin:0 auto; }

/* 가로 4단 */
.divide4 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%;}
.divide4 .content { border-bottom:1px solid #dedede; width:23.5%; margin:0 0 1.8%; overflow:hidden; }
.divide4 .content .pic { display:block; text-align:center; }
.divide4 .content .pic img { width:100%; margin:0 auto; }
.divide4 .content .desc { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; font-size:1.1em;}
.divide4 .content .desc h1 { display:block; margin:0 0 10px; font-size:1.5em; font-weight:600; color:#07439f; text-align:center; }
.divide4 .content .desc p { text-align:center; }

.divide4_tit { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide4_tit .content { border-bottom:1px solid #dedede; width:23.5%; overflow:hidden; }
.divide4_tit .content h1 { background:#69c11e; padding:12px 0; font-size:1.2em; font-weight:; color:#fff; text-align:center; }
.divide4_tit .content span { display:block; border-left:1px solid #dedede; border-right:1px solid #dedede; height:90%; padding:5%; text-align:center; }





@media (min-width:1500px) {

/* 상단 안내 문구 */
.common_notice { background:#fff; border-radius:5px; border:1px solid #003ca9; margin:60px auto; width:80%; max-width:1500px; }	
.common_notice .content { display:flex; padding:2% 3%; }
.common_notice .content .pic { margin:0 10px 0 0; }
.common_notice .content .pic img { width:80%; }
.common_notice .content .desc { margin:auto 0; }
.common_notice .content h1 { font-size:1.2em; color:#003ca9; }
.common_notice .content p { display:block; margin:7px 0 0; }


/* 인사말 */
.greeting_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:80%; max-width:1500px; margin:0 auto; }
.greeting_1_1 .content { width:24%; }
.greeting_1_1 .content img { width:100%; }
.greeting_1_1 .content article { background:#003ca9; padding:20px 10px; font-size:1.5em; color:#fff; text-align:center; }

	
/* 셔틀노선 */
.shuttle { display:flex; justify-content:space-between; flex-wrap:wrap; }
.shuttle .pic { background:url(../images/shuttle_pic.jpg); background-size:cover; border:1px solid #dedede; width:30%;}
.shuttle .pic img { width:100%;}
.shuttle .content { width:65%;}
.shuttle .content .title { display:block; margin:10px 0 60px; }
.shuttle .content .title h1 { font-size:2.3em; color:#222; line-height:1.5em; }
.shuttle .content .title h1 span { color:#003ca9; }
.shuttle .content .title p { display:block; margin:10px 0; }
.shuttle .content .desc { margin:10px 0 50px; }

.shuttle_info { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f9f9f9; border-radius:5px; border:1px solid #dedede; margin:80px auto; width:80%; max-width:1500px; }
.shuttle_info .content { margin:auto 0; padding:0 4%; width:57%; }
.shuttle_info h1 { font-size:1.6em; color:#222; line-height:1.5em; }
.shuttle_info span { color:#003ca9;}
.shuttle_info h2 { font-size:1.3em; font-weight:500; color:#333; line-height:1.5em; }
.shuttle_info ul { margin:20px 0 0;}
.shuttle_info ul li { list-style-image:url(); list-style-type:disc; list-style-position:outside; margin:4px 0 0 30px; line-height:1.5em; text-align:left;} /* list-style-type:disc; */
.shuttle_info .pic { width:35%; }
.shuttle_info .pic img { border-radius:0 5px 5px 0; width:100%; }

.shuttle_list { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.shuttle_list .content { border-bottom:0px solid #dedede; width:31%; margin:0 0 60px; overflow:hidden; }


/* 입학준비사항 */
.edu_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; margin:5px 0 0; }
.edu_1_1 .content { border-bottom:1px solid #dedede; width:31%; margin:2% 0; overflow:hidden; }
.edu_1_1 .content .pic { display:block; }
.edu_1_1 .content .pic img { width:100%; }
.edu_1_1 .content .desc { display:block; border:1px solid #dedede; border-top:0; border-bottom:0; height:88%; padding:7% 2%; }
.edu_1_1 .content .desc h1 { display:block; font-size:1.6em; color:#222; line-height:1.4em; text-align:center; }
.edu_1_1 .content .desc h1 span { display:block; font-size:0.8em; font-weight:500; color:#003ca9; }
.edu_1_1 .content .desc p { margin:10px 0 0; text-align:center; }
.edu_1_1 .content .desc ul { padding:7%; }
.edu_1_1 .content .desc ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */


/* 운전면허 종류 */
.edu_2_1 { margin:60px auto; width:80%; max-width:1500px; }
.edu_2_1 .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:0px solid #dedede; margin:0 0 90px; }
.edu_2_1 .content:nth-child(2) .pic, .edu_2_1 .content:nth-child(4) .pic, .edu_2_1 .content:nth-child(6) .pic { order:2; }
.edu_2_1 .content:last-child { margin:0; }
.edu_2_1 .content .pic { width:55%; }
.edu_2_1 .content .pic img { width:100%; }
.edu_2_1 .content .desc { margin:auto 0; width:40%; }
.edu_2_1 .content:nth-child(2) .desc, .edu_2_1 .content:nth-child(4) .desc, .edu_2_1 .content:nth-child(6) .desc { margin-left:auto; width:40%; }
.edu_2_1 .content .desc .lic_1 { display:inline-block; background:#fa434b; border-radius:30px; padding:4px 20px; color:#fff; text-align:center; }
.edu_2_1 .content .desc .lic_2 { display:inline-block; background:#4689db; border-radius:30px; padding:4px 20px; color:#fff; text-align:center; }
.edu_2_1 .content .desc h1 { display:block; margin:10px 0; font-size:2.2em; color:#222; line-height:1.5em; }
.edu_2_1 .content .desc h2 { font-size:1.2em; color:#555; line-height:1.5em; }
.edu_2_1 .content .desc ul.lic_list { display:block; margin:10px 0 0;}
.edu_2_1 .content .desc ul.lic_list > li { line-height:1.8em; }


/* 면허취득절차 */
.process_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto 0; width:80%; max-width:1500px; }
.process_1_1 .content { display:flex; flex-direction:column; width:23%; margin:0 0 60px; }
.process_1_1 .content .step { display:flex; background:#003ca9; border-radius:50px; padding:25px; margin:0 auto; }
.process_1_1 .content .step span { margin:auto; font-size:1.3em; font-weight:600; color:#fff; text-align:center;}
.process_1_1 .content .desc { background:#fff; margin:25px 0 0; border-radius:5px; border:1px solid #dedede; height:80%; }
.process_1_1 .content .desc h1 { display:block; background:#f9f9f9; border-bottom:1px solid #dedede; padding:15px; font-size:1.4em; color:#222; line-height:1.3em; text-align:center; }
.process_1_1 .content .desc h1 p { display:block; font-size:0.7em; font-weight:400; color:#444; text-align:center; }
.process_1_1 .content .desc ul { padding:7%; }
.process_1_1 .content .desc ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */


/* 코스안내 */
.course_info { display:flex; justify-content:space-between; flex-wrap:wrap; margin:5px 0 0;  }
.course_info .content { border:1px solid #dedede; width:49%; margin:20px 0; }
.course_info .content h1 { background:#69829c; padding:15px; font-size:1.2em; font-weight:500; color:#fff; text-align:center;}
.course_info .content .step { background:#f9f9f9; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px; font-size:1.2em; font-weight:600; color:#69829c; text-align:center;}
.course_info .content .pic { margin:20px auto; width:80%; text-align:center; }
.course_info .content ul { margin:0 auto 20px; width:80%; }
.course_info .content ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */
.course_info .content ul li span { color:#F00; }



}






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

/* 상단 안내 문구 */
.common_notice { background:#fff; border-radius:5px; border:1px solid #003ca9; margin:50px auto; width:90%; }	
.common_notice .content { display:flex; padding:2% 3%; }
.common_notice .content .pic { margin:auto 0; }
.common_notice .content .pic img { width:60%; }
.common_notice .content .desc { margin:0 0 0 -10px; }
.common_notice .content h1 { font-size:1.15em; color:#003ca9; }
.common_notice .content p { display:block; margin:4px 0 0; }

	
/* 인사말 */
.greeting_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
.greeting_1_1 .content { width:24%; }
.greeting_1_1 .content img { width:100%; }
.greeting_1_1 .content article { background:#003ca9; padding:15px 10px; font-size:1.3em; color:#fff; text-align:center; }
	
	
/* 셔틀노선 */
.shuttle { display:flex; justify-content:space-between; flex-wrap:wrap; }
.shuttle .pic { background:url(../images/shuttle_pic.jpg); background-size:cover; border:1px solid #dedede; width:25%;}
.shuttle .pic img { width:100%;}
.shuttle .content { width:70%;}
.shuttle .content .title { display:block; margin:10px 0 50px; }
.shuttle .content .title h1 { font-size:1.5em; color:#222; line-height:1.5em; }
.shuttle .content .title h1 span { color:#003ca9; }
.shuttle .content .title p { display:block; margin:10px 0; }
.shuttle .content .desc { margin:10px 0 40px; }

.shuttle_info { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f9f9f9; border-radius:5px; border:1px solid #dedede; margin:50px auto; width:90%; }
.shuttle_info .content { margin:auto 0; padding:4%; width:57%; }
.shuttle_info h1 { font-size:1.5em; color:#222; line-height:1.5em; }
.shuttle_info span { color:#003ca9;}
.shuttle_info h2 { font-size:1.1em; font-weight:500; color:#333; line-height:1.5em; }
.shuttle_info ul { margin:20px 0 0;}
.shuttle_info ul li { list-style-image:url(); list-style-type:disc; list-style-position:outside; margin:4px 0 0 30px; line-height:1.5em; text-align:left;} /* list-style-type:disc; */
.shuttle_info .pic { width:35%; }
.shuttle_info .pic img { border-radius:0 5px 5px 0; width:100%; }


/* 입학준비사항 */
.edu_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; margin:5px 0 0;}
.edu_1_1 .content { border-bottom:1px solid #dedede; width:31%; margin:2% 0; overflow:hidden; }
.edu_1_1 .content .pic { display:block; }
.edu_1_1 .content .pic img { width:100%; }
.edu_1_1 .content .desc { display:block; border:1px solid #dedede; border-top:0; border-bottom:0; height:80%; padding:8% 2%; }
.edu_1_1 .content .desc h1 { display:block; font-size:1.6em; color:#222; line-height:1.4em; text-align:center; }
.edu_1_1 .content .desc h1 span { display:block; font-size:0.8em; font-weight:500; color:#003ca9; }
.edu_1_1 .content .desc p {  margin:10px 0 0; text-align:center; }
.edu_1_1 .content .desc ul { padding:5%; }
.edu_1_1 .content .desc ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */


/* 운전면허 종류 */
.edu_2_1 { margin:50px auto; width:90%; }
.edu_2_1 .content { display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:0px solid #dedede; margin:0 0 90px; }
.edu_2_1 .content:nth-child(2) .pic, .edu_2_1 .content:nth-child(4) .pic, .edu_2_1 .content:nth-child(6) .pic { order:2; }
.edu_2_1 .content:last-child { margin:0; }
.edu_2_1 .content .pic { width:55%; }
.edu_2_1 .content .pic img { width:100%; }
.edu_2_1 .content .desc { margin:auto 0; width:40%; }
.edu_2_1 .content:nth-child(2) .desc, .edu_2_1 .content:nth-child(4) .desc, .edu_2_1 .content:nth-child(6) .desc { width:40%; }
.edu_2_1 .content .desc .lic_1 { display:inline-block; background:#fa434b; border-radius:30px; padding:4px 20px; color:#fff; text-align:center; }
.edu_2_1 .content .desc .lic_2 { display:inline-block; background:#4689db; border-radius:30px; padding:4px 20px; color:#fff; text-align:center; }
.edu_2_1 .content .desc h1 { display:block; margin:10px 0; font-size:1.8em; color:#222; line-height:1.5em; }
.edu_2_1 .content .desc h2 { font-size:1.1em; color:#555; line-height:1.5em; }
.edu_2_1 .content .desc ul.lic_list { display:block; margin:10px 0 0;}
.edu_2_1 .content .desc ul.lic_list > li { line-height:1.6em; }


/* 면허취득절차 */
.process_1_1 { display:flex; justify-content:center; flex-wrap:wrap; margin:50px auto 0; width:90%; }
.process_1_1 .content { display:flex; flex-direction:column; width:31%; margin:0 1% 60px; }
.process_1_1 .content .step { display:flex; background:#003ca9; border-radius:50px; padding:25px; margin:0 auto; }
.process_1_1 .content .step span { margin:auto; font-size:1.3em; font-weight:600; color:#fff; text-align:center;}
.process_1_1 .content .desc { background:#fff; margin:25px 0 0; border-radius:5px; border:1px solid #dedede; height:80%; }
.process_1_1 .content .desc h1 { display:block; background:#f9f9f9; border-bottom:1px solid #dedede; padding:15px; font-size:1.3em; color:#222; line-height:1.3em; text-align:center; }
.process_1_1 .content .desc h1 p { display:block; font-size:0.7em; font-weight:400; color:#444; text-align:center; }
.process_1_1 .content .desc ul { padding:7%; }
.process_1_1 .content .desc ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */


/* 코스안내 */
.course_info { display:flex; justify-content:space-between; flex-wrap:wrap; margin:5px 0 0;  }
.course_info .content { border:1px solid #dedede; width:49%; margin:20px 0; }
.course_info .content h1 { background:#69829c; padding:15px; font-size:1.2em; font-weight:500; color:#fff; text-align:center;}
.course_info .content .step { background:#f9f9f9; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px; font-size:1.2em; font-weight:600; color:#69829c; text-align:center;}
.course_info .content .pic { margin:20px auto; width:80%; text-align:center; }
.course_info .content .pic img { width:80%; margin:0 auto; }
.course_info .content ul { margin:0 auto 20px; width:80%; }
.course_info .content ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */
.course_info .content ul li span { color:#F00; }


}






@media (max-width:767px){

/* 가로 2단 */
.divide2 { display:flex; justify-content:space-between; flex-wrap:wrap; height:100%; }
.divide2 .content { border-bottom:0px solid #dedede; width:100%; margin:5% 0; overflow:hidden; }
.divide2 .content img { width:100%; }
.divide2 .content article { background:#69829c; padding:6px; font-size:1.1em; color:#fff; text-align:center;}


/* 상단 안내 문구 */
.common_notice { background:#fff; border-radius:5px; border:1px solid #003ca9; margin:40px auto; width:85%; }	
.common_notice .content { display:flex; padding:5%; }
.common_notice .content .pic { margin:auto 0; width:20%; }
.common_notice .content .pic img { width:70%; }
.common_notice .content .desc { width:80%; }
.common_notice .content h1 { font-size:1.05em; color:#003ca9; }
.common_notice .content p { display:block; margin:4px 0 0; line-height:1.4em; }


/* 인사말 */
.greeting_1_1 { display:flex; justify-content:space-between; flex-wrap:wrap; width:85%; margin:0 auto; }
.greeting_1_1 .content { width:48%; margin:2% 0; }
.greeting_1_1 .content img { width:100%; }
.greeting_1_1 .content article { background:#003ca9; padding:10px; font-size:1.2em; color:#fff; text-align:center; }


/* 셔틀노선 */
.shuttle { display:flex; justify-content:space-between; flex-wrap:wrap; }
.shuttle .pic { background:url(../images/shuttle_pic.jpg); background-size:cover; border:1px solid #dedede; width:100%; height:200px; }
.shuttle .pic img { width:100%;}
.shuttle .content { width:100%;}
.shuttle .content .title { display:block; margin:30px 0 0; }
.shuttle .content .title h1 { font-size:1.2em; color:#222; line-height:1.4em; }
.shuttle .content .title h1 span { color:#003ca9; }
.shuttle .content .title p { display:block; margin:6px 0; }
.shuttle .content .desc { margin:30px 0; }

.shuttle_info { display:flex; justify-content:space-between; flex-wrap:wrap; background:#f9f9f9; border-bottom:1px solid #dedede; margin:35px auto; width:85%; }
.shuttle_info .content { order:2; border-left:1px solid #dedede; border-right:1px solid #dedede;padding:10%; width:80%; }
.shuttle_info h1 { font-size:1.2em; color:#222; line-height:1.5em; text-align:center; }
.shuttle_info span { color:#003ca9;}
.shuttle_info h2 { font-size:1.1em; font-weight:500; color:#333; line-height:1.5em; text-align:center; }
.shuttle_info ul { margin:20px 0 0;}
.shuttle_info ul li { list-style-image:url(); list-style-type:disc; list-style-position:outside; margin:7px 0 0 15px; line-height:1.5em; text-align:left;} /* list-style-type:disc; */
.shuttle_info .pic { width:100%; }
.shuttle_info .pic img { border-radius:5px 5px 0 0; width:100%; }


/* 입학준비사항 */
.edu_1_1 { margin:15px 0 0; }
.edu_1_1 .content { border-bottom:1px solid #dedede; width:100%; margin:0 0 8%; overflow:hidden; }
.edu_1_1 .content .pic { display:block; }
.edu_1_1 .content .pic img { width:100%; }
.edu_1_1 .content .desc { display:block; border:1px solid #dedede; border-top:0; border-bottom:0; height:84%; padding:8% 2%; }
.edu_1_1 .content .desc h1 { display:block; font-size:1.2em; color:#222; line-height:1.4em; text-align:center; }
.edu_1_1 .content .desc h1 span { display:block; font-size:0.8em; font-weight:500; color:#003ca9; }
.edu_1_1 .content .desc p {  margin:4px 0 0; text-align:center; }
.edu_1_1 .content .desc ul { padding:1.5%; }
.edu_1_1 .content .desc ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */


/* 운전면허 종류 */
.edu_2_1 { margin:40px auto; width:85%; }
.edu_2_1 .content { margin:0 0 60px; }
.edu_2_1 .content .pic { width:100%; }
.edu_2_1 .content .pic img { width:100%; }
.edu_2_1 .content .desc { margin:20px 0 0; width:100%; }
.edu_2_1 .content .desc .lic_1 { display:inline-block; background:#fa434b; border-radius:30px; padding:3px 15px; color:#fff; text-align:center; }
.edu_2_1 .content .desc .lic_2 { display:inline-block; background:#4689db; border-radius:30px; padding:3px 15px; color:#fff; text-align:center; }
.edu_2_1 .content .desc h1 { display:block; margin:5px 0; font-size:1.5em; color:#222; line-height:1.5em; }
.edu_2_1 .content .desc h2 { font-size:1.1em; color:#555; line-height:1.5em; }
.edu_2_1 .content .desc ul.lic_list { display:block; margin:5px 0 0;}
.edu_2_1 .content .desc ul.lic_list > li { line-height:1.6em; }


/* 면허취득절차 */
.process_1_1 { margin:40px auto 80px; width:85%; }
.process_1_1 .content { display:flex; flex-direction:column; width:100%; margin:0 0 30px; }
.process_1_1 .content .step { display:flex; background:#003ca9; border-radius:30px; padding:15px; margin:0 auto; }
.process_1_1 .content .step span { margin:auto; font-size:1.3em; font-weight:600; color:#fff; text-align:center;}
.process_1_1 .content .desc { background:#fff; margin:20px 0 0; border-radius:5px; border:1px solid #dedede; height:80%; }
.process_1_1 .content .desc h1 { display:block; background:#f9f9f9; border-bottom:1px solid #dedede; padding:15px; font-size:1.1em; color:#222; line-height:1.3em; text-align:center; }
.process_1_1 .content .desc h1 p { display:block; font-size:0.85em; font-weight:400; color:#444; text-align:center; }
.process_1_1 .content .desc ul { padding:6% 7%; }
.process_1_1 .content .desc ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */


/* 코스안내 */
.course_info { display:flex; justify-content:space-between; flex-wrap:wrap; margin:5px 0 0;  }
.course_info .content { border:1px solid #dedede; width:100%; margin:20px 0; }
.course_info .content h1 { background:#69829c; padding:15px; font-size:1.2em; font-weight:500; color:#fff; text-align:center;}
.course_info .content .step { background:#f9f9f9; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px; font-size:1.2em; font-weight:600; color:#69829c; text-align:center;}
.course_info .content .pic { margin:20px auto; width:80%; text-align:center; }
.course_info .content .pic img { width:80%; margin:0 auto; }
.course_info .content ul { margin:0 auto 20px; width:80%; }
.course_info .content ul li { list-style-image:url(../images/common_bullet.png); list-style-position:outside; margin:5px 20px; line-height:1.5em; text-align:left; } /* list-style-type:disc; */
.course_info .content ul li span { color:#F00; }


}