@import url("common.css");



/* 인트로 */
#intro {position:fixed; left:0; top:0; width:100%; background:var(--white); z-index:999999999; overflow:hidden; height:-webkit-fill-available; }
#intro .intro_logo{position: absolute; left:0; top:0; cursor:pointer; width:100%; height:100%; background:#fff; display:flex; align-items: center; justify-content: center; z-index: 99;}
#intro .intro_logo .logo{text-align:center;}
#intro .intro_logo .logo img{max-width:100%; width:260px;}
#intro .intro_logo .logo .bar{width: 100%; height: 3px; background:var(--grayBg); margin:25px 0 0; position: relative;}
#intro .intro_logo .logo .bar span{display:block; width: 0; height: 3px; background:var(--main); position: absolute; z-index:9; left:0; top:0; transition:all 1.5s linear;}
#intro .intro_logo.action .logo .bar span{width: 100%;}





.basic_in {max-width:1350px; width:90%; margin:0 auto;}
.w1350 {max-width:1350px; width:90%; margin:0 auto;}

/* 버튼 */
.moreBtn{display:inline-block; width:180px; height:60px; box-sizing:border-box; text-align:center; transition:all .3s ease; border:1px solid var(--main); background:var(--white); position:relative;}
.moreBtn:before{content:''; display:block; width:0; height: 100%; background:var(--main); position:absolute; left:0; top:0; transition:all .3s ease;}
.moreBtn:hover:before{width: 100%; transition:all .3s ease;}
.moreBtn span{display:block; position:relative; z-index: 1; font-size:1rem; line-height: 58px;  font-weight:500; color:var(--main); transition:all .3s ease;}
.moreBtn:hover span{color:var(--white); transition:all .3s ease;}


/* 화살표 */
.slick-arrow{border:0; padding:0; font-size:0; outline:none; cursor:pointer;/*  width:30px; height:30px; transition:all .3s ease; position: absolute; z-index: 9999; */}
/* .slick-prev{background:url('/img/arrow_p.png') no-repeat center/100% auto;}
.slick-next{background:url('/img/arrow_n.png') no-repeat center/100% auto;} */


.section {width:100%;  position: relative;}



/* 섹션 공통 타이틀 */
.section .tit_area {}
.section .tit_area .eng {font-size:1.111rem; font-weight: 700;line-height: 170%; text-transform: uppercase;  }
.section .tit_area h3 {font-size: 2rem; font-weight: 700; line-height: 130%; color:var(--white); }
.section .tit_area .stit {font-size:1.111rem; font-weight: 400; line-height: 160%; color:rgba(255,255,255,.7); }


/* 섹션 공통 바로가기 버튼 */
.section .gotoBtn {width:230px; height:65px; line-height:63px; text-align:left; border:1px solid rgba(255,255,255,.5);  display:inline-block; vertical-align:middle; padding:0 22px 0 26px; box-sizing:border-box; transition:all .4s ease; overflow:hidden; position:relative}

.section .gotoBtn:before {width:0; display:block; content:''; height:100%; background:var(--main); position:absolute; left:0; transition:all .4s ease !important; }
.section .gotoBtn:hover:before  {width:100%; border-color:var(--main);}
.section .gotoBtn p{height: inherit; line-height: inherit; position:relative; color:var(--white); transition:all .4s ease; font-size: 0.889rem; z-index:3}
.section .gotoBtn p:before {display:block; content:'\e145'; font-family:var(--icon); font-size:26px; color:Var(--white); position:absolute; right:0; transition:all .4s ease;}
.section .gotoBtn:hover {border-color:var(--main);}
.section .gotoBtn:hover p {color:var(--white);}
.section .gotoBtn:hover p:before {color:var(--white);}



.section .scroll_down {display:block; position:absolute; left:50%; bottom:40px; z-index: 9999; transition:all .4s ease; overflow:hidden; transform:translateX(-50%);}
.section .scroll_down span {display:block; width: 40px; height: 70px; border-radius: 30px; border: 1px solid rgba(255,255,255,.3); overflow: hidden; box-sizing: border-box; position: relative; transition: all 0.3s ease;}
.section .scroll_down span:after{content: '\ead0'; display: block; font-size:24px; font-family:var(--icon); position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -15px; animation: upDown 1.5s ease-in-out infinite; color:var(--white); font-weight:300;}

.section .scroll_down:hover span {border: 1px solid rgba(255,255,255,0.7); transition: all 0.3s ease;} 


