@import url("/css/common/sub.css");
@import url("/css/common/default.css");  /*2010.05.19 yeri common css*/
/*header*/
/*2010.02.04 yeri ¼³³¯ ·Î°í º¯°æ
#header {position:relative; width:980px; height:170px;}
#header h1 {position:absolute; top:1px;}*/
#header {position:relative; width:980px; height:170px;}
#header h1 {position:absolute; top:35px;}

.search {position:absolute; left:300px; top:35px; width:360px; z-index:15;}
.search .blue_window {background:url('/portal/images/common/search_box.gif') no-repeat 0 0; width:360px; height:27px; padding:0;}
.search .search_link {margin-left:8px; padding-top:5px; width:278px; white-space:nowrap;}
.search .sel {border:none; width:76px; float:left;}
.search .sel a {background:transparent url('/portal/images/common/select_arrow.gif') no-repeat 65px 12px; color:#373737; display:block; height:16px; padding:6px 0 0 7px; width:69px; text-decoration:none;}
.search dd {position:relative; clear:both; padding:3px 0 0 3px;}
.search .opt {border:1px solid #0473c8; margin-top:-1px; position:absolute; width:74px; background:#fff;}
.search .opt li {height:17px; width:74px;}
.search .opt .selected  {background:#dbe7f0;}
.search .opt a {color:#373737; display:block; height:17px; width:71px; text-decoration:none; padding-left:3px;}
.search .inp {border:none; width:200px; margin:6px 0 0 3px; float:left;  border-left:2px solid #0473c8; padding-left:5px;}
.search .ok {float:left; padding-left:13px;}

#header #tnb {float:right; text-align:right; margin-top:7px;}
#header #tnb li {float:left; padding:0 4px 0 6px; line-height:0; background:url('/portal/images/common/tnb_line.gif') no-repeat 0 4px;}
#header #tnb li.nb {background-image:none; border:none;}
#header #tnb li.nl {padding-right:0;}
#header #tnb li a:link, #header #tnb li a:visited {color:#666; text-decoration:none;}
#header #tnb li a:hover, #header #tnb li a:active {color:#4f4f4f; text-decoration:none;}

#header #digital {float:right; text-align:right; padding-top:20px; clear:both;}


/*gnb*/
#gnb {position:absolute; top:98px; width:980px; height:40px; z-index:5; background:url('/portal/images/common/gnb_bar.gif') no-repeat;}
#gnb #left {float:left; width:600px; height:39px;}
#gnb #gnb1,
#gnb #gnb2,
#gnb #gnb3,
#gnb #gnb4,
#gnb #gnb5,
#gnb #gnb5,
#gnb #gnb6 {position:absolute; width:76px; text-align:left; z-index:10;}
#gnb #gnb1 {left:0}
#gnb #gnb2 {left:76px;}
#gnb #gnb3 {left:176px;}
#gnb #gnb4 {left:255px;}
#gnb #gnb5 {left:331px;}
#gnb #gnb6 {left:407px;}
#gnb #gnb101 {width:700px; margin-left:10px; float:left;}
#gnb #gnb201 {width:700px; margin-left:-45px; float:left;}
#gnb #gnb301 {width:700px; margin-left:-120px; float:left;}
#gnb #gnb401 {width:700px; margin-left:-160px; float:left;}
#gnb #gnb501 {width:1000px; margin-left:-300px; float:left;}
#gnb #gnb601 {width:550px; margin-left:-150px; float:left;}
#gnb ul ul {position:relative;}
#gnb #left li li {float:left; overflow:visible; padding:5px 5px 0 12px; background:url('/portal/images/common/bullet02.gif') no-repeat 5px 12px; }
#gnb #left li li a:link, #gnb li li a:visited {color:#666; text-decoration:none;}
#gnb #left li li a:hover, #gnb li li a:active {color:#0473c8; text-decoration:none; font-weight:bold;}

#gnb #right {float:right; width:358px; height:39px;}
#gnb img {vertical-align:top;}

#gnb #right ul {overflow:hidden; width:300px; display:inline; float:left; height:26px;}
#gnb #right li {float:left; padding:6px 3px 0 5px; font-weight:bold;}
#gnb #right li a:link, #gnb #right li a:visited {color:#fffa5c; text-decoration:none;}
#gnb #right li a:hover, #gnb #right li a:active {color:#fffa5c; text-decoration:underline;}
#gnb #right .set {position:absolute; top:6px; left:925px;}


/*container*/
#container {float:left; width:980px; background:url('/portal/images/common/contain_bg.gif') repeat-y;}

.snb {float:left; width:157px; border:1px solid #bacfe0; padding:4px; background-color:#dbe7f0;}
.snb_box {width:155px; border:1px solid #3f89c2; background-color:#fff; margin-top:10px;}
.snb_box ul {padding:10px 0 3px 5px; font-weight:bold;}
.snb_box li a:hover, .snb_box li a:active {color:#4c4c4c; text-decoration:underline;}
.snb_box ul ul {padding:5px 0; font-weight:normal;}
.snb_box ul ul ul {margin:-4px 0 -4px -3px;}
.snb_box li li {padding-left:8px; background:url('/portal/images/common/bullet02.gif') no-repeat 3px 7px;}
.snb_box li li a:link, .snb_box li li a:visited {text-decoration:none;}
.snb_box li li a:hover, .snb_box li li a:active {color:#0473c8; text-decoration:none; font-weight:bold;}
.snb_box li li li {background:url('/portal/images/common/bullet01.gif') no-repeat 0 7px; padding-left:10px;}
.snb_box li li li a:link, .snb_box li li li a:visited {color:#666; text-decoration:none;}
.snb_box li li li a:hover, .snb_box li li li a:active {color:#666; text-decoration:none; font-weight:bold;}
.snb_line {border-bottom:1px solid #dedede; width:145px; margin-bottom:10px;}
.snb_box li a.on, .snb_box li li a.on, .snb_box li li li a.on {color:#0473c8; font-weight:bold;}


.center {width:633px; margin-left:4px; float:left;}
.contents {width:617px; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:8px 7px 8px 7px; float:left;position:relative;}/*position:relative; 2010.02.12 yeri Ãß°¡*/
.contents .loc {width:600px;}/*float:right;text-align:right;  */
/*2010.02.12 yeri È­¸é»çÀÌÁî Á¶Àý°ü·Ã screen_ctl cssÃß°¡*/
.contents .screen_ctl {float:right;}/*float:right;text-align:right;  */
.contents .screen_ctl ul li{float:left; padding-left:5px;}
.contents a.on {color:#3e7dbd; text-decoration:none;}
.contents .con_title {float:left; width:616px; padding-top:17px; padding-bottom:17px; margin-top:5px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.contents .con_title .tit {float:left; width:140px; padding:0 5px; text-align:center;}
.contents .con_title .tit h3 {font-size:14px; font-weight:bold; color:#0473c8;}
.contents .con_title .text {float:left; width:434px; padding:0 5px 0 20px; border-left:1px solid #dbdbdb;}
/*
.contents .con_title {width:617px; clear:both; border-top:1px solid #dedede; border-bottom:1px solid #dedede; overflow:hidden; padding:20px 0;}
.contents .con_title dt {float:left; width:120px; font-weight:bold; font-size:14px; color:#0473C8; padding:0 14px; text-align:center;}
.contents .con_title dd {float:left; padding-left:20px; width:435px; text-align:left;  border-left:1px solid #dedede;}
.contents .con_title .title_go {padding:20px 10px; width:55px; height:18px; float:left;}
*/



#contents_book {width:600px; clear:both; text-align:left; padding:20px 6px 20px 6px; float:left; overflow:hidden;}
/* 2010.01.19 yeri º¸µµÀÚ·á °ü·Ã UI¼öÁ¤
#contents_book h4 {font-size:20px; display:block; color:#000000; }
#contents_book h2 {font-size:15px; display:block;}*/
/* 2010.01.27 yeri º¸µµÀÚ·á °ü·Ã UI¼öÁ¤ - Å¸ ÄÁÅÙÃ÷ Ãæµ¹ */
.n0201_4 {font-size:20px; display:block; color:#000000;font-weight:bold;}
.n0201_2 {font-size:15px; display:block;font-weight:bold;}

.quick {width:171px; float:left; margin-left:4px; padding-bottom:10px;}

.quick .quick_menu {float:left; width:171px;}
.quick .quick_menu .quick_viewdata {width:154px; padding:15px 8px 10px 7px; margin-top:3px; border:1px solid #dbdbdb;}
.quick .quick_menu .quick_viewpage {width:154px; padding:15px 8px 10px 7px; margin-top:-1px; border:1px solid #dbdbdb;}
.quick .quick_menu ul ul li {width:145px; padding-left:9px; background:url('/portal/images/common/bullet02.gif') no-repeat 3px 7px; overflow:hidden; white-space:nowrap;}
.quick .quick_menu a:hover, .quick .quick_menu a:active {color:#5d5d5d; text-decoration:underline;}

/* 2010.08.17
.quick .quick_menu {border:1px solid #dbdbdb; margin-top:4px; width:169px;}
.quick .quick_menu .q_list {padding:15px 0 15px 7px; border-bottom:1px solid #dbdbdb; overflow:hidden;}
.quick .quick_menu .q_list a:hover, .quick .quick_menu .q_list a:active {color:#4c4c4c; text-decoration:underline;}
/*2010.01.26 yeri Äü ÇÏ´Ü ¶óÀÎ ¼öÁ¤
.quick .quick_menu .no {border-bottom:0px; overflow:hidden;}
.quick .quick_menu .q_wid {width:135px; overflow:hidden; white-space:nowrap; margin-right:5px;}
.quick .quick_menu .h110 {height:110px;}
/*
.quick .quick_menu .h60 {height:60px; padding:15px 0 0 13px; border-bottom:1px solid #dbdbdb;}
.quick .quick_menu .h120 {height:120px; padding:12px 0 3px 13px; border-bottom:1px solid #dbdbdb;}

.quick .quick_menu li li {background:url('/portal/images/common/bullet02.gif') no-repeat 2px 7px; padding-left:8px;}
.quick .quick_menu dt {float:left; padding:0 3px 0 8px; width:90px; background:url('/portal/images/common/bullet02.gif') no-repeat 2px 7px;} 
.quick .quick_menu dd {float:left; width:50px;}
*/
/*#footer .f_line {border-bottom:1px solid #dbdbdb; margin-top:45px;}
#footer .f_area {position:absolute; top:60px; left:10px; width:430px;}
#footer .f_slogan {position:absolute; top:73px; left:465px; width:115px;}
#footer .f_call {position:absolute; left:590px; top:75px; width:185px;}
#footer .f_mark {position:absolute; left:780px; height:59px; width:160px; margin-top:30px;}
#footer .f_mark li {float:left; width:40px; margin-left:10px;}*/

/*footer*/
#footer {clear:both; position:relative; width:980px; height:120px; border-top:1px solid #dbdbdb; margin-bottom:10px;}
#footer .f_policy {position:absolute; left:25px; top:15px; margin-bottom:30px;}
#footer .f_policy li {float:left; padding:0 10px 0 30px; line-height:0; background:url('/portal/images/common/tnb_line.gif') no-repeat 10px 5px;}
#footer .f_policy li.nb {background-image:none; border:none;}
#footer .f_policy li a:link, #footer .f_policy li a:visited {color:#666; text-decoration:none;}
#footer .f_policy li a:hover, #footer .f_policy li a:active {color:#4f4f4f; text-decoration:none;}
#footer .f_line {border-bottom:1px solid #dbdbdb; margin-top:45px;}
#footer .f_area {position:absolute; left:30px; top:60px; width:430px;}
#footer .f_slogan {position:absolute; top:65px; left:520px; width:115px;}
#footer .f_call {position:absolute; left:650px; top:67px; width:185px;}
#footer .f_mark {position:absolute; left:835px; height:59px; width:180px; margin-top:23px; padding-left:15px;}
/*
#footer .f_mark {position:absolute; left:790px; height:59px; width:160px; margin-top:10px;}
*/
#footer .f_mark li {float:left; width:40px; margin-left:10px;}

/* 2011.11.16 ¾î¸°ÀÌ±âÀÚ´Ü list */
.r_box_top {width:600px; height:11px; background:url('/images/reporter/r_box_top.gif') left bottom no-repeat;}
.r_box_bg {width:600px; background:url('/images/reporter/r_box_bg.gif') left top repeat-y; overflow:hidden;}
.r_box_bg img {vertical-align:top;}
.r_box_foot {width:600px; height:24px; background:url('/images/reporter/r_box_foot.gif') left top no-repeat;}

.report_list {width:541px; padding:27px 32px 14px 27px; background:url('/images/reporter/r_line.gif') 27px bottom no-repeat; overflow:hidden;}
.report_list .img {float:left; width:214px; border:1px solid #c7c7c7;}
.report_list .txt_area {float:left; width:308px; padding-left:17px;}
.report_list .txt_area .tit span {color:#539ad0; font-weight:bold;}
.report_list .txt_area .con {padding:12px 0 0 8px; color:#808080; }
.report_list .txt_area .date {float:right; font-size:11px; padding:3px 2px 0 0 ; color:#539ad0; }
.report_list .txt_area a:link, .report_list .txt_area a:visited	{color: #282828; font-weight:bold; text-decoration: none; }
.report_list .txt_area a:active, .report_list .txt_area a:hover	{color: #282828; font-weight:bold; text-decoration: none; }
.r_box_bg .last {background:none;}

.report_list .txt_area02 {float:left; width:541px;}
.report_list .txt_area02 .tit span {color:#539ad0; font-weight:bold;}
.report_list .txt_area02 .con {padding:12px 0 0 8px; color:#808080; }
.report_list .txt_area02 .date {float:right; font-size:11px; padding:3px 2px 0 0 ; color:#539ad0; }
.report_list .txt_area02 a:link, .report_list .txt_area02 a:visited	{color: #282828; font-weight:bold; text-decoration: none; }
.report_list .txt_area02 a:active, .report_list .txt_area02 a:hover	{color: #282828; font-weight:bold; text-decoration: none; }

/* ¾î¸°ÀÌ±âÀÚ´Ü view */
.r_box_bg .con_img {width:568px; margin:21px 0 0 15px; border:1px solid #c7c7c7;}
.r_box_bg .con_tit {float:left; padding:20px 0 0 30px; color:#282828; font-size:14px; font-weight:bold;}
.r_box_bg .con_tit span {color:#539ad0; font-size:14px; font-weight:bold;}
.r_box_bg .date {float:right; font-size:11px; padding-top:20px; color:#539ad0; padding-right:21px;}
.r_box_bg .con_01 {clear:both; padding:28px 32px 25px 32px; color:#282828; line-height:160%;}
.r_box_bg .con_01 .part {display:block; padding-top:43px; color:#282828;}

/*2012.01.02 yeri ¼­ºê Äü ¸Þ´© Ãß°¡*/
.quick_new {position:absolute; top:170px; width:100px;right:-105px;}
.quick_new h3 {padding-top:4px;}
.quick_new .sns_bg {width:96px; height:76px; padding:6px 0 0 5px; background: url('/images/newmain/q_sns.gif') no-repeat; }
.quick_new .sns_bg li {float:left; }
.quick_new .mobile {width:101px; padding-top:4px; background: url('/images/newmain/q_bg.gif') top repeat-y;}
.quick_new .q_foot {width:101px; height:4px; background: url('/images/newmain/q_foot.gif') left top no-repeat;}
