/*
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
*/
body {
/*	background-image: url(../image/common/bg.jpg);*/
/*	background-repeat : repeat-x;*/
	background-color: #ffffff;
    font-family : 'Nanum Gothic', 'dotum', Verdana, Helvetica;
    font-size : 11px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}


P {FONT-SIZE:11px; LINE-HEIGHT: 1.6; FONT-FAMILY: 'Nanum Gothic'; COLOR: #444444; text-align:justify;}
td		{font-size:11px; color:#444444; line-height:1.6;}
form {display:inline;}
img {border: 0px}

a,img { selector-dummy : expression(this.hideFocus=true);} 

A:LINK {
	color : #444444;
	text-decoration : none;
}
A:VISITED {
	color : #444444;
	text-decoration : none;
}
A:HOVER {
	color : #444444;
	text-decoration : none;
}
A:ACTIVE {
	color : #444444;
	text-decoration : none;
}

li { list-style: none outside none; }

/********************* Form Class *******************/

input,select {font-size:12px; COLOR: #666666; FONT-FAMILY: 'Nanum Gothic'; border:#C0C0C0 1px solid; height:18px; padding-top:2px; }
textarea { FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: 'Nanum Gothic'; TEXT-DECORATION: none; border: 1px solid #CCCCCC; }

.containerMain { display: block; clear: both; overflow: ; width: 100%; margin: 0; padding:0; position: relative; }

.outline {width:100%; display: block; clear: both;}
.wrap { position:relative; width:100%; margin:0 auto; padding:0 0px; clear: both; }

.top {height:55px; padding-top:5px;}
.top .logo {width:120px; margin:0; display: block;}
.top .logo img {width:160px;}


.top .top_menu {display: block; position: absolute; top:20px; right:15px; }
.top .top_menu img {width:27px;}
/*
.top .top_menu li {float: left;margin-right:10px;}
.top .top_menu li.ver_bar {font-size: 12px; color: #bbb; line-height: 16px;}
.top .top_menu li a {color: #666;}
*/

.gnb_wrap {height:34px; overflow: hidden; position:absolute; top:0px; left:0; z-index:10000; width:100%; background:#c71f26; padding:0 0px 0 0px; }
.gnb_wrap li {float: left; width:16.666666666666666666%; font-weight: 600; text-align: center; font-size: 11px; line-height: 34px; border:0px solid #333;}
.gnb_wrap li a {color: #fff; }
.gnb_wrap li a:hover {color:#fffb97;}


.menus {display:none; width:100%;position: absolute; top:60px; left:0px;  z-index:100000;}
#view_menu:hover {cursor:pointer;}

.gnb li {background:#333;  }
.gnb li a {color:#fff; line-height:50px; font-size:15px; margin-left:10px; font-weight:900;}
.gnb li div {background:#111;}
.gnb li div p {border-top:1px solid #333; height:40px;  padding:0; margin:0;}
.gnb li div p a {font-size:14px;line-height:40px; margin-left:30px;  font-weight:500;}
/*
.gnb_wrap li div {display: block; width:155px;background:#fff; border-right: 1px solid #ccc;  padding:15px 0 5px 0; height:197px; }
.gnb_wrap li div p {display:block; padding:0 0 0 0; margin:0; width:100%; text-align: center; height:28px;}
.gnb_wrap li div p a {font-size:15px; color:#222;  padding:0px; margin:0;font-weight: 500;}
.gnb_wrap li div p a:hover {color:#3184c1; font-weight: 500;}

.gnb_wrap li div.gnb_first {}
.gnb_wrap li div.gnb_last {border-right: 1px solid #c71f26;}
*/

.footer {width:100%; display: block; clear: both; background:#f3f3f3; }
.footer .wrap {height:100px;}

.copy01 {color:#555; font-size:13px; font-family:'Nanum Gothic'; font-weight: 700; margin:5px; padding-top:8px;}
.copy02 {color:#666666; font-size:10px; font-family:'Nanum Gothic'; line-height: 15px; margin:5px;}
.copy03 {color:#888888; font-size:9px; font-family:"Verdana"; padding-top:0px; margin:5px;}

.color_m01 {background:#c71f26;   height:34px;}
.color_m02 {background:#fff;  height:auto; padding-top:0px;text-align:center;}
.color_m05 {background:#fff;  height:66px; padding-top:10px;}
.color_m05 li.banner01 {float: left; width:19.5%;  border-right:1px solid #eee; height:60px; text-align:center;}
.color_m05 li.banner01:last-child {border:0px;}
.color_m05 li.banner01 a img {width:40px;}
.color_m05 li.banner01 p {font-size:10px; text-align:center; padding:0; margin:3px 0 0 0;}

.color_m03 {background:#f8f8f8;  height:370px; padding-top:15px;}
.color_m04 {background:#f6f9fb;  height:285px; padding-top:15px;}
.color_m06 {background:#fff;  height:400px; padding-top:15px;}

.mvis_caption {display: block; clear: both; font-size: 12px; margin:0; padding:0; background:#333; color:#fff; height:25px; line-height:25px; text-align:center;}

.wrap p.hd {font-size: 18px; padding:0; margin:0 auto; width:100%; text-align: center; font-weight: 700; color:#333;}
.wrap p.hd_s {font-size: 10px; padding:0; margin:0 auto; width:100%; text-align: center; color:#666; clear: both;}

.job_rst {display: block; clear: both;  margin:5px auto 0 auto; height:275px; width:95%;}
.job_rst li {float: left; width:47%; height:120px; border: 1px solid #e5e5e5; background: #fff; margin:10px 10px 0 0; padding:0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.job_rst li:nth-child(2n) {margin-right:0;}

.job_rst li p {display: block; padding: 0; margin: 0; width:100%; text-align: center;}
.job_rst li p.jos_01 {padding-top: 10px; font-size: 12px; color: #555;}
.job_rst li p.jos_01 span {color:#2aa39a;}
.job_rst li p.jos_02 {padding-top: 2px; font-size: 25px; color: #2e6eaa; font-weight: 700;}
.job_rst li p.jos_03 {padding-top: 0px; font-size: 12px; color: #222; font-weight: 500;}
.job_rst li p.jos_04 {padding-top: 0px; font-size: 12px; color: #888; font-weight: 500;}

.color_m06 .job_rst {display: block; clear: both;  margin-top:5px; height:265px;}
.color_m06 .job_rst li {float: left; width:47%; height:160px; border: 1px solid #e5e5e5; background: #fff; margin:10px 10px 0 0; padding:0;}
.color_m06 .job_rst li p {width:95%; margin:0 auto;}
.color_m06 .job_rst li:last-child,
.color_m06 .job_rst li:nth-child(2){margin-right:0;}

.color_m06 .job_rst li div.gra_00 {height:86px; text-align: center; overflow: hidden; position: relative;}
.color_m06 .job_rst li div.off { background:url(../image/main/gra_off2.gif) no-repeat 0 0px;}
.color_m06 .job_rst li div.on div {height:100%; width:100%; position: absolute; z-index: 1000; top:0; left:0; }
.color_m06 .job_rst li div.on div img {margin:0 auto;}
.color_m06 .job_rst li div.on img.photo {height:100px;}
.color_m06 .job_rst li p.gra_01 {font-size: 13px; color: #2b83ba; font-weight: 600; margin-top: 4px;}
.color_m06 .job_rst li p.gra_02 {font-size: 11px; color: #222; font-weight: 500; line-height: 18px;}
.color_m06 .job_rst li p.gra_03 {font-size: 11px; color: #888; font-weight: 400; line-height:12px; 
text-align: justify;
	word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;	
}
.color_m06 .job_rst li p.gra_03 a { color: #888; }

.yout {display: block; clear: both;  margin-top:15px; height:135px; }
.yout li {float: left; width:47%; height:110px; border: 0px solid #e5e5e5; background: #f6f9fb; margin:0 8px 0 0; padding:0;}
.yout li:nth-child(2n) {margin-right:0;}

.banner_m {padding-top:10px; text-align:center; margin:0px;  height:35px; width:100%;}
.banner_m li {width:18.33333333333333333%; float:left; margin-left:5px;}

.banner_m li a {display:inline-block; margin:0 auto; width:100%;  height:30px; font-size: 11px; color: #fff; background: #6e6e6e; line-height: 30px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}

.banner_m li a.blog {background: #21b24c; }
.banner_m li a.kakao {background: #e6cf00;}
.banner_m li a.instar {background: #bf3787;}
.banner_m li a.fb {background: #4a65a0;}

.yout li:last-child {margin:0;}
#youtube-gallery li:last-child {margin:0;}

.btn { display: block; margin:0 auto; width:120px;  height:30px; font-size: 13px; color: #fff; background: #6e6e6e; line-height: 30px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; } 
.main_job {text-align: center;font-weight: 600;}
.main_job:hover {background: #333;}


.yout li:hover {border: 0px;}

.m_vis_01 img {cursor:pointer; max-width:800px;margin:0 auto;}
.m_vis_01{margin:0 auto;}
.navs a {display: block; border-bottom: 1px solid #e3e3e4; width:219px; height:74px; text-align: center; font-size: 17px; line-height: 74px; background: #fff; color: #444;}
.navs a:last-child {border-bottom: 0px solid #e3e3e4;}
.navs a.cycle-pager-active {font-weight: 700; background: #58b8d7; color:#fff; position: relative; text-decoration: underline;}
.navs a.cycle-pager-active::before {width:15px; height:74px; background: #333; position: absolute; top:0; left:-15px; z-index: 100; content: ""; background: url(../image/main/m_vis_arr.png);}

.sub_bg {background:#fff; padding:20px 0 20px 0; }
.sub_vis_01 {height:140px; background:url(http://nacar.co.kr/image/sub/sub_vis.jpg) center center no-repeat; clear:both;}
.sub_cont {border:0px solid #cfcfcf; background:#fff; width:95%; margin:0 auto;}

.sub_cont_hd {display:block; width:100%;  margin:0px auto 20px auto; font-size: 12px; color: #777; font-weight: 400; line-height:25px; text-align:center; }
.sub_cont_hd p {font-family: 'Noto Sans KR'; font-size: 20px; color: #333; font-weight:800; line-height:20px; text-align:center; width:100%; margin:0px 0 0 0; padding:0 0 0px 0;}


.sub_menu {position:relative; width:100%; margin:0 auto; height:30px; margin-bottom:20px; padding:0 0px; clear: both; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; border-left:0px solid #cfcfcf;background:#fff;}
.sub_menu li {float:left; border-right:1px solid #cfcfcf; height:30px; position:relative;}
.sub_menu2 { height:60px; border-bottom:0px solid #cfcfcf;}

.li1 li {width:100%; text-align:center; line-height:30px;}
.li2 li {width:546.5px; text-align:center; line-height:30px;}
.li3 li {width:33%; text-align:center; line-height:30px;}
.li4 li {width:24.777%; text-align:center; line-height:30px;}
.li5 li {width:19.77%; text-align:center; line-height:30px;}
.li6 li {width:16.33333333333333%; text-align:center; line-height:30px;}
.li7 li {width:14%; text-align:center; line-height:30px ;}

li.under {border-bottom:1px solid #cfcfcf;}
.li4 li:nth-child(4) {border-right:0px solid #cfcfcf;}


.sub_menu li a {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; font-size: 12px;}
.sub_menu li.on a {background:#53afee;color:#fff; font-weight:600;}
.sub_menu li:last-child {border-right:0px;}

/*
.sub_menu li.on, 
.sub_menu li.on a,
.sub_menu li:hover,
.sub_menu li:hover a {color:#fff; font-weight:700;background:#53afee;}
*/

.login_box { margin: 20px 0 20px 0;}
.login_form {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.login_form li {
    margin-bottom: 10px;
}
.login_form li label {
    display: inline-block;
    float: left;
    width: 20%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin: 0 0px 0 0;
    padding: 0;
}
.input_ty {
    width: 47%;
    height: 40px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    font-weight: 100;
    vertical-align: top;
    transition: color 0.4s, border-color 0.4s;
    margin: 0 0px 0 0;
}


.login_form li.btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
}
.btn_b {
    display: inline-block;
    min-width: 180px;
    height: 48px;
    padding: 0 20px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 47px;
    text-align: center;
}
.btn_ty02 {
    background: #4097d6;
    border: 1px solid #00907f;
    color: #fff !important;
    transition: all 0.4s;
}

.login_form li.btn a.btn_b {
    width: 100%;
    min-width: inherit;
    height: 90px;
    font-weight: 600;
    line-height: 90px;
}


.login_btns {
    width: 100%px;
    margin: 25px auto 0 auto;
}
.login_btns > ul {
    margin-left: 0px;
    padding: 0;
}
.login_btns li {
    position: relative;
    display: inline-block;
    padding-left: 20%;
    vertical-align: top; 
    text-align: left;
    width:75%;
}
.login_btns li a {color:#666; font-size:14px;}
.private table td p,
.private table td {font-size:14px; text-align:justify;}

.greet_01 { display: block; width:100%; position: relative; padding-top: 10px;}
.greet_01 span { font-size: 15px; color:#111; display: block; margin: 10px 0 10px 0px; font-family:  'Noto Sans KR'; font-weight: 400;}
.greet_01 .greet_02 { width: 100%; background: #096dc3; padding:10px 0px;}
.greet_01 p {font-size: 15px; color:#fff; margin: 0; padding: 0; font-family:  'Noto Sans KR'; font-weight: 600; padding:0 0px;}
.greet_02 p {padding:0 10px; width:60%;}
.greet_01 .ceo_photo { display: block; position: absolute; top:30px; right:10px; z-index: 10; width:100px; }
.greet_01 .ceo_photo p {font-size: 14px; width:100%; text-align: center; margin-top: 2px;}
.greet_01 .ceo_photo p span {font-size: 11px; display:inline; color:#fff; padding:0; margin:0;}
.greet_03, .greet_04 { width:100%; display: block; margin: 15px 0; font-size: 14px; color: #333; line-height: 22px; padding: 0 0px;  text-align:justify; letter-spacing:-0px;}
.greet_04 {font-size: 13px; color: #b5610e; line-height: 22px; }
.greet_05 {background: url(http://nacar.co.kr/image/sub/greet_bg.gif) no-repeat 0 12px; background-size:100% 70%; width:100%; height:110px; display: block; margin: 10px auto 10px auto; text-align: center; font-size:15px; color:#333; line-height: 24px; padding-top: 10px;}
.greet_06 {display: block; margin-bottom: 0px;}

.greet_07 .text_co_01 {color:#3c8411;}
.greet_07 .text_co_02 {color:#256bd4;}
.greet_07 .text_co_03 {color:#de27cf;}
.greet_07 .text_co_04 {color:red;}

.sub_tap { display: block; clear: both; height:50px;}
.sub_tap2 { display: block; clear: both; height:50px;}
.sub_tap li {float: left; width:24%; text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.sub_tap li:last-child { border-right: 1px solid #ccc;}
.sub_tap li.on { background: #fff; border-bottom: 1px solid #fff;}
.sub_tap li.over {background: #fafafa; border-bottom: 1px solid #ccc;}
.sub_tap li.over a { color: #888;}
.sub_tap li.on a {color: #333; font-weight: 600;}
.sub_tap li a {display: inline-block;  width:100%; height:30px; line-height: 30px; font-size: 12px;}


.sub_tap2 li {float: left; width:32.555555%; text-align: center; border-right: 1px solid #fff; background: #999;color: #fff; height:35px;}
.sub_tap2 li a {font-size: 12px; color: #fff;line-height: 30px;}
.sub_tap2 li.long {padding-top:0px; height:35px;}
.sub_tap2 li.long2 {letter-spacing: -0px;padding-top:0px; height:35px;}
.sub_tap2 li:hover { background: #096dc3; color: #fff;}

.sub_tap1 li {float: left; width:19%; text-align: center; border-right: 1px solid #fff;}
.sub_tap3 li {float: left; width:141px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

.sub_tap_2 { display: block; clear: both; height:105px; }

.sub_tap2 li.long a,
.sub_tap2 li.long2 a {line-height: 15px;}

.sub_tap4 li {float: left; width:331px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}

.history {display: block; margin-bottom: 10px; }
.hist_hd { width:100%; float: left; margin: 0 0px 0 0px; border-top: 0px solid #333; font-size: 16px; font-weight: 600; padding: 10px 0 0 10px;}
.hist_hd p { display:inline-block; margin:0 0 0 10px; padding: 0; font-size: 15px;}
.hist_cont { width:100%; float: left; border-top: 1px solid #aaa;}
.hist_cont li { width:100%; border-bottom: 1px solid #ccc; padding:10px 0 10px 0px; font-size: 12px; color: #555;}
.clear {clear: both;}

.foot_02 { float: left; width:100%; border: 1px solid #ccc;
    font-size: 12px; margin-bottom: 20px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; }
.foot_02 p { margin: 0; padding: 0; height:40px; background: #444;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
    color:#fff; line-height: 40px; padding:0 0 0 20px; font-size: 16px;}
.foot_02 p.cont {padding:10px; background: none; color:#666; font-size: 13px; line-height: 23px; display: block; clear: both; height:115px;
    border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; 
	border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px;

}

.foot_021 {margin-right: 25px; }

.member_01 {color:#1771B0; font-size:13px; font-weight :bold;}
.member_02 {color:#444444; font-size:11px;}
.member_044 td {font-size:11px;}
.member_04 {color:#555555; font-size:11px; font-weight :bold;}
a.member_03:link {color:#319CAF; font-size:11px; font-family:"Verdana";}
a.member_03:active {color:#319CAF; font-size:11px; font-family:"Verdana";}
a.member_03:hover {color:#319CAF; font-size:11px; font-family:"Verdana";}
a.member_03:visited {color:#319CAF; font-size:11px; font-family:"Verdana";}
a.member_04:link {color:#1771B0; font-size:11px; font-family:"Verdana";}
a.member_04:active {color:#1771B0; font-size:11px; font-family:"Verdana";}
a.member_04:hover {color:#F45F16; font-size:11px; font-family:"Verdana";}
a.member_04:visited {color:#1771B0; font-size:11px; font-family:"Verdana";}

.map_01 {display: block; margin-top: 15px;}
.map_01 p {font-size: 15px; color:#3b69a8; margin:0; padding: 0; }
.map_01 .map_02 {font-size: 12px; color:#666; margin: 5px 0 10px 0;}
.map_01 .map_02 p {font-size: 13px; color:#3b69a8;}

.photo_board td a,
.photo_board td {text-align:left; color:#888; font-size: 12px;padding:0 10px;}
.photo_board td.titles {text-align:center; color:#111;font-size: 13px;}
.photo_board td.board_cont { min-height: 120px; padding: 10px 10px 20px 10px;}
.board_arrow td {color:#888; font-size: 12px;}

.photo_b_list_p {width:100%; height:70px; overflow: hidden; border:1px solid #e9e9e9;}
.photo_b_list_p img {min-height: 100%; min-height: 100%; display: inline-block;
    -ms-interpolation-mode: bicubic; }


.apply_scrt {display: block; font-size: 15px; color:#666; margin-bottom: 10px;}
.app_table {border-top: 1px solid #3a78c1;}
.app_table th {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width:20%; height:60px; background: #fafafa; font-size: 14px;}
.app_table td {border-bottom: 1px solid #ddd; width:80%; padding:0 0 0 10px;}

.priv_agree {margin-top: 20px;block; border: 1px solid #ddd; width:90%; padding:5%; background: #f3f3f3; font-size: 15px; color:#555;}
.priv_agree p {font-size: 20px; color:#3154a2; padding: 0; margin: 0;  margin-bottom: 25px; font-weight: 700;}
.agree_app {font-size: 15px; color:#333; margin-top: 15px; display: block; width:100%; text-align: center;}
.apply_form1 {width:90%; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 700; color: #222; }
.apply_form2 {width:50px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 700; color: #222;}
.apply_form3 {width:60px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 700; color: #222;}
.apply_form4 {width:100%; height:30px; background: #fcfcfc; font-size: 12px; font-weight: 700; color: #222;}
.apply_form5 {width:600px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 700; color: #222;}
.apply_form6 {width:600px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 700; color: #222;}
.add_p {display:block; margin:0 0 5px 0; padding:0;}


.join_table .apply_form1 {width:60%; height:30px; background: #fcfcfc; font-size: 13px; font-weight: 700; color: #222; }
.join_table .apply_form2 {width:50px; height:30px; background: #fcfcfc; font-size: 13px; font-weight: 700; color: #222;}
.join_table .apply_form3 {width:60px; height:30px; background: #fcfcfc; font-size: 13px; font-weight: 700; color: #222;}
.join_table .apply_form4 {width:90%; height:30px; background: #fcfcfc; font-size: 13px; font-weight: 700; color: #222;}
.join_table .apply_form5 {width:90%; height:30px; background: #fcfcfc; font-size: 13px; font-weight: 700; color: #222;}
.join_table .apply_form6 {width:90%; height:30px; background: #fcfcfc; font-size: 13px; font-weight: 700; color: #222;}
.join_table th {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width:25%; height:60px; background: #fafafa; font-size:13px;}
.join_table td {border-bottom: 1px solid #ddd; width:75%; padding:0 0 0 5px;}



.apply_btn a {display: block; width:160px; height:45px; text-align: center; line-height: 42px; margin:30px auto 20px auto; 
    font-size: 13px;  color: #fff; background: #2557a5;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; }


a.add_btn {width:100px; height:30px; text-align: center; line-height: 30px; margin:0px; padding:6px 10px ;
    font-size: 13px;  color: #fff; background: #aaaaaa;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}

.board_search1 {width:70px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 500; color: #222;}
.board_search2 {width:200px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 500; color: #222;}
.b_search_btn {display: inline-block;}
.b_search_btn a{display: inline-block; width:50px; height:30px; text-align: center; line-height: 30px; margin:0; 
    font-size: 15px;  color: #fff; background: #888;  }

.board_hd th {font-size: 13px; color:#222; font-weight: 500;}
.board_hd td {font-size: 13px; color:#666; font-weight: 500;}
.board_wr th {height:48px; border-right: 1px solid #ccc; font-size: 13px; color:#222; font-weight: 500; background: #fafafa;}
.board_wr td {font-size: 13px; color:#666; font-weight: 500; padding-left: 15px;}
.board_wr td input {height:35px; background: #fcfcfc; font-size: 13px; font-weight: 500; color: #333;}
.board_wr td input.checkbox {height:14px;}
.board_wr td input.noline {border:0px;}


.board_top_app {display: block; margin: 0 0 15px 0; }
.board_top_app .job_rst {display: block; clear: both;  margin-top:10px; height:170px;}
.board_top_app .job_rst li {float: left; width:47%; height:170px; border: 1px solid #e5e5e5; background: #fff; margin:0 10px 10px 0; padding:0;}
.board_top_app .job_rst li:nth-child(2n) {margin-right:0;}

.board_top_app .job_rst li p {width:100%; margin:0 auto;}

.board_top_app .job_rst li div.gra_00 {height:85px; text-align: center; overflow: hidden; position: relative;}
.board_top_app .job_rst li div.off { background:url(http://nacar.co.kr/image/main/gra_off2.gif) no-repeat 38px 0;}
.board_top_app .job_rst li div.on div {height:115px; width:100%; position: absolute; z-index: 1000; top:0; left:0px;  }
.board_top_app .job_rst li div.on img.photo {height:100px;}
.board_top_app .job_rst li p.gra_01 {font-size: 14px; color: #2b83ba; font-weight: 600; margin-top: 10px;}
.board_top_app .job_rst li p.gra_02 {font-size: 12px; color: #222; font-weight: 500; line-height: 20px;}
.board_top_app .job_rst li p.gra_03 {font-size: 10px; color: #888; font-weight: 400; line-height:15px; text-align: ;  width:95%; word-wrap: break-word; }
.board_top_app .job_rst li p.gra_03 a {color: #888;}
.board_top_app .job_rst li:hover {border: 2px solid #2ec4cb; /*cursor: pointer; */ }

.lec_name {font-size: 16px; color: #333; font-weight: 600; padding: 0; margin: 0; line-height: 27px;}
.app_dtl  {font-size: 12px; color: #666; font-weight: 500;}
.app_dtl  span{font-size: 11px; color: #d44b02; font-weight: 500; display: inline-block; margin-right: 20px;}
.app_dtl_box {border:1px solid #ddd; background: #fafafa; padding:5px 2%; width:94%;}
.btnsss {width:20%;}
.app_dtl2 td {font-size: 12px; color: #666; font-weight: 500;}

.lic_hd {font-size: 14px; color: #333; font-weight: 600; padding: 0 0 15px 0; margin: 0; line-height: 27px;}
.lic_hd2 {font-size: 13px; color: #2a6dba; font-weight: 600; padding: 0 0 10px 0; margin: 0; line-height: 27px;}

.lic_pyo {display: block; border: 1px solid #ccc; background: #fafafa; padding: 20px;}
.lic_pyo li {font-size: 13px; margin:15px 0; line-height: 20px; text-align:justify; }


.job_site {display: block; width:100%;}
.job_site li {display: inline-block; width:48%; height:75px;background: #fff; margin-right: 0px; border: 1px solid #d4d4d4; margin-bottom: 5px;}
.job_site li img {width:100%; height:55px;}
.job_site li p {display: block; width:100%; text-align: center; padding: 0; margin: 0;}
.job_site li:nth-child(2n) {margin: 0;}
.job_site li p.jb_s {font-size: 10px;}

.job_site li p.f_img {margin:0px; width:100%; height:55px; background: #f2f2f2; line-height: 55px; font-family: "Noto Sans KR"; font-size:17px; font-weight: 500; }
.job_cate {display: block; width:100%; height:45px; border: 1px solid #ccc;  background: #fafafa; text-align: center; padding-top: 15px; margin-bottom: 30px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}
.job_table th {color:#333; font-size: 12px; font-weight: 500;}
.job_table td {color:#666; font-size: 12px; line-height:13px;}
.job_table td.dates {font-size: 10px; line-height:10px;}
.job_dtl th {color:#333; font-size: 14px; font-weight: 500; border-bottom: 1px solid #ddd; background: #fafafa; width:17%;}
.job_dtl td {border-bottom: 1px solid #ddd; color:#666; font-size: 14px; height:45px; padding-left: 15px;}
.job_dtl td.job_condition {padding:15px 0 15px 15px; color: crimson}

.job_interv th {color:#333; font-size: 15px; font-weight: 500; font-weight: 600; text-align: left; height:30px;}
.job_interv td {color:#666; font-size: 15px;}
.job_interv td a.name {color:#2d7edd; font-size: 14px; font-weight: 600;}

.job_inter {display: block; width:100%; margin-bottom: 20px; height: auto; }
.job_inter li {display: inline-block;  float: left; width:100%; height:210px; border:1px solid #ddd; background: #333;}
.job_inter li .inter_image {position: relative;}
.job_inter li .inter_image img {width:100%; height:100%; }
.job_inter ul {margin:0; padding:0;}
.job_inter ul li{margin:0 0px 20px 0px;}
.job_inter ul li p {position: absolute; z-index: 10; margin: 0; padding: 0;  bottom:0; left:0; display: block; width:100%; height:40px; background: #fff; opacity:0.6; }
.job_inter ul li span  {position: absolute; z-index: 20; margin: 0; padding: 0;  bottom:0; left:0; display: block; width:100%; height:40px; font-size:16; font-weight: 600; line-height: 40px; color: #111; text-align: center;}



.job_page {display: block; position:relative; width:100%; margin:0 auto; padding:0 0px; clear: both;}
.job_page .job_rsts {display: block; clear: both;  margin-top:0px;}
.job_page .job_rsts li {float: left; width:47%; height:130px; border: 1px solid #e5e5e5; background: #fff; margin:0 10px 15px 0; padding:0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.job_page .job_rsts li:nth-child(2n) {margin-right:0;}

.job_page .job_rsts li p {display: block; padding: 0; margin: 0; width:100%; text-align: center;}
.job_page .job_rsts li p.jos_01 {padding-top: 10px; font-size: 13px; color: #555;}
.job_page .job_rsts li p.jos_01 span {color:#2aa39a;}
.job_page .job_rsts li p.jos_02 {padding-top: 2px; font-size: 34px; color: #2e6eaa; font-weight: 700;}
.job_page .job_rsts li p.jos_03 {padding-top: 0px; font-size: 13px; color: #222; font-weight: 500;}
.job_page .job_rsts li p.jos_04 {padding-top: 0px; font-size: 13px; color: #888; font-weight: 500;}




.yout_page {display: block; clear: both;  margin-top:0px; }

#youtube-gallery_p1 li {float: left; width:47%; height:160px; border:1px solid #ddd; background: #fff; margin:0 10px 30px 0; padding:0; }
#youtube-gallery_p1 li:nth-child(2n) {margin-right:0;}

.honor {display: block; clear: both;  margin-top:0px; }
.honor li {float: left; width:335px; height:220px; border:0px solid #ddd; background: #fff; margin:0 15px 20px 0; padding:0; }

.board_lect th {font-size:12px;}
.board_lect td {font-size:11px;}
.board_lect td span {display:block;}
.board_lect td.blue {color:blue;}

.interview {display: block; width:90%; clear: both;  margin:0 auto; }
.interview li { float: left; width:310px; height:187px; border:1px solid #ddd; background: #fff; margin:0 10px 15px 0; padding:0; background: url(http://nacar.co.kr/image/sub/ti_bg.gif) 0 0 no-repeat; padding-left: 10px; position: relative;}
.interview li img {position: absolute; right:0; top:0; z-index: 10;}
.interview h1 {color: #ea9d00; font-size: 18px; margin: 110px 0 5px 0; font-weight: 600;}
.interview h2 {color: #ffffff; font-size: 26px; margin:0px 0 0 0;font-weight: 600;}
.interview h2 span {color: #ffffff; font-size: 15px;font-weight: 500;}
.in_btn {display: block; width:100%; clear: both;  padding-top:30px; }
.in_btn a {font-size:14px; display: block; width:90px; height:30px; border: 1px solid #ccc; background: #f3f3f3; color: #333; text-align: center; line-height: 30px; margin: 0 auto;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}
.interv_cont {width:100%; border: 0px solid #ccc; display: block; clear: both;  margin: 0 auto; }
.in_hd_img {display: block; width:100%; margin: 0 auto 40px auto;}

.interv_cont li { float: left; width:100%; border: 0px solid #ccc; margin: 0 20px 0 0; text-align: left; font-size: 13px; color: #666; line-height: 20px; }
.interv_cont li:last-child {margin-right:0;}
.interv_cont li h4 { display: block; font-size: 13px; color: #3a68c1; margin: 0 0 0px 0;}
.interv_cont li p {width:100%; text-align: justify; font-size: 15px; color: #666; line-height: 22px; margin: 20px 0 20px 0;}
.interv_cont li img.in_cont_img {padding: 0; margin: 0 0 20px 0; width:100%;}

.lec_cont {display: block; width:100%;}
.lec_cont .lec_hd_img { width:100%; display: block;margin: 0 auto 40px auto;}
.lec_cont li {float:left; margin:0 0px 0 0; border:0px solid #ddd;}
.lec_cont li.lec_top_01 {display: inline-block; width:100%;}
.lec_cont li.lec_top_02 {display: inline-block; width:100%;}
.lec_banner img,
.lec_cont img {width:100%;}

.lec_title { display: block; font-size: 20px; font-weight: 600; height:40px; text-align:center; padding-top:10px;}

.lec_info {display: block; width:100%; border: 1px solid #ddd; background: #fafafa; color: #333; padding: 10px 0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}

.lec_info_table { width:95%; margin: 0 auto; }

.lec_info_table th {font-size: 14px; color: #ef7700; height:25px;}
.lec_info_table td {font-size: 14px; color: #555;}

.lec_btn {display: inline-block; width:100%; height:50px; border: 0px solid #ddd; margin-top: 15px;
 border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;} 


.lec_btn_01 {background: #6acfc4; margin-right: 13px;}
.lec_btn_02 { background: #3fb3de;}
.lec_btn a {display: block; font-size: 19px; line-height: 50px; color: #fff; text-align: center; width:100%; font-family: 'Noto Sans KR';}

.lec_banner {margin: 20px 0 40px 0; display: block; }
 
.lec_discr {display: block; clear: both; width:100%; border-top: 1px solid #ddd; padding-top: 10px; padding-bottom: 20px; }
.lec_discr h1 {font-size: 16px; color: #2876c4;}
.lec_discr p {font-size: 12px;}

.lec_discr .lec_t {display: block; width:100%; height:18px; font-size: 12px;}
.lec_discr .tcolor_01{ color:#01b097;}
.lec_discr .tcolor_02{ color:#e60012;}
.lec_discr .tcolor_03, 
.lec_discr .tcolor_03 a { color:#f39800; font-size: 12px;}
.lec_discr .lec_hd_icon {border: 1px solid #ddd; width:100%; height:110px; display: block; text-align: center; }

.lec_discr .teach_01 {
    display: block; border: 0px solid #ddd; width:92%; background: #3676b1; color: #fff; padding: 10px; font-size: 13px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
    
}
.teachtable td.teach_02 { background: #f4f4f4; color: #555; padding: 0px 0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.teachtable img {width:100%}
.lec_discr .teach_03 {    display: block; width:100%; border: 0px solid #ddd; background: #f18d0f; color: #333; padding: 10px 0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
    }
.lec_discr .teach_04 {text-align: center;}
.board_lect2 td.cont {padding: 7px 7px 7px 10px;}
.board_lect2 th {border-right: 1px solid #ddd; height:45px;}
.board_lect2 th:nth-child(3n) {border: 0px;}


.cate_tap {display:block; width:100%; margin:0 0 10px 0; padding:0; }
.cate_tap input[type=radio] { display:none;  margin:0px; padding:0;} 
.cate_tap input[type=radio] + label { 

display:inline-block; 
margin:0px 0px 10px 0; 
padding: 2px 1px; 
background-color: #f5f5f5; 
border: 1px solid #ccc; 
font-size: 12px !important; 
width: 31%; text-align: center; 
cursor:pointer;

} 

.cate_tap input[type=radio]:checked + label {  
background-image: none; 
background-color:#3598dc; 
color:#fff; 

} 


.cate_tap6 input[type=radio] + label { 

display:inline-block; 
margin:0px 5px 5px 0; 
padding: 2px 3px; 
background-color: #f5f5f5; 
border: 1px solid #ccc; 
font-size: 13px !important; 
width: 21%; text-align: center; 
cursor:pointer;

} 


.after_class td {}
.after_class td div.after_cont {display:block; width:95%; margin:0; padding:10px 7px; border: 1px solid #ddd;font-size: 14px; color:#333;}
.after_class td div.after_name {display:block; width:95%; margin:0; padding:5px 7px; border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; font-size: 13px; color:#888;}

.time_plan {border-top:1px solid #c3c3c3; border-left:0px solid #c3c3c3;}
.time_plan th,
.time_plan td {font-size:12px; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; height:30px; text-align:center;}
.time_plan th {background:#fafafa;}
.time_plan th:last-child ,
.time_plan td:last-child {border-right: 0px solid #c3c3c3;}

.site_map {display:block; width:100%; height:500px;}
.site_map li {border:1px solid #333; width:23%; float:left; margin-right:20px; height:150px;}
.site_map li:nth-child(4) {margin-right:0px;}
.car_common td b {font-size:15px;}
.car_common td {font-size:13px;}

.c_red {color:red;}
.c_blue {color:blue;}
.licen_t td {margin:0; padding:0; word-wrap: break-word; padding:0 1px;}

.ls01 li {letter-spacing:-0.5;}
.classess,
.classes {width:47%; height:90px; border:1px solid #d4d4d6; background:#f8f8f8; float:left; margin-left:5px; margin-bottom:5px; cursor:pointer;}
.classess {cursor:default;}
.classes_none {cursor:inherit;}
.classes:hover {border:1px solid #f15f5a;}
.classes_none:hover {border:1px solid #d4d4d6;}
.classes:hover .class_hd { background:#f5ba3d;}
.classes:hover .class_date p, .classes:hover .class_date span, .classes:hover .class_date { color:#f15f5a;}

.clsss_done {position:absolute; top:0; left:0; z-index: 100;}
.clsss_no {display:none;}


/*.classes:nth-child(2n) {margin-right:0px;}*/
.classess .class_hd,
.classes .class_hd {width:96.7%; height:30px; display:block; margin:0 auto; margin-top:3px; color:#fff;font-size:20px; font-family:  'Noto Sans KR'; font-weight: 700; text-align:center; line-height:32px; letter-spacing:-1.5px;}
.class_hd.color01 {background:#f15f5a;}
.class_hd.color02 {background:#3787c7;}
.class_hd.color03 {background:#52b444;}

.classess .class_hd {background:#aaa;}

.class_date {display:block;font-size:24px; font-family:  'Noto Sans KR'; font-weight: 900; text-align:center; color:#222; border:0px solid red; line-height:30px; margin-top:3px; height:30px; vertical-align: text-bottom;}
.class_date span {font-size:14px; font-weight: 700; margin-left:5px;}
.class_date p {font-size:20px; font-family:  'Noto Sans KR'; font-weight: 900; text-align:center; color:#222; padding:0; margin:0;line-height:35px;}
.class_tag {display:block; border:0px solid red; height:20px; overflow:hidden; text-align:center; margin-top:3px;}
.class_tag dd { display:inline-block; min-width:15px; font-size:10px; font-family: 'Nanum Gothic'; font-weight: 300; text-align:center; color:#fff;background:#b2b2b2; line-height:17px; height:15px;
	margin:0 1px; padding:0 5px; letter-spacing:-1px;
    border-top-left-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-top-left-radius: 9px; 
	border-top-right-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-top-right-radius: 9px; 
	border-bottom-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-bottom-left-radius: 9px; 
	border-bottom-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-bottom-right-radius: 9px;
}
.class_tag dd:hover {background:#646464;}

.hd_done {color:red;}

.glossy {
	-webkit-animation:glossy 0.4s ease-in-out infinite alternate;
    -moz-animation:glossy 0.4s ease-in-out infinite alternate;
    animation:glossy 0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes glossy{
	 0% {background-color: ##f15f5a;}
	 100% {background-color: #F5BA3D;}
}
@-moz-keyframes glossy{
	 0% {background-color: ##f15f5a;}
	 100% {background-color: #F5BA3D;}
}
@keyframes glossy{
	 0% {background-color: ##f15f5a;}
	 100% {background-color: #F5BA3D;}
}

.homepage_step { font-size:11px; font-weight:900;font-family:  'dotum';
	display: inline-block; border: 0px solid #df194f; background: #df194f; color: #fff; padding: 0px 7px; height:18px; line-height:19px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
	vertical-align:text-bottom		; 
}

.homepage_step2 {
	border: 0px solid #3579ce; background: #3579ce; 
	}

.homepage_step3 {
	border: 0px solid #999; background: #999; 
	}


/* for MS°è¿­ ºê¶ó¿ìÀú */
@keyframes blink {
 0% {background-color: #f80044;}
 50% {background-color: #ffa400;}
}
 
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color: #f80044;}
 50% {background-color: #ffa400;}
}
 
/* blink CSS ºê¶ó¿ìÀú º°·Î °¢°¢ ¾Ö´Ï¸ÞÀÌ¼ÇÀ» ÁöÁ¤ÇØ ÁÖ¾î¾ß µ¿ÀÛÇÑ´Ù. */
.blinkcss {
 font-weight:bold;
 animation: blink 1s step-end infinite;
 -webkit-animation: blink 1s step-end infinite;
}

.grad_stats {
	width: 95%;
	display:block;
	margin: 5px auto 0 auto;
	border-top:1px solid #165193;
}
.grad_stats li{
	border-bottom:1px solid #D5D5D5;
	cursor:pointer;
}
.grad_stats li p.grad_01 {
	display:inline-block;
	width:18%;
	color:#333;
	font-size:13px;
	font-weight:500;
}
.grad_stats li p.grad_02 {
	display:inline-block;
	width:37%;
	color:#2D94B5;
	font-family: 'Noto Sans KR';
	font-size:13px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	padding:0 0px 0 0;
}
.grad_stats li p.grad_03 {
	display:inline-block;
	width:45%;
	padding:0 0 0 0px;
	color:#333;
	font-family: 'Noto Sans KR';
	font-size:13px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.grad_stats li p {
	padding:0px 0;
	margin:0;
	height:30px;
	line-height:30px;
}

.grad_stats li p.grad_05 {
	display:inline-block;
	width:20%;
	color:#777;
	font-family: 'Noto Sans KR';
	font-size:13px;
	font-weight:300;
	padding:2px 0;
}
.grad_stats li p.grad_04 {
	display:inline-block;
	width:80%;
	color:#333;
	font-family: 'Noto Sans KR';
	font-size:13px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	padding:2px 0;
}
.cycle-carousel-wrap {width:100%;}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.con-start,
.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
.con-end,
.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.con-center,
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.item-center,
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.item-start,
.align-items-start {
    -webkit-box-align: flex-start!important;
    -ms-flex-align: flex-start!important;
    align-items: flex-start!important;
}
.item-stretch,
.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}

.con-btw,
.justify-content-space-between {
    -webkit-box-align: space-between!important;
    -ms-flex-align: space-between!important;
    justify-content:space-between!important;
}
.flex-wrap {
	flex-wrap:wrap;
}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.pd0 {padding:0!important;;}
.tleft {text-align:left!important;}
.tright {text-align:right!important;}
.tcenter {text-align:center!important;}
.fleft {float:left!important;}
.fright {float:right!important;}
.pd5{padding:5px!important;}
.pd10{padding:10px!important;}
.pd20{padding:20px!important;}
.pd30{padding:30px!important;}
.pdtb5{padding:5px 0!important;}
.pdtb10{padding:10px 0!important;}
.pdtb20{padding:20px 0!important;}
.pdtb30{padding:30px 0!important;}
.pdt10{padding-top:10px 0!important;}
.pdt20{padding-top:20px 0!important;}
.pdt30{padding-top:30px 0!important;}
.pdb10{padding-bottom:10px 0!important;}
.pdb20{padding-bottom:20px 0!important;}
.pdb30{padding-bottom:30px 0!important;}
.w10 {width:10%; display: inline-block;}
.w13 {width:13%; display: inline-block;}
.w15 {width:15%;display: inline-block;}
.w20 {width:20%; display: inline-block;}
.w25 {width:25%;display: inline-block;}
.w30 {width:30%;display: inline-block;}
.w40 {width:40%;display: inline-block;}
.w45 {width:44%;display: inline-block;}
.w50 {width:50%;display: inline-block;}
.w60 {width:60%;display: inline-block;}
.w70 {width:70%;display: inline-block;}
.w80 {width:80%;display: inline-block;}
.w90 {width:90%;display: inline-block;}
.w100 {width:100%;display: inline-block;}


.class_li {
	overflow:hidden;
	height:auto;
	cursor:default;
}
.class_li:hover {
	border:1px solid #d4d4d6;
}
.class_li_con1,
.class_li_con2,
.class_li_con3 {
	display:block;
	width:100%;
	color:#165193;
	font-family: 'Noto Sans KR';
	font-size:15px;
	font-weight:500;
}
.class_li_con1 {
	font-size:14px;
	font-weight:400;
	color:#666;
	padding:10px 0 0 0;
}
.class_li_con2 {
	font-size:20px;
	font-weight:700;
	letter-spacing:-2px;
	color:#0a67b1;
}
.class_li_con3 {
	font-size:14px;
	font-weight:400;
	color:#4c4c4c;
	padding:2px 0;
}
.class_li_con4 {
	width:155px;
	margin:5px auto 10px auto;
}

.class_li_con4 .btn_n {
	font-size: 14px;
    font-weight: 400;
    margin: 0;
    font-family: 'Noto Sans KR';
    display: inline-block;
    background: #c6a78e;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
	height:auto;
	text-align:center;
	width:auto;
}
.class_li_con4 .btn_n2 {
    background: #ea4b1e;
}
.class_li_con4 .btn_n3 {
    background: #bbb;
    padding: 5px 50px;
	font-size: 14px;
    font-weight: 400;
    margin: 0;
    font-family: 'Noto Sans KR';
    display: inline-block;
    color: #fff;
    border-radius: 5px;
	height:auto;
	text-align:center;
	width:auto;
}
.class_li_con4 .btn_n a,
.class_li_con4 .btn_n2 a{
	color:#fff;
}
.class_li_con4 .btn_n:hover {
    background: #b1825c;
	transition: all .3s ease;
}
.class_li_con4 .btn_n2:hover {
    background: #de3100;
	transition: all .3s ease;
}
.glossy2 .class_li_con2 {
    animation:glossy3 0.7s ease-in-out infinite alternate;
}

@keyframes glossy3{
	 0% {color:#0a67b1;}
	 100% {color:#FB582A;}
}
