*{box-sizing: border-box;}
/*개발 추가*/
#mask
{
	 position:fixed;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 display:none;
	 z-index:101;
	 background-color:#222222;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	 opacity:0.40; -moz-opacity:0.40;
}
#mask.show{display:block}
#loading_area
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 width:100%;
	 height:100%;
	 display:none;
	 z-index:101;
	 background-color:#494949;
	 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	 opacity:0.70; -moz-opacity:0.20;
}


#loading_icon {
  display:none;
  position:absolute;
  width: 50px;
  height: 50px;
  border: 10px solid rgba(255,255,255,.7);
  border-radius: 50%;
  border-top-color: #ff6f42;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
   z-index:1001;
}

.loading_icon_correct h2{
 color:#2a2a2a;font-weight:400 !important;
     line-height: 26px;
	 font-size:14px !important;
	 display:block;padding-top:25px
}
.loading_icon_correct h2 img{width: 16px; margin-right: 7px; margin-top: -1px; vertical-align: middle;}

.loading_icon_correct {
  display:none;
     position: absolute;
    z-index: 300;
    background-color: #ffffff;
    border-radius: 6px;
    text-align: center;
    padding: 50px 60px 40px 60px;
    box-shadow: 0px 2px 8px 1px #7f7f7f;
    height: 220px;
    margin-top: -120px;
	width:480px
}

.loading_icon_correct div.pos{
	position:relative;
	margin:0 auto;width:60px;box-shadow:3px 3px 10px -2px #afafaf;border-radius:100%
}

.loading_icon_correct div.pos div.loading {
    text-align: center;
    width: 45px;
    height: 45px;
    border: 10px solid #000000;
    border-radius: 50%;
    border-top-color: #ff5500;
    animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
 
}


@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loading-clock {
	border-radius: 100%;
    border: 3px solid #fff;
    height: 60px;
    width: 60px;    background-color: #ff7629;
}

.loading-clock:before {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 7px;
    left: 48%;
    height: 24px;
    width: 3px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 94%;
    transform-origin: 50% 94%;
    -webkit-animation: ptAiguille 12s linear infinite;
    animation: ptAiguille 12s linear infinite;
}

.loading-clock:after {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 7px;
    left: 48%;
    height: 24px;
    width: 3px;
    border-radius: 5px;
    -webkit-transform-origin: 50% 97%;
    transform-origin: 50% 97%;
    -webkit-animation: grdAiguille 2s linear infinite;
    animation: grdAiguille 2s linear infinite;
}

@-webkit-keyframes grdAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes grdAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

@-webkit-keyframes ptAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes ptAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

