@charset "UTF-8";
/*===============================================
*  MAIN VISUAL
===============================================*/
#visual {
	width:100%;
	height:100vh;
	position:relative;
	padding-top:150px;
}
.visualWp {
	position:relative;
	width:100%;
	height:100%;
}
.visualText {
	width:100%;
	max-width:700px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
	text-align:center;
}
.visualText h5 {
	display:inline-block;
	padding-bottom:5px;
	border-bottom:1px solid #fff;
	font-size:20px;
	font-weight:400;
	letter-spacing:0.5rem;
	color:#fff;
}
.visualText figure {
	margin-top:70px;
}
.visualText p { 
	margin-top:50px;
	font-size:40px;
	color:#fff;
}

/*===============================================
*  SECTION 01
===============================================*/
/* TITLE */
#se01 {
	padding-bottom:60px;
}
.se01Title {
	padding:80px 0;
	text-align:center;
}
.se01Title h4 {
	font-size:24px;
	font-weight:300;
	line-height:1;
}
.se01Title h4 span {
	display:block;
	font-size:38px;
	font-weight:500;
}
.se01Title figure {
	margin-top:50px;
}
/* AUDIO BG */
.se01Audio {
	padding:70px 30px;
	width:100%;
	max-width:1170px;
	min-height:357px;
	margin:0 auto;
	background:url('../img/main_SE01_audioBg.png')50% 50% no-repeat;
	position:relative;
	z-index:3;
}
.se01Audio:after {
	content:"";
	display:block;
	clear:both;
}
.se01Ad-ex {
	width:50%;
	float:left;
	padding:0 70px 0px 70px;
	background:url('../img/main_SE01_arrow.png') 50% 50% no-repeat;


}
.se01Audio .se01Ad-ex:nth-child(1) {
	border-right:1px solid rgba(255,255,255,.4);
}
.se01Ad-ex:after {
	content:"";
	display:block;
	clear:both;
}
.se01Ad-ex-con.before {
	float:left;
	width:120px;
}
.se01Ad-ex-con.after {
	float:right;
	width:120px;
}
.se01Ad-ex-con:after {
	display:block;
	margin-top:20px;
	font-size:30px;
	font-weight:500;
	text-align:center;
}
.se01Ad-ex-con.before:after {
	content:"BEFORE";
	color:#aaa;
}
.se01Ad-ex-con.after:after {
	content:"AFTER";
	color:#FFF;
}

/* AUDIO BUTTON STYLE */
#se01 .audioprogress {
  width: 120px;
  height: 130px;
  position:relative;
}
#se01 .progressCircle {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#se01 .progressCircle circle {
  transition: stroke-dashoffset 1s linear;
  backface-visibility: hidden;
  stroke: #877f59;
  stroke-width: 7px;
  transform-origin: center center;
}
#se01 .progressCircle .progressbarLoading {
  backface-visibility: hidden;
  stroke: #fff3bd;
  transform: rotate(-90deg);
  transform-origin: center center;
}
#se01 .progressbarLoading {
  transition: all 1s linear;
}
#se01 .ease-none .progressbarLoading {
  transition: none;
}
#se01 .control {
  background-color:transaprent;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 115px;
  font-size: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#se01 .control > span {
	opacity:1;
	visibility: visible;
	-webkit-transition:0.3s ease;
	transition: all 0.3s ease;
}
#se01 .control > span.two {
	opacity:0;
	visibility: hidden;
}
#se01 .control.active.play > span.two {
	opacity:1;
	visibility: visible;
}
#se01 .control.active.play > span.one {
	opacity:0;
    visibility: hidden;
}

#se01 .control > span i {
	color:#fff;
	font-size:80px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#se01 .control > span.one i {
	left:55%;
}

#se01 .dashoffset {
  position: absolute;
  left: 10px;
  bottom: 6px;
  font-size: 20px;
  opacity: 0.1;
}
#se01 audio {
  opacity: 0;
  height:0;
}



