ul.util_nav, ul.depth1, ul.depth2, ul.m_gnb, ul.m_sub_gnb { font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; letter-spacing: -0.3px; box-sizing: border-box; font-size-adjust: inherit; font-stretch: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style-type: none; }
#SkipNavi li, .mem_list li, .depth1 li, .depth2 li, .m_gnb li, .m_sub_gnb li  { font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; letter-spacing: -0.3px; box-sizing: border-box; font-size-adjust: inherit; font-stretch: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style-type: none; }

.clearfix { clear: both; display: block; content: ""; }

#SkipNavi { left: 0px; top: 0px; right: 0px; position: fixed; z-index: 99999; }
#SkipNavi li a { background: rgb(43, 43, 43); width: 100%; height: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 23px; overflow: hidden; display: block; }
#SkipNavi li a:focus { height: 25px; }
.skip { border: 0px currentColor; border-image: none; left: -9999px; width: 0px; height: 0px; line-height: 0; text-indent: 9999px; overflow: hidden; font-size: 0px; display: block; white-space: nowrap; position: absolute; }




/* 3차 서브 메뉴 */
.thirdbox { margin-top:20px; padding-left:14px !important; padding-right:14px !important; }

@media screen and (max-width:767px) {
	.thirdbox { margin-top:20px !important; }
}
@media screen and (min-width:768px) {
	.thirdbox { padding-top:0px !important; }
}

.third-btn { background: rgb(255, 255, 255); border: 1px solid rgba(221, 221, 221, 1); height: 50px; text-align: center; color: rgb(51, 51, 51); line-height: 45px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.third-btn:hover { background: rgb(0, 93, 160); border: 1px solid rgb(0, 93, 160); color: rgb(255, 255, 255); } 
.third-btn-on { background: rgb(0, 112, 192); border: 1px solid rgb(0, 112, 192); height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 45px; font-size: 16px; font-weight: 500; display: block; z-index: 1; }
.third-btn-on:hover { background: rgb(0, 93, 160); border: 1px solid rgb(0, 93, 160); color: rgb(255, 255, 255); } 


/* main 공지사항 & 롤링배너 */
@media (min-width: 768px) {
	#contents { padding-top:20px !important; min-height:400px; }
	.main_wrap { padding-top: 0; position: relative; }
	.new-back-v-1 {
		padding-top: 210px;
		background: url(../images/main/img_bk_01.jpg) scroll center no-repeat;
		background-size: cover;
		padding-bottom: 20px;
	}
	.pop_area .title h3 { display:none; }
}
  
@media (max-width: 767px) {
	#contents { min-height:300px; }
	.main_wrap { padding-top: 0px; position: relative; }
	.new-back-v-1 {
		padding-top: 40px;
		background: url(../images/main/img_bk_01_m.jpg) scroll right no-repeat;
		background-size: cover;
		padding-bottom: 20px;
	}
}

.new-back-v-2 {
	padding-top: 40px;
	background-color: #f2f8ff;
	padding-bottom: 40px;
}

.pop_area { width: 100%; margin: 0px; position: relative; }
.pop_area .title h3 { color: rgb(1, 1, 1); line-height: 1.0em; font-size: 1.75em; }
.pop_area .pop_cont { margin-top: 0px; }
.pop_area .pop_cont .slick-slide a { width: 100%; padding-top: 65%; display: inline-block; position: relative; }
.pop_area .pop_cont .slick-slide a img { left: 0px; top: 0px; width: 100%; position: absolute; }

.pop_area .pop_cont .slick-arrow { border: 2px solid rgba(238, 238, 238, 1.0); border-image: none; width: 41px; height: 41px; border-radius: 50px; }
.pop_area .pop_cont .slick-prev { border: 2px solid rgba(238, 238, 238, 1.0); left: inherit; top: 30px; right: 100px; z-index:1; width: 41px; height: 41px; border-radius: 50px; }
.pop_area .pop_cont .slick-prev.slick-arrow { background: url("../images/main/slide_prev.png") no-repeat center rgba(255, 255, 255, 0.0); }
.pop_area .pop_cont .slick-next { border: 2px solid rgba(238, 238, 238, 1.0); top: 30px; right: 10px; z-index:1; width: 41px; height: 41px; border-radius: 50px; }
.pop_area .pop_cont .slick-next.slick-arrow { background: url("../images/main/slide_next.png") no-repeat center rgba(255, 255, 255, 0.0); }
.pop_area .pop_cont .btn_play { background: url("../images/main/slide_play.png") no-repeat center rgba(255, 255, 255, 0.0); border: 2px solid rgba(238, 238, 238, 1.0); border-image: none; top:10px; width: 41px; height: 41px; right: 55px; text-indent: -9999px; position: absolute; z-index:1; border-radius: 50px; }
.pop_area .pop_cont .btn_play.on { background: url("../images/main/slide_stop.png") no-repeat center rgba(255, 255, 255, 0.0); }

.pop_area .pop_cont .slick-arrow:hover, .pop_area .pop_cont .slick-prev:hover, .pop_area .pop_cont .slick-next:hover, .pop_area .pop_cont .btn_play:hover { border: 2px solid rgba(35, 141, 205, 1.0); }


@media screen and (max-width:767px) {
	.notice_area .title h3 { font-size: 1.37em; }
	.notice_area { width: 100%; float: none; }
	.pop_area { width: 100%; margin-top: 0px; margin-left: 0px; float: none; border:0px solid #ff0000;  }
	.pop_area .title h3 { font-size: 1.75em; }
	.pop_area .pop_cont .slick-slide a { padding-top: 65%; min-height: 100%; }

	.pop_area .pop_cont .slick-prev { top: -30px; right: 90px; }
	.pop_area .pop_cont .slick-next { top: -30px; right: 0px; }
	.pop_area .pop_cont .btn_play { top: -50px; right: 45px; }
}


/* slick */
.slick-slider { display: block; position: relative; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; }
.slick-list { margin: 0px; padding: 0px; overflow: hidden; display: block; position: relative; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }
.slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }
.slick-track { left: 0px; top: 0px; display: block; position: relative; }
.slick-track::before { display: table; content: ""; }
.slick-track::after { display: table; content: ""; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; display: none; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { border: 1px solid transparent; border-image: none; height: auto; display: block; }
.slick-arrow.slick-hidden { display: none; }

.slick-prev { background: none; padding: 0px; border: currentColor; border-image: none; top: 50%; width: 20px; height: 20px; color: transparent; line-height: 0; font-size: 0px; display: block; position: absolute; cursor: pointer; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%); }
.slick-next { background: none; padding: 0px; border: currentColor; border-image: none; top: 50%; width: 20px; height: 20px; color: transparent; line-height: 0; font-size: 0px; display: block; position: absolute; cursor: pointer; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%); }

