@CHARSET "UTF-8"; .labelhidden { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} .skipNav { overflow:hidden;visibility:hidden;font-size:0;width:0;height:0;margin:0;padding:0;position:absolute;} /*가맹원갤러리 시작*/ #gallery_list { position:relative; float:left; width:100%;} .flexible_img_col1 ul { position:relative;overflow:hidden; margin:0;padding:0; border-left:0;border-right:0; font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1;} .flexible_img_col1 ul:after { display:block;clear:both;content:""} .flexible_img_col1 ul li { position:relative; float:left; width:33.3333%; height:300px;} .flexible_img_col1 ul li a { position:relative; width:90%; margin:0 auto; text-decoration:none;cursor:pointer; display:block;} .flexible_img_col1 .thumb img { width:100%; height:200px; display:block; } .flexible_img_col1 .info { position:relative; width:90%; margin:0 auto; height:60px;} .flexible_img_col1 .info strong { font-size:13px; line-height:18px; text-align:center;} .flexible_img_col1 .info strong a { font-weight:normal;} #gallery_view { position:relative; float:left; width:100%; border-top:1px solid #393939;} #gallery_view .subject { padding:10px 0; border-bottom:1px solid #dfdfdf;} #gallery_view .subject span { font-size:15px; margin-left:10px; font-weight:bold;} #gallery_view .subject strong { color:#44B655; margin-right:10px;} #gallery_view .writeinfo { clear:both; font-size:12px; color:#999; letter-spacing:0;} #gallery_view .writeinfo .info { text-align:right; padding-right:10px; clear:both;} #gallery_view .substance { clear:both;} #gallery_view .smartOutput { border-bottom:1px dashed #ddd; padding:20px 10px; font-size:13px; } #file { padding:7px 0 5px 0; border-bottom:1px dashed #ddd; } #file p { float:left; margin-right:10px; } #file p span { width:87px; height:25px; border:1px solid #ccc; color:#333; font-size:12px; background:url(../img/btn_down.gif) 90% center no-repeat; text-indent:10px; display:inline-block; cursor:pointer;} #file .allfile { height:30px; font-size:11px; letter-spacing:0;} #file .allfile img { vertical-align:middle;} #file .item span a { width:auto; color:red;} .thume { position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9;} .insert { position:relative; float:left; padding:5px 10px; } .insert ul li { float:left; width:50%; height:30px; padding:3px 10px;} .insert ul li label { float:left; width:30%; height:25px; font-size:13px;} .insert ul li span { float:right; width:70%; height:25px; } .guide { position:relative; float:left; width:100%;padding:0 0 10px 15px; font-size:13px;} #gallery_write { position:relative; float:left; width:100%; padding-bottom:15px;} #gallery_write .title { padding:10px 0; border-top:2px solid #666666; border-bottom:1px solid #999999; text-indent:10px; color:#282828; font-weight:bold;} #gallery_write .title input { width:88%; border:1px solid #dfdfdf; margin-left:10px;} #gallery_write .nomember { position:relative; float:left; width:100%; padding:10px 0 10px 0;} #gallery_write .nomember p { float:left; width:180px;} #gallery_write .nomember label {font-weight:bold ;padding:0 0 0 8px} #gallery_write .category { position:relative; float:left; width:100%; border-bottom:1px dashed #dfdfdf; padding:5px 0 5px 0; } #gallery_write .category label { float:left;} #gallery_write .category select { margin-left:3px; } #gallery_write .category .c1 { float:left; width:450px; margin:3px 0 2px 13px;} #gallery_write .category .c2 { float:right; width:90px; margin:3px 0 2px 0; font-size:12px;} #gallery_write .writememo { position:relative; float:left; width:100%;} #gallery_write .writememo label { width:100%; letter-spacing:0; text-indent:4px; color:#282828; padding:5px; display:inline-block;} #gallery_write .writememo textarea { width:98%; margin:0 1%; border:1px solid #dfdfdf;} #gallery_write .thume { position:relative; float:left; width:100%; margin:20px 0;} #gallery_write .insert ul { position:relative; float:left; width:100%;padding:5px 0;} #gallery_write .insert ul li label { float:left; width:35%; height:25px; padding:1px 0; font-size:13px; } #gallery_write .insert ul li span { float:left; width:65%; height:25px; padding:1px 0;} #gallery_write .insert ul li span input { height:22px; } #gallery_write .insert .eok { width:100%; height:22px; border:1px solid #ccc;} #gallery_write .guide { position:relative; float:left; width:100%; font-size:13px; margin-top:10px;} /*가맹원갤러리 종료*/ #form_list { position:relative; float:left; width:100%;} .flexible_img_col ul { position:relative;overflow:hidden; margin:0;padding:0; border-left:0;border-right:0; font-family:Tahoma, Geneva, sans-serif;list-style:none;*zoom:1;} .flexible_img_col ul:after { display:block;clear:both;content:""} .flexible_img_col ul li { position:relative; float:left; width:33.3333%; height: 300px;} .flexible_img_col ul li a { position:relative; width:90%; margin:0 auto; text-decoration:none;cursor:pointer; display:block;} .flexible_img_col .thumb img { width:100%; height:200px; display:block; padding-bottom:10px;} .flexible_img_col .info { position:relative; width:90%; margin:0 auto; height:60px;} .flexible_img_col .info span{ display: block; margin: 15px auto; width: 40px; height: 1px; background: #0cbe42; } .flexible_img_col .info strong { display: block; margin-top: 10px; line-height:18px; text-align:center; font-size: 15px; } /* list */ .CateGoriright { width:300px; height:30px;} .CateGoriright span { position:relative; float:left; margin:0 0 0 3px;} .CateGoriright select { position:relative; float:left; margin:2px 0 0 0;} .page_list { position:relative; float:left; width:100%; border-top:1px solid #393939;} .page_list .ta_bo { border-collapse:collapse; width:100%; border:0;} .page_list .ta_bo caption { font-weight:bold;text-align:left; visibility:hidden; overflow:hidden; height:0; width:0; position:absolute;} .page_list .ta_bo caption em { float:right;font-style:normal;font-weight:normal;color:#f60} .page_list .ta_bo th, td { padding:12px; text-align:center; border-bottom:1px solid #dfdfdf; } .page_list .ta_bo th { text-align:center} .page_list .ta_bo .left { text-align:left;} .page_list .ta_bo .left span img { vertical-align:middle;} .page_list .ta_bo th input { float:left} .page_list .ta_bo thead th { border-bottom:1px solid #dfdfdf; font-weight:bold; color:#222; padding:15px 0;} .page_list .ta_bo tfoot td { font-weight:bold; background:#f8f8f8} /* button*/ .function_list { float:right; margin:15px 0;} .function_list a { width:70px; height:28px; cursor:pointer; font-size:12px; text-align:center; color:#fff; font-weight:bold; background-color:#44B655; margin-top:1px; vertical-align:top; display:inline-block; line-height:23px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} .function_list input { width:70px; height:29px; letter-spacing:-1px; cursor:pointer; font-size:12px; text-align:center; color:#333; border:1px solid #dbdee6; background-color:#fff; vertical-align:top; display:inline-block; line-height:23px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} .function_list1 { text-align:center; margin:15px 0;} .function_list1 a { width:70px; height:28px; cursor:pointer; font-size:12px; text-align:center; color:#333; font-weight:bold; background-color:#fff; border:1px solid #dbdee6; vertical-align:top; display:inline-block; line-height:26px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} .function_list1 input { width:70px; height:29px; letter-spacing:-1px; cursor:pointer; font-size:12px; text-align:center; font-weight:bold; color:#fff; background-color:#44B655; border:0; vertical-align:top; display:inline-block; line-height:23px; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif;} /* view */ #form_view{ margin: 0 auto; width: 80%; margin-bottom:25px; } #form_view .view_list .Artist_box { float:left; width: 28%; text-align:left;} #form_view .view_list .Artist_box .artmenu { letter-spacing:-1px; border-top:2px solid #212121; padding:20px 0; font-family:"맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; } #form_view .view_list .Artist_box .artmenu h4 { font-size:20px; font-weight:normal; color:#44B655; padding-bottom:30px; } #form_view .view_list .Artist_box .artmenu ul { padding-bottom:30px;} #form_view .view_list .Artist_box .artmenu ul li { padding-bottom:5px;} #form_view .view_list .Artist_box .artmenu ul li a{ display: inline-block; width: 80px; line-height: 26px; text-align: center; background: #f9f9f9; border: 1px solid #e8e8e8; } #form_view .view_list .Artist_box .artmenu ul li a:hover{ border: 1px solid #b8e0be; } #form_view .view_list .Artist_box .artmenu dl { width:100%; padding-bottom:20px; line-height:18px; font-size:12px; display:inline-block;} #form_view .view_list .Artist_box .artmenu dl dt { color:#333; font-weight: bold; } #form_view .view_list .Artist_box .artmenu dl dd { color:#888;} #form_view .view_list .Artist_box .artmenu dl dd span { letter-spacing:0;} #form_view .view_list .Artist_box .artmenu .on { font-weight:bold; color:#4a4a4a;} #form_view .view_list .Artist_box .back { border-top:1px solid #666; padding-top:15px; margin-top:20px;} #form_view .view_list .Artist_box .back a { color:#333; font-size:13px;} #form_view .view_list .Artist_box .back a span { font-size:11px;} #form_view .view_list .Artist_box .back a span:hover{ color: #23c93c; } #form_view .view_list .biography { float:right; width:70%;} #form_view .view_list .biography p { text-align:left; line-height:23px;} #form_view .view_list .press { float:right; width:70%;} #form_view .view_list .press p { text-align:left; line-height:23px;} .bottom_list { position:relative; float:left; width:100%; margin:10px 0 0 0; border-top:1px solid #dfdfdf ;} .bottom_list ul li { width:100%; padding:15px 0; border-bottom:1px solid #dfdfdf; display:inline-block; text-indent:10px; font-size:13px;} .bottom_list ul li strong { float:left; width:70px; display:inline-block;} .bottom_list span { float:left;} /* view_button*/ .function_view { position:relative; float:left; width:100%;} .function_view .btn_basic1 { float:left; width:auto; margin-bottom:10px;} .function_view .btn_basic2 { float:right; width:auto; margin-bottom:10px;} .function_view .btn_basic1 a, .function_view .btn_basic2 a { width:65px; height:25px; font-size:12px; line-height:23px; display:inline-block; text-align:center; background-color:#fff; border:1px solid #dbdee6; font-weight:bold;} .function_view .btn_basic2 .bt_writing { width:65px;} /* write */ #form_write { position:relative; float:left; width:100%; padding-bottom:15px;} #form_write .title { padding:10px 0; border-top:2px solid #666666; border-bottom:1px solid #999999; text-indent:10px; color:#282828; font-weight:bold;} #form_write .title input { width:88%; border:1px solid #dfdfdf; margin-left:10px;} #form_write .nomember { position:relative; float:left; width:100%; padding:10px 0 10px 0;} #form_write .nomember p { float:left; width:180px;} #form_write .nomember label {font-weight:bold ;padding:0 0 0 8px} #form_write .category { position:relative; float:left; width:100%; border-bottom:1px dashed #dfdfdf; padding:5px 0 5px 0;} #form_write .category label { float:left;} #form_write .category select { margin-left:3px; } #form_write .category .c1 { float:left; width:450px; margin:3px 0 2px 13px;} #form_write .category .c2 { float:right; width:90px; margin:3px 0 2px 0;} #form_write .writememo { position:relative; float:left; width:100%;} #form_write .writememo label { width:100%; letter-spacing:0; text-indent:4px; color:#282828; padding:5px; display:inline-block;} #form_write .writememo textarea { width:98%; margin:0 1%; border:1px solid #dfdfdf;} #form_write .thume { position:relative; float:left; width:98%; margin:20px 1% 0 1%;} #form_write .insert li ul { position:relative; float:left; width:100%;padding:5px 0;} #form_write .insert li ul li label { float:left; width:15%; height:25px; padding:1px 0; font-size:13px; } #form_write .insert li ul li span { float:left; width:80%; height:25px; padding:1px 0;} #form_write .insert li ul li span input { height:22px; } #form_write .insert .eok { width:100%; height:22px; border:1px solid #ccc;} #form_write .guide { position:relative; float:left; width:100%; font-size:13px; margin-top:10px;} .writebtn { text-align:center;} /* view_button*/ .function_view { position:relative; float:left; width:100%;} .function_view .btn_basic1 { float:left; width:auto; margin-bottom:10px;} .function_view .btn_basic2 { float:right; width:auto; margin-bottom:10px;} .function_view .btn_basic1 a, .function_view .btn_basic2 a { width:65px; height:25px; font-size:12px; line-height:23px; display:inline-block; text-align:center; background-color:#fff; border:1px solid #dbdee6; font-weight:bold;} .function_view .btn_basic2 .bt_writing { width:65px;} /* Pagination */ .pagination { position:relative; float:left; width:100%; padding:15px 0; text-align:center; line-height:normal;} .pagination strong { width:33px; font-size:14px; color:#44B655; text-align:center; line-height:35px; vertical-align:middle; display:inline-block;} .pagination a { width:33px; font-size:14px; color:#606060; text-align:center; line-height:35px; vertical-align:middle; display:inline-block;} .pagination a:hover { width:33px; font-weight:bold; color:#44B655;} .pagination .btnMove { display:inline-block;height:33px;border:1px solid #d9d9d9; background-color:#fff; background-repeat:no-repeat; background-image:url(../img/btn_paging.png);} .pagination a.btnMove:hover { background-color:#f1f2f2;} .pagination .btnMove.first { background-position:0 0;} .pagination .btnMove.prev { background-position:-33px 0;margin:0 13px 0 5px;} .pagination .btnMove.next { background-position:-66px 0;margin:0 5px 0 12px;} .pagination .btnMove.last { background-position:-99px 0;} .pagination .hide { position:absolute;*position:static;top:-11000px;left:-11000px;width:0;height:0;padding:0;margin:0;color:transparent;font-size:0;line-height:0;overflow:hidden;} /* Search */ .searchbar {float:left; width:100%; text-align:center; margin-top:20px;} .search { margin:0; padding:0;} .search * { font:12px Tahoma, Geneva, sans-serif;} .search fieldset { margin:0; padding:0; border:0;} .search select { height:28px; vertical-align:top; border:1px solid #ccc;} .search .item { display:inline-block; position:relative; vertical-align:top;} .search .iLabel { position:absolute; top:4px; left:5px; color:#767676; white-space:nowrap;} .search .iText { position:relative; width:170px; height:25px; *margin:-1px 0; color:#333; border:1px solid #b7b7b7; border:1px solid #dfdfdf; background-color:#ffffff;} .search .btnSearch, .search .btnSearch input { position:relative; display:inline-block; vertical-align:top; line-height:24px; overflow:visible; white-space:nowrap; cursor:pointer;} .search .btnSearch { border:1px solid #dfdfdf; padding:2px 5px; } .search .btnSearch input { background-position:right top; left:2px; padding:0 8px 0 6px; font-size:12px; font-weight:bold; color:#333;} @media screen and (max-width:800px) { #gallery_write .title input { width:85%;} #gallery_write .category .c2 { width:auto; margin:3px 0 2px 15px;} #gallery_write .insert ul li label { width:35%; font-size:13px} #gallery_write .insert ul li span { width:60%;} #gallery_write .guide { display:none;} #gallery_view .subject span { font-size:14px;} #gallery_view .substance { clear:both;} #gallery_view .smartOutput img { width:100%; height:auto;} #form_view .view_list .Artist_box { width:100%;} #form_view .view_list .Artist_box .artmenu h4 { padding-bottom:10px; } #form_view .view_list .Artist_box .artmenu ul { margin-bottom:20px;} #form_view .view_list .Artist_box .artmenu ul li { float:left; margin-right:20px;} #form_view .view_list .Artist_box .artmenu dl dt { float:left; margin-right:10px;} #form_view .view_list .biography, #form_view .view_list .press { width:100%;} } @media screen and (max-width:400px) { .flexible_img_col ul li { height:150px;} .flexible_img_col .thumb img { height:100px;} .flexible_img_col .info strong { font-size:12px;} #gallery_write .title input { width:82%;} #gallery_write .insert ul li label { width:45%; font-size:12px} #gallery_write .insert ul li span { width:50%;} }