@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout MainPage | Main Contents
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2014.09.25 | 문영신 | 최초 등록
 * 2014.10.07 | 문영신 | 주석 변경
 * 2014.10.24 | 곽민주 | 보건소 메인레이아웃 코딩
 * </pre>
 * @author 디자인팀 곽민주
 * @since 2014.10.24
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Layout MainPage | Main Contents */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */

/* Layout MainPage ◆◆◆ */

body.d0{}
#wrap{ /* >> all.css */ }
	#body{position:relative;margin:10px auto 0;padding:10px;}
		#body .mainbody1{}
		#body .mainbody2{}
		#body .mainbody3{}

/* Reset */
.mainbody *{list-style:none;max-width:none /* ☆ */;margin:0;padding:0; /* border-width:0;background:transparent; */ color:#666;font-size:1em;text-decoration:none;}


/* Contents ◆◆◆ */

/* 비쥬얼 영역 */
#m_visi{display:block;position:relative;width:240px;min-width:230px;max-width:500px;margin:0 auto 20px;}
#m_visi .con01{width:100%;height:100%;padding:0 0 77% 0;overflow:hidden;background:url(../../img/main/mvisi_bg1@1.png) no-repeat 0 0;border-radius:18px 18px 0 0;box-shadow:1px 1px 0 0 rgba(0, 0, 0, .05);}
#m_visi .con01 div{display:none;position:absolute;top:10%;left:7%;}
/*
#m_visi .con01 div p{padding:0;margin:0;line-height:25px;}
#m_visi .con01 div p img{width:150px;height:20px;}
#m_visi .con01 div p.sty01{font-size:1.5em;font-weight:bold;letter-spacing:-3px;color:#000;}
#m_visi .con01 div p.sty01 strong{color:#32569d;}
*/

#m_visi .con02{background:#54820d;padding:0;text-align:center;border-radius:0 0 18px 18px;box-shadow:0 0 3px 0 rgba(0, 0, 0, .05);}
#m_visi ul{position:relative;width:100%;letter-spacing:-1px;overflow:hidden;}
#m_visi li{float:left;position:relative;width:24.9%;padding:30px 0 50px 0;background:url(../../img/main/mvisi_libg.png) no-repeat 0 50%;}
#m_visi li:first-child{background:none;}
#m_visi li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;}
#m_visi li:nth-child(3n) a{border-right:0;} /* [IE9~] */
#m_visi li a .ic1{display:block;width:50%;height:24px;margin:15px auto 5px;display:block;}
#m_visi li a .t1{display:block;width:100%;height:1.33em;line-height:15px;color:#fff;font-size:13px;font-weight:bold;text-align:center;}
*+html #m_visi li a .ic1{height:24px;}


/* 바로가기배너 */
#menu1{display:block;position:relative;width:100%;min-width:230px;max-width:240px;margin:0 auto 20px;}
#menu1 ul{position:relative;width:100%;letter-spacing:-1px;overflow:hidden;}
#menu1 li{float:left;position:relative;width:47.91666666666667%;height:0;padding:0 0 47.8% 0;border-radius:18px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .05);} /* ☆ [SF5.1.7]33.333% 높이 1px 작게 계산되어 수정 */
#menu1 li a{display:block;position:absolute;left:-1px;top:-1px;width:100%;height:100%;color:#fff;}
#menu1 li:nth-child(3n) a{border-right:0;} /* [IE9~] */
#menu1 li a .ic1{display:block;width:49.56%;height:57px;margin:17.39% auto 0;display:block;}
#menu1 li a .t1{display:block;width:100%;height:1.33em;
color:#fff;font-size:15px;font-weight:bold;text-align:center;}
*+html #menu1 li a .ic1{height:57px;}
#menu1 img{width:100%;height:auto;}

#menu1 li.m1{background:url(../../img/main/m_bn1.png) no-repeat 0 0;margin-right:10px;margin-bottom:10px;}
#menu1 li.m2{background:url(../../img/main/m_bn2.png) no-repeat 0 0;margin-bottom:10px;}
#menu1 li.m3{background:url(../../img/main/m_bn3.png) no-repeat 0 0;margin-right:10px;}
#menu1 li.m4{background:url(../../img/main/m_bn4.png) no-repeat 0 0;}


/* 팝업존 */
/* pr.Rotate (1/5) [JS] $('#pr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#pr1{display:block;position:relative;width:100%;min-width:230px;max-width:240px;margin:0 auto 20px;}
#pr1 .mView{position:relative;left:0;top:0;width:100%;border-radius:18px;overflow:hidden;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .05);height:240px;background:url(../../img/main/pr1/pr1bg.jpg) no-repeat 0 0;}
#pr1 .mCont{position:relative;left:0;top:0;width:100%;height:100%;}
#pr1 .mContC{display:block;float:left;position:relative;left:0;top:0;width:100%;height:100%;margin-right:-100% /* ☆ */;}
#pr1 .mContC.on{display:block;}
#pr1 .mContC img{width:100%;height:auto;border-radius:18px /* ☆ Galaxy2 Fix */;}
#pr1 .menu{z-index:10;position:absolute;left:18px;top:20px;}
#pr1 .mControl{float:left;}
#pr1 .mControl .m{float:left;width:14px;height:14px;margin:0 3px 0 0;border:0;background:url(../../img/main/b1s.png) no-repeat;overflow:hidden;text-indent:-9999px;cursor:pointer;}
#pr1 .mControl .stop{}
#pr1 .mControl .play{background-position:-50px 0;}
#pr1 .mControl .prev{background-position:-100px 0;}
#pr1 .mControl .next{background-position:-150px 0;}
#pr1 .mPage{float:left;margin:-2px 5px 0 0;font-size:14px;line-height:16px;}
#pr1 .mPage .sep{float:left;}
#pr1 .mPage .on{float:left;color:#a3620a;}
#pr1 .mPage .total{float:left;}


