@charset "utf-8";
@import "mypage.css";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');



/*-----------------------------------------------------------------------------------
	Reset Properties
-----------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {word-break:keep-all;margin:0;padding:0;/* background:none transparent; */font-size:100%;font-weight:normal;font-style:normal;border:0;font-size:100%;}
table{width:100%;border-collapse:collapse;border-spacing:0;border:0;/* table-layout:fixed; */}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
ins{text-decoration:none;}
del{text-decoration:line-through;}
pre{white-space:pre-wrap;word-wrap:break-word;}
img{vertical-align:top;}
li{list-style:none;}
address, caption, em, cite{font-weight:normal;font-style:normal;}
legend, hr, caption{position:absolute;top:-9999em;left:-9999em;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}

html, body{position:relative;height:100%}/* 사파리에서 스크롤 막기 */
body{
	/*font:14px/1.4 "NanumSquare", sans-serif;*/
	font-family:"NanumSquare", sans-serif;
	font-size:14px 1.4;
	color:#666;
	background:#fff;
	-webkit-text-size-adjust:none;
	}
a{color:#666;text-decoration:none;}
/*a:visited, a:hover, a:active{color:#666;text-decoration:none;}*/
label, select, input, textarea{font:14px/1.4 "NanumSquare", sans-serif;color:#666;vertical-align:middle;}
input, textarea{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-appearance:none;padding:0;margin:0;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
::-webkit-input-placeholder{color:#d9d9d9;}
:-moz-placeholder{color:#d9d9d9;}
::-moz-placeholder{color:#d9d9d9;}
:-ms-input-placeholder{color:#d9d9d9;}

/*-----------------------------------------------------------------------------------
	Layout Properties
-----------------------------------------------------------------------------------*/

.center{
	width:1200px;
	margin:0 auto;
}
#header .header-top{
	border-bottom:1px solid #ddd;
	min-width:1240px;
}
#header .header-top .center{
	height:90px;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
#header .header-top .top-btn{
	display:flex;
}
#header .header-top .top-btn > div{
	width:120px;
	margin-right:20px;
}
#header .header-top .top-btn > div:last-chld{
	margin-right:0
	
	;
}
#header .header-top .top-btn > div img{
	width:100%;
}
#header .utilMenu ul{font-size:0;text-align:right;border:1px solid #ddd;border-radius:3px;overflow:hidden;}
#header .utilMenu ul li{display:inline-block;border-left:1px solid #ddd;}
#header .utilMenu ul li > input{width:120px; height:24px; border:1px solid #ddd;  }

#header .utilMenu ul li:first-child{border-left:0;}
#header .utilMenu ul li a{display:block;height:24px;line-height:24px;padding:0 9px;font-size:12px;}
#header .utilMenu ul li a strong{font-weight:bold;}
#header .utilMenu ul li:first-child a{background:#e21a31;color:#fff;}

#header .header-bottom{
	position:relative;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	min-width: 1240px;
}
#header .header-bottom .sub-bg{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	/*height:250px;*/
	height:0;
	background-color:#fff;
	z-index:11;
	box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 5px;
}
#gnb > ul{
	width:100%;
	text-align:center;
	display:flex;
	justify-content: space-between;
	}
#gnb > ul > li{
	position:relative;
	
	}
#gnb > ul > li > a{
	display:block;
	padding:15px 0;
	font-size:17px;
	color:#333;
	font-weight:700;
	box-sizing:border-box;
	position:relative;
}
#gnb > ul > li.on > a:after{
	content:"";
	position:absolute;
	bottom:0;
	background-color:#109fb0;
	width:100%;
	left:0%;
	height:2px;
	display:block;	
}
#gnb > ul > li > .gnbDepth{
	position:absolute;
	top:60px;
	left:50%;
	width:160px;
	transform:translateX(-50%);
	z-index:12;
	display:none;
}
#gnb > ul > li > .gnbDepth li:first-child{
	/*margin-top:0;*/
}
#gnb > ul > li > .gnbDepth li a{
	font-size:15px;
	color:#000;
	padding:10px 0;
	display:block;
}
#gnb > ul > li > .gnbDepth li a:hover{
	font-weight:700;
}

#container{
	min-width:1240px;
	margin:0 auto;
	}
#container .subCntWrap{
	width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	margin-top:60px;
	color:#222;
	margin-bottom:100px;
}
#container .subCntWrap:after{content:"";display:block;clear:both;}
#lnb{
	float:left;
	width:226px;
}
#lnb .tit{
	width:100%;
	padding-bottom:18px;
	font-size:23px;
	font-weight:bold;
	border-bottom:3px solid #009ba9;
	color:#000;
}
#lnb .lnbMenu li{
	border-bottom:1px solid #ccc;
}
#lnb .lnbMenu li a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:12px;
	box-sizing:border-box;
	font-size:17px;
	color:#333;
}
#lnb .lnbMenu li.on a{
	color:#009ba9;
	font-weight:700;
}
#lnb .hrdLink{margin-top:46px;width:100%;height:121px;background:url("/resources/home/images/common/bg_lnb_hrd.png") no-repeat 0 0;}
#lnb .hrdLink a{display:block;width:100%;height:121px;padding-top:20px;box-sizing:border-box;text-align:center;}
#lnb .hrdLink p{color:#6c97df;font-size:24px;font-weight:bold;}
#lnb .hrdLink p span{display:block;font-size:20px;font-weight:bold;}
#lnb .hrdLink em{font-size:11px;color:#fff;}
#lnb .csCenter{margin-top:10px;padding:25px 0;width:100%;background:#109fb0;text-align:center;}
#lnb .csCenter strong{font-size:20px;font-weight:bold;display:block;color:#fff;}
#lnb .csCenter p{margin:10px 0;font-size:25px;font-weight:bold;color:#fff;}
#lnb .csCenter ul{color:#fff;}
#lnb .csCenter li{font-size:13px;}
#lnb .csCenter li span{display:inline-block;width:60px;text-align:left;}
#lnb .downList{margin-top:10px;}
#lnb .downList li{border:1px solid #ddd;margin-top:5px;}
#lnb .downList li:first-child{margin-top:0;}
#lnb .downList li a{display:block;width:100%;height:86px;padding:24px 0 0 79px;box-sizing:border-box;background:url("/resources/home/images/common/ico_lnb_exl.png") no-repeat 10px center;color:#333;font-size:14px;}
#lnb .downList li a strong{display:block;font-size:16px;font-weight:bold;}
#lnb .bankingInfo{margin-bottom:50px; margin-top:10px;padding:20px 0 20px 28px;border:1px solid #ddd;}
#lnb .bankingInfo strong{font-size:19px;font-weight:bold;color:#333;}
#lnb .bankingInfo em{display:block;font-size:14px;color:#333;}
#lnb .bankingInfo p{font-size:18px;margin:10px 0 4px;}
#lnb .bankingInfo p span{color:#109fb0;}
#lnb .bankingInfo p.nameTxt{font-size:18px;color:#333;margin:0;}

#content{
	float:right;
	width:924px;
}
#content.main{float:none;width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.pageTitleArea{
	width:100%;
	height:53px;
	margin-bottom:40px;
	border-bottom:1px solid #858585;
}
.pageTitleArea:after{content:"";display:block;clear:both;}
.pageTitleArea .tit{
	float:left;
	font-size:28px;
	color:#333;
	font-weight:500;
}
.pageTitleArea .location{
	float:right;
	font-size:13px;
	margin-top:25px;
}
.pageTitleArea .location strong{
	font-weight:bold;
}

