@charset "utf-8";
html {overflow-y:scroll; overflow-x:hidden;}
body {margin:0; padding:0; background: #ffffff; font-size:12px; font-family: "맑은 고딕", "Malgun Gothic", sans-serif; color: #555555; background:url("/images/pt/newcommon/bg_all.png") repeat-x;} /*20170216  wrap body 로 변경*/

h1, h2, h3, h4 {font: bold 12px/100% "굴림", "굴림체";}
.h-hide {position:absolute; margin:0; padding:0; width:0; height:0; font-size:0; line-height:0; visibility:hidden}
ul, li, ol { margin: 0px; padding: 0px; list-style: none;}
select, input, textarea {font: 12px Tahoma, "돋움", "돋움체", sans-serif; vertical-align: middle; color: #555555;}
a, img, input {margin: 0px; padding:0px;} /*20170215 추가*/
.mb50 {margin-bottom:50px !important;}
/*a {color:#545454; text-decoration:none;}*/ /*20170215 삭제*/
legend,caption {margin:0; padding:0; width:0; height:0; font-size:0; line-height:0; visibility:hidden}

input:focus {outline: none;}

.txt-r {text-align:right !important;}

.p-r20 {padding-right:20px !important;}
.p-r31 {padding-right:31px !important;}	/*20170215 추가 ie8용*/
.p-r23 {padding-right:23px !important;}
.p-r24 {padding-right:24px !important;} /*ie7용*/
.p-r75 {padding-right:75px !important;}

/*skipnavi*/
ul#Skip-Navi {position:relative;left:450px;top:0;}
ul#Skip-Navi li{float:left;width:130px;position:absolute;top:-50px;}
ul#Skip-Navi a {height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;}
ul#Skip-Navi a:focus,
ul#Skip-Navi a:active {position:absolute;top:50px;height:auto; width:130px;padding:5px;margin-bottom:10px;font-weight:bold; border:solid 2px #023ea1; color:#000; background-color:#fff;}

/* 레이아웃 */
#wrap {width:100%;  border-bottom:1px solid #dcdcdc;}

#new-container {display:table; width:980px; margin:0 auto; margin-bottom:20px;}
#new-contentBody {clear:both; float: left; width: 880px; /*background:#ff0000;*/}

#new-header {width:980px; height:200px; float:left; } /*980px*/

/*상단마이페이지*/
#Area-mypage {width:100%; height:40px; /*background:#1e43ff;*/ color:#fff;}
.div-mypage {float:right;  width:600px; height:23px; /*background:#ffcc00;*/ margin:10px 0; line-height:23px; text-align:right; font-weight:600;} /*20170223 변경*/
.div-mypage ul li {float:right; padding:0; color:#4e4e4e; margin-right:20px;}
.div-mypage ul li a {color:#4e4e4e; text-decoration:none;}
.div-mypage ul li a:hover {color:#ed4e00; }

.div-language {float:right; width:100px; height:25px; /*background:#ff8000;*/ margin:8px 0; line-height:23px;}/*20170223*/
.div-language select {margin: 0; padding:2px; width: 100px; color:#545454; height:24px; border:1px solid #c5c5c5;}

/*상단검색영역*/
#Area-search {width:980px; height:90px; color:#fff; margin:0 auto;}/*20170223*/
.div-logo {width:133px; height:42px; /*background:#ff0000;*/ float:left; margin:29px 40px 10px 25px;}
.div-search {width:138px; height:42px; background:#fff; float:left; margin:22px 0 10px 50px; color:#545454;}/*20170223*/
.div-search div#select_box {position: relative; width:136px; height: 40px; background: url("/images/pt/newcommon/select_arrow.png") top right no-repeat; border: 1px solid #9fa2a9; float:left; z-index:9999;}
.div-search div#select_box label {position: absolute; font-size: 13px;  font-weight:600; color: #545454; top: 10px; left: 12px; letter-spacing: 1px;}
.div-search div#select_box select#color{width:100%;height: 40px; line-height: 40px; padding: 0 10px; opacity: 0;
filter: alpha(opacity=0);}

.div-select {float:left; width:500px; height:42px; /*background:#ff0000;*/ margin-top:22px; } /*20170223*/
.div-select .input-search {width:398px; height:40px; background:#fff; border:1px solid #9fa2a9; text-indent:20px; line-height:40px; margin:0 0 0 5px; font-size:13px; font-weight:600;}/*20170215 height값 수정, line-height값 수정*/

/*대메뉴영역*/
#Area-gnb {width:980px; height:70px; background:#fff; color:#000;}

/*메뉴부분*/
div#new-navi {margin:0 auto; width:980px; height:36px; background:#fff; text-align:center;}
div#new-navi ul.new-sitemenu {position:relative; margin:0; width:980px; /*padding-left:30px;*/ height:35px; background:#377ecc; text-decoration:none;}
div#new-navi ul.new-sitemenu li {display:inline-block; vertical-align:top;  zoom: 1; *display: inline; text-align:center; list-style:none; padding:0; margin:0;} /*ie7핵*/
div#new-navi ul li p.new-h2-title {margin:0; text-align:center; display:inline-block;  font-weight:bold; height:35px; /*background:#00d91a;*/ line-height:35px; margin:0 15px;}
div#new-navi ul li p.new-h2-title a:link , div#new-navi ul li p.new-h2-title a:visited{display:inline; padding:0 10px 0 10px; height:26px; color:#fff; font-size:13px;  /*font-family:Dotum, "돋움체";*/ text-align:center; text-decoration:none;}
div#new-navi ul li p.new-h2-title a:hover {margin:0; height:26px; color:#00CCFF; font-size:13px;  /*font-family:Dotum, "돋움체";*/ text-align:center; background-position:center bottom; background-repeat:no-repeat;}
div#new-navi ul.new-sitemenu li div {position:absolute; padding:0; left:0; width:700px; height:26px;  z-index:auto; display:inline; display:none;}
div#new-navi #new-subnav1 ul , div#new-navi #new-subnav2 ul , div#new-navi #new-subnav3 ul , div#new-navi #new-subnav4 ul {float:left; margin:0; padding:0px;}
div#new-navi #new-subnav5 ul , div#new-navi #new-subnav6 ul , div#new-navi #new-subnav7 ul {float:right; margin:0; padding:0px; height:26px;}

div#new-navi ul.new-sitemenu li div ul.subtitle {margin:0 0; padding:0;}
div#new-navi ul.new-sitemenu li div ul.subtitle li {margin-top:5px;}/*20170223*/
div#new-navi ul.new-sitemenu li div ul.subtitle li a:link ,div#new-navi ul.new-sitemenu li div ul.subtitle li a:visited {padding:0 15px 0 8px; height:26px; color:#636363; font-size:12px; /*font-family:Dotum, "돋움체";*/ font-weight:bold; text-decoration:none;}
div#new-navi ul.new-sitemenu li div ul.subtitle li a:hover {height:26px; color:#0054ff; font-size:12px; /*font-family:Dotum, "돋움체";*/ font-weight:600; text-decoration:none;}

#new-navi #new-subnav1 { width:980px; padding-left:0; padding-right:0;}			/*전자민원*/
#new-navi #new-subnav2 { width:980px; padding-left:195px; padding-right:0;}		/*방문예약*/
#new-navi #new-subnav3 { width:980px; padding-left:70px; padding-right:0;}		/*정보마당*/
#new-navi #new-subnav4 { width:980px; padding-left:450px; padding-right:0;}		/*투자지원*/
#new-navi #new-subnav5 { width:980px; padding-left:0; padding-right:155px;}		/*참여마당*/
#new-navi #new-subnav6 { width:980px; padding-left:0; padding-right:0;}			/*알림미당*/
#new-navi #new-subnav7 { width:980px; padding-left:0; padding-right:0;}

/*on*/
#new-navi #new-subnav1.on { width:980px; padding-left:0; padding-right:0;}
#new-navi #new-subnav2.on { width:980px; padding-left:195px; padding-right:0;}
#new-navi #new-subnav3.on { width:980px; padding-left:70px; padding-right:0;}
#new-navi #new-subnav4.on { width:980px; padding-left:450px; padding-right:0;}
#new-navi #new-subnav5.on { width:980px; padding-left:0; padding-right:155px;}
#new-navi #new-subnav6.on { width:980px; padding-left:0; padding-right:0;}
#new-navi #new-subnav7.on { width:980px; padding-left:0; padding-right:0;}

#menu1on li#menu1 div#new-subnav1,
#menu2on li#menu2 div#new-subnav2,
#menu3on li#menu3 div#new-subnav3,
#menu4on li#menu4 div#new-subnav4,
#menu5on li#menu5 div#new-subnav5,
#menu6on li#menu6 div#new-subnav6,
#menu7on li#menu7 div#new-subnav7 {display:inline;}

/*본문영역*/
#new-contentsBody {width:980px; background:#fff; float:left; clear:both; color:#fff; margin:0 0 0 0;}
#new-mainVisual {width:980px; height:290px; /*background:#74f700;*/ position:relative;} /*20170224*/
.content1 {display:block; position:absolute; top:0; left:0; width:980px; height:320px; }
.content1 img {width:980; height:320px; background-position:center top; background-repeat:no-repeat; }

/*롤링글자들*/
.rolling-div2 {width:280px; height:150px; position:absolute; top:10px; left:0;  padding:10px;}
.rolling-div2 li.rolling2-title {width:280px; text-align:center; font-size:17px; color:#ffcc00; font-weight:700; letter-spacing:-1px; /*font-family: "Dotum", sans-serif;*/ /*text-shadow:1px 1px 1px rgba(255, 204, 0, 0.5);*/ word-wrap: break-word; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; /* height:20px; */ height:40px;}
.rolling-div2 li.rolling2-txt {width:280px; height:150px; font-size:13px; font-weight:normal;  color:#ffffff; margin-bottom:10px; padding:10px 0 0 0;  letter-spacing:-1px; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; white-space:pre-wrap;}

/*자세히보기*/
.notice-detail a {display:block; width:100px; height:30px;  border:1px solid #F3753D; background:#F3753D; color:#fff !important; line-height:30px;  text-align:center; position:absolute; left:100px; /* top:210px; */ top:220px;}

/*로그인관련*/
.group-info {width:254px; height:260px;  position:absolute; top:0; right:15px; margin-top:15px;} /*20170224*/
.group-info .loginBox {width:235px; height:90px; background:#fff; margin:5px 0 20px 0; color:#555; font-size:11px; padding:10px; position: relative; z-index: 9999;}
.group-info .idSavePin {width:100%; height:16px; background:#fff; line-height:16px; padding-bottom:5px; padding-top: 2px;}/*20170223*/
.group-info .idForm {width:150px; height:26px; line-height:26px; text-indent:10px; border:1px solid #ccc;}/*20170223*/
.group-info .passwordForm { width:150px; height:26px; line-height:26px; text-indent:10px; margin-top:-1px; border:1px solid #ccc;}/*20170223*/
.group-info .loginButton a {float: right; width: 82px; height: 53px; border:1px solid #b4b9bd; background:#dfefff; color:#1d2729; text-align:center;  margin-top:-55px; line-height:53px; font-size:16px; font-weight:800; }/*20150215 수정*/
.group-info .loginButton a:hover, a:link, a:visited {text-decoration:none; color:#1d2729;}/*20170215 추가*/
.group-info .idregi {display:inline-block; width:100%; height:16px; background:#fff; line-height:16px; margin-top:0;}/*20170223*/
.group-info .idregi a:hover{text-decoration: none; color: #737373;}/*psy*/
.group-info .i-pin a{display:inline-block; width:120px;  font-size:11px; color:#737373; background:#fff; border:1px solid #acacac;  font-family:"돋움"; padding:2px 5px;}/*20170215 color:#737373; 추가*/
.group-info .i-pin a:hover{text-decoration: none; color: #737373;} 	/*20170215 추가 */

/*전자민원*/
.group-info .serviceBox {width:254px; height:75px; margin:5px 0; background:#fff; position: relative; z-index: 9999;}
/*전자민원 로그인 후*/
.group-info .serviceBoxafter  {width:254px; height:130px; position:relative; z-index:9999;}
.group-info .serviceBoxafter2 {width:254px; height:130px; position:relative; z-index:9999;}

#group {width:980px; height:340px; background:#fff;} /*20170223*/

/*하이코리아 자주찾아가는 서비스*/
/* #new-hikoreaService {float:left; width:880px; height:370px;}
.serviceImg {padding:30px 0 5px 0;}
.grid-icon {display:block; margin:0 0 20px; width:860px; height:300px;}
.grid-first  li {display:block; float:left; width:164px; height:144px; background:#fff; border:1px solid #d5d5d5; margin:2px 2px; text-align:center;}
.grid-first li img {margin:10px 0 10px 0;}
.grid-first a {text-decoration:none;}
.grid-first li:hover {border: 1px solid #0085da; background:#eff6fe;}
 */

#new-hikoreaService {float:left; width:880px; height:340px;} /*20170223 0224*/
.serviceImg {padding:30px 0 5px 0;}/*20170223  2024*/
.grid-icon {display:block; margin:0 0 20px; width:860px; height:265px;} /*20170224*/
.grid-first li {display:block; float:left; width:133px; height:117px; background:#fff; border:1px solid #d5d5d5; margin:4px 4px; text-align:center;}
.grid-first li img {margin:7px 0 10px 0;} /*20170216 추가*/
.grid-first a {text-decoration:none;}
.grid-first li:hover {border: 1px solid #0085da; background:#eff6fe;}

/* add psy */
.grid-first li.call-center {display:block; width:276px !important; height:117px; background:#fff; border:1px solid #d5d5d5; padding-top:0;}
.grid-first li.call-center img {margin:0;}
.grid-first li.call-center a {text-decoration:none;}
.grid-first li.call-center:hover {border: 1px solid #0085da;}


#new-quickmenu {float:right; width:80px; background:#fff; border:1px solid #c3c3c3; margin-top:60px; padding-bottom:10px;}
#new-quickmenu ul {text-align:center; color:#565656;}
#new-quickmenu ul li {line-height:15px;} /*20170215 기존 30px에서 line-height:15px 수정*/
#new-quickmenu ul li a {text-decoration:none;}
#new-quickmenu ul li:hover {background:#e6e6e6;}
#new-quickbanner {float:right; margin-top: 5px;}

#new-tabBox {clear:both; width:980px; height:210px; background:#fff; color:#000;}

/*공지사항, 보도자료, 뉴스레터, 홈페이지이용문의, 규제개선*/
#Area-board {width:880px; height:205px; background:#fff; padding:0;} /*20170223 0224*/
#AreaBox {width:848px; height:200px; background:#fff; border-top:2px solid #3a7dcc; margin:0;} /*20170224*/
#tabBoxLeft {width:410px; height:180px; /*background:#ff0000;*/ float:left;}
#tabBoxRight {width:412px; height:180px; /*background:#ffcc00;*/ float:right;}/*20170223*/
.new-tab {background:#fff; border-bottom:2px solid #a2a2a2; width:410px; height:38px; padding:0;}
.bbs-list {width:410px; height:160px; background:#fff; margin-top:40px; position:absolute;}
.bbs-list li {height:32px; line-height:32px;}
.bbs-list .subject  {display:block; width:315px; float:left; font-weight:500;  text-align:left; padding-left:2px !important;  margin-right:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}/*20170223 수정*/
.bbs-list a .subject{color:#545454; text-decoration:none;}
.bbs-list a:hover .subject{color:#367fcb; cursor:pointer;}

.bbs-list .date a {/*float: right; clear: right;*/ font-size:12px; color:#666666; text-decoration:none;}
#bbs-news1 h3 {padding:0; margin:0; position:absolute;}
#bbs-news2 h3 {padding:0; margin:0 0 0 74px; position:absolute;}
#bbs-news3 h3 {padding:0; margin:0 0 0 148px; position:absolute;}
#bbs-news4 h3 {padding:0; margin:0; position:absolute;}
#bbs-news5 h3 {padding:0; margin:0 0 0 74px; position:absolute;}

.bbs-images  {float: left; margin: 10px; background-color: #FFFFFF; border-top: #FFFFFF; border-right: 8px solid #FFFFFF; border-left: #FFFFFF;}
.bbs-images  h4 {background-color: #FF0000; margin:0 0 0 26px; padding:0 0 0 8px; font-weight: bold; color:#545454;}

#new-siteBanner {display:block; width:846px;  background:#fff;  border:1px solid #cdcdcd; color:#000; margin-bottom:20px; padding:20px 0;} /*20170223 0224*/

#new-bottom {clear:both; width:980px; height:120px; background:#fff;}
.bottom-left {float:left; width:150px;  /*background:#ff0000;*/ text-align:right; padding-top:20px;} /*20170222 수정*/
.bottom-right {float:left; width:80%; /* margin-top:30px; */margin-top:20px; margin-bottom:15px; /*background:#ffcc00;*/ font-size:13px; font-weight:500;} /*psy modify */
.bottom-menu {width:98%; height:25px; /*background:#ff0000;*/ padding-top:30px;}
.bottom-right ul {padding-left:60px;}
.bottom-right ul li {float:left; padding:0 30px 0 20px;}
.bottom-right ul li a {text-decoration:none; color:#7d7d7d; font-weight:500;}
.bottom-right ul li a:hover {color:#0029d8; text-decoration:none;}

.bottom-info {float:left; width:80%; /*background:#1bca40;*/ font-size:12px;}
.bottom-info ul {padding-left:80px;}
.bottom-info ul li {line-height:16px;}
.bottom-info .txt-copyright {color:#a4a4a4;}

/*20170221 신규하단*/
.newArea-network {width:980px; height:40px; position:relative;}
.newArea-network ul li {position:relative; float:left;}
.newArea-network .option1 a{display:block; width:128px; height:38px; background:#eee; border:1px solid #d6d6d6; text-align:center; font-weight:bold; color:#0072e7; font-size:12px; line-height:38px;}
.newArea-network .option2 {display:block; width:108px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px;} /* 웹접근성정책 */
.newArea-network .option3 {display:block; width:90px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px;} /* 사이트이용안내 */
.newArea-network .option4 {display:block; width:90px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px; } /* 원격접속 */
.newArea-network .option5 {display:block; width:90px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px; } /* 웹도우미 */
.newArea-network .option6 {display:block; width:174px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-indent:20px; text-align:left; color:#545454; font-size:12px; line-height:38px;}/*관련사이트, 지역로컬사이트*/
.newArea-network .option7 a {display:inline-block; width:58px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:55px;} /*트위터페이스북*/
.newArea-network .option1 a:hover,
.newArea-network .option2 a:hover,
.newArea-network .option3 a:hover,
.newArea-network .option4 a:hover,
.newArea-network .option5 a:hover,
.newArea-network .option6 a:hover,
.newArea-network .option7 a:hover {text-decoration: underline;}

.newArea-network_en {width:980px; height:40px; position:relative;}
.newArea-network_en ul li {position:relative; float:left;}
.newArea-network_en .option1 a{display:block; width:120px; height:38px; background:#eee; border:1px solid #d6d6d6; text-align:center; font-weight:bold; color:#0072e7; font-size:12px; line-height:38px;}
.newArea-network_en .option2 {display:block; width:120px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px;} /*웹접근성정책*/
.newArea-network_en .option3 {display:block; width:120px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px;} /*사이트이용안내*/
.newArea-network_en .option4 {display:block; width:120px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px; }/*원격접속*/
.newArea-network_en .option5 {display:block; width:120px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:38px; }/*웹도우미*/
.newArea-network_en .option6 {display:block; width:174px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-indent:20px; text-align:left; color:#545454; font-size:12px; line-height:38px; }/*관련사이트, 지역로컬사이트*/
.newArea-network_en .option7 a {display:inline-block; width:58px; height:38px; background:#eee; border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; text-align:center; color:#545454; font-size:12px; line-height:55px;} /*트위터페이스북*/
.newArea-network_en .option1 a:hover,
.newArea-network_en .option2 a:hover,
.newArea-network_en .option3 a:hover,
.newArea-network_en .option4 a:hover,
.newArea-network_en .option5 a:hover,
.newArea-network_en .option6 a:hover,
.newArea-network_en .option7 a:hover {text-decoration: underline;}

.open-list1 {display:block; width:174px; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; background:#eee; position:absolute; left:-2px; bottom:38px;}
.open-list1 ul {}
.open-list1 ul li {clear:both; line-height:14px; padding:5px 5px 5px 20px; text-indent: 0;}
.open-list1 a {color:#545454;}
.open-list1 a:hover {text-decoration: underline;}

.open-list2 {display:block; width:174px; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; background:#eee; position:absolute; left:-2px; bottom:38px;}
.open-list2 ul {}
.open-list2 ul li {clear:both; line-height:14px; padding:5px 5px 5px 20px; text-indent: 0;}
.open-list2 a {color:#545454;}
.open-list2 a:hover {text-decoration: underline;}

.labelId{position: absolute; top:16px; left: 22px; color: #939393; z-index: 9999; font-size: 13px; }
.labelPassword{position: absolute; top:42px; left: 22px; color: #939393; z-index: 9999; font-size: 13px;}
.labelId_en{position: absolute; top:16px; left: 22px; color: #939393; z-index: 9999; font-size: 13px; }
.labelPassword_en{position: absolute; top:42px; left: 22px; color: #939393; z-index: 9999; font-size: 13px;}
#new-quickmenu ul li.clear10 {height: 10px; visibility: hidden;}

/* 영문페이지 메인메뉴 8개 활성화시 */
.gridEdit > li {display: block; float: left; width: 164px; height: 144px; background: #fff; border: 1px solid #d5d5d5; margin: 2px 20px; text-align: center;}
.gridEdit > li:nth-child(1),
.gridEdit > li:nth-child(5) {margin-left: 40px;}