#contact_02 {width:100%;  overflow:hidden; margin:0px 0 0px 0;   }
#contact_02 div.wdFull{ position:relative;  z-index: 0; }
#contact_02 .wd11{padding:0px 0px 130px 0px;  /*background-color:#f5f5f5;*/  overflow:hidden; }
#contact_02 section {float:left; width:47%;   display:block; box-sizing:border-box; margin:0px; /*padding: 45px 45px; height:364px;*/ }
#contact_02 section.Box_01 {/*background:url("../img/img1.jpg")no-repeat center center;  */ }
#contact_02 section.Box_02 {padding:0px 0px; float:right;  background-color:#fff; position:relative;  }
#contact_02 p.more{/*position:absolute; top:0; right:50px; bottom:28px;*/ color:#ccc; font-weight:normal;  text-align: right;}
#contact_02 .Box_02 .list{  overflow:hidden; border-top:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#contact_02 .Box_02 .main_notice td {border-bottom:1px dashed #dfdfdf ;}
#contact_02 .Box_02 .main_notice td a{display:block; padding:34px 0; }
#contact_02 .Box_02 .main_notice tr:last-child td {border-bottom:0;}
#contact_02 .Box_02 .main_notice tr:first-child {display:none;}
#contact_02 .Box_01 h3 {font-family: 'GowunBatang-Regular', serif; font-size: 45px; line-height: 55px; padding-bottom: 20px; color: #333;}
#contact_02 .Box_02 h3 {font-family: 'GowunBatang-Regular', serif; font-size: 45px; line-height: 55px; padding-bottom: 20px; color: #333;}

#contact_02 .clearB  .bo_t ul li{display: inline-grid; width: 49%;}
#contact_02 .clearB  .bo_t h4 {color: #888;}


.container00000{margin-top: 40px; display: flex; height: 100%; justify-content: center;  align-items: center;}

