/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(106,38): run-time error CSS1054: JavaScript error in expression property: Function has not been defined: setPng24
 */

@charset "utf-8";

/* FONT */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-DemiLight.eot');
    src: url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'), url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-DemiLight.woff') format('woff'), url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-DemiLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Medium.eot');
    src: url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Medium.eot?#iefix') format('embedded-opentype'), url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Medium.woff') format('woff'), url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Bold.eot');
    src: url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Bold.eot?#iefix') format('embedded-opentype'), url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Bold.woff') format('woff'), url('/Citrix/vdi_portal_okta/Content/style/fonts/NotoSansCJKkr/NotoSans-Bold.woff2') format('woff2');
}



/* CSS Reset
---------------------------------------------------------*/
/* SET */
* {margin:0;padding:0;box-sizing:border-box;}
html {background-color:#fff;}
body{padding:0;margin:0;font-family: Noto Sans KR, Sans-serif;font-size:15px;font-weight: 300;line-height:1.5;color:#252525;background-color:#fff;letter-spacing: -0.2px;}

/* Set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary{display:block;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,font,img,ins,q,s,samp,strike,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0 none;line-height:1.5;}
body{position:relative;word-break:break-all;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;}
header,h1{}
html,body{height:100%;}
caption,legend{position:absolute;top:-9999px;left:-9999px;visibility:hidden;width:0;height:0;font-size:0;overflow:hidden;}
caption{display:none;}
img{vertical-align:top;border:none;}
select,input{vertical-align:top;border:0px;border-radius:0;background-color:transparent;}
hr{display:none;border:0 none;}
ol,ul,ul li{list-style:none;}
em{font-style:normal;}
menu li{list-style:none;}
address{font-style:normal;display:inline;}
button{cursor:pointer;border:0px;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
table{ width: 100%; border-spacing:0;border-collapse:collapse;}
input,textarea,keygen,select,button{font-family:Noto Sans KR,sans-serif;font-weight:300;}
strong{font-weight:normal;}
dfn{font-style:normal;}

input {outline-style:none;}
input { padding: 3px 10px; height: 35px; border: 1px solid #e5e5e5; }
input[type=checkbox], input[type=radio] {vertical-align:middle;}
input.radio {padding:2px; vertical-align:middle;}
input.file {padding:3px;}
input.image { vertical-align:middle; }
input.fake {border:none; background:transparent;}
input.fullSize {width:100%;}
select{ min-width:135px; height:35px;border: 1px solid #e5e5e5; padding:5px 10px; background:#fff url(/Citrix/vdi_portal_okta/Content/style/images/sub/sch_arr_icon.png) right 20px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand {display: none;}
@-moz-document url-prefix() {
    select {padding-left:10px;}
}
textarea { resize: none; vertical-align: top; border: 1px solid #e5e5e5; }

a {text-decoration: none;}
a:link, a:visited { color: #252525;text-decoration: none;}
a:hover, a:active { color: #ff7a00; text-decoration: none;}

/* Common Classes
---------------------------------------------------------*/
.input-login::-webkit-input-placeholder{color:#666;opacity:1}
.input-login:-ms-input-placeholder{color:#666;opacity:1}
.input-login::-ms-input-placeholder{color:#666;opacity:1}
.input-login::placeholder{color:#666;opacity:1}

.clear:after {content:"."; display: block; clear: both; visibility: hidden; height: 0;}
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}
.blind { width: 0; height: 0; text-indent: -9999px; font-size: 0; }

.fltLeft {float:left;}
.fltRight {float:right;}

.none { display:none; }
.ellipsis {width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.vscroll { overflow-y: auto; }

.txtL { text-align:left !important; }
.txtC { text-align:center !important; }
.txtR { text-align:right !important;}

.fixTable {table-layout:fixed;}

.bold {font-weight:bold !important;}
.png24 {tmp:expression(setPng24(this));} 
.red {color:#cf0d0d !important;}
.gray {background:#f6f6f6; color:#999}

.txtBlue {color:#00A2E8 !important;}
.txtRed {color:#cf0d0d !important;}
.txtGray {color:#999 !important;}

.txtBreak {word-break:break-all !important;}

.pdt20 {padding-top:20px !important;}
.pdt10 {padding-top:10px !important;}
.pdt5 {padding-top:5px !important;}
.pdt0 {padding-top:0px !important;}
.pdr20 {padding-right:20px !important;}
.pdr10 {padding-right:10px !important;}
.pdr5 {padding-right:5px !important;}
.pdr0 {padding-right:0px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb5 {padding-bottom:5px !important;}
.pdb0 {padding-bottom:0px !important;}
.pdl20 {padding-left:20px !important;}
.pdl10 {padding-left:10px !important;}
.pdl5 {padding-left:5px !important;}
.pdl0 {padding-left:0px !important;}

.mgt20 {margin-top:20px !important;}
.mgt10 {margin-top:10px !important;}
.mgt5 {margin-top:5px !important;}
.mgt0 {margin-top:0px !important;}
.mgr20 {margin-right:20px !important;}
.mgr10 {margin-right:10px !important;}
.mgr5 {margin-right:5px !important;}
.mgr0 {margin-right:0px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb0 {margin-bottom:0px !important;}
.mgl20 {margin-left:20px !important;}
.mgl10 {margin-left:10px !important;}
.mgl5 {margin-left:5px !important;}
.mgl0 {margin-left:0px !important;}

/* sub */
.quick_navi_wrap {  width: 100%; background: #f2f2f2; height: 45px; border-bottom: 1px solid #e4e4e4; padding: 10px 0; }
.quick_navi_wrap .navi { margin: 0 auto; width: 1180px; text-align: right; }

.inner {width:1180px; margin:0 auto;}
.centerArea { width: 1180px; margin: auto; }
.h2Div { margin-top: 50px; margin-bottom: 20px; text-align: center; }
.h2Div h2 { font-weight: normal; font-size: 46px; color: #000; text-align: left; }
.itemOptArea{overflow:hidden; margin:0px 0 10px 0;}
.itemOptArea .guideText{float: left; position: relative; margin-top: 14px; font-size: 14px; color: #de062c; }
.itemOptArea .schView{float:right;}
.itemOptArea .schView .schArea{float:left;}
.itemOptArea .schView .viewOpt{float:left; margin-left:25px;}
.itemOptArea .schView .viewOpt a{display:inline-block;}
.itemOptArea .schView .viewOpt .galleryVType{width:18px; height:18px; background:url(/Citrix/vdi_portal_okta/Content/style/images/sub/view_opt_01.png) 0 0 no-repeat;}
.itemOptArea .schView .viewOpt .galleryVType.on{background:url(/Citrix/vdi_portal_okta/Content/style/images/sub/view_opt_01_on.png) 0 0 no-repeat;}
.itemOptArea .schView .viewOpt .listVType{margin-left:17px; width:22px; height:18px; background:url(/Citrix/vdi_portal_okta/Content/style/images/sub/view_opt_02.png) 0 0 no-repeat;}
.itemOptArea .schView .viewOpt .listVType.on{background:url(/Citrix/vdi_portal_okta/Content/style/images/sub/view_opt_02_on.png) 0 0 no-repeat;}

/* 검색 */
.schArea:after{content:''; display:block; clear:both;}
.schArea select{float:left; border-right:none; height: 50px; min-width: 160px; }
.schArea .inputBox{float:left; position:relative;}
.schArea .inputBox input{float:left; padding-right:50px; width:286px; height:50px; border:1px solid #e5e5e5;}
.schArea .inputBox button{position:absolute; right:0; top:1px; width:51px; height:48px; background:url(/Citrix/vdi_portal_okta/Content/style/images/sub/sch_btn.jpg) 0 0 no-repeat;}
.schBoxSt{margin-top:25px; padding:25px 0; text-align:center; background:#f5f5f5;}
.schBoxSt .schArea{overflow:hidden; display:inline-block;}
.schBoxSt .schArea .inputBox input{width:335px;}
.schBoxSt .schArea .tit{float:left; margin-right:15px; color:#000; line-height:50px;}
.schBoxSt .schArea .tit + .inputBox input{width:420px;}

/* 게시판 */
.noticeList { position: relative; }
.noticeList .tb_default { width: 100%; border-top: 1px solid #ccc; }
.noticeList .tb_default tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.noticeList .tb_default th { height: 42px; background: #f3f3f3; padding: 10px 10px ; border-bottom: 1px solid #ccc; color: #333; font-size: 16px; font-weight: 700; text-align: center; }
.noticeList .tb_default td { position: relative; height: 45px; padding: 10px 10px ; border-bottom: 1px solid #ccc;  color: #333; font-size: 14px; font-weight: 300; text-align: center; box-sizing: border-box; }

.noticeView { position: relative; }
.noticeView .tb_view {}
.noticeView .tb_view tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.noticeView .tb_view th { height: 40px; background: #f3f3f3; padding: 10px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #333; font-size: 16px; font-weight: 700; text-align: left; }
.noticeView .tb_view th.bgwhite { background: #fff }
.noticeView .tb_view th.fontnormal { font-weight: 400; }
.noticeView .tb_view td { position: relative; height: 40px; padding: 10px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  color: #333; font-size: 14px; font-weight: 300; text-align: left; box-sizing: border-box; word-wrap:break-word; word-break:break-all; }
.noticeView .tb_view .text_title { color: #333; font-size: 16px; font-weight: 700; }
.noticeView .tb_view .view_cont{padding:30px 15px;}

.faqList { position: relative; }
.faqList .step-accordion { border-top: 1px solid #cfcfcf; }
.step-accordion .step-title { font-size: 0; cursor: pointer; position: relative; padding: 0px 0; font-weight: 300; border-bottom: 1px solid #cfcfcf; }
.step-title > div:nth-child(1) { width: 80px; text-align: center; }
.step-title > div:nth-child(2) { width: 980px; padding-left: 50px; color: #333; font-weight: 300; }
.step-title > div:nth-child(3) { width: 120px; text-align: center; }
.step-title > div { display: inline-block; vertical-align: middle; font-size: 14px;}
.step-title .type { display: inline-block; width: 28px; height: 28px; background: #f3f3f3; border-radius: 50%; line-height: 28px; }
.step-accordion .step-title .arrow { display: inline-block; background: url(/Citrix/vdi_portal_okta/Content/style/images/sub/accordion_off.png); width: 50px; height: 50px; }
.step-title.open .type { background: #ee7421; color: #fff; font-weight: 700; }
.step-title.open > div:nth-child(2) { color: #ee7421; font-weight: 700; }
.step-accordion .step-title.open .arrow { display: inline-block; background: url(/Citrix/vdi_portal_okta/Content/style/images/sub/accordion_on.png); width: 50px; height: 50px;}
.step-accordion div.step-contents { background: #f3f3f3; display: none; padding: 15px 120px 15px 0px; font-weight: 300; color: #333; line-height: 1.7; }
.step-accordion div.step-contents > div { display: inline-block; vertical-align: middle; font-size: 14px;}
.step-accordion div.step-contents > div:nth-child(1) { width: 80px; text-align: center; }
.step-accordion div.step-contents > div:nth-child(2) { width: auto; padding-left: 45px; }
.step-accordion div.step-contents .type { display: inline-block; width: 28px; height: 28px; background: #acacac; color: #fff; border-radius: 50%; line-height: 28px; }


/* paging */
.pagination { margin-top: 50px;  width: 100%; text-align: center; line-height: 32px; }
.pagination span { display: inline-block; width: 34px; height: 36px; cursor: pointer; }
.pagination .pageBtn { background-repeat: no-repeat; background-position: center;border: 1px solid #dcdcdc; }
.pagination .past1 { margin-right: 3px; background-image: url("/Citrix/vdi_portal_okta/Content/style/images/sub/btn_page_prev_01.png"); }
.pagination .past2 { margin-right: 8px; background-image: url("/Citrix/vdi_portal_okta/Content/style/images/sub/btn_page_prev_02.png"); }
.pagination .next1 { margin-left: 8px; background-image: url("/Citrix/vdi_portal_okta/Content/style/images/sub/btn_page_next_02.png"); }
.pagination .next2 { margin-left: 3px; background-image: url("/Citrix/vdi_portal_okta/Content/style/images/sub/btn_page_next_01.png"); }
.pagination a { display: inline-block; margin: 0 2px; font-size: 14px; color: #666; vertical-align: top; line-height: 36px; }
.pagination a span { background-color: #fff !important; }
.pagination a.active { color: #ee7421 !important; font-weight: bold;}
.pagination > .active > span { color: #ee7421 !important; font-weight: bold; }

/* button */
.btn_area { text-align: center; margin-top: 50px; }
.btn_area li a { display: block; width: 100%; height: 100%; }
.btn_area li { display: inline-block; width: 120px; padding: 10px 0; font-size: 18px; font-weight: 700; transition: all .3s; border-radius: 30px;}
.btn_area li:hover{box-shadow:1px 1px 5px rgba(0,0,0,.3)}
.btn_area li {margin-right:10px}
.btn_area li:last-child {margin-right:0px}
.btn_gray {background:#999; border:1px solid #999;}
.btn_gray a {color:#fff;}
.btn_primary {background:#ee7421;border:1px solid #ee7421;}
.btn_primary a {color:#fff;}
.btn_white {background:#fff;border:1px solid #ee7421;}
.btn_white a {color:#ee7421;}

/* 다운로드 */
.down_Box { position:relative; margin:0 auto; width:1180px; overflow:hidden; }
.down_Box .down_con { position:relative; width:100%; display: inline-block; margin:10px 0 20px 0; }
.down_Box .down_con .down_title { vertical-align: top; padding:0px 0px 0px 0px; margin-right: 10px; font-weight:700;font-size:22px; color:#000; text-align:center; line-height:27px; display:inline-block; flex-wrap: wrap;  flex-direction: row;  align-items: center; justify-content: center; }
.down_Box .down_con .down_title  i[class*=fa], .down_Box .down_con .down_title  i[class*=far], .down_Box .down_con .down_title  i[class*=fas] { margin-right: 10px; }
.down_Box .down_con ul {  position:relative; margin-top:10px; width: 100%;  }
.down_Box .down_con ul li { position:relative; float:left; width:33.33%; box-sizing:border-box; padding-right: 10px; text-align: center; margin-bottom: 5px; overflow: hidden; }
.down_Box .down_con ul li:nth-of-type(1){width:33.33%; }
.down_Box .down_con ul li:nth-of-type(2){width:33.33%; }
.down_Box .down_con ul li:nth-of-type(3){width:33.33%; }
.down_Box .down_con ul li .box_con {padding: 10px 20px;color:#666; border: 1px solid #cfcfcf; line-height: 27px; min-height:80px; display: flex;  flex-wrap: wrap;  flex-direction: row;  align-items: center; justify-content: center; }
.down_Box .down_con ul li .box_con p {position:relative; display:block;width: 100%; text-align: left;}
.down_Box .down_con ul li .box_con .subject { font-size: 15px; font-weight: bold; color: #000; }
.down_Box .down_con ul li .box_con .date {}
.down_Box .down_con ul li .box_con .filename {}
.down_Box .btn_area { text-align: right; margin-top: 10px; }
.down_Box .btn_area .btn_detail {background:#ee7421; border:1px solid #ee7421; min-width: 60px; padding: 2px 10px; color:#fff; }
.down_Box .btn_area .btn_detail:hover, .down_Box .btn_area .btn_detail:focus, .down_Box .btn_area .btn_detail:active {background:#d0112b; border:1px solid #d0112b;}


/* bg_install */
#wrap.bg_install { width: 100%; height: calc( 100% - 116px); display: flex; justify-content: center; align-items: center; text-align: center; flex-direction:column; }
#wrap.bg_install .install_box { padding: 60px 25px; /*width: 390px; height: 380px;*/ text-align: center; background-color: #fff; border: 1px solid #9d9a95; margin-bottom:calc(10% - 116px);}
@media (max-width:720px) {
    #wrap.bg_install {
        width: 100%;
        height: calc( 100% - 80px);
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    #wrap.bg_install .install_box {
        padding: 60px 25px; /*width: 390px; height: 380px;*/
        text-align: center;
        background-color: #fff;
        border: 1px solid #9d9a95;
        margin-bottom: calc(25% - 80px);
    }

    #wrap.bg_install .txt_guide {
        width: auto !important;
    }

}
#wrap.bg_install .install_box .logo { margin-bottom: 35px; padding-bottom: 20px; margin-top: 0; border-bottom: 2px solid #9d9a95; }
#wrap.bg_install .install_box .tit { margin-bottom: 15px; font-size: 24px;font-weight: bold; }
#wrap.bg_install .install_box .txt { font-size: 16px; line-height: 22px; }
#wrap.bg_install .install_box .btn_install a{ color: #fff; display: block; line-height: 50px; }
#wrap.bg_install .install_box .btn_next a { color: #333; display: block; line-height: 50px; }
#wrap.bg_install .install_box .btn_install { margin: 40px 0 10px; width: 390px; height: 50px; font-size: 16px; color: #fff; border: 1px solid #ee7421; background-color: #ee7421; }
#wrap.bg_install .install_box .btn_install a:hover, #wrap.bg_install div .btn_install a:focus { color: #fff;  text-decoration: none; }
#wrap.bg_install .install_box .btn_next { width: 390px; height: 50px; font-size: 16px; border: 1px solid #000; }
#wrap.bg_install .install_box .btn_next a:hover, #wrap.bg_install div .btn_next a:focus { color: #333; text-decoration: underline; }
#wrap.bg_install .install_box .btn_install i[class*=fa] { margin-right: 10px; }
#wrap.bg_install .install_box .btn_next i[class*=fa] { margin-left: 10px; }
    #wrap.bg_install .txt_guide {
        /*position: absolute;*/
        bottom: 0;
        /*padding-bottom: 10%;*/
        width: 768px;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        margin-bottom:calc( 20% - 200px);
    }
#wrap.bg_install .txt_guide strong { color: red; }
#wrap.bg_install .txt_guide img { width: 90%; margin-bottom: 10px;}



/* Bootstrap - modal */
.modal .modal-header { padding: 15px; border-bottom: 1px solid #ee7421; background: #ee7421; }
.modal .modal-header .modal-title { color:#fff; font-size: 16px; font-weight: 700; }
.modal .modal-header .close { margin-top: -1px; color: #fff; filter: alpha(opacity=50); opacity: 0.5; }
.modal .close:hover, .modal .close:focus { color: #fff; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1.0; }
.modal #notice_tb thead th{font-size: 13px; font-weight: 700; height:35px; border-bottom: 1px solid #d2d2d2; background: #f6f6f6; text-align: center; }
.modal #notice_tb tbody td{font-size: 13px; border-bottom:1px solid #F0F0F0; padding:8px 0 8px 0;}
.modal .modal-body > .noticeView:nth-child(1) { margin-top: 0px !important; }
.modal-content { position: relative; background-color: transparent; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); }
.modal .modal-header { padding: 15px; border-bottom: 1px solid #ee7421; background: #ee7421; border-radius: 6px 6px 0 0  ; }
.modal-body { position: relative; padding: 15px; background: #fff; border-radius: 0 0 0px 0px; max-height:700px; overflow:auto;}
.modal-footer {padding:15px; text-align:right; border-top: 1px solid #e5e5e5; background:#fff;}
.modal .file_list {}
.modal .file_list li {}
.modal .table td ul li{list-style:disc;}
.modal .table td ol li{list-style:decimal;}

.modal-content .table td ul{list-style-type: disc; padding: 0 20px;}
.modal-content .table td ol{list-style-type: decimal; padding: 0 20px;}

#notice_contents ul { list-style-type: disc; padding: 0 20px;}
#notice_contents ol { list-style-type: decimal; padding: 0 20px;}



/* OTP 인증페이지 */
/*DEFAULT
.otp_container {  position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.otp_container .otp_logo { width: 400px; margin-bottom: 20px;}
.otp_container .otp_logo h1 { overflow:hidden; font-weight: normal; font-size: 100%; margin-top: 0; }
.otp_container .otp_logo h1 img { display: block; border:0;font-size:0;vertical-align:top; text-indent:-1000px; }
.otp_box { width: 400px; dis }
.otp_box .otp_wrap { width: 400px;  border: 1px solid #666; border-radius: 6px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 7px 8px 6px rgba(0, 0, 0, 0.25);}
.otp_box .otp_wrap form { display: block; margin-top: 0; }
.otp_box .otp_wrap .otp_info { padding: 20px 50px 0 50px; margin-bottom: 20px; }
.otp_box .otp_wrap .otp_info li { position: relative; margin-top: 10px; padding-left: 110px; }
.otp_box .otp_wrap .otp_info li label { position: absolute; left: 0; top: 0; font-size: 16px; color: #222; line-height: 45px; padding: 5px 10px; }
.otp_box .otp_wrap .otp_info li select { position: absolute; left: 0; top: 0; font-size: 16px; font-weight: 600; color: #222; padding: 5px 10px; min-width: 110px; height: 45px; border-radius: 6px; border: 0 none; }
.otp_box .otp_wrap .otp_info li input { width: 100%; box-sizing: border-box; padding: 0 10px; height: 45px; line-height: 40px; font-size: 14px; color: #999; border-radius: 6px; background: #fff; border: 1px solid #ccc; outline: none; }
.otp_box .otp_wrap .otp_info li input.border_none { border: 0 none; }
.otp_box .otp_wrap .div_detail { margin:20px 30px 20px; background-color:#fff; border: 1px solid #999; padding:15px; font-size:16px; font-weight: 700; border-radius: 6px; text-align: center; }
.otp_box .otp_wrap .div_detail .point {color:#e0002a; }
.otp_box .div_notice { margin:15px 30px 20px; font-size:18px; line-height:18px;}
.otp_box .div_notice p { padding:3px 0;}
.otp_box .otp_wrap .div_notice.type1 { margin:20px 30px 20px; font-size:14px; line-height:18px; padding:15px; background-color:#e1e1e1; border-radius: 6px; text-align: center;}
.otp_box .otp_wrap .otp_btn { margin-bottom: 25px !important; display: flex; justify-content: center; align-items: center; flex: 1;  margin: 0 25px;  }
.otp_box .otp_wrap .otp_btn .btn-box {  margin:5px 5px 0; height: 90px; cursor: pointer; border: 1px solid #ac0524; background: #e0002a; color: #fff; font-size: 16px; text-align: center; font-weight: 700; border-radius: 6px; width: 100%; display: flex; flex: 1; justify-content: center; align-items: center;}
.otp_box .otp_wrap .otp_btn .btn-box.h45 { height: 45px; }
.otp_box .otp_wrap .otp_btn .btn-box.code { border: 1px solid #e0002a; background: #e0002a; color: #fff;  }
.otp_box .otp_wrap .otp_btn .btn-box.confirm { border: 1px solid #ff6406; background: #ff6406; color: #fff; }
.otp_box .otp_wrap .otp_btn .btn-box.stop {border: 1px solid #666; background: #404040; color: #fff;  }

  
/*TECH*/
.otp_container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.otp_container.p-login { min-height: 700px; background: url(/Citrix/vdi_portal_okta/Content/style/images/common/login_bg.png) no-repeat center top; background-color: #000; }
.otp_container .otp_logo { width: 400px; margin-bottom: 20px;}
.otp_container .otp_logo h1 { overflow:hidden; font-weight: normal; font-size: 100%; margin-top: 0; }
.otp_container .otp_logo h1 img { display: block; border:0;font-size:0;vertical-align:top; text-indent:-1000px; }
.otp_box { width: 400px; }
.otp_box .otp_logo + .otp_wrap { padding-top: 0px; }
.otp_box .otp_wrap { width: 400px; background-color: rgba(255,255,255,0.6); border: 0 none; border-radius: 6px 6px 0 0; padding-top: 10px; }
.otp_box .otp_wrap form { display: block; margin-top: 0; }
.otp_box .otp_wrap .otp_info { padding: 20px 50px 0 50px; margin-bottom: 20px; }
.otp_box .otp_wrap .otp_info li { position: relative; margin-top: 10px; padding-left: 110px; }
.otp_box .otp_wrap .otp_info li label { position: absolute; left: 0; top: 0; font-size: 16px; color: #222; line-height: 45px; padding: 5px 10px; }
.otp_box .otp_wrap .otp_info li select { position: absolute; left: 0; top: 0; font-size: 16px; font-weight: 700; color: #222; padding: 5px 10px; min-width: 110px; height: 45px; border-radius: 6px; border: 0 none; }
.otp_box .otp_wrap .otp_info li input { width: 100%; box-sizing: border-box; padding: 0 10px; height: 45px; line-height: 40px; font-size: 14px; color: #999; border-radius: 6px; background: #fff; border: 0 none; outline: none; margin-left: 5px; }
.otp_box .otp_wrap .otp_info li input.border_none { border: 0 none; }
.otp_box .otp_wrap .div_detail { margin:20px 30px 20px; background-color:#fff; border: 0 none; padding:15px; font-size:16px; font-weight: 700; border-radius: 6px; text-align: center; }
.otp_box .otp_wrap .div_detail .point {color:#e0002a; }
.otp_box .otp_wrap .div_detail p {margin-bottom: 0; }
.otp_box .div_notice { margin: 0; font-size:18px; color: #333; line-height:18px; padding: 20px 30px; border-top: 1px solid #fff; border-radius: 0px 0px 6px 6px; background-color: rgba(255,255,255,0.6);}
.otp_box .div_notice p { padding:3px 0; }
.otp_box .otp_wrap .div_notice.type1 { margin:20px 30px 20px; font-size:14px; color: #333; line-height:18px; padding:15px; border-top: 0 none; background-color:#e1e1e1; border-radius: 6px; text-align: center;}
.otp_box .otp_wrap .otp_btn { margin-bottom: 0px !important; padding-bottom: 25px; display: flex; justify-content: center; align-items: center; flex: 1;  margin: 0 25px;  }
.otp_box .otp_wrap .otp_btn .btn-box {  margin:5px 5px 0; height: 90px; cursor: pointer; border: 1px solid #ac0524; background: #e0002a; color: #fff; font-size: 16px; text-align: center; font-weight: 700; border-radius: 6px; width: 100%; display: flex; flex: 1; justify-content: center; align-items: center;}
.otp_box .otp_wrap .otp_btn .btn-box.h45 { height: 45px; }
.otp_box .otp_wrap .otp_btn .btn-box.code { border: 1px solid #e0002a; background: #e0002a; color: #fff;  }
.otp_box .otp_wrap .otp_btn .btn-box.confirm { border: 1px solid #ff6406; background: #ff6406; color: #fff; }
.otp_box .otp_wrap .otp_btn .btn-box.stop {border: 1px solid #666; background: #404040; color: #fff;  }

@media (max-width:720px){
    .otp_container {
        padding:0;
    }
 .otp_box {
  width: 100%;
 }
 .otp_container .otp_logo {
  width: 100%;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
 }
 .otp_container .otp_logo img {
  display: block;
  margin: 0 auto;
  height: 85%;
  background-size: 100%;
  text-indent: -9999em;
 }
    .otp_box .otp_wrap {
        width: 100%;
    }
 .otp_box .div_notice  {
  font-size: 14px;
 }
}
@media (max-width:320px){
    .otp_container {
        padding:0;
    }

}
/**/
@charset "utf-8";

/* BUTTON */
.btn {
    display: inline-block;
    min-width:60px;
    min-height:34px;
    padding:5px 15px;
    font-size:15px;
    font-weight:300;
    background:#fff;
    border:1px solid #fff;
    border-radius: 30px;
    text-align:center;
    line-height:1;
    overflow: hidden;
    animation: 3s test infinite ease-in-out;
    box-sizing: border-box;
}
.btn:hover {
    color:#ff7a00;
    border-color:#ff7a00;
}
.btn-default {
    display: inline-block;
    min-width:90px;
    min-height:34px;
    padding:5px 15px;
    font-size:15px;
	color:#333;
    background:#fff;
    border:1px solid #252525;
    border-radius: 30px;
    text-align:center;
}
.btn-default span {
    color:#333;
}
.btn-default span:hover {
    color:#ff7a00;
}
.btn-default:hover {
    color:#ff7a00;
    border-color:#ff7a00;
    background-color: #fff;
}
/* size */
.btn-sm {
    min-width:70px;
    min-height:26px;
    padding:0 5px;
    font-size:13px;
    line-height:0.8rem;
}
.btn-xsm {
    min-width:60px;
    min-height:21px;
    line-height:21px;
    padding:0 5px;
    vertical-align: middle;
    font-size:12px;
    text-decoration: none;
}

/* type */
.btn-only_icon {
    min-width:0;
    min-height:0;
    border-color:transparent!important;
    text-indent: -9999px;
}

/* BADGE */
.badge {
    display: inline-block;
    min-width: 110px;
    min-height: 34px;
    padding: 5px;
    color: #fff;
    background: #ff7a00;
    border: 1px solid #ff7a00;
    border-radius: 30px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
}
.badge.state1 { background:#a81a23; border:1px solid #a81a23; }
.badge.state2 { background:#333; border:1px solid #333; }
.badge-icon {
    padding: 0 15px 0 5px;
    color: #fff !important;
    border: 1px solid #df032b;
    text-decoration: none;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_popup_w.png)no-repeat 66px center;
    background-size: 6px;
    background-color: #df032b;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    min-width: auto;
    min-height: 20px;
}
.badge-icon:hover {
    color:#fff;
    border:1px solid #a81a23;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_popup_w.png)no-repeat 66px center;
    background-size:6px;
    background-color:#a81a23;
}
/* ICON */
.ic-arrow {
    vertical-align: top;
    display:inline-block;
    width:5px;
    height:21px;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_popup_w.png)no-repeat center center;
    background-size:100%;
}

/* FORM */
input.form-style {
    padding:6px;
    border:1px solid #ccc;
}
label.label {}
textarea.form-style {}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #000;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
}

.text-strong {
    font-weight:700;
    color:#ff7a00;
}
.text-hidden {
    width:0;
    height:0;
    text-indent: -99999px;
    font-size:0;
    overflow:hidden;
	margin: 0;
}

/* ////////////////////////////////////////////////////////////////////////////////////////// */

/* 공통 layout */

/* SkpNav */
#skipNav {
    position:absolute;
    left:-100000px;
    font-size:0;
    width:0;
    height:0;
}

.wrap {float:left;width:100%;height:100%;padding:0;z-index:0;position:relative;}
.wrap.main {min-width:1200px; }
.header {
    position: fixed;
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    z-index: 1;
}

.header .header_inner { /* 2024-07-11 김형수 수정 */
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    width:1170px;
    height:95px;
    margin:0 auto;
}
.header .header_inner .logo {
    display:inline-block;
    width:117px;
}
.header .header_inner .logo .logo_img {
    width:117px;
    height:60px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/logo_login.png) no-repeat center;
    background-size:100%;
    text-indent:-9999em;
    margin-top: 0px;
    margin-bottom: 0px;
}
.header .header_inner .gNav {/* 2024-07-11 김형수 수정 */
    width: auto;
}
.header .header_inner .gNav .topNav_ul { /* 2024-07-11 김형수 수정 */
    display:inline-block;
    float:left;
    /*width:400px;*/
    height:60px;
    margin:0 0 0 0;
    padding:0;
}
.header .header_inner .gNav li {
    display:inline-block;
    float:left;
    width:102px;
    height:60px;
}
.header .header_inner .gNav li > a {
    display:block;
    text-decoration: none;
    color:#252525;
    font-size:16px;
    font-weight:700;
    width:102px;
    height:60px;
    text-align:center;
    line-height:60px;
}
.header .header_inner .gNav li > a:hover {
    color:#ff7a00;
}
.header .header_inner .gNav .topNav_ul .dth1_2 .topNavSub_ul { margin-left: 630px; }

.subheader {
    width: 100%;
    height: 95px;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
    z-index: 1;
}
.subheader .header_inner { /* 2024-07-11 김형수 수정 */
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    width:1170px;
    height:95px;
    margin:0 auto;
}
.subheader .header_inner .logo {
    display:inline-block;
    width:117px;
}
.subheader .header_inner .logo .logo_img {
    width:117px;
    height:60px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/logo_login.png) no-repeat center;
    background-size:100%;
    text-indent:-9999em;
    margin-top: 0px;
    margin-bottom: 0px;
}
.subheader .header_inner .gNav {/* 2024-07-11 김형수 수정 */
    width: auto;
}
.subheader .header_inner .gNav .topNav_ul { /* 2024-07-11 김형수 수정 */
    display:inline-block;
    float:left;
    /*width:400px;*/
    height:60px;
    margin:0 0 0 0;
    padding:0;
}
.subheader .header_inner .gNav li {
    display:inline-block;
    float:left;
    width:102px;
    height:60px;
}
.subheader .header_inner .gNav li > a {
    display:block;
    text-decoration: none;
    color:#252525;
    font-size:16px;
    font-weight:700;
    width:102px;
    height:60px;
    text-align:center;
    line-height:60px;
}
.subheader .header_inner .gNav li > a:hover {
    color:#ff7a00;
}
.subheader .header_inner .gNav .topNav_ul .dth1_2 .topNavSub_ul { margin-left: 630px; }

.subheader .header_inner .user {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 500px;
}

.subheader .header_inner .user .user_info {
    height: 26px;
    line-height: 26px;
    width: 420px;
    text-align: right;
}

.subheader .header_inner .user .user_info .user_name {
    display: inline-block;
    font-weight: 700;
    padding-left: 20px;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_user-name.png)no-repeat left center;
}


.layout_topNav{display:inline-block;position:absolute;top:0;left:0;right:0;margin:auto;text-align:center;vertical-align:top;transition:padding .3s ease-out;}
.topNav_ul{display:inline-block;font-size:0;}
.topNav_li{display:inline-block;}
.topNav_a{display:inline-block;padding:10px 10px;margin:0 17px;}
.topNav_a h2{font-size:15px;font-weight:500;line-height:14px;color:#000;}
.topNav_a h2 span{line-height:14px;}
.topNav_a:focus,.topNav_a:hover{text-decoration:none;}
.topNav_li.on .topNav_a, .topNav_a:hover h2{color:#50b4ff;}

/* TopNav-submenu */
.layout_topNavSub_bg{position:absolute;top:95px;right:0;left:0;z-index:-1;width:100%;height:0px;margin:auto;background:#f2f2f2; opacity:0;transition:opacity .5s, height .5s, background .5s;}
.layout_topNavSub_bg.on{height:45px;opacity:1;transition:opacity .3s, height .1s, background .3s;border-bottom: 1px solid #e4e4e4;}
.subMenuOn .layout_topNavSub_bg{background:#50b4ff;transition:opacity .3s, height .3s, background .3s;}
.topNavSub_ul{display:inline-block;position:absolute;top:0;right:0;left:0;width:100%;height:0;margin:0 auto;overflow:hidden;opacity:0;transition:all .3s;}
.topNav_li.on .topNavSub_ul{top:72px;height:auto;opacity:1;transition:opacity .7s;}
.layout_header.subMenuOn .topNav_li.on .topNavSub_ul{top:70px;opacity:1;transition:opacity .5s, top .3s;}
.topNavSub_li{display:inline-block;float:left;}
.topNavSub_a{display:none;position:relative;padding:15px 5px 15px;margin:0px 22px 0px; font-size:15px !important;font-weight:300 !important;line-height:1;text-align:center;color:#000;}
.topNavSub_a:focus,.topNavSub_a:hover{text-decoration:none;color:#50b4ff;}
.subMenuOn .topNavSub_ul .topNavSub_li .topNavSub_a{color:#fff;}
.topNav_li.on .topNavSub_a{display:inline-block;}

.header .header_inner .user {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    width:500px;
}
.header .header_inner .user .user_info {
    height:26px;
    line-height:26px;
    width:420px;
    text-align:right;
}
.header .header_inner .user .user_info .user_name {
    display: inline-block;
    font-weight: 700;
    padding-left: 20px;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_user-name.png)no-repeat left center;
}

.container {
    width:100%;
    min-height:860px;
	padding: 0;
	margin: 0;
	padding-top: 95px;
}
.container.main {
    width:100%;
    min-height:500px;
	padding: 0;
	margin: 0;
    padding-top: 95px;
}
.container.main_business {/* 2024-07-11 김형수 수정 */
    width:100%;
    min-height: 893px;
	padding: 0;
	margin: 0;
    padding-top: 95px;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/main_visual.jpg) no-repeat center bottom;
    background-size: cover;
    background-position: center 40%;    
}
.container.main_internet {/* 2024-07-11 김형수 수정 */
    width:100%;
    min-height: 903px;
	padding: 0;
	margin: 0;
    padding-top: 95px;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/main_visual_3.png) no-repeat center bottom;
    /* background: #fff3e8; */
    background-size: cover;
    background-position: center 40%;    
}
.container.main .content {/* 2024-07-11 김형수 추가 */
    height: 100%;
}

.inner {
    width:1170px;
    margin:0 auto;
}
.content_inner:before, .content_inner::before, .content_inner:after, .content_inner::after,
.footer:before, .footer::before, .footer:after, .footer::after, 
.inner:before, .inner::before, .inner:after, .inner::after  {
    display:block;
    content:'';
    clear:both;
}

.footer {
    height:50px;
    border-top:1px solid #e7e7e7;
	margin: 0;
}
.footer .copy {
    text-align:center;
    font-size:13px;
    line-height:40px;
    color:#777777;
}


/* 
    PAGE ::: MAIN
*/

/* Button */
.btn-listView {/* 2024-07-11 김형수 수정 */
    padding-right:35px;
    min-width:120px;
    border-color:#fff;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_popup.png) no-repeat 90px 50% #fff;
    font-weight: 400;    
}
.btn-listView:hover,
.btn-listView:focus {
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_popup_on.png) no-repeat 90px 50% #fff;
}
[class*="btn-arrow"] {
    padding:0;
    width:69px;
    height:69px;
}
.btn-arrow_left {
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow.png) no-repeat center center;
    float:left;
}
.btn-arrow_right {
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow.png) no-repeat center center;
    transform: rotate(180deg);
    float:right;
    box-sizing: border-box;
}
[class*="btn-arrow"]:hover {
    border-radius:50px;
    background-color:rgba(255,255,255,0.3);

}
[class*="btn-arrow"]:focus {
    border-radius:50px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow.png) no-repeat center center;
    background-color:rgba(255,255,255,0.3);
}
.btn-reboot {/* 2024-07-11 김형수 수정 */
    width:115px;
    padding-left:35px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_reboot.png) no-repeat 12px center #fff;
    margin-left:10px;
    font-weight: 400;
}
.btn-vdi, .btn-vdi:focus {
    width:130px;
    padding-left:30px;
    padding-right:5px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_hadphone.png) no-repeat 12px center #fff;
    float:left;
    margin-bottom:10px;
}
.btn-start {
    width: 198px;
    height: 54px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    border-color: #df032b;
    background: #df032b;
}
.btn-start:hover {
    color:#fff;
    border-color:#a81a23;
    background:#a81a23;
}
.btn-start:focus {
    color:#fff;
}

.btn-connect {
    display:inline-block;
    min-width: 90px;
    min-height: 34px;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border-color: #df032b;
    background: #df032b;
}

.btn-connect:hover {
    color: #fff;
    border-color: #a81a23;
    background: #a81a23;
}

.btn-confirm {
    display:inline-block;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border-color: #df032b;
    background: #df032b;
}

.btn-confirm:hover {
    color: #fff;
    border-color: #a81a23;
    background: #a81a23;
}

/* Icon */ /* 2021-07-15 김형수 수정 */
.icon-pc.business {
    display:inline-block;
    width:60px;
    height:69px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_monitor.png)no-repeat center center;
    /* margin-right:7px; */
}

/* Icon */ /* 2021-07-17 윤동수 추가 */
.icon-pc.internet {
    display:inline-block;
    width:60px;
    height:69px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_monitor_w.png)no-repeat center center;
    /* margin-right:7px; */
}

/* layout */
.dashboard {
    width: 100%;
    height: 530px;
    height: 100%;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/main_visual.png)no-repeat center bottom;
    border-bottom: 2px solid #ff7a00;
    background-size: cover;
    background-position: center 60%;
}
.dashboard_new {/* 2024-07-15 김형수 추가 */
    width:100%;
    height:100%;    
}
.control_area {/* 2024-07-15 김형수 수정 */
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    /* justify-content: space-between; */
    align-items: center;
    width:100%;
    height:185px;
    /*border-bottom:1px solid rgba(255, 255, 255, .2);*/
    margin-bottom:10px;
}
.control_title {
    width: 120px;
    margin-right: 77px;
}
.control_title .title_text {    
    font-size:22px;
    color:#ff7a00;
    text-align: center;
    padding-bottom:16px;
    line-height:1;
    margin: 0;
}
.control_pc {/* 2024-07-11 김형수 수정 */
    position: relative;
    width:795px;
}
.control_pc_body {
    text-align: center;
}
.info-pc_control {/* 2024-07-11 김형수 수정 */
    position: absolute;
    width: 1000px;  
    top: 3px;
    left: -25px;
}
.control_pc .info-pc {
    display: inline-block;
    width: 443px;
}
/*.control_pc .info-btn {
    position: absolute;
    right: 90px;
    top: 17px;
}*/
.control_pc .info-pc .pc_name.business { /* 2024-07-15 김형수 수정 */
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    line-height: 69px;
    color: #252525;
    margin: 0;
}

.control_pc .info-pc .pc_name.internet { /* 2024-07-15 김형수 수정 */
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    line-height: 69px;
    color: #ffffff;
    margin: 0;
}
.control_pc .info-pc .badge {
    vertical-align: 7px;
    margin-left:45px;
}
.control_btnArea {
    position: absolute;
    top: 20px;
    right: -90px;
}
.internet_alert {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    padding: 15px 15px 15px 20px;
    width: 1060px;
    height: 360px;
    background: rgba(19,15,17,0.9);
    border-radius: 6px;
}
.internet_alert .internet_alert_title {
    width: 780px;
    max-height: 225px;
    min-height: 40px;
    padding: 0 25px 0 55px;
    overflow-y: auto;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_alert.png) no-repeat left 3px;
    box-sizing: border-box;
    color: #fff;
}
.internet_alert .internet_alert_content {
    width: 780px;
    max-height: 225px;
    min-height: 180px;
    padding: 0 25px 0 40px;
    overflow-y: auto;
    box-sizing: border-box;
    color: #fff;
}
.internet_alert .internet_alert_content ul li{
    list-style:inside;
    list-style-type:disc;
    padding: 0 10px;
}
.internet_alert .internet_alert_content ol li{
    list-style:inside;
    list-style-type:decimal;
    padding: 0 10px;
}
.work_time {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin:0 auto;
    width:786px;
    height:143px;
    margin-bottom:10px;
}
.work_time [class^="time-block_"] {
    float:left;
}
.work_time .line {
    width:1px;
    height:143px;
    background:rgba(255, 255, 255, .2);
    float:left;
}
.work_time .time-title {
    line-height:22px;
    font-size:18px;
    text-align:center;
    margin-bottom:10px;
}
.work_time .time-title span { 
    font-size:20px;
    font-weight: 500;
    letter-spacing: -1px;
	color: #fff;
}
.work_time .time-clock {
    padding:0;
}
.work_time .time-clock .time-clock-wrapper .num  {
    display:inline-block;
    float:left;
    
    margin:0 5px;
    width:66px;
    border-radius: 6px;
    font-size: 50px;
    background:#110b0f;
    text-align:center;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color:#989898;
}

.work_alert {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    padding:15px 15px 15px 20px;
    height:auto;
    background:rgba(19,15,17,0.9);
    border-radius: 6px;
}
.work_alert .work_alert_content {
    width:780px;
    max-height:90px;
    padding:0 25px 0 55px;
    overflow-y:auto;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_alert.png) no-repeat left 3px;
    box-sizing:border-box;
	color: #fff;
}

/* 2023-05-11 상시 공지사항 */
/*.work_alert.type01 { height: 190px; padding: 15px 15px 15px 15px; }*/
/*.work_alert.type01 .work_alert_content { background: none; overflow-y: hidden; max-height: none; }*/
.dashboard.notice-box { height: 570px;  background-size: cover !important; }
.work_alert.type01 { height: 160px; padding: 0; background: transparent; margin-top:20px }
.work_alert.type01 .work_alert_content { background: transparent; background-size: cover; overflow-y: hidden; max-height: none; width: 730px; height: 160px; padding:0; }
.work_alert.type01 .work_alert_content .tit01-t { font-size: 18px; }
.work_alert.type01 .work_alert_content .tit01-b { font-size: 18px; margin-bottom: 0; margin-top: 10px; }
.work_alert.type01 .work_alert_content .tit02 { line-height: 24px; font-size: 14px; }
.work_alert.type01 .work_alert_content .underline { text-decoration: underline; }
.work_alert.type01 .work_alert_content .cont { position: relative; display: flex; }
.work_alert.type01 .work_alert_content .cont-b { width:100%; float: left; }
.work_alert.type01 .work_alert_content .cont-l { width: 50%; float: left; }
.work_alert.type01 .work_alert_content .cont-r { width: 50%; float: right; }
/* 2023-05-11 상시 공지사항 */

.content_board {padding-top:15px;}

.content_board .list {
    float:left;
    width:430px;
    height:210px;
    margin-top:10px;
    margin-right:35px;
}
.content_board .list_header {
	position: relative;
    width:100%;
    height:30px;
    margin-bottom:10px;
}
.content_board .list_header .list_title {
    height:30px;
    font-size:16px;
    font-weight: 700;
    line-height: 30px; 
	margin: 0;
}
.content_board .list_header .more {
    display:inline-block;
    position: absolute;
    right: 0;
    top: 0;
	width:30px;
    height:30px;
    font-size:0;
    text-indent: -99999px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_more.png)no-repeat center center;
    border:1px solid transparent;
    border-radius: 15px;
    transition: steps(0.3);
}
.content_board .list_header .more:hover {
    border-color:#dcdcdc;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_arrow_more.png)no-repeat center center #dcdcdc;
}

.content_board .list_content ul { margin: 0; }
.content_board .list_content ul li p { margin: 0; }
.content_board .list_content li {line-height:30px;}
.content_board .list_content a:hover > .subject,
.content_board .list_content a:hover > .date {text-decoration: underline;}
.content_board .list_content .subject {
    display:inline-block;
    width:370px;
    font-size:13px;
    color:#252525;
	margin-bottom: 0;
}
.content_board .list_content .date {
    display:inline-block;
    width:60px;
    font-size:12px;
    color:#999;
}

.banner_area {
    float: left;
    display:inline-block;
    width:240px;
    height:210px;
}
.banner_area ul { margin: 0 }
.banner_area li {
    float:left;
    display:inline-block;
    width:240px;
    height:60px;
    margin-bottom:10px;
}
.banner_area li .banner {
    display:block;
    width:240px;
    height:60px;
    text-decoration: none;
    color:#252525;
    font-size:16px;
    font-weight:700;
    border:1px solid #dcdcdc;
    padding: 0 0 0 98px;
    box-sizing: border-box;
}
.banner_area li .banner .banner_box {
    display:table;
    width:140px;
    height:58px;
}
.banner_area li .banner .banner_box .banner_text {
    display:table-cell;
    vertical-align: middle;
}
.banner:hover > .banner_box > .banner_text {text-decoration: underline;}
.banner_access {
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_laptop.png)no-repeat 30px center #fff;
}
.banner_manual {
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_book.png)no-repeat 34px center #fff;
}
.banner_isac {
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_call.png)no-repeat 33px center #fff;
}

 /* 2024-07-11 김형수 추가 */
.right_wrap { /* 2024-08-12 김형수 수정 */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.col-btn { /* 2024-08-12 김형수 추가 */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
}

.col-info { /* 2024-08-12 김형수 추가 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.support_isac { /* 2024-08-12 김형수 수정 */
    display: flex;
    align-items: center;
    padding: 0 0 0 45px;
    margin-left: 45px;
    height: 22px;
}
.support_isac .box {
    display:table;
}
.support_isac .box .text {/* 2024-08-12 김형수 수정 */
    display: table-cell;
    vertical-align: middle;
    color: #252525;
    font-size: 15px;
    font-weight: 700;
}
.img_laptop {/* 2024-08-12 김형수 추가 */
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_laptop.png)no-repeat left center;
    background-size: 18%;    
    margin-left: 30px;
    padding: 0 0 0 30px;    
}
.img_book {/* 2024-08-12 김형수 추가 */
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_book.png)no-repeat left center;
    background-size: 14%;    
    margin-left: 30px;
    padding: 0 0 0 25px;     
}
.img_isac {/* 2024-08-12 김형수 추가 */
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_call.png)no-repeat left center;
    background-size: 15%;    
    margin-left: 30px;
    padding: 0 0 0 30px;     
}
.content_area {
    display: flex;
    flex-direction: column;    
    align-items: center;
    width: 100%;
    height: 615px;
    background: #fff;
    border-radius: 20px 20px;
    margin-bottom: 37px;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1)
}
.content_area .notice_area {
    position: relative;
    width: 1060px;
    height: 360px;    
    margin-top: 20px;
    text-align: center;
}
.if_area {
    display: flex;
    justify-content: space-between;
    width: 1060px;
    margin: 25px auto 0 auto;
}
.if_area .if_box {/* 2024-08-27-1 김형수 수정 */
    display: block;
    width: 575px;
    height: 185px;
    padding: 0 20px 0 20px;
    border: 2px solid #cfcfcf;
    background-repeat: no-repeat;
    background-position: 20px center;
    text-align: right;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);    
}
.if_area .if_box:last-child {/* 2024-08-27-1 김형수 수정 */
    width: 455px;
}
.if_box h3 {
    font-size: 15px;
    font-weight: 700; 
    margin-top: 10px; 
}
.if_box .ico_if_01 {
    display: flex;
    align-items: center;
    padding: 0 0 0 35px;   
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_if_01.png) no-repeat left center;
    height: 22px;
    background-size: contain;       
}
.if_box .ico_if_02 {
    display: flex;
    align-items: center;
    padding: 0 0 0 35px;   
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_if_02.png) no-repeat left center;
    height: 22px;
    background-size: contain;       
}
.if_box .cont1 { /* 2024-08-27-1 김형수 수정 */
    display: flex;
    align-items: flex-start;
    margin: 18px 0 0 30px;
}
.if_box .cont1:first-child { 
}
.if_box .cont1:last-child {/* 2024-08-27-1 김형수 수정 */
    margin: 15px 0 0 30px;  
}
.if_box .cont2 {
    margin-bottom: 10px;
    margin-top: 15px;
    height: calc(100% - 65px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.if_box .box_scroll {
    overflow-y: auto;
}
.if_box .cont1 .list1 { /* 2024-08-27-1 김형수 수정 */
    width: auto;
    margin-bottom: 0;
    padding-left: 15px;
    height: auto;
}
.if_box .cont1 .list2 { /* 2024-08-27 김형수 수정 */
    width: auto;
    padding-left: 10px;
    margin-bottom: 0;
}
.if_box .cont1 .list3 { /* 2024-08-27 김형수 수정 */
    width: 100%;
    margin-bottom: 0;
    padding-left: 15px;
    height: auto;
}
.if_box .cont1 .list2 li { /* 2024-07-23 김형수 추가 */
    width: auto;     
}
.if_box .cont1 .list2 li:last-child { /* 2024-08-27 김형수 추가 */
    margin-left: 0;     
}
.if_box .cont1 .list2 li span {
    margin-left: 5px;
    line-height: 1.3;      
}
.if_box .cont1 .list2 li:before {
    position: absolute;
    top: 50%;
    left: -11px;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    display: none;
}
.if_box .cont1 h4 {
    font-size: 14px;
    position: relative;
    color: #252525;
    background: #f8cbad;
    border-radius: 20px 20px;
    min-width: 45px;
    text-align: center;
    margin: 0;
    padding: 2px 5px;
    line-height: 1.3;     
}
.if_box .cont1 .list-content { /* 2024-08-27 김형수 수정 */
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
    position: relative;
}
.if_box .cont2 .list1 { /* 2024-07-25 김형수 수정 */
    width: 100%;
    margin-bottom: 0;
    padding-left: 40px;
    max-height: 80px;
}
.if_box li {
    position: relative;    
    width: 50%;
    text-align: left;
    float: left;
    display: flex;
    align-items: center;    
}
/* 2024-07-25 김형수 추가 */
.if_box li.col-1 {
    width: 38%; 
}
.if_box li.col-2 {
    width: 31%; 
}
.if_box li.col-3 {
    width: 31%; 
}
.if_box li.col-4 {
    width: 62%; 
}
.if_box li.col-auto {/* 2024-08-27 김형수 추가 */
    width: auto !important;
    letter-spacing: -0.9px !important;   
}
/* 2024-07-25 김형수 추가 */

.if_box .pd-sm li {
    padding: 0 0;
    line-height: 1.3;
    letter-spacing: -0.5px;      
}
.if_box .pd-lg li {
    display: flex;
    align-items: flex-start;    
    padding: 2px 0;
    letter-spacing: -0.5px;      
}
.if_box li:before {/* 2024-07-25 김형수 수정 */
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
    content: "";
}
.if_box .cont1 .subject {/* 2024-07-25 김형수 수정 */
    position: relative;    
    font-size: 15px;
    font-weight: 400;
    padding-left: 8px;    
    margin-right: 10px;
    line-height: 1.3;
    letter-spacing: -1px;
}
.if_box .cont2 .subject {/* 2024-07-25 김형수 수정 */
    position: relative;    
    font-size: 15px;
    font-weight: 400;
    padding-left: 8px;      
    margin-right: 10px;
    line-height: 1.5;   
}
.if_box .cont1 .data {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.5px;
}
.if_box .cont2 .data {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;       
    word-wrap: break-word;
    width: 110px;
    display: inline-block;
    word-break: keep-all; 
}
.box_scroll::-webkit-scrollbar {
    background: transparent;
    width: 8px;
    height: 8px;
}
.box_scroll::-webkit-scrollbar-thumb {
    background-color: #7a849770;
    border-radius: 3px;
}
.box_scroll::-webkit-scrollbar-thumb {
    background-color: #7a849770;
    border-radius: 3px;
}

/* 
    PAGE ::: LOGIN
*/

/* Button */
.btn-login {
    width:100%;
    height:50px;
    border-radius: 50px;
    border-color:#bc1026;
    background:#c70b0b;
    color:#fff !important;
    font-size:16px;
}
.btn-login:hover {
    border-color:#a81a23;
    background:#a81a23;
    color:#fff!important;
}
.btn-login:focus {
    color:#fff!important;
}

/* Form */
.p-login .form-group {
    margin:0 0 20px;
    padding:0;
    height:50px;
    border:1px solid;
    border-color:rgba(0,0,0,.1);
    border-radius:50px;
    background:#fff;
}
.p-login input.form-style {
    display:inline-block;
    padding:10px 10px;
    width:calc(100% - 57px);
    height:48px;
    line-height:28px;
    border:0;
    border-radius:0 50px 50px 0;
    background:#fff;
}
.p-login .error {
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: -1px;
}
.p-login .form-label {
    position: relative;
    display: inline-block;
    text-indent: -99999px;
    width: 57px;
    height: 50px;
    padding: 4px 4px 4px 11px;
    border: 0;
    border-radius: 50px 0 0 50px;
    border-right: 0;
    float: left;
}
.p-login .form-label::after {
    position:absolute;
    top:-1px;
    right:0px;
    display:block;
    content:'';
    width:1px;
    height:50px;
    background:rgba(0,0,0,.1);
}

.p-login .form-label .icon {
    display:block;
    width:40px;
    height:40px;
    background-size: 50%;
}
.p-login .id-label .icon {
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_user_x2.png) no-repeat center;background-size: 100%;}
.p-login .pw-label .icon {
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/icon_lock_x2.png) no-repeat center;background-size: 100%;}


/* layout */

.p-login .header {
    width:100%;
    height:116px;
    padding:26px 0 30px 35px;
    position: inherit;
    border-bottom: 0 none;
	background: transparent;
}

.p-login {
    width: 100%;
    height: 100%;
    min-height: 700px;
    background: url(/Citrix/vdi_portal_okta/Content/style/images/common/login_bg.jpg) no-repeat center top;
    background-color: #000;
    background-size: cover;
}
.p-login .logo_img {
    display:block;
    z-index:100;
    width:117px;
    height:60px;
    background:url(/Citrix/vdi_portal_okta/Content/style/images/common/logo_login.png) no-repeat center;
    text-indent:-9999em;
    margin: 0;
}
.p-login .container {
    margin:0 auto; 
	width:440px;
    background-color:rgba(255, 255, 255, 0.7);
    border: 1px solid #e5e5e5;
    border-radius:4px;
    min-height: 500px;
    padding: 0;
}
.login-header {
    padding: 58px 40px 0;
    font-size: 16px;
    color: #252525;
}
.login-header h1 {
    margin: 0;
	line-height: 1.3;
}
.login-header p {
    margin: 0;
}
.login-header .login-header_title > span {
    display:block;
    font-size:24px;
    font-weight:normal; 
    letter-spacing: -1px;
}
.login-header .login-header_title > strong {
    font-size:30px;
    font-weight:700;
}
.login-body {
    padding:20px 40px 10px;
}

/* 2021-09-28 김형수 추가 */
.login-header.cert {
    padding: 58px 60px 0;
}
.login-header.cert .login-header_title > strong {
    font-size: 30px;
    font-weight: 700;
	color: #252525;
}
.login-body.cert {
    padding: 0;
    margin: 20px 27px  0 27px ;
    height: 414px;
}
.login-body.cert .nav-tabs > li > .tab-01 {
	background: #f2f2f2 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_01.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-02 {
	background: #f2f2f2 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_02.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-03 {
	background: #f2f2f2 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_03.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-04 {
	background: #f2f2f2 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_04.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li.active > .tab-01 {
	background: #fff url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_01_on.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li.active > .tab-02 {
	background: #fff url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_02_on.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li.active > .tab-03 {
	background: #fff url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_03_on.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li.active > .tab-04 {
	background: #fff url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_04_on.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-01.disabled {
    background: #B5B5B5 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_01_off.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-02.disabled {
    background: #B5B5B5 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_02_off.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-03.disabled {
    background: #B5B5B5 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_03_off.png") center 12px no-repeat;
}
.login-body.cert .nav-tabs > li > .tab-04.disabled {
    background: #B5B5B5 url("/Citrix/vdi_portal_okta/Content/style/images/common/icon_tab_04_off.png") center 12px no-repeat;
}

.login-body.cert .nav-tabs > li:last-child a {
    margin-right: 0;
}
.login-body.cert .nav-tabs > li.active > a {
    color: #252525;
	font-weight: 400;
    background: #fff;
}
.login-body.cert .nav-tabs > li > a {
	font-size: 15px;
	font-weight: 400;
    color: #666;
    margin-right: 1px;
    line-height: 1.42857143;
    border: 0 none !important;
    border-radius: 0;
    background: #f2f2f2;
    width: 95px;
    height: 75px;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 47px 0 12px 0;
	transition: .3s;
}
.login-body.cert .tab-content {
    background: #fff;
	height: calc(100% - 102px);
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.login-body.cert .tab-content > .tab-pane {
    width: 100%;
}
.login-body.cert .content {
    padding: 0 30px;
}
.login-body.cert .content .div_notice {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    background-color: #fff;
    border-radius: 0;
    text-align: center;
	letter-spacing: -0.5px;
    font-weight: 300;
}
.login-body.cert .content .div_notice strong{
    font-weight: 300;
}
.login-body.cert .tab-content .form-group {
    margin: 0 0 10px;
    padding: 0;
    height: 45px;
    border: 1px solid;
    border-color: rgba(0,0,0,.1);
    border-radius: 0;
    background: #fff;
}
.login-body.cert .tab-content input.form-control {
    display: inline-block;
    padding: 10px 10px;
    width: 100%;
    height: 43px;
    border: 0;
    border-radius: 0;
    font-size: 16px;
	outline: 0;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,1.0);
    box-shadow: inset 0 0 0 rgba(0,0,0,1.0);
}
.login-body.cert .tab-content .form-text {
    font-size: 14px;
	color: #c70b0b;
}
.login-body.cert .btn-action {
    width:100%;
    height:50px;
    border-radius: 50px;
    border-color:#bc1026;
    background:#c70b0b;
    color:#fff;
    font-size:16px;
}
.login-body.cert .btn-action:hover {
    border-color:#a81a23;
    background:#a81a23;
    color:#fff;
}
.login-body.cert .btn-mail {
    width:100%;
    height:50px;
    border-radius: 50px;
    border-color:#e47b04;
    background:#ef8105;
    color:#fff;
    font-size:16px;
}
.login-body.cert .btn-mail:hover {
    border-color:#c87517;
    background:#c87517;
    color:#fff;
}
.btn {
	outline: 0 !important;
}
@media (max-width:720px){
	.login-body.cert .nav-tabs > li {
		width: 25%;
	}
	.login-body.cert .nav-tabs > li > a {
		width: auto;
	}
}
/* 2021-09-28 김형수 추가 */


.login-footer {
    padding:0 60px 35px;
    font-size:13px;
    text-align:center;
	color: #333;
}
.login-footer .copy {
    font-size:11px;
    padding:5px 0 0;
}
.login-footer .contents p {
    margin: 0;
}


/* ////////////////////////////////////////////////////////////////////////////////////////// */

/* 
    RESPONSIVE
*/

@media (min-width:721px){
    .wrap {min-width:1200px;}
}

@media (max-width:720px){

    /* Responsive ::: LOGIN */
     .p-login {
        padding: 0 1rem;
        min-height: 600px;
        /* Default */
        /**/
        background-size: 100%;
        /**/
        /* Tech */
        /*
        background-size: auto;
        background-position: center top;
        /**/
    }
    .p-login .header {
        padding:15px 0;
        height:80px;
    }
    .p-login .logo_img{
        display:block;
        margin:0 auto;
        width:98px;
        height:50px;
        background-size:100%;
        text-indent:-9999em;
    }
    .p-login .container {width:100%;}
    .p-login .container .content {width:100%;}
    .login-header {padding:1.5rem 2rem 1rem;}
    .login-header .login-header_title > span {
        display:block;
        font-size:15px;
        font-weight:normal;
    }
    .login-header .login-header_title > strong {
        font-size:24px;
        font-weight:700;
    }
    .login-body {padding:1rem;}

    .login-footer {
        padding: 0 60px 35px;
        font-size: 13px;
        text-align: center;
        color: #252525;
    }
    .login-footer .copy {
        font-size:0.65rem;
    }
}

@media (max-width:320px){

    /* Responsive ::: LOGIN */
    .p-login {
        padding:0 .5rem;
    }
    .login-footer {
        font-size:0.79rem;
    }
}

/* 세션만료 페이지 */
.page-session {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-align: center;
    padding: 50px 50px;
    height: 500px;
    min-height: 500px;
    flex-direction: column;
    color: #333;
}
.page-session h1 { 
	font-size: 30px; 
	font-weight: 700; 
}
.page-session p {  
	font-size: 18px; 
}
.page-session .btn-ok { 
	min-width: 100px; 
	height:50px; 
	border-radius: 50px; 
	border-color:#bc1026; 
	background:#c70b0b; 
	color:#fff; 
	font-size:16px; 
}
.page-session .btn-ok:hover { 
	border-color:#a81a23; 
	background:#a81a23; 
	color:#fff; 
}
.masking {
    -webkit-text-security: disc;
}

.right-inner-addon {
    position: relative;
}

.right-inner-addon input {
    padding-right: 35px !important;
}

.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 12px 12px;
}

/* [D] 20211019 기존 인증방식 선택 버튼추가 */
.login-confirm { margin-top: 15px; text-align: center; }
.btn-confirm { width:50%; height:30px; border-radius: 50px; border-color:#6c6c6c; background:#6c6c6c; color:#fff; font-size:15px; text-decoration: underline; }
.btn-confirm:hover { border-color:#626262; background:#626262; color:#fff; }

/* validation-summary-valid 숨김 처리 */ /* 2024-07-17 윤동수 수정 */
.validation-summary-valid {
    display: none;
}