@charset "utf-8";

/***** 메인비주얼영역 *****/
#mvisual_wrap{position:relative;}
#mvisual{position:relative;width:100%;height:500px;}
#mvisual .main_swiper{position:absolute;top:0;left:0;width:100%;height:100%;}
#mvisual .main_swiper .swiper-slide.bg01{background:url(/nanum/site/builder/main/main02_02/img/mvisual01.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg02{background:url(/nanum/site/builder/main/main02_02/img/mvisual02.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide.bg03{background:url(/nanum/site/builder/main/main02_02/img/mvisual03.jpg) no-repeat center center;}
#mvisual .main_swiper .swiper-slide .mimg_slide{width:1100px;margin:0 auto;text-align:left;}
#mvisual .main_swiper .swiper-slide .text{position:relative;width:100%;margin-top: 105px;margin-left: 550px;color:#000;z-index:2;}
#mvisual .main_swiper .swiper-slide .text p img{border:0;}
#mvisual .main_swiper .swiper-slide .text p img.txt1{width:320px;height:50px;}
#mvisual .main_swiper .swiper-slide .text p img.txt2{width:132px;height:49px;margin-top:15px;}
#mvisual .main_swiper .swiper-slide .text p.txt3{font-size: 28px;font-family:'NotoKrR', sans-serif;color:#545454;letter-spacing:-0.075em;px;line-height:23px;margin-top:55px;text-shadow: 0px 0px 30px white, 0px 0px 30px white, 0px 0px 30px white, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;}
#mvisual .main_swiper .swiper-slide .txt1,
#mvisual .main_swiper .swiper-slide .txt2,
#mvisual .main_swiper .swiper-slide .txt3{opacity:0;filter:Alpha(opacity=0);-webkit-transition:opacity 2.0s, transform 2.0s;-moz-transition:opacity 2.0s, transform 2.0s;-o-transition:opacity 2.0s, transform 2.0s;-ms-transition:opacity 2.0s, transform 2.0s;transition:opacity 2.0s, transform 2.0s;}
#mvisual .main_swiper .swiper-slide .txt1{-ms-transform: translateY(-50px); -o-transform: translateY(-50px); -moz-transform: translateY(-50px);-webkit-transform: translateY(-50px); transform: translateY(-50px);}
#mvisual .main_swiper .swiper-slide .txt2{-ms-transform: translateY(-100px); -o-transform: translateY(-100px); -moz-transform: translateY(-100px);-webkit-transform: translateY(-100px); transform: translateY(-100px);} 
#mvisual .main_swiper .swiper-slide .txt3{-ms-transform: translateY(-130px); -o-transform: translateY(-130px); -moz-transform: translateY(-130px);-webkit-transform: translateY(-130px); transform: translateY(-130px);} 
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt1,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt2,
#mvisual .main_swiper .swiper-slide.swiper-slide-active .txt3{opacity:1.0;filter:Alpha(opacity=100);-ms-transform: translateY(0px); -o-transform: translateY(0px); -moz-transform: translateX(0px);-webkit-transform: translateY(0px); transform: translateY(0px);}
#mvisual .main_swiper .control{position: absolute;bottom:45px;left: 50%;}
#mvisual .main_swiper .control .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 4px;}
#mvisual .main_swiper .control .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0 4px;}