/*  SECCTION01 자격증 상황  */
.SE01Report {
	margin-top:-50px;
	padding:160px 0 80px;
	background:#f3f2ea;
}
.SE01Report h5 {
	font-size:30px;
	text-align:center;
	font-weight:300;
	letter-spacing:-0.16rem;
}
.SE01Report h5 span {
	font-weight:600;
}
.se01Rp-owl {
	max-width:90%;
	margin:50px auto 0;
}

.se01Rp-box {
	margin-top:10px;
	padding:30px 30px;
	background:#fff;
	border-radius:5px;
	border:1px solid #ddd;
	text-align:center;
	-webkit-box-shadow:0 3px 20px rgba(0,0,0,0);
	box-shadow:0 3px 20px rgba(0,0,0,0);
	-webkit-transition:0.5s ease;
	transition:0.5s ease;


}
.se01Rp-box p {
	font-size:18px;
	color:#777;
}
.se01Rp-box h6 {
	margin-top:10px;
	font-size:30px;
	font-weight:600;
}
.se01Rp-con {
	margin:30px 0 20px 0;
	border-top:1px solid #ddd;
}
.se01Rp-con li {
	padding:10px 10px;
	border-bottom:1px solid #ddd;
	position:relative;
	font-size:18px;
	text-align:left;
}
.se01Rp-con li span {
	position:absolute;
	left:120px;
	font-weight:500;
	color:#333;
}
.se01Rp-con li span.point {
	color:#e23f19;
}
.se01Rp-got {
	display:inline-block;
	padding:13px 50px;
	font-size:20px;
	font-weight:600;
	color:#fff;
	background:#938464;
	border-radius:60px;
}
.se01Rp-owl .active.center .se01Rp-box{
	margin-top:0;
	-webkit-box-shadow:0 3px 20px rgba(0,0,0,0.15);
	box-shadow:0 3px 20px rgba(0,0,0,0.15);
}
/* 자격증상태 OWL NAV  */
.se01Rp-owl .owl-nav {}
.se01Rp-owl .owl-nav .owl-prev, .se01Rp-owl .owl-nav .owl-next {
	position:absolute;
	bottom:0;
	width:77px;
	height:77px;
	font-size:50px;
	text-align:center;
	line-height:77px;
	color:#333;
	opacity:0.3;
	transition: all 0.3s ease;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

}
.se01Rp-owl .owl-nav .owl-prev {
	left:-77px;
}
.se01Rp-owl .owl-nav .owl-next { 
	right:-77px;
}
.se01Rp-owl .owl-nav .owl-prev i, .se01Rp-owl .owl-nav .owl-next i {
}
.se01Rp-owl .owl-nav .owl-prev:hover , .se01Rp-owl .owl-nav .owl-next:hover {
	opacity:1;
}


/*===============================================
*  SECTION 02
===============================================*/
#SE02 {
	padding:120px 0 70px;
	background:#121212 url('../img/main_SE02_BG.jpg') 50% 0% no-repeat;
}
.se02Box-wp {
	width:33.333%;
	float:left;
	padding:15px;
}	
.se02Box {
	text-align:center;
	position:relative;
}
.se02Box-con {
	position:absolute;
	top:70px;;
	left:0;
	right:0;
}
.se02Box-con p {
	width:100%;
	margin-top:20px;
	font-size:26px;
	color:#fff;
	line-height:1.2;
	letter-spacing:-0.3rem;
}
.se02Box-con p span {
	font-weight:600;
	color:#f8e5a3;
}
/*===============================================
*  SECTION 03
===============================================*/
#SE03 {
	padding:200px 0;
}
#SE03 .se03Con:nth-child(1) {
	width:40%;
	float:left;
}
#SE03 .se03Con:nth-child(1) figure {
	margin-top:20%;
}
#SE03 .se03Con:nth-child(2) {
	width:56%;
	float:right;
}
.se03Con-title {
	padding-left:10px;
	font-size:30px;
	color:#e9e1b9;
	border-left:6px solid #e9e1b9;
	font-weight:300;
	letter-spacing:-0.3rem;
}
.se03Con-title span {
	display:block;
	font-size:40px;
	font-weight:600;
}
.se03Title {
	margin-top:50px;
	text-align:center;
}
/*===============================================
*  SECTION 04
===============================================*/
#SE04 {
	padding:200px 0;
	text-align:center;
}
.se04Con {
	margin-top:60px;
}
/*===============================================
*  SECTION 05
===============================================*/
#SE05 {
	padding:200px 0;
}
.se05Title {
	text-align:center;
}
.se05Con {
	margin-top:80px;
}
.se05Con:after {
	content:"";
	display:block;
	clear:both;
}
.se05Con figure {}
.se05Con figure:nth-child(1) {
	width:48%;
	float:left;
	text-align:right;
}
.se05Con figure:last-child {
	width:48%;
	float:right;
	text-align:left;
}
/*===============================================
*  SECTION 06
===============================================*/
#SE06 {
	padding:200px 0;
}
#SE06 h5 {
	font-size:40px;
	font-weight:300;
	letter-spacing:-0.3rem;
	color:#fff;
	text-align:center;
}
#SE06 h5 span {
	display:block;
	font-weight:600;
	font-size:50px;
}
.se06Btn {
	margin-top:30px;
	text-align:center;
}


