@charset "utf-8";

/* 로그인
====================================================== */

.login_wrap{position:relative; display:flex; width:64%; height:100%; justify-content:center; padding-top:5%; margin:0 auto; transition: all 0.2s linear;}
.login_wrap .home {position:absolute; margin-top:30px; right:30px;}
.login_wrap .home:hover .tooltip {display:block;}
.login_wrap .home .tooltip {
    position: absolute;
    display: none;
    padding: 4px 18px;
    background-color: #000;
    color: #F8F8F8;
    font-size: 13px;
    font-weight: 400;
    z-index: 99;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
}
.login_wrap .home .tooltip:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent transparent #000 transparent;
}

.login_left {
    display: flex;
    width: 60%;
    height: 74%;
    min-height: 720px;
    align-items: center;
    justify-content: center;
    background: #FFF;
    border: 1px solid #EEE;
    border-right: none;
    border-radius: 10px 0 0 10px;
}
.login_box {width:50%; min-width:320px; height:auto; padding:20px;}
.login_box .titlebox {position:relative; width:100%; height:auto;  color:#fff; text-align:center;}
.login_box .titlebox h1{display: block;}
.login_box .titlebox p{font-size:24px; color:#03aaa7; font-family:'NanumSquare'; font-weight:600; margin-top:20px; word-break: keep-all;}
.login_box .idpw_wrap{width:100%; height:auto; margin:0 auto; margin-top:50px;}
.login_box .idpw_wrap .userid {position:relative; display:flex; align-items: center; width:100%; height:60px; background-color:#f2f5f5; border-radius:5px; margin-bottom:20px;}
.login_box .idpw_wrap .userid .icon{position:absolute; top:19px; left:20px;}
.login_box .idpw_wrap .userid .icon_line{position:absolute; top:20px; left:54px; width:1px; height:20px; background-color:#d9d9d9;}
.login_box .idpw_wrap input {padding: 0 64px; border: none; background-color: transparent; width:100%; height:100%; border-radius: 5px; font-size:18px; color:#000;}
.login_box .idpw_wrap input::placeholder {color: #9f9f9f; font-size:16px; letter-spacing:-1.5px; }
.login_box .idpw_wrap .btn-login {
    width: 100%;
    border-radius: 6px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'NanumSquare';
    background-color: #fe9b00;
    padding-top:4px;
    transition: all .35s ease;
}
.login_box .idpw_wrap .btn-login:hover{background-color:#e43c22;  height:60px; transition: all .35s ease; }
.login_box .idpw_wrap .check_wrap {width:100%; padding:20px 0;} /* 아이디저장 영역 */
.login_box .line{width:100%; height:1px; background-color:#e2e2e2;}
.login_box .logobox {position:relative; width:100%; height:auto; text-align:center; border-top:1px solid rgba(255, 255, 255, 0.3);}
.login_box .logobox img{margin-top:50px;}
.login_box .logobox p{font-size:14px; margin-top:16px; color:#c1c1c1; font-family:'Noto Sans KR'; font-weight:300; letter-spacing:-0.2px;}
.login_box .idpw_menu {display:flex; align-items:center; justify-content: center; flex-wrap: wrap; width:100%; margin:0 auto;}
.login_box .idpw_menu li {position:relative; width: 33.333%; padding:20px 0;}
.login_box .idpw_menu li:after {position: absolute; top:25px; right:0; background:#d0d0d0; content: ''; height: 12px; width: 1px;}
.login_box .idpw_menu li:last-of-type:after {display:none;}
.login_box .idpw_menu li a:hover {color:#ff6600;}

.login_right {width:40%; height:74%; min-height:720px; background:#fed400; border-radius:0 10px 10px 0;}
.login_right .greeting{ width:100%; height:100px; text-align:center; font-size:28px; color:#4c2424; font-family:'NanumSquare'; font-weight:800;  text-decoration-line: underline; margin-top:20%;}
.loginpg_swiper { width:83.5555%; height:auto; border:1px solid #a2811f; margin:0 auto; border-radius:6px; overflow:hidden; text-align:center;}
.loginpg_swiper img {margin:0 auto;}
.login_right .login_customer { width:83.5555%; height:auto; margin:0 auto; margin-top:60px; overflow:hidden; text-align:center;}
.login_right .login_customer h1  {position:relative; font-size:20px; font-family:'NanumSquare'; font-weight:800; padding-bottom:12px;}
.login_right .login_customer h1:after {position: absolute; bottom:0px; background:#cbaa00; content: ''; height:1px; width:30px; left:50%;  transform: translateX(-50%);}
.login_right .login_customer .phone {font-size:44px; font-family:'NanumSquare'; font-weight:800; letter-spacing:-2px; margin-top:10px;}
.login_right .foot_menu {display:flex; align-items:center; font-size:14px; width:260px; margin:0 auto; margin-top:10px;}
.login_right .foot_menu > li {position:relative; padding:20px 0;}
.login_right .foot_menu > li:after{position: absolute; background:#cbaa00; content: ''; height:10px; width:1px; top:25px; right:14%; }
.login_right .foot_menu li:last-child:after{display:none;}
.login_right .foot_menu li > a:hover{color:#000;  font-weight:bold;}
.login_right .foot_menu li:hover{color:#000;  font-weight:bold;}



/* 로그인 베너
====================================================== */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left;}
.slick-initialized .slick-slide{display:block;}

#login_visual{width:100%; height: -webkit-fill-available; height:auto; position:relative;}
#login_visual .visual_in{position: relative; width: 100%; height:100%;}
#login_visual .visual_in:after{content:''; display: block;  clear:both;}
#login_visual .visual_in .roll{width: 100%; height:auto; position: relative; overflow: hidden;}
#login_visual .visual_in .roll .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: auto;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
#login_visual .visual_in .action .bg {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1);}
#login_visual .control{
	 text-align:left;
	 position: absolute;
	 right:5%; 
 	 bottom:11%; 
	 transform:translate(0%,-11%); 
	 z-index: 999;
	 box-sizing:border-box; 
     color: rgba(255,255,255, .6);
	 font-weight:300;
}
#login_visual .slick-dots{position:absolute; z-index: 999; width:12%;  text-align:right; font-size:0;  bottom:10%; right:5%;}
#login_visual .slick-dots li{cursor:pointer; display: inline-block; vertical-align: middle; width:33.333%; height:2px; background-color: rgba(255,255,255,.2); transition: all 0.2s linear;}
#login_visual .slick-dots li.slick-active{width:33.333%; height:2px;  background-color: rgba(255,255,255,0.8); transition: all 0.2s linear;}
#login_visual .slick-dots li button{padding: 0; border:0; font-size:0; background:none; outline:none; cursor:pointer;}
#login_visual .visual_in > button{ display:none !important }



/* 아이디,비밀번호 찾기
====================================================== */

.idpwFind_wrap{position:relative; width:41.666%; height:100%; padding-top:4%; margin:0 auto; transition: all 0.2s linear;}
.idpwFind_wrap .title_logoBox {display:block; width:100%; height:120px; text-align:center; margin:0 auto;}
.idpwFind_wrap .title_logoBox h1 {display:block; margin: 0 auto;}
.idpwFind_wrap .title_logoBox p{width:100%; font-size:18px; color:#b0b0b0; font-family:'NanumSquare'; font-weight:600; margin-top:13px; word-break: keep-all; text-align: center;}
.idpwFind_wrap .idpw_Box {position: relative; width:100%; min-height:400px; border: 1px solid #EEE; padding:8% 12%; border-radius: 10px;}
.idpwFind_wrap .idpw_Box .titleTxt {display: block;}
.idpwFind_wrap .idpw_Box .titleTxt h2 {font-size:20px; font-family:'Noto Sans KR'; font-weight: 600; color: #555;}
.idpwFind_wrap .idpw_Box .titleTxt p {font-size: 16px; color: #999; margin-bottom: 24px;}

.idpwFind_wrap .idpw_Box .userPut {display: block;}
.idpwFind_wrap .idpw_Box .userPut input[type="text"] {width:100%; height: 56px; font-size: 18px; font-family: 'Noto Sans KR';}
.idpwFind_wrap .idpw_Box .userPut input[type="text"]::placeholder {font-size: 18px; color: #9f9f9f; font-family: 'Noto Sans KR';}
.idpwFind_wrap .idpw_Box .userPut input[type="password"] {width:100%; height: 56px; font-size: 18px; font-family: 'Noto Sans KR';}
.idpwFind_wrap .idpw_Box .userPut input[type="password"]::placeholder {font-size: 18px; color: #9f9f9f; font-family: 'Noto Sans KR';}
.idpwFind_wrap .idpw_Box .userPut .timerTitle {padding-left: 18px; background: url("../images/icon/timerA.png") no-repeat left top 4px;}
.idpwFind_wrap .idpw_Box .userPut .time {text-align:right; margin-top: 4px; letter-spacing: 0; padding-right: 10px; padding-left: 20px;}

.idpwFind_wrap .idpw_Box .txtBoxA {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f5f5;
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    padding: 20px;
    margin-top: 20px;
}
.idpwFind_wrap .idpw_Box .txtBoxA .addA {padding-right: 14px;}
.idpwFind_wrap .idpw_Box .txtBoxA .doneA {padding-right: 14px;}

.idpwFind_wrap .idpw_Box .btnCheck {
    width: 100%;
    border-radius: 6px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'NanumSquare';
    background-color: #fe9b00;
    transition: all .35s ease;
    margin-top: 30px;
}
.idpwFind_wrap .idpw_Box .btnCheck:hover {background-color: #e43c22; height: 60px; transition: all .35s ease;}
.idpwFind_wrap .idpw_Box .btnCancel {
    width: 100%;
    border-radius: 6px;
    height: 60px;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    font-family: 'NanumSquare';
    background-color: #f8f9fa;
    transition: all .35s ease;
    margin-top: 14px;
    border: 1px solid #EEE;
}
.idpwFind_wrap .idpw_Box .btnCancel:hover {height: 60px; background-color: #333; color: #FFF; transition: all .35s ease;}

.idpwFind_wrap .idpw_Box .AddEmail {
    width: 100%;
    background: #f2f5f5;
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    padding: 20px;
    margin-top: 20px;
}
.idpwFind_wrap .idpw_Box .AddEmail .Emailtxt { padding-left: 26px; background: url("../images/icon/emailA.png") no-repeat left top 4px;}
.idpwFind_wrap .idpw_Box .AddEmail > ul {margin-top: 10px;}
.idpwFind_wrap .idpw_Box .AddEmail > ul > li {font-size: 14px; padding:2px 10px; background: url("../images/icon/dot_Round.png") no-repeat left top 10px;}

.idpwFind_wrap .Addtxt {font-size: 16px; text-align: center; color: #999; margin-top: 18px;}
.idpwFind_wrap .Foot_logo {text-align: center; padding: 50px 10px;}
.idpwFind_wrap .Foot_logo .copyright { font-size: 14px; margin-top: 10px; color: #c1c1c1; font-family: 'Noto Sans KR'; font-weight: 300; letter-spacing: -0.2px;}



/* 회원가입신청
====================================================== */

.singup_wrap {position:relative; width:50%; height:100%; padding-top:4%; margin:0 auto; transition: all 0.2s linear;}
.singup_wrap .title_logoBox {display:block; width:100%; height:120px; text-align:center; margin:0 auto;}
.singup_wrap .title_logoBox h1 {display:block; margin: 0 auto;}
.singup_wrap .title_logoBox p{width:100%; font-size:18px; color:#333; font-family:'NanumSquare'; font-weight:600; margin-top:13px; word-break: keep-all; text-align: center;}
.singup_wrap .stepWrap { display:flex; width:40%; min-width:280px; margin: 0 auto;}
.singup_wrap .stepWrap .stepBox {position: relative; width: 33.333%; height: 80px;}
.singup_wrap .stepWrap .stepBox .circle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #FFF;
    border: 2px solid #dfdfdf;
    border-radius: 34px;
    left:50%;
    transform: translateX(-50%);
    z-index:1;
}
.singup_wrap .stepWrap .stepBox .circle.check {background: #ffae00 url("../images/icon/check_on2.png")no-repeat center top 12px; border: none !important;}
.singup_wrap .stepWrap .stepBox .circle.borderB {border: 2px solid #ffae00 !important;}
.singup_wrap .stepWrap .stepBox .circle .nember {font-size: 16px; font-weight: 600; color: #999; font-family: 'NanumSquareRound';}
.singup_wrap .stepWrap .stepBox .title {display: block; width: 100%; font-size: 15px; color: #666; text-align: center; margin-top: 36px; font-family:'Noto Sans KR';}
.singup_wrap .stepWrap .stepBox .right_line {position: absolute; width: 50%; height: 2px; background: inherit; right: 0; top: 17px; z-index: 0; background: #dfdfdf;}
.singup_wrap .stepWrap .stepBox .left_line {position: absolute; width: 50%; height: 2px; background: inherit; left: 0; top: 17px; z-index: 0;  background: #dfdfdf;}
.singup_wrap .cont_Box {position: relative; width:100%; min-height:400px; border:1px solid #EEE; padding:6% 8%; border-radius:10px;}
.singup_wrap .cont_Box .titleTxt {display: block;}
.singup_wrap .cont_Box .titleTxt h2 {font-size:20px; font-family:'Noto Sans KR'; font-weight:600; color:#555;}
.singup_wrap .cont_Box .titleTxt p {font-size:16px; color:#999; margin-bottom:24px;}
.singup_wrap .cont_Box .agree {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    border: 1px solid #DDD;
    border-radius: 6px;
    padding: 0 20px;
    font-size: 16px;
    font-family: 'Noto Sans KR';
}
.singup_wrap .cont_Box .agree.border2 {border: 2px solid #ffae00 !important;}
.singup_wrap .cont_Box .agree .btn {font-size: 16px; color: #ffae00;}
.singup_wrap .cont_Box .txtBoxA {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f5f5;
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    padding: 20px;
    margin-top: 20px;
    font-family:'Noto Sans KR';
}
.singup_wrap .cont_Box .txtBoxA .addA {padding-right: 14px;}
.singup_wrap .cont_Box .txtBoxA .doneA {padding-right: 14px;}
.singup_wrap .cont_Box .btnCheck {
    width: 100%;
    border-radius: 6px;
    height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'NanumSquare';
    background-color: #fe9b00;
    transition: all .35s ease;
    margin-top: 30px;
}
.singup_wrap .cont_Box .btnCheck:hover {background-color: #e43c22; height: 60px; transition: all .35s ease;}
.singup_wrap .cont_Box .btnCancel {
    width: 100%;
    border-radius: 6px;
    height: 60px;
    color: #666;
    font-size: 18px;
    font-weight: 600;
    font-family: 'NanumSquare';
    background-color: #f8f9fa;
    transition: all .35s ease;
    margin-top: 14px;
    border: 1px solid #EEE;
}
.singup_wrap .cont_Box .btnCancel:hover {height: 60px; background-color: #333; color: #FFF; transition: all .35s ease;}
.singup_wrap .Addtxt {font-size: 16px; text-align: center; color: #999; margin-top: 18px;}
.singup_wrap .Foot_logo {text-align: center; padding: 50px 10px;}
.singup_wrap .Foot_logo .copyright { font-size: 14px; margin-top: 10px; color: #c1c1c1; font-family: 'Noto Sans KR'; font-weight: 300; letter-spacing: -0.2px;}

/* 회원가입신청-정보입력 */
.joinbox{width:100%;}
.joinbox li{border-bottom:1px solid #EEE; text-align:left;}
.joinbox li:first-child{border-top:1px solid #EEE;}
.joinbox li:last-child{border-bottom:none;}
.joinbox li dl{padding:10px 10px}
.joinbox li dl dt, dd{display:inline-block; vertical-align: middle;}
.joinbox li dl dt{width:130px; font-size:15px; font-family: 'Noto Sans KR'; font-weight: 500}
.joinbox li dl dd {width:calc(100% - 140px); }
.joinbox li dl dd input[type="text"] {height: 44px; font-size: 18px; font-family: 'Noto Sans KR';}
.joinbox li dl dd input[type="text"]::placeholder {font-size: 15px; color: #9f9f9f; font-family: 'Noto Sans KR';}
.joinbox li dl dd input[type="password"] {height: 44px; font-size: 18px; font-family: 'Noto Sans KR';}
.joinbox li dl dd input[type="password"]::placeholder {font-size: 15px; color: #9f9f9f; font-family: 'Noto Sans KR';}
.joinbox li dl dd input.joWP100{width:100%;}
.joinbox li dl dd input.joWP40{width:40%;}
.joinbox li dl dd input.joWP30{width:30%;}
.joinbox li dl dd button {
    position: relative;
    font-size: 14px;
    font-family: 'Noto Sans KR';
    background: linear-gradient(to top, #f3f3f3, #fefefe);
    color: #666;
    border: 1px solid #CCC;
    transition: all 0.25s ease;
}
.joinbox li dl dd button:hover {
    background: linear-gradient(to top, #4f5467, #6b7085);
    border: 1px solid #4f5467;
    color: #FFF;
    transition: all 0.25s ease;
}
.joinbox li dl dd button.btn_join{display:inline-block; margin-left:5px; width:80px; height:44px; border-radius:5px;}
.joinbox li dl dd select {
    width: 130px;
    height: 44px;
    font-size: 15px;
    font-family: 'Noto Sans KR';
    border: 1px solid #DDD;
    background: url("../images/icon/select_arrow01.png") no-repeat 90% 50%;
    cursor: pointer;
    appearance: none;
}
.joinbox li dl dd .idbox{display:flex; align-items:center; flex-wrap: wrap; }
.joinbox li dl dd .addr{display:flex; align-items:center; flex-wrap: wrap;}
.joinbox li dl dd .text {display: block; font-size: 14px; color: #999; padding:10px 0 4px 0;}



/* 이용약관-개인정보취급방침 모달
====================================================== */
.TerPriModal {
	position: fixed;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -30%);
	background-color: white;
	width: 50%;
	height: 600px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 9999;
	background:#FFF;
	overflow:hidden;
    transition: all 0.2s linear;
}
.TerPriModal .TitleBox {display:flex; align-items:center;  justify-content: space-between; height:50px; padding:10px; background:#ffe400;}
.TerPriModal .TitleBox h2{font-size:16px; color:#000 !important; padding-left:10px;}
.TerPriModal .TitleBox button {padding-right:6px;}
.TerPriModal .ContentBox {width:96%; height:505px; padding:20px; border:1px solid #EEE; border-radius:6px; margin:0 auto; margin-top:20px;}

/* 이용약관 및 개인정보 보호정책 */
.util_wrap {position:relative; display:block; width:100%; max-width:1200px; margin:0 auto; height:auto; word-break: keep-all;}
.util_wrap .utbox {position:relative; width:100%; height:auto; margin-bottom:40px; font-size:15px; font-weight:400; font-family:'Noto Sans KR';}
.util_wrap .utbox h1 {font-size:20px; font-weight:500; padding-bottom:10px;}
.util_wrap .utbox h1 span {font-size:15px; font-weight:400;}
.util_wrap .utbox h2 {font-size:20px; font-weight:500; margin-bottom:40px;}
.util_wrap .utbox p.tex_etc {font-size:14px; font-weight:400; color:#333;}
.util_wrap .utbox ul {width:100%; margin-top:20px;}
.util_wrap .utbox ul li {line-height:1.6; margin-bottom:15px;}
.util_wrap .utbox ul li p {font-size:15px; line-height:1.8;}
.util_wrap .utbox ul li .serbox {width:100%; height:auto; padding:16px; border:1px solid #EEE; margin-top:10px; border-radius: 5px;}
.util_wrap .utbox ul li .serbox p {font-size:15px; padding-left:16px; background:url("../images/icon/util_dot.png")no-repeat left top 8px;}
.util_wrap .utbox ul li .serbox p.nobg {padding-left:0px; background:none;}
.util_wrap .utbox ul li .serbox .mt20 {margin-top:20px;}
.util_wrap .pribox1 {
    display: flex;
    width: 100%;
    height: auto;
    padding: 20px;
    margin-bottom: 40px;
    font-weight: 300;
    line-height: 1.8;
    border: 1px solid #EEE;
    background: #F9F9F9;
    border-radius: 5px;
}
.util_wrap .pribox1.title {font-size: 15px; font-family: 'Noto Sans KR'; font-weight:400;}
.util_wrap .pribox1 ul {width:50%; font-weight:400;}
.util_wrap .pribox1 ul > li > a:hover{color:#ff8a00;}



/* 메인페이지 알림공지 팝업 
====================================================== */
.acadPTwrap {position:fixed; top:0; left:0; width:100%; height:auto; z-index:9999; background: #fe9b00;}
.acadPTwrap .cmsPo_title {position:relative; display: flex; align-items:center; width:100%; height:40px; padding:0 30px; color:#fff;}
.acadPTwrap .cmsPo_title h1 {font-size:14px; font-weight:bold; padding-left:15px; background:url("../images/icon/title_arrow01.png")no-repeat left center;}
.acadPop_cont {position:relative; width:100%; height:auto; padding:30px; padding-top:70px; min-width:360px;}
.acadPop_cont .foot_box {display: flex; align-items: center; justify-content: center; height:60px;}
.acadNotice_wrap {position:relative; width:100%;}
.acadNotice_wrap h2 {
    display: block;
    width: 100%;
    font-size: 17px;
    color: #333;
    font-weight: 500;
    font-family: "Noto Sans KR";
    white-space: normal;
    line-height: 1.5;
    max-height: 3em;
    word-wrap: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.acadNotice_wrap .ntView{position:relative; display:flex; align-items:center; width:100%; border-top:2px solid #333; border-bottom:1px solid #DDD; padding:10px 0; font-size:14px;}
.acadNotice_wrap .ntView .date{position:absolute; right:0; margin-right:10px;}
.acadNotice_wrap .ntView .date .days {font-size: 14px; letter-spacing: 0;}
.acadNotice_wrap .ntView .file {font-size: 14px; letter-spacing: 0;}
.acadNotice_wrap .view_cnt {
    position: relative;
    width: 100%;
    /* 최소 높이 값*/
    min-height:380px;
    padding: 24px 0;
    color: #666;
    line-height: 1.8;
    border-bottom: 1px solid #DDD;
    word-break: keep-all;
    font-size: 15px;
}
.acadNotice_wrap .view_cnt .youtube_container {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom:30px;} /* 보기내용 중 유튜브동영상 w100% 값적용 */
.acadNotice_wrap .view_cnt .youtube_container .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.acadNotice_wrap .view_cnt .view_acad_img {width:100%; text-align:center;} /* 보기내용 중 이미지 w100% 값적용 */
.acadNotice_wrap .view_cnt .view_acad_img img{max-width:100%;height:auto; margin-bottom:10px;}
.acadNotice_wrap .view_cnt .view_acad_img img:last-child{margin-bottom:0px;}
.acadNotice_wrap .view_cnt img {max-width:100%;height:auto;}



/* 이메일 
====================================================== */
.mail_wrap {position:relative; max-width:700px; min-height: 600px; height:auto; margin:0 auto; margin-top:34px; padding:60px 4%;}
.mail_wrap.borderA { border:4px solid #ffe980;}
.mail_wrap .title_logoBox { display: flex; width:100%; height: auto; margin-bottom: 40px;}
.mail_wrap .title_logoBox h1 {width:100%; height:32px; text-indent: -9999px; background:url("../images/img/Academy_logoM.png")no-repeat left center; background-size:150px;}
.mail_wrap .subject_box {width: 100%; height: auto; border-bottom: 1px solid #EEE;}
.mail_wrap .subject_box .company_name {font-size:28px; line-height: 1; font-family:'Noto Sans KR'; color: #666;}
.mail_wrap .subject_box .id_name {font-size:28px; line-height: 1; font-family:'Noto Sans KR'; color: #666;}
.mail_wrap .subject_box .subject_title {display: block; font-size: 28px; line-height:1.8; padding:10px 0 16px 0; font-family:'Noto Sans KR'; color: #10af9d; font-weight: 500;}
.mail_wrap .des_box {width: 100%; min-height: 140px; line-height: 1.6; padding: 20px 0; font-size: 16px; margin-top: 10px;}
.mail_wrap .cont_title {display: flex; align-items: center; width: 100%; justify-content: center; font-size: 20px; color: #999; font-family: Noto Sans KR; font-weight: 500;}
.mail_wrap .content_box {display: flex; align-items: center; width: 100%; min-height: 60px; margin: 10px 0 60px 0;  background: #f7f8fa;}
.mail_wrap .content_box .cTtext {font-size: 20px; font-family: 'Noto Sans KR'; color:#666; margin: 0 auto; font-weight: 500; line-height:1;}
.mail_wrap .btn_box {display: flex; align-items: center; width: 100%; height: auto; margin-bottom: 20px;}
.mail_wrap .btn_box .btn01 {
        width: 50%;
        max-width: 200px;
        border-radius: 6px;
        height: 54px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        font-family: 'Noto Sans KR';
        background-color: #fe9b00;
        transition: all .25s ease;
        margin: 0 auto;
}
.mail_wrap .btn_box .btn01:hover {background-color: #e43c22; transition: all .25s ease;}
.mail_foot {position:relative; max-width:700px; height:auto; margin:0 auto; margin-top:10px; margin-bottom: 20px; color: #999; line-height: 1.5; font-size: 13px;}



/* 기타공통
====================================================== */

/* 라디오 체크박스 */
.joinchecks {position: relative; height:auto; display:flex; align-items:center; flex-wrap: wrap; padding:8px 0;}
.joinchecks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} 
.joinchecks input[type="radio"]+label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    margin-right: 10px;
    color: #333;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.joinchecks input[type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
}
.joinchecks input[type="radio"]:checked + label:before {background: #E9ECEE; border-color: #adb8c0; } 
.joinchecks input[type="radio"]:checked + label:after { content: ''; position: absolute; top:7px; left:4px; width: 12px; height: 12px; background:#ff0004; border-radius: 100%;}

/* 체크박스 */
.wchecks {position: relative; height:auto; display:inline-block;}
.wchecks input[type="checkbox"] {position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.wchecks input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-right: 10px;
}
.wchecks input[type="checkbox"]+label:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: -4px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 3px;
    margin-left: 10px;
}
.wchecks input[type="checkbox"]:checked + label:before {content: ''; border-color:#ffae00; background:#ffae00 url('../images/icon/check_on.png')no-repeat center left 2px;}
.wchecks_none {display:block !important;}




/* *********** 미디어쿼리 2560~ *********** */
@media only screen and (max-width:2560px) and
(min-width:2400px) {
    /* 로그인 */
    .login_wrap{width:55%; padding-top:8%; transition: all 0.2s linear;}
    .login_box .idpw_wrap .btn-login {font-size:22px;}
    .login_box .idpw_menu {font-size:16px;}
    .login_right .login_customer h1  {font-size:24px;}
    .login_right .login_customer p {font-size:16px;}
	.login_right .foot_menu {font-size:16px; width:300px;}
}

/* *********** 미디어쿼리 1280 *********** */
@media all and (max-width:1280px){
    /* 로그인 */
    .login_wrap{width:75%; padding-top:4%; transition: all 0.2s linear;}
	.login_left {width:60%; height:74%; min-height:660px;}
	.login_right {width:40%; height:74%; min-height:660px;}
	.login_box .titlebox p{font-size:24px;}
	.login_box .idpw_wrap{margin-top:30px;}
	.login_box .logobox p{font-size:12px; font-weight:100;}

    /* 아이디 비밀번호 찾기 */
    .idpwFind_wrap{width:60%; padding-top:5%; transition: all 0.2s linear;}

    /* 회원가입 신청 */
    .singup_wrap {width:70%; padding-top:4%; transition: all 0.2s linear;}

    /* 이용약관-개인정보취급방침 모달 */
    .TerPriModal {top: 20%; left: 50%; transform: translate(-50%, -20%); width: 80%; height: 600px; transition: all 0.2s linear;}
}

/* *********** 미디어쿼리 1024 *********** */
@media all and (max-width:1024px){
    /* 로그인 */
    .login_wrap{width:85%; padding-top:4%; transition: all 0.2s linear;}
	.login_left {min-height:620px;}
	.login_right {min-height:620px;}
	.login_box .titlebox p{font-size:22px; margin-top:14px;}

    /* 회원가입 신청 */
    .singup_wrap {width:80%; padding-top:4%; transition: all 0.2s linear;}  
    
    /* 이용약관-개인정보취급방침 모달 */
    .TerPriModal {top: 10%; left: 50%; transform: translate(-50%, -10%); width: 90%; height: 600px; transition: all 0.2s linear;}
}

/* *********** 미디어쿼리 768 *********** */
@media all and (max-width:768px){
    /* 로그인 */
    .login_wrap{flex-wrap: wrap;  width:100%; padding-top:0%; transition: all 0.2s linear;}
	.login_wrap .home {position:absolute; margin-top:20px; right:20px;}
	.login_left {width:100%; min-height:690px; border:none; }
	.login_right {width:100%; min-height:660px; border-radius:0;}
    .login_box .titlebox h1{width:48%; min-width:160px; margin:0 auto;}
    .login_box .titlebox p{font-size:22px; margin-top:6px;}
    .login_right .greeting{height:80px; font-size:22px; margin-top:80px;}

    /* 아이디 비밀번호 찾기 */
    .idpwFind_wrap{width:90%; padding-top:5%; transition: all 0.2s linear;}

    /* 회원가입 신청 */
    .singup_wrap {width:90%; padding-top:5%; transition: all 0.2s linear;}

    /* 이용약관 및 개인정보 보호정책 */
   .util_wrap .pribox1{display:block;}
   .util_wrap .pribox1 ul{width:100%;}
}

/* *********** 미디어쿼리 500 *********** */
@media all and (max-width:500px){
    /* 로그인 */
	.login_right {min-height:600px;}
    .login_right .greeting{height:80px; font-size:22px; margin-top:60px;}
    .login_right .login_customer {margin-top:50px;}
    .login_right .login_customer .phone {font-size:40px;}

    /* 아이디 비밀번호 찾기 */
    .idpwFind_wrap{width:100%; padding-top:5%; transition: all 0.2s linear;}
    .idpwFind_wrap .title_logoBox h1 {width:50%;}
    .idpwFind_wrap .idpw_Box {min-height:400px; border-right: none; border-left: none; padding:8% 12%; border-radius:0px;}

    /* 회원가입 신청 */
    .singup_wrap {width:100%; padding-top:5%; transition: all 0.2s linear;} 
    .singup_wrap .title_logoBox h1 {width:50%;}
    .singup_wrap .cont_Box {min-height:400px; border-right: none; border-left: none; padding:6% 6%; border-radius:0px;}

    /* 회원가입 신청 - 정보입력 */
    .joinbox li dl dt{width:100%; margin-bottom:10px;}
    .joinbox li dl dd {width:calc(100% - 0px); }
    .joinbox li dl dd input.joWP40{width:60%;}
    .joinbox li dl dd input.joWP30{width:60%;}

    /* 이메일 */
    .mail_wrap {padding:30px 4%;}
    .mail_wrap .title_logoBox {margin-bottom: 30px;}
    .mail_wrap .subject_box .company_name {font-size:20px; }
    .mail_wrap .subject_box .id_name {font-size:20px;}
    .mail_wrap .subject_box .subject_title {display: block; font-size: 20px;}
    .mail_wrap .des_box {font-size: 15px;}
    .mail_wrap .content_box {font-size: 18px; margin: 10px 0 40px 0;}
    .mail_wrap .content_box .cTtext {font-size: 18px;}
}

/* *********** 미디어쿼리 360 *********** */
@media all and (max-width:360px){
    /* 아이디 비밀번호 찾기 */
    .idpwFind_wrap{padding-top:10%; transition: all 0.2s linear;}
    .idpwFind_wrap .title_logoBox {height:110px;}
    .idpwFind_wrap .title_logoBox p{font-size:17px; margin-top:10px;}

    /* 회원등록 약관동의 */
    .singup_wrap .cont_Box .agree {padding: 0 10px;}
    .singup_wrap .cont_Box .agree .btn {width:50px; font-size: 15px;}

    /* 체크박스 */
    .wchecks input[type="checkbox"]+label {font-size: 15px; margin-right: 0px;}

}