#wrapW {background: url(/static/images/common/mainBgx.png) repeat-x}

#mVisual {position: relative;overflow: hidden; } 
#mVisual .visualArea {position: relative;z-index: 10;margin-top: 120px;max-height: 600px;overflow: hidden; } 
#mVisual .visualArea > div {float: left;max-height: 600px;min-height: 300px;width: 100%;position: relative;z-index: 1; } 
/*#mVisual .visualArea>div:first-child { display:block; } */
#mVisual .visualArea > div > img {text-align: center;width: 100%;height: 100%;min-height: 300px;position: relative;z-index: 1; } 
#mVisual .visualArea > div > .visualCon {position: absolute;top: 0;z-index: 2;;margin: 0 auto;height: 100%; } 
#mVisual .visualArea > div > .visualCon > div {position: relative;max-width: 1300px;margin: 0 auto;padding-top: 12%; } 
#mVisual .visualArea > div > .visualCon img {max-width: 100%;width: auto; } 
.visualCtrl {position: absolute;width: 90%;z-index: 10;top: 48%;left: 5%;right: 5%; } 
.visualCtrl .VSleft {float: left}
.visualCtrl .VSright {float: right; } 
.visualCtrl > div {padding: 5px; } 
.visualCtrl > div > a {display: inline-block; } 
.VSplay {display: none;width: 12px;height: 14px;background: url(/static/img/gw/main/VSplay.png) no-repeat center top;vertical-align: bottom; } 
.VSpagingArea {text-align: center;position: absolute;z-index: 20;width: 100%;margin-top: -70px; } 
.visualPagin {text-align: center;display: inline-block; } 
.visualPagin a {text-align: center;background: url(/static/img/gw/main/slidePaging_off.png) no-repeat left top;width: 15px;height: 15px;display: inline-block;margin-right: 3px;text-indent: -999em;font-size: 0; } 
.visualPagin a.selected {background: url(/static/img/gw/main/slidePaging_on.png) no-repeat left top; } 
#mVisual .VSstop {background: url(/static/img/gw/main/pop_stopBtn2.png) no-repeat left top;width: 11px;height: 13px;display: inline-block;margin-top: 16px;vertical-align: top}
/*#mVisual li.img { max-width:1000px; position:absolute; top:100px; left:50%; margin-left:-300px; } */
/*#mVisual li img { position:absolute; top:100px; left:50%; margin-left:-300px; } */
/*#mVisual .visualArea>ul> li.visual1 { background:url(/static/img/gw/main/visual01.jpg) no-repeat fixed 50% 0; } 
#mVisual .visualArea>ul> li.visual2 { background:url(/static/img/gw/main/visual01.jpg) no-repeat fixed 50% 0; } 
#mVisual .visualArea>ul> li.visual3 { background:url(/static/img/gw/main/visual01.jpg) no-repeat fixed 50% 0; } 
#mVisual .visualArea>ul> li[class*="visual"] { background-size: 100% auto } 
#mVisual .visualArea>ul> li .visualCon { margin: 3% auto; width:90%; max-width:1300px; } 
#mVisual .visualArea>ul> li .visualCon img { width:100%; } */
/*#mVisual li>div { width:100%; } */
/*#mVisual .mVisulCon { position:absolute; top:100px; left:50%; margin-left:-200px; width:100%; } */
#pager {margin-top: 5px;width: 600px; } 
#pager a, #pager span {display: block;height: 10px; } 
#pager a {width: 30%;margin-right: 3%;float: left;background-color: rgba(255, 255, 255, 0.5); } 
#pager a:hover {border-color: #999; } 
/*#pager span { width: 0px; background-color: rgba(255 ,255 ,255 ,0.5); } */
#pager span {width: 0px;background: #1598dc; } 
.linkgo {position: absolute;top: 130px;right: 0;width: 334px;z-index: 30; } 
.linkgo > .linkgoBox {background-color: rgba(0, 0, 0, 0.5);border-radius: 5px;overflow: hidden; } 
.linkgo > .linkgoBox > ul > li {float: left;width: 46%;margin: 2% 0 0 2%;text-align: center;padding: 5px 0 10px 5px; } 
.linkgo > .linkgoBox > ul > li > a {display: block; } 
@media(min-width:1000px) {.linkgo > .linkgoBox > ul > li > a img {width: 110px; } 
 }
