#main{
	width:100%;
	min-width:1180px;
	overflow:hidden;
}





.main_banner{
	width: 1920px;
	height: 920px;
	left:50%;
	margin-left:-960px;
	position: relative;
	overflow: hidden;
}

.main_banner .visual_inner {
    width: 100%;
    height: 100%;
	position:absolute;
	cursor: pointer;
}

.main_banner .visual_inner > div{
	width:100%;
	height:100%;
	position: absolute;
	background-size: cover;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	background-size: cover;
		opacity:0;
}

.main_banner .visual_inner > div > a{
	display:block; position:relative; z-index:10;
}


.main_banner .visual_inner h2{
	position:absolute;
	width:1180px;
	left:50%;
	margin-left:-590px;
	top:400px;
	font-weight:normal;
	font-size:18px;
}


.main_banner .visual_inner > div.active .more{
	animation:none !important;
}

.main_banner .visual_inner h2 a{
	color:#fff;
}

.main_banner .visual_inner > div.active{
	-webkit-animation: visualZoom 9s linear forwards;
	animation: visualZoom 9s linear forwards;
}
.main_banner .visual_inner img{
	width:100%;
}

@keyframes visualZoom {
	0%{
  	opacity:0;
	-webkit-transform: scale(1) rotate(0.01deg);
	transform: scale(1) rotate(0.01deg);
    }
    10% {
  	 opacity:1;

    }
    80% {
  	 opacity:1;

    }
    100%{
  	  opacity:0;
	  -webkit-transform: scale(1.2) rotate(0.01deg);
      transform: scale(1.2) rotate(0.01deg);
    }
}

@-webkit-keyframes visualZoom {
  0%{
	opacity:0;
  }
  10% {
	 opacity:1;
    -webkit-transform: scale(1, 1) rotate(0.01deg);
    transform: scale(1, 1) rotate(0.01deg);
  }
  80% {
	 opacity:1;
    -webkit-transform: scale(1.2, 1.2) rotate(0.01deg);
    transform: scale(1.2, 1.2) rotate(0.01deg);
  }
  100%{
	  opacity:0;
  }
}

.main_banner .textwrap{
	/*width: 1180px;*/
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -590px;
	color: #ffffff;
	text-align: left;
	z-index: 4;
}

.main_banner .textwrap h5.title span,
.main_banner .textwrap h2.more span,
.main_banner .textwrap h1.title span {
	opacity: 0;
}
.main_banner .textwrap h1.title span,
.main_banner .textwrap h1.title{
	font-size: 60px;
	font-weight:normal;
	letter-spacing:-1px
}
.main_banner .textwrap h5.title span, 
.main_banner .textwrap h5.title{
	margin-top:12px;
	font-size: 44px;
	line-height: 37px;
	letter-spacing: -0.03em;
	font-weight: 200;
	color: rgba(255,255,255,.6)
}


.main_banner .textwrap h2.more span, 
.main_banner .textwrap h2.more{
	font-size: 18px;
	line-height: 37px;
	letter-spacing: -0.03em;
	font-weight: 200;
	color: rgba(255,255,255,.6)
}







.main_bottom{
	z-index: 5;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.2)
}
.main_bottom .container{
	width:1180px;
	margin:0 auto;
}
.main_bottom .container::after{
	display: block;
	content: '';
	clear:both;
}
.main_bottom .container a{
	float: left;
	width: 295px;
	height: 95px;
	display: block;
	position: relative;
	cursor:auto;
}
.main_bottom .container a .show_box{
	width: 100%;
	height: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	padding-top: 27px;
	font-size: 16px;
	letter-spacing: -0.03em;
	color: #ffffff;
	transition: background-color .3s ease-out;
	position: relative;

}
.main_bottom .container a .show_box .line{
	display: block;
	content: '';
	clear: both;
	width: 0;
	height: 2px;
	background: #ff6c00;
	position: absolute;
	top: 0;
	left:0;
	transition: width 0s ease-out;
}
.main_bottom .container a .show_box p::before{
	content: '01';
	display: block;
	clear: both;
	font-size: 21px;
	letter-spacing: -0.03em;
	font-weight: 300;
	padding-bottom: 5px;
	font-family: "Montserrat";
	color: #ffffff;
}
.main_bottom .container a.active .show_box p::before{
	color: #000;

}
.main_bottom .container a .show_box p.first::before{
	content: '01';
}
.main_bottom .container a .show_box p.second::before{
	content: '02';
}
.main_bottom .container a .show_box p.third::before{
	content: '03';
}
.main_bottom .container a .show_box p.fourth::before{
	content: '04';
}

