@charset "utf-8";

@font-face {
    font-family: 'Anton', sans-serif;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
      @font-face {
    font-family: 'HSBombaram3_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.1/HSBombaram3_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;}



/*
@font-face {
    font-family: 'Cafe24Dangdanghae';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OSeongandHanEum';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OSeongandHanEum.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
/*0215*/

@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
  }
  40% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  80% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
  }
  40% {
    -webkit-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
  }
  60% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
  }
  80% {
    -webkit-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(7.4px);
            transform: translateY(7.4px);
  }
  90% {
    -webkit-transform: translateY(-7.4px);
            transform: translateY(-7.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(7.4px);
            transform: translateY(7.4px);
  }
  90% {
    -webkit-transform: translateY(-7.4px);
            transform: translateY(-7.4px);
  }
}



@-webkit-keyframes slide-br {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(100px) translateX(100px);
            transform: translateY(100px) translateX(100px);
  }
}
@keyframes slide-br {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(100px) translateX(100px);
            transform: translateY(100px) translateX(100px);
  }
}

/*#top { display:block; position:fixed; margin:0; left:20px; bottom:20px; }*/
#contents {padding:60px 0;}
.s_t_t_01 { text-align:center; margin-bottom: 2% }
.s_t_t_01 p{ font-size:23px ; font-weight:bold; line-height:1.6 }
.s_t_t_01 p span{ color: #2f62ae}
.wrap {max-width:1500px; margin:0 auto;}
.list_dot { }
.list_dot > li { position:relative; padding:5px 0 5px 10px; font-size:18px; color:#000;}
.list_dot > li p {font-size:15px; padding-left: 0px }
.list_dot > li::before {content:''; position:absolute; left:0; top:18px; width:3px; height:3px; background:#333; border-radius:50%; }
.list_dash {margin:10px 0; }
.list_dash > li { position:relative; padding:5px 0 5px 10px; font-size:16px;}
.list_dash > li::before {content:''; position:absolute; left:0; top:18px; width:5px; height:1px; background:#333; }
.tableSt { overflow-x:auto;}
.tableSt table {border-top:2px solid #000; width:100%; margin-left:-1px; text-align:center; }
.tableSt thead th {background:#f2f2f2; padding:5px; font-size:18px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.tableSt tbody td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; font-size:16px; }
#dlTitle h4 {    font-family: 'HSBombaram3_Regular';  font-size: 55px; color: #2e62ae; letter-spacing: -1.5px; line-height: 1.3;  font-weight:normal; margin-bottom:3% } 
#dlTitle dt {font-size: 30px; font-weight: 500; margin:50px 0 40px; line-height:1.4}
#dlTitle dd:last-child {margin:0; }
#dlTitle dd span.blue {color:#2f62ae;}
.gold {color:#a99a81;}
#dlTitle.taC {text-align:center;}
#dlTitle.dl2 dd {}
.moreBtn { display: inline-block; position: relative; padding-right: 25px; border-bottom:1px solid #03151c; font-size:20px; margin:3px 5px 3px 0px; }
.moreBtn::before { content: ''; position: absolute; right: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url('/img/sub/moreIcon.png') no-repeat 0 0;}
#pageInfo {background:#e7e7e7; padding:30px; border-radius:20px; }
#pageInfo dl {overflow:hidden; }
#pageInfo dt {font-size:25px; margin-bottom:20px; }
#pageInfo dd { position:relative; float:left; width:33.33%; padding-left:40px; font-size:18px; }
#pageInfo dd::before { content:''; position:absolute; left:0; top:0; width:30px; height:30px; background:url('/img/sub/pageInfo.png') no-repeat; }
#pageInfo dd.name::before {background-position:0 0;}
#pageInfo dd.tel::before {background-position:-30px 0;}
#pageInfo dd.email::before {background-position:-60px 0;}
a.btnSt { position:relative; display:inline-block; font-size:20px; padding:5px 0 5px 45px; }
a.btnSt::before {content:''; position:absolute; left:0; top:50%; width:35px; height:35px; margin-top:-17.5px; background:#2f62ae url('/img/sub/btnIcon.png') no-repeat; border-radius:50%; }
a.btnSt.down::before {background-position:0 0;}
a.btnSt2 { position:relative; display: inline-block; border:3px solid #2f62ae; background:#2f62ae; color:#fff; padding:15px 80px 15px 30px; border-radius:10px; transition: all 0.2s ease; }
a.btnSt2::before {content:''; position:absolute; top:50%; right:25px; width:30px; height:30px; margin-top:-15px; background:url('/img/sub/goLink.png') no-repeat 0 0;}
a.btnSt2:hover { background:#fff; color:#2f62ae;}
a.btnSt2:hover::before {background-position:-30px 0;}
@media all and (max-width:1530px){
  .wrap { width:96%; margin:0 2%;}
}
@media all and (max-width:1023px){
  #dlTitle dt {font-size:50px}
  #dlTitle dd {font-size:35px; margin:30px 0 20px; }
  #dlTitle dd:last-child {font-size:25px;}
  #dlTitle dd p {display:inline;}
  #dlTitle.dl2 dd {font-size:25px;}
}
@media all and (max-width:768px){
  #contents {padding:40px 0; /*line-height:1.6;*/ }/*0215*/
  #dlTitle dt {font-size:35px !important; letter-spacing:-2px;}
  #dlTitle dd {font-size:16px; line-height:1.4 }
  #dlTitle dd:last-child {font-size:13px; line-height:1.6}
  #dlTitle.dl2 dd {font-size:13px; line-height:1.4}
  #pageInfo dt { font-size:16px; line-height:1.6 }
  #pageInfo dd { font-size:13px; }
  .list_dot > li { position:relative; padding:5px 0 5px 10px; font-size:13px;}
  a.btnSt2 {font-size:15px; padding:10px 50px 10px 20px;}
  a.btnSt2::before {right:15px;}/*0219*/
.s_bg_1_1{background: none !important }
.s_bg_1_2{background: none !important }
.s_bg_1_3{background: none !important }
.s_bg_1_4{background: none !important }
.s_bg_1_5{background: none !important }
.s_bg_1_6{background: none !important }
}
@media all and (max-width:480px){
	.moreBtn { font-size:13px;}
	.s_t_t_01 p{ font-size:14px ; padding-bottom: 10px }
		.s_t_t_01 p br { display: none }
	#dlTitle h4 { font-family: 'CJONLYONENEWtitleBold','돋움',Dotum,'굴림',Gulim,Tahoma, Verdana, AppleGothic, sans-serif;  font-size: 30px;  font-weight:normal; color: #2f62ae; letter-spacing: -1.5px; line-height: 1.3;} 
  #dlTitle dt {font-size:20px;  margin:5% 0;}
		
  #contents {padding:30px 0;  }//*0215*/
  .list_dot > li {font-size:12px;} /*0210*/
  .list_dash > li { font-size:12px;} /*0210*/
  .tableSt thead th { font-size:12px; } /*0210*/
  .tableSt tbody td { font-size:12px; } /*0210*/
  #pageInfo {padding:20px 30px;}
  #pageInfo dd { width:100%; }
  a.btnSt {font-size:16px;}
.s_bg_1_1{background: none !important }
.s_bg_1_2{background: none !important }
.s_bg_1_3{background: none !important }
.s_bg_1_4{background: none !important }
.s_bg_1_5{background: none !important }
.s_bg_1_6{background: none !important }
  #dlTitle.dl2 dd  { padding-bottom:5%}
  #dlTitle.dl2 dd  br { display:none}
}


/* .afterBg::after {content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:510;}0325 */
.detailPop { opacity:0; position:fixed; left:10%; top:55%; width:70%; /* width:80%; */ border:12px solid #ddd; background:#fff; padding:35px; transition: all 0.2s ease; transform:translate(0, -50%); overflow-y:auto; z-index:-1; }/*0325*/
.detailPop.on { max-height:90%; opacity:1; z-index:520;}/*0325*/


.detailPop > a.close { position:absolute !important; right:10px; top:10px; width:25px !important; height:25px; border:1px solid #0099cb !important; color:#0099cb; text-indent:-9999px; background:#fff url('/img/sub/mapClose.gif') no-repeat center !important; padding:0 !important; } /*0309*/
.detailPop a.closeBtn { position:absolute !important; right:10px; top:10px; width:25px !important; height:25px; border:1px solid #0099cb !important; color:#0099cb; text-indent:-9999px; background:#fff url('/img/sub/mapClose.gif') no-repeat center !important; padding:0 !important; } /*0315*/
.detailPop > a.close::before {display:none;}
.detailPop a.closeBtn::before {display:none;} /*0315*/
.detailPop > dl > dt { position:relative; font-size:35px; border-bottom:2px solid #2f62ae; padding:0 50px 10px 0; margin-bottom:30px; line-height:1.7; font-weight:bold; margin-bottom:50px } /*0210*/
.detailPop > dl > dt span { font-size:18px; font-weight:100}
.detailPop .info { position:absolute; right:0; bottom:20px; overflow:hidden;  }
.detailPop .info li { position:relative; float:left; padding:2px 0 2px 40px; font-size:16px; margin-left:10px; font-weight:100}
.detailPop .info li::before { content:''; position:absolute; width:30px; height:30px; top:50%; left:0; margin-top:-15px; background:url('/img/sub/detailIcon.png') no-repeat 0 0;}
.detailPop .info li.address::before {background-position:-30px 0;}
.detailPop .info li.homepage::before {background-position:-60px 0;}
.detailPop .info li.homepage a { position:relative; display:inline-block; color:#0099cb; text-decoration:underline; padding:0 !important; }
.detailPop .info li.homepage a::before {display:none;}
.detailPop > dl > dd {}/*0219*/
.detailPop p.text {margin:30px 0;}
.detailPop .imgSlide {overflow:hidden;}
.detailPop .imgSlide img { width:100%; }
.detailPop .imgSlide p img { width:100%; max-height: 450px }



.detailPop .imgSlide img.exImg { display:none; } /*0309*/
.detailPop .slick-dots li {float:left; padding:3px;}
.detailPop .slick-dots li img {opacity:0.5; cursor:pointer; }/*0325*/


.detailPop .slick-dots li.slick-active img {opacity:1;}
.detailPop dd dl {clear:both;}
.detailPop dd dt { position:relative; font-size:23px; font-weight:500; margin-bottom:15px; border-bottom:1px solid #2f62ae; padding:30px 0 15px; }
.detailPop table {table-layout: fixed;}/*0325*/



.detailPop dd dt p.onIcon {position:absolute; right:0; bottom:15px; font-size:13px; color:#2c689e; background:url('/img/sub/infraOn.png') no-repeat left center; padding:5px 0 5px 30px; font-weight:500; }
.detailPop.type2 .left {float:left; width:40%; margin-right:2%}
.detailPop.type2 .right {float:left; width:57%; }
.detailPop.type2 .right p{ padding-left:10px; line-height:1.9}
.detailPop.type3 > dl > dt {font-size:55px; color:#336666; font-weight:600; }/*0210*/
.detailPop.type3 > dl > dt .small {font-size:50px; color:#111; font-weight:300; margin-left:20px; }
.detailPop.type3 .text {position:relative; padding-right:450px; font-size:18px; margin-bottom:50px; min-height:280px; } /*0219*/
.detailPop.type3 .text img {position:absolute; right:0; top:0;}
.detailPop.type3 .text dt {border:0; padding:0; margin-bottom:25px; font-weight:bold; line-height:1.4}
.detailPop.type3 > ul {clear:both;}
.detailPop.type3 > ul > li { font-size:15px; }
@media all and (max-width:1200px){
  .detailPop { left:2%; width:96%; }
    .detailPop .slick-dots li img {height:75px;}/*0325*/
}
@media all and (max-width:1023px){
  /*.detailPop.on { height:700px; margin-top:-350px;}*//*0310*/
  .detailPop > dl > dt {font-size:35px; padding:0 50px 20px 0;  margin-bottom:20px; } /*0210*/
  .detailPop > dl > dd {font-size:20px;}
  .detailPop .info { position:relative; right:auto; bottom:auto; margin-top:10px; }
  .detailPop .info li:first-child {margin-left:0; }
  .detailPop dd dt {font-size:26px;}
  .detailPop.type3 > dl > dt { font-size:40px; } /*0210*/
  .detailPop.type3 > dl > dt .small {font-size:25px; }
  .detailPop.type3 .text img {position:relative; display:block; margin:0 auto 20px;}
  .detailPop.type3 .text {padding:0; font-size:20px;}
  .detailPop.type3 .text dt {margin-bottom:20px;}
}
@media all and (max-width:768px){
  .detailPop {padding:20px; border:5px solid #ddd;}/*0210*/
  /*.detailPop.on { height:600px; margin-top:-300px;}*//*0310*/
  .detailPop > dl > dt {font-size:28px;}
  .detailPop > dl > dd {font-size:18px;}
  .detailPop dd dt {font-size:16px;}
  .detailPop.type2 .left { width:100%;}
  .detailPop.type2 .right { width:100%; margin-top:20px;}
  .detailPop.type3 > dl > dt { font-size:30px; } /*0210*/
  .detailPop.type3 > dl > dt .small { display:block; font-size:16px; margin:5px 0 0 0; letter-spacing:0; } /*0210*/
		 .detailPop.type2 .right {float:right; width:100%; font-size:13px; line-height:1.6}
}
@media all and (max-width:480px){
.detailPop p.text { font-size:12px}
  /*.detailPop.on { height:500px; margin-top:-250px;}*//*0310*/
  .detailPop > dl > dt {font-size:18px;} /*0210*/
  .detailPop > dl > dd {font-size:12px;} /*0210*/
    .detailPop .slick-dots li img {height:50px;}/*0325*/
  .detailPop .info li { width:100%; margin-left:0; font-size:15px; padding:5px 0 5px 40px; letter-spacing:-1px; }
  .detailPop.type3 .text {font-size:15px;} /*0210*/
		.detailPop.type2 .right p{ padding-left:11px; line-height:1.6; font-size:12px}
}













.detailPop2_01 { opacity:0; position:fixed; left:24%; top:50%; width:80%; border:12px solid #ddd; background:#fff; padding:35px; transition: all 0.2s ease; transform:translate(0, -50%); overflow-y:auto; z-index:-1; }/*0325*/
.detailPop2_01.on { max-height:90%; opacity:1; z-index:520;}/*0325*/


.detailPop2_01 > a.close { position:absolute !important; right:10px; top:10px; width:25px !important; height:25px; border:1px solid #0099cb !important; color:#0099cb; text-indent:-9999px; background:#fff url('/img/sub/mapClose.gif') no-repeat center !important; padding:0 !important; } /*0309*/
.detailPop2_01 a.closeBtn { position:absolute !important; right:10px; top:10px; width:25px !important; height:25px; border:1px solid #0099cb !important; color:#0099cb; text-indent:-9999px; background:#fff url('/img/sub/mapClose.gif') no-repeat center !important; padding:0 !important; } /*0315*/
.detailPop2_01 > a.close::before {display:none;}
.detailPop2_01 a.closeBtn::before {display:none;} /*0315*/
.detailPop2_01 > dl > dt { position:relative; font-size:40px; border-bottom:2px solid #2f62ae; padding:0 50px 10px 0; margin-bottom:30px; line-height:1.7; font-weight:bold; margin-bottom:50px } /*0210*/
.detailPop2_01 .info { position:absolute; right:0; bottom:20px; overflow:hidden;  }
.detailPop2_01 .info li { position:relative; float:left; padding:2px 0 2px 40px; font-size:16px; margin-left:10px; font-weight:100}
.detailPop2_01 .info li::before { content:''; position:absolute; width:30px; height:30px; top:50%; left:0; margin-top:-15px; background:url('/img/sub/detailIcon.png') no-repeat 0 0;}
.detailPop2_01 .info li.address::before {background-position:-30px 0;}
.detailPop2_01 .info li.homepage::before {background-position:-60px 0;}
.detailPop2_01 .info li.homepage a { position:relative; display:inline-block; color:#0099cb; text-decoration:underline; padding:0 !important; }
.detailPop2_01 .info li.homepage a::before {display:none;}
.detailPop2_01 > dl > dd {}/*0219*/
.detailPop2_01 p.text {margin:30px 0;}
.detailPop2_01 .imgSlide {overflow:hidden;}
.detailPop2_01 .imgSlide img { width:100%;}
.detailPop2_01 .imgSlide p img { width:100%; max-height: 533px }



.detailPop2_01 .imgSlide img.exImg { display:none; } /*0309*/
.detailPop2_01 .slick-dots li {float:left; padding:3px;}
.detailPop2_01 .slick-dots li img {opacity:0.5; cursor:pointer; height: 83px }/*0325*/


.detailPop2_01 .slick-dots li.slick-active img {opacity:1;}
.detailPop2_01 dd dl {clear:both;}
.detailPop2_01 dd dt { position:relative; font-size:23px; font-weight:500; margin-bottom:15px; border-bottom:1px solid #2f62ae; padding:30px 0 15px; }
.detailPop2_01 table {table-layout: fixed;}/*0325*/



.detailPop2_01 dd dt p.onIcon {position:absolute; right:0; bottom:15px; font-size:13px; color:#2c689e; background:url('/img/sub/infraOn.png') no-repeat left center; padding:5px 0 5px 30px; font-weight:500; }
.detailPop2_01.type2 .left {float:left; width:40%; margin-right:2%}
.detailPop2_01.type2 .right {float:left; width:57%; }
.detailPop2_01.type2 .right p{ padding-left:16px; line-height:1.9}
.detailPop2_01.type3 > dl > dt {font-size:55px; color:#336666; font-weight:600; }/*0210*/
.detailPop2_01.type3 > dl > dt .small {font-size:50px; color:#111; font-weight:300; margin-left:20px; }
.detailPop2_01.type3 .text {position:relative; padding-right:450px; font-size:18px; margin-bottom:50px; min-height:280px; } /*0219*/
.detailPop2_01.type3 .text img {position:absolute; right:0; top:0;}
.detailPop2_01.type3 .text dt {border:0; padding:0; margin-bottom:25px; font-weight:bold; line-height:1.4}
.detailPop2_01.type3 > ul {clear:both;}
.detailPop2_01.type3 > ul > li { font-size:15px; }
@media all and (max-width:1200px){
  .detailPop2_01 { left:2%; width:96%; }
    .detailPop2_01 .slick-dots li img {height:75px;}/*0325*/
}
@media all and (max-width:1023px){
  /*.detailPop2_01.on { height:700px; margin-top:-350px;}*//*0310*/
  .detailPop2_01 > dl > dt {font-size:35px; padding:0 50px 20px 0;  margin-bottom:20px; } /*0210*/
  .detailPop2_01 > dl > dd {font-size:20px;}
  .detailPop2_01 .info { position:relative; right:auto; bottom:auto; margin-top:10px; }
  .detailPop2_01 .info li:first-child {margin-left:0; }
  .detailPop2_01 dd dt {font-size:26px;}
  .detailPop2_01.type3 > dl > dt { font-size:40px; } /*0210*/
  .detailPop2_01.type3 > dl > dt .small {font-size:25px; }
  .detailPop2_01.type3 .text img {position:relative; display:block; margin:0 auto 20px;}
  .detailPop2_01.type3 .text {padding:0; font-size:20px;}
  .detailPop2_01.type3 .text dt {margin-bottom:20px;}
}
@media all and (max-width:768px){
  .detailPop2_01 {padding:20px; border:5px solid #ddd;}/*0210*/
  /*.detailPop2_01.on { height:600px; margin-top:-300px;}*//*0310*/
  .detailPop2_01 > dl > dt {font-size:28px;}
  .detailPop2_01 > dl > dd {font-size:18px;}
  .detailPop2_01 dd dt {font-size:16px;}
  .detailPop2_01.type2 .left { width:100%;}
  .detailPop2_01.type2 .right { width:100%; margin-top:20px;}
  .detailPop2_01.type3 > dl > dt { font-size:30px; } /*0210*/
  .detailPop2_01.type3 > dl > dt .small { display:block; font-size:16px; margin:5px 0 0 0; letter-spacing:0; } /*0210*/
		 .detailPop2_01.type2 .right {float:right; width:100%; font-size:13px; line-height:1.6}
}
@media all and (max-width:480px){
.detailPop2_01 p.text { font-size:12px}
  /*.detailPop2_01.on { height:500px; margin-top:-250px;}*//*0310*/
  .detailPop2_01 > dl > dt {font-size:18px;} /*0210*/
  .detailPop2_01 > dl > dd {font-size:12px;} /*0210*/
    .detailPop2_01 .slick-dots li img {height:49px;}/*0325*/
  .detailPop2_01 .info li { width:100%; margin-left:0; font-size:15px; padding:5px 0 5px 40px; letter-spacing:-1px; }
  .detailPop2_01.type3 .text {font-size:15px;} /*0210*/
		.detailPop2_01.type2 .right p{ padding-left:11px; line-height:1.6; font-size:12px}
}




/*앰버서더*/
.ambassador .text { margin-bottom:30px; font-size:25px; text-align:center; line-height: 1.6; font-weight:500 }
.ambassador .text span { font-weight:bold}
.ambassador .text strong {    font-family: 'HSBombaram3_Regular'; font-size: 55px;  font-weight:normal; color: #2f62ae; letter-spacing: -1.5px; line-height: 1.4; margin-bottom:50px;} /*0215*/
.ambassador .playList { width:80%; margin: 0 auto; border-radius:50px; overflow:hidden;}
.ambassador .play_list li {padding:10px 10px 30px; text-align:center;  }
.ambassador .play_list iframe {width:100%; height:600px; margin: 0 auto }
.ambassador .play_btn {text-align:center;} /*0210*/
.ambassador .play_btn li { padding:7px; }
.ambassador .play_btn li p { position:relative; cursor:pointer; background:#000;}
.ambassador .play_btn li p::before { content:''; position:absolute; left:50%; top:50%; width:55px; height:55px; margin:-27.5px 0 0 -27.5px; background:url('/img/sub/ambPlay.png') no-repeat center; z-index:20; }
.ambassador .play_btn li span { position:absolute; left:0; bottom:10px; width:100%; text-align:center; color:#fff; font-size:15px; z-index:20; }
.ambassador .play_btn li img { position:relative; width:100%; opacity:0.7; -webkit-filter: grayscale(100%); filter: gray; z-index:10; transition: all 0.2s ease; }/*0219*/
.ambassador .play_btn li:hover img,
.ambassador .play_btn .slick-current img {-webkit-filter: grayscale(0%); filter: none; opacity:0.9; }
.ambassador .play_btn .slick-dots {display:inline-block; margin-top:20px;} /*0210*/
.ambassador .play_btn .slick-dots li {float:left;} /*0210*/
.ambassador .play_btn .slick-dots li button {display:block; width:17px; height:17px; border:0; background:#eee; border-radius:50%; color:transparent; cursor:pointer; } /*0210*/
.ambassador .play_btn .slick-dots li.slick-active button {background:#2f62ae;} /*0210*/
.ambassador .play_btn .name {margin-top:10px; } /*0219*/
.ambassador .play_btn .name li {text-align:center; padding:5px 0;} /*0219*/
.ambassador .play_btn .name li:nth-child(1) {font-size:20px; font-weight:600; margin-bottom:5px;} /*0219*/
.ambassador .play_btn .name li:nth-child(2) {font-size:18px;} /*0219*/
.ambassador .play_btn .name li:nth-child(3) {font-size:15px;} /*0219*/
@media all and (max-width:1023px){
  .ambassador .text {font-size:20px;}
  .ambassador .text strong {font-size:50px;}
  .ambassador .text p {display:inline;}
  .ambassador .text p:first-child {display:block;}
  .ambassador .play_list li {padding:0;}
  .ambassador .play_list iframe {height:500px;}
  .ambassador .play_btn .name li:nth-child(1) {font-size:18px;} /*0219*/
  .ambassador .play_btn .name li:nth-child(2) {font-size:15px;} /*0219*/
  .ambassador .play_btn .name li:nth-child(3) {font-size:14px;} /*0219*/
}
@media all and (max-width:768px){
  .ambassador .text {font-size:16px; line-height:1.4 !important}
  .ambassador .text strong {font-size:35px; letter-spacing:-1px;}
  .ambassador .play_list iframe {height:400px;}
.ambassador .text span { font-size:14px; font-weight:bold}
}
@media all and (max-width:480px){
  .ambassador .play_list iframe {height:250px;}  
		.ambassador .play_btn .name li:nth-child(1) {font-size:14px;} /*0219*/
  .ambassador .play_btn .name li:nth-child(2) {font-size:13px; line-height:1.2} /*0219*/
  .ambassador .play_btn .name li:nth-child(3) {font-size:12px; line-height:1.2} /*0219*/
}

/*유네스코*/
.unesco { margin-top: 30px}
.unesco .top { background:url('/img/sub/unescoBg.jpg') no-repeat left top; margin-bottom:100px; }
.unesco .top > dl{text-align:center; }
.unesco .top > dl > dt {     font-family: 'HSBombaram3_Regular'; font-size:55px; color:#2f62ae; letter-spacing:-1.5px;  font-weight:normal; margin-bottom: 20px; }/*0215*/
.unesco .top > dl > dt strong {display:block;}
.unesco .top > dl > dd {font-size:20px; margin:40px 0 100px; font-weight: 500 !important; color:#000}
.unesco .top > div {position:relative;}
.unesco .control {position:absolute; bottom:-75px; left:50%; margin-left:-60px; background:#5f646a; z-index:10; }
.unesco .control a { position:relative; display:block; float:left; width:60px; height:60px; text-indent:-9999px;}
.unesco .control a::before {content:''; position:absolute; width:11px; height:16px; left:50%; top:50%; margin:-8px 0 0 -5px; background:url('/img/sub/unescoArrow.jpg') no-repeat center;}
.unesco .control a.next::before {transform:scale(-1,-1);}
.unesco .control a.next::after { content:''; position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:rgba(255,255,255,0.5); }
.unesco .unesco_ul {height:350px;}
.unesco .unesco_ul li {position:relative; color:#fff; background:#000; text-align:center;  transition: all 0.2s ease; height:350px; opacity:0.7; border-radius: 10px }
.unesco .unesco_ul .slick-current li { opacity:1; }
.unesco .unesco_ul li::before { content:''; position:absolute;
left:0; top:0; width:100%; height:100%; background-position:center !important; border-radius:40px;
background-size:cover !important; -webkit-filter: grayscale(100%); filter:gray;  opacity:0.7;  }
.unesco .unesco_ul li.img1::before { background:url('/img/sub/unescoImg1.jpg');  }
.unesco .unesco_ul li.img2::before { background:url('/img/sub/unescoImg2.jpg');  }
.unesco .unesco_ul li.img3::before { background:url('/img/sub/unescoImg3.jpg');  }
.unesco .unesco_ul li.img4::before { background:url('/img/sub/unescoImg4.jpg');  }
.unesco .unesco_ul li.img5::before { background:url('/img/sub/unescoImg5.jpg');  }
.unesco .unesco_ul li.img6::before { background:url('/img/sub/unescoImg6.jpg');  }
.unesco .unesco_ul li.img7::before { background:url('/img/sub/unescoImg7.jpg');  }
.unesco .unesco_ul li.img8::before { background:url('/img/sub/unescoImg8.jpg');  }
.unesco .unesco_ul li.img9::before { background:url('/img/sub/unescoImg9.jpg');  }
.unesco .unesco_ul li.img10::before { background:url('/img/sub/unescoImg10.jpg');  }
.unesco .unesco_ul .slick-center li { transform: scale(1.3); -webkit-transform:scale(1.3); z-index:100;}
.unesco .unesco_ul .slick-center li::before { -webkit-filter: grayscale(0); filter:none; }
.unesco .unesco_ul .slick-list { overflow:unset; }
.unesco .unesco_ul li dl {position:absolute; left:0; bottom:40px; width:100%; padding:0 30px; text-shadow:1px 1px 5px rgba(0,0,0,1);  }
.unesco .unesco_ul li dt {font-size:23px; font-weight:600; margin-bottom:10px; line-height:1.3; }
.unesco .unesco_ul li dt span {display:block; font-size:16px; font-weight:400; letter-spacing:0; margin-top:10px; }
.unesco .unesco_ul li dd {font-size:14px; font-weight:300;}
.unesco .unesco_ul li dd span.small,
.unesco .unesco_ul li dd a { display:block; font-size:12px; letter-spacing:0; }
.unesco .unesco_ul li dd a { color:#97faff; text-decoration:underline; }
/*.unesco .map .detailPop {top:-200px;}*//*0219*/
.unesco .map { position:relative; }
.unesco .map .btn { position:relative; text-align:center; width:850px; /*  border:1px solid red; */


margin-top:250px; margin-bottom:250px; margin-left:auto; margin-right:auto;  }
.unesco .map .btn a { position:relative; display:flex; align-items:center; position:absolute;
width:220px; height:220px; z-index:20; font-size:25px; color:#fff; background:#000; border-radius:50%; letter-spacing:-1px; z-index:40; }
.unesco .map .btn a div {width:100%; padding:0 10px;}
.unesco .map .btn a div.on::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:10px solid rgba(255,255,255,0.2); box-sizing:border-box; -webkit-animation: blink 2s linear infinite; }
@-webkit-keyframes blink {
    0% { opacity:0.2; }
    50% { opacity:1; }
    100% { opacity:0.2; }
}
.unesco .map .btn a strong{display:block;}
.unesco .map .btn a img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; opacity:0.6; border-radius:50%; }
.unesco .map .btn a .abL { position:absolute; left:50%; bottom:-20px;  transform:translateX(-50%);
font-size:15px; font-weight:600; background:#ff6600; padding:10px 20px; width:140px;
border-radius:30px; /*opacity:0;*/ transition: all 0.2s ease; display:none }




.unesco .map .btn a .abL span {display:inline-block; background:url('/img/sub/unescoMap_more.png') no-repeat right center; padding-right:20px; }
.unesco .map .btn a:hover .abL { opacity:1; }
.unesco .map .btn #pop1 {right: -30px; top: 150px; }
.unesco .map .btn #pop2 {right: -90px; bottom: -60px; } 
.unesco .map .btn #pop3 {right: -210px; bottom: 160px;}
.unesco .map .btn #pop4 {    left: -170px; bottom: -80px;}
.unesco .map .btn #pop5 {left: -180px; top: 270px;}
.unesco .map .btn #pop6 {left: 0px; top: 10px;}
.unesco .map .btn #pop7 {top: -130px; right: 340px;}
.unesco .map .btn #pop8 {right: 0px; top: -130px;}
.unesco .map .btn #pop9 {left: 200px; bottom: -190px;}
.unesco .map .btn #pop10 {right: 150px; bottom: -200px;}



.unesco .map .btn .bg { position:relative; max-width:850px; margin:0 auto; }
.unesco .map .btn > img { position:relative; width:100%; z-index:10; }
.unesco .map .btn img.layer { position:absolute; left:0; top:0; height:100%; z-index:20; }
.unesco .map .btn img.dot { z-index:30; }
.unesco .slick-dots li {width:20%;}




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



  .unesco .map .btn {margin-top:200px; margin-bottom:200px; }
  .unesco .map .btn a { width:170px; height:170px; font-size:23px; }
  .unesco .map .btn a .abL {font-size:18px; }

.unesco .map .btn #pop1 {right: -30px; top: 150px; }
.unesco .map .btn #pop2 {right: -20px; bottom: -60px; } 
.unesco .map .btn #pop3 {right: -10px; bottom: 160px;}
.unesco .map .btn #pop4 {  left: -10px; bottom: 0px;}
.unesco .map .btn #pop5 {left: -30px; top: 270px;}
.unesco .map .btn #pop6 {left: 0px; top: 10px;}
.unesco .map .btn #pop7 {top: -30px; right: 360px;}
.unesco .map .btn #pop8 {right: 60px;top: -110px;}
.unesco .map .btn #pop9 {    left: 260px; bottom: -90px;}
.unesco .map .btn #pop10 {    right: 180px;bottom: -100px;}





}


@media all and (min-width:1024px){
.unesco .map .btn  p:nth-child(1) { opacity:0;}
.unesco .map .btn  a:hover p:nth-child(1) {opacity:1; line-height:1.5}
.unesco .map .btn a img { opacity:1;}
.unesco .map .btn  a:hover img { opacity:0.7;}

}


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




  .unesco .top > dl > dt { font-size:50px; line-height:1.4; }
  .unesco .top > dl > dd {font-size:20px; margin:40px 0 60px;}
  .unesco .top > dl > dd p {display:inline;}
  .unesco .control {bottom:-27px;}

.unesco .map .btn {width:570px;}


  .unesco .map .btn {margin-top:160px; margin-bottom:160px; }
  .unesco .map .btn a { width:140px; height:140px; font-size:19px; }
  .unesco .map .btn a .abL {font-size:15px;  width:150px}

.unesco .map .btn #pop1 {right: -30px; top: 90px; }
.unesco .map .btn #pop2 {right: -20px; bottom: -60px; } 
.unesco .map .btn #pop3 {right: -10px; bottom: 90px;}
.unesco .map .btn #pop4 {  left: -10px; bottom: 30px;}
.unesco .map .btn #pop5 {left: -30px; top: 150px;}
.unesco .map .btn #pop6 {    left: 0px;top: -20px; }
.unesco .map .btn #pop7 {top: -80px; right: 220px;}
.unesco .map .btn #pop8 {right: 20px; top: -110px;}
.unesco .map .btn #pop9 {  left: 300px; bottom: -70px;}
.unesco .map .btn #pop10 {    left: 100px;bottom: -100px;}








  /* .unesco .map .btn {margin:150px auto;}
  .unesco .map .btn a { width:140px; height:140px; font-size:18px;  }
  .unesco .map .btn a .abL { font-size:16px; opacity:1; padding:10px 15px; width:160px; }
  .unesco .map .btn a .abL span {padding-right:0; background:none;}
  .unesco .map .btn #pop1 {top:3%; right:3%;}
  .unesco .map .btn #pop2 {right:10%; bottom:5%;}
  .unesco .map .btn #pop3 {left:80%; bottom:23%;}
  .unesco .map .btn #pop4 {left:2%; bottom:-2%;}
  .unesco .map .btn #pop5 {left:0;}
  .unesco .map .btn #pop6 {left:7%; top:1%;}
  .unesco .map .btn #pop7 {    left: 35%; top: -11%;}
  .unesco .map .btn #pop8 {right:60px; top:-13%;}
  .unesco .map .btn #pop9{ bottom:17%}
  .unesco .map .btn #pop10{right:25%;  bottom:20%} */

  .unesco .unesco_ul {height:450px;}
  .unesco .unesco_ul li {height:450px;}
  .unesco .unesco_ul .slick-center li { transform: scale(1); -webkit-transform:scale(1);}
  .unesco .unesco_ul li::before { -webkit-filter: grayscale(0); filter:none; }
  .unesco .unesco_ul li dt {font-size:25px;}
  .unesco .unesco_ul li dd {font-size:20px;}
}
@media all and (max-width:768px){
  .unesco .top > dl > dt { font-size:35px; letter-spacing:-1px;  }
  .unesco .top > dl > dd {font-size:16px; margin:20px 0 40px; line-height:1.4}
  .unesco .unesco_ul li dt {font-size:25px;}
  .unesco .unesco_ul li dd {font-size:20px;}
  .unesco .map .btn a { font-size:20px; line-height:1.4 }
  .unesco .map .btn a .abL { font-size:13px; }
}
@media all and (max-width:650px){
  .unesco .map .btn {margin:0; overflow:hidden; width:100%}
  .unesco .map .btn .bg {display:none;}
  .unesco .map .btn a { position:relative; left:auto !important; top:auto !important; right:auto !important; bottom:auto !important; float:left; width:31.33%; margin:10px 0 10px 3%; border-radius:20px; }
  .unesco .map .btn a:nth-child(3n+1) {margin:10px 0;}
  .unesco .map .btn a .abL {bottom:-10px;}
  .unesco .map .btn a img { border-radius:20px; }
  .unesco .map .btn a div.on::before {display:none;}
}
@media all and (max-width:500px){
  .unesco .map .btn a { width:48.5%; }
  .unesco .map .btn a:nth-child(3n+1) { margin:10px 0 10px 3%; }
  .unesco .map .btn a:nth-child(2n+1) { margin:10px 0; }
  .unesco .unesco_ul {height:350px;}
  .unesco .unesco_ul li {height:350px;}
  .unesco .unesco_ul li dt {font-size:20px; line-height:1.4}
  .unesco .unesco_ul li dd {font-size:16px; line-height:1.4}
}
/*대구가 좋은이유 _ 1번째버전
.reasonD .top {text-align:center; margin-bottom:90px;}
.reasonD .top > div:nth-child(2) {margin:-100px 0;}
.reasonD .top a { position:relative; display:inline-block; border-radius:50%; text-align:center; margin:0 auto; width:420px; height:420px; color:#fff;  transition: all 0.2s ease; }
.reasonD .top a::before {content:'+'; position:absolute; left:50%; bottom:50px; width:30px; height:30px; margin-left:-15px; background:rgba(255,255,255,0.5); color:#fff; border-radius:50%; font-size:26px; line-height:32px; }
.reasonD .top a:hover {transform:scale(1.2); }
.reasonD #btn1 { background:rgba(24,174,188,0.9); }
.reasonD #btn2 { background:rgba(71,101,98,0.9); }
.reasonD #btn3 { background:rgba(34,136,168,0.9); }
.reasonD #btn4 { background:rgba(40,81,108,0.9); }
.reasonD #btn5 { background:rgba(103,134,144,0.9); }
.reasonD #btn6 { background:rgba(97,105,123,0.9); }
.reasonD #btn7 { background:rgba(47,47,47,0.9); }
.reasonD .top a dl { position:absolute; top:50%; margin-top:-20%; width:100%; }
.reasonD .top a dt {font-size:40px;}
.reasonD .top a dt strong {font-size:45px;}
.reasonD .top a dd {font-size:23px;}
.reasonD .top a dd span {display:block;}
.reasonD .bottom > div { position:relative; display:flex; align-items:center; overflow:hidden; background:#000; color:#fff; height:600px; padding:0 10%;  }
.reasonD .bottom > div p { position:relative; width:30%; font-size:95px; line-height:1.2; font-weight:600; z-index:2; }
.reasonD .bottom > div p::before {content:''; position:absolute; left:-50%; top:-50%; width:410px; height:410px; z-index:-1; }
.reasonD .bottom > div.list1 p::before { background:url('/img/sub/reasonBg1.png') no-repeat center; }
.reasonD .bottom > div.list2 p::before { background:url('/img/sub/reasonBg2.png') no-repeat center; }
.reasonD .bottom > div.list3 p::before { background:url('/img/sub/reasonBg3.png') no-repeat center; }
.reasonD .bottom > div.list4 p::before { background:url('/img/sub/reasonBg4.png') no-repeat center; }
.reasonD .bottom > div.list5 p::before { background:url('/img/sub/reasonBg5.png') no-repeat center; }
.reasonD .bottom > div.list6 p::before { background:url('/img/sub/reasonBg6.png') no-repeat center; }
.reasonD .bottom > div.list7 p::before { background:url('/img/sub/reasonBg7.png') no-repeat center; }
.reasonD .bottom > div p span {display:block;}
.reasonD .bottom > div img { position:absolute; left:0; top:0; height:100%; max-width:auto; opacity:0.4; z-index:1; transition: all 0.2s ease; }
.reasonD .bottom > div:hover img { transform:scale(1.2); }
.reasonD .bottom > div dl {position:relative; z-index:3; }
.reasonD .bottom > div dt { font-size:40px; font-weight:500; margin-bottom:30px; }
.reasonD .bottom > div dd { font-size:25px; margin-bottom:10px; }
*/

/*대구가 좋은이유 _ 2번째버전
.reasonD {position:relative; text-align:center; transition:scale(1); }
.reasonD > a { position:absolute; display:flex; align-items: center; border-radius:50%; margin:0 auto; width:250px; height:250px; color:#fff;  transition: all 0.2s ease; transform:scale(1); z-index:20;}
.reasonD > a::before {content:'+'; position:absolute; left:50%; bottom:20px; width:30px; height:30px; margin-left:-15px; background:rgba(255,255,255,0.5); color:#fff; border-radius:50%; font-size:26px; line-height:32px; }
.reasonD > a:hover::before { background:#31859f;}
.reasonD a:hover, .reasonD a.on { transform:scale(1.6); padding:10px; box-shadow:0 0 10px rgba(0,0,0,0.4); z-index:60; }
.reasonD a:hover dl, .reasonD a.on dl { background:#fff; height:100%; color:#31859f; border-radius:50%; margin:0; padding-top:20%; }
.reasonD #btn1 {left:0; bottom:38%; background:rgba(24,174,188,0.9);}
.reasonD #btn2 {left:12%; bottom:20%; background:rgba(71,101,98,0.9);}
.reasonD #btn3 {left:25%; bottom:3%; background:rgba(34,136,168,0.9);}
.reasonD #btn4 {left:50%; margin-left:-8.5%; bottom:-5%; background:rgba(40,81,108,0.9);}
.reasonD #btn5 {right:25%; bottom:3%; background:rgba(103,134,144,0.9);}
.reasonD #btn6 {right:12%; bottom:20%; background:rgba(97,105,123,0.9);}
.reasonD #btn7 {right:0; bottom:38%; background:rgba(47,47,47,0.9);}
.reasonD a dl { width:100%; margin-bottom:20px; }
.reasonD a dt {font-size:25px; line-height:1.2; margin-bottom:15px;}
.reasonD a dt strong {font-size:25px;}
.reasonD a dd {font-size:15px;}
.reasonD a dd span {display:block;}
.reasonD a.on+.cont {width:120%;}
.reasonD .cont { display:block; position:absolute; width:0; z-index:10; overflow:hidden; border-radius:50px 0 0 50px; transition: all 0.2s ease; margin-left:200px; z-index:50; }
.reasonD .cont::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%;  background:linear-gradient(90deg, rgba(0,0,0,0.5) 60%, transparent 80%); }
.reasonD .cont > img {position:absolute; left:0; top:0; width:100%; }
.reasonD .cont dl { display:none; position:relative; z-index:10; color:#fff; text-align:left; padding:40px 0 40px 200px; max-width:1000px; }
.reasonD .cont dl dt {font-size:27px; font-weight:600; margin-bottom:10px; font-weight:600;}
.reasonD .cont dl dd {font-size:23px;}
.reasonD a.on+.cont dl {display:block;}
.reasonD #cont1 { left:0; bottom:32%; }
@media all and (max-width:1023px){
  .reasonD {padding-top:180px; margin-bottom:-90px; background:url('/img/sub/reasonBg.jpg') no-repeat center -50px; background-size:768px auto; }
  .reasonD > img {display:none;}
  .reasonD > a {position:relative; left:auto !important; right:auto !important; bottom:auto !important; margin-left:0 !important; width:100%; height:auto; border-radius:0; padding:20px; }
  .reasonD > a::before {bottom:50%; margin-bottom:-15px;}
  .reasonD a:hover, .reasonD a.on { transform:scale(1); padding:10px; box-shadow:none; }
  .reasonD a:hover dl, .reasonD a.on dl { background:#fff; height:100%; color:#31859f; border-radius:0; padding:20px; }
  .reasonD a dl {display:flex; align-items:center; margin:0;}
  .reasonD a dt {float:left; width:50%; margin:0; }
  .reasonD a dd {float:left; width:50%; }
  .reasonD .cont {position:relative; left:auto !important; bottom:auto !important; width:100% !important; margin-left:0; border-radius:0; max-width:100%; }
  .reasonD .cont::after{ background:rgba(0,0,0,0.5); }
  .reasonD .cont > img {position:absolute; left:0; top:0; height:100%; width:auto; max-width:none; }
  .reasonD .cont dl { padding:30px;}
}
@media all and (max-width:768px){
  .reasonD .cont dl dt {font-size:20px;}
  .reasonD .cont dl dd {font-size:16px;}
}
@media all and (max-width:480px){
  .reasonD > a::before { display:none; }
  .reasonD a dl {display:block;}
  .reasonD a dt {width:100%; margin-bottom:10px; }
  .reasonD a dd {width:100%; }
}
*/

/*컨벤션시설*/
.infra {position:relative;}
.infra > p {text-align:center; font-size:55px;
        font-family: 'HSBombaram3_Regular' !important;  color:#2f62ae;
	letter-spacing:-1px; margin-bottom:30px;  font-weight:normal} /*0215*/
.infra > p span { font-size:50px; }
.infra > p strong {display:block;}
.infra .caution {background:url('/img/sub/infraCa.jpg') no-repeat left center; font-size:20px; padding:5px 0 5px 40px; margin-bottom:10px;}
.infra .map { position:relative; background:#4797b9; margin-bottom:60px; padding:10px 0; z-index:20; }
.infra .map a {position:absolute; display:block; text-align:center; }
.infra .map a::before {content:''; position:absolute; top:0; left:50%;  width:65px; height:65px; margin-left:-32.5px; background-image:url('/img/sub/infraIcon.png'); background-repeat:no-repeat; border-radius:50%; transition: all 0.2s ease; }
.infra .map a.all::before, .infra .map .all a::before {background-color:#666; background-position:-260px 0;}
.infra .map a.cven::before, .infra .map .cven a::before {background-color:#f39300; background-position:0 0;}
.infra .map a.rest::before, .infra .map .rest a::before {background-color:#2f62ae; background-position:-65px 0;}
.infra .map a.meet::before, .infra .map .meet a::before {background-color:#ea5541; background-position:-130px 0;}
.infra .map a.uni::before, .infra .map .uni a::before {background-color:#e4b655; background-position:-195px 0;}
.infra .map .wrap {position:relative; padding-left:100px;}
.infra .map .wrap > a { left:0; width:100px; height:100px; padding-top:60px; color:#fff; font-size:12px; }
.infra .map .wrap > a.all {background-color:#666; top:0; }
.infra .map .wrap > a.cven {background-color:#f39300; top:100px; }
.infra .map .wrap > a.rest {background-color:#2f62ae; top:200px; }
.infra .map .wrap > a.meet {background-color:#ea5541; top:100px; height:110px; }
.infra .map .wrap > a.uni {background-color:#e4b655; top:300px; height:110px; }
.infra .map .icon {position:relative;}
.infra .map .icon div {transition: all 0.2s ease;}
.infra .map .icon div > a { font-family:sans-serif; width:100px; padding-top:70px; font-size:14px; line-height:1.2; letter-spacing:-1.6px; font-weight:600; }
.infra .map .icon div > a:hover::before {transform:scale(1.1);}
.infra .map .icon div.cven > a {color:#f39300;}
.infra .map .icon div.cven > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px; letter-spacing:1px}
.infra .map .icon div.rest > a {color:#004caa;}
.infra .map .icon div.rest > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
.infra .map .icon div.meet > a {color:#009795;}
.infra .map .icon div.meet > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
.infra .map .icon div.uni > a {color:#a38a01;}
.infra .map .icon div.uni > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
/*아이콘 위치 시작*/
.infra .map .icon div.cven a.exco {top:12%; left:52%;}
.infra .map .icon div.rest a.rest1 {top:16%; left:46%;}/*0224*/
.infra .map .icon div.rest a.rest2 {top:48%; left:41%;}/*0224*/
.infra .map .icon div.rest a.rest3 {top:41%; left:64%;}/*0224*/
.infra .map .icon div.rest a.rest4 {top:43%; left:71%;}/*0224*/
.infra .map .icon div.rest a.rest5 {top:56%; left:56%;}/*0224*/
.infra .map .icon div.rest a.rest6 {top:69%; left:53%;}/*0224*/
.infra .map .icon div.rest a.rest7 {top:87%; left:62%;}/*0224*/
.infra .map .icon div.rest a.rest8 {top:50%; left:33%;}/*0224*/
.infra .map .icon div.rest a.rest11 {top:51%; left:23%;}/*0224*/
.infra .map .icon div.rest a.rest12 {top:82%; left:26%;}/*0224*/
.infra .map .icon div.rest a.rest13 {top:80%; left:57%;}/*0224*/
.infra .map .icon div.rest a.rest14 {top:26%; left:65%;}/*0224*/
.infra .map .icon div.meet a.exco {top:12%; left:52%;}/*0310*/
.infra .map .icon div.meet a.meet1 {top:0%; left:58%;}/*0224*/
.infra .map .icon div.meet a.meet2 {top:34%; left:42%;}/*0224*/
.infra .map .icon div.meet a.meet3 {top:32%; left:47%;}/*0224*/
.infra .map .icon div.meet a.meet4 {top:52%; left:49%;}/*0224*/
.infra .map .icon div.uni a.uni1 {top:27%; left:53%;}/*0224*/
.infra .map .icon div.uni a.uni2 {top:49%; left:0;}/*0224*/
.infra .map .icon div.uni a.uni3 {top:62%; left:0;}/*0224*/
.infra .map .icon div.uni a.uni4 {top:67%; left:24%;}/*0224*/
.infra .map .icon div.uni a.uni5 {top:63%; left:30%;}/*0224*/
.infra .map .icon div.uni a.uni6 {top:77%; left:33%;}/*0224*/
.infra .map .icon div.uni a.uni7 {top:85%; left:41%;}/*0224*/
.infra .map .icon div.uni a.uni8 {top:82%; left:51%;}/*0224*/
.infra .map .icon div.uni a.uni9 {top:69%; left:63%;}/*0224*/
.infra .map .icon div.uni a.uni15 {top:88%; left:73%;}/*0224*/
.infra .map .icon div.uni a.uni16 {top:78%; left:78%;}/*0224*/
.infra .map .icon div.uni a.uni17 {top:38%; left:30%;}/*0224*/
.infra .map .icon div.uni a.uni18 {top:85%; left:82%;}/*0224*/
.infra .map .icon div.uni a.uni19 {top:73%; left:45%;}/*0224*/
.infra .map .icon div.uni a.uni23 {top:62%; left:42%;}/*0224*/
.infra .map .icon div.uni a.uni24 {top:80%; left:68%;}/*0224*/
.infra .map .icon div.uni a.uni27 {top:36%; left:58%;}/*0224*/
.infra .map .icon div.uni a.uni33 {top:14%; left:58%;}/*0224*/
.infra .map .icon div.uni a.uni002  {top:36%; left:36%;}/*0224*/


/*복합지구투어*/
.infra_2 {position:relative;}
.infra_2 > p {text-align:center; font-size:55px;     font-family: 'HSBombaram3_Regular';color:#2f62ae; letter-spacing:-1px; margin-bottom:30px;  font-weight:normal} /*0215*/
.infra_2 > p span { font-size:50px; }
.infra_2 > p strong {display:block;}
.infra_2 .caution {background:url('/img/sub/infraCa.jpg') no-repeat left center; font-size:20px; padding:5px 0 5px 40px; margin-bottom:10px;}
.infra_2 .map { position:relative; background:#304d68; margin-bottom:60px; padding:10px 0; z-index:20; }
.infra_2 .map a {position:absolute; display:block; text-align:center; }
.infra_2 .map a::before {content:''; position:absolute; top:0; left:50%;  width:65px; height:65px; margin-left:-32.5px; background-image:url('/img/sub/infraIcon_dist.png'); background-repeat:no-repeat; border-radius:50%; transition: all 0.2s ease; }
.infra_2 .map a.all::before, .infra_2 .map .all a::before {background-color:#033e97; background-position:-260px 0;}
.infra_2 .map a.cven::before, .infra_2 .map .cven a::before {background-color:#663399; background-position:0 0;}
.infra_2 .map a.rest::before, .infra_2 .map .rest a::before {background-color:#85aa4b; background-position:-65px 0;}
.infra_2 .map a.meet::before, .infra_2 .map .meet a::before {background-color:#009795; background-position:-130px 0;}
.infra_2 .map a.uni::before, .infra_2 .map .uni a::before {background-color:#db731a; background-position:-195px 0;}
.infra_2 .map .wrap {position:relative; padding-left:100px;}
.infra_2 .map .wrap > a { left:0px; width:100px; height:100px; padding-top:60px; color:#fff; font-size:12px; }
.infra_2 .map .wrap > a.all {background-color:#033e97; top:0; }
.infra_2 .map .wrap > a.cven {background-color:#663399; top:100px; }
.infra_2 .map .wrap > a.rest {background-color:#85aa4b; top:200px; }
.infra_2 .map .wrap > a.meet {background-color:#009795; top:300px; height:110px; }
.infra_2 .map .wrap > a.uni {background-color:#db731a; top:410px; height:110px; }
.infra_2 .map .icon {position:relative;}
.infra_2 .map .icon div {transition: all 0.2s ease;}
.infra_2 .map .icon div > a { font-family:sans-serif; width:100px; padding-top:70px; font-size:15px; line-height:1.2; letter-spacing:-1.6px; font-weight:600; }
.infra_2 .map .icon div > a:hover::before {transform:scale(1.1);}
.infra_2 .map .icon div.cven > a {color:#663399;}
.infra_2 .map .icon div.cven > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px; letter-spacing:1px}
.infra_2 .map .icon div.rest > a {color:#5b831d;}
.infra_2 .map .icon div.rest > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
.infra_2 .map .icon div.meet > a {color:#009795;}
.infra_2 .map .icon div.meet > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
.infra_2 .map .icon div.uni > a {color:#db731a;}
.infra_2 .map .icon div.uni > a span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
/*아이콘 위치 시작*/
.infra_2 .map .icon div.cven a.exco {top:35%; left:15%;}
.infra_2 .map .icon div.cven a.global {top:38%; left:65%;}
.infra_2 .map .icon div.rest a.rest1 {top:48%; left:18%;}/*0224*/
.infra_2 .map .icon div.rest a.rest2 {top:48%; left:41%;}/*0224*/
.infra_2 .map .icon div.rest a.rest3 {top:41%; left:64%;}/*0224*/
.infra_2 .map .icon div.rest a.rest4 {top:43%; left:71%;}/*0224*/
.infra_2 .map .icon div.rest a.rest5 {top:56%; left:56%;}/*0224*/
.infra_2 .map .icon div.rest a.rest6 {top:69%; left:53%;}/*0224*/
.infra_2 .map .icon div.rest a.rest7 {top:87%; left:62%;}/*0224*/
.infra_2 .map .icon div.rest a.rest8 {top:50%; left:33%;}/*0224*/
.infra_2 .map .icon div.rest a.rest11 {top:51%; left:23%;}/*0224*/
.infra_2 .map .icon div.rest a.rest12 {top:82%; left:26%;}/*0224*/
.infra_2 .map .icon div.rest a.rest13 {top:80%; left:57%;}/*0224*/
.infra_2 .map .icon div.rest a.rest14 {top:26%; left:65%;}/*0224*/
.infra_2 .map .icon div.meet a.exco {top:12%; left:52%;}/*0310*/
.infra_2 .map .icon div.meet a.meet1 {top:61%; left:20%;}/*0224*/
.infra_2 .map .icon div.meet a.meet02 {top:55%; left:26%;}/*0224*/
.infra_2 .map .icon div.meet a.meet3 {top:44%; left:23%;}/*0224*/
.infra_2 .map .icon div.meet a.meet4 {top:74%; left:19%;}/*0224*/
.infra_2 .map .icon div.uni a.uni1 {top:37%; left:46%;}/*0224*/
.infra_2 .map .icon div.uni a.knu_m {top:40%; left:75%;}/*0224*/
.infra_2 .map .icon div.uni a.uni2 {top:48%; left:50%;}/*0224*/
.infra_2 .map .icon div.uni a.uni3 {top:35%; left:75%;}/*0224*/
.infra_2 .map .icon div.uni a.uni4 {top:67%; left:24%;}/*0224*/
.infra_2 .map .icon div.uni a.uni5 {top:63%; left:30%;}/*0224*/
.infra_2 .map .icon div.uni a.uni6 {top:77%; left:33%;}/*0224*/
.infra_2 .map .icon div.uni a.uni7 {top:85%; left:41%;}/*0224*/
.infra_2 .map .icon div.uni a.uni8 {top:82%; left:51%;}/*0224*/
.infra_2 .map .icon div.uni a.uni9 {top:69%; left:63%;}/*0224*/
.infra_2 .map .icon div.uni a.uni15 {top:88%; left:73%;}/*0224*/
.infra_2 .map .icon div.uni a.uni16 {top:78%; left:78%;}/*0224*/
.infra_2 .map .icon div.uni a.uni17 {top:34%; left:30%;}/*0224*/
.infra_2 .map .icon div.uni a.uni18 {top:85%; left:82%;}/*0224*/
.infra_2 .map .icon div.uni a.uni19 {top:73%; left:45%;}/*0224*/
.infra_2 .map .icon div.uni a.uni23 {top:62%; left:42%;}/*0224*/
.infra_2 .map .icon div.uni a.uni24 {top:80%; left:68%;}/*0224*/
.infra_2 .map .icon div.uni a.uni27 {top:36%; left:58%;}/*0224*/
.infra_2 .map .icon div.uni a.uni33 {top:14%; left:58%;}/*0224*/










/*아이콘 위치 끝*/
#tabList { position:relative; padding-top:100px; z-index:10; }
#tabList::before {content:''; position:absolute; left:0; top:50px; width:100%; height:2px; background:#009795; }

/* #tabList > a { display:flex; align-items:center; border-right:2px solid #fff;
position:absolute; left:0; top:0; width:20%; font-size:20px; font-weight:600; height:50px; background:#dadada; color:#fff; }
#tabList > a:nth-child(3) {left:20%;}
#tabList > a:nth-child(5) {left:40%;}
#tabList > a:nth-child(7) {left:60%; }
#tabList > a:nth-child(9) {left:80%; border-right:0; } */


#tabList > a { display:flex; align-items:center; border-right:2px solid #fff; position:absolute; 
left:0; top:0; width:16.6%; font-size:20px; font-weight:600; height:50px; background:#dadada; color:#fff; }
#tabList > a:nth-child(3) {left:16.6%;}
#tabList > a:nth-child(5) {left:33.2%;}
#tabList > a:nth-child(7) {left:49.8%; }
#tabList > a:nth-child(9) {left:66.4%; border-right:0; }
#tabList > a:nth-child(11) {left:83%; border-right:0; }






#tabList > a.on {background:#ea5541;}
#tabList > a span {width:100%; text-align:center; line-height:1.2;}
#tabList div {display:none; overflow:hidden; }
#tabList div a {display:block; float:left; width:22%; margin:0 0 30px 4%; text-align:center; }
#tabList div a:nth-child(4n+1) {margin:0 0 30px; clear:both; }
#tabList div a img {display:block; margin: 0 auto; border-radius:30px; /* height:230px; width:100%  */}

.hotel_list_tab_new div a img{ height:230px; width:100%  }



#tabList div a p.title {font-size:20px; margin:20px 0 10px; font-weight:600; }
#tabList div a p.title span {color:#fff; font-size:9px; font-weight:100; background-color:#333; padding:4px; border-radius:4px}
#tabList div a p.title2 {font-size:18px; padding: 20px 0; border: #069 2px solid; color:#069; text-align:center; border-radius:20px }
#tabList div a p.cont {font-size:18px; padding-bottom:1%; display:none}
#tabList div a p.cont2 {font-size:12px; margin: 10px auto; padding:5px; color:#069; letter-spacing:0px;  background-color: #f3f3f3;border-radius:5px; display:none  }
#tabList div a p.tel {font-size:14px; width:100%; color:#000; display:none}
#tabList div a p.add {font-size:12px; width:100%; display:none}
#tabList > a.on+div{display:block;}
.infra .slick-dots li {width:25%;}

#tabList2 { position:relative; padding-top:100px; z-index:10; }
#tabList2::before {content:''; position:absolute; left:0; top:70px; width:100%; height:2px; background:#009795; }
#tabList2 > a { display:flex; align-items:center; border-right:2px solid #fff; position:absolute; left:0; top:0; width:20%; font-size:25px; font-weight:600; height:70px; background:#dadada; color:#fff; }
#tabList2 > a:nth-child(3) {left:20%;}
#tabList2 > a:nth-child(5) {left:40%;}
#tabList2 > a:nth-child(7) {left:60%; }
#tabList2 > a:nth-child(9) {left:80%; border-right:0; }
#tabList2 > a.on {background:#009795;}
#tabList2 > a span {width:100%; text-align:center; line-height:1.2;}
#tabList2 div {display:none; overflow:hidden; }
#tabList2 div a {display:block; float:left; width:22%; margin:0 0 30px 4%; text-align:center; border-bottom: #ccc 1px solid; letter-spacing:0px; padding-bottom: 10px}
#tabList2 div a:nth-child(4n+1) {margin:0 0 30px; clear:both; }
#tabList2 div a img {width:100%; border:1px solid #ddd; max-height:260px}
#tabList2 div a p.title {font-size:18px; padding: 20px 0; background-color: #069; color:#fff; text-align:center; border-radius:5px }
#tabList2 div a p.cont {font-size:12px; margin: 10px auto; padding:5px; color:#069; letter-spacing:0px;  background-color: #f3f3f3;border-radius:5px  }
#tabList2 div a p.tel {font-size:14px; width:100%; color:#000}
#tabList2 div a p.add {font-size:12px; width:100%;}
#tabList2 > a.on+div{display:block;}
.infra .slick-dots li {width:25%;}
.infra #tabList > a {width:25%;}

.infra #tabList > a:nth-child(3) {left:25%;}/*0310*/
.infra #tabList > a:nth-child(5) {left:50%;}/*0310*/
.infra #tabList > a:nth-child(7) {left:75%; }/*0310*/
@media all and (max-width:1200px){
  .infra .map a::before { width:45px; height:45px; margin-left:-22.5px; background-size:auto 45px;}
  .infra .map a.all::before, .infra .map .all a::before { background-position:-180px 0;}
  .infra .map a.rest::before, .infra .map .rest a::before {background-position:-45px 0;}
  .infra .map a.meet::before, .infra .map .meet a::before {background-position:-90px 0;}
  .infra .map a.uni::before, .infra .map .uni a::before {background-position:-135px 0;}
  .infra .map .wrap > a { top:0 !important; width:20%; height:45px; padding:0 0 0 70px; text-align:left; line-height:45px;}
  .infra .map .wrap > a::before {left:20px; margin-left:0; }
  .infra .map .wrap > a.all {left:0; }
  .infra .map .wrap > a.cven {left:20%; }
  .infra .map .wrap > a.rest {left:40%;}
  .infra .map .wrap > a.meet {left:60%;}
  .infra .map .wrap > a.uni {left:80%;}
  .infra .map .icon div a {font-size:14px; padding-top:50px;}
  
  .infra .map .wrap {padding:45px 0 0 0;}
  .infra_2 > p {margin-bottom:10px;  } /*0215*/
    .infra_2 .map a::before { width:10px; height:10px; margin-left:-5px; background:none;}
  .infra_2 .map a.all::before, .infra_2 .map .all a::before { background-position:-180px 0;}
  .infra_2 .map a.rest::before, .infra_2 .map .rest a::before {background-position:-45px 0;}
  .infra_2 .map a.meet::before, .infra_2 .map .meet a::before {background-position:-90px 0;}
  .infra_2 .map a.uni::before, .infra_2 .map .uni a::before {background-position:-135px 0;}
  .infra_2 .map .wrap > a { top:0 !important; width:20%; height:45px; padding:0; text-align:center; line-height:45px;}
  .infra_2 .map .wrap > a::before {left:0px; margin-left:0; }
  .infra_2 .map .wrap > a.all {left:0; }
  .infra_2 .map .wrap > a.cven {left:20%; }
  .infra_2 .map .wrap > a.rest {left:40%;}
  .infra_2 .map .wrap > a.meet {left:60%;}
  .infra_2 .map .wrap > a.uni {left:80%;}
  .infra_2 .map .icon div a {font-size:0.6rem; padding-top:15px; width:auto}
  .infra_2 .map .wrap {padding:45px 0 0 0;}
  
  /*아이콘 위치 시작*/
  .infra_2 .map { margin-bottom:30px; }
.infra_2 .map .icon div.cven a.exco {top:35%; left:17%;}
.infra_2 .map .icon div.cven a.global {top:44%; left:65%;}
.infra_2 .map .icon div.rest a.rest1 {top:50%; left:12%;}/*0224*/
.infra_2 .map .icon div.rest a.rest2 {top:48%; left:41%;}/*0224*/
.infra_2 .map .icon div.rest a.rest3 {top:41%; left:64%;}/*0224*/
.infra_2 .map .icon div.rest a.rest4 {top:43%; left:71%;}/*0224*/
.infra_2 .map .icon div.rest a.rest5 {top:56%; left:56%;}/*0224*/
.infra_2 .map .icon div.rest a.rest6 {top:69%; left:53%;}/*0224*/
.infra_2 .map .icon div.rest a.rest7 {top:87%; left:62%;}/*0224*/
.infra_2 .map .icon div.rest a.rest8 {top:50%; left:33%;}/*0224*/
.infra_2 .map .icon div.rest a.rest11 {top:51%; left:23%;}/*0224*/
.infra_2 .map .icon div.rest a.rest12 {top:82%; left:26%;}/*0224*/
.infra_2 .map .icon div.rest a.rest13 {top:80%; left:57%;}/*0224*/
.infra_2 .map .icon div.rest a.rest14 {top:26%; left:65%;}/*0224*/
.infra_2 .map .icon div.meet a.exco {top:12%; left:52%;}/*0310*/
.infra_2 .map .icon div.meet a.meet1 {top:62%; left:20%;}/*0224*/
.infra_2 .map .icon div.meet a.meet02 {top:56%; left:27%;}/*0224*/
.infra_2 .map .icon div.meet a.meet3 {top:42%; left:22%;}/*0224*/
.infra_2 .map .icon div.meet a.meet4 {top:76%; left:20%;}/*0224*/
.infra_2 .map .icon div.uni a.uni1 {top:35%; left:45%;}/*0224*/
.infra_2 .map .icon div.uni a.knu_m {top:38%; left:75%;}/*0224*/
.infra_2 .map .icon div.uni a.uni2 {top:51%; left:48%;}/*0224*/
.infra_2 .map .icon div.uni a.uni3 {top:35%; left:75%;}/*0224*/
.infra_2 .map .icon div.uni a.uni4 {top:67%; left:24%;}/*0224*/
.infra_2 .map .icon div.uni a.uni5 {top:63%; left:30%;}/*0224*/
.infra_2 .map .icon div.uni a.uni6 {top:77%; left:33%;}/*0224*/
.infra_2 .map .icon div.uni a.uni7 {top:85%; left:41%;}/*0224*/
.infra_2 .map .icon div.uni a.uni8 {top:82%; left:51%;}/*0224*/
.infra_2 .map .icon div.uni a.uni9 {top:69%; left:63%;}/*0224*/
.infra_2 .map .icon div.uni a.uni15 {top:88%; left:73%;}/*0224*/
.infra_2 .map .icon div.uni a.uni16 {top:78%; left:78%;}/*0224*/
.infra_2 .map .icon div.uni a.uni17 {top:34%; left:30%;}/*0224*/
.infra_2 .map .icon div.uni a.uni18 {top:85%; left:82%;}/*0224*/
.infra_2 .map .icon div.uni a.uni19 {top:73%; left:45%;}/*0224*/
.infra_2 .map .icon div.uni a.uni23 {top:62%; left:42%;}/*0224*/
.infra_2 .map .icon div.uni a.uni24 {top:80%; left:68%;}/*0224*/
.infra_2 .map .icon div.uni a.uni27 {top:36%; left:58%;}/*0224*/
.infra_2 .map .icon div.uni a.uni33 {top:14%; left:58%;}/*0224*/


#tabList::before {height:1px; background:#264e76; }
}
@media all and (max-width:1023px){
  .infra > p { font-size:50px; }
  .infra > p span { font-size:40px; }
  .infra .map .caution {font-size:16px;}
  .infra_2 > p { font-size:50px; }
  .infra_2 > p span { font-size:40px; }
  .infra_2 .map .caution {font-size:16px;}
  #tabList {padding-top:70px;}
  #tabList::before {top:60px;}
  #tabList > a { font-size:20px; height:60px;}
  #tabList div a {width:30.66%; }
  #tabList div a:nth-child(4n+1) {margin:0 0 30px 4%; clear:none; }
  #tabList div a:nth-child(3n+1) {margin:0 0 30px; clear:both; }
}
	/* 	#tabList div a img {width:100%;  height:190px} */
		#tabList div a  p img{ text-align:center; max-height:82px; max-width:90%}


@media all and (max-width:768px){
  .infra .caution, .infra .map {display:none;}
  #tabList > a {font-size:15px; height:50px; letter-spacing:-1px; }
  #tabList::before {top:40px;}
  #tabList div a {width:48%; }
  #tabList div a:nth-child(3n+1) {margin:0 0 30px 4%; clear:none; }
  #tabList div a:nth-child(2n+1) {margin:0 0 30px; clear:both; }
  #tabList div a p.title {font-size:0.8rem; line-height:1.1 }
  #tabList div a p.cont {font-size:13px;}
		#tabList div a img {width:100%;}
		.hotel_list_tab_new div a img{ height:100px; width:100%  }
		#tabList > a span {
    font-size: 0.6rem;
}
	#tabList div a p.title {
    margin: 15px 0 0;
}	
}
@media all and (max-width:480px){
  .infra > p { font-size:25px; line-height:1.6 }
  .infra > p span { font-size:25px; }
  .infra_2 > p { font-size:25px; line-height:1.6 }
  .infra_2 > p span { font-size:25px; }
		#tabList div a img { max-height:90%; max-width:90%}
  #tabList > a {font-size:12px; height:40px; letter-spacing:-1px; }
		#tabList div a p.title2 {font-size:14px; height:124px; line-height:1.3 }
		
}


/*0315*//*추가시작*/
.infra .vr1_d { display:inline-block; float:left; margin-right: 20px}
.infra .vr1 { display:inline-block; }

.infra_2 .vr1_d { display:inline-block; float:left; margin-right: 20px}
.infra_2 .vr1 { display:inline-block; }
/*수정시작 0405*/
.downloadPop.on, .vr.on { z-index:600; }
.vr iframe { width: 100%; height: 500px; }
.vr .youbtn_ul { margin-top: 40px; }
.vr .youbtn_ul li a { display: flex; align-items: center; width: 150px; height: 150px; color: rgb(255, 255, 255); background: rgb(204, 204, 204); margin: 0px auto; font-size: 20px; border-radius: 50%; }
.vr .youbtn_ul li a span { width: 100%; text-align: center; line-height: 1.2; }
.vr .youbtn_ul li.on a { background: rgb(13, 178, 153); }
.vr .youbtn_ul a.slick-arrow { position: absolute; right: -30px; top: 50%; margin-top: -32.5px; display: block; background: url("../img/main/arrow.png") -65px 0px no-repeat rgb(255, 255, 255); width: 65px; height: 65px; text-indent: -9999px; }
.vr .youbtn_ul a.slick-arrow.prev { left: -30px; right: auto; transform: rotate(180deg); }
@media (max-width: 1500px) {
  .vr iframe { height: 400px; }
  .vr .youbtn_ul li a { width: 120px; height: 120px; }
}
@media (max-width: 1250px) {
  .vr .youbtn_ul { padding: 0px 40px; }
}
@media (max-width: 768px) {
  .vr iframe { height: 300px; }
  .vr .youbtn_ul { margin-top: 20px; }
  .vr .youbtn_ul li a { width: 100px; height: 100px; font-size: 16px; }
}
@media (max-width: 480px) {
  .vr iframe { height: 200px; }
  .vr .youbtn_ul li a { width: 80px; height: 80px; font-size: 14px; display:none }
}
/*수정끝 0405*/
/*0315*//*추가끝*/

/* 성공사례 */
.example {position:relative;}
.example .title {font-size:55px;     font-family: 'HSBombaram3_Regular'; text-align:center; color:#2f62ae; letter-spacing:-1px; padding-bottom:30px;  font-weight:normal} /*0215*/
.example .title strong {font-size:55px;}
.example .btnList { position:relative; padding-top:180px; }
.example .btnList > a { display:block; position:relative; border-radius:40px; overflow:hidden;
float:left; width:25%; transition: all 0.2s ease; background:#000; z-index:10; border:1px solid #fff; }
.example .btnList > a:nth-child(4n+1) { clear:both; margin-top:-180px;} /*0310*/
.example .btnList > a:nth-child(2n) {margin-top:-90px;} /*0210*/
.example .btnList > a:nth-child(4n) {margin-top:-140px;} /*0210*/
/*.example .btnList > a:nth-child(5){clear:both;} */ /*0210*/
.example .btnList a img { position:relative; width:100%; opacity:0.7; z-index:10; }
.example .btnList a dl { position:absolute; bottom:0; width:100%; padding:20px; text-align:center; z-index:20; }
.example .btnList a dl dt {font-size:35px; color:#fff; font-weight:600; line-height:1.2 }
.example .btnList a dl dt span {display:block;}
.example .btnList a dl dd {display:none;}
.example .btnList a:hover { border:0; box-shadow:0 0 10px rgba(0,0,0,0.5); transform:scale(1.1); z-index:20; }
.example .btnList a:hover img {opacity:1;}
.example .btnList a:hover dl { position:absolute; bottom:auto; top:30%; padding:30px 20px 50px; background:rgba(1,114,247,0.7); color:#fff; transform:scale(1.1);}
.example .btnList a:hover dl dt {font-size:35px; margin-bottom:15px; }
.example .btnList a:hover dl dt span { position:absolute; right:30px; top:-100px; font-size:55px; color:#24b6ff;}
.example .btnList a:hover dl dd { display:block; font-size:20px;}
.example .btnList a:hover dl dd.more {position:absolute; background:#000; font-size:15px; width:100px; left:50%; bottom:-20px; margin-left:-50px; padding:10px 0;}
/*.example .detailPop {top:300px;}*//*0219*/
.example .slick-dots li {width:25%;}
.example .title.clear {padding-top:100px; }
.example .detailPop.type2 .left, .example .detailPop.type2 .right { width:48%; }/*0325*/
.history > div {position:relative; padding:150px 0; min-height:270px; } /*021+*/
.history > div::before, .history > div::after { content:''; position:absolute; left:0; top:0; width:140px; height:100%; z-index:-1; }
.history > div::after {left:auto; right:0; }
.history > div:nth-child(1n)::before {background:#0997c6;}
.history > div:nth-child(1n)::after {background:#2e62ae;}
.history > div:nth-child(2n)::before {background:#2fb6bb;}
.history > div:nth-child(2n)::after {background:#439ab5;}
.history > div:nth-child(3n)::before {background:#439ab5;}
.history > div:nth-child(3n)::after {background:#2e62ae;}
.history > div:nth-child(4n)::before {background:#0997c6;}
.history > div:nth-child(4n)::after {background:#0997c6;}
.history .year { position:absolute; left:10px; top:60px; font-size:50px; font-weight:600; color:#fff; }
.history .text {margin:0 50% 0 200px; }
.history .text li {padding:10px 0; }
.history .scroll {position:absolute; top:30px; left:55%; width:60%;}
.history .scroll a { position:absolute; display:block; left:-30px; top:50%; margin-top:-30px; width:60px; height:60px; border:1px solid #a99a81; background:#fff url('/img/main/arrow.png') no-repeat 0 0; background-size:cover; border-radius:50%; text-indent:-9999px; z-index:100; transform:rotateY(-180deg); }
.history .scroll li { position:relative; display:inline-block;   overflow:hidden;
width:0; background:#000; vertical-align: top;   border-radius:30px;}
.history .scroll li img {opacity:0.7; width:100%;}
.history .scroll li p { position:absolute; width:100%; left:0; bottom:0; color:#fff; font-size:16px; padding:10px 0; text-align:center; }
.history .scroll .slick-list {padding:20px;}
.history .scroll .slick-current { position:relative; transform:scale(1.15); z-index:100;}/*0219*/
.history .scroll .slick-current li { background:transparent;}/*0219*/
.history .scroll .slick-current li img {box-shadow:0 0 10px rgba(0,0,0,0.5); opacity:1;}/*0219*/
.history .scroll .slick-current li p { position:relative; width:100%; text-align:center; color:#333; }/*0219*/
.history .right .year {left:auto; right:10px;}
.history .right .text {margin:0 200px 0 50%; text-align:right; }
.history .right .scroll {left:auto; right:55%; transform:rotateY(-180deg);  }
.history .right .scroll li p {transform:rotateY(-180deg); }
@media all and (max-width:1200px){
  .example .btnList {padding-top:0;}
  .example .btnList a { margin-top:0 !important;}
  .example .btnList a dl dt {font-size:25px;}
  .example .btnList a:hover { transform:scale(1.05); }
  .example .btnList a:hover dl dt {font-size:27px; }
  .example .btnList a:hover dl dt span { font-size:25px; top:-50px; }
  .example .btnList a:hover dl dd {font-size:17px}
  .history > div {padding:50px 0;}/*0219*/
  .history > div::before, .history > div::after {width:100px;}
  .history .year {font-size:35px; top:40px; }
  .history .right .text { margin:0 130px 0 0;}
  .history .text {margin:0 0 0 130px; }
  .history .text li {font-size:20px; padding:5px 0; }
  .history .scroll { position:unset; width:100%; margin:30px 0 0 130px; }
  .history .right .scroll {margin:30px 0 0 -130px;}
}
@media all and (max-width:1023px){
  .example .title { font-size:40px; }
  .example .title strong {font-size:50px;}
  .example .title.clear {padding-top:30px;}
  .example .btnList a { width:33.33%; }
  .example .btnList a:nth-child(4n+1) {clear:none;}/*0310*/
  .example .btnList a:nth-child(3n+1) {clear:both;}
  .history > div.left::after, .history > div.right::before {display:none;}
  .history .text li {font-size:18px;}
}
@media all and (max-width:768px){
  .example .title {font-size:30px; letter-spacing:-1px; line-height:1.6 }
  .example .title strong {font-size:35px;}
  .example .btnList a dl dt {font-size:18px;}
  .example .btnList a:hover dl { top:30%; padding:20px 10px 40px;}
  .example .btnList a:hover dl dt {font-size:23px; }
  .example .btnList a:hover dl dd {font-size:15px;}
  .example .btnList a:hover dl dd.more { font-size:12px;}
    .example .detailPop.type2 .left, .example .detailPop.type2 .right { width:100%; }}/*0325*/
  .history .text li {line-height:1.4}
	.history .scroll li p {line-height:1.4}
}
@media all and (max-width:600px){
  .example .btnList a dl dt {font-size:18px;}
  .example .btnList a:hover dl {padding:20px 10px;}
  .example .btnList a:hover dl dt {font-size:20px; }
  .example .btnList a:hover dl dd {display:none;}
  .example .btnList a:hover dl dd.more {display:block;}
}
@media all and (max-width:480px){
  .example .title strong {font-size:30px;}
  .example .title strong span {font-size:30px;}
  .example .btnList a { width:50%; }
  .example .btnList a:nth-child(3n+1) {clear:none;} /*0210*/
  .example .btnList a:nth-child(2n+1) {clear:both;} /*0210*/
  .history > div::before, .history > div::after {width:80px;}
  .history .year {font-size:25px; top:40px; }
  .history .text li {font-size:13px; line-height:1.3}
	.history .scroll li p { font-size:13px; line-height:1.4}

  /*
  .example .btnList a:nth-child(4),
  .example .btnList a:nth-child(8) {clear:none;}
  .example .btnList a:nth-child(3),
  .example .btnList a:nth-child(6) {clear:both;}
  */ /*0210*/
}

/*국제회의 복합지구*/
.info_dcvd dl.title {margin-bottom:70px;}
.info_dcvd dl.title dt { font-size:55px; font-weight:600; color:#2f62ae; letter-spacing:2px; line-height:1.3; font-family: 'Anton', sans-serif;}
.info_dcvd dl.title dt span { display: block;  color: #2f62ae; padding-top:3%; padding-bottom:30px}
.info_dcvd dl.title dt span img{ display: block;  }
.info_dcvd dl.title dd { }
.info_dcvd dl.title dd span { } /*0210*/
.info_dcvd dl.title dd span.point { color:#2f62ae;} /*0210*/
.info_dcvd dl.title dd:nth-child(2) {font-weight:600; margin:20px 0 30px; }
.info_dcvd .graph {overflow:hidden;}
.info_dcvd .graph > div { float:right; width:16.66%; margin-right:16.66%; }
.info_dcvd .graph .cont1 {width:33.32%; margin-right:0;}
.info_dcvd .graph h4 { position:relative; font-size:25px; text-align:center; padding-bottom:60px;}
.info_dcvd .graph h4::before {content:''; position:absolute; left:50%; top:60px; width:10px; height:10px; margin-left:-5px; border-radius:50%; background:#009cb8;}
.info_dcvd .graph h4::after {content:''; position:absolute; left:50%; top:45px; width:1px; height:17px; background:#009cb8;}
.info_dcvd .graph .cont3 h4::before {top:330px;}
.info_dcvd .graph .cont3 h4::after {height:290px;}
.info_dcvd .graph .cont3 ul { padding-top:270px !important; }
.info_dcvd .graph li { position:relative; padding:10px;}
.info_dcvd .graph li::before {content:''; position:absolute; right:-100%; top:50%; width:100%; height:50px; margin-top:-25px; background:url('/img/sub/info_dcvd_arrow.jpg') no-repeat center; background-size:100%; }
.info_dcvd .graph .cont1 li::before {display:none;}
.info_dcvd .graph li div { display:flex; align-items:center; background:#0db299; border-radius:50%; height:230px; }
.info_dcvd .graph li p { font-size:25px; color:#fff;   text-align:center; line-height:1.3; width:100%; padding:0 20px; }
.info_dcvd .graph li p span.small {display:block; font-size:18px; margin-top:10px;}
.info_dcvd .graph .cont1 li {float:left; width:50%; }
.info_dcvd .graph .cont1 ul:nth-child(2) li div {background:#828282; }
.info_dcvd .graph .cont1 ul:nth-child(3) li div {background:#a2a2a2; }
.info_dcvd .graph .cont1 ul:nth-child(4) li div {background:#bcbcbc; }
.info_dcvd .graph .cont1 li strong {display:block;}
.info_dcvd .graph .cont2 li:nth-child(2) div {background:#049ec0; }
.info_dcvd .graph .cont2 li:nth-child(3) div {background:#09b1cd; }
.info_dcvd .graph .cont2 li:nth-child(4) div {background:#0ec4da; }
.info_dcvd .map {overflow:hidden; margin:100px 0 30px; display:none}
.info_dcvd .map .left { float:left; width:50%; font-size:25px; }
.info_dcvd .map .left dt {font-weight:600; margin:70px 0 50px; }
.info_dcvd .map .left dt p:first-child { color:#2f62ae; }
.info_dcvd .map .right { position:relative; float:right; width:50%; font-size:16px; }
.info_dcvd .map .right .tab p {position:absolute; left:-7px; top:41%; color:#ff3300; padding:2px 0 2px 40px; z-index:10; }
.info_dcvd .map .right .tab p::before {content:''; position:absolute; left:0; top:50%; margin-top:-13.5px; width:27px; height:27px; background:#f39105; border-radius:50%; }
.info_dcvd .map .right .tab p.type2 { left:-13px; top:47%; color:#006666;}
.info_dcvd .map .right .tab p.type2::before { background:#006666; }
.info_dcvd .map .right .tab p.type3 { left:-13px; top:53%; color:#666600; }
.info_dcvd .map .right .tab p.type3::before { background:#666600; }
.info_dcvd .map .right .tab p.type4 { top:59%; color:#339900; }
.info_dcvd .map .right .tab p.type4::before { background:#339900; }
.info_dcvd .map .right .pin p { position:absolute; color:#ff3300; width:100px; padding-top:70px; line-height:1.2; text-align:center; z-index:10; }

  .info_dcvd .map .right .pin p span { background-color: #FFF; color: #000; font-size: 12px; padding: 5px; display: block; width: 70px; margin: 0 auto; font-weight: 300; color: #003366;}
.info_dcvd .map .right .pin p::before {content:''; position:absolute; left:50%; top:0; width:66px; height:66px; margin-left:-33px; background:url('/img/sub/info_dcvd_icon.png') no-repeat 0 0; }
.info_dcvd .map .right .pin p.type2 { color:#006666; }
.info_dcvd .map .right .pin p.type2::before { background-position:-66px 0;}
.info_dcvd .map .right .pin p.type3 { color:#666600; }
.info_dcvd .map .right .pin p.type3::before { background-position:-132px 0;}
.info_dcvd .map .right .pin p.type4 { color:#339900; }
.info_dcvd .map .right .pin p.type4::before { background-position:-198px 0;}
.info_dcvd .map .right .pin .icon1 { top:10%; left:63%; }
.info_dcvd .map .right .pin .icon2 { top:23%; left:54%; } /*0215*/
.info_dcvd .map .right .pin .icon3 { top:42%; left:50%; }
.info_dcvd .map .right .pin .icon4 { top:66%; left:54%; }
.info_dcvd .map .right .pin .icon5 { top:70%; left:43%; }
.info_dcvd .map .right .pin .icon6 { top:5%; left:43%; }
.info_dcvd .map .right .pin .icon7 { top:12%; left:31%; }
.info_dcvd .map .right .pin .icon8 { top:20%; left:41%; }
.info_dcvd .movie .title {text-align:center;}
.info_dcvd .movie .title p { font-weight:600; }
.info_dcvd .movie .title p span { color:#2f62ae;}
.info_dcvd .movie iframe {width:100%; height:700px; }



/*0315*//*추가시작*/
.info_dcvd .vr1_d { display:inline-block; float:left; margin-right: 20px}
.info_dcvd .vr1 { display:inline-block; }
.info_dcvd .downloadPop.on, .info_dcvd .vr.on { z-index:600; }
.info_dcvd .vr iframe { width: 100%; height: 500px; }
.info_dcvd .vr .youbtn_ul { margin-top: 40px; }
.info_dcvd .vr .youbtn_ul li a { display: flex; align-items: center; width: 150px; height: 150px; color: rgb(255, 255, 255); background: rgb(204, 204, 204); margin: 0px auto; font-size: 20px; border-radius: 50%; }
.info_dcvd .vr .youbtn_ul li a span { width: 100%; text-align: center; line-height: 1.2; }
.info_dcvd .vr .youbtn_ul li.on a { background: rgb(13, 178, 153); }
.info_dcvd .vr .youbtn_ul a.slick-arrow { position: absolute; right: -30px; top: 50%; margin-top: -32.5px; display: block; background: url("../img/main/arrow.png") -65px 0px no-repeat rgb(255, 255, 255); width: 65px; height: 65px; text-indent: -9999px; }
.info_dcvd .vr .youbtn_ul a.slick-arrow.prev { left: -30px; right: auto; transform: rotate(180deg); }


/*20210610*//*추가시작*/

.map_district { width:100%; text-align:center; overflow:hidden; position:relative}
.map_district .map_district_icon { max-width:1500px; height:900px; margin: 0 auto;  position:relative; background:url('/img/sub/mice_map.gif') no-repeat top center; background-size:100%  }
.map_district .map_d_01 { top:36%; left:15%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}
.map_district .map_d_02 { top:31%; left:10%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 20s steps(30, end) infinite both;}
.map_district .map_d_03 { top:46%; left:28%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}
.map_district .map_d_04 { top:38%; left:30%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 20s steps(30, end) infinite both;}
.map_district .map_d_05 { top:48%; left:20%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}
.map_district .map_d_06 { top:58%; left:30%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 20s steps(30, end) infinite both;}
.map_district .map_d_07 { top:72%; left:30%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}
.map_district .map_d_08 { top:57%; left:45%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 20s steps(30, end) infinite both;}
.map_district .map_d_09 { top:31%; left:60%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}
.map_district .map_d_10 { top:21%; left:72%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 20s steps(30, end) infinite both;}
.map_district .map_d_11 { top:12%; left:75%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}
.map_district .map_d_12 { top:14%; left:45%; position:absolute; display:block; -webkit-animation: vibrate-1 2s linear 3s infinite both;
	        animation: vibrate-1 5s linear 2s infinite both;}
.map_district .map_d_13 { top:24%; left:85%; position:absolute; display:block;-webkit-animation: vibrate-1 1.5s linear 2s infinite both;
	        animation: vibrate-1 3s linear 2s infinite both;}
.map_district .map_d_14 { top:-24%; left:-15%; position:absolute; display:block; -webkit-animation: slide-br 10s cubic-bezier(0.250, 0.460, 0.450, 0.3040) both;
	        animation: slide-br 10s  cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.map_district .map_d_15 { top:0%; left:-5%; position:absolute; display:block; -webkit-animation: slide-br 5s cubic-bezier(0.250, 0.460, 0.450, 0.3040) both;
	        animation: slide-br 15s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.map_district .map_d_16 { top:46%; left:37%; position:absolute; display:block; -webkit-animation: shake-vertical 10s steps(10, end) infinite both;
	        animation: shake-vertical 8s steps(30, end) infinite both;}

@media (max-width: 1500px) {
  .info_dcvd .vr iframe { height: 400px; }
  .info_dcvd .vr .youbtn_ul li a { width: 120px; height: 120px; }
		.map_district {display:none}
		.info_dcvd .map {display:none}
}
@media (max-width: 1250px) {
  .info_dcvd .vr .youbtn_ul { padding: 0px 40px; }
		.map_district {display:none}
		.info_dcvd .map {display:none}
}
@media (max-width: 768px) {
  .info_dcvd .vr iframe { height: 300px; }
  .info_dcvd .vr .youbtn_ul { margin-top: 20px; }
  .info_dcvd .vr .youbtn_ul li a { width: 100px; height: 100px; font-size: 16px; }
		.map_district {display:none}
}
@media (max-width: 480px) 
{
  .info_dcvd .vr iframe { height: 200px; }
  .info_dcvd .vr .youbtn_ul li a { width: 80px; height: 80px; font-size: 14px; }
		.map_district {display:none}
}
/*0315*//*추가끝*/




@media all and (max-width:1200px){
 .info_dcvd .graph li div {height:170px;}
 .info_dcvd .graph li p {font-size:20px;}
 .info_dcvd .graph li p span.small {font-size:14px; margin-top:5px;}
}
@media all and (max-width:1023px){
  .info_dcvd dl.title dt {font-size:50px;}
  .info_dcvd dl.title dd:nth-child(2) {margin:30px 0 20px; }
  .info_dcvd dl.title dd {font-size:25px;}
  .info_dcvd dl.title dd span {display:inline;}
  .info_dcvd .graph > div {width:100% !important; margin-right:0; padding-top:120px;}
  .info_dcvd .graph .cont3 h4::after {height:17px;}
  .info_dcvd .graph .cont3 h4::before {top:60px;}
  .info_dcvd .graph li {float:left; width:33.33%;}
  .info_dcvd .graph li::before { width:100px; top:-100%; right:50%; margin:0 -50px 0 0; transform:rotate(-90deg); background-size:auto; background-position:left center; }
  .info_dcvd .graph li div {border-radius:30px;}
  .info_dcvd .graph .cont1 {padding-top:0;}
  .info_dcvd .graph .cont1 ul {float:left; width:33.33%; }
  .info_dcvd .graph .cont1 li {width:100%;}
  .info_dcvd .graph .cont3 ul {padding-top:0 !important; margin:0 auto; width:33.33%;  }
  .info_dcvd .graph .cont3 li {width:100%;}
  .info_dcvd .map {margin:30px 0; display:contents}
  .info_dcvd .map .left {font-size:25px;}
  .info_dcvd .map .left dt {margin:0 0 30px;}
  .info_dcvd .map .right .tab p { top:39%;}
  .info_dcvd .map .right .tab p span { background-color: #FFF; color: #000; font-size: 12px; padding: 5px; display: block; width: 70px; margin: 0 auto; font-weight: 300; color: #003366;}
  .info_dcvd .map .right .tab p.type2 { top:46%; }
  .info_dcvd .map .right .tab p.type3 { top:54%; }
  .info_dcvd .map .right .tab p.type4 { top:61%; }
  .info_dcvd .map .right .pin p {padding-top:40px;}
  .info_dcvd .map .right .pin p::before {width:35px; height:35px; margin-left:-17.5px; background-size:auto 35px; }
  .info_dcvd .map .right .pin p.type2::before { background-position:-35px 0;}
  .info_dcvd .map .right .pin p.type3::before { background-position:-70px 0;}
  .info_dcvd .map .right .pin p.type4::before { background-position:-105px 0;}
}
@media all and (max-width:768px){
  .info_dcvd dl.title {margin-bottom:40px;}
  .info_dcvd dl.title dt {font-size:35px; letter-spacing:-1px; }
  .info_dcvd dl.title dd {font-size:20px;}
  .info_dcvd .graph > div {padding-top:80px;}
  .info_dcvd .graph li::before {width:50px; margin:0 -25px 0 0; top:-110%;}
  .info_dcvd .graph li p {font-size:18px;}
  .info_dcvd .graph li div {height:130px;}
  .info_dcvd .map .left { float:none; width:100%; font-size:20px;}
  .info_dcvd .map .right { float:none; width:500px; margin:40px auto 0;}
  .info_dcvd .movie iframe {height:500px;}
}
@media all and (max-width:560px){
  .info_dcvd .map .right { font-family:sans-serif; width:100%; font-size:12px;}
  .info_dcvd .map .right .tab p { left:5px !important;}
  .info_dcvd .map .right .pin p {width:50px !important; font-size:12px; padding-top:35px;} /*0215*/
  .info_dcvd .map .right .pin p::before { transform:scale(0.9);} /*0215*/
  /*
  .info_dcvd .map .right .pin p { padding-top:20px; }
  .info_dcvd .map .right .pin p::before {width:15px; height:15px; margin-left:-7.5px; background:#f39105; border-radius:50%;}
  .info_dcvd .map .right .pin p.type2::before { background:#006666;}
  .info_dcvd .map .right .pin p.type3::before { background:#666600;}
  .info_dcvd .map .right .pin p.type4::before { background:#339900;}
  */
  /*0215*/
}
@media all and (max-width:480px){
  .info_dcvd .graph li {padding:5px;}
  .info_dcvd .graph li p {font-size:15px; letter-spacing:-1px; padding:0;}
  .info_dcvd .movie iframe {height:300px;}
}


/*대구의 5+1산업*/
.industry .tab { position:relative; overflow:hidden;}
.industry .tab div {display:block; float:left; width:33.33%; padding:0 1px;}
.industry .tab div img {width:100%;}
.industry .tab dl {padding:20px;}
.industry .tab dt { font-size:40px; color:#2f62ae; line-height:1.3; letter-spacing: -1px; font-weight:600; }
.industry .tab dd {font-size:18px; margin-top:20px;}
.industry .tab .more { display:inline-block; padding-right:25px; padding:7px;  }
.industry .tab .more:hover {background:rgba(0,0,0,0.05);}
.industry .tab .more span{ display:inline-block; position:relative; padding-right:25px;}
.industry .tab .more span::before {content:''; position:absolute; right:0; top:6px; width:16px; height:16px; background:url('/img/sub/moreIcon.png') no-repeat 0 0; }
.industry .tab div.on::before {content:''; position:absolute; left:0; top:0; width:100%; height:1000px; border:1px solid #fff; background:#2f62ae; box-sizing: inherit; z-index:-1; }
.industry .tab div.on,
.industry .tab div.on dt,
.industry .tab div.on .more {color:#fff;}
.industry .tab div.on span::before { background-position:-16px 0; }
.industry .tab div.on .more:hover {background:rgba(255,255,255,0.2);}
.industry h4 {font-size:55px;      font-family: 'HSBombaram3_Regular'; letter-spacing:-2px; color:#2f62ae; margin-bottom:20px; text-align:center;  font-weight:normal } /*0215*/
.industry h4+p { font-size:25px; text-align:center; font-weight: 500; line-height:37px }
.industry h4+p span {color:#2f62ae;}
.industry h4+dl { padding-bottom: 30px; font-size: 18px; font-weight: 300; color: #000; line-height:1.8}/*0210*/
.industry h4+dl dt { font-weight: bold !important; font-size: 23px; margin-bottom:40px; line-height:1.6}/*0210*/
.industry h4+dl dt span {color:#2f62ae;}
.industry h4+dl dd { font-size: 18px; line-height: 1.8; font-weight: 300; color: #000;}/*0210*/
@media all and (max-width:1200px){
  .industry .tab dt {font-size:25px;}
  .industry h4 { font-size:50px; letter-spacing:-1px; }
  .industry h4+dl dt {font-size:20px;}/*0219*/
  .industry h4+p {font-size:20px;}/*0219*/
  /*.industry h4+dl {font-size:25px;}*//*0219*/
}
@media all and (max-width:768px){
  .industry .tab div {width:100%; padding:20px; border-bottom:1px dashed #ddd; }
  .industry .tab div.on { background:#2f62ae; border-bottom:0; }
  .industry .tab div.on::before { display:none; }
  .industry .tab div img {float:left; width:40%;}
  .industry .tab dl {float:right; width:55%; padding:0; }
  .industry .tab dd {margin-top:10px;}
  .industry .tab .more {padding:4px 0;}
  .industry h4 {font-size:30px; letter-spacing:-1px; margin-bottom:20px; }/*0215*/
  .industry h4+dl,
  .industry h4+p {font-size:20px;}
}
@media all and (max-width:480px){
	
  .industry .tab div img {width:100%;}
  .industry .tab dl {width:100%; margin-top:20px;}
  .industry h4+dl,
  .industry h4+p {font-size:13px; line-height: 1.6;}/*0210*/
  .industry h4+dl dt {font-size:16px; margin-bottom:20px; line-height:1.4}/*0215*/
		.industry h4+dl dd { font-size: 12px; }/*0210*/
		
		.industry h4+dl dd br { display: none}/*0210*/
}

/*대구의 산업*/
/*.industry .tabView1 { padding:70px 0 0; }*//*0219*/
.industry .tabView1 h4 {text-align:left; }
.industry .tabView1 .cont1 { position:relative; margin-bottom:70px; min-height:450px; }/*0219*/
.industry .tabView1 .cont1 .wrap { padding-right:800px;}/*0219*/
.industry .tabView1 .cont1 > img { position:absolute; top:0; right:0; box-shadow:10px 10px 20px rgba(0,0,0,0.2); z-index:10; width:550px;}/*0219*/
/*.industry .tabView1 .cont1 h4+dl {float:left; width:50%; }*//*0219*/
.industry .tabView1 .cont1 .img1 {top:130px; right:15%; z-index:20;}/*0219*/
.industry .tabView1 .cont2 { clear:both; position:relative; }/*0219*/
.industry .tabView1 .cont2 .tab2 {text-align:center; overflow:hidden; }
/* .industry .tabView1 .cont2 .tab2 li {float:left; width:13%; }
.industry .tabView1 .cont2 .tab2 li:nth-child(2n-1){width:10%;} */
.industry .tabView1 .cont2 .tab2 li:first-child {}
.industry .tabView1 .cont2 .tab2 li:last-child {width:19%;}



.industry .tabView1 .cont2 .tab2 a { position:relative; display:inline-block; font-size:23px; color:#fff; width:190px; height:190px; border-radius:50%; background:#0db299; padding-top:120px; vertical-align:top; letter-spacing: 1px; }
.industry .tabView1 .cont2 .tab2 a.city {margin-left:60px; background:#2f62ae; }
.industry .tabView1 .cont2 .tab2 a:hover {background:#3dc1ad;}
.industry .tabView1 .cont2 .tab2 a.city:hover {background:#5095ac;}
.industry .tabView1 .cont2 .tab2 a::before {content:''; position:absolute; width:90px; height:90px; left:50%; top:25px; margin-left:-45px; background:url('/img/sub/industryIcon1.png') no-repeat 0 0; -webkit-animation: blink 2s linear infinite;}
.industry .tabView1 .cont2 .tab2 a span::before {content:''; position:absolute; width:15px; height:15px; left:10px; top:50%; margin-top:-7.5px; background:url('/img/sub/industry_more.png') no-repeat center; -webkit-animation: blink 2s linear infinite; }
@-webkit-keyframes blink {
    0% { opacity:0.2; }
    50% { opacity:1; }
    100% { opacity:0.2; }
}
.industry .tabView1 .cont2 .tab2 a.medi::before {background-position:-90px 0;}
.industry .tabView1 .cont2 .tab2 a.car::before {background-position:-180px 0;}
.industry .tabView1 .cont2 .tab2 a.ener::before {background-position:0 -90px;}
.industry .tabView1 .cont2 .tab2 a.robot::before {background-position:-90px -90px;}
.industry .tabView1 .cont2 .tab2 a.city::before {background-position:-180px -90px;}
.industry .tabView1 .cont2 .tab2 a.city::after {content:''; position:absolute; width:41px; height:41px; left:0; top:50%; margin:-20px 0 0 -60px; background:url('/img/sub/industryPlus.png') no-repeat 0 0;}
.industry .infoScroll {display:none; margin:30px 0 15px; text-align:center;}/*0210*/
.industry .infoScroll span {display:inline-block; background:url('/img/sub/infoScroll.png') no-repeat left center/auto 25px; font-size:14px; padding:5px 0 5px 35px;}/*0210*/
.industry .tabView1 .cont2 .tableW {margin-bottom:60px;}
.industry .tabView1 .cont2 .table {margin-top:30px;}
.industry .tabView1 .cont2 .table td,
.industry .tabView1 .cont2 .table th { word-break:break-all; }
.industry .tabView1 .cont2 p {font-size:18px;}/*0210*/
.industry .detailPop .tab2 a {background:#adadad !important; width:150px !important; height:150px !important; font-size:22px !important; padding-top:90px !important; }
.industry .detailPop .tab2 a::before {transform:scale(0.7); top:7px !important;}
.industry .detailPop .tab2 a.on {background:#64cdbd !important;}
.industry .tabView1 .cont3 {text-align:center; margin-top:50px;}
.industry .tabView1 .cont3 h4 {text-align:center;}
.industry .tabView1 .map { margin:40px 0 -90px; background:#f7f7f7 url('/img/sub/industryMap1.png') no-repeat 60% center;}
.industry .tabView1 .map .wrap {position:relative; height:900px; }
.industry .tabView1 .map .wrap .map1 {position:absolute; left:50px; top:150px;}
.industry .tabView1 .map .wrap .map2 {position:absolute; right:50px; top:50px;}
.industry .tabView1 .map .wrap .map3 {position:absolute; right:280px; bottom:50px;}
@media all and (max-width:1400px){
  .industry .tabView1 .cont1 {min-height:370px;}
  .industry .tabView1 .cont1 .wrap { padding-right:550px;}/*0219*/
  .industry .tabView1 .cont1 > img { width:400px;}/*0219*/
  .industry .tabView1 .cont2 .tab2 a {width:130px !important; height:130px !important; font-size:19px !important; padding-top:80px !important; }
  .industry .tabView1 .cont2 .tab2 a::before {width:50px; height:50px; background-size:auto 100px; margin-left:-25px; }
  .industry .tabView1 .cont2 .tab2 a.medi::before {background-position:-50px 0;}
  .industry .tabView1 .cont2 .tab2 a.car::before {background-position:-100px 0;}
  .industry .tabView1 .cont2 .tab2 a.ener::before {background-position:0 -50px;}
  .industry .tabView1 .cont2 .tab2 a.robot::before {background-position:-50px -50px;}
  .industry .tabView1 .cont2 .tab2 a.city::before {background-position:-100px -50px;}
  .industry .detailPop .tab2 a::before {transform:scale(1); top:15px !important; }
}
@media all and (max-width:1300px){
  .industry .tabView1 .map { background-size:70% auto; background-position:70% center; }
  .industry .tabView1 .map .wrap { height:700px;}
  .industry .tabView1 .map .wrap img {transform:scale(0.7);}
  .industry .tabView1 .map .wrap .map1 { left:-50px; top:100px;}
  .industry .tabView1 .map .wrap .map2 { right:-50px; top:0;}
  .industry .tabView1 .map .wrap .map3 { right:100px; bottom:0;}
}
/*
@media all and (max-width:1200px){
  .industry .tabView1 .cont2 p {font-size:25px;}
}*/
/*0210*/
@media all and (max-width:1023px){
  .industry .tabView1 .cont1 { overflow:hidden; }/*0219*/
  .industry .tabView1 .cont1 .wrap { padding-right:0; }/*0219*/
  .industry .tabView1 .cont1 h4+dl {width:100%;}/*0219*/
  .industry .tabView1 .cont1 > img { position:relative; float:left; width:46%; top:auto !important; right:auto !important; margin:30px 2% 0; }
}
@media all and (max-width:768px){
  .industry .tabView1 { padding:10px 0 0; }
  .industry .tabView1 .cont1 {padding-bottom:50px;}
  .industry .infoScroll {display:block;} /*0210*/
  .industry .tabView1 .cont2 .tableW { overflow:auto; margin-bottom:30px; }
  .industry .tabView1 .cont2 .tableW > * {width:768px;}
  .industry .tabView1 .cont2 .tab2 a { width:80px !important; height:80px !important; font-size:15px !important; padding-top:30px !important; line-height:1.2; } /*0215*/
  .industry .tabView1 .cont2 .tab2 a::before {display:none;}
  .industry .tabView1 .cont2 .tab2 a span::before {left:50%; bottom:5px; top:auto; margin:0 0 0 -9px; }
  .industry .tabView1 .cont2 .tab2 li a { padding-top:24px !important; } /*0215*/
  .industry .tabView1 .cont2 .tab2 li:nth-child(3) a,
  .industry .tabView1 .cont2 .tab2 li a.city {padding-top:15px !important;} /*0215*/
  .industry .detailPop .tab2 a:nth-child(3),
  .industry .detailPop .tab2 a.city {padding-top:18px !important;} /*0210*/
  .industry .tabView1 .map {  margin:40px 0 ;  background:#f7f7f7; padding:20px 0;}
  .industry .tabView1 .map .wrap { height:auto; }
  .industry .tabView1 .map .wrap img {position:relative !important; left:auto !important; top:auto !important; right:auto !important; bottom:auto !important; width:80%; margin:0 10%; transform:scale(1);}
}
@media all and (max-width:480px){
  .industry .tabView1 h4, .industry .tabView1 .cont1 {text-align:center;}/*0215*/
  .industry .tabView1 .cont2 p {font-size:13px; line-height: 1.6; text-align:center; } /*0215*/
}

.table {overflow:auto;}
.table table { border-top:1px solid #3dc1ad; text-align:center; margin-left:-1px;  width:100%}
.table tbody th {background:#eaeaea; color:#2f62ae; font-size:18px; border-bottom:1px solid #3dc1ad; border-left:1px solid #3dc1ad; padding:10px; }
.table tbody td {font-size:16px; border-bottom:1px solid #3dc1ad; border-left:1px solid #3dc1ad; padding:10px;}
.table tbody td:nth-child(2n-1) {background:#ebf9f7;}
.industry .tabView1 .cont3 {margin-top:0px;}
@media all and (max-width:1023px){
  .table tbody th {font-size:23px;}
  .table tbody td {font-size:20px;}
}
@media all and (max-width:768px){
  .table tbody th {font-size:20px;}
  .table tbody td {font-size:18px;}
}
@media all and (max-width:480px){
  .table tbody th {font-size:13px; line-height:1.4} /*0210*/
  .table tbody td {font-size:11px; line-height: 1.6; } /*0210*/
}

/*주요기업*/
.industry .tabView2 h4+dl {text-align:center;}
.industry .tabView2 .mapPC { position:relative; margin:-150px 0; transform:scale(0.7);}
.industry .tabView2 .mapPC img {position:absolute; left:0; top:0; width:100%; height:100%; z-index:20;}
.industry .tabView2 .mapPC .bg2 {z-index:30;}
.industry .tabView2 .mapPC .bg3 {z-index:10;}
.industry .tabView2 .mapPC .bg1 {position:relative;}
.industry .tabView2 .mapM {display:none;}
@media all and (max-width:1200px){
  .industry .tabView2 .mapPC { margin:-100px 0;}
}
@media all and (max-width:1023px){
  .industry .tabView2 .mapPC { margin:0; transform:scale(1);}
}
@media all and (max-width:768px){
  .industry .tabView2 .mapPC {display:none;}
  .industry .tabView2 .mapM {display:block; margin-top:30px;}
  .industry .tabView2 .mapM img { width:100%; margin-top:40px;}
}

/*지역특화*/
.industry .tabView3 {}
.industry .tabView3 h4+dl {text-align:center;}
.industry .tabView3 .cont > div {position:relative; margin:60px 0;}
.industry .tabView3 .cont > div:last-child {margin:140px 0 0;}
.industry .tabView3 .cont dl { width:50%; background-color: #f3f3f3; border-radius:40px;
padding: 3%; margin-bottom:10%; min-height: 420px}

.industry .tabView3 .cont dl dt {font-size:40px; color:#2e62ae; font-weight:600; margin-bottom:20px; line-height:1.3; letter-spacing:-1px; }
.industry .tabView3 .cont dl dd ul {overflow:hidden;}
.industry .tabView3 .cont dl dd li { width: 100%; float:left; font-size:23px; color:#000; margin-right:30px; font-weight:500; line-height: 1.6; display:block }
.industry .tabView3 .cont .text { width:100%; color:#fff; padding:30px 30px; margin-top:30px; background-image:url('/img/sub/industry3_bg.png'); background-repeat:no-repeat; background-position:-100px top; background-size:auto 100%; background-color:rgba(31,103,127,0.9); border-radius: 20px; }
.industry .tabView3 .cont > div:nth-child(2n) .text { background-color:rgba(23,128,164,0.9); border-radius: 20px; }
.industry .tabView3 .cont > div:nth-child(3n) .text { background-color:rgba(18,164,173,0.9); border-radius: 20px; }
.industry .tabView3 .cont img {position:absolute; border-radius:40px; right:0; top: 12%; z-index:-1; width:50%; }
.industry .tabView3 .cont p {position:absolute; right:0; top: 12%; z-index:-1; width:50%; }
.industry .tabView3 .cont > div:nth-child(2n) {text-align:right;}
.industry .tabView3 .cont > div:nth-child(2n) dl {margin-left:50%;}
.industry .tabView3 .cont > div:nth-child(2n) dl dd li {float:right; margin:0 0 0 30px;}
.industry .tabView3 .cont > div:nth-child(2n) .text {}
.industry .tabView3 .cont > div:nth-child(2n) img { right:auto; left:0; }
@media all and (max-width:1200px){
  .industry .tabView3 .cont > div {margin:70px 0;}
  .industry .tabView3 .cont img {bottom:auto; top:0;}
}
@media all and (max-width:1023px){
  .industry .tabView3 .cont .text {width:100%; margin:30px 0 0 !important;}
  .industry .tabView3 .cont dl dt {font-size:40px;}
  .industry .tabView3 .cont dl dd li {font-size:25px;}
  .industry .tabView3 .cont .text {font-size:20px;}
  .industry .tabView3 .cont img {width:45%; }
}
@media all and (max-width:768px){
.industry .tabView3 {padding:10px 0 0;}
  .industry .tabView3 .cont dl dt {font-size:20px; text-align:center; line-height:1.4}
  .industry .tabView3 .cont dl dd li {font-size:15px;  text-align:center; line-height: 1.6; width:100%}
  .industry .tabView3 .cont .text {font-size:13px; padding:20px 30px; line-height: 1.6; text-align:center }
}
@media all and (max-width:600px){
  .industry .tabView3 .cont > div {margin-top:40px; }
  .industry .tabView3 .cont dl { text-align:left !important; width:100%; margin:0 !important;}
  .industry .tabView3 .cont dl dd li {float:left !important; margin:0 20px 0 0 !important;}
  .industry .tabView3 .cont .text {margin:20px 0 0 !important; }
  .industry .tabView3 .cont img { width:350px; right:auto !important; left:50% !important; margin-left:-175px;}
		.industry .tabView3 .cont p {width:100%; }
}

/*테크니컬투어*/
.industry .tabView4 {}
.industry .tabView4 .btn {margin:40px auto  50px; overflow:hidden; width:70% }
.industry .tabView4 .btn dl { position:relative; float:left; width:32%; height:450px; margin-left:2%; text-align:center; border:10px solid #019d9c; border-radius:20px; padding:10px; }/*0310*/
.industry .tabView4 .btn dl:nth-child(1) {margin-left:0;}
.industry .tabView4 .btn dl:nth-child(2) {border:10px solid #1e85a6;}
.industry .tabView4 .btn dl:nth-child(3) {border:10px solid #27516a;}
.industry .tabView4 .btn dl::before { content:''; position:absolute; left:-16%; top:10%; width:20%; height:80%; background:#fff; z-index:10;}
.industry .tabView4 .btn dl::after { content:''; position:absolute; left:-8.5%; top:10%; width:12px; height:80%; background:url('/img/sub/industry4_dash.png') repeat-y 0 0; z-index:10;}
.industry .tabView4 .btn dl:nth-child(1)::before,
.industry .tabView4 .btn dl:nth-child(1)::after {display:none;}
.industry .tabView4 .btn dl:nth-child(3)::after {background-position:-12px 0;}
.industry .tabView4 .btn dt { position:relative; font-size:30px; font-weight:600; color:#019d9c; padding:110px 0 20px; line-height:1.3; letter-spacing:-1px;} /*0310*/
.industry .tabView4 .btn dl:nth-child(2) dt {color:#1e85a6;}
.industry .tabView4 .btn dl:nth-child(3) dt {color:#27516a;}
.industry .tabView4 .btn dt::before {content:''; position:absolute; left:50%; top:-20px; width:200px; height:150px; margin-left:-100px; background:url('/img/sub/industry4_icon.png') no-repeat 0 0; transform:scale(0.6);}/*0310*/
.industry .tabView4 .btn dl:nth-child(2) dt::before {background-position:-200px 0;}
.industry .tabView4 .btn dl:nth-child(3) dt::before {background-position:-400px 0;}
.industry .tabView4 .btn dd p { position:relative; font-size:18px; padding-top:20px; color:#000 }
.industry .tabView4 .btn dd p:nth-child(1) {padding-top:0; }
.industry .tabView4 .btn dd p::before {content:''; position:absolute; left:50%; top:13px; width:20px; height:5px; margin-left:-10px; background:#019d9c;}
.industry .tabView4 .btn dd p:nth-child(1)::before {display:none;}
.industry .tabView4 .btn dl:nth-child(2) dd p::before { background:#1e85a6;}
.industry .tabView4 .btn dl:nth-child(3) dd p::before { background:#27516a;}
.industry .tabView4 .btn dd a { display:block; position:absolute; left:50%; bottom:10px; width:67px; height:67px; margin-left:-33.5px; background:url('/img/sub/industry4_more.gif') no-repeat 0 0; text-indent:-99999px; transform:scale(0.6);}/*0310*/
.industry .tabView4 .btn dl:nth-child(2) a {background-position:-67px 0;}
.industry .tabView4 .btn dl:nth-child(3) a {background-position:-134px 0;}
.industry .tabView4 h5 { position:relative; font-size:40px; color:#019d9c; padding-left:80px; margin:20px 0; }
.industry .tabView4 h5::before {content:''; position:absolute; left:0; top:50%; width:70px; height:50px; margin-top:-25px; background:url('/img/sub/industry4_icon.png') no-repeat 0 0 ; background-size:210px auto; }
.industry .tabView4 #cont2 h5 {color:#1e85a6;}
.industry .tabView4 #cont2 h5::before {background-position:-70px 0;}
.industry .tabView4 #cont3 h5 {color:#27516a;}
.industry .tabView4 #cont3 h5::before {background-position:-140px 0;}
.industry .tabView4 .listWrap > p {font-size:23px; font-weight: 500; line-height:1.6}
.industry .tabView4 .listWrap > p span { color:#019d9c;}
.industry .tabView4 #cont2.listWrap > p span { color:#1e85a6;}
.industry .tabView4 #cont3.listWrap > p span { color:#27516a;}
.industry .tabView4 .listWrap > p span { color:#019d9c;}
.industry .tabView4 .listWrap ul.list > li {position:relative; margin:40px 0; padding-left:290px; min-height:320px; border-bottom: 1px solid; border-color:#ccc  }
.industry .tabView4 .listWrap ul.list > li > img { position:absolute; left:0; top:0; border-radius:20px; max-width:250px}
.industry .tabView4 .listWrap ul.list dt { font-size:30px; font-weight:600; margin-bottom:25px; }
.industry .tabView4 .listWrap ul.list dt a.more { position:relative; display:inline-block; font-size:18px; border-bottom:1px solid #ccc; padding-right:25px; margin-left:20px; font-weight:300 }
.industry .tabView4 .listWrap ul.list dt a.more::before {content:''; position:absolute; right:0; top:50%; width:16px; height:16px; margin-top:-8px; background:url('/img/sub/moreIcon.png') no-repeat 0 0; }
.industry .tabView4 .listWrap ul.list dd p {font-size:18px; color: #000;  margin-bottom:10px;}
@media all and (max-width:1200px){
  .industry .tabView4 .btn dl {padding:30px 20px; height:460px;} /*0310*/
  .industry .tabView4 .btn dt {font-size:23px; padding:90px 0 10px;}/*0310*/
  .industry .tabView4 .btn dt::before {transform:scale(0.5); top:-45px; }/*0310*/
  .industry .tabView4 .btn dd p {font-size:18px;}/*0310*/
  /*
  .industry .tabView4 h5 {font-size:35px; margin:60px 0 30px;}
  .industry .tabView4 .listWrap > p {font-size:25px;}
  .industry .tabView4 .listWrap ul.list dt {font-size:32px;}
  .industry .tabView4 .listWrap ul.list dd p {font-size:23px;}
  *//*0310*/
}
@media all and (max-width:768px){
  .industry .tabView4 {padding:10px 0;}
.industry .tabView4 .btn {margin:30px 0; overflow:hidden; }
  .industry .tabView4 .btn dl::before,
  .industry .tabView4 .btn dl::after { display:none; }
  .industry .tabView4 .btn dt::before {transform:scale(0.5);}
  .industry .tabView4 .btn dd {float:right; width:65%; text-align:left; }
  .industry .tabView4 .btn dd p {display:inline-block; padding:5px 0 5px 15px ; margin-right:20px; font-size:15px}
  .industry .tabView4 .btn dd p::before { left:0; top:50%; width:10px; height:10px; border-radius:50%; margin:-5px 0 0; }
  .industry .tabView4 .btn dd p:nth-child(1)::before {display:block;}
  .industry .tabView4 .btn dd a {bottom:20px; right:20px; left:auto;}
  .industry .tabView4 h5 {font-size:35px; margin:40px 0 20px;}
  .industry .tabView4 .listWrap > p {font-size:16px; line-height:1.4}
  .industry .tabView4 .listWrap ul.list > li {padding-left:260px;}
  .industry .tabView4 .listWrap ul.list > li > img {width:220px;}
  .industry .tabView4 .listWrap ul.list dt {font-size:26px;}
  .industry .tabView4 .listWrap ul.list dd p {font-size:20px;}
  
  .infra_2 .caution {
    font-size: 0.9rem;
    padding: 5px 0 5px 40px;
    margin-bottom: 10px;
}
}
@media all and (max-width:500px){
	
	.industry .tabView4 .btn { display:none }
  .industry .tabView4 .listWrap ul.list > li > img { position:relative; width:60%; margin:0 20% 20px; }
  .industry .tabView4 .listWrap ul.list > li {padding-left:0;}
  .industry .tabView4 .listWrap ul.list dt {font-size:20px; margin-bottom:20px; margin-top:20px; text-align:left; line-height:1.4; width:100% }
		.industry .tabView4 .listWrap ul.list dt a.more { position:relative; display:inline-block; font-size:13px; border-bottom:1px solid #ccc; padding-right:25px; margin-left:20px;}
		  .industry .tabView4 .listWrap > p {font-size:13px; line-height:1.6}
						  .industry .tabView4 .listWrap > p br { display:none}
  .industry .tabView4 .listWrap ul.list dd { padding-bottom: 20px}
  .industry .tabView4 .listWrap ul.list dd p {font-size:13px; line-height:1.6}
  .industry .tabView4 h5 {font-size:25px; margin:40px 0px 20px;}
}

/*대구가 좋은이유*/
.goodDG {overflow:hidden;}
.goodDG h4 {     font-family: 'HSBombaram3_Regular';  font-size:55px; color:#2f62ae; line-height:1.3; text-align:center; font-weight:normal } /*0215*/
.goodDG h4 strong {color:#F66; font-size:100px; }
.goodDG .cont1 {position:relative; padding:20px 0 100px; margin-bottom:200px; }
.goodDG .cont1 img.box { position:absolute; left:2%; bottom:2%; z-index:10; }
.goodDG .cont1 a { position:absolute; z-index:20; }
.goodDG .cont1 a.btn1 { left:10%; top:15%; }
.goodDG .cont1 a.btn2 { left:22%; top:50%; }
.goodDG .cont1 a.btn3 { left:30%; top:9%; }
.goodDG .cont1 a.btn4 { left:42%; top:52%; }
.goodDG .cont1 a.btn5 { left:53%; top:9%; }
.goodDG .cont1 a.btn6 { left:65%; top:43%; }
.goodDG .cont1 a.btn7 { left:80%; top:20%; }
.goodDG .cont1 a div { position:relative; display:flex; align-items:center; border-radius:50%; width:260px; height:260px; color:#fff; text-align:center; box-shadow:3px 3px 30px rgba(0,0,0,0.3); transition: all 0.2s ease; }
.goodDG .cont1 a:hover div { transform:scale(1.2) !important;}
.goodDG .cont1 a.btn1 div { background:#0dab98; transform:scale(0.9);}
.goodDG .cont1 a.btn2 div { background:#0d748d; transform:scale(0.95);}
.goodDG .cont1 a.btn3 div { background:#717dcc;}
.goodDG .cont1 a.btn4 div { background:#f83f43; transform:scale(1.1);}
.goodDG .cont1 a.btn5 div { background:#b579cf; transform:scale(1.1);}
.goodDG .cont1 a.btn6 div { background:#ff804b; transform:scale(0.95);}
.goodDG .cont1 a.btn7 div { background:#f83e88; transform:scale(0.89);}
.goodDG .cont1 a div::before { content:''; position:absolute; width:20px; height:20px; left:50%; bottom:15px; margin-left:-10px; background:rgba(255,255,255,0.4) url('/img/sub/plus.gif') no-repeat center; border-radius:50%; }
.goodDG .cont1 dl {width:100%; line-height:1.2; margin-bottom:30px; }
.goodDG .cont1 dl dt {font-size:25px; margin-bottom:10px; }
.goodDG .cont1 dl dt span.num { display:block; font-size:40px; font-weight:600; }
.goodDG .cont1 dl dd {font-size:19px;}
.goodDG .cont1 dl dd span {display:block;}
.goodDG .goodBG { height:100% !important; max-height:100% !important; position:relative; display:flex; align-items:center;}
.goodDG .goodBG .text { width:100%; transition: all 1s ease; padding:100px 0;}
.goodDG .goodBG .text > div { text-align:center; overflow:hidden; max-width:1300px; margin:0 auto;}
.goodDG .goodBG .text.white,
.goodDG .goodBG .text.white .txt1,
.goodDG .goodBG .text.white span  {color:#fff ;}
.goodDG .goodBG .txt1 { position:relative; font-size:90px; font-weight:600; letter-spacing:-7px; padding-bottom:40px; }
.goodDG .goodBG .txt2 { position:relative; font-size:25px; font-weight:500; padding-bottom:40px;}
.goodDG .goodBG .txt2 ul { display:inline-block;}
.goodDG .goodBG .txt2 ul li {  position:relative; float:left; display:flex; align-items:center; color:#fff; width:220px; height:220px; border-radius:50%; margin-left:80px; }
.goodDG .goodBG .txt2 ul li:first-child {margin-left:0;}
.goodDG .goodBG .txt2 ul li::before {content:''; position:absolute; left:-60px; top:50%; width:40px; height:40px; margin-top:-20px; background:url('/img/sub/goodDG_plus.png') no-repeat center; }
.goodDG .goodBG .txt2 ul li:first-child::before {display:none;}
.goodDG .goodBG .txt2 ul li span {width:100%;}
.goodDG .goodBG .txt3 { position:relative;font-size:25px; padding-bottom:30px; font-weight:600;}
.goodDG .goodBG .txt4 { position:relative;font-size:25px;}
.goodDG .goodBG .bg { position:absolute; left:0; bottom:0; width:100%; max-width:100% !important; background-size:85%; background-position:center; }
.goodDG .goodBG .bg1 {z-index:-2;}
.goodDG .goodBG .bg2 {z-index:-1;}
.goodDG .goodBG .bg video { width:100%; opacity: 0.5; object-fit: cover; object-position: center;}

#section1 .txt1 { color:#006699;}
#section1 .txt2 li {background:#006699;}
#section1 .txt3 span {color:#006699;}
#section1 .bg1 { background-image:url('/img/sub/goodDG_img1-1.jpg'); }
#section1 .bg2 { background-image:url('/img/sub/goodDG_img1-2.jpg'); }
#section2 .txt1 {color:#cc66cc;}
#section2 .txt2 li {background:#cc66cc;}
#section2 .bg1 { background-image:url('/img/sub/goodDG_img2-1.jpg'); }
#section2 .bg2 { background-image:url('/img/sub/goodDG_img2-2.jpg'); }
#section3 .txt1 {color:#008282;}
#section3 .txt2 li {background:#008282;}
#section3 .txt3 span {color:#008282;}
#section4 .txt1 {color:#f83f43;}
#section4 .txt2 li {background:#f83f43;}
#section4 .txt3 span {color:#f83f43;}
#section5 .txt1 {color:#717dcc;}
#section5 .txt2 li {background:#717dcc;}
#section5 .bg1 { background-image:url('/img/sub/goodDG_img5-1.jpg'); }
#section5 .bg2 { background-image:url('/img/sub/goodDG_img5-2.jpg'); }
#section6 .txt1 {color:#f83e88;}
#section6 .txt2 li {background:#f83e88;}
#section6 .txt3 span {color:#f83e88;}
#section6 .bg1 { background-image:url('/img/sub/goodDG_img6-1.jpg'); }
#section6 .bg2 { background-image:url('/img/sub/goodDG_img6-2.png'); background-color:transparent; }
#section7 .txt1 {color:#ff804b;}
#section7 .txt2 li {background:#ff804b;}
#section7 .txt3 span {color:#ff804b;}
#section7 .bg1 { background-image:url('/img/sub/goodDG_img7-1.jpg'); }
#section7 .bg2 { background-image:url('/img/sub/goodDG_img7-2.jpg'); }

.goodDG .mobileVer {display:none;}
@media all and (max-width:1200px){
  .goodDG .goodBG .txt1 { font-size:80px; letter-spacing:-7px; }
  .goodDG .goodBG .txt2 { font-size:25px; padding-bottom:30px;}
  .goodDG .goodBG .txt2 ul li {  width:180px; height:180px; }
  .goodDG .goodBG .txt3 {font-size:25px; padding-bottom:30px; }
  .goodDG .goodBG .txt4 {font-size:20px;}
}
@media all and (max-width:1023px){
  .goodDG h4 {font-size:45px;}
  .goodDG .cont1 img.box {display:none;}
  .goodDG .cont1 a div {transform:scale(1) !important; width:200px; height:200px;}
  .goodDG .cont1 a div::before {bottom:10px;}
  .goodDG .cont1 a.btn1 { left:2%; top:15%; }
  .goodDG .cont1 a.btn2 { left:15%; top:50%; }
  .goodDG .cont1 a.btn3 { left:26%; top:6%; }
  .goodDG .cont1 a.btn4 { left:40%; top:44%; }
  .goodDG .cont1 a.btn5 { left:51%; top:9%; }
  .goodDG .cont1 a.btn6 { left:64%; top:52%; }
  .goodDG .cont1 a.btn7 { left:73%; top:20%; }
  .goodDG .cont1 dl dd {display:none;}
  .goodDG .goodBG {padding:60px 20px;}
  .goodDG .goodBG .text { padding:30px 0;}
  .goodDG .goodBG .txt1 { font-size:55px; letter-spacing:-1px; }
  .goodDG .goodBG .txt2 { font-size:23px; padding-bottom:20px;}
  .goodDG .goodBG .txt2 ul li {  width:150px; height:150px; margin-left:60px;  }
  .goodDG .goodBG .txt2 ul li::before {left:-50px;}
  .goodDG .goodBG .txt3 {font-size:23px; padding-bottom:20px; }
  .goodDG .goodBG .txt4 {font-size:18px;}
  .goodDG .goodBG .bg {height:100% !important; background-color:#000 !important;  background-size:cover;}
  #section6 .bg2 {display:none;}

  .goodDG .mobileVer {display:block;}
  .goodDG .pcVer {display:none;}
}
@media all and (max-width:768px){
  .goodDG h4 {font-size:35px;}
  .goodDG .cont1 {padding:20px 0; overflow:hidden; margin-bottom:50px; }
  .goodDG .cont1 img.bg { position:absolute; left:0; top:0; width:100%; }
  .goodDG .cont1 a {position:relative; float:left; left:auto !important; top:auto !important; width:25%; padding:5px; }
  .goodDG .cont1 a div { width:100%; height:150px; border-radius:20px; box-shadow:3px 3px 10px rgba(0,0,0,0.3); }
  .goodDG .cont1 dl dt {font-size:23px;}
  .goodDG .goodBG {padding:40px 20px; }
  .goodDG .goodBG .text {color:#fff; padding:0;}
  .goodDG .goodBG .txt1 {font-size:40px; color:#fff;}
  .goodDG .goodBG .txt2 {font-size:20px;}
  .goodDG .goodBG .txt2 ul li {width:120px; height:120px; margin-left:30px;}
  .goodDG .goodBG .txt2 ul li::before {width:20px; height:20px; background-size:cover; margin-top:-10px; left:-25px; }
  .goodDG .goodBG .txt3 {font-size:20px;}
  .goodDG .goodBG .txt3 p {display:inline;}
  .goodDG .goodBG .txt4 p { display:inline; font-size:20px;}
}
@media all and (max-width:550px){
  .goodDG .cont1 a {width:50%;}
  .goodDG .cont1 a div {height:120px;}
  .goodDG .cont1 a div::before {display:none;}
  .goodDG .cont1 dl {margin-bottom:0;}
}
@media all and (max-width:480px){
  .goodDG .goodBG .txt1 {font-size:32px; padding-bottom:0;}
  .goodDG .goodBG .txt2 {font-size:18px;}
  .goodDG .goodBG .txt2 ul {display:block; overflow:hidden;}
  .goodDG .goodBG .txt2 ul li {width:100%; height:auto; border-radius:5px; margin:30px 0 0 ;  padding:10px 0;}
  .goodDG .goodBG .txt2 ul li::before {left:50%; top:-25px; margin:0 0 0 -10px;}
  .goodDG .goodBG .txt3 {font-size:18px;}
  .goodDG .goodBG .txt4 p { font-size:18px;}
}

/*교통정보*/
.traffic {overflow:hidden;}
.traffic .title {float:left; width:50%;}
.traffic .title dt { font-size:55px; font-weight:600; color:#2f62ae; letter-spacing: 1px; line-height:1.3; }
.traffic .title dd { padding-bottom: 30px; font-size: 18px; color: #000; }
.traffic .title dd:nth-child(2) { font-weight:500; margin:40px 0 20px; font-size:23px; line-height:1.6 }
.traffic .title dd span {color:#2f62ae;}
.traffic .mapWrap { position:relative; float:right; width:45%; }
.traffic .mapWrap .icon {position:absolute; left:0; top:100px; z-index:30; }
.traffic .mapWrap .icon a { display:block; position:relative; font-size:16px; padding:10px 0 10px 55px; margin:10px 0;}
.traffic .mapWrap .icon a::before {content:''; position:absolute; left:0; top:50%; width:44px; height:44px; margin-top:-22px; background:url('/img/sub/trafficIcon.png') no-repeat 0 0;}
.traffic .mapWrap .icon a:nth-child(2)::before {background-position:-44px 0;}
.traffic .mapWrap .icon a:nth-child(3)::before {background-position:-88px 0;}
.traffic .mapWrap .map .layer { position:absolute; left:0; top:0; z-index:20;}
.traffic .mapWrap .map img {position:relative; z-index:10; width:100%;}
.traffic h4 {font-size:25px; color:#336699; margin-bottom:30px;}
.traffic h5 {font-size:18px; margin-bottom:20px;}
.traffic .public { clear:both; background:#f3f3f3; border-radius:20px; padding:30px 40px; margin-top:40px; }
.traffic .public > ul > li > p { position:relative; font-size:18px; padding:20px 40px; border-bottom:1px solid #b2b2b2; cursor:pointer; }
.traffic .public > ul > li > p::before {content:''; position:absolute; left:0; top:50%; width:30px; height:30px; margin-top:-15px; background:url('/img/sub/trafficIcon2.png') no-repeat 0 0;}
.traffic .public > ul > li.icon2 > p::before {background-position:-30px 0;}
.traffic .public > ul > li.icon3 > p::before {background-position:-60px 0;}
.traffic .public > ul > li > p::after {content:''; position:absolute; right:0; top:50%; width:30px; height:30px; margin-top:-15px; background:url('/img/sub/trafficArrow.png') no-repeat 0 0;}
.traffic .public.cont1 > ul > li:last-child > p::after {display:none;}
.traffic .public > ul > li > p a { position:relative; font-size:15px; margin-left:20px; z-index:100;}
.traffic .public .view { display:none; padding:20px;}
.traffic .public .view a.moreBtn {margin-top:30px; font-size:15px;}/*0210*/
.traffic .public .flag {overflow:hidden; }
.traffic .public .flag li { position:relative;  float:left; width:25%; font-size:15px; padding:5px 5px 5px 45px;}
.traffic .public .flag li:nth-child(1),
.traffic .public .flag li:nth-child(2) {width:50%;}
.traffic .public .flag li:nth-child(4n+3) {clear:both;}
.traffic .public .flag li::before {content:''; position:absolute; left:5px; top:50%; width:30px; height:20px; margin-top:-10px; background:url('/img/sub/trafficFlag.jpg') no-repeat 0 0; }
.traffic .public .flag li:nth-child(2)::before {background-position:-30px 0;}
.traffic .public .flag li:nth-child(3)::before {background-position:-60px 0;}
.traffic .public .flag li:nth-child(4)::before {background-position:-90px 0;}
.traffic .public .flag li:nth-child(5)::before {background-position:0 -20px;}
.traffic .public .flag li:nth-child(6)::before {background-position:-30px -20px;}
.traffic .public .flag li:nth-child(7)::before {background-position:-60px -20px;}
.traffic .public .flag li:nth-child(8)::before {background-position:-90px -20px;}
.traffic .public .flag li:nth-child(9)::before {background-position:0 -40px;}
.traffic .public .flag li:nth-child(10)::before {background-position:-30px -40px;}
.traffic .public .flag li:nth-child(11)::before {background-position:-60px -40px;}
.traffic .public .flag li:nth-child(12)::before {background-position:-90px -40px;}
.traffic .public .flag li:nth-child(13)::before {background-position:0 -60px;}
.traffic .public .flag li:nth-child(14)::before {background-position:-30px -60px;}
.traffic .public .flag li:nth-child(15)::before {background-position:-60px -60px;}
.traffic .public .flag li:nth-child(16)::before {background-position:-90px -60px;}
.traffic .public .img {border-radius:10px; background:#fff; overflow:hidden; margin-bottom:20px; }
.traffic table {border-top:2px solid #333;}
.traffic table thead th {border-left:0; border-bottom:1px solid #333;}
.traffic table tbody th {color:#2e62ae; border-bottom:1px solid #999;}
.traffic table tbody td {border-left:0; border-bottom:1px solid #999;}
.traffic .cont2 > ul {overflow:hidden;}
.traffic .cont2 > ul > li {float:left; width:48%; margin-left:4%;}
.traffic .cont2 > ul > li:nth-child(2n+1) { clear:both; margin-left:0;}
.traffic .cont3 {text-align:center}
.traffic .cont3 h4 { text-align:center; margin:50px 0 30px; line-height:1.4}
.traffic .cont3 iframe {height:700px; width:70%; margin: 0 auto}
@media all and (max-width:1200px){
  .traffic .title { float:none; width:100%;}
  .traffic .mapWrap { float:none; width:635px; margin:50px auto 0;}
  .traffic .cont2 > ul > li {width:100%; margin-left:0;}
}
@media all and (max-width:1023px){
  .traffic .title dt { font-size:50px; }
  .traffic .title dd {font-size:25px;}
  .traffic .title dd:nth-child(2) { margin:30px 0 20px; }
  .traffic .public .flag li { width:33.33%; }
  .traffic .public .flag li:nth-child(4n+3) {clear:none;}
  .traffic .public .flag li:nth-child(3n+3) {clear:both;}
  .traffic .cont3 iframe {height:500px;}
}
@media all and (max-width:768px){
  .traffic .title dt { font-size:35px; text-align:center ; line-height:1.4}
  .traffic .title dd {font-size:13px; text-align:center; line-height:1.6}
  .traffic .public .flag li { width:50%; }
  .traffic .public .flag li:nth-child(3n+3) {clear:none;}
  .traffic .public .flag li:nth-child(2n+1) {clear:both; line-height:1.2}
		.traffic .title dd { padding-bottom: 0px;}
.traffic .title dd:nth-child(2) { font-weight:500; margin:20px 0 ; font-size:16px; line-height:1.4; text-align:center}
.traffic .public > ul > li > p { position:relative; font-size:16px; padding:20px 40px; border-bottom:1px solid #b2b2b2; cursor:pointer; line-height:1.4 }

}
@media all and (max-width:600px){
  .traffic .mapWrap { width:100%; margin:30px auto 0;}
  .traffic .mapWrap .icon {top:10px;}
}
@media all and (max-width:480px){
	.traffic .title dt { font-size:30px; line-height: 1.6; }
  .traffic .public {padding:20px;}
  .traffic h4 {font-size:20px; margin-bottom:20px;}
  .traffic .cont3 iframe {height:300px;}
  .traffic .public > ul > li > p a {display:block; width:100%; margin:10px 0 0;}/*0210*/
}

/*대구투어*/
.dgTour .title { position:relative; /*background:url('/img/sub/dgTour_Tbg.jpg') no-repeat right center/auto 100%;*/ padding:100px 0 100px;}
.dgTour .title::before {content:''; position:absolute; left:40%; top:0; width:60%; height:100%; background:url('/img/sub/dgTour_Tbg.png') no-repeat left center/cover;} /*0210*/
.dgTour .title .left {position:relative; }
.dgTour .title .left dl {width:50%;}
.dgTour .title .left dd:nth-child(2){ margin:30px 0; }
.dgTour .title .left dd:nth-child(2) p {font-weight:600; font-size:23px;}
.dgTour .title .left dd:nth-child(3){ font-size:18px; }
.dgTour .title .left .cir1 {position:absolute; top:17%; left:26%; display:none}
.dgTour .title .left .cir2 {position:absolute; top:-3%; left:33%; display:none}
.dgTour .title .left .cir3 {position:absolute; top: -5px; left:50%; }
.dgTour .course {margin-top:-25px; }
.dgTour .course .section { position:relative; z-index:10; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.dgTour .course .section::before,
.dgTour .course .section::after {content:''; position:absolute;
left:0; top:0; width:50%; height:100%; background-color:#ea5541; background-repeat:no-repeat; background-size:cover; transform: matrix(1, 0.05, 0, 1, 0, 0); z-index:10;}
.dgTour .course .section::after {left:auto; right:0; transform: matrix(1, -0.05, 0, 1, 0, 0); }
.dgTour .course .section.bg1::after { background-image:url('/img/sub/dgTour_bg1_1.png'); background-position:center left;}
.dgTour .course .section.bg2::before { background-image:url('/img/sub/dgTour_bg2_1.png'); background-position:center right;}
.dgTour .course .section.bg3::after { background-image:url('/img/sub/dgTour_bg3_1.png'); background-position:center left;}
.dgTour .course > div:nth-child(3n-1) .section::before,
.dgTour .course > div:nth-child(3n-1) .section::after {background-color:#2f62ae;}
.dgTour .course > div:nth-child(4n-1) .section::before,
.dgTour .course > div:nth-child(4n-1) .section::after {background-color:#d9a434;}
.dgTour .course > div:nth-child(2n) .section {text-align:right;}
.dgTour .course .section .wrap {position:relative; z-index:20; padding:70px 50% 90px 0 ; }
.dgTour .course > div:nth-child(2n) .section .wrap { padding:70px 0 90px 40%; }
.dgTour .course .section dt {font-size:50px; font-weight:500; color:#fff;
margin-bottom:50px;     font-family: 'HSBombaram3_Regular'; }
.dgTour .course > div:nth-child(3n-1) .section dt { color:#fff;}
.dgTour .course > div:nth-child(4n-1) .section dt { color:#fff;}
.dgTour .course .section dd {font-size:18px; color:#fff;}

.dgTour .course .toggle { display:none; position:relative; }
.dgTour .course .toggle .wrap { margin-top:-119px; padding-bottom:100px}
.dgTour .course .toggle .num { display:inline-block; width:35px; line-height:35px; background:#2f62ae; color:#fff; text-align:center; border-radius:50%; }
.dgTour .course .photo {overflow:hidden; margin-top:100px; }
.dgTour .course .photo li {float:left; width:14.28%; padding:0 10px; }
.dgTour .course > div:nth-child(2) .photo li:first-child { margin-left:21.44%; }
.dgTour .course > div:nth-child(3) .photo li:first-child { margin-left:28.58%; }
.dgTour .course .photo div {position:relative; margin-bottom:25px; border-bottom:3px solid #161a59; }
.dgTour .course .photo div img {width:100%;}
.dgTour .course .photo div .num {position:absolute; bottom:-17px; left:50%; margin-left:-17.5px; }
.dgTour .course .photo p { padding-bottom:20px; text-align:center; line-height:1.5}
.dgTour .course > div:nth-child(1) .photo li:nth-child(1),
.dgTour .course > div:nth-child(1) .photo li:nth-child(7) { margin-top:-30px; }/*0219*/
.dgTour .course > div:nth-child(1) .photo li:nth-child(2),
.dgTour .course > div:nth-child(1) .photo li:nth-child(6) { margin-top:-10px; }/*0219*/
.dgTour .course > div:nth-child(1) .photo li:nth-child(3),
.dgTour .course > div:nth-child(1) .photo li:nth-child(5) { margin-top:10px; }/*0219*/
.dgTour .course > div:nth-child(1) .photo li:nth-child(4) { margin-top:30px; }/*0219*/
.dgTour .course > div:nth-child(2) .photo li:nth-child(2),
.dgTour .course > div:nth-child(2) .photo li:nth-child(3) { margin-top:20px; }/*0219*/
.dgTour .course > div:nth-child(3) .photo li:nth-child(2) { margin-top:20px; }/*0219*/
.dgTour .course .detail { overflow:hidden; margin:40px 0 0;}
.dgTour .course .detail dl { float:left; width:31.33%; margin:0 0 40px 3%; background:#f3f3f3; padding:20px; color:#161a59; border-radius:10px; }
.dgTour .course .detail dl:nth-child(3n+1) { clear:both; margin:0 0 40px;}
.dgTour .course .detail dl dt {font-size:18px; font-weight:600; border-bottom:2px solid #2f62ae; padding-bottom:10px; margin-bottom:10px; }
.dgTour .course .detail dl dt .num {transform:scale(0.8);}
.dgTour .course .detail dl dd {font-size:15px;}
.dgTour .course .info { background:#f3f3f3; border-radius:10px; padding:20px; }
.dgTour .course .info ul {overflow:hidden;}
.dgTour .course .info li {float:left; width:50%; font-size:18px;}
.dgTour .course .info li:nth-child(2n+1) {clear:both; }
.dgTour .course .info a.moreBtn { font-size:15px; }
.dgTour .course .tc {margin-top:50px;}
.dgTour .course a.more, .dgTour .course a.close { display:block; position:absolute; left:50%; bottom:0; width:90px; height:90px; margin-left:-45px; background:url('/img/sub/dgTour_icon_1.png') no-repeat -90px 0; color:transparent; z-index:30; }
.dgTour .course a.more { background-position:0 0;}
@media all and (max-width:1200px){
  .dgTour .title::before { left:auto; right:0; width:100%; opacity:0.3; }
  .dgTour .title .left dl { width:100%; }
  .dgTour .title .left > img {display:none;}
  .dgTour .course .photo li { font-size:18px; }
}
@media all and (max-width:1023px){
  .dgTour .title { background:none;}
  .dgTour .course .section .wrap {padding:70px 0 100px !important;}
  .dgTour .course .section dt {margin-bottom:20px;}
  .dgTour .course a.more, .dgTour .course a.close {transform:scale(0.7);}
  .dgTour .course .detail dl { width:48.5%; margin:0 0 30px 3%; }
  .dgTour .course .detail dl:nth-child(3n+1) { clear:none; margin:0 0 30px 3%;}
  .dgTour .course .detail dl:nth-child(2n+1) { clear:both; margin:0 0 30px;}
}
@media all and (max-width:768px){
  .dgTour .title {padding:100px 0;} /*0215*/
		  .dgTour .course .section .wrap {padding:30px 0 100px !important;}
  .dgTour .course .section::before, .dgTour .course .section::after { background-image:none !important; }
  .dgTour .course .section dt {font-size:30px;}
  .dgTour .course .photo li {width:25%; margin:0 !important; }
  .dgTour .course .photo li:nth-child(4n+1) {clear:both;}
  .dgTour .course .photo p { font-size:13px; font-weight:bold}
  .dgTour .course .detail {margin:20px 0 0;}
  .dgTour .course .detail dl { width:100%; margin:0 0 20px !important; }
  .dgTour .course .info li { width:100%; font-size:13px; line-height:1.6}
.dgTour .course .section dd {font-size:13px; color:#fff; line-height:1.6}
.dgTour .course .section dd br { display:none}
}
@media all and (max-width:480px){
  .dgTour .title {padding:80px 0;} /*0215*/
  .dgTour .title .left dd:nth-child(2) p {font-size:16px; line-height:1.4} /*0215*/
  .dgTour .title .left dd:nth-child(3) {font-size:13px; line-height: 1.6; } /*0215*/
  .dgTour .title .left dd:nth-child(3) br { display:none} /*0215*/
  .dgTour .course .photo p { font-size:11px; letter-spacing:-1px; font-weight:normal}
}








/*지원서비스*/
.service .moreBtn {margin-top:10px;}
.service .cont1 { overflow:hidden; margin:30px 0;}
.service .cont1 li {float:left; width:33.33%; text-align:center;}
.service .cont1 div {position:relative;}
.service .cont1 div p { position:absolute; display:flex; align-items:center; background:rgba(31,103,127,0.85); color:#fff; font-size:30px; font-weight:600; left:50%; top:50%; width:150px; height:150px; margin:-75px 0 0 -75px; border-radius:50%; }
.service .cont1 div p span {width:100%;}
.service .cont2 h4 { font-size:40px; text-align:center; margin-bottom:30px;}
.service .cont2 h5 { font-size:25px; text-align:center; margin-bottom:20px;}
.service .cont2 ul {overflow:hidden; padding:90px 0 70px; }
.service .cont2 .ul1 {  background:url('/img/sub/serviceBg1.jpg') no-repeat top center/100%; }/*0310*/
.service .cont2 .ul2 { background:url('/img/sub/serviceBg2.jpg') no-repeat top center/40%; }/*0310*/
.service .cont2 .ul3 { background:url('/img/sub/serviceBg3.jpg') no-repeat top center/100%; }/*0310*/
.service .cont2 .ul4 { padding:20px 0 70px; }/*0310*/
.service .cont2 li {float:left; width:14.28%; text-align:center; }
.service .cont2 .ul2 li:first-child {margin-left:28.56%; }/*0310*/
.service .cont2 .ul3 li {width:12.5%;}/*0310*/
.service .cont2 .ul4 li {width:16.66%; }/*0310*/
.service .cont2 p { position:relative; font-size:15px; padding:25px 10px 0; }
.service .cont2 p::before {content:''; position:absolute; left:50%; top:12px; width:6px; height:2px; background:#666; margin-left:-3px;  }
.service .cont2 p.circle { display:flex; align-items:center; color:#fff; font-size:20px; font-weight:600; border-radius:50%; width:170px; height:170px; margin:0 auto; padding:10px; letter-spacing:-2px; }
.service .cont2 p.circle::before {display:none;}
.service .cont2 p.circle span {width:100%;}
.service .cont2 .ul1 p.circle { background:#009999; }/*0310*/
.service .cont2 .ul2 p.circle { background:#336699; }/*0310*/
.service .cont2 .ul3 p.circle { background:#2f62ae; }/*0310*/
.service .cont2 .ul4 p.circle { background: #009999; color:#fff; }/*0310*/
.service .cont3 #pageInfo { float:left; width:48%; margin-left:4%; }
.service .cont3 #pageInfo:first-child {margin-left:0;}
.service .cont3 .downBtn {clear:both; padding-top:100px; } /*0215*/
.service .cont3 .downBtn ul {display:inline-block; overflow:hidden;} /*0210*/
.service .cont3 .downBtn ul li {float:left;}/*0210*/
.service .cont3 .downBtn a {margin:10px; text-align:left; }/*0210*/
@media all and (max-width:1240px){
  .service .cont2 ul { padding:70px 0 50px; }
  .service .cont2 p.circle { font-size:18px; width:140px; height:140px; padding:5px;}
}
@media all and (max-width:1023px){
  .service .cont2 ul {background:url('/img/sub/serviceBg4.jpg') no-repeat top center/100% !important; padding:50px 0 40px; }
  .service .cont2 .ul2 { background:url('/img/sub/serviceBg5.jpg') no-repeat top center/100% !important; }/*0310*/
  .service .cont2 .ul4 {background:none !important;}/*0310*/
  .service .cont2 li {width:25% !important; padding:5px; }
  .service .cont2 li:nth-child(4n+1) {clear:both;}
  .service .cont2 .ul2 li {width:33.33% !important;}/*0310*/
  .service .cont2 .ul2 li:first-child {margin-left:0; }/*0310*/
  .service .cont2 p {padding:3px 0 3px 30px; text-align:left;}
  .service .cont2 p::before {left:20px; top:14px;}
  .service .cont2 p.circle {width:100%; height:auto; border-radius:20px; padding:10px; text-align:center; }
  .service .cont2 p:nth-child(2) {margin-top:10px;}
  .service .cont3 #pageInfo { width:100%; margin:20px 0 0; }
  .service .cont3 #pageInfo:first-child { margin:0; }
  .service .cont3 .downBtn ul {display:block;} /*0210*/
  .service .cont3 .downBtn ul li {width:50%;}/*0210*/
}
@media all and (max-width:768px){
  .service .cont1 {margin:10px 0;}
  .service .cont1 div p {font-size:20px; width:100px; height:100px; margin:-50px 0 0 -50px; }
  .service .cont2 h4 {font-size:30px; margin-bottom:20px;}
  .service .cont2 ul { background: url('/img/sub/serviceBg5.jpg') no-repeat top center/100% !important; padding:40px 0 30px !important;}/*0310*/
  .service .cont2 li {width:50% !important;}
  .service .cont3 .downBtn {padding-top:50px;}
  .service .cont3 .downBtn a {margin:5px; }/*0210*/
}
@media all and (max-width:480px){
  .service .cont2 h4 {font-size:25px;}
  .service .cont2 h5 {font-size:18px;}
  .service .cont2 ul {padding:20px 0 !important;}/*0310*/
  .service .cont2 ul li,
  .service .cont2 .ul2 li {width:100% !important;}/*0310*/
  .service .cont2 p.circle {font-size:16px;}
  .service .moreBtn {font-size:15px;}
  .service .cont3 .downBtn ul li {width:100%;}/*0210*/
}

/*대구MICE얼리언스*/
.alliance h4 {     font-family: 'HSBombaram3_Regular';  font-size:55px; color:#2f62ae; line-height:1.3; letter-spacing: -1.5px; text-align:center; margin-bottom:50px;  font-weight:normal } /*0215*/
.alliance .cont1 h4 {text-align:left; margin-bottom:0;}
.alliance .cont1 .fl { width:48%; }
.alliance .cont1 p { font-size:18px; line-height:1.7; padding-top:30px; color:#000; font-weight:300 }
.alliance .cont1 > p {clear:both;}
.alliance .cont1 .graph { position:relative; width:48%; }
.alliance .cont1 .graph::after,
.alliance .cont1 .graph::before {content:''; position:absolute; background:#336699; z-index:-1; }
.alliance .cont1 .graph::after { left:50%; top:0; width:1px; height:100%; }
.alliance .cont1 .graph::before { left:20%; bottom:75px; width:60%; height:1px; }
.alliance .cont1 .graph div { display:flex; align-items:center; border-radius:50%; margin:0 auto; }
.alliance .cont1 .graph span { display:block; width:100%; text-align:center; font-weight:600; padding:0 10px;}
.alliance .cont1 .graph > div {background:#336699; color:#fff; font-size:16px; font-weight:600; width:200px; height:200px; }
.alliance .cont1 .graph > div span { background:url('/img/sub/allianceLogo_1.png') no-repeat center top; padding-top:70px;}
.alliance .cont1 .graph ul {margin-top:80px;}
.alliance .cont1 .graph li {float:left; width:33.33%;}
.alliance .cont1 .graph li div {width:150px; height:150px; border:1px solid #336699; color:#336699; background:#fff; }
.alliance .cont2 {overflow:hidden; margin:100px auto;}
.alliance .cont2 > div {width:48%;}
.alliance .cont2 .fl > div {position:relative;}
.alliance .cont2 .fl > div::before {content:''; position:absolute; left:130px; top:20px; width:1px; height:80%; background:#ccc; }
.alliance .cont2 dl {position:relative; padding:5px 0 30px 170px;}
.alliance .cont2 dl dt { position:absolute; left:0; top:0; font-size:40px; font-weight:600;}
.alliance .cont2 dl dt::before {content:''; position:absolute; right:-50px; top:15px; width:25px; height:25px; border-radius:50%; border:5px solid #60a8c1; background:#fff; box-sizing:border-box; }
.alliance .cont2 dl dd { position:relative; padding:3px 0 20px 60px;}
.alliance .cont2 dl dd strong {position:absolute; font-size:18px; left:0; top:0; }
.alliance .cont2 .fr {text-align:center;}
#logoGuide { position:relative; display:flex; align-items:center; 
background:url('/img/sub/logoBg.gif'); height:350px; }
#logoGuide::after, #logoGuide::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing: border-box; }
#logoGuide::after {border:15px solid #fff; z-index:10;}
#logoGuide::before {border:1px solid #ccc; z-index:20; border-radius:30px;}
#logoGuide div { width:100%; }
#logoGuide div img {max-width:80%;}
#logoGuide div ul li {float:left;}
.alliance .cont2 .fr .btn {padding:30px 0 50px;}
.alliance .cont2 .fr .btn a {margin:0 20px;}
.alliance .cont3 .list { position:relative; padding-top:100px; z-index:10; }
.alliance .cont3 .list::before {content:''; position:absolute; left:0; top:70px; width:100%; height:2px; background:#009795; }
.alliance .cont3 .list > a {border-right:2px solid #fff; position:absolute; left:0; top:0; width:20%; font-size:25px; font-weight:600; line-height:70px; background:#dadada; color:#fff; text-align:center; }
.alliance .cont3 .list > a:nth-child(3) {left:20%;}
.alliance .cont3 .list > a:nth-child(5) {left:40%;}
.alliance .cont3 .list > a:nth-child(7) {left:60%; }
.alliance .cont3 .list > a:nth-child(9) {left:80%; border-right:0; }
.alliance .cont3 .list > a.on {background:#009795;}
.alliance .cont3 .list div {display:none; overflow:hidden; }
.alliance .cont3 .list div a {display:block; float:left; width:22%; margin-left:4%; text-align:center; }
.alliance .cont3 .list div a:nth-child(4n+1) {margin-left:0; clear:both; }
.alliance .cont3 .list div a img {width:100%; border:1px solid #ccc;}
.alliance .cont3 .list div a p.title {font-size:25px; margin:20px 0 10px; font-weight:600; }
.alliance .cont3 .list div a p.cont {font-size:20px;}
.alliance .cont3 .list div a p.cont strong {display:block;}
.alliance .cont3 .list > a.on+div{display:block;}

.alliance .slick-dots li {width:15%;} /*0309*/
@media all and (max-width:1200px){
  .alliance h4 { font-size:50px; margin-bottom:30px; }
  .alliance .cont1 p { font-size:25px; padding-top:20px; }
  .alliance .cont2 {margin:70px auto;}
  .alliance .cont2 > div {width:100%;}
  .alliance .cont2 dl { padding:5px 0 20px 170px;}
  .alliance .cont2 dl dt {font-size:35px;}
  .alliance .cont2 dl dt::before {right:-63px;}
  .alliance .cont2 dl dd {font-size:20px; padding:3px 0 15px 60px}
  .alliance .cont2 .fr {margin-top:50px;}
  .alliance .cont2 .fr > div {float:left; width:48%;}
  .alliance .cont2 .fr > div:last-child {float:right;}
  .alliance .cont2 .fr .btn {padding:30px 0 0;}
  #logoGuide {height:300px;}
}
@media all and (max-width:1023px){
  .alliance .cont1 > div {width:100% !important;}
  .alliance .cont1 .graph {margin-bottom:30px;}
  .alliance .cont1 .graph ul {margin-top:30px;}
}
@media all and (max-width:768px){
  .alliance h4 { font-size:30px; }
  .alliance .cont1 p { font-size:13px; line-height:1.6 }
		  .alliance .cont1 p br { display:none}
  .alliance .cont1 .graph::before {bottom:50px;}
  .alliance .cont1 .graph > div {width:150px; height:150px;}
  .alliance .cont1 .graph > div span {background-size:100px auto; padding-top:50px; }
  .alliance .cont1 .graph li div {width:100px; height:100px;}
  .alliance .cont2 {margin:50px auto;}
  .alliance .cont2 .fl > div::before {left:78px;}
  .alliance .cont2 .fr > div {width:100%;}
  .alliance .cont2 .fr .btn {padding:20px 0 30px;}
  .alliance .cont2 dl {padding:5px 0 10px 100px;}
  .alliance .cont2 dl dt {font-size:25px;}
  .alliance .cont2 dl dt::before {width:15px; height:15px; top:11px; right:-30px; }
  .alliance .cont2 dl dd {padding:0 0 10px 40px; font-size:13px; }
  .alliance .cont2 dl dd strong {font-size:16px;}

  #logoGuide {height:250px;}
}
@media all and (max-width:480px){
	.alliance .slick-dots li { width:15%}
  #logoGuide {height:200px;}
.alliance .cont1 .graph span { font-size:14px; line-height:1.3}
#logoGuide div img {max-width:70% !important; margin-top:30px}

}

/*인사말*/
.greeting { width: 80%; margin: 0 auto; min-height: 700px}
.greeting .top {position:relative;}
.greeting .img { position:absolute; right:2%; top:0; width:45%; height:100%; text-align:right; }
.greeting .img.mobile {display:none;} /*0210*/
.greeting .img div {margin-top:20px;}
.greeting .img div * {display:inline-block;}
.greeting .img div p {font-size:25px; font-weight:600; line-height:1.2; margin:40px 20px 0 0;  }
.greeting .img div p span {display:block;}
.greeting .top .wrap > * { width:63%; }
.greeting .top p.h4 {    font-family: 'HSBombaram3_Regular';  font-size:55px; letter-spacing:-1.5px; color:#2f62ae; line-height:1.3;  font-weight:normal;}/*0215*/
.greeting p strong{font-size:25px; }
.greeting p {font-size:20px; line-height:1.7; margin-bottom:30px;}
@media all and (max-width:1200px){
  .greeting .top p.h4 {font-size:40px;}
  .greeting p {font-size:25px;}
  .greeting .img div p {font-size:20px; margin:0 20px 0 0;  }
  .greeting .img div img { height:50px; }
}
@media all and (max-width:1023px){
  .greeting .top p.h4 {font-size:30px;}
  .greeting p {font-size:18px; margin-bottom:20px; line-height:1.4}
}
@media all and (max-width:768px){
  .greeting .img {position:relative; width:100%; height:auto; margin-bottom:40px;}
  .greeting .img.mobile {display:block;} /*0210*/
  .greeting .img.pc {} /*0210*/
  .greeting .img > img {width:70%;}
  .greeting .img div {position:absolute; left:0px; top:50%; margin-top:-55px; }
  .greeting .img div * {display:block;}
  .greeting .img div p span {display:inline;}
  .greeting .img div img { height:70px; margin-top:10px; }
  .greeting .top .wrap > * {width:100%; font-size:13px; line-height:1.6}
  .greeting p {font-size:13px;  line-height: 1.6;}
}
@media all and (max-width:480px){
  .greeting .img div { left:10px; } /*0210*/
  .greeting .img div img { height:40px; }
  .greeting .img div p {font-size:15px;  }
  .greeting .img > img {width:80%;}
}

/*조직도*/
.orgWrap { margin-top: 30px}
.orgWrap .org {margin-top:80px;}
.orgWrap .top { position:relative; width:350px; min-height:125px; margin:0 auto 30px; border:5px solid #2e62ae; border-radius:60px; padding:20px 0 0 130px; }
.orgWrap .top:nth-child(3) {margin:0 auto 90px; }
.orgWrap .top::before {content:''; position:absolute; left:50%; bottom:-35px; width:1px; height:30px; background:#ccc;}
.orgWrap .top:nth-child(3)::before { bottom:-95px; height:90px;}
.orgWrap .top img { position:absolute; left:5px; top:50%; margin-top:-53px; border-radius:50%; border:1px solid #2e62ae;}
.orgWrap .top .office {font-size:25px; font-weight:600;}
.orgWrap .top .name { font-size:20px; margin-top:5px; }
.orgWrap .org ul {overflow:hidden;}
.orgWrap .org li {float:left; width:33.33%; padding:0 50px; text-align:center; font-weight: }
.orgWrap .org li p.h4 { background:#2e62ae; color:#fff; font-size:25px; font-weight:600; border-radius:30px; padding:10px; margin-bottom:30px; }
.orgWrap .org li div {padding-bottom:20px;}
.orgWrap .org li img {border:2px solid #2e62ae; border-radius:50%; }
.orgWrap .org li p.name {font-size:16px; font-weight:600; margin:10px 0 3px;}
.orgWrap .org li p.tel {font-size:13px; letter-spacing:0}
.orgWrap .org li dl {font-size:16px; border-top:1px solid #ddd; padding:30px 0;  }
.orgWrap .org li dl dd { color:#2e62ae; font-weight:600; }
@media all and (max-width:1023px){
  .orgWrap .org li { padding:0 20px; }
  .orgWrap .org li p.h4 {font-size:20px;}
}
@media all and (max-width:480px){
  .orgWrap .org {margin-top:50px;}
  .orgWrap .top {width:300px; min-height:105px; padding:18px 0 0 110px; margin:0 auto 20px; }
  .orgWrap .top:nth-child(3) {margin:0 auto 40px; }
  .orgWrap .top::before { bottom:-25px; height:20px;}
  .orgWrap .top:nth-child(3)::before { bottom:-45px; height:40px;}
  .orgWrap .top .office {font-size:20px;}
  .orgWrap .top .name {font-size:18px;}
  .orgWrap .top img { left:2px; width:90px; height:90px; margin-top:-45px;}
  .orgWrap .org li {width:100%;}
}

/*대구CVB CI*/

.cvb_ci h4 {    font-family: 'HSBombaram3_Regular';  text-align:center;  font-weight:normal; font-size:55px; color:#2f62ae; margin-bottom:60px; letter-spacing:-1.5px } /*0215*/
.cvb_ci .cont1 {overflow:hidden;}
.cvb_ci .cont1 .fl {width:48%; }
.cvb_ci .cont1 .fr { width:48%; text-align:center; }
.cvb_ci .cont1 #logoGuide {height:400px;}
.cvb_ci .btn {padding-top:30px; }
.cvb_ci .btn a { margin:0 20px; }
.cvb_ci .cont2 {text-align:center;}
.cvb_ci .cont2 h5 {font-size:40px; margin:70px 0 40px;}
.cvb_ci .cont2 li {width:25%;}
.cvb_ci .cont2 #logoGuide {height:200px;}
.cvb_ci .cont3 {text-align:center;}
.cvb_ci .cont3 h5 {font-size:40px; margin:70px 0 40px;}
.cvb_ci .cont3 li {width:50%;}

.cvb_ci .cont3 li img { max-height:150px}
.cvb_ci .cont3 #logoGuide {height:200px;}
@media all and (max-width:1200px){
  .cvb_ci h4 {font-size:50px; margin-bottom:40px; }
  .cvb_ci .cont1 .fl {font-size:25px; }
}
@media all and (max-width:1023px){
  .cvb_ci .cont1 > div {width:100% !important;}
  .cvb_ci .cont1 #logoGuide {height:350px; margin-top:30px;}
  .cvb_ci .cont2 h5 {font-size:30px; margin:40px 0 20px;}
}
@media all and (max-width:768px){
  .cvb_ci h4 {font-size:35px; margin-bottom:20px; }
  .cvb_ci .cont1 .fl {font-size:13px; line-height:1.6 ; text-align:center}
		  .cvb_ci .cont1 .fl p { padding-bottom:3%}
		  .cvb_ci .cont1 .fl p br { display:none}
  .cvb_ci .cont2 #logoGuide {height:300px;}
  .cvb_ci .cont2 li {width:50%; padding:30px 0; }
}
@media all and (max-width:480px){
.cvb_ci .cont3 h5 {font-size:18px; margin:40px 0;}
  .cvb_ci .cont2 h5 {font-size:20px;}
		  .cvb_ci .cont1 #logoGuide {height:220px; padding-bottom:30px}
}

/*찾아오시는길*/
.kakaomap {margin:20px 0;}
.kakaomap .border1,
.kakaomap .border2,
.kakaomap .border3,
.kakaomap .border4,
.kakaomap .wrap_controllers {display:none;}
.kakaomap .wp100 {width:100%;}
.contactUs { margin-top: 30px}
.contactUs h4 {     font-family: 'HSBombaram3_Regular'; text-align:center;  font-weight:normal; font-size:55px; color:#2f62ae; margin-bottom:60px; letter-spacing: -1.5px; } /*0215*/
.contactUs .info {margin-top:30px; overflow:hidden; }
.contactUs .address {position:relative; font-size:18px; font-weight:600; padding-left:35px;   }
.contactUs .address p {display:inline-block;}/*0210*/
.contactUs .address a {display:inline-block; margin:0 10px;}/*0210*/
.contactUs .address::before,
.contactUs .tel p::before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; background:url('/img/sub/contactIcon.png') no-repeat 0 0;}
.contactUs .tel p { display:inline-block; position:relative; font-size:18px; font-weight:600; padding-left:35px; }
.contactUs .tel p:nth-child(2) { margin-left:20px;}
.contactUs .tel p:nth-child(1)::before {background-position:-25px 0;}
.contactUs .tel p:nth-child(2)::before {background-position:-50px 0;}
@media all and (max-width:1200px){
  .contactUs h4 {font-size:50px; }
  .contactUs .address {width:100%;}
  .contactUs .tel {width:100%; margin-top:20px;}
}
@media all and (max-width:768px){
  .contactUs h4 {font-size:35px; }
		.contactUs .address {font-size:16px;   }
.contactUs .tel p { font-size:16px; font-weight:600; padding-left:35px; }
}
@media all and (max-width:480px){
  .contactUs .address p {display:block; margin-top:15px; }/*0210*/
  .contactUs .address a {margin:0 10px 0 0;}/*0210*/
}

/*공연단*/
.troupe #tabList {padding-top:0;}
.troupe #tabList::before {display:none;}
.troupe #tabList div {display:block; }
.troupe #tabList div a {width:30.66%; }
.troupe #tabList div a img { min-height:270px }
.troupe #tabList div a:nth-child(4n+1) { margin:0 0 30px 4%; clear:none; }
.troupe #tabList div a:nth-child(3n+1) { margin:0 0 30px; clear:both; }
.troupe .detailPop.type2 .left, .troupe .detailPop.type2 .right { width:48%; }/*0325*/
@media all and (max-width:768px){
  .troupe #tabList div a {width:48%; }
  .troupe #tabList div a:nth-child(3n+1) { margin:0 0 30px 4%; clear:none; }
  .troupe #tabList div a:nth-child(2n+1) { margin:0 0 30px; clear:both; }
    .troupe .detailPop.type2 .left, .troupe .detailPop.type2 .right { width:100%; }/*0325*/
}
@media all and (max-width:480px){
.troupe #tabList div a img { min-height:120px }
}


/*daegu must*/
.must .top {overflow:hidden;}
.must .top a { position:relative; display:block; float:left; width:33.33%;}
.must .top a:hover div img {transform:scale(1.1);}
.must .top div {position:absolute; left:0; top:30px; width:100%; text-align:center; }
.must .top .t1 {font-size:50px; color:#4155a6; letter-spacing: 1px; }
.must .top .t2 {font-size:20px; margin:10px 0 15px;}
.must .top a:nth-child(2) .t1 {color:#fa4401;}
.must .top a:nth-child(3) .t1 {color:#005aab;}
.must h4 {position:relative; font-size:40px; font-weight:400; text-align:center; padding:110px 0 40px; margin-top:50px; }
.must h4 strong {color:#005aab;}
.must h4::before {content:''; position:absolute; top:0; left:50%; width:100px; height:100px; margin-left:-50px; background:url('/img/sub/mustTitle.jpg') no-repeat 0 0; }
.must h4.icon2::before { background-position:-100px 0; }
.must h4.icon3::before { background-position:-200px 0; }
.must h4.icon4::before { background-position:-300px 0; }
.must .cont1 { margin:100px 0 50px; text-align:center; }
.must .cont1 dt, .mustDG .cont1 dd span {color:#4155a6 !important; font-weight:400 !important; }
.must .cont1 dd {margin:30px 0 !important;}
.must .cont1 .down img {display:block; margin:0 auto 25px;}
.must .cont1 .down a.btnSt::before {background-color:#4155a6;}
.must .list {overflow:hidden;}
.must .list li {float:left; width:20%; padding:10px;}
.must .list li > a { display:block; position:relative; border-radius:10px; overflow:hidden; }
.must .list li > a span {position:absolute; left:50%; top:50%; width:55px; height:55px; margin:-27.5px 0 0 -27.5px; background:rgba(87,104,175,0.8) url('/img/sub/plusB.gif') no-repeat center; color:transparent; opacity:0; transition: all 0.2s ease; }
.must .list li > a:hover span {opacity:1;}
.must .list li > a img {width:100%;}
.must .list p {font-size:18px; overflow:hidden; padding:15px 0;}
.must .list p:nth-child(2) {border-bottom:1px solid #5768af;}
.must .list p:nth-child(2) span:first-child {font-size:18px; font-weight:600;}
.must .list p span, .must .list p a {float:right;}
.must .list p span:first-child {float:left;}
.must .list p span.icon {position:relative; padding:3px 0 0 35px; }
.must .list p span.icon::before {content:''; position:absolute; left:0; top:2px; width:30px; height:30px; background:url('/img/sub/mustIcon.jpg') no-repeat 0 0;}
.must .list p span.icon2::before {background-position:-30px 0;}
.must .list p span.icon3::before {background-position:-60px 0;}
.must .list p span.tel::before {background-position:0 -30px;}
.must .list p span.address::before {background-position:-30px -30px;}
@media all and (max-width:1400px){
  .must .list li { width:25%; }
}
@media all and (max-width:1200px){
  .must .top .t1 {font-size:40px;}
  .must .top .t2 {font-size:18px;}
  .must .top div {top:20px;}
  .must .top a div img { width:30%;}
}
@media all and (max-width:1023px){
  .must .top a {height:330px;}
  .must .top a > img {position:absolute; left:0; bottom:0; width:100%; z-index:-1; }
  .must .top a div img { width:50%;}
  .must h4 {font-size:35px;}
  .must .list li { width:33.33%; }
}
@media all and (max-width:768px){
	.must h4 { padding:20px 0 }
  .must .top a { width:100%; height:auto;}
  .must .top a > img {display:none;}
  .must .top div {position:relative; top:auto; text-align:left; border-top:1px solid #ccc; padding:10px 0;} /*0215*/
  .must .top a:first-child div {border-top:0;}
  .must .top a div img { position:absolute; right:20px; top:10%; width:auto; height:80%;}
  .must .top .t1 { font-size:35px; letter-spacing:-2px;} /*0215*/
  .must .cont1 {margin:50px 0;}
  .must .list li { position:relative; width:50%; min-height: 220px }
  .must .list p {overflow:inherit; padding:0;}
  .must .list p:nth-child(2) {border-bottom:0; padding:20px 0 0; }
  .must .list p span, .must .list p span:first-child {float:none; display:block; font-size:13px }
  .must .list p a {position:absolute; right:20px; top:20px; border-radius:5px; overflow:hidden; }
}
@media all and (max-width:480px){
	
	
  .must .top a div img { display:none; } /*0210*/
  .must .top div::before {content:''; position:absolute; right:10px; bottom:25px; width:40px; height:40px; background:#4155a6; border-radius:50%; }/*0215*/
  .must .top div::after {content:''; position:absolute; right:25px; bottom:37px; width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); }/*0215*/
  .must .top a:nth-child(2) div::before {background:#fa4401;} /*0210*/
  .must .top a:nth-child(3) div::before {background:#005aab;} /*0210*/
}

/*맛지도*/
.must.food .down {text-align:center;}
.must.food .down ul { overflow:hidden; display:inline-block; padding:0 20px}
.must.food .down ul li {float:left; padding:0 20px; }
.must.food .down ul li:nth-child(1) { padding-top:75px; transform:rotate(-30deg);}
.must.food .down ul li:nth-child(2) { padding-top:18px; transform:rotate(-15deg);}
.must.food .down ul li:nth-child(4) { padding-top:18px; transform:rotate(15deg);}
.must.food .down ul li:nth-child(5) { padding-top:75px; transform:rotate(30deg);}
.must.food .down ul li img {margin:0;}
.must.food .down ul li p { padding:10px 0; }
.must.food .down ul li a { padding:0; width:35px; height:35px; text-indent:-99999px;}
@media all and (max-width:768px){
  .must.food .down ul li { width:33.33%; }
  .must.food .down ul li:nth-child(1) { padding-top:18px; transform:rotate(-15deg);}
  .must.food .down ul li:nth-child(2) { padding-top:0; transform:rotate(0);}
  .must.food .down ul li:nth-child(3) { padding-top:18px; transform:rotate(15deg);}
  .must.food .down ul li:nth-child(4) { margin-left:16.66%;  padding-top:0; clear:both; transform:rotate(-15deg); }
  .must.food .down ul li:nth-child(5) { padding-top:0; transform:rotate(15deg); }
}
@media all and (max-width:480px){
  .must.food .down ul li { padding:10px !important; transform:rotate(0) !important;}
}


/*날씨와 환율*/
.weather .top {overflow:hidden; }
.weather .top dl { position:relative; float:left; width:33.33%; text-align:center; padding:180px 20px 0;}
.weather .top dl::before {content:''; position:absolute; left:50%; top:20px; width:150px; height:150px; margin-left:-75px; background:url('/img/sub/weaIcon1.jpg') no-repeat 0 0; transition: all 0.2s ease; }
.weather .top dl:nth-child(2)::before { background-position:-150px 0;}
.weather .top dl:nth-child(3)::before { background-position:-300px 0;}
.weather .top dl:hover::before { top:0; }
.weather .top dl dt { font-size:40px; font-weight:600; }
.weather .top dl dd p { font-size:25px; padding:20px 0; }
.weather h4 { font-size:50px; color:#2f62ae; letter-spacing:-4px; }
.weather .cont1 {border-top:5px solid #2f62ae; border-bottom:1px solid #2f62ae; overflow:hidden; margin:20px 0 50px;}
.weather .cont1 > * { width:50%;}
.weather .cont1 .fl .left { display:flex; align-items:center; float:left; width:60%; padding: 1% 0}
.weather .cont1 .fl .left > p { position:relative; float:left; width:40%; font-size:25px; text-align:center; padding-top:150px;}
.weather .cont1 .fl .left > p::before {content:''; position:absolute; left:50%; top:0; width:130px; height:130px; margin-left:-65px; background:url('/img/sub/weaIcon2.png') no-repeat 0 0;}
.weather .cont1 .fl .left > div {float:left; width:60%;}
.weather .cont1 .fl .left > div p { font-size:55px; font-weight:600; text-align:center; }
.weather .cont1 .fl .left > div li { position:relative; float:left; width:50%; font-size:14px; padding:5px 0 5px 30px;  }
.weather .cont1 .fl .left > div li::before {content:''; position:absolute; left:0; top:50%; width:25px; height:25px; margin-top:-12.5px; background:url('/img/sub/weaIcon3.jpg') no-repeat 0 0;}
.weather .cont1 .fl .left > div li:nth-child(2)::before {background-position:-25px 0;}
.weather .cont1 .fl .left > div li:nth-child(3)::before {background-position:0 -25px;}
.weather .cont1 .fl .left > div li:nth-child(4)::before {background-position:-25px -25px;}
.weather .cont1 .fl .left > div li strong {margin-right:10px;}
.weather .cont1 .fl .right { float:left; width:40%; border-left:1px solid #e6e6e6; }
.weather .cont1 .fl .right li { position:relative; background:#f9f9f9; padding:10px; border-top:1px solid #e6e6e6; font-size:20px;}
.weather .cont1 .fl .right li:first-child {border-top:0;}
.weather .cont1 .fl .right li::before,
.weather .cont1 .fr li p:last-child::before {content:''; position:absolute; right:20px; top:50%; width:65px; height:65px; margin-top:-32.5px; background:url('/img/sub/weaIcon4.png') no-repeat 0 0; }
.weather .cont1 .weaIcon1::before {background-position:0 0;}
.weather .cont1 .weaIcon2::before {background-position:-65px 0 !important;}
.weather .cont1 .fl .right li span {font-size:13px; margin-right:40px;}
.weather .cont1 .fr li { float:left; width:20%; text-align:center; border-left:1px solid #e6e6e6; padding:6.4% 0; }
.weather .cont1 .fr li p.date {font-size:13px;}
.weather .cont1 .fr li p:last-child { position:relative; padding-top:70px;}
.weather .cont1 .fr li p:last-child::before {right:50%; top:0; margin-top:0; margin-right:-32.5px;}
.weather .cont2 {margin-top:20px;}
.weather .cont2 table {border-top:3px solid #333; border-bottom:1px solid #333;}
.weather .cont2 table th {border-bottom:1px solid #999; padding:10px; font-weight:600; color:#2e62ae;}
.weather .cont2 table td {border-bottom:1px solid #999; border-left:0;}
.weather .cont2 table td span { float:left; display:block; width:50%; text-align:right;  }
.weather .cont2 table td span:last-child { font-size:12px; color:#999; text-align:left; padding:2px 0 0 10px; }
@media all and (max-width:1023px){
  .weather .top dl dt {font-size:30px;}
  .weather .top dl dd p { font-size:20px; padding:10px 0 20px; }
  .weather .cont1 > * {width:100%;}
  .weather .cont1 .fr {border-top:1px solid #e6e6e6;}
  .weather .cont1 .fr li {padding:30px 0; height:auto;}
  .weather .cont2 table td span {width:100%; text-align:center !important; padding:1px 0 !important; }
}
@media all and (max-width:768px){
	.weather h4 { font-size:35px; color:#2f62ae; letter-spacing:-4px; line-height:1.4 }
  .weather .top dl {width:100%; text-align:left; padding:20px 0 20px 200px; }
  .weather .top dl::before { top:0; left:0; margin-left:0; transform: scale(0.8);}
  .weather .top dl dt {font-size:23px;}
  .weather .top dl dd p { font-size:19px; padding:5px 0 10px; }
  .weather .cont1 .fl .left {width:100%; height:auto; padding:20px 0;}
  .weather .cont1 .fl .right {width:100%; border-left:0;}
  .weather .cont1 .fl .right li {float:left; width:50%; padding:10px 20px; }
  .weather .cont1 .fl .right li:first-child { border-top:1px solid #e6e6e6; }
  .weather .cont1 .fl .right li:nth-child(2n) { border-left:1px solid #e6e6e6; }
  .weather .cont1 .fr li:first-child {border-left:0;}
  .weather .cont2 table {width:768px;}
}
@media all and (max-width:480px){
  .weather .top dl {padding:20px 0 20px 160px; }
  .weather .cont1 .fl .left > p {padding-top:100px;}
  .weather .cont1 .fl .left > p::before { top:-10px; transform:scale(0.7);}
  .weather .cont1 .fl .left > div p {font-size:50px;}
  .weather .cont1 .fl .right li {width:100%; border-left:0;}
}

/*연혁*/
.history2 { margin-top:30px}
.history2 .cont1 { position:relative; margin-top:150px;
/* background-image:url('/img/sub/histBg1.jpg'),url('/img/sub/histBg2.jpg'),
url('/img/sub/histBg3.jpg'),url('/img/sub/histBg4.jpg'),url('/img/sub/histBg5.jpg'); 
background-position:0 0, 0 10%, 0 34%, 0 0, 0 78%; background-repeat:no-repeat; */ }
.history2 .cont1::before {content:''; position:absolute; top:50px; left:572px; width:1px; height:98%; background:#ccc;  }
.history2 .cont1 > div { position:relative; padding:0 0 60px 600px; }
.history2 .cont1 .img { position:absolute; width:600px;  left:0; top:-50px;  text-align:center; }
.history2 .cont1 .img img { position:relative;  border-radius:40px;
/* box-shadow:5px 5px 10px rgba(0,0,0,0.3); */ z-index:2;  }
.history2 .cont1 .img::before {content:''; position:absolute; right:40px; top:88px; width:50%; height:1px; background:#ccc; z-index:1;}
.history2 .cont1 .year { position:relative; float:left; font-size:50px; font-weight:600; }
.history2 .cont1 .year::before {content:''; position:absolute; left:-40px; top:27px; width:15px; height:15px; border-radius:50%; border:5px solid #2e62ae; background:#fff; }
.history2 .cont1 ul {padding-left:150px; }
.history2 .cont1 ul li {position:relative; padding:10px 0 10px 60px; line-height: }
.history2 .cont1 ul li strong {position:absolute; left:0; top:12px; font-size:30px;  }
.history2 .cont1 ul li p { font-size:20px; padding:10px 0 5px;}
@media all and (max-width:1200px){
  .history2 .cont1 {background-size:400px auto; }
  .history2 .cont1::before {left:372px;}
  .history2 .cont1 > div { padding:0 0 60px 400px; }
  .history2 .cont1 .img {width:400px;}
  .history2 .cont1 .img img {width:60%;}
  .history2 .cont1 .year {font-size:40px; }
  .history2 .cont1 ul {padding-left:120px; }
  .history2 .cont1 ul li {padding:10px 0 10px 40px; }
  .history2 .cont1 ul li strong {font-size:25px; top:10px;}
  .history2 .cont1 ul li p {font-size:19px;}
}
@media all and (max-width:1023px){
  .history2 .cont1 > div {padding:0 0 30px 400px;}
  .history2 .cont1 ul {padding:70px 0 0;}
}
@media all and (max-width:768px){
  .history2 .cont1 {background:none; margin-top:50px; }
  .history2 .cont1::before { display:none; left:12px; top:30px;} /*0210*/
  .history2 .cont1 .img {position:relative; left:auto; top:auto; width:100%; padding:0 40px 10px 0; }/*0210*/
  .history2 .cont1 .img::before {display:none;}/*0210*/
  .history2 .cont1 .img img {width:90%;}/*0210*/
  .history2 .cont1 > div {padding:0 0 20px 40px;}
  .history2 .cont1 .year {font-size:30px;}
  .history2 .cont1 .year::before {top:13px;}
  .history2 .cont1 ul { padding:50px 0 0;}
  .history2 .cont1 ul li {padding:5px 0 5px 40px; }
  .history2 .cont1 ul li strong {top:6px;font-size:16px; line-height:1.4}
  .history2 .cont1 ul li p {font-size:13px; line-height:1.6}
}

/*대구가 좋은 이유*/
.dgGood .title { position:relative; /*background:url('/img/sub/dgGood_Tbg.jpg') no-repeat right center/auto 100%;*/ padding-bottom: 30px;}
.dgGood .title::before {content:''; position:absolute; left:40%; top:0; width:60%; height:100%; background:url('/img/sub/dgGood_Tbg.png') no-repeat left center/cover;} /*0210*/
.dgGood .title .left {position:relative; }
.dgGood .title .left dl {width:100%; text-align:center}

.dgGood .title .left dt {     font-family: 'HSBombaram3_Regular'; font-size: 55px;  font-weight:normal; color: #2f62ae; letter-spacing: -1.5px; line-height: 1.4; margin-bottom:20px; }
.dgGood .title .left dd:nth-child(2){ margin:10px 0; }
.dgGood .title .left dd:nth-child(2) p {font-weight:600; font-size:25px;}
.dgGood .title .left dd:nth-child(3){ font-size:18px; line-height:33px }
.dgGood .title .left .cir1 {position:absolute; top:17%; left:26%; display:none}
.dgGood .title .left .cir2 {position:absolute; top:-3%; left:33%; display:none}
.dgGood .title .left .cir3 {position:absolute; top:-5%; left:50%; }
.dgGood .course {margin-top:-25px; }
.dgGood .course .section { position:relative; z-index:10; text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size: 18px }
.dgGood .course .section::before,
.dgGood .course .section::after {content:''; position:absolute; left:0; top:0; width:50%; height:100%; background-color:#ff7cab; background-repeat:no-repeat; background-size:cover; transform: matrix(1, 0.05, 0, 1, 0, 0); z-index:10;}
.dgGood .course .section::after {left:auto; right:0; transform: matrix(1, -0.05, 0, 1, 0, 0); }
.dgGood .course .section.bg1::after { background-image:url('/img/sub/dgGood_bg1_1.png'); background-position:center left;}
.dgGood .course .section.bg2::before { background-image:url('/img/sub/dgGood_bg2_1.png'); background-position:center right;}
.dgGood .course .section.bg3::after { background-image:url('/img/sub/dgGood_bg3_1.png'); background-position:center left;}
.dgGood .course .section.bg4::before { background-image:url('/img/sub/dgGood_bg4_1.png'); background-position:center right;}
.dgGood .course .section.bg5::after { background-image:url('/img/sub/dgGood_bg5_1.png'); background-position:center left;}
.dgGood .course .section.bg6::before { background-image:url('/img/sub/dgGood_bg6_1.png'); background-position:center right;}
.dgGood .course .section.bg7::after { background-image:url('/img/sub/dgGood_bg7_1.png'); background-position:center left;}
.dgGood .course .section.bg8::before { background-image:url('/img/sub/dgGood_bg8_1.png'); background-position:center right;}
.dgGood .course > div:nth-child(3n-1) .section::before,
.dgGood .course > div:nth-child(3n-1) .section::after {background-color:#2661ad;}
.dgGood .course > div:nth-child(4n-1) .section::before,
.dgGood .course > div:nth-child(4n-1) .section::after {background-color:#32cfbc;}
.dgGood .course > div:nth-child(2n) .section {text-align:right;}
.dgGood .course .section .wrap {position:relative; z-index:20; padding:50px 30% 100px 0 ; }
.dgGood .course > div:nth-child(2n) .section .wrap { padding:50px 0 100px 30%; }
.dgGood .course .section dt {font-size:50px; font-weight:600; color:#fff; margin-bottom:30px; }
.dgGood .course .section dt strong {font-size:85px; padding-right:20px; font-weight:200;}
.dgGood .course > div:nth-child(3n-1) .section dt { color:#fff;}
.dgGood .course > div:nth-child(4n-1) .section dt { color:#fff;}

.dgGood .course .toggle { display:none; position:relative; }
.dgGood .course .toggle .bg1 {  }
.dgGood .course .toggle .wrap { padding:100px 0; text-align:center; font-size: 18px;}/*0219*/
.dgGood .course .toggle .num { display:inline-block; width:35px; line-height:35px; background:#2f62ae; color:#fff; text-align:center; border-radius:50%; }
.dgGood .course .photo {overflow:hidden; margin-top:100px; }
.dgGood .course .photo li {float:left; width:14.28%; padding:0 10px; }
.dgGood .course > div:nth-child(2) .photo li:first-child { margin-left:21.44%; }
.dgGood .course > div:nth-child(3) .photo li:first-child { margin-left:28.58%; }
.dgGood .course .photo div {position:relative; margin-bottom:25px; border-bottom:3px solid #161a59; }
.dgGood .course .photo div img {width:100%;}
.dgGood .course .photo div .num {position:absolute; bottom:-17px; left:50%; margin-left:-17.5px; }
.dgGood .course .photo p { padding-bottom:20px; text-align:center; font-size:20px; color:#161a59;}
.dgGood .course .detail { overflow:hidden; margin:40px 0 0;}
.dgGood .course .detail dl { float:left; width:31.33%; margin:0 0 40px 3%; background:#f3f3f3; padding:20px; color:#161a59; border-radius:10px; }
.dgGood .course .detail dl:nth-child(3n+1) { clear:both; margin:0 0 40px;}
.dgGood .course .detail dl dt {font-size:18px; font-weight:600; border-bottom:2px solid #2f62ae; padding-bottom:10px; margin-bottom:10px; }
.dgGood .course .detail dl dt .num {transform:scale(0.8);}
.dgGood .course .detail dl dd {font-size:15px;}
.dgGood .course .info { background:#f3f3f3; border-radius:10px; padding:20px; }
.dgGood .course .info ul {overflow:hidden;}
.dgGood .course .info li {float:left; width:50%; font-size:18px;}
.dgGood .course .info li:nth-child(2n+1) {clear:both; }
.dgGood .course .info a.moreBtn { font-size:15px; }
.dgGood .course .tc {margin-top:50px;}
.dgGood .course a.more, .dgGood .course a.close { display:block; position:absolute; left:50%; bottom:0; width:90px; height:90px; margin-left:-45px; background:url('/img/sub/dgTour_icon_1.png') no-repeat -90px 0; color:transparent; z-index:30; }
.dgGood .course a.more { background-position:0 0;}
@media all and (max-width:1200px){
  .dgGood .title::before { left:auto; right:0; width:100%; opacity:0.3; }
  .dgGood .title .left dl { width:100%; }
  .dgGood .title .left > img {display:none;}
  .dgGood .course .photo li { font-size:18px; }
}
@media all and (max-width:1023px){
  .dgGood .title { background:none;}
  .dgGood .course .section .wrap {padding:70px 0 100px !important;}
  .dgGood .course .section dt {margin-bottom:20px;}
  .dgGood .course a.more, .dgGood .course a.close {transform:scale(0.7);}
  .dgGood .course .detail dl { width:48.5%; margin:0 0 30px 3%; }
  .dgGood .course .detail dl:nth-child(3n+1) { clear:none; margin:0 0 30px 3%;}
  .dgGood .course .detail dl:nth-child(2n+1) { clear:both; margin:0 0 30px;}
}
@media all and (max-width:768px){.dgGood .title .left dt {     font-family: 'HSBombaram3_Regular'; font-size: 35px;  font-weight:normal; color: #2f62ae; letter-spacing: -1.5px; line-height: 1.4; margin-bottom:20px; }
  .dgGood .title {padding:100px 0;} /*0215*/
  .dgGood .course .section .wrap {padding:2% 0 100px !important;}
  .dgGood .course .section::before, .dgGood .course .section::after { background-image:none !important; }
  .dgGood .course .section dt {font-size:25px; text-align:center}
.dgGood .course .section { position:relative; z-index:10; text-shadow:2px 2px 4px rgba(0,0,0,0.2); color:#fff; font-size: 13px; text-align:center }
  .dgGood .course .photo li {width:25%; margin-left:0 !important; }
  .dgGood .course .photo li:nth-child(4n+1) {clear:both;}
  .dgGood .course .photo p { font-size:15px;}
  .dgGood .course .detail {margin:20px 0 0;}
  .dgGood .course .detail dl { width:100%; margin:0 0 20px !important; }
  .dgGood .course .info li { width:100%; font-size:16px; }.dgGood .course a.more, .dgGood .course a.close { display:block; position:absolute; left:50%; bottom:0; width:90px; height:90px; margin-left:-45px; background:url('/img/sub/dgTour_icon_1.png') no-repeat -90px 0; color:transparent; z-index:30; }
.dgGood .course a.more { background-position:0 0;}
.dgGood .course .section dt strong {font-size:55px; padding-right:20px; font-weight:200; width:100%; text-align:center; float:left}
.dgGood .course > div:nth-child(2n) .section {text-align:center;}
}
@media all and (max-width:480px){
  .dgGood .title {padding:7% 0;} /*0215*/
  .dgGood .title .left dd:nth-child(2) p {font-size:20px;} /*0215*/
  .dgGood .title .left dd:nth-child(3) {font-size:15px; line-height:1.6; } /*0215*/
}

/*기부금*/ /*0310*/
.donation {overflow:hidden; }
.donation dl {float:left; width:30%; margin:0 0 50px 5%;}
.donation dl:nth-child(3n+1) { clear:both; margin:0 0 50px;}
.donation dl dt { font-size:23px; text-align:left; font-weight:600; }
.donation dl dd a {display:block; background:#2f62ae; color:#fff; text-align:center; font-size:16px; font-weight:500; }
.donation dl dd a span { position:relative; display:inline-block; background:url('/img/sub/btnIcon.png') no-repeat right center; padding:8px 35px 8px 0; }
@media all and (max-width:1023px){
  .donation dl {width:47.5%;}
  .donation dl:nth-child(3n+1) { clear:none; margin:0 0 50px 5%; }
  .donation dl:nth-child(2n+1) { clear:both; margin:0 0 50px;}
}
@media all and (max-width:480px){
  .donation dl {width:100%; margin:0 0 20px; }
  .donation dl dt {font-size:18px;}
  .donation dl dd a {font-size:14px;}
}


/*******소개********/
.introduction_new  {
background: rgb(255,255,255);
background: 
linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%,rgba(188, 221, 232, 0.6) 100%);
}


.introduction_new  .inwrap {overflow:hidden;   }
.introduction_new  .inwrap { padding:110px 0px; margin-bottom:-60px;}
.introduction_new  .inwrap dt {  font-family: 'HSBombaram3_Regular'; color: #ea5541; letter-spacing: -1px;  font-weight:500; line-height:1.3 !important }

.introduction_new  .inwrap dt  p{ font-weight:500; 
font-family: 'Noto Sans KR', sans-serif; color: #ea5541;}

.introduction_new  .inwrap:nth-child(2) dt, 
.introduction_new  .inwrap:nth-child(2) dt  p{ color: #2f62ae;}


.introduction_new  .inwrap.in01  {position:relative;}
.introduction_new  .inwrap dd {font-weight:300;letter-spacing:-1px;}
.introduction_new  .inwrap.right dt,
.introduction_new  .inwrap.right dd{text-align:right;}

.introduction_new  .inwrap.in01 .img { background:url('/img/int01.gif') no-repeat top right; border-radius:60px;}
.introduction_new  .inwrap.in01 .wrap dl{position:relative; z-index:3;}
.introduction_new  .inwrap.in02{ background:url('/img/356.png') no-repeat bottom left;
}


@media all and (min-width:1250px){
.introduction_new  .inwrap dt  { font-size:47px; line-height:70px;padding-bottom:50px;}
.introduction_new  .inwrap dt  p{font-size:29px; line-height:51px; padding-top:20px;letter-spacing:-1px;}
.introduction_new  .inwrap.in01  { padding-bottom:200px;}
.introduction_new  .inwrap dd {font-size:22px; line-height:41px;  }
.introduction_new  .inwrap.in01 .img {
background-size: 930px auto;  position:Absolute;  
z-index:1; bottom:150px; right:0px; width:570px; height:410px;}
.introduction_new  .inwrap.in02{ background-size: 1000px auto;  padding-bottom:200px;}
}

@media all and (max-width:1249px){
.introduction_new  .inwrap dt  { font-size:38px; line-height:53px;padding-bottom:30px;}
.introduction_new  .inwrap dt  p{font-size:24px; line-height:30px; padding-top:20px;letter-spacing:-2px;}
.introduction_new  .inwrap.in01  { padding-bottom:200px;}
.introduction_new  .inwrap dd {font-size:19px; line-height:31px;  }
.introduction_new  .inwrap.in01 .img {
background-size: 930px auto;  position:Absolute;  
z-index:1; bottom:150px; right:0px; width:370px; height:310px;}
.introduction_new  .inwrap.in02{ background-size: 900px auto;  padding-bottom:200px;}
}

@media all and (max-width:1248px) and (min-width:650px){
.introduction_new  .inwrap dt  { font-size:29px; line-height:43px;padding-bottom:20px;}
.introduction_new  .inwrap dt  p{font-size:21px; line-height:29px; padding-top:20px;letter-spacing:-2px;}
.introduction_new  .inwrap.in01  { padding-bottom:300px;}
.introduction_new  .inwrap dd {font-size:17px; line-height:30px;  }
.introduction_new  .inwrap.in01 .img {
background-size: 730px auto;  position:Absolute;  
z-index:1; bottom:80px; right:0px; width:470px; height:210px;}
.introduction_new  .inwrap.in02{ background-size: 550px auto;  padding-bottom:100px;}

}
@media all and (max-width:480px){
.introduction_new {}
.introduction_new  .inwrap  {text-align:center ; padding-top:20px;}
.introduction_new  .inwrap dt  { font-size:24px; line-height:37px;padding-bottom:20px;}
.introduction_new  .inwrap dt  p{font-size:19px; line-height:24px; padding-top:20px;letter-spacing:-1px;}
.introduction_new  .inwrap.in01  { padding-bottom:300px;}
.introduction_new  .inwrap dd {font-size:16px; line-height:26px;  padding-bottom:30px; }
.introduction_new  .inwrap.in01 .img {
background-size: 730px auto;  position:Absolute;  
z-index:1; bottom:80px; right:0px; width:470px; height:210px;}
.introduction_new  .inwrap.in02{ background-size: 550px auto;    padding-bottom:200px;}

.introduction_new  .inwrap.in02 dt,
.introduction_new  .inwrap.in02 dd {text-align:center !important; }
}


/*서브bg 추가 23.06.26*/

#container:after {content:''; position:absolute;  z-index:13;  left:0;
background:url('/img/sub/subbg04.png') no-repeat center left; 
background-size: auto 100%;}
#container:before {content:''; position:absolute;  z-index:13; width:100%; right:0;
background:url('/img/sub/subbg05.png') no-repeat center right; 
background-size: auto 100%;}


#container,
#contents {position:relative; z-index:1; overflow:hidden;}

#contents:before {content:''; position:absolute; bottom:0; right:0; z-index:13;
background:url('/img/sub/subbg03.png') no-repeat bottom right;
background-size:auto 100%;}

@media all and (min-width:1023px){
#contents:before {width:430px; height:150px;}
#container:before,
#container:after {top:155px; width:260px; height:390px;}

}

@media all and (max-width:1023px) and (min-width:600px){
#contents:before { width:270px; height:90px; }
#container:before,
#container:after {top:230px;  width:210px; height:250px;}

}

@media all and (max-width:480px){
#contents:before { width:200px; height:70px; }
#container:before,
#container:after {top:119px;  width:170px; height:180px;}
}