@keyframes upDown {
    0% {
        /* opacity: 0.1; */
        transform: translateY(-40px);
    }

    50% {
        opacity: 1;
        transform: translateY(40%);
    }

    100% {
        /* opacity: 0.1; */
        transform: translateY(45px);
    }
}

/*** 첫번째 섹션 - Visual ***/
#visual{width:100%; height: var(--vh); !important; overflow: hidden; background:#000; position: relative;}
#visual .visual_in{width: 100%; height: 100%; position: relative;}
#visual .visual_in .roll{width: 100%; height: var(--vh);}
#visual .visual_in .roll .v_txt{position: absolute; left: 50%; top:75%; transform:translate(-50%,-50%); text-align:center; z-index: 9999; margin-top:-120px;}
#visual .visual_in .roll .v_txt h2{color:var(--white); transition:all .6s 0.6s ease; transform:translateY(60px); opacity:0; margin-top:32px; margin-bottom:40px; font-size:4.333rem; font-weight: 700; line-height: 102%; transition:all .6s 0.3s ease;}
#visual .visual_in .roll .v_txt h2 br {display:none;  }
#visual .visual_in .roll .v_txt p{color:var(--white); transform:translateY(60px); opacity:0;}
#visual .visual_in .roll .v_txt .quote {font-size:1.556rem; text-transform: uppercase; font-weight: 500; line-height: 114%; transition:all .6s 0.3s ease; }
#visual .visual_in .roll .v_txt .small {font-size:1.222rem; color:rgba(255,255,255,.8); ransform:translateY(60px); opacity:0; font-weight:400; line-height:154%; transition:all .9s 0.9s ease; }


#visual .visual_in .roll .v_bg{position: absolute; left: 0; top:0; width: 100%; height: 100%;}
#visual .visual_in .roll .v_bg .bg{width: 100%; height: 100%; background-repeat:no-repeat; background-size:cover; background-position:center; -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition:transform 3000ms  ease-in-out; -moz-transition:transform 3000ms ease-in-out; -o-transition:transform 3000ms ease-in-out; -ms-transition:transform 3000ms ease-in-out; transition:transform 3000ms ease-in-out;}
#visual .visual_in .roll .v_bg .jarallax{position: relative; width: 100%; height:100%; opacity: .7;}
#visual .visual_in .roll .v_bg .jarallax iframe{position: absolute;}


/* 효과 */
#visual.action .visual_in .roll.action .v_txt .quote{opacity:1; transform:translateY(0); transition:All 1s .3s ease;}
#visual.action .visual_in .roll.action .v_txt h2{opacity:1; transform:translateY(0); transition:All 1s .5s ease;}
#visual.action .visual_in .roll.action .v_txt .small{opacity:1; transform:translateY(0); transition:All 1s .7s ease;}


