@charset "UTF-8";
@import url("/fonts/DdaDdeusHanJagByeor/stylesheet.css");
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* reset.css */
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;}
img, fieldset {border:0px!important;}
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
li img, object {vertical-align:top;}
input, select, textarea, form img {vertical-align:middle;}
a {outline:0; text-decoration:none!important; border:none;}

body {font-family:'Pretendard',sans-serif; font-size:16px; font-weight:400; line-height:1.8; letter-spacing:0; word-break:keep-all;}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard',sans-serif; font-size:1em;  word-break:keep-all;}
input, button {font-family:'Pretendard',sans-serif; font-size:1em;}
textarea, select {font-family:'Pretendard',sans-serif; font-size:1em;}

.container-1420 {max-width:1430px; margin:0 auto; padding-left:15px; padding-right:15px;}

.headerwrap {border-bottom:1px solid #FED035;}
.header {max-width:1420px; margin:0 auto; position:relative; height:80px;}
.header h1 {display:inline-block;}
.header h1 a {display:inline-block; padding:25px 0;}
.header .left-wrap {display:inline-block;}
.header .left-wrap #layer-lang {position:absolute; top:13px; left:250px;}
.header .left-wrap #layer-lang .lang {display:inline-block; vertical-align:top; font-size:14px; border-bottom:1px solid #000; color:#000;}
.header .left-wrap #layer-lang .lang strong {position:relative; display:block; padding:10px 27px 0 0; font-weight:400;}
.header .left-wrap #layer-lang .lang strong:after {background:url(/images/arrow-down.svg) no-repeat; text-indent:-999999em; overflow:hidden; font-size:0; text-align:left; display:block; width:7px; height:4px; content:''; position:absolute; right:0; top:50%; margin-top:2px;}
.header .left-wrap #layer-lang .lang.active strong:after {background:url(/images/arrow-up.svg) no-repeat;}
.header .left-wrap .layer_menu {position:absolute; top:45px; left:-20px; z-index:99999; background-color:#fff; width:86px; border-radius:3px 3px; -webkit-box-shadow:0 3px 7px 0 rgb(0 0 0 / 48%); box-shadow:0 3px 7px 0 rgb(0 0 0 / 48%); padding:15px; display:none;}
.header .left-wrap .layer_menu.active {display:block;}
.header .left-wrap .layer_menu ul li a {color:#999; display:block; height:35px; line-height:35px; padding-left:5px; box-sizing:border-box; font-size:14px;}
.header .left-wrap .layer_menu ul li a.active {color:#000;}

.header .gnb {float:right; padding-top:26px;}
.header .gnb li {float:left;}
.header .gnb li:not(:first-child) {padding-left:30px;}
.header .gnb li a {font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; color:#000; font-weight:700; font-size:28px; line-height:1; padding:9px 40px; border-radius:25px; transition:all 0.5s;}
.header .gnb li a:hover {background-color:#FED035;}
.header .gnb li a.active {background-color:#FED035;}

.header .all-nav {color:#666; position:absolute; right:45px; top:50%; transform:translateY(-50%); line-height:1;}
.header .all-nav > span {position:absolute; top:-9px; width:25px; height:18px;}
.header .all-nav > span span:nth-child(1) {position:absolute; left:0px; top:0px; width:25px; height:2px; background-color:#333;}
.header .all-nav > span span:nth-child(2) {position:absolute; left:0px; top:8px; width:25px; height:2px; background-color:#333;}
.header .all-nav > span span:nth-child(3) {position:absolute; left:0px; top:16px; width:25px; height:2px; background-color:#333;}

/* nav */
.mnav {position:absolute; top:50%; right:12px; transform:translateY(-50%);}
.mnav > a {color:#666;}
.material-icons {font-size:2em;}
.sidenav .nav-wrap-top {color:#fff; text-align:right; padding:20px;}
.sidenav .nav-wrap-top .closeBtn {}
.sidenav .nav-wrap-top .closeBtn a {display:inline-block; font-size:0.825em; color:#000; padding:12px 13px; border-radius:5px; border:1px solid #000;}
.sidenav .nav-wrap-mid #select-m-lang {margin-left:28px;}
.sidenav .nav-wrap-mid #select-m-lang a {color:#ccc; position:relative; display:inline-block; vertical-align:top; padding:15px; font-size:13px;}
.sidenav .nav-wrap-mid #select-m-lang a:first-child:after {display:block; position:absolute; top:22px; right:0; content:''; width:1px; height:10px; background-color:#999; margin-right:-4px;}
.sidenav .nav-wrap-mid #select-m-lang a.active {color:#000;}
.sidenav .nav-wrap ul {margin:30px 0 0 40px; display:block; overflow:hidden;}
.sidenav .nav-wrap ul li a {font-size:22px; font-weight:700; color:#000; padding:15px 0; display:inline-block;}
.sidenav .mobile-btn-wrap {overflow:hidden; margin:40px 40px 0 40px;}
.sidenav .mobile-btn-wrap strong {display:inline-block; font-size:12px; font-weight:400; margin-bottom:15px;}
.sidenav .mobile-btn-wrap ul li {float:left; margin-right:15px;}
.sidenav .mobile-btn-wrap ul li a {display:block; color:#000; padding:15px 0;}

#index .section1 {text-align:center; margin-top:200px;}
#index .section1 h4 {font-size:78px; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; line-height:1.2; margin-bottom:60px; font-weight:700;}
#index .section1 p {font-size:24px; margin-bottom:110px;}
#index .section2 {background-color:#f5f5f5; margin-top:200px; text-align:center; padding:200px 0;}
#index .section2 h6 {font-size:24px; line-height:1; margin-bottom:60px;}
#index .section2 li:not(:last-child) {margin-bottom:100px;}
#index .section2 li span {display:inline-block; font-weight:700;  margin-bottom:30px; font-size:28px; line-height:1;}
#index .section2 li p {font-size:24px;}
#index .section3 {text-align:center; padding:200px 0;}
#index .section3 h4 {font-size:78px; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; line-height:1.2; margin-bottom:60px; font-weight:700;}
#index .section3 p {font-size:24px;}
#index .section4 {background-color:#f5f5f5; text-align:center; padding-top:200px;}
#index .section4 h4 {font-size:78px; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; line-height:1.2; margin-bottom:60px; font-weight:700;}
#index .section4 p {font-size:24px;}

.quick-banner a {font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; font-weight:700; font-size:34px; display:inline-block; padding:28px 80px 15px; background-color:#FED035; color:#000; border-radius:30px 30px 0 0; line-height:1;}
.quick-banner a span {display:block;}

/* commuinty page */
#community .row {margin-left:-10px; margin:-10px;}
#community .col-md-3 {padding-left:10px; padding-right:10px;}
.col-md-3 {display:none; margin-bottom:20px;}

#community .section1 {text-align:center; margin:200px 0;}
#community .section1 h4 {font-size:78px; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; line-height:1.2; margin-bottom:120px; font-weight:700;}

#community .section-wrap {padding:300px 0; background-color:#FED035;}
#community .section-wrap h4 {font-size:78px; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; font-weight:700; line-height:1; margin-bottom:30px;}
#community .section-wrap strong {font-size:24px; font-weight:400; display:block; margin-bottom:60px; line-height:1;}
#community .section-wrap span {font-size:24px; font-weight:400; margin-bottom:60px; display:block; line-height:1;}

#community .section-wrap .gallery1 ul li a {background-color:#fff; padding:40px; display:block;}
#community .section-wrap .gallery2 ul li a {background-color:#fff; padding:40px; display:block;}
#community .section-wrap .gallery3 ul li a {background-color:#fff; padding:40px; display:block;}
#community .section-wrap .gallery4 ul li a {background-color:#fff; padding:40px; display:block;}

#community .section-wrap .section3 {margin-top:260px;}
#community .section-wrap .section4 {margin-top:260px;}
#community .section-wrap .section5 {margin-top:260px;}

#community .section6 {margin-top:300px;}
#community .section6 h4 {font-size:78px; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif; line-height:1; margin-bottom:60px; font-weight:700;}
#community .section6 p {font-size:24px; margin-bottom:120px; line-height:1.5;}
#community .section6 ul li:not(:first-child) {margin-top:110px; }
#community .section6 ul li strong {display:block; font-size:28px;}
#community .section6 ul li span {display:block; font-size:28px;}
#community .section6 .quick-banner {margin-top:300px;}

.load-more{background-color:#363636; color:#fff !important; padding:16px 40px; font-size:18px; margin:35px 0; display:inline-block; transition:all .5s;}
.load-more:hover{background-color:#000; text-decoration:none;}

.footer-carousel {max-width:1420px; margin:160px auto;}

.footerwrap {background-color:#080B2C;}
.footer {text-align:center; padding:150px 0;}
.footer h6 {font-size:48px; color:#fff; font-family:'nanum_ddaddeushanjagbyeorRg',sans-serif;}
.footer span {color:#fff; display:block;}
.footer span:nth-child(2) {margin-top:50px; font-size:28px; font-weight:700;}
.footer span:nth-child(3) {margin-bottom:50px; font-size:24px;}
.footer span:nth-child(4) {text-transform:uppercase;}


@media screen and (max-width:1200px) {
  #community .section-wrap .gallery1 ul li a, 
  #community .section-wrap .gallery2 ul li a,
  #community .section-wrap .gallery3 ul li a,
  #community .section-wrap .gallery4 ul li a {padding:30px;}
}

@media screen and (max-width:991px) {

  .header {height:80px;}
  .header h1 a {padding:27px 0;}
  .header h1 a img {width:160px;}

  #index .section1 {margin-top:100px;}
  #index .section1 h4 {font-size:48px; margin-bottom:60px; line-height:1.5;}
  #index .section1 p {font-size:16px; margin-bottom:80px;}
  #index .section1 .main-top img {max-width:400px;}
  #index .section2 {margin-top:100px; padding:100px 0;}
  #index .section2 h6 {font-size:14px; margin-bottom:60px;}
  #index .section2 li:not(:last-child) {margin-bottom:50px;}
  #index .section2 li span {margin-bottom:15px; font-size:20px;}
  #index .section2 li p {font-size:16px;}
  #index .section3 {padding:100px 0;}
  #index .section3 h4 {font-size:48px; margin-bottom:60px; line-height:1.5;}
  #index .section3 p {font-size:16px;}
  #index .section4 {padding-top:100px;}
  #index .section4 h4 {font-size:48px; margin-bottom:60px; line-height:1.5;}
  #index .section4 p {font-size:16px;}

  .quick-banner a {font-size:24px; padding:24px 60px 13px; border-radius:30px 30px 0 0;}
  
  .footer-carousel {margin:80px auto;}

  .footer {padding:80px 0;}
  .footer h6 {font-size:38px;}
  .footer span:nth-child(2) {margin-top:30px; font-size:20px;}
  .footer span:nth-child(3) {margin-bottom:30px; font-size:18px;}

/* commuinty page */
  #community .section1 {margin:100px 0;}
  #community .section1 h4 {font-size:48px; margin-bottom:60px;}
  #community .section1 .main-top img {max-width:400px;}

  #community .section-wrap {padding:100px 0;}
  #community .section-wrap h4 {font-size:48px; margin-bottom:30px;}
  #community .section-wrap strong {font-size:18px; margin-bottom:60px;}
  #community .section-wrap span {font-size:18px; margin-bottom:60px;}

  #community .section-wrap .gallery1 ul li a, 
  #community .section-wrap .gallery2 ul li a,
  #community .section-wrap .gallery3 ul li a,
  #community .section-wrap .gallery4 ul li a {padding:20px;}

  #community .section-wrap .section3 {margin-top:80px;}
  #community .section-wrap .section4 {margin-top:80px;}
  #community .section-wrap .section5 {margin-top:80px;}

  #community .section6 {margin-top:80px;}
  #community .section6 h4 {font-size:48px; margin-bottom:30px;}
  #community .section6 p {font-size:16px; margin-bottom:60px;}
  #community .section6 ul li:not(:first-child) {margin-top:60px; }
  #community .section6 ul li strong {font-size:18px;}
  #community .section6 ul li span {font-size:18px;}
  #community .section6 .quick-banner {margin-top:100px;}

  .load-more{padding:8px 20px; font-size:14px; margin:35px 0;}
}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 575px) {

}

@media screen and (max-width: 460px) {

    .header {height:60px;}
    .header h1 a {padding:19px 0;}
    .header h1 a img {width:130px;}

    #index .section1 {margin-top:80px;}
    #index .section1 h4 {font-size:30px; margin-bottom:30px;}
    #index .section1 p {font-size:14px; margin-bottom:30px;}
    #index .section1 .main-top img {max-width:300px;}
    #index .section2 {margin-top:80px; padding:80px 0;}
    #index .section2 h6 {font-size:13px; margin-bottom:50px;}
    #index .section2 li:not(:last-child) {margin-bottom:30px;}
    #index .section2 li span {margin-bottom:15px; font-size:16px;}
    #index .section2 li p {font-size:14px;}
    #index .section3 {padding:80px 0;}
    #index .section3 h4 {font-size:30px; margin-bottom:30px;}
    #index .section3 p {font-size:14px;}
    #index .section4 {padding-top:80px;}
    #index .section4 h4 {font-size:30px; margin-bottom:30px;}
    #index .section4 p {font-size:14px;}

    .quick-banner a {font-size:20px; padding:20px 60px 5px; border-radius:30px 30px 0 0;}
    .footer-carousel {margin:40px auto;}

    .footer {padding:60px 0;}
    .footer h6 {font-size:28px;}
    .footer span:nth-child(2) {margin-top:30px; font-size:16px;}
    .footer span:nth-child(3) {margin-bottom:30px; font-size:14px;}
    .footer span:nth-child(4) {font-size:12px;}

    /* commuinty page */
    #community .section1 {margin:80px 0;}
    #community .section1 h4 {font-size:30px; line-height:1.5; margin-bottom:30px;}
    #community .section1 .main-top img {max-width:300px;}

    #community .section-wrap {padding:80px 0;}
    #community .section-wrap h4 {font-size:30px; margin-bottom:15px;}
    #community .section-wrap strong {font-size:14px; margin-bottom:30px;}
    #community .section-wrap span {font-size:14px; margin-bottom:30px; line-height:1.5;}

    #community .section-wrap .gallery1 ul li a, 
    #community .section-wrap .gallery2 ul li a,
    #community .section-wrap .gallery3 ul li a,
    #community .section-wrap .gallery4 ul li a {padding:15px;}

    #community .section-wrap .section3 {margin-top:60px;}
    #community .section-wrap .section4 {margin-top:60px;}
    #community .section-wrap .section5 {margin-top:60px;}

    #community .section6 {margin-top:80px;}
    #community .section6 h4 {font-size:30px; margin-bottom:15px;}
    #community .section6 p {font-size:14px; margin-bottom:30px;}
    #community .section6 ul li:not(:first-child) {margin-top:30px;}
    #community .section6 ul li strong {font-size:14px;}
    #community .section6 ul li span {font-size:14px;}
    #community .section6 .quick-banner {margin-top:40px;}

  .load-more{padding:8px 20px; font-size:14px; margin:35px 0;}

}