.lead { font-size:16px; line-height:1.75; letter-spacing:-0.02em; color:#555;  word-break:keep-all}


@media screen and (max-width: 640px) {
input {
   
   -webkit-border-radius: 0;
}
}

body{top: 0!important}






/*슬라이더로고*/
.slider_logo {padding-top: 25px}
.slider_logo_box {width: 100%;max-width: 1400px;margin: auto}
.brand_logo img {}
/*슬라이더로고*/




/*메인 공지 최신글*/
.tl_latest_box_warp { width:100%; max-width:1400px; margin:0 auto; padding:110px 0 0; border-top:1px solid #ddd; clear:both; overflow:hidden;display: flex;}
.tl_latest_box_warp article { width:440px;height: auto; background: #fff;padding: 30px 15px;}

@media screen and (max-width: 960px) {
	.tl_latest_box_warp .notice_latest { width:100%}
	.tl_latest_box_warp .counsel_latest { width:100%}
    
    .slider_logo {padding-top: 35px}
.slider_logo_box {width: 100%;}
.brand_logo img {height: 30px!important}
    
}
/*메인 공지 최신글*/



/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:150px;overflow:hidden;background-repeat:no-repeat;background-position:center top;}
.sub_visual .bg{background-image:url(../img/sub/sub_visual.jpg)}
.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual .title_warp { max-width:1240px; margin:0 auto; display:table; z-index:5}
.sub_visual .title_warp .table-cell { display:table-cell; vertical-align:middle; height:150px;}
.sub_visual h3{position:relative;z-index:5;font-size:35px;font-weight:bold; text-align:center; letter-spacing:-1px; color:#30332a}
.sub_visual .sub_title{ position:relative; padding-bottom:10px; font-size:14px; font-weight:500; color:#fff; text-align:center; opacity:.8; z-index:5}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/sub_visual_cover.png) center bottom no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.5;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
@media screen and (max-width: 960px) {
    .sub_visual {;height: 100px}
    .sub_visual .title_warp .table-cell {height: 100px}
}
@media screen and (max-width: 640px) {
    .sub_visual .title_warp { max-width:100%;}
	.sub_visual h3 { font-size:25px}
	.sub_visual .sub_title { font-size:13px}
}
/*서브상단*/


.content_wrap { width:100%;padding: 0 10px}
.content_wrap .txtCon { max-width:1300px; margin:0 auto; padding:60px 00px 0; font-weight:400; position:relative; clear:both}
.content_wrap .txtCon .sub_title{ margin-bottom:70px}
.content_wrap .txtCon .sub_title h1 {font-size:38px; color:#000; text-align:center}
.content_wrap .txtCon .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.content_wrap .txtCon .sub_title .sub_title {font-size: 16px; color:#555; font-weight:400; text-align:center; padding-top:20px; word-break:keep-all;}
.content_wrap .txtboard { max-width:1200px;  font-size:12px;}

.content_wrap .txtCon2 { max-width:1300px; margin:60px auto 0; padding:60px 20px 0; font-weight:400; position:relative; clear:both;background-color: #f3f3f3}
.content_wrap .txtCon2 .sub_title h1 {font-size:38px; color:#000; text-align:center}
.content_wrap .txtCon2 .sub_title h1:before {content:""; display:block; height:40px; width:1px; margin:20px  auto; background-color:#b0b0b0}
.content_wrap .txtCon2 h3 {color: #01613f;padding-bottom: 5px}
.content_wrap .txtCon2 h3:before {content: "※ "}

@media screen and (max-width: 640px) {
   .content_wrap .txtCon .sub_title h1 { font-size:32px}
   .content_wrap .txtCon2 .sub_title h1 { font-size:32px}
}





/*서브 하단 네비*/
.category-wrap {width:100%; height:70px; background-color:#fff; border-bottom:1px solid #ddd;  clear:both; background-attachment:scroll; position:relative; z-index:3}
.sub_navI_warp { background-color:#fff; max-width:1300px; z-index:3; position:relative; margin: -70px auto;}
.all-wrap{max-width:1300px;  height:69px; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:69px}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:71px; line-height:65px;  color:#555; border-right:1px solid #ddd; padding:0; margin-top:0; text-align:center}
.all-wrap .loca-wrap .loca-area{height:69px;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0;}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:220px;height:70px;position:relative; margin-left:-1px}
.all-wrap .loca-wrap .loca-area>ul>li button{height:69px;width:220px;position:relative;text-align:left; background-image:url(../img/loca_arrow_off.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0;  background-color: inherit; box-sizing: border-box;
    border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url(../img/loca_arrow_on.png);background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#333; font-size:15px}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative}
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; background-color:#fff; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#555;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:15px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover { color:#000; font-weight:bold}
.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; border-bottom: 1px solid #ddd; cursor:pointer}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .share-btn{width:34px;height:34px;background-image:url(../img/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url(../img/share_close_bt.png);border-left: 1px solid #fff;}

@media screen and (max-width: 640px) {
    .all-wrap .loca-wrap .loca-area {100%; float:none;}
	.all-wrap .loca-wrap .loca-area > a {width:10%;}
	.all-wrap .loca-wrap .share-area { display:none}
	.all-wrap .loca-wrap .loca-area > ul {width:100%;}
	.all-wrap .loca-wrap .loca-area > ul > li { width:50%}
	.all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0}
	.all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0}
	.all-wrap .loca-wrap .loca-area i { display:none}
}
/*서브 하단 네비*/


/*교육과정*/
#sub {margin: 50px auto 100px}
.sub01 {width: 100%;max-width: 1200px;margin: auto;padding: 0 15px}
.sub01 h2 {font-size: 30px;}
.sub01 hr {margin: 10px 0 20px}
.sub01 h4 {font-size: 22px;padding-bottom: 15px;color: #555}
.sub01 h4 span {font-size: 16px;color: #30332a}
.sub01 p {font-size: 16px;word-break: keep-all;line-height: 30px;color: #555}

.sub02_bg {background-color: #fefbee;width: 100%; padding: 60px 0;margin-top: 60px}
.sub02 {width: 100%;max-width: 1200px;margin:auto;padding: 0 15px}
.sub02 h4 {font-size: 22px;padding-bottom: 30px;color: #555}

.profile_box {display: flex;flex-wrap: wrap;gap:40px;padding: 0 10px}
.profile_box li {font-size: 15px;padding: 30px 10px;width: 350px;text-align: center;border: 1px solid rgba(0,0,0,0.2);border-radius: 15px}
.profile_box li img {padding-bottom: 10px}
.profile_box li p {text-align: left!important;padding-left: 65px;word-break: keep-all}

@media(max-width:1200px){
    .profile_box {display: flex;flex-wrap: wrap;gap:20px;padding: 0 10px;}
}

/*푸터*/
#footer { padding: 30px 0px; width: 100%; position:relative; z-index:10; background-color:#222; clear:both }
#footer .footer_in { position:relative; z-index:10; max-width:1200px; padding:0 10px 0 10px; margin:0 auto; }
#footer .gotop { position:fixed; left:0; bottom:20px; width:100%; min-width:1080px; height:1px; text-align:center; }
#footer .gotop a { position:absolute; right:7px; bottom:0; }
#footer .menu { display:block; padding:7px 0 0;  }
#footer .menu a { display:inline-block; margin-right:28px; font-size:14px; font-weight:bold; color:#bbb; }
#footer .menu a:active { font-size:14px;} 
#footer .menu a strong { color:#f36910; }
#footer address { position:relative;padding: 40px 0;font-size:16px; color:#a9a9a9; } /* font-weight:bold; */
#footer .escrow_logo {position: absolute;right: 10px;cursor: pointer}
#footer .adr { display:block; margin:0 0 6px; vertical-align:middle; font-style:normal; }
#footer .copyright { display:block; margin:22px 0 0; font-size:11px;font-style:normal;  }
#footer a.wa { position:absolute; right:0; top:37px; }

@media screen and (max-width: 870px){
    #footer .escrow_logo {display: block;position: relative;margin-bottom: 15px;margin-left: 10px}
}

@media(max-width:610px) {
    .c01p_table th,td {font-size: 14px;word-break: keep-all}
    .c01p_table td a {display: table-cell; padding: 5px !important;word-break: keep-all;width: 65px;height: 50px; vertical-align: middle}
}
/*푸터*/



/* 푸터팝업*/
.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
/* 푸터팝업*/






@media screen and (max-width: 960px) {

    .scrolled #header  {background-color:#fff; border-bottom:1px solid #ddd;width: 100%}
	.scrolled #open-button .nl1 { background-color:#333}
	.scrolled #open-button .nl2 { background-color:#333}
	.scrolled #open-button .nl3 { background-color:#333}
	.scrolled #open-button .navicon-line  { background-color:#333}
    .scrolled #open-button.on .navicon-line { background-color:#fff}
	
	/*버튼*/
	#open-button{position:fixed;z-index:12;right:15px;width:75px; height:80px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;cursor:pointer;display:block; top: 22px}
	#open-button .navicon-line{position:absolute;width:20px;height:2px;border-radius:1px;background:#30332a;-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;-o-transition:all .7s ease-out;transition:all .7s ease-out}
	#open-button .nl1 {top: 11px;right: 10px; width:30px;}
	#open-button .nl2 {top: 19px;right: 10px; width:24px;}
	#open-button .nl3 {top: 27px;right: 10px; width:30px;}
	#open-button.on>div>div{transform:rotate(225deg);-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);width:25px;position:absolute;top:15px;right:10px;margin:0;padding:0;background-color:#fff;}
	#open-button.on>div>div:first-child{transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
	#open-button.scrolled .navicon-line {background-color: #fff;}
	#open-button.on.scrolled >div>div{background-color:#333;}
	/*버튼*/
}