@charset "UTF-8";
/* mobile style */

/*css 메인, 교육원소개, 과정안내, 모바일학습안내, SNS 상담신청, 로그인*/


/*메인 배너*/
.main_banner img {max-height:340px; width:100%;}


/*수강신청 배너*/
.apply_banner_zone {width:100%; margin-top:-80px; margin-left:auto; margin-right:auto; text-align:center;}
.apply_banner a {display:block; text-decoration:none; color:#000;}
.banner {top:300px; width:85%; height:148px; background-color:#fff; border-radius:20px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.10), 0 3px 6px rgba(0, 0, 0, 0.23); letter-spacing:-1.3px; text-align:center; max-width:800px; margin-left:auto; margin-right:auto;}

.banner h2 {font-family:'NanumSquare'; font-size:15px; border-radius:30px; background-color:#224e9e; display:inline-block; padding:4px 25px; color:#fff; margin-top:14px;}

.banner:nth-child(2) {margin-top:-228px;}

.social_apply_title {font-family:'NanumSquare'; font-size:26px; font-weight:800; margin:8px 0px; letter-spacing:-2px; line-height:35px;}
.apply_title {font-family:'NanumSquare'; font-size:33px; font-weight:800; margin:8px 0px; line-height:35px;}

.banner h3 {font-family:'NanumSquare'; font-size:16px; font-weight:600; color:#ee0a0a;}
.banner h4 {font-family:'NanumSquare'; font-size:13px; line-height:20px;}

.social {font-family:'NanumSquare'; font-size:25px; font-weight:800; margin:8px 0px;}


/*과정소개 6개*/
/*.subject {width:100%; margin-top:10px; text-align:center;}
.subject ul li {float:left; color:#464646; width:33%; min-height:75px; border-top:1px solid #f0eef0;}
.subject ul li a {display:block;}
.subject ul li img {width:32%; max-width:40px; margin-top:12px;}
.subject ul li p {font-family:'NanumSquare'; color:#464646; font-size:14px; font-weight:600; line-height:30px;}

.subject ul li:nth-child(1) {border-right:1px solid #f0eef0;}
.subject ul li:nth-child(2) {border-right:1px solid #f0eef0;}
.subject ul li:nth-child(3) {width:33.3%;}
.subject ul li:nth-child(4) {border-bottom:1px solid #f0eef0; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(5) {border-bottom:1px solid #f0eef0; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(6) {width:33.3%; border-bottom:1px solid #f0eef0;}*/

/*과정소개 7개*/
.subject {width:100%; margin-top:10px; text-align:center;}
.subject ul li {float:left; color:#464646; min-height:75px; border-top:1px solid #f0eef0;}
.subject ul li a {display:block;}
.subject ul li img {width:32%; max-width:40px; margin-top:12px;}
.subject ul li p {font-family:'NanumSquare'; color:#464646; font-size:14px; font-weight:600; line-height:30px;}

.subject ul li:nth-child(1) {width:25%; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(2) {width:25%; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(3) {width:25%; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(4) {width:24%;}
.subject ul li:nth-child(5) {width:25%; border-bottom:1px solid #f0eef0; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(6) {width:25%; border-bottom:1px solid #f0eef0; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(7) {width:25%; border-bottom:1px solid #f0eef0; border-right:1px solid #f0eef0;}
.subject ul li:nth-child(8) {width:24%; border-bottom:1px solid #f0eef0;}



/*학점은행제, 교육원소개 메뉴*/
.menu01 {width:100%; text-align:center; border-top:1px solid #dbdbdb;}
.menu01 ul li {float:left; width:49.8%; background-color:#f9ebeb; color:#464646; font-size:16px; font-family:'NanumSquare'; min-height:45px; border-bottom:1px solid #dbdbdb; }
.menu01 ul li a {display:block; color:#c61919; font-weight:700;}
.menu01 ul li img {width:15%; max-width:30px; margin-top:6px; margin-right:8px;}
.menu01 ul li span {display:inline-block; line-height:45px;}

.menu01 ul li:nth-child(1) {border-right:1px solid #dbdbdb;}

.menu01 ul:nth-child(2) li {background:#f4f4fb; border-bottom:none;}
.menu01 ul:nth-child(2) li a {display:block; color:#464646; font-weight:600; border-bottom:none;}



/* 공지사항 */
.notice {width:96%;}
.notice .title {margin-top:270px; margin-left:16px; border-bottom:2px solid #cccccd;}
.notice .title img {width:9%; max-width:30px; margin-top:5px; margin-left:12px;}
.notice .title span {font-family:'NanumSquare'; color:#224e9e; font-size:16px; font-weight:600; line-height:35px; margin-left:7px;}
.notice .title a {font-family:'NanumSquare'; font-size:15px; font-weight:600; color:#333333; float:right; margin-right:16px; line-height:35px; display:inline;}

.notice .list ul li {width:96%; margin-left:16px; border-bottom:1px solid #cccccd;}
.notice .list p {font-family:'NanumSquare'; font-size:15px; font-weight:600; color:#333333; margin:15px 0px 0px 15px; line-height:15px;}
.notice .list span {font-family:'NanumSquare'; font-size:13px; color:#9d9d9d; margin:0px 0px 0px 15px; line-height:32px;}
.notice .list a {display:block;}
.notice .list img {float:right; margin:-10px 15px 0px 0px;}



/*footer*/
footer {left:16px; margin-left:16px; margin-bottom:80px;}
footer a, p {font-size:14px; font-family:'NanumSquare'; letter-spacing:-1.3px; color:#505050;}
footer a {font-weight:600; width:100px; display:inline-block; margin-top:20px; line-height:25px;}
footer a:nth-child(1) {width:60px;}
footer a:nth-child(2) {width:100px; margin-left:13px;}
.pc {display:block; border:1px solid #224e9e; color:#224e9e; font-size:20px; width:95%; height:38px; text-align:center; line-height:38px; margin-bottom:20px;}



/* 메인_모바일 학습 안내 페이지 */
.mobile_guide {text-align:center; margin:auto; width:95%; margin-top:20px;} 
.tab_con {width:100%; height:40px;}

.tab_con ul li {float:left; width:32%;}

.tab_con li:nth-child(2) {margin-left:5px;}
.tab_con li:nth-child(3) {margin-left:5px;}

.tab a {text-decoration:none; height:40px; line-height:40px; color:#1f4b8b; display:block; font-size:16px; font-weight:600; font-family:'NanumSquare'; background-color:#c3e5ff;}

.tab_on a {text-decoration:none; height:40px; line-height:40px; color:#fff; display:block; font-size:16px; font-weight:600; font-family:'NanumSquare'; background-color:#1f4b8b;}

.slide_img li img {margin:0; padding:0; border:1px solid #f2f2f2; margin-top:10px; margin-left:3px;}
.slide {margin-bottom:100px; width:96%; text-align:center; margin:auto;}
.guide_title {font-weight:600; font-family:'NanumSquare'; font-size:20px; color:#000; margin-top:20px;}



/*로그인*/
#login {margin-top:15%; margin-bottom:18%;}
.logo_blue {width:100%; text-align:center; }
#login img {width:35%; margin-bottom:10%;}

#login form .id_sec .id_01 {font-family:"NanumGothic"; text-align:left; border:none; color:#2b5ba1; font-size:95%; background-color:#dce5f3; height:28px; width:250px; padding:5px 20px; text-align:left; text-shadow:none; font-weight:600; border-radius:8px; letter-spacing:-1.3px;}

#login form .pw_sec {margin:10px 0px;}
#login form .pw_sec .pw_01 {font-family:"NanumGothic"; text-align:left; border:none; color:#2b5ba1; font-size:95%; background-color:#dce5f3; height:28px; width:250px; padding:5px 20px; text-align:left; text-shadow:none; font-weight:600; border-radius:8px; letter-spacing:-1.3px;}

#login form .log_btn_sec1 {font-family:"NanumSquare"; font-weight:600; margin:13px 0px;}
#login form .log_btn_sec1 a {text-decoration:none; display:inline-block; background-color:#2b5ba1; color:#fff; width:290px; padding:15px 0px; font-size:100%; text-align:center;}

#login form .log_btn_sec2 {font-family:"NanumSquare"; font-weight:600;}
#login form .log_btn_sec2 a {text-decoration:none; display:inline-block; border:1px solid #2b5ba1; color:#2b5ba1; width:290px; padding:10px 0px; font-size:100%; text-align:center;}

.find {margin-top:4%; }
.find a {font-family:"NanumSquare"; font-weight:600; font-size:95%; color:#000; font-size:14px;}
.find a:nth-child(1) {margin-right:10px;}
.find a:nth-child(2) {margin-left:10px;}


/*SNS 상담신청*/
input, button {border-radius:0; -webkit-appearance:none;}

#consult {margin:0px 16px;}

.p_name {font-family:"NanumSquare"; font-size:17px; font-weight:700; line-height:35px; color:#000; margin-top:20px;}
.style_input01 {height:40px; border:1px solid #bdbdbd; width:100%; font-family:"NanumSquare"; font-size:17px; font-weight:600; text-indent:10px;}
.style_input02 {height:40px; border:1px solid #bdbdbd; width:100%; font-family:"NanumSquare"; font-size:17px; font-weight:600; color:#000; background:url('../img/common/select_pointer.png') no-repeat 95% 50%; background-size: 20px; border-radius:1px; -webkit-appearance:none; -moz-appearance:none; appearance:none; text-indent:10px;}

.style_inputshort {height:39px; border-radius:1px; border:1px solid #bdbdbd; width:30%; font-family:"NanumGothic"; font-size:17px; font-weight:600; margin-left:3px; text-indent:10px;}
.style_inputshort:nth-child(1) {margin-left:0px; width:35%;}

.memo {margin-top:10px; color:#505050; font-size:14px; letter-spacing:-1px;}

.h_type_sel {width:25%; padding:9px 10px; border:1px solid #bdbdbd; color:#000; background:url('../img/common/select_pointer.png') no-repeat 95% 50%; background-size: 20px; border-radius:1px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display:none;}

.consult_btn {text-align:center; width:100%; margin:auto; margin-top:20px; margin-bottom:100px;}
.consult_btn a {font-family:"NanumSquare"; display:block; width:100%; color:#fff; font-weight:600; background:#2b5ba1; padding:10px 0px;}



/*메인_이용약관, 개인정보관리*/
.info_group {margin-left:16px; margin-right:16px; margin-bottom:15px;}
.info_group:first-child {margin-top:15px;}
.info_title {color:#000; font-size:18px; font-weight:700; line-height:30px;}
.info_title2 {color:#000; font-size:14px; font-weight:600; line-height:20px;}
.info_con {line-height:22px; font-size:14px; color:#505050; letter-spacing:-1.1px; }
.info_con0 {line-height:22px; font-size:14px; color:#505050; letter-spacing:-1.1px; font-weight:700;}



/*교육원 소개_원장인사말*/
#background {font-family:'NanumSquare'; background-image:url('../img/intro/common/bg00.png'); background-position:100% 0%; background-size: 140px; background-repeat:no-repeat; width:98%;}
#background .title {font-family:'NanumSquare'; padding-top:70px; margin-left:16px;}
#background .title img {width:7px; height:50px;}
#background .title ul {margin-top:-49px; margin-left:13px;}
#background .title ul li {font-family:'NanumSquare';}
#background .greeting_title1 {font-size:13px; letter-spacing:-1.2px; line-height:20px;}
#background .greeting_title2 {font-size:24px; letter-spacing:-1.5px; font-weight:800; color:#224e9e;}

.greeting .introduce {margin-top:5px; margin-left:10px; font-size:13px; line-height:18px;}

.contentss {margin-left:25px; margin-right:16px;}
.typee01 {font-size:16px; line-height:20px; color:#4969a3; font-weight:600; margin-top:15px;}
.typee02 {font-size:14px; line-height:20px; margin-top:10px;}

.sign {text-align:right; margin:30px 20px 100px 0px;}
.sign p {font-weight:600; font-size:16px; color:#000;}


/*교육원 nav - headline3*/
.headline3 {width:100%; height:40px; border-bottom:1px solid #f0eef0;}
.headline3 li {float:left; list-style:none; width:20%;}
.headline3 li a {display:block; font-family:'NanumSquare'; font-size:16px; font-weight:600; text-align:center; line-height:40px; letter-spacing:-1px; color:#14449a;}
.on {border-bottom:3px solid #0f3f98; height:38px; background:#f7f8fe;}


/* 교육원 소개_회사 소개 */
#company {margin:0; padding:0; outline:none;}

.info1 {width:100%; text-align:center; display:inline;}
.info1 ul li:first-child {width:23%; min-height:78px; margin-right:1.5%; margin-left:1.5%;}
.info1 ul li:first-child a {font:600 17px 'NanumSquare'; display:block; line-height:78px; color:#14449a; background:#dee9fb;}
.info1 ul li:first-child a:hover {color:#fff; background:#14449a;}

.info1 {width:100%; text-align:center;}
.info1 ul li {float:left; color:#464646; width:23%; min-height:35px; margin-right:1.5%; margin-bottom:8px;}
.info1 ul li a {font:600 17px 'NanumSquare'; display:block; line-height:35px; color:#14449a; background:#dee9fb;}
.info1 ul li a:hover {color:#fff; background:#14449a;}


/*.info1 ul li:nth-child(1) {border-right:1px solid #c2d3ef; border-bottom:1px solid #c2d3ef; border-top:none;}
.info1 ul li:nth-child(2) {border-right:1px solid #c2d3ef; border-top:none;}
.info1 ul li:nth-child(3) {border-right:1px solid #c2d3ef; border-top:none;}
.info1 ul li:nth-child(4) {border-top:none;}
.info1 ul li:nth-child(5) {border-bottom:1px solid #c2d3ef; border-right:1px solid #c2d3ef;}
.info1 ul li:nth-child(6) {border-bottom:1px solid #c2d3ef; border-right:1px solid #c2d3ef;}
.info1 ul li:nth-child(7) {border-bottom:1px solid #c2d3ef;}


.info0 {width:100%; text-align:center;}
.info0 ul li {width:100%; min-height:35px;}
.info0 ul li a {font:600 17px 'NanumSquare'; display:block; line-height:35px; color:#14449a; background:#dee9fb;}
.info0 ul li a:hover {color:#fff; background:#14449a;}

.info {width:100%; text-align:center;}
.info ul li {float:left; color:#464646; width:33%; min-height:35px; border-top:1px solid #c2d3ef;}
.info ul li a {font:600 17px 'NanumSquare'; display:block; line-height:35px; color:#14449a; background:#dee9fb;}
.info ul li a:hover {color:#fff; background:#14449a;}

.info ul li:nth-child(1) {border-right:1px solid #c2d3ef;}
.info ul li:nth-child(2) {border-right:1px solid #c2d3ef;}
.info ul li:nth-child(3) {width:33.4%;}
.info ul li:nth-child(4) {border-bottom:1px solid #c2d3ef; border-right:1px solid #c2d3ef;}
.info ul li:nth-child(5) {border-bottom:1px solid #c2d3ef; border-right:1px solid #c2d3ef;}
.info ul li:nth-child(6) {width:33.4%; border-bottom:1px solid #c2d3ef;}*/


.gallery .small ul li {float:left; }

#company .title {margin:15px 0px;}
#company .title h1 {font:800 25px 'NanumSquare'; color:#192f47; margin:18px 8px 0px 22px; display:inline-block;}
#company .title h1 img {width:9px; marign-top:}
#company .title span {font:600 16px 'NanumSquare'; color:#192f47; letter-spacing:-2px;}
#company .title p {font:500 15px 'NanumSquare'; color:#192f47; letter-spacing:-2px; margin:10px 0px 10px 30px;}

#company .big {width:100%; margin:auto; text-align:center;}
#big_img {width:100%; margin:auto; text-align:center;}
.pre_nex {position:relative; margin-left:-55px;}
.pre_nex a .pre {position:absolute; width:50px; float:left; margin-top:auto; margin-left:50px;}
.pre_nex a .nex {position:absolute; width:50px; float:right; margin-top:auto;}
.pre_nex img {width:40px; margin-left:50px; margin-top:-50px;}

#company .small {width:90%; margin:auto; text-align:center;}
#company .gallery .small ul {width:100%;}
#company .gallery .small ul li {width:100px; margin-left:10px; margin-top:10px;}

#company .gallery .small ul li a {display:block; position:relative; overflow:hidden;}
#company .gallery .small ul li a .bg {width:100px; height:71.1px; position:absolute; background-color:rgba(117,0,0,0); left:0; top:0; transition:all 0.5s;}
#company .gallery .small ul li a:hover .bg {background-color:rgba(0,0,0,0.5);}


#company .gallery .small ul li:nth-child(1) {margin-left:10px;}
 
#company .rental {width:90%; margin:auto; margin-bottom:100px;}
#company .rental img {margin:30px 0px 0px 0px; width:100%;}


/*교육원 소개_연혁*/
.history_con {margin-left:18px; margin-right:16px; margin-top:15px;}
.history_con h1 {font-family:'NanumSquare'; color:#314674; font-weight:800; font-size:23px; border-bottom:3px solid #dce1ee; line-height:38px; padding-left:7px; margin-bottom:10px; letter-spacing:-1.2px;}
.fontsmall {font-size:18px; margin-left:2px;}

.history_con td {font-family:'NanumSquare'; font-size:15px; color:#686868; font-weight:500; letter-spacing:-1.3px; padding:2px 0px;}

.history_con:last-child {margin-bottom:100px;}

.month {font-family:'NanumSquare'; font-weight:600; padding:2px 7px; color:#000; vertical-align:top; text-align:right; font-size:16px;}
.highlight {color:#224e9e; font-weight:600;}

.more {text-align:center; margin:auto; width:85%;}
/*more_button {font-family:'NanumSquare'; display:block; border:1px solid #224e9e; color:#224e9e; font-size:20px; width:100%; height:38px; text-align:center; line-height:38px; margin:25px 0px; font-weight:600;}*/
.more_button {font-family:'NanumSquare'; display:block; border:1px solid #224e9e; color:#224e9e; font-size:20px; width:100%; height:38px; text-align:center; line-height:38px; margin-top:30px; margin-bottom:100px; font-weight:600;}



/*교육원 소개_교수진 소개*/
.professor {font-family:'NanumSquare';}
.content01 {width:100%; height:190px;}


.professor_title {font-family:'NanumSquare'; border-bottom:1px solid #f0eef0; height:40px; font-size:17px; font-weight:600; line-height:40px; color:#555450;  letter-spacing:-1.3px;}
.professor_title img {margin:7px 8px 0px 16px;}

.professor00:last-child {margin-bottom:150px;}

.professor01 {background-color:#fef8f8; }
.professor_list {float:left; text-align:center; margin-top:13px; margin-left:16px;}
.professor_list:last-child {margin-right:16px;}
.professor_list a {display:block; text-align:center; font-family:'NanumSquare';}

.professor01 .prof_name {color:#c45e5e; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}
.subject_name {color:#686565; font-size:12px; line-height:15px; width:70px; padding:0px 10px; letter-spacing:-1.3px; height:50px;}

.professor02 {background-color:#fffaed;}
.professor02 .prof_name {color:#6f6047; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}

.professor03 {background-color:#faffe9;}
.professor03 .prof_name {color:#616e38; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}

.professor04 {background-color:#f3fdff;}
.professor04 .prof_name {color:#384a87; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}

.professor05 {background-color:#f4f2f9;}
.professor05 .prof_name {color:#554973; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}

.professor06 {background-color:#fffaf7;}
.professor06 .prof_name {color:#715946; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}

.professor07 {background-color:#f7f8f8;}
.professor07 .prof_name {color:#6f7777; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}

.professor08 {background-color:#fef2ed;}
.professor08 .prof_name {color:#f99334; font-size:17px; font-weight:600; margin-top:10px; line-height:25px;}



/*교육원 소개_찾아오시는 길*/
.map {width:90%; margin:auto; text-align:center; margin-top:15px;}
.map_con {width:100%; height:350px;}
.map_text {text-align:left; margin-top:20px;}
.map_text:last-child {margin-bottom:100px;}
.map_title  {font-size:13px; letter-spacing:-1.3px; color:#000;}
.map_title span {display:inline-block; width:75px; background:#15449a; padding:3px 0px; text-align:center; color:#fff; font-size:12.5px; font-weight:600; border-radius:30px; margin:3px 3px; letter-spacing:-1.3px;}

.map_title2 {color:#15449a; font-weight:700; font-size:16px; line-height:35px; background:#dee9fb; width:160px; text-align:center; border-radius:30px;}
.map_title2 img {max-width:35px; margin:5px 0px 0px 0px;}
.map_title2:nth-child(1) {margin-top:15px;}
.map_title2:nth-child(3) {margin-top:15px;}

.map_height {margin:8px 0px 5px 16px; font-size:14px; }



/*과목소개_사회복지사*/
.social a:last-child {margin-bottom:100px;}