.main_bottom .container a.active .show_box{
	background-color: #fff;
	color: rgba(0,0,0,0.8);
	transition: background-color .3s ease-out;
}

.main_bottom .container a .hidden_box{
	width: 295px;
	z-index: 1;
	position: absolute;
	background-repeat: no-repeat;
	visibility: hidden;
	box-sizing: border-box;
	transition: height .3s ease-out;
	bottom:95px
}


.main_bottom .container a .hidden_box .textCont{
	position:absolute;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing:border-box;
}
.main_bottom .container a .hidden_box .textCont .num{
	font-size:16px;
	color:#fff;
	font-family:'roboto';
}

.main_bottom .container a .hidden_box .textCont .title{
	font-size:20px;
	color:#fff;
	margin-top:10px;
}

.main_bottom .container a .hidden_box .textCont .hiddenBoxList{
	width:100%;
	padding-left:20px;
	color:#fff;
	margin-top:20px;
}
.main_bottom .container a .hidden_box .textCont .hiddenBoxList li{
	font-size:15px;
	color:#fff;
	margin-top:5px;
	list-style:disc;
}


.main_bottom .container a .hidden_box .textCont .more{
	font-size:15px;
	color:#fff;
	position:absolute;
	left:20px;
	bottom:20px;
	cursor:pointer;
}


.main_bottom .container a.active .hidden_box
{
	opacity: 1;
	visibility: visible;
	transition: height .3s ease-out;
	transition: opacity .3s ease-out;
}


















#main .success{
	width:100%;
	background:#f7f7f7;
	padding:150px 0px
}

#main .success .inner{
	width:1180px;
	margin:0px auto 0;
}


#main .success .titleArea{
	width:100%;
}



#main .success .titleArea .enTitle{
	font-size:13px;
	font-family:'roboto';
	color:#999;
	text-decoration:underline;
}

#main .success .titleArea .titleLine{
	width:100%;
	display:inline-block;
}


#main .success .titleArea .titleLine .krTitle{
	font-size:30px;
	font-weight:500;
	color:#222;
	display:inline-block;
	vertical-align:bottom;
}

#main .success .titleArea .titleLine .subject{
	font-size:18px;
	display:inline-block;
	vertical-align:bottom;
	font-weight:300;
	margin-left:10px;
}


#main .success .successList{
	width:100%;
	margin-top:30px;
	display:inline-block;
}


#main .success .successList li{
	width:280px;
	display:inline-block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	margin:0px 10px;
	position:relative;
	background:#fff;
	cursor:pointer;
}


#main .success .titleArea .titleLine .moreBTN{
	display:inline-block;
	float:right;
	padding:10px 20px;
	border:1px solid #1d223e;
	color:#1d223e;
	margin-top:10px;
}

#main .success .titleArea .titleLine .moreBTN a{
	color:#1d223e;
}


#main .success .titleArea .titleLine .moreBTN:hover{
	background:#1d223e;
}

#main .success .titleArea .titleLine .moreBTN:hover a{
	color:#fff;
}


#main .success .successList li .subjectArea{
	width:100%;
	padding:20px 20px 10px 20px;
	border-bottom:1px solid #e5e5e5;
	
}

#main .success .successList li .subjectArea .subject{
	width:100%;
	font-size:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#2d303f;
}

