/***** 2025/06/09 renewal *****/

/* 변수설정 */
:root {
    /* theme Color 1 */
    --basic-color: #0054a5;
    --link-text-color: #0054a5;
    --link-bg-color: #ebebeb;
}

/********** common **********/
html,body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,b,strong,small,label {
    font-family: 'Noto Sans KR Regular', sans-serif;
    font-size:14px;
    font-weight: normal;
    letter-spacing:-0.3px;
    word-spacing:-0.3px;
}
table,th,td {font-weight: normal;}
table thead th, table tbody th {font-family: 'Noto Sans KR Medium',sans-serif;color:#000;}
table thead td, table tbody td {font-family: 'Nanum Gothic Regular',sans-serif;color:#333;}

html,body {width:100%;height:100%;background:#fff;color:#333;
    -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
    -moz-text-size-adjust : none;  /* 파이어폭스 */
    -o-text-size-adjust : none;  /* 오페라 구버전 */
}
html {box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
* {max-height: 1000000px;}
body {*word-break:break-all;-ms-word-break:break-all;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:middle;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}

a {display:inline-block;font-weight:normal;}
a:link,a:active,a:visited{color:#f4f5f9;text-decoration:none;border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}
table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0;overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}

/*form*/
input,select,textarea,button {font-family: 'Nanum Gothic Regular',sans-serif; font-size:13.5px;color:#333;vertical-align:middle;font-weight:normal;}
input[type="text"], input[type="password"], textarea {border:1px solid #ccc;padding:5px 7px;box-sizing:border-box;}
input[type="checkbox"], input[type="radio"] {margin-left:5px;vertical-align:middle;width:14px;height:19px;}
input[type="text"], input[type="password"], select {height:30px;}
input[type="number"], input[type="password"], textarea {border:1px solid #ccc;padding:5px 7px;box-sizing:border-box;}
input[type="number"], input[type="password"], select {height:30px;}
input[type="file"] {height:30px;color:#000;background:none; box-sizing:border-box;}
input:-moz-read-only { /* For Firefox */background-color: #f9f8f6;}
input:read-only { background-color: #f9f8f6;}
select {border:1px solid #ccc;padding:0 3px;box-sizing:border-box;}
textarea {width:100%;display:block; resize:none;}
button{border:0;cursor:pointer;}

input[type="text"].input-text-cal {min-width:auto !important;width:120px !important;}
input[type="text"].input-text-cal-brtd {min-width:auto !important;width:120px !important; top:0.5px !important;}
.ui-datepicker select, .ui-datepicker input[type="text"] {min-width:auto;}
.ui-datepicker th {padding:2px;font-weight:normal;}

select:focus, input:focus {background-color:#ebf0fa;}
select:focus {outline:0 !important;}
select[disabled],input[type="text"]:disabled {background-color:#f9f8f6;color:#888;}

input::-webkit-input-placeholder { color:#a5a5a5 }
input::-moz-placeholder { color:#a5a5a5 }
input::-ms-input-placeholder { color:#a5a5a5 }
input::input-placeholder { color:#a5a5a5 }

/* focus outline */
*:focus-visible{outline: 2px dotted red; outline-offset: 1px;}

.radio_list {display:flex;flex-wrap:wrap;width:100%;text-align:left;}
.radio_list label {flex:1;}

/* label hidden */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/****** basic ******/
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}

.md5 {margin-left:5px !important;}

/* width */
.W100Pi{width: 100px !important;}
.W100i{width: 100% !important;}
.W90i{width: 90% !important;}
.W80i{width: 80% !important;}
.W85i{width: 85% !important;}
.W75i{width: 75% !important;}
.W70i{width: 70% !important;}
.W60i{width: 60% !important;}
.W50i{width: 50% !important;}
.W45i{width: 45% !important;}
.W43i{width: 43% !important;}
.W40i{width: 40% !important;}
.W35i{width: 35% !important;}
.W30i{width: 30% !important;}
.W20i{width: 20% !important;}
.W15i{width: 15% !important;}

.W100P{width: 100px;}
.W100{width: 100%;}
.W95{width: 95%;}
.W90{width: 90%;}
.W80{width: 80%;}
.W85{width: 85%;}
.W75{width: 75%;}
.W70{width: 70%;}
.W60{width: 60%;}
.W50{width: 50%;}
.W45{width: 45%;}
.W43{width: 43%;}
.W40{width: 40%;}
.W35{width: 35%;}
.W30{width: 30%;}
.W20{width: 20%;}
.W15{width: 15%;}

/* basic common */
.text_left {text-align:left !important;}
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}

.fL { float: left !important }
.fR { float: right !important }

.color_black {color:#000;}
.color_red {color:#c3303c;}
.color_green {color:#678b27;}
.color_blue {color:#000cad;vertical-align: baseline;}
.color_white {color:#fff;}

.font_bold {font-family:'Noto Sans KR Bold';}

.font_check {font-family:'Noto Sans KR Bold';color:#000cad;font-size:15px;padding-left:2px;}

.ellipsis a {width:97%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;color:#153868;vertical-align:middle;text-align:left;}
.ellipsis {width:97%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#153868;vertical-align:middle;text-align:left;}

.input_calender {background:url(../../images/anytmAptdInspct/CL_img/icon_calender.png) no-repeat top right;cursor:pointer;background-color:#f9f9f9;}

a.downlink {color:#3b79be;font-family: "Nanum Gothic Bold";}

/*필수표시*/
.required {color: #c3303c !important;}
.required2 {color: #ed1c24 !important;}


/****** 공통영역 ******/
#wrap {width:100%;height:auto;position:relative;background:#fff; padding-top:100px;}

/* header */
#header {position:fixed;top:0;z-index:50; width:100%;background:#fff; height:100px;}

/* header line 1 */
.header_top {width:100%;margin:0 auto; height:60px;padding:0 0 0 300px; display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start; text-align:center;
    position:relative;transition: all 0.1s ease-in-out;border-bottom: 1px solid #ddd;}
.header_top:before {position:absolute;content:''; bottom:-1px;left:0;right:0;height:1px;background:#ccc;z-index:10;}
.header_top_link {height:40px;background:#f1f1f1;display:block; text-align:right;}

.header_top_left {display:inline-block; text-align:left; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}


/* header_top_left */
.logo {position:absolute;top:10px;left:20px; display:inline-block; width:180px;height:35px;}
.logo > a {display:inline-block; width:180px;height:35px; background:url(../../images/anytmAptdInspct/CL_img/logo.svg) no-repeat top left;}

/* header_top_right */
/* myinfo */
.myinfo_wrap  {display:inline-block;/*margin-left:30px;*/margin-right:50px; font-family:'Noto Sans KR Medium';color:#222;font-size:14px;text-align:left;}
.myinfo_photo {display:inline-block;vertical-align:middle; width:30px;height:30px;border-radius:50%;background:#f1f1f1;}
.myinfo_photo img {width:100%;height:100%;border-radius:50%;}
.myinfo_desc  {margin-left:5px;display:inline-block;vertical-align:middle;}
.md_team {display:inline-block;font-size:12px;color:#777;margin-right:3px;}
.md_name {display:inline-block;font-size:13px;color:#111;font-family:'Noto Sans KR Bold';}

/* link */
.navi_link {display:inline-block; margin-right:10px;}
.navi_link li {display:inline-block;padding-top:3px;}
.navi_link li a {display:inline-block;}
.navi_link li + li {margin-left:10px;}

.icon_link {display:inline-block;vertical-align:middle;width:30px;height:30px; position:relative;}
.icon_link1 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat 0 0;}
.icon_link2 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat 0 -50px;}
.icon_link3 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat -2px -100px;}
.icon_link4 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat -2px -150px;}

.icon_link_number {position:absolute;top:0;left:15px; display:inline-block;padding:0px 5px 1px 5px;border-radius:8px;background:#e44554;text-align:center; font-size:11px;color:#fff;font-family: 'Noto Sans KR Bold';}

/* btn */
.idle {display:inline-block;position:relative;margin-left:25px;padding-left:35px; font-family:'Noto Sans KR Medium';color:#222;font-size:14px; background:url(../../images/anytmAptdInspct/CL_img/icon_main_user2.png) no-repeat 12px 0;background-size:20px; /*position:absolute;right:10px;top:20px;*/}
.idle:before {position:absolute;content:''; left:0;top:50%;margin-top:-9px;width:1px;height:17px;background:#ccc;}

/* header line 2 */
.navi_menu_box {position:relative;width:100%;height:50px;background:#fff;  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between; text-align:left;
    border-bottom: 1px solid #ddd;}

.sitemap_btn {display:inline-block;width:55px;height:50px;padding-top:17px;text-align:center; border-left:1px solid #49658b;border-right:1px solid #49658b;cursor:pointer;}
.sitemap-trigger {margin: 0;display: inline-block;position: relative;width: 24px;height: 16px;}
.sitemap-trigger, .sitemap-trigger span {display:inline-block;transition:all 0.2s;box-sizing:border-box;}
.sitemap-trigger span {position:absolute;left:0;width:100%;height:2px;background-color:#fff;border-radius:0px;}
.sitemap-trigger span:nth-of-type(1) {top: 0;}
.sitemap-trigger span:nth-of-type(2) {top: 7px;}
.sitemap-trigger span:nth-of-type(3) {bottom: 0;}
.sitemap-trigger.active-1 span:nth-of-type(1) {-webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg);}
.sitemap-trigger.active-1 span:nth-of-type(2) {opacity: 0;}
.sitemap-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg);}

/* navigation */
.navi_menu_area {display:inline-block;padding:0;}
.navi_menu {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.navi_menu > li {/*flex:1;*/width:170px;height:60px; display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center; position:relative; }
/*.navi_menu > li:after {position:absolute;content:''; top:0;bottom:0;right:0;width:1px;background:#ccc; }*/
/*.navi_menu > li:before {position:absolute;content:''; left:0;top:50%;margin-top:-9px;width:1px;height:17px;background:#fff;opacity:0.2;}*/
/*.navi_menu > li:first-child:before {display:none;}*/
/*.navi_menu > li:last-child:after {position:absolute;content:''; right:0;top:50%;margin-top:-9px;width:1px;height:17px;background:#fff;opacity:0.2;}*/
.navi_menu > li > a {display:flex;align-items:center;justify-content:center; height:100%; text-align:center;font-size:16.5px;color:#000; font-family:'Noto Sans KR Bold';cursor:pointer;}
.navi_menu > li.on > a {color:#153868;font-family:'Noto Sans KR Bold';}
.navi_menu > li > a > i {vertical-align:middle;}
.navi_menu > li > a > span {height:100%;position:relative; display:flex;align-items:center;justify-content:center; z-index:10;}
.navi_menu > li.on > a > span {color:#153868;}

/*.navi_menu > li > a > span:before {transform:scaleX(0); position:absolute;content:''; bottom:0px;width:100%;height:3px;background:#153868; transition:all 0.3s ease;}
.navi_menu > li.on > a > span:before {transform:scaleX(1);}*/

.navi_menu > li > a > span:before {position:absolute;content:'';bottom:14px;left:50%; width:0%;height:8px;border-radius:3px;background:#e9f1ff;z-index:-5; transition:all 0.2s ease-in-out;}
.navi_menu > li.on > a > span:before {left:-4%;width:110%;}

.navi_menu > li > a > span:after {display:none; position:absolute;content:'';top:14px;right:-6px; width:6px;height:6px;border-radius:6px;background:#153868;z-index:-5;
    transition:all 0.2s ease-in-out;}
.navi_menu > li.on > a > span:after {display:block;}

/* submenu simple */
.navi_menu_nemo {position:absolute;top:110px;width:100%;height:0px;opacity:0;  border-bottom:1px solid #ccc;border-top:1px solid #ddd;
    background:#fff; z-index:98;box-sizing:border-box;
    transition:all 0.2s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
.navi_menu_nemo_on {height:250px;opacity:1;}
/*.navi_menu_nemo_on:before {position:absolute;content:''; width:397px;height:161px;
    bottom:0;left:50px;background:url(../../images/anytmAptdInspct/CL_img/navi_bg.png) no-repeat top left;}

@media screen and (max-width:1400px) {
    .navi_menu_nemo_on:before {position:absolute;content:''; width:397px;height:161px;
        bottom:0;left:10px;margin-left:auto;background:url(../../images/anytmAptdInspct/CL_img/navi_bg.png) no-repeat top left;}
}*/


.navi_menu_subbox {height:0px;opacity:0; width:100%;left:0; position:absolute;top:60px;border:1px solid #ccc;border-top:none;background:#fff;color:#222;z-index:99;box-sizing:border-box;
    transition:all 0.2s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
.navi_menu_subbox_on {height:auto;opacity:1;}

.navi_menu_subbox_list {display:none;}
.navi_menu_subbox_on .navi_menu_subbox_list {display:block;}

.navi_menu > li:last-child .navi_menu_subbox {border-right:1px solid #eee;}
.navi_menu > li.on .navi_menu_subbox {background:#f4f5f9;}

.navi_menu_subbox_list {list-style:none;padding:8px;}
.navi_menu_subbox_list > li {margin-top:3px;line-height:17px; font-size:13.5px;color:#222;text-align:left;font-family: 'Noto Sans KR Medium';}
.navi_menu_subbox_list > li:first-child {margin-top:0;}
.navi_menu_subbox_list > li > a {color:#222;line-height:22px; border:1px solid #ccc;background:#fff;display:block;padding:7px 5px;}
.navi_menu_subbox_list > li > a:hover {background:var(--basic-color);color:#fff; font-family: 'Noto Sans KR Bold';}

/* navi menu */
.icon_navi   { vertical-align:middle;margin-right:4px; width:21px;height:21px;}
.icon_navi1  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 0;}
.icon_navi2  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -50px;}
.icon_navi3  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -100px;}
.icon_navi4  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -150px;}
.icon_navi5  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -200px;}
.icon_navi6  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -250px;}
.icon_navi7  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -300px;}
.icon_navi8  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -350px;}
.icon_navi9  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -400px;}
.icon_navi10 {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -450px;}
.icon_navi11 {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -500px;}
.icon_navi12 {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -550px;}

/* navi li 순서대로 아이콘 붙이기 */
.navi_menu > li:nth-child(1)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 0;}
.navi_menu > li:nth-child(2)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -250px;}
.navi_menu > li:nth-child(3)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -450px;}
.navi_menu > li:nth-child(4)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -150px;}
.navi_menu > li:nth-child(5)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -350px;}

.navi_menu > li:nth-child(6)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -250px;}
.navi_menu > li:nth-child(7)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -300px;}
.navi_menu > li:nth-child(8)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -350px;}
.navi_menu > li:nth-child(9)  > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -400px;}
.navi_menu > li:nth-child(10) > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -450px;}

.navi_menu > li:nth-child(11) > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -500px;}
.navi_menu > li:nth-child(12) > a .icon_navi  {background:url(../../images/anytmAptdInspct/CL_img/icon_navi.png) no-repeat 0 -550px;}

/*footer*/
#footer {display:none; width:100%;height:30px;border-top:1px solid #b5b5b5;background:#fff;position:absolute;bottom:0;}
.copy {width:100%;margin:0 auto;text-align:center;font-size:11px;line-height:30px;color:#555;}




/***** account *****/
/* login */
#wrap_login {width:100%;height:100%;position:relative;overflow:hidden;}
.login_wrap_bg {position:absolute;top:0px;left:0;right:0;bottom:0;background:#fff;}

.login_wrap {width:450px; position:absolute;left:50%;top:50%;transform:translate(-50%,-57%);border-radius:10px;}

.login_logo {display:block;text-align:center; margin-bottom:20px;}
.login_logo img {width:300px;}

.login_content {display:flex;flex-wrap:wrap; background:#fff;border-radius:13px;box-shadow:5px 10px 15px #eee;box-sizing:border-box;}

.login_tab {display:block;width:100%; border-radius:8px 8px 0 0;background:#f1f1f1;}
.login_con {width:100%; border:1px solid #ddd;border-top:none;border-radius:0 0 8px 8px;padding:30px 20px;text-align:center;vertical-align:middle;}
.login_con > input {margin-bottom:5px;}

.login_input  {height:50px !important;border:1px solid #ccc;border-radius:5px; padding:5px 15px;}
.login_select {height:50px !important;border:1px solid #ccc;border-radius:5px; padding:5px 15px;}

.login_inner_list {margin-bottom:30px;}
.login_inner_list li {display:flex;flex-wrap:wrap;align-items:center; margin-bottom:5px;min-height:50px;}
/*.ln_title {width:80px;font-family:'Noto Sans KR Bold';color:#222;font-size:14px; text-align:left;}*/
.ln_con {flex:1; text-align:left; display:flex;flex-wrap:wrap;align-items:center;}
.ln_con input {flex:1;  padding:5px 15px;}
.ln_con input + input {margin-left:5px;}

.ln_con select {flex:1;  padding:5px 15px;}
.ln_con select + select {margin-left:5px;}

input.login_id {font-size:14px;width:100%;height:60px;border:1px solid #ccc;padding:0 0 0 53px;font-family:'Nanum Gothic Regular';background:#fff;}
.login_id_wrap {position:relative;}
.login_id_wrap:before {position:absolute;content:'';top:15px;left:20px;width:20px;height:18px;background:url(../../images/anytmAptdInspct/CL_img/login_icon1.svg) no-repeat top left;background-size:auto 18px;}
input.login_pw {font-size:14px;width:100%;height:60px;border:1px solid #ccc;padding:0 0 0 53px;font-family:'Nanum Gothic Regular';background:#fff;}
.login_pw_wrap {margin-top:5px;position:relative;}
.login_pw_wrap:before {position:absolute;content:'';top:15px;left:22px;width:20px;height:18px;background:url(../../images/anytmAptdInspct/CL_img/login_icon2.svg) no-repeat top left;background-size:auto 18px;}

a.login_btn  {margin-top:3px;border-radius:7px; display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:17px;color:#fff;background:#0054a5; font-family:'Noto Sans KR Bold';cursor:pointer;}
a.login_btn2 {margin-top:3px;border-radius:7px; display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:17px;color:#fff;background:#523d95; font-family:'Noto Sans KR Bold';cursor:pointer;}
a.login_btn3 {margin-top:3px;border-radius:7px; display:block;width:100%;height:60px;line-height:60px;text-align:center;font-size:17px;color:#fff;background:#27894a; font-family:'Noto Sans KR Bold';cursor:pointer;}

.login_footer {display:block;margin:20px auto 0 auto; text-align:center;color:#666;font-size:14px; font-family:'Nanum Gothic Regular';}


/* radio_button_group */
.radio_button_group {list-style:none;margin: 0;padding: 0; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.radio_button_group li {flex:1; display:inline-block; font-size:17px;color:#555;border-radius:7px 7px 0 0; font-family: 'Noto Sans KR Medium'; letter-spacing:-0.5px;}
.radio_button_group_chk {display: none;}
.radio_button_group label {display:block;height:60px;line-height:60px; border:none;/*background:#f1f1f1;*/ text-align:center; color:#666;font-size:17px;font-family: 'Noto Sans KR Medium'; cursor:pointer;}
.radio_button_group input:checked + label {background:#fff;border:1px solid #ddd;border-bottom:none; border-radius:10px 10px 0 0; color:#111;font-family: 'Noto Sans KR Bold';}
.radio_button_group li.on input + label {background:#fff;border:1px solid #ddd;border-bottom:none; border-radius:10px 10px 0 0; color:#111;font-family: 'Noto Sans KR Bold';}




#header_main_wrap {display:none;width:100%;min-width:830px;height:60px;background:#2d4d5a;position:relative;}
#header_main {position:relative;margin:0 auto;width:100%;text-align:center;padding-top:12.5px;}
.logo_main > a {display:inline-block;width:120px;height:36px;background:url(../../images/anytmAptdInspct/CL_img/logo.svg) no-repeat top left;background-size:120px auto;}
#footer_main {width:100%;padding-top:20px; border-top: 1px solid #b5b5b5; background: #fff;}
.copy_main {width:100%;margin:0 auto;text-align:center;font-size:12.5px;line-height:21px;color:#555;}

.login_list_wrap {position:absolute;bottom:40px;left:50px;}
.login_list {margin-top:10px;}
.login_list li {display:inline-block;color:#111;font-size:12.5px;padding-left:15px;position:relative;font-family: 'Noto Sans KR Medium';}
.login_list li:before {position:absolute;content:'';width:1px;height:13.5px;background:#ccc;top:3px;left:6px;}
.login_list li:first-child {padding-left:0;}
.login_list li:first-child:before {display:none;}
.login_list li a {display:inline-block;color:#111;font-size:12.5px;}
.login_info_dw {margin-top:30px;color:#444;font-size:14px;line-height:22px;font-family: 'Nanum Gothic Regular';}
.login_info_dw_in {display:block;padding-left:14px;}.login_info_dw {margin-top:30px;color:#444;font-size:14px;line-height:22px;font-family: 'Nanum Gothic Regular';}
.login_info_dw_in {display:block;padding-left:14px;}

.join_wrap_bg {width:100%;height:100%;padding:40px 20px;box-sizing:border-box;background:#e5e8ed url(../../images/anytmAptdInspct/CL_img/login_bg.jpg) no-repeat top center;}
.join_wrap {width:1200px;margin:0 auto;padding:25px;box-sizing:border-box;background:#fff; box-shadow:5px 10px 15px #d0d3d8;}


@media screen and (max-width:900px) {
    /** login **/
    .login_wrap_bg {background: #fff;}
    .login_wrap {width:100%; padding:50px;position:relative;left:auto;top:auto;transform:none;box-shadow:none;border:none;}
    .login_left {width:100%;}
    .login_right {flex:auto;width:100%;}
    .login_caution_list li p {display:inline-block;}

    /** login **/
    .login_title {font-size:14px;word-break: keep-all;line-height:normal;}
    .login_title p {font-size:24px;}

    .login_list_wrap {margin:30px 0 40px 0;position:relative;left:auto;bottom:auto;}
}
@media screen and (max-width:640px) {
    #wrap_login {overflow:auto;}
    .login_wrap_bg {position:relative;top:auto;left:auto;right:auto;bottom:auto;}
    .login_wrap {padding:30px;}
    .login_title p {font-size:19px;}
    .login_title span {font-size:30px;}

    .login_inner_list li {align-items:flex-start;}
    .ln_title {padding-top:10px;}
    .ln_con {min-height:40px;}
    .ln_con select {flex:none;width:100%;margin-bottom:5px;}
    .ln_con select + select {margin-left:0;}

    .box_area_right {margin-top:20px;}

}
/***** account *****/

/***** Main *****/
.main_wrap {position:relative;width:100%;}
.visual {box-sizing:border-box; height:470px;background:#c9cae2 url(../../images/anytmAptdInspct/CL_img/crop21_visual_bg.png) no-repeat top center;}
.main_content {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between; padding:40px 0;width:1400px; position:relative;margin:0 auto;z-index:1;}

/* Main 상단영역 */
.ex_visual {width:49.5%;height:390px;background:url(../../images/anytmAptdInspct/CL_img/crop21_visual_img.png) no-repeat top center;background-size:cover;border-radius:15px;}
.ex_banner {width:49.5%;}

.ex_visual_tit {color:#fff; padding:50px 0 0 40px; line-height:45px;font-size:32px;font-family:'Noto Sans KR Bold';}
.ex_visual_tit span {display:block;}

.ex_title {position:relative;display:block;margin-bottom:10px;padding-left:30px; color:#111;font-size:23px;font-family:'Noto Sans KR Bold';}
.ex_title:before {position:absolute;content:''; top:12px;left:0;   width:10px;height:10px;border-radius:7px;background:#104089;}
.ex_title:after  {position:absolute;content:''; top:12px;left:12px; width:10px;height:10px;border-radius:7px;background:#5b96d9;}

.ex_counter {display:flex;flex-wrap:wrap;align-items:center;}
.ex_counter li {flex:1; margin-bottom:10px;background:#0054a5;border-radius:10px;height:150px; display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;}
.ex_counter li + li {margin-left:10px;}
.ex_counter li a {padding:10px 15px;display:inline-block;width:100%;heighht:100%; display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;}
.exc_tit {display:block; margin-top:20px; color:#fff;font-size:17px;font-family:'Noto Sans KR Bold';}
.exc_icon {display:inline-block;width:50px;height:50px;}
.exc_icon1 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon1.png) no-repeat top left;background-size:50px;}
.exc_icon2 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon2.png) no-repeat top left;background-size:50px;}
.exc_icon3 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon3.png) no-repeat top left;background-size:50px;}
.exc_icon4 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon4.png) no-repeat top left;background-size:50px;}
.ex_notice_title  {display:inline-block;position:relative;color:#0054a5;font-size:17px;font-family:'Noto Sans KR Bold'; margin-bottom:25px;}
.ex_notice_title:before {position:absolute;content:'';bottom:0;left:0;right:0;height:2px;background:#0054a5;}
.ex_notice_box {background:#fff;border-radius:10px;padding:20px;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.06);min-height:170px;}
.ex_notice_list li {margin-bottom:7px;position:relative;display:block;color:#666;font-size:15px;font-family:'Noto Sans KR Medium';}
.ex_notice_list li a {display:block; padding-right:100px; color:#111; font-size:15px;font-family:'Noto Sans KR Medium';}
.ex_notice_list li span {position:absolute;top:0;right:0;color:#777; font-size:14px;font-family:'Noto Sans KR Medium';}

/* main 하단영역 */
.main_bottom {display:flex;flex-wrap:wrap;align-items:center; width:1400px;margin:0 auto;padding:30px 0;}

.ex_quick {width:49.5%; display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.ex_quick li {width:49.5%;min-height:140px; position:relative;border-radius:15px;margin-bottom:10px;}
.ex_quick li > a {padding:30px;width:100%;height:100%;}
.ex_quick li:nth-child(1) {background:#104089;}
.ex_quick li:nth-child(2) {background:#5b96d9;}
.ex_quick li:nth-child(3) {background:#b49566;}
.ex_quick li:nth-child(4) {background:#a3a3a3;}
.ex_quick li:nth-child(2n) {margin-left:1%;}
.ex_quick_icon {display:inline-block;width:60px;height:60px; position:absolute;bottom:20px;right:20px;}
.ex_quick_icon1 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon1.png) no-repeat top left;background-size:60px;}
.ex_quick_icon2 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon2.png) no-repeat top left;background-size:60px;}
.ex_quick_icon3 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon3.png) no-repeat top left;background-size:60px;}
.ex_quick_icon4 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon4.png) no-repeat top left;background-size:60px;}
.ex_quick_title  {display:block;position:relative;color:#fff;font-size:17px;font-family:'Noto Sans KR Bold'; margin-bottom:10px;}
.ex_quick_stitle  {display:inline-block;position:relative;color:#fff;font-size:14px;font-family:'Noto Sans KR Medium';}
.ex_quick_stitle span {display:block;font-size:14px;font-family:'Noto Sans KR Medium';}

.ex_count {margin-left:2.25%; width:23%;}
.ex_count li {border-radius:12px;border:1px solid #ccc;margin-bottom:10px;height:65px; padding:0 20px; display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.ex_count_tit {color:#111; font-size:15px;font-family:'Noto Sans KR Medium';}
.ex_count_num {color:#111; font-size:19px;font-family:'Noto Sans KR Bold';}

.ex_info {position:relative;margin-left:2.25%;margin-bottom:10px;width:23%; height:290px; border-radius:12px;border:1px solid #ccc;padding:20px 30px;}
.ex_info_tit {margin-bottom:15px;color:#111; font-size:14px;font-family:'Noto Sans KR Medium'; display:block;border-bottom:1px solid #ccc;padding-bottom:10px;}
.ex_info_tit p {display:inline-block;font-size:16px;font-family:'Noto Sans KR Bold'; }
.ex_info_list li {position:relative;padding-left:10px;margin-bottom:5px; color:#111; font-size:13px;font-family:'Noto Sans KR Medium'; display:flex;flex-wrap:wrap;align-items:center;justify-content:left;}
.ex_info_list li:before {position:absolute;content:'';left:0;top:11px;width:2px;height:2px;background:#111;border-radius:2px;}
.ex_info_list li p {display:inline-block;width:80px;color:#111;font-family:'Noto Sans KR Bold';}
.ex_info_tool {margin-bottom:10px;height:70px;border-bottom:1px solid #ccc;padding-top:30px; background:url(../../images/anytmAptdInspct/CL_img/info_bg.png) no-repeat top right;}
body .btn_main_menual {height:45px;display:flex;flex-wrap:wrap;align-items:center;justify-content:left; position:relative;border-radius:7px;border:1px solid #ccc;padding:0 30px 0 50px; color:#111; font-size:15px;font-family:'Noto Sans KR Medium';}
body .btn_main_menual:before {position:absolute;content:'';top:5px;left:10px; width:30px;height:30px;background:url(../../images/anytmAptdInspct/CL_img/manual_icon.png) no-repeat 0 -100px;}
body .btn_main_menual:after  {position:absolute;content:'';top:5px;right:10px; width:30px;height:30px;background:url(../../images/anytmAptdInspct/CL_img/manual_icon.png) no-repeat 0 -200px;}



/* Main 중간영역 */
.main_section1 {display:flex;flex-wrap:wrap; margin-bottom:5px;}
.main_section1 .dasharea {width:33.3%; padding:0 5px;}

.main_section2 {display:flex;flex-wrap:wrap;}
.main_section2 .dasharea {flex:1; padding:0 5px;}

/* graph 안쪽 그래픽 넓이 */
.dasharea .graph_wrap .highcharts-container {width:100% !important;}
.dasharea .graph_wrap .highcharts-container svg {width:100%;}


/* main box */
.main_box  {position:relative;min-height:310px; padding:0px;margin-bottom:10px;border-radius:10px;border:1px solid #ccc;background:#fff;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.06);}
.main_box_header {height:50px;display:flex;align-items:center;justify-content:space-between; padding:10px;border-radius:10px 10px 0 0;background:#e8eaef; overflow:hidden;}
.main_box_header_title {display:inline-block;font-size:19px;font-family:'Noto Sans KR Medium';letter-spacing:-0.5px;color:#000;}
.mbht_sm {padding-left:5px;font-size:14px;font-family:'Noto Sans KR Medium';}
.mbht_bg {background:#fff;border-radius:10px;}
.main_box_header_right {display:inline-block;float:right;}
.main_box_body {margin-top:20px; padding:10px;}

.main_box_header_tab {height:50px;padding:0;}
.main_box_body_tab {text-align:left;padding: 0;}

.main_box_body img {height:230px;}

.mb_min_h {height:350px;overflow-y:auto;border-radius:0 0 5px 5px; margin-bottom:7px;}

/* alarm box color */
.main_box_alarm_color {background:#3366b1;}
.main_box_alarm_color .main_table thead th {color:#fff;}
.main_box_alarm_color .main_table tbody td {color:#fff;}
.main_box_alarm_color .main_table tbody td a {color:#fff;}
.main_box_alarm_color .mbht_bg {background:#e2e3e7;}
.main_box_alarm_color .desc_responsive {color:#fff;}


/* main todo list */
.todo_list li {border-bottom:1px solid #ccc;padding:10px 5px 10px 60px;  background:#fff url(../../images/anytmAptdInspct/CL_img/icon_todo_off.png) no-repeat 14px 50%;}
.todo_list li.on {background:#e5ecf7 url(../../images/anytmAptdInspct/CL_img/icon_todo_on.png) no-repeat 14px 50%;}
.todo_list li a {display:block;width:100%;height:100%;}
.todo_list_tit {font-size:15px;font-family:'Noto Sans KR Bold';}
.todo_list_con {font-size:14px;font-family:'Noto Sans KR Medium';}
.todo_list_day {font-size:13px;font-family:'Noto Sans KR Medium';}
.todo_list_day span {display:inline-block;padding:0 5px 0 0;}
.todo_list_day span + span {border-left:1px solid #ccc;padding:0 5px;}

/* main quick menu */
.main_quick_list {display:flex;flex-wrap:wrap;align-items:center;}
.main_quick_list li {width:49.5%;height:100px;padding:0 15px; display:flex;flex-wrap:wrap;align-items:center; border:1px solid #ccc;background:#fff;border-radius:7px;margin-bottom:10px;}
.main_quick_list li:nth-child(2n) {margin-left:1%;}
.main_quick_list li a {display:inline-block;width:100%;height:100%; display:flex;flex-wrap:wrap;align-items:center;}

.main_quick_icon {display:inline-block;width:50px;height:50px;}
.main_quick_icon1 {background:url(../../images/anytmAptdInspct/CL_img/icon_quickmenu.png) no-repeat 0 0;}
.main_quick_icon2 {background:url(../../images/anytmAptdInspct/CL_img/icon_quickmenu.png) no-repeat 0 -50px;}
.main_quick_icon3 {background:url(../../images/anytmAptdInspct/CL_img/icon_quickmenu.png) no-repeat 0 -100px;}
.main_quick_icon4 {background:url(../../images/anytmAptdInspct/CL_img/icon_quickmenu.png) no-repeat 0 -150px;}

.main_quick_con {display:inline-block;padding-left:20px;}
.mq_tit  {font-size:15px;font-family:'Noto Sans KR Bold';  color:#111; margin-bottom:5px;}
.mq_desc {font-size:14px;font-family:'Noto Sans KR Medium';color:#555;}
.mq_desc span {display:block;}



/* main table */
.main_table {table-layout:fixed;}
.main_table thead th {padding:0 5px 10px 5px;font-size:15px;color:#111;border-bottom:2px solid #111;text-align:left; font-family:'Noto Sans KR Bold';}
.main_table tbody td {padding:8px 5px;height:40px;background:#fff;font-size:15px;color:#111;text-align:left; border-bottom:1px solid #ccc;}
.main_table tbody td a {color:#153868;font-family: "Nanum Gothic Bold";}

/* main table flat */
.main_table_flat {table-layout:auto;min-width:100%;}
.main_table_flat thead th {padding:7px 15px;font-size:15px;color:#fff;background:#3366b1;text-align:center; white-space: nowrap; font-family:'Noto Sans KR Bold';}
.main_table_flat thead th:first-child {border-radius:5px 0 0 0;}
.main_table_flat thead th:last-child {border-radius:0 5px 0 0;}
.main_table_flat tbody td {padding:8px 15px;background:#fff;font-size:15px;color:#111;text-align:center; border-bottom:1px solid #ccc; white-space: nowrap;}
.main_table_flat tbody td a {min-width:300px;color:#153868;font-family: "Nanum Gothic Bold";}
.main_table_flat tbody tr:nth-child(even) td {background:#fff;}
.main_table_flat tbody td meter {margin-left:20px;}

.icon_light_red    {display:inline-block;width:10px;height:10px;border-radius:50%; background:#d8291e;vertical-align:middle;}
.icon_light_yellow {display:inline-block;width:10px;height:10px;border-radius:50%; background:#ffb900;vertical-align:middle;}
.icon_light_green  {display:inline-block;width:10px;height:10px;border-radius:50%; background:#107c10;vertical-align:middle;}
.icon_light_gray   {display:inline-block;width:10px;height:10px;border-radius:50%; background:#666;vertical-align:middle;}


/** table responsive main **/
.box_responsive_m {margin-left:15px; display:inline-block;position:relative;}
.icon_responsive_m {display:inline-block;vertical-align:middle;position:relative; width:30px;height:30px;background:url(../../images/anytmAptdInspct/CL_img/icon_responsive.png) no-repeat top left;}
.desc_responsive_m {display:inline-block;vertical-align:middle;padding-left:3px; font-size:13.5px;color:#333;font-family: "Noto Sans KR Medium";}
.board_area_wrap_responsive_m {position:relative;width:100%;overflow-x:auto;}
.board_area_wrap_responsive_m table {width:0;/*width:2300px;*/margin-bottom:0;}


body .btn_more {display:inline-block;border:1px solid #ccc;background:#fff url(../../images/anytmAptdInspct/CL_img/icon_plus.png) no-repeat 50% 50%;width:26px;height:26px;}
body .btn_move {display:inline-block;border:1px solid #ccc;background:#fff url(../../images/anytmAptdInspct/CL_img/icon_move.png) no-repeat 50% 50%;width:26px;height:26px;}
body .btn_box {display:inline-block;border:1px solid #ccc;background:#fff;width:26px;height:26px;}



/* box area main */
.dash_box_area {position:relative; display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;}
.dash_box_area_left {display:inline-block;}
.dash_box_area_right {display:inline-block;}

body .dash_more {display:inline-block;display:flex;flex-wrap:wrap;align-items:center;}
body .dash_more span {display:inline-block;padding-right:5px;font-size:15px;color:#666;font-family: 'Noto Sans KR Medium';}
.icon_dash_more {display:inline-block;width:28px;height:28px;border:1px solid #999;background:#fff url(../../images/anytmAptdInspct/CL_img/icon_plus.png) no-repeat 50% 50%;}

/* main box right button */
.button_plus {vertical-align:middle;display:inline-block;width:28px;height:28px;border:1px solid #ccc !important;text-align:center; background:#fff url(../../images/anytmAptdInspct/CL_img/icon_plus.png) no-repeat 50% 50%;cursor:pointer;}
.button_setting {vertical-align:middle;display:inline-block;width:28px;height:28px;border:1px solid #ccc !important;text-align:center; background:#fff url(../../images/anytmAptdInspct/CL_img/icon_set.png) no-repeat 50% 50%;cursor:pointer;}
.box_tools_icon {vertical-align:middle;display:inline-block;width:28px;height:28px;border:1px solid #ccc !important;text-align:center; background:#fff url(../../images/anytmAptdInspct/CL_img/box_tools_icon.png) no-repeat 50% 50%;cursor:move;}
.button_left {vertical-align:middle;display:inline-block;width:28px;height:28px;border:1px solid #ccc !important;text-align:center; background:#fff url(../../images/anytmAptdInspct/CL_img/slick_arrow_left.png) no-repeat 50% 50%;cursor:pointer;z-index:1;}
.button_right {vertical-align:middle;display:inline-block;width:28px;height:28px;border:1px solid #ccc !important;text-align:center; background:#fff url(../../images/anytmAptdInspct/CL_img/slick_arrow_right.png) no-repeat 50% 50%;cursor:pointer;z-index:1;}


/***** Sub *****/
#container {position:relative;width:100%; margin:0;min-height:660px;}

.alarm_sub {position:fixed;bottom:20px;right:20px;}

.leftmenu_wrap {margin-left:30px; position:fixed; top:120px;left:0px;bottom:0; width:210px; background:#fff; transition:all 0.1s ease-in-out;z-index:20;}
.leftmenu_wrap_fold {left:-240px;}

/* left_menu */
.leftmenu_title {display:flex;flex-wrap:wrap;align-items:center;position:relative; background:#ddd;padding:0 15px;height:52px;border-radius:0 15px 0 0; font-size:17px;color:#153868;text-align:left;font-family: "Noto Sans KR Bold";}
.leftmenu_title:before {position:absolute;content:''; width:30px;top:0;bottom:0;left:-30px;background:linear-gradient(to right,#fff,#ddd);}
.lnb {display:block;background:#fff; color:#111; /*padding:15px 10px;*/overflow-y:auto;position:absolute;left:0;top:60px;right:0;bottom:0;}
/*.lnb h5 {margin-bottom:3px;}*/
.lnb h5 a {display:flex;flex-wrap:wrap;align-items:center;line-height: 120%;padding:5px 5px 5px 21px;min-height:40px; margin-top:3px;border:1px solid #bbb;background:url(../../images/anytmAptdInspct/CL_img/icon_left_off.png) no-repeat 3% 49%;background-size:7px;border-radius:5px; color:#111;font-size:14px;letter-spacing:-0.6px;font-family:"Noto Sans KR Medium";cursor:pointer;}
.lnb h5.active a{background:var(--basic-color) url(../../images/anytmAptdInspct/CL_img/icon_left_on.png) no-repeat 3% 49%;background-size:7px;border-radius:5px; color:#fff;font-family:"Noto Sans KR Bold";}
.lnb h5.selected a{background:var(--basic-color) url(../../images/anytmAptdInspct/CL_img/icon_left_on.png) no-repeat 3% 49%;background-size:7px;border-radius:5px; color:#fff;font-family:"Noto Sans KR Bold";}
.lnb h5 a.solo {background:url(../../images/anytmAptdInspct/CL_img/icon_left_off.png) no-repeat 3% 49%;background-size:7px;}
.lnb h5.active a.solo {background:var(--basic-color) url(../../images/anytmAptdInspct/CL_img/icon_left_on.png) no-repeat 3% 49%;background-size:7px;border-radius:5px; color:#fff;font-family:"Noto Sans KR Bold";}
.lnb h5.selected a.solo {background:var(--basic-color) url(../../images/anytmAptdInspct/CL_img/icon_left_on.png) no-repeat 3% 49%;background-size:7px;border-radius:5px; color:#fff;font-family:"Noto Sans KR Bold";}
.lnb > ul {margin-bottom:5px;padding:7px;background:#f1f1f1;line-height:21px;border:1px solid #ccc;border-top:none;}
.lnb > ul > li > a {position:relative;display:block;color:#111;font-family:"Noto Sans KR Medium";font-size:13px;margin-bottom: 0px;word-break: keep-all;cursor:pointer;}
.lnb > ul > li > a:before {position:absolute;content:'';width:2px;height:2px;background:#222;border-radius:2px;background:#222; left:7px;top:14px;}
.lnb > ul > li > a:hover {color:var(--basic-color);}
.lnb > ul > li > a span {padding:4px 15px;display:block;border-radius:6px;color:#111;}
.lnb > ul > li > a .on2 {color:var(--basic-color);background:#fff;border-radius:5px;border:1px solid #ddd;}
/*4depth*/
.lnb > ul > li > ul {background:#d0d6df;border:none;border-radius:6px;padding:10px 20px;margin-top:1px;margin-bottom:10px;}
.lnb > ul > li > ul > li {line-height:23px;display:block;}
.lnb > ul > li > ul > li a {position:relative;display:inline-block;color:#444;font-family:'Noto Sans KR Regular';padding-left:10px;font-size:12px;}
.lnb > ul > li > ul > li a:hover{color:#000;font-weight: normal;font-family:'Noto Sans KR Medium';}
.lnb > ul > li > ul > li a:before {position:absolute;content:'';top:11px;left:0;width:5px;height:1px;background:#555;}
.lnb > ul > li > ul > li a .on3{color: #000;font-weight: normal;font-family:'Noto Sans KR Medium';}

.lnb > ul > li > a.depth_4:after {position:absolute;content:'';top:14px;right:5px;width:9px;height:5px; background:url(../../images/anytmAptdInspct/CL_img/icon_left_depth_off.png) no-repeat 96% 50%;}
.lnb > ul > li > a.depth_4.active:after {position:absolute;content:'';top:14px;right:5px;width:9px;height:5px; background:url(../../images/anytmAptdInspct/CL_img/icon_left_depth_on.png) no-repeat 96% 50%;}
.lnb > ul > li > a.depth_4.active span {color:var(--basic-color);}

.lnb > ul > li a.deps_arrow {color:#222;background:url(../../images/anytmAptdInspct/CL_img/icon_left_arrow.png) no-repeat 93% 50%;}
.lnb > ul > li a.deps_arrow:hover{color:var(--basic-color);}
.lnb > ul > li a.deps_arrow.over {color:#222;background:url(../../images/anytmAptdInspct/CL_img/icon_left_arrow_on.png) no-repeat 93% 50%;}
.lnb > ul > li a.deps_arrow.over span {color:var(--basic-color);background: #f4f5f9 url(../../images/anytmAptdInspct/CL_img/icon_left_arrow_on.png) no-repeat 93% 50%;border-radius: 6px;}


.deps2_wrap {display:none; border:1px solid #ccc;padding:10px 20px;background:#fff; margin-bottom:10px;}
.deps2_wrap.over  {display:block;}
.deps2_wrap li {font-size:13px; margin:3px 0;}


.leftmenu_fold {position:absolute; right:-15px;top:13px; display:inline-flex;align-items:center;justify-content:center;width:15px;height:30px; background:#fff;border:1px solid #bbb;border-left:none;border-radius:0 5px 5px 0; z-index:20;cursor:pointer;}
.leftmenu_fold_open img {transform:rotate(180deg);}

/* content */
.contents {width:auto;margin:0 0 0 240px;  transition:all 0.1s ease-in-out; padding:30px 30px;position:relative;}
.contents_main {padding:0; margin: 0 0 0 260px;}
.content_fold {margin: 0 0 0 0px;}

.content_overflow {overflow:hidden;}

.content_inner {width:100%; padding:13px 20px;position: relative;}
.con_top_area {width:100%;position: relative;}
.con_bottom_area {width:100%;position: relative;}
.subtitle_box {position:relative;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:15px;}
.subtitle {display:inline-block;font-size:20px;font-family:'Noto Sans KR Bold';color:#222;}
.path {position:absolute;bottom:9px;right:0px;}
.path > li {display:inline-block;font-size:12px;color:#555;font-family:'Nanum Gothic Regular';padding-left:15px;background:url(../../images/anytmAptdInspct/CL_img/path_arrow.png) no-repeat 4px 3px;background-size:auto 9px;}
.path > li:first-child {background:none;}
.path > li > strong {font-size:12px;color:#5076b8;font-family:'Nanum Gothic Bold';}





/* box area */
.box_area {position:relative;width:100%;margin-bottom:7px;overflow:hidden;}
.box_area_left {float:left;display:inline-block;}
.box_area_right {float:right;display:inline-block;}

.box_area_bottomline {border-bottom:1px solid #ccc;padding-bottom:7px;margin-bottom:4px;}
.box_total_area {margin-right:15px;display:inline-block;vertical-align:middle; height:33px;line-height:33px;padding-left:22px;background:url(../../images/anytmAptdInspct/CL_img/icon_total.png) no-repeat 0px 8px;font-size:14px;color:#222;}
.box_count_area {display:inline-block;vertical-align:middle; height:33px;line-height:33px;padding-left:22px;background:url(../../images/anytmAptdInspct/CL_img/icon_list.png) no-repeat 0px 8px;font-size:14px;color:#222;}
.box_count_area select {margin-left:5px;}
.box_btn_area {display:inline-block; }
.box_table_search  {margin-right:15px;display:inline-block;vertical-align:middle;}

.box_total_num {display:inline-block;font-size:16px;color:#0949c6;font-family: "Noto Sans KR Bold";vertical-align:baseline;}

.box_required {color:#0949c6;font-family: "Noto Sans KR Bold";}

.box_stitle {display:inline-block;font-size:17px;line-height:30px; padding-left:22px;color:#1c273c;font-family: "Noto Sans KR Bold";background:url(../../images/anytmAptdInspct/CL_img/icon_bullet_circle.png) no-repeat 0px 9px;}
.box_stitle_tab {display:inline-block;font-size:17px;line-height:30px;font-family:"Noto Sans KR Bold";color:#111;}
.box_stitle_main {display:inline-block;font-size:23px;line-height:33px;color:#222;}
.box_stitle_sm {position:relative;padding-left:12.5px;display:inline-block;font-size:15px;line-height:30px;color:#0160ab; font-family: "Noto Sans KR Bold";}
.box_stitle_sm:before {position:absolute;content:'';width:4px;height:12.5px;top:9px;left:0;background:#0160ab;}
.box_stitle_search {display:inline-block;font-size:18px;line-height:30px; color:#111;font-family: "Noto Sans KR Bold";}

.box_stitle_sm_with_btn {width: 100%;overflow: hidden;margin-bottom: 10px;}

.box_btn_area {display:inline-block;float:right;}
.box_desc {display:inline-block;font-size:12.5px;color:#222;line-height:23px;word-break:keep-all;}

.stit {display:inline-block;font-size:16px;color:#444;}
.point {display:inline-block;font-size:16px;color:#cb371f;}
.point2 {font-size:13.5px;color:#000;}

.basic_box_area {position:relative;width:100%;margin-bottom:-1px;background:#e4e6ec;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0;padding:8px 15px 5px 15px;}
.basic_box_area2 {position:relative;width:100%;padding:0 0 5px 0; border-bottom:1px solid #ddd;margin-bottom:5px;}
.basic_box_stitle {color:#3d4552;line-height:30px;display:inline-block;font-size:16px;font-family: "Noto Sans KR Bold";}
.basic_box_btn_area {display:inline-block;float:right;}
.basic_box_btn_area a {margin-left:2px;}

.btn_area {width:100%;overflow:hidden;text-align:right;margin-bottom:10px;background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:7px 15px;}
.btn_area1 {width:100%;text-align:left;background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:7px 10px;margin-bottom:20px;}
.btn_area2 {width:100%;text-align:right;background:#f8f8f8;border:1px solid #e5e5e5;border-top:none;padding:7px 10px;margin-bottom:20px;}
.btn_area_top {width:100%;overflow:hidden;text-align:left;margin-bottom:10px;background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:7px 15px;}
.btn_area_top_left {float:left;display:inline-block;text-align:left;}
.btn_area_top_right {float:right;display:inline-block;}

.btn_area_left {float:left;display:inline-block;text-align:left;}
.btn_area_right {float:right;display:inline-block;}

.basic_box_area_reply {background:#5f708a;border-radius:0;margin-top:-21px;padding:5px 10px 5px 15px;}
.basic_box_area_reply .basic_box_stitle {color:#fff;font-size:14px;}

.guide_box {background:#f8f8f8;border:1px solid #e5e5e5; padding:15px 20px; margin-bottom:10px;}
.ul_style01 li {padding-left:10px;position:relative;color:#444;font-size:14px;font-family:"Noto Sans KR Medium";line-height:24px;}
.ul_style01 li:before {position:absolute;content:'';top:11px;left:0;width:2px;height:2px;background:#222;}

/* 안내문구 펼치고 접기 */
.folding_btn_wrap {text-align:right; display:block; margin-bottom:20px;}
.fbw_open {margin-bottom:0px;}

.folding_btn {display:inline-block;border:1px solid #d7d7d7;border-bottom:1px solid #eee;border-radius:7px 7px 0 0;background:#fff;padding:7px 15px;color:#111;font-size:14px;font-family: "Noto Sans KR Medium"}
.folding_btn_open  {display:none;padding:7px 10px 7px 28px;background:url(../../images/anytmAptdInspct/CL_img/icon_left_arrow2.png) no-repeat 10px 50%;cursor:pointer;}
.folding_btn_close {display:none;padding:7px 10px 7px 28px;background:url(../../images/anytmAptdInspct/CL_img/icon_left_arrow_on2.png) no-repeat 10px 50%;}

.folding_con {display:none;margin-bottom:20px;}

.fb_on {display:inline-block;}
.folding_con_on {display:block;}

.sub_p {margin-top:40px;padding-top:5px;border-top:1px solid var(--basic-color);color:var(--basic-color); font-size:15.5px;font-family: "Noto Sans KR Bold"}

/* btn area */
body .btn_type1 {display:inline-block;border-radius:2px;padding:0 12.5px;height:30px;line-height:28px;background:var(--basic-color);border:1px solid #153868;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type2 {display:inline-block;border-radius:2px;padding:0 12.5px;height:30px;line-height:28px;background:#ffffff;border:1px solid #aaaaaa;font-family:"Noto Sans KR Medium";font-size:14px;color:#222!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type3 {display:inline-block;border-radius:2px;padding:0 12.5px;height:30px;line-height:28px;background:#444444;border:1px solid #222222;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type4 {display:inline-block;border-radius:2px;padding:0 12.5px;height:30px;line-height:28px;background: #268486;border:1px solid #20798d;font-family:"Noto Sans KR Medium";font-size:14px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type5 {display:inline-block;border-radius:2px;padding:0 12.5px;height:30px;line-height:28px;background:#7044b7;border:1px solid #431779;font-family:"Noto Sans KR Medium";font-size:14px;color:#f5f0fc !important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type6 {display:inline-block;border-radius:2px;padding:0 12.5px;height:30px;line-height:28px;background:#f5f0fc;border:1px solid #431779;font-family:"Noto Sans KR Medium";font-size:14px;color:#431779 !important;text-align:center;vertical-align:middle;cursor:pointer;}

body .btn_type1_sm {display:inline-block;border-radius:2px;padding:0 7px;height:26px;line-height:24px;background:var(--basic-color);border:1px solid #153868;font-family:"Noto Sans KR Medium";font-size:13px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type2_sm {display:inline-block;border-radius:2px;padding:0 7px;height:26px;line-height:24px;background:#ffffff;border:1px solid #111111;font-family:"Noto Sans KR Medium";font-size:13px;color:#222!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type3_sm {display:inline-block;border-radius:2px;padding:0 7px;height:26px;line-height:24px;background:#444444;border:1px solid #222222;font-family:"Noto Sans KR Medium";font-size:13px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type4_sm {display:inline-block;border-radius:2px;padding:0 7px;height:26px;line-height:24px;background:#44a2b7;border:1px solid #298296;font-family:"Noto Sans KR Medium";font-size:13px;color:#fff!important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type5_sm {display:inline-block;border-radius:2px;padding:0 7px;height:26px;line-height:24px;background:#7044b7;border:1px solid #431779;font-family:"Noto Sans KR Medium";font-size:13px;color:#f5f0fc !important;text-align:center;vertical-align:middle;cursor:pointer;}
body .btn_type6_sm {display:inline-block;border-radius:2px;padding:0 7px;height:26px;line-height:24px;background:#f5f0fc;border:1px solid #431779;font-family:"Noto Sans KR Medium";font-size:13px;color:#431779 !important;text-align:center;vertical-align:middle;cursor:pointer;}

.login_label {display:inline-block;border-radius:5px;padding:0 5px;margin-right:5px;font-family: 'Noto Sans KR Medium';font-size:11px;color:#111;border:1px solid #ccc;background:#f1f1f1;padding:2px 4px;}

/* search */
.search_area {border: 1px solid #ccc;background:#f4f5f9;padding: 10px 15px;margin-bottom:20px;}
.search_area table tbody th {position:relative;text-align:left;padding-left:10px;font-size:13.5px;color:#222;font-family: 'Noto Sans KR Medium';}
.search_area table tbody td {padding:5px 0;font-size:13.5px;color:#333;font-family:'Nanum Gothic Regular';}
.search_area table tbody td a {vertical-align:middle;}
.search_area input[type="text"]:not(.cyl-select-filter), .search_area select {min-width:200px;}
.search_bullet {background:url(../../images/anytmAptdInspct/CL_img/bullet_search.png) no-repeat top left;width:9px;height:9px;vertical-align:middle;margin:0 5px 2px 0;display:inline-block;}
.search_btn_area {text-align:right;}

.search_area_pad {padding: 15px 15px;text-align: center;}
.search_area_pad_tit {display:inline-block;vertical-align:middle; padding-right:20px; font-size:13.5px;color:#222;font-family: 'Noto Sans KR Medium';}
.search_area_pad_btn {display:inline-block;vertical-align:middle; text-align:left;}

.search_area_center {text-align: center; border: 1px solid #ccc;background:#f4f5f9;padding: 10px 15px;margin-bottom:20px;}
.search_area_center_tit {display:inline-block;vertical-align:middle; padding-right:20px; font-size:13.5px;color:#222;font-family: 'Noto Sans KR Medium';}

.search_area_left {text-align: left; border: 1px solid #ccc;background:#f4f5f9;padding: 10px 15px;margin-bottom:20px;}
.search_area_left_tit {display:inline-block;vertical-align:middle; padding-right:20px; font-size:13.5px;color:#222;font-family: 'Noto Sans KR Medium';}


/* desc area */
.desc_area {border: 1px solid #ccc;background:#f4f5f9;padding: 10px 15px;margin-bottom:20px;}

.desc_caution {padding-left:15px; position:relative;display:block; color:#006831; font-size:13px;font-family: 'Noto Sans KR Medium';}
.desc_caution:before {position:absolute;content:'※'; left:0;top:0; color:#006831; font-size:13px;font-family: 'Noto Sans KR Medium';}

.desc_title {margin-bottom:7px;padding-left:15px; position:relative; color:#000;font-size:13px;font-family: 'Noto Sans KR Bold';}
.desc_title:before {position:absolute;content:''; left:4px;top:8px; width:4px;height:4px;border-radius:4px;background:#222;}

.desc_stitle {margin-bottom:4px;padding-left:15px; position:relative; color:#000cad;font-size:13px;font-family: 'Noto Sans KR Bold';}

.list_bar {display:block;}
.list_bar > li {position:relative;padding-left:15px;font-size:13px;color:#333;line-height:24px;margin-top:3px; letter-spacing:-0.5px;}
.list_bar > li:first-child {margin-top:0;}
.list_bar > li:before {position:absolute;content:'';width:6px;height:2px;background:#888;top:11px;left:2px;}
.list_bar p, .list_bar span {vertical-align:baseline;}

.desc_section {position:relative; overflow:hidden; padding:10px 0;border-top:1px solid #ccc;}
.desc_section_btnarea {position:absolute;right:10px;bottom:10px;}

.desc_section p {display:inline-block;vertical-align:middle;}
.desc_section span {display:inline-block;vertical-align:middle;}

/* board */
/* 가로테이블 :basic */
.board_area {border-top:2px solid #3d4552;border-left:1px solid #c5c9cc;width:100%;margin-bottom:20px;table-layout:fixed;}
.board_area thead th {background:#e5e7eb;padding:8px 0;text-align:center;font-size:13.5px;font-family: 'Noto Sans KR Medium';color:#000;border-bottom:1px solid #c5c9cc;border-right:1px solid #ccc;}
.board_area thead th a {color:#111;}
.board_area thead th i {font-style:normal;}
.board_area tbody td {background:#fff;padding:10px 5px;text-align:center;font-size:13.5px;font-family: 'Nanum Gothic Regular';color:#222;border-bottom:1px solid #d7d7d7;border-right:1px solid #ccc;word-break:break-all;line-height:140%;}
.board_area tbody td a {color:var(--link-text-color);}
.board_area tbody .header th {background:#f4f5f9;padding:12.5px 0;text-align:center;font-size:13.5px;color:#000;border-bottom:1px solid #d7d7d7;}
.board_area tbody tr:nth-child(even) td {background:#fafafa;}
/*.board_area tbody tr:hover td {background:var(--link-bg-color);}*/

.board_area tbody td.list_td_last {border-right:1px solid #ccc !important;}

.board_area tbody td.error_color {background:rgb(231, 56, 56) !important;color:#fff;}

/* td on */
.board_area tbody tr.on td  {background:#d7e8f6;border-bottom:2px solid var(--basic-color);border-top:2px solid var(--basic-color);}
.board_area tbody tr.on td:first-child {border-left:2px solid var(--basic-color);}
.board_area tbody tr.on td:last-child {border-right:2px solid var(--basic-color);}
.board_area tbody tr.on:hover td {background:#d7e8f6;}



/* board view - scroll */
.box_auto_scroll {margin-bottom:20px; position:relative;max-height:350px; overflow-x:hidden;overflow-y:auto;border:1px solid #ccc;border-top:2px solid #111;}
.box_auto_scroll table {border-top:none;margin:0;}
.box_auto_scroll thead {position:sticky;top:0;}
.box_auto_scroll thead th {position:relative;}
.box_auto_scroll thead th:after {position:absolute;content:'';top:0;right:-1px;bottom:0;width:1px;background:#ccc;}
.box_auto_scroll thead table thead:before {position:absolute;content:'';top:0;left:-1px;bottom:0;width:1px;background:#ccc;}


.box_auto_scroll_footer {margin-bottom:20px; position:relative;max-height:350px; overflow-x:hidden;overflow-y:auto;border:1px solid #ccc;border-top:2px solid #111;}
.box_auto_scroll_footer table {border-top:none;margin:0;}
.box_auto_scroll_footer thead {position:sticky;top:0;}
.box_auto_scroll_footer thead th {position:relative;}
.box_auto_scroll_footer thead th:after {position:absolute;content:'';top:0;right:-1px;bottom:0;width:1px;background:#ccc;}
.box_auto_scroll_footer thead th:before {position:absolute;content:'';bottom:-0.8px;left:0;right:0;height:1px;background:#ccc;}
.box_auto_scroll_footer table thead:before {position:absolute;content:'';top:0;left:-1px;bottom:0;width:1px;background:#ccc;}

.box_auto_scroll_footer tfoot {position:sticky;bottom:0;}

.board_area tfoot th {background:#e5e7eb;padding:8px 0;text-align:center;font-size:13.5px;font-family: 'Noto Sans KR Medium';color:#000;border-bottom:1px solid #c5c9cc;border-right:1px solid #ccc;}



/* 세로테이블 :basic */
.board_view_area {table-layout:fixed;border-left:1px solid #c5c9cc;border-top:1px solid #9d9fa2;width:100%;margin-bottom:20px;}
.board_view_area thead th {background:#e5e7eb;padding:8px 0;text-align:center;vertical-align:middle;font-size:13.5px;font-family: 'Noto Sans KR Medium';color:#000;border-right:1px solid #d7d7d7;border-bottom:1px solid #c5c9cc;}
.board_view_area thead th a {color:#111;}
.board_view_area tbody th {background:#e5e7eb;padding:5px 10px;height:41px;text-align:center;vertical-align:middle;font-size:13.5px;font-family: 'Noto Sans KR Medium';color:#000;border-right:1px solid #d7d7d7;border-bottom:1px solid #c5c9cc;}
.board_view_area tbody td {background:#fff;padding:5px 10px;height:41px;text-align:left;font-size:13.5px;font-family: 'Nanum Gothic Regular';color:#222;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.board_view_area tbody td > a {color:#222;}
.board_view_area tbody .subtotal {padding:5px 10px;text-align:center;font-size:13.5px;font-family: 'Noto Sans KR Medium';color:#111;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background-color:#efefef;}
.board_view_area tbody .total {padding:5px 10px;text-align:center;font-size:14px;font-family: 'Noto Sans KR Medium';color:#111;border-left:1px solid #e8e7e7;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background-color:#ebecef;}
.board_view_area tbody tr.evl_list td label {width:15%;}

.board_view_area tbody td.error_color {background:rgb(231, 56, 56) !important;color:#fff;}

/* paging */
.paging_wrap{text-align:center;margin:20px;}
ul.paging{display:inline-block; font-size:0;}
ul.paging li{display:inline-block; margin:0 2px; vertical-align:middle; }
ul.paging li.mr {margin:0 10px 0 0;}
ul.paging li.md {margin:0 0 0 10px;}
ul.paging li img{vertical-align:middle;}
ul.paging li a{display:block;width:30px;height:30px;line-height:30px;border-radius:30px; font-size:12.5px;color:#333;font-family:'Noto Sans KR Medium';cursor:pointer;}
ul.paging li.page_arrow a{line-height:18px; border:1px solid #aaa;border-radius:30px;}
ul.paging li.page_arrow a img {border-radius:50%;width:25px;}
ul.paging li.on a {background:var(--basic-color); border-radius:30px; color:#fff}

/* tabmenu */
.tabs {width:100%; margin-bottom:20px;height:42px;background:url(../../images/anytmAptdInspct/CL_img/tabs_bg.gif) repeat-x bottom left;}
.tabs > li { float:left; display:inline-block;margin-right:2px;font-size:15px;padding:0 20px;height:42px;line-height:42px;border-radius:5px 5px 0 0; text-align:center; cursor:pointer; color:#222;background:#e5e0df;border-left:2px solid #cbc6c5;border-top:2px solid #cbc6c5;border-right:2px solid #cbc6c5;border-bottom:1px solid #cbc6c5; font-family:'Noto Sans KR Medium';}
.tabs > li.on {color:var(--basic-color); background:#fff; border-left:2px solid var(--basic-color);border-top:2px solid var(--basic-color);border-right:2px solid var(--basic-color);border-bottom:1px solid #fff;}
.tabs_con { clear:both;}
.tabs_con_box  { display:none; /*min-height:300px;*/}
.tabs_con_box.on  {display:block;}

.tabs_small {width:100%;margin-bottom:20px;background:linear-gradient(to bottom,#fff 60%,#f1f1f1);}
.tabs_small:after {display:block; content:''; clear:both; }
.tabs_small > li {float:left;display:inline-block;margin-right:-1px;font-size:14px;padding:0 20px;height:40px;line-height:40px;border:1px solid #ccc;cursor:pointer;color:#222;background:#f3f4f4;border:1px solid #ccc;}
.tabs_small > li.on {color:#fff;background:#49587f;}
.tabs_small_con { clear:both;}
.tabs_small_con_box {display:none; min-height:300px;}

.sub_tabmenu {width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid #ccc;height:40px;}
.sub_tabmenu li {display:inline-block;border-radius:5px 5px 0 0;border:1px solid #ccc;border-bottom:none;background:#eee;padding:0 15px;text-align:center;color:#222; font-family:'Noto Sans KR Medium';font-size:14px;height:40px;line-height:40px;margin:0;margin-right:2px;cursor:pointer;float:left;}
.sub_tabmenu_content_wrap {position:relative;height:auto;min-height:150px;overflow:visible;margin-top:20px;}
.sub_tabmenu_content {width:100%;height:auto;}
.sub_tabmenu li.over {background:#fff;color:#3d4552;border:1px solid #3d4552;border-bottom:none;font-family:'Noto Sans KR Bold';}

.tabmenu {width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid #ccc;height:40px;}
.tabmenu li {display:inline-block;border-radius:5px 5px 0 0;border:1px solid #ccc;border-bottom:none;background:#eee;padding:0 10px;text-align:center;color:#222; font-family:'Noto Sans KR Medium';font-size:14px;height:40px;line-height:37px;margin:0;margin-right:2px;cursor:pointer;float:left;}
.tabmenu_content_wrap {position:relative;height:auto;min-height:150px;overflow:visible;margin-top:20px;}
.tabmenu_content {width:100%;list-style:none;display:none;}
.tabmenu li.over {background:#fff;color:#3d4552;border:1px solid #3d4552;border-bottom:none;font-family:'Noto Sans KR Bold';}
.tabmenu_content_wrap>.over {display:block;}

.tabmenu_big {width:100%;list-style:none;margin:0;padding:0;border-bottom:1px solid #ccc;height:40px;}
.tabmenu_big li {display:inline-block;border-radius:5px 5px 0 0;border:1px solid #ccc;border-bottom:none;background:#eee;padding:0 10px;text-align:center;color:#222; font-family:'Noto Sans KR Medium';font-size:14px;height:40px;line-height:37px;margin:0;margin-right:2px;cursor:pointer;float:left;}
.tabmenu_big li.over {background:#fff;color:#3d4552;border:1px solid #3d4552;border-bottom:none;font-family:'Noto Sans KR Bold';}
ul.tabs.tabmenu_big {background:none;height:50px;}
ul.tabs.tabmenu_big li {background-color:#eee;height:50px;color:#222;border:1px solid #ccc;display:inline-flex;flex-wrap:wrap;align-items: center;justify-content: center;line-height:normal;}
ul.tabs.tabmenu_big li:hover {background-color:#f1f1f1;border:1px solid #3d4552;}
ul.tabs.tabmenu_big li.current {background-color:#fff;border:1px solid #3d4552;}



.tabs_btnarea {position:absolute;top:0;right:0px;}

.output_code_name {position:relative;padding-left:10px;color:#333;font-size:15px;display:inline-block;font-family:'Noto Sans KR Bold';margin:1px !important;}

/* display : none */
.dpn {display: none;}

/* font-weight : bold */
.bold {font-weight: bold;}

/* readonly */
.readonly {pointer-events: none; background-color:#f9f8f6;color:#888;}

/* radio box : renewal */
input[type="checkbox"], input[type="radio"] {/*margin-left:7px;*/ margin-left:0; margin-right:2px;vertical-align:middle;width:20px;height:20px;}
label {font-size:14px;padding: 0 5px;vertical-align:middle;}
[type="radio"], span {vertical-align: middle;}
[type="radio"] {appearance:none;border:2px solid #aaa;border-radius:50%;width:20px;height:20px;transition:border 0.5s ease-in-out;}
[type="radio"]:checked {border:3px solid #1353cb;background:url(../../images/anytmAptdInspct/CL_img/check_on.png) no-repeat 50% 50%;background-size:10px;}
[type="radio"]:focus-visible {outline-offset:max(2px, 0.1em);outline:max(2px, 0.1em) dotted #1353cb;}
[type="radio"]:hover {box-shadow:0 0 0 max(4px, 0.2em) #e1e1e1;cursor:pointer;}
[type="radio"]:hover + span {cursor:pointer;}
[type="radio"]:disabled {background-color:#ddd;box-shadow:none;opacity:0.6;cursor:not-allowed;}
[type="radio"]:disabled + span {opacity:0.7;cursor:not-allowed;}


/* checkbox box : renewal */
input[type="checkbox"], input[type="radio"] {/*margin-left:7px;*/ margin-left:0; margin-right:2px;vertical-align:middle;width:20px;height:20px;}
label {font-size:14px;padding: 0 5px;vertical-align:middle;}
[type="checkbox"], span {vertical-align: middle;}
[type="checkbox"] {appearance:none;border:2px solid #aaa;border-radius:0;width:20px;height:20px;transition:border 0.5s ease-in-out;}
[type="checkbox"]:checked {border:3px solid #1353cb;background:url(../../images/anytmAptdInspct/CL_img/check_on.png) no-repeat 50% 50%;background-size:10px;}
[type="checkbox"]:focus-visible {outline-offset:max(2px, 0.1em);outline:max(2px, 0.1em) dotted #1353cb;}
[type="checkbox"]:hover {box-shadow:0 0 0 max(4px, 0.2em) #e1e1e1;cursor:pointer;}
[type="checkbox"]:hover + span {cursor:pointer;}
[type="checkbox"]:disabled {background-color:#ddd;box-shadow:none;opacity:0.6;cursor:not-allowed;}
[type="checkbox"]:disabled + span {opacity:0.7;cursor:not-allowed;}


/** table responsive **/
.board_area_wrap_responsive {width:100%;overflow:auto;}
.board_area_wrap_responsive_sm {width:100%;overflow:auto;}
.box_responsive {display:none;}
.icon_responsive {display:none;}
.desc_responsive {display:none;}

.mobile_navi_btn {display:none;}
.mobile_sub_wrap {display:none;}

.black_bg_navi {display:none;}


.board_area_wrap_responsive_big {width:100%;overflow:auto;}
.box_responsive_big {display:none;}
.icon_responsive_big {display:none;}
.desc_responsive_big {display:none;}



.box_responsive_pc {margin-top:5px;display:inline-block;position:relative;width:100%;}
.icon_responsive_pc {display:inline-block;vertical-align:middle;position:relative; width:30px;height:30px;background:url(../../images/anytmAptdInspct/CL_img/icon_responsive.png) no-repeat top left;}
.desc_responsive_pc {display:inline-block;vertical-align:middle;padding-left:3px; font-size:13.5px;color:#333;font-family: "Noto Sans KR Medium";}

.board_area_wrap_responsive_pc {position:relative;width:100%;overflow-x:auto;}
.board_area_wrap_responsive_pc table {width:2000px;margin-bottom:0;table-layout: auto;}





/****************************** responsive *********************************/
@media screen and (max-width:1700px) {
    /* main content */
    .main_content {width:100%;padding:40px 20px;}
    .main_bottom {width:100%;padding:30px 20px;}
}
@media screen and (max-width:1600px) {
    /****** 공통영역 ******/
    .header_top {width:100%;}

    /* main content */
    .ex_visual {width:48.5%;}
    .ex_banner {width:48.5%;}
    .ex_quick {width:48.5%;}
    .ex_info {width:24%;}

    .ex_visual_tit {font-size:30px;}
    .ex_title {font-size:21px;}
}

@media screen and (max-width:1500px) {
    /* main content */
    .contents_main {margin:0;}
    .leftmenu_wrap {display:none;}

    .main_wrap {padding:20px 30px;}
    .main_content {width:100%;}
    .main_box_body img {width:80%;height:auto;}
    .visual_inner {width:100%;}
    .main_quick_list li {padding:0 5px;}
    .main_quick_con {padding-left:5px;}
}

@media (max-width: 1300px) {
    /****** 공통영역 ******/
    /* main content */
    .main_wrap {padding: 15px 15px;}
    #tabmenu_product > li {font-size:15px;}
    .main_box_header_title {font-size:16px;}

    .main_section1 .dasharea {width:50%;padding:0 5px;}
    .main_section1 .dasharea.dasharea_quick {width:100%;padding:0 5px;}
    .main_section1 .dasharea.dasharea_quick .main_box {min-height:auto;}
    .main_quick_list li {width: 24.625%;}
    .main_quick_list li:nth-child(2n) {margin-left:0.5%;}
    .main_quick_list li + li {margin-left:0.5%;}

}


@media (max-width: 1200px) {
    /****** 공통영역 ******/
    #wrap {overflow-y:auto;/*height:100%;*/padding-top:100px;}
    .header_top {position:relative; justify-content:flex-end;}
    .myinfo_wrap {margin-right:20px;}

    /****** Main 영역 ******/
    #header {position:fixed;top:0; width:100%;height:100px;}
    .navi_menu_box {display:none;}

    .logo {position:absolute;top:17px;left:50%;margin-left:-95px;padding-left:0;}
    .logo a img {width:190px;}
    .navi_menu {display:none;}
    .navi_menu_nemo {display:none;}

    /** mobile navi **/
    .mobile_navi_btn {display:block;position:absolute;z-index:15; left:20px;top:19px;width:25px;height:20px;line-height:22px; cursor:pointer;}
    .menu-trigger {margin: 0;display: inline-block;position: relative;width: 25px;height: 20px;}
    .menu-trigger, .menu-trigger span {display:inline-block;transition:all 0.2s;box-sizing:border-box;}
    .menu-trigger span {position:absolute;left:0;width:100%;height:2px;background-color:#222;border-radius:0px;}
    .menu-trigger span:nth-of-type(1) {top: 0;}
    .menu-trigger span:nth-of-type(2) {top: 9px;width: 20px;}
    .menu-trigger span:nth-of-type(3) {bottom: 0;}
    .menu-trigger.active-1 span:nth-of-type(1) {-webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg);}
    .menu-trigger.active-1 span:nth-of-type(2) {opacity: 0;}
    .menu-trigger.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg);}

    .mobile_sub_wrap {display:none;position:absolute;width:100%;height:auto; top:61px;left:0; z-index:99999;}
    .mobile_sub_wrap_on {display:block !important;}
    .mobile_nav {width:100%;margin:0;background:#fff;padding:5px 25px 15px 25px;border-bottom:1px solid #ccc;}
    .mobile_nav > li {position:relative;display:block;list-style-type:none; padding:0;margin:0;border-bottom:1px solid #ddd; text-align:left;}
    .mobile_nav > li > a {display:block;padding:15px 0;color:#111;font-size:16px;font-family: "Noto Sans KR Bold";cursor:pointer;}
    .mobile_nav_subbox {display:none; margin-bottom:5px;padding:10px 20px;background:#f3f3f3;}
    .mobile_nav > li.on .mobile_nav_subbox {display:block;}
    .mobile_nav_subbox_list > li {width:100%; padding:6px 0;color:#333;font-size:14px;color:#333;font-family: "Noto Sans KR Medium";}
    .mobile_nav_subbox_list > li > a {position:relative;display:block; width:100%;z-index:999;color:#333;}

    .black_bg_navi {z-index:30;display:none;position:fixed;top:100px;bottom:0px;left:0;right:0;background:#222;opacity:0.5;}
    .black_bg_navi_on {display:block;}

    /* main content */
    .visual {height:400px;}
    .ex_visual {height:340px}
    .ex_visual_tit {font-size:24px;line-height:35px;}
    .main_content {padding:30px 20px;}
    .ex_counter li {height:110px;}
    .exc_icon {display:inline-block;width:30px;height:30px;}
    .exc_icon1 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon1.png) no-repeat top left;background-size:30px;}
    .exc_icon2 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon2.png) no-repeat top left;background-size:30px;}
    .exc_icon3 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon3.png) no-repeat top left;background-size:30px;}
    .exc_icon4 {background:url(../../images/anytmAptdInspct/CL_img/crop21_main_icon4.png) no-repeat top left;background-size:30px;}
    .exc_tit {margin-top:10px;font-size:15px;}
    .ex_notice_list li a {font-size:14px;}
    .ex_notice_list li span {font-size:13px;}


    .main_wrap {padding:15px;}
    .visual_left {width:100%;}
    .visual_right {width:100%;}
    .main_box_product {height:auto;}
    .main_section2 .dasharea {width:100%;}
    .main_box {min-height:auto;}
    .main_box_body img {width:auto;}

    /****** 서브영역 ******/
    .sub_img {display:none;}

    #container {position:relative;margin:0 auto;}
    .container_inner {margin:15px auto;width:100%;overflow:hidden;}
    .leftmenu_wrap {display:none;}
    .contents {position:relative;margin:0;width:100%;}
    .content_inner {position:relative;top:0;right:0;bottom:0;left:0;padding:0;}
    .con_bottom_area {position:relative;top:0;right:0;bottom:0;left:0;padding:0 0 20px 0;}
    .path {bottom:5px;right:0;}
    .path > li {font-size:11px;}
    .subtitle {font-size:19px;padding-bottom: 8px;}
    .search_area {padding:10px 15px;}
    .search_bullet {display:none;}
    .search_area table tbody th {padding-left:0;}
    #footer {width:100%; margin-top: 20px;}

    .box_stitle {font-size:17px;}

    /** 모바일일때 팝업넓이 맞춤 **/
    #popup_wrap {width:90% !important;}
    #popup_wrap2 {width:90% !important;}
    #popup_wrap3 {width:90% !important;}
    #popup_wrap_upload {width:90% !important;}
    .popup_content {padding:15px;}

    #popup_preview {width:92% !important; margin-left:-46%;}

    #pop_doc {width:90% !important;}
    #pop_alarm {width:90% !important;}

    /****** join ******/
    .content_join .content_inner {padding:0;}

}

@media (max-width: 1024px) {
    .copyright {width:100%; display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
    .copyright img {width:50px;margin:5px 0 0 20px;}
    .copyright_text {width:100%;  padding:15px 25% 15px 15px;word-break:keep-all;}


    /****** Main 영역 ******/
    .ex_counter li + li {margin-left:5px;}
    .ex_quick {width:100%; margin-bottom:20px;}
    .ex_count {margin-left:0;width:48.5%;}
    .ex_info  {margin-left:2.5%;width:48.5%;}


    /** table responsive **/
    .box_responsive_big {margin-top:5px;display:inline-block;position:relative;width:100%;}
    .icon_responsive_big {display:inline-block;vertical-align:middle;position:relative; width:30px;height:30px;background:url(../../images/anytmAptdInspct/CL_img/icon_responsive.png) no-repeat top left;}
    .desc_responsive_big {display:inline-block;vertical-align:middle;padding-left:3px; font-size:13.5px;color:#333;font-family: "Noto Sans KR Medium";}

    .board_area_wrap_responsive_big {position:relative;width:100%;overflow-x:auto;}
    .board_area_wrap_responsive_big table {width:1200px;margin-bottom:0;table-layout: auto;}
    .board_area_wrap_responsive_big .board_area thead th {white-space: nowrap;}
    .board_area_wrap_responsive_big .board_area tbody td {white-space: nowrap;}
}

@media (max-width: 850px) {
    .myinfo_photo {display:none;}

    .desc_section_btnarea {position:relative;right:auto;bottom:auto;padding:5px 0;}
}

/** mobile **/
@media (max-width: 800px) {
    /****** 공통영역 ******/
    .logo {position:absolute;top:17px;left:50%;margin-left:-75px;padding-left:0;}
    .logo a img {width:150px;}
    .md_name {font-size:13px;}


    /****** 서브영역 ******/
    /** 시스템관리 - 계층코드관리 **/
    .code_tree_left {float:none;width:100%;}
    .code_tree_right {float:none;width:100%;}
    .code_tree_left .detail_info {max-height:170px;height:170px;}
    .code_tree_right .detail_info {max-height:none;height:auto;}

    /** 모바일일때 팝업넓이 맞춤 **/
    #popup_wrap {width:95% !important;}
    #popup_wrap2 {width:95% !important;}
    #popup_wrap3 {width:95% !important;}
    #popup_wrap_upload {width:95% !important;}
    .popup_content {padding:10px;}

    #popup_preview {width:98% !important;margin-left:-49%;}

    #pop_doc {width:95% !important;}
    #pop_alarm {width:95% !important;}


    /** 모바일일때 td넓이 내용크기에 맞춤 **/
    .search_area table colgroup {display: none;}
    .board_area colgroup {display: none;}
    .board_area2 colgroup {display: none;}
    .board_view_area colgroup {display: none;}
    .board_area_inner colgroup {display: none;}

    .search_area_pad {text-align:left;}
    .search_area_pad .search_area_pad_tit {margin-bottom:5px;}
    .search_area_pad input, .search_area_pad select {width:100%;margin-bottom:5px;}
    .search_area_pad .search_area_pad_btn {display:block;text-align:right;}

    /** 모바일일때 검색테이블 **/
    .search_area {padding: 6px 10px;}
    .search_area table {position: relative;/*margin-bottom: 50px;*/}
    .search_area table tbody th {display: inline-block;width: 100%;margin-top: 6px;vertical-align: middle;box-sizing: border-box;   padding-left: 0;font-size: 12.5px;}
    .search_area table tbody td {display: inline-block;width: 100%;margin-top: 2px;height: auto;vertical-align: middle;box-sizing: border-box; padding: 5px 0;font-size: 12.5px;}
    .search_area .text_right {position: absolute;bottom: -40px;right: 0;width: 100% !important;  text-align: right;}
    .search_area input[type="text"] {width:100%;}
    .search_area input[type="text"].input_middle {width: 50%;}
    .search_area select {width:100%;}

    .btn_area {padding: 6px 10px;}
    .btn_area1 {padding: 6px 10px;}
    .btn_area2 {padding: 6px 10px;}
    .btn_area_top {padding: 6px 10px;}
    .btn_area_top_left {padding: 6px 10px;}
    .btn_area_top_right {padding: 6px 10px;}

    /** input **/
    .search_area input[type="text"].input-text-cal {width:105px !important;font-size:12.5px;}
    select {padding: 0 0 0 1px;font-size:12.5px;min-width:145px;}
    select#cnt_chg {min-width:auto;}
    input[type="text"], input[type="password"] {font-size:12.5px;}

    /** paging **/
    ul.paging li {margin: 0 1px;}
    ul.paging li a {width: 25px;height: 25px; line-height: 23px;font-size: 11px;}
    ul.paging li.page_arrow a {line-height: 16px;}
    ul.paging li img {width:100%;}

    /** table **/
    .board_area {margin-bottom:15px;}

    /** table responsive **/
    .box_responsive {margin-top:5px;display:inline-block;position:relative;width:100%;}
    .icon_responsive {display:inline-block;vertical-align:middle;position:relative; width:30px;height:30px;background:url(../../images/anytmAptdInspct/CL_img/icon_responsive.png) no-repeat top left;}
    .desc_responsive {display:inline-block;vertical-align:middle;padding-left:3px; font-size:13.5px;color:#333;font-family: "Noto Sans KR Medium";}

    .board_area_wrap_responsive {position:relative;width:100%;overflow-x:auto;}
    .board_area_wrap_responsive table {width:1000px;margin-bottom:0;table-layout: auto;}

    .board_area_wrap_responsive_sm {position:relative;width:100%;overflow-x:auto;}
    .board_area_wrap_responsive_sm table {width:800px;margin-bottom:0;table-layout: auto;}


    .board_area thead th {padding: 6px 5px;white-space: nowrap;}
    .board_area tbody td {padding: 6px 5px;white-space: nowrap;}

    .line_short table thead th {line-height: normal;padding: 6px 5px;}
    .line_short table tbody td {line-height: normal;padding: 3px 5px;}

    .box_area_system {margin-bottom:7px;}


    /** table view **/
    .board_view_area thead th {padding: 5px 0;}
    .board_view_area tbody th {padding: 5px 5px;}
    .board_view_area tbody td {padding: 5px 7px;}

    .board_align_horizontal_left {width:100%;padding:5px;}
    .board_align_horizontal_right {width:100%;padding:5px;margin:10px 0 0 0;}


    /* main content */
    .visual {height:auto;}
    .ex_visual {width:100%;height: 250px;}
    .ex_banner {width:100%;}
    .ex_title {font-size:17px;}
    .ex_title:before {top:9px;}
    .ex_title:after {top:9px;}

    .ex_visual {margin-bottom:20px;}
}

@media screen and (max-width:690px) {
    #wrap {padding-top:100px;}
    #header {height:100px;}

    .header_top {height:60px;}
    .header_top_right {position:absolute;top:0;left:0;right:0;height:30px;background:#f1f1f1;}
    .md_team {display: inline-block;}
    .md_name {display: inline-block;}
    .logo {top:42px;}

    .icon_link {display:inline-block;vertical-align:middle;width:25px;height:25px; position:relative;}
    .icon_link1 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat 0 0;         background-size:80px;}
    .icon_link2 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat 0 -39px;     background-size:80px;}
    .icon_link3 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat -4px -79px;  background-size:80px;}
    .icon_link4 {background:url(../../images/anytmAptdInspct/CL_img/icon_link.png) no-repeat -4px -119px; background-size:80px;}

    .mobile_navi_btn {top:19px;}
    .mobile_sub_wrap {top:60px;}

    .board_area_inner {table-layout:auto;}

}

@media screen and (max-width:620px) {

    /* layer popup */
    #popup_wrap_upload {height:400px;}
    .upload_box_header li.ubh_size {width:110px;}
    .upload_box_header li.ubh_title {padding-left: 9px;}
    .uf_title {padding-left: 10px;}
    .uf_size {width:93px;}
    .state_info li {width:100%;}

    #pop_alarm {width:95%;}

    /* main content */
    .main_wrap {padding:5px;}

    /*.main_table tbody tr:first-child td {height:auto;}
    .main_table tbody tr td {height:auto;}*/
    .main_box .board_area_wrap_responsive table {width:650px;table-layout: fixed;}
    .main_box .board_area_wrap_responsive_sm table {width:650px;table-layout: fixed;}

    .main_box_body img {width:100%;}

    input[type="file"] {width:100%;}

    /* main content */
    .ex_quick_icon {display:inline-block;width:40px;height:40px; position:absolute;bottom:20px;right:20px;}
    .ex_quick_icon1 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon1.png) no-repeat top left;background-size:40px;}
    .ex_quick_icon2 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon2.png) no-repeat top left;background-size:40px;}
    .ex_quick_icon3 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon3.png) no-repeat top left;background-size:40px;}
    .ex_quick_icon4 {background:url(../../images/anytmAptdInspct/CL_img/crop21_banner_icon4.png) no-repeat top left;background-size:40px;}

    .ex_count {width:100%;}
    .ex_count li {height:50px;}
    .ex_info {margin-left:0;width:100%;}
    .ex_visual_tit {padding: 35px 0 0 25px;}
    .ex_quick li {padding:15px;}
    .ex_counter li {height:100px;}
}

@media screen and (max-width:450px) {
    /** login **/
    .login_title {font-size: 14px;padding: 50px 60px 0 60px;word-break: keep-all;line-height:normal;}
    .login_title p {font-size:24px;}
    .login_content {padding: 30px 20px;}

    /* main content */
    .main_content {padding: 20px 15px;}
    .main_bottom {padding: 20px 15px;}

    .ex_visual {width:100%;height:160px;}
    .ex_visual_tit {padding: 20px 0 0 20px;font-size:20px;line-height:30px;}

    .ex_counter {margin-bottom:10px;}
    .ex_counter li {flex:none;width:49.5%;height:85px;margin-bottom:5px;}
    .ex_counter li + li {margin-left:0;}
    .ex_counter li:nth-child(2n) {margin-left:1%;}

    .ex_count li {margin-bottom:5px;}

    .ex_quick li {width:100%;min-height:110px;margin-bottom:5px;}
    .ex_quick li:nth-child(2n) {margin-left:0;}
}


@media only screen and (min-width: 2200px){
    body {zoom:1.25;overflow:hidden;}
}