@charset "utf-8";

/* Desktop Device */
/* container */
#container.sub_container { padding:160px 0 124px; }

/* sub title */
.sub_title {display:table-cell;position:relative; font-size: 1.8rem; font-weight:500; vertical-align:middle; color:#fff; text-align:center;width:100%; height:100%; box-sizing:border-box;}
.sub_title:after { display: inline-block;position: absolute;content: "";background-color:#0097e0; width:60px; height:2px;bottom: 0;left: 0; }
.recent_tit { padding:0; }
.sub_title.type_2 {font-size:2.4rem; font-weight:500;color:#040103;padding:53px 0 15px 0;line-height: 24px; }

.Info_tab { margin-top: 60px;padding: 0; }
.Info_tab .tab { display: inline-block;width: 676px;text-align: center; }
.Info_tab .tab li { width: 25%;display: table;vertical-align: middle;height: 54px;float: left; }
.Info_tab .tab li a { display: table-cell;position: relative;font-size: 1.6rem;font-weight: 500;vertical-align: middle;color: #9b999a;border: 1px solid #cfd0d0;background-color: #fff;text-align: center;width: 100%;height: 100%;box-sizing: border-box; }
.Info_tab .tab li.on a { color: #fff;border: 1px solid #0097e0 ! important;background-color: #0097e0; }
.Info_tab ul.tab li:not(:last-child) a { border-right:none; }
.Info_tab ul.tab li:nth-child(1) a, ul.tab li:nth-child(2) a { border-bottom:1px solid #d5d5d5; }

/************** 더보기 버튼 css **************/
.btn_more_area { padding:0;margin:80px auto 0; }
.btn_more_area .btn_more { font-size:2.0rem;line-height:60px;width:338px;height:60px;display:block;margin: 0 auto;background-color: #fff;text-align: center;color:#040103; box-shadow: 0 4px 10px 0 rgba(115, 115, 115, 0.2); }

/************** 해시 태그 css **************/
.relation_tag { position:relative;margin:9px 0 0 0;/*white-space: nowrap;*/overflow:hidden; }
.relation_tag .tag_list { overflow:visible;overflow-x: visible;white-space: normal;width:100%;-webkit-box-pack: justify;font-size: 0; }
.relation_tag .tag_list > div { display: inline-block;white-space: nowrap;padding:3px 6px; border-radius:3px; border:1px solid #d5d5d5;color:#303030; background-color:#e0e0e0;opacity:0.5;font-size: 1.2rem; line-height:1; cursor:pointer; }
.relation_tag .tag_list > div { margin: 0 4px 4px 0; }

/************** 그룹 라벨 css **************/
.label.result { display: inline-block;position:relative;padding:7px 12px 7px 12px;text-align:center;font-size:1.4rem;color:#040103;border:1px solid #cfd0d0; background-color:#fff;border-radius: 3px; }
/*.label.result span { visibility: hidden;line-height: 0;font-size: 0; }*/
/*.label.result:before { visibility: visible; content: 'GROUP > 계열사 뉴스'; }*/

/************** admin 글쓰기 btn css **************/
/*.boardList_wrap.inner_wrap { border-bottom:1px solid #dedfdf; }*/
.btn_area.list { padding:40px 0  60px; }
.btn_area.list .edit { display:flex;justify-content: flex-end; }
.btn_area.list .edit a { width:120px;height:40px;border:1px solid #0097e0;border-radius: 20px;color:#0097e0;font-size:1.6rem;line-height:20px;padding:8px 0 11px 47px; background:url(/Images/Common/regiBtn_1.png) no-repeat 26px 10px;background-size: 17px auto;  }
.btn_area.list .edit a:hover { color:#fff; background-color:#0097e0;}

.editBtn { width:18px;height:18px;background:url(/Images/Common/editBtn.png) no-repeat center;background-size: 18px auto;display: block;margin: 0 auto;}
.deleteBtn { width:22px;height:22px;background:url(/Images/Common/deleteBtn.png) no-repeat center;background-size: 22px auto;display: block;margin: 0 auto; }

/************** 파일 등록 버튼 css **************/
.layer_pop .layer_cont .btn_area {  padding:30px 140px 30px; display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
.layer_pop .layer_cont .btn_area a { display:inline-block;font-size:1.6rem;line-height:20px;color:#47495a; }
.layer_pop .layer_cont .btn_area a.btn_basic_type01 { border:1px solid #cfd0d0; padding:8px 9px 8px 25px;font-size:1.4rem;line-height:12px;color:#040103;  background:url(/Images/Common/deleteBtn.png) no-repeat 8px 8px;background-size: 14px auto; }
.layer_pop .layer_cont .btn_area .btn_basic_type04 { border:1px solid #cfd0d0; padding:4px 9px 4px 28px;font-size:1.4rem;line-height:12px; color:#040103;  background:url(/Images/Common/ico_file_regi.png) no-repeat 8px center;background-size: 17px auto; }

/* Login */
.login_area { width:414px;max-width: 414px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); }
.login_area .logo img { margin:0 auto 80px; }

.login_area input[type=email], .login_area input[type=password]{ border:1px solid #e1e6f8;width:100%;height:45px;text-indent: 10px;font-size:1.6rem;color: #040103; }
.login_area input[type=password] { margin-top:14px; }

/* placeholder 스타일 지정 */
.login_area input[type=email]::placeholder, .login_area input[type=password]::placeholder {font-size:1.6rem;color: #000; font-weight:normal;opacity: 0.4; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.login_area input[type=email]::-webkit-input-placeholder, .login_area input[type=password]::placeholder {font-size:1.6rem;color: #000; opacity: 0.4;;font-weight:normal;}
/* IE */
.login_area input[type=email]:-ms-input-placeholder, .login_area input[type=password]::placeholder {font-size:1.6rem;color: #000; opacity: 0.4;;font-weight:normal;}
/* Firefox */
.login_area input[type=email]:-mos-input-placeholder, .login_area input[type=password]::placeholder {font-size:1.6rem;color: #000; opacity: 0.4;;font-weight:normal;}

.login_area .loginBtn { margin-top:30px;  }
.login_area .loginBtn .btn_login { border: 1px solid #0097e0;background-color: #0097e0;color:#fff;width:100%;height:52px;line-height: 52px;font-size: 1.8rem;font-weight: 700; }

/* DATABASE */
.boardList_wrap {width: 100%;margin:30px auto 0;background-color: #fff;padding: 60px 85px 0;border-radius: 10px;}

/************** DATABASE search css **************/
.search_area.database .database_search_box, .search_area.result .search_box { border:0;border-bottom: 2px solid #0097e0; padding: 4px 0 9px 0; }
.search_area.result { padding:60px 85px 0;}
.search_area.database .database_search_box .box, .search_area.result .search_box .box { display: flex; align-items: center; flex-wrap:nowrap;justify-content: space-between; }
.search_area.database .database_search_box .responsive_box, .search_area.result .search_box .responsive_box { display: block;width: calc( 100% - 40px ); }
.search_area.database .database_search_box .input_text, .search_area.result .search_box .input_text {float:left;background: none;font-size: 2.0rem;line-height: normal;padding: 0;color: #040103;font-weight:normal; font-family: 'SpoqaHanSans';}
.search_area.database .database_search_box input::placeholder, .search_area.result .search_box input::placeholder { font-family: 'SpoqaHanSans';color: #7d8395; opacity:1; }
.search_area.database .searchinput, .search_area.result .searchinput{border:none;width: calc( 100% - 30px );}

/************** search 아이콘 **************/
.search_area.database .cancel_icon, .search_area.result .cancel_icon {display: inline-block;float:right;position:relative;margin:2px 9px 0 0;flex-basis:20px;width: 20px;height: 20px;background:url(/Images/Common/btn_reset_gray.png) no-repeat center;}
.search_area.database .search_icon, .search_area.result .search_icon {display: inline-block;position:relative;flex-grow:0; flex-shrink: 0; flex-basis:30px;width:30px;height:30px;background:url(/Images/Common/search_btn_blue.png) no-repeat center;}

/* placeholder 스타일 지정 */
.database_search_box .inner .searchinput::placeholder, .search_box .inner .searchinput::placeholder {color: #7d8395; font-weight:normal;opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.database_search_box .inner .searchinput::-webkit-input-placeholder, .search_box .inner .searchinput::-webkit-input-placeholder {color: #7d8395; opacity:1;font-weight:normal;}
/* IE */
.database_search_box .inner .searchinput:-ms-input-placeholder, .search_box .inner .searchinput:-ms-input-placeholder {color: #7d8395; opacity:1;font-weight:normal;}
/* Firefox */
.database_search_box .inner .searchinput:-mos-input-placeholder, .search_box .inner .searchinput:-mos-input-placeholder {color: #7d8395; opacity:1;font-weight:normal;}

/************** download 버튼 **************/
.download_area > div { position:relative;display:flex;text-align: center; }
.download_area > div a { position:relative;width:60px;height:60px;display: block; background-color: #fff;border:1px solid #cfd0d0;}
.download_area > div a:first-child { background:url(/Images/Common/ico_download_2.png) no-repeat center;background-size: 20px auto; }
.download_area > div a:not(:last-child) { margin-right: 10px; }
.download_area > div span { display: none;}

.boardList_wrap .database_list { margin-top: 30px; }
.boardList_wrap .database_list li {display: flex;flex-direction:row;justify-content: space-between;align-items:center;flex-wrap:nowrap; padding:20px 0 15px;border-bottom: 1px solid #e0e0e0; }
.boardList_wrap .database_list li .cont_wrap { display: flex; margin-right: 42px;flex-basis: 768px;justify-content: space-between;flex-wrap:nowrap; }
.boardList_wrap .database_list li .cont_wrap .list_number { flex:0;flex-grow:0;flex-basis: 88px;font-size: 2.0rem;line-height: 28px;color: #040103;text-indent: 25px; }
.boardList_wrap .database_list li .cont_wrap > div:last-child {  flex:1;flex-grow:1; }
.boardList_wrap .database_list li .cont_wrap > div:last-child .tit { font-size: 2.0rem;line-height: 28px;color: #040103;font-weight: 700; }
.boardList_wrap .database_list li .cont_wrap > div:last-child .responsive_wrap { margin-top:10px;font-size: 1.4rem;color:#9a9a9a;  }
.boardList_wrap .database_list li .cont_wrap > div:last-child .txt { margin-top: 16px;font-size: 1.6rem;line-height: 24px;color: #040103; }

/************** database 팝업  **************/
.layer_pop { display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 99999999;}
.layer_pop.active { display: block; }
.layer_pop .dimm_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity:0.3;mix-blend-mode: multiply;}
.layer_pop .layer_cont { position: absolute;background: #fff;width:890px;  height: 510px;top: 59%;margin-top: -255px;left: 50%;margin-left: -445px; }

.layer_pop .layer_cont .check_box.defult { background-color: #f4f4f4; border-bottom: 1px solid #cfd0d0;padding:0 36px 0 20px;text-align: right;height:28px;line-height: 28px;font-size:1.4rem; }
.layer_pop .layer_cont .data_input { padding:20px; border-bottom: 1px solid #cfd0d0; }
.layer_pop .layer_cont .data_input label, .upload_tit { font-size:1.6rem;margin-bottom: 14px; }
.layer_pop .layer_cont .data_input input[type=text] { width:790px;height:48px;text-indent: 10px;font-size:1.6rem;color: #040103; }

/* placeholder 스타일 지정 */
.layer_pop .layer_cont .data_input input[type=text]::placeholder, .layer_pop .layer_cont .data_input input[type=password]::placeholder{font-size:1.6rem;color: #cfd0d0; font-weight:normal;opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
.layer_pop .layer_cont .data_input input[type=text]::-webkit-input-placeholder, .layer_pop .layer_cont .data_input input[type=password]::-webkit-input-placeholder {font-size:1.6rem;color: #cfd0d0; opacity:1;font-weight:normal;}
/* IE */
.layer_pop .layer_cont .data_input input[type=text]:-ms-input-placeholder, .layer_pop .layer_cont .data_input input[type=password]:-ms-input-placeholder {font-size:1.6rem;color: #cfd0d0; opacity:1;font-weight:normal;}
/* Firefox */
.layer_pop .layer_cont .data_input input[type=text]:-mos-input-placeholder, .layer_pop .layer_cont .data_input input[type=password]:-mos-input-placeholder {font-size:1.6rem;color: #cfd0d0; opacity:1;font-weight:normal;}

.layer_pop .title_area,.layer_pop .txt_area { position: relative;margin: 14px 0 25px;border:1px solid #cfd0d0;width:100%;height:50px;font-size:1.6rem;color: #040103;  }
.layer_pop .title_area > p, .layer_pop .txt_area > p { position:absolute;top: 17px;right:12px;font-size: 1.2rem; }
span.bytes, span.txt_bytes { color:#f05a66; }

.layer_pop .layer_cont .upload_list { width:100%; }
.layer_pop .layer_cont .upload_list .upload_table {width:100%; }
.layer_pop .layer_cont .upload_list .upload_table thead tr { background-color: #f4f4f4; }
.layer_pop .layer_cont .upload_list .upload_table thead tr th { font-size:1.4rem;color: #949394;background-color: #f4f4f4;line-height:24px;font-weight:500;padding:3px 0; }
.layer_pop .layer_cont .upload_list .upload_table tr { border:1px solid #cfd0d0; line-height: 24px; }
.layer_pop .layer_cont .upload_list .upload_table thead tr th:first-child { text-align:left;padding-left:7px; }
.layer_pop .layer_cont .upload_list .upload_table tr td { padding:3px 0 3px 7px; }
.layer_pop .layer_cont .upload_list .upload_table tr td:last-child { text-align:center; }

.layer_pop .layer_cont .upload_list .upload_table tbody tr.last_row td { padding-bottom:40px;  }
.layer_pop .layer_cont .upload_list .upload_table tbody tr .no_result { display:none;text-align:center; }

.layer_pop .layer_cont .upload_list .btn_area { padding:0;margin-top:10px; }
.layer_pop .layer_cont .upload_list .btn_area .uploadBtn {position: absolute;left: -5000px;}

.layer_pop .submit_area { padding:28px 20px 15px; text-align: right; }
.layer_pop .submit_area input[type=button], .layer_pop .submit_area input[type=reset]{ background-color: #fff;font-size: 1.6rem; }
.layer_pop .submit_area input[type=reset] { color:#bbc3cf; }
.layer_pop .submit_area input[type=button] { color:#0097e0;margin-left: 20px; }

/* search */
.boardList_wrap.defult {width: 100%;margin:30px auto 0;background-color: #fff;padding:0 0 30px 0;}

.boardList_wrap.defult .search_option { margin:36px 85px 0; padding: 0 30px;display: flex;flex-direction: row;height:100px;align-items:center;background-color: #f7f7f7;border: 1px solid #cfd0d0;border-radius: 10px; }
.boardList_wrap.defult .search_option .tit { display:block;flex-basis:74px;flex-shrink: 0;flex-grow: 0;font-size: 2.0rem;font-weight: 700;line-height: 28px;color:#040103;margin-right: 100px; }
.boardList_wrap.defult .search_option > div:not(:last-child) { margin: 0 10px 0 0 ; }
.select { width:250px;height: 48px;background-color:#fff; }
.select select{ width:250px;height: 48px; border:1px solid #cfd0d0;background-color:#fff;font-size:1.6rem;line-height:24px;color:#7d8395;padding:6px 14px;-webkit-appearance: none; -moz-appearance: none;  appearance: none;background: url(/Images/Common/ico_arrow_off.png) no-repeat 95% 50%; }
.select.on select {background: url(/Images/Common/ico_arrow_on.png) no-repeat 95% 50%; }

.board_list.result { margin-top:60px;padding:0;}
.board_list.result li { width: 100%; margin-bottom:0;position: relative;padding: 0 85px 30px; border-bottom:0; }
.board_list.result li .cont_wrap { padding:0; }
.board_list.result li .cont_wrap a { display:block; }
.board_list.result li:last-child { margin-bottom:0; }
.board_list.result li .thumb_wrap { display: inline-block;width: 38.62%;background-color: #111334; }
.board_list.result li .thumb_img { position: relative;padding-top: 66.58%; overflow: hidden;}
.board_list.result li .thumb_img img { width:100%; position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;bottom: 0;max-width: 100%;height: auto;}
.board_list.result li .cont_b { display: inline-block;width: calc( 61.38% - 33px );height: auto;padding: 25px 0 0 33px;}
.board_list.result li .cont_b .label { position: absolute;left: auto;top: 0;}
.board_list.result li .cont_b .title { position: absolute;top: 44px;width:50%;font-size: 2.0rem;line-height: 28px;color: #404040;height:55px; }
.board_list.result li .cont_b .date { position: absolute;top: auto;bottom:70px;color:#7d8395;font-size: 1.4rem;line-height: 20px; }
.board_list.result li .relation_tag {margin: -30px 0 0 33px;width: 60%;left: 38.62%;border-bottom: 1px solid #e0e0e0;padding-bottom:5px;}

/* manager */
.manager .boardList_wrap { padding:60px 85px 100px;position: relative; }
.manager .boardList_wrap > p { font-size: 1.8rem;line-height: 28px;color:#040103;font-weight: 700; }
.manager .boardList_wrap .manager_list { margin-top: 11px;width:100%; }
.manager .boardList_wrap .manager_list table { width:100%;border-bottom:1px solid #cfd0d0; }

.manager .boardList_wrap .manager_list thead tr { background-color: #f4f4f4; border:1px solid #cfd0d0; }
.manager .boardList_wrap .manager_list thead tr th { font-size:1.4rem;color:#040103;opacity:0.4;line-height:24px;font-weight:500;padding:3px 0; }
.manager .boardList_wrap .manager_list tr { line-height: 24px; }
.manager .boardList_wrap .manager_list thead tr th:first-child { text-align:left;padding-left:7px;opacity: 1; }
.manager .boardList_wrap .manager_list tr td { padding:20px 0 20px 7px;font-size: 1.4rem;line-height: 20px;color: #040103; }
.manager .boardList_wrap .manager_list tr td:nth-child(4), .master .boardList_wrap .manster_list tr td:last-child { padding:20px 0; }
.manager .boardList_wrap .manager_list tr td:last-child { text-align:center; }

.manager .boardList_wrap .manager_list tbody tr td:nth-child(3) { text-indent: 30px; }
.manager .boardList_wrap .manager_list tbody tr.last_row td { padding-bottom:40px;  }
.manager .boardList_wrap .manager_list tbody tr .no_result { display:none;text-align:center; }

.manager .boardList_wrap .manager_list label span { display:none; }

.manager .pagination ul { display: flex;justify-content: center;height: 36px; }
.manager .pagination ul li { position:relative;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center; }
.manager .pagination ul li.active:after { display: inline-block;position: absolute;content: "";background-color: #040103;width: 18px;height: 4px;bottom: 0;left: 9px;}

/************** 등록/삭제 버튼 css **************/
.manager .btn_area { margin-top: 8px; display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
.manager .btn_area a { display:inline-block;font-size:1.6rem;line-height:20px;color:#47495a; }
.manager .btn_area a.btn_basic_type01 { border:1px solid #cfd0d0; padding:8px 5px 8px 28px;font-size:1.4rem;line-height:12px;color:#040103;  background:url(/Images/Common/ico_admin.png) no-repeat 8px center;background-size: 19px auto; }
.manager .btn_area .btn_basic_type04 { position: absolute;border: 1px solid #cfd0d0;padding: 8px 9px 8px 25px;font-size: 1.4rem;line-height: 12px;color: #040103;background: url(/Images/Common/deleteBtn.png) no-repeat 8px 8px;background-size: 14px auto; }
.manager .manager_regi { position:absolute;top:60px;right:85px;content: ''; }

.manager .layer_pop .layer_cont .data_input { padding:30px 20px; }
.manager .data_input > div:nth-of-type(2) { margin: 14px 0 0; }
.manager .layer_pop .submit_area { padding: 23px 20px 23px; }
.manager .layer_pop .layer_cont .data_input input[type=text], .manager .layer_pop .layer_cont .data_input input[type=password] { width:100%;height:48px;text-indent: 10px;font-size:1.6rem;color: #040103; }

/************** database 팝업  **************/
.layer_pop.manager .layer_cont { position: absolute;background: #fff;width:890px; height: 310px;top: 50%;margin-top: -170px;left: 50%;margin-left: -445px; }

/* btn common */
/************** checkbox **************/
.check_box { position: relative; }
.check_box input[type="checkbox"] {display: none;}
.check_box input[type="checkbox"] + label {display: inline-block;font-size: 1.4rem ! important; margin: 0 ! important; position: relative;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.check_box input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 12px;  height: 12px; line-height: 12px;  margin: -4px 8px 0 0; text-align: center; vertical-align: middle; background: #fafafa; border: 1px solid #cacece; }
.check_box input[type="checkbox"]:checked + label:before { background:url(/Images/Common/ico_checked.gif) no-repeat center/12px 12px;border: 1px solid #0097e0; }

/* policy */
#container.policy .boardList_wrap { margin-top: 37px; padding: 60px 82px; }
#container.policy.type_2 .boardList_wrap { padding: 60px 82px 414px; }
#container.policy.type_3 .boardList_wrap { padding: 60px 82px 456px; }

#container.policy .boardList_wrap h2 { color: #040103;padding-bottom:25px;font-size: 2.4rem;line-height: 32px;font-weight: 700;border-bottom: 1px solid #646580; }
#container.policy .boardList_wrap .policy_txt { margin-top: 30px;font-size: 1.8rem;font-weight: 500;line-height: 36px;color: #040103 }

#container.policy .boardList_wrap .policy_cont { margin-top: 37px; }
#container.policy.legal .boardList_wrap .policy_cont { margin-top: 30px; }

#container.policy .boardList_wrap .policy_cont dt { font-size: 1.8rem;font-weight: 700;line-height: 36px;color: #040103 }
#container.policy .boardList_wrap .policy_cont dd { margin-top: 3px;font-size: 1.8rem;font-weight: 500;line-height: 36px;color: #040103 }

#container.policy .boardList_wrap .policy_cont a { color:#0097e0;font-size: 1.8rem;line-height: 36px;font-weight: 500;  }
#container.policy .boardList_wrap .add_txt.type_1 { margin-top:72px;font-size: 1.8rem;line-height: 36px;color: #040103;font-weight: 700; }
#container.policy .boardList_wrap .add_txt.type_2 { margin-top:37px;font-size: 1.8rem;line-height: 36px;color: #040103;font-weight: 500; }

/* sitemap */
.sitemap_area { margin-top: 40px;padding: 0 0 155px; }
.sitemap_area .gnb {width:1000px;display: grid;display: -ms-grid; grid-template-columns: 30% 24% 25% 21%;  -ms-grid-columns: 30% 24% 25% 21%; }
.sitemap_area .gnb > li:nth-child(1) { -ms-grid-column: 1;-ms-grid-row: 1;grid-column: 1;grid-row: 1; }
.sitemap_area .gnb > li:nth-child(2) { -ms-grid-column: 2;-ms-grid-row: 1;grid-column: 2;grid-row: 1;margin-top: 0; }
.sitemap_area .gnb > li:nth-child(3) { -ms-grid-column: 3;-ms-grid-row: 1;grid-column: 3;grid-row: 1;margin-top: 0; }
.sitemap_area .gnb > li:nth-child(4) { -ms-grid-column: 4;-ms-grid-row: 1;grid-column: 4;grid-row: 1;margin-top: 0; }
.sitemap_area .gnb > li:nth-child(5) { -ms-grid-column: 1;-ms-grid-row: 2;grid-column: 1;grid-row: 2;margin-top: 130px; }
.sitemap_area .gnb > li:nth-child(6) { -ms-grid-column: 2;-ms-grid-row: 2;grid-column: 2;grid-row: 2;margin-top: 130px; }
.sitemap_area .gnb > li:nth-child(7) { -ms-grid-column: 3;-ms-grid-row: 2;grid-column: 3;grid-row: 2;margin-top: 130px; }

.sitemap_area .gnb > li > a { display:block;font-size: 2.4rem;font-weight: 700;line-height: 32px;color: #040103; }
.sitemap_area .gnb > li > ul { margin-top:16px;font-size: 1.8rem;font-weight: 500;line-height: 36px;color: #040103; }
.sitemap_area .gnb > li > ul.view_cont { display: flex;flex-direction: column;width:100%; }
.sitemap_area .gnb > li > ul.view_cont > li { flex-basis: 145px; }
.sitemap_area .gnb > li > ul.view_cont > li:first-child { margin-right: 0; }
.sitemap_area .gnb > li > ul.view_cont > li:last-child { margin-top: 12px; }