@charset "utf-8";

/* HIDDEN TEXT */
.hidden {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}
.hidden_word {position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

/* text color */
.green_c { color:#139e38 !important; background:none !important;}
.gray_c { color:#979797 !important; background:none !important;}
.orange_c { color:#ff4e00 !important; background:none !important;}

/* text style */
.text_bold {font-weight:bold;}
.text_none {font-weight:normal;}
.text_small {font-size:0.95em;}
.text_small2 {font-size:11px;}
.text_big {font-size:1.4em;}
.text_red {color:#cc1414;}
.text_blue {color:#0066b3;}
.text_blue2 {color:#7f95c7;}
.text_blue3 {color:#0079a5;}
.text_sky {color:#389eb7;}
.text_big {font-size:1.25em;}
.text_black {color:#000;}
.text_black2 {color:#222;}
.text_yellow {color:#ffb300;}
.text_green {color:#1ebb00;}
.text_brown {color:#e47a53;}
.text_mint {color:#38b6b3;}
.text_gray {color:#919191;}
.text_gray2 {color:#505050;}
.text_orange{color:#ff7800;}
.text_w_orange {color:#C15711;}

/* page_info */
.content_in>h3 { clear:both; font-size:24px; font-weight:600; letter-spacing:-0.05em; margin-bottom:10px; }
@media all and (max-width: 960px) {
    .content_in>h3 { height:auto; font-size:18px; }
}

/* tab_info */
ul.tab { display:table; table-layout:fixed; width:100%; }
ul.tab>li { position:relative; display:table-cell; cursor:pointer; }
ul.tab>li:before { content:''; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#fff; }
ul.tab>li.selected + li:after { content:''; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#fff; }
ul.tab>li>a { display:block; }

.tabcontent { display:none; font-size:13px; font-weight:300; line-height:1.6; }
.tabcontent.selected{display:block;}

/* button */
.button1 { height:47px; line-height:47px; font-size:15px; background:url(/inc/img/button/btn1_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button1 a { white-space:nowrap; font-size:15px; font-weight:500; background:url(/inc/img/button/btn1_right.gif) no-repeat right top; color:#fff; cursor:pointer; padding:1px 34px 0 33px; height:47px; line-height:47px; display:inline-block; font-weight:500; }
.button1 input {white-space:nowrap; font-size:15px; font-weight:500; background:url(/inc/img/button/btn1_right.gif) no-repeat right top; color:#fff !important;cursor:pointer; padding:1px 34px 0 33px; height:47px; line-height:47px; display:inline-block; overflow:visible; border:0; }

.button2 { height:30px; line-height:30px; font-size:14px; background:url(/inc/img/button/btn2_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button2 a { white-space:nowrap; font-size:14px; font-weight:500; background:url(/inc/img/button/btn2_right.gif) no-repeat right top; color:#fff; cursor:pointer; padding:1px 20px 0 19px; height:30px; line-height:30px; display:inline-block; text-decoration:none; }
.button2 input { white-space:nowrap; font-size:14px; font-weight:500; background:url(/inc/img/button/btn2_right.gif) no-repeat right top;color:#fff; cursor:pointer; padding:1px 20px 0 19px; height:30px; line-height:30px; display:inline-block; overflow:visible; border:0; }

.button3 { height:28px; line-height:28px; font-size:13px; background:url(/inc/img/button/btn3_left.gif) no-repeat left top; cursor:pointer; display:inline-block; vertical-align:middle; padding-left:1px;}
.button3 a { white-space:nowrap; font-size:13px; font-weight:500; background:url(/inc/img/button/btn3_right.gif) no-repeat right top; color:#fff !important; cursor:pointer; padding:1px 10px 0 9px; height:28px; line-height:28px; display:inline-block; }
.button3 input { white-space:nowrap; font-size:13px; font-weight:bold; color:#fff !important; cursor:pointer; padding:1px 10px 0 9px; height:28px; line-height:28px; display:inline-block; overflow:visible; border:0; }

.button {display:inline-block;background:#ea347e;border:none;color:#fff !important;padding:0 22px;height:36px;line-height:36px !important;font-size:15px;font-weight:400;vertical-align:middle;}
.button img{height:16px;margin-right:2px;margin-bottom:1px;}
.button.gray{color:#fff;background:#595959;}
.button.red{color:#fff;background:#dc2425;}
.button.green{color:#fff;background:#22a275;}
.button.orange{color:#fff;background:#ff8527;}
.button.blue{color:#fff;background:#425fa8;}
.button.blue a{color:#fff;}

@media all and (max-width: 960px) {
    .button1 { background:none; }
}

/* board block */
.boardblock { position:relative;width:100%; display:inline-block; margin:5px 0 15px 0; text-align:center; font-size:13px; }
.boardblock.pd_t20 { padding-top:20px; }
.boardblock.mg_t40 { margin-top:40px; }
.boardblock .right{ float:right;width:100%;margin: 10px 0 30px;padding: 0 0px; }
.boardblock .right .button1 { line-height:45px; }

/* board tab */
.tab_category { position:relative;width:auto;height:auto;height:auto;margin-bottom:25px;padding:6px 0;border:1px solid #d2d2d2; }
.tab_category ul{ overflow:hidden; padding:0 0 0 0; }
.tab_category ul li { float:left; display:inline-block; width:auto;margin-left:0;height:30px;cursor:pointer; background: url(/inc/img/common/bullet_01.gif) no-repeat 23px 13px; }
.tab_category ul li a { display:block; height:30px; line-height:30px; padding:0 30px; font-size:14px; font-weight:400; color:#666; text-align:left; white-space:nowrap; cursor:pointer;   }
.tab_category ul li.current { margin-top:0; height:30px; color:#fff; }
.tab_category ul li.current a { background:#666; color:#fff; }
.tab_category ul li a:hover{ color:#ff6633; }
.tab_category .tab_more{position:absolute; bottom:-27px; right:1px;}
.tab_category .tab_more2{position:absolute; bottom:-27px; right:1px;}

@media all and (max-width: 640px) {
    .tab_category { margin-bottom:0; }
}


@media all and (max-width: 640px) {
    .board_search1 { margin-bottom:20px; }
    .board_search1 .inBox { padding:0 58px 0 83px; }
    .board_search1 .selecth { width:80px !important; }
    .board_search1 .button2 { width:55px; }
}

/* board list */


@media all and (max-width: 640px) {
    .b_list td { padding:13px 0; font-size:13px; }
    .b_list td.txt_left { padding:13px 10px; }
    .b_list td a { font-size:13px; }
}



/* board movie */
.movie_list { clear:both; overflow:hidden; position:relative; width:100%; margin-bottom:10px; padding:10px 0; border-top:2px solid #666666; border-bottom:2px solid #e5e5e5; color:#6f717e; line-height:normal; }
.movie_list ul { margin:0 -1.12%; font-size:0; letter-spacing:-4px; }
.movie_list ul li { display:inline-block; width:22.76%; margin:10px 1.12%; font-size:16px; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.movie_list ul li .photo { padding:0; border:1px solid #c5c5c5; text-align:center; }
.movie_list ul li .photo a { overflow:hidden; position:relative; display:block; padding-top:66.67%; }
.movie_list ul li .photo img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.movie_list ul li p.title { margin-top:10px; text-align:left; width:240px; font-weight:600; line-height:1.4em; font-size: 14px; }
.movie_list ul li p.title a {overflow:hidden; word-wrap:normal; text-overflow:ellipsis; display:block; height:20px;}
.movie_list dl { padding:12px 0; }
.movie_list dt { font-weight:500; line-height:1.1; color:#444; display: inline-block; text-align: left; width: 100%; }
.movie_list dt .subject {float: left; overflow: hidden; max-width: 190px; text-overflow: ellipsis;}
.movie_list dt a { color:#444; font-size:14px; text-decoration:none; }
.movie_list dd { line-height:1.1; color:#666; font-size:13px; font-weight:300; margin-top:5px; text-align: left; }
img.photo2 { width:80px; height:100px; border:1px solid #c5c5c5; }
img.photo3 { width:110px; height:80px; border:1px solid #c5c5c5; }
@media all and (max-width: 768px) {
    .movie_list ul li { width:47.76%; }
}

/* 자주묻는 질문 */
.faq { clear:both; width:100%; border-top:1px solid #ccc; margin-bottom:30px;}
.faq .q { position:relative; clear:both; border-bottom:1px solid #ccc; padding:13px 0 13px 10px; }
.faq .q .q_in { padding-left:10px; font-size:15px; color:#000; font-weight:500; }
.faq .q .q_in a { display:inline-block; text-decoration:none; }
.faq .a { clear:both; padding:15px 15px 15px 20px; border-bottom:1px solid #ccc; background:#f8f8f8; }
.faq .a .a_in { background:url(/inc/img/board/qna_a.gif) no-repeat 10px 0; min-height:19px; padding:0 20px 0 40px; font-weight:300; font-size:14px; color:#393939; line-height:1.4; }

@media all and (max-width: 640px) {
    .faq .q .q_in { padding-left:0; font-size:14px; }
    .faq .a .a_in { background-position:0 0; padding:0 0 0 30px; font-size:13px; }
}

/* board_view */



@media all and (max-width:768px) {
  
@media all and (max-width: 640px) {
    .b_view th { padding-left:5px; }
    .b_view td { padding-left:5px; }
    .b_preview { border-left-width:0; border-right-width:0; }
    .b_preview .board_tit { width:70px; }
    .b_preview .mb_none { display:none; }
    .b_view .con_in { padding:20px 10px; }
}
@media all and (max-width:480px) {
    .boardView .boardInfo li { display:block; width:100%; padding:4px; }
}

/* pagination */
.pagination { text-align:center; }
.pagination * { position:relative; display:inline-block; font-size:13px; text-decoration:none; }
.pagination li { display:inline; vertical-align:middle; height:25px; line-height:25px; overflow:hidden; }
.pagination a { color:#fff; display:inline-block;}
*+ html .pagination a  {display:inline;}
.pagination .num a { display: block; }
.pagination a:hover img,
.pagination a:focus img,
.pagination li img { margin-top:-3px; }
.pagination .num a:hover,
.pagination .num a:focus,
.pagination .num { margin:0 10px; }
.pagination .num span { font-size:13px; height:25px;margin:0 2px; line-height:25px; width:25px; text-align:center; background:#fff; border:1px solid #d8d8d8; }
.pagination .num span.current {background:#686868; color:#fff;}
.pagination .num span a { color:#666; font-size:13px; }
.pagination .num span strong { font-weight:normal; color:#fff; height:25px; line-height:25px; width:25px; background:#ff6633; font-size:13px; }

/* 공연일정 */
.schedule { position:relative;clear:both; width:100%; }
.schedule_top { position:relative; clear:both; width:100%; height:60px; background:#f6f6f6; }
.schedule_top .year { float:left; margin:18px 0 0 20px; width:141px; }
.schedule_top .year li { float:left; }
.schedule_top .year li.txt { width:107px; text-align:center; font-size:30px; color:#666; font-weight:600; line-height:22px; font-family:'Arial'; letter-spacing:-0.05em; }
.schedule_top .month { float:left; margin:8px 0 0 20px; }
.schedule_top .month ul { clear:both; display:inline-block; border:1px solid #d8d8d8; background:#fff; height:43px; }
.schedule_top .month li { float:left; border-left:1px solid #d8d8d8; width:43px; height:43px; text-align:center;}
.schedule_top .month li.first { border-left:none; background:#f2f2f2; }
.schedule_top .month li a { font-size:15px; color:#666; line-height:43px; }
.schedule_top .month li a strong { font-size:17px; font-weight:600; }
.schedule_top .month li.on { background:#ff6633; }
.schedule_top .month li.on a { color:#fff; }
.schedule_top .tab { clear:both; z-index:4; }
.schedule_top p.search { position:absolute; top:8px; right:173px; z-index:3; }
.schedule_top .tab_list {position:absolute; top:8px; right:0; z-index:3; }
.schedule_top .tab_list .tab1,
.schedule_top .tab_list .tab2,
.schedule_top .tab_list .tab3 { position:absolute; top:0; width:45px; height:45px; z-index:4; }
.schedule_top .tab_list .tab1 { right:118px; }
.schedule_top .tab_list .tab2 { right:63px; }
.schedule_top .tab_list .tab3 { right:8px; }

#tab_visual { position:relative; width:100%;}
#tab_view { position:relative; max-width:1040px; margin:10px auto 19px; }
.visual1 { clear:both; width:100%; display:inline-block; margin-top:20px; }
.visual2 { clear:both; width:100%; display:inline-block; margin-top:20px; }
.visual3 { clear:both; width:100%; display:inline-block; margin-top:20px; }

.photo_list ul { margin:0 -1.12%; font-size:0; letter-spacing:-4px; }
.photo_list li { position:relative; display:inline-block; width:22.76%; margin:19px 1.12%; border:1px solid #d7d7d7; font-size:16px; vertical-align:top; letter-spacing:normal; box-sizing:border-box; }
.photo_list li a { text-decoration:none; }
.photo_list .photo a { position:relative; overflow:hidden; display:block; padding-top:139.17%; text-align:center; }
.photo_list .photo img { position:absolute; top:0; left:0; width:100%; min-height:100%; }
.photo_list .photo_in_icon { position:absolute; top:0; left:0; }
.photo_list .photo_in_icon img { width:100%; height:100%; }
.photo_list dl { padding:15px 12px 15px 12px; }
.photo_list dt { margin-bottom:10px; color:#444; font-size:14px; font-weight:500; width:96%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.photo_list dt a { color:#444; font-size:14px; font-weight:500; }
.photo_list dd { min-height:2.77em; color:#666; font-size:13px; font-weight:300; line-height:1.4em; letter-spacing:-0.05em; }
.photo_list dd a { color:#666; font-size:13px; font-weight:300; line-height:1.4em; letter-spacing:-0.05em; }
.photo_list .icon { position:absolute; top:0; right:0; z-index:3; }

.album_list { clear:both; width:100%; border-top:5px solid #000; background:url(/inc/img/sub/album_bg.gif) repeat-y left; margin-bottom:20px; font-size:0; }
.album_list ul { clear:both; width:100%; display:inline-block; border-bottom:1px solid #d8d8d8; font-size:16px; }
.album_list li { padding:20px 0; }
.album_list li.photo { position:relative; float:left; width:197px; text-align:center; margin-right:20px;}
.album_list li.photo + li{ overflow:hidden; }
.album_list li.photo a img { width:157px; }
.album_list li.photo img.poster { width:155px; height:214px; border:1px solid #d7d7d7; }
.album_list li.photo .icon { position:absolute; top:0; right:0; }
.album_list table.album { clear:both; max-width:800px; color:#666; border:1px solid #d8d8d8; line-height:normal; }
.album_list table.album th { text-align:left; font-weight:normal; border-bottom:1px solid #d8d8d8; padding:13px 0 13px 20px; color:#666; background:#f2f2f2; font-size:14px; font-weight:300; }
.album_list table.album td { text-align:left; padding:13px 0 13px 15px; color:#666; border-bottom:1px solid #d8d8d8; background:#fff; font-size:14px; font-weight:300; }
.album_list table.album .l_line { border-left:1px solid #d8d8d8; }
.album_list table.album .subject { padding:10px 0 10px 15px; }
.album_list table.album .subject span { display:block; float:left; color:#444; font-weight:500; font-size:15px; line-height:28px; }
.album_list table.album span.btn { display:block; float:right; margin-right:20px; }

.calendar_list { table-layout:fixed; clear:both; width:100%; color:#555; background:#fff; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; }
.calendar_list th { font-weight:bold; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:500; color:#666; text-align:center; background:#f2f2f2; border:1px solid #d8d8d8; border-bottom:1px solid #8e8e8c !important; }
.calendar_list td { height:150px; line-height:normal; text-align:left; vertical-align:top; font-weight:normal; border:1px solid #d8d8d8; font-size:13px; font-weight:300; color:#666; }
.calendar_list td a { color:#666; }
.calendar_list td strong { font-weight:500; }
.calendar_list td span.day { display:block; padding:10px 10px 0 10px; }
.calendar_list td.noday { background:url(/inc/img/sub/noday_bg.gif) repeat; }
.calendar_list td div { padding:10px 10px 10px 10px; }
.calendar_list td div p { line-height:1.4em; }
.calendar_list .sun { color:#f94b07; }
.calendar_list .sat { color:#1174a8; }
.calendar_list .txt_red { color:#ff0000; }
.calendar_list .txt_blue { color:#0066ff; }
.calendar_list .txt_blue2 { color:#1eaebb; }
.calendar_list .txt_green { color:#61b300; }
.calendar_list .txt_orange { color:#ff8800; }
.calendar_list .txt_violet { color:#c3019c; }
.calendar_list .txt_navy { color:#000066; }
.calendar_list .txt_gray { color:#999; }
.calendar_list .txt_brown { color:#643d00; }
.calendar_list .txt_pink { color:#ff4aff; }
.calendar_list .sun a { color:#f94b07; }
.calendar_list .sat a { color:#1174a8; }
.calendar_list .txt_red a { color:#ff0000; }
.calendar_list .txt_blue a { color:#0066ff; }
.calendar_list .txt_blue2 a { color:#1eaebb; }
.calendar_list .txt_green a { color:#61b300; }
.calendar_list .txt_orange a { color:#ff8800; }
.calendar_list .txt_violet a { color:#c3019c; }
.calendar_list .txt_navy a { color:#000066; }
.calendar_list .txt_gray a { color:#999; }
.calendar_list .txt_brown a { color:#643d00; }
.calendar_list .txt_pink a { color:#ff4aff; }
.calendar_list .calendarToday {background: #fffaf0;}

@media all and (max-width: 1023px) {
    .schedule_top { height:auto; padding:5px 0; }
    .schedule_top .year { overflow:hidden; float:none; margin-top:0; padding:15px 0 20px; }
    .schedule_top .month { float:none; margin:0 5px; }
    .schedule_top .month ul { height:auto; }
    .schedule_top .month li { border-left:0 none; }
    .album_list table.album th { padding:13px 10px; }
    .album_list table.album td { padding:13px 10px; }
}
@media all and (max-width: 768px) {
    .schedule_top p.search { right:113px; }
    .schedule_top .tab_list .tab1 { right:60px; }
    .schedule_top .tab_list .tab2 { right:8px; }
    .schedule_top .tab_list .tab3 { display:none; }    
    .photo_list li { width:47.76%; margin:10px 1.12%; }
    .album_list { background:none; }
    .album_list li.photo { float:none; width:auto; }
    .album_list li.photo + li { padding-top:0; }
    .album_list table.album th { padding:10px 5px; font-size:13px; }
    .album_list table.album td { padding:10px 5px; font-size:13px; }
    .album_list table.album .subject { padding:10px 0 10px 10px; }
    .album_list table.album .subject span { font-size:14px; }
}
@media all and (max-width: 480px) {
    .schedule_top .year { margin:0 0 0 10px; }
    .photo_list dl { padding:15px 8px; }
}

/* Search Pop */
.searchMenuWrap { position:absolute; top:60px; left:0; width:100%; border-top:1px solid #8e8e8c; border-bottom:5px solid #000; background:#f6f6f6; padding:30px 10px; box-sizing:border-box; z-index:4; }
.searchMenuWrap .close_btn { position:absolute; top:0; right:0; }
.searchMenu { position:relative; max-width:970px; margin:0 auto; }
.searchMenu table.search_list { clear:both; width:100%; color:#333; border:1px solid #d8d8d8; line-height:normal; margin-top:18px; margin-bottom:20px; }
.searchMenu table.search_list th { text-align:center; font-weight:500; border:1px solid #d8d8d8; padding:14px 0; color:#333; background:#f2f2f2; font-size:14px; }
.searchMenu table.search_list td { text-align:left; padding:14px 20px; color:#333; border:1px solid #d8d8d8; background:#fff; font-size:13px; font-weight:300; }
.searchMenu table.search_list input,
.searchMenu table.search_list select,
.searchMenu table.search_list img { vertical-align:middle; }
.searchMenu table.search_list input.w_txt{ max-width:80%; border:1px solid #8e8e8c; height:33px; padding:0 5px; }
.searchMenuWrap .searchMenu input[type="checkbox"] { margin-top:-2px; -webkit-appearance:revert;-moz-appearance:revert; }
.searchMenuWrap .searchMenu input[type="checkbox"]:focus { background-color:#eee; border:1px dotted red; }

@media all and (max-width: 960px) {
    .searchMenuWrap { padding:20px 10px; }
    .searchMenu>h3 img { max-height:20px; }
    .searchMenu table.search_list input.w_txt { width:auto !important; }
    .searchMenu .boardblock { margin:0; }
}

/* 공연일정 - 상세 */
.sns_btn { position:absolute; top:0px; right:30px; }
.show_view { clear:both; width:100%; margin-bottom:30px; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; line-height:normal; font-weight:500;  color:#666; }
.show_view th { padding:14px 0 14px 20px; background:#f2f2f2; border-bottom:1px solid #d8d8d8; font-size:14px; font-weight:500; color:#666; text-align:left; line-height:1.7em; }
/* 20200123수정 */
/* .show_view td { text-align:left;  padding:13px 0 13px 15px; color:#666; border-bottom:1px solid #d8d8d8; background:#fff; font-size:13px; } */
.show_view td { text-align:left; padding:5px 0 5px 10px; color:#888; border-bottom:1px solid #d8d8d8; background:#fff; font-size:14px; font-weight:300; line-height: 1.7em;}
.line1_2020{border-top: 1px solid #535353;}
.line2_2020{border-top: 1px solid #e8e8e8;}
.show_view .show_view_box { position:relative; width:237px; height:328px; background:url(/inc/img/sub/photo_box_bg.gif) no-repeat; padding:2px; }
.show_view .show_view_box1 { position:relative; width:237px; height:400px; padding:2px; }
.show_view .show_view_box1 .poster img { width:237px; }
.show_view .show_view_box1 p.icon { position:absolute; top:2px; left:2px; }
.show_view .show_view_box img.poster { width:237px; height:328px; border:1px solid #d7d7d7; }
.show_view .show_view_box p.icon { position:absolute; top:2px; left:2px; }
.show_view .l_line { border-left:1px solid #d8d8d8; }
.show_view .center { text-align:center; vertical-align:middle; }

.page14_view { position:relative; clear:both; width:100%; }
.page14_view .float_wrap{overflow:hidden;}
.page14_view .left{float:left;width:24%;margin: 10px 0;}
.page14_view .right{float:right;width:72%;margin:10px 0 30px;padding:0 0px}
.page14_view .show_view{border:none;}
.page14_view .view_block{ display: block; margin:20px auto; width: 100%; }
/* 20200123수정 */
.page14_view .show_view th{ border:none; padding:0 0 0 5px; text-align:left; background-color:#ffffff; color:#000; }
.page14_view .show_view td{ border:none; }
.page14_view .poster img { width:250px; }
.page14_view .view_block .view_btn span{ width:100%; max-width:250px; height:40px; line-height:40px; color:#fff; background-color:#ff5811; display:block;  text-align:center; font-size:15px; font-weight:500; letter-spacing:1px; margin:auto; }
.page14_view .view_block .view_btn2 span{ width:100%; max-width:250px; height:40px; line-height:40px; color:#fff; background-color:#666666; display:block;  text-align:center; font-size:15px; font-weight:500; letter-spacing:1px; margin:auto; }

.page14_view ul.tab>li { height:72px; background-color:#f6f5f6; border-bottom:1px solid #000; }
.page14_view ul.tab>li.selected { background:#fff; border:1px solid #000; border-bottom:none; }
.page14_view ul.tab>li a { margin:30px auto; padding:0 20px; font-size:15px; color:#333; text-align:center; word-break:keep-all; }
.page14_view ul.tab>li.selected a { font-weight:600; }

.page14_view_list {border:none;}
.page14_view_list dt {border:none;}
.page14_view_list dt span {display:none;}

.page14_view_list { clear:both; width:100%; border-bottom:1px solid #8e8e8c; margin-bottom:30px; }
.page14_view_list dt { position:relative; clear:both; width:100%;/* border-top:5px solid #000; */border-bottom:1px solid #8e8e8c; height:40px; line-height:40px; }
.page14_view_list dt span { padding-left:10px; color:#444; font-size:14px; font-weight:600; }

.page14_view_list ul { clear:both; padding:20px 12px; }
.page14_view_list li { color:#666; font-size:14px; background:url(/inc/img/sub/page14_view_list_bl.gif) no-repeat 0 0.7em; padding-left:12px; }
.page14_view_list .photo { text-align:center; padding:50px 0; }
.page14_view_list .btn { position:absolute; top:6px; right:10px; }

#reserv_pop { display:none; /*position:absolute;*/ position:fixed; width:618px; max-width:100%; height:294px; background:#f6f6f6;  border:5px solid #81ac35; z-index:97; }
.reserv_pop_in { padding:29px 36px 0 32px; }
.reserv_pop_in .title { color:#666; font-size:23px; font-weight:600; margin-bottom:18px; }
.reserv_pop_in .btn { position:absolute; top:29px; right:36px; }
.reserv_pop_in .reserv_pop_box { border:1px solid #d8d8d8; width:560px; max-width:100%; height:186px; background:url(/inc/img/sub/reserv_pop_box_bg.gif) repeat-y;}
.reserv_pop_in .reserv_pop_box dl { float:left; padding:20px 0 0 35px; width:309px; }
.reserv_pop_in .reserv_pop_box dt {  margin-bottom:10px; }
.reserv_pop_in .reserv_pop_box dt a{color:#ff6633; font-size:16px; font-weight:600;}
.reserv_pop_in .reserv_pop_box dd { color:#333; font-size:13px; background:url(/inc/img/sub/page14_view_list_bl.gif) no-repeat 0 0.5em; padding-left:12px; margin-bottom:5px; }
.reserv_pop_in .reserv_pop_box dd.none { background:none; padding-left:0; }
.reserv_pop_in .reserv_pop_box p { float:left; width:215px; text-align:center; padding-top:43px; }

#ggad_pop { position:absolute; top:5px; left:285px; width:622px; height:292px; background:#fff; border-top:3px solid #ff6633; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; z-index:98; }
.ggad_pop_in { padding:30px 36px 0 36px; }
.ggad_pop_in .title { width:100%; color:#ff6633; font-size:27px; font-weight:600; padding-bottom:30px; border-bottom:1px solid #d8d8d8; margin:0 auto; text-align:center; }
.ggad_pop_in .btn { position:absolute; top:29px; right:36px; }
.ggad_pop_in .ggad_pop_box { margin-top:30px; }
.ggad_pop_in .ggad_pop_box li { color:#666; font-size:15px; letter-spacing:-0.05em; line-height:1.6em; }
.ggad_pop_in .ggad_pop_box li span { color:#333; font-size:15px; font-weight:600; }
.ggad_pop_in .ggad_pop_box li p { color:#888; font-size:15px; margin-top:20px; }

#ggac_pop { position:absolute; top:5px; left:285px; width:622px; height:220px; background:#fff; border-top:3px solid #ff6633; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; z-index:98; }
.ggac_pop_in { padding:30px 36px 0 36px; }
.ggac_pop_in .title { width:100%; color:#ff6633; font-size:27px; font-weight:600; padding-bottom:30px; border-bottom:1px solid #d8d8d8; margin:0 auto; text-align:center; }
.ggac_pop_in .btn { position:absolute; top:29px; right:36px; }
.ggac_pop_in .ggac_pop_box { margin-top:30px; }
.ggac_pop_in .ggac_pop_box li { color:#666; font-size:15px; letter-spacing:-0.05em; line-height:1.6em; }
.ggac_pop_in .ggac_pop_box li span { color:#ff6600; font-size:15px; font-weight:600; }
.ggac_pop_in .ggac_pop_box li p { text-align:center;color:#888; font-size:15px; margin-top:20px; }

@media all and (max-width: 768px) {
    .content_in .page14_view .left { float:none; width:100%; text-align:center; }
    .content_in .page14_view .right { float:none; width:100%; }
    .page14_view ul.tab>li { height:50px; }
    .page14_view ul.tab>li a { margin:20px 0; padding:0 10px; font-size:14px; }
}

/* 로그인 */
.login_top { clear:both; width:100%; height:66px; padding-bottom:35px; background:url(/inc/img/sub/login_top_img.gif) no-repeat right top; border-bottom:1px solid #d8d8d8; margin-bottom:50px; }
.login_top dl { padding:5px 0 0 0; }
.login_top dt { color:#444; font-size:20px; font-weight:600; margin-bottom:10px; }
.login_top dd { color:#666; font-size:14px; font-weight:300; line-height:1.3; }
.login_form { height:auto; margin-bottom:50px; padding:0 10px; border-top:5px solid #000; background:#f2f2f2; border-bottom:1px solid #d8d8d8; }
.txt_list2 + .login_form { margin-top:20px; }
.new_login_box { position:relative; max-width:650px; height:auto; margin:50px auto; padding:0 10px; background-color:#ffffff; border:1px solid #dddddd; text-align:center; }
.new_login_box_in { max-width:550px; margin:0 auto; padding-top:20px; }
.ul .login-field { margin-bottom:5px; }
ul.login-field li { position:relative; width:100%; min-height:50px; padding:20px 0 14px 0; border-bottom:1px solid #dddddd; }
ul.login-field li .col { position:relative; float:left; width:100%; padding:0 8px 0 9px; text-align:left; background-position:left center; box-sizing:border-box; }
ul.login-field li .id { background-image:url(/inc/img/renew2019/login_pw.png); background-repeat:no-repeat; background-position:left center; }
ul.login-field li .pw{ background-image:url(/inc/img/renew2019/login_id.png); background-repeat:no-repeat; background-position:left center; }
.login-wrap ul.list-field .login-id label,
.login-wrap ul.list-field .login-pw label { padding-left:32px; }
.login-id #userid,
.login-pw #userpw { width:95%; margin-left:5%; padding:14px 0; background-color:transparent; border:none; font-size:15px; font-weight:300; }
.new_login_box .middle { margin:30px 0; font-size:15px; font-weight:300; }
.new_login_box .middle a span { color:#f8601f; }
.btn_login { display:inline-block; width:80%; height:50px; line-height:50px; margin:0 auto; border:1px solid #f8601f; background-color:#f8601f; color:#fff; text-align:center; }
.btn_login span { padding:0px 25px; font-size:22px; white-space:nowrap; letter-spacing:1px; }
.new_login_box .right { float:right; margin:30px 0; font-size:15px; font-weight:300; }
.phone_login.right { height:30px; line-height:30px; margin-top:30px; padding-left:30px; background-image:url(/inc/img/renew2019/login_phone.png); background-repeat: no-repeat; background-position:left center; }

.txt_list2 { clear:both; width:100%; color:#666; font-size:15px; font-weight:300; line-height:1.6em; letter-spacing:-0.02em; }
.person_notice { clear:both; width:100%; margin-top:20px; }
.person_notice dt { color:#666; font-size:14px; font-weight:300; line-height:1.4em; letter-spacing:-0.02em; margin-bottom:10px; }
.person_notice dd { color:#666; font-size:14px; font-weight:300; line-height:1.4em; letter-spacing:-0.02em; margin-bottom:5px; }

@media all and (max-width: 960px) {
    .login_top { height:auto; margin-bottom:35px; padding-bottom:20px; background:none; }
    .login_form { margin-bottom:40px; }
    .new_login_box { margin:30px auto; }
    .new_login_box_in { padding-top:0; }
    ul.login-field li { min-height:40px; }
    .login-id #userid,
    .login-pw #userpw  { padding:10px 0; }
    .btn_login span { font-size:20px; }
    .new_login_box .right { margin:20px 0; }
    
    .txt_list2 { font-size:14px; }
}

/* ID/PW찾기 */
.idpw_box { position:relative; max-width:460px; margin:80px auto 40px; }
.idpw_box dl { overflow:hidden; }
.idpw_box dt { float:left; width:75px; margin-top:10px; }
.idpw_box dt:first-of-type { margin-top:0; }
.idpw_box dt label { color:#666; font-size:14px; line-height:30px; font-weight:400; background:url(/inc/img/sub/login_bl.gif) no-repeat 0 0.5em; padding-left:15px; }
.idpw_box dd { overflow:hidden; max-width:385px; margin-top:10px; font-size:14px; font-weight:300; }
.idpw_box dd:first-of-type { margin-top:0; }
.idpw_box dd select { -webkit-appearance:revert;-moz-appearance:revert; }
.idpw_box dd .w_txt { height:28px; border:1px solid #dedede; line-height:28px; color:#666; font-size:13px; padding-left:5px; font-weight:300; }
.idpw_box dd .w_select { height:30px; border:1px solid #dedede; line-height:30px; color:#666; font-size:13px; padding-left:5px; font-weight:300; }
.login_form p.btn_idpw { border-top:1px solid #d8d8d8; padding-top:30px; text-align:center; }

.idpw_list { clear:both; width:361px; color:#666; font-size:15px; margin:50px auto 0; }
.idpw_list th { font-weight:600; }
.idpw_list td { height:35px; padding:0 0 8px 0; }
.idpw_list td input { height:33px; width:263px; border:1px solid #dedede; background:#fff; padding-left:10px; }
.idpw_list td input.w98 { width:120px; }

.idpw_result { text-align:center; padding:30px 0 70px; }
.idpw_result p { color:#333; font-size:15px; font-weight:500; line-height:1.6em; }

@media all and (max-width: 960px) {
    .idpw_box { margin:40px auto 20px; }
}

/* 회원가입 */
.person_top { clear:both; width:100%; height:109px; margin-bottom:50px; padding-bottom:35px; background:url(/inc/img/sub/person_top_img.gif) no-repeat right 37px; border-bottom:1px solid #d8d8d8; }
.person_top dl { padding:5px 0 0 0; }
.person_top dt { color:#444; font-size:20px; font-weight:600; margin-bottom:10px; }
.person_top dd { color:#666; font-size:14px; font-weight:300; line-height:1.3; }

.join_step1 { position:relative; clear:both; width:100%; height:273px; overflow:hidden; margin-top:20px; }
.person_tab { clear:both; width:100%; }
.person_tab .tab1 { position:absolute; top:0; left:0;  }
.person_tab .tab2 { position:absolute; top:0; left:206px;  }
.person_tab .tab3 { position:absolute; top:0; left:423px;  }
.person_tab .tab4 { position:absolute; top:0; left:658px;  }
.person_box1 { position:absolute; top:61px; left:0; }
.person_box2 { position:absolute; top:61px; left:-206px; }
.person_box3 { position:absolute; top:61px; left:-423px; }
.person_box4 { position:absolute; top:61px; left:-658px; }

.person_box { clear:both; border:1px solid #d8d8d8; background:#f2f2f2; width:1038px; height:209px; overflow-y:scroll; }
h3 + .person_box { margin-top:10px; }
.person_box_in { padding:10px 20px 10px 10px; font-size:13px; font-weight:300; line-height:1.4; }
.person_box .person_box_in .pd_t20 { padding-top:20px; }
.person_box .person_box_in .pd_b20 { padding-bottom:20px; }
.person_list_top { font-size:14px; line-height:1.4em; color:#333; }
.person_list { clear:both; font-size:14px; line-height:1.4em; }
.person_list dt { color:#333; margin-bottom:10px; font-size:14px; }
.person_list dt p { font-size:13px; color:#666; }
.person_list dd { color:#666; font-size:13px; }
.person_list li { padding-top:10px; }
.person_txt { margin-top:20px; margin-bottom:50px; padding-bottom:35px; border-bottom:1px solid #d8d8d8; }
.person_txt label { font-size:14px; color:#444; font-weight:500; line-height:20px; }
.person_txt input { vertical-align:middle; margin-right:7px; -webkit-appearance:revert;-moz-appearance:revert; }

.person_box table { width:100%; color:#666; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; line-height:normal; margin-bottom:15px; }
.person_box table th { text-align:center; font-weight:normal; border-top:1px solid #fff; border-right:1px solid #d8d8d8; padding:18px 0 18px ; color:#666; font-weight:500; background:#f2f2f2; font-size:13px; vertical-align:middle; }
.person_box table td { text-align:center; padding:18px 0 18px ; letter-spacing:0px; border-top:1px solid #d8d8d8; vertical-align:middle; font-size:13px; line-height:1.4em; }
.person_box table td.pd25 { padding:27px 0 27px 20px; }
.person_box table .r_none { border-right:0 none; }

.using {width:auto;}
.using .first{padding:10px 10px 0 10px;}
.using .last{padding:10px 10px 10px 10px; border-bottom:1px solid #dddddd;}
.using .strong{font-weight:600; padding-bottom:10px;}
.using .gray_box{padding:10px 10px 10px 10px; border:1px solid #dddddd; background:#fff;}
.using .gray_box ul{padding:0;}
.using dl{padding:10px 0 0 0;}
.using dl dt{font-weight:500; font-size:14px; padding:10px 0 10px 10px; background:#fafafa; border-top:2px solid #eeeeee;}
.using dl dd{font-size:13px; padding:0 10px 0 10px;}
.using ul { font-size:13px; padding:0 10px 20px 10px; line-height:1.6;}
.using ul li{ padding:0 0 0 10px; }
.using ul li.tit{ padding:20px 0 0 0; font-weight:500; }
.using ul li.tit:first-child { padding-top:0; }
.using ul li ol{padding:0 0 10px 10px;}

.finish_list { clear:both; width:100%; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; background:#f2f2f2; min-height:373px; margin-bottom:35px; }
.finish_list ul { padding:60px 0 30px; }
.finish_list li { text-align:center; font-size:20px; font-weight:500; color:#444; line-height:1.4em; }
.finish_list li.mg_t20 { margin-top:20px; }

ul.mg_b30 + .boardblock { margin-top:30px; }
@media all and (max-width: 1100px) {
    .join_step1 { height:auto; }
    .person_tab .tab1,
    .person_tab .tab2,
    .person_tab .tab3,
    .person_tab .tab4 { position:relative; left:0; background-color:#eaeaea; margin-top:10px; }
    .person_box1,
    .person_box2,
    .person_box3,
    .person_box4 { position:relative; left:0; top:0; display:block !important; }
    .person_box { width:auto; }
}
@media all and (max-width: 960px) {
    .person_top { height:auto; margin-bottom:35px; padding-bottom:20px; background:none; }
    .person_txt { margin-top:15px; margin-bottom:35px; padding-bottom:20px; }
}
@media all and (max-width: 640px) {
    .finish_list { min-height:auto; padding-bottom:20px; }
    .finish_list ul { padding:40px 0 20px; }
    .finish_list li { font-size:18px; word-break:keep-all; }

    .finish_list .boardblock .button1 { width:45%; margin:0 0.5%; }
    .finish_list .boardblock .button1 a { display:block; padding:0; font-size:14px; text-align:center; }
}

/* 회원정보수정 */
.page40_box { clear:both; width:100%; background:#f6f6f6; overflow:hidden; }
.page40_box ul { padding:20px; }
.page40_box li { color:#666; font-size:14px; font-weight:300; line-height:1.4em; letter-spacing:-0.05em; }

.login_form2 { clear:both; width:100%; height:230px; border-top:5px solid #000; background:#f2f2f2; border-bottom:1px solid #d8d8d8; margin-bottom:50px; }
.page40_box + .login_form2 { margin-top:50px; }
.login_box { position:relative; max-width:419px; margin:80px auto; }
.login_box dl { display:inline-block; width:282px; vertical-align:middle; }
.login_box dt { clear:both;float:left; width:75px; }
.login_box dt label { color:#666; font-size:13px; line-height:30px; font-weight:500; background:url(/inc/img/sub/login_bl.gif) no-repeat 0 0.5em; padding-left:15px; }
.login_box dd { float:left; width:205px; }
.login_box dd input { width:204px; height:28px; border:1px solid #dedede; line-height:28px; color:#666; font-size:13px; padding-left:5px; }
.login_box .button1 { margin-left:37px; line-height:45px; }
/*.login_box .btn { float:right;}*/
.login_box2 { width:100%; border-top:1px solid #d8d8d8; padding-top:30px; }
.login_box2 ul { width:366px; margin:0 auto; }
.login_box2 li { font-size:13px; color:#666; line-height:30px; }
.login_box2 li span { float:right; }

@media all and (max-width: 640px) {
    .login_form2 { height:230px; margin-bottom:30px; }
    .page40_box + .login_form2 { margin-top:30px; }
    .login_box dl { display:block; width:auto; text-align:center; }
    .login_box dt,
    .login_box dd { float:none; display:inline-block; }
    .login_box .button1 { display:block; margin:25px 0 0; background:none; text-align:center; }
}

/* 비밀번호 변경 */
.txt_list1 { clear:both; width:100%; overflow:hidden; box-sizing:border-box; }
.txt_list1 li { font-size:14px; color:#666; background:url(/inc/img/sub/txt_list1_bl.gif) no-repeat 0 0.6em; padding-left:12px; margin-bottom:3px; }
.txt_list1 li.gray_box { clear:both; border:1px solid #ddd; background:#f8f8f8; overflow:hidden; }
.txt_list1 li ul li{ font-size:13px; color:#666; padding-left:0px; margin-bottom:3px; background:none; font-weight:300; }

.page40_box + .login_form { margin-top:50px; }
.pw_box { position:relative; max-width:461px; margin:60px auto 60px; text-align:center; }
.pw_box dl { display:inline-block; text-align:left; }
.pw_box dt { float:left; width:161px; margin-top:10px; }
.pw_box dt:first-of-type { margin-top:0; }
.pw_box dt label { color:#666; font-size:13px; line-height:30px; font-weight:500; background:url(/inc/img/sub/login_bl.gif) no-repeat 0 0.5em; padding-left:15px; }
.pw_box dd { float:left; width:300px; margin-top:10px; }
.pw_box dd:first-of-type { margin-top:0; }
.pw_box dd .w_txt { height:28px; border:1px solid #dedede; line-height:28px; color:#666; font-size:13px; padding-left:5px; }
.pw_box p.btn_idpw { border-top:1px solid #d8d8d8; padding-top:30px; text-align:center; }

@media all and (max-width: 960px) {
    .page40_box + .login_form { margin-top:30px; }
    .pw_box { margin:35px auto; }
}
@media all and (max-width: 640px) {
    .txt_list1 li { font-size:13px; }
    .pw_box { max-width:320px; }
    .pw_box dl { display:inline; font-size:0; letter-spacing:-4px; }
    .pw_box dt { float:none; display:inline-block; width:140px; vertical-align:middle; letter-spacing:normal; }
    .pw_box dd { float:none; display:inline-block; width:180px; vertical-align:middle; letter-spacing:normal; }
    .pw_box dd .w_txt { width:100% !important; box-sizing:border-box; }
}

/* 회원탈퇴 */
.page36_txt { color:#444; font-size:15px; font-weight:500; line-height:1.6em; letter-spacing:-0.05em; }
.page36_txt + .page40_box { margin-top:20px; }

.login_form1 { clear:both; width:100%; height:355px; padding:0 10px; border-top:5px solid #000; background:#f2f2f2; border-bottom:1px solid #d8d8d8; margin-bottom:50px; box-sizing:border-box; }
.login_form1.mg_t50 { margin-top:50px; }
.login_box1 { position:relative; width:317px; max-width:100%; margin:80px auto; }
.login_box1 dl { overflow:hidden; margin-top:10px; }
.login_box1 dl:first-of-type { margin-top:0; }
.login_box1 dt { float:left; width:100px; }
.login_box1 dt label { color:#666; font-size:13px; line-height:30px; font-weight:500; background:url(/inc/img/sub/login_bl.gif) no-repeat 0 0.5em; padding-left:15px; }
.login_box1 dd { float:left; width:217px; }
.login_box1 dd input { width:210px; height:28px; border:1px solid #dedede; line-height:28px; color:#666; font-size:13px; padding-left:5px; font-weight:300; }
.login_box1 dd.radio input{ width:13px;; height:14px; border:1px solid #dedede; line-height:28px; color:#666; font-size:13px; padding-left:5px; }
.login_box1 .btn{position:absolute; bottom:-70px; right:87px}
.login_box2 { width:100%; border-top:1px solid #d8d8d8; padding-top:30px; }
.login_box2 ul { width:410px; margin:0 auto; }
.login_box2 li { font-size:13px; color:#666; line-height:30px; }
.login_box2 li span { float:right; }

.select_delete { height:35px; width:217px; font-size:14px; font-weight:300; -webkit-appearance:revert;-moz-appearance:revert; }

@media all and (max-width: 960px) {
    .login_form1.mg_t50{ margin-top:30px; }
    .login_form1 { height:auto; }
    .login_box1 { margin:40px auto 90px; }
}

/* 마이페이지 - 예매확인 및 취소 */
.page53_box { padding:20px 20px; background:#f6f6f6; }
.page53_box ul { position:relative; min-height:47px; padding-right:155px; }
.page53_box li { font-size:14px; color:#666; letter-spacing:-0.05em; line-height:1.6em; font-weight:300; }
.page53_box li.btn { position:absolute; top:0; right:0; }

@media all and (max-width: 640px) {
    .page53_box ul { padding-right:0; }
    .page53_box li.btn { position:static; margin-top:10px; }
}

/* 마이페이지 - 아트플러스회원정보 */
/*.page99_list { clear:both; width:100%; display:inline-block; }
.page99_list ul { height:100%; }
.page99_list li { float:left; width:254px; height:159px; margin-left:5px; margin-bottom:20px; background:#f2f2f2; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; }
.page99_list li.first { margin-left:0; }
.page99_list p.icon { padding:15px 0 0; text-align:center; height:65px; border-bottom:1px solid #8e8e8c; }
.page99_list p.tit { text-align:center; color:#444; font-size:14px; letter-spacing:-0.05em; font-weight:500; line-height:1.6em; }
.page99_list p.txt { padding:5px 0 0; text-align:center; color:#666; font-size:13px; letter-spacing:-0.05em; }
.page99_list.span99 span { display: block;  background-position: center center; background-repeat: no-repeat; height: 80px; text-align: center; border-bottom: 1px solid #8e8e8c; }
.page99_list.span99 .effect01 span { background-image: url(/inc/img/sub/page94_icon1.gif); }
.page99_list.span99 .effect02 span { background-image: url(/inc/img/sub/page94_icon2.gif); }
.page99_list.span99 .effect03 span { background-image: url(/inc/img/sub/page94_icon3.gif); }
.page99_list.span99 .effect04 span { background-image: url(/inc/img/sub/page94_icon4.gif); }
.page99_list.span99 .effect05 span { background-image: url(/inc/img/sub/page94_icon5.gif); }
.page99_list.span99 .effect06 span { background-image: url(/inc/img/sub/page94_icon6.gif); }
.page99_list.span99 .effect07 span { background-image: url(/inc/img/sub/page94_icon7.gif); }
.page99_list.span99 .effect08 span { background-image: url(/inc/img/sub/page94_icon8.gif); }
.page99_list.span99 .effect09 span { background-image: url(/inc/img/sub/page94_icon9.gif); }*/

.artBenefit>ul { margin:0 -0.25%; font-size:0; letter-spacing:-4px; }
.artBenefit>ul>li { display:inline-block; width:24.5%; margin: 0 0.25% 20px; padding-top:81px; background-color:#f2f2f2; background-position:center 13px; background-repeat:no-repeat; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; font-size:16px; vertical-align:top; letter-spacing:normal; }
.artBenefit>ul>li.icon01 { background-image: url(/inc/img/sub/page94_icon1.gif); }
.artBenefit>ul>li.icon02 { background-image: url(/inc/img/sub/page94_icon2.gif); }
.artBenefit>ul>li.icon03 { background-image: url(/inc/img/sub/page94_icon3.gif); }
.artBenefit>ul>li.icon04 { background-image: url(/inc/img/sub/page94_icon4.gif); }
.artBenefit>ul>li.icon05 { background-image: url(/inc/img/sub/page94_icon5.gif); }
.artBenefit>ul>li.icon06 { background-image: url(/inc/img/sub/page94_icon6.gif); }
.artBenefit>ul>li.icon07 { background-image: url(/inc/img/sub/page94_icon7.gif); }
.artBenefit>ul>li.icon08 { background-image: url(/inc/img/sub/page94_icon8.gif); }
.artBenefit>ul>li.icon09 { background-image: url(/inc/img/sub/page94_icon9.gif); }
.artBenefit>ul>li>.txt { display:table; width:100%; height:78px; border-top:1px solid #8e8e8c; text-align:center; }
.artBenefit>ul>li>.txt>span { display:table-cell; font-size:14px; line-height:1.5; vertical-align:middle; }
.artBenefit>ul>li>.txt>span>span { display:block; }

@media all and (max-width: 960px) {
    .artBenefit>ul { margin:0 -1%; }
    .artBenefit>ul>li { width:31.33333%; margin:0 1% 15px; }
    .artBenefit>ul>li>.txt>span { padding:0 10px; word-break:keep-all; }
    .artBenefit>ul>li>.txt>span>span { display:inline; }
}
@media all and (max-width: 640px) {
    .artBenefit>ul>li { width:48%; padding-top:70px; background-size:auto 44px; }
    .artBenefit>ul>li>.txt>span { font-size:13px; }
}

/* board_write */
span.chBoxWrap { display:inline-block; margin:3px 0 3px 5px; } /* 200828 - checkbox, label 감싸는 태그 */
span.chBoxWrap input, 
span.chBoxWrap label { vertical-align:middle; }
.b_write { clear:both; width:100%; color:#666; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; line-height:normal; margin-bottom:15px; font-size:13px; }
.b_write.mg_t30 { margin-top:30px; }
.b_write th { background:#f2f2f2; padding:10px 0; border-right:#8e8e8c solid 1px; border-bottom:#d8d8d8 solid 1px; text-align:center; font-weight:500; vertical-align:middle; }
.b_write th label { color:#666; font-size:13px; }
.b_write td { padding:10px 15px; text-align:left; border-bottom:#d8d8d8 solid 1px; line-height:1.6em; font-weight:300; }
.b_write .con { padding:10px 10px 10px 10px; }
.b_write .l_line { border-left:#d8d8d8 solid 1px; }
.b_write input.w_txt { border:1px solid #ddd; height:28px; padding:0 5px; }
.b_write textarea.w_txt { border:1px solid #ddd; height:150px;width:92%;padding:5px 5px; font-size:13px; }
.b_write select { border:1px solid #ddd; height:30px; padding:0 0 0 0; -webkit-appearance:revert;-moz-appearance:revert; }
.b_write input { -webkit-appearance:revert;-moz-appearance:revert; }
.b_write input,
.b_write select,
.b_write img { vertical-align:middle; color:#666; font-size:13px; font-weight:300; }
.b_write .selecth { width:120px;font-size:13px; height:30px; border:#ddd solid 1px; }
.b_write .selecth { width:120px;font-size:13px; height:30px; border:#ddd solid 1px; }
.b_write td label { display:inline-block; white-space:normal !important; }
p.pd_t10 { font-size:14px; font-weight:300; }

.b_write .con_in { width:700px; line-height:1.6em; }
.b_write .con_in img { width:100%; margin-bottom:15px; }
.b_write  .part_list li{float:left;width:115px;line-height:16px;}
.b_write  .part_list2 li{float:left;display:block;width:160px;line-height:16px;}

.b_write  .k_list li{clear:both;padding:2px 0;}
.b_write  dl.add_list{clear:both;}
.b_write  dl.add_list dt{clear:both;font-weight:bold;font-size:13px;padding-bottom:5px;}
.b_write  dl.add_list dd{clear:both;font-weight:normal;}
.b_write  dl.add_list dd ul li{float:left;width:20%;text-align:left;}
.b_write .bg{background:#f4f4f4;text-align:center;}

/*.b_write1 { clear:both; width:100%; color:#666; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; line-height:normal; margin-bottom:15px; font-size:13px; }
.b_write1 th { background:#f2f2f2; padding:10px 0; border-right:#8e8e8c solid 1px; border-bottom:#d8d8d8 solid 1px; text-align:center; font-weight:500; vertical-align:middle; }
.b_write1 th label { color:#666; font-size:13px; }
.b_write1 td { padding:10px 0;  text-align:center; border-bottom:#d8d8d8 solid 1px; line-height:1.6em; font-weight:300; }
.b_write1 .con { padding:10px 10px 10px 10px; }
.b_write1 .l_line { border-left:#d8d8d8 solid 1px; }
.b_write1 .l_tline { border-left:#8e8e8c solid 1px; }
.b_write1 .r_none { border-right:none; }
.b_write1 input.w_txt { border:1px solid #ddd; height:28px; padding:0 5px; }
.b_write1 textarea.w_txt { border:1px solid #ddd; height:150px;width:92%;padding:5px 5px; font-size:13px; }
.b_write1 select { border:1px solid #ddd; height:30px; padding:0 0 0 0; -webkit-appearance:revert;-moz-appearance:revert; }
.b_write1 input,
.b_write1 select,
.b_write1 img { vertical-align:middle; color:#666; font-size:12px; }
.b_write1 .selecth { width:120px;font-size:13px; height:30px; border:#ddd solid 1px; }
.b_write1 .selecth { width:120px;font-size:13px; height:30px; border:#ddd solid 1px; }*/

.b_list_in1 { clear:both; width:100%;margin:0 auto; color:#353535; line-height:normal; font-size:13px !important; margin-bottom:5px; border:1px solid #e5e5e5; }
.b_list_in1 th { text-align:center !important; font-weight:normal; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:9px 0 !important; white-space:nowrap; color:#353535; background:#f5f5f5; font-size:13px !important; }
.b_list_in1 td { text-align:center !important; padding:9px 8px !important; letter-spacing:0px; border-right:1px solid #e5e5e5; vertical-align:middle;font-size:13px !important;  }
.b_list_in1 td a { color:#353535; word-break:break-all; }
.b_list_in1 td a:hover { color:#217fff; }
.b_list_in1 td.txt_left { text-align:left !important; padding-left:10px; letter-spacing:0px; }
.b_list_in1 td.txt_right { text-align:right !important; padding-right:10px; letter-spacing:0px; }

.archive .title {text-align: center; font-size: 25px; margin: 40px 0px; word-break: break-all; line-height: 30px;}
.archive .info {border-top: 3px solid #d8d8d8; padding: 30px 0px 20px 0px; display: inline-block;}
.archive .info .area{float: left; width: 50%;}
.archive .info .area .photo{width: 90%; border: 1px solid #ddd; margin: 0px 0px 30px 10px; padding: 10px; text-align: center; font-size: 14px;}
.archive .info .area .date{margin: 10px; text-align: center; font-size: 14px;}
.archive_contents{min-height: 200px; border-top:1px solid #d8d8d8; padding: 20px 0; line-height: normal;}
.tx_point{display:inline-block;color:#005a77; background:#ffffff;height:15px;line-height:15px;padding:3px 5px;border-radius:5px;font-size:13px;font-weight:normal;border:1px solid #008ab5;}

.admin_txt_add1{clear:both;overflow-y:auto;margin-bottom:15px;padding:15px;height:200px;font-size:15px;border:1px solid #d7d7d7;background:#f6f6f6;line-height:24px;}
.admin_txt_add2{clear:both;-webkit-box-sizing:border-box; 	-moz-box-sizing:border-box; box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow:auto;overflow-x:hidden;margin-bottom:15px;padding:15px;height:120px;font-size:15px;border:1px solid #d7d7d7;background:#f6f6f6;line-height:24px;}
.agree_txt{clear:both;text-align:center;margin-bottom:15px;padding:15px;font-size:14px;border:2px solid #e5e5e5;background:#f5f5f5;}
.agree_check{font-size:14px;}
.agree_check select, .agree_check input, .agree_check img { vertical-align:middle;}

.end_point{overflow:hidden;margin-bottom:10px;border:1px solid #e8e8e8;text-align:center;background:#f6f6f6 ;line-height:26px;padding:55px 35px 55px 35px;font-size:16px;}
.end_point .txt_b{font-size:30px;padding:25px 0 15px 0;}
.end_point  p span{font-weight:bold;}
.end_point .b_write{width:40%;margin:30px auto 0;}
.end_point .b_write th { text-align:center; font-weight:600; border:1px solid #d7d7d7; padding:11px 10px; color:#0079a5; vertical-align:middle;background:#e5f0f4; font-size:16px; }
.end_point .b_write td { text-align:center; padding:11px 11px; letter-spacing:0;  border:1px solid #d7d7d7;  vertical-align:middle; font-size:16px;background:#fff; }
.end_point .b_write input.w_txt { border:1px solid #cecece; height:28px; padding:0 0;font-size:15px; width:94%;}
.end_point .b_write2{width:40%;margin:30px auto 0;}
.end_point .b_write2 th { text-align:center; font-weight:600; border:1px solid #d7d7d7; padding:11px 10px; color:#0079a5; vertical-align:middle;background:#e5f0f4; font-size:16px; }
.end_point .b_write2 td { text-align:center; padding:11px 11px; letter-spacing:0;  border:1px solid #d7d7d7;  vertical-align:middle; font-size:16px;background:#fff; }
.end_point .b_write2 input.w_txt { border:1px solid #cecece; height:28px; padding:0 0;font-size:15px; width:94%;}
.board_point{overflow:hidden;margin-bottom:30px;border:1px solid #e8e8e8;background:#f6f6f6 url(/inc/img/board/board_point_bl.png) no-repeat 25px 20px;line-height:26px;padding:26px 20px 26px 110px;font-size:20px;}

@media all and (max-width: 960px) {
    .b_write.mg_t30 { margin-top:20px; }
    .b_write td { padding:10px !important; }
    .b_write input.w_txt#email { width:100% !important; box-sizing:border-box; }
    .b_write input.w_txt#w_subject { width:100% !important; box-sizing:border-box; }
    .b_write input.w_txt#addr1,
    .b_write input.w_txt#addr2 { width:100% !important; box-sizing:border-box; }
    p.pd_t10 { font-size:13px; }
}

/* layer pop */
.layerPop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;}
.layerPop .popup_in{position:absolute;left:0;top:0;width:650px; max-width:100%; z-index:999;background:#fff;height:auto; font-size:13px; font-weight:300; }
.layerPop .popup_in .con{position:relative;padding:45px 45px 45px 45px;}
.layerPop .popup_in .close{position:absolute;top:16px;right:16px;}
.layerPop .popup_in .close img{width:25px;}
.layerPop .popup_in h3{font-size:18px;line-height:20px;font-weight:600;background:none;padding:0;margin-bottom:10px;}


.layerPop2{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;}
.layerPop2 .popup_in{position:absolute;right:30px;top:130px;width:650px;max-width:100%; z-index:999;background:#fff;height:auto;border:1px solid #ccc; font-size:13px; font-weight:300; }
.layerPop2 .popup_in .con{position:relative;padding:45px 45px 45px 45px;}
.layerPop2 .popup_in .close{position:absolute;top:16px;right:16px;}
.layerPop2 .popup_in .close img{width:25px;}
.layerPop2 .popup_in h3{font-size:18px;line-height:20px;font-weight:600;background:none;padding:0;margin-bottom:10px;}

@media all and (max-width: 960px) {
    .layerPop .popup_in .con{ padding:35px 15px 15px; }
    .layerPop .popup_in .close img{ width:20px; }
    .layerPop .b_write .i_txt { width:100% !important; box-sizing:border-box; }
    .layerPop .b_write input.w_txt { width:100% !important; box-sizing:border-box; }
    
    .layerPop2 .popup_in .con{ padding:35px 15px 15px; }
    .layerPop2 .popup_in .close img{ width:20px; }
    .layerPop2 .b_write .i_txt { width:100% !important; box-sizing:border-box; }
    .layerPop2 .b_write input.w_txt { width:100% !important; box-sizing:border-box; }
}

/* 아트플러스 */
.page94_write_top { clear:both; width:100%; height:100px; background:url(/inc/img/sub/page94_top_bg.gif) no-repeat right top; border-bottom:1px solid #d8d8d8; margin-bottom:70px; }
.page94_write_top dt { font-size:20px; color:#444; font-weight:500; margin-bottom:20px; }
.page94_write_top dd { font-size:14px; font-weight:300; color:#666; letter-spacing:-0.05em; }

.list2 { table-layout:fixed; clear:both; width:100%; color:#666; border-top:5px solid #000; border-bottom:1px solid #d8d8d8; line-height:normal; margin-bottom:15px; }
.list2 thead th { text-align:center; font-weight:normal; border-bottom:1px solid #8e8e8c; border-right:1px solid #fff; padding:18px 0; color:#666; background:#f2f2f2; font-size:13px; }
.list2 th { text-align:left; font-weight:normal; border-top:1px solid #fff; border-right:1px solid #d8d8d8; padding:18px 0 18px 20px; color:#666; background:#f2f2f2; font-size:14px; }
.list2 td { text-align:center; padding:20px; letter-spacing:0px; border-top:1px solid #d8d8d8; vertical-align:middle; font-size:14px; word-break:break-all; }
.list2 td a { color:#666; }
.list2 td .left {text-align:left;}
.list2 input.w_txt{ border:1px solid #cecece; height:18px; padding:0 5px; }
.list2 textarea.w_txt { border:1px solid #cecece; height:200px; width:95%; padding:0 5px; }
.list2 input, .list2 select, .list2 img { vertical-align:middle; color:#666; font-size:12px; }
.list2 select{ border:1px solid #cecece;}
.list2 select.w_txt { border:1px solid #cecece;font-size:11px;height:18px;font-family:"Dotum", "Gulim", Tahoma, Geneva, sans-serif;}
.list2 td p.btn { float:right; padding-right:10px; }
.list2 .r_line { border-right:1px solid #8e8e8c; }
.list2 .l_line { border-left:1px solid #8e8e8c; }
.list2 .l_line2 { border-left:1px solid #d8d8d8; }
.list2 .b_line { border-bottom:1px solid #fff; }
.list2 p.txt { float:left; font-size:14px; color:#666; background:url('../img/sub/txt_list1_bl.gif') no-repeat 0 0.4em; padding-left:12px; }
.list2 p.btn { float:right; }
.list2 li { clear:both; width:100%; display:inline-block; color:#666; font-size:14px; }

.page40_box + .text_red.mg_t50 { margin-top:50px; }

@media all and (max-width: 960px) {
    .page94_write_top { margin-bottom:40px; padding-bottom:20px; height:auto; background:none; }
    .list2 th { padding:13px 10px; }
    .list2 td { padding:13px 10px; }
    
    .page40_box + .text_red.mg_t50 { margin-top:30px; }
}
