/* written by jdm */

/* tab */
/**20170817
.sTabMenu {position:relative;width:100%;margin-bottom:30px;}
.sTabMenu:after {content:""; display:block; clear:both;}
.sTabMenu li {position:relative;float:left;width:19%;text-align:center;margin-right:1%;}
.sTabMenu li:last-child {margin-right:0;}
.sTabMenu li a {display:block;font-size:14px;font-weight:500;color:#787878;background:#e5e5e5;padding:10px 0;box-sizing: border-box;border:1px solid #e5e5e5;}
.sTabMenu li a:hover {text-decoration:none}
.sTabMenu li.on {width:20%;}
.sTabMenu li.on a {color:#000;text-decoration:none;border:1px solid #000;background:#fff;}
.sTabCon {}
.sTabCon ul {margin-bottom:0;}
.sTabCon li {position:relative;}
.sTabCon li a {display:block;}
.sTabCon p img {max-width:100%}

.sTabMenu.type02 li {width:33.33%;margin-right:0;}
.sTabMenu.type02 li a {background:#fff;border-left:0;}
.sTabMenu.type02 li:first-child a {border-left:1px solid #e5e5e5;}
.sTabMenu.type02 li.on a {color:#d1272e;border-top:1px solid #d1272e;border-left:1px solid #d1272e;border-right:1px solid #d1272e;border-bottom:0;}

.sTabMenu.type03 li {width:49%;margin-right:0;}
.sTabMenu.type03 li:last-child {float:right;}
.sTabMenu.type03 li.on {width:50%;}

.sTabMenu.type04 li {width:15.66666666666667%;margin-right:1%;}
.sTabMenu.type04 li:last-child {margin-right:0;}
.sTabMenu.type04 li.on {width:16.66666666666667%;}

.sTabMenu.type05 li {width:24%;margin-right:1%;}
.sTabMenu.type05 li:last-child {margin-right:0;}
.sTabMenu.type05 li.on {width:25%;}
**/

