@charset "utf-8";
/* 기타 공통 css */
.alignCenter{ text-align:center; }
.alignLeft{ text-align:left; }
.alignRight{ text-align:right; }
.colorBlue{ color:#0d6fb9; }
.colorRed{ color:#e03918; }
.colorGreen{ color:#058177; }
.colorNavy{ color:#144164; }
.font14{ font-size:14px; }
.font13{ font-size:13px; }
.disInB{ display:inline-block; }
.disB{ display:block; }
.vtcAlignM{ vertical-align:middle; }
form legend{ display:none; }


/* container 공통 */
#container{ min-height:700px; }
.location{ margin-bottom:50px; background: linear-gradient(to right, rgba(64,149,169,1) 0%,rgba(0,166,154,1) 100%); border-bottom:1px solid #dbdbdb; }
.location:after{ display:block; content:''; clear:both; }
.location .depth1{ float:left; font-family:'Malgun Gothic', 'Dotum', Sans-serif; }
.location .depth1 > li{ position:relative; float:left; z-index:1; }
.location .depth1 > li > a{ display:block; padding:0 40px 0 20px; min-width:228px; line-height:50px; font-size:14px; color:#fff; background:url(/images/sub/icon_location_arrow.png) no-repeat right 16px center; box-sizing:border-box; }
.location .depth1 > li:after{ display:block; content:''; position:absolute; top:50%; right:0px; margin-top:-8px; width:1px; height:17px; background:#73b7c2; } 
.location .depth1 > li.home > a{ min-width:auto; width:45px; text-indent:-9999px; background:url(/images/sub/icon_home.png) no-repeat center; }
.location .depth1 > li.active{ box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.location .depth1 > li.active:after{ display:none; }
.location .depth1 > li.active > a{ color:#fff; background:#4eb9c9 url(/images/sub/icon_location_arrow_on.png) no-repeat right 16px center; }
.location .depth2{ display:none; position:absolute; top:50px; left:0; right:0; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.location .depth2 > li > a{ display:table-cell; padding:0 20px; width:300px; height:44px; vertical-align:middle; font-size:14px; color:#222; }
.location .depth2 > li > a:hover{ color:#4095a9; background:#f0f7f8; }
.location .share_print{ float:right; }
.location .share_print ul:after{ display:block; content:''; clear:both; }
.location .share_print ul li{ position:relative; float:left; }
.location .share_print ul li:first-child:after{ display:block; content:''; position:absolute; top:50%; right:0px; margin-top:-8px; width:1px; height:17px; background:#eaeaea; }
.location .share_print ul li > a{ display:block; width:50px; height:50px; text-indent:-9999px; }
.location .share_print ul li:first-child > a{ background:url(/images/sub/icon_share.png) no-repeat center; }
.location .share_print ul li:last-child > a{ background:url(/images/sub/icon_print.png) no-repeat center; }
.location .share_print ul li .shareBox{ position:absolute; top:4px; right:0; padding:10px 16px; width:210px; height:43px; background:#fff; border:1px solid #00b0a4; border-radius:50px; box-sizing:border-box; box-shadow: 0 0 8px rgba(0,0,0,0.1); overflow:hidden; opacity:0; z-index:-1; transition:all ease 0.4s; }
.location .share_print ul li .shareBox.active{ opacity:1; z-index:1;  }
.location .share_print ul li .shareBox a{ position:relative; float:left; width:45px; height:23px; text-indent:-9999px; }
.location .share_print ul li .shareBox .facebook{ background:url(/images/sub/icon_share_facebook.png) no-repeat center; }
.location .share_print ul li .shareBox .twitter{ background:url(/images/sub/icon_share_twitter.png) no-repeat center; }
.location .share_print ul li .shareBox .facebook:after,
.location .share_print ul li .shareBox .twitter:after{ display:block; content:''; position:absolute; top:50%; right:0px; margin-top:-8px; width:1px; height:17px; background:#eaeaea; }
.location .share_print ul li .shareBox .url{ margin-left:9px; width:50px; line-height:23px; font-size:12px; text-align:center; text-indent:0; color:#fff; background:#b3b8c1; border-radius:5px; }
.location .share_print ul li .shareBox .ex{ margin-left:15px; width:11px; background:url(/images/sub/icon_sharebox_ex.png) no-repeat center; }
#content > h3{ margin-bottom:50px; font-size:35px; font-weight:600; text-align:center; color:#333; }
.subcontent{ margin:auto; padding-bottom:100px; max-width:1280px; letter-spacing:-0.4px; font-family:'Malgun Gothic', 'Dotum', Sans-serif; }
.subcontent h4{ margin-bottom:25px; font-size:26px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; font-weight:600; color:#222; }
.subcontent h4 .h4SideTxt{ font-size:17px; }
.subcontent .h4Content{ margin-bottom:70px; }
.subcontent .h4Content:last-child{ margin-bottom:0; }
.subcontent h5{ margin-bottom:20px; font-size:20px; font-family:'NanumSquare'; font-weight:600; color:#00a295; }
.subcontent .h5Content{ margin-bottom:35px; }
.subcontent > p.subTitle{ margin-bottom:50px; font-size:15px; text-align:center; color:#555; }

/* input-reset */
input[type="text"],
select{ height:40px; vertical-align:middle; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; }
select{ padding:0 32px 0 10px; background:#fff url(/images/sub/icon_select_arrow.png) no-repeat right 15px center; -webkit-appearance:none; /* chrome*/ -moz-appearance:none; /* firefox */ appearance:none; }
select::-ms-expand { display:none }
textarea{ padding:10px; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; resize:none; }
.checkItem > input[type="checkbox"]{ position:absolute; left:-9999px; }
.checkItem > label{ display:inline-block; position:relative; padding-left:36px; line-height:27px; font-size:15px; color:#333; background:url(/images/sub/icon_check_off.png) no-repeat left center; }
.checkItem > label.bold{ font-weight:600; }
.checkItem > input:checked + label{ background:url(/images/sub/icon_check_on.png) no-repeat left center; }
.checkItem > label:after{ display:none; content:''; position:absolute; top:1px; left:0; width:25px; height:25px; border:2px solid #000; border-radius:3px; box-sizing:border-box; }
.checkItem > input:focus + label:after{ display:block; }
.radioItem > input[type="radio"]{ position:absolute; left:-9999px; }
.radioItem > label{ display:inline-block; position:relative; padding-left:34px; line-height:27px; font-size:15px; color:#333; background:url(/images/sub/icon_radio_off.png) no-repeat left center; }
.radioItem > input:checked + label{ background:url(/images/sub/icon_radio_on.png) no-repeat left center; }
.radioItem.type2 > input:checked + label{ background:url(/images/sub/icon_radio_on_type2.png) no-repeat left center; }
.radioItem > label:after{ display:none; content:''; position:absolute; top:1px; left:0; width:25px; height:25px; border:2px solid #000; border-radius:3px; box-sizing:border-box; }
.radioItem > input:focus + label:after{ display:block; }
 
/* btnBox */
.btnBox{ margin-top:40px; }
.btn{ display:inline-block; margin:0 2px; width:160px; height:56px; line-height:56px; font-size:15px; font-weight:400; text-align:center; color:#2c8fa6; border:1px solid #2c8fa6; border-radius:3px; box-sizing:border-box; }
.btn.on{ color:#fff; background:#2c8fa6; }
.btn.on.arrow{ padding:0 60px 0 50px; background:#2c8fa6 url(/images/sub/icon_btn_arrow.png) no-repeat right 37px center; }
.btn.gray{ color:#fff; background:#b3b8c1; border:1px solid #b3b8c1; }
.btn.mSize{ height:46px; line-height:46px; }
.btn.sSize{ width:114px; height:40px; line-height:40px; font-size:13px; }
.btn.sSize.gray{ background:#777e8b; border:1px solid #777e8b; }
.btn.sSize.grayLine{ color:#777e8b; background:#fff; border:1px solid #777e8b; }
.btn.sSize.navyLine{ color:#144164; border:1px solid #144164; }
.btn.sizeFree{ padding:0 30px; width:auto; }
.btnDown{ display:inline-block; padding:0 16px 0 38px; height:40px; line-height:40px; font-size:12px; font-weight:600; color:#515661; background:url(/images/sub/icon_btn_down.png) no-repeat 15px center; border:1px solid #777e8b; border-radius:3px; box-sizing:border-box; }
.btnLink{ display:inline-block; padding:0 37px 0 20px; height:40px; line-height:38px; font-size:13px; font-weight:600; color:#777e8b; background:#fff url(/images/sub/icon_btn_link_arrow.png) no-repeat right 17px center; border:1px solid #777e8b; border-radius:3px; box-sizing:border-box; }
.txtBtn{ font-size:15px; font-weight:600; color:#2c8fa6; text-decoration:underline; }
.txtBtn.arrow{ display:inline-block; padding-right:36px; line-height:26px; background:url(/images/sub/icon_txtArrow.png) no-repeat right center; }
.txtBtn.arrow:hover{ text-decoration:underline; }
.tableBtn{ display:inline-block; padding:0 14px; vertical-align:middle; line-height:40px; font-size:12px; font-weight:400; color:#fff; background:#6b7381; border-radius:3px; }
.btnArrow{ display:inline-block; padding:0 24px 0 18px; width:168px; height:40px; line-height:40px; font-size:13px; color:#6b7381; background:url(/images/sub/icon_btnArrow.png) no-repeat right 13px center; border:1px solid #6b7381; border-radius:3px; box-sizing:border-box; }
.btnArrow.on{ color:#fff; background:#2c8fa6 url(/images/sub/icon_btnArrow_on.png) no-repeat right 13px center; border:1px solid #2c8fa6;  }
.btnArrow.disB{ display:block; }
.btn_popSide{ display:inline-block; width:130px; height:40px; line-height:40px; font-size:14px; font-weight:600; text-align:center; color:#fff; background:#144164; border-radius:3px; }


/* tabBar */
.tabBar{ position:relative; margin-bottom:45px; text-align:center; }
.tabBar:after{ display:block; content:''; clear:both; }
.tabBar > li{ display:inline-block; }
.tabBar > li > a{ display:block; padding:0 12px; min-width:210px; height:50px; line-height:50px; font-size:16px; color:#555; background:#eff0f0; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; }
.tabBar > li.active > a{ font-weight:600; color:#fff; background:#0d6fb9; border:1px solid #0d6fb9; }
.tabBar.mSize > li > a{ min-width:160px; }
.tabBar.type2{ position:relative; }
.tabBar.type2:after{ display:block; content:''; clear:both; }
.tabBar.type2:before{ display:block; content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#4eb9c9; z-index:1; }
.tabBar.type2 > li{ float:left; margin-right:3px; }
.tabBar.type2 > li > a{ position:relative; padding:0 15px; width:212px; height:45px; line-height:45px; color:#333; background:#f8f8f8; border:1px solid #dbdee4; border-bottom:0px none; border-radius:3px 3px 0 0; box-sizing:border-box; }
.tabBar.type2 > li.active > a{ color:#4eb9c9; background:#fff; border:2px solid #4eb9c9; }
.tabBar.type2 > li.active > a:after{ display:block; content:''; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:#fff; z-index:1; }
.tabBar.type3:before{ display:block; content:''; position:absolute; left:0; right:0; bottom:0px; height:1px; background:#144164; z-index:1; }
.tabBar.type3 > li{ float:left; width:192px; }
.tabBar.type3 > li a{ display:block; position:relative; min-width:auto; height:44px; line-height:44px; font-size:14px; color:#333; background:#fff; border:1px solid #c0c0c0; border-bottom:0px none; border-radius:0; box-sizing:border-box; }
.tabBar.type3 > li.active a{ font-weight:600; color:#144164; background:#fff; border:1px solid #144164; border-bottom:0px none; }
.tabBar.type3 > li.active a:after{ display:block; content:''; position:absolute; bottom:-1px; left:0; right:0; height:3px; background:#fff; z-index:1 ; }
.tabBar.circle{ text-align:center; }
.tabBar.circle > li{ float:none; }
.tabBar.circle > li a{ display:inline-block; min-width:auto; width:92px; height:92px; vertical-align:middle; line-height:92px; font-size:14px; color:#fff; background:#a9aeb7; border:0px none; border-radius:100%; box-sizing:border-box; }
.tabBar.circle > li.line2 a{ padding-top:25px; line-height:140%; }
.tabBar.circle > li.allList.active a{ background:#286fa7; }
.tabBar.circle > li.type1List.active a{ background:#e96250; }
.tabBar.circle > li.type2List.active a{ background:#28a5e0; }
.tabBar.circle > li.type3List.active a{ background:#26b860; }
.tabBar.circle > li.type4List.active a{ background:#d1ae23; }

/* searchBox */
.searchBox{ position:relative; margin-bottom:25px; padding:20px 30px 20px 250px; min-height:80px; background:#f8f8f8; border:1px solid #ededed; box-sizing:border-box; }
.searchBox.pdl30{ padding-left:30px; }
.searchBox:after{ display:block; content:''; clear:both; }
.searchBox .pageNum{ position:absolute; top:50%; left:30px; margin-top:-10px; padding-left:28px; height:21px; font-size:15px; background:url(/images/sub/icon_search_num.png) no-repeat left center; }
.searchBox .pageNum .allNum{ color:#e03918; }
.searchBox .searchInner{ float:right; }
.searchBox .searchInner.fNone{ float:none; text-align:center; }
.searchBox .searchInner select,
.searchBox .searchInner input{ margin:0; height:40px; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; }
.searchBox .searchInner select{ padding-left:10px; background:#fff url(/images/sub/icon_select_arrow.png) no-repeat right 15px center; -webkit-appearance:none; /* chrome*/ -moz-appearance:none; /* firefox */ appearance:none; }
.searchBox .searchInner select::-ms-expand { display:none }
.searchBox .searchInner .searchBtn{ width:70px; height:40px; font-size:14px; font-weight:600; text-align:center; color:#fff; background:#144164; border:0px none; border-radius:3px; }
.searchBox .searchInner a.searchBtn{ display:inline-block; vertical-align:middle; line-height:40px; }
.searchBox .searchInner a.searchBtn.gray{ line-height:38px; color:#777e8b; background:#fff; border:1px solid #777e8b; box-sizing:border-box; }
.searchBox .searchInner .searchArrow{ display:inline-block; width:40px; height:40px; vertical-align:middle; text-indent:-9999px; background-color:#777e8b; background-repeat:no-repeat; background-position:center; border-radius:3px; }
.searchBox .searchInner .searchArrow.prev{ background-image:url(/images/sub/icon_searchArrow_prev.png); }
.searchBox .searchInner .searchArrow.next{ background-image:url(/images/sub/icon_searchArrow_next.png); }
.searchBox .searchInner .txt{ margin-right:5px; font-size:14px; vertical-align:middle; }
.dataSearchBox{ margin-bottom:50px; }
.dataSearchBox .dataSearch{ margin-bottom:4px; }
/* 20220303 수정 (start) */
.dataSearchBox .dataSearch .textInput{ padding-left:30px; width:calc(100% - 135px); height:66px; font-size:19px; font-family:'NanumSquare'; font-weight:500; border:3px solid #144164; border-radius:5px; box-sizing:border-box; }
.dataSearchBox .dataSearch .textInput::placeholder{ font-size:19px; font-family:'NanumSquare'; font-weight:500; color:#144164; }
.dataSearchBox .dataSearch .btnInput{ padding-left:34px; width:130px; height:66px; line-height:66px; font-size:18px; font-family:'NanumSquare'; color:#fff; background:#144164 url(/images/sub/icon_btn_input.png) no-repeat 30px center; border:0px none; border-radius:5px; box-sizing:border-box; vertical-align:top;}
.dataSearchBox .dataSearch .detailsBtn{ display:inline-block; width:130px; height:66px; vertical-align:middle; line-height:66px; font-size:18px; font-family:'NanumSquare'; text-align:center; color:#144164; border:1px solid #144164; border-radius:5px; box-sizing:border-box; }
.dataSearchBox .dataSearch .detailsBox{ display:none; position:relative; margin-top:4px; padding:28px; text-align:center; background:#f8f8f8; border:1px solid #e8e8e8; border-radius:5px; }
.dataSearchBox .dataSearch .detailsBox .title{ font-size:17px; font-family:'NanumSquare'; font-weight:600; color:#144164; }
.dataSearchBox .dataSearch .detailsBox .useDatepicker{ padding:0 17px; width:170px; height:46px; font-size:15px; color:#144164; background:#fff; border:1px solid #144164; border-radius:3px; }
.dataSearchBox .dataSearch .detailsBox .useDatepicker::placeholder{ font-size:15px; color:#144164; }
.dataSearchBox .dataSearch .detailsBox .useDatepicker+.ui-datepicker-trigger{ display:inline-block; width:46px; height:46px; text-indent:-9999px; background:#144164 url(/images/sub/icon_datepicker02.png) no-repeat center; border:0px none; border-radius:3px }
.dataSearchBox .dataSearch select{ width:170px; height:46px; color:#144164; background-color:#fff; border:1px solid #144164; border-radius:3px; box-sizing:border-box; }
.dataSearchBox .dataSearch .detailsBox a{ display:block; position:absolute; top:-71px; right:0; width:130px; height:66px; text-indent:-9999px; background:#fff url(/images/sub/icon_detailsBox_ex.png) no-repeat center; border:1px solid #144164; border-radius:5px; box-sizing:border-box; }
.dataSearchBox .detailSearch{ border:1px solid #e8e8e8; border-radius:5px; overflow:hidden; }
.dataSearchBox .detailSearch .titleList{ padding:10px 30px; background:#f8f8f8; }
.dataSearchBox .detailSearch .titleList > li{ display:flex; align-items:center; padding:12px 3px; border-bottom:1px dashed #e5e5e5; }
.dataSearchBox .detailSearch .titleList > li:last-child{ border-bottom:0px; }
.dataSearchBox .detailSearch .titleList > li .title{ width:90px; font-size:17px; color:#144164; flex-shrink:0;}
.dataSearchBox .detailSearch .titleList .listItemBox{ display:flex; flex-wrap:wrap; }
.dataSearchBox .detailSearch .titleList .listItemBox > li{ margin:4px 8px 4px 0; }
.dataSearchBox .detailSearch .titleList .listItemBox > li a{ display:block; padding:0 15px; min-width:20px; height:40px; line-height:40px; font-size:12px; text-align:center; color:#555; background:#fff; border-radius:50px; box-shadow:0 2px 4px rgba(0,0,0,0.1); box-sizing:border-box; }
.dataSearchBox .detailSearch .titleList .listItemBox > li.active a{ color:#fff; background:#2c8fa6; box-shadow:0 2px 4px rgba(0,0,0,0.3); }
.dataSearchBox .detailSearch .selectView{ display:flex; padding:15px 30px; background:#eff0f0; border-top:1px solid #e8e8e8; }
.dataSearchBox .detailSearch .selectView .allCancle{ margin-right:25px; padding-left:21px; width:95px; height:35px; line-height:35px; font-size:15px; font-weight:600; text-align:center; color:#144164; background:#fff url(/images/sub/icon_data_all_cancle.png) no-repeat left 9px center; border:1px solid #144164; border-radius:5px; box-sizing:border-box; }
.dataSearchBox .detailSearch .selectView > ul{ display:flex; flex-wrap:wrap; align-items:center; width:calc(100% - 120px); }
.dataSearchBox .detailSearch .selectView > ul > li{ margin-right:25px; }
.dataSearchBox .detailSearch .selectView > ul > li a{ display:block; padding-right:16px; font-size:16px; color:#2c8fa6; background:url(/images/sub/icon_data_cancle.png) no-repeat right center; }
.dataSearchBox .detailSearch .selectView > ul > li a:hover{ text-decoration:underline; }
/* 20220303 수정 (end) */
.latestSearch{ position:relative; padding-left:136px; }
.latestSearch:after{ display:block; content:''; clear:both; }
.latestSearch .title{ position:absolute; top:5px; left:32px; font-size:16px; color:#222; }
.latestSearch ul{ float:left; padding-top:5px; max-width:calc(100% - 90px); }
.latestSearch ul > li{ float:left; padding:0 10px; }
.latestSearch ul > li a{ line-height:22px; font-size:14px; color:#555; }
.latestSearch ul > li a:hover{ text-decoration:underline; }
.latestSearch > a{ float:left; padding-left:24px; width:84px; line-height:32px; font-size:13px; color:#515661; background:url(/images/sub/icon_allEx.png) no-repeat 11px center; border:1px solid #d9dbe0; box-sizing:border-box; }

/* datepicker */
.useDatepicker{ padding:0 42px 0 12px; background:#fff url(/images/sub/icon_datepicker.png) no-repeat right 13px center; }
.ui-datepicker{ display:none; margin-top:2px; padding:15px 10px 12px; width:276px; background:#fff; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; }
.ui-datepicker:after{ display:block; content:''; position:absolute; top:-8px; left:9px; width:13px; height:8px; background:url(/images/sub/icon_datepicker_after.png) no-repeat center; }
.ui-datepicker-header{ position:relative; margin-bottom:12px; }
.ui-datepicker-title{ font-size:16px; font-family:'Malgun Gothic', 'Dotum', Sans-serif; font-weight:600; text-align:center; }
.ui-datepicker-prev{ position:absolute; top:3px; left:50px; width:8px; height:14px; text-indent:-9999px; background:url(/images/sub/icon_datepicker_prev.png) no-repeat center; }
.ui-datepicker-next{ position:absolute; top:3px; right:50px; width:8px; height:14px; text-indent:-9999px; background:url(/images/sub/icon_datepicker_next.png) no-repeat center; }
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover{ cursor:pointer; }
.ui-datepicker-trigger{ display:none; }
.ui-datepicker-calendar{ font-family:'Malgun Gothic', 'Dotum', Sans-serif; }
.ui-datepicker-calendar thead tr th{ padding:10px 5px; font-size:12px; text-align:center; color:#058177; background:#ebf8f7; }
.ui-datepicker-calendar tbody tr td{ padding:8px 5px; font-size:12px; text-align:center; }

/* paging */
.paging{ margin:50px 0; text-align:center; }
.paging a{ display:inline-block; width:34px; height:34px; vertical-align:middle; }
.paging a.firstPage{ text-indent:-9999px; background:url(/images/sub/icon_first_page.png) no-repeat center; }
.paging a.prevPage{ text-indent:-9999px; background:url(/images/sub/icon_prev_page.png) no-repeat center; }
.paging a.nextPage{ text-indent:-9999px; background:url(/images/sub/icon_next_page.png) no-repeat center; }
.paging a.lastPage{ text-indent:-9999px; background:url(/images/sub/icon_last_page.png) no-repeat center; }
.paging a.num{ margin:0 2px; line-height:34px; font-size:14px; color:#353535; border-radius:3px; }
/* 20220303 수정 (start) */
.paging a.num.active{ font-weight:600; color:#fff; background:#2c8fa6; }
/* 20220303 수정 (end) */
/* colBox */
.colBox{ margin:0 -17px; }
.colBox:after{ display:block; content:''; clear:both; }
.colBox > .colItem{ float:left; padding:0 17px; box-sizing:border-box; }
.colBox.col1 > .colItem{ width:100%; }
.colBox.col2 > .colItem{ width:50%; }
.colBox.col3 > .colItem{ width:33.3333%; }
.colBox.col4 > .colItem{ width:25%; }
.colBox.col5 > .colItem{ width:20%; }

/* listType */
.listType1{ margin-bottom:15px; }
.listType1 > li{ position:relative; margin-bottom:8px; padding-left:10px; line-height:140%; }
.listType1 > li:last-child{ margin-bottom:0px; }
.listType1 > li:after{ display:block; content:''; position:absolute; left:0; top:9px; width:6px; height:1px; background:#5d5d5d; }
.listType1.word5 > li{ padding-left:64px; }
.listType1.word5 > li .word{ position:absolute; top:0px; left:10px; }
.listType1.green > li{ color:#058177; }
.listType1.green > li:after{ background:#45958d; }
.listType2 > li{ position:relative; margin-bottom:8px; padding-left:10px; line-height:140%; }
.listType2 > li:last-child{ margin-bottom:0px; }
.listType2 > li:after{ display:block; content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#2b7fbe; border-radius:100%; }
.listType2.pdl120 > li{ padding-left:120px; }
.listType2.pdl120 > li > .txtPosition{ position:absolute; top:0; left:10px; font-weight:600; }

/* table-info */
/* 220427 추가(s) */
.tableBox.scroll_all{ overflow:auto; }
.tableBox.scroll_x{ overflow-x:auto; }
.tableBox.scroll_y{ overflow-y:auto; }
.tableBox .w1300{ width:1300px; }
.tableBox .w1400{ width:1400px; }
.tableBox .w1500{ width:1500px; }
.tableBox .w1600{ width:1600px; }
.tableBox .w1700{ width:1700px; }
.tableBox .w1800{ width:1800px; }
.tableBox .w1900{ width:1900px; }
.tableBox .w2000{ width:2000px; }
.tableBox .w3000{ width:3000px; }
.tableBox .w4000{ width:4000px; }
.tableBox .w5000{ width:5000px; }
/* 220427 추가(e) */
.tableBox.info{ border-top:1px solid #909090; }
.tableBox.info thead tr th{ position:relative; padding:18px; font-size:14px; font-weight:500; word-break:break-all; background:#eff0f0; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
.tableBox.info thead tr th:last-child{ border-right:0px none; }
.tableBox.info tbody tr th{ position:relative; padding:18px 21px; font-size:14px; font-weight:500; text-align:left; background:#f8f8f8; border-bottom:1px solid #e8e8e8; }
/* 220425 수정 (s) */
.tableBox.info tbody tr td{ padding:18px; font-size:15px; word-break:break-all; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
/* 220425 수정 (e) */
.tableBox.info tbody tr td:last-child{ border-right:0px none; }
.tableBox.info.small thead th{ padding:12px; font-size:13px; font-weight:600; }
.tableBox.info.small tbody td{ padding:6px 10px; font-size:13px; }
.tableBox.info.small tbody td input[type="text"],
.tableBox.info.small tbody td select{ height:30px; }
.tableBox.info.small tbody td .btnSide{ display:inline-block; margin:0 2px; width:60px; height:30px; vertical-align:middle; line-height:30px; font-size:13px; font-weight:400; text-align:center; color:#777e8b; background:#fff; border:1px solid #777e8b; border-radius:3px; box-sizing:border-box; }
.tableBox.info.type2{ border-top:2px solid #909090; }
.tableBox.info.type2 thead th{ padding:13px; font-weight:600; background:#fff; }
.tableBox.info.type2 tbody th{ font-weight:600; background:#fff; border-right:1px solid #e8e8e8; }

/* table-list */
.conduite{ margin-bottom:15px; padding-left:39px; min-height:20px; line-height:140%; font-size:14px; background:url(/images/sub/icon_conduite.png) no-repeat left 8px top; }
.listTopBox{margin-bottom:35px; padding:32px 20px 32px 195px; min-height:200px; border-radius:10px 10px 60px 10px; box-sizing:border-box; }
.listTopBox.type1{ background:#f4f7fa url(/images/sub/icon_list_top01.png) no-repeat 40px 25px; }
.listTopBox.type2{ padding-top:80px; height:176px; vertical-align:middle; background:#f4f7fa url(/images/sub/icon_list_top02.png) no-repeat 40px center; }
.listTopBox.type3{display:flex;align-items:center;min-height:176px; vertical-align:middle; line-height:160%; background:#f4f7fa url(/images/sub/icon_list_top03.png) no-repeat 40px center;}
.listTopBox.type3 .colorBlue:first-of-type{display:inline-block;margin-top:10px;}
.listTopBox.type4{ padding-top:80px; height:176px; vertical-align:middle; line-height:160%; background:#f4f7fa url(/images/sub/icon_list_top04.png) no-repeat 40px center; }
.listTopBox .title{ display:block; margin-bottom:15px; font-size:19px; font-family:'NanumSquare'; color:#144164; }
.listTopBox > p{ line-height:140%; font-size:17px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; color:#222; }
.listTopBox > p span{ color:#0d6fb9; }
.listTopBox > ul > li{ position:relative; margin-bottom:4px; padding-left:12px; font-size:15px; font-weight:500; color:#555; }
.listTopBox > ul > li:last-child{ margin-bottom:0; }
.listTopBox > ul > li:after{ display:block; content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background:#2c8fa6; border-radius:100%; }
.listTopBox .smallTxt{ display:block; font-size:15px; color:#555; }
.listTopInfo{display:flex; position:relative; margin-bottom:12px; padding-left:210px; min-height:38px; }
.listTopInfo .allPage{ position:absolute; top:10px; left:0; padding-left:34px; min-height:21px; line-height:21px; font-size:14px; color:#555; background:url(/images/sub/icon_search_num.png) no-repeat left center; }
.listTopInfo .allPage strong{ font-weight:600; color:#e03918; }
.listTopInfo .tool{display:flex;align-items:center;gap:5px;}
.listTopInfo select{margin-left:auto; }
.listTopInfo .btnList{ display:inline-block; width:130px; height:40px; line-height:40px; font-size:14px; font-weight:600; text-align:center; color:#fff; background:#144164; border-radius:3px; }
/* 20220303 수정 (start) */
.listTopInfo.type2{ display:flex; justify-content:flex-end; align-items:center; padding-left:0; }
.listTopInfo.type2 p.careText{ display:flex; align-items:center; margin-right:auto; font-size:13px; color:#878787; }
.listTopInfo.type2 p.careText .care{ margin-right:10px; width:66px; height:25px; line-height:25px; font-size:13px; text-align:center; color:#e96250; border:1px solid #e96250; border-radius:50px; flex-shrink:0;}
/* 20220303 수정 (end) */
.tableBox.list{ margin-bottom:50px; border-top:2px solid #333; }
.tableBox.list table thead th{ padding:18px 12px; font-size:15px; font-weight:600; text-align:center; color:#333; background:#eff0f0; border-bottom:1px solid #e8e8e8; }
.tableBox.list table tbody td{ padding:18px 12px; font-size:15px; color:#333; border-bottom:1px solid #e8e8e8; word-break:keep-all; }
.tableBox.list table tbody td > .title{ display:inline-block; max-width:100%; line-height:19px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; }
.tableBox.list table tbody td > .title.newList{ padding-right:24px; background:url(/images/sub/icon_new.png) no-repeat right 0px center; }
.tableBox.list table tbody td > .title:hover{ text-decoration:underline; }
.tableBox.list table tbody td > .secret{ padding-right:32px; min-height:23px; line-height:23px; background:url(/images/sub/icon_secret.png) no-repeat right 0px center; }
.tableBox.list table tbody td .state{ display:inline-block; width:77px; height:32px; line-height:32px; font-size:13px; text-align:center; color:#fff; border-radius:50px; box-sizing:border-box; }
.tableBox.list table tbody td .state.small{ width:67px; }
.tableBox.list table tbody td .state.red{ background:#f44b29; }
.tableBox.list table tbody td .state.gray{ background:#b3b8c1; }
.tableBox.list table tbody td .state.green{ background:#14bb48; }
.tableBox.list table tbody td .state.normal{ color:#777e8b; border:1px solid #777e8b; }
.tableBox.list table tbody td .state.popRelative{ position:relative; }
.tableBox.list table tbody td .state.popRelative .btn_modalOpen{ position:absolute; top:50%; right:-29px; margin-top:-12px; width:24px; height:24px; line-height:24px; font-size:13px; text-align:center; color:#555; background:#e7e7e7; border-radius:100%; }
.tableBox.list table tbody td .state.type2{ width:70px; height:36px; line-height:36px; border-radius:3px; }
.tableBox.list table tbody td .state.type2.blue{ background-color:#0d6fb9; }
.tableBox.list table tbody td .state.type3{ width:53px; height:27px; line-height:25px; border-radius:0; font-size:13px; text-align:center; background:#fff; }
.tableBox.list table tbody td .state.type3.blue{ color:#1076a1; border:1px solid #1076a1; }
.tableBox.list table tbody td .state.type3.purple{ color:#5f63b2; border:1px solid #5f63b2; }
.tableBox.list.dataList .circleTitle{ display:inline-block; padding-top:32px; width:80px; height:80px; font-size:13px; text-align:center; color:#fff; border-radius:100%; box-sizing:border-box; }
.tableBox.list.dataList .circleTitle.line2{ padding-top:24px; }
.tableBox.list.dataList .circleTitle.red{ background:#e96250; }
.tableBox.list.dataList .circleTitle.blue{ background:#28a5e0; }
.tableBox.list.dataList .circleTitle.green{ background:#26b860; }
.tableBox.list.dataList .circleTitle.orange{ background:#d1ae23; }
.tableBox.list.dataList .title{ margin-bottom:15px; font-size:18px; font-family:'NanumSquare'; font-weight:600; color:#222; }
.tableBox.list.dataList .title + p{ height:40px; overflow:hidden; text-overflow:ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.tableBox.list.scrollTable{ overflow-y:auto; }

/* table-write */
.tableBox.write{ border-top:2px solid #333; }
.tableBox.write tbody th{ padding:15px; font-size:14px; font-weight:600; text-align:left; color:#333; background:#f8f8f8; border-bottom:1px solid #e8e8e8; }
.tableBox.write tbody th .required{ position:relative; padding-right:14px; }
.tableBox.write tbody th .required::after{ display:block; content:"*"; position:absolute; top:2px; right:0; color:#e03918; }
.tableBox.write tbody td{ padding:15px 12px; font-size:14px; color:#333; border-bottom:1px solid #e8e8e8; }          
.tableBox.write tbody td > .title{ display:block; font-size:15px; }
.tableBox.write tbody td .btnSizeTxt{ font-size:13px; color:#818181; }
.tableBox.write tbody td .tableSideTxt{ font-weight:400; color:#818181; }
.tableBox.write tbody td label{ font-size:14px; }
.tableBox.write tbody td input[type="file"]{ width:0; height:0; font-size:0; }
.tableBox.write tbody td input[type="file"] + .inputFile{ display:inline-block; position:relative; width:88px; height:40px; line-height:40px; font-size:12px; text-align:center; color:#fff; background:#777e8b; border-radius:3px; }
.tableBox.write tbody td .fileAdd,
.tableBox.write tbody td .fileRemove{ display:inline-block; width:64px; height:40px; vertical-align:middle; line-height:40px; font-size:12px; text-align:center; color:#fff; background:#777e8b; border-radius:3px; }
.tableBox.write tbody td input[type="file"] + .inputFile:hover{ cursor:pointer; }
.tableBox.write tbody td input[type="file"]:focus + .inputFile:after{ display:block; content:''; position:absolute; top:0; width:84px; height:36px; border:2px solid #000; border-radius:3px; }
.tableBox.write.type2 tbody th{ background:#fff; }
.tableBox.write .selectList > li{ position:relative; margin-bottom:6px; padding-left:170px; }
.tableBox.write .selectList > li:last-child{ margin-bottom:0; }
.tableBox.write .selectList > li .txt{ position:absolute; top:0; left:0; line-height:40px; }
.tableBox.write .selectList > li .txt.required::after{ display:block; content:'＊'; position:absolute; top:2px; right:-13px; color:#e03918; }
.tableBox.write .selectList.type2 > li{ padding-left:95px; }
p.requiredTxt{ margin:-47px 0 20px; text-align:right; }
p.requiredTxt .icon{ position:relative; padding-left:14px; font-size:13px; color:#555; }
p.requiredTxt .icon:after{ display:block; content:'＊'; position:absolute; top:0; left:0; color:#e03918; }

/* table-view */
.tableBox.view{ border-top:2px solid #333; }
.tableBox.view thead tr th{ position:relative; padding:30px 35px; font-size:21px; font-weight:600; text-align:left; background:#eff0f0; border-bottom:1px solid #e8e8e8; }
.tableBox.view thead tr th.dateTh{ padding-right:242px; }
.tableBox.view thead tr th.dateTh .date{ position:absolute; top:50%; right:30px; margin-top:-7.5px; height:15px; font-size:15px; font-weight:500; }
.tableBox.view thead tr th.dateTh .date em{ position:relative; margin-right:32px; }
.tableBox.view thead tr th.dateTh .date em::after{ display:block; content:''; position:absolute; top:4px; right:-15px; width:1px; height:13px; background:#d1d1d1; }
.tableBox.view tbody tr th{ position:relative; padding:18px 35px; font-size:15px; font-weight:600; text-align:left; border-bottom:1px solid #e8e8e8; }
.tableBox.view tbody tr th:after{ display:block; content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:14px; background:#e8e8e8; }
.tableBox.view tbody tr td{ padding:18px 35px; font-size:15px; text-align:left; border-bottom:1px solid #e8e8e8; }
.tableBox.view tbody tr td.vtTop{ vertical-align:top; }
.tableBox.view tbody tr td .viewContent{ padding:15px 0; min-height:400px; }
.tableBox.view tbody tr td .viewFile{ margin-bottom:3px; }
.tableBox.view tbody tr td .viewFile:last-child{ margin-bottom:0; }
.tableBox.view tbody tr td .viewFile a{ display:inline-block; padding:4px 0 0 35px; min-height:27px; line-height:140%; background:url(/images/sub/icon_file.png) no-repeat left top; }
.tableBox.view tbody tr td a:hover{ text-decoration:underline; }
.tableBox.view tbody tr td .dataView{ display:flex; justify-content:space-between; }
.tableBox.view tbody tr td .dataView .imgBox{ width:360px; height:360px; }
.tableBox.view tbody tr td .dataView .imgBox img{ width:100%; height:100%; }
.tableBox.view tbody tr td .dataView p{ width:calc(100% - 390px); }
.tableBox.view.type2 tbody tr th{ background:#f8f8f8; }
.tableBox.view.type2 tbody tr th:after{ display:none; }
.tableBox.view.type2 tbody tr td{ border-right:1px solid #e8e8e8; }
.tableBox.view.type2 tbody tr td:last-child{ border-right:0px none; }

/* 회원서비스 > 회원가입 */
.joinStep{ margin-bottom:50px; }
.joinStep ul{ margin:auto; width:500px; }
.joinStep ul:after{ display:block; content:''; clear:both; }
.joinStep ul li{ position:relative; float:left; padding-top:64px; width:25%; font-size:14px; font-weight:500; text-align:center; color:#333; background-repeat:no-repeat; background-position:center top; box-sizing:border-box; }
.joinStep ul li:after{ display:block; content:''; position:absolute; top:29px; right:-10px; width:20px; height:1px; background:#c5c5c5; }
.joinStep ul li.step1{ background-image:url(/images/sub/icon_joinstep01_off.png); }
.joinStep ul li.step2{ background-image:url(/images/sub/icon_joinstep02_off.png); }
.joinStep ul li.step3{ background-image:url(/images/sub/icon_joinstep03_off.png); }
.joinStep ul li.step4{ background-image:url(/images/sub/icon_joinstep04_off.png); }
.joinStep ul li.step4:after{ display:none; }
.joinStep ul li.active{ font-weight:600; color:#146cae; }
.joinStep ul li.step1.active{ background-image:url(/images/sub/icon_joinstep01_on.png); }
.joinStep ul li.step2.active{ background-image:url(/images/sub/icon_joinstep02_on.png); }
.joinStep ul li.step3.active{ background-image:url(/images/sub/icon_joinstep03_on.png); }
.joinStep ul li.step4.active{ background-image:url(/images/sub/icon_joinstep04_on.png); }
.agreeBox .agreeTxtBox{ margin-bottom:18px; padding:34px 30px; height:280px; background:#f8f8f8; border-radius:5px; box-sizing:border-box; overflow-y:auto; }
.allAgreeBox{ margin-bottom:30px; padding-top:34px; font-size:16px; font-weight:500; text-align:center; border-top:1px solid #e8e8e8; }
.certifyBox{ padding:60px 228px; background:#f8f8f8; }
.certifyBox > .title{ display:block; margin-bottom:15px; font-size:21px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; font-weight:600; text-align:center; color:#333; }
.certifyBox > .titleTxt{ margin-bottom:30px; line-height:140%; font-size:15px; font-weight:500; text-align:center; color:#555; }
.certifyBox > ul{ margin:0 -12px; }
.certifyBox > ul:after{ display:block; content:''; clear:both; }
.subcontent:has(.joinStep) .btnBox .on{vertical-align:top;}

/*.certifyBox > ul > li{ float:left; margin:0 12px; padding:150px 30px 50px; height:400px; width:calc(50% - 24px); text-align:center; border:1px solid #e8e8e8; border-radius:15px; box-sizing:border-box; }
*/

.certifyBox > ul > li{ margin:0 12px; padding:150px 30px 50px; height:400px; text-align:center; border:1px solid #e8e8e8; border-radius:15px; box-sizing:border-box; }
.certifyBox > ul > li.phoneBox{ background:#fff url(/images/sub/icon_phoneBox.png) no-repeat center 60px; }
.certifyBox > ul > li.emailBox{ background:#fff url(/images/sub/icon_emailBox.png) no-repeat center 65px; }
.certifyBox > ul > li strong{ display:inline-block; margin-bottom:15px; font-size:27px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; font-weight:600; }
.certifyBox > ul > li p{ margin-bottom:45px; line-height:140%; font-size:14px; color:#818181; }
.certifyBox.type2{ padding:60px 40px 50px; }
.certifyBox.type2 .whiteBox{ padding:50px 48px; background:#fff; border-radius:15px; }
.certifyBox.type2 .whiteBox .whiteTitle{ margin-bottom:15px; }
.certifyBox.type2 .whiteBox .whiteTitle:after{ display:block; content:''; clear:both; }
.certifyBox.type2 .whiteBox .whiteTitle strong{ float:left; font-size:22px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; font-weight:600; color:#333; }
.certifyBox.type2 .whiteBox .whiteTitle span{ position:relative; float:right; padding-left:14px; line-height:25px; font-size:13px; color:#555; }
.certifyBox.type2 .whiteBox .whiteTitle span::after{ display:block; content:"*"; position:absolute; top:0; left:0; color:#e03918; }
.joinFinish{ margin-bottom:48px; text-align:center; }
.joinFinish h4{ margin-bottom:20px; font-size:26px; }
.joinFinish p{ font-size:14px; color:#818181; }

/* 회원서비스 > 로그인 */
.loginInner{ margin:auto; width:530px; }
.loginBox{ margin-bottom:80px; }
.loginBox input{ display:block; margin-bottom:8px; padding-left:50px; width:100%; height:50px; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; }
.loginBox .inputId{ background:url(/images/sub/icon_login_id.png) no-repeat 20px center; }
.loginBox .inputPw{ margin:8px 0 12px 0; background:url(/images/sub/icon_login_pw.png) no-repeat 20px center; }
.loginBox .loginBtn{ display:block; margin-bottom:22px; line-height:56px; font-size:15px; font-weight:400; text-align:center; color:#fff; background:#2c8fa6; border-radius:3px; }
.loginBox .snsLogin{ margin:0 -5px; }
.loginBox .snsLogin:after{ display:block; content:''; clear:both; }
.loginBox .snsLogin a{ float:left; margin:0 5px; width:calc(50% - 10px); height:56px; line-height:56px; font-size:16px; font-weight:400; text-align:center; color:#fff; border-radius:3px; }
.loginBox .snsLogin a.naverBtn{ background:#08c259; }
.loginBox .snsLogin a.naverBtn span{ padding-left:28px; height:17px; line-height:17px; background:url(/images/sub/icon_login_naver.png) no-repeat left center; }
.loginBox .snsLogin a.kakaoBtn{ background:#381e1f; }
.loginBox .snsLogin a.kakaoBtn span{ display:inline-block; padding-left:38px; height:25px; line-height:25px; background:url(/images/sub/icon_login_kakao.png) no-repeat left center; }
.loginBot ul li{ position:relative; padding:20px 242px 20px 15px; font-size:14px; color:#333; border-bottom:1px solid #e8e8e8; }
.loginBot ul li:after{ display:block; content:''; position:absolute; top:26px; left:0; width:3px; height:3px; background:#2c8fa6; border-radius:100%; }
.loginBot ul li .botBtn{ display:block; position:absolute; top:8px; width:114px; height:40px; line-height:40px; font-size:13px; font-weight:400; text-align:center; color:#6b7381; border:1px solid #6b7381; border-radius:3px; box-sizing:border-box; }
.loginBot ul li .botBtn:first-child{ right:4px; }  
.loginBot ul li .botBtn:nth-child(2){ right:121px; }  
.loginBot ul li .botBtn.gray{ right:4px; color:#fff; background:#6b7381; border:1px solid #6b7381;}

/* 회원서비스 > 아이디,비밀번호 찾기 */
.findUser{ margin:0 auto 100px; max-width:824px; }
.findUser > ul{ margin:0 -12px; }
.findUser > ul:after{ display:block; content:''; clear:both; }
.findUser > ul > li{ float:left; margin:0 12px; padding:150px 30px 50px; height:400px; width:calc(50% - 24px); text-align:center; border:1px solid #e8e8e8; border-radius:15px; box-sizing:border-box; }
.findUser > ul > li.phoneBox{ background:#fff url(/images/sub/icon_phoneBox.png) no-repeat center 60px; }
.findUser > ul > li.emailBox{ background:#fff url(/images/sub/icon_emailBox.png) no-repeat center 65px; }
.findUser > ul > li strong{ display:inline-block; margin-bottom:15px; font-size:27px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; font-weight:600; }
.findUser > ul > li p{ margin-bottom:45px; line-height:140%; font-size:14px; color:#818181; }
.findUserWrite{ margin:auto; padding:50px 47px; max-width:1200px; border:1px solid #e8e8e8; border-radius:15px; box-sizing:border-box; }
.findUserWrite.full{ max-width:100%; }
.findUserWrite > p{ margin-bottom:20px; font-size:14px; color:#333; }
.findUserWrite > p.result{ margin:auto; padding:30px 0 50px; max-width:755px; font-size:18px; font-family:'NanumSquare', 'Malgun Gothic', 'Dotum', Sans-serif; text-align:center; color:#333; border-bottom:1px solid #e8e8e8; }
.findUserWrite > p.result strong{ font-weight:700; }
.findUserWrite > p.result strong.red{ color:#e03918; }
.findUserWrite .outCause{ display:block; margin:20px auto 12px; padding-left:8px; max-width:600px; font-size:14px; text-align:left; color:#333; box-sizing:border-box; }
.pwFind{ margin:auto; padding:30px 0 50px; max-width:755px; text-align:center; color:#333; border-bottom:1px solid #e8e8e8;  }
.pwFind p{ margin-bottom:34px; line-height:140%; font-size:15px; color:#333; }
.pwFind input{ padding-left:20px; box-sizing:border-box; }
.pwFindResult p{ margin-bottom:34px; font-size:15px; text-align:center; color:#333; }
.pwFindResult span{ display:block; margin:auto; max-width:756px; line-height:110px; font-size:18px; font-weight:700; text-align:center; color:#e03918; background:#f8f8f8; }

/* 데이터 제공 > 데이터셋 */
.dataContentTop{ position:relative; margin-bottom:45px; padding:34px 34px 34px 165px; min-height:90px; background:#f4f8fb; border-top:2px solid #333; border-radius:0 0 10px 10px; box-sizing:border-box; }
.dataContentTop .iconTxt{ position:absolute; top:50%; left:50px; margin-top:-45px; padding-top:26px; width:90px; height:90px; font-size:27px; text-align:center; color:#fff; border-radius:100%; box-sizing:border-box; }
.dataContentTop .iconTxt.red{ background:#e96250; }
.dataContentTop .iconTxt.blue{ background:#28a5e0; }
.dataContentTop .title{ display:block; margin-bottom:15px; font-size:22px; font-family:'NanumSquare'; font-weight:600; color:#222; }
.dataContentTop p{ line-height:150%; font-size:15px; color:#555; }

/* 데이터 제공 > Open API */
.openApiList{ border-top:2px solid #333; }
.openApiList > ul > li{ position:relative; padding:21px 150px 21px 8px; border-bottom:1px solid #e8e8e8; }
.openApiList > ul > li .titlebox{ position:relative; padding-left:102px; line-height:30px; }
.openApiList > ul > li .titlebox .titleLink{ display:inline-block; max-width:100%; font-size:17px; font-weight:600; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.openApiList > ul > li .titlebox .titleLink:hover{ text-decoration:underline; }
.openApiList > ul > li .titlebox .token{ position:absolute; top:0; left:0; width:90px; height:30px; line-height:30px; font-size:13px; text-align:center; color:#fff; border-radius:5px; }
.openApiList > ul > li .titlebox .token.red{ background:#e96250; }
.openApiList > ul > li .titlebox .token.blue{ background:#28a5e0; }
.openApiList > ul > li .titlebox .token.green{ background:#26b860; }
.openApiList > ul > li .titlebox .token.yellow{ background:#d1ae23; }
.openApiList > ul > li > p{ margin-bottom:10px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.openApiList > ul > li .footInfo:after{ display:block; content:''; clear:both; }
.openApiList > ul > li .footInfo > li{ float:left; font-size:14px; }
.openApiList > ul > li .footInfo > li:first-child{ margin-right:80px; }
.openApiList > ul > li .footInfo > li strong{ display:inline-block; margin-right:10px; font-weight:600; }
.openApiList > ul > li .footInfo > li .hashTag{ color:#0d6fb9; }
.openApiList > ul > li .sideBox{ position:absolute; top:21px; right:15px; text-align:right; }
.openApiList > ul > li .sideBox ul{ margin-bottom:20px; }
.openApiList > ul > li .sideBox ul li{ display:block; margin-bottom:3px; font-size:14px; }
.openApiList > ul > li .sideBox ul li strong{ display:inline-block; margin-right:5px; font-weight:600; }
.openApiList > ul > li .sideBox .state{ display:inline-block; width:53px; height:27px; line-height:25px; text-align:center; font-size:13px; font-weight:600; box-sizing:border-box; }
.openApiList > ul > li .sideBox .state.blue{ color:#1076a1; border:1px solid #1076a1; }
.openApiList > ul > li .sideBox .state.purple{ color:#5f63b2; border:1px solid #5f63b2; }
.openApiList > ul > li .leftSideBox{ position:absolute; top:21px; left:15px; text-align:left; }
.openApiList > ul > li .leftSideBox ul{ margin-bottom:20px; }
.openApiList > ul > li .leftSideBox ul li{ display:block; margin-bottom:3px; font-size:14px; }
.openApiList > ul > li .leftSideBox ul li strong{ display:inline-block; margin-right:5px; font-weight:600; }
.openApiList > ul > li .leftSideBox .state{ display:inline-block; width:53px; height:27px; line-height:25px; text-align:center; font-size:13px; font-weight:600; box-sizing:border-box; }
.openApiList > ul > li .leftSideBox .state.blue{ color:#1076a1; border:1px solid #1076a1; }
.openApiList > ul > li .leftSideBox .state.purple{ color:#5f63b2; border:1px solid #5f63b2; }
.grayBox{ padding:30px 34px; background:#f8f8f8; }

/* 데이터 제공 > 전문분석 데이터 신청 */
.dataSet .checkItem label{ font-weight:600; }
.dataSet .checkItem label:hover{ text-decoration:underline; cursor:pointer; }
.dataBox{ text-align:left; background:#f8f8f8; }
.dataBox > div{ padding-left:129px; }
.dataBox > div .title{ display:inline-block; position:relative; margin:0 10px 0 29px; vertical-align:middle; line-height:40px; }
.dataBox > div .title:after{ display:block; content:''; position:absolute; left:-29px; top:0; width:17px; height:22px; background:url(/images/sub/icon_dataBox_comment.png) no-repeat center; }

/* 데이터 활용 > 데이터 활용사례 */
.cardList{ padding-top:25px; border-top:2px solid #333; }
.cardList > ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(305px, auto));gap:20px;}
.cardList > ul > li{ position:relative; padding:22px 18px;height:304px; border:1px solid #e0e0e0; border-radius:3px; box-sizing:border-box; }
.cardList > ul > li:nth-child(n+5){ margin-bottom:0; }
.cardList > ul > li .imgBox{ display:block; margin-bottom:25px; width:100%; height:108px; }
.cardList > ul > li .imgBox img{ width:100%; height:100%; }
.cardList > ul > li .title{ display:inline-block; margin-bottom:5px; max-width:100%; font-size:18px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cardList > ul > li .title:hover { text-decoration:underline; }
.cardList > ul > li .info{ height:40px; line-height:150%; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.cardList > ul > li .date{ position:absolute; bottom:22px; right:20px; font-size:13px; color:#888; }

/* 빅데이터 분석 > 분석도구 소개 */
.analysisList{ border-top:1px solid #999; }
.analysisList > li{ position:relative; padding:40px 180px 40px 240px; border-bottom:1px solid #e8e8e8; }
.analysisList > li:last-child{ border-bottom:0px none; }
.analysisList > li .imgBox{ position:absolute; top:40px; left:0; width:210px; height:96px; }
.analysisList > li .imgBox img{ width:100%; height:100%; }
.analysisList > li .title{ display:inline-block; margin-bottom:12px; font-size:22px; font-weight:600; font-family:'NanumSquare'; }
.analysisList > li .sideBtnBox{ position:absolute; top:40px; right:0;  }

/* 빅데이터 분석 > 분석결과 다운로드 */
.resultDownList > li{ position:relative; margin-bottom:6px; padding:8px 0 8px 110px; height:83px; box-sizing:border-box; }
.resultDownList > li:last-child{ margin-bottom:0; }
.resultDownList > li > .stepTitle{ position:absolute; top:0; left:0; width:135px; height:83px; line-height:83px; font-size:18px; text-align:center; color:#fff; border-radius:10px 10px 20px 10px; }
.resultDownList > li > .stepTitle.type1{ background:#43b1c2; }
.resultDownList > li > .stepTitle.type2{ background:#3d98ae; }
.resultDownList > li > .stepTitle.type3{ background:#358dcf; }
.resultDownList > li > p{ display:table-cell; padding:0 30px 0 49px; width:1300px; height:67px; vertical-align:middle; font-size:16px; background:#eff0f0; border-radius:0 50px 50px 0; }

/* 커뮤니티 > FAQ */
.faqBox{ border-top:2px solid #333; }
.faqBox ul li{ border-bottom:1px solid #e8e8e8; }
.faqBox ul li a{ display:flex; align-items:center; padding:22px 60px 22px 30px; min-height:60px; font-size:16px; background:#fff url(/images/sub/icon_inquiry_off.png) no-repeat right 25px center; box-sizing:border-box; }
.faqBox ul li div{ height:0; background:#f8f8f8; box-sizing:border-box; overflow:hidden;}
.faqBox ul li div p{ padding:25px 30px; line-height:160%; font-size:15px; border-top:1px solid #e8e8e8; }
.faqBox ul li.active a{ font-weight:600; color:#fff; background:#6b7381 url(/images/sub/icon_inquiry_on.png) no-repeat right 25px center; }
.faqBox ul li.active div{ min-height:180px; height:auto;  padding:30px;}

/* 커뮤니티 > Q&A */
.inquiryClear{ display:inline-block; position:relative; top:-3px; margin-right:12px; width:77px; height:32px; line-height:32px; font-size:13px; font-weight:500; text-align:center; color:#fff; background:#0d6fb9; border-radius:50px; }

/* 플랫폼소개 > 플랫폼소개 */
.platformInfo{display:flex;flex-direction:column;justify-content:center;padding:0 7.5%;min-height:446px; font-family:'NanumSquare'; background:url(/images/sub/bg_platformInfo.png) no-repeat right center / cover;box-sizing:border-box; border-radius:10px 10px 60px 10px;}
.platformInfo .title{ margin-bottom:30px; line-height:120%; font-size:44px; font-weight:400; color:#fff; }
.platformInfo .title strong{ font-weight:600; }
.platformInfo .txt{ letter-spacing:-1px; line-height:155%; font-size:17px; color:#fff;}

/* 플랫폼소개 > 이용안내 */
.platformList{ margin-bottom:55px; }
.platformList:last-child{ margin-bottom:0px; }
.platformList > .title{ display:inline-block; position:relative; margin-bottom:20px; font-size:23px; font-family:'NanumSquare'; font-weight:600; color:#0d6fb9; }
.platformList > .title:after{ display:block; content:''; position:absolute; left:-1px; right:-1px; bottom:-2px; height:10px; background:#ddf0ff; z-index:-1; }
.platformList  .platformTxt{display:flex;align-items:flex-start;min-height:46px;margin-bottom:20px;gap:25px;}
.platformList  .platformTxt > p{ line-height:140%; font-size:15px; }
.platformList  .platformTxt .btnArrow{flex-shrink:0;margin-left:auto;}
.platformList .imgList{ padding:30px; background:#f8f8f8; }
.platformList .imgList > ul{display:flex;justify-content:sapce-between;gap:16px;}
.platformList .imgList > ul > li{flex:1;border-radius:10px; overflow:hidden; }
/* 20220504 수정(s) */
.platformList .imgList.textInner > ul > li img{ margin-bottom:15px; width:auto; height:auto; }
.platformList .imgList.textInner > ul > li p{ padding:0 8px; font-size:14px; color:#555; word-break:keep-all; }
.platformList .imgList.textInner > ul > li p .colorBlue{ color:#144164; }
/* 20220504 수정(e) */

/* 플랫폼 소개 > 참여기관 소개 */
.engineInfo > ul > li{ position:relative; padding:24px 0 24px 394px; min-height:194px; border-bottom:1px solid #e8e8e8; }
.engineInfo > ul > li:first-child{ padding-top:0px; }
.engineInfo > ul > li:last-child{ padding-bottom:0px; border-bottom:0; }
.engineInfo > ul > li .imgBox{ position:absolute; top:24px; left:0; }
.engineInfo > ul > li:first-child .imgBox{ top:0; }
.engineInfo > ul > li .title{ display:block; margin-bottom:20px; padding-top:12px; font-size:25px; font-family:'NanumSquare'; font-weight:600; color:#222; }
.engineInfo .listType2 > li{ padding-left:116px; }
.engineInfo .listType2 > li .listTitle{ position:absolute; top:0; left:10px; font-weight:600; }

/* 이용안내 > 이메일무단수집거부 */
.emailCollect{ padding:85px 40px 85px 335px; background:#f4f7fa url(/images/sub/icon_emailCollect.png ) no-repeat left 100px center; border-radius:10px 10px 50px 10px; }
.emailCollect .title{ margin-bottom:25px; line-height:140%; font-size:23px; }
.emailCollect .txt{ line-height:140%; font-size:16px; }

/* 데이터셋 */
.datasetList{ margin-bottom:35px; }
/* 240813 수정 */
.datasetList ul{ display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, auto));gap:20px;}
/* 220425 수정(e) */
.datasetList ul > li a{ display:block; padding:19px; height:227px; border:1px solid #e8e8e8; border-radius:5px; box-sizing:border-box; }
.datasetList ul > li a .topBox{ padding-bottom:18px; border-bottom:1px dashed #e8e8e8; }
.datasetList ul > li a .iconItemBox{ display:flex; margin-bottom:12px; }
.datasetList ul > li a .iconItemBox .icon{ margin-right:8px; padding:0 10px; height:22px; line-height:22px; font-size:11px; border-radius:5px; box-sizing:border-box; }
.datasetList ul > li a .iconItemBox .icon.blueType{ color:#fff; background:#2c8fa6; }
.datasetList ul > li a .iconItemBox .icon.purpleType{ color:#5f63b2; border:1px solid #5f63b2; }
.datasetList ul > li a .title{ margin-bottom:15px; height:50px; line-height:140%; font-size:17px; font-weight:600; color:#222; overflow:hidden; text-overflow:ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.datasetList ul > li a:hover .title{ text-decoration:underline; }
.datasetList ul > li a .bottomBox{ padding-top:15px; }
.datasetList ul > li a .bottomBox span{ padding-left:24px; font-size:14px; color:#878787; }
.datasetList ul > li a .bottomBox .date{ display:block; margin-bottom:5px; background:url(/images/sub/icon_data_date.png) no-repeat left center; }
.datasetList ul > li a .bottomBox .viewNum{ margin-right:25px; background:url(/images/sub/icon_data_view_num.png) no-repeat left center; }
.datasetList ul > li a .bottomBox .downNum{ background:url(/images/sub/icon_data_down.png) no-repeat left center; }
.datasetViewTop{ margin-bottom:45px; padding:30px; background:#f4f8fb; border-top:2px solid #333; border-radius:0 0 15px 15px; }
.datasetViewTop .iconList{ display:flex; flex-wrap:wrap; margin-bottom:15px; }
.datasetViewTop .iconList .icon{ margin-right:10px; padding:0 15px; height:30px; line-height:30px; font-size:13px; border-radius:5px; box-sizing:border-box; }
.datasetViewTop .iconList .icon.blueType{ color:#fff; background:#2c8fa6; }
.datasetViewTop .iconList .icon.purpleType{ color:#5f63b2; border:1px solid #5f63b2; }
.datasetViewTop .title{ display:block; margin-bottom:15px; font-size:23px; font-weight:600; color:#222; }
.datasetViewTop .dateInfo{ display:flex; gap:24px; flex-wrap:wrap;}
.datasetViewTop .dateInfo > li{position:relative; padding-left:26px; font-size:13px; color:#878787; }
.datasetViewTop .dateInfo > li:first-child{ margin-left:0; }
.datasetViewTop .dateInfo > li.name{ background:url(/images/sub/icon_data_name.png) no-repeat left center; }
.datasetViewTop .dateInfo > li.date{ background:url(/images/sub/icon_data_date.png) no-repeat left center; }
.datasetViewTop .dateInfo > li.viewNum{ background:url(/images/sub/icon_data_view_num.png) no-repeat left center; }
.datasetViewTop .dateInfo > li.downNum{ background:url(/images/sub/icon_data_down.png) no-repeat left center; }
.datasetViewTop .dateInfo > li::after{ content:''; position:absolute; top:2px; right:-24px; width:1px; height:14px; background:#b8b8b8; margin-right:12px;}
.datasetViewTop .dateInfo > li:last-child::after{ display:none; }
.datasetViewTop .dateInfo > li .num{ color:#2c8fa6; }
.dataImgBox{ padding:50px; text-align:center; border-top:1px solid #333; border-bottom:1px solid #e8e8e8;  }

/* 220427 추가(s) */
.code_line{ padding:2px 5px; color:#e03918; background:rgb(243, 243, 243); border:1px solid #ddd; border-radius:3px; }
.code_box{ padding:15px; background:rgb(243, 243, 243); border:1px solid #ddd; border-radius:3px; overflow:auto; }
/* 220427 추가(e) */

/* 팝업 */ 
.modalWrap{ display:none; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; max-width:calc(100% - 100px); height:auto; max-height:calc(100% - 100px); background:#fff; z-index:200; overflow-y:auto;  }
.modalWrap.active{ display:block; }
.modalWrap .controlBox{ padding:20px 30px; height:80px; background:#f8f8f8; box-sizing:border-box; }
.modalWrap .controlBox > .present{ display:inline-block; width:70px; height:40px; vertical-align:middle; line-height:38px; font-size:14px; font-weight:600; text-align:center; color:#41454d; background:#fff; border:1px solid #41454d; border-radius:3px; box-sizing:border-box; }
.modalWrap .controlBox > .prev{ display:inline-block; width:40px; height:40px; vertical-align:middle; text-indent:-9999px; background:#41454d url(/images/sub/icon_control_prev.png) no-repeat center; border-radius:3px; }
.modalWrap .controlBox > .next{ display:inline-block; width:40px; height:40px; vertical-align:middle; text-indent:-9999px; background:#41454d url(/images/sub/icon_control_next.png) no-repeat center; border-radius:3px; }
.modalWrap.modalMini{ max-width:100%; max-height:100%; background:#fff; border-radius:10px; overflow:hidden; transform:translate(-50%, -50%); z-index:1000; }
.modalWrap.modalMini .title{ display:block; padding:0 25px; height:55px; line-height:55px; font-size:18px; color:#058177; }
.modalWrap.modalMini .modalCentent{ padding:35px 20px 40px; font-size:14px; border-top:1px solid #00a295; }
.modalWrap.modalMini .modalCentent input{ margin:0; height:40px; border:1px solid #cbcbcb; border-radius:3px; box-sizing:border-box; }
.modalWrap.modalMini .modalCentent select{ padding-left:10px; background:#fff url(/images/sub/icon_select_arrow.png) no-repeat right 15px center; -webkit-appearance:none; /* chrome*/ -moz-appearance:none; /* firefox */ appearance:none; }
.modalWrap.modalMini .modalCentent select::-ms-expand { display:none }
.modalWrap.modalMini .modalCentent .searchBtn{ width:70px; height:40px; font-size:14px; font-weight:600; text-align:center; color:#fff; background:#12a79e; border:0px none; border-radius:5px; }
/* 20220303 수정 (start) */
.modalWrap.modalMini .modalCentent .btn.small{ padding:12px 20px; width:auto; height:auto; line-height:130%; }
/* 20220303 수정 (end) */
.modalWrap.modalMini .btn_modalClose{ position:absolute; top:13px; right:13px; width:14px; height:14px; text-indent:-9999px; background:url(/images/sub/icon_pop_close.png) no-repeat center; }

.modalWrap.imgModal .modalCentent{ padding:20px; }
.modalWrap.imgModal .modalCentent img{ max-height:700px; }
.modalWrap.imgModal .titleBox{ display:flex; align-items:center; padding:20px 30px; height:80px; font-size:20px; background:#f8f8f8; box-sizing:border-box; } 
.modalWrap.imgModal .titleBox strong{ font-weight:600; }
.modalWrap.imgModal .btn_modalClose{ position:absolute; top:30px; right:30px; width:20px; height:20px; text-indent:-9999px; background:url(/images/sub/icon_madal_close.png) no-repeat center;  }

.modalWrap.videoModal .titleBox{ height:60px; line-height:60px; font-size:22px; font-weight:500; font-family:'NanumSquare'; text-align:center; color:#fff; background:#069c93; }
.modalWrap.videoModal .modalCentent{ padding:11px; background:#2e2e2e; }
.modalWrap.videoModal .btn_modalClose{ position:absolute; top:14px; right:14px; width:15px; height:15px; text-indent:-9999px; background:url(/images/sub/icon_video_close.png) no-repeat center;  }

.modalWrap.contentModal{ border-radius:10px; }
.modalWrap.contentModal.w1280{ width:1280px; max-width:calc(100% - 50px); }
.modalWrap.contentModal .titleBox{ padding:0 65px 0 40px; height:50px; line-height:50px; font-size:17px; font-family:'NanumSquare'; color:#fff; background:#144164; border-radius:10px 10px 0 0; box-sizing:border-box; }
.modalWrap.contentModal .btn_modalClose{ position:absolute; top:16px; right:30px; width:20px; height:20px; text-indent:-9999px; background:url(/images/sub/icon_contentModal_ex.png) no-repeat center;  }
.modalWrap.contentModal .modalCentent{ padding:38px 40px; height:100%; max-height:calc(100% - 64px); box-sizing:border-box; overflow-y:auto; }
.modalWrap.contentModal .modalCentent .title{ display:block; margin-bottom:20px; font-size:21px; font-family:'NanumSquare'; }
.modalWrap.contentModal .modalCentent .titleContent{ margin-bottom:40px; }
.modalWrap.contentModal .modalCentent .titleContent > p{ line-height:140%; font-size:15px; }
.modalWrap.contentModal .modalCentent .titleContent .imgBox{ text-align:center; }
.modalWrap.contentModal .modalCentent .titleContent .imgBox.colBox{ margin-bottom:30px; }
.modalWrap.contentModal .modalCentent .titleContent .imgBox.colBox:last-child{ margin-bottom:0px; }
.modalWrap.contentModal .modalCentent .titleContent .imgBox.colBox .colItem{ width:50%; }
.modal_tableTop{ display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.modal_tableTop .left{ display:flex; justify-content:space-between; align-items:center; }
.modal_tableTop .left .caution{ display:block; margin-right:12px; width:93px; line-height:40px; font-size:15px; text-align:center; color:#222; background:#eff0f0; border-radius:50px; }
.modal_tableTop .left p{ line-height:140%; font-size:14px; }
.modal_tableTop .right{ display:flex; justify-content:space-between; align-items:center; }