#main .success .successList li .subjectArea .category{
	font-size:15px;
	color:#999;
}

#main .success .successList li .contArea{
	width:100%;
	padding:20px 20px 70px 20px;
}





#main .success .successList li .contArea .substance{
	font-size:15px;
	color:#777;
	margin-top:15px;
	word-break:keep-all;
	width:100%;
	height:105px;
	overflow:hidden;
	
}


#main .success .successList li .contArea .name{
	font-size:13px;
	color:#777;
	margin-top:10px;
	font-weight:300;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

#main .success .successList li .contArea .name span{
	color:#1d223e;
	font-weight:500;
}

#main .success .successList li .more{
	width:100%;
	background:#1d223e;
	display:inline-block;
	padding:15px 20px;
	box-sizing:border-box;
	display:none;
	position:absolute;
	bottom:0;
	cursor: pointer;
}

#main .success .successList li .more .text{
	font-size:15px;
	display:inline-block;
	vertical-align:middle;
	color:#fff;
	font-family:'roboto','noto sans kr';
}

#main .success .successList li .more .button{
	display:inline-block;
	float:right;
}


#main .success .successList li:hover .more{
	display:inline-block;
}

#main .success .successList li:hover{
	border:1px solid #1d223e
}


#main .realReview{
	width:1180px;
	margin:150px auto 0;
}


#main .realReview .inner{
	width:100%;
	display:flex; justify-content:space-between; align-items:flex-start;
}


#main .realReview .inner .titleArea{
	width:280px;
	display:Inline-block;
	vertical-align:middle;
}


#main .realReview .inner .titleArea .enTitle{
	font-size:13px;
	font-family:'roboto';
	color:#999;
	text-decoration:underline;
}

#main .realReview .inner .titleArea .krTitle{
	font-size:30px;
	font-weight:500;
	color:#222;
}

#main .realReview .inner .titleArea .substance{
	font-size:20px;
	color:#222;
	margin-top:10px;
	word-break:keep-all;
}

#main .realReview .inner .titleArea .num{
	font-size:14px;
	color:#222;
	margin-top:20px;
}
#main .realReview .inner .titleArea .num .color_text {font-weight:700;}

#main .realReview .inner .titleArea .moreBTN{
	width:130px;
	margin-top:20px;
	border:1px solid #1d223e;
	text-align:center;
}
#main .realReview .inner .titleArea .moreBTN a {display:block; padding:12px 0px; color:#1d223e;}

#main .realReview .inner .titleArea .moreBTN:hover{
	background:#1d223e;
	
}
#main .realReview .inner .titleArea .moreBTN:hover a{
	color:#fff;
}





#main .realReview .inner .reviewList{width:880px; display:flex; flex-wrap:wrap; vertical-align:middle; gap:20px;}
#main .realReview .inner .reviewList li{width:280px; display:inline-block; border:1px solid #e5e5e5; box-sizing:border-box;	position:relative;}
#main .realReview .inner .reviewList li:first-child{}
#main .realReview .inner .reviewList li .thum{width:100%;}
#main .realReview .inner .reviewList li .thum img{width:100%;}


#main .realReview .inner .reviewList li .textArea{width:100%; box-sizing:border-box;}
#main .realReview .inner .reviewList li .textArea > .img_con {border-bottom:1px solid #e5e5e5; background:no-repeat center/cover;}
#main .realReview .inner .reviewList li .textArea > .img_con > img {}
#main .realReview .inner .reviewList li .textArea > .txt_con {padding:20px;}
#main .realReview .inner .reviewList li .textArea > .txt_con > .subj {font-size:18px; color:#222; font-weight:500; letter-spacing:-0.5px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .realReview .inner .reviewList li .textArea > .txt_con > .subs {height:102px; margin-top:7px; overflow:Hidden;}
#main .realReview .inner .reviewList li .textArea .subs span{display:block; height:100px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; font-family: 'Noto Sans Kr', 'nanum Gothic' !important; font-size:15px !important; color:#777 !important; line-height:20px !important; font-weight:normal !important;}
#main .realReview .inner .reviewList li .textArea .name{font-size:13px; color:#777; margin-top:22px; font-weight:300;}

