@charset "utf-8";
@import url(base.css);


/* default */
* {margin:0; padding:0;}
body {font-size:75%; line-height:1.8; font-family:"돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color:#666; overflow-y:scroll;}
*+html body {overflow-y:hidden;}
a {text-decoration:none; color:#0d53a4;}
a:hover, a:active, a:focus {text-decoration:none;}
input.type-image {margin:0; padding:0; border:0 none;}
input, select {vertical-align:top;}
.hidden {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}


/* Layout Selector 레이아웃에 관한건 특별한 경우를 제외하고 수정하지 말아주세요*/
#wrapper {width:970px;margin:0 auto;}
#header {height:102px; background:url(../../images/Common/bg_topline.gif) no-repeat;}
#header .logo {float:left; width:319px; padding-top:31px;}
#header .logo img {padding-left:60px;}
#header .search {float:left; width:405px; padding-top:26px;}
#header .search input.text {float:left; width:310px; height:18px; padding-top:5px; padding-left:2px; margin-right:6px; border:6px solid #ff7214; font-family:"돋움"; font-size:1.1em;}
#header .search p.favor {overflow:hidden; width:390px; height:30px; line-height:31px; margin-bottom:11px;}
#header .search p.favor span {font-weight:bold; color:#49149f;}
#header .search p.favor a {color:#585858;}
#header .search p.favor a:hover {color:#0d53a4;}
#header .user {float:right; position:relative; padding:26px 6px 0 0; width:225px;}
#header .user ul {position:absolute; right:0; top:82px;}
#header .user li {float:left; padding:0 7px; background:url(../../images/Common/bg_user_line.gif) 0 0.3em no-repeat;}
#header .user li.first-child {background:none;}
#header .user p.family {padding-bottom:6px; /*background:url(../../images/Main/icn_arrowC.gif) 10.7em 0 no-repeat;*/}
#header .user p.family img {margin-left:30px; margin-top:7px;}


#gnbwrap {position:relative; height:76px; background:url(../../images/Common/bg_topnavi.gif) no-repeat;}
ul#gnb {float:left; width:970px; height:66px;}
ul#gnb li.gnb_menu {float:left; width:125px;}
ul#gnb li.gnb_movie {float:left; width:115px; margin:8px 0 0 50px;}
ul.gnb_submenu {display:none; position:absolute; overflow:hidden; top:40px;} /* 2뎁스 레이어메뉴 */
ul.gnb_submenu li {float:left;height:13px;padding:0 8px;background: url(../../images/Common/icn_navi.gif) 0 0.5em no-repeat;}
ul.gnb_submenu li a {color:#000;}
ul.gnb_submenu.sub01 {left:40px; width:270px; height:30px;}
ul.gnb_submenu.sub02 {left:162px; width:730px; height:30px;}
ul.gnb_submenu.sub03 {left:260px; width:300px; height:30px;}
ul.gnb_submenu.sub04 {left:160px; width:700px; height:30px;}
ul.gnb_submenu.sub05 {left:200px; width:730px; height:30px;}
#container {width:970px; background:url(../../images/Main/bg_shadow.gif) center top no-repeat;}

#content {position:relative; margin:4px 0 13px 0; padding:9px 0; border:1px solid #979797; background-color:#bababa;}
#visual {overflow:hidden; width:948px; margin:0 auto; border:1px solid #9f9f9f; background:#fff url(../../images/Main/bg_visual.gif) repeat-y;}
#visual .today {float:left; width:256px; background:url(../../images/Main/bg_dotH.gif) right top repeat-y;}
#visual .today h2 {position:absolute; left:-1px; top:-1px; width:101px; height:62px; background:url(../../images/Main/bg_today.gif) no-repeat;}
#visual .today h2 img {margin:22px 0 0 5px;}
#visual .today h2 span.data {position:absolute; left:6px; top:4px; font-size:12px; font-weight:bold; color:#fff;} /*익스6 7 폰트사이즈 상속안됨 영역벗어나므로 px값으로 픽스*/
#visual .today p.info {margin:11px 0 0 200px; color:#418e00;}
#visual .newbook {width:234px; margin: 0 auto;}
#visual .newbook p.photo {margin:0 auto; width:106px; height:159px; margin:-14px 0 4px 60px; text-align:center; border:1px solid #bebebe;}
#visual .newbook p.photo img {width:100px; height:154px; margin-top:2px;}
#visual .newbook p.btnL {position:absolute; left:35px; top:100px;}
#visual .newbook p.btnR {position:absolute; left:220px; top:100px;}
#visual .newbook p.title {clear:both; overflow:hidden; width:228px; text-align:center; padding-bottom:3px;}
#visual .newbook p.title a {color:#ff5000;}
#visual .newbook ul {overflow:hidden; width:234px; padding-bottom:5px;padding-left:0px;}
#visual .newbook ul li {float:left; display:inline; width:37px; height:54px; margin:0 4px 0 5px;}
#visual .newbook ul li img {width:37px; height:54px;}
#visual .newbook ul li a {float:left; display:inline; width:37px; height:54px; border:2px solid #d6d6d6;}
#visual .newbook ul li a:hover {border:2px solid #282828;}
#visual .newbook ul li a:focus {border:2px solid #282828;}

#visual .magazine {float:left; position:relative; width:678px; padding:13px 5px 5px 8px; }
#visual .magazine h2 {margin-left:10px; width:200px; background:none;}
#visual .magazine ul {width:678px; margin:10px 0 7px 0;}
#visual .magazine ul li.newphoto {float:left; display:inline; width:317px; margin:0 10px;}
#visual .magazine ul li.newphoto a.photo {display:block; float:left; width:184px; height:80px; margin:0 7px 11px 0; border:1px solid #bebebe;}
#visual .magazine ul li.newphoto a.photo img {padding:3px;}
#visual .magazine ul li.newphoto a.title {display:block; float:left; width:123px; margin-top:9px; font-weight:bold; letter-spacing:-0.1em;  line-height:1.3; color:#666;}
#visual .magazine ul li.newphoto a:hover {color:#0d53a4;}
#visual .magazine ul li.newphoto a.title span {display:block; float:left; width:123px; font-weight:bold; color:#ff5000;}
#visual .magazine ul li.newphoto p.con {clear:both; letter-spacing:-0.1em;  line-height:1.3; color:#7c7c7c;}
#visual .magazine ul li.newphoto p a.con {clear:both; letter-spacing:-0.1em;  line-height:1.3; color:#7c7c7c;}
#visual .magazine ul li.newphoto p a:hover {color:#0d53a4;}
#visual .magazine ul li.newphoto p.data {width:70px; height:15px; margin:5px 0 22px 0; line-height:16px; background-color:#f2ebef; border:1px solid #dea1cb; color:#523790; text-align:center;}
#visual .magazine ul li.newlist{clear:both; width:668px; margin-left:10px;}
#visual .magazine ul li.newlist span {font-weight:bold; color:#ff5000;}
#visual .magazine ul li.newlist a {color:#666;}
#visual .magazine ul li.newlist a:hover{color:#0d53a4;}
#visual .magazine p.btn{position:absolute; right:10px; top:10px;}

#con1 {clear:both; display:inline; float:left; width:250px; margin:14px 16px 0 0;} /*레이아웃1*/
#con1 .article-notice, #con1 .article-news {position:relative;}
#con1 .article-notice h2, #con1 .article-news h2{padding-bottom:7px; background:url(../../images/Main/bg_line.gif) left bottom repeat-x;}
#con1 .article-notice ul, #con1 .article-news ul {margin:7px 0 19px 0;}
#con1 .article-notice ul li, #con1 .article-news ul li {padding:2px 0 1px 10px; line-height:1.3; background:url(../../images/Main/icn_dot.gif) 0.2em 0.8em no-repeat;}
#con1 .article-notice ul li a, #con1 .article-news ul li a {color:#666;}
#con1 .article-notice ul li a:hover, #con1 .article-news ul li a:hover {color:#0d53a4;}
#con1 .article-notice ul li a img {vertical-align:top; padding-left:3px;}
#con1 .article-notice p.btn, #con1 .article-news p.btn {position:absolute; top:0; right:1px;}
#con1 .article-news ul li span {color:#c66c43;}
#con1 .market {position:relative; overflow:hidden; border:1px solid #e1e1e1; border-bottom:2px solid #474843;}
#con1 .market h2 {padding:8px 0 7px 6px; border-bottom:1px solid #e1e1e1; margin:0 2px;}
#con1 .market #tabcontainer {float:left; width:246px; margin-bottom:4px;}
#con1 .market #tabcontainer h3 {top:10px;}
#con1 .market #tabcontainer h3.tabtitle1 {left:91px;}
#con1 .market #tabcontainer h3.tabtitle2 {left:131px;}
#con1 .market #tabcontainer img {vertical-align:top; padding-left:3px;}
#con1 .market #tabcontainer ul {clear:both; overflow:hidden; width:100%; padding-top:7px; margin-bottom:23px;} /* 리스트 */
#con1 .market #tabcontainer ul li {float:left; width:246px; padding:2px 0 0 12px; background:url(../../images/Main/icn_dot.gif) 0.5em 0.8em no-repeat;}
#con1 .market #tabcontainer ul li a{color:#666;}
#con1 .market #tabcontainer ul li a:hover {color:#418e00;}
#con1 .market #tabcontainer p {top:10px; right:5px;} /* 버튼 */

#con2 {float:left; display:inline; width:433px; margin:2px 20px 0 0} /*레이아웃2*/
#con2 .specialist {position:relative; width:100%; border:1px solid #d6d6d6; padding:2px; margin-bottom:10px; background-color:#f0f0f0;}
#con2 .specialist h2 {margin:12px 0 15px 9px;}
#con2 .specialist ul, #con2 .reader ul {width:433px; padding-bottom:12px;}
#con2 .specialist ul li.newphoto, #con2 .reader ul li.newphoto {float:left; display:inline; width:200px; margin:0 7px 0 9px; padding-bottom:15px;}
#con2 .specialist ul li.newphoto a.photo, #con2 .reader ul li.newphoto a.photo {float:left; width:57px; height:88px; margin-right:5px;}
#con2 .specialist ul li.newphoto a.photo img, #con2 .reader ul li.newphoto a.photo img {width:57px; height:88px;}
#con2 .specialist ul li.newphoto span {display:block; overflow:hidden; float:left; width:120px; color:#4f4f4f;}
#con2 .specialist ul li.newphoto span a.title, #con2 .reader ul li.newphoto a.title {display:block; padding-right:10px; font-weight:bold; color:#4f4f4f;}
#con2 .reader ul li.newphoto a.title img {margin-left:5px;}
#con2 .specialist ul li.newphoto span a:hover {color:#0d53a4;}
#con2 .specialist ul li.newphoto a.con {float:left; line-height:1.4em; letter-spacing:-0.1em; width:120px; padding-top:3px; color:#7c7c7c;}
#con2 .specialist ul li.newphoto a:hover {color:#0d53a4;}
#con2 .specialist ul li.newphoto a.con img {padding-left:5px;}
#con2 .specialist ul li.newlist, #con2 .reader ul li.newlist {clear:both; overflow:hidden; width:420px; padding-left:10px; padding-bottom:1px;}
#con2 .specialist ul li.newlist span {font-weight:bold; padding-right:10px; color:#4f4f4f;}
#con2 .specialist ul li.newlist a, #con2 .reader ul li.newlist a {color:#4f4f4f;}
#con2 .specialist ul li.newlist a:hover {color:#0d53a4;}
#con2 .specialist ul li.first, #con2 .reader ul li.first {padding-top:15px; background:url(../../images/Main/bg_reviewLine.gif) 1em 0 repeat-x;}
#con2 .specialist p.btn, #con2 .reader p.btn {position:absolute; right:9px; top:15px;}
#con2 .reader {position:relative; overflow:hidden; width:100%; border:1px solid #d6d6d6; padding:2px; margin-bottom:18px; background-color:#f0f0f0;}
#con2 .reader h2 {margin:12px 0 17px 9px;}
#con2 .reader ul li.newphoto a.title {margin-bottom:5px;}
#con2 .reader ul li.newphoto a:hover {color:#0d53a4;}
#con2 .reader ul li.newphoto dl{float:left; overflow:hidden; width:123px;}
#con2 .reader ul li.newphoto dl dt {width:28px; padding-left:5px; letter-spacing:-0.05em; background:url(../../images/Main/icn_dot.gif) 0.1em 0.5em no-repeat;}
#con2 .reader ul li.newphoto dl dd {width:87px; padding-left:2px; margin:-18px 0 0 32px; height:18px; letter-spacing:-0.08em;}
#con2 .reader ul li.newphoto dl dd img, #con2 .reader ul li.newlist span.star {padding-right:1px; vertical-align:middle;}
#con2 .reader ul li.newphoto a.con {float:left; line-height:1.4em; letter-spacing:-0.1em; width:120px; padding-top:3px; color:#7c7c7c;}
#con2 .reader ul li.newphoto a:hover {color:#0d53a4;}
#con2 .reader ul li.newlist {position:relative;}
#con2 .reader ul li.newlist a.review {font-weight:normal; padding-left:8px; margin-right:5px;}
#con2 .reader ul li.newlist span.title {overflow:hidden; float:left; width:310px; font-weight:bold;}
#con2 .reader ul li.newlist span.title a:hover {color:#0d53a4;}
#con2 .reader ul li.newlist span.star {float:right; width:88px; padding-right:5px; font-weight:normal;}
#con2 .reader ul li.first span.star {float:right; padding-left:10px; padding-right:5px;} /*position 때문에 다시적용 개발 loop에 상관없나*/
#con2 .reader ul li.newlist span.star img {padding-right:3px;}

#con3 {float:left; display:inline; width:249px; margin:2px 0 0 0;} /*레이아웃3*/
#con3 .popup {width:249px;}
#con3 .popup span {display:block; height:19px; margin-top:2px; background-color:#d6d6d6;}
#con3 .popup span a {display:block; float:left; width:19px; height:19px; margin-right:2px; text-align:center; background-color:#474843; color:#fff;}
#con3 .popup span a:hover {background-color:#fa602e;}
#con3 .popup span a:focus {background-color:#fa602e;}
#con3 .town {position:relative; width:249px; margin-top:20px; overflow:hidden;}
#con3 .town h2 {padding-top:3px; margin-bottom:15px;}
#con3 .town ul li {float:left; display:inline; overflow:hidden; width:120px; padding-right:4px; margin-bottom:20px;} /*hidden영역때문에 포커스 gg*/
#con3 .town ul li img {border:1px solid #adadad; margin-bottom:3px;}
#con3 .town ul li a.title {overflow:hidden; display:block; width:120px; padding-right:5px; font-weight:bold; color:#666;}
#con3 .town ul li a:hover {color:#0d53a4;}
#con3 .town ul li a span {font-weight:normal; padding-left:5px; background:url(../../images/Main/bg_lineH.gif) 0.1em 0.2em no-repeat;}
#con3 .town p.btn{position:absolute; right:0; top:0;}

#banner {clear:both; width:968px; height:36px; border:1px solid #e3e3e3; background-color:#f1f1f1; margin:5px 0 7px 0;}
#banner ul {width:910px; margin:0 auto; text-align:center;}
#banner ul li {float:left; padding: 0 22px;}

#sitemap {width:968px; overflow:hidden; padding-bottom:20px; border:1px solid #e3e3e3; background:url(../../images/Main/bg_sitemap.gif) right bottom no-repeat;}
#sitemap h2 {width:141px; font-size:1em; padding:6px 0 6px 20px; border-bottom:1px solid #e1e1e1; background:#f1f1f1 url(../../images/Main/bg_h2line.gif) right 0.5em no-repeat;}
#sitemap h2.last {width:143px; background:#f1f1f1 none;}
#sitemap ul li {float:left; width:161px; background:url(../../images/Common/bg_dotline.gif) right center repeat-y;}
#sitemap ul li.last-child {width:163px; background:none;}
#sitemap ul li.lastpd1 {padding-bottom:48px;}
#sitemap ul li.lastpd2 {padding-bottom:170px;}
#sitemap ul li.lastpd3 {padding-bottom:170px;}
#sitemap ul li ul {margin:15px 0 20px 0;}
#sitemap ul li ul li {padding-left:25px; background:url(../../images/Main/icn_dot.gif) 1.5em 0.6em no-repeat;}
#sitemap ul li ul li a {color:#c66c43;}
#sitemap ul li ul li ul {overflow:hidden; margin:0; padding:0 0 8px 0;}
#sitemap ul li ul li ul li {padding-left:8px; background:url(../../images/Main/icn_dotline.gif) 0 0.6em no-repeat;}
#sitemap ul li ul li ul li a {color:#5e5d5d;}

#footer {display:inline; float: left; position:relative; width:970px; height:120px;}
#footer .icn_top {position:absolute; right:4px; bottom:133px; width:62px;}
#footer .guide {position:relative; width:970px; height:31px; text-align:right; color:#fff; background-color:#494949;}
#footer .guide ul {position:absolute; right:195px; width:500px; margin:8px 0 9px 0; text-align:right;}
#footer .guide ul li {float:left; padding:0 8px; background:url(../../images/Common/footer_bar.gif) 0 0.3em no-repeat;}
#footer .guide ul li.first-child {background:none;}
#footer form {float:right; display:inline; width:180px; margin:6px 17px 5px 12px;}
#footer form select {width:130px;}
#footer .copyright {position:relative; float:right; width:700px; padding:14px 210px 0 0; text-align:right; color:#474843;}
#footer .copyright span {display:block;}
#footer .logo {position:absolute; right:20px; top:20px;}
#footer p.Markpass {position:absolute; top:45px; left:0;}