@charset "UTF-8";
/*!
 * SNB, Widget 모바일 해더 아이콘 위치값은 main_new.css, sub_new.css에 개별 정의
 * 해당 css 내에 정의된 요소 관련 이미지는 /images/navi/ 경로에 지정
 */

	.gnb_toggle, .wdg_toggle{position: absolute;}
	.gnb_toggle{height: 28px; background-image: url("../images/navi/btn_gnb.png"); right: 15px; z-index: 10;}
	.wrap.main .gnb_toggle, .wrap.sub .gnb_toggle{top: 31px;}
	.wdg_toggle{width: 23px; height: 23px; top: 40px; left: auto; right: 15px;}

/* Button Ui Design to follow */
	#wdg_btn, #moveTop_btn{width: 54px; height: 54px; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #E45151; position: fixed; right: 2%; z-index: 999;}
	#wdg_btn{background-image: url("../images/navi/btn_wdg_pc.png"); background-repeat: no-repeat; background-position: center; bottom: 185px;}
	#wdg_btn>button{width: 100%; height: 100%; background: transparent;}
	#moveTop_btn{display: none; bottom: 120px;}
	#moveTop_btn>button{display: inline-block; width: 100%; height: 54px; line-height: 54px; background: url("../images/navi/move_top_btn.png") no-repeat; background-position: 50% 50%;}