#main .realReview .inner .reviewList li .textArea .name span{
	color:#1d223e;
	font-weight:500;
}

#main .realReview .inner .reviewList li .textArea .name span{
	color:#1d223e;
	font-weight:500;
}

#main .realReview .inner .reviewList li:hover .detailReview{
	display:block;
}


#main .realReview .inner .reviewList li .detailReview{
	position:absolute;
	width:100%;
	background:#2d303f;
	height:100%;
	box-sizing:border-box;
	display:none;
}

#main .realReview .inner .reviewList li .detailReview .cont{position:absolute; width:100%; top:0; padding:20px; box-sizing:border-box;}
#main .realReview .inner .reviewList li .detailReview .cont .subject{width:100%; text-align:left; color:#fff; font-size:18px; overflow:Hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .realReview .inner .reviewList li .detailReview .cont .substance{width:100%; margin-top:12px; text-align:left;}
#main .realReview .inner .reviewList li .detailReview .cont .substance span{display:block; height:100px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; background:#2d303f !important; font-family: 'Noto Sans Kr', 'nanum Gothic' !important; font-size:15px !important; color:#999 !important; line-height:20px !important; font-weight:normal !important;}
#main .realReview .inner .reviewList li .detailReview .cont .writer{width:100%; text-align:left; color:#999; font-size:14px; margin-top:30px;}
#main .realReview .inner .reviewList li .detailReview .cont .writer span{color:#fff;}
#main .realReview .inner .reviewList li .detailReview .cont .moreIco {width:100%; margin-top:60px;}
#main .realReview .inner .reviewList li .detailReview .cont .moreIco > a {display:block; border:1px solid #ffffff; text-align:center; font-size:14px; color:#ffffff; font-weight:500; line-height:48px; letter-spacing:-0.5px;}
#main .realReview .inner .reviewList li .detailReview .cont .moreIco > a:hover {border:1px solid #ffffff; background:#ffffff; color:#1d223e;}

#main .shortcutArea{
	width:1180px;
	padding-top:75px;
	border-top:1px solid #e5e5e5;
	margin:75px auto 0;
}



#main .shortcutArea .title{
	font-size:36px;
	text-align:center;
	color:#222;
	font-weight:500;
}

#main .shortcutArea .shortcutList{
	width:100%;
	margin-top:50px;
	display:inline-block;
}

#main .shortcutArea .shortcutList li{
	width:380px;
	position:relative;
	display:inline-block;
	float:left;
	margin-left:20px;
}

#main .shortcutArea .shortcutList li:first-child{
	margin-left:0px;
}


#main .shortcutArea .shortcutList li .bg{
	width:100%;
	overflow:hidden;
}

#main .shortcutArea .shortcutList li .bg img{
	width:100%;
}

#main .shortcutArea .shortcutList li:hover .bg img{
	transform:scale(1.2);
	transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
	-ms-transition-duration: 1s;
}


#main .shortcutArea .shortcutList li .textCont{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	color:#fff;
	font-size:24px;
	z-index:9;
	font-weight:300;
}
#main .shortcutArea .shortcutList li .textCont span{
	font-weight:500;
}

#main .shortcutArea .shortcutList li .more{
	width:100%;
	bottom:20px;
	position:absolute;
	padding:0px 20px;
	box-sizing:border-box;
	z-index:9;
}





#main .shortcutArea .shortcutList li .more .arrow{
	width:100%;
	margin-top:-10px;
}

#main .shortcutArea .shortcutList li .more .arrow img{
	width:100%;
}

#main .shortcutArea .shortcutList li .more .text{
	font-size:16px;
	color:#fff;
	font-family:'roboto';
}


