@charset "UTF-8";
input[type="text"] {border: 1px solid #aab6cb;}
input::placeholder {color: #8491a7;}
table {width: 100%;}
.fl_l {float: left;}
.fl_r {float: right;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.over_h {overflow: hidden;}
.f_manru {font-family: 'manru';}
.f_ntk {font-family: 'Noto Sans KR';}
.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.font_b {font-weight: bold;}
.fc_wh {color: #fff !important;}
.fc_gray {color: #777 !important;}
.fc_gray2 {color: #8491a7 !important;}
.fc_blue {color: #3267e9 !important;}
.fc_blue2 {color: #0f50dd !important;}
.fc_blue3 {color: #2464da !important;}
.fc_blue_list {color: #033399 !important;}
.fc_red {color: #cd1414 !important;}
.fc_red2 {color: #ff0000 !important;}
.fc_red_list {color: #ba011b !important;}
.fc_brown {color: brown !important;}
.fc_green {color: #00993a !important;}
.fc_green2 {color: #008501 !important;}
.fc_orange {color: #FFA500 !important;}
.fc_orange2 {color: #E7881B !important;}
.ls_0 {letter-spacing: 0 !important;}
.ff_d {font-family: 돋움, Dotum;}
.txt_c {text-align: center;}
.txt_l {text-align: left;}
.txt_r {text-align: right;}
.line_b {padding-bottom: 21px; border-bottom: 1px solid #8491a7;}
span.bar {display: inline-block; margin: 0 12px; width: 1px; height: 10px; background-color: #ccd0d6;}
.on_blue {color: #3267e9; font-weight: bold;}

/* STYLE */
.clickButton{cursor:pointer;}
.eventNone{pointer-events:none;}

/* COMMON */
#blackPanel{display: none; width:100%; height:100%; z-index: 1000000; position: fixed; background-image:url('/resource/common/images/opacity/opacity50.png');}
.clear{clear: both; }
.del{text-decoration: line-through;}
.displayNone {display:none}
.displayBlock {display: block;}
.ellipsis{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.dotdotdot{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

/* ALIGN */
.ta-c, .center{text-align: center !important;}
.ta-r, .right{text-align: right !important;}
.ta-l, .left{text-align: left !important;}
.ta-cost{text-align: right !important; margin-right: 4px;}

/* FLOAT */
.f_right{float: right !important;}
.f_left{float: left !important;}

/* H & W 100% */
.height100{height:100%;}
.width100{width:100%;}

/* COLOR */
.black{color:black !important;}
.blue{color:#0000FF !important;}
.red{color:red !important;}
.lightblue{color:#0066cc !important;}
.brown{color:brown !important;}
.pink{color:#DC4B91 !important;}
.lightpurple{color:#5E6CC1 !important;}
.darkblue{color:darkblue !important;}
.gray{color: gray !important;}
.green{color:#248600 !important;}
.nakchalgreen{color:#708536 !important;}
.mytochalyellow{background-color:#f6f6de !important;}
.mydelgray{background-color:#dddddd !important;}
.pqblue{color:#207eab !important;}

.bold{font-weight: bold;}

/* 다이얼로그 NEW css */
#showDialLog_layer{ position: fixed;z-index: 1000000;width: 100%;top: 200px;}
#showDialLog_layer #showDialLog_wrap{font-family: Sans-Serif;margin: 0 auto;position: relative;background-color: white;width: 420px;height: 240px;text-align: center;border-radius: 5px;}
#showDialLog_layer #showDialLog_wrap .content_wrap {width: 80%;margin: 0 auto;padding-top: 30px;}
#showDialLog_layer #showDialLog_wrap .title {font-weight: bold;font-size: 20px;color: #807c7c;margin: 10px 0;}
#showDialLog_layer #showDialLog_wrap .content {font-size: 15px;color: #9e9e9e;margin: 20px 0;font-weight: bold;}
#showDialLog_layer #showDialLog_wrap .btn_wrap {width: 80%;margin: 0 auto;}
#showDialLog_layer #showDialLog_wrap .btn_wrap button {width: 45%;border-radius: 5px;height: 40px;background-color: #bfbfbf;color: white;font-size: 15px;font-weight: bold;cursor: pointer;}
#showDialLog_layer #showDialLog_wrap .btn_wrap .cancel_btn:hover {background-color: #949798;color: #fffdfd;}
#showDialLog_layer #showDialLog_wrap .btn_wrap .confirm_btn_hover {background-color: #4d8bd7 !important; color: #f0f0f0 !important;}
#showDialLog_layer #showDialLog_wrap .btn_wrap .confirm_btn {background-color: #2a6bbb;color: white;margin-top: 10px;}
#showDialLog_layer #showDialLog_wrap span.close::before {top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(135deg);position: absolute;content: "";width: 20px;height: 0px;border-top: 2px solid #373f49;box-sizing: border-box;}
#showDialLog_layer #showDialLog_wrap span.close::after {top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);position: absolute;content: "";width: 20px;height: 0px;border-top: 2px solid #373f49;box-sizing: border-box;}
#showDialLog_layer #showDialLog_wrap span.close {top: 10px;right: 2px;width: 32px;height: 28px;position: absolute;display: inline-block;cursor: pointer;}

#showDialLog_layer #showDialLog_wrap>.content_wrap>.content>table{width:100%;border-top:2px solid #535353;border-right:1px solid #d2d2d2;}
#showDialLog_layer #showDialLog_wrap>.content_wrap>.content>table th{background:#fafafa;border: 1px solid #d2d2d2;border-top: 0;padding: 8px 8px 9px 8px;}
#showDialLog_layer #showDialLog_wrap>.content_wrap>.content>table td {background:#fff;border:1px solid #d2d2d2;padding:8px 0 8px 0px;}
#showDialLog_layer #showDialLog_wrap>.content_wrap>.content>table td.left {padding:8px 0 8px 14px;}

/*나의방 레이어*/
.myroom_center_layer_wrap {position: fixed;z-index: 1000000;width:100%; top: 153px;height: 0px; display: none;}
.myroom_center_layer_wrap>div {width: 1000px;margin: 0 auto;height: 0px;}
.myroom_center_layer_wrap>div>div {margin: 0 auto;width: 600px; position: relative;height: 600px;}
.myroom_center_layer_wrap .bar {width: 600px;height: 25px;padding: 1px 15px 0 0;background-color: #0e0e0e;text-align: right;color: #fff;box-sizing: border-box;position: relative;bottom: 0px;}
.myroom_center_layer_wrap .bar>label {cursor: pointer;}
.myroom_center_layer_wrap .bar input[type="checkbox"] {display: inherit;cursor: pointer;}

/*중앙 레이어*/
.center_layer_wrap {position: absolute;z-index: 1000000;width:100%;margin-top: 20px;height: 0px; display: none;}
.center_layer_wrap>div {width: 1000px;margin: 0 auto;height: 0px;}
.center_layer_wrap>div>div {margin: 0 auto;width: 600px; position: relative;height: 600px;}

.center_layer_wrap .bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    height: 25px;
    padding: 0 10px 0 0;
    background-color: #0e0e0e;
    color: #fff;
    box-sizing: border-box;
    position: relative;
}
.center_layer_wrap .bar>label {cursor: pointer; display: flex;}
.center_layer_wrap .bar input[type="checkbox"] {display: inherit;cursor: pointer;}

/*우측배너*/
.right_banner_wrap {position: absolute;z-index: 1000;width:100%;margin-top: 20px;height: 0px;}
.right_banner_wrap>div {width: 1000px;margin: 0 auto;height: 0px;height: 0px;}
.right_banner_wrap>div>div {margin-left:1115px;position: relative;cursor: pointer;}

/* TOOLTIP */
.tooltip {top: 10px;left: 120px; max-width: 325px; position: absolute; padding: 13px; border: 1px solid #3267e9; background-color: #ffffff; font-size: 12px; font-weight: normal; letter-spacing: .3px;z-index: 100000;}
.tooltip p{font-family: 돋움,arial;}
.tooltip2 {font-weight:normal; box-shadow: 1px 1px 3px 1px #00000035;display:inline-block; position:absolute; border:2px solid #f9ad2f; background-color:white; padding:10px 13px; color:#000; font-size: 12px; max-width: 400px; z-index:100001; white-space: nowrap; margin-left:-4px; margin-top:16px;}
.tooltip2.right {left:auto; right:-1px;}

/* 자동완성 폼에서 테두리 생기는것 막는 코드 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    outline: none;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000 !important;
}

/* pixel(px) */
.wd-p-20{width:20% !important;}
.wd-p-24{width:24% !important;}
.wd-p-25{width:25% !important;}
.wd-p-33{width:33% !important;}
.wd-p-40{width:40% !important;}
.wd-p-50{width:50% !important;}
.wd-p-80{width:80% !important;}
.wd-p-100{width:100% !important;}
.wd-30{width:30px !important;}
.wd-40{width:40px !important;}
.wd-45{width:45px !important;}
.wd-50{width:50px !important;}
.wd-55{width:55px !important;}
.wd-60{width:60px !important;}
.wd-65{width:65px !important;}
.wd-70{width:70px !important;}
.wd-75{width:75px !important;}
.wd-80{width:80px !important;}
.wd-85{width:85px !important;}
.wd-90{width:90px !important;}
.wd-95{width:95px !important;}
.wd-100{width:100px !important;}
.wd-110{width:110px !important;}
.wd-120{width:120px !important;}
.wd-130{width:130px !important;}
.wd-140{width:140px !important;}
.wd-150{width:150px !important;}
.wd-160{width:160px !important;}
.wd-180{width:180px !important;}
.wd-200{width:200px !important;}
.wd-240{width:240px !important;}
.wd-250{width:250px !important;}
.wd-270{width:270px !important;}
.wd-300{width:300px !important;}
.wd-320{width:320px !important;}
.wd-350{width:350px !important;}
.wd-400{width:400px !important;}
.w-full{width:100% !important;}

/*2021.10.6 윤한빈 추가*/
/*margin, padding*/
.m-0{margin:0!important}
.m-1{margin:4px!important}
.m-2{margin:8px!important}
.m-3{margin:16px!important}
.m-4{margin:24px!important}
.m-5{margin:48px!important}
.m-auto{margin:auto!important}
.mx-0{margin-right:0!important;margin-left:0!important}
.mx-1{margin-right:4px!important;margin-left:4px!important}
.mx-2{margin-right:8px!important;margin-left:8px!important}
.mx-3{margin-right:16px!important;margin-left:16px!important}
.mx-4{margin-right:24px!important;margin-left:24px!important}
.mx-5{margin-right:48px!important;margin-left:48px!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.my-1{margin-top:4px!important;margin-bottom:4px!important}
.my-2{margin-top:8px!important;margin-bottom:8px!important}
.my-3{margin-top:16px!important;margin-bottom:16px!important}
.my-4{margin-top:24px!important;margin-bottom:24px!important}
.my-5{margin-top:48px!important;margin-bottom:48px!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:4px!important}
.mt-2{margin-top:8px!important}
.mt-3{margin-top:16px!important}
.mt-4{margin-top:24px!important}
.mt-5{margin-top:48px!important}
.mt-auto{margin-top:auto!important}
.me-0{margin-right:0!important}
.me-1{margin-right:4px!important}
.me-2{margin-right:8px!important}
.me-3{margin-right:16px!important}
.me-4{margin-right:24px!important}
.me-5{margin-right:48px!important}
.me-auto{margin-right:auto!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:4px!important}
.mb-2{margin-bottom:8px!important}
.mb-3{margin-bottom:20px!important}
.mb-4{margin-bottom:24px!important}
.mb-5{margin-bottom:48px!important}
.mb-auto{margin-bottom:auto!important}
.ms-0{margin-left:0!important}
.ms-1{margin-left:4px!important}
.ms-2{margin-left:8px!important}
.ms-3{margin-left:16px!important}
.ms-4{margin-left:24px!important}
.ms-5{margin-left:48px!important}
.ms-auto{margin-left:auto!important}
.p-0{padding:0!important}
.p-1{padding:4px!important}
.p-2{padding:8px!important}
.p-3{padding:16px!important}
.p-4{padding:24px!important}
.p-5{padding:48px!important}
.px-0{padding-right:0!important;padding-left:0!important}
.px-1{padding-right:4px!important;padding-left:4px!important}
.px-2{padding-right:8px!important;padding-left:8px!important}
.px-3{padding-right:16px!important;padding-left:16px!important}
.px-4{padding-right:24px!important;padding-left:24px!important}
.px-5{padding-right:48px!important;padding-left:48px!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-1{padding-top:4px!important;padding-bottom:4px!important}
.py-2{padding-top:8px!important;padding-bottom:8px!important}
.py-3{padding-top:16px!important;padding-bottom:16px!important}
.py-4{padding-top:24px!important;padding-bottom:24px!important}
.py-5{padding-top:48px!important;padding-bottom:48px!important}
.pt-0{padding-top:0!important}
.pt-1{padding-top:4px!important}
.pt-2{padding-top:8px!important}
.pt-3{padding-top:16px!important}
.pt-4{padding-top:24px!important}
.pt-5{padding-top:48px!important}
.pe-0{padding-right:0!important}
.pe-1{padding-right:4px!important}
.pe-2{padding-right:8px!important}
.pe-3{padding-right:16px!important}
.pe-4{padding-right:24px!important}
.pe-5{padding-right:48px!important}
.pb-0{padding-bottom:0!important}
.pb-1{padding-bottom:4px!important}
.pb-2{padding-bottom:8px!important}
.pb-3{padding-bottom:16px!important}
.pb-4{padding-bottom:24px!important}
.pb-5{padding-bottom:48px!important}
.ps-0{padding-left:0!important}
.ps-1{padding-left:4px!important}
.ps-2{padding-left:8px!important}
.ps-3{padding-left:16px!important}
.ps-4{padding-left:24px!important}
.ps-5{padding-left:48px!important}

/* 프린터 스타일 */
@media print {
    .print_hide{display: none;}
}
@media screen {
    .screen_hide{display: none;}
}