@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
/* Ionicons : https://ionicons.com/v2/ */
@import url('../../../nariya/css/ionicons/css/ionicons.min.css');
@import url('../../../nariya/css/g5.css');
@import url('../../../nariya/css/mask.css');
@import url('//fonts.googleapis.com/earlyaccess/nanumbrushscript.css');

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}




/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0;	background:#fff; color:#333;}
@media all and (max-width:991px) {
	body.responsive { overflow-x:hidden; }
}
h1, h2, h3, h4, h5, h6, .en { font-family:'Noto Sans KR', sans-serif; }

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.wrapper { background:#fff; }
.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

@media all and (max-width:1200px) {
	.nt-container{margin-right:10px; margin-left:10px;}
}


/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1200px) {
	.no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
	.no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/********************************************************
■ Loader : 페이지 로딩바
********************************************************/
#nt_loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
#nt_loader .loader { margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }

/********************************************************
■ LNB
********************************************************/
#nt_lnb{background:#fff; /*border-top:2px solid #2359a7;*/ border-bottom:1px solid #ebebeb; height:45px;}
#nt_lnb ul { list-style: none; margin: 0; }
#nt_lnb ul > li { float: left; padding: 5px 13px; }
/*#nt_lnb ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }*/
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; color:#a1a1a1; font-size:15px; font-family: 'S-CoreDream-5Medium';}
#nt_lnb .dropdown-toggle::after { color:#ccc; }
/*.shortcut{background:#2359a7;margin-top:-4px;margin-bottom:-2px;}*/
.shortcut {position:relative; top:0px; border-bottom:1px solid #152a49;}
.shortcut a {font-size:13px !important; color:#152a49 !important; background:url(../img/grid_icon.png) no-repeat right 7px; line-height:26px; padding:0px 15px 4px 5px !important; }


.header_top_sns img {border-radius:30px;}

/********************************************************
■ PC 헤더(Header)
********************************************************/
#header_pc .nt-container { }
#header_pc .header-logo {width:339px;}
#header_pc .header-logo img { max-width:100%; }
#header_pc .header-search { width:100%;	max-width:400px; }
#header_pc .header-search form { padding:0 10px 0 20px; border-width:1px; border-style:solid;border-radius:20px; height:36px; border:1px solid #d2d2d2 !important;}
#header_pc .header-search form:hover {border:1px solid #2359a7 !important;}
#header_pc .header-search input { font-size:18px !important; background: #fff; border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; height:32px;}
#header_pc .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#header_pc .header-search .btn { border:0; background: none !important; outline:none;padding:3px;}

/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20; background:#fff;border-top:1px solid #e0e0e0;border-bottom:3px solid #2a569c;/*box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15);*/ }
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative; }
#nt_menu .sub-slide { display:none; visibility:visible; }
#nt_menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#nt_menu .me-icon {	width:4.0rem; text-align:center; }
#nt_menu .me-a { display:block; position:relative; text-align:center; font-weight:bold; color:#333333; }
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#0164bc; background:fff; }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
.nt-menu .sub-1div { position:absolute; left:25px; z-index:21; width:190px; text-align:left; top:100%; background:#2a569c; /*box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/ }
.nt-menu .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1da { display:block; color:#fff; border-bottom: 1px solid #3564a8; }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#fff; background: #346ab8; border-color: #346ab8;}
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.69rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */
@media all and (max-width:768px) {
	.nt-menu .sub-1div {left:0px; width:160px;font-size:0.9em; }
}


#nt_menu2 { top:10px; box-sizing:border-box; width:100%;position:relative; z-index:20; background:#fff; /*box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15);*/ }
#nt_menu2 .nt-container,
#nt_menu2 .me-list .me-li,
#nt_menu2 .sub-1dul,
#nt_menu2 .sub-1dli { position:relative; }
#nt_menu2 .sub-slide { display:none; visibility:visible; }
#nt_menu2 .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }

#nt_menu2 .me-a { display:block; position:relative; text-align:center; font-weight:bold; color:#333333; font-size:18px !important; font-family: 'S-CoreDream-6Bold' !important;}

#nt_menu2 .me-icon {}
#nt_menu2 .me-icon .me-a2 {display:block; width:40px; height:40px; background:#008ace; text-align:center; border-radius:40px; padding:0; color:#FFF;}
#nt_menu2 .me-icon.order-3 .me-a2 {background:#3d3d3d; position:relative; left:-4px;}

#nt_menu2 .me-li.on .me-a,
#nt_menu2 .me-li:hover .me-a { color:#0263bb;  }


#nt_menu2 .me-li .me-a span {padding-right:9px; padding-top:4px;}

#nt_menu2 .me-li.on .me-a span,
#nt_menu2 .me-li:hover .me-a span {background:url(../img/menu_point.png) no-repeat right 0; }


#nt_menu2 .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu2 .sub-2dul { }
#nt_menu2 .sub-2dli { }
#nt_menu2 .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu2 .sub-2dli.on .sub-2da,
#nt_menu2 .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu2 .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
.nt-menu2 .sub-1div { position:absolute; left:25px; z-index:21; width:190px; text-align:left; top:100%; background:#2a569c; /*box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);*/ }
.nt-menu2 .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu2 .sub-1da { display:block; color:#fff; border-bottom: 1px solid #3564a8; }
.nt-menu2 .sub-1line { position:relative; display:block; }
.nt-menu2 .sub-1dli.on .sub-1da,
.nt-menu2 .sub-1dli:hover .sub-1da { color:#fff; background: #346ab8; border-color: #346ab8;}
.nt-menu2 .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu2 .me-sh { padding:0.69rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */


@media all and (max-width:1200px) {
#nt_menu2 .me-a {font-size:14px !important;}
}

@media all and (max-width:768px) {
	.nt-menu2 .sub-1div {left:0px; font-size:0.9em; }
}


/* 메뉴 상단 고정 */
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:999; left:0; top:0; }
@media all and (min-width:992px) {
	.wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto !important; }
	.wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 0 0 auto !important; }
	.wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto 0 0 !important; }	
}

@media all and (max-width:767px) {
	#nt_menu .me-a { font-size:12px !important; letter-spacing:-1px;padding-left:5px !important;padding-right:5px !important;}
	#nt_menu2 .me-a { font-size:12px !important; letter-spacing:-1px;padding-left:5px !important;padding-right:5px !important;}
}

.carousel-control-prev-icon{background:url("../img/visual_prev.png") no-repeat !important;width:51px;height:51px;}
.carousel-control-next-icon{background:url("../img/visual_next.png") no-repeat !important;width:51px;height:51px;}

@media all and (max-width:767px) {
	.carousel-control-prev-icon{background:url("../img/visual_prev2.png") no-repeat !important;width:30px;height:30px;}
	.carousel-control-next-icon{background:url("../img/visual_next2.png") no-repeat !important;width:30px;height:30px;}
}


/********************************************************
■ 전체 메뉴
********************************************************/

#menu_all { 	position:absolute; 	width:100%;  left:0; top:155px;  border-top:7px solid #e2e2e2;	z-index:999; background:#ffffff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}

#menu_all .nt-container {max-width:1200px; margin:0 auto; position:relative;}
#menu_all .close_btn {position:absolute; right:0; top:0px;}
#menu_all .sub-a.on {	font-weight:bold;}
/*#menu_all h5{ display:block; font-size:30px; 	font-weight:bold;  margin-top:0px;   border-right:1px solid #e4e4e4;    }
#menu_all h5 span{  padding:0px 0px 10px 0px; border-bottom: 2px solid #2f231b;}
#menu_all h5 a{text-align:left;  color:#2f231b; letter-spacing:-2px; }
#menu_all h5 :hover{color:#ff6e15;  border-bottom: 2px solid #ff6e15;}*/

#menu_all .menu_all_wrap {display:block; padding:0px 0 80px 0;}
#menu_all .menu_all_list {margin-top:50px;}
#menu_all .menu_all_list h5 {color:#333333; font-size:22px !important; font-family: 'S-CoreDream-6Bold' !important; margin-bottom:20px;}
#menu_all  .menu_all_sub{ display:flex;} 
#menu_all  .menu_all_sub li {min-width:185px; border:1px solid #0d1e36; height:50px; margin-right:15px;}
#menu_all  .menu_all_sub li a { font-size:15px; font-family: 'S-CoreDream-5Medium'; line-height:48px; letter-spacing:-1px; padding:0px 20px; color:#333333;   vertical-align:top;  padding-right:40px; position:relative; display:block;} 
#menu_all  .menu_all_sub li a i {position:absolute; right:20px; top:11px; font-size:24px;}
#menu_all  .menu_all_sub li a:hover{color:#fff; background:#0d1e36; }


#nt_search { position:absolute; width:100%;  left:0; top:155px;  border-top:3px solid #e2e2e2;	z-index:999; background:#ffffff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
#nt_search .nt-container {max-width:1200px; margin:0 auto; position:relative;}
#nt_search .search_box {padding:90px 0; display:flex;}
#nt_search .search_box h3 {width:40%;}
#nt_search .search_box .search_form {width:60%; padding-right:50px;}
#nt_search .search_box .search_form h4 {font-size:30px; color:#333333; font-family: 'S-CoreDream-6Bold' !important; margin-bottom:40px;}
#nt_search .search_box .search_form h4 span {display:block; font-size:16px; color:#adadad; font-family: 'S-CoreDream-5Medium' !important; margin-bottom:5px;}
#nt_search .close_btn {position:absolute; right:0; top:90px;}
#nt_search .search_input {position:relative; border-bottom:4px solid #0d1e36; padding-right:50px; height:58px;}
#nt_search .search_input .form-control {border:none; height:52px; font-size:20px; color:#333333;      font-family: 'S-CoreDream-3Light' !important;}
#nt_search .search_input .search_btn {position:absolute; right:0; top:5px; }
#nt_search .search_input .search_btn i {font-size:32px;}
 

@media all and (max-width:1200px) {
#menu_all .nt-container {padding:0 20px;}
#menu_all  .menu_all_sub li {min-width:18%; margin-right:1%; white-space:nowrap;}
#menu_all  .menu_all_sub li a {font-size:13px;}
}

/********************************************************
■ 페이지 타이틀
********************************************************/
#nt_title { position:relative; color:#333; background:#2359a7; border-bottom:1px solid #dee2e6; }
#nt_title .nt-container { position:relative; z-index:2;}
#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb a { color:#333; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family: dotum;	font-weight: normal; color:#aaa; content:">"; }
#nt_title .page-desc { 	color:#333333; 	position:relative;  	z-index:1; 	font-size:16px; }
#nt_title .page-desc ul.page-navi {position:relative; right:auto; top:0px;}
#nt_title .page-desc ul.page-navi li {float:left; position:relative; font-family:'Noto Sans KR', sans-serif;padding-right:10px; padding-left:10px; min-width:179px;border-right:1px solid #5379b1; height:50px; line-height:53px; font-size:14px; color:#fff; font-weight:bold;}
#nt_title .page-desc ul.page-navi li:first-child {color:#564844; min-width:60px !important; text-align:center; border-left:1px solid #5379b1; font-size:20px;}
#nt_title .page-desc ul.page-navi > li:nth-child(2) {min-width:129px !important;}
#nt_title .page-desc ul.page-navi > li:last-child a {padding-right:30px;}
#nt_title .page-desc ul.page-navi li::before {position:absolute; content:""; left:0;}
#nt_title .page-desc ul.page-navi li:first-child::before {display:none;}
#nt_title .page-desc ul.page-navi li a {display:block; position:relative;  font-size:14px; min-width:100px; color:#fff; font-weight:bold; font-family:'Noto Sans KR', sans-serif;text-indent:10px;}


@media all and (max-width:767px) {
	#nt_title .page-desc ul.page-navi li {padding-right:7px; padding-left:7px;letter-spacing:-1px;min-width:170px;}
	#nt_title .page-desc ul.page-navi > li:nth-child(2) {min-width:110px !important;}
	#nt_title .page-desc ul.page-navi li a {font-size:12.5px;}
}

#nt_submenu {position:absolute; width:180px; top:50px; z-index:999; left:188px; display:none; }
#nt_submenu .menu-ul {background:#FFF; float:left; width:100%; box-shadow:0px 0px 0px 0px rgba(38, 31, 31, 0.1); border:1px solid #ccc; border-top:none;}
#nt_submenu .menu-ul li {float:left;}
#nt_submenu .menu-ul li a {color:#333; font-size:14px; padding:10px 15px; display:block; text-align:left; border-bottom:1px solid #eee;}
#nt_submenu .menu-ul li a:hover {background:#d2deec;}
#nt_submenu .menu-ul li:last-child a {border-bottom:none;}
#nt_submenu .menu-ul li.active a {}
#nt_submenu .menu-ul.menucnt2 li {width:100%;}
#nt_submenu .menu-ul.menucnt3 li {width:100%;}
#nt_submenu .menu-ul.menucnt4 li  {width:100%;}
#nt_submenu .menu-ul.menucnt5 li {width:100%;}
#nt_submenu .menu-ul.menucnt6 li {width:100%;}
#nt_submenu .menu-ul.menucnt7 li {width:100%;}

@media all and (max-width:768px) {
	#nt_submenu {left:158px;width:193px;}
	#nt_submenu .menu-ul li a {font-size:12px;}
}

#menu02_submenu {position:relative;margin:0 auto;}
#menu02_submenu .menu02-ul {background:#FFF; overflow:hidden;margin-left: auto;margin-right: auto;margin-top:50px;}
#menu02_submenu .menu02-ul li {float:left;border:1px solid #cccbcb;border-right:0;width:16.666666%}
#menu02_submenu .menu02-ul li a {color:#828282; font-weight:normal;padding:15px 0; display:block; text-align:center;font-family:'Noto Sans KR', sans-serif;}
#menu02_submenu .menu02-ul li:last-child {border-right:1px solid #cccbcb;}
#menu02_submenu .menu02-ul li.active a {background:#2359a7;color:#fff;}

#menu02_submenu .menu02-ul.menucnt2 li {width:50%;}
#menu02_submenu .menu02-ul.menucnt3 li {width:33.33333%;}
#menu02_submenu .menu02-ul.menucnt4 li  {width:25%;}
#menu02_submenu .menu02-ul.menucnt5 li {width:20%;}
#menu02_submenu .menu02-ul.menucnt6 li {width:16.66666%;}
#menu02_submenu .menu02-ul.menucnt7 li {width:14.28%;}


@media (max-width:1023px) and (min-width: 768px) {
	#menu02_submenu .menu02-ul li {width:24.28%;margin-bottom:10px;}
}

@media all and (max-width:767px) {
	#menu02_submenu .menu02-ul li {width:33.3%;margin-bottom:10px;}
	#menu02_submenu .menu02-ul li:nth-child(3) {border-right:1px solid #cccbcb;}
	#menu02_submenu .menu02-ul li:nth-child(6) {border-right:1px solid #cccbcb;}
	#menu02_submenu .menu02-ul li a {font-size:12px;letter-spacing:-1px;}
}

.sub_title{max-width:1200px;margin:40px auto;text-align:center;font-size:2.0em;font-weight:bold; position:relative; background:url(../img/sub_title_line.jpg) no-repeat center bottom; padding-bottom:35px;}


.dropdown_btn i {font-size:14px; margin-left:5px; position:absolute; right:5px; top:20px;}

@media all and (max-width:991px) {
	.responsive #nt_title .page-title { font-size:24px; letter-spacing:0; }
}
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:22px; }
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:20px; }
}

.at-subimg {text-align:center; position:relative; overflow:hidden;}
.at-subimg img {width:100%; min-width:1600px;}
.at-subimg .nt-container {position:relative;}
.at-subimg-txt {position:absolute; top:80px;  text-align:center;  width:100%;}
.at-subimg-txt h3 {font-size:2.6em; color:#fff; font-weight:800;    letter-spacing:-2px; display:inline-block; padding-top:10px;}
.at-subimg-txt h3 span {font-size:34px; color:#fff; margin-left:5px;}

.menu_r{float:right;}
@media all and (max-width:1200px) {
 	.at-subimg img {width:100%; min-width:1600px;}
}

@media all and (max-width:900px) and (min-width:415px) {
	.at-subimg {text-align:center; position:relative; overflow:hidden;}
	.at-subimg img {width:100%; min-width:1000px;}
	.at-subimg .nt-container {position:relative;}
	.at-subimg-txt {position:absolute; top:50px; text-align:center; left:auto; width:100%;}
	.at-subimg-txt h3 {font-size:24px;}
}

@media all and (max-width:414px){
	.at-subimg {text-align:center; position:relative; overflow:hidden;}
	.at-subimg img {width:100%; min-width:1000px; position:relative; left:-105%;}	
	.at-subimg .nt-container {position:relative;}
	.at-subimg-txt {position:absolute; top:50px; text-align:center; left:auto; width:100%;}
	.at-subimg-txt h3 {font-size:24px;}
}



/********************************************************
■ 메인부분
********************************************************/
.fast_menu{position:absolute; width:100%;margin-top:-50px;}
.fast_menu .menu01{float:left;width:25%;background:url("../img/cont_bg01.png") no-repeat;padding:25px;}
.fast_menu .icon{float:left;width:50%;text-align:center;}
.fast_menu .cont{float:left;color:#fff;width:50%;font-size:1.2em;font-weight:bold}
.fast_menu .cont a{color:#fff;}
.fast_menu .cont .cont_btn{border:1px solid #fff;font-size:0.7em;font-weight:normal;padding:3px;width:80px;margin-top:10px;text-align:center;}
.fast_menu .menu02{float:left;width:25%;background:url("../img/cont_bg02.png") no-repeat;padding:25px;}
.fast_menu .menu03{float:left;width:25%;background:url("../img/cont_bg03.png") no-repeat;padding:25px;}
.fast_menu .menu04{float:left;width:25%;background:url("../img/cont_bg04.png") no-repeat;padding:25px;}

@media all and (max-width:767px) {
	.fast_menu{position:absolute; width:100%;margin:-45px 0px 10px 0px;}
	.fast_menu .icon img{width:50px;}
	.fast_menu .cont{float:left;color:#fff;width:50%;font-size:1.1em;font-weight:bold}
	.fast_menu .menu01{float:left;width:50%;padding:15px;}
	.fast_menu .menu02{float:left;width:50%;padding:15px;}
	.fast_menu .menu03{float:left;width:50%;padding:15px;}
	.fast_menu .menu04{float:left;width:50%;padding:15px;}
}


.border_box{border:1px solid #e5e5e5;margin:40px 0;border-right:0}
.board_box{width:33.33%;float:left;padding:25px;}
.border_box .border_right{border-right:1px solid #e5e5e5;}
.photo_box{position:relative;width:33.33%;background-color: #1f69d5; border: 6px solid; border-image: linear-gradient(to right, #1f69d5, #2173d2, #1f69d5); border-image-slice: 1;}
.photo_box img{width:100%;height:auto;}
.photo_box .button{position:absolute;right:10px;bottom:10px;}
@media all and (max-width:767px) {
	.border_box{border:0;margin:60px 0 30px;}
	.board_box{width:100%;float:none;padding:20px;border:1px solid #e5e5e5;margin-bottom:20px;}
	.photo_box{width:100%;}
}

.course_box {position:relative;margin-bottom:20px;background:#fff}
.course_box .course_title {display:block;line-height:55px;font-size:1.6em;color:#253dbe;font-weight:bold;}
.course_box .course_title a {color:#000;display:inline-block;position:relative}
.course_box .course_button{position:absolute;left:150px;top:13px;font-size:1.1em;font-weight:bold;}
.course_box .course_button img{margin:0 20px;}
.course_box .lt_more {position:absolute;top:11px;right:0px;display:block;width:70px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.course_box .lt_more:hover {color:#777}
.course_box ul:after {display:block;visibility:hidden;clear:both;content:""}
.course_box ul {margin: 0 -10px}
.course_box li {float:left;width:25%;padding:0 10px;}
.course_box li.course_li:nth-child(4n+1) {clear: both!important}
.course_box li .lt_img {position:relative;margin:0px 0;display:block}
.course_box li .lt_img .tip { background: #ffffff;color: #026db9;border: 1px solid #026db9;margin-bottom: 5px; padding: 2px 5px; font-size: 12px; display: inline-block;}
.course_box li .lt_img img, .pic_lt li .lt_img video {width:100%;height:auto}
.course_box li a:hover {color:#a22121}
.course_box li .course_text{border:1px solid #e5e5e5;padding:15px;color:#999898;font-weight:normal;}
.course_box li .course_text .tlt{font-size:1.2em;font-weight:bold;color:#000;letter-spacing:-1px;height: 23px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.course_box li .course_text b{color:#000;font-weight:bold;}
.course_box li .course_text .link{border:1px solid #2763ba;border-radius:20px;padding:5px 0px;width:120px;text-align:center;margin:0 auto;margin-top:20px;}
.course_box li .course_text .link a{color:#2763ba;font-size:0.9em;}

@media all and (max-width:1067px) {
	.course_box li .lt_img img, .pic_lt li .lt_img video {
		width: 100% !important;
		height: auto !important;
	}
}

@media all and (max-width:767px) {
	.course_box .lt_more{display:none;}
	.course_box .course_button{position:absolute;left:120px;top:13px;font-size:1.1em;font-weight:bold;}
	.course_box .course_button img{margin:0 5px;}
	.course_box ul {margin: 0 -15px}
	.course_box li {float:left;width:50%;padding:0 5px;margin-bottom:20px;}
	.course_box li .course_text{padding:10px;font-size:0.9em;}
	.course_box li .course_text .tlt{font-size:1.2em;font-weight:bold;color:#000;overflow:hidden;height:20px}
	.course_box li .lt_img img, .pic_lt li .lt_img video {
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width:1023px) and (min-width: 768px) {
	.course_box li .course_text .tlt{height:48px;overflow:hidden;}
}

.photo_pc{display:block}
.photo_mobile{display:none}

@media all and (max-width:767px) {
.photo_pc{display:none}
.photo_mobile{display:block}
}

/********************************************************
■ 서브컨텐츠
********************************************************/
.info_box{position:relative;}
.info_box .info_img{position:absolute;right:30px;top:40px;}
.info_box .info_text{width:70%;margin-top:30px;padding:20px;}
.info_box .info_text .tr span {font-family: 'Nanum Brush Script'; font-size:40px;}

@media all and (max-width:767px) {
	.info_box .info_img{position:revert;text-align:center;margin-top:20px}
	.info_box .info_text{width:100%;margin-top:30px;padding:0px;}
}

.sub_title01{background:url("../img/sub_icon01.png") 0 13px no-repeat;padding-left:35px;font-size:1.2em;font-weight:bold;margin-bottom:20px;}
.sub_text01{font-size:1.3em;font-weight:bold;letter-spacing:-1px;line-height:1.2em;}
@media all and (max-width:767px) {
	.sub_text01{font-size:1.2em;font-weight:bold;letter-spacing:-1px;line-height:1.2em;}
}
.organi ul,
.organi ul li {position:relative;}
.organi ul.organ_line {margin:0 auto; max-width:850px; text-align:center; overflow:hidden;}
.organi ul.organ_line::before {position:absolute; top:0; left:50%; content:""; width:1px; height:72%; background:#d1d1d1;}

.organi .circle {display:inline-block; width:140px; height:140px; font-size: 1.2em; padding-top:50px; color: #fff; border-radius:50%; background:#046eb8; text-align:center; margin-bottom:85px;}
.organi .box { float:left; display:inline-block; border:2px solid #0097ce; background:#fff; color:#0097ce; width:198px; height:75px; font-weight:bold;line-height:1.2em;padding-top:0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.organi .square {display:inline-block; width:240px; height:60px; font-size: 1.2em; padding-top:13px; color: #333; background:#FFF;  border:1px solid #046eb8; text-align:center; margin-bottom:40px;}

.organi ul.org2::before {position:absolute; top:-30px; left:12.5%; content:""; width:74.8%; height:1px; background:#d1d1d1; z-index:3;}
.organi ul.org2 li {float:left; position:relative; margin-right:14px;margin-bottom:10px;}
.organi ul.org2 li::before {position:absolute; top:-30px; left:55%; content:""; width:1px; height:30px; background:#d1d1d1;}
.organi ul.org2 li:last-child {float:right;}
.organi ul.org2 li:last-child::before {position:absolute; top:-30px; left:50%; content:""; width:1px; height:30px; background:#d1d1d1;}

.organi .org3 {background:#2d4fc6; margin-top:40px; margin-bottom:60px;}

@media all and (max-width:1024px) {
	.organi ul.org2 li:last-child {float:left;}
	.organi .box {width:100%;margin-bottom:20px;}
	.organi ul.org2::before {left:12.5%; content:""; width:75.3%;}
	.organi ul.org2 li {width:calc(21% + 2%); margin-right:2%;}
	.organi ul.organ_line::before {position:absolute; top:0; left:50%; content:""; width:1px; height:45%; background:#d1d1d1;}
}


@media all and (max-width:767px) {
	.organi .box{font-size:0.8em;letter-spacing:-1px;padding-top:0px;}
}


.map{overflow:hidden}
.map img{float:left;margin-right:10px;padding-top:5px;}
.map02{overflow:hidden;margin-top:30px;}
.map02 .map_left{width:50%;float:left;overflow:hidden;}
.map02 .map_left .icon{float:left;margin-right:20px;}
.map02 .map_left .cont{float:left;color:#555}
.map02 .map_left .tlt{font-size:1.1em;font-weight:bold;color:#000}
@media all and (max-width:767px) {
	.map02 .map_left{width:100%;float:none;overflow:hidden;margin-bottom:10px;}
	.map02 .map_left .cont{width:60%;}
}

.learning_box{background:#f5f5f5;padding:40px;overflow:hidden;}
.learning_box .learning_img{float:left;width:25%;}
.learning_box .learning_text{float:left;width:75%;color:#585858;font-size:0.9em;}
.learning_box .learning_text .learning_tlt{font-size:1.4em;font-weight:bold;color:#000;margin-bottom:20px;}
.learning_box .learning_text ul li{background:url("../img/dot.png") 0 10px no-repeat;padding-left:15px;}
.learning_box .learning_text .tel{margin-right:30px;}
@media all and (max-width:767px) {
	.learning_box{padding:20px;}
	.learning_box .learning_img{float:none;width:100%;margin-bottom:10px;}
	.learning_box .learning_text{float:none;width:100%;color:#585858;font-size:0.9em;letter-spacing:-1px;}
	.learning_box .learning_text .tel{display:block;margin-bottom:5px;}
}

.course_layout{overflow:hidden;}
.course_layout .course_photo{float:left;width:34%;padding-top:45px;}
.course_layout .course_cont{float:right;width:65%}
.course_tlt{border-bottom:1px solid #000;padding-bottom:5px;font-weight:bold;font-size:1.6em;margin-bottom:40px;letter-spacing:-1px;}
.course_tlt2{font-weight:bold;font-size:1.4em;margin-bottom:20px;letter-spacing:-1px;}
@media all and (max-width:767px) {
	.course_layout .course_photo{float:none;width:100%;padding-top:0px;margin-bottom:20px;}
	.course_layout .course_photo img { width:100%;height:auto; }
	.course_layout .course_cont{float:none;width:100%}
}



.main_photo {margin:90px 0; padding-left:220px; position:relative;}
.main_photo_title {position:absolute; left:0; top:0; padding-top:10px;}
.main_photo_title h3 {font-size:30px; color:#333333; font-weight:bold; margin-bottom:5px;}
.main_photo_title p {font-size:16px; color:#333333;}
.main_photo_title a {display:inline-block; color:#FFF; background:#95a3b7; border-radius:30px; padding:6px 20px; margin-top:30px;}

.main_photo_list {background:#f5f7fa; padding:40px;}
/*.main_photo_list ul {margin-left:-3%;}
.main_photo_list ul li {float:left; width:30.33333%; margin-left:3%; }*/

.main_photo_list ul li img {border:16px solid #FFF; box-shadow: 3px 5px 5px -2px rgba(0, 0, 0, 0.1); max-width:100%;}
.main_photo_list ul li p {font-size:18px; color:#000000; padding:20px 10px 5px 10px;}
.main_photo_list ul li p.date {font-size:14px; color:#5a5a5a; padding:0px 10px;}

/* Direction Nav */
.main_photo_list .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none; z-index:9999;}
.main_photo_list .flex-direction-nav a {width:43px;  height: 43px; margin: 30px 0 0 0; display: block; background: url(../img/direction_nav01.png) no-repeat 0 center; 
	position: absolute; top:0; z-index:99; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; }
.main_photo_list .flex-direction-nav .flex-next {background-position: 100% center; left:138px; top:68px;}
.main_photo_list .flex-direction-nav .flex-prev {left:95px; top:68px;}

/* Control Nav  */
.main_photo_list .flex-control-nav {display:none;} 
 


 @media all and (max-width:600px){

.main_photo {padding-left:0;}
.main_photo_title {position:relative; margin-bottom:20px;}
.main_photo_title h3 {font-size:22px;}
.main_photo_title p {font-size:14px;}
.main_photo_title a {position:absolute; right:100px; top:7px;}

.main_photo_list {padding:20px;}
.main_photo_list .flex-direction-nav .flex-next {background-position: 100% center; left:auto; right:0; top:0px;}
.main_photo_list .flex-direction-nav .flex-prev {left:auto; right:43px; top:0px;}

.main_photo_list ul li p {font-size:16px; }
.main_photo_list ul li p.date {font-size:12px;}
}




.tbTypeA {width:100%;border-top:1px solid #7f7f7f;border-bottom:1px solid #7f7f7f;border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeA thead tr th {padding:10px; color:#fff; text-align:center;line-height:20px; vertical-align:middle;background:#0097ce;font-size:16px;font-weight:normal;}
.tbTypeA tbody tr th {text-align:center;font-size:14px;}
.tbTypeA tbody tr td {padding:10px; text-align:center; line-height:22px;vertical-align:middle; background:#fff;font-size:14px;color:#555555;border:1px solid #dbdbdb; }

.tbTypeB {width:100%;border-top:1px solid #2998c1;border-bottom:1px solid #2998c1;border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeB thead tr th {padding:15px; color:#fff; text-align:center;line-height:20px; vertical-align:middle;background:#0097ce;font-size:16px;font-weight:normal;}
.tbTypeB tbody tr th {text-align:center;font-size:14px;background:#d4eaf3;border-bottom:1px solid #bed2da}
.tbTypeB tbody tr td {padding:20px; text-align:left; line-height:22px;vertical-align:middle; background:#fff;font-size:14px;color:#555555;border-bottom:1px solid #e5e5e5}

.tbTypeC {width:100%;border-top:2px solid #0097ce;border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeC thead tr th {padding:10px;min-width:50px; color:#000; border:1px solid #e5e5e5;text-align:center;line-height:20px; vertical-align:middle;background:#f5f5f5;font-size:1.1em;font-weight:bold;}
.tbTypeC tbody tr th {text-align:center;min-width:50px;border:1px solid #e5e5e5;background:#f5f5f5;font-size:1.1em;font-weight:bold;padding:10px;}
.tbTypeC tbody tr td {padding:10px; text-align:center; border:1px solid #e5e5e5; line-height:22px;vertical-align:middle; background:#fff;color:#555555;}
.tbTypeC tbody tr td .blue_text{font-weight:bold;color:#0097ce;}

.tbTypeD {width:100%;border-top:2px solid #0097ce;border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTypeD thead tr th {padding:5px;min-width:50px; color:#000; border:1px solid #e5e5e5;text-align:center;line-height:20px; vertical-align:middle;background:#f5f5f5;font-size:13px;font-weight:bold;}
.tbTypeD tbody tr th {text-align:center;min-width:50px;border:1px solid #e5e5e5;background:#f5f5f5;font-size:13px;font-weight:bold;padding:10px;}
.tbTypeD tbody tr td {padding:5px; text-align:center; border:1px solid #e5e5e5; line-height:22px;vertical-align:middle; background:#fff;color:#555555;font-size:13px}
.tbTypeD tbody tr td .blue_text{font-weight:bold;color:#0097ce;}

.table_box{width:100%; overflow-x: auto;}
.table_width{width:100%;}

@media all and (max-width:767px) {
	.table_width{width:250%;}	
	.tbTypeA thead tr th {font-size:14px;}
	.tbTypeC thead tr th {font-size:1.0em;}
	.tbTypeC tbody tr th {font-size:1.0em;letter-spacing:-1px;}
	.tbTypeD thead tr th {font-size:1.0em;}
	.tbTypeD tbody tr th {font-size:1.0em;letter-spacing:-1px;}
}

#allpart {overflow:hidden;width:100%;}

#allpart .tabContaier  .tab {display:flex;}
#allpart .tabContaier  .tab li { flex:1; text-align:center; background:#fff; border:1px solid #dbdbdb;border-right:0;}
#allpart .tabContaier  .tab li:last-child{border-right:1px solid #dbdbdb}
#allpart .tabContaier  .tab li img{margin-bottom:0px;}
#allpart .tabContaier  .tab li a { font-size:1.1em; color:#555; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:15px 0px;min-height:120px;letter-spacing:-1px;text-align:center;line-height:1.2em}
#allpart .tabContaier  .tab li a.active {background:#0097ce; color:#FFFFFF; border-bottom:none; }
#allpart .tabDetails {float:left; width:100%; margin:50px 0;} 

@media all and (max-width:767px) {
	#allpart .tabContaier  .tab li { float:left;  width:25%;margin-bottom:10px;}
	#allpart .tabContaier  .tab li:nth-child(4) {border-right:1px solid #dbdbdb;}
}

@media all and (max-width:768px) {
	#allpart .tabContaier  .tab li a { font-size:1.0em; }
}

#allpart02 {overflow:hidden;width:100%;}

#allpart02 .tabContaier02  .tab li { float:left;  width:25%;text-align:center; background:#fff; border:1px solid #dbdbdb;border-right:0;}
#allpart02 .tabContaier02  .tab li:last-child{border-right:1px solid #dbdbdb}
#allpart02 .tabContaier02  .tab li img{margin-bottom:5px;}
#allpart02 .tabContaier02  .tab li a { font-size:1.1em; color:#555; display:block; padding:15px 0px;letter-spacing:-1px;text-align:center;line-height:1.2em}
#allpart02 .tabContaier02  .tab li a.active {background:#0097ce; color:#FFFFFF; border-bottom:none; }
#allpart02 .tabDetails02 {float:left; width:100%; margin:50px 0;} 

.tabContaier02 .num3 li { width:33.33% !important; }
.tabContaier02 .num4 li { width:25% !important; }

@media all and (max-width:767px) {
	#allpart02 .tabContaier02  .tab li {font-size:0.9em;letter-spacing:-1px}
}

#allpart03 {overflow:hidden;width:100%;}

#allpart03 .tabContaier03  .tab li { float:left;  width:33.33%;text-align:center; background:#fff; border:1px solid #dbdbdb;border-right:0;}
#allpart03 .tabContaier03  .tab li:last-child{border-right:1px solid #dbdbdb}
#allpart03 .tabContaier03  .tab li img{margin-bottom:5px;}
#allpart03 .tabContaier03  .tab li a { font-size:1.1em; color:#555; display:block; padding:15px 0px;letter-spacing:-1px;text-align:center;line-height:1.2em}
#allpart03 .tabContaier03  .tab li a.active {background:#0097ce; color:#FFFFFF; border-bottom:none; }
#allpart03 .tabDetails03 {float:left; width:100%; margin:50px 0;} 

.mypage_title{background:url("../img/mypage_icon06.png") no-repeat 0 3px;;padding-left:25px;font-size:1.2em;font-weight:bold;margin-bottom:10px;}
.mypage_box{overflow:hidden;background:#f6f6f6;border:1px solid #e0e0e0;padding:20px 40px;border-radius:5px;margin-bottom:20px;}
.mypage_box .mypage_left{float:left;width:50%;overflow:hidden;}
.mypage_box .mypage_left .mypage_icon{float:left;width:70px;height:70px;background:#cecece;border-radius:50px;text-align:center;line-height:4.5em;margin-right:10px;}
.mypage_box .mypage_left .mypage_text{float:left;padding-top:15px;}
.mypage_box .mypage_right{float:right;width:50%;text-align:right;padding-top:25px;}
.mypage_box ul{overflow:hidden;}
.mypage_box ul li{float:left;overflow:hidden;width:33.3%;}
.mypage_box ul li .mypage_icon02{float:left;width:70px;height:70px;background:#0097ce;border-radius:50px;text-align:center;line-height:4.5em;margin-right:10px;}
.mypage_box ul li .mypage_text02{float:left;padding-top:15px;font-size:1.2em;font-weight:bold;}
.mypage_box ul li .mypage_text02 strong{font-size:1.6em;color:#0097ce;}
.mypage_width{width:80%;margin:0 auto;}
.mypage_width .subject{float:left;width:120px;font-weight:bold;line-height:1.2em;}
.edu_text{font-weight:bold;padding-top:10px}

@media all and (max-width:767px) {
	.mypage_box{padding:20px 20px;}
	.mypage_box .mypage_left{float:none;width:100%;overflow:hidden;}
	.mypage_box .mypage_right{float:none;width:100%;text-align:right;padding-top:25px;}
	.mypage_box ul li{text-align:center}
	.mypage_box ul li .mypage_icon02{float:none;margin:0 auto;}
	.mypage_width{width:100%;margin:0 auto;}
	.edu_text{padding-top:0px}
	.mypage_box ul li .mypage_text02{float:none;text-align:center;}
	.mypage_box ul li .mypage_text02 strong{display:block}
}

.course_bg{background:#f0f0f0;padding:20px;}
.course_width{width:80%;margin:0 auto;}
.width_30{width:30%;}
.width_40{width:40%;}
.width_80{width:80%;}
.width_90{width:90%;}
.width_130{width:130px;display: inline-block;}
.width_100{width:100px;display: inline-block;}

@media all and (max-width:767px) {
	.course_bg{background:#f0f0f0;padding:20px 10px;}
	.course_width{width:100%;}
	.width_40{width:35%;}
	.width_80{width:47%;}
	.width_90{width:75%;}
}

@media all and (max-width:320px) {
	.width_80{width:38%;}
	#allpart .tabContaier  .tab li a { font-size:0.8em; }
}

.btn_new{height:40px;border:0;border-radius:3px;padding:0 20px;font-size:0.95em;vertical-align:middle;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.btn_new2 {height:30px;border:0;border-radius:3px; padding:2px 0; width:90px; display:inline-block; text-align:center; font-size:0.95em; vertical-align:middle;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.btn_submit{background:#0097ce;color:#fff}
.btn_submit:hover {color:#FFFF00;}
.btn_submit02{background:#5a5a5a;color:#fff;line-height:2.8em;}
.btn_submit03{background:#0097ce;color:#fff;border-radius:20px;height:27px;font-size:0.9em;}
.btn_submit04{background:#fff;color:#20a4d4;border-radius:20px; border:1px solid #20a4d4;font-size:0.9em;}
.btn_submit05{background:#adadad;color:#fff;border-radius:20px;height:25px;font-size:0.9em;padding:0 10px;}
.btn_submit06{background:#1db2e8;color:#fff;border-radius:20px;height:30px;font-size:0.65em;padding:2px 10px;border:0;font-weight:normal}
.btn_submit07{background:#fff;color:#9e9e9e;border-radius:2px;height:25px;border:1px solid #9e9e9e;font-size:0.9em;padding:0 10px;}
.btn_mypage01{background:#777;color:#fff;border-radius:3px;padding:10px 20px;font-size:0.95em;}
.btn_mypage02{background:#dcdcdc;color:#000;border-radius:3px;padding:10px 20px;font-size:0.95em;}
.btn_mypage03{background:#777;color:#fff;border-radius:3px;padding:5px 10px;font-size:0.9em;}
.btn_course01{background:#fff;color:#20a4d4;border-radius:20px;border:1px solid #20a4d4;font-size:0.9em;}
.btn_course02{background:#0097ce;color:#fff;border-radius:20px; font-size:0.9em;border:1px solid #0097ce;}
.course_search2 {border:1px solid #e0e0e0; width:100%; max-width:170px;} 
.frm_input{height:40px;line-height:32px;border:1px solid #d5d5d5;border-radius:2px;color:#555}
.frm_input02{height:30px;line-height:32px;border:1px solid #e3e3e3;border-radius:2px;color:#555;background:#f4f4f4;}
.frm_input_full{width:100%}
.frm_input_half{width:50%}
.course_search{border:1px solid #e0e0e0;width:100px;}
.btn01 { border: 1px solid #1d1d1d;background: #1d1d1d; color: #ffffff;display: inline-block;padding: 0px 10px;text-align: center; margin: 0 auto;cursor:pointer;margin:0px 5px; }
.btn_plus { cursor:pointer;display: inline-block;background: #f3f3f3;border: 1px solid #dbdbdb;height: 32px;line-height: 32px;padding: 0px 5px;vertical-align: top; }


.cl_red{color:#ff0000;}


/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container { position:relative; overflow:visible !important; }
#nt_wing img { max-width:100%; }
#nt_wing .wing-left,
#nt_wing .wing-right { position:absolute; width:160px; }
#nt_wing .wing-left { left:-180px; }
#nt_wing .wing-right { right:-180px; }
.boxed-b #nt_wing .wing-left { left:-200px; }
.boxed-b #nt_wing .wing-right { right:-200px; }

/********************************************************
■ Footer 
********************************************************/
#nt_footer{background:#ededed;}
#nt_footer .nt-links{border-bottom:1px solid #d5d5d5;}
#nt_footer .nt-links ul { list-style: none; margin: 0; padding:0; }
#nt_footer .nt-links ul > li { float: left; padding: 0 13px; }
#nt_footer ul > li:first-child { padding-left:0; }
#nt_footer ul > li:last-child { padding-right:0; }
#nt_footer .nt-links ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_footer .nt-links ul > li:last-child::after { content: ""; }
#nt_footer .nt-links ul > li > a { color: #666; white-space:nowrap;	}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }
}

#nt_footer .footer_logo{width:30%;float:left}
#nt_footer .footer_cont{width:50%;float:left}
#nt_footer .footer_sns{width:20%;float:left;text-align:right;}
#nt_footer .footer_sns img{margin:0 5px;}

@media all and (max-width:768px) {
	#nt_footer .footer_logo{width:100%;float:none;text-align:center;margin-bottom:10px;}
	#nt_footer .footer_cont{width:100%;float:none;text-align:center;margin-bottom:20px;}
	#nt_footer .footer_sns{width:100%;float:none;text-align:center;}
}

/********************************************************
■ Widget Title 위젯 타이틀
********************************************************/
h3.h3 { padding:0; margin:0; font-weight:bold; }
hr.hr::before { width:100%; height:1px; content: ""; position:absolute; left:0; bottom:1px; line-height:1px; background-color:#ddd; }
hr.hr { display:block; position:relative; height:3px; border: none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}

/********************************************************
■ Bootstrap 4 : 부트스트랩 기본 속성
********************************************************/
/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after { top:0.15rem !important; width:1.4rem !important; height:1.4rem !important; }

/* 체크박스, 라디오버튼과 글자간 간격 */
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span { cursor: pointer; padding-left:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }

@media all and (max-width:767px) {
	.btn-lg { padding: 10px 5px;font-size: 14px; letter-spacing:-1px;}
}


/* Form */
.col-form-label { font-weight:bold; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color: #333; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius: 0.3rem !important; }

/* 사각 스타일 */
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item { border-radius:0 !important; }


.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb70 { margin-bottom:70px !important; }
.mb80 { margin-bottom:80px !important; }

@media all and (max-width:767px) {
	.mb70 { margin-bottom:20px !important; }
}

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
@media all and (max-width:767px) {
	.mt60 { margin-top:20px !important; }
}

.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml80 { margin-left:80px !important; }

.mr20 { margin-right:20px !important; }

.tr{text-align:right !important;}
.tc{text-align:center !important;}
.font_b{font-weight:bold;}

.over_h{overflow:hidden !important;}
.fl{float:left !important;}
.fr{float:right !important;}

.ui-helper-hidden-accessible{display:none;}
.ui-tooltip{display:none;}

.cl_blue{color:#0097ce}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page,.qa_page {background:#fdfdfd;border:1px solid #d4d4d4;color:#555;;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#f3f3f1}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50%;padding:0}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50%;padding:0}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50%;padding:0}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50%;padding:0}
.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;}

.pay_div {background:#f2f2f2; margin-top:30px; text-align:center; padding:10px 0;}


.ap_cancel { 
	display: inline-block;
	margin: 4px 0px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #333333 !important;
	background-color: #ffffff;
	border-color: #cccccc;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.ap_cancel:hover { 
	border: 1px solid transparent;
	color:#ffffff !important;
	background-color:#333333;
	border-color:#000000;
	outline:0;
}

.ap_end { 
	display: inline-block;
	margin: 4px 0px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #ffffff;
	border-color: #cccccc;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	text-decoration: none;
	cursor:text;
}

.state_btn1 { 
	width:40px;
	display: inline-block;
	margin: 4px 0px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #ffffff !important;
	background-color: #4e79b4;
	border-color: #4e79b4;
	padding: 0px 1px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.state_btn1:hover { 
	border: 1px solid transparent;
	color:#4e79b4 !important;
	background-color:#ffffff;
	border-color:#4e79b4;
	outline:0;
	text-decoration: none;
}

.state_btn2 { 
	width:40px;
	display: inline-block;
	margin: 4px 0px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #ffffff !important;
	background-color: #dea480;
	border-color: #dea480;
	padding: 0px 1px;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.state_btn2:hover { 
	border: 1px solid transparent;
	color:#dea480 !important;
	background-color:#FFF;
	border-color:#dea480;
	outline:0;
	text-decoration: none;
}

.ed_icon1 { 
	width:50px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #ffffff !important;
	background-color: #b3d4e2;
	border-color: #b3d4e2;
	padding: 1px 1px;
	font-size: 11px;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.ed_icon1:hover { 
	text-decoration: none;
}

.ed_icon2 { 
	width:50px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #ffffff !important;
	background-color: #d2d2d2;
	border-color: #d2d2d2;
	padding: 1px 1px;
	font-size: 11px;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.ed_icon2:hover { 
	text-decoration: none;
}

.ed_icon3 { 
	width:50px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #4e79b4 !important;
	background-color: #ffffff;
	border-color: #4e79b4;
	padding: 1px 1px;
	font-size: 11px;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.ed_icon3:hover { 
	text-decoration: none;
}

.ed_icon4 { 
	width:50px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #dea480 !important;
	background-color: #ffffff;
	border-color: #dea480;
	padding: 1px 1px;
	font-size: 11px;
	border-radius: 3px;
	text-decoration: none;
	outline:0;
}

.ed_icon4:hover { 
	text-decoration: none;
}

.ed_icon5 {
	width: 50px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #FF3F3F !important;
	background-color: #ffffff;
	border-color: #FF2222;
	padding: 1px 1px;
	font-size: 11px;
	border-radius: 3px;
	text-decoration: none;
	outline: 0;
}

.ed_icon5:hover { 
	text-decoration: none;
}

/* 회색테이블 */
.de_tbl {
	width:100%;
	margin:15px 0px;
	font-size: 12px !important;
}

.de_tbl th {
	padding: 8px 0;
	width:120px;
	color: #272727;
	border: 1px solid #7E7E7E;
	background: #dddddd;
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.1em;
}

.de_tbl td{
	border: 1px solid #7E7E7E;
	padding:8px;
	background: #FFF;
}

.de_tbl input {
	padding:5px;
	border-radius:3px;
	border: 1px solid #7E7E7E;
	margin:2px;
}
.de_tbl input:focus {
	outline:0;
}

.de_tbl textarea {
	padding:5px;
	border-radius:3px;
	border: 1px solid #7E7E7E;
	margin:2px;
}
.de_tbl textarea:focus {
	outline:0;
}

.de_tbl select {
	padding:5px;
	border-radius:3px;
	border: 1px solid #7E7E7E;
	margin:2px;
}
.de_tbl select:focus {
	outline:0;
}

.refresh_btn { border: 1px solid #d8d8d8;display: inline-block;background: #ffffff;padding: 3px 7px;font-size: 12px;border-radius: 15px;color: #6d6d6d; }

#edu_stab a { padding: 10px 20px; border: 1px solid #dfd0d0; }
#edu_stab a.active {background: #0085b5; color: #fff;}