@keyframes effect {
	0% { transform: translateY(60px); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}
@keyframes effect2 {
	0% { transform: translateY(-45%); opacity: 0; }
	100% { transform: translateY(-50%); opacity: 1; }
}

@keyframes fadeIn {
	0% { opacity: 0;}
	100% {opacity: 1;}
}

/*** 첫번째 섹션 - Visual ***/


/*** 두번째 섹션 - navigation ***/
#navigation {width:100%; height: var(--vh); overflow: hidden; background:#000; position: relative;  /* background-image:url('/img/nav_img01.jpg'); background-size:cover; background-repeat:no-repeat;  */}
#navigation .navigation_in {width:100%; height: var(--vh);;}
#navigation .bg_wrap {position:absolute; left:0; top:0;  width:100%; height:100%;}
#navigation .navigation_in .navigation_bg {position:absolute; left:0; top:0; width:100%; height: 100%; transition:all 1s ease; background-repeat:no-repeat;  background-position:center; background-size:cover; opacity:0}

#navigation .one_bg.on{opacity: 1; z-index:2; transition:all 1s ease; background-image:url('/img/nav_img01.jpg'); }
#navigation .two_bg.on{opacity: 1; z-index:2; transition:all 1s ease; background-image:url('/img/nav_img02.jpg'); }
#navigation .three_bg.on{opacity: 1; z-index:2; transition:all 1s ease; background-image:url('/img/nav_img03.jpg');}



#navigation ul {display:flex; width:100%; height:100%; text-align:center;}
#navigation ul li {width:33.3%; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: center; position:relative; transition:all .4s ease; overflow:hidden; z-index:3;}

#navigation ul li:after {content: ''; width: 100%; height: 100%; background: var(--blue_black); position: absolute; top: 0; right: 0; transition: all 1.5s ease; z-index: 9;}
#navigation.action ul li:after {width: 0; transition: all 1.5s ease;}
#navigation.action li:nth-child(1)::after {transition-delay:0.3s !important;}
#navigation.action li:nth-child(2)::after {transition-delay:0.5s !important;}
#navigation.action li:nth-child(3)::after {transition-delay:0.7s !important;}

#navigation ul li .tit_area {width:100%; transform: translateY(50%); transition:all 0.3s ease; }
#navigation ul li .tit_area .eng {color:rgba(255,255,255,.5)}
#navigation ul li .tit_area h3 {margin:0 0 39px; color:rgba(255,255,255,.5)}

#navigation ul li .gotoBtn { opacity:0; transform:translateY(100%); visibility:hidden; transition:all 0.3s ease; }
#navigation ul li .gotoBtn p { z-index:3}
#navigation ul li.on {background:rgba(255,255,255,.15)}
#navigation ul li.on .tit_area {transform: translateY(0);}
#navigation ul li.on .tit_area .eng {color:var(--main);}
#navigation ul li.on .tit_area h3 {color:var(--white);}

#navigation ul li.on .gotoBtn {display:block; opacity:1; visibility:visible; transition:all 0.3s ease; transform:translate(0,0);border-color:var(--white);}
#navigation ul li.on .gotoBtn p {color:var(--white); }
#navigation ul li.on .gotoBtn p:before {color:var(--white);}

#navigation ul li .gotoBtn:hover {display:block; opacity:1; visibility:visible; transition:all 0.3s ease; transform:translate(0,0);border-color:var(--main);}
#navigation ul li .gotoBtn:hover p {color:var(--white);}
#navigation ul li .gotoBtn:hover p:before {color:var(--white);}
/*** 두번째 섹션 - navigation ***/

/*** 세번째 섹션 - recruitment ***/
#recruitment {width:100%; height: var(--vh); !important; overflow: hidden; background:#000; position: relative; background-image:url('/img/recruit_bg.jpg');background-repeat:no-repeat;  background-position:center; background-size:cover; }
#recruitment .tit_area {height:100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-top:70px;}
#recruitment .tit_area .eng {transform:translateY(60px); opacity:0;}
#recruitment .tit_area h3 {margin:15px 0 16px;transform:translateY(60px); opacity:0;}
#recruitment .tit_area .stit {margin-bottom:50px;transform:translateY(60px); opacity:0;}
#recruitment .tit_area .btn_ani {transform:translateY(60px); opacity:0;}

#recruitment.action .tit_area .eng {transform:translateY(0); opacity:1;  transition:All .6s .3s ease;}
#recruitment.action .tit_area h3 {transform:translateY(0); opacity:1;  transition:All .6s .6s ease;}
#recruitment.action .tit_area .stit {transform:translateY(0); opacity:1;  transition:All .6s .9s ease;}
#recruitment.action .tit_area .btn_ani {transform:translateY(0); opacity:1;  transition:All .6s 1.2s ease;}



/*** 세번째 섹션 - recruitment ***/

/*** 네번째 섹션 - notice ***/
#notice {width:100%; height: var(--vh); !important; background:#000; position: relative; background-image:url('/img/notice_bg.jpg');background-repeat:no-repeat;  background-position:center; background-size:cover; overflow:hidden;}


#notice .notice_in {display:flex; align-items: center; }
#notice .notice_in .tit_area {width:450px; position:absolute; top:50%; transform:translateY(-50%); z-index:90;}
#notice .notice_in .tit_area h3 {margin:10px 0 21px; }
#notice .notice_in .tit_area .gotoBtn {margin-top:60px;}
#notice .notice_in .tit_area .gotoBtn p {font-size:0.889rem;}
#notice .notice_in .tit_area .arrowSlider {display:flex; flex-wrap:wrap; gap:10px; align-items:center; position:absolute; bottom:20px; left:255px;}

#notice .notice_wrap {margin-left:calc((100% - 1350px) / 2); position:absolute; top:50%; left:0; z-index:80; width:calc(100% - ((100% - 1350px) / 2)); box-sizing:border-box; transform:translateY(-50%); margin-top:60px; overflow:hidden; opacity:0; visibility: hidden;}
#notice .notice_wrap .btn_ani {display:none;}
#notice .notice_wrap .notice_roll  {width:calc(100% - 420px); margin-left:420px;  box-sizing:border-box; overflow:hidden; padding-right:calc(100% - 1350px);}
#notice .notice_wrap .notice_roll .slick-list {overflow:visible;}
#notice .notice_wrap .roll.slick-slide.slick-active {opacity:1; filter: grayscale(0);}
#notice .notice_wrap .roll {filter: grayscale(1); position:relative; margin-left:30px; opacity:0.5;}
#notice .notice_wrap .roll a{display:block; box-sizing:border-box; transition:all .3s ease; position:relative; overflow:hidden;}
#notice .notice_wrap .roll a .thumb {overflow:hidden; aspect-ratio:3/1.96;}
#notice .notice_wrap .roll a .thumb img {width:100%;height:100%; transition:all 0.5s ease;}
#notice .notice_wrap .roll a .desc {background:var(--white); padding:30px; box-sizing:border-box;}
#notice .notice_wrap .roll a .desc .cate {position:absolute; top:0; right:0; width:90px; height:30px; line-height:30px; background:var(--main); color:var(--white); font-size: 0.833rem; font-weight: 700; text-transform: uppercase; text-align:center;}
#notice .notice_wrap .roll a .desc h4 {font-size: 1.111rem; font-weight: 500; line-height: 1.6em; color:var(--black); margin-bottom:4px; height: 1.6em; text-overflow: ellipsis; overflow: hidden; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: nowrap;}
#notice .notice_wrap .roll a .desc .date {color:rgba(34,34,34,.5); position:relative; padding-left:25px; font-size:0.889rem;line-height: 156%; font-weight: 400; top: 0;}
#notice .notice_wrap .roll a .desc .date:before {display:block; position:absolute; left:0; font-size:18px; font-family:var(--icon); content:'\ebcc'; color:rgba(34,34,34,.5);}

/* 공지글 슬릭 버튼 */
#notice .tit_area .slick-arrow {display:block; width:30px; height:30px;}

/* #notice .notice_wrap {opacity:0;} */
#notice .tit_area  .slick-arrow.slick-prev {transform: scaleX(-1); }
#notice .tit_area  .slick-arrow.slick-next {padding-left:10px; box-sizing:border-box;}
#notice .tit_area .slick-arrow:after{content:'\e5e1'; display: block; font-family:var(--icon); font-size:30px; line-height: 30px; color:rgba(255,255,255,.4);  transition:all 0.4s ease;}
#notice .tit_area .slick-arrow:hover:after{color:var(--main); transition:all 0.4s ease;}



#notice .tit_area .eng {transform:translateY(60px); opacity:0;}
#notice .tit_area h3 {transform:translateY(60px); opacity:0;}
#notice .tit_area .stit {transform:translateY(60px); opacity:0;}
#notice .tit_area .btn_ani {transform:translateY(60px); opacity:0;}
#notice .tit_area .arrowSlider {transform:translateY(60px); opacity:0;}

#notice.action .tit_area .eng {transform:translateY(0); opacity:1;  transition:All .6s .3s ease;}
#notice.action .tit_area h3 {transform:translateY(0); opacity:1;  transition:All .6s .6s ease;}
#notice.action .tit_area .stit {transform:translateY(0); opacity:1;  transition:All .6s .9s ease;}
#notice.action .tit_area .btn_ani {transform:translateY(0); opacity:1;  transition:All .6s 1.2s ease;}
#notice.action .tit_area .arrowSlider {transform:translateY(0); opacity:1;  transition:All .6s 1.2s ease;}
#notice.action .notice_wrap {opacity:1; visibility: visible; transition:All .6s 0.6s ease; margin-top:0;}



/*** 네번째 섹션 - notice ***/

/*** 마지막 섹션 - fullfoot ***/
#fullfoot .top .mobr {display:none;}
#fullfoot, #fullfoot .fp-tableCell { position:relative; height:Auto !important; }
#fullfoot {width:100%; background:#000; position: relative; background-image:url('/img/fullfoot_bg.jpg');background-repeat:no-repeat;  background-position:center; background-size:cover; overflow:hidden; }
#fullfoot .top {padding:141px 0 166px; display:flex; justify-content: space-between; align-items: flex-end;}
#fullfoot .top .tit_area .eng {margin-bottom:10px;}

#fullfoot .bottom {padding:69px 0 107px; box-sizing:border-box; border-top:1px solid rgba(255,255,255,.2);}
#fullfoot .bottom .bottom_in {display:flex; justify-content: space-between;}
#fullfoot .bottom .bottom_info {padding-right:128px; margin-top: auto; margin-bottom: 8px; width: calc(50% - 128px);}
#fullfoot .bottom .bottom_info .bottom_logo {display:flex; gap:30px; margin-bottom:20px;     align-items: flex-end; }
#fullfoot .bottom .bottom_info .bottom_logo svg {max-width:100%; height:auto;}
#fullfoot .bottom .bottom_info .bottom_logo svg g path.color {fill:var(--white);}
#fullfoot .bottom .bottom_info .bottom_logo .privacy {overflow:hidden; background:rgba(255,255,255,0.08); border-radius:50px; transition:all 0.3s ease; }
#fullfoot .bottom .bottom_info .bottom_logo .privacy a {display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; color:var(--white); font-size:0.889rem; line-height:187%; font-weight:400; padding:0 27px; width: 160px;height:50px; line-height:50px; }
#fullfoot .bottom .bottom_info .bottom_logo .privacy:hover {background:var(--main);}

#fullfoot .bottom .bottom_info .info_list {display:flex; flex-wrap: wrap;}
#fullfoot .bottom .bottom_info .info_list li {padding-right:20px; box-sizing:border-box; color:rgba(255,255,255,.7);  font-size:0.889rem;}
#fullfoot .bottom .bottom_info .contact_list li {position:relative; padding-left:28px;}
#fullfoot .bottom .bottom_info .contact_list li:before {display:block; font-family:var(--icon); font-size:20px; position:absolute; left:0; color:var(--white); }
#fullfoot .bottom .bottom_info .contact_list li.tel:before {content:'\e0b0'; }
#fullfoot .bottom .bottom_info .contact_list li.fax:before {content:'\e8ad';}
#fullfoot .bottom .bottom_info .contact_list li.email:before {content:'\e158';} 

#fullfoot .bottom .bottom_info .copy_list {margin-top:15px; }
#fullfoot .bottom .bottom_info .copy_list li {padding-right:0; font-size:14px;}
#fullfoot .bottom .bottom_info .copy_list li:first-of-type {text-transform: uppercase; color:rgba(255,255,255,.5);  margin-left: 5px;}
#fullfoot .bottom .bottom_info .copy_list li:last-of-type a {color:rgba(255,255,255,.3);}


#fullfoot .bottom .bottom_map {height: 230px; width: calc(50% - 15px); position:Relative;}
#fullfoot .bottom .bottom_map iframe{height:230px;}
#fullfoot .bottom .bottom_map .root_daum_roughmap {width:100% !important; height:220px;}
#fullfoot .bottom .bottom_map .map_txt {width:100%; display:flex; position:relative; background:rgba(34,34,34,.6); bottom: 84px; z-index:9999}
#fullfoot .bottom .bottom_map .map_txt div { color:Var(--white); position:relative; padding:15px 100px 0 0; padding-left:50px; font-size:0.889rem; line-height:150%; height:75px; text-align:left; box-sizing:border-box;}
#fullfoot .bottom .bottom_map .map_txt div:before {position:absolute; left:20px; color:var(--white); font-family:var(--icon); font-size:20px; content:'\e0c8';}
#fullfoot .bottom .bottom_map .map_txt .map_btn {width:75px; height:75px; display:inline-block; background:var(--main); position:absolute; right:0; }
#fullfoot .bottom .bottom_map .map_txt .map_btn p {font-size:0;}
#fullfoot .bottom .bottom_map .map_txt .map_btn p:before {position:absolute;top:50%; left:50%; transform:translate(-50%, -50%); display:block;  font-family:var(--icon); font-size:30px; content:'\e55b'; color:var(--white);}

#fullfoot .bottom .bottom_map .map_txt .map_btn:hover {background:var(--white);}
#fullfoot .bottom .bottom_map .map_txt .map_btn:hover p:before {color:var(--main)}

/*** 마지막 섹션 - fullfoot ***/

.fp-viewing-page2 .header {background:var(--white);}
.fp-viewing-page2 .header .header_in .logo svg g path.color {fill:var(--blue_black);}
.fp-viewing-page2 .gnb ul li > a {color:var(--black);}
.fp-viewing-page2 .header .header_in .top_util ul li span { color:var(--black); }
.fp-viewing-page2 .header .header_in .top_util ul li a{color:var(--black); }

.fp-viewing-page3 .header {background:var(--white);}
.fp-viewing-page3 .header .header_in .logo svg g path.color {fill:var(--blue_black);}
.fp-viewing-page3 .gnb ul li > a {color:var(--black);}
.fp-viewing-page3 .header .header_in .top_util ul li span { color:var(--black); }
.fp-viewing-page3 .header .header_in .top_util ul li a{color:var(--black); }

.fp-viewing-page4 .header {background:var(--white);}
.fp-viewing-page4 .header .header_in .logo svg g path.color {fill:var(--blue_black);}
.fp-viewing-page4 .gnb ul li > a {color:var(--black);}
.fp-viewing-page4 .header .header_in .top_util ul li span { color:var(--black); }
.fp-viewing-page4 .header .header_in .top_util ul li a{color:var(--black); }




/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


#notice .notice_wrap {margin-left:5%; width:95%;}
#notice .notice_wrap .notice_roll {padding-right:5%;}

}
/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){


/*** css 공통 ***/
/* 텍스트 */
.title br{display:none;}
.sub_tit br{display:none;}
.txt br{display:none;}




/*** 첫번째 섹션 - Visual ***/

/*** 첫번째 섹션 - Visual ***/


/*** 네번째 섹션 - notice ***/
#notice .notice_wrap .roll {margin-left:15px;}


/*** 네번째 섹션 - notice ***/


/*** 마지막 섹션 - fullfoot ***/
#fullfoot .top {padding:101px 0 120px; flex-direction: column; display:flex; justify-content: space-between; align-items: flex-start;}
#fullfoot .top .gotoBtn {margin-top:30px; margin-left:auto;}

#fullfoot .bottom {padding:60px 0 90px}
#fullfoot .bottom .bottom_info {padding-right:68px; margin-top: auto; margin-bottom: 8px; width: calc(50% - 68px);}
#fullfoot .bottom .bottom_info .bottom_logo {gap:30px; margin-bottom:20px; }
#fullfoot .bottom .bottom_info .bottom_logo svg {width: 175px; height:auto;}
/* #fullfoot .bottom .bottom_info .bottom_logo .privacy {width: 140px; display:none;} */
#fullfoot .bottom .bottom_info .bottom_logo .privacy a {font-size:0.889rem; padding:0 20px; width: 100%;height:50px; line-height:50px; }

#fullfoot .bottom .bottom_info .info_list li {padding-right:20px;  font-size:0.889rem;}
#fullfoot .bottom .bottom_info .contact_list li {padding-left:28px;}
#fullfoot .bottom .bottom_info .contact_list li:before { font-size:20px;  }

#fullfoot .bottom .bottom_info .copy_list {margin-top:15px; }
#fullfoot .bottom .bottom_info .copy_list li {font-size:14px;}


#fullfoot .bottom .bottom_map  {height: 220px; width: calc(50% - 15px);}
#fullfoot .bottom .bottom_map .root_daum_roughmap {width:100% !important; height:220px;}
#fullfoot .bottom .bottom_map .map_txt {bottom:76px;}
#fullfoot .bottom .bottom_map .map_txt div {padding:12px 75px 0 0; padding-left:40px; font-size:0.75rem;height:66px;}
#fullfoot .bottom .bottom_map .map_txt div:before { font-size:20px; left:12px;}
#fullfoot .bottom .bottom_map .map_txt .map_btn {width:66px; height:66px;  }
#fullfoot .bottom .bottom_map .map_txt .map_btn p:before { font-size:28px; }


}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* 섹션 공통 바로가기 버튼 */
.section .gotoBtn {width:185px; height:60px; line-height:58px; padding:0 22px 0 26px; }
.section .gotoBtn p:before {font-size:24px; }


