@charset "utf-8";

/********************
COMMON
********************/
#multipleDiv_template4_18{padding-top: 60px;position:relative;padding-bottom:255px;}
#multipleDiv_template4_18:after{content:'';width:686px;height:686px;background:url('../../images/circle.png') no-repeat center;position:absolute;top:-45%;right:-10%;z-index:-1;}
#multipleDiv_template4_18:before{content:'';width:100%;height:430px;background:url('../../images/quick-bg.jpg') no-repeat center;position:absolute;bottom:0;left:0;z-index:-1;}
#multipleContentsDiv_template4_18{max-width:1600px;margin:0 auto;}
#multipleDiv_template4_19{max-width:1600px;margin: 0 auto;}
#multipleContentsDiv_template4_20{margin-left:calc(calc(100% - 1600px) / 2);padding-top:100px;}
#multipleDiv_template4_20:before{content:'';width:632px;height: 350px;background: url('../../images/dot-bg.png') no-repeat center bottom;position:absolute;top: -65px;left:-15%;z-index: 1;}
#multipleDiv_template4_20:after{content:'';width: 776px;height: 720px;background: url('../../images/line-bg.png') no-repeat right top;position:absolute;top: -65px;right: 0;z-index: -1;}
#multipleDiv_template4_21{border-top:1px solid #ddd;}
#multipleContentsDiv_template4_21{max-width:96%;margin: 0 auto;}

@media all and (max-width:1600px){
  #multipleDiv_template4_18{padding-left:25px;padding-right:25px;padding-top: 25px;}
  #multipleContentsDiv_template4_18{overflow:hidden;}
  #multipleDiv_template4_19{padding-left:25px;padding-right:25px;clear: both;}
  #multipleContentsDiv_template4_20{margin-left:0;padding-left:25px;padding-top: 40px;overflow: hidden;}  
  #multipleDiv_template4_19 ._objHtml + ._objHtml{width:calc(100% - 330px);z-index: 2;}
  #multipleDiv_template4_20{overflow:hidden;}
  #multipleDiv_template4_20:before{top:-35px;}
}

@media all and (max-width:1280px){
  #multipleDiv_template4_18{padding-top:60px;padding-bottom: 180px;overflow: hidden;}
  #multipleDiv_template4_19 ._objHtml + ._objHtml{margin-top:-60px;width: calc(100% - 260px);}
  #multipleDiv_template4_18:after{width: 358px;height: 336px;top: -20%;background-size: contain;}
  #multipleDiv_template4_20:before{width: 450px;height: 220px;background-size: 380px;top: -220px;}
  #multipleDiv_template4_20:after{width:500px;background-size:500px;height:320px;top:-210px;}
}

@media all and (max-width:767px){
  #multipleDiv_template4_18{padding-bottom:280px;}  
  #multipleDiv_template4_19 ._objHtml + ._objHtml{margin-top: 15px;width:100%;}
  #multipleContentsDiv_template4_20{padding-right:20px;}
}

/********************
슬로건
********************/
#multipleContentsDiv_template4_17 > ._objHtml{position:absolute;left:5%;top:310px;display:flex;align-items:center;}
.wrap_slogan{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);position: relative;z-index: 0;}
.wrap_slogan .text_1{font-family:'Dream Medium';font-size:55px;letter-spacing:-2px;margin-bottom: 50px;}
.wrap_slogan .text_1 > i{display:block;}
.wrap_slogan .text_2{font-family:'Dream Regular';font-size: 25px;padding-top:10px;letter-spacing:-1px;padding-top: 50px;}
@media all and (max-width:1280px){
  #multipleContentsDiv_template4_17 > ._objHtml{top:70px;height:calc(100% - 140px) !important;}
}
@media all and (max-width:768px){
  #multipleContentsDiv_template4_17 > ._objHtml{top: 135px;height: auto !important;width: 95%;}
  .wrap_slogan .text_1{font-size:30px;margin-bottom: 10px;}
  .wrap_slogan .text_2{font-size:18px;letter-spacing:0px;padding-top: 10px;}
}

