@charset "utf-8";

.tabS { display:none; }
/* popup */

.popupH {background-color:#131313; text-align:center; padding:18px 10px} 
.popup_BoxIn {box-shadow: 1px 1px 10px #717171; border:0; top:100px}
.popupCBoxIn ul li {margin:5px 0}
.popupCBoxIn span {vertical-align:middle}
.popupCBoxIn span.txt01 {width:75px; display:inline-block; font-size:18px; color:#131313}
.popupCBoxIn span.txt02 {width:130px; display:inline-block; font-size:18px; color:#131313}
.popupCBoxIn input[type="password"] {text-indent:5px; background-color: #e0e0e0; border: 1px solid #e0e0e0; height: 34px; line-height: 34px; margin: 0 5px 0 0; vertical-align:middle;  padding: 0; width: 338px;}	
 

.popupF {height:83px; line-height:83px; background-color:white; }f{background-color:#fff; padding-bottom:20px; color:#000; font-size:28px;}

.bu_p_orange {background-color:White; border:1px solid #ff8a00; color:#ff8a00; vertical-align: middle; text-align:center; min-height:34px; line-height:34px; min-width:178px; transition:0.3s all; display:inline-block}
.bu_p_orange:hover {background-color:#ff8a00; border:1px solid #ff8a00; color:white}
.bu_p_black {background-color:#363636; border:1px solid #363636; color:white;  vertical-align: middle; text-align:center; min-height:34px; line-height:34px; min-width:178px; transition:0.3s all; display:inline-block; font-size:15px}
.bu_p_black:hover {background-color:white; color:#363636}
.bu_p_black02 {background-color:White; border:1px solid #676767; color:black;  vertical-align: middle; text-align:center; min-height:34px; line-height:34px; min-width:178px; margin: 0 4px; transition:0.3s all; display:inline-block}
.bu_p_black02:hover {background-color:#676767; border:1px solid #676767; color:white}

.confirmLeft {float:left; width:222px; margin:0 10px 0 0}
.confirmRight {float:right; width:444px;}
.confirmRight ul li {float:left; width:50%; margin:0}
.confirmRight ul li:first-child .confirm_con {border-right:0} 
	.confirmBox {}
		.confirm_head {border:1px solid #d7d7d7; border-bottom:0; height:46px; line-height:46px; font-size:18px; color:#131313; text-align:center}
		.confirm_con {border:1px solid #d7d7d7; border-top:0; background-color:#f2f2f2; height:180px; padding:20px 0 0; text-align:center}
		.confirm_con p {margin:0 0 15px; color:#545454; font-size:16px}
		.confirm_con img {display:block; margin:0 auto 20px}

/* EOD : popup */
 
/* Content Guide */
    /* new type */
    .danBox {display:inline-block; width:100%; }
    .dan2 {width:50%; float:left;}
    .cT2RBox {position:absolute; right:0px; margin-top:-35px; text-align:right;}
    .valign5 {margin-top:-5px;}
         
	.contentLayout {}
	.contentLayoutIn {padding:0;}
    .contentBox {position:relative; min-height:500px; padding:0 0 30px 0;} 
    
	    .asideLeft {position:absolute; margin:164px 0px 0px -220px; width:180px; }
	    .asideLeft_heading {position:relative; margin: 0; min-height:78px; border-bottom:3px solid #000; }
	    .asideLeft_heading span {font-size: 32px; color: #000;  margin: 0 0 45px; font-weight: 300; line-height: 1;}
	    .asideLeft_heading .listBuBox {position:absolute; right:0; top:0; display:block;}
	    .asideLeft_heading .listBuBox  button.open { display:none; }
	    .asideLeft > ul {  }
	    .asideLeft > ul > li > a {display:block; position:relative; padding: 11px 36px 12px 9px; color:#000; border-bottom:1px solid #d7d7d7; font-size:16px}
	    .asideLeft > ul > li > a.on:after { content:""; position:absolute; top:50%; margin-top:-5px; right:9px; background:url("/resource/img/aside_left_arrow.png") no-repeat; width:18px; height:10px; }
	    .asideLeft > ul > li.on > a.on:after { background:url("/resource/img/aside_left_arrow_on.png") no-repeat;}
	      .asideLeftBox {padding:8px 6px; background-color:#f6f6f6;  border-bottom: 1px solid #d7d7d7; display:none}
	      .asideLeftBox ul li:first-child a {border-top:0}
	      .asideLeftBox ul li a {font-size:14px;  min-height: 20px; transition:0.3s all; color:#8a8a8a; display:block; padding:10px 0 10px 11px; border-top:1px dashed #d0d0d0; position:relative;}
	      .asideLeftBox ul li a:hover {color: #0e62c1}
	      .asideLeftBox ul li.on a {color:#0e62c1}
	      .asideLeftBox ul li a:before {content:"ㆍ"; position:absolute; left: 0; top: 50%; margin-top: -9px;}
		.asideRight { position:absolute; width:140px; margin: 245px 0px 0px 1250px;}
		.asideRight ul li { margin:25px 0 0 0; }
		.asideRight ul li:first-child { margin:0; }
		.asideRight ul li a { display:inline-block; width:100px; height:100px; background:#f2f2f2; border-radius:100px; text-align:center; position:relative; transition:0.133s ease-in-out; color:#000; }
		.asideRight ul li a:hover{ background:#ffce54; color:#fff; }
		.asideRight ul li a img { margin:12px 0 5px 0; }
		.asideRight ul li a span { display:block; font-size:12px;  }
		.asideRightTop { text-align:center; width:140px; bottom:35px; position:fixed; z-index:11}
		
		.asideResev { margin:15px 0 0 0; background:url(/resource/img/asideLeft_reser.png) no-repeat -10px 43px #f6f6f6; letter-spacing:-1px; }
		.asideResev:hover { background:none; }
			.asideResev a { display:block; text-align:right; font-size:18px; color:#000; height:100px; padding:15px 15px 0 0; transition:0.333s ease-in-out; }
			.asideResev a:hover { background:url(/resource/img/asideLeft_reser.png) no-repeat -10px 43px #ffce54; }
				.asideResev a span { display:block; color:#2b74fa; font-size:24px;  }
				
	
	.heading_nav {position:absolute; left:0px; width:100%; background-color:#fff; height:77px; box-shadow:5px -10px 15px #eee; transition:all 0.6s ease;}
		.scrollAllBU {float:left; position:relative; display:none; width:0px; overflow:hidden; height:25px; margin:5px 0px 0px; transition:all 0.6s ease;}
		.scrollAllBU .hamburger {position: absolute; top:8px; width: 100%; height: 2px;
						background: #000; display: block; transform-origin: center; transition: .3s ease-in-out;} 
		.scrollAllBU .hamburger:before {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
					 width: 100%; height: 100%; background: #000;  top: -7px;}
		.scrollAllBU .hamburger:after {transition: .3s ease-in-out; content: ""; position: absolute; display: block;
					 width: 100%; height: 100%; background: #000;  bottom: -7px;}
		.scrollAllBU:hover .hamburger {transform:scaleX(.7)}
		.scrollAllBU:hover .hamburger:before , .scrollAllBU:hover .hamburger:after {transform:scaleX(1.3)}
		.scrollAllBU.on .hamburger {transform: rotate(45deg);}
		.scrollAllBU.on .hamburger:after {transform: rotate(90deg); bottom: 0;}
		.scrollAllBU.on .hamburger:before {transform: rotate(90deg); top: 0;}
		.scrollAllBU strong {display:inline-block; width:0px; height:0px; overflow:hidden; text-indent:-100px;}
		
		.heading_navIn {position:relative; width: 100%; max-width:1200px; margin: 25px auto;}
		.heading_navIn > ul { font-size:13px; color:#999; transition:all 0.6s ease;}
		.heading_navIn > ul > li { float:left; position:relative; margin-right:20px}
		.heading_navIn > ul > li:first-child { margin-right:15px; }
		.heading_navIn > ul > li:first-child:before, .heading_navIn > ul > li:first-child:after { display:none; }
		.heading_navIn > ul > li:first-child.on:before, .heading_navIn > ul > li:first-child.on:after { display:none; }
		.heading_navIn > ul > li:first-child a { position:relative; }
		.heading_navIn > ul > li:first-child a:after { content:''; position:absolute; width:1px; height:14px; background:#d1d1d1; top:6px; right:0; }
		.heading_navIn > ul > li:after {content:""; background:url("/resource/img/heading_down_arrow.png") no-repeat; width:12px; height:12px; display:inline-block; position:absolute; right:0; top:6px; cursor:pointer;}
		.heading_navIn > ul > li.on:after {content:""; background:url("/resource/img/heading_down_arrow_on.png") no-repeat; width:12px; height:12px; display:inline-block; position:absolute; right:0; top:6px; cursor:pointer}
		.heading_navIn > ul > li > a {color:#717171; font-size:15px; padding-right:12px}
		.heading_navIn > ul > li .txt {vertical-align:middle; display:inline-block; margin-right:8px}
		.heading_navIn > ul > li.on > a {color:#000; font-weight:bold;}
		.hTopMenuR {position: absolute; right: 0; top: -8px; line-height:1; z-index:1}
          .hTopMenuR > ul > li {float:left; margin:0px 105px 0px 0px; position:relative; height:30px; transition:all 0.6s ease 0s;}
          .hTopMenuR > ul > li.close { margin:0px 110px 0px 0px;}
          .hTopMenuR > ul > li a:after {content: ""; width: 1px; height: 10px; background-color: #ccc; top: 16px;  
          										 right: -10px; display: inline-block; position: absolute;}
          .hTopMenuR > ul > li a {font-size:18px; color:#000; display:inline-block; width:93px; display:none; position:absolute; right:0; top:-50px; transition:0.5s all}
          .hTopMenuR > ul > li:first-child a:hover {animation:none}
          .hTopMenuR > ul > li:first-child a:hover img {animation:wobble 0.5s}
          .hTopMenuR > ul > li a:hover {animation:pulsate 0.3s;}
          .hTopMenuR > ul > li a img {margin-top:7px;}
          .hTopMenuR > ul > li:first-child a {color:#f25c05; margin:0px;}
          .hTopMenuR > ul > li:first-child a img {margin-top:0px;}
          .hTopMenuR > ul > li span {vertical-align:middle; display:inline-block; margin:7px 0 0 5px}
          .hTopMenuR > ul > li:first-child span {margin:9px 0 0 5px}
       
	.heading_nav.on {position:fixed; top:0px; z-index:99; box-shadow:3px 3px 10px #ddd; border-bottom: 1px solid #ddd;}
	.heading_nav.on .scrollAllBU {display:block; width:22px; margin:3px 0 0;}
	.heading_nav.on .heading_navIn > ul {margin-left:50px;}
	.heading_nav.on  .hTopMenuR > ul > li  a {top:0; display:inline-block; animation:fadeIn 0.8s}
		.hTopMenuR0.on a {transition:all 0.6s ease;}
        .hTopMenuR1.on a {transition:all 0.6s ease 0.2s;}
        .hTopMenuR2.on a {transition:all 0.6s ease 0.4s;}
        .hTopMenuR3.on a {transition:all 0.6s ease 0.6s;}
        
          .snsMenuR {position: absolute; right: 0; top:2px; line-height:1; z-index:1}
          .snsMenuR ul li {float:left; margin:0 0 0 9px; border-radius:10px; transition:0.5s all}
          .snsMenuR ul li:first-child {margin:0}
          .snsMenuR ul li a {display:block; width:34px; height:34px; line-height:34px; background-color:white; border:1px solid #f1f1f1; border-radius:10px; overflow:hidden; position:relative; text-align:center; color: #043763;  font-size: 16px;}
	 	  .snsMenuR ul li a:before {background-color:black; top:90%; left:-110%; content:""; width:50px; height:50px; position:absolute; -webkit-transform: rotate(45deg);  transform: rotate(45deg);}
	 	  .snsMenuR ul li a .icon {position:absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; width:20px; height:20px; transform: scale(0.8)}
	 	  .snsMenuR ul li a:hover:before {top:-20%; left:-20%}	
	 	  .snsMenuR ul li a:hover .icon {color:white; transform: scale(1);}
	 	  .snsMenuR ul li a:hover {box-shadow: 3px 3px 0 #e8e8e8}
	 	  .snsMenuR ul li a , .snsMenuR ul li a:before , .snsMenuR ul li a .icon {transition: all 0.35s;}
	 	  
	 	  .snsMenuR ul li.share00 {position: absolute; right: 45px; transition: 0.8s all;}
	 	  .snsMenuR ul li.share00.on {right:225px; display:block;}
	 	  .snsMenuR ul li.share00 a:before {background-color:#ababab}
	 	  .snsMenuR ul li.share00 a .icon {background:url("/resource/img/share_arrow.png")}
	 	  .snsMenuR ul li.share00 a:hover .icon {background:url("/resource/img/share_arrow_on.png")}	 
	 	  .snsMenuR ul li.share01 {position: absolute; right: 45px; transition: 0.65s all}
	 	  .snsMenuR ul li.share01.on {right:180px; display:block;}
	 	  .snsMenuR ul li.share01 a:before {background-color:#00d0fd}
	 	  .snsMenuR ul li.share01 a .icon {background:url("/resource/img/share_twitter.png")}
	 	  .snsMenuR ul li.share01 a:hover .icon {background:url("/resource/img/share_twitter_on.png")}	 
	 	  .snsMenuR ul li.share02 {position: absolute; right: 45px; transition: 0.5s all}
	 	  .snsMenuR ul li.share02.on {right:135px; display:block;}
	 	  .snsMenuR ul li.share02 a:before {background-color:#ffd800}
	 	  .snsMenuR ul li.share02 a .icon {background:url("/resource/img/share_kakao.png")}
	 	  .snsMenuR ul li.share02 a:hover .icon {background:url("/resource/img/share_kakao_on.png")}
	 	  .snsMenuR ul li.share03 {position: absolute; right: 45px; transition: 0.35s all}
	 	  .snsMenuR ul li.share03.on {right:90px; display:block;}
	 	  .snsMenuR ul li.share03 a:before {background-color:#4168ba}
	 	  .snsMenuR ul li.share03 a .icon {background:url("/resource/img/share_facebook.png")}
	 	  .snsMenuR ul li.share03 a:hover .icon {background:url("/resource/img/share_facebook_on.png")}
	 	  .snsMenuR ul li.share04 {position: absolute; right: 45px;}
	 	  .snsMenuR ul li.share04 a:before {background-color:#3cdb3f}
	 	  .snsMenuR ul li.share04 a .icon {background:url("/resource/img/share_band.png")}
	 	  .snsMenuR ul li.share04 a:hover .icon {background:url("/resource/img/share_band_on.png")}
	 	  .snsMenuR ul li.share05 {position:relative; z-index: 1; transition: 0.8s all}
	 	  .snsMenuR ul li.share05.on {display:none}
	 	  .snsMenuR ul li.share05 a:before {background-color:#ababab}
	 	  .snsMenuR ul li.share05 a .icon {background:url("/resource/img/icon_share.png")}
	 	  .snsMenuR ul li.share05 a:hover .icon {background:url("/resource/img/icon_share_on.png")}

	 	  .snsMenuR ul li.print_btn a:before {background-color:#ababab}
	 	  .snsMenuR ul li.print_btn a .icon {background:url("/resource/img/icon_print.png")}
	 	  .snsMenuR ul li.print_btn a:hover .icon {background:url("/resource/img/icon_print_on.png")}
	 	  
	 	  .snsMenuR ul li strong {width:0px; height:0px; overflow:hidden; text-indent:-100px; display:inline-block;}
			
		  
		  @keyframes slideInRight {
			  from {
			    -webkit-transform: translate3d(100%, 0, 0);
			    transform: translate3d(100%, 0, 0);
			    visibility: visible;
			  }
			
			  to {
			    -webkit-transform: translate3d(0, 0, 0);
			    transform: translate3d(0, 0, 0);
			  }
		  }	 
	
	.nav_subMenu {display:none; box-shadow: 3px 3px 3px rgba(0%,0%,0%,0.1); position: absolute;  left: 0;  top:35px;  background: #ffffff;  padding:5px 20px;  border: 1px solid #e5e5e5; z-index:1;}
	.nav_subMenu > ul > li {margin:10px 0}
	.nav_subMenu > ul > li > a {font-size:14px; color:#717171}
	.nav_subMenu > ul > li > a:hover {color:#0e62c1}	 
	
	.heading {max-width:1200px; margin:0 auto; border-bottom:3px solid #000; padding-top:102px;}
    .head_txt { position:relative; display:inline-block; width:100%; }
      .heading_Guide {font-size:24px; color:#000; line-height:28px; font-weight: 300; padding:0 167px 0 0;}
      .head_bg {position:absolute; bottom:0; right:0} 
       
    .tabBox {border:0; margin-bottom:0; display:block; width:auto; overflow:hidden; }
    .tabBox ul li {height:45px; background-color:#f7f7f7; border-bottom: 1px solid #d7d7d7; transition:0.3s all}
    .tabBox ul li.on , .tabBox ul li:hover {background-color:#3077c7; border-bottom: 1px solid #3077c7;  color:white}
    .tabBox ul li:first-child a {border-left:1px solid #d7d7d7}
    .tabBox ul li a {color:#666; border-right: 0; border-left: 1px solid #d7d7d7;  transition:0.3s all}
    .tabBox ul li.on a {border-left:1px solid #3077c7}
    .tabBox ul li:hover a {color:white; border-left:1px solid #3077c7}
    
	.bookMark {  }
		.bookMark ul { display:inline-block; width:100%; margin:20px 0 0 0; }
		.bookMark ul li { float:left; }
		.bookMark ul li button { position:relative; font-size:14px; color:#000; margin:0 12px 0 0; padding:0 0 2px 8px; letter-spacing:-0.5px; min-height:24px; }
		.bookMark ul li button:before { content:'·'; position:absolute; left:0; top:0px;  }
		.bookMark ul li button:hover { color:#3077c7; }
		.bookMark ul li button.on { color:#3077c7; /* border-bottom:1px solid #3077c7; */ }
		
	.bookMark .clear { clear:both; }
	
	.section { display:table; width:100%; margin:50px 0 0 0; padding:0 0 50px 0; border-bottom:1px dotted #ccc; }
	.section-cont {display: flex;width: 100%;  margin: 50px 0 0 0; padding: 0 0 50px 0; border-bottom: 1px dotted #ccc;}
	.section-cont .contImg {width: 280px;}
	.section.policyCont p.txt_hyphen, .section.policyCont p.txt_etc {font-size:15px;}
	.section.border0 {border-bottom:0}
		.section .sectionL { display:table-cell; width:200px; padding:0 20px 0 0; vertical-align:top; }
		.section-cont .sectionL-cont {min-width: 200px;margin-right: 20px;}
		.section .sectionC { display:table-cell; width:280px; padding:0 50px 0 0; }
		.section-cont .sectionC-cont {display: flex; flex-direction: column;}
		.section-cont .sectionC-contIn {display: flex;}
		.section-cont .sectionC-contIn + .sectionC-contIn {margin-top:15px;}
		.section-cont .sectionC-cont .sectionR {margin-left: 45px; display: flex; flex-direction: column;}
			.section .sectionC img { max-width:100%; }
		.section .sectionR { display:table-cell; vertical-align:top; hidden;}
			/* .sectionR_box:first-child p{margin-left:0;} */
			.sectionR_box p{margin-left:14px;}
			.sectionR_box {display:table-cell;}
		.IE_tableBug{table-layout:fixed;}
			.section .sectionR img { max-width:100%;}
			.sectionR_box_wrap{display:table;}
			.sectionR_img img{width:100%;}
		
	.section02 { display:table; width:100%; margin:50px 0 0 0; padding:0 0 50px 0; border-bottom:1px dotted #ccc; }
		.section02 .sectionL { display:table-cell; width:180px; padding:0 20px 0 0; vertical-align:top; }
		.section02 .sectionC { display:table-cell; vertical-align:top; }
			.section02 .sectionC img { max-width:100%; }
		.section02 .sectionR { display:table-cell; width:400px;  padding:0 0 0 50px;}
			.section02 .sectionR img { max-width:100%; }
			
	.section03 { display:table; width:100%; margin:50px 0 0 0; padding:0 0 50px 0; border-bottom:1px dotted #ccc; }
		.section03 .sectionL { display:table-cell; width:180px; padding:0 20px 0 0; vertical-align:top; }
		.section03 .sectionC { display:table-cell; width:100px; padding:0 40px 0 0; }
			.section03 .sectionC img { max-width:100%; }
		.section03 .sectionR { display:table-cell; vertical-align:top;}
			.section03 .sectionR img { max-width:100%; }
        
	.section_Guide {background-color:#eaeff4; font-size:16px; margin:15px 0 0 }
	  .section_GuideIn {padding: 25px; color: #000;  line-height: 1.4;}
		.section_GuideIn .txt_bullet { margin:8px 0 0 0; }
    
    .section_TxtBox {background-color:#fafafa; font-size:16px; margin:15px 0 0}		
	   .section_TxtBoxIn {padding: 25px; color: #000;  line-height: 1.4;}
	   
	  .sectionF {}		
	      .sectionF_B {background-color:#f8f8f8; display: inline-block; width: 100%; padding: 20px 0;  margin: 50px 0 0 0;}
	          .sectionF_L {float:left; width:50%; min-height: 78px; position:relative;}
	          .sectionF_L > img {position:absolute; left:53px; top:0;}
	          .sectionF_L .sectionF_txt {padding-left:160px;}
	          .sectionF_L .sectionF_txt p {margin:0 0 15px; font-size:18px; color:#000}
	          .sectionF_L .sectionF_txt ul {font-size:14px}
	          .sectionF_L .sectionF_txt .type {position:relative; color:#8a8a8a; min-width:75px; display:inline-block; margin-right:8px}
	          .sectionF_L .sectionF_txt .type:before {content:"·";}
	          .sectionF_L .sectionF_txt .type:after {content:":"; position:absolute; right:0; top:-1px}
	          .sectionF_L .sectionF_txt .data {color:black}
	
	          .sectionF_R {float:left; width:50%; position:relative; min-height: 78px;}
	          .sectionF_R > img {position:absolute; left:53px; top:0;}
	          .sectionF_R .sectionF_txt {padding-left:160px; }
	          .sectionF_R .sectionF_txt p {margin:10px 0; font-size:18px; color:#333}
	          .sectionF_R .sectionF_txt > ul {font-size:14px}
	          .sectionF_R .sectionF_txt .type {color:#8a8a8a; min-width:65px; display:inline-block}
	          .sectionF_R .sectionF_txt .type:before {content:"·";}
	          .sectionF_R .sectionF_txt .data {color:black}
	          /* 웹접근성 추가 버튼 */
	          .sectionF_Btn {border:1px solid #000; padding:5px; color:#fff; background-color:#000; font-weight:600; font-size:14px; position:absolute; right:8px;top:40px; }
	          .sectionF_Btn:hover{background-color:#fff; color:#000;}
	.imgPlanView { overflow:hidden; }
		.imgPlanView .planTitle { font-size:20px; color:#000; position:relative; margin:0; margin:40px 0 0 0; padding:0 0 5px 0;  border-bottom:1px solid #d7d7d7;  }
			.imgPlanView span.img_On { margin:0 8px 0 0; }
			.imgPlanView span.img_Off { margin:0 8px 0 0; }
			.imgPlanView .planTitle span.planDate { font-size:14px; position:absolute; right:5px; top:8px; }
			
		.imgPlanViewBox { padding:25px 0; border-bottom:1px solid #d1d1d1; min-height:400px; }
			.imgPlanViewBox .imgPlanViewL { float:left; width:400px; position:relative; }
			.imgPlanViewBox .imgPlanViewL span img { max-width:100%; }
			.imgPlanViewBox .imgPlanViewL .img_boardB { position:static; left:inherit; right:inherit; bottom:inherit; }
			.imgPlanViewBox .imgPlanViewL .img_boardB ul li { float:none; width:100%; margin:10px 0 0 0; }
			.imgPlanViewBox .imgPlanViewL .img_boardB ul li button:after { display:none; }
			.imgPlanViewBox .imgPlanViewL .img_boardB ul li button { margin:0;  }
			.imgPlanViewBox .imgPlanViewL .img_boardB ul li button:hover:before { display:none; }
		
			.imgPlanViewBox .imgPlanViewR { padding:0 0 0 450px; }
				.imgPlanViewBox .imgPlanViewR .viewR_tit { padding:25px 40px; background:#f9f9f9; color:#000; word-break:break-all; }
					.imgPlanViewBox .imgPlanViewR .viewR_tit { overflow:hidden; }
					.imgPlanViewBox .imgPlanViewR .viewR_tit li { float:left; margin:0 50px 0 0; }
					.imgPlanViewBox .imgPlanViewR .viewR_tit li span { position:relative; padding:0 0 0 10px; display:inline-block; color:#717171; }
					.imgPlanViewBox .imgPlanViewR .viewR_tit li span:before { content:''; position:absolute; top:7px; left:0; width:3px; height:3px; background:#717171; }
			.vierR_info { max-width:600px; margin:0 auto; text-align:center; }
			
		.imgPlanView.learning .imgPlanViewBox .imgPlanViewL { width:272px; }
    	.imgPlanView.learning .imgPlanViewBox .imgPlanViewR { padding: 0 0 0 322px; }
    	
   		.vierR_info * { text-align:left; }
		.vierR_info img { max-width:100%; }
		.vierR_info.fullW {max-width: initial;width:100%;}
					
    	.imgPlanView.photo .vierR_info { max-width:inherit; }
    	.imgPlanView.photo .imgPlanViewBox .imgPlanViewR { padding:0; }
    	.photoBigPic { max-width:600px; margin:0 auto; padding:30px 0 0 0; }  
    	.photoBigPic img { width:100%; }	
 		
 		.videoBox {margin:30px 0 0}
 		.videoBox iframe {margin:0 auto; display:block; width:100% !important; max-width:1010px;}
 		.videoBox html , .videoBox body {overflow:hidden}
 		/*동영상 자막 CSS*/
 		.videoSubtitle {
		    padding: 10px;
		    line-height: 25px;
		    height: 300px;
		    overflow-y: scroll;
		    background-color: #f0f0f0;
		}
		 
	.subInfoB { padding:20px 0; background:#f8f8f8; margin:50px 0 0 0; position:relative; display:table; width:100%; }
	.subInfoB p.subInfoB01 { display:table-cell; padding:0 0 0 15px; width:45px; vertical-align:middle; margin:0; }
	.subInfoB p.subInfoB02 { display:table-cell; vertical-align:middle; margin:0; }
	.subInfoB a { color:#0e62c1; transition:0.223s ease; }
	
	.galList { padding:8px 0 0 0; border-top:1px solid #d7d7d7; }
	.galList ul { display:inline-block; width:100%; }
	.galList ul li { float:left; width:25%; position:relative; }
	.galList ul li div.galBox { margin:26px 17px 0 17px; transition:0.56s ease; }
	/* .galList ul li div.galBox:hover { transform:scale(1.075); box-shadow:0px 2px 20px 4px #666; position:relative; z-index:3; } */
	.galList ul li div.galBox .galTit { margin:0; height:40px; line-height:40px; /* text-align:center; */ font-size:14px; color:#000; background:#f8f8f8; text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding:0 10px; transition:0.56s ease; border:1px solid #eee; border-bottom:none;}
	.galList ul li div.galBox .galTit img { margin:0 5px 0 0;}
	 /* .galList ul li div.galBox:hover .galTit { background:#3077c7; color:#fff; font-weight:bold; } */ 
	.galList ul li div.galBox .galDate { margin:0; text-align:right; color:#666; padding:10px 15px 10px 0; transition:0.56s ease; font-size:14px; }
	/* .galList ul li div.galBox:hover .galDate { background:#f8f8f8; font-weight:bold; } */
 	.galList ul li div.galBox .galImg { border-top:none; overflow:hidden; height:333px; border:1px solid #eee; border-top:none; text-align:center;}
 	.galList ul li div.galBox .galImg img {height:100%;}
 	/* default = �솉蹂닿컙�뻾臾�, �옄�썝愿��냼�떇吏� 333px
 	/* type03 = �룷�넗媛ㅻ윭由�, �븞�뀞,�슦由ъ깮臾� 175px */
 	/* type04 = �룞�쁺�긽 142px */
 	.galList ul li div.galBox .galImg.type03 { height:175px; }
 	.galList ul li div.galBox .galImg.type04 { height:142px; }
 	
	  /* default -> �깮臾쇰떎�뼇�꽦 E-BOOK */
	  /* type01 -> �깮臾쇰같��留덈떦 */
	  /* type02 -> 湲고쉷�쟾�떆�븞�궡 */
	  /* type03 -> 怨듬え�쟾�닔�긽�옉 175px + 踰꾪듉 �겕湲� 43px */
	.img_board .img_boardS .img_boardL .cropImg { display:block; height:333px; overflow:hidden; height: 345px;} 		
	.img_board .img_boardS .img_boardL .cropImg > img {width:100%}
	.img_board.type01 .img_boardS .img_boardL .cropImg { height:197px; }
	.img_board.type02 .img_boardS .img_boardL .cropImg { height:400px; }
	.img_board.type03 .img_boardS .img_boardL .cropImg { height:175px; }
	
 	/* .galList ul li div.galBox .galImg .cropImg { height:180px; } */
 	.imgQRcode { text-align:center; display:block; font-size:16px; color:#000; transition:0.53s ease; padding:10px 0px; border:3px solid #efefef; margin:20px 0px;}
 		.imgQRcode img { max-width:272px; }
 		.imgQRcode span { text-align:right; font-size:20px; display:inline-block; margin:8px 0 0 0; }
	.galList ul li div.galBox .galTit02 { margin:0; padding:10px 15px 12px 15px; background:#f8f8f8; color:#000; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.5em; height:2.4em; text-align:center; }
	.galList ul li div.galBox .galTit02 img { margin:0 5px 0 0;}
	.galList .galBox .icon_hover { color:#fff; width:100%; min-height:34px; border:1px solid #00589a; background:#00589a; transition:0.3s all; }
		.galList .galBox .icon_hover:hover { color:#00589a; background:#fff; }
		
	.listFilter { text-align:center; margin:20px 0; }
	.listFilter label { color:#333 !important; }
	
	.comWayMap { margin:20px 0 0 0; height:500px; line-height:300px; border:1px solid #ccc; text-align:center; font-size:20px; }
		.comWaySub { background:#f8f8f8; overflow:hidden; }
			.comWaySub li { float:left; width:50%;  }
			.comWaySub p.ico01 { margin:0; background:url(/resource/img/comWaySub01.png) 20px 16px no-repeat; padding:20px 0 20px 61px; font-size:14px; }
			.comWaySub p.ico02 { margin:0; background:url(/resource/img/comWaySub02.png) 20px 16px no-repeat; padding:20px 0 20px 61px; font-size:14px; }
			.comWayTxt { margin:8px 0 0 0; display:table; width:100%; }
				.comWayTxt span.tit { display:table-cell; width:80px; color:#0e62c1; position:relative; padding:0 10px; }
				.comWayTxt span.tit.type02 { width:150px; }
				.comWayTxt span.txt { display:table-cell; }
				.comWayTxt span:before { content:'·'; position:absolute; top:0; left:0; }
				
	.arsList03 { overflow:hidden; margin:0 0 0 -15px; }
		.arsList03 li { float:left; width:25%; }
		.arsList03 li .arsListIn { padding:0 0 0 15px; }
		.arsList03 li p.arsTit { height:32px; line-height:32px; border:1px solid #000; color:#000; text-align:center; }
		.arsList03 li span.arsNum { display:block; text-align:center; font-size:16px; color:#3077c7; text-align:center; }
		.arsList03 li span.arsNum span { font-wieght:500; font-size:24px; display:inline-block; margin:0 2px 0 0; }
		
	.introMI { padding:30px 0px; background:#eaeff4; position:relative; display:table; width:100%; }
		.introMI a.icon_hover { color:#fff; width:auto; min-height:32px; border:1px solid #33a0f3; background:#33a0f3; transition:0.3s all; margin:10px 0 0 0; display:block; line-height:32px; text-align:center; letter-spacing:0}
		.introMI a.icon_hover:hover { color:#33a0f3; background:#fff; }
		.introMI a.icon_hover img {margin:0 3px 0 0}
		
		.introMI .introMIL { display:table-cell; width:280px; padding:0 20px;  }
		
		.introMI .introMIR { display:table-cell; vertical-align:top; padding:0 20px; }
		.introMI .introMIR .txt01 { margin:0; }
		
	.colorMi { overflow:hidden; }
		.colorMi li { float:left; width:50%; }
		.colorMi li .colorMiBox { padding:0 0 0 10px; }
		.colorMi li:first-child .colorMiBox { padding:0 10px 0 0; }
	.sectionSubG { background:#f9f9f9; padding:20px; margin:30px 0 0 0;  }
	
	.previewBox { overflow:hidden; }
		.previewBox li { float:left; width:50%; min-height:100px; margin:50px 0 0 0; }
	 	.previewBox li .previewIn { padding:30px 45px; border:1px solid #eaeff5; position:relative; min-height:154px; }
	 	.previewBox li:first-child .previewIn { border-right:none;  }
	 	.previewBox li .previewIn.two { background:url(/resource/img/sub11_04_02_02.png) no-repeat 90% 100%; }
	 	.previewBox li .previewIn.three { background:url(/resource/img/sub11_04_03_01.png) no-repeat -20% 60%; min-height:400px; }
	 	.previewBox li .previewIn.four { background:url(/resource/img/sub11_04_03_02.png) no-repeat 90% 80%; min-height:400px; }
	 	.previewBox li .previewIn:after { content:''; position:absolute; top:0; right:0; width:20px; height:62px; background:#eaeff5; }
	 
	 .preInfo { display:table; width:100%; margin:20px 0 0 0; }
	 	.preInfo .preInfoL { display:table-cell; vertical-align:middle; width:150px; padding:0 0 0 20px; }
	 	
	 	.preInfo .preInfoR { display:table-cell; }
	 	.preInfo .preInfoR p i { font-style:normal; }
	
	/* 泥⑤��뙆�씪�쁺�뿭 */
		.bu_fileIcon { background-color: #fff; color: #00589a; border:1px solid #00589a; text-align: center; min-height: 32px; line-height: 32px; min-width: 178px; transition: 0.3s all; display: inline-block; padding:0 16px; }
		.bu_fileIcon.etc { margin:5px 0; }
		.bu_fileIcon:hover { background:#00589a; color:#fff; }
			.bu_fileIcon span.ico { display:inline-block; width:16px; height:15px; background:url(/resource/img/download_icon02_on.png) no-repeat; margin:0 10px 0 0; position:relative; top:2px; }		
			.bu_fileIcon:hover span.ico { background:url(/resource/img/download_icon02.png) no-repeat; }
			.boardImgBtn { max-width:400px; }
			.boardImgBtn a.bu_fileIcon { margin:10px 0 0 0; display:block; }
		.bu_linkIcon { background-color: #fff; color: #00589a; border:1px solid #00589a; text-align: center; min-height: 32px; line-height: 32px; min-width: 178px; transition: 0.3s all; display: inline-block; padding:0 16px; }
		.bu_linkIcon:hover { background:#00589a; color:#fff; }
		.bu_linkIcon span.ico { display:inline-block; width:16px; height:15px; background:url(/resource/img/link_icon02_off.png) no-repeat; margin:0 10px 0 0; position:relative; top:2px; }		
		.bu_linkIcon:hover span.ico { background:url(/resource/img/link_icon02_on.png) no-repeat; }
		
		.bu_searchIcon { background-color: #fff; color: #33a0f3; border:1px solid #33a0f3; text-align: center; min-height: 32px; line-height: 32px; min-width: 178px; transition: 0.3s all; display: inline-block; padding:0 16px; }
		.bu_searchIcon:hover { background:#33a0f3; color:#fff; }
		.bu_searchIcon span.ico { display:inline-block; width:18px; height:17px; background:url(/resource/img/icon_search01_on.png) no-repeat; margin:0 10px 0 0; position:relative; top:4px; }		
		.bu_searchIcon:hover span.ico { background:url(/resource/img/icon_search01.png) no-repeat; }
		
		.bu_penIcon { background-color: #fff; color: #33a0f3; border:1px solid #33a0f3; text-align: center; min-height: 32px; line-height: 32px; min-width: 178px; transition: 0.3s all; display: inline-block; padding:0 16px; }
		.bu_penIcon:hover { background:#33a0f3; color:#fff; }
		.bu_penIcon span.ico { display:inline-block; width:18px; height:17px; background:url(/resource/img/icon_pencil02.png) no-repeat; margin:0 10px 0 0; position:relative; top:4px; }		
		.bu_penIcon:hover span.ico { background:url(/resource/img/icon_pencil02_on.png) no-repeat; }
		
		
		.boardImgBtn a.bu_linkIcon {margin:10px 0 0; display:block}
		
		
	/* EOD : 泥⑤��뙆�씪�쁺�뿭 */
	
	/* �뿰�쁺 �쁺�뿭 */
	
	.historyC {margin:0 0 50px}
	.historyC > ul > li {padding: 40px 0 0;position:relative;display:inline-block;width:100%;}
	.historyC > ul > li:before {content:"";position:absolute;left: 18%;top:0;bottom:0;border-left:1px dotted #e7e7e7;}
		.historyL {width: 18%;text-align:center;float:left;color:#3077c7;font-size:20px;}
		.historyL p {margin: 0; line-height:1; border-bottom: 1px dotted #e7e7e7; height:44px;}
		.historyL strong {font-size:38px;font-weight: 500;}
		.historyR {width: 82%;float:right;}
		.historyR p {font-size:20px;color:black;margin: 0;margin: 0; padding:10px 0 0 70px; border-bottom: 1px dotted #e7e7e7; height:34px;}
	    .historyR span {display:inline-block; margin:10px 0 0 70px; font-size: 14px;  color: #717171;}
	    .historyR ul li {position:relative; margin:25px 0 0}
	    .historyR ul li:first-child {margin:0}
	    .historyR ul li:first-child:before {content: ""; position: absolute; top: 37px; left: -7px; width: 15px; height: 15px;  background: url(/resource/img/history_circle01.png) no-repeat;}
		.historyR ul li:before  {content: ""; position: absolute; top:40px; left: -4px; width:9px; height:9px;  background: url(/resource/img/history_circle02.png) no-repeat;}

	/* EOD : �뿰�쁺 �쁺�뿭 */
	
	/* 愿��옣 �쁺�뿭 */
	
	.DirBoxIn {width:1225px; display:inline-block}
	.DirBoxIn ul li {float:left; width:220px; text-align:center; margin:30px 25px 0 0}
		.Dirhead {border:1px solid #d7d7d7; height:46px; line-height:46px; color:#7d7d7d; font-size:16px}
		.Dirhead strong {font-size:20px; color:black; font-weight:500; margin:0 0 0 5px}
		.DirCon {text-align:center; padding:19px 0 15px; background-color:#f2f2f2; border:1px solid #d8d8d8; border-top:0;}
		.DirCon p {margin:15px 5px 0; font-size:14px; color:#606060}
		.DirCon .imgBox {width:100%; max-width:180px; margin: 0 auto; border:1px solid #d7d7d7} 
		.DirCon .imgBox img {width:100%}
		
	/* EOD : 愿��옣 �쁺�뿭 */
	
	.grayBox {background-color:#f8f8f8; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin:20px 0 0; padding:10px 30px}
	.grayBox ul li {margin:13px 0; font-size:14px; color:#000; position:relative}
	.grayBox ul li:before {content:"-"; position:absolute; left:-10px; top:-1px;}
	
	/* 議곗쭅�룄 �쁺�뿭 */
	
	
	.orgaBox {margin:50px 0 0; display:inline-block; width:100%; background:url("/resource/img/orga_line.svg") no-repeat; background-position:center;} 
	.orgaBox .orga_main {width:250px; height:60px; line-height:60px; background-color:#355376; color:white; display:block; margin:0 auto; text-align:center; font-size:20px}
	.orgaBox .orga_1dep {width:250px; height:60px; line-height:60px; background-color:#58a87c; color:white; display:block; margin:80px auto; text-align:center; font-size:20px}
	.orgaBox .orga_1dep.type02 {background-color:#5b77a9}
	    .orga_sub {display:flex; padding:0 10px}
		.orga_sub > li {float:left;}
		.orga_sub > li.first {width:auto; margin:220px 0 0 0;}
		.orga_sub > li.second {width:auto; margin: 0;}
		.orga_sub > li.thrid {width:auto;}
		.orga_sub > li.thrid ul li:last-child a {word-break: break-all;}
			.orga_2dep {display:flex;}
			.orga_2dep > li {float:left; display:table; margin:0 2px;}
			.orga_2dep > li > a {width:auto;letter-spacing: -0.8px;padding: 0 12px; word-break:keep-cell; height:50px; display:table-cell; vertical-align:middle; background-color:#e5f4f8; text-align:center; font-size:13px; color:#667b80; transition:0.3s all}
			.orga_2dep > li > a:hover {background-color:#355376; color:white}
			.orga_2dep > li > a > span {display:block}
			.orga_sub > li.second li > a {background-color:#e8f4ed; color:#6c9681; word-break:keep-all;}
			.orga_sub > li.second li > a:hover {background-color:#58a87c; color:white}
			.orga_sub > li.thrid li > a {background-color:#e8edf6; color:#69758b;  word-break:keep-all;}
			.orga_sub > li.thrid li > a:hover {background-color:#5b77a9; color:white}
			
	.orga_txt {color:#717171; font-size:16px; text-align:right; margin:20px 0; line-height:1}	
	
	/* EOD : 議곗쭅�룄 �쁺�뿭 */
	
	/* 표본 대여 및 소재 분양 */
	.rentalLinkBox {display: flex; justify-content: flex-start; align-items: center; margin: 50px auto 130px;}
	.rentalLinkBox > li {border: 1px solid #EDF2F8; box-sizing: border-box; padding: 5%; width: 50%; display: flex; flex-direction: column; align-items: center;}
	.rentalLinkBox > li:first-child {margin-right: 35px;}
	.rentalLinkBox > li > span {display: inline-block; margin-bottom: 18px; color: #000; font-size: 24px; font-weight: 500;}
	.rentalLinkBox > li > p {font-size: 15px; color: #666; margin-bottom: 27px;}
	.rentalLinkBox > li > a {border: 1px solid #00589A; color: #00589A; text-align: center; color: 14px; padding: 5px 50px;}
	
	/* font */
	html,body { letter-spacing:-0.6px;}
	.conbodyT1 {font-size:32px; color:#000; margin:35px 162px 45px 0; font-weight:400; line-height:1}
	.conbodyT2 {font-size:28px; color:#000; margin:60px 0 0; line-height:1;  font-weight: 400; position:relative}
	.conbodyT2 span {vertical-align:middle}
	.conbodyT2 select {margin:0 3px; min-width:147px; height:37px; line-height:37px; color:#333; padding:0 0 0 12px; border:1px solid #c7c7c7; float:right}
	.conbodyT3 {font-size:24px; color:#000; margin:0 0 20px 0; line-height:1.2; font-weight:400; letter-spacing:-2px; }
	.conbodyT4 {font-size:20px; margin:36px 0 17px 0; color:#000; font-weight:normal; line-height:1.2; }
	.conbodyT5 {font-size:18px; margin:36px 0 17px 0; color:#000; font-weight:normal; line-height:1.2; padding:0; }
	
	.txt_black { color:#333 !important; }
	.txt_blue { color:#0e62c1 !important; }
	.txt_blue02 { color:#2b74fa !important; }
	.txt_gray { color:#717171 !important; }
	
	.txt_default {font-size:14px; color:#717171; line-height:1.4; margin:12px 0 0 0; }
		.txt_default + .txt_hyphen { margin:12px 0 3px 0; }
		.txt_default + .txt_bullet02 { margin:12px 0 3px 0; }
	.txt_bullet { font-size:14px; color:#717171; line-height:1.4; margin:12px 0 0 0; padding:0 0 0 10px; position:relative; }
		.txt_bullet:before { position:absolute; content:'·'; top:-1px; left:0;  }
		.txt_bullet + .txt_hyphen { margin:12px 0 3px 0; }
		.txt_bullet + .txt_etc02 { margin:12px 0 3px 0; }
	.txt_bullet02 { font-size:13px; color:#717171; line-height:1.4; margin:0 0 3px 0; padding:0 0 0 20px; position:relative; }
		.txt_bullet02:before { position:absolute; content:'·'; top:-1px; left:11px;  }
	
	.txt_hyphen { font-size:13px; color:#717171; line-height:1.4; margin:0 0 3px 0; padding:0 0 0 20px; position:relative; }
		.txt_hyphen:before { position:absolute; content:'-'; top:-1px; left:12px; }
	.txt_etc { font-size:14px; margin:12px 0 0 0; color:#717171; padding:0 0 0 16px; position:relative; }
		.txt_etc > span { position:absolute; left:0; top:0; }
		.txt_etc i { font-style:normal; }
	.txt_etc02 { font-size:13px; color:#717171; line-height:1.4; margin:0 0 3px 0; padding:0 0 0 26px; position:relative; }
		.txt_etc02 > span { position:absolute; top:0; left:12px; }
		
	.nowTxt { display:inline-block; margin:40px 0 15px 0; color:#333; font-size:14px; }
	.nowTxt span.nowBig { font-size:20px; }
	.nowTxt .txt_m_red { color:#f47149; }		
	
	.img_On { display:inline-block; font-size:14px; color:#fff; text-align:center; width:56px; height:31px; line-height:24px; background:url(/resource/img/img_borad_ico01.png) no-repeat; }
	.img_Off { display:inline-block; font-size:14px; color:#fff; text-align:center; width:56px; height:31px; line-height:24px; background:url(/resource/img/img_borad_ico02.png) no-repeat; }
	.img_subName { font-size:20px; margin:40px 0 20px 0; color:#333; }
	.img_subName02 { font-size:20px; margin:0 0 20px 0; color:#2b74fa; }
	.img_subName03 { font-size:20px; color:#333; margin:0 0 15px 0; border-bottom:1px solid #ccc; padding:0 0 15px 0; }
	/* EOD : font */
	
	/* table */
	.tableScroll .table_normal { margin:20px 0 0 0; }
	.table_preview { width:100%; }
	.table_preview tbody tr td { color:#717171; /* padding: 10px; */ }
	.table_preview tbody tr td strong {color:#333; font-weight: 500;}
	.table_preview tbody tr.notice a {color:#000}
	.table_preview tbody a:hover {color:#0e62c1}
	.table_preview .bl { border-left:1px solid #d7d7d7 !important; }
	.table_preview .bl0 { border-left:none !important; }
	.table_preview .br { border-right:1px solid #d7d7d7 !important; }
	.table_preview .br0 { border-right:none !important; }
	#fileList{overflow:hidden;}
	#fileList a { color:#3077c7;     display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	/* EOD : table */
	
	/* total search */
	
	.totalSearchBox {text-align:center; padding:0px 0px 50px;}	
	.totalTextBox {font-size:24px; color:#333;}
	.totalTextBox strong {font-weight:600;}
	.totalTextBox span {color:#3077c7;}
	.totalTop {padding:40px 0px 15px; border-bottom:1px solid #d7d7d7; font-size:14px; color:#333;}
	.totalTop .totalName {font-size:20px;}
	.totalTop .totalNum {color:#ec7700;}
		.totalTopR {float:right; margin-top:15px;}
		.totalTopR a  {color:#3077c7; font-size:13px}
		.totalTopR a .icon-k-next {font-size:12px; margin:0 0 0 5px; position:relative; transition: 0.2s;} 
	 	.totalTopR a .icon-k-next:after {content:"\e904"; position:absolute; top:0; right:0; transition:all 0.2s ease;}
	 	.totalTopR a:hover .icon-k-next {margin:0 0 0 7px; }
	 	.totalTopR a:hover .icon-k-next:after {right:4px; animation-delay:0.7ms}
		
	.totalList > li {padding:20px 0px; border-bottom:1px solid #d7d7d7; position:relative; display:inline-block; width:100%;}
		.totalBoxL {float:left; width:140px; height:90px; overflow:hidden; margin-right:20px;}
		.totalBoxL img {width:100%;}
		.totalBoxR {display:inline-block;}
		.totalBoxR P {font-size:16px; margin:0px}
		.totalBoxR > ul {margin:10px 0 0}
		.totalBoxR > ul > li {float:left; color:#3077c7; font-size:14px; padding-right:3px;}
		.totalBoxR > ul > li img {vertical-align:-3px;}
		.totalBoxRR {position:absolute; top:20px; right:0px; color:#666; font-size:13px; text-align:right;}
		.totalBoxRR p {color:#333; margin:0px 0px 10px;  font-size:14px;}
		
	.AlarmList > li {padding:20px 0px; border-bottom:1px solid #d7d7d7; position:relative; display:inline-block; width:100%;}
		.AlarmListL {float:left; width:200px; height:123px; overflow:hidden; margin-right:20px;}
		.AlarmListL img {width:100%;}
		.AlarmListR {display:inline-block;}
		.AlarmListR > ul {margin:10px 0 0}
		.AlarmListR > ul > li {float:left; color:#3077c7; font-size:14px; padding-right:3px;}
		.AlarmListR > ul > li img {vertical-align:-3px;}
		.AlarmListRL > a {font-size:18px; margin:0 0 10px; color:#515151; display:block; transition:0.3s all ease}
		.AlarmListRL > a:hover {color:#3077c7}
		.AlarmListRL span {font-size:16px; color:#7d7d7d;}		
		.AlarmListRR {position:absolute; top:20px; right:0px; color:#666; font-size:13px; text-align:right;}
		.AlarmListRR a {color:#333; font-size:16px;}	
		

	.imgContainer img {width:100%}	
	
	/*인사말*/
	.subBox {background-color: rgba(204,211,224, 0.3); height: 207px; display: flex;align-items: center;justify-content: center;}	
	.subBox p {position:relative; margin: 0; text-align: center;font-size:28px;font-weight: 300;color: #000;}
	.subBox p:before, .subBox p:after {content:'';position: absolute;display: inline-block;width: 70px;height: 50px; background:url(/resource/img/quotes.png) no-repeat;}
	.subBox p:before {top: -10px;left: -80px;}
	.subBox p:after {right: -70px;transform: rotate(180deg);}
	.subBox p strong {color:#326AC9; font-weight:400;}
	
	.greetings_cont {display: flex;flex-flow: row-reverse;margin: 60px 0;}
	.greetings_contIn {margin-right: 70px;}
	.greetings_contIn p {margin: 0 0 20px 0;word-break: keep-all;font-size: 16px;}
	.greetings_contIn strong {font-size: 22px;font-weight: 400;color: #000;}
	.signature {display: flex; align-items: center;}
	.signature p {margin: 0;font-size: 20px;color: #000;font-weight: 500;}
	.signature img {}
	
	/*개인정보처리방침 라벨링*/
	.content_anchor {margin: 30px 0;}
	.content_anchor strong {margin-bottom: 10px;font-size:18px; font-weight: 500;color: #000;}
	.content_anchorList {display: flex;flex-wrap: wrap; /* margin: 20px 0 0px; */}
	.content_anchorList > li {min-height: 260px;flex: 1 1 30%;display: flex;flex-direction: column; align-items: center;border: 1px solid #e3e3e3; box-sizing: border-box;margin: 2px;justify-content: center;}
	.content_anchorList > li img {height: 90px;margin-bottom: 10px;}
	.content_anchorList > li a {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-size: 13px;}
	.content_anchorList > li a:hover {text-decoration: none;color: #333;}
	
	.content_anchorList .summary > li {padding: 0 20px;font-size: 14px;text-align: center;}
	.content_anchorList .summary .summary_sub {font-size: 12px;color: #00609f;}
	
		
@media all and (max-width:1650px){
	.asideLeft {display:none;}
	.asideRight ul { display:none;}
	.asideRightTop { width:auto; right:70px; }
	.asideRight { width:auto; }
	.contentLayout { padding:0 16px; }
}


@media all and (min-width:640px) and (max-width:1248px){
	.asideRightTop { width:auto; right:16px; }
	.asideRight { width:auto; }

	/* orga */
	
	.orgaBox {background:none}
	.orgaBox .orga_main {margin:0 auto 20px}
	
	.orga_sub {flex-wrap: wrap;padding:0}
		.orgaBox .orga_1dep {margin:20px auto}
		.orga_sub > li {float:none;}
		.orga_sub > li.first {width:100%; margin:0}
		.orga_sub > li.first .orga_2dep > li {width:48%; margin:5px 1%}
		.orga_sub > li.second {width:50%; margin:0; float:left;}
		.orga_sub > li.thrid {width:50%; margin:0; float:right}
			.orga_sub > li.second .orga_2dep, .orga_sub > li.thrid .orga_2dep {flex-direction: column;}
			.orga_2dep > li {margin:5px 2%; width:96%}
			.orga_2dep > li > a {width:100%; height:60px;}
			.orga_2dep > li > a > span {display:inline-block}
    
    .orga_txt {text-align:left}			
	
}



@media all and (min-width:640px) and (max-width:1220px){ /* tablet */
	
	.tabS { display:block; }
	.tabH { display:none; }
	/* table Scroll */
	.tableScroll { overflow-x:auto; overflow-y:hidden; }
		.tableScroll table { min-width:820px; }
	.imgScroll { overflow-x:auto; overflow-y:hidden; text-align:center; }
		.imgScroll img { min-width:820px; }
	/* EOD : table Scroll */
	
	.heading { padding-top:71px; }
    .heading_nav {display:none}
    .heading_Guide {display:none}
    .head_bg {width:135px}    	
    .section_Guide {font-size:14px}
    .section_GuideIn {padding:15px}
    
    .tabBox ul li a {font-size:16px}
    
    /* content */
    .contentBox { padding:0 0 30px 0; }
    
    .section { padding-bottom:0; display:block; margin:35px 0 0 0; padding:0 0 50px 0;  }
    	.section .sectionL { display:block; width:auto; vertical-align:initial; padding:0; }
    	.section .sectionC { display:block; width:auto; text-align:center; margin:30px 0; }
    	.section .sectionR { display:block; width:auto; }
   
    .section02 { padding-bottom:0; display:block; margin:35px 0 0 0; padding:0 0 50px 0; }
    	.section02 .sectionL { display:block; width:auto; vertical-align:initial; padding:0; }
    	.section02 .sectionC { display:block; width:auto; margin:35px 0; }
    	.section02 .sectionR { display:block; width:auto; text-align:center; padding:0; }

    .section03 { padding-bottom:0; display:block; margin:35px 0 0 0; padding:0 0 50px 0; }
    	.section03 .sectionL { display:block; width:auto; vertical-align:initial; padding:0; }
    	.section03 .sectionC { display:block; width:auto; margin:0; }
    	.section03 .sectionR { display:block; width:auto; }
    	.bookMark .clear { clear:none; }
    	    	
    .imgPlanViewBox {  }
    	.imgPlanViewBox .imgPlanViewL { max-width:272px; }
    	.imgPlanViewBox .imgPlanViewR { padding:0 0 0 288px; }
    	.imgPlanViewBox .imgPlanViewR .viewR_tit { padding:20px; }
    	.imgPlanViewBox .imgPlanViewL .img_boardB ul li button { max-width:272px; }
    
    
    .img_boardR .img_Off, .img_boardR .img_On { margin:15px 0 0 0; }	
    .img_subName { margin:20px 0 0 0;  }
    	
    .img_subName02 { font-size:18px; margin:15px 0 5px 0; }
    
    .galList ul li { /* width:33.3333%; */ width:50%; }
    
    .subInfoB { margin:30px 0 0 0; }
    
	.comWayMap { margin:20px 0 0 0; height:400px; }
		.comWaySub li { float:none; width:auto; }
		.comWaySub p.ico01 { border-bottom:1px dashed #dedede; background:url(/resource/img/comWaySub01.png) 0 16px no-repeat; margin:0 20px; padding:20px 0 20px 41px; }
		.comWaySub p.ico02 { background:url(/resource/img/comWaySub02.png) 0 16px no-repeat; margin:0 20px; padding:20px 0 20px 41px; }
		
	
	.previewBox li { width:auto; float:none; margin:20px 0 0 0; }
	.previewBox li .previewIn { padding:20px 35px; min-height:auto; }
	.previewBox li:first-child .previewIn { border-right:1px solid #eaeff5; }
	.previewBox li .previewIn.two { min-height:100px; }

	/* 표본 대여 및 소재 분양 - 20250115 김지안 */
	.rentalLinkBox {flex-direction: column;}
	.rentalLinkBox > li {width: 100%;}
	.rentalLinkBox > li:first-child {margin: 0 0 30px 0;}

    /* EOD : content */
    
	/* SectionF */  
    .sectionF_B {padding:15px 0}   
	    .sectionF_L > img {left:13px;}
	    .sectionF_L .sectionF_txt {padding-left:100px}
	    .sectionF_L .sectionF_txt p {font-size:16px}
	    .sectionF_L .sectionF_txt .type {font-size:12px}
	    .sectionF_L .sectionF_txt .data {font-size:12px}
	  
	    .sectionF_R > img {left:0;} 
	    .sectionF_R .sectionF_txt {padding-left:90px}
	    .sectionF_R .sectionF_txt p {font-size:16px; margin:0 0 15px}    
	    
	    .inputList li {margin:0 10px 0 0}
	    .inputList input[type="radio"]:not(old) + label {font-size:12px}
	    
	/* EOD : SectionF */
	
	/* font */
	.conbodyT1 { font-size:28px; margin:45px 95px 45px 0;  }
	.conbodyT2 { font-size:26px; margin:35px 0 15px 0; }
	.conbodyT3 { font-size:22px; margin:50px 0 15px 0; }
	.section_Guide + .section .sectionL .conbodyT3 { margin:35px 0 15px 0; }
	.conbodyT4 { font-size:16px; margin:31px 0 12px 0; }
	.conbodyT5 { font-size:14px; margin:31px 0 12px 0; }
	/* EOD : font */
	
	
	/* total search */
	.totalSearchBox {padding:71px 0 20px;}	
	.sectionC .boardImgBtn {margin:0 auto}
	
	/* �뿰�쁺 �쁺�뿭 */
	
	.historyC > ul > li:before {left:20%}
		.historyL {width:20%}
		.historyL strong {font-size:30px}
		.historyL p {height:34px}
		.historyR {width:80%;}
		.historyR p {padding:10px 0 0 50px; line-height:1; font-size:18px; height:24px}
		.historyR span {margin:10px 0 0 50px}
		.historyR ul li:first-child:before {top:27px}
		.historyR ul li:before {top:30px}
	
	/* EOD : �뿰�쁺 �쁺�뿭 */
	
	
	/* 愿��옣 �쁺�뿭 */
	
	.DirBox {overflow:hidden}
	.DirBoxIn {width:102%}
	.DirBoxIn ul {display:inline-block; width:100%}
	.DirBoxIn ul li {float:left; width:23%; text-align:center; margin:20px 2% 0 0}
	
	.Dirhead {font-size:14px}
	.Dirhead strong {font-size:18px}
	.DirCon {min-height:177px}
	.DirCon .imgBox {max-width:100px}
			
	/* EOD : 愿��옣 �쁺�뿭 */
	
	
	/* �넻�빀寃��깋 */
	
	.totalBoxR > p {margin:10px 100px 10px 0}
	.AlarmListL {margin:0 20px 10px 0}
	.AlarmListRL > p {margin:0 100px 10px 0}
	
	/* EOD : �넻�빀 寃��깋 */	
}

@media all and (max-width:1024px) {
	/*인사말*/
	.subBox p {font-size:20px;}
	.subBox p:before, .subBox p:after {width: 50px;height: 30px;background-size: contain; }
	.subBox p:before {left: 0; top: -35px;}
	.subBox p:after {right: 0; bottom: -35px;}
	.greetings_cont {flex-wrap:wrap;justify-content: left;}
	.greetings_contIn strong {font-size:18px;}
	.greetings_contIn p {font-size:14px;}
	.greetings_bg {width:100%; max-width:300px;}
	.signature img {width:150px;}
	
	/*개인정보처리방침 라벨링*/
	.content_anchorList > li {flex: 1 1 40%;}
	
	/*생물산업 지원연구*/
	.section-cont {flex-wrap: wrap;padding: 0 0 25px 0;}
	.section-cont .sectionC-cont {margin:0;}
    .section-cont .sectionC-contIn {flex-wrap: wrap; flex-direction: column; align-items: center;margin: 10px 0;}
    .section-cont .sectionC-cont .sectionR {margin: 20px 0 0 0;}
	
	/* 표본 대여 및 소재 분양 - 20250115 김지안 */
	.rentalLinkBox {flex-direction: column;}
	.rentalLinkBox > li {width: 100%; padding: 25px;}
	.rentalLinkBox > li:first-child {margin: 0 0 30px 0;}
	.rentalLinkBox > li > img {max-width: 250px;}
}
	
@media all and (max-width:640px) { /* phones */
	.AlarmListL {display:block; float:none;}
	.AlarmListR {display:block;}
	.AlarmListRR {top:184px;}
	.asideRightTop { width:auto; right:10px; }
	.asideRight { width:auto; }
		
	.tabH { display:none; }
	.tabS { display:block; }
	/* new type */
    .dan2 {width:100%;}
    
    .galList ul li div.galBox .galImg img {height:100%;width:100%;}
    
    
    /* popup */
    
    .popupCBoxIn > .bu_p_black {width:100%}
    .popupCBoxIn input[type="password"] {width:100%; margin:10px 0}
    .popupF button {min-width:140px}
	
	
	/* table Scroll */
	.tableScroll { overflow-x:auto; overflow-y:hidden; }
		.tableScroll table { min-width:480px; }
	.imgScroll { overflow-x:auto; overflow-y:hidden; text-align:center; }
		.imgScroll img { min-width:480px; }
	/* EOD : table Scroll */
	
	.contentLayout {padding:0 10px;}
	.contentLayoutIn {padding:0;}	

	.heading { padding-top:55px; }
	.heading_nav {display:none}
	  .head_bg {width:105px}
	  
   /* .tabBox {display:none}     */
          
   .heading_Guide {display:none}
   .section_Guide {font-size:14px}
   .section_GuideIn {padding:15px; line-height:20px}

   .section_TxtBox {font-size:14px;}		
	  .section_TxtBoxIn {padding: 15px; color: #000;  line-height:20px}

    /* content */
    .contentBox { padding:0 0 20px 0; }
    
    .section { padding-bottom:0; display:block; margin:35px 0 0 0; padding:0 0 35px 0; }
    	.section .sectionL { display:block; width:auto; vertical-align:initial; padding:0; }
    	.section .sectionC { display:block; width:auto; text-align:center; margin:0 0 20px 0; padding:0; }
    		.section .sectionC img { max-width:100%; } 
    	.section .sectionR { display:block; width:auto; }
    	.sectionR_box {display:block; width:auto;}
    	.sectionR_box p{margin-left:0;}
    .section02 { padding-bottom:0; display:block; margin:35px 0 0 0; padding:0 0 35px 0; }
    	.section02 .sectionL { display:block; width:auto; vertical-align:initial; padding:0; }
    	.section02 .sectionC { display:block; width:auto;  }
    	.section02 .sectionR { display:block; width:auto; text-align:center; margin:0 0 30px 0; padding:0; }
    		.section02 .sectionR img { max-width:100%; }
    		
    .section03 { padding-bottom:0; display:block; margin:35px 0 0 0; padding:0 0 35px 0; }
    	.section03 .sectionL { display:block; width:auto; vertical-align:initial; padding:0; }
    	.section03 .sectionC { display:block; width:auto; margin:0 0 20px 0; padding:0; }
    		.section03 .sectionC img { max-width:100%; } 
    	.section03 .sectionR { display:block; width:auto; }
    	.bookMark .clear { clear:none; }
    	
    		
    .imgPlanViewBox { padding:15px 0; }
    	.imgPlanViewBox .imgPlanViewL { float:none; text-align:center; width:auto; margin:0 0 15px 0; }
    	.imgPlanViewBox .imgPlanViewL span { max-width:272px; display:inline-block; }
    	.imgPlanViewBox .imgPlanViewR { padding:0; }
    	.imgPlanViewBox .imgPlanViewR .viewR_tit { padding:15px; font-size:13px; }
    		.imgPlanViewBox .imgPlanViewR .viewR_tit li { float:none; margin:4px 0 0 0; }
    		.imgPlanViewBox .imgPlanViewR .viewR_tit li:first-child { margin:0; }
    	.imgPlanView .planTitle { font-size:18px; margin:20px 0 0 0; }
    	.imgPlanView span.img_On, .imgPlanView span.img_Off { display:block; margin:0 0 5px 0; }
    	.imgPlanView .planTitle span.planDate { position:relative; top:0; display:block; margin:5px 0; color:#717171; }
		.imgPlanViewBox .imgPlanViewL .img_boardB ul li button { max-width:272px; }
		    
	.img_boardR .img_Off, .img_boardR .img_On { margin:15px 0 0 0; }	
    .img_subName { margin:20px 0 0 0;  }
    .img_subName02 { font-size:18px; margin:15px 0 5px 0; } 
    .subInfoB p.subInfoB01 { width:36px; }
    .subInfoB img { width:26px; }
     
    .imgPlanView.learning .imgPlanViewBox .imgPlanViewL { display:block; width:auto; }
    	.imgPlanView.learning .imgPlanViewBox .imgPlanViewR { padding: 0; }
    	
    .galList { padding:5px 0 0 0; }
    .galList ul li { width:100%; }
    .galList ul li div.galBox { margin:15px 10px 0 10px; }
    
    .galList ul li div.galBox .galImg { height:auto; }
    .galList ul li div.galBox .galImg.type01 { height:auto; }
 	.galList ul li div.galBox .galImg.type02 { height:auto; }
 	.galList ul li div.galBox .galImg.type03 { height:auto; }
 	.galList ul li div.galBox .galImg.type04 { height:auto; }
 	
	  /* default -> �깮臾쇰떎�뼇�꽦 E-BOOK */
	  /* type01 -> �깮臾쇰같��留덈떦 */
	  /* type02 -> 湲고쉷�쟾�떆�븞�궡 */
	  /* type03 -> 怨듬え�쟾�닔�긽�옉 175px + 踰꾪듉 �겕湲� 43px */
	.img_board .img_boardS .img_boardL .cropImg { height:auto; } 		
	.img_board.type01 .img_boardS .img_boardL .cropImg { height:auto; }
	.img_board.type02 .img_boardS .img_boardL .cropImg { height:auto; }
	.img_board.type03 .img_boardS .img_boardL .cropImg { height:auto; }
    
    .subInfoB { margin:30px 0 0 0; }
    
	.comWayMap { margin:20px 0 0 0; height:300px; }
		.comWaySub li { float:none; width:auto; }
		.comWaySub p.ico01 { border-bottom:1px dashed #dedede; background:url(/resource/img/comWaySub01.png) 0 50% no-repeat; margin:0 20px; padding:20px 0 20px 41px; }
		.comWaySub p.ico02 { background:url(/resource/img/comWaySub02.png) 0 50% no-repeat; margin:0 20px; padding:20px 0 20px 41px; }
		.comWayTxt span.tit { display:block; width:auto; padding:0 0 0 10px; margin:0 0 8px 0; }
		.comWayTxt span.txt { display:block;  }
		
	.arsList03 { margin:0; }
		.arsList03 li { }
		.arsList03 li p.arsTit { margin:10px 0 5px 0; border-left:none; }
		.arsList03 li:first-child p.arsTit { border-left:1px solid #000; }
		.arsList03 li .arsListIn { padding:0 0 0 0; }
		
	.introMI { padding:20px; display:block; width:auto; }
		.introMI .introMIL { display:block; padding:0; margin:0 auto; width:auto; max-width:280px; }
			.introMI .introMIL img { max-width:100%; }
		.introMI .introMIR { display:block; padding:0; margin:15px 0 0 0; }
	
	.colorMi li { float:none; width:auto; }
	.colorMi li .colorMiBox { padding:0; }
	.colorMi li:first-child .colorMiBox { padding:0; margin:0 0 12px 0; }
	
	.previewBox li { width:auto; float:none; margin:20px 0 0 0; }
	.previewBox li .previewIn { padding:20px 15px; min-height:auto; }
	.previewBox li:first-child .previewIn { border-right:1px solid #eaeff5; }
	.previewBox li .previewIn.two { min-height:100px; }
	.previewBox li .previewIn:after { width:15px; height:35px; }
	
	.preInfo { margin:15px 0 0 0; border:1px solid #ededed; width:auto; padding:10px 0;  }
	.preInfo .preInfoL { display:block; padding:0; width:auto; border-bottom:1px dashed #ededed; margin:0 10px 10px 10px; padding:0 0 10px 0; }
	.preInfo .preInfoL img { width:50px;  }
	.preInfo .preInfoR { display:block; }
    /* EOD : content */
    
    /* SectionF */
	  
    .sectionF_B {padding: 20px 0; margin: 30px 0 0 0;}   
        .sectionF_L {width:100%; min-height:auto; margin:0 0 30px 0}
	    .sectionF_L > img {left:13px;}
	    .sectionF_L .sectionF_txt {padding-left: 100px;}
	    .sectionF_L .sectionF_txt p {font-size: 14px; margin: 5px 0;}
	    .sectionF_L .sectionF_txt .type {font-size:12px}
	    .sectionF_L .sectionF_txt .data {font-size:12px}
	  
	    .sectionF_R {width:100%}
	    .sectionF_R > img {left: 16px;} 
	    .sectionF_R .sectionF_txt {padding-left: 100px;}
	    .sectionF_R .sectionF_txt p {font-size: 14px; margin:5px 0;}    
	    
	    .inputList li {margin:0 10px 0 0}
	    .inputList input[type="radio"]:not(old) + label {font-size:12px}
	/* EOD : SectionF */
   
   /* font */
  .conbodyT1 {font-size:24px; margin:38px 0; padding:0 80px 0 0}	
  .conbodyT2 {font-size:22px; margin:30px 0 0 0;}
  .conbodyT3 {font-size:18px; margin:0 0 15px 0;}
  .sectionL .conbodyT3 {margin:0 0 15px 0}
  .conbodyT4 {font-size:14px; margin:30px 0 10px 0; }
  .conbodyT5 {font-size:13px; margin:30px 0 10px 0; }

  .txt_default { line-height:1.6; margin:8px 0; font-size:12px; }
  .txt_default02 { margin:15px 0 12px 0; font-size:15px; }
  
  .txt_bullet  { font-size:12px; }
  .txt_bullet02 { padding:0 0 0 16px;  }
  	.txt_bullet02:before { left:7px; }
  .txt_hyphen { font-size:11px; padding:0 0 0 16px; }
  	.txt_hyphen:before { left:8px; }
  .txt_etc { font-size:12px; }
  .txt_etc02 { font-size:12px; padding:0 0 0 22px; }
  	.txt_etc02 span { left:8px; }
  /* EOD : font */
  
  /* total search */
  .totalSearchBox {padding:56px 0 0;}	
  .totalTextBox {font-size:18px}
  
  .sectionC .boardImgBtn {margin:0 auto}
  
  
  /* 議곗쭅�룄 �쁺�뿭 */
	
	.orgaBox {background:none}
	.orgaBox .orga_main {margin:0 auto 20px; width:150px; height:40px; line-height:40px; font-size:16px}
	
	.orga_sub {flex-wrap: wrap;padding:0;}
		.orgaBox .orga_1dep {margin:20px auto; width:140px; height:40px; line-height:40px; font-size:16px}
		.orga_sub > li {float:none;}
		.orga_sub > li.first {width:100%; margin:0}
		.orga_sub > li.first .orga_2dep > li {width:48%; margin:5px 1%}
		.orga_sub > li.second {width:50%; margin:0; float:left;}
		.orga_sub > li.thrid {width:50%; margin:0; float:right}
			.orga_sub > li.second .orga_2dep, .orga_sub > li.thrid .orga_2dep {flex-direction: column;}
			.orga_2dep > li {margin:5px 2%; width:96%}
			.orga_2dep > li > a {width:100%; height:40px; font-size:14px}
			.orga_2dep > li > a > span {display:inline-block}
			
   .orga_txt {font-size:14px; text-align:left; margin:10px 0; line-height:1.4; }			

  /* 諛⑸Ц �썑湲� �쁺�뿭 */
  
  
  .confirmLeft {width:100%; margin:0 0 15px}
  .confirmRight , .confirmRight ul li {width:100%}	
  .confirmRight ul li:first-child .confirm_con {border-right:1px solid #d7d7d7}	
  
  /* �뿰�쁺 �쁺�뿭 */
	
  .historyC > ul > li:before {left: 35%;}
	.historyL {width: 35%;}
	.historyL strong {font-size:26px}
	.historyL p {height:34px}
	.historyR {width: 65%;}
	.historyR p {padding: 10px 0 0 30px;line-height:1;font-size:18px;height:24px;}
	.historyR span {margin: 10px 0 0 30px;}
	.historyR ul li:first-child:before {top:27px}
	.historyR ul li:before {top:30px}
	
   /* EOD : �뿰�쁺 �쁺�뿭 */
  	
  
   /* 愿��옣 �쁺�뿭 */
	
	.DirBox {overflow:hidden; margin:20px 0 0}
	.DirBoxIn {width:102%}
	.DirBoxIn ul {display:inline-block; width:100%}
	.DirBoxIn ul li {float:left; width:48%; text-align:center; margin:2% 2% 0 0}
	
	.Dirhead {font-size:14px}
	.Dirhead strong {font-size:18px}
	.DirCon {min-height:177px}
	.DirCon .imgBox {max-width:100px}
			
	/* EOD : 愿��옣 �쁺�뿭 */	
	
	
	/* �넻�빀寃��깋 */
	
	.totalBoxR > p {margin:10px 100px 10px 0}
	.AlarmListL {margin:0 20px 10px 0}
	.AlarmListRL > p {margin:0px 100px 10px 0}
	
	/* EOD : �넻�빀 寃��깋 */	
	
	
	.videoBox iframe {width:100% !important; max-width:640px !important; min-height:500px !important; height:auto;}
	.bv-media .bv-video {width:100% !}
}

@media all and (max-width:640px) {
	/*개인정보처리방침 라벨링*/
	.content_anchorList > li {flex: 1 1 50%;min-height: 220px;}
}


/* EOD : Content Guide */