.sTabMenu {position:relative;width:100%;margin-bottom:30px;}
.sTabMenu:after {content:""; display:block; clear:both;}
.sTabMenu li {position:relative;float:left;width:100%;text-align:center;margin-right:1%; margin-top:5px;}
.sTabMenu li:last-child {margin-right:0;}
.sTabMenu li a {display:block;font-size:14px;font-weight:500;color:#787878;background:#e5e5e5;padding:10px 0;box-sizing: border-box;border:1px solid #e5e5e5;}
.sTabMenu li a:hover {text-decoration:none}
.sTabMenu li.on {width:20%;}
.sTabMenu li.on a {color:#000;text-decoration:none;border:1px solid #000;background:#fff;}
.sTabCon {}
.sTabCon ul {margin-bottom:0;}
.sTabCon li {position:relative;}
.sTabCon li a {display:block;}
.sTabCon p img {max-width:100%}

.sTabMenu.type02 li {width:33.33%;margin-right:0;}
.sTabMenu.type02 li a {background:#fff;border-left:0;}
.sTabMenu.type02 li:first-child a {border-left:1px solid #e5e5e5;}
.sTabMenu.type02 li.on a {color:#d1272e;border-top:1px solid #d1272e;border-left:1px solid #d1272e;border-right:1px solid #d1272e;border-bottom:0;}

.sTabMenu.type03 li {width:49%;margin-right:0;}
.sTabMenu.type03 li:last-child {float:right;}
.sTabMenu.type03 li.on {width:50%;}

.sTabMenu.type04 li {width:100%;margin-right:1%;}
.sTabMenu.type04 li:last-child {margin-right:0;}
.sTabMenu.type04 li.on {width:100%;}

.sTabMenu.type05 li {width:24%;margin-right:1%;}
.sTabMenu.type05 li:last-child {margin-right:0;}
.sTabMenu.type05 li.on {width:25%;}


/* table */
.table.type01 {border-top:1px solid #000;}
.table.type01 th {text-align:center;border-top:0;border-bottom:1px solid #dfdfdf;background:#f8f8f8;vertical-align:middle;}
.table.type01 td {color:#787878;border-top:0;border-bottom:1px solid #dfdfdf;vertical-align:middle;}

/* content title */
h4.tit {position:relative;}
h4.tit span.hazy {color:#787878;}
h4.bTit {line-height:1.6;margin-bottom:60px;font-weight:400;}
h4.bTit strong {font-weight:500;}
.lineTop {padding-top:10px;margin-bottom:20px;font-weight:400;}
.lineTop:before {display:block;position:absolute;top:0;left:0;width:24px;height:2px;background:#333333;content:"";}
.lineBottom {border-bottom:1px solid #d1272f;padding-bottom:15px;}
.h4mt {margin-top:30px;}

ul.list {margin-bottom:50px;margin-left:10px;}
ul.list.type02 {margin-bottom:30px;}
ul.list > li {position:relative;line-height:1.6;padding-left:20px;color:#787878;margin-bottom:8px;}
ul.list > li span.dt {color:#333333;}
ul.list > li:before {position:absolute;top:8px;left:0;width:7px;height:7px;background:url("../images/contents/ico_list_bu.png") no-repeat 0 0;content:"";}
ul.list > li > ul {padding-top:7px;}
ul.list > li > ul > li {position:relative;padding-left:15px;margin-bottom:7px;}
ul.list > li > ul > li:last-child {margin-bottom:17px;}
ul.list > li > ul > li:before {position:absolute;top:11px;left:0;width:8px;height:2px;background:#333333;content:"";}
ul.list > li > ul > li > ul {padding-top:5px;}
ul.list > li > ul > li > ul > li {margin-bottom:3px;font-size:13px;}
ul.list > li > ul > li > ul.fontParent li {font-size:14px;}
ul.list > li > ul > li > ul > li:last-child {margin-bottom:15px;}

ul.list2 > li.img:before {background:none;flaot:left;width:100px;}

ul.list .table {border-top:1px solid #333333;margin-top:10px;}
ul.list .table>thead>tr>th {border-bottom:1px solid #dfdfdf;background:#f8f8f8;text-align:center;padding:10px 0;color:#333333;}
ul.list .table>thead>tr>th:last-child {border-left:1px solid #dfdfdf;}
ul.list .table>tbody>tr>td {border-bottom:1px solid #dfdfdf;padding:10px 10px;line-height:1.6;}
ul.list .table>tbody>tr>td:last-child {border-left:1px solid #dfdfdf;}


ul.list .table2 {border-top:1px solid #333333;margin-top:10px;width:100%;}
ul.list .table2>thead>tr>th {border-bottom:1px solid #dfdfdf;background:#f8f8f8;text-align:center;padding:10px 0;color:#333333;border-left:1px solid #dfdfdf;}
ul.list .table2>thead>tr>th:first-child {border-left:none;}
ul.list .table2>tbody>tr>td {border-bottom:1px solid #dfdfdf;padding:10px 10px;line-height:1.6;border-left:1px solid #dfdfdf;text-align:center;}
ul.list .table2>tbody>tr>td:first-child {border-left:none;}
ul.list .table2>tbody>tr>td.bdl {border-left:1px solid #dfdfdf;}

ul.list .border {margin-top:10px;border:1px solid #dfdfdf;padding:10px}
ul.list .border li {padding-left:0;margin-bottom:0 !important;text-align:center;}
ul.list .border li:before {width:0;}
ul.list .border img {max-width:100%}
ul.list span.info {display:block;text-align:left;margin-top:5px;color:#787878;}

ul.list.type03 {margin-top:-10px;}
ul.list.type03 > li {border-bottom:1px solid #dfdfdf;padding:4px 0 10px 20px}
ul.list.type03 > li:before {top:12px}
ul.list.type03 > li span.dt {margin-right:15px;}

figure.bgGray {background:#f7f7f7;padding:20px;color:#787878;margin-bottom:25px;}
figure.bgGray figcaption {color:#333333;font-size:12px;}

div.bgGray {background:#f7f7f7;padding:20px;margin-bottom:10px;}
div.bgGray ul.list {margin-bottom:0 !important;}
div.bgGray ul.info {}
div.bgGray ul.info li {color:#787878;font-weight:400;}
div.bgGray ul.info li a {color:#2e5bcd;}
div.bgGray ul.btnG:after {content:""; display:block; clear:both;}
div.bgGray ul.btnG li {float:left;margin-right:10px;}
div.bgGray ul.btnG li:last-child {margin-right:0;}
div.bgGray ul.btnG li a {display:inline-block;color:#fff;font-weight:400;font-size:13px;background:#535353;padding:5px 10px}

.mbType {margin-bottom:60px !important;}

p.text {color:#787878;font-weight:400;margin-bottom:50px;}
p.text.small {color:#636363;font-size:12px;}

.nationBox {border:1px solid #dddddd;margin-bottom:50px;}
.nationBox > img {display:block;max-width:100%;text-align:center;padding:0 10px;margin:0 auto;}
.nationBox ul {margin:0 !important}
.nationBox ul:after {content:""; display:block; clear:both;}
.nationBox ul li {float:left;text-align:center;padding:35px 35px 30px}
.nationBox ul li img {max-width:100%}
.nationBox ul li span {display:block;margin-top:10px;}

/* bg icon */
.bgIco {position:relative;}
.bgIco:before {position:absolute;background:url("../images/contents/ui.png") no-repeat 0 0;content:""}

/* sub01 전체프로그램 */
.programHeader {text-align:center;box-sizing: border-box;border:1px solid #dddddd;padding:10px 0;margin-bottom:20px;}
.programHeader ul {display:inline;}
.programHeader ul li {display:inline-block;text-align:center;line-height:1.8;color:#787878;margin-right:5px;}
.programHeader li:last-child {margin-right:0;}
.programHeader ul li .input_check {vertical-align:-1px;}
.programWrap {}
.programWrap a {display:block;}
.programWrap .programBox01 {position:relative;margin-bottom:30px;}
.programWrap .programBox01 .img, .programWrap .programBox02 .img {max-width:100%}
.programWrap .row2 {width:100%;}
.programWrap .row2:after {content:""; display:block; clear:both;}
.programWrap .programBox02 {position:relative;width:47%;float:left;margin-right:3%;}
.programWrap .programBox02.last {float:right;margin-right:0;margin-left:3%;}
.programWrap dl {padding-top:10px;}
.programWrap dl dt {color:#000;margin-bottom:10px;font-size:12px;font-weight:normal;}
.programWrap dl dd {position:relative;padding-left:24px;margin-bottom:5px;font-size:11px;letter-spacing:-1px;}
.programWrap dl dd.date {color:#8e8e8e;}
.programWrap dl dd.loc {color:#ff4952;}
.programWrap dl dd.date:before {top:0;left:0;width:13px;height:14px;background-size:200px;}
.programWrap dl dd.loc:before {top:0;left:2px;width:10px;height:16px;background-size:200px;background-position:-12px 0;}
.programWrap .programBox01 .over dl dt {font-size:16px;}
.programWrap .programBox02 dl {min-height:95px;overflow:hidden;}
.programWrap .programBox02 dl dt {max-height:32px;overflow:hidden;}
.programWrap .programBox02 p.avail {position:absolute;top:0;right:0;font-size:11px;color:#fff;background:#d1272f;padding:2px 3px}
.programWrap .programBox02 p.avail_end {position:absolute;top:0;right:0;font-size:11px;color:#fff;background:#888;padding:2px 3px}

/* 온라인전시관 */
.programWrap .onlineBox {padding:10px 0 30px 0; border-top:2px solid #222; border-bottom:1px solid #222;}
.programWrap .onlineBox dl {position:relative; min-height:245px; border-top:1px solid #eee; padding:22px 0 20px 190px;}
.programWrap .onlineBox dl:first-child {border-top:0;}
.programWrap .onlineBox dl dd {font-size:11px;}
.programWrap .onlineBox dl dt {color:#333; font-weight:bold; font-size:16px;}
.programWrap .onlineBox .tmb {position:absolute; top:20px; left:0;}
.programWrap .onlineBox .tmb img {width:150px; max-height:222px; border:1px solid #ddd;}
.programWrap .onlineBox .period {height:33px; margin-bottom:7px; color:#666; font-size:16px; line-height:33px;}
.programWrap .onlineBox .period strong {margin-right:8px; color:#333;}
.programWrap .onlineBox .cont {height:85.9px; color:#666; font-size:14px; font-family:"Noto Sans KR","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:20px; overflow:hidden; padding-left: 0px; margin-top: 10px;}
.programWrap .onlineBox .more {margin-top:20px; border-top:1px solid #dcdcdc; text-align:center;}
.programWrap .onlineBox .more>span {position:relative; display:inline-block; top:-12px; padding:0 20px; background:#fff;}
.programWrap .onlineBox .more .moreClose {display:none;}
.programWrap .onlineBox .more .btn {height:21px; padding:0 9px 0 6px; border:1px solid #ddd; color:#999; font-size:11px; line-height:20px;}
.programWrap .onlineBox .more .btn span {margin-right:2px; font-size:16px; color:#222; vertical-align:middle;}
.programWrap .onlineBox .more .btn:hover span, .programWrap .onlineBox .more .btn:focus span {color:#fff;}

.programWrap .onlineBox .date .date1{color:#333333; font-weight:bold;white-space:nowrap;}
.programWrap .onlineBox .date .date2{padding-left:7px;white-space:nowrap;}

.programWrap .onlineBox .link {float:left; width:200px; padding-left: 0px;}

.btn.inline {min-width:0; height:27px; font-size:13px; line-height:25px; padding:0 15px; color:#333333; background:#fff; border:1px solid #333333;}
.btn.inline+.btn.inline {margin-left:2px;}

.sub-header .sub-title{font-size:18px; padding-top:20px;word-break:keep-all}
.btn-group .sub-title{font-size:14px; padding-top:10px;word-break:keep-all}

/* sub visual img */
.bgSub {position:relative;margin-bottom:30px;background-size:cover;min-height:197px}
.bgSub span.txt {display:block;padding:80px 20px 0;color:#fff;text-align:center;}
.bg030601 {background:url("../images/contents/sub03/bg030601.jpg") no-repeat center center;}
.bg030602 {background:url("../images/contents/sub03/bg030602.jpg") no-repeat center center;}

/* program list */
.paginationWrap {text-align:center;margin-bottom:20px;}
.paginationWrap .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color:#404040;border-color:#404040}

.schBox {max-width:532px;margin:0 auto;}
.schBox .form-control {float:left;height:30px !important;font-size:12px;color:#8e8e8e;}
.schBox select.form-control {width:23%;margin-right:1%;padding:4px 6px}
.schBox .input-group {float:left;width:76%;}
.schBox .input-group button img {height:30px;}

/* program detail */
.detailTop {margin-bottom:50px;}
.detailTop .poster {width:100%;text-align:center;margin-bottom:20px;}
.detailTop .poster img {width:100%}
.detailTop .desc p.btnList {display:none;}
p.btnList a {display:inline-block;box-sizing: border-box;padding:5px 10px;font-weight:500;color:#333333;border:1px solid #333333;letter-spacing:-1px;}
.detailTop .desc .inner h4 {font-weight:500;border-bottom:1px solid #d5d5d5;padding-bottom:10px;}
.detailTop > .desc > .inner > ul {margin:0 0 20px 0;border-bottom:1px solid #d5d5d5;padding-bottom:0px;}
.detailTop .desc .inner ul li {}
.detailTop .desc .inner ul li dl {margin-bottom:8px;}
.detailTop .desc .inner ul li dl:after {content:""; display:block; clear:both;}
.detailTop .desc .inner ul li dl dt {position:relative;padding-left:10px;float:left;margin-right:15px;}
.detailTop .desc .inner ul li dl dt:before {position:absolute;top:3px;left:0;width:5px;height:5px;background:url("../images/contents/ui.png") no-repeat -40px 0;content:"";}
.detailTop .desc .inner ul li dl dd {float:left;color:#787878;}
.detailTop .desc .inner .btnG {}
.detailTop .desc .inner .btnG:after {content:""; display:block; clear:both;}
.detailTop .desc .inner .btnG .btnBox {float:left;width:66%;}
.detailTop .desc .inner .btnG .btnBox ul {}
.detailTop .desc .inner .btnG .btnBox ul:after {content:""; display:block; clear:both;}
.detailTop .desc .inner .btnG .btnBox ul li {float:left;text-align:center;margin-right:10px;}
.detailTop .desc .inner .btnG .btnBox ul li:last-child {margin-right:0;}
.detailTop .desc .inner .btnG .btnBox ul li a {display:block;box-sizing: border-box;padding:5px 10px;font-weight:500;}
.detailTop .desc .inner .btnG .btnBox ul li.btnGal a {color:#d1272e;border:1px solid #d1272e}
.detailTop .desc .inner .btnG .btnBox ul li.btnBlk a {color:#6c6c6c;border:1px solid #333333}
.detailTop .desc .inner .btnG .snsBox {float:right;width:auto;text-align:right;}
.detailTop .desc .inner .btnG .snsBox ul {}
.detailTop .desc .inner .btnG .snsBox ul:after {content:""; display:block; clear:both;}
.detailTop .desc .inner .btnG .snsBox ul li {float:left;text-align:center;}
.detailTop .desc .inner .btnG .snsBox ul li a {display:inline-block;}
.detailTop .desc .inner .btnG .snsBox ul li a img {width:84%;}
.detailInfo {border-bottom:1px solid #d5d5d5;min-height:300px;margin-bottom:20px;}

/* 인사말 */
.inText {position:relative;line-height:1.5;}
.inText:after {position:absolute;top:0;right:0;width:441px;height:327px;background:url("../images/contents/sub02/bg_020101_right.png") no-repeat right center;content:"";z-index:-1}
.inText1 {color:#d1272f;}
.inText2 {}
.inText3 {font-weight:800;}
.inText4 {color:#787878;}

/* 운영시간 */
.btnAllView {text-align:center;margin-top:20px;}
.btnAllView a {display:inline-block;color:#d1272e;border:1px solid #d1272e;padding:10px 20px}

/* sub02 시설안내 */
.camera_thumbs_cont {background:#fff !important;}
.camera_magenta_skin {margin-bottom:130px !important;}

/* board list */
.boardSch {max-width:170px;margin-bottom:10px}
.boardSch .form-control {height:30px !important;font-size:12px;color:#8e8e8e;}
.boardList {border-top:2px solid #333333;margin-bottom:20px;}
.boardList > ul:after {content:""; display:block; clear:both;}
.boardList > ul > li {border-bottom:1px solid #dfdfdf;padding:10px 0;float:left;width:100%;}
.boardList ul li ul {width:100%;}
.boardList ul li ul:after {content:""; display:block; clear:both;}
.boardList ul li ul li {text-align:center;color:#8e8e8e;float:left;font-size:12px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.boardList ul li ul li.no {width:13%;margin-right:1%;}
.boardList ul li ul li.cate {display:none;}
.boardList ul li ul li.title {width:61%;margin-right:1%;}
.boardList ul li ul li.date {display:none;}
.boardList ul li ul li.writer {width:24%;}
.boardList ul li ul li.file {display:none;}
.boardList ul li ul li.hit {display:none;}
.boardList ul li ul li a {display:block;color:#8e8e8e;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.boardList ul li.th ul li {color:#333333;}

/* board list qna */
.boardList.qna > ul > li.reply {background:#f4f4f4;}
.boardList.qna > ul > li.reply ul li {position:relative;width:100%;}
.boardList.qna > ul > li.reply ul li a {display:block;text-align:left;padding-left:15%;margin-left:20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color:#333333;}
.boardList.qna > ul > li.reply ul li:before {position:absolute;top:0;left:15%;width:14px;height:14px;background:url("../images/contents/ui.png") no-repeat -32px 0;background-size:200px;content:"";}

/* board list 신청내역조회 */
body.xs .boardList.myHistory ul li.th {display:none;}
body.xs .boardList.myHistory ul li.td {position:relative;}
body.xs .boardList.myHistory ul li ul li.n {display:none;}
body.xs .boardList.myHistory ul li ul li.program {width:100%;}
body.xs .boardList.myHistory ul li ul li.program:after {content:""; display:block; clear:both;}
body.xs .boardList.myHistory ul li ul li.program .poster {width:30%;float:left;max-width:110px}
body.xs .boardList.myHistory ul li ul li.program .poster img {width:100%;}
body.xs .boardList.myHistory ul li ul li.program .infos {width:70%;float:left;text-align:left;}
body.xs .boardList.myHistory ul li ul li.program .infos dl {padding:0 0 0 15px;margin-bottom:5px;}
body.xs .boardList.myHistory ul li ul li.program .infos dl dt {font-size:14px;color:#333333;margin-bottom:5px;white-space:normal}
body.xs .boardList.myHistory ul li ul li.program .infos dl dd {margin-bottom:3px;}
body.xs .boardList.myHistory ul li ul li.program .infos dl dd.btnView {position:absolute;bottom:10px;right:0}
body.xs .boardList.myHistory ul li ul li.program .infos dl dd.btnView a {display:inline-block;color:#333333;padding:2px 20px;border:1px solid #333333}
body.xs .boardList.myHistory ul li ul li.cont {text-align:left;padding-left:15px;margin-bottom:5px;}
body.xs .boardList.myHistory ul li ul li.cont span {display:block;}
body.xs .boardList.myHistory ul li ul li.status {clear:both;float:inherit;margin-left:15px;text-align:left;}
body.xs .boardList.myHistory ul li ul li.status p {display:inline-block;padding:2px 10px;color:#fff;}
body.xs .boardList.myHistory ul li ul li.status p.bu_red {background:#d1272f;}
body.xs .boardList.myHistory ul li ul li.status p.bu_gray {background:#7c7c7c;}

/* board view */
.boardView {border-top:2px solid #333333;margin-bottom:20px;}
.boardView .viewHeader {padding:10px 10px;border-bottom:1px solid #d5d5d5;}
.boardView .viewHeader:after {content:""; display:block; clear:both;}
.boardView .viewHeader h4 {line-height:1.4;}
.boardView .viewHeader ul {}
.boardView .viewHeader ul:after {content:""; display:block; clear:both;}
.boardView .viewHeader ul li {position:relative;float:left;color:#8e8e8e;margin-right:10px;}
.boardView .viewHeader ul li:last-child {margin-right:0;}
.boardView .viewHeader ul li:after {position:absolute;top:3px;right:-5px;width:1px;height:12px;background:#8e8e8e;content:"";}
.boardView .viewHeader ul li:last-child:after {width:0}
.boardView .viewHeader p.file a {color:#1854b7;}
.boardView .viewHeader p.file a img {width:12px;}
.boardView .viewCon {padding:20px 10px;border-bottom:1px solid #d5d5d5;min-height:300px}
.boardView .viewCon p {text-align:justify;word-break:break-all}
.boardView .viewCon img {text-align:center;max-width:100%}
.boardView .viewFooter ul li {width:100%;border-bottom:1px solid #d5d5d5;padding:0 10px;}
.boardView .viewFooter ul li:after {content:""; display:block; clear:both;}
.boardView .viewFooter ul li a {display:block;color:#8e8e8e;padding:12px 0 28px;line-height:14px;}
.boardView .viewFooter ul li a img {display:block;float:left;width:10px;padding-top:3px;}
.boardView .viewFooter ul li a span {float:left;display:block;}
.boardView .viewFooter ul li a span.bu {color:#333333;margin-left:5px;}
.boardView .viewFooter ul li a span.title {margin-left:10px;max-width:250px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.boardView .viewFooter ul li a span.date {display:none;}

/* ach 활동 */
.imgList {margin-bottom:20px;}
.imgList ul li {border-bottom:1px solid #d5d5d5;padding:20px 0}
.imgList ul li:first-child {padding-top:0;}
.imgList ul li a {display:block;}
.imgList ul li .img {margin-bottom:20px;}
.imgList ul li .img img {width:100%}
.imgList ul li .desc dl {margin-bottom:0;}
.imgList ul li .desc dl dt {margin-bottom:10px;font-size:16px;font-weight:500;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.imgList ul li .desc dl dd {color:#787878;}
.imgList ul li .desc dl dd.txt {max-height:60px;overflow:hidden;}
.imgList ul li .desc dl dd.userDate {margin-top:5px;margin-bottom:0;}

/* comment */
.commentBox {margin-top:20px;background:#f4f4f4;}
.commentBox .inner {padding:14px 20px 7px}
.commentBox .inner dl dt {margin-bottom:5px;}
.commentBox .inner dl dd {position:relative;}
.commentBox .inner dl dd .input-group textarea.form-control {-webkit-border-radius:0;border-radius:0;}
.commentBox .inner dl dd .input-group button {position:relative;color:#d1272e;border:1px solid #d1272e !important;-webkit-border-radius:0;border-radius:0;padding:16px 10px;z-index:2}
.commentBox .inner dl dd .strChk {position:absolute;top:-20px;right:0;color:#898a90;}
.commentBox .inner dl dd .strChk span.cur {color:#d1272e;}

/* 포토갤러리 */
.photoGallery .col-xs-6:nth-child(odd) {padding:0 7px 0 15px !important}
.photoGallery .col-xs-6:nth-child(even) {padding:0 15px 0 7px !important}
.photoGallery a {display:block;box-sizing: border-box;border:1px solid #d5d5d5;margin-bottom:15px;}
.photoGallery a ul li img {width:100%;}
.photoGallery a ul li dl {margin-bottom:0;padding:10px}
.photoGallery a ul li dl dt {width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.photoGallery a ul li dl dd {font-size:11px;color:#8e8e8e;}

/* 회원 */
.txtBox {text-align:center;margin-bottom:25px;}
.txtBox p.tit {font-size:18px;}
.txtBox p.sTit {font-size:11px;}

.loginBox {max-width:452px;margin:0 auto;}
.loginBox input[type=submit] {width: 100%;display: block;margin-bottom: 10px;position: relative;}
.loginBox input[type=text], .loginBox input[type=password] {height: 40px;font-size: 16px;width: 100%;margin-bottom: 10px;-webkit-appearance: none;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;padding: 0 8px;box-sizing: border-box;}
.loginBox input[type=text]:hover, .loginBox input[type=password]:hover {border: 1px solid #b9b9b9;border-top: 1px solid #a0a0a0;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
.login-submit {border: 0px;color: #fff;text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #535353;padding: 17px 0px;font-size: 14px;}
.login-submit:hover {border: 0px;text-shadow: 0 1px rgba(0,0,0,0.3);background-color: #2f2e2e;}
.login-help {margin-bottom:30px;}
.login-help .input_check {vertical-align:-2px;}
.btnGroup-2 ul {max-width:452px;margin:0 auto;}
.btnGroup-2 ul li {text-align:center;}
.btnGroup-2 ul li:nth-child(odd) {padding:0 7px 0 0 !important}
.btnGroup-2 ul li:nth-child(even) {padding:0 0 0 7px !important}
.btnGroup-2 ul li a {display:block;padding:5px 0px}
.btnGroup-2 ul li a.btn_red {color:#d1272e;border:1px solid #d1272e}
.btnGroup-2 ul li a.btn_blk {color:#333333;border:1px solid #333333}

.joinBox .inner {border:1px solid #d5d5d5;box-sizing: border-box;padding:20px 0;min-height:151px}
.joinBox .inner.minH171 {min-height:171px}
body.xs .joinBox .inner {max-height:171px;padding:20px 20px}
.joinBox .inner a {display:block;}
.joinBox .inner img {width:50px;}
.joinBox .inner p {text-align:center;}
.joinBox .inner p span {display:block;color:#a1a1a1;font-size:11px;}

.joinStep {width:298px;height:101px;margin:0 auto 30px;background:url("../images/contents/sub04/join_step.png") no-repeat 0 0;}
.joinStep.step02 {background-position:-320px -104px}
.joinStep.step03 {background-position:-590px -208px}
.joinStep.step04 {background-position:-893px -312px;margin-bottom:50px;}

.joinStep2 {width:298px;height:101px;margin:0 auto 30px;background:url("../images/contents/sub04/join_step_en.png") no-repeat 0 0;}
.joinStep2.step02 {background-position:-320px -104px}
.joinStep2.step03 {background-position:-590px -208px}
.joinStep2.step04 {background-position:-893px -312px;margin-bottom:50px;}

.joinBox2 {border-bottom:1px solid #ededed;padding-bottom:20px;margin-bottom:30px;}
.joinBox2.bb0 {border-bottom:0;}
.joinBox2 .tit {font-size:16px;}
.joinBox2 textarea.form-control {height:140px;margin-bottom:13px;border-color:#888888;-webkit-border-radius:0;border-radius:0}
.joinBox2 .chk {color:#6c6c6c;}
.joinBox2 .chk .input_check {vertical-align:-2px;}
.joinBox2 .chk-all {font-size:16px;margin-bottom:30px;}
.joinBox2 .chk-all .input_check {vertical-align:-2px;}

.joinBox3 p.tit {margin-bottom:15px;font-size:16px;font-weight:500;}
.joinBox3 p.tit:after {content:""; display:block; clear:both;}
.joinBox3 p.tit span.req_r {float:right;text-align:right;font-size:11px;color:#d1272f;padding-top:5px;}
.joinBox3 .joinTable {border-top:1px solid #333333;margin-bottom:30px;}
.joinBox3 .joinTable > ul > li {border-bottom:1px solid #d3d3d3;padding:15px 0}
.joinBox3 .joinTable ul li ul li {color:#818080;}
.joinBox3 .joinTable ul li ul li span.block {display:block;float:left;margin:0 4px 0 2px}
.joinBox3 .joinTable ul li ul li:after {content:""; display:block; clear:both}
.joinBox3 .joinTable ul li ul li.th {color:#333333;}
.joinBox3 .joinTable ul li ul li.smPl20 {font-weight:300;}
.joinBox3 .joinTable ul li ul li.emailDotted {position:relative;}
.joinBox3 .joinTable ul li ul li.emailDotted:before {position:absolute;top:0;left:0;width:100%;height:1px;border-top:1px dashed #d3d3d3;content:"";}
.joinBox3 .joinTable ul li ul li.emailDotted label {font-weight:300;}
.joinBox3 .joinTable .input_txt {width:100%;max-width:210px;display:block;float:left;border:1px solid #d3d3d3;height:30px;padding:0 10px;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;margin-bottom:10px;}
.joinBox3 .joinTable .input_txt.last {margin-left:10px;}
.joinBox3 .joinTable .input_txt.userId {max-width:210px;}
.joinBox3 .joinTable .tel, .joinBox3 .joinTable .input_postal {max-width:90px;margin-right:5px;}
.joinBox3 .joinTable .input_email {max-width:120px;margin-right:5px;}
.joinBox3 .joinTable span.block {display:block;float:left;}
.joinBox3 .joinTable .input_radio {vertical-align:-2px;margin-left:10px;}
.joinBox3 .joinTable .input_radio:first-child {margin-left:0;}
.joinBox3 .joinTable .input_select {float:left;padding:0 10px;height:30px;border:1px solid #d3d3d3;-webkit-border-radius:0;border-radius:0;margin-right:5px;}
.joinBox3 .joinTable span.req {font-size:11px;color:#d1272f;}
.joinBox3 .joinTable a.btn_chk {display:block;float:left;background:#535353;color:#fff;padding:8px 10px 8px;line-height:14px;margin-left:5px;}
.joinBox3 .joinTable div.agree {border-bottom:1px dashed #d3d3d3;padding-bottom:10px;}
.joinBox3 .joinTable div.agree2 {padding:10px 0}
.joinBox3 .joinTable p {clear:both;margin-bottom:5px;}
.joinBox3 .joinTable .postal p:last-child .input_txt {margin-bottom:5px;width:40%;}
.joinBox3 span.help {clear:both;display:block;font-size:11px;color:#b89494;}


.joinBox4 {max-width:400px;margin:0 auto 30px;}
.joinBox4 .inner {border:1px solid #d5d5d5;box-sizing: border-box;padding:20px 0;}
.joinBox4 .inner a {display:block;}
.joinBox4 .inner img {width:50px;}
.joinBox4 .inner p {text-align:center;}
.joinBox4 .inner p span {display:block;color:#a1a1a1;font-size:11px;}

#uid_result, #uemail_result { padding-left:15px;font-size:14px; color:#d1272f;}

.findIdPw {max-width:340px;margin:0 auto;}
.findIdPw .inner {margin-bottom:50px;}
.findIdPw p.tit {padding:20px 0;border-bottom:1px solid #d5d5d5;margin-bottom:30px;}
.findIdPw label {display:block;}
.findIdPw p.userName input[type=text] {width: 100%;display: block;margin-bottom: 10px;position: relative;max-width:340px}
.findIdPw input[type=text], .findIdPw select {height: 40px;font-size: 16px;margin-bottom: 10px;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;padding: 0 8px;box-sizing: border-box;}
.findIdPw input[type=text]:hover, .findIdPw select {border: 1px solid #b9b9b9;border-top: 1px solid #a0a0a0;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);}
.findIdPw p.userTel input[type=text] {width:90px;}
.findIdPw .btn_submit {text-align:center;max-width:210px;margin:0 auto;}
.findIdPw .btn_submit a {display:block;color:#d1272e;border:1px solid #d1272e;padding:5px 0px}

/* 레이어 팝업 */
.layerPop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background:#fff;overflow-x:hidden;overflow-y:auto}
.layerPop .layerPopInner {width:100%;margin:0 auto;box-sizing: border-box;/*border:1px solid #dcdcdc;*/max-width:400px;padding-bottom:20px;}
.layerPopInner .layerClose {display:none;position:absolute;top:10px;right:10px}
.layerPopInner .layerClose img {width:20px;}
.layerPopInner p.tit {padding:10px;text-align:center;background:#fbfbfb;border-bottom:1px solid #ededed;font-size:18px;}
.layerPopInner .hasDatepicker {margin-bottom:20px;}
.layerPopInner .partcip {padding:10px 20px;margin-bottom:20px;}
.layerPopInner .partcip .input_txt, .layerPopInner .partcip .input_select {color:#787878;height:30px;border:1px solid #d1d1d1;padding:0 10px;-webkit-border-radius:1px;border-radius:1px}
.layerPopInner .partcip .input_select {height:32px;}
.layerPopInner .partcip li:last-child .input_txt {max-width:70px;text-align:right;}
.layerPopInner .partcip span.help {color:#0b6ccf;}
.layerPopInner .addSub {display:inline-block;margin:0 10px 0;vertical-align:-5px;}
.layerPopInner .addSub a {display:block;line-height:1;}
.layerPopInner .addSub a img {height:5px;}
.layerPopInner .btn_submit {text-align:center;}
.layerPopInner .btn_submit a {padding:5px 30px;color:#d1272e;border:1px solid #d1272e}
.layerPop .ui-widget.ui-widget-content {border-bottom:0;}

/* 단체관람 */
.achBox {}
.achBox .achTable {margin-bottom:30px;}
.achBox .achTable .form-horizontal {border-top:1px solid #333333;}
.achBox .achTable .form-horizontal .form-group {border-bottom:1px solid #dfdfdf;padding:15px 0;margin:0}
.achBox .achTable .form-horizontal .form-group label, .achBox .apply .form-horizontal .form-group label {font-weight:normal;}
.achBox .apply {border:1px solid #dfdfdf;}
.achBox .apply .inner {padding:20px}
.achBox .apply ol {margin-bottom:30px;}
.achBox .apply ol li {font-weight:400;margin-bottom:10px;color:#818080;}
.achBox .apply ol li a.down {font-weight:400;margin-top:10px;background:#535353;color:#fff;display:inline-block;text-align:center;padding:5px 10px;margin-left:10px;}
.achBox .apply .form-horizontal {margin-top:20px;}
.achBox .apply .form-horizontal .control-label {color:#333333;}
.btnCenter {text-align:center;}
.btnCenter .btn_red {display:inline-block;padding:5px 30px;color:#d1272e;border:1px solid #d1272e}

/* 뉴스레터 */
.borderBox {border:1px solid #dfdfdf;margin-bottom:30px;}
.borderBox > img {display:block;max-width:100%;text-align:center;padding:0 10px;margin:0 auto;}
.borderBox .inner {padding:20px}

/* 조직도 */
.orgBox {border-top:1px solid #333333;}
.orgBox ul {border-bottom:1px solid #dfdfdf;padding:15px 10px;margin-bottom:0;}
.orgBox ul.th {display:none;background:#f8f8f8;text-align:center;color:#333333;}
.orgBox ul.td {}
.orgBox ul.rowspan {border-bottom:0;}
.orgBox ul:after {content:""; display:block; clear:both;}
.orgBox ul li {float:left;color:#787878;margin-left:5px;}
.orgBox ul.td li.col01 {width:100%;color:#333333;} 
.orgBox ul.rowspan li.col01 {padding:15px 0;}
.orgBox ul.td li.nbsp {display:none;}
.orgBox ul.last {padding-bottom:15px !important;}
/*
.orgBox .rowBox p.tit {display:none;}
*/

/* faq */
.faqList {width:100%;margin:0 auto;overflow:hidden;border-top:2px solid #333333;}
.faqList .qna {position:relative;color:#333333;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.faqList .qna li {position:relative;}
.faqList .qna > li {overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.faqList .qna li a span {font-size:20px;font-weight:600;color:#d1272e;}
.faqList .qna li a {display:block;position:relative;padding:18px 20px;color:#333333;font-weight:400;border-top:1px solid #e5e5e5;}
.faqList .qna li a:hover, .faqList .qna li a:focus {text-decoration:none}
.faqList .qna li a .i {position:absolute;top:47%;right:4%;width:16px;height:10px;background:url("../images/community/ico_co_arrow.png") no-repeat 0 0;}
.faqList .qna li a img {vertical-align:middle;}
.faqList .qna li li {border-bottom:0;padding:5px 20px 25px}
.faqList .qna li li a {line-height:1.6;}
.faqList .qna li li a span {font-size:20px;color:#474646;}
.faqList .qna li.active { border:0; z-index:2;}
.faqList .qna li.active a { color:#333333;border-bottom:0;}
.faqList .qna li li.active { border:0;}
.faqList .qna li.active li a {padding:20px 20px 20px 20px;border:0;height:auto;background:#f5f5f5;color:#818080}
.faqList .qna li.active .i {background-position:0 -50px}
.faqList .qna li.active li.active a {padding:20px 20px 20px 20px;height:auto;line-height:1.6;color:#818080;}
.faqList .qna li.active li a.inline_link {padding:0px; padding-right:12px; background:url(../images/common/ic_external.png) no-repeat right center; }


/* 대관안내 */
.progBox {border-top:1px solid #333333;margin-bottom:50px;}
.progBox ol {}
.progBox ol li {border-bottom:1px solid #dfdfdf;padding:10px;font-size:16px;}
.progBox ol li span.block {display:block;color:#787878;font-size:14px;margin-top:5px;}
.progBox ol li span.block a {color:#2e5bcd;}
.progBox ol li span.block span.small {color:#636363;font-size:12px;}

/* 단체 */
.progBox span.small {color:#636363;}
.progBox .table {margin-bottom:5px;}
.progBox .table>thead>tr>th {text-align:center;color:#333333;border-bottom:1px solid #dfdfdf;background:#f8f8f8;}
.progBox .table>colgroup+thead>tr:first-child>th {border-right:1px solid #dfdfdf;}
.progBox .table>colgroup+thead>tr:first-child>th:last-child {border-right:0;}
.progBox .table>tbody>tr>td {color:#787878;border-right:1px solid #dfdfdf;text-align:center;border-bottom:1px solid #dfdfdf}
.progBox .table>tbody>tr>td:last-child {border-right:0;}

.progBox ul {border-bottom:1px solid #dfdfdf;padding:10px;margin-bottom:0;font-weight:400;}
.progBox ul:after {content:""; display:block; clear:both;}
.progBox ul.th {background:#f8f8f8;}
.progBox ul.td {height:100%;}
.progBox ul li {float:left;margin-right:10px;}
.progBox ul li:last-child {border-right:0;margin-right:0;}
.progBox ul li strong {color:#333333;font-weight:400;}
.progBox ul.td li {color:#787878;font-weight:400;}
.progBox ul.tf {background:#f8f8f8;}

/* 오시는길 */
.map {width:100%;height:100%;margin-bottom:30px;}
.map img {max-width:100%}
.media .media-body {word-break:break-all}
.media .media-body h4.media-heading {color:#d1272f;font-size:16px;font-weight:400;}
/* CI소개 */
.ciimg {width:100%}
.ci01{margin-top:30px;}
.ci01:after {content:'';display:block;clear:both;}
.ci01 div.cil {float:left; width:69.9%;}
.ci01 div.cil img{width:100%;}
.ci01 div.cir {float:right;text-align:left;padding-left:30px; padding-top:10px; width:30%;}
.ci02:after {content:'';display:block;clear:both;}
.ci02 li{float:left;width:33.3%;}
.ci02 li p{margin:10px 0px;}
.ci02 li img {width:90%;}

.faqList .qna li a.inline_link {display:inline;font-weight:400;}
.terms {width:100%;height:140px;display:block;overflow-y:auto;border:1px solid #ddd; padding:15px;}

.pictures {display:block;width:100%;margin-top:35px;margin-bottom:35px;}
.pictures:after {display:block;clear:both;content:'';}
.pictures.num1 li img,.pictures.num2 li img,.pictures.num3 li img {width:100%;}
.pictures.num1 li {width:98%;}
.pictures.num2 li {width:49%;float:left;margin-right:3px;}
.pictures.num3 li {width:32.4%;float:left;margin-right:3px;}
.row-txt {margin:15px 0px;}

@media (min-width: 387px) {
	.findIdPw p.userTel input[type=text] {width:125px;}
}

@media (min-width: 484px) {
	/* 단체관람 */
	.achBox .apply ol li a.down {margin-top:0;}
}


@media (min-width: 580px) {
	/* board view */
	.boardView .viewFooter ul li a span.date {float:right;display:block;}
}

@media (min-width: 768px) {

	/* sub01 전체프로그램 */
	.programWrap .programBox01 .over {position:absolute;bottom:0;left:0;width:100%;background:#100f0e;opacity: 0.8;filter: alpha(opacity=80);}
	.programWrap .programBox01 .over dl {padding:20px 20px 0px;margin-bottom:10px;}
	.programWrap .programBox01 .over dl:after {content:""; display:block; clear:both;}
	.programWrap .programBox01 .over dl dt {display:inline-block;float:left;text-align:left;color:#fff;font-size:24px;max-width:450px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.programWrap .programBox01 .over dl dd {float:right;clear:both;text-align:left;font-size:15px;}
	.programWrap .programBox01 .over dl dd.date {color:#e3e2e2;margin-top:-50px;}
	.programWrap .programBox01 .over dl dd.loc {margin-right:19px;margin-top:-20px;}
	.programWrap .programBox02 dl dt {font-size:17px;max-height:45px}
	.programWrap .programBox02 dl dd {font-size:14px;}
	.programWrap dl dd.date:before {top:0;left:0;width:18px;height:19px;background-size:300px;}
	.programWrap dl dd.loc:before {top:0;left:2px;width:13px;height:21px;background-size:300px;background-position:-19px 0;}
	.programWrap .programBox02 p.avail {top:inherit;top:15px;right:15px;font-size:12px;border-radius:50%;padding:5px 10px}
	.programWrap .programBox02 p.avail span.block {display:block;}
	.programWrap .programBox02 p.avail_end {position:absolute;top:0;right:0;font-size:11px;color:#fff;background:#888;padding:2px 3px}
	.programWrap .programBox02 p.avail_end span.block {display:block;}
	
	/* 온라인 전시 */
	.programWrap .onlineBox dl dt {font-size:22px;font-weight:bold;max-height:45px}
	.programWrap .onlineBox dl dd {font-size:14px;}	

	/* sub visual img */
	.bgSub span.txt {font-size:18px;}

	/* program detail */
	.detailTop:after {content:""; display:block; clear:both;}
	.detailTop .poster {float:left;width:30%;margin-right:4%;}
	.detailTop .desc {float:left;width:66%;}
	.detailTop .desc .inner {clear:both;border-top:2px solid #333333;padding-top:8px;}
	.detailTop .desc .inner h4 {padding-left:10px;}
	.detailTop > .desc > .inner > ul {padding:0 15px}
	.detailTop .desc .inner .btnG .btnBox ul li a {min-width:130px;padding:5px 20px}

	/* board list */
	.boardList ul li ul li.no {width:7%;margin-right:0;}
	.boardList ul li ul li.cate {display:block;width:8%;color:#333333;margin-right:1%;}
	.boardList ul li ul li.title {width:48%;margin-right:0;}
	.boardList ul li ul li.date {display:block;width:12%;}
	.boardList ul li ul li.writer {width:12%;}
	.boardList ul li ul li.file {display:block;width:6%;}
	.boardList ul li ul li.file img {width:13px}
	.boardList ul li ul li.hit {display:block;width:6%;}

	/* board list qna */
	.boardList.qna > ul > li.reply ul li a {padding-left:8%;}
	.boardList.qna > ul > li.reply ul li:before {left:8%}

	/* board list 신청내역조회 */
	.boardList.myHistory ul li.th {}
	.boardList.myHistory ul li ul li.n {width:12%;}
	.boardList.myHistory ul li.td li.n {padding-top:75px;}
	.boardList.myHistory ul li ul li.program {width:56%;}
	.boardList.myHistory ul li ul li.program:after {content:""; display:block; clear:both;}
	.boardList.myHistory ul li ul li.program .poster {width:30%;float:left;max-width:110px}
	.boardList.myHistory ul li ul li.program .poster img {width:100%;}
	.boardList.myHistory ul li ul li.program .infos {width:70%;float:left;text-align:left;}
	.boardList.myHistory ul li ul li.program .infos dl {padding:15px 0 0 15px}
	.boardList.myHistory ul li ul li.program .infos dl dt {font-size:14px;color:#333333;margin-bottom:5px;white-space:normal}
	.boardList.myHistory ul li ul li.program .infos dl dd {margin-bottom:3px;}
	.boardList.myHistory ul li ul li.program .infos dl dd.btnView {margin-top:20px;}
	.boardList.myHistory ul li ul li.program .infos dl dd.btnView a {display:inline-block;color:#333333;padding:5px 20px;border:1px solid #333333}
	.boardList.myHistory ul li ul li.cont {width:17%;}
	.boardList.myHistory ul li ul li.cont span {display:block;text-align:left;}
	.boardList.myHistory ul li ul li.cont span:first-child {margin-top:50px;}
	.boardList.myHistory ul li ul li.status {width:15%;}
	.boardList.myHistory ul li ul li.status p {margin-top:60px;display:inline-block;padding:5px 10px;color:#fff;min-width:60px}
	.boardList.myHistory ul li ul li.status p.bu_red {background:#d1272f;}
	.boardList.myHistory ul li ul li.status p.bu_gray {background:#7c7c7c;}

	/* board view */
	.boardView .viewHeader p.file {float:right;margin-top:-32px;}
	.boardView .viewFooter ul li a span.title {max-width:400px;}

	/* board insert */
		
	.tb01 {width:100%;display:block;border-top:2px solid #000;}
	.tb01 table {width:100%;border-left:1px solid #e5e5e5;}
	.tb01 tr th {padding:10px 0px 10px 0px;color:#333;font-size:14px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#f6f7f7;color:#000;height:21px;text-align:center;}
	.tb01 tr td {padding:8px 5px;color:#666;font-size:13px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#fff;font-weight:500;text-align:left;letter-spacing:-0.5px;}
	.tb01 .total {background:#f4f8fe;color:#1246a2;font-size:15px;font-weight:600;}
	.tb01 td input[type="text"] {width:96%;padding:3px 5px;}
	.tb01 td textarea {width:96%;padding:3px 5px;}
	
	.tb02 {display:block;width:92%;margin:0px auto;border-top:2px solid #000;}
	.tb02 table {width:100%;border:1px solid #e5e5e5;}
	.tb02 tr th {padding:10px 0px 10px 20px;color:#333;font-size:13px;border-bottom:1px solid #e5e5e5;background:#f6f7f7;color:#000;height:20px;text-align:left;}
	.tb02 tr td {padding:10px 30px 10px 20px;color:#666;font-size:13px;border-bottom:1px solid #e5e5e5;background:#fff;font-weight:600;text-align:right;letter-spacing:-0.5px;}
		
	p.btnList button {display:inline-block;box-sizing: border-box;padding:5px 10px;font-weight:500;color:#333333;background-color:#fff;border:1px solid #333333;letter-spacing:-1px; width:150px; margin-top:15px;}

	/* 인사말 */
	.inText span.block {display:block;}
	.inText1 {font-weight:500;font-size:20px;}
	.inText2 {}
	.inText3 {font-size:18px;}
	.inText4 {font-size:16px;}

	/* 운영시간 */
	.btnAllView {text-align:left;margin-left:30px;}
	.btnAllView a {padding:10px 30px;font-weight:600;}

	/* ach 활동 */
	.imgList {border-top:2px solid #333333;}
	.imgList ul {}
	.imgList ul li:after {content:""; display:block; clear:both;}
	.imgList ul li:first-child {padding-top:20px;}
	.imgList ul li .img {float:left;width:31.62393162393162%;margin-right:2.393162393162393%;margin-bottom:0;}
	.imgList ul li .desc {float:left;width:65%;}
	.imgList ul li .desc dl dt {margin-top:15px;}

	/* comment */
	.commentBox .inner {padding:24px 30px 14px}

	/* 포토갤러리 */
	.photoGallery .col-xs-6:nth-child(odd) {padding:0 15px 0 15px !important}
	.photoGallery .col-xs-6:nth-child(even) {padding:0 15px 0 15px !important}
	.photoGallery a {margin-bottom:30px;}

	/* 회원 */
	.txtBox {margin-bottom:30px;}
	.txtBox p.tit {font-size:28px;letter-spacing:-1px;margin-bottom:5px;}
	.txtBox p.sTit {font-size:16px;}

	.loginBox {max-width:760px;box-sizing: border-box;border:1px solid #d5d5d5;margin-bottom:30px;}
	.loginBox .inner {position:relative;padding:50px 112px 40px 100px}
	.loginBox p:after {content:""; display:block; clear:both;}
	.loginBox p.submit {position:absolute;top:50px;right:112px}
	.loginBox p.submit .login-submit {padding:36px 20px;font-size:20px;}
	.loginBox label {float:left;width:90px;font-size:18px;font-weight:normal;line-height:40px;}
	.loginBox input[type=text], .loginBox input[type=password] {float:left;width:300px}
	.login-help {margin-left:90px;margin-top:-10px;margin-bottom:0;}
	.btnGroup-2 ul li a {padding:10px 0}
	.btnGroup-2 ul li:nth-child(odd) {padding:0 14px 0 0 !important}
	.btnGroup-2 ul li:nth-child(even) {padding:0 0 0 14px !important}
	.btnGroup-2 ul {max-width:452px;margin:0 auto;}

	.btnGroup-2 ul li a {display:block;padding:5px 0px}
	.btnGroup-2 ul li a.btn_red {color:#d1272e;border:1px solid #d1272e}
	.btnGroup-2 ul li a.btn_blk {color:#333333;border:1px solid #333333}

	.joinBox {max-width:780px;margin:0 auto;}
	.joinBox .inner {padding:40px 0;min-height:261px}
	.joinBox .inner img {width:105px;}
	.joinBox .inner p {font-size:24px;}
	.joinBox .inner p span {font-size:14px;}

	.joinStep.step02 {margin-bottom:80px;}
	.joinStep.step04 {margin-bottom:80px;}
	.joinStep2.step02 {margin-bottom:80px;}
	.joinStep2.step04 {margin-bottom:80px;}

	.joinBox3 .joinTable > ul > li {padding:0}
	.joinBox3 .joinTable ul li ul:after {content:""; display:block; clear:both;}
	.joinBox3 .joinTable ul li ul li {float:left;width:79%;padding:15px 0}
	.joinBox3 .joinTable ul li ul li.th {background:#f7f7f7;width:19%;margin-right:2%;}
	.joinBox3 .joinTable ul li ul li.th label {display:block;font-weight:normal;padding-left:20px;}
	.joinBox3 .joinTable ul li ul li.emailLabel {width:auto;margin-right:5%;padding-left:20px;}
	.joinBox3 .joinTable ul li ul li.emailLabel label {display:inline-block;font-weight:normal;padding-left:20px;vertical-align:-3px;}
	.joinBox3 .joinTable ul li ul li.emailBox {padding-bottom:5px;}

	.joinBox3 .joinTable ul li ul li.smPl20 {padding-left:20px;}
	#uid_result, #uemail_result { padding-left:15px;font-size:14px; color:#d1272f;}
	
	.joinBox4 {max-width:700px;}
	.joinBox4 .inner {padding:40px 0;}
	.joinBox4 .inner img {width:105px;}
	.joinBox4 .inner p {font-size:24px;}
	.joinBox4 .inner p span {font-size:14px;}

	.findIdPw {max-width:760px;margin:0 auto;}
	.findIdPw .inner {margin-bottom:40px;border:1px solid #d5d5d5;padding:15px 30px 40px}
	.findIdPw .findBox {padding-left:104px;}
	.findIdPw p:after {content:""; display:block; clear:both;}
	.findIdPw p.tit {font-size:20px;text-align:center;padding:20px 0 30px;margin-bottom:50px;}
	.findIdPw label {display:inline-block;float:left;width:90px;font-size:18px;font-weight:500;padding-top:5px;}
	.findIdPw p.userName input[type=text] {float:left;max-width:423px;}
	.findIdPw select {min-width:110px}
	.findIdPw p.userTel input[type=text] {width:136px;}
	.findIdPw p.userTel span {vertical-align:4px;margin:0 5px}
	.findIdPw .btn_submit a {padding:10px 0px}

	/* 단체관람 */
	.achBox .achTable .form-horizontal {border-top:2px solid #333333;}
	.achBox .achTable .form-horizontal .form-group {padding:0}
	.achBox .achTable .form-horizontal .form-group label {background:#f7f7f7;}
	.achBox .achTable .form-horizontal .control-label {text-align:left;padding:14px}
	.achBox .achTable .form-horizontal .form-group .form-control {height:auto;padding:12px 12px 14px;border:none;-webkit-box-shadow:none;box-shadow:none}
	.achBox .apply .form-horizontal {background:#f7f7f7;padding:30px 0}

	.lineBottom {padding-bottom:20px;}
	
	/* 기관개요 */
	ul.list .table>thead>tr>th {padding:15px 0}
	ul.list .table>tbody>tr>td {padding:15px 0 15px 27px;line-height:1.8;}
	/*ul.list span.info {text-align:right;}*/

	ul.list.type03 {margin-top:-15px;}
	ul.list.type03 > li span.dt {display:inline-block;min-width:110px}
	ul.list.type03 > li:before {top:13px}

	/* 조직도 */
	.orgBox ul {box-sizing: border-box;width:100%;padding:0;}
	.orgBox ul li {position:relative;margin-left:0;padding:15px 0;}
	.orgBox ul li:before {position:absolute;top:0;left:0;width:1px;height:100%;background:#dfdfdf;content:"";}
	.orgBox ul li:first-child:before {width:0;}
	.orgBox ul.th {display:block;}
	.orgBox ul.th li {float:left;color:#333333;}
	.orgBox ul.td li {text-align:center;}
	.orgBox ul.td li.nbsp {display:block;}
	.orgBox ul li.col01 {width:15% !important;}
	.orgBox ul li.col02 {width:12%;}
	.orgBox ul li.col03 {width:13%;}
	.orgBox ul li.col04 {width:15%;}
	.orgBox ul li.col05 {width:15%;}
	.orgBox ul li.col06 {width:30%;text-align:left;}
	.orgBox ul.rowspan li.col01 {padding:0 !important}
	.orgBox ul.rowspan {border-bottom:1px solid #dfdfdf;}
	.orgBox ul.last {padding-bottom:0 !important;}
	.orgBox .rowBox {position:relative;}
	/*
	.orgBox .rowBox p.tit {position:absolute;top:50%;left:0;display:inline-block;width:15%;height:50%;;background:#fff;z-index:2;margin-top:-10px;text-align:center;}
	.orgBox .rowBox .t01 {margin-top:-30px !important;left:1%;width:14%;}
	.orgBox .rowBox .t01 span {display:inline-block;margin-top:20px;}
	*/
	.orgBox .rowBox .t01 {position:absolute;top:10%;left:0;display:inline-block;width:15%;height:90%;;background:#fff;z-index:2;margin-top:-10px;text-align:center;margin-top:-30px !important;}
	.orgBox .rowBox .t01 span {display:inline-block;margin-top:20px;}
	.orgBox .rowBox .t02 {position:absolute;top:20%;left:0;display:inline-block;width:15%;height:70%;;background:#fff;z-index:2;margin-top:-10px;text-align:center;margin-top:-30px !important;}
	.orgBox .rowBox .t02 span {display:inline-block;margin-top:20px;}
	.orgBox .rowBox .t03 {position:absolute;top:20%;left:0;display:inline-block;width:15%;height:80%;;background:#fff;z-index:2;margin-top:-10px;text-align:center;margin-top:-30px !important;}
	.orgBox .rowBox .t03 span {display:inline-block;margin-top:20px;}
	
	
	/* 대관안내 */
	.progBox ol:after {content:""; display:block; clear:both;}
	.progBox ol li {position:relative;padding:0;}
	.progBox ol li span.tit {display:block;width:28%;background:#f7f7f7;font-size:16px;padding:25px 0 25px 20px}
	.progBox ol li span.block {position:absolute;top:25px;left:31%;margin-top:0;}
	.progBox ol li:first-child span.block {top:15px}
	
	/* 단체 */
	.progBox ul {padding:0}
	.progBox ul li {position:relative;margin-right:0;text-align:center;padding:8px 0;}
	.progBox ul li:before {position:absolute;top:0;left:0;width:1px;height:100%;background:#dfdfdf;content:"";}
	.progBox ul li:first-child {width:10%;}
	.progBox ul li:first-child:before {width:0;}
	.progBox ul li:nth-child(2) {width:20%;}
	.progBox ul li:nth-child(3) {width:50%;}
	.progBox ul.td li:nth-child(3) {text-align:left;padding-left:30px;padding-right:30px;}
	.progBox ul li:last-child {width:20%;}
	.progBox ul.tf li:first-child {width:80%;}
	.progBox ul.tf li:last-child {width:20%;}

	div.bgGray:after {content:""; display:block; clear:both;}
	div.bgGray ul {margin-bottom:0;}
	div.bgGray ul.info {float:left;}
	div.bgGray ul.info li {line-height:1.6;font-size:16px;}
	div.bgGray ul.info li a {font-size:16px;}
	div.bgGray ul.btnG {float:right;margin:15px 15px 0 0}
	div.bgGray ul.btnG li {float:left;margin-right:10px;text-align:center;}
	div.bgGray ul.btnG li:last-child {margin-right:0;}
	div.bgGray ul.btnG li a {min-width:170px;font-size:15px;padding:8px 30px}

	/* 오시는길 */
	.media .media-body {font-size:16px;}
	#layer02 {height:500px;margin-top:-250px;}

	#layer02 .layerPopInner .layerClose {top:25px;right:25px;}
}

@media (min-width: 992px) {
	/* 회원 */
	.loginBox input[type=text], .loginBox input[type=password] {width:290px}

	.layerPop {top:50%;left:50%;width:1000px;height:400px;margin-top:-200px;margin-left:-500px;}
	.layerPop .layerPopInner {width:100%;border:1px solid #dcdcdc;max-width:1000px;padding-bottom:0;}
	.layerPopInner .addSubBox {padding-left:0;}
	.layerPopInner .dateP {border-right:1px solid #ededed;padding-right:0;}
	.layerPopInner p.tit {padding:14px}
	.layerPopInner .partcip {padding:30px 45px}
	.layerPopInner .partcip li {margin-bottom:5px;}
	.layerPopInner .partcip li:after {content:""; display:block; clear:both;}
	.layerPopInner .partcip li label {float:left;font-size:18px;font-weight:500;margin-right:40px;padding-top:5px;}
	.layerPopInner .partcip li p {float:left;}
	.layerPopInner .partcip .input_txt {font-size:15px;height:34px;}
	.layerPopInner .partcip .input_select {height:38px;}
	.layerPopInner .addSub {vertical-align:-8px;}
	.layerPopInner .addSub a {line-height:1.3;}
	.layerPopInner .addSub a img {height:7px;}
	.layerPopInner .btn_submit a {font-size:17px;padding:10px 70px}
	.layerPop .ui-widget.ui-widget-content {max-width:380px;margin:0 auto;}
	.layerPop .ui-datepicker td {padding:7px 15px}

	#layer02 {height:500px;margin-top:-250px;}
	#layer02 .layerPopInner {padding:20px}

	.borderBox {margin-bottom:40px;font-size:18px;font-weight:300;}
	.borderBox .inner {padding:30px 40px}

}

@media (min-width: 1200px) {

	/* tab */
	.sTabMenu {margin-bottom:60px;}
	.sTabMenu li a {font-size:17px;padding:17px 0}

	.sTabMenu.type02 li a {font-size:16px;padding:12px 0;}
	.sTabMenu.type02 li.on a {border-top:2px solid #d1272e;border-left:2px solid #d1272e;border-right:2px solid #d1272e;}

	/* content title */
	h4.tit {font-size:25px;}
	h4.bTit {font-size:28px;line-height:1.6;margin-bottom:75px ;}
	.lineTop {margin-bottom:25px;}
	.h4mt {margin-top:60px;}

	ul.list {margin-bottom:60px;}
	ul.list li {font-size:16px;}
	ul.list > li:before {top:10px}
	ul.list > li > ul > li > ul > li {font-size:14px;}
	ul.list > li > ul > li > ul.fontParent li {font-size:16px;}
	figure.bgGray {font-size:16px;padding:25px 35px}
	figure.bgGray figcaption {font-size:14px;}

	.nationBox ul li {min-width:233px}
	.nationBox ul li span {font-size:18px;}

	p.text {font-size:16px;line-height:1.6;margin-bottom:70px;}
	p.text.small {font-size:14px;}

	/* table */
	.table.type01 th {font-size:16px;padding:12px 0px}
	.table.type01 td {font-size:16px;padding:12px 0px 12px 30px}

	/* sub01 전체프로그램 */
	.programHeader {padding:30px 0;margin-bottom:30px;}
	.programHeader ul li {font-size:17px;margin-right:35px;}
	.programWrap dl {padding-top:15px;}
	.programWrap dl dt {margin-bottom:15px;}
	.programWrap .programBox01 {margin-bottom:60px;}
	.programWrap .programBox01 .over dl {padding:25px 45px 0}
	.programWrap .programBox01 .over dl dt {font-size:30px;}
	.programWrap .programBox01 .over dl dd {font-size:18px;margin-top:-30px;}
	.programWrap .programBox01 .over dl dd.date {margin-top:-64px;}
	.programWrap .programBox01 .over dl dd.loc {margin-right:31px;margin-top:-30px;}
	.programWrap .programBox02 {margin-bottom:30px;}
	.programWrap .programBox02 dl dt {font-size:22px;max-height:60px}
	.programWrap .programBox02 dl dd {font-size:16px;}
	
	/* 온라인 전시 */
	.programWrap .onlineBox {margin-bottom:30px;}
	.programWrap .onlineBox dl dt {color:#333;font-size:24px;font-weight:bold;line-height:25px;}
	.programWrap .onlineBox dl dd {font-size:16px;}	

	/* sub visual img */
	.bgSub {height:320px;margin-bottom:60px;}
	.bgSub span.txt {font-size:30px;padding:130px 100px 0}

	/* sub02 시설안내 */
	.camera_magenta_skin {margin-bottom:150px !important;}

	/* program list */
	.schBox .form-control {height:40px !important;font-size:14px;}
	.schBox .input-group button img {height:40px;}

	/* program detail */
	.detailTop .desc p.btnList {display:block;float:right;}
	p.btnList a {font-size:15px;}
	.detailTop .desc .inner h4 {font-size:24px;font-weight:normal;margin-bottom:15px;}
	.detailTop > .desc > .inner > ul {padding:0 17px 5px}
	.detailTop .desc .inner ul li dl dt, .detailTop .desc .inner ul li dl dd {font-size:16px;}

	/* 인사말 */
	.inText {margin-bottom:70px;}
	.inText1 {font-size:41px;}
	.inText2 {font-size:27px;}
	.inText3 {font-size:36px;}

	/* 운영시간 */
	.btnAllView a {padding:12px 60px;font-size:17px;}

	/* board list */
	.boardSch .form-control {height:40px !important;font-size:14px;}
	.boardList {margin-bottom:40px;}
	.boardList > ul > li {padding:15px 0}
	.boardList ul li ul li {font-size:15px;}
	.boardList ul li ul li.file img {width:17px}

	/* board list qna */
	.boardList.qna ul li ul li.title {width:57%; text-align:left;}
	.boardList.qna > ul > li.reply ul li a {padding-left:9%}
	.boardList.qna > ul > li.reply ul li:before {left:9%;width:19px;height:17px;background-position:-50px 0;background-size:300px;content:"";}

	/* board list 신청내역조회 */
	.boardList.myHistory ul li ul li.n {width:10%;}
	.boardList.myHistory ul li ul li.program {width:60%;}
	.boardList.myHistory ul li ul li.program .poster {margin-top:8px;}
	.boardList.myHistory ul li ul li.program .infos dl {padding:15px 0 0 35px}
	.boardList.myHistory ul li ul li.program .infos dl dt {font-size:23px;font-weight:normal;letter-spacing:-1px;}
	.boardList.myHistory ul li ul li.program .infos dl dd.btnView a {padding:5px 40px}
	.boardList.myHistory ul li ul li.cont {width:15%;}
	.boardList.myHistory ul li ul li.status p {padding:5px 20px;min-width:90px}
	.boardList.myHistory ul li.td ul li.cont span {margin-bottom:5px;}


	/* board view */
	.boardView .viewHeader {padding:16px 20px}
	.boardView .viewHeader h4 {font-size:25px;}
	.boardView .viewHeader ul li {font-size:15px;margin-right:20px;}
	.boardView .viewHeader p.file a img {width:17px;}
	.boardView .viewCon {padding:40px 20px}
	.boardView .viewCon p {font-size:15px;}
	.boardView .viewFooter ul li {padding:0 20px}
	.boardView .viewHeader ul li:after {right:-10px;top:4px}
	.boardView .viewFooter ul li a {font-size:15px;line-height:15px;padding:22px 0 36px}
	.boardView .viewFooter ul li a img {width:16px;}
	.boardView .viewFooter ul li a span.bu {margin-left:25px;}
	.boardView .viewFooter ul li a span.title {margin-left:35px;max-width:650px}

	/* ach 활동 */
	.imgList ul li {position:relative;}
	.imgList ul li .desc dl dd.userDate {position:absolute;bottom:35px;left:310px}

	/* comment */
	.commentBox .inner {padding:27px 40px 14px}
	.commentBox .inner dl dt {font-size:18px;font-weight:normal;}
	.commentBox .inner dl dd .input-group textarea.form-control {height:80px;}
	.commentBox .inner dl dd .input-group button {font-size:16px;padding:28px 40px}
	.commentBox .inner dl dd .strChk {right:120px;top:-23px}
	p.btnList.lgm40 {margin:40px 0}

	/* 포토갤러리 */
	.photoGallery a ul li dl {padding:20px}
	.photoGallery a ul li dl dt {font-size:19px;font-weight:normal;letter-spacing:-1px;margin-bottom:4px;}
	.photoGallery a ul li dl dd {font-size:16px;letter-spacing:-1px;}
	.photoGallery a ul li dl dd span {margin:0 5px}

	/* 회원 */
	.loginBox p.submit {right:118px}
	.loginBox p.submit .login-submit {padding:36px 30px;}
	.loginBox input[type=text], .loginBox input[type=password] {width:316px}

	
	.joinStep {margin-bottom:70px;width:100%;}
	.joinStep2 {margin-bottom:70px;width:100%;}
	.joinBox2 {padding-bottom:25px;margin-bottom:45px;}
	.joinBox2 .tit {font-size:20px;margin-bottom:15px;}
	.joinBox2 textarea.form-control {padding:20px 24px}
	.joinBox2 .chk .input_check {vertical-align:-1px;}
	.joinBox2 .chk-all {margin-top:-20px;font-size:18px;margin-bottom:50px;}
	.joinBox2 .chk-all .input_check {vertical-align:0;}

	.joinStep.step02 {margin-bottom:110px;background-position:0 -104px}
	.joinStep.step03 {background-position:0 -208px}
	.joinStep.step04 {background-position:-320px -312px;margin-bottom:80px;}
	
	.joinStep2.step02 {margin-bottom:110px;background-position:0 -104px}
	.joinStep2.step03 {background-position:0 -208px}
	.joinStep2.step04 {background-position:-320px -312px;margin-bottom:80px;}

	.joinBox3 p.tit {font-size:20px;}
	.joinBox3 p.tit span.req_r {font-size:14px;padding-top:8px;}
	.joinBox3 .joinTable {margin-bottom:40px;}
	.joinBox3 .joinTable ul li ul li {padding:25px 0;font-size:18px;width:78%;}
	.joinBox3 .joinTable ul li ul li.th {margin-right:3%;}
	.joinBox3 .joinTable ul li ul li.th label {font-size:18px;padding-left:35px;}
	.joinBox3 .joinTable .input_txt {height:40px;font-weight:300;margin-bottom:0;}
	.joinBox3 .joinTable .input_select {height:40px;font-weight:300;font-size:16px;}
	.joinBox3 span.help {font-size:14px;font-weight:300;padding-top:5px;}
	.joinBox3 .joinTable .input_radio {vertical-align:-1px;margin-left:25px;}
	.joinBox3 .joinTable a.btn_chk {font-size:15px;line-height:15px;padding:12px 25px 13px;margin-left:5px;}
	.joinBox3 .joinTable div.agree {padding-bottom:20px;margin-bottom:15px;}
	.joinBox3 .joinTable div.agree2 p {margin-bottom:15px;font-size:16px;margin-left:10px;}
	.joinBox3 .joinTable .postal {margin-left:25px;}
	.joinBox3 .joinTable .postal.ml0 {margin-left:0;}
	.joinBox3 .joinTable .postal .input_txt {margin-bottom:10px;}

	.joinBox3 .joinTable .input_email {max-width:250px}
	
	#uid_result, #uemail_result { padding-left:15px;font-size:14px; color:#d1272f;}
	.joinBox4 .inner p {font-size:30px;}
	.joinBox4 .inner p span {font-size:20px;}

	.ls-mb100 {margin-bottom:100px;}

	/* 단체관람 */
	.achBox .achTable {margin-bottom:60px;}
	.achBox .achTable .form-horizontal .form-group label {font-size:18px;}
	.achBox .achTable .form-horizontal .control-label {padding:34px}
	.achBox .achTable .form-horizontal .form-group .form-control {padding:33px 12px 35px; font-size:18px;}
	.achBox .achTable .form-horizontal .col-sm-10 {width:auto;}
	.achBox .apply .inner {padding:50px 70px}
	.achBox .apply ol li {font-size:18px;}
	.achBox .apply ol li a.down {font-size:15px;padding:5px 30px}
	.achBox .apply .form-horizontal {padding:45px 0}
	.achBox .apply .form-horizontal .form-group {margin-bottom:20px;}
	.achBox .apply .form-horizontal .form-control {height:38px;-webkit-border-radius:0;border-radius:0}
	.btnCenter .btn_red {padding:10px 55px}

	/* 기관개요 */
	ul.list .border {padding:50px}

	/* 조직도 */
	.orgBox ul li {font-size:16px;}
	.orgBox .rowBox p.tit {font-size:16px;margin-top:-13px;}

	/* faq */
	.faqList .qna li a {font-size:18px;}
	.faqList .qna li li a {font-size:16px;}
	.faqList .qna li.active li.active a {padding:20px 20px 20px 50px;}
	.faqList .qna li.active li.active a.inline_link {padding:0px; padding-right:12px;}
	
	/* 대관안내 */
	.progBox {margin-bottom:70px;}
	.progBox ol li span.tit {font-size:18px;padding:33px 0 33px 40px}
	.progBox ol li span.block {font-size:16px;}
	.progBox ol li span.block span.small {font-size:14px;}
	.progBox ol li span.block {top:34px}
	.progBox ol li:first-child span.block {top:25px}

	/* 단체 */
	.progBox .table>thead>tr>th, .progBox .table>tbody>tr>td {font-size:16px;padding:15px 0;}
	.progBox span.small {display:block;font-size:14px;margin-top:10px;}
	.progBox ul li {font-size:16px;padding:15px 0;}

	
	div.bgGray {padding:25px 35px}
	div.bgGray ul.btnG {float:right;margin:18px 0 0 0}
	.mbType {margin-bottom:75px !important;}
}

@media (min-width: 1430px) {

	/* tab */
	.sTabMenu.type02 li.on a {border-top:3px solid #d1272e;border-left:3px solid #d1272e;border-right:3px solid #d1272e;}

	/* sub01 전체프로그램 */
	.programWrap .programBox01 .over dl dt {max-width:800px}

	/* sub visual img */
	.bgSub span.txt {padding:140px 100px 0}

	/* program detail */
	.detailTop {margin-bottom:80px;}
	.detailTop .desc .inner {padding-top:20px;}
	.detailTop .desc .inner h4 {font-size:30px;margin-bottom:18px;padding-bottom:23px;letter-spacing:-1px;}
	.detailTop > .desc > .inner > ul {padding:0 17px 10px}
	.detailTop .desc .inner ul li dl {margin-bottom:15px;}
	.detailTop .desc .inner ul li dl dt {margin-right:35px;}
	.detailTop .desc .inner .btnG .btnBox ul {padding:0 15px}
	.detailTop .desc .inner .btnG .btnBox ul li a {padding:12px 50px;font-size:17px;letter-spacing:-1px;min-width:201px}
	.detailTop .desc .inner .btnG .snsBox {margin-top:8px;}
	.detailTop .desc .inner .btnG .snsBox ul li {margin-left:10px;}
	.detailTop .desc .inner .btnG .snsBox ul li a img {width:100%;}
	.detailTop .desc p.btnList {margin-bottom:13px;}
	p.btnList a {padding:5px 20px}
	.detailInfo {min-height:500px}

	/* 인사말 */
	.inText2 {font-size:31px;}

	/* ach 활동 */
	.imgList {margin-bottom:40px;}
	.imgList ul li {padding:28px 0}
	.imgList ul li:first-child {padding-top:28px;}
	.imgList ul li .desc dl dt {font-size:20px;font-weight:normal;}
	.imgList ul li .desc dl dd {font-size:16px;}
	.imgList ul li .desc dl dd.txt {min-height:133px}
	.imgList ul li .desc dl dd.userDate {bottom:45px;left:400px}

	/* board list 신청내역조회 */
	.boardList.myHistory ul li.td ul li.cont span {padding-left:20px;}

	/* 회원 */
	.joinStep.step04 {background-position:0 -312px;margin-bottom:110px;}
	.joinStep2.step04 {background-position:0 -312px;margin-bottom:110px;}
	.joinBox3 .joinTable .input_txt {width:540px;}
	.joinBox3 .joinTable .tel, .joinBox3 .joinTable .input_postal {max-width:150px}
	.joinBox3 .joinTable .input_select {min-width:150px}
	.joinBox3 .joinTable .postal p:last-child {margin-top:10px;}
	.joinBox3 .joinTable .postal p:last-child .input_txt {max-width:380px;margin-right:5px;}
}

@media (max-width: 767px) {
	
	.ci01:after {content:'';display:block;clear:both;}
	.ci01 div.cil {float:left; width:100%;}
	.ci01 div.cil img{width:100%;}
	.ci01 div.cir {float:right;text-align:left;padding-left:10px; padding-top:15px; width:100%; margin-bottom:20px;}
	.ci02 li{float:left;width:100%;}
	.ci02 li p{margin:10px 0px;}
	.ci02 li img {width:100%;}
	
    /* 온라인 전시 */
/*     .programWrap .onlineBox dl{padding: 10px 0;}
    .programWrap .onlineBox .tmb{position: inherit; top: 0; text-align: center;}200190830 수정
    .programWrap .onlineBox dt{font-size: 18px;}
    .programWrap .onlineBox .period{font-size: 15px;} */

}

@media (max-width: 459px) {

	/* tab */
	.sTabMenu li a {font-size:13px;}	
}

@media (max-width: 430px) {

	.joinBox3 .joinTable .input_email {max-width:80px;}	
}


@media (max-width: 400px) {
	
	/* tab */
	.sTabMenu li a {font-size:12px;letter-spacing:-2px;}

	/* board view */
	.boardView .viewFooter ul li a span.title {max-width:200px;}

}


.p_relative {position:relative;}
.p_anchor {position:absolute;top:-150px;}
a.inline_link {padding:0px; padding-right:12px; background:url(../images/common/ic_external.png) no-repeat right center; }

#map{max-width:1100px;min-width:320px;}
#map img{width:100%;}