@charset "utf-8";

/* ver - 22.07.05  */

/*default*/
body, h1, h2, h3, h4, h5, h6, p{
    margin:0 !important;
    padding:0;
} 
ul, li, dl, dt, dd{
    margin:0;
    padding:0;
    list-style: none;
}
img{
    border:0;
    margin-bottom: 0 !important;
}
a{
    text-decoration: none!important;
    color:#222!important;
}

.cf:after{
    content: "";
    display:block;
    clear:both;
}
body{
    font-family: 'NotoSansKR', '', sans-serif;
}

.ender{text-indent:-9999px; display:block; height:0;}
.ender:focus-visible{border:0;}

.skipNav{position:relative;z-index:99999;}
.skipNav a{position:absolute; top:-200px; left:0; width:100%; line-height:30px;font-size:0.9rem; font-weight:bolder; padding:1rem; text-align:center;}
.skipNav a:focus, .skipNav a:active{top:0;}
.skipNav a:focus-visible{border:0;}


.wrap{max-width:1920px; margin-left:auto; margin-right:auto; contain:paint}/*overflow-x: hidden; */
.inner{max-width:1280px; margin-left:auto; margin-right:auto;}
.half-wrap{max-width:640px;margin-left:auto; margin-right:auto; }
.half-wrap > div.half-inner{height:360px;}
.container-half-wrap .inner{display:flex;}
.container-half-wrap .inner > section{width:50%;display:inline-block;}
.keep-all{word-break: keep-all!important;}
.sgap{height:40px;display:block;}
.gap{height:80px; display:block;}

