@charset "utf-8";

/*비쥬얼*/
.visual {width:100%}
.visual:after {content:''; clear:both; display:block}
.visual > div {position:relative; height:595px; float:left; width:50%; overflow:hidden}
.visual > div .txt {color:#fff; width:55%; min-height:250px; position:absolute; padding:7%; transition:all .3s; z-index:1}
.visual > div .txt strong {display:block; font-size:2.2rem; font-weight:500; margin-bottom:25px}
.visual > div .txt > span {display:block}
.visual > div .img {position:absolute; left:0; top:0; transition:all .8s}
.visual > div .img img {height:600px}
.visual .article-left .txt {background-color:rgba(219,122,27,0.8); right:0; top:150px; text-align:right}
.visual .article-left:hover  .txt{background-color:rgba(219,122,27,1)}
.visual .article-right .txt {background-color:rgba(92,165,44,0.8); left:0; top:85px; transition:all .3s}
.visual .article-right:hover .txt {background-color:rgba(92,165,44,1)}
.visual .article-left:hover .img, .visual .article-right:hover .img {transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); o-transform: scale(1.1, 1.1)}

/*메인 콘텐츠*/
#contents-area01, #contents-area02 {width:100%; position:relative}
#contents-area01 {background-color:#f3ede4}
#contents-area02 {padding:40px 0 0}
.con-section {max-width:1080px; margin:0 auto; position:relative}
.con-section:after {content:''; clear:both; display:block}