/* 스크롤 */



/*** css 공통 ***/
/* 버튼 */
.moreBtn{width:150px; height:50px;}
.moreBtn span{line-height: 48px;}


/* 화살표 */
.slick-arrow{width:25px; height:25px;}



/*** 첫번째 섹션 - Visual ***/
#visual .visual_in .roll .v_txt{}
#visual .visual_in .roll .v_txt h2{margin-top:23px; margin-bottom:30px; font-size:3.3rem; line-height:1.3;}
#visual .visual_in .roll .v_txt .quote {font-size:1.3rem;}
#visual .visual_in .roll .v_txt .small {font-size:1.2rem;}
/*** 첫번째 섹션 - Visual ***/


/*** 두번째 섹션 - navigation ***/
#navigation ul {display:flex; }
#navigation ul li {width:33.3%; height:100%; display:flex; }
#navigation ul li .tit_area h3 {margin:0 0 30px; }
/*** 두번째 섹션 - navigation ***/


/*** 세번째 섹션 - recruitment ***/
#recruitment { }
#recruitment  .tit_area {align-items: center; margin-top:30px;}
#recruitment  .tit_area h3 {margin:10px 0 12px;}
#recruitment  .tit_area .stit {margin-bottom:20px;}
/*** 세번째 섹션 - recruitment ***/




