/*메인 레이아웃 */
@media  (max-width:1400px) {
.swiper-slide { 
    /*width: 31% !important;*/
 }
 .con-txt-banner {
    flex-basis: 55%;
 }
 .con-img-banner {
    flex-basis: 40%;
 }
 .quick-link {
    padding : 2rem 3rem;
 }

.contents-warp-main {padding: 0 0;}
.main-search{
    padding-top: 2em;
}
#swiper02 {
    height: auto !important;
    overflow: hidden;
    list-style: none;
    z-index: 1;
    display: block;
}

}

@media  (max-width:1200px) {
    .swiper-slide {
  }
  .quick-link {
    padding : 1.7rem 2rem;
 }
 .link-item p {
    padding-left : 0.7em;
 }
}

@media  (max-width:1400px) {
    .con-area {
        flex-wrap: wrap;
    }
    .con-txt-banner {
        flex-basis: 100%;
     }
     .con-img-banner {
        flex-basis: 100%;
        margin-top:1.5rem;
     }
     .quick-link {
        justify-content: flex-start;
        gap:25px;
     }
     .link-item {
        width: 30%;
     }
}

@media  (max-width:910px) {
    .bigsubject-wrap { flex-direction: column;}
    .txtShort a { width: 15%;}
}

@media  (max-width:800px) {
    .quick-link {
        justify-content: space-between;
     }
     .link-item {
        width: 45%;
     }
}


@media  (max-width:480px) {
    #container { padding: 2rem 0;}
    /*.f-btm-ban {display: none;}*/
    .link-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
    .link-item p { padding: 0; padding-top: 0.7em; font-size: 1em;}
    .quick-link { padding: 1.5rem 0.7rem;}
}

