/*

2023-11-21 텝메뉴 포커스 되지 않아서 주석 bk
.chks {display:inline-block;position:relative; font-weight:normal;}
.chks input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.chks input[type="checkbox"] + label {display:inline-block;vertical-align:middle;line-height:26px;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.chks input[type="checkbox"] + label:before {content:'';position:absolute;left:0px;top:0px;margin:0;width:26px;height:26px;text-align:center;background:#fff;border:1px solid #B8B8B8;box-sizing:border-box;}
.chks input[type="checkbox"] + label:active:before,
.chks input[type="checkbox"]:checked + label:active:before {}
.chks input[type="checkbox"]:checked + label:before {background:#BA1200;border:1px solid #BA1200}
.chks input[type="checkbox"]:checked + label:after {content:"";display:block;position:absolute;width:11px;height:6px;left:6px;top:5.5px;border-width:0 0 3px 3px;border-style:solid;border-color:transparent transparent #fff #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
.chks input[type="checkbox"]:focus + label:before {}

*/

/* 웹접근성에 맞게 checkbox css 변경 bk */
.chks2 {display:inline-block;position:relative; font-weight:normal;}
.chks2 input[type="checkbox"]{width:24px; height:24px; margin:0 5px 0 0}
.chks2 input[type="checkbox"]:focus-visible{outline-color:#E84033 !important;  outline-offset: 3px ;}

.chks {display:inline-block;position:relative; font-weight:normal;}
.chks input[type="checkbox"]{width:24px; height:24px;  margin:0 5px 0 0;cursor:pointer;}
.chks input[type="checkbox"]:focus-visible{outline-color:#E84033 !important;  outline-offset: 3px ;}

.chks input[type="radio"]{width:24px; height:24px;  margin:0 5px 0 0}
.chks input[type="radio"]:focus-visible{outline-color:#E84033 !important;  outline-offset: 3px ; }

.checks {position: relative;} 
.checks input[type="checkbox"]{width:24px; height:24px;  margin:0 5px 0 0}
.checks input[type="checkbox"]:focus-visible{outline-color:#E84033 !important;  outline-offset: 3px ;}
.checks + .checks{margin-left:38px;}


/* 로그인 */
.loginArea { width: 100%;  background:url('/images/default/content/login_bg.jpg')no-repeat 50% 50%; background-size:cover;}
.login_box{position:relative; width: 38.5rem; margin:0 auto; border:1.5rem solid #f2ede7; border-radius:2rem; -webkit-border-radius:2rem; outline:1px solid rgba(197,197,197,0.5); background:#fff; padding:3.5rem 4rem; }
.login_box:before{content:""; position:absolute; left:-10.5rem; bottom:-3.5rem; width:13.55rem;  aspect-ratio: 271 / 310; background:url('/images/default/content/login_boy.png')no-repeat 50% 50%; background-size:100%; animation: kid_float02 2s infinite alternate; transform: translate3d(0, 0, 0);}
.top_box{ text-align:left; margin-bottom:1rem;}
.top_box h3{font-size:1.3rem; color:var(--black); position:relative; margin-bottom:1rem;}
.top_box p{color:#555;  font-weight:300;}
.login dt{font-weight:600; color:#214285; padding: 0px 0.5rem;}
.login dd{position: relative; padding: 0.5rem 0.8rem; border-bottom: 1px solid #A7A7A7;}
.login dd:focus-within{border-color:#214285;}
.login dl{margin-top:1rem;}
.login input.i_text {position: relative; width:100%; height:2.25rem; line-height:3.25rem; padding-left: 0;  border:none; border-radius: inherit; -webkit-border-radius: inherit; -webkit-appearance: none; box-sizing: border-box;background-color:#fff; transition: all 0.3s ease 0s;}
.login input.i_text::placeholder{color:#c4c4c4;}
.login input.btnLogin { width: 100%; height: 3.2rem; border: inherit; color: #FFF; cursor: pointer; border-radius:1rem; -webkit-border-radius:1rem; transition:all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;margin-top:1rem; background-color: var(--black);}
.login input.btnLogin:focus-visible{outline-color:#E84033}
.join_btn{display:block;  height: 3.2rem; line-height:3.2rem; text-align:center;  margin-top:1rem; color:#7c7262; font-weight:500; font-size: 0.9rem;  border-radius:1rem; -webkit-border-radius:1rem; background:#E8E4DE; }
.lost_box{width: 100%; margin-top:1rem; text-align:right; color:var(--blue);}
.loginFail{position: relative; clear:both; }
.loginFail input{ height: 1.4rem; border: 1px solid #b4b4b4;}
.loginFail p{margin-top:0.25rem;}
.error{color: #ff0000; padding-top:0.25rem;  }
.snsLogin{max-width:27.25rem; margin:2rem auto 0; }
.snsLogin li{border:1px solid #ddd; padding:0.75rem 1rem;  text-align: center;}
.snsLogin li img{height:1.5rem;}

@media (max-width:768px){
	.login_box{width:90vw; padding: 3.5rem 2rem; border-width:1rem;}
	.login_box:before{width:7rem; left: -3.5rem;}
	
}


/* 회원가입, 회원가입완료 */
div.ico_title{position: relative; padding: 0 280px; margin-bottom:40px;}
div.ico_title p {position: relative; padding-left: 110px; font-size:18px; color:#444;}
div.ico_title p:before {    content: '';    position: absolute;    left: 0;    top: 0;    width: 92px;    height: 92px;    background: url('/images/default/content/ico_mem.gif') no-repeat 0 0;  }
div.ico_title em{font-size:35px; font-weight:400;}
div.ico_title:before {content: ''; position: absolute; left: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}
div.ico_title:after {content: ''; position: absolute; right: 0; top: 35px; width: 250px; height: 1px; background: #3c3c3c; transition-duration: 0.4s;}

ul.sign_select{overflow:hidden;}
ul.sign_select li{float:left; width:50%;}
ul.sign_select li a{display:block; height: 496px; box-sizing:border-box; padding:80px;}
ul.sign_select li.s01 a{background: url('/images/default/content/m_bg01.jpg') no-repeat 0 0; }
ul.sign_select li.s02 a{background: url('/images/default/content/m_bg02.jpg') no-repeat 0 0; }
ul.sign_select li a div{height:100%; color:#fff; text-align:center; box-sizing:border-box; padding-top:50px;}
ul.sign_select li a div h3{font-size: 35px; font-weight:800; margin-bottom:30px;}
ul.sign_select li a div p.more{background: url('/images/default/content/btn_arrow.png') no-repeat right center; padding-right: 80px; padding-bottom:10px; border-bottom:3px solid #fff; display:inline-block; margin-top:40px;}
ul.sign_select li.s01 a div{background: url('/images/default/content/coverBlue.png') repeat 0 0;}
ul.sign_select li.s02 a div{background: url('/images/default/content/coverBlack.png') repeat 0 0;}

.signup03{text-align:center; font-size:23px;}
.signup03 b{margin-bottom:30px; font-size:35px; font-weight:700; color:#222; display:block; text-decoration:underline;}
.signup03 em{color:#5D95F8; font-size:26px; font-weight:500;}
.signup03 p{margin-top:70px;}
.signup03 p a{padding:18px 60px; background-color:#BA1200; color:#fff; font-weight:500;}




/* 멤버 Step */
.sign_step{margin:2rem 0 3rem; }
.sign_step ol{display:flex; gap:1rem 2.8rem;}
.sign_step ol li{position:relative; display:flex; align-items: center; gap:1rem; width:calc((100% - 2.8rem * 4) / 5); background:#fff; padding:0.75rem; border-radius:2.3rem; -webkit-border-radius:2.3rem; border:1px solid rgba(224,224,224,0.5); color:#555; font-size:0.95rem; font-weight:500;}
.sign_step ol li:not(:last-child):after{content:"\e93f"; font-family: 'xeicon' !important; position:absolute; right:-2.2rem; top:50%; font-size:1.5rem; color:#E3E0DC; transform:translateY(-50%);}
.sign_step ol li .num{flex-shrink: 0; font-size:0; width:5rem; height:3.5rem; border-radius:1.75rem; -webkit-border-radius:1.75rem; background-color:#DDDDDD; background-repeat:no-repeat; background-size:1.8rem auto; background-position:50% 50%;}
.sign_step ol li p span{display:block; font-size:0.75rem; line-height:1; font-weight:300;}
.sign_step ol li:nth-child(1) .num{background-image:url('/images/default/content/sign_icon01.svg')}
.sign_step ol li:nth-child(2) .num{background-image:url('/images/default/content/sign_icon02.svg')}
.sign_step ol li:nth-child(3) .num{background-image:url('/images/default/content/sign_icon03.svg')}
.sign_step ol li:nth-child(4) .num{background-image:url('/images/default/content/sign_icon04.svg')}
.sign_step ol li:nth-child(5) .num{background-image:url('/images/default/content/sign_icon05.svg')}
.sign_step ol li.on {background:var(--yellow); color:var(--black);}
.sign_step ol li.on:after{color:#272727;}
.sign_step ol li.on .num{background-color:var(--black); }

@media (max-width:1470px){
	.sign_step ol{gap:1rem 2rem;}
	.sign_step ol li{gap: 0.5rem; width: calc((100% - 2rem* 4) / 5);}
	.sign_step ol li:not(:last-child):after{right: -1.8rem;}
	.sign_step ol li .num{width:3.5rem; background-size: 1.3rem auto;}
}
@media (max-width:1280px){
	.sign_step ol li{padding:0.5rem; font-size: 1rem;}
	.sign_step ol li .num{width:2.5rem; height:2.5rem; background-size: 1rem auto;}
}
@media (max-width:1024px){
	.sign_step ol li{flex-direction: column; text-align:center; border-radius: 1.5rem; -webkit-border-radius:1.5rem;}
	
}
@media (max-width:768px){
	.sign_step ol{gap:0.5rem;}
	.sign_step ol li{width: calc((100% - 0.5rem* 4) / 5);  border-radius: 0.5rem; -webkit-border-radius:0.5rem; font-size: 0.8rem;}
	.sign_step ol li:not(:last-child):after{display:none;}
}

/*회원가입유형*/
.roundBox{margin:2rem auto 0; background:#fff; border-radius:2rem; -webkit-border-radius:2rem; padding:3.75rem 6.75rem 4rem;  }
.sign_title{margin-bottom:3.5rem; text-align:center;}
.sign_title h4{font-size:1.05rem; color:var(--black); font-weight:500; margin-bottom:0.75rem;}
.sign_title h4 span{display:inline-block; font-size:0.75rem; padding:0.6rem; line-height:1; border-radius:0.4rem; -webkit-border-radius:0.4rem; color:#fff; background:#214285; margin-right:0.8rem; vertical-align: middle;}
.sign_title p{color:#333;}

.join_select{display:flex; gap:3rem; }
.join_select li{width:calc((100% - 3rem * 2) / 3);}
.join_select li a{position:relative; display:block; }
.join_select li a span{display:block;}
.join_select li a .join_top{padding:3.4rem 2rem; background:#F9F4EE; border-radius:2rem 2rem 0 0; -webkit-border-radius:2rem 2rem 0 0;  border:1px solid rgba(197,197,197,0.5); border-bottom:1px solid var(--black); transition: all 0.2s ease-out 0s; }
.join_select li a .join_p{ padding:1.5rem 2rem; background:#F9F4EE; border-radius:0 0 2rem 2rem; -webkit-border-radius:0 0 2rem 2rem; font-weight:600; color:var(--black); transition: all 0.2s ease-out 0s;}
.join_select li a [class^="join_icon"]{display:block; width:2.55rem; height:2.25rem;  background-repeat:no-repeat; background-size:100% auto; background-position:50% 50%;}
.join_select li a .join_icon01{background-image:url('/images/default/content/feature0.svg')}
.join_select li a .join_icon02{background-image:url('/images/default/content/feature01.svg')}
.join_select li a .join_icon03{background-image:url('/images/default/content/feature02.svg')}
.join_select li a .title{font-size:1.05rem; color:var(--black); margin-top:1.6rem;}
.join_select li a .txt{color:#333;}
.join_select li a .arrow{display:block; position:absolute; right:0; bottom:0; padding:0.75rem 0 0 0.75rem; background:#fff; border-top-left-radius: 2.5rem; transition: all 0.2s ease-out 0s;}
.join_select li a .arrow:before,
.join_select li a .arrow:after{content:""; position:absolute; width:1rem; height:1rem; background:url('/images/default/main/round_bot_right.svg')no-repeat left bottom; background-size:100% auto; }
.join_select li a .arrow:before{right:0; top:-1rem;}
.join_select li a .arrow:after{left:-1rem; bottom:0;}
.join_select li a .arrow i{display:block; width:2.5rem; height:2.5rem; border-radius:50%; -webkit-border-radius:50%; background:#F9F4EE url('/images/default/main/arrow_b.svg')no-repeat 50% 50%; background-size:0.8rem auto; font-size:0; transform: rotate(-45deg ); transition: all 0.2s ease-out 0s;}
.join_select li small{ display: block; margin-top:1rem; color:#b20000; font-size:0.75rem; font-weight:400; padding-left:1.75rem;}
.join_select li:nth-child(3) .join_top,
.join_select li:nth-child(3) .join_p{background:#E3EBFE;}
.join_select li:nth-child(3) a .arrow i{background-color:#E3EBFE;}
.join_select li:hover .join_top{box-shadow:0 0 20px rgba(99,99,99,0.3);}
.join_select li:hover .join_p{background:var(--black); color:#fff;}
.join_select li:hover a .arrow i{background-color:var(--black);background-image: url('/images/default/main/arrow_w.svg');  transform: rotate(0deg );}

/* 본인인증 */
.auth_flex{display:flex; gap:2rem;}
.auth_flex > div{width:calc(50% - 1rem); padding:2rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; -webkit-box-shadow: 0 0 1rem rgba(99,99,99,0.2);  box-shadow: 0 0 1rem rgba(99,99,99,0.2);}
.auth_flex > div h4{font-size:0.95rem; color:var(--black); margin-bottom:1rem; }
.auth_flex > div li{display:flex;     align-items: center;}
.auth_flex > div li:not(:first-child){margin-top:1rem;}
.auth_flex > div li span{flex-shrink:0; color:var(--blue); width:5rem; font-weight:600;}
.auth_flex > div li .arBtn{display:flex; flex:1;}
.auth_flex > div li input[type="text"]{border-radius:0; -webkit-border-radius:0; border:none; border-bottom:1px solid #A7A7A7}
.auth_flex > div li .formBtn{background:#000; color:#fff; border:none; padding:0 1rem; cursor:pointer;}
.auth_flex > div p{font-size:0.75rem; color:#888; margin-top:1rem;}
.auth_flex > div button{display: block; height:2.5rem; background:#000; color:#fff; width:10rem; text-align:center; margin:0 auto;}
.auth_flex > div .authMsg,
.auth_flex > div .authMsgPhone{display:block; color:var(--green); font-weight:600; text-align:center; margin-top:1.5rem; }
.auth_flex > div .authMsg:before,
.auth_flex > div .authMsgPhone:before{ content: "\eb7a";font-family: "remixicon"; vertical-align: middle; display: inline-block; margin-right: 0.3rem;}
.auth_flex > div .authMsg:empty,
.auth_flex > div .authMsgPhone:empty{display:none;}

.sign_agree{margin-top:3rem; padding-top:2rem; border-top:1px dashed #e0e0e0; margin-bottom:2rem;}
.sign_agree h4{font-size: 1.05rem;  color: var(--black);  font-weight: 500;  margin-bottom: 0.75rem;}
.sign_agree p{color:#333; margin-bottom: 0.75rem;}

.certify_box{display:flex; box-shadow:0 0 1rem rgba(99,99,99,0.2); -webkit-box-shadow:0 0 1rem rgba(99,99,99,0.2);  border-radius: 0.5rem; -webkit-border-radius:0.5rem; overflow: hidden; }
.certify_box div{flex:1; padding:2rem 6rem; display: flex; align-items: center;  gap: 1rem; font-size:0.95rem; }
.certify_box div img{height:3.5rem;}
.certify_box .certiMsg{display:block; color:#78B80A; }
.certify_box button{background:var(--yellow);  padding:1rem 2rem;  color:var(--black); }

@media (max-width:1470px){
	.roundBox{padding:3.75rem 3rem 4rem;  }

	.certify_box div{padding:2rem;}
}
@media (max-width:1280px){
	.join_select{gap:1rem;}
	.join_select li{width:calc((100% - 1rem * 2) / 3);}
	.auth_flex > div{padding:1rem;}
}
@media (max-width:1024px){
	/*회원가입유형*/
	.roundBox{padding:2.5rem 1rem 4rem;  }
	
	.auth_flex{flex-wrap:wrap;}
	.auth_flex > div{width:100%; padding:2rem;}
}
@media (max-width:768px){
	.join_select{flex-wrap:wrap; gap:2rem;}
	.join_select li{width: 100%;}
	.join_select li a .join_top{padding:1.5rem 1rem;}
	.join_select li a .join_p{padding:1rem 1rem;}
	
	.auth_flex > div{padding:1rem;}
	.auth_flex > div li{display:block; }
	.auth_flex > div li span{display:block; width:100%;}
	
	.certify_box{flex-direction: column;}
	.certify_box div{justify-content: center;}
	.certify_box button{padding:1.5rem 2rem;}
}

/* 이용약관 */

.user_agree input{vertical-align:middle;}
.user_agree dl:not(:first-child){margin-top:2rem;}
.user_agree dt{font-size:1.05rem; margin-bottom:1rem; font-weight:500; color:var(--blue);}
.user_agree dt span{color:var(--red);}
.user_agree dd textarea{font-size:0.75rem; color:#848C8E; border:0.5rem solid var(--base); outline:1px solid #DDDBD8; margin-bottom:1rem;     background: #fff;}

.user_agree dd textarea::-webkit-scrollbar {width:7px;height:7px;background-color:rgba(0,0,0,0.0);}
.user_agree dd textarea::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.0); -webkit-border-radius:4px;border-radius:4px; }
.user_agree dd textarea:hover::-webkit-scrollbar-thumb{background-color:var(--blue); }

.user_agree .chks{display:block; text-align:right;}
.user_agree .chks input[type="checkbox"]{width:1.7rem; height:1.3rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; border: 0.05rem solid #ddd; background:#fff;}
.user_agree .chks input[type="checkbox"]:checked{border: 0.1rem solid var(--yellow);     background:#000 url(/images/default/main/chks.svg) no-repeat 50% 50%; background-size: auto 100%; }

.btnChkUnique{ display:inline-block; width:4.5rem;  font-size: 0.85rem;  height:2rem; line-height:2rem; text-align:center;  background-color: #bababa;  color: #fff; }
.btnSearch{ display:inline-block; width:4.5rem;  font-size: 0.85rem;  height:2rem; line-height:2rem; text-align:center;  background-color: #345E8C;  color: #fff; }
.icon_flex {display:flex; gap: 0 0.2rem;}


/* 버튼 */
.btn_wrap{margin:0; margin-top:3.5rem; display:flex; align-items: center;  justify-content: center; gap:1.5rem;}
.btn_wrap :is(input, a, button){display:inline-block; margin:0; width:9rem; height:2.8rem; line-height:2.6rem;  font-size: .85rem; font-weight: 400; border:1px solid rgba(100,100,100,0.5); cursor:pointer; border-radius:0.5rem; -webkit-border-radius:0.5rem;}
.btn_wrap :is(input, a, button):hover{box-shadow:0px 0.25rem 1rem rgba(0,0,0,0.15);}
.btn_wrap:has(.btn_save){justify-content: space-between;}
.btn_wrap.flex > div{display:flex; gap:1.5rem;}

.btn_confirm { color: var(--yellow);  background:  linear-gradient(135deg, #ffc603 0%, #000 20%, #000 100%); }
.btn_cancel { color: #fff; background: #C2C2C2;   }
.btn_save { color: #fff; background: #345E8C;   }
.btn_del { color: #fff; background: var(--red);   }
.btn_modify{background:#F9F5EE; color:var(--black)  !important; }
.btn_pdf{color: #fff; background:var(--black); }


/*교사용(유형1-스카이) .teacherBody 클래스 // 학생용(유형2-베이지) .studentBody // 교사용(유형3-블루) .mentorBody 클래스*/
.studentBody .btn_confirm{border:2px solid var(--yellow); outline:6px solid #f9f4ee;}
.studentBody .btn_save{background:#71684B;}
.mentorBody .btn_confirm{background:  linear-gradient(135deg, #000000 0%, #024089 20%, #024089 100%); border:2px solid var(--blue); outline:6px solid #E9F2F9; color:var(--yellow);}
.mentorBody .btn_save {background: #69717A;   }
.teacherBody .btn_confirm{background:  linear-gradient(135deg, #000000 0%, #024089 20%, #024089 100%); border:2px solid var(--black); outline:6px solid #E9F2F9; color:#fff;}
.teacherBody .btn_save {background: #345E8C;   }

@media (max-width:768px){
	.btn_wrap{margin:2rem 0; gap:1rem; flex-wrap:wrap; }
	.btn_wrap :is(input, a, button){}
	.btn_wrap.flex > div{ width: 66%; gap: .5rem;}
}

/*아이디찾기 탭*/
.idTab{margin-bottom:4rem; border-bottom:1px solid #E3DED6;}
.idTab ul{max-width:50rem; margin:0 auto; display:flex;}
.idTab ul li{position:relative;  width:50%; padding:0.25rem 0.25rem 0.05rem 0; border-radius:1rem 1rem 0 1rem; -webkit-border-radius:1rem 1rem 0 1rem;}
.idTab li a{display: block; width:100%;  color:var(--black); text-align:center; line-height:3.5rem; }
.idTab li.on {background:var(--black);}
.idTab li.on a{background:#fff;  border-radius:1rem 1rem 0 1rem; -webkit-border-radius:1rem 1rem 0 1rem; border:1px solid var(--black); box-shadow:0 5px 10px rgba(193,157,113,0.2);}
.idTab li.on:before{content:""; position:absolute; right:-1.2rem; bottom:0px; width:1.2rem; height:1.2rem; background: url("/images/default/content/round_bot_left_b.svg") no-repeat left bottom; background-size:100% auto; }

.lost_wrap{ position:relative; width: 100%; margin:0 auto; border:1.5rem solid #f2ede7; border-radius:2rem; -webkit-border-radius:2rem; outline:1px solid rgba(197,197,197,0.5); background:#fff url("/images/default/content/lost_img.svg") no-repeat left bottom -1px; background-size:7rem auto; padding:3.5rem 4rem;}
.lost_wrap :is(.IdSearch, .PwSearch){display:flex;}
.lost_wrap :is(.IdSearch, .PwSearch) .text{width:50%;}
.lost_wrap :is(.IdSearch, .PwSearch) .text h3{font-size:1.3rem; color:var(--black); margin-bottom:0.5rem;}
.lost_wrap :is(.IdSearch, .PwSearch) .text p{color:#333;}
.lost_wrap :is(.IdSearch, .PwSearch) form{width:50%;}
.lost_wrap :is(.IdSearch, .PwSearch) form ul li{display:flex; align-items: center; margin-bottom:1rem;}
.lost_wrap :is(.IdSearch, .PwSearch) form ul li label{width:5rem; color:var(--blue); font-weight:600; }
.lost_wrap :is(.IdSearch, .PwSearch) form ul li .flex{flex:1; display:flex;}
.lost_wrap :is(.IdSearch, .PwSearch) form ul li .flex input{border-radius:0; -webkit-border-radius:0; border:none; border-bottom:1px solid #A7A7A7;}
.lost_wrap :is(.IdSearch, .PwSearch) form ul li .flex .formBtn{background:var(--black); color:#fff; padding:0 1rem; cursor:pointer;}
.lost_wrap :is(.IdSearch, .PwSearch) form .btn_confirm{width:100%; background:var(--black); color:#fff;}
.lost_wrap :is(.IdSearch, .PwSearch) form .btn_confirm:focus-visible{outline-color:#E84033}
.lost_wrap .member_pop{width:100%;}


/*아이디찾기 결과*/
.find{border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:1.5rem 0px; font-size:0.9rem; margin-top:1.5rem;}
.member_auth{border:0.5rem solid #F9F4EE; border-radius:1rem; -webkit-border-radius:1rem; padding:2rem; margin-top:2.5rem; background:#fff;}
.member_auth p{display: flex; gap: 0.25rem; padding:0.75rem; border-radius:1rem; -webkit-border-radius:1rem;  margin-bottom:1.5rem; -webkit-box-shadow: 4px 3px 20px 0px rgba(0, 0, 0, 0.09);  box-shadow: 7px 5px 20px 0px rgba(0, 0, 0, 0.09);}
.member_auth p i{font-size:1.05rem; color:var(--yellow);}
.member_auth ul{display:flex; gap:1rem 2rem;}
.member_auth ul li{display:flex; align-items: center; gap: 0.5rem; width:calc(100% - 1rem);}
.member_auth ul li span{width:5rem;  flex-shrink: 0; color:var(--blue); font-weight:600; }
.member_auth ul li .flex{flex:1; display:flex; gap:0.5rem; width: 100%;}
.member_auth ul li .flex input[type="button"]{flex-shrink: 0; height: 2.5rem; background:#000; color:var(--yellow); width:6rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; border: 1px solid rgba(100, 100, 100, 0.5); cursor:pointer;}
.member_auth ul li .flex input[type="button"]:hover {background:var(--yellow); border-color:var(--yellow); color:#000; box-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.15);}

@media (max-width:1300px){
	.member_auth ul {flex-direction:column;}
}
@media (max-width:767px){
	.member_auth {padding:1.5rem 1rem;}
	.member_auth ul li {flex-direction: column; align-items: flex-start; width: 100%;}
	.member_auth ul li .flex input[type="button"] {width: 4.5rem;}
}

/* 회원탈퇴 */
.withdraw_wrap{position:relative; padding:0.9rem; background:#F9F4EE; border-radius:2rem; -webkit-border-radius:2rem;}
.withdraw_wrap > div{background:#FFF5E4; border:2px solid var(--black); border-radius:1.5rem; -webkit-border-radius:1.5rem; display:flex; justify-content: center; gap:2rem; padding:4.5rem; padding-right:13rem;}
.withdraw_wrap > div .icon{position:relative; flex-shrink: 0; width:2.5rem; height:2.5rem; background:url('/images/default/content/one_icon19.svg')no-repeat 50% 50%;  background-size:100% auto; }
.withdraw_wrap > div .icon:before{content:""; position:absolute; left:-1.2rem; top:-1.2rem; width:1.75rem; height:1.6rem; background:url('/images/default/content/withdraw_beore.png')no-repeat 50% 50%;  background-size:100% auto;}
.withdraw_wrap .obj{position:absolute; right:2rem; bottom:-1rem; width:11.75rem;  aspect-ratio: 235 / 251; background:url('/images/default/content/withdraw_man.png')no-repeat 50% 50%;  background-size:100% auto;}
.withdraw_wrap input{background: #fff url(/images/default/main/icon_pw.svg) no-repeat right 0.75rem top 50%; background-size: 1.2rem 1.2rem;}
.withdraw_wrap ul {margin-top:0.5rem;}
.withdraw_wrap ul li{display: flex; align-items: stretch; padding:0.5rem 0;}
.withdraw_wrap ul li .th{flex-basis: 6.5rem; padding-top: 0.5rem;   font-weight: 600;}
.withdraw_wrap ul li .td{display: flex; flex: 1; flex-direction: column;}

@media (max-width:1180px){
	.withdraw_wrap > div{padding:4rem 2rem; padding-right:8rem;}
	.withdraw_wrap .obj{width:8rem;}
}
@media (max-width:1024px){
	.lost_wrap :is(.IdSearch, .PwSearch){flex-direction: column;}
	.lost_wrap :is(.IdSearch, .PwSearch) .text{width:100%; margin-bottom:2rem;}
	.lost_wrap :is(.IdSearch, .PwSearch) form{width:100%;}
	
}
@media (max-width:768px){
	.lost_wrap{padding:2rem 1rem;     border: 0.5rem solid #f2ede7;}
	
	.withdraw_wrap > div{padding-right:2rem; padding-bottom:7rem; flex-direction: column;  align-items: center; text-align:center; gap:1rem;}
	
}

.member_form{}
.confirm_txt{margin-bottom:2rem}
.confirm_txt h4{font-size:1.3rem; color:var(--black); margin-bottom:0.25rem; }
.confirm_txt p{ color:#666;}
.mem_tb{padding:3rem; border:1.5rem solid #F4F8FC; border-radius:2rem; -webkit-border-radius:2rem; outline:1px solid rgba(197,197,197,0.5);}
.mem_tb h5{color:var(--blue); font-size:1.3rem; margin-bottom:1rem;}
.mem_tb h5 a{display:inline-block; float: right; font-weight:400; background:var(--blue); font-size:0.75rem; color:#fff; padding:0.3rem 1rem; border-radius:1rem; -webkit-border-radius:1rem;}
.mem_tb .title-between{display: flex; justify-content: space-between;  margin-bottom:1rem; align-items: center; flex-flow:row wrap; gap:0.5rem;}
.mem_tb .title-between h5{margin-bottom:0;}
.mem_tb .title-between p{color:#787878;}
.mem_tb .title-between p a{text-decoration:underline; text-underline-position: under;}
.mem_tb .roundTb{border:1px solid #E7E7E7; border-radius:1rem;-webkit-border-radius:1rem; }
.mem_tb .mem_tbox{width:100%; background:var(--base); border-radius:2rem; -webkit-border-radius:2rem; border:1px solid rgba(197,197,197,0.5); padding:3.5rem; }
.mem_tb .mem_tbox .ar{font-size:0.75rem; color:#555; margin-bottom:1rem; }
.mem_tb ul{padding-top:0.5rem;}
.mem_tb ul li{display:flex; align-items: stretch;}
.mem_tb ul li:not(:first-child){margin-top:1rem;}
.mem_tb ul li input{transition: all 0.2s ease-out 0s;}
.mem_tb ul li input:focus{ border-color:#426FE0;}
.mem_tb ul li label{padding-left:0;}
.mem_tb ul li .th{flex-shrink: 0; flex-basis: 6.5rem; padding-top: 0.5rem; font-weight:600;}
.mem_tb ul li .td{display:flex;  flex: 1; flex-direction: column;}
.mem_tb ul li .arBtn{display:flex; gap: 0.5rem;}
.mem_tb ul li .arBtn label{display:block; width:100%;  padding-right:0;}
.mem_tb ul li .arBtn + small{margin-top:0.25rem;}
.mem_tb ul li .td p{margin-top:0.2rem; font-size:0.75rem; color:#666;}
.mem_tb ul li .td p em{color:#D41A08; margin-right:5px;}
.mem_tb ul li .th em{color:#D41A08; margin-left:5px;}
.mem_tb ul li .alertDiv:empty{display:none}
.mem_tb ul li .input{border: 1px solid #DDDBD8;  background-color: #F6F6F6; height: 2.5rem; line-height:2.5rem; padding: 0px 0.5rem; border-radius: 0.5rem; -webkit-border-radius:0.5rem;}
.mem_tb ul li.phone .td > div{display:flex; flex-direction: row;align-items: center; }
.mem_tb ul li.phone .td p{flex-basis: 100%; }
.mem_tb ul li.phone .td label{padding-right:0;}
.mem_tb ul li.phone .td input{vertical-align:middle; width:5rem;}
.mem_tb ul li.phone .td span{margin:0 0.5rem;}
.mem_tb ul li.phone .btnChkUnique {margin-left:0.5rem;}
.mem_tb ul li input[name="memberCompanyAddrState"] {display: inline-block;margin-bottom: 5px;}
.mem_tb ul li input[type="radio"], .mem_tb ul li select{cursor: pointer;}

.info-box{margin-top:2rem; border-radius:0.2rem; padding:1rem; border:1px dashed rgba(197,197,197,0.5); outline:0.2rem solid #F4F8FC; background:#fff}
.info-box b{display:block; margin-bottom:0.2rem;}
.studentBody .info-box{outline:0.2rem solid var(--base); background: var(--base)}

.btnChkUnique,
#soundOn{ display:inline-block; font-size: 0.85rem; width:6rem; height:2.5rem; line-height:2.5rem; text-align:center;  background-color: #000; border-radius:0.5rem; -webkit-border-radius:0.5rem; color: #fff; flex-shrink: 0; border:none;cursor: pointer;}
.btnChkUnique:focus-visible{outline-color:#E84033}
.btnSearch,
#soundOn{ display:inline-block; font-size: 0.85rem; width:6rem; height:2.5rem; line-height:2.5rem; text-align:center;  background-color: #000; border-radius:0.5rem; -webkit-border-radius:0.5rem; color: #fff; flex-shrink: 0; border:none;}
.btnSearch:focus-visible{outline-color:#E84033}



.mylist_btns dd{display:flex; align-items: center; justify-content: space-between; margin-top:1rem;}
.mylist_btns dd button{background:linear-gradient(-45deg, #014089 20%, #295E9C, #014089 80%); color:#fff; border:2px solid var(--black); height:2.5rem; font-size:0.85rem; padding:0 1rem; border-radius: 1.5rem; -webkit-border-radius:1.5rem;}
.mylist_btns dd button:disabled{background:linear-gradient(-45deg, #b5b5b5 20%, #dadada, #b5b5b5 80%) !important; color:#888; border-color:#888; cursor:default; }

.studentBody .mem_tb{border-color:var(--base);}
.studentBody .mem_tb h5{color:var(--black);}
.studentBody .mem_tb h5 a{background:var(--black)}
.studentBody .mylist_btns dd button{    background: linear-gradient(-45deg, #000 20%, #392105, #000 80%);}

/*회원가입 완료*/
.sign_end{display: flex; flex-direction: column; justify-content: flex-end; padding:1.5rem 1.5rem 3rem; height: 27.5rem; background:#f9f4ee; border:1px solid rgba(197,197,197,0.5); border-radius:2rem; -webkit-border-radius:2rem; text-align:center; position: relative;}
.sign_end h5{font-size:1.3rem; color:var(--black); margin-bottom:1rem;}
.sign_end p{color:#333; }
.sign_end + .btn_wrap{margin-top:2rem;}

.signEnd_img {position: absolute; top:0; left:0; width: 100%; height: 100%; z-index:0;}
.signEnd_img:after {content: ''; display: block; width: 22.7rem; height: 17.55rem; background: #f9f4ee url('/images/default/content/signEnd_blur.png') no-repeat center center;
    position: absolute;  top: 0;  left: 50%;  transform: translate(-50%, 0);  z-index: -1;  background-size: 100% auto;  background-blend-mode: color-burn;}
.signEnd_img .showing01 {position: absolute; top: 3.5rem; right: 42.66%; width:12.4rem; height:14.5rem; animation-name: showing01; animation-duration: 1000ms;  animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; animation-delay: 800ms;}
.signEnd_img .showing02 {position: absolute; top:3.5rem; left: 49.41%; width:11.45rem; height:8.8rem; animation-name: showing02; animation-duration: 1000ms;  animation-fill-mode: both; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-delay: 1000ms;}


.signEnd_img .img_l {width: 100%; height: 100%; background: url('/images/default/content/signEnd_girl.png') no-repeat center center; background-size: 100% auto; transform: translate3d(0, 0, 0);  z-index: 0; z-index:1;}
.signEnd_img .img_l:before {content:''; display:block; width:3.8rem; height:5.4rem; background: url('/images/default/content/signEnd_arm.png') no-repeat right bottom; position: absolute; top:0.46rem; left:-1.8rem; background-size: 100% auto; transform: rotate(0); transition: all 1s cubic-bezier(0.17, 1.02, 0.30, 0.99); z-index: 0; z-index:1;     animation: signEnd_arm 2s infinite alternate;}

.signEnd_img .img_l:after {content:''; display:block; width:2.55rem; height:1.85rem; background: url('/images/default/content/signEnd_star01.png') no-repeat center center; position: absolute; top:45%; left:-3rem; background-size: 100% auto;  opacity: 0;  animation: star 0.5s 2s ease-in-out forwards, glow 1s 3s infinite linear alternate;}


.signEnd_img .img_r {width: 100%; height: 100%; background: url('/images/default/content/signEnd_com.png') no-repeat center center; background-size: 100% auto; transform: translate3d(0, 0, 0); transition: all 0.3s; z-index: 0;} 
.signEnd_img .img_r:after {content:''; display:block; width:1.05rem; height:auto; aspect-ratio:1; background: url('/images/default/content/signEnd_star02.png') no-repeat center center; position: absolute; bottom:-1.5rem; left:50%; background-size: 100% auto; opacity: 0;  animation: star 0.5s 2.5s ease-in-out forwards, glow 1.5s 3s infinite linear alternate;}

/*회원가입 이미지 애니메이션*/
@keyframes showing01 {
    from {
        transform-origin: left bottom;
        transform: translateX(-10%) scale(0) rotate(50deg);
    }

    to {
        transform-origin: left bottom;
        transform: translateX(0px) scale(1) rotate(0deg);
    }
}
@keyframes signEnd_arm {
    from {
        transform-origin: right bottom;
        transform: rotate(0deg);
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-15deg);
    }
}
@keyframes showing02 {
    from {
        transform-origin: right bottom;
        transform: translateX(10%) scale(0) rotate(-50deg);
    }

    to {
        transform-origin: right bottom;
        transform: translateX(0px) scale(1) rotate(0deg);
    }
}

@keyframes star {
  0% {
    opacity: 0;
    transform: scale(0) rotateY(20deg)
  }
  40% {
    transform: scale(1.5)
  }
  50% {
    transform: scale(0.9)
  }
  60% {
    opacity: 1;
    transform: scale(1.2)
  }
  70% {
    transform: scale(0.95)
  }
  80% {
    transform: scale(1.1)
  }
  90% {
    transform: scale(0.98) rotateY(0)
  }
  100% {
    opacity: 1;
    transform: scale(1)
  }
}
@keyframes glow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.mem_tb ul li .birth_wrap select {background-size: 0.4rem;}
.mem_tb ul li .td:has(.chooseGrd) {gap: 0.5rem;}
.mem_tb ul li .td:has(.chooseGrd) .arBtn {}
.mem_tb ul li.phone .td {flex-direction:row; flex-wrap: wrap; gap:0.5rem 1rem;}
.mem_tb ul li.phone .phone_input_wrap {flex:1;}
.mem_tb ul li.phone .phone_input_wrap > button {max-width:6rem;}
.mem_tb ul li.phone #phoneStatus {flex-basis:100%; margin-left:0; display:none;}
.mem_tb ul li.phone #phoneStatus.fail {display:block;}
.mem_tb ul li .chooseGrd .grdSelect {min-width:15rem;}
.mem_tb ul li .chooseGrd .select-wrap {display:flex; gap: 0.5rem;}


@media (max-width:1024px){
	.mem_tb .mem_tbox{padding:0; background:none; border:none;}
	.mem_tb{padding:3rem 1rem; border-width:0.5rem}
	.mem_tb ul li{display:block; border-bottom:1px solid #ddd; padding-bottom:1rem;}
	.mem_tb ul li:is(.normal, .unnormal) {margin: 0; flex-direction:column;}
	.mem_tb ul li .th, .mem_tb ul li .td{border:none;padding:0;}
	.mem_tb ul li .th{margin-top:1rem; margin-bottom:5px; font-weight:500; justify-content: flex-start;}
	.mem_tb ul li:is(.normal, .unnormal) .th {flex-basis: auto;}
	.mem_tb ul li:first-child .th{margin-top:1rem;}
	.mem_tb ul li input[type="text"],
	.mem_tb ul li input[type="password"],
	.mem_tb ul li .td p,
	.mem_tb ul li .arBtn label,
	.mem_tb ul li .arBtn.email label{width: 100% !important;}
	.mem_tb ul li.phone .td > div{display:flex; flex-direction: row; flex-wrap:wrap; gap:0.2rem; align-items: center; }
	.mem_tb ul li.phone .td input{width:calc(33.3% - (0.2rem * 3.3)) !important;}
	.mem_tb ul li.phone .td label{flex:1;}
	.mem_tb ul li.phone .td label > input{width:100% !important;}
	.mem_tb ul li.phone .td button{flex:1; margin:0;}
	
	.mylist_btns dd{display:block;}
	.mylist_btns dd button{display: block; margin:1rem auto 0;}
}
@media (max-width:768px){
	.member_form{width: 100%;}
	
	.sign_end {overflow:hidden;}
	.signEnd_img:after {width: 100%; height: 50%; background-size: contain;}
	.signEnd_img .showing01 {right:35%; width:9rem; height:10.5rem;}
	.signEnd_img .showing02 {left:45%; width: 9rem; height: 6.9rem;}
	
	.signEnd_img .img_l:before {width:2.5rem; height:3.55rem;top: 0.5rem;left: -1.08rem;}
	.signEnd_img .img_l:after {width: 1.5rem; left: -1.5rem;}
	.signEnd_img .img_r:after {width:0.9rem;}
	
	.birth_wrap {display:flex; gap:0.5rem;}
	.mem_tb ul li .birth_wrap label {padding-right:0; width: 100%;}
	.mem_tb ul li .birth_wrap select {min-width: unset !important; width: 100%;}
	.mem_tb ul li.phone .td {flex-direction:column;}
	.mem_tb ul li.phone .phone_input_wrap > button {max-width:100%;}
	.mem_tb ul li .td:has(.chooseGrd) .arBtn {flex-direction:column;}
	.mem_tb ul li .chooseGrd .grdSelect {min-width:unset; width:100%;}
}
@media (max-width:500px){
	.mem_tb ul li .arBtn:has(#captcha) {flex-wrap:wrap;}
	.mem_tb ul li .arBtn:has(#captcha) label {flex:1;}
	.mem_tb ul li #soundOn {flex-basis:100%;}
}


/* 온라인문의 */
caption{display:none;}
table.online_tb {width:100%; table-layout:fixed;}
table.online_tb label{margin-right:20px;}
table.online_tb td, 
table.online_tb th{overflow:hidden; vertical-align:middle; border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2; padding:18px 20px; font-weight:normal;}
table.online_tb th{background-color:#f8f8f8; font-weight:500;}
table.online_tb img{vertical-align:middle;}
table.online_tb td.captcha{overflow:hidden;}
table.online_tb td.captcha input{float:right; width:calc(100% - 125px); }

table.online_tb .file {position:relative;}
table.online_tb .file input[type="file"] {position:absolute; top:0; left:0; width:458px; opacity:0;}
table.online_tb .file input[type="text"] {width:358px;}
table.online_tb .file a {margin-left:0.5rem; vertical-align:top;}
table.online_tb .file span {margin-left:1rem; font-size:0.85rem; color:#767676}
.fileBtn {display:inline-block; width:90px;  height:2rem; line-height:2rem; background:#919190; font-weight:normal; font-size:0.85rem; color:#fff; text-align:center;margin-left:0px !important;}
table.online_tb td.phone input{width:20%;}
input.datepicker{max-width:13rem; background:url("/images/default/content/cal.png") no-repeat 98% 50%; background-size: 1rem auto;}
input.datetimepicker{max-width:13rem; background:url("/images/default/content/cal.png") no-repeat 98% 50%; background-size: 1rem auto;}

/* 개인정보처리방침 이용약관 */
.agree-conts-new .flex {display:flex; gap:0.2rem;}
.agree-conts-new b, .agree-conts-new strong {font-weight:700;}
.important_box{padding:1rem; background:#fafafa; border:1px solid #b4b4b4; border-radius:0.25rem; -webkit-border-radius:0.25rem;}
.agree-conts-agree-conts-newnew .important_box p+p{margin-top:1rem;}

.agree-conts-new .agree-box{padding-top:4.5rem;}
.agree-conts-new .agree-box h3{ display: flex;  gap: 0.5rem;font-size:1.05rem; font-weight:700; color: #214383; margin-bottom:0.5rem; }
.agree-conts-new .agree-box h3 + p:not(.list){font-weight:500;  margin-bottom:0.5rem;}
.agree-conts-new .agree-box .bar{position:relative; margin-top:0.25rem; padding-left:0.5rem; }
.agree-conts-new .agree-box .bar:before{content:'-'; position:absolute; left:0px; top:0px;}
.agree-conts-new .agree-box .emp{display:flex; margin-top:0.5rem; gap:0.2rem; }
.agree-conts-new .agree-box .emp em{color: #ffc603;}
.agree-conts-new .agree-box table{background:#fafafa;}

.agree-conts-new .na_chart{display:flex; flex-wrap:wrap; border:1px solid #b4b4b4; border-bottom:none; background:#fafafa; border-radius:0.25rem; -webkit-border-radius:0.25rem; margin-top:1rem;}
.agree-conts-new .na_chart > li{flex:1 0 49%; font-size: 0.85rem; font-weight:500; border-bottom: 1px solid #ddd;}
.agree-conts-new .na_chart > li:nth-child(even) {border-left:1px solid #b4b4b4;}
.agree-conts-new .na_chart > li a{padding: 0.8rem 1rem;  position:relative; display: flex; align-items: center; gap: 0rem 0.6rem; line-height: 1;}
.agree-conts-new .na_chart > li a [class*="priIcon"]{aspect-ratio: 1;}

.agree-conts-new [class*="priIcon"]{display:inline-block; width:2rem; height:2rem; background-size:100%; background-repeat:no-repeat; background-position:0 0;  vertical-align: middle;}
.agree-conts-new .priIcon01{background-image:url('/images/default/member/privacy_01.svg')}
.agree-conts-new .priIcon02{background-image:url('/images/default/member/privacy_02.svg')}
.agree-conts-new .priIcon03{background-image:url('/images/default/member/privacy_03.svg')}
.agree-conts-new .priIcon04{background-image:url('/images/default/member/privacy_04.svg')}
.agree-conts-new .priIcon05{background-image:url('/images/default/member/privacy_05.svg')}
.agree-conts-new .priIcon06{background-image:url('/images/default/member/privacy_06.svg')}
.agree-conts-new .priIcon06_a{background-image:url('/images/default/member/privacy_06-a.svg')}
.agree-conts-new .priIcon07{background-image:url('/images/default/member/privacy_07.svg')}
.agree-conts-new .priIcon08{background-image:url('/images/default/member/privacy_08.svg')}
.agree-conts-new .priIcon09{background-image:url('/images/default/member/privacy_09.svg')}
.agree-conts-new .priIcon09_a{background-image:url('/images/default/member/privacy_10-a.svg')}
.agree-conts-new .priIcon10{background-image:url('/images/default/member/privacy_10.svg')}
.agree-conts-new .priIcon10_b{background-image:url('/images/default/member/privacy_10-b.svg')}
.agree-conts-new .priIcon11{background-image:url('/images/default/member/privacy_11.svg')}
.agree-conts-new .priIcon12{background-image:url('/images/default/member/privacy_12.svg')}
.agree-conts-new .priIcon13{background-image:url('/images/default/member/privacy_13.svg')}
.agree-conts-new .priIcon14{background-image:url('/images/default/member/privacy_14.svg')}

@media screen and (max-width:1700px) {
	.agree-conts-new{width:100%;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
	.agree-conts-new .na_chart > li {flex:100%;}
	.agree-conts-new .na_chart > li:nth-child(even) {border-left:none;}
}
@media screen and (max-width:540px) {
	.agree-conts-new .agree-box h3 { flex-direction: column;  align-items: flex-start;}
	.agree-conts-new .na_chart > li a { flex-direction: column;  align-items: flex-start;}
}

/* 쇼트컷 */
.shortcut {display:flex; flex-wrap:wrap; border: 1px solid #b4b4b4; border-radius: 0.25rem; -webkit-border-radius:0.25rem; background:#fafafa;}
.shortcut > li {width:calc(100%/6);border-right: 1px solid #b4b4b4;}
.shortcut > li:last-child {border-right:none;}
.shortcut > li a {display:block; width:100%; height:100%; }
.shortcut > li a .icon_zone {padding: 0.75rem; height: 7rem;  display: flex;  justify-content: center;  align-items: center;  border-bottom: 1px solid #b4b4b4;}
.shortcut > li a .icon_zone img {width:5rem; height:auto;}
.shortcut > li a .text_zone { text-align: center;  padding: 0.75rem;  height: calc(100% - 7rem);  display: flex;   justify-content: center;  align-items: center;}
.shortcut_notice { color: #555;  margin-top: 0.5rem;  display: block;}


@media (max-width: 1024px){
	.shortcut > li {width:calc(100% / 3);}
	.shortcut > li:nth-child(3) {border-right:none;}
	.shortcut > li:nth-child(n+1):nth-child(-n+3) {border-bottom: 1px solid #b4b4b4;}
	.agree-conts-new .na_chart > li a {gap: 0.5rem;}
}
@media (max-width: 390px){
	.shortcut > li {width:calc(100% / 2);}
	.shortcut > li:nth-child(3) {border-right:1px solid #b4b4b4;}
	.shortcut > li:nth-child(4) { border-bottom: 1px solid #b4b4b4;}
	.shortcut > li:nth-child(2), .shortcut > li:nth-child(4) { border-right: 0;}
}

.agree-conts-new{border: 1px solid rgba(197, 197, 197, 0.5); border-radius: 2rem; -webkit-border-radius: 2rem;   background: #fff;  padding: 3.5rem 4rem;}
.agree-conts-new .list_area{display:flex; gap:2rem;}
.agree-conts-new .list_area li{flex:1; border:1px solid #b4b4b4;}
.agree-conts-new .list_area .box-1{background: #F3F8FA; display: flex; align-items: center;  justify-content: center; height:4rem; font-weight:600; color: #2557B9; text-align:center;}
.agree-conts-new .list_area .box-2{display:block; padding:1rem; }

.agree-conts-new .list{margin-top:1rem;}
.agree-conts-new .list li,
.agree-conts-new p.list{position:relative; display:flex; padding-left:1.6rem; }
.agree-conts-new .list.list-b li{flex-direction: column; gap:0.5rem 0;}
.agree-conts-new .list li em,
.agree-conts-new p.list em{position:absolute; left:0px; top:0.16em; display:inline-flex; justify-content: center; align-items: center; width:1.1rem; height:1.1rem; line-height:1.1rem; font-size:0.75rem; background:#FFC603; font-weight:600; color: #212121; border-radius:50%; -webkit-border-radius:50%; text-align:center;}
.agree-conts-new .list li + li{margin-top:0.75rem;}
.agree-conts-new .list-2.list-2bg{ background:#fafafa;  border:1px solid #b4b4b4; border-radius:0.25rem; -webkit-border-radius:0.25rem; padding:1rem; }
.agree-conts-new .list-2{margin-top:0.5rem;  padding:0.5rem 1rem 0.5rem 2rem;}
.agree-conts-new .list-2 li{display:flex; gap:0.5rem;}
.agree-conts-new .list-2 li.row{flex-direction: column; gap:0.5rem 0;}
.agree-conts-new .list-2 li em{font-weight:600; color: #27447a;}
.agree-conts-new .tableWrap{margin-top:0.5rem; }
.agree-conts-new .list-2 li+li{margin-top:0.5rem;}

.agree-conts-new .agree-file-wrap{width:100%;}
.agree-conts-new .agree-file{margin-top:0.5rem; display:flex; flex-wrap:wrap; gap:1rem;}
.agree-conts-new .agree-file a{flex:1 0 49%; display:flex; justify-content: space-between; align-items: center; background:#214383; color:#fff; text-align:center;  }
.agree-conts-new .agree-file a span{ padding: 0 1rem; text-align: left;}
.agree-conts-new .agree-file a i{display: flex; align-items: center;  justify-content: center; background:#FFC603; color:#212121; padding:1rem; }

.agree-conts-new .report_infringement{padding:1rem; background:#fafafa; border:1px solid #b4b4b4; border-radius:0.25rem; -webkit-border-radius:0.25rem;}
.agree-conts-new .report_infringement p{text-align:center; margin-bottom:0.5rem;}
.agree-conts-new .report_infringement ul{display:flex; flex-wrap:wrap; }
.agree-conts-new .report_infringement ul li{position:relative; display: flex; flex-direction: column;justify-content: space-between; flex:1; margin:1rem; border-radius:0.5rem; -webkit-border-radius:0.5rem;background:#fff; padding:1rem; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.agree-conts-new .report_infringement ul li:before{content: "\ea6e"; position:absolute; left:-2rem; top:50%; font-family: "remixicon"; transform:translateY(-50%); color:#888; font-size:1.3rem; width: 2rem; text-align: center;}
.agree-conts-new .report_infringement ul li:first-child:before{display:none;}
.agree-conts-new .report_infringement ul li span{padding:0.5rem 0; }
.agree-conts-new .report_infringement ul li span.rep-01{font-weight:600; color:#2557B9; border-bottom:1px solid #b4b4b4 }
.agree-conts-new .report_infringement ul li span.rep-02{height:4rem;display: flex; align-items: center;  justify-content: center;}
.agree-conts-new .report_infringement ul li span.rep-03{border-top:1px solid #b4b4b4; background:#F4F4F4; font-weight:500; color:#666;}

.agree-conts-new .link{display:block; padding:0.5rem 1rem; border:1px solid #b4b4b4; border-radius:0.25rem; -webkit-border-radius:0.25rem; margin-top:0.4rem; cursor:pointer;}
.privacy-pop{/* display:none; */ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 9999; }
.privacy-pop-cont{position:absolute; left:50%; top:50%; width:50rem; height:80vh; background:#fff; transform:translate(-50%,-50%);  }
.privacy-pop-cont .scroll{overflow-y:auto;     height: calc(100% - 3rem); padding: 1rem;}
.privacy-pop-cont .pop-tit{border-bottom:1px solid #b4b4b4;  display: flex; align-items: center; justify-content: space-between; font-weight:600; font-size:1.3rem; height: 3rem; padding:0 1rem;}
.privacy-pop-cont .pop-tit .closeBtn{font-weight:400; cursor:pointer;}


/* 개인정보처리방침 리스트 */
.agree-conts-new .dot-list {padding-left: 1.25rem; margin-top: 0.5rem;}
.agree-conts-new .dot-list li{position:relative; padding-left:1.5rem;}
.agree-conts-new .dot-list li + li{margin-top:0.25rem;}
.agree-conts-new .dot-list li em{position:absolute; left:0; top:0.2em; display:inline-block; width:1.1rem; height:1.1rem; line-height:1.1rem; font-size:0.8rem; background:#2557B9; font-weight:500; color: #fff; border-radius:50%; text-align:center;}
.agree-conts-new .dot-list li strong{display:block; font-weight:600; color:#333;}
.agree-conts-new .dot-list li ul{margin-top:0.5rem; padding-left:0; font-size:0.85rem;}
.agree-conts-new .dot-list li{padding-left:0.5rem;}
.agree-conts-new .dot-list li:before{content : ""; display : block; position : absolute; left : 0; top:0.6em;  width :3px; height : 3px; background : #7f7f7f; border-radius:50%;}


/* 개인정보 처리방침 표 */
.tableWrap table { margin:0;  clear:both; width:100%;}
.tableWrap table thead tr th {color: #214383; font-weight:500; background:#f4f6fa; text-align:center; padding:0.5rem; border-top:2px #214383 solid; border-bottom:1px #d5d5d5 solid; }
.tableWrap table tbody tr td {color: #575757; padding:0.5rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5;}
.tableWrap table tbody tr td:last-child{border-right:none;}
.tableWrap table tbody tr th{color: #575757; padding:1rem; border-bottom:1px solid #dadada;  text-align:center; vertical-align:middle;border-right: 1px solid #d5d5d5; background:#F7F7F7;}
.tableWrap table tbody tr td.bg{background:#F7F7F7;}
.tableWrap_h table { border-top:2px solid #2557B9;}
.tableWrap_h table tbody tr th {color: #2557B9;  font-weight: 500;  background: #F3F8FA;  text-align: center;  padding: 0.8rem;}

#agree08 .tableWrap table tbody tr td {text-align:left;}

@media (max-width: 1024px){
	.report_infringement ul li{flex:1 0 calc(25% - 2rem);}
	.privacy-pop-cont{width:90%;}
}
@media (max-width: 768px){
	.tableWrap{position: relative; display: inline-block;  overflow-x: auto; width: 100%;  white-space: nowrap;}
	.tableWrap table {table-layout: auto;}
	.agree-conts-new .list_area{gap:1rem;; flex-wrap: wrap}
	.agree-conts-new .list_area li{flex:1 0 100%;}
	.report_infringement ul li{flex:1 0 calc(50% - 2rem);}
	.agree-conts-new .list li em,
	.agree-conts-new p.list em {top:0.12rem;}

	#agree07 .list-2.list-2bg li{flex-wrap:wrap;}
	#agree07 .list-2.list-2bg li div.row {flex-basis:100%;}
}

/* 기존 개인정보처리방침 팝업 */
.agree-conts-new .link{display:block; padding:0.5rem 1rem; border:1px solid #e6e6e6; border-radius:0.25rem; -webkit-border-radius:0.25rem; margin-top:0.4rem; cursor:pointer;}
.privacy-pop{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 9999; }
.privacy-pop-cont{position:absolute; left:50%; top:50%; width:50rem; height:80vh; background:#fff; transform:translate(-50%,-50%);  }
.privacy-pop-cont .scroll{overflow-y:auto;     height: calc(100% - 3rem); padding: 1rem;}
.privacy-pop-cont .pop-tit{border-bottom:1px solid #e6e6e6;  display: flex; align-items: center; justify-content: space-between; font-weight:600; font-size:1.3rem; height: 3rem; padding:0 1rem;}
.privacy-pop-cont .pop-tit .closeBtn{font-weight:400; cursor:pointer;}

@media (max-width: 1024px){
	.report_infringement ul li{flex:1 0 calc(25% - 2rem);}
	.privacy-pop-cont{width:90%;}
}
@media (max-width: 768px){
	.agree-conts-new .list_area{gap:1rem;; flex-wrap: wrap}
	.agree-conts-new .list_area li{flex:1 0 100%;}
	.report_infringement ul li{flex:1 0 calc(50% - 2rem);}
}

/* 기존 개인정보처리방침  */
.agree-conts{line-height:1.5; word-break:keep-all; border: 1px solid rgba(197, 197, 197, 0.5); border-radius: 2rem; -webkit-border-radius: 2rem;   background: #fff;  padding: 3.5rem 4rem;}
.agree-conts h3{font-size:23px;color:#000;font-weight:700;margin-top:70px;margin-bottom:15px;}
.agree-conts h3:first-child{margin-top:0;}
.agree-conts h4{font-size:20px; margin-top:40px;color:#333;}
.agree-conts h5{margin-bottom:15px; margin-top:25px;}
.agree-conts p {margin-bottom:10px;margin-top:20px;color:#333;}
.agree-conts ul li.list2{padding:20px;}



/*이메일무단수집거부*/
div.emailPolicy {width:100%;margin:0 auto;border:1px solid #d9d9d9;padding:1.5rem 2.5rem 1.5rem 1.5rem; border-radius:2rem; -webkit-border-radius:2rem; background:#fff url('/images/default/content/email_ico.png') no-repeat 2.5rem 1.25rem;box-sizing:border-box;}
div.emailPolicy div.email_desc {margin-left:10rem;padding-left:1.5rem;border-left:1px solid #e8e8e8;}
div.emailPolicy li.law_tit {color:#000;margin-bottom:0.5rem;font-weight:600;}
div.emailPolicy li.list2 {padding-left:0.5rem;margin-top:0.5rem;}
div.emailPolicy p {margin-bottom:0.5rem;}
div.emailPolicy p span.point {font-weight:600;color:#1546ac;}


@media (max-width: 1400px){
	.agree-conts-new,
	.agree-conts{width: calc(100% - 2rem); margin: 0 1rem; padding: 2.5rem 1rem;}

}
@media (max-width: 768px){
	.online_tb td, .online_tb th{ font-size:.95rem; }
	.online_tb td{padding:18px 10px;}
	.online_tb td input[type="text"],
	.online_tb td input[type="password"]{width:100%;}
	.online_tb .file input[type="text"]{width:calc(100% - 94px)}
	.online_tb td.input select{width:40%;  min-width:auto;}
	.online_tb td.captcha img{}
	.online_tb .btnR{width:100%;}
	.online_tb td.phone input{width:28.33%;}
	div.emailPolicy{background-position: left 50%  top 1.25rem;}
	div.emailPolicy div.email_desc{margin-left:0; margin-top:7.5rem; padding-left:0; padding-top:1.5rem; border-left:none; border-top:1px solid #e8e8e8;}
	div.emailPolicy ul{font-size:1rem;}
}

@media (max-width: 524px){
	.online_tb td.captcha input[type="text"]{width:100%; margin-top:5px;}
}

@media (max-width:480px){
	.agree-conts .pro_btn a{width:100%; text-align:center; background:#0D1C40; color:#fff; box-shadow: 0 20px 60px rgba(74,73,72,0.1);}
}


/* 비밀번호 */

/* 회원 패스워드 만료 CSS */

.editPass {background:#fff; padding:2rem; border-radius:2rem; -webkit-border-radius:2rem;}
.editPass .txt{background:#fff;}
.editPass .txt b{color:var(--yellow);}
.editPass .tit{display:flex; align-items: center; justify-content: center; gap:1rem; border-bottom:1px solid #ddd; padding:1rem; margin-bottom:1rem;}
.editPass .tit h4{font-size:1.3rem;line-height: 1.2;  color:#121212; text-align:left; }
.editPass .tit h4 b{color:var(--yellow);}
.editPass .bg{padding:1rem; background:var(--base); margin-top:1rem; border-radius:2rem; -webkit-border-radius:2rem;}
.editPass .bg small{display:block; line-height:1.2; color:#888; margin-top:0.5rem;}
.editPass ul{width:30rem; margin:0 auto;}
.editPass ul li{display:flex; align-items: center}
.editPass ul li:not(:first-child){margin-top:0.5rem;}
.editPass ul li label{width:7rem; flex-shrink: 0; text-align: left;  font-weight: 600;}
.editPass ul li input{ height: 2.2rem; background: #fff url(/images/default/main/icon_pw.svg) no-repeat right 0.75rem top 50%; background-size: 1.2rem 1.2rem;}
.editPass .btns{display: flex; gap: 1rem; justify-content: center; width:100%; position:relative; margin-top:2rem;}
.editPass .btns button{ display: block; width:10rem; height: 3rem; line-height: 3rem; font-size: 0.85rem;  background: #fff; color: #888; border:1px solid #eee;}
.editPass .btns button.btnSubmit{background: var(--yellow); color: var(--black);}

@media (max-width: 1440px){
	.editPass{margin:0 1rem;}
	
}
@media (max-width: 1024px){
	.editPass ul{width:100%;}
}
@media (max-width: 768px){
	.editPass {padding:2rem 1rem; }
	.editPass .bg{border-radius: 1rem; -webkit-border-radius:1rem;}
	.editPass .tit{padding:0 0 1rem; flex-direction: column; }
	.editPass .tit h4{font-size:1.2rem; text-align:center;}
	.editPass .txt p br{display:none;}
	.editPass ul li label{width:5rem; font-size:0.8rem;}
	.editPass .btns button{width:calc(50% - 0.5rem);}
}



/* 폼테이블 */
.form_tb{width:100%; border-collapse: separate; border-spacing: 0;  }
.form_tb th{padding:1rem; font-size:1.05rem; font-weight:500; background:#1D1805; color:#fff; text-align:left; border-bottom:1px solid #E9E9E8;}
.form_tb th em{color:#ff3d3d;}
.form_tb td{padding:1rem 2.25rem; border-bottom:1px solid #E9E9E8;}
.form_tb td .arBtn{display:flex; gap:0.5rem; align-items: center; flex-wrap:wrap;}
.form_tb td .arBtn select{width:100%;}
.form_tb td .arBtn .dateFlex{display:flex; align-items: center; gap:0.5rem;} 
.form_tb td .arBtn .dateFlex input[type="text"]{background:#fff url('/images/default/content/icon_cal.svg')no-repeat right 0.5rem top 50%; min-width: 10rem;}
.form_tb td .arBtn .authMsg{color:#78B80A;}
.form_tb td label{display:inline-block;}
.form_tb td input[type="text"].w150{width:7.5rem;}
.form_tb td .arBtn .formBtn{height:50px; padding:0 1rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; background:var(--yellow); border:1px solid rgba(100,100,100,0.5); font-size:0.85rem; color:var(--black); cursor:pointer;}
.form_tb tr:first-child th:first-child{border-top-left-radius:1rem;}
.form_tb tr:last-child th:first-child{border-bottom-left-radius:1rem; }

@media (max-width:1024px){
	.form_tb th{text-align:center;}
	.form_tb th [class^="one_icon"]{margin:0 auto; display:block; }
	.form_tb td{padding:1rem; }
	
}
@media (max-width:768px){
	.form_tb colgroup{display:none;}
	.form_tb tr{display:flex;  flex-wrap: wrap; }
	.form_tb th,
	.form_tb td{display:block;  padding:0.5rem; flex-shrink: 0;}
	.form_tb td{padding:0.5rem; width:65%; }
	.form_tb th{text-align:left; width:35%;  display: flex; justify-content: center;  /* align-items: center; */  flex-direction: column;}
	.form_tb tr:first-child th:first-child{border-top-right-radius:0;}
	.form_tb tr:last-child th:first-child{border-bottom-left-radius:0;}
	.form_tb th [class^="one_icon"]{margin-right:0.25rem; display:inline-block; }
	.form_tb td.radio_td span{display:block;}
}

[class^="one_icon"]{display:inline-block; width:1.7rem; height:1.7rem; background-repeat:no-repeat; background-size:100% auto; background-position:50% 50%; margin-right:0.5rem;}
.one_icon01{background-image:url('/images/default/content/one_icon01.svg')}
.one_icon02{background-image:url('/images/default/content/one_icon02.svg')}
.one_icon03{background-image:url('/images/default/content/one_icon03.svg')}
.one_icon04{background-image:url('/images/default/content/one_icon04.svg')}
.one_icon05{background-image:url('/images/default/content/one_icon05.svg')}
.one_icon06{background-image:url('/images/default/content/one_icon06.svg')}
.one_icon07{background-image:url('/images/default/content/one_icon07.svg')}
.one_icon08{background-image:url('/images/default/content/one_icon08.svg')}
.one_icon09{background-image:url('/images/default/content/one_icon09.svg')}
.one_icon10{background-image:url('/images/default/content/one_icon10.svg')}
.one_icon11{background-image:url('/images/default/content/one_icon11.svg')}
.one_icon12{background-image:url('/images/default/content/one_icon12.svg')}
.one_icon13{background-image:url('/images/default/content/one_icon13.svg')}
.one_icon14{background-image:url('/images/default/content/one_icon14.svg')}
.one_icon15{background-image:url('/images/default/content/one_icon15.svg')}
.one_icon16{background-image:url('/images/default/content/one_icon16.svg')}
.one_icon17{background-image:url('/images/default/content/one_icon17.svg')}
.one_icon18{background-image:url('/images/default/content/one_icon18.svg')}
.one_icon19{background-image:url('/images/default/content/one_icon19.svg')}
.one_icon20{background-image:url('/images/default/content/one_icon20.svg')}
.one_icon21{background-image:url('/images/default/content/one_icon21.svg')}
.one_icon22{background-image:url('/images/default/content/one_icon22.svg')}

/* 블릿 */
.port_title{position:relative;  margin-bottom:2.25rem;}
.port_title button{position:absolute; right:0px; top:0px;}
.bullet{font-size:1.7rem; color:var(--black); padding-left:2.7rem; background:url('/images/default/content/bullet.svg')no-repeat 0 50%; background-size:auto 1.6rem; line-height: 1.2;}

/* 포트폴리오 리스트*/

.tab_box{}
.tab_box ul{display:flex;}
.tab_box ul li{position:relative; flex:1; min-width:12.5%; max-width:33%; height:5.5rem; line-height:3.75rem;  border-radius:2rem 2rem 0 0; -webkit-border-radius:2rem 2rem 0 0; border:1px solid rgba(197,197,197,0.5); background:#F9F5EE; color:#757062; font-size:1.05rem; font-weight:500; text-align:center; }
.tab_box ul li a{display:block; cursor:pointer;  z-index: 1; position: relative;}
.tab_box ul li.on{background:var(--yellow); color:var(--black); z-index:1;}
.tab_box ul li.on:after{content:""; position:absolute; right:-2.6rem; top:-1px; width:4.45rem; height:3.75rem; background:url('/images/default/content/folder_tab.svg')no-repeat right 0%; background-size:100% auto; }
.tab_box ul li.on:before{content:""; position:absolute; left:-2.6rem; top:-1px; width:4.45rem; height:3.75rem; background:url('/images/default/content/folder_tab.svg')no-repeat right 0%; background-size:100% auto; transform: scaleX(-1);}
.tab_box ul li.on:first-child:before{display:none;}
.tab_box ul li.on:last-child:after{display:none;}
.tab_box ul li.on:last-child:nth-of-type(1):after{display:block;}

.tab_box + .tab_cont{margin-top:-1.76rem;}
.tab_cont{position:relative; background:var(--yellow); border-radius:2rem; -webkit-border-radius:2rem; padding:1.5rem;  z-index:1; box-shadow:0 2.5rem 0 #1D1805; margin-bottom:2.5rem;}

.port_info_wrap{display:flex; gap:0 5rem; justify-content: space-between; align-items: center; background:var(--black); border:1px solid rgba(197,197,197,0.5); border-radius:2rem; -webkit-border-radius:2rem; margin-bottom:1rem; padding:3rem; color:#fff;}
.port_info_wrap .port_info{width:30%;}
.port_info_wrap .port_info .port_info_name{display:flex; gap:1rem; }
.port_info_wrap .port_info .port_info_name span{display:block; width:3.2rem; height:3.2rem; background:  linear-gradient(135deg, #ffc603 0%, #000 40%, #000 100%); border:1px solid rgba(255,255,255,0.5);  flex-shrink: 0; text-align: center; line-height: 3rem; font-size: 1.3rem; border-radius: 50%; -webkit-border-radius:50%;}
.port_info_wrap .port_info .port_info_name p{flex:1; font-size:0.85rem; font-weight:300; line-height: 1.2;}
.port_info_wrap .port_info .port_info_name p strong{font-size:1.05rem; }
.port_info_wrap .port_info .port_info_name p strong b{color:var(--yellow);}
.port_info_wrap .port_info .port_info_prog{margin-top:2rem;}
.port_info_wrap .port_info .port_info_prog .progress{position:relative; width:100%; height:2px; background:rgba(255,255,255,0.5); margin:0.75rem 0;}
.port_info_wrap .port_info .port_info_prog .progress .bar{position:absolute; left:0px; top:0px; height:100%; background:#4BD113;}
.port_info_wrap .port_info .port_info_prog .progress .bar:after{content:""; position:absolute; right:-0.3rem; top:-0.25rem; width:0.6rem; height:0.6rem; border-radius:50%; -webkit-border-radius:50%; background:#4BD113; }
.port_info_wrap .port_info .port_info_prog span{display:block; color:rgba(255,255,255,0.7); font-size:0.75rem; }
.port_info_wrap .port_info .port_info_prog span b{display:inline-block; font-size:0.95rem; color:rgba(255,255,255,1); margin-right:0.3rem;}
.port_info_wrap .port_class ul{display:flex; flex-wrap: wrap; gap:2.3rem 0;}
.port_info_wrap .port_class ul li{width:50%; display:flex; gap:1rem;  }
.port_info_wrap .port_class ul li i{display: flex; align-items: center;  justify-content: center; flex-shrink: 0; width:2rem; height:2rem; background:rgba(255,255,255,0.2); border-radius:50%;}
.port_info_wrap .port_class ul li p{ font-weight:300;}
.port_info_wrap .port_class ul li p span{display:block; font-size:0.75rem; font-weight:300; line-height: 1.1; color:rgba(255,255,255,0.7);}
.port_info_wrap .port_class ul li p span b{display:inline-block; font-size:1.3rem; font-weight:700; color:rgba(255,255,255,1); margin-right:0.3rem; }
.port_info_wrap .port_box{width:33%; background:linear-gradient(45deg, #4A4223, #141005, #4A4223); border:1px solid rgba(255,255,255,0.2);  border-radius:1rem; -webkit-border-radius:1rem; padding:1.5rem;}
.port_info_wrap .port_box .h4{position:relative; display:flex; gap:1rem; justify-content: space-between; align-items: center; margin-bottom:0.75rem; color:rgba(255,255,255,0.7); font-size:0.75rem;}
.port_info_wrap .port_box .h4 p{display: flex; flex-wrap: wrap; align-items: center;}
.port_info_wrap .port_box .h4 b{font-size:0.95rem; font-weight:500; margin-right:0.4rem; color:rgba(255,255,255,1);}
.port_info_wrap .port_box .h4 .finish{display:block; line-height:1.5rem; padding:0 1rem; font-size:0.75rem; font-weight:500;  color:var(--black); background:rgba(255,198,3,1); border:1px solid rgba(255,255,255,0.5); border-radius:0.8rem; -webkit-border-radius:0.8rem;}
.port_info_wrap .port_box .h4 .finish.ing{background:rgba(255,198,3,0.24); color:#fff;}
.port_info_wrap .port_box .port_text{padding:0.5rem; text-align:center; text-wrap: balance; background:#f9f5ee; border-radius:0.5rem; -webkit-border-radius:0.5rem; font-weight:500; line-height:1.2; color:var(--black); margin-bottom:1rem;}
.port_info_wrap .port_box .port_time{padding-top:1.8rem; display: flex; flex-wrap: wrap; gap:0.3rem; justify-content: space-between;}
.port_info_wrap .port_box .port_time .time_progress{width: 100%; position:relative; height:0.6rem; background:rgba(255,255,255,0.5); border-radius:0.3rem; -webkit-border-radius:0.3rem; }
.port_info_wrap .port_box .port_time .time_progress .bar{position:absolute; left:0px; top:0px; height:100%; border-radius:0.3rem; -webkit-border-radius:0.3rem; background:var(--yellow); transition: all 0.2s ease-out 0s;}
.port_info_wrap .port_box .port_time .time_progress .bar em{position:absolute; right:0rem; top:-2.2rem; padding-bottom: 1.4rem; font-size:0.75rem; color:var(--yellow); white-space: nowrap; transform: translateX(57%);}
.port_info_wrap .port_box .port_time .time_progress .bar em:before{content:""; position:absolute; left:0.2rem; bottom:0; width:1.3rem; height:1.6rem; background:url('/images/default/content/time_prog.png')no-repeat 0 0; background-size:100%;}

.port_info_wrap .port_box .port_time .first,
.port_info_wrap .port_box .port_time .last{opacity:0.7; font-size:0.65rem; }
.port_info_wrap .port_box .port_time .first em,
.port_info_wrap .port_box .port_time .last em{font-size:0.75rem;}

.port_cont{background:#fff; border:1px solid rgba(197,197,197,0.5); border-radius:2rem;  -webkit-border-radius:2rem; padding:3rem; }
.port_cont_title{position:relative; margin-bottom:2rem; text-align:center;}
.port_cont_title h4{font-size:1.3rem; color:var(--black); font-weight:400;}
.port_cont_title .viewBtn{position:absolute; right:0px; top:0px; }
.port_cont_title .pdfAllBtn{position:absolute; left:0px; top:0px; }

/*검색*/
.port_search_wrap{padding:1.5rem 7rem; border-radius:1rem; -webkit-border-radius:1rem; background:url('/images/default/content/port_search_bg.jpg')no-repeat 50% 50%; background-size:cover; margin-bottom:3rem;}
.port_search_wrap label{display:block; color:#333; line-height:1.5rem; }
.port_search_wrap form{display:flex; gap:1.5rem; }
.port_search_wrap select{width:100%; }
.port_search_wrap .w60{display:flex; gap:1.5rem;padding-top:1.5rem; }
.port_search_wrap button{height:2.5rem; width:5.5rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; background:var(--black); color:var(--yellow); border:1px solid rgba(255,198,3,0.5); }

/*테이블*/
.basicTb{width:100%; border-collapse: separate; border-spacing: 0;  }
.basicTb thead th{position:relative; background:#F9F4EE; padding:0.8rem; color:#333;  font-weight:400; line-height:1.2; border:1px solid #E0E0E0;  }
.basicTb thead th:not(:first-child){border-left:none;}
.basicTb thead th:not(:last-child){border-right:none;}
.basicTb thead th:not(:first-child):before{content:""; position:absolute; left:0px; top:50%; width:2px; height:0.5rem; margin-top:-0.25rem; background:#d9d2ca; }
.basicTb thead th:first-child{border-top-left-radius:2rem;}
.basicTb thead th:last-child{border-top-right-radius:2rem;}
.basicTb tbody td{border-bottom:1px solid #E0E0E0; padding:1rem; text-align:center;  font-weight:400; color:#333;}
.basicTb tbody td:first-child{border-left:1px solid #E0E0E0;}
.basicTb tbody td:last-child{border-right:1px solid #E0E0E0;}
.basicTb tbody td.stateTd{padding:1rem 0;}
.basicTb tbody td .state{display: inline-flex; align-items: center;  justify-content: center; width:7.9rem;  aspect-ratio: 79 / 57; background:#f3f3f3; border-radius:0.5rem; -webkit-border-radius:0.5rem; color:rgba(29,24,5,0.8)}
.basicTb tbody td .state.end{color:rgba(29,24,5,1); background:url('/images/default/content/port_state_end.jpg')no-repeat 50% 50%; background-size:cover; font-weight:500;}
.basicTb tbody td .open{display:inline-flex; align-items: center;  justify-content: center; height:3.5rem; width:6rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; background:#E9F1F9; color:#014089; font-weight:500; }
.basicTb tbody td .open.non{background:#F3F3F3; color:rgba(29,24,5,0.8);  font-weight:400;}
.basicTb tbody td .date{display:block; color:#666;}
.basicTb tbody td.commuState [class^="state"]{display:inline-flex; align-items: center;  justify-content: center; width:5rem; height:5rem; border-radius:50%; -webkit-border-radius:50%; font-weight:500; } 
.basicTb tbody td.commuState .state01{color:#fff; background: linear-gradient(45deg, #839bb8, #3a628f, #839bb8);}
.basicTb tbody td.commuState .state02{color:#fff; background: linear-gradient(45deg, #CFCECC, #B1B2B1, #CFCECC); border:0.35rem solid #EFEFEF;}
.basicTb tbody td.commuState .state03{color:#fff; background: linear-gradient(45deg, #9B9C9C, #626262, #9B9C9C); }
.basicTb tbody td.commuState .state04{color:#014089; background: linear-gradient(45deg, #E9F1F9, #BAD6F3, #E9F1F9); border:0.35rem solid #E0EFFD; }
.basicTb tbody td.commuState .state05{color:#fff; background: linear-gradient(45deg, #215795, #012D61, #215795); }

.basicTb tbody td.commuStateS2 [class^="state"]{display:inline-flex; align-items: center;  justify-content: center; width:5rem; height:5rem; border-radius:50%; -webkit-border-radius:50%; font-weight:500; } 
.basicTb tbody td.commuStateS2 .state01{color:#000; background: url('/images/default/content/commu_state_01.jpg')no-repeat 50% 50%; background-size:cover;} 
.basicTb tbody td.commuStateS2 .state02{color:#fff; background: linear-gradient(45deg, #CFCECC, #B1B2B1, #CFCECC); border:0.35rem solid #EFEFEF;}
.basicTb tbody td.commuStateS2 .state03{color:#000; background: linear-gradient(45deg, #FEFBF6, #FFFDF6, #FEFBF6);  border:0.35rem solid #F0EEE8 }
.basicTb tbody td.commuStateS2 .state04{color:#000; background: linear-gradient(45deg, #FAF3D7, #FDEB9C, #FAF3D7); border:0.35rem solid #FFF6DA; }
.basicTb tbody td.commuStateS2 .state05{color:#000; background: url('/images/default/content/commu_state_02.jpg')no-repeat 50% 50%; background-size:cover;}

.basicTb tbody td.myState [class^="state"]{display:inline-flex; align-items: center;  justify-content: center; flex-direction: column; width:5rem; height:5rem; border-radius:50%; -webkit-border-radius:50%;font-weight:500; } 
.basicTb tbody td.myState [class^="state"] em{font-size:0.75rem;}
.basicTb tbody td.myState .state.ing{color:#fff; background: linear-gradient(45deg, #CFCECC, #B1B2B1, #CFCECC); border:0.35rem solid #EFEFEF;}
.basicTb tbody td.myState .state.end{color:var(--black); background: linear-gradient(45deg, #ffdc64, #ffbc03, #ffdc64);}



.sbtn{display:flex; align-items: center;  justify-content: center; width:4.5rem; min-height:1.5rem; text-align:center; margin:3px auto; border-radius:0.5rem; -webkit-border-radius:0.5rem; border:1px solid rgba(100,100,100,0.5); font-size:0.75rem; text-wrap: pretty; padding: 0 0.2rem;}
.sbtn.view{background:var(--yellow); color:var(--black);}
.sbtn.edit{background:#F9F4EE; color:var(--black);}
.sbtn.del{background:#C2C2C2; color:#fff;}
.sbtn.write{background:#000; border:1px solid rgba(255,198,3,0.5); color:var(--yellow);}
.sbtn.pdf{background:#000; border:1px solid rgba(255,198,3,0.5); color:var(--yellow); padding: 0.2rem 0; letter-spacing: -1px;}
.sbtn.orange{background:#e98173; color:#fff;}
.sbtn.green{background:#3e7e4c; color:#fff;}

.viewBtn{height:2.75rem; border-radius:1.5rem; -webkit-border-radius:1.5rem; border:2px solid var(--yellow); color:var(--yellow); padding:0 1.7rem; background:linear-gradient(-45deg, #000 20%, #413D2D, #000 80%); box-shadow:0 0 1rem rgba(99,99,99,0.3); }
.viewBtn .icon_arrow{display:inline-block; margin-left:0.3rem; width:0.6rem; height:0.6rem; background:url('/images/default/content/viewBtn_arrow.svg')no-repeat 0 0; background-size:100% auto; }
.viewBtn.listBtn{background:linear-gradient(-45deg, #014089 20%, #295E9C, #014089 80%); color:#fff; border:2px solid var(--black);}
.viewBtn.listBtn .icon_arrow{background-image:url('/images/default/content/viewBtn_arrow_w.svg')}

.pdfAllBtn{ display: inline-flex; align-items: center; justify-content: space-between; gap:1rem; height:2.75rem; border-radius:1.5rem; -webkit-border-radius:1.5rem; border: 2px solid #FFC603; background: #FFC603; color:var(--black); padding-left:1.7rem;}
.pdfAllBtn .icon_pdf{display: block; width: 2.5rem;  aspect-ratio: 1; flex-shrink: 0; border-radius:50%; background:var(--black) url('/images/default/main/icon_pdf2.svg')no-repeat 50% 50%; background-size:1.2rem;}


/* 교사용 */
.teacherBody .tab_box ul li{background:#E9F1F9; border-color:rgba(255,255,255,0.5);}
.teacherBody .tab_box ul li.on{background:#014089; color:#fff;}
.teacherBody .tab_box ul li.on:after{background-image:url('/images/default/content/folder_tab_b.svg'); }
.teacherBody .tab_box ul li.on:before{background-image:url('/images/default/content/folder_tab_b.svg');}
.teacherBody .tab_cont{background:#014089;}
.teacherBody .port_info_wrap .port_box{background: linear-gradient(45deg, #333B37, #141207, #333B37);}
.teacherBody .port_info_wrap .port_box .port_text{background:#EBEFFB}
.teacherBody .basicTb thead th{background:#E9F1F9;}
.teacherBody .basicTb tbody td .state{width:5rem; height:5rem; border-radius:50%; -webkit-border-radius:50%; background:#E9F1F9; color:#014089; }
.teacherBody .basicTb tbody td .state.end{background: linear-gradient(-45deg, #225896, #012d61, #225896); color:#fff;}
.teacherBody .sbtn.view{background:#014089; color:#fff;}
.teacherBody .sbtn.edit{background:#E9F1F9; color:#014089; border-color:(233,241,249,0.5);}
.teacherBody .sbtn.pdf{background:#014089; color:#E9F1F9;}
.teacherBody .viewBtn{border-color:var(--black); background: linear-gradient(-45deg, #225896, #012d61, #225896); color:#fff;}
.teacherBody .viewBtn .icon_arrow{background-image:url('/images/default/content/viewBtn_arrow_w.svg')}
.teacherBody .pdfAllBtn{background:#225896; border-color:#014089; color:#fff;}
.teacherBody .basicTb tbody td.myState .state.end{color:#fff; background: linear-gradient(45deg, #839bb8, #3a628f, #839bb8);}

@media (max-width: 1670px){
	.port_info_wrap{gap:0 2rem;}
	.port_info_wrap .port_info,
	.port_info_wrap .port_box{width:30%;}
	.port_info_wrap .port_class{flex:1}
}
@media (max-width: 1470px){
	.port_info_wrap,
	.port_cont{padding:1.5rem;}
	
	.port_search_wrap{padding:1.5rem;}
	
	.basicTb thead th:first-child{border-top-left-radius:1rem;}
	.basicTb thead th:last-child{border-top-right-radius:1rem;}
}
@media (max-width: 1280px){
	.port_info_wrap .port_info .port_info_name{flex-direction: column;}
	.port_info_wrap .port_box{padding:1rem;}
	.port_info_wrap .port_class ul{gap:1.5rem 0;}
	.port_info_wrap .port_class ul li{flex-direction: column;}
	
	:has(.stateTd, .commuState, .feedTd) .basicTb tbody  td{width:100%;} 
	
	.basicTb thead,
	.basicTb colgroup,
	.basicTb tbody td.num,
	.basicTb tbody td br{display:none;}
	.basicTb tr{position:relative; display:flex; width:100%; flex-wrap: wrap; gap:0.4rem 1rem; padding-right:10rem; border:1px solid #E0E0E0; margin-bottom:1rem; padding:1rem; border-radius:0.5rem; -webkit-border-radius:0.5rem;}
	.basicTb tbody td{display:flex; width:48%; border-bottom:none; padding:0; text-align:left;}
	.basicTb tbody td:before{content: attr(data-label); color:#888; font-weight:600; width: 6rem;  display: inline-block;  flex-shrink: 0;}
	.basicTb2 tbody td:before{width: 4rem;}
	.basicTb tbody td.al{width:100%;}
	.basicTb tbody td:last-child,
	.basicTb tbody td:first-child{border:none;}
	.basicTb tbody td.stateTd,
	.basicTb tbody td.commuState,
	.basicTb tbody td.feedTd{padding:0; align-items: center}
	.basicTb tbody td.stateTd:before{display:block;}
	.basicTb tbody td.commuState:before{display:none;}
	.basicTb tbody td.btns{width:100%; }
	.basicTb tbody td .open{height:2.5rem; width:3rem;}
	.basicTb tbody td.noData,
	.basicTb tbody td.noData p{width:100%;}
	.basicTb tbody td.noData:before{display:none;}
	.basicTb tbody td .state{width:5rem;}
	.basicTb tbody td.commuState [class^="state"],
	.basicTb tbody td.commuStateS2 [class^="state"],
	.basicTb tbody td.myState [class^="state"]{width:5rem; border-radius:0.5rem; -webkit-border-radius:0.5rem; height:3rem;}
	
	
	
	.teacherTb tbody td{width:48%;}
	.teacherBody .basicTb tbody td .state{width:3rem; height:3rem;}
	
	.sbtn{display:inline-block; margin:0 1px;  }
}
@media (max-width: 1024px){
	.port_info_wrap{flex-wrap:wrap; gap:2rem;}
	.port_info_wrap .port_info{width:50%;}
	.port_info_wrap .port_box{width:100%;}
	
	.port_search_wrap form{gap:1rem; flex-wrap:wrap;}
	.port_search_wrap .w20{width:calc(50% - 0.5rem) !important}
	.port_search_wrap .w60{width:100% !important; padding-top:0; gap:1rem;}
	.port_search_wrap .w60 label{display:none;}
	
	.port_cont_title .viewBtn{position:relative; right:auto; top:auto; margin-top: 0.75rem;}
	.port_cont_title .pdfAllBtn{position:relative; left:auto; top:auto; margin-top: 0.75rem;}
}
@media (max-width: 768px){
	.tab_cont,
	.tab_box{margin-left: -1rem; width: calc(100% + 2rem);}
	.tab_cont{padding:1rem 1rem 3rem;  }
	.tab_box ul{}
	.tab_box ul li{font-size:1rem;}
	
	.port_info_wrap, .port_cont{padding:1rem;}
	.port_info_wrap .port_info{width:100%;}
	.port_info_wrap .port_class ul li,
	.port_info_wrap .port_info .port_info_name{flex-direction: row}
	
	
	.port_title{display: flex; justify-content: space-between;align-items: center; gap:0 2rem;}
	.port_title button{position:relative; right:auto; top:auto; }
	
	.bullet{font-size:1.7rem; padding-left: 2.3rem;}
	.viewBtn{ padding: 0 0.8rem; font-size: 0.8rem;}
	.pdfAllBtn{padding-left:0.8rem; gap: 0.3rem; font-size: 0.8rem;}
	
	.basicTb tr{}
	.basicTb tbody td{width:100%; font-size:0.9rem;}
	.basicTb tbody td.title{order:-1; font-size:1.1rem; color:var(--black); font-weight:500;}
	.basicTb tbody td.title:before{display:none;}
	.basicTb tbody td.title .date{font-size:0.9rem; font-weight:400;}
	.basicTb tbody td.stateTd,
	.basicTb tbody td.feedTd,
	.basicTb tbody td.commuState,
	.basicTb tbody td.commuStateS2,
	.basicTb tbody td.myState{width:100%;}
	.basicTb tbody td.commuState:before,
	.basicTb tbody td.commuStateS2:before,
	.basicTb tbody td.myState:before{display: inline-block;}
	.basicTb tbody td.btns{width:100%; display:flex;}
	.basicTb tbody td.btns:before{display:none;}
	
	
	.teacherTb tbody td{width:100%;}
	
	
	.port_search_wrap {padding:1rem;}
	.port_search_wrap form{gap:0.5rem;}
	.port_search_wrap .w20{width:calc(50% - 0.25rem) !important}
	.port_search_wrap .w60{gap:0.5rem;}
	
	.sbtn{flex-grow: 1; min-height: 2rem; line-height:2rem;}
}

/* 포트폴리오 뷰*/
.port_view_wrap{position:relative; background:var(--yellow) url('/images/default/content/port_view_wrap.png')no-repeat left 7.5rem top 16rem; border-radius:2rem; -webkit-border-radius:2rem; padding:1.5rem 1.5rem 5rem; box-shadow:0 2.5rem 0 #1D1805;}
.port_view_info{display:flex; align-items: flex-start;}
.port_view_info .view_h4{width:16.75rem; padding-top:2.5rem; border-radius:2rem 0 0 2rem; -webkit-border-radius:2rem 0 0 2rem; background:var(--black);}
.port_view_info .view_h4 h4{background:#F9F5EE; border:2px solid var(--black); border-right:none; border-radius:2rem 2rem 0 2rem; -webkit-border-radius:2rem 2rem 0 2rem; padding:1.75rem; text-align:center; font-size:1.3rem;}
.port_view_info .view_h4 h4 span{display:block; font-size:1.05rem; color:var(--black);}
.port_view_info .view_info{width:calc(100% - 16.75rem); border-radius:0 2rem 2rem 2rem; -webkit-border-radius:0 2rem 2rem 2rem; background:var(--black); padding:3rem 6.5rem; color:#fff;}
.port_view_info .view_info .form_tb{background:var(--base); border-radius:2rem; -webkit-border-radius:2rem; overflow:hidden;}
.port_view_info .view_info .form_tb th{background:#231e0f; border-color:#423D29;}
.port_view_info .view_info .form_tb td{color:var(--black); border-color:#bab8b0;    word-break: break-all;}
.port_view_info .view_info .form_tb tr:last-child th,
.port_view_info .view_info .form_tb tr:last-child td{border:none;}

.port_form_info{display:flex; align-items: flex-start;}
.port_form_info .form_h4{width:16.75rem; padding-top:2.5rem; border-radius:2rem 0 0 2rem; -webkit-border-radius:2rem 0 0 2rem; background:#F9F5EE;}
.port_form_info .form_h4 h4{background:var(--black); border:2px solid var(--black); border-right:none; border-radius:2rem 2rem 0 2rem; -webkit-border-radius:2rem 2rem 0 2rem; padding:1.75rem; text-align:center; font-size:1.3rem;}
.port_form_info .form_h4 h4 span{display:block; font-size:1.05rem; color:var(--yellow);}
.port_form_info .form_info{width:calc(100% - 16.75rem); border-radius:0 2rem 2rem 2rem; -webkit-border-radius:0 2rem 2rem 2rem; background:#F9F5EE; padding:2.5rem 2.5rem 5rem; color:var(--black);}
.port_form_info .form_info .esse{text-align:right; margin-bottom:1rem; color:var(--black);}
.port_form_info .form_info .esse em{color:#ff3d3d;}
.port_form_info .form_tbDiv{padding:0 4rem;}
.port_form_info .form_tbDiv + .form_tbDiv{margin-top:3rem;}
.port_form_info .form_tbDiv .form_tb tr:last-child th:first-child,
.port_form_info .form_tbDiv .form_tb tr:last-child td{border-bottom-left-radius:0; border-bottom:none; }
.port_form_info .view_tbDiv {margin-bottom:1rem;}
.port_form_info .view_tbDiv .form_tb{border:2px solid var(--black); border-radius:1.2rem; -webkit-border-radius:1.2rem; background:#fff;}
.port_form_info .view_tbDiv .form_tb  tr:last-child th:first-child{border-bottom-left-radius:1rem;}
.port_form_info .form_tb_round{position:relative; padding:0.2rem; border-radius:0 1.2rem 1.2rem 1.2rem; -webkit-border-radius:0 1.2rem 1.2rem 1.2rem; background:var(--black);;}
.port_form_info .form_tb_round > div{background:#fff; border-radius:1rem; -webkit-border-radius:1rem; overflow:hidden; }
.port_form_info .form_tb_round .form_tb th{background:#fff; color:var(--black); border-radius:1rem 1rem; -webkit-border-radius:1rem 1rem;}
.port_form_info .form_tb_round textarea{resize: vertical;}

.port_view_cont{padding-left:16.75rem; margin-top:3rem; }
.port_view_cont .view_cont{border:1px solid var(--black); border-radius:2rem; -webkit-border-radius:2rem; overflow:hidden; box-shadow:0 0 1rem rgba(99,99,99,0.3);word-break: break-all;}
.port_view_cont .view_cont .head{display: flex; align-items: center;  justify-content: center; height:5rem; background:#F9F5EE; color:var(--black);}
.port_view_cont .view_cont .head p{position:relative; width:15rem; text-align:center;  font-size:1.05rem; font-weight:400;}
.port_view_cont .view_cont .head p:before,
.port_view_cont .view_cont .head p:after{content:""; position:absolute; top:50%; width:0.25rem; height:0.8rem; margin-top:-0.4rem;  background:var(--black); }
.port_view_cont .view_cont .head p:before{left:0}
.port_view_cont .view_cont .head p:after{right:0}
.port_view_cont .view_cont .cont{padding:2rem; background:var(--black);}
.port_view_cont .view_cont .cont > div{position:relative; background:#FEFBF4; border-radius:2rem; -webkit-border-radius:2rem; padding:3rem 6.5rem; line-height:2;}
.port_view_cont .view_cont .cont > div:before,
.port_view_cont .view_cont .cont > div:after{content:""; position:absolute;  top:-1.4rem; width:5.65rem; height:4.55rem; background:url('/images/default/content/tape.png')no-repeat 0 0; background-size:100%;}
.port_view_cont .view_cont .cont > div:before{left:-0.75rem;}
.port_view_cont .view_cont .cont > div:after{right:-0.75rem; transform: scaleX(-1);}

.port_view_cont .view_cont.feedback{margin-top:2rem; border:1px solid #014089; }
.port_view_cont .view_cont.feedback .head{background:#E9F1F9;}
.port_view_cont .view_cont.feedback .cont{background:#014089;}
.port_view_cont .view_cont.feedback .cont > div{background:#E9F1F9;}
.port_view_cont .view_cont.feedback .cont > div:before{top:-3.2rem; left:auto; right:3.5rem; width:3.4rem; height:3.95rem; background:url('/images/default/content/clip.png')no-repeat 0 0; background-size:100%; filter: drop-shadow(0px 0px 10px rgba(99,99,99,0.3));}
.port_view_cont .view_cont.feedback .cont > div:after{display:none;}

.port_view_cont .feedOpen{margin-top: 2rem; padding:2rem; border-radius:2rem; -webkit-border-radius:2rem; background: #F9F5EE;}
.port_view_cont .feedOpen .form_tb{border:2px solid var(--black); border-radius:1.1rem; -webkit-border-radius:1.1rem; background: #F9F5EE; overflow: hidden;}
.port_view_cont .feedOpen .form_tb th,
.port_view_cont .feedOpen .form_tb td{border-bottom:none;}

/* 교사용 */
.teacherBody .port_view_wrap{background-color:var(--blue)}
.teacherBody .port_view_cont .view_cont.feedback .cont{background:#002147}
.teacherBody .port_view_cont .feedOpen{background:#E9F1F9}

@media (max-width: 1670px){
	.port_view_info .view_h4{width:10rem;}
	.port_view_info .view_info{width:calc(100% - 10rem); padding:3rem 2.5rem;}
	.port_view_cont .view_cont .cont > div{padding:3rem;}
	
	.port_form_info .form_h4{width:10rem;}
	.port_form_info .form_info{width:calc(100% - 10rem)}
	.port_form_info .form_tbDiv{padding:0;}
	
	.port_view_cont{padding-left:10rem;}
}
@media (max-width: 1280px){
	.port_view_info,
	.port_form_info{    flex-direction: column;}
	.port_view_info .view_info,
	.port_form_info .form_info{width:100%; padding:2rem 2rem 3rem;}
	
	.port_view_info .view_h4,
	.port_form_info .form_h4{width: 50%; padding: 2rem 0 0 2rem; border-radius: 2.2rem 2.2rem 0 0; -webkit-border-radius:2.2rem 2.2rem 0 0;}
	
	.port_view_info .view_h4 h4,
	.port_form_info .form_h4 h4{ border-radius: 2rem 2rem 0 0; -webkit-border-radius:2rem 2rem 0 0; border-right:2px solid var(--black); border-bottom:none;}
	
	.port_view_info .view_h4 h4 span,
	.port_form_info .form_h4 h4 span{display:inline-block;}
	
	.port_view_cont{padding-left:0;}
	.port_view_cont .view_cont .head{height:4rem;}
	.port_view_cont .view_cont .cont > div{padding:2rem;}
	
}

@media (max-width: 1024px){
	.port_view_info .view_h4,
	.port_form_info .form_h4{width: 70%; padding: 1rem 0 0 1rem; }
	.port_view_info .view_h4 h4,
	.port_form_info .form_h4 h4{padding:1.5rem 1rem;}
	
	.port_view_info .view_info,
	.port_form_info .form_info{width:100%; padding:1rem 1rem 3rem;}	
}
@media (max-width:768px){
	.port_view_wrap{padding:0; background:none; box-shadow: none;}
	.port_view_info .view_info{padding:0.1rem;}
	.port_form_info .form_info{padding:0; background:none}
	.port_view_info .view_h4{padding:0.3rem 0 0 0.3rem;}
	.port_form_info .form_h4{padding:0; margin-bottom: 1rem; width: 100%;}
	
	.port_form_info .form_h4 h4 span{font-size:1.05rem;}
	.port_form_info .form_tb_round{border-radius:0 0 1.2rem 1.2rem; -webkit-border-radius:0 0 1.2rem 1.2rem;}
	
	.port_view_cont .view_cont .head p{width:80%;}
	.port_view_cont .view_cont .cont{padding:1rem; }
	.port_view_cont .view_cont .cont > div{padding:1rem; border-radius:1rem; -webkit-border-radius:1rem;}
	.port_view_cont .view_cont .cont > div:before, 
	.port_view_cont .view_cont .cont > div:after{width: 3.65rem;  top:-1rem;}
	.port_view_cont .view_cont.feedback .cont > div:before{right:0.5rem; top: -2.2rem; width: 2.4rem;}
	
	.port_view_info .view_info .form_tb th,
	.port_view_info .view_info .form_tb td{padding:0.75rem 1.5rem;}
	.port_view_info .view_info .form_tb tr:last-child td{  border: 1px solid #423D29;}
	
	.port_form_info .view_tbDiv .form_tb tr:last-child td{border:none;}
	
	.teacherBody .port_view_cont .feedOpen{padding:1rem;}
	.teacherBody .port_view_wrap{background:none;}
	
}