#main .shortcutArea .shortcutList li:hover .more .arrow{
	animation: system-more .6s ease-in-out;
	opacity:1;
}


@keyframes system-more {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}


#main .boardArea{
	width:100%;
	display:flex;
	margin-top:150px;
}

#main .boardArea .faqArea{
	width:50%;
	display:inline-block;
	position:relative;
}


#main .boardArea .faqArea .bg{
	width:100%;
	height:930px;
	overflow:hidden;
}

#main .boardArea .faqArea .bg img{
	width:165%;
}

#main .boardArea .faqArea .listArea{
	width:520px;
	right:65px;
	position:absolute;
}


#main .boardArea .faqArea .listArea{
	width:520px;
	right:65px;
	position:absolute;
	top:50%;
	transform:translateY(-50%)
}

#main .boardArea .faqArea .listArea .title{
	font-size:30px;
	font-weight:500;
	color:#fff;
}

#main .boardArea .faqArea .listArea .faqList{
	width:100%;
	margin-top:30px;
}

#main .boardArea .faqArea .listArea .faqList li{
	width:100%;
	padding:20px 10px;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	display:inline-block;
}

#main .boardArea .faqArea .listArea .faqList li:first-child{
	border-top:1px solid #fff;
}

#main .boardArea .faqArea .listArea .faqList li .subject{
	width:90%;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:15px;
	color:#fff;
}

#main .boardArea .faqArea .listArea .faqList li .subject{
	width:90%;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:16px;
	color:#fff;
}

#main .boardArea .faqArea .listArea .faqList li .moreBTN{
	width:20px;
	display:Inline-block;
	float:right;
}


#main .boardArea .faqArea .listArea .faqList li .moreBTN img{
	width:100%;
}


#main .boardArea .faqArea .listArea .faqList li .question{
	cursor:pointer;
}

#main .boardArea .faqArea .listArea .faqList li .answer{
	position:absolute;
	width:100%;
	height:100%;
	background:#2d303f;
	left:0;
	top:0;
	display:none;
	padding:50px;
	box-sizing:border-box;
}

#main .boardArea .faqArea .listArea .faqList li .answer .faqClose{
	width:100%;
	text-align:right;
	cursor:pointer;
}
#main .boardArea .faqArea .listArea .faqList li .answer .faqClose img{
	width:20px;
	display:inline-block;
}

#main .boardArea .faqArea .listArea .faqList li .answer .answerSubject{
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:18px;
	margin-top:30px;
}

#main .boardArea .faqArea .listArea .faqList li .answer .answerCont{
	width:100%;
	margin-top:30px;
	font-size:16px;
	color:#c1c1c1;
}

#main .boardArea .faqArea .listArea .more{
	width:150px;
	margin:50px auto 0;
	border:1px solid #fff;
	text-align:center;
	padding:12px 0px;
	font-size:16px;
	
}

#main .boardArea .faqArea .listArea .more a{
	color:#fff;
}










#main .boardArea .olineCounsel{
	width:50%;
	display:inline-block;
	background:#f7f7f7;
	padding:121px 0px 70px 65px;
	box-sizing:border-box;
}

#main .boardArea .olineCounsel .counselForm{
	width:520px;
}

#main .boardArea .olineCounsel .counselForm .title{
	font-size:30px;
	font-weight:500;
}


#main .boardArea .olineCounsel .counselForm .formList{
	width:100%;
	margin-top:10px;
	display:inline-block;
}

#main .boardArea .olineCounsel .counselForm .formList li{
	width:49%;
	display:inline-block;
	float:left;
	margin-left:2%;
	box-sizing:border-box;
	margin-top:10px;
}

#main .boardArea .olineCounsel .counselForm .formList li:nth-child(2n+1){
	margin-left:0%;
}
#main .boardArea .olineCounsel .counselForm .formList li:last-child{
	width:100%;
}

#main .boardArea .olineCounsel .counselForm .formList li input{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
}

