@charset "utf-8";

/*=======================================================
    로그인
=========================================================*/
.login-wrap{    display: flex;flex-direction: row;}
.login-wrap .c-l{width: 465px;display:flex;justify-content: space-between;flex-direction: column;    min-height: 300px;}
.login-wrap .c-l p.btxt{font-size: 18px;text-align: left;color: #757575;line-height:1.4em;letter-spacing: -0.01em;}
.login-wrap .c-l .txt{display: flex;justify-content: flex-start;margin-bottom: 19px;}
.login-wrap .c-l .txt li{}
.login-wrap .c-l .txt li p{font-size: 18px;text-align: left;color: #757575;line-height:1.4em;letter-spacing: -0.01em;}
.login-wrap .c-l .txt li:nth-child(1){margin-right:24px;}
.login-wrap .c-l .txt li:nth-child(2) p{font-size: 14px;width: calc(100% + 31px);}

.login-wrap .c-l .login-box{display: flex;justify-content: space-between;}
.login-wrap .c-l .login-box .chk-input{flex-grow: 1;}
.login-wrap .c-l .login-box .chk-input input{padding-left:55px;}
.login-wrap .c-l .login-box .chk-input input.login-id{background-image: url(../images/content/icon-login-user.png);background-position: left 20px  center;background-repeat: no-repeat;}
.login-wrap .c-l .login-box .chk-input input.login-pw{background-image: url(../images/content/icon-login-pw.png);background-position: left 20px  center;background-repeat: no-repeat;margin-top:-1px;}
.login-wrap .c-l .login-box .login-btn {flex-grow: 0;display: flex;flex-basis:119px;align-items: stretch}
.login-wrap .c-l .login-box .login-btn a{display:inline-block;width: 100%;background:#003356;height:99px;color:#fff;font-size: 16px;line-height: 1.5em;letter-spacing: -0.01em;display: flex;align-items: center;justify-content: center;}
.login-wrap .c-l .find{display: flex;justify-content: flex-end;padding:20px 0;border-bottom: 1px solid #e5e5e5;}
.login-wrap .c-l .find a{font-size: 14px;line-height: 1.5em;letter-spacing: -0.01em;color: #4d4d57;}
.login-wrap .c-l .sns{display: flex;justify-content: space-between;align-items: center;padding:20px 0;}
.login-wrap .c-l .sns p{margin-right: 48px;font-size: 14px;color: #4d4d57;line-height: 1.5em;letter-spacing: -0.01em;}
.login-wrap .c-l .sns p span{}
.login-wrap .c-l .sns ul{display: flex;justify-content: space-between;}
.login-wrap .c-l .sns ul li{}
.login-wrap .c-l .sns ul li a{width: 56px;height: 56px;display: block;}
.login-wrap .c-l .sns ul li+li{margin-left:34px }
.login-wrap .c-l .sns ul li:nth-child(1) a{background: url(../images/content/naver.png) no-repeat center center;}
.login-wrap .c-l .sns ul li:nth-child(2) a{background: url(../images/content/kakao.png) no-repeat center center;}
.login-wrap .c-l .sns ul li:nth-child(3) a{background: url(../images/content/google.png) no-repeat;}
.login-wrap .c-l .sns ul li:nth-child(4) a{background: url(../images/content/facebook.png) no-repeat;}
.login-wrap .c-l .join-btn{}
.login-wrap .c-l .join-btn a{font-size: 16px;line-height:44px;height: 44px;letter-spacing: -0.01em;color:#077f83;text-align: center;width: 100%;border:1px solid #077f83;box-sizing: border-box;display: block;font-weight: 700;}
.login-wrap .c-l .ex{font-size: 13px;color: #757575;text-align: left;margin-top: 21px;width:calc(100% + 31px)}
.login-wrap .c-r{}
.login-wrap .c-r .grp-login-btn {margin-bottom: 19px;display: flex;justify-content: flex-end}
.login-wrap .c-r .grp-login-btn a{font-size: 16px;color: #000;position: relative;line-height: 36px;padding:0 9px 0 17px;border-radius: 18px;background-color:#d3d8de;display: flex;justify-content: center;align-items: center;}
.login-wrap .c-r .grp-login-btn span{margin-right: 9px;}
.login-wrap .c-r .grp-login-btn img{width: 20px;height: 20px;}
.login-wrap .c-r .banner {}
.login-wrap .c-r .banner img{width:730px;height: 300px;}

.login-wrap .c-l:nth-child(1) {padding-right: 137px;border-right:1px solid #e5e5e5;}
.login-wrap .c-l:nth-child(2) {margin-left:137px;}
/* @media only screen and (max-width:1280px) {
	.login-wrap{flex-direction: column;}
	.login-wrap .c-l {margin-right: 0;width: 100%;}
	
	.login-wrap .c-r{margin-top: 20px;}
	
}
@media only screen and (max-width:500px) {
	.login-wrap{flex-direction: column;}
	.login-wrap .c-l {margin-right: 0;width: 100%;}
	
	.login-wrap .c-r{margin-top: 2vw;}
} */
/*=======================================================
    회원가입-38_join
=========================================================*/
.join-link {margin:30px auto 0 auto;display: flex;justify-content: center;}
.join-link a {display: inline-block;width:400px;text-align: center;}
.join-link a:nth-child(1){margin-right: 20px;}
.join-link a .btit{height: 60px;font-size: 18px;letter-spacing: -0.01em;line-height: 60px;color: #fff;}
.join-link a:nth-child(1) .btit{background-color:#003356 }
.join-link a:nth-child(2) .btit{background-color:#077f83 }
.join-link a .ctit{padding:24px 0 32px;border: 1px solid #e5e5e5}
.join-link a .ctit p{font-size: 15px;letter-spacing: -0.01em;line-height: 15px;}
.join-link a .ctit .chk1{min-height: 39px;margin-bottom: 20px;}
.join-link a .ctit .chk1 p{color:#757575;}
.join-link a .ctit .chk1 p+p{margin-top: 9px;}
.join-link a:nth-child(1) .ctit .chk1 p span{color: #003356}
.join-link a:nth-child(2) .ctit .chk1 p span{color: #077f83}
.join-link a .ctit .chk2{min-height: 39px;margin-bottom: 20px;}
.join-link a .ctit .chk2 p{    display: flex;justify-content: center;align-items: center;}
.join-link a .ctit .chk2 p+p{margin-top: 15px;}
.join-link a .ctit .chk2 p span{width: 20px;height: 20px;display:inline-block;margin-right: 5px;}
.join-link a:nth-child(1) .ctit .chk2 p span{background: url(../images/content/check-solid-b.png) no-repeat center center;}
.join-link a:nth-child(2) .ctit .chk2 p span{background: url(../images/content/check-solid-g.png) no-repeat center center;}
/* @media only screen and (max-width:1280px) {
	.join{flex-direction: column;}
	.join-link a{width:100%;}
	.join-link a:nth-child(2){margin-top: 4vw;}
}
 */
/*=======================================================
    회원가입-39_join
=========================================================*/
.join {display: flex;flex-direction: column;align-items: center;text-align: center}
.join .join-step{margin-bottom: 40px;display:flex;flex-direction:row;justify-content: center;}
.join .join-step li{width: 216px;height: 40px;background: url(../images/content/rectangle-3.png) no-repeat right center;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 16px;letter-spacing: -0.01em;color:#757575;}
.join .join-step li+li{margin-left: -20px;}
.join .join-step li:first-child,
.join .join-step li:last-child{width: 196px;background: url(../images/content/rectangle-196.png) no-repeat center center;}
.join .join-step li.active{color: #fff}
.join .join-step li:first-child.active{background: url(../images/content/rectangle-3-active.png) no-repeat center center;}
.join .join-step li:last-child.active{background: url(../images/content/rectangle-196-active.png) no-repeat center center;}
.join .join-step li.active{background: url(../images/content/rectangle-216-active.png) no-repeat center center;}
.join .join-step li:nth-child(1){z-index: 5;}
.join .join-step li:nth-child(2){z-index: 4;}
.join .join-step li:nth-child(3){z-index: 3;}
.join .join-step li:nth-child(4){z-index: 2;}
.join .join-step li:nth-child(5){z-index: 1;background: url(../images/content/rectangle-3-1.png) no-repeat right center;}
.join .join-step li:last-child{z-index: 1;background: url(../images/content/rectangle-3-1.png) no-repeat right center;}
.join .join-step li span{}
.join .ctxt{font-size: 15px;line-height: 25px;letter-spacing: -0.01em;color: #000;margin-bottom: 34px;}
.join .join-kind{text-align: center;display: flex;justify-content: space-between}
.join .join-kind li{width:300px; background:#f5f5f5;padding: 36px 18px 20px;display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;box-sizing: border-box;}
.join .join-kind li+li{margin-left: 10px;}
.join .join-kind li:nth-child(3){padding:63px 42px;}
.join .join-kind .btxt{font-size: 18px;line-height: 18px;color: #000;letter-spacing: -0.01em;margin-bottom: 17px;}
.join .join-kind .ex{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color: #757575;margin-bottom: 20px;}
.join .join-kind .bex{font-size: 18px;line-height: 25px;letter-spacing: -0.01em;color: #757575}
.join .grp{width: 960px;}
.join .grp .btit{font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color: #000;margin-bottom: 20px;}
.join .grp .btit1{font-size: 16px;line-height: 16px;letter-spacing: -0.01em;color: #000;}
.join .grp ul{text-align: left}
.join .grp ul li{border: 1px solid #e5e5e5;box-sizing: border-box;padding:27px 30px 29px;}
.join .grp ul li+li{margin-top: 10px;}
.join .grp ul li .btxt{font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color: #077f83;margin-bottom: 19px;}
.join .grp ul li .num1{font-size: 16px;line-height: 25px;letter-spacing: -0.01em;color: #757575;}

/*40-41*/
.agree{width: 960px;}
.agree .tit{text-align: left; font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color: #000;margin-bottom: 20px;}
.agree .txt{background: #f5f5f5;padding:19px 0 11px 21px;margin-bottom: 20px;height: 170px;box-sizing: border-box;text-align: left;color:#757575}
.agree .txt p{font-size: 15px;line-height: 25px;text-align: left;color: #757575;}
.agree .field{text-align: right}
.agree .txt .textarea_box {}
.agree .txt .textarea_box dt {font-weight:bold; }
.agree .txt .textarea_box .ol2, .ol1 {margin:10px;}
.agree .txt .textarea_box .ul2, .ul1 {margin:10px;}

/*42-43*/
.step{}
.step3{width: 960px;}
.step5{width: 960px;}
.step .btit{text-align: left; font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color: #000;margin-bottom: 13px;}
.step .btit1{text-align: left; font-size: 22px;line-height: 22px;letter-spacing: -0.01em;color: #000;margin-bottom: 38px;}
.step .btit2{text-align: center; font-size:16px;line-height: 16px;letter-spacing: -0.01em;color: #000;}
.step .btit3{text-align: center; font-size:16px;line-height: 22px;letter-spacing: -0.01em;color: #757575;}
.step .ex{text-align: left;font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color: #757575;margin-bottom: 40px;}
.step .info-wrap{border: 1px solid #e5e5e5;display: flex;flex-direction: column;align-items: center;padding:30px 0;box-sizing: border-box}
.find .info-wrap{width:960px;}
.find .info-wrap table td{width:461px;    padding: 4px 5px !important;}
.find .info-wrap table .hyphen{/* padding:9px 6px !important; */}
.step .info table{}
.step3 .info table{width: 600px;}

.step .info table tr{border: 1px solid #e5e5e5;}
.step .info table th{color:#000;background: #f5f5f5;width: 140px;font-size: 15px;text-align: left;letter-spacing: -0.01em;line-height: 15px;padding:0 11px;border-right: 1px solid #e5e5e5;box-sizing:border-box;font-weight: 400}
.step .info table td{height: 50px;padding:4px 11px;box-sizing: border-box;text-align: left;}
.step .info table td .field{}
.step .info table td .field > div{text-align: left;}
.step .info table td .extxt{position: absolute;top:0;right:0;font-size:14px;line-height: 40px;letter-spacing: -0.01em;color:#cacaca;}
.step .info table td .extxtred{position: absolute;top:0;right:0;font-size:14px;line-height: 40px;letter-spacing: -0.01em;color:#d60707;}
.step .info table td .extxt span{}
.step .info table td .name{}
.step .info table td .birth{}
.step .info table td .birth .dateText{width: 150px;padding-left:53px;position: relative;}
.step .info table td .birth .dateText+label{z-index: 999;width: 40px;height: 40px;border:1px solid #e5e5e5;background: url(../images/content/icon-date.png) no-repeat center;position: absolute;top:0;left:0;}
.step .info table td .gen{}
.step .info table td .gen > div{padding:10px 0;}
.step .info table td .gen .chk-radio:nth-child(1){margin-right: 60px;}
.step .info table td .chk-input input{height: 40px;}
.step .info .btn-div{text-align: right;}
.step .info .btn-div a{display: inline-block;font-size: 15px;color: #757575;line-height: 15px;letter-spacing: -0.01em;font-weight: 500;padding:0 34px;height: 40px;line-height: 40px;background: #fff;border: 1px solid #cacaca;box-sizing: border-box;margin-top: 10px;}

.step .info .title{font-size: 18px;line-height: 18px;text-align: left;letter-spacing: -0.01em;padding:9px;border-bottom: 1px solid #cacaca;margin-bottom: 10px;color: #000;position: relative;}
.step .info .title span{margin-left: 15px;font-size: 15px;line-height: 15px;text-align: left;letter-spacing: -0.01em;color: #757575}
.step .info .title .cg1{position: absolute;right:0;top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
.step .info table td .txt{text-align: left;font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color: #000;}
.step .info table th{border-left: 1px solid #e5e5e5}
.grBtn{position: absolute;top:0;right:0;height: 40px;font-size: 15px;color: #077f83;letter-spacing: -0.01em;line-height: 40px;border: 1px solid #077f83;box-sizing: border-box;background: #fff;padding:0 14px;font-weight: 500;border-radius: 0 3px 3px 0;    cursor: pointer;}
.grBtn5{position: absolute;top:50%;right:0;height: 40px;font-size: 15px;color: #077f83;letter-spacing: -0.01em;line-height: 40px;border: 1px solid #077f83;box-sizing: border-box;background: #fff;padding:0 14px;font-weight: 500;border-radius:3px;cursor: pointer;margin-top: -20px;}
.grBtn1{display:block;height: 40px;font-size: 15px;color: #077f83;letter-spacing: -0.01em;line-height: 40px;border: 1px solid #077f83;box-sizing: border-box;background: #fff;padding:0 14px;font-weight: 500;border-radius:3px;cursor: pointer;text-align: center;}
.grBtn2{display:block;height: 40px;font-size: 15px;color: #fff;letter-spacing: -0.01em;line-height: 40px;border: 1px solid #077f83;box-sizing: border-box;background: #077f83;padding:0 14px;border-radius:3px;cursor: pointer;font-weight: 700;text-align: center}
.grBtn3{display:block;height: 40px;font-size: 15px;color: #757575;letter-spacing: -0.01em;line-height: 40px;border: 1px solid #cacaca;box-sizing: border-box;background: #fff;padding:0 14px;border-radius:3px;cursor: pointer;font-weight: 700;text-align: center}
.grBtn4{display:block;height: 30px;font-size: 14px;color: #077f83;letter-spacing: -0.01em;line-height:30px;border: 1px solid #077f83;box-sizing: border-box;background: #fff;padding:0 14px;font-weight: 500;border-radius:3px;cursor: pointer;text-align: center;}
.grBtn6{display:block;height: 30px;font-size: 14px;color: #808080;letter-spacing: -0.01em;line-height:30px;border: 1px solid #808080;box-sizing: border-box;background: #fff;padding:0 14px;font-weight: 500;border-radius:3px;text-align: center;}
.grBtn7{display:block;height: 70px;width: 400px;font-size: 20px;color: #077f83;letter-spacing: -0.01em;line-height: 70px;border: 1px solid #077f83;box-sizing: border-box;background: #fff;padding:0 14px;font-weight: 800;border-radius:3px;cursor: pointer;text-align: center;}

.step .info table .field.readonly select{background: #f5f5f5;}
.step .info table .field.readonly input{background: #f5f5f5;}
.step .info table .fid input{width: 276px;padding-right: 100px;}
.step .info table .field input{box-sizing: border-box;}
.step .info table .pw input{width: 276px;}
.step .info table .enname input{width: 276px;padding-right: 100px;}
.step .info table .fileSelect input{width: 276px;padding-right: 100px;}
.step .info table .nation select{width: 276px;}
.step .info table .area select{width: 276px;}
.step .info table .grptype select{width: 276px;}
.step .info table .repname input{width: 276px;}
.step .info table .personname input{width: 276px;}
.step .info table .phone input{width: 70px;}
.step .info table .phone select{width: 70px;}
.step .info table .email select{width:140px;margin-left: 4px;}
.step .info table .email input{width:140px;}
.step .info table .address input{width:401px;padding-right: 92px;}
.step .info table .addressDetail input{width:451px;}
.step .info table .addressDetail .chk-input:last-child input{margin-left: 5px;}
.step .info table .hyphen{width:19px;display: inline-block;    font-size: 15px;  /*   padding: 9px 8px;     */text-align: center;line-height: 39px;}
.step .info table.imgRegi tr{border:none;}
.step .info table.imgRegi td{text-align: left;padding:0 11px;vertical-align: top;}
.step .info table.imgRegi .img{width: 124px;height: 163px;}
.step .info table.imgRegi .gr{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color:#077f83;margin:19px 0;}
.step .info table.imgRegi .bex{font-size: 15px;line-height:25px;letter-spacing: -0.01em;color:#000;}
.step .info table.imgRegi .bex1{font-size: 15px;line-height:25px;letter-spacing: -0.01em;color:#757575;}
.step .info table.imgRegi .gr1{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color:#077f83;}

.step .chkimg{display: flex;justify-content: center;margin-bottom: 10px;}
.step .chkimg p{width: 51px;height: 51px;}

#container-wrap .container.p1285{padding: 45px 0px 200px;}

.board{}
.board .tab{}
.board .tab ul{font-size: 0;}
.board .tab ul li{width:16.66666666666667%;height: 49px;display: inline-block;background: #fff;text-align: center;border:1px solid #ebebeb;box-sizing: border-box;}
.board .tab ul li+li{}
.board .tab ul li.active {background: #077f83;}
.board .tab ul li.active a{color: #fff;}
.board .tab ul li a{width:100%;line-height: 49px;color: #000;font-size: 15px;text-align: center;letter-spacing: -0.01em;display:block;}
.board .search-wrap{background: #f5f5f5;height: 60px;padding:10px;box-sizing: border-box;}
.board .search-wrap .search{position: relative;padding-right: 76px;}
.board .search-wrap .search .search-input{height: 40px;width:503px;}
.board .search-wrap .search .search-btn{position: absolute;top:0;right:0;width: 76px;height: 40px;padding: 0 13px;background:#003356;content: '';font-size: 15px;line-height: 40px;letter-spacing: -0.01em;text-align: center;color:#fff;border-radius: 0 3px 3px 0;}
.board .search-wrap .sort{}
.board .search-wrap .sort li{position: relative;padding:0 16px;display: inline-block;}
.board .search-wrap .sort li+li:before{content: '';width: 1px;height: 12px;background: #cacaca;position: absolute;top:50%;left:0;margin-top:-6px;}
.board .search-wrap .sort li a{font-size: 16px;color: #757575;letter-spacing: -0.01em;line-height: 38px;padding-right: 20px;position: relative;display: block;}
.board .search-wrap .sort li a:after{position: absolute;right:0;top:50%;content: '';width: 11px;height: 15px;margin-top:-7.5px}
.board .search-wrap .sort li a.asc:after{background: url(../images/content/asc-arrow.png) no-repeat center center;}
.board .search-wrap .sort li a.desc:after{background: url(../images/content/desc-arrow.png) no-repeat center center;}

.board .search-wrap .sort li.active a{color: #000;}
.board .search-wrap .sort li.active a.asc:after{background: url(../images/content/asc-arrow-act.png) no-repeat center center;}
.board .search-wrap .sort li.active a.desc:after{background: url(../images/content/desc-arrow-act.png) no-repeat center center;}


.video-wrap{min-height:441px;}
.video-wrap ul{font-size: 0}
.video-wrap ul li{display: inline-block;width:25%;margin-bottom: 1%;vertical-align: top;padding-right: 1%;box-sizing: border-box;}
.video-wrap ul li:nth-of-type(4n){padding-right: 0;}
.video-wrap ul li a{display: block;border: 1px solid #e5e5e5;}
.video-wrap ul li a .img{width: 100%;height: 171px;overflow: hidden;position: relative;}
.video-wrap ul li a .video{position: relative;}
.video-wrap ul li a .video:before{position: absolute;top:50%;left:50%;content: '';width:60px;height: 60px;margin-top:-30px;margin-left:-30px;background:url(../images/content/icon-video.png) no-repeat center center;opacity: 0.8;}
.video-wrap ul li a .img img{}
.video-wrap ul li a .txt{height:74px;padding:15px 16px;box-sizing: border-box}
.video-wrap ul li a .txt p{font-size: 16px;line-height: 22px;letter-spacing: -0.01em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;color: #000;box-sizing: border-box}

/* ======================================================
    layer-wrap.video-popup
=========================================================*/
.layer-wrap.video-popup{position:fixed;width:800px;min-height:450px;left:-9999em; display:block !important;top:50%;border:0;  background:#fff;box-sizing:border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.video-popup.active{left:50%;}
.layer-wrap.video-popup .is-top{ position:relative; z-index:91;}
.layer-wrap.video-popup .is-top .close{width:20px;height:20px;position:absolute; right:20px; top:20px;background:url(../images/content/pop-close.png) no-repeat center center;background-size:100% auto;}
.layer-wrap.video-popup .is-con{padding:0;}
.layer-wrap.video-popup .is-con .item{}
.layer-wrap.video-popup .is-con .item .img{height: 450px;}
.layer-wrap.video-popup .is-con .item .video{}
.layer-wrap.video-popup .is-con .item .txt{background: #fff;padding:15px;box-sizing: border-box;overflow: hidden}
.layer-wrap.video-popup .is-con .item .txt p{text-align: center;font-size: 20px;color: #000;line-height: 26px;letter-spacing: -0.01em;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.layer-wrap.video-popup .is-con .item .txt .scrolls{padding:0;}
.layer-wrap .slick-prev, 
.layer-wrap .slick-next{width: 70px;height: 70px;}
.layer-wrap .slick-prev{background: url(../images/content/video-slider-prev.png) no-repeat center center;left:-100px;}
.layer-wrap .slick-next{background: url(../images/content/video-slider-next.png) no-repeat center center;right:-100px;}
.layer-wrap .slick-prev.slick-disabled, .slick-next.slick-disabled{
    opacity: .25 !important;
    cursor: default;
}

.my{}
.my .tab{}
.my .tab ul{display: flex;text-align: center;font-size: 0;}
.my .tab ul li{width: 100%;background: #fff;}
.my .tab ul li+li{margin-left: -1px;}
.my .tab ul li a{line-height: 49px;color: #000;font-size: 15px;text-align: center;letter-spacing: -0.01em;display:block;border:1px solid #ebebeb;}
.my .tab ul li.active a{color: #fff;background: #077f83;}

.my .tab-con .my-div{display: flex;}
.my .tab-con .my-div .title{display: flex;justify-content: space-between;}
.my .tab-con .my-div .title p{font-size: 22px;line-height:50px;color: #000;letter-spacing: -0.01em;}
.my .tab-con .my-div .title a{font-size:16px;line-height: 50px;color: #007f83;letter-spacing: -0.01em;padding-right:22px;position: relative}
.my .tab-con .my-div .title a:after{content: '';position: absolute;top:50%;right: 0;width: 17px;height: 17px;margin-top: -8.5px;background: url(../images/content/icon-more.png) no-repeat center;}
.my .tab-con .my-div .con{height: 266px;width: 630px;border: 1px solid #e5e5e5;box-sizing: border-box;padding:10px;}
.my .tab-con .my-div .con1{display: flex}
.my .tab-con .my-div .con1 .tc{margin-right: 10px;}
.my .tab-con .my-div .con1 .tc .img{width: 124px;height: 163px;}
.my .tab-con .my-div .con1 .tc a{height: 40px;padding:0 17px;line-height: 40px;margin-top: 10px;}
.my .tab-con .my-div .con1 table {width: 477px;}
.my .tab-con .my-div .con1 table th{text-align: left;width: 121px;}
.my .tab-con .my-div .con2{padding:68px 105px;}
.my .tab-con .my-div .con2 ul{display: flex;justify-content: space-between; }
.my .tab-con .my-div .con2 ul li{text-align: center}
.my .tab-con .my-div .con2 ul li .img{position: relative;width: 100px;height: 100px;background: #ffdddd;border-radius:100%;}
.my .tab-con .my-div .con2 ul li:nth-child(2) .img{background: #ddf5f6;}
.my .tab-con .my-div .con2 ul li:nth-child(3) .img{background: #ddf5f6;}
.my .tab-con .my-div .con2 ul li .img span{position: absolute;top:50%;left:50%;font-size: 36px;letter-spacing: -0.01em;line-height: 36px;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.my .tab-con .my-div .con2 ul li .txt{font-size: 16px;line-height: 20px;letter-spacing: -0.01em;color: #757575;margin-top: 14px;}
.my .tab-con .my-div .con3 {height: 315px;}
.my .tab-con .my-div .con3 table td:nth-child(3){text-align: center}
.my .tab-con .my-div .con4 table td:nth-child(3){text-align: right}
.my .tab-con .my-div .con4 {height: 315px;}
.my .tab-con .my-div .con td:nth-child(2){display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;padding:0 11px;}

.my table{table-layout: fixed}
.my table tr{border: 1px solid #e5e5e5;box-sizing: border-box;border-right: 0;border-left: 0;}
.my table th{background: #f5f5f5;border-right:1px solid #e5e5e5;padding:0 17px;box-sizing: border-box;font-size: 15px;color: #000;letter-spacing: -0.01em;font-weight:400;line-height: 48px;}
.my table thead th{text-align: center}
.my table th:last-child{border-right: 0;}
.my table td{padding:0 14px;font-size: 15px;color: #000;letter-spacing: -0.01em;font-weight: 400;line-height: 48px;border-right:1px solid #e5e5e5;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

.my .tab-con .my-div table td{padding:0 9px;}
.my .tab-con .my-div table td:nth-child(1){text-align: center;}
.my .tab-con .my-div table td:nth-child(3){text-align: center;}
.my .tab-con .my-div table td:nth-child(5){text-align: center;}
.my .tab-con .my-div table td:nth-child(6){text-align: center;}
.my .tab-con .my-div table td:nth-child(7){text-align: center;}
.my .tab-con .my-div table td:last-child{border-right: 0;}

.my .tab-con .sub-tab{}
.my .tab-con .sub-tab ul{font-size: 0;display: flex}
.my .tab-con .sub-tab ul li{position: relative;padding:0 20px;}
.my .tab-con .sub-tab ul li:first-child{padding-left: 0;}
.my .tab-con .sub-tab ul li:last-child{padding-right: 0;}
.my .tab-con .sub-tab ul li+li:before{position: absolute;top:50%;left:0;width:2px;height: 20px;background:#e5e5e5;content: '';margin-top:-10px;}
.my .tab-con .sub-tab ul li.active a{color: #077f83;font-weight: 500;}
.my .tab-con .sub-tab ul li a{font-size: 22px;letter-spacing: -0.01em;line-height: 22px;color:#757575;}

.my .tab-con .sub-title{}
.my .tab-con .sub-title p{font-size: 27px;color: #000;line-height: 27px;letter-spacing: -0.01em;}
.my .tab-con .sub-title1 p{font-size: 18px;color: #000;line-height: 25px;letter-spacing: -0.01em;}
.my .tab-con .sub-info{}
.my .tab-con .sub-info p{font-size: 15px;line-height: 25px;color: #000}

.my .tab-con .sub-info1{background: #f5f5f5;padding: 21px 23px;position: relative;box-sizing: border-box}
.my .tab-con .sub-info1 p{font-size: 16px;line-height: 26px;color: #757575}
.my .tab-con .sub-info1 .gr{color: #077f83}
.my .tab-con .sub-info1 .print-div{position: absolute;right:20px;bottom:20px;}
.my .tab-con .sub-info1 .print-div a{width: 96px;height: 30px;}

.my .tab-con .sub-info2{background: #fff;border:1px solid #e5e5e5;padding:30px;}
.my .tab-con .sub-info2 p{font-size: 20px;line-height: 26px;color: #000;font-weight: 700}

.my .tab-con .sub-search{background:#f5f5f5;padding: 10px;}
.my .tab-con .sub-search input{height: 40px;}
.my .tab-con .sub-search .search-input{width: 386px;}
.my .tab-con .sub-search .dateText{width: 150px;padding-left:53px;position: relative;}
.my .tab-con .sub-search .dateText+label{z-index: 999;width: 40px;height: 40px;border:1px solid #e5e5e5;background: url(../images/content/icon-date.png) no-repeat center;position: absolute;top:0;left:0;}

.my .tab-con .sub-search .hyphen{width:8px;display: inline-block;    font-size: 15px;padding: 0px 8px;text-align: center;vertical-align: top;color: #000}
.my .tab-con .sub-search .search-btn{color: #fff;background: #003356;border: 1px solid #003356;height: 40px;line-height: 40px;}

.my .tab-con .sub-search table{}
.my .tab-con .sub-search table th{}
.my .tab-con .sub-search table tr{border:0;}
.my .tab-con .sub-search table td{border:0;padding: 0;line-height: 40px;color: #757575;}

.my .step .info table td {line-height: 22px;}
.my .step .info table .hyphen{/* padding:9px 0; */}

.btn-div  { display: flex;}
.btn-div > div{flex: 1;}

.imgUploadDiv{padding:9px 0;display: flex;align-items: center}
.imgUploadDiv .img{width: 124px;height: 163px;}

/*탈퇴*/
.out-info{background:#f5f5f5;position: relative;}
.out-info .img{position: absolute;top:0;left:0;}
.out-info .txt{height: 200px;padding-left:401px;display:flex;flex-direction: column;justify-content:center; }
.out-info .txt p:nth-child(1){font-size: 30px;line-height: 44px;letter-spacing: -0.01em;color:#000;font-weight: 300}
.out-info .txt p:nth-child(2){font-size: 16px;line-height: 16px;letter-spacing: -0.01em;color:#757575;font-weight: 300}
.out-info1 {}
.out-info1 > div {display:inline-block;width: 49%;height:280px;padding:29px;box-sizing: border-box;border:1px solid #e5e5e5;}
.out-info1 > div .tit{margin-bottom: 26px;font-size: 16px;line-height: 16px;letter-spacing: -0.01em;color:#000}
.out-info1 > div .txt{}
.out-info1 > div .txt ul{}
.out-info1 > div .txt ul li{}
.out-info1 > div .txt ul li+li{margin-top:17px}
.out-info1 > div .txt textarea{height: 176px;width:100%;resize: none;text-align: left;padding:19px 21px;box-sizing: border-box;border:1px solid #e5e5e5}

.tbl-lh{}
.tbl-lh thead tr{}
.tbl-lh thead tr th{line-height: 18px;padding:8px 0;}

/* 공지사항*/
.search-wrap{padding:10px;background:#f5f5f5}
.search-wrap .search-btn{font-size:15px; color: #fff;background: #003356;border: 1px solid #003356;height: 40px;line-height: 40px;    display: inline-block;padding: 0 36px;  border-radius: 3px;box-sizing: border-box;}
.tbl-wrap{}
.tbl-wrap table{border-top:1px solid #e5e5e5;text-align: center}
.tbl-wrap table thead{background: #f5f5f5;}
.tbl-wrap table tr{height: 50px;border-bottom:1px solid #e5e5e5;}
.tbl-wrap table th{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color:#000;font-weight: 400;background: #f5f5f5;}
.tbl-wrap table th+th{border-left:1px solid #e5e5e5;}
.tbl-wrap table td{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color:#000;font-weight: 400;padding:0 10px;}
.tbl-wrap table td a{color:#000;}
.tbl-wrap table td+td{border-left:1px solid #e5e5e5;}
.tbl-wrap table .tit{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 977px}
.tbl-wrap table .btxt{font-size: 18px;font-weight: 700;}


/* 공지사항 상세*/
.reg-date{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color:#757575;text-align: right;}
.reg-date span{position: relative;padding:0 10px;}
.reg-date span+span:before{content: '';width: 1px;height:16px;background: #757575;position: absolute;top:50%;left:0;margin-top:-8px;}

.btn-div .list{display:block;height:44px;width:141px;font-size: 16px;font-weight: 700;letter-spacing: -0.01em;line-height: 44px;color:#757575;border:1px solid #cacaca;border-radius: 3px;text-align: center;}

.cs-con{}
.cs-con .tit{padding:28px 44px;font-size: 24px;line-height: 24px;letter-spacing: -0.01em;color:#000;background: #f5f5f5;font-weight: 700;height: 80px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.cs-con .con{padding:38px 45px;background: #fff;border-bottom: 1px solid #e5e5e5;}
.cs-con .attach{padding:40px 45px;}
.cs-con .attach p{font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color:#000;}
.cs-con .attach p a{color: #077f83;position: relative;padding-right:25px;line-height: 18px;}
.cs-con .attach p a:after{position: absolute;right:0;top:50%;margin-top:-9px;content:'';background: url(/include/images/content/icon-down.png) no-repeat center center;width: 20px;height: 18px;}
.icon-down{display:inline-block;background: url(/include/images/content/icon-down.png) no-repeat center center;width: 20px;height: 18px;}
.icon-down:nth-child(n+1){margin-right:10px;}

/*뉴스레터*/
.news-tab{border-bottom:1px solid #e5e5e5}
.news-tab ul{}
.news-tab ul li{display:inline-block;}
.news-tab ul li+li{margin-left: 49px;}
.news-tab ul li a{display:block;position: relative;font-size: 20px;line-height: 20px;letter-spacing: -0.01em;color:#757575;padding:0 7px 13px;}
.news-tab ul li.active a{color:#077f83;font-weight: 700;}
.news-tab ul li a:before{position: absolute;bottom:0;left:0;background: #077f83;width:0;height:4px;content: '';}
.news-tab ul li.active a:before{width: 100%;}
.news-wrap{}
.news-wrap ul{}
.news-wrap ul li{display: inline-block;    width: calc(25% - 19px);margin-right: 22px;margin-bottom: 22px;}
.news-wrap ul li:nth-of-type(4n+0){margin-right: 0;}
.news-wrap ul li a{display: block;border: 1px solid #e5e5e5;}
.news-wrap ul li a .img{height:228px;overflow: hidden;}
.news-wrap ul li a .img img{}
.news-wrap ul li a .txt{padding:15px 16px 31px;box-sizing: border-box;position: relative;}
.news-wrap ul li a .txt p{min-height:48px;font-size: 16px;line-height: 22px;letter-spacing: -0.01em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;color: #000;box-sizing: border-box}
.news-wrap ul li a .txt .date{position: absolute;right:17px;bottom:13px;font-size: 14px;color:#757575;line-height: 17px;letter-spacing: -0.01em;min-height:17px;}
.news-wrap.amba ul li a .txt p{min-height:26px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;color: #000;box-sizing: border-box}
.news-wrap.amba ul li a .txt .date{min-height:17px;}


/*사이트맵*/
.site-map-wrap{position: relative;}
.site-map-wrap .item{width: 23.3%;text-align: center;display:inline-block;margin-right:2%;    vertical-align: top;margin-bottom:40px;}
.site-map-wrap .item:nth-child(4n){margin-right:0;}
.site-map-wrap .item .tit{border:1px solid #509a9c;background:#ddf5f6;font-size: 15px;line-height: 38px;letter-spacing: -0.01em;height: 40px;box-sizing: border-box;color:#077f83;font-weight: 700}
.site-map-wrap .item .link{font-size: 0}
.site-map-wrap .item .link li{border:1px solid #e5e5e5;background:#fff;border-top: 0;}
.site-map-wrap .item .link a{dipslay:block;font-size: 15px;line-height: 38px;letter-spacing: -0.01em;height: 40px;box-sizing: border-box;color:#000;}
.site-map-wrap .item:last-child{position: absolute;right:0;bottom:-80px;margin-right:0;}

/*커뮤니티 엠버서더*/
.f-tab{}
.f-tab ul{text-align: center;font-size: 0;}
.f-tab ul:after{clear:both;display:block;content:"";}
.f-tab li{float:left;display:inline-block;border:1px solid #ebebeb;background: #fff;box-sizing: border-box;margin-left:-1px;margin-top:-1px;}
.f-tab li a{display:block;height:49px;width:182px;font-size: 16px;line-height: 49px;color:#000;letter-spacing: -0.01em;box-sizing: border-box;}
.f-tab li.active a{background:#077f83;color:#fff;}

.ambas{}
.ambas .item{padding:39px 0;display: flex;align-items: center;}
.ambas .item:after{clear:both;display:block;content:"";}
.ambas .item+.item{border-top:1px solid #e5e5e5}
.ambas .item .fl{width: 50%;}
.ambas .item .txt1{font-size: 18px;line-height: 30px;letter-spacing: -0.01em;color:#000;}
.ambas .item .txt1 span{font-size: 26px;font-weight: 700}
.ambas .item .img-amba1{width: 569px;height: 129px;}
.ambas .item .img-speak1{width: 400px;height: 281px;}
.ambas .item .img-auth1{height: 129px;}
.ambas .item .img-amba2{width: 581px;height: 430px;}
.ambas .item .img-auth2{width: 246px;height: 550px;}
.ambas .item .txt2{font-size: 26px;line-height: 30px;letter-spacing: -0.01em;color:#000;font-weight: 700;padding-bottom:16px;position: relative;margin-bottom:16px;}
.ambas .item .txt2:before{content: '';position: absolute;bottom:0;left:0;width: 26px;height: 3px;background: #000;}
.ambas .item .gr{color:#077f83;}
.ambas .item .txt3-div{background: #f5f5f5;padding:30px 33px;}
.ambas-detail{}
.ambas-detail .item{padding:39px 0;}
.ambas-detail .item:after{clear:both;display:block;content:"";}
.ambas-detail .item .txt1{font-size: 24px;line-height: 39px;letter-spacing: -0.01em;color:#000;font-weight: 700;padding:15px 0;}
.ambas-detail .item .img-amba1{width:304px;height:228px;}
.ambas-detail .item .txt2{}
.ambas-detail .item .txt2 li{margin-bottom:20px;}
.ambas-detail .item .txt2 span{width:158px;font-size:18px;line-height: 18px;letter-spacing: -0.01em;color:#757575;display:inline-block;}
.ambas-detail .item .txt2 p{font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color:#000;display:inline-block;}
.ambas-detail .btxt {font-size: 27px;line-height: 30px;letter-spacing: -0.01em;color:#000;}
.ambas-detail .item.info {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:30px 0;}
.ambas-detail .item .txt3{font-size: 18px;line-height: 36px;letter-spacing: -0.01em;color:#000;}
.ambas-detail .item.info .txt1 {position: relative;padding:0 10px;color:#003356;}
.ambas-detail .item.info .txt1:before {content: '';position: absolute;left:0;top:50%;width: 4px;height: 25px;background: #003356;margin-top:-12.5px;}
.news-wrap.gallery ul li a .txt{padding-bottom:15px;}


/* ======================================================
    layer-wrap.gallery-popup
=========================================================*/
.layer-wrap.gallery-popup{position:fixed;width:800px;min-height:450px;left:-9999em; display:block !important;top:50%;border:0;  background:#fff;box-sizing:border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.gallery-popup.active{left:50%;}
.layer-wrap.gallery-popup .is-top{ position:relative; z-index:91;}
.layer-wrap.gallery-popup .is-top .close{width:20px;height:20px;position:absolute; right:20px; top:20px;background:url(../images/content/pop-close.png) no-repeat center center;background-size:100% auto;}
.layer-wrap.gallery-popup .is-con{}
.layer-wrap.gallery-popup .is-con .item{}
.layer-wrap.gallery-popup .is-con .item .img{width:800px;height:600px;}
.layer-wrap.gallery-popup .is-con .item .video{}
.layer-wrap.gallery-popup .is-con .item .txt{background: #fff;padding:15px;box-sizing: border-box;overflow: hidden}
.layer-wrap.gallery-popup .is-con .item .txt p{text-align: center;font-size: 20px;color: #000;line-height: 20px;letter-spacing: -0.01em;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.layer-wrap.gallery-popup .is-con .item .txt .scrolls{padding:0;}
.gallery-slide .slick-prev, 
.gallery-slide .slick-next{width: 70px;height: 70px;}
.gallery-slide .slick-prev{background: url(../images/content/video-slider-prev.png) no-repeat center center;left:-100px;}
.gallery-slide .slick-next{background: url(../images/content/video-slider-next.png) no-repeat center center;right:-100px;}


/*이용약관*/
.etc{}
.etc .item{background: #f5f5f5;padding:29px 32px;}
.etc .item .btxt{font-weight: 700;font-size: 22px;line-height: 22px;color:#000;letter-spacing: -0.01em;margin-bottom: 18px}
.etc .item .ctxt{font-size:16px;line-height: 26px;color:#000;letter-spacing: -0.01em;}
/*메일링 신청*/
/*40-41*/
.scroll-wrap{}
.scroll-wrap .tit{text-align: left; font-size: 18px;line-height: 18px;letter-spacing: -0.01em;color: #000;margin-bottom: 20px;}
.scroll-wrap .txt{background: #f5f5f5;padding:19px 0 11px 21px;margin-bottom: 20px;height: 170px;box-sizing: border-box}
.scroll-wrap .txt p{font-size: 15px;line-height: 25px;text-align: left;color: #757575;}
.scroll-wrap .txt1{background: #f5f5f5;padding:19px 0 11px 21px;box-sizing: border-box}
.scroll-wrap .txt1 p{font-size: 15px;line-height: 25px;text-align: left;color: #757575;}
.scroll-wrap .field{text-align: right}



/*시험 접수*/
.test {}
.test .test-tab{display:flex;flex-direction:row;justify-content: center;}
.test .test-tab li{width: 216px;height: 40px;background: url(../images/content/rectangle-3.png) no-repeat right center;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 16px;letter-spacing: -0.01em;color:#757575;}
.test .test-tab li+li{margin-left: -20px;}
.test .test-tab li:first-child,
.test .test-tab li:last-child{width: 196px;background: url(../images/content/rectangle-196.png) no-repeat center center;}
.test .test-tab li.active{color: #fff}
.test .test-tab li:first-child.active{background: url(../images/content/rectangle-3-active.png) no-repeat right center;}
.test .test-tab li:last-child.active{background: url(../images/content/rectangle-196-active.png) no-repeat center center;}
.test .test-tab li.active{background: url(../images/content/rectangle-216-active.png) no-repeat right center;}
.test .test-tab li:nth-child(1){z-index: 5;}
.test .test-tab li:nth-child(2){z-index: 4;}
.test .test-tab li:nth-child(3){z-index: 3;}
.test .test-tab li:nth-child(4){z-index: 2;}
.test .test-tab li:nth-child(5){z-index: 1;background: url(../images/content/rectangle-3-1.png) no-repeat right center;}
.test .test-tab li:last-child{z-index: 1;background: url(../images/content/rectangle-3-1.png) no-repeat right center;}
.test .test-con:after {clear:both;display:block;content:"";}
.test .test-con .item{float:left;display:inline-block;width:32.3%;margin-right:1%;box-sizing: border-box;margin-bottom:49px;}
.test .test-con .item.testnone{background:#f5f5f5;display: flex;align-items: center;justify-content: center;height: 410px;}
.test .test-con .item.testnone p{color:#cacaca}
.test .test-con .item:nth-child(3n+0){margin-right:0;}
.test .test-con table {text-align: center;border-collapse:collapse;}
.test .test-con table tr{height: 54px}
.test .test-con table th{border:1px solid #e5e5e5;font-size: 16px;color:#000;letter-spacing: -0.01em;line-height: 16px;font-weight: 400;background: #f5f5f5;padding:0 20px;}
.test .test-con table td{border:1px solid #e5e5e5;font-size: 16px;color:#000;letter-spacing: -0.01em;line-height: 16px;padding:0 20px;}
.test .test-con table td .period:first-child{margin-bottom:10px;}

.test .test-con .table1 {text-align: left;}
.test .test-con .table1 tr{height: 50px}
.test .test-con .table1 th{font-size: 15px;}
.test .test-con .table1 td{font-size: 15px;text-align: left;}

.test .test-con .table2 tr{height: 50px}
.test .test-con .table2 th:first-child{border-left:0;}
.test .test-con .table2 th:last-child{border-right:0;}
.test .test-con .table2 td:first-child{border-left:0;}
.test .test-con .table2 td:last-child{border-right:0;}

.test .test-con .table3 {    table-layout: fixed;text-align: left;}
.test .test-con .table3 tr{height: 50px}
.test .test-con .table3 th{font-size: 15px;padding:0 11px;}
.test .test-con .table3 td{font-size: 15px;text-align: left;padding:0 4px;}
.test .test-con .table3 .txt{padding:0 8px;}
.test .test-con .table3 .hyphen{width:20px;}

.test .test-con .test02{}
.test .test-con .test02 .btit{font-size: 18px;line-height: 25px;color:#000;letter-spacing: -0.01em;}
.test .test-con .test02 .ctit1{background: #f5f5f5;padding:19px;font-size: 16px;line-height: 26px;color:#757575;letter-spacing: -0.01em;}
.test .test-con .test02 .ctit2{padding:29px;font-size: 16px;line-height: 26px;color:#000;letter-spacing: -0.01em;}
.test .test-con .test02 .ctit3{border:1px solid #e5e5e5;padding:19px 69px 19px 21px;display:flex;align-items: center;justify-content: space-between;}
.test .test-con .test02 .ctit3 li{font-size: 16px;line-height: 26px;color:#000;letter-spacing: -0.01em;}
.test .test-con .test02 .ctit3 li:nth-child(1){width: 400px;}
.test .test-con .test02 .ctit3 li:nth-child(2){}

/*단체접수 수험생엑셀파일 다운로드 버튼*/
.test-taker-btn{border-radius: 3px;bottom:20px;top: auto;right:20px;height:30px;line-height: 30px;font-weight: 700}
/*시험일정*/
.schedule {display: flex;justify-content: flex-start;text-align: center;flex-wrap: wrap}
.schedule .item{padding:30px 23px;background:#fff;border:1px solid #e5e5e5;margin: 20px 20px 0 0;width: calc(1/4*100% - (1 - 1/4)*20px);box-sizing: border-box;}
.schedule .item:nth-child(4n){margin-right:0;}
.schedule .item .txt{}
.schedule .item .txt .ex-circle {margin-left:-15px;margin-top:-20px;background: #38C3C8;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }
.schedule .item .txt .ex-circle_pr {margin-left:-15px;margin-top:-20px;background: #8080ff;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }
.schedule .item .txt .ex-circle_jn {margin-left:-15px;margin-top:-20px;background: #0080ff;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }
.schedule .item .txt .ex-circle_spr {margin-left:-15px;margin-top:-20px;background: #38C3C8;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }
.schedule .item .txt .ex-circle_sjn {margin-left:-15px;margin-top:-20px;background: #ff80c0;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }
.schedule .item .txt .ex-circle_dpr {margin-left:-15px;margin-top:-20px;background: #ff8040;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }
.schedule .item .txt .ex-circle_djn {margin-left:-15px;margin-top:-20px;background: #408080;  width: 35px; height: 35px;  border-radius: 50px; display : flex; justify-content: center;  align-items : center;font-size: 12px;color:#fff;  }

.schedule .item .txt .ex-count{margin-bottom: 17px;}
.schedule .item .txt .ex-name{width: 185px;display: inline-block;margin-bottom: 26px;color:#000;height:56px;overflow: hidden;line-height: 1.1em;}
.schedule .item .txt .ex-dday1{margin-bottom: 15px;position: relative;}
.schedule .item .txt .ex-dday1.level:before{content:'';position: absolute;top:-50%;left:14px;width: 73px;height: 27px;background: url(/include/images/content/icon-level.png) no-repeat center center;}
.schedule .item .txt .ex-dday2{margin-bottom: 31px;}
.schedule .item .txt .ex-date{margin-bottom: 35px;}
.schedule .item .txt .ex-date li{display: flex;justify-content: flex-start;}
.schedule .item .txt .ex-date li+li{margin-top: 5px;}
.schedule .item .txt .ex-date li span{padding:0 17px;line-height: 25px;margin-right: 8px;border-radius: 12.5px;background-color: #e5e7eb;}
.schedule .item .txt .ex-date li p{line-height: 25px;}
.schedule .item .txt .ex-date li:nth-child(2) sapn{font-weight: 700;}
.schedule .item .txt .ex-date li:nth-child(2) p{color: #087f83;}
.schedule .item .txt .ex-receipt{display: block;background-color: #38c3c8;width: 100%;box-sizing: border-box;color: #fff;line-height: 43px;}
.schedule .item .txt .ex-receipt span{padding-right: 36px;position: relative;}
.schedule .item .txt .ex-receipt span:after{content:'';width: 20px;height: 20px;position: absolute;right:0;top:50%;background: url(/include/images/main/icon-w.png) no-repeat center center;margin-top:-10px;}


/* ======================================================
    layer-wrap 팝업
=========================================================*/
.layer-wrap .scrolls {padding-right:0;}
.layer-wrap table {text-align: center;border-collapse:collapse;}
.layer-wrap table tr{}
.layer-wrap table th{border:1px solid #e5e5e5;font-size: 15px;color:#000;letter-spacing: -0.01em;line-height: 22px;font-weight: 400;background: #f5f5f5;padding:10px 20px;}
.layer-wrap table td{border:1px solid #e5e5e5;font-size: 15px;color:#000;letter-spacing: -0.01em;line-height: 22px;padding:10px 20px; text-align: left;}
.layer-wrap{position:fixed;left:-9999em; display:block !important;top:50%;border:0;background:#fff;box-sizing:border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.active{left:50%;}
.layer-wrap .is-top{ position:relative; z-index:91;}
.layer-wrap .is-top .close{width:20px;height:20px;position:absolute; right:20px; top:20px;background:url(../images/content/pop-close.png) no-repeat center center;background-size:100% auto;}
.layer-wrap .is-con{padding:50px 40px 50px 45px;box-sizing: border-box;}
.layer-wrap .is-con .title{font-size: 30px;letter-spacing: -0.01em;line-height: 30px;color:#000;margin-bottom: 19px}

/* ======================================================
    layer-wrap.test-place-popup -고사장 약도 팝업
=========================================================*/
.layer-wrap.test-place-popup{width:790px;}
.layer-wrap.test-place-popup .is-con .img{height:510px;}
/* ======================================================
    layer-wrap.test-place-condition-popup - 고사장 현황
=========================================================*/
.layer-wrap.test-place-condition-popup{width:1200px;}
.layer-wrap.test-place-condition-popup .info{background:#f5f5f5;padding:19px 19px 21px;box-sizing: border-box;}
.layer-wrap.test-place-condition-popup .info p{font-size:14px;line-height:24px;letter-spacing:-0.01em;color:#757575;}


/* ======================================================
    layer-wrap.test-identi-popup - 수험표 인쇄 팝업
=========================================================*/
.layer-wrap.test-identi-popup{width:880px;}
.layer-wrap.test-identi-popup .is-con .s-title{font-size: 15px;letter-spacing: -0.01em;line-height: 15px;color:#757575;margin-bottom:20px}
.layer-wrap.test-identi-popup .is-con .rec-tit{font-size:18px;letter-spacing: -0.01em;line-height: 18px;color:#000;margin-bottom: 11px;padding-left:15px;position: relative;}
.layer-wrap.test-identi-popup .is-con .rec-tit:before{content:'';position: absolute;top:50%;left:0;margin-top:-4px;width: 8px;height: 8px;background: url(../images/content/icon-tit-rac.png) no-repeat center center;}
.layer-wrap.test-identi-popup .is-con .identi-info{vertical-align: top;}
.layer-wrap.test-identi-popup .is-con .identi-info .img{width: 124px;height: 163px;}
/* ======================================================
    layer-wrap.voucher-popup - 바우처 선택
=========================================================*/
.layer-wrap.voucher-popup{width:800px;}
/* ======================================================
    layer-wrap.test-taker-list-popup - 수험생 파일 확인
=========================================================*/
.layer-wrap.test-taker-list-popup{width:800px;}
.layer-wrap.test-taker-list-popup table {}
.layer-wrap.test-taker-list-popup table td{text-align: center;}
.layer-wrap.test-taker-list-popup table tr{height: 29px;}

/* ======================================================
    layer-wrap.en-name-write-popup - 영문이름 표기 규정
=========================================================*/
.layer-wrap.en-name-write-popup{width:800px;}
.layer-wrap.en-name-write-popup table td{padding:5px;box-sizing: border-box;}
.layer-wrap.en-name-write-popup table td .chk-input{width:100%}
.layer-wrap.en-name-write-popup table td .chk-input input{height: 40px}
.layer-wrap.en-name-write-popup .info{background:#f5f5f5;padding:19px 19px 21px;box-sizing: border-box;}
.layer-wrap.en-name-write-popup .info p{font-size:14px;line-height:24px;letter-spacing:-0.01em;color:#757575;}


/*시험관리 faq*/
.test .tab ul{display: flex; text-align: center;font-size: 0;justify-content: space-between;}
.test .tab ul li{background: #fff;width: 100%;}
.test .tab ul li+li{margin-left: -1px;}
.test .tab ul li a{line-height: 49px;color: #000;font-size: 15px;text-align: center;letter-spacing: -0.01em;display:block;border:1px solid #ebebeb;display:block;}
.test .tab ul li.active a{color: #fff;background: #077f83;}
.test .faq{font-size:15px;color:#000;line-height: 25px;letter-spacing: -0.01em;}
.test .faq li{margin-top: -1px;}
.test .faq li .title{padding:17px 0;box-sizing: border-box;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.test .faq li .title .type{width:14%;display:inline-block;text-align: center;}
.test .faq li .title .question{width:85%;display:inline-block;position: relative;padding:0 46px 0 46px;box-sizing: border-box;font-size: 15px;letter-spacing: -0.01em;line-height: 16px;color:#000;}
.test .faq li .title .question:before{content:'Q';position: absolute;left:0;top:0;font-size: 15px;letter-spacing: -0.01em;line-height: 16px;color:#000;font-weight: 400}
.test .faq li .title .question:after{content:'';position: absolute;right:18px;top:50%;background: url(../images/content/icon-arrow-down.png) no-repeat center center;width:12px;height: 7px;margin-top:-3.5px;}
.test .faq li.active .title .question:after{background: url(../images/content/icon-arrow-up.png) no-repeat center center;}
.test .faq li.active .title .question{font-weight: 700;}
.test .faq li .content {display:none;padding:17px 17px 17px 230px;background: #f5f5f5;border-bottom:1px solid #e5e5e5;box-sizing: border-box;overflow: hidden;}
.test .faq li.active .content{}

/*시험관리 규정*/
.rules{}
.rules h4{font-weight: 700;font-size: 16px;line-height: 26px;letter-spacing: -0.01em;color:#000;margin:0;padding:0}
.rules p{margin:0;padding:0;padding-left:8px;word-break: keep-all;font-size: 16px;line-height: 26px;letter-spacing: -0.01em;color:#000;}


/*토플프라이머리*/
.bgf5{background: #f5f5f5;padding:19px;height: 100%;
    box-sizing: border-box;}
.bgf5 .gr{color:#077f83;}
p{word-break: keep-all;}
.f150{font-size: 15px !important;line-height: 18px;letter-spacing: -0.01em;color:#000;}
.f160{font-size: 16px !important;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.f200{font-size:20px !important;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.f240{font-size: 24px !important;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.f300{font-size:30px !important;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.f180{font-size: 18px;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.f16-75{ font-size: 16px;line-height: 26px;letter-spacing: -0.01em;color:#757575;}
.f18-75{ font-size: 18px;line-height: 26px;letter-spacing: -0.01em;color:#757575;}
.f20-75{ font-size: 20px;line-height: 26px;letter-spacing: -0.01em;color:#757575;}
.f24-75{ font-size: 24px;line-height: 26px;letter-spacing: -0.01em;color:#757575;}
.f270{ font-size: 27px;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.f22-75{ font-size: 22px;line-height: 26px;letter-spacing: -0.01em;color:#757575;font-weight: 700}
.tb-18{}
.tb-18 th{height:50px;background:#f5f5f5;font-size:18px;line-height: 18px;letter-spacing: -0.01em;color:#000;font-weight: 400;text-align: center;border:1px solid #e5e5e5;box-sizing: border-box;}
.tb-18 th:first-child{border-left:0;}
.tb-18 th:last-child{border-right:0;}
.tb-18 td{height:68px;font-size:18px;line-height: 26px;letter-spacing: -0.01em;color:#000;border:1px solid #e5e5e5;padding:10px;box-sizing: border-box;}
.tb-18 td:first-child{border-left:0;}
.tb-18 td:last-child{border-right:0;}
.tb-16{}
.tb-16.pad20 td,.tb-16.pad20 th{padding:20px;}
.tb-16.pad15 td,.tb-16.pad20 th{padding:15px;}
.tb-16 th{height:50px;background:#f5f5f5;font-size:16px;line-height: 26px;letter-spacing: -0.01em;color:#000;font-weight: 400;text-align: center;border:1px solid #e5e5e5;box-sizing: border-box;}
.tb-16 th:first-child{border-left:0;}
.tb-16 th:last-child{border-right:0;}
.tb-16 td{height:68px;font-size:16px;line-height: 26px;letter-spacing: -0.01em;color:#000;border:1px solid #e5e5e5;padding:10px;box-sizing: border-box;text-align: left;}
.tb-16 td:first-child{border-left:0;}
.tb-16 td:last-child{border-right:0;}
.tb-16.h54 td{height:54px;}

.tb-15{}
.tb-15 th{height:50px;background:#f5f5f5;font-size:15px;line-height: 18px;letter-spacing: -0.01em;color:#000;font-weight: 400;text-align: center;border:1px solid #e5e5e5;box-sizing: border-box;}
.tb-15 th:first-child{border-left:0;}
.tb-15 th:last-child{border-right:0;}
.tb-15 td{font-size:15px;line-height: 26px;letter-spacing: -0.01em;color:#000;border:1px solid #e5e5e5;padding:10px;box-sizing: border-box;}
.tb-15 td:first-child{border-left:0;}
.tb-15 td:last-child{border-right:0;}

.check-img{background: url(/include/images/content/icon-check-solid.png) no-repeat center center;width:20px; height: 15px;display: inline-block;}
.lh28 th, .lh28 td{line-height: 28px;}
.sqt-img{display:flex;flex-direction: row;flex-wrap:wrap;justify-content: space-between;}
.sqt-img li{width: 396px;margin-bottom:50px;}
.sqt-img li p{font-size:22px;line-height: 26px;letter-spacing: -0.01em;color:#000;font-weight: 700;margin-top:19px;}

.pr-info1{display:flex;justify-content: space-between;}
.pr-info1 li{width: 48%;display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;}
.pr-info1 li .bgf5{}

.sqt-img1{display:flex;flex-direction: row;flex-wrap:wrap;justify-content: space-between;    align-items: flex-start;}
.sqt-img1 li{width:25%;margin-bottom:50px;display:flex;justify-content: center;flex-direction: column;align-items: center;}
.sqt-img1 li .img{width:288px;}
/*.sqt-img1 li:nth-child(6) .img{width:375px;}*/
.sqt-img1 li p{font-size:18px;line-height: 26px;letter-spacing: -0.01em;color:#000;margin-bottom:20px;position: relative;}
.sqt-img1 li:nth-child(-n+4) .txt p{background: #077f83;color:#fff;border-radius: 20px;height: 40px;line-height: 40px;padding:0 42px;}
.sqt-img1 li:nth-child(5) .txt p{padding-left:29px;}
.sqt-img1 li:nth-child(6) .txt p{padding-left:29px;}
.sqt-img1 li:nth-child(7) .txt p{padding-left:29px;}
.sqt-img1 li:nth-child(8) .txt p{padding-left:29px;}
.sqt-img1 li:nth-child(5) .txt p:before{content:'';width:25px;height: 23px;background: url(../images/content/pr/icon-stars.png) no-repeat center center;position: absolute;top:50%;left:0;margin-top:-11.5px;}
.sqt-img1 li:nth-child(6) .txt p:before{content:'';width:25px;height: 28px;background: url(../images/content/pr/icon-badges.png) no-repeat center center;position: absolute;top:50%;left:0;margin-top:-14px;}
.sqt-img1 li:nth-child(7) .txt p:before{content:'';width:25px;height: 28px;background: url(../images/content/pr/icon-ribbons.png) no-repeat center center;position: absolute;top:50%;left:0;margin-top:-14px;}
.sqt-img1 li:nth-child(8) .txt p:before{content:'';width:25px;height: 28px;background: url(../images/content/pr/icon-ribbons.png) no-repeat center center;position: absolute;top:50%;left:0;margin-top:-14px;}
span.stars{margin:0 4px;display:inline-block;background: url(../images/content/pr/icon-stars.png) no-repeat center center;width:23px;height:21px;background-size: 100% auto !important;}
span.badges{margin:0 4px;display:inline-block;background: url(../images/content/pr/icon-badges.png) no-repeat center center;width:23px;height:28px;background-size: 100% auto !important;}
span.ribbons{margin:0 4px;display:inline-block;background: url(../images/content/pr/icon-ribbons.png) no-repeat center center;width:24px;height:32px;background-size: 100% auto !important;}
span.stars1{margin:0 4px;display:inline-block;background: url(../images/content/pr/icon-stars.png) no-repeat center center;width:16px;height:15px;background-size: 100% auto !important;}
span.badges1{margin:0 4px; display:inline-block;background: url(../images/content/pr/icon-badges.png) no-repeat center center;width:16px;height:20px;background-size: 100% auto !important;}
span.ribbons1{margin:0 4px; display:inline-block;background: url(../images/content/pr/icon-ribbons.png) no-repeat center center;width:16px;height:22px;background-size: 100% auto !important;}

/*TOEFL Primary Tests [Reading 점수 비교]*/
.tb-tpt{word-break: keep-all;}
.tb-tpt th{font-size: 16px;}
.tb-tpt td{height: 38px;padding: 0;}


.tf-tab ul{display: flex; text-align: center;font-size: 0;justify-content: space-between;}
.tf-tab ul li{background: #fff;width: 100%;}
.tf-tab ul li+li{margin-left: -1px;}
.tf-tab ul li a{line-height: 49px;color: #000;font-size: 15px;text-align: center;letter-spacing: -0.01em;display:block;border:1px solid #ebebeb;display:block;}
.tf-tab ul li.active a{color: #fff;background: #077f83;}

/*홈 > 토플 프라이머리 > TOEFL Primary Digital (iBT)*/
.pr-digital-wrap{background: url(../images/content/pr/dg-bg.png) no-repeat center center;background-size: 100% 100%;}
.pr-digital-wrap .container{display:flex;justify-content: center;align-items: center;padding:0 !important;    height: 250px;}
.pr-digital-wrap .txt{background: #fff;position: relative;display:flex;    align-items: center;    padding-right: 103px;}
.pr-digital-wrap .txt .btxt{background:#077f83;font-size: 24px; color:#fff;letter-spacing: -0.01em;line-height: 50px;padding:0 54px;display: inline-block;position: absolute;top:-25px;left:0;}
.pr-digital-wrap .txt .div1{padding:0 70px;}
.pr-digital-wrap .txt .div1 p{font-size: 30px; color:#000;letter-spacing: -0.01em;line-height:40px;}
.pr-digital-wrap .txt .div2 {padding:30px;border-left:1px solid #e5e5e5}
.pr-digital-wrap .txt .div2 p{font-size: 18px; color:#000;letter-spacing: -0.01em;line-height:34px;padding-left:28px;position: relative;}
.pr-digital-wrap .txt .div2 p:before{content: '';background: url(../images/content/check-solid-g.png) no-repeat center center;width: 20px;height: 15px;position: absolute;top:50%;left:0;margin-top:-7.5px;}

.elc-tab1{}
.elc-tab1 .img{background: url(/include/images/content/bk/elc-t-1-3.png) no-repeat center center;height:284px;display: flex;align-items: center;justify-content: center;text-align: center;}
.elc-tab1 .img p{font-size:34px;line-height: 44px; letter-spacing: -0.01em;color:#fff;}
.elc-tab1 .info {display: flex; align-items: center;justify-content: space-between;}
.elc-tab1 .info .dp-ib{position: relative;}
.elc-tab1 .info .bgf5 .f180{line-height: 36px;}
.elc-tab1 .info .dp-ib .f180{padding-top:18px;width:90%;line-height: 24px;position: absolute;top:120px;left:50%;text-align: center;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.elc-tab1 .info .dp-ib img{width: 240px; height: 240px}

.elc-logo{width: 236px; height: 62px;}
.elc-info{display: flex;justify-content: flex-start;}
.elc-info .btxt{width:172px;position: relative;padding-left:13px;font-size: 27px;line-height: 36px;letter-spacing: -0.01em;color:#003356;}
.elc-info .btxt:before{content:'';position: absolute;top:6px;left:0;background: #003356;width:4px; height:25px;}
.elc-info .ctxt{font-size: 18px;line-height:36px;letter-spacing: -0.01em;color:#000; }

.elc-tab3{display:flex;justify-content: space-between;align-items: center;}
.elc-tab3 p{width:440px;font-size: 18px;line-height:36px;letter-spacing: -0.01em;color:#000;border:1px solid #e5e5e5;padding:50px;box-sizing: border-box;}
.elc-tab3 p span{font-size: 24px;font-weight: 700px;margin-bottom:30px;display: block;}

.elc-tab4{background: #f5f5f5;position: relative;height:160px;display:flex;align-items: center;}
.elc-tab4 img{width: 240px; position: absolute;left:0;top:0;}
.elc-tab4 p{padding-left:264px;font-size: 18px;line-height: 36px;letter-spacing: -0.01em;color:#000;}
.elc-tab4 p span{display: block;font-weight: 700;color:#003356;font-size: 27px;line-height: 36px;letter-spacing: -0.01em;}


.or-tab{display:flex;justify-content: flex-start;align-items: center;}
.or-tab .img{margin-right:40px;}
.or-tab.tab1 .img img{width: 494px;}
.or-tab.tab2 .img img{width: 392px;}
.or-tab.tab3 .img img{width: 400px;}
.or-tab.tab4 .img img{width: 650px;height: 224px}
.or-tab.lexile .img img{width:471px;height: 255px}
.or-tab .txt{}
.or-tab .txt .btxt{font-size: 32px;line-height:65px;color:#077f83;letter-spacing: -0.01em;margin-bottom:16px;position: relative;font-weight: 700}
.or-tab.lexile .txt .btxt{font-size: 25px;line-height:62px;color:#077f83;letter-spacing: -0.01em;margin-bottom:16px;position: relative;font-weight: 700}
.or-tab .txt .btxt:before{content: '';position: absolute;bottom:0;left:0;width:30px;height: 3px; background: #077f83;}
.or-tab .txt .ctxt{font-size:18px;line-height:30px;color:#000;letter-spacing: -0.01em;}

.faround{display:flex;justify-content:space-around;text-align: center;}
.faround > div {width:256px;}
.faround .img {margin-bottom:49px;}
.faround .txt {}
.faround .txt .btxt{margin-bottom:29px;font-size: 32px;line-height: 30px;letter-spacing: -0.01em;color:#003356;font-weight: 700;}
.faround .txt .ctxt{font-size: 18px;line-height: 30px;letter-spacing: -0.01em;color:#000;}

.faround.lex > div {width:30%;}
.faround.lex .img {margin-bottom:30px;}
.faround.lex .txt .btxt{margin-bottom:13px;font-size:18px;line-height: 26px;letter-spacing: -0.01em;color:#000;font-weight: 700;}
.faround.lex .txt .ctxt a{font-size: 18px;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.tyk-tab1{}
.tyk-tab1 .img{background: url(/include/images/content/or/tyk-t-1-1.png) no-repeat center center;height:284px;display: flex;align-items: center;justify-content: center;text-align: center;}
.tyk-tab1 .img p{font-size:28px;line-height: 44px; letter-spacing: -0.01em;color:#fff;}
.tyk-info{display:flex; justify-content: space-between;}
.tyk-info > div{ width:32%;height:auto;padding:30px;}


.trl-info{width:1020px;text-align: center;margin:0 auto;}
.trl-tbl{}
.trl-tbl th{height:40px;background:#ddf5f6;font-size:15px;line-height: 18px;letter-spacing: -0.01em;color:#077f83;font-weight: 400;text-align: center;border:1px solid #509a9c;box-sizing: border-box;}
.trl-tbl td{font-size:15px;line-height:20px;letter-spacing: -0.01em;color:#000;border:1px solid #e5e5e5;padding:10px;box-sizing: border-box;}

.grl-info{width:1080px;display:flex;justify-content: space-between;flex-direction: row;margin:0 auto;}
.grl-info >div{display:flex;align-items: center;flex-direction: column;}

.cefr-info{}
.cefr-info{display:flex;justify-content: space-between;flex-direction: row;}
.cefr-info > div {display:flex;justify-content: space-between;flex-direction: column;}
.cefr-info > div:first-child {width:53%;}
.cefr-info > div:last-child {width:45%;}

.more-link{}
.more-link a{padding:25px 0;border:1px solid #077f83;border-radius: 3px;}

.book-top{padding:29px 0;display:flex;align-items: center;border-bottom:1px solid #e5e5e5}
.book-top .sort-type{margin-left: 26px;}
.book-top .sort-type li{display: inline-block;position: relative;}
.book-top .sort-type li:after{content:'';position: absolute;right:0;top:50%;height: 20px;width: 2px;margin-top:-10px;background: #e5e5e5;}
.book-top .sort-type li a{padding:0 19px;}
.book-top .sort-type li:first-child a{padding-left:0;}
.book-top .sort-type li.active a{font-weight: 700;color: #077f83; }
.book-top .count{margin-left:auto}
.book-mid {}
.book-mid li{display:flex;align-items:center; border:1px solid #e5e5e5;border-left:0;border-right:0;margin-top:-1px;padding:10px 0;position: relative;}
.book-mid li .chk-check{padding:0 10px;}
.book-mid li .txt{width:545px; margin:0 52px 0 22px;}

.book-mid li .txt p:nth-child(1){display:inline-block;padding:0 24px;font-size: 16px;letter-spacing: -0.01em;line-height: 34px;border-radius: 17px;color:#fff;}
.book-mid li .txt p:nth-child(1).Junior{background: #89d54c;}
.book-mid li .txt p:nth-child(1).Primary{background: #ffab18;}
.book-mid li .txt p:nth-child(1).Lexile{background: #0080ff;}
.book-mid li .txt p:nth-child(1).SSAT{background: #ff80c0;}
.book-mid li .txt p:nth-child(2){margin:20px 0 15px 0;height:49px;overflow: hidden;font-size: 20px;line-height: 24px;letter-spacing: -0.01em;color:#000;}
.book-mid li .txt p:nth-child(3){font-size: 20px;line-height: 30px;letter-spacing: -0.01em;color:#000;font-weight: 700}

.book-mid li .number{margin-left:auto;margin-right:100px;}
.number button{width: 44px;height: 44px;border:1px solid #cacaca;background: url(/include/images/content/btn-minus.png) no-repeat center center;font-size: 0;vertical-align: middle;border-radius: 3px;}
.number button.minus{background: url(/include/images/content/btn-minus.png) no-repeat center center;}
.number button.plus{background: url(/include/images/content/btn-plus.png) no-repeat center center;}
.number button.plus{background: url(/include/images/content/btn-plus.png) no-repeat center center;}
.number span{padding:0 31px; font-size: 20px;line-height: 30px;letter-spacing: -0.01em;color:#000;vertical-align: middle;font-weight: 700}
.book-mid li .btn{}
.book-mid .img{width: 120px;height: 160px;}
.book-bot .btn-wrap{position:absolute;left:0;top:-30px;z-index: 2}
.book-info .img{width: 300px;height: 400px;}
.book-info .txt{padding:30px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.book-info .txt p{font-size: 18px;line-height: 20px;letter-spacing: -0.01em;color:#000;margin-top:19px;}
.book-info .txt p:nth-child(1){margin-top:0;}
.book-info .txt p span{color:#757575;display: inline-block;width: 160px;}
.number-wrap {padding-top:30px;display:flex;align-items: center;}
.number-wrap > p{}
.number-wrap .number{font-size: 0}
.number-wrap .price{margin-left:auto;}
.number-wrap .price p{font-size: 24px;line-height: 30px;letter-spacing: -0.01em;color:#000}
.number-wrap .price p span{font-weight: 700;font-size:30px;}

.book-intro{min-heigth:400px;}

/*주문하기*/
.order-top{display:flex;text-align: center;padding:12px 0;background: #f5f5f5;align-items: center;}
.order-top p{font-size: 15px;line-height: 15px;letter-spacing: -0.01em;color:#000;}
.order-top p:nth-child(1){padding:0 10px;}
.order-top p:nth-child(2){width: 753px;}
.order-top p:nth-child(3){width: 172px;}
.order-top p:nth-child(4){width: 172px;}
.order-top p:nth-child(5){width: 150px;}

.book-mid.order-list li .txt{width:593px;margin:0 20px;}
.book-mid.order-list li .number{width: 172px;margin:0;}
.book-mid.order-list li .delivery{width: 172px;text-align: center;}
.book-mid.order-list li .delivery p{font-size:20px !important;line-height: 30px;letter-spacing: -0.01em;color:#000;font-weight: 700}
.book-mid.order-list li .purchase{width: 150px;text-align: center;}
.book-mid.order-list li .purchase{font-size:26px !important;line-height: 30px;letter-spacing: -0.01em;color:#000;font-weight: 700}
.book-mid.order-list li .del-btn{position: absolute;right:16px;top:20px;}


.total-div{text-align: center;font-size: 0}
.total-div > div{display:inline-block;width:360px;border:1px solid #cacaca;padding:39px 0 41px;margin-right:60px;position: relative;}
.total-div > div:after{content:'';position: absolute;right:-12%;top:50%;width:20px;height: 20px;margin-top:-10px;}
.total-div > div:nth-child(1):after{background: url(/include/images/content/icon-plus1.png) no-repeat center center;}
.total-div > div:nth-child(2):after{background: url(/include/images/content/icon-eq.png) no-repeat center center;}
.total-div > div:nth-child(3){margin-right:0}
.total-div > div:nth-child(3):after{content:none;margin-right:0}
.total-div > div .btxt{font-size:20px !important;line-height: 26px;letter-spacing: -0.01em;color:#757575;font-weight: 700;margin-bottom:19px;}
.total-div > div .ctxt{font-size:30px !important;line-height: 26px;letter-spacing: -0.01em;color:#000;font-weight: 700}

.delivery-info{padding:20px 0 30px;}
.delivery-info p{font-size:16px;line-height: 26px;letter-spacing: -0.01em;color:#000;}
.delivery-info > p{width:140px;}

.pay-info{padding:30px 0 13px;}
.pay-info p{display:block;margin-bottom:30px;}
.pay-info p label{font-size:20px !important;padding-left: 31px !important;}

/* jn02 div 테두리*/
.jn-div{
  padding-left : 5px;
  padding-right : 5px;
  padding-top : 30px;
  padding-bottom : 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #E0E0E0;
  line-height: 25px;
}
.jn-title {font-size:24px;font-weight:700;color:#585858;}