/* 기본 좌우 정렬 */
.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: 32%; 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; }

/* 인사말 */
.greeting { margin: 60px auto; width: 90%; max-width: 1600px; }
.greeting article h2 { font-size: 2.1rem; font-weight: 700; color: #111; line-height: 3.0rem; }
.greeting article h3 { font-size: 1.6rem; color: #1a7a6e; line-height: 2.2rem; }
.greeting .pic { margin: 70px 0 0; border-radius: 10px; overflow:  hidden; }
.greeting .pic img { width: 100%; }
.greeting .banner { margin: 50px 0 0; }
.greeting .banner img { width: 100%; }

/* 셔틀노선 */
.shuttle_info { display: flex; justify-content: space-between; flex-wrap: wrap; background: #f8f8f8; border-radius: 10px; margin: 60px auto 0; width: 90%; max-width: 1600px; overflow: hidden;  }
.shuttle_info .content { margin: auto 0; width: 52%; padding: 4%; }
.shuttle_info h2 { font-size: 1.8rem; color: #1a7a6e; line-height: 2.5rem; }
.shuttle_info h3 { margin: 10px 0; font-size: 1.1rem; font-weight: 600; color: #333; line-height: 2.0rem; }
.shuttle_info h4 { background: url(../images/tel_pic.png) left no-repeat; background-size: 30px; padding-left: 40px; margin: 20px 0; font-size: 1.3rem; font-weight: 700; line-height: 2.0rem; }
.shuttle_info h4 span { display: inline-block; margin-left: 5px; color: #ef4f34; }
.shuttle_info ul { margin: 20px 0 0;}
.shuttle_info ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 2px 0 2px 30px; line-height: 1.6rem; text-align: left; } /* list-style-type: disc; */
.shuttle_info ul li::marker { font-size: 14px; /* 기호만 15px로 지정 */color: #1a7a6e; }
.shuttle_info .pic { display: flex; width: 35%; overflow: hidden; }
.shuttle_info .pic img { object-fit: cover; width: 100%; }

.shuttle { margin: 70px auto; height: 100%; width: 90%; max-width: 1600px; }
.shuttle .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 3%; margin: 0 0 30px; }
.shuttle .content ul { display: flex; flex-wrap: wrap; margin: 10px 0 0; }
.shuttle .content ul li { width: 6%; margin: 0.3%; border-radius: 5px; border: 1px solid #dedede; background: #fff; padding: 1.5% 0; font-size: 1.0rem; line-height: 1.2; text-align: center;}

#shuttle { background: url(../images/main_shuttle_bg.jpg) center/cover no-repeat; padding: 90px 0; margin-top: 100px; }
#shuttle article { text-align: center; }
#shuttle article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #fff; line-height: 1.2; }
#shuttle article h3 { display: inline-block; border-radius: 30px; background: #9ac5bf; padding: 5px 20px; font-size: 0.9rem; color: #1a7a6e; line-height: 1.2; text-align: center; }
#shuttle article p { color: #fff; }
#shuttle .content-wrap { display: flex; justify-content: center; flex-wrap: wrap;  margin: 40px auto; width: 90%; max-width: 1600px;  }
#shuttle .content-wrap .content { display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; border-radius: 5px; background: #fff; padding: 20px 10px; margin: 5px; width: 12%; text-align: center; }
#shuttle .content-wrap .content .pic { background: url(../images/shuttle_pic.png) center no-repeat; background-size: 30px; }
#shuttle .content-wrap .content .txt { display:block; margin: 10px 0 0; font-size: 1.1rem; font-weight: 600; color: #222; line-height: 1.2; }
#shuttle ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 30px; }
#shuttle ul li { background: url(../images/hero_sec_chk_03.png) no-repeat; margin: 0 15px; padding-left: 35px; font-family: 'GmarketSansMedium'; font-size: 1.4rem; line-height: 1.5; color: #fff; }
#shuttle ul li strong { font-family: 'GmarketSansBold'; color: #fce518; }

/* 오시는 길 */
.location_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 70px auto 60px; width: 90%; max-width: 1600px;}
.location_wrap .content { width: 48%; }
.location_wrap .content h2 { padding-left: 60px; line-height: 45px; }
.location_wrap .content:nth-child(1) h2 { background: url(../images/location_i01.png) no-repeat; background-size: 45px; }
.location_wrap .content:nth-child(2) h2 { background: url(../images/location_i02.png) no-repeat; background-size: 45px; }
.location_wrap .content:nth-child(3) h2 { background: url(../images/location_i03.png) no-repeat; background-size: 45px; }
.location_wrap .content:nth-child(4) h2 { background: url(../images/location_i04.png) no-repeat; background-size: 45px; }
.location_wrap .content p { border-top: 1px solid #ccc; padding-top: 20px; margin: 20px 0 0; }

.location_map { margin: 60px auto 30px; width: 90%; max-width: 1600px; border-radius: 10px; border: 20px solid #fff; box-shadow: 0 0 20px #e3e3e3; overflow: hidden; }

/* 준비사항 */
.prepare { margin: 50px auto; width: 90%; max-width: 1600px;}
.prepare .content { display: flex; flex-wrap: wrap; border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 2.5%; margin: 2% 0; width: 95%; }
.prepare .content:nth-child(1) { background: url(../images/prepare_01.png) bottom right no-repeat; background-size:15%; }
.prepare .content:nth-child(2) { background: url(../images/prepare_02.png) bottom right no-repeat; background-size:15%; }
.prepare .content:nth-child(3) { background: url(../images/prepare_03.png) bottom right no-repeat; background-size:15%; }
.prepare .content:nth-child(4) { background: url(../images/prepare_04.png) bottom right no-repeat; background-size:15%; }
.prepare .content:nth-child(5) { background: url(../images/prepare_05.png) bottom right no-repeat; background-size:15%; }
.prepare .content:nth-child(6) { background: url(../images/prepare_06.png) bottom right no-repeat; background-size:15%; }
.prepare .content:nth-child(1):hover { background: url(../images/prepare_01.png) #f0f7ff bottom right no-repeat; background-size:17%; transition: .4s; }
.prepare .content:nth-child(2):hover { background: url(../images/prepare_02.png) #f0f7ff bottom right no-repeat; background-size:17%; transition: .4s; }
.prepare .content:nth-child(3):hover { background: url(../images/prepare_03.png) #f0f7ff bottom right no-repeat; background-size:17%; transition: .4s; }
.prepare .content:nth-child(4):hover { background: url(../images/prepare_04.png) #f0f7ff bottom right no-repeat; background-size:17%; transition: .4s; }
.prepare .content:nth-child(5):hover { background: url(../images/prepare_05.png) #f0f7ff bottom right no-repeat; background-size:17%; transition: .4s; }
.prepare .content:nth-child(6):hover { background: url(../images/prepare_06.png) #f0f7ff bottom right no-repeat; background-size:17%; transition: .4s; }
.prepare .content article { width: 30%; margin: auto 0; }
.prepare .content article h2 { font-size: 1.5rem; font-weight: 700; color: #1a7a6e; line-height: 2.0rem; }
.prepare .content article p { margin: 10px 0 0; font-size: 1.0rem; font-weight: 400; color: #777; }
.prepare .content ul { padding-left: 3%; margin: auto 0; }
.prepare .content ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 2px 0 2px 30px; line-height: 1.6rem; text-align: left; }
.prepare .content ul li::marker { font-size: 14px; /* 기호만 15px로 지정 */color: #1a7a6e; }

.prepare-tip { background: #f8f8f8; border-radius: 10px; margin: 90px auto 0; width: 90%; max-width: 1600px; }
.prepare-tip .wrap { padding: 2%; }
.prepare-tip article { margin-bottom: 20px; }
.prepare-tip article h2 { font-size: 1.3rem; color: #222; }
.prepare-tip article h2 span { color: #ef4f34; }
.prepare-tip ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.prepare-tip ul li { display: flex; flex-direction: column; align-items: center;  justify-content: center; border-radius: 10px; background: #fff; border: 1px solid #dedede; padding: 1.5%; width: 21%; text-align: center; } 
.prepare-tip ul li strong { color: #1a7a6e; }

/* 수강료 */
.fee { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; max-width: 1600px; margin: 50px auto; }
.fee .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 3%; margin: 1.1% 0; width: 43% }
.fee .normal-1 { background: url(../images/fee_pic_01.png) 90% 10% no-repeat; background-size: 150px; }
.fee .normal-2 { background: url(../images/fee_pic_02.png) 90% 10% no-repeat; background-size: 150px; }
.fee .large { background: url(../images/fee_pic_03.png) 90% 10% no-repeat; background-size: 150px; }
.fee .bike-1 { background: url(../images/fee_pic_04.png) 90% 10% no-repeat; background-size: 150px; }
.fee .bike-2 { background: url(../images/fee_pic_05.png) 90% 10% no-repeat; background-size: 150px; }
.fee .trailer { background: url(../images/fee_pic_06.png) 90% 10% no-repeat; background-size: 150px; }
.fee .small-trailer { background: url(../images/fee_pic_07.png) 10% 50% no-repeat; background-size: 150px; }
.fee .road { background: url(../images/fee_pic_08.png) 90% 10% no-repeat; background-size: 150px; }
.fee .content h2 { font-size: 2.0rem; font-weight: 700; color: #222; line-height: 2.4rem; }
.fee .content h2 span { display:inline-block; border-bottom:6px solid #ffc600; line-height:0.7em; }
.fee .content ul { margin: 25px 0 0; }
.fee .content ul li { display:flex; }
.fee .content ul li span { display: inline-block; border-radius: 5px; border: 1px solid #dedede; background: #f6f6f6; padding: 0 10px; margin: 3px 10px 3px 0; font-size:0.9rem; font-weight: 600; text-align:center; }
.fee .content ul li p { margin: auto 0; font-size:1.1rem; font-weight:700; color:#222 }
.fee .content .etc { margin: 15px 0 0; }
.fee .content .etc h3 { margin-bottom: 5px; font-size: 1.0rem; color: #444; }
.fee .content .etc p { font-size: 0.9rem; color: #666; line-height:1.4rem; }
.fee .content .total { border-top: 1px solid #dedede; margin-top: 20px; padding-top: 20px; font-size:1.3rem; font-weight:600; color:#222; }
.fee .content .total strong { display:inline-block; margin-left: 10px; font-size: 1.5rem; font-weight: 700; color: #ef4f34; }
.fee .content .btns { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.fee .content .btns a { display: inline-block; border-radius: 30px; border: 1px solid #d5d5d5; padding: 10px 0; margin: 1%; width:31%; font-weight:600; color: #333; text-align: center; transition: .3s; }
.fee .content .btns a:hover { background: #1a7a6e; border: 1px solid #1a7a6e; color: #fff;}

/* 종별안내 */
.type_head { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; max-width: 1600px; margin: 50px auto; }
.type_head .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 1%; margin: 1.1% 0; width: 47%; }
.type_head .content .pic { border-radius: 10px; overflow:hidden; }
.type_head .content .pic img { width:100%; }
.type_head .content .desc { margin: 30px 3% 20px; }
.type_head .content .desc h2 { font-size: 2.0rem; font-weight: 700; color: #222; line-height: 2.4rem; }
.type_head .content .desc h2 span { display:inline-block; border-bottom:6px solid #ffc600; line-height:0.7em; }
.type_head .content .desc .proc { margin: 5px 0 0; }
.type_head .content .desc .proc .row { display: flex; border-bottom: 1px solid #dedede; padding: 15px 5px; }
.type_head .content .desc .proc .row:last-child { border: 0; padding-bottom: 0; }
.type_head .content .desc .proc .row h3 { width: 15%; margin: 4px 0 0; font-size: 1.0rem; color:#333; }
.type_head .content .desc .proc .row ul { width: 85%;}
.type_head .content .desc .proc .row ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 2px 0 2px 30px; line-height: 1.6rem; text-align: left; }
.type_head .content .desc .proc .row ul li::marker { font-size: 14px; /* 기호만 15px로 지정 */color: #1a7a6e; }

.type_head_single {width: 90%; max-width: 1600px; margin: 70px auto; }
.type_head_single .content { display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 1%; width: 98%; }
.type_head_single .content .pic { border-radius: 10px; width: 45%; overflow:hidden; }
.type_head_single .content .pic img { width:100%; }
.type_head_single .content .desc { margin: auto 0; padding-right: 5%; width: 45%; }
.type_head_single .content .desc h2 { font-size: 2.0rem; font-weight: 700; color: #222; line-height: 2.4rem; }
.type_head_single .content .desc h2 span { display:inline-block; border-bottom:6px solid #ffc600; line-height:0.7em; }
.type_head_single .content .desc .proc { margin: 5px 0 0; }
.type_head_single .content .desc .proc .row { display: flex; border-bottom: 1px solid #dedede; padding: 15px 5px; }
.type_head_single .content .desc .proc .row:last-child { border: 0; padding-bottom: 0; }
.type_head_single .content .desc .proc .row h3 { width: 15%; margin: 4px 0 0; font-size: 1.0rem; color:#333; }
.type_head_single .content .desc .proc .row ul { width: 85%;}
.type_head_single .content .desc .proc .row ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 2px 0 2px 30px; line-height: 1.6rem; text-align: left; }
.type_head_single .content .desc .proc .row ul li::marker { font-size: 14px; /* 기호만 15px로 지정 */color: #1a7a6e; }

/* 면허취득절차 6단계 */
.license-6step { display: flex; justify-content: space-between; flex-wrap: wrap; }
.license-6step .item { width: 11.5%; margin-top: 25px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px #e3e3e3; padding: 1.5% 1%; text-align: center; }
.license-6step .item .pic { margin: 0 0 20px; }
.license-6step .item:nth-child(1) .pic { background: url(../images/license-step_01.png) center no-repeat; background-size:45px; height:45px; }
.license-6step .item:nth-child(3) .pic { background: url(../images/license-step_02.png) center no-repeat; background-size:45px; height:45px; }
.license-6step .item:nth-child(5) .pic { background: url(../images/license-step_03.png) center no-repeat; background-size:45px; height:45px; }
.license-6step .item:nth-child(7) .pic { background: url(../images/license-step_04.png) center no-repeat; background-size:45px; height:45px; }
.license-6step .item:nth-child(9) .pic { background: url(../images/license-step_05.png) center no-repeat; background-size:45px; height:45px; }
.license-6step .item:nth-child(11) .pic { background: url(../images/license-step_06.png) center no-repeat; background-size:45px; height:45px; }
.license-6step .item h3 { margin: 10px 0 6px; font-size: 1.2rem; font-weight: 700; color: #222; line-height: 1.7rem; }
.license-6step .item span { display: inline-block; border-radius: 30px; background: #ccc; padding: 0 10px; color: #fff; text-align: center; }
.license-6step .item p strong { color: #ef4f34; }
.license-6step .item i { display: inline-block; margin: 5px 0 0; font-size: 0.9rem; color: #1a7a6e; line-height: 1.4; }
.license-6step .arrow { width:3%; background: url(../images/license_step_arr.png) 50% 55% no-repeat; background-size: 30px; }

/* 면허취득절차 4단계 */
.license-4step { display: flex; justify-content: space-between; flex-wrap: wrap; }
.license-4step .item { width: 19%; margin-top: 25px; border-radius: 10px; background: #fff; box-shadow: 0 0 20px #e3e3e3; padding: 1.5% 1%; text-align: center; }
.license-4step .item .pic { margin: 0 0 20px; }
.license-4step .item:nth-child(1) .pic { background: url(../images/license-step_01.png) center no-repeat; background-size:45px; height:45px; }
.license-4step .item:nth-child(3) .pic { background: url(../images/license-step_02.png) center no-repeat; background-size:45px; height:45px; }
.license-4step .item:nth-child(5) .pic { background: url(../images/license-step_03.png) center no-repeat; background-size:45px; height:45px; }
.license-4step .item:nth-child(7) .pic { background: url(../images/license-step_04.png) center no-repeat; background-size:45px; height:45px; }
.license-4step .item h3 { margin: 10px 0 6px; font-size: 1.2rem; font-weight: 700; color: #222; line-height: 1.7rem; }
.license-4step .item span { display: inline-block; border-radius: 30px; background: #ccc; padding: 0 10px; color: #fff; text-align: center; }
.license-4step .item p strong { color: #ef4f34; }
.license-4step .item i { display: inline-block; margin: 5px 0 0; font-size: 0.9rem; color: #1a7a6e; line-height: 1.4; }
.license-4step .arrow { width:3%; background: url(../images/license_step_arr.png) 50% 55% no-repeat; background-size: 30px; }

/* 대형면허 */
.course_info { display:flex; justify-content:space-between; flex-wrap:wrap; margin:5px 0 0;  }
.course_info .content { border:1px solid #dedede; background: #fff; 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: 1600px) {

/* 상단 안내 문구 */
.common_notice { background: #fff; border-radius: 5px; border: 1px solid #218fd3; margin: 60px auto; width: 90%; max-width: 1600px; }	
.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 h2 { font-size: 1.2em; color: #218fd3; }
.common_notice .content p { display: block; margin: 7px 0 0; }

/* 온라인 수강신청 */
.online_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; background:url(../images/online_pic.jpg) left no-repeat; background-size:40%; border-radius:25px; margin:60px auto; width:90%; max-width:1600px; }
.online_wrap .pic { display:none; }
.online_wrap .content { margin-left:auto; width:55%; }

}






@media (min-width: 768px) and (max-width: 1599px){
	
/* 인사말 */
.greeting { margin: 50px auto; width: 90%; }

/* 셔틀노선 */
.shuttle_info { display: flex; justify-content: space-between; flex-wrap: wrap; background: #f8f8f8; border-radius: 10px; margin: 50px auto 0; width: 90%; overflow: hidden;  }

#shuttle .content-wrap .content .pic { background: url(../images/shuttle_pic.png) center no-repeat; background-size: 30px; height: 30px; }

/* 오시는 길 */
.location_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 70px auto; width: 90%; max-width: 1600px;}
.location_wrap .content { width: 48%; }
.location_wrap .content h2 { padding-left: 50px; font-size: 1.3rem; line-height: 35px; }
.location_wrap .content:nth-child(1) h2 { background: url(../images/location_i01.png) no-repeat; background-size: 35px; }
.location_wrap .content:nth-child(2) h2 { background: url(../images/location_i02.png) no-repeat; background-size: 35px; }
.location_wrap .content:nth-child(3) h2 { background: url(../images/location_i03.png) no-repeat; background-size: 35px; }
.location_wrap .content:nth-child(4) h2 { background: url(../images/location_i04.png) no-repeat; background-size: 35px; }
.location_wrap .content p { border-top: 1px solid #ccc; padding-top: 20px; margin: 20px 0 0; }

.location_map { margin: 70px auto 30px; width: 90%; border-radius: 10px; border: 20px solid #fff; box-shadow: 0 0 20px #e3e3e3; overflow: hidden; }

/* 준비사항 */
.prepare .content { display: flex; flex-wrap: wrap; border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 3.5%; margin: 2% 0; width: 95%; transition: .3s; }

/* 수강료 */
.fee .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 4%; margin: 1.1% 0; width: 41% }
.fee .normal-1 { background: url(../images/fee_pic_01.png) 90% 10% no-repeat; background-size: 120px; }
.fee .normal-2 { background: url(../images/fee_pic_02.png) 90% 10% no-repeat; background-size: 120px; }
.fee .large { background: url(../images/fee_pic_03.png) 90% 10% no-repeat; background-size: 120px; }
.fee .bike-1 { background: url(../images/fee_pic_04.png) 90% 10% no-repeat; background-size: 120px; }
.fee .bike-2 { background: url(../images/fee_pic_05.png) 90% 10% no-repeat; background-size: 120px; }
.fee .trailer { background: url(../images/fee_pic_06.png) 90% 10% no-repeat; background-size: 120px; }
.fee .small-trailer { background: url(../images/fee_pic_07.png) 90% 10% no-repeat; background-size: 120px; }
.fee .road { background: url(../images/fee_pic_08.png) 90% 10% no-repeat; background-size: 120px; }
.fee .content h2 { font-size: 2.0rem; font-weight: 700; color: #222; line-height: 2.2rem; }
.fee .content ul { margin: 20px 0 0; }
.fee .content ul li { display:flex; }
.fee .content ul li span { display: inline-block; border-radius: 5px; border: 1px solid #dedede; background: #f6f6f6; padding: 5px 10px; margin: 3px 10px 3px 0; font-size:0.9rem; font-weight: 600; text-align:center; }
.fee .content ul li p { margin: auto 0; font-size:1.1rem; font-weight:700; color:#222 }
.fee .content .btns { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.fee .content .btns a { display: inline-block; border-radius: 30px; border: 1px solid #d5d5d5; padding: 12px 0; margin: 1%; width:29%; font-size: 0.9rem; font-weight:600; color: #333; text-align: center; transition: .3s; }

/* 면허취득절차 */
.license-step .item { padding: 2% 1%; text-align: center; }

/* 온라인 수강신청 */
.online_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; background:url(../images/online_pic_tab.jpg) left no-repeat; background-size:35%; border-radius:25px; margin:50px auto; width:90%; }
.online_wrap .pic { display:none; }
.online_wrap .content { margin-left:auto; width:60%; }

}






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

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

/* 상단 안내 문구 */
.common_notice { background: #fff; border-radius: 5px; border: 1px solid #218fd3; 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 h2 { font-size: 1.05em; color: #218fd3; }
.common_notice .content p { display: block; margin: 4px 0 0; line-height: 1.4em; }

/* 인사말 */
.greeting { margin: 30px auto; width: 90%; }
.greeting article h2 { font-size: 1.3rem; color: #111; line-height: 1.8rem; }
.greeting article h3 { font-size: 1.2rem; color: #1a7a6e; line-height: 1.8rem; }
.greeting .pic { margin: 50px 0 0; border-radius: 10px; overflow:  hidden; }
.greeting .pic img { width: 100%; }
.greeting .banner { margin: 50px 0 0; }
.greeting .banner img { width: 100%; }

/* 셔틀노선 */
.shuttle_info { display: flex; justify-content: space-between; flex-wrap: wrap; background: #f8f8f8; border-radius: 10px; margin: 30px auto 0; width: 90%; overflow: hidden; }
.shuttle_info .content { order: 2; margin: 30px 0; width: 84%; padding: 0 8%; }
.shuttle_info h2 { font-size: 1.3rem; color: #1a7a6e; line-height: 1.8rem; }
.shuttle_info h3 { margin: 10px 0; font-size: 1.1rem; font-weight: 600; color: #333; line-height: 1.6rem; }
.shuttle_info h4 { background: url(../images/tel_pic.png) left no-repeat; background-size: 20px; padding-left: 30px; margin: 20px 0; font-size: 1.3rem; font-weight: 700; line-height: 2.0rem; }
.shuttle_info h4 span { display: inline-block; margin-left: 5px; color: #ef4f34; }
.shuttle_info ul { margin: 20px 0 0;}
.shuttle_info ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 3px 0 3px 20px; font-size:1.0rem; line-height: 1.6rem; text-align: left; } /* list-style-type: disc; */
.shuttle_info ul li::marker { font-size:  11px; /* 기호만 15px로 지정 */color: #1a7a6e; }
.shuttle_info .pic { display: flex; width: 100%; overflow: hidden; }
.shuttle_info .pic img { object-fit: cover; width: 100%; }

.shuttle { margin: 0 auto; height: 100%; width: 90%; }
.shuttle .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 6%; margin: 0 0 30px; }
.shuttle .content ul { display: flex; flex-wrap: wrap; margin: 10px 0 0; }
.shuttle .content ul li { width: 17.5%; margin: 1%; border-radius: 5px; border: 1px solid #dedede; background: #fff; padding: 10px 0; font-size: 0.9rem; line-height: 1.2rem; text-align: center; }

#shuttle { background: url(../images/main_shuttle_bg.jpg) center/cover no-repeat; padding: 70px 0; margin-top: 70px; }
#shuttle article { text-align: center; }
#shuttle article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #fff; line-height: 1.2; }
#shuttle article h3 { display: inline-block; border-radius: 30px; background: #9ac5bf; padding: 5px 20px; font-size: 0.9rem; color: #1a7a6e; line-height: 1.2; text-align: center; }
#shuttle article p { padding: 0 30px; color: #fff; }
#shuttle .content-wrap { display: flex; justify-content: center; flex-wrap: wrap;  margin: 40px auto; width: 90%; max-width: 1600px;  }
#shuttle .content-wrap .content { display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; border-radius: 5px; background: #fff; padding: 20px 10px; margin: 5px; width: 25%; text-align: center; }
#shuttle .content-wrap .content .pic { background: url(../images/shuttle_pic.png) center no-repeat; background-size: 25px; height: 25px; }
#shuttle .content-wrap .content .txt { display:block; margin: 10px 0 0; font-size: 1.1rem; font-weight: 600; color: #222; line-height: 1.2; }
#shuttle ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 30px; }
#shuttle ul li { background: url(../images/hero_sec_chk_03.png) no-repeat; margin: 5px 15px; padding-left: 35px; font-family: 'GmarketSansMedium'; font-size: 1.1rem; line-height: 1.5; color: #fff; }
#shuttle ul li strong { font-family: 'GmarketSansBold'; color: #fce518; }

/* 오시는 길 */
.location_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0; width: 90%; }
.location_wrap .content { width: 48%; margin-bottom: 30px; }
.location_wrap .content h2 { padding-left: 40px; font-size: 1.1rem; line-height: 25px; }
.location_wrap .content:nth-child(1) h2 { background: url(../images/location_i01.png) no-repeat; background-size: 25px; }
.location_wrap .content:nth-child(2) h2 { background: url(../images/location_i02.png) no-repeat; background-size: 25px; }
.location_wrap .content:nth-child(3) h2 { background: url(../images/location_i03.png) no-repeat; background-size: 25px; }
.location_wrap .content:nth-child(4) h2 { background: url(../images/location_i04.png) no-repeat; background-size: 25px; }
.location_wrap .content p { border-top: 1px solid #ccc; padding-top: 12px; margin: 12px 0 0; line-height: 1.5; }

.location_map { margin: 20px auto; width: 88%; border-radius: 10px; border: 10px solid #fff; box-shadow: 0 0 20px #e3e3e3; overflow: hidden; }

/* 준비사항 */
.prepare { margin: 30px auto; width: 90%; }
.prepare .content { display: flex; flex-wrap: wrap; border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 9% 6%; margin: 25px 0; width: 88%; }
.prepare .content:nth-child(1) { background: url(../images/prepare_01.png) bottom right no-repeat; background-size:40%; padding-bottom: 70px; }
.prepare .content:nth-child(2) { background: url(../images/prepare_02.png) bottom right no-repeat; background-size:40%; padding-bottom: 70px; }
.prepare .content:nth-child(3) { background: url(../images/prepare_03.png) bottom right no-repeat; background-size:40%; }
.prepare .content:nth-child(4) { background: url(../images/prepare_04.png) bottom right no-repeat; background-size:40%; }
.prepare .content:nth-child(5) { background: url(../images/prepare_05.png) bottom right no-repeat; background-size:40%; padding-bottom: 50px; }
.prepare .content:nth-child(6) { background: url(../images/prepare_06.png) bottom right no-repeat; background-size:40%; }
.prepare .content article { width: 100%; margin: auto 0; }
.prepare .content article h2 { font-size: 1.2rem; font-weight: 700; color: #1a7a6e; line-height: 1.5rem; }
.prepare .content article p { margin: 10px 0; font-size: 0.9rem; color: #777; line-height: 1.3rem; }
.prepare .content ul { padding-left: 0; margin: auto 0; }
.prepare .content ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 3px 0 3px 20px; line-height: 1.6rem; text-align: left; }
.prepare .content ul li::marker { font-size: 11px; /* 기호만 15px로 지정 */color: #1a7a6e; }

.prepare-tip { background: #f8f8f8; border-radius: 10px; margin: 50px auto 0; width: 90%; }
.prepare-tip .wrap { padding: 8% 5%; }
.prepare-tip article { margin-bottom: 15px; }
.prepare-tip article h2 { font-size: 1.1rem; color: #222; }
.prepare-tip article h2 span { color: #F00; }
.prepare-tip ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.prepare-tip ul li { display: flex; flex-direction: column; align-items: center;  justify-content: center; border-radius: 10px; background: #fff; border: 1px solid #dedede; padding: 4% 2%; width: 44%; margin: 1.5% 0; text-align: center; } 
.prepare-tip ul li strong { color: #1a7a6e; }

/* 수강료 */
.fee { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 40px auto; }
.fee .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 9% 7%; margin: 4% 0; width: 86%; }
.fee .normal-1 { background: url(../images/fee_pic_01.png) 90% 8% no-repeat; background-size: 90px; }
.fee .normal-2 { background: url(../images/fee_pic_02.png) 90% 8% no-repeat; background-size: 90px; }
.fee .large { background: url(../images/fee_pic_03.png) 90% 8% no-repeat; background-size: 90px; }
.fee .bike-1 { background: url(../images/fee_pic_04.png) 90% 8% no-repeat; background-size: 10090pxpx; }
.fee .bike-2 { background: url(../images/fee_pic_05.png) 90% 8% no-repeat; background-size: 90px; }
.fee .trailer { background: url(../images/fee_pic_06.png) 90% 8% no-repeat; background-size: 90px; }
.fee .small-trailer { background: url(../images/fee_pic_07.png) 90% 8% no-repeat; background-size: 90px; }
.fee .road { background: url(../images/fee_pic_08.png) 90% 8% no-repeat; background-size: 90px; }
.fee .content h2 { font-size: 1.4rem; font-weight: 700; color: #222; line-height: 1.8rem; }
.fee .content h2 span { display:inline-block; border-bottom:5px solid #ffc600; line-height:0.7em; }
.fee .content ul { margin: 20px 0 0; }
.fee .content ul li { display:flex; }
.fee .content ul li span { display: inline-block; border-radius: 5px; border: 1px solid #dedede; background: #f6f6f6; padding: 0 10px; margin: 3px 10px 3px 0; font-size:0.9rem; font-weight: 600; text-align:center; }
.fee .content ul li p { margin: auto 0; font-size:1.0rem; font-weight:700; color:#222 }
.fee .content .etc { margin: 15px 0 0; }
.fee .content .etc h3 { margin-bottom: 5px; font-size: 1.0rem; color: #444; }
.fee .content .etc p { font-size: 0.9rem; color: #666; line-height:1.4rem; }
.fee .content .total { border-top: 1px solid #dedede; margin-top: 20px; padding-top: 20px; font-size:1.2rem; font-weight:600; color:#222; }
.fee .content .total strong { display:inline-block; margin-left: 10px; font-size: 1.4rem; font-weight: 700; color: #ef4f34; }
.fee .content .btns { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.fee .content .btns a { display: inline-block; border-radius: 30px; border: 1px solid #d5d5d5; padding: 6px; margin: 1%; width:26%; font-size: 0.9rem; font-weight:600; color: #333; text-align: center; transition: .3s; }
.fee .content .btns a:hover { background: #1a7a6e; border: 1px solid #1a7a6e; color: #fff;}

/* 종별안내 */
.type_head { display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%; margin: 40px auto; }
.type_head .content { border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 3%; margin: 4% 0; width: 94%; }
.type_head .content .pic { border-radius: 10px; overflow:hidden; }
.type_head .content .pic img { width:100%; }
.type_head .content .desc { margin: 25px 3% 15px; }
.type_head .content .desc h2 { font-size: 1.4rem; font-weight: 700; color: #222; line-height: 1.8rem; }
.type_head .content .desc h2 span { display:inline-block; border-bottom:5px solid #ffc600; line-height:0.7em; }
.type_head .content .desc .proc { margin: 5px 0 0; }
.type_head .content .desc .proc .row { display: flex; flex-wrap: wrap; border-bottom: 1px solid #dedede; padding: 10px 5px; }
.type_head .content .desc .proc .row:last-child { border: 0; padding-bottom: 0; }
.type_head .content .desc .proc .row h3 { width: 100%; margin: 4px 0 0; font-size: 1.0rem; color:#333; }
.type_head .content .desc .proc .row ul { width: 100%; }
.type_head .content .desc .proc .row ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 3px 0 3px 20px; line-height: 1.6rem; text-align: left; }
.type_head .content .desc .proc .row ul li::marker { font-size: 11px; /* 기호만 15px로 지정 */color: #1a7a6e; }

.type_head_single {width: 90%; margin: 60px auto; }
.type_head_single .content { display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 10px; box-shadow: 0 0 20px #e3e3e3; padding: 3%; width: 94%; }
.type_head_single .content .pic { border-radius: 10px; width: 100%; overflow:hidden; }
.type_head_single .content .pic img { width:100%; }
.type_head_single .content .desc { margin: 25px 3% 15px; width: 96%; }
.type_head_single .content .desc h2 { font-size: 1.4rem; font-weight: 700; color: #222; line-height: 1.8rem; }
.type_head_single .content .desc h2 span { display:inline-block; border-bottom:5px solid #ffc600; line-height:0.7em; }
.type_head_single .content .desc .proc { margin: 5px 0 0; }
.type_head_single .content .desc .proc .row { display: flex; flex-wrap: wrap; border-bottom: 1px solid #dedede; padding: 10px 5px; }
.type_head_single .content .desc .proc .row:last-child { border: 0; padding-bottom: 0; }
.type_head_single .content .desc .proc .row h3 { width: 100%; margin: 4px 0 0; font-size: 1.0rem; color:#333; }
.type_head_single .content .desc .proc .row ul { width: 100%;}
.type_head_single .content .desc .proc .row ul li { list-style-image: url(); list-style-type: disc; list-style-position: outside; margin: 3px 0 3px 20px; line-height: 1.6rem; text-align: left; }
.type_head_single .content .desc .proc .row ul li::marker { font-size: 11px; /* 기호만 15px로 지정 */color: #1a7a6e; }

/* 면허취득절차 6단계 */
.license-6step { display: flex; justify-content: space-between; flex-wrap: wrap; }
.license-6step .item { display: flex; width: 100%; margin: 15px 0; border-radius: 10px; background: #fff; box-shadow: 0 0 20px #e3e3e3; padding: 5% 7%; text-align: left; }
.license-6step .item:last-child { margin-bottom: 0; }
.license-6step .item .pic { order: 2; margin: 0; width: 10%; }
.license-6step .item:nth-child(1) .pic { background: url(../images/license-step_01.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-6step .item:nth-child(3) .pic { background: url(../images/license-step_02.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-6step .item:nth-child(5) .pic { background: url(../images/license-step_03.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-6step .item:nth-child(7) .pic { background: url(../images/license-step_04.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-6step .item:nth-child(9) .pic { background: url(../images/license-step_05.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-6step .item:nth-child(11) .pic { background: url(../images/license-step_06.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-6step .item article { width: 90%; }
.license-6step .item h3 { margin: 5px 0 0; font-size: 1.1rem; font-weight: 700; color: #222; line-height: 1.7rem; }
.license-6step .item span { display: inline-block; border-radius: 30px; background: #ccc; padding: 0 7px; font-size: 0.9rem; font-weight: 600; color: #fff; text-align: center; }
.license-6step .item p strong { color: #ef4f34; }
.license-6step .item i { display: inline-block; margin: 5px 0 0; font-size: 0.9rem; color: #1a7a6e; line-height: 1.4; }
.license-6step .arrow { width:100%; background-size:20px; transform: rotate(90deg); }
.license-6step .arrow::before{
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
background-image: url(../images/license_step_arr.png);
transform: rotate(90deg);
}

/* 면허취득절차 4단계 */
.license-4step { display: flex; justify-content: space-between; flex-wrap: wrap; }
.license-4step .item { display: flex; width: 100%; margin: 15px 0; border-radius: 10px; background: #fff; box-shadow: 0 0 20px #e3e3e3; padding: 5% 7%; text-align: left; }
.license-4step .item:last-child { margin-bottom: 0; }
.license-4step .item .pic { order: 2; margin: 0; width: 10%; }
.license-4step .item:nth-child(1) .pic { background: url(../images/license-step_01.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-4step .item:nth-child(3) .pic { background: url(../images/license-step_02.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-4step .item:nth-child(5) .pic { background: url(../images/license-step_03.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-4step .item:nth-child(7) .pic { background: url(../images/license-step_04.png) 100% 10% no-repeat; background-size:30px; height:auto; }
.license-4step .item article { width: 90%; }
.license-4step .item h3 { margin: 5px 0 0; font-size: 1.1rem; font-weight: 700; color: #222; line-height: 1.7rem; }
.license-4step .item span { display: inline-block; border-radius: 30px; background: #ccc; padding: 0 7px; font-size: 0.9rem; font-weight: 600; color: #fff; text-align: center; }
.license-4step .item p strong { color: #ef4f34; }
.license-4step .item i { display: inline-block; margin: 5px 0 0; font-size: 0.9rem; color: #1a7a6e; line-height: 1.4; }
.license-4step .arrow { width:100%; background-size:20px; transform: rotate(90deg); }
.license-4step .arrow::before{
content: "";
position: fixed;
top: 0;
left: 0;
z-index: -1;
background-image: url(../images/license_step_arr.png);
transform: rotate(90deg);
}

/* 대형면허 */
.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; }

/* 온라인 수강신청 */
.online_wrap {margin:40px auto; width:85%; }
.online_wrap .pic { display:block; }
.online_wrap .pic img { border-radius:15px; width:100%; }
.online_wrap .content { margin:40px 0 0; width:100%; }

}