/*************** 메인스킨22 ***************/ /* 기사본문 */ .read_title {font:bold 26px/30px gulim,'굴림'; letter-spacing:-0.1em; color:#000;} .read_subtitle {font:bold 14px/20px gulim,'굴림'; letter-spacing:-1px; color:#999;} .read_body {font:normal 14px/1.5 gulim,'굴림'; color:#333; text-align:justify;} .read_body td {font:normal 14px/1.5 gulim; color:#333;} .read_photo {font:normal 13px/18px dotum,'굴림'; color:#009999;} /* 메뉴타이틀 */ .tit {font:bold 14px dotum,'돋움'; letter-spacing:-2px; color:#000; padding:4px 2px 4px 2px;} /* 좌측메뉴 섹션명 */ .sc,a.sc:link,a.sc:visited {font:bold 14px/16px dotum,'돋움'; text-decoration:none; color:#fff; letter-spacing:-1px;} a.sc:hover,a.sc:active {text-decoration:underline;} /* 섹션별 리스트(섹션명) */ .section_t,a.section_t:link,a.section_t:visited {font:bold 13px dotum,'돋움'; text-decoration:none; color:#990033;} a.section_t:hover,a.section_t:active {text-decoration:underline;} /*폴 항목*/ .poll_list {font:normal 11px/13px dotum,'돋움'; color:#666; letter-spacing:-1px;} /*************** 레이아웃 ***************/ /* 공통 및 메인 */ body {.text-align:center;} #wrap {position:relative; width:1129px; margin:0 auto;} /* 전체틀 */ #header {position:relative; width:1090px; margin:0 11px 0 28px;} /* 상단 */ #container {position:relative; width:1129px; margin:0 auto; overflow:hidden;} #headline {position:relative; width:1090px; margin:0 11px 0 28px;} #contents_wrap {float:left; width:806px; margin:10px 0 27px; overflow:hidden;} #contents {float:left; width:806px; overflow:hidden;} #r_aside {float:left; width:319px; margin:20px 2px 20px; overflow:hidden;} #main_tail {clear:both; position:relative; width:1090px; margin:50px 11px 0 28px;} /* 섹션별주요뉴스 */ #footer {clear:both; position:relative; width:1090px; margin:0 11px 0 28px;} /* 하단 */ /*************** 메인뉴스 ***************/ #main_news120 {border-bottom:none!important; padding:40px 0 15px!important} .news_main_wrap {width:1090px!important; padding:55px 0;} .news_main_wrap .cate {float:left; width:100%; font:normal 22px/1.8 "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.05em; color:#333; margin-bottom:20px} .news_main_wrap .thumb_img iframe,.news_main_wrap .thumb_img object,.news_main_wrap .thumb_img embed,.news_main_wrap .thumb_img .video-js {width:100%; height:100%; padding:0; border:0; display:block!important} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {width:100%; bottom:-35px!important; left:0!important; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#d64a4d!important} .news_main_wrap .bg {width:100%; z-index:9;} .news_main_wrap .text {clear:both;} .news_main_wrap .text dt {} .news_main_wrap .text dt a {display:block; text-align:left;} .news_main_wrap .text .rnews .r_news_main {padding-top:15px;} .news_main_wrap .text .rnews li {background-position:left 5px; height:20px;} .news_main_wrap .text .rnews li a,.news_main_wrap .text .rnews li a:visited {color:#333;} .news_main_wrap .em {position:absolute; bottom:0; left:0; width:100%; height:12px; background:#fff; overflow:hidden;} .news_main_wrap .text dt img {display:inline; margin-right:3px;} .bx-wrapper .bx-has-pager .bx-pager {width:100%!important; text-align:center!Important} .thumb_img img { -webkit-transform:scale(1); /* 크롬 */ -moz-transform:scale(1); /* FireFox */ -o-transform:scale(1); /* Opera */ transform:scale(1); transition: transform .3s; -o-transition: transform .3s; -moz-transition: transform .3s; -webkit-transition: transform .3s;} .thumb_img img:hover {cursor:pointer; -webkit-transform:scale(1.1); /* 크롬 */ -moz-transform:scale(1.1); /* FireFox */ -o-transform:scale(1.1); /* Opera */ transform:scale(1.1); transition: transform .3s; -o-transition: transform .3s; -moz-transition: transform .3s; -webkit-transition: transform .3s;} /*메인기사2*/ .news_main2 {margin:0 auto; float:left; background:#f4f4f4} .news_main2 .cate {display:block; width:auto; color:#d64a4d; margin-bottom:5px; font:bold 18px/1.4 "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum;f} .news_main2 .news {float:left; position:relative; width:1090px; height:320px; overflow:hidden;} .news_main2 .thumb_img {float:left; width:550px; height:320px;} .news_main2 .thumb_img .img_file_style a {display:flex; .display:block; width:550px; height:320px; overflow:hidden; justify-content:center; align-items:center;} .ie10 .news_main2 .thumb_img .img_file_style img {width:550px; height:320px;} .news_main2 .text {float:right; width:470px; clear:none; margin:30px; min-height:260px; overflow:hidden} .news_main2 .text dt {padding:31px 0 20px 0} .news_main2 .text dt,.news_main2 .text dt a,.news_main2 .text dt a:visited {font:normal 30px/1.4 'malgun gothic',dotum;letter-spacing: -0.1em; color: #000;} .news_main2 .text dd {height:68px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden} .news_main2 .text dd,.news_main2 .text dd a,.news_main2 .text dd a:visited {font:normal 16px/1.4 "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#888;} .news_main2 .main_movie_wrap {display:block; position:relative;} .news_main2 .main_movie_wrap .main_movie_cover {display:block; position:absolute; top:0; left:0; width:550px; height:320px; z-index:20; cursor:pointer} .news_main2 .thumb_img iframe,.news_main2 .thumb_img object,.news_main2 .thumb_img embed,.news_main2 .thumb_img .video-js {width:550px; height:320px; padding:0; border:0; display:block!important; z-index:-2} /*메인기사3*/ .news_main3 {margin:0 auto;} .news_main3 .cate {display:block; width:auto; text-align:center; background:#d64a4d; margin-bottom:5px; padding:2px 20px 4px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font:normal 13px/18px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#fff} .news_main3 .news {float:left; position:relative; width:313px!important; .width:354px!important; height:320px; overflow:hidden; margin-right:38px; padding-right:38px; border-right:1px #ededed solid} .news_main3 .thumb_img {width:310px; height:200px; overflow:hidden; position:absolute!important; bottom:0} .news_main3 .thumb_img .img_file_style a {display:flex; .display:block; width:310px; height:200px; overflow:hidden; justify-content:center; align-items:center;} .news_main3 .thumb_img span.txt {width:310px; height:200px; overflow:hidden; bottom:40px; text-align:justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-wrap: break-word;} .news_main3 .thumb_img a,.news_main3 .thumb_img a:visited {font:normal 16px/1.6 "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#888; text-align:justify} .ie10 .news_main3 .thumb_img .img_file_style img {width:310px; height:200px;} .news_main3 .text dt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 50px; .height: 70px;padding:5px 0 10px 0} .news_main3 .text dt,.news_main3 .text dt a,.news_main3 .text dt a:visited {font:normal 22px/1.4 'malgun gothic',dotum;letter-spacing: -0.1em; color: #000;} .news_main3 .thumb_img iframe,.news_main3 .thumb_img object,.news_main3 .thumb_img embed,.news_main3 .thumb_img .video-js {width:310px; height:200px; padding:0; border:0; display:block!important; z-index:-2} .news_main3 .main_movie_wrap {display:block; position:relative;} .news_main3 .main_movie_wrap .main_movie_cover {display:block; position:absolute; top:0; left:0; width:310px; height:200px; z-index:20; cursor:pointer} /*메인기사4*/ .news_main4 {margin:0 auto; width:1112px} .news_main4 .cate {display:block; width:auto; height:18px; color:#d64a4d; margin-bottom:5px; font:bold 16px/18px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum;} .news_main4 .news {float:left; position:relative; width:218px!important;.width:258px!important; height:290px; .height:330px; overflow:hidden; margin:0 20px 20px 0; padding:20px; background:#f4f4f4} .news_main4 .thumb_img {width:218px; height:170px; overflow:hidden; position:absolute!important; bottom:20px} .news_main4 .thumb_img .img_file_style a {display:flex; .display:block; width:218px; height:170px; overflow:hidden; justify-content:center; align-items:center; } .ie10 .news_main4 .thumb_img .img_file_style img {width:218px; height:170px;} .news_main4 .text dt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 50px; .height: 70px; padding:5px 0 10px 0} .news_main4 .text dt,.news_main4 .text dt a,.news_main4 .text dt a:visited {font:normal 22px/1.4 'malgun gothic',dotum;letter-spacing: -0.1em; color: #000;} .news_main4 .thumb_img span.txt {width:218px; height:170px; overflow:hidden; bottom:0; text-align:justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-wrap: break-word;} .news_main4 .thumb_img iframe,.news_main4 .thumb_img object,.news_main4 .thumb_img embed,.news_main4 .thumb_img .video-js {width:218px; height:170px; padding:0; border:0; display:block!important; z-index:1; position:absolute; top:0} .news_main4 .thumb_img a,.news_main4 .thumb_img a:visited {font:normal 15px/1.4 "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#888; text-align:justify} /*메인기사5*/ .news_main5 {margin:0 auto;} .news_main5 .cate {display:block; width:auto; text-align:center; background:#d64a4d; margin-bottom:5px; padding:2px 20px 4px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; font:normal 13px/18px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#fff} .news_main5 .news {float:left; position:relative; width:313px!important; .width:354px!important; height:320px; overflow:hidden; margin-right:38px; padding-right:38px; border-right:1px #ededed solid} .news_main5 .thumb_img {width:310px; height:200px; overflow:hidden; position:absolute!important; bottom:0} .news_main5 .thumb_img .img_file_style a {display:flex; .display:block; width:310px; height:200px; overflow:hidden; justify-content:center; align-items:center;} .news_main5 .thumb_img span.txt {width:310px; height:200px; overflow:hidden; bottom:40px; text-align:justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-wrap: break-word;}5 .news_main5 .thumb_img a,.news_main5 .thumb_img a:visited {font:normal 16px/1.6 "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#888; text-align:justify} .ie10 .news_main5 .thumb_img .img_file_style img {width:310px; height:200px;} .news_main5 .text dt {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; height: 50px; .height: 70px;padding:5px 0 10px 0} .news_main5 .text dt,.news_main5 .text dt a,.news_main5 .text dt a:visited {font:normal 22px/1.4 'malgun gothic',dotum;letter-spacing: -0.1em; color: #000;} .news_main5 .thumb_img iframe,.news_main5 .thumb_img object,.news_main5 .thumb_img embed,.news_main5 .thumb_img .video-js {width:310px; height:200px; padding:0; border:0; display:block!important; z-index:-2} .news_main5 .main_movie_wrap {display:block; position:relative;} .news_main5 .main_movie_wrap .main_movie_cover {display:block; position:absolute; top:0; left:0; width:310px; height:200px; z-index:20; cursor:pointer} /* flex적용(100:60) */ .news_main_wrap .thumb_img {clear:both; position:relative; -webkit-filter: grayscale(0%); } .news_main_wrap .thumb_img table {float:left;} .news_main_wrap .thumb_img .img_file_style {padding:0;} .news_main_wrap .thumb_img .img_file_style a{display:flex; .display:block;} .news_main_wrap .thumb_img .img_file_style a{display:flex; .display:block;} .ie10 .news_main_wrap .thumb_img .img_file_style a {display:block;} .news_main_wrap .thumb_img .img_size_type_w1 a,.news_main_wrap .thumb_img .img_size_type_w2 a,.news_main_wrap .thumb_img .img_size_type_w3 a,.news_main_wrap .thumb_img .img_size_type_w4 a,.news_main_wrap .thumb_img .img_size_type_w5 a{flex-direction:column;} .news_main_wrap .thumb_img .img_size_type_w img {width:auto; height:100%; border:0;} .news_main_wrap .thumb_img .img_size_type_w6 img {width:100%; height:auto; border:0} .news_main_wrap .thumb_img .img_size_type_w7 img {width:100%; height:auto; border:0} .news_main_wrap .thumb_img .img_size_type_w8 img {width:100%; height:auto; border:0} .news_main_wrap .thumb_img .img_size_type_w9 img {width:100%; height:auto; border:0} .news_main_wrap .thumb_img .img_size_type_h img {width:100%; height:auto; border:0} .news_main_wrap .thumb_img .img_size_type_h0 img {width:100%; height:auto; border:0} .news_main_wrap .bx-wrapper img {max-width:none;} /* .news_main2 .news {float:left; width:270px; margin:1px; position:relative} .news_main2 .thumb_img {width:100%; height:270px;} .news_main2 .text {position:absolute; bottom:10px} .news_main2 .text dt {width:88%; margin:0 auto;} .news_main2 .text dt, .news_main2 .text dt a, .news_main2 .text dt a:visited {color:#fff; font:normal 17px/18px 'malgun gothic',dotum; text-shadow:1px 1px 2px #000} */ /* 서브 */ #container_sub {position:relative; width:1129px; background:url(/img/skin21/bg_main.gif) repeat-y 0 0; margin:0 auto; overflow:hidden;} #l_nav {float:left; width:220px; margin:20px 31px 20px 28px; overflow:hidden;} #contents_sub {float:left; width:750px; margin:20px 28px 30px; .padding-bottom:30px; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; overflow:hidden;} /* 1+2단(기사읽기 등 바로 내용이 오는 경우) */ #contents_sub td {font-family:"Malgun Gothic",'맑은 고딕',dotum;} #contents_sub a {font-family:"Malgun Gothic",'맑은 고딕',dotum;} #contents_sub2 {position:relative; width:1090px; background:#fff; margin:0 11px 0 28px;} /* 기사읽기 */ .table_sub_read {width:1129px; background:url(/img/skin21/bg_main.gif) repeat-y right 0; border:0; padding:0; margin:0 auto; overflow:hidden;} .td_sub_read_contents {width:750px; .width:806px; padding:20px 28px 30px; border:0; margin:0; font:normal 14px/1.5 "Malgun Gothic","맑은 고딕",dotum; color:#333; text-align:left; vertical-align:top;} .td_r_aside {width:323px; border:0; margin:0; padding:0; text-align:left; vertical-align:top;} /*************** 공통 ***************/ /* 기사검색 */ #search_box {position:relative; width:300px; height:25px; margin-bottom:10px; text-align:left;} #search_box li {float:left;} #search_box li.input_area input {width:217px; height:25px; border:2px solid #ccc; font:normal 12px/16px dotum; color:#000; background:#fff;} #search_box li.bt_area {width:36px; .width:42px; padding:0 3px; .padding:1px 3px 0;} #search_box li.bt_area2 {width:41px; .padding-top:1px;} /* 하단 */ #footer_box {position:relative;} #footer_box .fb_logo {float:left; width:230px; text-align:center; padding:20px 0 20px; overflow:hidden; border-top:2px solid #999;} #footer_box .fb_nav_copy {float:left; position:relative; width:850px; .width:860px; padding:20px 0 20px 10px; text-align:left; border-top:2px solid #999;} #footer_box .go_top {position:absolute; top:22px; right:0;} #footer_box .fb_nav {font:normal 13px/18px "Malgun Gothic","맑은 고딕",dotum; color:#ddd; padding-right:50px; word-break:keep-all; margin-bottom:15px;} #footer_box .fb_nav a {font:bold 13px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#333;} #footer_box .fb_copy {font:normal 12px/18px "Malgun Gothic","맑은 고딕",dotum; color:#777;} #footer_box .powered_by {clear:both; position:absolute; bottom:0; right:0;} /*************** 메인 ***************/ /* 섹션별 주요뉴스 html_main_type_tail.html */ #html_main_type_tail {position:relative; width:1090px; padding:10px 0 32px; overflow:hidden; border-top:1px solid #ccc; text-align:left;} #html_main_type_tail .title_area {display:none; position:relative; font:bold 20px/30px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-2px; color:#000; text-align:left;} #html_main_type_tail .title_area span {color:#026EC9;} #html_main_type_tail .section_area {position:relative; width:1112px; margin-left:-11px; overflow:hidden;} #html_main_type_tail .index_section_box {float:left; position:relative; width:254px; .width:256px; overflow:hidden; border:1px solid #ddd; border-top:1px solid #333; margin:22px 11px 0;} #html_main_type_tail .index_section_box .isb_bar {position:relative; height:37px; overflow:hidden; font:bold 18px/34px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#000; text-align:left; text-indent:15px;} #html_main_type_tail .index_section_box .isb_bar p.isb_bar_more {position:absolute; top:15px; right:24px; .right:12px; width:33px;} #html_main_type_tail .index_section_box ul {margin-bottom:3px;} #html_main_type_tail .index_section_box li.isb_a {width:224px; .width:254px; height:32px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; word-break:normal; white-space:nowrap; background:url(/img/box/dot_d9d9d9.gif) repeat-x left 0; text-align:left;} #html_main_type_tail .index_section_box li.isb_a,#html_main_type_tail .index_section_box li.isb_a a,#html_main_type_tail .index_section_box li.isb_a a:visited {font:normal 14px/31px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #html_main_type_tail .index_section_box li.isb_b {text-align:left;} #html_main_type_tail .index_section_box li.isb_b dl {clear:both; height:47px; .height:57px; overflow:hidden; margin-bottom:8px; padding:10px 12px 0; background:url(/img/box/dot_d9d9d9.gif) repeat-x left 0;} #html_main_type_tail .index_section_box li.isb_b dt {float:left; } /*#html_main_type_tail .index_section_box li.isb_b dt img {width:60px; height:45px; margin:0 8px 0 0; padding:0; overflow:hidden; border:1px solid #eee;}*/ #html_main_type_tail .index_section_box li.isb_b dt a {display:flex; .display:block; width:60px; .width:62px; height:45px; .height:47px; overflow:hidden; border:1px solid #eee; margin:0 8px 0 0; justify-content:center; align-items:center;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w0 {flex-direction:column;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w img {width:auto; .width:60px; height:45px; border:0;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w75 img {width:60px; height:auto; .height:45px; border:0;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w9 img {width:60px; height:auto; .height:45px; border:0;} #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_h img {width:60px; height:auto; .height:45px; border:0;} #html_main_type_tail .index_section_box li.isb_b dd {height:47px; overflow:hidden;} #html_main_type_tail .index_section_box li.isb_b dd a {display:inline-block; height:40px; margin-top:2px; .margin-top:1px; overflow:hidden;} #html_main_type_tail .index_section_box li.isb_b dd,#html_main_type_tail .index_section_box li.isb_b dd a,#html_main_type_tail .index_section_box li.isb_b dd a:visited {font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} /* IE10 */ .ie10 #html_main_type_tail .index_section_box li.isb_b dt a {display:block;} .ie10 #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_w img {width:60px; height:45px;} .ie10 #html_main_type_tail .index_section_box li.isb_b dt .img_size_type_h img {width:60px; height:45px;} /*************** 서브 ***************/ /* 좌측메뉴 */ #left_menu {position:relative; text-align:left;} #left_menu .left_menu_sc {position:relative; border:1px solid #ddd; border-bottom:0;} #left_menu .left_menu_sc .sc_name {height:48px; padding:0 20px 0 15px; border-bottom:1px solid #ddd; background:#306AD2 url(/img/default/ico_down_w.gif) no-repeat 195px 17px; font:bold 15px/48px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff;} #left_menu .left_menu_sc ul {background:#f0f0f0; padding:10px 0; overflow:hidden;} #left_menu .left_menu_sc li a {display:block; padding:5px 20px 5px 28px; background:url(/img/default/ico_list_gry.gif) no-repeat 15px 13px; overflow:hidden;} #left_menu .left_menu_sc li,#left_menu .left_menu_sc li a,#left_menu .left_menu_sc li a:visited {font:normal 14px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #left_menu .left_menu_etc {position:relative; border:1px solid #ddd; border-bottom:0;} #left_menu .left_menu_etc li {border-bottom:1px solid #ddd;} #left_menu .left_menu_etc li.on {background:#306AD2 url(/img/default/ico_arr_w.gif) no-repeat 195px 17px;} #left_menu .left_menu_etc li a {display:block; height:48px; padding:0 20px 0 15px; overflow:hidden;} #left_menu .left_menu_etc li,#left_menu .left_menu_etc li a,#left_menu .left_menu_etc li a:visited {font:bold 15px/48px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #left_menu .left_menu_etc li.on,#left_menu .left_menu_etc li.on a,#left_menu .left_menu_etc li.on a:visited {color:#fff;} /* 현재위치 */ #page_nav {position:relative; padding:4px 0 10px; margin-bottom:10px; border-bottom:1px solid #d8d8d8; text-align:left;} #page_nav,#page_nav a,#page_nav a:visited {font:bold 18px/24px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} /* page_limit */ .page_limit td {text-align:center;} .paging {font:normal 15px/20px tahoma,"Malgun Gothic","맑은 고딕",dotum !important;} .paging, a.paging:link, a.paging:visited {font:bold 14px/20px tahoma,"Malgun Gothic","맑은 고딕",dotum !important;} /* 섹션박스1 sub_box1.html */ .sub_box1 {position:relative; width:300px; text-align:left;} .sub_box1 .boxtitle {position:relative; font:bold 14px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#026EC9; text-align:left;} .sub_box1 dl {position:relative; border-bottom:1px solid #e0e0e0; margin-bottom:12px;} .sub_box1 .thumb_img {position:relative; overflow:hidden;} .sub_box1 .thumb_img .img_file_style {padding:0} .sub_box1 .thumb_img img {width:298px; margin:5px 0 5px 0;} .sub_box1 iframe {width:300px; height:175px; padding:0; margin:5px 0;} .sub_box1 object,.sub_box1 embed {width:300px; height:195px; padding:0; margin:5px 0;} .sub_box1 .title {clear:both; padding:0 1px 14px;} .sub_box1 .title,.sub_box1 .title a,.sub_box1 .title a:visited {font:bold 14px/19px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} /* 섹션박스2 sub_box2.html */ .sub_box2 {clear:both; position:relative; width:300px; overflow:hidden; border-bottom:1px solid #e0e0e0; margin-bottom:12px; text-align:left;} .sub_box2 .thumb_img {float:left;} .sub_box2 .thumb_img .img_file_style {padding:0} .sub_box2 .thumb_img img {width:100px; height:68px; margin:0 10px 0 0;} .sub_box2 iframe,.sub_box2 object,.sub_box2 embed {display:none;} .sub_box2 dl {height:70px; overflow:hidden; margin-bottom:12px;} .sub_box2 .boxtitle {height:20px; overflow:hidden; margin-bottom:5px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#026EC9;} .sub_box2 .title,.sub_box2 .title a,.sub_box2 .title a:visited {margin-bottom:2px; font:bold 14px/19px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} .sub_box2 .sbody,.sub_box2 .sbody a,.sub_box2 .sbody a:visited {.width:100%; height:20px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; font:normal 13px/19px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} /* 섹션기사배치-섹션메인1,2(기본) */ #sub_main1 .sub_main1_box .boxtitle {font:bold 14px/20px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#1E7AE2; padding:3px 1px 10px;} #sub_main1 .sub_main1_box p table {margin-right:20px;} #sub_main1 .sub_main1_box dt,#sub_main1 .sub_main1_box dt a,#sub_main1 .sub_main1_box dt a:visited {font:bold 26px/34px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-2px; color:#000;} #sub_main1 .sub_main1_box .stitle {padding:3px 3px; font:bold 15px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#777;} #sub_main1 .sub_main1_box .body,#sub_main1 .sub_main1_box .body a,#sub_main1 .sub_main1_box .body a:visited {font:normal 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} #sub_main1 .sub_main1_box .writer {font:normal 12px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#3f6bbc;} #sub_main1 .sub_main1_box .r_news_box li {height:21px; background-position:left 10px;} #sub_main1 .sub_main1_box .r_news_box li,#sub_main1 .sub_main1_box .r_news_box li a,#sub_main1 .sub_main1_box .r_news_box li a:visited {font:bold 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555;} #sub_main2 .sub_main2_box .boxtitle {font:bold 14px/20px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#1E7AE2; padding:0 1px 10px;} #sub_main2 .sub_main2_box p table {margin-right:18px;} #sub_main2 .sub_main2_box dt,#sub_main2 .sub_main2_box dt a,#sub_main2 .sub_main2_box dt a:visited {font:bold 21px/26px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.1em; color:#000;} #sub_main2 .sub_main2_box .stitle {padding:6px 0; font:bold 15px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#777;} #sub_main2 .sub_main2_box .body,#sub_main2 .sub_main2_box .body a,#sub_main2 .sub_main2_box .body a:visited {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#888;} #sub_main2 .sub_main2_box .writer {font:normal 12px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#3f6bbc;} #sub_main2 .sub_main2_box .r_news_box li {background-position:left 10px;} #sub_main2 .sub_main2_box .r_news_box li,#sub_main2 .sub_main2_box .r_news_box li a,#sub_main2 .sub_main2_box .r_news_box li a:visited {font:bold 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555;} #sub_main1 iframe,#sub_main2 iframe {width:750px; height:422px; margin-bottom:10px; padding:0;} #sub_main1 object,#sub_main1 embed,#sub_main2 object,#sub_main2 embed {width:750px; height:442px; margin-bottom:10px; padding:0;} /* 섹션기사배치-섹션메인1(포토전용) sub_photo1.html */ #sub_photo1 {position:relative; width:770px; text-align:left; margin-left:-10px; margin-bottom:10px; overflow:hidden;} #sub_photo1 .sub_photo1_box {position:relative; float:left; width:365px; height:258px; background:#000; overflow:hidden; margin:10px;} #sub_photo1 .sub_photo1_box .img_file_style {padding:0;} #sub_photo1 .sub_photo1_box img {width:365px; height:258px; border:0; margin:0;} #sub_photo1 .sp1_txt {position:absolute; left:15px; bottom:10px; width:335px; height:30px; z-index:20; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden;} #sub_photo1 .sp1_txt,#sub_photo1 .sp1_txt a,#sub_photo1 .sp1_txt a:visited {font:bold 20px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#fff; text-decoration:none;} #sub_photo1 .sp1_txt img {display:none;} #sub_photo1 .sp1_bg {position:absolute; left:0; bottom:0; width:365px; height:48px; z-index:10; background:#000; filter:alpha(opacity=70); opacity:0.7;} #sub_photo1 iframe,#sub_photo1 object,#sub_photo1 embed {width:365px; height:258px;} /* 섹션 기사리스트(기본) */ #sub_read_list {position:relative; width:100%; overflow:hidden; text-align:left;} #sub_read_list .sub_read_list_box {clear:both; border-bottom:1px solid #e0e0e0; overflow:hidden; padding:15px 0;} #sub_read_list .sub_read_list_box .img_file {float:left; position:relative; width:130px; height:100px; overflow:hidden; margin-right:15px; z-index:9999;} #sub_read_list .sub_read_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:130px; height:100px; overflow:hidden; background:url(/img/skin17/outline130_110.png) no-repeat left top; z-index:9999; cursor:pointer;} #sub_read_list .sub_read_list_box .img_file p {position:absolute;} #sub_read_list .sub_read_list_box dl {position:relative;} #sub_read_list .sub_read_list_box dt {padding:3px 0 5px;} #sub_read_list .sub_read_list_box dt,#sub_read_list .sub_read_list_box dt a,#sub_read_list .sub_read_list_box dt a:visited {font:bold 18px/24px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} #sub_read_list .sub_read_list_box .sbody,#sub_read_list .sub_read_list_box .sbody a,#sub_read_list .sub_read_list_box .sbody a:visited {font:normal 13px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#888;} #sub_read_list .sub_read_list_box .etc {padding-top:5px; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} #sub_read_list .sub_read_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} #sub_read_list .srl_only_ie- {display:none; .display:block; .clear:both;} #sub_read_list .page_limit {position:relative; width:100%; padding:20px 0;} /* 섹션 기사리스트(포토) */ #sub_photo_list {position:relative; width:771px; overflow:hidden; margin:0 -11px} #sub_photo_list .sub_photo_list_box {position:relative; float:left; width:236px; height:255px; margin:10px 10px 14px 11px; overflow:hidden;} #sub_photo_list .sub_photo_list_box .outline {display:inline-block; position:absolute; top:0; left:0; width:234px; .width:236px; height:253px; .height:255px; overflow:hidden; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:9999; cursor:pointer;} #sub_photo_list .sub_photo_list_box dt {height:181px; overflow:hidden; background:#e7e7e7;} #sub_photo_list .sub_photo_list_box .img_file {float:left; position:relative; width:236px; height:181px; overflow:hidden;} #sub_photo_list .sub_photo_list_box .img_file p {position:absolute;} #sub_photo_list .sub_photo_list_box dd {height:44px; overflow:hidden; margin:15px; text-align:center;} #sub_photo_list .sub_photo_list_box dd,#sub_photo_list .sub_photo_list_box dd a,#sub_photo_list .sub_photo_list_box dd a:visited {font:normal 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-1px; color:#000;} #sub_photo_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} /* 섹션 기사리스트(인물) */ #sub_person_list {position:relative; width:780px; overflow:hidden; margin:0 -15px; text-align:left;} #sub_person_list .sub_read_list_box {float:left; width:360px; height:90px; .height:106px; padding-bottom:15px; border-bottom:1px solid #e0e0e0; overflow:hidden; margin:0 15px 15px;} #sub_person_list .sub_read_list_box .img_file {float:left; position:relative; width:117px; height:90px; overflow:hidden; margin-right:15px; z-index:9999;} #sub_person_list .sub_read_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:117px; height:90px; overflow:hidden; background:url(/img/skin17/outline117_90.png) no-repeat left top; z-index:9999; cursor:pointer;} #sub_person_list .sub_read_list_box .img_file p {position:absolute;} #sub_person_list .sub_read_list_box dl {position:relative;} #sub_person_list .sub_read_list_box dt {height:44px; overflow:hidden; margin-bottom:26px;} #sub_person_list .sub_read_list_box dt,#sub_person_list .sub_read_list_box dt a,#sub_person_list .sub_read_list_box dt a:visited {font:bold 16px/22px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} #sub_person_list .sub_read_list_box .etc {height:20px; overflow:hidden; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} #sub_person_list .sub_read_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} #sub_person_list .srl_only_ie- {display:none; .display:block; .clear:both;} #sub_person_list .page_limit {clear:both; position:relative; width:100%; padding:20px 0;} /* 서브우측 섹션인기기사,최신기사 */ .new_news {position:relative; text-align:left; margin-bottom:10px;} .new_news .week_best_view_title {padding:10px 2px; margin-bottom:5px; border-top:1px solid #000; border-bottom:1px solid #d7d7d7; font:bold 15px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#000;} .new_news .week_best_view_title .sc_name {display:inline-block; padding-right:3px; color:#026EC9} .news_box_wrap .new_news .new_news_list_area {padding:15px 11px 4px;} .news_box_wrap2 .new_news .new_news_list_area {padding:10px 0} .news_box_wrap .new_news .sc_bestnews_list_area {padding:10px 11px;} .news_box_wrap2 .new_news .sc_bestnews_list_area {padding:0} .new_news .new_news_list_area .new_news_ct {clear:both; overflow:hidden; padding:0 2px 10px; margin-bottom:10px; border-bottom:1px solid #eee;} .new_news .new_news_list_area .new_news_ct2 {height:55px; .height:65px;} .new_news .new_news_list_area .new_news_ct .thumb {float:right; position:relative; width:80px; height:55px; overflow:hidden; margin-left:15px;} .new_news .new_news_list_area .new_news_ct .thumb .outline {position:absolute; display:block; top:0; left:0; width:78px; .width:80px; height:53px; .height:55px; border:1px solid #555; filter:alpha(opacity=20); opacity:0.2; z-index:10;} .new_news .new_news_list_area .new_news_ct .thumb img {width:80px; min-height:55px; .height:55px;} .new_news .new_news_list_area .new_news_ct2 .title {margin-top:5px; height:42px; overflow:hidden;} .new_news .new_news_list_area .new_news_ct .title,.new_news .new_news_list_area .new_news_ct .title a,.new_news .new_news_list_area .new_news_ct .title a:visited {font:bold 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} .new_news .news,.new_news .news2 {padding:4px 3px 6px;} /*************** 기사읽기페이지 sub_read.html ***************/ .article_head {display:none; clear:both; position:relative; width:1090px; border-bottom:1px solid #555; margin:10px 11px 0 28px; text-align:left;} .article_head .section_arae {padding:15px 0 0; font:normal 12px/16px dotum; letter-spacing:0; color:#ccc; text-indent:2px;} .article_head .section_arae a,.article_head .section_arae a:visited {font:normal 12px/16px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#666;} .article_head .read_title {padding:5px 0 7px; font:bold 34px/40px 'malgun gothic','맑은 고딕','nanum bold',gulim !important; letter-spacing:-3px; color:#000;} .article_head .read_subtitle {padding:0 3px 25px !important; font:bold 16px/22px 'malgun gothic','맑은 고딕','nanum bold',gulim; letter-spacing:-1px; color:#444;} .article_head .read_option_top {position:relative; height:31px; .height:41px; padding-bottom:10px; overflow:hidden;} .article_head .read_option_top .writer_time {float:left; padding-left:2px; font:normal 12px/31px 'malgun gothic','맑은 고딕','nanum gothic',dotum; letter-spacing:0; color:#777;} .article_head .read_option_top .writer_time .writer {font:bold 12px/31px 'malgun gothic','맑은 고딕','nanum gothic',dotum; letter-spacing:-0.03em; color:#3F6BBC;} .article_head .read_option_top .writer_time .email_icon img {vertical-align:absmiddle;} .article_head .read_option_top .writer_time .btw {display:inline-block; padding:0 5px; color:#ccc;} .news_read_option {float:right;} .news_read_option li {float:left; margin-left:2px;} .news_read_option .list {display:inline-block; width:26px; height:31px; background:url(/img/default/ico_list2.gif) no-repeat center center;} .news_read_option .print {display:inline-block; width:26px; height:31px; background:url(/img/default/ico_print2.gif) no-repeat center center;} .news_read_option .email {display:inline-block; width:26px; height:31px; background:url(/img/default/ico_email2.gif) no-repeat center center; margin-right:8px;} .news_read_sns {float:right;} .news_read_sns li {float:left; margin-left:2px;} .news_read_sns .twitter {display:inline-block; width:31px; height:31px; background:url(/img/read/ico_twitter1.png) no-repeat left top;} .news_read_sns .facebook {display:inline-block; width:31px; height:31px; background:url(/img/read/ico_facebook1.png) no-repeat left top;} .news_read_sns .kakaotalk {display:inline-block; width:31px; height:31px; background:url(/img/read/ico_kakaotalk1.png) no-repeat left top;} .news_read_sns .naver {display:inline-block; width:31px; height:31px; background:url(/img/read/ico_naver1.png) no-repeat left top;} /* AD링크 */ #ad_link_read {position:relative; margin-bottom:30px;} #ad_link_read .title_area {position:relative; border-bottom:1px solid #db231b;} #ad_link_read dt {padding:15px 0 3px;} #ad_link_read dt,#ad_link_read dt a,#ad_link_read dt a:visited {font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#db231b;} #ad_link_read .url,#ad_link_read .url a,#ad_link_read .url a:visited {font:normal 13px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:0; color:#999;} #ad_link_read dd.memo {font:normal 13px/20px "Malgun Gothic",'맑은 고딕',dotum; color:#666;} /* 키워드 관련기사목록 */ #news_read_list {position:relative; overflow:hidden; border-top:1px solid #999; padding-top:25px; margin-bottom:30px;} #news_read_list .title_area {position:relative; font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} #news_read_list .title_area span.keyword {color:#026EC9;} #news_read_list .more {position:absolute; top:10px; right:10px;} #news_read_list .list_area {position:relative; padding:10px 0;} #news_read_list .list_area li {background:url(/img/skin4/icon_list1.gif) no-repeat -1px 8px; padding:3px 0 3px 13px;} #news_read_list .list_area li,#news_read_list .list_area li a,#news_read_list .list_area li a:visited {font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000;} /* 독자의견 전체보기 */ #reader_view_list {position:relative; margin-bottom:30px;} #reader_view_list .news_title {position:relative; margin:20px 0 40px;} #reader_view_list .news_title,#reader_view_list .news_title a,#reader_view_list .news_title a:visited {font:bold 24px/28px "Malgun Gothic",'맑은 고딕',gulim; letter-spacing:-2px; color:#000;} #reader_view_list .title_area {position:relative; font:bold 14px/18px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#000; padding:4px 1px;} #reader_view_list .title_area p {position:absolute; top:5px; right:0; font:normal 11px/16px "Malgun Gothic",'맑은 고딕',dotum;} #reader_view_list .title_area p a {font:normal 11px/16px "Malgun Gothic",'맑은 고딕',dotum; text-decoration:underline; letter-spacing:-1px; color:#3f6bbc;} #reader_view_list ul {border-top:1px solid #a0a0a0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; overflow:hidden;} #reader_view_list li {border-bottom:1px solid #e0e0e0; padding:15px 15px 10px;} #reader_view_list .name_area {position:relative; font:bold 12px/16px "Malgun Gothic",'맑은 고딕',dotum; color:#1447c8; margin-bottom:5px;} #reader_view_list .name_area span {position:absolute; top:-3px; right:50px; .right:65px; font:normal 11px/16px tahoma,gulim; color:#999;} #reader_view_list .name_area p {position:absolute; top:0; right:0; .right:15px;} #reader_view_list .ct_area dt {font:bold 12px/16px "Malgun Gothic",'맑은 고딕',dotum; color:#333;} #reader_view_list .ct_area dd {font:normal 12px/16px "Malgun Gothic",'맑은 고딕',dotum; color:#666;} /* 우측 연재소개 */ #serial_right {position:relative; width:300px; background:#f0f0f0; margin-bottom:20px; text-align:left;} #serial_right .title_area {position:relative; padding:4px 50px 10px 0; background:#fff; font:bold 15px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-1px; color:#026EC9;} #serial_right .title_area p.more{position:absolute; top:12px; right:0; font:normal 11px/14px "Malgun Gothic",'맑은 고딕',dotum;} #serial_right .title_area p.more a {font:normal 11px/14px dotum; letter-spacing:-1px; color:#999;} #serial_right .intro_area {position:relative;} #serial_right .intro_area dt {text-align:center;} #serial_right .intro_area dd {padding:15px; border-bottom:1px solid #ddd; font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} #serial_right .list_area {position:relative; padding:15px 15px 12px 10px;} #serial_right .list_area li {.width:100%; height:21px; text-overflow:ellipsis; word-break:normal; white-space:nowrap; overflow:hidden; margin-bottom:3px; background:url(/img/skin4/icon_list1.gif) no-repeat left 5px; padding-left:12px; } #serial_right .list_area li,#serial_right .list_area li a,#serial_right .list_area li a:visited {font:normal 14px/20px "Malgun Gothic",'맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} /*************** 기타 페이지 ***************/ /* 메뉴(페이지) 타이틀 */ #menu_title {position:relative;} #menu_title dt {font:bold 24px/30px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; letter-spacing:-2px; color:#000; padding:4px 0 2px;} #menu_title dd {padding:8px 1px 15px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; color:#666;} #menu_title dd span.redstar {font:bold 11px/16px "Malgun Gothic","맑은 고딕",dotum; color:#ff0000;} #menu_title .right_menu {position:absolute; top:10px; right:0; padding-top:5px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; color:#ccc;} #menu_title .right_menu span.d_name {font:bold 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #menu_title .right_menu a {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; text-decoration:underline; letter-spacing:-1px; color:#3f6bbc;} #menu_title2 {position:relative; width:100%; text-align:left; font:bold 14px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000; padding:4px 1px;} /* 회원가입 */ #join_agree_box {position:relative;} #join_agree_box .join_agree1 p {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-1px; color:#000; padding:5px 2px 7px;} #join_agree_box .join_agree2 p {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-1px; color:#000; padding:30px 2px 7px;} #join_agree_box .join_agree_iframe {width:748px; height:178px; border:1px solid #ccc;} #join_agree_box .join_agree_iframe2 {width:728px; .width:750px; border:1px solid #ccc; padding:10px; font:normal 12px/16px dotum; color:#666; overflow:hidden; } #join_agree_box .check_area {padding-top:12px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; color:#666} #join_agree_box .bt_box {text-align:center; padding:30px 0;} /* 회원가입 */ #join_wrap {position:relative; width:700px; margin:0 auto; background:#fff; text-align:left;} #join_wrap .logo {position:relative; padding:10px 0 5px; overflow:hidden; border-bottom:1px solid #e6e6e6; text-align:center;} #join_wrap .join_agree_box {position:relative; padding:40px;} #join_wrap .join_agree_tip {padding-bottom:40px; text-align:center;} #join_wrap .join_agree_tip,#join_wrap .join_agree_tip a,#join_wrap .join_agree_tip a:visited {font:normal 17px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} #join_wrap .join_agree_tip strong {color:#306AD2;} #join_wrap .red_star {padding:0 5px; font-weight:bold; color:#ff0000;} #join_wrap .join_agree1 {margin-bottom:15px;} #join_wrap .join_agree1 iframe {width:100%; height:130px; border:1px solid #d5d5d5; background:#fff; border-top:0;} #join_wrap .join_agree_iframe2 {width:100%; height:130px; border:1px solid #d5d5d5; border-top:0; overflow:auto;} #join_wrap .join_agree_iframe2_inner {padding:10px; font:normal 12px/16px dotum; color:#666;} #join_wrap .check_area {position:relative; width:100%; height:50px; border:1px solid #d5d5d5; border-bottom:1px solid #e6e6e6;} #join_wrap .check_area h2 {font:bold 15px/48px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#000; text-indent:10px;} #join_wrap .check_area .checkbox {position:absolute; top:15px; right:10px} #join_wrap .check_area .checkbox input {width:20px; height:20px;} #join_wrap .bt_box {position:relative; padding-top:40px; text-align:center;} #join_wrap .btn_pre {display:inline-block; width:42%; height:60px; background:#999; font:normal 18px/58px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-align:center;} #join_wrap .btn_pre:hover {text-decoration:none;} #join_wrap .btn_agree {display:inline-block; width:42%; height:60px; border:0; background:#306AD2; font:normal 18px/58px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-align:center; cursor:pointer;} #join_wrap .btn_agree:hover {text-decoration:none;} #join_wrap .bottom {position:relative; padding:15px 20px 30px; border-top:1px solid #e6e6e6; text-align:center;} #join_wrap .bottom_nav {padding-bottom:20px; font:normal 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:1px; color:#999;} #join_wrap .bottom_nav a,#join_wrap .bottom_nav a:visited {font:bold 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#666;} #join_wrap .bottom_copy {font:normal 12px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.03em; color:#888;} #join_wrap .join_agree_form .row_group {position:relative; border-top:1px solid #e6e6e6; padding:20px 0;} #join_wrap .join_agree_form dt {clear:both; float:left; width:150px; height:50px; font:normal 14px/50px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333; text-align:left;} #join_wrap .join_agree_form dd {padding:5px; margin-left:150px; .margin-left:0;} #join_wrap .join_agree_form .row_group_dd_txt {height:40px; .height:50px; .padding-top:16px; font:normal 14px/50px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#333;} #join_wrap .join_agree_form .input_wrap {display:block; position:relative; width:100%; border:1px solid #ddd; overflow:hidden;} #join_wrap .join_agree_form .input_wrap_btw {border-top:0; border-bottom:0;} #join_wrap .join_agree_form .dd_ul3 {width:100%; overflow:hidden; border-right:1px solid #ddd;} #join_wrap .join_agree_form .dd_ul3 li {float:left; width:32%;} #join_wrap .join_agree_form .dd_ul3 .dd_li_btw {margin:0 2%;} #join_wrap .join_agree_form dd input {width:100%; height:38px; border:0; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888; text-indent:10px; .text-indent:5px; .padding-top:8px;} #join_wrap .join_agree_form dd select {width:100%; height:38px; border:0; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888; text-indent:6px; .text-indent:0; .height:38px;} #join_wrap .join_agree_form dd textarea {width:100%; height:100px; padding:5px 0; border:0; font:normal 14px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#888; text-indent:10px;} #join_wrap .join_agree_form .radio {width:20px; height:20px; border:0;} #join_wrap .join_agree_form .btn_zip {position:absolute; top:5px; right:5px; width:110px; height:28px; background:#777; font:normal 13px/16px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#fff; text-indent:0;} #join_wrap .join_agree_form .dd_label {position:relative; top:-5px; .top:0;} #join_wrap .join_agree_form .spam_img {display:inline-block; position:absolute; top:0; left:0; height:38px; .height:40px; background:#2C9AD5;} #join_wrap .join_agree_form .spam_img img {margin:10px;} #id_ok {padding-top:6px; font:bold 13px/20px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-0.05em; color:#ff0000; text-indent:10px;} #join_wrap .bt_box li {display:inline; vertical-align:top;} #join_wrap .bt_box li.bt_box_li_ri {position:relative; top:1px; .top:0;} /* 로그인 */ #join_wrap .login_form {width:80%; margin:0 auto;} #join_wrap .login_form dt {width:100px;} #join_wrap .login_form dd {margin-left:100px;} #join_wrap .login_form .bt_box {padding-top:10px} #join_wrap .btn_login {display:inline-block; width:100%; height:60px; border:0; background:#306AD2; font:normal 18px/58px 'malgun gothic','맑은 고딕',dotum; letter-spacing:-1px; color:#fff; text-align:center; cursor:pointer;} /* 아이디/비번 찾기 */ #join_wrap .find_form .find_form_title {position:relative; margin-bottom:10px;} #join_wrap .find_form .find_form_title dt {width:100%; height:40px; font:normal 24px/30px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-2px; color:#000; padding:4px 2px; text-align:center;} #join_wrap .find_form .find_form_title dd {margin-left:0; padding:8px 2px 15px; font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.02em; color:#888; text-align:center;} #join_wrap .find_form .bt_box {padding-bottom:40px} @media only screen and (max-width:700px) { #join_wrap {width:100%;} #join_wrap .btn_pre,#join_wrap .btn_agree {width:49%; height:50px; line-height:52px;} #join_wrap .btn_login {height:50px; line-height:52px;} } @media only screen and (max-width:558px) { #join_wrap .logo {height:60px; padding:5px;} #join_wrap .logo img {height:60px;} #join_wrap .join_agree_box {padding:20px;} #join_wrap .join_agree_tip {padding-bottom:20px;} #join_wrap .join_agree_tip,#join_wrap .join_agree_tip a,#join_wrap .join_agree_tip a:visited {font-size:15px;} #join_wrap .red_star {display:none;} #join_wrap .br {display:none;} #join_wrap .join_agree_form .row_group {padding:10px 0;} #join_wrap .join_agree_form dt {display:none; height:40px; line-height:42px;} #join_wrap .join_agree_form dt.dt_row {display:block; text-indent:2px} #join_wrap .join_agree_form dt.dt_col {display:block; width:80px; text-indent:2px} #join_wrap .join_agree_form dd {margin-left:0; padding:2px 0;} #join_wrap .join_agree_form dd.dd_row {padding-top:30px;} #join_wrap .join_agree_form dd.dd_col {margin-left:80px;} #join_wrap .join_agree_form .input_file {height:24px; margin:7px; text-indent:0;} #join_wrap .login_form {width:100%;} #join_wrap .find_form .find_form_title dt {display:block;} } @media only screen and (max-width:320px) { #join_wrap .join_agree1 iframe,#join_wrap .join_agree_iframe2 {height:115px;} #join_wrap .join_agree_tip,#join_wrap .join_agree_tip a,#join_wrap .join_agree_tip a:visited {font-size:13px;} #join_wrap .check_area {height:40px;} #join_wrap .check_area h2 {line-height:38px;} #join_wrap .check_area .checkbox {top:10px;} #join_wrap .bt_box {padding-top:20px;} } /* 쓰기 폼(기사제보/회원가입/개인정보수정/기사쓰기 등) */ .form_style1 {position:relative;} .form_style1 table {width:100%; padding:0; border-top:1px solid #a0a0a0; border-collapse:collapse;} .form_style1 th {width:120px; padding:0 0 3px 7px; background:#f5f5f5; font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#333; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:left;} .form_style1 th span {color:#ff0000;} .form_style1 td {height:40px; border-bottom:1px solid #e0e0e0; padding:8px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666;} .form_style1 td .input {height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_xs {width:45px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_s {width:120px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_m {width:250px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_l {width:360px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td .input_xl {width:600px; height:26px; border:1px solid #d0d0d0; font:normal 12px/16px dotum; color:#000;} .form_style1 td span.br {display:inline-block; padding-top:5px;} .form_style1 td span.td_point {color:#3f6bbc} .form_style1 td.td_id {border-bottom:1px solid #e0e0e0; padding:5px; font:bold 13px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:0; color:#333;} .form_style1 .bt_box {text-align:center; padding:15px 0;} .bt_box {position:relative; padding:15px 0; text-align:center;} /*************** 마이페이지 ***************/ /* 마이페이지 */ #mypage_menu {position:relative; height:35px; background:url(/img/skin7/bg_gray.gif) repeat-x left bottom; overflow:hidden; margin-bottom:30px; text-align:left; vertical-align:top;} #mypage_menu span {float:left; display:inline-block; width:150px; height:23px; .height:33px; padding:6px 0 4px; font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-1px; text-align:center;} #mypage_menu span.out {border-top:1px solid #e3e3e3; background:#fbfbfb} #mypage_menu span.out a {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; color:#666;} #mypage_menu span.over {background:#fff; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #fff; border-left:1px solid #c9c9c9;} #mypage_menu span.over a {font:bold 13px/18px "Malgun Gothic","맑은 고딕",gulim; color:#3f6bbc;} #mypage_menu span.line {width:1px; height:35px; background:#e3e3e3;} /* 마이페이지-보류기사목록 */ #member_news_list_refer {position:relative; margin-bottom:30px;} #member_news_list_refer .title_area {position:relative; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:5px; font:bold 14px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #member_news_list_refer .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#f74d00;} #member_news_list_refer .title_area span.no {letter-spacing:0;} #member_news_list_refer .title_area p.page_area {position:absolute; top:1px; right:3px; font:normal 11px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #member_news_list_refer li {position:relative; font:normal 14px/21px "Malgun Gothic","맑은 고딕",dotum; background:url(/img/kr/dot_line.gif) repeat-x bottom; padding:9px 200px 9px 3px;} #member_news_list_refer li a,#member_news_list_refer li a:visited {font:normal 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} #member_news_list_refer li p.wdate {position:absolute; top:10px; right:80px; width:120px; font:normal 11px/16px tahoma,dotum; color:#999; text-align:center;} #member_news_list_refer li p.bt {position:absolute; top:9px; right:0; width:80px; text-align:center;} #member_news_list_refer .page_limit {position:relative; padding:15px 0; text-align:center;} /* 마이페이지-등록된기사 */ #member_news_list {position:relative; border:2px solid #e5e5e5; background:#f5f5f5; padding:20px 20px 10px; margin-bottom:30px;} #member_news_list .title_area {position:relative; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:5px; font:bold 14px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #member_news_list .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#f74d00;} #member_news_list .title_area span.no {letter-spacing:0;} #member_news_list .title_area p.page_area {position:absolute; top:1px; right:3px; .right:23px; font:normal 11px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #member_news_list li {position:relative; font:normal 14px/21px "Malgun Gothic","맑은 고딕",dotum; background:url(/img/kr/dot_line.gif) repeat-x bottom; padding:9px 100px 9px 3px;} #member_news_list li a,#member_news_list li a:visited {font:normal 14px/21px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#000;} #member_news_list li p.wdate {position:absolute; top:9px; right:3px; .right:23px; width:100px; font:normal 11px/16px tahoma,dotum; color:#999; text-align:right;} #member_news_list .page_limit {position:relative; padding:15px 0; text-align:center;} /*************** 상세검색 ***************/ .search_form {position:relative; background:#f8f8f8;} .search_form .sn_box {border:1px solid #cbcbcb; padding:30px 0 0; text-align:center; overflow:hidden;} .search_form .sn_title {position:relative; margin:-5px 0 10px; font:bold 26px/34px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-2px; color:#000;} .sn_box_inner {position:relative; width:450px; margin:0 auto 20px;} .sn_box_search_area {height:30px; .height:40px; padding:3px 0 3px 10px; border:2px solid #333; background:#fff;} .sn_box_search_area li {float:left;} .sn_box_search_area .sn_box_search_input input {width:400px; height:26px; border:0; font:bold 20px/26px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} .sn_box_tip {font:normal 13px/40px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#666; text-align:center;} .sn_box_search_and li {display:inline;} .sn_box_search_and label {position:relative; top:-2px; .top:-1px; display:inline-block; height:20px; padding:0 10px 0 3px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#444;} .btn_search_form_ex {position:absolute; top:7px; right:-70px; font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; text-decoration:underline; letter-spacing:-0.05em; color:#555;} .search_form .sn_box table {width:85%; border:0; padding:0; border-collapse:collapse; margin:0 auto;} .search_form .sn_box th {width:118px; text-align:left; font:bold 14px/18px "Malgun Gothic","맑은 고딕",gulim; letter-spacing:-0.05em; color:#000; background:url(/img/kr/dot_line.gif) repeat-x top;} .search_form .sn_box td {font:normal 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em; color:#555; background:url(/img/kr/dot_line.gif) repeat-x top; padding:8px 0; word-break:keep-all;} .search_form .sn_box td label {/*position:relative; top:-2px; .top:-1px;*/ display:inline-block; padding:0 20px 0 3px;} .search_form .sn_box .search_section li {float:left; white-space:nowrap;} .search_form .sn_box .search_section label {white-space:nowrap;} .search_form .input {height:26px; border:1px solid #d0d0d0; font:normal 13px/16px "Malgun Gothic","맑은 고딕",dotum; color:#000;} .search_form .sn_box td span.br {display:inline-block; font:normal 13px/16px "Malgun Gothic","맑은 고딕",dotum; color:#999; letter-spacing:-1px; padding-top:5px;} .search_form .bt_box {text-align:center; padding:15px 0 25px;} .search_form .bt_box .btn_search {width:130px; height:42px; background:#306AD2; border:0; font:normal 16px/34px "Malgun Gothic","맑은 고딕",dotum; color:#fff; text-align:center; cursor:pointer;} /*#search_result {position:relative; width:100%; margin:0 auto;} #search_result .title_area {position:relative; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:15px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #search_result .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#f74d00;} #search_result .title_area span.no {letter-spacing:0;} #search_result .title_area p.page_area {position:absolute; top:1px; right:3px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #search_result li {position:relative; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; color:#ccc; background:url(/img/kr/dot_line.gif) repeat-x bottom; padding:9px 0 7px;} #search_result li span.ltitle_area {position:relative; display:inline-block; margin-right:80px; padding-left:3px;} #search_result li span.ltitle_area a {font:normal 13px/18px "Malgun Gothic","맑은 고딕",dotum; color:#000; text-decoration:none;} #search_result li span.ltitle_area a:hover {text-decoration:underline;} #search_result li span.ltitle_area a span.search_word {font:bold 12px/18px "Malgun Gothic","맑은 고딕",dotum; color:#ff0000;} #search_result li span.ltitle_area a span.newwin {font:normal 11px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:3f6bbc;} #search_result li span.lwdate_area {position:absolute; top:7px; right:0; width:75px; font:normal 11px/16px tahoma,dotum; color:#999; text-align:right; padding-right:3px;} #search_result .page_limit {clear:both; position:relative; width:100%; padding:15px 0; text-align:center;} */ #search_result {position:relative; width:100%; margin:0 auto; padding:20px 0; overflow:hidden; text-align:left;} #search_result .title_area {position:relative; border-bottom:2px solid #e0e0e0; padding:0 0 5px 3px; margin-bottom:5px; font:bold 14px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#000;} #search_result .title_area span.total_data {font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#f74d00;} #search_result .title_area span.no {letter-spacing:0;} #search_result .title_area p.page_area {position:absolute; top:1px; right:3px; font:normal 12px/16px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#888;} #search_result .search_result_list_box {clear:both; border-bottom:1px solid #e0e0e0; overflow:hidden; padding:15px 0;} #search_result .search_result_list_box .img_file {float:left; position:relative; width:130px; height:100px; overflow:hidden; margin-right:15px; z-index:9999;} #search_result .search_result_list_box .img_file .outline {display:inline-block; position:absolute; top:0; left:0; width:130px; height:100px; overflow:hidden; background:url(/img/skin17/outline130_110.png) no-repeat left top; z-index:9999; cursor:pointer;} #search_result .search_result_list_box .img_file p {position:absolute;} #search_result .search_result_list_box dl {position:relative;} #search_result .search_result_list_box dt {padding:3px 0 5px;} #search_result .search_result_list_box dt,#search_result .search_result_list_box dt a,#search_result .search_result_list_box dt a:visited {font:bold 18px/24px "Malgun Gothic","맑은 고딕","Nanum Bold",dotum; letter-spacing:-0.1em; color:#000;} #search_result .search_result_list_box .sbody,#search_result .search_result_list_box .sbody a,#search_result .search_result_list_box .sbody a:visited {font:normal 13px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#888;} #search_result .search_result_list_box .etc {padding-top:5px; font:normal 12px/20px "Malgun Gothic","맑은 고딕","Nanum Gothic",dotum; color:#c0c0c0;} #search_result .search_result_list_box .etc .name {letter-spacing:-1px; color:#3f6bbc;} #search_result .search_result_list_box .search_word {color:#ff0000;} #search_result .search_result_list_box .newwin {font:normal 12px/18px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:3f6bbc;} #search_result .srl_only_ie- {display:none; .display:block; .clear:both;} #search_result .page_limit {clear:both; position:relative; width:100%; padding:15px 0; text-align:center;} #search_result .sr_list {position:relative; width:1128px; overflow:hidden; margin:20px 0 0 -42px;} #search_result .sr_list_box {position:relative; float:left; width:240px; margin:10px 0 0 42px;} #search_result .sr_list_box dt {width:240px; height:180px; overflow:hidden; margin-bottom:5px; background:#e7e7e7;} #search_result .sr_list_box dd {width:240px; height:42px; overflow:hidden; margin-bottom:5px; text-align:left; font:normal 15px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-1px; color:#666;} /*************** 게시판 ***************/ /* 스킨1-리스트 */ #bbs_skin1_list .list th {padding-bottom:9px; font:bold 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_list .subject {padding-bottom:7px;} #bbs_skin1_list .subject,#bbs_skin1_list .subject a,#bbs_skin1_list .subject a:visited {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_list .name,#bbs_skin1_list .name a,#bbs_skin1_list .name a:visited {font:normal 12px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_view .title {padding:10px; font:bold 15px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_view .contents {font:normal 14px/1.6 "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #bbs_skin1_view .contents p.ip {padding-top:20px; letter-spacing:0;} #comment_list .name_area {background-position:0 6px; padding-left:18px; font:bold 12px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #comment_list .name_area p.date {top:4px; letter-spacing:0;} #comment_list .memo_area {font:normal 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} #comment_write .input_area li {height:24px;} #comment_write .input_area li img {vertical-align:top; padding-top:3px;} #comment_write .input_area .id,#comment_write .input_area .pw,#comment_write .input_area .nospam {height:24px; background-position:0 3px;} #comment_write .input_area li.text {padding-top:2px; line-height:24px;} #comment_write .input_area li input[type="image"] {margin-top:3px;} .bbs_write th {padding-bottom:6px; font:bold 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} .bbs_write td {padding:7px; font:normal 12px/20px "Malgun Gothic","맑은 고딕",dotum;} .bbs_write td span.name {font:bold 13px/20px "Malgun Gothic","맑은 고딕",dotum; letter-spacing:-0.05em;} .bbs_write td .input {height:26px !important} .defaultSkin .mceIframeContainer {border:1px solid #ccc;} body {overflow-x:hidden;} @media only screen and (max-width:1800px) { body {overflow-x:auto;} }