.onnara { position:absolute; width:100%; height:100%; background-image:url('../../images/newmain/common/sample/onnara.jpg'); z-index:1; }
.onnara02 { position:absolute; width:100%; height:100%; background-image:url('../../images/newmain/common/sample/onnara02.jpg'); z-index:1; }


.modal_bg { position:fixed; width:100%; height:100%; background-image:url('../../images/newmain/common/bg_lnb_back.png'); z-index:10; }

/* 모달창 위치는 임의로 나열하였습니다. 이후 가운데 정렬시 margin-right:50%; 하고 left:-(가로사이즈/2)px 하세요 */
.modal01 { position:absolute; width:400px; top: 100px; left:100px; border-radius:5px; border:1px solid #1056a1; box-shadow:0 0 5px 0px rgba(0,0,0,0.3); z-index:30; }
    .modal01 .title { border-top-left-radius: 5px; border-top-right-radius: 5px; height:35px; background-color:#185fa7; background:linear-gradient(0deg, #094f9b, #2b74b8);  }
        .modal01 .title p { float:left; color:#ffffff; padding:7px 0 0 20px; font-weight:bold; }
        .modal01 .title a { float:right; width:35px; height:35px; background-image:url('../../images/newmain/common/icon_can02.png'); background-repeat:no-repeat; background-position:center; }
    .modal01 .in { min-height:200px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding:20px; background-color:#ffffff; font-size:90%; }

.modal02 { position:absolute; padding:10px 20px 20px 20px; width:320px; top:430px; left:100px; border-radius:5px; background-color:#ffffff; box-shadow:0 0 7px 0px rgba(0,0,0,0.4); z-index:30; }
    .modal02 .title { float:right; height:25px; }
    .modal02 .input_bg {width:100%; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #e9ecef; }
        .modal02 .input_bg input {width:318px; height:38px; border:1px solid #ced4da; border-radius:5px; text-indent:10px; }
    .modal02 .btn { float:right; padding-top:15px; height:28px; }

.modal03 { position:absolute; padding:10px 20px 20px 20px; width:270px; top:640px; left:100px; border-radius:5px; background-color:#ffffff; box-shadow:0 0 7px 0px rgba(0,0,0,0.4); z-index:30; }
    .modal03 .title { float:right; height:25px; }
    .modal03 .btn { clear:both; padding-top:20px; }

.modal04 { position:absolute; padding:10px 20px 20px 20px; width:520px; top:100px; left:550px; border-radius:5px; background-color:#ffffff; box-shadow:0 0 7px 0px rgba(0,0,0,0.4); z-index:30; }
    .modal04 .title { height:25px; }
    .modal04 .tab { height:30px; }
        .modal04 .tab li { float:left; width:258px; height:30px; border:1px solid #d1d1d1; background-color:#ffffff; font-size:85%; text-align:center; line-height:27px; }
        .modal04 .tab .on { position:relative; border:1px solid #ffa101; height:30px; background-color:#ffa101; color:#ffffff; cursor:pointer; }
        .modal04 .tab .on span { position:absolute; width:100%; height:7px; top:30px; left:0; background-image:url('../../images/newmain/common/icon_arr05.png'); background-repeat:no-repeat; background-position:center; }
    .modal04 .onoff { clear:both; padding:15px 0; height:32px; }
    .modal04 .table_box {  }
        .modal04 .table_box table { width:100%; border-spacing:0; border-top:1px solid #d1d1d1; }
            .modal04 .table_box table th, .modal04 .table_box table td { text-align:left; height:39px; border-bottom:1px solid #d1d1d1; vertical-align:middle; padding:0 15px; font-size:80%; letter-spacing:-0.08em; }
            .modal04 .table_box table th { background-color:#f2f2f2; font-weight:bold; }
            .modal04 .table_box table td input[type=text] { height:24px; border:1px solid #ced4da; }
    .modal04 .btn { float:right; padding-top:20px; }
/* 
input[type=radio] {display:none; }

input[type=radio] + label::before { 
        content: ' '; 
        display: inline-block; 
        width: 16px; 
        height: 16px;
        vertical-align: middle; 
        margin-right:3px;
        background-image:url('../../images/newmain/common/icon_radio_off.png');
}
input[type=radio]:checked + label::before { 
        background-image: url('../../images/newmain/common/icon_radio_on.png'); }
input[type=radio]:checked + label { 
        font-weight:bold;
        padding-right:15px;
}
input[type=radio] + label { 
        padding-right:15px;
}
 */
.modal05 { position:absolute; width:185px; height:151px; top:500px; left:550px; background-image:url('../../images/newmain/common/bg_modal01.png'); background-repeat:no-repeat; box-shadow:0 0 7px 0px rgba(0,0,0,0.4); z-index:30; }
    .modal05 .in { padding:20px; }
        .modal05 .in p { color:#df6a02; padding-bottom:15px; font-weight:bold; font-size:90%; }
        .modal05 .in     ul { padding-left:13px; }
            .modal05 .in     ul li { font-size:80%; list-style:disc; padding-bottom:10px; }
                .modal05 .in     ul li span { font-weight:bold; }


/* 통계리포트 팝업 */
.modal06 { position:absolute; padding:30px; width:1110px; height:1280px; border:1px solid #1056a1; background-color:#ffffff; z-index:30; border-radius:5px; top:40px; left:50%; margin-left:-585px; }
    .modal06 .can { text-align:right; margin-bottom:20px; }
        .modal06 .can a { display:inline-block; width:15px; height:15px; background-image:url('../../images/newmain/common/icon_can04.png'); background-repeat:no-repeat; background-position:center; }
    .modal06 .contents { height:1200px; overflow-y:scroll; }

.modal07 { position:absolute; width:500px; padding:10px 10px 20px 10px; top:500px; left:550px;  background-image:url('../../images/newmain/common/bg_black_60.png'); border-radius:5px; z-index:11; }
    .modal07 .title { padding:10px; color:#ffffff; font-weight:bold; border-bottom:1px solid #c7cdd8; }
    .modal07 table { width:500px; }
    .modal07 th, .modal07 td { border-bottom:1px solid #c7cdd8; text-align:left; height:30px; vertical-align:middle; }
        .modal07 table th { color:#ffcc01; font-size:85%; }
        .modal07 table td { color:#ffffff; font-size:95%; }
        .modal07 .bg01 { background-image:url('../../images/newmain/common/bg_white_20.png'); color:#000000; }
        .modal07 .bd_r { border-right:1px solid #c7cdd8; }
        

/* 로그인 팝업 */
.modal_login { position:absolute; top:150px; left:-185px; margin-left:50%; width:390px; height:390px; border-radius:6px; background-color:#ffffff; border:1px solid #cccccc; z-index:11; }
    .modal_login .cancel { display:block; position:absolute; width:25px; height:25px; right:10px; top:10px; background-image:url('../../images/newmain/common/icon_can03.png'); background-repeat:no-repeat; }
    .modal_login .ml_tit { background-image:url('../../images/newmain/common/icon_login.png'); background-repeat:no-repeat; background-position:center 40px; text-align:center; padding-top:100px; font-size:130%; }
    .modal_login .input_box { width:290px; margin:30px auto 0; }
        .modal_login .input_box .ib_left { float:left; width:200px; }
            .modal_login .input_box .ib_left  input { width:196px; height:36px; border:1px solid #cdd4d4; margin-bottom:4px; }
        .modal_login .input_box .ib_right { float:right; width:85px; height:85px; border-radius:5px; background-color:#0375c2; color:#ffffff; text-align:center; line-height:85px; }

    .modal_login .btn_box { clear:both; width:290px; margin:0 auto; padding:20px 0 30px; border-bottom:1px solid #d6d6d6; }
        .modal_login .btn_box a { padding-right:10px }
    .modal_login .notice { clear:both; width:290px; margin:0 auto; }
        .modal_login .notice p { float:left; background-image:url('../../images/newmain/common/icon_notice.png'); background-repeat:no-repeat; background-position:0 center; padding:20px 0; font-size:95%; text-indent:30px; }
        .modal_login .notice a { float:right; color:#0375c2; margin:20px 0; }


/* 버튼 */
.btn01 { display:inline-block; padding:7px 25px 10px; background-color:#2e61f2; color:#ffffff; /* font-size:75%; border-radius:3px;  */}
.btn02 { display:inline-block; padding:7px 25px 10px; background-color:#ee7306; color:#ffffff; /* font-size:75%; border-radius:3px; */ }
.btn03 { display:inline-block; padding:7px 25px 10px; background-color:#424242; color:#ffffff; /* font-size:75%; border-radius:3px;  */}
.btn04 { display:inline-block; padding:7px 16px 10px 36px; background-color:#424242; color:#ffffff; /* font-size:75%; border-radius:3px; */ background-image:url('../../images/newmain/common/icon_search02.png'); background-repeat:no-repeat; background-position:15px center; }
.btn05 { display:inline-block; padding:1px 15px 3px 15px; background-color:#3f9ad2; border:1px solid #2983ba; border-radius:3px; color:#ffffff; }
.btn06 { display:inline-block; padding:1px 15px 3px 15px; background-color:#aaadb6; border:1px solid #9195a1; border-radius:3px; color:#ffffff; }

.btn_can01 { float:right; width:25px; height:25px; background-image:url('../../images/newmain/common/icon_can03.png'); background-repeat:no-repeat; background-position:center right; }
.onoff01 { float:left; width:97px; height:36px; background-image:url('../../images/newmain/common/bg_onoff01.png'); font-size:75%; color:#ffffff; font-weight:bold; text-indent:15px; line-height:30px; }
.onoff02 { float:left; width:97px; height:36px; background-image:url('../../images/newmain/common/bg_onoff02.png'); font-size:75%; color:#ffffff; font-weight:bold; text-indent:47px; line-height:30px; }
.onoff05 { float:left; width:69px; height:30px; background-image:url('../../images/newmain/common/bg_onoff05.png'); font-size:75%; color:#ffffff; font-weight:bold; text-indent:7px; line-height:28px; margin-right:10px; }
.onoff06 { float:left; width:69px; height:30px; background-image:url('../../images/newmain/common/bg_onoff06.png'); font-size:75%; color:#ffffff; font-weight:bold; text-indent:27px; line-height:28px; margin-right:10px; }

/* 탭 */
.tab_type01 { clear:both; margin:20px 0 10px; position:relative; height:30px; border-bottom:1px solid #cbcbcb; font-size:85%; line-height:30px; }
    .tab_type01 a { display:block; float:left; height:30px; background-color:#ededee; padding:0 18px; }
    .tab_type01 strong { display:block; float:left; height:30px; background-color:#ffffff; padding:0 30px; color:#ff8401; border-left:1px solid #ff8401; border-top:1px solid #ff8401; border-right:1px solid #ff8401; }

.tab_type02 { clear:both; text-align:center; margin-top:20px; }
    .tab_type02 a {  display:inline-block; width:100px; height:30px; border-radius:15px; background-color:#ededee; text-align:center; margin-right:2px; margin-bottom:2px; font-size:85%; line-height:28px; }
    .tab_type02 a.on { color:#ffa101; }



.onnara_map_search { position:absolute; top:190px; left:40px; width:360px; background-color:#ffffff; z-index:10; font-size:13px; font-family:'Malgun Gothic'; line-height:180%; }
    .oms_title { padding:10px 0 5px; }
    .oms_select { padding-left:72px; text-indent:-72px; }
        .oms_select a { display:inline-block; width:70px; height:30px; border-radius:15px; background-color:#ededee; text-align:center; margin-right:2px; margin-bottom:2px; text-indent:0px; }
        .oms_select a.all { background-color:#ffa101; color:#ffffff; }
        .oms_select a:hover { background-color:#ffa101; color:#ffffff; }
    .oms_bum { display:table; width:100%; line-height:140%; }
        .oms_bum>div { clear:both; display:table-cell; height:75px; vertical-align:middle; border-bottom:1px solid #e0e0e0; padding-left:110px; background-repeat:no-repeat; background-position:left center; }
        .oms_bum01 { background-image:url('../../images/newmain/common/bg_bum01.png'); }
        .oms_bum02 { background-image:url('../../images/newmain/common/bg_bum02.png'); }
    .oms_info { background-image:url('../../images/newmain/common/icon_info.png'); background-repeat:no-repeat; background-position:left 13px; padding-left:23px; padding-top:10px; letter-spacing:-0.13em; }
        .oms_info p { color:#1172d6; font-weight:bold; padding-bottom:5px; }
    .oms_warning { background-image:url('../../images/newmain/common/icon_warning.png');background-repeat:no-repeat; background-position:left 23px; padding-left:23px; padding-top:20px;  letter-spacing:-0.13em; }
        .oms_warning p { color:#f44336; font-weight:bold; padding-bottom:5px; }

.btn_clear_arrow { display:block; position:absolute; width:70px; height:50px; top:210px; left:450px; background-image:url('../../images/newmain/common/btn_clear_arrow.png'); text-align:center; z-index:10; }
    .btn_clear_arrow span { display:inline-block; font-size:80%; margin-top:10px; line-height:16px; }

.pd_t_10 { padding-top:10px; }
.pd_b_50 { padding-bottom:50px; }
.bt_1 { border-top:1px solid #e0e0e0; }
.bb_1 { border-bottom:1px solid #e0e0e0; }
.ta_c { text-align:center; }