/* sub */ #top_menu {display:none;} .contents_wrap {width:1120px; margin:0 auto; overflow:hidden; background:url(/images/contents/contents_wrap_bg_pc.gif) 0 0 repeat-y;} .sub_section {width:100%;} .sub_section .section_inner {width: 1120px; margin: 0 auto; overflow: hidden;} .center_area {text-align:center;} .btn_right_area {margin:0 10px; text-align:right;} #right_wrap {width:280px; padding:30px 20px 0; float:left;} #right_wrap .r_section {width:100%; padding-bottom:30px;} #right_wrap .r_section .visual {width:100%; display:inline-block;} #right_wrap .r_section .visual img {width:100%;} #right_wrap .r_section .ol_area1 {padding:14px; border:1px solid #D9D9DA; border-top:2px solid #6D6D6D; background-color:#fff;} #right_wrap .r_section .ol_area1 h2 {padding-bottom:10px; font-size:14px; color:#3F3F3F; border-bottom:1px solid #D9D9DA;} #right_wrap .r_section .ol_area1 ol {} #right_wrap .r_section .ol_area1 ol li {height:15px; padding-left:24px; margin-top:12px; background:url(/images/common/num_bullet1.png) 0 0 no-repeat;} #right_wrap .r_section .ol_area1 ol li a {font-size:13px; line-height:16px; color:#666666;} #right_wrap .r_section .ol_area1 ol .l1 {margin-top:18px;} #right_wrap .r_section .ol_area1 ol .l2 {background-position:0 -20px;} #right_wrap .r_section .ol_area1 ol .l3 {background-position:0 -40px;} #right_wrap .r_section .ol_area1 ol .l4 {background-position:0 -60px;} #right_wrap .r_section .ol_area1 ol .l5 {background-position:0 -80px;} #right_wrap .r_section .title_style1 {font-size:15px; line-height:27px; color:#3f3f3f;} #right_wrap .r_section .thumbnail_area {padding:15px 14px 0; border:1px solid #D9D9DA; border-top:2px solid #6D6D6D; background-color:#fff;} #right_wrap .r_section .thumbnail_area .thumbnail_list {width:260px; overflow:hidden;} #right_wrap .r_section .thumbnail_area .thumbnail_list li {width:120px; height:116px; padding:0 10px 20px 0; float:left;} #right_wrap .r_section .thumbnail_area .thumbnail_list li img {width:100%; margin-bottom:10px;} #right_wrap .r_section .thumbnail_area .thumbnail_list li span {font-size:13px; line-height:21px; color:#333;} #right_wrap .r_section .right_banner_area {width:100%; position:relative;} #right_wrap .r_section .right_banner_area .img_box {width:100%; height:190px; padding-top:10px; border-top:2px solid #6D6D6D;} #right_wrap .r_section .right_banner_area .img_box li {display:none;} #right_wrap .r_section .right_banner_area .img_box li.on {display:block;} #right_wrap .r_section .right_banner_area .img_box li img {width:100%;} #right_wrap .r_section .right_banner_area .btn_box {position:absolute; top:6px; right:0;} #right_wrap .r_section .right_banner_area .btn_box a {width:9px; height:9px; display:inline-block; background:url(/images/contents/right_banner_btn_off.png) 0 0 no-repeat;} #right_wrap .r_section .right_banner_area .btn_box a.on {background-image:url(/images/contents/right_banner_btn_on.png);} #right_wrap .r_section .right_banner_area .img_box li .inner {position:relative;} #right_wrap .r_section .right_banner_area .img_box li .img_area {width:100.0%; height:100%; position:absolute; left:0; bottom:0; display:block; background:url(/images/common/img_shado3.png) 0 bottom repeat-x;} #right_wrap .r_section .right_banner_area .img_box li strong {width:95%; display:inline-block; position:absolute; left:7px; bottom:3px; font-size:14px; color:#fff; letter-spacing:0px; line-height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; -webkit-box-orient: vertical; } #right_wrap .r_section .right_tab_area {width:100%;} #right_wrap .r_section .right_tab_area .right_tab {width:100%; height:29px; overflow:hidden;} #right_wrap .r_section .right_tab_area .right_tab li {width:50%; height:27px; float:left; } #right_wrap .r_section .right_tab_area .right_tab li a {display:block; border-right:1px solid #D9D9DA; font-size:15px; line-height:27px; color:#979797; text-align:center; border-top:1px solid #D9D9DA; border-bottom:1px solid #D9D9DA; background-color:#F7F7F7;} #right_wrap .r_section .right_tab_area .right_tab li:first-child a {border-left:1px solid #D9D9DA;} #right_wrap .r_section .right_tab_area .right_tab li.on a {color:#3f3f3f; border-top:2px solid #6D6D6D; border-bottom:0; background-color:#fff;} #right_wrap .r_section .right_tab_area .right_tab_con {padding:13px 14px; background-color:#fff; border:1px solid #D9D9DA; border-top:0;} #right_wrap .r_section .right_tab_area .right_tab_con > li {display:none;} #right_wrap .r_section .right_tab_area .right_tab_con > li.on {display:block;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul {} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li {padding-left:12px; background:url(/images/common/bullet1.gif) 0 10px no-repeat;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li a {display:block; font-size:13px; line-height:22px; color:#555;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li span {display:block; word-break:break-all;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img {height:75px; padding-left:110px; background:none; position:relative;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img a img {position:absolute; left:0; top:0;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img a .name {font-size:13px; line-height:18px; color:#333;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img a .title {font-size:13px; line-height:20px; color:#333;} #right_wrap .r_section .menu_quick {padding:10px; border:1px solid #D9D9DA; background-color:#fff;} #right_wrap .r_section .menu_quick ul {width:268px; overflow:hidden;} #right_wrap .r_section .menu_quick ul li {width:50px; padding-right:17px; float:left; text-align:center;} #right_wrap .r_section .menu_quick ul li a {} #right_wrap .r_section .menu_quick ul li a span {display:block; letter-spacing:-0px; font-size:1em; line-height:20px; color:#a4a4a4;} #right_wrap .r_section .mt4 {display:inline-block; margin-top:4px;} /* 추가 - 아고다 / TAG CLOUD */ #right_wrap .r_section .agodaSearch {width:100%; position:relative; height:185px; overflow:hidden;white-space:nowrap; border:2px solid #2A77BF;background-color:#C1DCF2;} #right_wrap .r_section .agodaSearch #SearchBox #TxtCheckInDate {height:30px; background-color:#fff; border:1px solid #D9D9DA;} #right_wrap .r_section .tagBox {width:100%; position:relative;} #right_wrap .r_section .tagBox h3 { font-size:14px; font-weight:bold; color:#474646; line-height:25px; margin-bottom:10px; border-bottom:2px solid #000;} #right_wrap .r_section .t_cloud {width:100%; overflow:hidden;} #right_wrap .r_section .t_cloud li {margin:0 5px 5px 0; float:left;} #right_wrap .r_section .t_cloud li a {padding:5px 8px; color:#666; display:block; background:#fff; border:1px solid #ccc; word-break:break-all; white-space:nowrap; word-break:break-all; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #right_wrap .r_section .t_cloud li a:hover {border:1px solid #F53E2A; text-decoration:none; } #contents {width:710px; padding:10px 45px 30px 45px; float:left;}/*try_edt*/ #contents .section {padding-bottom:10px;}/*try_edt*/ #contents .section .title_area {width:100%; height:28px; overflow:hidden;} #contents .section .line{border-bottom:3px solid #6D6D6D;} #contents .section .title_area .title_red {font-size:16px; color:#D1071F; float:left; line-height:18px;} #contents .section .title_area .title_black {font-size:16px; color:#000; float:left; line-height:18px;} #contents .section .title_area .sub_tit {font-size:14px; font-weight:bold; color:#474646; line-height:18px;} #contents .section .title_area .sub_tit em {color:#ccc; vertical-align:top; } #contents .section .title_area .btn_back {display:none;} #contents .section .title_area .btn_news_list {padding-left:22px; float:right; background:url(/images/contents/btn_news_list_bg.gif) 0 0 no-repeat; font-size:13px; line-height:15px; color:#48494d;} #contents .section .title_area .btn_more {float:right; padding-right:11px; background:url(/images/contents/btn_more_bg.png) right 2px no-repeat; color:#7c7c7c;} #contents .section .sub_slide_wrap {padding:20px 33px; border-top:3px solid #6D6D6D; background-color:#F7F7F8; border-bottom:1px solid #CCCCCC;} #contents .section .sub_slide_wrap .sub_slide {} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list {width:674px; overflow:hidden;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li {width: 300px !important; margin-right:37px; float:left;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li a {display:inline-block; position:relative;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li a img {width:100%;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li a span {width:90%; display:block; position:absolute; left:15px; bottom:10px; font-size:15px; line-height:22px; color:#fff; font-weight:bold; text-align:left; z-index:20; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}/*try_edt*/ #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li .bg_area {width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; display: block;background: url(/images/common/img_shado.png) 0 bottom repeat-x; z-index:10;}/*try_edt*/ #contents .section .sub_news_list {padding: 0 0 1px 1px; overflow:hidden; } #contents .section .sub_news_list li {width:33.3%; margin: 0 0 -1px -1px; float:left; position:relative;} #contents .section .sub_news_list li .dns {height:185px;padding:17px; /*overflow:hidden;*/ border: solid 1px #D9D9DA; } #contents .section .sub_news_list li .dns .img_area {display:block; margin-bottom:10px;} #contents .section .sub_news_list li .dns .img_area img {width:100%; max-width:100%;} #contents .section .sub_news_list li .dns .txt_area {display:block;} #contents .section .sub_news_list li .dummy_area {display:none;} #contents .section .sub_news_list li .dns .txt_area strong {max-height:40px; overflow:hidden; margin-bottom:20px; display:block; font-size:14px; line-height:21px; color:#444;} #contents .section .sub_news_list li .dns .txt_area span {max-height:105px; overflow:hidden; display:block; font-size:13px; line-height:21px; color:#444;} #contents .section .sub_news_list li.in_img .dns .txt_area span {display:none;} #contents .section .sub_news_type2 {padding: 0 0 1px 1px; overflow:hidden; } #contents .section .sub_news_type2 li {width:33.3%; margin: 0 0 -1px -1px; float:left; position:relative;} #contents .section .sub_news_type2 li .dns {height:185px;padding:17px; /*overflow:hidden;*/ border: solid 1px #D9D9DA; } #contents .section .sub_news_type2 li .dns .img_area {display:block; margin-bottom:10px;} #contents .section .sub_news_type2 li .dns .img_area img {width:100%; max-width:100%;} #contents .section .sub_news_type2 li .dns .txt_area {display:block;} #contents .section .sub_news_type2 li .dummy_area {display:none;} #contents .section .sub_news_type2 li .dns .txt_area strong {max-height:40px; overflow:hidden; margin-bottom:20px; display:block; font-size:14px; line-height:21px; color:#444;} #contents .section .sub_news_type2 li .dns .txt_area span {max-height:105px; overflow:hidden; display:block; font-size:13px; line-height:21px; color:#444;} #contents .section .sub_news_type2 li.in_img .dns .txt_area span {display:none;} #contents .section .sub_contents_banner {display:none;} #contents .section .sub_contents_banner img {width:100%;} /* list2 */ #contents .list_style1_area {padding-top:6px; border-top:3px solid #6D6D6D;} #contents .list_style1_area .list_style1 {background-color:#fff;} #contents .list_style1_area .list_style1 li {height:130px; padding:24px 0; border-bottom: solid 1px #eaeaea;} #contents .list_style1_area .list_style1 li .tr {display: table-row;} #contents .list_style1_area .list_style1 li .imageIn {margin-right:15px; text-align: center; vertical-align: middle; height:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }/*try_edt*/ #contents .list_style1_area .list_style1 li .tc {display: table-cell; vertical-align: top;} #contents .list_style1_area .list_style1 li .tr dl {overflow:hidden; position:relative;} #contents .list_style1_area .list_style1 li .tr dl dt a {padding:5px 0 15px 0; display:inline-block; font-size:14px; font-weight:bold; color:#333; line-height:22px; } #contents .list_style1_area .list_style1 li .tr dl dd a {font-size:13px; color:#545454; line-height:20px;} #contents .list_style1_area .list_style1 li .tr dl dd.photo {margin-right:20px;float: left;} #contents .list_style1_area .list_style1 li .tr dl dd.txt_area {height:60px; overflow:hidden;} #contents .list_style1_area .list_style1 li .tr dl dd.date {padding-top:10px; font-size:13px; color:#969696;} #contents .list_style1_area .list_style1 li .tr dl dd.date .name {color:#63160b; vertical-align:top;} #sub_slide_area {display:none;} /* view */ #contents .view_style1_wrap {padding-top:30px; border-top: 3px solid #6D6D6D;} #contents .view_style1_wrap .subcon img {width:100%;}/*try_edt*/ #contents .view_style1_wrap .event_subcon img {width:100%; !important}/*try_edt*/ #contents .sub_view_area {} #contents .sub_view_area .tit_headline {} #contents .sub_view_area .tit_headline .tit {padding-bottom:10px; color:#000; font-size:30px; line-height:34px; } #contents .sub_view_area .tit_headline .sub_tit {padding-bottom:10px; font-size:14px; color:#828282;} #contents .sub_view_area .dateinfo {width:100%; padding-bottom:10px; display:inline-block; position:relative;} #contents .sub_view_area .dateinfo img {vertical-align:bottom;} #contents .sub_view_area .dateinfo.line {margin-bottom:25px; border-bottom: solid 1px #b6b4b4;} #contents .sub_view_area .dateinfo .l_area {float: left; color:#000; font-size:13px;} #contents .sub_view_area .dateinfo .l_area a {color:#0369db;} #contents .sub_view_area .dateinfo .l_area em {color:#69000c; vertical-align:top; } #contents .sub_view_area .dateinfo .r_area {float: right;} #contents .sub_view_area .dateinfo .r_area .sns {width:85px; float: left; margin:-3px;} #contents .sub_view_area .dateinfo .r_area .sns img {margin:3px 0 0 4px;} #contents .sub_view_area .dateinfo .r_area button {background: none; border: none; padding: 0; margin: 0; cursor: pointer;} #contents .sub_view_area .dateinfo .submit_area {padding-left:10px;} #contents .sub_view_area .article_con_banner {margin-bottom:25px; float: none; text-align:center;} #contents .sub_view_area .article_con {font-size:16px; color:#333; line-height:28px;} #contents .sub_view_area .article_con div {font-size:16px; color:#333; line-height:28px;}/*try_edt*/ #contents .sub_view_area .article_con .summary_txt {padding-bottom:36px; font-size:13px; font-weight:bold; color:#333; line-height:1.8em; } #contents .sub_view_area .article_con .ecenter {width:90%; padding-bottom:10px; text-align:center; margin: 0 auto;}/*try_edt*/ #contents .sub_view_area .article_con .ecenter .use_caption {padding-top:12px; color:#888; line-height:18px; text-align:left;} #contents .sub_view_area .article_con .eleft {padding-bottom:30px; float:left; margin:0px 20px 0px 0px;} #contents .sub_view_area .article_con .eleft .use_caption {padding-top:12px; color:#888; line-height:18px; text-align:left; } #contents .sub_view_area .article_con .eright {padding-bottom:30px; float:right; margin:0px 0px 0px 20px;} #contents .sub_view_area .article_con .eright .use_caption {padding-top:12px; color:#888; line-height:18px; text-align:left; } #contents .sub_view_area .article_con a {vertical-align:top; margin-top:-4px !important; line-height:24px; color:#000;} #contents .data_info {width:100%; padding:6px 10px; margin-bottom:15px; display:inline-block; border: solid 1px #dedede; background-color:#fafafa; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 본문 sns 부분 */ .sns {width:150px; float: right;} .sns img {margin:3px 0 0 3px;} #contents .data_info .data_btn_list {width:150px; float: right;} #contents .data_info .data_btn_list li {padding-left:10px; float: left; } #contents .c {padding-bottom: 35px; color:#333; font-size:13px; line-height:23px; } #contents .copy_txt {padding-bottom: 35px; color:#333; font-size:13px; line-height:23px; } #contents .article_area {padding-bottom:20px; } #contents .article_area .article_tit {padding-bottom:10px; margin-bottom:15px; font-size:13px; color:#212121; border-bottom: solid 1px #dedede;} #contents .article_area .article_list {} #contents .article_area .article_list li {padding-left: 20px; margin-bottom:15px; overflow:hidden; background:url(/images/ico/ico_42.gif) left center no-repeat; } #contents .article_area .article_list li a {width:80%; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:18px; font-weight:bold; color:#333;} #contents .article_area .article_list li span {float: right;} #contents .comment_wrap {border: solid 1px #dedede;} #contents .comment_wrap > .top_txt {padding:13px 14px; font-size:15px; color:#333; font-weight:bold; line-height:18px; border-bottom: solid 1px #dedede;} #contents .comment_wrap > .top_txt span {font-size:12px; color:#999; line-height:18px; vertical-align:top;} #contents .comment_wrap .write_area {padding:14px; } #contents .comment_wrap .write_area .emo_list {width:300px; display:inline-block;} #contents .comment_wrap .write_area .emo_list li {float: left; } #contents .comment_wrap .write_area .emo_list li .radio {margin:0 5px;} #contents .comment_wrap .write_area .txt_area {padding-right:59px; margin-top:10px; position:relative; } #contents .comment_wrap .write_area .txt_area textarea {width:100%; height:57px; background-color:#fff; border: solid 1px #dedede; line-height:18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; } #contents .comment_wrap .write_area .txt_area .img {position:absolute; right:0; top:0;} #contents .comment_wrap .write_area .dummy_wrap {padding-left:10px; vertical-align:top; } #contents .comment_wrap .write_area .reply_entry_area {height:110px; padding:5px; margin:10px 0 15px 0; border: solid 1px #dedede;} #contents .reply_wrap {padding:0 14px;} #contents .reply_wrap .btn_select_area {padding-bottom:15px; text-align:right;} #contents .reply_wrap .btn_select_area a {color:#333; vertical-align:top; } #contents .reply_wrap .btn_select_area em {padding:0 8px; vertical-align:top; color:#ccc;} #contents .reply_wrap .reply_list {} #contents .reply_wrap .reply_list li {padding:12px 0; border-top: dotted 1px #cdcdcd;} #contents .reply_wrap .reply_list li.reply {padding-left:25px; } #contents .reply_wrap .reply_list li .info_txt {padding-bottom:13px; overflow:hidden;} #contents .reply_wrap .reply_list li .info_txt .nicname {color:#006699;} #contents .reply_wrap .reply_list li .info_txt .date {color:#999;} #contents .reply_wrap .reply_list li .info_txt .r_area {width:auto; display:inline-block; float: right; } #contents .reply_wrap .reply_list li .info_txt .r_area a {color:#333;} #contents .reply_wrap .reply_list li .info_txt .r_area a em {vertical-align:0; } #contents .reply_wrap .reply_list li .info_txt .r_area a .agree {color:#cd071e;} #contents .reply_wrap .reply_list li .info_txt .r_area .ico_line {color:#ccc; vertical-align:bottom; } #contents .reply_wrap .reply_list li .reply_txt {color:#8e8e8e; line-height:18px; } #contents .reply_wrap .reply_list li .follow_wrap {padding-top:12px; margin-top:11px; border-top: dotted 1px #cdcdcd;} #contents .reply_wrap .reply_list li.on .follow_wrap {display:block;} #contents .reply_wrap .reply_list li .follow_wrap {display:none;} #contents .reply_wrap .reply_list li .follow_box {padding:6px 20px; border: solid 2px #7b7b7b;} #contents .reply_wrap .reply_list li .follow_box .follw_top {padding-bottom:6px; margin-bottom:8px; position:relative; border-bottom: dotted 1px #cdcdcd;} #contents .reply_wrap .reply_list li .follow_box .follw_top .btn_close {position:absolute; right:0; top:5px; } #contents .reply_wrap .reply_list li .follow_box .follw_bottom {padding-right:84px; position:relative;} #contents .reply_wrap .reply_list li .follow_box .follw_bottom textarea {width:100%; height:48px; border: solid 1px #d8d8d8; line-height:18px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; } #contents .reply_wrap .reply_list li .follow_box .follw_bottom .btn_area {position:absolute; right:3px; top:9px; } /* board*/ #contents .sub_board_wrap {padding-top:35px; } #contents .sub_board_wrap > .top_txt {padding-bottom:25px; line-height:18px; color:#6c6c6c; letter-spacing:-1px;} #contents .sub_board_wrap .inner_wrap {width:100%; overflow:hidden;} #contents .sub_board_wrap .inner_wrap .l_area {float: left; color:#555; line-height:35px;} #contents .sub_board_wrap .inner_wrap .l_area strong {vertical-align:0;} #contents .sub_board_wrap .inner_wrap .r_area {width:251px; float: right;} #contents .sub_board_wrap .inner_wrap .r_area .it {width:179px; height:25px; padding:0 5px; line-height:25px; border: solid 1px #ccc;} #contents .sub_board_wrap .inner_wrap .r_area .btn_sreach {width:52px; height:25px; display:inline-block; line-height:23px; background-color:#6c6c6c; border: solid 1px #464646; text-align:center; color:#fff; text-decoration:none;} #contents .table_st1 {width:100%; border-bottom: solid 1px #808080;} #contents .table_st1 thead {background:url(/images/contents/bg_table_th.gif) 0 0 repeat-x;} #contents .table_st1 th {height:36px; color:#555; border-top: solid 2px #808080; border-bottom: solid 1px #b5b5b5; background:url(/images/common/m_sub_line.gif) left center no-repeat;} #contents .table_st1 th:first-child {background:none;} #contents .table_st1 td {padding:14px 0; text-align:center; color:#666; border-bottom: solid 1px #ccc;} #contents .table_st1 td.l {text-align:left;} #contents .table_st1 td .notice_txt {padding-left:16px; background:url(/images/ico/ico_notice.gif) left center no-repeat; color:#1242e0;} #contents .table_st1 td.txt_name {color:#0459af;} #contents .table_st1 td.txt_view {color:#f78001;} #contents .table_st1 td a {width:90%; display:inline-block; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;} #contents .table_st1 th.wid_th1 {width:10%;} #contents .table_st1 th.wid_th2 {width:55%;} #contents .table_st1 th.wid_th3 {width:6%;} #contents .table_st1 th.wid_th4 {width:auto;} #contents .table_st1 th.wid_th5 {width:12%;} #contents .table_st1 th.wid_th6 {width:auto;} /* board_view */ #contents .sub_board_wrap .view_wrap {padding:0 0 10px 0;} #contents .sub_board_wrap .view_wrap .view_tit {padding-bottom:20px; font-size:18px; color:#000; line-height:22px;} #contents .sub_board_wrap .view_wrap .view_top {width:100%; overflow:hidden; border-top: solid 1px #808080;} #contents .sub_board_wrap .view_wrap .view_top .view_inner_wrap {width:100%; overflow:hidden;} #contents .sub_board_wrap .view_wrap .view_top dl {background:url(/images/contents/bg_board_view.gif) 0 0 repeat-y; width:50%; float: left; border-bottom: solid 1px #b8b8b8;} #contents .sub_board_wrap .view_wrap .view_top dl.con3 {width:100%;} #contents .sub_board_wrap .view_wrap .view_top dl dt {width:90px; height:100%; padding:13px 0; float: left; font-weight:bold; text-align:center; color:#666; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .sub_board_wrap .view_wrap .view_top dl dd {width:74%; padding:13px 0 13px 10px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .sub_board_wrap .view_wrap .view_top dl dd img {vertical-align:0;} #contents .sub_board_wrap .view_wrap .view_top dl dd .num_txt {font-size:11px; color:#db091a; vertical-align:top;} #contents .sub_board_wrap .view_wrap .view_top dl dd .txt_col {color:#0459af; text-decoration:none; vertical-align:top;} #contents .sub_board_wrap .view_wrap .view_top dl dd .add_list {} #contents .sub_board_wrap .view_wrap .view_top dl dd .add_list li {display:inline-block;} #contents .sub_board_wrap .view_wrap .view_txt_area {padding:30px 0; color:#000; line-height:18px; border-bottom: solid 1px #808080;} /* board_write */ .table_st2 {width:100%; border-top: solid 1px #808080; border-bottom: solid 1px #808080;} .table_st2 th {padding:13px 0; background-color:#f3f3f3; border-bottom: solid 1px #b8b8b8;} .table_st2 th.l {padding-left:30px; text-align:left;} .table_st2 td {padding:13px 10px; border-bottom: solid 1px #b8b8b8;} .table_st2 td .edit_area {min-height:130px;} .table_st2 td .essential_txt {color:#555;} .table_st2 td .file_add_area {display:inline-block;} .table_st2 td .file_add_area .file_add_input {vertical-align:0; } .table_st2 td .file_add_area .file_add_input label {padding-left:5px; color:#3a3a3a; vertical-align:0;} .table_st2 td .file_add_area .file_add_txt {color:#f00; vertical-align:0;} /* email_popup */ #email_pop_wrap {width:580px; margin-left:-290px; position:absolute; left:50%; top:40%; display:none;} #email_pop_wrap .outer_wrap {padding:17px 10px 20px 10px; background-color:#fff; border: solid 1px #c6c6c6;} #email_pop_wrap .pop_head {margin-bottom:10px; } #email_pop_wrap .pop_inner {padding:20px; margin-bottom:20px; border-top: solid 2px #c10503; border-left: solid 1px #c6c6c6; border-right: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6;} #email_pop_wrap .pop_inner .pop_table1 {width:100%;} #email_pop_wrap .pop_inner .pop_table1 th {padding:8px 0; text-align:left; vertical-align:top; color:#000;} #email_pop_wrap .pop_inner .pop_table1 th .th_t {padding-left:13px; background:url(/images/ico/ico_bull.gif) left center no-repeat;} #email_pop_wrap .pop_inner .pop_table1 td {padding:5px; color:#000;} #email_pop_wrap .pop_inner .pop_table1 td .info_txt {padding-top:10px; letter-spacing:-1px; font-size:11px; color:#000;} /* event */ .sub_event_wrap {padding:35px 0 30px; border-top: solid 3px #6d6d6d;} .sub_event_wrap .event_top {width:100%; position:relative;} .sub_event_wrap .event_top .text_area {width:365px; position:absolute; left:0; top:0; } .sub_event_wrap .event_top .text_area .tit_txt {padding-bottom:10px; font-size:15px; font-weight:bold; color:#000; line-height:30px; } .sub_event_wrap .event_top .text_area .sub_txt {font-size:11px; color:#000; line-height:22px; } .sub_event_wrap .event_con {padding:15px 24px 24px 24px; background-color:#f8f7f6; border: solid 2px #e7e7e7;} .sub_event_wrap .event_con .last_txt {width:260px; padding:10px 0; margin: 0 auto 27px; background-color:#cf051d; color:#fff; font-family:dotum; font-size:15px; font-weight:bold; text-align:center;} .sub_event_wrap .event_con .qna_tit {padding-bottom:13px; margin-bottom:20px; font-size:22px; color:#000; line-height:33px; border-bottom: solid 1px #c8c8c8;} .sub_event_wrap .event_con .qna_tit img {vertical-align:middle;} .sub_event_wrap .event_con .qna_inner {padding-bottom:20px; } .sub_event_wrap .event_con .qna_inner p {padding-bottom:25px; font-size:14px; color:#000; line-height:24px; } .sub_event_wrap .event_con .qna_inner .poll_chk_list {border-bottom: dotted 1px #c8c8c8;} .sub_event_wrap .event_con .qna_inner .poll_chk_list li { padding-bottom:30px; width:32%; display:inline-block; } .sub_event_wrap .event_con .qna_inner .poll_chk_list li label {padding-left:8px; color:#000; font-size:14px;font-weight:bold; } .sub_event_wrap .event_con .qna_inner .poll_chk_list li img {margin-bottom:10px;} .spam {font-weight:bold;} .spam img {vertical-align:middle;} #contents .auction_list {width:100%;} #contents .auction_list td {padding:10px 0; border-bottom: dotted 1px #c8c8c8;} #contents .auction_list td .img_area {width:78px; height:58px; display:inline-block; border: solid 1px #e7e7e7;} #contents .auction_list td strong {margin-left:10px;color:#000;} #contents .auction_list td.r {text-align:right;} #contents .auction_list td .price_txt {width:120px; height:33px; padding:0 13px; display:inline-block; border: solid 1px #cf051d; background-color:#000; color:#fcf801; line-height:33px; font-weight:bold; font-size:15px; font-family:dotum;} .poll_result_popup {width:648px; padding:20px 20px 0; margin-left:-400px; position:absolute; left:50%; top:25%; background-color:#fff; border: solid 5px #7d7d7d; display:none;} .poll_result_popup .poo_top {padding-bottom:10px; position:relative; border-bottom: solid 1px #6d6d6d; font-size:14px; font-weight:bold; color:#474646;} .poll_result_popup .poo_top a {position:absolute; right:0; top:0;} .poll_result_popup .sub_event_wrap {border-top:0;} .poll_result_popup .sub_event_wrap .event_con {background-color:#fff;} .poll_result_popup .poll_result_list {width:100%;} .poll_result_popup .poll_result_list li {padding-top:25px; width:100%; overflow:hidden;} .poll_result_popup .poll_result_list li:first-child {padding-top:0;} .poll_result_popup .poll_result_list li .po_tit {display:block; padding: 0 0 5px 10px; background:url(/images/ico/ico_bull1.gif) left center no-repeat; font-size:14px; } .poll_result_popup .poll_result_list li .poll_graph {position:relative;line-height:normal;white-space:nowrap; display:inline-block; float: left; } .poll_result_popup .poll_result_list li .poll_graph .g_bar {width:469px; height:9px; display:inline-block;position:relative;border:1px solid #cdcdcd; background-color:#e4e4e4;} .poll_result_popup .poll_result_list li .poll_graph .g_action {height:9px; display:inline-block; position:absolute; left:0; top:0; background:url(/images/contents/bg_poll_line.gif) 0 0 repeat-x; } .poll_result_popup .poll_result_list li .percent_txt {float: right; display:inline-block; color:#555; font-size:13px; vertical-align:bottom;} .poll_result_popup .poll_result_list li .percent_txt strong {color:#cc0000; margin-left:20px;font-size:13px; } #contents .event_poll_table {width:100%; margin-top:40px; border-bottom: solid 1px #808080;} #contents .event_poll_table thead {background:url(/images/contents/bg_table_th.gif) 0 0 repeat-x;} #contents .event_poll_table th {height:36px; color:#555; border-top: solid 2px #808080; border-bottom: solid 1px #b5b5b5; background:url(/images/common/m_sub_line.gif) left center no-repeat;} #contents .event_poll_table th:first-child {background:none;} #contents .event_poll_table td {padding:10px 0; text-align:center; color:#666; border-bottom: solid 1px #ccc; vertical-align:top;} #contents .event_poll_table td.l {text-align:left; vertical-align:middle;} #contents .event_poll_table td a {display:block; padding-bottom:5px;} #contents .event_poll_table td a strong {color:#000;} #contents .event_poll_table td .num_txt {vertical-align:top; color:#ff0000;} /* company */ #contents .con_company_area {width:100%; padding-bottom:45px; } #contents .con_company_area .company_tit {padding:0 0 6px 10px; margin-bottom:15px; font-size:14px; color:#992033; background:url(/images/contents/bg_tit_line.gif) left 4px no-repeat; border-bottom: solid 1px #d2d2d2; line-height:18px; } #contents .con_company_area .company_tit.noline {border-bottom:0;} #contents .con_company_area .txt_inner {font-size:13px; color:#555; line-height:25px;} #contents .con_company_area .dot {border-bottom: dotted 1px #444444; margin-bottom:35px;} #contents .con_faq_wrap {width:100%; margin-bottom:45px; border-top: solid 1px #e5e5e5;} #contents .con_faq_wrap li {width:100%;} #contents .con_faq_wrap li .faq_inner_txt {} #contents .con_faq_wrap li .faq_inner_txt dt {padding:10px 0; padding-left:41px; background:url(/images/ico/ico_faq_q.gif) 15px center #fff no-repeat; border-bottom: solid 1px #e5e5e5; line-height:18px; } #contents .con_faq_wrap li .faq_inner_txt dt a {display:block; color:#000; text-decoration:none; font-size:14px;} #contents .con_faq_wrap li .faq_inner_txt dd {display:none;} #contents .con_faq_wrap li.on .faq_inner_txt dd {padding:10px 0 10px 41px; display:block; background:url(/images/ico/ico_faq_a.gif) 15px 10px #f5f5f5 no-repeat; line-height:20px; font-size:14px; border-bottom: solid 1px #e5e5e5;} #contents .con_company_area .qna_wrap {padding:14px; margin-bottom:20px; border: solid 1px #ccc;} #contents .con_company_area .qna_wrap .qna_tit {padding-bottom:12px; margin-bottom:12px; background:url(/images/contents/bg_fag_line.gif) 0 bottom repeat-x; font-size:14px; font-weight:bold; color:#5d1010;} #contents .con_company_area .qna_wrap .qna_tit img {margin-top:4px;} #contents .con_company_area .qna_txt_area {font-size:13px; color:#555; line-height:25px;} #contents .con_company_area .qna_txt_area.pad {padding-left: 43px;} #contents .con_company_area .qna_txt_area.pad span {margin-left:-43px;} #contents .con_company_area .con_company_innerwrap {width:100%; overflow:hidden;} #contents .con_company_area .con_company_innerwrap .qna_wrap {width:44.5%; height:120px; float: left; } #contents .con_company_area .con_company_innerwrap .qna_wrap.r {float: right;} #contents .con_company_innerwrap .company_info_area {float: left; border-left: solid 1px #ccc; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;} #contents .con_company_innerwrap .company_info_area.num1 {width:72px;} #contents .con_company_innerwrap .company_info_area.num2 {width:122px;} #contents .con_company_innerwrap .company_info_area.num3 {width:128px;} #contents .con_company_innerwrap .company_info_area.num4 {width:383px; border-right: solid 1px #ccc;} #contents .con_company_innerwrap .company_info_area dt {font-weight:bold; color:#333; line-height:28px; text-align:center; border-bottom: solid 1px #ccc; background:none; } #contents .con_company_innerwrap .company_info_area dd ul { background:none;} #contents .con_company_innerwrap .company_info_area dd ul li {padding-left:17px; text-align:left; color:#333; line-height:30px; background:none;} #contents .con_company_innerwrap .company_info_area.num1 dd ul li {padding-left:0; text-align:center;} #contents .ad_sample_wrap {width:100%; overflow:hidden; margin-bottom:30px;} #contents .ad_sample_wrap li {width:50%; padding-bottom:30px; float: left;} #contents .ad_sample_wrap li span { font-size:13px; font-weight:bold; color:#822801;} #contents .ad_sample_wrap li .padr {padding-right:5px;} #contents .ad_sample_wrap li .padl {padding-left:5px;} #contents .ad_sample_wrap li img {width:100%; max-width:100%;} #contents .ad_info_wrap {width:100%; overflow:hidden; margin-bottom:30px;} #contents .ad_info_wrap li img {} /* 검색리스트 */ /*try_edt*/ .searchCont {padding:0px 0;font-family:"돋움", Dotum;padding-bottom:15px;} .searchCont h2 {position:relative;padding-bottom:7px;margin:0 0 20px 0px;font-size:12px; border-bottom: 1px dotted #C8C8C8; font-weight:bold;color:#000F6A;letter-spacing:-1px;} .searchCont h2 span {margin-left:10px;font-size:11px;font-weight:normal;color:#666;letter-spacing:0;} .searchCont .searchList {width:620px;overflow:hidden;padding:0 0 0 0px;margin-bottom:20px;} .searchCont .searchList em {color:#f8613b;font-style:normal;} .searchCont .searchList strong {font-size:12px;color:#3E3E3E; font-weight:normal;} .searchCont .searchList .p {float:left;max-width:115px;} .searchCont .searchList .p img {display:block;max-width:100px;max-height:100px;margin:3px 15px 0 0;} .searchCont .searchList .t {} .searchCont .searchList .t .tit {padding-bottom:3px;} .searchCont .searchList .t .tit a {font-size:14px;color:#000000;font-weight:bold;} .searchCont .searchList .t .tits {padding-bottom:3px;} .searchCont .searchList .t .tits a {font-size:13px;color:#616161;font-weight:bold;} .searchCont .searchList .t .tit img {padding-left:5px;position:relative;top:-1px;vertical-align:middle;} .searchCont .searchList .t .txt a {letter-spacing:0px;line-height:18px;} .searchCont .searchList .t .txt span {font-size:11px;color:#666;padding-left:7px;} .searchCont .more {text-align:right;padding-top:10px;padding-right:7px;background:url(/images/arrow_right1.gif) no-repeat right 13px; border-top: 1px dotted #C8C8C8;} .searchCont .more a {font-family:"돋움", Dotum;font-size:11px;color:#f25632;text-decoration:underline;} /* 타블렛 : 시작 */ @media all and (min-width:686px) and (max-width:1023px) { .sub_section .section_inner {width:100%;} .contents_wrap {width:100%; height:100%; min-height:100%; background: url(/images/contents/contents_wrap_bg_t.gif) left 0 repeat-y; background-size: contain; -mox-background-size: contain; -webkit-background-size: contain; } #contents {width:71%; padding:30px 40px; background-color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap {width:29%; height:100%; min-height:100%; background-color:#E6E6E6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .thumbnail_area {padding-right:0px;} #right_wrap .r_section .thumbnail_area .thumbnail_list {width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .thumbnail_area .thumbnail_list li {width:50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .menu_quick ul {width:100%; overflow:hidden;} #right_wrap .r_section .menu_quick ul li {width:25%; padding-right:3px; float:left; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #right_wrap .r_section .menu_quick ul li a span {letter-spacing:-2px; font-size:10px; } #right_wrap .r_section .menu_quick ul li a {width:90%; display:block; margin: 0 auto;} #right_wrap .r_section .menu_quick ul li a img {width:100%;} #right_wrap .r_section .ol_area1 ol li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li {padding-left:9px; } #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img {height:auto; padding-left:42%; padding-bottom:10%;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img a img {width:40%;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:12px; } #right_wrap .r_section .right_banner_area .img_box {height:auto;} #right_wrap .r_section .right_banner_area .img_box li strong {font-size:13px; } #contents .section .sub_slide_wrap {padding-right:0px;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list {width: 100% !important;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li {width: 50% !important; padding-right:33px; margin-right:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .list_style1_area .list_style1 li {height:auto; padding:20px 0;} #contents .list_style1_area .list_style1 li .tc.img {width:30%; margin-right:13px;} #contents .list_style1_area .list_style1 li .tc.img img {width:100%;} #contents .list_style1_area .list_style1 li .tr dl {} #contents .list_style1_area .list_style1 li .tr dl dt a {padding:0 0 5px 0;} #contents .list_style1_area .list_style1 li .tr dl dd.txt_area {height:40px;} #contents .list_style1_area .list_style1 li .tr dl dd.date {padding-top:5px; font-size:12px; } #contents .comment_wrap .write_area .emo_list {padding-top:10px;} #contents .sub_view_area .article_con .ecenter table {width:100%;} #contents .sub_view_area .article_con .eleft {width:90% !important; margin: 0 auto; float:none; text-align:center;} #contents .sub_view_area .article_con .eleft table {width:100%;} #contents .sub_view_area .article_con .eright {width:90% !important; margin: 0 auto; float:none; text-align:center;} #contents .sub_view_area .article_con .eright table {width:100%;} #contents .sub_view_area .article_con .ecenter img {width:100%; height:auto;}/*try_edt*/ #contents .sub_view_area .article_con .eleft img {width:100%; height:auto;} #contents .sub_view_area .article_con .eright img {width:100%; height:auto;} #contents .ad_info_wrap {width:100%; overflow:hidden; margin-bottom:30px;} #contents .ad_info_wrap li img {width:100%;} #contents .data_info span {letter-spacing:-1px; } #contents .data_info .data_btn_list {width:250px} #contents .data_info .data_btn_list li {padding-left:5px; } #contents .data_info .data_btn_list li.btn1 img {width:62px; } #contents .data_info .data_btn_list li.btn2 img {width:62px; } #contents .data_info .data_btn_list li.btn3 img {width:62px; } #contents .data_info .data_btn_list li.btn4 img {width:31.5px; } #contents .sub_board_wrap .view_wrap .view_top dl.con1 {width:40%; } #contents .sub_board_wrap .view_wrap .view_top dl.con1 dd {width:43%;} #contents .sub_board_wrap .view_wrap .view_top dl.con2 {width:60%; } #contents .sub_board_wrap .view_wrap .view_top dl.con2 dd {width:62%; padding:5px 0 5px 10px;} .table_st2 td .file_add_area {padding-top:10px; } #email_pop_wrap {top:10%;} .sub_event_wrap .event_top img {width:100%;}/*try_edt*/ #top_menu {display:none;} } /* 타블렛 : 끝 */ /* 모바일 시작 */ @media all and (max-width:686px) /* 모바일 */ { .contents_wrap {width:100%; background:#E5E5E5;} #contents {width:100%; padding:0;} #contents .section .title_area {width:auto; height:36px; padding:0 5px;} #contents .section .title_area.main {background:#fff url(/images/contents/title_area_shado.gif) 0 bottom repeat-x;} #contents .section .title_area .title_red {font-size:13px; color:#000; line-height:36px; padding-right:8px;} #contents .section .title_area .title_black {color:#000; line-height:36px;} #contents .section .title_area .btn_back {width:34px; display:block; position:absolute; right:0; padding-top:0px; }/*try_edt*/ #contents .section .title_area .btn_back img {width:100%;} #contents .section .title_area .btn_news_list {line-height:36px; background-position:0 10px;} #contents .section .title_area .btn_more {line-height:36px; background-position:right 11px;} #contents .section .sub_slide_wrap {border-top:0; padding:10px 5px; border:0; background:none;} #contents .section .sub_slide_wrap .sub_slide {width:100%; overflow:hidden;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list {width: 200% !important; position:relative; left:0;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li {width: 50% !important; float:left; margin-right:0px; display:none;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li.on {display:block;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li a {width:100%;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li a img {width:100%;} .nav_area {display:block;} .main_nav_area {display:block;} #contents .section .sub_news_list_wrap2 {width:100%; position:relative;} /* 목록에서 기사가 9개일 경우 sub_news_type2 */ #contents .section .sub_news_list_wrap2 .nav_area {display:block;} #contents .section .sub_news_list_wrap {width:100%;} #contents .section .sub_news_list_wrap .nav_area {display:block;} #contents .section .sub_news_list {width:100%;} #contents .section .sub_news_list li {width:48%; margin:0 1% 2%; background-color:#fff;} #contents .section .sub_news_list li .dns {width:96%; height:auto; border:none; padding:5px; margin: 0 auto; position:absolute; left:0; top:0;} #contents .section .sub_news_list li .dns .img_area {margin-bottom:5px;} #contents .section .sub_news_list li .dns .img_area img {width:100%; max-width:100%;} #contents .section .sub_news_list li .dummy_area {display:block;} #contents .section .sub_news_list li .dummy_area img {width:100%; max-width:100%;} #contents .section .sub_news_list li .dns .txt_area strong {width:100%; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:13px; padding-bottom:3px;} #contents .section .sub_news_type2 {width:100%;} /* 목록에서 기사가 9개일 경우 sub_news_type2 */ #contents .section .sub_news_type2 li {width:48%; margin:0 1% 2%; background-color:#fff;} #contents .section .sub_news_type2 li:nth-of-type(5) {display:none;} #contents .section .sub_news_type2 li:nth-of-type(6) {display:none;} #contents .section .sub_news_type2 li .dns {width:96%; height:auto; border:none; padding:5px; margin: 0 auto; position:absolute; left:0; top:0;} #contents .section .sub_news_type2 li .dns .img_area {margin-bottom:3px;} #contents .section .sub_news_type2 li .dns .img_area img {width:100%; max-width:100%;} #contents .section .sub_news_type2 li .dummy_area {display:block;} #contents .section .sub_news_type2 li .dummy_area img {width:100%; max-width:100%;} #contents .section .sub_news_type2 li .dns .txt_area strong {width:100%; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; font-size:13px; padding-bottom:3px; line-height:16px;} #contents .section .sub_news_type2 li:last-child {display:none;} #contents .section .sub_contents_banner {padding:0px 0; display:block;} #right_wrap .r_section {display:none;} .paging {margin:0 5px;} .btn_right_area {padding:0 10px 10px 0; margin:0 5px !important; background-color:#fff;} .sub_banner_wrap {margin:0 5px;} .sub_section .section_inner .foot_banner_wrap {display:none;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li a span {text-align:left; left:15px;} #contents .list_style1_area {border-top:0;} #contents .list_style1_area .list_style1 {margin:0 5px;} #contents .list_style1_area .list_style1 li {height:auto; padding:10px 0; margin: 0 8px;} #contents .list_style1_area .list_style1 li .tc.img {width:135px; margin-right:10px;} #contents .list_style1_area .list_style1 li .tc.img img {width:120px;} #contents .list_style1_area .list_style1 li .tr dl dt a {padding:0 0 5px 0;} #contents .list_style1_area .list_style1 li .tr dl dd.txt_area {height:40px; } #contents .list_style1_area .list_style1 li .tr dl dd.date {padding-top:5px; font-size:12px; } #contents .list_style1_area .list_style1 li .imageIn {height:auto;} #contents .section .title_area .sub_tit {line-height:38px; font-size:13px; } #contents .section .title_area .sub_tit.list_type {display:none;} #sub_slide_area {margin-left:8px; display:block; position:relative; z-index:20; overflow:hidden; background:url(/images/common/m_sub_line.gif) left center no-repeat; } #sub_slide_area .slide_inner {width: 912px; overflow:hidden; border-bottom: solid 1px #b4b3af;} #sub_slide_area .slide_inner li {height: 36px; padding:0 8px; float: left; text-align:center; line-height:36px;} #sub_slide_area .slide_inner li a {display:block; font-size:13px; font-weight:bold; color:#474646; line-height:36px;} #sub_slide_area .slide_inner li.on a {color:#cb071d;} #contents .view_style1_wrap {padding-top:15px; border-top:0; background-color:#fff;} #contents .view_style1_wrap .subcon img {width:100%;}/*try_edt*/ #contents .view_style1_wrap .event_subcon img {width:100% !important;}/*try_edt*/ #contents .sub_view_area {padding:0 5px;} #contents .sub_view_area .tit_headline {padding-bottom:40px; } #contents .sub_view_area .tit_headline .tit {font-size:18px; line-height:22px; } #contents .sub_view_area .tit_headline .sub_tit {font-size:13px; } #contents .sub_view_area .dateinfo .l_area {font-size:11px;} #contents .sub_view_area .dateinfo .r_area .sns {width:85px; float: left; margin:-3px;} #contents .sub_view_area .dateinfo .r_area .sns img {margin:3px 0 0 4px;} #contents .sub_view_area .dateinfo .btn_more_article img {width:105px;} #contents .sub_view_area .dateinfo .btn_kor {position:absolute; left:0; top:64px;} #contents .sub_view_area .dateinfo .btn_kor img {width:95px;} #contents .sub_view_area .dateinfo .btn_eng {position:absolute; left:100px; top:64px;} #contents .sub_view_area .dateinfo .btn_eng img {width:42px;} #contents .sub_view_area .dateinfo .btn_jan {position:absolute; left:145px; top:64px;} #contents .sub_view_area .dateinfo .btn_jan img {width:42px;} #contents .sub_view_area .dateinfo .submit_area { display:inline-block; position:absolute; right:0; top:40px;} #contents .sub_view_area .dateinfo .submit_area .none {display:none;} #contents .sub_view_area .article_con_banner script{margin: 0 auto; width:100%; !important;} #contents .sub_view_area .article_con {padding-bottom:40px; font-size:15px;} #contents .sub_view_area .article_con .summary_txt {padding-bottom:18px;} #contents .sub_view_area .article_con .ecenter table {width:100%;} #contents .sub_view_area .article_con .eleft {width:90% !important; margin: 0 auto; float:none; text-align:center;} #contents .sub_view_area .article_con .eleft table {width:100%;} #contents .sub_view_area .article_con .eright {width:90% !important; margin: 0 auto; float:none; text-align:center;} #contents .sub_view_area .article_con .eright table {width:90%;} #contents .sub_view_area .article_con .ecenter img {width:100%; height:auto;}/*try_edt*/ #contents .sub_view_area .article_con .eleft img {width:100%; height:auto;} #contents .sub_view_area .article_con .eright img {width:100%; height:auto;} #contents .sub_view_area .article_con .ecenter {width:90%; padding-bottom:20px; text-align:center; margin: 0 auto;}/*try_edt*/ #contents .sub_view_area .article_con .ecenter .use_caption {padding-top:12px; color:#888; line-height:18px; text-align:left;} #contents .data_info span {position:absolute; left:0; top:-20px; } #contents .data_info .data_btn_list {width:200px;}/*try_edt*/ #contents .data_info .data_btn_list li.btn1 img {width:30px; } #contents .data_info .data_btn_list li.btn2 img {width:30px; } #contents .data_info .data_btn_list li.btn3 img {width:30px; } #contents .data_info .data_btn_list li.btn4 img {width:60px; } #contents .copy_txt {font-size:12px; line-height:18px;} #contents .article_area .article_list {margin: 0 5px;} #contents .article_area .article_list li a {width:95%; font-size:12px;} #contents .article_area .article_list li span {display:none;} #contents .reply_wrap .reply_list li .inner_wrap {padding-bottom:24px; position:relative;} #contents .reply_wrap .reply_list li .info_txt .r_area {position:absolute; right:0; bottom:0; } #contents .comment_wrap .write_area .emo_list {width:100%; padding-top:10px; } #contents .comment_wrap .write_area .dummy_wrap {padding:10px 0 0 0; display:block;} #right_wrap.m_view {width:100%; padding:0; float:none;} #right_wrap .r_section.sec_view {padding:0; display:block;} #contents .sub_board_wrap {padding:10px; margin: 0 5px; background-color:#fff;} #contents .sub_board_wrap .inner_wrap {padding-bottom:10px;} #contents .sub_board_wrap .inner_wrap .l_area {float:none;} #contents .sub_board_wrap .inner_wrap > .r_area {width:100%; padding-right:75px; float:none; position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contents .sub_board_wrap .inner_wrap .r_area .it {width:100%; } #contents .sub_board_wrap .inner_wrap .r_area .btn_sreach {position:absolute; right:0; top:0;} #contents .table_st1 th.wid_th1, #contents .table_st1 td.wid_td1, #contents .table_st1 th.wid_th3, #contents .table_st1 td.wid_td3, #contents .table_st1 th.wid_th5, #contents .table_st1 td.wid_td5, #contents .table_st1 th.wid_th6, #contents .table_st1 td.wid_td6 {display:none;} #contents .table_st1 th.wid_th2 {width:82%; background:none;} #contents .table_st1 th.wid_th4 {width:auto;} #contents .sub_board_wrap .view_wrap .view_top dl {width:100%;} #contents .sub_board_wrap .view_wrap .view_top dl dd {width:68%;} .table_st2 td .file_add_area {padding-top:10px; } .table_st2 td .essential_txt {padding-top:10px; display:block;} #email_pop_wrap {width:100%; margin-left:0; position:absolute; left:0; top:7%;} #email_pop_wrap .outer_wrap {width:94%; padding:17px 10px 20px 10px; margin: 0 auto; position:relative; top:50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #email_pop_wrap .pop_inner {padding:10px;} #contents .sub_company_wrap {padding:0 5px; } #contents .con_company_area .con_company_innerwrap .qna_wrap {width:auto; float:none;} #contents .con_company_area .con_company_innerwrap .qna_wrap.r {float:none;} #contents .con_company_innerwrap .company_info_area.num1 {width:25%;} #contents .con_company_innerwrap .company_info_area.num2 {width:33%;} #contents .con_company_innerwrap .company_info_area.num3 {width:40.7%; border-right: solid 1px #ccc;} #contents .con_company_innerwrap .company_info_area.num4 {width:99.2%; float:left; border-top:0;} #contents .ad_sample_wrap li {width:100%; padding-bottom:15px; float:none;} #contents .ad_sample_wrap li .padr {padding-right:0;} #contents .ad_sample_wrap li .padl {padding-left:0;} #contents .ad_info_wrap {width:100%; overflow:hidden; margin-bottom:30px;} #contents .ad_info_wrap li img {width:100%;} .poll_result_popup {width:90%; padding:15px 15px 0; margin-left:0; position:absolute; left:0; top:25%;} .poll_result_popup .poo_top {padding-bottom:10px; position:relative; border-bottom: solid 1px #6d6d6d; font-size:14px; font-weight:bold; color:#474646;} .poll_result_popup .poo_top a {position:absolute; right:0; top:0;} .poll_result_popup .sub_event_wrap {width:100%; margin: 0 auto; position:relative; top:50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_event_wrap .event_con .qna_inner .poll_chk_list li { width:49.5%;} .sub_event_wrap .event_con .qna_inner .poll_chk_list li label {padding-left:2px; color:#000;} .sub_event_wrap .event_con .qna_inner .poll_chk_list li img {width:90%;} #top_menu {width:100%; height:30px; padding:5px 0px 0px 0px; margin: 0 auto; display:block; background-color:#ffffff; border-bottom:3px solid #CC000B;} #top_menu .top_me {} #top_menu .top_me li {width:16.6%; float:left; text-align:center; font-weight:bold; font-size:15px; color:#2E2E2E; line-height:20px; } #top_menu .top_me li a:hover {color:#CC000B; line-height:20px; text-decoration:underline; border-bottom:2px solid #CC000B;} #top_menu .top_me li .on {color:#CC000B; line-height:20px; text-decoration:underline; border-bottom:2px solid #CC000B;} } /* 모바일 끝 */ @media all and (max-width:400px) { #contents .section .sub_news_list li .dns {width:95%;} #contents .section .sub_news_list li .dns .img_area {height:100px; overflow:hidden;} #contents .section .sub_news_list li .dns .img_area img {height:auto;} #contents .section .sub_news_list li .dns .txt_area strong {max-height:20px; margin-bottom:10px; } #contents .section .sub_news_list li .dns .txt_area span {max-height:85px; } #contents .section .sub_news_type2 li .dns {width:95%;} #contents .section .sub_news_type2 li .dns .img_area {height:100px; overflow:hidden;} #contents .section .sub_news_type2 li .dns .img_area img {height:auto;} #contents .section .sub_news_type2 li .dns .txt_area strong {max-height:20px; margin-bottom:10px; } #contents .section .sub_news_type2 li .dns .txt_area span {max-height:85px; } } @media all and (max-width:321px) { #contents .section .sub_news_list li {width:16%;} #contents .section .sub_news_list li .dns .img_area {height:90px;} #contents .section .sub_news_list li .dns .txt_area span {max-height:65px; } } /* 타블렛 : 가로 시작 */ @media all and (min-width: 1024px) and (max-width:1200px) { .contents_wrap {width:100%; height:100%; min-height:100%; background: url(/images/contents/contents_wrap_bg_t.gif) left 0 repeat-y; background-size: contain; -mox-background-size: contain; -webkit-background-size: contain; } #contents {width:71%; padding:30px 40px; background-color:#fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap {width:29%; height:100%; min-height:100%; background-color:#E6E6E6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .thumbnail_area {padding-right:0px;} #right_wrap .r_section .thumbnail_area .thumbnail_list {width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .thumbnail_area .thumbnail_list li {width:50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .menu_quick ul {width:100%; overflow:hidden;} #right_wrap .r_section .menu_quick ul li {width:25%; padding-right:3px; float:left; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #right_wrap .r_section .menu_quick ul li a img {width:100%;} #right_wrap .r_section .ol_area1 ol li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img {height:75px;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li.img a img {width:40%;} #right_wrap .r_section .right_tab_area .right_tab_con > li ul li a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;} #right_wrap .r_section .right_banner_area .img_box {height:auto; } #contents .section .sub_slide_wrap {padding-right:0px;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list {width:100% !important;} #contents .section .sub_slide_wrap .sub_slide .sub_slide_list li {width: 50% !important; padding-right:33px; margin-right:0px; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sub_section .section_inner {width:100%;} #contents .sub_board_wrap .view_wrap .view_top dl dd {width:71%; } #email_pop_wrap {top:13%;} #top_menu {display:none;} } /* 타블렛 : 가로 끝 */