#main .boardArea .olineCounsel .counselForm .formList li input.phoneNum{
	width: 30%;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
}

#main .boardArea .olineCounsel .counselForm .formList li span.phoneNum{
	width: 3%;
	padding:10px 0;
	box-sizing:border-box;
}

#main .boardArea .olineCounsel .counselForm .formList li select{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;	
}

#main .boardArea .olineCounsel .counselForm .formList li select.phoneNum{
	width: 31%;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;	
}

#main .boardArea .olineCounsel .counselForm .formList li textarea{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	border:1px solid #e5e5e5;
}
#main .boardArea .olineCounsel .counselForm .deCheck label span{
	display:inline-block;
	margin-left:5px;
	cursor:pointer;
}



#main .boardArea .olineCounsel .counselForm .submitBTN{
	width:100%;
	margin-top:20px;
}


#main .boardArea .olineCounsel .counselForm .submitBTN .submitBTN{
	width:100%;
	background:#2d303f;
	color:#fff;
	padding:15px 0px;
	font-size:16px;
	text-align:center;
	border:0;
}


#main .boardArea .olineCounsel .counselList{
	width:520px;
	margin-top:40px;
	padding-top:20px;
	border-top:1px solid #e5e5e5;
	box-sizing:border-box;
}


#main .boardArea .olineCounsel .counselList .title{
	font-size:30px;
	font-weight:500;
}

#main .boardArea .olineCounsel .counselList .list{
	width:100%;
	display:inline-block;
	margin-top:10px;
}
#main .boardArea .olineCounsel .counselList .list li{
	width:100%;
	margin-top:10px;
}


#main .boardArea .olineCounsel .counselList .list .state{
	width:13%;
	display:inline-block;
	font-size:15px;
	font-weight:500;
}

#main .boardArea .olineCounsel .counselList .list .submit{
	color:#6e2023;
}

#main .boardArea .olineCounsel .counselList .list .subject{
	width:70%;
	display:inline-block;
	font-size:15px;
}

#main .boardArea .olineCounsel .counselList .list .date{
	display:inline-block;
	font-size:15px;
	float:right;
	font-family:'roboto'
}



#main .direction{
	width:100%;
	background:#2d303f;
	padding:150px 0px;
}

#main .direction .inner{
	width:1180px;
	margin:0 auto;
}

#main .direction .inner .titleArea{
	width:100%;
}

#main .direction .inner .titleArea .enTitle{
	font-size:13px;
	color:#fff;
	font-family:'roboto';
	text-decoration:underline;
}


#main .direction .inner .titleArea .krTitle{
	font-size:30px;
	color:#fff;
	font-weight:500;
}


#main .direction .inner .directionList{
	width:100%;
	margin-top:50px;
	display:inline-block;
}

#main .direction .inner .directionList dd{
	width:580px;
	display:inline-block;
	float:left;
	margin-left:20px;
}

#main .direction .inner .directionList dd:first-child{
	margin-left:0px;
}


#main .direction .inner .directionList dd .map{
	width:100%;
	height:350px;
}

#main .direction .inner .directionList dd .subject{
	display:inline-block;
	padding:10px 30px;
	border:1px solid #fff;
	color:#fff;
	font-size:20px;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	margin-top:20px;
}


#main .direction .inner .directionList dd .infoList{
	width:100%;
	margin-top:20px;
}

#main .direction .inner .directionList dd .infoList li{
	width:100%;
	margin-top:16px;
}


#main .direction .inner .directionList dd .infoList li .ico{
	width:22px;
	display:inline-block;
	vertical-align:middle;
}

#main .direction .inner .directionList dd .infoList li .subj{
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	width:20%;
	color:#fff;
	margin-left:5px;
}

#main .direction .inner .directionList dd .infoList li .substance{
	font-size:18px;
	display:inline-block;
	vertical-align:top;
	width:70%;
	color:#fff;
	font-family:'roboto','noto sans kr';
}





