@charset "utf-8";
/*main-slogan*/
#menu7273_obj197{position: absolute; z-index: 2; left:50%; height: 100%; width: 900px; top: 0;margin-left:-450px;}
.main-slogan {padding: 60px; width: 605px; background-color: rgba(0,0,0,0.4); text-align: center;margin:60px auto;}
.main-slogan p {display: block; font-size: 20px; font-family:'NanumS'; font-weight: 600; color: #fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); position: relative; line-height: 1;}
.main-slogan p::after{content:""; display: inline-block;; position: absolute; top: 35px; left: 38%; right: 0; height: 1px; width: 110px; text-align: center; background: rgba(255,255,255,0.2);}
.main-slogan strong {margin-top: 22px; display: block; font-size: 30px; font-family:'NanumS'; font-weight: 400; color: #fff; line-height: 46px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}
.main-slogan span {font-size: 40px; font-family:'NanumS'; font-weight: 400; color: #fff; line-height: 46px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3);}

@media all and (max-width:900px) {
  #menu7273_obj197{width: 80%; height: 100%; top: 0;margin-left:0;left:10%;}
  .main-slogan{padding: 40px 10px; width:100%;}
  .main-slogan p{font-size: 15.5px;}
  .main-slogan strong{font-size: 22px;}
  .main-slogan span{font-size: 23px;}
}

@media all and (max-width:440px) {
  .main-slogan p::after{display: none;}
  .main-slogan p{font-size: 11.2px;}
  .main-slogan strong{font-size: 16px; line-height: 20px;}
  .main-slogan span{font-size: 15px;}
}

/*quick menu*/
.quick_wrap.point01{background: url(../../images/main/quick_wrap_bg.gif) no-repeat top center; height: 138px;}
.quick_wrap .container{height: 100%; position: relative;}

.quick_wrap h3{position: absolute; top: 66px; right: 4%; font-size: 25px; font-family: 'Noto Medium'; color: #fff; line-height: 21px;}
.quick_wrap h3::before{content:""; position: absolute; top: 33px; left: -21px; width: 15px; height: 1px; background-color: white; transform: rotate(-35deg);}
.quick_wrap h3::after{content:""; position: absolute; top: 38px; right: -3px; width: 175px; height: 1px; background: #fff;}
.quick_wrap .quick_list{width: 80%;}
.quick_list li{display: inline-block; width: 24%; position: relative;}
.quick_list li::after{content:""; position: absolute; top: 30px; right: 0; width: 7px; height: 71px; background: url(../../images/main/quick_list_line.gif) no-repeat right center;}
.quick_list li:last-child::after{display: none;}
.quick_list li a{width: 100%; display: block; text-align: center; padding: 26px 0 0 0; color: #fff;}
.quick_list li a span{color: #222; font-size: 18px; font-family: 'Noto Medium'; display: inline-block; padding: 37px 0 0 82px; background: left 10px no-repeat; transition: all .3s; height: 87px;}

.quick_list li a:hover span{background-position: left 0px; position: relative; text-decoration: underline;}

.quick_list.type01 li:nth-child(1) a span{background-image: url(../../images/main/quick_banner_ico01.png);}
.quick_list.type01 li:nth-child(2) a span{background-image: url(../../images/main/quick_banner_ico02.png);}
.quick_list.type01 li:nth-child(3) a span{background-image: url(../../images/main/quick_banner_ico03.png);}
.quick_list.type01 li:nth-child(4) a span{background-image: url(../../images/main/quick_banner_ico04.png);}

@media all and (max-width: 1023px) {
  .quick_wrap h3{display: none;}
  .quick_wrap .quick_list{width: 100%;}
}

@media all and (max-width: 768px) {
  .quick_list li{width: 49%;}
  .quick_wrap{height: auto !important;}
  .quick_list li a{padding: 0;}
  .quick_list li::after{top: 20px; height: 50px;}
  .quick_list li:nth-child(even)::after{display: none;}
}

@media all and (max-width: 400px) {
  .quick_list li{width: 100%; display: block; margin-bottom: 10px;}
  .quick_list li:last-child{margin-bottom: 0;}
  .quick_list li::after{display: none;}
  .quick_list li a span{font-size: 14px;}
}

/*notice*/
#multipleDiv_temp_12_127{padding: 57px 0 53px 0; background: url(../../images/main/board_wrap_bg.gif) repeat;}
#multipleContentsDiv_temp_12_127{max-width: 1200px; margin: 0 auto;}
#multipleContentsDiv_temp_12_127::after{content:""; display: table; clear: both;}

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

}

@media all and (max-width: 768px){
  #multipleDiv_temp_12_127{padding: 18px 0 0 0;}
}

/*CNU*/
.cinlink_wrap{background-color: #f3f3f3; height: 445px;}
.cinlink_wrap .container{padding-top: 37px;}
.cinlink_wrap h3{position: relative; font-size: 25px; font-family: 'Noto Medium'; text-align: center; margin-bottom: 40px;}
.cinlink_wrap h3::before{content:""; position: absolute; top: 9px; left: 0; right: 0; height: 16px; width: 100%; background: url(../../images/main/cnulink_box_top.png) no-repeat top center; display: inline-block;}
.cinlink_wrap ul::after{content:""; display: table; clear: both;}
.cinlink_wrap li{display: inline-block; width: 23.7%; margin-right: 17px;}
.cinlink_wrap li:last-child{margin-right: 0;}
.cinlink_wrap .item{position: relative; overflow: hidden; box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.3);}
.cinlink_wrap .item img{transform: scale(1.5) translateY(0); transition: all .4s ease-in-out; max-width: none;}
.cinlink_wrap .item .caption{position: absolute; bottom: 58%; left: 50%; transform: translateX(-50%); z-index: 10; text-align: center; width: 100%;}
.item .caption dl{position: absolute; color: #fff; transition: all .6s ease-in-out; top: 50%; left: 0; right: 0; z-index: 1; transform: translate(0,-50%); display: inline-block; padding: 12px; transform-style:flat;}
.item .caption dl::before{content:""; position: absolute; top: 112px; right: 84px; width: 130px; height: 1px; background-color: #fff;}
.item .caption dt{color: #fff;font-size: 28px;}
.item .caption dd{color: #dedfe1; font-size: 16px; height: 48px;}
.item .caption dl:after{content:""; position: absolute; top: 108px; right: 83px; width: 15px; height: 1px; background: #fff; transform: rotate(35deg);}
.item .link-wrap{position: absolute; top: 40%; right: 50%; transform: translateX(50%) translateY(-50%); z-index: 10;}
.item .link-wrap a{margin-top: 10px; border: 1px solid #fff; display: inline-block; height: 110px; width: 110px; line-height: 40px; border-radius: 50%; text-align: center; color: #fff; font-size: 14px; opacity: 0; transition: all .5s ease-in-out;}
.item .link-wrap a span{margin-top: 110px; display: block; font-size: 20px;}
.item:after{content:""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); transition: opacity .3s ease-in-out; opacity: 0; top: 0; left: 0;}

.item:hover img{-webkit-transform: scale(1.5) translateY(-12px);transform: scale(1.5) translateY(-12px);}
.item:hover:after {opacity: 1;}
.item .link-wrap a:hover {text-decoration:none;}
.item:hover .link-wrap a {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.item .link-wrap a:hover {background-color: rgb(255, 255, 255, 0.5);}
.item:hover .caption dl {opacity: 0;-webkit-transform: translateY(0px);transform: translateY(0px);}

.cinlink_wrap ul li:nth-child(1) .item a {background: rgba(255, 255, 255, 0.2) url('../../images/main/cnu_banner_ico01.png') no-repeat 30px center;}
.cinlink_wrap ul li:nth-child(2) .item a {background: rgba(255, 255, 255, 0.2) url('../../images/main/cnu_banner_ico02.png') no-repeat 30px center;}
.cinlink_wrap ul li:nth-child(3) .item a {background: rgba(255, 255, 255, 0.2) url('../../images/main/cnu_banner_ico03.png') no-repeat 30px center;}
.cinlink_wrap ul li:nth-child(4) .item a {background: rgba(255, 255, 255, 0.2) url('../../images/main/cnu_banner_ico04.png') no-repeat 30px center;}

@media all and (max-width: 1023px) {
  .cinlink_wrap h3::before{display: none;}
  .cinlink_wrap{clear: both; height: auto; margin-bottom: 30px;}
  .cinlink_wrap .container{padding: 37px 15px 0 15px;}
  .cinlink_wrap li{width: 49%; margin-right: 0;}
  .cinlink_wrap li:nth-child(even){margin-right: 0; float:right;}
  .cinlink_wrap .item{height: 200px;}
  .item .caption dl::before{right: 32%;}
  .item .caption dt{font-size: 20px;}
  .item .caption dd{margin-top: 10px; font-size: 14px;}
  .item .caption dl:after{right: 32%;}
  .item .link-wrap{top: 48%;}
  .item .link-wrap a span{font-size: 20px;}
}

@media all and (max-width: 600px) {
  .cinlink_wrap li{width: 100%;}
  .cinlink_wrap li:nth-child(even){float: none;}
  .cinlink_wrap .item{height: 150px;}
  .item .caption dl::before{right: 37%; display: none;}
  .item .caption dl:after{right: 37%; display: none;}
  .item .link-wrap{top: 35%;}
  .cinlink_wrap ul li:nth-child(1) .item a {background: url('../../images/main/cnu_banner_ico01.png') no-repeat 30px center;}
  .cinlink_wrap ul li:nth-child(2) .item a {background: url('../../images/main/cnu_banner_ico02.png') no-repeat 30px center;}
  .cinlink_wrap ul li:nth-child(3) .item a {background: url('../../images/main/cnu_banner_ico03.png') no-repeat 30px center;}
  .cinlink_wrap ul li:nth-child(4) .item a {background: url('../../images/main/cnu_banner_ico04.png') no-repeat 30px center;}
  .item .link-wrap a span{position: absolute; top: -58%; left: -63%; width: 150px;}
  .item .link-wrap a{width: 66px; height: 66px; border-radius: 66px; line-height: 27px; margin-top: 10px; border:none; background-position: 10px center !important;}
}