@charset "utf-8";
.noticeBoxList{ overflow:hidden;}
.noticeBoxList ul{ position:relative;overflow:hidden;}
.noticeBoxList ul li{ margin-bottom:10px;}
.noticeBoxList ul li:last-child{ margin-bottom:20px;}
.noticeBoxList ul li a{ display:block; position:relative;border:1px solid #e2e2e2; background:#ffffff;}
.noticeBoxList ul li a.noImg{ padding-top:30px;}
.noticeBoxList ul li a .img{ display:block;margin:-1px;}
.noticeBoxList ul li a .img img{width:100% !important;height:auto !important;}
.noticeBoxList ul li a > span:first-child  {position:absolute; left:-1px; top:-1px; width:68px; height:30px; font-size:11px; color:#fff; line-height:30px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; display:block; z-index:2;}
.noticeBoxList ul li a > span.companyNotice:first-child {background:#007944;}
.noticeBoxList ul li a > span.nanumNotice:first-child {background:#71ba00;}
.noticeBoxList ul li a > span.ceoNews:first-child {background:#ccc128;}
.noticeBoxList ul li a > span.magazine:first-child {background:#fcaf17;}
.noticeBoxList ul li a .conArea {padding:15px 14px 0px 14px; display:block;}
.noticeBoxList ul li a .conArea .tit {font-family:"NanumBarunGothicBold"; tfont-size:13px; color:#116941; ext-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.noticeBoxList ul li a .conArea .txt {margin-top:10px; line-height:16px; display:block;}
.noticeBoxList ul li a .date{ display:block;margin:8px 14px 14px 14px;background:url("/m/images/relation/notice_plus.png") no-repeat right center; -webkit-background-size:9px auto; background-size:9px auto;}
.noticeBoxList ul li a:hover,
.noticeBoxList ul li a:focus,
.noticeBoxList ul li.on a{background:#ffffff}
.noticeBoxList ul li a:hover .border,
.noticeBoxList ul li a:focus .border,
.noticeBoxList ul li.on a .border{ border:1px solid #008448; position:absolute; left:-1px; top:-1px;width:100%; height:100%;}

.noticeView{border-bottom:1px solid #e9e9e9; border-top:2px solid #008547;background:#ffffff;padding:15px 0px 15px 0px; font-size:14px;}
.noticeView .titleArea{border-bottom:1px solid #ebebeb; overflow:hidden; padding-bottom:13px; margin-bottom:25px;}
.noticeView .titleArea li.title{ color:#136844; font-family:"NanumBarunGothicBold"; line-height:16px;}
.noticeView .titleArea li.title .f_green{ color:#71ba00;}
.noticeView .titleArea li.date{ margin-top:8px; font-size:12px;}
.noticeView .titleArea li.file{ margin-top:8px; font-size:12px;}
.noticeView .fileArea{ margin-top:-25px; overflow:hidden;border-bottom:1px solid #afafaf; position:relative; padding-left:80px; margin-bottom:20px;}
.noticeView .fileArea li{ line-height:30px; font-size:11px;}
.noticeView .fileArea li.title{ position:absolute; left:0; top:0; width:80px; font-size:11px;border-right:1px solid #e9e9e9; text-align:center; background:#fbfbfb;}
.noticeView .fileArea li.con{ padding-left:10px;}
.noticeView .fileArea li.con a{ color:#136844;}
.noticeView .viewConArea{ line-height:22px; padding-bottom:10px;}
.noticeView .viewConArea .img{ margin-bottom:30px;}
.noticeView .viewConArea img{max-width:100% !important;}
.noticeView .viewConArea strong{ color:#333333; font-family:"NanumBarunGothicBold"; font-weight:normal; font-size:16px;}

.mediaList li{ margin-bottom:20px;}
.mediaList li a{ display:block; position:relative;}
.mediaList li a .playerArea{ display:block; position:relative;}
.mediaList li a .playerArea img{width:100%;}
.mediaList li a .playerArea iframe{ position:absolute; left:0; top:0;}
.mediaList li a .title{ background:#e9e9e9; padding:12px 15px; display:block; font-size:14px; color:#333333;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width:100%;}


.agreeCon{ padding-top:20px; font-size:11px; line-height:16px;}
.agreeCon .title{ margin-bottom:25px; font-size:11px;}
.agreeCon .title strong{ font-family:"NanumBarunGothicBold"; font-size:20px; font-weight:normal; color:#333333; display:inline-block;}
.agreeCon .title2{ margin-bottom:25px; font-size:11px;}
.agreeCon .title2 strong{ font-family:"NanumBarunGothicBold"; font-size:15px; font-weight:normal; color:#333333; display:inline-block;}
.agreeCon .tit{ margin-bottom:25px; font-size:14px; font-family:"NanumBarunGothicBold";}
.agreeCon .tit2{font-family:"NanumBarunGothicBold"; font-weight:normal; display:block; margin-bottom:5px;}
.agreeCon .con{ margin-bottom:25px;}
.agreeCon .con strong.stit{ font-family:"NanumBarunGothicBold"; font-weight:normal; display:block; margin-bottom:5px;}
.agreeCon .blList li{ position:relative; padding-left:16px;}
.agreeCon .blList li span.bl{ display:block; position:absolute; left:0; top:0;}

.yearSelectCon{ display:none;}
.yearSelectCon.year1{ display:block;}

.popup_player .popupContent{ background:#ffffff;padding:10px;}
.popup_player .popupContent .playerArea{ display:block; position:relative;}
.popup_player .popupContent .playerArea img{width:100%;}
.popup_player .popupContent .playerArea iframe{ position:absolute; left:0; top:0;}
.popup_player .popupContent .title{ background:#e9e9e9; padding:12px 15px; display:block; font-size:14px; color:#333333;}
.popup_player .popupContent .playerScroll{border:1px solid #e9e9e9;padding:15px 10px; line-height:18px; font-size:12px;height:150px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:auto;}



.CurrentPriceTop{margin:20px 0; overflow:hidden;}
.CurrentPriceTop li{ width:45%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:right;padding:3px 0}
.CurrentPriceTop li.price{ border-right:1px solid #e9e9e9; font-size:44px; color:#008547; text-align:left; float:left;padding:0px; width:55%;}
.CurrentPriceTop li p{ display:block;font-size:14px; overflow:hidden; margin-bottom:10px; position:relative; text-align:right;}
.CurrentPriceTop li p:last-child{ margin-bottom:0;}
.CurrentPriceTop li p strong{ display:block; color:#333; position:absolute; left:10px; top:0; font-family:"NanumBarunGothic"; font-weight:normal;}
.CurrentPriceTop li p .txt{ display:block;}

.CurrentPriceInfo{ overflow:hidden;border-top:1px solid #afafaf;border-bottom:1px solid #d8d8d8;}
.CurrentPriceInfo .leftCon { width:469px;}
.CurrentPriceInfo .leftCon dl{ float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:50%;}
.CurrentPriceInfo .leftCon dl dt{ border-bottom:1px solid #e9e9e9; text-align:center; line-height:40px; color:#555555; font-size:14px; font-family:"NanumBarunGothicBold";}
.CurrentPriceInfo .leftCon dl dd{ border-left:1px solid #e9e9e9; height:180px; text-align:center; font-size:13px;}
.CurrentPriceInfo .leftCon dl:first-child dd{ border-left:0px}
.CurrentPriceInfo .leftCon dl dd.down .BigArr{ margin-top:26px; display:inline-block; background:url("/m/images/relation/down_bg.png") no-repeat; width:134px; height:106px; font-size:13px; color:#ffffff; text-align:center; font-family:"NanumBarunGothicBold"; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top:60px;}
.CurrentPriceInfo .leftCon dl dd.down .point .arr{ color:#0076b0;}
.CurrentPriceInfo .leftCon dl dd.up .BigArr{ margin-top:26px; display:inline-block; background:url("/m/images/relation/up_bg.png") no-repeat; width:134px; height:106px; font-size:13px; color:#ffffff; text-align:center; font-family:"NanumBarunGothicBold"; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-top:73px;}
.CurrentPriceInfo .leftCon dl dd.up .point .arr{ color:#bb0000;}
.CurrentPriceInfo .leftCon dl dd .point{ text-align:center; margin-top:15px; color:#333333; font-family:"NanumBarunGothicBold";}

.CurrentPriceTableArea{ overflow:hidden;}
.CurrentPriceTableArea .leftCon{ width:562px;;}
.CurrentPriceTableArea .rightCon{ width:378px;;}
.CurrentPriceTableArea .rightCon tfoot td{ background:#f4f9fb; font-family:"NanumBarunGothic";}

.flagSelectCon{ display:none;}

.MagazineBox{border:1px solid #e9e9e9; background:#ffffff;}
.MagazineBox .topContentArea{position:relative; overflow:hidden;}
.MagazineBox .topContentArea .imgArea{ position:relative;}
.MagazineBox .topContentArea .imgArea img{ width:100%;}
.MagazineBox .topContentArea .imgArea ul{ background:url("/m/images/relation/img_bg.png"); position:absolute; left:0px; bottom:0px;width:100%;height:40px;padding:0 15px;z-index:10; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.MagazineBox .topContentArea .imgArea ul li{ line-height:40px; font-size:14px; color:#ededed;;}
.MagazineBox .topContentArea .imgArea ul li .f_green{ color:#6ad29f;}
.MagazineBox .topContentArea .monthInfo{padding:20px 15px;}
.MagazineBox .topContentArea .monthInfo .MagazineMonth{padding:0 0 15px 0; overflow:hidden; border-bottom:1px solid #e9e9e9;}
.MagazineBox .topContentArea .monthInfo .MagazineMonth .month{ float:left; color:#666666;}
.MagazineBox .topContentArea .monthInfo .MagazineMonth .month strong{ display:inline-block;color:#000000; font-size:22px;}
.MagazineBox .topContentArea .monthInfo .MagazineMonth .month span{ display:inline-block;font-size:11px;}
.MagazineBox .topContentArea .monthInfo .MagazineMonth .btn{ float:right;}
.MagazineBox .topContentArea .monthInfo .MagazineMonth .btn a.btnText{ width:75px; line-height:25px; height:25px; font-size:11px;}
.MagazineBox .topContentArea .monthInfo .smInfo{font-size:11px; line-height:21px; padding-top:15px; position:relative;}
.MagazineBox .topContentArea .monthInfo .smInfo strong{ color:#333;}
.MagazineBox .topContentArea .monthInfo .btnText{}
.MagazineBox .topContentArea .monthInfo .btnText span{ display:block;width:52px; height:52px; background:url("/m/images/relation/down_icon.png") no-repeat center center; overflow:hidden; text-indent:-9999px; padding-right:0;}
.MagazineBox .yearArea .yearBtn{ display:block;}

.yearList{}
.yearList > li{border-top:1px solid #e9e9e9; position:relative;}
.yearList > li > a{ display:block;background:#fff url("/m/images/customer/faq_off.png") no-repeat right center; line-height:38px; font-size:14px;padding:0px 14px; position:relative; font-family:"NanumGothicBold"; color:#333;-webkit-background-size:26px auto; background-size:26px auto;}
.yearList > li > a .tit{ color:#008549; display:block; position:absolute; left:49px; top:15px; font-size:21px;}
.yearList > li.on{ margin-bottom:-1px;z-index:1}
.yearList > li.on > a{background:#fff url("/m/images/customer/faq_on.png") no-repeat right center;-webkit-background-size:26px auto; background-size:26px auto;}
.yearList > li > .yearCon{ display:none;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; font-size:14px; line-height:24px;padding:25px 11px 5px 11px; position:relative; background:#e9e9e9;}
.yearList > li > .yearCon ul{overflow:hidden;}
.yearList > li > .yearCon ul li{ float:left;font-size:12px; color:#333333; margin-bottom:20px; width:33.333333%;padding:0 4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.yearList > li > .yearCon ul li .title{ text-align:center; margin-bottom:10px; line-height:12px; font-family:"NanumBarunGothicBold";}
.yearList > li > .yearCon ul li a{ text-align:center; display:block; text-decoration:none;}
.yearList > li > .yearCon ul li a.btnText{border:1px solid #c8c8c8; background:none;}
.yearList > li > .yearCon ul li img{border:1px solid #dbdbdb; margin-bottom:5px; display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.yearList > li > .yearCon ul li a:hover img,
.yearList > li > .yearCon ul li a:focus img,
.yearList > li > .yearCon ul li.on a img{ border:1px solid #008548;}
.yearList > li.on > .yearCon{ display:block;}


.inTableCon + .note01 {margin-top:7px;}


/* 과학문화재단 */
.scienceCulture {font-size:12px; line-height:18px;}
.scienceCulture h3.bTitle {margin:28px 0 7px 0;}
.scienceCulture ul.list01.line:after {width:100%; height:4px; margin-top:31px; border-top:1px solid #e9e9e9; display:block; content:"";}
.scienceCulture .organ {clear:both; height:auto; overflow:hidden;}
.scienceCulture .organ h4 {position:relative; margin-bottom:2px; padding-left:9px; font-size:12px; font-weight:normal;}
.scienceCulture .organ h4:before {position:absolute; top:7px; left:0; width:3px; height:3px; border-radius:50%; background:#333; display:block; content:"";}
.scienceCulture .organ h5 {font-size:12px;}
.scienceCulture .organ .figure {border:1px solid #e9e9e9;}
.scienceCulture .organ .figure .autoImg {width:100%; height:35.2vw; line-height:0;}
.scienceCulture .organ .figure .caption {height:75px; padding:7px 10px 0 10px; border-top:1px solid #e9e9e9;}
.scienceCulture .organ > li:not(:first-child) {margin-top:12px;}
.scienceCulture .organ > li > .figure {width:calc(50% - 8px);}
.scienceCulture .organ ol {clear:both; height:auto; margin:0 -4px -6px -4px; overflow:hidden;}
.scienceCulture .organ ol > li {float:left; width:calc(50% - 8px); margin:0 4px 10px 4px;}
.scienceCulture .inTableCon ul {margin:10px 0;}
.scienceCulture .inTableCon ul li {margin:5px 0;}
.scienceCulture dl.history {clear:both; height:auto; margin-top:20px; padding:20px 0; border-top:2px solid #008547;}
.scienceCulture dl.history > dt:not(:first-of-type), .scienceCulture dl.history > dd:not(:first-of-type) {margin-top:20px; padding-top:20px; border-top:1px solid #ececec;}
.scienceCulture dl.history > dt {clear:both; float:left; width:70px;}
.scienceCulture dl.history > dt img {height:17.5px;}
.scienceCulture dl.history > dd {height:auto; overflow:hidden;}
/* 울산복지재단 */
.scienceCulture.ulsan .organ > li:nth-child(2) {clear:both; padding-top:17px;}





/********************************************mobile *************************************/


/*

.playerWrap{ padding-top:50px; overflow:hidden;}
.playerWrap .leftCon{ float:left; width:735px; background:#e9e9e9;}
.playerWrap .leftCon .playerArea{height:415px; overflow:hidden;}
.playerWrap .leftCon .playerCon{ background:#ffffff;border:1px solid #e9e9e9; border-top:0;}
.playerWrap .leftCon .playerCon .title{ background:#e9e9e9; line-height:60px; font-size:16px; font-family:"NanumBarunGothicBold";padding:0 40px; height:60px; position:relative;}
.playerWrap .leftCon .playerCon .title .date{ display:block;position:absolute; right:40px; font-size:13px; font-family:"NanumBarunGothic"; top:0;}
.playerWrap .leftCon .playerCon .con{margin:10px; overflow:auto;height:112px; font-size:13px; line-height:20px;padding:10px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.playerWrap .rightScroll{border:1px solid #e9e9e9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;width:245px;height:608px; float:right; border-left:0; overflow:auto;padding:30px 0px;}
.playerWrap .rightScroll li{width:204px;margin:35px auto 0 auto;}
.playerWrap .rightScroll li:first-child{ margin-top:0;}
.playerWrap .rightScroll li a{ position:relative; display:block;}
.playerWrap .rightScroll li a img{ margin-bottom:20px;}
.playerWrap .rightScroll li a .tit{ display:block; font-size:13px; font-family:"NanumBarunGothicBold";}
.playerWrap .rightScroll li a .tit .date{ font-weight:normal; font-family:"NanumBarunGothic"; display:inline-block; margin-left:10px; font-size:12px;}
.playerWrap .rightScroll li a .bg{ background:url("/m/images/relation/movie_img_bg.png") no-repeat; width:100%;height:125px; position:absolute; left:0; top:0; display:none;}
.playerWrap .rightScroll li a:hover,
.playerWrap .rightScroll li a:focus,
.playerWrap .rightScroll li.on a{ color:#007441;}
.playerWrap .rightScroll li a:hover .bg,
.playerWrap .rightScroll li a:focus .bg,
.playerWrap .rightScroll li.on a .bg{ display:block;}

.irCon{ font-size:13px; line-height:24px; position:relative;}
.irCon.bline{border-bottom:1px solid #e9e9e9;  margin-bottom:40px;}
.irCon .stitle{ margin-bottom:12px;}
.irCon .grDotCon{width:580px;}
.irCon .grDotCon li{ margin-top: 9px; background: url("/m/images/common/gr_dot.png") no-repeat left 9px; padding-left: 9px; position: relative;}
.irCon .grDotCon li:first-child{ margin-top: 0px;}
.irCon .grDotCon.type2{ margin-top:10px;}
.irCon .grDotCon.type2 li{ margin-top:0;}
.irCon .rightImg{ position:absolute; right:0; bottom:0px;}
.irCon.bline .rightImg{bottom:20px;}

.ListBox{ background:#ffffff;border:1px solid #e9e9e9;padding:50px;}


.boardViewBox{ background:#ffffff; border:1px solid #e9e9e9;padding:50px;}
.boardViewBox .titleArea{ padding:0 0px 0px 0; position:relative; line-height:22px; border-bottom:1px solid #e6e6e6; margin-bottom:30px;}
.boardViewBox .titleArea h3{ font-size:20px; font-family:"NanumBarunGothicBold"; color:#333;}
.boardViewBox .titleArea .date{ position:absolute; right:0; top:0;}
.boardViewBox .titleArea .file{border-top:1px solid #e6e6e6; overflow:hidden; line-height:20px;padding:10px 0; margin-top:27px;}
.boardViewBox .titleArea .file li{ float:left;}
.boardViewBox .titleArea .file li.tit{width:82px; border-right:1px solid #e9e9e9; text-align:center; color:#333; font-family:"NanumBarunGothicBold";}
.boardViewBox .titleArea .file li.con{ padding-left:20px;width:770px;}
.boardViewBox .viewCon{ font-size:14px; line-height:26px;min-height:150px;}
.boardViewBox .viewCon strong{ color:#333; font-size:16px;}
.boardViewBox .viewCon .img{padding:30px 0}

.searchTopBox{ background:#ffffff; border:1px solid #e9e9e9;padding:50px; overflow:hidden; position:relative;}
.searchTopBox li.titleIcon{ float:left; background:url("/m/images/customer/searchTop_icon.png") no-repeat left center; padding-left:80px; font-size:14px; line-height:24px;margin-bottom:-5px;}
.searchTopBox li.titleIcon p{ margin-bottom:10px;}
.searchTopBox li.btnRight{ position:absolute; right:50px;top:50%;margin-top:-25px;}
.searchTopBox li.btnRight a{ width:170px;vertical-align:middle}
.searchListBox{ margin-top:30px;background:#ffffff; border:1px solid #e9e9e9;padding:50px; overflow:hidden; position:relative;}
.DisclosureBox{ background:#ffffff; border:1px solid #e9e9e9;padding:50px; overflow:hidden; position:relative;}

.disclaimerCon .txt{ font-size:13px; margin-bottom:10px;}
.disclaimerCon .dotTextCon{border:1px solid #afafaf;padding:30px; margin-top:0;}
.disclaimerCon .dotTextCon li{ margin-top:22px;}
*/