/* **************************************************************************** */
/*	@Author       :bokyung        */
/* ***************************************************************************** */
@charset "utf-8";
body, h1, h2, h3, h4, h5, input, button, textarea{font-family:'Pretendard', 'Noto Sans', sans-serif;font-size:16px;color:#222;font-weight:400;line-height:1;letter-spacing:-0.5px}
big, strong, b, dt, th{font-family:'Pretendard', 'Noto Sans', sans-serif;font-weight:700; letter-spacing:-0.5px}

/* ellipsis */
.ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis_02{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}
.ellipsis_03{-webkit-box-orient:vertical;display:-webkit-box !important;display:block;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}
@media print{
  body{-webkit-print-color-adjust:exact;}
  #header,
  #footer,
  #contents,
  #lnb{display:none}

  @page{
	margin:0 10px;
  }
  .container.field .lv1, .container.field .tbl-search.narrow, .container.field .lv2, .container.field .s-info, .container.field .rwd-tbl, .container.field .tbl-search.middle, .container.field .tabMenu, .container.field .lv-desc, .container.field .report-bar, .container.field .num-list, .container.field .lv-ref, .container.field .footer{display:none;}
}
@media print and (-webkit-min-device-pixel-ratio:0){
  body{zoom:0.6;}
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, article, aside, canvas, details, embed, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border:0;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline;}
img, fieldset, form, label, legend, figure, figcaption, input, button, textarea{border:0;margin:0;padding:0;box-sizing:border-box}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
button{cursor:pointer}
button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner{border:0;padding:0;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';}
img{font-size:0;line-height:0;}
a{color:inherit;text-decoration:none;}
a, span{display:inline-block;}
label {font-weight:400;}
table{border:0;border-collapse:collapse;border-spacing:0;empty-cells:show;margin:0;padding:0;width:100%;}
img.adi{height:auto;max-width:100%;}
/* IE 6/7 .clearfix{zoom:1;} */
.skip{display:block;font-size:0;height:1px;line-height:0;margin:0 -1px -1px 0;overflow:hidden;padding:0;width:1px;}
.skip:hover, .skip:active, .skip:focus{color:#333;font-size:12px;font-weight:bold;height:auto;line-height:1;margin:0;padding:5px 0;position:relative;text-align:center;text-decoration:none !important;text-indent:10px;width:100%;}
a, a:active, a:visited{text-decoration:none; color:inherit; }
a:active, a:hover{text-decoration:none; color:inherit;}
a:focus {outline:0 none; text-decoration:none;}
.no-hashchang a, .no-hashchang a:active, .no-hashchang a:visited{color:#1a2025;text-decoration:none;}
caption{font-size:0;height:0;overflow:hidden;visibility:hidden;}
input[placeholder]::-webkit-input-placeholder, textarea[placeholder]::-webkit-input-placeholder{color:#999;}
input[placeholder]:-moz-placeholder, textarea[placeholder]:-moz-placeholder{color:#999;}
input[placeholder]::-moz-placeholder, textarea[placeholder]::-moz-placeholder{color:#999;}
input[placeholder]:-ms-input-placeholder, textarea[placeholder]:-ms-input-placeholder{color:#999;}
input[placeholder].placeholder, textarea[placeholder].placeholder{color:#999;}
textarea{display:block;width:100%;padding:15px;resize:none}
html{min-height:100%;position:relative;}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;font-family:inherit;}
.select{display:inline-block;position:relative;width:100%;vertical-align:middle}
.select::after{content:'';display:block;position:absolute;top:50%;right:15px;width:8px;height:5px;margin-top:-2px;background:url(./images/common/select_bottom_arrow.png) no-repeat 50% 50%}
select::-ms-expand{display:none;}
.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
select,
input{height:34px;padding:0 12px;border:1px solid #E0E0E0;line-height:1}
select:disabled,
input:disabled{background:#fafafa}
body{background:#f8f7f6;overflow-x:hidden;}


.swiper-container,
.swiper-container .swiper-slide{height:auto;border:0}

input,
select,
textarea{padding:0 12px;border:1px solid #E0E0E0;border-radius:3px;font-size:14px}
select{padding-right:26px}
textarea{padding:10px 12px}

.btn01,
input,
button{outline:none}


/* dialog */
.ui-widget-overlay {opacity:0.5;}
.ui-widget,
.ui-widget *,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{font-family:'Pretendard', 'Noto Sans', sans-serif;}
.ui-widget.ui-widget-content:not(.ui-datepicker) {border-radius:10px; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important;box-shadow:0 0 15px 5px rgba(0,0,0,0.05)}
.ui-dialog .ui-dialog-titlebar {display:flex; align-items:center; justify-content:space-between; padding:20px 30px; background:#fff; border:0 none; position:relative; border-radius:10px 10px 0 0;}
.ui-dialog .ui-dialog-titlebar::after {content:''; display:block; width:calc(100% - 60px); height:1px; background:#222; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.ui-dialog .ui-dialog-title {width:auto;font-size: 20px;color:#222;font-weight: 700;}
.ui-dialog .ui-dialog-titlebar-close {position:static;width:24px;height:24px;min-width:auto;background:url(images/portal/login/pop_close.png) no-repeat center; margin:0; padding:0;}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {display:none;}
.ui-dialog .ui-dialog-content {padding:30px 30px 40px;}
.ui-dialog .ui-dialog-buttonpane {margin:0; padding:0; border-radius:0 0 10px 10px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {display:flex;}
.ui-dialog .ui-dialog-buttonpane button {flex:1; display:flex; align-items:center; justify-content:center; height:50px; font-size: 18px; color:#666; font-weight: 700; background:#e6e6e6; border:0 none; border-radius:0; margin:0;}
.ui-dialog .ui-dialog-buttonpane button:first-child {border-bottom-left-radius:10px;}
.ui-dialog .ui-dialog-buttonpane button:last-child {border-bottom-right-radius:10px;}
.ui-dialog .ui-dialog-buttonpane .di_btn_close {font-size: 18px; min-width:auto; font-family:'Pretendard', 'Noto Sans', sans-serif; font-weight:700; color:#666; padding:0; background:#e6e6e6; border:0 none;}
.ui-dialog .ui-dialog-buttonpane .di_btn_del {font-size: 18px; min-width:auto; font-family:'Pretendard', 'Noto Sans', sans-serif; font-weight:700; color:#ed1c24; padding:0; background:#fff; border:0 none;}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf {font-size: 18px; min-width:auto; font-family:'Pretendard', 'Noto Sans', sans-serif; font-weight:700; color:#fff; padding:0; background:linear-gradient(to right, #f76b1e, #f59140); border:0 none;}
.ui-dialog .ui-dialog-buttonpane .btn_emp {background:linear-gradient(to right, #f76b1e, #f59140); color:#fff;}
/* .ui-widget.ui-widget-content{border:0;padding:0}
.ui-dialog .ui-dialog-title{font-weight:500;font-size:18px;color:#fff;}
.ui-dialog .ui-dialog-titlebar{padding:15px 20px;border:0;border-radius:0;background:#ef8903;background-position:calc(100% - 55px) 100%}
.ui-dialog .ui-dialog-titlebar-close{width:55px;height:100%;top:0;right:0;margin:0;border:0;border-radius:0;}
.ui-dialog .ui-dialog-titlebar-close span{display:none}
.ui-dialog .ui-dialog-content{overflow:auto;max-height:calc(100vh - 200px) !important;padding:20px 20px 10px;line-height:1.3}
.ui-dialog .ui-dialog-buttonpane{border:0;margin:0;padding:20px;text-align:center}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:none}
.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane .di_btn_del,
.ui-dialog .ui-dialog-buttonpane .di_btn_close,
.ui-dialog .ui-dialog-buttonpane .di_btn_conf{display:inline-block;min-width:80px;height:auto;padding:11px 5px;border:1px solid #666;border-radius:0;background:#fff;font-size:15px;color:#333;text-align:center}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf{border:0;background:#ef8903;color:#fff}
.ui-dialog .ui-dialog-buttonpane .di_btn_conf:hover{border:0;background:#ef8903;color:#fff;opacity:0.8}
.ui-dialog .ui-dialog-buttonpane button:hover{border:1px solid #666;background:#fff;opacity:0.8}
.ui-dialog .ui-dialog-buttonpane button + button{margin-left:5px} */

.ui-dialog-alert-wrap,
.ui-dialog-conf-wrap{position:fixed;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important}
.ui-widget-header{background:none;border:0;padding:0;margin:0}
.ui-tabs .ui-tabs-nav li{padding:0;margin:0;border:0;background:none}
.ui-tabs .ui-tabs-nav li + li{margin-left:10px}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{color:#0039BD}
.mlt_msg li .required{vertical-align:middle}
.ui-tabs .ui-tabs-panel{padding:0}


/* header */
header{height:120px;border-bottom:1px solid #f0f0f0;background:#fff;}
.n_inner {max-width:1640px; margin:0 auto;}
header .n_inner {height:100%;position:relative;}
.n_inner .logo_wrap {position:absolute; top:50%; left:0; transform:translateY(-50%);}
.n_inner .logo_wrap a {display:block; width:148px; height:46px; background:url(images/portal/dongguk_logo.png) no-repeat center; text-indent:-9999em;}
.n_inner .logo_wrap a.wise{width: 220px;height:49px;background:url(images/portal/login/logo_WISE.png) no-repeat 0 50%;background-size:220px auto;}
.n_header_top {display:flex; align-items:center; justify-content:flex-end; padding:20px 0;}
.header_campus_list {display:flex; align-items:center; border:1px solid #e5e5e5; border-radius:15px; margin-right: 14px;}
.header_campus_list li {position:relative;}
.header_campus_list li + li::after {content:''; display:block; width:1px; height:8px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.header_campus_list li a {font-size: 14px; color:#333; padding:6px 14px;}
.header_menu {display:flex;}
.header_menu > li + li {margin-left:14px;}
.header_menu > li.zoom_li{display:flex;align-items:center;}
.header_menu > li.zoom_li .zoom_num{padding:0 5px;}

.header_menu > li > a.zoom_in:before{background-image:url(images/portal/zoom_plus_ic.png);}
.header_menu > li > a.zoom_out:before{background-image:url(images/portal/zoom_minus_ic.png);}
.header_menu > li > a.zoom_reset:before{background-image:url(images/portal/btn_reset.png);}

.header_menu > li > a {display:flex; align-items:center;}
.header_menu > li > a::before {content:''; display:block; width:24px; height:24px; background-color:#f0f0f0; background-position:center; background-repeat:no-repeat; border-radius:50%; margin-right:4px;}
.header_menu > li > a.mypage::before {background-image:url(images/portal/ico_header01.png);}
.header_menu > li > a.set_portlet::before {background-image:url(images/portal/ico_header02.png);}
.header_menu > li > a.reset_portlet::before {background-image:url(images/portal/ico_header03.png);}
.header_menu > li > a.logout::before {background-image:url(images/portal/ico_header04.png);}
.header_menu > li > a.btn_scale::before {background-image:url(images/portal/ico_header05.png);}
body.scalePortlet .header_menu > li > a.btn_scale::before {background-color:#333; background-image:url(images/portal/ico_header05_on.png);}
.header_menu > li.sub_header_menu {position:relative;}
.sub_header_set{display:none;position: absolute;top: 36px;left:50%;transform: translateX(-50%);width: 90px;background:#fff; border:1px solid #f76b1e; border-radius:3px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;z-index: 52;}
.sub_header_set li{text-align: center;padding:7px 0;}
.sub_header_set li a {font-size:15px; text-transform:uppercase;}
.sub_header_set li.on a,
.sub_header_set li:hover a{text-decoration: underline;color:#f76b1e; position:relative;}
.sub_header_set li:first-child{padding-top:10px}
.sub_header_set li:last-child{padding-bottom:10px}
.n_gnb {display:flex; justify-content:center;}
.n_gnb.quick_gnb{display:none;}
.n_gnb ul {display:flex;}
.n_gnb ul li + li {margin-left: 50px;}
.n_gnb ul li a {position:relative;font-size: 20px; font-weight: 600;}
.n_gnb ul li:not(:first-child):not(:last-child) a:before{content:'';display:block;position:absolute;top:4px;right:-20px;width:14px;height:14px;background:url(images/portal/gnb_link_ic.png) no-repeat 100% 50%;}
.n_gnb ul li:not(:first-child):not(:last-child) a:hover:before{background-image:url(images/portal/gnb_link_ic_on.png);}
.n_gnb ul li a:hover {color:#ef8903;}

.n_footer {height:300px; background:#4c4c4c; padding-top:10px;}
.n_footer .footer01 {padding:30px 0; position:relative;}
.n_footer .footer01 > ul {display:flex;}
.n_footer .footer01 > ul li {position:relative;}
.n_footer .footer01 > ul li + li {margin-left: 12px; padding-left:13px;}
.n_footer .footer01 > ul li + li::after {content:''; display:block; width:1px; height:10px; background:#aaa; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.n_footer .footer01 > ul li a {display:block; font-size: 18px; color:#c1c1c1;}
.n_footer .footer01 > ul li:nth-child(1) a {color:#F44336;font-weight: 700;}
.familysite_box {width:210px;position:absolute; right:0; bottom:12px;}
.familysite_wrap .familysite_tab {display:block; color:#c1c1c1; padding:18px; background: url(images/portal/familysite_arrow.png) no-repeat right 18px center;}
.familysite_wrap .familysite_tab:hover {opacity:1;}
.familysite_wrap .familysite_panel {display:none; background:#fff; padding:9px 8px 9px 0; border:1px solid #ccc; border-bottom:0 none; border-radius:10px 10px 0 0;}
.familysite_wrap .familysite_panel > div {max-height:204px; overflow-y:auto;}
.familysite_wrap .familysite_panel ul li a {display:block; padding:9px 18px; color:#333;}
.familysite_wrap.is-active .familysite_tab {color:#333; background-color:#fff; background-image:url(images/portal/familysite_arrow02.png); border:1px solid #ccc; border-top-color:transparent; border-radius:0 0 10px 10px; position:relative;}
.familysite_wrap.is-active .familysite_tab::after {content:''; display:block; width:calc(100% - 36px); height:1px; background:#e5e5e5; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.familysite_wrap.is-active .familysite_panel {display:block;}
.n_footer .footer02 {padding:36px 0; background:url(images/portal/logo_footer.png) no-repeat right center; border-top:1px solid #808080;}
.n_footer .footer02 .campus_list {display:flex;}
.n_footer .footer02 .campus_list li {width:400px;}
.n_footer .footer02 .campus_list li p {display:flex; align-items:center; color:#c1c1c1; font-weight: 300;}
.n_footer .footer02 .campus_list li p:first-child {font-weight:400;}
.n_footer .footer02 .campus_list li p + p {margin-top: 15px;}
.n_footer .footer02 .campus_list li p .v_line {width:1px; height:8px; background:#c1c1c1; margin:0 12px;}
.n_footer .copy {color:#c1c1c1; font-weight: 300;}
.main_container {min-height:calc(100vh - 420px);}
.n_main_wrap {position:relative;}
.n_main_wrap .n_inner {max-width:1660px;padding:30px 0 110px;}
.n_main_wrap .portlet_list {display:flex; flex-wrap:wrap;position:relative;}
.n_main_wrap .portlet_list > li:not(.quick_menu) {width:25%; padding:10px; transition:transform 0.15s;}
body.scalePortlet .n_main_wrap .portlet_list > li:not(.quick_menu):hover {transform:scale(1.2) translateY(30px); z-index: 100;}
.n_main_wrap .portlet_list > li.cell2 {width:50%;}
.n_main_wrap .portlet_list > li:not(.quick_menu) > div {height:380px;}
.placeHolder div {background-color: #ffedd4 !important; border: dashed 2px #ef8903 !important; border-radius:20px;}
/* .n_main_wrap.is-active .portlet_list > li:not(.quick_menu) {cursor:move;} */
/* 濡쒓렇�씤 �럹�씠吏� */
body.l_hidden{overflow:hidden;}
body.login header {height:100px; display:flex; align-items:center; justify-content:center;}
body.login header a {display:block; width:187px; height:58px; background:url(images/portal/login/login_logo.png) no-repeat center; text-indent:-9999em;}
body.login.wise header a {width:259px;background-image:url(images/portal/login/logo_WISE.png);}
body.login .n_footer .footer02 .campus_list li {width:480px;}
body.login #login_form input.id_input,
body.login #login_form input.pw_input {background:0 none; padding-left:18px;}

.chatbot_box{position:fixed;bottom:100px;right:0;cursor:pointer;z-index:1;width:152px;transition:all ease .3s;}
.chatbot_box a{width:100%;padding-top:191px;background:url(images/portal/chatbot.png) no-repeat;}

.login_tab {display:none;}
.n_login_wrap {display:flex; align-items:center; justify-content:center; min-height:calc(100vh - 400px); padding:60px 0; background:url(images/portal/login/login_bg01.jpg) no-repeat center / cover;}
body.wise .n_login_wrap{background-image:url(images/portal/login/WISE_campus.jpg);}
.n_login_wrap > div .text01 {font-size: 38px; color:#fff; font-weight: 700; text-align:center;}
.n_login_wrap > div .text02 {margin-top: 20px;font-size: 22px; color:#fff; font-weight: 500; text-align:center;}
.n_login_wrap .login_box {margin-top: 40px; background:#fff; padding:60px; border-radius:20px; box-shadow:0 2px 20px rgba(151,151,151,0.16);}
.n_login_wrap .login_box .top {display:flex;}
.n_login_wrap .login_box .top > div {flex:1;}
.n_login_wrap .login_box .top > div + div {margin-left:60px; padding-left:60px; border-left:1px solid #e5e5e5;}
.n_login_wrap .login_box .top .box_tit {font-size: 26px;font-weight: 600; text-align:center;}
.n_login_wrap .login_box .top .box01 {display:flex; flex-direction:column;}
.n_login_wrap .login_box .top .box01 .sbox01 {margin-top: 38px;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_row + .input_row {margin-top: 28px;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_row .input_label {font-size: 18px;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_row input {margin-top:10px; display:block; width:100%; height:44px; font-size: 16px; font-weight:300; padding:0 18px; border:1px solid #e5e5e5; border-radius:10px;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_row input::placeholder {color:#ccc;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_util {margin-top: 28px;display:flex; align-items:center; justify-content:space-between;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_util label.check {display:flex; align-items:center;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_util label.check .ico {width:20px; height:20px; background:url(images/portal/login/checkbox.png) no-repeat center;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_util label.check .txt {margin-left:10px; font-size: 18px;}
.n_login_wrap .login_box .top .box01 .sbox01 .input_util label.check input:checked + .ico {background-image:url(images/portal/login/checkbox_on.png);}
.n_login_wrap .login_box .top .box01 .sbox01 .input_util a span {font-size: 18px; padding-right:20px; background:url(images/portal/login/arrow_right.png) no-repeat right center;}
.n_login_wrap .login_box .top .box01 .sbox02 {margin-top:auto;}
.n_login_wrap .login_box .top .box01 .sbox02 .loginBtn {display:flex; align-items:center; justify-content:center; height: 50px; font-size: 20px;color:#fff;font-weight: 700; background:#f59140; border-radius:10px; box-shadow:0 0 20px rgba(245,145,64,0.2);}
/* mac version */
.n_login_wrap.mac_type .login_box .top .box01 .sbox02 .loginBtn{margin-top:50px;}
.n_login_wrap.mac_type .login_box{max-width:634px;}
.n_login_wrap.mac_type #box02{display:none;}

.login_link_list1 {margin-top: 22px; display:flex; align-items:center; justify-content:center;}
.login_link_list1 li {position:relative;}
.login_link_list1 li + li {margin-left:12px; padding-left:12px;}
.login_link_list1 li + li::after {content:''; display:block; width:1px; height:10px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.login_link_list1 li a {color:#999; font-weight: 300;}
.login_link_list1 li a:hover {color:#222; opacity:1;}
.n_login_wrap .login_box .top .box02 .sbox01 {margin-top: 22px;}
.n_login_wrap .login_box .top .box02 .sbox01 > p {display:flex; flex-direction:column; align-items:center;}
.n_login_wrap .login_box .top .box02 .sbox01 > p::before {content:''; display:block; width:100px; height:100px; border-radius:50%; background:#fcf8f7 url(images/portal/login/box02_ico01.png) no-repeat center; margin-bottom: 18px;}
.n_login_wrap .login_box .top .box02 .sbox01 > p span {color:#999; font-weight: 300; padding-left:22px; background:url(images/portal/login/ico_info.png) no-repeat left center;}
.n_login_wrap .login_box .top .box02 .sbox01 > a {margin-top: 16px;display:flex; align-items:center; justify-content:center; height: 50px; font-size: 20px;color:#fff;font-weight: 700; background:#87796f; border-radius:10px; box-shadow:0 0 20px rgba(135,121,111,0.2);}
.n_login_wrap .login_box .top .box02 .sbox02 {margin-top: 30px; padding-top: 30px; border-top:2px solid #f3f3f3;}
.login_link_list2 {display:flex; justify-content:center;}
.login_link_list2 li{flex:1;position:relative;}
.login_link_list2 li a {position:relative;width:auto; display:flex; flex-direction:column; align-items:center;}
.login_link_list2 li a::before {content:''; display:block; width:50px; height:50px; background-color:#f0f0f0; background-repeat: no-repeat; background-position:center; border-radius:50%; margin-bottom: 8px;}
.login_link_list2 li:nth-child(1) a::before {background-image:url(images/portal/login/dlink02_ico02.png);}
.login_link_list2 li:nth-child(2) a::before {background-image:url(images/portal/login/dlink02_ico04.png);}
.login_link_list2 li:nth-child(3) a::before {background-image:url(images/portal/login/dlink02_ico05.png);}
/* .login_link_list2 li:nth-child(4) a::before {background-image:url(images/portal/login/dlink02_ico05.png);} */
/* .login_link_list2 li:nth-child(5) a::before {background-image:url(images/portal/login/dlink02_ico05.png);} */
.login_link_list2 li a span {color:#808080;}

.login_link_list2 li .login_link_tooltip{display:none;position:absolute;bottom:-140px;left:50%;transform:translateX(-50%);z-index:1;width:240px;}
.login_link_list2 li:hover .login_link_tooltip{display:block;}
.login_link_list2 li .login_link_tooltip .link_btn_list{position:relative;z-index:1;background:#fff;box-shadow:0 1px 16px rgba(176,176,176,0.2);;border:1px solid #e5e5e5;border-radius:20px;padding:10px;}
.login_link_list2 li .login_link_tooltip .link_btn_list li:first-child{padding:0 10px;padding-top:14px;}
.login_link_list2 li .login_link_tooltip .link_btn_list:before{content:'';display:block;position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(180deg);z-index:-1;width:18px;height:14px;background:url(images/portal/login/tooltip_triangle.png) no-repeat;}
.login_link_list2 li .login_link_tooltip .link_btn_list a::before{background-color:transparent;}
.login_link_list2 li .login_link_tooltip .link_btn_list a{display:flex;flex-direction:unset;flex-wrap:wrap;padding-left:60px;}
.login_link_list2 li .login_link_tooltip .link_btn_list a span{font-weight:400;font-size:16px;color:#999;}
.login_link_list2 li .login_link_tooltip .link_btn_list a span em{font-weight:500;color:#666;}
.login_link_list2 li .login_link_tooltip .link_btn_list a span:first-child{display:block;font-weight:500;color:#212121;}
.login_link_list2 li .login_link_tooltip .link_btn_list a span:last-child{margin-top:8px;}
.login_link_list2 li.helper_btn .login_link_tooltip{width:200px;background:#f0f0f0;top:-40px;bottom:auto;border-radius:20px;padding:10px;text-align:center;}
.login_link_list2 li .login_link_tooltip .link_btn_list li.homepage_link{margin-top:14px;padding:14px 10px;border-top:1px solid #e5e5e5;}
.login_link_list2 li .login_link_tooltip .link_btn_list li > a::before{position:absolute;left:0;margin:0;width:46px;height:46px;background-size:46px auto;}
.login_link_list2 li .login_link_tooltip .link_btn_list li.homepage_link > a::before{background-image:url(images/portal/login/login_homepage_ic.png);}
.login_link_list2 li .login_link_tooltip .link_btn_list li.homepage_link > a span.home_arrow{background:url(images/portal/login/arrow_right.png) no-repeat 100% 48%;background-size:7px auto;padding-right:14px;color:#666;}
.login_link_list2 li .login_link_tooltip .link_btn_list li.call_link > a:hover{opacity:1;}
.login_link_list2 li .login_link_tooltip .link_btn_list li.call_link > a::before{background-image:url(images/portal/login/call_inquiry_ic.png);}
.img_pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, .3);text-align: center;overflow-y: auto;white-space: nowrap;z-index:1;}
.img_pop .img_cont{position:absolute;top:270px;left:50%;transform:translateX(-50%);z-index:1;background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:30px;}
.img_pop .img_cont a{display:inline-block;position:absolute;top:10px;right:10px;z-index:10;width:20px;height:20px;background:url(images/portal/login/pop_close.png) no-repeat;cursor:pointer;}
.img_pop .img_cont img{height:700px;}
.n_login_wrap .login_box .bottom {margin-top: 50px; padding:22px 30px; background:#fafafa; border-radius:10px;}
.n_login_wrap .login_box .bottom p {font-size: 18px;color:#f76b1e;font-weight: 500;}
.n_login_wrap .login_box .bottom ul {margin-top: 12px;}
.n_login_wrap .login_box .bottom ul li {color:#999; line-height:20px; font-weight: 300; padding-left:8px; position:relative;}
.n_login_wrap .login_box .bottom ul li::after {content:''; display:block; width:2px; height:2px; background:#ccc; position:absolute; top:8px; left:0;}
.n_login_wrap .login_box .bottom ul li + li {margin-top: 8px;}
.popBtns {display:flex; flex-wrap:wrap; padding:10px;}
.popBtns button {border:1px solid #000; border-radius:4px; padding:6px; margin-right:6px; margin-bottom:6px;}
.login_pop {display:none;}
/* 濡쒓렇�씤 �뙘�뾽 */
.pop_top_info {display:flex; flex-wrap:wrap;align-items:center; justify-content:center; padding:18px; font-weight: 500; border-radius:10px; box-shadow:0 1px 16px rgba(141,141,141,0.2); margin-bottom:40px;}
.pop_top_info > p{width:100%;text-align:center;}
.pop_top_info > a{margin-top:15px;font-size: 14px; color:#fff; background:#f59140; padding:5px 8px; border-radius:12px;}
.pop_sel_list {display:flex;}
.pop_sel_list li {flex:1;}
.pop_sel_list li + li {margin-left:12px;}
.pop_sel_list li a {display:flex; width:100%; align-items:center; justify-content: center; height:120px; border:1px solid #e5e5e5; border-radius:10px;}
.pop_sel_list li a span {display:flex; align-items:center; font-size: 18px; font-weight: 600;}
.pop_sel_list li a span::before {content:''; display:block; width:80px; height:80px; background-color:#fbfbfb; border-radius:50%; background-repeat:no-repeat; background-position:center; margin-right: 14px; flex-shrink: 0;}
.pop_sel_list li a:hover {opacity:1; background:#fbfbfb; border:2px solid #f76b1e;}
/* 2李⑥씤利앹슂泥� �뙘�뾽 */
.login_pop01 .pop_sel_list li:nth-child(1) a span::before {background-image:url(images/portal/login/pop01_ico01.png);}
.login_pop01 .pop_sel_list li:nth-child(2) a span::before {background-image:url(images/portal/login/pop01_ico02.png);}
/* �븰踰� 李얘린 �뙘�뾽 */
.input_form .form_row {display:flex; align-items:flex-start;}
.input_form .form_row + .form_row {margin-top:20px;}
.input_form .form_row .form_col {width:calc((100% - 24px) / 2); display:flex; align-items:flex-start;}
.input_form .form_row .form_col + .form_col {margin-left:24px;}
.input_form .form_label {width:94px; font-size: 14px; padding-top: 9px; flex-shrink:0;}
.input_form .form_cont {width:calc(100% - 94px); min-height:32px; display:flex; align-items:center;}
.input_form .form_cont > * {width:100%;}
.input_form .form_cont input[type="text"],
.input_form .form_cont input[type="password"] {height:32px; font-size: 14px; font-weight: 300; padding:0 10px; border:1px solid #e5e5e5; border-radius:4px;}
.input_form .form_cont input[type="text"]::placeholder,
.input_form .form_cont input[type="password"]::placeholder {color:#999;}
.input_form .form_cont input[type="text"].hasDatepicker {width:100%;}
.input_form .form_cont .input_list {display:flex; flex-wrap:wrap;}
.input_form .form_cont .input_list li {margin-right:20px;}
.input_form .form_cont .input_list li label.radio {display:flex; align-items:center; position:relative;}
.input_form .form_cont .input_list li label.radio .ico {width:14px; height:14px; background:url(images/portal/login/radio.png) no-repeat center;}
.input_form .form_cont .input_list li label.radio .txt {margin-left:8px; font-size: 14px; color:#4d4d4d;}
.input_form .form_cont .input_list li label.radio input:checked + .ico {background-image:url(images/portal/login/radio_on.png);}
.input_form .form_btn {margin-top: 20px; text-align:center;}
.input_form .form_btn a {width:140px; color:#fff; font-weight: 700; line-height:36px; text-align:center; background:#87796f; border-radius:20px;}
.login_pop .result_wrap {margin-top: 30px; display:none;}
.login_pop .result_wrap .nodata {height:200px; display:flex; align-items:center; justify-content:center; color:#999; font-weight: 300; background:#f7f7f7;}
/* �씤利앹꽌 諛쒓툒 �뙘�뾽 */
.input_form.type2 {width:400px; margin:0 auto;}
.pop_top_info span {margin-left: 2px;font-size: 14px; color:#999;}
.login_pop03 .input_form .form_label {width:65px;}
.login_pop03 .input_form .form_cont {width:calc(100% - 65px);}
/* �씤利앹꽌 ���옣留ㅼ껜 �꽑�깮 �뙘�뾽 */
.login_pop04 ul {display:flex;}
.login_pop04 ul li {flex:1;}
.login_pop04 ul li + li {margin-left: 12px;}
.login_pop04 ul li div {display:flex; align-items:center; justify-content:center; height:120px; background:#fafafa; border:1px solid #e5e5e5; border-radius:5px;}
.login_pop04 ul li div span {font-size: 14px; color:#666; padding-top:46px;}
.login_pop04 ul li:nth-child(1) div span {background:url(images/portal/login/pop04_ico01.png) no-repeat center 1px;}
.login_pop04 ul li:nth-child(2) div span {background:url(images/portal/login/pop04_ico02.png) no-repeat center 4px;}
.login_pop04 ul li:nth-child(3) div span {background:url(images/portal/login/pop04_ico03.png) no-repeat center top;}
.login_pop04 ul li:nth-child(4) div span {background:url(images/portal/login/pop04_ico04.png) no-repeat center 2px;}
.login_pop04 ul li:nth-child(5) div span {background:url(images/portal/login/pop04_ico05.png) no-repeat center 3px;}
.login_pop04 ul li input:checked + div {background:#fff; border:2px solid #f76b1e;}
/* �씤利앹꽌 鍮꾨�踰덊샇 �엯�젰 �뙘�뾽 */
.login_pop05 .input_form .form_label {width:106px;}
.login_pop05 .input_form .form_cont {width:calc(100% - 106px);}
/* �넻�빀 ID �떊泥� step1 �뙘�뾽 */
.step_area {padding-bottom:30px; border-bottom:4px solid #f0f0f0;}
.step_area .txt_wrap {margin-bottom:20px;}
.step_area .txt_wrap .text01 {font-size: 14px; font-weight: 300; line-height:18px;}
.step_area .txt_wrap .text02 {font-size: 14px; color:#87796f; font-weight:300; line-height:18px; margin-top:8px; margin-left:8px;}
.step_wrap {display:flex;}
.step_wrap ul {display:flex; background:linear-gradient(to bottom, transparent 0 50%, #e5e5e5 50% calc(50% + 1px), transparent calc(50% + 1px) 100%);}
.step_wrap ul li {padding:0 10px; background:#fff; display:flex; align-items:center;}
.step_wrap ul li:first-child {padding-left:0;}
.step_wrap ul li:last-child {padding-right:0;}
.step_wrap ul li + li {margin-left: 12px;}
.step_wrap ul li::before {content:''; display:block; width:34px; height:34px; background-repeat:no-repeat; background-position:center; border:1px solid #e5e5e5; border-radius:50%; margin-right:8px;}
.step_wrap ul li.bg01::before {background-image:url(images/portal/login/step_ico01.png);}
.step_wrap ul li.bg02::before {background-image:url(images/portal/login/step_ico02.png);}
.step_wrap ul li.bg03::before {background-image:url(images/portal/login/step_ico03.png);}
.step_wrap ul li.bg04::before {background-image:url(images/portal/login/step_ico04.png);}
.step_wrap ul li.bg05::before {background-image:url(images/portal/login/step_ico05.png);}
.step_wrap ul li.bg06::before {background-image:url(images/portal/login/step_ico06.png);}
.step_wrap ul li .text01 {font-size: 14px; color:#999; font-weight:300;}
.step_wrap ul li .text02 {margin-top: 6px; font-size:14px; color:#999; font-weight: 300;}
.step_wrap ul li.on .text01 {color:#f59140; font-weight: 400;}
.step_wrap ul li.on .text02 {color:#222; font-weight: 700;}
.step_wrap ul li.comp .text01 {color:#b2b2b2;}
.step_wrap ul li.comp .text02 {color:#b2b2b2;}
.step_wrap ul li.on::before {background-color:#6b6058; border:0 none;}
.step_wrap ul li.comp::before {background-color:#b2b2b2; border:0 none;}
.step_wrap ul li.bg01.on::before,
.step_wrap ul li.bg01.comp::before {background-image:url(images/portal/login/step_ico01_on.png);}
.step_wrap ul li.bg02.on::before,
.step_wrap ul li.bg02.comp::before {background-image:url(images/portal/login/step_ico02_on.png);}
.step_wrap ul li.bg03.on::before,
.step_wrap ul li.bg03.comp::before {background-image:url(images/portal/login/step_ico03_on.png);}
.step_wrap ul li.bg04.on::before,
.step_wrap ul li.bg04.comp::before {background-image:url(images/portal/login/step_ico04_on.png);}
.step_wrap ul li.bg05.on::before,
.step_wrap ul li.bg05.comp::before {background-image:url(images/portal/login/step_ico05_on.png);}
.step_wrap ul li.bg06.on::before,
.step_wrap ul li.bg06.comp::before {background-image:url(images/portal/login/step_ico06_on.png);}
.agree_area > ul > li {padding-top:30px;}
.agree_area .agree_tit {display:flex; align-items:center; font-weight: 700;}
.agree_area .agree_tit::before {content:''; display:block; width:4px; height:4px; background:#f59140; margin-right: 8px;}
.agree_area .agree_wrap {margin-top: 28px; background:#f7f7f7; padding:20px;}
.agree_area .agree_wrap div {max-height:130px; overflow-y:auto;}
.agree_area .agree_wrap ul li + li {margin-top:20px;}
.agree_area .agree_wrap .text01 {font-size: 14px; line-height:20px;}
.agree_area .agree_wrap .text02 {font-size: 14px; color:#999; font-weight: 300; line-height:20px;}
.agree_area .agree_chk_wrap {margin-top: 10px;}
.agree_area .agree_chk_wrap label.check div {display:flex; align-items:center; justify-content:flex-end; padding:9px 22px; background:#fefcfb; border:1px solid #ffcbcb;}
.agree_area .agree_chk_wrap label.check .txt {color:#fe330a; font-weight: 500; margin-right:10px;}
.agree_area .agree_chk_wrap label.check .ico {width:20px; height:20px; background:url(images/portal/login/checkbox2.png) no-repeat center;}
.agree_area .agree_chk_wrap label.check input:checked + div {background:#fafcff; border-color:#2761c8;}
.agree_area .agree_chk_wrap label.check input:checked + div .txt {color:#2761c8;}
.agree_area .agree_chk_wrap label.check input:checked + div .ico {background-image:url(images/portal/login/checkbox2_on.png);}
/* �넻�빀 ID �떊泥� step2 �뙘�뾽 */
.pop_top_info2 {margin-top: 30px; padding:18px 20px; background:#fcf8f5; border:1px solid #ffbcae; border-radius:10px;}
.pop_top_info2 > ul > li + li {margin-top:22px;}
.pop_top_info2 > ul > li .li_tit {font-weight: 500;}
.pop_top_info2 > ul > li .li_tit + ul {margin-top: 12px;}
.pop_top_info2 > ul > li > ul > li {font-size: 14px; color:#808080; font-weight: 300; line-height:18px; padding-left: 8px; position:relative;}
.pop_top_info2 > ul > li > ul > li::after {content:''; display:block; width:2px; height:2px; background:#808080; position:absolute; top:8px; left:0;}
.pop_top_info2 > ul > li > ul > li + li {margin-top: 6px;}
.pop_top_info2 + .input_form {margin-top: 40px;}
.input_form .form_cont select {width:100%; height:32px; font-size: 14px; font-weight: 300; padding:0 28px 0 10px; background:url(images/portal/arrow_down.png) no-repeat right 10px center; border:1px solid #e5e5e5; border-radius:4px;}
.input_form .form_cont .sub_txt {margin-top: 10px;font-size: 13px;color:#87796f;font-weight: 300;}
.form_cont .input_btn_wrap {display:flex;}
.form_cont .input_btn_wrap .input_btn {width:80px; display:flex; align-items:center; justify-content:center; font-size: 14px; color:#5c4d42; background:#f2efed; border:1px solid #a79a90; border-radius:4px;}
.form_cont .input_btn_wrap input {width:calc(100% - 84px);}
.form_cont .input_btn_wrap input + .input_btn {margin-left: 4px;}
/* �넻�빀 ID �떊泥� step3 �뙘�뾽 */
.pop_top_info2 > ul > li > ul > li.warn {color:#fe330a;}
.pop_top_info2 > ul > li > ul > li.warn::after {background:#fe330a;}
/* ID 李얘린 step3 �뙘�뾽 */
.pop_msg_wrap {padding:60px 0 30px;}
.pop_msg_wrap .text01 {display:flex; flex-direction:column; align-items:center;}
.pop_msg_wrap .text01::before {content:''; display:block; width:140px; height:140px; background-color:#fcf8f7; background-repeat:no-repeat; background-position:center; border-radius:50%; margin-bottom: 30px;}
.pop_msg_wrap .text01 p {font-size: 22px; color:#070001; text-align:center; line-height:30px;}
.pop_msg_wrap .text01 p span {font-weight: 700;}
.login_pop13 .pop_msg_wrap .text01::before {background-image:url(images/portal/login/pop13_ico01.png);}
/* 鍮꾨�踰덊샇 李얘린 step1 �뙘�뾽 */
.pop_top_info2 + .pop_sel_list {margin-top: 28px;}
.login_pop14 .pop_sel_list li:nth-child(1) a span::before {background-image:url(images/portal/login/pop14_ico01.png);}
.login_pop14 .pop_sel_list li:nth-child(2) a span::before {background-image:url(images/portal/login/pop14_ico02.png);}
/* 鍮꾨�踰덊샇 李얘린 step3 �뙘�뾽 */
.login_pop17 .pop_msg_wrap .text01::before {background-image:url(images/portal/login/pop17_ico01.png);}
.pop_msg_wrap .text02 {margin-top: 16px;color:#808080; text-align:center;}
/* 鍮꾨�踰덊샇 珥덇린�솕 �븣由� �뙘�뾽 */
.login_pop18 .pop_msg_wrap {padding:0;}
.login_pop18 .pop_msg_wrap .text01::before {background-image:url(images/portal/login/pop18_ico01.png); background-position:calc(50% + 5px) center;}
/* 鍮꾨�踰덊샇 蹂�寃� �뙘�뾽 */
.pop_text_wrap {padding:40px 0 50px; text-align:center;}
.pop_text_wrap .text01 {font-size: 24px; color:#070001;}
.pop_text_wrap .text02 {margin-top: 16px;font-size: 18px; color:#666; font-weight: 300; line-height:24px;}
.ui-dialog .ui-dialog-content.login_pop19 {padding-bottom:80px;}
.login_pop19 .input_form.type2 {width:460px;}
/* 鍮꾨�踰덊샇 李얘린 step1 - �쑕���룿 �씤利� �겢由��떆 �뙘�뾽 */
.step_area + .input_form {margin-top:40px;}


.ui-sortable-placeholder{visibility:visible !important;border:2px dashed #aaa;background:#f0f0f0;}
.ui-sortable-handle{cursor:grab;}
.portlet_pop_text{font-weight:400;font-size:15px;color:#333;margin-bottom:20px;}
.portlet_setting_box{display:flex;flex-wrap:wrap;padding:20px;background:#f0f0f0;}
.portlet_setting_box li{flex:0 0 calc(33%);}
.portlet_setting_box li:nth-child(n + 4){margin-top:20px;}
/* �룷��由� 怨듯넻 */
.n_main_wrap .box_layout {border-radius:20px;box-shadow:0 2px 20px rgba(151,151,151,0.16);}
.n_main_wrap .box_default {background:#fff; padding:30px;}
.n_main_wrap .bdrs10 {border-radius:10px;}
.n_portlet .grid_col2 {display:flex;}
.n_portlet .grid_col2 > *:not(script) {width:calc((100% - 20px) / 2);}
.n_portlet .grid_col2 > *:not(script) + *:not(script) {margin-left:20px;}
.n_portlet .grid_row2 > *:not(script) {height:calc((100% - 12px) / 2);}
.n_portlet .grid_row2 > *:not(script) + *:not(script) {margin-top:12px;}
.n_portlet .top_emp {display:flex; align-items:center; justify-content:space-between; padding:30px; background:linear-gradient(to right, #f76b1e 0, #f59140 100%);}
.n_portlet .top_emp .emp_nm {font-size: 20px;color:#fff;font-weight:700;}
.portlet_tab {display:flex; border-bottom:1px solid #e5e5e5;}
.portlet_tab li {flex:1; position:relative;}
.portlet_tab li::after {content:''; display:block; width:0; height:3px; background:#f76b1e; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); transition:width 0.2s;}
.portlet_tab li.on::after {width:100%;}
.portlet_tab li a {height:40px; color:#808080; font-weight:500;font-size:18px; display:flex; align-items:center; justify-content:center;}
.portlet_tab li.on a {color:#f76b1e; font-weight:700;}
.n_portlet .portlet_header + .portlet_cont .portlet_tab + .tab_cont_wrap {margin-top:26px; height:calc(100% - 66px);}
.tab_cont.is-active {display:block;}
.n_portlet .portlet_header {position:relative;}
.n_portlet .portlet_header .portlet_more {width:24px; height:24px; text-indent:-9999em; background:url(images/portal/btn_more.png) no-repeat center; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.n_portlet .portlet_header .portlet_util_wrap {display:flex; align-items:center; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.n_portlet .portlet_header .portlet_util_wrap > * + * {margin-left:20px;}
.n_portlet .portlet_header .portlet_util_wrap .portlet_more {position:static; transform:none;}
.n_portlet .portlet_header + .portlet_cont {margin-top: 20px; height:calc(100% - 40px);}
.n_portlet .portlet_nm {font-size: 20px;font-weight: 600;}
.n_portlet .portlet_btn {width:36px; height:36px; background-color:#fff; border-radius:50%; background-repeat:no-repeat; background-position: center; box-shadow:0 1px 14px rgba(144,144,144,0.2); text-indent:-9999em;}
.n_portlet .portlet_btn.prev {background-image:url(images/portal/btn_prev.png);}
.n_portlet .portlet_btn.next {background-image:url(images/portal/btn_next.png);}
.n_portlet .portlet_btn.reset {background-image:url(images/portal/btn_reset.png);}
.n_portlet .portlet_header .portlet_util_wrap .portlet_btn + .portlet_btn {margin-left:12px;}
.NO_RESULT {width:auto; height:auto; line-height:1; padding:20px 0;}
.NO_RESULT p {color:#b0b0b0; padding-top:110px; padding-left:0; background:0 none; text-align:center; position:relative;}
.NO_RESULT p::before {content:''; display:block; width:94px; height:94px; background:#f0f0f0 url(images/portal/no_result.png) no-repeat center; border-radius:50%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.portlet_table_wrap table th,
.portlet_table_wrap table td {color:#333; font-weight:400; text-align:center; padding:0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.portlet_table_wrap table td.NO_RESULT {padding:20px 0;}
.portlet_table_wrap table thead th {height:40px; border-top:1px solid #666; position:relative;}
.portlet_table_wrap table thead th + th::after {content:''; display:block; width:1px; height:10px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.portlet_table_wrap table tbody td {height:50px; border-top:1px solid #e5e5e5;}
.portlet_table_wrap table .tbl_label {font-size: 14px;color:#fff;padding:4px 8px; border-radius:12px;}
.portlet_table_wrap table .tbl_label.col01{background:#ffede0;color:#f86e12;}
.portlet_table_wrap table .tbl_label.col02{background:#f5ebff;color:#8b4fae;}
.portlet_table_wrap table .tbl_label.col03{background:#ffe5ed;color:#f92f77;}
.portlet_table_wrap table .tbl_label.col04{background:#e5f2ff;color:#2355d8;}
.portlet_table_wrap table .tbl_label.col05{background:#e1f7ea;color:#0d9b47;}
.portlet_table_wrap table .tbl_label.col06{background:#e5e2df;color:#6b6058;}
.portlet_table_wrap table .tbl_link {text-decoration: underline;}
.n_portlet .box_default.box_scroll {padding:30px 13px 30px 30px;}
.n_portlet .box_default.box_scroll .portlet_header {margin-right:17px;}
.n_portlet .box_default.box_scroll .portlet_tab {margin-right:17px;}
.n_portlet .p_scroll {height:100%; padding-right:13px; overflow-y:scroll;}
/* 諛붾줈媛�湲� */
.quick_menu {width:100px; position:absolute; top:10px; left:calc(50% + 840px); z-index: 10;}
.quick_menu .box01 {width:100%; border-radius:10px;}
.quick_menu .box01 .sbox01 {text-align:center;padding:14px 0;background:#fff; border-radius:10px 10px 0 0;}
.quick_menu .box01 .sbox01 span {width:100%;color:#f76b1e;font-weight: 600;padding-top: 26px;background:url(images/portal/ico_time.png) no-repeat center top;}
.quick_menu .box01 .sbox02 {color:#fff;text-align:center;padding:10px 0;background:#87796f; border-radius:0 0 10px 10px;}
.quick_menu .box02 {margin-top:24px;}
.quick_menu .box02 .btn_quick{display:none;}
.quick_menu .box02 .sbox01 {padding:20px 0; background:#fff;}
.quick_menu .box02 .sbox01 ul li a {width:100%; padding:16px 0; display:flex; flex-direction:column; align-items:center;}
.quick_menu .box02 .sbox01 ul li a span {padding-top: 44px; font-size:14px; background-repeat:no-repeat; background-position:center top;}
.quick_menu .box02 .sbox01 ul li a span.plag_check{background-size:36px auto;}
/* .quick_menu .box02 .sbox01 ul li.link01 a span {background-image:url(images/portal/quick_menu_ico01.png);}
.quick_menu .box02 .sbox01 ul li.link02 a span {background-image:url(images/portal/quick_menu_ico02.png);} */
.quick_menu .box02 .btn_top {margin-top: 12px; height:100px; display:flex; align-items:center; justify-content:center; background:#5d5d5d;}
.quick_menu .box02 .btn_top span {font-size: 18px;color:#fff;padding-top:32px;background:url(images/portal/btn_top_arrow.png) no-repeat center top;}
.quick_menu.scroll {position:fixed; top:20px;}
/* �룷��由� - �쎒硫붿씪&媛쒖씤�젙蹂� */
.n_portlet.item01{position:relative;}
.n_portlet.item01 .p_left {display:flex; flex-direction:column; background:#87796f; padding:30px;}
.n_portlet.item01 .p_left .box01 {display:flex; align-items:center;}
.n_portlet.item01 .p_left .box01 .img_wrap {width:90px; height:90px; background:#fff no-repeat center / cover; border-radius:50%; flex-shrink:0;overflow:hidden;}
.n_portlet.item01 .p_left .box01 .img_wrap img {width:100%;height:auto;object-fit:cover;}
.n_portlet.item01 .p_left .box01 .text_wrap {margin-left:20px; flex:1;}
.n_portlet.item01 .p_left .box01 .text_wrap .text01 {font-size: 24px;color:#fff;font-weight:600;}
.n_portlet.item01 .p_left .box01 .text_wrap .text01 span {color:#f0f0f0;font-weight:400;}
.n_portlet.item01 .p_left .box01 .text_wrap .text02 {margin-top: 10px; display:flex;flex-wrap:wrap; align-items:center; font-size: 18px;color:#f0f0f0;}
.n_portlet.item01 .p_left .box01 .text_wrap .text02 .v_line {width:1px; height:10px; background:#b7afa9; margin:0 8px;}
.n_portlet.item01 .p_left .text03 {margin-top: 12px;display:flex; align-items:center;}
.n_portlet.item01 .p_left .text03 span {font-size: 14px; color: #fff; font-weight: 600; padding:5px 12px; background:#f59140; border-radius:12px; flex-shrink:0;}
.n_portlet.item01 .p_left .text03 select {flex:1;font-size: 18px;color:#fff;font-weight:600;height:42px;padding-left:8px;background-color:transparent;background:url(images/portal/portlet01_arrow.png) no-repeat right center; border:0 none; border-radius:0; border-bottom:1px solid #cfc9c5;}
.n_portlet.item01 .p_left .text03 select option {color:#333;}
.n_portlet.item01 .p_left .box02 {margin-top: 24px; background:#6b6058;}
.n_portlet.item01 .p_left .box02 ul {display:flex; justify-content: center;}
.n_portlet.item01 .p_left .box02 ul li {flex:1;position:relative;}
.n_portlet.item01 .p_left .box02 ul li + li::after {content:''; display:block; width:1px; height:40px; background:#87796f; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.n_portlet.item01 .p_left .box02 ul li a {height:90px; display:flex; align-items:center; justify-content:center;}
.n_portlet.item01 .p_left .box02 ul li a:hover {background:#554d47; opacity:1;}
.n_portlet.item01 .p_left .box02 ul li a span {font-size: 18px;color:#fff;font-weight: 600; padding-top: 35px;}
.n_portlet.item01 .p_left .box02 ul li:nth-child(1) a span {background:url(images/portal/portlet01_ico01.png) no-repeat center top;}
.n_portlet.item01 .p_left .box02 ul li:nth-child(2) a span {background:url(images/portal/portlet01_ico02.png) no-repeat center top;}
.n_portlet.item01 .p_left .box03 {margin-top: auto;}
.n_portlet.item01.widget_0101 .p_left .box03{margin-top:20px;}
.n_portlet.item01 .p_left .box03 ul li + li {margin-top:10px;}
.n_portlet.item01 .p_left .box03 dl {display:flex; align-items:center; justify-content:space-between;}
.n_portlet.item01 .p_left .box03 dt {color:#fff; font-weight: 600;}
.n_portlet.item01 .p_left .box03 dd {color:#f0f0f0;}
.n_portlet.item01 .p_right > div a {height:100%; display:flex; flex-direction:column; padding:30px 30px 36px; position:relative;}
.n_portlet.item01 .p_right > div a::before {content:''; display:block; width:96px; height:96px; background-color:#fff; background-repeat:no-repeat; background-position:center; border:1px solid #e5e5e5; border-radius:50%; position:absolute; bottom:30px; right:30px;}
.n_portlet.item01 .p_right .box01 a {background:#fff;}
.n_portlet.item01 .p_right .box02 a {background:#fcf8f7;}
.n_portlet.item01 .p_right .box01 a::before {background-image:url(images/portal/portlet01_ico03.png);}
.n_portlet.item01 .p_right .box02 a::before {background-image:url(images/portal/portlet01_ico04.png);}
.n_portlet.item01 .p_right .box02 a::after {content:'N'; display:flex; align-items:center; justify-content:center; width:22px; height:22px; font-size: 14px;color:#fff;font-weight:800; background:#f76b1e; border-radius:50%; position:absolute; bottom:100px; right:34px;}
.n_portlet.item01 .p_right .text01 {font-size: 20px; font-weight: 600;}
.n_portlet.item01 .p_right .text02 {align-self:flex-start;margin-top:auto; font-size: 18px;}
.n_portlet.item01 .p_right .text02 span {font-size: 40px;font-weight: 700;margin-right:2px;}
.n_portlet.item01 .p_right .box01 .text02 span {color:#87796f;}
.n_portlet.item01 .p_right .box02 .text02 span {color:#f76b1e;}


.n_portlet.item01 .p_right > div div.box_layout {height:100%; display:flex; flex-direction:column; padding:30px 30px 36px; position:relative;}
.n_portlet.item01 .p_right > div div.box_layout::before {content:''; display:block; width:96px; height:96px; background-color:#fff; background-repeat:no-repeat; background-position:center; border:1px solid #e5e5e5; border-radius:50%; position:absolute; bottom:30px; right:30px;}
.n_portlet.item01 .p_right .box02 .box_layout {background:#fcf8f7;}
.n_portlet.item01 .p_right .box02 .box_layout::before {background-image:url(images/portal/portlet01_ico04.png);}
.n_portlet.item01 .p_right .box02 .box_layout::after {content:'N'; display:flex; align-items:center; justify-content:center; width:22px; height:22px; font-size: 14px;color:#fff;font-weight:800; background:#f76b1e; border-radius:50%; position:absolute; bottom:100px; right:34px;}

.n_portlet.item01 .p_right .text02 span.text02_label{font-size: 16px;font-weight: 400;color:#222;margin-right:10px;}
.n_portlet.item01 .p_right .text02 span.doc_approval{color:#87796f;}

.n_portlet.item01 .box02 a div .text02 {font-size: 14px; color:#fff; background:#f59140; padding:5px 8px; border-radius:12px;}

.n_main_wrap .auth_check_wrap{position:absolute;top:-24px;left:56px;max-width:335px;}
.n_main_wrap .auth_check_wrap div{position:relative;z-index:2;width:100%;border:1px solid #f59140;border-radius:50px;padding:11px 18px;background-color:#fff2eb;}
.n_main_wrap .auth_check_wrap div:before{content: '';display: block;border-color: #f59140 transparent;border-style: solid;border-width: 8px 6px 0 6px;left: 35px;position: absolute;bottom: -8px;width: 0;z-index: 0;}
.n_main_wrap .auth_check_wrap div:after{content: '';display: block;border-color: #fff2eb transparent;border-style: solid;border-width: 8px 6px 0 6px;left: 35px;position: absolute;bottom: -6px;width: 0;z-index: 1;}
.n_main_wrap .auth_check_wrap div span{padding-left:32px;background:url(images/portal/auth_check_ic.png) no-repeat 0 50%;font-weight:300;font-size:13px;color:#f76b1e;letter-spacing:-1.2px;line-height:1.2em;}

/* �룷��由� - �븰援먰솃�럹�씠吏�怨듭� */
.n_portlet .top_emp .n_tab {display:flex;}
.n_portlet .top_emp .n_tab li a {color:#fbd7c1;font-weight: 600; position:relative;}
.n_portlet .top_emp .n_tab li + li {margin-left: 30px;}
.n_portlet .top_emp .n_tab li.on a,
.n_portlet .top_emp .n_tab li a:hover {color:#fff;}
.n_portlet .top_emp .n_tab li.on a::after,
.n_portlet .top_emp .n_tab li a:hover::after {content:''; display:block; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; top:-10px; left:50%; transform:translateX(-50%);}
.n_portlet .top_emp + .portlet_cont {margin-top: 12px; height:calc(100% - 92px);}
.n_portlet.item02 .portlet_cont {background:#fff;}
.n_portlet.item02 .tab_cont {display:none; height:100%; padding:20px 13px 20px 0;}
.n_portlet.item02 .tab_cont.is-active {display:block;}
.n_portlet.item02 .tab_cont ul {display:flex; flex-wrap:wrap;}
.n_portlet.item02 .tab_cont ul li {width:calc(100% / 3); height:124px; position:relative;}
.n_portlet.item02 .tab_cont ul li::before {content:''; display:block; width:1px; height:calc(100% - 40px); background:#e5e5e5; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.n_portlet.item02 .tab_cont ul li:nth-child(n+4)::after {content:''; display:block; width:calc(100% - 60px); height:1px; background:#e5e5e5; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.n_portlet.item02 .tab_cont ul li:nth-child(3n-2)::before {display:none;}
.n_portlet.item02 .tab_cont ul li a {height:100%; padding:16px 30px 20px; display:flex; flex-direction:column;}
.n_portlet.item02 .tab_cont ul li a .text01 {font-size: 18px; line-height:26px; max-height:52px; -webkit-box-orient: vertical; display:-webkit-box; -webkit-line-clamp: 2; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break:keep-all;}
.n_portlet.item02 .tab_cont ul li a .text02 {margin-top: auto; color:#999; font-weight:300;}
.n_portlet.item02 .tab_cont ul li:nth-child(3n) a {padding-right:0;}
/* �룷��由� - �븰�궗�씪�젙 */
.n_portlet.item03 .portlet_cont {display:flex; justify-content:space-between;}
.portlet_cal_wrap {width:calc(100% - 420px);}
.portlet_cal_wrap .calendar_top {display:flex; align-items:center; justify-content:space-between; padding:0 30px;}
.portlet_cal_wrap .calendar_top .cal_mm {font-size: 20px; font-weight: 600;}
.portlet_cal_wrap .cal_tab_wrap {margin-top: 20px;padding:0 18px;}
.portlet_cal_wrap .cal_tab_wrap table tr th {font-size: 18px; color:#666; font-weight: 500; text-align:center; padding:6px 0;}
.portlet_cal_wrap .cal_tab_wrap table tr td {font-size: 18px; color:#999; text-align:center; padding:5px 0;}
.portlet_cal_wrap .cal_tab_wrap table tr th:first-child,
.portlet_cal_wrap .cal_tab_wrap table tr td:first-child {color:#f87066;}
.portlet_cal_wrap .cal_tab_wrap table tr th:last-child,
.portlet_cal_wrap .cal_tab_wrap table tr td:last-child {color:#4f89e9;}
.portlet_cal_wrap .cal_tab_wrap table tr td a {width:28px; height:28px;}
.portlet_cal_wrap .cal_tab_wrap table tr td a .date_txt {width:100%; height:100%; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.portlet_cal_wrap .cal_tab_wrap table tr td a .date_txt.today {background:#fe330a; color:#fff; font-weight: 600;}
.portlet_cal_wrap .cal_tab_wrap table tr td a .date_txt.sel {background:#f59140; color:#fff; font-weight:400;}
.n_portlet.item03 .schedule_wrap {padding:12px 13px 12px 30px; width:390px; height:100%; background:#fafafa;}
.n_portlet.item03 .schedule_list li {padding:20px 0;}
.n_portlet.item03 .schedule_list li + li {border-top:1px dashed #d7d0cb;}
.n_portlet.item03 .schedule_list li .text01 {color:#87796f; font-weight: 300; padding-left: 20px; background:url(images/portal/portlet03_ico01.png) no-repeat left center;}
.n_portlet.item03 .schedule_list li .text02 {margin-top: 12px; font-size: 18px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* �룷��由� - Dream PATH 留덉씪由ъ� */
.n_portlet.item04 .box01 {display:flex; flex-direction:column;}
.n_portlet.item04 .box01 .text01 {display:flex;align-items:center;}
.n_portlet.item04 .box01 .text01::before {content:''; display:block; width:42px; height:42px; background:#f7f3f2 url(images/portal/portlet04_ico01.png) no-repeat center; border-radius:50%; margin-right:14px;}
.n_portlet.item04 .box01 .text01 span {font-size: 20px;color:#6b6058;font-weight: 600;padding-right:28px; background:url(images/portal/portlet04_arrow_right.png) no-repeat right center;}
.n_portlet.item04 .box01 .text02 {margin-top:auto;line-height:22px;}
.n_portlet.item04 .box02 div a {width:100%; height:100%; padding-top:20px; padding-left:30px; position:relative;}
.n_portlet.item04 .box02 div a .tit {font-size: 20px;color:#fff;font-weight:600;}
.n_portlet.item04 .box02 div a .value {font-size: 18px;color:#f0f0f0; position:absolute; bottom:20px; right:30px;}
.n_portlet.item04 .box02 div a .value span {font-size: 40px;color:#fff;font-weight: 700;margin-right:2px;}
.n_portlet.item04 .box02 .sbox01 a {background:#f59140;}
.n_portlet.item04 .box02 .sbox02 a {background:#87796f;}
/* �룷��由� - �삤�뒛�쓽 �떇�떒 */
.n_portlet.item05 .p_inner {position:relative;}
.n_portlet.item05 .portlet_cont > div:not(.cha_wrap) {height:184px;}
.n_portlet.item05 .box01 a {height:100%; display:flex; flex-direction:column; align-items:center; justify-content:space-between; background:#87796f; padding:16px;}
.n_portlet.item05 .box01 a .text01 {font-size: 20px;color:#fff;font-weight:600;}
.n_portlet.item05 .box01 a .text02 {font-size: 14px;color:#f0f0f0;padding-right:20px;background:url(images/portal/portlet05_arrow_right01.png) no-repeat right center;}
.n_portlet.item05 .box02 a {padding:16px; background:#fcf8f7; border:1px solid #ede9e8;}
.n_portlet.item05 .grid_col2 > * {width:calc((100% - 15px) / 2);}
.n_portlet.item05 .grid_col2 > * + * {margin-left:15px;}
.n_portlet.item05 .box02 a {display:flex; flex-direction:column; justify-content:space-between;}
.n_portlet.item05 .box02 a div {display:flex; align-items:center; justify-content: space-between;}
.n_portlet.item05 .box02 a div .text01 {font-size: 20px; color:#6b6058; font-weight: 600;}
.n_portlet.item05 .box02 a div .text02 {font-size: 14px; color:#fff; background:#f59140; padding:5px 8px; border-radius:12px;}
.n_portlet.item05 .box02 a > span {display:block;font-size: 14px;color:#808080;background:url(images/portal/portlet05_arrow_right02.png) no-repeat right center;}
.n_portlet.item05 .cha_wrap {display:flex; align-items:center; position:absolute; bottom:0; right:-6px;}
.n_portlet.item05 .cha_wrap p {width:224px; color:#fff; line-height:20px; padding:12px 28px; background:#4c4c4c; border-radius:32px; margin-right:24px; position:relative;}
.n_portlet.item05 .cha_wrap p::after {content:''; display:block; width:0; height:0; border-left:10px solid #4c4c4c; border-top:5px solid transparent; border-bottom:5px solid transparent; position:absolute; top:50%; right:-9px; transform:translateY(-50%);}

.n_portlet.item05 .box01 a.d-flex {align-items:initial;padding:16px; background:#fcf8f7; border:1px solid #ede9e8;}
.n_portlet.item05 .box01 a.d-flex div {display:flex; align-items:center; justify-content: space-between;}
.n_portlet.item05 .box01 a div .text01 {font-size: 14px; color:#6b6058; font-weight: 600;}
.n_portlet.item05 .box01 .d-flex .text01 {font-size: 20px; color:#6b6058; font-weight: 600;}
.n_portlet.item05 .box01 .d-flex .text02 {font-size: 14px; color:#fff; background:#f59140; padding:5px 8px; border-radius:12px;}
.n_portlet.item05 .box01 a.d-flex > span {display:block;font-size: 14px;color:#808080;background:url(images/portal/portlet05_arrow_right02.png) no-repeat right center;}

/* �룷��由� - Dream PATH */
.n_portlet.item06 .p_left {background:#fcf8f7; display:flex; flex-direction:column; justify-content:space-between;}
.n_portlet.item06 .box01 .text01 {font-size: 20px;color:#6b6058;font-weight: 700;}
.n_portlet.item06 .box01 .text02 {margin-top: 14px; line-height:22px;}
.n_portlet.item06 .box02 ul {display:flex;}
.n_portlet.item06 .box02 ul li {flex:1; position:relative;}
.n_portlet.item06 .box02 ul li + li {border-left:1px solid #e2dddb;}
.n_portlet.item06 .box02 ul li:first-child {padding-right:30px;}
.n_portlet.item06 .box02 ul li:last-child {padding-left:30px;}
.n_portlet.item06 .box02 ul li p {font-size: 18px;}
.n_portlet.item06 .box02 ul li a {margin-top: 20px;display:block; height:52px;}
.n_portlet.item06 .box02 ul li a span {font-size: 14px;color:#808080;font-weight: 300; padding-right:20px; background:url(images/portal/portlet05_arrow_right02.png) no-repeat right center;}
.n_portlet.item06 .box02 ul li:first-child a {background:url(images/portal/portlet06_ico01.png) no-repeat right bottom;}
.n_portlet.item06 .box02 ul li:last-child a {background:url(images/portal/portlet06_ico02.png) no-repeat right bottom;}
.n_portlet.item06 .p_right {background:#87796f; padding:35px 20px;}
.n_portlet.item06 .p_right ul {display:grid; grid-template-columns: repeat(4, 1fr); gap:34px 0;}
.n_portlet.item06 .p_right ul li a {display:flex; flex-direction:column; align-items:center;}
.n_portlet.item06 .p_right ul li a::before {content:''; display:block; width:62px; height:62px; background-color:#6b6058; background-position:center; background-repeat:no-repeat; border-radius:50%;}
.n_portlet.item06 .p_right ul li:nth-child(1) a::before {background-image:url(images/portal/portlet06_link01.png);}
.n_portlet.item06 .p_right ul li:nth-child(2) a::before {background-image:url(images/portal/portlet06_link02.png);}
.n_portlet.item06 .p_right ul li:nth-child(3) a::before {background-image:url(images/portal/portlet06_link03.png);}
.n_portlet.item06 .p_right ul li:nth-child(4) a::before {background-image:url(images/portal/portlet06_link04.png);}
.n_portlet.item06 .p_right ul li:nth-child(5) a::before {background-image:url(images/portal/portlet06_link05.png);}
.n_portlet.item06 .p_right ul li:nth-child(6) a::before {background-image:url(images/portal/portlet06_link06.png);}
.n_portlet.item06 .p_right ul li:nth-child(7) a::before {background-image:url(images/portal/portlet06_link07.png);}
.n_portlet.item06 .p_right ul li a span {color:#fff; margin-top:14px;}
/* �룷��由� - �삤�뒛�쓽 �닔�뾽 �떆媛꾪몴 */
.n_portlet.item07 .portlet_header + .portlet_cont {margin-top:12px; height:calc(100% - 32px);}
.n_portlet.item07 .tab_cont ul li {display:flex; align-items:center;}
.n_portlet.item07 .tab_cont ul li + li {margin-top: 12px;}
.n_portlet.item07 .tab_cont ul li .left {width:62px; height:62px; display:flex; align-items:center; justify-content:center; background: #4c4c4c; border-radius:50%; font-size:18px; color:#fff; font-weight: 800; flex-shrink:0;}
.n_portlet.item07 .tab_cont ul li .right {width:calc(100% - 74px); margin-left:12px; padding:18px 22px; background:#fafafa;}
.n_portlet.item07 .tab_cont ul li .right .text01 {display:flex; align-items:center;}
.n_portlet.item07 .tab_cont ul li .right .text01 span {font-size: 24px; display:flex; align-items:center;}
.n_portlet.item07 .tab_cont ul li .right .text01 span + span::before {content:''; display:block; width:26px; height:15px; background:url(images/portal/portlet07_img01.png) no-repeat center; margin:0 12px;}
.n_portlet.item07 .tab_cont ul li .right .text02 {margin-top: 12px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
/* �룷��由� - e-Class �삤�뒛�쓽 �씪�젙(�꽌�슱) */
.n_portlet.item08 .p_inner > div a {height:100%; display:flex; align-items:center;}
.n_portlet.item08 .p_inner > div a > div {display: flex; align-items:center;}
.n_portlet.item08 .p_inner > div a > div::before {content:''; display:block; width:96px; height:96px; border-radius:50%; background-repeat:no-repeat; background-position:center; margin-right: 20px; flex-shrink: 0;}
.n_portlet.item08 .p_inner > div a .text01 {font-size: 20px; font-weight:600;}
.n_portlet.item08 .p_inner > div a .text02 {margin-top: 12px;font-size: 24px; font-weight:600; padding-right:28px; background-repeat:no-repeat; background-position:right center;}
.n_portlet.item08 .p_inner .box01 {color:#6b6058;}
.n_portlet.item08 .p_inner .box02 {color:#fff;}
.n_portlet.item08 .p_inner .box01 a {background:#fcf8f7;}
.n_portlet.item08 .p_inner .box02 a {background:#87796f;}
.n_portlet.item08 .p_inner .box01 a > div::before {background-color:#fff; background-image: url(images/portal/portlet08_ico01.png);}
.n_portlet.item08 .p_inner .box02 a > div::before {background-color:#6b6058; background-image: url(images/portal/portlet08_ico02.png);}
.n_portlet.item08 .p_inner .box01 a .text02 {background-image:url(images/portal/portlet08_arrow01.png);}
.n_portlet.item08 .p_inner .box02 a .text02 {background-image:url(images/portal/portlet08_arrow02.png);}
/* �룷��由� - uDRIMS 2.0 吏꾪뻾 以묒씤 �꽌鍮꾩뒪 */
.n_portlet.item09 .date_list > li {padding:8px 20px 16px; background:#fafafa;}
.n_portlet.item09 .date_header {height:36px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #e5e5e5;}
.n_portlet.item09 .date_header .date {font-size: 18px;color:#f76b1e;font-weight:700;}
.n_portlet.item09 .date_header .today {margin-left: 4px;font-size: 12px;color:#333;font-weight: 500;padding:4px 10px; border:1px solid #333; border-radius:20px;}
.n_portlet.item09 .date_cont {margin-top: 16px; height:100%; max-height:calc(100% - 52px); overflow: auto;}
.n_portlet.item09 .date_cont ul li a {display:flex; align-items:center; padding:8px 0;}
.n_portlet.item09 .date_cont ul li a .label {width:38px; font-weight: 600; flex-shrink:0;}
.n_portlet.item09 .date_cont ul li a .tit {max-width:calc(100% - 38px); color:#666; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.n_portlet.item09 .date_cont ul li.type01 a .label,
.n_portlet.item09 .date_cont ul li.type01 a .tit {color:#b0b0b0;}
.n_portlet.item09 .date_cont ul li.type02 a .label {color:#f59140;}
.n_portlet.item09 .date_cont ul li.type02 a .tit{color:#666;}
.n_portlet.item09 .date_cont ul li.type03 a .label {color:#87796f;}
.n_portlet.item09 .date_cont ul li.type03 a .tit{color:#666;}
/* �룷��由� - �닔媛뺤떊泥� �씪�젙 */
.n_portlet.item10 .portlet_cont {display:flex; justify-content:space-between;}
.n_portlet.item10 .schedule_wrap {width:390px; height:100%;}
.n_portlet.item10 .schedule_list > li {padding:20px 26px; background:#fafafa;}
.n_portlet.item10 .schedule_list > li + li {margin-top:12px;}
.n_portlet.item10 .box01 .text01 {font-size: 20px; font-weight: 500;}
.n_portlet.item10 .box01 .text02 {margin-top: 10px;color:#87796f; font-weight: 300;}
.n_portlet.item10 .box02 {margin-top: 14px;padding-top: 14px;border-top:1px dashed #d0c7c2;}
.n_portlet.item10 .box02 ul li + li {margin-top: 12px;}
.n_portlet.item10 .box02 ul li dl {display:flex; align-items:flex-start;}
.n_portlet.item10 .box02 ul li dt {width:70px; font-size: 18px;color:#333;font-weight: 400;line-height:22px;padding-left:20px;background-repeat:no-repeat;background-position:left center;flex-shrink: 0;}
.n_portlet.item10 .box02 ul li dd {font-size: 18px;color:#999; line-height:22px;}
.n_portlet.item10 .box02 ul li:nth-child(1) dt {background-image:url(images/portal/portlet10_ico01.png)}
.n_portlet.item10 .box02 ul li:nth-child(2) dt {background-image:url(images/portal/portlet10_ico02.png)}
.n_portlet.item10 .box02 ul li:nth-child(3) dt {background-image:url(images/portal/portlet10_ico03.png)}
/* �룷��由� - 洹몃９�썾�뼱 */
.n_portlet.item11 .portlet_cont {display:flex; flex-direction:column;}
.n_portlet.item11 .portlet_cont > p {display:flex; flex-direction:column; align-items:center; font-size: 18px; font-weight: 500; text-align:center; line-height:22px; padding:0 10px;}
.n_portlet.item11 .portlet_cont > p::before {content:''; display:block; width:102px; height:102px; background:#fcf8f7 url(images/portal/portlet11_ico01.png) no-repeat center; border-radius:50%; margin-bottom: 16px;}
.n_portlet.item11 .portlet_cont > div {margin-top:auto; border:1px solid #e5e5e5;}
.n_portlet.item11 .portlet_cont > div ul {display:flex;}
.n_portlet.item11 .portlet_cont > div ul li {flex:1; position:relative;}
.n_portlet.item11 .portlet_cont > div ul li a {display:flex; align-items:center; justify-content:space-between; height:70px;}
.n_portlet.item11 .portlet_cont > div ul li .text01 {font-size: 18px;font-weight: 600;}
.n_portlet.item11 .portlet_cont > div ul li .text02 {display:flex; align-items:center; justify-content:center; width:24px; height:24px; color:#fff; font-weight: 700; border-radius:50%; flex-shrink: 0;}
.n_portlet.item11 .portlet_cont > div ul li + li::after {content:''; display:block; width:1px; height:24px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.n_portlet.item11 .portlet_cont > div ul li:nth-child(1) a {padding-left:22px; padding-right:12px;}
.n_portlet.item11 .portlet_cont > div ul li:nth-child(2) a {padding-left:12px; padding-right:22px;}
.n_portlet.item11 .portlet_cont > div ul li:nth-child(1) .text02 {background:#87796f;}
.n_portlet.item11 .portlet_cont > div ul li:nth-child(2) .text02 {background:#f59140;}
/* �룷��由� - 媛곸쥌 �떊泥��궡�뿭 */
.n_portlet.item12 .grid_col2 > * {width:calc((100% - 12px) / 2);}
.n_portlet.item12 .grid_col2 > * + * {margin-left: 12px;}
.n_portlet.item12 .box01 {margin-right:17px;}
.n_portlet.item12 .box01 > div a {height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 20px;}
.n_portlet.item12 .box01 > div .text01 {font-size: 18px;color:#333;font-weight: 600;}
.n_portlet.item12 .box01 > div .text02 {font-size: 20px;color:#808080;font-weight: 500;display:flex;align-items:center;}
.n_portlet.item12 .box01 > div .text02 span {font-size: 30px;font-weight:700;padding-bottom:3px;padding-right:2px;}
.n_portlet.item12 .box01 .sbox01 a {background:#f3f1f0;}
.n_portlet.item12 .box01 .sbox02 a {background:#fef4ec;}
.n_portlet.item12 .box01 .sbox01 .text02 span {color:#87796f;}
.n_portlet.item12 .box01 .sbox02 .text02 span {color:#f59140;}
.n_portlet.item12 .box02 {margin-top: 20px; height:calc(100% - 92px);}
/* �룷��由� - �슦由ы� Q&A */
.n_portlet.item13 .qna_title{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.p_qna_list li.type02 .box01 .text01::before {background-color:#f59140; background-image:url(images/portal/portlet13_ico02.png);}
.n_portlet.item13 .portlet_cont {margin-top:28px; height:calc(100% - 48px);}
.p_qna_list li + li {margin-top: 30px;}
.p_qna_list a {display:block;}
.p_qna_list .box01 {display:flex; align-items:center; justify-content:space-between;}
.p_qna_list .box01 .text01 {display:flex;align-items:center;font-size: 18px;font-weight: 600;}
.p_qna_list .box01 .text01::before {content:''; display:block; width:24px; height:24px; border-radius:50%; background-repeat: no-repeat; background-position: center;margin-right: 8px;}
.p_qna_list li.type01 .box01 .text01::before {background-color:#87796f; background-image:url(images/portal/portlet13_ico01.png);}
.p_qna_list li.type02 .box01 .text01::before {background-color:#f59140; background-image:url(images/portal/portlet13_ico02.png);}
.p_qna_list .box01 .text02 {color:#999; font-weight: 300;padding-left: 16px;background:url(images/portal/portlet13_ico03.png) no-repeat left center;}
.p_qna_list .box02 {margin-top: 9px; padding: 19px; background: #fafafa;}
.p_qna_list .box02 .text01 {font-size: 20px;font-weight: 600;}
.p_qna_list .box02 .text02 {margin-top: 12px;color:#808080; font-weight: 300;padding-left: 18px;background:url(images/portal/portlet13_ico04.png) no-repeat left center;}
/* �룷��由� - 洹쒖젙�젙蹂� */
.n_portlet.item14 .portlet_header + .portlet_cont {margin-top:12px; height:calc(100% - 32px);}
.p_ul_list01 {display:grid; grid-template-columns: repeat(2,1fr); gap:12px;}
.p_ul_list01 a {height:105px; display:flex; flex-direction:column; background:#fafafa; padding:16px 20px 18px;}
.p_ul_list01 .text01 {font-size: 18px;line-height:22px;max-height:44px;-webkit-box-orient: vertical; display:-webkit-box; -webkit-line-clamp: 2; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-break: break-all;}
.p_ul_list01 .text02 {margin-top:auto; color:#999;}
.provision_wrap ul li a{position:relative;width:100%;background:#fcf8f7;border-radius:20px;padding:44px 30px;padding-left:146px;letter-spacing:-1px;}
.provision_wrap ul li:nth-child(2) a{background-color:#87796f;}
.provision_wrap ul li + li{margin-top:12px;}
.provision_wrap ul li a:before{content:'';display:block;position:absolute;left:30px;top:50%;transform:translateY(-50%);width:96px;height:96px;background:no-repeat 50% 50%;border-radius:100%;}
.provision_wrap ul li:nth-child(1) a:before{background-color:#fff;background-image:url(images/portal/provision_ic01.png);}
.provision_wrap ul li:nth-child(2) a:before{background-color:#6b6058;background-image:url(images/portal/provision_ic02.png);}
.provision_wrap ul li a > span:first-child{display:block}
.provision_wrap ul li a > span:last-child{display:block;padding-right:20px;}
.provision_wrap ul li:nth-child(1) a span{font-weight:500;font-size:18px;color:#6b6058;}
.provision_wrap ul li:nth-child(2) a span{font-weight:500;font-size:18px;color:#fff;}
.provision_wrap ul li:nth-child(1) a span + span{font-size:20px;margin-top:12px;background:url(images/portal/link_arrow_ic01.png) no-repeat 100% 50%;}
.provision_wrap ul li:nth-child(2) a span + span{font-size:20px;margin-top:12px;background:url(images/portal/link_arrow_ic02.png) no-repeat 100% 50%;}


/* �룷��由� - 以묒븰�룄�꽌愿� */
.n_portlet.item15 .portlet_cont {margin-top:28px;height:calc(100% - 48px); display:flex; flex-direction:column;}
.n_portlet.item15 .box01 ul {display:flex; justify-content: space-between;}
.n_portlet.item15 .box01 ul li {width:calc((100% - 96px) / 3); padding-top:54px; background-repeat: no-repeat; background-position:left calc(50% + 5px) top; position:relative;}
.n_portlet.item15 .box01 ul li + li::after {content:''; display:block; width:1px; height:60px; background:#e5e5e5; position:absolute; top:50%; left:-24px; transform:translateY(-50%);}
.n_portlet.item15 .box01 ul li:nth-child(1) {background-image:url(images/portal/portlet15_ico01.png);}
.n_portlet.item15 .box01 ul li:nth-child(2) {background-image:url(images/portal/portlet15_ico02.png);}
.n_portlet.item15 .box01 ul li:nth-child(3) {background-image:url(images/portal/portlet15_ico03.png);}
.n_portlet.item15 .box01 ul li div {display:flex; align-items:flex-end; justify-content:space-between;}
.n_portlet.item15 .box01 ul li div .text01 {font-size: 15px;color:#808080;font-weight: 500;padding-bottom:3px;}
.n_portlet.item15 .box01 ul li div .text02 {font-size: 12px;font-weight: 500;}
.n_portlet.item15 .box01 ul li div .text02 span {font-size: 30px;font-weight: 800;margin-right: 2px;}
.n_portlet.item15 .box02 {margin-top:auto;}
.n_portlet.item15 .box02 ul li + li {margin-top: 12px;}
.n_portlet.item15 .box02 ul li a {display:block; background:#fafafa; padding:14px 20px;}
.n_portlet.item15.widget_0015 ul li a{padding:28px 20px;}
.n_portlet.item15 .box02 ul li a span {width:100%; font-size: 18px; color:#333; background:url(images/portal/portlet15_arrow.png) no-repeat right center;}
/* wise ver library */
.n_portlet.item15.widget_0116 .box02{margin-top:20px;}
.n_portlet.item15.widget_0116 .box02 ul{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;border-radius:10px;background:#fafafa;}
.n_portlet.item15.widget_0116 .box02 ul li{position:relative;}
.n_portlet.item15.widget_0116 .box02 ul li + li{margin-top:0;margin-left:30px;}
.n_portlet.item15.widget_0116 .box02 ul li + li:before{content:'';display:block;position:absolute;top:7px;left:-30px;width:2px;height:2px;background:#333;}
.n_portlet.item15.widget_0116 .box02 ul li a{background:none;padding:0;}
.n_portlet.item15.widget_0116 .box02 ul li a span{background:none;font-size:15px;letter-spacing:-1.4px;}
.n_portlet.item15.widget_0116 .box03{margin-top:20px;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li{padding-bottom:8px;border-bottom:1px solid #efefef;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li + li{margin-top:8px;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li:last-child{padding-bottom:0;border:0;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li .notice_hyper{display:flex;align-items:center;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li .notice_hyper span{font-weight:400;font-size:14px;color:#999;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li .notice_hyper .notice_label{min-width:40px;border:1px solid #9d9d9d;background:#fff;border-radius:10px;padding:3px 0;color:#959595;text-align:center;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li .notice_hyper .notice_title{margin-left:10px;width:calc(100% - 154px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#212121;}
.n_portlet.item15.widget_0116 .box03 .lib_notice li .notice_hyper .notice_date{margin-left:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}

/* �룷��由� - �젙蹂댁꽌鍮꾩뒪 */
.n_portlet.item16 .box_default {background:#fcf8f7;padding:30px 0 0;}
.n_portlet.item16 .portlet_header {margin:0 30px;}
.n_portlet.item16 .portlet_header + .portlet_cont {margin-top: 0;height:calc(100% - 20px);}
.n_portlet.item16 .portlet_cont {position:relative;}
.n_portlet.item16 .portlet_cont::before {content:''; width:100%; height:1px; background:linear-gradient(to right, transparent 0 30px, #dfdad7 30px calc(50% - 20px), transparent calc(50% - 20px) calc(50% + 20px), #dfdad7 calc(50% + 20px) calc(100% - 30px), transparent calc(100% - 30px) 100%); position:absolute; top:50%; left:0;}
.n_portlet.item16 .portlet_cont::after {content:''; width:1px; height:100%; background:linear-gradient(to bottom, transparent 0 30px, #dfdad7 30px calc(50% - 20px), transparent calc(50% - 20px) calc(50% + 20px), #dfdad7 calc(50% + 20px) calc(100% - 30px), transparent calc(100% - 30px) 100%); position:absolute; top:0; left:50%;}
.n_portlet.item16 .portlet_cont ul {height:100%; display:grid; grid-template-columns: repeat(2,1fr);}
.n_portlet.item16 .portlet_cont ul li a {height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.n_portlet.item16 .portlet_cont ul li a::before {content:''; display:block; width:90px; height:90px; background-color:#fff; background-repeat: no-repeat; background-position: center; border:1px solid #ede9e8; border-radius:50%; margin-bottom: 8px;}
/* .n_portlet.item16 .portlet_cont ul li:nth-child(1) a::before {background-image:url(images/portal/portlet16_ico01.png);} */
.n_portlet.item16 .portlet_cont ul li:nth-child(1) a::before {background-image:url(images/portal/portlet16_ico02.png);}
.n_portlet.item16 .portlet_cont ul li:nth-child(2) a::before {background-image:url(images/portal/portlet16_ico03.png);}
.n_portlet.item16 .portlet_cont ul li:nth-child(3) a::before {background-image:url(images/portal/portlet16_ico04.png);}
.n_portlet.item16 .portlet_cont ul li a span {font-size: 18px; font-weight: 600;}
/* �룷��由� - �냼�넻쨌怨듦컧 */
.n_portlet.item17 .portlet_header + .portlet_cont {margin-top:12px; height:calc(100% - 32px);}
.n_portlet.item17 .portlet_header + .portlet_cont .portlet_tab + .tab_cont_wrap {margin-top:14px; height:calc(100% - 54px);}
.p_ul_list02 li + li {border-top:1px dashed #d7d0cb;}
.p_ul_list02 li a {display:flex; align-items:center; justify-content:space-between; padding:20px 0;}
.p_ul_list02 .text01 {max-width:calc(100% - 90px); font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p_ul_list02 .text02 {font-size: 18px; color:#87796f; text-align: right; flex-shrink:0;}
/* �룷��由� - 援먮궡怨듬え怨쇱젣�떊泥��쁽�솴 */
.n_portlet.item18 .portlet_table_wrap table th,
.n_portlet.item18 .portlet_table_wrap table td {font-size:14px;}
/* �룷��由� - �뿰援щ퉬 吏�湲됱떊泥��쁽�솴 */
.p_ul_list03 li + li {margin-top: 12px;}
.p_ul_list03 li a {display:flex; align-items: center; justify-content: space-between; padding:20px; background:#fafafa;}
.p_ul_list03 li a > div {max-width:calc(100% - 70px);}
.p_ul_list03 li a .text01 {font-size: 20px;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p_ul_list03 li a .text02 {margin-top: 12px; display:flex; align-items:center;}
.p_ul_list03 li a .text02 span {color:#999; font-weight: 300; line-height:18px; position:relative;}
.p_ul_list03 li a .text02 span + span {margin-left:17px;}
.p_ul_list03 li a .text02 span + span::after {content:''; display:block; width:1px; height:10px; background:#e5e5e5; position:absolute; top:50%; left:-9px; transform:translateY(-50%);}
.p_ul_list03 li a .text02 span:first-child {padding-left:24px; background:url(images/portal/portlet19_ico01.png) no-repeat left center;}
.p_ul_list03 li a .text02 span:last-child {padding-left:18px; background:url(images/portal/portlet13_ico03.png) no-repeat left center;}
.p_ul_list03 li a > span {width:54px; height:54px; display:flex; align-items:center; justify-content:center; font-weight: 500; border-radius:12px; flex-shrink:0;}
.p_ul_list03 li a > span.col01 {color:#f86e12; background:#ffede0;}
.p_ul_list03 li a > span.col02 {color:#f92f77; background:#ffe5ed;}
.p_ul_list03 li a > span.col03 {color:#808080; background:#fff; border:1px solid #e5e5e5;}
/* �룷��由� - �떊泥�媛��뒫怨듦퀬 */
.p_ul_list04 li + li {margin-top: 12px;}
.p_ul_list04 li a {display:block; padding:22px 20px; background:#fafafa;}
.p_ul_list04 li a span {width:100%; font-size: 18px;font-weight: 600; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.p_ul_list04 li a div {margin-top: 22px;padding-top: 15px;border-top:1px dashed #d0c7c2;}
.p_ul_list04 li a div ul li + li {margin-top: 12px;}
.p_ul_list04 li a div dl {display:flex; align-items:center; justify-content:space-between;}
.p_ul_list04 li a div dt {font-size: 18px; color:#333; font-weight: 400; padding-left: 20px; background-repeat: no-repeat; background-position: left center;}
.p_ul_list04 li a div dd {font-size: 18px; color:#999;}
.p_ul_list04 li a div ul li:first-child dt {background-image:url(images/portal/portlet20_ico01.png);}
.p_ul_list04 li a div ul li:last-child dt {background-image:url(images/portal/portlet20_ico02.png);}
/* �룷��由� - 湲곕��뒪�넗由� */
.n_portlet.item22 .img_list {height:calc(100% - 28px);}
.n_portlet.item22 .img_list a {display:block; height:100%;}
.n_portlet.item22 .img_list .img_wrap {height:calc(100% - 30px);background-repeat:no-repeat; background-position:center; background-size:cover;}
.n_portlet.item22 .img_list .tit {margin-top: 12px;font-size: 18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.n_portlet.item22 .swiper-pagination {position:static;margin-top: 20px;display:flex; justify-content:center;}
.n_portlet.item22 .swiper-pagination .swiper-pagination-bullet {border-radius:4px;}
.n_portlet.item22 .swiper-pagination .swiper-pagination-bullet-active {width:20px; background:#f59140;}

/* wise ver */
.n_portlet.item114 .img_list {height:calc(100% - 28px);}
.n_portlet.item114 .img_list a {display:block; height:100%;}
.n_portlet.item114 .img_list .img_wrap {height:calc(100% - 30px);background-repeat:no-repeat; background-position:center; background-size:cover;}
.n_portlet.item114 .img_list .tit {margin-top: 12px;font-size: 18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.n_portlet.item114 .swiper-pagination {position:static;margin-top: 20px;display:flex; justify-content:center;}
.n_portlet.item114 .swiper-pagination .swiper-pagination-bullet {border-radius:4px;}
.n_portlet.item114 .swiper-pagination .swiper-pagination-bullet-active {width:20px; background:#f59140;}

/* wise ver WISE동국 */
.n_portlet.item117 .img_list {height:calc(100% - 28px);}
.n_portlet.item117 .img_list a {display:block; height:100%;}
.n_portlet.item117 .img_list .img_wrap {height:calc(100% - 30px);background-repeat:no-repeat; background-position:center; background-size:cover;}
.n_portlet.item117 .img_list .tit {margin-top: 12px;font-size: 18px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.n_portlet.item117 .swiper-pagination {position:static;margin-top: 20px;display:flex; justify-content:center;}
.n_portlet.item117 .swiper-pagination .swiper-pagination-bullet {border-radius:4px;}
.n_portlet.item117 .swiper-pagination .swiper-pagination-bullet-active {width:20px; background:#f59140;}

/* �룷��由� - �쟾�솕踰덊샇 寃��깋 */
.n_portlet.item23 .portlet_header + .portlet_cont {margin-top:12px;height:calc(100% - 32px);}
.n_portlet.item23 .box01 {margin-right: 17px;}
.n_portlet.item23 .box01 > div {position:relative;}
.n_portlet.item23 .box01 input[type="text"] {width:100%; height:40px; font-size: 16px;font-weight:300; border:0 none; border-bottom:1px solid #e5e5e5; padding:0 50px 0 8px;}
.n_portlet.item23 .box01 input[type="text"]::placeholder {color:#ccc;}
.n_portlet.item23 .box01 a {display:block; width:20px; height:20px; background:url(images/portal/btn_search.png) no-repeat center; position:absolute; top:50%; right:12px; transform:translateY(-50%); text-indent:-9999em;}
.n_portlet.item23 .box01 p {margin-top: 24px;font-size: 18px;color:#333;font-weight: 600;text-align:right;}
.n_portlet.item23 .box01 p span {font-weight: 800; color:#f76b1e;}
.n_portlet.item23 .box02 {margin-top: 20px; height:calc(100% - 102px);}
.p_ul_list05 li {background:#fafafa; padding:20px;}
.p_ul_list05 li + li {margin-top: 12px;}
.p_ul_list05 li div {display:flex; align-items:center;}
.p_ul_list05 li .text01 {font-size: 20px;color:#333;font-weight: 600;}
.p_ul_list05 li .text02 {margin-left: 12px;color:#999;}
.p_ul_list05 li .text03 {margin-top: 10px;font-size: 20px;color:#f76b1e;font-weight: 600;}
/* �뿰援ш낵�젣蹂�寃쎌떊泥��쁽�솴 */
.n_portlet.item25 .portlet_table_wrap table th,
.n_portlet.item25 .portlet_table_wrap table td {font-size: 14px;}

.dcloud_wrap{}
.dcloud_wrap > a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:30px 20px;background:#87796f;border-radius:10px;}
.dcloud_wrap > a span{font-weight:600;font-size:24px;color:#fff;}
.dcloud_wrap > a span + span{font-weight:400;font-size:20px;background:url(images/portal/link_arrow_ic02.png) no-repeat 100% 50%;padding-right:20px;background-size:8px auto;}
.dcloud_wrap > ul{display:flex;margin-top:12px;}
.dcloud_wrap > ul li{flex:calc(50% - 6px);}
.dcloud_wrap > ul li + li{margin-left:15px;}
.dcloud_wrap > ul li a{width:100%;background:#fcf8f7 no-repeat;background-position:bottom -15px right -3px;border:1px solid #ede9e8;border-radius:10px;padding:20px 20px 15px;}
.dcloud_wrap > ul li:nth-child(1) a{background-image:url(images/portal/gmail_bg.png);}
.dcloud_wrap > ul li:nth-child(2) a{background-image:url(images/portal/ms_bg.png);}
.dcloud_wrap > ul li a span:first-child{display:block;font-weight:500;font-size:20px;color:#6b6058;background:url(images/portal/dcloud_link_ic02.png) no-repeat 100% 50%;}
.dcloud_wrap > ul li a span:last-child{font-weight:400;font-size:14px;color:#808080;margin-top:18px;letter-spacing:-1.2px;}
.dcloud_wrap .dcloud_cont{margin-top:20px;}
.dcloud_wrap .dcloud_cont p{padding-left:26px;font-weight:400;font-size:18px;color:#212121;line-height:1.4em;background:url(images/portal/dcloud_ex_ic.png) no-repeat top 3px left;}


/* n_portlet noresult */
.n_portlet.item13 .NO_RESULT{padding:55px 0;}
.n_portlet.item10 .schedule_list{height:100%;}
.n_portlet.item10 .schedule_list .NO_RESULT{display:flex;height:100%;}

/* footer */
.main_w footer{background: #fff;height:auto;}
footer{height:auto;border-top:1px solid #D9D9D9;background:#F5F5F5}
.footer_wrap{width:100%;max-width:1920px;height:100%;padding:10px 0;margin:0 auto;}
footer>.footer_wrap .footer_box04 ul,
footer>.footer_wrap .footer_box05{padding:0}
.family_site{position:relative;}
.family_site .tit{width:180px;height:33px;line-height:33px;box-sizing: border-box;}
.family_site .tit a {display:block;position:relative;height:33px;font-size:12px;padding-left:20px;color:#7d7d7d;background:#fff}
.family_site .tit a.on {border-top:1px solid #dbdbdb;}
.family_site .tit a::after{content:'';display:block;position:absolute;top:50%;right:10px;width:12px;height:7px;margin-top:-3px;background:url('./images/common/select_arrow.png') 50% 50% no-repeat;transition:transform 0.3s}
.family_site .tit a.on::after{transform:rotate(180deg)}
.family_site ul  {display:none;position:absolute; bottom:33px;width:100%;z-index: 20; height:500px; overflow-y:auto; border:1px solid #ddd; border-bottom:0;}
.family_site ul li a {display:block; border-top:1px solid #dbdbdb; padding:12px 0 12px 10px; font-size:10px; color:#7d7d7d; background:#fff; border-bottom:none;}

/* �꽌釉뚰럹�씠吏� */
.sub_container {min-height:calc(100vh - 420px);}
.sub_container .sub_inner {max-width:1500px; margin:0 auto; padding:60px 0 100px;}
.sub_container .sub_header {display:flex; align-items:center; justify-content:space-between; padding:0 30px; margin-bottom: 40px;}
.sub_container .sub_header .sub_tit {display:flex; align-items:baseline;}
.sub_container .sub_header .sub_tit h3 {font-size: 30px; color:#070001; font-weight: 700; position:relative;}
.sub_container .sub_header .sub_tit h3::after {content:''; display:block; width:8px; height:8px; background:#ea5413; border-radius:50%; position:absolute; top:-8px; right:-8px;}
.sub_container .sub_header .sub_tit span {margin-left: 24px;font-size: 18px;color:#070001; font-weight: 500;}
.n_sub_gnb ul {display:flex;}
.n_sub_gnb ul li {position:relative;}
.n_sub_gnb ul li + li {margin-left: 20px; padding-left: 20px;}
.n_sub_gnb ul li + li::after {content:''; display:block; width:1px; height:16px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.n_sub_gnb ul li a {font-size: 16px;color:#bbb;font-weight: 700; position:relative;}
.n_sub_gnb ul li a:hover,
.n_sub_gnb ul li.open a {color:#f76b1e; opacity:1;}
.n_sub_gnb ul li.open a::after {content:''; display:block; width:100%; height:2px; background:#f76b1e; position:absolute; bottom:-6px; left:0;}
.sub_container .sub_cont {padding:80px 110px; background:#fff; border-radius:20px; box-shadow:0 1px 20px rgba(151,151,151,0.16);}
.sub_container .sub_cont h4 {font-size: 28px; color:#070001; font-weight: 600;}
.sub_container .sub_cont h4::before {display:none;}
.sub_container .sub_cont h5 {font-size: 24px; color:#070001; font-weight: 600; display:flex; align-items:center;}
.sub_container .sub_cont h5::before {content:''; display:block; width:4px; height:14px; background:#fe330a; margin-right: 10px;}
.sub_container .sub_cont h4 + h5 {margin-top: 46px;}
.sub_container .sub_cont .sub_info_wrap {margin-top: 24px;background:#fff9f5 url(images/portal/sub_info_bg.png) no-repeat right 12px bottom; padding:60px; border-radius:10px;}
.sub_container .sub_cont .sub_info_wrap ul li {font-size: 16px; line-height: 20px; padding-left: 12px; position:relative;}
.sub_container .sub_cont .sub_info_wrap ul li::after {content:''; display:block; width:4px; height:4px; background:#f76b1e; border-radius:50%; position:absolute; top:8px; left:0;}
.sub_container .sub_cont .sub_info_wrap ul li + li {margin-top: 12px;}
.sub_container .sub_cont .sub_info_wrap ul li.f_red {color:#fe330a;}
.sub_container .sub_cont .sub_info_wrap ul li .f_orange {color:#f59140;}
.input_form2 {margin-top: 24px; padding:46px 10px 0; border-top:2px solid #222; border-bottom:1px solid #eee;}
.input_form2 .form_row {display:flex; align-items:flex-start;}
.input_form2 .form_row .form_col {width:calc((100% - 30px) / 2); display:flex; align-items:flex-start;}
.input_form2 .form_row .form_col + .form_col {margin-left:30px;}
.input_form2 .form_label {width:150px; font-size: 16px; color:#010c1a; font-weight: 500; padding-top: 14px; flex-shrink: 0;}
.input_form2 .form_label.req::after {content:'*'; font-size: 16px; color:#fe330a; font-weight: 500; padding-left:4px;}
.input_form2 .form_cont {width:calc(100% - 150px); height:90px;}
.input_form2 .form_cont > * {width:100%;}
.input_form2 .form_cont input[type="text"],
.input_form2 .form_cont input[type="password"] {height:44px; font-size: 16px; padding:0 10px; border:1px solid #e5e5e5; border-radius:4px;}
.input_form2 .form_cont input[type="text"]::placeholder,
.input_form2 .form_cont input[type="password"]::placeholder {color:#999;}
.input_form2 .form_cont input[type="text"]:read-only,
.input_form2 .form_cont input[type="password"]:read-only {background:#fafafa;}
.input_form2 .form_cont > div input[type="text"],
.input_form2 .form_cont > div input[type="password"],
.input_form2 .form_cont > div select {width:100%;}
.input_form2 .form_cont .sub_txt {font-size: 14px; color:#87796f; font-weight: 300; margin-top:7px; margin-left:10px;}
.input_form2 .form_cont .sub_txt.f_red {color:#fe330a;}
.input_form2.type2 {padding:46px 320px 0;}
.sub_btn_wrap {margin-top:50px; overflow:hidden;}
.sub_btn_wrap > div {display:flex;}
.sub_btn_wrap > div.center {justify-content:center;}
.sub_btn_wrap a {width:180px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:8px;}
.sub_btn_wrap a + a {margin-left:6px;}
.sub_btn_wrap a:hover {opacity:1;}
.sub_btn_wrap a span {font-size: 18px; color:#fff; font-weight: 500;}
.sub_btn_wrap a.col01 {background:#f59140;}
.sub_btn_wrap a.col01:hover {background:#f76b1e;}
.sub_btn_wrap a.col02 {background:#87796f;}
.sub_btn_wrap a.col02:hover {background:#6b6058;}
.sub_btn_wrap a.col03 {background:#4c4c4c;}
.sub_btn_wrap a.col03:hover {background:#333333;}
.sub_btn_wrap a.col03 {background:#4c4c4c;}
.sub_btn_wrap a.col03:hover {background:#333333;}
.sub_btn_wrap a.col04 {border:1px solid #222;}
.sub_btn_wrap a.col04 span {color:#222;}
.sub_btn_wrap a.col04:hover {background:#4c4c4c;}
.sub_btn_wrap a.col04:hover span {color:#fff;}
.sub_btn_wrap a.col05{border:1px solid #ccc;}
.sub_btn_wrap a.col05 span {color:#222;}
.sub_btn_wrap a.col05:hover {background:#4c4c4c;}
.sub_btn_wrap a.col05:hover span {color:#fff;}
.sub_btn_wrap a.ico01 span {padding-left:22px; background:url(images/portal/sub_btn_ico01.png) no-repeat left center;}
.sub_btn_wrap a.ico02 span {padding-left:22px; background:url(images/portal/sub_btn_ico02.png) no-repeat left center;}
.userty_wrap {margin-top: 30px;padding:46px 56px; background:#fff; border:1px solid #e5e5e5; border-radius:10px; box-shadow:0 1px 20px rgba(151,151,151,0.1);}
.userty_wrap .text01 {font-size: 24px;color:#070001; line-height:28px;}
.userty_wrap .text01 span {font-weight: 700;}
.userty_wrap .text02 {margin-top: 8px;font-size: 18px;color:#666;font-weight: 300;line-height:22px;}
.userty_list {margin-top: 32px; display:flex;flex-wrap:wrap;}
.userty_list > li {flex:0 0 calc(33% - 10px);}
.userty_list > li:nth-child(3n + 1){margin-left:0;}
.userty_list > li:nth-child(n + 4){margin-top:20px;}
.userty_list > li + li {margin-left: 20px;}
.userty_list > li label.radio {overflow:visible;}
.userty_list > li input[type="radio"] + div {width:100%; padding:38px 28px; border:1px solid #e5e5e5; border-radius:10px;}
.userty_list > li .user_ico {display:flex; flex-direction:column; align-items:center;}
.userty_list > li .user_ico::before {content:''; display:block; width:96px; height:96px; border-radius:50%; background-color:#f0f0f0; background-repeat:no-repeat; background-position:center; margin-bottom: 22px;}
.userty_list > li.user01 .user_ico::before {background-image:url(images/portal/userty_ico01.png);}
.userty_list > li.user02 .user_ico::before {background-image:url(images/portal/userty_ico02.png);}
.userty_list > li.user03 .user_ico::before {background-image:url(images/portal/userty_ico03.png);}
.userty_list > li.user04 .user_ico::before {background-image:url(images/portal/userty_ico04.png);}
.userty_list > li .user_ico p {font-size: 22px;font-weight: 600;padding-left:28px;background:url(images/portal/checkbox.png) no-repeat left center;}
.userty_list > li .user_info {margin-top: 30px; padding:14px 18px; background:#fafafa; border-radius:10px;}
.userty_list > li .user_info ul li + li {margin-top: 8px;}
.userty_list > li .user_info dl {display:flex; align-items:center; justify-content:space-between;}
.userty_list > li .user_info dt {color:#666; font-weight: 400; line-height: 26px;}
.userty_list > li .user_info dd {font-weight: 600; line-height: 26px;}
.userty_list > li .user_info dd .label {display:inline-block; color:#fff; font-weight: 500; line-height:1; padding:5px 10px; background:#f59140; border-radius:20px;}
.userty_list > li input[type="radio"]:checked + div {padding:37px 27px; border:2px solid #f76b1e; box-shadow:0 1px 16px rgba(114,114,114,0.12);}
.userty_list > li input[type="radio"]:checked + div .user_ico::before {background-color:#fcf8f7;}
.userty_list > li.user01 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico01_on.png);}
.userty_list > li.user02 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico02_on.png);}
.userty_list > li.user03 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico03_on.png);}
.userty_list > li.user04 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico04_on.png);}
.userty_list > li input[type="radio"]:checked + div .user_ico p {background-image:url(images/portal/checkbox_on.png);}
.userty_list > li input[type="radio"]:disabled + div {cursor: not-allowed;}
.userty_list > li input[type="radio"]:disabled + div .user_ico::before {background-color:#f0f0f0;}
.userty_list > li input[type="radio"]:disabled + div .user_ico p {color:#999; background-image:url(images/portal/checkbox_dis.png);}
.userty_list > li input[type="radio"]:disabled + div .user_info dt {color:#999;}
.userty_list > li input[type="radio"]:disabled + div .user_info dd {color:#999;}
.userty_list > li input[type="radio"]:disabled + div .user_info dd .label {background:#999;}
.sub_table_top {overflow:hidden;}
.sub_container .sub_cont h5 + .sub_table_top {margin-top:10px;}
.sub_table_top .btn_tt {min-width:82px; padding:7px 12px; background:#f3f1f0; border-radius:4px;}
.sub_table_top .btn_tt span {color:#6b6058;}
.sub_table_top .btn_tt.ico01 span {padding-left:18px; background:url(images/portal/btn_tt_ico01.png) no-repeat left center;}
.sub_table_top .btn_tt:hover {opacity:1; background:#73675e;}
.sub_table_top .btn_tt:hover span {color:#fff;}
.sub_table_top .btn_tt.ico01:hover span {background-image:url(images/portal/btn_tt_ico01_on.png);}
.sub_table_top + .table_wrap {margin-top: 10px;}
table.t_list2 th {height:52px; color:#010c1a; font-weight: 500; padding:8px; background:#fdfcfb; border-top:2px solid #222; border-bottom:1px solid #ccc; position:relative;}
table.t_list2 th + th::before {content:''; display:block; width:1px; height:12px; background:#e5e5e5; position:absolute; top:50%; left:0; transform:translateY(-50%);}
table.t_list2 td {height:57px; color:#333; font-weight:300; text-align:center; padding:8px; border-bottom:1px solid #eee;}
table.t_list2 td input[type="text"] {width:100%; height:40px; padding:0 10px; font-size:16px; color:#333; font-weight:300; border:1px solid #e5e5e5; border-radius:4px;}
table.t_list2 .btn_del {width:38px; height:32px; background:url(images/portal/btn_del.png) no-repeat center; border:1px solid #e64143; border-radius:4px; text-indent:-9999em;}
table.t_list2 .btn_del:hover {background:#e64143 url(images/portal/btn_del_on.png) no-repeat center;}
.sub_agree_wrap {margin-top: 24px;}
.sub_agree_wrap .box01 {background:#fafafa; padding:52px 56px; border-radius:10px;}
.sub_agree_wrap .box01 div {color:#666; line-height:20px; max-height:240px; overflow-y: auto;}
.sub_agree_wrap .box02 {margin-top: 24px; display:flex; align-items:flex-start; justify-content:space-between; padding:40px 56px; background:#fefcfb; border:1px solid #ffcbcb; border-radius:10px;}
.sub_agree_wrap .box02 .sbox01 {font-size: 18px; font-weight: 600;}
.sub_agree_wrap .box02 .sbox02 ul li {display:flex; align-items:center;}
.sub_agree_wrap .box02 .sbox02 ul li + li {margin-top: 22px;}
.sub_agree_wrap .box02 .sbox02 ul li > span {color:#808080; font-weight: 500; margin-right: 10px;}
.sub_agree_wrap .box02 .sbox02 ul li > span.col {color:#fe330a;}
.sub_agree_wrap .box02 .sbox02 label.check {align-items:center;}
.sub_agree_wrap .box02 .sbox02 label.check .txt {color:#333; margin-right: 22px;}
.sub_agree_wrap .box02 .sbox02 label.check .ico {width:20px; height:20px; background:url(images/portal/checkbox2.png) no-repeat center; flex-shrink:0;}
.sub_agree_wrap .box02 .sbox02 label.check input:checked ~ .ico {background-image:url(images/portal/checkbox2_on.png);}
.sub_agree_wrap .box02.chk {background:#fafcff; border-color:#2761c8;}

/* container */
.container,
.con_wrap section{background:#f5f5f5}
.container{display:flex;flex-wrap:wrap;max-width:1920px;min-width:1280px;width:100%;margin:0 auto;padding:78px 0 0;}
.con_wrap section{width:calc(100% - 230px);min-height:calc(100vh - 150px);padding:20px 20px 60px;margin:0}

/* left_gnb */
aside.left_gnb{position:static;width:230px;min-height:100%;height:auto;border-radius:0;border:1px solid #D9D9D9;border-top:0;border-bottom:0;background:#fff}
.layout01 aside.left_gnb{min-height:100%;}
.left_gnb .menu_ctrl{padding:20px}
.left_gnb .menu_ctrl ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.left_gnb .menu_ctrl li{width:25px;height:25px;}
.left_gnb .menu_ctrl li + li{margin-left:5px}
.left_gnb .menu_ctrl li a{display:block;width:100%;height:100%;background:no-repeat 50% 50%;opacity:0.3}
.left_gnb .menu_ctrl li.open a{background-image:url(./images/common/menu_ctrl_ic_p.png)}
.left_gnb .menu_ctrl li.close a{background-image:url(./images/common/menu_ctrl_ic_m.png)}
.left_gnb .menu_ctrl li a:hover{opacity:1}
.gnb_list{border-bottom:1px solid #f3f3f3}
.gnb_list > ul > li .tit a{display:block;position:relative;padding:15px 20px;padding-right:50px;margin:0;border-bottom:0;border-top:1px solid #F3F3F3;font-weight:500}
.gnb_list > ul > li .tit a,
.gnb_list > ul > li.on .tit a,
.gnb_list > ul > li.open .tit a{background:none;color:#333}
.gnb_list > ul > li .tit a::after{content:'';display:block;position:absolute;top:50%;right:20px;width:12px;height:7px;margin-top:-4px;background:url(./images/common/left_gnb_arrow.png) no-repeat 50% 50%;transition:transform 0.3s}
.gnb_list > ul > li.on .tit a::after,
.gnb_list > ul > li.open .tit a::after{background-image:url(./images/common/left_gnb_arrow_on.png);transform:rotate(180deg)}
.gnb_list > ul > li:first-child .tit a{border-top:0}
.gnb_list .sub_gnb ul{padding:0 8px 15px;border-bottom:0;border-top:0}
.gnb_list > ul > li .tit a span{font-size:14px}

.gnb_list .sub_gnb{display:none}
.gnb_list > ul > li.open .sub_gnb{display:block}
.gnb_list .sub_gnb ul li{height:auto;}
.gnb_list .sub_gnb ul li + li{margin-top:2px}
.gnb_list .sub_gnb ul li a{display:block;position:relative;overflow:hidden;padding:0;border-radius:3px;border-top:0;font-weight:400}
.gnb_list .sub_gnb ul li a::before{content:'';display:block;position:absolute;top:50%;right:15px;width:70%;height:1px;margin:0;background:#fff}
.gnb_list .sub_gnb ul li a span{display:inline-block;position:relative;z-index:10;padding:12px 10px 12px 20px;font-size:15px;background:#fff}
.gnb_list .sub_gnb ul li a.on,
.gnb_list .sub_gnb ul li a:hover,
.gnb_list .sub_gnb ul li a.on span,
.gnb_list .sub_gnb ul li a:hover span{color:#fff;background:#ef8903;opacity:1}
.gnb_list > ul > li.on .sub_gnb{display:none}

aside.left_gnb{padding:0}
aside.left_gnb .left_gnb_title{display:none}
aside.left_gnb nav{background:#fff}
.layout01 .gnb_list .sub_gnb ul{margin:0}
.layout01 header .bg_gnb{top:78px;margin-top:0;background:#fff}
.layout01 header .bg_gnb.is-active{height:400px !important;}
.type03 .gnb > ul > li > .sub_2.is-active > ul > li > a.on,
.type04 .gnb > ul > li > .sub_2 > ul > li > a.on:after,
.btn_close{background-color:#ef8903}
.layout01 .type04 .gnb > ul > li > .sub_2,
.type04 .gnb > ul > li > .sub_2{top:78px}
header.sticky .bg_gnb{top:40px}


/* content */
.h3_box{height:auto;padding:20px 0}
.h3_box h3{font-weight:500;font-size:22px;color:#333}
section .navigation{display:none}

/* page_cont */
.page_cont{position:relative;padding:15px;border:1px solid #E0E0E0;border-radius:0;background:#fff;box-shadow:0 1px 3px 1px rgba(89,89,89,0.05)}
.cont_section + .cont_section{margin-top:30px}
.cont_section .cont_box{width:100%;}
.cont_section .cont_box .table_wrap{margin:15px}
.cont_section .cont_tit{margin-bottom:15px}
.cont_section .cont_box + .cont_box{margin-top:20px}
.cont_section .cont_tit .warn{text-align:right}

/* text */
h4{font-size:16px;color:#333}
h4::before{content:'';display:inline-block;width:2px;height:15px;margin-right:5px;background:#ef8903;vertical-align:middle}
.str{color:#ef8903}
.title_wrap{overflow:hidden;padding:15px 0 20px}
.hyper:hover{color:#ef8903}


/* scroll */
body *::-webkit-scrollbar-track{}
body *::-webkit-scrollbar{width:4px;height:4px;}
body *::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:50px;}
body.main_w *::-webkit-scrollbar-thumb{background-color:#0039BD;}
/* scroll IE */
.table_wrap,
.scroll_box,
.tree_wrap .tree_body,
.ui-dialog .ui-dialog-content{scrollbar-3dLight-Color:#ef8903;scrollbar-arrow-color:#ef8903;scrollbar-Face-Color:#ef8903;scrollbar-Track-Color:#E0E0E0;scrollbar-DarkShadow-Color:#ef8903;scrollbar-Highlight-Color:#ef8903;scrollbar-Shadow-Color:#ef8903;}

/* jquery datepicker */
.ui-datepicker.ui-widget.ui-widget-content{transform:translate(0,0)}



/* btn */
a.btn01,
a.btn01.col02,
.btn_wrap .btn01,
.tree_wrap .btn01{display:inline-block;min-width:80px;height:34px;padding:0 15px;border:1px solid #D7DFE4;border-radius:0;background:#fff;line-height:32px;font-weight:400;font-size:13px;color:#333;text-align:center}
.btn_wrap .f_left .btn01{margin:0}
a.btn01 span{display:inline-block;background:no-repeat 0 50%}


/* btn�샄 */
a.btn01#addBtn span,
a.btn01#writeBtn span,
a.btn01#newRegisterBtn span,
a.btn01#procBtn span,
a.btn01#rootAddBtn span,
a.btn01#createBtn span,
a.btn01.resiBtn span{padding-left:24px;background-image:url(./images/common/btn01_regi_ic.png)}
/* 占쏙옙占쎌삢 */
a.btn01.saveBtn span,
a.btn01#saveBtn span,
a.btn01#modiBtn span{padding-left:24px;background-image:url(./images/common/btn01_save_ic.png)}
/* �빊遺쏙옙 */
a.btn01#addBtn span,
a.btn01#stdBtn span{padding-left:24px;background-image:url(./images/common/btn01_add_ic.png)}
/* 占쎄텣占쎌젫 */
a.btn01.delChkBtn span,
a.btn01#delChkBtn span,
a.btn01#delBtn span{padding-left:24px;background-image:url(./images/common/btn01_del_ic.png)}
/* 占쎈퓡占쏙옙 */
a.btn01#updateBtn span,
a.btn01#staSaveBtn span,
a.btn01.noModiBtn span{padding-left:24px;background-image:url(./images/common/btn01_edit_ic.png)}
a.btn01.excelDownBtn span,
a.btn01#excelDownBtn span{padding-left:24px;background-image:url(./images/common/btn01_excel_ic.png)}

a.btn01#printBtn span,
a.btn01.print_ic span{padding-left:26px;background-image:url(./images/common/btn01_print_ic.png)}
a.btn01.copyBtn{width:20px;height:20px;border:0;background:url(./images/common/btn01_copy_ic.png) no-repeat 50% 50%;text-indent:-9999px}
a.btn01.downBtn{width:20px;height:20px;border:0;background:url(./images/common/btn01_down_ic.png) no-repeat 50% 50%;text-indent:-9999px}
/* slideup */
a.btn01#totHideBtn span,
a.btn01.slideup span,
a.btn01#expendBtn2 span,
a.btn01.all_close_menu span{padding-left:24px;background-image:url(./images/common/menu_ctrl_ic_m.png)}
/* slidedown */
a.btn01#totShowBtn span,
a.btn01.slidedown span,
a.btn01#expendBtn1 span,
a.btn01.all_open_menu span{padding-left:24px;background-image:url(./images/common/menu_ctrl_ic_p.png)}

a.btn02{display:inline-block;padding:5px 15px;border:1px solid #ef8903;border-radius:50px;color:#ef8903}
a.btn02#excelDownBtn span,
a.btn02.excelBtn span{display:inline-block;padding-left:20px;background:url(./images/common/btn02_exceldown_ic.png) no-repeat 0 50%}
a.btn02#sendSmsBtn span,
a.btn02.smsBtn span{display:inline-block;padding-left:20px;background:url(./images/common/btn02_sms_ic.png) no-repeat 0 50%}

a.btn03{display:inline-block;padding:11px 30px;border-radius:50px;background:#ef8903;color:#fff;text-align:center}

a.btn01:hover,
a.btn02:hover,
a.btn03:hover{opacity:0.8}
a.btn01:active,
a.btn02:active,
a.btn03:active{transform:scale(0.95)}

.btn01 + .btn01,
.tree_chk_wrap .tab_top_wrap .btn01 + .btn01{margin-left:2px;}
.btn02{margin-left:5px}


/* table btn */
.table_wrap .btn01{border:1px solid #ef8903;color:#ef8903;background:transparent}
.table_wrap .btn01,
.table_wrap table .btn01,
.table_wrap table.t_list tbody td .btn01,
.table_wrap table.t_list tbody td .btn01{min-width:auto;height:auto;padding:4px 15px;border-radius:50px;font-size:12px;line-height:1.2;word-break:keep-all;}
.table_wrap .btn01 + .btn01{margin-left:5px}
.table_wrap .btn01.col02{border-color:#1C4CB8;color:#1C4CB8}
.table_wrap .btn01.col03{border-color:#b2b2b2;color:#b2b2b2}
.table_wrap + .btn_wrap{margin-top:20px}

/* .search_form */
.search_form{width:100%;padding:15px 0;margin-bottom:10px;border:1px solid #E0E0E0;background:#FCFCFC}
.search_form > li{display:flex;flex-wrap:wrap;}
.search_form > li dl{width:auto;padding:5px 20px;border-right:1px solid #f0f0f0}
.search_form li dl dd{width:100%;padding-right:0}
.search_form li dl dt,
.search_form .comm_set,
.search_form .cdDiv{padding-right:0}
.search_form > li.dl2 dl{width:50%}
.search_form > li.dl4 dl{width:25%}
.search_form > li dl:last-child{border-right:0}
.search_form > li.dl4 dl:nth-child(3n){border-right:1px solid #f0f0f0}
.search_form li dl dt{float:none;width:auto}
.search_form li .search_title{display: inline-block;height:auto;font-size:14px;padding:0 0 10px;font-weight:500;line-height:1;vertical-align:top;}
.search_form li .search_title label{font-weight:500;font-size:14px;}
.search_form dl dd,
.search_form .line_box{display:flex;align-items:center;width:100%}
.search_form input[type="text"]{width:100%;border:1px solid #e0e0e0}
.search_form select{width:100%;border:1px solid #e0e0e0;}
.search_form select + select{margin-left:5px}
.search_form dd select{min-width:120px}
.search_form input[type="text"] + .btn01,
.search_form input + .btn01{margin-left:5px;}
.search_form .comm_set + input[type="text"],
.search_form .cdDiv + input[type="text"]{margin-top:0}

/* search_bar_wrap */
.search_form > li dl + .search_bar_wrap{width:66.66%}
.search_form > li dl + dl + .search_bar_wrap,
.search_form > li .search_bar_wrap{width:100%}
.search_form > li .line_box .comm_set,
.search_form > li .search_bar_wrap .comm_set,
.search_form > li .search_bar_wrap .cdDiv,
.search_form > li .search_bar_wrap select{width:160px;margin-right:5px}
.search_form > li .search_bar_wrap select + input[type="text"]{width:calc(100% - 370px);}
.search_form > li .search_bar_wrap input[type="text"]{width:calc(100% - 200px);}
.search_form .search_bar_wrap .btn01{min-width:auto;height:38px;padding:0;border:0;line-height:36px;}
.search_form .search_bar_wrap .btn01 + .btn01{margin-left:5px}
.search_form .search_bar_wrap .searchBtn,
.search_form .search_bar_wrap #searchBtn,
.search_form .search_bar_wrap #dialogSearchBtn{width:145px;border-radius:50px;background:#ef8903;color:#fff;font-size:14px;text-align:center;}
.search_form .search_bar_wrap .searchBtn span,
.search_form .search_bar_wrap #searchBtn span,
.search_form .search_bar_wrap #dialogSearchBtn span{display:inline-block;padding:0 0 0 28px;background:url(./images/common/search_btn_ic.png) no-repeat 0 50%}
.search_form .search_bar_wrap .resetBtn,
.search_form .search_bar_wrap #resetBtn,
.search_form .search_bar_wrap #dialogResetBtn{width:50px;border:1px solid #ef8903;border-radius:50px;text-indent:-9999px;background:url(./images/common/reset_btn_ic.png) no-repeat 50% 50%}
.search_form .search_bar_wrap .btn01:hover{opacity:0.8}
.search_form input[type="text"].hasDatepicker,
.search_form input[type="text"].hasDatetimepicker{width:calc(50% - 20px);margin:0 2px}
.search_form li.only_btn{text-align:center;padding:20px 0 10px}
.search_form a.btn01.org_search{border:1px solid #e6e6e6;background:#F0F0F0}
.search_form .comm_set,
.search_form .cdDiv{width:100%}

/* search_form detail */
.search_form .btn01.det_btn{width:120px;padding:0;border:0;background:none;font-size:13px;color:#999}
.search_form .btn01.det_btn span{position:relative;padding:0;padding-right:25px;}
.search_form .btn01.det_btn span::before{content:'';display:block;position:absolute;top:0;right:0;width:20px;height:38px;background:url(./images/common/search_accd_arrow.png) no-repeat 50% 50%;transition:0.3s}
.search_form.detail_on .btn01.det_btn span::before{transform:rotate(180deg)}

/* ul_question */
.ul_question p{margin-bottom:5px}

/* cont_box */
.cont_box{padding:8px;margin:0 0 10px;border:1px solid #E0E0E0;background:#fff}


/* check / radio */
label.radio,
label.check {position:relative;}
label.radio input,
label.check input {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;border:0 none;font-size:0;line-height:0;clip:rect(0 0 0 0);opacity:0;}
/* label.radio span:before,
label.radio input:checked + span:before,
label.check span:before,
label.check input:checked + span:before{box-shadow:none}
label.check{width:auto;height:auto;min-height:auto;padding:0;text-align:center}
label.check .txt::before{display:inline-block;position:static;width:16px;height:16px;margin-right:5px;border:1px solid #E6E6E6;border-radius:3px;vertical-align:middle;background:#fff}
label.check .txt{padding:0;font-size:14px;}
label.check input:checked + .txt::before,
label.check input:checked + input + .txt::before{border-color:#ef8903;background:url(./images/common/check_ic.png) no-repeat 50% 50%;background-size:auto}
.table_wrap .check .ico{width:13px;height:13px;margin:0 5px}
.table_wrap .check input:checked + .ico{background-image:url(./images/common/table_check_ic.png);}
label.radio{width:auto;height:auto;min-height:auto;padding:0;text-align:center}
label.radio .txt::before{content:'';display:inline-block;position:static;width:16px;height:16px;margin-right:5px;border:1px solid #E6E6E6;border-radius:50%;vertical-align:middle;background:#fff no-repeat 50% 50%;}
label.radio .txt{padding:0 2px;font-size:14px;}
label.radio input:checked + .txt::before,
label.radio input:checked + input + .txt::before{position:relative;border-color:#ef8903;background-image:url(./images/common/check_ic.png)}
label.radio input:checked + .ico::after{content:'';display:block;position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#ef8903;transform:translate(-50%,-50%)} */

.t_left .check{text-align:left}

/* table_wrap */
.table_wrap{overflow:auto;border-top:0}
.table_wrap + .table_wrap{margin-top:20px}
.table_wrap select{width:100%}
.table_wrap table.t_list.hover tbody tr .NO_RESULT{border-right:0}

.table_wrap table.t_list thead tr th{position:relative;padding:10px 0;height:38px;border-bottom:1px solid #ef8903;font-weight:500;font-size:13px;color:#737373;background:#fff;text-align:center}
.table_wrap table.t_list thead tr th::after,
.table_wrap table.t_list thead tr th[colspan] + th::before{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:12px;background:#E6E6E6;transform:translateY(-50%)}
.table_wrap table.t_list thead tr th[colspan] + th::before{left:0;right:auto}
.table_wrap table.t_list thead tr th[colspan]::after,
.table_wrap table.t_list thead tr th.last::after{display:none}
.table_wrap table.t_list thead tr th[colspan]{border-color:#E6E6E6}
.table_wrap table.t_list tbody td{padding:10px;height:38px;border:0;border-top:1px solid #F0F0F0;border-bottom:0;color:#4c4c4c;text-align:center}
.table_wrap table.t_list th,
.table_wrap table.t_list td{font-size:13px}
.table_wrap table.t_list thead th.last,
.table_wrap table.t_list tbody th.last,
.table_wrap table.t_list tbody td.last{border-right:1px solid transparent}
.table_wrap table.t_list tbody th{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;font-weight:500;text-align:center;color:#333}
.table_wrap table.t_list tbody tr:last-child td{border-bottom:1px solid #f0f0f0}
.table_wrap table.t_list tbody td.title{text-align:left}
.table_wrap table.t_list tbody td.title a{border:0;text-decoration:underline;}
.table_wrap table.t_list tbody td.title a:hover{color:#ef8903}
.table_wrap table.t_list tbody tr:nth-child(2n) td{background:#FDFDFD}
.table_wrap table.t_list .comm_set,
.table_wrap table.t_list .cdDiv{width:100%;padding:0 10px}
.comm_set + input[type="text"],
.cdDiv + input[type="text"]{width:100%;margin-top:10px}
.table_wrap table.t_list tbody td.NO_RESULT{padding:60px 0}

/* hover */
.table_wrap table.hover tbody tr:hover td{background-color:rgba(184,28,43,0.02)}
.table_wrap table.hover tbody tr:hover td,
.table_wrap table.hover tbody tr:hover + tr td{border-top:1px solid #ef8903;}
.table_wrap table.hover tbody tr:hover td:first-child{border-left:1px solid #ef8903}
.table_wrap table.hover tbody tr:hover td:last-child{border-right:1px solid #ef8903}
.table_wrap table.hover tbody tr:hover .NO_RESULT,
.table_wrap table.hover tbody tr:hover .last.NO_RESULT{border:0;background:#fff}
.table_wrap table.hover tbody tr:last-child:hover td{border-bottom:1px solid #ef8903}
/* t_view */
.table_wrap table.t_view{border-top:2px solid #f59140}
.table_wrap table.t_view + table{border-top:0}
.table_wrap table.t_view tbody th{background:#f7f7f7; text-align:center;}
.table_wrap table.t_view tbody th label{font-weight:500}
.table_wrap table.t_view tbody th,
.table_wrap table.t_view tbody td{height:50px; font-size: 14px; font-weight:400; padding:8px 16px; border:1px solid #e5e5e5;}
.table_wrap table.t_view tbody th {color:#222;}
.table_wrap table.t_view tbody td {color:#4c4c4c;}
.table_wrap table.t_view tbody tr > *:first-child {border-left:0 none;}
.table_wrap table.t_view tbody tr > *:last-child {border-right:0 none;}
.table_wrap table.t_view input[type="text"]{min-width:240px;}
.table_wrap .dl_list{display:flex;align-items:center}
.table_wrap .dl_list + .dl_list{margin-top:10px}
.table_wrap .dl_list dt{width:100px;padding-right:10px}
.table_wrap .dl_list dd{width:calc(100% - 100px)}
.table_wrap .chart_wrap tbody tr td{padding:0}
.table_wrap label + input[type="text"]{margin-left:5px}
.table_wrap table.t_view .t_list tr th{border-right:0}

.reply_writing_w a.btn01{border:1px solid #ef8903;background:#fff;color:#ef8903}

/* board_view */
.board_view thead tr td,
.table_wrap table.board_view tbody tr td{padding:12px 20px;color:#666}
.board_view thead .title{font-weight:600;font-size:18px;backgrond:#f9f9f9;color:#333}
.file_box{display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;padding:12px 20px;line-height:1.4}
.file_box span{width:120px;padding:2px 0;padding-left:20px;background:url(./images/common/file_ic.png) no-repeat 0 50%}
.file_box .ul_file{width:calc(100% - 120px)}
.file_box .ul_file li a{font-family:'Noto Sans'}

.tab_bottom,
.tab_btn_b {overflow:hidden;margin-top:15px;letter-spacing:0}
.tab_bottom p span,
.tab_bottom li span,
.tab_btn_b p span{font-weight:500;color:#ef8903}
.no_result p{display:inline-block;padding-left:25px;background:url(./images/common/no_result_ic.png) no-repeat 0 50%;color:#bdbdbd}

/* .table_top */
.table_top{padding-bottom:10px}
.table_top select{min-width:100px;background-color:transparent;}
.table_top .comm_set,
.table_top .cdDiv{width:auto;min-width:100px}
.table_top h4{float:left;font-size:16px;margin-top:10px}
.table_top .warn_desc{float:right;padding-top:10px;font-size:13px;color:#999}
.table_wrap + .table_top{margin-top:30px}

/* orgSearch */
.line_box input.orgSearch{width:100%}
.line_box .btn01.org_search{width:80px}
.line_box{display:flex;align-items:center;width:100%}
.line_box .comm_set + .btn01,
.line_box .cdDiv + .btn01,
.line_box input[type="text"] + .btn01,
.childObjRow input[type="text"] + .btn01,
.line_box select + select{margin-left:5px}
.table_wrap table.t_view .line_box input[type="text"]{min-width:auto}

.search_wrap {display:flex;}
.search_wrap > * {margin-right:6px;}
.search_wrap > *:last-child {margin-right:0;}
.search_wrap select {min-width:160px; height:44px; border:1px solid #e5e5e5; padding:0 24px 0 14px; font-size: 14px; color:#070001; font-weight: 600; border-radius:0;}
.search_wrap input {width:500px; height:44px; border:1px solid #e5e5e5; padding:0 14px; font-size: 14px; color:#070001; font-weight: 600; border-radius:0;}
.search_wrap .searchBtn {width:140px; height:44px; display:flex; align-items:center; justify-content:center; background:#282828; border-radius:8px;}
.search_wrap .searchBtn span {font-size: 14px; color:#fff; font-weight: 600; line-height:16px; padding-left:22px; background:url(images/portal/btn_search02.png) no-repeat left center;}
.search_wrap .resetBtn {width:44px; height:44px; background:#282828 url(images/portal/btn_reset02.png) no-repeat center; border-radius:8px; text-indent:-9999em;}
.board_wrap {border-top:2px solid #222;}
.search_wrap + .board_wrap {margin-top: 30px;}
.board_list li {border-bottom:1px solid #eee;}
.board_list li.NO_RESULT{padding:40px 0;}
.board_list li a {display:block; width:100%; padding:30px 150px 30px 30px; background:url(images/portal/board_arrow01.png) no-repeat right 30px center;}
.board_list li a:hover {opacity:1; box-shadow:0 6px 16px rgba(192,192,192,0.1); background-image:url(images/portal/board_arrow02.png);}
.board_list li a .box01 {display:flex; align-items:center;}
.board_list li a .box01 .new {width:64px; font-size:14px; color:#fff; font-weight:800; line-height:30px; text-align:center; background:#ea5413; margin-right: 10px;}
.board_list li a .box01 .tit {font-size: 20px; color:#070001; font-weight: 700; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board_list li a .box01 .new + .tit {width:calc(100% - 74px);}
.board_list li a .box02 {margin-top: 14px; display: flex; align-items:center;}
.board_list li a .box02 span {font-size: 14px; color:#444; font-weight: 600;}
.board_list li a .box02 span + span {margin-left: 14px;padding-left: 14px;border-left:1px solid #ddd;}
.board_view_wrap .view_top {display:flex; align-items:flex-end; justify-content:space-between;}
.board_view_wrap .view_top .tit {font-size: 22px; color:#070001; font-weight: 700; line-height:26px;}
.board_view_wrap .view_top .info {display:flex; flex-shrink:0; margin-left: 50px; padding-bottom: 4px;}
.board_view_wrap .view_top .info span {font-size: 14px; color:#444; font-weight: 600;}
.board_view_wrap .view_top .info span:nth-child(1) {padding-left: 16px; background:url(images/portal/board_ico01.png) no-repeat left center;}
.board_view_wrap .view_top .info span:nth-child(2) {margin-left:8px; padding-left: 8px; border-left:1px solid #ddd;}
.board_view_wrap .view_top .info span:nth-child(3) {margin-left: 40px; padding-left: 16px; background:url(images/portal/board_ico02.png) no-repeat left center;}
.board_view_wrap .view_cont {margin-top: 20px; border-top:2px solid #222; border-bottom:1px solid #e5e5e5;}
.board_view_wrap .view_cont .view_txt {min-height:400px; padding:32px 12px; font-size: 18px; color: #666; line-height:22px;}
.board_view_wrap .view_cont .view_txt > * {font-size: 18px; color: #666; line-height:22px;}
.board_view_wrap .view_cont .att_wrap {display:flex; align-items:flex-start; background:#f4f9fe; padding:18px 26px; border-radius:14px; margin-bottom:6px;}
.board_view_wrap .view_cont .att_wrap .box01 {display:flex; align-items:center;}
.board_view_wrap .view_cont .att_wrap .box01::before {content:''; display:block; width:34px; height:34px; background:#4c4c4c url(images/portal/board_ico03.png) no-repeat center; border-radius:4px; margin-right:12px;}
.board_view_wrap .view_cont .att_wrap .box01 span {font-size: 18px; font-weight: 600;;}
.board_view_wrap .view_cont .att_wrap .box02 {margin-left:22px; margin-top:8px;}
.board_view_wrap .view_cont .att_wrap .box02 ul li + li {margin-top:10px;}
.board_view_wrap .view_cont .att_wrap .box02 a {font-size: 18px; color:#0038ee; text-decoration:underline;}

/* page_list */
.page_list{display:flex;align-items:center;justify-content:center;padding-top:0;margin-top: 70px;}
.page_list li{margin:0;text-align:center}
.page_list li + li{margin-left:6px}
.page_list li a{display:block;width:36px;height:36px;background:none;line-height:36px;font-size:14px;color:#444;border-radius:50%;}
.page_list li.on a,
.page_list li a:hover{background:#f5f4f2;font-weight:600;color:#85765c}
.page_list li:nth-child(1) a,
.page_list li:nth-child(2) a,
.page_list li:nth-last-child(2) a,
.page_list li:last-child a{border:1px solid #ddd;border-radius:50%;text-indent:-9999px;background-repeat: no-repeat; background-position: 50% 50%;}
.page_list li:nth-child(2){margin-right:20px}
.page_list li:nth-last-child(2){margin-left:20px}
.page_list li:nth-child(1) a{background-image:url(./images/portal/paging_ic_first.png)}
.page_list li:nth-child(2) a{background-image:url(./images/portal/paging_ic_prev.png)}
.page_list li:nth-last-child(2) a{background-image:url(./images/portal/paging_ic_next.png)}
.page_list li:last-child a{background-image:url(./images/portal/paging_ic_last.png)}
.page_list li:nth-child(1) a:hover{background-color:#f5f4f2;background-image:url(./images/portal/paging_ic_first_over.png)}
.page_list li:nth-child(2) a:hover{background-color:#f5f4f2;background-image:url(./images/portal/paging_ic_prev_over.png)}
.page_list li:nth-last-child(2) a:hover{background-color:#f5f4f2;background-image:url(./images/portal/paging_ic_next_over.png)}
.page_list li:last-child a:hover{background-color:#f5f4f2;background-image:url(./images/portal/paging_ic_last_over.png)}
/* .page_list{display:flex;align-items:center;justify-content:center;padding:20px 0}
.page_list li{margin:0;text-align:center}
.page_list li + li{margin-left:5px}
.page_list li a{display:block;position:relative;min-width:15px;height:32px;background:none;line-height:32px;font-size:13px;color:#666}
.page_list li a::before{content:'';display:none;position:absolute;left:50%;bottom:6px;width:8px;height:2px;margin-left:-3px;background:#ef8903}
.page_list li.on a,
.page_list li a:hover{background:none;font-weight:600;color:#ef8903}
.page_list li.on a::before,
.page_list li a:hover::before{display:block}
.page_list li:nth-child(1) a,
.page_list li:nth-child(2) a,
.page_list li:nth-last-child(2) a,
.page_list li:last-child a{width:32px;height:32px;border:1px solid #E8E8E8;border-radius:50%;text-indent:-9999px;background:#fff no-repeat 50% 50%}
.page_list li:nth-child(2) a{margin-right:20px}
.page_list li:nth-last-child(2) a{margin-left:20px}
.page_list li:nth-child(1) a:hover::before,
.page_list li:nth-child(2) a:hover::before,
.page_list li:nth-last-child(2) a:hover::before,
.page_list li:last-child a:hover::before{display:none}
.page_list li:nth-child(1) a{background-image:url(./images/common/pageing_ic_first.png)}
.page_list li:nth-child(2) a{background-image:url(./images/common/pageing_ic_prev.png)}
.page_list li:nth-last-child(2) a{background-image:url(./images/common/pageing_ic_next.png)}
.page_list li:last-child a{background-image:url(./images/common/pageing_ic_last.png)}
.page_list li:nth-child(1) a:hover{border-color:#ef8903;background-image:url(./images/common/pageing_ic_first_over.png)}
.page_list li:nth-child(2) a:hover{border-color:#ef8903;background-image:url(./images/common/pageing_ic_prev_over.png)}
.page_list li:nth-last-child(2) a:hover{border-color:#ef8903;background-image:url(./images/common/pageing_ic_next_over.png)}
.page_list li:last-child a:hover{border-color:#ef8903;background-image:url(./images/common/pageing_ic_last_over.png)} */

/* guide_wrap */
.guide_wrap{padding:15px;margin-bottom:20px;border:1px solid #ef8903;background:#fff}
.guide_wrap ul li{padding:0 0 0 20px;color:#ef8903;background:url(./images/common/guide_li_ic.png) no-repeat 0 3px;text-indent:0}
.guide_wrap > ul > li:before{display:none}
.guide_wrap ul li + li{margin-top:5px}

/* help_pop */
.th_help{display:inline-block;width:16px;height:16px;margin-left:5px;background:url(./images/common/th_help_ic.png) no-repeat 50% 50%;text-indent:-9999px;}
.help_pop{display:none}

/* tab */
.tabType01 ul{display:flex;align-items:center;}
.tabType01 ul li{position:relative;width:auto}
.tabType01 ul li + li::before{content:'';display:block;position:absolute;top:50%;left:-1px;width:2px;height:14px;background:#DBDBDB;transform:translateY(-50%)}
.tabType01 ul li a{display:block;padding:20px 30px;font-size:17px;color:#a6a6a6}
.tabType01 ul li:first-child a{padding-left:0}
.tabType01 ul li.on a{font-weight:600;color:#ef8903}

.tab_type1{display:flex;align-items:center;}
.tab_type1 li{position:relative;width:auto;flex:1;border:0}
.tab_type1 li + li::before{content:'';display:block;position:absolute;top:50%;left:-1px;width:2px;height:14px;background:#DBDBDB;transform:translateY(-50%)}
.tab_type1 li a{display:block;height:auto;padding:0 12px;color:#a6a6a6}
.tab_type1 li a span{padding:0}
.tab_type1 li:first-child a{padding-left:0}
.tab_type1 li.on{border:0;}
.tab_type1 li.on a{font-weight:600;color:#ef8903}

.tabType02{margin-bottom:20px}
.tabType02 ul{display:flex;align-items:center;}
.tabType02 ul li + li{margin-left:10px}
.tabType02 ul li a{display:block;padding:5px 20px;border:1px solid #ef8903;border-radius:50px;background:#fff;font-size:14px;color:#ef8903}
.tabType02 ul li.on a{background:#ef8903;color:#fff}

.tab_type2 ul{display:flex;align-items:center;}
.tab_type2 ul li + li{margin-left:10px}
.tab_type2 ul li a{display:block;padding:5px 20px;border:1px solid #ef8903;border-radius:50px;background:#fff;font-size:14px;color:#ef8903}
.tab_type2 ul li.ui-state-active a,
.tab_type2 ul li.ui-state-active a.ui-tabs-anchor{background:#ef8903;color:#fff}

/* list_tab */
.list_tab li.on a,
.list_tab li a:hover{color:#ef8903}

/* menu_wrap */
.menu_wrap{margin-bottom:10px}
.menu_wrap .menu_right{padding-top:20px;background:#fff;}
.ui-menu .ui-menu-item a{display:block;width:100%;padding:5px;padding-left:24px}
.ui-menu .ui-menu-item a:hover,
.ui-menu .ui-menu-item a.ui-state-active{padding:5px;padding-left:24px;margin:0}


/* upload */
.ajax-file-upload-bar{background:#ef8903}
.ajax-file-upload-statusbar .ajax-file-upload-view{border-color:#ef8903}
.COMMON_FILEUPLOAD .ui-sortable li,
.COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{border-color:#f0f0f0;background:#fff}
.COMMON_FILEUPLOAD .ui-sortable li.SORT_INDEX_0{margin-top:5px}
.ajax-file-upload-content .ajax-file-upload-bar{box-shadow:0 0 20px 2px rgb(0 0 0 / 10%)}
.ajax-file-upload-statusbar
.ajax-file-upload-content .ajax-file-btns-wrap{top:50%;margin-top:-10px}
.ico_menu.menu_del .hide_txt,
.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a.txtLink,
.ajax-file-upload.btnTypeDef{border:1px solid #DDE3E7;padding:3px 5px;background:#fff;color:#333;font-family:'Noto Sans','Nanum Gothic', '梨섑삨占쎈�ⓔ�占쎈퇋沅�';line-height:1;font-size:12px}
.ajax-file-upload.btnTypeDef{height:auto;padding:8px 10px}
.ajax-file-upload-statusbar .ajax-file-upload-content .ajax-file-btns-wrap a{height:20px;}
.ajax-file-btns-wrap .moveLabel .ui-icon{height:18px;margin:0}

/* ui-datepicker */
.ui-datepicker.ui-widget.ui-widget-content{border-radius:4px;}
.ui-datepicker{box-shadow:0 0 20px 1px rgb(0 0 0 / 10%);}
.ui-datepicker .ui-datepicker-header{border:0;border-radius:0;background:#ef8903; border-radius:4px 4px 0 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top:50%;width:25px;height:25px;margin-top:-12px;border:0;background:no-repeat 50% 50%;cursor:pointer}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{display:none}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev:hover{left:5px;background-image:url(./images/common/white_arrow_ic_prev.png)}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next:hover{right:5px;background-image:url(./images/common/white_arrow_ic_next.png)}
.ui-datepicker .ui-datepicker-title{display:flex;align-items:center;margin:0 25px;font-size:13px;color:#fff}
.ui-datepicker .ui-datepicker-title select{height:26px;margin:0 5px;border-radius:3px;padding:0 5px;font-size:13px;color:#666}
.ui-datepicker .ui-datepicker-title select{background:#fff url(images/portal/arrow_down.png) no-repeat right 5px center;}
.ui-datepicker .ui-datepicker-calendar{margin:0;border-radius:0 0 4px 4px;}
.ui-datepicker .ui-datepicker-calendar thead th{font-weight:400;}
.ui-datepicker .ui-datepicker-calendar tbody td span,
.ui-datepicker .ui-datepicker-calendar tbody td a{display:flex;align-items:center;justify-content:center; border:0;background:none;text-align:center}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover,
.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-active{border-radius:3px;background:#ef8903;color:#fff}
.ui-datepicker .ui-datepicker-calendar tbody td a:hover{opacity:0.8}
.ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled span{border:0;background:none}
.ui-timepicker-div.ui-timepicker-oneLine{margin-top:10px;}
.ui-timepicker-div.ui-timepicker-oneLine dl{display:flex;align-items:center;justify-content:center}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label{margin-right:5px;padding:0;font-size:14px}
.ui-timepicker-div .ui-timepicker-select{width:50px;height:25px;padding:0 10px;margin:0 2px;line-height:23px;background:#fff}
input[type="text"].hasDatepicker {width:auto; padding:0 34px 0 10px !important; background:url(images/portal/ico_date.png) no-repeat right 11px center;}
input[type='text'].hasDatepicker:focus {background:url(images/portal/ico_date.png) no-repeat right 11px center;}

/* actyDiv */
#actyDiv table.t_view,
#aplDiv table.t_view{border-top:0}
#ipDiv table + table tbody td{border-top:0}

/* file_input */
.file_input{display:flex;align-items:center;margin-bottom:10px}
.file_input label{height:34px;border:1px solid #f0f0f0;font-weight:400;line-hegith:32px;color:#999}
.file_input #common_upload_file + label{border-left:0}

.cmnFileLst li a{display:block;padding:2px 0;padding-left:20px;background:url('./images/common/file_ic.png') no-repeat 0% 50%;font-size:14px;color:#333}
.cmnFileLst li a:hover{color:#ef8903}

/* menu */
.menu_wrap .menu_left .btn_wrap_{display:flex}
.menu_wrap .btn01{display:inline-block;min-width:80px;height:34px;padding:0 15px;border:1px solid #D7DFE4;border-radius:0;background:#fff;line-height:32px;font-weight:400;font-size:13px;color:#333;text-align:center}
.menu_wrap .btn01 + .btn01{border-left:0}

#boardTemplate_ul li{display:flex;flex-wrap:wrap;align-items:center;width:100%;}
#boardTemplate_ul li .boardTemplate_text{width:100px;}
#boardTemplate_ul li select{width:200px}
#boardTemplate_ul li .btn01{margin-left:5px}
#boardTemplate_ul li + li{margin-top:5px}

.mypage_wrap .btn_wrap .btn01{height:auto;padding:10px;line-height:1;}

.secret_box{display:flex;align-items:center;width:100%;}
.secret_box > .comm_set{display:block;}
.secret_box ul{display:flex;align-items:center;}
.secret_box ul li{padding-top:0}
.secret_box ul li + li{padding-left:10px;}
.secret_box input[type="text"]{margin-top:0;}

.img_table .img_box > span > div{display:flex;justify-content:center;}
.wrt_name{display:flex;align-items:center;justify-content:end;}
.wrt_name .info{margin-top:5px;}
.card_table .ctg{line-height:1;}
.card_flexbox{display:flex;align-items:center;justify-content:space-between;margin-top:10px;}
.card_flexbox .date{padding-top:0;}
.img_table ul li .btn_box_{overflow:visible;}
.img_table ul li .btn_box_:after{content:'';display:block;clear:both;}
.banner_wrap .banner_ul > li{display:flex;align-items:center;justify-content:center;height:90px;padding:0 5px;border:0;}
.banner_wrap .banner_ul > li > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border:1px solid #e1e5e6}
.banner_wrap .banner_ul > li > a img{max-height:100%;height:100%;object-fit:cover;}
#contype .addBtn{margin-bottom:10px;}
#contype .ajax-file-upload{margin-top:10px;}
.accordion_w .accordion_details .btn_box .btn01{padding:0;}
/* �뚢뫂�쀯㎘占� 占쎈쾻嚥∽옙 沃섎챶�봺癰귣떯由� */
#dialogDiv .tit-txt{display:block; position: static;font-size: 18px;padding-bottom: 10px;}
#dialogDiv .cont{overflow-y: auto;margin: auto;height: 350px;border-radius: 6px;background: #f3f8ff;border: 1px solid #dce5f5;padding: 12px;}
#dialogDiv .type1 .cont{width: 350px;}
#dialogDiv .type2 .cont{width:700px;}
#dialogDiv .con-box{position: relative;}
#dialogDiv img{width: auto;height: 100%;position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
#dialogDiv .type2 img{width: 100%;height: auto;}
#dialogDiv .img-box{position: relative; overflow: hidden;height: 200px;margin: 8px 0;padding:0;}

.search_form .auth_manage_search .search_bar_wrap dd{display:flex;}
.search_form .auth_manage_search .search_bar_wrap dd div{flex:0 0 calc(50%)}
.search_form .auth_manage_search .search_bar_wrap dd #divuserTagLib input[type="text"]{width:calc(100% - 210px)}
.search_form .auth_manage_search .search_bar_wrap dd #divuserTagLib a.btn01{padding:5px 15px;}
.search_form .auth_manage_search .search_bar_wrap dd .search_btn_wrap{text-align:right;}
.search_form .auth_manage_search .search_bar_wrap dd .search_btn_wrap a.btn01{background:#ef8903;border-radius:50px;font-size:14px;color:#fff;}
.search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn a.btn02{line-height:1.8;height:38px;margin-left:0;}
.search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn a#resetBtn{margin-left:5px;}
.search_form .auth_manage_search .search_bar_wrap dd.auth_search_btn .btn01.col04{background:transparent;border:1px solid #ef8903;border-radius:50px;font-weight:300;font-size:14px;color:#ef8903;padding:5px 15px;line-height:1.8;height:38px;}


.auth_tree_wrap.tree_wrap .tree_chk_wrap{width:auto;float:none;}
#gnb.auth_manage_wrap{z-index:0;text-align:inherit;}
#gnb.auth_manage_wrap > ul{display:flex;justify-content:unset;align-items:unset;overflow:auto;}
#gnb.auth_manage_wrap > ul > li{flex:0 0 calc(100%/8);padding:0;}
#gnb.auth_manage_wrap > ul > li + li{margin-left:10px;}
#gnb.auth_manage_wrap > ul > li:nth-child(7n + 1){margin-left:0;}
#gnb.auth_manage_wrap > ul > li.default_wrap{flex:1 0 auto;background:#f5f5f5 url(./images/common/no_result_ic.png) center 50px no-repeat;padding:80px 0 50px;text-align:center;}
#gnb.auth_manage_wrap dl.auth_wrap > dt{cursor:pointer;}
#gnb.auth_manage_wrap dl.auth_wrap:not(.off) .menu_wrap{}
#gnb.auth_manage_wrap dl.auth_wrap:not(.off) + .manage_sub > .menu_sub2{margin-top:10px;}
#gnb.auth_manage_wrap dl.auth_wrap .menu_wrap{display:none;}
#gnb.auth_manage_wrap dl.auth_wrap + .manage_sub > ul.menu_sub2{}
#gnb.auth_manage_wrap dl.auth_wrap + .manage_sub .sub_3{}
#gnb.auth_manage_wrap dd.menu_wrap{overflow:visible;margin:0;padding:0 5px;}
#gnb.auth_manage_wrap dl.auth_wrap:not(.off) dd.menu_wrap{overflow:visible;}
#gnb.auth_manage_wrap dl.auth_wrap.on dd.menu_wrap{display:block;}
#gnb.auth_manage_wrap dd.menu_wrap label.switch{width:calc(178px - 112px);height:calc(84px/ 3);}
#gnb.auth_manage_wrap dd.menu_wrap label.switch>span:after{width:calc(96px/3);height:calc(72px/3);border-radius:60px;}
#gnb.auth_manage_wrap dd.menu_wrap .switch_box{margin-bottom:10px;padding:10px 0;border-bottom:1px solid #e5e5e5;}
#gnb.auth_manage_wrap dd.menu_wrap .switch_box li{display:flex;align-items:center;justify-content:space-between;}
#gnb.auth_manage_wrap dd.menu_wrap .switch_box li + li{margin-top:10px;}
#gnb.auth_manage_wrap dd.menu_wrap .switch_box li p{letter-spacing:-1.4px;font-size:12px;margin-right:5px;}
#gnb.auth_manage_wrap dd.menu_wrap label.switch + label.switch{margin-left:10px;}
.auth_depth1 > li .auth_wrap{margin-bottom:10px;border:1px solid #ef8903;background:#fff;}
.auth_depth1 .auth_wrap .auth_head{position:relative;padding:5px;}
.auth_depth1 .auth_wrap .auth_head span{font-size:13px;letter-spacing:-1.2px;}
.auth_depth1 .auth_wrap .auth_label_wrap{padding:5px 0;}
.auth_depth1 .auth_wrap .auth_label_wrap div{display:flex;align-items:center;margin-top:10px;}
.auth_depth1 .auth_wrap .auth_label_wrap div span{width:55px;font-weight:500;font-size:13px;color:#111;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.auth_depth1 .menu_sub2 .auth_wrap .auth_head{background-color:rgba(184,28,43, 0.1)}
.auth_depth1 .menu_sub2 .sub_3 .auth_wrap:not(.on) .auth_head{background-color:rgba(184,28,43, 0.2)}
.auth_depth1 .auth_wrap .auth_head::after{content:'';display:block;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:12px;height:7px;background:url(./images/common/depth_arrow01.png) no-repeat;}
.auth_depth1 .auth_wrap.on .auth_head::after{background-image:url(./images/common/depth_arrow02.png);}
.auth_depth1 .auth_wrap.on .auth_head{background:#ef8903;color:#fff;}


/* .auth_depth1 li .menu_sub2 .auth_wrap .menu_wrap{margin-top:10px;} */
.auth_depth1 li .sub_3 .auth_wrap .menu_wrap{margin-top:10px;}

.mlt_msg li + li {margin-top: 10px;}


#logInfoPop{text-align:center;line-height:1.6}
#logInfoPop .title{margin-bottom:30px;font-weight:600;font-size:20px;color:#000}
#logInfoPop ul{margin-top:30px}
#logInfoPop li{font-size:16px;}
#logInfoPop li a{color:#118dff;text-decoration:underline}



@media only screen and (max-width:1900px){
  .quick_menu {left:auto; right:10px;}
}

@media only screen and (max-width:1660px){
  .n_inner {max-width:none; margin:0;}
  header .n_inner {padding:0 20px;}
  .n_inner .logo_wrap {left:20px;}
  .n_main_wrap .n_inner {max-width:none; padding:30px 5px 110px;}
  .n_main_wrap .portlet_list > li:not(.quick_menu) {padding:5px;}
  .n_main_wrap .box_default {padding:20px;}
  .n_main_wrap .box_layout {border-radius:10px;}
  .n_portlet .p_scroll {padding-right:8px;}
  .n_portlet .box_default.box_scroll {padding:20px 8px 20px 20px;}
  .n_portlet .grid_col2 > *:not(script) {width:calc((100% - 10px) / 2);}
  .n_portlet .grid_col2 > *:not(script) + *:not(script) {margin-left:10px;}
  .n_portlet .grid_row2 > *:not(script) {height:calc((100% - 10px) / 2);}
  .n_portlet .grid_row2 > *:not(script) + *:not(script) {margin-top:10px;}
  .n_portlet.item05 .grid_col2 > * {width:calc((100% - 10px) / 2);}
  .n_portlet.item05 .grid_col2 > * + * {margin-left: 10px;}
  .n_portlet.item15 .box02 ul li + li {margin-top: 10px;}
  .p_ul_list01 {gap:10px;}
  .p_ul_list03 li + li {margin-top: 10px;}
  .p_ul_list04 li + li {margin-top: 10px;}
  .p_ul_list05 li + li {margin-top: 10px;}
  /* .n_portlet.item01 .p_left .box01 .img_wrap {width:110px; height:110px;} */
  .n_portlet.item01 .p_left .box01 .text_wrap .text01 {font-size: 20px;}
  .n_portlet.item01 .p_left .box01 .text_wrap .text02 {font-size: 16px;}
  .n_portlet.item01 .p_left .box01 .text_wrap .text03 select {font-size: 16px; height:38px;}
  .n_portlet.item01 .p_left .box02 ul li a span {font-size: 16px;}
  .n_portlet.item01 .p_right .text01 {font-size: 20px;}
  .n_main_wrap .auth_check_wrap{position:static;width:100%;max-width:100%;padding:0 5px;}
  .n_main_wrap .auth_check_wrap div{border-radius:8px;}
  .n_main_wrap .auth_check_wrap div span{font-size:14px;padding:4px 0 4px 32px;letter-spacing:-.5px;}
  .n_main_wrap .auth_check_wrap div span br{display:none;}
  .n_main_wrap .auth_check_wrap div:before{display:none;}
  .n_main_wrap .auth_check_wrap div:after{display:none;}

  .n_portlet.item02 .tab_cont ul li a .text01 {font-size: 16px; line-height:22px; max-height:44px;}
  .n_portlet.item03 .schedule_list li .text02 {font-size: 16px;}
  .n_portlet.item04 .box01 .text01 span {font-size: 18px;}
  .n_portlet.item05 .box01 a .text01 {font-size: 22px;}
  /* .n_portlet.item05 .box01 a .text02 {font-size: 18px;} */
  .n_portlet.item05 .box02 a div .text01 {font-size: 18px;}
  .n_portlet.item05 .cha_wrap {right:10px;}
  .n_portlet.item05 .cha_wrap p {width:190px;font-size: 14px;line-height:18px;}
  .n_portlet.item05 .cha_wrap img {width:90px;}
  .n_portlet.item06 .box01 .text01 {font-size: 22px;}
  .n_portlet.item06 .box02 ul li p {font-size: 16px;}
  .n_portlet.item06 .p_right ul li a span {font-size: 14px;}
  .n_portlet.item07 .tab_cont ul li .left {font-size: 16px;}
  .n_portlet.item07 .tab_cont ul li .right .text01 span {font-size: 22px;}
  .n_portlet.item08 .p_inner > div a .text01 {font-size: 18px;}
  .n_portlet.item08 .p_inner > div a .text02 {font-size: 20px;}
  .n_portlet.item09 .date_cont ul li a .label {width:32px; font-size: 14px;}
  .n_portlet.item09 .date_cont ul li a .tit {width:calc(100% - 32px); font-size: 14px;}
  .n_portlet.item09 .date_cont {margin-top: 10px;}
  .n_portlet.item10 .box01 .text01 {font-size: 18px;}
  .n_portlet.item10 .box02 ul li dt {font-size: 16px; line-height:20px;}
  .n_portlet.item10 .box02 ul li dd {font-size: 16px; line-height:20px;}
  .portlet_cal_wrap .cal_tab_wrap table tr th {font-size: 16px;}
  .portlet_cal_wrap .cal_tab_wrap table tr td {font-size: 16px;}
  .n_portlet.item11 .portlet_cont > p {font-size:16px;}
  .portlet_table_wrap table th,
  .portlet_table_wrap table td {font-size: 14px;}
  .p_qna_list .box02 .text01 {font-size: 18px;}
  .p_ul_list01 .text01 {font-size: 16px; line-height:20px; max-height:40px;}
  .n_portlet.item15 .box02 ul li a span {font-size: 16px;}
  .p_ul_list02 .text01 {font-size: 16px;}
  .p_ul_list02 .text02 {font-size: 16px;}
  .p_ul_list03 li a .text01 {font-size: 16px;}
  .p_ul_list03 li a .text02 {display:block;}
  .p_ul_list03 li a .text02 span {display:block;}
  .p_ul_list03 li a .text02 span + span {margin-left: 0; margin-top: 10px;}
  .p_ul_list03 li a .text02 span + span::after {display:none;}
  .p_ul_list03 li a .text02 span:last-child {padding-left:24px; background-position:3px center;}
  .p_ul_list04 li a span {font-size: 16px;}
  .p_ul_list04 li a div dt {font-size: 16px;}
  .p_ul_list04 li a div dd {font-size: 16px;}
  .p_ul_list05 li .text01 {font-size: 18px;}
  .p_ul_list05 li .text03 {font-size: 18px;}
}

@media only screen and (max-width:1500px){
  .sub_container .sub_inner {max-width:none; margin:0; padding:60px 20px 100px;}
  .sub_container .sub_header {display:block;}
  .n_sub_gnb {display:flex; justify-content:flex-end;}
}

@media only screen and (max-width:1440px){
  .n_gnb ul li + li {margin-left: 30px;}
  .n_gnb ul li a {font-size: 18px;}
  .n_footer {height:auto; padding:10px 16px 40px;}
  .n_footer .footer02 {background-position:right 36px;}
  .n_footer .footer02 .campus_list {display:block;}
  .n_footer .footer02 .campus_list li {width:100%;}
  body.login .n_footer .footer02 .campus_list li {width:100%;}
  .n_footer .footer02 .campus_list li + li {margin-top: 30px;}
  .n_footer .footer02 .campus_list li p + p {margin-top: 10px;}
  .n_main_wrap .n_inner {padding:5px 5px 40px;}
  .n_main_wrap .portlet_list > li:not(.quick_menu) {width:50%;}
  .n_main_wrap .portlet_list > li.cell2 {width:100%;}
  .portlet_cal_wrap {width:calc(60% - 30px);}
  .n_portlet.item03 .schedule_wrap,
  .n_portlet.item10 .schedule_wrap {width:40%;}
  .n_portlet.item15.widget_0116 .box02 ul li + li:before{content:'';display:none;}
}

@media only screen and (max-width:1280px){
  header {height:100px;}
  .n_gnb ul li a {font-size:16px;}
  .n_gnb ul li:not(:first-child):not(:last-child) a:before{top:2px;width:12px;height:12px;background-size:12px;}
  .n_login_wrap {padding:60px 16px;}
  .login_link_list2 li {flex:1;}
  .login_link_list2 li a {width:auto;}
  .login_link_list2 li a span {font-size: 14px;}
  .sub_container .sub_header .sub_tit h3 {font-size: 26px;}
  .sub_container .sub_cont {padding:40px;}
  .sub_container .sub_cont h4 {font-size: 22px;}
  .sub_container .sub_cont .sub_info_wrap {padding: 40px; background-size:140px;}
  .sub_container .sub_cont h5 {font-size: 20px;}
  .sub_container .sub_cont h4 + h5 {margin-top: 30px;}
  .sub_btn_wrap {margin-top: 40px;}
  .userty_wrap {padding:36px 40px;}
  .userty_wrap .text01 {font-size: 20px;}
  .userty_list {display:grid; grid-template-columns:repeat(2, 1fr); gap: 20px;}
  .userty_list > li + li {margin-left: 0;}
  .userty_list > li:nth-child(n + 4){margin-top:0;}
  .userty_list > li input[type="radio"] + div {display:flex; align-items:center; padding:20px 30px;}
  .userty_list > li .user_info {width:calc(100% - 170px); margin-top: 0; margin-left: 40px;}
  .userty_list > li .user_ico {width:130px;}
  .userty_list > li .user_ico p {font-size: 20px;}
  .userty_list > li input[type="radio"]:checked + div {padding:19px;}
  .sub_agree_wrap .box01 {padding:40px;}
  .sub_agree_wrap .box02 {padding:30px;}
  .input_form2.type2 {padding:46px 0 0;}
  .input_form2.type2 .form_row {width:600px; margin:0 auto;}
  .board_view_wrap .view_top .tit {font-size: 20px;}
}

@media only screen and (max-width:1024px){
  header{height:60px;}
  .dimlnb_bg{z-index:50;}
  header .n_inner {padding:0 16px;}
  .gnb_open .btn_gnb{left:auto;opacity:1;}
  .m_gnb .m_gnb_top{position:relative;min-height:calc(100% - 1024px);background:url(images/portal/m_gnb_top_bg.jpg) no-repeat center / cover;}
  .m_gnb .m_gnb_top .user_wrap{background:transparent;padding:60px 30px 0;min-height:160px;}
  .m_gnb .m_gnb_top .user_wrap .name , .m_gnb .m_gnb_top .user_wrap p{font-weight:400;font-size:16px;color:#fff;}
  .m_gnb .m_gnb_top .user_wrap p + p{margin-top:10px;}
  .m_gnb .m_gnb_top .user_wrap .name strong{font-weight:600;font-size:20px;}
  .m_gnb .m_gnb_link_box{position:absolute;z-index:1;width:100%;margin-top:-60px;padding:24px;}
  .m_gnb .m_gnb_link{display:flex;background:#fff;border-radius:8px;padding:24px;box-shadow: rgba(141, 141, 141, 0.12) 0px 8px 24px;}
  .m_gnb .m_gnb_link > li{display:flex;justify-content:center;flex:1;position:relative;}
  .m_gnb .m_gnb_link > li + li:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:34px;background:#f0f0f0;}
  .m_gnb .m_gnb_link > li > a{display:flex;flex-direction:column;align-items:center;position:relative;width:auto;}
  .m_gnb .m_gnb_link > li > a:before{content:'';display:block;width:70px;height:70px;background:#fcf7f2 no-repeat 50% 50%;border-radius:100%;margin-bottom:12px;}
  .m_gnb .m_gnb_link > li:nth-child(1) > a:before{background-image:url(images/portal/m_gnb_link_ic01.png);background-size:37px auto;}
  .m_gnb .m_gnb_link > li:nth-child(2) > a:before{background-image:url(images/portal/m_gnb_link_ic02.png);background-size:44px auto;}
  .m_gnb .m_gnb_link > li:nth-child(3) > a:before{background-image:url(images/portal/m_gnb_link_ic03.png);background-size:32px auto;}
  .m_gnb .m_gnb_link > li > a span{font-weight:500;font-size:14px;color:#212121;}
  .m_gnb_wrap{overflow:hidden;height:100%;background:#f8f7f6 url(images/portal/m_gnb_emblem_watermark.png) no-repeat;background-size:340px auto;background-position:bottom 100px right -70px;}
  .m_gnb_wrap .m_gnb_list{height:calc(100vh - 275px);padding:120px 30px 0;background-color:transparent;}
  .m_gnb_wrap .m_gnb_list li a{border-right:0;background-color:transparent;background:url(images/portal/m_gnb_list_arrow.png) no-repeat 100% 50%;background-size:8px auto;font-weight:500;font-size:16px;color:#212121;}

  .m_gnb .m_gnb_bottom{display:block;position:absolute;bottom:40px;z-index:50;width:calc(100%);padding:0 24px;text-align:center;}
  .m_gnb .m_gnb_bottom a{display:block;background:#9d9d9d;border-radius:8px;padding:16px 0;font-weight:600;font-size:14px;color:#fff;text-align:center;}
  .m_gnb .m_gnb_bottom .m_gnb_copy{margin-top:12px;font-weight:500;font-size:12px;color:#ccc;letter-spacing:-1px;}
  .n_header_top {display:none;}
  .n_inner .logo_wrap {left:16px;}
  .n_inner .logo_wrap a {width:130px; height:40px; background:url(images/portal/dongguk_logo_m.png) no-repeat center / 130px;}
  .n_inner .logo_wrap a.wise{width:180px;background-size:180px auto;}
  .btn_gnb {left:auto; right:0;}
  .n_footer .footer01 > ul li a {font-size: 16px;}
  .n_login_wrap .login_box {padding:40px;}
  .n_login_wrap.mac_type .login_box{max-width:100%;}
  .n_login_wrap .login_box .top > div + div {margin-left:30px; padding-left:30px;}
  .n_login_wrap .login_box .top .box_tit {font-size: 22px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_util label.check .txt {font-size: 16px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_util a span {font-size: 16px;}
  .n_login_wrap .login_box .top .box01 .sbox02 .loginBtn {font-size: 18px;}
  .n_login_wrap .login_box .top .box02 .sbox01 > a {font-size: 18px;}
  .n_login_wrap .login_box .top .box02 .sbox01 > p span {font-size: 14px; line-height:16px; background-position:left top;}
  .n_login_wrap .login_box .bottom {padding:20px;}
  .login_link_list1 li a {font-size: 14px;}
  .sub_container .sub_inner {padding:40px 20px 60px;}
  .sub_container .sub_header {padding:0 20px;}
  .sub_btn_wrap a {width:100%; height:40px;}
  .sub_btn_wrap > div{float:none !important;}
  .sub_btn_wrap.m_reverse{display:flex;flex-wrap:wrap;}
  .sub_btn_wrap.m_reverse .f_left{order:2;width:100%;margin-top:10px;}
  .sub_btn_wrap.m_reverse .f_right{order:1;width:100%;}
  .sub_btn_wrap > div.f_left{margin-bottom:10px;}
  .input_form2 .form_row {display:block;}
  .input_form2.type2 .form_row {display:flex;}
  .input_form2 .form_row {width:600px; margin:0 auto;}
  .input_form2 .form_row .form_col {width:100%;}
  .input_form2 .form_row .form_col + .form_col {margin-left: 0;}
  .sub_container .sub_cont {padding:30px;}
  .userty_wrap {padding:30px;}
  .userty_list {gap:14px;}
  .userty_list > li .user_ico {width:110px;}
  .userty_list > li .user_ico p {font-size: 16px; line-height:20px;}
  .userty_list > li input[type="radio"] + div {padding:14px;}
  .userty_list > li input[type="radio"]:checked + div {padding:13px;}
  .userty_list > li .user_info {width:calc(100% - 130px); margin-left: 20px; padding:10px;}
  .userty_list > li .user_info dt {font-size: 14px;}
  .userty_list > li .user_info dd {font-size: 14px;}
  .userty_list > li .user_info dd .label {font-size: 14px; padding:4px 8px;}
  .sub_agree_wrap .box01 {padding:30px;}
  .sub_agree_wrap .box02 {display:block;}
  .sub_agree_wrap .box02 .sbox01 {font-size: 16px;}
  .sub_agree_wrap .box02 .sbox02 {margin-top: 20px; display:flex; justify-content:flex-end;}
  .sub_agree_wrap .box02 .sbox02 ul li + li {margin-top: 14px;}
  .board_list li a {padding:20px 150px 20px 20px;}
  .board_list li a .box01 .new {width:54px; line-height:26px;}
  .board_list li a .box01 .tit {font-size: 18px; line-height:26px;}
  .board_list li a .box01 .new + .tit {width:calc(100% - 64px);}
  .board_view_wrap .view_top {display:block;}
  .board_view_wrap .view_top .tit {font-size: 18px; line-height:22px;}
  .board_view_wrap .view_top .info {margin-left: 0;padding-bottom: 0;margin-top: 20px;}
  .board_view_wrap .view_cont .att_wrap .box02 a {font-size: 16px;}

  .quick_menu{z-index:49;}
  .quick_menu.open{width:100%;top:auto;right:auto;left:0;z-index:50;}
  .quick_menu .box01{display:none;}
  .quick_menu .box02{position:fixed;bottom:0;left:0;width:100%;margin:0;}
  .quick_menu .box02 .sbox01{display:none;}
  .quick_menu .box02 .btn_quick{display:block;position: fixed;bottom: 150px;right: 10px;z-index:50;;width: 72px;height: 72px;background: #f76b1e;border:1px solid #f76b1e;border-radius: 100%;opacity:0.9;transition:all ease .3s;text-align:center;}
  .quick_menu .box02 .btn_quick.on{bottom:380px;}
  .quick_menu .box02 .btn_quick span{padding-top:20px;color:#fff;}
  .quick_menu.open .box02 .btn_quick span{padding-top:12px;}
  .quick_menu .box02.type2 .btn_quick.on{bottom:400px;}
  .quick_menu .box02 .btn_top{position: fixed;bottom: 70px;right: 10px;width: 72px;height: 72px;background:rgba(255,255,255, 0.7);border:1px solid #dadada;border-radius: 100%;transition:all ease .3s;}
  .quick_menu .box02 .btn_top span{background-image:url(images/portal/m_btn_top_arrow_ic.png);background-size:12px auto;color:#999;padding-top:16px;}
  .quick_menu .box02 i{display:block;width:25px;height:2px;margin:6px auto 0;background:#000;transition:0.3s}
  .quick_menu .box02 i:first-child{margin-top:21px;}
  .quick_menu .box02 i{display:none;position:relative;left:0;width:16px;margin:6px auto 0;background:#fff;}
  .quick_menu.open .box02 i{display:block;}
  .quick_menu .box02 i:first-child{margin-top:4px;}
  .quick_menu .box02 i:nth-child(1){top:8px;transform: rotate(90deg);}
  .quick_menu .box02 i:nth-child(2){}
  .quick_menu.open .box02 i:nth-child(1){transform: rotate(45deg);}
  .quick_menu.open .box02 i:nth-child(2){transform: rotate(-45deg)}
  .n_gnb {display:none;}
  .n_gnb.quick_gnb{display:block;padding:20px;}
  .n_gnb.quick_gnb > p{font-weight:600;font-size:15px;color:#212121;margin-top:10px;}
  .n_gnb.quick_gnb ul{flex-wrap:wrap;margin-top:10px;background:#fff;border-radius:8px;padding:20px 0;}
  .n_gnb.quick_gnb ul li{flex:0 0 calc(25%);margin:0;}
  .n_gnb.quick_gnb ul li:nth-child(n + 5){margin-top:8px;}
  .quick_menu .n_gnb.quick_gnb ul li a span{background:no-repeat top center;background-size:26px auto;padding-top:40px;font-size:13px;}
  .n_gnb ul li:not(:first-child):not(:last-child) a:before{display:none;}
  .n_gnb.quick_gnb ul li:nth-child(1) a span{background-image:url(images/portal/quick_gnb_ic01.png)}
  .n_gnb.quick_gnb ul li:nth-child(2) a span{background-image:url(images/portal/quick_gnb_ic02.png)}
  .n_gnb.quick_gnb ul li:nth-child(3) a span{background-image:url(images/portal/quick_gnb_ic03.png)}
  .n_gnb.quick_gnb ul li:nth-child(4) a span{background-image:url(images/portal/quick_gnb_ic04.png)}
  .n_gnb.quick_gnb ul li:nth-child(5) a span{background-image:url(images/portal/quick_gnb_ic05.png)}
  .n_gnb.quick_gnb ul li:nth-child(6) a span{background-image:url(images/portal/quick_gnb_ic06.png)}
  .n_gnb.quick_gnb ul li:nth-child(7) a span{background-image:url(images/portal/quick_gnb_ic07.png)}
  .n_gnb.quick_gnb ul li:nth-child(8) a span{background-image:url(images/portal/quick_gnb_ic08.png)}

  .box02.type2 .n_gnb.quick_gnb ul li:nth-child(1) a span{background-image:url(images/portal/quick_gnb_ic01.png)}
  .box02.type2 .n_gnb.quick_gnb ul li:nth-child(2) a span{background-image:url(images/portal/quick_gnb_ic02.png)}
  .box02.type2 .n_gnb.quick_gnb ul li:nth-child(3) a span{background-image:url(images/portal/quick_gnb_ic03.png)}
  .box02.type2 .n_gnb.quick_gnb ul li:nth-child(4) a span{background-image:url(images/portal/quick_gnb_ic04.png)}
  .box02.type2 .n_gnb.quick_gnb ul li:nth-child(5) a span{background-image:url(images/portal/quick_gnb_ic05.png)}

  .quick_menu .box02 .sbox01 ul li a span.plag_check{background-size:42px auto;}

  .quick_menu .box02 .sbox01.open{display:block;border-radius:8px 8px 0 0;background:#f8f7f6;padding:0;}
  .quick_menu_list{display:flex;align-items:center;flex-wrap:wrap;background:#fff;padding:30px;box-shadow: rgba(153, 153, 153, 0.20) 0px -14px 24px;}
  .quick_menu_list li{flex:0 0 calc(25%);}
  .quick_menu .box02 .sbox01 ul li a{padding:4px 0;}

  .chatbot_box{width:100px;bottom:230px;}
  .chatbot_box a{padding-top:130px;background-size:100px auto;}

}

@media only screen and (max-width:768px){
  .n_footer {padding:22px 16px 26px;}
  .n_footer .footer01 {padding:0;}
  .n_footer .footer01 > ul {flex-wrap:wrap;}
  .n_footer .footer01 > ul li + li {margin-left:5px; padding-left:6px;}
  .n_footer .footer01 > ul li a {font-size: 12px; line-height:16px;}
  .familysite_box {position:static; width:100%;}
  .familysite_wrap {margin-top: 16px;position:relative;}
  .familysite_wrap .familysite_tab {padding:10px 12px; font-size: 14px; border:1px solid #c1c1c1;}
  .familysite_wrap.is-active .familysite_tab::after {width:calc(100% - 24px);}
  .familysite_wrap .familysite_panel {position:absolute; width:100%; bottom:35px; left:0;}
  .familysite_wrap .familysite_panel ul li a {font-size: 14px; padding:9px 12px;}
  .n_footer .footer02 {padding:24px 0; background:0 none; border:0 none;}
  .n_footer .footer02 .campus_list li + li {margin-top: 20px;}
  .n_footer .footer02 .campus_list li p {font-size: 14px;}
  .n_footer .footer02 .campus_list li p + p {margin-top: 6px;}
  .n_footer .copy {font-size: 14px; color:#999; line-height:18px;}
  body.login header {height:60px; border-bottom:0 none;}
  body.login header a {width:120px; height:37px; background:url(images/portal/dongguk_logo_m.png) no-repeat center / 120px;}
  .n_login_wrap {display:block; min-height:auto; padding:16px;}
  .n_login_wrap > div .text01,
  .n_login_wrap > div .text02 {display:none;}
  .login_tab {display:none; background:#fff;}
  .login_tab ul {display:flex; height:46px;}
  .login_tab ul li {flex-grow:1; position:relative;}
  .login_tab ul li::before{content:'';display:block;position:absolute;bottom:-2px;left:50%;width:0;height:3px;background:#ea5413;transform:translateX(-50%);transition:width 0.2s}
  .login_tab ul li.on::before{width:100%}
  .login_tab ul li a {height:44px; display:flex; align-items:center; justify-content:center;}
  .login_tab ul li a span {font-size: 14px; color:#a8a8a8;}
  .login_tab ul li.on a span {color:#222; font-weight: 600;}
  body.login #login_form input.id_input,
  body.login #login_form input.pw_input {padding-left:12px;}
  .n_login_wrap .login_box {margin-top: 0; padding:30px 16px; border-radius:8px;}
  .n_login_wrap .login_box .top {display:block;}
  .n_login_wrap .login_box .top > div + div {margin:0; padding:0; border:0 none;}
  .n_login_wrap .login_box .top .box_tit {font-size: 20px;}
  .n_login_wrap .login_box .top .box01 .sbox01 {margin-top: 30px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_row + .input_row {margin-top: 20px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_row .input_label {font-size: 16px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_row input {height:38px; font-size:14px; padding:0 12px; border-radius:6px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_util {margin-top: 16px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_util label.check .txt {font-size: 14px;}
  .n_login_wrap .login_box .top .box01 .sbox01 .input_util a span {font-size: 14px; background:url(images/portal/login/arrow_right_m.png) no-repeat right center / 8px;}
  .n_login_wrap .login_box .top .box01 .sbox02 {margin-top: 40px;}
  .n_login_wrap .login_box .top .box01 .sbox02 .loginBtn {height:40px; font-size: 16px; border-radius:6px;}
  .n_login_wrap .login_box .top .box02 {display:none;}
  .n_login_wrap .login_box .top .box02 .sbox01 > a {height:40px; font-size: 16px; border-radius:6px;}
  .n_login_wrap .login_box .top .box02 .sbox01 > p::before {width:90px; height:90px; background:#fcf8f7 url(images/portal/login/box02_ico01_m.png) no-repeat center / 50px;}
  .n_login_wrap .login_box .top .box02 .sbox01 > p span {background-image:url(images/portal/login/ico_info_m.png); background-size:16px;}
  .n_login_wrap .login_box .top .box02 .sbox02 {margin-top: 20px;padding-top: 20px;}
  .login_link_list2 li a::before {width:44px; height:44px;}
  .login_link_list2 li:nth-child(1) a::before {background-image:url(images/portal/login/dlink02_ico01_m.png); background-size:19px;}
  .login_link_list2 li:nth-child(2) a::before {background-image:url(images/portal/login/dlink02_ico02_m.png); background-size:21px;}
  .login_link_list2 li:nth-child(3) a::before {background-image:url(images/portal/login/dlink02_ico03_m.png); background-size:20px;}
  .login_link_list2 li:nth-child(4) a::before {background-image:url(images/portal/login/dlink02_ico04_m.png); background-size:20px;}
  .login_link_list2 li:nth-child(5) a::before {background-image:url(images/portal/login/dlink02_ico05_m.png); background-size:20px;}
  .login_link_list2 li a span {font-size: 13px;}
  .n_login_wrap .login_box .bottom {margin-top: 30px;padding: 16px;}
  .n_login_wrap .login_box .bottom p {font-size: 16px;}
  .n_login_wrap .login_box .bottom ul li {font-size: 14px; line-height:18px;}
  .n_main_wrap .portlet_list > li:not(.quick_menu) {width:100%;}
  .n_main_wrap .portlet_list > li:not(.quick_menu) > div {height:auto;}
  .n_portlet .grid_col2 {display:block;}
  .n_portlet .grid_col2 > *:not(script) {width:100%;}
  .n_portlet .grid_col2 > *:not(script) + *:not(script) {margin-left: 0; margin-top: 10px;}
  .n_portlet .grid_row2 > *:not(script) {height:auto;}
  .n_portlet .box_default.box_scroll .portlet_tab {margin-right: 12px;}
  .n_portlet .box_default.box_scroll .portlet_header {margin-right: 12px;}
  .n_main_wrap .box_layout {border-radius:8px;}
  .n_main_wrap .bdrs10 {border-radius:8px;}
  .n_portlet .top_emp {padding:20px;}
  .n_portlet .top_emp .emp_nm {font-size:18px;}
  .n_portlet .top_emp .n_tab li + li {margin-left: 50px;}
  .n_portlet .top_emp .n_tab li a {font-size: 14px;}
  .n_portlet .top_emp .n_tab li + li {margin-left: 16px;}
  .n_portlet .top_emp + .portlet_cont {margin-top: 10px; height:auto;}
  .n_portlet .portlet_nm {font-size: 16px;}
  .n_portlet .portlet_btn {width:30px; height:30px;}
  .n_portlet .portlet_btn.prev {background-image:url(images/portal/btn_prev_m.png); background-size:8px;}
  .n_portlet .portlet_btn.next {background-image:url(images/portal/btn_next_m.png); background-size:8px;}
  .n_portlet .portlet_btn.reset {background-image:url(images/portal/btn_reset_m.png); background-size:14px;}
  .n_portlet .portlet_header .portlet_more {background-image:url(images/portal/btn_more_m.png); background-size:20px;}
  .n_portlet .portlet_header .portlet_util_wrap > * + * {margin-left: 10px;}
  .n_portlet .portlet_header .portlet_util_wrap .portlet_btn + .portlet_btn {margin-left: 10px;}
  .n_portlet .portlet_header + .portlet_cont {height:auto;}
  .NO_RESULT p {padding-top:90px; font-size: 14px;}
  .NO_RESULT p::before {width:80px; height:80px; background-image:url(images/portal/no_result_m.png); background-size:38px;}
  .n_portlet.item01 .p_left {padding:20px;}
  .n_portlet.item01 .p_left .box01 .img_wrap {width:100px; height:100px;}
  .n_portlet.item01 .p_left .box01 .text_wrap {margin-left: 14px;}
  .n_portlet.item01 .p_left .box01 .text_wrap .text01 {font-size: 18px;}
  .n_portlet.item01 .p_left .box01 .text_wrap .text03 span {padding:4px 10px;}
  .n_portlet.item01 .p_left .box02 {margin-top: 18px;}
  .n_portlet.item01 .p_left .box02 ul li a {height:80px;}
  .n_portlet.item01 .p_left .box02 ul li a span {font-size: 14px;}
  .n_portlet.item01 .p_left .box02 ul li:nth-child(1) a span {background:url(images/portal/portlet01_ico01_m.png) no-repeat center top / 24px;}
  .n_portlet.item01 .p_left .box02 ul li:nth-child(2) a span {background:url(images/portal/portlet01_ico02_m.png) no-repeat center top / 24px;}
  .n_portlet.item01 .p_left .box03 {margin-top: 20px;}
  .n_portlet.item01 .p_left .box03 dt {font-size: 14px;}
  .n_portlet.item01 .p_left .box03 dd {font-size: 14px;}
  .n_portlet.item01 .p_right > div a {padding:20px;}
  .n_portlet.item01 .p_right .text01 {font-size: 16px;}
  .n_portlet.item01 .p_right .text02 {margin-top: 10px;}
  .n_portlet.item01 .p_right .text02 span {font-size: 30px;}
  .n_portlet.item01 .p_right > div a::before {width:70px; height:70px; top:50%; right:20px; transform:translateY(-50%);}
  .n_portlet.item01 .p_right .box01 a::before {background-image:url(images/portal/portlet01_ico03_m.png); background-size:34px;}
  .n_portlet.item01 .p_right .box02 a::before {background-image:url(images/portal/portlet01_ico04_m.png); background-size:34px;}
  .n_portlet.item01 .p_right .box02 .box_layout::after {bottom:80px; right:18px;}
  .n_portlet.item02 .tab_cont {height:240px; padding:10px 8px 10px 20px;}
  .n_portlet.item02 .tab_cont ul {display:block;}
  .n_portlet.item02 .tab_cont ul li {width:100%; height:auto;}
  .n_portlet.item02 .tab_cont ul li + li {border-top:1px dashed #d7d0cb;}
  .n_portlet.item02 .tab_cont ul li::before {display:none;}
  .n_portlet.item02 .tab_cont ul li:nth-child(n+4)::after {display:none;}
  .n_portlet.item02 .tab_cont ul li a {padding:14px 0; display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
  .n_portlet.item02 .tab_cont ul li a .text01 {width:calc(100% - 80px); display:block; font-size: 14px; line-height:1; max-height:none; white-space:nowrap;}
  .n_portlet.item02 .tab_cont ul li a .text02 {font-size: 14px;}
  .portlet_cal_wrap {width:100%;}
  .n_portlet.item03 .schedule_wrap,
  .n_portlet.item10 .schedule_wrap {width:100%; margin-top: 20px;}
  .n_portlet.item03 .portlet_cont {display:block;}
  .n_portlet.item03 .schedule_wrap {height:200px;padding:0 8px 0 20px;}
  .n_portlet.item03 .schedule_list li {padding:14px 0;}
  .n_portlet.item03 .schedule_list li .text01 {font-size: 14px; background-image:url(images/portal/portlet03_ico01_m.png); background-size:12px;}
  .n_portlet.item03 .schedule_list li .text02 {margin-top: 10px; font-size: 14px;}
  .n_portlet.item04 .box01 .text01::before {width:36px; height:36px; background-image:url(images/portal/portlet04_ico01_m.png); background-size:20px;}
  .n_portlet.item04 .box01 .text01 span {background-image:url(images/portal/portlet04_arrow_right_m.png); background-size:8px;}
  .n_portlet.item04 .box01 .text02 {margin-top: 10px;font-size:14px;line-height:18px;}
  .n_portlet.item04 .box02 div a {display:flex; align-items:center; justify-content:space-between; padding:20px;}
  .n_portlet.item04 .box02 div a .tit {font-size: 16px;}
  .n_portlet.item04 .box02 div a .value {position:static;}
  .n_portlet.item04 .box02 div a .value span {font-size: 30px;}
  .n_portlet.item05 .box01 a {padding:16px;}
  .n_portlet.item05 .box01 a .text01 {font-size:22px;margin-top:0;}
  .n_portlet.item05 .box01 a.store_box .text02 {margin-top:10px;}
  .n_portlet.item05 .box01 a .text02 {font-size: 14px; background-image:url(images/portal/portlet05_arrow_right01_m.png); background-size:6px;}
  .n_portlet.item05 .box01 .d-flex .text02{padding:4px 6px;font-size:12px;}
  .n_portlet.item05 .grid_col2 {display:flex;}
  .n_portlet.item05 .grid_col2 > * + * {margin-top: 0;}
  .n_portlet.item05 .box02 a div .text01 {font-size: 16px;}
  .n_portlet.item05 .box02 a div .text02 {font-size: 12px; padding:4px 6px;}
  .n_portlet.item05 .box01 a > span {margin-top:10px; background-image:url(images/portal/portlet05_arrow_right02_m.png); background-size:6px;}
  .n_portlet.item05 .box02 a > span {margin-top:10px; background-image:url(images/portal/portlet05_arrow_right02_m.png); background-size:6px;}
  .n_portlet.item05 .portlet_cont > div:not(.cha_wrap) {height:210px;}
  .n_portlet.item05 .cha_wrap {right:50%; transform:translateX(50%);}
  .n_portlet.item05 .cha_wrap p {width:170px; padding:8px 20px;}
  .n_portlet.item06 .box01 .text01 {font-size: 18px;}
  .n_portlet.item06 .box01 .text02 {margin-top: 10px;font-size: 14px; line-height:18px;}
  .n_portlet.item06 .box02 {margin-top: 20px;}
  .n_portlet.item06 .box02 ul li:first-child {padding-right: 20px;}
  .n_portlet.item06 .box02 ul li:last-child {padding-left: 20px;}
  .n_portlet.item06 .box02 ul li:first-child a {background-image:url(images/portal/portlet06_ico01_m.png); background-size:58px;}
  .n_portlet.item06 .box02 ul li:last-child a {background-image:url(images/portal/portlet06_ico02_m.png); background-size:58px;}
  .n_portlet.item06 .box02 ul li a {margin-top: 12px;}
  .n_portlet.item06 .box02 ul li a span {background-image:url(images/portal/portlet05_arrow_right02_m.png); background-size:6px;}
  .n_portlet.item06 .p_right {padding:20px;}
  .n_portlet.item06 .p_right ul {gap:20px 0;}
  .n_portlet.item06 .p_right ul li a::before {width:52px; height:52px;}
  .n_portlet.item06 .p_right ul li:nth-child(1) a::before {background-image:url(images/portal/portlet06_link01_m.png); background-size:30px;}
  .n_portlet.item06 .p_right ul li:nth-child(2) a::before {background-image:url(images/portal/portlet06_link02_m.png); background-size:28px;}
  .n_portlet.item06 .p_right ul li:nth-child(3) a::before {background-image:url(images/portal/portlet06_link03_m.png); background-size:30px;}
  .n_portlet.item06 .p_right ul li:nth-child(4) a::before {background-image:url(images/portal/portlet06_link04_m.png); background-size:24px;}
  .n_portlet.item06 .p_right ul li:nth-child(5) a::before {background-image:url(images/portal/portlet06_link05_m.png); background-size:28px;}
  .n_portlet.item06 .p_right ul li:nth-child(6) a::before {background-image:url(images/portal/portlet06_link06_m.png); background-size:26px;}
  .n_portlet.item06 .p_right ul li:nth-child(7) a::before {background-image:url(images/portal/portlet06_link07_m.png); background-size:24px;}
  .n_portlet.item06 .p_right ul li a span {font-size: 13px;}
  .n_portlet .portlet_header + .portlet_cont .portlet_tab + .tab_cont_wrap {margin-top: 20px; height:auto;}
  .n_portlet.item07 .tab_cont ul li .left {width:54px; height:54px; font-size: 14px;}
  .n_portlet.item07 .tab_cont ul li .right {width:calc(100% - 66px); padding:16px;}
  .n_portlet.item07 .tab_cont ul li .right .text01 span {font-size: 18px;}
  .n_portlet.item07 .tab_cont ul li .right .text01 span + span::before {background:url(images/portal/portlet07_img01_m.png); background-size:26px; margin:0 10px;}
  .n_portlet.item08 .p_inner > div a .text02 {font-size: 18px;}
  .n_portlet.item08 .p_inner > div a > div::before {width:86px; height:86px;}
  .n_portlet.item08 .p_inner .box01 a > div::before {background-image:url(images/portal/portlet08_ico01_m.png); background-size:46px;}
  .n_portlet.item08 .p_inner .box02 a > div::before {background-image:url(images/portal/portlet08_ico02_m.png); background-size:46px;}
  .n_portlet.item08 .p_inner .box01 a .text02 {background-image:url(images/portal/portlet08_arrow01_m.png); background-size:10px;}
  .n_portlet.item08 .p_inner .box02 a .text02 {background-image:url(images/portal/portlet08_arrow02_m.png); background-size:10px;}
  .n_portlet.item09 .date_cont {height:150px; max-height:none;}
  .n_portlet.item10 .portlet_cont {display:block;}
  .n_portlet.item10 .schedule_list > li {padding:20px;}
  .n_portlet.item10 .schedule_list > li + li {margin-top: 10px;}
  .n_portlet.item10 .box01 .text01 {font-size: 16px;}
  .n_portlet.item10 .box01 .text02 {font-size: 14px;}
  .n_portlet.item10 .box02 ul li + li {margin-top: 10px;}
  .n_portlet.item10 .box02 ul li dt {width:60px; font-size: 14px; line-height:18px;}
  .n_portlet.item10 .box02 ul li dd {font-size: 14px; line-height:18px;}
  .n_portlet.item10 .box02 ul li:nth-child(1) dt {background-image:url(images/portal/portlet10_ico01_m.png); background-size:12px;}
  .n_portlet.item10 .box02 ul li:nth-child(2) dt {background-image:url(images/portal/portlet10_ico02_m.png); background-size:14px;}
  .n_portlet.item10 .box02 ul li:nth-child(3) dt {background-image:url(images/portal/portlet10_ico03_m.png); background-size:12px;}
  .n_portlet.item11 .portlet_cont > p {font-size: 14px; line-height:18px;}
  .n_portlet.item11 .portlet_cont > p::before {width:86px; height:86px; background-image:url(images/portal/portlet11_ico01_m.png); background-size:50px;}
  .n_portlet.item11 .portlet_cont > div {margin-top: 20px;}
  .n_portlet.item11 .portlet_cont > div ul li a {height:50px;}
  .n_portlet.item11 .portlet_cont > div ul li .text01 {font-size: 16px;}
  .n_portlet.item11 .portlet_cont > div ul li:nth-child(1) a {padding-left:20px; padding-right:20px;}
  .n_portlet.item11 .portlet_cont > div ul li:nth-child(2) a {padding-left:20px; padding-right:20px;}
  .n_portlet.item12 .box01 {margin-right: 12px;}
  .n_portlet.item12 .grid_col2 {display:flex;}
  .n_portlet.item12 .grid_col2 > * {width:calc((100% - 10px) / 2);}
  .n_portlet.item12 .grid_col2 > * + * {margin-left: 10px; margin-top: 0;}
  .n_portlet.item12 .box01 > div a {height:56px;}
  .n_portlet.item12 .box01 > div .text01 {font-size: 16px;}
  .n_portlet.item12 .box01 > div .text02 {font-size: 16px;}
  .n_portlet.item12 .box01 > div .text02 span {font-size: 24px;}
  .n_portlet.item12 .box02 {height:201px;}
  .portlet_table_wrap table tbody td {height:40px;}
  .portlet_table_wrap table .tbl_label {font-size: 12px;}
  .n_portlet.item13 .portlet_cont {margin-top: 20px; height:224px;}
  .p_qna_list .box01 .text01 {font-size: 16px;}
  .p_qna_list .box01 .text02 {font-size: 14px;}
  .p_qna_list .box01 .text01::before {width:20px; height:20px;}
  .p_qna_list li + li {margin-top: 20px;}
  .p_qna_list li.type01 .box01 .text01::before {background-image:url(images/portal/portlet13_ico01_m.png); background-size:8px;}
  .p_qna_list li.type02 .box01 .text01::before {background-image:url(images/portal/portlet13_ico02_m.png); background-size:10px;}
  .p_qna_list .box01 .text02 {background-image:url(images/portal/portlet13_ico03_m.png); background-size:12px;}
  .p_qna_list .box02 {padding:16px;}
  .p_qna_list .box02 .text01 {font-size: 16px;}
  .p_qna_list .box02 .text02 {margin-top: 10px; font-size: 14px;}
  .p_ul_list01 {display:block; gap:0;}
  .p_ul_list01 li + li {border-top:1px dashed #d7d0cb;}
  .p_ul_list01 a {height:auto; display:flex; align-items:center; justify-content:space-between; flex-direction:row; padding:14px 0; background:transparent;}
  .p_ul_list01 .text01 {width:calc(100% - 80px); font-size: 14px; line-height:1; max-height:none; display:block; white-space:nowrap;}
  .p_ul_list01 .text02 {font-size: 14px;}
  .n_portlet.item14 .portlet_header + .portlet_cont .portlet_tab + .tab_cont_wrap {margin-top: 10px; height: 214px;}
  .n_portlet.item15 .portlet_cont {margin-top: 20px;}
  .n_portlet.item15 .box01 ul li {padding-top: 34px;}
  .n_portlet.item15 .box01 ul li + li::after {height:40px;}
  .n_portlet.item15 .box01 ul li:nth-child(1) {background-image:url(images/portal/portlet15_ico01_m.png); background-size:30px;}
  .n_portlet.item15 .box01 ul li:nth-child(2) {background-image:url(images/portal/portlet15_ico02_m.png); background-size:30px;}
  .n_portlet.item15 .box01 ul li:nth-child(3) {background-image:url(images/portal/portlet15_ico03_m.png); background-size:30px;}
  .n_portlet.item15 .box01 ul li div .text01 {font-size: 14px; padding-bottom: 1px;}
  .n_portlet.item15 .box01 ul li div .text02 span {font-size: 20px;}
  .n_portlet.item15 .box02 {margin-top: 20px;}
  .n_portlet.item15 .box02 ul li a {padding: 14px;}
  .n_portlet.item15 .box02 ul li a span {font-size: 14px; background-image:url(images/portal/portlet15_arrow_m.png); background-size:8px;}
  .n_portlet.item16 .box_default {padding:20px;}
  .n_portlet.item16 .portlet_header {margin: 0;}
  .n_portlet.item16 .portlet_header + .portlet_cont {margin-top: 20px; height: auto;}
  .n_portlet.item16 .portlet_cont::before {content:''; width:100%; height:1px; background:linear-gradient(to right, #dfdad7 0 calc(50% - 20px), transparent calc(50% - 20px) calc(50% + 20px), #dfdad7 calc(50% + 20px) 100%); position:absolute; top:50%; left:0;}
  .n_portlet.item16 .portlet_cont ul {gap:40px;}
  .n_portlet.item16 .portlet_cont ul li a::before {width:80px; height:80px;}
  /* .n_portlet.item16 .portlet_cont ul li:nth-child(1) a::before {background-image:url(images/portal/portlet16_ico01_m.png); background-size:40px;} */
  .n_portlet.item16 .portlet_cont ul li:nth-child(1) a::before {background-image:url(images/portal/portlet16_ico02_m.png); background-size:46px;}
  .n_portlet.item16 .portlet_cont ul li:nth-child(2) a::before {background-image:url(images/portal/portlet16_ico03_m.png); background-size:40px;}
  .n_portlet.item16 .portlet_cont ul li:nth-child(3) a::before {background-image:url(images/portal/portlet16_ico04_m.png); background-size:48px;}
  .n_portlet.item16 .portlet_cont ul li a span {font-size: 16px;}
  .p_ul_list02 li a {padding:14px 0;}
  .p_ul_list02 .text01 {width:calc(100% - 80px); max-width:none; font-size: 14px;}
  .p_ul_list02 .text02 {font-size: 14px; color:#999;}
  .n_portlet.item17 .portlet_header + .portlet_cont .portlet_tab + .tab_cont_wrap {margin-top: 10px; height: 214px;}
  .n_portlet.item18 .portlet_header + .portlet_cont {height:242px;}
  .p_ul_list03 li a {padding:16px;}
  .p_ul_list03 li a > span {width:48px; height:48px;}
  .p_ul_list03 li a .text02 span {font-size: 14px;}
  .p_ul_list03 li a .text02 span:first-child {background-image:url(images/portal/portlet19_ico01_m.png); background-size:18px;}
  .p_ul_list03 li a .text02 span:last-child {background-image:url(images/portal/portlet13_ico03_m.png); background-size:12px;}
  .n_portlet.item19 .portlet_header + .portlet_cont {height:222px;}
  .p_ul_list04 li a {padding:16px;}
  .p_ul_list04 li a span {display:block;}
  .p_ul_list04 li a div {margin-top: 15px; padding-top: 16px;}
  .p_ul_list04 li a div dt {font-size: 14px;}
  .p_ul_list04 li a div dd {font-size: 14px;}
  .p_ul_list04 li a div ul li:first-child dt {background-image:url(images/portal/portlet20_ico01_m.png); background-size:12px 14px;}
  .p_ul_list04 li a div ul li:last-child dt {background-image:url(images/portal/portlet20_ico02_m.png); background-size:12px 14px;}
  .n_portlet.item20 .portlet_header + .portlet_cont {height:250px;}
  .n_portlet.item22 .img_list .tit {font-size: 16px;}
  .n_portlet.item22 .img_list .img_wrap {height:200px;}
  .n_portlet.item114 .img_list .tit {font-size: 16px;}
  .n_portlet.item114 .img_list .img_wrap {height:200px;}
  .n_portlet.item23 .box01 {margin-right: 12px;}
  .n_portlet.item23 .box01 a {background-image:url(images/portal/btn_search_m.png); background-size:20px;}
  .n_portlet.item23 .box01 p {margin-top: 20px; font-size: 16px;}
  .n_portlet.item23 .box02 {margin-top: 10px;height:158px;}
  .p_ul_list05 li {padding:16px;}
  .p_ul_list05 li .text01 {font-size: 16px;}
  .p_ul_list05 li .text02 {font-size: 14px;}
  .p_ul_list05 li .text03 {font-size: 16px;}
  .n_portlet.item25 .portlet_header + .portlet_cont {height:242px;}
  .sub_container .sub_inner {padding:26px 16px;}
  .sub_container .sub_header {padding:0 14px; margin-bottom: 20px;}
  .sub_container .sub_header .sub_tit {display:block;}
  .sub_container .sub_header .sub_tit h3 {display:inline-block;font-size: 18px;}
  .sub_container .sub_header .sub_tit h3::after {width:6px; height:6px; top:-6px; right:-6px;}
  .sub_container .sub_header .sub_tit span {display:block;font-size: 14px; margin-left: 0; margin-top: 10px;}
  .n_sub_gnb ul {flex-wrap:wrap; justify-content:center;margin-top: 30px;}
  .n_sub_gnb ul li {width:auto; text-align:center;}
  .n_sub_gnb ul li:nth-child(n+4) {margin-top: 20px;}
  .n_sub_gnb ul li a {font-size: 14px;}
  .n_sub_gnb ul li + li {margin-left: 8px; padding-left: 0;}
  .n_sub_gnb ul li + li::after {display:none;}
  .sub_container .sub_cont {padding:30px 20px; border-radius:8px;}
  .sub_container .sub_cont h4 {font-size: 16px;}
  .sub_container .sub_cont .sub_info_wrap {margin-top:0; padding: 16px; border-radius:8px;}
  .sub_container .sub_cont .sub_info_wrap.cert_info {margin-top:20px;}
  .sub_container .sub_cont .sub_info_wrap ul li {font-size: 14px; line-height:18px;}
  .sub_container .sub_cont .sub_info_wrap ul li::after {top:7px;}
  .input_form2 {margin-top: 20px;}
  .input_form2 .form_row {width:100%;}
  .input_form2 .form_row + .form_row {margin-top: 20px;}
  .input_form2 .form_row .form_col {display:block;}
  .input_form2 .form_row .form_col + .form_col {margin-top: 20px;}
  .input_form2 .form_cont .sub_txt {font-size: 12px; margin-left: 0;}
  .input_form2 {padding:20px 10px;}
  .input_form2.type2 {padding:20px 10px;}
  .input_form2.type2 .form_row {width:100%; display:block;}
  .input_form2 .form_label {width:auto; padding-top: 0; font-size: 14px;}
  .input_form2 .form_cont {width:100%; height:auto; margin-top: 10px;}
  .input_form2 .form_cont input[type="text"],
  .input_form2 .form_cont input[type="password"] {height:34px; font-size: 14px;}
  .sub_btn_wrap {margin-top: 20px;}
  .sub_btn_wrap a {width:100%; height:40px; border-radius:4px;}
  .sub_btn_wrap a span {font-size: 14px;}
  .sub_container .sub_cont h5 {font-size: 15px;}
  .sub_container .sub_cont h5::before {width:3px; height:12px; margin-right: 8px;}
  .sub_container .sub_cont h4 + h5 {margin-top: 20px;}
  .sub_btn_wrap a.ico01 span {line-height:16px; background-image:url(images/portal/sub_btn_ico01_m.png); background-size:14px;}
  .sub_btn_wrap a.ico02 span {line-height:16px; background-image:url(images/portal/sub_btn_ico02_m.png); background-size:14px;}
  .userty_wrap {margin-top:0;padding:0;border:0 none; box-shadow:none;}
  .userty_wrap .text01 {font-size: 16px; line-height:20px;}
  .userty_wrap .text02 {font-size: 14px; line-height:18px;}
  .userty_list {display:block; gap:0; margin-top: 20px;}
  .userty_list > li + li {margin-top: 10px;}
  .userty_list > li:nth-child(n + 4){margin-top: 10px;}
  .userty_list > li input[type="radio"] + div {border-radius:8px;}
  .userty_list > li .user_ico {width:100px;}
  .userty_list > li .user_ico p {font-size: 14px;}
  .userty_list > li .user_ico::before {width:76px; height:76px; margin-bottom: 10px;}
  .userty_list > li .user_info {width:calc(100% - 120px);}
  .userty_list > li .user_info ul li + li {margin-top: 10px;}
  .userty_list > li .user_info dt {line-height:20px;}
  .userty_list > li .user_info dd {line-height:20px;}
  .userty_list > li .user_info dd .label {font-size: 12px; padding:4px 6px;}
  .userty_list > li.user01 .user_ico::before {background-image:url(images/portal/userty_ico01_m.png); background-size:34px;}
  .userty_list > li.user02 .user_ico::before {background-image:url(images/portal/userty_ico02_m.png); background-size:26px;}
  .userty_list > li.user03 .user_ico::before {background-image:url(images/portal/userty_ico03_m.png); background-size:34px;}
  .userty_list > li.user04 .user_ico::before {background-image:url(images/portal/userty_ico04_m.png); background-size:26px;}
  .userty_list > li.user01 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico01_on_m.png); background-size:34px;}
  .userty_list > li.user02 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico02_on_m.png); background-size:26px;}
  .userty_list > li.user03 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico03_on_m.png); background-size:34px;}
  .userty_list > li.user04 input[type="radio"]:checked + div .user_ico::before {background-image:url(images/portal/userty_ico04_on_m.png); background-size:26px;}
  .sub_table_top .btn_tt {min-width:auto; padding:6px 10px;}
  .sub_table_top .btn_tt span {font-size: 14px;}
  .sub_table_top .btn_tt.ico01 span {background-image:url(images/portal/btn_tt_ico01_m.png); background-size:14px;}
  .sub_table_top .btn_tt.ico01:hover span {background-image:url(images/portal/btn_tt_ico01_on_m.png); background-size:14px;}
  table.t_list2 th {font-size: 14px; height:47px;}
  table.t_list2 td {font-size: 14px; height:47px; padding:6px 8px;}
  table.t_list2 td input[type="text"] {height:34px; font-size: 14px;}
  table.t_list2 .btn_del {background-image:url(images/portal/btn_del_m.png); background-size:13px;}
  table.t_list2 .btn_del:hover {background-image:url(images/portal/btn_del_on_m.png); background-size:13px;}
  .sub_agree_wrap {margin-top: 20px;}
  .sub_agree_wrap .box01 {padding: 16px; border-radius:8px;}
  .sub_agree_wrap .box01 div {font-size: 14px; line-height:18px; max-height:180px;}
  .sub_agree_wrap .box02 {margin-top: 10px; padding:16px; border-radius:8px;}
  .sub_agree_wrap .box02 .sbox01 {font-size: 14px; line-height:18px;}
  .sub_agree_wrap .box02 .sbox02 ul li {align-items:flex-start;}
  .sub_agree_wrap .box02 .sbox02 ul li + li {margin-top: 10px;}
  .sub_agree_wrap .box02 .sbox02 ul li > span {font-size: 14px; line-height:18px; flex-shrink: 0;}
  .sub_agree_wrap .box02 .sbox02 label.check {align-items:flex-start;}
  .sub_agree_wrap .box02 .sbox02 label.check .txt {font-size: 14px; line-height:18px; margin-right: 14px;}
  .search_wrap {flex-wrap:wrap;}
  .search_wrap select {width:100%; height:34px; margin-bottom: 6px; margin-right: 0;}
  .search_wrap input {width:calc(100% - 80px); height:34px;}
  .search_wrap .searchBtn {width:34px; height:34px; background:#282828 url(images/portal/btn_search02_m.png) no-repeat center / 16px; border-radius:4px; text-indent:-9999em;}
  .search_wrap .searchBtn span {padding:0; background:0 none;}
  .search_wrap .resetBtn {width:34px; height:34px; background-image:url(images/portal/btn_reset02_m.png); background-size:16px; border-radius:4px;}
  .search_wrap + .board_wrap {margin-top: 10px;}
  .board_list li a {padding:16px 10px; background:0 none;}
  .board_list li a:hover {background:0 none;}
  .board_list li a .box01 .new {width:40px; font-size: 12px; line-height:20px; margin-right: 6px;}
  .board_list li a .box01 .tit {font-size: 16px; line-height:20px;}
  .board_list li a .box01 .new + .tit {width:calc(100% - 46px);}
  .page_list {margin-top: 20px;}
  .page_list li + li {margin-left: 2px;}
  .page_list li a {width:26px; height:26px; font-size: 12px; line-height:26px;}
  .page_list li:nth-child(2) {margin-right: 10px;}
  .page_list li:nth-last-child(2) {margin-left: 10px;}
  .board_view_wrap .view_top .tit {font-size: 16px; line-height:20px;}
  .board_view_wrap .view_top .info span:nth-child(1) {background-image:url(images/portal/board_ico01_m.png); background-size:10px;}
  .board_view_wrap .view_top .info span:nth-child(3) {background-image:url(images/portal/board_ico02_m.png); background-size:11px;}
  .board_view_wrap .view_cont {margin-top: 10px;}
  .board_view_wrap .view_cont .view_txt {min-height:200px; max-height:200px; padding: 10px; font-size: 14px; line-height:18px;}
  .board_view_wrap .view_cont .view_txt > * {font-size: 14px; color: #666; line-height:18px;}
  .board_view_wrap .view_cont .att_wrap {display:block; padding:16px; border-radius:8px;}
  .board_view_wrap .view_cont .att_wrap .box01::before {width:26px; height:26px; background-image:url(images/portal/board_ico03_m.png); background-size:12px; margin-right: 8px;}
  .board_view_wrap .view_cont .att_wrap .box01 span {font-size: 14px;}
  .board_view_wrap .view_cont .att_wrap .box02 {margin-top: 10px; margin-left: 0;}
  .board_view_wrap .view_cont .att_wrap .box02 a {font-size: 14px;}

  .ui-dialog .ui-dialog-titlebar {padding:16px;}
  .ui-dialog .ui-dialog-titlebar::after {width:calc(100% - 32px);}
  .ui-dialog .ui-dialog-titlebar-close {width:20px; height:20px; background-image:url(images/portal/login/pop_close_m.png); background-size:18px;}
  .ui-dialog .ui-dialog-title {font-size: 16px;}
  .ui-dialog .ui-dialog-content {padding:20px 16px 30px;}
  .pop_top_info {padding:14px; font-size: 14px; line-height:18px; margin-bottom: 20px;}
  .pop_sel_list li + li {margin-left: 10px;}
  .pop_sel_list li a {height:auto; padding:10px;}
  .pop_sel_list li a:hover {padding:9px;}
  .pop_sel_list li a span {font-size: 14px;}
  .pop_sel_list li a span::before {width:60px; height:60px;}
  .login_pop01 .pop_sel_list li:nth-child(1) a span::before {background-image:url(images/portal/login/pop01_ico01_m.png); background-size:34px;}
  .login_pop01 .pop_sel_list li:nth-child(2) a span::before {background-image:url(images/portal/login/pop01_ico02_m.png); background-size:36px;}
  .ui-dialog .ui-dialog-buttonpane button {height:40px;}
  .ui-dialog .ui-dialog-buttonpane .di_btn_close {font-size: 14px;}
  .ui-dialog .ui-dialog-buttonpane .di_btn_del {font-size: 14px;}
  .ui-dialog .ui-dialog-buttonpane .di_btn_conf {font-size: 14px;}
  .input_form {max-width:300px; margin:0 auto;}
  .input_form .form_row {display:block;}
  .input_form .form_row .form_col {width:100%; display:block;}
  .input_form .form_label {width:auto; padding-top: 0; font-weight: 600;}
  .input_form .form_cont {width:100%; margin-top: 10px;}
  .input_form .form_row .form_col + .form_col {margin-left: 0; margin-top: 20px;}
  .input_form .form_btn a {width:120px; font-size: 14px; line-height:32px;}
  .table_wrap table.t_view,
  .table_wrap table.t_view tbody,
  .table_wrap table.t_view tr,
  .table_wrap table.t_view th,
  .table_wrap table.t_view td {display:block;}
  .table_wrap table.t_view tbody th,
  .table_wrap table.t_view tbody td {height:auto; text-align:left; border:0 none; line-height:18px;}
  .login_pop03 .input_form .form_label {width:auto;}
  .login_pop03 .input_form .form_cont {width:100%;}
  .login_pop04 ul {display:grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
  .login_pop04 ul li + li {margin-left: 0;}
  .login_pop04 ul li div {height:80px;}
  .login_pop04 ul li:nth-child(1) div span {background-image:url(images/portal/login/pop04_ico01_m.png); background-size:18px;}
  .login_pop04 ul li:nth-child(2) div span {background-image:url(images/portal/login/pop04_ico02_m.png); background-size:32px;}
  .login_pop04 ul li:nth-child(3) div span {background-image:url(images/portal/login/pop04_ico03_m.png); background-size:26px;}
  .login_pop04 ul li:nth-child(4) div span {background-image:url(images/portal/login/pop04_ico04_m.png); background-size:28px;}
  .login_pop04 ul li:nth-child(5) div span {background-image:url(images/portal/login/pop04_ico05_m.png); background-size:32px;}
  .login_pop05 .input_form .form_label {width:auto;}
  .login_pop05 .input_form .form_cont {width:100%;}
  .img_pop .img_cont img{height:500px;}
  .agree_area .agree_tit {font-size: 14px;}
  .agree_area > ul > li {padding-top: 20px;}
  .agree_area .agree_wrap {margin-top: 10px; padding: 14px;}
  .agree_area .agree_chk_wrap label.check .txt {font-size: 14px;}
  .agree_area .agree_chk_wrap label.check div {padding:8px 10px;}
  .step_area {padding-bottom: 0; border-width:2px;}
  .step_wrap ul {display:block; overflow:hidden; background:0 none;}
  .step_wrap ul li {float:left; margin-right: 20px; margin-bottom: 20px; padding:0;}
  .step_wrap ul li + li {margin-left: 0;}
  .step_wrap ul li .text01 {font-size: 12px;}
  .step_wrap ul li .text02 {font-size: 12px;}
  .step_wrap ul li.bg01::before {background-image:url(images/portal/login/step_ico01_m.png); background-size:18px;}
  .step_wrap ul li.bg02::before {background-image:url(images/portal/login/step_ico02_m.png); background-size:18px;}
  .step_wrap ul li.bg03::before {background-image:url(images/portal/login/step_ico03_m.png); background-size:20px;}
  .step_wrap ul li.bg04::before {background-image:url(images/portal/login/step_ico04_m.png); background-size:18px;}
  .step_wrap ul li.bg05::before {background-image:url(images/portal/login/step_ico05_m.png); background-size:18px;}
  .step_wrap ul li.bg06::before {background-image:url(images/portal/login/step_ico06_m.png); background-size:16px;}
  .step_wrap ul li.bg01.on::before,
  .step_wrap ul li.bg01.comp::before {background-image:url(images/portal/login/step_ico01_on_m.png); background-size:18px;}
  .step_wrap ul li.bg02.on::before,
  .step_wrap ul li.bg02.comp::before {background-image:url(images/portal/login/step_ico02_on_m.png); background-size:18px;}
  .step_wrap ul li.bg03.on::before,
  .step_wrap ul li.bg03.comp::before {background-image:url(images/portal/login/step_ico03_on_m.png); background-size:20px;}
  .step_wrap ul li.bg04.on::before,
  .step_wrap ul li.bg04.comp::before {background-image:url(images/portal/login/step_ico04_on_m.png); background-size:18px;}
  .step_wrap ul li.bg05.on::before,
  .step_wrap ul li.bg05.comp::before {background-image:url(images/portal/login/step_ico05_on_m.png); background-size:18px;}
  .step_wrap ul li.bg06.on::before,
  .step_wrap ul li.bg06.comp::before {background-image:url(images/portal/login/step_ico06_on_m.png); background-size:16px;}
  .pop_top_info2 {margin-top: 20px;padding:14px;}
  .pop_top_info2 > ul > li + li {margin-top: 14px;}
  .pop_top_info2 > ul > li .li_tit {font-size: 14px;}
  .pop_top_info2 > ul > li .li_tit + ul {margin-top: 10px;}
  .pop_top_info2 > ul > li > ul > li {font-size: 12px; line-height:16px;}
  .pop_top_info2 > ul > li > ul > li::after {top: 7px;}
  .pop_top_info2 > ul > li > ul > li + li {margin-top: 4px;}
  .pop_top_info2 + .input_form {margin-top: 20px;}
  .input_form .form_cont .sub_txt {font-size: 12px; line-height:16px;}
  .form_cont .input_btn_wrap .input_btn {font-size: 12px;}
  .pop_msg_wrap {padding:20px 0 0;}
  .pop_msg_wrap .text01::before {width:120px; height:120px; margin-bottom: 10px;}
  .login_pop13 .pop_msg_wrap .text01::before {background-image:url(images/portal/login/pop13_ico01_m.png); background-size:70px;}
  .pop_msg_wrap .text01 p {font-size: 18px; line-height:24px;}
  .pop_top_info2 + .pop_sel_list {margin-top: 20px;}
  .login_pop14 .pop_sel_list li:nth-child(1) a span::before {background-image:url(images/portal/login/pop14_ico01_m.png); background-size:34px;}
  .login_pop14 .pop_sel_list li:nth-child(2) a span::before {background-image:url(images/portal/login/pop14_ico02_m.png); background-size:36px;}
  .login_pop17 .pop_msg_wrap .text01::before {background-image:url(images/portal/login/pop17_ico01_m.png); background-size:62px;}
  .pop_msg_wrap .text02 {font-size: 14px;}
  .login_pop18 .pop_msg_wrap .text01::before {background-image:url(images/portal/login/pop18_ico01_m.png); background-size:58px;}
  .pop_text_wrap {padding:20px 0 30px;}
  .pop_text_wrap .text01 {font-size: 20px;}
  .pop_text_wrap .text02 {font-size: 16px; line-height:20px;}
  .ui-dialog .ui-dialog-content.login_pop19 {padding-bottom: 40px;}
  .step_area + .input_form {margin-top: 20px;}
  .m_gnb_wrap{background-size:280px auto;}

  .provision_wrap ul li a{padding-left:112px;}
  .provision_wrap ul li a:before{width:66px;height:66px;background-size:32px auto;}
  .provision_wrap ul li:nth-child(1) a span,
  .provision_wrap ul li:nth-child(2) a span{font-size:16px;}
  .provision_wrap ul li:nth-child(1) a span + span,
  .provision_wrap ul li:nth-child(2) a span + span{font-size:20px;}


  .chatbot_box{width:72px;bottom:230px;}
  .chatbot_box a{padding-top:90px;background-size:72px auto;}
  .dcloud_cont br{display:none;}
  .portlet_tab li a{font-size:16px;}

  .n_main_wrap .auth_check_wrap div span{background:url(images/portal/auth_check_ic_m.png) no-repeat 0 50%;background-size:24px;}
}
@media only screen and (max-width:420px){
	.quick_menu .box02 .btn_top{width:56px;height:56px;}
	.quick_menu .box02 .btn_top span{font-size:12px;}
	.quick_menu .box02 .btn_quick{width:56px;height:56px;bottom:130px;}
	.quick_menu .box02 .btn_quick span{padding-top:15px;font-size:12px;}
	.quick_menu.open .box02 .btn_quick span{padding-top:8px;}
	.quick_menu .box02 i{width:12px;}
	.quick_menu .box02 i:first-child{margin-top:3px;}
}
/* @media only screen and (max-width:375px){
	.quick_menu .box02 .btn_top{width:48px;height:48px;}
	.quick_menu .box02 .btn_top span{font-size:12px;}
	.quick_menu .box02 .btn_quick{width:48px;height:48px;bottom:130px;}
	.quick_menu .box02 .btn_quick span{padding-top:8px;font-size:12px;}
	.quick_menu .box02 i{width:12px;}
	.quick_menu .box02 i:first-child{margin-top:6px;}
} */