/*===============================================
*  SECTION 07 bellatix edit
===============================================*/
#SE07 {
	min-height: 350px;
}

#SE07 h5 {
	font-size:40px;
	font-weight:300;
	color:#fff;
	text-align:center;
}

#SE07 .map-container {
    font-size: 0;
}

#SE07 .map-container .map1,
#SE07 .map-container .map2,
#SE07 .map-container .map3 {
    width: 33.333%;
    height: 400px;
    float: left;
}

#SE07 .map-container .root_daum_roughmap {
    width: 100% !important;
    height: 100%;
}

#SE07 .map-container .root_daum_roughmap .wrap_map {
    height: 100% !important;
}

#SE07 .map-container .map1,
#SE07 .map-container .map2,
#SE07 .map-container .map3 {
    position: relative;
}

#SE07 .map-container .map2,
#SE07 .map-container .map3 {
    border-left: 1px solid #454545;
}

#SE07 .map-container .map1:after,
#SE07 .map-container .map2:after,
#SE07 .map-container .map3:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 20px solid transparent;
}

#SE07 .map-container .map1:hover:after,
#SE07 .map-container .map2:hover:after,
#SE07 .map-container .map3:hover:after {
    border-color: #454545;
}

#SE07 .map-container .map1 .area-title,
#SE07 .map-container .map2 .area-title,
#SE07 .map-container .map3 .area-title {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 30;
    padding: 1.875rem;
    min-height: 85px;
    color: #fff;
    background: #454545;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
}

#SE07 .main-txt {
    font-size: 1.5625rem;
    font-weight: 600;
    display: block;
}

#SE07 .sub-txt {
    margin-top: .9375rem;
    font-size: 1.25rem;
    line-height: 1.35;
    display: block;
}

/*===============================================
*  반응형
===============================================*/
@media (max-width:1600px) {
	#SE03, #SE04, #SE05 { padding:100px 0; }
}
@media (max-width:1600px) {
	.se01Title { padding:50px 0; }
	.se01Audio { background:url('../img/main_SE01_BG.jpg')50% 50% no-repeat; background-size:cover;padding:40px 0; border:5px solid #b39d53; max-width:900px; min-height:250px; }
	.SE01Report { padding:120px 0 60px; }
	#SE02 { padding:120px 0 70px; background-size:cover; }
	.se02Box-con figure img { max-width:80px; }
	.se02Box-con p { font-size:20px; } 
	.se03Con-title { font-size:26px; }
	.se03Con-title span { font-size:34px; }
	#SE03 .se03Con:nth-child(1) figure { margin-top:16.5%; }
	.se03Title img { max-width:600px; }
	.se04Title img { max-width:600px; }
	#SE06 { padding:130px 0; }
}
@media (max-width:1080px) {
	#visual { 
		height:80vh;
		padding-top:60px;
		background:url('../img/mainVisualBg.jpg')50% 50% no-repeat;
		background-size:cover; 
	}
	.se01Title h4 { font-size:20px; }
	.se01Title h4 span { font-size:30px; }
	.se01Audio { max-width:700px; padding:0 0 30px 0;}
	.se01Ad-ex { background-image:none; }
	.se01Ad-ex-con.before, .se01Ad-ex-con.after { width:100%; }
	#se01 .audioprogress { margin:auto; }
	.se01Ad-ex-con:after { font-size:24px; margin-top:10px; }
	.se01Rp-owl { margin-top:20px; }
	#SE02 { padding:80px 0 70px; }
	.se02Box-wp { padding:0 7px; }
	.se02Box-con { top:50px; }
	#SE03 { background:url('../img/main_SE03_BG.jpg')50% 50% no-repeat; background-size:cover;  }
	#SE04 { background:url('../img/main_SE04_BG02.jpg')50% 50% no-repeat; background-size:cover;  }
	#SE05 { background:url('../img/main_SE05_BG.jpg')50% 50% no-repeat; background-size:cover;  }
	#SE06 { background:url('../img/main_SE06_BG.jpg')50% 50% no-repeat; background-size:cover;  }
	#SE07 .map-container .map1 .area-title,
    #SE07 .map-container .map2 .area-title,
	#SE07 .map-container .map3 .area-title {
        width: 100%;
    }
}

