@charset "utf-8";
@import url('https://webfontworld.github.io/Noto/NotoSansKR.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/* 베이스 스타일 시작 */
html {width:100%;height:100%;overflow:auto;}
body {height:100%;/**overflow-y:auto;overflow-x:hidden;*/}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@-ms-viewport {width: device-width;}
@-webkit-viewport {width: device-width;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;line-height:150%;}
img, fieldset {border:none;}
img {vertical-align:middle;} 
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, form img, li img, object{vertical-align:middle;}

select::-ms-expand {display:none;}
::-webkit-expand {display:none;}
/* font */
body{color:#333; font-size:13px;font-family:'Pretendard', sans-serif;letter-spacing:-0.6px;}
::selection {background:#005982;color: #fff;}
/* anchor */
a {color:#333; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
input[type="text"]:hover {} 
input:focus {outline:none;}
/*
input[type="checkbox"] {width:15px;height:15px;border:1px solid #DAD5D2;opacity:0.8;}
label {font-size:14px;color:#363636;font-weight:400;margin:0px 10px 0px 6px;display:inline-block;vertical-align:middle;}
*/
::-webkit-input-placeholder {color:#a4a4a4;}
:-moz-placeholder {color:#a4a4a4; opacity:1;}
::-moz-placeholder {color:#a4a4a4; opacity:1;}
:-ms-input-placeholder {color:#a4a4a4;}
textarea::-webkit-input-placeholder {color:#a4a4a4;}
textarea:-moz-placeholder {color:#a4a4a4; opacity:1;}
textarea::-moz-placeholder {color:#a4a4a4; opacity:1;}
textarea:-ms-input-placeholder {color:#a4a4a4;}

::-webkit-scrollbar {
    width:8px;height:8px;
  }
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius:4px;
    background-clip: padding-box;
  }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.w100 {width:100%;}
.mw100 {max-width:100%;}
img {max-width:100%;}
.section {position:relative;}
.flex{display:flex;}
.flexitem-50{width:50%;}

.head_wrap {position:fixed;top:0;left:0;right:0;margin:0px auto;background-color:rgba(255,255,255,1);z-index:9998;transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;overflow:hidden;}
.head_wrap.on {background-color:rgba(255,255,255,1);}
.head_wrap.off {background-color:rgba(255,255,255,1);overflow:visible;}
.head_tip {display:none;}

.head_wrap_box {position:relative;max-width:1440px;margin:0px auto;padding:0;text-align:left;white-space:nowrap;}
.logo_wrap {display:inline-block;vertical-align:middle;position:relative;width:30%;padding:20px 10px 12px 15px;}

.all_navi {position:absolute;display:block;top:10px;right:0px;width:60px;height:60px;background:url('../img/navi.png') no-repeat center;z-index:99;}

.menu_navi_wrap {display:inline-block;vertical-align:middle;width:60%;padding-top:10px;}
.menu_navi_wrap ul {position:relative;}
.menu_navi_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
.menu_navi_wrap li {float:none;display:inline-block;vertical-align:top;position:relative;}
.oneth {position:relative;display:block;white-space:nowrap;padding:20px 40px;letter-spacing:-0.8px;font-size:18px;color:#333;font-weight:500;text-align:center;z-index:9;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.menu_navi_wrap li:hover .oneth, .menu_navi_wrap li .oneth.on {color:#2d2750;}
.oneth em {position:absolute;bottom:10px;left:40px;width:0px;height:2px;background:#2d2750;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.menu_navi_wrap li:hover .oneth em {width:50%;}

	.view_menu_wrap {display:block;position:fixed;top:0px;bottom:0px;right:-100%;width:250px;z-index:99999;overflow-y:auto;background:#f4f4f4;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.view_menu_wrap.on {right:0px;}
	.menu_top {position:relative;height:57px;text-align:left;background:#fff;border-bottom:1px solid #ddd;}
	.logo_m {display:inline-block;padding:15px 10px;}
	.logo_m img {height:27px;}
	.menu_close {position:absolute;top:0px;right:0px;width:50px;height:57px;background:url('../img/btn_close.png') no-repeat center;background-size:40% auto;z-index:999;}

	.menu_box_wrap {max-width:400px;margin:0px auto;}
	.menu_box_wrap ul {}
	.menu_box_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
	.menu_box_wrap li {float:none;position:relative;}
	.m_1th {display:block;padding:15px 20px;font-size:16px;color:#353535;font-weight:500;border-bottom:1px solid #ddd;background:url('../img/btn_down01.png') no-repeat 96% center #fff;overflow:hidden;}
	.m_1th.on {background:url('../img/btn_up01.png') no-repeat 96% center #fff;}
	.m_1th.no {background:#fff;}
	.m_2th {display:none;padding:10px;overflow:hidden;background:#f1f1f1;}
	.m_2th a {display:block;font-size:15px;color:#353535;font-weight:400;padding:10px 10px;}

.twoth {position:absolute;top:50px;left:35px;height:0px;text-align:left;overflow:hidden;font-size:0;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;opacity:0;z-index:8;}
.twoth.on {top:60px;height:auto;opacity:10;z-index:10;}

.twoth_box {position:relative;text-align:left;padding:8px 0px 0px 0px;width:150px;display:inline-block;vertical-align:top;white-space:normal;background:#fff;box-shadow:2px 2px 5px 1px rgba(0,0,0,0.25);}
.twoth_box a {display:block;font-size:16px;color:#333;font-weight:500;padding:10px 5px 8px 15px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.twoth_box a:hover, .twoth_box a.on {color:#fff;background:#2d2750;}

.quick_link {position:fixed;bottom:30px;right:0px;width:300px;overflow:hidden;text-align:center;z-index:99;}

.swiper_product {display:block;max-width:1920px;margin:0px auto;overflow:hidden;position:relative;}
.swiper_product .swiper-slide {height:100%;background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative;text-align:center;}
.swiper_product .swiper-slide a {position:absolute;top:20%;left:18%;right:18%;bottom:20%;text-align:left;display:flex;justify-content: center;flex-direction: column;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;cursor:Default;color:#fff;font-family:"Noto Serif KR", serif;letter-spacing:-1.0px;}
.swiper_product .swiper-slide a strong {display:block;font-size:48px;font-weight:500;text-indent:40px;margin-top:0px;transition:all 1.5s ease-out;opacity:0;transform: translate3d(0px, 0px, 0px);}
.swiper_product .swiper-slide a span {display:block;font-size:40px;font-weight:400;text-indent:0px;margin-top:0px;transition:all 1.5s ease-out;opacity:0;transform: translate3d(0px, -40px, 0px);}
.swiper_product .swiper-pagination {bottom:30px !important;text-align:center !important;}
.swiper_product .swiper-pagination-bullet {display:inline-block;vertical-align:middle;width:10px;height:10px;background:#fff;border-radius:100%;opacity:1;font-size:0px;text-align:center !important;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.swiper_product .swiper-pagination-bullet-active {opacity:1;font-size:14px;color:#85726a;font-weight:300;background:#005982;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0px 5px !important;}
.swiper_product .swiper-pagination {text-align:center;}
.swiper_product .swiper-button-prev {left:50%;margin-left:-550px;}
.swiper_product .swiper-button-next {left:50%;margin-left:550px;}

.swiper_product .swiper-slide-active strong {opacity:1 !important;margin-top:0px !important;text-indent:0 !important;transform: translate3d(0px, 0px, 0px)  !important;}
.swiper_product .swiper-slide-active span {opacity:1 !important;margin-top:0px !important;text-indent:0 !important;transform: translate3d(0px, 0px, 0px)  !important;}

.btn_scroll {position:absolute;bottom:50px;left:50%;margin-left:-40px;z-index:98;}

.event_wrap_box {max-width:1440px;margin:0px auto;overflow:hidden;padding:60px 0 50px 0px;}
.swiper_event {position:relative;}
.swiper_event .swiper-slide a {width:100%;height:324px;display:flex;justify-content: center;align-items: center;text-align:center;flex-direction: column;border-radius:10px;overflow:hidden;}
.swiper_event .swiper-slide a strong {display:block;font-size:20px;color:#fff;font-weight:400;}
.swiper_event .swiper-slide a span {display:block;font-size:18px;color:#fff;font-weight:400;}

.swiper_event .swiper-button-prev {
    background-image: url('../img/arrow_left.png');top:-60px;right:45px;left: auto;width: 38px;height: 38px;margin-top:0px;background-size:8px auto;border-radius:100%;background-color:#fff;border:1px solid #d0d0d0;
}
.swiper_event .swiper-button-next {
    background-image: url('../img/arrow_right.png');top:-60px;right:0px;left: auto;width: 38px;height: 38px;margin-top:0px;background-size:8px auto;border-radius:100%;background-color:#fff;border:1px solid #d0d0d0;
}
.swiper_event .swiper-pagination {bottom:auto;top:-55px;text-align:right;width:calc(100% - 100px);font-size:18px;color:#666;}
.swiper_event .swiper-pagination-current {color:#6f91c2;}

.title_txt {font-size:32px;color:#222;font-weight:600;padding:20px 0;}
.title_txt strong {color:#6f91c2;}

.career_wrap {max-width:1500px;margin:0px auto;}
.career_wrap .flexitem{padding:0 30px;}
.career_list {border-top:1px solid #e4e4e4;}
.career_list a {display:block;height:95px;position:relative;border-bottom:1px solid #e4e4e4;padding:20px 10px;transition:all 0.3s ease-out;}
.career_list a:hover {background:#f1f1f1;}
.career_list .c_logo {display:inline-block;vertical-align:middle;width:15%;}
.career_list span {display:inline-block;vertical-align:middle;width:15%;font-size:18px;color:#222;font-weight:400;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.career_list strong {display:inline-block;vertical-align:middle;width:50%;font-size:18px;color:#222;font-weight:600;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.career_list em {/*position:absolute;right:10px;top:50%;margin-top:-12px;*/font-size:16px;color:#999;font-weight:500;}
.career_list .c_flex{display:inline-flex;width:69%;justify-content: space-between;}

.career_list table{width:100%;}
.career_list table td{border-bottom: 1px solid #e4e4e4;padding: 20px 10px;}
.career_list table tr{height:95px;}
.career_list .td_num {width:50px;vertical-align:middle;font-size:18px;color:#222;font-weight:600;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.career_list .td_title {width:calc(100% - 200px);max-width:200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align:middle;font-size:18px;color:#222;font-weight:400;}
.career_list .td_title > a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;border:none;padding:0;height:auto;}
.career_list .td_date{width:150px;text-align:center;}

.best_wrap {max-width:1440px;margin:0px auto;padding:100px 0px 50px 0px;position:relative;}
.swiper_best {padding:0px 0px;overflow:hidden;}
.swiper_best .swiper-slide img {border-radius:10px;overflow:hidden;}
.swiper_best .swiper-slide a {display:block;position:relative;}
.mark {position:absolute;top:0px;left:25px;width:59px;height:72px;z-index:9;background:url('../img/mark.png') no-repeat center top;text-align:center;}
.mark h1 {display:block;font-size:30px;color:#fff;font-weight:600;line-height:100%;padding-top:10px;}
.mark strong {display:block;font-size:12px;color:#fff;font-weight:400;}
.best_info {text-align:right;}
.best_info span {display:block;font-size:20px;color:#222;font-weight:400;text-align:left;overflow:hidden;padding:10px 5px;}
.best_info strong {font-size:25px;color:#222;font-weight:600;}
.best_info em {font-size:18px;color:#222;font-weight:400;}

.best_wrap .swiper-button-prev {
    background-image: url('../img/arrow_left.png');top:50%;right:auto;left:-60px;width: 52px;height: 52px;margin-top:0px;background-size:10px auto;border-radius:100%;background-color:#fff;border:1px solid #d0d0d0;
}
.best_wrap .swiper-button-next {
    background-image: url('../img/arrow_right.png');top:50%;right:-60px;left: auto;width: 52px;height: 52px;margin-top:0px;background-size:10px auto;border-radius:100%;background-color:#fff;border:1px solid #d0d0d0;
}

.banner_tab {max-width:1440px;margin:80px auto;text-align:center;}
.banner_tab a {display:inline-block;vertical-align:top;width:24%;text-align:center;position:relative;border:3px solid #e6e6e6;height:90px;padding-top:25px;transition:all 0.3s ease-out;}
.banner_tab a:hover {border:3px solid #a4b4dd;}
.banner_tab a img {display:inline-block;vertical-align:middle;}
.banner_tab a strong {display:inline-block;vertical-align:middle;font-size:25px;color:#333;font-weight:600;margin:0px 10px;}
.banner_tab a span {display:inline-block;vertical-align:middle;font-size:18px;color:#a4b4dd;font-weight:500;}
.banner_tab a:nth-child(2) {margin:0 0.5% 0 1%;}
.banner_tab a:nth-child(3) {margin:0 1% 0 0.5%;}

.happy_wrap {position:relative;padding-top:80px;overflow:hidden;}
.happy_wrap ul {position:relative;max-width:1440px;margin:0px auto;z-index:8;}
.happy_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
.happy_wrap li {float:left;width:50%;}
.happy_wrap li:nth-child(1) {position:relative;padding:50px 5% 80px 0;text-align:right;}
.happy_wrap li:nth-child(2) {position:relative;overflow:hidden;padding:160px 5% 0px 7%;}

.happy_left {position:absolute;top:80px;left:0;right:49%;bottom:0;height:574px;background:#6f91c2;border-radius:0px 40px 40px 0px;z-index:7;}
.happy_right {position:absolute;top:160px;left:48%;right:0;bottom:0;height:502px;background:url('../img/tower.jpg') no-repeat right top #2d2750;z-index:6;}
.happy_top {position:absolute;top:0;right:0;}

.happy_txt01 {display:block;position:absolute;bottom:40%;left:-5%;font-size:20px;color:#fff;font-weight:600;opacity:0.6;transform: rotate(-90deg);text-transform:uppercase;white-space:nowrap;letter-spacing:.5em;z-index:9;}
.happy_movie {display:block;width:100%;}
.happy_movie h1 {display:block;font-size:32px;color:#fff;font-weight:600;padding:15px 0;text-align:left;}

.swiper_logo {position:relative;padding-top:0px;overflow:hidden;}
.swiper_logo h1 {display:block;font-size:32px;color:#fff;font-weight:600;text-transform:uppercase;padding:15px 5px;}
.swiper_logo .swiper-slide {font-size:0;}
.swiper_logo .swiper-slide a {display:inline-block;vertical-align:top;border:1px solid #8e8ba0;width:31.333%;height:80px;overflow:hidden;margin:1%;padding:0 5%;background:#fff;}
.swiper_logo .swiper-slide a span {display: flex;justify-content: center;align-items: center;width:100%;height:80px;text-align:center;}
.swiper_logo .swiper-slide a img {height:auto;max-width:100%;}

.swiper_logo .swiper-button-prev {
    background-image: url('../img/arrow_left.png');top:20px;right:40px;left: auto;width: 35px;height: 35px;margin-top:0px;background-size:8px auto;border-radius:100%;background-color:#fff;border:0px solid #d0d0d0;
}
.swiper_logo .swiper-button-next {
    background-image: url('../img/arrow_right.png');top:20px;right:0px;left: auto;width: 35px;height: 35px;margin-top:0px;background-size:8px auto;border-radius:100%;background-color:#fff;border:0px solid #d0d0d0;
}
.swiper_logo .swiper-pagination {bottom:auto;top:25px;text-align:right;width:calc(100% - 90px);font-size:18px;color:#fff;}
.swiper_logo .swiper-pagination-current {color:#f1f1f1;}

.request_warp {max-width:1920px;margin:0px auto;text-align:center;background:url('../img/mid_bg.jpg') no-repeat center top;background-size:cover;width:100%;height:734px;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.request_txt {text-align:center;}
.request_txt span {display:block;font-size:20px;color:#fff;font-weight:600;text-transform:uppercase;white-space:nowrap;letter-spacing:.5em;opacity:0.6;}
.request_txt strong {display:block;font-size:38px;color:#fff;font-weight:600;line-height:130%;padding:20px 0 40px 0;}

.partner_wrap {max-width:1440px;margin:0px auto;padding:30px 0;}
.partner_txt {display:inline-block;vertical-align:middle;width:120px;font-size:20px;color:#111;font-weight:600;}
.swiper_partner {display:inline-block;vertical-align:middle;overflow:hidden;position:relative;width:calc(100% - 125px);padding-left:100px;}
.swiper_partner .swiper-slide a {display:block;background:url('../img/line.png') no-repeat right center;text-align:center;padding:0 7%;}

.swiper_partner .swiper-wrapper {}
.swiper_partner .swiper-button-prev {
    background-image: url('../img/arrow_left.png');top:2px;right:auto;left:31px;width: 32px;height: 32px;margin-top:0px;background-size:7px auto;background-color:#fff;border:1px solid #f0f0f0;
}
.swiper_partner .swiper-button-next {
    background-image: url('../img/arrow_right.png');top:2px;right:auto;left:62px;width: 32px;height: 32px;margin-top:0px;background-size:7px auto;background-color:#fff;border:1px solid #f0f0f0;
}
.swiper-pause {background: url('../img/pause.png') no-repeat center;position:absolute;top:2px;left:0;width:32px;height:32px;background-size:7px auto;background-color:#fff;border:1px solid #f0f0f0;cursor:pointer;z-index:10;}
.sbg {position:absolute;top:-10px;left:0;bottom:-10px;width:110px;background:#fff;z-index:9;}

.footer {border-top:1px solid #e1e1e1;padding:40px 0 50px 0;}
.footer_txt {max-width:1440px;margin:0px auto;font-size:14px;color:#222;}
.footer_txt div {display:inline-block;vertical-align:top;padding-left:5%;}
.footer_txt div strong {font-size:16px;color:#111;display:block;font-weight:500;}
.footer_txt div span {font-size:14px;color:#686868;display:block;font-weight:400;padding:10px 0;}

.sub_visual {max-width:1920px;margin:78px auto 0px;position:relative;height:420px;}
.sub_visual.n01 {background:url('../img/sub_visual01.jpg') no-repeat center bottom;background-size:cover;}
.sub_visual.n02 {background:url('../img/sub_visual02.jpg') no-repeat center bottom;background-size:cover;}
.sub_visual.n03 {background:url('../img/sub_visual03.jpg') no-repeat center bottom;background-size:cover;}
.sub_visual.n04 {background:url('../img/sub_visual04.jpg') no-repeat center bottom;background-size:cover;}
.sub_visual.n05 {background:url('../img/sub_visual01.jpg') no-repeat center bottom;background-size:cover;}
.sub_visual.n06 {background:url('../img/sub_visual01.jpg') no-repeat center bottom;background-size:cover;}

.sub_visual div {display:flex;justify-content: center;flex-direction: column;max-width:1440px;height:100%;margin:0px auto;}
.sub_visual div span {font-size:20px;color:#fff;display:block;font-weight:600;text-align:left;text-transform:uppercase;white-space:nowrap;letter-spacing:.5em;opacity:0.6 !important;}
.sub_visual div strong {font-size:65px;color:#fff;display:block;font-weight:700;text-align:left;}

.sub_navi {border-bottom:1px solid #eeeded;height:60px;position:relative;z-index:8;}
.sub_navi_menu {max-width:1440px;margin:0px auto;font-size:0;}
.location_home {display:inline-block;vertical-align:top;width:60px;height:60px;background:url('../img/ico_home.png') no-repeat center #2f2f6e;}
.location_wrap {display:inline-block;vertical-align:top;width:240px;padding-left:20px;border-right:1px solid #eeeded;position:relative;}
.location_link {font-size:16px;color:#333;font-weight:500;display:block;line-height:60px;background:url('../img/btn_down01.png') no-repeat 95% center;transition:all 0.3s ease-out;}
.location_link.on {background:url('../img/btn_up01.png') no-repeat 95% center;}
.location_view {display:none;background:#fff;position:absolute;top:60px;left:-1px;right:-1px;border:1px solid #eeeded;padding:0px 0;z-index:8;}
.location_view a {font-size:15px;color:#333;font-weight:400;display:block;padding:10px 20px;transition:all 0.3s ease-out;}
.location_view a:hover {color:#fff;background:#2f2f6e;}

.contents_wrap {position:relative;max-width:1920px;min-height:450px;margin:0px auto;}
.contents_board {position:relative;max-width:1460px;min-height:450px;margin:0px auto;padding:5% 10px;}

.companyBg {background:#f5f5f7;position:absolute;top:8%;bottom:0px;right:0px;left:30%;}
.companyBox {position:relative;z-index:8;max-width:1300px;margin:0px auto;padding:10% 15px;}
.companyImg {display:inline-block;vertical-align:middle;width:51%;padding-right:4%;}
.companyInfo {display:inline-block;vertical-align:middle;width:48%;}
.companyInfo em {display:block;font-size:18px;color:#6d8cb9;font-weight:500;padding-bottom:20px;font-family: "Outfit", sans-serif;text-transform:uppercase;}
.companyInfo h1 {display:block;font-size:45px;color:#333;font-weight:500;line-height:110%;}
.companyInfo h2 {display:block;font-size:45px;color:#333;font-weight:700;line-height:110%;}
.companyInfo span {display:block;font-size:17px;color:#6c6c6c;font-weight:400;padding:40px 0px 50px 0;}
.companyInfo strong {display:block;font-size:18px;color:#333;font-weight:600;}

.historyBox {position:relative;padding:5%;}
.historyBg {position:absolute;top:13%;left:10%;}
.historyInfo {text-align:center;}
.historyInfo em {display:block;font-size:18px;color:#6d8cb9;font-weight:500;padding-bottom:20px;font-family: "Outfit", sans-serif;text-transform:uppercase;}
.historyInfo span {display:block;font-size:45px;color:#333;font-weight:500;line-height:120%;}
.historyInfo strong {display:block;font-size:45px;color:#333;font-weight:700;line-height:120%;}

.historyList {position:relative;max-width:800px;margin:100px auto 10px;font-size:0;}
.historyList ul:after {display:block;visibility:hidden;clear:both;content:""}
.historyList li {display:inline-block;vertical-align:top;position:relative;}
.historyList li:nth-child(even) {width:80%;}
.historyList li:nth-child(odd) {width:20%;}

.year {font-size:45px;color:#6f91c2;font-weight:600;letter-spacing:-1px;margin-top:-25px;}
.year_txt div {position:absolute;top:0;left:0;bottom:0;width:20px;background:url('../img/dot.png') repeat-y;background-position:center top;display:block;vertical-align:top;}
.year_txt {padding:0 0 5% 12%;}
.year_txt strong {display:block;font-size:17px;color:#333;font-weight:600;}
.year_txt span {display:block;font-size:17px;color:#666;font-weight:400;padding:10px 0 10px 10px;}

.locationBox {position:relative;padding:5% 0;text-align:center;}
.locationBox span {display:block;font-size:18px;color:#6d8cb9;font-weight:500;padding-bottom:20px;font-family: "Outfit", sans-serif;text-transform:uppercase;}
.locationBox h1 {display:block;font-size:40px;color:#333;font-weight:400;line-height:120%;}
.locationBox ul {max-width:1000px;margin:100px auto 50px;}
.locationBox ul:after {display:block;visibility:hidden;clear:both;content:""}
.locationBox li {float:left;width:33.333%;}
.locationBox li strong {display:block;font-size:20px;color:#5a5a5a;font-weight:500;padding:25px 0 10px 0;}
.locationBox li span {display:block;font-size:18px;color:#5a5a5a;font-weight:400;}

.map_area {display:block;width:100%;height:450px;overflow:hidden;}
.map_area .root_daum_roughmap_landing {width:100%;height:500px;/*padding-bottom:13.25%;*/}
.map_area .root_daum_roughmap_landing .wrap_map {position:absolute;top:0;left:0;width:100%;height:100%;}
.root_daum_roughmap .wrap_controllers {display:none !important;}

.btn_area {text-align:center;padding:50px 20px;}
.btn_area a {display:inline-block;font-size:16px;color:#666;font-weight:400;border:1px solid #999;width:250px;line-height:50px;transition:all 0.2s ease-out;}
.btn_area a:hover {color:#fff;background:#6f91c2;border:1px solid #6f91c2;}

.requestBox {position:relative;padding:5% 0;text-align:center;}
.requestBox span {display:block;font-size:18px;color:#6d8cb9;font-weight:500;padding-bottom:20px;font-family: "Outfit", sans-serif;text-transform:uppercase;}
.requestBox h1 {display:block;font-size:40px;color:#333;font-weight:400;line-height:120%;}

.requestList {position:relative;max-width:1200px;width:95%;margin:0px auto;border-top:2px solid #2f2f6e;font-size:0;padding:15px 0px;}
.requestList strong {display:block;font-size:18px;color:#656565;font-weight:500;padding:25px 0 8px 0;}
.hLeft {display:inline-block;vertical-align:top;width:50%;padding-right:1.5%;}
.hRight {display:inline-block;vertical-align:top;width:50%;padding-left:1.5%;}

.requestList select {width:100%;height:45px;color:#333;font-size:16px;font-family:'Pretendard', sans-serif;font-weight:400;border:2px solid #e6e6e6;padding:0px 25px 0px 15px;background:url('../img/btn_down01.png') no-repeat 98% center #fff;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.requestList input[type="text"] {height:45px;background:none;border:2px solid #e6e6e6;height:45px;font-family:'Pretendard', sans-serif;font-weight:400;font-size:16px;color:#333;width:100%;padding-left:15px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.requestList textarea {border:2px solid #e6e6e6;overflow-y:auto;width:100%;height:78px;padding:15px;font-family:'Pretendard', sans-serif;font-weight:400;font-size:16px;color:#333;resize: none;}
.agreeBox {border:2px solid #e6e6e6;overflow-y:auto;height:150px;padding:15px;font-weight:400;font-size:16px;color:#a4a4a4;line-height:160%;margin-bottom:20px;}
.agreeBox h1 {display:block;font-weight:500;font-size:16px;color:#7e7e7e;padding-top:20px;}
.requestList input[type="checkbox"] {width:20px;height:20px;}
.requestList label {display:inline-block;vertical-align:middle;margin-left:8px;font-weight:400;font-size:18px;color:#656565;}




.allNavi {display:none;position:fixed;top:5%;left:50%;margin-left:-330px;width:660px;text-align:center;z-index:10005;}
.all_link {margin:50px auto;}
.all_link > div {text-align:left;padding:15px 0;}
.all_link > div a {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.all_link > div a:hover {color:#6d6e71;}
.one {display:inline-block;vertical-align:middle;font-size:24px;color:#fff;font-weight:500;padding:5px 10px;width:190px;}
.two {display:inline-block;vertical-align:middle;font-size:18px;color:#fff;font-weight:400;padding:5px 10px;}
.btn_closed {position:fixed;top:2%;right:1.8%;padding:20px;z-index:10006;}

.mt50 {margin-top:50px;}
.mt30 {margin-top:30px;}
.mt20 {margin-top:20px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}

.flR {float:right;}
.taC {text-align:center;}
.taL {text-align:right;}
.taR {text-align:left;}


.white_content {display:none;position:fixed;top:20%;left:50%;margin-left:-550px;width:1100px;min-height:500px;z-index:1002;}
.pop_open {position:relative;width:900px;margin:0px auto;}
#btn_close {position:absolute;top:-60px;right:0px;cursor:pointer;}
#backgroundPopup {display:none;position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(0,0,0,0.65);z-index:10001;}

/* GO TO TOP*/
.page_top_box {cursor:pointer;z-index:999999;height:39px;display:block;opacity:1;background:url('/img/btn_top.png') no-repeat;}
.page_top_box.show {opacity:1;}
a.page_top_link {display:block;color:#fff;text-align:center;font-size:14px;line-height:30px;}

/* 애니효과 */
.ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.delay2{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.delay3{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.delay4{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.delay5{transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.delay6{transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.action .ani{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.ani{opacity:0;transition-property: all;transition-duration: 0.8s;-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.active .ani{opacity:1;}

.firstScroll{position:absolute;left:50%;bottom:0;padding-bottom:80px;font-size:17px;color:#fff;font-family:'Exo 2',sans-serif;font-weight:400;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.firstScroll::after{position:absolute;left:50%;bottom:0;width:0;height:60px;content:'';border-left:1px solid #fff}

.pc {display:block;}
.ipc {display:inline-block;}
.mobile {display:none;}
.imobile {display:none;}
.tmobile {display:none;}
.tablet {display:none;}

.pf_img{height:35px;}
.pf_img img{height:100%;}
@media (max-width:1330px) {

}

@media (max-width:880px) {
	
	.head_tip {display:block;height:57px;clear:both;}
	.menu_navi_wrap {display:none;}
	.head_wrap_box {text-align:left;}
	.logo_wrap {width:40%;padding:15px 10px 10px 10px;}
	.all_navi {top:10px;right:10px;width:38px;height:38px;background-size:cover;}
	.btn_scroll {position:absolute;width:60px;bottom:20px;margin-left:-30px;}
	
	.pc {display:none;}
	.ipc {display:none;}
	.mobile {display:block;}
	.imobile {display:inline-block;}
	.tmobile {display:block;}
	.tablet {display:none;}
	
	.quick_link {width:150px;right:-15px;bottom:5px;}

	.event_wrap_box {padding:30px 10px 20px 10px;}
	.swiper_event .swiper-slide a {height:200px;}
	.swiper_event .swiper-slide a strong {font-size:18px;}
	.swiper_event .swiper-slide a span {font-size:16px;}

	.swiper_event .swiper-button-prev {top:-40px;right:38px;width:28px;height:28px;background-size:6px auto;}
	.swiper_event .swiper-button-next {top:-40px;right:6px;width:28px;height:28px;margin-top:0px;background-size:6px auto;}
	.swiper_event .swiper-pagination {top:-38px;width:calc(100% - 75px);font-size:15px;}

	.title_txt {font-size:22px;padding:10px 0;}

	.career_wrap{flex-wrap:wrap;padding:0 10px;width:calc(100% + 20px);margin-left:-10px;}
	.career_wrap .flexitem{padding:0 10px;width:100%;}
	.career_wrap .flexitem table{width:100%;}
	.career_list a {padding:15px 10px;}
	.career_list .c_logo {width:30%;height:15px;}
	.career_list span {width:30%;font-size:15px;}
	.career_list strong {width:100%;font-size:15px;}
	.career_list em {right:8px;top:50%;margin-top:0px;font-size:13px;}
	.career_list span.c_title{display:none;}
	.career_list .c_flex{width: 64%;flex-direction: column;justify-content: flex-start;margin-left:10px;}

	.best_wrap {padding:50px 10px 30px 10px;}
	.swiper_best .swiper-slide img {border-radius:10px;overflow:hidden;}
	.swiper_best .swiper-slide a {display:block;position:relative;}
	.mark {position:absolute;top:0px;left:15px;width:30px;height:50px;background-size:cover;}
	.mark h1 {font-size:18px;line-height:100%;padding-top:6px;}
	.mark strong {font-size:11px;}
	.best_info span {font-size:14px;padding:10px 8px;}
	.best_info strong {font-size:18px;}
	.best_info em {font-size:14px;}

	.best_wrap .swiper-button-prev {display:none;}
	.best_wrap .swiper-button-next {display:none;}

	.banner_tab {margin:30px auto;padding:0px 10px;}
	.banner_tab a {width:48%;height:110px;padding-top:20px;margin:5px 0.5%;}
	.banner_tab a img {display:block;margin:0px auto 10px;}
	.banner_tab a strong {font-size:18px;margin:0px 6px;}
	.banner_tab a span {font-size:15px;}
	.banner_tab a:nth-child(2) {margin:5px 0.5%;}
	.banner_tab a:nth-child(3) {margin:5px 0.5%;}

	.happy_wrap {padding-top:30px;}
	.happy_wrap li {float:none;width:100%;}
	.happy_wrap li:nth-child(1) {position:relative;padding:20px 7% 20px 7%;text-align:right;}
	.happy_wrap li:nth-child(2) {position:relative;overflow:hidden;padding:7% 7% 7% 7%;}

	.happy_left {position:absolute;top:6%;left:0;right:0;bottom:auto;height:48%;border-radius:0px 40px 40px 0px;}
	.happy_right {position:absolute;top:45%;left:0;right:0;bottom:auto;height:60%;background:url('../img/tower.jpg') no-repeat right top #2d2750;}
	.happy_top {position:absolute;top:0;right:0;left:20%;}

	.happy_txt01 {display:none;}
	.happy_movie {display:block;width:100%;}
	.happy_movie h1 {font-size:20px;padding:15px 0;}

	.swiper_logo {position:relative;padding-top:0px;overflow:hidden;}
	.swiper_logo h1 {font-size:20px;padding:15px 0px;}
	.swiper_logo .swiper-slide a {height:60px;margin:1%;}
	.swiper_logo .swiper-slide a span {height:60px;}

	.swiper_logo .swiper-button-prev {top:20px;right:33px;width:30px;height:30px;background-size:6px auto;}
	.swiper_logo .swiper-button-next {top:20px;right:0px;width:30px;height:30px;margin-top:0px;background-size:6px auto;}
	.swiper_logo .swiper-pagination {top:23px;width:calc(100% - 75px);font-size:14px;}

	.request_warp {height:450px;}
	.request_txt span {font-size:13px;}
	.request_txt strong {font-size:24px;}

	.partner_wrap {padding:30px 20px 20px 20px;}
	.partner_txt {display:block;width:120px;font-size:18px;margin-bottom:-30px}
	.swiper_partner {display:block;position:relative;width:100%;padding-top:50px;}
	.swiper_partner .swiper-slide a {display:block;background:url('../img/line.png') no-repeat right center;text-align:center;padding:0 7%;}

	.swiper_partner .swiper-button-prev {/*top:0px;left:auto;right:29px;*/left:109px;width:30px;height:30px;margin-top:0px;background-size:7px auto;}
	.swiper_partner .swiper-button-next {/*top:0px;left:auto;right:0px;*/left:138px;width:30px;height:30px;margin-top:0px;background-size:7px auto;}
	.swiper-pause {/*top:0px;left:auto;right:58px;*/left:80px;width:30px;height:30px;background-size:7px auto;}
	.sbg {display:none;}

	.footer {padding:30px 0 40px 10px;}
	.footer_txt {font-size:13px;}
	.footer_txt div {display:block;padding:10px 0 0 10px;}
	.footer_txt div strong {font-size:15px;}
	.footer_txt div span {font-size:13px;padding:10px 0;}

	.sub_visual {margin:0px auto 0px;height:200px;}

	.sub_visual div {padding:3% 0 3% 10%;}
	.sub_visual div span {font-size:14px;}
	.sub_visual div strong {font-size:30px;}

	.sub_navi {height:40px;}
	.location_home {width:40px;height:40px;}
	.location_wrap {width:calc(50% - 20px);padding-left:15px;}
	.location_link {font-size:14px;line-height:40px;}
	.location_view {top:40px;}
	.location_view a {font-size:13px;padding:8px 15px;}

	.contents_wrap {min-height:400px;}
	.contents_board {min-height:400px;}
	
	.companyBg {top:8%;bottom:0px;right:0px;left:0%;}
	.companyBox {padding:10% 15px;}
	.companyImg {display:block;width:100%;padding-right:25%;padding-bottom:10%;}
	.companyInfo {display:block;width:100%;}
	.companyInfo em {font-size:15px;padding-bottom:20px;}
	.companyInfo h1 {font-size:30px;}
	.companyInfo h2 {font-size:30px;}
	.companyInfo span {font-size:15px;padding:30px 0px 40px 0;}
	.companyInfo strong {font-size:16px;}

	.historyBox {padding:10% 5%;}
	.historyBg {position:absolute;top:auto;bottom:3%;left:auto;right:2%;}
	.historyInfo em {font-size:14px;}
	.historyInfo span {font-size:30px;}
	.historyInfo strong {font-size:30px;}

	.historyList {margin:30px auto 10px;}
	.historyList li {display:block;}
	.historyList li:nth-child(even) {width:100%;}
	.historyList li:nth-child(odd) {width:100%;}

	.year {font-size:30px;margin-top:0px;}
	.year_txt div {position:absolute;top:10px;left:0;bottom:0;width:10px;background:url('../img/dot.png') repeat-y;background-position:center top;display:block;vertical-align:top;}
	.year_txt {padding:3px 0 15px 20px;}
	.year_txt strong {font-size:15px;}
	.year_txt span {font-size:15px;padding:10px 0 10px 6px;}

	.locationBox {padding:10% 0;}
	.locationBox span {font-size:15px;}
	.locationBox h1 {font-size:30px;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;padding:0px 15px;}
	.locationBox ul {margin:50px auto 30px;padding:0px 10px;}
	.locationBox li {float:left;width:33.333%;}
	.locationBox li img {height:30px;}
	.locationBox li strong {font-size:16px;padding:15px 0 5px 0;}
	.locationBox li span {font-size:14px;}

	.map_area {width:100%;height:300px;}
	.map_area .root_daum_roughmap_landing {width:100%;height:350px;}

	.btn_area {padding:20px 20px 50px 20px;}
	.btn_area a {font-size:14px;width:150px;line-height:40px;}

	.requestBox {padding:10% 0;}
	.requestBox span {font-size:15px;}
	.requestBox h1 {font-size:30px;}

	.requestList {padding:10px 0px;width:90%;}
	.requestList strong {font-size:15px;padding:20px 0 6px 0;}
	.hLeft {display:block;width:100%;padding-right:0%;}
	.hRight {display:block;width:100%;padding-left:0%;}

	.requestList select {height:40px;font-size:14px;padding:0px 20px 0px 10px;}
	.requestList input[type="text"] {height:40px;height:40px;font-size:14px;padding-left:10px;}
	.requestList textarea {height:70px;padding:10px;font-size:14px;}
	.agreeBox {height:100px;padding:10px;font-size:14px;margin-bottom:10px;}
	.agreeBox h1 {font-size:14px;padding-top:15px;}
	.requestList input[type="checkbox"] {width:16px;height:16px;}
	.requestList label {margin-left:6px;font-size:14px;}

	.tbl_head01 table th:nth-child(4), .tbl_head01 table td:nth-child(4) {display:none;}
	.tbl_head01 table th:nth-child(5), .tbl_head01 table td:nth-child(5) {display:none;}

	.gall_row .col-gn-4 {width:50%;}
}