/*@charset "euc-kr";*/ @charset "utf-8"; /* 전체 사용 */ body {position:relative; margin:0; padding:0; /*font-family:Dotum;*/ font-size:9pt; line-height:18px; color:#666666; /*background:url(../images/common/bodyBg.gif) left top repeat-x;*/} img { border:none; } div, p, table, tr, td, hr, legend, input, select, textarea, form {padding:0; margin:0; } h1, h2, h3, h4, h5, h6 {padding:0; margin:0; /*font-family:Dotum;*/} dl, dt, dd, fieldset {padding:0; margin:0; /*font-family:Dotum;*/ /*font-size:12px;*/} pre {padding:0; margin:0; /*font-family:Dotum;*/ } fieldset { border:none;} ul, ol { list-style:none; padding:0; margin:0;} li { padding:0; margin:0; /*font-family:Dotum;*/ font-size:11px;} input { vertical-align:middle; /*font-family:Dotum;*/} caption { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; } a { text-decoration:none; color:#7d7d7d;} a:hover, a:focus { text-decoration:underline; color:#ec2427;} .input {border:1px solid #c9c9c9;line-height:14px; height:14px; padding:4px 5px; vertical-align:middle; background:#fff;} .input:hover, .input:focus {border:2px solid #ed5e0a;padding:3px 4px;} select {border:1px solid #c9c9c9;line-height:14px; /*padding:2px 5px;*/ vertical-align:middle; height:22px; /*font-family:Dotum;*/ color:#666;} .input01 {border:1px solid #c9c9c9;line-height:14px; padding:3px 5px; vertical-align:middle;} .input01:hover, .input01:focus {border:2px solid #ed5e0a;padding:2px 4px;} /* 전제 사용되는 클래스 */ .hide { display:none} .floatLeft, .fl { float:left;} .floatRight { float:right;} .inline { display:inline;} .alignLeft { text-align:left;} .alignRight { text-align:right;} .alignCenter { text-align:center !important;} .clear { clear:both; height:0; line-height:0 !important; margin:0 !important; padding:0; vertical-align:top;} *+html body .clear { margin-top:-3px !important;} * html .clear { margin-top:-3px !important;} * html .clear { margin-top:-3px !important;} * html .clear { margin-top:-3px !important;} * html .clear6 { margin-top:-12px !important;} *+html body .clear6 { margin-top:0 !important;} .vertical_top { vertical-align:top} .vertical_middle { vertical-align:middle} .bold { font-weight:bold;} .italic { font-style:italic} .super { vertical-align:super; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#999; margin-left:3px;} /* 위첨자 */ .noScript { /*font-family:Dotum;*/ font-size:0.9em; letter-spacing:-0.1em; line-height:15px;} .height3 { height:3px; line-height:3px; margin:0 !important; padding:0;} * html .img_ie {margin-bottom:-4px;} *+html body .img_ie { margin-bottom:-4px;} .checkbox { margin:4px 3px 3px 3px; vertical-align:baseline;} * html .checkbox { margin:0 !important; vertical-align:baseline;} *+html body .checkbox { margin:0 !important; vertical-align:baseline;} .font11 { /*font-family:Dotum;*/ font-size:11px !important; letter-spacing:-0.05em !important; line-height:15px;} .fontRed { color:#d10404;} .fontNormal { font-weight:normal !important;} .descriptions { color:#666666;} .underline { text-decoration:underline;} .selector { position:absolute; width:0; height:0 !important; font-size:0; line-height:0!important; overflow:hidden; visibility:hidden; } .strongColor { color:#ed5e0a} .strongColor2 { color:#1A8ACA;} .strongColor3 { color:#275cab;} .btnArea { padding:20px 0 30px;} .btnArea_02 { padding:10px 0; text-align:center;} .btnArea_02 input, .btnArea_02 img { margin:0 5px;} *html .iePngFix {behavior:url(../images/common/iepngfix.htc);} .noBorder { border:0 !important;} .bgNone { background:none !important;} /* 세로, 가로 사이즈 클래스 */ /* 마진, 패딩 */ .padding0 { padding:0 !important;} .pt100 { padding-top:100px !important;} .paddingLeft20{ padding-left:20px !important;} .mt10 { margin-top:10px !important;} .mt20 { margin-top:20px !important;} .mt25 { margin-top:25px !important;} .mt30 { margin-top:30px !important;} .mt50 { margin-top:50px !important;} .mb10 { margin-bottom:10px !important;} .mb20 { margin-bottom:20px !important;} .noScript { /*font-family:Dotum;*/ font-size:0.9em; letter-spacing:-0.05em; color:#6e972b;} .borderNone { border:none !important;} .bgNone { background:none !important;} @font-face { font-family: 'NanumGothic'; src: url('../include/NanumGothic.eot'); src: url('../include/NanumGothic.eot?#iefix') format('embedded-opentype'), url('../include/NanumGothic.woff') format('woff'), url('../include/NanumGothic.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'NanumGothicbold'; src: url('../include/NanumGothicBold.eot'); src: url('../include/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('../include/NanumGothicBold.woff') format('woff'), url('../include/NanumGothicBold.ttf') format('truetype'); font-weight: 400; font-style: normal; } #mainContents{} #bodyWrap { } #bodyTop { position:relative; } #bodyTop_width { position:relative; width:1000px; height:100px; margin:0 auto;} #bodyTop h1 { position:absolute; left:33px; top:14px;} #skipNav { position:absolute; left:130px; top:5px;} #skipNav li { margin:0 3px;} #skipNav li a, #skipNav li a:hover { font-size:11px; letter-spacing:-0.05em; color:#fff; padding:4px 5px 3px;} #skipNav li a:focus { background:#999; border:1px solid #999; border-radius:4px; text-decoration:none;} #searchField {position:absolute; left:280px; top:15px; width:407px; height:24px; background:url(../images/common/search_bg.gif) left top no-repeat;} #searchField form { position:relative;} #searchInput {position:absolute; left:18px; top:3px; background:#fff; border:0; height:18px; line-height:18px; color:#787878;} #searchInput:hover, #searchInput:focus {line-height:18px; } #searchBtn {position:absolute; right:5px; top:5px; } #topNav { position:absolute; right:20px; top:10px;} #topNav li { float:left; display:inline; margin-right:15px; } #topNav li a { font-size:11px;} #topNav li a:hover, #topNav li a:focus { color:#0099d3;} #topNav li.btn { margin-right:5px;} #topNav li.btn img { vertical-align:middle;} #Nav { width:100%;} /*#Nav h2 { float:left; display:inline; padding:0 25px;}*/ #Nav h2 { position:absolute; left:50%; top:50px;} .nav01 { width:66px; margin-left:-220px; } .nav02 { width:34px; margin-left:-105px; } .nav03 { width:36px; margin-left:-15px; } .nav04 { width:113px; margin-left:70px; } #Nav h2 a { display:block; padding-top:7px;} #allMenu01 { position:absolute; left:646px; top:65px; } #allMenu01Layer { z-index:100;} #allMenu_list { position:absolute; top:100px; z-index:100; padding:20px 30px; border: 1px solid #dedede; background:#fff; width:600px; left:200px; top:100px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} .nav_submenu { } .tv .nav_submenu { position: relative; width:100%; left:0; top:0; height:225px; background:url(../images/common/tv_menu_bg2.gif) left top repeat-x;} .fm .nav_submenu { position:relative; width:100%; left:0; top:0; height:164px; background:url(../images/common/fm_menu_bg.gif) left top repeat-x;} .nav_submenu:before { display:block; content:"";} .nav_submenu:after { display:block; content:"";} .nav_submenu { clear:both;} .tv_menu { width:992px; margin:0 auto; padding-top:16px;} .tv_menu h3 { float:left; display:inline; width:180px; margin-left:30px;} .tv_list { float:left; display:inline; width:750px;} .tv_list li { position:relative; float:left; width:33%; height:53px; margin-bottom:16px;} .tv_list li a { display:block; width:95%; height:53px; border:1px dotted #a51617;} .tv_list li a:hover, .tv_list li a:focus { border:1px dotted #fff;} .tv_list li a span { font-size:12px;} .tv_list li .photo { position:absolute; width:94px; height:47px; border:3px solid #D1D0D0;} .tv_list li a:hover .photo, .tv_list li a:focus .photo { border:3px solid #fff;} .tv_list li .title { position:absolute; left:110px; top:5px; color:#E2A6A6; font-weight:bold;} .tv_list li a:hover .title, .tv_list li a:focus .title { text-decoration:underline; color:#fff;} .tv_list li .info { position:absolute; left:110px; top:25px; color:#fff; } .fm_menu { width:992px; margin:0 auto; padding-top:5px;} .fm_menu h3 { float:left; display:inline; width:250px; margin-left:30px;} .fm_list { float:left; display:inline; width:732px; margin:15px 0 0 -30px;} .fm_list li { position:relative; float:left; width:25%; height:53px; margin-bottom:16px;} .fm_list li a { display:block; width:140px; padding:7px; height:110px; border:1px dotted #db6b07;} .fm_list li a:hover, .fm_list li a:focus { border:1px dotted #fff; text-decoration:none;} .fm_list li a span { display:block; font-size:12px;} .fm_list li .photo { width:133px; height:66px; border:3px solid #FBCFA7; margin-bottom:5px;} .fm_list li a:hover .photo, .fm_list li a:focus .photo { border:3px solid #fff;} .fm_list li .title { color:#FBCFA7; font-weight:bold;} .fm_list li a:hover .title, .fm_list li a:focus .title { text-decoration:underline; color:#fff;} .fm_list li .info { color:#fff; } #onAir { position:absolute; right:20px; top:46px; display:inline; margin-left:50px; height:26px; padding:5px 18px 7px 4px; background:url(../images/common/onAir_Bg.gif) left top no-repeat;} #onAir h2 { float:left; display:inline; padding:9px 13px 0 0; margin: 0 1px 0 5px; background:url(../images/common/onAir_line.gif) right 9px no-repeat;} #onAir ul { float:left; display:inline;} #onAir li { float:left; display:inline; margin:0 1px; padding:0 2px;} #onAir li img { vertical-align:top;} /* #onAir { position:absolute; right:20px; top:46px; display:inline; margin-left:50px; height:26px; padding:5px 24px 7px 24px; background:url(../images/common/onAir_Bg.gif) left top no-repeat;} #onAir h2 { float:left; display:inline; padding:9px 12px 0 0; margin-right:9px; background:url(../images/common/onAir_line.gif) right 9px no-repeat;} #onAir ul { float:left; display:inline;} #onAir li { float:left; display:inline; margin:0 3px; padding:0 5px;} #onAir li img { vertical-align:top;} */ /*#bodyTop { position:relative; height:100px; width:1000px; margin:0 auto;} #bodyTop h1 { position:absolute; left:33px; top:14px;} #skipNav { position:absolute; left:130px; top:5px;} #skipNav li { margin:0 3px;} #skipNav li a, #skipNav li a:hover { font-size:11px letter-spacing:-0.05em; color:#fff; padding:4px 5px 3px;} #skipNav li a:focus { background:#999; border:1px solid #999; border-radius:4px; text-decoration:none;} #searchField {position:absolute; left:280px; top:15px; width:407px; height:24px; background:url(../images/common/search_bg.gif) left top no-repeat;} #searchField form { position:relative;} #searchInput {position:absolute; left:18px; top:3px; background:#fff; border:0; height:18px; line-height:18px; color:#787878;} #searchInput:hover, #searchInput:focus {line-height:18px; } #searchBtn {position:absolute; right:5px; top:5px; } #topNav { position:absolute; right:20px; top:10px;} #topNav li { float:left; display:inline; margin-right:15px; } #topNav li a { font-size:11px;} #topNav li a:hover, #topNav li a:focus { color:#0099d3;} #topNav li.btn { margin-right:5px;} #topNav li.btn img { vertical-align:middle;} #Nav { position:absolute; left:260px; width:450px; top:48px;} #Nav h2 { float:left; display:inline; padding:0 25px;} #Nav h2 a { display:block; padding-top:7px;} #allMenu01 { position:absolute; left:646px; top:65px; } #allMenu01Layer { z-index:100;} #allMenu_list { position:absolute; top:100px; z-index:100; padding:20px 30px; border: 1px solid #dedede; background:#fff; width:600px; left:200px; top:100px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;} #allMenu_list ul {} #allMenu_list li { float:left; display:inline; width:22%; margin:0 1.5%;} #allMenu02 { position:absolute; left:646px; top:65px;} #onAir { position:absolute; right:20px; top:46px; display:inline; margin-left:50px; height:26px; padding:5px 24px 7px 24px; background:url(../images/common/onAir_Bg.gif) left top no-repeat;} #onAir h2 { float:left; display:inline; padding:9px 12px 0 0; margin-right:9px; background:url(../images/common/onAir_line.gif) right 9px no-repeat;} #onAir ul { float:left; display:inline;} #onAir li { float:left; display:inline; margin:0 3px; padding:0 5px;} #onAir li img { vertical-align:top;}*/ #G1_ad { position:absolute; width:160px; left:50%; top:110px; margin-left:490px;} .culture #G1_ad { margin-left:475px!important;} #G1_ad .G1_adList { position:absolute; right:0; top:0; width:158px; width:158px; padding-bottom:10px; background: #fff; border:1px solid #cccccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:none;background:url(../images/common/G1_ad_bg04.gif) center bottom no-repeat; height: 520px;} .photosgallery-vertical{width:158px;background:url(../images/common/G1_ad_bg03.gif) center top no-repeat; } .ad_content { position:relative; height:412px; margin:0 auto; padding:108px 10px 5px; overflow:hidden; border:none;background:url(../images/common/G1_ad_bg03.gif) center top no-repeat; } .ad_content dt {display:block; padding:3px 0; border-bottom:1px dotted #DFDFDF} .ad_content dt img { vertical-align:middle;} .ad_content dd { position:absolute; display:none; left:10px; top:10px; width:130px; height:90px; border:4px solid #dfdfdf; overflow:hidden;} .ad_arrow { text-align:center; margin-top:-3px;} .ad_arrow li { display:inline;} .gbox { border:1px solid #99FF00; background-color:#D1FF8C; } .wbox { border:1px solid #FFFFFF;} /* culture 퀵메뉴 */ #G1_ad03 { position:absolute; width:650px; left:50%; } .sub #G1_ad03 {width:640px !important;} #G1_ad03 .G1_adList { position:absolute; right:0; top:0; width:158px; width:158px; padding-bottom:10px; background: #fff; border:1px solid #cccccc; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; border:none;background:url(../images/common/G1_ad_bg04.gif) center bottom no-repeat; height: 520px;} .photosgallery-vertical{ width:158px;background:url(../images/common/G1_ad_bg03.gif) center top no-repeat; } #boxfollow { position:absolute; top:120px; } /* Nav */ .photosgallery-vertical .sliderkit-nav{top:0;left:0;width:140px;height:100%;} .photosgallery-vertical .sliderkit-nav-clip{} .photosgallery-vertical .sliderkit-nav-clip ul li{margin:0;padding:0; border-bottom:1px dotted #DFDFDF;} .photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:140px;height:50px;overflow:hidden;} .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0; background:#f7ffe6} .photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a a:hover{background:#f7ffe6} .photosgallery-vertical .sliderkit-nav-clip ul li img{ vertical-align:top;} /* Panel */ .photosgallery-vertical .sliderkit-panel{bottom:10px;left:10px;width:130px;height:90px; border:4px solid #dfdfdf;} .G1_adList .sliderkit .sliderkit-nav{z-index:10;position:absolute; top:105px; margin:10px 9px 0; height:404px; overflow:hidden;} .G1_adList .sliderkit .sliderkit-nav-clip{overflow:hidden;text-align:center;} .G1_adList .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0; width:140px;} .G1_adList .sliderkit .sliderkit-nav-clip ul li{} .G1_adList .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .G1_adList .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden; } .G1_adList .sliderkit .sliderkit-panel-active{z-index:5;} .G1_adList .sliderkit .sliderkit-panel-old{z-index:4;} /* Panel */ .photosgallery-vertical .sliderkit-panel{bottom:10px;left:10px;width:130px;height:90px; border:4px solid #dfdfdf;} .G1_adList .sliderkit2 .sliderkit-nav{z-index:10;position:absolute; margin:10px 9px 0; height:204px; overflow:hidden;} .G1_adList .sliderkit2 .sliderkit-nav-clip{overflow:hidden;text-align:center;} .G1_adList .sliderkit2 .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0; width:140px;} .G1_adList .sliderkit2 .sliderkit-nav-clip ul li{} .G1_adList .sliderkit2 .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} .G1_adList .sliderkit2 .sliderkit-panel{z-index:1;position:absolute;overflow:hidden; } .G1_adList .sliderkit2 .sliderkit-panel-active{z-index:5;} .G1_adList .sliderkit2 .sliderkit-panel-old{z-index:4;} #subBottom { position:relative;width:960px; margin:0 auto 10px !important; height:2px !important; background:#EC2427!important; overflow:hidden;} .main #subBottom { position:absolute; width:0; height:0 !important; font-size:0; line-height:0!important; overflow:hidden; visibility:hidden;} *+html body #subBottom { margin-top:-20px;} *html #subBottom { margin-top:-20px !important;} #bodyBottom { position:relative; width:960px; margin:0 auto 30px;} *html #bodyBottom { padding-bottom:30px;} #bodyLink {} #bodyLink li { float:left; display:inline; padding:0 15px 0 16px; background:url(../images/common/bottomLink_line.gif) left 50% no-repeat;} #bodyLink li.first { padding-left:0; background:none;} #bodyLink li a { font-weight:bold; color:#6d6d6d;} #bodyBottom address { margin-top:10px; font-style:normal;} #bodyBottom #copyright { font-style:normal;} #g1_qr{ position:absolute; top:0; right:170px;} #siteLink01 { position:absolute; right:0; top:0;} #siteLink02 { position:absolute; right:0; bottom:0;} #siteLink03 { position:absolute; right:0; top:24px;} #siteLink05 { position:absolute; right:0; top:48px;} #siteLink01Layer { top:-202px; } #siteLink02Layer { top:-130px; height:176px !important; } #siteLink03Layer { top:-86px; height:156px !important; } .siteLinkLayer {position:absolute; right:0; width:160px; height:224px; background:#fff; display:none; z-index:10;} .siteLink { position:relative;/* border:1px solid #d8d8d8;*/ border:2px solid #EC2427; overflow:hidden;} .siteLink h3 { font-size:1em; line-height:20px; padding:10px 10px 5px;} .siteLink .btn_close { position:absolute; right:10px; top:15px;} .siteLink ul { width:146px; height:158px; overflow-x:hidden; overflow-y: auto; padding:0 0 5px; margin:0 0 0 10px;} .siteLink .kangwon { height:110px ; overflow:hidden;} .siteLink .kangwon li { float:left; display:inline; width:46px;} *+html body .siteLink .kangwon { height:105px;} .siteLink .sbs { height:90px; overflow:hidden;} .siteLink .sbs li { float:left; display:inline; width:70px;} .siteLink li { line-height:18px;} .siteLink li a { font-size:11px; letter-spacing:-1px;} #wearther01Layer { position:fixed; _position:absolute; z-index:10000; display:none; top:0; left:0; width:100%; height:100%; } #wearther01Layer .open{ display:block;} #wearther01Layer .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);} #weather_all_layer {position:absolute;width:960px; height:280px;left:50%; top:50%; margin: -140px 0 0 -480px;} .btn_close { text-align:right; padding:0 5px 5px 0;} /*.weather_all_main {width:960px; height:280px;left:50%; top:680px; margin-left:-480px;} *+html body .weather_all_main {margin-left:-481px;}*/ #weather_all_div { position:relative; background:#fff; border:3px solid #EC2427; } #wearther01Layer h3 { padding:15px 0 10px; height:20px; margin:0 10px; /*border-bottom:1px dotted #ddd;*/} .w_date { position:absolute; right:10px; top:20px; font-size:0.9em; color:#999;} .w_table { width:100%; border-top:1px solid #dedede;} .w_table td { width:11%; border-left:1px solid #dedede; border-bottom:1px solid #dedede; height:120px; vertical-align:top; text-align:center;} .weather_all_list {} .weather_all_list dt { background:#f8f8f8; padding:5px 0; margin-bottom:5px;} .weather_all_list dd {} .weather_all_list .weather { margin-bottom:5px; font-size:0.9em; color:#888;} .weather_all_list .weather img { vertical-align:top; margin-bottom:7px;} .weather_all_list dd .tem { color:#2F6197;} #pro_layout { position:relative; width:922px; margin:0 auto 20px; padding:0 !important; background:url(../images/tv/tv_contents_bg.gif) left top no-repeat;} * html #pro_layout { } #pro_layout .pro_img { padding:20px 0 5px 20px;} .tv_nav { display:block; height:78px; margin:5px 26px 20px 26px;} .tv_nav li { float:left; display:inline; margin-right:2px;} .tv_nav li a { display:block; width:97px; text-align:center; padding:5px; font-size:11px; font-weight:bold; background:#959290; color:#fff; border-radius:4px;} .tv_nav li.facebook { position:relative; float:right; display:inline; } .tv_nav li a.facebook { display:table-cell; width:80px; text-align:center; padding:5px 5px 5px 20px; font-size:11px; font-weight:bold; background:#959290; color:#fff; border-radius:4px; float:right; } .tv_nav li a.facebook img { position:absolute; display:inline-block; width:20px; height:20px; top:50%; left:10px; margin-top:-10px; } .tv_nav li a:hover, .tv_nav li a:focus { background:#111;} .tv_nav li.current a { background:#C61719;} .fm_nav { height:78px; margin:0 0 20px 26px;} .fm_nav li { float:left; display:inline; margin-right:2px;} .fm_nav li a { display:block; width:97px; text-align:center; padding:5px; font-size:11px; font-weight:bold; background:#959290; color:#fff; border-radius:4px;} .fm_nav li a:hover, .fm_nav li a:focus { background:#111;} .fm_nav li.current a { background:#F77805;} .pro_con { width:820px; background:url(../images/tv/list-wrapbg.gif) left top repeat-y; padding:20px 50px 10px;} .pro_bottom { height:36px; background:url(../images/tv/list-wrapbgBottom.gif) left bottom no-repeat;}