/*2010.09 new */
@import url("../common/base.css");
@import url("../common/common.css");

#wrap {width:980px; padding-bottom:20px; margin:0 auto; text-align:left;}
#header, #container, #footer {width:980px; text-align:left;}

/*header*/
#header {position:relative; height:170px;}
#header .quicklink {position:absolute; height:0; font-size:0;}
#header .quicklink li a {display:block; overflow:hidden; width:1px; height:1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#header .quicklink li a:focus, #header .quicklink li a:active {visibility:visible; width:100%; height:auto; padding:5px; margin-bottom:10px;}
#header .logo {position:absolute; top:37px;}
#header .policy_title {position:absolute; top:41px; left:155px;}
#header .search {position:absolute; float:left; z-index:40; top:35px; left:320px; width:380px; height:30px; background:url('/portal/images/common/search_box.gif') no-repeat 0 0;}
#header .search input.search_inp {width:195px; padding-top:2px; margin-top:5px; margin-left:5px; border:none 0; line-height:1em; text-decoration:none;}
#header .search .search_btn {padding-left:10px; vertical-align:top;}
#header .search_link {width:400px; padding-top:7px; padding-left:10px;}
#header .search_link li {float:left; padding-right:4px;}
#header .tnb {float:right; margin-top:7px;}
#header .tnb li {float:left; padding:0 3px 0 4px; background:url('/portal/images/common/tnb_line.gif') no-repeat 0 4px;}
#header .tnb li a {text-decoration:none;}
#header .tnb li .on {display:block; margin:0px -3px; padding:0 3px 0 3px; border:1px solid #aec9de; background-color:#e3ebf1; color:#0a5791;}
#header .tnb .bn {background:none; border:0 none;}
#header .tnb .pr0 {padding-right:0;}
#header .digital {clear:both; float:right; padding-top:20px; text-align:right;}
#header .digital ul {float:left; width:120px;}

#header #q_gnb {visibility:hidden; position:absolute; left:-10000px; font-size:0; line-height:0;}
#header .gnb {position:absolute; z-index:30; width:980px; height:70px; top:98px; background:url('/portal/images/main_policy/gnb_bar.gif') no-repeat 0 0;}
#header .gnb li {float:left;}
#header .gnb li ul {position:absolute; padding-top:5px;}
#header .gnb li li {float:left; padding-right:10px; padding-left:7px; background:url('/portal/images/common/bullet02.gif') no-repeat 0 7px;}
#header .gnb a:link, #header .gnb a:visited {display:block; text-decoration:none;}
#header .gnb a:hover, #header .gnb a:active {display:block; color:#2d8100; font-weight:bold; text-decoration:none;}
#header #gnb101 {width:880px; padding-left:5px;}
#header #gnb201 {width:950px; margin-left:-45px;}
#header #gnb301 {width:930px; margin-left:-120px;}
#header #gnb401 {width:895px; margin-left:-160px;}
#header #gnb501 {width:760px; margin-left:-140px;}
#header #gnb601 {width:700px; margin-left:-130px;}
#header #gnb701 {width:650px; margin-left:-120px;}
#header #gnb801 {width:620px; margin-left:-140px;}
#header .bookmark {position:absolute; z-index:40; top:110px; left:665px; width:313px;}
#header .bookmark li {float:left; padding-right:7px;}
#header .bookmark a {color:#fffa5c; font-weight:bold;}
#header .bookmark .btn_set {float:right; padding-top:2px; padding-right:7px;}

/*container*/
#container {position:relative;}
#q_container {visibility:hidden; position:absolute; left:-10000px; font-size:0; line-height:0;}
#container .left {float:left; width:663px; padding-bottom:20px;}
#container .left .top_link {position:relative; width:647px; height:172px; border:5px solid #c3c3c3; background:url('/portal/images/main/tabnav_line.gif') repeat-x 0 10px;}
#container .left .top_link h3 {float:left; padding:10px 0 12px 15px;}
#container .left .top_link .text {float:right; padding:10px 10px 0 0; color:#adacac;}
#container .left .top_link ul {clear:both; margin-top:5px; margin-left:15px;}
#container .left .top_link li {float:left; width:150px; padding:3px 0 2px 8px; background:url('/portal/images/main/bullet01.gif') no-repeat 0 9px;}
#container .left .top_link li a:hover, #container .top_link li a:active {font-weight:bold; color:#0e81d8; text-decoration:none;}

