@charset "utf-8";

/* sub_visual */
.sub_visual {overflow:hidden; position:relative; width:100%; height:140px; margin-bottom:20px; z-index:0}
/*.sub_visual .bg_dot {position:absolute; top:0; left:0; width:100%; height:100%; background:url('/groups/www/images/comm/bg_dot.png')}*/
.sub_visual .inner {position:relative; width: 980px; margin: 0 auto;}
.sub_visual h2 {padding:30px 0 10px 0; color:#fff; font-size:3em; line-height:1.2; font-family:'NanumMyeongjoBold'; text-shadow:0 0 3px rgba(0,0,0,.5)}
.sub_visual p {color:#fff; font-size:1em; letter-spacing:-0.1px}
.sub_visual.sub_01 {background:url('/groups/cec/images/sub/bg_sub_visual0321.png') no-repeat center 0;}
.sub_visual.sub_02 {background:url('/groups/cec/images/sub/bg_sub_visual0321.png') no-repeat center 0;}
.sub_visual.sub_03 {background:url('/groups/cec/images/sub/bg_sub_visual0321.png') no-repeat center 0;}
.sub_visual.sub_04 {background:url('/groups/cec/images/sub/bg_sub_visual0321.png') no-repeat center 0;}
/*.sub_visual.sub_05 {background:url('/groups/ece/images/sub/sub_visual_05.jpg') no-repeat 50% 0; background-size:cover}
.sub_visual.sub_06 {background:url('/groups/ece/images/sub/sub_visual_06.jpg') no-repeat 50% 0; background-size:cover}*/
/*.sub_visual.sub_07 {background:url('/groups/www/images/img_sub_07.jpg') no-repeat 50% 0; background-size:cover}*/
/*.sub_visual.sub_01, .sub_visual.sub_02, .sub_visual.sub_03, .sub_visual.sub_04, .sub_visual.sub_05, .sub_visual.sub_06, .sub_visual.sub_07
 {-webkit-animation:animate_background 20s linear; -moz-animation:animate_background 20s linear; -o-animation:animate_background 20s linear; animation:animate_background 20s linear}*/
/*@keyframes animate_background {
	0% {background-position:50% 0}
	50% {background-position:50% 100%}
	100% {background-position:50% 0.1%}
}*/
/*@media all and (max-width:1007px) {
	.sub_visual {height:100px}
	.sub_visual h2 {padding:20px 0 0 20px; font-size:2.2em}
	.sub_visual p {display:none}
}*/

/* snb */
.snb {float:left; width:21%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
.snb_menu {margin-bottom:30px}
.snb_menu h2 {position:relative; padding:25px 0; color:#fff; text-shadow:0 0 5px #000; font-size:2.2em; letter-spacing:-1px; line-height:32px; text-align:center; background:#0c7041 url('/groups/www/images/comm/snb_h2_bg01.jpg') no-repeat}
.snb_2th {margin:10px 0 0 0}
.snb_2th > li {border-bottom:1px solid #dbdbdb}
.snb_2th > li > a {display:block; position:relative; padding:12px 10px 12px 20px; color:#555; font-size:1.2em; line-height:1; font-weight:600}
.snb_2th > li > a.on {color:#0c7041}
.snb_2th > li > a.on .blank {background:url('/groups/common/images/ico_blank_wh.png') no-repeat}
.snb_2th > li > a.on .snavi .blank {background:url('/groups/common/images/ico_blank.png') no-repeat}
.snb_2th .more {display:block; position:absolute; top:50%; right:15px; width:18px; height:18px; margin-top:-10px; border-color:#e4e4e4; transition:all .4s}
.snb_2th .more em {position:absolute; background-color:#d4d4d4; transition:all .4s}
.snb_2th .more .minus {top:50%; left:50%; width:2px; height:14px; margin:-7px 0 0 -1px}
.snb_2th .more .plus {top:50%; left:50%; width:14px; height:2px; margin:-1px 0 0 -7px}
.snb_2th .on .more {border-color:#fff}
.snb_2th .on .more em.minus {background-color:#0c7041; transform:translateY(0) rotate(-450deg)}
.snb_2th .on .more em.plus {opacity:0}
.snavi {display:none; margin:0; padding:10px 10px 10px 20px; background:#ededed}
.snavi li {margin:0; border:none}
.snavi li a {display:block; padding:4px 0; color:#565656; font-size:1.2em; line-height:1.2; letter-spacing:-0.5px}
.snavi li a.on {color:#0c7041; font-weight:600}
.dialog {background:url('/groups/www/images/comm/icon_dialog.gif') no-repeat 5px 50%; padding:10px 5px 10px 55px; border:1px solid #E0E0E0; border-radius:5px}
.dialog a {display:block; text-decoration:none}
.dialog strong {display:block; font-size:14px; color:#3e2a18; font-family:"NanumGothic"}
.dialog p {margin:3px 0 0 0; font-size:12px; color:#777}
/*@media all and (max-width:1007px) {
	.snb {display:none}	
}
*/
.ban{margin:50px 0}
.ban li{ margin-left:10px}
.ban .img_tel{margin-top:20px}

.contents {float:right; width:75%; padding:0 10px 0 10px; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
/*@media all and (max-width:1007px) {
	.contents {float:none; width:100%}
}
*/
#content {min-height:560px}
.sub-head {position:relative; padding:10px 0 20px 0; border-bottom:1px solid #ccc; margin-bottom:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
.sub-head h3#page-title {font-size:2.2em; color:#333; letter-spacing:-1px}
#location {position:absolute; top:20px; right:0}
#location a {display:inline-block; font-size:1.1em; color:#666; vertical-align:middle; letter-spacing:-0.5px}
#location a.home {overflow:hidden; width:16px; height:16px; text-indent:-9999px; background:url('/groups/www/images/comm/ico_www.png') no-repeat}
#location a.bar {padding-left:12px; background:url('/groups/www/images/comm/arrow.gif') no-repeat 0 2px}
#location a.print {overflow:hidden; width:34px; height:34px; border-radius:50%; text-indent:-9999px; margin-left:10px; background:#d5d5d5 url('/groups/www/images/comm/ico_print.png') no-repeat 50% 50%}
/*@media all and (max-width:1007px) {
	#location {position:absolute; top:-60px; left:10px}
	#location a {color:#fff}
	#location a.home {background:url('/groups/www/images/comm/ico_www_wh.png') no-repeat}
	#location a.print {display:none}	
}
@media all and (max-width:480px) {
	.sub-head {padding:0 0 10px 0}
	.sub-head h3#page-title {font-size:2em}
}
*/
/* resarch area */
.research_box {clear:both; margin-top:100px; padding:2px; border:solid 1px #C8C8C8}
.research_box::after {display:block; clear:both; content:''}
.charge {background:#EDEDED} 
.charge::after {display:block; clear:both; content:''}
.charge ul {overflow:hidden; padding:20px}
.charge ul li {float:left; margin-right:10px; font-size:1.1em; color:#666}
.charge ul li .date {color:#666}
.charge ul li.ic4 {float:right}
/*@media all and (max-width:640px) {
	.charge ul li.ic4 {margin-top:5px}
}
@media all and (max-width:480px) {
	.charge ul li.ic4, .charge ul li.ic3 {margin-top:5px}
}
*/

.location{float:right;font-size:11px;padding-left:13px;background: url('/groups/cec/images/sub/bg_lochome.png') no-repeat left 50%}
#content{ margin-top:30px}
.h3_tit{padding:0 0 10px 22px;color:#3D3D3D;font-size:22px;line-height:1.5;font-weight:bold;letter-spacing:-1px; background: url('/groups/cec/images/sub/bul_h3.gif') no-repeat left 10px}
.h4_tit{padding:0 0 0 18px; margin:15px 0 10px 0;color:#3D3D3D;font-size:15px;letter-spacing:-1px;background: url('/groups/cec/images/sub/bul_h4.gif') no-repeat left 6px}
.h5_tit{padding:0 0 0 18px; margin:10px 0 10px 0;color:#A85A1C;font-size:14px;background: url('/groups/cec/images/sub/bul_h5.jpg') no-repeat left 5px}
.titpoint{color:#A86012;font-size:16px; font-weight:bold}
p{text-align:justify; line-height:1.6;padding-bottom: 0.5em}

/* ceo */
.ceo {overflow:hidden;position: relative;width: 100%}
.ceo .photo{float: left; margin-right:20px}
/*.ceo p{float:right;}*/
.ceo p strong{color:#27860F;font-size:16px; font-weight:bold}
.ceo .sign{padding-top:20px; text-align:right}

/* intro */
.intro p {font-size: 14px; line-height: 1.8; margin-bottom: 20px;}

/* history */
.history{ min-height:670px; padding-left: 250px;background:url('/groups/cec/images/sub/bg_history.jpg') no-repeat}
.history_li{border-bottom:1px solid #c0c3ca}
.history_li li{padding:14px 0 12px;border-bottom:1px solid #ecedef}
.history_li li.last-child{border:0}
.history_li .year{display:inline-block;*display:inline;zoom:1;padding-top:2px;width:60px;color: #3C3C3C;font-family:Tahoma;font-size:14px;font-weight:bold;text-align:center;vertical-align:top}
.history_li_detail{display:inline-block;}
.history_li_detail li{padding:0;border:0;color:#666f84;line-height:1.6}
.history_li_detail li span{padding-right:6px;color: #7F8186;font-family:Tahoma;font-size:14px;font-weight:bold}

/* 규정 */
.rule_bg {background:url('/groups/cec/images/sub/rule_bg.jpg') no-repeat; width:725px; height:100%; padding-left: 28px;}
.rule {width:690px}
.rule h4 {color:#1C7020;font-size:16px;margin-top:20px}
.rule h5 {color:#191919;font-size:14px}
.rule p { color:#747373; text-align:justify;padding-bottom: 0.5em}
.rule ul{;padding-bottom: 0.5em}
.rule li { text-indent:-16px; margin-left:16px; color:#747373; font-size:13px}
.rule li ul li { text-indent:-20px; margin-left:20px}

/* 위치정보 */ 
.map_area{position:relative;margin-top:50px;width: 100%;border:1px solid #e3e3e3}
.map_area .print{overflow:hidden;padding: 15px 15px 10px 15px;background: url('/groups/cec/images/sub/bg_guide_area.gif') repeat scroll 0 0 transparent}
.map_area .print p{float: left; font-size:14px;font-weight: bold}
.map_area .btn_print{ position:absolute; top:20px; right:20px}
.map{width:100%;background: #E6E7E9}
/* 네이버 버스정보 */ 
.around_bus_table{overflow:hidden;width:100%; margin-top:20px;border-top:2px solid #d0d0d1;border-bottom:1px solid #d0d0d1;line-height:18px}
.around_bus_table th{padding:0;border:1px solid #f5f5f5;border-left:0;color:#333;text-align:left}
.around_bus_table th .abt_th{padding:11px 15px 11px 28px;background:url('/groups/cec/images/sub/pin_bus.png') no-repeat 3px 50%}
.around_bus_table td{padding:7px 15px;border:1px solid #EDEDED;border-right:0;color:#333}
.bus_lst > li{float:left;padding:3px 10px}
.bus_lst dl{overflow:hidden;zoom:1}
.bus_lst dt{float:left;margin-right:5px}
.bus_lst dd{float:left}
/* Sprite Bus Icons */
.spbi{margin-top: 2px;display:inline-block;overflow:hidden;background:url('/groups/cec/images/sub/sp_bus_icons.png') no-repeat;line-height:999px;vertical-align:top}
.spbi_d11{width:24px;height:14px;background-position:-202px 0}
.spbi_d12{width:24px;height:14px;background-position:-231px 0}
.spbi_d15{width:24px;height:14px;background-position:-144px 0}

/* 강좌안내 */ 
.cec/images_list_top{height:120px;background:url('/groups/cec/images/sub/bg_list_top.gif') no-repeat}
.cec/images_list_top2{height:120px;background:url('/groups/cec/images/sub/bg_list_top2.gif') no-repeat}
.cec/images_list {overflow: hidden;padding-bottom:50px;background:url('/groups/cec/images/sub/bg_list_bottom.gif') repeat-y 0 bottom }
.cec/images_list h4{ margin:0 0 10px 20px}
.cec/images_list h5{ margin:0 0 10px 20px}
.cec/images_list .table2{clear: both; width:700px; margin:0 auto; table-layout:fixed;margin-bottom: 20px; border-top: 2px solid #868585}
.cec/images_list .file_down{ text-align:center}
.w100{clear:both; width: 100%;padding:0 25px}
.w100 .photo {float:left;margin-right:20px}
.w100 .cont_area {float:left; width:560px}
.w100 .cont_area .table2{width:560px}

.search{width:100%;margin-bottom:10px;padding:10px 0;border: 1px #D6D6D6 solid;background: #F1F1F1}
.search legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.search{color:#c4c4c4;text-align:center}
.search select,.search input{margin:-1px 0 1px;color:#373737;vertical-align:middle}
.search .keyword{width: 200px;margin-left:1px;padding:1px 0 0 5px;border:1px solid #b5b5b5;line-height:15px}

/* 교육신청 */ 
.cec/images_form_top{padding-top:80px;background:url('/groups/cec/images/sub/bg_form_top.gif') no-repeat}
.cec/images_form {overflow: hidden;padding-bottom:50px;background:url('/groups/cec/images/sub/bg_form_bottom.gif') repeat-y 0 bottom}
.cec/images_form h4{ margin:-10px 0 10px 20px}
.table_write{clear: both; width:700px; margin:0 auto; table-layout:fixed;margin-bottom: 20px; border-top: 2px solid #868585}
.table_write th{text-align:right;padding:8px 10px 8px 0;border-right: 1px solid #EDEDED; border-bottom: 1px solid #cec/imagesece;background: #f9f9f9}
.table_write td{padding: 8px 10px;border-right: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED;line-height: 1.4}
.table_write th:first-child { border-left: none}
.table_write td:last-child { border-right: none}
.table_write td table{border-top: 1px solid #868585}
.table_write td table th{padding: 5px 5px; font-size:12px}
.table_write td table td{padding: 4px 5px; font-size:12px}
.must{display:inline-block;width:5px;height:5px; margin-right:5px;background:url(/dormitory/cec/images/sub/bu_must.gif) no-repeat}

/* 개인정보동의 */
.agree_boxS{width:660px; margin:0 auto; height:60px !important;padding:15px; border:1px solid #E2E2E2;background:#F9F9F9;font-size:12px;color:#6C6C6C;overflow-y:scroll;
scrollbar-3dlight-color:#B7B7B7; 
scrollbar-arrow-color:#EAEAEA;
scrollbar-track-color:#E6E6E6; 
scrollbar-darkshadow-color:#B7B7B7; 
scrollbar-face-color:#B7B7B7; 
scrollbar-highlight-color:#B7B7B7; 
scrollbar-shadow-color:#B7B7B7;}
.agree_chk{font-size:12px;width:660px; margin:10px auto;padding:5px 15px;border:1px solid #E2E2E2;background:#F9F9F9}
.agree_chk input{margin:0 5px 0 0}

.table2{clear: both; width:100%; table-layout:fixed;margin-bottom: 10px; border-top: 2px solid #868585}
.table2 thead th{text-align:center;padding:8px 6px;border-left: 1px solid #E6E6E6; border-bottom: 1px solid #cec/imagesece; background: #f8f8f8; color: #424242 }
.table2 tbody th{text-align:center;padding:8px 6px;border-right: 1px solid #EDEDED; border-bottom: 1px solid #cec/imagesece;background: #f9f9f9}
.table2 tbody td{padding: 8px 6px;border-right: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED;line-height: 1.4;text-align:center}
.table2 thead tr th:first-child { border-left: none}
.table2 thead tr th:last-child { border-right: none}
.table2 tbody tr th:first-child { border-left: none}
.table2 tbody tr td:last-child { border-right: none}
.table2 tbody td a{color:#794613}
.table2 tbody td table{border-top: 1px solid #868585}
.table2 tbody td table th{padding: 5px 5px; font-size:12px}
.table2 tbody td table td{padding: 4px 5px; font-size:12px}

ul.ma { margin: 0 0 5px 10px}
ul.ma li {background: url('/groups/cec/images/sub/bul_dot.gif') no-repeat  left 10px; padding-left: 10px; line-height: 1.6 }
ul.ma li table{ margin-left:-15px !important}
ul.ma li li { background: url('/groups/cec/images/sub/bul_dash.gif') no-repeat  left 10px; padding-left: 10px; line-height: 1.6 }

/* tab style */
.tab_btn { overflow: hidden; border-bottom: 1px solid #d2d2d2;}
.tab_btn li { float: left; text-align: center; margin-right: -1px; border-top: 3px solid #444}
.tab_btn li a { background: #f8f8f8; display: block; padding:0 22px;height: 32px; line-height: 32px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2 }
.tab_btn li a:hover { text-decoration: none }
.tab_btn li.on { position: relative; border-color: #E27E22; border-bottom: 0; z-index: 1}
.tab_btn li.on a { background: white; font-weight: bold; color: #444; border-left: 1px solid #AD7828; border-right: 1px solid #AD7828; letter-spacing: -1px }

.box_guide{overflow:hidden;margin:10px 0 20px 0;padding:25px 29px; border:1px solid #C7BCA4; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px ; -moz-border-radius: 3px;background: url('/groups/cec/images/sub/bg_listBox.gif') repeat scroll 0 0 transparent}
.box_guide li {margin: 0 0 5px 0;background: url('/groups/cec/images/sub/bul_dot.png') no-repeat left 5px; padding: 0 0 0 11px; line-height: 1.4}
.box_guide p{ color:#A86012;padding-bottom:0;letter-spacing:-1px}

/* btn */
.btn_fr{overflow:hidden;margin:10px 0;text-align:right}
.btn_tc{overflow:hidden;margin:10px 0; text-align:center}
.button{margin:0;padding:0;display:inline-block;text-decoration:none;border:0;background:url('/groups/cec/images/sub/bg_btn.png');overflow:visible;white-space:nowrap;cursor:pointer;height:28px;font-size:12px}
.button button,.button input {margin:0; padding:0; border:0}
.button a,.button button,.button input{display:inline-block;height:28px;padding:0 42px 0 20px;font-size:12px;cursor:pointer;color:#555; font-weight:bold;line-height:28px;background:url('/groups/cec/images/sub/bg_btn.png') no-repeat} 
.button a:hover, .button a:active, .button a:focus, .button input:hover, .button input:active, .button input:focus, .button button:hover, .button button:active, .button button:focus{color:#1a1c22}
.button.down a, .button.down input, .button.down button{background-position:right -34px}
.button.hwp a, .button.hwp input, .button.hwp button{background-position:right -68px}
.button.pdf a, .button.pdf input, .button.pdf button{background-position:right -102px}
.button.jump a, .button.jump input, .button.jump button{background-position:right -136px}
.button.popup a, .button.popup input, .button.popup button{background-position:right -170px}
.button.check a, .button.check input, .button.check button{background-position:right -202px}
.button.go a, .button.go input, .button.go button{background-position:right -236px}
.button.default a, .button.default input, .button.default button{padding:0 15px 0 15px !important;background-position:right -272px}

.txt_f {position:absolute; top: 24px;left: 180px}

.section2 {width:700px;height: 240px;border:1px solid #ccc;background: url('/groups/cec/images/sub/bg_login.jpg') no-repeat; border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px ; -moz-border-radius: 3px}
.LoginArea { position: relative; width:440px;min-height: 160px; margin:0 0 0 220px}
.LoginArea .EnterArea ul li { font-size: 12px; margin: 10px 0 0 0; list-style: none }
.LoginArea .EnterArea ul li.first { margin-top:40px }
.LoginArea .EnterArea ul li label { font-size: 12px; color: #666; width: 68px; margin-left: 5px; display: inline-block; text-align: right }
.LoginArea .EnterArea ul li input.text { width: 140px; .margin:-2px 0 0 0;height: 19px; line-height: 17px; border: 1px solid #cacaca }
.LoginArea .EnterArea ul li select.select { height: 23px; line-height: 21px; font-size: 12px; border: 1px solid #b5b5b5; background: #FFF; color: #767676 }
.LoginArea .EnterArea .btn { position: absolute; bottom: 15px; left: 78px }

.list{overflow:hidden;position:relative;float:left}
.list ul{width:440px;padding-left:30px}
.list li{line-height:30px;border-bottom:1px dotted #dfdfdf;font-size:12px;color:#555}
.list li span.date{font-weight:bold;width:110px;display:inline-block;color:#61839E;letter-spacing:-0.03em;padding-left:10px}
.list .nodata{border-bottom:none;font-size:13px;color:#61839E;font-weight:bold;text-align:center; line-height:160px; background:url(/groups/cec/images/sub/icon_nodata.png) no-repeat 17% 50%}

/* 02. 과정안내 */
.license > li {position: relative;text-align:center;margin-bottom: 50px;padding: 18px 0;background: #f3f7ee;border: 1px solid #d7e0cd;border-radius: 10px;}
.license > li::after {content:'';position:absolute; right:50%; bottom: -38px; background: url('/groups/cec/images/sub/img_arrow.png') 50% no-repeat;width:20px;height:20px;}
.license > li:last-child::after {background:none}
.license li .tit {display: block; font-size: 16px; font-weight: 600; color: #4e6d2e; margin-bottom: 10px;}
.license li .txt {display: block;}
.license li .txt ul li {margin-bottom: 6px;}

/* footer */
#footer{width: 1080px; margin: 0 auto; border-radius: 0 0 25px 25px; box-shadow: 1px 0 rgba(0,0,0,0.1); background:#fff;}
.footer{width: 100%; box-sizing: border-box; padding: 15px 50px; display: inline-block; border-top: 1px solid #eee;}
.footer .flogo{float:left;display:block; margin:0 30px 0 0}
.footer  .ft_bx_txt{width:750px;float:left}
.footer ul{ margin-bottom:4px}
.footer ul li{display:inline;padding:0 5px 0 7px;font-size:11px}
.footer ul li a:hover,#footer ul li a:hover strong{color:#438a01}
.footer ul li.first{padding:0 3px 0 0;background:none}
.footer address{color:#666f84;font-size:12px;line-height:1.3;letter-spacing:-1px}
.footer .copy{color:#79858f;font-size:11px;font-family:Tahoma;letter-spacing:0}
.footer .copy em{color:#459925}
.footer .cp{ float:right; margin-top:20px}

/* 찾아오시는 길 */
.sec1 p {background: #F7F7F7; display: block; padding: 15px; border: 1px solid #e3e3e3; font-weight: bold;}
.sec2 {width:900px; margin:30px auto;}
.sec2 img {position:relative; margin-bottom:20px;}

.sec2 .list {display:block; overflow:hidden;}
.sec2 .list ul {float:left; width:306px; padding:0 0 0 45px;}
.sec2 .list ul li {margin-bottom:11px; font-size:13px; letter-spacing:-0.05em; word-break:keep-all;}
.sec2 .list ul li b {display:inline-block; width:22px; height:22px; line-height:25px; font-weight:300; border-radius:50%; background:#271376; color:#fff; text-align:center;  margin-left:-37px;}
.sec2 .list ul li span {width:calc(100% - 31px); margin-left:4px;}
.sec2 .list ul li.on b {background:#d11013;}
.sec2 .list ul li.on span {color:#d31011;}

/* login */
#login {max-width: 780px;margin:0 auto;}
#login::after {clear:both; content:''; display:block;}
#login h1 {margin-bottom:40px}
#login h1 img {vertical-align:middle; height:34px}
#login h1 span {display:inline-block; vertical-align:top; font-size:1.5em; margin:5px 0 0 20px; color:#000}
#login p {font-size:1.35em;margin: 20px;line-height:1.4;}
#login .point {color:#444; font-size:1.8em;text-align:left;padding-left:22px; background:url(../images/icn_check.png) no-repeat 0 4px; background-size:18px;}
#login .point span {color:#007d77}

/* login_box */
#login .login_box {padding: 20px;border:8px solid #eaeaea;border-radius:20px;vertical-align:top;position:relative;background:#fff;width: calc((100% - 10px) / 2);height: 420px;}
#login .login_box:hover .ico_phone {-webkit-animation:up 0.5s; -moz-animation:up 0.5s; animation:up 0.5s}
#login .login_box:hover .ico_portal {-webkit-animation:up 0.5s; -moz-animation:up 0.5s; animation:up 0.5s}
#login .login_box h2 {font-size:2.3em;color:#0b6f40;margin-bottom: 20px;text-align: center;}
#login .login_box .txt {/* margin-bottom: 30px; */}
#login .login_box .btn {position:absolute;bottom: 20px;left: 20px;width: calc(100% - 40px);}
#login .login_box .btn button {display:block;font-size:1.6em;background: #0b6f40;color:#fff;height: 65px;line-height: 65px;border-radius:40px;width:100%;max-width:300px;margin:0 auto;}
#login .login_box .btn button:hover {text-decoration:none}

/* login_box2 */
#login .login_box2 {padding: 20px;border:8px solid #eaeaea;border-radius:20px;vertical-align:top;position:relative;background:#fff;width: calc((100% - 10px) / 2);height: 420px;}
#login .login_box2:hover .ico_phone {-webkit-animation:up 0.5s; -moz-animation:up 0.5s; animation:up 0.5s}
#login .login_box2:hover .ico_portal {-webkit-animation:up 0.5s; -moz-animation:up 0.5s; animation:up 0.5s}
#login .login_box2 h2 {font-size:2.3em;color:#0b6f40;margin-bottom: 20px;text-align: center;}
#login .login_box2 .btn {position:absolute;bottom: 20px;left: 20px;width: calc(100% - 40px);}
#login .login_box2 .btn a {display:block;font-size:1.6em;background: #0b6f40;color:#fff;height: 65px;line-height: 65px;border-radius:40px;width:100%;max-width:300px;margin:0 auto;text-align: center;}
#login .login_box2 .btn a:hover {text-decoration:none;}

/* login_box i */
#login i {display:inline-block; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease}
#login .ico_phone {width: 100px;height: 100px;margin-bottom: 10px;background:url('/groups/common/images/ico_phone.png') no-repeat 50%;background-size:cover;margin: 0 auto;display: block;}
#login .ico_portal {width:100px; height:100px; margin-bottom:13px; background:url('/groups/common/images/ico_portal.png') no-repeat 50%; background-size:cover}
#login .ico_arrow {width: 28px;height: 13px;vertical-align:middle;background: url('/groups/common/images/ico_arrow.png') no-repeat 50% 50%;background-size: 100%;margin-left:50px}
#login .login_box:hover a .ico_arrow {transform:translateX(10px); -webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px)}

@media all and (max-width:800px) {
	#login {width:95%}
	#login h1 span {display:none}
}
@media all and (max-width:600px) {
	#login .login_box {margin: 0 0 10px 0 !important;width: 100%;height: auto;}
	#login .login_box .btn {position:static;width: 100%;}
}

/* 민간자격증 안내 - 20230116 */
.step-explain:after {content:""; display:block; clear:both;}
.step-explain li {margin: 0 0 20px 0;}
.step-explain li.odd {width:49%; float:left;}
.step-explain li.even {width:49%; float:right;}
.step-explain li .num-title {font-weight:bold;color: #3D3D3D;font-size: 14px;background:none;}
.step-explain li .num-title span.nb {float:left;display:inline-block;width:35px;height:35px;line-height: 36px;text-align:center;background: #fcf3eb;border-radius: 100px;margin:0 6px 0 0;font-size:11px;}
.step-explain li .num-title span.ht {display:block;margin-left:40px;line-height: 18px;}
.step-explain li .notice-list {font-size:12px;color:#666;padding: 5px 0 0 42px;line-height: 18px;}
.step-explain li .notice-list li {float:none; width:100%; margin:0 0 10px 0;}

.name_pre {color: #343434 !important; font-size: 30px !important; font-family: 'NanumBrush'; letter-spacing: 5px; font-weight: 900; margin-left: 10px;}