@media screen and (max-width:1750px){
#wrap { width: 100%; float: unset; left: 0;}
.contents-wrap {
    width:100% ;
    padding: 0 4%;
    left: 0;
}

@media screen and (max-width:600px) {
    .contents-wrap {
        padding-top: 5%;
    }
}


#wrap .top-banner{display:none}
#wrap .top-area{display:none}
#wrap .top-eg{display:none}
#wrap nav{display:none}
    #header{height:92px;line-height:92px; width: 100% !important;}
    #header > h1 {display: none;}
#header h1{height:92px;background-image:url(../images/common/phone-logo2.png);background-repeat: no-repeat;background-position: 0 16px;background-size:425px 60px}
#header h1 a{display:block;width:50%;height:92px;font-size:0px}
#footer{margin-top:0px}
.main-tab-site{display:block}
.top-button {display:none}
.main-f-site{display:none}
.btn-sitemap{display:none}
.m-dis{display:none !important}

/* 모달 검색 */
.srcmodal_body { width: 100%;  }

.main-visual{overflow:hidden;height:100%}
.visual-area{width:90%;height:auto;margin-top:20px}
.visual-area ul{width:100%}
.visual-area ul li{float:left;width:47%;margin-left:2%}
.visual-banner div{width:49.5%;height:85px}
.visual-banner{float:left;width:100%;height:183px}
        .visual-banner a{font-size:1.8rem}
  
        .mySlides img{width:100%;height:100%;vertical-align:middle}
        .main-visual .event-box{position:relative;width:90%;height:450px;margin:0 auto;/* margin-top:-260px */}
		.event01{height:450px;background-position:0px bottom}
		.sch-box{width:100%;height:165px;margin:0 auto;margin-right:auto;padding-right:30px;/* border-bottom:#fff 1px solid; */text-align:center;background:none}
		.sch-box button{position:absolute;top:165px;right:50%;font-size:0px;margin-top:15px;margin-right:-330px;padding:0;background:none}

        .sch-box p{width:710px;float:none !important;position:relative;margin:10px auto;padding-top:40px;background:url("../images/main/sch-btn.png")  no-repeat 0 0;text-align:left;color:#fff}
        .sch-box p a{/* padding-right:10px; */color:#fff}
        .sch-box p a:hover{padding-right:10px;color:#333;text-decoration:underline}
        
        .event02{display:block;position:relative;width:100%;height:450px;padding-top:0px}
		.event03{display:block;position:relative;width:100%;height:450px;padding-top:150px;background:#84bbec url("../images/main/event-bg.png")  repeat-x right bottom}
		.event03 img{display:none;position:absolute;left:175px;top:100px}
		.event03 ul{display:block;width:80%;height:100%;margin:15px auto}
		.event03 ul li{float:left;margin-left:3px}
		.event03 ul li a{display:block;width:100%;height:56px;line-height:51px;margin:5px;padding:0 30px;border:#0b79c0 1px solid;border-radius:3px;background:#fff;font-size:1.2rem}
		.event03 ul li a:hover{border:#fff 1px solid;background:#0b79c0;color:#fff;font-weight:600}
        .main-visual h1{height:60px;margin:0 auto;font-size:4rem;font-weight:400;text-align:center;color:#000}
        .search-box{overflow:hidden;width:570px;height:70px;margin:0 auto;border-radius:70px;background:#fff}
        .search-box span{width:80px;height:70px;padding-top:10px;/* font-size:1.125rem; */color:#fff;background:#122c95}
        .search-box input{width:418px !important;margin:18px 10px !important;padding:0.4em 6px !important;border:0 !important;font-size:1.125rem !important}
        .search-box button{font-size:0px;margin-top:15px;padding:0;background:none}
        .search-box button i{font-size:2.462rem;color:#122c95}        .search-text{position:absolute;width:445px;height:215px;border:#ddd 1px solid;background:#fff}
        .search-texta{top:210px;left:50%;margin-left:-205px}
        .search-text2{position:absolute;height:273px;border:#ddd 1px solid;background:#fff}
        
        .prev2, .next2 {top:42%}
       
        
       
        
.main-content{position:relative;width:100%;height:100%;background:#fff}
	.main-content .body-area{position:relative;overflow:hidden;width:90%;margin:0 auto;margin-top:-70px;background:#9696ca}
        /* .main-content div a:hover{text-decoration:underline;color:#000} */
        .main-content .body-title{position:absolute;left:5%;top:110px}
        .main-content .body-title h3{line-height:40px;margin-bottom:10px;letter-spacing:-1.5px;font-size:2.7rem;font-weight:600;color:#fff}
        .main-content .body-title span{font-size:1.2rem;padding:0px !important;color:#fff}
        /* 메인 */
		.body-area .body-box{float:right;position:relative;width:1000px;height:680px;margin-right:3%}
		.body-area .body-box button{position:absolute;padding:0px;line-height:25px;background:url("../images/main/body-dot.png")  repeat-x 0 12px;color:#fff;font-size:1.125rem;font-weight:400;font-family: 'Noto Sans KR','나눔고딕','Nanum Gothic','MalgunGothic','맑은고딕','돋움','Dotum','xeicon','sans-serif';}
		.body-area .body-box button:hover{background:url("../images/main/body-dot-o.png")  repeat-x 0 12px;color:#ffeb00;font-weight:600}
		.body-area .body-bg{position:relative;margin-left:0;left:0;width:1000px;height:674px;background-image:url("../images/main/body-all.png");background-repeat: no-repeat;background-position:330px 63px}
		.body-area span{padding:0 10px}
/* 눈 */.body-area .nu{display:none;background-image:url("../images/main/body-nun.png");background-repeat: no-repeat}.body-area .nu-b{top:108px;right:50px}
/* 귀코목 */.body-area .ko{display:none;background-image:url("../images/main/body-gkm.png");background-repeat: no-repeat}.body-area .ko-b{top:143px;right:50px}
/* 뼈 */.body-area .bb{display:none;background-image:url("../images/main/body-bb.png");background-repeat: no-repeat}.body-area .bb-b{top:278px;right:50px}
/* 호흡기 */.body-area .hh{display:none;background-image:url("../images/main/body-hh.png");background-repeat: no-repeat}.body-area .hh-b{top:248px;left:239px}
/* 구강 */.body-area .ku{display:none;background-image:url("../images/main/body-kk.png");background-repeat: no-repeat}.body-area .ku-b{top:180px;right:50px}
/* 뇌 */.body-area .ne{display:none;background-image:url("../images/main/body-n.png");background-repeat: no-repeat}.body-area .ne-b{top:90px;left:239px}
/* ì •ì‹  */.body-area .ju{display:none;background-image:url("../images/main/body-js.png");background-repeat: no-repeat}.body-area .ju-b{top:130px;left:239px}
/* 비뇨 */.body-area .sa{display:none;background-image:url("../images/main/body-bn.png");background-repeat: no-repeat}.body-area .sa-b{top:506px;right:50px}
/* 피부 */.body-area .pb{display:none;background-image:url("../images/main/body-p.png");background-repeat: no-repeat}.body-area .pb-b{top:306px;right:50px}
/* 순환 */.body-area .sh{display:none;background-image:url("../images/main/body-sh.png");background-repeat: no-repeat}.body-area .sh-b{top:293px;left:239px}
/* 생식 */.body-area .ss{display:none;background-image:url("../images/main/body-ss.png");background-repeat: no-repeat}.body-area .ss-b{top:543px;right:50px}
/* 소화 */.body-area .sw{display:none;background-image:url("../images/main/body-sohw.png");background-repeat: no-repeat}.body-area .sw-b{top:362px;left:239px}
/* 내분비 */.body-area .nb{display:none;background-image:url("../images/main/body-nb.png");background-repeat: no-repeat}.body-area .nb-b{top:217px;left:239px}
/* 면혁 */.body-area .mh{display:none;background-image:url("../images/main/body-all.png");background-repeat: no-repeat}.body-area .mh-b{top:420px;left:239px}
        .main-content .body-info{position:absolute;top:300px;left:5%;width:32%;z-index:1000}
        .body-area .body-info h4{display:inline-block;height:30px;margin-left:10px;font-size:2rem;font-weight:400;text-align:left;letter-spacing:-1px;color:#fff}
        .body-area .body-info h5{display:block;height:25px;margin-left:10px;font-size:1rem;font-weight:400;text-align:left;letter-spacing:-1px;color:#fff}
        .body-area .body-info ul{overflow:hidden;margin-top:10px}
        .body-area .body-info ul li{display:inline-block;width:48%;padding:6px 4px;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .body-info .box-title{margin-bottom:10px}
        #dissPlusShow .body-more{position:absolute;top:-55px;right:5px;color:#fff}
        #dissPlusShow .body-more:hover{color:#ffeb00}
        .body-more i{margin-bottom:2px;font-size:2.5rem}
        .body-area button.active{color:#ffeb00;font-weight:600}
         .speech-bubble {
         
			position: relative;
			background-color: #fff;
			border-radius: .9em;
			padding:25px 30px
		}
        
        
		.update-box{position:relative;width:90%;margin:50px auto}
    	.update-title{overflow:hidden;display:block;width:100%;height:135px;margin-bottom:30px;border:#ddd 1px solid;border-radius:3px}
	    .update-title li{float:left;width:25%;overflow:hidden}
	    .update-title li:last-child button{border-right:none}
        .update-title button{display:block;width:100%;height:135px;margin:0px;background:#fff;border-right:#ddd 1px solid;font-size:1.5rem;font-weight:400;color:#333;letter-spacing:-1px;text-align:center}
        .update-title button:hover{background:#1c2674;color:#fff}
        .update-title button span{display:block;height:135px;padding-top:85px}
        .update-title .active button{background:#1c2674;color:#fff}
        .update-title .hn{background:url("../images/main/icon-mh.png")  no-repeat center 20px}
        .update-title .hn:hover{background:#1c2674 url("../images/main/icon-mh-o.png")  no-repeat center 20px}
        .update-title .active button > .hn{background:#1c2674 url("../images/main/icon-mh-o.png")  no-repeat center 20px;color:#fff}
        .update-title .dt{background:url("../images/main/icon-nd.png")  no-repeat center 20px}
        .update-title .dt:hover{background:#1c2674 url("../images/main/icon-nd-o.png")  no-repeat center 20px}
        .update-title .active button > .dt{background:#1c2674 url("../images/main/icon-nd-o.png")  no-repeat center 20px;color:#fff}
        .update-title .cl{background:url("../images/main/icon-nc.png")  no-repeat center 20px}
        .update-title .cl:hover{background:#1c2674 url("../images/main/icon-nc-o.png")  no-repeat center 20px}
        .update-title .active button > .cl{background:#1c2674 url("../images/main/icon-nc-o.png")  no-repeat center 20px;color:#fff}
        .update-title .ma{background:url("../images/main/icon-mv.png")  no-repeat center 20px}
        .update-title .ma:hover{background:#1c2674 url("../images/main/icon-mv-o.png")  no-repeat center 20px}
        .update-title .active button > .ma{background:#1c2674 url("../images/main/icon-mv-o.png")  no-repeat center 20px;color:#fff}
/* 
        .btn-more{position:absolute;display:block;width:25px;height:25px;right:10px;top:8px;font-size:0px;background:url("../images/main/btn-more.jpg") no-repeat 0 0}
        .btn-more:hover{background:url("../images/main/btn-more-hover.jpg")  no-repeat 0 0} */
        .update-list{overflow:hidden;display:block;margin-bottom:50px}
        .update-list li{float:left;overflow:hidden;width:24%;height:320px;margin-bottom:10px;margin-right:1.33%;border:#ddd 1px solid;border-radius:3px}
        .update-list li:nth-child(4n){margin-right:0%}
        .update-list li a{display:block;height:380px}
        .update-list li a:hover{color:#000;background:#f5f5f5}
        .update-list li a:hover h4{font-weight:600}
        .update-list li a h4{display:inline-block;line-height:37px;padding:40px 30px 20px 30px;font-size:1.8rem;font-weight:400;;text-align:center;letter-spacing:-1px}
        .update-list li a strong{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break:keep-all;/* white-space:nowrap; */overflow:hidden; text-overflow: ellipsis;width:100%;line-height:30px;height:60px;padding:0px 30px;font-size:1.313rem;font-weight:500;;text-align:left;letter-spacing:-1px}
        .update-list li a span{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:30px;padding:0px 30px;font-size:1.125rem;text-align:justify}
        .update-list li a span.photo-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:26px;padding:0px 30px;font-size:1.125rem;text-align:justify}

        .update-list li a p{overflow:hidden;height:220px;margin-bottom:20px;border-bottom: #ddd 1px solid}
        .update-list li:hover {border:solid #1c2674 1px;box-shadow:0 17px 20px -18px rgba(0, 0, 0, 1)}
      
        .f-site-box{display:none}
        .f-site-box2{display:block}
        .family-site{position:absolute;top:8px;width:200px}
		.site03{right:0px}
		.site02{right:205px}
		.site01{right:410px}
		.family-site label{width:0px;height:0px;font-size:0px}
		.family-site select{    float: left;
            width: 90%;
            height: 40px;
            margin: 0;
            border-radius: 0px;
            border-bottom: #cecece 1px solid;
            background-color: #f8f8f8;
            color: #888;
            cursor: pointer;
        }
		
		.family-site button{float:left;line-height:30px;margin:0;padding:0px 10px;border-radius:0;background:#192338;color:#ccc}
		.family-site button:hover{background:#000;color:#fff}
		.wa-img{position:absolute;bottom:0;right:0}
		.sitebox ul{position:absolute;top:0;right:0}
		.sitebox ul li{display:inline-block;line-height:40px;margin-right:10px;padding:0 15px;border-bottom:#3b4951 1px solid}
		.sitebox ul li i{margin:0 0px 7px 60px}
		.sitebox ul li a:hover{color:#fff}
		.sitebox ul li:hover{border-color:#48c1ef}
		.new-site{position:relative;width:1600px;margin:0 auto}
		.new-site div{float:left}
		.new-site ul{position:relative;}
		.new-site ul li{display:inline-block;height:35px;line-height:30px;padding:0;border-bottom:none}
		.f-site01{width:450px}
		.f-site02{width:550px}
		.f-site03{width:500px}
		.f-site01 ul li{width:180px}
		.f-site02 ul li{width:250px}
		.f-site03 ul li{width:200px}
		.new-site ul li i{margin:0 0px 7px 60px}
		.new-site ul li a:hover{color:#fff}
		.new-site ul li:hover{border-color:#48c1ef}
		.new-site div label{display:block;margin:50px 0 30px 0;font-size:1.3rem;color:#fff}
		.chat-popup {
					  display: none;
					  position: fixed;
					  width:100%;
					  height:430px;
					  bottom:355px;
					  right: 0;
					  border-bottom:#3b4951 1px solid;
					  background:#1d282f;
					  z-index: 9999;
		}
		.chat-popup button{position:absolute;top:324px;right:13;background:none;padding:0;font-size:2.5rem;color:#fff}
		.chat-popup button:hover{color:#48c1ef}
        
        
        
        
/*.hd-indexbox ul li{width:50%}*/
.sticky{width:100%;border-radius:0}
.sticky1{width:100%;border-radius:0;top:110px}
.s-class{display:none}
.progress{border-radius:0}
#toc{width:100%}
.hd-contents img{width:100%}
.rating li span{width:100%}
.hd-index a {margin: 0 4px 7px 0; width: 5.9%}
.hd-index a:not(:last-of-type){margin-right: 4px !important}
.search-sub{position:absolute;top:16px;left:auto;right:0%;margin-left:0px;width:445px;height:45px !important;border:#ddd 1px solid;border-radius:3px;background:#fff;z-index:100}

.search-menu ul li{float:left;width:100%}
/* Footer */
.text-box p{width:96%;line-height:1.5rem;padding:10px 2%;font-size:1rem !important}
		#footer ul{font-size:1rem}
		#footer ul li{padding:0 8px}
		.footer-box, .f-link {width:96%;padding:0 2%}
	
		.site02{right:206px}
		.site03{right:0px}
		#footer p{font-size:0.9rem}
/* //占쎌럲 */

    #header .m-top{display:block;position:relative;width:100%;height:100px;padding:0 1rem}
    #header .m-search{display:inline-block;position:absolute;top:30px;right:60px;width:40px;line-height:38px;font-size:2.133rem;color:#222;text-align:center}
    #header .m-allmenu{display:inline-block;position:absolute;top:30px;right:10px;width:40px;line-height:38px;font-size:2.133rem;color:#222;text-align:center}

#layer2 .m-allmenu img{width:29px;margin-left:10px}
#layer2 .m-logo2{vertical-align:middle;margin-left:10%;}

/* Layer PopUp */
.side-search-bar { display: none;}
/* 筌뤴뫀而�占쎌뵬 筌롫뗀�뤀 */
.pop-layer2{overflow:auto;display:none;position:fixed;top:0;right:0;width:75%;height:100%;background:#fff/*url('../images/trans.png')repeat 0 0*/;z-index:10}
.m-nav{
    justify-content: space-between;
    width:100%;height:92px;line-height:92px;color:#222;text-align:left;z-index:1100;background:#8891ac;
display: inline-flex; align-items: center;}
.pop-layer2 .m-tbtn{overflow:hidden;padding:10px 0;background:#eaf8ff}
.pop-layer2 .m-tbtn ul{padding:0 10%}
.pop-layer2 .m-tbtn ul li{float:left}
#wrap .m-tbtn a{color:#333;margin-right:10px;font-size:1rem}
#wrap .m-tbtn i{font-size:1.4rem !important;margin:0 5px 2px 0}
#wrap .m-tbtn a span{display:inline-block;width:24px;line-height:24px;margin-left:3px;border-radius:15px;text-align:center;background:#2bd3d0;font-size:1rem;font-weight:bold;color:#fff}
.pop-layer2 .pop-conts{padding:0 10%}
.pop-layer2 dl{clear:both;display:inline-block;width:100%}
.pop-layer2 dl dt{position:relative;line-height:45px;border-top:#e5e5e5 1px solid;color:#333;font-size:1.33rem;font-weight:normal}
.pop-layer2 dl dt a{color:#444}
.pop-layer2 dl dd a{display:block;line-height:30px;color:#444;font-size:1.2rem}
.pop-layer2 dl dd a em{display:inline-block;width:4px;height:4px;margin:0px 8px 2px 8px;vertical-align:middle;background:#666}
.pop-layer2 dl dd{display:none;margin-bottom:10px}
.pop-layer2 dl dd p{margin:0px 10px 10px;padding:5px 10px;border:#eee 1px solid;border-radius:3px;background:#f5f5f5}
.pop-layer2 dl dd p a{display:block;line-height:25px !important;color:#555;font-size:1rem}
.pop-layer2 dl dt i{position:absolute;top:10px;right:0;width:20px;line-height:20px}
.pop-layer2 dl dt.on span{color:#12abe4}
.pop-layer2 .cbtn{
    margin-right: 10%;
    width:40px;line-height:40px;font-size:2rem;color:#fff;text-align:center;z-index:1100}
#layer2{right:0px;top:0px}
}

@media screen and (max-width:1400px){

    .main-tab-site {display: none;}
    .wa-img {
        position: absolute;
        bottom: 80px;
        right: 0;
    }
	.main-content{position:relative;width:100%;height:100%;background:#fff}
	.main-content .body-area{position:relative;overflow:hidden;width:90%;margin:0 auto;margin-top:-70px;background:#9696ca}
        /* .main-content div a:hover{text-decoration:underline;color:#000} */
        .main-content .body-title{position:absolute;left:5%;top:110px}
        .main-content .body-title h3{line-height:35px;margin-bottom:5px;letter-spacing:-1.5px;font-size:2rem;font-weight:600;color:#fff}
        .main-content .body-title span{font-size:1rem;padding:0px !important;color:#fff}
        /* 메인 */
		.body-area .body-box{float:right;position:relative;width:890px;height:680px;margin-right:3%}
		.body-area .body-box button{position:absolute;padding:0px;line-height:25px;background:#9696ca url("../images/main/body-dot.png")  repeat-x 0 12px;color:#fff;font-size:1.125rem;font-weight:400;font-family: 'Noto Sans KR','나눔고딕','Nanum Gothic','MalgunGothic','맑은고딕','돋움','Dotum','xeicon','sans-serif';}
		.body-area .body-box button:hover{background:#9696ca url("../images/main/body-dot-o.png") repeat-x 0 12px;color:#ffeb00;font-weight:600}
		.body-area .body-bg{position:relative;margin-left:0;left:0;width:890px;height:674px;background-image:url("../images/main/body-all.png");background-repeat: no-repeat;background-position:330px 63px}
		.body-area span{padding:0 10px}
/* 눈 */.body-area .nu{display:none;background-image:url("../images/main/body-nun.png");background-repeat: no-repeat}.body-area .nu-b{top:108px;right:0px}
/* 귀코목 */.body-area .ko{display:none;background-image:url("../images/main/body-gkm.png");background-repeat: no-repeat}.body-area .ko-b{top:143px;right:0px}
/* 뼈 */.body-area .bb{display:none;background-image:url("../images/main/body-bb.png");background-repeat: no-repeat}.body-area .bb-b{top:278px;right:0px}
/* 호흡기 */.body-area .hh{display:none;background-image:url("../images/main/body-hh.png");background-repeat: no-repeat}.body-area .hh-b{top:248px;left:322px}
/* 구강 */.body-area .ku{display:none;background-image:url("../images/main/body-kk.png");background-repeat: no-repeat}.body-area .ku-b{top:180px;right:0px}
/* 뇌 */.body-area .ne{display:none;background-image:url("../images/main/body-n.png");background-repeat: no-repeat}.body-area .ne-b{top:90px;left:322px}
/* ì •ì‹  */.body-area .ju{display:none;background-image:url("../images/main/body-js.png");background-repeat: no-repeat}.body-area .ju-b{top:130px;left:322px}
/* 비뇨 */.body-area .sa{display:none;background-image:url("../images/main/body-bn.png");background-repeat: no-repeat}.body-area .sa-b{top:506px;right:0px}
/* 피부 */.body-area .pb{display:none;background-image:url("../images/main/body-p.png");background-repeat: no-repeat}.body-area .pb-b{top:306px;right:0px}
/* 순환 */.body-area .sh{display:none;background-image:url("../images/main/body-sh.png");background-repeat: no-repeat}.body-area .sh-b{top:293px;left:322px}
/* 생식 */.body-area .ss{display:none;background-image:url("../images/main/body-ss.png");background-repeat: no-repeat}.body-area .ss-b{top:543px;right:0px}
/* 소화 */.body-area .sw{display:none;background-image:url("../images/main/body-sohw.png");background-repeat: no-repeat}.body-area .sw-b{top:362px;left:322px}
/* 내분비 */.body-area .nb{display:none;background-image:url("../images/main/body-nb.png");background-repeat: no-repeat}.body-area .nb-b{top:217px;left:322px}
/* 면혁 */.body-area .mh{display:none;background-image:url("../images/main/body-all.png");background-repeat: no-repeat}.body-area .mh-b{top:420px;left:322px}
        .main-content .body-info{position:absolute;top:300px;left:5%;width:32%;z-index:1000}
        .body-area .body-info h4{display:inline-block;height:30px;margin-left:10px;font-size:2rem;font-weight:400;text-align:left;letter-spacing:-1px;color:#fff}
        .body-area .body-info h5{display:block;height:25px;margin-left:10px;font-size:1rem;font-weight:400;text-align:left;letter-spacing:-1px;color:#fff}
        .body-area .body-info ul{overflow:hidden;margin-top:10px}
        .body-area .body-info ul li{display:inline-block;width:48%;padding:6px 4px;font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .body-info .box-title{margin-bottom:10px}
        #dissPlusShow .body-more{position:absolute;top:-55px;right:5px;color:#fff}
        #dissPlusShow .body-more:hover{color:#ffeb00}
        .body-more i{margin-bottom:2px;font-size:2.5rem}
        .body-area button.active{color:#ffeb00;font-weight:600}
        .speech-bubble {
			position: relative;
			background-color: #fff;
			border-radius: .9em;
			padding:25px 30px
		}
        .update-list li a img{width:auto}
        .tab-size{display:block;/* width:auto !important */}
        .web-size{display:none}
	}
	@media screen and (max-width:1024px){
	    .main-visual .event-box{height:320px}.event01{height:320px;padding-top:0px}.event02{height:320px}.event03{height:320px;padding-top:70px}
	    .sch-box button{top:85px}
	    /* Next & previous buttons */
		.prev2, .next2 {top: 38%;}
	    .visual-area div{height:73px}
        .visual-area a{height:73px;line-height:47px;padding-top:10px;font-size:1.5rem}
        .visual-box03 a{background:#fff url("../images/main/icon-kor.png") no-repeat 50px 6px}
        .visual-box04 a{background:#fff url("../images/main/icon-new.png") no-repeat 75px 3px}
        .visual-box05 a{background:#fff url("../images/main/icon-qna.png") no-repeat 60px 7px}
        .visual-box06 a{background:#fff url("../images/main/icon-info.png") no-repeat 75px 7px}
        .visual-box03 a:hover{background:#2c89a9 url("../images/main/icon-kor.png") no-repeat 50px 6px}
        .visual-box04 a:hover{background:#2c89a9 url("../images/main/icon-new-o.png") no-repeat 75px 3px}
        .visual-box05 a:hover{background:#2c89a9 url("../images/main/icon-qna-o.png") no-repeat 60px 7px}
        .visual-box06 a:hover{background:#2c89a9 url("../images/main/icon-info-o.png") no-repeat 75px 7px}
        .speech-bubble span{font-size:0px}
        .main-content .body-title h3{line-height:30px;font-size:1.8rem}
        .main-content .body-info{left:3%}
        .main-content .body-title{left:3%}
        .body-area .body-box{margin-right:2%}
        .speech-bubble {
			padding:15px 20px
		}
        .update-box{margin:10px auto}
        .update-title{height:75px;margin-bottom:10px;}
        .update-title button{height:75px}
        .update-title button span{height:75px;padding-top:23px}
        .update-title .hn{background:none}
        .update-title .hn:hover{background:none}
        .update-title .active button > .hn{background:none}
        .update-title .dt{background:none}
        .update-title .dt:hover{background:none}
        .update-title .active button > .dt{background:none}
        .update-title .cl{background:none}
        .update-title .cl:hover{background:none}
        .update-title .active button > .cl{background:none}
        .update-title .ma{background:none}
        .update-title .ma:hover{background:none}
        .update-title .active button > .ma{background:none}
        .main-content-area .info-title{text-align:center;margin-top:20px}
        .update-list li{height:300px}
        .update-list li a{height:300px}
        .update-list li a p{height:200px}
        .main-content-area .info-title h3{line-height:40px;margin-bottom:10px;font-size:3rem}
	}


/* 2024-10-04  검색창*/
.layer_atcmp {
    position: absolute;
    top: 58px;
    z-index: 3;
    width: 680px;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
}