/*공지사항*/
.Board-article {background-color:rgba(255,255,255,0.9); width:100%; height:75px; position:absolute; top:-75px; z-index:1; overflow:hidden}
.Board-article:after {content:''; width:25px; height:25px; background-image:url('/shihwa/img/common/icon-all.png'); background-repeat:no-repeat; background-position:-8px -8px; position:absolute; left:20px; top:25px}
.Board-article #list {padding:0 180px 0 60px}
.Board-article .article li {display:table; width:100% !important; padding:25px 0 20px; height:75px; overflow:hidden; table-layout:fixed}
.Board-article .article li a {display:table-cell; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:80%}
.Board-article .article li .icon-new {background-color:rgba(219,122,27,1); border-radius:50px; display:inline-block; width:15px; height:15px; position:relative; vertical-align:-2px}
.Board-article .article li .icon-new:before {content:'N'; font-family:Dotum; font-size:7px; color:#fff; position:absolute; left:4px; top:0; line-height:15px}
.Board-article .article li .icon-new img {left:-9999px !important; position: absolute !important; top: -9999px !important; visibility:hidden}
.Board-article .article li span.date {color:#666; display:table-cell; font-size:0.9em; text-align:right; width:20%}
/*좌우 페이지 버튼*/
.Board-article .bx-controls-direction {position:absolute; left:42.3%; bottom:35px; width:80px}
.Board-article .bx-controls-direction li {display:inline-block; vertical-align:middle; position:absolute; top:0}
.Board-article .bx-controls-direction li:nth-child(2) {right:0}
.Board-article .bx-controls-direction a{background-image:url('/shihwa/img/common/icon-all.png'); background-repeat:no-repeat; border:1px solid #b6b6b7; display:block; font:0px/0 Arial; text-indent:-10000px; position:relative; width:40px; height:40px}
.Board-article .bx-controls-direction a.bx-prev {background-position:-43px -1px; left:-39px; top:0; transform: rotate(-90deg)}
.Board-article .bx-controls-direction a.bx-next {background-position:-81px -1px; right:40px; top:0; transform: rotate(270deg)}
.Board-article .bx-controls {position:absolute; right:100px; bottom:22px}
/*더보기*/
.Board-article .more {position:absolute; right:21px; top:18px}
.Board-article .more a {background-image:url('/shihwa/img/common/icon-all.png'); background-repeat:no-repeat; background-position:-122px -1px; border:1px solid #b6b6b7; display:block; width:40px; height:40px; position:relative}
/*버튼 효과*/
.Board-article a:hover:after {content:''; border:1px solid #000; width:100%; height:100%; position:absolute; left:-1px; top:-1px; z-index:1}

/*퀵*/
.quick-article {background:#2c394c url('/shihwa/img/main/pattern-bg.png') no-repeat center; padding:30px 0; text-align:center}
.quick-article strong {color:#fff; font-size:24px; display:block; font-weight:normal; margin:0 0 15px 0; word-break:keep-all}
.quick-article a {border:1px solid rgba(255,255,255,1); border-radius:100px; color:#fff; font-size:14px; display:inline-block; padding:10px 20px; margin:5px 5px; transition:all .3s}
.quick-article a:hover {background-color:rgba(255,255,255,1); color:#2c394c}

/*아이콘 링크*/
.link-article {padding:55px 0}
.link-article ul {display:table; width:100%; table-layout:fixed}
.link-article ul li {display:table-cell; text-align:center; vertical-align:middle}
.link-article ul li a {color:#2c394c; font-weight:500; display:block; transition:all .3s}
.link-article ul li a:hover {color:#ff661a}
.link-article ul li i {background:url('/shihwa/img/common/icon-all.png'); background-repeat:no-repeat; width:70px; height:65px; display:block; margin:0 auto 25px; transition:all .3s}
/*아이콘*/
.link-article ul li.mn01 i {background-position:5px -52px}
.link-article ul li.mn01:hover i {background-position:5px -136px}
.link-article ul li.mn02 i {background-position:-102px -55px}
.link-article ul li.mn02:hover i {background-position:-102px -139px}
.link-article ul li.mn03 i {background-position:-211px -50px}
.link-article ul li.mn03:hover i {background-position:-211px -134px}
.link-article ul li.mn04 i {background-position:-319px -55px}
.link-article ul li.mn04:hover i {background-position:-319px -139px}
.link-article ul li.mn05 i {background-position:-428px -55px}
.link-article ul li.mn05:hover i {background-position:-428px -139px}
.link-article ul li.mn06 i {background-position:-535px -55px}
.link-article ul li.mn06:hover i {background-position:-535px -139px}

/*팝업존 컨트롤*/
#popupzone {position:relative; float:left; width:48%; height:190px}
#popupzone img {height:100%}
#popupzone .page{color:#fff; font-size:0.95em; height:40px; width:60px; padding:10px; text-align:center; position:absolute; left:30px; bottom:1px}
#popupzone .page #popup-index {color:#ffc700}
/*좌우 페이지 버튼*/
#popupzone .controller {position:absolute; height:40px; left:85px; bottom:3px; width:80px}
#popupzone .controller li {display:inline-block; vertical-align:middle; position:absolute; top:0}
#popupzone .controller li:nth-child(2) {right:-1px}
#popupzone .controller a{display:block; font:0px/0 Arial; text-indent:-10000px; position:relative; width:40px; height:40px}
#popupzone .controller a:after {content:''; background-image:url('/health/img/common/icon-all.png'); background-repeat:no-repeat; display:block; width:100%; height:100%}
#popupzone .controller .popup-prev-button a:after{background-position:-10px -190px; left:0}
#popupzone .controller .popup-next-button a:after{background-position:-48px -190px; right:1px}
/*재생/정지 버튼*/
#popupzone .bx-controls {position:absolute; left:165px; bottom:3px}
div.bx-wrapper div.bx-controls-auto a{background-image:url('/health/img/common/icon-all.png'); background-repeat:no-repeat; display:inline-block; width:40px; height:40px}
div.bx-wrapper div.bx-controls-auto a.bx-start{background-position:-11px -254px}
div.bx-wrapper div.bx-controls-auto a.bx-start:hover, div.bx-wrapper div.bx-controls-auto a.bx-start.active{background-position:-11px -287px}
div.bx-wrapper div.bx-controls-auto a.bx-stop{background-repeat:no-repeat; background-position:-48px -254px; margin-left:1px}
div.bx-wrapper div.bx-controls-auto a.bx-stop:hover, div.bx-wrapper div.bx-controls-auto a.bx-stop.active{background-position:-48px -287px}

/*메인배너*/
.main-banner {background:url('/shihwa/img/main/main-banner.gif') no-repeat center; float:right; width:48%; height:190px; text-align:center}
.main-banner .txt {display:inline-block; margin:8% 0}
.main-banner .txt strong {display:block; font-size:26px; font-weight:500; margin-bottom:10px}
.main-banner span.btn {font-size:14px; position:relative}
.main-banner span.btn:after {content:''; background:#666; width:0; height:1px; position:absolute; left:-4px; bottom:-4px; transition:all .3s}
.main-banner span.btn:hover a{color:#000}
.main-banner span.btn:hover:after {width:100%}

/*포토스케치*/
.photo-section {max-width:1080px; margin:40px auto; position:relative}
.photo-section h3 {font-size:24px; font-weight:300; margin-bottom:20px}
.photo-section ul.article {clear:both; overflow:hidden; width:100%}
.photo-section ul.article li {float:left; width:31.482%; margin:0 0 0 2.7%; overflow:hidden}
.photo-section ul.article li:first-child {margin-left:0}
.photo-section ul.article li a {display:block; width:100%; height:100%; position:relative}
.photo-section ul.article li a span.thumb {display:block; position:relative; width:100%; height:165px; overflow:hidden}
.photo-section ul.article li a span.thumb img {display:block; max-width:none; width:100%; min-height:165px; transition:all .3s}
.photo-section ul.article li a span.txt {display:block; width:100%; padding:25px 0; text-align:center}
.photo-section ul.article li a span.txt strong {color:#000; display:block; font-size:19px; font-weight:normal; margin-bottom:7px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.photo-section ul.article li a span.txt span {font-size:14px;font-weight:normal;width: 99.9%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block; padding:0 10px}
.photo-section ul.article li a span.more {border-top:1px solid #bfc3c9; border-bottom:1px solid #2c394c; color:#333; display:block; font-size:14px; padding:15px 0; text-align:center}
.photo-section ul.article li a span.more i{transition:all .3s}
.photo-section ul.article li a:hover span.more i{margin-left:20px}
.photo-section > span.more {font-size:14px; position:absolute; top:10px; right:0}
/*효과*/
.photo-section > span.more:after {content:''; background:#666; width:0; height:1px; position:absolute; left:-4px; bottom:-4px; transition:all .3s}
.photo-section > span.more:hover a{color:#000}
.photo-section > span.more:hover:after {width:100%}
.photo-section ul.article li a:hover span.thumb img {transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); o-transform: scale(1.1, 1.1)}