.linkgo > .linkgoBox > ul > li span {display: block;color: #fff;font-size: 0.95em;font-weight: bold;padding-top: 6px; } 
.linkgo > .linkgoBox > .btnLinkgo {background: url(/static/img/gw/main/btn_goUp.png) no-repeat center 5px;height: 15px;width: 100%; } 
@media(min-width:1000px) {.linkgo > .linkgoBox > ul > li span {font-size: 1.2em; } 
 }
.linkgo > .linkgoBox > .btnLinkgo + ul {display: block; } 
.linkgo > .linkgoBox > .btnLinkgo.on {background: url(/static/img/gw/main/btn_goDown.png) no-repeat center 5px;height: 15px;width: 100%; } 
.linkgo > .linkgoBox > .btnLinkgo.on + ul {display: none; } 
.linkgo > .linkgoBox > .btnLinkgo > a {display: block;height: 12px;width: 100%; } 

#content {max-width: 100%; } 
#content h2 {font-size: 2.6em;text-align: center;letter-spacing: -1px}
.dentalInfo {width: 100%;background: #f4f9fe;padding: 2em 0; } 
.dentalInfo_area {max-width: 1360px;text-align: center;margin: 0 auto;position: relative; } 
.dentalGuide {max-width: 1200px;position: relative;padding: 20px 0;margin: 0 auto;text-align: center; } 
.dentalGuide > div {max-width: 1200px;width: 100%; } 
.dentalGuide .dentalGuide_ex {text-align: center;margin-bottom: 4%; } 
/*.dentalGuide>div> ul> { display: block; height:275px; } */
.dentalGuide > div > ul > {margin-left: -50px; } 
.dentalGuide > div > ul > li {display: block;float: left;width: 180px;text-align: center;font-size: 1.2em;font-weight: bold;height: 100%;padding: 5px 15px; } 
.dentalGuide > div > ul > li a {display: block; } 
/*.dentalGuide>div> ul> li .off { display:block; position:relative; border:2px dotted #3eade6; border-radius: 100px; padding:2em; background:#fff; } */
.dentalGuide > div > ul > li .off {display: block;position: relative; } 
.dentalGuide > div > ul > li .off a {display: block;background: url(/static/img/gw/main/bg_dent.png) no-repeat center top;padding: 2em 0;height: 160px;text-align: center; } 
.dentalGuide > div > ul > li .off span {position: absolute;top: 30%;color: #fff;text-align: center;width: 100%;left: 0;line-height: 139%;font-size: 0.9em; } 
.dentalGuide > div > ul > li .off span img {width: auto;max-width: 100%; } 
.dentalGuide > div > ul > li .active {display: none;position: relative; } 
.dentalGuide > div > ul > li {-webkit-transition: width .25s;-moz-transition: width .25s;-ms-transition: width .25s;-o-transition: width .25s;transition: width .25s; } 
.dentalGuide > div > ul > li.active {width: 280px !important;background: url(/static/img/gw/common/bu_gnbOn.gif) no-repeat center bottom;height: 180px; } 
.dentalGuide > div > ul > li.active span {display: none; } 
.dentalGuide > div > ul > li.active span.txt {display: block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis; } 
.dentalGuide > div > ul > li.active span.txt img {height: 35px; } 
.dentalGuide > div > ul > li.active .active {display: block; } 
.dentalGuide > div > ul > li.active .active .active_area {background: #fff;border-radius: 100px;border: 2px solid #1598dc;padding: 15px 30px;position: relative; } 
.dentalGuide > div > ul > li.active .active .active_area h3 {color: #1598dc;font-size: 14.5px;margin: 10px 0 20px 0;font-weight: bold; } 
.dentalGuide > div > ul > li.active .active .active_area ul {margin-left: 50%;height: 80px; } 
.dentalGuide > div > ul > li.active .active .active_area li {font-size: 0.8em;text-align: left;font-weight: normal; } 
.dentalGuide > div > ul > li.active .active .active_area .img {display: inline-block;position: absolute;top: 50px;left: 30px; } 
.dentalGuide > div > ul > li.active .active p {clear: both;position: absolute;left: 0;top: 180px;width: 100%;font-size: 0.85em;text-align: left;font-weight: normal;text-align: center;height: 38px;overflow: hidden}
/*.dentalGuide>div> ul> li.active .ico4 { background:#fff url(/static/img/gw/main/icon_den4.gif) no-repeat 15% 70%; } */
.dentalGuide > div > ul > li.active .off {display: none; } 
@media screen and (max-width:650px) {div.dentalGuide > div.caroufredsel_wrapper {height: 245px !important; } 
/*width:360px !important; */}
.dentalInfo .ctrl button {width: 15px;height: 28px; } 
.dentalInfo .ctrl button span {position: absolute;z-index: -1;text-indent: -999em; } 
.dentalInfo .ctrl button.DEleft {background: url(/static/img/gw/main/DEleft.png) no-repeat left top;position: absolute;top: 45%;left: 5%;margin-left: 0;padding-left: 10px; } 
.dentalInfo .ctrl button.DEright {background: url(/static/img/gw/main/DEright.png) no-repeat right top;position: absolute;top: 45%;right: 5%;margin-right: 0;padding-right: 10px; } 
.dentalInfo .DEplay {background: url(/static/img/gw/main/pop_playBtn.png) no-repeat left top;width: 11px;height: 13px;vertical-align: top;margin-top: 16px; } 
.dentalInfo .DEstop {background: url(/static/img/gw/main/pop_stopBtn.png) no-repeat left top;width: 11px;height: 13px;display: inline-block;margin-top: 16px;vertical-align: top}
.dentalInfo .btnSet a {padding: 10px 15px;color: #fff;display: inline-block; } 
.dentalInfo .btnSet .cal {background: #1598dc url(/static/img/gw/main/ico_ca2.png) no-repeat 15px center;padding-left: 52px; } 
.dentalInfo .btnSet .time {background: #333 url(/static/img/gw/ico/ico1_time2.png) no-repeat 15px center;padding-left: 45px; } 
.DEpagingArea {text-align: center; } 
.dentalPagin {text-align: center;display: inline-block;text-align: center; } 
.dentalPagin a {text-align: center;background: url(/static/img/gw/main/slidePaging_off.png) no-repeat left top;width: 15px;height: 15px;display: inline-block;margin-right: 3px;text-indent: -999em;font-size: 0; } 
.dentalPagin a.selected {background: url(/static/img/gw/main/slidePaging_on.png) no-repeat left top; } 

/*
@media screen and (max-width:480px) {
.dentalGuide ul li span.off span img, .dentalGuide1 ul li span.off span img { width:65px; max-width:auto; } 
.dentalGuide .ctrl button.VSleft, .dentalGuide1 .ctrl button.VS2left { top:30%; margin-left:-9em; } 
.dentalGuide .ctrl button.VSright, .dentalGuide1 .ctrl button.VS2right { top:30%; margin-right:-9em; } 
.dentalGuide .ctrl button { width:30px; height:30px; } 
}*/

#community .container, #information .container {max-width: 1360px;position: relative;width: auto;padding: 0; } 
.container h2 {font-size: 2.5em;text-align: center;margin: 3% 0;letter-spacing: -1px}
#community {width: 100%;height: 495px;background: #fff; } 
#community .row {width: 100%;padding-top: 32px; } 
#community .row > div {float: left; } 
#community .col-sm-3 img {display: block;float: left;width: 100%;height: 100%; } 
.notice {height: 330px; } 
.notice li {margin-bottom: 14px; } 
/*.notice .text { margin-top: 60px; padding-left: 86px; } 
.notice .text span { display: block; font-size: 13px; } 
.notice .text .info { color:#1598dc; } 
.notice .text .info:
 {
 content:"┗ "; } */
.notice .textMore {text-align: center;clear: both; } 
.notice .textMore .uline {font-size: 12px;border-bottom: 1px solid #666;color: #666; } 
.notice ul {position: relative; } 
.notice ul > li {float: left;margin-left: 1px;margin: 2px 0 1.5% 0; } 
.notice ul > li > a {display: block;text-align: center;color: #666;letter-spacing: -1px;padding: 0 10px 8px 10px;background: url('/static/img/gw/main/noticeLine.gif') no-repeat left center}
.notice ul > li:first-child > a {background: none; } 
.notice ul > li > a.on {color: #1598dc;border-bottom: 3px solid #1598dc; } 
.noticeArea {position: absolute;top: 32px;left: 0;width: 100%;padding: 13px 0 0;border-top: 1px solid #e9e9e9;display: none; } 
.noticeArea.type > ul > li {margin: 2.8% 0;float: none;overflow: hidden; } 
.noticeArea > ul > li {margin: 0.8% 0;float: none;overflow: hidden; } 
.noticeArea > ul > li .date {width: 46px;float: left; } 
.noticeArea > ul > li .date > span {display: block;line-height: 1.1em;font-size: 0.9em;color: #666;text-align: center}
.noticeArea > ul > li .date > span.day {font-size: 2.3em;color: #666;font-weight: 600;line-height: 100%;text-align: center}
.noticeArea > ul > li .date > span.btn {color: #fff;background: #8e8e8e;padding: 1px;font-size: 11px;font-weight: normal; } 
.noticeArea > ul > li > a {display: table;font-size: 0.95em;text-align: left;line-height: 129%;color: #666;padding-left: 15px;background: none; } 
.noticeArea > ul > li > a > span.part {display: block;color: #666;padding-bottom: 2px; } 
.noticeArea > ul > li > a > .reply:before {content: "L";color: #666; } 
.noticeArea > ul > li > a > .reply {color: #666; } 
.noticeArea > ul > li > a:hover {text-decoration: none; } 
.noticeArea > ul > li.wait .date > span.btn {background: #1598dc; } 
.noticeArea > ul > li.ing .date > span.btn {background: #3db03d; } 
.noticeArea > ul > li.end .date > span.btn {background: #ea4444; } 
.noticeArea > ul > li.ing > a {color: #333; } 
.noticeArea > ul > li.ing > a > .reply:before, .noticeArea > ul > li.ing > a > .reply {color: #1598dc; } 


#community .con1,
#community .con2,
#community .con3,
#community .con4 {min-height: 305px; } 
#community .con4 a {display: block;text-decoration: none}
#community .con4 img {max-width: 100%; } 
#community .con1 {width: 36%;float: left;margin-right: 2%; } 
#community .con2 {float: left;width: 20%;background: #b0a993;color: #fff;padding: 0 2% 1% 2%;position: relative; } 
#community .con2 h3 {font-size: 1.1em;border-bottom: 2px solid #fff;padding-bottom: 5%;margin-bottom: 5%;text-align: left; } 
#community .con2 .txt {font-size: 33px;line-height: 119%;letter-spacing: -3px; } 
#community .con2 .txt span {display: block; } 
#community .con2 .txt a {color: #fff;display: block;min-height: 125px;max-height: 160px;overflow: hidden; } 
#community .con2 .etc {font-size: 12px;border-top: 1px solid #c0baa9;padding-top: 5%;margin-top: 3%; } 
#community .con2 .etc span {font-size: 1.05em;display: block; } 
#community .con2 .etc a {background: url(/static/img/gw/ico/ico1_magAdd.png) no-repeat right 3px;padding-right: 18px;color: #fff;font-weight: bold;text-decoration: underline; } 
#community .con2.fs .txt {font-size: 28px; } 

#community .con3 {float: left;background: #9b9583;width: 25%;padding: 0 2%;position: relative; } 
#community .con3 h3 {font-size: 1.1em;border-bottom: 1px solid #b9b3a1;color: #fff;font-weight: bold;padding-bottom: 4%; } 
#community .con3 > ul {margin-top: 17px; } 
#community .con3 > ul > li > a {display: block;color: #fff;background: url(/static/img/gw/common/bu1_white.png) no-repeat left 7px;line-height: 119%;margin-bottom: 3%;padding-left: 8px;text-decoration: none}
#community .con3 > ul > li > a > p {text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;font-size: 0.95em;color: #eae7df; } 
#community .con3 .more {position: absolute;top: 0;right: 10%; } 
#community .con3 > ul > li > a > p.date {color: #c9c5ba; } 
#community .con4 {float: left;background: #2f69b1;width: 17%;padding: 2.5% 0 0 0;text-align: center;position: relative; } 
#community .con4 p {color: #fff;font-size: 1.3em;text-align: center;margin-top: 12%;font-weight: 500; } 
#community .con2 .more, #community .con3 .more, #community .con4 ..more {position: absolute;top: 0;right: 10%; } 
/*.noticeArea p { line-height:30px; overflow:hidden; } 
.noticeArea p a { float:left; width:516px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#666666; background:url('/portal/images/main_renew/msg_icon.gif') no-repeat 7px center; padding-left:20px; } 
.noticeArea p a img { margin-left:3px; } 
.noticeArea p span { float:right; margin-right:8px; font-size:15px; color:#666666; } */
.noticeArea .more_icon {position: absolute;top: -68px;right: 5px; } 

#information {position: relative;clear: both;width: 100%;height: 405px;background: #f3f3f3 url(/static/img/gw/main/inforBg.png) no-repeat 50% 100%; } 
#information .subTitle {position: absolute;left: 50%;top: 80px;background: url(/static/img/gw/main/inforTitle.png) no-repeat 50% 100%;width: 249px;height: 94px;margin-left: -126px; } 
#information .inforLeft {float: left;width: 500px; } 
#information .inforLeft > ul > li {float: left;margin-bottom: 14px;text-align: center;width: 24%;margin-bottom: 6%; } 
#information .inforLeft > ul > li > p {padding-top: 2px;font-size: 0.95em; } 
#information .inforLeft .rev {text-align: center;width: 50%}
#information .inforLeft .rev a {color: #fff; } 
#information .inforLeft .rev p {background: #1598dc;border-radius: 3px;padding: 5% 1%;color: #fff;font-weight: bold;font-size: 0.95em;text-align: center;margin: 0 6%; } 
#information .inforLeft .rev span {display: inline-block;background: url(/static/img/gw/main/ico_cal.png) no-repeat left center;width: 42px;height: 38px;vertical-align: middle;margin-right: 3px; } 
#information .inforRight {float: right;width: 420px; } 
#information .popupList {position: relative}
#information .popupList li {float: left; } 
#information .popupList li img {width: 100%;height: 100%; } 
#information .popupList li a {display: block; } 
#information .popupList li a:hover {outline: 2px dotted #333}
#information .popupCtrl {position: absolute;bottom: 0;left: 0; } 
#information .popupCtrl button {width: 40px;float: left;margin-right: 1px;height: 40px; } 
#information .popupCtrl .popPrev {background: url(/static/img/gw/main/pop_prevBtn.png) no-repeat left top;width: 40px;height: 40px; } 
#information .popupCtrl .popNext {background: url(/static/img/gw/main/pop_nextBtn.png) no-repeat left top;width: 40px;height: 40px; } 
#information .popStop {background: url(/static/img/gw/main/pop_stopBtn.png) no-repeat left top;width: 11px;height: 13px;vertical-align: top;margin-top: 13px; } 
#information .popPlay {display: none;background: url(/static/img/gw/main/pop_playBtn.png) no-repeat left top;width: 11px;height: 13px;vertical-align: top;margin-top: 13px; } 
#information .popupPagingArea {text-align: center;display: block; } 
#information .popupPaging {text-align: center;margin-top: 10px;display: inline-block; } 
#information .popupPaging a.goto-slide {display: inline-block;background: url(/static/img/gw/main/slidePaging_off.png) no-repeat left top;width: 15px;height: 15px;text-indent: -999em;margin: 2px;display: inline-block; } 
#information .popupPaging a.selected {background: url(/static/img/gw/main/slidePaging_on.png) no-repeat left top; } 
/*.dentalInfo .ctrl button.DEleft { background:url(/static/img/gw/main/DEleft.png) no-repeat left top; position:absolute; top:45%; left:0; margin-left:0; } 
.dentalInfo .ctrl button.DEright { background:url(/static/img/gw/main/DEright.png) no-repeat left top; position: absolute; top:45%; right:0; margin-right:0; } */
@media (max-width:1400px) {.visualCtrl {position: absolute;width: 100%;z-index: 10;top: 48%;left: 0;right: 0; } 
.dentalInfo .ctrl button.DEleft {left: 0}
.dentalInfo .ctrl button.DEright {right: 0; } 
#mVisual .visualArea > div > .visualCon img {margin-left: 50px; } 

/*#mVisual .visualArea>div>.visualCon>div { position:relative; max-width:1300px; margin:0 auto; padding-top:12%; } 
#mVisual .visualArea>div>.visualCon img { max-width:100%; width:auto; } */
}
@media (max-width:1300px) {/*.visualCtrl { position:absolute; width:100%; z-index:10; top:48%; left:0; right:0; } */
/*.dentalInfo .ctrl button.DEleft { left:0 } 
.dentalInfo .ctrl button.DEright { right:0; } 
#mVisual .visualArea > div > .visualCon img { margin-left:5%; } 
*/
/*#mVisual .visualArea>div>.visualCon>div { position:relative; max-width:1300px; margin:0 auto; padding-top:12%; } 
#mVisual .visualArea>div>.visualCon img { max-width:100%; width:auto; } */
}

@media (max-width:1200px) {#mediGuide .area > ul {overflow: hidden;height: 171px;margin-left: 0;margin-right: 0;width: 100%;padding-left: 5%;padding-right: 5%;text-align: center; } 
#mediGuide .area > ul > li {padding: 0 1px 0 0;display: inline-block;float: none; } 
#mediGuide .area > ul > li img {height: 150px; } 
.notice {max-width: 100%}
#community .con1 {width: 34%; } 
#community .con2 {width: 20%; } 
#community .con3 {width: 25%; } 
#community .con4 {width: 19%; } 
#information {background-image: none;float: none;height: auto; } 
#information .subTitle {display: none; } 

/*#mVisual .visualArea>div>.visualCon { position:inherit; top:0; z-index:1;; margin:0 auto; height:100%; } */
/*#mVisual .visualArea>div>.visualCon img { width:50%; margin-left:5%; max-width:auto; } */

#mVisual .visualArea > div > .visualCon img {width: 500px;margin-left: 8%;max-width: auto; } 

/*.visualCtrl > div img { width:25px; } */}

@media(max-width:999px) {/*.edu { width:36%; background:#7bb0d6; color:#fff; padding:2%; } */
#community .con1 {width: 43%; } 
#community .con2 {width: 30%; } 
#community .con3 {display: none; } 
#community .con4 {width: 25%; } 
#information .inforLeft {width: 50%; } 
#information .inforRight {width: 50%; } 
#mVisul li[class*="visual"] {background-size: 100% auto}
.visualCtrl {top: 230px; } 
.visualCtrl > div img {width: 20px; } 
#mVisual .visualArea > div > .visualCon > div {padding-top: 110px; } 
#mVisual .visualArea > div > .visualCon img {width: 350px; } 


}



@media (max-width:767px) {
.global {display: none; } 
/*.gnbBg { background-color:#000; display: block; opacity:0.8; height: 100vh; top: 79px; } */
#gnb {height: auto;margin: 0;z-index: 9999; } 
#gnb > ul {left: -100%;position: absolute;background-color: rgba(255, 255, 255, 0.99);padding-left: 15px;width: 75%;/*height: 200vh; */
border-top: 4px solid #0886c3;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); } 
#gnb.subClose .gnbBg {display: none; } 
#gnb.subOpen > ul {display: block;left: 0; } 
#gnb > ul > li {float: left;width: 50% !important; } 
#gnb > ul > li:nth-child(odd) {clear: both; } 
#gnb > ul > li#gnb5 {width: 100% !important; } 
#gnb > ul > li#gnb5 > ul { } 
#gnb > ul > li#gnb5 > ul > li {width: 50%;float: left; } 
#gnb > ul > li.end { } 
#gnb > ul > li.end a { } 
#gnb > ul > li > a {color: #000; } 
#gnb > ul > li.on > a {color: #000; } 
#gnb > ul > li.on > a:after {display: none; } 
#gnb > ul > li > ul {display: block;position: static;padding-top: 0}
#gnb > ul > li > ul > li > a {color: #000; } 
#gnb > ul > li > ul > li > ul { } 
#gnb > ul > li > ul > li > ul li a { } 
#gnb > ul > li > ul > li.i6 {position: static; } 
#gnb > ul > li > ul > li.i7 {position: static; } 
#gnb > ul > li > ul > li.i8 {position: static; } 

/*#gnb.subOpen>ul { display: block; animation: leftIn 0.5s ease-out; } 
#gnb.subClose>ul { display: block; animation: leftOut 0.5s ease-out; } */

#gnb.subOpen ul > li > ul { } 
#gnb.subOpen .gnbBg {display: none; } 
#gnb.subOpen .navClose {display: none; } 
#gnb .navOpen span {font-size: 1px;opacity: 0; } 
#gnb .mobileGnb {display: block}
#gnb .pcweb {display: none}
.visualSet {width: auto;float: none;height: auto; } 
.visualSet .visualCtrl {bottom: inherit;top: 20px; } 
.visualSet .visualCtrl button {top: 20px; } 
.visualSet .visualCtrl input {bottom: inherit; } 
.visualSet .visualCtrl .btnVisualPlay { } 
.visualSet .visualCtrl .btnVisualPause { } 
.visualSet .visualList ul li a { } 
.visualSet .visualList ul li a:after {display: none; } 
.visualSet .visualList ul li a img {width: 100%; } 
.visualSet .visualList ul li a .cate {top: 20px; } 
.visualSet .visualList ul li a .txt {bottom: 0;padding: 10px 10px;text-align: center;white-space: normal;background-color: #000;opacity: 0.75;line-height: 1.5; } 
.visualSet .visualList ul li a .txt span {display: block;min-height: 40px;padding: 0}
.visualSet .visualList ul li.xs-left a .txt {text-align: left; } 

.linkgo {top: 110px; } 

#community .con1 {width: 100%;float: none; } 
#community .con2 {width: 60%;padding: 0 2%; } 
#community .con4 {width: 40%;padding: 4% 3%; } 
#community .con2 .etc {padding-top: 5%;margin-top: 5%; } 
#information .inforLeft > ul > li {width: 33%; } 
#information .inforLeft .rev {width: 98%;margin: 0 1% 3% 1%; } 
#information .inforLeft .rev p {margin: 0; } 
.noticeArea.type > ul > li {margin: 1.8% 0; } 
.visualCtrl {top: 210px; } 
#mVisual .visualArea > div > .visualCon img {width: 300px;margin: 0 0 0 30px; } 
#mVisual .visualArea {margin-top: 100px; } 
}
@media (max-width:654px) {.dentalGuide > div > ul > {margin-left: 0; } 
 }
@media (max-width:640px) {#information .inforLeft {width: 100%; } 
#information .inforRight {width: 100%; } 
.noticeArea.type > ul > li {margin: 2.5% 0; } 
 }

@media (max-width:480px) {#community .con1 {width: 98%;margin: 0 2%; } 
#community .con2 {width: 100%;height: auto;min-height: 100%; } 
#community .con2 .txt {min-height: auto; } 
#community .con2 .etc {margin: 5% 0;padding-top: 5%; } 
#community .con3 {width: 100%;float: none; } 
#community .con4 {width: 100%;height: auto;min-height: 100%; } 
/*#mVisual .visualArea > div > .visualCon > div { padding-top:40%; } */
#mVisual .visualArea > div > .visualCon img {width: 250px; } 
.newsSet .newsList ul li .set {height: 260px}
/*#mVisual .visualArea > div > .visualCon img { width:35%; } */}

.mainpopup > div {position: absolute;display: block;width: 90%;max-width: 500px;top: 10%;left: 50%;transform: translateX(-50%);z-index: 9999; } 
.mainpopup > div img {width: 100%; } 

/* 20250715 KJH 커뮤니티 수정 -> 20250725 추가수정 -> 250904 추가수정 */
#community .container {display: flex;flex-wrap: wrap;gap: 0 35px; } 
#community .container > h2 {width: 100%; } 
#community .main_notice_box {width: 50%; } 

.noticeArea {overflow: hidden;top: 40px; } 
.noticeArea > ul > li {display: flex;align-items: center; } 
.main_notice_box > ul > li > a {font-size: 20px;font-weight: 600;color: #999; } 
.news_swiper {display: flex;width: 100%;position: relative; } 
.noticeArea > .news_swiper > li {width: 100%;overflow: unset;min-width: 100%;margin: 0 0;padding: 17px 30px 20px;box-sizing: border-box; } 
.news_swiper > li.ing > a {padding: 0;display: flex;gap: 20px; width: 100%;} 
.news_swiper > li.ing > a > img {width: 335px;height: 245px; min-width: 335px; } 
.news_swiper_txtbox {display: flex;flex-direction: column;gap: 10px; overflow: hidden; } 
.news_swiper_tit {font-size: 22px;color: #333;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; } 
.news_swiper_txt {font-size: 15px;color: #999;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; } 
.noticeArea > .news_swiper > li .date {float: none;width: 100%;display: flex; } 
.noticeArea > .news_swiper > li .date > span {color: #1598dc;font-size: 14px;line-height: 1;font-weight: 600; } 

.notice_swiper .ctrl button {width: 20px;height: 28px; } 
.notice_swiper .ctrl button span {position: absolute;z-index: -1;text-indent: -999em; } 
.notice_swiper .ctrl button.newsleft {background: url(/static/img/gw/main/DEleft.png) no-repeat left top;position: absolute;top: 45%;left: 0;margin-left: 0;padding-left: 10px;transform: translateY(-50%); } 
.notice_swiper .ctrl button.newsright {background: url(/static/img/gw/main/DEright.png) no-repeat right top;position: absolute;top: 45%;right: 0%;margin-right: 0;padding-right: 10px;transform: translateY(-50%); } 

.notice_swiper .notice_swiper_play {background: url(/static/img/gw/main/pop_playBtn.png) no-repeat center center;width: 20px;height: 13px; } 
.notice_swiper .notice_swiper_stop {background: url(/static/img/gw/main/pop_stopBtn.png) no-repeat center center;width: 20px;height: 13px; } 

.newspagination_box {display: flex;align-items: center;justify-content: center;gap: 10px; } 
.newspagination {position: relative;display: inline-block;display: flex;gap: 10px; } 
.newspagination .swiper-pagination-bullet {width: 15px;height: 15px;margin-left: 5px;border-radius: 100%;box-sizing: border-box;background: #fff;border: 3px solid #b4b4b4;opacity: 1; } 
.newspagination .swiper-pagination-bullet:first-of-type {margin-left: 10px; } 
.newspagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #1598dc;border-color: #1598dc;opacity: 1; } 

.main_notice_box .more {position: absolute;right: 10px;top: 6px;display: none; } 
.notice ul > li:has(a.on) .more {display: block; } 

/* 지난강좌 */
.prev_edu_list {display: flex;flex-wrap: wrap;justify-content: space-between;width: 27%;height: 100%; } 
.prev_edu_tit {width: 100%;display: flex;justify-content: space-between;align-items: start;padding: 6px 10px 13px;border-bottom: 1px solid #e9e9e9;box-sizing: border-box; } 
.prev_edu_tit > h3 {margin: 0;line-height: 1;font-size: 20px;font-weight: 600; } 
.prev_edu_tit > .more {display: flex;align-items: center;justify-content: center; } 
.prev_edu_list > ul {display: flex;width: 100%;padding-top: 20px; } 
.prev_edu_list > ul > li {width: 100%; } 
.prev_edu_list > ul > li > a {padding: 20px 20px;box-sizing: border-box;display: flex;flex-direction: column;gap: 10px;border-bottom: 1px solid #e9e9e9; } 
.prev_edu_list > ul > li > a .txt {line-height: 1;font-size: 18px;color: #333;font-weight: 600;position: relative;letter-spacing: -0.75px; } 
.prev_edu_list > ul > li > a .txt::before {position: absolute;content: '';display: block;background-color: #000;width: 7px;height: 2px;left: -10px;top: 50%; } 
.prev_edu_list > ul > li > a .date {line-height: 1;font-size: 15px;color: #999;font-weight: 600; } 

/* 병원보 */
.notice_story_box {display: flex;align-items: end;height: 312px; } 
.notice_story_box img {box-shadow: 13px 15px 20px 0px rgba(0, 0, 0, 0.2); } 

@media(max-width: 1300px) {
#community .container {padding: 0 10px; } 
.noticeArea > ul > li.ing > a > img {width: 60%; } 
.news_swiper_txtbox {gap: 15px; } 
}

@media(max-width:1130px) {
#community {height: auto; } 
#community .container {padding: 0 10px 30px;justify-content: space-between; } 
#community .container::after {display: none; } 
#community .main_notice_box {width: 100%; } 
.noticeArea > .news_swiper > li {padding: 17px 30px 30px; } 
.noticeArea > ul > li.ing > a > img {width: auto; } 
.newspagination_box {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%); } 
.prev_edu_list {width: 75%;margin-top: 30px; } 
.prev_edu_list > ul {padding-top: 0; } 
.notice_story_box {height: auto; } 
}

@media(max-width:1000px) {
.prev_edu_list {width: 65%; } 
}

@media(max-width:768px) {
.news_swiper > li.ing > a {gap: 15px; } 
.news_swiper_txtbox {gap: 10px; } 
.news_swiper_tit {font-size: 18px; } 
.news_swiper_txt {font-size: 14px; } 
}

@media(max-width:650px) {
#community .main_notice_box:has(ul>li:first-of-type>a.on) {height: 600px; } 
#community .main_notice_box:has(ul>li:nth-of-type(2)>a.on) {height: 550px; } 
.newspagination_box { bottom: 0; }
.noticeArea > ul > li.ing > a {flex-wrap: wrap; align-items: center; height: 100%; } 
.noticeArea > ul > li.ing > a > img {width: 100%;min-height: 300px; min-width: auto; } 
.prev_edu_list {width: 100%;margin-top: 0; } 
.prev_edu_tit {padding: 0 10px 15px; } 
.prev_edu_list > ul > li > a {padding: 15px 10px;gap: 0; } 
.prev_edu_list > ul > li > a .txt {font-size: 16px;line-height: normal; } 
.prev_edu_list > ul > li > a .date {font-size: 14px; } 
.notice_story_box {width: 100%;display: flex;justify-content: center;margin-top: 20px; } 
 }