@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

@font-face {font-family: 'Noto Sans';font-style: normal;
font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2)
format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans';font-style: normal;font-weight: 600;
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2)
format('woff2'),url(//fonts.gstatic.coml/ea/notosanskr/v2/NotoSansKR-Bold.woff)
format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

script {display:none !important;}
html {height: 100%;}
body {min-width:100%;height: 100%;line-height:1.2;letter-spacing:-1px}
body,
body *{font-family:'Lato','Noto Sans', 'Malgun Gothic', 'Microsoft YaHei UI', 'AppleGothicNeoSD', 'Segoe UI', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic';box-sizing:border-box}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p,button {margin: 0;padding: 0}
li {list-style: none}
a {text-decoration: none;}
input[type='text'], input[type='password'] {background-color: #fff;border: 1px solid #bcc1c2;}
input[type='text']:focus, input[type='password']:focus {background: #fff;}
select{-moz-appearance:none;appearance:none;}

/* width 10px~1000px 10단위 업 */
.wid10{width:10px !important}.wid20{width:20px !important}.wid30{width:30px !important}.wid40{width:40px !important}.wid50{width:50px !important}.wid60{width:60px !important}.wid70{width:70px !important}.wid80{width:80px !important}.wid90{width:90px !important}.wid100{width:100px !important}.wid110{width:110px !important}.wid120{width:120px !important}.wid130{width:130px !important}.wid140{width:140px !important}.wid150{width:150px !important}.wid160{width:160px !important}.wid170{width:170px !important}.wid180{width:180px !important}.wid190{width:190px !important}.wid200{width:200px !important}.wid210{width:210px !important}.wid220{width:220px !important}.wid230{width:230px !important}.wid240{width:240px !important}.wid250{width:250px !important}.wid260{width:260px !important}.wid270{width:270px !important}.wid280{width:280px !important}.wid290{width:290px !important}.wid300{width:300px !important}.wid310{width:310px !important}.wid320{width:320px !important}.wid330{width:330px !important}.wid340{width:340px !important}.wid350{width:350px !important}.wid360{width:360px !important}.wid370{width:370px !important}.wid380{width:380px !important}.wid390{width:390px !important}.wid400{width:400px !important}.wid410{width:410px !important}.wid420{width:420px !important}.wid430{width:430px !important}.wid440{width:440px !important}.wid450{width:450px !important}.wid460{width:460px !important}.wid470{width:470px !important}.wid480{width:480px !important}.wid490{width:490px !important}.wid500{width:500px !important}.wid510{width:510px !important}.wid520{width:520px !important}.wid530{width:530px !important}.wid540{width:540px !important}.wid550{width:550px !important}.wid560{width:560px !important}.wid570{width:570px !important}.wid580{width:580px !important}.wid590{width:590px !important}.wid600{width:600px !important}.wid610{width:610px !important}.wid620{width:620px !important}.wid630{width:630px !important}.wid640{width:640px !important}.wid650{width:650px !important}.wid660{width:660px !important}.wid670{width:670px !important}.wid680{width:680px !important}.wid690{width:690px !important}.wid700{width:700px !important}.wid710{width:710px !important}.wid720{width:720px !important}.wid730{width:730px !important}.wid740{width:740px !important}.wid750{width:750px !important}.wid760{width:760px !important}.wid770{width:770px !important}.wid780{width:780px !important}.wid790{width:790px !important}.wid800{width:800px !important}.wid810{width:810px !important}.wid820{width:820px !important}.wid830{width:830px !important}.wid840{width:840px !important}.wid850{width:850px !important}.wid860{width:860px !important}.wid870{width:870px !important}.wid880{width:880px !important}.wid890{width:890px !important}.wid900{width:900px !important}.wid910{width:910px !important}.wid920{width:920px !important}.wid930{width:930px !important}.wid940{width:940px !important}.wid950{width:950px !important}.wid960{width:960px !important}.wid970{width:970px !important}.wid980{width:980px !important}.wid990{width:990px !important}.wid1000{width:1000px !important}
.wid5p{width:5% !important;}
.wid10p{width:10% !important;}
.wid15p{width:15% !important;}
.wid20p{width:20% !important;}
.wid25p{width:25% !important;}
.wid30p{width:30% !important;}
.wid35p{width:35% !important;}
.wid40p{width:40% !important;}
.wid45p{width:45% !important;}
.wid50p{width:50% !important;}
.wid55p{width:55% !important;}
.wid60p{width:60% !important;}
.wid65p{width:65% !important;}
.wid70p{width:70% !important;}
.wid75p{width:75% !important;}
.wid80p{width:80% !important;}
.wid85p{width:85% !important;}
.wid90p{width:90% !important;}
.wid95p{width:95% !important;}
.wid100p{width:100% !important;}

/* 대문 */
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after{content:"";display:block;line-height:0;}
.clearfix:after{clear:both;}

/* 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;}

.mobile{display:none !important}
.pc{display:block !important}

.serverDiv {
    position: fixed;
    z-index: 99;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    opacity: 0.5;
    text-align: center;
    line-height: 60px;
    padding: 15px;
    font-weight: bold;
    font-size: 18px;
    animation: bgChange 3s alternate infinite;
}

.select-lang .select_input_label__ {
	cursor: pointer;
    color: #FFF;
}

@keyframes bgChange {
    from {background: orange;}
}

/* common */
.header-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}
.header-box{display:flex;align-items:center}
.header-lang{position:relative;padding-right:15px;}
.header-lang .lang_btn{display:inline-block;height:37px;padding:0 12px;border-radius:10px;border:0;color:#fff; font-size:13px;font-weight:700;cursor:pointer;background:none;}
.header-lang .lang_btn:hover{background-color:#004d92;}
.header-lang .lang_btn span{display:inline-block;position:relative;padding-right:14px;}
.header-lang .lang_btn span::after{content:'';display:block;position:absolute;top:50%;right:0;width:10px;height:6px;margin-top:-3px;background:url(../images/icon/lang_arrow.png) no-repeat 50% 50%;transition:all 0.3s}
.header-lang .lang_select{overflow:hidden;height:0;opacity:0;position:absolute;top:25px;left:0;width:100%;padding:5px;border:1px solid rgba(255,255,255,0.8);border-radius:5px;background:rgba(255,255,255,0.1);transition:all 0.3s}
.header-lang .lang_select a{display:block;padding:4px 0;width:100%;text-align:center;font-family:'Lato', sans-serif;color:#fff;font-size:14px;}
.header-lang.on .lang_select{height:60px;opacity:1;z-index:999;background: #005bac;}
.header-lang.on .lang_btn span::after{transform:rotate(180deg)}
.header-sns{display:flex;align-items:center;}
.header-sns a{display:block;width:36px;height:26px;background:no-repeat 50% 50%;text-indent:-9999px}
.header-sns .sns_in{background-image:url(../images/icon/instar_ic.png)}
.header-sns .sns_t{background-image:url(../images/icon/twitter_ic.png)}
.header-sns .sns_f{background-image:url(../images/icon/facebook_ic.png)}
.header-sns .sns_nb{background-image:url(../images/icon/naverblog_ic.png)}
.header-sns .sns_y{background-image:url(../images/icon/youtube_ic.png)}
/* footer{background:#2D3732} */
.footer_wrap{display:flex;/* align-items:center; */justify-content:space-between;height:150px;padding-top:30px;border-top:1px solid #eee;}
.footer_wrap .footer_logo{display:inline-block;padding-right:30px;}
.footer_wrap .footer_left{display:flex;/* align-items:center */}
/* .footer_wrap .footer_left .terms{padding-left:30px;border-left:1px solid #5A5F64} */
.footer_wrap .footer_left a{display:inline-block;background:#fff;font-weight:400;font-size:14px;color:#005bac;padding:13px;border:1px solid #c3d2e3;border-radius:10px;box-shadow:0 5px 10px 3px rgba(195,210,227,.5);}
.footer_wrap .footer_left p{margin-top:7px;font-weight:400;font-size:13px;color:#666;letter-spacing:0}
.footer_wrap .footer_left a + p{margin-top:20px;}
/* .footer_wrap .footer_right .footer_logo{opacity:0.25} */
.footer_wrap .footer-sns{display:none}
.footer_logo.meta{display:none !important}
.footer_right .rel_site{position: relative;}
.footer_right .rel_site .btn_site_wrap .btn_site{position: relative;display: block;background-color: #0e1f21;color: #fff;line-height: 45px;padding: 0 15px;width: 190px;text-align: left;border: none;transition: all .3s ease;-ms-transition: all .3s ease;-webkit-transition: all .3s ease;}
.footer_right .rel_site .btn_site_wrap .btn_site::after{position: absolute;top: 50%;right: 15px;margin-top: -10px;display: block;content: '';width: 20px;height: 20px;background: url(../images/icon_up.png) no-repeat 50% 50%;}
.footer_right .rel_site .btn_site_wrap .btn_site.on::after{background: url(../images/icon_down.png) no-repeat 50% 50%;}
.footer_right .rel_site .btn_site_wrap::after{display: block;content: '';clear: both;}
.footer_right .rel_site .site_list{display: none;position: absolute;bottom: 45px;background-color: #0e1f21;padding: 10px;width: 190px;height: auto;z-index: 4;overflow:auto}
.footer_right .rel_site .site_list.on{max-height: 300px;padding-top: 10px;margin-top: 0px;padding-bottom: 10px;margin-bottom: 0px;display: block;}
.footer_right .rel_site .site_list li {border-bottom: solid 1px #302f2f;margin:2px;}
.footer_right .rel_site .site_list li a {display: block;color: #fff;padding-bottom: 5px;line-height: 35px;font-size: 14px;}

.ft_btn_wrap{position:fixed;bottom:25px;right:15px;width:48px;z-index:11}
.ft_btn_wrap.bottom{position:absolute;bottom:355px}
.ft_btn_wrap a:hover{opacity:1}
.top_btn{display:block;width:48px;height:48px;margin-top:6px;padding:0;border-radius:50%;background:#005bac url(../images/mainp/btn_top_ic.png) no-repeat 50% 50%}
.back_btn{display:block;width:48px;height:48px;margin-top:6px;padding:0;border-radius:50%;background:#737475 url(../images/mainp/btn_back_ic.png) no-repeat 50% 50%}

/* 로그인 */
#ui_wrap { min-height: 100vh; background-color: #EBEBEB; display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing: border-box; padding: 40px 0; }
.login_guide-box { display: flex; width: 1400px; height: 766px; border-radius: 20px; overflow: hidden; background-color: #fff; box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2); }
.login_guide-box div[class^=guide] { width: 50%; box-sizing: border-box; }
.login_guide-box .guide_left { position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; background: url(../images/lgin/box_bg.jpg) no-repeat center bottom/cover; }
.login_guide-box .guide_left h1 { position: absolute; left: 45px; top: 35px; }
.login_guide-box .guide_left h1 a { display: block; width: 177px; height: 54px; /*background: url(../images/lgin/logo.svg) no-repeat center/100% auto;*/ text-indent: -9999em; font-size: 0; overflow: hidden; }
.login_guide-box .guide_left > strong { display: block; font-weight: 800; font-size: 46px; line-height: 1.1; color: #fff; }
.login_guide-box .guide_left > strong span { display: block; font-weight: 300; }
.login_guide-box .guide_right { position: relative; padding: 50px; background-color: #fff; z-index: 1; }
.login_guide-box .guide_right .login_box { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #F4F4F4; border-radius: 10px; margin-bottom: 40px; height: 220px; }
.login_guide-box .guide_right .login_box ul { position: absolute; right: 22px; top: 20px; display: flex; }
.login_guide-box .guide_right .login_box ul li { line-height: 1; }
.login_guide-box .guide_right .login_box ul li a { font-size: 16px; line-height: 1; color: #B0B0B0; letter-spacing: -0.025em; font-weight: 700; padding: 0 10px; }
.login_guide-box .guide_right .login_box ul li a:hover { opacity: 0.8; }
.login_guide-box .guide_right .login_box ul li a.kor { color: #4897E0; }
.login_guide-box .guide_right .login_box ul li + li:before { content: "I"; color: #DFDFDF; font-weight: 200; }
.login_guide-box .guide_right .login_box ul li:last-child a { padding-right: 0; }
.login_guide-box .guide_right .login_box > strong { display: block; font-size: 20px; color: #333333; line-height: 1; margin-bottom: 16px; }
.login_guide-box .guide_right .login_box .login_btn01 { position: relative; display: flex; justify-content: center; align-items: center; width: 340px; height: 54px; color: #fff; font-size: 20px; font-weight: 500; border-radius: 8px; overflow: hidden; background: linear-gradient(90deg, #0066B1 0%, #00B3AD 100%); border:0; }
.login_guide-box .guide_right .login_box .login_btn01:hover::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); }
.login_guide-box .guide_right .login_box .login-wrap{width:100%}
.login_guide-box .guide_right .login_box .login-wrap #loginForm{justify-items: center;}
.login_guide-box .guide_right .login_box .login-wrap .p-btn-login{justify-items: center;}
.login_guide-box .guide_right .login_box .login-wrap .login-options input[type="checkbox"] {vertical-align: sub;margin: 0 5px 0 0;width: 20px;height: 20px;}
.login_guide-box .guide_right .login_box .login-wrap .login-options{display: flex;justify-content: center;align-items: baseline;font-size: 13px;margin-top: 20px;letter-spacing: -0.8px;font-weight: 600;}
.login_guide-box .guide_right .login_box .login-wrap .login-options .p-find-id{color:#B0B0B0;}
#loginForm .p-user-id, #loginForm .p-password {border: 1px solid #c1cfd8;border-radius: 5px;height: 40px;padding: 0 15px;width: 340px;font-weight: 300;color: #777;font-size: 14px;vertical-align: middle;box-sizing: border-box;margin-bottom: 2px;}
.login_guide-box .guide_right .tab_link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0 4px 4px rgba(12, 12, 13, 0.05); box-shadow: 0 4px 4px rgba(12, 12, 13, 0.05); border: 1px solid #DBDBDB; } 
.login_guide-box .guide_right .tab_link li { width: 100%; height: 94px; } 
.login_guide-box .guide_right .tab_link li + li { border-left: 1px solid #DBDBDB; } 
.login_guide-box .guide_right .tab_link li a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; font-weight: 600; color: #8B8B8B; text-align: center; } 
.login_guide-box .guide_right .tab_link li a::before { display: block; content: ""; width: 26px; height: 26px; margin-bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: 100% auto; -webkit-filter: invert(1) opacity(0.3); filter: invert(1) opacity(0.3); } 
.login_guide-box .guide_right .tab_link li a.ico01::before { background-image: url(../images/lgin/ico01.svg); } 
.login_guide-box .guide_right .tab_link li a.ico02::before { background-image: url(../images/lgin/ico02.svg); } 
.login_guide-box .guide_right .tab_link li a.ico03::before { background-image: url(../images/lgin/ico03.svg); } 
.login_guide-box .guide_right .tab_link li a.ico04::before { background-image: url(../images/lgin/ico04.svg); } 
.login_guide-box .guide_right .tab_link li a.ico05::before { background-image: url(../images/lgin/ico05.svg); } 
.login_guide-box .guide_right .tab_link li a.ico06::before { background-image: url(../images/lgin/ico06.svg); } 
.login_guide-box .guide_right .tab_link li a:hover { color: #fff; background-color: #9C9C9C; } 
.login_guide-box .guide_right .tab_link li a:hover::before { -webkit-filter: none; filter: none; } 
.login_guide-box .guide_right > dl dt { font-weight: 700; font-size: 20px; color: #333; border-bottom: 1px solid #E3E3E3; padding-bottom: 10px; margin-bottom: 20px; } 
.login_guide-box .guide_right > dl ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } 
.login_guide-box .guide_right > dl ul li a * { display: block; font-size: 15px; color: #333; } 
.login_guide-box .guide_right > dl ul li a b { font-weight: 700; width: 70px; } 
.login_guide-box .guide_right > dl ul li a em { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } 
.login_guide-box .guide_right > dl ul li a span { color: #616161; width: 110px; text-align: right; } 
.login_guide-box .guide_right > dl ul li a:hover em { color: #4897E0; } 
.login_guide-box .guide_right > dl ul li + li { margin-top: 16px; }
.footer_txt { margin-top: 40px; }
.footer_txt * { color: #7D7D7D; }
.footer_txt ul { display: flex; justify-content: center; }
.footer_txt ul li { font-size: 14px; margin-right: 30px; }
.footer_txt ul li em { font-weight: 700; }
.footer_txt ul li + li::after { content: "I"; color: rgba(125, 125, 125, 0.3); font-weight: 200; margin: 0 10px; }
.footer_txt ul li:last-child::after { display: none; }
.footer_txt p { font-size: 12px; text-align: center; margin-top: 8px; }



@media screen and (max-width: 1400px) and (min-width: 721px) {
	.login_guide-box {width: 100%;}
	.login_guide-box div[class^=guide] {width: 100%;}
	.login_guide-box .guide_right {width: 700px !important;-webkit-box-flex: 0;-ms-flex: 0;flex: 0;}
	.footer_txt ul {-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.footer_txt ul li:first-child {width: 100%;text-align: center;}
}
@media screen and (max-width: 720px) {
	#ui_wrap {min-height: auto;display: block;background-color: #fff;min-width: auto;padding: 0;}
	.login_guide-box { display: block; width: auto; height: auto; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } 
	.login_guide-box div[class^=guide] { width: 100%; } 
	.login_guide-box .guide_left { height: 68.3888888889vw; background-image: url(../images/lgin/m/box_bg.jpg); background-size: auto 100%; } 
	.login_guide-box .guide_left h1 { left: 3.6111111111vw; top: 3.6111111111vw; } 
	/*.login_guide-box .guide_left h1 a { width: 22.2222222222vw; height: 6.6666666667vw; }*/ 
	.login_guide-box .guide_left > strong { font-size: 7.2222222222vw; } 
	.login_guide-box .guide_right { padding: 5.5555555556vw 5.5555555556vw 11.1111111111vw 5.5555555556vw; } 
	.login_guide-box .guide_right .login_box { background-color: #fff; height: auto; margin-bottom: 13.8888888889vw; } 
	.login_guide-box .guide_right .login_box ul { right: 0; top: 0; } 
	.login_guide-box .guide_right .login_box ul li a { font-size: 3.8888888889vw; } 
	.login_guide-box .guide_right .login_box > strong { padding-top: 12.2222222222vw; margin-bottom: 5vw; font-size: 5.5555555556vw; } 
	.login_guide-box .guide_right .login_box .login_btn01 { width: 100%; font-size: 5.5555555556vw; height: 15vw; }
	.login_guide-box .guide_right .login_box .login-wrap #loginForm{justify-items: normal;}
	#loginForm .p-user-id, #loginForm .p-password {width:100%;} 
	.login_guide-box .guide_right .tab_link { -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 1.3888888889vw; margin-bottom: 11.1111111111vw; } 
	.login_guide-box .guide_right .tab_link li { width: 33.3%; height: 26.1111111111vw; } 
	.login_guide-box .guide_right .tab_link li a { font-size: 3.3333333333vw; } 
	.login_guide-box .guide_right .tab_link li a::before { width: 7.2222222222vw; height: 7.2222222222vw; margin-bottom: 2.7777777778vw; } 
	.login_guide-box .guide_right .tab_link li:nth-child(1), .login_guide-box .guide_right .tab_link li:nth-child(2), .login_guide-box .guide_right .tab_link li:nth-child(3) { border-bottom: 1px solid #DBDBDB; } 
	.login_guide-box .guide_right .tab_link li:nth-child(4) { border-left-width: 0; } 
	.login_guide-box .guide_right > dl dt { text-align: center; font-size: 5.5555555556vw; padding-bottom: 5vw; margin-bottom: 5.5555555556vw; } 
	.login_guide-box .guide_right > dl ul li + li { margin-top: 4.4444444444vw; } 
	.login_guide-box .guide_right > dl ul li a * { font-size: 4.1666666667vw; } 
	.login_guide-box .guide_right > dl ul li a b { width: 19.4444444444vw; } 
	.login_guide-box .guide_right > dl ul li a span { width: 25vw;font-size: 18px; } 
	.footer_txt { margin-top: 0; background-color: #EBEBEB; padding: 11.1111111111vw; }
	.footer_txt ul {display: block;text-align: center;font-size: 0;line-height: 1.7;}
	.footer_txt ul li {display: inline-block;vertical-align: top;font-size: 3.3333333333vw;}
	.footer_txt ul li:first-child {width: 100%;}
	.footer_txt ul li + li::after {margin: 0 2.2222222222vw;display: none;}
	.footer_txt ul li:nth-child(2)::after { display: inline-block;}
	.footer_txt p {font-size: 2.5vw;margin-top: 5vw;}
}

.login_body{position:relative;background:#fff;}
.login_body::before{display:none}
.login_body .p-user-body{padding-bottom:90px;}
.login_body .inner{width:100%;max-width:1400px;margin:0 auto;}
.login_body header{position:absolute;top:0;left:0;width:100%;height:92px}
.login_body header .login_wrap span{font-weight:500;font-size:27px;color:#002970;display: table-cell;vertical-align: middle;height:34px;}
.login_body button{cursor:pointer}
.login_body button:hover{opacity:0.8}
.login_body .intro_title{margin-bottom:30px;padding-left:50px;font-weight:600;font-size:30px;background:no-repeat 0 50%}

.main_sec + .main_sec{margin-top:50px;}
.main_sec.visual{width:100%;height:655px;padding-top:166px;background:url(../images/lgin/login_visual_bg.jpg) no-repeat 0 50%;background-size:cover}
.main_sec.visual .inner{display:flex;align-items:flex-end;justify-content:space-between;padding: 75px 50px 0 50px;}
.main_sec.visual .visual_text{padding-bottom:60px;font-weight:600;font-size:50px;color:#fff;line-height:1.2;letter-spacing:-1px;text-shadow: 2px 2px rgba(0, 0, 0, 0.4);}
.main_sec.visual .login-wrap{width:488px;padding:30px 36px 50px;border-radius:10px;background:#dbefff}
.main_sec.visual .login-wrap .tab_type1{display:none}
.main_sec.visual .login-title{margin-bottom:25px;padding:5px 0;padding-left:28px;font-weight:500;font-size:20px;color:#111;background:url(../images/lgin/login_tit_ic.png) no-repeat 0% 50%;}
.main_sec.visual form input{width:100%;height:50px;padding:0 25px;margin-bottom:10px;border:0;border-radius:5px;background:#fff;color:#111}
.main_sec.visual .login_btn01{display:flex;align-items:center;justify-content:center;width:100%;height:55px;margin-top:10px;border:0;border-radius:5px;background:#005bac;font-size:18px;color:#fff}
.main_sec.visual .check{margin-top:0px;text-align:left}
.main_sec.visual .check span::before{display:none}
.main_sec.visual .check .ico{width:24px;height:22px;margin-right:5px;background:url(../images/lgin/login_chk.png) no-repeat 50% 50%;}
.main_sec.visual .check .txt{padding:0;color:#111}
.main_sec.visual .check input:checked + .ico{background-image:url(../images/lgin/login_chk_on.png)}
.main_sec.visual .check input:checked + .ico + .txt{color:#005bac}
.main_sec.visual .che_wrap{display: flex;justify-content: space-between;align-items: center;margin: 10px 0;}
.main_sec.visual .login_idpw ul{display:flex;align-items:center;justify-content:space-between}
.main_sec.visual .login_idpw li{position:relative;flex:1}
.main_sec.visual .login_idpw li + li::before{content:'';display:block;position:absolute;bottom:3px;left:0;width:1px;height:14px;background:#222}
.main_sec.visual .login_idpw button{display:block;width:100%;padding-top:0px;border:0;font-size:15px;color:#111;text-align:center;background:no-repeat 50% 0;border-bottom: 1px solid #000000;}
/*
.main_sec.visual .login_idpw .p-user-reg{background-image:url(../images/lgin/login_reg_ic.png)}
.main_sec.visual .login_idpw .p-find-id{background-image:url(../images/lgin/login_idf_ic.png)}
.main_sec.visual .login_idpw .p-find-pw{background-image:url(../images/lgin/login_pwf_ic.png)}
*/

.main_sec.news{position:relative;z-index:10;margin-top:-315px;padding-top:40px}
.main_sec.news .inner{padding:0 50px}
.main_sec.news .intro_title{color:#fff;background-image:url(../images/lgin/sec_tit_news.png);text-shadow: 2px 2px rgba(0, 0, 0, 0.4);}
.news_swiper{position:relative;padding-bottom:40px}
.news_swiper .swiper-slide{height:auto;border:1px solid #DCDCDC;border-radius:10px;background:#fff}
.news_swiper .swiper-slide a{display:block;padding:35px}
.news_swiper .label{display:inline-block;padding:5px 10px;border:1px solid #005bac;border-radius:50px;font-size:12px;color:#005bac}
.news_swiper .label1{font-size:16px;font-weight:600;}
.news_swiper .news_tit{margin-top:20px;font-size:24px;font-weight:500;color:#111;word-break:keep-all;-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;}
.news_swiper .news_desc{margin-top:20px;color:#777;font-weight:300;-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;line-height:1.4}
.news_swiper .news_date{margin-top:32px;color:#999;font-family:'Lato', sans-serif;}
.news_swiper .swiper-button-prev,
.news_swiper .swiper-button-next{width:72px;height:72px;margin-top:-76px;border-radius:50%;background:#fff no-repeat 50% 50%;box-shadow:0 0 10px 3px rgba(0,0,0,0.05)}
.news_swiper .swiper-button-prev{left:-50px;background-image:url(../images/lgin/news_swiper_prev.png)}
.news_swiper .swiper-button-next{right:-50px;background-image:url(../images/lgin/news_swiper_next.png)}
.news_swiper .swiper-button-disabled{opacity:0.6}
.news_swiper .swiper-pagination{width:100%;bottom:0;left:0;padding-top:25px;text-align:center}
.news_swiper .swiper-pagination-bullet{width:6px;height:6px;margin:0 6px;background:#D1D1D1;opacity:1}
.news_swiper .swiper-pagination-bullet-active{background:#005bac}

.main_sec.notice_quick .inner{display:flex;flex-wrap:wrap}
.main_sec.notice_quick .notice_wrap{width:calc(100% - 400px)}
.main_sec.notice_quick .quick_wrap{width:400px;padding-left:50px}
.notice_wrap .intro_title{background-image:url(../images/lgin/sec_tit_notice.png)}
.quick_wrap .intro_title{background-image:url(../images/lgin/sec_tit_quick.png)}
.notice_tab_swiper{position:relative;margin-bottom:20px;display:none;}
.notice_tab_swiper .swiper-slide{width:auto;margin-top:0 !important;color:#FFF;}
.notice_tab_swiper .swiper-slide span{width:auto !important;}
.notice_tab_swiper .swiper-slide a{display:block;padding:14px 20px;border-radius:5px;background:#fff;line-height:1;font-weight:500;font-size:16px;color:#222}
.notice_tab_swiper .swiper-slide.on a{background:#616161;color:#fff;}
.notice_tab_swiper .swiper-slide.on span{color:#fff;}
.notice_tab_swiper .swiper-container{width:calc(100% - 70px);margin:0}
.notice_tab_swiper .swiper-button-prev,
.notice_tab_swiper .swiper-button-next{left:auto;right:0;width:30px;height:30px;margin-top:-15px;border-radius:5px;border:1px solid #DCDCDC;background:no-repeat 50% 50%;}
.notice_tab_swiper .swiper-button-prev{right:35px;background-image:url(../images/lgin/notice_swiper_prev.png)}
.notice_tab_swiper .swiper-button-next{background-image:url(../images/lgin/notice_swiper_next.png)}
.notice_wrap .notice_ul{overflow:hidden;height:185px;}
.notice_wrap .notice_ul li{display:flex;flex-wrap:wrap;align-items:center;width:100%;height:15px;}
.notice_wrap .notice_ul .empty__{height:100%;justify-content:center;border:1px solid #DCDCDC;text-align:center;}
.notice_wrap .notice_date{width:115px;font-family:'Lato', sans-serif;color:#999}
.notice_wrap .notice_text{display:flex;align-items:center;width:calc(100% - 115px) !important;padding-right:30px;justify-content: normal !important;}
.notice_wrap .ico_notice{display:none}
.notice_wrap .new_icon{display:inline-block;position:relative;top:-5px;margin-left:5px;font-weight:300;font-size:12px;color:#ff0000}
.notice_wrap #notcTitle{padding-left:5px;width: auto;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;word-wrap:break-word;}
.notice_wrap #notcCatgrNm{color:#000;width:auto;white-space: nowrap;}
.quick_link_wrap{height:394px;border-radius:15px;background:#F8F8F8}
.quick_link_wrap .quick_link_ul{display:flex;flex-wrap:wrap;height:100%}
.quick_link_wrap .quick_link_ul li{width:50%;height:calc(100%/3);border-top:1px solid #E6E6E6}
.quick_link_wrap .quick_link_ul a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;font-size:18px;color:#111}
.quick_link_wrap .quick_link_ul li:nth-child(1),
.quick_link_wrap .quick_link_ul li:nth-child(2){border-top:0}
.quick_link_wrap .quick_link_ul li:nth-child(2n){border-left:1px solid #E6E6E6}
.quick_link_wrap .quick_link_ul a span{display:inline-block;padding-top:30px;background:no-repeat 50% 0}
.quick_link_wrap .quick_link_ul .quick_link01 span{background-image:url(../images/lgin/quick_link_ic_1.png)}
.quick_link_wrap .quick_link_ul .quick_link02 span{background-image:url(../images/lgin/quick_link_ic_2.png)}
.quick_link_wrap .quick_link_ul .quick_link03 span{background-image:url(../images/lgin/quick_link_ic_3.png)}
.quick_link_wrap .quick_link_ul .quick_link04 span{background-image:url(../images/lgin/quick_link_ic_4.png)}
.quick_link_wrap .quick_link_ul .quick_link05 span{background-image:url(../images/lgin/quick_link_ic_5.png)}
.quick_link_wrap .quick_link_ul .quick_link06 span{background-image:url(../images/lgin/quick_link_ic_6.png)}
.quick_link_wrap .quick_link_ul .quick_link07 span{background-image:url(../images/lgin/quick_link_ic_7.png)}
.quick_link_wrap .quick_link_ul .quick_link08 span{background-image:url(../images/lgin/quick_link_ic_8.png);background-position-y: -8px;}

body *::-webkit-scrollbar-track{background-color:#F2F4F4;border-radius:50px;}
body *::-webkit-scrollbar{width:4px;height:4px;background-color:#F2F4F4;border-radius:50px}
body *::-webkit-scrollbar-thumb{border:5px solid #BFBFBF;border-radius:50px;background-color:#ACADAD;}

.join_step *::-webkit-scrollbar-track{background-color:#fff;border-radius:50px;}
.join_step *::-webkit-scrollbar{width:4px;height:4px;background-color:#fff;border-radius:50px}
.join_step *::-webkit-scrollbar-thumb{border:5px solid #eee;border-radius:50px;background-color:#eee;}

/* join */
.join_step{overflow-x:visible;height:auto;background:#fff}
.join_step header{position:absolute;top:0;left:0;z-index:1;width:100%;height:92px}
.join_step::before{display:none}
.join_step .inner{max-width:1400px}
.join_step .p-user-body{display:flex;align-items:center;justify-content:center;position:relative;min-height:calc(100vh - 140px);padding-top:92px;background:url(../images/user/join_step_bg.jpg) no-repeat 50% 0;background-size:cover}
.join_step .p-user-body::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/user/join_step_bg_pattern.png)}
.join_step .p-user-wrap{overflow:hidden;position:relative;max-width:1200px;width:100%;margin:75px 0 90px;border-radius:10px;}
.join_step .p_user_tit{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 46px;background:#005bac;color:#fff}
.join_step .p_user_tit p{font-weight:500;font-size:22px}
.join_step .p_user_tit .text_btn{font-size:15px;color:#fff;font-weight:300}
.join_step .p_user_tit .text_btn span{display:inline-block;padding-right:22px;background:url(../images/user/text_btn_arrow.png) no-repeat 100% 50%}
.join_step .p_user_tit .desc{font-size:15px;color:#fff;font-weight:300}
.join_step .join_cont{padding:40px 50px 85px;background:#fff url(../images/user/join_step_cont_bg.jpg) no-repeat 50% 0;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);background-size:cover}
.join_step .join_step_ul{display:flex;align-items:center;justify-content:space-between;max-width:920px;width:100%;margin:0 auto}
.join_step .join_step_ul > li{display:flex;align-items:center;justify-content:center;flex:1;position:relative;text-align:center;height:100px;border:2px solid #EFEFEF;border-radius:50px;background:#EFEFEF}
.join_step .join_step_ul > li::after{content:'';display:block;position:absolute;top:0;right:-40px;width:40px;height:100px;background:url(../images/user/join_step_arrow.png) no-repeat 50% 50%}
.join_step .join_step_ul > li + li{margin-left:40px}
.join_step .join_step_ul > li:last-child::after{display:none}
.join_step .join_step_ul p{font-weight:500;font-size:18px;color:#444}
.join_step .join_step_ul small{display:inline-block;margin-bottom:5px;padding:6px 12px;border-radius:50px;background:#3358a6;line-height:1;font-size:8px;color:#fff;letter-spacing:0}
.join_step .join_step_ul > li.on{border-color:#fff;background:#3358a6 url(../images/user/join_step_on_bg.png) no-repeat 50% 50%;}
.join_step .join_step_ul > li.on::before{content:'';display:block;position:absolute;top:-3px;left:-3px;width:calc(100% + 4px);height:calc(100% + 4px);border:1px solid #3358a6;border-radius:50px;box-shadow:0 0 15px 5px rgba(0,0,0,0.05)}
.join_step .join_step_ul > li.on p{color:#fff}
.join_step .join_step_ul > li.on::after{background-image:url(../images/user/join_step_arrow_on.png)}
.join_step .join_step_ul > li.on small{background:#fff;font-weight:500;color:#3358a6}

.join_step .p-title{margin-bottom:15px}
.join_step h2{font-weight:600;font-size:22px;color:#111}
.join_step .warn{margin-top:50px;line-height:1.6;font-weight:300;font-size:14px;color:#666}
.join_step .warn strong{font-weight:500;color:#e20c0c}

.join_step .user-select-box ul{display:flex;margin-top:90px}
.join_step .user-select-box ul > li{flex:1;text-align:center}
.join_step .user-select-box ul > li + li{border-left:1px solid #CBCBCB}
.join_step .user-select-box a{display:block;padding:0 90px;}
.join_step .user-select-box .ic_box{padding-top:155px;background:no-repeat 50% 0}
.join_step .user-select-box .user_in .ic_box{background-image:url(../images/user/join_select_user_in_ic.png)}
.join_step .user-select-box .user_par .ic_box{background-image:url(../images/user/join_select_user_par_ic.png)}
.join_step .user-select-box .user_out .ic_box{background-image:url(../images/user/join_select_user_out_ic.png)}
.join_step .user-select-box .text01{font-size:22px;font-weight:600;color:#111}
.join_step .user-select-box .text02{height:65px;margin-top:15px;line-height:1.4;font-weight:300;font-size:15px;color:#666}
.join_step .user-select-box .text03{margin-top:15px;font-size:13px;color:#999;line-height:1.5}
.join_step .user-select-box span{display:block;width:180px;padding:15px 10px;margin:50px auto 0;border-radius:3px;font-weight:600;font-size:16px;color:#111;background:#dbefff}

.join_step .user-select-box.cirt ul{align-items:center}
.join_step .user-select-box.cirt a{padding:0 60px}
.join_step .user-select-box.cirt span{margin-top:40px}
.join_step .user-select-box .phone .ic_box{background-image:url(../images/user/join_select_phone_ic.png)}
.join_step .user-select-box .phone_02 .ic_box{background-image:url(../images/user/join_select_phone02_ic.png)}
.join_step .user-select-box .email .ic_box{background-image:url(../images/user/join_select_email_ic.png)}

.join_step .find_cont{padding:80px 50px}
.join_step .find_cont .user_ul01{margin-top:0}

.join_terms_wrap{margin-top:50px}
.join_terms_wrap .p-terms-wrap + .p-title{margin-top:50px}
.join_terms_wrap .p-terms-box{height:280px;border:1px solid #ccc;padding:15px;border-radius:10px;background:#fff;line-height:1.6;font-weight:300;font-size:16px;color:#666;}
.join_terms_wrap .p-terms-box .terms_cont{overflow:auto;height:100%;padding:20px;white-space:pre-line;}
.join_terms_wrap .p-terms-bottom{margin-top:15px}
.join_terms_wrap .p-terms-bottom .check span{padding:5px 0;padding-left:40px;height:auto;line-height:1;font-weight:500;font-size:16px;color:#333}
.join_terms_wrap .p-terms-bottom .check span::before{width:24px;height:24px;border:1px solid #DBDBDB;border-radius:50%;background:url(../images/sub/sub_terms_chk_ic.png) no-repeat 50% 50%}
.join_terms_wrap .p-terms-bottom .check input{margin:0}
.join_terms_wrap .p-terms-bottom .check input:checked + span::before{width:24px;height:24px;border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%;background-size:auto}
.join_terms_wrap .terms_cont table{border:1px solid #ccc;}
.join_terms_wrap .terms_cont table th,
.join_terms_wrap .terms_cont table td{border-top:0;height:40px;padding:5px 15px;border-bottom:1px solid #ccc;font-size:14px;color:#666;white-space: normal;text-align:center}
.join_terms_wrap .terms_cont table th{font-weight:500;}
.join_terms_wrap .terms_cont table td{font-weight:400}
.join_terms_wrap .terms_cont table th + th,
.join_terms_wrap .terms_cont table td + td{border-left:1px solid #ececec}

.agree_terms_wrap{margin:30px 5px 0 5px;}
.agree_terms_wrap .p-terms-wrap + .p-title{margin-top:50px}
.agree_terms_wrap .p-terms-box{height:280px;border:1px solid #ccc;padding:15px;border-radius:10px;background:#fff;line-height:1.6;font-weight:300;font-size:16px;color:#666;}
.agree_terms_wrap .p-terms-box .terms_cont{overflow:auto;height:100%;padding:20px;white-space:pre-line;}
.agree_terms_wrap .p-terms-bottom{margin-top:15px}
.agree_terms_wrap .p-terms-bottom .check span{padding:5px 0;padding-left:40px;height:auto;line-height:1;font-weight:500;font-size:16px;color:#333}
.agree_terms_wrap .p-terms-bottom .check span::before{width:24px;height:24px;border:1px solid #DBDBDB;border-radius:50%;background:url(../images/sub/sub_terms_chk_ic.png) no-repeat 50% 50%}
.agree_terms_wrap .p-terms-bottom .check input{margin:0}
.agree_terms_wrap .p-terms-bottom .check input:checked + span::before{width:24px;height:24px;border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%;background-size:auto}
.agree_terms_wrap .terms_cont table{border:1px solid #ccc;}
.agree_terms_wrap .terms_cont table th,
.agree_terms_wrap .terms_cont table td{border-top:0;height:40px;padding:5px 15px;border-bottom:1px solid #ccc;font-size:14px;color:#666;white-space: normal;text-align:center}
.agree_terms_wrap .terms_cont table th{font-weight:500;}
.agree_terms_wrap .terms_cont table td{font-weight:400}
.agree_terms_wrap .terms_cont table th + th,
.agree_terms_wrap .terms_cont table td + td{border-left:1px solid #ececec}
.agree_terms_wrap .btn_wrap {margin-bottom:15px;}
.agree_terms_wrap .btn01 {padding: 17px 34px !important;}

.join_step .btn_wrap{margin-top:50px;text-align:center;}
.join_step .btn01{display:inline-block;padding:17px 34px;border-radius:5px;background:#000;font-weight:500;font-size:16px;color:#fff;}
.join_step .btn01 + .btn01{margin-left:5px}
.join_step .btn01.col02{background:#E5E5E5;color:#111}
.join_step .btn01 span{display:inline-block;font-weight:400;font-size:16px;color:#fff;}
.join_step .btn01 span.save_ic{padding-left:20px;background:url(../images/sub/btn_save_ic.png) no-repeat 0 50%}

.join_step .user_resi{margin-top:50px}
.join_step .p-userinput{border:1px solid #ccc;border-radius:10px;background:#fff}
.join_step .p-userinput .input_ul > li,
.join_step .p-select-pers-no{padding:30px 40px}
.join_step .p-userinput .input_ul > li + li{border-top:1px solid #E7E7E7}
.join_step .p-userinput li.empty__{display:flex;align-items:center;justify-content:center;height:120px}
.join_step .p-userinput dl{display:flex;flex-wrap:wrap;align-items:center;width:100%}
.join_step .p-userinput dt{width:210px;padding-right:20px;font-weight:500}
.join_step .p-userinput dt.req::before{content:'*';display:inline-block;margin-right:4px;font-size:15px;color:#e20c0c}
.join_step .p-userinput dd{width:calc(100% - 210px)}
.join_step .p-userinput dd input{width:100%}
.join_step .p-userinput dd input::placeholder{color:#bcbcbc}
.join_step .p-userinput input[type="text"]:disabled{border-color:#EFEFEF;background:#EFEFEF;color:#999}
.join_step .p-userinput input[type="text"],
.join_step .p-userinput input[type="password"]{width:100%;height:50px;padding:0 20px;border:1px solid #C1C1C1;border-radius:3px;font-size:15px;color:#222}
.join_step .p-userinput .warn{margin-top:15px;padding:15px 40px 40px}
.join_step .p-select-pers-no + .warn{margin-top:0;padding-top:30px;border-top:1px solid #E7E7E7}
.join_step p + .dot_list{margin-top:15px}
.join_step p + .dot_list > li::before{top:7px}

.p-id-wrap{width:auto;max-width:100%;padding:40px 25px 25px;text-align:center;}
.p-id-wrap .text01{font-size:22px;font-weight:600;padding-bottom:20px;padding-top:80px;background: url("../images/user/popup_icon01.png") no-repeat 50% 0;}
.p-id-wrap .text02{color:#666}
.p-id-wrap .text03{margin-top:20px;}
.p-id-wrap .text03 span{border-bottom:1px solid #111;font-size:20px;font-weight:600;color:#111;}
.p-id-wrap .btn_wrap{margin-top:30px}
.p-id-wrap .btn_wrap .btn01{display:inline-block;padding:10px 35px;border-radius:5px;background:#000;font-weight:500;font-size:16px;color:#fff;}

.p-pw-wrap{width:auto;max-width:100%;padding:25px;}
.p-pw-wrap *{box-sizing: border-box;line-height: 1;}
.p-pw-wrap .text01{font-size: 22px;font-weight:600;padding-bottom:20px; text-align: center;padding-top:80px;background: url("../images/user/popup_icon02.png") no-repeat 50% 0;}
.p-pw-wrap .text02{border:1px solid #e6e6e6;}
.p-pw-wrap .text02 li{position:relative;border-top:1px solid #e6e6e6;}
.p-pw-wrap .text02 li:first-child{border-top:none;}
.p-pw-wrap .text02 input{height:42px;width:100%; line-height: 42px;padding-left:20px;padding-right:90px; border:none;}
.p-pw-wrap .text02 span{position: absolute;top:0;right: 0;display:block;height:42px;line-height:42px;  width:90px;padding-right:42px; font-size: 13px;}
.p-pw-wrap .text02 span.p-pw01-d{background:url("../images/user/pw_icon_d.png") no-repeat 52px 50%;text-indent: -9999em;}
.p-pw-wrap .text02 span.p-pw01-o{color:#28cbba;background:url("../images/user/pw_icon_o.png") no-repeat 52px 50%;text-align:right;}
.p-pw-wrap .text02 span.p-pw01-n{color:#ff1c32; background:url("../images/user/pw_icon_n.png") no-repeat 52px 50%;text-align:right;}
.p-pw-wrap .text02 span.p-pw02-d{background:url("../images/user/pw_icon2_d.png") no-repeat 52px 50%;text-indent: -9999em;}
.p-pw-wrap .text02 span.p-pw02-o{background:url("../images/user/pw_icon2_o.png") no-repeat 52px 50%;text-indent: -9999em;}
.p-pw-wrap .text02 span.p-pw02-n{color:#ff1c32;background:url("../images/user/pw_icon2_n.png") no-repeat 52px 50%;text-indent: -9999em;}
.p-pw-wrap .dot_list{margin-top:10px}
.p-pw-wrap .dot_list li{font-size:13px;line-height:1.4}
.p-pw-wrap .dot_list li + li{margin-top:0;}
.p-pw-wrap .dot_list li::before{top:7px}
.p-pw-wrap .text04{padding-top:30px;clear: both;overflow: hidden;}
.p-pw-wrap .text04 .btn01{display:block;width:calc(50% - 5px);float:left;  text-align: center;height:48px;line-height:46px;border:1px solid #4f4f4f;background:#fff;}
.p-pw-wrap .text04 .btn01.col01{background: #4f4f4f;color:#fff;}
.p-pw-wrap .text04 .btn01.col02{color:#4f4f4f;margin-left:10px;}
.p-pw-wrap .p-text01 {width: 100%;border-top: 1px solid #d7dfe4;padding: 20px 10px 20px 0;}
.p-pw-wrap .p-text01 li {padding-top: 6px;padding-left: 10px;line-height: 1.2em;color: #666666;list-style: disc;margin-left: 30px;padding-left: 0px;font-size: 11px;}
.p-pw-wrap .p-text01 li:first-child {padding-top: 0;}
.p-pw-wrap .p-text01 li strong {color: #ed6464;display: inline;}

.joinstep_find_pop *{box-sizing: border-box;}
.joinstep_find_pop .box01{height:200px;padding:20px 15px 25px;background:#F5F5F5}
.joinstep_find_pop .box01 .text01{text-align:center;font-size:16px; padding-top:136px;background: url("../images/user/joinstep_find_phone_ic.png") no-repeat 50% 0;color:#111}
.joinstep_find_pop .box01 .text01.email{background-image:url("../images/user/joinstep_find_email_ic.png")}
.joinstep_find_pop .box01 .text01 span{color:#3358a6;}
.joinstep_find_pop .box02{padding:30px 40px; background:#fff;}
.joinstep_find_pop .box02 .text01{font-size: 16px;font-weight: 600;padding-bottom:18px;line-height: 1;}
.joinstep_find_pop .box02 .text02{padding-bottom:15px;clear: both;overflow: hidden;}
.joinstep_find_pop .box02 .text02 > .pers-info > li{height:55px;}
.joinstep_find_pop .box02 .text02 input{float:left; width:calc(100% - 146px);margin-right:10px;padding:0 20px;border-radius:5px;line-height:45px;font-size:15px;border:1px solid #e6e6e6;}
.joinstep_find_pop .box02 .text02 input::placeholder{font-weight:300;color:#999}
.joinstep_find_pop .box02 .text02 .btn01{display: block;width:136px; float: right;font-size:15px;line-height:45px;text-align: center;color:#005bac; border:1px solid #005bac;background: #fff;}
.joinstep_find_pop .box02 .text02 .p-cnt-down{display: block;width:136px;float:right;border-radius:5px;line-height:45px;text-align:center;color:#999;background:#F5F5F5;font-size:16px;}
.joinstep_find_pop .box02 .text03{font-weight:600;font-size:16px;padding-bottom:10px;}
.joinstep_find_pop .box02 .text04 li{display:block; color:#777777;font-size: 15px;letter-spacing: -0.5px;}
.joinstep_find_pop .box02 .text04 li:before{content: "";display: inline-block;vertical-align: middle;margin-right:5px; width:3px;height:3px;background:#999999;}
.joinstep_find_pop .box03{padding:0 40px 40px}
.joinstep_find_pop .box03 .text01{padding-bottom:10px;font-size:16px;font-weight:600}
.joinstep_find_pop .box03 .text02{color:#777}
.joinstep_find_pop .btn01 span.check_ic{padding-left:28px;background:url(../images/user/btn_check_ic.png) no-repeat 0 50%}
.joinstep_find_pop .desc{margin-bottom:8px;color:#111}
.joinstep_find_pop .btn_wrap{padding:0 30px 40px;margin-top:0}
.joinstep_find_pop .btn_wrap .btn01{display: block;width:100%;height:50px;line-height: 50px;color:#fff;text-align: center;background: #111;}

/* notice_wrap */
.popup__{width:auto !important;}
.join_step .popup__{min-width:570px}
.popup__ .notice_wrap{padding:20px}
.popup__ .notice_wrap .notice_top{padding-bottom:20px;border-bottom:1px solid #eee}
.popup__ .notice_wrap .notice_tit{margin:10px 0 20px;line-height:1.4}
.popup__ .notice_wrap #notcTitle{font-weight:600;font-size:28px;color:#111}
.popup__ .notice_wrap .notice_info{display:flex;align-items:center;color:#999}
.popup__ .notice_wrap .notice_info > li + li::before{content:'';display:inline-block;width:1px;height:12px;margin:0 8px;background:#ddd;vertical-align:middle}
.popup__ .notice_wrap .notice_info span{font-weight:500;color:#666}
.popup__ .notice_wrap .notice_cont{overflow:auto;min-height:200px;max-height:calc(100vh - 500px);padding:30px 15px;border-bottom:1px solid #eee}
.popup__ .notice_wrap .notice_file dl{display:flex;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #eee}
.popup__ .notice_wrap .notice_file dt{width:100px;border-right:1px solid #ddd}
.popup__ .notice_wrap .notice_file dd{width:calc(100% - 100px);padding-left:20px}
.popup__ .notice_wrap .notice_file a{text-decoration:underline;font-weight:400;color:#005bac}
.popup__ .notice_wrap .notice_writer{padding-top:20px}

.tox .tox-number-input .tox-input-wrapper > input[type=text] {
	height: auto;
	width : 60px;
	border: 0px;
}



/* 포틀릿 메인 */
.p-wrap{overflow:hidden;position:relative;background:#F6F8FA}
.inner{max-width:1600px;width:100%;margin:0 auto}
body{position:relative}
/* body::before, */
.p-main-wrap::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:340px;background:url(../images/mainp/p_wrap_bg.jpg) no-repeat 0 60%;background-size:cover;}
.p-main-wrap::before{height: 370px;}
.p-main-wrap{background:#fff;}
.p-main-vis{display:block;position:relative;width:100%;max-width:1600px;height:370px;padding-left:180px;padding-top:213px;margin:0 auto;color:#fff;z-index:1;}
.p-main-vis > p{font-size:40px;font-weight:900;margin-bottom:5px;}
.p-main-vis > span{font-size:16px;color:rgba(255,255,255,.6);}
/*
메인화면 비주얼영역 로고 삭제 2025.08.20
.p-main-vis::after{position:absolute;right:150px;top:115px;content:'';display:block;width:675px;height:220px;background:url(../images/mainp/p_wrap_bg_obj.png) no-repeat;z-index:-1;}
*/
.p-mainmn0100::before{display:none}

.skiplist {
	position: relative;
	z-index: 1000;
}

.skiplist a {
	position: absolute;
	top: -30px;
	left: 0;
	width:136px;
	background: #333;
	color: #FFF;
	padding: 7px 15px;
	text-decoration: none;
	text-align:center;
	font-size: 14px;

}

.skiplist a:focus {
	top: 0;
	text-decoration: none;
	z-index: 1000;
	opacity: 1;
}

/* header_layer */
.header_layer{display:none;overflow:hidden;position:absolute;top:60px;left:50%;width:250px;padding-top:8px;border-radius:0 0 10px 10px;margin-left:-125px;box-shadow:0 10px 10px 2px rgba(0,0,0,0.08);}
.header_layer .layer_head{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 24px;border-radius:10px 10px 0 0;background:#000;font-weight:500;font-size:18px;text-align:left}
.header_layer .layer_head::before{content:'';display:block;position:absolute;top:0;left:50%;width:20px;height:8px;margin-left:-10px;background:url(../images/mainp/header_layer_dot.png) no-repeat 0 0}
.header_layer .layer_body{max-height:450px;min-height:100px;background:#fff}
.header_layer .layer_body,
.header_layer .layer_body *{font-size:16px;color:#222}
.header_layer .empty,
.header_layer .empty__{display:flex;align-items:center;justify-content:center;height:100px;text-align:center;}
.header_layer .item{display:flex;align-items:center;width:100%;height:50px;padding:0 24px;}
.header_layer .item + .item{border-top:1px solid #eee}
.header_layer .item:hover{background-color:#fafafa}
.header_layer .p-btn-edit{display:inline-block;padding-left:22px;font-weight:300px;font-size:14px;background:url(../images/mainp/layer_edit_ic.png) no-repeat 0 50%;}
.header_layer .buttons{display:flex;align-items:center;justify-content:center;padding:10px 20px 20px;border-top:1px solid #eee;background:#fff}
.header_layer .buttons .button{display:flex;align-items:center;justify-content:center;height:40px;padding:0 17px;border:1px solid #c3d2e3;border-radius:10px;font-size:15px;color:#c3d2e3;box-shadow:0 3px 5px 3px rgba(195,210,225,.2);}
.no_result{display:flex;align-items:center;justify-content:center;height:120px}

.p-header{position:absolute;top:0;left:0;z-index:100;width:100%;}
.p-header + section{overflow:hidden;position:relative;padding-top:120px}
.top_header{height:45px;background:#005bac}
.top_header .inner{display:flex;align-items:center;justify-content:space-between;}
.top_header *{color:#fff}
.top_header .p-lefter,
.top_header .p-righter{display:flex;height:45px;align-items:center;}
.top_header .p-lefter > div{width:120px;height:45px;border-right:1px solid #004582;text-align:center;font-size:14px;}
.top_header .p-lefter > div.on{border-right:0;background:#004480;font-weight:500;font-size:15px;color:#fff}
.top_header .p-lefter > div.p-static-link{border-right:1px solid #004582;}
/*.top_header .p-lefter > div.p-static-link .link{border-right: 1px solid #50b9df;}*/
.top_header .pres-link,
.top_header .link a,
.top_header .p-btn-system-links .icon-img{line-height:45px;}
.top_header .link a{display:inline-block;padding-right:16px;padding-left:3px;background:url(../images/mainp/out_link_ic.png) no-repeat 98% 50%;white-space:nowrap}
.top_header .p-dynamic-link{position:relative;}
.top_header .p-btn-system-links:hover{opacity:1}
.top_header .p-btn-system-links:hover .icon-img{opacity:0.8}
.top_header .p-btn-system-links .icon-img{display:inline-block;position:relative;padding-right:20px;}
.top_header .p-btn-system-links .icon-img::after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:8px;margin-top:-4px;background:url(../images/mainp/topheader_select_ic.png) no-repeat 50% 50%;transition:0.3s}
.top_header .p-btn-system-links.p-selected .icon-img::after{transform:rotate(180deg)}
/*.top_header .p-system-link-layer{width:500px;left:-50%}
.top_header .link-list{display:flex;flex-wrap:wrap;}*/
.top_header .p-system-link-layer .item{display:flex;align-items:center;width:100%;height:50px;padding:0 34px 0 24px;background:url(../images/mainp/top_link_arrow.png) no-repeat calc(100% - 24px) 50% / 7px}
.top_header .p-btn-bookmarks{position:relative;}
.top_header .p-btn-bookmarks .icon-img{display:inline-block;width:37px;height:37px;background:url(../images/mainp/header_bmk_ic.png) no-repeat 50% 50%;text-indent:-9999px;border-radius:10px;}
.top_header .p-btn-bookmarks:hover{opacity:1;}
.top_header .p-btn-bookmarks:hover .icon-img{background-color:#004d92;}
.top_header .p-btn-bookmarks .item{position:relative;padding-right:50px}
.top_header .p-btn-bookmarks .item .title{display:flex;align-items:center;height:50px}
.top_header .p-btn-bookmarks .delete{display:none;position:absolute;top:50%;right:24px;width:14px;height:20px;margin-top:-10px;background:url(../images/mainp/layer_bmk_ic.png) no-repeat 50% 50%;text-indent:-9999px}
.top_header .p-btn-bookmarks .delete:active{opacity:0.4}
.top_header .p-btn-bookmarks .buttons .button + .button{margin-left:5px}
.top_header .p-btn-bookmarks .buttons .button:active{transform:scale(0.95)}
.top_header .p-btn-bookmarks .buttons .p-btn-save{border-color:#000;background:#000;color:#fff}
/*.top_header .p-btn-notification:hover{opacity:0.8}*/
.p-header .p-btn-notification > .p-count{position:absolute;top:15px;left:22px;padding:0 3px;height:17px;min-width:17px;border:1px solid #005bac;border-radius:50px;line-height:15px;font-weight:500;font-size:12px;color:#005bac;background:#dbefff;text-align:center;letter-spacing:0}
.top_header .p-socps-list > div{display:flex;align-items:center;height:45px}
.top_header .header-lang{border-color:#778795}
.top_header .p-quickMn,
.p-header .p-btn-notification{display:block;width:37px;height:37px;background-repeat:no-repeat;background-position:50% 50%;border-radius:10px;}
.top_header .p-quickMn{background-image:url(../images/mainp/header_quickmenu_ic.png);}
.p-header .p-btn-notification{position:relative;background-image:url(../images/mainp/header_alrm_ic.png);}
.p-header .p-notifications > span{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;color:#fff;text-align:center;background:#c8005f;border-radius:50%;min-width:16px;height:16px;line-height:16px;}
.top_header .p-quickMn:hover,
.p-header .p-btn-notification:hover{background-color:#004d92;opacity:1;}
.top_header .p-socps-list{padding-left:10px}
.top_header .p-socps-list .p-title{font-size:14px;max-width: 300px;}
.top_header .p-socps-list .socps-por-nm{display:inline-block;padding:5px 10px;margin-right:8px;border-radius:50px;font-size:13px;color:#FFF;background:#000;line-height:1}
.top_header .p-btn-logout{display:flex;align-items:center;height:45px;padding-left:30px;margin-left:30px;font-size:14px;background:url(../images/mainp/header_logout_ic.png) no-repeat 0 50%;color:#ffb300;}
.p-header .p-notification-layer{width:400px;margin-left:-200px}
.p-header .p-notification-layer .layer_head{padding-right:10px; cursor:auto;}
.p-header .p-notification-layer .layer_title p{display:inline-block;color:#fff;}
.p-header .p-notification-layer .layer_title .ntcount{margin-left:5px;font-weight:300;font-size:13px;color:#ebc151;}
.p-header .p-notification-layer .layer_title .ntcount span{color:#ebc151}
.p-header .p-notification-layer .layer_btn{display:flex;}
.p-header .p-notification-layer .layer_btn button{width:35px;height:30px;border:0;background:no-repeat 50% 50%;text-indent:-9999px}
.p-header .p-notification-layer .layer_btn button:hover{opacity: 0.8;}
.p-header .p-notification-layer .layer_btn .p-btn-reset{background-image:url(../images/mainp/layer_reset_ic.png)}
.p-header .p-notification-layer .layer_btn .p-btn-close{background-image:url(../images/mainp/layer_close_ic.png)}
.p-header .p-notification-layer .layer_body{min-height:80px}
.p-header .p-notification-layer .buttons .p-btn-all{background:#fff;color:#000}
.p-header .p-notification-layer .p-btn-all span{display:inline-block;padding-right:16px;font-weight:400;color:#005bac;background:url(../images/mainp/top_link_arrow.png) no-repeat 100% 50% / 7px;}
.p-header .p-notification-layer .p-list01 li{padding:20px}
.p-header .p-notification-layer .p-list01 li + li{border-top:1px solid #eee}
.p-header .p-notification-layer .title-box{position:relative;padding-right:100px; width:100%; cursor:pointer;}
.p-header .p-notification-layer .title-box button{padding:3px 8px;border:1px solid #777;border-radius:3px;font-size:13px;color:#000;background:#fff;position: absolute;top: -10px;right: 0;}
.p-header .p-notification-layer .title-box .title-box-btn-wrap{position:absolute;top:-10px;right:0;}
.p-header .p-notification-layer .title-box .p-btn-star{right:45px;border-color:#000;}
.p-header .p-notification-layer .title-box .p-btn-star.on{right:45px;border-color:#000;background:#000;color:#fff}
.p-header .p-notification-layer .title-box .p-btn-link{top:20px;width:85px;}
.p-header .p-notification-layer .title-box .text01{display:block;margin-bottom:8px;font-size:15px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p-header .p-notification-layer .title-box .text01::before{content:'';display:inline-block;position:relative;top:-1px;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#005bac;vertical-align:middle}
.p-header .p-notification-layer .title-box .text01.p-readed::before{background:#BFBFBF}
.p-header .p-notification-layer .title-box .text02,
.p-header .p-notification-layer .title-box .text02 span{font-size:13px;color:#999}
.p-header .p-notification-layer #type{display:none}
.p-header .p-notification-layer .p-content-box{height: 0px;transform: scaleY(0); margin: 3px;}
.p-header .p-notification-layer .p-content-box #content{font-size: 14px;white-space: pre-wrap;}

/* gnb_wrap */
.gnb_wrap{border:0;background:#FFF;}
.gnb_wrap{height:73px;border-bottom:1px solid rgba(255,255,255,0.15)}
.gnb_wrap .inner{display:flex;justify-content:space-between;}
.gnb_wrap .p-logo{display:flex;align-items:center;height:73px;}
/*.gnb_wrap .p-logo > a{display:block;width:320px;height:45px;padding-left:252px;background:url(../images/logos/logo_hallym.png) no-repeat 0 0;}*/
.gnb_wrap .p-logo span{font-weight:500;font-size:26px;color:#000;display: table-cell;vertical-align: middle;}
.gnb_list{display:flex;align-items:center;height:73px}
.gnb_list a:hover{opacity:1}
.gnb_list .p-menubar,
.gnb_list .p-menu-right,
.gnb_list .p-menu-buttons,
.gnb_list .p-menu-center-header{display:none}
.gnb_list .p-menu-center{display:none;position:absolute;top:118px;left:50%;width:100vw;padding:40px 0 30px;margin-left:-50vw;background:#fff;box-shadow:0 10px 10px 2px rgba(0,0,0,0.05)}
.gnb_list .p-depth2menu{display:flex}
.gnb_list .p-depth2menu a{display:block;padding:0 25px;font-weight:500;font-size:18px;color:#000;white-space:nowrap}
.gnb_list .p-depth2menu a span{display:flex;align-items:center;justify-content:center;position:relative;height:73px;width: auto;text-overflow: ellipsis;overflow: hidden;white-space: normal;}
.gnb_list .p-depth2menu a span::before{content:'';display:block;overflow:hidden;position:absolute;bottom:2px;left:50%;z-index:5;width:0;height:3px;background:#005bac;transform:translateX(-50%);transition:width 0.3s}
.gnb_list .p-menu:hover .p-menu-center{display:block;}
.gnb_list .p-depth3menu{display:flex;flex-wrap:wrap;overflow:auto;max-width:1500px;width:100%;max-height:500px;margin:0 auto}
.gnb_list .p-depth4menu{width:calc(100% / 6);padding:0 30px;margin-bottom:30px;}
.gnb_list .p-depth4menu:nth-child(6n){border-right:0}
.gnb_list .p-depth4menu-header{font-weight:600;font-size:17px;color:#005bac}
.gnb_list .p-depth4menu > ul{margin-top:15px}
.gnb_list .p-depth4menu > ul a{display:block;padding:5px 0;font-size:16px;color:#333}
.gnb_list .p-depth4menu > ul a:hover span{text-decoration:underline}
.gnb_list .p-depth4menu > ul a span{display:inline-block;position:relative;padding-left:8px}
.gnb_list .p-depth4menu > ul a span::before{content:'';display:block;position:absolute;left:0;top:9px;width:3px;height:3px;border-radius:50%;background:#333}
.gnb_list .p-depth4menu-item .mob{color:#005bac}
.gnb_list .p-depth5menu{padding:5px 10px;margin:5px 0;background:#F5F5F5}
.gnb_list .p-depth5menu > li > a {padding:2px 0}
.gnb_list .p-depth5menu > li > a span{font-size:14px}
.gnb_list .p-depth5menu > li > a span::before{top:8px;width:4px;height:1px;border-radius:0}
.gnb_list .p-sitemap a{display:block;position:relative;width:55px;height:73px}
.gnb_list .p-sitemap i{display:block;overflow:hidden;position:absolute;top:50%;right:0;width:26px;height:2px;margin-top:-1px;background:#005bac;}
.gnb_list .p-sitemap i:nth-child(1){transform:translateY(-8px)}
.gnb_list .p-sitemap i:nth-child(3){transform:translateY(8px)}

.gnb_wrap.h_over{border-bottom:1px solid #ECECEC;background:#fff}
.gnb_wrap.h_over .p-logo > a{background:url(../images/logos/logo.png) no-repeat 0 25%; }
.gnb_wrap.h_over .p-logo span{color:#000}
.gnb_wrap.h_over .gnb_list .p-depth2menu a{color:#111}
.gnb_wrap.h_over .gnb_list .p-sitemap i{background:#111}
.gnb_wrap.h_over .gnb_list .p-depth2menu .selected span{color:#005bac}
.gnb_wrap.h_over .gnb_list .p-depth2menu .selected span::before{width:100%;}


/* p-body */
.p-wrap .p-body{max-width:1600px;width:100%;margin:0 auto;padding:0 0 15px;}
.p-portlet-tabs,
.p-body .view_context__{position:relative;z-index:1;}
.p-portlet-tabs{display:flex;align-items:center;margin:30px 0;}
/* .p-portlet-tabs::before{content:'dashboard';display:inline-block;margin-right:36px;font-weight:600;font-size:36px;color:#fff;font-family:'Lato', sans-serif;text-transform:uppercase;vertical-align:middle;text-shadow: 2px 2px rgba(0, 0, 0, 0.4);text-shadow: 2px 2px rgba(0, 0, 0, 0.4);} */
.p-portlet-tabs a{display:inline-block;position:relative;padding:10px 20px;font-weight:500;font-size:20px;color:#000;}
.p-portlet-tabs a::after{content:'';display:block;overflow:hidden;position:absolute;bottom:0;left:50%;z-index:5;width:0;height:3px;background:#dbefff;transform:translateX(-50%);transition:width 0.3s}
.p-portlet-tabs a.on{border-bottom:2px solid #00ada9;color:#00ada9;}
/*.p-portlet-tabs a.on::after{width:100%}*/
.p-portlet-tabs .p-user-portlet-deployment{width:37px;height:37px;margin-right:20px;text-indent:-9999px;border-radius:10px;background:url(../images/mainp/portlet_edit_ic.png) no-repeat 50% 50%;}
.p-portlet-tabs .p-user-portlet-deployment.exit{width:auto;height:auto;padding:8px 15px;border:1px solid #fff;border-radius:3px;text-indent:0;background:none}
.p-portlet-tabs .p-user-portlet-deployment:hover{background-color:#f5f5f5;opacity:1;}

/* p-sidebar */
.p-sidebar{position:absolute;width:385px;top:370px;left:50%;z-index:1;margin-left:415px;}
.p-sidebar *{font-family:'Noto Sans', 'Malgun Gothic', 'Microsoft YaHei UI', 'AppleGothicNeoSD', 'Segoe UI', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic'}
.p-sidebar .p-socps-list{display:none}
.p-sidebar .p-image{display:none}
.p-sidebar .today_schd{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;width:100%;margin:34px 0 35px;}
/* .p-sidebar .today_schd::after{content:'';display:block;position:absolute;bottom:-20px;left:0;width:100%;height:30px;background:url(../images/mainp/sidebar_today_schd_bg.png) no-repeat 50% 100%;background-size:100%} */
.p-sidebar .today_schd p{padding-left:36px;font-size:18px;color:#000;background:url(../images/mainp/sidebar_schd_ic.png) no-repeat 0 50%}
.p-sidebar .today_schd p span{color:#00ada9;padding:2px;}
.p-sidebar .sidebar_toggle{width:auto;height:36px;padding:0 15px;border-radius:20px;background:#5c6166;transition:transform 0.3s;line-height:36px;}
.p-sidebar .sidebar_toggle span{color:#fff;padding-right:17px;background:url(../images/mainp/sidebar_schd_close_ic.png) no-repeat 100% 50%;}
/* .p-sidebar .sidebar_toggle{background:#dbefff url(../images/mainp/sidebar_toggle_ic.png) no-repeat 55% 50%;} */
.p-sidebar .p-schedule{overflow:hidden;height:880px;border:1px solid #dee8ee;border-radius:20px;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);transition:0.3s}
.p-sidebar .p-calendar{height:100%}
.p-sidebar .p-calendar-top{display:flex;align-items:center;justify-content:center;position:relative;height:72px;border-radius:15px 15px 0 0;background:#fff;}
.p-sidebar .p-calendar-top strong{display:block;width:calc(100% - 100px);font-size:16px;letter-spacing:0;text-align:center;}
.p-sidebar .p-calendar-top a{position:absolute;top:0;display:block;width:34px;height:50px;background:no-repeat 50% 50%;text-indent:-9999px;border-bottom:1px solid #e2ebf0;}
.p-sidebar .p-calendar-top .p-btn-cal-prev{left:0;background-image:url(../images/mainp/portlet_cal_prev_ic.png);border-right:1px solid #e2ebf0;border-radius:0 0 20px 0;}
.p-sidebar .p-calendar-top .p-btn-cal-next{right:0;background-image:url(../images/mainp/portlet_cal_next_ic.png);border-left:1px solid #e2ebf0;border-radius:0 0 0 20px;}
.p-sidebar .calendar-con_wrap{border-radius:0 0 15px 15px;background:#fff;}
.p-sidebar .calendar-head{display:flex;flex-wrap:wrap;padding:0 20px;}
.p-sidebar .calendar-head > div{width:calc(100% / 7);padding:14px 0;text-align:center;font-weight:600;font-size:14px;color:#5f6e7b;letter-spacing:0.7px;}
.p-sidebar .calendar-head > div:first-child,
.p-sidebar .calendar-head > div:last-child{color:#ff4848;}
.p-sidebar .p-calendar-cont{display:flex;flex-wrap:wrap;padding:13px 20px}
.p-sidebar .p-calendar-cont > li{width:calc(100% / 7);height:48px;text-align:center}
.p-sidebar .p-calendar-cont > li a{display:block;width:30px;height:28px;margin:0 auto;border-radius:50%;background:#fff;font-size:14px;line-height:29px;color:#333}
.p-sidebar .p-calendar-cont > li a:hover{background:#eeeeee;}
.p-sidebar .p-calendar-cont > li a.curr-month{color:#111}
.p-sidebar .p-calendar-cont > li a.curr-month.selectedDay{background:#005bac;color:#fff}
.p-sidebar .p-calendar-cont > li a.selectedDay{background:#005bac;color:#fff}
.p-sidebar .p-calendar-cont > li a.curr-month .sunday{color:#ff4848}
.p-sidebar .p-calendar-cont > li a.curr-month .holiday{color:#ff4848}
.p-sidebar .p-calendar-cont > li a.today span{font-weight:700;text-decoration: underline;text-underline-position: under;}
.p-sidebar .label-schedule{display:inline-block;position:relative;width:6px;height:6px;margin:0 auto 0 1px;border-radius:50%;background:#005bac;text-indent:-9999px}
.p-sidebar .label-schedule.label-my-schedule{background:#e67437;}
.p-sidebar .label-schedule.label-space-schedule{background:#00ada9;}
.p-sidebar .today + .label-schedule{margin-top:5px}
.p-sidebar .p-calendar-list{overflow:auto;min-height:420px;height:calc(100% - 450px);padding:0 30px}
.p-sidebar .p-date-weather{position:relative;height:100px;padding:34px 0;font-weight:500;font-size:25px;color:#000}
.p-sidebar .p-btn-2week{display:inline-block;position:relative;top:-5px;padding:5px 10px;margin-left:10px;border-radius:50px;font-weight:300;color:#fff;background:#da0000;font-size:13px;letter-spacing:0}
.p-sidebar .p-btn-more{display:block;position:absolute;top:50%;right:38px;width:30px;height:30px;margin-top:-18px;background:url(../images/mainp/cal_list_more_ic.png) no-repeat 50% 50%;text-indent:-9999px}
.p-sidebar .p-btn-more2{display:block;position:absolute;top:50%;right:0;width:30px;height:30px;margin-top:-18px;background:url(../images/mainp/cal_list_more_ic2.png) no-repeat 50% 50%;text-indent:-9999px}
.p-sidebar .p-btn-more{right:0 !important;}
.p-sidebar .p-btn-more2{display:none !important;}
.p-sidebar .sched_reg{display:block;position:absolute;top:50%;right:35px;width:30px;height:30px;margin-top:-18px;background:url(../images/mainp/cal_list_reg_ic.png) no-repeat 50% 50%;text-indent:-9999px}
.p-sidebar #sche-list{min-height:320px;/*padding-bottom:20px;*/}
.p-sidebar #sche-list > li{position:relative;padding:10px 20px;background:#eef5f6;border-radius:10px;}
.p-sidebar #sche-list > li + li{margin-top:10px}
.p-sidebar #sche-list > li.empty__{display:flex;align-items:center;justify-content:center;width:100%;height:200px;text-align:center}
.p-sidebar #sche-list > li.empty__::before,
.p-sidebar #sche-list > li.empty__::after{display:none}
.p-sidebar #sche-list > li::before{content:'';display:block;position:absolute;left:-11px;top:50%;width:18px;height:18px;margin-top:-9px;border:1px solid #005bac;border-radius:50%;background:#fff;box-sizing:border-box}
.p-sidebar #sche-list > li::after{content:'';display:block;position:absolute;left:-7px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#005bac}
.p-sidebar #sche-list > li.my::before{border: #e67437 solid 1px;}
.p-sidebar #sche-list > li.my::after{background:#e67437;}
.p-sidebar #sche-list > li.space::before{border: #00ada9 solid 1px;}
.p-sidebar #sche-list > li.space::after{background:#00ada9;}
/*
.p-sidebar #sche-list > li:first-child::before{border:1px solid #005bac;background:#fff}
.p-sidebar #sche-list > li:first-child::after{background:#005bac}
*/
.p-sidebar .p-sche-title a{display:block;padding-left:20px;font-size:13px;color:#133e54;background:url(../images/mainp/sidebar_schd_date_ic.png) no-repeat 0 50%}
.p-sidebar .p-sche-title #schdlTitle{display:block;color:#000;}
.p-sidebar .p-sche-ctnt{margin-top:5px;font-weight:500;font-size:13px;color:#222}

/*spaceNm*/
p-sidebar .p-sche-title .p-space {color: #005bac;padding-right: 5px;}


/* close */
.p-wrap.sidebar_close .sidebar_toggle{background-color:#00ada9;}
.p-wrap.sidebar_close .sidebar_toggle span{background-image:url(../images/mainp/sidebar_schd_open_ic.png);}
.p-wrap.sidebar_close .p-sidebar .today_schd::after{opacity:0}
.p-wrap.sidebar_close .p-sidebar .p-schedule{height:0 !important;min-height:0}


.popup__ .btn01{padding:0}

/* sub */
.sub_visual{background:url(../images/mainp/p_wrap_bg.jpg) no-repeat 0 0 / cover;}
.sub_visual .inner{height:100%;}
.sub_visual .page_info{position:relative;display:flex;align-content:center;flex-wrap:wrap;height:193px;overflow:hidden;}
.sub_visual .page_info::after {position: absolute;right: 150px;top:0;content: '';display: block;width: 675px;height: 220px;background: url(../images/mainp/p_wrap_bg_obj.png) no-repeat; display:none;/*HL마크제거*/}
.sub_visual .page_info .page_tit{position:relative;width:100%;font-weight:600;font-size:48px;color:#fff;text-align:center;z-index:1;}
.location{position:relative;display:flex;padding:10px 0;}
.location::before{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:0;width:100vw;height:1px;background:#e2ebf0;}
.location li{padding:3px 0;font-weight:400;color:#888;font-size:14px;}
.location li:first-child{padding-left:24px;background:url(../images/sub/sub_location_home_ic.png) no-repeat 0 50%}
.location li::after{content:'';display:inline-block;width:24px;height:16px;background:url(../images/sub/sub_location_arrow.png) no-repeat 50% 50%;vertical-align:bottom}
.location li:last-child{border-bottom:1px solid #fff;}
.location li:last-child::after{display:none}

.sub_visual .page_tab{overflow:hidden;position:relative;height:64px;background:#fff;border-bottom:1px solid #e2ebf0;}
.sub_visual .page_tab .inner{position:relative;}
.sub_visual .page_tab .swiper-container{width:calc(100% - 130px);height:100%;margin:0}
.sub_visual .page_tab .swiper-slide{display:flex;align-items:center;width:auto;}
.sub_visual .page_tab .swiper-slide a{display:block;position:relative;padding:15px 0;font-weight:500;font-size:16px;color:#222}
/* .sub_visual .page_tab .swiper-slide a::after{content:'';display:block;position:absolute;bottom:6px;left:50%;width:0;height:2px;background:#005bac;transform:translateX(-50%);transition:width 0.3s} */
.sub_visual .page_tab .swiper-slide.on a{color:#005bac}
.sub_visual .page_tab .swiper-slide.on a::after{width:100%}
.sub_visual .page_tab .swiper-slide{display:flex;position:relative;align-items:center;width:auto;}
.sub_visual .page_tab .swiper-slide + .swiper-slide::before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:16px;background:#e6edf1;transform:translateY(-50%);}
.sub_visual .page_tab .swiper-slide a{display:block;position:relative;padding:12px 20px;font-weight:500;font-size:15px;color:#222}
/* .sub_visual .page_tab .swiper-slide a::after{content:'';display:block;position:absolute;bottom:6px;left:50%;width:0;height:2px;background:#093555;transform:translateX(-50%);transition:width 0.3s} */
.sub_visual .page_tab .swiper-slide.on a{color:#005bac;border:1px solid #c3d2e3;border-radius:7px;box-shadow:0 0 10px 3px rgba(195,210,227,.5);}
/* .sub_visual .page_tab .swiper-slide.on a::after{width:100%} */
.sub_visual .page_tab .swiper-button-prev,
.sub_visual .page_tab .swiper-button-next{top:50%;left:auto;right:0;width:30px;height:45px;margin:0;border:1px solid #c3d2e3;border-radius:10px;background:no-repeat 50% 50%;box-shadow:0 0 10px 3px rgba(0, 0, 0, 0.1);transform:translateY(-50%);}
.sub_visual .page_tab .swiper-button-prev{right:32px;background-image:url(../images/sub/sub_pagetab_swiper_prev.png)}
.sub_visual .page_tab .swiper-button-next{background-image:url(../images/sub/sub_pagetab_swiper_next.png)}

.doc_inner{width:100%;max-width:1600px;margin:0 auto;padding:32px 0 100px;min-height:460px;}
/*.p-documents{overflow-x:hidden}*/
.docs__>.docs_contents__{padding:0}
.docs_contents__ > article{max-width:1200px;width:100%;margin:0 auto}
.docs_contents__ > article.p-submct0300 {max-width:none !important;}
.dot_list > li{position:relative;padding-left:14px;font-weight:300;font-size:15px;color:#777}
.dot_list > li::before{content:'';display:block;position:absolute;top:5px;left:0;width:4px;height:4px;border-radius:50%;background:#777}
.dot_list > li strong{display:inline;font-weight:400;color:#e20c0c}
.dot_list > li + li{margin-top:10px}

.warn_list > li{position:relative;padding-left:14px;font-weight:400;font-size:15px;color:#777}
.warn_list > li strong{display:inline;font-weight:400;color:#e20c0c}
.warn_list > li + li{margin-top:10px}

.form__ thead th{height:34px;border:0;background:#A1A1A1;font-weight:400;color:#fff;font-size:14px}
.form__ tbody th,
.form__ tbody td{height:64px;border:0;border-top:1px solid #ECECEC;font-size:15px;color:#333;background:#fff}
.form__ .check span{padding-left:30px;min-height:26px;height:auto;line-height:1}
.form__ .check span::before{width:24px;height:24px;border:1px solid #C1C1C1;border-radius:3px;background:#fff;}
.form__ .check input:checked + span::before{width:24px;height:24px;border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%;background-size:auto}
.form__ .align-center{text-align:center}

.cont_wrap{line-height:1.4}
.cont_wrap .btn_wrap{margin-top:50px;text-align:center;}
.cont_wrap .btn01{display:inline-block;width:164px;height:auto;padding:17px 10px;border-color:#005bac;border-radius:30px;background:#005bac;font-weight:400;font-size:16px;color:#fff;text-align:center;line-height:1}
.cont_wrap .btn01 + .btn01{margin-left:5px}
.cont_wrap .btn01:visited,
.cont_wrap .btn01:focus{color:#fff}
.cont_wrap .btn01 span{display:inline-block;font-weight:400;font-size:16px;color:#fff;}
.cont_wrap .btn01 span.save_ic{padding-left:20px;background:url(../images/sub/btn_save_ic.png) no-repeat 0 50%}
.cont_wrap .btn01 span.joinout_ic{padding-left:20px;background:url(../images/sub/btn_joinout_ic.png) no-repeat 0 50%}
.cont_wrap .btn01 span.search_ic{padding-left:20px;background:url(../images/sub/icon_search.png) no-repeat 0 50%}
.cont_wrap .btn01 span.regi_ic{padding-left:20px;background:url(../images/sub/btn_add_ic.png) no-repeat 0 50%}
.cont_wrap .btn01 span.list_ic{padding-left:20px;background:url(../images/sub/btn_list_ic.png) no-repeat 0 50%}
.cont_wrap select{padding:0 10px;padding-right:32px;border-radius:5px;background:#fff url(../images/content/board_select_arrow.png) no-repeat calc(100% - 12px) 50%;}

.cont_wrap .btn01.col02{border:2px solid #005bac;background:#fff;}
.cont_wrap .btn01.col02 span{color:#005bac}
.cont_wrap .btn01.col03{border-color:#e5e5e5;background:#E5E5E5;box-shadow:none !important}
.cont_wrap .btn01.col03 span{color:#111}


.cont_wrap .btn02{display:inline-block;padding:5px 10px;border:1px solid #ddd;font-weight:400;font-size:14px;color:#333;background:#fff;vertical-align:top}
.cont_wrap .btn02 + .btn02{margin-left:3px;}
.cont_wrap .btn02 span{display:inline-block;padding:3px 0;padding-left:26px;background:no-repeat 0 50%}
.cont_wrap .btn02 span.add_ic{background-image:url(../images/sub/icon_add.png)}
.cont_wrap .btn02 span.del_ic{background-image:url(../images/sub/icon_delDoc.png)}
.cont_wrap .btn02 span.save_ic{background-image:url(../images/sub/icon_modDoc.png)}
.cont_wrap .btn02 span.exl_ic{background-image:url(../images/sub/excel_n.png)}
.cont_wrap .btn02 span.doc_ic{padding-left:20px;background-image:url(../images/sub/btn_doc_n.png)}
.cont_wrap .list_btn{display:inline-block;width:32px;height:32px;margin-left:3px;border:1px solid #ddd;background:url(../images/sub/ico_list.png) no-repeat 50% 50%}


.cont_wrap input[type="text"],
.cont_wrap input[type="password"]{width:100%;height:50px;border:1px solid #c1cfd8;border-radius:5px;font-size:15px;color:#333}
.cont_wrap input::placeholder{color:#bcbcbc}
.cont_wrap .cont_tit{padding:5px 0;font-weight:600;font-size:36px;color:#000;}
.cont_wrap .cont_box{overflow:hidden;padding-top: 25px;}
.cont_wrap .cont_box + .cont_box{margin-top:20px}
.cont_wrap .cont_box .box_tit{display:flex;align-items:center;height:60px;padding:0 30px;border-bottom:1px solid #ECECEC;font-weight:500;font-size:18px;color:#222;background:#F5F5F5}
.cont_wrap .box_cont{padding:0 60px}
.cont_wrap .input_box{padding:40px 0;}
.cont_wrap .box_cont > div + div{border-top:1px solid #CDCDCD;}
.cont_wrap .input_box .input_dl{display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:820px;height:50px;margin:0 auto}
.cont_wrap .input_box .input_dl + .input_dl{margin-top:15px}
.cont_wrap .input_box .input_dl dt{width:210px;padding:0 20px;font-weight:500;font-size:16px;color:#333}
.cont_wrap .input_box .input_dl dt.req::before{content:'*';display:inline-block;margin-right:4px;font-size:15px;color:#e20c0c}
.cont_wrap .input_box .input_dl dd{width:calc(100% - 210px)}
.cont_wrap .input_box .input_dl .check span{line-height:24px}
.cont_wrap .input_box .input_dl ul > li + li{margin-top:5px}
.cont_wrap .only_btn{padding:40px;text-align:center}
.cont_wrap .warn_box{padding:40px 0 40px 180px;background:no-repeat 40px 50% url(../images/sub/sub_warn_ic.png)}
.cont_wrap .warn_box p,
.cont_wrap .warn_txt p{font-weight:300;font-size:15px;color:#777;line-height:1.5}
.cont_wrap .warn_box .str{display:inline-block;padding-bottom:5px;border-bottom:1px solid #E62A2A;font-size:16px;color:#E20C0C}
.cont_wrap .warn_txt{margin-top:10px}
.cont_wrap .warn_box img{display:inline-block;margin:0 5px;vertical-align:middle}
.cont_wrap .terms_chk{padding:25px 0;}
.cont_wrap .terms_chk span{padding:5px 0;padding-left:40px;height:auto;line-height:1;font-weight:500;font-size:16px;color:#333}
.cont_wrap .terms_chk span::before{width:24px;height:24px;border:1px solid #DBDBDB;border-radius:50%;background:#fff url(../images/sub/sub_terms_chk_ic.png) no-repeat 50% 50%}
.cont_wrap .terms_chk input:checked + span::before{width:24px;height:24px;border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%;background-size:auto}
.cont_wrap .form__{margin:0}
.cont_wrap .table_wrap{overflow:auto;border-top:1px solid #c5d1da;border-bottom:1px solid #c5d1da;}

.flex_date{display:flex;align-items:center;flex-wrap:wrap}
.flex_date input{width:calc(50% - 6px);color:#666}
.flex_date span{width:12px;text-align:center}

/* sub_sched_wrap */
.sub_sched_wrap{position:relative;top:-45px;border-radius:5px;border:1px solid #ccc;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);background:#fff}
.sub_sched_wrap .__headerRegion{display:flex;align-items:center;justify-content:space-between;padding:50px 30px 20px}
.sub_sched_wrap .__label_wrap > div{display:inline-block;padding:8px 16px;border-radius:50px;font-weight:500;font-size:14px;line-height:1;color:#005bac;background:#E7ECF0}
.sub_sched_wrap .__label_wrap > div + div{margin-left:4px;}
.sub_sched_wrap .__label_wrap > div.legend-my{color:#e67437;background:#FFF3ED}
.sub_sched_wrap .cal_date{display:flex;align-items:center;letter-spacing:-1px}
.sub_sched_wrap .__cbYear select,
.sub_sched_wrap .__labelMonth{font-family: 'Lato', 'Noto Sans', sans-serif;}
.sub_sched_wrap .__cbYear select{width:140px;height:auto;padding-right:32px;border:0;font-weight:600;font-size:36px;color:#111;line-height:1;background:url(../images/sub/cal_select_arrow.png) no-repeat 100% 50%}
.sub_sched_wrap .__cbYear select option{font-size:15px}
.sub_sched_wrap .__labelMonth{margin-left:18px;font-weight:600;font-size:36px;color:#111;line-height:1;}
.sub_sched_wrap .cal_right{display:flex}
.sub_sched_wrap .cal_right .button{display:block;width:45px;height:45px;border:1px solid #C1C1C1;background:no-repeat 50% 50%;text-indent:-9999px}
.sub_sched_wrap .cal_right .button + .button{border-left:0}
.sub_sched_wrap .cal_right .__buttonPreviousMonth{border-radius:5px 0 0 5px;background-image:url(../images/sub/sub_cal_prev_ic.png)}
.sub_sched_wrap .cal_right .__buttonNextMonth{border-radius:0 5px 5px 0;background-image:url(../images/sub/sub_cal_next_ic.png)}

.sub_sched_wrap .__legend{position:relative;z-index:1;margin-right:6px;}
.sub_sched_wrap .__legend .p-legend-tit{display:block;padding:13px 20px;padding-right:55px;height:45px;border:1px solid #C1C1C1;border-radius:5px;font-size:16px;color:#111;background:url(../images/sub/select_arrow_black.png) no-repeat calc(100% - 20px) 50%}
.sub_sched_wrap .__legend_ul{display:none}
.sub_sched_wrap .__legend.on .__legend_ul{display:block;position:absolute;top:50px;right:0;width:190px;padding:5px 18px;border:1px solid #C1C1C1;border-radius:5px;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);background:#fff}
.sub_sched_wrap .__legend_ul .check{min-height:20px}
.sub_sched_wrap .__legend_ul .check + input{display:none}
.sub_sched_wrap .__legend_ul .check span{height:18px;min-height:auto;line-height:18px}
.sub_sched_wrap .__legend_ul .check span::before{width:18px;height:18px;border-radius:2px;background:url(../images/sub/cal_legend_chk.png) no-repeat 50% 50% #fff;}
.sub_sched_wrap .__legend_ul .check input:checked + span::before{width:18px;height:18px;border-color:#C1C1C1;background:url(../images/sub/cal_legend_chk_on.png) no-repeat 50% 50% #fff}
.sub_sched_wrap .__legend .p-legend-item{margin:0;padding:10px 0;background:none}
.sub_sched_wrap .__legend .p-legend-item + .p-legend-item{border-top:1px solid #eee}
.sub_sched_wrap .__calendar{border-top:2px solid #005bac}
.sub_sched_wrap .__calendar .header{display:flex;align-items:center;height:64px;border-bottom:1px solid #ddd}
.sub_sched_wrap .__calendar .header > div{flex:1;font-weight:600;font-size:16px;color:#222;text-align:center}
.sub_sched_wrap .__calendar .header > div:first-child,
.sub_sched_wrap .__calendar .week > div:first-child .day,
.sub_sched_wrap .__calendar .week .holiday .day,
.sub_sched_wrap .__calendar .week .holiday .holiday{color:#e20c0c}
.sub_sched_wrap .__calendar .week{display:flex;}
.sub_sched_wrap .__calendar .week + .week{border-top:1px solid #eee}
.sub_sched_wrap .__calendar .week > div{position:relative;flex:1;height:140px;border:1px solid transparent;border-right:1px solid #EEE;}
.sub_sched_wrap .__calendar .week > div:last-child{border-right:0}
.sub_sched_wrap .__calendar .week > div.before,
.sub_sched_wrap .__calendar .week > div.next{background:#FAFAFA}
.sub_sched_wrap .__calendar .week > div.before .day,
.sub_sched_wrap .__calendar .week > div.next .day{color:#999}
.sub_sched_wrap .__calendar .week .dayContainer{padding:10px 5px;font-weight:500;font-size:16px;}
.sub_sched_wrap .__calendar .week .day{display:inline-block;width:32px;height:32px;border-radius:50%;font-family:'Lato', 'Noto Sans', sans-serif;opacity:1 !important;color:#333;text-align:center;line-height:32px}
.sub_sched_wrap .__calendar .week .now .day{background:#005bac;color:#fff}
.sub_sched_wrap .__calendar .button.add{position:absolute;top:0;right:0;width:44px;height:46px;background:url(../images/sub/sub_cal_add_ic.png) no-repeat 50% 50%;cursor:pointer;opacity:0;transition:0.3s}
.sub_sched_wrap .__calendar .porview{max-height:calc(100% - 52px)}
.sub_sched_wrap .__calendar .week > div:hover{border:1px solid #005bac;}
.sub_sched_wrap .__calendar .week > div:hover .button.add{opacity:1}
.sub_sched_wrap .__calendar .porview .item{padding:5px 10px;background:#E7ECF0;color:#005bac;cursor:pointer}
.sub_sched_wrap .__calendar .porview .item + .item{margin-top:2px}
.sub_sched_wrap .__calendar .porview .item.my{background:#FFF3ED;color:#e67437}
.sub_sched_wrap .excel_upload{margin-right: 6px;}
.sub_sched_wrap .excel_upload .btn_excelUpload {display: block;padding: 13px 20px;padding-right: 55px;height: 45px;border: 1px solid #C1C1C1;border-radius: 5px;font-size: 16px;color: #111;background: url(../images/sub/excel_n.png) no-repeat calc(100% - 20px) 50%;}
.excel_btn {display:flex;}
.excel_btn .excel_upload{margin-right:3px;}
.excel_btn .excel_upload,
.excel_btn .excel_down{width:100%;}
.excel_btn a{display: block;padding: 13px 20px;padding-right: 40px;height: 45px;border: 1px solid #C1C1C1;border-radius: 5px;font-size: 15px;color: #111;background: url(../images/sub/excel_n.png) no-repeat calc(100% - 20px) 50%;}

.porview.popover{border-radius:10px;border:1px solid #000;box-shadow:0 10px 10px 2px rgb(0 0 0 / 8%)}
.porview.popover .container{overflow:hidden;}
.calendarhead{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 0 0 20px;border-radius:10px 10px 0 0;background:#000;font-weight:500;font-size:18px;text-align:left;color:#fff}
.calendarhead .headclose{width:50px;height:30px;border:0;background:url(../images/mainp/layer_close_ic.png) no-repeat 50% 50%;text-indent:-9999px;cursor:pointer}
.porview.popover .edit{padding:10px 20px}
.porview.popover .edit tbody td{height:auto;padding:5px 0;border:0}
.porview.popover .edit select,
.porview.popover .edit input,
.porview.popover .edit textarea{height:40px;border-radius:3px;border:1px solid #D6D6D6}
.porview.popover .edit textarea{height:140px;padding:10px}
.porview.popover .__buttonRegion{display:flex;align-items:center;padding:20px 40px;border-top:1px solid #eee;border-radius:0 0 10px 10px;}
.porview.popover .__buttonRegion .btn{display:flex !important;align-items:center;justify-content:center;flex:1;height:36px;border:1px solid #777;border-radius:5px;font-size:15px;color:#000;cursor:pointer}
.porview.popover .__buttonRegion .btn + .btn{margin-left:5px}
.porview.popover .__buttonRegion #btn_Save{background:#000;color:#fff}
.porview.popover .arrowRight,
.porview.popover .arrowLeft{top:50% !important;margin-top:-10px}
.porview.popover .arrowRight::before{border-left:10px solid #000;}
.porview.popover .arrowLeft::before{border-right:10px solid #000;}
.porview.popover .arrowBottom{display:none}
.porview.popover .view{height:160px;padding:20px}
.porview.popover .p-view-title{margin-bottom:5px;font-weight:600;font-size:16px;}
.porview.popover .__message{font-size:14px}

/* sitemapWrap */
.sitemapWrap{position:relative;top:-45px;}
.sitemapWrap .submenu{display:flex;flex-wrap:wrap;border-radius:5px;border:1px solid #ccc;box-shadow:0 0 10px 2px rgba(0,0,0,0.05);background:#fff}
.sitemapWrap .submenu.close{float: none;opacity: 2;}
.sitemapWrap .column + .column,
.sitemapWrap .submenu + .submenu{margin-top:20px}
.sitemapWrap .depth0{display:flex;align-items:center;position:relative;width:100%;padding:0 30px;height:60px;border-bottom:1px solid #eee;cursor:pointer}
.sitemapWrap .depth0::after{content:'';display:block;position:absolute;top:0;right:0;width:60px;height:60px;background:url(../images/sub/sitemap_accd_ic.png) no-repeat 50% 50%;transition:0.3s}
.sitemapWrap .submenu_gp{width:calc(100% / 6);border-right:1px solid #eee;padding:0 25px;margin:20px 0}
.sitemapWrap .submenu_gp:nth-child(6n + 1){border-right:0}
.sitemapWrap .depth0 .title{font-weight:600;font-size:19px;color:#005bac;}
.sitemapWrap .depth1 .title{margin-bottom:15px;font-weight:600;font-size:17px;color:#111}
.sitemapWrap .depth2{display:flex;align-items:center;justify-content:space-between;}
.sitemapWrap .depth2 .title{display:block;position:relative;padding:4px 10px;font-size:15px;color:#333;line-height:1.4}
.sitemapWrap .depth2  .title.mob{color:#005bac}
.sitemapWrap .depth2 .bookmark{display:block;width:20px;height:20px;background:url(../images/sub/sub_bookmark_ic.png) no-repeat 50% 50%}
.sitemapWrap .depth2 .title::before{content:'';display:block;position:absolute;left:0;top:15px;width:3px;height:3px;border-radius:50%;background:#333}
.sitemapWrap .depth2.favor .bookmark{background-image:url(../images/sub/sub_bookmark_on_ic.png)}
.sitemapWrap .depth2.node{display:block;}
.sitemapWrap .depth3{padding-left:10px}
.sitemapWrap .depth3 .title{display:block;padding:2px 0;font-size:15px;color:#666}
.sitemapWrap .submenu.close .depth0{border-bottom:0}
.sitemapWrap .submenu.close .depth0::after{transform:rotate(180deg)}
.sitemapWrap .submenu.close .submenu_gp{display:none}

/* portfolio */
.cont_wrap.portfolio{max-width:1600px;margin:0 auto}
.cont_wrap .search_wrap{display:flex;justify-content:space-between;padding:20px;border:1px solid #eee;margin-bottom:40px;background:#fafafa}
.cont_wrap.portfolio .cont_box{border:0;border-radius:0;box-shadow:none}
.cont_wrap.portfolio .cont_box + .cont_box{margin-top:40px}
.search_wrap input[type="text"],
.search_wrap select{width:auto;height:40px;background-color:#fff}
.search_wrap .search_form,
.search_wrap .search_form dl{display:flex;align-items:center;flex-wrap:wrap}
.search_wrap .search_form dl + dl{margin-left:20px}
.search_wrap .search_form dt{width:80px}
.search_wrap .search_form dd{display:flex;width:calc(100% - 80px)}
.search_wrap input[type="text"] + input,
.search_wrap input[type="text"] + select,
.search_wrap select + input[type="text"],
.search_wrap select + select{margin-left:5px}
.search_wrap input[type="text"].stu_num{width:120px;}
.search_wrap input[type="text"].stu_name{width:120px;}
.search_wrap input[type="text"].year{width:70px;}
.only_icon_search{display:block;width:30px;height:40px;margin-left:5px;border:1px solid #c1c1c1;border-radius:3px;background:#fff url(../images/sub/icon_search_n.png) no-repeat 50% 50%}
.table_wrap .only_icon_search{height:36px}

.cont_wrap .cont_tab{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;margin-bottom:40px}
.cont_wrap .cont_tab li{overflow:hidden;border:1px solid #ddd;border-radius:3px 3px 0 0;border-bottom:0}
.cont_wrap .cont_tab li + li{margin-left:4px;}
.cont_wrap .cont_tab a{display:block;padding:10px 20px;font-size:16px;color:#333;background:#fff;text-align:center}
.cont_wrap .cont_tab li.on a{border-color:#005bac;font-weight:400;color:#fff;background:#005bac}

.cont_wrap .cont_tit_wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.cont_wrap .cont_subtit{font-weight:600;font-size:18px;color:#000}
.cont_wrap .cont_subtit::before{content:'';display:inline-block;width:3px;height:14px;margin-right:6px;background:#000}
.cont_wrap .cont_tit_wrap .btn_gp{display:flex;align-items:center}
.cont_wrap .cont_tit_wrap .cnt{padding:0 5px 0 10px;white-space:nowrap}
.cont_wrap .cont_tit_wrap .cnt strong{display:inline-block;margin-left:4px;font-weight:600;color:#005bac}
.cont_wrap .btn_gp a.btn02:active,
.cont_wrap .btn_gp a.btn02:focus{box-shadow:none;background:#fff;}
.cont_wrap .btn_gp a.btn02:active{transform:scale(0.9)}
.cont_wrap .btn_gp a.btn02.disabled{background-color:#efefef;cursor:default}
.cont_wrap .btn_gp a.btn02.disabled:hover{opacity:1}
.cont_wrap .btn_gp a.btn02.disabled span{opacity:0.5}
.cont_wrap .btn_gp a.btn02.disabled:active{transform:scale(1)}

.port_cont{display:flex;flex-wrap:wrap}
.port_cont .left_cont{width:35%}
.port_cont .right_cont{width:calc(65% - 20px);margin-left:20px}
.port_cont .table_wrap{border-top:2px solid #005bac}
.cont_wrap .table_wrap table{table-layout:fixed}
.port_cont .table_wrap + .table_wrap{margin-top:20px}
.port_cont .table_wrap th,
.port_cont .table_wrap td{border-right:1px solid #ececec;text-align:center}
.port_cont .table_wrap th:last-child,
.port_cont .table_wrap td:last-child{border-right:0}
.port_cont .table_wrap tbody th,
.port_cont .table_wrap tbody td{height:50px;padding:5px 10px;font-size:14px;line-height:1.4}
.port_cont .table_wrap input[type="text"],
.port_cont .table_wrap select{width:100%;min-width:60px;height:36px;padding:0 5px;font-size:13px}
.port_cont .table_wrap textarea{width:100%;padding:10px}
.port_cont .table_wrap .check{outline:none !important}
.port_cont .table_wrap .check span{padding-left:30px;min-height:26px;height:auto;line-height:1}
.port_cont .table_wrap .check span::before{top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border:1px solid #C1C1C1;border-radius:3px;background:#fff;}
.port_cont .table_wrap .check input:checked + span::before{width:16px;height:16px;border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%;background-size:auto}
.port_cont .table_wrap .t_list thead th{height:40px;background:#F8F9FA;font-weight:500;font-size:14px}
.port_cont .table_wrap .t_list th,
.port_cont .table_wrap .t_list td{border-bottom:1px solid #ECECEC;font-size:15px;color:#333;background:#fff}
.port_cont .table_wrap .t_view td{text-align:left}
.port_cont .table_wrap .t_view th{font-weight:500;background:#F8F9FA;}
.port_cont .table_wrap .t_view th[rowspan]{border-right:1px solid #ececec}
.port_cont .table_wrap .t_view th,
.port_cont .table_wrap .t_view td{border-top:0;border-bottom:1px solid #ECECEC}
.port_cont .table_wrap input.datepicker__{background-position-x:calc(100% - 10px)}
.cont_wrap .flex_date input[type="text"].datepicker__{width:calc(50% - 6px);}
.cont_wrap .flex_box{display:flex;align-items:center;}
.cont_wrap .flex_box .btn02{margin-left:5px;white-space:nowrap;}

.p-mainpt0100{min-height:880px}


/* 관리메뉴 */
.tab__>ul{display:flex;align-items:center;width:100%;padding-bottom:15px;padding-left:2px;}
.tab__>ul>li{flex:1;position: relative;padding:12px 20px; border:1px solid #e3e9f0;background: #fff;border-radius: 0;}
.tab__>ul>li + li{margin-left:5px}
.tab__>ul>li a{text-shadow: none;color:#333;font-size:16px}
.tab__>ul>li.tab_active__{border:1px solid #005bac;color:#fff; background: #005bac;z-index:1;}
.tab__>div{border:none;}

.cont_wrap .logoImageForm .input_dl dt{width:300px}
.cont_wrap .logoImageForm .input_dl dd{display:flex;align-items:center;width:calc(100% - 300px)}
.cont_wrap .logoImageForm .logo_img{padding:5px;margin-left:10px;background:#ddd}

.cont_wrap .grid__{border-top:0}
.cont_wrap .table_btn{display:flex;align-items:center;justify-content:flex-end;padding:10px;}
.cont_wrap .table_btn .btn02{height:auto}
.form__ thead th span{color:#fff}
.docs_contents__ .grid__ thead input[type='checkbox']{margin:0}
.grid__ .check{min-height:18px}
.grid__ .check span{padding:0;min-height:16px}
.grid__ .check span::before,
.grid__ .check input:checked + span::before{position:static;display:inline-block;width:16px;height:16px;vertical-align:middle}
.grid__ .check span::before{border:1px solid #C1C1C1;border-radius:3px;background:#fff;}
.grid__ .check input:checked + span::before{background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%}
.grid__ .accessRights{display:flex;flex-wrap:wrap;white-space:break-spaces}
.grid__ .accessRights label{width:20%;padding:2px}
.grid__ .accessRights label span::before{margin-right:5px}

#form01 .input_box .input_dl{height:auto}
#assignAdminBn{overflow:auto;max-height:120px;margin-top:10px;padding:0 10px;}
#assignAdmin{height:auto}
#assignAdmin ul{overflow:auto;max-height:120px;height:100%;padding:10px}
#assignAdmin ul > li + li{margin-top:5px}
#menuMapping{padding:10px}

/* popup */
/*opup__ .msg_box__{width:auto !important;max-width:100%}*/
.popup__ .msg_box__ .search_input{width:calc(100% - 110px)}
.popup__ #btn_Search{width:100px;height:40px;background:#000;border:0;line-height:40px}
.popup__.block_overlay_msg__ table.form__{border-top:0}
.popup__ .tree__{margin-bottom:15px}
.popup__ .tree__ > ul{overflow:auto;/*max-height:500px;*/border:1px solid #ddd;padding:5px}
.popup__ .btnBox02{margin-top:30px}

.docs_contents__ .btnBox02>a +a{margin-left:10px}

/* p_set_box */
.p_set_box{display:flex;flex-wrap:wrap}
.p_set_box nav{width:220px;padding:0 5px}
.p_set_box .p-content-region{width:calc(100% - 220px);padding:20px 40px;}
.p_set_box nav .__mainTab{display:none}
.p_set_box .p-tabbars .title{display:block !important;width:100%;padding:8px 10px;border:1px solid #e3e9f0;color:#333;font-size:14px;text-align:center}
.p_set_box .p-tabbars .selected .title{border-color:#005bac;background:#005bac;color:#fff}
.p_set_box .p-downloadExcel{display:block;width:100%;padding:8px 15px;border:1px solid #e3e9f0;margin:5px 0;text-align:center}
.p_set_box h4{margin-bottom:10px}
.p_set_box table + .btn-wrap{margin-top:40px}

#ptInfoForm tbody th{padding-left:15px;background:#fcfcfc;font-size:14px;text-align:left}
#ptInfoForm .select_input_label__{margin-right:10px}
#ptInfoForm select{appearance:auto;background:none}
#ptInfoForm label{margin-right:5px}
.form__ .button__{font-size:13px}
#p-portlSocpsCatgrCd-container{display:block;height:auto;padding:10px 0;}
#p-portlSocpsCatgrCd-container > a{margin-right:5px}

#ptInfoForm{border-bottom:1px solid #ECECEC}
#ptInfoForm .check{min-height:18px}
#ptInfoForm .check span{padding:0;min-height:16px}
#ptInfoForm .check span::before,
#ptInfoForm .check input:checked + span::before{position:static;display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle}
#ptInfoForm .check span::before{border:1px solid #C1C1C1;border-radius:3px;background:#fff;}
#ptInfoForm .check input:checked + span::before{border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%}
#ptInfoForm .accessRights table td{height:36px}
#ptInfoForm .menuInfoBox{display:flex;align-items:center;margin-bottom:10px;}
#ptInfoForm .menuInfoBox input{height:40px;width:calc(100% - 100px)}
#ptInfoForm .menuInfoBox a{margin-left:5px;width:100px}

#authForm .check{min-height:18px}
#authForm .check span{padding:0;min-height:16px}
#authForm .check span::before,
#authForm .check input:checked + span::before{position:static;display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle}
#authForm .check span::before{border:1px solid #C1C1C1;border-radius:3px;background:#fff;}
#authForm .check input:checked + span::before{border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%}
#authForm .accessRights table td{height:36px}

/* secStg-wrap */
.secStg-wrap{display:flex;flex-wrap:wrap}
.secStg-wrap .contLeft{width:220px;padding:0 5px}
.secStg-wrap .contRight{width:calc(100% - 220px);padding:0 40px 40px;}
.secStg .grid_wrap__{border:0 !important;padding:5px;}
.secStg-wrap .thead_wrap__{display:none;}
.secStg-wrap .tbody_wrap__{height:auto !important;overflow:visible !important;border:0 !important;margin:0 !important;background:none;}
.secStg-wrap .tbody_wrap__  tbody + tbody{margin-top:5px}
.secStg-wrap .tbody_wrap__ table,
.secStg-wrap .tbody_wrap__ tbody,
.secStg-wrap .tbody_wrap__ tr,
.secStg-wrap .tbody_wrap__ tr th,
.secStg-wrap .tbody_wrap__ tr td{display:block}
.secStg-wrap .tbody_wrap__ tr td{width:100%;padding:8px 10px;border:1px solid #e3e9f0 !important;color:#333;font-size:14px;text-align:center}
.secStg-wrap .tbody_wrap__ .grid_selected__ tr td{border-color:#005bac !important;background:#005bac;color:#fff}
.secStg .form__ thead th{text-align:left;font-size:20px;font-weight:600;color:#333}

.secStg .form__ tbody th{padding-left:15px;background:#fcfcfc;font-size:14px;text-align:left}
.secStg .form__ .select_input_label__{margin-right:10px}
.secStg .form__ select{appearance:auto;background:none}
.secStg .form__ label{margin-right:5px}
.secStg .form__{border-bottom:1px solid #ECECEC}
.secStg .form__ .check{min-height:18px;margin:2px 5px 2px 0}
.secStg .form__ .check span{padding:0;min-height:16px}
.secStg .form__ .check span::before,
.secStg .form__ .check input:checked + span::before{position:static;display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:middle}
.secStg .form__ .check span::before{border:1px solid #C1C1C1;border-radius:3px;background:#fff;}
.secStg .form__ .check input:checked + span::before{border-color:#333;background:#333 url(../images/sub/sub_terms_chk_on_ic.png) no-repeat 50% 50%}
.secStg .form__ .accessRights table td{height:36px}
.secStg .form__ .menuInfoBox{display:flex;align-items:center;margin-bottom:10px;}
.secStg .form__ .menuInfoBox input{height:40px;width:calc(100% - 100px)}
.secStg .form__ .menuInfoBox a{margin-left:5px;width:100px}
.secStg .form__ textarea{padding:10px}
.secStg .form__ label a{vertical-align:middle}
.secStg-wrap .contLeft.secStg .form__{border-bottom:0}

/* board common */
.cont_wrap .search_box{padding:10px 40px;background:#f5f8fa;border:1px solid #e2ebf0;border-radius:10px;overflow:hidden;}
.cont_wrap .search_box li{display:flex;flex-wrap:wrap}
.cont_wrap .search_box dl + dl{padding-left:20px}
.cont_wrap .search_box dl dt{margin-bottom:12px;font-weight:400;font-size:16px;color:#000;/* margin-top:10px; */}
.cont_wrap .search_box dl dd{display:flex;align-items:center;}
.cont_wrap .search_box input,
.cont_wrap .search_box select{width:100%;height:50px}
.cont_wrap .search_box input + select,
.cont_wrap .search_box select + input{margin-left:10px}
.cont_wrap .search_box .btn01{padding:15px 10px}

.cont_wrap .board_top{display:flex;flex-wrap:wrap;margin:40px 0 20px;}
.cont_wrap .board_top .category_swiper{width:calc(100% - 190px)}
.cont_wrap .board_top .board_cnt{display:flex;justify-content:flex-end;position:relative;width:100%}
.cont_wrap .board_top .board_cnt select{width:150px}
.cont_wrap .board_top .category_swiper + .board_cnt{width:190px}
.cont_wrap .board_top .category_swiper + .board_cnt::before{content:'';display:block;width:1px;height:16px;position:absolute;top:50%;left:20px;margin-top:-8px;background:#BCBCBC}
.cont_wrap .category_swiper{position:relative;}
.category_swiper .swiper-container{width:100%;max-width:calc(100% - 80px)}
.category_swiper li{display:flex;align-items:center;width:auto;}
.category_swiper li::after{display:none}
.category_swiper li a{display:block;padding:12px 20px;border-radius:50px;}
.category_swiper li a span{font-weight:400;font-size:15px;color:#222;white-space:nowrap}
.category_swiper li.select a{background:#005bac;box-shadow:0 0 10px 2px rgba(0,0,0,0.05)}
.category_swiper li.select a span{color:#fff}
.category_swiper .swiper-button-prev,
.category_swiper .swiper-button-next{left:auto;right:0;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:5px;border:1px solid #DCDCDC;background:no-repeat 50% 50% #fff;background-size:8px}
.category_swiper .swiper-button-prev{right:35px;background-image:url(../images/sub/sub_pagetab_swiper_prev.png)}
.category_swiper .swiper-button-next{background-image:url(../images/sub/sub_pagetab_swiper_next.png)}

.cont_wrap .board_table table{margin-bottom:0}
.cont_wrap .board_table table thead th{height:55px;border:0;background:#f5f8fa;font-size:14px;color:#222}
.cont_wrap .board_table table thead tr:last-child th{border-bottom:1px solid #c5d1da;}
.cont_wrap .board_table table thead th,
.cont_wrap .board_table table tbody td{border-right:1px solid #e2ebf0;}
.cont_wrap .board_table table tbody td{height:65px;border-left:0;}
.cont_wrap .board_table table tbody + tbody td{border-top:1px solid #e2ebf0}
.cont_wrap .board_table table tbody td,
.cont_wrap .board_table table tbody td span{font-size:15px;color:#555;font-weight:300;}
.cont_wrap .board_table table tbody td a{font-weight:500;font-size:16px;padding-left:10px;}
.cont_wrap .board_table table tbody td a:hover{text-decoration:underline}
.cont_wrap .board_table table tbody td .title-line{margin-top:5px}
.cont_wrap .board_table table thead tr > th:last-child,
.cont_wrap .board_table table tbody tr > td:last-child{border-right:0;}
.cont_wrap .board_btn{display:flex;justify-content:flex-end;width:100%;margin-top:20px}
.cont_wrap .board_btn .btn01{min-width:80px;width:auto;padding:10px 20px;}
.cont_wrap .board_btn .btn01 span{font-size:15px}
.cont_wrap .pagination__{display:flex;align-items:center;justify-content:center;margin-top:20px}

.cont_wrap .board_view{margin:20px 30px}
.cont_wrap .board_view .warn{margin-top:10px;font-size:15px;color:#005bac}
.cont_wrap .board_view table tbody th,
.cont_wrap .board_view table tbody td{height:auto;border:0;padding:12px 15px;}
.cont_wrap .board_view table tbody tr + tr th,
.cont_wrap .board_view table tbody tr + tr td{border-top:1px solid #ECECEC}
.cont_wrap .board_view table tbody th,
.cont_wrap .board_view table tbody th span{text-align:left;vertical-align:top;font-size:16px;color:#333;line-height:50px}
.cont_wrap .board_view select,
.cont_wrap .board_view input[type="text"]{width:100%;height:50px}
.cont_wrap .board_view input + input,
.cont_wrap .board_view input + select,
.cont_wrap .board_view select + input{margin-left:5px}
.cont_wrap .board_view td .datepicker__{width:240px;background:url(../images/sub/input_cal_ic.png) no-repeat calc(100% - 15px) 50%;}
.cont_wrap .board_view td .input-time{width:143px;background:url(../images/sub/input_time_ic.png) no-repeat calc(100% - 15px) 50%;}
.cont_wrap .board_view .dot_list{margin-top:10px}
.cont_wrap .board_view .check span{line-height:24px}
.cont_wrap .board_view .set_ul li + li{margin-top:10px}
.cont_wrap .board_view .set_ul .set_data{display:none;margin-top:5px}

.cont_wrap .boardnav dl dt,
.cont_wrap .boardnav dl dd{height:60px;vertical-align:middle}
.cont_wrap .boardnav dd a{font-size:16px}
.cont_wrap .boardnav dd a:hover{text-decoration:underline}
.cont_wrap .boardnav dl:last-child dt,
.cont_wrap .boardnav dl:last-child dd{border-bottom:0}

.cont_wrap .board_table .p-catgrNmList,
/*.cont_wrap .board_table .title-line{display:inline-block;}*/
.cont_wrap .p-bbsCatgrSeqnoList{display:block;margin-top:10px}

.cont_wrap .coment dl{border-left:0;border-right:0}
.cont_wrap .comentwrap{border-top:0}
.cont_wrap .comentwrap dt,
.cont_wrap .comentwrap dd{border:0;vertical-align:middle}
.cont_wrap .comentwrap dd{display:flex;flex-wrap:wrap;padding:10px}
.cont_wrap .comentwrap textarea{width:calc(100% - 85px)}
.cont_wrap .comentwrap .btn01{display:flex;align-items:center;justify-content:center;width:80px;margin-left:5px}


@media only screen and (max-width:1600px){
	/*
	.p-wrap .inner,
	footer .inner,
	.inner{padding:0 20px}
	*/
	.p-body{padding-right:20px;padding-left:20px}

	.gnb_wrap .p-logo > a{width:260px;padding-left:196px;background-size:184px;}
	.gnb_wrap .p-logo span{font-size:20px}
	.gnb_list .p-depth2menu a{padding:0 15px}
	.gnb_list .p-sitemap a{width:40px}


	.p-mainpt0100{display:flex;flex-wrap:wrap;height:auto !important;padding-right:25%;transition:padding 0.3s}
	.p-portlet-tabs .p-user-portlet-deployment{display:none}
	.p-portlet-tabs .p-user-portlet-deployment.exit{display:inline}
	.porview.portlet{position:static;width:calc(33.33% - 20px) !important;margin-right:20px;margin-bottom:20px;transition:0s}
	.porview.portlet.show {transform: scale(0.99);}
	.porview.portlet.width2{width:calc(66.66% - 26.66px) !important}
	.porview.portlet.width3{width:calc(100% - 40px) !important}
	/*.porview.portlet:nth-child(3n){margin-right:0}*/
	.p-sidebar{left:auto;right:20px;width:calc(25% - 20px);margin:0}
	/* .p-sidebar .today_schd{width:100%;padding:15px;} */
	.p-sidebar .sched_reg{display:none}
	.p-sidebar .today_schd p{font-size:15px;padding-left:20px;background-size:17px;}

	.p-wrap.sidebar_close .p-mainpt0100{padding-right:0}
	.p-wrap.sidebar_close .porview.portlet{width:calc(25% - 15px) !important}
	.p-wrap.sidebar_close .porview.portlet.width2{width:calc(50% - 30px) !important}
	.p-wrap.sidebar_close .porview.portlet.width3{width:calc(75% - 45px) !important}
	/*
	.p-wrap.sidebar_close .porview.portlet:nth-child(3n){margin-right:20px}
	.p-wrap.sidebar_close .porview.portlet:nth-child(4n){margin-right:0}
	*/

	/* sub */
	.sub_visual .inner{padding:0 20px}
	.sub_visual .page_info{padding:0}
	.doc_inner{padding-left:20px;padding-right:20px}




}

@media only screen and (max-width:1400px) {
	.login_body .inner,
	.join_step .inner{padding:0 20px}
	.join_step .p-user-body{padding:92px 20px 0}
	.main_sec.visual .inner{padding:0 20px}


	.popup__{min-width:auto;max-width:100%}
	.join_step .popup__{min-width:auto;max-width:100%;width:570px !important}
}

@media only screen and (max-width:1280px) {
	.gnb_wrap .p-logo > a{width:200px;padding-left:155px;background-size:146px;background-position:0 50%}
	.gnb_wrap .p-logo span{position:relative;top:8px;font-size:17px}


	.gnb_list .p-menu-center{padding:20px 0}
	.gnb_list .p-depth2menu a{padding:0 10px;font-size:16px}
	.gnb_list .p-depth4menu{width:calc(100% / 5)}
	.gnb_list .p-depth4menu:nth-child(6n){border-right:1px solid #f0f0f0}
	.gnb_list .p-depth4menu:nth-child(5n){border-right:0}
	.gnb_list .p-depth4menu-header{font-size:16px}
	.gnb_list .p-depth4menu > ul a{font-size:13px}

	.p-wrap .p-body{padding:0 20px 40px}
	.p-mainpt0100{padding-right:33%}
	.porview.portlet{width:calc(50% - 20px) !important}
	.porview.portlet.width2{width:calc(100% - 20px) !important}
	.porview.portlet.width3{width:calc(100% - 20px) !important}
	/*
	.porview.portlet:nth-child(3n){margin-right:20px}
	.porview.portlet:nth-child(2n){margin-right:0}
	*/

	.p-wrap.sidebar_close .porview.portlet{width:calc(33.33% - 13.33px) !important}
	.p-wrap.sidebar_close .porview.portlet.width2{width:calc(66.66% - 26.66px) !important}
	.p-wrap.sidebar_close .porview.portlet.width3{width:calc(100% - 40px) !important}
	.p-wrap.sidebar_close .porview.portlet:nth-child(2n){margin-right:20px}
	.p-wrap.sidebar_close .porview.portlet:nth-child(3n){margin-right:0}

	.p-sidebar{/* top:150px; */width:calc(33.33% - 20px);}
	.p-sidebar .today_schd p{padding:2px 0;padding-left:36px;font-size:16px}
	.p-sidebar .p-calendar-list{padding:0 20px}

	.sitemapWrap .submenu_gp{width:calc(100% / 5);padding:20px}
	.sitemapWrap .submenu_gp:nth-child(6n + 1){border-right:1px solid #eee}
	.sitemapWrap .submenu_gp:nth-child(5n + 1){border-right:0}


	/* portfolio */
	.cont_wrap .search_wrap{display:block}
	.search_wrap .search_form{width:100%}
	.search_wrap .search_btn{margin-top:30px;text-align:center}
	.search_wrap input[type="text"],
	.search_wrap select{width:120px;}







}


@media only screen and (max-width:1200px) {
	.main_sec.visual .inner{align-items:center;}
	.main_sec.visual .visual_text{padding:0;font-size:36px}

}
@media only screen and (max-width:765px) {
	.main_sec.visual{background-size: auto !important;}
}

@media only screen and (max-width:1024px) {
	.serverDiv{top:auto;bottom:0;width:100%;height:40px;line-height:40px;padding:0}
	.serverDiv br{display:none;}

	.mobile{display:block !important}
	.pc{display:none !important}

	.popup__{width:100% !important}

	.login_body .p-user-body{padding-bottom:60px}

	/* 로그인 */
	.login_body header{height:60px;padding-top:20px}
	.login_body .inner{padding:0 10px}
	header .login_wrap img{width:200px}
	.header-lang{margin-right:0;padding-right:0;border:0}
	.header-sns{display:none}
	/* .p-main-vis{display:none;} */
	.p-main-vis{display:flex;flex-direction:column;justify-content:center;padding:60px 15px 0;height:187px;}
	.p-main-vis > p{font-size:24px;}
	.p-main-vis > span{font-size:13px;}
	.p-main-vis::after{width: 178px;height: 128px;top:60px;right: 0;background-size: 178px;background-image: url(../images/mainp/p_wrap_bg_obj_m.png);}
	.p-portlet-tabs a{font-size:16px;padding:8px 20px;}

	.footer_wrap{display:block;height:auto;padding:40px 0 30px;border-top:0;}
	.footer_wrap .footer_left{display:block;position:relative;width:100%}
	.footer_wrap .footer_logo{display:block;padding-right:0;text-align:center;}
	.footer_wrap .footer_logo img{width:170px;}
	.footer_wrap .footer_left .terms{position:relative; padding-left:0;padding-top:20px;border-left:0;text-align:center;}
	.footer_wrap .footer_left .terms::before{position:absolute;left:-20px;top:0;content:'';display:block;width:100vw;height:1px;background:#eee;}
	.footer_wrap .footer_left a{padding:13px 17px;font-size:13px;}
	.footer_wrap .footer_left p{line-height:20px;margin-top:0;}
	.footer_wrap .footer_right{position:relative;margin-top:40px}
	/* .footer_wrap .footer-sns{display:flex;align-items:center;position:absolute;top:0;right:0;padding-top: 10px;} */
	.footer-sns a{display:block;width:36px;height:26px;background:no-repeat 50% 50%;text-indent:-9999px}
	.footer-sns .sns_in{background-image:url(../images/icon/instar_ic.png)}
	.footer-sns .sns_t{background-image:url(../images/icon/twitter_ic.png)}
	.footer-sns .sns_f{background-image:url(../images/icon/facebook_ic.png)}
	.footer-sns .sns_nb{background-image:url(../images/icon/naverblog_ic.png)}
	.footer-sns .sns_y{background-image:url(../images/icon/youtube_ic.png)}
	.login_body .intro_title{margin-bottom:20px;font-size:24px}

	/*.main_sec.visual{height:906px;padding-top:110px;background-image:url(../images/lgin/login_visual_bg_m.jpg)}*/
	.main_sec.visual{height:906px;padding-top:110px;background:url(../images/lgin/login_visual_bg_m.png) no-repeat 0% 0%;background-size: cover;}
	.main_sec.visual .inner{display:block;padding:0 10px}
	.main_sec.visual .visual_text{display:none}
	.main_sec.visual .login-wrap{width:100%;padding:30px}
	.main_sec.visual .login-title{margin-bottom:20px}
	.main_sec.visual .check{margin-top:12px}
	.main_sec.visual .che_wrap{margin-top:25px}
	.main_sec.visual .login_idpw button{font-size:14px}

	.main_sec.news{padding-top:55px;margin-top:-350px}
	.main_sec.news .inner{padding:0 20px}
	.news_swiper{padding:0 15px 40px}
	.news_swiper .swiper-slide a{padding:25px}
	.news_swiper .swiper-button-prev,
	.news_swiper .swiper-button-next{width:50px;height:50px;margin-top:-45px;background-size:8px;}
	.news_swiper .swiper-button-prev{left:-10px}
	.news_swiper .swiper-button-next{right:-10px}

	.main_sec.notice_quick .inner{display:block;}
	.main_sec.notice_quick .notice_wrap{width:100%}
	/*.notice_tab_swiper .swiper-container{width:100%;}*/
	.notice_tab_swiper .swiper-slide a{padding:10px 12px;font-size:15px;}
	/*
	.notice_tab_swiper .swiper-button-prev,
	.notice_tab_swiper .swiper-button-next{top:-30px}
	*/
	.notice_wrap .notice_ul{height:auto;min-height:150px;}
	/*.notice_wrap .notice_ul li{flex-wrap:wrap;align-items:flex-start;flex-direction:column-reverse;height:auto;padding:20px;border:1px solid #DFDFDF;border-radius:20px;background:#FAFAFA;text-align:left}*/
	.notice_wrap .notice_ul li + li{margin-top:10px}
	.notice_wrap .notice_text{width:100%;background:none;}
	.notice_wrap #notcTitle{font-weight:500;font-size:15px;}
	.notice_wrap #notcCatgrNm{font-size:15px;font-weight:600;}
	.notice_wrap .notice_date{font-size:15px;text-align:right;}
	.notice_wrap .notice_ul .empty__{height:200px;align-items:center;}
	.main_sec.notice_quick .quick_wrap{width:100%;margin-top:50px;padding-left:0}
	.quick_wrap .intro_title{padding-left:40px}
	.quick_link_wrap{height:380px}

	/* 사용자 등록 */
	.join_step .inner{padding:0 10px}
	.join_step .p-user-body{min-height:calc(100vh - 435px);padding:92px 10px 90px}
	.join_step .p-user-body{display:block;background-position-x:100%}
	.join_step .p-user-wrap{margin:0}
	.join_step .p_user_tit{padding:0 20px}
	.join_step .p_user_tit p{font-size:20px}
	.join_step .p_user_tit .text_btn{font-size:14px}
	.join_step .join_cont{padding:30px 15px 0;background:#fff}
	.join_step .join_cont.find_cont{margin:0;padding:15px}
	.join_step .btn_wrap{margin-top:30px}
	.join_step h2{font-size:20px}

	.join_step .join_step_ul > li{height:110px;align-items:flex-start;padding:8px;border:0;border-radius:10px;background:#fff;}
	.join_step .join_step_ul > li + li{margin-left:24px}
	.join_step .join_step_ul > li::after{top:auto;bottom:0;right:-22px;width:22px;height:60px;background-size:15px;background-position-x:50%}
	.join_step .join_step_ul p{font-size:14px;word-break:keep-all}
	.join_step .join_step_ul small{margin-bottom:15px;border-radius:5px;}
	.join_step .join_step_ul small span{display:block;font-size:18px;text-align:center}
	.join_step .warn{margin:0;padding:20px 0 40px}

	.join_step .join_step_ul > li.on{box-shadow:0 0 10px 2px rgba(0,0,0,0.05);}
	.join_step .join_step_ul > li.on::before{display:none}
	.join_step .user-select-box ul{display:block;margin-top:0}
	.join_step .user-select-box ul > li{padding:40px 0;}
	.join_step .user-select-box ul > li + li{border-left:0;border-top:1px solid #cbcbcb}
	.join_step .user-select-box a,
	.join_step .user-select-box.cirt a{padding:0 15px;text-align:left}
	.join_step .user-select-box .ic_box{padding:10px 130px 10px 0;background-size:120px;background-position:100% 50%;}
	.join_step .user-select-box .text01{font-size:18px}
	.join_step .user-select-box .text02{margin-top:10px}
	.join_step .user-select-box span{max-width:185px;margin:25px auto 0;text-align:center}
	.join_step .user-select-box .text03{margin-top:5px}

	.join_terms_wrap{margin-top:40px}
	.join_terms_wrap .p-terms-box{height:200px;padding:10px;font-size:14px}
	.join_terms_wrap .p-terms-box .terms_cont{padding:10px}
	.join_terms_wrap .p-terms-wrap + .p-title{margin-top:30px}
	.join_terms_wrap + .btn_wrap{padding-bottom:40px}

	.agree_terms_wrap{margin-top:40px}
	.agree_terms_wrap .p-terms-box{height:200px;padding:10px;font-size:14px}
	.agree_terms_wrap .p-terms-box .terms_cont{padding:10px}
	.agree_terms_wrap .p-terms-wrap + .p-title{margin-top:30px}
	.agree_terms_wrap + .btn_wrap{padding-bottom:40px}

	.join_step .user_resi{margin-top:40px}
	.join_step .p-userinput .input_ul > li,
	.join_step .p-select-pers-no{padding:15px}
	.join_step .p-userinput dl{display:block}
	.join_step .p-userinput dl dt{margin-bottom:10px;font-size:15px;}
	.join_step .p-userinput dl dt,
	.join_step .p-userinput dl dd{width:100%;padding:0}
	.join_step .p-userinput input[type="text"],
	.join_step .p-userinput input[type="password"]{padding:0 10px}
	.join_step .p-userinput .warn{padding:15px}
	.join_step .user_resi + .btn_wrap{padding-bottom:40px}

	.popup__ .notice_wrap{padding:15px}
	.popup__ .notice_wrap .notice_tit{margin-top:0}
	.popup__ .notice_wrap #notcTitle{font-size:20px;}
	.popup__ .notice_wrap .notice_info{flex-wrap:wrap}
	.popup__ .notice_wrap .notice_info li{width:50%;}
	.popup__ .notice_wrap .notice_info > li + li::before{display:none}
	.popup__ .notice_wrap .notice_cont{padding:15px 0}





	/* header */
	.m_header{position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid rgba(255,255,255,0.15);}
	.m_header.scroll{background:#fff;}
	.m_header .inner{display:flex;align-items:center;justify-content:space-between;/*padding:0 10px*/}
	.m_header .p-logo > a{display:block;width:126px;height:32px;background:url(../images/logos/logo_m.png) no-repeat 0 0;background-size:126px;}
	.m_header .hdopt_wrap{display:flex;align-items:center;}
	.gnb_btn{display:block;overflow:hidden;position:relative;width:40px;height:60px}
	.gnb_btn i{display:block;overflow:hidden;position:absolute;top:50%;right:0;width:26px;height:2px;margin-top:-1px;background:#005bac;transition:0.3s}
	.gnb_btn i:nth-child(1){transform:translateY(-7px)}
	.gnb_btn i:nth-child(3){transform:translateY(7px)}
	.gnb_list .p-sitemap{display:none}

	/*.top_header .p-system-link-layer{width:90vw;left:50%;}*/
	.header_layer{position:fixed;top:45px;width:225px;margin-left:-45vw;left:unset;right:5px;}
	.header_layer .layer_head{padding:0 15px;padding-top:0;font-size:16px}
	.header_layer .layer_head::before{left:unset;right:53px;}
	.header_layer .item{height:40px;padding:0 15px;}
	.header_layer .layer_body{max-height:calc(100vh - 200px)}
	.header_layer .layer_body,
	.header_layer .layer_body *{font-size:14px}
	.header_layer .buttons{padding:16px 0;}

	.header_wrap{visibility:hidden;position:fixed;top:60px;left:0;width:100%;height:100vh;background:#fff;transform:translateX(100%);transition:0.3s}
	.gnb_wrap .p-logo,
	.top_header .p-search{display:none}
	.top_header{height:auto;}
	.top_header .inner{flex-wrap:wrap;flex-direction:column-reverse;padding:0}
	.top_header .p-lefter{display:flex;align-items:center;flex-direction:row;width:100%;height:100%;padding:12px 10px;border-bottom:1px solid #DCDCDC;background:#fff}
	.top_header .p-righter{display:flex;align-items:center;width:100%;height:auto;min-height:50px;padding:0 10px;}
	.top_header .p-lang{position:absolute;top:-48px;right:60px}
	.header-lang .lang_btn:hover{background-color:#fff;}
	.header-lang .lang_btn span{color:#005bac;font-weight:300;}
	.header-lang .lang_btn span::after{width:10px;height:6px; background-image:url(../images/icon/lang_arrow_m.png);background-size:10px;}
	.top_header .p-btn-logout{position:absolute;right:10px;background-image:url(../images/mainp/header_logout_ic_m.png);background-size:15px;padding-left:22px;}
	.top_header .p-bookmark{display:none;}
	/*.top_header .p-lefter > div.p-static-link{min-width:360px;}*/
	.top_header .p-lefter{padding:12px 0;}
	.top_header .p-lefter > div{position:relative;flex:1;width:auto;height:32px;border:0;line-height:32px;font-size:13px;color:#222;}
	.top_header .p-lefter > div.on{background:#fff;color:#005bac;}
	.top_header .p-lefter > div.on::after{position:absolute;content:'';display:block;left:50%;bottom:0;transform:translateX(-50%);width:28px;height:2px;background:#005bac;}
	.top_header .p-socps-list{padding-left:0;min-width: 210px;}

	.top_header .link a,
	.top_header .p-btn-bookmarks .icon-img,
	.top_header .p-btn-system-links .icon-img{color:#222;font-weight:500;font-size:16px;line-height:1}
	.top_header .link a{width:100%;height:100%;padding:8px 0;background:url(../images/mainp/out_link_ic_m.png) no-repeat 100% 50% / 10px;font-size:16px;color:#222;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.top_header .p-btn-system-links .icon-img{padding-right:0;width:100%;}
	.top_header .p-btn-system-links .icon-img::after{display:none}
	.top_header .p-btn-system-links .header_layer{top:95px;}
	/*.top_header .p-btn-bookmarks .icon-img{width:auto;height:auto;text-indent:0;background:none}*/
	
	.p-header .p-btn-notification{background-image:url(../images/mainp/header_alrm_ic_m.png);background-size:21px;}
	.p-header .p-btn-notification:hover{background-color:#fff;}
	.p-header .p-notification-layer{width:225px;margin-left:-45vw}
	.p-header .p-btn-notification > .p-count{top:10px;background:#c8005f;color:#fff;border-color:#fff;}
	.p-header .p-notification-layer .p-btn-all span{font-size:13px;}

	.gnb_wrap{overflow:auto;position:relative;height:calc(100vh - 186px);background:#F5F7F9}
	.gnb_wrap.h_over{background:#F5F7F9}
	.gnb_wrap .inner{padding:0}
	.gnb_list .p-depth2menu{display:block;position:absolute;top:0;left:0;width:139px;min-height:calc(100vh - 186px);}
	.gnb_list .p-depth2menu a{padding:0;color:#111}
	.gnb_list .p-depth2menu a span{height:72px;padding:0 15px;border-bottom:1px solid #DCDCDC;justify-content:flex-start;font-size:18px;}
	.gnb_list .p-menu-center{display:block;position:absolute;top:0;left:auto;right:0;min-height:calc(100vh - 126px);width:calc(100% - 136px);margin:0;border:0;border-left:1px solid #DCDCDC;padding:10px 20px 20px;box-shadow:none}
	.gnb_list .p-depth3menu{display:block;overflow:visible;max-height:none}
	.gnb_list .p-depth4menu{width:100%;padding:0;margin:0;border:0;}
	.gnb_list .p-depth4menu:nth-child(6n){border:0}
	.gnb_list .p-depth4menu + .p-depth4menu{margin-top:10px}
	.gnb_list .p-tempMenu{margin-top:110px}
	.gnb_list .p-depth4menu-header{display:block;position:relative;padding:10px 0;padding-right:20px;font-weight:400;font-size:18px;color:#666;cursor:pointer}
	.gnb_list .p-depth4menu-header::after{content:'';display:block;position:absolute;top:50%;right:0;width:14px;height:8px;margin-top:-4px;background:url(../images/mainp/m_gnb_2depth_arrow.png) no-repeat 50% 50%;transition:0.3s}
	.gnb_list .p-depth4menu > ul{display:none;margin-top:0}
	.gnb_list .p-depth4menu > ul a{font-size:13px}
	.gnb_list .p-depth4menu.open > ul{display:block;padding-left:5px;}
	.gnb_list .p-depth4menu.open .p-depth4menu-header{color:#000}
	.gnb_list .p-depth4menu.open .p-depth4menu-header::after{transform:rotate(180deg)}

	.gnb_list .p-depth2menu .selected span,
	.gnb_wrap.h_over .gnb_list .p-depth2menu .selected span{background:#005bac;color:#fff}
	.gnb_list .p-depth2menu .selected span::before{display:none}

	/* gnb_open */
	.p-header.gnb_open .gnb_btn i:nth-child(1){transform:rotate(45deg)}
	.p-header.gnb_open .gnb_btn i:nth-child(3){transform:rotate(-45deg)}
	.p-header.gnb_open .gnb_btn i:nth-child(2){transform:translateX(100%)}
	.p-header.gnb_open .header_wrap{visibility:visible;transform:translateX(0)}
	.p-header.gnb_open .p-notifications{display:none;}
	.p-header.gnb_open .p-notifications-mob{display:none;}




	.p-wrap{position:relative;background:#F1F3F5}
	.p-wrap::before{content:'';display:block;position:absolute;top:60px;left:0;width:100%;height:128px;background:url(../images/mainp/p_wrap_bg.jpg) no-repeat 50% 0;background-size:cover}
	.p-wrap .p-body{padding:0 0 80px}
	.p-main-wrap::before{display:none}
	.p-portlet-tabs{display:flex;align-items:center;justify-content:space-evenly;height:57px;margin:0}
	.p-portlet-tabs::before{display:none;}

	.p-mainpt0100{padding:0}
	.porview.portlet,
	.porview.portlet:nth-child(3n),
	.p-wrap.sidebar_close .porview.portlet,
	.p-wrap.sidebar_close .porview.portlet:nth-child(2n){width:100% !important;border-radius:0;margin-right:0}
	
	.porview.portlet.width2,
	.porview.portlet.width3{width:100% !important;border-radius:0;margin-right:0}

	.p-sidebar{display:none;position:fixed;top:90px;left:50%;z-index:10;width:90vw;height:calc(90vh - 90px);margin-left:-45vw;border-radius:0;box-shadow:0 0 10px 2px rgba(0,0,0,0.1);background:#FAF3E1;border-radius: 20px;}
	.p-sidebar .p-calendar-top{height:60px}
	.p-sidebar .p-calendar-cont > li{height:40px}
	.p-sidebar .today_schd{display:none;}
	.p-sidebar .sidebar_toggle{width:100%;height:100%;background:none}
	.p-sidebar .today_schd p{display:none}
	.p-sidebar .today_schd::after{display:none}
	.p-sidebar .p-schedule{height:auto !important;min-height:auto;border-radius:0;box-shadow:none}
	.p-sidebar .p-date-weather{height:85px;padding:28px 0}
	.p-sidebar .p-btn-more{right:-10px}
	.p-sidebar .p-calendar-list{min-height:auto;max-height:calc(90vh - 400px);padding:0 30px}
	.p-sidebar #sche-list{min-height:calc(100% - 85px)}

	.f_btn_wrap{position:fixed;bottom:135px;right:15px;width:48px;z-index:10}
	.f_btn_wrap.bottom{position:absolute;bottom:355px}
	.f_btn_wrap a:hover{opacity:1}
	.m_schd_btn{display:block;width:48px;height:48px;padding:0;border-radius:50%;background:#dbefff url(../images/mainp/m_schd_f_btn.png) no-repeat 50% 50%}
	.m_top_btn{display:block;width:48px;height:48px;margin-top:6px;padding:0;border-radius:50%;background:#005bac url(../images/mainp/m_btn_top_ic.png) no-repeat 50% 50%}

	.p-wrap.sidebar_on .p-sidebar{display:block}
	.p-wrap.sidebar_on .m_schd_btn{background-image:url(../images/mainp/m_schd_close_ic.png);background-size:18px}

	/* sub */
	body::before{height:176px;background-size:100% 176px}
	.p-header + section{padding-top:60px}
	.p-header + section > .inner{display:none;}
	.sub_visual .inner{padding:0}
	.sub_visual .page_info{height:127px;padding:0 10px}
	.sub_visual .page_info::after{width:178px; height:128px;right:0; background-size:178px;background-image:url(../images/mainp/p_wrap_bg_obj_m.png);}
	.sub_visual .location{display:none}
	.sub_visual .page_info .page_tit{font-size:30px}
	.sub_visual .page_tab{padding:0}
	.sub_visual .page_tab .swiper-container{width:100%;}
	.sub_visual .page_tab .swiper-slide{padding:0 10px}
	.sub_visual .page_tab .swiper-slide a{font-size:14px;padding:12px 10px;font-weight:400;}
	.sub_visual .page_tab .swiper-slide + .swiper-slide::before{display:none;}
	/* .sub_visual .page_tab .swiper-button-prev,
	.sub_visual .page_tab .swiper-button-next{top:50%;width:35px;height:35px;margin-top:-17px;border-left:0;background-size:8px} */
	.sub_visual .page_tab .swiper-button-prev,
	.sub_visual .page_tab .swiper-button-next{display:none;}

	.doc_inner{padding:30px 10px 60px}
	.cont_wrap .cont_tit{font-size:24px;}
	.cont_wrap .cont_box .box_tit{padding:0 20px}
	.cont_wrap .box_cont{padding:0 20px}
	.cont_wrap .input_box{padding:30px 0}
	.cont_wrap .input_box .input_dl{display:block;height:auto;}
	.cont_wrap .input_box .input_dl + .input_dl{margin-top:15px}
	.cont_wrap .input_box .input_dl dt{margin-bottom:10px;font-size:15px;}
	.cont_wrap .input_box .input_dl dt,
	.cont_wrap .input_box .input_dl dd{width:100%;padding:0}
	.cont_wrap .warn_box{padding:150px 0 30px;background-position:50% 30px}
	.cont_wrap .table_wrap table{min-width:768px}


	.popup__,
	.popup__ .msg_box__ {max-width:100%}
	.popup__.block_overlay_msg__ > .msg_box__{overflow:auto;width:100% !important;max-height:calc(100vh - 72px)}

	.joinstep_find_pop .box02,
	.joinstep_find_pop .box03{padding:20px 15px}
	.joinstep_find_pop .box02 .text02 input,
	.joinstep_find_pop .box02 .text02 input{width:100%}
	.joinstep_find_pop .box02 .text02 .btn01,
	.joinstep_find_pop .box02 .text02 .btn01,
	.joinstep_find_pop .box02 .text02 .p-cnt-down{width:100%;margin-top:5px}
	.joinstep_find_pop .box02 .text02 > .pers-info > li{overflow:hidden;height:auto;}
	.joinstep_find_pop .box02 .text02 > .pers-info > li + li{margin-top:10px}
	.join_step .btn_wrap{padding:0 15px 30px}

	.sub_sched_wrap{top:0}
	.sub_sched_wrap .__headerRegion{display:block;padding:20px 20px 10px}
	.sub_sched_wrap .cal_date{margin:20px 0 30px;justify-content:center}
	.sub_sched_wrap .__cbYear select,
	.sub_sched_wrap .__labelMonth{font-size:28px}
	.sub_sched_wrap .cal_right{justify-content:center}
	.sub_sched_wrap .__legend .p-legend-tit{height:auto;padding:9px 20px;padding-right:55px;font-size:15px}
	.sub_sched_wrap .cal_right .button{width:36px;height:36px;background-size:8px}
	.sub_sched_wrap .__calendar{overflow-x:auto;overflow-y:hidden}
	.sub_sched_wrap .__calendar .header{height:50px}
	.sub_sched_wrap .__calendar .header,
	/*.sub_sched_wrap .__calendar .week{min-width:500px}*/
	.sub_sched_wrap .__calendar .week .dayContainer{padding:5px}
	.sub_sched_wrap .__calendar .week .day{width:28px;height:28px;line-height:28px}
	.sub_sched_wrap .__calendar .porview .item{padding:5px;font-size:13px;}
	.sub_sched_wrap .__calendar .button.add{width:36px;height:30px;background-size:15px}

	.porview.popover{width:90% !important;left:5% !important}
	.__schedulePopoverContent{width:100% !important}
	.porview.popover .container + div{display:none}


	.sitemapWrap .depth0{height:50px;padding:0 20px}
	.sitemapWrap .depth0 .title{font-size:18px}
	.sitemapWrap .depth0::after{width:50px;height:50px}
	.sitemapWrap .submenu_gp,
	.sitemapWrap .submenu_gp:nth-child(6n + 1){border-right:0;}
	.sitemapWrap .submenu_gp{width:calc(100% / 2);margin:0;}
	.sitemapWrap .submenu_gp:nth-child(2n){border-right:1px solid #eee}
	.sitemapWrap .depth1 .title{margin-bottom:10px;font-size:16px}
	.sitemapWrap .depth2 .title{font-size:14px}
	.sitemapWrap .depth2 .title::before{top:13px}

	#pwWrap .p_user_tit p{width:50%}

	/* portfolio */
	.cont_wrap .search_wrap{padding:15px;margin-bottom:20px}
	.cont_wrap.portfolio .cont_box + .cont_box{margin-top:20px}
	.search_wrap .search_form{display:block}
	.search_wrap .search_form dl{width:100%}
	.search_wrap .search_form dl + dl{margin-left:0;margin-top:10px;}
	.search_wrap .search_form dd{flex-wrap:wrap;}
	.search_wrap .search_btn{margin-top:20px;}
	.search_wrap .search_btn .btn01{width:100%;padding:10px 5px;font-size:15px}
	.search_wrap input[type="text"],
	.search_wrap select,
	.search_wrap input[type="text"].stu_num,
	.search_wrap input[type="text"].year{width:100%}
	.search_wrap input[type="text"] + input,
	.search_wrap input[type="text"] + select,
	.search_wrap select + input[type="text"],
	.search_wrap select + select{margin-left:0;margin-top:5px}
	.search_wrap input[type="text"] + input,
	.search_wrap input[type="text"].stu_name{width:calc(100% - 35px)}
	.search_wrap input[type="text"] + .only_icon_search{display:inline-block;margin-top:5px}

	.cont_wrap .btn02{padding:5px;font-size:13px}
	.cont_wrap .btn02 span{padding-left:24px}
	.cont_wrap .cont_tab{margin-bottom:20px}
	.cont_wrap .cont_tab li{width:50%;border-radius:0}
	.cont_wrap .cont_tab li + li{margin:0;}
	.cont_wrap .cont_tab li:nth-child(2n){border-left:0}
	.cont_wrap .cont_tit_wrap{display:block}
	.cont_wrap .cont_tit_wrap .btn_gp{flex-wrap:wrap;margin-top:20px;}
	.cont_wrap .cont_tit_wrap .regi_btn{width:100%;margin-bottom:4px;text-align:center}
	.cont_wrap .cont_tit_wrap .regi_btn + .btn02{margin-left:0}

	.port_cont{display:block}
	.port_cont .left_cont,
	.port_cont .right_cont{width:100%;}
	.port_cont > div{border:0}
	.port_cont .right_cont{margin-left:0;margin-top:20px}

	.cont_wrap .table_wrap .no_scroll{min-width:100%}
	.cont_wrap .table_wrap .t_view{min-width:100%}
	.cont_wrap .table_wrap .t_view,
	.cont_wrap .table_wrap .t_view tbody,
	.cont_wrap .table_wrap .t_view tr,
	.cont_wrap .table_wrap .t_view th,
	.cont_wrap .table_wrap .t_view td{display:block;width:100%}
	.cont_wrap .table_wrap .t_view th,
	.cont_wrap .table_wrap .t_view td{height:auto;padding:10px;border-right:0}
	.cont_wrap .table_wrap .t_view th br{display:none}

	.cont_wrap .logoImageForm .input_dl dd{display:block;width:100%}
	.cont_wrap .logoImageForm .logo_img{margin-top:10px;margin-left:0;text-align:center}

	.tab__>ul{flex-wrap:wrap;padding-bottom:15px}
	.tab__>ul>li{flex:inherit;width:calc(50% - 2.5px);padding:10px 15px;margin-right:5px;margin-bottom:5px}
	.tab__>ul>li + li{margin-left:0;}
	.tab__>ul>li:nth-child(2n){margin-right:0;}
	.tab__>ul>li a{font-size:14px}
	.grid__ .accessRights label{width:33.33%}

	.popup__ .btnBox02{display:flex;align-items:center;width:100%;margin-top:10px}
	.popup__ a{flex:1}
	.popup__{}
	#ptInfoForm,
	#ptInfoForm tbody,
	#ptInfoForm tr,
	#ptInfoForm th,
	#ptInfoForm td{display:block}
	#ptInfoForm th,
	#ptInfoForm td{width:100%;height:auto;padding:5px}
	#ptInfoForm tbody th{padding:10px 5px;text-align:center}
	#ptInfoForm select,
	#ptInfoForm input[type="text"],
	#ptInfoForm .button__{width:100% !important;margin:0}
	#ptInfoForm select + input[type="text"]{margin-top:5px}
	#ptInfoForm * + .button__{margin-top:5px}
	#p-portlSocpsCatgrCd-input label{display:block;margin-bottom:5px}
	#p-portlSocpsCatgrCd-input select{margin-top:5px}
	#p-portlSocpsCatgrCd-input .button__{width:100%}
	#p-portlSocpsCatgrCd-container > a{display:block;width:100%}
	#p-portlSocpsCatgrCd-container > a + a{margin-top:4px}
	#p-portlSocpsCatgrCd-container > a .ct_default{display:flex;align-items:center;justify-content:space-between;width:100%}
	#ptInfoForm .menuInfoBox{display:block}
	#ptInfoForm .menuInfoBox a{margin-top:5px;margin-left:0}

	.p_set_box{display:block;}
	.p_set_box nav{width:100%;height:auto}
	.p_set_box .p-tabbars{display:flex;overflow:auto;width:100%;flex-flow:nowrap;white-space:nowrap}
	.p_set_box .p-tabbars .tabbar + .tabbar{margin-left:4px}
	.p_set_box .p-tabbars .title{display:inline-block !important;width:auto}
	.p_set_box .p-content-region{width:100%;padding:20px 15px}
	#ptInfoForm .accessRights table tr{overflow:hidden;}
	#ptInfoForm .accessRights table td{height:auto}
	.p-portlet-settings td.accessRights table tr:first-child td{border-top:1px solid #ECECEC}

	#authForm,
	#authForm tbody,
	#authForm tr,
	#authForm th,
	#authForm td{display:block}
	#authForm th,
	#authForm td{width:100%;height:auto;padding:5px}
	#authForm .accessRights table tr{overflow:hidden;}
	#authForm .accessRights table td{float:left;height:auto;width:50%}
	.popup__ .tree__ > ul{max-height:200px}

	.secStg-wrap{display:block;}
	.secStg-wrap .contLeft{width:100%;height:auto}
	.secStg-wrap .contRight{width:100%;padding:15px}
	.secStg-wrap .tbody_wrap__ .grid__ {display:flex;overflow:auto;width:100%;padding-bottom:5px;flex-flow:nowrap;white-space:nowrap}
	.secStg-wrap .tbody_wrap__ thead{display:none}
	.secStg-wrap .tbody_wrap__ tbody + tbody{margin-top:0;margin-left:4px}
	.secStg-wrap .tbody_wrap__ tr td{display:inline-block;width:auto;min-width:60px;height:32px}
	.secStg.contLeft .form__{border:0;background:none}
	.secStg .form__ thead th{padding-left:0}

	.secStg .form__,
	.secStg .form__ tbody,
	.secStg .form__ tr,
	.secStg .form__ th,
	.secStg .form__ td{display:block}
	.secStg .form__ th,
	.secStg .form__ td{width:100%;height:auto;padding:5px}
	.secStg .form__ tbody th{padding:10px 5px;text-align:center}

	.cont_wrap .search_box{padding:15px}
	.cont_wrap .search_box li{display:block;}
	.cont_wrap .search_box dl{width:100% !important}
	.cont_wrap .search_box dl + dl{padding-left:0;margin-top:10px}
	.cont_wrap .search_box dl dt{margin-bottom:8px;font-size:15px;}
	.cont_wrap .search_box input,
	.cont_wrap .search_box select{height:40px}
	.cont_wrap .search_box .btn01{padding:11px 5px}
	.cont_wrap .board_top{display:block;margin:20px 0 15px}
	.cont_wrap .board_top .category_swiper{width:100%}
	.cont_wrap .board_top .board_cnt{width:100%;margin-top:10px}
	.cont_wrap .board_top .board_cnt::before{display:none}

	.cont_wrap .board_view{margin:0}
	.cont_wrap .board_view table,
	.cont_wrap .board_view tbody,
	.cont_wrap .board_view tr,
	.cont_wrap .board_view th,
	.cont_wrap .board_view td{display:block}
	.cont_wrap .board_view th,
	.cont_wrap .board_view td{padding:15px 10px;}
	.cont_wrap .board_view select,
	.cont_wrap .board_view input[type="text"]{height:40px}
	.cont_wrap .board_view table tbody th,
	.cont_wrap .board_view table tbody th span{line-height:1;font-size:14px}
	.cont_wrap .board_view table tbody tr + tr th,
	.cont_wrap .board_view table tbody tr + tr td{border-top:0}
	.cont_wrap .board_view table tbody tr td{padding-top:0;border-bottom:1px solid #ececec}
	.cont_wrap .board_view table tbody tr:last-child td:last-child{border-bottom:0}

	.cont_wrap .board_view input + input,
	.cont_wrap .board_view input + select,
	.cont_wrap .board_view select + input{margin-left:0;margin-top:5px}
	.cont_wrap .board_view td .datepicker__,
	.cont_wrap .board_view td .input-time{width:100%}
	.cont_wrap .board_view td .input-time{margin-top:5px}
	.cont_wrap .btn_wrap{display:flex;margin-top:20px}
	.cont_wrap .btn_wrap .btn01{flex:1}
	.docs_contents__ .Write dl{display:block}
	.docs_contents__ .Write dt{display:block;width:100%;padding:15px;}

}

@media only screen and (max-width: 860px){
	.p-bordnt0100 .board_table #grid01 .col_5__,
	.p-bordnt0100 .board_table #grid01 .col_7__
	{
		display: none;
	}
}

@media only screen and (max-width: 768px){
	/*
	body::before,
	.m_header.scroll{background-size:auto 176px}
	*/

	.sitemapWrap .submenu_gp{width:100%;padding:15px 20px}
	.sitemapWrap .submenu_gp:nth-child(2n){border-right:0}
	.sitemapWrap .submenu_gp + .submenu_gp{border-top:1px solid #eee}
}

@media only screen and (max-width: 650px){
	.p-bordnt0100 .board_table #grid01 .col_1__,
	.p-bordnt0100 .board_table #grid01 .col_2__,
	.p-bordnt0100 .board_table #grid01 .col_4__,
	.p-bordnt0100 .board_table #grid01 .col_5__,
	.p-bordnt0100 .board_table #grid01 .col_6__,
	.p-bordnt0100 .board_table #grid01 .col_7__
	{
		display: none;
	}
}

@media only screen and (max-width: 400px){
	.join_step .join_step_ul > li{height:115px;padding:5px}
	.join_step .join_step_ul > li::after{bottom:10px}
	.join_step .user-select-box a,
	.join_step .user-select-box.cirt a{padding:0}
}



.note-tooltip-content {
	color: #fff !important;
	font-size: 15px;
}

.tox-promotion,.tox-statusbar__branding{
  display : none !important;
}
.portlet_wrap .btn_links {
	display : flex;
	flex-wrap : wrap;
}
.portlet_wrap .btn_links a {
	background: #005bac;
    display: flex;
    align-items: center;
    justify-content: normal;
    position: relative;
    width: 45%;
    min-height: 33px;
    height:auto;
    border-radius: 0.3em;
    color: #fff;
    font-size: 16px;
    margin: 7px;
}

.portlet_wrap .btn_links a > span {
	padding-left : 8px;
}
.portlet_wrap .btn_links a > span:lang(en){
font-size: 13px;
}

.portlet_wrap .info {
	margin: 10px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
}

.p-mainpt0106_M000000133__ .p-header-view-region {
	background:url(../images/mainp/attendance.png) no-repeat 85% 50%;
	background-size:contain;
}

.cbtn_wrap {max-width: 1600px;margin: 5px auto;text-align: right;}
.cbtn_wrap button:hover{opacity:0.8;}
.cbtn_wrap .btn_complain {position: relative;margin: 5px 18px 0 0;border:0;width: 20px;height: 20px;background: url(../images/icon/icon_question.png) no-repeat 50% 50%;}