/*** 네번째 섹션 - notice ***/
#notice .con_in {position:relative; height:auto;}
#notice .notice_in .tit_area {width:100%; position:inherit; transform:translateY(0); text-align:center;  margin-bottom:40px;}
#notice .notice_in .tit_area .stit br{display:none;}
#notice .notice_in .tit_area .arrowSlider {width:100%; left:0; justify-content:space-between;}
#notice .notice_wrap {width:100%; position:static; transform:translateY(0);}
#notice .notice_wrap .notice_roll {margin-left:-15px; width:100%; padding-right:15%;}
#notice .notice_in .tit_area .gotoBtn {display:none; margin-top:0;}
#notice.action .tit_area .btn_ani {position:absolute; bottom:0; left:0;}

#notice .notice_wrap .btn_ani {display:block; position:relative; left:-5%;}
#notice .notice_wrap .btn_ani .gotoBtn {display:block; margin:40px auto 0; width:215px}
/*** 네번째 섹션 - notice ***/





/* 공지글 슬릭 버튼 */
#notice .notice_wrap .notice_roll .slick-arrow{width:30px; height:30px; top:0; left:unset; right:0 ;margin-top: -110px; }

#notice .notice_wrap .notice_roll .slick-arrow.slick-prev{margin-left: 0; right: unset; top: 0; margin-top: -110px; margin-right: 0; left: 0;}
#notice .notice_wrap .notice_roll .slick-arrow.slick-next{margin-left: 0; top: 0; right:0; margin-top: -110px; margin-right: 0; }
#notice .notice_wrap .notice_roll .slick-arrow:after{font-size:30px; line-height: 30px;}
/*** 네번째 섹션 - notice ***/