/* 배너 컨테이너 */
.rollingbanner{width: 100%; height: 40px; font-size: .875rem; color: #fff; letter-spacing: -.075em;}
.rollingbanner a{ color: #fff; text-decoration: none; white-space: nowrap;}
.rollingbanner > .wrap{position: relative; width: 1100px; height: 60px; margin: 0 auto; box-sizing: border-box; overflow: hidden;}

/* 애니메이션하는 요소 */
.roller{ position: absolute; height: 100%;}
.roller > ul{margin: 0; list-style: none; padding: 9px 0; display: flex; flex-flow: row nowrap; align-items: center;}
.roller > ul > li{padding-right: 30px;}
.roller > ul > li span{padding-right: 3px;}
.roller > ul > li .status {position: relative; padding-left: 20px;}
.roller > ul > li .status.up::before{position: absolute; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Arrow Forward</title><path fill="none" stroke="rgb(255,96,96)" stroke-linecap="square" stroke-miterlimit="10" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg>'); transform: rotateZ(-45deg);  width: 18px; height: 18px; padding: 1px; left: 0;}
.roller > ul > li .status.down::before{position: absolute; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><title>Arrow Forward</title><path fill="none" stroke="rgb(96,96,255)" stroke-linecap="square" stroke-miterlimit="10" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg>'); transform: rotateZ(45deg); width: 18px; height: 18px; padding: 1px; left: 0;}

/* 애니메이션 */
.roller.original{animation: 30s linear 0s infinite normal forwards running rollingleft1;}
.roller.clone{animation: 30s linear 0s infinite normal none running rollingleft2;}

@keyframes rollingleft1 { /* 원본용 */
    0% {transform: translateX(0);}
    50% {transform: translateX(-100%);}
    50.01%{transform: translateX(100%);}
    100%{transform: translateX(0);}
}

@keyframes rollingleft2 { /* 클론용 */
    0% {transform: translateX(0);}
    100% {transform: translateX(-200%);}
}




/*#contact_02 .Box_01 p.tel {background:url("../img/form_icon.png")no-repeat left center; font-size:15px; padding:10px 0 10px 80px;}*/
#contact_02 .Box_01 p.tel span.num {display:block; font-size:35px; line-height:40px; font-weight:300;}
#contact_02 .Box_01 p.txt1{font-size:16px; line-height:25px; font-weight:400; padding-top:30px;}
#contact_02 .Box_01 table   { width:100%; margin-top:10px; border-top:0px #444547 solid; border-bottom:0px #4fb3d2 solid; border-left:0;  }
#contact_02 .Box_01 td { border-bottom:0px #e5e5e5 solid; border-right:0px; height:46px; font-family:"Noto Sans KR","Dotum","Gulim,Helvetica","sans-serif";}
#contact_02 .Box_01  .formmail_border  {font-size:14px !important;  background-color:#fff;  width:97%; border:1px solid #efefef; padding:17px 7px 18px 7px;}
#contact_02 .Box_01  .formmail_textarea_style  { width:97%; margin-top:3px; background-color:#f0f0f0; height:150px !important;  border:1px solid #dfdfdf; padding:7px;}
#contact_02 .Box_01  table td.formmail_title_bgcolor { width:12%; padding-bottom:10px; text-align:right; font-size:18px !important; padding-right:5px;}
#contact_02 .Box_01  table td.formmail_title_bgcolor font {color:#888 !important;}
#contact_02 .Box_01  td.formmail_cell_bgcolor {height:3px; padding-bottom:8px;}
#contact_02 .Box_01  table div.btn2 a{background-color:#3c6bb9; color:#fff;  display:block; padding:18px 0;
 width:100%;  box-sizing:border-box; font-size:22px; text-align:center; margin-top:20px; }
#contact_02 .Box_01  table .btn2{ color:#fff; padding:10px 0px; border:0; margin:0 10px;}
#contact_02 .Box_01  .table_02 td.formmail_cell_bgcolor td{text-align:left !important;}
#contact_02 .Box_01  .table_02 td.formmail_cell_bgcolor table tr td textarea {display:none;}
#contact_02 .Box_01  .table_02 td.formmail_cell_bgcolor table tr td{color:#333; height:16px; font-size:15px;}
#contact_02 .Box_01  .table_02 td.formmail_cell_bgcolor table tr:first-child td:first-child{display:none;}
#contact_02 .Box_01  .table_02 td.formmail_cell_bgcolor table tr:last-child td:last-child{display:none;}

#contact_02 .table_02 td.formmail_cell_bgcolor input {margin:0px !important;}

#contact_02 .icoBox {margin-top:50px; overflow:hidden;}
#contact_02 .icoBox ul li{width:25%; float:left; border-left:1px solid #dfdfdf;}
#contact_02 .icoBox ul li:last-child {border-right:1px solid #dfdfdf;}
#contact_02 .icoBox li a{padding:100px 30px 30px 30px; text-align: center; display:block;}
#contact_02 .icoBox li a:hover .img {transform:translate(10%,0); transition:all 0.3s ease }
#contact_02 .icoBox li.ico1 a{background-image:url("../img/ico4.png"); background-repeat:no-repeat; background-position: center 20px; }
#contact_02 .icoBox li.ico2 a{background:url("../img/ico3.png")no-repeat center 20px; }
#contact_02 .icoBox li.ico3 a{background:url("../img/ico1.png")no-repeat center 20px; }
#contact_02 .icoBox li.ico4 a{background:url("../img/ico2.png")no-repeat center 20px; }
#contact_02 .icoBox li a .tit{font-size:22px;}
#contact_02 .icoBox li a .txt{font-size:12px; padding:10px 0 10px 0; color:#888;}
#contact_02 .icoBox li a .img {display:none; font-size:18px; transition:all 0.3s ease}




/* 움직이는 로고 */
.animated-title { position: relative; width: 100%;max-width:100%; height: auto; padding:21px 0; overflow-x: hidden; overflow-y: hidden;   }
	.content_0001 ul li{list-style: none; -webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
	.animated-title .track_001 {position: absolute; white-space: nowrap;will-change: transform;animation: marquee 5s linear infinite; top:0;}
	@keyframes marquee {
  	from { transform: translateX(0); }
  	to { transform: translateX(-50%); }
	}
	@media (hover: hover) and (min-width: 100%){
.animated-title .content_0001 {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#contact_02 h3{ font-size:35px; padding-bottom:30px; }	
#contact_02 {padding:20px 0 ; }
#contact_02 .wd11{padding:20px 0px 50px 0 ;}
#contact_02 section { width:100%; /* padding: 45px 40px;*/     height: auto;}
#contact_02 section img { /*vertical-align:top;*/ width: 100%; height: auto;}
#contact_02 .Box_01 p.tel span.num {font-size:30px; line-height:28px;}
#contact_02 .Box_01 p.txt1{font-size:15px; font-weight:500; padding-top:20px;}
#contact_02 .Box_01 p.txt1 span.txt2{font-size:14px; }	
#contact_02 section.Box_01{/*padding:40px 25px 0px 25px; background-size:cover */}
#contact_02 section.Box_02 {padding:20px 0px 0px 0px; height:auto; }
#contact_02 .Box_02 p.more{/*position:absolute; right:50px; bottom:28px; */color:#ccc; font-weight:normal;/* text-decoration: underline;*/}
#contact_02 .Box_02 .list{padding:18px 0;  }
#contact_02 .Box_02 .main_notice td a {font-size:14px !important;  padding:15px 0; }
#contact_02 .Box_02 .main_notice td:last-child{display:none;}
#contact_02 .Box_02 .main_notice tr:first-child {display:none;}
#contact_02 .Box_01  table div.btn2 a{ margin-top:0px;}
#contact_02 .icoBox {margin-top:0;}
#contact_02 .icoBox ul li{width:25%; float:left; border-top:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
#contact_02 .icoBox ul li:last-child,#contact_02  { border-right:0;}
#contact_02 .icoBox ul li:first-child { border-left:0;}
#contact_02 .icoBox li a{padding:90px 10px 30px 10px;}
#contact_02 .icoBox li a .tit{font-size:15px;}
#contact_02 .icoBox li a .txt{display:none;}
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}


