@charset "utf-8";

html, body {color:#717171;}

.topLayout {border-bottom: 1px solid #ececec; position:relative; z-index:100; background-color:#fff;}
    .topBuBox {height: 39px; border-bottom: 1px solid #ececec; background-color:#f8f8f8}
    .topBuBoxIn {max-width: 1200px; height: 100%; margin: 0 auto;}

        .topBuL {float:left; margin:3px 0 0 0}
        .topBuL ul li {float:left}
	    .topBuL ul li > a {display:block; padding:0 10px; font-size: 12px; text-align:center; height:36px; line-height:36px; border:1px solid transparent; border-bottom:0; 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:360px; 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:16px; color:#000; font-weight:500; padding:10px 0px;}
		
        .topBuR {float:right; margin:6px 0 0 0}
        .topBuR ul li {float:left; margin:0 0 0 4px}
        .topBuR ul li:first-child {margin:2px 0 0 0}
        .topBuR ul li a {display:block; height:100%;}
        .topBuR ul li span {vertical-align:middle; margin:0 4px 0 7px; 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; top:114px; height:285px; display:none; background-color:white; border-bottom:1px solid #ebebeb; left:0; right:0; z-index:4;}		
  
        .topMenuBox {height:73px; line-height:73px}
          .topMenuL {top:-19px;}

          .topMenuC {padding:0; height: 73px; text-align:center}
           	  .subMenu {display:inline-block}
	          .subMenu > ul > li {padding:0 22px;}
	          .subMenu > ul > li > a {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:240px}
	          .subAllMenu > ul > li {float:left; margin:0 0 0 12px; line-height:1}
	          .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: 100%; height: 2px;
						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: 100%; background: #000;  top: -7px;}
				.subAllMenu > ul .bu_all .hamburger:after {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
					 width: 100%; height: 100%; 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:285px; background-color:white; position:absolute; }
	          .subMenuBoxIn {text-align:left; margin:84px 0 0; float:left}
	          .subMenuBoxIn .subMenuHead {position:absolute; top:30px; line-height:1}
	          .subMenuBoxIn .subMenuHead span {font-size:26px; color:black; vertical-align:middle}
	          .subMenuBoxIn .subMenuHead img {margin:6px 0 0 6px}
	          
	          .subMenuBoxIn > .dep2 {Line-height:1.4; width:872px; margin:0 0 0 54px; float:right; } 
	          .subMenuBoxIn > .dep2 > li {float:left; margin:0 10px 10px 0; padding-right:40px;}
	          .subMenuBoxIn > .dep2 > li > a {color:#000000; font-size:20px; /*height:40px;*/ line-height:26px; display:block}
	          .subMenuBoxIn > .dep2 > li > a:hover {color:#3077c7}
	          
	          .subMenuBoxIn { margin:26px 0 0; } 
	          .subMenuBoxIn > .dep2 { float:none; display: block; width: 700px; margin: 0 0 0 319px; }
	          .subMenuBoxIn > .dep2 > li { display: inline-table; width: 32.5%; float: none; padding:0; margin:0 0 10px; }
	          .subMenuBoxIn .subMenuHead span { display:inline-block; max-width:200px; }
	          .subMenuBoxIn .subMenu_img {position:absolute; float:none; right:0; bottom:0; }
	           
	            
	          .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 {float:left; margin:0px}
	          
	          .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}
	            
	          .searchAllBox {top:114px; 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); }
	          	
	          	.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:541px; display:block; float:left; background-color:white; width:25%}
			  .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 {}
              .mobAll_list .dep3 > li > a {text-align: left; display: block; color: #7d7d7d; line-height: 20px; padding:0 0 5px 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 > li {float:left; margin:0 0 0 15px; position:relative}
          .topMenuR > ul > li:first-child a:hover img {animation:wobble 0.5s}
          .topMenuR > ul > li a:hover img {animation:wobble 0.5s}
          .topMenuR > ul > li:first-child {margin:0 15px 0 0}
          .topMenuR > ul > li a {font-size:18px; color:#000; display:block}
          .topMenuR > ul > li span {vertical-align:middle; display:inline-block; margin:7px 0 0 5px}
        


/* main 2021.05.18 메인 리뉴얼 */

.M_contentLayout {padding:0; min-height: 712px; position:relative}
   .M_contentLayoutIn {position:relative; max-width:1200px; margin:0 auto;}
   
   .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:2px;}
			.visualPlayBtn {display:none;position:absolute;top:2px;}
			.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);}
			
	/*bxslider*/
	.bx-wrapper {margin:0; border:none;box-shadow:none;z-index: 5;}
	.bx-wrapper img {width:100% !important;}
	.bx-controls {display:none;}
	#bxPager {max-width:1200px; margin:0 auto;}		
	
	
	/*directLinkCont*/
	.directLinkCont {height:150px; box-shadow:0px -3px 15px 10px rgba(0,0,0,0.06);}
	.directLinkCont h2 {display:none;} 
	.directLinkCont h2 br {display:none;}
		.directLink {float:left;}
		.directLink:after {content:''; display:block; clear:both;}
		.directLink li {float:left; position:relative; display:table; width: 178px; 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 p {margin:15px 0 0 0;}
		.directLink li.ic_direct2 p {margin:15px 0 0 0;}
		.directLink li.ic_direct3 p {margin:6px 0 0 0;}
		.directLink li.ic_direct4 p {margin:12px 0 0 0;}
		.directLink li.ic_direct5 p {margin:8px 0 0 0;}
		.directLink li.ic_direct6 p {margin:0;}
		.directLink li.ic_direct7 p {margin:0;}
		.directLink li a {position:relative; display: block; height:110px; padding: 35px 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 {width: 54px;}
		.directLink li.ic_direct2 img {}
		.directLink li.ic_direct3 img {}
		.directLink li.ic_direct4 img {}
		.directLink li.ic_direct5 img {top:-3px;}
		.directLink li.ic_direct6 img {top:-3px;}
		.directLink li.ic_direct7 img {top:-2px;}
		.directLink li.ic_direct1 a:before {top: 39%;left: 47%;}
		.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; width: 178px; margin:3px 0 0 0; line-height:20px; font-size:17px; color:#707070; transition:0.3s all ease;}
		.directLink li a:hover p {color:#074B42;}
		.directLink li a img {position:relative;z-index:1;}
	
	
	/*noticeCont*/    
	.noticeCont {height:280px; padding-top:120px; padding-bottom:60px;}     
		.noticeContWrap {position: relative; max-width: 1200px;height: 100%; margin: 0 auto;}
			.noticeTab {position:relative; float:left; width:846px;}
				.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:-2px; width:0%; height:10px; background-color:#8DFBFF;z-index:-1; transition:0.3s all ease; }
				.tabMenu > li.on> a:after {width:92%;}
				.tabMenu > li:hover:first-child > a:after {width:92%;}
				.tabMenu > li > a h2 { padding:0 15px;margin:0; font-size: 19px; 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 h2 {padding: 0 15px 0 0;background:none;}
				.tabMenu > li > a h2:hover {color:#000;}
				.tabMenu > li.on a h2 {color:#000;}
				
				.tabContents {position:absolute; top:50px; left:0; right:0;bottom: 20px;}
				.tabContents > ul {}
				.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;color: #7A7A7A;}
				.tabContents > ul > li a:hover {color:#326AC9;}
				.tabContents > ul > li .tablistTag {position: absolute;top: 0px; display: inline-block; font-size:18px; color:#000;transition:0.3s all ease;}
				.tabContents > ul > li .tabtxt {margin: 0 0 0 60px; font-size:18px;transition:0.3s all ease;}
				.tabContents > ul > li .date {position:absolute; top:1px; 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 {color:#326AC9;}
				
		.noticeCont .listMore {position:absolute; top:-43px; right:0px;}
	
            
     .M_content_T {height:556px;}
     
     .card_inner {transition:all 0.5s; border-radius: 0; transform: matrix(1, 0, 0, 1, 0, 0); overflow:hidden;} 
     .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;}
     
     
     /*newsletter*/
	.newsletterTab {display:none;}
	.newsletter {position:relative; padding:65px 0; overflow: hidden; background-color: #F1F3F5;}
	.newsletter .M_contentLayoutIn {max-width: 915px; margin: 0 auto;}
		.newsletterIn {margin: 0 -3%;}
		.newsletterIn li {position:relative; float: left; width: 347px;margin: 0 6%;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;}
        
          	
     /* card01 */
     
     .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 .wvNumBoxIn {display: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:218px; background-color:white; border-radius:5px; padding:30px 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 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:left; 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;}
	       .card01_C_T ul li .imgBox img {height:100%}
	      .card01_C_T ul li span {position:absolute; top:6px; left:0; z-index:1; text-align:left}
	      .card01_C_T ul li .type01 {color:white; font-size:13px; width:86px; height:32px; line-height:1.2; background-color:#5293c1; padding:2px 8px; font-weight:300}
	      .card01_C_T ul li .type02 {color:white; font-size:13px; width:56px; height:32px; line-height:1.2; background-color:#6e8c49; padding:2px 8px; font-weight:300}
	      .card01_C_T_In {display: inline-block;  width: 436px;}
	    
	      .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; position:relative}
			      .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; right:0; top:50%; width:1px; height:12px; background-color:#c9c9c9; margin-top: -6px;}
			 	  .card01_C_B_T .tabBox_sub ul li.first.on:after , .card01_C_B_T .tabBox_sub ul li.second.on:after {display:none}  
			 	  .tabBox_sub .tabBox_add {position:absolute; top:0; right:0; line-height:34px}
			 	  .tabBox_sub .tabBox_add a {font-size:13px}   
			 	  .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:0; 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:4px; 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 12px 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:20px;}
		      .card01_C_B_B .txt_link li {float:left;}
		      .card01_C_B_B .txt_link li a {color:black; font-size:30px; font-weight:300; position:relative; display:inline-block; text-indent:0; margin:15px 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: 12px; position: absolute; right: -15px; top: 50%; margin-top: -4px;  font-weight: 600;}
	   		  .card01_C_B_B .sns_link {line-height:1; position:absolute; right:8px; bottom:19px;}
	      	  .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:268px;}
		      .card01_R_T {width: 300px; height:268px; position:absolute} 
			      .card01_R_T_T {width:250px; height:224px; background-color:White; padding:22px 25px; border-radius:5px}
			      .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 -45px; z-index:3; width:90px}
			      .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_B_Box {position: absolute;top: 0;right: 0;width: 284px;}    	 
      	    .card01_R_B_inner {height:276px}
		      	.card01_R_B {width:276px; height:246px; padding:15px 12px; border-radius:0px; position:relative; background-color:white}
      			.card01_R_B ul li {width:100%; height:74px; margin-top:12px;}
      			.card01_R_B ul li:first-child {margin:0}
      			.card01_R_B ul li.first  {background: url(/resource/eng/img/card01_R_B_img01.png) right bottom no-repeat;}
      			.card01_R_B ul li.second {background: url(/resource/eng/img/card01_R_B_img02.png) right bottom no-repeat;}
      			.card01_R_B ul li.thrid  {background: url(/resource/eng/img/card01_R_B_img03.png) right bottom no-repeat;}
      			.card01_R_B ul li a {display:block; position:relative;  text-indent:17px; line-height:74px; color: white;  font-size:16px;}
      			.card01_R_B ul li a .txt {position:relative; z-index:1;}
      		    .card01_R_B ul li a:after {content:""; position:absolute; left:0; top:0; bottom:0; right:0; background:url("/resource/eng/img/card01_R_B_bg01.png"); transition:0.3s all;}
	      	    .card01_R_B ul li a:before {content:""; position:absolute; left:0; top:0; bottom:0; right:100%; background:url("/resource/eng/img/card01_R_B_bg02.png"); transition:0.3s all;}
	      	    .card01_R_B ul li a:hover:after {left:100%}
	      	    .card01_R_B ul li a:hover:before {right:0}
	      		.card01_R_B ul li a .icon-k-next {font-size:14px; margin:0 0 0 8px; position:relative; transition: 0.2s;}	
		 	    .card01_R_B ul li a .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:all 0.2s ease;}
		 	    .card01_R_B ul li a:hover .icon-k-next {margin:0 0 0 7px; }
	 	 	    .card01_R_B ul li a:hover .icon-k-next:after {right:-6px; animation-delay:0.7ms}
	 	 	  
	      		 
      		
      		.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);}
	      
      	/* EOD : card01 */
      	
      	/* card02 */
      	
        .card02 {display:none}     
      	.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_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;}
	      .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); }
	      
       	
       	/* EOD : card02 */
      	
      	/* card03 */
      	
      	.card03 {display:none}
     	.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}
	      .card03_C_T ul li a span {color:#666; font-size:14px; display:inline-block; margin:5px 0 0}
	      .card03_C_T ul li a:hover span {color:#3077c7}
	      
	    .card03_C_B_Box {margin: 12px 0 0;}  
	      .card03_C_B {border-radius:5px; padding: 18px 20px 2px; width: 420px; height:190px; 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_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);}
          
     /* EOD : card03 */
       	 
       	 
     .lookBox {position:relative; overflow:hidden}  
     .lookBox:after {display:none; content:"more+"; 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}
     .lookBox.scale:hover img {transform:scale(1.1)}
	  	 
     .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 */

/* animation */


@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);} 



/* footer */

.footerLayout {position:relative; z-index:10; min-height:100px; 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 25px}
    .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 200px}
         .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;}
		 .MoblieWebAwar{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}
.pb20 {padding-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:block}
.bu_d_blue:hover {background-color:white; color:#3077c7;}
.bu_d_white {background-color:White; border:1px solid #3077c7; color:#3077c7; transition:0.3s all; display:block}
.bu_d_white:hover {background-color:#319fd4; border:1px solid #319fd4; 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;}

/* 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:#f47149}
.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}

.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}
.table_view .viewBox p {line-height:2}


.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% 18px 0;}
.img_board > ul > li:after {content:""; height:100%; display:table-cell}
.img_board > ul > li.second {margin:0 0 18px 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; margin:15px 0 0 0; padding:0}
 .img_boardS .copyrightIn {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:24px; margin:13px 0 0; width: 100%; color:#000; display:inline-block; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; line-height:1.2em; height:2.4em; text-overflow: ellipsis; overflow:hidden; white-space: normal; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ }
	.img_board.type02 .img_boardR {height:400px}	 
	
		 
	  .img_date {font-size:14px; margin:40px 0 0 0}
	  .img_date.type02 { margin:6px 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}
	  
	  .img_boardL .bu_blue {background-color:#33a0f3; border:1px solid #33a0f3; 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:#33a0f3}
	  .img_boardL .bu_blue img { margin:0 5px 2px 0; }
	  
	  .img_boardB .bu_blue {background-color:#33a0f3; border:1px solid #33a0f3; min-height:34px; font-size:16px; color:white; width:100%; font-weight: 300; position:relative; transition:0.3s all}
	  .img_boardB .bu_blue:after {content:""; position:absolute; top:-1px; bottom:-1px; right:-2px; background-color:white; width:4px; border-top:1px solid white; border-bottom:1px solid white;}
	  .img_boardB .bu_blue:hover {background-color:white; color:#33a0f3}
	  .img_boardB .bu_blue:hover:before {content:""; position:absolute; top:0; bottom:0; right:2px; background-color:#33a0f3; width:1px}
	  
	  .img_boardB .bu_green {background-color:#4ebc00; border:1px solid #4ebc00; 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:#4ebc00; background-color:white;}
	  .img_boardB.type02 ul li {width:100%}		


/* 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; }
.pagination a strong {position:absolute; width:0px; height:0; overflow:hidden; text-indent:200px;}

/* 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 strong {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;}


/* asterisk */

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

@media all and (min-width:640px) and (max-width:1530px){

   .card01_A , .card02_A , .card03_A {display:none}
   
   
   
   /*newsletter*/
	.newsletterIn {margin:0;}
	
}
	
	
@media all and (min-width:640px) and (max-width:1220px){

   .topLayout {position:fixed; width:100%; height:70px;}  
   .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}
     	.total_close {display:none}
   .menuAllBox { display:block !important; top:0 !important; /* transition:0.27s all; */ }  	
   .menuAllBox.on {top:0 !important}  	
     
   /* mobile menu */ 
	
	 .menuAllBox {top:0; box-shadow:none}
	 .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:7px 15px 0 18px;position:relative;}
        .mobAll_title > ul > li a {font-size: 16px;color:#000;display:block;}
        .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: 15px;}
	    .mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e;}
	    .mobAll_list > ul > li > a span {right:10px}
	    
	    .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:#3077c7 !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}
		.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 {right:47px; 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}
            
    .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 {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;}
		 .MoblieWebAwar{display:inline-block; margin-left:12px;}
    /* main */
    
   .M_contentLayout {padding: 73px 0px 0px; min-height: auto;}
   .directLinkCont .M_contentLayoutIn {margin: 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:160px; padding:30px 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:-5px}
		     .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 li a {margin:6px 0}
	     
	     .card01_R {width:100%;height: 222px;margin: 11px 0;}
	        .card01_R_T_Box {width:50%; float:left;}
	     	.card01_R_T {width: 100%;height: 222px;display:inline-block;}
	     	  .card01_R_T_inner {height: 222px;}
	     	  .card01_R_T_T {padding:0;margin:0 7px 0 0;width:auto;height: 222px;display:block;}
	     	  .card01_R_T_T ul {display:inline-block; width:100%}
	     	  .card01_R_T_T ul li p {padding:0 3px}
	     	  .card01_R_T_T ul li a {height:111px}
	     	  .card01_R_T_T ul li.thrid a , .card01_R_T_T ul li.four a {height:110px}
	     	  .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_inner {height: 245px;}
	  	  	.card01_R_B {width: 100%; height: 222px; float: none; padding: 0;}
	  		.card01_R_B ul {display:inline-block; margin:0; width: auto;width: 100%;}
	  		.card01_R_B ul li {margin-top:6px; background-color: #e4e6e9 !important; background-size: cover !important;}
      	    
      	 /* EOD : card01 */   
      	
    .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_B {clear:both; margin:0}
     /*  .M_content_B_L {display:none} */
	  .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 2% 18px 2%; text-align:center}	
	.img_boardS {width:auto; height:auto}
	
	.img_boardS .copyrightIn {padding:12px 20px}
	.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;}
    
    .directLink li:first-child {margin-left: 0px;}
    .directLink li {display:block; width:14%;}
   
   /*newsletter*/
	.newsletterIn {margin:0;}

}

