@charset "utf-8";

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 300;
    src: local("Spoqa Han Sans Light"),local("Spoqa Han Sans Light"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Light.eot?#iefix") format("embedded-opentype"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Light.woff2") format("woff2"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Light.woff") format("woff"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Light.ttf") format("truetype")
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 400;
    src: local("Spoqa Han Sans Regular"),local("Spoqa Han Sans Regular"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Regular.eot?#iefix") format("embedded-opentype"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Regular.woff2") format("woff2"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Regular.woff") format("woff"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Regular.ttf") format("truetype")
}

@font-face {
    font-family: 'Spoqa Han Sans';
    font-weight: 700;
    src: local("Spoqa Han Sans Bold"),local("Spoqa Han Sans Bold"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Bold.eot?#iefix") format("embedded-opentype"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Bold.woff2") format("woff2"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Bold.woff") format("woff"),
    	url("https://fundsupermarket.wooriib.com/common/font/font_new/Spoqa Han Sans Bold.ttf") format("truetype")
}

@font-face {
	font-family: 'Spoqa Han Sans Neo';
	font-weight: 300;
	src: local("Spoqa Han Sans Light"),local("Spoqa Han Sans Light"),
	url("https://fundsupermarket.wooriib.com/common/font/font_new/SpoqaHanSansNeo-Light.woff2") format("woff2"),
	url("https://fundsupermarket.wooriib.com/common/font/font_new/SpoqaHanSansNeo-Light.woff") format("woff"),
	url("https://fundsupermarket.wooriib.com/common/font/font_new/SpoqaHanSansNeo-Light.ttf") format("truetype")
}

/*새 홈페이지*/
.wrap {font-family: "Spoqa Han Sans","Sans-serif";}
/* header */
.wrap .header.main {background:none;}
.wrap .header.main > .inbox {height:80px;line-height:78px;}
.wrap .header.main > .inbox:after {content:""; display:block; clear:both;}
.wrap .header.main > .inbox .logo h1 {background:url('/img/mainWts/fundSM_logo.svg') no-repeat; background-size:cover;}
.wrap .header.main > .inbox .gnb:after {content:""; display:block; clear:both;}
.wrap .header.main > .inbox .gnb ul li a {color:#fff;}


.wrap .header.main:after {display:none; content:""; position:absolute; top:80px; left:0; width:100%; height:1px; background:#eee; z-index:9;}
.wrap .header.main.fix:after {display:block;}
.wrap .header.main.fix {background:#fff; }
.wrap .header.main.fix > .inbox .logo h1 {background:url('/img/mainWts/header_logo.svg') no-repeat; background-size:cover;height: 42px;margin-top: -6px;}
.wrap .header.main.fix > .inbox .gnb ul li a{color:#333;}


.header.main.fixtop > .inbox .logo h1 {background:url('/img/mainWts/fundSM_logo.svg') no-repeat; background-size:cover;}
.header.main.fixtop > .inbox .logo h1.on {background:url('/img/mainWts/header_logo.svg') no-repeat; background-size:cover;height: 42px;margin-top: -6px;}

/* 회사소개 */
.ceo_area {width:100%;}
.ceo_area .inbox{width:1000px; margin:0 auto; padding:150px 0;}
.ceo_area .inbox p.tit {font-size:40px; line-height:55px; letter-spacing:-1.2px; color:#333;}
.ceo_area .inbox p.text {margin-top:55px; font-size: 22px; line-height: 32px; color: #666;}
.ceo_area .inbox b {vertical-align:0;}

.ceo_area.ceo {background:#eaeae8 url('/img/homepage_new/bg_ceo02.png') 70% bottom no-repeat; /*background-size:968px 561px;*/}
.ceo_area.ceo .inbox {position: relative; height:500px; padding-bottom:0;} 
.ceo_area.ceo .inbox p.tit {font-size:30px; line-height:40px; color:#666;}
.ceo_area.ceo .inbox p.tit b {display:block; margin-bottom:8px; font-size:40px; line-height:65px; color:#333; letter-spacing:-1.2px;}
.ceo_area.ceo .inbox .sign {position: absolute; bottom:150px; left:0; }

.ceo_area.bg {height:830px; background:url('/img/homepage_new/bg_phone.png') bottom no-repeat; background-size:100% 400px;}
.ceo_area.bg .inbox {padding-bottom:0;} 

/* 우리의 비전 */
.vision_area {width:100%;}
.vision_area .inbox{width:1000px; margin:0 auto; padding:150px 0 0 0;}
.vision_area .inbox p.tit {font-size:40px; line-height:55px; letter-spacing:-1.2px; color:#333; text-align:center;}
.vision_area .inbox p.text {margin-top:55px; font-size: 22px; line-height: 32px; color: #666; text-align:center;margin-bottom:100px;}
.vision_area .inbox b {vertical-align:0;}
.vision_area .inbox .img {text-align:center;}
.vision_area .line {margin-top:100px; width:100%; border-top:solid 1px #eee;}
.vision_area .inbox ul {padding:100px 0 150px 0;}
.vision_area .inbox ul:after {content:""; display:block; clear:both;}
.vision_area .inbox ul li {float:left; width:33.3%;}
.vision_area .inbox ul li dl dt {margin-bottom:19px; display:block; font-size: 35px; font-weight: bold; line-height: 43px; color:#333;}
.vision_area .inbox ul li dl dd {font-size: 22px; line-height: 32px; color:#666;}

/* 주주구성 */
.shareholder_area .inbox{width:1000px; margin:0 auto; padding:150px 0;}
.shareholder_area .inbox p.tit {font-size:40px; line-height:55px; letter-spacing:-1.2px; color:#333; text-align:center;}
.shareholder_area .inbox p.text {margin-top:55px; font-size: 22px; line-height: 32px; color: #666; text-align:center;}
.shareholder_area .inbox b {vertical-align:0;}
.shareholder_area .inbox .btn {margin:0 auto; width:258px; height:50px; border:solid 1px #ddd; text-align:center;border-radius:6px}
.shareholder_area .inbox .btn a {display:block; font-size:18px; line-height:48px; color:#333;}
.shareholder_area .inbox .info {padding:116px 0 0px 0; position:relative}
.shareholder_area .inbox .info:after {content:""; display:block; clear:both;}
.shareholder_area .inbox .info .img {float:left; width:423px; margin-left:65px;}
.shareholder_area .inbox .info .conts {float:left; width:389px; margin-left:75px;}
.shareholder_area .inbox .info .conts dl:after {content:""; display:block; clear:both;}
.shareholder_area .inbox .info .conts dl dt {float:left; padding:12px 0; width:70%; font-size:22px; line-height:24px; color:#666;}
.shareholder_area .inbox .info .conts dl dd {float:right;padding:12px 0; width:30%; font-size:22px; line-height:24px; color:#666; text-align:right;}
.shareholder_area .inbox .info .conts dl.first {padding:0 0 9px 0; margin:35px 0 3px 0;}
.shareholder_area .inbox .info .conts dl.first dt,
.shareholder_area .inbox .info .conts dl.first dd {color:#333; padding:0;}
.shareholder_area .inbox .info .conts dl.first {border-bottom:solid 1px #eee;}

/* 주주구성 추가 변경 202208 */
#chartdiv { width: 100%;  height: 470px; margin-top: 0px;}
.shareholder_area .section_box {position: relative;}
.shareholder_area .section02_ch_wrap {position: absolute; top:115px; left:0; width: 1000px;height: 500px; margin: 0px 0 0 0px; z-index: -1; background: url(/img/homepage_new/chartdiv_bg.png) no-repeat center top; }
.shareholder_area .section02_ch_logo {width: 224px;height:214px ;position: absolute;top: 50%;left: 50%;background: url(/img/homepage_new/chartdiv_bg_logo.png) no-repeat 0 0;margin-left: -108px;margin-top: -90px;}
.shareholder_area .txt02 {position: relative; padding-left:62px;width: 625px; padding-top: 4px;margin: 30px auto 0 auto;text-align: left;background: url(/img/homepage_new/ico_aa2.png) no-repeat; height:50px; font-size:16px;line-height: 22px;color: #616975;}
.shareholder_area .txt02::after {content: ''; display: block; width: 60px; height: 30px; background: #fff; position: absolute; top:-60px; left:-155px; }
.shareholder_area .link01 {position: absolute; top:310px; right: 135px; width: 150px; height: 100px; z-index: 10;}
.shareholder_area .link02 {position: absolute; top:420px; left: 200px; width: 100px; height: 80px;  z-index: 10;}

/* 윤리경영 */
.ethics_management_area .inbox{width:1000px; margin:0 auto; padding:150px 0;}
.ethics_management_area .inbox p.tit {font-size:40px; line-height:55px; letter-spacing:-1.2px; color:#333; text-align:center;}
.ethics_management_area .inbox p.text {margin-top:55px; font-size: 22px; line-height: 32px; color: #666; text-align:center;}
.ethics_management_area .inbox b {vertical-align:0;}
.ethics_management_area .inbox .conts {margin-top:40px;}
.ethics_management_area .inbox .conts:after {content:""; display:block; clear:both;}
.ethics_management_area .inbox .conts li {float:left; width:500px; margin:60px 0 0 0;}
.ethics_management_area .inbox .conts li dl dt {margin-bottom:20px; font-size:30px; line-height:43px; color:#333; font-weight:bold;}
.ethics_management_area .inbox .conts li dl dd {font-size:22px; line-height:32px; color:#666;}
.ethics_management_area .inbox .conts li:nth-child(even){padding-left:95px;width:405px;}

/* 회사연혁 */
.history_area .inbox{width:1000px; margin:0 auto; padding:150px 0;}
.history_area .inbox p.tit {margin-bottom:100px;font-size:40px; line-height:55px; letter-spacing:-1.2px; color:#333; text-align:center;}
.history_area .inbox b {vertical-align:0;}
.history_area .inbox .conts {}
.history_area .inbox .conts dl {width:537px; margin:0 auto; position: relative;}
.history_area .inbox .conts dl:before {content:""; width:1px; height:100%; border-left:dotted 2px #1f5dbe; position: absolute; left:85px; top:14px;}
.history_area .inbox .conts dl:after {content:""; display:block; clear:both;}
.history_area .inbox .conts dl dt {float:left; width:92px; font-size:24px; line-height:37px; color:#1f5dbe; font-weight:bold; position: relative;}
.history_area .inbox .conts dl dt:before {content:""; width:13px; height:13px; border-radius:100%; background:#1f5dbe; position: absolute; right:0; top:13px; }
.history_area .inbox .conts dl dd {float:left; margin-left:30px; width:415px;}
.history_area .inbox .conts dl dd ul li {height:96px; font-size:22px; line-height:32px; color:#666;}
.history_area .inbox .conts dl dd ul li:last-child{margin-bottom:30px;}
.history_area .inbox .conts dl dd ul li span {display:block;position:relative;top:2px;}

/* header*/
.wrap{width:100%;overflow:auto;}
.wrap .header {width:100%; background:#fff; position:fixed; z-index:10;}
.wrap .header > .inbox {width:1000px;margin:auto;height:80px;line-height:78px;}
.wrap .header > .inbox:after {content:""; display:block; clear:both;}
.wrap .header > .inbox .logo{display:inline-block;margin-top:26px;}
.wrap .header > .inbox .logo h1{width:149px;height:26px;text-indent:-999em;background:url('/img/mainWts/header_logo.svg') no-repeat;background-size:cover;}
.wrap .header > .inbox .gnb{float:right;}
.wrap .header > .inbox .gnb:after {content:""; display:block; clear:both;}
.wrap .header > .inbox .gnb ul li {float:left; width:106px; text-align:center; transition: border-color .5s; -webkit-transition:border-color .5s;}
.wrap .header > .inbox .gnb ul li a{font-size:18px;/*line-height:24px;*/font-weight:bold;color:#333;}
.wrap .header > .inbox .gnb ul li:hover,
.wrap .header > .inbox .gnb ul li.on{border-bottom:solid 3px #333;}

.wrap .header.sub{border-bottom:1px solid #eee;box-sizing:border-box;}
.wrap .header.sub > .inbox .logo h1 {height: 42px; margin-top: -6px;}
/* subgnb */
.wrap .header .inbox .gnb > ul > li{height:80px;}
.wrap .header .inbox .gnb ul li {position:relative; float:left;margin-right:15px;top:1px;}
.wrap .header .inbox .gnb ul li:last-child{margin-right:0;}
.wrap .header .inbox .gnb ul li .subgnb {display:none; position:absolute; width:100%; top:80px; left:0; z-index:9;}
.wrap .header .inbox .gnb ul li .subgnb ul.menu {padding:13px 0 50px 0; height:170px;}
.wrap .header .inbox .gnb ul li .subgnb ul.menu li {width:auto; padding:0; margin-left:0;}
.wrap .header .inbox .gnb ul li .subgnb ul.menu li > a {display:block; font-size:16px; line-height:24px; color:#333; width:100px; padding:9px 0;}
.wrap .header .inbox .gnb ul li .subgnb ul.menu li > a:hover {color:#333; height:auto; text-decoration:underline; background:none;}
.wrap .header .inbox .gnb ul li .subgnb ul.menu li {border:0;}

/* visual */
.visual_wrap {margin-top:80px; width:100%; height:300px; position: relative;}
.visual_wrap h1 {padding-top:169px; margin:0 auto; width:1000px; font-size: 40px; font-weight: bold; line-height: 1.63; letter-spacing: -1.2px; text-align: left; color: #fff; position: relative; z-index:3;}
/* introduce */
.visual_wrap.ceo {background:url('/img/homepage_new/bg_visual_ceo.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.ceo::after {content:""; width:100%; height:300px; background-color:rgba(210, 119, 0, 0.3); position: absolute; top:0; left:0; z-index:2;}
.visual_wrap.vision {background:url('/img/homepage_new/bg_visual_vision.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.shareholder {background:url('/img/homepage_new/bg_visual_shareholder.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.ethics_management {background:url('/img/homepage_new/bg_visual_ethics_management.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.ethics_management::after {content:""; width:100%; height:300px; background-color:rgba(210, 119, 0, 0.3); position: absolute; top:0; left:0; z-index:2;}
.visual_wrap.history {background:url('/img/homepage_new/bg_visual_history.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.history::after {content:""; width:100%; height:300px; background-color:rgba(48, 29, 28, 0.3); position: absolute; top:0; left:0; z-index:2;}

/* promotion */
.visual_wrap.news {background:url('/img/homepage_new/bg_visual_news.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.press_article {background:url('/img/homepage_new/bg_visual_press_article.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.press_article::after {content:""; width:100%; height:300px; background-color:rgba(210, 119, 0, 0.3); position: absolute; top:0; left:0; z-index:2;}
.visual_wrap.announcement {background:url('/img/homepage_new/bg_visual_announcement.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.announcement::after {content:""; width:100%; height:300px; background-color:rgba(210, 119, 0, 0.3); position: absolute; top:0; left:0; z-index:2;}
.visual_wrap.notice {background:url('/img/homepage_new/bg_visual_notice.png') 50% 0 no-repeat; background-size:cover;}
.visual_wrap.notice::after {content:""; width:100%; height:300px; background-color:rgba(210, 119, 0, 0.3); position: absolute; top:0; left:0; z-index:2;}

.tit_wrap {width:1000px; margin:125px auto 0 auto; padding-bottom:30px; font-size:35px; line-height:65px; letter-spacing:-1.05px; color:#333; font-weight:bold; border-bottom:solid 1px #333;}
.tit_wrap h1 {font-size:35px;}

/* board_detail */
.board_detail_area {margin:0 auto 150px auto; width:1000px;}
.board_detail_area .tit {padding:50px 0 30px 0; font-size:28px; line-height:40px; color:#333;}
.board_detail_area .tit span.i_c {display:inline-block; margin-right:6px; width:28px; height:28px; vertical-align:middle; background:url('/img/homepage_new/ico_ic_pin.png') no-repeat center / 100%;}
.board_detail_area .tit p {display:inline-block;width:95%;vertical-align:middle;font-size:28px;}

.board_detail_area .util_wrap {width:100%; position:relative;}
.board_detail_area .util_wrap:after {content:""; display:block; clear:both;}
.board_detail_area .util_wrap .inquiry {float:left; font-size:16px; line-height:17px; color:#999;}
.board_detail_area .util_wrap .inquiry span {display:inline-block; height:17px; margin:0 15px; border-left:solid 1px #ddd; vertical-align:-2px;}
.board_detail_area .util_wrap a {display:inline-block; float:right; font-size:16px; line-height:21px; color:#1f5dbe; letter-spacing:-0.3px; text-decoration:underline;}
.board_detail_area .util_wrap a span.i_c {display:inline-block; margin-right:3px; width:18px; height:18px; vertical-align:-4px; background:url('/img/homepage_new/ico_ic_file.png') no-repeat center -1px / 100%;}

.board_detail_area .util_wrap .tooltip {display:none; padding:24px 30px;min-width:320px; border:solid 1px #333; border-radius: 6px; background:#fff; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24); position:absolute; right:0; top:32px; z-index:2;}
.board_detail_area .util_wrap .tooltip p.tit {padding:0 0 15px 0; font-size:16px; line-height:21px; color:#333; font-weight:bold;}
.board_detail_area .util_wrap .tooltip p.tit a {display:inline-block; margin-left:3px;  float:none; width:15px; height:13px; background:url('/img/homepage_new/ico_down.png') no-repeat; vertical-align:0; }
.board_detail_area .util_wrap .tooltip ul li {padding-left:10px; margin-top:5px; font-size:12px; line-height:21px; color:#666; position:relative;}
.board_detail_area .util_wrap .tooltip ul li:before {content:""; border-radius: 100%; width:3px; height:3px; background:#ccc; position:absolute; left:0; top:11px;}
.board_detail_area .util_wrap .tooltip ul li:first-child {margin-top:0;}
.board_detail_area .util_wrap .tooltip ul li a {display:inline-block; float:none;}

.board_detail_area .editor_wrap {padding:30px 0 50px; border-bottom:solid 1px #eee;line-height:24px;}
.board_detail_area .btn {margin:55px auto 0 auto; width:210px; height:50px; border:solid 1px #dddd; border-radius: 6px;}
.board_detail_area .btn a {display:block; font-size:18px; line-height:50px; vertical-align:middle;text-align:center;}

/* footer */
.wrap .footer_wrp{background-color:#f7f7f7;height:350px;}
.wrap .footer_wrp .footer{width:1000px;margin:auto;padding-top:80px;position:relative;}
.wrap .footer *{font-size:18px;color:#666;letter-spacing:-0.5px;}
.wrap .footer .imp_wrp ul{display:inline-block;}
.wrap .footer .imp_wrp ul li{float:left;margin-right:33px;}
.wrap .footer .imp_wrp ul li a b{color:#333 !important;}
.wrap .footer .imp_wrp ul li:last-child{margin-right:0;clear:right;}
.wrap .footer .imp_wrp address{display:block;margin-top:30px;}
.wrap .footer .imp_wrp address b{margin-bottom:5px;display:inline-block;letter-spacing:0}
.wrap .footer .imp_wrp address .copyright{margin-top:30px;display:inline-block; color:#999;} /* 2019.10.14 수정 */
.wrap .footer .sns_wrp{position:absolute;right:0;top:188px;}
.wrap .footer .sns_wrp li{float:left;margin-right:12.5px;} /* 2019.10.14 수정 */
.wrap .footer .sns_wrp li a{display:inline-block;overflow: hidden;text-indent:-999em;width:46px;height:46px;}
.wrap .footer .sns_wrp li:last-child{margin-right:0;}
.wrap .footer .sns_wrp li:first-child a{background:url('/img/homepage_new/ico_ic_youtube.png') no-repeat;background-size:cover;}
.wrap .footer .sns_wrp li:nth-child(2) a{background:url('/img/homepage_new/ico_ic_facebook.png') no-repeat;background-size:cover;}
/*.wrap .footer .sns_wrp li:nth-child(3) a{background:url('/img/homepage_new/ico_ic_nblog.png') no-repeat;background-size:cover;}*/
.wrap .footer .sns_wrp li:nth-child(3) a{background:url('/img/homepage_new/ico_ic_npost.png') no-repeat;background-size:cover;}
.wrap .footer .sns_wrp li:nth-child(4) a{background:url('/img/homepage_new//ico_ic_nblog02.png') no-repeat;background-size:cover;}
.wrap .footer .sns_wrp li:nth-child(5) a{background:url('/img/homepage_new//ico_ic_kakao.png') no-repeat;background-size:cover;}
.wrap .footer .sns_wrp li:last-child a{background:url('/img/homepage_new/ico_ic_potbbang.png') no-repeat;background-size:cover;}


/* 새소식, 언론기사 */
.news_area {width:100%; margin:100px 0 150px 0;}
.news_area .inbox {width:1000px; margin:0 auto;}
.news_area .inbox ul li {padding:30px 0; border-bottom:solid 1px #ddd;}
.news_area .inbox ul li:first-child {padding-top:0;}
.news_area .inbox ul li:after {content:""; display:block; clear:both;}
.news_area .inbox ul li a {display:flex; width:100%; position: relative;}
.news_area .inbox ul li a .img {float:left; margin-right:30px; width:210px; height:137px; background:#f5f5f5;}
.news_area .inbox ul li a .text_area {float:left; margin-right:30px; width:53%;}
.news_area .inbox ul li.noimg a .text_area {width:77%;}
.news_area .inbox ul li.noimg dl{margin-top:0 !important;}
.news_area .inbox ul li a .text_area dl {margin-top:20px;}
.news_area .inbox ul li a .text_area dl dt {margin-bottom:20px; font-size:18px; line-height:28px; color:#333; font-weight:bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.news_area .inbox ul li a .text_area dl dt span.i_c {display:inline-block;margin:5px 5px 0 0;width:18px;height:18px;vertical-align: top;background:url('/img/homepage_new/ico_ic_pin.png') no-repeat center / 100%;}
.news_area .inbox ul li a .text_area dl dd {font-size:16px; line-height:25px; color:#666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.news_area .inbox ul li a .inquiry {position:absolute; top:50px; right:0; font-size:16px; line-height:17px; color:#999;}
.news_area .inbox ul li a .inquiry span {display:inline-block; height:17px; margin:0 22px; border-left:solid 1px #ddd; vertical-align:-2px;}

/* 공시/공고 */
.news_area.announcement .inbox ul li {padding:30px 0; border-bottom:solid 1px #ddd;}
.news_area.announcement .inbox ul li:first-child {padding-top:0;}
.news_area.announcement .inbox ul li:after {content:""; display:block; clear:both;}
.news_area.announcement .inbox ul li a {display:flex; width:100%; position: relative;}
.news_area.announcement .inbox ul li a .text_area {float:left; margin-right:30px; width:80%;}
.news_area.announcement .inbox ul li a .text_area dl {margin-top:0;}
.news_area.announcement .inbox ul li a .text_area dl dt {margin-bottom:6px; font-size:14px; line-height:32px; color:#999;}
.news_area.announcement .inbox ul li a .text_area dl dd {font-size:18px; line-height:28px; color:#333; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.news_area.announcement .inbox ul li a .inquiry {position:absolute; top:45px; right:0; font-size:16px; line-height:17px; color:#999;}
.news_area.announcement .inbox ul li a .inquiry span {display:inline-block; height:17px; margin:0 22px; border-left:solid 1px #ddd; vertical-align:-2px;}

/* 공지사항 */
.notice_area {width:100%; margin:100px 0 150px 0;}
.notice_area .inbox {width:1000px; margin:0 auto;}
.notice_area .inbox ul li {padding:30px 0; border-bottom:solid 1px #ddd;}
.notice_area .inbox ul li:first-child {padding-top:0;}
.notice_area .inbox ul li:after {content:""; display:block; clear:both;}
.notice_area .inbox ul li a {display:flex; width:100%; position: relative;}
.notice_area .inbox ul li a .img {float:left; margin-right:30px; width:210px; height:137px; background:#f5f5f5;}
.notice_area .inbox ul li a .text_area {float:left; margin-right:30px; width:55%;}
.notice_area .inbox ul li.noimg a .text_area {width:80%;}
.notice_area .inbox ul li a .text_area dl {margin-top:20px;}
.notice_area .inbox ul li a .text_area dl dt {margin-bottom:20px; font-size:18px; line-height:28px; color:#333; font-weight:bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.notice_area .inbox ul li a .text_area dl dt span.i_c {display:inline-block;margin:5px 5px 0 0;width:18px;height:18px;vertical-align: top;background:url('/img/homepage_new/ico_ic_pin.png') no-repeat center / 100%;}
.notice_area .inbox ul li a .text_area dl dd {font-size:16px; line-height:25px; color:#666; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.notice_area .inbox ul li a .inquiry {position:absolute; top:50px; right:0; font-size:16px; line-height:17px; color:#999;}
.notice_area .inbox ul li a .inquiry span {display:inline-block; height:17px; margin:0 22px; border-left:solid 1px #ddd; vertical-align:-2px;}

/* paging */
.paging {margin-top:100px; width:100%; height:27px; text-align:center;}
.paging:after {content:""; display:block; clear:both;}
.paging a {display:inline-block;}
.paging a span.skip {display:inline-block; text-indent:-9999em;}
.paging span.num {padding:0 10px;}
.paging span.num a {display:inline-block; font-size:18px; line-height:27px; height:27px; color:#999;}
.paging span.num a:hover,
.paging span.num a.choice {color:#333;}

.paging a.first, .paging a.last {width:20px; height:13px; vertical-align:-1px}
.paging a.first {margin-right:10px; vertical-align:text-top;}
.paging a.last {margin-left:10px;vertical-align:text-top;}
.paging a.prev, .paging a.next {width:8px; height:13px;}
.paging a.prev {margin-right:4px; margin-top:2px; background:url('/img/homepage_new/ico_prev.png') no-repeat;}
.paging a.next {margin-left:4px; margin-top:2px; background:url('/img/homepage_new/ico_next.png') no-repeat;}