/* 서브 컨텐츠 작은버튼*/
.subCont_small_btn{background:var(--uou-green);display:inline-block; padding:0.5rem 2.5rem 0.5rem 1.5rem; color:#fff!important; text-align: center;border-radius: 0.3rem;margin:0.5rem auto 0 auto; word-break: keep-all; position:relative;}
.subCont_small_btn:after{content:''; background:url(/images/front/sub_cont/new_wh.png) no-repeat; display:block!important; width:12px; height:12px; background-position:center center; background-size:cover; position:absolute;top:50%; right:1.5rem; transform: translateY(-50%);}
.subCont_small_download{background:var(--uou-green);display:inline-block; padding:0.5rem 2.5rem 0.5rem 1.5rem; color:#fff!important; text-align: center;border-radius: 0.3rem;margin:0.5rem auto 0 auto; word-break: keep-all; position:relative;}
.subCont_small_download:after{content:''; background:url(/images/front/sub_cont/download_wh.png) no-repeat; display:block!important; width:12px; height:12px; background-position:center center; background-size:cover; position:absolute;top:50%; right:1.5rem; transform: translateY(-50%);}
@media(max-width:425px){
    .subCont_small_btn{width:100%;}
    .subCont_small_download{width:100%;}
}
/* 서브 컨텐츠 작은버튼*/

/*서브 컨텐츠 내 유튜브 아이프래임 - 반응형잡기*/
.cont_vid_box{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.cont_vid_box iframe,
.cont_vid_box object,
.cont_vid_box embed{position:absolute; top:0; left:0; width:70%; height:70%; } 
@media(max-width:767px){
	.cont_vid_box iframe,
	.cont_vid_box object,
	.cont_vid_box embed{width:100%; height:100%; } 
}
/*서브 컨텐츠 내 유튜브 아이프래임 - 반응형잡기*/

/* 서브 테이블 */
.sub_table {
    overflow: auto;
}
.sub_table table{
    margin-top: 10px;
    border-top: 2px solid #243352;
    font-size: 1rem;
    width: 100%;
}

.sub_table table caption{overflow: hidden; position:relative; z-index: -1; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);} /*table caption 안보이기*/

.sub_table table th{
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-left: 0px solid #dee2e6;
    background: #f2f4f6;
    font-weight: 600;
    text-align: center;
    color: #333;
    /* word-break: break-all; */
}
.sub_table table th:last-child{
    border-right: none;
}
.sub_table table td{
    padding: 10px 30px;
    border: 1px solid #dee2e6;
    border-left: 0px solid #dee2e6;
    font-weight: 400;
    text-align: center;
    color: #333;
    word-break: break-all;
}
.sub_table table td:last-child{
    border-right: none;
}
.sub_table th.border_right{
    border-right: 1px solid #ccc;
}
.sub_table th.border_left{
    border-left: 1px solid #ccc;
}
.sub_table .border_right{
    border-right: 1px solid #dee2e6;
}
.sub_table .border_left{
    border-left: 1px solid #dee2e6;
}
.sub_table::-webkit-scrollbar{height: 10px;margin-top: 5px;}
.sub_table::-webkit-scrollbar-track{width: 7px; background:#f8f8f8; border-radius: 5px;}
.sub_table::-webkit-scrollbar-thumb{width: 7px; background:#999; border-radius: 5px; background-clip:padding-box; border:2px solid transparent;}



/* 서브 테이블 불릿 */
/* .sub_table .bull_tit {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    padding-left: 14px;

    margin-bottom: 10px;
    position: relative;
}
.sub_table .bull_tit::before {
    content: '';
    width: 6px;
    height: 20px;
    background-color: var(--uou-green);

    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-45%);
}
 */
/*불릿*/
.bull_tit {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    padding-left: 14px;

    margin-bottom: 10px;
    position: relative;
}
.bull_tit::before {
    content: '';
    width: 6px;
    height: 20px;
    background-color: var(--uou-green);

    position: absolute;
    left: 0;
    top: 7px;

}
.bull_txt {
    font-size: 1rem;
    color: #555;
}


.bull_tit_2 {
    font-size: 1.1rem;
    font-weight: 500;
    color: #333;
    padding-left: 14px;

    margin-bottom: 10px;
    position: relative;

    
}
.bull_tit_2::before {
    content: '';
    width: 4px;
    height: 16px;
    background-color: #31CF90;

    position: absolute;
    left: 2px;
    top: 6px;
}
.bull_tit_2::after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: var(--uou-green);

    position: absolute;
    left: 2px;
    top: 6px;
}

.bull_tit_3 {
    font-size: 1rem;
    color: #555;
    padding-left: 14px;

    margin-bottom: 10px;
    position: relative;
}
/* .bull_tit_3::before {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #C6F3E1;

    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-45%);
} */
.bull_tit_3::after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #31CF90;

    position: absolute;
    left: 2px;
    top: 10px;
}





/* 아코디언 탭 */
.accordion-item {
    border-radius: 0.25rem !important;
    border: 1px solid #ccc !important;
    margin-bottom: 25px;
}
.accordion-item .accordion-button.collapsed {
    border-radius: calc(0.25rem - 1px);
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--uou-green);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 156 91 / 25%);
}
.accordion-body {
    color: #555;
}


