@charset "utf-8";
/* ----------
css
---------- */


/* common */
.alert-ie { margin:0; padding:1em; font-size:12px; letter-spacing:-1px; color:#ebebeb; background:#808080; }
.alert-ie a { color:#ffd6c2; }
.alert-ie a:hover { color:#ffd6c2; }
.alert-ie a:focus { color:#ffd6c2; }
.alert-ie a:active { color:#ffd6c2; }

.accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

.sectioin-company,
.sectioin-news,
.sectioin-photo,
.sectioin-artist {float:left;  }
.sectioin-news {overflow:hidden; width:200px; height:110px; padding:20px; background:url(/images/main_con_bg1.jpg) repeat 0 0;}

.sectioin-news li { height:22px;line-height:22px;  background:url(/images/ico_news.gif) no-repeat 0 10px; padding-left:10px;}
.sectioin-news p {padding-bottom:12px}
.sectioin-photo {overflow:hidden; width:260px; height:110px;padding:20px; background:url(/images/main_con_bg2.jpg) repeat 0 0;}

.sectioin-photo li {float:left;border:1px solid #ccc;  height:70px; margin-right:10px;}
.sectioin-photo li:last-child { margin-right:0;}
.sectioin-photo p {padding-bottom:8px}
.sectioin-banner li {width:360px;height:115px;}
.sectioin-artist {width:220px;}
.sectioin-company{width:240px;}



/* 컨텐츠 */
.content{position:relative;width:1000px;margin:0 auto;}

/* 회사소개 */
.content .map .contact{ float:right; padding-top:35px;}
.content .map iframe {border:5px solid #eee; padding:0;  margin-right:40px;}


/* 아티스트프로필 */

.tab {overflow:hidden;}
.tab li{ float:left; padding:0 20px;}
.tab li:first-child {background:url("/images/ico_bar.gif") no-repeat  right 50%; padding:0 20px 0 10px;}
.tab li a{display:block;  height:50px; line-height:50px;color:#333; font-size:14px;font-weight:bold; }
.tab li a:hover,.tab li a.on{ color:#006594; text-decoration:underline;}

.art_name .arrow-left {position:absolute;top:100px;left:20px;}
.art_name .arrow-right {position:absolute;top:100px;left:960px; }
.art_name {padding:40px  25px 30px 25px ; }
.art_name ul {*zoom:1;}
.art_name ul:after {content:"";clear:both;display:block}
.art_name ul li {position:relative;float:left;margin:0 5px;}
.art_name ul li a p.tit_default {position:absolute;left:0; bottom:0; width:100%;height:22px;line-height:22px;color:#fff;font-size:13px;font-weight: bold;text-align:center;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
.art_name ul li a {display:block;position:relative}
.art_name ul li a:hover {}

.art_profile {overflow:hidden;position:relative;}
.art_profile img{ float:left;}
.art_profile h3{ position:absolute;width:480px; left:480px;font-size:28px;font-weight:600; color:#333; height:30px; line-height:30px;  background:url("/images/copy_line.png") no-repeat 0 bottom ; padding-bottom:20px;}
.art_profile .art_con{position:absolute; width:450px;left:480px; top:80px; background:#f5f5f5; min-height:490px; padding:15px;}

.art_photo {float:left;position:relative; padding-right:55px;border-right:1px solid #ddd;}
/*.art_photo img{ float:left;border:3px solid #eee;}*/
.art_photo .btnprev {position:absolute;top:360px;left:10px; z-index:1000; }
.art_photo .btnnext {position:absolute;top:360px;right:65px ;z-index:1000;}

.art_photo_thum {float:right;width:366px;}
.art_photo_thum ul {}
.art_photo_thum li {float:left;border:1px solid #ddd; margin:0 0 25px 20px;}

/*제품 포폴*/


.left_menu{float:left;width:135px;  font-size:18px;  line-height:40px; text-indent:14px; color:#444;  margin-left:20px;}
.left_menu .on_box {background:url(/images/text_bg.png) no-repeat top; }
.left_menu .on_box a{color:#fff;}
.left_menu ul li{width:135px; height:44px; border:1px solid #666;  margin-top:7px; display:block;}
.left_menu ul li a{ display:block; color:#444; height:45px;}
.left_menu ul li:hover{background:url(/images/text_bg.png) no-repeat top;}
.left_menu ul li a:hover{  color:#fff}

.right_content{float:left; width:805px;  margin-top:7px; margin-left:20px;}
.right_content ul li {display:inline-block;width:32.3%;  float:left; margin-left:8px; }
.right_content ul li a{color:#999; }
.right_content ul li a:hover{color:#444; }
		
.right_content ul li div{width:240px; height:145px;   overflow:hidden  }
.right_content ul li p{width:240px; height:58px; font-size:14px; text-align:center; line-height:55px; }

/* 게시판 검색 */
.search_box {*zoom:1}
.search_box:after {content:"";clear:both;display:block}
.search_box .pages {float:left;font-size:11px;color:#7e7e7e}
.search_box .select_search input.btn_search {margin:0;margin-bottom:-8px;*margin-bottom:-4px;padding:0;border:none}
.select_search input.btn_sch {padding:0;border:0;background:none}
.srh_b {margin-top:20px;padding:17px 0;text-align:center;border:1px solid #d7d7d3;background:#f7f7f7} /* 하단 검색창 */
.srh_b2 {width:805px; float:right; margin-right:20px;margin-top:10px;padding:15px 0;text-align:center;border:1px solid #666;background:#f7f7f7} /* 하단 검색창 */
.select_search {display:inline-block}

/* BOARD : 리스트 */
.board_list {position:relative}
.board_list table {width:100%}
.board_list thead {color:#333;border-top:1px solid #888;border-bottom:1px solid #d2d2d2;background:#f3f3f3}
.board_list thead th {height:40px;line-height:40px;font:bold 13px NanumGothic, 나눔고딕, Nanum Gothic;text-align:center}
.board_list tbody td {height:25px;padding:5px 0;text-align:center;vertical-align:middle;border-bottom:1px solid #eee}
.board_list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board_list tbody td.notice {color:#e03136}
.board_list tbody td.rl {border-right:1px solid #e3e3e3}
.board_list tbody a {font-weight:normal;color:#333}
.board_list tbody a:hover {color:#000}
.board_list tbody a.btn_view {margin-right:0}
.board_list tbody a.btn_modify {margin-left:0;margin-right:5px}
.board_list tbody a.attached {padding-left:20px;margin:0;font-family:segoe UI, tahoma;font-size:10px;color:#666}
.board_list tbody a.attached:hover {color:#000;text-decoration:underline}
.board_list tbody a.attached.hwp {background:url(../images/board/attached_hwp.png) no-repeat left 50%}
.board_list tbody a.attached.zip {background:url(../images/board/attached_zip.png) no-repeat left 50%}
.board_list tbody a.attached.pdf {background:url(../images/board/attached_pdf.png) no-repeat left 50%}
.board_list tbody tr:hover {background:#f9f9f9;*cursor:pointer}
.board_list tbody .tl {padding-left:10px;text-align:left}
.board_list tbody .bb { background:#f9f9f9;}
.board_list tbody .subject {padding-left:10px;text-align:left;color:#333}
.board_list .tNote {margin-top:10px;text-align:right;font-family:dotum, 돋움;font-size:11px;color:#999;letter-spacing:-1px}

/* BOARD : 리스트 | 세로구분선 있고 Padding 좁음*/
.board_list2 {position:relative}
.board_list2 table {width:100%}
.board_list2 thead {color:#333;border-top:1px solid #888;border-bottom:1px solid #d2d2d2;background:#f9f9f9}
.board_list2 thead th {height:28px;line-height:28px;font:bold 12px NanumGothic, 나눔고딕, Nanum Gothic;border-bottom:1px solid #ddd;border-right:1px solid #eee;text-align:center}
.board_list2 thead th:last-child {border-right:none}
.board_list2 tbody th {font-weight:bold;color:#333;border-right:1px solid #e5e5e5;border-bottom:1px solid #ddd;background:#f6f6f6}
.board_list2 tbody tr.total, .board_list2 tbody tr.total:hover {font-weight:bold;color:#333;background:#ececec}
.board_list2 tbody tr.total.all {color:#fff;background:#414141}
.board_list2 tbody td {height:28px;line-height:29px;text-align:center;vertical-align:middle;border-right:1px solid #eee;border-bottom:1px solid #eee}
.board_list2 tbody td:last-child {border-right:none}
.board_list2 tbody td.notice {color:#e03136}
.board_list2 tbody a {font-weight:normal;color:#333;margin-left:15px}
.board_list2 tbody a:hover {color:#000}
.board_list2 tbody tr:hover {background:#fdfdfd;*cursor:pointer}
.board_list2 tbody .tl {padding-left:10px;text-align:left}
.board_list2 tbody .tru {color:#333} /* 신탁 */
.board_list2 tbody .ntru {color:#999} /* 비신탁 */
.board_list2 tbody .per {color:#13b5c8} /* 지분율 */
.board_list2 tbody .code {font-size:11px;color:#999} /* 지분율 */
.board_list2 tbody tr.select {border:2px solid #12a9bb;z-index:100}
.board_list2 .note {text-align:right;margin-top:10px;font-size:11px}
.board_list2 .note a {color:#333;text-decoration:underline}

.board_list3 {position:absolute;top:30px;width:583px;padding:20px;border:1px solid #14bdd1;background:#fff}
.board_list3 .tNote {margin-top:10px;font-family:dotum, 돋움;font-size:11px;color:#999}
.board_list3 table {width:100%;font-family:dotum, 돋움}
.board_list3 thead {border-top:1px solid #ccc;border-bottom:1px solid #d2d2d2;background:#f9f9f9}
.board_list3 thead th {height:25px;font-weight:bold;font-size:11px;color:#777;line-height:25px;letter-spacing:-1px;border-bottom:1px solid #e5e5e5;text-align:center}
.board_list3 thead th:last-child {border-right:none}
.board_list3 tbody td {height:24px;line-height:25px;font-size:11px;color:#777;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd}
.board_list3 tbody td:last-child {border-right:none}
.board_list3 tbody td.notice {color:#e03136}
.board_list3 tbody a {font-weight:normal;color:#333;margin-left:15px}
.board_list3 tbody a:hover {color:#000}
.board_list3 tbody tr:hover {background:#fdfdfd;*cursor:pointer}
.board_list3 tbody .tl {padding-left:10px;text-align:left}
.board_list3 .btn_close {position:absolute;top:-1px;right:-1px}

.board_list4 {background:#fff}
.board_list4 table {width:100%;margin-bottom:20px;font-family:dotum, 돋움}
.board_list4 thead {border-top:1px solid #ccc;border-bottom:1px solid #d2d2d2;background:#f9f9f9}
.board_list4 thead th {height:25px;font-weight:bold;font-size:11px;color:#444;line-height:25px;letter-spacing:-1px;border-bottom:1px solid #e5e5e5;text-align:center}
.board_list4 thead th:last-child {border-right:none}
.board_list4 tbody th {font-weight:bold;font-size:11px;color:#444;text-align:center;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#f6f6f6}
.board_list4 tbody td {height:24px;line-height:25px;font-size:11px;color:#777;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd}
.board_list4 tbody td:last-child {border-right:none}
.board_list4 tbody td.rl {border-right:1px solid #eee}
.board_list4 tbody td.notice {color:#e03136}
.board_list4 tbody a {font-weight:normal;color:#333;margin-left:15px}
.board_list4 tbody a:hover {color:#000}
.board_list4 tbody tr:hover {background:#fdfdfd;*cursor:pointer}
.board_list4 tbody .tl {padding-left:10px;text-align:left}
.board_list4 tbody tr.total, .board_list4 tbody tr.total:hover {font-weight:bold;color:#444;background:#ececec}
.board_list4 tbody tr.total.all {color:#fff;background:#414141}
.board_list4 .btn_close {position:absolute;top:-1px;right:-1px}


/* BOARD : 포토갤러리 리스트 */
.gallery_list {width:100%;border-top:1px solid #999; padding-top:20px; }
.gallery_list ul {*zoom:1;}
.gallery_list ul:after {content:"";clear:both;display:block}
.gallery_list ul li {position:relative;float:left;margin:25px 20px; width:280px;}
.gallery_list ul li a p.tit_default {position:absolute;left:0; bottom:0; width:100%;height:35px;line-height:35px;color:#fff;text-align:center;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.gallery_list ul li a {display:block;position:relative}
.gallery_list ul li a:hover {}



/* BOARD : 동영상 리스트 */
.youtube_list {width:100%;border-top:1px solid #999; padding-top:20px;}
.youtube_list ul {*zoom:1}
.youtube_list ul:after {content:"";clear:both;display:block}
.youtube_list ul li {position:relative;float:left;margin:25px 20px; border-bottom:35px solid #444;width:280px;}
.youtube_list ul li p.tit_default {position:absolute;left:0; bottom:-35px; width:100%;height:35px;line-height:35px;color:#fff;text-align:center;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}


/* BOARD : 상세 */
.board_view {position:relative;width:100%}
.board_view .tit_sec {height:45px;line-height:45px;border-top:1px solid #333;border-bottom:1px solid #dadada;background:#fff url(../images/bg/board_view_tit_bg.png) repeat-x top; padding:0 10px;}
.board_view .tit_sec .tit {float:left;font-weight:bold;font-size:14px;color:#333}
.board_view .tit_sec .date {float:right;font-size:11px}
.board_view .tit_sec .date span {margin-left:10px}
.board_view .con {position:relative;padding:35px 0;min-height:200px;border-bottom:1px solid #dadada; }
.board_view .con .attached {position:relative;padding:10px;margin-top:-35px;margin-bottom:25px;background:#f8f8f8}
.board_view .con .attached a {margin-left:10px;color:#666}
.board_view .con .attached a:hover {text-decoration:underline}
.board_view .con p.galleryimg{text-align:center;}
.board_view .con p{ margin:10px;}

/* BOARD : 글쓰기, 입력폼 */
.write {width:100%;border-top:1px solid #999}
.write th,.write td {border-bottom:1px solid #dadada;text-align:left;padding:10px 0 10px 10px;vertical-align:middle}
.write th {font-size:12px;font-weight:bold;background:#f9f9f9; text-align:center;}
.write th.blank {padding-left:15px !important;background:#eee !important}
.write td.comment {padding:15px 0}
.write .add_tx {margin-left:5px;padding-left:15px;font-family:dotum, 돋움;font-size:11px;color:#999;letter-spacing:-1px;background:url(../images/icon/icon_check.png) no-repeat left 50%}
.write .edit_sec {position:relative}
.write .edit_sec .exp_tx {position:absolute;top:10px;left:10px}
.write select option {padding:4px 10px 4px 0}
.write button {cursor:pointer}
.write .edit_file {display:none}
.write label {margin-right:15px}

/* BOARD : 이전글, 다음글 */
.prev_next {border-top:1px solid #999}
.prev_next table {width:100%}
.prev_next th {padding:8px 0;border-bottom:1px solid #dadada;background:#f0f0f0}
.prev_next td {vertical-align:middle;padding:0 10px;border-bottom:1px solid #dadada}
.btn {text-align:right;margin-top:30px}
.btn .update {font-size:14px;font-weight:bold;color:#333;padding:10px 0 30px}

/* BOARD : 페이징 */
div.pagination {position:relative;padding:40px 0 20px 0;text-align:center;}
div.pagination.paging{ clear:both;position:relative;padding:10px 0 0 20px;text-align:center}
div.pagination a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
div.pagination a:hover {color:#333;font-weight:bold;background:#f9f9f9}
div.pagination strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
div.pagination a.first, 
div.pagination a.prev, 
div.pagination a.next, 
div.pagination a.last {border:0;padding-top:0px;border:0}
div.pagination .button {position:absolute;right:0;top:30px}
div.pagination .button a {border:none;width:auto;height:auto;padding:0}

/* BOARD2 : 페이징 */
div.pagination2 {padding:40px 0 20px 0;text-align:center; margin-left:150px; }
div.pagination2.paging{ clear:both;position:relative;padding:10px 0 0 20px;text-align:center}
div.pagination2 a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
div.pagination2 a:hover {color:#333;font-weight:bold;background:#f9f9f9}
div.pagination2 strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
div.pagination2 a.first, 
div.pagination2 a.prev, 
div.pagination2 a.next, 
div.pagination2 a.last {border:0;padding-top:0px;border:0}
div.pagination2 .button {position:absolute;right:0;top:30px}
div.pagination2 .button a {border:none;width:auto;height:auto;padding:0}

/* faq */
.faq {position:relative;z-index:10}
.faq ul.faqBody {margin-top:1px}
.faq ul.faqBody li p.q {font-size:13px;font-weight:bold;margin-top:-1px;padding-left:12px;line-height:35px;background:url(../images/board/faq_bg.gif) repeat-x left top;border:1px solid #ccc;cursor:pointer}
.faq ul.faqBody li p.a {padding:25px 15px 25px 35px;color:#666;margin-top:-1px;background:url(../images/board/icon_faq_a.png) no-repeat 14px 28px;border:1px solid #ccc}
.faq ul.faqBody li p a {display:block;padding-left:21px;color:#333;background:url(../images/board/icon_faq_q.png) no-repeat left 50%}
.faq ul.faqBody li p a:hover {color:#000}





/* UTIL - 간격 */
/*Margin*/
.mb2 { margin-bottom: 2px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }

.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top: 25px; }
.mt40 { margin-top: 40px; }
.mt90{ margin-top: -90px;}

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr23 { margin-right: 23px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr36 { margin-right: 36px; }
.mr42 { margin-right: 42px; }

.mg30 { margin:30px;}

/*Padding*/
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 90px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl17 { padding-left: 17px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl50 { padding-left: 50px; }

.pr3 { padding-right: 3px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
/* UTIL - 정렬 */
.tc {text-align:center}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}
/* UTIL - Input Box */
.ib15 {width:15px; }
.ib25 {width:25px; }
.ib30 {width:30px; }
.ib40 {width:40px; }
.ib50 {width:50px; }
.ib75 {width:75px; }
.ib110 {width:110px; }
.ib150 {width:150px; }
.ib170 {width:170px; }
.ib200 {width:200px; }
.ib250 {width:250px; }
.ib300 {width:300px; }
.ib500 {width:500px; }
.ib600 {width:600px; }
.ib700 {width:700px; }
/* UTIL - 속성해제 */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {display:none}
.clbh {clear:both}