/*** 마지막 섹션 - fullfoot ***/
#fullfoot .top {padding:70px 0 80px; align-items: center}
#fullfoot .top .tit_area {text-align:center;}
#fullfoot .top .gotoBtn {margin-top:40px; margin-left:0;}

#fullfoot .bottom {padding:50px 0 50px; }
#fullfoot .bottom .bottom_in {flex-direction:column; align-items:center;}
#fullfoot .bottom .bottom_info {position:relative; padding-right:0; margin-top: auto; margin-bottom: 35px; width: 100%; padding-bottom:50px;}
#fullfoot .bottom .bottom_info .bottom_logo {gap:20px; margin-bottom:20px; align-items: center; flex-direction: column;}
#fullfoot .bottom .bottom_info .bottom_logo svg  {width: 140px; height:auto;}
#fullfoot .bottom .bottom_info .bottom_logo .privacy {width: 120px; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
#fullfoot .bottom .bottom_info .bottom_logo .privacy a {font-size:0.8rem; padding:0 16px; height:35px; line-height:35px; }

#fullfoot .bottom .bottom_info .info_list {justify-content: center;}
#fullfoot .bottom .bottom_info .info_list li {padding-right:20px;  font-size:0.889rem;}
#fullfoot .bottom .bottom_info .contact_list li {padding-left:23px;}
#fullfoot .bottom .bottom_info .contact_list li:before { font-size:18px;  }

