.hr-line-dashed {
    border-top: 1px dashed #b3b9bc;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 10px 0;
}

/*패드공용*/
.tablet_only{display:block}
.mobile_only{display:none}


#area-video {position: fixed;left: 0;right: 0;top: 69px;z-index: 1;}
#area-content { position: relative;margin-top: 100px;}
.select {
	height: 30px;
    border-radius: 3px;
    padding: 0 10px;
}


.page-title{font-weight: 700;font-size: 3rem;color: #fff;background-image: url(../images/icon_title_counsel.png);background-repeat: no-repeat;background-size: 41px;background-position: top 14px left 10px;background-color: #002f6b;padding: 10px 0 10px 60px;}
.page-title span{color:#ffa7ce}
/*counsel*/
.counsel-list-title {font-size: 17px;color: #000;font-weight: 600;border-bottom: 2px solid #000;padding-bottom: 10px;text-align: left;}
.counsel-list {padding:0; margin:0;text-align: left;}
.counsel-list li {list-style:none;padding: 10px 0;border-bottom: 1px dotted #000;color: #000;}
.counsel-list li span {min-width: 100px;/* text-align: center; */font-weight: 600;}
.counsel-list li:last-child {border-bottom: 1px solid #000;}
.counsel-list li.active { letter-spacing: -0.5px;color: #ff006e;letter-spacing: -0.5px;}
.counsel-list li.active > div {border: 2px solid #ff006e;border-radius: 5px;}
.counsel-list li > div {width: 100%;display: inline-flex;padding: 2px 5px;}
.counsel-list li > div > div.counsel_img{ display: inline-block; }
.counsel-list li > div > div.counsel_img img { border-radius: 5px; }
.counsel-list li > div > div.counsel-list {display: inline-block;padding-left: 10px;/*display: flex;flex-direction: column;*/}
.counsel-list li > div > div.counsel-list > h6{margin: 0;padding: 0;font-size: 13px;}
.counsel-list li > div > div.counsel-list > p{margin: 0;padding: 0;font-size: 13px;padding-top: 5px;margin-top: auto;}
.counsel-list li > div > div.counsel-list > p > span{}

/*edu*/
.edu-list-title {font-size: 17px;color: #000;font-weight: 600;border-bottom: 2px solid #000;padding-bottom: 10px;text-align: left;}
.edu-list {padding:0; margin:0;text-align: left;}
.edu-list li {list-style:none;padding: 10px 0;border-bottom: 1px dotted #000;color: #000;cursor:pointer}
.edu-list li:last-child {border-bottom: 1px solid #000;}
.edu-list li.active { letter-spacing: -0.5px;color: #ff006e;letter-spacing: -0.5px;}
.edu-list li.active > div {border: 2px solid #ff006e;border-radius: 5px;}
.edu-list li > div {width: 100%;display: inline-flex;    padding: 5px;}
.edu-list li > div > div.edu_img{ display: inline-block; }
.edu-list li > div > div.edu_img img { border-radius: 5px; }
.edu-list li > div > div.edu_title {display: inline-block;padding-left: 10px;/*display: flex;flex-direction: column;*/}
.edu-list li > div > div.edu_title > h6{margin: 0;padding: 0;font-size: 13px;}
.edu-list li > div > div.edu_title > p{margin: 0;padding: 0;font-size: 13px;padding-top: 5px;margin-top: auto;}
.edu-list li > div > div.edu_title > p > span{}

.progress {position: relative;height: 20px;overflow: hidden;background-color: #f5f5f5;border-radius: 0;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);}
.progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background-color: #337ab7;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;}
.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}
.progress span {position: absolute;font-size: 12px;height: 20px;line-height: 20px;left: 6px;}

.social-comment span.user {
    font-size: 12px;
    color: #337ab7;
    font-family: Noto Sans KR;
}



/*로그인*/
.login_title{font-size:2.8rem;text-align:center;padding:20px 0;font-weight:700}
.login_field{text-align:center;margin-bottom:10px}
.login_field input{width:100%}
.easy_desc{text-align:center;margin-bottom:30px}
.telkit_login{padding-bottom:20px}
.btn_login{text-align:center;margin-top:10px}
.btn_login button{width:300px}
.lost_pw_desc{margin-top:30px;text-align:center;font-weight:300;margin-bottom:30px}
.btn-text {background: transparent;}
.id-pw-search{width:100%;margin:0 auto 30px}
.login-max-width{max-width:400px;margin:0 auto}
.login_field input{height:45px}


.edu-pdf-list{
    font-size: 12px;
    color: #000;
    font-weight: 600;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    text-align: left;
}
.edu-pdf-list li{
    list-style: none;
    padding: 10px 0;
    border-bottom: 1px dotted #000;
    color: #000;
    cursor:pointer;
}
.edu-pdf-list li:last-child {border-bottom: 1px solid transparent;}
.edu-pdf-list li a{
    padding: 0 20px;
}


/*모바일전용*/
@media (max-width:640px){
    .tablet_only{display:none}
    .mobile_only{display:block}
    .myinfo .field_wrap .input-wrap{width:100%}
    .input-wrap input{width:100%}

}