@charset "UTF-8";

/*자격증소개*/
.c020201 {padding:2.5rem }
.c020201 .info {color:#4b4b4b; font-weight:300; padding:8rem 0 0 0; line-height:2; word-break:keep-all}
.c020201 .info:before {content:''; border:1px solid #ddd; height:95%; width:80%; position:absolute; right:5rem; top:5rem; z-index:-1}
.c020201 .info h2 {display:block;font-size:3.8rem; font-weight:normal; color:#53461d; position:relative; word-break:break-all}
.c020201 .info h2:after {content:''; backgroun-color:#ffbd1d; border-radius:100%; width:3rem; height:3rem; position:absolute; right:0; top:0}
.c020201 .info h2 span {color:#000;}
.c020201 .info span.txt {display:block; font-size:1.7rem; color:#000; font-weight:normal}
.c020201 .info small {color:#606060; display:block;  font-size:1.4rem; margin:-.5rem 0 2rem}
.c020201 .info p {border-bottom:2px solid #ddd; padding-bottom:4rem; margin-bottom:4rem}
.c020201 .info p strong {color:#000; line-height:1.2}

.c020201 .txt ul.dep03 li {display:block; position:relative; padding:0 0 0 1.4rem; line-height:1.8}
.c020201 .txt ul.dep03 li:before {content:'';  position:absolute; left:0; top:0.9rem}
.c020201 .txt ul.dep03 > li:before {background-color:#ffbd1d; width:0.6rem; height:0.6rem; top:1.1rem}
.c020201 .txt ul.dep03 > li > ul > li{padding:0 0 0 1.2rem}
.c020201 .txt ul.dep03 > li > ul > li:before {background-color:#323b66; width:5px; height:1px; top:1.4rem}
.c020201 .txt ul.dep03 > li > ul > li > ul > li {padding:0 0 0 1.1rem; position:relative}
.c020201 .txt ul.dep03 > li > ul > li > ul > li:before {content:'';  background-color:#999; width:2px; height:2px; position:absolute; left:0.2rem; top:1.4rem}
.c020201 .btn a {background-color:#ffbd1d; color: #53461d; display:inline-block; font-weight:500; padding:1rem 3rem; margin:1rem 0 0 1.5rem; transition:all .3s}
.c020201 .btn a:hover {box-shadow:1rem 1rem 1rem rgba(0,0,0,0.2)}
.c020201 .btn a i {font-size:1.8rem; vertical-align:-3px}

/***갤러리***/
.conArea {display:flex; position:relative; margin:0 -5rem 8rem 0}
.conArea > * {width:calc(50% - 6.5rem); margin-right:6.5rem}
.gallery  {position:relative}
.gallery .more2,
.gallery .desc {display:none}
.gallery .thumb { position:relative}
.gallery .list {clear:both; overflow:hidden}
.gallery .list .item {float:left; max-width:31.5rem; width:100%}
.gallery .list a {display:block; position:relative}
.gallery .list .slick-list {width:calc(100% + 4rem)}
.gallery .list .slick-slide {float:left; margin-right:4.5rem}
.gallery .list .slick-slide .item {max-width:100%}
.gallery .list .img {width:100%;max-height:26rem; overflow:hidden; position:relative;padding-top: 90%;transition:all .3s}

.gallery .list .more2 {display:none}
.gallery .list .img img {display:block; min-height:100%; object-fit:cover; position:absolute; top:0; border-radius:0 5rem 0 0}
.gallery .list .tt {display:none; color:#fff; display:block; font-size:1.7rem; font-weight:200; line-height:1.4; margin-top:2.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:99.9%}
.gallery .list .date {display:none; color:#fff; font-weight:300; font-size:1.4rem}

.gallery .thumb .stop,
.gallery .thumb .play,
.gallery .thumb .paging {display:none}
.gallery .thumb .control_box {position:absolute;right: .5rem;bottom: 10px;}
.gallery .thumb .controller .slick-arrow  {background-color:#fff; width:6rem; height:5rem; text-align:center; box-shadow:3px 4px 0 #ffcb4d; margin-left: -4px;}
.gallery .thumb .controller .slick-arrow.next {border-left:1px solid #e5e3dd}
.gallery .thumb .controller .slick-arrow:before {color:#53461d; width:auto; height:auto}

.gallery .group {margin-top:1rem; display:flex; flex-wrap:wrap; width:calc(100% + 4rem)}
.gallery .group > div {width:calc(25% - 4rem); margin-right:4rem}


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

	.c020201 .info:before {right:7rem;}
	
}

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

	 .c020201 .info {padding:3rem}
	
	.conArea  {display:block; padding:0}
	.conArea > * {width:calc(100% - 6.5rem)}
	.c020201 .desc {padding: 2rem;}
	.c020201 .info:before {content:none}
}