@charset "utf-8";

@import url('http://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

#wrap.main{}
.main #header .tsidemenu_wrap{width:960px}
.main #header .tsidemenu_wrap.no_popup{width:973px}
.main #header .btn_popupzone{display:block}
.main #header.fixed .btn_popupzone{display:none}
/*body*/

.main #body{margin-bottom:-40px}
/*footer*/
.main #footer .familySite_wrap:after{opacity:0.45;filter:alpha(opacity=45)}
.main #footer .familySite_wrap dl{border-color:#938e8e}
.main #footer .familySite_wrap dt{background:transparent}
.main #footer .familySite_wrap dt.fold{background:#303134}
.main #footer > .btn_top{position:absolute;bottom:0;opacity:1;filter:alpha(opacity=100)}


#visual {position:relative;height:80vh;overflow:hidden;background-color:#000000;} 
#visual::before {position:absolute;left:0;top:0;width:100%;height:100%;background:url('/wgst_renew/resources/images/wgst/main/visual-bg.png') repeat;content:'';z-index:1}
#visual video {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover; opacity: 0.6; filter: alpha(opacity=60);}
#visual .txt {position:absolute;left:50%;transform:translateX(-50%);bottom:8.5rem;color:#fff;z-index:1;width:1530px}
#visual .txt strong {font-family:'Montserrat',sans-serif;font-size:3.75rem;font-weight:700}
#visual .txt p {font-size:1.35rem;font-weight:500}

/*알립니다*/
#visual .notifyWrap{position:absolute;bottom:15px;left:50%;width:1360px;height:80px;padding-right:295px;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:1}
#visual .notifyWrap h3{padding:0;margin:0}
#visual .notifyWrap h3:after{display:none}
#visual .notifyWrap .notice_wrap{position:relative;height:100%;padding:0 80px 0 220px;background:rgba(8,10,16,0.55)}
#visual .notifyWrap .notice_wrap > h3{position:absolute;top:0;left:0;width:145px;height:100%;padding:10px 0;background:#b93e18;font-size:1.250em;line-height:1.5em;color:#fff;letter-spacing:-0.05em;text-align:center}
#visual .notifyWrap .notice_wrap > h3:before{position:absolute;top:50%;right:-10px;width:20px;height:20px;background:#b93e18;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);content:""}
#visual .notifyWrap .notice_slidelst{}
#visual .notifyWrap .notice_slidelst > li{}
#visual .notifyWrap .notice_slidelst a{display:block;width:100%;padding:30px 0;margin:0 auto}
#visual .notifyWrap .notice_slidelst a:after{clear:both;display:block;content:""}
#visual .notifyWrap .notice_slidelst .date{float:left;width:175px;padding-right:20px;font-weight:600;font-size:0.875em;line-height:1.4285em;font-family:"Open Sans";color:#fff;letter-spacing:-0.03571em;vertical-align:top}
#visual .notifyWrap .notice_slidelst strong{float:left;width:calc(100% - 225px);width:-webkit-calc(100% - 225px);font-weight:500;font-size:1.125em;line-height:1.1111em;color:#fff;letter-spacing:-0.04167em;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#visual .notifyWrap .bx-controls-direction > a,.notifyWrap .bx-controls-auto-item > a{position:absolute;right:20px;overflow:hidden;width:20px;height:20px}
#visual .notifyWrap .bx-controls-direction > a.bx-prev{top:7px}
#visual .notifyWrap .bx-controls-direction > a.bx-next{bottom:7px}
#visual .notifyWrap .bx-controls-direction i[class*="xi-"],.notifyWrap .bx-controls-auto-item strong{display:block;position:relative;font-size:1.250em;line-height:1em;color:#fff}
#visual .notifyWrap .bx-controls-auto-item > a{display:block;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
#visual .notifyWrap .bx-controls-auto-item > a.bx-start{right:30px}
#visual .notifyWrap .bx-controls-auto-item > a.bx-stop{right:10px}
#visual .notifyWrap .bx-controls-auto-item > a.active{opacity:0.5;filter:alpha(opacity=0.5)}
#visual .notifyWrap .bx-controls-auto-item strong{width:100%;height:100%;font-weight:400}
#visual .notifyWrap .bx-controls-auto-item strong:after{position:absolute;top:0;left:0;font-family:"xeicon"}
#visual .notifyWrap .bx-controls-auto-item strong.play:after{content:"\ea3e"}
#visual .notifyWrap .bx-controls-auto-item strong.pause:after{content:"\ea3b"}
#visual .notifyWrap .radiation_rate{display:table;position:absolute;top:0;right:0;width:295px;height:100%;padding:12px 13px;background:#103a87}
#visual .notifyWrap .radiation_rate > h3{display:table-cell;width:80px;font-weight:300;font-size:0.875em;line-height:1.4285em;color:rgba(249,249,249,0.78);letter-spacing:-0.03571em;vertical-align:middle}
#visual .notifyWrap .radiation_rate > h3 > em{display:block;line-height:1.4285em;color:#f9f9f9}
#visual .notifyWrap .radiation_rate > .rate{display:table-cell;width:124px;text-align:center}
#visual .notifyWrap .radiation_rate > .rate > a{display:block}
#visual .notifyWrap .radiation_rate > .rate strong{display:block;font-weight:600;line-height:1.25em;font-family:"Open Sans";color:#fff;letter-spacing:0}
#visual .notifyWrap .radiation_rate > .rate strong > em{font-size:2.250em;line-height:1em}
#visual .notifyWrap .radiation_rate > .rate span{display:block;font-weight:300;font-size:0.750em;line-height:1.6667em;color:rgba(203,203,203,0.85);letter-spacing:-0.04167em}



#visual .notice-wrap {position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);width:1530px;padding:0 45px 0 145px;height:60px;z-index:1}
#visual .notice-wrap::before {position:absolute;left:0;top:0;width:100%;height:850px;background:#000;opacity:.3;content:''}
#visual .notice-wrap h3 {position:absolute;left:0;top:0;display:inline-block;float:left;background:#e07229;color:#fff;font-size:1rem;padding:0 23px 0 30px;margin-right:18px;height:850px;line-height:60px}
#visual .notice-wrap h3:after {position:absolute;top:0;right:-48px;width:0;height:0;border:30px solid transparent;border-left:18px solid #e07229;content:''}
#visual .notice-wrap a {color:#fff;display:block}
#visual .notice-wrap a::after {display:block;clear:both;content:''}
#visual .notice-wrap a > * {float:left}
#visual .notice-wrap .category {min-width:100px;color:#e5ae39;font-family:'Montserrat', sans-serif;font-weight:600}
#visual .notice-wrap p {font-size:.9rem}
#visual .notice-wrap a:hover p {text-decoration:underline}
#visual .notice-wrap .date {margin-left:1rem;font-weight:200;opacity:.3}
#visual .notice-wrap .bx-wrapper {margin:0 0 0 30px !important;}
#visual .notice-wrap .bx-viewport {height:60px !important;}
#visual .notice-wrap li a{padding:19px 0}
#visual .notice-wrap p {display:inline-block;width:calc(100% - 300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#visual .bx-controls{position:absolute;right:30px;top:-3px;z-index:2;width:15px;height:60px}
#visual .bx-controls a{position:absolute;left:50%;transform:translateX(-50%);display:inline-block;width:1rem;height:1rem;font-size:0;text-align:center;}
#visual .bx-controls a::before{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;font-size:.8rem;font-family:'xeicon';}
#visual .bx-controls a.bx-prev {top:5px}
#visual .bx-controls a.bx-next {bottom:0}
#visual .bx-controls a.bx-prev::before{content:'\e945';}
#visual .bx-controls a.bx-next::before{content:'\e942';}
#visual .bx-controls-auto a.bx-start::before{content:'\ea3e';}
#visual .bx-controls-auto a.bx-stop::before{content:'\ea3b';}
#visual .bx-controls-direction{display:inline-block;}
#visual .bx-controls-auto{position:absolute;top:23px;left:50%;transform:translateX(-50%)}

/*메인컨텐츠*/
.mainCnts{position:relative;padding:70px 0 60px;background:no-repeat 50% 0;background-size:cover;-webkit-background-size:cover}
.mainCnts:before{position:absolute;top:0;right:30px;width:0px;height:100%;background:#e6ebed;content:""}
.mainCnts h3{padding:20px 0 0;margin:0;font-weight:500;font-size:2.250em;line-height:1.1111em;color:#010101;letter-spacing:-0.04167em;text-align:center}
.mainCnts h3:after{top:0;left:50%;width:35px;height:1px;background:#010101;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.mainCnts .h3_desc{position:relative;margin:15px 0 45px;font-weight:300;font-size:1.125em;line-height:1.1111em;color:#4b586c;letter-spacing:-0.04167em;text-align:center}

/*비쥬얼*/
#mainCnts00{padding:0 0 30px;background:#f4f6fa}
#mainCnts00 .innerWrap{max-width:1680px}
#mainCnts00 .innerWrap:after{clear:both;display:block;content:""}
#mainCnts00 h4{position:relative;padding:0 0 20px;margin:0;font-weight:500;font-size:1.250em;line-height:1.5em;color:#3c3c3c;letter-spacing:-0.05em;z-index:1}
#mainCnts00 h4 > a{display:block;line-height:1.5em;color:#3c3c3c}
#mainCnts00 .more{position:absolute;top:25px;right:25px;width:30px;height:30px;z-index:1}
#mainCnts00 .more > a{display:block;width:100%;height:100%;font-size:1.875em;line-height:1em;color:#3c3c3c}
#mainCnts00 .more i[class*="xi-"]{display:block;line-height:1em;opacity:0.55;filter:alpha(opacity=55)}
#mainCnts00 .more > a:hover i[class*="xi-"],#mainCnts00 .more > a:focus i[class*="xi-"]{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
#mainCnts00 .mVisual_wrap h4{display:none}
.mVisual_wrap{position:relative;margin:0 0 30px}
.mVisual_wrap:before{position:absolute;top:0;right:30px;width:1px;height:100%;background:#fff;opacity:0.16;filter:alpha(opacity=16);content:"";z-index:1}

.mVisual{position:relative}
.mVisual_slidelst{position:relative}
.mVisual_slidelst:after{clear:both;display:block;content:""}
.mVisual_slidelst > li{float:left;position:relative}
.mVisual_slidelst .img{display:block;position:relative;overflow:hidden;height:750px}
.mVisual_slidelst .img > img{width:100%;max-width:none;vertical-align:bottom}
.mVisual_slidelst .img:after{position:absolute;top:0;left:0;width:100%;height:100%;background:#3a3b3e;opacity:0.75;filter:alpha(opacity=75);content:""}
.mVisual_slidelst .active .img:after{opacity:0;filter:alpha(opacity=0)}
.mVisual_slidelst .caption{position:absolute;bottom:240px;left:50%;width:680px;transform:translateX(-100%);-webkit-transform:translateX(-100%)}
.mVisual_slidelst strong{display:block;position:relative;padding:40px 0 0}
.mVisual_slidelst strong:after{position:absolute;top:0;left:0;width:30px;height:1px;background:#fcfcfc;content:""}
.mVisual_slidelst strong > span{display:block;font-weight:300;font-size:3.125em;line-height:1.2em;font-family:"Nanum Square";color:#fff;letter-spacing:-0.05em;text-shadow:0 1px 2px rgba(0,0,0,0.68)}
.mVisual_slidelst strong > span > em{font-weight:700;font-size:1.100em;line-height:1.09091em}
.mVisual_slidelst strong > span[lang="en"]{font-weight:300;font-size:1.875em;line-height:1.3333em;font-family:"Open Sans";letter-spacing:-0.03333em}
.mVisual_slidelst strong > em{display:block;margin-top:10px;font-weight:700;font-size:3.125em;line-height:1.2em;font-family:"Nanum Square";color:#fff;letter-spacing:-0.05em;text-shadow:0 1px 2px rgba(0,0,0,0.68)}
/*.mVisual .bx-wrapper{overflow:hidden}
.mVisual .bx-viewport{width:1920px !important;margin:0 auto;overflow:hidden !important}*/

.mVisual .control > span{position:absolute;top:50%;overflow:hidden;width:74px;height:74px;margin:-24px 0 0;border-radius:50%}
.mVisual .control > span.mvctrl_prev{left:100px}
.mVisual .control > span.mvctrl_next{right:100px}
.mVisual .control > span > a{display:block;position:relative;width:100%;height:100%;padding:7px;background:rgba(255,255,255,0.1)}
.mVisual .control > span > a:hover{background:rgba(255,255,255,0.35)}
.mVisual .control > span i[class*="xi-"]{position:absolute;top:17px;left:7px;font-size:3.750em;line-height:0.8em;font-family:"xeicon";color:#b8b8b8}
.mVisual .bx-controls{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.mVisual .bx-pager,.mVisual .bx-controls-auto{float:left}
.mVisual .bx-pager-item{float:left}
.mVisual .bx-pager-link{display:block;position:relative;width:30px;height:30px;padding:10px;font-size:0;line-height:0}
.mVisual .bx-pager-link:after{position:absolute;top:10px;left:10px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;background:transparent;content:""}
.mVisual .bx-pager-link.active{width:80px}
.mVisual .bx-pager-link.active:after{width:60px;background:#fff}
.mVisual .bx-controls-auto-item{float:left}
.mVisual .bx-controls-auto-item > a{display:block;width:30px;height:30px;padding:10px 5px 6px}
.mVisual .bx-controls-auto-item > a.active{opacity:0.5;filter:alpha(opacity=0.5)}
.mVisual .bx-controls-auto-item i[class*="xi-"]{display:block;font-size:1.250em;line-height:0.7em;color:#fff}
.mVisual_wrap .scroll_down{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.mVisual_wrap .scroll_down > a{display:block}
.mVisual_wrap .scroll_down span{display:block;position:relative;width:40px;height:40px;margin:0 auto;border:2px solid #fff;border-radius:50%}
.mVisual_wrap .scroll_down span > i[class*="xi-"]{position:absolute;top:10px;left:50%;font-size:1.875em;line-height:1em;color:#fff;opacity:0;filter:alpha(opacity=0);transform:translateX(-50%);-webkit-transform:translateX(-50%);animation:arrow-movement 2s ease-in-out infinite;-webkit-animation:arrow-movement 2s ease-in-out infinite}
.mVisual_wrap .scroll_down span > i[class*="xi-"] + i[class*="xi-"]{animation:arrow-movement 2s 1s ease-in-out infinite;-webkit-animation:arrow-movement 2s 1s ease-in-out infinite}
@-webkit-keyframes arrow-movement{
	  0%{top:-5px;opacity:0;filter:alpha(opacity=0)}
	 70%{opacity:1;filter:alpha(opacity=100)}
	100%{opacity:0;filter:alpha(opacity=0)}
}
@keyframes arrow-movement{
	  0%{top:-5px;opacity:0;filter:alpha(opacity=0)}
	 70%{opacity:1;filter:alpha(opacity=100)}
	100%{opacity:0;filter:alpha(opacity=0)}
}
/*알립니다*/
.notifyWrap{position:absolute;bottom:15px;left:50%;width:1360px;height:80px;padding-right:295px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.notifyWrap h3{padding:0;margin:0}
.notifyWrap h3:after{display:none}
.notifyWrap .notice_wrap{position:relative;height:100%;padding:0 80px 0 220px;background:rgba(8,10,16,0.55)}
.notifyWrap .notice_wrap > h3{position:absolute;top:0;left:0;width:145px;height:100%;padding:10px 0;background:#b93e18;font-size:1.250em;line-height:1.5em;color:#fff;letter-spacing:-0.05em;text-align:center}
.notifyWrap .notice_wrap > h3:before{position:absolute;top:50%;right:-10px;width:20px;height:20px;background:#b93e18;transform:translateY(-50%) rotate(45deg);-webkit-transform:translateY(-50%) rotate(45deg);content:""}
.notifyWrap .notice_slidelst{}
.notifyWrap .notice_slidelst > li{}
.notifyWrap .notice_slidelst a{display:block;width:100%;padding:30px 0;margin:0 auto}
.notifyWrap .notice_slidelst a:after{clear:both;display:block;content:""}
.notifyWrap .notice_slidelst .date{float:left;width:175px;padding-right:20px;font-weight:600;font-size:0.875em;line-height:1.4285em;font-family:"Open Sans";color:#fff;letter-spacing:-0.03571em;vertical-align:top}

.notifyWrap .notice_slidelst strong{float:left;width:calc(100% - 225px);width:-webkit-calc(100% - 225px);font-weight:500;font-size:1.125em;line-height:1.1111em;color:#fff;letter-spacing:-0.04167em;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.notifyWrap .bx-controls-direction > a,.notifyWrap .bx-controls-auto-item > a{position:absolute;right:20px;overflow:hidden;width:20px;height:20px}
.notifyWrap .bx-controls-direction > a.bx-prev{top:7px}
.notifyWrap .bx-controls-direction > a.bx-next{bottom:7px}
.notifyWrap .bx-controls-direction i[class*="xi-"],.notifyWrap .bx-controls-auto-item strong{display:block;position:relative;font-size:1.250em;line-height:1em;color:#fff}
.notifyWrap .bx-controls-auto-item > a{display:block;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.notifyWrap .bx-controls-auto-item > a.bx-start{right:30px}
.notifyWrap .bx-controls-auto-item > a.bx-stop{right:10px}
.notifyWrap .bx-controls-auto-item > a.active{opacity:0.5;filter:alpha(opacity=0.5)}
.notifyWrap .bx-controls-auto-item strong{width:100%;height:100%;font-weight:400}
.notifyWrap .bx-controls-auto-item strong:after{position:absolute;top:0;left:0;font-family:"xeicon"}
.notifyWrap .bx-controls-auto-item strong.play:after{content:"\ea3e"}
.notifyWrap .bx-controls-auto-item strong.pause:after{content:"\ea3b"}
.notifyWrap .radiation_rate{display:table;position:absolute;top:0;right:0;width:295px;height:100%;padding:12px 13px;background:#103a87}
.notifyWrap .radiation_rate > h3{display:table-cell;width:80px;font-weight:300;font-size:0.875em;line-height:1.4285em;color:rgba(249,249,249,0.78);letter-spacing:-0.03571em;vertical-align:middle}
.notifyWrap .radiation_rate > h3 > em{display:block;line-height:1.4285em;color:#f9f9f9}
.notifyWrap .radiation_rate > .rate{display:table-cell;width:124px;text-align:center}
.notifyWrap .radiation_rate > .rate > a{display:block}
.notifyWrap .radiation_rate > .rate strong{display:block;font-weight:600;line-height:1.25em;font-family:"Open Sans";color:#fff;letter-spacing:0}
.notifyWrap .radiation_rate > .rate strong > em{font-size:2.250em;line-height:1em}
.notifyWrap .radiation_rate > .rate span{display:block;font-weight:300;font-size:0.750em;line-height:1.6667em;color:rgba(203,203,203,0.85);letter-spacing:-0.04167em}

/*소통마당*/
.quickMenu_wrap,.pressRelease_wrap,.localCooper_wrap,.ysbslocalCooper_wrap,.announceletter_wrap,.announceletter_wrap1,.announceletter_wrap2,.announceletter_wrap3,.wgstSNS_wrap{float:left;height:250px}
.quickMenu_wrap{display:none;width:100%;height:auto}
.quickMenu_lst{max-width:341px;margin:15px auto 20px}
.quickMenu_lst:after{clear:both;display:block;content:""}
.quickMenu_lst > li{float:left;padding-left:15px}
.quickMenu_lst > li:first-child{padding-left:0}
.quickMenu_lst a{display:block;width:74px;height:74px;padding:18px 14px;border-radius:50%;background:#798391;font-size:1.063em;line-height:1.1176em;color:#f9f9f9;letter-spacing:-0.04411em;text-align:center}
.quickMenu_lst a:hover,.quickMenu_lst a.active,.quickMenu_lst > li:first-child a{background:#2B72C4}

/*보도자료*/
.pressRelease_wrap{position:relative;width:45%;padding:32px 27px;border:3px solid rgba(158,222,206,0.28)}
.pressRelease_wrap .more > a{color:#323232 !important}
.pressRelease_issue{min-height:247px}
.pressRelease_issue > a{display:block;position:relative;height:247px;padding-left:54%}
.pressRelease_issue h4{padding:0 0 15px !important;margin:0 0 10px !important;color:#098462 !important}
.pressRelease_issue h4:after{position:absolute;bottom:0;left:0;width:30px;height:1px;background:#06241c;content:""}
.pressRelease_issue .img{position:absolute;top:0;left:0;overflow:hidden;width:51%;height:100%}
.pressRelease_issue .img > img{position:absolute;top:50%;left:50%;width:100%;max-width:auto;border:1px solid #ebebeb;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.pressRelease_issue .caption{}
.pressRelease_issue .caption > strong{display:block;font-weight:500;font-size:1.250em;line-height:1.2em;color:#081e18;letter-spacing:-0.05em;word-break:keep-all}
.pressRelease_issue .caption > .desc{display:block;overflow:hidden;height:78px;margin-top:20px;font-weight:300;line-height:1.625em;color:#626a73;letter-spacing:-0.053125em;word-break:keep-all}
.pressRelease_issue .caption > .date{display:block;margin-top:20px;font-weight:600;font-size:0.875em;line-height:1.7142em;font-family:"Open Sans";color:#149c77;letter-spacing:-0.03571em}
.pressRelease_issue .caption > .date i[class*="xi-"]{font-size:1.071em;line-height:1.6em;vertical-align:middle}
.pressRelease_wrap > .li_th3{overflow:hidden;height:107px;padding:25px 0 0;margin:30px 0 0;border-top:1px solid #9edece}
.pressRelease_wrap > .li_th3 li + li{margin-top:5px}
.pressRelease_wrap > .li_th3 a{display:block;position:relative;padding-right:115px;line-height:1.5em;color:#333;letter-spacing:-0.03125em}
.pressRelease_wrap > .li_th3 strong{display:block;font-weight:400;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pressRelease_wrap > .li_th3 .date{position:absolute;top:0;right:0;width:95px;font-weight:600;font-size:0.875em;line-height:1.7142em;font-family:"Open Sans";color:#767676;letter-spacing:-0.03571em}
.pressRelease_wrap > .li_th3 .date i[class*="xi-"]{font-size:1.071em;line-height:1.6em;color:#a9a9a9;vertical-align:middle}



/*공지사항,뉴스레터*/

.announceletter_wrap{width:22%;padding:0 5px; margin:10px 0;}
.announceletter_wrap1{width:23%;padding:0 5px; margin:10px 0;}
.announceletter_wrap2{width:30%;padding:0 5px; margin:10px 0;}
.announceletter_wrap3{width:25%;padding:0 5px; margin:10px 0;}

.announce_wrap,.newsletter_wrap,.amp_wrap{position:relative;height:280px;padding:30px;margin-top:35px}
.announce_wrap{margin-top:0;background:linear-gradient(to right,#5986cc,#5b85ca)}
.announce_wrap:hover{background:linear-gradient(to right,#4c7ccb,#4274c7)}
.announce_wrap .li_th1{}
.announce_wrap .li_th1 > li + li{margin-top:5px}
.announce_wrap .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#f9f9f9;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.announce_wrap .li_th1 > li:after{top:11px;width:5px;height:5px;background:#fff}

.ysbsnotice_wrap,.ysbsnotice_wrap1,.ysbshouse_wrap,.ysbscale_wrap{
position:relative;height:280px;padding:30px;margin-top:35px
}
.ysbsnotice_wrap{margin-top:0;border:1px #CCC solid;background:linear-gradient(to right,#fff,#f7f7f7)}
.ysbsnotice_wrap:hover{background:linear-gradient(to right,#f8fbff,#e0ecff)}
.ysbsnotice_wrap .li_th1{}
.ysbsnotice_wrap .li_th1 > li + li{margin-top:5px}
.ysbsnotice_wrap .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#000;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ysbsnotice_wrap .li_th1 > li:after{top:11px;width:5px;height:5px;background:#000}
.ysbsnotice_wrap h4{left:-10px;}
.ysbsnotice_wrap .titlebg{background-image:url("../../image/main/noticebg/titlebg_100x30.png");width:100px;text-align:center;}


.ysbsnotice_wrap1{margin-top:0;border:1px #CCC solid;background:linear-gradient(to right,#fff,#f7f7f7)}
.ysbsnotice_wrap1:hover{background:linear-gradient(to right,#f8fff8,#e0ffe1)}
.ysbsnotice_wrap1 .li_th1{}
.ysbsnotice_wrap1 .li_th1 > li + li{margin-top:5px}
.ysbsnotice_wrap1 .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#000;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ysbsnotice_wrap1 .li_th1 > li:after{top:11px;width:5px;height:5px;background:#000}
.ysbsnotice_wrap1 h4{left:-10px;}
.ysbsnotice_wrap1 .titlebg{background-image:url("../../image/main/noticebg/titlebg_100x30.png");width:100px;text-align:center;}




.ysbshouse_wrap{margin-top:0;border:1px #CCC solid;background:linear-gradient(to right,#fff,#f7f7f7)}
.ysbshouse_wrap:hover{background:linear-gradient(to right,#fff8ff,#fef1fe)}
.ysbshouse_wrap img{
	display:inline;
	width:45%;
	margin:0 5px 8px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.ysbshouse_wrap h4{left:-10px;}
.ysbshouse_wrap .titlebg{background-image:url("../../image/main/noticebg/titlebg_200x30.png");width:130px;text-align:center;}



.ysbscale_wrap{margin-top:0;border:1px #CCC solid;background:linear-gradient(to right,#fff,#f7f7f7)}
.ysbscale_wrap:hover{background:linear-gradient(to right,#fffaf8,#fef5f1)}
.ysbscale_wrap .li_th1{}
.ysbscale_wrap .li_th1 > li + li{margin-top:5px}
.ysbscale_wrap .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#f9f9f9;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ysbscale_wrap .li_th1 > li:after{top:11px;width:5px;height:5px;background:#fff}
.ysbscale_wrap h4{left:-10px;}
.ysbscale_wrap .titlebg{background-image:url("../../image/main/noticebg/titlebg_200x30.png");width:200px;text-align:center;}


.amp_wrap{margin-top:0;background:linear-gradient(to right,#2ba8ad,#23a5aa)}
.amp_wrap:hover{background:linear-gradient(to right,#0ca4aa,#099b9d)}
.amp_wrap .li_th1{}
.amp_wrap .li_th1 > li + li{margin-top:5px}
.amp_wrap .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#f9f9f9;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amp_wrap .li_th1 > li:after{top:11px;width:5px;height:5px;background:#fff}



/*공지사항,뉴스레터*/
.ysbslocalCooper_wrap{width:17%;padding:0 0 0 5px;}



.notice_ToT_wrap{width:25%}

.newsletter_wrap{height:215px;background:linear-gradient(to right,#3fa574,#129773)}
.newsletter_wrap:hover{background:linear-gradient(to right,#64a56d,#1d8664)}
.newsletter_wrap > a{display:block;height:155px;background:url(../../images/wgst/main/newsletter_icon.png) no-repeat 100% 100%}
.newsletter_wrap .desc{display:block;font-weight:300;font-size:1.063em;line-height:1.7058em;color:#f9f9f9;letter-spacing:-0.04411em}
.recruit_wrap{position:relative;height:215px;padding:30px;margin-top:35px;background:linear-gradient(to right,#5a85ab,#5f83a1)}
.recruit_wrap:hover{background:linear-gradient(to right,#5f83a1,#4d7596)}
.recruit_wrap .li_th1{}
.recruit_wrap .li_th1 > li + li{margin-top:5px}
.recruit_wrap .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#f9f9f9;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit_wrap .li_th1 > li:after{top:11px;width:5px;height:5px;background:#fff}


.art_wrap{position:relative;height:215px;padding:30px;margin-top:35px;background:linear-gradient(to right,#52b987,#46b881)}
.art_wrap:hover{background:linear-gradient(to right,#3fa574,#129773)}
.art_wrap .li_th1{}
.art_wrap .li_th1 > li + li{margin-top:5px}
.art_wrap .li_th1 a{display:block;font-weight:300;font-size:1.063em;line-height:1.4117em;color:#f9f9f9;letter-spacing:-0.04411em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art_wrap .li_th1 > li:after{top:11px;width:5px;height:5px;background:#fff}


/*SNS*/
.wgstSNS_wrap{position:relative;width:100%;height:105px;padding-left:180px;margin-top:55px}
#mainCnts00 .wgstSNS_wrap > h4{position:absolute;top:50%;left:0;font-weight:600;font-size:1.375em;line-height:1.2727em;font-family:"Open Sans";color:#000;letter-spacing:-0.04545em;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.wgstSNS{}
.wgstSNS_lst:after{clear:both;display:block;content:""}
.wgstSNS_lst > li{float:left;width:33.3333%;padding-left:75px}
.wgstSNS_lst a{display:block;position:relative;padding-left:90px}
.wgstSNS_lst .img{position:absolute;top:0;left:0;overflow:hidden;width:80px;height:80px;border-radius:50%}
.wgstSNS_lst li:nth-child(1) .img{background:#1eb804}
.wgstSNS_lst li:nth-child(2) .img{background:#4867aa}
.wgstSNS_lst li:nth-child(3) .img{background:#0093d9}
.wgstSNS_lst .img:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#252525;opacity:0.45;filter:alpha(opacity=45);content:""}
.wgstSNS_lst .img.default:after{opacity:0;filter:alpha(opacity=0)}
.wgstSNS_lst .img > img{display:block;max-width:none;height:100%;margin:0 auto}
.wgstSNS_lst .img > i[class*="xi-"]{position:absolute;top:50%;left:50%;font-size:1.500em;line-height:1em;color:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:1}
.wgstSNS_lst .img > i.xi-blogger{font-weight:700;font-family:"Open Sans" !important}
.wgstSNS_lst .img > i.xi-blogger:before{content:"b"}
.wgstSNS_lst .caption{display:block;overflow:hidden;height:80px;padding:5px 0}
.wgstSNS_lst .caption > strong{display:block;display:-webkit-box;height:69px;font-weight:300;font-size:0.938em;line-height:1.5333em;color:#414141;letter-spacing:-0.03333em;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:keep-all}
@-moz-document url-prefix(){
	.wgstSNS_lst .caption > strong{position:relative;overflow:hidden}
	.wgstSNS_lst .caption > strong:before{position:absolute;bottom:0;right:0;float:right;width:32px;margin-left:-32px;background:#fff;content:'\2026'}
	.wgstSNS_lst .caption > strong:after{position:absolute;width:100%;height:39px;background:#fff;content:'';z-index:1}
}
.wgstSNS_lst .likeState{display:none}

/*연구개발 f4f6fa*/
#mainCnts01{background:#ccd8ed}
#mainCnts01:before{opacity:0.45;filter:alpha(opacity=45)}
#mainCnts01 .h3_desc{color:#757b84}
.researchDev_wrap{position:relative;padding-bottom:65px}
.researchDev_slidelst{margin:0 auto}
.researchDev_slidelst:after{clear:both;display:block;content:""}
.researchDev_slidelst > li{float:left;height:525px;padding:0 20px;overflow:hidden}
.researchDev_slidelst a{display:block;position:relative}
.researchDev_slidelst .figureWrap{padding-right:56px}
.researchDev_slidelst .figureWrap > .img{display:block;position:relative}
.researchDev_slidelst .figureWrap > .img:after{position:absolute;top:0;left:0;width:38%;height:100%;background:#3a3b3e;opacity:0.68;filter:alpha(opacity=68);content:""}

.researchDev_slidelst .figureWrap .caption{position:absolute;top:50%;width:46%;height:100%;padding:50px 40px;background:rgba(30,55,121,1);box-shadow:0 14px 25px rgba(0,0,0,0.4);opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:1}

.researchDev_slidelst .figureWrap .caption1{position:absolute;top:50%;width:45%;height:100%;padding:50px  40px;background:rgba(121,30,64,1);box-shadow:0 14px 25px rgba(0,0,0,0.4);opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:1}

.researchDev_slidelst .figureWrap .caption2{position:absolute;top:50%;width:45%;height:100%;padding:50px  40px;background:rgba(32,121,30,1);box-shadow:0 14px 25px rgba(0,0,0,0.4);opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:1}

.researchDev_slidelst .figureWrap strong{display:block;margin:0 0 15px;font-weight:700;font-size:1.625em;line-height:1.1538em;font-family:"Nanum Square";color:#fff;letter-spacing:-0.03846em}
.researchDev_slidelst .figureWrap .desc{display:block;min-height:78px;margin:0 0 23px;font-weight:300;font-size:1.125em;line-height:1.4444em;color:#d9e4fe;letter-spacing:-0.05556em;word-break:keep-all}
.researchDev_slidelst .figureWrap .more{display:block}
.researchDev_slidelst .figureWrap .more:after{clear:both;display:block;content:""}
.researchDev_slidelst .figureWrap .more > span{float:left;padding:5px 15px;border:2px solid rgba(255,255,255,0.5)}
.researchDev_slidelst .figureWrap .more em{display:block;position:relative;padding-right:25px;font-size:0.938em;line-height:1.3333em;color:#fff;letter-spacing:-0.03333em}
.researchDev_slidelst .figureWrap .more i[class*="xi-"]{position:absolute;top:2px;right:-5px;font-size:1.200em;line-height:1.1111em}
.researchDev_slidelst .active .figureWrap > .img:after,.researchDev_slidelst a:focus .figureWrap > .img:after{opacity:0.2;filter:alpha(opacity=20)}
.researchDev_slidelst .active .figureWrap .caption,.researchDev_slidelst a:focus .figureWrap .caption{opacity:1;filter:alpha(opacity=100)}
.researchDev_slidelst .active .figureWrap .caption1,.researchDev_slidelst a:focus .figureWrap .caption1{opacity:1;filter:alpha(opacity=100)}
.researchDev_slidelst .active .figureWrap .caption2,.researchDev_slidelst a:focus .figureWrap .caption2{opacity:1;filter:alpha(opacity=100)}

.researchDev_slidelst a:hover .figureWrap .more > span,.researchDev_slidelst a:focus .figureWrap .more > span{border-color:rgba(255,255,255,1)}
.researchDev_wrap .bx-wrapper{overflow:hidden}
.researchDev_wrap .bx-viewport{width:1336px !important;margin:0 auto;overflow:visible !important}
.researchDev_wrap .bx-pager{position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.researchDev_wrap .bx-pager-item{float:left;width:26px;height:28px}
.researchDev_wrap .bx-pager-link{display:block;position:relative;width:100%;height:100%;padding:8px;font-size:0;line-height:0}
.researchDev_wrap .bx-pager-link:after{position:absolute;top:8px;left:8px;width:10px;height:12px;background:#bbc3d7;content:""}
.researchDev_wrap .bx-pager-link:hover:after,.researchDev_wrap .bx-pager-link.active:after{top:0;height:28px;background:#1f48b5}
.researchDev_wrap .control > span{position:absolute;top:50%;left:50%;width:64px;height:42px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.researchDev_wrap .control > span > a{display:block;width:100%;height:100%;background:url(../../images/wgst/main/researchDev_arrow.png) no-repeat;font-size:0;line-height:0}
.researchDev_wrap .control > span.ctrl_prev{margin-left:214px}
.researchDev_wrap .control > span.ctrl_next{margin-left:604px}
.researchDev_wrap .control > span.ctrl_prev > a{background-position:0 0}
.researchDev_wrap .control > span.ctrl_next > a{background-position:-64px 0}
.researchDev_wrap .control > span.ctrl_prev > a:hover{background-position:0 -42px}
.researchDev_wrap .control > span.ctrl_next > a:hover{background-position:-64px -42px}
.researchDev_wrap #slideNum{position:absolute;top:50%;left:50%;margin-left:233px;margin-top:65px;width:414px;padding:0 40px;font-weight:300;font-size:1.500em;line-height:1.25em;font-family:"Open Sans";color:#fff;letter-spacing:-0.04167em;text-align:right}

/*학사행정*/
#mainCnts02{background:#ccd8ed}
#mainCnts02:before{background:#ccd8ed}
#mainCnts02 .innerWrap{max-width:1680px}
#mainCnts02 .innerWrap:after{clear:both;display:block;content:""}
#mainCnts02 .more{position:absolute;bottom:25px;right:35px;overflow:hidden;width:30px;height:30px}
#mainCnts02 .more > a{display:block;font-size:1.875em;line-height:1em;color:#f9f9f9}
#mainCnts02 .more i[class*="xi-"]{display:block;line-height:1em;opacity:0.55;filter:alpha(opacity=55)}
#mainCnts02 .more > a:hover i[class*="xi-"]{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
.otherStatus_wrap{float:left;width:650px;min-height:565px;padding:30px 40px;margin-right:40px;background:linear-gradient(to right,#304b7a,#2c4362)}
.otherStatus_wrap > .radiation_level,.otherStatus_wrap > dl{padding:20px;border-bottom:1px solid rgba(187,195,215,0.4)}
.otherStatus_wrap > .radiation_level:after,.otherStatus_wrap > dl:after{clear:both;display:block;content:""}
.otherStatus_wrap > .radiation_level{padding-top:0}
.otherStatus_wrap > dl{padding:15px 20px}
.otherStatus_wrap > .hanaro_status{position:relative;min-height:55px;padding-left:220px;margin-top:15px;background:#173561}

.otherStatus_wrap strong,.otherStatus_wrap dt{float:left;position:relative;width:500px;padding-left:25px;font-weight:600;line-height:1.625em;font-family:"Open Sans","Noto Sans KR";color:#aab2c1;letter-spacing:-0.03125em}
.otherStatus_wrap strong{padding-top:15px}
.otherStatus_wrap strong > a,.otherStatus_wrap dt > a{display:block;line-height:1.625em;color:#aab2c1}
.otherStatus_wrap strong > a > em,.otherStatus_wrap dt > a > em{display:block;margin:0 0 13px;font-size:1.375em;line-height:1.3636em;color:#fff;letter-spacing:-0.04545em}
.otherStatus_wrap .type2 dt{padding:15px 0 15px 25px}
.otherStatus_wrap dt:after{position:absolute;top:0;right:0;width:1px;height:100%;background:#bbc3d7;opacity:0.4;filter:alpha(opacity=40);content:""}
.otherStatus_wrap dt > em{margin:0}
.otherStatus_wrap .radiation_graph{float:left;position:relative;width:calc(100% - 200px);width:-webkit-calc(100% - 200px);height:140px;padding-left:25px}
.otherStatus_wrap .radiation_graph > strong{position:absolute;bottom:0;left:50%;width:278px;padding:0 0 0 25px;font-weight:400;font-size:1.125em;line-height:1.333em;color:#fff;letter-spacing:-0.04167em;transform:translateX(-50%);transform:translateX(-50%);text-align:center}
.otherStatus_wrap .radiation_graph > strong > a{display:block;line-height:1.3333em;color:#fff}
.otherStatus_wrap .radiation_graph > strong em{margin:0;font-weight:700;font-size:1.778em;line-height:1em}
.otherStatus_wrap .radiation_graph > strong em > span{font-size:0.375em;letter-spacing:-0.04167em}

.otherStatus_wrap dd{float:left;position:relative;width:calc(100% - 10px);width:-webkit-calc(100% - 10px);height:80px;padding:0 10px 0 40px}
.otherStatus_wrap dd > a{display:block}
.otherStatus_wrap dd ul{}
.otherStatus_wrap dd li{position:relative;padding-left:150px;font-weight:900;font-size:1.0em;line-height:1.2857em;font-family:"Nanum Square";color:#82cfe5;letter-spacing:-0.03571em;text-align:left; top:10px;}
.otherStatus_wrap dd li + li{margin-top:14px}
.otherStatus_wrap dd li em{position:absolute;top:0px;left:0;font-weight:500;font-size:0.771em;line-height:1.625em;font-family:"Noto Sans KR";color:#b4bccb;letter-spacing:-0.03125em}

.otherStatus_wrap dd .differ{position:absolute;top:50%;right:0;width:95px;padding:5px 0 0 15px;font-weight:700;font-size:1.500em;line-height:1.5em;font-family:"Nanum Square";color:#cce3ff;letter-spacing:-0.04167em;transform:translateY(-50%);-webkit-transform:translateY(-50%);white-space:nowrap}


.otherStatus_wrap dd .differ > i[class*="xi-"]{line-height:1.5em;vertical-align:top}
.otherStatus_wrap > .hanaro_status > strong{position:absolute;top:0;left:0;width:220px;height:100%;padding:15px 0;background:#222c39;font-weight:500;font-size:1.125em;line-height:1.3889em;color:#fff;letter-spacing:-0.04167em;text-align:center}
.otherStatus_wrap > .hanaro_status > strong > a{display:block;line-height:1.3889em;color:#fff}
.otherStatus_wrap > .hanaro_status > em{display:block;padding:15px 0;font-weight:500;font-size:1.375em;line-height:1.1363em;color:#fff;letter-spacing:-0.04545em;text-align:center}
.otherStatus_wrap > .hanaro_status > em > a{display:block;line-height:1.1363em;color:#fff}
.safetyInfoLink_wrap,.safetyInfo_wrap{float:left;width:calc(100% - 690px);width:-webkit-calc(100% - 690px)}
.safetyInfoLink_lst,.safetyAnnounce_wrap,.safetyCommunity_wrap{float:left;width:50%}
.safetyInfoLink_lst{width:calc(100% + 30px);width:-webkit-calc(100% + 30px);margin:0 -15px 30px}
.safetyInfoLink_lst > li{float:left;width:33.3%;padding:0 15px}
.safetyInfoLink_lst > li:nth-child(2){width:33.4%}
.safetyInfoLink{position:relative}
.safetyInfoLink > a{display:block;min-height:285px;padding:35px 40px}
.no1 .safetyInfoLink > a{background:linear-gradient(to right,#459ecf,#4d99ce)}
.no2 .safetyInfoLink > a{background:linear-gradient(to right,#0ba494,#099b9d)}
.no3 .safetyInfoLink > a{background:linear-gradient(to right,#5762aa,#6b60a0)}
.no1 .safetyInfoLink > a:hover{background:linear-gradient(to right,#2e90bc,#3682b4)}
.no2 .safetyInfoLink > a:hover{background:linear-gradient(to right,#179f8c,#189294)}
.no3 .safetyInfoLink > a:hover{background:linear-gradient(to right,#4b56a4,#5c5099)}
.safetyInfoLink strong{display:block;min-height:60px;font-weight:500;font-size:1.375em;line-height:1.3636em;color:#fff;letter-spacing:-0.04545em}
.safetyInfoLink span{display:block;margin-top:15px;font-weight:300;line-height:1.625em;color:#f4f6fa;letter-spacing:-0.03125em;word-break:keep-all}
.safetyInfoLink .icon{position:absolute;bottom:25px;left:40px;width:90px;height:65px;background:url(../../images/wgst/main/safetyInfoLink_icon.png) no-repeat}
.no1 .safetyInfoLink .icon{background-position:0 0}
.no2 .safetyInfoLink .icon{background-position:-90px 0}
.no3 .safetyInfoLink .icon{background-position:-180px 0}
.safetyAnnounce_wrap{padding-right:15px}
.safetyAnnounce{position:relative;min-height:250px;padding:35px 40px;background:linear-gradient(to right,#236d9e,#28558d)}
.safetyAnnounce:hover{background:linear-gradient(to right,#104990,#104990)}
.safetyAnnounce > a{display:block;width:100%;min-height:180px;background:url(../../images/wgst/main/safetyAnnounce_icon.png) no-repeat 100% 50%}
.safetyAnnounce > a > strong{display:block;margin:0 0 20px;font-weight:500;font-size:1.375em;line-height:1.3636em;color:#aaecff;letter-spacing:-0.04545em}
.safetyAnnounce > a > span{display:block;margin-top:15px;font-weight:300;line-height:1.625em;color:#f4f6fa;letter-spacing:-0.03125em;word-break:keep-all}
.safetyAnnounce > h4{display:block;margin:0 0 20px;font-weight:500;font-size:1.375em;line-height:1.3636em;color:#aaecff;letter-spacing:-0.04545em}
.safetyAnnounce_slidelst{overflow:hidden;height:85px}
.safetyAnnounce_slidelst:after{clear:both;display:block;content:""}
.safetyAnnounce_slidelst > li{float:left}
.safetyAnnounce_slidelst a{display:block}
.safetyAnnounce_slidelst strong{display:block;font-weight:500;font-size:1.125em;line-height:1.5556em;color:#fff;letter-spacing:-0.04167em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.safetyAnnounce_slidelst span{display:block;margin-top:5px;font-weight:300;line-height:1.625em;color:#c6d3dd;letter-spacing:-0.03125em;word-break:keep-all}
.safetyAnnounce .bx-controls{position:absolute;bottom:30px;left:40px}
.safetyAnnounce .bx-pager,.safetyAnnounce .bx-pager-item,.safetyAnnounce .bx-controls-auto{float:left}
.safetyAnnounce .bx-pager-link,.safetyAnnounce .bx-controls-auto-item > a{display:block;position:relative;overflow:hidden;width:22px;height:22px;padding:5px}
.safetyAnnounce .bx-pager-link{font-size:0;line-height:0}
.safetyAnnounce .bx-pager-link:after{position:absolute;top:5px;left:5px;width:12px;height:12px;border:3px solid #9eadc6;border-radius:50%;background:#9eadc6;content:""}
.safetyAnnounce .bx-pager-link:hover:after,.safetyAnnounce .bx-pager-link.active:after{border-color:#fff;background:transparent}
.safetyAnnounce .bx-controls-auto{float:right}
.safetyAnnounce .bx-controls-auto-item{display:block;margin-left:5px}
.safetyAnnounce .bx-controls-auto-item > a{padding:2px 1px 0}
.safetyAnnounce .bx-controls-auto-item span{display:block;position:relative;font-size:1.250em;line-height:1em;color:#7b91ac}
.safetyAnnounce .bx-controls-auto-item span:after{position:absolute;top:0;left:0;width:20px;height:20px;line-height:1em;font-family:"xeicon"}
.safetyAnnounce .bx-controls-auto-item span.play:after{content:"\ea3e"}
.safetyAnnounce .bx-controls-auto-item span.pause:after{content:"\ea3b"}
.safetyCommunity_wrap{padding-left:15px}
.safetyCommunity{position:relative;min-height:250px;padding:35px 40px;background:#fff}
.safetyCommunity > a{display:block}
.safetyCommunity > a > h4{display:block;margin:0 0 20px;font-weight:500;font-size:1.375em;line-height:1.3636em;color:#16213c;letter-spacing:-0.04545em}
.safetyCommunity > a > span{display:block;margin-top:8px;font-weight:300;line-height:1.625em;color:#555;letter-spacing:-0.03125em;word-break:keep-all}
.safetyCommunity > a > .img{position:absolute;top:35px;right:30px}
.safetyCommunity > .subscribe{position:absolute;bottom:30px;left:40px;width:calc(100% - 80px);width:-webkit-calc(100% - 80px);max-width:none;transform:none;-webkit-transform:none}
.safetyCommunity > .subscribe .input-group{width:100%;padding-right:150px}
.safetyCommunity > .subscribe .btn{border-color:#757f9d;background:#757f9d;color:#fff}
.safetyCommunity > .subscribe .btn:hover,.safetyCommunity > .subscribe .form-control:hover + .input-group-btn .btn,.safetyCommunity > a > .subscribe .form-control:focus + .input-group-btn .btn{border-color:#185cb7;background:#185cb7;font-weight:500}

/*고객참여*/
#mainCnts03{padding-bottom:100px;background-image:url(../../images/wgst/main/mainCnts_bg03_img.jpg)}


#mainCnts03:before{background:#fff;opacity:0.2;filter:alpha(opacity=20)}
#mainCnts03 h3{color:#fcfcfc}
#mainCnts03 h3:after{background:#fcfcfc}
#mainCnts03 .h3_desc{color:#fcfcfc}
#mainCnts03 .innerWrap{max-width:1404px}
#mainCnts03 .innerWrap:after{clear:both;display:block;content:""}
.clientParticip{float:left;width:468px;padding:0 15px;margin:0 0 35px}
.clientParticip dl{position:relative;min-height:385px;padding:50px 25px 0px}
.clientParticip dl:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(231,235,237,0.73);background:transparent;box-shadow:0 13px 40px rgba(0,0,0,0.35);opacity:0.7;filter:alpha(opacity=20);content:""}
.clientParticip dt{position:relative;padding:0 0 20px;font-weight:500;font-size:1.250em;line-height:;color:#fff;letter-spacing:-0.05em;text-align:center;white-space:nowrap;z-index:1}
.clientParticip dt:after{position:absolute;bottom:0;left:50%;width:55px;height:1px;background:#fff;opacity:0.6;filter:alpha(opacity=60);transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}
.clientParticip dd{position:relative;padding:15px 0 0;z-index:1}
.clientParticip_lst{}
.clientParticip_lst > li{padding:15px 0}
.clientParticip_lst a{display:block;position:relative;padding:4px 0 4px 50px}
.clientParticip_lst strong{display:block;font-weight:500;font-size:1.125em;line-height:1.1111em;color:#fff;letter-spacing:-0.04167em;white-space:nowrap}
.clientParticip_lst .icon{position:absolute;top:0;left:0;width:32px;height:32px;background:no-repeat}
.clientParticip_lst.type1 .icon{background-image:url(../../images/wgst/main/clientParticip_icon01.png)}
.clientParticip_lst.type2 .icon{background-image:url(../../images/wgst/main/clientParticip_icon01.png)}
.clientParticip_lst.type3 .icon{background-image:url(../../images/wgst/main/clientParticip_icon01.png)}
.clientParticip_lst .no1 .icon{background-position:0 0}
.clientParticip_lst .no2 .icon{background-position:-32px 0}
.clientParticip_lst .no3 .icon{background-position:-64px 0}
.clientParticip_lst .no4 .icon{background-position:-96px 0}
.clientParticip dl:hover{background:#5b473b}
.clientParticip dl:hover:after{border-color:transparent;opacity:1;filter:alpha(opacity=100)}
.clientParticip dl:hover strong{color:#c6c1be}
.clientParticip dl:hover a:hover strong{color:#ffe13e} 
.clientParticip dl:hover .icon{opacity:0.6;filter:alpha(opacity=60)}
.clientParticip dl:hover a:hover .icon{opacity:1;filter:alpha(opacity=100)}
.clientParticip dl:hover .no1 a:hover .icon{background-position:0 -32px}
.clientParticip dl:hover .no2 a:hover .icon{background-position:-32px -32px}
.clientParticip dl:hover .no3 a:hover .icon{background-position:-64px -32px}
.clientParticip dl:hover .no4 a:hover .icon{background-position:-96px -32px}
.clientParticip_link{float:left;width:100%;padding:0 15px}
.clientParticip_link_lst{float:left;width:100%}
.clientParticip_link_lst > li{float:left;width:20%}
.clientParticip_link_lst a{display:block;text-align:center}
.clientParticip_link_lst .icon{display:block;width:66px;height:66px;margin:0 auto 10px;border:1px solid #eee;border-radius:50%;background:url(../../images/wgst/main/clientParticip_link_icon.png) no-repeat}
.clientParticip_link_lst .no1 .icon{background-position:0 0}
.clientParticip_link_lst .no2 .icon{background-position:-64px 0}
.clientParticip_link_lst .no3 .icon{background-position:-128px 0}
.clientParticip_link_lst .no4 .icon{background-position:-192px 0}
.clientParticip_link_lst .no5 .icon{background-position:-256px 0}
.clientParticip_link_lst strong{display:block;font-weight:300;font-size:1em;line-height:1.25em;color:#fff;letter-spacing:-0.03125em}
.clientParticip_link_lst a:hover .icon{border-color:#fff;background-color:#fff}
.clientParticip_link_lst .no1 a:hover .icon{background-position:0 -64px}
.clientParticip_link_lst .no2 a:hover .icon{background-position:-64px -64px}
.clientParticip_link_lst .no3 a:hover .icon{background-position:-128px -64px}
.clientParticip_link_lst .no4 a:hover .icon{background-position:-192px -64px}
.clientParticip_link_lst .no5 a:hover .icon{background-position:-256px -64px}

/*네비*/
#op_nav{position:fixed;top:0;right:0;width:80px;height:100%;z-index:1}
.op_nav_wrap{position:relative;top:50%;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.op_nav_wrap li + li{margin-top:1px}
.op_nav_wrap a{display:block;text-align:center}
.op_nav_wrap .opNav a{padding:10px 0;background:rgba(58,62,72,0.5);font-size:0.875em;line-height:1.4285em;color:rgba(254,254,254,0.5);letter-spacing:-0.03571em}
.op_nav_wrap .opNav a > span{display:block;position:relative}
.op_nav_wrap .opNav a > span:after{display:none;position:absolute;top:0;right:5px;width:5px;height:5px;border-radius:50%;background:#e63229;content:""}
.op_nav_wrap .current a{padding:15px 0;background:#19388f;font-size:0.938em;line-height:1.3333em;color:#fff;letter-spacing:-0.03333em}
.op_nav_wrap .current a > span{padding-top:10px}
.op_nav_wrap .current a > span:after{display:block}
.op_nav_wrap .sns{margin-top:60px}
.op_nav_wrap .sns a{padding:4px 0 3px;background:rgba(54,57,65,0.7);font-size:1.125em;line-height:1em;color:#fff}
.op_nav_wrap .sns i[class*="xi-"]{display:block;line-height:1em}
.op_nav_wrap .sns i.xi-blogger{font-weight:700;font-family:"Open Sans" !important}
.op_nav_wrap .sns i.xi-blogger:before{content:"b"}
.op_nav_wrap .sns li:nth-child(1) a:hover{background:#43970e}
.op_nav_wrap .sns li:nth-child(2) a:hover{background:#4867aa}
.op_nav_wrap .sns li:nth-child(3) a:hover{background:#ee4957}




/* section2 */
.section2 {background:url('/resources/images/arti/main/section2-bg.jpg') left top no-repeat #f1f5f8; padding:3.5rem 0; min-height:550px}
.section2 .container {position:relative; z-index: 0;}
.section2 .container::after {display:block; clear:both; content:''}
.section2 .facility-txt .tit {position:relative; display:block; padding-top:33px; margin-bottom:18px; font-size:1.6rem; color:#000; font-weight:500}
.section2 .facility-txt .tit::before {position:absolute; left:0; top:0; width:41px; height:3px; background:#2a5caf; content:''}
.section2 .facility-txt p {font-size:.9rem; color:#000; opacity:.9; line-height:1.6; font-weight:200}
.section2 .facility-txt {position:relative;display:inline-block; min-width:333px; min-height:300px; margin-left: 115px; vertical-align:middle}
.section2 .facility-txt .controls {position:absolute; left:0; bottom:0}
.section2 .facility-txt .controls a{display:inline-block;width:3rem;height:3rem;line-height:3rem;font-size:0;text-align:center; background:#fff;border:1px solid #dddede;font-size:.8rem;} 
.section2 .facility-txt .controls a + a{margin-left:-4px;}
.section2 .facility-list {display:inline-block; width:calc(100% - 454px); vertical-align:middle; overflow:hidden}
.section2 .facility-list li {display:inline-block; vertical-align:middle; float:none !important;}
.section2 .facility-list li a {position:relative; display:block;}
.section2 .facility-list li a::after {position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:0 3px 9px 3px #000; content:''; opacity:0; transition:opacity .4s}
.section2 .facility-list .img {position:relative; display:block; height:15rem; width:100%; overflow:hidden}
.section2 .facility-list .img::before {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; content:''; transition:all .4s}
.section2 .facility-list .img img {width:100%;height:100%}
.section2 .facility-list li a div {position:absolute; left:0; bottom:0; color:#fff; padding:30px}
.section2 .facility-list li a div .tit {font-size:.9rem; font-weight:500}
.section2 .facility-list li a div p {opacity:0; height:0; overflow:hidden; transition:all .4s}
.section2 .facility-list li a:hover .img, .section2 .facility-list .slick-center a .img{height:20rem;}
.section2 .facility-list li a:hover .img::before, .section2 .facility-list .slick-center a .img::before {opacity:.45}
.section2 .facility-list li a:hover .img img, .section2 .facility-list .slick-center a .img img{width:120%; height:100%}
.section2 .facility-list li a:hover::after, .section2 .facility-list .slick-center a::after {opacity:.2}
.section2 .facility-list li a:hover .tit, .section2 .facility-list .slick-center a .tit {font-size:1rem;line-height:1.5;margin-bottom:10px}
.section2 .facility-list li a:hover div,.section2 .facility-list .slick-center a div {bottom:15px}

.slick-slide {-webkit-transform: scale(1);transform: scale(1);transition: 0.3s ease-in-out all;display:inline-block; width:15rem;margin:0 .75rem}
.slick-slide.slick-center {opacity: 1;-webkit-transform: scale(1.08);transform: scale(1.08);}
.switch {background: #000;}
.facility-list {margin: 0 auto;position: relative;}
.facility-list:after {content:'';background:#fafafa;position: absolute;top: 0;height: 100%;width: 12%;z-index: 100;}
.facility-list:after {right: 0;background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f1f5f8 100%);}




/*반응형*/
@media screen and (max-width:1919px){
	.mVisual_slidelst .img{text-align:center}
	.mVisual_slidelst .img > img{width:auto;height:100%}
}
@media screen and (max-width:1679px){
	.pressRelease_wrap,.localCooper_wrap,.ysbslocalCooper_wrap{height:445px}
	.localCooper_wrap,.ysbslocalCooper_wrap{padding:0 20px}
	.recruit_wrap{margin-top:20px}
	.newsletter_wrap{margin-top:20px}
	.art_wrap{margin-top:20px}
	#mainCnts00 > .innerWrap{padding:0 40px}
	#mainCnts02{padding-left:40px;padding-right:40px}
	.otherStatus_wrap{width:600px;min-height:555px;padding:25px 20px;margin-right:20px}
	.otherStatus_wrap strong,.otherStatus_wrap dt{padding-left:20px}
	.safetyInfoLink_wrap,.safetyInfo_wrap{width:calc(100% - 620px);width:-webkit-calc(100% - 620px)}
	.safetyInfoLink_lst{width:calc(100% + 20px);width:-webkit-calc(100% + 20px);margin:0 -10px 20px}
	.safetyInfoLink_lst > li{padding:0 10px}
	.safetyInfoLink > a{padding:30px 35px}
	.safetyInfoLink span br{display:none}
	.safetyAnnounce_wrap{padding-right:10px}
	.safetyAnnounce{padding:30px 35px}
	.safetyCommunity_wrap{padding-left:10px}
	.safetyCommunity{padding:30px 35px}
	.safetyCommunity > h4,.safetyCommunity > a > span{position:relative;z-index:1}
	.safetyCommunity > a > span{max-width:140px}
	.safetyCommunity > a > .img{right:25px}
	.safetyCommunity > .subscribe{left:35px;width:calc(100% - 70px);width:-webkit-calc(100% - 70px)}


	.section2 {min-height:400px}


}
@media screen and (max-width:1440px){
	.mVisual_slidelst .img{height:650px}
	.mVisual_slidelst .caption{left:0;padding:0 200px;width:100%;transform:none;-webkit-transform:none}
	.notifyWrap{width:calc(100% - 200px);width:-webkit-calc(100% - 200px)}
	.wgstSNS_lst > li{padding-left:25px}



}
@media screen and (max-width:1360px){
	#mainCnts00 > .innerWrap{padding:0 20px}
	.researchDev_wrap .bx-viewport{width:1178px !important}
	.researchDev_slidelst > li{height:425px}
	.researchDev_wrap #slideNum{margin-left:154px}
	.researchDev_wrap .control > span.ctrl_prev{margin-left:134px}
	.researchDev_wrap .control > span.ctrl_next{margin-left:525px}
	#mainCnts02{padding-left:20px;padding-right:20px}
	#mainCnts02 .innerWrap{max-width:1250px}
	.otherStatus_wrap{width:605px}
	.safetyInfoLink_wrap,.safetyInfo_wrap{width:calc(100% - 625px);width:-webkit-calc(100% - 625px)}
	.safetyInfoLink_lst > li{width:50%}
	.safetyInfoLink_lst > li:nth-child(2){width:50%}
	.safetyInfoLink_lst > li:nth-child(3){width:100%;margin-top:20px}
	.safetyInfoLink > a{min-height:345px}
	.no3 .safetyInfoLink > a{min-height:190px}
	.no3 .safetyInfoLink strong{min-height:30px}
	.no3 .safetyInfoLink .icon{bottom:auto;top:30px;left:auto;right:35px}
	.safetyInfo_wrap{width:100%}
	.safetyAnnounce_wrap{width:605px;padding-right:0;margin-right:20px}
	.safetyCommunity_wrap{width:calc(100% - 625px);width:-webkit-calc(100% - 625px);padding-left:0}


	.section2 .facility-txt {min-width:160px;margin-right:20px;margin-left:0}
	.section2 .facility-list {width:calc(100% - 340px)}
}
@media screen and (max-width:1280px){
	.main #header .tsidemenu_wrap{width:110px}
	.mVisual_slidelst .img{height:600px}
	.notifyWrap{padding-right:0}
	.notifyWrap .radiation_rate{display:none}
	.newsletter_wrap .desc{word-break:keep-all}
	.newsletter_wrap .desc br{display:none}
	#mainCnts01{padding-bottom:40px}
	.researchDev_wrap{padding-bottom:30px}
	.researchDev_slidelst > li{height:588px;padding:0 20px 130px}
	.researchDev_slidelst a{height:100%}
	.researchDev_slidelst .figureWrap{height:100%;padding-right:0}
	.researchDev_slidelst .figureWrap > .img{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}

	.researchDev_wrap .control > span{top:auto;bottom:145px;transform:none;-webkit-transform:none}
	.researchDev_wrap .control > span.ctrl_prev{margin-left:-228px}
	.researchDev_wrap .control > span.ctrl_next{margin-left:164px}
	.researchDev_wrap #slideNum{margin-top:190px;margin-left:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.otherStatus_wrap > dl{width:100%;margin:0}
	.otherStatus_wrap > dl.value.type2{margin:0}


	.section2 .facility-list {width:calc(100% - 260px)}
}
@media screen and (max-width:1152px){
	.researchDev_wrap .bx-wrapper{overflow:hidden}
	.researchDev_wrap .bx-viewport{width:100% !important;overflow:hidden !important}
	.researchDev_slidelst > li{padding:0 0 130px}
}
@media screen and (max-width:1080px){
	.pressRelease_wrap{width:100%;margin:0 0 20px}
	.localCooper_wrap,.ysbslocalCooper_wrap{width:100%;height:auto;padding:0 0 20px}
	.localCooper_wrap:after{clear:both;display:block;content:""}
	.ysbslocalCooper_wrap:after{clear:both;display:block;content:""}
	.announceletter_wrap{width:100%;height:auto}
	.announceletter_wrap:after{clear:both;display:block;content:""}
	.announceletter_wrap1{width:100%;height:auto}
	.announceletter_wrap1:after{clear:both;display:block;content:""}
	.announceletter_wrap2{width:100%;height:auto}
	.announceletter_wrap2:after{clear:both;display:block;content:""}
	.announceletter_wrap3{width:100%;height:auto}
	.announceletter_wrap3:after{clear:both;display:block;content:""}

	.localCooper_lst,.announce_wrap,.ysbsnotice_wrap,.ysbsnotice_wrap1,.ysbshouse_wrap,.ysbscale_wrap,.newsletter_wrap,.recruit_wrap,.art_wrap,.amp_wrap{float:left;width:calc(50% - 10px);width:-webkit-calc(50% - 10px)}
	.localCooper_lst{margin-right:10px}
	.announce_wrap,.ysbsnotice_wrap,.ysbsnotice_wrap1,.ysbshouse_wrap,.ysbscale_wrap,.amp_wrap{margin-right:10px}
	.newsletter_wrap{height:210px;margin-left:10px;margin-top:0}
	.art_wrap{height:210px;margin-left:10px;margin-top:0}
	.recruit_wrap{height:210px;margin-left:10px;margin-top:0}

	.wgstSNS_wrap{padding-left:140px}
	.otherStatus_wrap{width:100%;padding:30px;margin:0 0 30px}
	.otherStatus_wrap .radiation_graph{padding-left:0}
	.otherStatus_wrap #radiationGraph{margin:0 0 0 20px}
	.otherStatus_wrap .radiation_graph > strong{left:20px;padding-left:0;transform:none;-webkit-transform:none}
	.otherStatus_wrap strong,.otherStatus_wrap dt,.otherStatus_wrap .type2 dt{padding-left:0}
	.otherStatus_wrap dd{height:68px;padding:0 80px 0 20px}
	.otherStatus_wrap dd ul{padding:4px 0}
	.otherStatus_wrap dd li{text-align:center}
	.otherStatus_wrap > .hanaro_status{min-height:40px}
	.safetyInfoLink_wrap,.safetyInfo_wrap{width:100%}
	.safetyInfoLink_lst > li{width:33.3%}
	.safetyInfoLink_lst > li:nth-child(2){width:33.4%}
	.safetyInfoLink_lst > li:nth-child(3){width:33.3%;margin-top:0}
	.safetyInfoLink > a{min-height:285px}
	.no3 .safetyInfoLink > a{min-height:285px}
	.safetyInfoLink .icon{left:35px}
	.no3 .safetyInfoLink .icon{top:auto;right:auto;bottom:25px;left:35px}
	.safetyAnnounce_wrap{width:50%;padding-right:10px;margin-right:0}
	.safetyCommunity_wrap{width:50%;padding-left:10px}
	.clientParticip{width:360px}


	.section2 .facility-txt {display:block;width:100%;min-width:inherit;height:auto;min-height:inherit;margin-bottom:20px}	
	.section2 .facility-txt .controls {bottom:inherit;left:inherit;right:0;top:0}
	.section2 .facility-list {width:100%}
	.facility-list:after {display:none}
}
@media screen and (max-width:1024px){
	.main #header .btn_popupzone{display:none}
	.mainCnts:before{display:none}
	.mVisual_wrap:before{display:none}
	.mVisual_slidelst .img{height:500px}
	.mVisual_slidelst .caption{bottom:50%;padding:0 100px;transform:translateY(50%);-webkit-transform:translateY(50%)}
	.mVisual_slidelst strong{padding-top:20px}
	.mVisual_slidelst strong > span,.mVisual_slidelst strong > span[lang="en"]{font-size:1.625em;line-height:1.1538em;letter-spacing:-0.03846em}
	.mVisual_slidelst strong > em{font-size:2.500em;line-height:1.25em;letter-spacing:-0.05em}
	.mVisual .control > span{width:44px;height:44px}
	.mVisual .control > span.mvctrl_prev{left:20px}
	.mVisual .control > span.mvctrl_next{right:20px}
	.mVisual .control > span i[class*="xi-"]{top:9px;font-size:1.875em;line-height:1em}
	.mVisual .bx-controls{bottom:100px}
	.mVisual_wrap .scroll_down{display:none}
	.notifyWrap{bottom:0;width:100%;height:60px}
	.notifyWrap .notice_wrap{padding-left:180px}
	.notifyWrap .notice_wrap > h3{padding:20px 0;font-size:1em;line-height:1.25em;letter-spacing:-0.03125em}
	.notifyWrap .notice_slidelst a{padding:20px 0}
	.notifyWrap .notice_slidelst .date{display:none}
	.notifyWrap .notice_slidelst strong{width:100%;font-size:0.938em;line-height:1.3333em;letter-spacing:-0.03333em}
	.notifyWrap .bx-controls-direction > a.bx-prev{top:2px}
	.notifyWrap .bx-controls-direction > a.bx-next{bottom:2px}
	.wgstSNS_wrap{height:auto;padding:50px 0 0;margin-top:35px}
	#mainCnts00 .wgstSNS_wrap > h4{top:0;width:100%;text-align:center;transform:none;-webkit-transform:none}
	.wgstSNS_lst > li{padding:0 30px}
	.researchDev_slidelst > li{height:564px}
	.researchDev_wrap #slideNum{margin-top:170px}
	#mainCnts02{padding-left:0;padding-right:0}
	.safetyInfoLink_wrap,.safetyInfo_wrap{padding:0 20px}
	.safetyInfoLink_lst{width:100%;margin:0 0 20px}
	.safetyInfoLink_lst > li{padding:0}
	.safetyAnnounce_wrap,.safetyCommunity_wrap{padding:0}
	.clientParticip{width:33.3333%}
	.clientParticip dl{min-height:345px;padding:30px}
	.clientParticip_lst a{padding-left:45px}
	#op_nav{display:none}
}
@media screen and (max-width:980px){
	.researchDev_wrap .bx-wrapper{overflow:hidden}
	.researchDev_slidelst > li{height:545px}
	.researchDev_wrap #slideNum{margin-top:165px}	
}
@media screen and (max-width:800px){
	.clientParticip{width:100%;padding:10px 20px;margin:0}
	.clientParticip + .clientParticip{width:50%;padding-right:10px;margin-bottom:20px}
	.clientParticip + .clientParticip + .clientParticip{padding-right:20px;padding-left:10px}
	.clientParticip + .clientParticip > dl{min-height:171px}
	.clientParticip + .clientParticip dd{display:table;width:100%;height:136px;vertical-align:middle}
	.clientParticip + .clientParticip .clientParticip_lst{display:table-cell;vertical-align:middle}
	.clientParticip dl{min-height:auto;padding:15px 10px 15px 105px}
	.clientParticip dt{position:absolute;top:50%;left:20px;padding:0 0 15px;font-size:0.938em;line-height:1.3333em;letter-spacing:-0.03333em;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	.clientParticip dt:after{left:0;transform:none;-webkit-transform:none}
	.clientParticip dd{padding:0}
	.clientParticip_lst > li{padding:7px 0}
	.clientParticip_lst a{padding:0 0 0 35px}
	.clientParticip_lst .icon{width:24px;height:24px;background-size:auto 48px}
	.clientParticip_lst .no1 .icon{background-position:0 0}
	.clientParticip_lst .no2 .icon{background-position:-24px 0}
	.clientParticip_lst .no3 .icon{background-position:-48px 0}
	.clientParticip_lst .no4 .icon{background-position:-72px 0}
	.clientParticip dl:hover .no1 a:hover .icon{background-position:0 -24px}
	.clientParticip dl:hover .no2 a:hover .icon{background-position:-24px -24px}
	.clientParticip dl:hover .no3 a:hover .icon{background-position:-48px -24px}
	.clientParticip dl:hover .no4 a:hover .icon{background-position:-72px -24px}
}
@media screen and (max-width:768px){
	.main #header .tsidemenu_wrap{width:273px}	


	.mainCnts{padding-top:50px}
	.mainCnts h3{font-size:2em;line-height:1em;letter-spacing:-0.046875em}
	.mainCnts .h3_desc{margin-bottom:30px;font-size:1em;line-height:1.25em;letter-spacing:-0.03125em}
	.mVisual_slidelst .img{height:450px}
	.wgstSNS_lst a{padding-left:0}
	.wgstSNS_lst .img{display:block;position:relative;top:auto;left:auto;margin:0 auto}
	.wgstSNS_lst .caption{display:none}

	.pressRelease_wrap{width:calc(100% + 40px);width:-webkit-calc(100% + 40px);height:auto;margin:0 -20px 20px}
	.pressRelease_wrap > .li_th3{height:auto}
	.localCooper_wrap,.announceletter_wrap,.ysbsnotice_wrap,.ysbsnotice_wrap1,.ysbshouse_wrap,.ysbscale_wrap,.ysbslocalCooper_wrap{width:calc(100% + 40px);width:-webkit-calc(100% + 40px);height:auto;margin:0 -20px}
	/*
	.localCooper_wrap{width:56%;padding:0 15px 0 10px}
	.announceletter_wrap{width:44%;padding:0 10px 0 15px}
	.announce_wrap,.newsletter_wrap{width:100%}
	.announce_wrap{margin-right:0}
	.newsletter_wrap{margin-left:0;margin-top:25px}
	*/

	.researchDev_slidelst .figureWrap > .img{text-align:center}
	.researchDev_slidelst .figureWrap > .img > img{max-width:none;height:100%}
	
	.safetyInfoLink_wrap,.safetyInfo_wrap{width:100%;padding:0 30px}
	.safetyInfoLink_lst > li{width:33.3%}
	.safetyInfoLink_lst > li:nth-child(2){width:33.4%}
	.safetyInfoLink_lst > li:nth-child(3){width:33.3%;margin-top:0}
	.safetyInfoLink > a{padding:25px 30px;min-height:265px}
	.safetyInfoLink strong{text-align:center}
	.safetyInfoLink span{display:none}
	.no3 .safetyInfoLink > a{min-height:265px}

	.safetyInfoLink strong{text-align:center}
	.safetyInfoLink span{display:none}
	.safetyInfoLink .icon{left:50%;bottom:80px;top:auto;right:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.no3 .safetyInfoLink .icon{left:50%;bottom:80px;top:auto;right:auto}
	#mainCnts02 .safetyInfoLink .more{right:auto;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
	.safetyAnnounce_wrap,.safetyCommunity_wrap{width:50%;margin:0}
	.safetyAnnounce,.safetyCommunity{padding:25px 30px}
	.safetyCommunity > a > .img{right:20px}
	.safetyCommunity > .subscribe{bottom:25px;left:30px;width:calc(100% - 60px);width:-webkit-calc(100% - 60px)}
	
	.clientParticip + .clientParticip{margin-bottom:0}
	.clientParticip + .clientParticip > dl{min-height:182px}
	.clientParticip + .clientParticip dd{height:152px}
	.clientParticip_lst strong{font-size:1em;line-height:1.5em;letter-spacing:-0.046875em}
	.clientParticip_link{padding:0 15px;margin-top:30px}
	.clientParticip_link_lst strong{font-size:0.938em;line-height:1.3333em;letter-spacing:-0.03333em}

	.section2 {min-height:inherit}
}
@media screen and (max-width:640px){
	#mainCnts00 .more{top:20px;right:20px}
	.pressRelease_wrap{padding:0 20px 25px;margin:0 -20px;border:0 none}
	.pressRelease_issue{min-height:130px;padding-top:20px;border-top:1px solid #eee}
	.pressRelease_wrap > .li_th3{margin-top:20px;padding-top:15px}
	.pressRelease_issue .caption > .desc,.pressRelease_issue .caption > .date{display:none}
	.localCooper_wrap,.announceletter_wrap,.announceletter_wrap1,.announceletter_wrap2,.announceletter_wrap3,.wgstSNS_wrap,.localCooper_wrap{height:auto}
	.localCooper_wrap,.announceletter_wrap,.announceletter_wrap1,.announceletter_wrap2,.announceletter_wrap3,.localCooper_wrap{width:100%;padding:0;margin:0}
	.localCooper_lst,.announce_wrap,.newsletter_wrap,.recruit_wrap,.art_wrap,.ysbsnotice_wrap,.ysbsnotice_wrap1,.ysbshouse_wrap,.ysbscale_wrap,.amp_wrap{width:100%;height:auto;padding:25px 25px 30px;margin:10px 0 0}
	.localCooper_lst .caption > .date{display:block}
	.newsletter_wrap .desc br{display:block}
	.art_wrap .desc br{display:block}
	.wgstSNS_lst > li{padding:0}

	#mainCnts02{padding-bottom:30px}
	#mainCnts02 .more{display:none}
	.safetyInfoLink_lst{margin:0}
	.safetyInfoLink > a{min-height:190px;padding:25px 10px}
	.no3 .safetyInfoLink > a{min-height:190px}
	.safetyInfoLink .icon,.no3 .safetyInfoLink .icon{bottom:20px}
	.safetyAnnounce_wrap,.safetyCommunity_wrap{width:100%}
	.safetyAnnounce{min-height:190px}
	.safetyAnnounce > a{min-height:140px;background-size:auto 130px}

	.clientParticip + .clientParticip{width:100%;padding:10px 20px}
	.clientParticip + .clientParticip + .clientParticip{padding:10px 20px}
	.clientParticip + .clientParticip > dl{min-height:auto}
	.clientParticip + .clientParticip dd{display:block;height:auto}
	.clientParticip + .clientParticip .clientParticip_lst{display:block}

	#visual {height:600px}
	#visual .txt {left:1rem;bottom:5rem;transform:translateX(0)}
	#visual .txt strong {font-size:3rem;line-height:1}
	#visual .notice-wrap p {width:70%}
}
@media screen and (max-width:480px){
	.mVisual_wrap{margin-bottom:5px;}
	.mVisual_slidelst .img{height:338px;padding:35px 0 0 0;}
	.mVisual_slidelst strong > span,.mVisual_slidelst strong > span[lang="en"]{font-size:1.063em;line-height:1.4705em;letter-spacing:-0.04411em}
	.mVisual_slidelst strong > em{font-size:1.750em;line-height:1.0714em;letter-spacing:-0.03571em}
	.mVisual_slidelst .caption{padding:0 20px}
	.mVisual .control > span{display:none}
	.mVisual .bx-controls{bottom:20px;width:auto}/*width:230px*/
	.notifyWrap{display:none}


	#visual {height:400px}
	#visual .txt {bottom:1rem}
	#visual .txt strong {font-size:1.5rem}
	#visual .txt p {font-size:.8rem}
	#visual .notice-wrap {display:none}

	.quickMenu_wrap{display:block}

	#mainCnts00 .more{display:none}
	.pressRelease_issue .caption > strong{overflow:hidden;height:72px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
	.wgstSNS_wrap{padding:0 20px}
	#mainCnts00 .wgstSNS_wrap > h4{position:absolute;top:0;left:20px;width:calc(50% - 20px);width:-webkit-calc(50% - 20px);height:110px;padding:28px 50px 0 25px;text-align:left;word-break:keep-all}
	.wgstSNS{position:relative}
	.wgstSNS:before,.wgstSNS:after{position:absolute;background:#d6d6d6;content:""}
	.wgstSNS:before{top:0;left:50%;width:1px;height:100%}
	.wgstSNS:after{top:50%;left:0;width:100%;height:1px}
	.wgstSNS_lst > li{width:50%;padding:15px 10px}
	.wgstSNS_lst > li:first-child{margin-left:50%}
	.pressRelease_issue h4,.pressRelease_issue .caption > strong{text-align:right}
	.pressRelease_issue h4:after{left:auto;right:0}
	.pressRelease_issue > a{height:147px}
	.pressRelease_wrap > .li_th3 a{padding-right:0}
	.pressRelease_wrap > .li_th3 .date{display:none}
	.newsletter_wrap{display:none}

	#mainCnts01 h3{float:left;margin-left:20px;text-align:left;width:100%}
	#mainCnts01 h3:after{left:0;transform:none;-webkit-transform:none}
	#mainCnts01 .h3_desc{margin-left:20px;padding-right:25px;text-align:left;word-break:keep-all}
	#mainCnts02 h3{float:left;margin-left:20px;text-align:left;width:100%}
	#mainCnts02 h3:after{left:0;transform:none;-webkit-transform:none}
	#mainCnts02 .h3_desc{margin-left:20px;padding-right:25px;text-align:left;word-break:keep-all}
	#mainCnts03 h3{float:left;margin-left:20px;text-align:left;width:100%}
	#mainCnts03 h3:after{left:0;transform:none;-webkit-transform:none}
	#mainCnts03 .h3_desc{margin-left:20px;padding-right:25px;text-align:left;word-break:keep-all}

	.researchDev_slidelst .figureWrap strong{font-size:1.250em;line-height:1.5em;letter-spacing:-0.05em}
	.researchDev_slidelst .figureWrap .desc{font-size:1em;line-height:1.25em;letter-spacing:-0.03125em}

	.researchDev_wrap .control > span.ctrl_prev{margin-left:-168px}
	.researchDev_wrap .control > span.ctrl_next{margin-left:104px}
	.researchDev_wrap #slideNum{display:none}

	/*.otherStatus_wrap{min-height:auto;padding:10px}*/
	.otherStatus_wrap{min-height:400px;padding:10px}

	.otherStatus_wrap strong{padding-top:10px;}	
	.otherStatus_wrap .radiation_graph{height:101px}
	.otherStatus_wrap #radiationGraph{display:none}
	.otherStatus_wrap > .radiation_level,.otherStatus_wrap > dl{padding:0px;border-bottom:1px solid rgba(187,195,215,0.4)}
	.otherStatus_wrap .radiation_graph > strong{bottom:auto;top:5px;left:20px;text-align:left;transform:none;-webkit-transform:none}
	.otherStatus_wrap .radiation_graph > strong > a{margin-top:10px}
	.otherStatus_wrap .radiation_graph > strong em{font-size:3.125em;line-height:1em}
	.otherStatus_wrap .radiation_graph > strong em > span{font-size:0.400em}
	.otherStatus_wrap strong,.otherStatus_wrap dt{width:205px}


	.safetyInfoLink_wrap,.safetyInfo_wrap{padding:0 20px}
	.safetyInfoLink strong{font-size:1.250em;line-height:1.5em;letter-spacing:-0.05em}
	.safetyInfoLink_lst > li{width:50%}
	.safetyInfoLink_lst > li:nth-child(2){width:50%}
	.safetyInfoLink_lst > li.no3{width:100%}
	.no3 .safetyInfoLink > a{min-height:auto}
	.no3 .safetyInfoLink strong{padding:15px 0;text-align:left}
	.no3 .safetyInfoLink .icon{left:auto;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
	.safetyCommunity > a > span{width:115px;word-break:keep-all}
	.safetyCommunity > a > .img{width:168px}
	.safetyCommunity > .subscribe{left:20px;width:calc(100% - 40px);width:-webkit-calc(100% - 40px)}
	.safetyCommunity > .subscribe .input-group-btn{position:absolute;width:150px;margin-top:0}
	.clientParticip dt{text-align:left}
	.clientParticip_link_lst > li{width:33.333%}
	.clientParticip_link_lst > li.no3,.clientParticip_link_lst > li.no4{display:none}
}
@media screen and (max-width:414px){
	.mVisual_slidelst .img{height:267px}
	.pressRelease_issue{padding-top:10px}
	.pressRelease_wrap > .li_th3{margin-top:10px}
	.otherStatus_wrap dd{padding:0 70px 0 10px}
	.otherStatus_wrap dd li em{top:1px}
	.otherStatus_wrap dd .differ{width:70px;padding-left:10px;text-align:right}
	.safetyInfoLink > a{padding:25px 10px}
	.safetyInfoLink strong{word-break:keep-all}
	.no3 .safetyInfoLink strong{padding-left:10px}
	.safetyAnnounce,.safetyCommunity{padding:25px 20px}
	.safetyAnnounce .bx-controls{left:20px}
	.safetyCommunity > .subscribe > .input-group{padding-right:115px}
	.safetyCommunity > .subscribe .input-group-btn{width:115px}
	.clientParticip{padding:5px 20px}
	.clientParticip_lst a{padding:0 0 0 35px}
}
@media screen and (max-width:375px){
	.quickMenu_lst > li{padding-left:12px}
}
@media screen and (max-width:360px){
	#mainCnts01 .h3_desc{padding-right:20px;margin-left:140px;letter-spacing:-0.046875em}
	.researchDev_slidelst .figureWrap .desc br{display:none}
	.wgstSNS_wrap{padding:0}
	#mainCnts00 .wgstSNS_wrap > h4{left:10px;padding-right:30px}
	.otherStatus_wrap{margin-bottom:20px}
	.otherStatus_wrap strong,.otherStatus_wrap dt{width:125px}
	.otherStatus_wrap .radiation_graph,.otherStatus_wrap dd{width:calc(100% - 125px);width:-webkit-calc(100% - 125px)}
	.otherStatus_wrap dd{padding-right:55px;padding-top:7px}
	.otherStatus_wrap .radiation_graph > strong{left:5px}
	.otherStatus_wrap > .hanaro_status{padding-left:125px}
	.otherStatus_wrap > .hanaro_status > strong{width:125px}
	#mainCnts02{padding-bottom:20px}

	.quickMenu_lst > li{padding-left:8px}
}
@media screen and (max-width:320px){
	.mVisual .bx-controls{width:170px}
	.quickMenu_lst > li{padding-left:0}
	.quickMenu_lst a{width:70px;height:70px;padding:16px 10px}
	.localCooper_lst{padding:15px 15px 20px}
	.announce_wrap,.newsletter_wrap{padding:15px 15px 20px}
	#mainCnts01 h3{float:none;width:calc(100% - 20px);width:-webkit-calc(100% - 20px)}
	#mainCnts01 .h3_desc{margin-left:0;padding:0 20px;margin:10px 0 20px}
	#mainCnts02 h3{float:none;width:calc(100% - 20px);width:-webkit-calc(100% - 20px)}
	#mainCnts02 .h3_desc{margin-left:0;padding:0 20px;margin:10px 0 20px}
	#mainCnts03 h3{float:none;width:calc(100% - 20px);width:-webkit-calc(100% - 20px)}
	#mainCnts03 .h3_desc{margin-left:0;padding:0 20px;margin:10px 0 20px}
	.otherStatus_wrap strong,.otherStatus_wrap dt{display:block;float:none;width:auto}
	.otherStatus_wrap dt:after{display:none}
	.otherStatus_wrap .type2 dt{padding:0}
	.otherStatus_wrap .radiation_graph,.otherStatus_wrap dd{width:100% !important}
	.otherStatus_wrap .radiation_graph{height:60px}
	.otherStatus_wrap strong > a br, .otherStatus_wrap dt > a br{display:none}
	.otherStatus_wrap strong > a > em,.otherStatus_wrap dt > a > em{display:inline-block;margin-bottom:5px}
	.otherStatus_wrap .radiation_level strong > a > em{display:block}
	.otherStatus_wrap strong > a > em br,.otherStatus_wrap dt > a > em br{display:none}
	.otherStatus_wrap .radiation_graph > strong > a{display:inline-block;margin-left:8px;margin-top:0}
	.safetyInfoLink_wrap,.safetyInfo_wrap{padding:0}
	.clientParticip dl{padding-left:10px}
	.clientParticip dt{position:relative;top:0;left:0;padding-bottom:8px;margin-bottom:10px;transform:none;-webkit-transform:none}
}






/*달력*/

/*
#calendar {
  top:60px;
  width: 85%;
  height: 200px;
  position: absolute;

}

#calendar .ui-widget-content {
  font-size: 0;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#calendar .ui-datepicker-header {
  text-align: center;
  width: 100%;
}
#calendar .ui-datepicker-header a {
  display: none;
}

#calendar .ui-datepicker-calendar {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
#calendar .ui-datepicker-calendar thead {
  width: 100%;
  box-sizing: border-box;
    border-bottom: 1px solid #f0f4f9;
    border-width: 1px 0;
}
#calendar .ui-datepicker-calendar thead tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  
}
#calendar .ui-datepicker-calendar thead th {
  flex:1;
  padding:1px 0;
}
#calendar .ui-datepicker-calendar thead th * {
  font-size: 14px;
  font-weight: 500;
}
#calendar .ui-datepicker-calendar tbody {
  width:100%;
  flex:1;
  display:flex;
  flex-direction: column;
}
#calendar .ui-datepicker-calendar tbody tr {
  flex:1;
  display:flex;
  justify-content: space-between;
  border: 1px solid #f0f4f9;
  border-width:0 0 1px 0;
}
#calendar .ui-datepicker-calendar tbody tr td {
  flex:1;
  font-size:13px;
  text-align:center;
  box-sizing:border-box;
  padding:1px;
}
#calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a{
  position:relative;
  color:#fff;
  background: #000;
  border-radius: 10%;

}
#calendar .ui-datepicker-calendar tbody tr td.ui-datepicker-today a:after {
  content:" ";
  position: absolute;
    background: #000;

    width: 10px;
    height: 10px;
    border-radius: 100%;
    z-index: -1;
}

*/
/*=== 배너광고 슬라이드 영역 ===*/
#banner_wrap {
	display: block;
	width: 100%;
	height: 260px;
	background: rgba(109,175,222,1);
}
#banner_wrap .banner_slide_area {
	position: relative;
	width: 1280px;
	margin: 0 auto;
}
#banner_wrap .swiper-container { 
	padding-top: 83px;
	min-width: 1280px;
	height: 100%;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#banner_wrap .swiper-slide {
	overflow: hidden;  /* 테두리 라운드에서 벗어난 부분 감춰주기 위해 필요 */
	border-radius: 22px;
	-webkit-border-radius: 22px;
	width: 305px;
	height: 120px;
	border: 1px solid rgba(121,176,221,1);
	box-sizing: border-box;
}
#banner_wrap .swiper-slide img{
	display: block;
	width: 305px;
	height: 120px;
	/* width: 100%;
	height: 100%; */
}
#banner_wrap .swiper-button-next {
	position: absolute;
    top: 50%;
	right:-60px;
	left:auto;
	margin-top: 7px;
    z-index: 10;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main/bottom_banner/btn_next.png) no-repeat;
	width: 22px;
	height: 41px;
	background-size: 22px 41px;
	background-position:center;
	background-repeat:no-repeat;
}
#banner_wrap .swiper-button-next:hover {
	position: absolute;
    top: 50%;
	right:-60px;
	left:auto;
	margin-top: 7px;
    z-index: 10;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main/bottom_banner/btn_next_over.png) no-repeat;
	width: 22px;
	height: 41px;
	background-size: 22px 41px;
	background-position:center;
	background-repeat:no-repeat;
} 
#banner_wrap .swiper-button-prev {
	position: absolute;
    top: 50%;
	left:-60px;
	right:auto;
	margin-top: 7px;
    z-index: 10;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main/bottom_banner/btn_prev.png) no-repeat;
	width: 22px;
	height: 41px;
	background-size: 22px 41px;
	background-position:center;
	background-repeat:no-repeat;
}
#banner_wrap .swiper-button-prev:hover {
	position: absolute;
    top: 50%;
	left:-60px;
	right:auto;
	margin-top: 7px;
    z-index: 10;
    cursor: pointer;
	background:url(https://layout.fgtv.com/images/main/bottom_banner/btn_prev_over.png) no-repeat;
	width: 22px;
	height: 41px;
	background-size: 22px 41px;
	background-position:center;
	background-repeat:no-repeat;
}