/*애니메이션*/
.wrap_slogan .text_1{opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_1{animation-name:slogan_1;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes slogan_1{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_2{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
.wrap_slogan .text_2 > i{display:block;}
@keyframes slogan_2{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}

.notice-title{font-size:50px;font-family:'Dream Bold';color: #212121;}

@media all and (max-width:1600px){
  .notice-title{font-size:38px;}
}

@media all and (max-width:767px){
  .notice-title{font-size:28px;}
}

.link-txt > strong{font-size: 48px;color:#fff;font-family:'Dream Bold';display:block;margin-bottom:25px;letter-spacing: -0.05em;}
.link-txt > p{font-size:20px;color:#fff;font-family:'Dream Light';}

@media all and (max-width:1600px){
  .link-txt > strong{font-size:38px;margin-bottom:15px;}
  .link-txt > p{font-size:18px;}
}

@media all and (max-width:1280px){
  .link-txt > strong{font-size:28px;}
}

.quick-link-box > ul{display:flex;justify-content:space-between;}
.quick-link-box > ul > li{width:100%;padding-top: 40px;position:relative;}
.quick-link-box > ul > li:before{content:'';width:70px;height:70px;background:#e74d63;position:absolute;right:25px;top: 5px;border-radius: 50%;}
.quick-link-box > ul > li + li{margin-left:40px;}
.quick-link-box > ul > li > a{display:block;background:#f6f7f9;padding:75px 35px 35px;border-radius:50px 0 50px 0;}
.quick-link-box > ul > li strong{font-size:25px;font-family:'Dream Bold';display:block;margin-bottom: 20px;}
.quick-link-box > ul > li p{font-size:16px;font-family:'Dream Regular';color:#888;display:inline-block;padding-right:15px;background:url(../../images/gray-small-arrow.png) no-repeat center right;}

.quick-link-box > ul > li:nth-child(1):before{background:#e74d63 url('../../images/quick-icon01.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(1):hover:before{background:#fff url('../../images/quick-icon01-on.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(2):before{background:#e74d63 url('../../images/quick-icon02.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(2):hover:before{background:#fff url('../../images/quick-icon02-on.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(3):before{background:#e74d63 url('../../images/quick-icon03.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(3):hover:before{background:#fff url('../../images/quick-icon03-on.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(4):before{background:#e74d63 url('../../images/quick-icon04.png') no-repeat center;}
.quick-link-box > ul > li:nth-child(4):hover:before{background:#fff url('../../images/quick-icon04-on.png') no-repeat center;}

@media all and (max-width:1600px){
  .quick-link-box{padding-left:50px;}
  .quick-link-box > ul > li > a{padding: 55px 25px 25px;}  
  .quick-link-box > ul > li strong{font-size:22px;}  
}

@media all and (max-width:1280px){
  .quick-link-box > ul{flex-wrap:wrap;}
  .quick-link-box > ul > li{width:calc(100% / 2 - 20px);margin:10px;}
  .quick-link-box > ul > li + li{margin-left:10px;}  
}

@media all and (max-width:767px){
  .quick-link-box{padding-left:0;}
  .quick-link-box > ul > li{width:calc(100% / 2 - 10px);margin:5px;padding-top: 21px;}
  .quick-link-box > ul > li + li{margin-left:5px;}
  .quick-link-box > ul > li > a{padding: 25px 20px;border-radius: 15px;}
  .quick-link-box > ul > li strong{font-size: 18px;margin-bottom:10px;}
  .quick-link-box > ul > li p{font-size:12px;background-size: 4px;padding-right: 10px;}
  .quick-link-box > ul > li:before{width:35px;height:35px;background-size:35px !important;right: 10px;}
}


.dark_on#section1{position:relative;}
.dark_on#section1:before{content:'';width:100%;height:100%;background:#000;position:absolute;z-index:-2;}
.dark_on .notice-title{color:#fff;}
.dark_on .wrap_rct .list{background:#000;border:1px solid #ccc;}
.dark_on .wrap_rct .title a{color:#ccc;}
.dark_on .wrap_rct .more{filter:invert(1);}
.dark_on .wrap_rct .subjectText{color:#fff;}
.dark_on .wrap_rct .list ul li:first-child .content{color:#ddd;}
.dark_on .wrap_rct .list ul li:first-child .readMore{color:#999;}

/**cursor-css**/
.cursor {opacity: 0; font-family: Noto Bold; position: absolute; top: 0; left: 0; width: 100px; font-size: 17px; color:#000; text-align: center; line-height: 100px; height: 100px; background-color: #ffffff; border-radius: 50%; z-index: 9999; pointer-events: none; transition: transform 200ms ease-out; mix-blend-mode: difference; } 
.cursor.cursor_expand { transform: scale(1.5); opacity: 1;}

@media all and (max-width:1280px){
  .cursor{display:none;}
}