@charset "utf-8";

#multipleDiv_temp_13_5 {background: url("../../images/visual01.jpg") no-repeat; background-size: cover; padding: 160px 0 15px;}
#multipleContentsDiv_temp_13_5 {max-width: 1200px; margin: 0 auto; overflow: hidden;}

#menu11641_obj7 {position: absolute; left: 0; top: 0;}

@media all and (max-width: 1023px){
  #multipleDiv_temp_13_5 {padding: 55px 15px 35px;}
  #menu11641_obj7 {position: static;}
}

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


.main-visual-txt {display: table; width: 100%; height: 100%;}
.main-visual-txt-inner {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.main-visual-txt-inner p {font-size: 25px; letter-spacing: -0.1px; color: #fff; margin-bottom: 20px; text-shadow: 1px 1px 5px rgba(0, 0,  0, 0.75); font-family: 'NanumS'; line-height: 1.2;}
.main-visual-txt-inner h3 {font-size: 45px; letter-spacing: -0.25px; color: #fff; text-shadow: 1px 1px 5px rgba(0, 0,  0, 0.75);  font-family:'NanumMyeongjo'; line-height: 1.2;}
.main-visual-txt-inner h3 span {font-size: 35px;}

@media all and (max-width: 767px){
  .main-visual-txt-inner p {font-size: 1.1em;}
  .main-visual-txt-inner h3 {font-size: 1.7em;}
  .main-visual-txt-inner h3 span {    font-size: 0.95em;}
}

.main-content-bx .box_ty {width:50%; height:270px; float:left; background:#000;}
.main-content-bx .box_ty a {display:block; height:100%; text-decoration:none;webkit-transition: all .5s ease; transition: all .5s ease;}
.main-content-bx .box_ty a h3 {font-size:23px;text-align:center; padding:150px 0 8px 0; color:#fff;-webkit-transition: all .5s ease; transition: all .5s ease;}
.main-content-bx .box_ty a p {text-align:center; margin:0; color:#fff; font-size:16px; line-height:24px;-moz-opacity:0.6; -ms-opacity:0.6; -o-opacity:0.6; -webkit-opacity:0.6; opacity:0.6; filter:alpha(opacity=60);}
.main-content-bx .box_ty a:hover, .main-content-bx .box_ty a:active {background-position:center 50px !important;}
.main-content-bx .box_ty a:hover h3, .main-content-bx .box_ty a:active h3 {padding-top:135px !important;}

.main-content-bx .quick_box01 {background:url('../../images/box_bg01.png') repeat;}
.main-content-bx .quick_box01 a {background:url('../../images/quick_banner_ico01.png') no-repeat center 60px;}
.main-content-bx .quick_box02 {}
.main-content-bx .quick_box02 a {background:url('../../images/quick_banner_ico02.png') no-repeat center 60px;}
.main-content-bx .quick_box03 {}
.main-content-bx .quick_box03 a {display:block;height:100%;overflow:hidden;position:relative;background:#000;}
.main-content-bx .quick_box03 img{position:absolute;width:100%;height:100%;opacity:0.7;transition:all 0.5s ease;}
.main-content-bx .quick_box03:hover img{transform:scale(1.3);opacity:0.5;}
.main-content-bx .quick_box03 dl {z-index:1;position:absolute;width:100%;height:100%;background:url('../../images/quick_banner_ico03.png') no-repeat center 60px;}
.main-content-bx .quick_box03 dl dt{color:#fff;font-size:23px;text-align:center;margin-top:150px;}
.main-content-bx .quick_box03 dl dd{text-indent:-9999px; display:block;width:40px;height:40px; position:absolute; left:50%; top:50%; margin:60px 0 0 -20px;background:url('../../images/common/quick_morebtn.png') no-repeat center 50%;transition : all 0.5s ease; -webkit-transition : all 0.5s ease;}
.main-content-bx .quick_box03 > a:hover > dl > dd {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.main-content-bx .quick_box03 > a:active > dl > dd {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.main-content-bx .quick_box04 {background:url('../../images/box_bg04.png') no-repeat center; background-size: cover;}
.main-content-bx .quick_box04 a {background:url('../../images/quick_banner_ico04.png') no-repeat center 60px;}

.main-content-bx .cnulink_wrap {width:100%;height:200px;float:left;margin-bottom:30px;}
.main-content-bx .cnulink_wrap ul.quick_list{width:auto; padding:42px 12% 0 12%; position:relative; z-index:5;}
.main-content-bx .cnulink_wrap ul.quick_list:after {content:""; display:block; clear:both;}
.main-content-bx .cnulink_wrap ul.quick_lis li {float:left; width:20%;}

/*CNULINK*/
ul.quick_list li {float:left;width:20%;}
ul.quick_list li.link1 {margin-left:0;}
ul.quick_list li a {display:block; text-decoration:none;}
ul.quick_list li a span.icon {display:block; position:relative; width:109px; height:109px;margin:0 auto;background:url('../../images/box_bg01.png') repeat center top; border-radius:100px; box-shadow:inset 0 0 0 0 rgba(80, 145, 255, 0); transition:all 0.35s ease-in-out;} 
ul.quick_list li a span.icon:after {content:'_'; display:block; position:absolute; left:0; top:0; width:109px; height:109px; background-repeat:no-repeat; background-position:center center; border-radius:100px; font-size:0;}
ul.quick_list li:nth-child(1) a span.icon:after {background-image:url('../../images/cnu_banner_ico01.png');}
ul.quick_list li:nth-child(2) a span.icon:after {background-image:url('../../images/cnu_banner_ico02.png');}
ul.quick_list li:nth-child(3) a span.icon:after {background-image:url('../../images/cnu_banner_ico03.png');}
ul.quick_list li:nth-child(4) a span.icon:after {background-image:url('../../images/cnu_banner_ico04.png');}
ul.quick_list li:nth-child(5) a span.icon:after {background-image:url('../../images/cnu_banner_ico05.png');}
ul.quick_list li a span.text {display:block;margin-top:13px;font-size:19px;color:#ffffff; text-align:center; line-height:22px; text-decoration:none;} 


/*color*/
.main-content-bx.type01 > .quick_box01 {background-color:#505163 !important;}
.main-content-bx.type01 > .quick_box02 {background:#213152 url('../../images/box_bg02_01.gif') no-repeat center !important; background-size: cover;}
.main-content-bx.type01 > .quick_box04 {background-color:#09a2a8 !important;}
.type01 > .cnulink_wrap > ul.quick_list li a span.icon {background-color:#3377cf;}
.type01 > .cnulink_wrap > ul.quick_list li a:hover span.icon {background:rgba(21,21,21,0.5); box-shadow:inset 0 0 0 8px rgba(80, 145, 255, 0.8);}
.type01 > .cnulink_wrap > ul.quick_list li a:hover span.text {color:#2c6fc7;}

.main-content-bx.type02 > .quick_box01 {background-color:#6e5c3b !important;}
.main-content-bx.type02 > .quick_box02 {background:#213152 url('../../images/box_bg02_01.gif') no-repeat center !important; background-size: cover;}
.main-content-bx.type02 > .quick_box04 {background-color:#630003 !important;}
.type02 > .cnulink_wrap > ul.quick_list li a span.icon {background-color:#f8a430;}
.type02 > .cnulink_wrap > ul.quick_list li a:hover span.icon {background:rgba(21,21,21,0.5); box-shadow:inset 0 0 0 8px rgba(255, 150, 4, 0.8);}
.type02 > .cnulink_wrap > ul.quick_list li a:hover span.text {color:#f8a430;}

.main-content-bx.type03 > .quick_box01 {background-color:#505963 !important;}
.main-content-bx.type03 > .quick_box02 {background:#3571c3 url('../../images/box_bg02_03.gif') no-repeat center !important; background-size: cover;}
.main-content-bx.type03 > .quick_box04 {background-color:#0a9634 !important;}
.main-content-bx.type03 > .notice_wrap {background:url('../../images/notice_bg03.gif') repeat-x;}
.type03 > .cnulink_wrap > ul.quick_list li a span.icon {background-color:#34ceb9;}
.type03 > .cnulink_wrap > ul.quick_list li a:hover span.icon {background:rgba(21,21,21,0.5); box-shadow:inset 0 0 0 8px rgba(26, 229, 201, 0.8);}
.type03 > .cnulink_wrap > ul.quick_list li a:hover span.text {color:#34ceb9;}

.main-content-bx.type04 > .quick_box01 {background-color:#e78f1e !important;}
.main-content-bx.type04 > .quick_box02 {background:#243f8e url('../../images/box_bg02_04.gif') no-repeat center !important; background-size: cover;}
.main-content-bx.type04 > .quick_box04 {background-color:#ffde00 !important;}
.main-content-bx.type04 > .notice_wrap {background:url('../../images/notice_bg04.gif') repeat-x;}
.type04 > .cnulink_wrap > ul.quick_list li a span.icon {background-color:#2a7a12;}
.type04 > .cnulink_wrap > ul.quick_list li a:hover span.icon {background:rgba(21,21,21,0.5); box-shadow:inset 0 0 0 8px rgba(71, 165, 43, 0.8);}
.type04 > .cnulink_wrap > ul.quick_list li a:hover span.text {color:#409726;}

.count {font-size: 14px; color: #fff; text-align: right; margin-top: 30px;}
.count span {display: inline-block; margin: 0 5px; color: #fd8900;}

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

@media all and (max-width: 767px){
  .main-content-bx .box_ty {float: none; width: 100%; height: 210px;}
  .main-content-bx .box_ty a h3 {padding-top: 120px;}
  .main-content-bx .box_ty a, .main-content-bx .quick_box03 dl {background-position: center 30px !important;}
  .main-content-bx .quick_box03 dl dt {margin-top: 120px;}
  .main-content-bx .quick_box03 dl dd {top: 45%;    width: 30px;	height: 30px;}
  
  ul.quick_list {text-align: center;  }
  ul.quick_list li {float: none; display: inline-block; width: 100px; vertical-align: top; margin: 0 15px 15px 15px;}
  
  .count  {display: none;}
}