@charset "utf-8";
/* CSS Document */
/*1번그린계열 #ff9620 2번 레드계열 #974f2f */
body{ background:#FFF;font-family: '나눔고딕', "Noto Sans CJK KR",'Malgun Gothic', sans-serif; margin:0 auto ; text-align:center;}
#hd_wrapper {padding:0px 0; height:70px; margin:0 auto;}
#hd, #wrapper, #ft {min-width: 1200px; text-align: left;}
#logo {padding:20px 0 0; text-align:center; float:none; }
#aside {float: left; width: 250px; padding: 0; background: none; height: 100%; border: 0px solid #adbfd2; margin: 20px 10px 20px 0px;}
.bghd{ background:#fff !important;}/*오렌지_fde2c7, 그린_E8FEC2 */
.tnb_line {background:rgba(255,255,255,0.5);}
.indbar{ background-color:#8bd234 !important;} /* middle bar, */
.indbar ul li:hover{background:#393 !important; color:#FFF;}
.indbar ul li a{ color:#053203 !important;}
.ind2bg {background-color:#EBE0CB !important;}
.bgco01{ background-color:#ff9620;}/* menubar, menusub,leftmenuhead, leftbar, lebanner_01, skin but_강조 */
.bgco02{ background-color:#db7e16;}/* subbar_foint, skin but, ft_tel, */
.bgco03{ background-color:#ff9620;} /* light color */
.bgcofo{ background-color:#F36 !important;} /* foint, skin but_over */
.bgcofo2{ background-color:#5058bd;} /* subject1 color */
.bgcofo3{ background-color:#A263BA;} /* subject2 color */
.aaa{ background:#ff9620;}<!-- blue-->
.bbb{ background:#8bd234;}<!--purple-->
/* 메인메뉴 */
#gnb{ background:#ff9620;} /*쌈빠버거색 da2228*/
#gnb #gnb_1dul {font-size:1.083em; padding:0; background:#ff9620; font-family:"Noto Sans CJK KR",'Noto Sans KR','나눔고딕','Malgun Gothic'; zoom:1; box-shadow:0 0;}
.gnb_1da { width:180px; text-align:center; font-size:18px; font-weight:400; /*background:url(../img/gnb_bg_01.png);*/ color:#ffffff;} /* 메뉴 1번 */
#gnb .gnb_1dli:hover{background:#db7e16;}
#gnb .gnb_1dli{padding:0 0; }
.gnb_2dul {min-width:180px;background:#db7e16;}/* submenu */
.gnb_2dli:first-child{border-top:1px solid #998b79}/* submenu border-top */
.gnb_2dli{border-top:1px solid #998b79;} /* submenu border-top */
.gnb_2da{ line-height:40px; color:#FFFFFF;} /* submenu border-top */
a.gnb_2da:hover{background:#ff9620;} /* submenu hover */
#gnb .gnb_menu_btn{background:#00081d;width:50px !important;height:50px;vertical-align:top;font-size:18px}/* 전체메뉴 icon */
.gnb_1dli:nth-child(2) { margin-left:50px;}
#gnb_all .gnb_al_li .gnb_al_a {background: #EBE0CB; color:#ff9620;}
#gnb_all .gnb_al_li li i {color: #ff9620;}
#gnb{ background:#ff9620;} /*전체색상적용 추가삽입*/
/* left */
#cssmenu ul li.title{ background:none; background-color:#ff9620; color: #fff; border-bottom: 1px solid #FFF;}
#cssmenu ul li a { color: #000; border: 1px solid #CDD3E9; border-top:0px; line-height:30px; }
#cssmenu ul li a:hover, #cssmenu ul li.active a { color:#F60; }
#cssmenu ul li.active a { background-color: #E8E3DF; color:#000000; font-weight:bold; border-bottom:solid 1px #ff9620; }/* 서브배경*/
#container_title{ font-size:36px; border-bottom:1px solid #666; height:50px; margin-bottom:50px; font-weight:400; }
/* sub bar _ subimg에서사용*/
#stitle{ background-color:#CCC; text-align:center; height:180px; border-bottom:1px solid #999; background-position:center center;}
#stitle .txt1{ margin:0; font-size:18px; font-family:"Noto Sans CJK KR"; color:#FFF; font-weight:200; padding-top:40px;}
#stitle .txt2{ margin:0; font-size:46px; font-family:"Noto Sans CJK KR"; color:#FFF; font-weight:400; padding-top:0px;}
.stitle01{background:url(../img/sub_top_bg01.jpg) repeat-x;}
.stitle02{background:url(../img/sub_top_bg02.jpg) repeat-x;}
.stitle03{background:url(../img/sub_top_bg03.jpg) repeat-x;}
.stitle04{background:url(../img/sub_top_bg05.jpg) repeat-x;}
.stitle05{background:url(../img/sub_top_bg04.jpg) repeat-x;}
.stitle06{background:url(../img/sub_top_bg04.jpg) repeat-x;}
.stitle07{background:url(../img/sub_top_bg06.jpg) repeat-x;}
/* sub bar */
#subTitleWrap {width:100%; padding:0px 0 10px 0; min-height:50px; border-bottom:solid 0px #CCCCCC; margin-bottom:0px;}
#subTitleWrap .subTitle {float:left; font-size:36px; font-family:'Noto Sans KR', sans-serif,'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum;}
#subTitleWrap .subMap {float:right;line-height:37px;height:37px; background:url(/images/fo/foint_1_.gif) 0 50% no-repeat; padding:0 10px 0 17px; margin-top:13px; color:#737373;}
#subTitleWrap .tweight { color:#000; font-weight:bold;}
/* sub start */
.substart{ margin:0 0 0 30px;}
#ft_cont{padding:10px 0; line-height:18px;}
#ft_cont span{ font-weight:bold; font-size:14px;}
#ft_tel{ background:#db7e16; color:#fff; font-family: "굴림", sans-serif; font-weight:bold; font-size:16px; line-height:30px; margin-bottom:5px;}
#ft_tel a{ color:#fff;}
/*admin*/
a.btn{ border-radius:0px;}
.btn{border-radius:0px;}
.btn_02,a.btn_02{ background:#F90;}
/* 현대영상 내용*/
.s2_box1{ margin:0 0 30px 20px;}
.s2_box1 li{ display:inline-block;}
.s2_box1_1{ width:200px; vertical-align:top;}
.s2_box1_2{ width:550px; line-height:25px; text-align:justify;}
.s2_box2{ width:750px; margin:0 0 30px 20px; text-align:justify; line-height:25px;}
/* 기본리스트_하단여백*/
.fotab1{clear:both; display:block;margin-bottom:14px;padding-left:18px; background:url(/images/fo/h2_04.gif) 0 50% no-repeat;font-size:1.2em;font-weight:bold;}
/* yutbl_1 */
.yutbl,.yutbl th,.yutbl td{ line-height:18px;}
.yutbl{width:100%; border-top:2px solid #ff9620; border-bottom:1px solid #ff9620; font-family:"Noto Sans KR", "나눔고딕"; font-size:14px; text-align:left;border-collapse:collapse} /**/
.yutbl .center{ text-align:center;}
.yutbl th{padding:7px 0 4px;border-right:1px solid #decda3;border-top:1px solid #decda3;border-left:1px solid #decda3;background-color:#fbf1d5;color:#000; text-align:center !important; line-height:24px;}
.yutbl td{padding:5px;border-top:1px solid #decda3;border-left:1px solid #decda3;border-right:1px solid #decda3;color:#4c4c4c; line-height:24px;}
.yutbl .thead{background-color:#DCF1F0;font-weight:bold; border-top:2px solid #000;}
.yutbl .tfoot{border-bottom:1px solid #000;}
/* yutbl_1c */
.yutblc,.yutblc th,.yutblc td{ line-height:18px; text-align:center;}
.yutblc{width:100%; border-top:2px solid #ff9620; border-bottom:1px solid #ff9620; font-family:"Noto Sans KR", "나눔고딕"; font-size:14px; text-align:left;border-collapse:collapse} /**/
.yutblc .left{ text-align:left;}
.yutblc th{padding:7px 0 4px;border-right:1px solid #decda3;border-top:1px solid #decda3;border-left:1px solid #decda3;background-color:#fbf1d5;color:#000; text-align:center !important; line-height:24px;}
.yutblc td{padding:5px;border-top:1px solid #decda3;border-left:1px solid #decda3;border-right:1px solid #decda3;color:#4c4c4c; line-height:24px;}
.yutblc .thead{background-color:#DCF1F0;font-weight:bold; border-top:2px solid #000;}
.yutblc .tfoot{border-bottom:1px solid #000;}
h12{font:bold 24px 'Nanum Gothic';color:#303A45;margin:0;padding:30px 0 10px;}
h13{clear:both; display:block;margin-bottom:14px;padding-left:18px; background:url(/img/fo/h2.gif) 0 50% no-repeat;font-size:1.2em;font-weight:bold;}
h14{clear:both; display:block;margin-left:10px;margin-bottom:10px;padding-left:8px; padding-top:4px; background:url(/img/fo/foint_6.gif) 0 50% no-repeat;font-size:1em;font-weight:bold;color:#09F}
h15{margin-bottom:12px;padding-left:11px;font-size:1em;font-weight:bold;color:#C60;}
h16{margin-bottom:12px;padding-left:11px;font-size:1em;font-weight:bold}
/* 후원신청*/
.butt01{ margin:40px auto; width:200px; font-size:18px;background:#0C96A9; text-align:center; border-bottom:3px solid #0A6D98; border-right:3px solid #0A6D98; padding:10px; }
.butt01 a{ color:#FFF; }
/* middle */
#midline { width:100%; min-width:1100px; height:10px; background-color:#E1FDFF;}
#imgs_b { width:100%; min-width:1100px; height:400px;position:relative; overflow:hidden;}/* min-width:1136px;*/
#imgs_b .txt { position:absolute; z-index:800; left:0;top:190px;}
#slist { margin-left:0px; margin-bottom:40px;}
#slist ul{ padding:0;}
#slist div{ line-height:20px;}
#slist img { margin-left:20px;}
#slist li.head{ margin-left:0; padding-left:20px;background:url(/img/fo/h2_03.gif) 0 0px no-repeat; font-weight:bold;}
#slist li.head1{ background:none; margin-left:0px; color:#7C4501;}
#slist li{margin-bottom:6px; margin-left:15px; padding-left:10px;background:url(/img/fo/f6_2.gif) 0 8px no-repeat; font-size:14px; line-height:20px; list-style-type:none;}
#slist li span{ color:#C90; padding-right:5px; }
#slist li.sub{ margin-bottom:6px; margin-left:12px;padding-left:8px; background:url(/images/fo/icon_li2.gif) 0 6px no-repeat;}
#slist li.none{ background:none;}
/* 기본리스트_하단여백없음*/
#slist2 { margin:0 0 50px 50px;}
#slist2 li{margin-bottom:8px;padding-left:7px;background:url(/img/fo/icon_li1.gif) 0 6px no-repeat;font-family: "굴림", "돋움"; list-style-type:none;}
#slist2 li span{ color:#C90; padding-right:5px;}
#slist3 { margin-left:20px; margin-bottom:40px; line-height:25px;}
#slist3 li{margin-bottom:6px;padding-left:7px;background:url(/img/fo/icon_li1.gif) 0 6px no-repeat; line-height:16px;font-family: "굴림", "돋움"; list-style-type:none;}
#slist3 li span{ color:#09C; padding-right:15px;font-weight:bold;}
#slist4 { margin-left:20px; margin-bottom:40px; line-height:25px;}
#slist4 li{margin-bottom:6px;padding-left:7px; line-height:16px;font-family: "굴림", "돋움"; list-style-type:none;}
#slist4 li span{ color:#09C; padding-right:15px;font-weight:bold;}
.txt1{font-size: 12px; line-height: 18px; color: #760E64;}
/* 운전학원특징 box */
#s1_1box{ padding:10px 0; margin-left:0px;}
#s1_1box li{font-size:1.75em; color:#Fff; padding:5px 0 5px 20px; margin-top:5px; font-weight:500; background-repeat:no-repeat;}
#s1_1box li.bg1{ background-image:url(../images/s1_1/bg_01.jpg); background-position:0px 0px; }
#s1_1box li.bg2{ background-image:url(../images/s1_1/bg_02.jpg); background-position:0px 0px; }
#s1_1box li.bg3{ background-image:url(../images/s1_1/bg_03.jpg); background-position:0px 0px; }
#s1_1box li.bg4{ background-image:url(../images/s1_1/bg_04.jpg); background-position:0px 0px; }
#s1_1box li.bg5{ background-image:url(../images/s1_1/bg_05.jpg); background-position:0px 0px; }
#s1_1box li.bg6{ background-image:url(../images/s1_1/bg_06.jpg); background-position:0px 0px; }
#s1_1box li.bg7{ background-image:url(../images/s1_1/bg_07.jpg); background-position:0px 0px; }
/* s1_1_cont End */
/* yu_게시판 상단제목*/
.toptxt_bo{ margin:60px 0 80px 20px;letter-spacing:-1px; font-family:'나눔고딕',NanumGothic,nanumgothicweb,'돋움',dotum; font-size:14px; line-height:20px; color:#666; font-weight:bold; letter-spacing:0.5px;}
#scont {position:relative;float:left;padding:0px 0px 50px 0px;width:100%;min-height:500px;height:auto !important;background:#fff;font-size:1em;zoom:1}
/* tab_m 탭4개일때 기본 */
.tab_m{position:relative;padding:20px 0;}
.tab_m ul{overflow:hidden;position:relative;}
.tab_m li{float:left;width:100%;}
.tab_m .t{position:absolute;left:0;top:0;display:block;width:24%;padding:0 1% 0 0;z-index:2;}
.tab_m .t a{background-color:#FFFFFF;border: 1px solid #E6E6E6;border-radius: 3px;color: #A2A2A2;display: block;font-family: 'Nanum Gothic';
font-size: 13px;font-weight: 700;line-height: 1.3;outline: medium none;padding:12px 0;width:100%;text-align:center;text-decoration: none;transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;}
.tab_m .ov .t a, #scont .tab_m .t a:hover, #scont .tab_m .t a:focus{background-color: #33B1DA;color: #FFFFFF;border-color: #33B1DA;}
.tab_m .m2 .t{left:25%;}
.tab_m .m3 .t{left:50%;}
.tab_m .m4 .t{left:75%;}
.tab_m .data{padding:75px 0 0;position:relative;overflow:hidden;}
/* tab_m 탭2개일때 */
.tab_m.num2 .t{width:49%;}
.tab_m.num2 .m2 .t{left:50%;}
/* tab_m 탭6개일때 */
.tab_m.num6 .t{width:16%;}
.tab_m.num6 .m2 .t{left:17%;}
.tab_m.num6 .m3 .t{left:34%;}
.tab_m.num6 .m4 .t{left:51%;}
.tab_m.num6 .m5 .t{left:68%;}
.tab_m.num6 .m6 .t{left:85%;padding:0;width:14%;}
/* tab_m 탭8개일때 */
.tab_m.num8 .t{width:12%;}
.tab_m.num8 .m2 .t{left:13%;}
.tab_m.num8 .m3 .t{left:26%;}
.tab_m.num8 .m4 .t{left:39%;}
.tab_m.num8 .m5 .t{left:52%;}
.tab_m.num8 .m6 .t{left:65%;}
.tab_m.num8 .m7 .t{left:78%;padding:0;width:11%}
.tab_m.num8 .m8 .t{left:90%;padding:0;width:9%;}
/*text*/
.htxt01 {font-family: "Noto Sans KR"; position: relative; margin: 20px 0 15px; font-size: 18pt !important; line-height: 1.6; color: #5058bd !important;}
.htxt01::before {display: inline-block; content: ""; width: 60px; height: 2px; background-color: #5058bd; color: #5058bd !important; position: absolute; top: -2px; left: 0;}
.htxt02 {font-family: "Noto Sans KR"; margin: 10px 0 5px; font-size: 14pt; line-height: 1.6; color: #A263BA;}
/* ---text sample------------------------------------------------- */
.txtbox1{ padding: 5px 7px 4px; font-size: 90%; color: #c7254e; background-color: #fff; border-radius: 4px; border: 1px solid #f1c5d1; border-bottom-width: 2px; box-shadow: inset 1px -1px 1px #f7f2f2, inset -1px 1px 1px #fffafa; }
.txtoverline {font-family:"Noto Sans KR"; position: relative; margin: 20px 0 15px; font-size: 18pt !important; line-height: 1.6; color: #000 !important;}
.txtoverline::before {display: inline-block; content: ""; width: 60px; height: 2px; background-color: #3CC; color: #5058bd !important; position: absolute; top: -2px; left: 0;}
.tx-link { color: #81a9db; border-bottom: 1px solid #81a9db;}
/*webfont*/
.noto{font-family:'Noto Sans KR';}
/* noto-sans-kr-regular - korean_latin */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src: url('../fonts/noto-sans-kr-v12-korean_latin-regular.eot'); /* IE9 Compat Modes */
src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
url('../fonts/noto-sans-kr-v12-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/noto-sans-kr-v12-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/noto-sans-kr-v12-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/noto-sans-kr-v12-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/noto-sans-kr-v12-korean_latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
.na_my{font-family:'Nanum Myeongjo', serif;}
/* nanum-myeongjo-regular - korean_latin */
@font-face {
font-family: 'Nanum Myeongjo';
font-style: normal;
font-weight: 400;
src: url('../fonts/nanum-myeongjo-v15-korean_latin-regular.eot'); /* IE9 Compat Modes */
src: local('NanumMyeongjo'),
url('../fonts/nanum-myeongjo-v15-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/nanum-myeongjo-v15-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/nanum-myeongjo-v15-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/nanum-myeongjo-v15-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/nanum-myeongjo-v15-korean_latin-regular.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}
.stylish{font-family:'Stylish', sans-serif;}
/* stylish-regular - korean_latin */
@font-face {
font-family: 'Stylish';
font-style: normal;
font-weight: 400;
src: url('../fonts/stylish-v8-korean_latin-regular.eot'); /* IE9 Compat Modes */
src: local('Stylish Regular'), local('Stylish-Regular'),
url('../fonts/stylish-v8-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/stylish-v8-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/stylish-v8-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/stylish-v8-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/stylish-v8-korean_latin-regular.svg#Stylish') format('svg'); /* Legacy iOS */
}
/* yujin old font */
.yujin1 {font-size: 12px; line-height: 35px; color: #000000;}
.yujin2 {font-size: 12px; line-height: 30px; color: #839744;}
.yujin3 {font-size: 12px; line-height: 30px; color: #339999; padding-left: 10px;}
.yujin4 {font-size: 12px; line-height: 18px; color: #666666; padding-left: 20px; padding-top:10px; padding-bottom:10px; padding-right:10px;}
.yujin5 {font-size: 12px; line-height: 18px; color: #FF0000;}
.yujin6 {font-size: 12px; line-height: 18px; color: #0099FF;}
.yujin7 {font-size: 12px; line-height: 18px; color: #b55a00;}
.yujin_w {font-size: 12px; line-height: 18px; color: #ffffff;}
/*yu_skin*/
#bo_v_info {border-bottom: 1px solid #ff9620;color: #666;}/*view_제목하단줄*/
a.btn_b02, .btn_b02 {background: #ff9620;}/*글쓰기버튼 bg*/
a.btn_b02:hover, .btn_b02:hover {background: #F36;}
a.btn_admin, .btn_admin {background: #db7e16;}/*기타red버튼*/
a.btn_admin:hover, .btn_admin:hover {background: #F36;}
a.btn_b01, .btn_b01 {background: #db7e16;}/* view 기타버튼*/
a.btn_b01:hover, .btn_b01:hover {background: #F36;}
.btn_submit {background: #ff9620;} /* write 작성완료*/
.btn_submit:hover {background: #F36;}
a.btn_cancel {background: #db7e16;} /* write 취소*/
a.btn_cancel:hover {background: #F36;}
/* swf사용버전적용 */
/*#container_wr { margin: 0 0;}내용 왼쪽정렬 */
#container { width: 750px;}
#container_wr, #ft_wr {width: 1020px;}