@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;background:url('/portal/images/sub/sub_top.jpg') no-repeat;}
#header h1 {position:absolute; top:37px;}

.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:35px;}
#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; margin-top:7px; 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:850px; margin-left:-230px; 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-x:hidden; overflow-y: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;}