.slick-prev { left: -25px; }
[dir='rtl'] .slick-prev { left: auto; right: -25px; }

.slick-next { right: -25px; }
[dir='rtl'] .slick-next { left: -25px; right: auto; }

.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { list-style: none; margin: 0px; padding: 0px; width: 100%; text-align: center; bottom: -25px; display: block; position: absolute; }
.slick-dots li { margin: 0px 5px; padding: 0px; width: 20px; height: 20px; display: inline-block; position: relative; cursor: pointer; }
.slick-dots li button { background: none; padding: 5px; border: 0px currentColor; border-image: none; width: 20px; height: 20px; color: transparent; line-height: 0; font-size: 0px; display: block; cursor: pointer; }

.slick-dots li button:hover::before { opacity: 1; }
.slick-dots li button:focus::before { opacity: 1; }
.slick-dots li button::before { left: 0px; top: 0px; width: 20px; height: 20px; text-align: center; color: black; line-height: 20px; font-family: "slick"; font-size: 6px; position: absolute; content: "?"; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button::before { color: black; opacity: 0.75; }


/* 교육신청 */
.edutop { padding-top:0px; padding-left:25px; margin-top:-10px; }
.edutop li { font-size:15px; line-height:1.4em; padding:1px 0; margin:0; vertical-align: middle; }

a.edubox { width:100%; margin-bottom: 10px; border-radius: 10px; border: 1px solid #d5d5d5; font-size:14px; line-height:1.3; background:#fff; display: block; }
a.edubox:hover { border: 1px solid #0070c0; background:#f9f9f9; }
.edubtn, .edubtn-v { width:100%; text-align: right; }
.edubox h4 { margin:0; padding:0; }
.edubox h4:hover { color:#0070c0; }
.edubox ul { padding:5px 0 0 7px; }
.edubox ul li { padding:2px 0 2px 10px; background:url("../images/gradient/round_dot.png") no-Repeat left 10px; list-style:none; color:#333; }

.solid-hr { border-bottom: 1px solid #222; padding-top: 30px; margin-bottom:30px; }

@media (min-width: 768px) {
	.edubox { padding:20px 30px 15px; }
	.edubtn { padding-top:15px; }
	.edubtn-v { margin-top:-8px; }
	.btn-edu { min-width:110px; padding: 10px 0px; font-size: 14px; }
	.edubox ul li { font-size:15px; }
}

@media (max-width: 767px) {
	.edubox { padding:15px 15px 20px; }
	.edubtn-v { padding-bottom:10px; }
	.btn-edu { width:100%; padding: 10px 30px; font-size: 14px; }
	.edubox ul li { font-size:14px; }
}

.btn-step-1 { background-color: #5a971f; color: #fff; } 
.btn-step-2 { background-color: #0070c0; color: #fff; }
.btn-step-3 { background-color: #555; color: #fff; }
  
.btn-step-1:hover, .btn-step-2:hover, .btn-step-3:hover { background-color: #333; color: #fff; }

/* edudl  */
.edudl, .edudlr { position: relative; padding:0; }
.edudl dl, .edudlr dl { padding:0; border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); }
.edudl dl dt, .edudlr dl dt { float:left; margin-top:0px; color: rgb(85, 85, 85); overflow: hidden; }
.edudl dl dd, .edudlr dl dd { float:left; margin-top:0px; }
.edudl dl dd.firstdd, .edudlr dl dd.firstdd { border-top: 0px solid rgb(34, 34, 34); }
.edudl dl dt:first-child, .edudlr dl dt:first-child { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }

.cardlin { padding-top:0px; padding-left:0px; margin:0; }
.cardlin li { font-size:16px; line-height:1.4em; padding:2px 0; margin:0; vertical-align: middle; list-style-type: none; }
.cardlin li span { color: #0270d4 !important; }

@media (min-width: 768px) {
	.edudl dl dt { width: 100px; }
	.edudl dl dd { width: calc(100% - 100px); }
	.edudlr dl dt { width: 150px; }
	.edudlr dl dd { width: calc(100% - 150px); }
	.edudl dl dt, .edudlr dl dt { padding: 15px 0; font-size:16px; font-weight: 500 !important; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
	.edudl dl dd, .edudlr dl dd { padding: 15px 0; font-size:16px; border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
	.cardlin li { font-size:16px; }
	.edudl br, .edudlr br { display: none; }
}

@media (max-width: 767px) {
	.edudl dl dt { width: 70px; }
	.edudl dl dd { width: calc(100% - 70px); }
	.edudlr dl dt { width: 120px; }
	.edudlr dl dd { width: calc(100% - 120px); }
	.edudl dl dt, .edudlr dl dt { padding: 10px 0 !important; font-size:14px; font-weight: 600 !important;  border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
	.edudl dl dd, .edudlr dl dd { padding: 10px 0 !important; font-size:14px;  border-top-color: rgb(220, 220, 220); border-top-width: 1px; border-top-style: dashed; }
	.cardlin li { font-size:14px; }
	.cardlin li span { font-weight: 600 !important; }
}


/* certificate */
.certificatebox { position:relative; width:100%; color: rgb(0, 0, 0); }

.topdesign { position:relative; width:100%; height:50px; border: 0px solid rgb(34, 34, 34); margin:0; }
.bottomdesign { position:relative; width:100%; height:50px; border: 0px solid rgb(34, 34, 34); }
.topdesignbox { float:right; width:50px; height:50px; border-top: 1px solid rgb(34, 34, 34); border-right: 1px solid rgb(34, 34, 34); }
.bottomdesignbox { float:left; width:50px; height:50px; border-bottom: 1px solid rgb(34, 34, 34); border-left: 1px solid rgb(34, 34, 34); margin-top:-10px !important;  }

.lictop1 { font-size:16px; margin:-10px 0 0; padding:0 0 3px; }
.lictop2 { font-size:16px; margin:0; padding:0; }
.certificatebox h1 { font-size:45px; text-align: center; padding:30px 0 20px; letter-spacing: 0.8em; }

.certificatedl { position: relative; padding:0; margin:0; }
.certificatedl dl { padding:0; margin:0; }
.certificatedl dl dt { float:left; font-size:22px; margin-bottom:8px; width: 100px; font-weight: 400; }
.certificatedl dl dd { float:left; font-size:22px; margin-bottom:8px; width: calc(100% - 100px); font-weight: 400; padding-left:8px; }

.dtyy { text-align: justify; line-height: 0; padding-top:7px; }
.dtyy:after, .dtyy:before { content: ""; display: inline-block; width: 100%; }

.naminfot { letter-spacing: 0.3em; }
.naminfob { letter-spacing: 0.8em; }
.licimg { width:100%; text-align: right; }
.licimg img { max-width:125px !important; max-height:150px !important; display : block; }

.licment { font-size: 22px; line-height: 1.6em; padding:30px 0; letter-spacing: 0.1em; }
.licmf { padding-left:22px; }

.licdate { font-size: 22px; text-align: right; padding:0px 0 20px; }

.licceo { position:relative; width:100%; height:120px !important; padding:0; margin:0; }
.licceol { position:relative; float:left; margin:0; padding-top:35px; letter-spacing: 0.1em; z-index: 2; }
.ceoleft { font-size: 30px; padding:0; font-weight: 500; }
.ceocenter { font-size: 25px; padding:0 10px; font-weight: 500; }
.ceoright { font-size: 30px; padding:0; font-weight: 600; letter-spacing: 0.3em; }

.licceor { position:relative; float:right; width:106px; height:110px; margin-left:-43px; z-index: 1; }
.licceor img { width:106px; height:110px; }

.licengbox { position:relative; width:100%; margin-top:20px; padding:30px 0 18px; border-top: 1px solid rgb(34, 34, 34); }
.licengt { font-size: 18px; line-height: 1.6em; }
.licengt span { font-size: 14px !important; }

.licceo { position:relative; width:100%; height:150px; padding:0; margin:0; }

.licsign { position:relative; width:100%; height:60px; padding:0; margin:20px 0 0; }
.licsignl { float:right; margin:0; padding:22px 5px 0 0px; font-size: 16px;}
.licsignr { float:right; width:180px; height:60px; margin:0; }
.licsignr img { width:180px; height:60px; }
.licengb { position:absolute; bottom:0; width:100%; font-size: 20px; text-align: right; font-weight: 600; padding:0; margin:0px !important; }