@charset "utf-8";
@import url("font.css");

/* Default Layout */
#wrap {width:100%; height: 100%;}

/*메뉴*/
.toparea {z-index: 600; position: relative; border-bottom: 1px solid #cecece;}
.toparea .top_inner {max-width:1280px; width:100%; margin:10px auto 0; box-sizing:border-box;}
.toparea .gg_logo {width:300px;float:left;}
.toparea .membership_bar {float:left; padding-top: 18px; width: 1060px; display: flex; display:-webkit-flex; justify-content: flex-end;}
.toparea .membership_bar li {margin-left: 40px; line-height: 12px;}
.toparea .membership_bar li:first-child {margin-left: 0 !important;}
.toparea .membership_bar li a {display: block; font-size: 12px;}
.toparea .topmenu {margin: 0 auto; max-width: 1280px; width: 100%; height: 88px; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; box-sizing:border-box;}
.toparea .topmenu a.logo {z-index: 208; position: relative; display: block;}
.toparea .topmenu a.logo img {width: 100%;}
.toparea .topmenu .gnb {display: flex; display:-webkit-flex; justify-content: center;}
.toparea .topmenu .gnb > li > a {padding: 0 55px; display: block; font-size: 18px; font-weight: 500; line-height: 88px; text-align: center;}
.toparea .topmenu .gnb > li > a span {position: relative; padding: 0 5px; display: block;}
.toparea .topmenu .gnb > li > a span::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #0478e5; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu .gnb > li .menu_list {z-index: 206; position: absolute; left: calc(50% - 372px); top: 118px; padding: 35px 0 55px; display: none; width: 900px;}
.toparea .topmenu .gnb > li .menu_list li {margin-right: 60px; float: left; width: 180px; border: 1px solid #cecece;}
.toparea .topmenu .gnb > li .menu_list li:last-child {margin-right: 0;}
.toparea .topmenu .gnb > li .menu_list li a {z-index: 207; position: relative; padding: 0 20px; display: block; font-size: 16px; line-height: 40px; word-break: keep-all;}
.toparea .topmenu .gnb > li .menu_list li:hover {background-color: #008ed7; border-color: #008ed7;}
.toparea .topmenu .gnb > li .menu_list li:hover a {color: #fff;}
.toparea .topmenu .bg-topmenu-on {position: absolute; left: 0; top: 118px; width: 100%; height: 100%; display: none; background-color: #fff; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;}
.toparea .topmenu button {position: relative;}
.toparea .topmenu button.btn_search {z-index: 205; width: 22px; height: 24px;}
.toparea .topmenu button.btn_search span {width: 22px; height: 24px;}
.toparea .topmenu button.btn_search span::after{width: 12px; height: 12px;}
.toparea .topmenu button.btn_search span::before {}
.toparea .topmenu button.btn_allgnb {z-index: 210; position: relative; margin-left: 45px; display: inline-flex; display:-webkit-inline-flex; flex-flow: column; justify-content: space-evenly; align-items: flex-end; width: 26px; height: 22px;}
.toparea .topmenu button.btn_allgnb span {position: absolute; right: 0; display: block; width: 26px; height: 4px; background-color: #666; border-radius: 4px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.toparea .topmenu button.btn_allgnb span.line1 {top: 0;}
.toparea .topmenu button.btn_allgnb span.line2 {top: calc(50% - 2px); width: 18px;}
.toparea .topmenu button.btn_allgnb span.line3 {bottom: 0;}
.toparea .total_search_area {z-index: 211; position: absolute; left: 50%; top: 18px; transform: translateX(-50%); padding: 80px 60px; display: none; max-width: 1280px; width: 100%; background-color: #fff; border: 1px solid #cecece; box-sizing:border-box;}
.toparea .total_search_area .btn_close {position: absolute; right: -1px; top: -1px;}
.toparea .total_search_area .search_box {position: relative; margin: 0 auto; width: 100%; height: 90px; border: 1px solid #004096;}
.toparea .total_search_area .search_box input {padding: 0 70px 0 30px; width: 100%; height: 100%; font-size: 20px; background-color: transparent;}
.toparea .total_search_area .search_box button.btn_search {position: absolute; right: 28px; top: calc(50% - 18px); width: 34px; height: 37px;}
.toparea .total_search_area .search_box button.btn_search .icon {width: 34px; height: 37px;}
.toparea .total_search_area .search_box button.btn_search .icon::after {width: 20px; height: 20px; border-color: #008ed7; border-width: 4px;}
.toparea .total_search_area .search_box button.btn_search .icon::before {right: -3px; width: 17px; height: 4px; background-color: #008ed7;}
.toparea .allmenu-category {z-index: 212; position: absolute; left: 50%; top: 18px; transform: translateX(-50%); display: none; max-width: 1280px; width: 100%; background-color: #fff; border: 1px solid #cecece; box-sizing:border-box;}
.toparea .allmenu-category .btn_close {position: absolute; right: -1px; top: -1px;}
.toparea .allmenu-category .membership_bar {display: none;}
.toparea .allmenu-category .menu_box .all_gnb {padding: 55px 60px;}
.toparea .allmenu-category .menu_box .all_gnb > li {display: flex; display:-webkit-flex; justify-content: space-between; border-bottom: 1px solid #e6e6e6;}
.toparea .allmenu-category .menu_box .all_gnb > li a {position: relative; padding: 30px 0; display: block;}
.toparea .allmenu-category .menu_box .all_gnb > li a .txt::before {content: ''; position: absolute; left: 0; bottom: -31px; width: 100%; height: 1px; background-color: #004096; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transform-origin: left;}
.toparea .allmenu-category .menu_box .all_gnb > li:hover > a .txt::before {transform: scaleX(1);}
.toparea .allmenu-category .menu_box .all_gnb > li > a {display: block; width: 150px; font-weight: 600;}
.toparea .allmenu-category .menu_box .all_gnb > li > a .txt {position: relative; display: block;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list {display: flex; display:-webkit-flex; width: calc(100% - 300px);}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li {width: 25%;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li:last-child {margin-bottom: 0;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a {color: #666; font-weight: 500;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a .txt {position: relative;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a .txt::before {bottom: -32px; background-color: #008ed7;}
.toparea .allmenu-category .menu_box .all_gnb > li .menu_list li:hover > a .txt::before {transform: scaleX(1);}

.maincontents .main_visual {position: relative; background-repeat: no-repeat; background-size: cover; background-image: url('../../images/web/main_visual.jpg');}
.maincontents .main_visual .visual_box {position: relative; margin: 0 auto; padding: 45px 0; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; max-width: 1280px; width: 100%; box-sizing:border-box;}
.maincontents .main_visual .main_text {z-index: 24; position: relative;}
.maincontents .main_visual .main_text h2 {margin-bottom: 25px; font-size: 56px; line-height: 67px;}
.maincontents .main_visual .main_text p {color: #666; font-size: 18px;}
.maincontents .main_visual .main_slide {position: relative; margin-right: 30px; width: 620px; height: 390px;}
.maincontents .main_visual .main_slide::after, .maincontents .main_visual .main_slide::before {content: ''; z-index: 13; position: absolute;}
.maincontents .main_visual .main_slide::after {left: -120px; top: -30px; width: 547px; height: 343px; background-color: #cedbf5;}
.maincontents .main_visual .main_slide::before {right: -60px; bottom: -45px; width: 340px; height: 350px; background-color: #edf8f2;}
.maincontents .main_visual .main_slide .slick-list {z-index: 18; position: relative; border: 1px solid #bbb;}
.maincontents .main_visual .main_slide .slick-slide a {display: block;}
.maincontents .main_visual .main_slide .slick-slide img {width: 100%;}
.maincontents .main_visual .slick-arrow {background-color: rgba(34, 34, 34, 0.68); border-radius: 50%;}
.maincontents .main_visual .slick-next.slick-arrow {right: -30px;}
.maincontents .main_visual .slick-prev.slick-arrow {left: -30px;}
.maincontents .main_visual .slick-dots {z-index: 21; position: absolute; padding-right: 240px; bottom: -45px; right: 0; display: flex; display:-webkit-flex; justify-content: flex-end; align-items: center; width: 360px; height: 100px;}
.maincontents .main_visual .slick-dots::before {content: ''; position: absolute; left: 0; top: 0; width: calc(100% + 360px); height: 100%; background-color: rgba(0, 64, 150, 0.9);}
.maincontents .main_visual .slick-dots li {z-index: 22; position: relative; display: none;}
.maincontents .main_visual .slick-dots li.slick-active {display: block;}
.maincontents .main_visual .slick-dots li span {color: #fff; text-align: right; font-size: 18px; font-weight: 300; text-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);}
.maincontents .main_visual .slick-dots li span.num {font-size: 24px; font-weight: 900;}
.maincontents .main_visual .slick-dots li span.total::before {content: '/';}
.maincontents .main_visual .slick-pause {z-index: 23; position: absolute; bottom: 36px; right: calc(50% - 650px); width: 30px; height: 30px; border: 3px solid #fff; border-radius: 100%; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);}
.maincontents .main_visual .slick-pause::after, .maincontents .main_visual .slick-pause::before {content: ''; position: absolute; top: calc(50% - 6px); width: 4px; height: 12px; background-color: #fff; border-radius: 4px; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);}
.maincontents .main_visual .slick-pause::after {left: 6px;}
.maincontents .main_visual .slick-pause::before {right: 6px;}
.maincontents .main_visual.pause .slick-pause::after {left: 9px; width: 3px; border-radius: 3px; box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);}
.maincontents .main_visual.pause .slick-pause::before {top: 7px; right: 8px; width: 10px; height: 10px; background-color: #fff; clip-path: polygon(0% 0%, 100% 100%, 100% 0%); border-radius: 3px; transform: rotate(45deg);}
.maincontents .main_visual .pro-bar {overflow: hidden; z-index: 22; position: absolute; right: calc(50% - 600px); bottom: 45px; width: 180px; height: 10px; background-color: #fff; border-radius: 10px; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.5);}
.maincontents .main_visual .pro-ani::after {content: ''; position: absolute; left: 0; top: 0; height: 100%; background-color: #008ed7; animation: visualBar 4s 1; width:100%;}
@keyframes visualBar{
    0% {width:0;}
    100% {width:100%;}
}
.maincontents .main_visual.pause .pro-ani::after {animation-play-state: paused;}

.maincontents .section {position: relative;}
.maincontents .section .area {margin: 0 auto;}
.maincontents .section .area h2 {margin-bottom: 60px; font-size: 32px; font-weight: 500; line-height: 32px; text-align: center;}
.maincontents .section.section1 {position: relative; padding: 80px 0 60px; height: 777px; background-color: #fbfbfb; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;}
.maincontents .section.section1 .area .job_information {margin: 0 auto; display: flex; display:-webkit-flex; justify-content: space-between; max-width: 1280px; width: 100%; box-sizing:border-box;}
.maincontents .section.section1 .area .job_information > li {width: 175px;}
.maincontents .section.section1 .area .job_information > li > a {position: relative; padding: 100px 15px 8px; display: block;}
.maincontents .section.section1 .area .job_information > li > a::after, .maincontents .section.section1 .area .job_information > li > a::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 100%;}
.maincontents .section.section1 .area .job_information > li > a::after {top: 0; width: 98px; height: 98px; background-repeat: no-repeat; background-position: center center; border: 1px solid #d8d8d8;}
.maincontents .section.section1 .area .job_information > li > a::before {bottom: 0; width: 8px; height: 8px;}
.maincontents .section.section1 .area .job_information > li > a p {display: flex; display:-webkit-flex; align-items: center; justify-content: center; width: 100%; height: 77px; color: #444; font-weight: 500; text-align: center; word-break: keep-all;}
.maincontents .section.section1 .area .job_information > li.active > a::after {background-color: #008ed7; border-color: #008ed7;}
.maincontents .section.section1 .area .job_information > li.active > a::before {background-color: #008ed7;}
.maincontents .section.section1 .area .job_information > li.active > a p {color: #008ed7;}
.maincontents .section.section1 .area .job_information > li > a.tit1::after {background-image: url('../../images/web/main_contents1_icon1_off.png');}
.maincontents .section.section1 .area .job_information > li.active > a.tit1::after {background-image: url('../../images/web/main_contents1_icon1_on.png');}
.maincontents .section.section1 .area .job_information > li > a.tit2::after {background-image: url('../../images/web/main_contents1_icon2_off.png');}
.maincontents .section.section1 .area .job_information > li.active > a.tit2::after {background-image: url('../../images/web/main_contents1_icon2_on.png');}
.maincontents .section.section1 .area .job_information > li > a.tit3::after {background-image: url('../../images/web/main_contents1_icon3_off.png');}
.maincontents .section.section1 .area .job_information > li.active > a.tit3::after {background-image: url('../../images/web/main_contents1_icon3_on.png');}
.maincontents .section.section1 .area .job_information > li > a.tit4::after {background-image: url('../../images/web/main_contents1_icon4_off.png');}
.maincontents .section.section1 .area .job_information > li.active > a.tit4::after {background-image: url('../../images/web/main_contents1_icon4_on.png');}
.maincontents .section.section1 .area .job_information > li > a.tit5::after {background-image: url('../../images/web/main_contents1_icon5_off.png');}
.maincontents .section.section1 .area .job_information > li.active > a.tit5::after {background-image: url('../../images/web/main_contents1_icon5_on.png');}
.maincontents .section.section1 .area .job_information > li > a.tit6::after {background-image: url('../../images/web/main_contents1_icon6_off.png');}
.maincontents .section.section1 .area .job_information > li.active > a.tit6::after {background-image: url('../../images/web/main_contents1_icon6_on.png');}
.maincontents .section.section1 .area .job_information > li .list {position: absolute; left: 0; top: 400px; width: 100%; display: none;}
.maincontents .section.section1 .area .job_information > li.active .list {display: block;}
.maincontents .section.section1 .area .job_information > li .list .slick-list {overflow: inherit; margin: 0 auto; max-width: 1280px; width: 100%; box-sizing:border-box;}
.maincontents .section.section1 .area .job_information > li .list .slick-slide {position: relative; padding: 0 10px;}
.maincontents .section.section1 .area .job_information > li .list .slick-slide::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(251, 251, 251, 0.72);}
.maincontents .section.section1 .area .job_information > li .list .slick-slide.slick-active::after {display: none;}
.maincontents .section.section1 .area .job_information > li .list li a {position: relative; padding: 65px 30px 35px; display: block; border: 1px solid #d2d2d2; background-color: #fff;}
.maincontents .section.section1 .area .job_information > li .list .slick-current li a {border-color: #0372b8; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}
.maincontents .section.section1 .area .job_information > li .list li a .state {position: absolute; right: 20px; top: 20px; padding: 3px 15px; color: #fff; font-size: 14px; font-weight: 500; background-color: #004096; border-radius: 30px;}
.maincontents .section.section1 .area .job_information > li .list li a p {margin-bottom: 15px; color: #444; font-size: 14px;}
.maincontents .section.section1 .area .job_information > li .list li a h3 {overflow: hidden; margin-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; height: 52px; -webkit-line-clamp: 2; font-size: 20px; font-weight: 400;}
.maincontents .section.section1 .area .job_information > li .list li a ul {overflow: hidden; display: flex; display:-webkit-flex;}
.maincontents .section.section1 .area .job_information > li .list li a ul li {position: relative; color: #444; font-size: 15px;}
.maincontents .section.section1 .area .job_information > li .list li a ul li::after {content: '|'; position: relative; top: -1px; margin: 0 10px; font-size: 13px;}
.maincontents .section.section1 .area .job_information > li .list li a ul li:last-child::after {display: none;}
.maincontents .section.section1 .area .job_information > li .list .slick-dots {margin-top: 20px; display: flex; display:-webkit-flex; justify-content: center;}
.maincontents .section.section1 .area .job_information > li .list .slick-dots li {margin: 0 5px;}
.maincontents .section.section1 .area .job_information > li .list .slick-dots li button {width: 16px; height: 16px; color: transparent; font-size: 0;  background-color: #cecece; border-radius: 16px;}
.maincontents .section.section1 .area .job_information > li .list .slick-dots li.slick-active button {width: 44px; background-color: #0372b8;}

.maincontents .section.section1 .area .job_information2 {margin: 0 auto; display: flex; display:-webkit-flex; justify-content: space-between; max-width: 1280px; width: 100%; box-sizing:border-box;}
.maincontents .section.section1 .area .job_information2 > li {width: 175px;}
.maincontents .section.section1 .area .job_information2 > li > a {position: relative; padding: 100px 15px 8px; display: block;}
.maincontents .section.section1 .area .job_information2 > li > a::after, .maincontents .section.section1 .area .job_information2 > li > a::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 100%;}
.maincontents .section.section1 .area .job_information2 > li > a::after {top: 0; width: 98px; height: 98px; background-repeat: no-repeat; background-position: center center; border: 1px solid #d8d8d8;}
.maincontents .section.section1 .area .job_information2 > li > a::before {bottom: 0; width: 8px; height: 8px;}
.maincontents .section.section1 .area .job_information2 > li > a p {display: flex; display:-webkit-flex; align-items: center; justify-content: center; width: 100%; height: 77px; color: #444; font-weight: 500; text-align: center; word-break: keep-all;}
.maincontents .section.section1 .area .job_information2 > li.active > a::after {background-color: #008ed7; border-color: #008ed7;}
.maincontents .section.section1 .area .job_information2 > li.active > a::before {background-color: #008ed7;}
.maincontents .section.section1 .area .job_information2 > li.active > a p {color: #008ed7;}
.maincontents .section.section1 .area .job_information2 > li > a.tit1::after {background-image: url('../../images/web/main_contents1_icon1_off.png');}
.maincontents .section.section1 .area .job_information2 > li.active > a.tit1::after {background-image: url('../../images/web/main_contents1_icon1_on.png');}
.maincontents .section.section1 .area .job_information2 > li > a.tit2::after {background-image: url('../../images/web/main_contents1_icon2_off.png');}
.maincontents .section.section1 .area .job_information2 > li.active > a.tit2::after {background-image: url('../../images/web/main_contents1_icon2_on.png');}
.maincontents .section.section1 .area .job_information2 > li > a.tit3::after {background-image: url('../../images/web/main_contents1_icon3_off.png');}
.maincontents .section.section1 .area .job_information2 > li.active > a.tit3::after {background-image: url('../../images/web/main_contents1_icon3_on.png');}
.maincontents .section.section1 .area .job_information2 > li > a.tit4::after {background-image: url('../../images/web/main_contents1_icon4_off.png');}
.maincontents .section.section1 .area .job_information2 > li.active > a.tit4::after {background-image: url('../../images/web/main_contents1_icon4_on.png');}
.maincontents .section.section1 .area .job_information2 > li > a.tit5::after {background-image: url('../../images/web/main_contents1_icon5_off.png');}
.maincontents .section.section1 .area .job_information2 > li.active > a.tit5::after {background-image: url('../../images/web/main_contents1_icon5_on.png');}
.maincontents .section.section1 .area .job_information2 > li > a.tit6::after {background-image: url('../../images/web/main_contents1_icon6_off.png');}
.maincontents .section.section1 .area .job_information2 > li.active > a.tit6::after {background-image: url('../../images/web/main_contents1_icon6_on.png');}
.maincontents .section.section1 .area .job_information2 > li .list {position: absolute; left: 0; top: 400px; width: 100%; display: none;}
.maincontents .section.section1 .area .job_information2 > li.active .list {display: block;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-list {overflow: inherit; margin: 0 auto; max-width: 1280px; width: 100%; box-sizing:border-box;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-slide {position: relative; padding: 0 10px;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-slide::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(251, 251, 251, 0.72);}
.maincontents .section.section1 .area .job_information2 > li .list .slick-slide.slick-active::after {display: none;}
.maincontents .section.section1 .area .job_information2 > li .list li a {position: relative; padding: 65px 30px 35px; display: block; border: 1px solid #d2d2d2; background-color: #fff;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-current li a {border-color: #0372b8; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}
.maincontents .section.section1 .area .job_information2 > li .list li a .state {position: absolute; right: 20px; top: 20px; padding: 3px 15px; color: #fff; font-size: 14px; font-weight: 500; background-color: #004096; border-radius: 30px;}
.maincontents .section.section1 .area .job_information2 > li .list li a p {margin-bottom: 15px; color: #444; font-size: 14px;}
.maincontents .section.section1 .area .job_information2 > li .list li a h3 {overflow: hidden; margin-bottom: 30px; display: -webkit-box; -webkit-box-orient: vertical; height: 52px; -webkit-line-clamp: 2; font-size: 20px; font-weight: 400;}
.maincontents .section.section1 .area .job_information2 > li .list li a ul {overflow: hidden; display: flex; display:-webkit-flex;}
.maincontents .section.section1 .area .job_information2 > li .list li a ul li {position: relative; color: #444; font-size: 15px;}
.maincontents .section.section1 .area .job_information2 > li .list li a ul li::after {content: '|'; position: relative; top: -1px; margin: 0 10px; font-size: 13px;}
.maincontents .section.section1 .area .job_information2 > li .list li a ul li:last-child::after {display: none;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-dots {margin-top: 60px; display: flex; display:-webkit-flex; justify-content: center;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-dots li {margin: 0 5px;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-dots li button {width: 16px; height: 16px; color: transparent; font-size: 0;  background-color: #cecece; border-radius: 16px;}
.maincontents .section.section1 .area .job_information2 > li .list .slick-dots li.slick-active button {width: 44px; background-color: #0372b8;}

.maincontents .section.section2 {padding: 60px 0;}
.maincontents .section.section2 .area {max-width: 1280px; width: 100%; box-sizing:border-box;}
.maincontents .section.section2 .area .course_area {position: relative; }
.maincontents .section.section2 .area .course_area li {padding: 0 20px;}
.maincontents .section.section2 .area .course_area li a {position: relative; display: block; text-align: center; word-break: keep-all;}
.maincontents .section.section2 .area .course_area li a .box {border: 1px solid #b6b6b6;}
.maincontents .section.section2 .area .course_area li a .box .img_box {width: 100%; height: 210px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.maincontents .section.section2 .area .course_area li a .box h3 {overflow: hidden; margin: 15px 0; padding: 0 15px; display: -webkit-box; -webkit-box-orient: vertical; height: 52px; -webkit-line-clamp: 2; font-size: 18px; font-weight: 400;}
.maincontents .section.section2 .area .course_area li a .box p {overflow: hidden; margin-bottom: 25px; color: #888; font-size: 15px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap;}
.maincontents .section.section2 .area .course_area li a .box.hidden {position: absolute; left: 0; top: 0; padding-top: 60px; width: 100%; height: 100%; background-color: rgba(48, 48, 48, 0.94); border: 0; transform: scaleX(0); transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transform-origin: center;}
.maincontents .section.section2 .area .course_area li a:hover .box.hidden {transform: scaleX(1);}
.maincontents .section.section2 .area .course_area li a .box.hidden h3 {margin-bottom: 25px; padding: 90px 20px 0; height: 146px; color: #fff; font-size: 20px; font-weight: 500; line-height: 28px; background-repeat: no-repeat; background-position: center top; background-image: url('../../images/web/main_contents2_icon.png');}
.maincontents .section.section2 .area .course_area li a .box.hidden .more {margin: 0 auto; display: block; width: 148px; color: #fff; font-weight: 600; line-height: 48px; background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.5);}
.maincontents .section.section2 .area .course_area .slick-arrow {width: 60px; height: 60px; background-color: rgba(0, 64, 150, 0.68); border-radius: 100%;}
.maincontents .section.section2 .area .course_area .slick-next {right: -60px;}
.maincontents .section.section2 .area .course_area .slick-prev {left: -60px;}
.maincontents .section.section3 {display: flex; display:-webkit-flex; }
.maincontents .section.section3 .area {overflow: hidden; width: 50%;}
.maincontents .section.section3 .area .box {position: relative; width: 680px;}
.maincontents .section.section3 .area .box h2 {margin-bottom: 25px; text-align: left;}
.maincontents .section.section3 .area .box p {margin-bottom: 45px;}
.maincontents .section.section3 .area .box .tag {display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.maincontents .section.section3 .area .box .tag li {padding: 0 30px; margin: 0 20px 10px 0; min-width: 170px; line-height: 40px; font-size: 15px; font-weight: 500; text-align: center; border: 1px solid #b6b6b6; border-radius: 42px;}
.maincontents .section.section3 .area .box .tag li span::before {content: '#';}
.maincontents .section.section3 .area .box .btn_more {position: absolute; right: 80px; bottom: 60px; width: 240px; height: 60px; color: #fff; font-size: 20px; font-weight: 500; background: url('../../images/web/main_contents3_bg2.jpg') repeat-y; background-position: 15% 50%;}
.maincontents .section.section3 .area .box .btn_more:hover {animation: more 1s linear; -webkit-animation-fill-mode:both;}
@keyframes more {
    from {background-position: 15% 50%;}
    to {background-position: 50% 50%;}
}
.maincontents .section.section3 .area .box .detail {display: flex; display:-webkit-flex;}
.maincontents .section.section3 .area .box .detail .optionbox {margin-right: 10px; min-width: 140px; height: 42px; background-color: rgba(0, 0, 0, 0.38); background-image: url('../../images/web/icon_select.png'); border: 1px solid rgba(180, 174, 174, 0.6);}
.maincontents .section.section3 .area .box .detail .optionbox select {color: #dedede; font-size: 15px;}
.maincontents .section.section3 .area .box .detail .optionbox select option {color: #222;}
.maincontents .section.section3 .area .box .detail .btn_search {position: relative; width: 150px; height: 42px; color: #fff; font-weight: 600; background-color: rgba(0, 64, 150, 0.8);}
.maincontents .section.section3 .area .box .detail .btn_search .icon {position: absolute; left: calc(50% - 40px); top: calc(50% - 8px); width: 16px; height: 16px;}
.maincontents .section.section3 .area .box .detail .btn_search .icon::after {width: 11px; height: 11px; border: 1px solid #fff;}
.maincontents .section.section3 .area .box .detail .btn_search .icon::before {right: -1px; bottom: 3px; width: 7px; height: 1px; background-color: #fff;}
.maincontents .section.section3 .area.counsel {background-color: #f8f8f8;}
.maincontents .section.section3 .area.counsel .box {padding: 80px 80px 130px 0; float: right;}
.maincontents .section.section3 .area.counsel .box p {color: #000;}
.maincontents .section.section3 .area.contract {background-repeat: no-repeat; background-position: left center; background-size: cover; background-image: url('../../images/web/main_contents3_bg.jpg');}
.maincontents .section.section3 .area.contract .box {padding: 80px 0 60px 80px;}
.maincontents .section.section3 .area.contract .box h2 {color: #fff;}
.maincontents .section.section3 .area.contract .box p {color: #fff;}

.bottomarea {border-top: 1px solid #cecece;}
.bottomarea .agree_area {margin: 0 auto; padding: 17px 0; display: flex; display:-webkit-flex; max-width: 1280px; width: 100%; box-sizing:border-box;}
.bottomarea .agree_area li a {color: #888; font-weight: 500;}
.bottomarea .agree_area li.pri::after {content: ''; position: relative; top: 2px; margin: 0 35px; display: inline-block; width: 1px; height: 16px; background-color: #b2b2b2;}
.bottomarea .agree_area li.pri a {color: #008ed7;}
.bottomarea .footer {background-color: #3f3f3f; border-top: 1px solid #cecece;}
.bottomarea .footer .area {margin: 0 auto; padding: 35px 0; max-width: 1280px; width: 100%; font-weight: 500; box-sizing:border-box;}
.bottomarea .footer .area address {margin-bottom: 20px; color: #cecece; line-height: 28px;}
.bottomarea .footer .area address p {display: inline-block;}
.bottomarea .footer .area address p span {margin-right: 5px;}
.bottomarea .footer .area address p.block {display: block;}
.bottomarea .footer .area address p.character {margin: 0 10px;}
.bottomarea .footer .area .copyright {color: #888; font-size: 12px;}

/*팝업*/
.modal {display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 600; -webkit-overflow-scrolling: touch; outline: 0; background-color: rgba(0, 0, 0, 0.6);}
.modal.on {display: block;}
.popup {z-index: 1100; overflow-y: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 10px; width: 480px; max-height: calc(100% - 20px); max-width: calc(100% - 20px); background: #f5f5f5;}
.popup .popup_title {margin-bottom: 30px; display: flex; display:-webkit-flex; justify-content: space-between;}
.popup .popup_title h3 {font-size: 22px;}
.popup .popup_title .modal_close {position: relative; top: 3px; flex: none; width: 21px; height: 21px;}
.popup .popup_title .modal_close::after, .popup .popup_title .modal_close::before {content: ''; position: absolute; left: calc(50% - 13px); top: calc(50% - 2px); width: 29px; height: 4px; background-color: #222; transform-origin: center; border-radius: 4px;}
.popup .popup_title .modal_close::after {transform: rotate(-45deg);}
.popup .popup_title .modal_close::before {transform: rotate(45deg);}
.popup .popup_inner {background-color: #fff;}
.popup .popup_inner .boardview table {border-top-width: 1px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.popup .popup_inner .boardview table tr {border-color: #e2e2e2;}
.popup .popup_inner .boardview table tr th {padding: 10px; font-weight: 400; font-size: 14px; border: 0; background-color: transparent;}
.popup .popup_inner .boardview table tr td {padding: 10px; color: #222; font-size: 14px; border-right: 0;}
.popup .popup_inner .boardview table tr td .optionbox, .popup .popup_inner .boardview table tr td .inpbox {height: 30px;}
.popup .popup_inner .boardview table tr td .optionbox {width: 160px;}
.popup .popup_inner .boardview table tr td textarea {height: 62px;}
.popup .popup_inner .boardview table tr td > a {display: block;}
.popup .popup_inner .boardview table tr td .attachment-file .ipfile {height: 30px;}
.popup .popup_inner .boardview table tr td .attachment-file .ipfile span {line-height:30px;}
.popup .popup_inner .boardview table tr td .attachment-file .inpbox {width: 180px; height: 30px;}
.popup .popup_inner .boardview table tr td .file_list li {padding-left: 12px; background-size: 9px; background-position: left top 7px;}
.popup .popup_inner .boardview table tr td .file_list li a {font-size: 13px;}
.popup .popup_inner .boardview table tr td .calendarbox .inpbox .ui-datepicker-trigger {width: 30px; background-size: 20px;}
.popup .button_box {margin-top: 40px;}

/*메인팝업*/
.popup.main {padding: 30px 10px 10px; transform: translate(0, 0); max-height: 90%; height: auto !important; border: 0;}
.popup.main .popup_title {justify-content: center; text-align: center;}
.popup.main .popup_inner {padding: 10px; border: 1px solid #e2e2e2;}
.popup.main .popup_inner img {max-width: 100%;}
.popup.main .popup_inner .content_box {padding: 5px 0 15px;}
.popup.main .popup_inner .file_list {padding: 15px 0 5px; border-top: 1px solid #e2e2e2;}
.popup.main .popup_inner .file_list li {margin-bottom: 0; padding-left: 0; background: none;}
.popup.main .button_box {margin-top: 30px; padding: 0 !important;}
.popup.main .button_box button {margin-left: 0 !important; padding: 10px; height: 60px; word-break: keep-all; line-height: 20px;}
.popup.main .button_box button.bg_blue2 {width: 55%;}
.popup.main .button_box button.bg_gray3 {width: 45%;}
.popup.main.img {padding: 0;}
.popup.main.img .popup_inner {padding: 0; border: 0;}
.popup.main.img .button_box {margin-top: 0;}

/*에러페이지*/
.error {position: fixed; width: 100%; height: 100%; display: flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-flow: column; align-items: center; justify-content: center;}
.error .error_box {padding: 80px 50px; width: 900px; text-align: center; word-break: keep-all; border: 1px solid #d8d8d8;}
.error .error_box img {margin-bottom: 100px;}
.error .error_box p.p1 {margin-bottom: 55px; font-size: 42px;}
.error .error_box p.p2 {font-size: 22px; line-height: 32px;}

/* PC/모바일 단일 분기점(1200). 1400 미디어쿼리는 제거 — 자식 width 1360 고정값을 직접 풀어서 처리 */

@media screen and (max-width:1200px) {
    
    /*메뉴*/
    .toparea {position: relative; border-bottom: 0;}
	.toparea .top_inner {width:100%;}
	.toparea .gg_logo {width:100%;float:left; text-align:center; padding-left:20px;}
    .toparea .membership_bar {display: none;}
    .toparea .topmenu {padding: 0 10px; height: 60px;}
    .toparea .topmenu a.logo {width: 124px;}
    .toparea .topmenu .gnb {display: none;}
    .toparea .topmenu button.btn_allgnb {margin-left: 15px;}

    .toparea .total_search_area {top: 50px; padding: 70px 10px 40px; width: 100%; border-left: 0; border-right: 0;}
    .toparea .total_search_area .search_box {width: 100%; height: 65px;}
    .toparea .total_search_area .search_box input {padding: 0 45px 0 10px; font-size: 20px;}
    .toparea .total_search_area .search_box button.btn_search {right: 10px; transform: scale(0.9);}
    
    .toparea .allmenu-category {z-index: 209; position: fixed; top: 50px; left: initial; transform: translateX(0); width: 100%; height: calc(100% - 50px) !important; background-color: rgba(0, 0, 0, 0.8); animation: allmenu 1s 1; border: 0;}
    @keyframes allmenu {
        0% {right: 0;}
        99% {right: -100%;}
        100% {display: none;}
    }
    .toparea .allmenu-category.active {animation: allmenu2 1s 1;}
    @keyframes allmenu2 {
        0% {display: block;}
        1% {right: -100%;}
        100% {right: 0;}
    }
    .toparea .allmenu-category .btn_close {top: 0; right: 0;}
    .toparea .allmenu-category .membership_bar {padding: 10px; display: flex; display:-webkit-flex; justify-content: flex-start; background-color: #fcfcfc; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece;}
    .toparea .allmenu-category .membership_bar li {margin-left: 20px;}
    .toparea .allmenu-category .membership_bar li a {display: block; width: 65px; font-size: 12px; line-height: 26px; text-align: center; border: 1px solid #bbb;}
    .toparea .allmenu-category .membership_bar li.log a {border-color: #004096;}
    .toparea .allmenu-category .menu_box {overflow-y: auto; height: 100%; background-color: #fff;}
    .toparea .allmenu-category .menu_box .all_gnb {padding: 15px 10px;}
    .toparea .allmenu-category .menu_box .all_gnb > li {display: block; display:-webkit-block;}
    .toparea .allmenu-category .menu_box .all_gnb > li a {padding: 0; display: block;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a {padding: 30px 0 10px; width: 100%; font-size: 20px;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .txt::before {bottom: -11px; width: 125px; transform: scaleX(1);}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon {position: absolute; right: 10px; bottom: 10px; width: 23px; height: 13px;}
    .toparea .allmenu-category .menu_box .all_gnb > li.active > a .icon {transform: rotate(180deg);}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::after, .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::before {content: ''; position: absolute; top: 5px; width: 17px; height: 3px; background-color: #888; border-radius: 3px; transform-origin: top;}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::after {left: -1px; transform: rotate(45deg);}
    .toparea .allmenu-category .menu_box .all_gnb > li > a .icon::before {right: -1px; transform: rotate(-45deg);}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list {padding: 10px; display: none; display:-webkit-none; width: 100%; background-color: #fcfcfc; border-top: 1px solid #e6e6e6;}
    .toparea .allmenu-category .menu_box .all_gnb > li.active .menu_list {display: block; display:-webkit-block;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li {width: 100%;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li:last-child {margin-bottom: 0;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li a {font-size: 18px; font-weight: 400; line-height: 35px;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li > a .txt::before {bottom: 0;}
    .toparea .allmenu-category .menu_box .all_gnb > li .menu_list li.active > a .txt::before {transform: scaleX(1);}
    
    .maincontents .main_visual .visual_box {padding: 40px 10px 30px; display: block; display:-webkit-block;}
    .maincontents .main_visual .main_text {margin-bottom: 70px;}
    .maincontents .main_visual .main_text h2 {margin-bottom: 0; font-size: 40px; line-height: 52px; letter-spacing: -2px;}
    .maincontents .main_visual .main_text p {display: none;}
    .maincontents .main_visual .main_slide {width: 100%; height: auto;}
    .maincontents .main_visual .main_slide::after {left: -10px; top: -30px; width: 90%; height: 80%;}
    .maincontents .main_visual .main_slide::before {right: -10px; bottom: -30px; width: 80%; height: 80%;}
    .maincontents .main_visual .slick-next.slick-arrow {right: -10px;}
    .maincontents .main_visual .slick-prev.slick-arrow {left: -10px;}
    .maincontents .main_visual .slick-dots {bottom: -30px; right: -10px; padding-right: calc(100% - 50px); width: calc(100% + 20px); height: 75px;}
    .maincontents .main_visual .slick-dots::before {width: 100%;}
    .maincontents .main_visual .slick-dots li span {font-size: 15px; font-weight: 400;}
    .maincontents .main_visual .slick-dots li span.num {font-weight: 600;}
    .maincontents .main_visual .slick-pause {bottom: 24px; right: 10px;}
    .maincontents .main_visual .pro-bar {right: 60px; bottom: 33px; width: calc(100% - 140px);}

    .maincontents .section .area h2 {margin-bottom: 30px;}
    .maincontents .section.section1 {padding: 40px 0 30px; height: 570px;}
    .maincontents .section.section1 .area .job_information {padding: 0 10px; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .maincontents .section.section1 .area .job_information > li {margin-bottom: 10px; width: calc(33.33% - 5px);}
    .maincontents .section.section1 .area .job_information > li > a {padding: 0; font-size: 14px; border: 1px solid #d2d2d2; border-radius: 5px; background-color: #fff;}
    .maincontents .section.section1 .area .job_information > li > a::after, .maincontents .section.section1 .area .job_information > li > a::before {left: 0; transform: translateX(0); border-radius: 0;}
    .maincontents .section.section1 .area .job_information > li > a::after {width: 47px; height: 100%; background-repeat: no-repeat; background-position: center center; border: 0;}
    .maincontents .section.section1 .area .job_information > li > a::before {display: none;}
    .maincontents .section.section1 .area .job_information > li > a p {padding: 0 10px 0 47px; justify-content: flex-start; height: 70px; text-align: left; line-height: 18px; word-break: break-all;}
    .maincontents .section.section1 .area .job_information > li.active > a {background-color: #008ed7; border-color: #008ed7;}
    .maincontents .section.section1 .area .job_information > li.active > a p {color: #fff;}
    .maincontents .section.section1 .area .job_information > li > a.tit1::after {background-size: 16px;}
    .maincontents .section.section1 .area .job_information > li > a.tit2::after {background-size: 23px;}
    .maincontents .section.section1 .area .job_information > li > a.tit3::after {background-size: 32px;}
    .maincontents .section.section1 .area .job_information > li > a.tit4::after {background-size: 25px;}
    .maincontents .section.section1 .area .job_information > li > a.tit5::after {background-size: 37px;}
    .maincontents .section.section1 .area .job_information > li > a.tit6::after {background-size: 30px;}
    .maincontents .section.section1 .area .job_information > li .list {top: 290px;}
    .maincontents .section.section1 .area .job_information > li .list .slick-list {padding: 0 50px 0 5px;}
    .maincontents .section.section1 .area .job_information > li .list .slick-slide {padding: 0 5px;}
    .maincontents .section.section1 .area .job_information > li .list li a {padding: 50px 15px 35px;}
    .maincontents .section.section1 .area .job_information > li .list li a .state {right: 10px; top: 10px; padding: 1px 12px;}
    .maincontents .section.section1 .area .job_information > li .list li a p {margin-bottom: 10px;}
    .maincontents .section.section1 .area .job_information > li .list li a h3 {margin-bottom: 30px; height: 69px; -webkit-line-clamp: 3; font-size: 20px; line-height: 23px;}
    .maincontents .section.section1 .area .job_information > li .list li a ul li {flex: none;}

	.maincontents .section.section1 .area .job_information2 {padding: 0 10px; flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .maincontents .section.section1 .area .job_information2 > li {margin-bottom: 10px; width: calc(33.33% - 5px);}
    .maincontents .section.section1 .area .job_information2 > li > a {padding: 0; font-size: 14px; border: 1px solid #d2d2d2; border-radius: 5px; background-color: #fff;}
    .maincontents .section.section1 .area .job_information2 > li > a::after, .maincontents .section.section1 .area .job_information2 > li > a::before {left: 0; transform: translateX(0); border-radius: 0;}
    .maincontents .section.section1 .area .job_information2 > li > a::after {width: 47px; height: 100%; background-repeat: no-repeat; background-position: center center; border: 0;}
    .maincontents .section.section1 .area .job_information2 > li > a::before {display: none;}
    .maincontents .section.section1 .area .job_information2 > li > a p {padding: 0 10px 0 47px; justify-content: flex-start; height: 70px; text-align: left; line-height: 18px; word-break: break-all;}
    .maincontents .section.section1 .area .job_information2 > li.active > a {background-color: #008ed7; border-color: #008ed7;}
    .maincontents .section.section1 .area .job_information2 > li.active > a p {color: #fff;}
    .maincontents .section.section1 .area .job_information2 > li > a.tit1::after {background-size: 16px;}
    .maincontents .section.section1 .area .job_information2 > li > a.tit2::after {background-size: 23px;}
    .maincontents .section.section1 .area .job_information2 > li > a.tit3::after {background-size: 32px;}
    .maincontents .section.section1 .area .job_information2 > li > a.tit4::after {background-size: 25px;}
    .maincontents .section.section1 .area .job_information2 > li > a.tit5::after {background-size: 37px;}
    .maincontents .section.section1 .area .job_information2 > li > a.tit6::after {background-size: 30px;}
    .maincontents .section.section1 .area .job_information2 > li .list {top: 290px;}
    .maincontents .section.section1 .area .job_information2 > li .list .slick-list {padding: 0 50px 0 5px;}
    .maincontents .section.section1 .area .job_information2 > li .list .slick-slide {padding: 0 5px;}
    .maincontents .section.section1 .area .job_information2 > li .list li a {padding: 50px 15px 35px;}
    .maincontents .section.section1 .area .job_information2 > li .list li a .state {right: 10px; top: 10px; padding: 1px 12px;}
    .maincontents .section.section1 .area .job_information2 > li .list li a p {margin-bottom: 10px;}
    .maincontents .section.section1 .area .job_information2 > li .list li a h3 {margin-bottom: 30px; height: 69px; -webkit-line-clamp: 3; font-size: 20px; line-height: 23px;}
    .maincontents .section.section1 .area .job_information2 > li .list li a ul li {flex: none;}

    .maincontents .section.section2 {padding: 30px 0;}
    .maincontents .section.section2 .area {width: calc(100% - 10px);}
    .maincontents .section.section2 .area .course_area li {padding: 5px;}
    .maincontents .section.section2 .area .course_area li a {text-align: left;}
    .maincontents .section.section2 .area .course_area li a .box {position: relative; padding: 10px 10px 10px 135px; display: flex; display:-webkit-flex; flex-flow: column; justify-content: center; height: 130px;}
    .maincontents .section.section2 .area .course_area li a .box .img_box {position: absolute; left: 0; top: 0; width: 125px; height: 100%;}
    .maincontents .section.section2 .area .course_area li a .box h3 {margin: 0; padding: 0; height: auto; max-height: 78px; -webkit-line-clamp: 3;}
    .maincontents .section.section2 .area .course_area li a .box p {margin-bottom: 0;}
    .maincontents .section.section2 .area .course_area li a:hover .box.hidden {transform: scaleX(0);}
    .maincontents .section.section2 .area .course_area .slick-arrow {transform: scale(0.83);}
    .maincontents .section.section2 .area .course_area .slick-next {right: -10px; transform: scale(0.83) rotate(180deg);}
    .maincontents .section.section2 .area .course_area .slick-prev {left: -10px;}
    .maincontents .section.section3 {display: block; display:-webkit-block; }
    .maincontents .section.section3 .area {width: 100%;}
    .maincontents .section.section3 .area .box h2 {text-align: center;}
    .maincontents .section.section3 .area .box p {margin-bottom: 35px; text-align: center;}
    .maincontents .section.section3 .area .box .tag {margin-bottom: 25px; justify-content: center;}
    .maincontents .section.section3 .area .box .tag li {padding: 0 15px; margin: 7px 5px; min-width: 120px; line-height: 33px;}
    .maincontents .section.section3 .area .box .btn_more {position: relative; right: inherit; bottom: inherit; margin: 0 auto; display: block; width: 200px; height: 50px;}
    .maincontents .section.section3 .area .box .detail {flex-wrap:wrap; -webkit-flex-wrap:wrap;}
    .maincontents .section.section3 .area .box .detail .optionbox {margin: 0 5px; min-width: auto; width: calc(50% - 10px);}
    .maincontents .section.section3 .area .box .detail .btn_search {margin: 10px auto 0; width: 200px; height: 50px;}
    .maincontents .section.section3 .area.counsel .box {padding: 60px 5px 30px;}
    .maincontents .section.section3 .area.contract .box {padding: 60px 5px 30px;}
    
    .bottomarea .agree_area {padding: 7px 10px; justify-content: center;}
    .bottomarea .agree_area li.pri::after {margin: 0 20px;}
    .bottomarea .footer .area {padding: 35px 10px; text-align: center;}
    .bottomarea .footer .area address {line-height: 19px;}
    .bottomarea .footer .area address p {margin-bottom: 15px; display: block;}
    .bottomarea .footer .area address p span {margin-right: 0; display: block; color: #959595;}
    .bottomarea .footer .area address p.character {display: none;}
    .bottomarea .footer .area .copyright {color: #888; font-size: 12px;}
    
    .popup .popup_title {margin-bottom: 15px;}
    .popup .popup_inner .boardview table tr {padding: 10px;}
    .popup .popup_inner .boardview table tr th {padding: 0; margin-bottom: 5px; font-weight: 600; border-right-width: 1px;}
    .popup .popup_inner .boardview table tr th.point::after {right: 0;}
    .popup .popup_inner .boardview table tr td {padding: 0;}
    .popup .popup_inner .boardview table tr td .file_list li {background-size: 9px; background-position: left top 5px;}
    
    /*에러페이지*/
    .error .error_box {padding: 30px 15px; width: 100%; border-left: 0; border-right: 0;}
    .error .error_box img {margin-bottom: 40px}
    .error .error_box p.p1 {margin-bottom: 25px; font-size: 25px; line-height: 30px;}
    .error .error_box p.p2 {font-size: 18px; line-height: 25px;}
    .error .button_box {width: 100%;}
}
/* 640 / 480 / 360 / 320 미디어쿼리 제거
   — 모바일 레이아웃은 1200 단일 분기점으로 일원화 (new2026.css 의 모바일 룰이 우선) */