/* */
.apcc_sub09_titlebox1 {position: relative;}
.apcc_sub09_titlebox1 .sub_title {position: absolute; right:0; bottom:0;}

.apcc_sub09_mapbox1 {display: flex; align-items: center; justify-content: center; border:1px solid #ccc; border-top:2px solid #000000; border-radius:0 0 20px 20px; position: relative;}

.apcc_sub09_mapbox1 .icon_img {position: absolute; right:40px; top:30px;}
.apcc_sub09_mapbox1 .mapbtn1, .apcc_sub09_mapbtn1 {position: absolute; right:40px; top:40px; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: #4588E3; border-radius: 6px;}
.apcc_sub09_mapbox1 .footer_img {position: absolute; left:40px; bottom:30px;}

.apcc_sub09_mapeventbox_area {width: 100%; overflow-x: auto;}
.apcc_sub09_mapeventbox1 {position: relative; min-width: 1100px;}

.apcc_sub09_targetbox1 {position: absolute;}
.apcc_sub09_targetbox1 .text_box {display: flex; align-items: center; justify-content: center; width: 115px; height: 34px; border:1px solid #E2E2E2; border-radius: 90px; color:#7C7C7C; background-color: #fff; margin-bottom: 10px; padding-top:3px; cursor:pointer;}
.apcc_sub09_targetbox1 .icon_box {width: 31px; height: 31px; border:1px solid #FF627F; border-radius: 100%; margin: 0 auto; position: relative; cursor:pointer;}
.apcc_sub09_targetbox1 .icon_box:after {content:''; position: absolute; left:6px; top:6px; width: 17px; height: 17px; background-color: #FF627F; border-radius: 100%;}

.apcc_sub09_grapharea1 {display: none; position: absolute; top:53px; background-color: #fff; border-radius: 20px; border:1px solid #ebebeb; padding:20px; left:50%; transform: translate(-50%, 0); z-index: 2; opacity: 0.95;}
.apcc_sub09_grapharea1:after {content:''; position: absolute; top:-30px; left:calc(50% - 25px); width: 51px; height: 31px; background: url(/apcc/img/sub09/apcc_sub_popupicon1-58382bd32b47142cf32fb5fab58a92e8.png) center no-repeat;}
.apcc_sub09_targetbox1.show .apcc_sub09_grapharea1 {display: block;}

.apcc_sub09_tabel1 > thead > tr > * {padding: 10px; background-color: #F6F6F6; height: 55px; border-bottom:1px solid #EBEBEB;}
.apcc_sub09_tabel1 > tbody > tr > * {padding: 10px; min-height: 55px; border-bottom:1px solid #EBEBEB;}
.apcc_sub09_tabel1 > tbody > tr:nth-last-child(1) > * {border-bottom:0;}

.apcc_sub09_tabel1 > thead > tr > *:nth-child(1), .apcc_sub09_tabel1 > tbody > tr > *:nth-child(1) {border-right:1px solid #EBEBEB;}

.apcc_sub09_tabel1 .no_bor {border:0 !important;}

.apcc_sub09_tabel2 > thead > tr > * {background-color: #F6F6F6; border-bottom:1px solid #EBEBEB; padding: 5px;}
.apcc_sub09_tabel2 > tbody > tr > * {padding: 5px;}

.apcc_sub09_colorbox {width: 32px; height: 16px; border-radius: 2px; margin:0 auto;}

.apcc_sub09_stgrbox1 {display: flex; align-items: center; justify-content: center;}

.apcc_sub09_stgrbox1 .canbox {position: relative;}
.apcc_sub09_stgrbox1 .stbox {position: absolute; left: 20%; top: 13%; width: 79%; height: 71%;}
.apcc_sub09_stgrbox1 .stbox > div {position: absolute; bottom:0; width: 10px; height: 55px; border-radius:20px 20px 0 0; background-color: #00A74D;}
.apcc_sub09_stgrbox1 .stbox > div.acc {left:11%;}
.apcc_sub09_stgrbox1 .stbox > div.an {left:33%; background-color: #FB3232;}
.apcc_sub09_stgrbox1 .stbox > div.nn {left:55%; background-color: #AEAEAE;}
.apcc_sub09_stgrbox1 .stbox > div.bn {left:77%; background-color: #2D75FF;}

.apcc_sub09_chartbox1 {width: 140px; height: 140px; margin: 0 auto;}

.apcc_sub09_grapharea1_close {position: absolute; bottom:-25px; left:calc(50% - 25px); display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; border:1px solid #e2e9ef; background-color: #fff;}

.apcc_sub09_stylebox1 {border:1px solid #ECECEC;}
.apcc_sub09_stylebox1_title {display: flex; align-items: center; justify-content: center; height: 80px; background-color: #2B528B; border-radius: 0 0 20px 20px; color:#fff;}
.apcc_sub09_stylebox1_content {padding:20px;}

.apcc_sub09_textbox1 {padding:40px; border-radius: 20px; background-color: #EEF9FE; border:1px solid #ebebeb;}
.apcc_sub09_textbox1.color2 {background-color: #fff;}
.apcc_sub09_list1 li {position: relative; margin-bottom:30px; padding-left:20px;}
.apcc_sub09_list1.type2 li {margin-bottom:10px;}
.apcc_sub09_list1 li::after {content:''; position: absolute; left:0; top:10px; width: 5px; height: 5px; background-color:#444; border-radius: 100%;}
.apcc_sub09_list1 li:nth-last-child(1) {margin-bottom:0 !important;}

.apcc_sub09_stylebox1 {padding:40px; border-radius: 20px; border:1px solid #EBEBEB;}

.apcc_sub09_stylebox1_linebox {padding:30px 0; border-bottom:1px solid #ebebeb;}

.apcc_sub09_stylebox1 > .apcc_sub09_stylebox1_linebox:nth-last-child(1) {border-bottom:0;}

.apcc_sub09_imgbox1 {display: flex; justify-content: space-between;}
.apcc_sub09_imgbox1.type1 > *:nth-child(1) {width: 45%;}
.apcc_sub09_imgbox1.type1 > *:nth-child(2) {width: calc(55% - 40px);}

.apcc_sub09_imgbox1.type2 > *:nth-child(1) {width: calc(50% - 20px);}
.apcc_sub09_imgbox1.type2 > *:nth-child(2) {width: calc(50% - 20px);}

.apcc_sub09_dowbtn {display: flex; align-items: center; justify-content: center; background-color: #444; color:#fff; width: 300px; height: 60px; border-radius: 100px; margin:0 auto;}

.apcc_sub09_textbox2 {display: flex;}
.apcc_sub09_textbox2 .apcc_sub09_textbox2_title {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 3px; background-color:#4588E3; color:#fff;}
.apcc_sub09_textbox2 .apcc_sub09_textbox2_con {width: calc(100% - 30px); padding-left:30px;}
.apcc_sub09_textbox2 .apcc_sub09_textbox2_con p {display: flex; align-items: center; min-height: 30px;}

.apcc_sub09_08_stylebox1 {border-top:2px solid #000; border:1px solid #CCCCCC;}
.apcc_sub09_08_stylebox1_top {background-color: #f9f9f9; padding:40px;}
.apcc_sub09_08_stylebox1_bottom {padding:40px;}

.apcc_sub09_08_list1 {display: flex; flex-wrap:wrap;}
.apcc_sub09_08_list1 li {width: 530px; margin-bottom: 10px;}

.apcc_sub09_tab1 {display: flex; background-color: #F9F9F9; border:1px solid #e5e5e5; border-radius:10px; overflow: hidden;}
.apcc_sub09_tab1 li {display: flex; align-items: center; justify-content: center; height: 70px; cursor: pointer;}
.apcc_sub09_tab1 li.active {color: #fff; background-color: #26b2e7;}

.apcc_sub09_tab1.tab3 li {width: calc(100% / 3);}

.apcc_sub09_tab2 {display: flex; border:1px solid #DFDFDF;}
.apcc_sub09_tab2.nob {border-bottom:0;}
.apcc_sub09_tab2 li {display: flex; align-items: center; justify-content: center; height: 70px; border-right:1px solid #DFDFDF; cursor: pointer;}
.apcc_sub09_tab2 li.active {background-color: #00ADE2; color: #fff;}
.apcc_sub09_tab2 li:nth-last-child(1) {border-right: 0;}

.apcc_sub09_tab2.tab7 li {width: calc(100% / 7);}

.apcc_sub09_08_stylebox1_conbox {border:1px solid #e5e5e5; padding: 20px;}
@media (max-width: 1200px){
    .apcc_sub09_titlebox1 .sub_title {position: relative; padding-top:5px; text-align: right;}

    .apcc_sub09_mapbox1 .icon_img {width: 50px; right:15px; top:15px;}
    .apcc_sub09_mapbox1 .mapbtn1, .apcc_sub09_mapbtn1 {width: 45px; height: 45px; top:15px; right:15px;}
    .apcc_sub09_mapbox1 .footer_img {left:15px; bottom:15px;}
}
@media (max-width: 996px){
    .apcc_sub09_targetbox1.show .apcc_sub09_grapharea1 {padding:10px; border-radius: 10px;}

    .apcc_sub09_stylebox1_title {height: 65px;}

    .apcc_sub09_stylebox1, .apcc_sub09_textbox1 {padding: 20px; border-radius: 10px;}

    .apcc_sub09_imgbox1 {flex-wrap:wrap;}
    .apcc_sub09_imgbox1 > * {width: 100% !important; margin-bottom:20px;}

    .apcc_sub09_dowbtn {width: 200px; height: 45px;}

    .apcc_sub09_textbox2 {flex-wrap:wrap;}
    .apcc_sub09_textbox2 .apcc_sub09_textbox2_title {margin-bottom:10px;}
    .apcc_sub09_textbox2 .apcc_sub09_textbox2_con {width: 100%; padding:0;}

    .apcc_sub09_08_stylebox1_top {background-color: #f9f9f9; padding:20px;}
    .apcc_sub09_08_stylebox1_bottom {padding:20px;}

    .apcc_sub09_tab1.tab3 {flex-wrap:wrap;}
    .apcc_sub09_tab1.tab3 li {width: calc(100%);}
}
@media (max-width: 768px){
    .apcc_sub09_tab2.tab7 {flex-wrap:wrap;}
    .apcc_sub09_tab2.tab7 li {width: calc(100% / 4); border-bottom:1px solid #e5e5e5;}

    .apcc_sub09_tab2.tab7 li:nth-last-child(1) {border-right:1px solid #e5e5e5 !important;}
    .apcc_sub09_tab2.tab7 li:nth-last-child(1),
    .apcc_sub09_tab2.tab7 li:nth-last-child(2),
    .apcc_sub09_tab2.tab7 li:nth-last-child(3) {border-bottom:0 !important;}
}


























































/* ================================================================================= */
/* */
.child_tabblock { display:none; }
.child_tabblock.show { display:block !important; }

.apcc_sub_layoutstyle1 {display: flex; justify-content: space-between; padding:50px 0 20px 0;}

.apcc_left_menubox1 {width: 250px;}
.apcc_right_box1 {width: calc(100% - 300px);}

.apcc_sub_layoutstyle1.display2 .apcc_left_menubox1 {width: 50px; overflow: hidden;}
.apcc_sub_layoutstyle1.display2 .apcc_left_menubox1 h3,
.apcc_sub_layoutstyle1.display2 .spcc_sub_leftmenu1 {opacity: 0;}
.apcc_sub_layoutstyle1.display2 .apcc_sub_leftmenu1_box_toggle {right: 0; transform: rotate( 180deg );}
.apcc_sub_layoutstyle1.display2 .apcc_right_box1 {width: calc(100% - 100px);}


.spcc_sub_leftmenu1 {overflow: hidden; border-radius: 10px;}
.spcc_sub_leftmenu1 > li > a {display: flex; height: 50px; align-items: center; color:#fff; padding:0 20px;  border-bottom:1px solid #526b8c; background-color: #25599f !important;}
.spcc_sub_leftmenu1 > li > a.more {background: url(/apcc/img/sub09/apcc_leftmenu_downicon2-6545504c4712c862f3ef8bb04f7c7c35.png) right 20px center no-repeat;}
.spcc_sub_leftmenu1 > li > a.more.active {background-image: url(/apcc/img/sub09/apcc_leftmenu_upicon2-ca60d4d69a95fb2238fb3b19951e62d4.png);}

.spcc_sub_leftmenu1.color2 > li > a {border-color: rgba(255,255,255,0.1); background-color: #013A65 !important;}

.spcc_sub_leftmenu1_1 {display: none;}
a.active + .spcc_sub_leftmenu1_1 {display: block;}
.spcc_sub_leftmenu1_1 > li > a {display: flex; height: 50px; align-items: center; color:#444; padding:0 20px;  border:1px solid #E5E5E5; border-bottom:0 !important;}
.spcc_sub_leftmenu1_1 > li > a.active {color:#4588E3; font-weight: 700 !important;}
.spcc_sub_leftmenu1_1 > li > a.more {background: url(/apcc/img/sub09/apcc_leftmenu_downicon1-0e39400f8c035ef09200d12c1c51a7d3.png) right 20px center no-repeat;}
.spcc_sub_leftmenu1_1 > li > a.more.active {background-image: url(/apcc/img/sub09/apcc_leftmenu_upicon1-688a5db037961181f8f3a3510877230d.png);}

.spcc_sub_leftmenu1_2 {display: none; border: 1px solid #E5E5E5; border-bottom:0; background-color: #F7F7F8;}
a.active + .spcc_sub_leftmenu1_2 {display: block;}
.spcc_sub_leftmenu1_2 > li > a {display: flex; height: 40px; align-items: center; padding-left:35px;}
.spcc_sub_leftmenu1_2 > li > a.active, .spcc_sub_leftmenu1_2 > li > a:hover {color:#4588E3;font-weight: 600 !important}

.spcc_sub_leftmenu1_3 {display: none; border-bottom:0;}
a.active + .spcc_sub_leftmenu1_3 {display: block;}
.spcc_sub_leftmenu1_3 > li > a {display: flex; height: 40px; align-items: center; padding-left:45px;}
.spcc_sub_leftmenu1_3 > li > a.active, .spcc_sub_leftmenu1_3 > li > a:hover {color:#4588E3;}

.apcc_sub_leftmenu1_box {position: sticky; top:15px;}
.apcc_sub_leftmenu1_box_toggle {position: absolute; right:-20px; top:calc(50% - 20px); width: 40px; height: 40px; border-radius: 100%; background: #4588E3 url(/apcc/img/sub09/apcc_sub09_left-9145e97e3154fc423cb0cd1712a7be57.png) center no-repeat;}

.apcc_optionstyle1 {height: 60px; border:1px solid #E5E5E5; background-color: #fff; border-radius: 6px; text-align: center; background: url(/apcc/img/sub09/apcc_sub09_selecticon1-23d6dfeaae2e2ec4a307f40760f68ea6.png) right 20px center no-repeat; padding-right:35px; margin-right:2px; background-color: #fff;}
.apcc_button1 {height: 60px; border:1px solid #E5E5E5; background-color: #fff; border-radius: 6px; padding-left:1.0em; padding-right:1.0em; margin-right:2px; text-align: center; background-color: #fff;}

.apcc_optionstyle1.daytype {background: url(/apcc/img/sub09/apcc_sub09_selecticon1-23d6dfeaae2e2ec4a307f40760f68ea6.png) right 20px center no-repeat, url(/apcc/img/sub09/apcc_sub09_dayicon1-741dbb36dca864a99c460c31a03857a2.png) left 20px center no-repeat; padding-left:30px; background-color: #fff;}
.apcc_optionstyle1.type2 {background-color: #F9F9F9; }
.apcc_optionstyle1.daytype.mondaytype {background:none; background: url(/apcc/img/sub09/apcc_sub09_dayicon1-741dbb36dca864a99c460c31a03857a2.png) left 20px center no-repeat; padding-left:40px; padding-right:0px;}

.apcc_sub09_titlebox1 {position: relative;}
.apcc_sub09_titlebox1 .sub_title {position: absolute; right:0; bottom:0;}

.apcc_sub09_mapbox1 {display: flex; overflow:auto; align-items: center; justify-content: center; border:1px solid #ccc; /* border-top:2px solid #000000; */ border-radius:0 0 20px 20px; position: relative;}
.apcc_sub09_mapbox1 .icon_img {position: absolute; right:40px; top:30px;}
.apcc_sub09_mapbox1 .mapbtn1, .apcc_sub09_mapbtn1 {position: absolute; right:40px; top:40px; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: #4588E3; border-radius: 6px;}
.apcc_sub09_mapbox1 .footer_img {position: absolute; left:40px; bottom:30px;}

.apcc_sub09_mapeventbox_area {width: 100%;}
.apcc_sub09_mapeventbox1 {
    /* apcc_style.css 의 정의 값 overwrite 함. */
    position: relative;
    /* min-width:800px !important;
    max-width:1100px !important; */
    min-width: auto !important;
}
.apcc_sub09_mapeventbox1 > .global_summary_areas { display:block; position:relative; max-width:1155px; width:100%; margin:0 auto; }

.apcc_sub09_targetbox1 {position: absolute;}
.apcc_sub09_targetbox1 .text_box {display: inline-flex; align-items: center; justify-content: center; width: 115px; height: 34px; border:1px solid #E2E2E2; border-radius: 90px; color:#7C7C7C; background-color: #fff; margin-bottom: 10px; padding-top:3px; cursor:pointer; white-space: nowrap; width: auto; padding-left: 1.0em; padding-right: 1.0em;}
.apcc_sub09_targetbox1 .icon_box {width: 31px; height: 31px; border:1px solid #FF627F; border-radius: 100%; margin: 0 auto; position: relative; cursor:pointer;}
.apcc_sub09_targetbox1 .icon_box:after {content:''; position: absolute; left:6px; top:6px; width: 17px; height: 17px; background-color: #FF627F; border-radius: 100%;}
.global_summary_outsideregion {position: absolute;}
.global_summary_outsideregion .apcc_sub09_targetbox1 {position: relative; float: left; margin-left: 2.0em; }
.global_summary_outsideregion.KOR .apcc_sub09_targetbox1 {margin-left: 4.0em; }

.apcc_sub09_grapharea1 {display: none; position: absolute; background-color: #fff; border-radius: 20px; border:1px solid #ebebeb; padding:20px; transform: translate(-50%, 0); z-index: 2; opacity: 0.95;}
.apcc_sub09_grapharea1:after {content:''; position: absolute; width: 51px; height: 31px; background: url(/apcc/img/sub09/apcc_sub_popupicon1-58382bd32b47142cf32fb5fab58a92e8.png) center no-repeat;}
/*.apcc_sub09_targetbox1.show*/
.apcc_sub09_grapharea1.show {display: block;}

.apcc_sub09_tabel1 > thead > tr > * {padding: 10px; background-color: #F6F6F6; height: 55px; border-bottom:1px solid #EBEBEB;}
.apcc_sub09_tabel1 > tbody > tr > * {padding: 10px; min-height: 55px; border-bottom:1px solid #EBEBEB;}
.apcc_sub09_tabel1 > tbody > tr:nth-last-child(1) > * {border-bottom:0;}

.apcc_sub09_tabel1 > thead > tr > *:nth-child(1), .apcc_sub09_tabel1 > tbody > tr > *:nth-child(1) {border-right:1px solid #EBEBEB;}

.apcc_sub09_tabel1 .no_bor {border:0 !important;}

.apcc_sub09_tabel2 > thead > tr > * {background-color: #F6F6F6; border-bottom:1px solid #EBEBEB; padding: 5px;}
.apcc_sub09_tabel2 > tbody > tr > * {padding: 5px;}

.apcc_sub09_colorbox {width: 32px; height: 16px; border-radius: 2px; margin:0 auto;}

.apcc_sub09_stgrbox1 {display: flex; align-items: center; justify-content: center;}

.apcc_sub09_stgrbox1 .canbox {position: relative;}
.apcc_sub09_stgrbox1 .stbox {position: absolute; left: 20%; top: 13%; width: 79%; height: 71%;}
.apcc_sub09_stgrbox1 .stbox > div {position: absolute; bottom:0; width: 10px; height: 55px; border-radius:20px 20px 0 0; background-color: #00A74D;}
.apcc_sub09_stgrbox1 .stbox > div.acc {left:11%;}
.apcc_sub09_stgrbox1 .stbox > div.an {left:33%; background-color: #FB3232;}
.apcc_sub09_stgrbox1 .stbox > div.nn {left:55%; background-color: #AEAEAE;}
.apcc_sub09_stgrbox1 .stbox > div.bn {left:77%; background-color: #2D75FF;}

.apcc_sub09_chartbox1 {width: 140px; height: 140px; margin: 0 auto;}

.apcc_sub09_grapharea1_close {position: absolute; top:0px; left:auto; right:0px; display:flex; border:0px; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: transparent !important; }

.apcc_sub09_stylebox1 {padding:0px; border-radius: 20px; border:0px solid #EBEBEB;}
.apcc_sub09_stylebox1 > .apcc_sub09_stylebox1_linebox:nth-last-child(1) {border-bottom:0;}
.apcc_sub09_stylebox1_title {display: flex; align-items: center; justify-content: center; height: 80px; background-color: #2B528B; border-radius: 0 0 20px 20px; color:#fff;}
.apcc_sub09_stylebox1_content { padding-top:0px !important; }
.apcc_sub09_stylebox1_content img.w-100 {margin: 10px auto; max-width:960px; }
.apcc_sub09_stylebox1_content img.w-100per {margin: 10px auto; width:100%;}
.apcc_sub09_stylebox1_linebox {padding:30px 0; border-bottom:1px solid #ebebeb;}


.apcc_sub09_textbox1 {padding:40px; border-radius: 20px; background-color: #EEF9FE; border:1px solid #ebebeb;}
.apcc_sub09_textbox1.color2 {background-color: #fff;}
.apcc_sub09_list1 li {position: relative; margin-bottom:30px; padding-left:20px;}
.apcc_sub09_list1.type2 li {margin-bottom:10px;}
.apcc_sub09_list1 li::after {content:''; position: absolute; left:0; top:10px; width: 5px; height: 5px; background-color:#444; border-radius: 100%;}
.apcc_sub09_list1 li:nth-last-child(1) {margin-bottom:0 !important;}



.apcc_sub09_imgbox1 {display: flex; justify-content: space-between;}
.apcc_sub09_imgbox1.type1 > *:nth-child(1) {width: 45%;}
.apcc_sub09_imgbox1.type1 > *:nth-child(2) {width: calc(55% - 40px);}

.apcc_sub09_imgbox1.type2 > *:nth-child(1) {width: calc(50% - 20px);}
.apcc_sub09_imgbox1.type2 > *:nth-child(2) {width: calc(50% - 20px);}

.apcc_sub09_dowbtn {display: flex; align-items: center; justify-content: center; background-color: #444; color:#fff; width: 300px; height: 60px; border-radius: 100px; margin:0 auto;}

.apcc_sub09_textbox2 {display: flex;}
.apcc_sub09_textbox2 .apcc_sub09_textbox2_title {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 3px; background-color:#4588E3; color:#fff;}
.apcc_sub09_textbox2 .apcc_sub09_textbox2_con {width: calc(100% - 30px); padding-left:30px;}
.apcc_sub09_textbox2 .apcc_sub09_textbox2_con p {display: flex; align-items: center; min-height: 30px;}

.sub09_06_stylebox1_search {display: flex; align-items: center; min-height: 90px; background-color: #F9F9F9; border:1px solid #ececec; justify-content: center; padding: 20px;}
.sub09_06_stylebox1_con { border:1px solid #CCCCCC; border-top:2px solid #000; border-radius: 0 0 20px 20px; padding:40px;}

.sub09_06_stylebox1_search .size1 {width: 265px;}
.sub09_06_stylebox1_search .size2 {width: 165px;}
.sub09_06_stylebox1_search size-tiny {width: auto;}

.apcc_Calendar_box {display: none; position: absolute; top:60px; right:0px; background-color: #fff; padding:20px; border-radius:20px; border:1px solid #e5e5e5;}
.active + .apcc_Calendar_box {display: block;}
.apcc_Calendar_box.type2 {right: unset; left:0;}

.apcc_sub09_08_stylebox1 {border-top:2px solid #000; border:1px solid #CCCCCC;}
.apcc_sub09_08_stylebox1_top {background-color: #f9f9f9; padding:30px 40px; }
.apcc_sub09_08_stylebox1_bottom {padding:40px;}

.apcc_sub09_08_list1 {display: flex; flex-wrap:wrap;}
.apcc_sub09_08_list1 li {min-width:49%; width:auto!important; margin-bottom: 0px; white-space: nowrap; margin-right:0.25em;}
.apcc_sub09_08_list1 li .title { color: black; }

.apcc_sub09_tab1 {display: flex; background-color: #F9F9F9; border:1px solid #e5e5e5; border-radius:10px; overflow: hidden;}
.apcc_sub09_tab1 li {display: flex; align-items: center; justify-content: center; height: 70px; cursor: pointer;}
.apcc_sub09_tab1 li.active {color: #fff; background-color: #26b2e7;}

.apcc_sub09_tab1.tab2 li {width: calc(100% / 2);}
.apcc_sub09_tab1.tab3 li {width: calc(100% / 3);}
.apcc_sub09_tab1.tab4 li {width: calc(100% / 4);}
.apcc_sub09_tab1.tab5 li {width: calc(100% / 5);}
.apcc_sub09_tab1.tab6 li {width: calc(100% / 6);}

.apcc_sub09_tab2 {display: flex; border:1px solid #DFDFDF;}
.apcc_sub09_tab2.nob {border-bottom:0;}
.apcc_sub09_tab2 li {display: flex; align-items: center; justify-content: center; height: 55px; border-right:1px solid #DFDFDF; cursor: pointer;}
.apcc_sub09_tab2 li.active {background-color: #00ADE2; color: #fff;}
.apcc_sub09_tab2 li:nth-last-child(1) {border-right: 0;}

.apcc_sub09_tab2.tab2 li {width: calc(100% / 2);}
.apcc_sub09_tab2.tab3 li {width: calc(100% / 3);}
.apcc_sub09_tab2.tab4 li {width: calc(100% / 4);}
.apcc_sub09_tab2.tab5 li {width: calc(100% / 5);}
.apcc_sub09_tab2.tab6 li {width: calc(100% / 6);}
.apcc_sub09_tab2.tab7 li {width: calc(100% / 7);}
.apcc_sub09_tab2.tab8 li {width: calc(100% / 8);}

.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(1) { width: 11%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(2) { width: 11%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(3) { width: 11%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(4) { width: 11%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(5) { width: 11%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(6) { width: 11%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(7) { width: 17%; }
.apcc_sub09_tab2.eastasia_pred_childtab li:nth-child(8) { width: 17%; }
.apcc_sub09_tab2.eastasia_pred_childtab {border-bottom:1px solid #DFDFDF !important;}

.apcc_sub09_08_stylebox1_conbox {
    width:calc(100% - 0px);
    overflow-x:auto;
    overflow-y:hidden;
    border:1px solid #e5e5e5; padding: 20px;
}

.apcc_Calendar td {
    width: 50px;
    height: 50px;
}

.apcc_Calendar {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

.apcc_Calendar .sub09_seleictbox {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 auto;}

.futureDay.choiceDay .sub09_seleictbox, .today.choiceDay .sub09_seleictbox,
.futureDay.choiceDay2 .sub09_seleictbox, .today.choiceDay2 .sub09_seleictbox{
    background-color: #3E85EF;
    color: #fff;
    border-radius: 100%;
}

.apcc_Calendar>thead>tr:first-child>td { font-weight: bold; }

.apcc_Calendar>thead>tr:last-child>td {
    background-color: #fff;
    border-bottom: 1px solid #E5E5E5;
    height: 50px;
    text-align: center;
    color:#9C9C9C;
}

.pastDay{ background-color: lightgray; }

.futureDay{
    background-color: #FFFFFF;
    cursor: pointer;
}

.futureDay.choiceDay, .today.choiceDay,
.futureDay.choiceDay2, .today.choiceDay2{
    cursor: pointer;
}

.apcc_calendar_prev, .apcc_calendar_next {width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border:1px solid #e0e0e0; border-radius: 6px;}
.apcc_calendar_prev {background: url(/apcc/img/sub09/apcc_calendar_prev-162a1e2e16deb2b60a3f155855eac243.png) center no-repeat;}
.apcc_calendar_next {background: url(/apcc/img/sub09/apcc_calendar_next-37f1b4cfe9d448a3982bcc820eeaba89.png) center no-repeat;}


.apcc_cindex_imagebox {
    text-align:center; padding-top:2.0em;
}
.apcc_cindex_imagebox img {
    width:100%;
}
.apcc_summer_variables.type1 > *:nth-child(1) {width: calc(12% + 5px); min-width:80px;}
.apcc_summer_variables.type1 > *:nth-child(2) {width: calc(22% - 5px); min-width:150px;}
.apcc_summer_variables.type1 > *:nth-child(3) {width: calc(22% - 5px); min-width:150px;}
.apcc_summer_variables.type1 > *:nth-child(4) {width: calc(22% - 5px); min-width:150px;}
.apcc_summer_variables.type1 > *:nth-child(5) {width: calc(22% - 5px); min-width:150px;}



#DOCUMENT table.basetable {border-top: 2px solid #000; border-bottom:1px solid #000000;}
#DOCUMENT table.basetable thead th, #DOCUMENT table.basetable thead td {border-bottom:1px solid #000000;}
#DOCUMENT table.basetable th {background-color:#f9f9f9; text-align: center;}
#DOCUMENT table.basetable th, #DOCUMENT table.basetable td {padding:25px;/* white-space: nowrap; */}
#DOCUMENT table.basetable th p, #DOCUMENT table.basetable td p { white-space: normal !important;}
#DOCUMENT table.basetable tbody td, #DOCUMENT table.basetable tbody th{border-right:1px solid #E3E3E3; border-top:1px solid #e3e3e3;}



@media (max-width: 1200px){
    .apcc_left_menubox1 {position:fixed; left:0px; top:100px; display:block !important; z-index:99999; background-color:white;}
    .apcc_left_menubox1 h3 {display:none;}
    .apcc_sub_layoutstyle1.display2 .apcc_left_menubox1 {background-color:transparent; left:-25px;}
    .apcc_right_box1 {width: 100% !important;}

    .apcc_optionstyle1 {height: 45px; padding-right:30px; background-position: right 10px center;}
    .apcc_optionstyle1.daytype {background-position: right 10px center, left 10px center; padding-left:30px;}

    .apcc_sub09_titlebox1 .sub_title {position: relative; padding-top:5px; text-align: right;}

    .apcc_sub09_mapbox1 .icon_img {width: 50px; right:15px; top:15px;}
    .apcc_sub09_mapbox1 .mapbtn1, .apcc_sub09_mapbtn1 {width: 45px; height: 45px; top:15px; right:15px;}
    .apcc_sub09_mapbox1 .footer_img {left:15px; bottom:15px;}
}
@media (max-width: 996px){
    .apcc_left_menubox1 {top:72px;}

    .apcc_sub09_targetbox1.show .apcc_sub09_grapharea1 {padding:10px; border-radius: 10px;}

    .apcc_sub09_stylebox1_title {height: 65px;}

    .apcc_sub09_stylebox1, .apcc_sub09_textbox1 {padding: 20px; border-radius: 10px;}

    .apcc_sub09_imgbox1 {flex-wrap:wrap;}
    .apcc_sub09_imgbox1 > * {width: 100% !important; margin-bottom:20px;}

    .apcc_sub09_dowbtn {width: 200px; height: 45px;}

    .apcc_sub09_textbox2 {flex-wrap:wrap;}
    .apcc_sub09_textbox2 .apcc_sub09_textbox2_title {margin-bottom:10px;}
    .apcc_sub09_textbox2 .apcc_sub09_textbox2_con {width: 100%; padding:0;}

    .sub09_06_stylebox1_search {flex-wrap:wrap;}
    .sub09_06_stylebox1_search > * {width: 100%; margin:0; margin-bottom: 10px;}
    .sub09_06_stylebox1_search > *:nth-last-child(1) {margin-bottom:0;}
    .sub09_06_stylebox1_search .size1 {width: 100%;}
    .sub09_06_stylebox1_search .size2 {width: 100%;}

    .apcc_Calendar_box {position: fixed; left: 50% !important; top: 50%; transform: translate(-50%, -50%); z-index: 10; width: 360px; right: unset !important;}
    .active + .apcc_Calendar_box + .apcc_Calendar_box_mdbg {position: fixed; left:0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 8;}

    .sub09_06_stylebox1_con {padding:20px; border-radius: 0 0 10px 10px;}

    .apcc_sub09_08_stylebox1_top {background-color: #f9f9f9; padding:16px 20px;}
    .apcc_sub09_08_stylebox1_bottom {padding:20px;}

    .apcc_sub09_tab1.tab3 {flex-wrap:wrap;}
    .apcc_sub09_tab1.tab3 li {width: calc(100%);}
}



@media (max-width: 768px){
    #DOCUMENT {
        line-height:150%;
    }

    .apcc_sub09_08_stylebox1_top {
        padding:12px 15px;
    }
    .apcc_sub09_tab2.tab7 {flex-wrap:wrap;}
    .apcc_sub09_tab2.tab7 {border-right:0px;}
    .apcc_sub09_tab2.tab7 li {width: calc(100% / 4); border-bottom:1px solid #e5e5e5;}

    .apcc_sub09_tab2.tab7 li:nth-last-child(1) {border-right:1px solid #e5e5e5 !important;}
    .apcc_sub09_tab2.tab7 li:nth-last-child(n+5) {border-top:0 !important;}

    .apcc_sub09_stylebox1, .apcc_sub09_textbox1, .apcc_sub09_stylebox1_content {padding: 0px !important; border: none;}

    .apcc_sub09_tab1 {
        display:block;
    }
    .apcc_sub09_tab1 li {
        height: 60px;
    }
    .apcc_sub09_tab1.tab2 li,
    .apcc_sub09_tab1.tab3 li,
    .apcc_sub09_tab1.tab4 li,
    .apcc_sub09_tab1.tab5 li,
    .apcc_sub09_tab1.tab6 li,
    .apcc_sub09_tab1.tab7 li,
    .apcc_sub09_tab1.tab8 li {
        display: flex;
        float: left;
        width:33.33333333333333333% !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 120%;
        cursor: pointer;
    }
    .apcc_sub09_tab1.tab2 li {
        width:50% !important;
    }
    .apcc_sub09_tab1.tab4 li,
    .apcc_sub09_tab1.tab8 li {
        width:25% !important;
    }

    /* */
    .apcc_sub09_08_stylebox1_bottom {padding:0px;}
    .apcc_sub09_08_stylebox1_conbox {padding:5px; border:none;}
    .apcc_sub09_08_stylebox1_conbox .apcc_cindex_imagebox {padding-top:1.0em;}

    /* 여름철계절내진동예측 검색.*/
    .sub09_06_stylebox1_search.summer {
        padding : 5px 2px;
        text-align:center;
        min-height:auto;
    }
    .sub09_06_stylebox1_search.summer > div {
        margin: 5px !important;
    }
    .sub09_06_stylebox1_search.summer input:nth-child(1),
    .sub09_06_stylebox1_search.summer input:nth-child(3) {
        width: 70px; /* margin-right2px; */
        height: 45px;
        margin-bottom:2px !important;
    }
    .sub09_06_stylebox1_search.summer input:nth-child(2) {
        width:calc(100% - 140px - 10px);
        background : url(/apcc/img/sub09/apcc_sub09_selecticon1-23d6dfeaae2e2ec4a307f40760f68ea6.png) right 5px center no-repeat, none;
        padding-left : 10px; padding-right:5px; background-color:white;
        height: 45px;
        margin-bottom:2px !important;
    }
    .sub09_06_stylebox1_search.summer input:nth-child(4),
    .sub09_06_stylebox1_search.summer input:nth-child(5) {
        width: calc(50% - 5px);
        height: 45px;
    }
    .sub09_06_stylebox1_search.summer input:last-child {
        margin-right:0px;
    }

    .sub09_06_stylebox1_search { padding: 10px !important; }
    .sub09_06_stylebox1_search > *:nth-child(1) {width: calc(100% - 0px); margin-right:0px !important;}
    .sub09_06_stylebox1_search > *:nth-child(2) {width: calc(50% - 5px); margin-right:5px !important;}
    .sub09_06_stylebox1_search > *:nth-child(3) {width: calc(50% - 5px); margin-right:0px !important;}
    .sub09_06_stylebox1_search > *:nth-child(4) {width: calc(100% - 0px);}
    .sub09_06_stylebox1_search input[type=date] {
        background : url(/apcc/img/sub09/apcc_sub09_selecticon1-23d6dfeaae2e2ec4a307f40760f68ea6.png) right 5px center no-repeat, none;
        padding-left : 10px; padding-right:5px; background-color:white;
    }

    .apcc_sub09_08_list1 li {
        min-width: 49%;
        width: auto!important;
        margin-bottom: 0px;
        white-space: nowrap;
        margin-right: 0.25em;
    }
}