#fullfoot .bottom .bottom_info .copy_list {margin-top:13px; }
#fullfoot .bottom .bottom_info .copy_list li {font-size:14px;}


#fullfoot .bottom .bottom_map  {height: 200px; width: 100%;}
#fullfoot .bottom .bottom_map .root_daum_roughmap {width:100% !important; height:200px;}
#fullfoot .bottom .bottom_map .map_txt {bottom: 57px;}
#fullfoot .bottom .bottom_map .map_txt div {padding-left:40px; font-size:0.8rem; height:50px;}
#fullfoot .bottom .bottom_map .map_txt div:before { font-size:20px; left:15px;}
#fullfoot .bottom .bottom_map .map_txt .map_btn {width:50px; height:50px;  }
#fullfoot .bottom .bottom_map .map_txt .map_btn p:before { font-size:24px; }

/*** 마지막 섹션 - fullfoot ***/


/* 섹션 공통 타이틀 */
.section .tit_area .eng {font-size:1.1rem; }
.section .tit_area h3 {font-size: 1.8rem; }
.section .tit_area .stit {font-size:1.1rem; }






}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

#intro .intro_logo .logo img {width:180px}
#intro .intro_logo .logo .bar {margin:15px 0 0;}



/* 스크롤 */
.section .scroll_down {bottom:25px;}
.section .scroll_down span {width:30px; height:50px;}
.section .scroll_down span::after {font-size:20px; margin-left:-10px;}


