@charset "utf-8";

/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999}
#page-loader > .inner2 {display:table; width:100%; height:100%}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin:25% auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #121212;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*@media screen and (max-width:992px) {
.spinner {margin: 60% auto;}
}*/
.add-menu h2 a {color:#fff;font-weight:bold;}
.fp-tableCell {display:block;}
.veneta {font-size:60px;font-weight:lighter;}
.customers {position:relative;top:32%;}

.headers1 .btn-market{
	display:inline-block;
	font-size:14px;
	color:white;	
	height:auto;
	line-height:26px;
	padding-left:15px;
	padding-right:15px;
	border-radius: 14px;
	border:1px solid white;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
.headers1 .btn-market a {color:#fff;transition:all .4s ease}
.headers1 .btn-market a > img {width:12px;position:relative;top:-2px;}
.headers1 .btn-lang{
	display:inline-block;
	font-size:14px;
	color:white;	
	height:height;
	line-height:26px;
	padding-left:15px;
	padding-right:15px;
	border-radius: 14px;
	border:1px solid white;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
.headers1 .btn-lang a {color:#fff;transition:all .4s ease}

.headers1 .hover-btn {transition:all .4s ease}
.headers1 .hover-btn:hover {background:#fff;}
.headers1 .hover-btn:hover a {color:#000;}
.pages1 .panel-left{	position: absolute;	top:0;left:0;width:570px;height:100%;background-color:rgba(0, 0, 0, .46);transform:translate3d(-100%, 0, 0);}
.pages1 .active .panel-left { transform:translate3d(0, 0, 0); }

.widig70 > img {width:70px;}
.widig140 > img {width:150px;}

/*.panel-market {position:absolute;left:100%;margin-left:-600px;top:20%;display:block;width:1400px;font-size:20px;}*/
/*.panel-market .textArea {width:100%;display:inline-block;vertical-align:top;margin-top:200px;margin-left: auto; margin-right: auto;}*/
.panel-market .textArea {display:block;margin-top:250px;max-width:1200px; width:100%;margin-left: auto; margin-right: auto;}
.panel-market .textArea h1 {color:#fff;font-size:45px;font-weight:bold;}
.panel-market .textArea span {color:#fff;font-size:20px;}
.panel-market .textArea p {color:#fff;font-size:20px;margin-top:10px;line-height:1.5;}
.panel-market .textArea .btn-veneta {color:#fff;margin-top:20px;display:inline-block;transition:all .4s ease}
.panel-market .textArea .btn-veneta a {color:#fff;transition:all .4s ease}
.panel-market .textArea .btn-veneta:hover {background:#fff;}
.panel-market .textArea .btn-veneta:hover a {color:#000;}
.panel-market .imgArea {width:20%;display:inline-block;vertical-align:top;}
.panel-market .imgArea > img {width:100%;}
.panel-market .textArea .imgArea > img {width:100%;}
.panel-market .textArea {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(-150px,0px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.active .panel-market .textArea {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.4s; }
.panel-market .imgArea {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(150px,0px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.active .panel-market .imgArea {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.4s; margin-top:-70px;}

.panel-arctera {position:absolute;left:55%;margin-left:0px;top:32%;display:block;width:1400px;font-size:0px;}
.panel-arctera .textArea {width:50%;display:inline-block;vertical-align:top;}
.panel-arctera .textArea h1 {color:#fff;font-size:45px;font-weight:bold;}
.panel-arctera .textArea span {color:#fff;font-size:25px;}
.panel-arctera .textArea p {color:#fff;font-size:23px;margin-top:40px;line-height:1.5;}
.panel-arctera .textArea .btn-veneta {color:#fff;margin-top:60px;display:inline-block;transition:all .4s ease}
.panel-arctera .textArea .btn-veneta a {color:#fff;transition:all .4s ease}
.panel-arctera .textArea .btn-veneta:hover {background:#fff;}
.panel-arctera .textArea .btn-veneta:hover a {color:#000;}
.panel-arctera .imgArea {width:50%;display:inline-block;vertical-align:top;}
.panel-arctera .imgArea > img {width:100%;}
.panel-arctera .textArea {position:relative;opacity:0; filter:alpha(opacity=0); transform:translate(-150px,0px); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.active .panel-arctera .textArea {opacity:1; filter:alpha(opacity=100); transform:translate(0,0);transition-delay:0.4s; }


.sec-service .hover-btn {transition:all .4s ease}
.sec-service .hover-btn:hover {background:#fff;color:#000;}
.sec-service .icon-box > img {width:70px;}


.sub-visual {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual.jpg') no-repeat top center;background-size:cover;}
.sub-visual.company {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual7.jpg') no-repeat top center;background-size:cover;}
.sub-visual.data {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual1.jpg') no-repeat top center;background-size:cover;}
.sub-visual.security {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual2.jpg') no-repeat top center;background-size:cover;}
.sub-visual.compliance {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual3.jpg') no-repeat top center;background-size:cover;}
.sub-visual.quantum {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_quantum.jpg') no-repeat top center;background-size:cover;}
.sub-visual.ai {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_ai.jpg') no-repeat top center;background-size:cover;}
.sub-visual.blockchain {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_ito.jpg') no-repeat top center;background-size:cover;}
.sub-visual.ir {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual5.jpg') no-repeat top center;background-size:cover;}
.sub-visual.contact {width:100%;height:600px;background:url('/theme/uws/images/custom/sub_visual6.jpg') no-repeat top center;background-size:cover;}
.sub-visual .inner {width:1500px;margin:0px auto;}
.sub-visual .inner h1 {font-size:40px;color:#fff;padding-top:250px;text-shadow:1px 1px 0 rgba(0, 0, 0, .7);}
.menu_wrap { position:relative; width:100%; height:90px; background:#fff; z-index:1; }
.menu_wrap .inner {width:1500px;margin:0px auto;}
.menu_wrap a { color:#333;font-size:22px;padding:30px 0px;border:solid 0px red;display:block;}
.menu_wrap ul#gnb { position:relative;margin-left:40px;}
.menu_wrap ul#gnb li { float:left; margin-right:70px; }
.menu_wrap ul#gnb li a.on { color:#168e74; }


.publ { height:auto; }
.publ > div {height:auto !important;border:0px !important;padding:80px 0px 20px;}
.publ .title h1 {color:#262626;font-size:28px;font-weight:bold;}
.publ .conArea {margin-top:30px;}
.publ .conArea.mgl20 {margin-left:20px;}
.publ .box.mgl20 {margin-left:20px;}
.publ .conArea h2 {color:#262626;font-size:22px;line-height:1.5;margin-bottom:20px;font-weight:bold;}
.publ .conArea p {color:#525252;font-size:16px;line-height:1.5;}
.publ .box .txtArea {margin-top:30px;padding:30px;background:#f4f4f4;color:#262626;font-size:18px;text-align:center;}
.publ .box .iconArea {}
.publ .box .iconArea > div {font-size:0px;}
.publ .box .iconArea > div > span {text-align:center;display:inline-block;width:25%;vertical-align:top;}
.publ .box .iconArea > div.five > span {width:20%;position:relative;}
.publ .box .iconArea > div > span.imgtwo {width:auto;} 
/*.publ .box .iconArea > div.five > span:not(:last-child):before {content:'\e940';position:absolute;right:0px;top:30px;font-family:'xeicon';font-size:20px;color:#000;}
*/
.publ .box .iconArea > div.five.noarr > span:before {display:none;}
.publ .box .iconArea > div.four > span {width:25%;position:relative;}
.publ .box .iconArea > div.four > span:not(:last-child):before {content:'\e940';position:absolute;right:0px;top:30px;font-family:'xeicon';font-size:20px;color:#000;}
.publ .box .iconArea > div.four.noarr > span:before {display:none;}
.publ .box .iconArea > div.four1 > span {width:20%;position:relative;}
.publ .box .iconArea > div.four1 > span:not(:last-child):before {content:'\e940';position:absolute;right:0px;top:30px;font-family:'xeicon';font-size:20px;color:#000;}
.publ .box .iconArea > div.four1.noarr > span:before {display:none;}
.publ .box .iconArea > div.one > span {width:100%;position:relative;}
.publ .box .iconArea > div.one > span > img {width:70%;margin:0px auto;}
.publ .box .iconArea > div > span p {font-size:20px;color:#262626;}
.publ .box .iconArea > div.sfont > span p {font-size:16px;margin-top:10px;margin-bottom:10px}
.publ .box .iconArea .txtplus {padding:60px 0px;}
.publ .box .iconArea .txtplus.bigicon span img {width:40px;margin-bottom:10px;}
.publ .box .iconArea .imgArea {padding:60px 0px;margin:0px auto;text-align:center;font-size:15px;color:#262626;}
.publ .box .iconArea .logoArea {border-top:solid 1px #cccccc;padding:30px 0px;}
.publ .box .specArea {margin-top:30px;padding:30px 0px;color:#262626;font-size:22px;margin-left:20px;}
.publ .box .specArea .listArea {position:relative;display:block;font-size:0px;margin-bottom:50px}
.publ .box .specArea .listArea:last-child {margin-bottom:0px;}
.publ .box .specArea .listArea .subj {width:20%;display:inline-block;vertical-align:top;font-size:22px;font-weight:bold;}
.publ .box .specArea .listArea .num {width:80%;display:inline-block;vertical-align:top;font-size:16px;color:#525252;}
.publ .box .specArea .listArea .num p {font-weight:bold;margin-bottom:5px;color:#262626;display:inline-block;}
.publ .box .specArea .listArea .number span {width:48%;display:inline-block;margin-bottom:15px;}
.publ .box .specArea .listArea .number4 span {width:80%;display:inline-block;margin-bottom:15px;}
.publ .box .specArea .listArea .number3 {font-size:0px; }
.publ .box .specArea .listArea .number3 span {width:23.5%;display:inline-block;display:inlie-block;margin-right:2%;background:#f4f4f4;vertical-align:top;text-align:center; }
.publ .box .specArea .listArea .number3 span p {display:block;vertical-align:middle;text-align:center;height:90px;width:100%;margin:0px auto;font-size:16px;padding-top:25px;}
.publ .box .specArea .listArea .number3 span p.sec {padding-top:35px;margin-bottom: 20px;}
.publ .box .specArea .listArea .number3 span p.thir {padding-top:15px;}
.publ .box .specArea .listArea .number3 span:last-child {margin-right:0px;}

.conArea .inner {width:1500px;margin:0px auto;font-size:0px;position:relative;padding-bottom:50px;}
.conArea .inner:before {content:'';height:100%;left:0px;top:0px;position:absolute;background:#ccc;width:1px;}
.conArea .leftArea {display:inline-block;vertical-align:top;width:340px;}
.conArea .leftArea.leftmenu {position:sticky;top:0px;padding-top:80px;margin-left:40px;padding-bottom:80px;}
.conArea .leftArea.leftmenu > div {margin-bottom:20px;}
.conArea .leftArea.leftmenu > div > a {font-size:18px;position:relative;color:#999;margin-bottom:10px;display:block;}
.conArea .leftArea.leftmenu > div > a:before {position:absolute;left:-40px;top:8px;width:20px;height:5px;background:#168e74;content:'';opacity:0;transition:all .3s ease;}
.conArea .leftArea.leftmenu > div > a.on {color:#000;font-weight:bold;}
.conArea .leftArea.leftmenu > div > a.on:before {opacity:0;}
.conArea .leftArea.leftmenu > div > ul > li > a {font-size:16px;color:#999;padding:10px 0px;margin-left:20px;display:inline-block;position:relative;transition:all .3s ease;}
.conArea .leftArea.leftmenu > div > ul > li > a:before {position:absolute;left:-60px;top:17px;width:20px;height:5px;background:#168e74;content:'';opacity:0;}
.conArea .leftArea.leftmenu > div > ul > li > a.on {color:#000;}
.conArea .leftArea.leftmenu > div > ul > li > a.on:before {opacity:1;}
.conArea .rightArea {display:inline-block;vertical-align:top;width:1120px;}
.conArea .rightArea.rightcon {font-size:30px;}

.publ .box .iconArea > div.txtmun {width:100%;text-align:center;padding:60px 0px;}
.publ .box .iconArea > div.txtmun > h1 {font-size:22px;font-weight:bold;color:#262626;margin-bottom:10px;}
.publ .box .iconArea > div.txtmun > span {width:100%;font-size:20px;color:#525252;}
.publ .box .iconArea > div.txtList {position:relative;margin-bottom:50px;}
.publ .box .iconArea > div.txtList > div {width:32%;margin-right:2%;display:inline-block;padding:0px 30px;vertical-align:top;}
.publ .box .iconArea > div.txtList > div:last-child {margin-right:0px;}
.publ .box .iconArea > div.txtList .litArea {}
.publ .box .iconArea > div.txtList .litArea h1 {position:relative;font-size:20px;color:#262626;padding-left:50px;margin-bottom:20px;font-weight:bold;}
.publ .box .iconArea > div.txtList .litArea h1 span {font-weight:normal;}
.publ .box .iconArea > div.txtList .litArea h1 > img {position:absolute;left:0px;top:-3px;width:30px;}
.publ .box .iconArea > div.txtList .litArea p {font-size:16px;color:#525252;line-height:1.5;word-break:keep-all;}
.publ .box .iconArea > div.txtList .litArea a {width:100%;display:block;margin-top:20px;text-align:right;font-size:14px;color:steelblue;display:inline-block;}

.publ .box .iconArea > div.btnArea {font-size:20px;text-align:center;maring:0px auto;position:relative;margin-top:20px;}
.publ .box .iconArea > div.btnArea a {font-size:16px;border:solid 1px #ccc;color:#262626;padding:8px 20px;transition:all .3s ease;display:inline-block;}
.publ .box .iconArea > div.btnArea a:hover {background:#000;color:#fff;border-color:#000;}

.publ .box .iconArea > div.txtList.four {margin-bottom:0px;}
.publ .box .iconArea > div.txtList.four > div {width:49%;margin-right:2%;margin-bottom:60px;}
.publ .box .iconArea > div.txtList.children > div {margin-bottom:40px;}
.publ .box .iconArea > div.txtList.four > div:nth-child(even) {margin-right:0px;}
.publ .box .iconArea > div.txtList.children .litArea h1 > span {display:block;font-size:16px;}
.publ .box .iconArea > div.txtList.children .litArea h1 > img {position:absolute;left:0px;top:7px;width:30px;}

.publ .title.nomen {position:relative;margin-bottom:20px;}
.publ .title.nomen > span {position:absolute;right:0px;top:0px;}
.publ .title.nomen > span a {border:solid 1px #ccc;padding:8px 20px;display:block;font-size:14px;}
.publ .table {position:relative;margin-bottom:100px;}
.publ .table.last {position:relative;margin-bottom:500px;}
.publ .table .txtArea {font-size:16px;color:#525252;margin:20px 0px;position:relative;}
.publ .table .txtArea > h1 {font-size:20px;color:#525252;font-weight:bold;}
.publ .table .txtArea > span {position:absolute;right:0px;top:-8px;}
.publ .table .txtArea > span a {border:solid 1px #ccc;padding:8px 20px;display:block;font-size:14px;}
.publ .table .tblArea {position:relative;}
.publ .table .tblArea .sujArea {border-top:solid 2px #000;width:100%;border-bottom:solid 1px #ddd;font-size:0px;}
.publ .table .tblArea .sujArea > span {padding:20px;font-size:16px;width:20%;color:#525252;display:inline-block;text-align:center;vertical-align:top;}
.publ .table .tblArea .tconArea {border-bottom:solid 1px #ddd;width:100%;font-size:0px;}
.publ .table .tblArea .tconArea > span {padding:15px;font-size:16px;width:20%;color:#525252;display:inline-block;text-align:center;vertical-align:top;margin-top:10px;}
.publ .table .tblArea .tconArea > span.num {margin-top:0px;}
.publ .table .tblArea .tconArea > span.subject {text-align:left;}
.publ .table .tblArea .litArea span.subject {width:40%;}
.publ .table .tblArea .tcontact p {font-size:15px;color:#262626;margin-top:20px;}
.publ .table .txtArea > span.dan {position:absolute;right:0px;top:10px;}

.publ .table .tblArea .litArea.jemu .sujArea > span {width:25%;}
.publ .table .tblArea .litArea.jemu .tconArea > span {margin-top:0px;width:25%;}
.publ .table .tblArea .litArea.jemu .tconArea > span.txtrh {text-align:right;}
.publ .table .tblArea .litArea.jemu .tconArea.cfill {background:#f1f1f1;}
.publ .table .tblArea .litArea.jemu .tconArea.cfill > span {font-weight:bold;}

.publ .table .tblArea .litArea.noti .sujArea > span {width:80%;}
.publ .table .tblArea .litArea.noti .sujArea > span.num {width:20%;padding-right:25px;}
.publ .table .tblArea .litArea.noti .tconArea {}
.publ .table .tblArea .litArea.noti .tconArea ul {}
.publ .table .tblArea .litArea.noti .tconArea ul li {width:100%;font-size:16px;border-bottom:solid 1px #ddd;font-size:0px;}
.publ .table .tblArea .litArea.noti .tconArea ul li:last-child {border:0px;}
.publ .table .tblArea .litArea.noti .tconArea ul li a {width:80%;display:inline-block;font-size:16px;padding:15px;}
.publ .table .tblArea .litArea.noti .tconArea ul li span {width:20%;font-size:14px;color:#666;display:inline-block;text-align:center;padding:15px;}

.publ .table .tblArea .litArea.info .sujArea > span {width:20%;}
.publ .table .tblArea .litArea.info .sujArea > span.subj {width:40%;}
.publ .table .tblArea .litArea.info .tconArea ul li a {width:100%;display:inline-block;font-size:16px;padding:0px;}
.publ .table .tblArea .litArea.info .tconArea ul li span {width:20%;font-size:14px;color:#666;display:inline-block;text-align:center;padding:15px;}
.publ .table .tblArea .litArea.info .tconArea ul li span.subj {width:40%}
.publ .table .tblArea .litArea.info .tconArea ul li span p {display:none;}

/* 컴퍼니추가 */
.company-page {position:relative;}
.company-page .publ > div {padding-bottom:200px;}
.company-page .publ .title.nomen.first {margin-top:0px;}
.company-page .publ .title.nomen {margin-top:50px;}
.company-page .add-ceo {margin-left:17%;}
.company-page .t-acs {font-weight:bold;}
.company-page .ps15-lg {padding:0px;}
.company-page .wps33-lg {margin-right:2%;width:32%;margin-bottom:20px;}
.company-page .wps33-lg:nth-child(3n) {margin-right:0px;}
.company-page .bcs-168e74 {background:#f2f2f2;color:#000;}

.company-page .bcs-158d73 {background:#f2f2f2;color:#000;text-align:center;}
.company-page ul.mts10 > li{padding-left:8px;position:relative;line-height: 2.5;font-size:16px;color:#262626;}
.company-page ul.mts10 > li:before{content:'';position:absolute;left:0;top:1.2em;width:3px;height:3px;background-color:#262626;}
.company-page ul.buls1.cls-white > li:before{background-color:white;} 
.company-page .fs14-lg {font-size:14px;color:#262626;}
.company-page .pts3-lg {padding-top:2px;}
.company-page .mts5-not-first > *:not(:first-child) {margin-top:20px;}

/* 메인섹션추가 2023-04-25 */
.yellow {color:#ffc000 !important;}
.green {color:#00ff00 !important;}
.red {color:#DC143C !important;}
.orange {color:#FFA500 !important;}
/* 메인페이지 - 레이어 모달 */
#pf-layer-veneta {position:absolute; display:none; top:0; left:0; width:100%; height:100%; z-index:1100}
#pf-layer-veneta .mask-veneta {position:absolute; top:0; left:0; width:100%; height:100%; background:#0c0c0c; opacity:.5; z-index:1050}
#pf-layer-veneta .content {position:absolute !important; top:50%; left:50%; width:1200px; height:780px; margin:-390px 0 0 -600px; padding:0px 0px 0; background:#fff; overflow-y:scroll; z-index:1080}
#pf-layer-veneta .content::-webkit-scrollbar { width: 5px; }
#pf-layer-veneta .content::-webkit-scrollbar-thumb { background-color: #9bc2b1; }
#pf-layer-veneta .content::-webkit-scrollbar-track { background-color: #dcdcdc;  border-radius: 10px;box-shadow: inset 0px 0px 5px white;}

#pf-layer-veneta .btn-close {position:absolute; top:0px; right:0px; width:50px; height:50px; border:0px solid #d0d0d0; background:#fff; cursor:pointer; outline:none;z-index:1;}
#pf-layer-veneta .btn-close span {position:absolute; display:block; top:50%; left:45%; width:25px; height:2px; margin:-1px 0 0 -10px; background:#d0d0d0}
#pf-layer-veneta .btn-close span.line1 {transform:rotate(45deg)}
#pf-layer-veneta .btn-close span.line2 {transform:rotate(-45deg)}
#pf-layer-veneta .btn-close:hover {border-color:#aaa}
#pf-layer-veneta .btn-close:hover span {background:#aaa}
#pf-layer-veneta .content .inner {height:660px; overflow-y:auto}
#pf-layer-veneta .content .inner img {display:block; max-width:100%; margin:auto}
#pf-layer-veneta .content .inner br {display:none;}

.pop-inner {position:relative;width:100%;}
.pop-inner .pop-visual {width:100%;height:432px;background:url("../images/custom/pop-visual-bg1.jpg") no-repeat center top;text-align:center;color:#fff;font-size:30px;padding-top:165px;}
.pop-inner .pop-visual strong {}
.pop-inner .pop-section {padding:75px;font-size:0px;}
.pop-inner .pop-section .left {text-align:center;width:100%;vertical-align:top;display:inline-block;}
.pop-inner .pop-section .left p {font-size:18px;line-height:1.5;margin-bottom:20px;color:#333333;}
.pop-inner .pop-section .right {width:50%;vertical-align:top;display:inline-block;position:relative;}
.pop-inner .pop-section .right p {font-size:18px;line-height:1.5;margin-bottom:20px;color:#333333;}
.pop-inner .pop-section-first {background:#f5f5f5;}
/*.pop-inner .pop-section-first .pop-logo {background:#fff;padding:30px 25px;}*/
.pop-inner .pop-section-first .pop-logo > div {width:32%;display:inline-block;vertical-align:top;font-size:20px;text-align:center;}
.pop-inner .pop-section-first .pop-logo > div img {margin-bottom:100px;}
.pop-inner .pop-section-first .etc {position:absolute;right:0px;bottom:-30px;font-size:14px;}

.pop-inner .pop-section-sec {}
.pop-inner .pop-section.pop-section-sec .left {width:25%;text-align:center;}
.pop-inner .pop-section.pop-section-sec .left img {margin-bottom:10px;}
.pop-inner .pop-section.pop-section-sec .left p {font-size:22px;line-height:1;margin-bottom:0px;color:#333333;}
.pop-inner .pop-section.pop-section-sec .left span {font-size:22px;line-height:1.5;margin-bottom:0px;color:#aaa;}
.pop-inner .pop-section.pop-section-sec .right {width:75%;text-align:center;padding-top:40px;}
.pop-inner .pop-section.pop-section-sec .right p {font-size:18px;line-height:1.5;margin-bottom:20px;color:#333333;}
.pop-inner .pop-section.pop-section-sec .right p strong.line {position:relative;}
.pop-inner .pop-section.pop-section-sec .right p strong.line:before {position:absolute;content:'';left:0px;top:10px;width:100%;height:8px;background:#ffdf48;mix-blend-mode: multiply;}

.pop-inner .pop-section-third {background:#f5f5f5;}
.pop-inner .pop-section.pop-section-third .left {width:75%;}
.pop-inner .pop-section.pop-section-third .left img {margin-bottom:10px;}
.pop-inner .pop-section.pop-section-third .left span {font-size:22px;margin-top:20px;display:inline-block;}
.pop-inner .pop-section.pop-section-third .left span a {color:#00579f;font-size:16px;border:solid 1px #00579f;padding:12px 25px;display:inline-block;transition:all .3s ease;}
.pop-inner .pop-section.pop-section-third .left span a:hover {background:#00579f;color:#fff;border-color:#00579f;}
.pop-inner .pop-section.pop-section-third .right {width:25%;text-align:center;}

.pop-inner .pop-section p strong.line2 {position:relative;}
.pop-inner .pop-section p strong.line2:before {position:absolute;content:'';left:0px;bottom:-1px;width:100%;height:1px;background:#333;}

.pop-inner .pop-section-fifth {}
.pop-inner .pop-section.pop-section-fifth  p strong.line {position:relative;}
.pop-inner .pop-section.pop-section-fifth  p strong.line:before {position:absolute;content:'';left:0px;top:10px;width:100%;height:8px;background:#ffdf48;mix-blend-mode: multiply;}

.pop-inner .pop-section .title {text-align:center;color:#00579f;font-size:25px;}
.pop-inner .pop-section .pop-engine {text-align:center;margin:40px 0px;display:block;}
.pop-inner .pop-section .conArea {text-align:center;}
.pop-inner .pop-section .conArea p {font-size:18px;color:#333;line-height:1.5;margin-bottom:20px;}



/* 상단으로 스크롤 */
#scrollTop {display:block;opacity:0; position:fixed; bottom:30px; right:-30px;  width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555; z-index:10;transition:all .3s ease;}
#scrollTop i {position:absolute; top:35%; left:35%; transition:all .4s ease}
#scrollTop span {position:absolute; width:100%; top:0; left:50%; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#scrollTop.on i {opacity:0; filter:alpha(opacity='0'); transform:rotate(360deg)}
#scrollTop.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}

body.fixed #scrollTop {right:30px;opacity:1;}

#home {display:block;position:fixed; bottom:30px; left:10px;  width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555; z-index:10;transition:all .3s ease;}
#home i {position:absolute; top:35%; left:35%; transition:all .4s ease}
#home span {position:absolute; width:100%; top:0; left:50%; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#home.on i {opacity:0; filter:alpha(opacity='0'); transform:rotate(360deg)}
#home.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}

body.fixed #home {left:10px;opacity:1;}

/* contact */
.contant-table {position:relative;border-top:solid 1px #006064;color:#525252;font-size:0px;margin-top:20px;border-bottom: solid 1px #e6eeef;padding-bottom:20px;}
.line-table {height:1px;width:100%;background:#e6eeef;margin:30px 0px 10px;}
.contant-table .contact-list-name {display:inline-block;vertical-align:top;width:20%;font-size:20px;color: #000;position: relative;padding-left: 28px;font-weight:400;padding-top:20px;}
.contant-table .contact-list-name .circle-title::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 4px solid #0782ad;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  left: 6px;
}

.contant-table .contact-list-item {display:inline-block;vertical-align:top;width:80%;font-size:0px;}
.contant-table .contact-list-item .listArea {padding-top:20px;}
.contact-list-history {width:30%;display:inline-block;vertical-align:top;font-size:18px;}
.contact-list-history strong {color:#006064; display:inline-block; }
.contact-list-history span {display:block;margin:7px 0px;}

.contact-list-contact span {display:block;color:#555;margin-bottom:1px;}
.contact-list-contact span i {display:inline-block;width:30px;height:30px;background:#006064;border-radius:30px;text-align:center;margin-right:20px;color:#fff;font-size:16px;padding-top:6px;}

.contact-list-contact {width:35%;display:inline-block;vertical-align:top;font-size:18px;}

.contact-list-map {display:inline-block;vertical-align:top;width:60%;margin-top:30px;margin-bottom:30px;}
.contact-list-map .mapsize {width:100%;height:300px;}
.contact-list-info {display:inline-block;vertical-align:top;width:40%;font-size:16px;margin-top:30px;padding-left:30px;}
.contact-list-info strong {color:#262626;font-size:20px;display:block;}
.contact-list-info span {margin-top:20px;display:block;}


.mobile-style {display:none !important;}
.pc-style {display:block !important;}

.add-mg-100 {margin-top:100px !important;}

.add-text {word-break:keep-all !important;}