/*메인박스*/
.bx1{position: relative;height:auto;/*height:300px;*/margin-top: -153px;border-bottom: 1px solid #dfdfdf;background: #fff;z-index: 1;}
.bx1 .search_bx p.stxt{float:left;width:323px;color:#fff;font-size:15px;font-family:'NotoKrM',sans-serif;line-height:20px;padding-left:98px;box-sizing:border-box;background: url(/nanum/site/builder/main/main02_02/img/bg_search_txt.png) no-repeat right center;}
/*검색박스 */
.bx1 .search_bx{width: 100%;height: 100px;padding: 30px 0;box-sizing: border-box;background:url(/nanum/site/builder/main/main02_02/img/bg_search_box.png) no-repeat 40px center #0068b7;display:none;}/*display:none 풀면 검색창 박스가 나옴*/
.bx1 .search_bx .search_class{float: left;padding-left: 30px;box-sizing: border-box;}
.bx1 .search_bx .search_class p{display: inline-block;line-height: 40px;float: left;font-family: 'NotoKrM',sans-serif;font-size: 19px;color:#fff;padding-left: 0;}
.bx1 .search_bx .search_class .search_bar{display: inline-block;float:left;}
.bx1 .search_bx .search_class .search_bar select{float: left;width: 150px;height: 40px;font-size:14px;font-family:'NotoKrM',sans-serif;border: 0;padding-left:15px;margin-left: 20px;background: url(/nanum/site/builder/main/main02_02/img/search_arrow.gif) no-repeat right center #fff;border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/}
.bx1 .search_bx .search_class .search_bar select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
.bx1 .search_bx .search_class .search_btn{float:left;}
.bx1 .search_bx .search_class .search_btn input.mint{width: 80px;height: 40px;font-family: 'NotoKrB',sans-serif; font-size: 15px;margin: 0;color:#fff;border:0;background:#12b8ba;}
.bx1 .search_bx .search_class .search_btn input.mint:hover{background:#0c7d7e;}
.bx1 .search_bx .search_class  .search_doctor{position:relative;float:left;}
.bx1 .search_bx .search_class  .search_doctor .txt_input{float: left;width: 150px;height: 40px;border: 0;margin-left: 20px;padding-left: 15px;box-sizing: border-box;}
.bx1 .search_bx .search_class  .search_doctor label{position: absolute;left:35px;top: 11px;font-size:14px;font-family:'NotoKrM',sans-serif;color:#b5b5b5;}

/*아이콘바로가기*/
.gobtn{display: inline-block;width: 100%; padding-bottom: 30px;}
.gobtn ul{display:inline-block;width:100%;margin-top: 45px;text-align: center;padding: 0 45px;box-sizing: border-box;}
.gobtn ul.no6 li{float: left;width: 16.6%;}
.gobtn ul.no7 li{float: left;width: 14.1%;}
.gobtn ul li a{display: inline-block;width: 90px;height: 90px;border-radius:100%;background-position:center;background-repeat:no-repeat;background-size:35px auto;}
.gobtn ul li a.yellow{background-color:#f7cc4a;}
.gobtn ul li a.blue{background-color:#6aa3d0;}
.gobtn ul li a p{font-size: 15px;line-height: 15px;font-family: 'NotoKrM',sans-serif;color: #4d4d4d;padding-top: 110px;}
/*아이콘바로가기 이미지*/
.gobtn ul li a.gobtn01{background-image:url(/nanum/site/builder/main/main02_02/img/icon_gobtn01.png);background-size:40px auto;}
.gobtn ul li a.gobtn02{background-image:url(/nanum/site/builder/main/main02_02/img/icon_gobtn02.png);background-size:40px auto;}
.gobtn ul li a.gobtn03{background-image:url(/nanum/site/builder/main/main02_02/img/icon_gobtn03.png);background-size:40px auto;}
.gobtn ul li a.gobtn04{background-image:url(/nanum/site/builder/main/main02_02/img/icon_gobtn04.png);}
.gobtn ul li a.gobtn05{background-image:url(/nanum/site/builder/main/main02_02/img/icon_gobtn05.png);}
.gobtn ul li a.gobtn06{background-image:url(/nanum/site/builder/main/main02_02/img/icon_gobtn06.png);}
.gobtn ul li a:hover{-webkit-animation:vibes 1.5s ease infinite;animation:vibes 1.5s ease infinite;}



/*3개 박스 묶고 있는거 */
.bx2{display: inline-block;width:100%;height: 280px;margin: 40px 0 50px 0;}

/*암 진료과 바로가기*/
.golink{width:380px;height: 285px;float:left;}
.golink ul.cancer_btn{display: inline-block;width: 100%;}
.golink ul.cancer_btn.mar{margin: 5px 0;}
.golink ul.cancer_btn li{float:left;width: 25%;text-align: center;}
.golink ul.cancer_btn li a{display: inline-block;border-radius:8px;width: 95%;height: 90px;margin: 0 auto;background-color:#6ca0ce;background-repeat:no-repeat;background-position: center 20px;background-size: 40px auto;}
.golink ul.cancer_btn li a.yell{background-color:#ffa800;}
.golink ul.cancer_btn li a.cursor{cursor: default;}
.golink ul.cancer_btn li a p{font-size: 13px;text-align: center;margin-top:60px;color: #fff;font-family: 'NotoKrM',sans-serif;}
.golink ul.cancer_btn li a p.mt{margin-top: 56px;line-height: 16px;}
.golink ul.cancer_btn li a p.mt.tit{font-size:17px;margin-top: 23px;line-height: 23px;}
/*암 진료과 바로가기 이미지*/
.golink ul.cancer_btn li a.c01{background-image:url(/nanum/site/builder/main/main02_02/img/c01.png);}
.golink ul.cancer_btn li a.c02{background-image:url(/nanum/site/builder/main/main02_02/img/c02.png);}
.golink ul.cancer_btn li a.c03{background-image:url(/nanum/site/builder/main/main02_02/img/c03.png);}
.golink ul.cancer_btn li a.c04{background-image:url(/nanum/site/builder/main/main02_02/img/c04.png);}
.golink ul.cancer_btn li a.c05{background-image:url(/nanum/site/builder/main/main02_02/img/c05.png);}
.golink ul.cancer_btn li a.c06{background-image:url(/nanum/site/builder/main/main02_02/img/c06.png);}
.golink ul.cancer_btn li a.c07{background-image:url(/nanum/site/builder/main/main02_02/img/c07.png);}
.golink ul.cancer_btn li a.c08{background-image:url(/nanum/site/builder/main/main02_02/img/c08.png);}
.golink ul.cancer_btn li a.c09{background-image:url(/nanum/site/builder/main/main02_02/img/c09.png);}
.golink ul.cancer_btn li a.c10{background-image:url(/nanum/site/builder/main/main02_02/img/c10.png);}
.golink ul.cancer_btn li a.c11{background-image:url(/nanum/site/builder/main/main02_02/img/c11.png);}


/*팝업존*/
.popupzone {display: inline-block;overflow:hidden;position:relative;width: 330px;height: 100%;float: left;margin: 0 20px;}
.popupzone .pop_tit{line-height: 50px;text-align: left;font-size: 20px;font-family: 'NotoKrM',sans-serif;color: #5d5d5d;}
.popupzone .control {display:inline-block;position:absolute;top: 15px;right:0;}
.popupzone .control .swiper-pagination,
.main_swiper .control .swiper-pagination{position:relative;display:inline-block;vertical-align: middle;z-index:1 !important;}
.popupzone .control .swiper-pagination-clickable .swiper-pagination-bullet,
.main_swiper .control .swiper-pagination-clickable .swiper-pagination-bullet{display:inline-block;width: 17px;height: 17px;margin: 0 2px;border: 3px solid #999;opacity: 1;box-sizing: border-box;background:rgba(255,255,255,0);}
.popupzone .control .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active,
.main_swiper .control .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 17px;height: 17px;margin: 0 2px;border: 0;background: #19bdad;}
.swiper-button-pause,
.swiper-button-play {position:relative; z-index:1;display:inline-block; }
.swiper_stop,
.swiper_play a,
.swiper_stop2,
.swiper_play2 a{font-size:0;vertical-align: middle;}
.popupzone .control .swiper-button-pause.swiper_stop2,
.main_swiper .control .swiper-button-pause.swiper_stop{width:18px;height:18px;background:url(/nanum/site/builder/main/main02_02/img/pop_stop.png) no-repeat 0 0;cursor: pointer;}
.popupzone .control .swiper-button-play.swiper_play2,
.main_swiper .control .swiper-button-play.swiper_play{display:none;width:18px;height:18px;vertical-align: middle;background:url(/nanum/site/builder/main/main02_02/img/pop_play.png) no-repeat 0 0;cursor: pointer;}
.swiper-slide{width:350px;height:235px;}
.swiper-slide img{width:330px;height: 230px;border: 1px solid #dcdcdc;box-sizing: border-box;}
.popupzone .page_skip{display:none;}


/*공지, 갤러리 */
ul.news_gall{position: relative;width: 345px;height:100%;float:right;}
ul.news_gall>li{float:left;margin-left:-1px;}
ul.news_gall>li>a{display:block;width: 90px;height: 50px;background: #ececec;font-size:17px;line-height: 50px;color: #949494;letter-spacing:-0.075em;text-align:center;}
ul.news_gall>li>a:hover,
ul.news_gall>li>a.on{position:relative;background: #1470b5;font-family:'NotoKrM';color:#fff;z-index:10;}
ul.news_gall>li>div{position:absolute;top:90px;left:0;width: 100%;}
ul.news_gall>li>div ul li{float:left;width:100%;margin-top:23px;}
ul.news_gall>li>div ul li:first-child{margin-top:0;}
ul.news_gall>li>div ul li a{display: block;position: relative;/}
ul.news_gall>li>div ul li a span.date{display:block;position: absolute;top: 0;right: 0;font-size: 14px;font-family: 'Roboto',sans-serif;color: #a0a0a0;line-height: 16px;}
ul.news_gall>li>div ul li a p.board_tit{font-family:'NotoKrM';font-size:19px;line-height:27px;letter-spacing:-0.075em;color:#222;display: inline-block;width: 70%;font-size: 16px;font-family: 'NotoKrR',sans-serif;letter-spacing: -0.05em;line-height: 16px;color: #646464;text-align: left;padding-left: 15px;box-sizing: border-box;background: url(/nanum/site/builder/main/main02_02/img/bu_tab.gif) no-repeat 2% 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.news_gall>li>div a.btn_more{position:absolute;top:-90px;right:0;font-size: 15px;font-family: 'NotokrM',sans-serif;color: #5d5d5d;line-height: 50px;padding-right: 15px;background: url(/nanum/site/builder/main/main02_02/img/tab_icon_more.gif) no-repeat right 1px center;}


/*배너존*/
#mbanner{padding:10px 0;border-top:1px solid #d9d9d9;}
#mbanner .wsize{display:inline-block;}
#mbanner .banner_cont{overflow:hidden;position:relative;float:right;width: 990px;}
#mbanner .banner_cont .banner_swiper .banner_slide{display:inline-block;height:50px;}
#mbanner .banner_cont .banner_swiper .banner_slide a{display:block;}
#mbanner .banner_cont .banner_swiper .banner_slide img{width:160px;height:50px;border:0;}
#mbanner .ban_control{display:inline-block;float: left;font-size:0;margin: 10px 0 0 1px;}
#mbanner .ban_control li{float:left;}
#mbanner .ban_control li a{display:inline-block;width:27px;height:28px;margin-left:-1px;border:1px solid #a5a5a5;}






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

/***** 메인비주얼영역 *****/
#mvisual{height:300px;}
#mvisual .main_swiper .swiper-slide{background-size:cover !important;}
#mvisual .main_swiper .swiper-slide .mimg_slide{text-align: left;}
#mvisual .main_swiper .swiper-slide .text{margin-top: 70px;margin-left: 530px;}
#mvisual .main_swiper .swiper-slide .text .txt2{margin:10px 0;font-size:30px;}
#mvisual .main_swiper .swiper-slide .text .txt3{color:#fff;}
#mvisual .main_swiper .control{bottom:20px;}

/*검색박스*/
.bx1{margin-top:0;}
.bx1 .search_bx .search_class{padding-left:25px;}
.bx1 .search_bx .search_class .search_bar select,
.bx1 .search_bx .search_class  .search_doctor .txt_input{width:120px;}

/*공지, 팝업존*/
.bx2{padding: 0 15px;margin:20px 0 0 0;box-sizing: border-box;height: auto;}
.golink{width:100%;height: auto;}
.golink ul.cancer_btn li a p.mt{margin-top:60px;}
.golink ul.cancer_btn li a p.mt br{display:none;}
.golink ul.cancer_btn li a p.mt.tit br{display:block;}
ul.news_gall,
.popupzone{width:49%;margin: 30px 0;}
.popupzone .swiper-slide img{width:100%;height: auto;/* margin-top: 30px; */}


/*배너존*/
#mbanner .wsize{margin-bottom:0 !important;}
#mbanner .banner_cont{width:85%;}
#mbanner .ban_control{width:auto;}



}





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

/*메인비주얼영역*/
#mvisual{height:300px;}
#mvisual .main_swiper .swiper-slide{background-size:cover !important;}
#mvisual .main_swiper .swiper-slide .mimg_slide{text-align:center;}
#mvisual .main_swiper .swiper-slide .text{position:absolute;top:50%;left:50%;width:500px;height:200px;padding:40px;margin:-100px 0 0 -250px;color:#fff;background:rgba(255,255,255,0.7);box-sizing:border-box;}
#mvisual .main_swiper .swiper-slide .text p img.txt1{width: 180px;height: auto;}
#mvisual .main_swiper .swiper-slide .text p img.txt2{width:100px;height: auto;margin-top: 10px;}
#mvisual .main_swiper .swiper-slide .text p.txt3{font-size:20px;margin-top:10px;}
#mvisual .mvisual_btn .btn{width:50px;height:50px;margin-top:-25px;background-size:50px auto !important;}
#mvisual .main_swiper .control{left:45%;}

/*검색박스*/
.bx1 .search_bx{height: 120px;padding: 15px 0;background-image: none;text-align: center;}
.bx1 .search_bx p.stxt br,
.bx1 .search_bx p.stxt{display:none;}
.bx1 .search_bx .search_wrap{display: inline-block;width:100%;box-sizing: border-box;}
.bx1 .search_bx .search_class{width:50%;padding: 0 15px;}
.bx1 .search_bx .search_class p{padding-left: 30px;background: url(/nanum/site/builder/main/main02_02/img/bg_search_box.png) no-repeat left center;background-size: 20px auto;}
.bx1 .search_bx .search_class .search_bar{position:relative;width: 100%;padding-right: 80px;box-sizing: border-box;}
.bx1 .search_bx .search_class .search_bar select, 
.bx1 .search_bx .search_class .search_doctor .txt_input{display: inline-block;width: 100%;margin-left: 0;}
.bx1 .search_bx .search_class .search_btn{position: absolute;right: 0;}
.bx1 .search_bx .search_class .search_doctor{width: 100%;padding-right: 80px;box-sizing: border-box;}

/*아이콘바로가기*/
.gobtn ul{margin-top:30px;}

}


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



/*공지, 팝업존*/
.bx2{margin-top:15px;}
ul.news_gall{height:160px;}
ul.news_gall,
.bx2 .popupzone{float: none;width:100%;margin: 10px 0;}
ul.news_gall>li>div{height: 102px;padding: 15px;box-sizing: border-box;top: 50px;background: #f5f5f5;}
ul.news_gall>li>div a.btn_more{top:-50px;}
ul.news_gall>li>div>ul{height: 75px;overflow: hidden;}
ul.news_gall>li>div ul li{margin-top:13px;}



}


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

/***** 메인비주얼영역 *****/
#mvisual .main_swiper .swiper-slide .text{width:400px;height:150px;padding:30px;margin:-75px 0 0 -200px;}
#mvisual .main_swiper .swiper-slide .text p img.txt1{width: 150px;height: auto;}
#mvisual .main_swiper .swiper-slide .text p img.txt2{width:80px;height: auto;margin-top: 10px;}
#mvisual .main_swiper .swiper-slide .text p.txt3{font-size:17px;margin-top:0px;}


/*검색박스*/
.bx1{height:auto;border-bottom: 0;}
.bx1 .search_bx{height: 126px;}
.bx1 .search_bx .search_class{float:none;width:100%;position: relative;padding-left: 131px;margin-bottom: 55px;}
.bx1 .search_bx .search_class p{font-size:16px;position: absolute;left: 15px;}
.bx1 .search_bx .search_class .search_doctor label{left:15px;}


/*아이콘바로가기*/
.gobtn{padding-bottom: 0;}
.gobtn ul{margin-top: 0; padding: 0;}
.gobtn ul.no6 li{width:33.3%;}
.gobtn ul li a{width: 100%;height: 60px;border-radius: 0;background-size: 20px auto;background-position: 15px center;}
.gobtn ul li a.gobtn01,
.gobtn ul li a.gobtn02,
.gobtn ul li a.gobtn03{background-size: 25px auto;}
.gobtn ul li a p{padding:0 0 0 50px;text-align: left;line-height:60px;font-size: 17px;color: #fff;font-family: 'NotoKrM',sans-serif;}

/*공지사항*/
ul.news_gall>li>div ul li a p.board_tit{font-size:15px;}
ul.news_gall>li>div ul li a span.date{font-size:13px;}


/*배너존*/
#mbanner{display:none;}




}




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

#container .wsize{margin-bottom:0 !important;}


/***** 메인비주얼영역 *****/
#mvisual{height:230px;}
#mvisual .main_swiper .swiper-slide .text{width:300px;height:130px;padding:12px;margin:-65px 0 0 -150px;}
#mvisual .main_swiper .swiper-slide .text p img.txt1{width:120px;height: auto;margin-top: 14px;}
#mvisual .main_swiper .swiper-slide .text p img.txt2{width:68px;height: auto;margin-top: 7px;}
#mvisual .main_swiper .swiper-slide .text p.txt3{font-size:13px;}
#mvisual .main_swiper .control{display:none;}

/*바로가기 아이콘*/
.bx1{border-bottom:0;}
.gobtn ul.no6 li{width:50%;border-bottom:1px solid #fff;}
.gobtn ul li a{height:50px;}
.gobtn ul li a p{font-size:15px;line-height:50px;}

/*암종류 바로가기*/
.golink ul.cancer_btn.mar{margin:0;}
.golink ul.cancer_btn li a{width:100%;height: 70px;border-radius: 0;background-size: 0 0;}
.golink ul.cancer_btn li a p{font-size: 13px;line-height:70px;margin-top:0;}
.golink ul.cancer_btn li a p.mt{margin-top: 23px;line-height: 14px;}
.golink ul.cancer_btn li a p.mt br{display:block;}
.golink ul.cancer_btn li a p.mt.tit{font-size: 15px;margin-top: 16px;line-height: 20px;}

/*공지사항*/
ul.news_gall{overflow:hidden;height: auto;padding-bottom: 110px;}
ul.news_gall>li>a{width:90px;height: 40px;line-height: 40px;font-size: 15px;}
ul.news_gall>li>div ul li a p.board_tit{width:65%;}
ul.news_gall>li>div a.btn_more{font-size: 0;border: 1px solid #999;border-radius: 100%;width: 40px;height: 40px;text-align: center;box-sizing: border-box;padding-right: 0;background-position: center;}


/*팝업존*/
.bx2 .popupzone .pop_tit{font-size:15px;}

/*검색박스*/
.bx1 .search_bx .search_class{padding-left:108px;}
.bx1 .search_bx .search_class p{font-size: 14px;padding-left: 20px;background-size: 15px auto;}


}


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




}