/* Widget Layout Design */
	.widget{background: #FFF; padding: 18px 15px 0; position: absolute; overflow-y: auto;}
	.widget+a.close, .widget>a.close{color: #4F4F4F; text-align: center; position: absolute; top: 0; right: 0;}
	.widget .mCustomScrollBox .mCS_no_scrollbar{padding-right: 0;}
	.widget .mCustomScrollBox .mCSB_container:not(.mCS_no_scrollbar){padding-right: 15px;}
	.widget .wdgTit{font-weight: 500;}
	.widget .wdgTit .arr{width: 0; height: 0; border: 0px solid transparent; display: inline-block; margin: 0 3px 0 1px; padding: 0; position: relative; top: 0;}
	.widget .wdgTit .arr:before, .widget .wdgTit .arr:after{content: ""; width: 0; height: 0; display: block; position: absolute; top: 0;}
	.widget .wdgTit .arr:after{border: 0 solid transparent;}
	.widget .wdgTit.type1, .widget .wdgTit.type2{color: #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px;}
	.widget .wdgTit.type1{background: #373b43;}
	.widget .wdgTit.type1 .arr{border-left-color: #BFC0C3;}
	.widget .wdgTit.type1 .arr:after{border-left-color: #373b43;}
	.widget .wdgTit.type2{background: #E45151;}
	.widget .wdgTit.type2 .arr{border-left-color: #F6C7C7;}
	.widget .wdgTit.type2 .arr:after{border-left-color: #E45151;}
	.widget .wdgTit.type3{background: #DCD9D9; color: #5E5E5E; text-align: center; position: relative;}
	.widget .wdgTit.type3:after{content: ""; background: #CBC9C9; position: absolute; left: 0; bottom: 0;}
	.widget .item>.innerLink{width: 100%; color: inherit; vertical-align: top;}
	.widget .ntcList .item:not(:first-of-type){border-top: 1px solid #EEE;}
	.widget .ntcList .ntcNew, .widget .ntcList .ntcTxt, .widget .ntcList .ntcCnt{display: inline-block; float: left;} 
	.widget .ntcList .ntcNew{background: #E45151; color: #FFF;}
	.widget .ntcList .ntcTxt{color: #4E4E4E; vertical-align: middle;height: 2.2em;}
	.widget .ntcList .ntcCnt{background: #F5F3F3; color: #E45151; font-weight: 600; text-align: center; border-radius: 100%;}
	.widget .sttArea{overflow: hidden;}
	.widget .sttList .item{border: 1px solid #F5F3F3; display: inline-block; float: left;}
	.widget .sttList .item:nth-of-type(odd){clear: left;}
	.widget .sttList .item>.innerLink>figure, .widget .sttList .item>.innerLink>figcaption{width: 100%;}
	.widget .sttList .item>.innerLink>figure{background-image: url(image); background-size: cover; color: transparent; font-size: 0;}
	.widget .sttList .item>.innerLink>figcaption{background: #FAF9F8; color: #E45151; text-align: center; border-top: 1px solid #F5F3F3;}
	.widget .nwArea{position: relative;}
	.widget .nwArea .more{border: 1px solid #c1c1c1; position: absolute;}
	.widget .nwList .item{color: #4E4E4E;}
	.widget .nwList .item:before{content: ""; width: 3px; height: 3px; background: #CBC9C9; display: inline-block; margin-right: 8px;}
	.widget .nwList .item>.innerLink{width: calc(100% - 11px);}

/* MEDIA QUERY set  --------------------------------------------------------------------------------------------- */
@media screen and (min-width: 769px){
	#wg_area{width: auto;display: inline-block;height: 100%;position: absolute;top: 0px;right: -447px;z-index: 9999;display:none;}
	#wg_area a.close.pcWdg{width: 50px;height: 52px;background: #FFF;font-size: 32px;border: 2px solid #E45151;border-top-width: 2px;border-right-color: #FFF;color: #000;text-align: center;position: absolute;top: -2px;right: 395px;z-index: 99999;}
	#wg_area a.close.pcWdg>.axi-close:before{vertical-align: -.2em;}
	.widget{width: 397px; height: 100vh; border-left: 2px solid #E45151; padding-top: 14px;right: 0;z-index: 9999;}
	/* .widget a.close.pcWdg{width: 50px; height: 52px; background: #FFF; font-size: 32px; border: 2px solid #E45151; border-top-width: 2px; border-right-color: #FFF; position: fixed; top: -2px; right: 395px; z-index: 999999999999999999;}
	.widget a.close.pcWdg>.axi-close:before{vertical-align: -.1em;} */
	.widget>a.close.mWdg{display: none;}
	.widget .wdgTit{font-size: 21px;}
	.widget .wdgTit:not(:first-of-type){margin-top: 20px;}
	.widget .wdgTit.type1, .widget .wdgTit.type2{height: 53px; line-height: 52px; padding: 0 15px;}
	.widget .wdgTit.type3{width: 98px; height: 53px; line-height: 52px;}
	.widget .wdgTit.type3:after{width: 364px; height: 2px;}
	.widget .wdgTit .arr{border-width: 8px;}
	.widget .wdgTit .arr:after{border-width: 10px; margin-top: -10px; left: -13px;}
	.widget .ntcArea{max-height: 150px; margin-top: 20px; padding-left: 11px;}
	.widget .ntcList .item{height: 50px;}
	.widget .ntcList .ntcTxt, .widget .ntcList .ntcCnt{font-size: 16px;}
	.widget .ntcList .ntcNew{font-size: 14px; margin: 14px 0; padding: 0 5px;}
	.widget .ntcList .ntcTxt{width: calc(100% - 30px); line-height: 49px;}
	.widget .ntcList .ntcNew+.ntcTxt{width: calc(100% - 11vw - 8px); padding-left: 8px;}
	.widget .ntcList .ntcCnt{width: 30px; height: 30px; line-height: 28px; margin: 7px 0 8px;}
	.widget .sttArea{max-height: 420px; margin-top: 15px;}
	.widget .sttList .item{width: calc((100% - 27px) / 2); padding-bottom: 1px;}
	.widget .sttList .item:nth-of-type(even){margin-left: 25px;}
	.widget .sttList .item:not(:nth-of-type(-n+2)){margin-top: 20px;}
	.widget .sttList .item>.innerLink>figure{height: 148px;}
	.widget .sttList .item>.innerLink>figcaption{height: 40px; font-size: 16px; line-height: 40px;}
	.widget .nwArea{margin-top: 20px;}
	.widget .nwArea .more{width: 27px; height: 27px; top: -62px; right: 2px;}
	.widget .nwArea .more:before, .widget .nwArea .more:after{content: ""; background: #ACACAC; display: inline-block; position: relative;}
	.widget .nwArea .more:before{width: 15px; height: 3px; top: -3px; left: 5px;}
	.widget .nwArea .more:after{width: 3px; height: 15px; top: 3px; left: -4px;}
	.widget .nwList .item{font-size: 16px;}
	.widget .nwList .item>.innerLink{line-height: 30px;}
}
@media screen and (max-width: 768px){
	#wg_area{display: none !important;}
    #moveTop_btn{bottom: 80px; width:45px; height: 45px;}
    #moveTop_btn>button{height: 45px; line-height: 45px; background-size: 16px;}
    #wdg_btn{display: none;}
	.sub_fixed{display: none;}
	.mOverlayBg{background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; display: none;}
	.widget{width: calc((100vw / 3) * 2); height: 100vh; padding-top: 13.5vw; padding-bottom: 100px; top: 0; right: -100vw;}
	.widget>a.close.mWdg{width: 13.5vw; height: 13.5vw; font-size: 8.5vw; opacity: 0; z-index: 9999;}
	.widget>a.close.mWdg>.axi-close:before{vertical-align: -.1em;}
	.widget+a.close.pcWdg{display: none;}
	.widget .wdgTit{font-size: 3.38vw;}
	.widget .wdgTit:not(:first-of-type){margin-top: 5.5vw;}
	.widget .wdgTit.type1, .widget .wdgTit.type2{height: 8.7vw; line-height: 8.6vw; padding: 0 2.6vw;}
	.widget .wdgTit.type3{width: 16vw; height: 8.2vw; line-height: 8.2vw;}
	.widget .wdgTit.type3:after{width: calc(((100vw / 3) * 2) - 30px); height: 3px;}
	.widget .ntcArea{max-height: 24vw; margin-top: 3.7vw;}
	.widget .ntcList .item{height: 7.944vw;}
	.widget .ntcList .ntcTxt, .widget .ntcList .ntcCnt{font-size: 2.78vw;}
	.widget .ntcList .ntcNew{font-size: 2.5vw; margin: 2vw 0; padding: 0 .83vw;}
	.widget .ntcList .ntcTxt{width: calc(100% - 5.16vw); line-height: 7.6vw;}
	.widget .ntcList .ntcNew+.ntcTxt{width: calc(100% - 11vw - 8px); padding-left: 8px;}
	.widget .ntcList .ntcCnt{width: 5.16vw; height: 5.16vw; line-height: 4.5vw; margin: 1.2vw 0;}
	.widget .sttArea{max-height: 66vw; margin-top: 5.3vw; margin-bottom: 6.2vw;}
	.widget .sttList .item{width: calc((100% - 3.9vw) / 2); padding-bottom: 1px;}
	.widget .sttList .item:nth-of-type(even){margin-left: 3.9vw;}
	.widget .sttList .item:not(:nth-of-type(-n+2)){margin-top: 3vw;}
	.widget .sttList .item>.innerLink>figure{height: 24vw;}
	.widget .sttList .item>.innerLink>figcaption{height: 6.5vw; font-size: 2.6vw; line-height: 6.4vw;}
	.widget .nwArea{margin-top: 3.4vw;}
	.widget .nwArea .more{width: 4.56vw; height: 4.56vw; text-align: center; top: -11vw; right: 0;}
	.widget .nwArea .more:before{content: "\F067"; color: #ACACAC; font-size: 3vw; line-height: 4.2vw; vertical-align: top;}
	.widget .nwList .item{font-size: 2.78vw;}
	.widget .nwList .item>.innerLink{line-height: 5vw;}
}
@media screen and (max-width: 768px) and (min-width: 461px){
	.gnb_toggle{width: 100px; background-position: center right 0;}
	.snb .infoPanel>a, .snb .usrArea li>a{font-size: 3vw;}
}
@media screen and (min-width: 461px){
	.gnb_toggle{width: 100px;}
}
@media screen and (max-width: 460px) and (min-width: 375px){
	.snb .infoPanel>a, .snb .usrArea li>a{font-size: 13px;}
	.snb .infoPanel>a{height: 7vw; line-height: 7vw;}
	.snb .mDep1>li>.link{font-size: 16px;}
}
@media screen and (max-width: 460px){
	.gnb_toggle{width: 34px; background-position: center right 0;}
}
@media screen and (max-width: 374px){
	.snb .infoPanel>.button+.button{margin-left: 5px;}
	.snb .infoPanel .button.capsule{text-align: center; padding: 0;}
	.snb .infoPanel>a, .snb .usrArea li>a{font-size: 11px;}
	.snb .search-area{padding: 11px 7px;}
	.snb .search-area .searchBox02{height: 29px;}
	.snb .search-area .searchBox02 input{width: calc(100% - 28px);}
	.snb .search-area .searchBox02 button{width: 28px; height: 27px;}
	.snb .mDep1>li{height: 33px; line-height: 33px;}
	.snb .mDep1>li>.link{font-size: 16px;}
	.widget .ntcList .ntcNew{margin-top: 1.7vw;}
}