#container .left .data {position:relative; top:7px; left:0; width:655px; height:748px; padding-bottom:20px; margin-bottom:20px; border:1px solid #c3c3c3; background:url('/portal/images/main/tabnav_line.gif') repeat-x 0 14px;}
#container .left .data h3 {padding:17px 10px 0 15px;}
#container .left .data .tabmenu {position:absolute; top:12px; left:140px; width:400px;}
#container .left .data .tabmenu li {float:left; padding:5px 5px 2px 5px; border:1px solid #d9d9d9; background-color:#f1f1f1;}
#container .left .data .tabmenu li a:hover, #container .data .tabmenu li a:active {color:#1a3f7b; text-decoration:none;}
#container .left .data .tabmenu .on {border-bottom:1px solid #fff; background-color:#fff; font-weight:bold; color:#0e81d8;}
#container .left .data .more {position:absolute; top:16px; left:610px; width:41px; height:18px;}
#container .left .data .view {position:absolute; top:15px; left:505px; width:95px; height:18px;}
#container .left .data .policy_view {width:635px; padding:15px 0 35px 15px;}
#container .left .data .policy_view1 {position:relative; width:630px; height:114px; margin-top:10px; border-bottom:1px dashed #bebebe;}
#container .left .data .policy_view1 dl, #container .data .tabmenu .policy_view1 dt, #container .data .tabmenu .policy_view1 dd {display:inline; float:left;}
#container .left .data .policy_view1 .tit {width:220px; padding-left:165px; background:url('/portal/images/main/bullet01.gif') no-repeat 157px 7px; font-weight:bold;}
#container .left .data .policy_view1 .tit a {color:#0e81d8;}
#container .left .data .policy_view1 .bu {position:absolute; top:5px; left:388px; width:170px; text-align:right;}
#container .left .data .policy_view1 .date {position:absolute;top:5px; left:560px;  width:65px; text-align:right;}
#container .left .data .policy_view1 .pic img {position:absolute; top:0; left:0; width:140px; height:90px; border:1px solid #c3c3c3;}
#container .left .data .policy_view1 .text {width:475px; margin:4px 0; padding-left:155px;}
#container .left .data .policy_view1 .file {width:474px; padding-left:155px; padding-bottom:10px;}
#container .left .data .policy_view1 .file img {margin-right:3px;}
#container .left .data .policy_view1 dd a:link, #container .left .data .tabmenu .policy_view1 dd a:visited {color:#5d5d5d; text-decoration:none;}
#container .left .data .policy_view1 dd a:hover, #container .left .data .tabmenu .policy_view1 dd a:active {text-decoration:underline;}
#container .left .data .policy_view2 {position:relative; width:630px; height:100px; margin-top:10px; border-bottom:1px dashed #bebebe;}
#container .left .data .policy_view2 dl, .policy_view2 dt, .policy_view2 dd {display:inline; float:left;}
#container .left .data .policy_view2 .tit {width:375px; padding-left:10px; background:url('/portal/images/main/bullet01.gif') no-repeat 0 7px; font-weight:bold;}
#container .left .data .policy_view2 .tit a {color:#0e81d8;}
#container .left .data .policy_view2 .bu {width:170px; text-align:right;}
#container .left .data .policy_view2 .date {width:70px; text-align:right;}
#container .left .data .policy_view2 .text {width:620px;padding-left:10px; margin:4px 0;}
#container .left .data .policy_view2 .file {width:620px;padding-left:10px; padding-bottom:10px;}
#container .left .data .policy_view2 .file img {margin-right:3px;}
#container .left .data .policy_view2 dd a:link, #container .left .data .tabmenu .policy_view2 dd a:visited {color:#5d5d5d; text-decoration:none;}
#container .left .data .policy_view2 dd a:hover, #container .left .data .tabmenu .policy_view2 a:active {text-decoration:underline;}

#container .left .data .bbs_box {width:600px; margin-left:30px;}
#container .left .data .bbs_box_top {width:600px; height:11px; background:url('/portal/images/sub/policy/box_top.gif') no-repeat; font-size:0px; }
#container .left .data .bbs_box_center {width:572px; padding-left:8px; padding-right:20px; background:url('/portal/images/sub/policy/box_center.gif') repeat-y; text-align:center;}	
#container .left .data .bbs_box_bottom {width:600px; height:10px; background:url('/portal/images/sub/policy/box_bottom.gif') no-repeat; font-size:0px;}

#container .right {position:absolute; top:0; left:663px; width:314px;}
#container .right .movie_news {position:relative; width:304px; height:210px; padding-left:10px; border:1px solid #c3c3c3; background-color:#f8f8f8;}
#container .right .movie_news h4 {padding:5px 0 0 2px;}
#container .right .movie_news dl {width:290px;}
#container .right .movie_news dt {width:285px; padding:5px 0 8px 5px;}
#container .right .movie_news dt img {width:280px; height:135px; border:2px solid #c3c3c3;}
#container .right .movie_news dd {overflow:hidden; width:282px; padding:7px 0 2px 11px; border-top:1px solid #ccc; background:url('/portal/images/main/arrow.gif') no-repeat 0 11px; white-space:nowrap;}
#container .right .movie_news .more {position:absolute; top:7px; left:255px; width:42px; height:18px;}

