/*공통*/

@font-face { font-family: 'NanumGothic'; font-style: normal; 
src:url('http://koreanoncology.or.kr/font/NanumGothic.eot'); 
src:local(※), url('http://koreanoncology.or.kr//font/NanumGothic.eot') format('embedded-opentype'), 
url('http://koreanoncology.or.kr/font/NanumGothic.woff') format('woff'), url('http://koreanoncology.or.kr/font/NanumGothic.ttf') format('truetype');}
*{ margin:0 auto; font-family:"나눔고딕", "맑은 고딕", "돋움", sans-serif;}
ul, li { list-style:none; margin:0; padding:0;}
img{ border:none;}
h1,h2 {	display:none;}
body{ margin:0; padding:0; width:100%;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml10{margin-left:10px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.tac{text-align:center !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}

/*Header*/
#header{ width:100%; height:131px; background-color:#fff; border-bottom:1px solid #c9c9c9; top:0;}
#spotmenu{ width:100%; height:35px; float:right; background-color:#3e3e3e;}
#spotmenu .container{ margin:0 auto; width:1024px; text-align:right;}
#spotmenu .container a{text-decoration: none;color: #989898;font-size: 12px;font-weight: 500;margin:12px 0 0 15px;display: inline-block;}
#menu{ clear: both;width:1024px; height:96px; margin:0 auto;}
#menu #logo{ width:182px; height:46px; margin-top:30px; float:left;}
#menu #top_menu{ position:relative; float:right; z-index:100; width:709px; text-align:right; top:50px;}
#gnb{}
#gnb ul{ height:19px;}
#gnb ul li {float:left;width: 96px;margin-left: 140px;}
#gnb ul li.on ul {}
#gnb ul li a.dep1 {text-decoration: none;display:inline-block; height:18px; overflow:hidden; white-space:nowrap;font-size: 17px;
color: #222;font-weight: bold;}
#gnb ul li a.dep1:hover{color: #3464ab;}
#gnb ul li a.on img,#gnb ul li.on a.dep1 img,#gnb ul li a.dep1:hover img {float:left; margin-top:-19px;color: #3464ab;}
/*메뉴 슬라이딩*/
.allmenu { clear:both; position:absolute; top:132px; left:0; background:#fff; width:100%; z-index:1000; height:213px; line-height:10px;}
.allmenu div { margin:0 auto;}
.allmenu div ul{float:left; margin-top:-5px;}
.allmenu div li {display:block;margin-top: 16px;font-size: 15px;}
.allmenu div li a { color:#222; text-decoration:none;}
.allmenu div li a:hover{text-decoration:none;color: #3464ab;}
/*메인비쥬얼*/
#main_ad {position:relative; margin:0 auto; width:100%; height:350px;  z-index:30; overflow:hidden; background-color:#dcdcdc;}
#slideshow { position:absolute; width:1900px; height:350px; left:50%; margin-left:-970px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:1; opacity:0.0; }
#slideshow IMG.active { z-index:3;  opacity:1.0;}
#slideshow IMG.last-active { z-index:2;}


/*메인컨텐츠*/
#main_con{ width:100%; padding:0px 0 40px 0; overflow:hidden;}
#main_con #btn_con{background: #213e54;height: 105px;width: 100%;}
#main_con #btn_con ul{width: 1024px;margin: auto;}
#main_con #btn_con ul li{position: relative;width:256px;height:105px;float: left;display: block;}
#main_con #btn_con ul li:after{position: absolute;top:22px;left: 0;width: 1px;height:63px;border-left: 1px solid #415766;content: "";clear: both;}
#main_con #btn_con ul li.btn01{background: url(../images/btn01.png) 0 0 no-repeat;}
#main_con #btn_con ul li.btn02{background: url(../images/btn02.png) 0 0 no-repeat;}
#main_con #btn_con ul li.btn03{background: url(../images/btn03.png) 0 0 no-repeat;}
#main_con #btn_con ul li.btn04{background: url(../images/btn04.png) 0 0 no-repeat;}
#main_con #btn_con ul li.btn04:before{position: absolute;top:22px;right: 0;width: 1px;height: 63px;border-right: 1px solid #415766;content: "";clear: both;}
#main_con #btn_con ul li a{display: block;width: 100%;height: 105px;}
/*메인컨텐츠 박스*/
#main_conbox{width:1024px; margin:0 auto;}
#main_conbox .about_wrap{float: left;width: 440px;margin-right: 12px}
#main_conbox .about_wrap h4{font-weight: 300;margin: 60px 0 17px;text-align: left;font-size:24px;}
#main_conbox .about_wrap .about_box{width:440px;height: 184px;padding:34px 0 0 0;background: url(../images/aboutbg.jpg) 0 0 no-repeat;text-align: center;}
#main_conbox .about_wrap .about_box .text{color: #fff;font-size: 14px;font-weight: 100;}
#main_conbox .about_wrap .about_box .text strong{font-size: 23px;margin: 10px 0 17px;display: block;}
#main_conbox .about_wrap .about_box .more{border: 1px solid #fff;width:100px;}
#main_conbox .about_wrap .about_box .more a{display: block;color: #fff;font-size: 11px;
text-align: center;padding: 6px 0 5px;text-decoration: none;}
#main_conbox .about_wrap .about_box .more a:hover{background: #fff;color: #222;}

#main_conbox .quick_wrap{float: right;height: 254px;}
#main_conbox .quick_wrap h4{font-weight: 300;margin: 60px 0 17px;text-align: left;font-size:24px;}
#main_conbox .quick_wrap ul{height: 218px;}
#main_conbox .quick_wrap ul li{float: left;width: 280px;height: 218px;}
#main_conbox .quick_wrap ul li.pro{margin-right:11px;background: url(../images/pro_bg.png) 0 0 no-repeat;}
#main_conbox .quick_wrap ul li.pro p{margin: 75px 0 34px 0;font-size: 30px;text-align: center;color: #fff;font-weight: 500;}
#main_conbox .quick_wrap ul li.jour{background: url(../images/jour_bg.png) 0 0 no-repeat;}
#main_conbox .quick_wrap ul li.jour p{margin: 75px 0 34px 0;font-size: 30px;text-align: center;color: #fff;font-weight: 500;}

#main_conbox .quick_wrap ul li .more{border: 1px solid #fff;width:100px;}
#main_conbox .quick_wrap ul li .more a{display: block;color: #fff;font-size: 11px;text-align: center;padding: 6px 0 5px;text-decoration: none;}
#main_conbox .quick_wrap ul li .more a:hover{background: #fff;color: #222;}



/*카피라이트*/
#footer{ width:100%; border-top:solid 1px #dddddd; background-color:#3e3e3e; clear:both;}
#footer #copybox{width:1024px; margin:0 auto;padding: 50px 0 130px;}
#footer #copybox img{}
#footer #copybox p{display: inline-block;border-right: 1px solid #656565; padding-right:35px;}
#footer #copybox span{display: inline-block;line-height:1.6em;margin-left: 28px;height: 100%;float: right;width:750px;color: #686868;font-size: 14px;}