@media all and (max-width:1200px) { /*2021.05.18 추가*/
   .borderTBg {border-top:7px solid #EBEBEB;}
   .borderBBg {border-bottom:7px solid #EBEBEB;}

   /*visualSd*/
   .visualBnrControlIn {left: 20px; bottom:30px;}
   .reservationBox {display:none;}
   
   /*directLinkCont*/
   .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: 21px; font-weight: 500;color: rgba(14,34,65,0.9);}
   .directLinkCont h2 span {display:block; margin-bottom:3px; font-size:11px; color:#888;}
   .directLinkCont h2 p {margin:0;font-weight:400;}
	   .directLink {float:none; padding-bottom:14px;}
	   .directLink li {display:block; width:33.3%;}
	   .directLink li:first-child {position: absolute;top: -100px;right: 3px;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-right:none;border-bottom:none;}
	   .directLink li.ic_direct6 a {border-left:none;border-bottom:none;}
	   .directLink li.ic_direct7 a {border-left:none;border-bottom:none;}
	   .directLink li:before {display:none;}
	   .directLink li a {display:block; height:100px; padding:0; border:2px dotted rgba(0,0,0,0.1);}
	   .directLink li a img {margin-top: 18px;}
	   .directLink li a p {width:auto; font-size:13px; line-height:15px;}
	   .directLink li a:hover:before {display:none;}
	   .directLink li a:hover:after {display:none;}
	   .directLink li.ic_direct1 img {left:7px; margin-top:8px;}
	   .directLink li.ic_direct2 img {width:38px;}
	   .directLink li.ic_direct3 img {width:42px;}
	   .directLink li.ic_direct4 img {width:36px;margin-top: 22px;}
	   .directLink li.ic_direct5 img {top:0;width: 36px;}
	   .directLink li.ic_direct5 p {margin:9px 0 0 0;}
	   .directLink li.ic_direct6 img {top:0;}
	   .directLink li.ic_direct6 p {margin:6px 0 0 0;}
	   .directLink li.ic_direct7 img {top:0; width:38px; margin-bottom:2px;}
	   .directLink li.ic_direct7 p {margin:6px 0 0 0;}
	   
   /*noticeCont*/	   
   .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 h2 {font-size:18px;}
		.tabContents {top:39px;}
		.noticeCont .listMore {top:-37px;}
		.noticeCont .listMore img {width:16px;}
	
	/*newsletter*/
	.newsletter {}
	.newsletterIn {margin:0;}
	.newsletterIn li {width: 46%; margin: 0 2%;}
	.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 (max-width: 1024px) { /*2021.05.18 추가*/
	/*visualSd*/
	.visualSd .bx-viewport {width: 150% !important; margin-left: -39% !important;}
    .visualSd .bx-wrapper img {width:150% !important; max-width:150% !important; margin:0 !important;}
    .visualBnrControlIn {bottom:30px;}
}

@media all and (max-width:768px) { /*2021.05.18 추가*/
.M_contentLayoutIn {margin:24px 20px 0 20px;}	 

	/*visualSd*/
	.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*/
	.noticeCont {padding-bottom:24px;}
	
	/*newsletter*/
	.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;}
	.newsletter .M_contentLayoutIn {max-width:390px;margin: 24px auto 0;}
		.newsletterT p {margin:12px 0 0 0;}
			.newsletterTab {display:block;width: 217px;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:#939393;}
			.newsletterTab li.on a {color:#000;}
	
	.newsletterIn {width:300px; margin:0 auto; padding-top:9px;overflow:hidden;}
	.newsletterIn li {display:none; width:100%; margin:0; 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:24px; margin:15px auto 0; text-align: center;font-size:15px;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;}
		.newsletterIn li.hv .newsBook {box-shadow: 1px 3px 10px 2px rgb(0 0 0 / 16%);}

	/*하단 서브 링크*/
	.subLink .M_contentLayoutIn {margin:24px 0 0 0;}
	
}

@media all and (max-width:640px) { /* phones */ 

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

  .topBuBox {display:none;}
  .topMenuBox {height:50px; line-height:50px}
      .topMenuL {left:10px;}
      .topMenuL img {width:133px;}
      
     .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}


  .subMenu {display:none}
  .subAllMenu {right:35px; 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}
          
  .topMenuR {margin:0; top:9px; 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 {display:none}
  .topMenuR > ul > li a {width:auto; height:auto; line-height:1}
  
  .menuAllBox { top:0 !important; display:block !important; /* transition:0.27s all;  */} 
  .menuAllBox.on {top:0 !important}  	   
  
  /* footer */
  
  .footerLayout {border-top:0}
  .footerTBox {height:168px}
  .footerTBoxIn ul:before {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;}
		 .MoblieWebAwar{display:inline-block; margin-left:12px;}
   

    /* main */
    .M_contentLayout {padding:56px 0px 0px;}
    
      	
      	 /* 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: 200px;}
	     .card01_C_T_inner {height:200px;}
	     .card01_C_T {width: 100%; height:160px; padding:30px 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_B_Box {margin:10px 0 0;display: none;}
	     .card01_C_B_inner {height:166px}
		     .card01_C_B {width:100%; height:166px; margin:0}
		     .card01_C_B_T {padding: 13px 12px 0; height:103px;}
		     .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}
	     .tabBox_sub .tabBox_add a {font-size:12px}
	     .tabBox_sub .tabBox_add .icon-k-next {margin:2px 0 0 5px; display:inline-block}
	     .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: 325px;}
	        .card01_R_T {width:100%;height: 90px;}
	        .card01_R_T_inner {height: 90px;}
	     	.card01_R_T_T {width:100%;height: 90px;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: 90px !important;}
	     	.card01_R_T_T ul li .imgBox p {padding:0 3px; font-size:12px}
	     	.card01_R_T_T ul li .imgBox img {margin: 10px 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 {position:relative; width:auto; padding: 20px 0 0 0; border-radius:0px; overflow:hidden; border-top: 7px solid #EBEBEB;}
	  	      .card01_R_B_inner {height: 235px; margin:0 20px; border-radius:0px;}
		  	  	.card01_R_B {width:100%;height: 222px;float:left;margin:0;padding: 0;border-radius: 0;}
		  		.card01_R_B ul {display:block;}
		  		.card01_R_B ul li {margin-top:6px; background-color: #e4e6e9 !important; background-size: cover !important;}
	      	    
	      	
      	 /*  EOD : card01 */	
    
    .lookBox:after , .lookBox:before {display:none !important}  	  
    
    .M_content_B {clear:both; margin:0}
      .M_content_B_L {display:none}
	  .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; box-shadow:none}	
  	.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:7px 15px 0 18px; position:relative;}     
       .mobAll_title > ul > li a {font-size: 16px;color:#000;display:block;}
       .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: 15px;}
    .mobAll_list > ul > li > a.on , .mobAll_list > ul > li.on > a {background: #3e3e3e;}
    .mobAll_list > ul > li > a span {right:10px}
    
    .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}

	.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 */
  
  .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:10px;}
 
  .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 p {line-height:2}
  
  /* EOD : table */

  /* Text */
    

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

  /* search */
	
  .searchBox {padding:8px 10px}
  .searchBox select {margin:5px 3px; width:100%;}
  .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 , .img_board > ul > li.second {width:100%; margin:0 0 14px 0; text-align:center}
	.img_boardS {width:auto; height:auto}
	
	.img_boardS .copyrightIn {padding:12px 10px}
	.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}
	.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;}
		.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;}
   
   /*2021.05.18 추가*/
   .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*/	   
   .noticeCont {height:auto; padding-top:20px;}
	   .noticeContWrap {margin:0px;}
		.noticeTab {float:none; width:auto; height:250px; margin:0px 20px 0 20px;}
		.tabMenu {padding-bottom:13px;}
		.tabMenu > li > a h2 {padding: 0 6px;font-size:19px; background:none;}
		.tabMenu > li:first-child > a h2 {padding: 0 6px 0 0;}
		.tabMenu > li.on > a:after {width:100%;}
		.tabMenu > li:hover:first-child > a:after {width:100%;}
		.tabContents {top:37px;}
		.tabContents > ul > li {height:50px; line-height:50px;}
		.tabContents > ul > li a {width:80%;}
		.tabContents > ul > li .tablistTag {display:none;}
		.tabContents > ul > li .tabtxt {margin:0; font-size:16px;}
		
	 /*newsletter*/
	.newsletterTab {width:196px;}
	.newsletterTab li a {font-size:16px;}
	.newsletterIn {width:270px;}	
   
}
@media all and (max-width:375px) {
	/*directLinkCont*/
    .directLinkCont h2 br {display:block;}
    .directLinkCont h2 span {position: relative;top: -5px;margin-bottom:0;line-height: 11px;}
}