@charset "utf-8";
@font-face { font-family: 'GongGothicLight'; src: url('https://github.com/projectnoonnu/noonfonts_20-10/blob/main/GongGothicLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GongGothicBold'; src: url('https://github.com/projectnoonnu/noonfonts_20-10/blob/main/GongGothicBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GongGothicMedium'; src: url('https://github.com/projectnoonnu/noonfonts_20-10/blob/main/GongGothicMedium.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;
}
*/
/*0215*/


#header {position:fixed; left:0; top:0; width:100%; z-index:500; background:rgba(255,255,255,1); height:90px; }
#header h1 {position:absolute; left:40px; top:25px; }
#header h1 a {display:block; width:225px; height:40px; background:url('/img/common/logo.png') no-repeat 0 -40px; text-indent:-9999px;}
#header > .btnWrap { position:absolute; right:40px; top:27px; }
#header > .btnWrap .sns {float:left; }
#header > .btnWrap .sns a {display:block; float:left; height:35px; background:url('/img/common/snsIcon.png') no-repeat 0 -35px; text-indent:-9999px; }
#header > .btnWrap .sns a.insta {width:35px;}
#header > .btnWrap .sns a.facebook { width:25px; background-position:-35px -35px; }
#header > .btnWrap .sns a.youtube { width:35px; background-position:-60px -35px; }
#header > .btnWrap a.lang { display:block; float:left; font-family:'Montserrat'; font-size:14px; font-weight:600; line-height:35px; height:35px; margin-left:17px; letter-spacing:0.7px;}
@media all and (max-width:1600px){
  #header h1 {left:1%;}
  #header > .btnWrap {right:1%;}
}
@media all and (max-width:480px){
  #header > .btnWrap .sns { display:none; }
}

#gnb { border-bottom:1px solid rgba(0,0,0,0.9); height:90px; text-align:center; }
#gnb .depth1_ul { /*display:inline-block;*/ margin:0 250px 0 300px;}
#gnb .depth1_ul > li {float:left; }
#gnb .depth1_ul > li:nth-child(1){width: 24%;}
#gnb .depth1_ul > li:nth-child(2){width: 24%;}
#gnb .depth1_ul > li:nth-child(3){width: 16%;}
#gnb .depth1_ul > li:nth-child(4){width: 16%;}
#gnb .depth1_ul > li:nth-child(5){width: 20%;}
/* #gnb .depth1_ul > li:nth-child(6){width: 14%;} */
#gnb .depth1_ul > li > a { display:block; font-family: 'NanumSquare', sans-serif;  font-weight:600; line-height:90px; letter-spacing:-2px; text-align:center; }
#gnb .depth2 { display:none; position:absolute; left:0; top:90px; width:100%; background:#1780a4; padding:50px 0; text-align:left; }
#gnb .depth2 dl { position:relative; max-width:1200px; margin:0 auto; padding-left:300px;}
#gnb .depth2 dl dt {position:absolute; left:0; top:0; width:300px; color:#fff; font-size:35px; font-weight:600; line-height:1.3; letter-spacing:-3px; padding-right:30px; }
#gnb .depth2 dl dd {min-height:100px; border-left:1px solid rgba(255,255,255,0.2); }
#gnb .depth2 li {float:left; width:33.33%; padding:0 20px; }
#gnb .depth2 li a {display:block; padding:10px 20px; font-size:18px; color:#fff; transition: all 0.2s ease; }
#gnb .depth2 li a:hover { position:relative; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,0.2); color:#111; font-weight:600; }
/*
#gnb .siteMap { display:none; position:fixed; left:0; top:90px; width:100%; background:linear-gradient(90deg, #fafafa 50%, #fff 50%); text-align:left; }
#gnb .siteMap > div { max-width:1500px; margin:0 auto;}
#gnb .siteMap > div > div {float:left; width:20%; background:#fafafa; font-size:20px; padding:20px 20px 0 0; }
#gnb .siteMap > div > div strong {font-family:'Cafe24Dangdanghae', sans-serif; font-size:60px; color:#1f677f; margin-bottom:30px; }
#gnb .siteMap > div > ul { position:relative; float:left; width:80%; background:#fff; }
#gnb .siteMap > div > ul::before {content:''; position:absolute; left:0; top:0; width:30%; height:100%; background:#15708e; z-index:-1; }
#gnb .siteMap > div > ul > li { position:relative; overflow:hidden; border-top:1px solid rgba(0,0,0,0.07);}
#gnb .siteMap > div > ul > li:first-child {border-top:0;}
#gnb .siteMap > div > ul > li > a {float:left; width:30%; font-size:19px; padding:13px 20px; font-weight:600; transition: all 0.2s ease;  }
#gnb .siteMap > div > ul > li > a:hover {background:#1f677f; color:#fff;}
#gnb .siteMap > div > ul ul {float:left; width:70%;}
#gnb .siteMap > div > ul ul li { float:left; }
#gnb .siteMap > div > ul ul li a { display:inline-block; padding:14px 20px; }
#gnb .siteMap > div > ul ul li a:hover {color:#1f677f; font-weight:600;}
#gnb .siteMap > div > ul ul li a span { position:relative; display:inline-block; }
#gnb .siteMap > div > ul ul li a span::before {content:''; position:absolute; left:50%; bottom:-5px; width:0; height:4px; background:#1f677f; transition: all 0.2s ease; }
#gnb .siteMap > div > ul ul li a:hover span::before { left:0; width:100%; }
@media all and (max-width:1540px){
  #gnb .siteMap > div {width:96%; margin:0 auto;}
}
*/
#gnb .siteMap { display:none; position:fixed; left:0; top:90px; width:100%; background:linear-gradient(90deg, #fafafa 50%, #fff 50%); text-align:left; }
#gnb .siteMap > div {  margin:0 250px 0 0; }
#gnb .siteMap > div > div { position:absolute; left:0; top:0; width:300px; height:100%; background:#fafafa; font-size:20px; padding: 0 20px; z-index:10; }
#gnb .siteMap > div > div strong {font-family: 'CJONLYONENEWtitleBold','돋움',Dotum,'굴림',Gulim,Tahoma,Verdana,AppleGothic,sans-serif; font-size:60px; color:#1f677f; margin-bottom:30px; } /*0215*/
#gnb .siteMap > div > ul { position:relative; background:#fff; overflow:hidden; padding-left:300px; }
#gnb .siteMap > div > ul > li { position:relative; float:left; padding:20px;}
#gnb .siteMap > div > ul > li::before {content:''; position:absolute; left:0; top:0; width:1px; height:300px; background:#eee;}
#gnb .siteMap > div > ul > li:nth-child(1){width: 24%;}
#gnb .siteMap > div > ul > li:nth-child(2){width: 24%;}
#gnb .siteMap > div > ul > li:nth-child(3){width: 16%;}
#gnb .siteMap > div > ul > li:nth-child(4){width: 16%;}
#gnb .siteMap > div > ul > li:nth-child(5){width: 20%;}
/* #gnb .siteMap > div > ul > li:nth-child(6){width: 14%;} */
#gnb .siteMap > div > ul > li li a {display:inline-block; padding:5px; transition: all 0.2s ease; font-size: 14px}
#gnb .siteMap > div > ul > li li a:hover {background:#1f677f; color:#fff;}
#gnb .siteMap > div > ul > li > a { display:none; font-weight:600; font-size:19px; margin-bottom:10px;}
@media all and (max-width:1550px){
  #gnb .depth1_ul {margin:0 200px;}
  #gnb .depth1_ul > li > a {font-size:18px; }
  #gnb .siteMap {background:#fff;}
  #gnb .siteMap > div {margin:0;}
  #gnb .siteMap > div > div {display:none;}
  #gnb .siteMap > div > ul {padding:0 200px;}
  #gnb .siteMap > div > ul > li:first-child::before {display:none;}
}
@media all and (max-width:1400px){
  #gnb .depth1_ul > li > a {font-size:17px; letter-spacing:-2.5px; }
  #gnb .siteMap > div > ul > li {padding:20px 10px;}
  #gnb .siteMap > div > ul > li li a {font-size:15px;}
}
@media all and (max-width:1240px){
  #gnb .depth2 dl {margin:0 2%;}
}
@media all and (max-width:1200px){
  #gnb {display:none;}
}

#header.fixed {background:rgba(0,0,0,0.2);}
#header.fixed h1 a { background-position:0 0; }
#header.fixed > .btnWrap .sns a.insta { background-position:0 0; }
#header.fixed > .btnWrap .sns a.facebook { background-position:-35px 0; }
#header.fixed > .btnWrap .sns a.youtube { background-position:-60px 0; }
#header.fixed > .btnWrap a.lang {color:#fff;}
#header.fixed #gnb { border-bottom:1px solid rgba(255,255,255,0.3); }
#header.fixed #gnb .depth1_ul > li > a { color:#fff; }

#header.white {background:rgba(255,255,255,1); }
#header.white h1 a { background-position:0 -40px; }
#header.white > .btnWrap .sns a.insta { background-position:0 -35px; }
#header.white > .btnWrap .sns a.facebook { background-position:-35px -35px; }
#header.white > .btnWrap .sns a.youtube { background-position:-60px -35px; }
#header.white > .btnWrap a.lang {color:#111;}
#header.white #gnb { border-bottom:1px solid rgba(255,255,255,1); }
#header.white #gnb .depth1_ul > li > a { color:#111; }

#gnbOpen, #gnbMobile { display:none; }
.not_Scroll {overflow:hidden !important;}/*0219*/
@media all and (max-width:1200px){
  /*.not_Scroll {overflow:hidden !important;}*//*0219*/
  #gnbOpen { float:left; display:block !important; text-indent:-9999px; width:40px; height:40px; background:url('/img/common/navOpen.gif') no-repeat 0 -40px; margin:-3px 0 0 20px; }
  #header.fixed #gnbOpen { background:url('/img/common/navOpen.gif') no-repeat 0 0; }
  #gnbMobile { display:none; position:fixed; top:0; left:0; width:100%; height:100%; text-align:left; }
  #gnbMobile .gnbWrap { position:absolute; right:-100%; top:0; width:100%; height:100%; background:#fff; overflow-y:auto; z-index:20; transition: all 0.2s ease; }
  #gnbMobile .gnbWrap.open {right:0;}
  #gnbMobile .logo { position:absolute; display:block;  left:20px; top:10px; width:170px; height:30px; background:url('/img/common/logo.png') no-repeat 0 -30px; background-size:auto 60px; text-indent:-9999px; }
  #gnbMobile .btnWrap { margin:65px 0 0 20px; overflow:hidden; padding:1px; }
  #gnbMobile .btnWrap a { position:relative; display:block; float:left; margin-right:20px; font-size:15px; color:#666; }
  #gnbMobile .btnWrap a::before {content:''; position:absolute; right:-10px; top:50%; width:1px; height:12px; margin-top:-6px; background:#aaa;}
  #gnbMobile .btnWrap a:first-child { font-family:'Montserrat'; font-weight:600; color:#111;}
  #gnbMobile .btnWrap a:last-child::before {display:none;}
  #gnbMobile .depth1_ul {margin:20px 0; border-top:1px solid #ccc;} /*0215*/
  #gnbMobile .depth1_ul > li { padding:0 20px; }
  #gnbMobile .depth1_ul > li > a {  position:relative; display:block; font-size:18px; padding:15px 20px; border-bottom:1px solid #ccc; letter-spacing:-2px; }/*0215*/
  #gnbMobile .depth1_ul > li > a::before {content:''; position:absolute; right:20px; top:20px; width:10px; height:10px; border-top:1px solid #999; border-right:1px solid #999; transform:rotate(135deg); }/*0215*/
  #gnbMobile .depth1_ul > li.on > a { color:#0997c6; font-weight:600; }
  #gnbMobile .depth1_ul > li.on > a::before {border-top:1px solid #0997c6; border-right:1px solid #0997c6;  transform:rotate(-45deg); top:25px; }
  #gnbMobile .depth2 {display:none; background:#f3f3f3; }
  #gnbMobile .depth2 dt {position:absolute; left:-9999px; }
  #gnbMobile .depth2 li a {display:block; padding:10px 20px; border-bottom:1px dashed #ddd;}
  .gnbBg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10;}
  #gnbClose {position:absolute; right:15px; top:7px; background:url('/img/common/navClose.png') no-repeat center ; width:40px; height:40px; text-indent:-9999px; }
}


.footer { position:relative; height:auto !important;
background:#b8a789; padding:50px 80px; overflow:hidden; z-index:-1; }
.footer .fp-tableCell { height:auto !important; }

.footer .address,
.footer .copy {overflow:hidden;}

.footer .address p {position:relative; float:left; padding:5px 40px 5px 0; font-size:14px; color:#000; }
.footer .address p::before {content:''; position:absolute; right:20px; top:50%; width:1px; height:15px; margin-top:-8px; background:#a5a5a5; }
.footer .address p:last-child::before {display:none;}
.footer p.copy { width:100%; font-size:15px; color:#333; text-transform:uppercase; padding:7px 0; }
.footer .f-banner {overflow:hidden;}
.footer .f-banner li {display:inline-block; vertical-align:middle;}


.footer .f-banner  {padding-top:20px;}
.footer .f-banner li {padding:0px 10px;}



@media all and (max-width:1440px){
  .footer { margin-left:65px; }
/*   .footer .address p {font-size:18px;} */
  .footer p.copy {clear:both;}
  .footer .address {overflow:hidden;}

}

@media all and (min-width:1250px){
.footer .f-banner  {position:absolute; top:30px; right:70px;}
.footer .f-banner li {padding:0px 10px;}
}


@media all and (max-width:768px){
  .footer {padding:40px 60px;}
  .footer .address p { display:block; font-size:16px;}
  .footer .address p::before {display:none;}
  .footer p.copy { font-size:13px; }
  .footer .f-banner {width:100%}
}

@media all and (max-width:500px){
.footer .f-banner li img {height:30px;}
}



#top { position:fixed; width:23px; height:180px; 
display:inline-block; padding:30px 30px; box-sizing:border-box;
margin:-190px 0 0 0px; left:0; bottom:0;
background:#fff url('/img/common/scrollTop.png') no-repeat top center;
background-size:auto 150px; text-indent:-9999px; z-index:50; 
opacity:0; transition: all 0.5s ease; }
#top.fixed {opacity:1;}
@media all and (max-width:1440px){
  #top { display:block;}
}
@media all and (max-width:480px){
	.footer { padding:30px}
.footer p.copy { float:left; font-size:11px; width:83%}
.footer .address p {font-size:13px; }	
  #top {width:45px; height:45px; background:rgba(0,0,0,0.3); border-radius:50%; margin:0; left:10px; bottom:10px; } /*0210*/
  #top::before {content:''; position:absolute; left:15px; top:17px; width:12px; height:12px; border-top:3px solid #fff; border-right:3px solid #fff; transform:rotate(-45deg); }/*0210*/
}


/*subLayout*/
#subTop { position:relative; background:#000; padding-top:120px; overflow:hidden}
#subTop::after { content:''; position:absolute; left:0; top:0; width:100%;
height:100%; background-position:center; background-repeat:no-repeat;
background-color:#000; background-size:cover;  -webkit-animation:animate_background 20s linear;-moz-animation:animate_background 20s linear;-o-animation:animate_background 20s linear;animation:animate_background 20s linear; }
#subTop.img1::after { background-image:url('/img/common/subVis011_2.jpg') ;}
#subTop.img2::after { background-image:url('/img/common/subVis02.jpg') ; }
#subTop.img3::after { background-image:url('/img/common/subVis03_1.jpg') ; display:none}
#subTop.img4::after { background-image:url('/img/common/subVis04_1.jpg') ; }
#subTop.img5::after { background-image:url('/img/sub/newsubtop01.jpg') ; }
#subTop.img6::after { background-image:url('/img/common/subVis06.jpg') ; }
#subTop.img6_1::after { background-image:url('/img/common/subVis06_1.jpg') ; }



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



/* 애니메이션 */
@keyframes animate_background{
	0%{background-position:50% 0;}
	25%{background-position:50% 50%;}
	50%{background-position:50% 100%;}
}
#subTop .wrap { position:relative; max-width:1500px; margin:0 auto; z-index:20; box-sizing:border-box; height:250px;}
#subTop h3 {color:#fff; font-size:46px; text-align:center; 

background:url('/img/common/h3Bg2.png') no-repeat center 66px; letter-spacing:-1px;
padding-top:80px;  font-family: 'NanumSquare', sans-serif; font-weight:bold ; 
text-shadow: 2px 2px 2px #000;}

#subTop.img1 h3  {text-shadow:2px 2px 2px #000;}
#snb { position:Absolute; bottom:0; left:50%; transform:translateX(-50%);  width:100%; max-width:1500px;
border-top:4px solid #0997c6;  border-bottom:1px solid #ddd; background:#fff; min-height:45px; display:none }
#snb .home { display:block; position:absolute; left:0; top:0; width:60px; height:60px; border-right:1px solid #ddd; background:url('/img/common/homeIcon.gif') no-repeat center; text-indent:-9999px; }
#snb .util { position:absolute; right:0; top:0;}
#snb .util a { position:relative; display:block; float:left; line-height:60px; height:60px; padding:0 30px 0 70px; font-size:12px; letter-spacing:0;}
#snb .util a::before {content:''; position:absolute; left:30px; top:15px; width:30px; height:30px; background:url('/img/common/utilIcon.gif') no-repeat -30px 0;  }
#snb .util a:first-child::before { background-position:0 0; }
#snb .util a:first-child::after { content:''; position:absolute; top:22px; right:0; width:1px; height:12px; background:#ddd; }
#snb > ul { margin:0 200px 0 60px; }
#snb > ul > li { position:relative; float:left; width:33.33%; }
#snb > ul > li > a { position:relative; display:block; line-height:45px; height:45px; border-right:1px solid #ddd;
padding:0 40px 0 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:12px }
#snb > ul > li > a::before {content:''; position:absolute; right:20px; top:25px; width:8px; height:8px; background:linear-gradient(45deg, transparent 50%, #333 50%); transform:rotate(135deg); }
#snb ul ul { display:none; position:absolute; left:0; top:60px; width:100%; background:#0997c6; }
#snb ul ul li a {display:block; color:#fff; padding:10px 20px; border-bottom:1px solid rgba(255,255,255,0.3); }
#snb ul ul li a.on,
#snb ul ul li a:hover {background:#15708e;}
@media all and (max-width:1023px){
  #snb .util {display:none;}
  #snb > ul { margin:0 0 0 60px;}
}
@media all and (max-width:768px){
  #subTop h3 {font-size:35px;}
}
@media all and (max-width:480px){
  #subTop .wrap {height:100px;} /*0215*/
  #subTop h3 {font-size:22px; background-position:top center; padding-top:30px;}/*0215*/
  #snb .home {display:none;}
  #snb > ul { margin:0;}
  #snb > ul > li {width:50%;}
}


/* **************************************** *
 *new_modify
 * **************************************** */

.new_modify .info_dcvd dl.title{ width:100%; overflow:hidden; text-align:center; position:absolute }
.new_modify .info_dcvd .graph{ /* float:right; */ width:100%; overflow:hidden;}

.new_modify .map {width:100%; overflow:hidden;}

.new_modify .newt_in{float:left ; width:calc(100% - 580px) !important;
 overflow:hidden; text-align:left !important;}




 .important2_desc,
.new_modify  .info_dcvd dl.title dd {width:100%; margin-bottom:30px }

.new_modify  .info_dcvd dl.title dd p,
.important2_desc2{padding-bottom:2%; width:90%}

.new_modify  .info_dcvd dl.title dd.important  p{padding:0px;font-weight: 500 !important; font-size:23px; line-height: 1.6;}


.int01 { font-size:35px; line-height:1.4; padding-bottom:20px;}


/*국제회의 복합지구 수정했음 이영역*/
.info_dcvd dl.title {margin-bottom:70px;}
.info_dcvd dl.title dt { font-size:67px; font-weight:600; color:#1f677f; letter-spacing:-1px; line-height:1.3; }
.info_dcvd dl.title dd {}
/*.info_dcvd dl.title dd span { color:#0099cc;}*//*0210*/
.info_dcvd dl.title dd:nth-child(2) {font-weight:600; margin:50px 0 40px; }
.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:20px; 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:17px; 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;}
.info_dcvd .map .left {  position:relative; z-index:20; float:left; width:50%; font-size:30px; }/*0215*/
.info_dcvd .map .left dt {font-weight:600; margin:70px 0 50px; }
.info_dcvd .map .left dt p:first-child { color:#0099cc; }
.info_dcvd .map .right { position:relative; float:right; width:50%; font-size:16px; }
.info_dcvd .map .tab  { padding-top:30px;}
.info_dcvd .map .tab p {font-size:14px !important; line-height:22px !important; margin-bottom:10px;}


.info_dcvd .map  .tab p { color:#ff3300; padding:2px 0 2px 40px; z-index:10; }
.info_dcvd .map  .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  .tab p.type2 { left:-13px; top:47%; color:#006666;}



.info_dcvd .map  .tab p.type2::before { background:#006666; }
.info_dcvd .map  .tab p.type3 { left:-13px; top:53%; color:#666600; }
.info_dcvd .map  .tab p.type3::before { background:#666600; }
.info_dcvd .map .tab p.type4 { top:59%; color:#339900; }
.info_dcvd .map  .tab p.type4::before { background:#339900; }


.info_dcvd .map .right { position:relative; text-align:center; z-index:10; }/*0215*/
.info_dcvd .map .right .pin p { position:absolute; color:#ff3300; width:130px !important;  font-weight:600; z-index:2;
padding-top:70px; font-size:20px; line-height:30px; text-align:center; z-index:10; }
.info_dcvd .map .right .pin p::before {content:''; position:absolute; z-index:2;
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:after {content:'';
border-radius:50%;  z-index:1;
position:absolute; display:inline-block;
width:122px;height:122px; top:-26px; left:6px; opacity:0.2;}

.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.type2:after {background:#006666; }

._file_src_video_stay {width:70%; margin: 6% auto}/*0215*/


.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.type3:after {background:#666600; }
.info_dcvd .map .right .pin p.type4 { color:#339900; }
.info_dcvd .map .right .pin p.type4:after {background:#339900; }

.info_dcvd .map .right .pin p.type1:after{ background:#ff3300; }


.info_dcvd .map .right .pin p.type4::before { background-position:-198px 0;}



.info_dcvd .map .right .pin .icon1 { top:13%; left:61%; }
.info_dcvd .map .right .pin .icon2 { top:26%; left:52%; }
.info_dcvd .map .right .pin .icon3 { top:46%; left:50%; }
.info_dcvd .map .right .pin .icon4 { top:68%; left:44%; }
.info_dcvd .map .right .pin .icon5 { top:60%; left:30%; }
.info_dcvd .map .right .pin .icon6 { top:13%; left:43%; }
.info_dcvd .map .right .pin .icon7 { top:25%; left:28%; }
.info_dcvd .map .right .pin .icon8 { top:37%; left:37%; }


.info_dcvd .movie .title {text-align:center; margin-bottom:0;}
.info_dcvd .movie .title p { font-weight:600; }
.info_dcvd .movie .title p span { color:#0099cc;}
.info_dcvd .movie video{width:100%; height:700px; }
.wd100per { width:100% !important}
.wd100per p{ width:100% !important; margin: 2% 0}
@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:20px;}
  .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:60px 0;}
  .info_dcvd .map .left {font-size:25px;}
  .info_dcvd .map .left dt {margin:0 0 30px;}

  .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:-2px; }
  .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:17px;}
  .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){
	.new_modify  .info_dcvd dl.title dd {font-size:14px !important;  }
  .info_dcvd .map .right { font-family:sans-serif; width:100%; font-size:12px;}
  /*
  .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;}
}







/*
 .new_modify  .info_dcvd dl.title dt,
.new_modify   .info_dcvd .map .left dt p:first-child
{
    font-size: 40px !important;
	line-height:55px !important;
    font-weight: 400 !important;
    letter-spacing: -2px !important;




 .important2_desc,
.new_modify  .info_dcvd dl.title dd {font-size:20px !important; line-height:30px !important; }

.new_modify  .info_dcvd dl.title dd p,
.important2_desc2{padding-bottom:30px; font-size:16px; line-height:26px; font-weight:300; color:#000;}





.new_modify  .info_dcvd dl.title dd.important  p{padding:0px;font-weight: 500 !important; font-size:19px; line-height:33px;}


 */


.new_modify  .graph-new{ position:relative;   float:right; overflow:hidden; margin-top:-60px;
width:650px; height:650px; padding-bottom:50px; margin: 5px 0 110px; }

.new_modify  .graph-new div {position:absolute;  z-index:4; }
.new_modify  .graph-new .vision {background:rgba(45, 111, 196, 0.9); border-radius:50%; height:360px; width:360px; top:160px; left:50%; color:#fff;  font-weight:600; transform:translate(-50%,0%); font-size:30px; line-height:40px; z-index:4;} /*0311*/

/*
.new_modify  .graph-new .vision:before {content:''; width:360px;  position:absolute;
height:360px; top:-40px; left:-40px; border-radius:50%; display:block; z-index:1;
  border:1px solid #ccc;} */
.new_modify  .graph-new .vision:after  {content:''; width:550px;  position:absolute;
height:550px; top:-103px; left:-103px; border-radius:50%; display:block; z-index:1;
background:rgba(10,63,130,0.5); opacity:0.2;}


.new_modify  .graph-new .vision p {position:absolute; top:50%; left:50%; text-align:center; transform:translate(-50%,-50%); width:80%; } /*0311*/

/* .new_modify  .sec01:before,
.new_modify  .sec02:before,
.new_modify  .sec03:before{content:'' ;border-radius:50%; background:#049ec0;
width:16px; height:16px; display:block; position:absolute; z-index:5;} */


.new_modify  .sec01{box-sizing:border-box;}



.new_modify  .sec01 {background:rgba(119, 86, 210, 0.9)}
.new_modify  .sec02 {background:rgba(45, 168, 196, 0.9)}
.new_modify  .sec03 {background:rgba(67, 185, 146, 0.9)}



.new_modify  .sec01,
.new_modify  .sec02 ,
.new_modify  .sec03  {border-radius:50%; box-sizing:border-box; height:250px; width:250px;}


.new_modify  .sec01 div,
.new_modify  .sec02 div,
.new_modify  .sec03  div{position:Absolute; top:50%; left:50%; transform:translate(-50%,-50%)}



.new_modify  .sec01 {top:0; left:190px;}
.new_modify  .sec02{left:0%; bottom:0px;}
.new_modify  .sec03{RIGHT:0%;   bottom:0px;}


/* .new_modify  .sec01:before {right:164px; top:20px;} */
/* .new_modify  .sec03:before {left:50%; transform:translateY(-50%); top:0px;} */
/* .new_modify  .sec02:before {left:168px; top:20px;} */


.new_modify  .sec01 p ,
.new_modify  .sec02 p ,
.new_modify  .sec03 p {color:#fff; font-size:20px; line-height:30px; font-weight:600; text-align:center;}

.new_modify  .sec01 ul,
.new_modify  .sec02 ul,
.new_modify  .sec03 ul {padding-top:10px;}



.new_modify  .sec01  ul li,
.new_modify  .sec02  ul li,
.new_modify  .sec03  ul li{font-size:15px; font-weight:300; line-height:26px; color:#fff; text-align:center; }

.new_modify .map {background:#eee; padding:30px 0px;}




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




.newtit {  font-family: 'HSBombaram3_Regular';  font-size:55px; letter-spacing:-1.5px; color:#2f62ae; line-height:1.3 !important;  font-weight:500 !important;} /*0215*/


/*0210*/
@media all and (max-width:1400px){
  .new_modify .newt_in {width: calc(100% - 600px) !important;}
  .new_modify .graph-new{ width:600px;}
  .new_modify .graph-new .vision {width:400px; height:400px;}
  .new_modify .graph-new .vision:after {width:500px; height:500px; left:-50px; top:-50px;}
  .new_modify .sec01, .new_modify .sec02, .new_modify .sec03 {width:250px; height:250px;}
  .new_modify .sec01 {left:170px;}
}
@media all and (max-width:1023px){
  .new_modify .newt_in {width:100% !important;}
		  .new_modify .info_dcvd dl.title {position:relative;} /*0311*/
  .new_modify .info_dcvd dl.title dd p, .important2_desc2 {width:100%;}/*0311*/
  /*.new_modify .info_dcvd dl.title {margin-bottom:30px; }*//*0215*/
  .new_modify .graph-new{ float:none; width:600px; margin:0 auto;}
  .info_dcvd .map .right .pin p {font-size:15px;}
  .info_dcvd .map .right .pin p:after {display:none;}
  /*._file_src_video_stay {height:500px;}*//*0215*/
}
@media all and (max-width:768px){
  .new_modify .graph-new { width:100%; height:auto; padding-bottom:0; }
  .new_modify .graph-new .vision { position:relative; top:auto; left:auto; font-size:25px; width:300px; height:300px; line-height: 1.6; margin:25px auto 40px; transform:none;  }/*0311*/
  .new_modify .graph-new .vision:after {width:350px; height:350px; left:-25px; top:-25px; }
  .new_modify .sec01, .new_modify .sec02, .new_modify .sec03 { position:relative !important; width:100%; height:auto; margin-top:10px; left:auto; top:auto; right:auto; bottom:auto; border-radius:20px; }
  .new_modify .sec01 div, .new_modify .sec02 div, .new_modify .sec03 div {position:relative !important; width:100%; left:auto; top:auto; transform:translate(0,0);  padding:20px; }
  .info_dcvd .map .right {margin:-120px auto 0 !important;}
  /*._file_src_video_stay {height:300px;}*//*0215*/
  .int01 {font-size:25px; line-height:1.3;}
}
@media all and (max-width:480px){
  .new_modify .info_dcvd dl.title {text-align:center !important;} /*0215*/
  .new_modify .info_dcvd dl.title dd.important p {font-size:14px; line-height: 1.6; }
  .new_modify .info_dcvd dl.title dd.important br { display:none}
  .new_modify .info_dcvd dl.title dd p, .important2_desc2 {font-size:14px; line-height:1.6}
  .new_modify .graph-new .vision { width:200px; height:200px; font-size:18px; }/*0311*/
  .new_modify .graph-new .vision:after { width:250px; height:250px;  }/*0311*/
  .new_modify .sec01 div, .new_modify .sec02 div, .new_modify .sec03 div {padding:10px;}/*0311*/
  .new_modify .sec01 p, .new_modify .sec02 p, .new_modify .sec03 p {font-size:17px;}/*0311*/
  .info_dcvd .map .left dl {text-align:center;} /*0215*/
}