@media (max-width:767px) {
	.visualText { max-width:360px; }
	.visualText h5 { font-size:16px; padding-bottom:2px; }
	.visualText figure { margin-top:30px; }
	.visualText p { margin-top:10px; font-size:26px; }
	.se01Title h4 { font-size:14px; }
	.se01Title h4 span { font-size:20px; }
	.se01Title figure { margin:30px auto 0; max-width:260px; }
	.se01Audio { padding:0 0 10px 0; }
	.se01Ad-ex { padding:0 20px; }
	.SE01Report { padding:90px 0 40px; }
	.SE01Report h5 { font-size:20px; }
	.se01Rp-box { padding:30px 10px 20px; }
	.se01Rp-box p { font-size:15px; }
	.se01Rp-box h6 { font-size:20px; margin-top:5px; }
	.se01Rp-con { margin:20px 0 20px 0; }
	.se01Rp-con li { font-size:13px; }
	.se01Rp-con li span { left:80px; }
	.se01Rp-got { font-size:15px; padding:7px 30px; }
	#SE02 { padding:60px 0 20px; }
	#SE02 .se02Box-wp { width:50%; }
	#SE02 .se02Box-wp:first-child { float:none; width:50%; margin: auto; }
	.se02Box-con { top:30px; }
	.se02Box-con figure img { max-width:70px; }
	.se02Box-con p { margin-top:0; font-size:15px; line-height:1.3; letter-spacing:-0.05rem; }
	#SE03, #SE04, #SE05 { padding:70px 0; }
	#SE03 .se03Con:nth-child(1), #SE03 .se03Con:nth-child(2) { width:100%; float:none; }
	#SE03 .se03Con:nth-child(1) figure { margin-top:20px; }
	#SE03 .se03Con:nth-child(2) { margin-top:20px; }
	.se03Title { margin-top:20px; }
	.se03Title img,.se04Title img  { max-width:300px; }
	.se04Con { margin-top:30px; }
	.se05Con { margin-top:30px; }
	.se05Con figure:nth-child(1) ,.se05Con figure:nth-child(2) { width:100%; float:none; }
	.se05Con figure:last-child { margin-top:20px; }
	#SE06 { padding:100px 0; }
	#SE06 h5 { font-size:26px; letter-spacing:-0.05rem; line-height: 1.3; }
	#SE06 h5 span { font-size:26px; }
}

@media (max-width:768px) {
    #SE07 .map-container .map1,
    #SE07 .map-container .map2,
	#SE07 .map-container .map3 {
        width: 100%;
        height: 350px;
        float: none;
    }
}

@media (max-width:400px) {
	.visualText { max-width:320px;  }
	.visualText p { font-size:20px; }
	#SE02 .se02Box-wp, #SE02 .se02Box-wp:first-child { width:70%; float:none; margin:auto; }
	.se02Box-con { top:50px; }
	.se02Box-con p { margin-top:10px; }
}

#pop-layer--body{
    background:url(../img/popup/popup.jpg) no-repeat center center !important;
}