html {scroll-behavior: smooth;}
body {font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.03em; overflow-x: hidden;}
.container_header {max-width: 1630px; width: 100%; height: auto;}
header {height: 100px; position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #fff; z-index: 10;}
header:hover {background: #fff; transition: all 0.3s;}
header.down {background: #fff; transition: all 0.3s;}
header:hover ul.dep1 > li {color: #323232;}
header:hover ul.dep1 > li:after {background: #ff9600;}
header.down ul.dep1 > li {color: #323232;}
header.down ul.dep1 > li:after {background: #ff9600;}
header:hover .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 181px; height: 38px;} 
header.down .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 181px; height: 38px;} 
header:hover .logo_area > .logo a {display: block; width: 100%; height: 100%;}
header .nav_area {display: flex; align-items: center; height: 100px;}
header .logo_area {width: 540px; margin-left: 140px;}
header .logo {background: url(../img/logo2.png)no-repeat 50% 50%; width: 181px; height: 67px;}
header nav ul.dep1 {display: flex;}
header nav ul.dep1 > li {text-align: center; width: 200px; height: 100px; line-height: 98px; font-size: 20px; font-weight: 400; color: #fff; cursor: pointer; position: relative;}
header nav ul.dep1 > li:after {content:''; display: inline-block; width: 6px; height: 6px; background: #fff; border-radius: 100%; margin-bottom: -4px;}
header nav ul.dep1 > li:hover:after {background: #fff;}
header nav ul.dep1 > li:hover {background: #ffa019; transition: all 0.3s; color: #fff; width: 200px;}
header nav ul.dep1 > li:last-child:hover {background: #ef005c;}
header nav ul.dep1 ul.dep2 {display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); background: #e78b05; padding: 24px 0; width: 200px;}
/* header nav ul.dep1 ul.dep2:last-child {background: #DCBB0E; padding: 24px 0; width: 200px;} */
/* 수정전 */
/* header nav ul.dep1 > li:last-child ul.dep2:last-child {background: #DCBB0E; padding: 24px 0; width: 200px;} */
/* 수정전 end*/
/* 수정 */
header nav ul.dep1 > li:last-child ul.dep2:last-child {background: #ff3683; padding: 24px 0; width: 200px;}
/* 수정 end*/
header nav ul.dep1 ul.dep2 > li {text-align: center; margin-bottom: 25px; height: initial; line-height: initial;}
header nav ul.dep1 ul.dep2 > li:last-child{margin-bottom: 0;}
header nav ul.dep1 ul.dep2 > li > a {font-size: 16px; font-weight: 300; color: #fff; transition: all 0.3s;}
header nav ul.dep1 ul.dep2 > li > a:hover {font-weight: bold; transition: all 0.3s;}

/* sub header */
header.sub_header {margin-bottom: 80px; border-bottom: 1px solid #d2d2d2;}
header:hover {background: #fff; transition: all 0.3s;}
header.sub_header {background: #fff; transition: all 0.3s;}
header.down {background: #fff; transition: all 0.3s;}
header:hover ul.dep1 > li {color: #323232;}
header.sub_header ul.dep1 > li {color: #323232;}
header:hover ul.dep1 > li:after {background: #ff9600;}
header.sub_header ul.dep1 > li:after {background: #ff9600;}
header.down ul.dep1 > li {color: #323232;}
header.down ul.dep1 > li:after {background: #ff9600;}
header:hover .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 181px; height: 67px;} 
header.sub_header .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 181px; height: 67px;} 
header.down .logo_area > .logo {background: url(../img/hover_logo2.png)no-repeat 50% 50%; width: 181px; height: 67px;} 
header .nav_area {display: flex; align-items: center; height: 100px;}
header .logo_area {width: 540px; margin-left: 140px;}
header .logo {background: url(../img/logo2.png)no-repeat 50% 50%; width: 181px; height: 67px;}
header nav ul.dep1 {display: flex;}
header nav ul.dep1 > li {text-align: center; width: 200px; height: 100px; line-height: 98px; font-size: 20px; font-weight: 400; color: #fff; cursor: pointer; position: relative;}
header nav ul.dep1 > li:after {content:''; display: inline-block; width: 6px; height: 6px; background: #fff; border-radius: 100%; margin-bottom: -4px;}
header nav ul.dep1 > li:hover:after {background: #fff;}
header nav ul.dep1 > li:hover {background: #ffa019; transition: all 0.3s; color: #fff; width: 200px;}
header nav ul.dep1 ul.dep2 {display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); background: #e78b05; padding: 24px 0; width: 200px;}
header nav ul.dep1 ul.dep2 > li {text-align: center; margin-bottom: 25px; height: initial; line-height: initial;}
header nav ul.dep1 ul.dep2 > li:last-child{margin-bottom: 0;}
header nav ul.dep1 ul.dep2 > li > a {font-size: 16px; font-weight: 300; color: #fff; transition: all 0.3s;}
header nav ul.dep1 ul.dep2 > li > a:hover {font-weight: bold; transition: all 0.3s;}
/* sub header end */
.visual_text_area {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.slick_ul > li {position: relative; z-index: 1;}
.slick_ul > li.slick-active:before {content:''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 999;}
.visual_text_area h2 {margin-bottom: 30px; text-align: center;}
.visual_text_area p {font-size: 30px; font-weight: 400; color: #fff; text-align: center; line-height: 1.5;}
.arrow_v {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
ul.slick-dots {display: flex; align-items: center; position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%);}
ul.slick-dots > li {font-size: 0; width: 12px; height: 12px; background: rgba(142, 161, 170, 0.5); border-radius: 100%; margin-right: 10px; z-index: 2;}
ul.slick-dots > li:last-child {margin-right: 0;}
ul.slick-dots > li.slick-active {background: #fff; width: 16px; height: 16px;}
ul.slick-dots > li > button {font-size: 0;}
/* .visual_slick .slick_ul.slick-dotted > li {font-size: 0; width: 12px; height: 12px; background: rgba(142, 161, 170, 0.5);}
.visual_slick .slick_ul.slick-dotted > li {font-size: 0; width: 12px; height: 12px; background: rgba(142, 161, 170, 0.5);} */

.section1 {background: url(../img/Rectangle12.png) no-repeat; margin-bottom: 250px;}
.content_flex {display: flex; justify-content: flex-end; align-items: center; margin-bottom: 115px;}
.section1_title {margin-bottom: 30px;}
.section1_title h3 {font-size: 40px; font-weight: bold; color: #ff9600; margin-bottom: 30px;}
.section1_title p {font-size: 46px; font-weight: 400; color: #323232; line-height: 1.5;}

.section1 .section1_title h3 {font-size: 30px; font-weight: bold; color: #ff9600; margin-bottom: 30px;}
.section1 .section1_title p {font-size: 36px; font-weight: 400; color: #323232; line-height: 1.5;}

.section1_title p span {font-weight: bold;}
.left_text_box {width: 600px; height: 261px; box-shadow: inset 0px 1px 10px 0px #cecbcb; margin-top: 36px;}
.left_text_box ul {display: flex; flex-flow: column; justify-content: center; height: 100%; padding: 0 50px;}
.left_text_box ul li {display: flex; align-items: center; margin-bottom: 14px; font-size: 18px;}
.left_text_box ul li:last-child {margin-bottom: 0;}
.right_box {margin-left: 115px;}
.content_flex2 .right_box {overflow: hidden;}

.content_flex2 {display: flex; justify-content: flex-start; align-items: center;}
.left_text_box2 {background: #fff8e5; padding: 50px;}
.left_text_box2 .box1 {margin-bottom: 50px;}
.left_text_box2 .box1 p {font-size: 20px; font-weight: 300; color: #323232; margin-bottom: 15px;}
.left_text_box2 .box1 p em{font-size: 25px; font-weight: bold; color: #323232;}
.left_text_box2 .box1 ul li {font-size: 18px; font-weight: 300; color: #323232; margin-bottom: 15px;}
.left_text_box2 .box1 ul li:last-child {margin-bottom: 0;}
.left_text_box2 .box1 ul li span {font-size: 18px; font-weight: bold; color: #323232;}

.left_text_box2 .box2 p {font-size: 20px; font-weight: 300; color: #323232; margin-bottom: 15px;}
.left_text_box2 .box2 p em{font-size: 25px; font-weight: bold; color: #323232;}
.left_text_box2 .box2 ul li {font-size: 18px; font-weight: 300; color: #323232; margin-bottom: 15px;}
.left_text_box2 .box2 ul li:last-child {margin-bottom: 0;}
.left_text_box2 .box2 ul li span {font-size: 18px; font-weight: bold; color: #323232;}

ul.ul_greeting {margin-top: 30px;}
ul.ul_greeting li {font-size: 18px; font-weight: 400; color: #323232; line-height: 1.5;}

.container {max-width: 1200px; width: 100%; height: auto; margin: 0 auto;}
.section2 .section1_title {margin-bottom: 50px; text-align: center;}
.section2 .section1_title h3 {margin-bottom: 15px;}
.section2 .section1_title p {line-height: 1;}
/* .History_area > ul.h_first_ul {} */
.History_area ul > li {font-size: 30px; font-weight: bold; color: #323232; border-bottom: 1px solid #d2d2d2; padding-top: 50px; display: flex; align-items: baseline;}
.History_area ul > li > div {padding-bottom: 50px; padding-top: 30px; margin-left: 20px;}
.History_area ul > li > div > ul {display: flex; align-items: baseline; margin-bottom: 20px;}
.History_area ul > li > div > ul:last-child {margin-bottom: 0;}
.History_area ul > li > div > ul > li {border: none; line-height: 1.5; padding-top: 0;}
.History_area ul > li > div > ul > li:first-child {font-size: 18px; font-weight: bold; color: #323232; margin-right: 15px;}
.History_area ul > li > div > ul > li:last-child {font-size: 18px; font-weight: 400; color: #323232;}

/* .History_area {overflow-y: scroll; width: 100%; height: 100%; padding-right: 25px;} */
.History_area::-webkit-scrollbar {width: 7px;}
.History_area::-webkit-scrollbar-thumb{background-color: #ff9600; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.History_area::-webkit-scrollbar-track{background-color: #e9e9e9; border-radius: 0;}
/* #main .section8 .privacy .box>div p{font-size: 1.6rem; font-weight: 300; line-height: 1.5;} */




.section3 {background: #f5f5f5; margin: 120px 0; padding: 120px 0;}
.section3 .section1_title {margin-bottom: 50px; text-align: center;}
.section3 .section1_title h3 {margin-bottom: 15px;}
.section3 .section1_title p {line-height: 1;}
.section3 ul {display: flex; flex-wrap: wrap; margin: 0 -30px;}
.section3 ul li {width: calc(100% / 4); padding: 0 30px; box-sizing: border-box;}
.section3 ul li .img {margin-bottom: 30px;}
.section3 .text_box dl {display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.section3 .text_box dl dt {font-size: 18px; font-weight: bold; color: #ff9600; margin-right: 10px;}
.section3 .text_box dl dd {font-size: 18px; font-weight: bold; color: #323232;}
.section3 .text_box p {font-size: 16px; font-weight: 300; color: #323232; text-align: center;}

.awards {margin-top: 83px;}
.awards img {width: 100%;}

.section4 {padding-bottom: 160px;}

.section5 {background: #f5f5f5; margin: 120px 0; margin: 120px 0; padding-bottom: 120px; margin-top: 0; margin-bottom: 0; overflow-x: hidden;}
.section5_title {background: #fff; border-radius: 38px; padding: 26px 60px; display: inline-block; margin-top: -120px; margin-bottom: 74px;}
.section5_title p {font-size: 30px; font-weight: bold; color: #ff9600;}
.section5_title p span {font-size: 36px; font-weight: bold; color: #323232; margin-right: 23px;}
.down_area ul {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.down_area ul li {font-size: 18px; font-weight: 500; color: #323232; line-height: 1.5;}
.down_area ul li:last-child a {display: flex; align-items: center; padding: 0 50px; background: #ff9600; border-radius: 37px; font-size: 18px; font-weight: bold; color: #fff; height: 74px; line-height: 72px;}
.down_area ul li:last-child a img {margin-left: 10px;}
.down_area ul li > span {font-weight: bold;}

.section6 {padding: 120px 0;}
.section6 .section1_title {margin-bottom: 50px; text-align: center;}
.section6 .section1_title h3 {margin-bottom: 15px;}
.section6 .section1_title p {line-height: 1;}
.section6 ul {display: flex; flex-wrap: wrap; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.section6 ul li {width: calc(100% / 5); height: 150px; line-height: 148px; text-align: center; border-bottom: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2; box-sizing: border-box; position: relative;}
/* hover */
.section6 ul li:before {content:''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; box-sizing: border-box; opacity: 0; font-size: 18px; font-weight: bold; color: #fff;}
.section6 ul li:nth-child(1):before {content:'부산 정보산엽 진흥원'; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; box-sizing: border-box; opacity: 0;}
.section6 ul li:nth-child(2):before {content:'DOUZONE'; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; box-sizing: border-box; opacity: 0;}
.section6 ul li:nth-child(3):before {content:'WECANING KIDS';}
.section6 ul li:nth-child(4):before {content:'AJ 렌탈';}
.section6 ul li:nth-child(5):before {content:'Lenovo';}
.section6 ul li:nth-child(6):before {content:'feelatech';}
.section6 ul li:nth-child(7):before {content:'tsis';}
.section6 ul li:nth-child(8):before {content:'NEOFRIENO';}
.section6 ul li:nth-child(9):before {content:'정보시스템';}
.section6 ul li:nth-child(10):before {content:'CVT';}
.section6 ul li:nth-child(11):before {content:'BOARD';}
.section6 ul li:nth-child(12):before {content:'TPA KOREA';}
.section6 ul li:nth-child(13):before {content:'에드토이';}
.section6 ul li:nth-child(14):before {content:'ECOUNT';}
.section6 ul li:nth-child(15):before {content:'KYO WON 교원프라퍼티';}
.section6 ul li:nth-child(16):before {content:'COMS CLUB';}
.section6 ul li:nth-child(17):before {content:'보네르 스토리';}
.section6 ul li:nth-child(18):before {content:'한국렌탈';}
.section6 ul li:nth-child(19):before {content:'아바비젼';}
.section6 ul li:nth-child(20):before {content:'Dicle';}
.section6 ul li:hover:before {opacity: 1; transition: all 0.3s;}

/* hover end*/
/* .section6 ul li:nth-last-of-type(3) {border: none;}
.section6 ul li:nth-last-of-type(2) {border: none;}
.section6 ul li:nth-last-of-type(1) {border: none;} */
.section6 ul li > img {vertical-align: middle;}

.section7 {padding: 120px 0; padding-top: 0;}
.section7 .section1_title {margin-bottom: 50px; text-align: center;}
.section7 .section1_title h3 {margin-bottom: 15px;}
.section7 .section1_title p {line-height: 1;}

.map {width: 100%; position: relative;}
.map iframe {width: 100%; height: 500px; margin-bottom: 50px;}
.map ul li dl {display: flex; align-items: center; margin-bottom: 22px;} 
.map ul li dl dt {font-size: 26px; font-weight: bold; color: #ff9600; margin-right: 15px;} 
.map ul li dl dd {font-size: 18px; font-weight: 400; color: #323232;} 
.map ul:nth-child(3) {display: flex; align-items: center;}
.map ul:nth-child(3) li {display: flex; align-items: center; font-size: 18px; font-weight: 400; color: #323232; margin-right: 24px;;}
.map ul:nth-child(3) li:last-child {margin-right: 0;}
.map ul:nth-child(3) li img {margin-right: 15px;}

.contact {width:183px; height: 174px; background: #ff9600; position: absolute; top:-37px; left:0;}
.contact p {font-size: 30px; height: 174px; font-weight: bold; color: #323232; display: flex; flex-flow: column; justify-content: center; align-items: center;}
.contact p span {font-size: 36px; font-weight: bold; color: #fff; display: block; margin-top: 18px;}

footer {background: #323232; padding-top: 60px; padding-bottom: 80px;}
.container_f {display: flex; align-items: center;}
.logo_f {width: 228px;}
.logo_f img {width: 80%;}
footer nav {display: flex; align-items: center;}
footer nav ul:first-child {width: 783px;}
footer nav ul:first-child li {font-size: 18px; font-weight: 400; color: #d2d2d2; line-height: 1.5;}
footer nav ul:first-child li:last-child {color: #999999;}
footer nav ul:last-child {display: flex; align-items: center;}
footer nav ul:last-child li {margin-right: 15px;}
footer nav ul:last-child li:last-child {margin-right: 0;}

.sub1_section1 {background: url(../img/sub1_section1.png) no-repeat 50% 63%;}

.sub1_section1 {padding: 120px 0; padding-top: 200px;}
.sub1_section1 .section1_title {margin-bottom: 80px; text-align: center;}
.sub1_section1 .section1_title h3 {margin-bottom: 15px;}
.section1_title h3 span {display: block; color: #323232; margin-top: 10px;}
.sub1_section1 .section1_title p {line-height: 1;}

.content_sub1 {}
.content_sub1 p {font-size: 26px; font-weight: 400; color: #323232; text-align: center; margin-bottom: 30px;}
.content_sub1 p span {font-weight: bold;}

.content_sub2 {width: 100%; margin-bottom: 240px;}
.content_sub2 img {width: 100%;}

.sub1_section3 {padding-bottom: 120px;}
.content_sub3 ul {display: flex; align-items: center; justify-content: space-between; flex-flow: column;}
.content_sub3 ul li:first-child {text-align: center; margin-bottom: 30px;}
.content_sub3 ul li:first-child img {width: 70%; margin: 0 auto;}
.content_sub3 ul li a {display: block; text-align: center; width: 254px; height: 74px; line-height: 72px; border-radius: 37px; background: #ef005d; font-size: 20px; font-weight: bold; color: #fff;}
.content_sub3 ul li a img {vertical-align: middle;}

.sub2_section1 {margin: 120px 0; padding-top: 200px;}
.sub2_section1 .section1_title {margin-bottom: 50px; text-align: center;}
.sub2_section1 .section1_title h3 {margin-bottom: 15px;}
.sub2_section1 .section1_title p {line-height: 1;}
.sub2_section1 .content_sub2 {margin-bottom: 120px;}

/* .sub2_section4 {padding: 120px 0; padding-top: 200px;} */
.section4 .section1_title {margin-bottom: 50px; text-align: center;}
.section4 .section1_title h3 {margin-bottom: 15px;}
.section4 .section1_title p {line-height: 1;}
.section4 .content_sub2 {margin-bottom: 120px;}


.content_sub2_number {background: #ffbe00; display: none;}
.content_sub2_number ul {display: flex; padding: 20px 0;}
.content_sub2_number ul > li {width: calc(100% / 4); font-size: 46px; font-weight: bold; color: #fff; text-align: center; border-right: 1px solid #fff; box-sizing: border-box; padding: 30px 0;}
.content_sub2_number ul > li:first-child {border-left: 1px solid #fff;}
.content_sub2_number ul > li > div {margin-top: 20px;}
.content_sub2_number ul > li > div > p {font-size: 18px; font-weight: 400; color: #323232; line-height: 1.5;}


.sub2_section2 {padding: 120px 0; padding-top: 0;}
.sub2_section2 .section1_title {margin-bottom: 50px; text-align: center;}
.sub2_section2 .section1_title h3 {margin-bottom: 15px;}
.sub2_section2 .section1_title p {line-height: 1;}
.sub2_section2 .content_sub2 {margin-bottom: 120px;}

.slick_sub1_area {margin-bottom: 60px;}
.slick_sub1_area ul.slick-dots {top: auto; bottom: 30px; left: auto; transform: initial; right: 30px;}
.slick_sub1_area ul.slick-dots > li {background: #ffdfb2;}
.slick_sub1_area ul.slick-dots > li.slick-active {background: #ff9600;}

.sub2_content .sub2_title {text-align: center; margin-bottom: 30px;}
.sub2_content .sub2_title h3 {font-size: 30px; font-weight: bold; color: #323232; display: flex; justify-content: center; align-items: center;}
.sub2_content .sub2_title h3:before {content:''; display: block; width: 12px; height: 12px; background: #ff9600; border-radius: 100%; margin-right: 20px;}
.sub2_content .sub2_title h3:after {content:''; display: block; width: 12px; height: 12px; background: #ff9600; border-radius: 100%; margin-left: 20px;}

.sub2_content ul {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.sub2_content {margin-bottom: 60px;}
.sub2_content:last-child {margin-bottom: 0;}
.sub2_content ul li {box-sizing: border-box; width: calc(100% / 2); padding: 0 15px; padding-bottom: 30px;}
.sub2_content:first-child ul li {padding-bottom: 0;}
.sub2_content ul li > div.text_box {min-height: 130px; height: auto; padding: 20px 30px; border: 1px solid #d2d2d2; box-sizing: border-box;}
.sub2_content ul li > div.text_box p:first-child {font-size: 20px; font-weight: bold; color: #323232; margin-bottom: 15px; line-height: 1.5;}
.sub2_content ul li > div.text_box p:last-child {font-size: 18px; font-weight: 400; color: #323232; line-height: 1.5; word-break: keep-all;}

.sub2_section3 {background: #f5f5f5; margin: 120px 0; margin: 120px 0; padding-bottom: 120px; margin-top: 0; margin-bottom: 0;}
.content2_title {margin-bottom: 62px;}
.content2_title p {font-size: 20px; font-weight: bold; color: #323232;}

.content_box2 ul {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.content_box2 ul li {width: calc(100% / 3); height: auto; box-sizing: border-box; padding: 0 15px; padding-bottom: 30px;}
.content_box2 ul li:nth-last-of-type(2) {padding-bottom: 0;}
.content_box2 ul li:nth-last-of-type(1) {padding-bottom: 0; width: calc(66.5%);}
.content_box2 ul li:nth-last-of-type(1) .img_flex_g {display: flex; align-items: center; justify-content: space-around; border-bottom: 1px solid #d2d2d2; margin-bottom: 30px; padding-bottom: 30px;}
.content_box2 ul li:nth-last-of-type(1) > div .img_box_c {border-right: 0px solid #d2d2d2; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; width: 50%;}
.content_box2 ul li:nth-last-of-type(1) > div .img_box_c img {width: 80%;}
.content_box2 ul li:nth-last-of-type(1) > div .img_box_c:last-child {border: none;}
.content_box2 ul li > div {background: #fff; min-height: 408px; height: auto; padding: 30px; box-shadow: inset 4px 1px 8px 3px #dcdcdc; cursor: context-menu;;}
.content_box2 ul li > div:hover {box-shadow: initial; transition: all 0.3s;}
.content_box2 ul li > div .img_box_c {border-bottom: 1px solid #d2d2d2; text-align: center; margin-bottom: 30px; padding-bottom: 30px;}
.content_box2 ul li > div .text-box_c p:first-child {font-size: 20px; font-weight: bold; color: #e63574; margin-bottom: 20px;}
.content_box2 ul li > div .text-box_c p:last-child {font-size: 18px; font-weight: 400; color: #323232; line-height: 1.5; word-break: keep-all;}

.sub2_section4 {margin: 120px 0;}
.sub2_section4 .section1_title {margin-bottom: 0px; text-align: center;}
.sub2_section4 .section1_title h3 {margin-bottom: 15px;}
.sub2_section4 .section1_title p {line-height: 1;}
.sub2_section4 .content_sub2 {margin-bottom: 120px;}

.sub2_section3_title {display: flex; align-items: center; justify-content: space-between;}
.sub2_section3_title p {font-size: 36px; font-weight: 400; color: #323232;}
.sub2_section3_title p span {color: #ff9600; font-weight: bold;}

.sub2_section3_box_area {display: flex; margin-top: 20px;}
.sub2_section3_box_area ul > li {margin-bottom: 20px;}
.sub2_section3_box_area ul > li:last-child {margin-bottom: 0;}
.sub2_section3_box_area ul > li > div {border: 1px solid #d2d2d2; padding: 30px;}
.sub2_section3_box_area ul > li > div > div.text_box_l p:first-child {font-size: 22px; font-weight: bold; color: #323232; margin-bottom: 20px;}
.sub2_section3_box_area ul > li > div > div.text_box_l p:last-child {font-size: 18px; font-weight: 400; color: #323232; line-height: 1.5; word-break: keep-all;}
.sub2_section3_box_area .right_box {height: auto; margin-left: 60px;}
.sub2_section3_box_area .right_box .imgbox_l {height: 100%;}
.sub2_section3_box_area .right_box .imgbox_l img {height: 100%;}


.sub2_section5 {padding: 120px 0; background: #f5f5f5; padding-bottom: 150px;}
.sub2_section5 .section1_title {margin-bottom: 50px; text-align: center;}
.sub2_section5 .section1_title h3 {margin-bottom: 15px;}
.sub2_section5 .section1_title p {line-height: 1;}
.sub2_section5 .content_sub2 {margin-bottom: 120px;}

.notice_area .container > ul {border-top: 2px solid #323232;}
.notice_area .container > ul > li > div {/*display: flex; align-items: center;*/}
/* .notice_area .container > ul > li > div.tbody {display: flex; align-items: center; border-bottom: 1px solid #d2d2d2; height: 78px; background: #fff; cursor: pointer;} */
.notice_area .container > ul > li > div:hover {background: initial; transition: all 0.3s;}
/* .notice_area .container > ul > li > div div.no_th {width: 372px; text-indent: 30px;} */
.notice_area .container > ul > li > div div.no_th > p {text-align: center; font-size: 20px; font-weight: 400; color: #323232;}
.notice_area .container > ul > li > div div.no_th > p span {font-size: 20px; font-weight: 400; color: #323232;}
.notice_area .container > ul > li > div div.td2 {width: 174px;}
.notice_area .container > ul > li > div div.td2 > p {font-size: 20px; font-weight: 400; color: #323232;}
.notice_area .container > ul > li > div div.td2 > p > img {margin-right: 10px;}
.notice_area .container > ul > li > div div.td3 {}
.notice_area .container > ul > li > div div.td3 > p {font-size: 20px; font-weight: 400; color: #323232;}
.notice_area .container > ul > li > div div.td3 > p > img {margin-right: 10px;}

/* 수정 */
.notice_area .container > ul > li > div > ul.thead {display: flex; justify-content: center; padding: 0 20px; border-bottom: 1px solid #d2d2d2;}
.notice_area .container > ul > li > div > ul.thead > li {text-align: center; font-size: 25px; font-weight: bold; color: #323232; align-items: center; padding: 20px 0;}
.notice_area .container > ul > li > div > ul.thead > li {width: 200px;}
.notice_area .container > ul > li > div > ul.thead > li:nth-child(2) {width: calc(1200px - 400px); border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
/* .notice_area .container > ul > li > div > ul.thead > li:first-child {width: 200px;} */
.notice_area .container > ul > li > div > div.tbody {display: flex; align-items: center; border-bottom: 1px solid #d2d2d2; height: 78px; background: #fff; cursor: pointer; justify-content: center; padding: 0 20px;}
.notice_area .container > ul > li > div > div.tbody > .no_th {line-height: 76px; height: 100%; width: 200px; text-align: center; font-weight: 400;}
.notice_area .container > ul > li > div > div.tbody > .td3 {line-height: 76px; height: 100%; width: calc(1200px - 400px); text-align: center; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.notice_area .container > ul > li > div > div.tbody > .td4 {line-height: 76px; height: 100%; width: 200px; text-align: center;}
.notice_area .container > ul > li > div div.td4 > p {font-size: 20px; font-weight: 400; color: #323232;}




.pager {margin-top: 53px;}
.pager ul {display: flex; align-items: center; justify-content: center;}
.pager ul li a {display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #323232; box-sizing: border-box; border-radius: 100%; margin-right: 10px; cursor: pointer;}
.pager ul li:hover a {background: #ff9600; color: #fff; border-color: #ff9600; transition: all 0.3s;}
.pager ul li:last-child:hover {background: none; color: initial; border: none;}
.pager ul li:first-child:hover {background: none; color: initial; border: none;}
.pager ul li.on a {background: #ff9600; color: #fff; border-color: #ff9600;}
.pager ul li:last-child.on a {background: none; color: initial; border: none;}
.pager ul li:first-child.on a {background: none; color: initial; border: none;}
.pager ul li:last-child {border: none; width: auto; height: auto; line-height: initial; margin-right: 0; margin-left: 10px;}
.pager ul li:first-child {border: none; width: auto; height: auto; line-height: initial; margin-right: 0; margin-right: 10px;}
.pager ul li:last-child img {vertical-align: middle;}


/* 애니메이션 효과 */
.arrow_v {animation-name: scroll;  animation-duration: 1.8s; animation-iteration-count: infinite; animation-timing-function: linear;}
@keyframes scroll {
    from {bottom:20px;}
    to {bottom:0px;}
}


/* 수정 */
.History_area {overflow-y: scroll; height: 100vh;}
.h_first_ul {display: flex; flex-flow: column-reverse;}


/* overflow_x hidden */
.section1,.section2,.section3,.section4,.section5,.section6,.section7,.section8 {overflow-x: hidden;}
.section5 {overflow-x: initial;}
.sub2_section1,.sub2_section2,.sub2_section3,.sub2_section4,.sub2_section5 {overflow-x: hidden;}
.sub2_section3 {overflow-x: initial;}
.sub1_section1 .section1_title {padding-top: 50px}