@charset "utf-8";
@import url('../css/font/Montserrat.css');
@import url('../css/font/NotoSansKR.css');

.noScroll{overflow-y: hidden !important;}
::-webkit-scrollbar {width:18px;}
::-webkit-scrollbar-thumb {border:5px solid #fff; border-radius:20px; background:#ccc;}
::-webkit-scrollbar-track {background:#fff; border-radius:20px;}

* {box-sizing:border-box;}
html { word-break: keep-all; word-wrap:break-word; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; font-size:1px; scrollbar-face-color:#c1c1c1; scrollbar-shadow-color:#f1f1f1; scrollbar-highlight-color:#f1f1f1; scrollbar-arrow-color:#c1c1c1; overflow-x:hidden !important; }
body {position:relative; max-width:2000px; margin: 0 auto; font-size:18px; font-family:'NotoSansKR','Montserrat'; font-weight:400; line-height:1.7; letter-spacing:-0.2px; color:#3d3d3d; word-break:keep-all; word-wrap:normal; overflow-x: hidden;}
input, select, textarea { font-family: 'NotoSansKR','Montserrat'; font-size:17px; }
button, input[type="text"], input[type="submit"] { font-size:18px; font-family:'NotoSansKR','Montserrat'; -webkit-appearance: none; -webkit-border-radius: 0;}
li {list-style-type:none;}
a, a:hover, a:visited a:active, a:focus {color: inherit;}

::-webkit-scrollbar { width:14px;}
::-webkit-scrollbar-thumb { background: #c1c1c1; border:3px solid #f1f1f1; }
::-webkit-scrollbar-track { background:#f1f1f1; }
@media all and (max-width:768px){
  html { font-size:0.9px; }
}
@media all and (max-width:480px){
  html { font-size:0.85px; }
}


/*본문바로가기*/
#skipBtn { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipBtn a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active {width: auto; height:auto; line-height:normal; padding:10rem 0; background: #333; color: #fff; font-size: 15rem; font-weight: bold;}

/* 내비 */
#header{position: absolute; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 20;}
#header.on{background: #fff;}
#header .wrap01{height: 120rem;  border-bottom: 1px solid rgba(255, 255, 255, 0.2); max-width: 1920rem; margin: 0 auto; padding-left: 44rem; display: flex; justify-content: space-between; align-items: center;}

#header .logo a{display: block; text-indent: -9999px; background: url('../img/layout/42_logo.png') no-repeat center center; background-size: contain; width: 290rem; height: 90rem;}
#header.on .logo a{background-image: url('../img/layout/logo_black.png');}

.pc_nav .depth01{overflow: hidden; height: 100%;}
.pc_nav .depth01 > li{display: inline-block; margin: 0 30rem; }
.pc_nav .depth01 > li:last-child{display: none; margin-right: 0;}
.pc_nav .depth01 > li > a{color: #fff; font-size: 23rem; font-weight: 500; display: block; line-height: 120rem;}

#header.on .pc_nav .depth01 > li > a{color: #202026;}
#header .pc_nav .depth01 > li > a:hover{color: #04809f; font-weight: 600;}

.pc_nav .gnb{display: none; border-bottom: 2px solid #04809f; box-shadow: 10px 10px 20px rgba(0,0,0,0.1); position: absolute; top: 120rem; width: 100%; left: 0; top: 120rem; z-index: 100; background: #fff;/* border-top: 1px solid #202026; */ border-top: 1px solid #cbcbcb;}

.pc_nav .gnb .gnb_wrap{display: flex; max-width: 1400rem; margin: 0 auto;}
.pc_nav .gnb .gnb_tit{width: 30%; padding: 40rem 10rem 50rem; border-right: 1px dashed rgba(0,0,0,0.1);}
.pc_nav .gnb .gnb_tit h2{margin-bottom: 15rem; font-size: 30rem; font-weight: 600;}
.pc_nav .gnb .gnb_tit p{font-size: 17rem; line-height: 1.5;}

.pc_nav .depth02{width: 70%; padding: 40rem 0 30rem 50rem;}
.pc_nav .depth02 li{display: inline-block; margin-right: 20rem; margin-bottom: 20rem; width: calc((100% - 110rem)/ 4); }
.pc_nav .depth02 li a{color: #202026; font-size: 18rem; position: relative; padding: 9rem 0 9rem 20rem; display: block; background: #f5f5f5; border-radius: 7rem; transition: 0.2s;}
.pc_nav .depth02 li a:hover{background: #04809f; font-weight: 500; color: #fff; border-radius: 7rem;}

.pc_nav .depth01 li a[target="_blank"] span{position: relative; padding-right: 22rem;  background: url('../img/content/t_blank.png') no-repeat right;}
.pc_nav .depth02 li a[target="_blank"]:hover span{background-image: url('../img/content/t_blank_wt.png');}

#header .right{display: flex; align-items: center;}
#header .right .lang{position: relative; z-index: 400;}
#header .right .lang a{color: #fff; display: block; border: 1px solid #fff; border-radius: 50rem; font-size: 16rem; font-weight: 400; padding: 5rem 20rem; background: #0d0d0d; text-align: center;}
#header.on .right .lang a{color: #202026; border-color: #0d0d0d; background: #fff;}
#header.on .right .lang a span::before{border-color: #202026;}
#header .right .lang a span{position: relative; padding-right: 18rem; font-family: 'Montserrat';}
#header .right .lang a span::before{position: absolute; content: ""; right: 0; top: 5rem; background: transparent; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); width: 7rem; height: 7rem; }
#header .right .lang ul{display: none; position: absolute; width: 100%; top: 40rem; left: 0;}

#header .top{height: 36px;background: #4c5b63;}
#header .top .top_wrap{max-width: 1840px;margin: 0 auto;height: 100%;display: flex;padding: 0 10px;color:#fff;justify-content: flex-end;align-items: center;}
#header .top .top_wrap > div * {display: inline-block;}
#header .top .top_wrap p {font-size:13px; padding-right:20px;}
#header .top .top_wrap p img {vertical-align:middle;}
#header .top .top_list li{display: inline-block;margin-right: 26px;position: relative;height: 100%;}
#header .top .top_list li a{color: #fff;font-size: 13px;font-weight: 400;}
#header .top .top_list li::before{position: absolute; content: "|"; color: #696d80; font-size: 15px; top: 50%; left: -16px; transform: translateY(-50%);}
#header .top .top_list li:first-child::before{display: none;}

#header .top .top_wrap .lang{position: relative;}
#header .top .top_wrap .lang > a{display: inline-block; color: #fff; font-size: 15px; font-weight: 500; padding-right: 27px; background: url('/img/layout/lang_arrow.png') no-repeat right center;}
#header .top .top_wrap .lang > a:before{position: absolute;content: "";right: 10rem;top: 10rem;background: transparent;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(-45deg);width: 7rem;height: 7rem;}
#header .top .top_wrap .lang > ul{display: none;position: absolute;background: #fff;border: 2px solid #000;z-index: 101;top: 30px;right: -2px;border-radius: 10px;}
#header .top .top_wrap .lang > ul > li{padding: 2px 15px;text-align: center;border-bottom: 1px dashed #000;}
#header .top .top_wrap .lang > ul > li:last-child{border-bottom: none;}
#header .top .top_wrap .lang > ul > li a{font-size: 15px; color:#000; font-weight:600;}
#header .top .top_wrap .lang > ul > li a:hover{text-decoration: underline;}


.sns{display: flex;align-items: center;justify-content: center;}
.sns p{font-family: 'Montserrat'; font-size: 30rem; font-weight: bold; margin-right: 20rem; color: #fff;}
.sns div{display: flex;}
.sns div a{display: block; text-indent: -9999px; background: url('../img/layout/sns_250620.png') no-repeat; width: 50px; height: 50px; margin:0 3rem; }
.sns div a.facebook{background-position: 0 0 ;}
.sns div a.instagram{background-position: -50px 0 ;}
.sns div a.twitter{background-position: -100px 0 ;}
.sns div a.youtube{background-position: -150px 0 ;}
.sns div a.blog{background-position: -200px 0;}
.sns div a.gsio {background-position: -250px 0; width:65px; margin:0 5rem;}
#header.on .sns div a.facebook{background-position: 0 -50px ;}
#header.on .sns div a.instagram{background-position: -50px -50px ;}
#header.on .sns div a.twitter{background-position: -100px -50px ;}
#header.on .sns div a.youtube{background-position: -150px -50px ;}
#header.on .sns div a.blog{background-position: -200px -50px;}
#header.on .sns div a.gsio {background-position: -250px -50px; }
.m_sns {width: 100%;padding: 20rem}
.m_sns .h_sns {justify-content: center; margin: 0 auto;}
.m_sns .h_sns > li {margin: 0 12rem !important;}
.m_sns .h_sns > li > a {width: 35rem; height: 35rem;}

.apply{display: flex; align-items: center; justify-content: center; color: #fff; width: auto; /* height: 122rem; */background: #04809f; font-size: 20rem; font-weight: 600; margin-left: 10rem; border-radius: 50px; padding: 7px 15px 8px 5px;margin-right: 73px;}
.apply span{padding: 0 33rem 0 15rem; background: url('../img/layout/apply.png') no-repeat center right;}

/* 모바일내비 */
.nav_open{position: absolute; right: 20rem; background: url('../img/layout/mnav_btn.gif') no-repeat 0 top; width: 30rem; height: 29rem; text-indent: -9999px; top: 63%; transform: translateY(-50%);}
#header.on .nav_open{background-position: 0 -22px;}
.menu_mb{display: none;}

.mnav{display: none; position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 400;}
.mnav::before{content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); transition:all 0.85s cubic-bezier(0.43, 0.03, 0.21, 1);}
.mnav nav{position: absolute; right: -100%; top: 0; background: #fff; width: 100%; max-width: 375rem; height: 100%; z-index: 20; transition: all 0.5s ease-in-out; transition-delay: 0.3s;}
/*
.m_top{display: flex; flex-wrap: wrap;}
.m_top .lang{padding-top: 38rem; padding-left: 6rem;}
.m_top .lang a{font-size: 14rem; color: #000; font-family: 'Montserrat'; margin-right: 5rem;}
.m_top .lang a.on{text-decoration: underline; font-weight: 700; color: #04809f;}
*/
.mnav .link  ul{margin-bottom:10rem;overflow:hidden;display:flex;justify-content: center;}
.mnav .link  ul li{float:left; margin-left:7rem;}
.mnav .link  ul li a{padding: 2rem 10rem;border-radius:50px;font-size: 15rem; background:#000; color:#fff;}

.mnav nav .m_logo{text-indent: -9999px; background: url('../img/layout/logo_black.png') no-repeat center center; background-size:cover; width: 207rem; height: 71rem; margin: 10rem;}

.mnav nav .depth01{border-bottom: 1px solid #757575;}
.mnav nav .depth01 > li > a{display: block; font-size: 18rem; color: #202026; padding: 10rem 26rem ; border-top: 1px solid #757575;  position: relative;}

.mnav nav .depth01 > li > a::before{display: none; position: absolute; content: ""; width: 9rem; height: 9rem; border-left: 2rem solid #202026; border-bottom: 2rem solid #202026; background: transparent; transform: rotate(-45deg); right: 20rem; top: 18rem;}

.mnav nav .depth01 > li.on > a{font-weight: 600;}
.mnav nav .depth01 > li.on > a::before{border-width: 3rem;}
.mnav nav .depth01 > li.on > a + .depth02{display: block;}

.mnav nav .depth02{display: none; padding: 6rem; background: #f3f3f3; border-top: 1px solid #757575;}
.mnav nav .depth02 > li > a{display: block; color: #202026; font-size: 16rem; padding: 5rem 10rem 5rem 26rem;}
.mnav nav .depth02 > li > a span{position: relative; padding-left: 14rem;}
.mnav nav .depth02 > li > a span::before{position: absolute; content: ""; width: 4rem; height: 4rem; background: #ababab; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50rem;}

.mnav nav .depth02 > li.on > a{text-decoration: underline; font-weight: 600;}
.mnav nav .depth02 > li.on > a span::before{background-color: #202026;}

.mnav .depth01 li a[target="_blank"] span{position: relative; padding-right: 22rem;  background: url('../img/content/t_blank_small.png') no-repeat right 4rem center; background-size: 14rem;}

#nav_close{position: absolute; right: 14rem; top: 30rem; width: 40rem; height: 40rem; text-indent: -9999px;}
#nav_close::before,
#nav_close::after{position: absolute; content: ""; left: 50%; top: 0; width: 3rem; height: 30rem; background: #202026;  transform: rotate(45deg);}
#nav_close::after{transform: rotate(135deg);}

@media all and (max-width:1700px) {
  #header .wrap01{height: 100rem;}
  .pc_nav .depth01 > li{margin:0 15rem;}
  .pc_nav .depth01 > li > a{font-size: 20rem;}
  .pc_nav .gnb{top: 100rem;}
  #header .logo a{width: 200rem;}
  #header .right .lang a{font-size: 16rem;}
}
@media all and (max-width:1420px) {
 #header .logo a {width:180rem;}
  #header .wrap01{padding-left: 20rem;}
  .pc_nav .depth01 > li{margin: 0 10rem;}
  .pc_nav .gnb .gnb_tit h2{font-size: 26rem;}
   .sns div a,
  .apply {zoom:80%;}

}
@media all and (max-width:1180px) {
  .pc_nav{display: none;}
  #header .top {display:none;}
  #header .right .lang a{display: none;}
  .apply{padding: 7rem 20rem; font-size: 19rem; margin-left: 8px; margin-right: 70rem;}
  .apply span{background-image: none; padding: 0;}
  .menu_pc{display: block;}
  .menu_mb{display: block;}
  .sns {margin: 0  10rem 10rem;}
  .right .sns {display:none !important;}
  .nav_open {top:50%;}
  .sns div a.facebook{background-position: 0 -50px ;}
  .sns div a.instagram{background-position: -50px -50px ;}
  .sns div a.twitter{background-position: -100px -50px ;}
  .sns div a.youtube{background-position: -150px -50px ;}
  .sns div a.blog{background-position: -200px -50px;}
  .sns div a.gsio {background-position: -250px -50px; }
}
@media all and (max-width:480px) {
  #header .logo a{width: 190rem;}
  #header .wrap01{padding-left: 10rem;}
  .apply{padding: 7rem 20rem; font-size: 16rem; margin-right:60rem}
}


/* 푸터 */
#footer{background: #4c5b63;}
#footer .wrap04{max-width: 1550px; margin: 0 auto; padding: 58rem 10rem;}
#footer .sns{display: flex; align-items: center; padding-left: 12rem;}
#footer .sns p{font-family: 'Montserrat'; font-size: 30rem; font-weight: bold; margin-right: 20rem; color: #fff;}
#footer .sns div{display: flex;}
#footer .sns div a{display: block; text-indent: -9999px; background: url('../img/layout/sns_231205.png') no-repeat; background-size: cover; width: 58rem; height: 50rem; margin-right: 5rem;}
#footer .sns div a.instagram{background-position: -61rem 0 ;}
#footer .sns div a.twitter{background-position: -125rem 0 ;}
#footer .sns div a.youtube{background-position: -188rem 0 ;}
#footer .sns div a.facebook{background-position: -1rem 0 ;}
#footer .sns div a.blog{background-position: -252rem 0;}

.f_bottom{padding-left: 12rem; color: #fff; font-size: 18rem; display: flex; justify-content: space-between; margin-top: 40rem;}
.f_bottom .address{font-weight: 300; line-height: normal; margin-bottom: 4rem;}
.f_bottom .address strong{font-weight: 500; margin-right: 8rem;}
.f_bottom .email{display: inline-block; padding-top: 10rem; font-weight: 300; text-decoration: none;}
.f_bottom .email strong{font-weight: 500; margin-right: 10rem;}
.f_bottom .copy{margin-top: 10rem; font-family: 'Montserrat'; font-weight: 300; font-size: 17rem; color: rgba(255, 255, 255, 0.7);}
.f_bottom a{font-size: 18rem; text-decoration: underline; color: #fff; margin-right: 30rem; position: relative; display: block; text-align: right;}
.f_bottom a:last-child{font-weight: 500; text-decoration: none; margin-top: 7rem;}

.f_bottom a[target="_blank"] span{position: relative; padding-right: 20rem;  background: url('../img/content/t_blank_wt.png') no-repeat right;}


@media all and (max-width:920px) {
  .f_bottom a{text-align: left;}
}
@media all and (max-width:890px) {
  .f_bottom{flex-wrap: wrap; flex-direction: column-reverse;}
  .b_left{width: 100%; margin-top: 20rem;}
}
@media all and (max-width:480px) {
  .f_bottom .address strong{display: block; margin-top: 13rem;}
}


/* #footer .bottom_wrap{margin-top: 40rem; display: flex; align-items: center;}
#footer .bottom_wrap a{font-size: 18rem; font-weight: 500; color: #fff; text-decoration: underline; margin-right: 30rem; position: relative;}
#footer .bottom_wrap a::before{position: absolute; content: ""; background: rgba(255, 255, 255, 0.5); width: 3rem; height: 3rem; border-radius: 50rem; right: -17rem; top: 50%; transform: translateY(-50%);} */

/* @media all and (max-width:980px) {
  #footer .bottom_wrap{flex-wrap: wrap; row-gap: 10rem;}
  #footer .bottom_wrap a::before{display: none;}
} */

.go_top {display: block; position: absolute; z-index: 10; bottom: 295rem; right: 60rem; width: 70rem; line-height: 70rem; background: #04809f; color: #fff; text-align: center; border-radius: 50rem; opacity: 0;}
.go_top.fixed{ position: fixed; bottom:30rem; }
/*
@media all and (max-width:1900px) {
  .go_top{right: 30rem;}
}
*/
@media all and (max-width:480px) {
  .go_top{right: 30rem;}
}


.go_link { position:fixed; display:flex; align-items:center; justify-content:center; right:20rem; bottom:110rem; width:150rem; height:150rem; font-weight:600; z-index:100; }
.go_link::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/design/42gyeongsan/img/layout/quick_bg.png') no-repeat center/cover; animation: rotate-center 4s ease-in-out infinite both; }
.go_link div { align-content:center; text-align:center; width:110rem; height:110rem; background:#00babb; font-size:18rem; color:#fff; line-height:1.1; border-radius:50%; }
.go_link div p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.go_link span { display:block; color:#fff443;}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media all and (max-width:480px) {
  .go_link {zoom:80%;}
}


/*외국어*/

.wrap01.en .pc_nav .depth01 > li:last-child{display: inline-block;}
.wrap01.en .apply{margin-left:0;}


@media all and (max-width:1400px) {
 .wrap01.en .pc_nav .depth01 > li {margin-right:0; margin:0 20rem;}
 .wrap01.en .apply {padding:7rem 20rem 7rem 7rem;}
  .wrap01.en .pc_nav .depth01 > li > a {font-size:18rem;}
   #header .wrap01.en .logo a {width:200rem;}
}

@media all and (max-width:1180px) {

.wrap01.en .apply {padding:7rem 20rem;}


 }

@media all and (max-width:480px) {
 #header .wrap01.en .logo a {background: url('../img/layout/m_42_logo-en.png') no-repeat center center; width:180rem; background-size:contain;}
 }