@charset "utf-8";
html, body {color:#717171;}
.pc-hide {display:none;}

/* width */
::-webkit-scrollbar { width: 7px;height: 5px;}

/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;}

/* Handle */
::-webkit-scrollbar-thumb { background: #c7c7c7;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555;}
	
.topPopLayer01 {background-color:#fff;}   /* #04b1c5 */
	.topPopLayerIn{background:ur('/resource/img/topbannerBG.png') no-repeat center;}
	.topPopLayer01 img { max-width:100%; }
	.topPopLayer01 input { height:auto; margin-bottom:1px; }
	.topPopLayer01 .topPopLayerIn { max-width:1200px; margin:0 auto; position:relative; }
	.topPopLayer01 .topPopLayerTxt { text-align:right; position:absolute; bottom:12px; right:15px; color:#565655; }
		.topPopLayer01 .topPopLayerTxt a { display:inline-block; margin:0 0 0 5px; position:relative; top:-1px; color:#565655; }
	
/* .topPopLayer02 { position:fixed; z-index:10000; top:50%; left:50%; border:1px solid #3077c7; box-shadow:1px 2px 23px 2px #666; }
	.topPopLayer02 .cookieCloseBtn { position:absolute; top:-1px; right:-1px; width:50px; height:50px; background:#3077c7; text-align:center; line-height:50px; color:#fff; font-size:30px; }
	.topPopLayer02 input { height:auto; margin-bottom:1px; } 	
	.topPopLayer02 .topPopLayerIn { max-width:1200px; width:100%; max-height:700px; overflow:hidden; }
		.topPopLayer02 .topPopLayerIn img { width:100%; max-width:100%; }
	.topPopLayer02 .topPopLayerTxt { padding:10px 20px; text-align:right; background:#3077c7; color:#fff; }
		.topPopLayer02 .topPopLayerTxt a { display:inline-block; margin:0 0 0 5px; position:relative; top:-1px; color:#fff; } */
		
.topPopLayer02 { position:fixed; z-index:100000; display:table; text-align:center; top:0; left:0; width:100%; height:100%; background:url(../module_img/trans.png); }
	.topPopLayer02 input { height:auto; margin-bottom:1px; }
	.topPopLayer02 .cookieCloseBtn { position:absolute; top:-1px; right:-1px; width:50px; height:50px; background:#3077c7; text-align:center; line-height:50px; color:#fff; font-size:30px; }
	.topPopLayer02 .topPopLayerBox { display:table-cell; vertical-align:middle; }
		.topPopLayer02 .topPopLayerBoxIn { max-width:1200px; margin:0 auto; border:1px solid #3077c7; box-shadow:1px 1px 16px 4px #565655; }
	.topPopLayer02 .topPopLayerImg { position:relative; width:auto; max-height:700px; overflow:hidden; }
	.topPopLayer02 .topPopLayerTxt { padding:10px 20px; text-align:right; background:#3077c7; color:#fff; }
		.topPopLayer02 .topPopLayerTxt a { display:inline-block; margin:0 0 0 5px; position:relative; top:-1px; color:#fff; }
		 		
.topLayout {border-bottom: 1px solid #ececec; position:relative; z-index:100; background-color:#fff;}
    .topBuBox {height: 52px; border-bottom: 1px solid #E1E1E1;}
    .topBuBoxIn {max-width: 1200px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}

        .topBuL {}
        .topBuL ul {display: flex; align-items: center;}
        .topBuL ul li {}
	    .topBuL ul li > a {display:block; padding:0 10px; font-size: 15px; text-align:center; height:36px; line-height:36px; border:1px solid transparent; border-bottom:0; color:#757575; transition:all 0.3s ease;}
		/* .topBuL ul li.on > a {background-color:white; border:1px solid #ebebeb; border-bottom:white; border-radius:3px 3px 0 0; } */
		.topBuL ul li.hover > a {position:relative; z-index:2; color:#51a4d2; background-color:white; border:1px solid #ebebeb; border-bottom:white; border-radius:3px 3px 0 0; }
			.topBuHover {position:absolute; z-index:40; background-color:white; border:1px solid #ebebeb; border-bottom:white; border-radius:0px 6px 6px 6px; width:320px; height:0px; overflow:hidden; opacity:0; margin-top:-1px; box-shadow:10px 10px 35px #ccc; transition:all 0.3s ease;}
		.topBuL ul li.hover .topBuHover {height:100px;  opacity:1;}
				.topBuHoverL {position:absolute; margin:10px;}
				.topBuHoverR {margin-left:70px;}
				.topBuHoverR a {display:block;}
				.topBuHoverR a span {display:block; font-size:14px; color:#000; font-weight:500; padding:10px 0px;}
		
        .topBuR {}
        .topBuR ul {display: flex; align-items: center;gap: 7px;}
        .topBuR ul li {}
        .topBuR ul li:first-child {margin:2px 0 0 0}
        .topBuR ul li a {display:block; height:100%;color: #757575; font-size: 13px;}
        .topBuR ul li:not(:nth-child(1),:nth-child(2)) a img {width: 32px;}
        .topBuR ul li span {vertical-align:middle; margin:0 4px 0 4px; transition:0.3s all}
  		.topBuR ul li a:hover {animation:pulsate 0.3s;}
  		.topBuR ul li:first-child a:hover {animation:none;}
  		.topBuR ul li:first-child a:hover span {color:#3077c7;}
  		
  		.topMenuAllBg {position:absolute; height:435px; display:none; background-color:white; border-bottom:1px solid #ebebeb; left:0; right:0; z-index:4; margin-top:74px;}		
  
        .topMenuBox {height:80px; line-height:73px}
          .topMenuL {top:0px; margin:0;}

          .topMenuC {padding:0; height: 73px; text-align:center}
           	  .subMenu {display:inline-block; margin-left:-50px;}
	          .subMenu > ul > li {padding:0 22px;}
	          .subMenu > ul > li > a {/*height:50px; font-size:18px;*/ color:#000; font-weight:500; letter-spacing:-1px; line-height:1; position:relative; display:inline-block; padding:0 0 5px 0}
	          .subMenu > ul > li > a:hover {color:#295bcc}
	          .subMenu > ul > li > a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#3077c7;}
		      .subMenu > ul > li > a:hover:after {width:100%; left:0}
		      .subMenu > ul > li > a:before {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;  background:#2386ab;}
		      .subMenu > ul > li > a:hover:before {width:100%; left:0}
	          .subMenu > ul > li.on > a {color:#295bcc}
	         
	          .subAllMenu {position:absolute; top:50%; margin:-10px 0 0; right:206px}
	          .subAllMenu > ul > li {float:left; margin:0 0 0 12px; line-height:1}
	          .subAllMenu > ul > li.totalReservation {display:none; top:-5px; margin-left:0px;}
	          .subAllMenu > ul > li.totalReservation:after {display:none;}
	          .subAllMenu > ul > li.totalReservation a {display:block; width:88px; height:30px; line-height:30px; background-color:#F97D00; border-radius:2px; color:#fff; font-size:15px;}
	          .subAllMenu > ul > li.totalReservation a img {position: relative; top: -3px; width:11px; margin-right:4px;}
	          .subAllMenu > ul > li:first-child {margin:0 12px 0 0}
	          .subAllMenu > ul > li:first-child a {position:relative; display:inline-block; width:22px; height:19px}
	          .subAllMenu > ul .bu_all .hamburger {position: absolute; top:8px; width: 30px; height: 3px;
						background: #000; display: block; transform-origin: center; transition: .3s ease-in-out;} 
				.subAllMenu > ul .bu_all .hamburger:before {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
					 width: 100%; height: 3px; background: #000;  top: -7px;}
				.subAllMenu > ul .bu_all .hamburger:after {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
					 width: 100%; height: 3px; background: #000;  bottom: -7px;}
				.subAllMenu > ul .bu_all:hover .hamburger {transform:scaleX(.7)}
				.subAllMenu > ul .bu_all:hover .hamburger:before , .subAllMenu > ul .bu_all:hover .hamburger:after {transform:scaleX(1.3)}
				.subAllMenu .bu_search a img {width:20px; transition: all .2s ease-in-out; }
			    .subAllMenu .bu_search a:hover img { transform: scale(1.2); }
			    .subAllMenu > ul .bu_all a strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
	          
			  .subAllMenu.on > ul .bu_all .hamburger {transform: rotate(45deg);}
			  .subAllMenu.on > ul .bu_all .hamburger:after {transform: rotate(90deg); bottom: 0;}
			  .subAllMenu.on > ul .bu_all .hamburger:before {transform: rotate(90deg); top: 0;}
			  
	          
	          .subMenuBox {top:74px; left:0; right:0; z-index:5; display:none; height:435px; background-color:white; position:absolute; }
	          .subMenuBoxIn {text-align:left; margin:26px 0 0; float:left}
	          .subMenuBoxIn .subMenuHead {position:absolute; top:30px; line-height:1}
	          .subMenuBoxIn .subMenuHead span {font-size:30px; color:black; vertical-align:middle}
	          .subMenuBoxIn .subMenuHead img {margin:3px 0 0 3px}
	          
	          .subMenuBoxIn > .dep2 {Line-height:1.4; max-width:872px; margin:0 0 0 250px;}
	          .subMenuBoxIn > .dep2 > li {float:left; width:230px; margin:0 0 10px}
	          .subMenuBoxIn > .dep2 > li > a {color:#000000; font-size:20px; height:40px; line-height:40px; display:block}
	          .subMenuBoxIn > .dep2 > li > a:hover {color:#3077c7}
	          
	          .subMenuBoxIn > .dep2 { display:block; width:678px; margin:0 0 0 308px; }
	          .subMenuBoxIn > .dep2 > li { display:inline-table; width:32.5%; float:none; }
	          
	          .subMenuBoxIn .dep3 {padding-left:10px}
	          .subMenuBoxIn .dep3 > li {line-height:22px; text-indent:-39px}
	          .subMenuBoxIn .dep3 > li > a {color:#646464; font-size:15px; padding-left:26px}
	          .subMenuBoxIn .dep3 > li > a:before {content:"ㆍ";}
	          .subMenuBoxIn .dep3 > li > a:hover {color:#3077c7}
	          
	          .subMenuBoxIn .subMenu_img {position:absolute; right:0; bottom:0}
	          
	          .menuAllBox {top:74px}
	          .menuAllBox.on {top:77px !important; position:fixed !important}
	          .menuAllBoxIn:before {position:absolute; left:0; top:0; bottom:0; background-color: #ececec; width:1px; content:""; z-index:1}
	          .menuAllBoxIn:after {position:absolute; right:0; top:0; bottom:0; background-color: #ececec; width:1px; content:""; z-index:1}
	            .mob_left_menu {display:none}
	            
	          .searchAllBox {z-index:1; position:absolute; height:auto; left:0; right:0; background-color:white; display:none; border-bottom: 1px solid #ececec;}
     		  .searchAllBox.on {top:77px !important;}	
     		 	.searchAllBoxIn {max-width:1200px; margin:0 auto; text-align:center; position:relative}
	          	.search_Bg {position:fixed; top:355px; left:0; right:0; bottom:0; background: url(../module_img/trans.png); display:none}
	          		          
			    	
	          	.total_searchBox {width: 594px; padding: 9px 0; border: 3px solid black; background-color: white; border-radius: 0; display: inline-block; margin:40px auto 0}
				.total_searchBox input[type="text"] {width: 510px; border:0; height: 36px; line-height: 36px; outline: 0; font-size: 18px; color: #7d7d7d; border-right: 2px solid black; margin: 0 10px 0 0;}	
				.total_searchBox button {vertical-align:middle;}
				.total_searchBox button img {transition: all .2s ease-in-out;}
			    .total_searchBox button:hover img { transform: scale(1.1); }
			    
 				.totalSelBox { max-width:750px; margin:0 auto; padding:39px 16px 0 16px; }
 					.totalSelBox .totalSelBoxIn { position:relative; padding:9px 8px 9px 8px; border:3px solid #000; text-align:left; }
 						.totalSelBox .totalSelBoxIn select { /* position:absolute; top:9px; left:0; */ display:inline-block;
 						width:45%; height:36px; padding:0 10px; line-height:36px; margin:0; font-size:17px; border:none; color:#7d7d7d; }
						.totalSelInputBox{margin-right:26px;}
						.totalSelBox .totalSelBoxIn input {width:48%; display:inline-block; outline:0; height:36px; line-height:36px; font-size:18px; padding:0 !important;
						margin:0; border:none; text-indent:10px; border-right:2px solid #000; transition:all 0.3s ease;}
						.totalSelBox .totalSelBoxIn input:focus {color:#666; background-color:#fff;}
						.totalSelBox .totalSelBoxIn input.bg {color:#666; background-color:#fff; color:#7d7d7d; background-color:#ccc; color:#333;}
						.totalSelBox .totalSelBoxIn input#totalInput1{border:none;}
						.totalSelBox .totalSelBoxIn button { position:absolute; top:10px; right:14px; }
						.totalSelBox .totalSelBoxIn button { transition:all 0.2s ease-in-out; }
						.totalSelBox .totalSelBoxIn button:hover { transform:scale(1.1); }
	          	
	          	.total_tagBox {max-width:600px; margin:0 auto; text-align:left; position:relative; display:table}
	          	.total_tagBox .tagList {overflow:hidden; height:90px; display:table-cell; vertical-align:middle}
	     		.total_tagBox .tagList li {float:left; margin:3px 5px}
	     		.total_tagBox .tagList li a {color:black; font-size:17px}
	     		.total_tagBox .tagList li a:hover {color:#377ac9}
	     		
	     		.total_close {position:absolute; top:30px; right:0px;}
	     		.total_close button {transition:0.3s all}
	     		.total_close button:hover {transform:rotate(180deg);}		
	     				
			  .mobAll_list > ul {height:100%; width:100%; max-width:1200px; margin:0 auto; position:relative;}
	          .mobAll_list > ul > li { position:relative; height:789px; display:block; float:left; background-color:white; width:20%}
			  .mobAll_list > ul > li .icon-k-down {display:none}
			  .mobAll_list > ul > li:before { content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#e5e5e5; }
			  .mobAll_list > ul > li:first-child:before { display:none; }
			  .mobAll_list > ul > li:first-child {border-left:0px;}
	          .mobAll_list > ul > li > a {display:block; text-align:center; font-size:18px; background: #f1f1f1; line-height: 50px; font-weight:500; color:black; padding:0; border-left: 1px solid #ebebeb; border-bottom:0; position:relative; z-index:2;}
	          .mobAll_list > ul > li.on > a {background-color:#3077c7; color:white; border-left:0}
	   
	          .mobAll_list .dep2 > li {line-height:42px; display:block; transition: all 0.3s ease 0s; padding: 0 15px;  border-bottom: 1px solid #d7d7d7;}
	          .mobAll_list .dep2 > li > a {padding:0; margin:0; text-align:left; color:#000; font-weight:500; font-size:16px; display:block; width:100%; position:relative;}
	          .mobAll_list .dep2 > li > a:hover {color:#3077c7;}
			  .mobAll_list .dep2 > li:hover > a:after { display:none; }
              
          	  .mobAll_list .dep3 {display:inline-block; padding:5px 0; width:100%; border-top: 1px solid #eee;}
              .mobAll_list .dep3 > li > a {text-align: left; display: block; color: #7d7d7d; line-height: 19px; padding-left: 14px; position:relative}
              .mobAll_list .dep3 > li > a:after {position:absolute; top:0; left:0; content:"ㆍ"}
              .mobAll_list .dep3 > li > a:hover {color:#3077c7}
	         
          .topMenuR {position: absolute; right: 0; top: 15px; line-height:1; z-index:1}
          .topMenuR > ul {display: flex; align-items: center;}
          .topMenuR > ul > li {position:relative}
          .topMenuR > ul > li:first-child a:hover img {animation:wobble 0.5s}
          .topMenuR > ul > li a.innogov img {width:80px;}
          .topMenuR > ul > li a:hover img {animation:wobble 0.5s}
          .topMenuR > ul > li a {font-size:18px; color:#000; display:block}
          .topMenuR > ul > li:first-child a {color:#f25c05}
          .topMenuR > ul > li span {vertical-align:middle; display:inline-block;}
          .topMenuR > ul > li:first-child span {margin:9px 0 0 5px}
          .topMenuR > ul > li:nth-child(2) a {border: 1px solid #3B5998; padding: 4px 17px; border-radius: 20px; color: #3B5998; font-weight: 500; font-size: 20px;}
        

/* main */

/*bxslider*/
.bx-wrapper {margin:0; border:none;box-shadow:none;z-index: 5;}
.bx-wrapper img {width:100%;}

#bxPager {max-width:1200px; margin:0 auto;}

/*swiper*/
.rightConSCon {position:absolute; text-align:center; width:20px; right:0; top:7px; display:inline-block; z-index:10;}
.swiper-container-horizontal>.swiper-pagination, .swiper-pagination {bottom:auto; top:6px; left:0; width:95%; text-align:right; z-index:10;}
.swiper-pagination .swiper-pagination-bullet, .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {height:7px; width:7px; margin:0 3px; background-color:#000; cursor:pointer;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet-active {width:23px; background:#404040;border-radius:5px;}
.M_contentLayout {padding:0; min-height: 712px; position:relative}
   .M_contentLayoutIn {position:relative; max-width:1200px; margin:0 auto; }
   .M_contentLayoutIn:after {content:''; display:block; clear:both;}
            
     .M_content_T {height:556px;}
     
     .card_inner {width:0; opacity:0; transition:all 0.5s; border-radius: 5px; transform: matrix(1, 0, 0, 1, 0, 0); overflow:hidden;} 
     .card_inner:hover {box-shadow:0px 0px 15px rgba(72, 72, 72, 0.3)}
     .card_inner.type02 {transition-property:width,opacity,box-shadow; transition-delay: 0.2s,0.2s,0s;}
     .card_inner.type03 {transition-property:width,opacity,box-shadow; transition-delay: 0.3s,0.3s,0s;}
     .card_inner.type04 {transition-property:width,opacity,box-shadow; transition-delay: 0.4s,0.4s,0s;}     
     .card_inner.type05 {transition-property:width,opacity,box-shadow; transition-delay: 0.5s,0.5s,0s;}
     .card_inner.type06 {transition-property:width,opacity,box-shadow; transition-delay: 0.6s,0.6s,0s;}
        
          	
     /* card01 */
     .card01 > h2 {overflow:hidden; width:0px; height:0px; text-indent:-100px; margin:0px;}
     .card01_Box {position:relative; z-index:2; height:556px}
      	.card01_L {width:408px; height:556px; margin:0 16px 0 0; float:left; position:relative;}
      	  .card01_L_inner {height:556px}
      	  .card01_L_T {overflow:hidden; width:408px; height:556px; position:absolute; border-radius:5px;}
      	  .card01_L_T:after {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
		  .card01_L_T:hover:after {animation:shine 1.5s}  
      	  .card01_L_T .wvNumBox {top:7px; right:9px; text-align:right}
      	  .card01_L_T .wvNumBox > a {width:11px; height:11px; background:url("/resource/img/slider_circle.png"); border:0;}
      	  .card01_L_T .wvNumBox > a.on {background:white; width:43px; border-radius:10px}
      	  .card01_L_T .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .card01_L_T .swiper-pagination-bullet-active {background:#fff; width:43px; border-raidus:10px;}
      	  .card01_L_T .swiper-pagination .swiper-pagination-bullet, .card01_L_T .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {height:11px; width:11px;}
      	  /* .card01_L_T .wvNumBoxIn {display:none} */
      	  .card01_L_T .wvNumBoxIn > a > span {color:#666; font-size:12px;}
      	  .card01_L_T .wvNumBoxIn > a > span:before {text-shadow:none;}
	      .card01_L_T ul li {float:left}
      	  .card01_L_T ul li a {display:block}	
      	.card01_C {width:460px; height:556px; margin:0 16px 0 0; float:left; position:relative;}
      	  .card01_C_T_inner {height:268px}
	      .card01_C_T {width:436px; height:248px; background-color:white; border-radius:5px; padding:0 12px 20px; overflow: hidden; position:absolute}	    
	      .card01_C_T .wvNumBox {top:6px; right:15px; text-align:right}
      	  .card01_C_T .wvNumBox > a {width:7px; height:7px; background:#c8c8c8; border:0;}
      	  .card01_C_T .wvNumBox > a.on {background:#404040; width:23px; border-radius:5px}
      	  
      	  /* .card01_C_T .wvNumBoxIn {display:none} */
      	  .card01_C_T .wvNumBoxIn > a > span {color:#404040; font-size:12px;}
      	  .card01_C_T .wvNumBoxIn > a > span:before {text-shadow:none;}
	      .card01_C_T ul li {float:left; width:50%; text-align:center; position:relative}
	      .card01_C_T ul li a {display:block}
	      .card01_C_T ul li p {text-align:center; margin: 15px 5% 0;}
	      .card01_C_T ul li a:hover p {color:#3077c7}
	      .card01_C_T ul li .imgBox {height:170px; overflow:hidden; margin:0 7px; text-align:center;border:1px solid #898989;}
	       .card01_C_T ul li .imgBox img {height:100%;}
	      .card01_C_T ul li span {position:absolute; top:6px; left:0; z-index:1;}
	      .card01_C_T ul li .type01 {color:white; font-size:13px; width:74px; height:20px; line-height:20px; background-color:#5293c1; font-weight:300}
	      .card01_C_T ul li .type02 {color:white; font-size:13px; width:86px; height:20px; line-height:20px; background-color:#6e8c49; font-weight:300}
	      .card01_C_T_In {display: inline-block;  width: 436px; padding-top:40px;}
	      	.card01_C_T_In .swiper-pagination  {top:10px;}
	      	.card01_C_T_In .rightConSCon {top:12px;}
	      .card01_C_B_Box {margin:12px 0 0;}
		      .card01_C_B {width:460px; height:276px; overflow: hidden;}		     
	 		      .card01_C_B_inner {height:276px}	  
	 			  .card01_C_B_T {padding: 18px 20px 2px; height:182px; background-color: white; border-radius: 5px 5px 0 0;}		  
				  .card01_C_B_T .tabBox_sub {margin:0; border-bottom:1px solid #898989; position:relative}
			      .card01_C_B_T .tabBox_sub > ul > li {border:0; background-color: transparent; border-bottom:1px solid #898989;height:35px;}
			      .card01_C_B_T .tabBox_sub > ul > li > a {line-height:33px; border: 0; font-size:16px; color:#666; padding:0 8px}
			      .card01_C_B_T .tabBox_sub > ul > li > a:hover {color:#3077c7}
			      .card01_C_B_T .tabBox_sub > ul > li.on {border-bottom:1px solid white}
			      .card01_C_B_T .tabBox_sub > ul > li.on > a {color:black;border: 1px solid #898989;border-bottom: 1px solid white;border-radius: 3px 3px 0 0;}
			      .card01_C_B_T .tabBox_sub > ul > li.first:after , .card01_C_B_T .tabBox_sub ul li.second:after {content:""; position:absolute; top:50%; width:1px; height:12px; background-color:#c9c9c9; margin: -6px 0px 0px -1px; z-index: -1;}
			 	  .card01_C_B_T .tabBox_sub > ul > li.first.on:after , .card01_C_B_T .tabBox_sub ul li.second.on:after {display:none}
			 	  
			 	  
			 	  
			 	  .card03_C_B .tabBox_sub > ul > li.secondNew .card01_C_B_T_list ul li a {width:90%;}
			 	  
			 	  
			 	  .tabContentBox  {position:absolute; left:0px; top:34px; text-align:left; right:0px; height:0px; overflow:hidden; display:block;}
			 	  .card01_C_B_T .tabBox_sub > ul > li.on .tabContentBox {height:auto}
			 	  
			 	  .tabBox_sub .tabBox_add {position:absolute; top:0; right:0; line-height:34px; display:none;}
			 	  .tabBox_sub li.on .tabBox_add {display:block;}  
			 	  .tabBox_sub .tabBox_add a {font-size:13px; overflow: hidden; display: block; text-indent: -45px;}   
			 	  .tabBox_sub .tabBox_add .icon-k-next {font-size:12px; margin:0 0 0 5px; position:relative; transition: 0.2s;} 
			 	  .tabBox_sub .tabBox_add .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:-17px; transition:all 0.2s ease;}
			 	  .tabBox_sub .tabBox_add a:hover .icon-k-next {margin:0 0 0 7px; }
		 	 	  .tabBox_sub .tabBox_add a:hover .icon-k-next:after {right:-12px; animation-delay:0.7ms}
		         
		 	  .card01_C_B_T_list {height:130px; overflow:hidden}   
		      .card01_C_B_T_list ul {display:block;margin: 9px 0 13px;}
			  .card01_C_B_T_list ul li {position:relative; margin:0 0 10px 0; line-height: 1;}
			  .card01_C_B_T_list ul li a {color:#666;font-size:13px;text-indent: 5px;display: inline-block; transition:0.3s all; width: 350px; white-space: nowrap;
   										  overflow: hidden; text-overflow: ellipsis;}
			  .card01_C_B_T_list ul li a:hover {color:#3077c7}
			  .card01_C_B_T_list ul li span {position:absolute; top:50%; right:0; margin-top:-6px; color:#666; font-size:12px;}
		     
		      .card01_C_B_B {background-color:#e4e6e9; border-radius:0 0 5px 5px; display:inline-block; width:100%; position:relative; height:76px;}
	          .card01_C_B_B p {margin:10px 0; color:#666666; font-size:13px; padding:0 12px}
		      .card01_C_B_B .txt_link {text-indent:12px;}
		      .card01_C_B_B .txt_link li {float:left;}
		      .card01_C_B_B .txt_link li:first-child {margin:0 30px 0 0}
		      .card01_C_B_B .txt_link li a {color:black; font-size:20px; font-weight:300; position:relative; display:inline-block; text-indent:0}
		      .card01_C_B_B .txt_link li a:hover {color: #3077c7;}
		      .card01_C_B_B .txt_link li a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#3077c7;}
		      .card01_C_B_B .txt_link li a:hover:after {width:100%; left:0}
		      .card01_C_B_B .txt_link li a:before {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;  background:#2386ab;}
		      .card01_C_B_B .txt_link li a:hover:before {width:100%; left:0}
		      
		      .card01_C_B_B .txt_link li strong {font-weight:400}
		      .card01_C_B_B .txt_link li:first-child strong {margin-right:5px}
		      .card01_C_B_B .txt_link li .icon-k-next {font-size: 10px; position: absolute; right: -12px; top: 50%; margin-top: -4px;  font-weight: 600;}
	   		  .card01_C_B_B .sns_link {position:absolute; right:2px; bottom:10px;}
	      	  .card01_C_B_B .sns_link li {float:left; margin-right:8px}
	      	  .card01_C_B_B .sns_link li a {display:block}
		      .card01_C_B_B .sns_link li a:hover img {animation:pulsate 0.3s;}
		  	 
		  .card01_R {width:300px; height:556px; float:left; line-height:1;}
		    .card01_R_T_inner {height:362px;}
		      .card01_R_T {width: 300px; height: 362px; position:absolute} 
			      .card01_R_T_T {width:250px; height:234px; background-color:White; padding:22px 25px; border-radius:5px 5px 0 0}
			      .card01_R_T_T ul li {float:left; width:50%; text-align:center}
			      .card01_R_T_T ul li a {height:116px; display:block; position:relative}
			      .card01_R_T_T ul li a:before {content:""; position:absolute; width:0; height:0; background-color:#f0f8f8; border-radius:50%; top:45%; left:40%; transform: translate(-50%, -50%);}
				  .card01_R_T_T ul li a:hover:before {width:66px; height:66px; animation: cI1 0.7s; animation-timing-function: ease-in-out;}
			      .card01_R_T_T ul li a:after {content:""; position:absolute; width:0; height:0; background-color:#f0f8f8; border-radius:50%; top:25%; left:65%; transform: translate(-50%, -50%);}
			      .card01_R_T_T ul li a:hover:after {width:40px; height:40px; animation: cI2 0.7s; animation-timing-function: ease-in-out;}
			      
			      .card01_R_T_T ul li a:hover p {color:#4fa4d1}
			      .card01_R_T_T ul li.first a {border-right:1px solid #dedede; border-bottom:1px solid #dedede}
			      .card01_R_T_T ul li.second a {border-bottom:1px solid #dedede}
			      .card01_R_T_T ul li.thrid a {border-right:1px solid #dedede; height:117px}
			      .card01_R_T_T ul li.four a {height:117px}
			      
			      .card01_R_T_T ul li .imgBox {position:absolute; top:50%; left:50%; margin:-44px 0 0 -34px; z-index:3}
			      .card01_R_T_T ul li .imgBox img {margin:0 0 15px}
			      .card01_R_T_T ul li .imgBox p {margin:0; color:#666; font-size:13px; transition:0.3s all}
			      
			      .card01_R_T_B {width:100%; height:84px; display:inline-block; border-radius:0 0 5px 5px; background:url("/resource/img/card01_R_T_B_bg.png") left no-repeat;  background-color: #b7dfd7; position:relative}
				  .card01_R_T_B:after {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.1) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
		 		  .card01_R_T_B:hover:after {animation:shine 1.5s}  
				  
				      .card01_R_T_B a {display:inline-block; width:100%; padding:14px 0 3px}
				      .card01_R_T_B img {float:left; margin:0 0 0 25px}	      
				      .card01_R_T_B p {float:left; text-align:left; vertical-align:middle; font-size:16px; color:#003a2e; display:inline-block; margin:10px 0 0 11px; line-height:1.2}
			      	  .card01_R_T_B strong {font-size:18px; font-weight:500}
			  
		  .card01_R_B_Box {border-radius:5px; margin:12px 0 0}    	 
      	    .card01_R_B_inner {height:182px}
		      	.card01_R_B {width:300px; height:182px; border-radius:5px; overflow:hidden; position:relative}
		      	  .card01_R_B ul li {float:left; height:100%}
		      	  .card01_R_B ul li a {display:block; height:100%;}
		      	  .card01_R_B ul li a img {width:100%; height:100%;}
		      	  .card01_R_B .wvNumBox {top:6px; right:25px; text-align:right}
		      	  .card01_R_B .wvNumBox > a {width:7px; height:7px; background:#c8c8c8; border:0;}
		      	  .card01_R_B .wvNumBox > a.on {background:#404040; width:23px; border-radius:5px}
		      	  .card01_R_B .wvNumBoxIn {display:none}
		      	  .card01_R_B .rightConSCon {right:20px;}
		      	  .card01_R_B .swiper-container-horizontal>.swiper-pagination, .card01_R_B .swiper-pagination {width:86%;}
		      	.card01_R_B_link {position: absolute; top: 5px; right: 7px; font-size: 18px; width: 17px; color: #404040; font-weight: bold;  text-align: center;} 
      
      		.card01_Bg {position:absolute; z-index:1; left:0px; top:0px; background-color:#eff8f6; width:100%; height:100%; overflow:hidden}
      	.card01_Bg img {width:50%;}
      	.card01_Bg .imglb01 {position:absolute; z-index:1; left:85px; bottom:-20px; animation:c1A1 20s infinite;}
      	.card01_Bg .imglb02 {position:absolute; z-index:2; left:-15px; bottom:-15px; animation:c1A2 20s infinite;}
      	.card01_Bg .imglb03 {position:absolute; z-index:1; left:-15px; bottom:13px; animation:c1A1 20s infinite;}
      	.card01_Bg .imglb04 {position:absolute; z-index:1; left:-40px; bottom:90px; animation:c1A1 10s infinite;}
      	.card01_Bg .imglb05 {position:absolute; z-index:1; left:-65px; bottom:60px; animation:c1A1 5s infinite;}
      	.card01_Bg .imglb06 {position:absolute; z-index:1; left:-25px; bottom:65px; animation:c1A1 12s infinite;}
      	.card01_Bg .imglb07 {position:absolute; z-index:2; left:-25px; bottom:7px; animation:c1A2 18s infinite;}
      		.imglbBox {position:absolute; z-index:3; left:50px; bottom:80px; width:90px; height:90px; animation:c1K2_3 18s infinite;}
      			.imglbBoxIn {animation:c1K2_2 18s infinite; width:90px; height:90px;}
      			.imglbBoxIn .imglbBox01 {position:absolute; z-index:3;}
      			.imglbBoxIn .imglbBox01 img {width:90px;}
      			.imglbBoxIn .imglbBox02 {position:absolute; z-index:2; animation:c1K2_1 0.6s infinite;}
      			.imglbBoxIn .imglbBox02 img {width:90px;}  	
      	.card01_Bg .imglt01 {position:absolute; z-index:1; left:-40px; top:-10px; animation:c1A1 20s infinite;}
      	.card01_Bg .imglt02 {position:absolute; z-index:2; left:-45px; top:-35px; animation:c1A2 20s infinite;}
      	.card01_Bg .imgrt01 {position:absolute; z-index:1; right:-300px; top:-30px; animation:c1A1 20s infinite;}
      	.card01_Bg .imgrt02 {position:absolute; z-index:2; right:-140px; top:-10px; animation:c1A1 25s infinite;}
      	.card01_Bg .imgrtKBox {position:absolute; z-index:3; right:20px; top:20px; animation:c1K1_1 20s infinite;}
      		.imgrtKBox .imgrtKBoxIn {position:relative; width:70px; height:50px; transform-origin:45px 25px; animation:c1K1 20s infinite;}
      		.imgrtKBox .imgrtKBoxIn .imgrtKBox01 {position:absolute; margin-top:5px; margin-left:-17px;animation:c1K1_2 2s infinite;}
      		.imgrtKBox .imgrtKBoxIn .imgrtKBox01 img {width:24px;}
      		.imgrtKBox .imgrtKBoxIn .imgrtKBox02 {position:absolute;}
      		.imgrtKBox .imgrtKBoxIn .imgrtKBox02 img {width:70px;}
      	
      	.card01_Bg .imgrb01 {position:absolute; z-index:2; right:0px; bottom:-40px; animation:c1A1 20s infinite;}
      	.card01_Bg .imgrb02 {position:absolute; z-index:2; right:-230px; bottom:-10px; animation:c1A2 25s infinite;}
      	.card01_Bg .imgrb03 {position:absolute; z-index:2; right:-140px; bottom:10px; animation:c1A2 23s infinite;}
      	.card01_Bg .imgrb04 {position:absolute; z-index:2; right:-190px; bottom:-35px; animation:c1A1 15s infinite;}
      	.card01_Bg .imgrb05 {position:absolute; z-index:2; right:-120px; bottom:-30px; animation:c1A2 20s infinite;}
      	.card01_Bg .imgrb06 {position:absolute; z-index:2; right:-110px; bottom:110px; animation:c1A1 13s infinite;}
      	.card01_Bg .imgrb07 {position:absolute; z-index:1; right:30px; bottom:0px;  transform:translateX(-100px); animation:c1A1 28s infinite;}
      	
        .card01_A .left_arrow {font-size:80px;  color:#abb2b0; color:rgba(0,0,0,0.3); display:none;  position:absolute; top:50%; left:0; margin:-56px 0 0 -150px; transition:0.3s all;}
	    .card01_A .left_arrow:hover {color:black; color:rgba(0,0,0,1); }
	    .card01_A .right_arrow {font-size: 80px; color: #abb2b0; color:rgba(0,0,0,0.3); display:none;  position: absolute; top: 50%; right: 0; margin: -56px -150px 0 0; transition:0.3s all}
	    .card01_A .right_arrow:hover {color:black; color:rgba(0,0,0,1);}
	    .card01_A .left_arrow strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
	    .card01_A .right_arrow strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
      	/* EOD : card01 */
      	
      	/* card02 */
      	
        .card02 {display:none}
        .card02 > h2 {overflow:hidden; width:0px; height:0px; text-indent:-100px; margin:0px;}
      	.card02_Box {position:relative; z-index:2; height:557px}  
      	
      	 .card02_L {width:408px; height:557px; margin:0 16px 0 0; float:left; border-radius:5px;  position:relative;}
	       .card02_L_Box {}
      	    .card02_L_inner {height:557px}
      	      .card02_L_T {position: absolute;  background-color: white;  border-radius: 5px;}
	      	  .card02_L_T_T {width: 368px;line-height:54px;height:54px; padding:0 20px;border-radius:5px 5px 0 0;}	
	      	  .card02_L_T_T p {margin:0; font-size:18px; color:#222224;}
	      	  .card02_L_T_T .tabBox_add {position:absolute; top:0; right:20px; z-index:10;}
	      	  .card02_L_T_T .tabBox_add a {font-size:13px; color:#666}
      	 	  .card02_L_T_T .tabBox_add .icon-k-next {font-size:12px; margin:0 0 0 5px; position:relative; transition: 0.2s;} 
	 	      .card02_L_T_T .tabBox_add .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:all 0.2s ease;}
	 	      .card02_L_T_T .tabBox_add a:hover .icon-k-next {margin:0 0 0 7px; }
 	 	      .card02_L_T_T .tabBox_add a:hover .icon-k-next:after {right:4px; animation-delay:0.7ms}
	      	  .card02_L_T_B .wvNumBox {display:none;}
	      	  .card02_L_T_B {overflow:hidden; width:368px;height:503px; padding:0 20px}
	      	  .card02_L_T_B .wvNumBox {top:15px; right:18px; text-align:right}
	      	  .card02_L_T_B .wvNumBox > a {width:11px; height:11px; background-color:#666666; border:0;}
	  		  .card02_L_T_B .wvNumBox > a.on {background-color:black; width:43px; border-radius:10px}
	      	  .card02_L_T_B .wvNumBoxIn {display:none}
	      	  
		 	  .card02_L_T_B ul li {float:left; padding:50px 20px}
	      	  .card02_L_T_B ul li a {display:block;}
	      	  .card02_L_T_B ul li a .imgBox {height:201px; overflow:hidden}
	      	  .card02_L_T_B ul li a:hover p {color:#3077c7}	
	      	  .card02_L_T_B ul li a p {transition:0.3s all; font-size:15px; color:#666; margin:13px 0 20px; line-height:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	      	
      	.card02_C {width:460px; height:557px; margin:0 16px 0 0; float:left;}
	      .card02_C_T {width:460px; height:247px; background-color:white; border-radius:5px; padding:0 0 20px; overflow: hidden; position:absolute}
	      .card02_C_T_inner {height:267px}
	      .card02_C_T_T {line-height:54px; height:54px; padding:0 20px}	
      	  .card02_C_T_T p {margin:0; font-size:18px; color:#222224;}
      	  .card02_C_T_T .tabBox_add {position:absolute; top:0; right:20px}
      	  .card02_C_T_T .tabBox_add a {font-size:13px; color:#666}
      	  .card02_C_T_T .tabBox_add .icon-k-next {font-size:12px; margin:0 0 0 5px; position:relative; transition: 0.2s;} 
	 	  .card02_C_T_T .tabBox_add .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:all 0.2s ease;}
	 	  .card02_C_T_T .tabBox_add a:hover .icon-k-next {margin:0 0 0 7px; }
 	 	  .card02_C_T_T .tabBox_add a:hover .icon-k-next:after {right:4px; animation-delay:0.7ms}
      	  
      	  .card02_C_T_B {padding:0 20px}
      	  .card02_C_T_B ul li {float:left; width:48%; margin:0 0 0 2%; text-align:center; position:relative}
		  .card02_C_T_B ul li:first-child {margin:0 2% 0 0;}	
	      .card02_C_T_B ul li a {display:block; text-align:left}
	      .card02_C_T_B ul li a:hover p {color:#3077c7}	
	      .card02_C_T_B ul li a:hover span {color:#333}	
	      .card02_C_T_B ul li .imgBox {height:152px; overflow:hidden; text-align: center; border:1px solid #898989;}
	      .card02_C_T_B ul li .imgBox img {width:100%; transition:0.5s all}
	      .card02_C_T_B ul li .imgBox img:hover {transform:scale(1.1)}
	      .card02_C_T_B ul li p {margin: 5px 0 0; font-size:16px; color:black; text-overflow: ellipsis; overflow: hidden; display: inline-block;
   								 white-space: nowrap; width: 100%; transition:0.3s all;}
	      .card02_C_T_B ul li span {color:#666; font-size:15px; text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap; width: 100%; transition:0.3s all}
	      
	      .card02_C_B_inner {height:290px}	     
	 	      .card02_C_B {width:460px; height:278px; margin:12px 0 0; border-radius:5px; position:absolute}
		      	 .card02_C_B a {display:block; border-radius:5px; height:278px; overflow: hidden; background:url("/resource/img/card02_C_B_img01.png") left; background-size:cover;}
		 		 .card02_C_B a p {position:absolute; top:20px; left:20px; font-size:18px; color:white; margin:0; line-height:1}  
			     .card02_C_B .icon-k-next {font-size:14px}
		      
	    .card02_R {width:300px; height:557px; float:left; line-height:1;}
	      .card02_R_T {width:300px; height:361px; position: absolute; }
	      .card02_R_T_inner {height:361px}
		      .card02_R_T_T {background-color:#049687; border-radius:5px 5px 0 0; height:274px; position:relative; border-bottom:1px solid #2ba498}
		      .card02_R_T_T ul li {float:left;}
		      .card02_R_T_T ul li a {height:100%; display:inline-block}
		      .card02_R_T_TBox {padding:0 18px; overflow:hidden}
		      .card02_R_T_TBox > p {color:white; font-size:18px; margin:0; line-height:54px; height:54px;}
		      .card02_R_T_TBox a {color:white}
		      
		      .card02_R_T_TBox .wvNumBox {bottom:18px; left:14px; text-align:left}
	      	  .card02_R_T_TBox .wvNumBox > a {width:8px; height:8px; background-color:#c8c8c8; border:0;}
	      	  .card02_R_T_TBox .wvNumBox > a.on {background-color:#404040; width:23px; border-radius:10px}
	      	  .card02_R_T_TBox .wvNumBoxIn {display:none}
		      .card02_R_T_TBox .txtBox {float:left; display:inline-block; width:100px; margin:40px 0 0 0; line-height:1.4}
		      .card02_R_T_TBox .txtBox .name {margin: 0 0 20px;  display: inline-block; font-weight:300}
		      .card02_R_T_TBox .txtBox .name strong {font-size:16px; font-weight:300}
		      .card02_R_T_TBox .txtBox .day {display:block; color:#b4e0db; font-size:13px}
		      .card02_R_T_TBox .imgBox {float:right; margin:-30px 0 0; width:160px; height:236px; overflow:hidden}
		     
		      .card02_R_T_B {width:100%; padding:9px 0; display:inline-block;  background-color: #049687; border-radius: 0 0 5px 5px;}
		      .card02_R_T_B ul li {float:left; width:50%; position:relative}
		      .card02_R_T_B ul li:first-child:after {position:absolute; top:0; right:0; bottom:0; content:""; border-left:1px dashed #6abd97}
		      .card02_R_T_B ul li a {display:block; text-align:center; height:67px}
		      .card02_R_T_B ul li a p {font-size:16px; color:#aad2cc; margin:0;}
		      .card02_R_T_B ul li:hover a p {color:white;}
		      .card02_R_T_B ul li a img {margin:5px 0 8px 0}
		      
      	  .card02_R_B {margin:11px 0 0; overflow:hidden; position:absolute; width: 300px; height: 184px;}
      	  .card02_R_B_inner {height:194px}
	      	  .card02_R_B ul {display:inline-block; width:100%; height:184px; background-color:#ffce1d; border-radius:5px}      	
	      	  .card02_R_B ul li {float:left; width:50%; height:184px; position:relative}
	      	  .card02_R_B ul li.first:after {content:""; border-left:1px solid #e9bc1a; top:23px; bottom:23px; right:0; position:absolute}
	      	  .card02_R_B ul li a {display:block; height:100%; position:relative; transition:0.3s all}
	      	
	      	  .card02_R_B ul li.first a:before {content:""; position:absolute; right:8px; bottom:35px; width:71px; height:71px; background:url("/resource/img/card02_R_B_circle01.png") no-repeat;}
	      	  .card02_R_B ul li.first a:after {content:""; position:absolute; left:-13px; bottom:-30px;  width:117px; height:117px; background:url("/resource/img/card02_R_B_circle02.png") no-repeat;}    	  
	      	  .card02_R_B ul li.second a:before {content:""; position:absolute; left:9px; bottom:10px; width:59px; height:59px; background:url("/resource/img/card02_R_B_circle03.png") no-repeat;}
	      	  .card02_R_B ul li.second a:after {content:""; position:absolute; right:-57px; bottom:-20px;  width:162px; height:162px; background:url("/resource/img/card02_R_B_circle04.png") no-repeat;}    	  
	      	  
	      	  .card02_R_B ul li.first a:hover:before  {animation:bo2 4s infinite ease-in-out;}
	      	  .card02_R_B ul li.first a:hover:after   {animation:bo3 4s infinite ease-in-out;}
	      	  .card02_R_B ul li.second a:hover:before {animation:bo2 4s infinite ease-in-out;}
	      	  .card02_R_B ul li.second a:hover:after  {animation:bo3 4s infinite ease-in-out;}
	      	  
	      	  .card02_R_B ul li .imgBox {position:absolute; top:25px; left:15px; z-index:3}
	      	  .card02_R_B ul li .imgBox p {font-size:18px; color:black; margin:0; line-height:1.2}
	      	  .card02_R_B ul li.first .imgBox img {margin:16px 0 0 5px}
	      	  .card02_R_B ul li .imgBox img {margin:16px 0 0 22px}
	      	  .card02_R_B ul li a:hover .imgBox p {color:white}
      			 	
      			 .card02_R_B ul li.first .arrowBox {position:relative;}
      			 .card02_R_B ul li.first .arrowBox:after {content:""; position:absolute; bottom:0; left:5px; width:28px; height:40px; background:url("/resource/img/card02_R_B_arrow.png")}
	      	     .card02_R_B ul li.second .arrowBox {position:relative;}
      			 .card02_R_B ul li.second .arrowBox:after {content:""; position:absolute; bottom:23px; right:15px; width:28px; height:40px; background:url("/resource/img/card02_R_B_arrow.png")}
	      	     .card02_R_B ul li.first a:hover .arrowBox:after {animation: bo2 1s infinite ease-in-out;}
	      	     .card02_R_B ul li.second a:hover .arrowBox:after {animation: bo2 1s infinite ease-in-out;}
      		
      	.card02_Bg {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%;  background:url("/resource/img/bg2.jpg") center no-repeat; background-size:100% auto; background-size:cover;}
      	.card02_Bg .img01 {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:url("/resource/img/bg2_trans.png");}
       	
        .card02_A .left_arrow {font-size:80px;  color:#696d6f; color:rgba(255,255,255,0.3); display:none; position:absolute; top:50%; left:0; margin:-56px 0 0 -150px; transition:0.3s all;}
	    .card02_A .left_arrow:hover {color:white; color:rgba(255,255,255,1);}
	    .card02_A .right_arrow {font-size: 80px;  color:#696d6f; color:rgba(255,255,255,0.3); display:none;  position: absolute; top: 50%; right: 0; margin: -56px -150px 0 0; transition:0.3s all}
	    .card02_A .right_arrow:hover {color:white; color:rgba(255,255,255,1); }
	    .card02_A .left_arrow strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
	    .card02_A .right_arrow strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
	      
       	
       	/* EOD : card02 */
      	
      	/* card03 */
      	
      	.card03 {display:none}
      	.card03 > h2 {overflow:hidden; width:0px; height:0px; text-indent:-100px; margin:0px;}
     	.card03_Box {position:relative; z-index:3; height:562px}
     
      	.card03_L {width:408px; height:562px; margin:0 16px 0 0; float:left; position:relative;}
      	  .card03_L_T_inner {height:340px}
	      	  .card03_L_T {position:absolute; width: 408px; height:340px}
	  	      .card03_L_T ul li {height:85px; border-bottom: 1px solid #43485d;}
	  	      .card03_L_T ul li.first {background:url("/resource/img/card03_L_T_img01.png") right bottom no-repeat; background-color: #3e4157; border-radius:5px 5px 0 0; overflow:hidden}
	  	      .card03_L_T ul li.second {background:url("/resource/img/card03_L_T_img02.png") right bottom no-repeat; background-color: #464a61;}
	  	      .card03_L_T ul li.thrid {background:url("/resource/img/card03_L_T_img03.png") right bottom no-repeat; background-color: #5c7dbe;}
	  	      .card03_L_T ul li.four {background:url("/resource/img/card03_L_T_img04.png") right bottom no-repeat; background-color: white; border-radius:0 0 5px 5px; overflow:hidden; border-bottom:0}
	  	      .card03_L_T ul li a {display:block; line-height: 85px; text-indent: 35px; color: white;  font-size: 18px; position:relative}
	  	      .card03_L_T ul li a .icon-k-next {font-size:14px; margin:0 0 0 8px; position:relative; transition: 0.2s;}	
		 	  .card03_L_T ul li a .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:all 0.2s ease;}
		 	  .card03_L_T ul li a:hover .icon-k-next {margin:0 0 0 7px; }
	 	 	  .card03_L_T ul li a:hover .icon-k-next:after {right:-6px; animation-delay:0.7ms}


	      	  .card03_L_T ul li a .txt {position:relative; z-index:1}
	      	  .card03_L_T ul li.four a {color:#3d3d3d}
	      	  .card03_L_T ul li.four:hover a {color: #3077c7;}
	      	  .card03_L_T ul li a:after {content:""; position:absolute; left:0; top:0; bottom:0; right:0; background:url("/resource/img/card03_L_T_bg01.png"); transition:0.3s all;}
	      	  .card03_L_T ul li a:before {content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:url("/resource/img/card03_L_T_bg02.png"); transition:0.3s all;}
	      	  .card03_L_T ul li.four a:after , .card03_L_T ul li.four a:before {display:none}
	      	  .card03_L_T ul li a:hover:after {left:100%}
	      	  .card03_L_T ul li a:hover:before {right:0}
      	  
      	  
     	 .card03_L_B_Box {margin:12px 0 0;}
	       .card03_L_B_inner {height:210px}
	      	  .card03_L_B {position:absolute; padding: 13px 11px; width: 386px; height:184px; background-color:White; border-radius: 5px;}
	      	  .card03_L_B ul {width:100%; display:inline-block}
	      	  .card03_L_B ul li {width:33.33%; float:left}
	      	  .card03_L_B ul li a {display:block; height:160px; padding:20px 0 0; text-align:center; transition:0.3s all; position:relative;}
	      	  .card03_L_B ul li a p {margin:0 0 15px; padding:0 0 5px; font-size:16px; color:#2b2e45; transition:0.3s all; position:relative; display:inline-block}
		  	  .card03_L_B ul li a:hover p {color:#3c5a99}
		  	  .card03_L_B ul li a p:after {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#3c5a99;}
		      .card03_L_B ul li a:hover p:after {width:100%; left:0}
		      .card03_L_B ul li a p:before {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;  background:#2386ab;}
		      .card03_L_B ul li a:hover p:before {width:100%; left:0}
	  		  .card03_L_B ul li a:before {position:absolute; top:5px; bottom:5px; left:0; border-left:1px solid #d3d6e2; content:""}
	      	  .card03_L_B ul li:first-child a:before {display:none}
	      	  .card03_L_B .circle_bg {width:98px; height:98px; border-radius:50%; background-color:#e8eaf3; display:inline-block; position:relative; transition:0.5s all}
        	  .card03_L_B .circle_bg img {position:absolute; left:-3px;}
        	  .card03_L_B ul li a:hover .circle_bg {background-color:#4d516f}
        
      	.card03_C {width:460px; height:562px; position:relative; margin:0 16px 0 0; float:left;}
      	  .card03_C_T_inner {height:340px}	
	      .card03_C_T {width:460px; height:340px; background-color:white; border-radius:5px; overflow: hidden; position:absolute}
	      .card03_C_T ul li {float:left; width:39%; margin:0 8% 0 3%; text-align:left;}
	      .card03_C_T ul li:first-child { margin:0 3% 0 8%;}
	      .card03_C_T ul li p {font-size:18px; color:#2c2c2c; margin:0; line-height: 54px; height: 54px;}
	      .card03_C_T ul li a {display:block}
	      .card03_C_T ul li .imgBox {display:inline-block; width:100%; height:224px; overflow:hidden;border:1px solid #898989;}
	      .card03_C_T ul li a span {color:#666;font-size:14px;display:inline-block;margin:5px 0 0;overflow:hidden;max-height:39px;}
	      .card03_C_T ul li a:hover span {color:#3077c7}
	      
	       .tabContentBox02  {position:absolute; left:0px; top:34px; text-align:left; right:0px; height:0px; overflow:hidden; display:block;}
			 	  .card03_C_B .tabBox_sub > ul > li.on .tabContentBox02 {height:auto}
	      
	    .card03_C_B_Box {margin: 12px 0 0;}  
	      .card03_C_B {border-radius:5px; padding: 18px 20px 2px; width: 420px; height:202px; background-color: white;}		     
/*
 			  .card03_C_B .tabBox_sub {margin:0; border-bottom:1px solid #898989; position:relative}
 		      .card03_C_B .tabBox_sub ul li {border:0; background-color: transparent; height:35px; position:relative; border-bottom:1px solid white}
		      .card03_C_B .tabBox_sub ul li a {line-height:33px; cursor: default; font-size:16px; color:#666; padding:0 8px; color:black;border: 1px solid #898989;border-bottom: 1px solid white;border-radius: 3px 3px 0 0;}
*/
				  .card03_C_B .tabBox_sub {margin:0; border-bottom:1px solid #898989; position:relative}
			      .card03_C_B .tabBox_sub > ul > li {border:0; background-color: transparent; border-bottom:1px solid #898989;height:35px;}
			      .card03_C_B .tabBox_sub > ul > li > a {line-height:33px; border: 0; font-size:16px; color:#666; padding:0 8px}
			      .card03_C_B .tabBox_sub > ul > li > a:hover {color:#3077c7}
			      .card03_C_B .tabBox_sub > ul > li.on {border-bottom:1px solid white}
			      .card03_C_B .tabBox_sub > ul > li.on > a {color:black;border: 1px solid #898989;border-bottom: 1px solid white;border-radius: 3px 3px 0 0;}
			      .card03_C_B .tabBox_sub > ul > li.first:after , .card03_C_B_T .tabBox_sub ul li.second:after {content:""; position:absolute; top:50%; width:1px; height:12px; background-color:#c9c9c9; margin: -6px 0px 0px -1px; z-index:-1;}
			 	  .card03_C_B .tabBox_sub > ul > li.first.on:after , .card03_C_B_T .tabBox_sub ul li.second.on:after {display:none}
			 
/*               .card03_C_B_list {height:130px; overflow:hidden}   
		      .card03_C_B_list ul {display:block;margin: 9px 0 13px;}
			  .card03_C_B_list ul li {position:relative; margin:0 0 12px 0; line-height: 1;}
			  .card03_C_B_list ul li a {color:#666;font-size:13px;text-indent: 5px;display: inline-block; transition:0.3s all; width: 350px; white-space: nowrap;
   									  overflow: hidden; text-overflow: ellipsis;}
			  .card03_C_B_list ul li a:hover {color:#3077c7}
			  .card03_C_B_list ul li span {position:absolute; top:50%; right:0; margin-top:-6px; color:#a4a4a4; font-size:12px;} */
		    
		 .card03_R {width:300px; height:562px; float:left; line-height:1; position:relative;}
		   .card03_R_Box {height:562px}		   
			 .card03_R_T_inner {height:460px}
			 	.card03_R_T {width:300px; height:460px;}
			    .card03_R_T_In {background-color:White; border-radius:5px 5px 0 0; height: 460px; padding: 0 20px; position:relative}		    
			    .card03_R_T_In .top_name {margin:0; font-size: 18px; color: #222224; line-height: 54px; height: 54px;}
			    .card03_R_T_In .top_add {position:absolute; top:20px; right:20px; line-height: 1;}
			 	.card03_R_T_In .top_add a {font-size:13px}   
			 	.card03_R_T_In .top_add .icon-k-next {font-size:12px; margin:0 0 0 5px; position:relative; transition: 0.2s;} 
			 	.card03_R_T_In .top_add .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:all 0.2s ease;}
			 	.card03_R_T_In .top_add a:hover .icon-k-next {margin:0 0 0 7px;}
		 	 	.card03_R_T_In .top_add a:hover .icon-k-next:after {right:4px; animation-delay:0.7ms}
		         
			    .card03_R_T_In a {display:block; height:100%}
				.card03_R_T_In a .imgBox {width:auto; height:327px; overflow:hidden}
			    .card03_R_T_In .main_data {color:black; font-size:16px; margin:15px 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	   									   width: 100%; display: inline-block; line-height:1.4; transition:0.3s all;}
			    .card03_R_T_In .sub_data {color:#666; font-size:13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition:0.3s all; width: 100%; display: inline-block; line-height:1.4}
			    .card03_R_T_In a:hover .main_data {color:#3077c7}
			    .card03_R_T_In a:hover .sub_data {color:#b0b2bb}
			    
		 .card03_R_B_inner {height:102px}
		    .card03_R_B {width:300px; height:102px; border-radius:0 0 5px 5px; overflow:hidden;}
      	    .card03_R_B a {display:block; height:100%; background:url("/resource/img/card03_R_B_img01.png") no-repeat right top; transition:1s all;}
      	    .card03_R_B a:hover {background-position:left;}
      	    .card03_R_B a:hover .txtBox img {animation:blink 1.8s; animation-delay:1s}
      	    .card03_R_B .txtBox {padding:30px 0 0 25px}
      		.card03_R_B .txtBox strong {font-size:18px; color:#f2f2f2; font-weight: 400;}
      		.card03_R_B .txtBox p {font-size:14px; color:white; margin:8px 0}
      		.card03_R_B .txtBox p span {vertical-align:middle; margin:0 15px 0 0; font-weight: 300; display:inline-block} 
      	
      	.card03_Bg01 {position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%;  background:url("/resource/img/bg3.jpg") center no-repeat; background-size:cover;}
        .card03_Bg02 {position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background:url("/resource/img/bg3_trans.png") repeat;}
      
        .card03_A .left_arrow {font-size:80px;  color:#abb2b0; color:rgba(0,0,0,0.3); display:none; position:absolute; top:50%; left:0; margin:-56px 0 0 -150px; transition:0.3s all;}
	    .card03_A .left_arrow:hover {color:black; color:rgba(0,0,0,1); }
	    .card03_A .right_arrow {font-size: 80px; color: #abb2b0; color:rgba(0,0,0,0.3); display:none; position: absolute; top: 50%; right: 0; margin: -56px -150px 0 0; transition:0.3s all}
	    .card03_A .right_arrow:hover {color:black; color:rgba(0,0,0,1);}
	    .card03_A .left_arrow strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
	    .card03_A .right_arrow strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
        
        
        .videoSubtitle {padding: 10px; line-height: 25px; height: 300px; overflow-y: scroll; background-color: #f0f0f0;}  
     /* EOD : card03 */
       	 
       	 
     .lookBox {position:relative; overflow:hidden}  
     .lookBox:after {display:none; content:"자세히보기 +"; position:absolute; top:50%; left:50%; width:114px; height:32px; line-height:32px; border:3px solid white; z-index:3;     margin: -19px 0 0 -60px;
    				  text-align: center; cursor:pointer; color: white; font-size: 14px; font-weight: 300;}
     .lookBox:before {display:none; cursor:pointer; content:""; position:absolute; top:0; bottom:0; left:0; width:100%; z-index:2; background:url("/resource/img/look_Box_bg.png") repeat}
	 .lookBox:hover:after , .lookBox:hover:before {display:block}
	 
     .lookBox.scale img {transition:0.5s all; height:100%;}
     .lookBox.scale:hover img {transform:scale(1.1)}
	 
	 .M_cN {position:absolute; margin:4px 0px 0px -20px; z-index:2;} 
     .M_content_N {position:absolute; top:630px; left:50%; margin-left:-47px; z-index:2;} 	 
     .M_content_N ul li {float:left; margin:0 6px}
     .M_content_N .navi_circle {width:11px; height:11px; border-radius:10px; background-color:#606362; display:inline-block; transition:0.3s all}
     .M_content_N .navi_txt {display:none}
     .M_content_N ul li a {color:black; font-size:16px;}
     .M_content_N ul li.on .navi_txt {display:inline-block; width:68px} 
     .M_content_N ul li.on .navi_circle {width:43px; background-color:black; margin:0 6px 0 0}
     .M_content_N ul li .navi_circle:hover {background-color:black; animation:pulse1 1s}
     .M_content_N ul li.on .navi_circle:hover {animation:none}     
     .M_content_N ul li.second .navi_circle {animation:pulse1 1.5s infinite;}
     
     .M_contentLayout.page02 .M_content_N .navi_circle {background-color:#a4a5a4}
     .M_contentLayout.page02 .M_content_N ul li.on .navi_txt  {color:black} 
     .M_contentLayout.page02 .M_content_N ul li.on .navi_circle {background-color:black}
     .M_contentLayout.page02 .M_content_N ul li .navi_circle:hover {background-color:white; animation:pulse2 1s}
     .M_contentLayout.page02 .M_content_N ul li.on .navi_circle:hover {animation:none}
     .M_contentLayout.page02 .M_content_N ul li.thrid .navi_circle {animation:pulse2 1.5s infinite;}
     
     .M_contentLayout.page03 .M_content_N .navi_circle {background-color:#585858}
     .M_contentLayout.page03 .M_content_N ul li.on .navi_txt {color:white}
     .M_contentLayout.page03 .M_content_N ul li.on .navi_circle {background-color:white} 
     .M_contentLayout.page03 .M_content_N ul li .navi_circle:hover {background-color:black; animation:pulse1 1s}
     .M_contentLayout.page03 .M_content_N ul li.on .navi_circle:hover {animation:none}
     .M_contentLayout.page03 .M_content_N ul li.second .navi_circle {animation:none}
     .M_contentLayout.page03 .M_content_N ul li.second:hover .navi_circle {animation:pulse1 1s}
      
     .M_content_B {position:relative; z-index:3; margin:75px 0 0; overflow:hidden; background-color:white; border-radius:5px; padding:10px 0; transition:0.5s}
     .M_content_B:hover {box-shadow: 0px 0px 15px rgba(72, 72, 72, 0.3);}
     	.M_content_B_L {width:360px; padding:0 30px 3px 20px; float:left; position:relative}
     	.M_content_B_L:after {content:""; position:absolute; top:0; right:0; bottom:0; border-right:1px dotted #d5d5d5}
     	.M_content_B_L p {color:#666666; font-size:13px; margin:10px 0; line-height: 1;}
     	.M_content_B_L ul {display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 24px;}
     	.M_content_B_L ul li {float:left; margin:0 7px 0 0}
     	.M_content_B_L ul li a {color:black; font-size:16px; transition:0.3s all; position:relative; display:inline-block; padding:0 0 2px 0}
     	.M_content_B_L ul li a:hover {color:#3077c7}
     	.M_content_B_L ul li a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#3077c7;}
        .M_content_B_L ul li a:hover:after {width:100%; left:0}
        .M_content_B_L ul li a:before {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;  background:#2386ab;}
        .M_content_B_L ul li a:hover:before {width:100%; left:0}
     	
     	.M_content_B_R {width:740px; padding:0 30px 3px 20px; float:left;}
     	.M_content_B_R p {color:#666666; font-size:13px; margin:10px 0; line-height: 1;}
     	.M_content_B_R ul {display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 24px;}
     	.M_content_B_R ul li {float:left; margin:0 7px 0 0}
     	.M_content_B_R ul li a {color:black; font-size:16px; transition:0.3s all; position:relative; display:inline-block; padding:0 0 2px 0}
     	.M_content_B_R ul li a:hover {color:#295bcc} 
   	    .M_content_B_R ul li a:after {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#3077c7;}
        .M_content_B_R ul li a:hover:after {width:100%; left:0}
        .M_content_B_R ul li a:before {content:""; position:absolute; right:0; bottom:0; width:0; height:1px; transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;  background:#2386ab;}
        .M_content_B_R ul li a:hover:before {width:100%; left:0}
          	
     .M_contentLayout.page02 .M_content_B {background-color:#325a56}
     .M_contentLayout.page02 .M_content_B_L p , .M_contentLayout.page02 .M_content_B_R p {color:#99a8a7}
     .M_contentLayout.page02 .M_content_B_L ul li a , .M_contentLayout.page02 .M_content_B_R ul li a {color:white}
     .M_contentLayout.page02 .M_content_B_L:after {border-right: 1px dotted #376d54;}
     .M_contentLayout.page02 .M_content_B_L ul li a:hover , .M_contentLayout.page02 .M_content_B_R ul li a:hover {color:#ffce1d} 
     .M_contentLayout.page02 .M_content_B_L ul li a:after , .M_contentLayout.page02 .M_content_B_R ul li a:after {background:#ffce1d;}
     .M_contentLayout.page02 .M_content_B_L ul li a:before , .M_contentLayout.page02 .M_content_B_R ul li a:before {background:#049687;}

     .M_contentLayout.page03 .M_content_B {background-color:#b0b2bb}
     .M_contentLayout.page03 .M_content_B_L p , .M_contentLayout.page03 .M_content_B_R p {color:#eee}
     .M_contentLayout.page03 .M_content_B_L ul li a , .M_contentLayout.page03 .M_content_B_R ul li a {color:white}
     .M_contentLayout.page03 .M_content_B_L:after {border-right: 1px dotted #8c8f9b;}
     .M_contentLayout.page03 .M_content_B_L ul li a:hover , .M_contentLayout.page03 .M_content_B_R ul li a:hover {color:#2a2d42} 
     .M_contentLayout.page03 .M_content_B_L ul li a:after , .M_contentLayout.page03 .M_content_B_R ul li a:after {background:#2a2d42;}
     .M_contentLayout.page03 .M_content_B_L ul li a:before , .M_contentLayout.page03 .M_content_B_R ul li a:before {background:#eee;}
     	 
/* main 2020.11.16 메인 리뉴얼 */
/*메인 배너*/
.visualSd {position:relative;}
	.visualSdIn {max-width:2000px; margin:0 auto; overflow:hidden;}
		.visualBnrControl {max-width:1200px; margin:0 auto;}
		.visualBnrControlIn {position:absolute; bottom:60px; z-index:10;}
			.visualStopBtn {position:absolute;top:3px;}
			.visualPlayBtn {display:none;position:absolute;top:3px;}
			.visualPrevBtn {margin-left:23px;}
			.sdArrowCount {display:inline-block;}
			.slideCounter {margin:0 10px; font-size: 16px; color: #777;}
			.slideCounter span {color:#000;text-shadow: 0px 0px 5px rgba(225,225,225,0.5);}

/*다이렉트 링크*/
.directLinkCont {height:149px; box-shadow:0px -3px 15px 10px rgba(0,0,0,0.06);}
.directLinkCont h2 {display:none;} 
	.directLink {float:left;}
	.directLink:after {content:''; display:block; clear:both;}
	.directLink li {float:left; position:relative; width: 150px; text-align:center;}
	.directLink li:before {content:''; position:absolute; top:36px; left:0; width:1px; height:80px; background:url('/resource/img/ic_directBg.png') no-repeat; }
	.directLink li:first-child {margin-left:-50px;}
	.directLink li:first-child:before {display:none;}
	.directLink li.ic_direct1 {}
	.directLink li.ic_direct2 {}
	.directLink li.ic_direct3 p {margin:13px 0 0 0;}
	.directLink li.ic_direct4 p {margin:10px 0 0 0;}
	.directLink li.ic_direct5 p {margin:9px 0 0 0;}
	.directLink li.ic_direct6 p {margin:10px 0 0 0;}
	.directLink li.ic_direct7 p {}
	.directLink li a {position:relative; display:block; height:110px; padding: 42px 0 0 0;}
	.directLink li a:before {content:''; position:absolute; width:0px; height:0px; background-color:#d1e8e8; border-radius:50%; top:40%; left:50%; transform: translate(-50%, -50%); transition:0.3s all ease;opacity:0.7;}
	.directLink li a:hover:before {width:60px; height:60px;}
	.directLink li a:after {content:''; position:absolute; width:0px; height:0px; background-color:#3f9f9f; border-radius:50%; top:27%; left:65%; transform: translate(-50%, -50%); transition:0.3s all ease;transition-delay: 0.2s;opacity:0.3;}
	.directLink li a:hover:after {width:25px; height:25px; z-index:-1;}
	
	.directLink li.ic_direct1 img {top:-2px;}
	.directLink li.ic_direct2 img {top:-3px;}
	.directLink li.ic_direct3 img {top:2px;}
	.directLink li.ic_direct5 img {top:2px;}
	.directLink li.ic_direct7 img {top:-2px;}
	.directLink li.ic_direct1 a:after {}
	.directLink li.ic_direct2 a:after {top: 50%;left: 69%;}
	.directLink li.ic_direct3 a:after {left: 29%;top: 33%;}
	.directLink li.ic_direct4 a:after {left: 30%;top: 50%;}
	.directLink li.ic_direct5 a:after {}
	.directLink li.ic_direct6 a:after {left: 30%;top: 50%;}
	.directLink li.ic_direct7 a:after {left: 29%;top: 33%;}
	
	.directLink li a p {position:relative; margin:3px 0 0 0; font-size:16px; color:#555; transition:0.3s all ease;}
	.directLink li a:hover p {color:#074B42;}
	.directLink li a img {position:relative;z-index:1;}

		

/*통합예약*/
.reservationBox {position:absolute; top:-27px; right:0px; width:213px; height:176px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color:#F97D00; overflow:hidden; z-index:10;}  
    .reservationBoxIn  {position:relative; height:100%; padding:26px 0 0 24px; z-index:2;}
    .reservationBoxIn a {display:block;}    
        .textBox .txt01 {color:#FFDAB5; font-size:14px;}
        .textBox .txt02 {color:#fff; font-size:22px;}
        .mouseImg {position:absolute; right:23px; top:-10px;}
        .mouseImg2 {position: absolute; right:38px;top:77px;}
	.arrowMore {}
		.arrowMoreLink {position:absolute; left:25px; bottom:50px;}

            
.reservationBox:hover .mouseImg2 {animation: LeftRight 1.5s ease infinite; transform-origin: top;}
         
/*공지/알림존*/    
.noticeCont {height:280px; padding-top:120px; padding-bottom:110px;}     
	.noticeContWrap {position: relative; max-width: 1200px;height: 100%; margin: 0 auto;}
		.noticeTab {position:relative; float:left; width:846px;}
			.noticeTab:after {content:''; display:block;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgb(255 255 255) 35%, rgb(255 255 255) 100%);width: 50px; height: 30px; position: absolute;top: 0; right: 0;}
			.tabMenuWrap {position: relative;overflow: hidden; overflow-x: auto;}
			.tabMenuWrap .tabMenu {min-width: 600px;margin: 0;}
			.tabMenu {margin-bottom:13px; padding-bottom:22px;border-bottom: 2px solid #E6E6E6;}
			.tabMenu:after {content:''; display:block; clear:both;}
			.tabMenu > li {float:left;}
			.tabMenu > li:first-child {padding-left:0px;}
			.tabMenu > li > a {position:relative;display:block;}
			.tabMenu > li > a:before {content:''; position:absolute; top:5px; left:0px; width:1px; height:18px; background-color:#ebebeb;}
			.tabMenu > li > a:first-child:before {display:none;}
			.tabMenu > li > a:after {content:''; position:absolute; top:10px; left:11px; width:0%; height:10px; background-color:#8DFBFF;z-index:-1; transition:0.3s all ease; }
			
			.tabMenu > li:first-child > a:after {left:2px;}
			.tabMenu > li.on> a:after {width:80%;}
			.tabMenu > li:hover:first-child > a:after {width:82%;}
			.tabMenu > li > a { padding:0 15px;margin:0; font-size: 20px; font-weight:400; color: #A7A7A7;transition:0.3s all ease; background:url(/resource/img/ic_lineBg.png) no-repeat;background-position: 0% 5px;}
			.tabMenu > li:first-child > a {padding: 0 15px 0 0;background:none;}
			.tabMenu > li > a:hover {color:#000;}
			.tabMenu > li.on a {color:#000;}
			
			.tabContents {display:none;}
			.tabContents.show {display:block;}
			.tabContents > ul > li {position: relative;height: 48px;line-height: 48px;margin:0;border-top: 2px dotted #E1E1E1;}
			.tabContents > ul > li:first-child {margin-top:0px;border-top:none;}
			.tabContents > ul > li a {display:block;width: 80%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
			.tabContents > ul > li a:hover {color:#326AC9;}
			.tabContents > ul > li .tablistTag {position: absolute;top: 1px; display: inline-block; font-size:15px; color:#000;transition:0.3s all ease;}
			.tabContents > ul > li .tabtxt {margin: 0 0 0 65px; font-size:16px;transition:0.3s all ease;}
			.tabContents > ul > li .date {position:absolute; top:0; right:0; font-size:14px; color:#888;transition:0.3s all ease;}
			.tabContents > ul > li:hover .tablistTag, .tabContents > ul > li:hover .tabtxt, .tabContents > ul > li:hover .date, 
			.tabContents > ul > li:hover .tabtxt a {color:#326AC9;}
			
	.noticeCont .listMore {position:absolute; top:0px; right:0px;z-index: 1;}
	
/*알림존 슬라이드*/
.alertCont {position:absolute; top:0; right:0; width:284px;}	
.alertCont h2 {margin:0 0 22px 0; font-weight:500; font-size:20px; color:#000;}
	.alertSdCtrBox {position:relative;}
	.alertSdCtrBox #bxPager {display:none; position: absolute;top: -37px; right: 9px;z-index: 7;}	
	.alertSdCtrBox #bxPager ul li {float:left;}
	.alertSdCtrBox #bxPager ul li a {display: block; width: 8px;height: 8px;margin-right: 8px; border-radius: 50px;font-size: 0px;background-color: #000; opacity:0.6; transitoin:0.3s all ease;}
	.alertSdCtrBox #bxPager a.active {position: relative;top: -3px; opacity: 1; width: 8px;height: 8px;background-color: #fff;border: 3px solid #000;}
	.alertCont .bx-controls.bx-has-pager {position: absolute;top: -58px; right: 13px; width:100%; z-index: 7;}	
	.alertCont .bx-wrapper .bx-pager {text-align: right;}
	.alertCont .bx-controls.bx-has-pager a {position: relative;top: -2px;width:8px; height:8px;margin: 0 0 0 9px;}
	.alertCont .bx-controls.bx-has-pager a.active {top: 0px; opacity: 1; width: 8px;height: 8px;background-color: #fff;border: 3px solid #000;border-radius: 50px;}
	
	.alertSdControl {position: absolute;top: -45px;right: -2px;}
	.alertSdControl .bnrPlayBtn {display:none;}
	.alertSdControl .bnrPlayBtn img {width:12px;}
	.alertSdControl .bnrStopBtn img {position:relative; left:-2px;}
.alertContIn {}	
#alertSd {overflow: hidden;height: 230px;}
#alertSd li {}
#alertSd li a {display:block;}
.alertCont .bx-wrapper {background:none;border: 1px solid #E6E6E6;}
#alertSd li img {/*width: auto;*/max-width: none; height: 100%;max-height: 230px;text-align: center; margin: 0 auto;}
            
/*소식지 칼럼*/
.newsletterTab {display:none;}
.newsletter {position:relative; padding:65px 0; background-color: #F1F3F5;}
	.newsletterIn {margin: 0 -3%;}
	.newsletterIn li {position:relative; float: left; width: 27.3%;margin: 0 3%;background-color:rgba(251,251,251,0.8); transition:0.3s all ease;}
	.newsletterIn li:hover {background-color:rgba(251,251,251,1);box-shadow: 6px 15px 15px 0px rgba(0,0,0,0.16);}
		.newsletterCont {padding:30px;}
		.newsletterCont h2 {margin: 0 0 30px 0;font-weight: 500;font-size: 20px;color: #000;}
		.newsletterCont a {display:block;}
		.newsletterCont .newsBook {display: block; width:190px; height:260px; margin: 0 auto; box-shadow: 1px 3px 10px 2px rgba(0,0,0,0.16);transition:0.3s all ease;}
		.newsletterIn li.hv .newsBook {box-shadow: none;}
		.newsletterT {}
		.newsletterT p {margin:21px 0 0 0; line-height: 25px; text-align: center;}
		.newsletterT p a {display: block;width: 100%; height:50px; font-size: 17px;color: #666;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
		.newsletterT .br {display:block;}
		.newsletterIn li.hv .newsletterT p a {color:#326AC9;}
	.newsletterIn .listMore {position:absolute; top:30px; right:30px;}
	.newsletterIn .listMore img.off {display:none;}
	.newsletterIn .listMore .moreT {display:none;}
	
/*하단 서브 링크*/	
.subLink {}
	.subLinkIn {padding:72px 0 60px; overflow:hidden;}
	.subLinkIn li {position:relative; float:left; width:25%; text-align:center;}
	.subLinkIn li:before {content:''; position:absolute; top:-10px; left:0px; width:1px; height:80px; background: url(/resource/img/ic_directBg.png) no-repeat;}
	.subLinkIn li:first-child:before {display:none;}
	.subLinkIn li a {display:block;}
	.subLinkIn li img {}
	.subLinkIn li p {margin:10px 0 0 0; font-size:15px; color:#666; transition:0.3s all ease;}
	.subLinkIn li a:hover p {color:#326AC9;}
	.subLinkIn li.subLink1 img {}
	.subLinkIn li.subLink2 img {margin-top: 5px;}
	.subLinkIn li.subLink3 img {margin-top: 5px;}
	.subLinkIn li.subLink4 img {margin-top: 5px;}
	
            
/* animation */
@keyframes LeftRight {
    0% {transform:rotate(0);}
    20% {transform:rotate(5deg);}
    30% {transform:rotate(0);}
    40% {transform:rotate(-5deg);}
    50% {transform:rotate(0deg);}
    60% {transform:rotate(5deg);}
    70% {transform:rotate(0deg);}
    80% {transform:rotate(-5deg);}

    100% {transform:rotate(0);}
}

@keyframes shine {
	100% {
		left: 125%;
	}
} 


@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  25% {
    -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -2deg);
    transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -2deg);
  }

  50% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes pulse1 {
  0% {
    box-shadow: 0 0 0 0 rgba(0,0,0,0.4);
  }
  70% {
      box-shadow: 0 0 0 7px rgba(0,0,0,0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

@keyframes pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
  }
  70% {
      box-shadow: 0 0 0 7px rgba(255,255,255,0);
  }
  100% {
      box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}

@keyframes pulsate {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
}


@keyframes blink {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.2; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0.2; }
  100% {
    opacity: 1; } 
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@keyframes flipInY {
  from {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2);
    transform: perspective(400px) rotateY(90deg) scale3d(1.2, 1.2, 1.2); }
  50% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(-20deg) scale3d(1, 1, 1); }
  to {
    -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
    transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1); } 
}

@keyframes bo2 { 
  0% { transform: translateY(-2px)  }
  50% { transform: translateY(4px) }
  100% { transform: translateY(-2px) }
}

@keyframes bo3 { 
  0% { transform: translateY(2px)  }
  50% { transform: translateY(-4px) }
  100% { transform: translateY(2px) }
}


@keyframes cI1 {
  0% {
    width: 0px;
    height: 0px;
    
  }
  
  50% {
    width: 66px;
    height: 66px;
    opacity:1;
  }
  
  100% {
    width: 66px;
    height: 66px;
    opacity:1;
  }
}

@keyframes cI2 {
  0% {
    width: 0px;
    height: 0px;
  }
  
  75% {
    width: 40px;
    height: 40px;
    opacity:1;
  }
  
  100% {
    width: 40px;
    height: 40px;
    opacity:1;
  }
}		   


/* 硫붿씤 �럹�씠吏� 1�쓽 諛곌꼍 �븷�땲硫붿씠�뀡 �슚怨� */

@keyframes c1A1 {
	0% {transform: skewX(0deg); } 	10% {transform: skewX(10deg); } 
	20% {transform: skewX(0deg); }	30% {transform: skewX(5deg); }
	45% {transform: skewX(0deg); } 60% {transform: skewX(10deg); } 
	70% {transform: skewX(0deg); } 80% {transform: skewX(5deg); } 
	100% {transform: skewX(0deg); }
}
@keyframes c1A2 {
	0% {transform: skewY(0deg); }	30% {transform: skewY(-8deg);}
	50% {transform: skewY(0deg); } 60% {transform: skewY(-3deg);} 
	70% {transform: skewY(0deg); } 80% {transform: skewY(-8deg);} 
	100% {transform: skewY(0deg); }
}
@keyframes c1K1 {
	0% {transform: rotate(-10deg);}
	20% {transform: rotate(-20deg);}
	30% {transform: rotate(20deg);}
	40% {transform: rotate(0deg);}
	70% {transform: rotate(160deg);}
	90% {transform: rotate(60deg);}
	100% {transform: rotate(-10deg);}
}
@keyframes c1K1_1 {
	0% {transform: translateX(0px);}
	20% {transform: translateX(-20px) translateY(10px);;}
	30% {transform: translateX(-20px) translateY(20px);;}
	40% {transform: translateX(-25px) translateY(20px);;}
	70% {transform: translateX(20px) translateY(-20px);}
	90% {transform: translateX(10px) translateY(-10px);}
	100% {transform: translateX(0) translateY(0px);}
}
@keyframes c1K1_2 {
	0% {transform: rotateY(0deg);}
	40% {transform: rotateY(45deg);}
	100% {transform: rotateY(0deg);}
}

@keyframes c1K2_1 {
	0% {transform: scaleX(1);}
	40% {transform: scaleX(0);}
	100% {transform: scaleX(1);}
}
@keyframes c1K2_2 {
	0% {transform: rotate(-10deg);}
	15% {transform: rotate(50deg);}
	20% {transform: rotate(20deg);}
	40% {transform: rotate(50deg);}
	60% {transform: rotate(160deg);}
	80% {transform: rotate(-70deg);}
	100% {transform: rotate(-10deg);}
}
@keyframes c1K2_3 {
	0% {transform: translateX(0px);}
	15% {transform: translateX(50px) translateY(-50px);;}
	30% {transform: translateX(80px) translateY(-30px);;}
	50% {transform: translateX(120px) translateY(-40px);;}
	70% {transform: translateX(160px) translateY(-20px);}
	90% {transform: translateX(30px) translateY(10px);}
	100% {transform: translateX(0) translateY(0px);}
}


.menu_Bg {display:none; z-index:11; position: fixed; top: 0; left: 0; right: 0; bottom: 0;  background: url(/resource/module_img/trans.png);} 
.popupCBoxIn {padding:22px; }
.popupHight .popupCBoxIn {overflow-y:auto;}

/* footer */

.footerLayout {position:relative; z-index:10; min-height:auto; background-color:white; border-top:1px solid #e1e1e1;}
  .footerTBox {height: 41px; line-height: 41px; border-bottom:1px solid #e1e1e1;}
  .footerTBoxIn {max-width:1200px; margin:0 auto;}
  .footerTBoxIn ul {display:inline-block;width: 100%; position:relative}
  .footerTBoxIn ul li {float:left; position:relative; width:25%}
  .footerTBoxIn legend {line-height:1}
  
  .footerTRBox {float:right;position: relative; padding: 0 20px;}
      .bannerBox {max-width:528px; margin-top:7px; position: static;}
      .bannerBox ul li a {display:block; height:41px; border-radius:3px;  border:1px solid #e2e2e2;}
      .bannerBox img {vertical-align:top; border-radius:3px}
    
   
  .footerBBox {background-color:#eee; line-height:1; padding:17px 0}
    .footerBBoxIn {max-width:1200px; margin:0 auto; position:relative;}
    .footerTBoxIn select {border:0; height:30px; padding:5px 0; line-height:1.5; margin:0 11px; min-width:219px; background:#fff;}
    .footerTBoxIn button {background-color:#f0f0f0; color:#333; font-size:13px; width:50px; height:33px; line-height:33px; border:1px solid #f0f0f0; transition:0.3s all; position:absolute; top:4px; right:4px} 
    .footerTBoxIn button:hover {background-color:white; color: #3077c7;}	
    	
      .footerBLBox {position:absolute; top:0; left:0;}
 
      .footerBRBox {padding:0 0 0 220px}
         .footer_link {display:inline-block; width:100%; margin:0 0 20px 0}
      	 .footer_link ul li {float:left; margin:0 10px; position:relative;}
      	 .footer_link ul li:first-child {margin-left:0}
      	 .footer_link ul li:after {content:"ㆍ"; position:absolute; top:50%; left:-17px; margin:-6px 0 0 0}
      	 .footer_link ul li:first-child:after {display:none}  
      	 .footer_link ul li a {color:black; font-size:13px;}
      	 .footer_link ul li.blue a {color:#3365e5}
      	 
      	 .footer_address {color:#555;}
      	 .footer_address p {line-height:1.4; margin:0 0 10px; font-size:12px;}
		 .footer_address small {font-size:10px}
		 .webAwardIcon{position:absolute; right:0; top:0;}
		 .waIcon{position:absolute; right:80px; top:0;}
		 .governIcon {position:absolute; right:80px; top:0;}
		 .MoblieWebAwar{display:none;}
		 .MoblieWaIcon {display:none;}
		 .MobliegovernIcon {display:none;}

/* EOD : footer */


/* board */

.img_sliderBox {background-color:#eff7ec; margin:30px 0; width:100%; display:inline-block; position:relative}
.img_sliderBoxIn {padding:20px; max-width:1000px; position:static}
.img_sliderBox ul {display:inline-block; width:100%}
.img_sliderBox ul li {float:left}
.img_sliderBox ul li a {display:block}
.img_sliderBox ul li a:hover p {font-weight:400; color:#333}
.img_sliderBox ul li a:hover img {box-shadow: 1px 1px 35px rgba(54, 57, 53, 0.5);}
.img_sliderBox ul li a p {color:#717171; font-size:16px; margin:15px 0; text-align:center; font-weight:300; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;}

.wvNextBox span {color:#5b6158}
.wvNextBox span:before {text-shadow:0 0 0 transparent}
.wvNextBox .prevBu {left:16px}
.wvNextBox .nextBu {right:16px}
.wvNextBox .prevBu:hover span , .wvNextBox .nextBu:hover span {color:#3077c7}

.board_name {font-size: 22px;  color: #000;  margin: 0 0 20px 0;  line-height: 1;  font-weight: 300;}
.boardS {display:table}
  .boardL { display:table-cell; width:180px; padding:0 20px 0 0; vertical-align:top; }
  .boardR { display:table-cell; width:1032px; vertical-align:top;}

.L_ImgBox {text-align:center}
.L_ImgBox .imgContainer {margin-top:0}
.L_ImgBox .imgContainer img {max-width:100%}
.L_ImgBox > p {color:#333; font-size:16px; margin: 25px 0 10px;}
.L_ImgBox > span {color:#717171; font-size:12px;  font-weight: 300;}
.L_ImgBox > span strong {color:black; font-size:14px; font-weight: 400;}
.L_ImgBox > button {color:white; width:100%; min-height:34px; background-color:#33a0f3; margin-top:20px; border: 1px solid #33a0f3;}
.L_ImgBox > button:hover {background-color:white; color:#33a0f3}
.L_ImgBox > button img {margin:-2px 10px 0 0}



/* Text */

.mt0 {margin-top:0}
.mb0 {margin-bottom:0}
.mt20 {margin-top:20px !important;}
.mb20 {margin-bottom:20px !important;}
/* Text */



/* radio & checkbox */

.inputList {display:inline-block; vertical-align:middle;}
.inputList li {float:left; position:relative; margin:0 30px 0 0}

.inputList input[type="radio"] { width:13px; height:13px; border:none; padding:0; }
.inputList input[type="radio"]:not(old) {margin:0; padding:0; background:url("/resource/img/sectionF_radio.png") left top no-repeat; }
.inputList input[type="radio"]:not(old) + label {padding-left:5px; cursor:pointer;  vertical-align: middle; color:#8a8a8a}
.inputList input[type="radio"]:not(old) + label span {display:inline-block; width:16px; height:16px; background:url("/resource/img/sectionF_radio.png") left top no-repeat; cursor:pointer;     position: absolute;
    left:-1px; top:4px;}
.inputList input[type="radio"]:not(old):checked + label span {background:url("/resource/img/sectionF_radio_on.png") left top no-repeat;}


/* button */

.buttonBox {padding:20px 0 40px 0}
.bu_d_blue {background-color:#3077c7; border:1px solid #3077c7; color:white; text-align:center; min-height:34px; line-height:34px; min-width:178px; transition:0.3s all; display:inline-block}
.bu_d_blue:hover {background-color:white; color:#3077c7;}
.bu_d_red {background-color:#cf0000; border:1px solid #cf0000; color:white; text-align:center; min-height:34px; line-height:34px; min-width:178px; transition:0.3s all; display:inline-block}
.bu_d_red:hover {background-color:white; color:#cf0000;}
.bu_d_white {background-color:White; border:1px solid #3077c7; color:#3077c7; text-align:center; min-height:34px; line-height:34px; min-width:178px; transition:0.3s all; display:inline-block}
.bu_d_white:hover {background-color:#3077c7; border:1px solid #3077c7; color:white}
.bu_bluePop {background-color:#3077c7; border:1px solid #3077c7; color:white; text-align:center; min-height:34px; line-height:34px; min-width:178px; transition:0.3s all;}
.bu_bluePop:hover {background-color:white; color:#3077c7;}

.buttonBox ul li {margin:0 0 0 5px}
.buttonBox ul li:first-child {margin:0}

/* search */

.searchBox {margin:20px 0; background-color:#f8f8f8; border:0; padding:13px 10px}
.searchBox .formGroup {padding:0; letter-spacing: -3px;} 
.searchBox .formGroup label {background-color:#709ce3; color:white}
.searchBox select  {margin:0 3px; min-width:147px; height:37px; line-height:37px; color:#333; padding:0 0 0 12px; border:1px solid #c7c7c7; cursor:pointer}
.searchBox input[type="text"] {margin:0 0 0 3px; min-width:488px; height: 35px; line-height: 35px; border:1px solid #c7c7c7}
.searchCenter .searchBu {background-color:#000; border:1px solid #000; border-radius:0; line-height:35px; min-width: 84px; padding: 0; color:white; vertical-align:middle; letter-spacing:0;}
.searchBox .searchBu:hover {background-color:white; color:#000}

/* tab */

.tabBoxSubBox02 {line-height: 1; margin-bottom: 25px;} 
  .tabBox_sub02 {/* display:inline-block; width:100% */ overflow:hidden; margin:20px 0 0 0;}
  .tabBox_sub02 ul li {height:35px}
  .tabBox_sub02 ul li a {border:1px solid #dcdcdc; background-color:#f7f7f7; color:#333; font-size:14px; font-weight: 500; transition:0.3s all}
  .tabBox_sub02 ul li.on a , .tabBox_sub02 ul li a:hover {border: 1px solid #3077c7; background:#3077c7; color:White}



/* table */

.tableTopBox {margin-top:20px; /* overflow:hidden; */ display:inline-block; width:100%; }
.tableTopBoxL {font-size:14px; color:#000}
.tableTopBoxL .txt_m_red {color:#f62a09}
.tableTopBoxL .icon-k-next {color:#3077c7; font-size:16px; font-weight:600;}
.tableTopBoxL .txt_black {color:black; font-size:20px}

.table_normal {margin-bottom:40px; border-top:2px solid #000; border-bottom: 1px solid #d7d7d7;}
.table_normal thead tr th {background-color:#fafafa; border-left:1px solid #d7d7d7; font-weight:400; padding:10px 0}
.table_normal thead tr th:first-child {border-left:0}
.table_normal thead tr td {padding: 10px; text-align:center}
.table_normal tbody tr td {padding: 10px; border-left:1px solid #d7d7d7; color:#717171}
.table_normal tbody tr td:first-child {border-left:0}
.table_normal tbody tr td strong {color:#333; font-weight: 500;}
.table_normal tbody tr td p {margin:5px 0 0}
.table_normal tbody tr.notice a {color:#000}
.table_normal tbody a:hover {color:#0e62c1}
.table_normal .bl { border-left:1px solid #d7d7d7 !important; }
.table_normal .bl0 { border-left:none !important; }
.table_normal .br { border-right:1px solid #d7d7d7 !important; }
.table_normal .br0 { border-right:none !important; }
.table_normal tfoot tr td { padding: 10px; background-color:#fafafa;border-top:2px solid #000; border-left:1px solid #d7d7d7; font-weight:400; font-weight:bold; color:#000;}
.table_normal tfoot tr td:first-child {border-left:0}

.replyBox {background-color:#f1f5f9}
.replyBox .table_view tr th {background-color:#eee}
.reply_icon {color:#ffa438; font-size:13px; border:1px solid #ffa438; width:38px; height:21px; line-height:21px; display:inline-block; text-align: center; margin: 0 3px 0 0;}


.table_view tr th {padding:12px 15px; font-size:14px;}
.table_view tr td {padding:12px 15px; color: #717171; font-size:14px;}
.table_view .viewBox {color:#717171; overflow:auto;}
.table_view .viewBox p {line-height:2}

.table_view tr td select , .table_view tr td input  {margin:3px; min-width: 147px; height: 30px; line-height: 30px; color: #333; padding: 0 0 0 12px;  border: 1px solid #c7c7c7; cursor: pointer;}
.table_view tr td input[type="text"] {min-width: 300px; }

.table_scroll {overflow:auto; margin-bottom:20px}
.table_scroll .table_normal {margin-bottom:0}

.img_board {display:inline-block; width: 100%; padding:18px 0 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7}
.img_board > ul {display:inline-block; width:100%;}
.img_board > ul > li {float:left; width:48%; position:relative; margin:0 2% 30px 0; min-height:530px;}
.img_board > ul > li:after {content:""; height:100%; display:table-cell}
.img_board > ul > li.second {margin:0 0 30px 2%}

.img_boardS {display:inline-block; width:100%;}
	.img_boardL {float:left; width:272px;}
	.img_boardL a {display:block; height:197px}
	/* .img_boardL a img {max-width:100%} */
	
 .img_boardS .copyright {display:inline-block; width:582px; min-height:82px; margin:15px 0 0 0; padding:0}
  {padding:12px 20px; background-color:#f8f8f8; position:relative; display:table}

	.img_boardR {float:right; width:288px; height:197px; position: relative;}
	.img_boardR a {font-size:20px; word-break: break-all; margin:0 0 0; height:65px; width: 100%; color:#000; display:inline-block; }
	.img_boardR .img_subName02 {font-size:18px;}
	.img_board.type02 .img_boardR {height:400px}	 
		 
	  .img_date {font-size:14px; margin:40px 0 0 0}
	  .img_date.type02 { margin:15px 0 ; }	
	  .img_date.type02 + .img_boardB { position:static; bottom:inherit; left:inherit; right:inherit; }
	  .img_date li {margin:0 0 5px}
	  .img_date .img_dateType {color:#717171; vertical-align:middle}
	  .img_date .img_dateType:after {content:":"; margin:0 0 0 5px}
	  .img_date .img_dateVar {color:black; vertical-align:middle; margin:0 0 0 10px}
	  
	  .img_boardB {position:absolute; bottom:0; left:0; right:9px}
	  .img_boardB ul li {float:left; width:50%}
	  .img_boardB .icon {margin:0 5px 2px 0}
	  
	 .ebookMoblieHeight  .img_boardL a{border:1px solid #d7d7d7;}
	  .img_boardL .bu_blue {background-color:#004f8c; border:1px solid #004f8c; min-height:34px; font-size:16px; color:white; width:100%; font-weight: 300; position:relative; transition:0.3s all; margin:10px 0 0 0;}
	  .img_boardL .bu_blue:hover {background-color:white; color:#004f8c;}
	  .img_boardL .bu_blue img { margin:0 5px 2px 0; }
	  .img_boardL .bu_blue > .icon-search {margin:0 5px 0 0}
	  
	  .img_boardB .bu_blue {background-color:#004f8c; min-height:34px; border:1px solid #004f8c; font-size:16px; color:white; width:100%; font-weight: 300; position:relative; transition:0.3s all}
	  .img_boardB .bu_blue:hover {background-color:white; color:#004f8c; }
	  
	  .img_boardB .bu_green {background-color:#347d00; border:1px solid #347d00; min-height:34px; font-size:16px; color:White; width:100%; font-weight: 300; position:relative; transition:0.3s all}
	  .img_boardB .bu_green:hover {color:#347d00; background-color:white;}
	  .img_boardB.type02 ul li {width:100%}		

.img_board.type03 {  }

		.img_boardB.eBook { position:static; top:inherit; bottom:inherit; left:inherit; right:inherit; overflow:hidden; }
		.img_boardB.eBook button { letter-spacing:-0.5px; }
		.img_boardB.eBook .bu_green { margin:10px 0 0 0; }
		.img_boardB.eBook ul li .eBookBoxIn { margin:0 0 0 2px; }
		.img_boardB.eBook ul li:first-child .eBookBoxIn { margin:0 2px 0 0; }
		.img_boardB.eBook .bu_blue:after { display:none; }
		.img_boardB.eBook .bu_blue:hover:before { display:none; }

/* page */

.pagination {margin:25px 0}
.pagination span {padding:0; color: #999;}
.pagination a.on span  {border:0}
.pagination a:hover span , .pagination a.on span {background-color:#000; border:1px solid #000; color:white; }


/* Copyright */

.copyright {padding:15px 30px; display:table}
   .copyright img {margin:0 17px 0 0}
   .copyright span {font-size:14px; color:#8a8a8a; vertical-align: middle; font-weight:400; display:table-cell}
   .copyright a {font-size:14px; color:#f25c05; font-weight:400}
 	  

/* input size */

.input_size50 {width:50px;}
.input_size70 {width:70px;}
.input_size80 {width:80px;}
.input_size100 {width:100px;}
.input_size120 {width:120px;}
.input_size150 {width:150px;}
.input_size200 {width:200px;}
.input_size250 {width:250px;}
.input_size300 {width:300px;}
.input_size400 {width:400px;}
.input_size500 {width:500px;}


.docBox {max-width:800px; margin:0 auto; padding:10px;}
	.docLine {font-size:0px; height:1px; overflow:hidden; border-bottom:1px solid #ccc; margin:30px 0px;}
	




.asideRight ul li a img.asideRightInfo {margin-bottom:5px;}
/* asterisk */

.asterisk:before {content:"*"; position:relative; margin-right:5px; top:3px; color:#4693fe}

@media all and (max-width:680px){
	.totalSelBox .totalSelBoxIn button{right:7px;}
}
@media all and (min-width:640px) and (max-width:1530px){

   .card01_A , .card02_A , .card03_A {display:none}
	
	/*소식지 칼럼*/
	.newsletterIn {margin:0;}
}
	
	
@media all and (min-width:640px) and (max-width:1220px){
	.M_cN {display:none;} 
	/* .topPopLayer01 { display:none !important; } */
	.topPopLayer02 { display:none !important; }
	
   .topLayout {position:fixed; width:100%; height:auto;}  
   .topBuBox {display:none}
   .topMenuBox {height:65px; line-height:65px}
     .topMenuL {left:16px}
     .topMenuL img {width:auto}
     .subMenuBox {top: 120px;}
     .searchAllBox {top:71px; height:190px}
     	.total_searchBox {margin:30px auto 15px}
     	.totalSelBox { padding:29px 16px 0 16px; }
     	.total_close {display:none}
     	
   .menuAllBox.on {top:0 !important}  	
  
     
   /* mobile menu */ 
	
	 .menuAllBox {top:0 !important; box-shadow:none; display:block !important;}
	 .menuAllBoxIn:before {display:none}
	    .mobAll_title {background-color: white; height: 54px; line-height:1; color: black; text-indent:0}
	    .mobAll_title > ul > li {float:left;margin: 12px 0 0 5px;position:relative;}
        .mobAll_title > ul > li:first-child {margin: 7px 15px 0 11px;}
        .mobAll_title > ul > li:first-child:after {content: ""; width: 1px; height: 10px; background-color: #ccc;  top: 16px; right: -12px; display: inline-block; position: absolute;}
        .mobAll_title > ul > li a {font-size: 16px;color:#000;display:block;}
        .mobAll_title > ul > li:first-child a {color:#f25c05}
        .mobAll_title > ul > li span {vertical-align:middle;margin:7px 0 0 5px;display: inline-block;}
        .mobAll_title > ul > li:first-child span {margin: 8px 0 0 5px;}
                
	    .mobAll_list {padding:55px 0 0}
	    .mobAll_list > ul > li {width:100%; height:auto; border-bottom: 1px solid #ececec;}
	    .mobAll_list > ul > li .icon-k-down {display:block}
	    .mobAll_list > ul > li > a {text-align:left; text-indent:18px; background-color:white; border-left:0; line-height:48px; font-size: 17px;}
	    .mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e;}
	    .mobAll_list > ul > li > a span {right:19px}
	    
	    .mobAll_list .dep2 {margin-top:0; padding:0; background-color:#f6f6f6}
	    .mobAll_list .dep2 > li {padding:0 15px; border-bottom:0;}
	    .mobAll_list .dep2 > li > a {padding:0 3px !important; font-size: 14px; color: #8a8a8a; font-weight: 400; border-top: 1px dashed #d6d6d6;}
	    .mobAll_list .dep2 > li:first-child > a {border-top:0}
	    .mobAll_list .dep2 > li:hover {background-color:#f6f6f6 !important} 
	    /* .mobAll_list .dep2 > li:hover a {color:black !important} */
	    .mobAll_list .dep2 > li > a { width:100%; padding:0 18px !important; margin:0 0 0 -18px; transition:all 0.3s ease; }  
	    .mobAll_list .dep2 > li:hover > a { background:#3077c7 !important; color:#fff; }
	    
	    .mobAll_list .dep3 > li {margin:5px 0}

	    .mob_left_menu {display:block}	    
	   
	   	.mob_left_menu {overflow:auto; position:absolute; top:0; right:200px; z-index:-1; background-color:#f7f7f7; width:78px; height:100%; border-right:1px solid #d7d7d7; text-align:center; box-shadow:-10px 0 9px rgba(0,0,0,0.3);}
		.mob_left_menu a {color:white; display:block; height:100%}
		.mob_left_menu .first_link {background-color:#586c7c;}
		.mob_left_menu .first_link li {line-height:1; height:auto;}
		.mob_left_menu .first_link li:first-child {line-height:50px; height:50px; background-color:#98a1a8; }
		.mob_left_menu .first_link img {margin:0 0 0 3px; transition:0.2s ease-in-out;}
		.mob_left_menu .first_link li:first-child img {margin:0}
		.mob_left_menu .first_link p {font-size:11px; margin:0; line-height:1.2; padding-top:3px;}
		
		.mob_left_menu .first_link li a { padding:8px 0;  border-top:1px solid #98a1a8; transition:all 0.3s ease;}
		.mob_left_menu .first_link li:first-child a { padding:0; border-top:none; }
		.mob_left_menu .first_link li a:hover { background:#5293c1; }
		.mob_left_menu .first_link li:first-child a:hover { background:inherit; }
		.mob_left_menu .first_link li a:hover img { transform:scale(1.15); }
		
		.mob_left_menu .second_link {background-color:#d8e0e5; padding: 0 7px;}
		.mob_left_menu .second_link li {line-height:47px; height:54px; border-top:1px solid #becbd3}
		.mob_left_menu .second_link li a img { transition:0.2s ease-in-out; }
		.mob_left_menu .second_link li a:hover img { transform:scale(1.15); }
		.mob_left_menu .second_link li:first-child {border-top:0}
		
		.menuAllClose {font-size:17px; top:0; right:0}	
		.menuAllClose span {color:#3e3e3e; border-radius:50%; border:1px solid #3e3e3e; padding:3px;  top:19px; right:11px;}
		
	/* EOD : mobile menu */	
		
	
    .subMenu {display:none}
    .subAllMenu {top:45%; right:0px; margin:-6px 0 0;}
    .subAllMenu > ul > li {position:relative; margin:0 12px}
    .subAllMenu > ul > li:after {content:""; position:absolute; top:50%; right:-12px; display:inline-block; width:1px; height:10px; margin-top:-5px; background-color:#ccc}
    .subAllMenu > ul > li.totalReservation {display:block;}
    .subAllMenu > ul > li.bu_search:after {display:none;}      
    .topMenuR {margin:0; right:15px;}     
    .topMenuR > ul > li {display:none}
    .topMenuR > ul > li:first-child {display:block; margin:0; text-align:center}
    .topMenuR > ul > li:first-child:after {display:none}
   
  .topMenuR > ul > li:first-child span {font-size:15px; border:1px solid #f25c05; padding:5px; margin:5px 0 0 0;}
  .topMenuR > ul > li:first-child img {display:none;}
    .topMenuR > ul > li a {width:auto; height:auto; line-height:1}
    
    /* footer */
    
    .footerLayout {border-top:0}
    
    .footerTBox {height:82px}
    .footerTBoxIn ul:before {content:""; position:absolute; top:0; bottom:0; left:0; background-color:#e1e1e1; width:1px}
    .footerTBoxIn ul li {width:50%; border-top: 1px solid #e1e1e1}
    .footerTBoxIn ul li p {Padding:0 70px 0 0}
    .footerTBoxIn ul li form {border-right:1px solid #e1e1e1}
    .footerTBoxIn select {width:100%; background-color:white}
   
   	.footerBBoxIn {padding:0 21px}
    .footerBLBox {position:static;}
    .footerBRBox {padding:0}
    	.footer_link {margin:13px 4px}
    	.footer_link ul li {margin:2px 10px}
    	 .footer_address p {padding:0 4px} 	
    	.webAwardIcon{display:none;}
    	.waIcon{display:none;}
    	.governIcon {display:none;}
		 .MoblieWebAwar{display:inline-block; margin-left:12px;}
		  .MoblieWaIcon{display:inline-block; margin-left:12px;}
		  .MobliegovernIcon{display:inline-block; margin-left:12px;}
    /* main */
    
   .M_contentLayout {padding:65px 0px 0px; min-height: auto;}
      .M_contentLayoutIn {margin:24px 20px 0 20px;}
      
      	  /* card01 */
      	  
	     .card01_L {width:50%; margin:0; height:382px; overflow: hidden;}
		     .card01_L_Box {margin:0 7px 0 0}
		     .card01_L_T {width:100%; height:382px}
		     .card01_L_T .wvNumBox {top:3px; right:5px}
		     .card01_L_T .wvNumBox > a {width:8px; height:8px}
		     .card01_L_T .wvNumBox > a.on {width:30px}
		     .card01_L_T ul li a img {width:100%}
		     
	     .card01_C {width:50%; margin:0; height:382px}
		     .card01_C_T_Box {margin:0 0 0 7px}
		     .card01_C_T_inner {height:200px}
		     .card01_C_T {width:100%; height:190px; padding:0px 0px 10px;}
		     .card01_C_T .wvNumBox {top:4px; right:11px}
		     .card01_C_T ul li .imgBox {height:120px}
		     .card01_C_T ul li p {margin:5px 5% 0; font-size:13px; height:38px; overflow-y:hidden}
		    
		 .card01_C_B_Box {margin:11px 0 0 7px}    
		   .card01_C_B_inner {height:171px}
		     .card01_C_B {width:100%; height:171px;}
		     .card01_C_B_T {padding:13px 14px 0; height:103px}
		     .card01_C_B_T .tabBox_sub > ul > li {height:29px}
		     .card01_C_B_T .tabBox_sub > ul > li > a {font-size:14px; line-height:27px}
		     .tabBox_sub .tabBox_add {margin-top:-10px}
				.card01_C .tabBox_sub .tabBox_add a { display:inline-block; line-height:20px; width:20px; height:20px; background:#717171; color:#fff; position:relative; top:5px; }
				.card01_C .tabBox_sub .tabBox_add span.add_txt { display:none; }
			 .card01_C_B_T .card01_C_B_T_list  {height: 65px;}
		     .card01_C_B_T_list ul {margin:5px 0 0}
		     .card01_C_B_T_list ul li {margin:0 0 8px 0}
		     .card01_C_B_T_list ul li a {width:auto; display:block}
		     .card01_C_B_T_list ul li span {display:none}
		     .card01_C_B_B {height:57px}
		     .card01_C_B_B p {padding:0 20px; margin:6px 0}
		     .card01_C_B_B .sns_link {display:none}
		     .card01_C_B_B .txt_link {text-indent:20px}
		     .card01_C_B_B .txt_link li {width:50%; margin:0 !important}
		     .card01_C_B_B .txt_link li a {font-size:16px; line-height:1}
		     .tabBox_sub .tabBox_add .icon-k-next {right:-20px;}
	     
	     .card01_R {width:100%; height: 187px; margin: 11px 0;}
	        .card01_R_T_Box {width:50%; float:left;}
	     	.card01_R_T {width:100%; height:117px; display:inline-block;}
	     	  .card01_R_T_inner {height:187px}
	     	  .card01_R_T_T {padding:0; margin:0 7px 0 0; width:auto; height:117px; display:block}
	     	  .card01_R_T_T ul {display:inline-block; width:100%}
	     	  .card01_R_T_T ul li {width:25%}
	     	  .card01_R_T_T ul li a {border:0 !important}
	     	  .card01_R_T_T ul li p {padding:0 3px}
	     	  .card01_R_T_T ul li img {margin:20px 0 10px; width:50px }
	     	  .card01_R_T_B {width:auto; height:70px; display:block; margin:0 7px 0 0}
		      .card01_R_T_B img {width:38px} 
		  	  .card01_R_T_B a {padding:8px 0 11px}
		  	  
	  		.card01_R_B_Box {width:50%; float:right; margin:0} 
	  		.card01_R_B_inner {height:187px}
	  	  	.card01_R_B {width:100%; height:187px; float:right; overflow: hidden; margin: 0;}
	  		/* .card01_R_B ul {display:block; margin:0} */
	  		.card01_R_B ul li a {margin:0}
	  		.card01_R_B ul li img {width:100%}	  	
      	    
      	    
      	 /* EOD : card01 */   
      	
      	 /* card02 */ 
      	 
      	 
		.card02 {display:none}     
      	  .card02_L {width: 50%; margin:0;padding:0;height:auto;overflow: hidden;}
	    	 .card02_L_Box {margin: 0 7px 0 0;}
		    	 .card02_L_inner {height:401px}
			    	 .card02_L_T {width:100%}
			    	 .card02_L_T_T {line-height:45px; height:45px; margin:0 7px 0 0}
				     .card02_L_T_T p {font-size:16px}
				     .card02_L_T_T .wvNumBox {top:3px; right:5px}
				     .card02_L_T_T .wvNumBox > a {width:8px; height:8px}
				     .card02_L_T_T .wvNumBox > a.on {width:30px}
				     .card02_L_T_T ul li a img {width:100%}
				     
				     .card02_L_T_B {margin:0; padding:0; width:100%; height:356px;}
				     .card02_L_T_B p {font-size:16px}
				     .card02_L_T_B ul li {padding:50px 0}
				     .card02_L_T_B ul li a {padding:0 20px}
				     .card02_L_T_B ul li a .imgBox {height:134px}
				     .card02_L_T_B ul li a p {font-size:13px; margin:10px 0 20px}
				     .card02_L_T_B .wvNumBox {top:12px; right:18px}
				     .card02_L_T_B .wvNumBox > a {width:8px; height:8px}
				     .card02_L_T_B .wvNumBox > a.on {width:23px}
     
				     .card02_L_B {padding: 0 17px;height:356px; width: 100%;}
				     .card02_L_B ul li a .imgBox {height:134px}
				     .card02_L_B ul li a p {font-size:13px; margin:10px 0 20px}
				     .card02_L_B .wvNumBox {top:12px; right:18px}
				     .card02_L_B .wvNumBox > a {width:8px; height:8px}
				     .card02_L_B .wvNumBox > a.on {width:23px}
		    
	     .card02_C {width:50%; height:401px; margin:0}
	       .card02_C_T_Box {margin:0 0 0 7px}
	       .card02_C_T_inner {height:200px}
		     .card02_C_T {width:100%; height:200px; padding:0; margin:0}
		     .card02_C_T_T {line-height:45px; height:45px}      
		     .card02_C_T_T p {font-size:16px}
		     .card02_C_T_B ul li .imgBox {height:98px;}
		     .card02_C_T_B ul li p {font-size:14px}
		     .card02_C_T_B ul li span {font-size:13px}
	           
		   .card02_C_B_Box {margin:11px 0 0 7px}
		   .card02_C_B_inner {height:190px}      
		     .card02_C_B {width:100%; height:190px; margin:0;  overflow:hidden; display:block;}
		     .card02_C_B a {height:190px}
		     .card02_C_B a p {left:16px}
	     
	     .card02_R {width:100%; height:188px; margin:11px 0}
	        .card02_R_T_Box {float:left; width:50%;}
	         .card02_R_T_inner {height:188px}
		      .card02_R_T {width:auto; margin:0 7px 0 0; height:188px; position: relative;}
	     	    .card02_R_T_T {display:block; height:187px; border-radius:5px}
	     	    .card02_R_T_T ul {display:inline-block; width:100%}
	     	    .card02_R_T_T ul li {width:25%}
	     	    .card02_R_T_T ul li p {padding:0 3px}
	     	    .card02_R_T_T ul li img {margin:20px 0 10px; width:50px}
	     	    .card02_R_T_TBox .wvNumBox {bottom:15px; left:16px;}
	     	    .card02_R_T_TBox .txtBox {width:90px; margin:12px 0 0}
	     	    .card02_R_T_TBox > p {font-size:16px; line-height:1; height:auto; margin:20px 0 0}
	     	    .card02_R_T_TBox .imgBox {width:104px; height:150px}
	     	    .card02_R_T_B {position:absolute; top:0; right:18px; width:auto; border-radius:0 }
	     	    .card02_R_T_B ul li {float:none; width:auto}
	     	    .card02_R_T_B ul li:first-child:after {border-left:0; border-bottom:1px dashed #6abd97; top:auto; left:0}
	     	    .card02_R_T_B ul li a {height:auto; padding: 0 0 14px;}
	     	    .card02_R_T_B ul li a img {width:38px;margin:18px 0 10px}
	  		
	  		.card02_R_B_Box {float:right; width:50%;}
		  	  	.card02_R_B {width:100%; height:188px; overflow: hidden; margin:0}
		  		.card02_R_B ul {display:block; width:auto; height: 188px; margin:0 0 0 7px}
		  		.card02_R_B ul li {height:188px}
	      	    .card02_R_B .wvNumBox {top:5px; right:8px}
      	    
      	/* EOD : card02 */       
      	
      	
      	/* card03 */
     
      	.card03_L {width:50%; height:403px; margin:0;}
      	  .card03_L_T {width:100%;}
      	    .card03_L_T_Box {margin:0 7px 0 0}
	      	  .card03_L_T_inner {height:232px}
	      	    .card03_L_T {height:232px}
	  	        .card03_L_T ul li {height:57px; background-size: cover !important;}
	  	        .card03_L_T ul li a {display:block; line-height:57px; text-indent:15px; font-size:15px;}
	  	        .card03_L_T ul li.four {height:58px;}
	  	        .card03_L_T ul li.four a {line-height:58px}
	  	        
	  	    .card03_L_B_Box {margin:11px 7px 0 0}
	  	      .card03_L_B_inner {height:160px}   
	  	        .card03_L_B {margin:0; width:100%; padding:13px 0; height:134px}
	  	        .card03_L_B ul li a {padding:14px 0 0; height:114px}
	  	        .card03_L_B ul li a img {width:70px}
	  	        .card03_L_B ul li a p {margin:0 0 14px; display:block}
	  	        .card03_L_B ul li a p:before , .card03_L_B ul li a p:after {display:none}
	  	        .card03_L_B .circle_bg {width:65px; height:65px}
  	      
      	.card03_C {width:50%; height:232px; margin:0}
      	  .card03_C_T_Box {margin:0 0 0 7px}
      	    .card03_C_T_inner {height:232px}
		      .card03_C_T {width: 100%; height:232px;}
		      .card03_C_T ul li {width:45%; margin:0 4% 0 1%}
		      .card03_C_T ul li:first-child {margin:0 1% 0 4%}	      
		      .card03_C_T ul li p {font-size:15px; line-height:45px; height:45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
		      .card03_C_T ul li a img {width:100%}
		      .card03_C_T ul li .imgBox {height:150px; overflow:hidden}
		      .card03_C_T ul li a span {font-size:12px; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; display:inline-block; margin:5px 0 0}
		  
		  .card03_C_B_Box {margin:11px 0 0 7px}    
	        .card03_C_B {height:278px; margin:12px 0 0; border-radius:5px;}		     
 			  .card03_C_B {padding: 15px 13px 0; height: 145px; margin: 0; width: auto;}		  
		      .card03_C_B .tabBox_sub ul li {height:29px}
		      .card03_C_B .tabBox_sub ul li a {font-size:14px; line-height:27px}
			
			  .card03_C_B_list {height:95px; overflow:hidden}
		      .card03_C_B_list ul {display:block; margin: 9px 0 13px;}
			  .card03_C_B_list ul li {margin:0 0 8px 0}
			  .card03_C_B_list ul li a {width:100%}
			  .card03_C_B_list ul li a:hover {color:#295bcc}
			  .card03_C_B_list ul li span {display:none}
		    
		 .card03_R {width:100%; height:411px; margin:11px 0}
		   .card03_R_Box {height:411px}
		   .card03_R_T_Box {width:50%; float:left;}
		    .card03_R_T {width:100%; height:200px;}
		    .card03_R_T_In {padding:0 19px 0 14px; height:200px; position:relative; border-radius: 5px}		    
		    .card03_R_T_In .top_name {margin:0; font-size: 18px; color: #222224; line-height: 54px; height: 54px;}
		    .card03_R_T_In .top_add {position:absolute; top: auto; right: 0; bottom: 20px; margin: 0; line-height: 1;  left: 14px;}
		 	.card03_R_T_In .top_add a {font-size:13px; display:inline-block}   
		 	.card03_R_T_In .top_add a span {vertical-align:middle}  
		 	.card03_R_T_In .top_add .icon-k-next {font-size:10px; margin:2px 0 0 5px; display:inline-block} 
		    .card03_R_T_In a {display:block; height:100%}
		    .card03_R_T_In a .imgBox {width: 116px; height: 153px; position: absolute; right: 19px; top: 20px;}
		    .card03_R_T_In .txtBox {display:inline-block; width:50%}
			    .card03_R_T_In .main_data {font-size:14px; margin:5px 0 10px; }
			    .card03_R_T_In .sub_data {font-size:12px; text-overflow: clip; white-space: normal;}
			
		  .card03_R_B_Box {width:50%; float:right;}
		   .card03_R_B_inner {height:200px}	    
	   	    .card03_R_B {width:100%; height:200px; margin:11px 0 0}
      	    .card03_R_B a {display:block; height:200px; background-size: cover;  border-radius:5px;}
      	    .card03_R_B .txtBox strong {font-size:18px; color:#f2f2f2; font-weight: 400;}
      		.card03_R_B .txtBox p {font-size:14px; color:white; margin:8px 0}
      		.card03_R_B .txtBox p span {vertical-align:middle; margin:0 15px 0 0; font-weight: 300; display:inline-block} 
      	
       /* EOD : card03 */
       
    .card_inner {box-shadow: none;}  
    .card_inner:hover {box-shadow:none}
    .lookBox:after {width:100px; font-size:12px; margin:-19px 0 0 -53px; border: 2px solid white;}
      
    .M_content_N {top:71px; left:0; width:100%; position:fixed; z-index:10; height:59px; line-height:59px; background-color:white; margin:0; text-align:center; box-shadow: 0px 3px 13px rgba(0,0,0,0.19);}  
    .M_content_N ul {display:inline-block}
    .M_content_N ul li {margin:0 38px}
    .M_content_N ul li a {font-size:18px}
    .M_content_N .navi_circle {display:none}
    .M_content_N .navi_txt {display:block;}
    .M_content_N ul li .navi_txt {width:auto} 	
    .M_content_N ul li.on .navi_txt {width:auto; margin:0; color:#f47149}
    .M_contentLayout.page02 .M_content_N ul li.on .navi_txt , .M_contentLayout.page03 .M_content_N ul li.on .navi_txt {color:#f47149}
    
    .M_content_B {clear:both; margin:0}
      /* .M_content_B_L {display:none} */
      .M_content_B_L{width:50%;}
	  .M_content_B_R {width:auto; padding:0 15px}
	  .M_content_B_R ul {height:40px}
	  .M_content_B_R ul li a {font-size:14px}
	
	/* EOD : main */
	

    /* table */
    
    .table_normal {margin-bottom:20px}
    .table_normal thead tr th { font-size:14px; }
    .table_normal tbody tr th { font-size:13px; }
    .table_normal tbody tr td { font-size:13px; }

    .table_notice th {font-size:14px; }
    .table_notice td {font-size:13px; }
    .table_notice a { font-size:13px; }
    
    /* EOD : table */
    
    /* paging */
  
 	 .pagination {margin:25px 0}
 	 
 	 /* search */
	
	.searchBox {padding:8px 10px}
	.searchBox select {margin:5px 3px}
	.searchBox input[type="text"] {margin:5px 0 5px 3px}
 	 
    
    /* board */
    
    .img_sliderBox {margin:20px 0 30px}
    	.img_sliderBoxIn {padding:20px 80px}
    	
	.L_ImgBox {max-width:181px; margin:0 auto 40px}
	
	.img_board > ul > li , .img_board > ul > li.second {width:46%; margin: 0 1% 18px 1%; text-align:center}	
	.img_boardS {width:100%; height:auto}
	
	.img_boardS .copyrightIn {padding:12px 20px;display:block;}
	.img_boardS .copyright {margin:0; width:100%; padding:0}
	.img_boardS .copyright img {position:static; display:block; margin:0 auto}
	.img_boardS .copyright span {padding:0; margin:10px 0 0 0; display:block}
	.img_boardS .copyrightIn:after {display:none}
	
	.img_board.type02 .img_boardS {height:auto}
		.img_boardL {width:100%; float:none; margin:0 auto; max-width:272px}
		.img_boardR {float: none; width: auto; height:auto; margin: 0; text-align:center}
			.img_date {margin:20px 0}
		.img_boardB {position:static}  
		.img_board.type02 .img_boardL {height:400px}
		.img_board.type02 .img_boardR {height:auto}
 		.img_boardR a { font-size:22px; }
 	.board_name {font-size:20px;}
 	.boardS {display:block;}
	  .boardL { display:block; width:auto; vertical-align:initial; padding:0; }
	  .boardR { display:block; width:auto; }
	 			
    /* Copyright */
    
    .copyright {padding:15px 0; position:relative; min-height:40px;}  
    .copyright img {position:absolute; left:6px; top:15px; margin:0}
    .copyright span {padding-left:150px;}
    
   
   .img_boardB ul li{width:100%; float:none;}
   
   
   .directLinkCont .M_contentLayoutIn {margin:0 20px;}
   .reservationBox {right:-20px;}
   
   /*칼럼지 소식*/
	.newsletterIn {margin:0;}
   
}

@media all and (max-width:1200px) {
	/*2020.11.17 자원관 메인 리뉴얼*/
   .borderTBg {border-top:7px solid #EBEBEB;}
   .borderBBg {border-bottom:7px solid #EBEBEB;}
   
   /*메인 비쥬얼 배너*/
   .visualBnrControlIn {left: 20px; bottom:30px;}
   .reservationBox {display:none;}
   
   /*다이렉트 링크*/
   .directLinkCont {height:auto; margin:114px 0px 0 0px;box-shadow: none;border-bottom: 7px solid #EBEBEB;}
   .directLinkCont h2 {position:absolute; top:-88px; left:4px; display:block;margin: 0;font-size: 18px; font-weight: 500;color: rgba(14,34,65,0.9);}
   .directLinkCont h2 span {display:block; margin-bottom:3px; font-size:12px; color:rgba(14,34,65,0.9);}
   .directLinkCont h2 p {margin:0;font-weight:400;}
	   .directLink {float:none; padding-bottom:14px;}
	   .directLink li {width:33.3%;}
	   .directLink li:first-child {position: absolute;top: -100px;right: 2px;margin:0;}
	   .directLink li:first-child a {border-top:none;border-right:none;border-bottom:none;}
	   .directLink li.ic_direct2 a {border-left:none;border-bottom:none;}
	   .directLink li.ic_direct3 a {border-left:none;border-bottom:none;}
	   .directLink li.ic_direct4 a {border-left:none;border-right:none;border-bottom:none;}
	   .directLink li.ic_direct5 a {border-left:none;border-bottom:none;}
	   .directLink li.ic_direct6 a {border-left:none;border-bottom:none;}
	   .directLink li.ic_direct7 a {border-left:none;border-right:none;border-bottom:none;}
	   .directLink li:before {display:none;}
	   .directLink li a {height:100px; padding:0; border:2px dotted rgba(0,0,0,0.1);}
	   .directLink li a img {margin-top: 18px;}
	   .directLink li a p {font-size:15px;}
	   
	   .directLink li a:hover:before {display:none;}
	   .directLink li a:hover:after {display:none;}
	   
   /*공지탭*/	   
   .noticeCont {padding-top:60px;padding-bottom:60px;}
	   .noticeContWrap {margin:0 20px;}
		.noticeTab {float:none; width:auto; margin-right:320px;}
		.tabMenu {padding-bottom:13px;}
		.tabMenu > li > a {font-size:18px;}
		.tabContents {top:39px;}
		.noticeCont .listMore img {width:16px;}
	
	/*소식지 칼럼*/
	.newsletter {}
	.newsletterIn {margin:0;}
	.newsletterIn li {width: 30%; margin: 0 1.6%;}
	.newsletterT p a {font-size:16px;}
	.newsletterCont {padding:15px;}
	.newsletterCont .newsBook {width:190px;}
	.newsletterIn .listMore {top: 15px; right: 15px;}
	.newsletterIn .listMore img {position:relative; top:-1px; width:13px; margin-right:5px;}
	
	/*하단 서브 링크*/
	.subLinkIn {padding:0 0 24px 0;}
	
}
@media all and (max-width:1024px) {
	/*메인 비쥬얼 배너*/
	.visualSd .bx-viewport {width: 150% !important; margin-left: -39% !important;}
    .visualSd .bx-wrapper img {width:150% !important; max-width:150% !important;}
    .visualBnrControlIn {bottom:30px;}
}
@media all and (max-width:768px) {
	/*메인 비쥬얼 배너*/
	.visualSd .bx-viewport {width: 150% !important; margin-left: -50% !important;}
    .visualSd .bx-wrapper img {width:200% !important; max-width:200% !important;}
    .visualBnrControlIn {bottom:30px;}
   
	/*공지탭*/
	.noticeCont {padding-bottom:24px;}
	
	/*소식지 칼럼*/
	.newsletter {padding:0 0 24px; border-top: 7px solid #EBEBEB;}
	.newsletter:before {content:''; position:absolute; top:-7px; left:0; width:100%; height:1px; border-top:1px solid #D1D1D1;}
		.newsletterT p {margin:12px 0 0 0;}
			.newsletterTab {display:block;width: 291px;margin: 0 auto;}
			.newsletterTab li {position:relative; float:left; padding:0 8px;}
			.newsletterTab li:before {content:''; position:absolute; top:8px; left:0; width:1px; height:11px; background:url('/resource/img/ic_tabBg.png') no-repeat;}
			.newsletterTab li:first-child:before {display:none;}
			.newsletterTab li a {font-size:18px; color:#666;}
			.newsletterTab li.on a {color:#000;}
	
	.newsletterIn {width:300px; margin:0 auto; padding-top:9px;overflow:hidden;}
	.newsletterIn li {display:none; width:100%; background:none;}
	.newsletterIn li.on{display:block;}
	.newsletterIn li:hover {background:none;box-shadow:none;}
	.newsletterIn .listMore {position:relative;top:0;right:0;width:70px; height:27px; line-height:27px; margin:15px auto 0; text-align: center;font-size:13px;color: #fff;background-color:rgba(0,0,0,0.3);}
	.newsletterIn .listMore img.on {display:none;}
	.newsletterIn .listMore img.off {display:inline-block;}
	.newsletterIn .listMore .moreT {display:inline-block;}
		.newsletterCont {padding:15px 0 0 0;}
		.newsletterCont h2 {display:none;}
		
		
		
	/*하단 서브 링크*/
	.subLink .M_contentLayoutIn {margin:24px 0 0 0;}
	
}


@media all and (max-width:640px) { /* phones */
	.M_cN {display:none;}
	.pc-hide {display:inline-block;}
	.mob_left_menu{display:block;}
	
	#cookiePopup {display:none !important;}
	/* .topPopLayer01 { display:none !important; } */
	.topPopLayer02 { display:none !important; }
	
	.card01_A , .card02_A , .card03_A {display:none}
  .buttonBox ul li {margin:5px 0}
  .buttonBox ul li:first-child {margin:5px 0}	

  .topLayout {position:fixed; width:100%; height:auto;}  

  .topBuBox {display:none;}
  .topMenuBox {height:55px; line-height:50px}
      .topMenuL {left:10px;}
      .topMenuL img {width:133px;}
      .taegeukgi {display:none !important;}
      
     .searchAllBox {top:56px; height:auto}
     	.total_searchBox {margin:20px auto; width:90%} 
     	.total_searchBox input[type="text"] {width:75%; height:25px; line-height:25px; font-size:14px}
     	.total_searchBox button img {width:15px}
     	/* .total_tagBox {display:none} */
     	.total_close {display:none}
     	.total_tagBox .tagList{height:55px; vertical-align:top;}

		.totalSelBox { padding:19px 10px 19px 10px; }
			/* .totalSelBox .totalSelBoxIn { padding:9px 60px 9px 120px; } */
			.totalSelInputBox{margin-right:13px;}
			.totalSelBox .totalSelBoxIn input {font-size:14px; height:25px; line-height:25px; }
			.totalSelBox .totalSelBoxIn select { width:120px; font-size:14px; height:25px; line-height:25px; padding:0 5px; font-size:13px; }
			.totalSelBox .totalSelBoxIn button { right:8px; top:9px; }
				.totalSelBox .totalSelBoxIn button img { width:20px; }

  .subMenu {display:none}
  .subAllMenu {top:45%; right:0px; margin:-5px 0 0;}
  .subAllMenu > ul > li {position:relative; margin:0 12px}
  .subAllMenu > ul > li:after {content:""; position:absolute; top:50%; right:-12px; display:inline-block; width:1px; height:10px; margin-top:-5px; background-color:#ccc}
  .subAllMenu > ul > li.totalReservation {display:block;}
  .subAllMenu > ul > li.bu_search:after {display:none;}
  .topMenuR {margin:0; top:14px; right:7px}     
  .topMenuR > ul > li {display:none}
  .topMenuR > ul > li:first-child {display:block; margin:0; text-align:center}
  .topMenuR > ul > li:first-child:after {display:none}
  .topMenuR > ul > li:first-child span {font-size:15px; border:1px solid #f25c05; padding:5px; margin:5px 0 0 0;}
  .topMenuR > ul > li:first-child img {display:none;}
  .topMenuR > ul > li a {width:auto; height:auto; line-height:1}
   
  .menuAllBox.on {top:0 !important}  	   
  
  /* footer */
  
  .footerLayout {border-top:0}
  .footerTBox {height:168px}
  .footerTBoxIn ul:before {display:none; content:""; position:absolute; top:0; bottom:0; left:0; background-color:#e1e1e1; width:1px}
  .footerTBoxIn ul li {width:100%; border-top: 1px solid #e1e1e1}
  .footerTBoxIn ul li p {Padding:0 70px 0 0}
  .footerTBoxIn select {width:100%}
    
 
   .footerBBoxIn {padding:0 10px}
   .footerBLBox {position:static;}
 /*   .footerBLBox img {width:108px}  */
   .footerBRBox {padding:0}
  	  .footer_link {margin:13px 4px}
      .footer_link ul li {margin:2px 10px}
      .footer_link ul li a {font-size:11px}
  	  .footer_address p {font-size:11px; padding:0 4px} 	  
.webAwardIcon{display:none;}
.waIcon{display:none;}
.governIcon {display:none;}
		 .MoblieWebAwar{display:inline-block; margin-left:12px;}
		  .MoblieWaIcon{display:inline-block; margin-left:12px;}
		  .MobliegovernIcon{display:inline-block; margin-left:12px;}
   
    /* main */
    ..img_boardB ul li{float:none; margin: 0 auto;}
    .M_contentLayout {padding:56px 0px 0px;}
      .M_contentLayoutIn {margin:24px 20px 0 20px;}	 
      	
      	 /* card01 */
      
	     .card01_L {width:100%; margin:0; height:412px; overflow: hidden;}
	     .card01_L_inner {height:412px}
	     .card01_L_T {width:100%; height:412px;}
	     .card01_L_T ul li a img {width:100%}
	     .card01_L_T .wvNumBox {top:3px; right:5px}
	     .card01_L_T .wvNumBox > a {width:8px; height:8px}
	     .card01_L_T .wvNumBox > a.on {width:30px}
	     
	     .card01_C {width:100%; margin:10px 0 0; height:420px}
	     .card01_C_T_inner {height:200px}
	     .card01_C_T {width: 100%; height:190px; padding:0px 0 10px; margin:0}
	     .card01_C_T ul li .imgBox {height:120px}
	     .card01_C_T ul li a {padding:0 14px}
	     .card01_C_T ul li p {margin:5px 5% 0; font-size:13px; height:38px; overflow-y:hidden}
	     .card01_C_T ul li {width:50%; margin:0}
	     .card01_C_T ul li:first-child {margin:0}
	     .card01_C_T ul li span {left:10px}
	     .card01_C_T .wvNumBox {top:6px; right:11px;}
	     .card01_C_T_In .rightConSCon {right:17px;}
	     .card01_C_T_In .swiper-pagination {width:88%;}
	     .card01_C_B_Box {margin:10px 0 0}
	     .card01_C_B_inner {height:205px}
		     .card01_C_B {width:100%; height:239px; margin:0}
		     .card01_C_B_T {padding: 13px 12px 0; height:142px;}
		     .card01_C_B_T .tabBox_sub > ul > li {height:29px}
		     .card01_C_B_T .tabBox_sub > ul > li > a {font-size:13px; line-height:27px}
	     .tabBox_sub .tabBox_add {margin-top:-7px; display:none;}
	     .tabBox_sub .tabBox_add a {font-size:12px; text-indent: -42px;}
	     .tabBox_sub .tabBox_add .icon-k-next {margin:2px 0 0 12px; display:inline-block; text-align:right;}
	     .tabBox_sub .tabBox_add a:hover .icon-k-next {margin:2px 0 0 12px;}
	     .tabBox_sub .tabBox_add .icon-k-next:after {}
	     .card01_C_B_T_list ul {margin: 9px 0 0;}
	     .card01_C_B_T_list ul li {margin:0 0 8px 0}
	     .card01_C_B_T_list ul li a {width:auto;display:block;font-size: 12px;}
	     .card01_C_B_T_list ul li span {display:none}
	     .card01_C_B_B {height:50px;}
	     .card01_C_B_B p {padding: 0 12px;margin:6px 0;font-size: 12px;}
	     .card01_C_B_B .sns_link {display:none}
	     .card01_C_B_B .txt_link {text-indent: 12px;}
	     .card01_C_B_B .txt_link li {width:50%; margin:0 !important}
	     .card01_C_B_B .txt_link li a {font-size: 14px;line-height:1;}
	     
	     .card01_R {width:100%; margin:10px 0; height:372px}
	        .card01_R_T {width:100%; height:177px}
	        .card01_R_T_inner {height:177px}
	     	.card01_R_T_T {width:100%; height: 108px; padding:0; display:block;}
	     	.card01_R_T_T ul {display:inline-block; width:100%}
	     	.card01_R_T_T ul li {width:25%}
	     	.card01_R_T_T ul li a {border:0 !important; height:107px !important}
	     	.card01_R_T_T ul li .imgBox {}
	     	.card01_R_T_T ul li .imgBox p {padding:0 3px; font-size:12px}
	     	.card01_R_T_T ul li .imgBox img {margin:15px 0 10px; width:45px}
	     	
	     	.card01_R_T_B {width:auto; height:70px; display:block;}
	     	.card01_R_T_B a {padding:9px 0 3px}
	     	.card01_R_T_B img {width:38px} 
	  		.card01_R_T_B p {font-size:14px}
	  		.card01_R_T_B strong {font-size:16px}
	  			
	  	  	.card01_R_B_Box {margin:10px 0 0; border-radius:5px; overflow:hidden}
	  	      .card01_R_B_inner {height:187px}
		  	  	.card01_R_B {width:100%; height:187px; float:left; overflow: hidden;}
		  		/* .card01_R_B ul {display:block;} */
		  		.card01_R_B ul li img {width:100%}	  	 
	      	    .card01_R_B_link {top:3px}
	      	
      	 /*  EOD : card01 */	
         
         /* card02 */  
      	
      	 .card02_L {width:100%; margin:0; height:411px; overflow: hidden;}
	       .card02_L_Box {height:411px}
	      	 .card02_L_inner {height:411px}
			   .card02_L_T_T {width:auto; line-height:45px; height:45px;}
			   .card02_L_T_T p {font-size:16px}
			   .card02_L_T_T .wvNumBox {top:3px; right:5px}
			   .card02_L_T_T .wvNumBox > a {width:8px; height:8px}
			   .card02_L_T_T .wvNumBox > a.on {width:30px}
			   .card02_L_T_T ul li a img {width:100%}
		     
		      .card02_L_T_B {height:366px; padding:0}
		      .card02_L_T_B ul li {padding:50px 0}
		      .card02_L_T_B ul li a {padding:0 17px;}
		      .card02_L_T_B ul li a .imgBox {height:140px}
		      .card02_L_T_B ul li a p {font-size:13px; margin:10px 0 20px}
		      .card02_L_T_B .wvNumBox {top:12px; right:18px}
		      .card02_L_T_B .wvNumBox > a {width:8px; height:8px}
		      .card02_L_T_B .wvNumBox > a.on {width:23px}
	
	     .card02_C {width:100%; margin:0; height: 402px;}
		     .card02_C_T_inner {height:210px}
			     .card02_C_T {height:200px; margin:10px 0 0;width: 100%;padding: 0;}
			     .card02_C_T_T {line-height:45px;height:45px;padding: 0 17px;}      
			     .card02_C_T_T p {font-size:16px}
			     
			     .card02_C_T_B {padding:0 17px}
			     .card02_C_T_B ul li .imgBox {height:98px;}
			     .card02_C_T_B ul li p {font-size:14px}
			     .card02_C_T_B ul li span {font-size:13px}
	          
	         .card02_C_B_inner {height:192px}
			     .card02_C_B {margin:10px 0 0;height:182px;width: 100%;overflow: hidden;}
			     .card02_C_B a {height:182px}
			     .card02_C_B a p {top:20px; left:15px; font-size:16px}
			     .card02_C_B_T {padding: 13px 12px 0;height:103px;}
				      
	     .card02_R {width:100%; height:364px; margin: 10px 0;}
	       .card02_R_T_inner {height:198px}
	     	.card02_R_T {width:100%; height: 198px; position: relative;}
	     	  .card02_R_T_T {height: 198px;border-bottom: 0; border-radius: 5px;}
	     	  .card02_R_T_T ul {display:inline-block; width:100%}
	     	  .card02_R_T_T ul li {width:25%}
	     	  .card02_R_T_T ul li p {padding:0 3px}
	     	  .card02_R_T_T ul li img {margin:20px 0 10px; width:50px}
	     	  .card02_R_T_TBox .wvNumBox {bottom:15px; left:16px;}
	     	  .card02_R_T_TBox .txtBox {margin:10px 0 0}
	     	  .card02_R_T_TBox .txtBox .name {margin:0 0 30px}
	     	  .card02_R_T_TBox > p {font-size:16px; line-height:1; height:auto; margin:20px 0 0}
	     	  .card02_R_T_TBox .imgBox {width:104px; height:150px}
	     	  .card02_R_T_B {position:absolute; top:0; right:18px; width:auto; border-radius:0 }
	     	  .card02_R_T_B ul li {float:none; width:auto}
	     	  .card02_R_T_B ul li:first-child:after {border-left:0; border-bottom:1px dashed #6abd97; top:auto; left:0}
	     	  .card02_R_T_B ul li a {height:auto; padding: 0 0 14px;}
	     	  .card02_R_T_B ul li a img {width:38px; margin:18px 0 10px}
	     
	      .card02_R_B_Box {margin:10px 0}
		     .card02_R_B_inner {height:156px}
		  	  	.card02_R_B {width:100%; height:156px; float:left; margin:0; overflow: hidden;}
		  		.card02_R_B ul {height:156px}
		  		.card02_R_B ul li {height:156px;}
		  		.card02_R_B ul li .imgBox {top:15px; left:15px;}
		  		.card02_R_B ul li .imgBox p {font-size:16px;}
	      	    .card02_R_B ul li.first .imgBox img  {margin:5px 0 0 5px}
	      	    .card02_R_B ul li.second .imgBox img {margin:5px 0 0 22px} 
	      	 
        /* EOD : card02 */
      	  
      	  
      	/* card03 */
     
      	.card03_L {width:100%; height:399px; margin:0;}
      	   .card03_L_T_inner {height:232px}
	      	  .card03_L_T {width:100%; height:232px}
	  	      .card03_L_T ul li {height:57px; background-size: cover !important;}
	  	      .card03_L_T ul li a {display:block; line-height:57px; text-indent:15px; font-size:14px;}
	  	      .card03_L_T ul li a .icon-k-next {font-size:12px}
	  	      .card03_L_T ul li.four {height:58px;}
	  	      .card03_L_T ul li.four a {line-height:58px}
	  	      
	  	    .card03_L_B_Box {margin:10px 0 0}  
	  	      .card03_L_B_inner {height:157px}
		  	      .card03_L_B {margin:0; width:100%; height:131px; padding:13px 0}
		  	      .card03_L_B ul li a {padding:14px 0 0; height:114px}
		  	      .card03_L_B ul li a img {width:70px}
		  	      .card03_L_B ul li a p {margin:0 0 14px; display:block}
		  	      .card03_L_B ul li a p:before , .card03_L_B ul li a p:after {display:none}
		  	      .card03_L_B .circle_bg {width:65px; height:65px}
	  	      
      	.card03_C {width:100%; height:400px; margin:10px 0 0; }
	      .card03_C_T {width:100%; height:230px;}
	      	 .card03_C_T_inner {height:230px}
			    .card03_C_T ul li p {font-size:14px; line-height:45px; height:45px}
			    .card03_C_T ul li a img {width:100%}
			    .card03_C_T ul li .imgBox {height:150px; overflow:hidden}
			    .card03_C_T ul li a span {font-size:12px; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; display:inline-block; margin:5px 0 0}
			      
	      .card03_C_B {height:278px; margin:10px 0 0; border-radius:5px;}		     
 			  .card03_C_B {padding:15px 0 0; width:100%; height:143px; background-color: white; margin:0;}
 			  .card03_C_B .tabBox_sub {margin:0px 13px;}		  
		      .card03_C_B .tabBox_sub ul li {height:29px}
		      .card03_C_B .tabBox_sub ul li a {font-size:13px; line-height:27px}
		      .card03_C_B .card01_tabBox {margin:0px 13px;}	
			
			  .card03_C_B_list {height:95px; overflow:hidden}
		      .card03_C_B_list ul {display:block; margin: 9px 0 13px;}
			  .card03_C_B_list ul li {margin:0 0 8px 0}
			  .card03_C_B_list ul li a {width:100%}
			  .card03_C_B_list ul li a:hover {color:#295bcc}
			  .card03_C_B_list ul li span {display:none}
		    
		 .card03_R {width:100%; height:324px; margin:10px 0}
		      .card03_R_T_inner {height:200px}
			    .card03_R_T {width:100%; height:200px; float:left;}
			    .card03_R_T_In {padding:0; height:200px; position:relative; border-radius:5px}		    
			    .card03_R_T_In .top_name {text-indent:14px; margin:0; font-size: 18px; color: #222224; line-height: 54px; height: 54px;}
			    .card03_R_T_In .top_add {position:absolute; top: auto; right: 0; bottom: 20px; margin: 0; line-height: 1;  left: 14px;}
			 	.card03_R_T_In .top_add a {font-size:13px}   
			 	.card03_R_T_In .top_add a span {vertical-align:middle}  
			 	.card03_R_T_In .top_add .icon-k-next {font-size:10px; margin:2px 0 0 5px; display:inline-block} 
			 	.card03_R_T_In .top_content {padding:0 14px}
			    .card03_R_T_In a {display:block; height:100%}
			    .card03_R_T_In a .imgBox {width: 116px; height: 153px; position: absolute; right: 19px; top: 20px;}
			    .card03_R_T_In .txtBox {display:inline-block; width:50%}
				    .card03_R_T_In .main_data {font-size:14px; margin:5px 0 10px; line-height: 1.4;}
				    .card03_R_T_In .sub_data {font-size:12px; line-height: 1.4;}
			
			.card03_R_B_Box {margin:10px 0 0; border-radius:5px}	    
			  .card03_R_B_inner {height:114px}    
		   	    .card03_R_B {width:100%; height:114px; float:right; margin:10px 0}
	      	    .card03_R_B a {display:block; height:100%;background-size: cover;  border-radius:5px;}
	      	    .card03_R_B .txtBox strong {font-size:18px; color:#f2f2f2; font-weight: 400;}
	      		.card03_R_B .txtBox p {font-size:14px; color:white; margin:8px 0}
	      		.card03_R_B .txtBox p span {vertical-align:middle; margin:0 15px 0 0; font-weight: 300; display:inline-block} 
      		      
          
        /* EOD : card03 */
    
    .lookBox:after , .lookBox:before {display:none !important}  	  
      	   
    .M_content_N {top:56px; left:0; right:0; height:47px; z-index:10; line-height:47px; background-color:white; margin:0; text-align:center; box-shadow: 0px 3px 13px rgba(0,0,0,0.19); position:fixed}  
    .M_content_N ul {display:inline-block}
    .M_content_N ul li {margin:0 13px}
    .M_content_N ul li a {font-size:16px}
    .M_content_N .navi_circle {display:none}
    .M_content_N .navi_txt {display:block;}
    .M_content_N ul li .navi_txt {width:auto} 	
    .M_content_N ul li.on .navi_txt {width:auto; margin:0; color:#f47149}
    .M_contentLayout.page02 .M_content_N ul li.on .navi_txt {color:#f47149}
    .M_contentLayout.page03 .M_content_N ul li.on .navi_txt {color:#f47149}
    
    .M_content_B {clear:both; margin:0}
      .M_content_B_L {display:block; width:100%;}
	  .M_content_B_R {width:auto; padding:0 15px}
	  .M_content_B_R ul {height:40px}
	  .M_content_B_R ul li a {font-size:14px}

	
	/* EOD : main */
  	


  .section {padding-bottom:0}

  .imgContainer {min-height:auto}
  
  .buttonBox {padding:10px 0 0 0}
	
  /* mobile menu */	

  .menuAllBox {top:0 !important; box-shadow:none; display:block !important; }	
  	.menuAllBoxIn { height:100%; overflow:inherit; overflow-y:auto; overflow-x:hidden; }
    .menuAllBoxIn:before {display:none}
    .mobAll_title {background-color: white; height: 54px; line-height:1; color: black; text-indent:0}
    .mobAll_title > ul > li {float:left;margin: 12px 0 0 5px;position:relative;}
       .mobAll_title > ul > li:first-child {margin: 7px 15px 0 11px;}
       .mobAll_title > ul > li:first-child:after {content: ""; width: 1px; height: 10px; background-color: #ccc;  top: 16px; right: -12px; display: inline-block; position: absolute;}
       .mobAll_title > ul > li a {font-size: 16px;color:#000;display:block;}
       .mobAll_title > ul > li:first-child a {color:#f25c05}
       .mobAll_title > ul > li span {vertical-align:middle;margin:7px 0 0 5px;display: inline-block;}
       .mobAll_title > ul > li:first-child span {margin: 8px 0 0 5px;}
               
    .mobAll_list {padding:55px 0 0}
    .mobAll_list > ul > li {width:100%; height:auto; border-bottom: 1px solid #ececec;}
    .mobAll_list > ul > li .icon-k-down {display:block}
    .mobAll_list > ul > li > a {text-align:left; text-indent:18px; background-color:white; border-left:0; line-height:48px; font-size: 17px;}
    .mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e;}
    .mobAll_list > ul > li > a span {right:19px}
    
    .mobAll_list .dep2 {margin-top:0; padding:0; background-color:#f6f6f6}
    .mobAll_list .dep2 > li {padding:0 15px; border-bottom:0;}
    .mobAll_list .dep2 > li > a {padding:0 3px !important; font-size: 14px; color: #8a8a8a; font-weight: 400; border-top: 1px dashed #d6d6d6;}
    .mobAll_list .dep2 > li:first-child > a {border-top:0}
    .mobAll_list .dep2 > li:hover {background-color:#f6f6f6 !important} 
    /* .mobAll_list .dep2 > li:hover a {color:black !important} */
	.mobAll_list .dep2 > li > a { width:100%; padding:0 18px !important; margin:0 0 0 -18px; transition:all 0.3s ease; }  
	.mobAll_list .dep2 > li:hover > a { background:#3077c7 !important; color:#fff; }
	    
    .mobAll_list .dep3 > li {margin:5px 0}

  	.mob_left_menu {position:absolute; top:0; right:200px; z-index:-1; background-color:#f7f7f7; height:100%; border-right:1px solid #d7d7d7; text-align:center; box-shadow:-10px 0 9px rgba(0,0,0,0.3); width: 78px;}
	.mob_left_menu a {color:white; display:block; height:100%}
	.mob_left_menu .first_link {background-color:#586c7c}
	.mob_left_menu .first_link li {line-height:1; height:65px;}
	.mob_left_menu .first_link li:first-child {line-height:50px; height:50px; background-color:#98a1a8}
	.mob_left_menu .first_link img {margin:8px 0 3px}
	.mob_left_menu .first_link li:first-child img {margin:0}
	.mob_left_menu .first_link p {font-size:11px; margin:0}
	
	.mob_left_menu .second_link {background-color:#d8e0e5; padding: 0 7px;}
	.mob_left_menu .second_link li {line-height:47px; height:54px; border-top:1px solid #becbd3}
	.mob_left_menu .second_link li:first-child {border-top:0}
	
	.menuAllClose {font-size:17px; top:0; right:0}	
	.menuAllClose span {color:#3e3e3e; border-radius:50%; border:1px solid #3e3e3e; padding:3px;  top:19px; right:11px;}
	
    
  /* EOD : mobile menu */  

  /* table */
  
  .mobileHide {display:none}
  
  .table_normal thead tr th , .table_normal tbody tr th , .table_normal tbody tr td {font-size:12px}
  .table_normal thead tr th {padding:10px}
  .table_normal tbody tr td {padding:13px}
  
  .table_view tr th {padding:13px 0; font-size:12px}
  .table_view tr td {padding:13px 15px; color: #717171; font-size:12px}
  .table_view .viewBox {color:#717171}
  .table_view .viewBox img {max-width:100%;}
  .table_view .viewBox p {line-height:2}
  
  /* EOD : table */

  /* Text */
    

  
  /* Text */
  
  
  
  /* paging */
  
  .pagination {margin:25px 0 0}

  /* search */
	
  .searchBox {padding:8px 10px}
  .searchBox select {margin:5px 3px}
  .searchBox input[type="text"] {margin:5px 0 5px 3px; min-width: auto;}	
  .searchCenter ul li {width: 100%;}

  /* board */
	  
   .img_sliderBox {margin:20px 0 40px}    
   	.img_sliderBoxIn {padding:5px 80px 30px}
   	.img_sliderBoxIn.photo {padding:30px 80px 30px;}
   	.img_sliderBox ul li a p {font-size:14px}
	   	
	.L_ImgBox {max-width:181px; margin:0 auto 40px}
	
	.img_board > ul > li {padding-top:14px; border-top:1px dashed #d7d7d7}
	.img_board > ul > li:first-child {padding-top:0; border-top:0;}
	.img_board > ul > li  {min-height:400px;}
	.img_boardB ul li {float:none; width:100%;}
	.img_board > ul > li , .img_board > ul > li.second {width:100%; margin:0 0 14px 0; text-align:center}
	.img_boardS {width:250px; height:auto}
	.img_boardS .copyright {margin:0; width:100%; padding:0 0 0 0;}
	.img_boardS .copyright img {position:static; display:block; margin:0 auto}
	.img_boardS .copyright span {padding:0; margin:10px 0 0 0; display:block}
	:after {display:none}
	
	.img_board.type02 .img_boardS {height:auto}
		.img_boardL {width:100%; float:none; margin:0 auto; max-width:272px}
		.img_boardR {float: none; width: auto; height:auto; margin: 0;}
		.img_board.type02 .img_boardL {height:400px}
		.img_board.type02 .img_boardR {height:auto}
			.img_date {margin:15px 0}
		.img_boardB {position:static}  
		.img_boardR a { font-size:18px; }
  .board_name {font-size:16px;}	
  .board {display:block}
  	.boardL { display:block; width:auto; vertical-align:initial; padding:0; }
  	.boardR { display:block; width:auto; }	
		
  /* Copyright */	
  
   .copyright {padding:15px 0; position:relative; min-height:28px;}  
   .copyright img {position:absolute; left:6px; top:15px; width:104px; margin:0}
   .copyright span {padding-left:120px; font-size: 12px;}
   .copyright strong {font-size: 12px;}
   
   /*2020.11.17 자원관 메인 리뉴얼*/
   .visualSd .bx-viewport {width: 150% !important; /*height:280px !important;*/ margin-left: -50% !important;}
   .visualSd .bx-wrapper img {width:200% !important; max-width:200% !important;}
   .visualBnrControlIn {bottom:30px;}
	   
   /*공지탭*/	   
   .noticeCont {height:auto; padding-top:24px;}
	   .noticeContWrap {margin:0px;}
		.noticeTab {float:none; width:auto; margin:0px 20px 15px 20px;}
		.tabMenuWrap .tabMenu {min-width: 460px;}
		.tabMenu {padding-bottom:13px;}
		.tabMenu > li > a {padding: 0 6px;font-size:16px; background:none;}
		.tabMenu > li:first-child > a {padding: 0 6px 0 0;}
		.tabContents {}
		.tabContents > ul > li a {width:70%;}
		.tabContents > ul > li .tablistTag {display:none;}
		.tabContents > ul.recentList > li .tablistTag {display:block;}
		.tabContents > ul > li .tabtxt {margin:0; font-size:15px;}
		.noticeCont .listMore {position:relative; top:0;border: 1px solid #D6D6D6; width: 100%;  display: flex; align-items: center; justify-content: center; height: 36px;border-radius: 5px;background-color: #fff;}
		.noticeCont .listMore img {width:12px; margin-left:5px;}
	
	/*알림존*/
	 .alertCont {position:relative; width:auto;border-top: 7px solid #EBEBEB;}
	 .alertCont:after {content:''; position:absolute; top:-7px; left:0px; width:100%; height:1px; border-top:1px solid #D1D1D1;}
	 .alertCont h2 {margin: 24px 0 22px 0;padding: 0 20px;}
	 	.alertContIn {margin:0 20px;}
	 	#alertSd {height:auto;}
	 	/* #alertSd li img {width:100%;}
	 	#alertSd li img.fixedW {width:200px;} */
	 	
	 /*소식지 칼럼*/
	.newsletterTab {width:263px;}
	.newsletterTab li a {font-size:16px;}
	.newsletterIn {width:270px;}
	
	/*하단 서브 링크*/
	.subLinkIn {padding:0 0 35px 0;}
	.subLinkIn li p {font-size:13px;}
	.subLinkIn li.subLink1 img {width:30px; margin-top:5px;}
	.subLinkIn li.subLink1 p {margin-top:5px;}
	.subLinkIn li.subLink2 img {width:28px;}
	.subLinkIn li.subLink2 p {margin-top:7px;}
	.subLinkIn li.subLink3 img {width:33px;}
	.subLinkIn li.subLink3 p {margin-top:7px;}
	.subLinkIn li.subLink4 img {width: 32px;}
	.subLinkIn li.subLink4 p {margin-top: 8px;}

}

@media all and (min-width:340px) and (max-width:524px){
	.totalSelInputBox{margin-right:19px;}
}