/* 섹션 공통 바로가기 버튼 */
.section .gotoBtn {width:130px; height:42px; line-height:40px; padding:0 12px 0 15px; }
.section .gotoBtn p {font-size:1rem;}
.section .gotoBtn p:before {font-size:22px; font-weight:300;}

/*** css 공통 ***/


/* 버튼 */
.moreBtn{width:120px; height:40px;}
.moreBtn span{line-height: 38px;}


/* 화살표 */
.slick-arrow{width:25px; height:25px;}




/*** 첫번째 섹션 - Visual ***/
#visual .visual_in .roll .v_txt br {display:none;}
#visual .visual_in .roll .v_txt h2 {font-size:2.5rem; margin:20px 0;}
#visual .visual_in .roll .v_txt .quote {font-size:1.2rem;}
#visual .visual_in .roll .v_txt .small {font-size:1.1rem;}
/*** 첫번째 섹션 - Visual ***/


/*** 두번째 섹션 - navigation ***/
#navigation ul {display:flex; flex-direction: column;}
#navigation ul li {width:100%; height:100%; display:flex; }
#navigation ul li .tit_area h3 {margin:0 0 15px; }
#navigation ul li .tit_area h3 br{display:none;}
/*** 두번째 섹션 - navigation ***/



/*** 네번째 섹션 - notice ***/
#notice .notice_in .tit_area h3 {margin:4px 0 8px;}
#notice .tit_area .slick-arrow {width:24px;}
#notice .tit_area .slick-arrow:after {font-size:24px;}
#notice .notice_in .tit_area {margin-bottom:20px;}
#notice .notice_wrap .roll a .desc {padding:18px;}
#notice .notice_wrap .roll a .desc h4 {margin-bottom:2px;}
#notice .notice_wrap .roll a .desc .date {padding-left:20px;}
#notice .notice_wrap .roll a .desc .date:before {font-size:16px;}
#notice .notice_wrap .btn_ani .gotoBtn {width:185px;}
#notice .notice_wrap .notice_roll {padding-right:40%;}
/*** 네번째 섹션 - notice ***/



/* 공지글 슬릭 버튼 */
/*** 네번째 섹션 - notice ***/

/*** 마지막 섹션 - fullfoot ***/
#fullfoot .top .mobr {display:block;}
#fullfoot .top {padding:70px 0 70px; align-items: center}
#fullfoot .top .tit_area {text-align:center;}
#fullfoot .top .tit_area .eng {margin-bottom:6px;}
#fullfoot .top .gotoBtn {margin-top:35px; margin-left:0;}

#fullfoot .bottom {padding:40px 0 50px; }
#fullfoot .bottom .bottom_in {flex-direction:column; align-ite ms:center;}
#fullfoot .bottom .bottom_info {padding-right:0; margin-top: auto; margin-bottom: 0; width: 100%; }
#fullfoot .bottom .bottom_info .bottom_logo {gap:0; margin-bottom:15px; align-items: center; flex-direction: column;}
#fullfoot .bottom .bottom_info .bottom_logo svg  {width: 140px; height:auto;}
#fullfoot .bottom .bottom_info .bottom_logo .privacy {width: 120px; margin-top: 10px;}
#fullfoot .bottom .bottom_info .bottom_logo .privacy a {font-size:0.8rem; padding:0 16px; height:35px; line-height:35px; }

#fullfoot .bottom .bottom_info .info_list {justify-content: center;}
#fullfoot .bottom .bottom_info .info_list li {padding-right:10px;  font-size:14px;}
#fullfoot .bottom .bottom_info .contact_list li {padding-left:23px;}
#fullfoot .bottom .bottom_info .contact_list li:before { font-size:16px;  }

#fullfoot .bottom .bottom_info .copy_list {margin-top:15px; text-align:center;}
#fullfoot .bottom .bottom_info .copy_list li {font-size:13px;}


#fullfoot .bottom .bottom_map  {display:none;}
/*** 마지막 섹션 - fullfoot ***/


/* 섹션 공통 타이틀 */
.section .tit_area .eng {font-size:1rem; }
.section .tit_area h3 {font-size: 1.6rem;} 
.section .tit_area .stit {font-size:1rem; }









}