/* 보건소식/고시공고 */
#bbs1{display:block;} /* >> .list1 */

.list1{display:block;position:relative;width:240px;min-width:230px;max-width:240px;height:204px;margin:0 auto 20px;padding:18px 0;border-radius:18px;background:#fff;letter-spacing:-1px;overflow:hidden;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0);}
.list1 .tab{padding:0;margin:0;font-size:1.231em;}
.list1 .tab a{float:left;color:#6e6e6e;padding:0 10px;line-height:20px;text-decoration:none;}
*+html .list1 .tabs .tab a:first-child{margin:0 -1px 0 0;}
.list1 .tab a{display:block;}
.list1 .tab:first-child a{padding-left:18px;background:url(../../img/main/sep1.png) no-repeat 100% 50%;}
.list1 .tab.on a{color:#222;text-decoration:underline;}
.list1 .tab.on a .deco{float:left;position:absolute;left:50%;bottom:0;width:13px;height:7px;margin:0 0 -7px -7px;background:url(../../img/board/zipcode1s.png) no-repeat;}
.list1 .cont{position:absolute;left:13px;top:50px;width:90%;}
.list1 .more{position:absolute;right:0px;top:-30px;width:24px;height:24px;background:url(../../img/main/more.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.list1 .cont ul{padding:10px 0 0 0;}
.list1 .cont li{display:inline;}
.list1 .cont li a{display:block;height:50px;padding:3px 18px 3px 5px;color:#444;border-bottom:1px solid #cfcfcf;font-size:14px;overflow:hidden;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.list1 .cont li:last-child a {border:none;}
.list1 .cont li.m3 a{border:none;} 
.list1 .cont li span.date{float:left;line-height:24px;max-width:100%;}
.list1 .cont li .t1b{padding:0 5px 0 0;background:url(../../img/main/sep1.png) no-repeat 100% 50%;color:#222;font-size:.923em;}
.list1 .cont li .new{position:relative;float:left;width:14px;height:100%;margin:0 -18px /* =14+4 */ 0 4px;background:url(../../img/main/new.png) no-repeat 50%;overflow:hidden;text-indent:-9999px;}
.list1 .cont li *:hover,
.list1 .cont li *:focus{color:#000;text-decoration:underline;}
.list1 .cont li img{vertical-align:baseline;}


/* 건강계산기 */
#calculator{display:block;} /* >> .cal4tab */

.cal4tab{display:block;position:relative;width:240px;min-width:225px;max-width:370px;height:204px;margin:0 auto 20px;padding:16px 0;border-radius:18px;background:url(../../img/main/ptbg.png) 0 0;letter-spacing:-1px;overflow:hidden;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0);}
.cal4tab .h1{display:block;margin:0 0 .75em 0;padding:0 18px;font-size:1.231em;color:#fff;}
.cal4tab .tab{padding:0;margin:0;font-size:1.2em;float:left;width:50%;}
.cal4tab .tab a{float:left;color:#fff;font-size:0.88em;letter-spacing:-1px;padding:7px 0 7px 16px;line-height:16px;text-decoration:none;}
*+html .cal4tab .tabs .tab a:first-child{margin:0 -1px 0 0;}
.cal4tab .tab a{display:block;}
.cal4tab .tab:first-child a{padding-left:18px;}
.cal4tab .tab a.bgno {background:none;}
.cal4tab .tab.on a{width:86.5%;color:#fff;background:#4b7600;}
.cal4tab .tab.on a .deco{float:right;margin:6px 3px 0 0;width:7px;height:4px;background:url(../../img/main/more_ic_tab.png) no-repeat;}
.cal4tab .cont{position:absolute;left:13px;top:120px;width:90%;}
.cal4tab .cont_in{margin:0 auto;height:100px;background:url(../../img/main/cal_bgline.png) no-repeat 0 0;}
.cal4tab .cont_in input.text{width:100px;height:2.308em;margin:2px 0;padding:0 0 0 3px;border:1px solid #d5d5d5;background:#f9f9f9;line-height:2.308;}
.cal4tab .cont_in select{width:55px;height:28px;line-height:28px;border:1px solid #d5d5d5;background:#f9f9f9;line-height:2.308;}

.cal4tab .cont_in .cal_wrap{z-index:10;clear:both;position:relative;width:100%;margin:0;}
.cal4tab .cont_in .cal_wrap:after{content:'';display:block;clear:both;height:0;visibility:hidden;}
.cal4tab .cont_in .cal_wrap .info1{color:#767676;} /* 글수.. */
.cal4tab .cont_in .cal_wrap .info1 .em1{color:#c92026;}
.cal4tab .cont_in .cal_wrap .left{float:left;margin:0;padding:0;}
.cal4tab .cont_in .cal_wrap .right{float:right;margin:0;padding:0;text-align:right;}
.cal4tab .cont_in .cal_wrap .center{margin:0 auto;text-align:center;}
.cal4tab .cont_in .cal_wrap .center .button{margin-left:3px;margin-right:3px;}

.cal4tab .cont_in .cal_con{position:relative;margin:0.3em 0 0 0;overflow:hidden;}
.cal4tab .cont_in .cal_con .h1{display:block;float:left;width:15em;height:50px;font-size:1.154em;line-height:50px;}
.cal4tab .cont_in .cal_con .cal_cnbody{}
.cal4tab .cont_in .cal_con .item{float:left;height:40px;padding:0;font-weight:bold;color:#fff;width:100%;}
.cal4tab .cont_in .cal_con .item .label{/*margin:0 7px 0 0;*/ margin:0 4px 0 0;line-height:35px;color:#fff;float:left;}
.cal4tab .cont_in .cal_con .cycle{width:76%;height:30px;padding-top:5px;}
.cal4tab .cont_in .cal_con .btns{height:50px;}
.cal4tab .cont_in .cal_con .submit{display:block;width:100%;background:#4e5151;color:#fff;}
.cal4tab .cont_in .cal_con .cal_conbody .text{font-weight:bold;}

.cal4tab .cont_in .cal_con .cal_conbody{margin-top:15px;}
.cal4tab .cont_in .cal_con .btns{float:left;margin-left:5px;}
.cal4tab .cont_in .cal_con .btns button {margin:3px 0;color:#fff;border:none;width:38px;height:30px;background: #4b7600;border-radius:5px;}
.cal4tab .cont_in .cal_con .btns02{float:left;width:100%;}
.cal4tab .cont_in .cal_con .btns02 button {margin:3px 0;color:#fff;border:none;width:100%;height:30px;background: #4b7600;border-radius:5px;}

.ra_txt1{height:35px;}
.ra_txt2{float:left;/*width:170px;*/}
.ra_txt2 label.magl10{margin-left:10px;}
.cal4tab .cont_in input.text2{width:29px;height:26px;margin:2px 0;padding:0px;border:1px solid #d5d5d5;background:#f9f9f9;line-height:2.308;}
.ra_txt1, .ra_txt1 label, .ra_txt2, .ra_txt1, .ra_txt2 label{color:#fff;margin:0;padding:0;}

.cal4tab .more{position:absolute;right:0px;top:-102px;width:24px;height:24px;background:url(../../img/main/more.png) no-repeat;overflow:hidden;text-indent:-9999px;}


/* 의/약업소 안내 */
#pharm{display:block;}
.list2{display:block;position:relative;width:240px;min-width:230px;max-width:500px;height:168px;
margin:0 auto 20px;padding:16px 0;border-radius:18px;background:#fff;letter-spacing:-1px;overflow:hidden;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .05);}
.list2 .h1{display:block;margin:0 0 .75em 0;padding:0 18px;color:#222;font-size:1.231em;}
.list2 .more{float:left;position:absolute;right:10px;top:13px;width:24px;height:24px;background:url(../../img/main/more.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.list2 ul{padding:2px 18px 0;}
.list2 ul li{position:relative;margin-bottom:5px;padding:0;}
.list2 ul li a{display:block;padding:2px 0 2px 30px;overflow:hidden;color:#fff;font-size:14px;font-weight:bold}
.list2 li .new{position:absolute;right:7%;;width:4px;margin:0;background:url(../../img/main/more2.png) no-repeat 0 50%;overflow:hidden;text-indent:-9999px;}
.list2 li.m1 a, .list2 li.m3 a{background:url(../../img/main/medi_bg.png) no-repeat 5px bottom #009fda;}
.list2 li.m2 a, .list2 li.m4 a{background:url(../../img/main/medi_bg.png) no-repeat 5px bottom #5078b4;}


/* 보건사업 */
#service{display:block;position:relative;width:100%;min-width:230px;max-width:240px;height:168px;margin:0 auto 20px;padding:16px 0;border-radius:18px;background:#fff;letter-spacing:-1px;overflow:hidden;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .05);}
#service .h1{display:block;margin:0 0 .75em 0;padding:0 18px;color:#222;font-size:1.231em;line-height:20px;}
#service .more{float:left;position:absolute;right:10px;top:13px;width:24px;height:24px;background:url(../../img/main/more.png) no-repeat;overflow:hidden;text-indent:-9999px;}
#service ul{padding:7px 18px 0;}
#service li{display:block;float:left;width:95px;overflow:hidden;}
#service li a{ display:block;width:95px;padding:6px 0;border-bottom:1px dashed #a3a3a3;letter-spacing:-2px;}
#service li.m1, #service li.m3,
#service li.m5{margin-right:14px;}
#service li.m5 a, #service li.m6 a{border:none;}
#service li span.t1{margin-left:0;line-height:28px;}
#service li .ic1 img{vertical-align:middle;}


/* 이용시간안내 */
.usetime{display:block;position:relative;width:100%;min-width:230px;max-width:240px;
height:168px;margin:0 auto -42px;padding:16px 0;border-radius:18px;background:#fff;
overflow:hidden;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .05);}
.usetime .h1{display:block;margin:0 0 .65em 0;padding:0 18px;color:#222;font-size:1.231em;line-height:20px;}
.usetime .more{float:left;position:absolute;right:10px;top:13px;width:24px;height:24px;background:url(../../img/main/more.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.usetime a.content{display:block;clear:both;margin:0 0 15px 0;line-height:19px;text-decoration:none !important;overflow:hidden;cursor:pointer;}
.usetime a div.pic{;position:relative;width:100%;height:56%;overflow:hidden;}
.usetime a div.pic img{width:100%;height:auto;}
.usetime a div.text{display:block;padding:.3em 14px;overflow:hidden;letter-spacing:-1px;}
.usetime a div.text span.t1{display:block;color:#222;font-weight:bold;font-size:15px;line-height:22px;overflow:hidden;}
.usetime a div.text span.t1 strong{color:#4273de;font-size:1.233em;}
.usetime a div.text span.t2{display:block;margin:0;color:#000000;font-size:13px;letter-spacing:-1.3px;}
.usetime a div.text span.t2 strong{color:#000000;font-size:14px;}
.usetime li .t1b{padding:0 5px 0 0;background:url(../../img/main/sep1.png) no-repeat 100% 50%;color:#222;font-size:.923em;}
.usetime li .new{position:relative;float:left;width:14px;height:100%;margin:0 -18px /* =14+4 */ 0 4px;background:url(../../img/main/new.png) no-repeat 50%;overflow:hidden;text-indent:-9999px;}
.usetime li *:hover,
.usetime li *:focus{color:#000;text-decoration:underline;}
.usetime li img{vertical-align:baseline;}
.usetime li a span.pic img{width:100%;}
.usetime li a span.text{display:block;padding:0;overflow:hidden;}

/* 실과/사무소 바로가기 */
#mOffice1{display:block;position:relative;width:240px;margin:0 auto 20px;}
#mOffice1 .h2{width:100%;margin-bottom:20px;padding:3px 0;min-width:160px;max-width:355px;border-radius:0 0 18px 18px;
box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .05);background:#4273de;}
#mOffice1 .h2 a.toggle{display:block;position:relative;height:100%;padding:0 0 0 20px;text-decoration:none;overflow:hidden;}
#mOffice1 .h2 a.toggle.on{}
#mOffice1 .h2 a.toggle .t1{padding:0;color:#fff;font-weight:bold;font-size:14px;line-height:36px;}
#mOffice1 .h2 a.toggle .ic1{position:absolute;right:15px;top:30%;width:14px;height:14px;
background:url(../../img/main/office1s.png) no-repeat;}
#mOffice1 .h2 a.toggle.on .ic1{background-position:-50px 0;}
#mOffice1s3 .h2 a.toggle{border:0;border-left:1px solid #2296C5;overflow:hidden;}
#mOffice1 .mOffice1s1c{z-index:10;display:none /* ☆ */;position:absolute;left:0;top:-305px;width:100%;background:#f7f6f6;border-radius:18px 18px 0 0;}
*+html #mOffice1 .mOffice1s1c{top:-310px;}
#mOffice1 .mOffice1s1c.on{}
#mOffice1 .mOffice1s1c .in{padding:15px;}
#mOffice1 .mOffice1s1c .h1{padding:0 3px;line-height:30px;}
#mOffice1 .mOffice1s1c .t1{display:block;padding:0 3px .75em;font-size:13px;}
#mOffice1 .mOffice1s1c ul{padding:10px 0 15px 20px;}
#mOffice1 .mOffice1s1c li a{display:block;height:20px;padding:0 18px 0 8px;background:url(../../img/main/bu1.png) no-repeat 0 7px;color:#444;font-size:13px;overflow:hidden;}
#mOffice1 .mOffice1s1c .close{float:left;position:absolute;right:13px;top:15px;height:20px;padding:0 0 0 20px;color:#666;font-size:12px;line-height:18px;}
#mOffice1 .mOffice1s1c .close .ic1{float:left;position:absolute;left:0;top:50%;width:20px;height:20px;margin:-10px 0 0 0;background:url(../../img/main/office1s.png) no-repeat -50px -50px;}

/* banner.Image [JS] $('#banner1').jQmTicker1(); */
#banner1{display:block;clear:both;position:relative;height:27px;padding:18px 100px 18px 40px;letter-spacing:-1px;overflow:hidden;}
#banner1 .h1{float:left;width:0;margin:0 0 0 -30px;color:#000;font-size:1.231em;line-height:normal;overflow:hidden;}
#banner1 .mView{float:left;width:100%;position:relative;height:27px;overflow:hidden;}
#banner1 .mCont{position:absolute;left:0;top:0;width:100%;overflow:hidden;}
#banner1 .mContC{float:left;margin:0 0 0 -1px;padding:0 0 0 1px;background:url(../../img/main/b4s.png) no-repeat -299px 0;}
#banner1 .mContC a{float:left;height:27px;padding:0 15px;max-width:130px /* =300-(-100-40-15-15)*/;color:#444;font-size:13px;line-height:27px;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#banner1 .mControl .b{float:left;position:absolute;top:18px;width:27px;height:27px;margin:0;padding:0;border:0;background:url(../../img/main/b4s.png) no-repeat;overflow:hidden;text-indent:-9999px;}
#banner1 .mControl .b.more{left:0;background-position:-200px 0;}
#banner1 .mControl .b.stop{right:60px;background-position:0 0;}
#banner1 .mControl .b.prev{right:30px;background-position:-100px 0;}
#banner1 .mControl .b.next{right:0;background-position:-150px 0;}


/* YYYYMMDD.Writer. ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */

@media all and (min-width:768px){/* ◇◆◇◆◇◆◇◆◇◆ */

#body{float:right;left:-50%;width:750px;margin-left:-10px;margin-right:-10px;padding-left:0;padding-right:0;}
	#body .mainbody1{padding-left:0;padding-right:0;}

#m_visi,
#menu1,
#pr1,
#bbs1,
#calculator,
#pharm,
#use,
#mOffice1,
#service{float:left;left:50%;width:230px;margin-left:10px;margin-right:10px;}

#mOffice1{margin:158px 0 0 -240px;}

#m_visi{width:480px;height:477px;padding:0;}
#m_visi .con01{padding:0;height:400px;background:url(../../img/main/mvisi_bg1.png) no-repeat 0 0;}
#m_visi li{padding:0 0 78px 0;}
#m_visi li a .t1{font-size:14px;}
/*
#m_visi .con01 div p{line-height:40px;}
#m_visi .con01 div p img{width:261px;height:34px;}
#m_visi .con01 div p.sty01{font-size:2em;}
*/

#menu1 li{width:47.8267%;}

#bbs1{height:198px;}
.list1 .cont{top:45px;}


.list2{height:204px;}
.list2 ul li a{padding:5px 0 5px 30px;}

.cal4tab .cont{left:10px;}
.cal4tab .cont_in input.text{ /*width:105px;*/}
.cal4tab .cont_in .cal_con .cycle{ /*width:145px;*/}
.ra_txt2{/*width:165px;*/}
.ra_txt2 label.magl10{margin-left:5px;}

#service li a{letter-spacing:-2px;}
#service li.m1, #service li.m3, #service li.m5{margin-right:4px;}

#banner1{float:left;left:50%;width:520px;margin-left:10px;margin-right:10px;padding-left:110px;}
#banner1 .h1{width:70px;margin-left:-110px;}
#banner1 .mControl .b.more{left:70px;}

#pr1 .mView{height:230px;}


*+html #mOffice1 .mOffice1s1c{top:-410px;}

} /* /(min-width:768px) */


@media all and (min-width:1024px){/* ◇◆◇◆◇◆◇◆◇◆ */

#tnb1{left:50%;margin-left:-455px;}
#wrap{width:910px;}
#sidebar{display:block;float:left;position:relative;width:15%;width:180px;max-width:220px;min-height:200px;height:auto !important;height:200px;padding:0 0 40px 0;}
#body{float:left;left:0;width:750px;}

#m_visi,
#menu1,
#pr1,
#bbs1,
#calculator,
#pharm,
#use,
#mOffice1,
#service{left:0;}

#banner1{float:none;left:0;}

} /* /(min-width:1024px) */

@media all and (min-width:1220px){/* ◇◆◇◆◇◆◇◆◇◆ */

#tnb1{left:0;margin-left:0;}
#wrap{width:100%;}
#sidebar{display:block;float:left;position:relative;left:0;width:15%;width:180px;max-width:220px;min-height:200px;height:auto !important;height:200px;padding:0 0 40px 0;}
#body{float:left;left:0;width:85%;width:1040px;}

#m_visi,
#menu1,
#pr1,
#bbs1,
#calculator,
#pharm,
#use,
#mOffice1,
#service{left:0;}

#mOffice1{margin:0 0 0 10px;}

#pr1,
#bbs1,
#calculator,
#use,
#mOffice1,
#service,
#menu1{width:240px;}

#m_visi{width:500px;}
#m_visi li{padding:0 0 92px 0;}
#m_visi li a .ic1{margin:22px auto 5px;}

#pharm{width:500px;height:168px;}

.list2 ul{padding:10px 18px 0;}
.list2 ul li{float:left;}
.list2 ul li a{width:145px;padding:0 0 0 85px;height:50px;line-height:50px;}
.list2 ul li.m1, .list2 ul li.m3{margin-right:3px;}

.list2 li.m1 a{background:url(../../img/main/medi_bg01.png) no-repeat 15px bottom #009fda;}
.list2 li.m2 a{background:url(../../img/main/medi_bg02.png) no-repeat 15px bottom #5078b4;}
.list2 li.m3 a{background:url(../../img/main/medi_bg03.png) no-repeat 15px bottom #009fda;}
.list2 li.m4 a{background:url(../../img/main/medi_bg04.png) no-repeat 15px bottom #5078b4;}

.list2 li .new{position:absolute;top:0;}

#banner1{float:none;left:0;width:810px;}

#pr1 .mView{height:240px;}

} /* /(min-width:1220px) */



/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */