@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic);

legend {position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}

/* Layout Selector */
#wrap {width:100%; height:100%;}
#header {position:fixed; top:0; left:0; z-index:300; width:100%; min-width:682px; height:58px; background:#626262;}
#container {padding-left:380px; min-height:100%; background:#f6f6f6;}
#aside {position:fixed; top:58px; left:150px; z-index:200; width:240px; height:100%; min-height:788px; background:#80b0de;}/*ÁÂÃø ³×ºñ ¿·*/
#contents {position:fixed; overflow:hidden; padding-top:58px; width:100%;}
#footer {display:none;}

#container.main {background:#fff;}
#container #contents {overflow:visible;}
.popBg{background-color:black;filter:alpha(opacity=90);opacity:.9;}
/* Header */
#header h1 {float:left; padding-right:145px; background:url(../img/text_logo_desc.png) no-repeat 100% 50%;}
#header h1 img {width:auto; height:58px;}
#header .util {position:absolute; top:18px; right:30px;}
#header .util ul li {float:left; width:24px; height:23px; /*text-align:center;*/ display:inline-block;padding-left:5px;}
#header .util ul li:first-child { padding-left:0; }
#header .util ul li a {display:block; }
/*#header .util ul li img {vertical-align:bottom;}*/
#header .util ul li.u_li_01 { position:relative; }
#header .util ul li.u_li_01 span { position:absolute; left:10px; top:4px;}

#header .searchForm {overflow:hidden;display:inline-block;float:right; margin-right:70px; padding-top:17px;}
#header .searchForm h2 {display:none;}
#header .searchForm fieldset {position:relative; width:194px; height:25px; padding-right:34px; background:url(../img/manual/bg_search_bar.png) no-repeat;}
#header .searchForm fieldset legend {display:none;}
#header .searchForm fieldset input {width:100%; height:16px; padding:4px 5px; border:0; background:none; font-size:0.75em; line-height:16px; color:#fff;}
#header .searchForm fieldset button {position:absolute; top:0; right:0; width:28px; height:25px; margin:0; padding:0; border:0; background:url(../img/manual/btn_search.png) no-repeat; background-size:auto 25px; text-indent:-999em;}

/*
#gnb ul li {height:70px; font-family:"OpenSans"; font-size:0.875em; line-height:1.25;}
#gnb ul li a {display:block; position:relative; height:70px; padding:0 15px; text-decoration:none; line-height:69px;}
#gnb ul li a span {position:absolute; top:10px; right:10px; width:25px; height:25px; background:url(../img/bg_counter_red.png) no-repeat; text-align:center; line-height:25px; font-size:0.938em; color:#fff;}

#gnb ul li.current a {color:#fff;}
#gnb ul li.atv {background:url(../img/bg_gnb_current.png) no-repeat;z-index:0}
#gnb ul li.current a span {color:#96b450;}

#gnb .bg {position:absolute; top:0; left:0; width:100px; height:80px; z-index:0; background:url(../img/bg_gnb_current.png) no-repeat;}
#gnb .ico {display:block; position:absolute; bottom:0; left:0; width:110px; height:75px; background:url(../img/ico_monitor.png) no-repeat 50% 50%; text-indent:-999px;}
*/

/*navigation*/
#gnb {position:absolute; top:58px; left:0; z-index:600; width:150px; height:100%; min-height:720px; background:#fff url(../img/bg_gnb.png) no-repeat;}
#gnb ul {position:relative; z-index:100; margin-bottom:75px;}

#gnb > ul {list-style: none; margin: 0; padding: 0; vertical-align: baseline; line-height: 1;}/* Some stylesheet reset */
#gnb > ul {display: block; position: relative; width: 150px;}/* The container */
#gnb > ul li {display: block; position: relative; margin: 0; padding: 0; width: 100%;}/* The list elements which contain the links */
#gnb > ul li a {display: block; position: relative; margin: 0; padding: 11px 20px;/* Layout */
font-family: Helvetica, Arial, sans-serif; color: #42607c; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 0 #fff; font-size: 13px; font-weight: 300; /* Typography */ 
background: #eaeaea;}/* Background & effects */
#gnb > ul li a:hover, #gnb > ul li:hover > a {color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background: #80b0de; border-color: transparent;} /* The hover state of the menu/submenu links */
#gnb > ul ul li a:hover, #gnb > ul ul li:hover > a {color: #244166; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background: #739fca;} /* 2¹ø° ´Ü°è ·Ñ¿À¹ö */
#gnb > ul .has-sub > a::after {content: ''; position: absolute; top: 16px; right: 10px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 4px solid #42607c;/* ¢º Creating the arrow using borders */}/* ¢º */
#gnb > ul .has-sub > a::before {content: ''; position: absolute; top: 17px; right: 10px; width: 0px; height: 0px; border: 4px solid transparent; border-left: 4px solid #fff;}
#gnb > ul li > a:hover::after, #gnb > ul li:hover > a::after { border-left: 4px solid #fff;}
#gnb > ul li > a:hover::before, #gnb > ul li:hover > a::before { border-left: 4px solid rgba(0, 0, 0, 0.25);}
/* THE SUBMENUS */
#gnb > ul ul {position: absolute; left: 100%; top: -9999px; padding-left: 0; /*ù¹ø° ´Ü°è¿ÍÀÇ ¿©¹é*/ opacity: 0; width: 150px;}
#gnb > ul ul li a { width:200px; color:#fff; font-size: 12px; background: #80b0de;}
#gnb > ul li:hover > ul {top: 0px; opacity: 1; z-index: 1;}


#header .gnbBtn {display:none;}
#header .searchBtn {display:none;}

/* Aside 
#aside .paging {height:18px; margin-top:58px; padding:12px 12px 6px; text-align:right; font-family:NanumGothicBold; font-size:0.938em; line-height:18px; color:#fff;}
#aside .paging a {display:inline-block; width:18px; height:18px; text-align:center; vertical-align:top; color:#fff;}
#aside .paging strong {display:inline-block; width:18px; height:18px; background:url(../img/bg_paging_current.png) no-repeat; text-align:center;}
#aside .paging img {margin:3px 0; vertical-align:top;}
#aside .paging_m{height:18px; padding:12px 12px; text-align:right; font-family:NanumGothicBold; font-size:0.938em; line-height:18px; color:#626466;}
#aside .paging_m a {display:inline-block; width:18px; height:18px; text-align:center; vertical-align:top; color:#626466;}
#aside h2 {height:24px; padding:0px 20px 10px; font-weight:normal; font-family:NanumGothicBold; font-size:1.25em; color:#fff;}

#aside .list {position:relative; margin-bottom:50px;}
#aside .list ul {position:relative; z-index:20;}
#aside .list ul li {height:29px; background:url(../img/bg_aside_list_line.png) no-repeat 50% 100%; vertical-align:top;}
#aside .list ul li a {display:block; position:relative; padding:3px 20px; text-decoration:none; font-size:0.938em; line-height:1.5;}
#aside .list ul li a:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
#aside .list ul li:first-child a{ background:url(../img/bg_aside_list_top_line.png) no-repeat 50% 0;}
#aside .list ul li a span {display:block; color:#fff;}
#aside .list ul li a .num {float:left; margin-right:10px; color:#daecfd;}
#aside .list ul li a .title {float:left; width:210px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#aside .list ul li .meta {display:none;}

#aside .list ul li.atv {background:#739fca;}
#aside .list ul li.atv a span,
#aside .list ul li.atv a .numm {color:#415f7b;}

#aside .list.animate ul li.atv {background:url(../img/bg_aside_list_line.png) no-repeat 50% 100%;}
#aside .list.animate ul li.atv a span {color:#fff;}
#aside .list.animate ul li.atv a .num {color:#daecfd;}
#aside .list.animate ul li.hover {background:none;}
#aside .list.animate ul li.hover a span,
#aside .list.animate ul li.hover a .num {color:#415f7b;}

#aside .bg {position:absolute; top:0; left:0; z-index:10; width:100%; height:29px; background:#739fca;}*/

#aside .info { position:absolute; clear:left; float:left; left:15px; bottom:70px; font-size:0.75em; line-height:1.5; color:#fff;}
#aside .info ul li a {color:#fff;}
#aside .info ul li strong {float:left;  margin-right:5px;}
#aside .info p {margin-bottom:20px;}


/* Contents */
.visualArea {position:relative;width:100%;height:100%;}
.visualArea .figure {position:relative;}
.visualArea .figure img {position:fixed; left:190px;}
.visualArea .title {position:absolute; left:50px; bottom:50px;}
.visualArea .title img {width:100%; max-width:540px; height:auto;}

.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.searchList ul li {position:relative;font-family:OpenSans-Light;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.searchList ul li.even {background:#f1f1f1;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.searchList ul li a {display:block; height:auto; padding:14px 40px 14px 120px; background:none; font-size:2.5em; line-height:1.5; color:#5e5e5e; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none;}
.searchList ul li a .num {position:absolute; top:5px ; left:40px; color:#5e5e5e; font-size:2.25em; line-height:1.25;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.searchList ul li a .title {display:inline-block; width:auto; padding-left:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.searchList ul li .meta {display:block; padding-left:45px; font-size:0.375em; color:#979797;}
.searchList ul li .type {top:20px;position:absolute;display:inline-block;overflow:hidden; width:43px; height:36px; margin-left:10px; padding-left:3px; background:url(../img/bg_group_type.png) no-repeat; background-size:auto 36px; text-align:center; font-family:OpenSans-Semibold; font-size:0.75em; line-height:36px; color:#fff;}


.hgroup {position:relative; height:80px; padding:25px 45px 30px 155px; background:#fff; font-family:OpenSans-Light, NanumGothic; color:#5e5e5e;}
.hgroup .num {position:absolute; top:20px; left:40px; font-size:5.625em; line-height:1;}
.hgroup h1 {margin-bottom:0; padding-right:50px; font-weight:normal; font-size:2.5em;}
.hgroup h1 .title {display:inline-block; width:auto; max-width:82%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hgroup h1 .type {display:inline-block; width:37px; height:37px; margin:10px 0 0 10px; padding-left:7px; background:url(../img/bg_group_type.png) no-repeat; text-align:center; font-family:OpenSans-Semibold; font-size:0.75em; line-height:37px; color:#fff; vertical-align:top;}
.hgroup .meta {font-size:1em;}
.hgroup .meta .category {margin-right:10px;}

.section {padding:35px 35px; background:#f6f6f6;}
.section:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.section .figure {width:720px; margin-bottom:15px;}
/*.section .figure:first-child img{padding:15px;background:#fff;}*/
.section .figure img{padding:15px;background:#fff;vertical-align:top;width:100%;}
.section .figure.pd0 img{background:none !important;padding-bottom:0 !important;}
.section .cont {width:720px; margin-bottom:15px; padding:15px 15px 5px; background:#fff;}
.section .cont p {margin-bottom:1em; font-size:0.875em; line-height:20px; color:#666;}
.section .cont p img {max-width:100%; height:auto;}

.section .cont2 {width:100%; margin-bottom:15px; padding:15px 15px 5px;}
.section .cont2 p {margin-bottom:1em; line-height:20px; color:#666;}
.section .cont2 p img {max-width:100%; height:auto;}

.slideBox {position:absolute; top:58px; left:-100%; z-index:100; width:100%;}

.slideClose {position:absolute;top:88px; right:20px; z-index:100; width:68px; height:73px; margin:0; padding:0; border:0; background:url(../img/btn_back_big.png) no-repeat; text-indent:-999em;}

.loading {position:absolute; top:0; left:-100%; z-index:100; width:100%; height:100%; background:#f6f6f6 url(../img/bg_loading.png) repeat-x;}

#layerPopupPw, #layerPopupPw_01 {margin-left:420px;}

/* layer_popup */
#admin_Login_ConWrap { position:absolute; left:80px; top:0; width:100%; height:90%; overflow:hidden !important; background:url("/newriver/img/sub/admin/newriver_login_03.png") no-repeat 0 48px; padding-top:100px; z-index:1000;}
#admin_Login_ConWrap .admin_Login_Con_Title dl dt { font-weight:200; font-size:40px; padding-right:58px; line-height:27px; padding-right:58px; }
#admin_Login_ConWrap .admin_Login_Con_Title dl dt p { color:#fff; float:left;}
#admin_Login_ConWrap .admin_Login_Con_Title dl dt .list_Route { line-height:35px; padding-left:14px; }
#admin_Login_ConWrap .admin_Login_Con_Title dl dd { color:#979797; font-weight:300; font-size:15px; margin-top:14px; }
#admin_Login_ConWrap .login_form { position:relative; top:30px; }
#admin_Login_ConWrap .login_form p.form_txt { color:#3c3c3c; font-weight:600; font-size:18px; margin:36px 0 23px 40px; }
#admin_Login_ConWrap .login_form form p {  font-weight:200; font-size:35px; }
#admin_Login_ConWrap .login_form form p input { color:#2b2b2b; width:228px; height:25px; padding-left:10px; margin-left:36px; margin-bottom:5px; border:0; background:url("/newriver/img/sub/admin/login_Bg.png") no-repeat 0 0; vertical-align:middle; }
#admin_Login_ConWrap .login_form form p.id_first {  }
#admin_Login_ConWrap .login_form form p.id_first input{font-size:15px;}
#admin_Login_ConWrap .login_form form p.pw_last input { margin-left:18px;font-size:15px;}
#admin_Login_ConWrap .login_form form p.submit_Btn { position:absolute;left:280px;top:13px; }
#admin_Login_ConWrap .login_form form p.submit_Btn input { padding:0; width:73px; height:73px; padding-left:50px; background:url("/newriver/img/sub/admin/plus_Bg.png") no-repeat 8px 27px; }
.popup_pw input.btn_close { position:absolute; left:30px; top:103px; width:31px; height:32px; }

/* layer_popup_01 */
#admin_Email_ConWrap { position:absolute; left:80px; top:0; width:100%; height:85%; overflow:hidden; background:url("/newriver/img/sub/admin/newriver_login_03.png") no-repeat 0 48px; padding-top:100px; z-index:1000;}
#admin_Email_ConWrap .admin_Email_Con_Title dl dt { font-weight:200; font-size:40px; padding-right:58px; line-height:27px; padding-right:58px; }
#admin_Email_ConWrap .admin_Email_Con_Title dl dt p { color:#fff; float:left;}
#admin_Email_ConWrap .admin_Email_Con_Title dl dt .list_Route { line-height:35px; padding-left:14px; }
#admin_Email_ConWrap .admin_Email_Con_Title dl dd { color:#979797; font-weight:300; font-size:15px; margin-top:14px; }
#admin_Email_ConWrap .email_form_01 { width:330px; }
#admin_Email_ConWrap .email_form_01 form p {  font-weight:400; font-size:18px; margin-bottom:23px; }
#admin_Email_ConWrap .email_form_01 form p:after { content:""; display:block; clear:both; }
#admin_Email_ConWrap .email_form_01 form p.title { margin-top:40px; }
#admin_Email_ConWrap .email_form_01 form p span { width:256px; }
#admin_Email_ConWrap .email_form_01 form p input { float:right; color:#2b2b2b; width:252px; height:23px; padding-left:10px; border:0; background:url("/newriver/img/sub/admin/text_Bg_01.png") no-repeat 0 0; vertical-align:middle; }
#admin_Email_ConWrap .email_form_01 form p em{float:left;margin-right:25px}
#admin_Email_ConWrap .email_form_01 form p textarea {padding:10px 5px;border:0; width:247px; height:250px; background:url("/newriver/img/sub/admin/text_Box_01.png") no-repeat 0 0; overflow:auto; }
#admin_Email_ConWrap .email_form_01 form p.submit_Btn input { display:block; width:256px; height:30px; background:none; padding:0; margin:23px 6px 0 0; vertical-align:top; }
.popup_pw input.btn_close { position:absolute; left:30px; top:103px; width:31px; height:32px; }

#container.newbg{background:#f6f6f6 url(/common/img/new_bg.gif) no-repeat;height:100%;}
.new_box{ font-family:"OpenSans";overflow:hidden;}
.new_box .new_tit{font-size:30px;}
.new_box .new_ko{display:block;font-size:14px;font-family:NanumGothic;line-height:20px;t}
.new_box dl{float:left;overflow:hidden;font-size:11px;font-family:NanumGothicBold;margin-bottom:20px;}
.new_box dt{float:left;margin-bottom:20px;color:#9c9c9c;}
.new_box dd{overflow:hidden;margin-bottom:20px;color:#545353;font-weight:bold}
.com_name{width:180px;margin-right:50px;}
.com_situ{width:200px;margin-right:50px;}
.com_num{width:220px;}


.new_box .history_en{float:left;display:block;overflow:hidden;font-size:14px;width:510px;height:100px;margin:0 50px 0 0}
.new_box .history_ko{display:block;overflow:hidden;width:510px;font-family:NanumGothic;font-size:14px;line-height:20px;margin-bottom:80px}
.history_years{font-family:NanumGothicBold;overflow:hidden;clear:both;}
.history_years>li{float:left;display:block;width:270px;height:170px;margin-bottom:7px;}
.history_years .line{display:block;width:24px;height:3px;background:#6a6a6a;margin-bottom:20px;}
.history_years .tit_years{font-family:"OpenSans";font-size:25px;float:left;margin-right:27px}
.history_years .info_years{overflow:hidden;font-size:11px;}
.history_years .info_years ul{margin-bottom:20px;color:#545353}
.history_years .info_years .new_years{color:#9c9c9c;}

.new_business img{display:block;float:left;margin-right:100px;}
.new_business .busi_list{overflow:hidden;margin-bottom:52px;}
.new_business .busi_box{font-family:NanumGothicBold;font-size:11px;overflow:hidden;padding-top:10px;}
.new_business .busi_box span{display:block;width:24px;height:3px;background:#bababa;margin-bottom:20px;}
.new_business .busi_box ul{color:#424242;line-height:16px}
.new_business .busi_box ul li:first-child{color:#a3a3a3;margin-bottom:10px;}

.org_list{font-family:NanumGothicBold;font-size:11px;}
.org_list img{margin-bottom:10px;}
.org_list li{float:left;height:195px;text-align:center;line-height:17px;margin-right:40px;margin-bottom:20px;}
.new_design{float:left;width:45%;height:400px;overflow:hidden;margin-right:10%;font-size:14px;}
.map_box{width:45%;height:400px;background:silver;overflow:hidden;margin-bottom:10%;}