@charset "UTF-8";
@import "layout.css";

/* Footer Site Menu */
.menulist {position:relative; width:980px; padding:17px 0 13px 0; border-top:2px solid #cccccc; border-bottom:1px solid #dddddd; background-color:#f5f5f5;}
.menulist ul {color:#717171;}
.menulist ul li {margin-bottom:8px;}
.menulist ul ul {display:inline;}
.menulist ul li li {display:inline;}
.menulist ul li a {padding:0 2px 0 8px; color:#707070; background:url("../../common/images/bg_sitemenu_bar.gif") no-repeat 0 45%;}
.menulist ul li a.fir {padding-left:5px; background:none;}
.menulist ul li span {padding-left:30px; background:url("../../common/images/btn/bu_circle_black.gif") no-repeat 18px 45%;}
.menulist ul li strong {display:inline-block; width:150px; background:url("../../common/images/bg_sitemenu_tline.gif") no-repeat right 45%;}
.menulist ul li.help a {color:#004f80;}
.menulist .close {position:absolute; top:0; left:440px;}

/* contents */
.ad {overflow:hidden; width:899px; padding-bottom:10px;}
.ad .ad1, .ad .ad2, .ad .ad3 {float:left;}
.ad object {vertical-align:top;}

.ad .ad1 {position:relative; width:215px; height:185px; background:url("../../common/images/main/ad1_bg_bottom.gif") no-repeat left bottom;}
.ad .ad1 h2 {height:21px; padding-left:12px; padding-top:11px; background:url("../../common/images/main/ad1_bg_top.gif") no-repeat left top;}
.ad .ad1 .btn {position:absolute; top:10px; left:49px;}
.ad .ad1 .btn img {margin-left:-1px;}
.ad .ad1 .pop_img {width:213px; height:152px; margin:0 0 1px 1px; background-color:#eee;}
.ad .ad1 .more {position:absolute; top:5px; right:4px;}
.ad .ad1 .more a {display:block; padding:5px; font-size:95%; text-decoration:underline;}
.ad .ad2 {width:450px; margin:0 14px 0 10px;}
.ad .ad3 {width:210px;}

.section_l {float:left; width:445px;}
.section_l li {line-height:160%;}
.section_l li img {vertical-align:middle;}

/*
.notice {position:relative; min-height:134px; height:auto !important; height:134px; margin-bottom:10px; padding-bottom:9px;}
*/
.notice {position:relative; min-height:134px; height:auto !important; height:134px; margin-bottom:10px; padding-bottom:9px; background:url("../../common/images/main/bg_noticeRound_bottom.gif") no-repeat left bottom;}
.notice2 {position:relative; min-height:134px; height:auto !important; height:134px; margin-bottom:10px; padding-bottom:9px;}
.notice h2 {height:40px; background:url("../../common/images/main/bg_noticeRound_top.gif") no-repeat left top;}
.notice h2 img {margin:12px 0 0 16px;}
.notice ul {padding-left:12px; font-weight:normal;}
.notice li {padding-left:8px; background:url("../../common/images/btn/bu_square_gray.gif") no-repeat 0 8px;}
.notice li .txt {display:inline-block; color:#434343; width:355px; text-align:left;}
.notice li span {color:#989898; text-align:right;}
.notice .more {position:absolute; top:8px; right:11px;}

.newswrap {width:445px; min-height:100px; height:auto !important; height:100px; padding-bottom:6px; background:url("../../common/images/main/bg_newsRound_bottom.gif") no-repeat left bottom;}
.newswrap2 {width:423px; padding:14px 11px 0 11px; background:url("../../common/images/main/bg_newsRound_top.gif") no-repeat left top;}
.newswrap2 div {position:relative; width:423px; margin-bottom:14px; padding-bottom:0px; }
.newswrap2 div .more {position:absolute; top:5px; right:5px;}
.newswrap2 h2 {margin-bottom:11px;}
.newswrap2 li {padding-left:4px; font-weight:normal;}
.newswrap2 li span {display:inline-block; color:#989898; text-align:right;}
.newswrap2 li .txt {color:#434343; width:354px; text-align:left;}
.newswrap2 .research {margin-bottom:0px; background:none;}
.newswrap2 .research li .txt {width:355px;}
.newswrap2 .research li .progress {color:#666666; padding-left:13px;}

.section_r {position:relative; float:right; width:445px;}
.section_r .lside {float:left; width:215px;}
.section_r .rside {float:right; width:210px;}

.section_webtoon {position:relative; float:right; width:445px; padding-top:10px;}
.section_webtoon .lside {float:left; width:215px;}
.section_webtoon .rside {float:right; width:210px;}

.service {position:relative; width:215px; min-height:144px; height:auto !important; height:144px; margin-bottom:10px; background:url("../../common/images/main/bg_serviceRound_bottom.gif") no-repeat left bottom;}
.service h2 {width:200px; padding:12px 0 7px 15px; background:url("../../common/images/main/bg_serviceRound_top.gif") no-repeat left top;}
.service ul {padding-left:16px;}
.service .more {position:absolute; top:9px; right:11px;}
.service .more img {padding:3px;}

.medical {width:215px; height:340px; padding-bottom:0px; margin-bottom:10px; background:url("../../common/images/main/bg_medicalRound_bottom.gif") no-repeat left bottom;}
.medical .medi_center {width:195px; padding:8px 0 20px 20px; border-bottom:1px solid #dbdbdb; background:url("../../common/images/main/bg_medicalRound_top.gif") no-repeat left top;}
/*.medical .medi_center {width:195px; padding:19px 0 19px 20px; border-bottom:1px solid #dbdbdb; background:url("../../common/images/main/bg_medicalRound_top.gif") no-repeat left top;}*/
.medical .medi_center h2 {margin-left:-4px; padding-bottom:4px; margin-top:4px;}
.medical .medi_center select {width:90px; margin-top:4px;}
.medical .medi_center .gu {width:82px;}
.medical .medi_center .inputype {width:136px; height:16px; margin-top:4px; margin-bottom:4px; padding-top:1px; border:1px solid #c3c3c3;}
.medical .medi_center .formbtn {margin-left:4px; margin-top:4px; }
.medical .reaction h2 {padding:11px 0 0px 15px;}
/*.medical .reaction h2 {padding:15px 0 0px 15px;}*/
.medical .reaction p {margin-left:24px;}

.vaccinfo {position:relative; width:210px; min-height:330px; height:auto !important; height:330px; margin-bottom:8px; background:url("../../common/images/main/bg_vaccinfoRound_bottom.gif") no-repeat left bottom;}
.vaccinfo h2 {padding:13px 0 5px 12px; background:url("../../common/images/main/bg_vaccinfoRound_top.gif") no-repeat left top;}
.vaccinfo .vacclist {width:190px; padding-bottom:3px; margin-left:9px; background:url("../../common/images/main/bg_vaccinfoRound_graybtm.gif") no-repeat left bottom;}
.vaccinfo .vacclist ul {overflow:hidden; width:176px; padding:7px 7px 0 12px; background:url("../../common/images/main/bg_vaccinfoRound_graytop.gif") no-repeat left top;}
.vaccinfo .vacclist li {float:left; font-weight:normal; width:85px; height:16px; padding-top:4px; padding-bottom:3px; background:url("../../common/images/main/bg_vaccinfo_dot.gif") repeat-x left bottom; letter-spacing:-1px;}
/* .vaccinfo .vacclist li {float:left; width:88px; height:20px; padding-top:4px; background:url("../../common/images/main/bg_vaccinfo_dot.gif") repeat-x left bottom; letter-spacing:-1px;} */
.vaccinfo .vacclist li a {padding-left:5px; color:#666666; background:url("../../common/images/btn/bu_square_gray2.gif") no-repeat 0 4px;}
.vaccinfo .vacclist li.other {width:170px; background:url("../../common/images/main/bg_vaccinfo_dot.gif") repeat-x left bottom; letter-spacing:-1px;}
/* .vaccinfo .vacclist li.other {width:175px; background:url("../../common/images/main/bg_vaccinfo_dot.gif") repeat-x left bottom; letter-spacing:-1px;} */
.vaccinfo .vacclist li.last {background:none;}
.vaccinfo .more {position:absolute; top:11px; right:15px;}

.cmt {position:relative; width:210px; min-height:155px; height:auto !important; height:155px; margin-bottom:8px; background:url("../../common/images/main/bg_vaccinfoRound_bottom.gif") no-repeat left bottom;}
.cmt h2 {padding:13px 0 5px 12px; background:url("../../common/images/main/bg_vaccinfoRound_top.gif") no-repeat left top;}
.cmt .cmtlist {width:190px; padding-bottom:3px; margin-left:9px; background:url("../../common/images/main/bg_vaccinfoRound_graybtm.gif") no-repeat left bottom;}
.cmt .cmtlist ul {overflow:hidden; width:170px; padding:11px 7px 0 7px; background:url("../../common/images/main/bg_vaccinfoRound_graytop.gif") no-repeat left top;}
.cmt .cmtlist li {float:left; width:176px; height:19px; padding-top:3px; background:url("../../common/images/main/bg_vaccinfo_dot.gif") repeat-x left bottom;}
.cmt .cmtlist li a {padding-left:3px; color:#898989; background:url("../../common/images/btn/bu_square_gray2.gif") no-repeat 0 4px;}
.cmt .cmtlist li.last {background:none; width:175px;}
.cmt .more {position:absolute; top:125px; right:15px;}

.contest {position:relative; clear:both; width:655px; margin-bottom:10px;}
.contest h2 {}
.contest a {font-size:95%; color:#666666;}
.contest .contest_type {overflow:hidden; position:absolute; top:0; left:121px;}
.contest .contest_type li {float:left;}

.contest .contestlist {width:438px; padding:14px 0 8px 0; background:url("../../common/images/main/bg_contest_bottom.gif") no-repeat left bottom;}
.contest .contestlist ul {overflow:hidden; width:412px; padding-left:26px;}
.contest .contestlist li {float:left; width:83px; margin-right:18px; text-align:center;}
.contest .contestlist li a {display:block;}
.contest .contestlist li a img {border:4px solid #eeeef0;}
.contest .contestlist li p {padding-top:11px;}

.contest .more {position:absolute; top:8px; right:15px;}

.contest_main {position:relative; clear:both; width:215px; margin-bottom:10px; background:url("../../common/images/main/bg_contest.gif") no-repeat 0 4px;}
.contest_main h2 {}
.contest_main a {font-size:95%; color:#666666;}
.contest_main .contest_type {overflow:hidden; position:absolute; top:0; left:121px;}
.contest_main .contest_type li {float:left;}

.contest_main .contestlist {width:215px; padding:14px 0 8px 0; background:url("../../common/images/main/bg_contest_bottom.gif") no-repeat left bottom;}
.contest_main .contestlist ul {overflow:hidden; width:215px; padding-left:16px;}
.contest_main .contestlist li {float:left; font-weight:normal; width:83px; margin-right:18px; text-align:center;}
.contest_main .contestlist li a {display:block;}
.contest_main .contestlist li a img {border:4px solid #eeeef0;}
.contest_main .contestlist li p {padding-top:11px; margin-left:-5px;}
.contest_main .more {position:absolute; top:8px; right:15px;}

.webtoon_main {position:relative; clear:both; width:210px; margin-bottom:10px; background:url("../../common/images/main/bg_webtoon.gif") no-repeat 0 4px;}
.webtoon_main h2 {}
.webtoon_main a {font-size:95%; color:#666666;}
.webtoon_main .webtoon_type {overflow:hidden; position:absolute; top:0; left:121px;}
.webtoon_main .webtoon_type li {float:left;}

.webtoon_main .webtoonlist {width:210px; padding:14px 0 8px 0; background:url("../../common/images/main/bg_webtoon_bottom.gif") no-repeat left bottom;}
.webtoon_main .webtoonlist ul {overflow:hidden; width:210px; padding-left:13px;}
.webtoon_main .webtoonlist li {float:left; font-weight:normal; width:83px; margin-right:18px; text-align:center;}
.webtoon_main .webtoonlist li a {display:block;}
.webtoon_main .webtoonlist li a img {border:4px solid #eeeef0;}
.webtoon_main .webtoonlist li p {padding-top:11px; margin-left:-5px;}
.webtoon_main .more {position:absolute; top:8px; right:15px;}

.event {overflow:hidden; position:relative; width:439px; height:155px; background:url("../../common/images/main/bg_event_bottom.gif") no-repeat left bottom;}
.event h2 {width:427px; height:23px; padding-top:11px; padding-left:11px; background:url("../../common/images/main/bg_event_top.gif") no-repeat left top;}
.event .calendar {display:inline; float:left; width:185px; margin-left:13px;}
.event .calendar .days {position:absolute; top:11px; left:90px; width:110px; padding-bottom:5px; color:#9e9e9e; font-size:95%;}
.event .calendar .days a {color:#9e9e9e;}
.event .calendar .days strong {padding:0 5px;}
.event .calendar th, .event .calendar td {color:#ffa900;}
.event .calendar th {padding-top:7px; padding-bottom:3px; font-weight:normal;}
.event .calendar td a {display:inline-block; width:17px; height:15px; padding-top:2px; color:#ffa900; text-align:center;}
.event .calendar td a.today, .event .calendar td a:hover, .event .calendar td a:focus {font-weight:bold; background:url("../../common/images/bg_calendar_on.gif") no-repeat left top; cursor:pointer;}
.event .calendar .sun, .event .calendar .sun a {color:#ff00ff;}
.event .calendar .sat, .event .calendar .sat a {color:#0091ff;}
.event .eventboard {display:inline; float:left; width:200px; margin-left:15px; padding-top:6px; padding-left:15px;}
.event .eventboard li {padding-bottom:7px; color:#797979;}
.event .eventboard li a {color:#797979; cursor:pointer;}
.event .eventboard li .txt {display:inline-block; width:150px; padding-left:7px; background:url("../../common/images/btn/bu_gray_arrow2.gif") no-repeat 0 40%;}
.event .eventboard li .date {font-weight:bold;}

.event .more {position:absolute; top:8px; right:15px;}

.inlineLayerTable th, .inlineLayerTable td {color:#fff; padding:9px 0; border:1px dotted #d1d1d1; padding:5px}
.inlineLayerTable th { background-color:#f4f9fe; color:#66a3d3;}
.inlineLayerTable th.title { text-align:left; padding-left:10px; color:#858585; background: #f4f9fe url(/common/images/btn/bullet1.gif) no-repeat; }
.inlineLayerTable td {color:#8281a9;background-color:#ffffff;text-align:left;}

.eventPage {float:left; margin-left:10px}
a.eventPage {cursor:pointer;}