.quickMenu{position:fixed;right:0;top:50%;margin-top:-178px;z-index:99;}
.quickMenu li{position:relative;margin-top:1px;}
.quickMenu li:first-child{margin-top:0;}
.quickMenu a{display:block;width:50px;height:50px;background-color:#eee;background-position:center center;background-repeat:no-repeat;}
.quickMenu li.menu01 a{background-image:url("/resources/home/images/quick/img_quick01.png");}
.quickMenu li.menu02 a{background-image:url("/resources/home/images/quick/img_quick02.png");}
.quickMenu li.menu03 a{background-image:url("/resources/home/images/quick/img_quick03.png");}
.quickMenu li.menu04 a{background-image:url("/resources/home/images/quick/img_quick04.png");}
.quickMenu li.menu05 a{background-image:url("/resources/home/images/quick/img_quick05.png");}
.quickMenu li.menu06 a{background-image:url("/resources/home/images/quick/img_quick06.png");}
.quickMenu li.goTop a{background-image:url("/resources/home/images/quick/img_go_top.png");}
.quickMenu li p{position:absolute;right:57px;top:50%;display:none;height:24px;line-height:24px;margin-top:-12px;padding:0 7px;background:#444;color:#fff;font-size:12px;white-space:nowrap;}
.quickMenu li p:before{content:"";display:inline-block;position:absolute;right:-3px;top:9px;width:3px;height:5px;background:url("../images/bg_quick_arrow.png") no-repeat 0 0;}
.quickMenu a:hover{background-color:#dbdada;}
.quickMenu a:hover + p{display:block;}

.footerWrap{min-width:1240px;width:100%;height:330px;background:#333;}
#footer{position:relative;width:1240px;height:330px;padding:40px 20px;margin:0 auto;box-sizing:border-box;}
#footer .logo{float:left;margin:96px 70px 0 0;}
#footer .footerCnt{float:left;margin-top:36px;}
#footer .footMenu{width:100%;}
#footer .footMenu:after{content:"";display:block;clear:both;}
#footer .footMenu li{position:relative;float:left;padding-right:35px;}
#footer .footMenu li:before{content:"";position:absolute;right:17px;top:0;display:inline-block;width:1px;height:12px;background:#fff;}
#footer .footMenu li a{font-size:14px;color:#fff;}
#footer #address{margin-top:42px;color:#fff;font-size:12px;line-height:22px;}
#footer #address .copyright{margin-top:18px;color:#afaeae;}
#footer .familySite{position:absolute;right:20px;top:78px;}
#footer .familySite > a{position:relative;display:block;width:224px;height:40px;line-height:38px;padding-left:83px;font-size:16px;font-weight:bold;color:#fff;border:1px solid #fff;box-sizing:border-box;}
#footer .familySite > a:before{content:"";position:absolute;left:21px;top:17px;display:block;width:13px;height:7px;background:url("/resources/home/images/common/ico_familysite.png") no-repeat left top;}
#footer .familySite.open > a:before{background-position:left bottom;}
#footer .familySite .siteList{position:absolute;left:0;bottom:40px;width:224px;padding:12px 0;background:#333;display:none;}
#footer .familySite .siteList a{display:block;width:100%;height:33px;padding-left:16px;box-sizing:border-box;line-height:33px;font-size:16px;color:#fff;}
#footer .familySite .siteList a:hover{background:#109fb0;}
#footer .familySite.open .siteList{display:block;}


/*-----------------------------------------------------------------------------------
	Common Properties
-----------------------------------------------------------------------------------*/
.blind{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;line-height:0;overflow:hidden;}
.txtLeft{text-align:left !important;}
.txtCenter{text-align:center !important;}
.txtRight{text-align:right !important;}

.floatR { float: right; }
.floatL { float: left; }
.floatC:after {
    content: "";
    display: block;
    clear: both;
}
.floatC { *zoom: 1; }

.fBold { font-weight: bold; }
.fBlack { color: #000; }
.fBlue { color: #7495f3; }
.fRed { color: #bf4343; }
.fOrange { color: #f7620e; }
.fGrey { color: #888; }
.fLighrgrey { color: #a8a8a8; }
.fGreen { color: #02b035; }
.fYellow { color: #E7D447; }
.fGreenyellow { color: #4d7f12; }
.fPink { color: #fa22f7; }
.fPurple { color: #aa3ad5; }
.fBrown { color:#c18c4c }
.fWhite { color:#fff }

.mCenter { margin: 0 auto; }
.marginT01 { margin-top: 1px; }
.marginT02 { margin-top: 2px; }
.marginT03 { margin-top: 3px; }
.marginT05 { margin-top: 5px; }
.marginT06 { margin-top: 6px; }
.marginT07 { margin-top: 7px; }
.marginT08 { margin-top: 8px; }
.marginT10 { margin-top: 10px; }
.marginT12 { margin-top: 12px; }
.marginT15 { margin-top: 15px; }
.marginT20 { margin-top: 20px; }
.marginT30 { margin-top: 30px; }
.marginT50 { margin-top: 50px; }
.marginT70 { margin-top: 70px; }
.marginT100 { margin-top: 100px; }
.marginT250 { margin-top: 250px; }


.marginR01 { margin-right: 1px; }
.marginR02 { margin-right: 2px; }
.marginR03 { margin-right: 3px; }
.marginR05 { margin-right: 5px; }
.marginR07 { margin-right: 7px; }
.marginR10 { margin-right: 10px; }
.marginR20 { margin-right: 20px; }
.marginR35 { margin-right: 35px; }
.marginR50 { margin-right: 50px; }
.marginR70 { margin-right: 70px; }

.marginB03 { margin-bottom: 3px; }
.marginB05 { margin-bottom: 5px; }
.marginB07 { margin-bottom: 7px; }
.marginB10 { margin-bottom: 10px; }
.marginB20 { margin-bottom: 20px; }
.marginB50 { margin-bottom: 50px; }


.marginL01 { margin-left: 1px; }
.marginL02 { margin-left: 2px; }
.marginL03 { margin-left: 3px; }
.marginL05 { margin-left: 5px; }
.marginL07 { margin-left: 7px; }
.marginL10 { margin-left: 10px; }
.marginL13 { margin-left: 13px; }
.marginL20 { margin-left: 20px; }
.marginL25 { margin-left: 25px; }
.marginL30 { margin-left: 30px; }
.marginL40 { margin-left: 40px; }
.marginL101 { margin-left: 101px; }
.marginL138 { margin-left: 138px; }
.marginL267 { margin-left: 267px; }


 .font-s0 {font-size: 0;}
 .font-s10 {font-size:10px!important;}
 .font-s11 {font-size:11px!important;}
 .font-s12 {font-size:12px!important;}
 .font-s13 {font-size:13px!important;}
 .font-s14 {font-size:14px!important;}
 .font-s16 {font-size:16px!important;}
 .font-s18 {font-size:18px!important;}
 .font-s20 {font-size:20px!important;}
 .font-s24 {font-size:24px!important;}
 .font-s30 {font-size:30px!important;}
 
 
/* Button */
.btn{display:inline-block;font-size:12px;min-width:80px;height:32px;line-height:30px;padding:0 10px;border-radius:2px;text-align:center;border:1px solid #c9c9c9;cursor:pointer;box-sizing:border-box;}
.btn:active{box-shadow:inset 2px 2px 3px 0 rgba(0, 0, 0, 0.25);}
.btn.default{background:#fff;}
.btn.default:hover{background:#ededed;}
.btn.default:disabled{background:#fff;}
.btn.mint{background:#109fb0;color:#fff;border-color:#168795;}
.btn.mint:hover{background:#168795;}
.btn.red{background:#e11a31;color:#fff;border-color:#c3182c;}
.btn.red:hover{background:#c3182c;}
.btn.grey{color:#4a4a4a;font-size:12px;background:linear-gradient(to bottom, #ffffff, #f2f2f2);}
.btn.grey:hover{background:#ededed;}
.btn.gold{background:#cc6600;color:#fff;border-color:#cc5500;}
.btn.gold:hover{background:#cc5500;}
.btn.ico{padding-left:33px;background-position:7px center;background-color:#fff;background-repeat:no-repeat;background-size:24px 24px;}
.btn.ico:hover{background-color:#ededed;}
.btn.ico.wrt{background-image:url("/resources/home/images/common/ico_btn_wrt.png");}
.btn.ico.refresh{background-image:url("/resources/home/images/common/ico_btn_refresh.png");}
.btn.ico.up{background-image:url("/resources/home/images/common/ico_btn_up.png");}
.btn.ico.down{background-image:url("/resources/home/images/common/ico_btn_down.png");}
.btnReDel{background:none;border:0;padding:0;margin:0;outline:none;cursor:pointer;}

.btnWide{display:inline-block;font-size:14px;width:120px;min-width:120px;height:40px;line-height:40px;padding:0 10px;border-radius:2px;text-align:center;border:1px solid #c9c9c9;cursor:pointer;box-sizing:border-box;}
.btnWide.mint{background:#109fb0;color:#fff;border-color:#168795;}
.btnWide.mint:hover{background:#168795;}
.btnWide.red{background:#e11a31;color:#fff;border-color:#c3182c;}
.btnWide.red:hover{background:#c3182c;}

.btnBig{display:inline-block;font-size:20px;min-width:150px;height:60px;line-height:60px;padding:0 10px;border-radius:2px;text-align:center;border:1px solid #c9c9c9;cursor:pointer;box-sizing:border-box;}
.btnBig.mint{background:#109fb0;color:#fff;border-color:#168795;}
.btnBig.mint:hover{background:#168795;}

.btnBigWide{display:inline-block;font-size:24px;height:100px;line-height:100px;padding:0 10px;border-radius:10px;text-align:center;border:1px solid #c9c9c9;cursor:pointer;box-sizing:border-box;}
.btnBigWide.red{background:#e11a31;color:#fff;border-color:#c3182c;}
.btnBigWide.red:hover{background:#c3182c;}
.btnBigWide.mint{background:#109fb0;color:#fff;border-color:#168795;}
.btnBigWide.mint:hover{background:#168795;}


/* Form */
input[type="text"], input[type="number"], input[type="password"]{
	width:100%;height:32px;line-height:30px;padding:0 10px;border-radius:0;border:1px solid #c9c9c9;color:#4a4a4a;font-size:12px;background:#fff;box-sizing:border-box;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus{border-color:#2bb7b3;outline:none;}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled{opacity:0.4;}
input[type="text"][readonly], input[type="number"][readonly], input[type="password"][readonly]{background-color:#ededed !important;border-color:#c9c9c9 !important;}
input::-webkit-input-placeholder{color:#c9c9c9 !important;}
input::-moz-placeholder{color:#c9c9c9 !important;}
input:-ms-input-placeholder{color:#c9c9c9 !important;}
input[type="text"].datePick{padding-right:30px;background:#fff url("/resources/home/images/common/ico_cal.png") no-repeat right center;}

input[type="file"]{
	width:100%;
	height:32px;
	line-height:30px;
	color:#4a4a4a;
	font-size:12px;
	}
input[type=file]::file-selector-button {
  width: 150px;
  height: 30px;
  background: #fff;
  border: 1px solid rgb(77,77,77);
  border-radius: 10px;
  cursor: pointer;
  }
input[type=file]::file-selector-button:hover {
    background: rgb(77,77,77);
    color: #fff;
 }

-webkit-input[type="file"]{background:#ededed;border:1px solid #c9c9c9;}

textarea{width:100%;padding:10px;line-height:1.4;border-radius:0;border:1px solid #c9c9c9;color:#4a4a4a;font-size:12px;background:#fff;}
textarea.viewList{background:#ededed;}
textarea:focus{border-color:#2bb7b3;outline:none;}
textarea:disabled{opacity:0.4;}
textarea[readonly]{background-color:#ededed;border-color:#c9c9c9;}
textarea::-webkit-input-placeholder{color:#c9c9c9 !important;}
textarea::-moz-placeholder{color:#c9c9c9 !important;}
textarea:-ms-input-placeholder{color:#c9c9c9 !important;}

input[type="checkbox"], input[type="radio"]{display:none;}
input[type="checkbox"] + label, input[type="radio"] + label{display:inline-block;min-height:24px;padding:4px 0 0 24px;color:#4a4a4a;font-size:12px;box-sizing:border-box;}
input[type="checkbox"] + label{background:url("/resources/home/images/common/chkbox_default_off.png") no-repeat left top;}
input[type="checkbox"]:checked + label{background:url("/resources/home/images/common/chkbox_default_on.png") no-repeat left top;}
input[type="checkbox"]:disabled + label{background:url("/resources/home/images/common/chkbox_dis_off.png") no-repeat left top;}
input[type="checkbox"]:disabled:checked + label{background:url("/resources/home/images/common/chkbox_dis_on.png") no-repeat left top;}
input[type="checkbox"][readonly] + label{background:url("/resources/home/images/common/chkbox_read_off.png") no-repeat left top;}
input[type="checkbox"][readonly]:checked + label{background:url("/resources/home/images/common/chkbox_read_on.png") no-repeat left top;}
input[type="checkbox"].noLabel + label span{position:absolute;left:-9999px;top:-9999px;font-size:0;width:0;height:0;overflow:hidden;}

input[type="radio"].radioType + label{background:url("/resources/home/images/common/radio_default_off.png") no-repeat left top;}
input[type="radio"].radioType:checked + label{background:url("/resources/home/images/common/radio_default_on.png") no-repeat left top;}
input[type="radio"].radioType:disabled + label{background:url("/resources/home/images/common/radio_dis_off.png") no-repeat left top;}
input[type="radio"].radioType:disabled:checked + label{background:url("/resources/home/images/common/radio_dis_on.png") no-repeat left top;}
input[type="radio"].radioType[readonly] + label{background:url("/resources/home/images/common/radio_read_off.png") no-repeat left top;}
input[type="radio"].radioType[readonly]:checked + label{background:url("/resources/home/images/common/radio_read_on.png") no-repeat left top;}
input[type="radio"].radioType.formError + label{background:url("/resources/home/images/common/radio_error_off.png") no-repeat left top;}
input[type="radio"].radioType:checked.formError + label{background:url("/resources/home/images/common/radio_error_on.png") no-repeat left top;}

select{
	width:100%;height:32px;line-height:30px;padding:0 25px 0 10px;border:1px solid #c9c9c9;color:#4a4a4a;border-radius:0;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("/resources/home/images/common/bg_select_on.png") no-repeat right center;
}
select::-ms-expand{display:none;}/* 화살표 제거 for IE */
@media screen and(min-width:0\0){select{background:#fff;}}/* for IE */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){select{background:#fff url("/resources/home/images/common/bg_select_on.png") no-repeat right center;}}/* for IE10+ */
select option{width:100%;}
select:focus{border-color:#2bb7b3;color:#4a4a4a;outline:none;}
select[readonly]{border-color:#c9c9c9;background-color:#ededed;background-image:url("/resources/home/images/common/images/bg_select_off.png");}
select:disabled{opacity:0.4;}

/*검색영역*/
.searchArea{width:100%;margin-bottom:10px;}
.searchArea .searchBox{float:right;margin-bottom:10px;position:relative;}

/* Datepicker */
.ui-datepicker.ui-widget-content{background:#d5edea;}
.ui-widget .ui-datepicker-week-end a, .ui-widget .date-holiday a{color:red;}
.ui-widget tr td:last-child.ui-datepicker-week-end a{color:blue;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{background:#f7f8e3;}
.ui-datepicker-calendar .ui-state-highlight{background:#fff;border:1px solid #109fb0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#109fb0;color:#fff !important;}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{background:#fff !important;}
.ui-datepicker-next-hover, .ui-datepicker-prev-hover{background:#fff !important;}
.ui-datepicker .ui-datepicker-title select{margin:0;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{height:20px;line-height:18px;vertical-align:top;padding-left:5px;}
.ui-datepicker select.ui-datepicker-year{width:60px;margin-right:2px;}
.ui-datepicker select.ui-datepicker-month{width:40px;margin-left:10px;}

/* Page Navigation */
.paging{margin:30px 0;text-align:center;font-size:0;}
.paging span, .paging strong, .paging a{display:inline-block;color:#4a4a4a;font-size:12px;}
.paging > a, .paging strong{width:33px;height:32px;line-height:32px;text-align:center;}
.paging > a:hover{text-decoration:underline;}
.paging strong{background:#109fb0;color:#fff;}
.paging span.prev{margin-right:13px;padding-left:16px;background:url("/resources/home/images/common/btn_page_prev.png") no-repeat left center;}
.paging span.next{margin-left:13px;padding-right:16px;background:url("/resources/home/images/common//btn_page_next.png") no-repeat right center;}

/* Community - List */
.tblList{clear:both;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;font-size:14px;color:#444;}
.tblList thead th{padding:10px 15px;font-weight:bold;background:#ededed;border-bottom:1px solid #c9c9c9;border-left:1px solid #c9c9c9;}
.tblList tbody td{padding:10px 15px;}
.tblList thead th:first-child{border-left:0;}
.tblList tbody tr:nth-child(even) td{background:#f5f5f5;}
.tblList tbody td.selectedRow{background-color:#d5edea !important;}
.tblList tbody td.title a{display:block;max-width:100%;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* Community - Detail&Edit */
.tblView{border-top:1px solid #c9c9c9;font-size:14px;color:#444;}
.tblView th, .tblView td{border-bottom:1px solid #c9c9c9;padding:10px 15px;}
.tblView th{font-weight:bold;background:#ededed;}
.tblView td.cntArea{padding:30px 15px;}
.linkFile{position:relative;padding-left:15px;}
.linkFile:before{content:"";display:inline-block;position:absolute;left:0;top:2px;width:11px;height:12px;background:url("../images/ico_file.png") no-repeat 0 0;}
.linkFile a{text-decoration:underline;color:#0782c1;}
/* 에디터입력 데이터 스타일 재정의 */
.tblView .cntArea i, .tblView .cntArea em, .tblView .cntArea cite, .tblView .cntArea var, .tblView .cntArea dfn, .tblView .cntArea address{font-style:italic;}
.tblView .cntArea s, .tblView .cntArea strike, .tblView .cntArea del{text-decoration:line-through;}
.tblView .cntArea b, .tblView .cntArea strong{font-weight:bold;}
.tblView .cntArea ol, .tblView .cntArea ol li{list-style-type:decimal;}
.tblView .cntArea ul, .tblView .cntArea ul li{list-style-type:disc;}
.tblView .cntArea a{text-decoration:underline;color:#0782c1;}

/*시험지*/
.tblExam{border-top:1px solid #c9c9c9;font-size:16px;color:#444;}
.tblExam th{border:1px solid #c9c9c9;padding:10px 15px;text-align:left}
.tblExam td{border-bottom:1px solid #c9c9c9;padding:10px 15px;text-align:left}
.tblExam th{font-weight:bold;background:#ededed;}

/*성적보기테이블*/
.tblScore{border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9;font-size:16px;color:#444;}
.tblScore th{border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:10px 15px;text-align:center}
.tblScore td{border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:10px 15px;text-align:center}
.tblScore th{font-weight:bold;background:#ededed;}

/* Tab Munu */
.tabMenu{height:50px;margin-bottom:30px;border-bottom:1px solid #c9c9c9;box-sizing:border-box;}
.tabMenu ul{width:100%;height:50px;}
.tabMenu li{position:relative;float:left;margin-right:1px;}
.tabMenu li a{display:block;width:100%;min-width:160px;padding:0 30px;height:49px;line-height:49px;border-radius:5px 5px 0 0;box-sizing:border-box;border:1px solid #c9c9c9;border-bottom:0;background:#eee;text-align:center;color:#444;font-weight:bold;font-size:16px;}
.tabMenu li.on a{height:50px;color:#109fb0;background:#fff;}

.tabMenuBig{height:50px;margin-bottom:30px;border-bottom:1px solid #c9c9c9;box-sizing:border-box;}
.tabMenuBig ul{
	width:100%;
	height:50px;
	display:flex;
	justify-content: space-between;
	}
.tabMenuBig li{
	width:calc(50% - 0.5px);
	position:relative;
	}
.tabMenuBig li a{display:block;width:100%;min-width:160px;padding:0 30px;height:49px;line-height:49px;border-radius:5px 5px 0 0;box-sizing:border-box;border:1px solid #c9c9c9;border-bottom:0;background:#eee;text-align:center;color:#444;font-weight:bold;font-size:16px;}
.tabMenuBig li.on a{height:50px;color:#109fb0;background:#fff;}

/*-----------------------------------------------------------------------------------
	Main Properties
-----------------------------------------------------------------------------------*/

/* 메인 비주얼 슬라이드 부분 시작======================================= */
.slid-area{
    height: 510px;
    position: relative;
    font-weight: 500;
    margin-bottom: 120px;
}
.slid-view{
	position:absolute;
	top:0;
    width: 100%;
    height: 100%;
}
.slid-view>div{
    /* display: none; */
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}
.slid-view>div .slid-box img{
	display:block;
	width:1920px;
	margin:0 auto;
}
/* .slid-view>div:first-child{
    display: block;
} */
/* 슬라이더메뉴 */
.slid-menu-area{
	width:1200px;
	height:510px;
	margin:0 auto;
	position:relative;
	
}
.slid-menu-box{
    width: 140px;
    height:100%;
    padding: 7px;
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(255,255,255,.5);
    box-sizing: border-box;
    overflow: hidden;
    z-index: 10;
}
.slid-menu-box li{
    width: 100%;
    padding: 18px 0 18px 12px;
    margin-bottom: 5px;
    font-size: 17px;
    color: #222;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}
.slid-menu-box li::before{
    content: '';
    position: absolute;
    left: 0px;
    bottom:0px;
    z-index:-1;
    width: 100%;
    height:100%;
    background: transparent;
    box-shadow: inset 0px 0px 0px #139fb0;
    display: block;
    transition: all 1s cubic-bezier(.3, .24, 0, 1);
}
.slid-menu-box li.on::before {
    box-shadow: inset 300px 0px 0px #139fb0;
}
.slid-menu-box li.on {
   color: #fff;

}
.slid-menu-box li:last-child{
    margin-bottom: 0;
}


/* 슬라이더버튼 */
.slid-controll-box{
	width:1200px;
	margin:0 auto;
	position:relative;
}
.slid-controll {
    display: flex;
    position:absolute;
    left: 180px;
    bottom: 27px ;
    z-index: 60;
}
.slid-controll .slid-btn{
    border-radius:50%; 
    cursor:pointer;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.5);
    background: no-repeat center;
    background-size: contain;
}  
.slid-controll .button-prev{
    background-image: url(/resources/home/images/etc/left-btn.png);
}
.slid-controll .button-next{
    background-image: url(/resources/home/images/etc/right-btn.png);
}
.slid-controll .auto-btns>div{
    display: none;
}
.slid-controll .auto-btns>div.on{
    display: block;
}

.slid-controll .auto-btns .start{
    background-image: url(/resources/home/images/etc/play-btn.png);
}
.slid-controll .auto-btns .stop{
    background-image: url(/resources/home/images/etc/stop-btn.png);
}



.slid-controll .swiper-pagination{
    position: static;
    width: 70px;
    background-color: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.slid-view .auto-btns > div{
	margin-left: 20px;
}
/* 메인 비주얼 슬라이드 부분 끝======================================= */

.sectionBoxWrap{width:1200px; height:160px; overflow:hidden; position:relative;}
.section4Box{width:1460px; }
.section4Box li{float:left; width:230px; height:100%; position:relative;
	margin-right:10px; border:1px solid #eee; box-sizing:border-box; box-shadow:2px 2px 2px #ddd;}
.classImg{width:230px; height:150px; }
.classImg img{width:100%; height:100%;}

.classInfo{position:absolute; top:0; left:0; 
	width:100%; height:100%; opacity:0;
	background:#ddd;  color:#666;
	}
.classInfo:hover{opacity:0.8; cursor:pointer;}
.classInfoH{margin-top:35px; text-align:center; font-size:20px;}
.classInfoP{ text-align:center;}

.classSignUpWrap{height:30px;
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	display:flex; align-items:center; align-content:center;}
.classSignUp{width:100px; height:30px; 
	color:#333; cursor:pointer;
	text-align:center; line-height:30px; 
	background: #888; border:none; border-radius:3px;}
.classSignUp a{color:#fff;}
.classSignUp:hover{background:#109fb0; }
.classSignUp:hover a{color:#fff; }

/*서브 타이틀*/
.subTit{font-size:20px;color:#333;margin:50px 0px 10px 20px;font-weight:bold;}

/*공통클래스*/
.mgt_0 { margin-top:0px !important;}
.mgt_30 { margin-top:30px !important;}
.mgb_0 { margin-bottom:0px !important;}
.mgb_5 { margin-bottom:5px !important;}
.mgb_10 { margin-bottom:10px !important;}
.mgb_20 { margin-bottom:20px !important;}
.mgb_30 { margin-bottom:30px !important;}
.mgb_35 { margin-bottom:35px !important;}
.mgb_40 { margin-bottom:40px !important;}
.mgb_50 { margin-bottom:50px !important;}
.mgb_60 { margin-bottom:60px !important;}
.al_right { text-align: right !important;}
.al_left { text-align: left !important;}
.al_center { text-align: center !important;}


/*교육원소개 영역*/
.sc_top_box {margin-bottom: 26px;padding: 70px 0 0 0; background:url(/resources/home/images/introduction/company_bg1.png) no-repeat right 0;  height: 300px;  } 
.sc_top_box p { font-size: 26px; color: #000; margin-bottom: 20px;}
.sc_top_box p strong{  color: #e12130; }
.sc_top_box span { display: block; line-height: 22px;  }
.sc_h4 { color: #a0a0a0; font-size: 24px;}
.sc_h4 strong {  color: #eeb935; }
.snum_box {  padding: 0 0 0 46px; margin-bottom: 42px}
.snum_box p { margin: 0 0 0 60px;}
.snum_text { padding:0 0 0 60px; background:url(/resources/home/images/introduction/sub_num_01.png) no-repeat 0 2px;font-size: 18px;   margin-bottom: 15px;}
.s_num_02 {background:url(/resources/home/images/introduction/sub_num_02.png) no-repeat 0 2px;}
.s_num_03 {background:url(/resources/home/images/introduction/sub_num_03.png) no-repeat 0 2px;}
.h4_green strong {  color: #28a4b3; }
.public_text { font-size: 16px; line-height: 24px;}
.pt_em { display: inline; background: #e04348; color: #fff; padding: 0 4px}

/*이사장 인사말*/
.intro_top_box {  background: url(/resources/home/images/introduction/ceo_bg.png) repeat-x 0 0;  padding-bottom: 30px; margin-bottom: 30px;}
.intro_img_box { background: url(/resources/home/images/introduction/ceo_img01.jpg) no-repeat 0 0; height: 480px;text-indent: -99999px;  }
.intro_inner { padding: 0 30px;overflow: hidden; }
.intro_text { font-size: 16px; line-height: 26px; margin-bottom: 50px;}
.intro_dl dt { margin-bottom: 10px; }
.intro_dl dd { line-height: 22px; }

.career_wrap { border-top: 1px solid #666666; padding: 40px 0 0 0;}
.career_wrap h4 {margin-bottom: 20px; color: #fff;background: #666666; width:150px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; }
.career_dl  {padding: 5px 0; overflow: hidden; border-bottom: 1px dashed #ddd;  }
.career_dl dt {  float: left; font-size: 18px; color: #333; width:120px; text-align: right; font-weight: normal; }
.career_dl dd {  margin: 2px 0 3px 130px; padding: 0 0 0 10px; background: url(/resources/home/images/common/list_bullet.png) no-repeat 0 10px;   }
.career_ul{ }
.career_ul li { padding: 0 0 8px 10px;margin-bottom: 10px; background: url(/resources/home/images/common/list_bullet.png) no-repeat 0 10px;   border-bottom: 1px dashed #ddd;     }
.career_ul .year_li { background: none; padding: 0 0 8px 0; }
.career_ul .year_li span { display: block; margin: 0 0 4px 10px;}
.career_ul .year_li p{   padding: 0 0 0 10px; background: url(/resources/home/images/common/list_bullet.png) no-repeat 0 10px;   }

/* UI Object */
.tab_face{padding:0 0 35px 0}
.tab_face ul{position:relative;margin:0px;padding:0;_padding:2px 0 0 0;border-bottom:1px solid #d82d23;font-family: Malgun Gothic;font-size:12px;list-style:none;*zoom:1;text-align:center}
.tab_face li{display:inline-block; margin-right:1px;background:#fff}
.tab_face li a,
.tab_face li a span{position:relative;cursor:pointer}
.tab_face li a{ display:inline-block;text-decoration:none}
.tab_face li a span{display:inline-table ;padding:6px 22px 6px 22px;color:#000}
.tab_face li ul{display:none;overflow:hidden;position:absolute;top:30px;left:0;width:100%;margin:0;padding:0;border:0;white-space:nowrap;list-style:none;*zoom:1}
.tab_face li ul:after{display:block;clear:both;content:""}
.tab_face li li{overflow:visible;position:relative;left:-1px;padding:0 15px;border-left:1px solid #fff;background:transparent}
.tab_face li li a{padding:0;margin:0;font-weight:bold;color:#666}
.tab_face.m1 .m1,
.tab_face.m2 .m2,
.tab_face.m3 .m3,
.tab_face.m4 .m4,
.tab_face.m5 .m5,
.tab_face.m6 .m6,
.tab_face.m7 .m7,
.tab_face.m8 .m8,
.tab_face.m9 .m9,
.tab_face.m10 .m10,
.tab_face.m11 .m11,
.tab_face.m12 .m12{margin-top:-1px;background-color:#d82d23 }
.tab_face.m1 .m1 a span,
.tab_face.m2 .m2 a span,
.tab_face.m3 .m3 a span,
.tab_face.m4 .m4 a span,
.tab_face.m5 .m5 a span,
.tab_face.m6 .m6 a span,
.tab_face.m7 .m7 a span,
.tab_face.m8 .m8 a span,
.tab_face.m9 .m9 a span,
.tab_face.m10 .m10 a span,
.tab_face.m11 .m11 a span,
.tab_face.m12 .m12 a span{padding-top:7px;padding-bottom:7px;font-weight:normal;letter-spacing:-1px}
.tab_face.m1 .m1 ul,
.tab_face.m2 .m2 ul,
.tab_face.m3 .m3 ul,
.tab_face.m4 .m4 ul,
.tab_face.m5 .m5 ul,
.tab_face.m6 .m6 ul,
.tab_face.m7 .m7 ul,
.tab_face.m8 .m8 ul,
.tab_face.m9 .m9 ul,
.tab_face.m10 .m10 ul,
.tab_face.m11 .m11 ul,
.tab_face.m12 .m12 ul{display:block}
.tab_face li li a:hover,
.tab_face li li a:active,
.tab_face li li a:focus,
.tab_face.s1 .s1 a,
.tab_face.s2 .s2 a,
.tab_face.s3 .s3 a,
.tab_face.s4 .s4 a,
.tab_face.s5 .s5 a,
.tab_face.s6 .s6 a,
.tab_face.s7 .s7 a,
.tab_face.s8 .s8 a,
.tab_face.s9 .s9 a,
.tab_face.s10 .s10 a,
.tab_face.s11 .s11 a,
.tab_face.s12 .s12 a{font-weight:bolder;color:#333;letter-spacing:-1px}
.tab_face.js_off{padding:0}
.tab_face.js_off ul{border:0}
.tab_face.js_off li{float:none}
.tab_face.js_off li a{float:none;font-weight:bolder;}
.tab_face.js_off li ul{display:block;position:static;left:0;top:0;padding:5px 0;background:#fff}
.tab_face.js_off li li{display:inline}
.tab_face.js_off li li a{font-weight:normal !important;color:#333;letter-spacing:normal}
.tab_face.js_off li li a:hover,
.tab_face.js_off li li a:active,
.tab_face.js_off li li a:focus{text-decoration:underline}
/* //UI Object */

/*비전*/
.sub0204_box { border:1px solid #ebebeb; text-align: center; padding: 20px;}
.h4_title {margin-bottom: 20px; color: #fff;background: #1fb0b9; width:150px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; }
.ph_box {border:1px solid #eee;  border-top: 6px solid #20b0b9; padding: 36px 0; text-align: center; font-size: 26px; margin-bottom: 30px}
.ph_box span  {  display: block; height: 100px; text-align: left; text-indent: -9999px; margin-bottom: 10px;}
.mi_icon01 {background: url(/resources/home/images/introduction/vision_icon01.png) no-repeat 50% 50%; }
.mi_icon02 {background: url(/resources/home/images/introduction/vision_icon02.png) no-repeat 50% 50%; }
.mi_icon03 {background: url(/resources/home/images/introduction/vision_icon03.png) no-repeat 50% 50%; }
.mi_icon04 {background: url(/resources/home/images/introduction/vision_icon04.png) no-repeat 50% 50%; }
.mi_icon05 {background: url(/resources/home/images/introduction/vision_icon05.png) no-repeat 50% 50%; }
.mi_icon06 {background: url(/resources/home/images/introduction/vision_icon06.png) no-repeat 50% 50%; }

/*조직도*/
.map_address_text {text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 40px;}
.map_dl { margin-bottom: 16px; }
.map_dl dt { font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.map_dl dd { font-size: 18px;  }

/*환급지원안내*/
.s030101_box { background: url(/resources/home/images/guid/refund_bg01.png) no-repeat right bottom;  border-bottom: 2px solid #000; padding: 0 0 34px 12px; margin-bottom: 30px;}
.s030101_t01 { margin-bottom: 34px; }
.s030101_box p { font-size: 24px; margin-bottom: 15px; }
.s030101_box span { display: block; font-size: 16px; line-height: 28px; }
.s030101_box02 {  background:#f1f1f1 url(/resources/home/images/guid/refund_bg02.png) no-repeat right bottom; padding: 20px 0 0 20px;height: 226px;}
.s030101_box02 p{ font-size: 17px;  margin-bottom: 12px;}
.s030101_box02 span { display: block; font-size: 12px; line-height: 22px; letter-spacing: -1px;}
.s030101_box03 {background:#f1f1f1 url(/resources/home/images/guid/refund_bg03.png) no-repeat right bottom;  }
.sline_box {background: #f1f1f1;border:2px solid #e5e5e5; padding:12px 20px; }

/*사업주직업능력개발지원*/
.employer_top { overflow: hidden;  margin-bottom: 16px;}
.employer_top ol li{  float: left; width:20%; }
.employer_top ol li p{  margin: 0 0 0 1px; background: #e5e5e5; line-height: 46px; height: 48px; text-align: center; font-size: 16px;}
.employer_top ol .on p{   background: #300000; color: #fff; }
.sub030201_box { border:1px solid #300000;   background: url(/resources/home/images/guid/employer_bg01.png) no-repeat 26px 26px; padding: 28px 20px 34px 260px; margin-bottom: 30px;}
.sub030201_box p { font-size: 22px; margin-bottom: 10px;  }
.sub030201_box span  {display: block; font-size: 15px; line-height: 22px;   letter-spacing: -1px;}
.h4_bullet {margin-bottom: 14px; font-size: 22px; background: url(/resources/home/images/guid/employer_bullet.png) no-repeat 0 2px;padding: 0 0 0 26px; }
.sub_tbl { width:100%; }
.sub_tbl thead th {background: #300000;color: #fff; text-align: center; font-size: 16px;font-weight: bold; padding: 5px 0;border-bottom: 2px solid #fff;  border-right: 2px solid #fff; }
.sub_tbl tbody td {background: #f1f1f1; vertical-align: middle;  padding: 20px; border-bottom: 2px solid #fff;  border-right: 2px solid #fff; }
.gray_box { background: #eee; padding: 10px; text-align: left; font-size: 13px;color: #7c7c7c;  }
.sc_img_box .gray_box { margin: 0 22px; }
.sc_img_box{ border:5px solid #f7f3f2;  text-align: center; padding: 30px 0;}
.sc_img_box img  { width:100%; height: auto;}
.sub030201_ls { overflow: hidden; margin-bottom: 30px }
.sub030201_box02 { float: left; width:232px; margin-right: 102px;position: relative }
.sub030201_box02:after{ content: ''; display: block; width:28px;height: 47px; position: absolute;  background: url(/resources/home/images/guid/employer_arrow.png) no-repeat right 16px; top: 32px; right:-76px;}  
.sub030201_box02 span { display: block;   background:#eeeeed url(/resources/home/images/guid/employer_icon01.png) no-repeat 50% 16px; text-align: center;font-size: 18px; padding: 94px 0 10px 0; margin-bottom: 10px; }
.ls_icon02 span { background:#eeeeed url(/resources/home/images/guid/employer_icon02.png) no-repeat 50% 16px;  }
.ls_icon03  { margin-right: 0;   }
.ls_icon03 span { background:#eeeeed url(/resources/home/images/guid/employer_icon03.png) no-repeat 50% 16px;  }
.ls_icon03:after { display: none; }
.sub030201_box02 p{ text-align: center; font-size: 16px; }
.ls_icon04 span {  background:#eeeeed url(/resources/home/images/guid/employer_icon02.png) no-repeat 50% 16px;}
.ls_icon05 span {  background:#eeeeed url(/resources/home/images/guid/employer_icon03.png) no-repeat 50% 16px;}
.ls_bottom_box { background: #eeeeed;border-bottom: 2px solid #bd173c; padding: 10px 20px;}
.ls_bottom_box h5{ font-size: 15px; margin-bottom: 8px}
.ls_bottom_box ol li { font-size: 13px; line-height: 20px; }
.sc_text_box{ border:5px solid #f7f3f2;  padding: 20px 20px 0;}
.sc_text_box .text_title{font-size:16px; color:#600000;;font-weight: bold;}

/*근로자 내일배움카드 지원*/
.sc_title { font-size: 26px;  margin-bottom: 20px; font-weight:bold;}
.sub030301_box {border:1px solid #300000; margin-bottom: 30px;  padding: 0 0 30px 0   }
.sub030301_inner {  padding: 28px 20px 34px 260px;   background: url(/resources/home/images/guid/worker_bg01.png) no-repeat 26px 26px; }
.sub030301_inner p { font-size: 22px; margin-bottom: 10px;  }
.sub030301_inner span  {display: block; font-size: 15px; line-height: 22px;   letter-spacing: -1px;}
.sub030301_box .gray_box { margin: 0 20px}
.ls_bottom_box { background: #eeeeed;border-bottom: 2px solid #bd173c; padding: 10px 20px;}
.ls_bottom_box h5{ font-size: 15px; margin-bottom: 8px}
.ls_bottom_box ol li { font-size: 13px; line-height: 20px; }

/*직무교육 과정안내*/
.sub_visual_wrap a{ display: block; height: 868px; text-indent: -9999999px; overflow: hidden; }
.sv_sub040101 {  background-image: url(/resources/home/images/course/medical_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040102 {  background-image: url(/resources/home/images/course/management_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040103 {  background-image: url(/resources/home/images/course/it_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040104 {  background-image: url(/resources/home/images/course/ability_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040105 {  background-image: url(/resources/home/images/course/child_img01.jpg); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040201 {  background-image: url(/resources/home/images/course/safety_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040202 {  background-image: url(/resources/home/images/course/sexual_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040203 {  background-image: url(/resources/home/images/course/compulsory_img01.png); background-repeat: no-repeat; background-position: 50% 0; }
.sv_sub040204 {  background-image: url(/resources/home/images/course/guard_img01.png); background-repeat: no-repeat; background-position: 50% 0; }

.col_width { margin: 0 auto; width:1200px; }	
.lecture_list_wrap {background: #eee; padding: 70px 0;}
.lecture_list_inner { width:1126px; margin: 0 auto; }
.lecture_list_inner .row{width:23%;padding-right:10px;padding-left:10px;}
.lecture_lbox {     background: #fff;margin: 15px 0;
    box-shadow: 0 1px 12px #c6c6c6;
    padding: 26px 26px 0 26px;
    height: 162px; }
.lecture_lbox p{ font-weight: bold;    overflow: hidden;
    font-size: 20px;
    height: 80px;
    margin-bottom: 10px; }
.lecture_lbox .l_bt { text-align: center;  }
.lecture_lbox .l_bt a{ display: inline-block; margin: 0 4px; }
.sub_rw_wrap { background: #214c9b;display: none;}
.sub_rw_inner { width:1200px; margin: 0 auto; padding: 24px 0;}
.ml_wrap { overflow: hidden; position: relative; }
.ml_l { float: left; width:280px;}
.ml_r {  }
.lecture_mbox {  overflow: hidden; }
.lecture_ml { width:568px }
.lecture_mr { float: right;width:568px  }
.lir_title { font-size: 22px;margin-bottom: 10px;font-weight: bold;}
.lir_legend  { overflow: hidden; margin-bottom: 6px; }
.lir_legend ul li { float: left; margin-right: 3px;  color: #fff; padding: 0 6px;height: 18px; line-height: 16px;font-size: 13px;font-weight: bold;}
.lir_legend ul .lc_t01{  background: #ab5fa0}
.lir_legend ul .lc_t02{  background: #eb6a42}
.lir_legend ul .lc_t03{  background: #87ca97}
.lecture_tbl { width:100%;border-top: 2px solid #300000; }
.lecture_tbl tbody th { border-bottom: 1px solid #c9c9c9;padding: 3px 0; background: #ececec; text-align: center;font-weight: normal}
.lecture_tbl tbody td {border-bottom: 1px solid #c9c9c9;padding:3px 10px;  background: #fff; }
.h6_title { font-size: 14px; margin-bottom: 5px;}
.lecture_tbl02 { width:100%;border-top: 2px solid #300000; margin-bottom: 10px}
.lecture_tbl02 thead th { background: #e8e8e8;border-bottom: 1px solid #c9c9c9; text-align: center; padding: 3px 0;  }
.lecture_tbl02 tbody td {border-bottom: 1px solid #c9c9c9;padding:3px 10px;   text-align: center;  }
.lecture_tbl02 tbody .red_text { color:#ea3b48;  }
.lecture_view_bt ul li { float: left; margin-right: 31px; }
.lecture_view_bt ul li:last-child {  margin-right: 0px !important;}
.lecture_view_bt ul li a{ display: block; }
.rw_tbl { width:100%;   }
.rw_tbl tbody td {border-bottom: 1px solid #fff;    color: #fff; text-align: center;  padding: 14px;}
.rw_tbl tbody .br_none td { border-bottom: 0px; }

/*로그인*/
.login_wrap { border:1px solid #e5e5e5; overflow: hidden;padding: 80px;}
.login_lbox { float: left;width:45%;/*width:350px;*/}
/*
.login_lbox p {height: 266px; background: url(/resources/home/images/login/login_bg.png) no-repeat 50% bottom;   font-size: 26px;color: #1fb0b9; text-align: center; }
.login_lbox p strong {font-weight:700;}
*/
.login_text { overflow: hidden;margin-bottom: 13px; font-size:19px; color:#000;}
.login_text span{ display: inline-block; color: #139FB0; font-weight:800;}
/*.login_text em {margin: 0 0 0 10px;  display: inline-block; color: #1fb0b9;font-size: 12px;  } */
.login_con { float: right; width:55%;/*width:412px;*/}
.login_con_int  { position: relative;}
.login_con_int p {height: 36px;  border:1px solid #ddd; width:300px;}
.login_con_int p input{width: 100%; height:100%; font-size: 16px; font-weight: bold;   border: 0px; }
.login_con_int .email_p { margin-bottom: 6px; }
.login_con_int .login_btn {display: block; position: absolute;right:0; top:0; background:#139FB0; border-radius:5px;width:112px;height: 81px; text-align: center; color: #fff; font-weight: 800; font-size: 18px; line-height:83px; border:none; }
/*.login_con_int .login_btn:hover{ background:#137e85;} */
.login_con .login_link { margin-top:2px; padding-bottom: 17px; border-bottom:1px solid #efefef;}
.login_link { overflow: hidden; }
.login_link:after {content: ''; display: block; clear: both;  }
.login_link .chk_login { float: left; }
.login_link .chk_login label { font-size: 14px; color: #555; font-weight:700;}
.login_link .chk_login input[type="checkbox"]{ margin-right: 3px; vertical-align: top; }
.login_link .right_link { float: right; }
.login_link .right_link a{display: inline-block; color: #555; font-size: 14px; margin-top:3px; font-weight:700;}
.login_link .right_link a img{vertical-align: middle; padding:0 3px 3px 0;}
/*
.login_link .right_link .add_line { padding-left: 10px; margin-left: 6px; background: url(/resources/home/images/login/login_line.png) no-repeat 0 4px; }
.noraml_bt { display: inline-block; border:1px solid #bfbfbf; padding: 0 20px; line-height: 28px; background: #e1e1e1;color: #333;border-radius: 3px;}
.join_bottom span { display: block; line-height: 20px; }
.join_bottom strong {font-weight:700;}
.join_bottom .noraml_bt { position: absolute; right:0; top:4px; line-height: 32px;}
*/
.join_bottom { position: relative; line-height:1.2; margin-top:20px;}
.join_bottom h5{font-size:14px; font-weight:700; color:#555; padding:5px 0 6px;}
.join_bottom p{font-size:13px; font-weight:800; color:#000;}
.join_bottom .noraml_bt { box-sizing:border-box; position: absolute; right:0; top:4px; font-weight:800; font-size:15px; color:#e21a31; padding:20px 0; width:190px; background:#efefef; text-align:center; border-radius:5px;}
.join_bottom .noraml_bt span{display:inline-block; width:8px; height:8px; border-right:2px solid #e21a31; border-top:2px solid #e21a31;transform: rotate(45deg);}
.join_bottom .noraml_bt:hover{padding-left:12px; transition: 0.3s ease-out;}
.join_bottom .noraml_bt:not(:hover){transition: 0.3s ease-out;}
.join_bottom .noraml_bt span:first-child{margin-left:4px;}

/*FAQ*/
.faq-banner{width:100%; background:url(/resources/home/images/faq/faq_top_bg.jpg) no-repeat top center;}
.faq-banner .text{padding:42px 0 42px 35px; font-size:17px; line-height:19px; color:#000; font-weight:700;}
.faq_top_wrap {background:#F3F8FB; width:924px; box-sizing:border-box; overflow: hidden;}
.faq_top_wrap .row{display:flex; flex-wrap:wrap;}
.faq_a {line-height:1.4; font-weight:700; height:55px; padding:17px 0; font-size:15px; color:#555; text-align:center; box-sizing:border-box; border:1px solid #A1A1A1; width:100%; display: inline-block;}
.faq_top_wrap .row > div:nth-child(n+2) .faq_a{border-left:0;}
.faq_top_wrap .row > div:nth-child(5) .faq_a{border:1px solid #A1A1A1;}
.faq_top_wrap .row > div:nth-child(n+5) .faq_a{border-top:0;}

.listFaq ul{font-size:14px;color:#444;}
.listFaq li{border:1px solid #E1E1E1; background:#F7F7F7;}
.listFaq li:first-child{border:1px solid #E1E1E1}
.listFaq li dt{padding:0 20px;}
.listFaq li dt a{background:url(/resources/home/images/faq/faq_under.png) no-repeat right;position:relative;display:block;width:100%;height:55px;padding:19px 0 19px 30px;line-height:1;box-sizing:border-box;font-weight:bold;font-size:16px;color:#000;}
.listFaq li dt a:before{content:"Q";position:absolute;left:0;top:17px;display:block;font-size:20px; color:#000;font-weight:900;}
.listFaq li dd{border-top:1px solid #c9c9c9;padding:20px;background:#fff;display:none;}
.listFaq li dd > div{position:relative;padding:5px 0 0 30px;}
.listFaq li dd > div p, .listFaq li dd > div span{font-size:14px;}
.listFaq li dd > div:before{content:"A";position:absolute;left:0;top:0;display:block;font-size:20px; color:#000;font-weight:900;}
.listFaq > p{width:100%;text-align: center; background:#F7F7F7;padding:20px 0;}

/*필수프로그램*/
.tbl_h4 { border-bottom: 1px solid #c8c8c8; padding: 0 0 10px 0; font-weight: bold; font-size: 16px; color: #565656; }
.program_tbl {width:100%; }
.program_tbl tbody th  { border-bottom: 1px solid #e9e9e9;  padding: 16px 0; text-align: center; }
.program_tbl tbody td  { border-bottom: 1px solid #e9e9e9; text-align: center;  padding: 16px 0;  }
.program_tbl tbody .pt_line_td { text-align: left;   background: url(/resources/home/images/common/pt_l_line.png) no-repeat 0 50%; padding: 16px 0 16px 20px; }

/* 무료상담신청, pc원격서비스*/
.remote_box {border:1px solid #4cc0c7; padding: 30px; position: relative; margin-bottom: 22px;}
.remote_inner h5 { color: #1fb0b9; font-size: 26px; font-weight: bold; margin-bottom: 20px}
.remote_inner h5 strong{ color: #30393f; }
.remote_inner p { color: #a0a0a0; font-size: 18px; line-height: 26px; margin-bottom: 20px;}
.remote_inner p { color: #a0a0a0; font-size: 18px; line-height: 26px; margin-bottom: 20px;}
.remote_inner:after {content: ''; display: block;  position: absolute; width:260px;height: 170px; background: url(/resources/home/images/etc/remote_bg02.png) no-repeat  0 0;  right:0; bottom:10px; z-index: 999; }
.ru_box { position: relative;  background: #eee; padding: 10px; }
.ru_box span {display: block;  color: #ff6a6a; font-weight: bold; font-size: 18px; font-style: italic; margin-bottom: 12px;}
.ru_box ul { color: #7d7d7d; font-size: 16px; line-height: 24px;}

/*과정상세*/
.lecture_info_wrap { background: #f7f7f7; padding: 30px; border:2px solid #f3f3f3; overflow: hidden;margin-bottom: 30px;}
.lecture_slide_wrap {  float:left; width:234px;}
.lecture_info_rbox { margin: 0 0 0 258px;}
.h6_title { font-size: 18px; margin-bottom: 5px;font-weight: bold;}
.round_text {border-radius: 12px; display: inline-block; background: #e5e5e7;border:1px solid #20b0b9; width:90px;text-align: center; line-height: 20px; color: #333;font-weight: bold; margin-bottom: 8px;}
.lt_text { padding: 0 0 0 16px; line-height: 22px;}

/*팝업*/
#popupContainer{width:95%;margin-left:20px;margin-top:30px;}

/*회원가입*/
.term_h4  {margin-bottom: 8px; padding: 0 0 2px 24px;  color: #44afb7; background: url(/resources/home/images/etc/term_bullet02.png) no-repeat  0 1px; font-size: 18px; }
.term_box { height: 470px; border:1px solid #cfcfcf; overflow-y: scroll; overflow-x: hidden; margin-bottom: 6px}
.term_inner { padding: 20px;}
.term_inner h5{ font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.confirm_box {     border: 3px solid #e5e5e5;background: #eee; padding: 30px 0; text-align: center; }
.confirm_box p{ font-size: 17px; color: #7d7d7d;   margin-bottom: 30px;  }
.confirm_bt_box { margin: 0 -4px; }
.confirm_bt_box .col-md-6 {  padding: 0 4px; }

/*개인정보 취급방침*/
.term_text_box { border: 2px solid #ccc; line-height: 18px; padding: 20px; border-radius: 6px;  margin-bottom: 30px;}
.term_h4  {margin-bottom: 8px; padding: 0 0 2px 24px;  color: #44afb7; background: url(/resources/home/images/etc/term_bullet02.png) no-repeat  0 1px; font-size: 18px; }
.term_text_box .cour_stit{ font-size: 14px; color: #10a4be; display: block; padding: 0 0 0 10px; background: url(/resources/home/images/etc/term_bullet03.png) no-repeat  0 5px; font-weight: bold;    margin-bottom: 6px;  }
.term_text_box .cour_text_list { margin: 0 0 16px 10px; }
.term_text_box .cour_text_list li {margin-bottom: 6px; padding: 0 0 0 8px; background: url(/resources/home/images/etc/term_bullet04.png) no-repeat  0 8px;  line-height: 20px;}
.term_text_box .cour_text_list li:last-child { margin-bottom: 0;}
.term_text_box .cour_text_list ul{ margin: 8px 0 16px 0px; }
.term_text_box .cour_text_list li li { background: none; padding: 0;margin-bottom: 2px}
.term_tbl { width:100%; border: 1px solid #dfdfdf;  border-top:2px solid #6a8df3; }
.term_tbl thead th{ background: #f2f2f2; text-align: center; padding: 12px 0;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;   }
.term_tbl tbody td{  text-align: center; padding: 6px 0;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;   }

/*개인정보 취급방침 레이어 추가*/
.term-layer-pop{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:1003;
	background-color:rgba(0, 0, 0, 0.7);
}
.term-layer-pop .pop-box{
	width:1200px;
	height:500px;
	background:#fff;
	margin:230px auto;
	text-align:center;
}
.term-layer-pop .pop-box h1{
	font-size:48px;
	font-weight:800;
	color:#000;
	padding-top:105px;
}
.term-layer-pop .pop-box p{
	font-size:20px;
	font-weight:700;
	color:#000;
	padding:40px 0;
}
.term-layer-pop .pop-box p span{
	font-weight:700;
}
.term-layer-pop .pop-box button{
	font-size:22px;
	width:200px;
	height:46px;
	background:#555;
	color:#fff;
	border-radius:10px;
}


/*과제*/
.red_line_box {border:1px solid #ff0000; border-top:8px solid #ff0000; padding: 20px; }
.red_line_box h5{color: #fff;  background: #ff0000; font-size: 16px; display: inline-block; padding: 5px 10px;font-weight: normal; margin-bottom: 10px;}

/*flex*/
.flex {display:flex;}
.flex_center {justify-content:center; align-content:center; align-items:center; }

/*font-size*/
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f30 { font-size: 30px; }

/*팝업 슬라이드*/
:root {
	--swiper-theme-color: #000;
}
#layer-popup{
	z-index:51;
	position:fixed;
	bottom:0;
	left:40px;
	width:300px;
	height:auto;
	max-height: 100%;
}
#layer-popup .pop-up-content{
	width:100%;
}
#layer-popup .pop-up-content .swiper-box{
	position:relative;
}
#layer-popup .pop-up-content .swiper-box .swiper-wrapper{
	align-items: flex-end;
	height:370px;
}
#layer-popup .pop-up-content .swiper-box .swiper-wrapper .swiper-slide img{
   width:100%;
   vertical-align: bottom;
}
.swiper-bottom{
	display:flex;
	width:300px;
	padding:15px 0;
	background:#cfecef;
}
.swiper-bottom .left-box{
	display:flex;
	width:70px;
	margin-left:14px;
	margin-top:3px;
}
.swiper-bottom .swiper-button{
	background: inherit ; 
	border:none; 
	outline:none;
	box-shadow:none; 
	border-radius:0; 
	padding:0; 
	overflow:visible; 
	cursor:pointer;
}  
.swiper-bottom .left-box .button-prev01 div, .swiper-bottom .left-box .button-next01 div{
	width:10px;
	height:10px;
	transform: rotate(225deg);
	cursor: pointer;
	margin:3px 6px;
}
.swiper-bottom .left-box .button-prev01 div{
	border-right:2px solid #000;
	border-top:2px solid #000; 
}
.swiper-bottom .left-box .auto-btns{
	width:30px;
	height:20px;
	overflow:hidden;
	text-align: center;
}
.swiper-bottom .left-box .auto-btns .start{
	width:20px;
	height:20px;
	display:none;
	text-align: center;
}
.swiper-bottom .left-box .auto-btns .start div{
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	border-left: 13px solid #000;
	border-right: 13px solid transparent;
	margin-left:5px;
}
.swiper-bottom .left-box .auto-btns .stop{
	width:20px;
	height:20px;
	text-align: center;
	
}
.swiper-bottom .left-box .auto-btns .stop div span{
	width:5px;
	height:16px;
	margin:0 1px;
	background:#000; 
	display:inline-block;       
}
.swiper-bottom .left-box .button-next01 div{
	border-left:2px solid #000;
	border-bottom:2px solid #000; 
}
.swiper-bottom .right-box{
	width:200px;
}
.swiper-bottom .right-box button{
	font-family:'NanumSquare';
	font-size:14px;
	margin-left:21px;
}
.swiper-bottom .right-box button .check{
	height:15px;
	width:15px;
	margin-right:3px;
	margin-bottom: 2px;
	display:inline-block;
	background:#fff;
	vertical-align:middle;
}
.swiper-bottom .right-box .close{
	background:#555;
	padding:5px 10px;
	font-size:12px;
	color:#fff;
}
.swiper-pagination{
	position:absolute;
	bottom:60px !important;
}

/*-----------------------------------------------------------------------------------------------*/
/*23년 메인 컨텐츠 리뉴얼*/
#contentNew01.main{
    float: none;
    width: 100%;
    min-width: 1240px;
    box-sizing: border-box;
}

/*bandBannerArea 스타일*/
.bandBannerArea{
    width:100%;
    min-width: 1240px;
    margin:0 auto;
    text-align:center;
    background:#a8c800;
    position:relative;
}
.bandBannerArea a{
	width:100%;
	display:inline-block;
	height:100%;
}
.bandBannerArea .button-inner{
    position:absolute;
    right:20px;
    text-align: right;
    top:17px; 
}
.bandBannerArea .button-inner img{
	width:22px;
	cursor: pointer;
}
/*rightBar 스타일*/
#rightBar {
    width:180px;
	height:auto;
	position:fixed;
	top:146px;
    right:-110px;	
	z-index:1000;
    font-size:18px;
    line-height:1.2;
}
#rightBar .bar-inner > .barIn {
    display:flex;
    align-items: center;
    margin:1px;
    height:54px; 
    cursor: pointer;
    position:relative;
}
#rightBar .bar-inner .barIn a {
    width:100%;
    height:100%;
    border-radius:27px 0 0 27px;
    border:1px solid #ddd; 
    background:#f6f6f6;/* background:#139FB0; */
    color: #888;
    text-decoration: none;
    position: absolute;
    top:0;
    right:0;
    display: flex;
    align-items: center;
    padding-left:27px;
    box-sizing: border-box;
}
#rightBar .bar-inner .barIn a:hover{
    right:100px;   
    transition: 0.8s ease-out;
}
#rightBar .bar-inner .barIn a:not(:hover) {
    transition: 0.8s ease-out;
}
#rightBar .bar-inner .barIn a p{
    padding-left:15px;
     font-weight:800;
}
#rightBar .bar-inner #rB6{
    height:81px;
}
#rightBar .bar-inner #rB6 a{
    border-radius:40.5px 0 0 40.5px;
    background:#1175A9;
    border:1px solid #1175A9; 
}
#rightBar .bar-inner #rB6 a img{
    margin-left:-12px;
}
#rightBar .bar-inner #rB6 a:hover img{
	transition: 0.8s ease-out;
}
#rightBar .bar-inner #rB6 a:not(:hover) img{
	transition: 0.8s ease-out;
}
#rightBar .bar-inner #rB6 a p{
    padding-left:5px;
    color:#fff;
    font-weight:700;
}

/*remoteSupportBar 스타일*/
#remoteSupportBar{
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:1001;
}
#remoteSupportBar:hover{
     bottom:60px;
     transition: 0.3s ease-out;
}
#remoteSupportBar:not(:hover) {
    transition: 0.5s ease-out;
}

/*mainListArea 스타일*/
.mainListArea{
    display:flex;
    justify-content:space-between;
    margin-bottom:120px;
}
.mainListArea > div{
    box-sizing: border-box;
    padding:30px;
    height:320px;
    border:1px solid #ddd;
}

.mainListArea .main-tab-box{
	width: 62.8%;
	box-sizing: border-box;
	position:relative;
}
.mainListArea .main-tab-title{
	display:flex;
	margin-bottom:-1px;
}
.mainListArea .main-tab-title > li{
	width:168px;
	height:45px;
	border:1px solid #e3e3e3;
	cursor:pointer;
	border-bottom:none;
	font-size:18px;
	font-weight:800;
	text-align:center;
	padding-top:13px;
	box-sizing: border-box;
	line-height:1;
	background:#f6f6f6;
	color:#555;
}
.mainListArea .main-tab-title > li.main-tab-current{
	background:#fff;
	color:#000;
}

.main-tab-content{
	display:none;
}
.main-tab-content.main-tab-current{
	display: inherit;
}
.main-tab-content .link-plus{
	position:absolute;
	right:30px;
	top:50px;
}
.main-tab-content .content-box{
	border:1px solid #e3e3e3;
	height:212px;
	overflow:hidden;
}
.main-tab-content .content-box.common-board ul{
	padding:21px;
}
.main-tab-content .content-box.common-board ul li{
	margin-bottom:7px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.main-tab-content .content-box.common-board ul li.notice-newTxt span{
	background:#3765a3;
}
.main-tab-content .content-box.common-board ul li.notice-newTxt a{
	color:#3765a3;
	font-weight:800;
	padding-right:40px;
	display:inline-block;
	background:url(/resources/home/images/common/notice-new.png) no-repeat right 3px;
}
.main-tab-content .content-box.common-board ul li.notice-newTxt a:hover{
	background:url(/resources/home/images/common/notice-new_hover.png) no-repeat right 3px;
}
.main-tab-content .content-box.common-board ul li span{
	width:6px;
	height:6px;
	background:#279dad;
	display:inline-block;
	border-radius:50%;
	margin-bottom:2px;
}
.main-tab-content .content-box.common-board ul li a{
	font-size:16px;
	font-weight:700;
	color:#555;
}
.main-tab-content .content-box.common-board ul li a:hover{
	color:#139FB0;
	font-weight:800;
}

.mainListArea .study-box{
	/* width: 62.8%; */
	width: 100%;
	box-sizing: border-box;
}
.mainListArea .study-box .top-tit{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.mainListArea .study-box .top-tit h3{
    font-weight:800;
    font-size:20px;
    color:#000;
    margin-bottom:15px;
}
.mainListArea .study-box .top-tit p{
    font-size:15px;
    color:#222;
    padding-top:5px;
}
.mainListArea .study-box .login-prev-box{
	border:1px solid #e3e3e3;
	text-align:center;
}
.mainListArea .study-box .login-prev-box p{
	font-size:18px;
	font-weight:700;
	color:#555;
	padding:80px 0;
}	
.mainListArea .study-box .login-next-box .study-title{
	width:100%;
	background:#e3e3e3;
	display:flex;
}
.mainListArea .study-box .login-next-box .study-title p{
	font-size:18px;
	font-weight:700;
	color:#555;
	text-align:center;
	padding:10px;
}
.mainListArea .study-box .login-next-box .study-title p:nth-child(1){
	width:70%;
}
.mainListArea .study-box .login-next-box .study-title p:nth-child(2), .mainListArea .study-box .login-next-box .study-title p:nth-child(3){
	width:15%;
}
.mainListArea .study-box .login-next-box .learner-text{
	width:100%;
	background:#f6f6f6;
	padding:5px 0;
	height:166px;
	overflow-y:auto;
}
.mainListArea .study-box .login-next-box .learner-text::-webkit-scrollbar{
	width:10px;
}
.mainListArea .study-box .login-next-box .learner-text::-webkit-scrollbar-thumb{
	border-radius:5px;
	background-color:#8c8c8c;
}
.mainListArea .study-box .login-next-box .learner-text::-webkit-scrollbar-track{
	background:#f6f6f6;
}
.mainListArea .study-box .login-next-box .learner-text li{
	display:flex;
	cursor:pointer;
	font-size:17px;
	font-weight:700;
	margin:11px 13px;
}
.mainListArea .study-box .login-next-box .learner-text li:hover{
	color:#139FB0;
 	font-weight:800;
}
.mainListArea .study-box .login-next-box .learner-text li p:nth-child(1){
	width:70%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mainListArea .study-box .login-next-box .learner-text li p:nth-child(2), .mainListArea .study-box .login-next-box .learner-text li p:nth-child(3){
	width:15%;
	text-align:center;
}

/*login-box 및 sub-swiper-box 스타일*/
.mainListArea .last-box{
    width:36%;
    padding:0; 
    border:none;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.mainListArea .last-box > div{
    border:1px solid #ddd;
    box-sizing: border-box;
}
.mainListArea .last-box .login-box{
    height:180px;
    padding:27px 30px;
    background:#f6f6f6;
} 
.mainListArea .last-box .login-before > p{
    font-weight:700;
    font-size:14px;
} 
.mainListArea .last-box .login-before .login_con_int{
	margin:8px 0;
}
.mainListArea .last-box .login-before .login_con_int p{
	width:260px;
}
.mainListArea .last-box .login-before .login_con_int .login_btn{
	width:102px;
}
.mainListArea .last-box .login-before .login-bottom{
	display:flex;
	justify-content: space-between;
}
.mainListArea .last-box .login-before .login-bottom button{
    border:none;
    outline:none;
    background-color:transparent;
    color:#555;
    font-size:14px;
    line-height:1.3;
    padding:0;
    cursor: pointer;
}
.mainListArea .last-box .login-before .login-bottom button img{
    margin-right:4px;
}
.mainListArea .last-box .login-after{
    display:block;
}
.mainListArea .last-box .login-after .wel-text01{
    font-weight:700;
    font-size:14px;
    color:#000;
}
.mainListArea .last-box .login-after .wel-text01 span{
    font-weight:700;
    color:#139FB0;
}
.mainListArea .last-box .login-after .input-box{
    display:flex;
    margin:12px 0;
}
.mainListArea .last-box .login-after .input-box .common-button{
    display:flex;
}
.mainListArea .last-box .login-after .input-box .common-button button{
    border:none;
    outline:none;
    background:#139FB0;
    border-radius:5px;
    font-size:16px;
    color:#fff;
    width:100%;
    padding:20px 0;
    cursor: pointer;
}
.mainListArea .last-box .login-after .input-box  .common-button .red-button{
    background:#e21a31;
}
.mainListArea .last-box .login-after .input-box .login-input{
    width:70%;
}
.mainListArea .last-box .login-after .input-box .login-input button{
    margin-right:3%;
}
.mainListArea .last-box .login-after .input-box .logout-input{
    width:27%;
}
.mainListArea .last-box .login-after .wel-text02{
    font-weight:700;
    font-size:14px;
    color:#767676;
}
.mainListArea .last-box .sub-swiper-box{
    position: relative;
    width:100%;
}
.mainListArea .last-box .sub-swiper-box img{
    width:100%;
}
.mainListArea .last-box .sub-swiper-box .sub-swiper-pagination{
    position:absolute;
    top:20px;
    left:18px;
    z-index:3;
    width:auto;
    height:auto;
    
}
.mainListArea .last-box .sub-swiper-box .sub-swiper-pagination .swiper-pagination-bullet{
    background:#139FB0;
}

/*liconLinkArea 스타일*/
.iconLinkArea .icon-inner{
    display:flex;
    justify-content: space-between;
    text-align:center;
    width:1200px;
    margin:0 auto 130px;
}
.iconLinkArea .icon-inner li{
    position:relative;
}
.iconLinkArea .icon-inner li a div.hover-img{
    width:130px;
    height:130px;
    display:flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    opacity:0.7;
}
.iconLinkArea .icon-inner li a:hover div.hover-img{
	opacity:1;
}
.iconLinkArea .icon-inner li::after{
    content: '';
    position: absolute;
    width: 2px;
    height: 50px;
    background-color: #ddd;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}
.iconLinkArea .icon-inner li:last-child:after{
    display: none;
}
.iconLinkArea .icon-inner li a > p{
    font-weight:700;
    font-size:18px;
    color:#292929;
    padding-top:12px;
}

/*con01Area 스타일*/
.con01Area{
    width:100%;
    background-color: #1175A9;
}
.con01Area .middle-banner{
    width:1200px;
    margin:0 auto;
    background:url(/resources/home/images/main/middleBanner-bg.jpg) no-repeat center;
    color:#fff;
}
.con01Area .middle-banner h1{
    font-weight:700;
    font-size:24px;
    padding-top:45px;
}
.con01Area .middle-banner p{
    font-size:16px;
    padding-bottom:45px;
}
  
/*con02Area 스타일*/
.con02Area{
    background:#f5f9fa;
    padding:130px 0 30px;
}
.con02Area .con02-inner{
    width:1200px;
    height:365px;
    display:flex;
    margin:0 auto;
    margin-bottom:100px;
}
.con02Area .con02-inner .left-box{
    border-right:1px solid #ededed;
    width:25%;
    line-height:1.2;
    position:relative;
}
.con02Area .con02-inner .left-box h1{
    font-weight:780;
    font-size:26px;
    color:#292929;
    padding-top:27px;
}
.con02Area .con02-inner .left-box h1 span{
    color:#139FB0;
    font-weight:800;
}
.con02Area .con02-inner .left-box p{
    font-weight:700;
    font-size:18px;
    color:#555;
    padding-top:25px;
}
.con02Area .con02-inner .left-box .button-box{
    position:absolute;
    bottom:60px;
    cursor: pointer;
    width:200px;
}
.con02Area .con02-inner .left-box .button-box .button-prev{
    position:absolute;
    top:11px;
    width:auto;
    height: auto;
}
.con02Area .con02-inner .left-box .button-box .button-next{
    position:absolute;
    top:0;
    left:80px;
    width:auto;
    height: auto;
}
.con02Area .con02-inner .left-box .swiper-button-hide{
    width:50px;
    height:50px;
    position:absolute;
    bottom:40px;
    left:75px;
    z-index:10;
}
.swiper-button-prev:after, .swiper-button-next:after{
    content:none;
}
.con02Area .con02-inner .right-box{
    width:75%;
    height:100%;
    position:relative;
}
.con02Area .con02-inner .right-box .button-next02{
	right:-39px;
}
.con02Area .con02-inner .right-box .swiper-slide{
    box-sizing:border-box;
}
.con02Area .con02-inner .right-box .swiper-slide a{
    display:inline-block;
    margin-left:48px;
    background:#fff;
}
.con02Area .con02-inner .right-box .swiper-slide a .content-slide{
    border:1px solid #ddd;
    height:365px;
    box-sizing:border-box;
}
.con02Area .con02-inner .right-box .swiper-slide .content-box{
   width:100%;
   box-sizing: border-box;
}
.con02Area .con02-inner .right-box .swiper-slide .content-box img{
    width:100%;
}
.con02Area .con02-inner .right-box .swiper-slide .text-box{
    padding:20px;
    box-sizing: border-box;
    width:auto;
    height:214px;
    line-height:1.2;
}
.con02Area .con02-inner .right-box .swiper-slide .text-box .keyword-box{
    display:flex;
    flex-wrap:wrap;
}
.con02Area .con02-inner .right-box .swiper-slide .text-box .keyword-box li{
    display:inline-block;
    background:#e9e9e9;
    font-size:12px;
    color:#000;
    border-radius: 5px;
    margin:0 7px 5px 0;
    padding:8px;
    line-height: 1;
    box-sizing: border-box;
    font-weight:800;
 }
.con02Area .con02-inner .right-box .swiper-slide .text-box h3{
    font-weight:800;
    font-size:18px;
    color:#292929;
    margin:5px 0 9px;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.con02Area .con02-inner .right-box .swiper-slide .text-box p{
    font-weight:700;
    font-size:13px;
    color:#555;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}

/*con03Area 스타일*/
.con03Area{
    width:100%;
    height:376px;
    background:url(/resources/home/images/main/con03Area-bg.jpg) no-repeat center;
    margin-top:130px;
}
.con03Area .con03-inner{
    width:1200px;
    margin:0 auto;
    line-height:1;
}
.con03Area .con03-inner h2{
    font-weight:800;
    font-size:30px;
    color:#000;
    margin-bottom:50px;
}
.con03Area .con03-inner .content-box{
    position:relative;
    height:295px;
    overflow:hidden;
}
.con03Area .con03-inner .content-box .text-box{
    position:absolute;
    height:100%;
    width:100%;
}
.con03Area .con03-inner .content-box .text-box::before{
    content:"";
    display:block;
    width:9px;
    border-top:1px solid #33638f;
    border-left:1px solid #33638f;
    float:left;
    margin-top:9px;
    margin-right:4px;
    box-sizing:border-box;
}
.con03Area .con03-inner .content-box .text-box .tit{
    font-weight:700;
    font-size:20px;
    color:#292929;
    padding-bottom:6px;
}
.con03Area .con03-inner .content-box .text-box .sub{
    font-weight:700;
    font-size:15px;
    color:#555;
    padding-left:30px;
}
.con03Area .con03-inner .content-box .text-box.box01{
    top:0;
    left:0;
}
.con03Area .con03-inner .content-box .text-box.box01::before{
    height:246px;
}
.con03Area .con03-inner .content-box .text-box.box02{
    top:70px;
    left:76px;
}
.con03Area .con03-inner .content-box .text-box.box02::before{
    height:153px;
}
.con03Area .con03-inner .content-box .text-box.box03{
    top:140px;
    left:171px;
}
.con03Area .con03-inner .content-box .text-box.box03::before{
    height:165px;
}

/*mainInfoArea 스타일*/
.mainInfoArea{
    width:1200px;
    margin:0 auto;
}
.mainInfoArea .info-inner{
    display:flex;
    align-items: center;
    height:auto;
    margin:85px 0;
    line-height:1.2;
}
.mainInfoArea .info-inner > li{
    box-sizing: border-box;
}
.mainInfoArea .info-inner > li .tit{
    font-weight:800;
    font-size:23px;
    color:#000;
}
.mainInfoArea .info-inner > li .num{
    font-weight:800;
    font-size:18px;
    color:#0066c3;
}
.mainInfoArea .info-inner > li .sub01{
    font-weight:700;
    font-size:18px;
    color:#000;
}
.mainInfoArea .info-inner > li .sub02{
    font-weight:700;
    font-size:18px;
    color:#000;
}
.mainInfoArea .info-inner > li .sub03{
    font-size:18px;
    color:#666;
}
.mainInfoArea .info-inner > li .sub04{
    font-weight:700;
    font-size:15px;
    color:#666;
}
.mainInfoArea .info-inner .left-box{
    width:485px;
    display:flex;
    align-items: center;
}
.mainInfoArea .info-inner .left-box .num-box{
    margin:0 50px 0 40px;
}
.mainInfoArea .info-inner .left-box .num-box .top-box::after{
    content:"";
    display:block;
    width:20px;
    height:2px;
    background:#979797;
    margin:14px 0;
}
.mainInfoArea .info-inner .left-box .num-box .tit{
    margin-bottom:3px;
}
.mainInfoArea .info-inner .left-box .button-box button{
    cursor: pointer;
    font-size:15px;
    width:178px;
    border-radius: 8px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:12px 20px;
    margin:2px 0;
}
.mainInfoArea .info-inner .left-box .button-box button span{
    font-weight:700;
}
.mainInfoArea .info-inner .left-box .button-box .button-odd button{
    background:#fff;
    border:1px solid #363636;
    color:#363636;
}
.mainInfoArea .info-inner .left-box .button-box .button-even button{
    background:#0066c3;
    border:1px solid #0066c3;
    color:#fff;
}
.mainInfoArea .info-inner .left-box .button-box button span.arrow{
    display:inline-block;
    width:12px;
    height:12px;
    transform: rotate(45deg);
    margin-right:8px;
}
.mainInfoArea .info-inner .left-box .button-box button:hover span.arrow{
    margin-right:0;
    transition: 0.3s ease-out;
}
.mainInfoArea .info-inner .left-box .button-box button:not(:hover) span.arrow{
    transition: 0.3s ease-out;
}
.mainInfoArea .info-inner .left-box .button-box .button-odd button span.arrow{
    border-top:2px solid #363636;
    border-right:2px solid #363636;
}
.mainInfoArea .info-inner .left-box .button-box .button-even button span.arrow{
    border-top:2px solid #fff;
    border-right:2px solid #fff;
}
.mainInfoArea .info-inner .middle-box{
    width:430px;
    border-left:1px solid #979797;
    border-right:1px solid #979797;
    text-align: center;
    padding:35px 0;
}
.mainInfoArea .info-inner .middle-box .tit{
    padding-bottom:8px;
}
.mainInfoArea .info-inner .middle-box .sub02{
    padding-top:25px;
}
.mainInfoArea .info-inner .right-box{
    width:285px;
    margin-left:70px;
}
.mainInfoArea .info-inner .right-box .sub04{
    padding-bottom:12px;
}
.mainInfoArea .info-inner .right-box .num{
    padding:4px 0;
}

/*notice-area 스타일*/
.notice-area {
  background-color: #f6fafb;
  padding: 100px 0 50px;
}
.notice-area .center {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width:1200px;
  margin:0 auto;
}
.notice-area .center > div {
  width: 565px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 70px;
}
.notice-area .title-box h3 {
  font-size: 33px;
  margin-bottom: 27px;
  font-weight: 900;
  color:#000;
}
.notice-area .title-box .more-box a{
  position: relative;
  margin-right: 35px;
  font-size: 17px;
  font-weight: 800;
  color:#000;
}
.notice-area .title-box .more-box img {
  position: absolute;
  left: 72px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.notice-area .title-box .more-box:hover img {
  left: 82px;
}
.notice-area .notice-list-box li {
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 410px;
  margin-bottom: 10px;
  font-size: 18px;
}

.notice-area .notice-list-box li:last-child {
  margin-bottom: 0;
}
.notice-area .notice-list-box li a{
  color:#555;
  font-weight:700;
}
.notice-area .notice-list-box li a:hover {
  color:#139FB0;
  font-weight:800;
}

/*partnersArea 스타일*/
.partnersArea{
    margin:0 auto;
    overflow:hidden;
}
.partnersArea ul{  
    display:flex;
    flex-wrap: nowrap;
    align-items: center;
    height:80px;
    width:4330px;/* 108 / 204 / 169 / 204 / 204 / 201 / 203 / 204 / 186 / 182*//*(갯수 X 20) x 2*/
    display: flex;
    -webkit-animation: bannermove 30s linear infinite;
    animation: bannermove 30s linear infinite;
}
.partnersArea ul:hover{
    animation-play-state: paused;
}
.partnersArea ul li{ 
    margin-right: 90px;
}
@-webkit-keyframes bannermove {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
}
@keyframes bannermove {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
}
/*media*/
@media (max-width: 1240px){
	.con02Area .con02-inner .right-box .button-next02{
		right:0;
	}
}