/*아코디언 열렸을 때*/
.accordion-button:not(.collapsed) {
    color: var(--uou-green);
    font-weight: 600;
    background-color: #f5f5f5;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}




/*********** 3뎁스 탭 메뉴 ************/
.subTab_menu {
	display: flex;
	flex-wrap: wrap;

	margin-bottom: 30px;
}
.subTab_menu li {
	width: 25%;
}

.subTab_menu li a {
	border: 1px solid #ccc;
	background: var(--uou-light-gray);
	border-top: none;
	border-left: none;
	color: #555 !important;

	width: 100%;
	height: 100%;

	word-break: break-all;

	white-space: nowrap;
	overflow: hidden;
  	text-overflow: ellipsis;
  	display: block;

	text-align: center;
	padding: 15px 10px;

	font-size: 1.1rem;
}

.subTab_menu li:nth-child(-n+4) a {
	border-top: 1px solid #ccc;
}
.subTab_menu li:nth-child(n+4) a {
	border-left: none;
}

.subTab_menu li:nth-child(4n+0) a {
	border-right: none;
}

.subTab_menu li a:hover {
	background-color: #e1e3e5;
	font-weight: 600;
}
.subTab_menu li a.on {
	color: #555 !important;
	font-weight: 600;
	border-bottom: 2px solid #159e61;
	background-color: #fff;
}

.subTab_menu li a.linklink:after{content:'';display:inline-block;width:10px; height:10px; background:transparent url(/images/front/main_temp/header/header005/new_gray.png)no-repeat; background-size:cover; background-position:center center; margin-left:4px; margin-bottom:2px;}
.subTab_menu li a.linklink:hover:after{background:transparent url(/images/front/sub_cont/new.png)no-repeat; background-size:cover; background-position:center center;}

@media (max-width:575px){
	.subTab_menu li a {
		font-size: 16px;
	}

	.subTab_menu li:nth-child(4n+0) a {
		border-right: 1px solid #ccc;
	}

	.subTab_menu li:nth-child(-n+4) a {
		border-top: none;
	}
	.subTab_menu li:nth-child(-n+3) a {
		border-top: 1px solid #ccc;
	}

	.subTab_menu li {
		width: 33%;
	}

	.subTab_menu li:nth-child(3n+0) a {
		border-right: none;
	}
}
@media (max-width:425px){
	.subTab_menu li a {
		font-size: 16px;
	}

	.subTab_menu li:nth-child(4n+0) a {
		border-right: none;
	}

	.subTab_menu li:nth-child(-n+4) a {
		border-top: none;
	}
	.subTab_menu li:nth-child(-n+2) a {
		border-top: 1px solid #ccc;
	}
    .subTab_menu li:nth-child(2n+1) a {
		border-right: 1px solid #ccc;
	}
	.subTab_menu li {
		width: 50%;
	}

	.subTab_menu li:nth-child(2n+0) a {
		border-right: none;
	}
}














/* 서브 콘텐츠 탭 */
.sub_cont_tab{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.sub_cont_tab .tabcontent{
    margin: 0 10px;
}
.sub_cont_tab .tabnav{
    text-align: center;
    margin: 0 auto 65px auto;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
}
.sub_cont_tab .tabnav > li{
    position: relative;
    height: 100%;
    width: 280px;
}
.sub_cont_tab .tabnav > li:not(:last-child)::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    top: 22px;
    right: 0;
    border-right: 1px solid #ccc;
}
.sub003_lft .sub_cont_tab .tabnav > li{width:-webkit-fill-available;}

.sub_cont_tab .tabnav > li a{
    width: 100%;
    /* float: left; 22.07.29 수정 */
    display: block;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0px;
    font-weight: 700;

    position: relative;
}
.sub_cont_tab .tabnav > li a div {
    position: relative;
    width: fit-content;
    padding: 0 15px;
    margin: 0 auto;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.sub_cont_tab .tabnav > li a.active{
    border-bottom: 1px solid #009c5b;
    position: relative;
    transition: all 0.3s;
}
.sub_cont_tab .tabnav > li a.active div::after{
    content: "";
    position:absolute;
    background: var(--uou-green);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    right: 0px;
}
.sub_cont_tab .tabnav::after{
    content: '';
    display: block;
    clear: both;
}




/*topBtn*/
.topBtn{position:fixed;display: block; width: 40px; height: 40px;  background:#7d7d7d url(/images/front/topBtn_arr.png) no-repeat center center; bottom:-200px;right:30px; border-radius:50%; box-shadow:0 22px 20px rgb(0 0 0 / 20%);background-size:100%;transition: all .3s ease; cursor:pointer; z-index:2;}
.topBtn.over{bottom:30px;}




/* 미디어 쿼리 */

@media(max-width:1330px){
    .inner{max-width:100%;padding-left:15px!important; padding-right:15px!important; }
    .half-wrap{max-width:640px;}
}
@media(max-width:1024px){
    .sub_table table{
        width: 1300px;
    }
    .sub_table{
        overflow-x: auto;
        pointer-events:unset !important;
        margin-top: 20px;
        touch-action: auto; 
        padding-bottom: 5px;
    }
}


@media(max-width:767px){
    .half-wrap{max-width:calc(100% - 30px); margin-left:15px; margin-right:15px;}
    /* .half-wrap > div.half-inner{height:417px;} */

    /* 서브 테이블 */
    .sub_table table{
        width: 1024px;
    }
    
    
    /*이수체계도*/
    .dia_img_box{overflow-x: scroll;}
    .dia_img_box::-webkit-scrollbar{height:10px;}
    .dia_img_box::-webkit-scrollbar-track{width:7px; background:#f8f8f8; border-radius: 5px;}
    .dia_img_box::-webkit-scrollbar-thumb{width:7px; background:#999; border-radius:5px; background-clip: padding-box; border:2px solid transparent;}
    .dia_img_box img{max-width: unset; width:790px!important;padding-bottom: 5px;}
    
    
    
    /* 서브 콘텐츠 탭  22.07.29 추가 */
    
    .sub_cont_tab .tabnav {
        width: 100%;
        overflow-x: auto;
        justify-content: unset;
    }
    .sub_cont_tab .tabnav > li {
        min-width: 200px;
        width: 100%;
    }
    
    .sub_cont_tab .tabnav::-webkit-scrollbar {
	 	background: #eee;
    	height: 5px;
	}
    .sub_cont_tab .tabnav::-webkit-scrollbar-thumb {
	    background: #afafaf;
    	border-radius: 25rem;
	}
    
}
@media(max-width:575px){
    .container-half-wrap .inner{display:flex;flex-direction: column;}
    .container-half-wrap .inner > section{width:100%;display:block;}
    /* .half-wrap > div.half-inner{height:445px;} */

    /* 서브 테이블 */
    .sub_table table{
        width: 767px;
    }
    .sub_table table th{
        padding: 10px 10px;
        font-size: 16px;
    }
    .sub_table table td{
        padding: 10px 10px;
        font-size: 15px;
    }
    .sub_table .border_right{
        padding: 10px 10px !important;
    }
    .sub_table .border_left{
        padding: 10px 10px !important;
    }

    /* 서브 콘텐츠 탭 */

    .sub_cont_tab .tabnav > li a.active::after{
        right: 30%;
    }
}


:root {
    --uou-navy:#00203B;
    --uou-green:#009c5b;
    --uou-red:#f24b4b;
    --uou-blue:#2e66d8;
    --uou-yellow:#f2bc1b;
    --uou-light-gray:#f0f2f5;
    --uou-dark-gray:#57585a;
}

/*defalt*/

a:focus,
button:focus,
select:focus,
input:focus,
.slick-slide:focus,
button{cursor:pointer;}


.accordion-button:not(.collapsed)::after {
  background-image: url("/images/front/sub_cont/arrow.svg");
}
.accordion-button::after {
  background-image: url("/images/front/sub_cont/arrow.svg");
}

.uou-green{color:var(--uou-green)!important;}
.uou-blue{color:var(--uou-blue)!important;}



/* 404 page css */
.404_page {
	padding-top: 60px;
    padding-bottom: 60px;
}

.err_logo {
	text-indent: -9999px;
	margin-bottom: 30px !important;
	margin-top: 60px !important;
}
.err_logo img {
	display: block;
	width: 170px;
}
#not_found {
    background: url(/images/front/err_404.png) no-repeat bottom right;
    width: 100%;
    min-height: 300px;
    padding: 30px;
    color: #fff;
}
#not_found h2 {
    margin-bottom: 25px !important;
    font-size: 28px;
}
#not_found p {
    font-size: 20px;
}

#not_found .not_found_btn {
    margin-top: 50px;
}

.not_found_btn a {
	color: #fff !important;
}

.view_type {
	color:#2e66d8 !important; font-weight: 700 !important;
}