#main .deInfoArea{
	width:1180px;
	margin:150px auto 150px;
}

#main .deInfoArea .deInfoList{
	width:100%;
	display:flex;
}
#main .deInfoArea .deInfoList li{
	width:280px;
	display:inline-block;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	padding:30px;
	box-sizing:border-box;
	float:left;
	margin-left:20px;
}

#main .deInfoArea .deInfoList li:first-child{
	margin-left:0px;
}


#main .deInfoArea .deInfoList li .subject{
	font-size:20px;
	text-align:center;
	font-weight:500;
}

#main .deInfoArea .deInfoList li .icon{
	width:69px;
	margin:20px auto 0;
}
#main .deInfoArea .deInfoList li .icon img{
	width:100%;
}



#main .deInfoArea .deInfoList li .numberArea{
	width:100%;
	text-align:center;
	margin-top:20px;
}


#main .deInfoArea .deInfoList li .numberArea .icon{
	width:40px;
	display:inline-block;
}

#main .deInfoArea .deInfoList li .numberArea .icon img{
	width:100%;
}

#main .deInfoArea .deInfoList li .numberArea .number{
	font-size:18px;
	font-family:'roboto';
	display:inline-block;
}



#main .deInfoArea .deInfoList li .substance{
	font-size:16px;
	text-align:center;
	margin-top:20px;
}





#main .deInfoArea .deInfoList li:hover{
	border:1px solid #222;
	-webkit-box-sizing: border-box;
  	box-sizing: border-box;
  	-webkit-transition: all 0.6s ease-in;
  	transition: all 0.6s ease-in;
}	





    .main_bottom_btn_group{
        position:absolute;
        top: 50%;
        left: 0;
        transform: translate(0%, -50%);
        width: 100%;
    }
    .main_bottom_btn_group > span{
        color:white;
        padding:20px 40px;
       float:left;
    }
    .main_bottom_btn_group > span:last-child{
   	 float:Right;
    }





.pop{
	width:100%;
	position:absolute;
	display:none;
	z-index:99;
}	

.pop .layerBack{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5);
	z-index:999;
}	

.pop .termArea{
	width:1000px;
	left:50%;
	margin-left:-500px;
	max-height:94%;
	position:fixed;
	background:#fff;
	top:50%;
	transform:translateY(-50%);
	padding:50px 30px;
	box-sizing:border-box;
	z-index:9999;
}	


.pop .termArea .title{
	text-align:Center;
	font-size:30px;
	
}	

.pop .termArea .popClose{
	width:40px;
	position:absolute;
	right:20px;
	top:20px;
}	

.pop .termArea .popClose img{
	width:100%;
}	




.pop .termArea .termAreaBox{
	width:100%;
	border:1px solid #e5e5e5;
	box-sizing:border-box;
	height:300px;
	overflow-y:scroll;
	padding:20px;
	font-size:15px;
	color:#777;
	margin-top:10px;
}	


.main_popup_con_bg {visibility: hidden; width:100%; height:100%; margin:0 auto; background:rgba(0,0,0,0.3); position:fixed; top:0; left:0; right:0; z-index:70;}
.main_popup_con {visibility: hidden; width:100%; max-width:500px; margin:0 auto; position:fixed; top:50%; left:0; right:0; transform:translateY(-50%); z-index:80;}
.main_popup_con > .contents_con {position:relative;}
.main_popup_con > .contents_con > .closed_btn {position:absolute; top:10px; right:10px;}
.main_popup_con > .contents_con > .closed_btn > a {display:block; width:30px;}
.main_popup_con > .contents_con > .closed_btn > a > img {width:100%;}
.main_popup_con > .contents_con > .img_con {}
.main_popup_con > .contents_con > .img_con > img {width:100%;}



.counselList .list {
  height: 200px;                /* 20px ¡¿ 10ÁÙ */
  overflow: hidden;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.counselList .list li {
  height: 20px !important;
  line-height: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
}

.counselList .subject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}