.loading_s_layer{
	margin:0 auto;width:100%;text-align:center;color:#ff5500;font-weight:400;
}
.orange{color:#ff5500;}
.loading_s_layer.black{color:#000}

.loading_more{
	margin:0 auto;padding:15px 0px 80px 0px
}

.tag-search span.active{background-color:#000;color:#fff;}

.loading_s_layer .loading_s {
    text-align: center;
    width: 20px;
    height: 20px;
    border: 4px solid #ffc9aa;
    border-radius: 50%;
    border-top-color: #ff6618;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
 
}

.ma5 { margin: 5px; } 

.ma7 { margin: 7px; } 

.ma10 { margin: 10px; } 

.ma15 { margin: 15px; } 

.ma20 { margin: 20px; } 

.ma22 { margin: 22px; } 

.ma25 { margin: 25px; } 

.ma30 { margin: 30px; } 

.ma35 { margin: 35px; } 

.ma40 { margin: 40px !important; } 

.ma45 { margin: 45px; } 

.ma50 { margin: 50px; } 

.ma60 { margin: 60px !important; } 

.mt5 { margin-top: 5px; } 

.mt7 { margin-top: 7px; } 

.mt10 { margin-top: 10px; } 

.mt15 { margin-top: 15px; } 

.mt20 { margin-top: 20px; } 

.mt22 { margin-top: 22px; } 

.mt25 { margin-top: 25px; } 

.mt30 { margin-top: 30px; } 

.mt31 { margin-top: 31px; } 

.mt35 { margin-top: 35px; } 

.mt40 { margin-top: 40px !important; } 

.mt45 { margin-top: 45px; } 

.mt50 { margin-top: 50px; } 

.mt60 { margin-top: 60px !important; } 
.mt100 { margin-top:100px } 
.mr2 { margin-right: 2px; } 

.mr3 { margin-right: 3px; } 

.mr4 { margin-right: 4px; } 

.mr5 { margin-right: 5px; } 

.mr8 { margin-right: 8px; } 

.mr10 { margin-right: 10px; } 
.mr13 { margin-right: 13px; } 
.mr15 { margin-right: 15px; } 

.mr20 { margin-right: 20px; } 

.mr25 { margin-right: 25px; } 

.mr30 { margin-right: 30px; } 

.mr35 { margin-right: 35px; } 

.mr40 { margin-right: 40px; } 

.mr45 { margin-right: 45px; } 

.mr50 { margin-right: 50px; } 

.mb0 { margin-bottom: 0; } 

.mb5 { margin-bottom: 5px; } 

.mb10 { margin-bottom: 10px; } 

.mb15 { margin-bottom: 15px; } 

.mb20 { margin-bottom: 20px; } 

.mb25 { margin-bottom: 25px; } 

.mb30 { margin-bottom: 30px; } 

.mb35 { margin-bottom: 35px; } 

.mb40 { margin-bottom: 40px; } 

.mb45 { margin-bottom: 45px; } 

.mb50 { margin-bottom: 50px; } 

.mb60 { margin-bottom: 60px; } 
.mb80 { margin-bottom: 80px; } 
.mb100 { margin-bottom: 100px; } 
.mb150 { margin-bottom: 150px; } 
.ml5 { margin-left: 5px; } 

.ml2 { margin-left: 2px; } 

.ml3 { margin-left: 3px; } 

.ml10 { margin-left: 10px; } 

.ml15 { margin-left: 15px; }
.ml18 { margin-left: 18px; } 

.ml20 { margin-left: 20px; } 

.ml25 { margin-left: 25px; } 

.ml30 { margin-left: 30px; } 

.ml35 { margin-left: 35px; } 

.ml40 { margin-left: 40px; } 

.ml45 { margin-left: 45px; } 

.ml50 { margin-left: 50px; } 

.mtm2px{margin-top:-2px}

.p0 { padding: 0; } 
.pt0 { padding-top: 0px; } 
.pt5 { padding-top: 5px; } 

.pt10 { padding-top: 10px; } 

.pt15 { padding-top: 15px; } 

.pt20 { padding-top: 20px; } 

.pt25 { padding-top: 25px; } 

.pt30 { padding-top: 30px; } 

.pt35 { padding-top: 35px; } 

.pt40 { padding-top: 40px; } 

.pt45 { padding-top: 45px; } 

.pt50 { padding-top: 50px; } 

.pr5 { padding-right: 5px; } 

.pr10 { padding-right: 10px; } 

.pr15 { padding-right: 15px; } 

.pr20 { padding-right: 20px; } 

.pr25 { padding-right: 25px; } 

.pr30 { padding-right: 30px; } 

.pr35 { padding-right: 35px; } 

.pr40 { padding-right: 40px; } 

.pr45 { padding-right: 45px; } 

.pr50 { padding-right: 50px; } 

.pb5 { padding-bottom: 5px; } 

.pb10 { padding-bottom: 10px; } 

.pb15 { padding-bottom: 15px; } 

.pb20 { padding-bottom: 20px; } 

.pb25 { padding-bottom: 25px; } 

.pb30 { padding-bottom: 30px; } 

.pb35 { padding-bottom: 35px; } 

.pb40 { padding-bottom: 40px; } 

.pb45 { padding-bottom: 45px; } 

.pb50 { padding-bottom: 50px; } 
.pb60 { padding-bottom: 60px; } 

.pl5 { padding-left: 5px; } 

.pl10 { padding-left: 10px; } 

.pl15 { padding-left: 15px; } 

.pl20 { padding-left: 20px; } 

.pl25 { padding-left: 25px; } 

.pl30 { padding-left: 30px; } 

.pl35 { padding-left: 35px; } 

.pl40 { padding-left: 40px; } 

.pl45 { padding-left: 45px; } 

.pl50 { padding-left: 50px; } 

.fon_10 { font-size: 12px; } 

.fon_11 { font-size: 12px; } 

.fon_14 { font-size: 14px; letter-spacing: -1px; } 

.fon_17 { font-size: 17px; letter-spacing: -1px; } 


.dis_none_abs{display:none;position:absolute;z-index:3}
.dis_none{display:none}

#back_process{display:none;width:0px;height:0px}

footer{ bottom: 0px; width: 100%;}
.section footer{position: absolute;bottom:82px}


.font20{font-size:20px}

#loginLayer.window { position: absolute; left: 0; top: 0; display: none; z-index: 9999; } 
.layerPopupPanel { background: #f50; padding: 8px; text-align: left; box-shadow: 1px 1px 12px 0px #565656; border-radius: 16px;position: relative; } 

.layerPopupContent { background: #fff; border: 1px solid #d70f0f; padding:25px 30px; border-radius: 16px;position: relative;} 

#loginLayer .join{display:block;text-align:center;margin-bottom:-10px;padding-top:10px;color:#000000}
#loginLayer .join img{margin-right:5px;margin-top:-1px}
.popupTitle { padding-bottom: 12px; border-bottom: 1px solid #F0F0F0; margin-bottom: 15px; position: relative; font-size: 15px; line-height: 22px; font-weight: 700; color: #ff5500; padding-left: 5px; /* text-shadow: 0px 0px 0.5px #003538; */ } 

.popupClose { position: absolute; top:14px;right: 14px; } 
.popupClose img{width:30px;height:30px}
.mem-send-btn {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff !important;
    font-size: 18px;
    font-weight: 500;
    border-radius: 24px;
    background-color:#ff5500 !important;
    transition: all 0.2s;opacity: 0.8;border:0px} 
.mem-send-btn:hover { opacity: 1.0; transition: all 0.2s } 
.layerPopupContent table { width: 100%; border-top: 1px solid #deeaeb; border-left: 1px solid #deeaeb; } 

.pp-tooltip{font-family:Pretendard !important;font-weight:700}
body #pp-nav li, .pp-slidesNav li {
    margin: 10px 7px;
}

.layerPopupContent td,
.layerPopupContent th { border: 1px solid #deeaeb !important; border-width: 0 1px 1px 0 !important; text-align: left; padding: 10px } 

.layerPopupContent th { font-weight: bold !important; color: #0AA7AF !important; background: #f2fafb !important; } 

.layerPopupPanel p.desc { font-size: 12px; letter-spacing: -1px; } 

.layerPopupPanel .loading-icon { display: none; left: 50%; right: 50%; margin-left: -14px; top: 50%; margin-top: -26px }
.layerPopupPanel .loading-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 100; background-color:#000; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40); opacity: 0.50; -moz-opacity: 0.50; border-radius: 10px; } 

@keyframes spin { to { -webkit-transform: rotate(360deg); }}

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}
.loading-icon { position: absolute; width: 30px; height: 30px; border: 7px solid rgb(255,255,255,0.7); border-radius: 50%; border-top-color: #ff8003; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; z-index:300; display:none } 


.box_gray { border: 1px solid #e9e9e9; background-color: #f6f8fa; padding: 3px; overflow: hidden; } 

.box_gray .center { border: 1px solid #cecece; background-color: #ffffff; padding: 10px 5px; overflow: hidden; } 

.box_green { border: 1px solid #009199; background-color: #03a3ab; padding: 3px; overflow: hidden; } 

.box_green .center { border: 1px solid #009199; background-color: #ffffff; padding: 10px 5px; overflow: hidden; } 

.box_green .center2 { border: 1px solid #009199; background-color: #ffffff; overflow: hidden; } 

.box_cyan { border: 1px solid #ffede6; background-color: #fffaf8; padding: 40px 0px 14px 0px; overflow: hidden; text-align: center; border-radius: 10px; } 

.box_cyan_login { padding: 10px 0px 0px 0px; overflow: hidden; text-align: center; } 

/* tip */

.tip_cyan { background-color: #dcfdff; color: #20abb2; font-size: 11px; letter-spacing: -1px; padding: 5px 0; border: 1px solid #badcde; text-align: center; } 

.tip_cyan img.img { margin-top: -2px; margin-right: 5px; } 

.tip_cyan strong { font-size: 11px; } 

.tip_cyan span { color: #F30; font-size: 11px; } 

.tip_cyan span span { font-size: 11px; font-family: Verdana; } 

.txt_center { text-align: center; } 

.pt10 { padding-top: 10px } 

.input_join { border: 1px solid #ffcdb4; display: inline-block; vertical-align: middle; height: 36px; text-align: left; background-color: #fff; font-size: 15px; padding: 0px 10px; letter-spacing: 0.5px; transition: all 0.2s; border-radius: 3px !important } 

.input_joinInfo { background-color: #F4F4F4; border: 0 none; height: 18px; padding: 2px 10px; outline: unset } 

.input_join_mem { background-color: #f2f9f9; border: 1px solid #BADCDE; height: 18px; font-size: 12px; line-height: 15px; padding: 2px 5px; outline: unset } 

input[type="text"].input_join:hover,
input[type="password"].input_join:hover,
input[type="text"].input_join:focus,
input[type="password"].input_join:focus { border: 1px solid #ff9d6c; transition: all 0.2s; border-radius: 3px; display: inline-block; } 

input.input_join::-webkit-input-placeholder { color: #a8a8a8 } 

input.input_join:-ms-input-placeholder { color: #a8a8a8 } 

input.input_join:focus::-webkit-input-placeholder { color: #bbb; } 

input.input_join:focus::-ms-input-placeholder { color: #bbb; } 

.code-type input.input_join { border: 1px solid #ffcdb4; text-align: center; border-radius: 6px; display: inline-block; } 

.layerPopupPanel .input-box.id { border: 1px solid #ffcdb4; background: #fff url(/images/admin/ic-id.svg) 10px center no-repeat; border-radius:24px; display: inline-block; width:100%; height: 48px } 

.layerPopupPanel .input-box.id input[type='text'],
.layerPopupPanel .input-box.password input[type='password'] { border: 0px; margin-left: 20px; width: calc(100% - 70px); } 

.layerPopupPanel .input-box.password { border: 1px solid #ffcdb4; background: #fff url(/images/admin/ic-password.svg) 10px center no-repeat; border-radius: 24px; margin-top: 14px; display: inline-block; width: 100%; height: 48px } 

.layerPopupPanel .input-box:hover,
.layerPopupPanel .input-box:focus,
.code-type input.input_join:hover,
.code-type input.input_join:focus,
#loginFrm select#univ_major:hover,
#loginFrm select#univ_major:focus { border: 1px solid #ff9d6c; box-shadow: 0px 0px 5px -2px inset #ffcdb4; transition: all 0.2s } 

.input-box .input_join { border: 0px; height: 46px;  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;} 

.hide{display:none}

/* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'], input[type='password'], input[type='submit'], input[type='search'] {
  -webkit-appearance: none;appearance: none;outline:none
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {background-color:#ffffff !important;
 transition: background-color 5000s ease-in-out 0s ;
 -webkit-transition: background-color 9999s ease-out;

}

.edit_basic { font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #ff6600; border-top: 1.2px solid #ff6600; border-left: 1.2px solid #ff6600; border-right: 1.4px solid #ff6600; border-bottom: 1.4px solid #ff6600; vertical-align: middle } 

.edit_basic:hover { background-color: #ff3300; color: #FFFFFF; } 

.edit_basic:active { color: #FFFFFF; } 

.edit_basic:link { color: #FFFFFF; } 

.edit_basic:visited { color: #FFFFFF; } 

.edit_basic2 { font-size: 12px; font-weight: bold; color: #4697b9; background-color: #edf7f8; border-top: 1.2px solid #4697b9; border-left: 1.2px solid #4697b9; border-right: 1.4px solid #4697b9; border-bottom: 1.4px solid #4697b9; vertical-align: middle } 

.edit_basic2:hover { background-color: #ffffff; color: #4697b9 } 

.edit_basic2:active { color: #4697b9; } 

.edit_basic2:link { color: #4697b9; } 

.edit_basic2:visited { color: #4697b9; } 

.edit_basic3 { font-size: 12px; padding: 0px 5px 1px 5px; font-weight: 500; color: #13bdcb; background-color: #fff; border-top: 1.2px solid #13bdcb; border-left: 1.2px solid #13bdcb; border-right: 1.4px solid #13bdcb; border-bottom: 1.4px solid #13bdcb; vertical-align: middle; line-height: 22px; height: 24px; transition: all 0.2s; border-radius: 3px !important; } 

.edit_basic3:hover { box-shadow: 1px 1px 10px -3px #bec5c5; transition: all 0.2s } 

.edit_basic_done { font-size: 12px; padding: 0px 5px 1px 5px; font-weight: bold; color: #aaa6a7; background-color: #eeeeee; border-top: 1.2px solid #c5c2c4; border-left: 1.2px solid #c5c2c4; border-right: 1.4px solid #c5c2c4; border-bottom: 1.4px solid #c5c2c4; vertical-align: middle } 

.edit_basic_done:hover { background-color: #dfdfdf; color: #aaa6a7 } 

.edit_basic_done:active { color: #aaa6a7; } 

.edit_basic_done:link { color: #aaa6a7; } 

.edit_basic_done:visited { color: #aaa6a7; } 

.send-btn img { opacity: 0.7 } 

.send-btn img:hover { opacity: 1.0 } 

.login-msg { display: block; font-size: 13px; padding-top: 5px; text-align: center; color: #ff6a00; font-weight: 500; margin-top: 5px;margin-bottom:10px } 

.login-msg strong { color: #33a6af; font-weight: 500; } 

.login-msg img { vertical-align: middle; margin: -2px 5px 0px 0px; } 
#loginLayer .modal-dialog{width:460px}
#loginLayer.modal.show{z-index:1056}

.h82{height:82px}
.main-menu{width:500px;margin-left: -150px;height: 100%;vertical-align: middle}

.main-menu ul{justify-content: center;height: 100%;vertical-align: middle}

header#header{z-index:100;box-shadow:1px 7px 10px -9px #ebebeb}

.pp-tooltip.right{text-shadow:1px 1px 5px #000}
.menu-cnt{column-gap: 5rem}
.menu-cnt1{column-gap: 5rem}
.menu-cnt2{column-gap: 5rem}
.menu-cnt3{column-gap: 4rem}
.menu-cnt4{column-gap: 2rem}
.menu-cnt5,.menu-cnt6{column-gap: 1.65rem}

.w254{width:254px}
.justify-content-right{justify-content:right}

header#header .aisolution-wrapper .main-menu .m-1 .s-menu div{display: inline-block; vertical-align: top; margin-right: 40px; margin-left: 40px;}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

#megamenu{border: 1px solid #e6e6e6; top: 80px; padding-top: 25px; padding-bottom: 40px; z-index: 900;left:-250px}
#megamenu .aisolution-wrapper{text-align: center;}
#megamenu .aisolution-wrapper .s-menu{display: inline-block; padding: 0px 0px; text-align: center; vertical-align: top; width: 200px; border-right: 1px solid #ececec;min-height:260px}
#megamenu .aisolution-wrapper .s-menu.usol{width: 216px;}
#megamenu .aisolution-wrapper .s-menu.usol img{margin-right:3px;}
#megamenu .aisolution-wrapper .s-menu:first-child{border-left: 1px solid #ececec;margin-left:0px}

#megamenu .aisolution-wrapper.m-2 .s-menu:first-child{margin-left:-140px}
#megamenu .aisolution-wrapper.m-3 .s-menu:first-child{margin-left:-100px}
#megamenu .aisolution-wrapper .s-menu ul li{line-height:24px}

#megamenu .aisolution-wrapper .s-menu a:hover{color:#ff6a00;text-decoration: underline; text-underline-position: under;}

#megamenu.pt10{padding-top:10px}
.m-width400{min-width:400px}

.login-location-help {
    padding: 30px;
    line-height: 24px;
    font-weight: 500;
    color:#ff5500;
    font-size: 15px;
    margin: 20px;
}

.w67{width:67px}
.w70{width:70px}

.pass-find-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    white-space: nowrap;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1;
    color: #8d8d8d;
    font-size: 13px;
    padding-top: 20px;
}

u {
    text-underline-position: under;
}

.aisolution-wrapper.w600{width:600px}
.aisolution-wrapper.w900{width:900px}
.find-pd{padding:30px 100px 40px 100px}

.find-id-msg{color: #f14a3d; font-weight: 500;vertical-align:middle}
.find-id-msg img{vertical-align:middle;margin-right:6px;margin-top:-2px;width:16px}

.bg-cover{background-size:cover}

.find-id-msg .ready.email{color:#3392cc}
.find-id-msg .ready.email h3.email{color: #3392cc; font-size: 16px; font-weight: 500; padding: 15px 30px; border: 1px solid #e7e7e7; border-radius: 10px; margin: 0 auto; display: inline-block; background-color: #fbfbfb; }

.pass-timeout{color: #ff3d00; text-align: center; font-size: 15px; font-weight: 600; line-height: 30px; padding: 30px; }
.pass-timeout img{width: 20px; vertical-align: middle; margin-top: -2px; margin-right: 5px;}
.pass-find-body{text-align:center;padding:10px 50px}
.pass-find-body ul li input{width: 100%; border-radius: 25px !important; padding: 10px 25px !important; height: 45px; font-size: 15px;}

.min-hide{height: 0px; border: 0px; padding: 0px; line-height: 0px; width: 0px;position:absolute;z-index:-1}
.check-find-id-fail{color: #f14a3d; font-weight: 500;vertical-align:middle;font-size:13px;padding:10px}
.check-find-id-fail img{vertical-align:middle;margin-right:6px;margin-top:-2px;width:16px}



.coupon_title {padding-top:120px;}
.coupon_title h2{ font-size:40px; text-align:center; font-weight:600; color:#fff; letter-spacing:1px; margin-bottom:40px; padding-bottom:20px; padding-top:20px;background-color: rgba(0, 4, 25, 0.25);border-radius:50px;width:800px;margin:0px auto;    font-family: 'Montserrat','NanumSquare','Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    background: #00041940 url(/images/icon/btn_hdConfirmW.png) 50px 20px no-repeat;
}
.coupon_main{
	
	height: 200px;
	padding-top: 30px;
	background: #fff;
	border-radius: 3px;
	
	margin-top:0px;width:100%;padding:10px 0px;color:#6d6d6d;
}

.coupon_main input.cc{font-weight:500;text-transform:uppercase;color:#007B8B;text-align:center;width:100px;font-size:25px;text-align:center;box-shadow: 0px 0px 7px rgba(80,80,80,0.3) inset,0px 0px 5px rgba(200,200,200,0.5); background-color: rgba(210,210,210,0.2);padding:2px 10px}
.coupon_main .input{color:#007B8B;font-size:28px;padding-top:50px;font-weight:500}
.coupon_main .coupon_check {cursor:pointer; border:0px;background-color:#f50;color:#fff;  font-size:16px; padding:8px 20px 8px 20px;vertical-align:middle;border-radius:3px;opacity:0.8;transition: all 0.3s;}
.coupon_main .coupon_check:hover{background-color:#f50;;opacity:1.0;transition: all 0.3s;}

.coupon_main.first h2{color:#007B8B;font-size:28px;padding-top:50px;font-weight:500;margin-bottom:20px}

.coupon_main.reg{height:260px;display:none}
.coupon_main.reg.join{display:block;height:unset;margin-bottom:120px;padding-bottom:50px;position:relative}
.coupon_main.reg h3{font-size:28px;padding:20px;font-weight:700;text-align:center;color:#f50}
.coupon_main.reg h3.email{color:#3781c1;font-size:20px;padding:30px 0px 60px 0px;}
.coupon_main.reg{margin-bottom:70px}
.coupon_main.reg #user_id,.coupon_main.reg #user_pass,.join_input{    font-size: 15px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ffb590;
   
    letter-spacing: 1px;
    border-radius: 25px;
    height: 45px;
    padding: 10px 25px;}

.join_input.disabled{border:1px solid #dbdbdb}
.coupon_main.reg select.custom-join-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%23777777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 14px;cursor:pointer;}

.coupon_main.reg.join .imp{margin-left:3px;color:#ff0000}
.coupon_main .conbox.id_check.pt60{padding-top:60px}
.coupon_main.reg .join_select{font-size: 15px;margin-bottom: 10px; border: 1px solid #ffb590; color: #006a79; letter-spacing: 1px; border-radius: 25px; padding: 0px 20px; height: 45px; width: 100%;}

.coupon_main.reg.join .pre_txt{display:block;margin-bottom:10px;font-size:18px;line-height:30px;width: 220px;margin: 0 auto;text-align: left}
.coupon_main.reg.join .pre_txt.mb15{margin-bottom:15px}
.coupon_main.reg.join .email_help{position:absolute;left:575px;top:168px;font-size:13px;color: #ff3535;}

.coupon_check.reg{width: 100%; margin-top: 30px; border-radius: 25px;}

.coupon_main #email_check .on{color: #67b1eb; display: block; font-size: 14px; font-weight: 500; background: url(/images/ck_on.png) 0px 3px no-repeat; width: fit-content; margin: 0 auto; margin-bottom: 10px; padding-left: 20px;}
.coupon_main #email_check .off{    color: #ff3300;
    display: block;
    font-size: 14px;
    font-weight: 500;
    background: url(/images/icon/warning.png) 0px -1px no-repeat;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 10px;
    padding-left: 28px;}

.coupon_main .conbox{   
    letter-spacing: 1px;   
    padding: 50px 40px;
    border-radius: 10px;
    width:520px;
    margin: 10px auto;
	text-align:left;
	background-color:#fbfbfb
}

.coupon_main .conbox.id_check{
	 padding:30px 100px 60px 100px
}

.coupon_main .conbox.id_check label{
	display:block
}

.coupon_main .join-approval-notice{margin:0 -60px 60px;text-align:center;letter-spacing:0;color:#444;overflow-wrap:anywhere;}
.coupon_main .join-approval-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;background:#f50;color:#fff;font-size:13px;font-weight:700;}
.coupon_main .join-approval-notice p{margin-top:8px;font-size:16px;font-weight:700;line-height:1.5;}
.coupon_main .join-approval-notice.join-approval-confirm{margin-top:24px;margin-bottom:24px;padding:22px 20px 18px;border:1px solid #ffd7c2;border-radius:14px;background:#fff8f3;box-sizing:border-box;}
.coupon_main .join-approval-confirm p{margin:12px 0 0;font-size:15px;line-height:1.7;word-break:keep-all;}
.coupon_main .conbox.id_check .join-approval-confirm label{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #ffe0ce;font-size:13px;line-height:1.6;text-align:left;cursor:pointer;}
.coupon_main .join-approval-confirm input[type="checkbox"]{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:#f50;cursor:pointer;}
@media(max-width:640px){
    .coupon_main .join-approval-notice{margin:0 0 40px;}
    .coupon_main .join-approval-notice.join-approval-confirm{padding:18px 16px;}
}

.coupon_main .bottomBtn{display:block;text-align:center;padding:10px;font-size:16px;font-weight:500}

#agree_view{display:none;text-align:center;}

.coupon_main .conbox ul li{line-height:18px;padding:3px 0px}
.coupon_main .conbox ul li.required{padding:0px 0px 10px 10px;font-weight:500}

#rst{color: red;padding-top: 20px; font-size: 14px;text-align:center}

#rst span.ready{color:#7d7d7d;font-size:15px;font-weight:500}
#rst img{vertical-align:middle;margin-right:5px;margin-top:-2px}
.coupon_main .ready.email{color:#7d7d7d;font-weight:300;font-size: 16px;}

.coupon_check.reg.w300{width:300px}

.form_box_green {	font-family: "돋움",AppleGothic;	font-size: 11px;	color: #338001; background-color:#FFFFFF; border:1pt solid #ffffff;}

.radio_yes{color:#ff6600;cursor:pointer;margin-right:10px;padding-left:3px;}
.radio_no{cursor:pointer;margin-right:10px;padding-left:3px}
.radio_agree{height:13px;vertical-align:middle;margin-top:-2px}
.txt_pl20{margin-left:20px}

.table_css{text-align:center;width:78%;margin:0 auto;margin-bottom:20px}
.table_css th{padding:8px 10px;text-align:center;;width:40px;border-top:1px dotted #e2e2e2;}
.table_css td{padding:8px 10px;text-align:left;border-top:1px dotted #e2e2e2;}
.table_css td #univ_std_gradu{width:300px}
.table_css td #univ_major,.table_css td #univ_depart{width:288px}

.title_box { text-align:center; width:100%; margin-bottom:60px;}
.txt_ari_mtit {font-size:42px; font-weight:bold; color:#333; letter-spacing:-0.08em; padding:50px 0 20px 0;  }
.txt_ari_mtit:before { content:""; display:inline-block; width:110px; height:1px; background:#333; vertical-align:top; margin:30px 35px 0 0;}
.txt_ari_mtit:after { content:""; display:inline-block; width:110px; height:1px; background:#333; vertical-align:top; margin:30px 0 0 35px;}
.txt_msub { font-size:20px; color:#888; letter-spacing:-0.05em;font-weight:300}

main{min-height:600px}

.coupon_main .conbox.id_check .radio-box label{display: inline-block; margin-left: 8px; font-size: 15px; margin-right: 20px; }


/* input radio */
.radio_row {
  display: flex;
  align-items: center;
}

.radio_row.center{margin: 0 auto;text-align: center;display: block;}
.radio_row.center.mt20{margin: 20px auto}

.radio_row input {
  border-radius: 0;
  appearance: none;
  border: none;
}
.radio_row label {
  display: inline-block;
  position: relative;
  margin-right: 26px;
  padding-left: 30px;
  box-sizing: border-box;
  cursor: pointer; font-size:14px
}
.radio_row label:last-child {
  margin-right: 0;
}
.radio_row label span {
  display: inline-block;
  position: absolute;
  top:0px;
  left: 0;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  background-color: #cacdcf;
  border-radius: 50%;
}
.radio_row label span:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}

.radio_row input[type='radio']:checked + label{ color: #ff5500;font-weight: 600;}

.radio_row input[type='radio']:checked + label span  {
  background: linear-gradient(134deg, #f50 0%, #f50 49%, #f50 100%) 0% 0%;
}

.conbox.id_check h4{font-weight: 700; font-size: 16px; display: block; border-bottom: 1px solid #f50; color: #f50; padding: 30px 0px 0px 0px;}

.alert-join{text-align: center; font-size: 18px; color: #ffffcc;}

.topmenu_n3{border-radius: 6px; padding: 10px 0px 10px 42px; position: absolute; top: 27px; z-index: 999; width: 328px; left: 10px; color: #fff; font-size: 13px; box-shadow: 0 1px 3px 0px #171717; background: #ff0000 url(/images/icon/ico_caution16_w.png) 15px 15px no-repeat; }
.topmenu_n3 span.arrow {position: absolute; top:-6px;left:15px;  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid red;}

.topmenu_n3.main{top:165px;right:-125px}

.pos_rel{position:relative}

.layer_pop_common.mobile-help{width:fit-content;min-width: 420px; line-height: 0px; border: 0px; box-shadow: unset; position: absolute; background-color: transparent; padding: 0px; margin: 0px; top: 45px;left:-90px;z-index:999}
.layer_pop_common.mobile-help.mi15{left:-15px}

.layer_pop_common.mobile-help .close-icon{position:absolute;top:0px;right:0px;}
.layer_pop_common.mobile-help .close-icon img{padding:10px}


.layer_pop_common.mobile-help img.main{border-radius: 10px;box-shadow: 2px 2px 10px -2px #616161;}

#header .mobile-use-area{margin-left: -160px;  width: 150px;text-align:right}

#header .mobile-use-area.past{width: 205px;margin-left: -210px}

#header .mobile-use-area .small-button.mobile-ariplus-help{border: 1px solid #33bcd2; color: #fff; background:#33bcd2 url(/images/icon/mobile-phone-w.png) 6px 6px no-repeat; padding-left: 25px; padding-right: 10px;height:30px;display:inline-block;margin-right:4px }
#header .mobile-use-area .small-button.mobile-ariplus-help.app{border: 1px solid #408bd6;background:#408bd6 url(/images/icon/mobile-phone-w.png) 6px 6px no-repeat;}
#header .mobile-use-area .small-button.mobile-ariplus-help.home{border: 1px solid #408bd6; background: #408bd6 url(/images/icon/pop-up16w.png) 8px 9px no-repeat; background-size: 10px;}


.layer_pop_common.mobile-help span.arrow {position: absolute; top:-10px;left:45px;  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #aed2fa}

.small-button.admin{background: #fafafa url(/images/admin/user.png) 12px 9px no-repeat;
    background-size: 12px;
    padding-left: 29px;
    padding-right: 5px;
    color: #000;
    font-weight: 400;position:absolute;   
    top: -15px;width: 20px;
    height: 30px;}


.bg-eng{background-image:url(/images/inear/mainBG2.png);height:600px}
.top-blank{height:82px}

ol.list-reset li{line-height:18px}
ol.list-reset li img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);margin-top:-2.5px}
ol.list-reset li .arrow{font-family: 'poppins'; font-size: 20px; line-height: 20px; font-weight: 100; }


button{transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1);cursor:pointer}

button.icon-popup.white{background-image: url(/images/icon/pop-up16w.png); background-repeat: no-repeat; background-position: right 6px top 6px; background-size: 10px;}
button.icon-popup.black{background-image: url(/images/icon/pop-up16.png); background-repeat: no-repeat; background-position: right 6px top 6px; background-size: 10px;}

.icon-popup-pos{margin-left:5px;width:10px;margin-top:-1px}

.h300{height:300px}

.bg-no-repeat.bg-center.bg-cover p{font-size:16px;margin-top:15px}

.bg-purple{--tw-bg-opacity:1;background-color:#9772d3}

.w45{width:45px}

.trans-all02{transition: all 0.2s;}

.video-area{-webkit-transition: transform .3s ease-out; 
        -moz-transition: transform .3s ease-out; 
        -ms-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out; 
        transition: transform .3s ease-out;}

.video-area:hover{
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04); /* IE 9 */
        -o-transform: scale(1.04);
        transform: scale(1.04);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.04, M12=0, M21=0, M22=1.04, SizingMethod='auto expand')"; /* IE8 */
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.04, M12=0, M21=0, M22=1.04, SizingMethod='auto expand'); /* IE6 and 7 */ 
		    
}

.video-area img.thum{/*border: 1px solid #ddd;*/ border-radius: 8px;}

.video-area .video-play.centered{top:86px}




.break-word{word-break:break-word}


#video-popup {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  z-index:9999;
	background: #000 url(/images/ainterview/logo_white.png) center center no-repeat;
	border-radius:10px
}

#video-popup iframe {
  border:0px;
  padding:0px;
  margin:0px;
  box-shadow:0px 3px 30px -15px #000000;
  border-radius:10px
}

.color-blue1{color:#14c0ca}
.color-orange1{color:#ff5402}
.color-purple1{color:#8c63cf}
.font500{font-weight:500}

.dis_none_abs {
    display: none;
    position: absolute;
    z-index: 3;
}

.renewal-body.no-scroll{overflow-y:hidden}

.renewal-body .n-layout .l-right .l-intro-summary.n-fixed .l-fixed-inner {
   top: 100px !important;
}

.n-layout .l-right.t-fixed{position:relative}
.n-layout .l-right.t-fixed .l-right-inner {
   position:fixed;top: 100px !important;
}

#loading-wave{position:absolute;z-index:999;display:none; background-color:#fff; min-width:350px;width:360px; box-shadow:1px 3px 12px -1px #6b6b6b;text-align:center;padding:30px;border-radius:6px;line-height:24px;font-weight:500}
#loading-wave .popTit { text-align: center; color: #fd5019; font-weight: 700; font-size: 16px; }
#loading-wave .load-title{width: 24px; vertical-align: middle; margin-top: -3px; margin-right: 5px;}


.popup{ background-color:#fff; min-width:350px; box-shadow:1px 3px 12px -1px #6b6b6b}
.popup li p{display:block; }
.popup .pop_tit{ position:relative; width:100%; background-color:#ff5500 !important}
.popup .pop_tit:after{ content:""; display:block; clear:both;}
.popup .pop_tit p{ float:left; box-sizing:border-box; padding:15px 0px;}
.popup .pop_tit .pop_t{ width:100%; text-align:center; font-size:20px;color:#FFFFFF;font-weight:700}
.popup .pop_tit .pop_c a{ display:block; top:14px;right:14px; padding:5px; position:absolute;width:30px;  background:url(/images/solution/ic-close-popup.svg) no-repeat center right 0px;background-size:24px 24px;text-indent:-9999px;}
.popup .pop_tit .pop_c a:hover{opacity:0.7}
.popup .pop_txt{ padding:20px 0px;}
.popup .pop_txt p{ display:block;}
.popup .pop_txt .popTxt_info{ text-align:center; width:100%; font-size:18px; line-height:25px; padding-bottom:50px; padding-top:30px;}
.popup .pop_btn1 a{ display:block; color:#fff; background-color:#666; width:100px;padding:7px 30px;  text-align:center;margin-left:auto; margin-right:auto; font-weight:500;cursor:pointer;font-size:20px}
.popup .pop_btn1 a:hover{ background-color:#505050;}

.popup .pop_txt .join{font-size:14px;text-align:center;color:#0099cc}
.popup .pop_txt .join .join_link{color:#ff3300;font-weight:500;text-decoration: underline;}

.popup .pop_txt .popTxt_tit{ text-align:center; font-weight:bold; font-size:18px;}
.popup .pop_txt .popTxt_notice{ width:90%; margin-left:auto; margin-right:auto; background-color:#e6e0ec; margin-top:20px; padding:10px; font-size:14px;}
.popup .pop_txt .popTxt_txt{ margin:30px 20px 50px 20px;}
.popup .pop_txt .pop_btn2{ width:350px; margin-left:auto; margin-right:auto;}
.popup .pop_txt .pop_btn2:after{ content:""; display:block; clear:both;}
.popup .pop_txt .pop_btn2 a{ display:block; float:left;color:#fff; background-color:#666; padding:7px 30px; margin-right:15px; width:100px; text-align:center; margin-bottom:30px;}


.popup ul li.searchResult{padding:36px 20px 40px 30px;min-height:300px}
.popup ul li.searchResult table.searchBox{border-top:4px solid #c2c6d3;border-bottom:4px solid #c2c6d3}

.popup ul li.searchResult table.searchBox tr td{padding:0px}
.popup ul li.searchResult table.searchBox tr td ul.com{ padding-left:10px;overflow-x:hidden; 	overflow-y:scroll; 	margin:0px;height:260px}
.popup ul li.searchResult table.searchBox tr td ul.com li{float:left;width:33%;text-align:left;line-height:28px}
.popup ul li.searchResult table.searchBox tr td ul.com img{vertical-align:middle;margin-right:5px;margin-bottom:1px}
.popup ul li.searchResult table.searchBox tr td ul.com a{font-size:14px;color:#5a5a5a;font-weight:300}
.popup ul li.searchResult table.searchBox tr td ul.com a:hover{font-size:14px;color:#7f7f7f;text-decoration:underline;text-underline-position:under;color:#30475c}
.popup ul li.searchResult h3{font-size:18px;font-weight:500;padding:0px 0px 18px 10px;text-align:center;color:#ff6600}

.popup ul li.searchResult table.searchBox tr td.cate{padding:0px}
.popup ul li.searchResult table.searchBox tr td h4{font-weight:700;vertical-align:middle;margin-left:32px;margin-top:3px;color:#2c587c}

.popup ul li.searchResult table.searchBox tr td.cate.line{border-top:1px solid #e1e1e1}

.popup ul li.searchResult table.searchBox tr td.cate.first{padding:0px 0px 0px 10px;}

.popup ul li.searchResult table.searchBox tr td.cate ul.cate.line{border-bottom:1px solid #e1e1e1}


.popup ul li.searchResult table.searchBox tr td.cate ul.cate li{float:left;width:none;text-align:left;line-height:30px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate img{vertical-align:middle;margin-right:5px;margin-bottom:1px;margin-left:15px;}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate a{font-size:14px;color:#5a5a5a;font-weight:300}
.popup ul li.searchResult table.searchBox tr td.cate ul.cate a:hover{font-size:14px;color:#7f7f7f;text-decoration:underline;text-underline-position:under;color:#30475c}

.popup ul li.searchResult#searchAppResult ul li.biglist{float:left;width:25%}
.popup ul li.searchResult#searchAppResult ul li.biglist:nth-child(5){clear:both}

.popup ul li.searchResult#searchAppResult ul li.biglist:nth-child(4n) ul li div.selcate ul{left:-110px}


.popup ul li.searchResult#searchAppResult ul li.biglist h3{font-size:13px;width:95%;background-color:#ff6a26;padding:5px 2px 5px 6px;color:#fff;border-radius: 3px;}
.popup ul li.searchResult#searchAppResult ul li.biglist h3 img{vertical-align: middle; margin-top: 0px; margin-right: 3px; display: inline-block;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul{padding:8px 5px 15px 5px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li a{font-size:13px;font-weight: 400;color: #2d2d2d;padding-right:5px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li a:hover{text-decoration:underline;text-underline-position:under;cursor:pointer}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li a.on{color:#ff6a26;font-weight:600}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate{display:none;position:relative;}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul{max-width:390px;position:absolute;left:-5px;border-radius:5px;padding:3px 10px 10px 10px;background-color:#fff5ec;min-width: 300px;}


.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul span.arrow {position: absolute; top:-10px;left:45px;  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff5ec}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.bottom span.arrow { bottom: -10px;; border-top: 10px solid #fff5ec; top: initial; border-bottom: initial;}

.popup ul li.searchResult#searchAppResult ul li.biglist:nth-child(4n) ul li div.selcate ul span.arrow{left:120px}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul li{float:left;width:33.3%;padding:4px 0px 4px 0px;line-height:15px}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul div.tit{border-bottom:1px solid #e1e1e1;margin-bottom:5px;padding:5px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul img.close{position:absolute;right:10px;top:5px;vertical-align:middle;cursor:pointer}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul li a{font-size:12px;letter-spacing:-1px}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.bottom{bottom:0px;margin-bottom:26px}
.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.top{top:5px}

.popup ul li.searchResult#searchAppResult ul li.biglist ul li div.selcate ul.wid510px{width: 510px; max-width: 510px}

.popup ul li.searchResult#searchAppResult ul.part_list{border-top:4px solid #c2c6d3}
.popup ul li.searchResult#searchAppResult ul.part_list li{float:left;width:32%;padding:3px 0px 3px 10px;border:1px solid #ffffff;border-radius:5px}
.popup ul li.searchResult#searchAppResult ul.part_list li span.title{margin-left:8px;font-weight:700;font-size:14px}
.popup ul li.searchResult#searchAppResult ul.part_list li:nth-child(3n+1){clear:both}
.popup ul li.searchResult#searchAppResult ul.part_list li div.desc{margin-left:35px;font-size:12px;font-weight:300;letter-spacing:-1px}
.popup ul li.searchResult#searchAppResult ul.part_list li label{margin-top:7px}

.popup ul li.searchResult#searchAppResult .end{clear:both;border-top:4px solid #c2c6d3;text-align:center;padding-top:20px}

.input_search{border:1px solid #b8b8b8;font-weight: 300;font-size:17px;margin:0 auto;height:34px; width:90%;padding-left:10px}
.input_search:hover{border:1px solid #000000}


.popup.radius{border-radius:5px}
.popup .pop_tit.radius{border-radius:5px 5px 0px 0px}
.popup .pop_txt .popTxt_info.login{padding-bottom:15px;}
.popup .pop_txt .popTxt_info input{height:30px;padding:5px 5px 5px 8px;font-size:16px;border:1px solid #b7b7b7;width:200px;margin-bottom:-1px}
.popup .pop_txt .popTxt_info input:hover{background-color:#f4f7f9;border:1px solid #9c9c9c;z-index:2}

.popup .pop_txt .popTxt_info input#login_id:hover{border-bottom:1px solid #9c9c9c}
.popup .pop_txt .pop_btn1 input.login_btn{border:0px; display:block; color:#fff; background-color:#666;padding:7px 0px;width:214px;text-align:center;margin:0 auto;cursor:pointer;font-size:17px;margin-bottom:30px}
.popup .pop_txt .pop_btn1 input.login_btn:hover{background-color:#505050; }



.popup_c{ background-color:#fff;width:100%}
.popup_c li p{display:block; }
.popup_c .pop_tit{ position:relative; width:100%; background: url(/images/inbbg.jpg);border-bottom:1px solid #b3dbe8;}
.popup_c .pop_tit:after{ content:""; display:block; clear:both;}
.popup_c .pop_tit p{ float:left; box-sizing:border-box; padding:15px 0px;}
.popup_c .pop_tit .pop_t{ width:100%; text-align:left; font-size:20px;color:#FFFFFF;font-weight:700;padding-left:20px}
.popup_c .pop_tit .pop_c a{ display:block; top:14px;right:14px; padding:5px; position:absolute;width:30px;  background:url(/images/button/close24w.png) no-repeat center right 0px;background-size:20px 20px;text-indent:-9999px;}

.popup_c .pop_txt{ padding:20px 0px;}
.popup_c .pop_txt p{ display:block;}
.popup_c .pop_txt .popTxt_info{ text-align:center; width:100%; font-size:18px; line-height:25px; padding-bottom:50px; padding-top:30px;}
.popup_c .pop_btn1 a{ display:block; color:#fff; background-color:#666; width:100px;padding:7px 30px;  text-align:center;margin-left:auto; margin-right:auto; font-weight:500;cursor:pointer;font-size:20px}
.popup_c .pop_btn1 a:hover{ background-color:#505050;}

.popup_c .pop_txt .popTxt_tit{ text-align:center; font-weight:bold; font-size:18px;}
.popup_c .pop_txt .popTxt_notice{ width:88%; margin-left:auto; margin-right:auto; background-color:#e6e0ec; margin-top:20px; padding:10px; font-size:14px;}
.popup_c .pop_txt .popTxt_txt{ margin:30px 20px 50px 20px;}
.popup_c .pop_txt .pop_btn2{ width:100%; margin-left:auto; margin-right:auto;}
.popup_c .pop_txt .pop_btn2:after{ content:""; display:block; clear:both;}
.popup_c .pop_txt .pop_btn2 a{ display:block; float:left;color:#fff; background-color:#666; padding:7px 30px; margin-right:15px; width:100px; text-align:center; margin-bottom:30px;}

.write-tab-pos{position:absolute;top:-80px}

.tab-pos{position: relative;}
.tab-pos a{position:absolute;top:-120px}

.renewal-body{position: relative;}
.renewal-body.main{position:initial}

.gpt-catcher-area{min-height:580px}


.basis-1p{flex-basis: 47.5%}
.basis-3p{flex-basis: 47.5%}

.correct1-ready{min-height: 465px; text-align: center;  align-content: center; }
.correct1-ready img,.correct2-ready img{margin-top:-2px;margin-right:10px}

.correct2-ready{ height: 335px; text-align: center; padding-top: 150px;}

.correct1-body textarea{height: calc(100% - 40px); margin-bottom: 100px;}

.correct2-body textarea{height: calc(100% - 50px);}

.correct1-body textarea.mt0{margin-bottom:0px}

.correct2-body .mb15{bottom:15px;margin-bottom:0px}

.correct2-body #api_result .error_cnt{color:red}
.correct2-body #api_result .arrow{padding:0px 10px;opacity:0.3}
.correct2-body #api_result button.h40{height:40px;line-height:14px}
.correct2-body #api_result table tr td{padding:3px 0px;font-size:13px}
.correct2-body #api_result .ch{background-color: #fff; padding: 2px 8px; border-radius: 5px; color: #000000; cursor: pointer;border:1px solid #ddd}
.correct2-body #api_result .ch.on,.correct2-body #api_result .ch.on2{background-color: #d3edf5;color:#147eb8;border:1px solid #d3edf5;font-weight:600 }
.correct2-body #api_result .ch img{margin-left:5px;filter:grayscale(1)}
.correct2-body #api_result .ch.on img,.correct2-body #api_result .ch.on2 img{filter:grayscale(0)}

#accordionCoaching .accordion-body{padding:0px 1.25rem 1rem 1.25rem}

.coaching-area .word-cnt{padding: 5px 0px 0px 5px; color: #31b5bd; font-weight: 500; font-size: 13px;position: absolute; right: 10px; top:0px; }
.coaching-area .word-cnt span{color:#f74f4f}


.coaching-area {
    grid-template-columns: 60% 1fr;
	padding:2.5rem 2.5rem 3rem 2.5rem
}

html body::-webkit-scrollbar {
  width: 10px;
}

html body *::-webkit-scrollbar {
  width: 5px;
}
html *::-webkit-scrollbar-track {
  background-color: #fff;
}
html *::-webkit-scrollbar-thumb {
  background-color: #e1e1e1;
}

.renewal-body .correct_rst{width: 100%; border-radius: 5px;margin-top:15px}

.renewal-body .correct_rst li.ex{border: 0px; background-color: initial; padding: 15px 0px; margin-top:0px; text-align: center; font-size: 15px; line-height: 23px; border-radius: 10px; color: #fff;}


.renewal-body .correct_rst li.title{font-size:25px;color:#fff;font-weight:700;text-align:center;line-height:30px}
.renewal-body .correct_rst li.title.yellow{color:#fff}
.renewal-body .correct_rst li.title.red{color:#fff}
.renewal-body .correct_rst li.title.orange{color:#fff}
.renewal-body .correct_rst li.title.red2{color:#fff}
.renewal-body .correct_rst li.title.blue,.renewal-body .correct_rst li.ex .blue{color:#fff}
.renewal-body .correct_rst li.title.green{color:#fff}

.reset-icon-btn{padding-left:20px;padding-right:25px;}

.mt80{margin-top:80px}

#api_result .no_error{position: absolute; left: 0px; top: 110px; text-align: center; width: 100%;}

#real_content_ori{max-height:330px;min-height:330px;line-height:170%}

.renewal-body .highlight {
    padding: 0px 4px;border-radius:2px
}


.n-write .l-form-line + .l-form-line {
    margin-top: 90px;
}


.n-write .l-form-line > label {
    position: relative;
    font-size: 21px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 0 5px;
    font-weight: 700;
}

.n-write .l-form-line > label:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    background-color: #4f4f4f;
    transform: rotate(-38deg);
    left: -5px;
}

.n-write .l-form-line > label span {
    font-size: 14px;
    color: rgba(4, 7, 35, 0.5);
    margin-top: 4px;
    margin-left: 13px;
}

.n-write .l-form-line label span.choice {
    margin-left: 3px;
    color: #b1b1b1;
    font-weight: 400;
}

.n-write .l-form-line label span.red {
    margin-left: 3px;
    color: red;
    font-weight: 400;
}

.n-write .nav-item{border-bottom:1px solid #dfdfdf}
.n-write .nav-item.active{border-bottom:0px}
.n-write .nav-item button{font-size:18px}
.n-write .nav-item.active button{font-size:20px; border-color: #ff5500; color: #ff5500 !important; font-weight: 700;}

.n-write .popup{z-index: 1001; position: relative; width: 850px;overflow:hidden }

.popup .pop-close {
    position: absolute;
    top: 2px;
    right: 2px;
    background: url(/images/admin/renewal/icon-close.svg) center no-repeat;
    background-size: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
	z-index:1002
}

.img-icon-left{margin-right:5px;margin-top:-1px}

.n-write .remove-sel-btn {
    position: relative;display:block
}

.n-write .remove-sel-btn.hide {display:none}

.n-write .remove-sel-btn img {
     position: absolute;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    z-index: 10;
    width: 40px;
    top: -46px;
}

.n-write .remove-sel-btn.v2 img {top:-58px}

.n-write #part_name.on,.n-write #section_name.on{ background-color: #fafafa;}
.font13{font-size:13px;word-break: keep-all;}

.n-write .checkword-item{padding:10px}

.custom-radio {
    position: relative;
    appearance: none;
    width: 24px;
    height: 24px;
    content: none;
    outline: none;
    margin: 0;
    background: url(/images/renewal/ic-check-off.png) no-repeat center center;
    border-radius: 50%;
    border: 2px solid #fff;
}

.custom-radio:checked {
	appearance: none;
	outline: none;
	padding: 0;
	content: none;
	border: none;
}

.custom-radio:checked::before {
	position: absolute;
	left: 0;
	color: green !important;
	content: "" !important;
	background: url(/images/renewal/ic-check-on.png) no-repeat center center;
	background-size: 24px 24px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.n-write #searchAppResult{padding:40px 40px 0px 40px}


.n-write #section_name .articleList .article_txt{display: inline-block; padding: 8px 16px; border: 1px solid #ff860f; border-radius: 20px;margin:5px;font-size: 12px; font-weight: 500; color: #ff8610;cursor: move;background-color:#fff}
.n-write #section_name .articleList .article_txt .num{font-size:12px;font-weight:700;margin-right:3px}

.cursor-default{cursor:default}

.bg-ari-write {
    background-image: url(/images/ari/ari_main_bg0.jpg);
}
.bg-ai-bg01 {
    background-image: url(/images/s_vis03.jpg);
}

.renewal-body img {
    display: inline-block;
}

.help-red{color:red}
.help-red img{margin-right: 5px; width: 20px; margin-top: -2px;}

#partSearchLayer .checkword-item label{    margin: -18px -18px -18px -50px;
    padding: 18px 16px 18px 50px;}
#partSearchLayer .checkword-item .is-input{position: absolute; top: -5px; right: -7px; width: 16px; opacity: 0.6; }

#partSearchLayer .write-ing{padding: 10px 0px; font-size: 16px; font-weight: 700}
#partSearchLayer .write-ing img{margin-right: 6px;margin-top: -4px; }
.pos-rel{position:relative}
.rounded-2px{border-radius:2px}

.main-box1 .sub-bd{position:relative}
.main-box1 .sub-bd img{ position: absolute; top: 38px; left: 101px;cursor:pointer}
.main-box1 .sub-bd h3{ position: absolute; top: 110px; left: 0px;cursor:pointer;width:266px;text-align:center}

.main-box1 .sub-bd img{-webkit-transition: transform .3s ease-out; 
        -moz-transition: transform .3s ease-out; 
        -ms-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out; 
        transition: transform .3s ease-out;}

.main-box1 .sub-bd:hover img{
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04); /* IE 9 */
        -o-transform: scale(1.04);
        transform: scale(1.04);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.04, M12=0, M21=0, M22=1.04, SizingMethod='auto expand')"; /* IE8 */
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.04, M12=0, M21=0, M22=1.04, SizingMethod='auto expand') /* IE6 and 7 */ 
}

.main-box1 .sub-bd .box-shadow-main{-webkit-transition: transform .3s ease-out; 
        -moz-transition: transform .3s ease-out; 
        -ms-transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out; 
        transition: transform .3s ease-out;box-shadow: 1px 1px 10px -2px #000;cursor:pointer}

.main-box1 .sub-bd:hover .box-shadow-main{
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04); /* IE 9 */
        -o-transform: scale(1.04);
        transform: scale(1.04);opacity:0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.04, M12=0, M21=0, M22=1.04, SizingMethod='auto expand')"; /* IE8 */
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.04, M12=0, M21=0, M22=1.04, SizingMethod='auto expand') /* IE6 and 7 */ 
}

.n-layout #appSearchLayer{z-index:1001;position:relative}


.n-layout #part_name.on, .n-layout #section_name.on {
    background-color: #fafafa;
}

.n-layout .app-sel-rst,#section_name .article_txt{background-color:#fff}

.n-layout .remove-sel-btn {
    display: block;
}
.n-layout .remove-sel-btn.hide{
	display:none
}

.n-layout .remove-sel-btn img {
    position: absolute;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    z-index: 10;
    width: 40px;
    top: -58px;margin-top:0px
}

.n-layout .remove-sel-btn.section img{
	  top: 18px;
}


.n-layout  #partSearchLayer{z-index:1001;position:relative}

.n-layout .l-form-line button span i, .n-layout .l-form-line .button-type span i {
 
    vertical-align: middle;
    margin-top: -1px;
}

.mh75{min-height:75px}

#searchAppResult .selcate ul{box-shadow:5px 5px 5px -5px #b1b1b1}

.n-layout .l-left.w980 {
    width:980px;
	margin:0 auto
}

.n-layout .l-form-line > label span.part_info{
    vertical-align: bottom;
    display: inline-block;
    margin-top: 12px;
    font-weight: 500;margin-left:30px
}
.n-layout .l-form-line > label span.part_info strong{font-size:13px;color:#000}
.n-layout .l-form-line > label span.part_info span{font-weight:400;font-size:12px;margin-left:5px;color:#000}

.input_textarea2 {
	font-family:"맑은 고딕","굴림", "굴림체", "돋움", "돋움체",AppleGothic;
	font-size: 12px; 
	color:#444444;
	background-color:#FFFFFF;	
	height:150px;
	border:0px solid #d8d8da;
	padding:0px;
	overflow:hidden;width:100%;word-break: break-all;line-height:150%;min-height:150px;outline: none
}


#saveDone{
	color:#1c3144;
	font-weight:300;
	font-size:13px;
	padding:0px 0px 30px 0px;
}

#saveDone span{
	color:#ff3300;
	font-weight:600;
}


a.button_pink{background-color:#ff3100;opacity: 0.8;display: inline-block;min-width:120px;padding: 13px 22px;font-size:14px;font-weight:500;color: #ffffff;text-align: center;vertical-align: top;text-decoration: none;margin-right: 10px;transition-duration: .2s; transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);border-radius:4px}
a.button_bgreen{background-color:#fff;opacity: 0.8; display: inline-block; min-width: 120px; padding: 12px 22px; font-size: 14px; font-weight: 500; color: #000; text-align: center; vertical-align: top; text-decoration: none; margin-right: 10px; transition-duration: .2s; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); border-radius: 4px; border: 1px solid #a5a5a5;}
a.button_blue{background: url(/images/ari/tr-arrow.png) 88% 17px no-repeat #1a92f3;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 22px;font-size:14px;font-weight:500;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;margin-right: 10px;transition-duration: .2s; transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);border-radius:4px}

a.button_red{background: url(/images/ari/tr-arrow.png) 88% 17px no-repeat #ff3300;opacity: 0.8;display: inline-block;padding: 13px 70px 13px 22px;font-size:14px;font-weight:500;color: #ffffff;text-align: left;vertical-align: top;text-decoration: none;margin-right: 10px;transition-duration: .2s; transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);border-radius:4px}


a:hover.button_pink,a:hover.button_bgreen,a:hover.button_blue,a:hover.button_red,.renewal-body .popup.p20a .btn.bac_violet.col_white:hover{opacity: 1; --tw-shadow: 0 8px 9px -4px rgba(59,113,202,.3),0 4px 18px 0 rgba(59,113,202,.2);
    --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}


.write_in.new .p_select {
 
    vertical-align: bottom;padding:5px 0px 5px 10px;font-size:15px
}


.write_in.new .write_area .form_box_in{ font-family: Montserrat,Pretendard,sans-serif;}
.write_in.new .write_area .form_box_in{font-size:14px}

.renewal-body .popup.p20a{border-radius:6px;}

.renewal-body .popup.p20a{padding:20px}

.renewal-body .popup.p20a .popTit{text-align: center; color: #fd5019; font-weight: 700; font-size: 18px; }


.renewal-body .popup.p20a .close{display:none}


.renewal-body .popup.p20a .close-new{  position: absolute; right: 11px; top: 10px;display:inline-block;cursor:pointer}
.renewal-body .popup.p20a .close-new:after {display: inline-block;content: "\00d7"; font-size:38px;line-height:24px}



.renewal-body .popup.p20a .popBtn{padding-top:20px}

.renewal-body .popup.p20a .btn.bac_violet.col_white{background-color:#ff3100;opacity: 0.8;display: inline-block;width:100%;padding: 13px 22px;font-size:14px;font-weight:500;color: #ffffff;text-align: center;vertical-align: top;text-decoration: none;margin-right: 10px;transition-duration: .2s; transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);border-radius:4px}

.renewal-body .popup.p20a .txt_center.pt50.fon_16.lh24{ padding-top:20px;line-height:24px }


.renewal-body .popup.p20a .ari-report-ready{line-height:25px;text-align:center;font-size:15px;padding:30px 8px 6px 8px;margin-right:7px;font-weight:500}

.renewal-body .popup.p20a .ari-report-done{margin-top:15px;height:52px}

.renewal-body .popup.p20a #loading_start .load-title{width: 26px; vertical-align: middle; margin-top: -2px; margin-right: 5px;}


.renewal-body .storage-btn-new {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #4f4f4f;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    z-index: 1;
}

.renewal-body .popup.p20a .popup_tit ul li.menu{text-align:center; font-size: 13px; margin-top: 8px; font-weight:bold;display:inline-block}

.renewal-body .popup.p20a .popup_tit {background-color: #f5f5f5; height: 40px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e5e5e5; }

.renewal-body .popup.p20a .popup_txt{background-color:#ffffff; }
.renewal-body .popup.p20a .popup_txt ul{min-height:40px; border-bottom:1px solid #f3f3f3}
.renewal-body .popup.p20a .popup_txt ul li{display:inline-block;}
.renewal-body .popup.p20a .popup_txt ul li.numBox{text-align:center;font-size:13px; margin-top:10px;} .renewal-body .popup_txt ul li.filename{  border-right: 1px solid #e3e3e3; margin-top: 10px; letter-spacing: -1px; font-size: 14px; }
.renewal-body .popup.p20a .popup_txt ul li.filename a{ color:#454545;}
.renewal-body .popup.p20a .popup_txt ul li.date{text-align:center; font-size:13px; margin-top:10px;text-align:center;}
.renewal-body .popup.p20a .popup_txt ul li.ticketNaim{ text-align:center; border-right:1px solid #c6c6c6; margin-top:10px; letter-spacing:-1px; font-size:14px;}
.renewal-body .popup.p20a .popup_txt ul li.ticketNum{ text-align:center; border-right:1px solid #c6c6c6; margin-top:10px; letter-spacing:-1px; font-size:14px;}
.renewal-body .popup.p20a .popTxtype01{font-size:18px; text-align:center; margin-top:50px; letter-spacing:-1px; line-height:30px;}
.renewal-body .popup.p20a .popTxtype02{width:80%; font-size:13px; text-align:center; margin:0 auto; margin-top:30px; margin-bottom:30px; padding-top:10px; padding-bottom:15px;}

.renewal-body .popup.p20a .popBtn{height:100%; overflow:hidden; margin:0 auto;}

.renewal-body .popup.p20a .view_all_title{display:inline-block;margin:0}

.renewal-body .popup.p20a .w9p{width:9%}
.renewal-body .popup.p20a .w43p{width:43%}
.renewal-body .popup.p20a .w8p{width:8%}
.renewal-body .popup.p20a .w16p{width:16%}
.renewal-body .popup.p20a .w20p{width:20%}

.renewal-body .popup.p20a.w900{width:900px}

.renewal-body .popup.p20a .WriteFormScroll{max-height:300px}
.renewal-body .popup.p20a .ml10{margin-left:10px}
.renewal-body .popup.p20a .w80p{width:80%}

.renewal-body .popup.p20a .search-icon{vertical-align:middle;width:12px;margin-right:3px;margin-bottom:2px}

.renewal-body .popup.p20a .nr{text-align:center;font-weight:400;font-size:13px}

.riings-intro a[name="pt1"]{position: absolute;top: 340px;}
.riings-intro a[name="pt2"]{position: absolute;top: 1160px;}
.riings-intro a[name="pt3"]{position: absolute;top: 1930px}

.ebook-list{width: 1280px; margin: 0 auto}

.ebook-list.ls4 .grid-cols {
    grid-template-columns: repeat(4,minmax(0,1fr));column-gap:142px
}

.ebook-list.ls5 .grid-cols {
    grid-template-columns: repeat(5,minmax(0,1fr));column-gap:115px
}

.ebook-list .img-h.direct{height:460px}
.ebook-list .img-h.shadow{height:440px}

.ebook-list .img-h img.direct{width: 206px; margin-bottom: 16px;  border: 1px solid #f1f1f1;}
.ebook-list .img-h.direct a{display:block}
.ebook-list .img-h a img{ transition: all 0.2s;}
.ebook-list .img-h.direct a:hover img{box-shadow: 6px 8px 10px -4px #a1a1a1;border-right: 1px solid #cacaca;border-bottom: 1px solid #b4b4b4;opacity:0.7}
.ebook-list .img-h.shadow a:hover img{opacity:0.7}


.ebook-list .img-h img.shadow{width:216px}
.ebook-list .img-h button{cursor:default}

.slider-ebook .item img.direct{width: 150px; box-shadow: 6px 6px 8px -4px #9b9b9b; border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;margin-bottom:7px}
.slider-ebook .item img.shadow{width:157px;margin-bottom:-4px}

.m-pd8{padding:25px 45px 15px 45px}

.mt12{margin-top:12px}

.pb200{padding-bottom:200px}


/* modal */
.modal_wrap {
  /*display: none;*/
  position: fixed;
  left: 0%;
  top: 0%;
  width: 100%; 
  overflow: auto;
  /*background-color:rgba(0,1,25,0.4);
  z-index: 200;*/ 
	opacity: 0;
	z-index: -1;

}

.modal_wrap .modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 10;
}

.modal_wrap .modal_cont.v2 .modal_close { 
  top: 6px;
  right: 6px;  
}

.modal_wrap .modal_close:before, 
.modal_wrap .modal_close:after {
  content: ' ';
  position: absolute;
  top: 12px;
  left: 23px;
  height: 23px;
  width: 1px;
  background-color: #000119;
}

.modal_wrap .modal_close.white:before, 
.modal_wrap .modal_close.white:after {
  background-color: #fff;
}


.modal_wrap .modal_close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal_wrap .modal_close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal_wrap .modal_tit {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.modal_wrap .modal_tit.center {text-align:center}
/* 기본 면접 설정 modal */
.modal_wrap .modal_cont {
  position: relative;
  min-width: 380px;
  margin: 20px auto; 
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 20px 20px rgba(0,0,0,0.16);
  color: #000119;
}

.modal_wrap .modal_cont.v2 {
	border-radius: 6px;
}

.modal_wrap .modal_inner {
  padding: 0 40px;
}
.modal_wrap .modal_desc {
  margin-top: 20px;
  color: #50516E;
  font-size: 1.4rem;
  line-height: 1.6;
}
.modal_wrap .modal_inner_box {
  position: relative;
  height: 184px;
  margin-top: 40px;
  background-color: #F0F4F7;
}
.modal_wrap .modal_cont.w586 {
  width: 586px;
}
.modal_wrap .modal_cont.pb40 {
  padding-bottom: 40px;
}

@keyframes modalFadeInDown {
	0% {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

@keyframes  modalFadeInUp {
	0% {
		opacity: 1;
		transform: translateZ(0);
	}
	to {
		opacity: 0;
		transform: translate3d(0, -50%, 0);
	}
}


.modal_wrap.show{animation: modalFadeInDown 0.5s;z-index:1056;opacity:1.0;display:flex;height: 100vh; display: flex; flex-wrap: wrap; flex-direction: row; /*수평 정렬*/ align-items: center; justify-content: center;}
#basic_modal.modal_wrap.show{z-index:1055}

.modal_wrap:not(.show) {
	z-index:-1;
	opacity: 0;
}

.modal_wrap.out {
	animation: modalFadeInUp 0.5s;
}

.modal_wrap.show.z-index80{z-index:80}

.modal_wrap .pop_tit { position:relative;  height:75px; background:#01a8cc; text-align:center; color:#fff; font-size:26px; font-weight:600; line-height:75px;}
.modal_wrap .pop_body { position:relative;background:#fff; padding:40px 20px 20px 20px; text-align:center;}
.modal_wrap .pop_tab { position:relative; width:100%; height:75px; text-align:center; }

.modal_wrap .pop_tab li {cursor:pointer; display:block; float:left; width:50%; background:#6b6b6b; color:#fff; font-size:24px; font-weight:600; line-height:75px;}
.modal_wrap .pop_tab li:last-child{width:50%;border-right:0px}
.modal_wrap .pop_tab li a { display:block; color:#fff;}
.modal_wrap .pop_tab li.on { background:#01a8cc; color:#fff;}

.sample-body{background-color:#fff;margin:0 auto;text-align:center}
.sample-body #sample_src{text-align:center}

.modal_wrap.modal-window .w680{width:680px}
.modal_wrap.modal-window#inquiryPop {z-index:1999}
#inquiryPop .modal_cont {
    border-radius: 20px;
    border: 10px solid #0FA9F5;
    background: #0FA9F5;
}

#inquiryPop .modal_inner {
     
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 16px;overflow:hidden
}


#inquiryPop .modal_cont .inputWrap{
    display: block;
    width: 100%;
    position: relative;
}

#inquiryPop .modal_cont .inputWrap + .inputWrap{margin:12px 0 0;}

#inquiryPop .modal_cont .inputWrap .label {
    display: block;
    width: 120px;
    float: left;
    height: 48px;
    line-height: 48px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #232323;
}

#inquiryPop .modal_cont .inputWrap .row {
    width: calc(100% - 120px);
    float: right;
    display: block;
}


#inquiryPop .modal_cont .inputWrap:after {
    content: "";
    display: block;
    clear: both;
}

#inquiryPop .modal_cont .inputWrap .row .inputNormal{padding:0 10px 0 15px}


#inquiryPop .modal_cont .inputWrap .row .txt1{
    display: block;
    width: 100%;
    color:#8C8C8D;
    font-size:14px;
    line-height: 23px;
    padding:7px 0 0;
    text-align: left;
}

#inquiryPop .modal_tit {
       display: block;
    width: 100%;
    position: relative;
    padding: 0 0 5px;
    border-bottom: 2px solid rgba(220, 219, 223, 0.5);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;

}

#inquiryPop .inputNormal{
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    background: #F6F7FC;
    color:#111;
    font-size:14px;
    text-align: left;
    padding:0 10px 0 54px;
    font-weight: 400;
    border: none !important;
}

#inquiryPop .inputNormal::placeholder{color:#666 !important}

#inquiryPop .txtaNormal{
    display: block;
    width: 100%;
    height: 200px;
    font-size:14px;
    line-height: 22px;
    border-radius: 24px;
    background: #F6F7FC;
    color:#111;
    text-align: left;
    padding:16px 15px;
    font-weight: 400;
    border: none !important;
}

#inquiryPop .txtaNormal:focus{outline: none !important;}

#inquiryPop .buttonInquiry{
    display: block;
    width: 320px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    border-radius: 24px;
    border:2px solid #fff;
    color:#fff !important;
    font-size: 18px;
    font-weight: 500;
    margin:20px auto 0;
}

#inquiryPop i{color:red;margin-left:3px}

.d-body{width: 110px; height: 48px; margin: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; overflow: hidden; z-index: 9999;}

.d-body.abs{ position: absolute; top: 126px; bottom:initial; left: 80px; right: initial; overflow: initial;max-width: initial; }
.d-body.direct{position:relative}
.d-body.msg{height: 80px;}
.d-body.msg .text{text-align: center; color: #8bb2d3; font-size: 15px; font-weight: 500; line-height: 25px;margin-top:5px}


.d-body span { display: inline-block; width: 12px; height: 40px; border-radius: 2px; animation: loading-device 1.2s 0s linear infinite; margin: 3px; }
.d-body span:nth-child(1) {  /*loading의 자식 중 첫번째 span*/
	/*nth-child : 형제 사이에서의 순서*/
	animation-delay: 0s;
	background-color: #6fbde8;
}

.d-body span:nth-child(2) {
	animation-delay: 0.15s;
	background-color: #6fbde8;
}

.d-body span:nth-child(3) {
	animation-delay: 0.3s;
	background-color: #6fbde8;
}

.d-body span:nth-child(4) {
	animation-delay: 0.45s;
	background-color: #6fbde8;
}

.d-body span:nth-child(5) {
	animation-delay: 0.6s;
	background-color: #6fbde8;
}
.d-body span:nth-child(6) {
	animation-delay: 0.75s;
	background-color: #6fbde8;
}


@keyframes loading-device {        /*loading이라는 keyframe 애니메이션*/
    0%,                      /* 0, 50, 100은 구간*/
    100% {
      opacity: 0.1;            /* 안보였다가 */
      transform: scale(0.4); /*transform의 scale로 요소를 확대 또는 축소할 수 있음*/   
    }
    50% {
      opacity: 1;             /* 보였다가 */
      transform: scale(1.2); /* 1.2배 */
    }
 }

.tab-pos-sync{position:absolute;top:350px}

.sc_1{font-size: 12px; background-color: #ff6600; height: 24px; display: inline-block; line-height: 24px; padding: 0px 10px; border-radius: 5px; font-weight: 500; color: #fff;}
.sc_2{font-size: 12px; background-color: #eee; height: 24px; display: inline-block; line-height: 24px; padding: 0px 10px; border-radius: 5px; font-weight: 500; color: #adadad;}
.sc_3{font-size: 12px; background-color: #eee; height: 24px; display: inline-block; line-height: 24px; padding: 0px 10px; border-radius: 5px; font-weight: 500; color: #adadad;}

.bg-left-top{background-position:0px 3px}

.re-normal{height: 20px; overflow: hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;width:860px}

.icon-search{margin-right: 5px; vertical-align: middle; margin-top: -2px;}
.modal-window {cursor:default}
.modal-window .title{display: block; width: 100%; position: relative; padding: 0 0 5px; border-bottom: 2px solid rgba(220, 219, 223, 0.5); font-size: 24px; font-weight: 700; margin-bottom: 20px;margin-top:20px}
.modal-window .main{font-size:13px;font-weight:400;padding:0px 0px 20px 0px}
.modal-window .main h4{font-size:15px;font-weight:600;margin-bottom:10px}

.doc-tit{font-weight:600}
.doc-tit .no-data{height:150px;text-align:center}
.doc-tit .w-title{width:calc(100% - 60px);display:inline-block}

.tab-content .no-data{height:150px;text-align:center}

.btn_orange {
  position: relative;
  width: 170px;
  height: 42px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  z-index: 0;
}
.btn_orange:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 42px;
  background-color: #f50;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_orange:hover:before {
  top: -4px;
  left: -4px;
  width: 178px;
  height: 50px;
  background-color: #fb5200;
}


.btn_dark_blue {
  position: relative;
  width: 170px;
  height: 42px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  z-index: 0;
}
.btn_dark_blue:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 42px;
  background-color: #314393;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_dark_blue:hover:before {
  top: -4px;
  left: -4px;
  width: 178px;
  height: 50px;
  background-color: #142674;
}


.btn_orange.w100,.btn_dark_blue.w100 {
  width: 100px;
}

.btn_dark_blue.w100:before,.btn_orange.w100:before {
 
  width: 100px;

}
.btn_dark_blue.w100:hover:before,.btn_orange.w100:hover:before {
  width: 108px;
}

.btn_dark_blue.w100[disabled]:hover::before,.btn_orange.w100[disabled]:hover::before {
  width: 100px;
  background-color: #D0D0D9;
}

.btn_purple {
  position: relative;
  width: 170px;
  height: 42px;
  border-radius: 4px;
  color: #fff;
  font-size:14px;
  z-index: 0;
}
.btn_purple:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 42px;
  background-color: #5F50E8;
  border-radius: 4px;
  z-index: -1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.btn_purple:hover:before {
  top: -4px;
  left: -4px;
  width: 178px;
  height: 50px;
  background-color: #4333D6;
}


.btn_purple:disabled:before,.btn_dark_blue:disabled:before,.btn_orange:disabled:before {
  background-color: #D0D0D9;
}
.btn_purple[disabled]:hover::before,.btn_dark_blue[disabled]:hover::before,.btn_orange[disabled]:hover::before {
  top: 0;
  left: 0;
  width: 170px;
  height: 42px;
  background-color: #D0D0D9;
}

.btn_purple.w220,.btn_purple.w220:before {
	 width: 220px;
}

.btn_purple.w220:hover:before {
	width: 228px;
}



.btn_list {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}
.btn_list.mt50{margin-top:50px}
.btn_list button {
  margin: 0 10px;
}
.btn_list button:first-child {
  margin-left: 0;
}
.btn_list button:last-child {
  margin-right: 0;
}

.btn_list.mt10{margin-top:10px}
.btn_list.pb20{padding-bottom:20px}

#ajaxLayer,.ajaxLayer  {
	position: absolute;
	z-index:1999;
	display:none;
}

.bt_result { display:inline-block; font-size:13px; line-height:27px; background:url(/images/bt_result.jpg) no-repeat 10px 7px; color:#4ba8e6; border:1px solid #4ba8e6; padding:0 10px 0 27px;  border-radius: 3px;transition: all 0.3s;}
.bt_result.ari{cursor:pointer;background-color:#fff;font-size:13px;}
.bt_result.ari.w120{min-width:120px}

.bt_ari {cursor: pointer; min-width: 75px; display: inline-block; font-size: 12px; line-height: 27px; height: 27px; padding: 0 8px; color: #ffffff;  background-color: #4ba8e6; border-radius: 3px;transition: all 0.3s; }
.bt_ari:hover{box-shadow:3px 3px 10px -3px #868686;}
.bt_st_my { width:75px;display:inline-block; font-size:13px;line-height: 25px;height: 27px;padding:0 8px;color:#ff3300; border:1px solid #ff3300 ;transition: all 0.3s;border-radius: 3px; }
.bt_st_my:hover,.bt_result:hover,.bt_video:hover{box-shadow:3px 3px 10px -3px #868686;}
.bt_st_my.done:hover,.bt_result.done:hover,.bt_video.done:hover{box-shadow:none;transition:none;}

.bt_video { display:inline-block; font-size:14px; line-height:29px; background:#97a3b1 url(/images/bt_video.jpg) no-repeat 10px 7px; color:#fff; padding:0 10px 0 27px; margin-right:5px;border-radius: 3px; transition: all 0.3s;}


.bt_st_my.done,.bt_result.done{color:#b6bec9; border:1px solid #d9d9d9;opacity: 0.6}

.bt_video.done{opacity: 0.3}
.bt_st_my.ari{font-size:12px;cursor:pointer;background-color:#fff}

.table_st2 td span.part{font-weight:300;color:#a3a3a3;font-size:13px}
.ml10{margin-left:10px}


.use-step-state{display: inline-block; width: 68px; margin: 1px 0px; border-radius: 3px; height: 20px; line-height: 20px; background: url(/images/icon/ck_gray.png) no-repeat 6px 6px; padding-left: 16px; background-size: 10px; color: #000; }
.use-step-state.ing{font-weight: 400; background: url(/images/icon/ck_w.png) no-repeat 6px 6px; background-size: 10px; background-color: #5a5a5a; color: #fff; padding-left: 15px}

.use-step-state.ready{opacity: 0.4;}

body.text-14 .table_st2 td{font-size:13px}

body.text-14 .table_st2 td.use-step{font-size:12px}


.main-box-01{background-color: #dbece7; height: 400px; width: 844px; padding: 40px 26px; }
.main-box-01 .right-tag{float:right}
.main-box-01 .right-tag span{margin-left:5px}
.main-box-01 .sub-bd{clear:both;margin-top:30px}
.main-box-01 h2{font-size: 21px; font-weight: 800;margin-top:10px}

.main-box-01 .sub-bd a{display: inline-flex; background-color: #fff; border-radius: 10px; border: 1px solid #ddd; margin-left: 3px; width: 235px;height:256px;transition: all 0.2s;}
.main-box-01 .sub-bd a div{text-align:center}
/*.main-box-01 .sub-bd div{transition: all 0.2s;}
.main-box-01 .sub-bd div:hover{opacity:0.7}

.main-box-01 .sub-bd a:hover{	border:1px solid #000;cursor:pointer}*/

.main-box-01 .sub-bd a:first-child{width: 308px; margin-left: 0px;}
.hover07{transition: all 0.2s;}
.hover07:hover{opacity:0.7}
.h400{height:400px}
.pb150{padding-bottom:150px}
.tag-text{color: #fff; height: 34px; padding: 0px 12px; line-height: 34px; font-size: 14px; font-weight: 600; display: inline-block;border-radius: 10px;}
.tag-text.gray{background:url(/images/main/btn-gray.png) no-repeat;background-size:cover}
.tag-text.blue{background:url(/images/main/btn-blue.png) no-repeat;background-size:cover}
.tag-text.gold{background:url(/images/main/btn-gold.png) no-repeat;background-size:cover;width:100px;text-align: center}
.tag-text.blue2{background:url(/images/main/btn-blue2.png) no-repeat;background-size:cover;width:100px;text-align: center}
.tag-text.red{background: url(/images/main/btn-red.png) no-repeat; background-size: cover; width: 130px; text-align: center; height: 38px; line-height: 38px; font-size: 16px; }


.main-arrow-btn{padding: 8px; cursor: pointer; margin: 9px;}

.main-box-01 .sub-bd div:hover .main-arrow-btn {
    animation: main-arrow-btn 0.5s ease-in-out ;
    -webkit-animation: main-arrow-btn 0.5s ease-in-out ;
}


@keyframes main-arrow-btn{
    0%{ transform: translateX(0px);}
    50%{ transform: translateX(8px);}
	 100%{ transform: translateX(0px);}
}

.main-box-02 .bg-mask-8 {
    background: #f4ede1 url(/images/main/main-interview04.png) 253px 25px no-repeat;
}

.main-box-02 .bg-mask-9 {
    background: #e6ecf9 url(/images/main/main-interview05.png) 253px 25px no-repeat;
}

.main-box-02 .bg-mask-6 {
    background: #f4ede1 url(/images/main/main-interview06.png) 253px 25px no-repeat;
}

.main-box-02 .bg-mask-7 {
    background: #e6ecf9 url(/images/main/main-interview07.png) 253px 25px no-repeat;
}

.main-box-02 .h100{height:100px}
.main-box-02 .w220{width:220px}
.main-box-02 .tag-st{vertical-align: bottom;display: table-cell;}
.main-box-02 .tag-st span{color: #000; height: 26px; padding: 0px 8px; line-height: 26px; font-size: 12px; font-weight: 500; display: inline-block;border-radius: 6px;background-color:#fff;margin-top:5px;margin-right:4px;width:66px}
.main-box-02 .tag-st span.mr20{margin-right:20px;}
.main-box-02 a{transition: all 0.2s;}
.main-box-02 a:hover{opacity:0.7}

.font500{font-weight:500}

.main-box-03 a{display:block;transition: all 0.2s;}
.main-box-03 a:nth-child(1){background:#fff url(/images/main/main-book-icon01.png) 275px 50px no-repeat;}
.main-box-03 a:nth-child(2){background:#fff url(/images/main/main-book-icon02.png) 275px 50px no-repeat;}
.main-box-03 a:nth-child(3){background:#fff url(/images/main/main-book-icon03.png) 275px 50px no-repeat;}
.main-box-03 h2{font-weight: 900; font-size: 25px;margin-top:5px}
.main-box-03 h3{font-weight: 400; font-size: 22px; line-height: 20px; color: #535353; letter-spacing: -2px;}
.main-box-03 .bg-white{height:400px}
.main-box-03 .bg-white:hover{opacity:0.7}

.main-box-03 .bg-white div{display: table-cell; vertical-align: bottom; height: 160px; color: #000; font-weight: 500; font-size: 14px; letter-spacing: -0.5px;text-align:center;font-family:"Pretendard"}

.main-box-03 .bg-white .more-btn{display: inline-block; font-size: 12px; font-weight: 700; color: #000; margin-top:65px; margin-left: 5px;}
.main-box-03 .bg-white .more-btn span{border-bottom: 1px solid #000;padding: 3px 5px}

.main-box-03 a:hover .more-btn {
    animation: main-arrow-btn 0.5s ease-in-out ;
    -webkit-animation: main-arrow-btn 0.5s ease-in-out ;
}

a.button{display:inline-block}
a.button:hover {
    box-shadow: 3px 3px 10px -5px #4a4a4a
}

a.button.shadow-black:hover {
    box-shadow: 3px 3px 10px -2px #000
}

.main-box-04 a{cursor:default;display:block;background-color:#e7edf4;transition: all 0.2s;}
.main-box-04 a .eng-baner-img:hover{opacity:0.8}
.main-box-04 a .eng-baner-img{cursor:pointer;display:block;text-align:center;margin-top:35px; width:100%;
    margin: 0 auto;
    margin-top: 35px;
    background-color: #f5fcfe;
    border-radius: 12px;
    box-shadow: 0px 0px 40px -15px #afafaf;}
.main-box-04 h3{margin-top:22px;font-size:14px;font-weight:500;color:#000;padding-bottom:14px}


#header .main-logo {display:table-cell;vertical-align:middle;width:250px}
#header .main-logo img{max-height:42px;max-width:160px}
#header .main-logo span{margin-left: 10px; display: inline-flex;align-items: center;}
#header .main-logo span.pb8{padding-bottom:8px}

#SampleInfo.eng .modal_cont{width:810px}
#SampleInfo.eng .modal_cont img.sample{width:810px;border-top:1px solid #ebebeb}
#SampleInfo.eng .modal_cont .pop_tab li{width:270px}

#SampleInfo.eng .modal_cont .pop_tab.c2 li{width:50%}
#SampleInfo.eng .modal_cont .pop_tab.c1 li{width:100%}

#SampleInfo.eng .pop_select { position:relative; width:100%; height:35px; text-align:center;border-top:1px solid #ababab}

#SampleInfo.eng .pop_select li {cursor:pointer; display:block; float:left; width:270px;background:#fff; color:#ababab; font-size:14px; font-weight:500; line-height:35px;;border:0px}

#SampleInfo.eng .pop_select li a { display:block; color:#fff;}
#SampleInfo.eng .pop_select li.on {color:#32baff}


/* 기본면접 시작 알림 */
.wave-circle-box {
	display:none;
	position: absolute;
    width: 300px;
    height: 270px;
    z-index: 1005;
    border-radius: 20px;
    text-align: center;
}

.wave-circle-box.rel{display:block;position: relative;margin:0 auto; height: 200px;}
	
.wave-circle-box .wave-circle {
  position: absolute;
  width: 0;
  height: 0;
  background-color:#eaecfb;
  border-radius: 50%;
  -webkit-animation: zoomOut2 0.2s forwards 0.2s;
  animation: zoomOut2 0.2s forwards 0.2s;
}


.wave-circle-box .wave-text{    position: absolute;
    top: 200px;
    text-align: center;
    width: 100%;
    color: #fff;
    text-shadow: 2px 2px 0px #858585;
    font-size: 17px;}

@-webkit-keyframes zoomOut2 {
  0% {
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
  }
  100% {
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
  }  
}
@keyframes zoomOut2 {
  0% {
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
  }
  100% {
    top:37px;
	
    left: 75px;
    width: 150px;
    height: 150px;
  }  
}

.wave-circle-box .wave-inner {
	    position: absolute;
    top: 45px;
    left: 50%;
    width: 134px;
    height: 134px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-left: -67px;
}
.wave-circle-box .wave-inner img {
  position: absolute;
  top: -50px;
  left: -118px;
  width: 400px;
}
.w_pos.tm100{top:-100px}
.w_pos.tm10{top:-10px}

.w_pos.t30{top:30px}
.w_pos.t60{top:60px}


body .n-layout .l-left {
  width:100%;
  margin-right:82px;
}

body .n-layout .l-left.mr0 {
  width:100%;
  margin-right:0px;
}

.n-layout .l-form-line.left{width: calc(50% - 5px); display: inline-block; margin-right: 5px;}
.n-layout .l-form-line.right{width: calc(50% - 5px); display: inline-block; margin-left: 1px;}




body.scroll-off{overflow-y:hidden}

.modal_wrap .modal_tit.gpt {
  
    background-color: #eaf2f9;
    padding:20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.modal_wrap .modal_tit.gpt span{display: inline-block; line-height: 26px; vertical-align: middle;width:calc(100% - 50px)}

.modal_wrap .modal_tit.gpt img{margin-top:-6px}

.modal_cont.w860{width:860px}

#service_ready.popup{width:460px;z-index:1002}
#service_ready.popup .text{padding: 50px; text-align: center; word-break: keep-all; line-height: 24px; font-weight:700; font-size: 17px;}

.bg-layout01 { background-image: url(/images/main/bg-layout01.png); }
.bg-layout02 { background-image: url(/images/main/bg-layout02.png); }
.bg-layout03 { background-image: url(/images/main/bg-layout03.png); }
.bg-layout04 { background-image: url(/images/main/bg-layout04.png); }
.bg-layout05 { background-image: url(/images/main/bg-layout05.png); }

.human-help-img01{width: 320px; display: block; margin: 95px auto;}
.w450{width:450px}
.w430{width:430px}


[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

#loginLayer .modal_cont{width:460px}
#loginLayer .modal_cont .layerPopupContent{padding:30px 40px}

.aisolution-wrapper nav ol.list-reset.flex.gap-x-2.text-12.font-bold li a{font-size:14px;font-weight:500}

.interview-main-view .text-center{width:340px}
.interview-main-view h3{color: #fff; font-size: 18px; font-weight: 500; line-height: 70px; height: 70px; border-radius: 20px 20px 0px 0px; }
.interview-main-view.c01 h3{ background: #14c0ca url(/images/main/interview-main-view-icon01.png) no-repeat 54px 16px; }
.interview-main-view.c02 h3{ background: #4c5cbc url(/images/main/interview-main-view-icon02.png) no-repeat 54px 16px; }
.interview-main-view.c03 h3{ background: #ecaf3c url(/images/main/interview-main-view-icon03.png) no-repeat 54px 16px; }

.interview-main-view.c04 h3{ background: #14c0ca url(/images/main/interview-main-view-icon01.png) no-repeat 20px 16px; }
.interview-main-view.c05 h3{ background: #4c5cbc url(/images/main/interview-main-view-icon02.png) no-repeat 30px 16px; }
.interview-main-view.c06 h3{ background: #ecaf3c url(/images/main/interview-main-view-icon03.png) no-repeat 54px 16px; }

.interview-main-view .text{ padding: 28px 30px; text-align: left; word-break: break-word; height: 310px; font-weight: 500; color: #000;display: block;}
.interview-main-view.c01 .text{background: #f3f3f3 url(/images/main/interview-main-view-bg01.png) no-repeat bottom center; }
.interview-main-view.c02 .text{background: #f3f3f3 url(/images/main/interview-main-view-bg02.png) no-repeat bottom center; }
.interview-main-view.c03 .text{background: #f3f3f3 url(/images/main/interview-main-view-bg03.png) no-repeat bottom center; }
.interview-main-view.c01 button{background-color:#14c0ca}
.interview-main-view.c02 button{background-color:#4c5cbc}
.interview-main-view.c03 button{background-color:#ecaf3c}

.interview-main-view.c04 .text{background: #f3f3f3 url(/images/main/interview-main-view-bg04.png) no-repeat bottom center; }
.interview-main-view.c05 .text{background: #f3f3f3 url(/images/main/interview-main-view-bg05.png) no-repeat bottom center; }
.interview-main-view.c06 .text{background: #f3f3f3 url(/images/main/interview-main-view-bg06.png) no-repeat bottom center; }
.interview-main-view.c04 button{background-color:#14c0ca}
.interview-main-view.c05 button{background-color:#4c5cbc}
.interview-main-view.c06 button{background-color:#ecaf3c}

.mt76{margin-top:76px}
.mt85{margin-top:85px}


.btn-mypage-go{text-align: center; display: block; width: 200px; margin: 20px auto; border: 1px solid #f00; padding: 10px; color: #f00; line-height: 20px; box-shadow: 2px 2px 5px #bbbbbb;}


.captcha-body{position:relative}
.captcha-body #captcha_img{width:200px;height:90px;display:none;}
.captcha-body img.reload{right: 15px; position: absolute; top: 30px; width: 28px; cursor: pointer;}
.captcha-body #captcha{width: 255px; display: inline-block; margin-left: 20px; text-align: center;letter-spacing: 1px;}





.test_icon {
	display: inline-block;
	width:96px;
    height: 28px;
    border-radius: 15px; 
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    line-height: 26px;
    margin-right: 10px;
	letter-spacing:-0.5px
}

.test_icon.en,.test_icon.n1,.test_icon.n5,.test_icon.n8 {
    background-color: #00B2DD0A;
    border: 1px solid #00B2DD;
    color: #00B2DD;
}

.test_icon.ts,.test_icon.n2,.test_icon.n6,.test_icon.n9 {
  background-color: #1A70E50F;
  border: 1px solid #1A70E5;
  color: #1A70E5;
}

.test_icon.opic,.test_icon.n7,.test_icon.n10 { 
  background-color: #6655ED0F;
  border: 1px solid #6655ED; 
  color: #6655ED;
}

.w50{width:50px}
.w60{width:60px}
.w80{width:80px}
.search-icon img{vertical-align:top;margin-right:8px;margin-top:4px}
.search-icon span{display:inline-block;width:calc(100% - 25px);word-break:break-all}
.table_st2 td.doc-tit a:hover span{text-decoration:underline;text-underline-position:under}

.nobr{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:inline-block}
.nobr.w150{width:150px}
.nobr.w450{width:450px}
.nobr.w800{width:800px}
.nobr.w980{width:980px}
.inface-done{color:#4ba8e6}
.typing {
    min-height: 360px;
    margin-bottom: 220px;
    margin: 0 auto;
    font-size: 17px;
    width: 100%;
    border: 1px solid #cbcbcb;
    padding: 20px;
    font-size: 14px;
}

.main_container { display:none; width: calc(100% - 80px); height: 100vh; position: absolute;top:0px; left: 50%; z-index: 999; overflow: hidden; border-radius: 5px; max-width: 1300px; transform: translate(-50%, 0%); max-height: 1024px;}
.main_container .desc{ position: absolute;left:0px;top:0px;padding:60px 40px;width:100%}
.main_container  video{height: 100%; width: 100%; text-align: center; object-fit: cover; outline: 1px solid #d4edee; outline-offset: -1px;}

.main_container .hr-div hr{height: 1px; background-color: black; border: none;display: block !important;}
.main_container .chat-gpt-loading-foot{display: flex;align-items: center; justify-content: center;margin-top:30px}
.main_container .chat-gpt-loading-foot video{width:-webkit-fill-available;height: auto;outline: 2px solid transparent;outline-offset: -1px;}

.main_container #progress { appearance: none; block-size: 2px; width: calc(100%); }

.main_container #progress::-webkit-progress-bar { background: #FFF; border-radius: 0px; }

.main_container #progress::-webkit-progress-value { border-radius: 0px; background: black; }

.main_container .progress { display: flex; justify-content: center; }

.main_container .progress_name { display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-bottom: 5px; font-family: "pretendard-B"; }

.main_container .progress_name span{color:#000}

.main_container #progress_percent { position: relative; left: -440px; font-size: 14px; }



.main_container .text-box { font-family: "NanumMyungjo"; margin-top: 50px; line-height: 1.6em; letter-spacing: -0.05em; margin-left: 10px; font-size: 16px;    color: #000; }

.main_container .hr-div { width: 35px; margin-top: 30px; margin-left: 10px; }


.main_container .typing{min-height: 360px; margin-bottom: 220px;  margin: 0 auto;font-size:17px;width: 100%; border: 1px solid #cbcbcb; border-radius: 10px;padding:20px;font-size:14px}

.main_container .typing.ing::after,.typing.along.ing::after { content: ''; margin-left: .6rem; border-right: 1.5px solid #777; animation: cursor .9s infinite steps(2); }

@keyframes cursor {
  from { border-right: 1.5px solid #777 }
  to { border-right: 1.5px solid #f3f3f3; }
}


.main_container .font_style1{ font-size: 15px; line-height: 170%; letter-spacing: 0px; font-weight: 300; color: #000; }

.main_container .gpt_alert{padding: 50px; text-align: center; word-break: keep-all; line-height: 24px; font-weight: 400; font-size: 14px;}

	
.main_container .dis_none_abs{display:none;position:absolute;z-index:3}

.main_container #service_ready{width:460px;z-index:1002}

.main_container .detail-text h3{font-size: 16px; font-weight: 700; color: #fe6c00; margin-right: 7px; display: block; padding: 10px 0px 0px 20px}

.main_container .no-sel{color: #a5a5a5; font-weight: 400 !important;cursor:default }

.main_container .chat-grp-memo{display:block;font-size:18px;font-weight:700;line-height:30px}
.main_container .chat-grp-memo span{color:#ff6600}



.top_line_video img {
    width: 155px;
    height: 90px;
}
.top_line_video img.clock-icon {
    width: 16px;margin-top:-2px
}
.wid640-center{    width: 640px;
    margin: 0 auto;
}


.top_line_video .duty_box .right_group dl dt{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    margin-bottom: 16px;
}


.top_line_video {
	position: absolute;
    top: 15px;
    width: 520px;
    height: 100px;
    right:60px;
}

.top_line_video.w420{width:420px}

.top_line_video .duty_box {
	  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 17px 24px;
}

.top_line_video .duty_box .left_group {
    width: 150px;
}

.top_line_video .duty_box .right_group {
    width: calc( 100% - 150px);
    padding-left: 20px;
}

.top_line_video .duty_box .right_group dl dt {
    font-size: 14px;
    margin-bottom: 4px;
}

.top_line_video .duty_box .right_group dl dd {
    font-size: 12px;
}

.top_line_video .duty_box .right_group dl dd+dd {
    margin-top: 2px;
}

.top_line_video .duty_box .right_group dl dd:before {
    top: 1px;
}

.top_line_video .video_area {
    width: 116px;
    height: 66px;
}



.duty_video_wrap .duty_box .right_group dl dt,
.top_line_video .duty_box .right_group dl dt,
.card_video_wrap .duty_box .right_group dl dt {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
}

.duty_video_wrap .duty_box .right_group dl dd,
.top_line_video .duty_box .right_group dl dd,
.card_video_wrap .duty_box .right_group dl dd {
    position: relative;
    font-size: 13px;
    line-height: 1.3;
    padding-left: 20px;
}

.duty_video_wrap .duty_box .right_group dl dd:before,
.top_line_video .duty_box .right_group dl dd:before,
.card_video_wrap .duty_box .right_group dl dd:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    content: "";
    background: url("/images/spr_sub_2x.png") -45px 0 no-repeat;
    background-size: 180px auto;
    position: absolute;
    top: 0px;
    left: 0;
}

.duty_video_wrap .duty_box .right_group dl dd+dd,
.top_line_video .duty_box .right_group dl dd+dd,
.card_video_wrap .duty_box .right_group dl dd+dd {
    margin-top: 8px;
}

.duty_video_wrap .duty_box .right_group dl dd .col_point2,
.top_line_video .duty_box .right_group dl dd .col_point2,
.card_video_wrap .duty_box .right_group dl dd .col_point2 {
    text-decoration: underline;
    font-weight: 700;
}

.duty_video_wrap .duty_box .right_group dl dd.sty2:before,
.top_line_video .duty_box .right_group dl dd.sty2:before,
.card_video_wrap .duty_box .right_group dl dd.sty2:before {
    background-position: -66px 0;
}

.duty_video_wrap .duty_box .right_group dl dd.sty3:before,
.top_line_video .duty_box .right_group dl dd.sty3:before,
.card_video_wrap .duty_box .right_group dl dd.sty3:before {
    background-position: -88px 0;
}

.duty_video_wrap .duty_box .right_group dl dd.sty4:before,
.top_line_video .duty_box .right_group dl dd.sty4:before,
.card_video_wrap .duty_box .right_group dl dd.sty4:before {
    background-position: -110px 0;
}

.duty_video_wrap .duty_box .right_group dl.normal dd,
.top_line_video .duty_box .right_group dl.normal dd,
.card_video_wrap .duty_box .right_group dl.normal dd {
    padding-left: 0;word-break: keep-all;
}

.duty_video_wrap .duty_box .right_group dl.normal dd:before,
.top_line_video .duty_box .right_group dl.normal dd:before,
.card_video_wrap .duty_box .right_group dl.normal dd:before {
    content: none;
}

.duty_video_wrap .duty_box .right_group .btn,
.top_line_video .duty_box .right_group .btn,
.card_video_wrap .duty_box .right_group .btn {
    margin-top: 15px;
}

.duty_video_wrap .box_info,
.top_line_video .box_info,
.card_video_wrap .box_info {
    font-size: 11px;
    color: #747983;
    line-height: 1.45;
}


.wid-riings{width:calc(100% - 480px)}

.job-input{border: 1px solid #ddd; height: 42px; border-radius: 5px; padding: 0px 15px; background-color: #f8f9ff;}

.btn_list.mt30 {
    margin-top: 30px;
}

.gpt-float{z-index: 999;position: fixed;z-index: 999;left:0px;bottom: 10px;}
.gpt-float.bottom{bottom:80px;position:absolute}

.gpt-float .abs-pos span.fix-pos {cursor:pointer}
.gpt-float .abs-pos span.fix-pos span.my_enabled_ai_cnt{position: absolute; left: 0px; top: 120px; width: 100%; text-align: center; color: #fff; font-family: 'Montserrat'; font-weight: 600; font-size: 24px;}
.gpt-float .abs-pos span.fix-pos span.my_enabled_ai_msg{position: absolute; left: 11px; top: 98px; width: 90px; text-align: center; color: #fff; font-weight: 400; font-size: 12px; background-color: #fd6500; border-radius: 0px 0px 30px 30px; letter-spacing: -0.5px;}


.gpt-float .abs-pos  .close-p {
    background: url(/images/icon/close_help2.png) center center / cover no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
      right: 5px;
    top: -5px;
    cursor: pointer;
    border: 0px solid #fff;
    border-radius: 50%;
}




#gpt-help-pop-desc .gpt-help-pop-desc-close{position: absolute; right: 20px; top: 13px; width: 38px; height: 38px; cursor: pointer;}
#gpt-help-pop-desc .my_enabled_ai_cnt2{position: absolute; right: 260px; top: 201px; font-weight: 700; font-size: 18px; color: #ff760e; font-family: 'Montserrat'; width: 50px; text-align: center;}
#gpt-help-pop-desc .my_enabled_ai_cnt3{position: absolute; right: 245px; top: 257px; font-weight: 700; font-size: 18px; color: #ff760e; width: 150px; text-align: center;}
#gpt-help-pop-desc .my_enabled_ai_msg2{position: absolute; left: 170px; top: 201px; font-weight: 500; font-size: 13px; color: #ff760e; width: 250px; text-align: center; background-color: #fff; width: 400px; font-size: 18px; height: 100px; padding-top: 20px;}

.educe-go-btn{position: absolute; right: 95px; bottom: 24px; width: 175px; height: 30px;}

#rst_type .word-cnt2 {
    padding: 5px 0px 0px 5px;
    color: #31b5bd;
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 0px;
}

.ai-add-help{font-size: 12px; letter-spacing: -1px; margin-top: 10px;}

.mokwon-banner{position:relative;}
.mokwon-banner span{    position: fixed; width: 80px; height: 82px; border-radius: 20px 0px; z-index: 9999; text-align: center; padding-top: 12px; font-size: 12px; font-weight: 600; color: #fff; background: linear-gradient(0deg, #0ff9d0 0%, #29b6be 49%, #00b8ff 100%) 0% 0%;    text-shadow: 1px 1px 5px black;}

.aisolution-wrapper.course{width:840px}

.aisolution-wrapper.course h2{font-size: 16px; font-weight: 700; margin-bottom: 10px;}


.aisolution-wrapper.course .bt_result {     display: inline-block;
    font-size: 13px;
    line-height: 35px;
    background: url(/images/admin/renewal/icon-pen.png) no-repeat 10px 8px;
    color: #4ba8e6;
    border: 1px solid #4ba8e6;
    padding: 0 15px 0 36px;
    border-radius: 4px;
	background-size:18px
}
.aisolution-wrapper.course .bt_print {    display: inline-block;
  
	    transition: all 0.3s;    border-radius:50%;padding:8px
}

.aisolution-wrapper.course .bt_result:hover,.aisolution-wrapper.course .bt_print:hover{box-shadow:3px 3px 10px -3px #868686;}


.aisolution-wrapper.course .disabled{opacity:0.3;cursor:default}
.aisolution-wrapper.course .bt_result.disabled:hover,.aisolution-wrapper.course .bt_print.disabled:hover{box-shadow:initial}

.aisolution-wrapper.course .h80{height:80px}
.aisolution-wrapper.course .help{margin-top:10px}
.aisolution-wrapper.course .help li{line-height:20px;font-size:13px;list-style: inside;color:#7d7d7d;margin-left:10px}
.w150{width:150px}
.use-time{font-size: 16px; padding: 5px 0px 10px}

.up-file-name{font-size:12px;margin-top: 5px;letter-spacing: -1px;display:none}
.up-file-name.show{display:block}

.color100{color:#3399ff}


#popPlan #foot_img{font-size: 15px; font-weight: 700;}

#popPlan{width:500px; border:3px solid #8b2533; padding-top:20px; text-align:center;background-color:#FFFFFF}

#popPlan .logoPlan {
	    text-align: center;
    margin:20px 0px 40px 0px
}
#popPlan .infoBoxPlan {
	padding:10px 20px 40px 20px;
	width:400px;
	margin:20px auto;
	font-size:15px;
}
#popPlan .infoBoxPlan .title {
	border-bottom:1px solid #FFF;
	font-size:17px;
	font-weight:bold;
	padding:15px 5px 12px 5px;color:#FFFFFF;margin:0 auto
}

#popPlan .auth{margin:0 auto;font-size:14px;font-weight:bold;color:#000000;letter-spacing:-1px;width:310px;text-align:left}

#popPlan .btnPlan { background-color:#f1f1f1; padding:20px 0; margin-top:20px; }


#popPlan #CloseBtn{position:relative}
#popPlan #CloseBtn a{position:absolute;top:-15px;right:10px}
#popPlan .logoPlan img{max-height:25px}
#popPlan h1{padding:22px 10px 10px 10px;font-size:32px; font-weight: 800; color: #a62a42;letter-spacing: 10px;}

#popPlan table td{color:#FFFFFF;vertical-align:middle;line-height:22px}
#popPlan table td .img1{margin-top:-3px;margin-right:3px}
#popPlan table td .img2{margin-top:-1px;margin-right:3px}
#popPlan .datePlan{text-align: center; margin: 0 auto; color: #000000; padding-top: 20px; padding-bottom: 10px; line-height: 30px; font-size: 15px; font-weight: 700;}
#popPlan .foot-text{color:#8f3037;font-size:16px;padding-bottom:35px;font-weight:bold;}

#popPlan ul li{display:flex;justify-content: right;}
#popPlan ul li dt{width:60px;text-align:right}
#popPlan ul li dd{padding-left: 5px; text-align: left; min-width: 100px;}

#popPlan ul li dt.gap span{display:inline-block;width:26px}
#popPlan .info-date{width:310px;text-align:left;margin:40px auto;font-size: 14px; font-weight: 600;}
#popPlan .info-date .title span:first-child(){width:100px}
#popPlan .info-date .date span:first-child(){width:100px}

#popPlan .info-date .title .gap{display:inline-block;width:4px}
#popPlan .info-date .title span{line-height:28px}

@page {
    size: A4;
}

@media print {
	#popPlan {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		zoom:139%;
		margin:0 auto;
    }

}

.float-list-left{width:100%;margin:0 auto}
.float-list-left ul{position: fixed;top: 95px; z-index: 100; margin-left: 20px;} .float-list-left ul li{display:block}

.float-list-left.fixed-pos ul { position: absolute;top:154px;}
.float-list-left.fixed-pos.main ul { top: 110px; }


.float-list-left img{border-radius:15px}



.float-list-left .close-p{font-size: 11px;padding-top: 5px;display: flex; justify-content: space-between;}
.float-list-left .close-p span:nth-child(1){padding-left:10px;cursor:pointer}
.float-list-left .close-p span:nth-child(2){padding-right:10px;cursor:pointer}

.float-list-left .close-p{background: url(/images/icon/close_help2.png) center center / cover no-repeat; width: 17px; height: 17px; position: absolute; right: -8px; top: -8px; cursor: pointer;border: 0px solid #fff;border-radius: 50%;}

.float-list-left .close-p.none{display:none}
.float-list-left .float-close-btns { position: absolute; right: 8px; top: 4px; font-weight: 500; cursor: pointer; font-size: 14px; }

.fake-hide{position:absolute;z-index:-1;display: block; width: 1px; height: 1px; border: 0px; text-indent: -99999px;}

.ari-ing-time{color: #2f97f1; font-weight: 700; font-size: 14px;}


.coaching7-input{padding: 8px 12px; width: 240px;}

.comment-orange{margin-left: 5px; font-size: 13px; font-weight: 400; color: #ff3100;}

.lang-change{    position: relative;width: 75px;  /*  --tw-border-opacity: 1;
    border-color: rgb(223 223 223 / var(--tw-border-opacity)); border-width: 1px;*/
    border-radius: 4px;
   color: #fff;
    padding: .25rem 0px .25rem 13px;font-size:13px;font-family: pretendard;background-color:#ff4e00}
.lang-change img{width: 14px;
    opacity: 0.9;-webkit-filter: brightness(0) invert(1); 
filter: brightness(0) invert(1);
    margin-right: 5px;
    margin-left: -4px;    margin-top: -1px;}

.lang-change span.pd{    font-size: 6px;
    position: absolute;
    top: 10px;
    left: 60px;}

.lang-change.on{/*background-color: #000337; color: #fff; border: 1px solid #000337;*/border-radius: 4px 4px 0px 0px;}
.lang-change.on img{-webkit-filter: brightness(0) invert(1); 
filter: brightness(0) invert(1);opacity: 1;}
.lang-pulldown{    position: absolute;
   display: none;    line-height: 22px;

    left: 0px;
    top: 24px;
    width: 75px;
    border-radius: 0px 0px 4px 4px;
    background-color: #fff;
    color: #6f6f6f;
    box-shadow: initial;
    border: 1px solid #cfcfcf;
    text-align: center;
    border-radius: 4px;
    border-width: 1px;
    padding: .25rem 16px;
    margin-bottom: 150px;
    font-size: 13px;
    font-family: pretendard;
    margin-top: 5px;}


.lang-change:hover {border-radius: 4px 4px 0px 0px;
    --tw-shadow: 0 8px 9px -4px rgba(59,113,202,.3),0 4px 18px 0 rgba(59,113,202,.2);
    --tw-shadow-colored: 0 8px 9px -4px var(--tw-shadow-color),0 4px 18px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.lang-pulldown a.on{color:#000}

/* 01아이콘_01디폴트_01PC */
.aiBtn {
    position: fixed;
	bottom: 30px;
    right: 15px;
    z-index: 50;
    letter-spacing: 0;
}

.aiBtn .icon {
    position: relative;
    background: url(https://image.educe.co.kr/educe/icon/clvr-btn.png) no-repeat center / contain;
    width: 56px;
    aspect-ratio: 1 / 1;
    display: flex;
    z-index: 10;
}

.aiBtn .msgbox {
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border: 2px solid #709bfd;
    border-radius: 100px;
    max-width: 550px;
    height: 68px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
    padding: 0 6px;
    background: #fff;
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
    opacity: 0;
}

body.en .aiBtn .msgbox {max-width: 500px;}
body.en .aiBtn.show .msgbox .msg,body.en .aiBtn:hover .msgbox .msg {
    max-width: 500px;
}

.aiBtn .msgbox .msg {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #000;
    padding: 0 72px 0 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s ease;
    max-width: 0;
}

.aiBtn.show .msgbox,.aiBtn:hover .msgbox {
    opacity: 1;
}

.aiBtn.show .msgbox .msg,.aiBtn:hover .msgbox .msg {
    max-width: 550px;
}

.clvr-menu-btn{width:60px}


.pp-section.pp-table {
    border-top: 1px solid #efefef;
}

.section footer {

	display:none
}
.section:last-child footer {
	display:flex
}

.mt-30{margin-top:8rem}

.pb-200{padding-bottom:200px}

.renewal-body .correct_rst li.title .sco{font-size: 14.5px;font-weight: 300;line-height: 14px;margin-top: 6px;}

.py-6-1{    padding-bottom: 0.8rem;
    padding-top: 1.6rem;}

.gpt-catcher-area .word-cnt {
    padding: 5px 0px 0px 5px;
    color: #31b5bd;
    font-weight: 500;
    font-size: 13px;
    position: absolute;
    right: 5px;
    top: -4px;
}    
.correct1-body .gpt-catcher-area textarea {
     margin-bottom: 0px;
}

.gpt-catcher-area .plagiarism-index .h8px{height:10px}

.gpt-catcher-area .plagiarism-index .active {
   height: 1rem;   
   width: 1rem;    background-color: #fff;
    border: 3px solid #8b8b8b;
}


.interview-main-view.c01r h3{ background: #14c0ca url(/images/main/interview-main-view-icon01.png) no-repeat 54px 16px; }
.interview-main-view.c07r h3{ background: #4c5cbc url(/images/main/interview-main-view-icon03.png) no-repeat 34px 16px; }
.interview-main-view.c02r h3{ background: #ecaf3c url(/images/main/interview-main-view-icon02.png) no-repeat 54px 16px; }

.interview-main-view.c03r h3{ background: #14c0ca url(/images/main/interview-main-view-icon03.png) no-repeat 54px 16px; }
.interview-main-view.c04r h3{ background: #4c5cbc url(/images/main/interview-main-view-icon01.png) no-repeat 20px 16px; }
.interview-main-view.c05r h3{ background: #ecaf3c url(/images/main/interview-main-view-icon02.png) no-repeat 30px 16px; }

.interview-main-view.c06r h3{ background: #14c0ca url(/images/main/interview-main-view-icon03.png) no-repeat 54px 16px; }


.interview-main-view.c01r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg01.png) no-repeat bottom center; }
.interview-main-view.c02r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg02.png) no-repeat bottom center; }
.interview-main-view.c03r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg03.png) no-repeat bottom center; }
.interview-main-view.c04r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg04.png) no-repeat bottom center; }
.interview-main-view.c05r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg05.png) no-repeat bottom center; }
.interview-main-view.c06r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg06.png) no-repeat bottom center; }
.interview-main-view.c07r .text{background: #f3f3f3 url(/images/main/interview-main-view-bg07.png) no-repeat bottom center; }

.interview-main-view.c01r button{background-color:#14c0ca}
.interview-main-view.c07r button{background-color:#4c5cbc}
.interview-main-view.c02r button{background-color:#ecaf3c}

.interview-main-view.c03r button{background-color:#14c0ca}
.interview-main-view.c04r button{background-color:#4c5cbc}
.interview-main-view.c05r button{background-color:#ecaf3c}

.interview-main-view.c06r button{background-color:#14c0ca}


.main-menu>ul li {  
    padding-bottom: initial;
    padding-top: initial;
}

.main-menu>ul li a{  
    padding-bottom: .25rem;
    padding-top: 10px;
    display:inline-flex
}

.mobile-menu{display:none}
header#header .mobile-menu-btn{display:none}
.mb-only-view{display:none}