#container .right .photo_news {margin-top:6px; width:304px; height:190px; padding-left:10px; border:1px solid #c3c3c3; background-color:#f8f8f8;margin-bottom:7px;}
#container .right .photo_news h4 {padding:5px 0 0 2px;}
#container .right .photo_news .photo_list {position:absolute; top:245px; left:238px;}
#container .right .photo_news .photo_list img {width:60px; height:38px; margin-bottom:7px; border:1px solid #c3c3c3;}
#container .right .photo_news .photo_view {position:absolute; top:245px; left:15px; width:220px;}
#container .right .photo_news .photo_view img {width:205px; height:128px; padding:3px; border:1px solid #ccc; background-color:#fff;}
#container .right .photo_news .photo_view .text {overflow:hidden; width:275px; padding:4px 0 2px 11px; background:url('/portal/images/main/arrow.gif') no-repeat 0 7px; white-space:nowrap;}

#container .right .qna {position:relative; top:0; left:0; width:314px; height:189px; margin-bottom:7px; border:1px solid #c3c3c3; background-color:#f8f8f8;}
#container .right .qna h4 {height:21px; padding:7px 0 0 12px;}
#container .right .qna ul {width:290px; padding-top:8px; margin-left:10px; border-top:1px solid #d9d9d9;}
#container .right .qna li {width:285px; height:23px; overflow:hidden; padding-left:5px; white-space:nowrap;}
#container .right .qna li img {margin-right:5px; vertical-align:baseline;}
#container .right .qna .more {position:absolute; top:7px; left:257px; width:42px; height:18px;}

#container .right .policycast {position:relative; top:0; left:0; width:314px; margin-bottom:7px; border:1px solid #c3c3c3; background-color:#f8f8f8; height:207px;}
#container .right .policycast h4 {height:21px; padding:7px 0 0 12px;}
#container .right .policycast ul {width:290px; padding:8px 0; margin-left:10px; border-top:1px solid #d9d9d9;}
#container .right .policycast li {width:285px; height:23px; overflow:hidden; padding-left:10px; background:url('/portal/images/main/bullet01.gif') no-repeat 0 7px; white-space:nowrap;}
#container .right .more {position:absolute; top:7px; left:257px; width:42px; height:18px;}

#container .right .link {position:relative; top:0; left:0;  width:299px; height:127px; padding-left:15px; border:1px solid #c3c3c3;}
#container .right .link h4 {padding-top:7px;}
#container .right .link .tit {position:absolute; overflow:hidden; top:35px; left:123px; width:180px; padding-bottom:3px; background:url('/portal/images/main/tabnav_line.gif') repeat-x 0 -5px; white-space:nowrap;} 
#container .right .link .text {position:absolute; overflow:hidden; top:62px; left:123px; width:180px; height:65px;}
#container .right .link .pic img {position:absolute; top:35px; left:15px; width:97px; height:60px; border:1px solid #c3c3c3;}
#container .right .link .go {position:absolute; top:100px; left:17px; width:95px;}
#container .right .link .more {position:absolute; top:8px; left:262px; width:42px; height:18px;}

#container .right .popup {position:relative; top:0; left:0; width:314px; height:160px; margin-bottom:6px; border:1px solid #c3c3c3; background-color:#f8f8f8; }
#container .right .popup h4 {padding:5px 0 0 12px;}
#container .right .popup .banner {position:absolute; top:7px; left:188px; width:120px;}
#container .right .popup .banner li {float:left;}
#container .right .popup .banner .view {position:absolute; top:28px; left:-145px;}

/*footer*/
#footer {clear:both; position:relative; z-index:10; height:150px;}
#q_footer {visibility:hidden; position:absolute; left:-10000px; font-size:0; line-height:0;}
#footer .f_policy {position:absolute; width:945px; padding:12px 0 13px 35px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
#footer .f_policy li {float:left; padding:0 18px 0 21px; background:url('/portal/images/common/tnb_line.gif') no-repeat 0 4px;}
#footer .f_policy li a:hover, #footer .f_policy li a:active {color:#000; text-decoration:none;}
#footer .f_policy .bn {background:none; border:0 none;}
#footer .f_area {position:relative; top:60px; left:40px; width:980px; font-weight:100;}
#footer .f_area li {float:left;}
#footer .f_area img {padding-top:15px;}
#footer .f_area li.tmp {padding-left:40px}

/*add 2010.09*/
.top_search {width:72px; vertical-align:middle; margin:4px 0 0 6px; padding:0; line-height:1em;}

/*2012.01.02 yeri 서브 퀵 메누 추가*/
.quick_new {position:absolute; top:0px; 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 {width:96px; height:76px; padding:3px 9px 3px 9px; 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;}

.quick_new .zoom_bg {width:101px; height:28px; padding:4px 0 0 1px; background: url('/images/newmain/q_zoom_bg.gif') no-repeat; } 
.quick_new .zoom_bg li {float:left;}