/* ������ �ڵ� ---------------------------------------------- */ /* min����� ���� width�� ����������� �ۼ��ؾ���. max����� ���� width�� ū ������� �ۼ� screen:pc,�º�,����Ʈ�� �ܸ��� */ /* @media screen and (min-width:1280px) and (max-width:1599px){} @media screen and (min-width:1024px) and (max-width:1279px){} @media screen and (min-width:768px) and (max-width:1023px){} */ @media screen and (min-width:1280px) and (max-width:1599px){ /* index.html ���� ---------------------------------------------- */ #hd{top:0; border-top: 0;height: 70px;} #hd .logo{padding-left: 30px;margin-top: 10px;} .menubt > .menuBg > li{padding-top: 15px;} .menubt > .menuBg > li > a{font-size: 18px;} .snsbt .snsRight li{padding: 16px 22px 0 0;} .snsbt{padding-right: 30px;height: 70px; } .infotxt, .infoimg{padding: 30px;height: auto; } .infoimg p{height: 200px;} .infotxt h2{font-size: 25px;} .infotxt p{font-size: 14px;} .subBa{top:70px;} .subBa .sub li a.subtxt{font-size: 15px;} .subBa .sub li a.subtxt:hover{font-size: 15px;} .subBa .sub > li{padding-left: 13px!important;} .subBa .sub li a.subtxt::before {left: -15px;} .subBa .sub li a.sub-link::after{content: "";background: url(/nhc/images/link-i.png) no-repeat; position: absolute; right: -13px; bottom:5px; width: 10px;height: 10px;background-size: cover;} .menu_wrap{padding-top: 5%;width: 80%;} .menu_wrap > li{margin-bottom: 15px; padding-bottom: 15px;} .menu_wrap > li > a{font-size: 20px;font-weight: bold; } .menu_wrap ul.sub3depth ul.depth3_ul li:first-child {padding: 6px 0 0 0!important; } .menu_wrap ul.sub li a{font-size: 15px;} .fullscreen_menu h2{font-size: 38px;margin-top: 5%; } .depth3 .infoimg ul{width: 100%;} .menu_wrap ul.sub3depth ul.depth3_ul li{padding: 0!important;line-height: 1.3;} .menu_wrap ul.sub li{margin-right: 15px;} .menu_wrap ul.sub li a:after{padding-left: 7px;top:2px; font-size: 10px; } .menu_wrap ul.sub3depth ul.depth3_ul li a{font-size: 13px;} .menu_wrap ul.sub3depth > li::after {height: 75px;} .depth3_ul li a{font-size: 13px;} .depth3_ul > li {padding: 0px!important;line-height: 1.3; } .depth3_ul > li:nth-of-type(1) {padding-top: 5px!important;} .subBa, .subBa .sub{height: 290px;} .subBa .sub > li:nth-of-type(1){height: 110px; position: relative;} .subBa .sub > li:nth-of-type(1)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(2){height: 110px;position: relative;} .subBa .sub > li:nth-of-type(2)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(3){height: 110px; } .subBa .sub > li:nth-of-type(4){height: 180px; } .subBa .sub > li:nth-of-type(5){ height: 180px; } .subBa .sub > li:nth-of-type(6){height: 180px; } .subBa .sub > li:nth-of-type(7){ height: 180px; } .depth3 .infoimg ul li{ width: 48%; margin-right: 6%!important;} .depth3 .infoimg ul li:nth-of-type(2){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(4){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(1) a::before{content: "";background: url(/nhc/images/top-menu-i01.png) no-repeat; background-size: cover; position: absolute;left: 0px;width: 24px;height: 25px;top: -1px;} .depth3 .infoimg ul li:nth-of-type(2) a::before{content: "";background: url(/nhc/images/top-menu-i02.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 20px;height: 20px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(3) a::before{content: "";background: url(/nhc/images/top-menu-i03.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 21px;height: 22px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(4) a::before{content: "";background: url(/nhc/images/top-menu-i04.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 21px;height: 19px;top: -0px; } .depth3 .infoimg ul li:nth-of-type(4){padding: 35px 15px;} .depth3 .infoimg ul li a{font-size: 14px;padding-left: 20px;} /* nav ����޴� ���� 10.15 */ .subBg2 .sub > li:nth-of-type(1){padding-left: 20px; box-sizing: border-box; height: 96px; position: relative;} .subBg2 .sub > li:nth-of-type(2){padding-left: 20px;box-sizing: border-box; height: 96px;position: relative;} .subBg2 .sub > li:nth-of-type(3){padding-left: 20px;box-sizing: border-box; height: 96px; } .subBg2 .sub > li:nth-of-type(4){padding-left: 20px;box-sizing: border-box;height: 96px; } .subBg2 .sub > li:nth-of-type(5){padding-left: 20px;box-sizing: border-box; height: 96px; } .subBg2 .sub > li:nth-of-type(6){padding-left: 20px;box-sizing: border-box;height: 96px; } .subBg2 .sub > li:nth-of-type(7){padding-left: 20px;box-sizing: border-box;height: 96px; } .subBg3 .sub > li:nth-of-type(1){padding-left: 20px; box-sizing: border-box; height: 96px; position: relative;} .subBg3 .sub > li:nth-of-type(2){padding-left: 20px;box-sizing: border-box; height: 96px;position: relative;} .subBg3 .sub > li:nth-of-type(3){padding-left: 20px;box-sizing: border-box; height: 96px; } .subBg3 .sub > li:nth-of-type(4){padding-left: 20px;box-sizing: border-box;height: 96px; } .subBg3 .sub > li:nth-of-type(5){padding-left: 20px;box-sizing: border-box; height: 96px; } .subBg3 .sub > li:nth-of-type(6){padding-left: 20px;box-sizing: border-box;height: 96px; } .subBg3 .sub > li:nth-of-type(7){padding-left: 20px;box-sizing: border-box;height: 96px; } /* ���� */ .play{right: 30px;bottom:15%;} #page-1 video{height: 600px;} .b_bg{height: 600px;} /* ����� */ #page-1{height: 600px;} .main_cont{padding-top: 180px;padding-left: 30px; width: 100%; } #page-1 .main_cont h2{font-size: 30px;} #page-1 .visual{height: 600px;} .visual ul li{height: 600px;} .visual .btnbox a{font-size: 15px;width: 120px;height: 50px; line-height: 50px;} span.txt_bold{font-size: 40px;} .visual .info{height: 50px;line-height: 48px;z-index: 940;} .visual .infobox{width: 100%; padding: 0 30px;} .visual .infobox .info-txt{font-size: 20px;} .visual .infobox .info-txt2{font-size: 15px;} .visual .infobox .info-txt2 strong{font-size: 16px;} #page-1 .bx-controls{transform: inherit;left: inherit;padding-left: 30px; width: 100%;top: 0;height: 600px;} #page-1 .bx-pager{font-size: 15px; top:150px; } #page-1 .bx-controls-direction{ bottom:100px; z-index: 99;} #page-1 .bx-controls-direction .bx-prev{background: url(/nhc/images/box-prev.png) no-repeat; background-size:cover; width: 30px;height: 30px; } #page-1 .bx-controls-direction .bx-next{ margin-left: -1px; background: url(/nhc/images/box-next.png) no-repeat; background-size: cover; width: 30px;height: 30px;} /* page2 ����ȳ� */ #page-2{height: auto;padding: 120px 0 30px 0;} #page-2 .page2_line{font-size: 40px;width: 300px;top:40px;} .popup_bxslider > div{height: 280px;} .cont-quick .swiper-container {left: 50%;width: calc(50% - -208px);margin-left: -208px;} .cont-quick .tit-wrap{width: 40%;padding: 60px 50px 90px 50px;height: auto; } .cont-quick .tit-wrap .text{font-size: 16px;line-height: 0.5;} .cont-quick .tit-wrap .tit{font-size: 32px;} .cont-quick .tit-wrap ul li{padding-top: 0px;} .cont-quick .tit-wrap ul li a{font-size: 16px;padding: 7px 0 7px 45px;} .cont-quick .tit-wrap ul li.btn1.active{background-size: 25px 25px;} .cont-quick .tit-wrap ul li.btn2{background-size: 25px 29px;} .cont-quick .tit-wrap ul{padding-top: 30px;} .cont-quick .swiper-pagination{left: 95px;bottom:30px;} .cont-quick .swiper-button-prev{left: 60px;} .cont-quick .swiper-button-next{left: 175px;} .cont-quick .swiper-button-prev, .cont-quick .swiper-button-next{bottom:34px;} .cont-quick .swiper-slide{width: 400px!important; height: 280px; margin-top: 40px;} .cont-quick .text-wrap p{padding:30px 50px 30px 50px;} .cont-quick .text-wrap .tit{font-size: 22px;} .cont-quick .text-wrap > a{margin:0px 50px 25px 50px;padding: 18px 30px;} #page-2 .bx-pager{font-size: 14px;} .popupImg{display: block;height: 280px;} /* page3 �������� */ #page-3{height: 600px; } .cont_wrap{width: 100%;padding-left: 40px;} #page-3 .cont_wrap .nexbox > h2{font-size: 40px;} #vtab{padding-top: 40px;} #vtab > div{width: 70%;} #vtab > ul > li > a{font-size: 22px;} #vtab .gall_imgbox{height: 200px;} #vtab .txt-bg{height: 200px;} #vtab .news_list li img{height: 100%;} #vtab a.new_view{margin: 50px auto;} #vtab .news_list li h2{font-size: 15px;padding-top: 10px;} #vtab .new-txt{font-size: 16px;word-break: keep-all;} #page-3 .cont_wrap .nexbox > h2::before{content: "";width: 90px;height: 2px;background-color: #000;position: absolute;top: 30px;left: -95px;background-repeat: no-repeat;} /* page4 ���ð� �ѷ����� */ #page-4{height: 600px;padding-top: 0;} #page-4 .cont-wrap{width: 100%;height: 100%;} .mGallery{height: 100%;} .mGallery .gallery-road-g .road-step-area{height: 530px;} .mGallery .gallery-area .container{width: 900px;min-width: 900px;margin: 0 auto;} #page-4 .link-line{left: 30px;top:90px; font-size: 22px;padding: 12px 18px; } .mGallery .gallery-road-g .road-step-area .txt strong{font-size: 15px;} .mGallery .gallery-road-g .road-step-area .txt p{font-size: 12px; padding-top: 1px;} .mGallery .gallery-road-g .road-step-area{width: 100%;} .mGallery .gallery-area .container::before{ left: 100px;right:0px; background-position: right 250px;background-size: contain;} .mGallery .gallery-area .road-step-area .is--moving img{width: 150px;} /* �Ĺ� */ .mGallery .gallery-road1 .road-step-area .road-step1 {left: 180px;bottom: 0;} .mGallery .gallery-road1 .road-step-area .road-step1 .txt {margin: 70px 0px -30px 40px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step1-1 {top: -130px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step2 {top: 316px;left: -60px;} .mGallery .gallery-road1 .road-step-area .road-step2 .txt {margin: 150px 0 0 40px;} .mGallery .gallery-road1 .road-step-area .img-step2-1 {top: 0px;left: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step3 {top: 78px;left: 180px;} .mGallery .gallery-road1 .road-step-area .road-step3 .txt {margin: 200px 0px 0px 45px;} .mGallery .gallery-road1 .road-step-area .img-step3-1 {top: 0px;left: 0px;} /* õ����ȣ���� */ .mGallery .gallery-road1 .road-step-area .road-step4 {top: 78px;left: 436px;} .mGallery .gallery-road1 .road-step-area .img-step4-1{top:0;left:0;} .mGallery .gallery-road1 .road-step-area .road-step4 .txt {margin: 200px 0px 0px 25px;} /* ��� */ .mGallery .gallery-road1 .road-step-area .road-step5 {top: 78px; right:48px;} .mGallery .gallery-road1 .road-step-area .road-step5 .txt {margin: 200px 40px 0px 40px;} /* �ѹݵ� �ڿ����� */ .mGallery .gallery-road1 .road-step-area .road-step6 {bottom: 0px; right: 48px;} .mGallery .gallery-road1 .road-step-area .road-step6 .txt {margin: 200px -6px -30px -5px;} /* �޸ӵ� */ .mGallery .gallery-road1 .road-step-area .road-step7 {bottom: 0px;left: 436px;} .mGallery .gallery-road1 .road-step-area .road-step7 .txt {margin: 200px 0px -30px 30px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step7-1 {top: -130px;} /* footer */ footer{height: auto; padding-bottom: 40px;} footer .cont_wrap{padding:0 30px ;} .ft_top ul li a{font-size: 16px;} .ft_top ul li a:after{padding-left: 20px;} .ft_top ul li{margin-right: 15px;} footer .family .family_list{z-index: 10;} .ft_top{padding:20px 0 ;} .select-link > .link-title, .select-link select{padding: 0 9px;} /* sub ���� ---------------------------------------------- */ #sub_top, .sub_topbg{height: 500px;} #sub_bxslider{height: 500px;} #sub_bxslider .bx-wrapper{height: 500px;} #sub_bxslider .bx-viewport{height: 500px!important;} #sub_bxslider .sub_bxslider{height: 500px;} #sub_bxslider .sub_bxslider li{height: 500px;} /* sub1-1-2. ��ü���� */ .sub1-1-2 .edu_wrap{height: 750px!important;} .sub1-1-2 .tb_gray{font-size: 15px!important;} /* sub1-2. �ؼ��ȳ� */ .__comm-caution {padding: 30px 50px;} .__comm-caution .txt {padding-left: 0px; font-size: 15px;} /* sub1-3-1. �������� */ .edu_wrap .tbInTit{font-size: 30px;padding-bottom: 18px;} .sub1-3 .date_txt{font-size: 24px;} .sub1-3 .edu_list th{padding: 6px 0; font-size: 20px;} .sub1-3 .tb_gray, .sub1-3 .tb_indent2{font-size: 18px;} .sub1-3 .tb_indent2{padding: 0 15px;} .sub1-3 .detail_btn2{margin-left: 10px;padding: 6px 10px;font-size: 16px;} #calendar td { height: 73px;font-size: 20px;padding-top: 5px;} .sub1-3 .tbfix tbody tr{height: auto;} .sub1-3 .reserv_btn {width: 80px; font-size: 16px;padding: 5px 20px 5px 5px;} .sub1-3 .reserv_btn::after {width: 7px;height: 12px;top: 12px;right: 12px;} .sub1-3 .detail_box{padding: 20px 0;} .sub1-3 .detail_box span{font-size: 16px;} .sub1-1-2 .tbl_wrap table th,td.height{height: 42px;} /* sub1-3-1-1. ��������2 */ /* sub1-3-2. �����ȳ�-���� */ .sub1-3-2 .__comm-caution .ico {width: 100px;margin-right: 20px;} .sub1-3-2 .__comm-caution .ico img {display: block;width: 100%;} .__phone-cert{width: 700px;} .__phone-cert h3{font-size:30px;} .__phone-cert .__txt1{font-size: 18px;padding: 30px 20px;} /* sub1-3-3. �����ȳ�-���� */ .tb_gray{font-size: 20px;} .txtbox{height: 40px;font-size: 16px;} .sub1-3-2 .tbfix tbody tr{height: 75px;} .seltWrap3_2 select{width: 90%;font-size: 16px;} .tb_indent2 .sp_num{font-size: 18px;} .txtarea_form{margin: 15px 0;height: 90px;} .eduformbox li > select{font-size: 20px;height: 51px;} .sub1-3-2 .edu_wrap{height: 800px;} .sub1-3-2 .tbfix{margin-top: 30px;} /* sub1-5-1. ���վȳ��� */ ul.tabs3-2 > li .li_tit {padding: 10px 30px;font-size: 20px;} .desc .__txt2{padding: 0;} /* sub1-6-1. ����(���)��ȸ */ .sub1-6 .cancle_btn button{padding: 5px 20px;} .sub1-6 .search_wrap {width: 400px;} .sub1-6 .search_wrap input{width: 340px;} /* sub2-1. �Ĺ������� */ .sub2-1 {height: 500px!important;} .sub_tit{padding-top: 50px;margin-bottom: 50px;} .sub_tit1{font-size: 30px;} /* .sub_tit1{font-size: 35px;} */ .zone_wrap{padding: 50px;} a.mapview{right: 30px;width: 130px;height: 130px;font-size: 17px;} a.mapview::after{width: 20px;height: 29px;background-size: contain;} .zone_wrap .zoneleft{width: 40%;margin-right: 4%;} .zone_wrap .zoneright{width: 50%;} .zone_wrap .zonetxt{height: 70%;} .zone_wrap > div{height: 700px;} .zone_wrap .zonetxt > h1, .zone_wrap .zonetxt > h2{font-size: 20px;} .zone_wrap .zonetxt > h2 > span{font-size: 30px;} .zone_wrap .zone-subtxt{font-size: 20px;} .zone_wrap .zonetxt > h2{padding-bottom: 30px;} .zone_wrap .zoneimg{margin-top: 34px;height: 22%;} /* sub2-2. ���������� */ .sub2-1-2 .zone_wrap{padding: 0px;} .sub2-1-2 .animal .zoneleft{width: 46%;margin-right: 2%;} .sub2-1-2 .animal .zoneright{width: 52%;} .sub2-1-2 .animal .zonetxt{padding:30px;height: 62%;} .sub2-1-2 .animal .zone-subtxt{font-size: 17px;} .sub2-1-2 .animal .zoneimg {height: 35%;padding-top: 3%;margin-top: 0;} .animal a.mapview{font-size: 22px;} .animal .bd_btn{padding: 3px 20px;} .animal a.mapview::after {width: 80px;height: 76px; background-size: cover;} /* ��������Ʈ */ .site_box li{height: 120px;} .site_box3 li a img{width: 181px;padding-top: 34px;} .site_box3 li:nth-of-type(2) a img{padding-top: 42px;width: 110px;} /* ã�ƿ��ô±� */ .mapbtn{position: absolute;right: 0;background: green;color: #fff;text-align: center;display: block;padding: 10px;font-size: 16px;} .mapImg{ margin-top: 60px; width: 100%;height: 450px; background: url(/nhc/images/map01.png) no-repeat center; background-size: 100%;} } @media screen and (min-width:768px) and (max-width:1279px){ /* index.html ���� ---------------------------------------------- */ #hd{top:0; border: 0;height: 60px;} #hd .logo{padding-left: 20px;margin-top: 10px;} #hd .logo img{width: 180px;} .menubt{display: none;} .menubt > .menuBg > li{padding-top: 15px; padding-right: 0;} .menubt > .menuBg > li > a{font-size: 18px;} .snsbt .snsRight li{padding: 15px 14px 0 0;} .snsbt .snsRight li img{display: block; width: 30px;} .snsbt{padding-right: 20px;height: 60px; } .search-form{padding-top: 30%;width: 500px;} .search-form button{right: 0;font-size: 20px;} .infotxt, .infoimg{padding: 20px 30px;height: auto; } .infoimg p{ width: 100%; height: 170px;} .infotxt h2{font-size: 23px;} .infotxt p{font-size: 14px;} .subBa{top:70px;} .subBa .sub li a.subtxt{font-size: 16px;} .subBa .sub li a.subtxt:hover{font-size: 16px;} .subBa .sub > li{padding-left: 20px!important;padding-top: 20px; } .subBa .sub li a.subtxt::before {left: -23px;} .menu_wrap{padding-top: 8%;width: 90%;} .menu_wrap > li{margin-bottom: 15px; padding-bottom: 15px;} .menu_wrap > li > a{font-size: 14px;font-weight: bold; } .menu_wrap ul.sub li a{font-size: 12px;} .fullscreen_menu h2{font-size: 30px;margin-top: 10%; } .menu_wrap ul.sub li{margin-right: 16px;} .menu_wrap ul.sub li a:after{padding-left: 7px;top:0px; font-size: 10px; } .depth3 .infoimg ul{width: 100%;} .depth3_ul > li:nth-of-type(1){padding-top: 5px!important} .depth3_ul > li{padding: 0!important;} .depth3_ul > li a{font-size: 14px;} .close_btn{right:3%;top:5%;} .menu_wrap ul.sub3depth li{width: 17%;} .menu_wrap ul.sub3depth ul.depth3_ul li a{font-size: 11px;} .menu_wrap ul.sub3depth > li::after{height: 75px;} .menu_wrap ul.sub3depth > li:nth-child(5)::after {content: "";border-right: 0;} .menu_wrap ul.sub3depth ul.depth3_ul li{padding: 0!important;line-height: 1.2;} .menu_wrap ul.sub3depth ul.depth3_ul li:first-child {padding: 4px 0 0 0!important; } .subBa, .subBa .sub{height: 250px;} .subBa .sub > li:nth-of-type(1){height: 100px; position: relative;} .subBa .sub > li:nth-of-type(1)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(2){height: 100px;position: relative;} .subBa .sub > li:nth-of-type(2)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(3){height: 100px; } .subBa .sub > li:nth-of-type(4){height: 150px; } .subBa .sub > li:nth-of-type(5){ height: 150px; } .subBa .sub > li:nth-of-type(6){height: 150px; } .subBa .sub > li:nth-of-type(7){ height: 150px; } .depth3 .infoimg ul li{ width: 48%; margin-right: 4%!important;padding: 30px 15px!important; } .depth3 .infoimg ul li:nth-of-type(2){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(4){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(1) a::before{content: "";background: url(/nhc/images/top-menu-i01.png) no-repeat; background-size: cover; position: absolute;left: 0px;width: 16px;height: 17px;top: -1px;} .depth3 .infoimg ul li:nth-of-type(2) a::before{content: "";background: url(/nhc/images/top-menu-i02.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 16px;height: 16px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(3) a::before{content: "";background: url(/nhc/images/top-menu-i03.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 16px;height: 17px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(4) a::before{content: "";background: url(/nhc/images/top-menu-i04.png) no-repeat;background-size: cover; position: absolute;left: -4px;width: 16px;height: 15px;top: 1px; } .depth3 .infoimg ul li:nth-of-type(4){padding: 35px 15px;} .depth3 .infoimg ul li a{font-size: 12px;padding-left: 15px;letter-spacing: -0.08em;} .depth1 .infoimg > a, .depth2 .infoimg > a{font-size: 15px;} /* ���� */ .play{right: 30px;bottom:70px;} #page-1 video{height: 550px;} .b_bg{height: 550px;} .play:hover {background: rgba(255,255,255,0.2) url(/nhc/images/play_i01.png) center no-repeat; width: 120px; padding: 15px 40px; border-radius: 50px;background-size: 98px;} .play{ width: 120px;height: 20px; padding: 15px 40px; border-radius: 50px; background:transparent url(/nhc/images/play_i01.png) center no-repeat; background-size: 98px;} .play.active{width: 120px;height: 20px; padding: 15px 40px; border-radius: 50px; background:transparent url(/nhc/images/play_i02.png) center no-repeat; background-size: 98px;} .play.active:hover {background: rgba(255,255,255,0.2) url(/nhc/images/play_i02.png) center no-repeat; width: 120px; padding:15px 40px; border-radius: 50px;background-size: 98px; } /* ����� */ .main_cont{padding-top: 160px;padding-left: 20px; width: 100%; } #page-1{height: 550px;} #page-1 .main_cont h2{font-size: 26px;} #page-1 .visual{height: 550px;} .visual ul li{height: 550px;} .visual .btnbox a{font-size: 14px;width: 90px;height: 35px; line-height: 35px;margin-right: 15px;} span.txt_bold{font-size: 35px;} .visual .info{height: 50px;line-height: 48px;z-index: 940;} .visual .infobox{width: 100%; padding: 0 15px;} .visual .infobox .info-txt{font-size: 16px;padding-right: 5px; } .pl20{padding-left: 15px;} .visual .infobox .info-txt2{font-size: 12px;letter-spacing: -0.05em; } .visual .infobox .info-txt2 strong{font-size: 12px;letter-spacing: -0.05em; } #page-1 .bx-controls{transform: inherit;left: inherit;padding-left: 20px;height: 550px; } #page-1 .bx-pager{font-size: 15px;top: 130px; } #page-1 .bx-controls-direction{ bottom:100px; z-index: 99;} #page-1 .bx-controls-direction .bx-prev{background: url(/nhc/images/box-prev.png) no-repeat; background-size:cover; width: 30px;height: 30px; } #page-1 .bx-controls-direction .bx-next{ margin-left: -1px; background: url(/nhc/images/box-next.png) no-repeat; background-size: cover; width: 30px;height: 30px;} /* page2 ����ȳ� */ #page-2{height: auto;padding: 80px 0 40px 0;} #page-2 .page2_line{font-size: 40px;width: 280px;top:40px; right:0; left:initial;text-align: right; } #page-2 .bx-pager{font-size: 14px;} .cont-quick{top:15%;} .popup_bxslider > div {height:300px;} .cont-quick .tit-wrap{width: 45%;padding: 90px 30px 90px 30px;height: auto; } .cont-quick .tit-wrap .text{font-size: 15px;line-height: 0.5;} .cont-quick .tit-wrap .tit{font-size: 30px;} .cont-quick .tit-wrap ul li{padding-top: 0px;} .cont-quick .tit-wrap ul li a{font-size: 16px;padding: 7px 0 7px 45px;} .cont-quick .tit-wrap ul li.btn1.active{background-size: 25px 25px;} .cont-quick .tit-wrap ul li.btn2{background-size: 25px 29px;} .cont-quick .tit-wrap ul{padding-top: 30px;} .cont-quick .swiper-pagination{left: 65px;bottom:30px;} .cont-quick .swiper-button-prev{left: 30px;} .cont-quick .swiper-button-next{left: 150px;} .cont-quick .swiper-button-prev, .cont-quick .swiper-button-next{bottom:34px;} .cont-quick .swiper-slide{ height: 300px; margin-top: 40px;} .cont-quick .text-wrap p{padding:30px 50px 30px 50px;} .cont-quick .text-wrap .tit{font-size: 22px;} .cont-quick .text-wrap > a{margin:10px 50px 25px 50px;padding: 20px 25px;font-size: 16px; } .cont-quick .swiper-container{margin-left: -110px; padding-left: 0;position: absolute;top: 0;left: 50%;width: calc(50% - -110px);} .popupImg{display: block;height: 300px;} /* page3 �������� */ #page-3 .cont_wrap .nexbox > h2::before{content: "";width: 130px;height: 2px;background-color: #000;position: absolute;top: 30px;left: -95px;background-repeat: no-repeat;} #page-3{height: 500px;padding-top: 40px;} .cont_wrap{width: 100%;padding-left: 30px;} #page-3 .cont_wrap .nexbox > h2{font-size: 40px; padding-left: 40px;} #vtab{padding-top: 50px;} #vtab > div{width: 77%;margin-left: 30px; } #vtab > ul{width: 14%;} #vtab > ul > li > a{font-size: 16px;} #vtab .gall_imgbox{height: 150px;} #vtab .txt-bg{height: 150px;} #vtab .news_list li img{height: 100%;} #vtab a.new_view{margin: 80px auto;padding: 10px 35px;height: initial; line-height: initial; width: initial;font-size: 15px; } #vtab .news_list li h2{font-size: 15px;padding-top: 10px;} #vtab .new-txt{font-size: 16px;word-break: keep-all; padding: 30px 20px; } #vtab > ul > li a::after{padding: 0;position: absolute;right: -13px;top:7px; width: 7px;height: 12px; margin: 0;} /* page4 ���ð� �ѷ����� */ #page-4{height: auto; padding: 0px 20px;box-sizing: border-box;background-size: 100% 100%;} #page-4 .cont-wrap{width: 100%;} #page-4 .link-line{padding: 8px 15px;left: 30px;top: 80px;font-size: 20px;} .mGallery .gallery-area .container{width: 700px; margin: 0 auto; max-width: 700px;} .mGallery .gallery-road-g .road-step-area{width: 100%;height: 550px;} .mGallery .gallery-area .road-step-area .is--moving img{width: 120px;} .mGallery .gallery-area .container::before {left: 118px;right: 0px;background-position: right 280px;background-size: 100%; width: 594px;} .mGallery .gallery-road-g .road-step-area .txt strong {font-size: 14px; letter-spacing: -0.1em;} /* �Ĺ� */ .mGallery .gallery-road1 .road-step-area .road-step1 {left: 173px;top: 340px;} .mGallery .gallery-road1 .road-step-area .road-step1 .txt {margin: 155px 0px 0px 26px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step1-1 {top: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step2 {top: 327px;left: 0px;} .mGallery .gallery-road1 .road-step-area .road-step2 .txt {margin: 120px 0 0 20px;} .mGallery .gallery-road1 .road-step-area .img-step2-1 {top: 0px;left: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step3 {top: 140px;left: 173px;} .mGallery .gallery-road1 .road-step-area .road-step3 .txt {margin:160px 0px 0px 26px;} .mGallery .gallery-road1 .road-step-area .img-step3-1 {top: 0px;left: 0px;} /* õ����ȣ���� */ .mGallery .gallery-road1 .road-step-area .road-step4 {top: 140px;left: 362px;} .mGallery .gallery-road1 .road-step-area .img-step4-1{top:0;left:0;} .mGallery .gallery-road1 .road-step-area .road-step4 .txt {margin: 160px 0px 0px 14px;} /* ��� */ .mGallery .gallery-road1 .road-step-area .road-step5 {top: 140px; left:560px; right: inherit;} .mGallery .gallery-road1 .road-step-area .road-step5 .txt {margin: 160px 0px 0px 22px;} /* �ѹݵ� �ڿ����� */ .mGallery .gallery-road1 .road-step-area .road-step6 {top: 340px; left: 560px; right: initial;} .mGallery .gallery-road1 .road-step-area .road-step6 .txt {margin: 155px 0px 0px 0px;} /* �޸ӵ� */ .mGallery .gallery-road1 .road-step-area .road-step7 {top: 340px;left: 362px;} .mGallery .gallery-road1 .road-step-area .road-step7 .txt {margin: 155px 0px 0px 17px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step7-1 {top: 0px;} /* footer */ footer{height: auto; padding-bottom: 40px;} footer .cont_wrap{padding:0 20px ;} .ft_top ul li a{font-size: 14px;} a.bottom_logo{width: 180px;} a.bottom_logo img{display: block;width: 100%;} .ft_top ul li a:after{padding-left: 14px; top:0; font-size: 12px;} .ft_top ul li{margin-right: 0px;} footer .family{top:30px;} footer .family button{width: 200px;} footer .family .family_list{z-index: 10;} .ft_top{padding:20px 0 ;} .ft-bt{padding: 30px 0 80px 0;} .ft_txt{clear: both;padding-left: 0;padding-top: 10px;font-size: 12px;font-weight: normal;} .select-link > .link-title, .select-link select{padding: 0 9px;} /* index.html �� ---------------------------------------------- */ /* sub ���� ---------------------------------------------- */ #sub_top, .sub_topbg{height: 400px;} #sub_bxslider{height: 400px;} #sub_bxslider .bx-wrapper{height: 400px;} #sub_bxslider .bx-viewport{height: 400px!important;} #sub_bxslider .sub_bxslider{height: 400px;} #sub_bxslider .sub_bxslider li{height: 400px;} .sub_cont{padding: 0 30px 50px 30px;} .sub_tit {padding-top: 30px;margin-bottom: 50px;} .sub_tit1{font-size: 30px;padding-bottom: 30px;} .sub_wrap{width: 500px;background-size: contain;} p.sub_toptxt3{font-size: 14px;margin-top: 3px;} h2.sub_toptxt2{font-size: 22px;} .txt_bold2{font-size: 34px;} /* ���� �޴� */ .breadcrumbs{padding: 0;} .breadcrumbs ul.main-navigation-breadcrumbs>li.first-depth{border-left: 0;} .breadcrumbs ul.main-navigation-breadcrumbs>li{width: 25%;} /* ������ ���� */ .research>div{padding: 50px;} .research>div span{padding-left: 0;display: block;font-size: 22px;} .research>div input[type="text"]{width: 80%;} .research>div input[type="submit"]{width: 18%;} .input-wrap{padding-top: 20px;} /* sub1-1. �����ȳ� */ .sub1-1 .__tit1 h3{font-size: 20px;} .sub1-1 .__txt1{font-size: 14px;} .__info-top > * {width:100% !important;} .__info-top .img {text-align:center;} .__info-top .lef {padding-right:0;} .__info-top .rig {padding-left:0;margin-top:15px;} .__info-top .txt h2 {font-size:20px;letter-spacing:-0.1em;} .__info-caution .box {margin-top:15px;} .__info-caution .box .img {width:60px;} .__info-caution .box .info {width:calc(100% - 60px);padding-left:15px;} .__info-sum .box {width:50%;padding:15px 5px 0;height:170px;} .__info-sum .box .ico img {width:30px;} .__info-sum .box h3 {font-size:16px;} .__info-sum .box .txt {font-size:12px;} .__info-caution .box {margin-top:15px;} .__info-caution .box .img {width:60px;} .__info-caution .box .img img{max-width: 100%;} .__info-caution .box .info {width:calc(100% - 60px);padding-left:15px;} /* sub1-1-2. ��ü���� */ .sub1-1-2 .txtbox{font-size: 14px;height: 28px;} .sub1-1-2 .edu_wrap{height: 660px!important;} .sub1-1-2 .edu_right{padding:20px 10px;} .sub1-1-2 .txtarea_form{height: 65px;margin: 6px 0;} .sub1-1-2 .sub_contTxt{font-size: 18px;} /* sub1-2. �ؼ��ȳ� */ .__comm-caution {padding:15px;margin-bottom: 30px;} .__comm-caution .ico {display:none;} .__comm-caution .txt {width:100%;font-size:14px;padding-left:0;} .__comm-caution .txt li {margin-top:5px;} .__comm-caution .txt li span {display:inline;} .__comm-caution + .__toparea {margin-top:15px;} .__comm-caution.type2 .ico {width:70px;} .__comm-caution.type2 .txt {width:calc(100% - 70px);} .__lr1 .lef{float: none; width: 100%;} .__lr1 .rig{float: none; width: 100%;} .__lr1 .txt{padding: 30px 0 0;} .sub1-2 .__mt50{margin-top: 0!important;} /* sub1-3-1. �������� */ .edu_wrap .tbInTit{font-size: 25px;padding-bottom: 15px;} .edu_wrap > div{padding: 30px 20px;} .sub1-3 .date_txt{font-size: 18px;padding-bottom: 12px;} .thumDetail2{padding-top: 0;} .sub1-3 .edu_list th{padding: 6px 0; font-size: 16px;} .sub1-3 .detail_btn{padding: 10px 0;} .sub1-3 .tb_gray, .sub1-3 .tb_indent2{font-size: 14px;} .sub1-3 .tb_indent2{padding: 0 10px;} .sub1-3 .detail_btn2{margin-left: 5px;padding: 4px 6px;font-size: 12px;} #calendar td { width: 60px;height: 54px;font-size: 15px;padding-top: 5px;} .sub1-3 .tbfix{width: 100%;} .sub1-3 .tbfix tbody tr{height: auto;} .sub1-3 .reserv_btn {width: 60px; font-size: 13px;padding: 4px 10px 4px 4px;} .sub1-3 .reserv_btn::after {width: 5px;height: 8px;top: 10px;right: 5px;} .edu_wrap{height: auto;} .sub1-3 .detail_box{padding: 15px 0;} .sub1-3 .detail_box span{font-size: 12px;} .sub1-3 .detail_box p{padding-bottom: 15px;} #calendar input{width: 30px;height: 30px;} .sub1-3 .tb_gray{width: 13%!important;} #calendar .year_mon {font-size: 21px;} /* sub1-3-1-1. ��������2 */ .sub1-3 .__search1 select, .__search1 input[type='text'], .__search1 button{height: 30px;} .__tab1 a {width:auto;padding:0 20px;height:30px;} .__tab1 a span {font-size:12px;} .__pdt-list tr > * {padding:10px;} .__pdt-list col.img {width:130px;} .__pdt-list col.people {width:100px;} .__pdt-list col.state {width:130px;} .__pdt-list td.info .ico {margin-bottom:10px;} .__pdt-list td.info .ico span {margin-right:3px;} .__pdt-list td.info .subject a {font-size:15px;} .__pdt-list td.info ul {margin-top:7px;} .__pdt-list td.info ul li {font-size:13px;} .__pdt-list td.people li {font-size:13px;margin-top:3px;} .__pdt-list td.state li {display:inline-block;vertical-align:middle;} .__pdt-list td.state li > * {width:100px;height:30px;border-radius:15px;font-size:13px;line-height:28px;} .__pdt-list tr td.nomore {padding:40px 0;font-size:15px;} .__pdt-list .img {display:none;} .__ico1 {padding:0 5px;min-width:0;font-size:11px;} /* ��������2 view */ .__prgram-view .one {padding:15px;} .__prgram-view .one .img {width:180px;} .__prgram-view .one .img img{width: 100%;height: auto;display: block;} .__prgram-view .one .info {width:calc(100% - 200px);padding-left:15px;} .__prgram-view .one .info .subject {font-size:14px;} .__prgram-view .one .info .ico {margin-top:5px;} .__prgram-view .one .info ul {margin-top:10px;} .__prgram-view .one .info ul li {margin-top:2px;font-size:12px;} .__prgram-view .one .info .btn {margin-top:15px;} .__prgram-view .one .info .btn .__btn1 {margin-right:2px;padding:0 10px;} .__prgram-view .one .info .btn .type2{width: 100px;} .__prgram-view .two {margin-top:20px;} .__prgram-view .two h3 {padding:10px;font-size:14px;} .__prgram-view .two .con {margin-top:20px;font-size:12px;line-height:1.4em;} .__prgram-view .two .con * {font-size:15px !important;line-height:1.4em !important;} /* sub1-3-2. �����ȳ�-���� */ .sub1-3-2 .__comm-caution .ico {width: 100px;margin-right: 20px;} .sub1-3-2 .__comm-caution .ico img {display: block;width: 100%;} .__phone-cert{width: 100%;margin-top: 30px;} .__phone-cert h3{font-size:30px;} .__phone-cert .__txt1{font-size: 18px;padding: 30px 20px;} /* sub1-3-3. �����ȳ�-���� */ .tb_gray{font-size: 15px;} .edu_wrap .red{padding-right: 5px;} .txtbox{height: 35px;font-size: 16px;} .sub1-3-2 .tbfix tbody tr{height: 50px;} .seltWrap3_2 select{width: 90%;font-size: 15px;height: 35px;} .tb_indent2 .sp_num{font-size: 16px;top:20px;} .txtarea_form{margin: 10px 0;height: 72px;} .eduformbox li > select{font-size: 16px;height: 35px;width: 150px;padding: 5px;} .eduformbox li > span{font-size: 20px;} .eduformbox li > input{font-size: 16px;} .btnbox{width: 288px;padding-top: 50px;padding-bottom: 30px;} .btnbox a{width: 100px;padding: 8px 15px;} .btnbox a button{font-size: 20px;} .sub1-3-2 .edu_wrap{height: 640px;} .sub1-3-2 .tbfix{margin-top: 30px;} .sub1-1-2 .tbl_wrap table th,td.height{height: 40px;} /* sub1-5. ���ð� �ȳ� */ .__exhibition {width: 100%;} .__exhibition .caution {margin-bottom:5px;font-size:14px;} .__exhibition .area .point > * span {font-size:12px;width:100px;margin-left:-50px;} .__exhibition .area .point > *:before {margin-left:-4.5px;width:9px;height:12.5px;background-size: contain;} #popup01{ width: 90%; height: 570px;} #popup02{ width: 90%; height: 570px;} #popup03{ width: 90%; height: 570px;} #popup04{ width: 90%; height: 570px;} #popup05{ width: 90%; height: 570px;} #popup06{ width: 90%; height: 570px;} /* 1-5-1. ���վȳ��� */ ul.tabs3-2 > li .li_tit {padding: 10px 30px;font-size: 20px;} .desc .__txt2{padding: 0;} .desc .__txt3{padding: 0;} .__create-top span {font-size:14px;} .__create-mid .area {padding-left:0;margin-top:20px;} .__create-mid .area h3 {font-size:22px;position:relative;} .__create-mid .area h3:before {width:40px;height:6px;} .__create-history {padding-left:30px;} .__create-history:before {left:9px;} .__create-history dl {margin-top:15px;} .__create-history dl > * {display:block;} .__create-history dl:before {left:-27px;width:12px;height:12px;top:5px;} .__create-history dl dt {width:100%;font-size:16px;} .__create-history dl dt br {display:none;} .__create-history dl dd {width:100%;font-size:14px;padding-top:4px;} .__onchat .box {width:50%;padding:15px 10px;height:180px;} .__onchat .box .ico em {width:50px;height:50px;line-height:50px;font-size:30px;} .__onchat .box .ico img {width:50px;} .__onchat .box dl dt {font-size:16px;padding-bottom:10px;margin:10px 0 15px;} .__onchat .box dl dd {font-size:13px;} .__onchat .box dl dd a {width:120px;height:30px;line-height:28px;font-size:12px;} .__onchat.type2 .box {width:33.33333%;} .__onchat.type2 .box:nth-of-type(n+4) {width:50%;} /* �ü���Ȳ ������ */ .__extop .area {width:80%;} .__extop .mov a:before {width:109px;height:109px;margin:-55px 0 0 -55px;} .__extop .tab {width:20%;} .__extop .tab a span {padding:0 15px;} .__extop .tab a em {width:30px;height:30px;line-height:30px;font-size:14px;margin-right:5px;} .__extop .tab a strong {font-size:16px;} .__extop .mov > img {height:300px;} .__extop .area .bx-controls-direction a {width:39px;height:75px;top:50%;margin-top:-37.5px;} .__extop .area .bx-controls-direction .bx-prev {left:10px;} .__extop .area .bx-controls-direction .bx-next {right:10px;} /* 1-5-2. �ڿ������� �ȳ� */ .__serve .box .in{padding: 40px 15px;} .__dotlist1 li{font-size: 14px;} /* 1-5-3. ������ */ .sub1-5-3 .__orgamid .tbl tr td.tal{text-align: left!important;} .sub1-5-3 .__orgamid .tbl td{height: auto!important;} .sub1-5-3 .__orgamid .tbl tr > *{font-size: 12px;word-break: keep-all;padding: 5px;} .sub1-5-3 .__tit1 h3{font-size: 20px;} /* sub1-6-1. ����(���)��ȸ */ .sub1-6 .cancle_btn button{padding: 5px 20px;} .sub1-6 .search_wrap {width: 400px;} .sub1-6 .search_wrap input{width: 340px;} .total_t{font-size: 18px;padding-top: 30px;} .sub1-6 .search_box{float: right;margin-bottom: 0;width: 70%;} .sub1-6 .search_sel{width: 27%!important;} .sub1-6 .search_wrap{width: 73%!important;} .sub1-6 .tbl_wrap table th:nth-child(1){width: 13%!important;} .sub1-6 .tbl_wrap table th:nth-child(2){width: 30%!important;} .sub1-6 .tbl_wrap table th:nth-child(3){width: 13%!important;} .sub1-6 .tbl_wrap table th:nth-child(4){width: 13%!important;} .sub1-6 .tbl_wrap table th:nth-child(5){width: 13%!important;} .sub1-6 .tbl_wrap table th:nth-child(6){width: 20%!important;} /* sub2-1. �Ĺ������� */ .sub2-1 {height: 440px!important;} .zone_wrap{padding: 50px;} a.mapview{right: 20px; top:50px; width: 110px;height: 110px;font-size: 15px;padding: 20px;} a.mapview::after{width: 20px;height: 29px;background-size: contain;} .zone_wrap .zoneleft{display: none;} .zone_wrap .zoneright{width: 100%;} .zone_wrap .zonetxt{height: 70%;} .zone_wrap > div{height: auto;} .zone_wrap .zonetxt > h1, .zone_wrap .zonetxt > h2{font-size: 26px;} .zone_wrap .zone-subtxt{font-size: 17px;width: 100%;word-break: keep-all;} .zone_wrap .zonetxt > h2{padding-bottom: 30px;} .zone_wrap .zoneMimg1{width: 100%;height: 300px;background:url(/nhc/images/main_bg01.png) no-repeat;background-size: cover;} .zone_wrap .zoneimg li{width: 48%;} .zone_wrap .zoneimg li:first-child {margin-right: 4%;} .zone_wrap .zoneimg{padding-top: 20px;height: 30%;} #popup2 .confirm_btn2{padding: 5px;} .reservationbox{width: 478px;} .reservationbox a{font-size: 20px;} .reservationbox a::after{top:27px;} .reservationbox a:nth-of-type(2)::after{top:27px;} #popup2{ width: 90%; height: 570px;} #popup3{ width: 90%; height: 570px;} #popup4{ width: 90%; height: 570px;} #popup5{ width: 90%; height: 570px;} #popup6{ width: 90%; height: 570px;} #popup7{ width: 90%; height: 570px;} /* sub2-2. ���������� */ .sub2-1-2 .zone_wrap{padding: 0px;} /* .zoneMimg2{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg02.png) no-repeat;background-size: cover;} .zoneMimg3{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg03.png) no-repeat;background-size: cover;} .zoneMimg4{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg04.png) no-repeat;background-size: cover;} .zoneMimg5{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg05.png) no-repeat;background-size: cover;} .zoneMimg6{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg06.png) no-repeat;background-size: cover;} */ .zoneMimg2{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-2-img01.png) no-repeat;background-size: cover;} .zoneMimg3{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-3-img01.png) no-repeat;background-size: cover;} .zoneMimg4{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub4-2-img01.jpg) no-repeat;background-size: cover;} .zoneMimg5{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-6-img01_2.jpg) no-repeat;background-size: cover;} .zoneMimg6{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-7-img01_2.jpg) no-repeat;background-size: cover;} .sub2-1-2 .animal .zoneleft{display: none;} .sub2-1-2 .animal .zoneright{width: 100%;} .sub2-1-2 .animal .zonetxt{padding:30px;height: 62%;} .sub2-1-2 .animal .zone-subtxt{font-size: 17px;text-align: left;} .sub2-1-2 .animal .zoneimg {height: 35%;padding-top: 3%;margin-top: 0;} .animal a.mapview{font-size: 22px;} .animal .bd_btn{padding: 3px 20px;} .animal a.mapview::after {width: 80px;height: 76px; background-size: cover;} .animal .zoneimg li{height: 250px;} /* sub3-1. �������� */ .search_box{float: initial;position: relative;} .search_sel{width: 30%;} .search_wrap{width: 70%!important;} .search_wrap button{position: absolute;right: 0;} .tbl_wrap table th{font-size: 18px!important;} .tbl_wrap table td{font-size: 14px!important;} .bo_tit a{padding-left: 0;padding-right: 20px;word-break: keep-all;} .tbl_wrap table th:nth-child(1){width: 8%!important;} .tbl_wrap table th:nth-child(2){width: 60%!important;} .tbl_wrap table th:nth-child(4){width: 8%!important;} .tbl_wrap table th:nth-child(5){width: 8%!important;} .td_file img{width: 24px;} /* sub3-1-2. �������� view */ #bo_v_title span{font-size: 25px;padding: 20px 30px;} #bo_v_info, .attachment{padding: 20px 30px;} #bo_v_con{padding: 40px 30px;font-size: 16px;} .bo_list{padding: 15px;width: 150px;} /* sub3-1-1. �������� �۾��� */ .sub3-2-1 .tbl_wrap table th:nth-child(1){width: 20%!important;} .form_name input {width: 79%;} .phone input {width: 25%;} #qnaRpstEmail{width: 30%!important;} #qnaRpstEmail2{width: 30%!important;} .filebox .upload-name{width: 100%;} .filebox.bs3-primary label{margin-top: 10px;width: 130px;height: 50px;line-height: 50px;} .form_infotxt{font-size: 14px;word-break: keep-all;clear: none;width: 70%;float: left;line-height: normal;} .form_infotxt br{display: none;} /* ã�ƿ��ô±� */ .mapbox{width: 100%;height: auto;} .mapbtn{position: absolute;right: 0; background: green;color: #fff;text-align: center;display: block;padding:6px 10px;font-size: 13px;} .mapImg{ margin-top: 35px; width: 100%;height: 350px; background: url(/nhc/images/map01.png) no-repeat center; background-size: 150%;} .__loc-top .bot li {display: inline-block;margin-left: 20px;} .__loc-top .bot li span{font-size: 15px;} .__loc-bot .box .ico img{display: block;width: 100%;} .__loc-bot .box .info {width: 82%;} /* ��������Ʈ */ .site_box li{width: 32.3333%; height: 120px;margin-bottom: 1%;} .site_box3 li a img{width: 181px;padding-top: 34px;} .site_box3 li:nth-of-type(2) a img{padding-top: 42px;width: 110px;} } @media screen and (min-width:480px) and (max-width:767px){ /* index.html ���� -------------------------------------------- */ #hd{top:0; border: 0;height: 60px;z-index: 950;} #hd .logo{padding-left: 20px;margin-top: 10px;} #hd .logo img{width: 180px;} .menubt{display: none;} .menubt > .menuBg > li{padding-top: 15px; padding-right: 0;} .menubt > .menuBg > li > a{font-size: 18px;} .snsbt .snsRight li{padding: 15px 14px 0 0;} .snsbt .snsRight li img{display: block; width: 30px;} /* ����� �޴� ���� */ .menu_toggle {display: block;z-index: 951;} .menu_btn{display: none;} .m_color1 {background: coral;} .m_db2{display: block;} .info-txt{font-size: 20px;font-weight: bold;} .pl20{float: left;} .info-txt2{display: block;} .info-txt2 b{display: block;font-size: 13px;color: #fff;clear: both;} .info-txt2 strong{font-size: 15px;float: left; clear: both;} .m_txt{padding-left: 10px;display: inline-block;} .m_txt2{ clear: both; display: block; font-size: 12px;letter-spacing: -0.02em;} .m_color2 {background: #cedec6;} .m_db3{padding-left: 10px;padding-top: 4px;clear: initial!important; } /* ����� �޴� �� */ .snsbt{padding-right: 60px;height: 60px; } .search-form{padding-top: 40%;width: 80%;} .search-form input#search-field{ width: 74%; font-size: 16px;height: 60px;padding:10px 20px; } .search-form button{right: 0;font-size: 18px; height: 60px; width: 100px;} .infotxt, .infoimg{padding: 20px 30px;height: auto; } .infoimg p{ width: 100%; height: 170px;} .infotxt h2{font-size: 23px;} .infotxt p{font-size: 14px;} .subBa{top:70px;} .subBa .sub li a.subtxt{font-size: 16px;} .subBa .sub > li{padding-left: 20px!important;padding-top: 20px; } .subBa .sub li a.subtxt::before {left: -23px;} .menu_wrap{padding-top: 8%;width: 80%;} .menu_wrap > li{margin-bottom: 15px; padding-bottom: 15px;} .menu_wrap > li > a{font-size: 15px;font-weight: bold; } .menu_wrap ul.sub li a{font-size: 12px;} .fullscreen_menu h2{font-size: 38px;margin-top: 5%; } .menu_wrap ul.sub li{margin-right: 23px;} .menu_wrap ul.sub li a:after{padding-left: 10px;top:2px; font-size: 12px; } .menu_wrap ul.sub li:nth-child(5) a:after{content: ""; padding-left: 10px;top:2px; font-size: 12px; } .depth3 .infoimg ul{width: 100%;} .depth3_ul > li:nth-of-type(1){padding-top: 5px!important} .depth3_ul > li{padding: 0!important;} .depth3_ul > li a{font-size: 14px;} .subBa, .subBa .sub{height: 250px;} .subBa .sub > li:nth-of-type(1){height: 100px; position: relative;} .subBa .sub > li:nth-of-type(1)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(2){height: 100px;position: relative;} .subBa .sub > li:nth-of-type(2)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(3){height: 100px; } .subBa .sub > li:nth-of-type(4){height: 150px; } .subBa .sub > li:nth-of-type(5){ height: 150px; } .subBa .sub > li:nth-of-type(6){height: 150px; } .subBa .sub > li:nth-of-type(7){ height: 150px; } .depth3 .infoimg ul li{ width: 48%; margin-right: 4%!important;padding: 30px 15px!important; } .depth3 .infoimg ul li:nth-of-type(2){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(4){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(1) a::before{content: "";background: url(/nhc/images/top-menu-i01.png) no-repeat; background-size: cover; position: absolute;left: 0px;width: 16px;height: 17px;top: -1px;} .depth3 .infoimg ul li:nth-of-type(2) a::before{content: "";background: url(/nhc/images/top-menu-i02.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 16px;height: 16px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(3) a::before{content: "";background: url(/nhc/images/top-menu-i03.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 16px;height: 17px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(4) a::before{content: "";background: url(/nhc/images/top-menu-i04.png) no-repeat;background-size: cover; position: absolute;left: -4px;width: 16px;height: 15px;top: 1px; } .depth3 .infoimg ul li:nth-of-type(4){padding: 35px 15px;} .depth3 .infoimg ul li a{font-size: 12px;padding-left: 15px;letter-spacing: -0.08em;} .depth1 .infoimg > a, .depth2 .infoimg > a{font-size: 15px;} /* ���� */ .play{right: 10px;bottom:20px;} #page-1 video{height: 400px;} .b_bg{height: 400px;} .play:hover {background: rgba(255,255,255,0.2) url(/nhc/images/play_i01.png) center no-repeat; width: 120px; padding: 15px 40px; border-radius: 50px;background-size: 98px;} .play{ width: 120px;height: 20px; padding: 15px 40px; border-radius: 50px; background:transparent url(/nhc/images/play_i01.png) center no-repeat; background-size: 98px;} .play.active{width: 120px;height: 20px; padding: 15px 40px; border-radius: 50px; background:transparent url(/nhc/images/play_i02.png) center no-repeat; background-size: 98px;} .play.active:hover {background: rgba(255,255,255,0.2) url(/nhc/images/play_i02.png) center no-repeat; width: 120px; padding:15px 40px; border-radius: 50px;background-size: 98px; } /* ����� */ #page-1, .visual, .visual ul{height: 400px!important;} .visual ul li{height: 100%;height: 400px;} .main_cont{padding-top: 140px;padding-left: 20px; width: 100%; } #page-1 .main_cont h2{font-size: 18px;} .visual .btnbox a{font-size: 12px;width: 90px;height: 35px; line-height: 35px;} span.txt_bold{font-size: 25px;} .visual .info{ display: none; height: auto; padding: 8px 15px;z-index: 940; } .visual .infobox{width: 100%; padding: 0px; line-height: normal;} .visual .infobox .info-txt{font-size: 16px;padding-right: 5px; } .visual .btnbox{padding-top: 20px;} .pl20{padding-left: 0px;} .visual .infobox .info-txt2{font-size: 13px;letter-spacing: normal; } .visual .infobox .info-txt2 strong{font-size: 13px;letter-spacing: normal; } .visual .infobox b{padding-left: 73px;display: block;} #page-1 .bx-controls{transform: inherit;left: inherit;padding-left: 20px;height: 400px; } #page-1 .bx-pager{font-size: 13px;top: 110px; } #page-1 .bx-controls-direction{ bottom:60px; z-index: 99;} #page-1 .bx-controls-direction .bx-prev{background: url(/nhc/images/box-prev.png) no-repeat; background-size:cover; width: 30px;height: 30px; } #page-1 .bx-controls-direction .bx-next{ margin-left: -1px; background: url(/nhc/images/box-next.png) no-repeat; background-size: cover; width: 30px;height: 30px;} /* page2 ����ȳ� */ #page-2{height: auto;padding-top: 0;padding-bottom: 40px; } /* cont-quick */ .cont-quick{height: auto;padding: 0; top:0;} .popup_bxslider > div {height: 320px;} .cont-quick .swiper-container{position: relative; left: 0;width: 100%;margin: 0;padding: 0;} .cont-quick .swiper-container img{width: 100%;} .cont-quick .swiper-pagination{top: 85px;left: auto;right: 47px;bottom: auto;font-size: 15px; } .cont-quick .swiper-pagination span{margin:0 3px ;} .cont-quick .swiper-button-prev{top: 113px;bottom: auto;left: auto;right: 115px;background:url(/nhc/images/ico-page-prev2.png) 0 0 no-repeat;} .cont-quick .swiper-button-next{top: 113px;bottom: auto;left: auto;right: 15px;background:url(/nhc/images/ico-page-next2.png) 0 0 no-repeat;} .cont-quick .swiper-pagination-current{color: orangered;} .cont-quick .tit-wrap{width: 100%;height: auto; padding: 30px 15px 50px 15px;background: #fff; } .cont-quick .tit-wrap .tit{padding: 0;font-size: 30px;color: #333; } .cont-quick .tit-wrap .text{font-size: 14px;line-height: 1.5;font-weight: 500;color: #555; } .cont-quick .tit-wrap ul{display: none;} .cont-quick .tit-wrap ul:after{display:block; content:""; clear:both;} .cont-quick .tit-wrap ul li{float: left;width: 33.33%;} .cont-quick .text-wrap{left: 10px;bottom: 10px;width: auto;height: 320px;} .cont-quick .text-wrap p{padding: 30px 50px;} .cont-quick .swiper-slide-active .text-wrap{display: block; width: 100%; bottom:0;left:0; text-align: left;} .cont-quick .swiper-slide{margin-top: 0; height: 320px;} .cont-quick .text-wrap a{padding:15px;margin: 0px 50px 10px 50px; font-size: 16px;} .cont-quick .text-wrap a:after{display: none;} .cont-quick .text-wrap .tit{font-size: 22px;} .cont-quick .text-wrap .tit:after{font-size: 50px;} .cont-quick .text-wrap .text{padding: 3px 0 0 37px;font-size: 15px;} .cont-quick .text-wrap > a{margin:10px 50px 25px 50px;padding: 20px 25px;font-size: 16px; } .popupImg{display: block;height: 320px;} /* cont-intro */ .cont-intro{padding: 25px 15px;background-size: cover;} .cont-intro .tit{font-size: 18px;} .cont-intro ul{padding: 25px 0;} .cont-intro ul:after{display:block; clear:both; content:"";} .cont-intro ul li{float: left;width: 33.33%;padding: 0;} .cont-intro ul li img{width: 60px;} .cont-intro ul li span{padding-top: 5px;font-size: 16px;} .cont-intro a.more{width: 60px;padding: 5px 30px;font-size: 15px;} /* page3 �������� */ #page-3{padding: 30px 15px 40px 15px; height: auto;} #page-3 .cont_wrap{width: 100%;padding-left: 0px;} #page-3 .cont_wrap .nexbox > h2{font-size: 40px;} #vtab{padding-top: 30px;overflow: hidden;} #vtab > div{width: 100%;margin-left:0px;padding: 12px 0; } #vtab > ul{width: auto; float: none;top:0;overflow: hidden; } #vtab > ul > li{float: left;margin-right: 25px; } #vtab > ul > li > a{font-size: 18px;background-color: transparent!important;} #vtab > ul > li.selected a{background-color: transparent!important;} #vtab .gall_imgbox{height: 120px;} #vtab .txt-bg{height: 120px;} #vtab .news_list{overflow: hidden;} #vtab .news_list li{width: 31%;} #vtab .news_list li:nth-child(2){margin-top: 0;} #vtab .news_list li img{height: 100%;} #vtab a.new_view{margin: 80px auto;padding: 10px 35px;height: initial; line-height: initial; width: initial;font-size: 15px; } #vtab .news_list li h2{font-size: 12px;padding-top: 10px;} #vtab .new-txt{font-size: 12px;word-break: keep-all; padding: 20px 15px; } #vtab > ul > li a::after{padding: 0;position: absolute;right: -14px;top:3px;font-size: 12px; margin: 0;} #vtab > ul > li:nth-child(3) a::after {content: "";background: none; } #vtab > ul > li a::after {content: "|";background: none; } /* page4 ���ð� �ѷ����� */ #page-4{height: auto; padding: 30px 20px;box-sizing: border-box;} #page-4 .cont-wrap{width: 100%;} #page-4 .link-line{padding: 8px 15px;left: 20px;top: 50px;font-size: 18px;} .mGallery .gallery-area .container{width: 450px; margin: 0 auto; max-width: 450px;} .mGallery .gallery-road-g .road-step-area{width: 100%;height: 600px;} .mGallery .gallery-area .road-step-area .is--moving img{width: 100px;} .mGallery .gallery-area .container::before {left: 0;right: 0px;background-position: right 280px;background-size: 100% 160px; width: 450px;} .mGallery .gallery-road-g .road-step-area .txt strong {font-size: 13px; letter-spacing: -0.1em;} .mGallery .gallery-area .container::before {content: "";position: absolute; left: 0px; right: 0px; height: 100%; background: url(/nhc/images/line2_m.png) 0 0 no-repeat; background-position: center 250px;} .img-step1-1, .img-step2-1, .img-step6-1, .img-step7-1{display:none;} .img-step1-2, .img-step2-2, .img-step6-2, .img-step7-2{display: block!important;} .mGallery .gallery-road-g .road-step-area li img { position: absolute; white-space: nowrap; max-width: none; max-height: none;transition: all 0.5s; cursor: pointer;} .mGallery .gallery-road-g .road-step-area li img:hover, .mGallery .gallery-road-g .road-step-area li img:active, .mGallery .gallery-road-g .road-step-area li img:focus{transform: translateY(-20px); } .mGallery .gallery-road-g .road-step-area li img.img-step2-2:hover, .mGallery .gallery-road-g .road-step-area li img.img-step2-2:active, .mGallery .gallery-road-g .road-step-area li img.img-step2-2:focus{transform: translateX(10px); } .mGallery .gallery-road-g .road-step-area li img.img-step1-2:hover, .mGallery .gallery-road-g .road-step-area li img.img-step1-2:active, .mGallery .gallery-road-g .road-step-area li img.img-step1-2:focus{transform: translateY(10px); } .mGallery .gallery-road-g .road-step-area li img.img-step6-2:hover, .mGallery .gallery-road-g .road-step-area li img.img-step6-2:active, .mGallery .gallery-road-g .road-step-area li img.img-step6-2:focus{transform: translateY(10px); } .mGallery .gallery-road-g .road-step-area li img.img-step7-2:hover, .mGallery .gallery-road-g .road-step-area li img.img-step7-2:active, .mGallery .gallery-road-g .road-step-area li img.img-step7-2:focus{transform: translateY(10px); } /* �Ĺ� */ .mGallery .gallery-road1 .road-step-area .road-step1 {left: 56px;top: 480px;} .mGallery .gallery-road1 .road-step-area .road-step1 .txt {margin: -20px 0px 0px 15px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step1-2 {top: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step2 {top: 292px;left: 50px;} .mGallery .gallery-road1 .road-step-area .road-step2 .txt {margin: 95px 0 0 20px;} .mGallery .gallery-road1 .road-step-area .img-step2-2 {top: 0px;left: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step3 {top: 106px;left: 56px;} .mGallery .gallery-road1 .road-step-area .road-step3 .txt {margin:120px 0px 0px 18px;} .mGallery .gallery-road1 .road-step-area .img-step3-1 {top: 0px;left: 0px;} /* õ����ȣ���� */ .mGallery .gallery-road1 .road-step-area .road-step4 {top: 106px;left: 180px;} .mGallery .gallery-road1 .road-step-area .img-step4-1{top:0;left:0;} .mGallery .gallery-road1 .road-step-area .road-step4 .txt {margin: 120px 0px 0px 10px;} /* ��� */ .mGallery .gallery-road1 .road-step-area .road-step5 {top: 106px; left:302px; right: inherit;} .mGallery .gallery-road1 .road-step-area .road-step5 .txt {margin: 120px 0px 0px 18px;} /* �ѹݵ� �ڿ����� */ .mGallery .gallery-road1 .road-step-area .road-step6 {top:480px;left: 304px; right: initial;} .mGallery .gallery-road1 .road-step-area .road-step6 .txt {margin: -17px 0px 0px -5px;} /* �޸ӵ� */ .mGallery .gallery-road1 .road-step-area .road-step7 {top: 480px;left: 180px;} .mGallery .gallery-road1 .road-step-area .road-step7 .txt {margin: -17px 0px 0px 5px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step7-2 {top: 0px;} /* footer */ footer{height: auto; padding-bottom: 0px;} footer .cont_wrap{padding:0 20px ;} .ft_top ul li a{font-size: 12px;padding-right: 20px; } a.bottom_logo{width: 180px;} a.bottom_logo img{display: block;width: 100%;} .ft_top ul li a:after{padding-left: 9px; top:0; font-size: 10px;} .ft_top ul li{margin-right: 0px;} .ft_top{padding:20px 0 ;} .ft-bt{padding: 30px 0 160px 0;} .ft_txt{clear: both;padding-left: 0;padding-top: 10px;font-size: 12px;font-weight: normal;} .select-link{position: absolute;top:130px;left: 0px;} .select-link > .link-title, .select-link select{padding: 0 9px;} /* index.html �� ------------------------------------------- */ /* sub ���� ---------------------------------------------- */ #sub_top, .sub_topbg{height: 380px;} #sub_bxslider{height: 400px;} #sub_bxslider .bx-wrapper{height: 400px;} #sub_bxslider .bx-viewport{height: 400px!important;} #sub_bxslider .sub_bxslider{height: 400px;} #sub_bxslider .sub_bxslider li{height: 400px;} .sub_cont{padding: 0 20px 50px 20px;} .sub_tit {padding-top: 50px;margin-bottom: 30px;} .sub_tit1{font-size: 30px;padding-bottom: 30px;} .sub_wrap{width: 380px;background-size: contain;top:45%;} p.sub_toptxt3{font-size: 12px;margin-top: 18px;} h2.sub_toptxt2{font-size: 16px;} .txt_bold2{font-size: 30px;} .play2{bottom: 70px;} /* ���� �޴� */ .breadcrumbs{padding: 0;height: 50px;} .breadcrumbs ul.main-navigation-breadcrumbs{height: 50px;} .breadcrumbs ul.main-navigation-breadcrumbs>li.first-depth{border-left: 0;} .breadcrumbs ul.main-navigation-breadcrumbs>li{width: 38%;height: 50px;} .breadcrumbs ul.main-navigation-breadcrumbs>li>ul.sub-menu {top: 51px;} .m3depth ul.main-navigation-breadcrumbs>li.first-depth{width: 40px!important;} .m3depth ul.main-navigation-breadcrumbs>li{width: 30.3%;} .m3depth ul.main-navigation-breadcrumbs>li>a{padding: 0 8px;font-size: 15px;} .m3depth ul.main-navigation-breadcrumbs>li.fourth-depth{border-right: 0;} .m3depth ul.main-navigation-breadcrumbs>li.menu-item-has-children::after{margin: 0 8px 0 -11px;} /* ������ ���� */ .research>div{padding: 20px;} .research>div span{padding-left: 0;display: block;font-size: 20px;} .research>div input[type="text"]{width: 80%;font-size: 12px;height: 40px;} .research>div input[type="submit"]{width: 18%;font-size: 12px;height: 40px;padding: 0;} .input-wrap{padding-top: 20px;font-size: 12px!important;} /* sub1-1. �����ȳ� */ .sub1-1 .__tit1 h3{font-size: 20px;} .sub1-1 .__txt1{font-size: 14px;} .sub1-1 .__txt1 p{margin-bottom: 10px;} .sub1-1 .__mt60{margin-top: 20px!important;} .sub1-1 .__mt50{margin-top: 20px!important;} .__info-top > * {width:100% !important;} .__info-top .img {text-align:center;} .__info-top .lef {padding-right:0;} .__info-top .rig {padding-left:0;margin-top:0px;} .__info-top .txt h2 {font-size:20px;letter-spacing:-0.1em;padding: 20px 0;} .__info-caution .box {margin-top:15px;} .__info-caution .box .img {width:60px;} .__info-caution .box .info {width:calc(100% - 60px);padding-left:15px;} .__info-sum .box {width:50%;padding:15px 5px 0;height:170px;} .__info-sum .box .ico img {width:30px;} .__info-sum .box h3 {font-size:16px;} .__info-sum .box .txt {font-size:12px;} .__info-caution .box {margin-top:10px;} .__info-caution .box .img {width:60px;} .__info-caution .box .img img{max-width: 100%;} .__info-caution .box .info {width:calc(100% - 60px);padding-left:15px;} /* sub1-1-2. ��ü���� */ .sub1-1-2 .txtbox{font-size: 14px;height: 28px;} .sub1-1-2 .edu_wrap{height: auto;} .sub1-1-2 .edu_right{padding: 30px 10px;} .sub1-1-2 .txtarea_form{height: 65px;margin: 6px 0;} #calendar{margin-top: 0;} .edu_wrap .edu_right{margin-left: 0;} .sub1-1-2 .sub_contTxt{font-size: 18px;} /* sub1-2. �ؼ��ȳ� */ .__comm-caution {padding:15px;margin-bottom: 30px;} .__comm-caution .ico {display:none;} .__comm-caution .txt {width:100%;font-size:14px;padding-left:0;word-break: keep-all;} .__comm-caution .txt li {margin-top:5px;word-break: keep-all;} .__comm-caution .txt li span {display:inline;} .__comm-caution + .__toparea {margin-top:15px;} .__comm-caution.type2 .ico {width:70px;} .__comm-caution.type2 .txt {width:calc(100% - 70px);} .__lr1 .lef{float: none; width: 100%;} .__lr1 .rig{float: none; width: 100%;} .__lr1 .txt{padding: 30px 0 0;} .sub1-2 .__mt50{margin-top: 0!important;} .sub1-2 .__tit1 h3 {font-size: 22px;} .__dotlist1 dl{font-size: 14px;} /* sub1-3-1. �������� */ .edu_wrap .tbInTit{font-size: 25px;padding-bottom: 15px;} .edu_wrap > div{ width: 100%!important; padding: 30px 20px;} .sub1-3 .date_txt{font-size: 18px;padding-bottom: 12px;} .thumDetail2{padding-top: 0;} .sub1-3 .edu_list th{padding: 6px 0; font-size: 16px;} .sub1-3 .detail_btn{padding: 10px 0;} .sub1-3 .tb_gray, .sub1-3 .tb_indent2{font-size: 14px;} .sub1-3 .tb_indent2{padding: 0 10px;} .sub1-3 .detail_btn2{margin-left: 5px;padding: 5px 10px;font-size: 12px; float: right; margin-top: 10px; } #calendar td { width: 60px;height: 54px;font-size: 15px;padding-top: 5px;} .sub1-3 .tbfix{width: 100%;} .sub1-3 .tbfix tbody tr{height: auto;} .sub1-3 .reserv_btn {width: 60px; font-size: 13px;padding: 4px 15px 4px 4px; line-height: normal!important; height: auto!important; } .sub1-3 .reserv_btn::after {width: 5px;height: 8px;top: 10px;right: 8px;} .edu_wrap{height: auto;} .sub1-3 .detail_box{padding: 15px 0;} .sub1-3 .detail_box span{font-size: 12px;line-height:normal;} .sub1-3 .detail_box p{padding-bottom: 15px;} #calendar input{width: 30px;height: 30px;} .sub1-3 .tb_gray{width: 13%!important;} #calendar .year_mon {font-size: 21px;} .edu_wrap .edu_right{margin-top: 10px;clear: both;border: 1px solid #ccc;} /* sub1-3-1-1. ��������2 */ .sub1-3 .__search1 select, .__search1 input[type='text'], .__search1 button{height: 30px;} .sub1-3 .__search1 input[type='text']{width: 130px;} .sub1-3 .__search1 button{width: 30px;} .__tab1 a {width:auto;padding:0 20px;height:30px;} .__tab1 a span {font-size:12px;} .__pdt-list tr > * {padding:10px;} .__pdt-list col.img {width:130px;} .__pdt-list col.people {width:100px;} .__pdt-list col.state {width:130px;} .__pdt-list td.info .ico {margin-bottom:10px;} .__pdt-list td.info .ico span {margin-right:3px;} .__pdt-list td.info .subject a {font-size:15px;} .__pdt-list td.info ul {margin-top:7px;} .__pdt-list td.info ul li {font-size:13px;} .__pdt-list td.people li {font-size:13px;margin-top:3px;} .__pdt-list td.state li {margin:0 3px;display:inline-block;vertical-align:middle;} .__pdt-list td.state li > * {width:100px;height:30px;border-radius:15px;font-size:13px;line-height:28px;} .__pdt-list tr td.nomore {padding:40px 0;font-size:15px;} .__pdt-list .img {display:none;} .__pdt-list, .__pdt-list tbody, .__pdt-list tr {display:block;font-size:0;} .__pdt-list tr {border-bottom:1px solid #ddd;padding:5px 0;} .__pdt-list tr:after {content:"";display:block;clear:both;} .__pdt-list td {display:block;border:none;box-sizing:border-box;display:inline-block;padding:5px;} .__pdt-list tr:hover td {background:none;} .__pdt-list td.info {width:70%;height: auto!important;} .__pdt-list td.people {width:30%;height: auto!important;} .__pdt-list td.state {width:100%;height: auto!important;} .__pdt-list tr td.nomore {padding:30px 0;font-size:13px;} .__ico1 {padding:0 5px;min-width:0;font-size:11px;} /* ��������2 view */ .__prgram-view .one {padding:15px;} .__prgram-view .one .img {width:120px;} .__prgram-view .one .img img{width: 100%;height: auto;display: block;} .__prgram-view .one .info {width:calc(100% - 120px);padding-left:15px;} .__prgram-view .one .info .subject {font-size:14px;} .__prgram-view .one .info .ico {margin-top:5px;} .__prgram-view .one .info ul {margin-top:10px;} .__prgram-view .one .info ul li {margin-top:2px;font-size:12px;} .__prgram-view .one .info .btn {margin-top:15px;} .__prgram-view .one .info .btn .__btn1 {margin-right:2px;padding:0 10px;height: 30px!important;line-height: 28px!important;font-size: 12px!important;} .__prgram-view .one .info .btn .type2{width: 50px;} .__prgram-view .two {margin-top:20px;} .__prgram-view .two h3 {padding:10px;font-size:14px;} .__prgram-view .two .con {margin-top:20px;font-size:12px;line-height:1.4em;} .__prgram-view .two .con * {font-size:13px;line-height:1.4em !important; word-break: keep-all;} .contfz{font-size: 15px!important;} /* sub1-3-2. �����ȳ�-���� */ .sub1-3-2 .__comm-caution .ico {width: 100px;margin-right: 20px;} .sub1-3-2 .__comm-caution .ico img {display: block;width: 100%;} .__phone-cert{width: 100%;margin-top: 30px; padding: 35px 20px;} .__phone-cert h3{font-size:25px;padding: 0px 0 20px 0;word-break: keep-all;} .__phone-cert .__txt1{font-size: 15px;padding:20px 0;} .__phone-cert .ico img{width: 100px;} .__phone-cert .__mt30{width: 250px;} .__phone-cert .__btn1{height: 45px;line-height: 45px;font-size: 18px;} /* sub1-3-3. �����ȳ�-���� */ .tb_gray{font-size: 15px;} .edu_wrap .red{padding-right: 5px;} .txtbox{height: 30px;font-size: 16px;} .sub1-3-2 .tbfix tbody tr{height: 50px;} .seltWrap3_2 select{width: 90%;font-size: 14px;height: 30px;} .tb_indent2 .sp_num{font-size: 16px;top:8px;} .txtarea_form{margin: 10px 0;height: 72px;} .eduformbox li > select{font-size: 16px;height: 30px;width: 150px;padding: 5px;} .eduformbox li > span{font-size: 20px;} .eduformbox li > input{font-size: 16px;} .btnbox{width: 288px;padding-top: 50px;padding-bottom: 30px;} .btnbox a{width: 100px;padding: 8px 15px;} .btnbox a button{font-size: 20px;} /* sub1-5. ���ð� �ȳ� */ .__exhibition {width: 100%;} .__exhibition .caution {margin-bottom:5px;font-size:14px;} .__exhibition .area .point > * span {font-size:12px;width:100px;margin-left:-50px;} .__exhibition .area .point > *:before {margin-left:-4.5px;width:9px;height:12.5px;background-size: contain;} #popup01{ width: 90%; height: 240px;} #popup02{ width: 90%; height: 240px;} #popup03{ width: 90%; height: 240px;} #popup04{ width: 90%; height: 240px;} #popup05{ width: 90%; height: 240px;} #popup06{ width: 90%; height: 240px;} .confirmBtn{width: 20px;height: 20px;top: -30px;right: 0;} .confirmBtn img{display: block;width: 100%;} /* 1-5-1. ���վȳ��� */ ul.tabs3-2 > li{width: 31%;} ul.tabs3-2 > li .li_tit {padding: 15px 20px;font-size: 15px;} .desc .__txt2{padding: 0;font-size: 14px;word-break: keep-all;} .desc .__txt3{padding: 0;font-size: 14px;word-break: keep-all;} .tab-content3-2 h3{padding: 20px 0;} .__create-top span {font-size:14px;} .__create-mid .area {padding-left:0;margin-top:20px;} .__create-mid .area h3 {font-size:20px;position:relative;} .__create-mid .area h3:before {width:40px;height:6px;} .__create-history {padding-left:30px;} .__create-history:before {left:9px;} .__create-history dl {margin-top:15px;} .__create-history dl > * {display:block;} .__create-history dl:before {left:-27px;width:12px;height:12px;top:5px;} .__create-history dl dt {width:100%;font-size:16px;} .__create-history dl dt br {display:none;} .__create-history dl dd {width:100%;font-size:14px;padding-top:4px;} ul.tabs3-2 {overflow: hidden;padding-bottom: 30px;} .__onchat .box {width:50%;padding:15px 10px;height:180px;} .__onchat .box .ico em {width:50px;height:50px;line-height:50px;font-size:30px;} .__onchat .box .ico img {width:50px;} .__onchat .box dl dt {font-size:16px;padding-bottom:10px;margin:10px 0 15px;} .__onchat .box dl dd {font-size:13px;} .__onchat .box dl dd a {width:120px;height:30px;line-height:28px;font-size:12px;} .__onchat.type2 .box {width:33.33333%;} .__onchat.type2 .box:nth-of-type(n+4) {width:50%;} /* �ü���Ȳ ������ */ .__extop .area {width:100%;} .__extop .mov a:before {width:60px;height:60px;margin:-30px 0 0 -30px;} .__extop .tab {width:100%;position:relative;font-size:0;text-align:center;border-left:1px solid #ddd;border-top:1px solid #ddd;} .__extop .tab a {width:33.33333%;height:50px;display:inline-block;background-size:40px 40px;border-top:none;border-left:1px solid #ddd;} .__extop .tab a:first-child {border-left:none;} .__extop .tab a span {padding:0 3px;} .__extop .tab a em {display:none;} .__extop .tab a strong {font-size:12px;} .__extop.type2 .tab a {width:25%;height:50px;} .__extop .area .bx-controls-direction a {width:19.5px;height:37.5px;margin-top:-18.75px;} .__extop .area .bx-controls-direction .bx-prev {left:5px;} .__extop .area .bx-controls-direction .bx-next {right:5px;} /* 1-5-2. �ڿ������� �ȳ� */ .sub1-5-2 .__tit1 h3{font-size: 22px;} .__serve .box .in{padding: 40px 15px;} .__dotlist1 li{font-size: 14px;} .sub1-5-2 .__txt1{font-size: 13px;} .sub1-5-2 .__mt20{margin-top: 0;} .__serve .box{width: 100%;} .__serve .box .in{height: auto;} /* 1-5-3. ������ */ .sub1-5-3 .__orgamid .tbl tr td.tal{text-align: left!important;} .sub1-5-3 .__orgamid .tbl td{height: auto!important;} .sub1-5-3 .__orgamid .tbl tr > *{font-size: 12px;word-break: keep-all;padding: 5px;} .sub1-5-3 .__tit1 h3{font-size: 20px;} .sub1-5-3 .__txt3{font-size: 14px;} .sub1-5-3 .__orgamid .area .ovh {overflow-x: scroll;} .sub1-5-3 .__orgamid .tbl{width: 600px;} .__orgamid .tbl col.orga1, .__orgamid .tbl col.orga2, .__orgamid .tbl col.orga3, .__orgamid .tbl col.orga5{width: 6%;} .__orgamid .tbl col.orga4{width: 20%;} /* sub1-6-1. ����(���)��ȸ */ .sub1-6 .bo_tit a{line-height: 40px;} .sub1-6 .cancle_btn button{padding: 2px 10px;margin-top: 6px;} .sub1-6 .search_wrap {width: 400px;} .sub1-6 .search_wrap input{width: 100%;} .total_t{font-size: 18px;padding-top: 30px;} .sub1-6 .search_box{clear: both;float: none;width: 100%;margin-top: 10px;overflow: hidden;padding-top: 10px;} .sub1-6 .search_sel{width: 27%!important;} .sub1-6 .search_wrap{width: 73%!important;} .sub1-6 .tbl_wrap table td{padding: 0!important;} .sub1-6 .tbl_wrap table th{line-height: 40px;height: 40px!important;} .sub1-6 .tbl_wrap table td{height: 40px!important;line-height: 40px!important;} .sub1-6 .tbl_wrap table th:nth-child(1){width: 13%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(1){width: 13%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(2){width: 27%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(2){width: 27%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(3){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(3){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(4){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(4){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(5){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(5){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(6){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(6){width: 15%!important;display: inline-block;} /* sub2-1. �Ĺ������� */ .sub2-1 {height: 400px!important;} .zone_wrap{padding: 30px 30px 80px 30px;} a.mapview{right: 30px; top:initial; bottom:20px; width:initial;height: initial;font-size: 12px;padding:8px 40px 8px 14px; border-radius: 4px;} a.mapview::after{width: 15px;height: 24px;background-size: contain; right: 6px;top:inherit; bottom:2px; left: initial;} a.mapview br{display: none;} .zone_wrap .zoneleft{display: none;} .zone_wrap .zoneright{width: 100%;} .zone_wrap .zonetxt{height: 70%;} .zone_wrap > div{height: auto;} .zone_wrap .zonetxt > h1, .zone_wrap .zonetxt > h2{font-size: 20px;} .zone_wrap .zonetxt > h2 > span{font-size: 24px;word-break: keep-all;} .zone_wrap .zone-subtxt{font-size: 16px;width: 100%;word-break: keep-all;} .zone_wrap .zone-subtxt br{display: none;} .zone_wrap .zonetxt > h2{padding-bottom: 30px;} .zone_wrap .zoneMimg{width: 100%;height: 220px;background:url(/nhc/images/main_bg01.png) no-repeat;background-size: cover;} .zone_wrap .zoneimg li{width: 48%;} .zone_wrap .zoneimg li:first-child {margin-right: 4%;} .zone_wrap .zoneimg{padding-top: 20px;height: 30%;} #popup2 .confirm_btn2{padding: 5px;width: 20px;height: 20px;top: 10px;right: 10px; } .reservationbox{width: 100%;} .reservationbox a{font-size: 20px;text-indent: -20px;width: 46%;height: 55px;line-height: 55px;text-align: center;padding: 0;} .reservationbox a::after{top:21px;right: 15px;} .reservationbox a:nth-of-type(1){margin-right: 4%;} .reservationbox a:nth-of-type(2)::after{top:21px;right: 15px;} #popup2{ width: 90%; height: 240px;} #popup3{ width: 90%; height: 240px;} #popup4{ width: 90%; height: 240px;} #popup5{ width: 90%; height: 240px;} #popup6{ width: 90%; height: 240px;} #popup7{ width: 90%; height: 240px;} .confirm_btn2{width: 20px;height: 20px;top: 5px;right: 5px;padding: 6px;} .confirm_btn2 img{display: block;width: 100%;} /* sub2-2. ���������� */ .sub2-1-2 .zone_wrap{padding: 0px;} /* .zoneMimg2{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg02.png) no-repeat;background-size: cover;} .zoneMimg3{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg03.png) no-repeat;background-size: cover;} .zoneMimg4{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg04.png) no-repeat;background-size: cover;} .zoneMimg5{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg05.png) no-repeat;background-size: cover;} .zoneMimg6{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg06.png) no-repeat;background-size: cover;} */ .zoneMimg2{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-2-img01.png) no-repeat;background-size: cover;} .zoneMimg3{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-3-img01.png) no-repeat;background-size: cover;} .zoneMimg4{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub4-2-img01.jpg) no-repeat;background-size: cover;} .zoneMimg5{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-6-img01_2.jpg) no-repeat;background-size: cover;} .zoneMimg6{border-radius: 20px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-7-img01_2.jpg) no-repeat;background-size: cover;} .sub2-1-2 .animal .zoneleft{display: none;} .sub2-1-2 .animal .zoneright{width: 100%;} .sub2-1-2 .animal .zonetxt{padding:30px;height: auto;} .sub2-1-2 .zone-subtxt > span{padding-bottom: 20px;} .sub2-1-2 .zone-subtxt > span:nth-of-type(3){padding-bottom: 0px;} .sub2-1-2 .animal .zone-subtxt{font-size: 17px;text-align: left;} .sub2-1-2 .animal .zoneimg {height: 35%;padding-top: 3%;margin-top: 0;} .animal a.mapview{font-size: 20px;padding:17px 10px;} .animal .bd_btn{padding: 3px 15px;width: 100px;bottom:10%;} .animal a.mapview::after {width: 60px;height: 57px; background-size: cover;} .animal .zoneimg li{height: 180px;} /* sub3-1. �������� */ .search_box{float: initial;position: relative;} .search_sel select, .search_wrap input{font-size: 16px;height: 50px;} .search_wrap input{width: 100%;} .search_sel{width: 30%;height: 50px;} .search_wrap{width: 70%!important;height: 50px;} .search_wrap button{position: absolute;right: 0;width: 50px;height: 50px;background: url(/nhc/images/search-i.png) no-repeat center, #0084ff; background-size: 30px 30px;} .tbl_wrap table th, td{height: 50px!important;} .sub3-1-1 .tbl_wrap table th{padding-bottom: 0;} .tbl_wrap table th{font-size: 15px!important;} .tbl_wrap table td{font-size: 12px!important;padding: 0 10px!important;} .bo_tit a{padding-left: 0;padding-right: 20px;word-break: keep-all;line-height: normal;} .tbl_wrap table th:nth-child(1){display: none;} .tbl_wrap table th:nth-child(3){width: 15%!important;} .tbl_wrap table th:nth-child(4){display: none;} .tbl_wrap table th:nth-child(5){display: none;} .tbl_wrap table td:nth-child(1){display: none;} .tbl_wrap table td:nth-child(4){display: none;} .tbl_wrap table td:nth-child(5){display: none;} .td_file img{width: 20px;} .pagination-sm>li>a, .pagination-sm>li>span{width: 30px;height: 30px;line-height: 30px;} /* sub3-1-2. �������� view */ #bo_v_title span{font-size: 20px;padding: 20px;} #bo_v_info, .attachment{padding: 20px;} #bo_v_con{padding: 30px 20px;font-size: 16px;} .bo_list{padding: 15px;width: 150px;} .bo_fz{font-size: 16px;} /* sub3-1-1. �������� �۾��� */ .sub3-2-1 .tbl_wrap table th:nth-child(1){display: block!important;} .sub3-2-1 .board-form tbody, .sub3-2-1 .board-form tr{display: block;width: 100%;} .sub3-2-1 .tbl_wrap table th label{font-size: 20px;} .font-orange{font-size: 14px;} .sub3-2-1 .board-form th{width: 100%;height: auto!important;padding: 0 0 20px 0;} .sub3-2-1 .tbl_wrap table td{display: block;width: 100%;height: auto!important;padding: 0!important;margin-bottom: 10px;} .sub3-2-1 .board-form td input, textarea{padding: 10px;font-size: 16px;} .sub3-2-1 .board-form th, td input{height: 45px;} .form_name input {width: 100%;} .phone input {width: 31%;} #qnaRpstEmail{width: 46%!important;} #qnaRpstEmail2{width: 46%!important;} .email select{width: 100%;height: 45px;} .filebox .upload-name{width: 100%;} .filebox.bs3-primary label{ float: left; margin-top: 10px;width: 130px;height: 50px;line-height: 50px;} .form_infotxt{font-size: 12px;word-break: keep-all;width: auto;float: none;line-height: normal; } .form_infotxt br{display: none;} .btn-group{margin-top: 40px;} .btn-group button{width: 100%;} /* ã�ƿ��ô±� */ .mapbox{width: 100%;height: auto;} .mapbtn{position: absolute;right: 0; background: green;color: #fff;text-align: center;display: block;padding:6px 10px;font-size: 13px;} .mapImg{ margin-top: 35px; width: 100%;height: 300px; background: url(/nhc/images/map01.png) no-repeat center; background-size: 200%;} .__loc-top .bot li {display: inline-block;margin-left: 0px;} .__loc-top .bot li span{font-size: 15px;} .__loc-bot .box .ico img{display: none;} .__loc-bot .box .info {width: 100%;} .__loc-bot .box {padding: 30px 0; } .mapbox .__btn1{font-size: 14px;} .mapbox .__mt10{font-size: 14px;} .__dotlist1 li{font-size: 14px;} /* ��������Ʈ */ .site_box li{width: 32.3333%; height: 75px;margin-bottom: 1%;} .site_box3 li a img{width: 120px;padding-top: 20px;} .site_box3 li:nth-of-type(2) a img{padding-top: 26px;width: 74px;} .site_box h2 {font-size: 22px;padding-bottom: 15px;} } @media screen and (min-width:320px) and (max-width:479px){ /* index.html ���� ---------------------------------------------- */ #hd{top:0; border: 0;height: 50px;z-index: 950;} #hd .logo{padding-left: 10px;margin-top: 5px;} #hd .logo img{width: 150px;} .menubt{display: none;} .menubt > .menuBg > li{padding-top: 15px; padding-right: 0;} .menubt > .menuBg > li > a{font-size: 18px;} .snsbt .snsRight li{padding: 12px 14px 0 0;} .snsbt .snsRight li img{display: block; width: 20px;} /* ����� �޴� ���� */ .menu_toggle { top:11px; display: block;z-index: 951; width: auto;height: auto;} .menu_btn{display: none;} .menu_toggle img.m_menu_i{width: 20px;} .menu_toggle img.m_menu_close{width: 20px;} #mb_nav .mb_nav_wr{max-width: 80%;} .menu_toggle.active{right: 85%;} .m_color1 {background: coral;} .m_db2{display: block;} .info-txt{font-size: 20px;font-weight: bold;} .pl20{float: left;} .info-txt2{display: block;} .info-txt2 b{display: block;font-size: 13px;color: #fff;clear: both;} .info-txt2 strong{font-size: 15px;float: left; clear: both;} .m_txt{padding-left: 10px;display: inline-block;} .m_txt2{ clear: both; display: block; font-size: 12px;letter-spacing: -0.02em;} .m_color2 {background: #cedec6;} .m_db3{padding-left: 10px;padding-top: 4px;clear:none!important; } /* ����� �޴� �� */ .snsbt{padding-right: 30px;height: 60px; } .search-form{padding-top: 30%;width: 80%;} .search-form button{right: 0;font-size: 20px;} .infotxt, .infoimg{padding: 20px 30px;height: auto; } .infoimg p{ width: 100%; height: 170px;} .infotxt h2{font-size: 23px;} .infotxt p{font-size: 14px;} .subBa{top:70px;} .subBa .sub li a.subtxt{font-size: 16px;} .subBa .sub > li{padding-left: 20px!important;padding-top: 20px; } .subBa .sub li a.subtxt::before {left: -23px;} .menu_wrap{padding-top: 8%;width: 80%;} .menu_wrap > li{margin-bottom: 15px; padding-bottom: 15px;} .menu_wrap > li > a{font-size: 15px;font-weight: bold; } .menu_wrap ul.sub li a{font-size: 12px;} .fullscreen_menu h2{font-size: 38px;margin-top: 5%; } .menu_wrap ul.sub li{margin-right: 23px;} .menu_wrap ul.sub li a:after{padding-left: 10px;top:2px; font-size: 12px; } .menu_wrap ul.sub li:nth-child(5) a:after{content: ""; padding-left: 10px;top:2px; font-size: 12px; } .depth3 .infoimg ul{width: 100%;} .depth3_ul > li:nth-of-type(1){padding-top: 5px!important} .depth3_ul > li{padding: 0!important;} .depth3_ul > li a{font-size: 14px;} .subBa, .subBa .sub{height: 250px;} .subBa .sub > li:nth-of-type(1){height: 100px; position: relative;} .subBa .sub > li:nth-of-type(1)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(2){height: 100px;position: relative;} .subBa .sub > li:nth-of-type(2)::after{ content: ""; background: #ccc; width: 1px; height: 290px; position: absolute; right: 0; top:0; z-index: 100;} .subBa .sub > li:nth-of-type(3){height: 100px; } .subBa .sub > li:nth-of-type(4){height: 150px; } .subBa .sub > li:nth-of-type(5){ height: 150px; } .subBa .sub > li:nth-of-type(6){height: 150px; } .subBa .sub > li:nth-of-type(7){ height: 150px; } .depth3 .infoimg ul li{ width: 48%; margin-right: 4%!important;padding: 30px 15px!important; } .depth3 .infoimg ul li:nth-of-type(2){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(4){margin-right: 0%!important;} .depth3 .infoimg ul li:nth-of-type(1) a::before{content: "";background: url(/nhc/images/top-menu-i01.png) no-repeat; background-size: cover; position: absolute;left: 0px;width: 16px;height: 17px;top: -1px;} .depth3 .infoimg ul li:nth-of-type(2) a::before{content: "";background: url(/nhc/images/top-menu-i02.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 16px;height: 16px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(3) a::before{content: "";background: url(/nhc/images/top-menu-i03.png) no-repeat;background-size: cover; position: absolute;left: 0px;width: 16px;height: 17px;top: -0px;} .depth3 .infoimg ul li:nth-of-type(4) a::before{content: "";background: url(/nhc/images/top-menu-i04.png) no-repeat;background-size: cover; position: absolute;left: -4px;width: 16px;height: 15px;top: 1px; } .depth3 .infoimg ul li:nth-of-type(4){padding: 35px 15px;} .depth3 .infoimg ul li a{font-size: 12px;padding-left: 15px;letter-spacing: -0.08em;} .depth1 .infoimg > a, .depth2 .infoimg > a{font-size: 15px;} /* ���� */ .play{right: 10px;bottom:10px;} #page-1 video{height: 300px;} .b_bg{height: 300px;} .play:hover {background: rgba(255,255,255,0.2) url(/nhc/images/play_i01.png) center no-repeat; width: 100px; padding: 15px 30px; border-radius: 50px;background-size: 85px;} .play{ width: 100px;height: 20px; padding: 15px 30px; border-radius: 50px; background:transparent url(/nhc/images/play_i01.png) center no-repeat; background-size: 85px;} .play.active{width: 100px;height: 20px; padding: 15px 30px; border-radius: 50px; background:transparent url(/nhc/images/play_i02.png) center no-repeat; background-size: 85px;} .play.active:hover {background: rgba(255,255,255,0.2) url(/nhc/images/play_i02.png) center no-repeat; width: 100px; padding:15px 30px; border-radius: 50px;background-size: 85px; } /* ����� */ #page-1, .visual, .visual ul{height: 300px!important;} .visual ul li{height: 100%;height: 300px;} .main_cont{padding-top: 100px;padding-left: 20px; width: 100%; } #page-1 .main_cont h2{font-size: 14px;} .visual .btnbox a{font-size: 12px;width: 80px;height: 30px; line-height: 30px; margin-right: 15px;} span.txt_bold{font-size: 22px;} .visual .info{ display: none; height: auto; padding: 8px 15px;z-index: 940; } .visual .infobox{width: 100%; padding: 0px; line-height: normal;} .visual .infobox .info-txt{font-size: 16px;padding-right: 5px; } .visual .btnbox{padding-top: 10px;} .pl20{padding-left: 0px;} .visual .infobox .info-txt2{font-size: 13px;letter-spacing: normal; } .visual .infobox .info-txt2 strong{font-size: 13px;letter-spacing: normal; } .visual .infobox b{padding-left: 73px;display: block;} #page-1 .bx-controls{transform: inherit;left: inherit;padding-left: 20px;height: 300px; } #page-1 .bx-pager{font-size: 12px;top: 80px; } #page-1 .bx-controls-direction{ bottom:30px; z-index: 99;} #page-1 .bx-controls-direction .bx-prev{background: url(/nhc/images/box-prev.png) no-repeat; background-size:cover; width: 25px;height: 25px; } #page-1 .bx-controls-direction .bx-next{ margin-left: -1px; background: url(/nhc/images/box-next.png) no-repeat; background-size: cover; width: 25px;height: 25px;} /* page2 ����ȳ� */ #page-2{height: auto;padding-top: 0;padding-bottom: 30px; } /* cont-quick */ .cont-quick{height: auto;padding: 0; top:0;} .popup_bxslider > div {height: 230px;} .cont-quick .swiper-container{position: relative; left: 0;width: 100%;margin: 0;padding: 0;} .cont-quick .swiper-container img{width: 100%;} .cont-quick .swiper-pagination{top: 110px;left: auto;right: 47px;bottom: auto;font-size: 15px; } .cont-quick .swiper-pagination span{margin:0;} .cont-quick .swiper-button-prev{top: 140px;bottom: auto;left: auto;right: 100px;background:url(/nhc/images/ico-page-prev2.png) 0 0 no-repeat;background-size: 18px;} .cont-quick .swiper-button-next{top: 140px;bottom: auto;left: auto;right: 10px;background:url(/nhc/images/ico-page-next2.png) 0 0 no-repeat;background-size:18px;} .cont-quick .swiper-button-prev:hover {background: url(/nhc/images/ico-page-prev_on.png) 0 0 no-repeat;background-size: 18px;} .cont-quick .swiper-button-next:hover {background: url(/nhc/images/ico-page-next.png) 0 0 no-repeat;background-size: 18px;} .cont-quick .swiper-pagination-current{color: orangered;} .cont-quick .tit-wrap{width: 100%;height: auto; padding: 30px 15px 50px 15px;background: #fff; } .cont-quick .tit-wrap .tit{padding: 0;font-size: 26px;color: #333; } .cont-quick .tit-wrap .text{font-size: 14px;line-height: 1.5;font-weight: 500;color: #555; } .cont-quick .tit-wrap ul{display: none;} .cont-quick .tit-wrap ul:after{display:block; content:""; clear:both;} .cont-quick .tit-wrap ul li{float: left;width: 33.33%;} .cont-quick .text-wrap{left: 10px;bottom: 10px;width: auto;height: 230px;} .cont-quick .text-wrap p{padding:22px;} .cont-quick .swiper-slide-active .text-wrap{display: block; width: 100%; bottom:0;left:0; text-align: left;} .cont-quick .swiper-slide{margin-top: 0; height: 230px;} .cont-quick .text-wrap a{padding:12px 30px;margin: 5px 20px 15px 20px; font-size: 16px;} .cont-quick .text-wrap a:after{display: none;} .cont-quick .text-wrap .tit{font-size: 20px;} .cont-quick .text-wrap .tit:after{font-size: 50px;} .cont-quick .text-wrap .text{padding: 3px 0 0 37px;font-size: 15px;} .popupImg{display: block;height: 230px;} /* cont-intro */ .cont-intro{padding: 25px 15px;background-size: cover;} .cont-intro .tit{font-size: 18px;} .cont-intro ul{padding: 25px 0;} .cont-intro ul:after{display:block; clear:both; content:"";} .cont-intro ul li{float: left;width: 33.33%;padding: 0;} .cont-intro ul li img{width: 60px;} .cont-intro ul li span{padding-top: 5px;font-size: 16px;} .cont-intro a.more{width: 60px;padding: 5px 30px;font-size: 15px;} /* page3 �������� */ #page-3{padding: 30px 15px 40px 15px; height: auto;} #page-3 .cont_wrap{width: 100%;padding-left: 0px;} #page-3 .cont_wrap .nexbox > h2{font-size: 30px;} #vtab{padding-top: 20px;overflow: hidden;} #vtab > div{width: 100%;margin-left:0px;padding: 12px 0; } #vtab > ul{width: auto; float: none;top:0;overflow: hidden; } #vtab > ul > li{float: left;margin-right: 20px; } #vtab > ul > li > a{font-size: 15px;background-color: transparent!important;} #vtab > ul > li.selected a{background-color: transparent!important;} #vtab .gall_imgbox{height: 120px;} #vtab .txt-bg{height: 120px;} #vtab .news_list{overflow: hidden;} #vtab .news_list li{width: 47%;} #vtab .news_list li:nth-child(3){display: none;} #vtab .news_list li:nth-child(2){margin-top: 0;} #vtab .news_list li img{height: 100%;} #vtab a.new_view{margin: 80px auto;padding: 10px 35px;height: initial; line-height: initial; width: initial;font-size: 15px; } #vtab .news_list li h2{font-size: 12px;padding-top: 10px;} #vtab .new-txt{font-size: 12px;word-break: keep-all; padding: 20px 15px; } #vtab > ul > li a::after{padding: 0;position: absolute;right: -14px;top:3px;font-size: 12px; margin: 0;} #vtab > ul > li:nth-child(3) a::after {content: "";background: none; } #vtab > ul > li a::after {content: "|";background: none; font-size: 10px;right: -10px;top: 1px;} /* page4 ���ð� �ѷ����� */ #page-4{height: auto; padding: 30px 0px;box-sizing: border-box;background-size: 100% 100%;} #page-4 .cont-wrap{width: 100%;} #page-4 .link-line{padding: 8px 15px;left: 20px;top: 50px;font-size: 16px;} .mGallery .gallery-area .container{width: 300px; margin: 0 auto; max-width: 300px;} .mGallery .gallery-road-g .road-step-area{width: 100%;height: 500px;} .mGallery .gallery-area .road-step-area .is--moving img{width: 80px;} .mGallery .gallery-area .container::before {left: 0;right: 0px;background: url(/nhc/images/line2_m.png) 0 0 no-repeat;background-position: center 200px;background-size: 100%; width: 300px;} .mGallery .gallery-road-g .road-step-area .txt strong{font-size: 13px;} .m_db{display: block;} .img-step1-1, .img-step2-1, .img-step6-1, .img-step7-1{display:none;} .img-step1-2, .img-step2-2, .img-step6-2, .img-step7-2{display: block!important;} /* �Ĺ� */ .mGallery .gallery-road1 .road-step-area .road-step1 {left: 20px;top: 376px;} .mGallery .gallery-road1 .road-step-area .road-step1 .txt {margin: -18px 0px 0px 10px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step1-2 {top: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step2 {top: 225px;left: 20px;} .mGallery .gallery-road1 .road-step-area .road-step2 .txt {margin: 77px 0 0 10px;} .mGallery .gallery-road1 .road-step-area .img-step2-2 {top: 0px;left: 0px;} /* ���� */ .mGallery .gallery-road1 .road-step-area .road-step3 {top: 85px;left: 20px;} .mGallery .gallery-road1 .road-step-area .road-step3 .txt {margin:95px 0px 0px 18px;} .mGallery .gallery-road1 .road-step-area .img-step3-1 {top: 0px;left: 0px;} /* õ����ȣ���� */ .mGallery .gallery-road1 .road-step-area .road-step4 {top: 85px;left:115px;} .mGallery .gallery-road1 .road-step-area .img-step4-1{top:0;left:0;} .mGallery .gallery-road1 .road-step-area .road-step4 .txt {margin: 95px 0px 0px 0px;} /* ��� */ .mGallery .gallery-road1 .road-step-area .road-step5 {top: 85px; left:210px; right: inherit;} .mGallery .gallery-road1 .road-step-area .road-step5 .txt {margin: 95px 0px 0px 10px;} /* �ѹݵ� �ڿ����� */ .mGallery .gallery-road1 .road-step-area .road-step6 {top:350px;left: 202px; right: initial;} .mGallery .gallery-road1 .road-step-area .road-step6 .txt {margin: 0px 0px 0px 10px;} /* �޸ӵ� */ .mGallery .gallery-road1 .road-step-area .road-step7 {top: 360px;left: 112px;} .mGallery .gallery-road1 .road-step-area .road-step7 .txt {margin: 0px 0px 0px 5px;} .mGallery .gallery-road1 .road-step-area .road-step1 .img-step7-2 {top: 0px;} /* footer */ footer{height: auto; padding-bottom: 0px;} footer .cont_wrap{padding:0 20px ;} .ft_top ul{border-bottom: 1px solid #fff;} .ft_top ul li{width: 50%;border-top: 1px solid #fff;border-left: 1px solid #fff; box-sizing: border-box; } .ft_top ul li:nth-child(2n){border-right: 1px solid #fff; } .ft_top ul li a{font-size: 12px;padding:8px 15px; text-align: center;} a.bottom_logo{width: 150px;display: block;margin: 0 auto;float: none;} a.bottom_logo img{display: block;width: 100%;} .ft_top ul li a:after{ content: "";} .ft_top ul li{margin-right: 0px;} .ft_top{padding:20px 0; border: 0;} .ft-bt{padding: 15px 0 180px 0;} .ft_txt{clear: both; text-align: center; padding-left: 0;padding-top: 10px;font-size: 12px;font-weight: normal;} .select-link{position: absolute; left: 50%;top:70%; transform: translate(-50%,0); } .select-link > .link-title, .select-link select{padding: 0 9px;} /* index.html �� ---------------------------------------------- */ /* sub ���� ---------------------------------------------- */ #sub_top, .sub_topbg{height: 300px;} #sub_bxslider{height: 300px;} #sub_bxslider .bx-wrapper{height: 300px;} #sub_bxslider .bx-viewport{height: 300px!important;} #sub_bxslider .sub_bxslider{height: 300px;} #sub_bxslider .sub_bxslider li{height: 300px;} .sub_cont{padding: 0 15px 50px 15px;} .sub_tit {padding-top: 50px;margin-bottom: 30px;} .sub_tit1{font-size: 25px;padding: 20px 0;} .sub_wrap{width: 300px; height: auto; background-size: contain;top:45%;padding-bottom: 15px;} p.sub_toptxt3{font-size: 8px;margin-top: -7px;padding-bottom: 0;} h2.sub_toptxt2{font-size: 14px;padding-bottom: 0;padding-top: 15px;} .txt_bold2{font-size: 28px;} .play2{bottom: 70px;} /* ���� �޴� */ .breadcrumbs{padding: 0;height: 40px;} .breadcrumbs ul.main-navigation-breadcrumbs{height: 40px;} .breadcrumbs ul.main-navigation-breadcrumbs>li.first-depth{width: 40px; border-left: 0;} .breadcrumbs ul.main-navigation-breadcrumbs>li{width: 42.3333%;height: 40px; border-right: 0;border-left: 1px solid #ccc;} .breadcrumbs ul.main-navigation-breadcrumbs>li>a{padding: 0 10px;font-size: 14px;} .breadcrumbs ul.main-navigation-breadcrumbs>li>a img{width: 20px;} .breadcrumbs ul.main-navigation-breadcrumbs>li.menu-item-has-children::after{margin: 0 7px 0 -11px} .m3depth ul.main-navigation-breadcrumbs>li.first-depth{width: 40px!important;} .m3depth ul.main-navigation-breadcrumbs>li{width: 43%;} .m3depth ul.main-navigation-breadcrumbs>li>a{padding: 0 10px;font-size: 14px;} .m3depth ul.main-navigation-breadcrumbs>li.fourth-depth{border-right: 0;width: 100%;border-left: 0; background: #f9f9f9;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} .m3depth ul.main-navigation-breadcrumbs>li.menu-item-has-children::after{margin: 0 8px 0 -11px;} .m3depth ul.main-navigation-breadcrumbs>li>ul.sub-menu{z-index: 1000;top:41px;} /* ������ ���� */ .research>div{padding: 30px 10px;} .research>div span{padding-left: 0;display: block;font-size: 16px;word-break: keep-all;} .research>div input[type="text"]{width: 80%;font-size: 12px;height: 35px;padding-left: 5px;} .research>div input[type="submit"]{width: 18%;font-size: 12px;height: 35px;padding: 0;} .input-wrap{padding-top: 20px;font-size: 11.5px!important;} .research>div span input[type="radio"]{width: 10px;height: 10px;margin-left: 0;} .research>div span label{margin-left: 0;} .research>div div{padding: 0;} #research-wrap{margin-top: 60px;} /* sub1-1. �����ȳ� */ .sub1-1 .__tit1 h3{font-size: 20px;} .sub1-1 .__txt1{font-size: 13px!important;} .sub1-1 .__txt1 p{margin-bottom: 10px;} .sub1-1 .__mt60{margin-top: 20px!important;} .sub1-1 .__mt50{margin-top: 20px!important;} .__info-top > * {width:100% !important;} .__info-top .img {text-align:center;} .__info-top .lef {padding-right:0;} .__info-top .rig {padding-left:0;margin-top:0px;} .__info-top .txt h2 {font-size:18px;letter-spacing:-0.1em;padding: 20px 0;} .__info-caution .box {margin-top:15px;} .__info-caution .box .img {width:60px;} .__info-caution .box .info {width:calc(100% - 60px);padding-left:15px;} .__info-sum .box {width:50%;padding:10px 5px 0;height:190px;} .__info-sum .box:nth-of-type(3){height: 160px;} .__info-sum .box:nth-of-type(4){height: 160px;} .__info-sum .box .ico img {width:30px;} .__info-sum .box h3 {font-size:16px;} .sub1-1 .__txt2{font-size: 16px;} .__info-sum .box .txt {font-size:12px;word-break: keep-all;} .__info-caution .box {margin-top:10px;} .__info-caution .box .img {width:50px;} .__info-caution .box .img img{max-width: 100%;} .__info-caution .box .info {width:calc(100% - 50px);padding-left:5px;} /* sub1-1-2. ��ü���� */ .sub1-1-2 .txtbox{font-size: 14px;height: 28px;} .sub1-1-2 .edu_wrap{height: auto;} .sub1-1-2 .edu_right{padding: 30px 10px;} .sub1-1-2 .txtarea_form{height: 65px;margin: 6px 0;} #calendar{margin-top: 0;} .edu_wrap .edu_right{margin-left: 0;} .sub1-1-2 .tb_gray{font-size: 14px!important;} .sub1-1-2 .sub_contTxt{font-size: 18px;padding: 20px;} /* sub1-2. �ؼ��ȳ� */ .__comm-caution {padding:15px;margin-bottom: 30px;} .__comm-caution .ico {display:none;} .__comm-caution .txt {width:100%;font-size:13px;padding-left:0;} .__comm-caution .txt li {margin-top:5px;} .__comm-caution .txt li span {display:inline;} .__comm-caution + .__toparea {margin-top:15px;} .__comm-caution.type2 .ico {width:70px;} .__comm-caution.type2 .txt {width:calc(100% - 70px);} .__lr1 .lef{float: none; width: 100%;} .__lr1 .rig{float: none; width: 100%;} .__lr1 .txt{padding: 30px 0 0;} .sub1-2 .__mt50{margin-top: 0!important;} .sub1-2 .__tit1 h3 {font-size: 22px;} .__dotlist1 dl{font-size: 14px;} /* sub1-3-1. �������� */ .edu_wrap .tbInTit{font-size: 20px;padding-bottom: 10px;} .edu_wrap > div{ width: 100%!important; padding: 20px 10px;} .sub1-3 .date_txt{font-size: 18px;padding-bottom: 12px;} .thumDetail2{padding-top: 0;} .sub1-3 .edu_list th{padding: 6px 0; font-size: 16px;} .sub1-3 .detail_btn{padding: 10px 0;} .sub1-3 .tb_gray, .sub1-3 .tb_indent2{font-size: 14px;} .sub1-3 .tb_indent2{padding: 0 10px;height: auto!important;line-height: normal!important;} .sub1-3 .detail_btn2{margin-left: 0px; margin-top: 7px; padding: 7px 10px;font-size: 12px;} #calendar td { width: 60px;height: 40px!important;font-size: 12px;padding-top: 0px;line-height: 30px!important;} .sub1-3 .tbfix{width: 100%;} .sub1-3 .tbfix tbody tr{height: auto;} .sub1-3 .reserv_btn {width: 60px; font-size: 13px;padding: 4px 10px 4px 4px;line-height: normal!important;} .sub1-3 .reserv_btn::after {width: 5px;height: 8px;top: 10px;right: 5px;} .edu_wrap{height: auto;} .sub1-3 .detail_box{padding: 15px 0;} .sub1-3 .detail_box span{font-size: 12px;line-height:normal;} .sub1-3 .detail_box p{padding-bottom: 15px;} #calendar input{width: 22px;height: 22px;} .sub1-3 .tb_gray{width: 13%!important;} #calendar .year_mon {font-size: 18px;} .edu_wrap .edu_right{margin-top: 10px;clear: both;border: 1px solid #ccc;} .eduformbox{padding-top: 20px;} /* sub1-3-1-1. ��������2 */ .sub1-3 .__search1 select, .__search1 input[type='text'], .__search1 button{height: 30px;} .sub1-3 .__search1 input[type='text']{width: 165px;} .sub1-3 .__search1 button{width: 30px;} .__toparea .__search1{position: initial;right: initial;bottom: initial;margin-top: 10px;} .__tab1 a {width:auto;padding:0 20px;height:30px;} .__tab1 a span {font-size:12px;} .__pdt-list tr > * {padding:10px;} .__pdt-list col.img {width:130px;} .__pdt-list col.people {width:100px;} .__pdt-list col.state {width:130px;} .__pdt-list td.info .ico {margin-bottom:10px;} .__pdt-list td.info .ico span {margin-right:3px;} .__pdt-list td.info .subject a {font-size:15px;} .__pdt-list td.info ul {margin-top:7px;} .__pdt-list td.info ul li {font-size:12px;word-break: keep-all; } .__pdt-list td.people li {font-size:13px;margin-top:3px;} .__pdt-list td.state li {margin:0 3px;display:inline-block;vertical-align:middle;} .__pdt-list td.state li > * {width:100px;height:30px;border-radius:15px;font-size:13px;line-height:28px;} .__pdt-list tr td.nomore {padding:40px 0;font-size:15px;} .__pdt-list .img {display:none;} .__pdt-list, .__pdt-list tbody, .__pdt-list tr {display:block;font-size:0;} .__pdt-list tr {border-bottom:1px solid #ddd;padding:5px 0;} .__pdt-list tr:after {content:"";display:block;clear:both;} .__pdt-list td {display:block;border:none;box-sizing:border-box;display:inline-block;padding:5px;} .__pdt-list tr:hover td {background:none;} .__pdt-list td.info {width:70%;height: auto!important;line-height: normal!important;} .__pdt-list td.people {width:30%;height: auto!important;line-height: normal!important;} .__pdt-list td.state {width:100%;height: auto!important;line-height: normal!important;} .__pdt-list tr td.nomore {padding:30px 0;font-size:13px;} .__ico1 {padding:0 5px;min-width:0;font-size:11px;} /* ��������2 view */ .__prgram-view .one {padding:15px;} .__prgram-view .one .img {width:100%;} .__prgram-view .one .img img{width: 100%;height: auto;display: block;} .__prgram-view .one .info {width:100%;padding-left: 0;margin-top: 10px; } .__prgram-view .one .info .subject {font-size:14px;} .__prgram-view .one .info .ico {margin-top:5px;} .__prgram-view .one .info ul {margin-top:10px;} .__prgram-view .one .info ul li {margin-top:2px;font-size:12px;} .__prgram-view .one .info .btn {margin-top:15px;} .__prgram-view .one .info .btn .__btn1 {margin-right:2px;padding:0 10px;height: 30px!important;line-height: 28px!important;font-size: 12px!important;} .__prgram-view .one .info .btn .type2{width: 50px;} .__prgram-view .two {margin-top:20px;} .__prgram-view .two h3 {padding:10px;font-size:14px;} .__prgram-view .two .con {margin-top:20px;font-size:12px;line-height:1.4em;} .__prgram-view .two .con * {font-size:12px;line-height:1.4em !important; word-break: keep-all;} .contfz{font-size: 15px!important;} /* sub1-3-2. �����ȳ�-���� */ .sub1-3-2 .__comm-caution .ico {width: 100px;margin-right: 20px;} .sub1-3-2 .__comm-caution .ico img {display: block;width: 100%;} .__phone-cert{width: 100%;margin-top: 30px; padding: 35px 20px;} .__phone-cert h3{font-size:25px;padding: 0px 0 20px 0;word-break: keep-all;} .__phone-cert .__txt1{font-size: 15px;padding:20px 0;} .__phone-cert .ico img{width: 100px;} .__phone-cert .__mt30{width: 250px;} .__phone-cert .__btn1{height: 45px;line-height: 45px;font-size: 18px;} /* sub1-3-3. �����ȳ�-���� */ .tb_gray{font-size: 14px;} .edu_wrap .red{padding-right: 3px;} .txtbox{height: 30px;font-size: 16px;} .sub1-3-2 .tbfix tbody tr{height: 50px;} .seltWrap3_2 select{width: 90%;font-size: 14px;height: 30px;} .tb_indent2 .sp_num{font-size: 14px;top:8px;} .txtarea_form{margin: 10px 0;height: 72px;} .eduformbox li > select{font-size: 14px;height: 30px;width: 134px;padding: 5px;} .eduformbox li > span{font-size: 20px;} .eduformbox li > input{font-size: 14px;} .btnbox{width: 250px;padding-top: 30px;padding-bottom: 30px;} .btnbox a{width: 88px;padding: 8px 15px;} .btnbox a:nth-of-type(1){margin-right: 10px;} .btnbox a button{font-size: 16px;} /* sub1-5. ���ð� �ȳ� */ .__exhibition {width: 100%;} #exhibitionBox .caution {margin-bottom:5px;font-size:14px;} .__exhibition .area .point > * span {font-size:12px;width:100px;margin-left:-50px;font-weight: normal;} .__exhibition .area .point > *:before {margin-left:-4.5px;width:9px;height:12.5px;background-size: contain;} #popup01{ width: 90%; height: 160px;} #popup02{ width: 90%; height: 160px;} #popup03{ width: 90%; height: 160px;} #popup04{ width: 90%; height: 160px;} #popup05{ width: 90%; height: 160px;} #popup06{ width: 90%; height: 160px;} .confirmBtn{width: 20px;height: 20px;top: -30px;right: 0;} .confirmBtn img{display: block;width: 100%;} /* 1-5-1. ���վȳ��� */ ul.tabs3-2 > li{width: 31%;} ul.tabs3-2 > li .li_tit {padding: 15px 5px;font-size: 14px;} .desc .__txt2{padding: 0;font-size: 14px;word-break: keep-all;} .desc .__txt3{padding: 0;font-size: 14px;word-break: keep-all;} .tab-content3-2 h3{padding: 20px 0;} .__create-top span {font-size:14px;} .__create-mid .area {padding-left:0;margin-top:20px;} .__create-mid .area h3 {font-size:20px;position:relative;} .__create-mid .area h3:before {width:40px;height:6px;} .__create-history {padding-left:30px;} .__create-history:before {left:9px;} .__create-history dl {margin-top:15px;} .__create-history dl > * {display:block;} .__create-history dl:before {left:-27px;width:12px;height:12px;top:5px;} .__create-history dl dt {width:100%;font-size:16px;} .__create-history dl dt br {display:none;} .__create-history dl dd {width:100%;font-size:14px;padding-top:4px;} ul.tabs3-2 {overflow: hidden;padding-bottom: 30px;} .__onchat .box {width:50%;padding:15px 10px;height:180px;} .__onchat .box .ico em {width:50px;height:50px;line-height:50px;font-size:30px;} .__onchat .box .ico img {width:50px;} .__onchat .box dl dt {font-size:16px;padding-bottom:10px;margin:10px 0 15px;} .__onchat .box dl dd {font-size:13px;} .__onchat .box dl dd a {width:120px;height:30px;line-height:28px;font-size:12px;} .__onchat.type2 .box {width:33.33333%;} .__onchat.type2 .box:nth-of-type(n+4) {width:50%;} /* 1-5-2. �ڿ������� �ȳ� */ .sub1-5-2 .__tit1 h3{font-size: 20px;} .__serve .box .in{padding: 30px 10px;} .__serve .box h3{font-size: 18px;} .__dotlist1 li{font-size: 13px;} .sub1-5-2 .__txt1{font-size: 13px;} .sub1-5-2 .__mt20{margin-top: 0;} .sub1-5-2 .ico img{width: 70px;height: 70px;} .__serve .box{width: 100%;} .__serve .box .in{height: auto;} /* 1-5-3. ������ */ .sub1-5-3 .__orgamid .tbl tr td.tal{text-align: left!important;} .sub1-5-3 .__orgamid .tbl td{height: auto!important;} .sub1-5-3 .__orgamid .tbl tr > *{font-size: 12px;word-break: keep-all;padding: 5px;} .sub1-5-3 .__tit1 h3{font-size: 20px;} .sub1-5-3 .__txt3{font-size: 14px;} .sub1-5-3 .__orgamid .area .ovh {overflow-x: scroll;} .sub1-5-3 .__orgamid .tbl{width: 600px;} .__orgamid .tbl col.orga1{width: 60px;} .__orgamid .tbl col.orga2{width: 70px;} .__orgamid .tbl col.orga3{width: 60px;} .__orgamid .tbl col.orga5{width: 100px;} /* sub1-6-1. ����(���)��ȸ */ .sub1-6 .bo_tit a{line-height: 35px;} .sub1-6 .cancle_btn button{padding: 2px 10px;} .sub1-6 .search_wrap {width: 400px;} .sub1-6 .search_wrap input{width: 100%;} .total_t{font-size: 16px;padding-top: 0px;} .sub1-6 .search_box{clear: both;float: none;width: 100%;margin-top: 10px;overflow: hidden;padding-top: 10px;} .sub1-6 .search_sel{width: 27%!important;} .sub1-6 .search_wrap{width: 73%!important;} .sub1-6 .tbl_wrap{padding-top: 10px;overflow-x: scroll;} .sub1-6 .tbl_wrap table{width: 480px;} .sub1-6 .tbl_wrap table td{padding: 0!important;} .sub1-6 .tbl_wrap table th, td{height: 40px!important;line-height: 35px!important;} .sub1-6 .tbl_wrap table th:nth-child(1){width: 13%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(1){width: 13%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(2){width: 27%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(2){width: 27%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(3){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(3){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(4){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(4){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(5){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(5){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table th:nth-child(6){width: 15%!important;display: inline-block;} .sub1-6 .tbl_wrap table td:nth-child(6){width: 15%!important;display: inline-block;} /* sub2-1. �Ĺ������� */ .sub2-1 {height: 300px!important;} .zone_wrap{padding: 20px 10px 80px 10px;} a.mapview{right: 10px; top:initial; bottom:20px; width:initial;height: initial;font-size: 12px;padding:8px 40px 8px 14px; border-radius: 4px;} a.mapview::after{width: 15px;height: 24px;background-size: contain; right: 6px;top:inherit; bottom:2px; left: initial;} a.mapview br{display: none;} .zone_wrap .zoneleft{display: none;} .zone_wrap .zoneright{width: 100%;} .zone_wrap .zonetxt{height: 70%;} .zone_wrap > div{height: auto;} .zone_wrap .zonetxt > h1, .zone_wrap .zonetxt > h2{font-size: 15px;} .zone_wrap .zonetxt > h2 > span{font-size: 18px;word-break: keep-all;} .zone_wrap .zone-subtxt > span{padding-bottom: 20px;} .zone_wrap .greenline{width: 60px; margin-bottom: 20px;} .zone_wrap .zone-subtxt{font-size: 14px;width: 100%;word-break: keep-all;} .zone_wrap .zone-subtxt br{display: none;} .zone_wrap .zonetxt > h2{padding-bottom: 20px;} .zone_wrap .zoneMimg{width: 100%;height: 220px;background:url(/nhc/images/main_bg01.png) no-repeat;background-size: cover;} .zone_wrap .zoneimg li{width: 48%;} .zone_wrap .zoneimg li:first-child {margin-right: 4%;} .zone_wrap .zoneimg{padding-top: 20px;height: 30%;} #popup2 .confirm_btn2{padding: 5px;width: 14px;height: 14px;top: 7px;right: 7px; } .reservationbox{width: 100%;padding-top: 40px;} .reservationbox a{font-size: 16px;text-indent: -20px;width: 46%;height: 45px;line-height: 45px;text-align: center;padding: 0;} .reservationbox a::after{top:16px;right: 10px;} .reservationbox a:nth-of-type(1){margin-right: 4%;} .reservationbox a:nth-of-type(2)::after{top:16px;right: 10px;} #popup2{ width: 90%; height: 160px;} #popup3{ width: 90%; height: 160px;} #popup4{ width: 90%; height: 160px;} #popup5{ width: 90%; height: 160px;} #popup6{ width: 90%; height: 160px;} #popup7{ width: 90%; height: 160px;} .confirm_btn2{width: 16px;height: 16px;top: 3px;right: 3px;padding: 3px;} .confirm_btn2 img{display: block;width: 100%;} /* sub2-2. ���������� */ .sub2-1-2 .zone_wrap{padding: 0px;} /* .zoneMimg2{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg02.png) no-repeat;background-size: cover;} .zoneMimg3{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg03.png) no-repeat;background-size: cover;} .zoneMimg4{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg04.png) no-repeat;background-size: cover;} .zoneMimg5{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg05.png) no-repeat;background-size: cover;} .zoneMimg6{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/main_bg06.png) no-repeat;background-size: cover;} */ .zoneMimg2{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-2-img01.png) no-repeat;background-size: cover;} .zoneMimg3{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-3-img01.png) no-repeat;background-size: cover;} .zoneMimg4{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub4-2-img01.jpg) no-repeat;background-size: cover;} .zoneMimg5{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-6-img01_2.jpg) no-repeat;background-size: cover;} .zoneMimg6{border-radius: 7px;margin-top: 3%;width: 100%;height: 300px;background:url(/nhc/images/sub2-7-img01_2.jpg) no-repeat;background-size: cover;} .sub2-1-2 .animal .zoneleft{display: none;} .sub2-1-2 .animal .zoneright{width: 100%;} .sub2-1-2 .animal .zonetxt{padding:20px 10px;height: auto;border-radius: 7px;} .sub2-1-2 .animal .zonetxt > h1, .animal .zonetxt > h2{text-align: left!important;} .sub2-1-2 .zone-subtxt > span{padding-bottom: 20px;} .sub2-1-2 .zone-subtxt > span:nth-of-type(3){padding-bottom: 0px;} .sub2-1-2 .animal .zone-subtxt{font-size: 14px;text-align: left;} .sub2-1-2 .animal .zoneimg {height: 35%;padding-top: 3%;margin-top: 0;} .animal a.mapview{font-size: 15px;padding:15px 10px;} .animal .bd_btn{padding: 2px 15px;width: 70px;bottom:10%;} .animal a.mapview::after {width: 50px;height: 48px; background-size: cover;} .animal .zoneimg li{height: 140px;} /* sub3-1. �������� */ .search_box{float: initial;position: relative;} .search_sel select, .search_wrap input{font-size: 12px;height: 40px;} .search_sel{width: 30%;height: 40px;} .search_wrap{width: 70%!important;height: 40px;} .search_wrap button{position: absolute;right: 0;width: 40px;height: 40px;background: url(/nhc/images/search-i.png) no-repeat center, #0084ff; background-size: 25px 25px;} .sub3-1-1 .tbl_wrap table th, td{height: 35px!important;} .sub3-1-1 .tbl_wrap table th{padding-bottom: 0;line-height: 35px;} .tbl_wrap table th{font-size: 14px!important;} .tbl_wrap table td{font-size: 12px!important;padding: 7px!important;} .bo_tit a{padding-left: 0;padding-right: 0px;word-break: keep-all;line-height: normal;} .td_datetime{letter-spacing: -0.08em;} .tbl_wrap table th:nth-child(1){display: none;} .tbl_wrap table th:nth-child(3){width: 20%!important;} .tbl_wrap table th:nth-child(4){display: none;} .tbl_wrap table th:nth-child(5){display: none;} .tbl_wrap table td:nth-child(1){display: none;} .tbl_wrap table td:nth-child(4){display: none;} .tbl_wrap table td:nth-child(5){display: none;} .td_file img{width: 20px;} .pagination>li{margin: 0 3px;} .pagination-sm>li>a, .pagination-sm>li>span{width: 30px;height: 30px;line-height: 30px;} .pagination>li.next>a {background-size: 10px;} .pagination>li.prevx>a {background: url(/nhc/images/left-arrow-i.png) no-repeat center;} /* sub3-1-2. �������� view */ #bo_v_title span{font-size: 20px;padding: 10px;} #bo_v_info, .attachment{padding: 10px;} #bo_v_con{padding: 30px 10px;font-size: 14px;word-break: keep-all;} .bo_list{padding: 10px;width: 100px;font-size: 20px;} .bo_fz{font-size: 15px;padding-right: 15px;} strong.file_img::after {width: 22px;height: 22px;right: -14px;} /* sub3-1-1. �������� �۾��� */ .sub3-2-1 .tbl_wrap table th:nth-child(1){display: block!important;} .sub3-2-1 .board-form tbody, .sub3-2-1 .board-form tr{display: block;width: 100%;} .sub3-2-1 .tbl_wrap table th label{font-size: 20px;} .font-orange{font-size: 14px;} .sub3-2-1 .board-form th{width: 100%;height: auto!important;padding: 0 0 20px 0;} .sub3-2-1 .tbl_wrap table td{display: block;width: 100%;height: auto!important;padding: 0!important;margin-bottom: 10px;} .sub3-2-1 .board-form td input, textarea{padding: 10px;font-size: 16px;} .sub3-2-1 .board-form th, td input{height: 45px;} .form_name input {width: 100%;} .phone input {width: 31%;} #qnaRpstEmail{width: 44%!important;} #qnaRpstEmail2{width: 44%!important;} .email select{width: 100%;height: 45px;} .filebox .upload-name{width: 100%;} .filebox.bs3-primary label{ float: left;font-size: 16px; margin-top: 10px;width: 110px;height: 40px;line-height: 40px;} .form_infotxt{font-size: 12px;word-break: keep-all;width: auto;float: none;line-height: normal;} .form_infotxt br{display: none;} .btn-group{margin-top: 40px;} .btn-group button{width: 100%;} /* ã�ƿ��ô±� */ .mapbox{width: 100%;height: auto;} .mapbtn{position: absolute;right: 0; background: green;color: #fff;text-align: center;display: block;padding:6px 10px;font-size: 13px;} .mapImg{ margin-top: 35px; width: 100%;height: 230px; background: url(/nhc/images/map01.png) no-repeat center; background-size: 300%;} .__loc-top .bot{padding: 12px;} .__loc-bot .box .info h3 strong{font-size: 20px;} .__loc-bot .box .info h3 span{font-size: 20px;} .__loc-top .bot li {display: block;margin-left: 0px;} .__loc-top .bot li span{font-size: 15px;} .__loc-bot .box .ico img{display: none;} .__loc-bot .box .info {width: 100%;} .__loc-bot .box {padding: 30px 0; word-break: keep-all; } .mapbox .__btn1{font-size: 14px;margin-bottom: 5px;} .mapbox .__mt10{font-size: 14px;} .__dotlist1 li{font-size: 14px;} /* ��������Ʈ */ .site_box li{width: 32.3333%; height: 50px;margin-bottom: 1%;} .site_box3 li a img{width: 80px;padding-top: 10px;} .site_box3 li:nth-of-type(2) a img{padding-top: 15px;width: 50px;} .site_box h2 {font-size: 18px;padding-bottom: 15px;} }