/* BASIC css start */ #hdWrap { background: url(/design/chagacokr/2015_images/cont/header_bg.gif) no-repeat center 90px;} /* header */ #header {position: relative; height: 160px; width: 1020px;} #header .bi, #header #util, #header #gnb, #header #favLink { position: absolute; } /* bi */ #header .bi {left:0px;top:8px;margin:0 30px 0 0;z-index:99;} /* ci */ #header .ci {left:0px;top:16px;margin:0 60px 0 0;z-index:99;} /* util */ #header #util {zoom:1;} #header #util:after {content: "";display:block;clear:both;} #header #util {right:0;top:20px} #header #util li, #header #util a {float:left;width:auto;font-size:11px;} #header #util a {height:12px} #header #util li.line {background: url(/design/chagacokr/2015_images/cont/mlink_line.gif) no-repeat 0 2px;width:1px;height:12px;margin:0 10px;} #header #util li.home {background: url(/design/chagacokr/2015_images/icon/icon_home.png) no-repeat left 1px;padding:0 0 0 18px;height:12px} #header #util li.cart {background: url(/design/chagacokr/2015_images/icon/icon_cart.gif) no-repeat left 2px;padding:0 0 0 18px} /* gnb */ #header #gnb {zoom: 1;z-index:1000;} #header #gnb:after {content: "";display:block;clear:both;} #header #gnb {left:0;top:90px} #header .gnb_bg {position:absolute;top:0;left:0;width:107px;height:80px;margin:0;padding:90px 0 0 0;z-index:9;} #gnb {width:913px;height:40px;background:url(../images/common/gnb_bg.jpg) no-repeat center top;margin:0 0 0 110px} #gnb > ul.menu {width:910px;margin:0 auto} #gnb > ul.menu > li {float:left;display:inline} #gnb > ul.menu > li.green {padding:11px 16px;font-weight:bold;} #gnb > ul.menu > li.green a {display:block;font-size:14px;text-align:center;color:#fff;} #gnb > ul.menu > li.green a:hover, #gnb > ul.menu > li.green a.on {color:#d9fa74;} #gnb > ul.menu > li.depth1-menu5 {margin:0 0 0 30px} #gnb > ul.menu > li.orange {padding:11px 15px;font-weight:bold;} #gnb > ul.menu > li.orange a {display:block;font-size:14px;text-align:center;color:#fff;} #gnb > ul.menu > li.orange a:hover, #gnb > ul.menu > li.orange a.on {color:#fff074;} #gnb > ul > li.green > .sub, #gnb > ul > li.orange > .sub {position:absolute;top:0;left:0;margin:40px 0 0 0;width:100%} #gnb > ul > li.green > .sub ul, #gnb > ul > li.orange > .sub ul {width:910px;} #gnb > ul > li.green > .sub ul.s1 {padding-left:18px;width:892px;} #gnb > ul > li.green > .sub ul.s2 {padding-left:132px;width:778px} #gnb > ul > li.green > .sub ul.s3 {padding-left:290px;width:620px} #gnb > ul > li.green > .sub ul.s4 {padding-left:405px;width:540px} #gnb > ul > li.green > .sub > ul > li a {float:left;padding:6px 0;margin:0 20px 0 0;font-size:12px;font-weight:normal;display:inline-block;color:#777;} #gnb > ul > li.green > .sub ul li a:link, #gnb > ul > li.green > .sub ul li a:visited {color:#777} #gnb > ul > li.green > .sub ul li a:hover, #gnb > ul > li.green > .sub ul li a.on {color:#216d51;font-weight:bold;} #gnb > ul > li.orange > .sub ul.s5 {padding-left: 280px;width: 800px;} #gnb > ul > li.orange > .sub ul.s6 {/*padding-left:157px;width:780px*/padding-left:0;width:960px} #gnb > ul > li.orange > .sub ul.s7 {padding-left:562px;width:370px} #gnb > ul > li.orange > .sub ul.s8 {padding-left:590px;width:340px} #gnb > ul > li.orange > .sub > ul > li a {float:left;padding:6px 0;margin:0 20px 0 0;font-size:12px;font-weight:normal;display:inline-block;color:#777} #gnb > ul > li.orange > .sub ul li a:link, #gnb > ul > li.orange > .sub ul li a:visited {color:#777} #gnb > ul > li.orange > .sub ul li a:hover, #gnb > ul > li.orange > .sub ul li a.on {color:#92641a;font-weight:bold;} /* 특허 */ #header .patent {margin:0 0 0 130px;padding:5px 0;width:270px;/*background:url(/design/chagacokr/2015_images/icon/icon_patent.jpg) no-repeat 0 12px*/} /*#header .patent img {float:left;width:20px;height:70px;margin:0 5px 0 0}*/ #header .patent img {float:left;width:20px;height:70px;margin:0 5px 0 0;} #header .patBx{border:1px solid #dbdbdd;margin-left:20px;margin-top:8px;background:#fafafa url(/design/chagacokr/2015_images/cont/top_certi.png) no-repeat top 2px left 6px;} #header .patBxBanner img{margin-left:130px;width:323px;height:80px;/*background:url(/design/chagacokr/2015_images/cont/topBanner.png) no-repeat top left;*/}/*추가수정170717*/ /*#header .patent p.patent-txt1 {float:left;width:48px;background:#f4f0e7;border:1px solid #e5dcc4;padding:5px 5px;margin:10px 10px 0 0;text-align:center;font-size:11px;line-height:16px;font-weight:600;*font-weight:bold;color:#8a673b;} #header .patent p.patent-txt1 {float:left;width:62px;height:58px;padding:5px;background:url(/design/chagacokr/2015_images/cont/top_certi.gif) no-repeat 50% 50%;border:1px solid #dbdbdd;margin:5px 10px 0 0;text-align:center;}*/ #header .patent p.patent-txt1 {float:left;width:62px;height:58px;text-align:center;margin-right:15px} #header .patent p.patent-txt2 {font-size:11px;font-weight:600;*font-weight:bold;line-height:15px;color:#444;padding:10px 0;margin:0;font-family:'Malgun Gothic';} #header .patent p.patent-txt2 .brown {color:#925200} #header .patent p.patent-txt2 .red {color:#cb1612} /* hdSchFrm */ #header #hdSchFrm { position: absolute; right: 0px; top: 75px;} #header #hdSchFrm fieldset { float: left; width: auto; } #header #hdSchFrm .MS_search_word, #header #hdSchFrm .btn-sch { float: left; width: auto; } #header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 19px; padding: 2px 0 0 2px; background-color: #ededed; } /* 한줄 공지사항 */ .maintop-notice {position:absolute;top:0;left:0;margin:50px 0 0 605px;background:url(/design/chagacokr/2015_images/cont/top_notice_bg.gif) no-repeat left top;width:250px;height:17px;padding:4px 0 4px 40px;} .maintop-notice ul li a {} /* favLink */ #header #favLink {right:0;top:55px;font-weight:bold;color:#fb8f26;background: url(/design/chagacokr/2015_images/icon/icon_bookmark.gif) no-repeat left 2px;padding:0 0 0 20px;height:16px;} /* subVisual */ #subCont {position:relative;width:920px;height:160px;margin:10px auto 0;left:-50px} /* 희망의 주인공 */ #subCont .hope {position:relative;float:left;width:160px;height:160px;padding:0 15px;background: url(/design/chagacokr/2015_images/cont/hope_bg.jpg) no-repeat center top;margin:0 30px 0 0;} #subCont .hope p.hope-txt {font-size:14px;font-weight:600;*font-weight:bold;color:#555;padding:15px 0;margin:0} #subCont .hope p.hope-txt .orange {font-size:17px;color:#e2421f} #subCont .hope a img {margin:0} .subVisual-mypage {position:relative;float:left;width:700px;height:160px;background:url(/design/chagacokr/2015_images/cont/subVisual_bg1.jpg) no-repeat center top;} .subVisual-mypage .subVisual-txt1 {position:absolute;font-size:30px;font-weight:600;*font-weight:bold;color:#333;margin:30px 0 0 310px;} .subVisual-mypage .subVisual-txt1 .orang {color:#ff7901} .subVisual-mypage .subVisual-txt2 {position:absolute;font-size:13px;font-weight:600;*font-weight:bold;color:#666;margin:75px 0 0 310px;line-height:20px;} /* 암정보 상단이미지 .subvisual-cancer {position:relative;margin:10px auto 0;width:913px;height:111px;left:-50px}*/ /* BASIC css end */