@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap');

/*-------- Common --------*/
caption, legend { width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; }

h4 { font-weight:bold; }
.tc_b0621d{color:#b0621d;}
.bd1g {border:1px solid #dcdcdc;}

/* 접근성 탭눌러서 #이동하고나서 IE에서 튕기는 버그*/
#hub,
.detail1,
.detail2,
.detail4,
div.textC,
.detail4 div.textC,
.detail3{width:100%;}
#gyujeong01,
#gyujeong02,
#gyujeong03,
#gyujeong04,
#gyujeong05,
#gyujeong06,
#gyujeong07,
#gyujeong08{width:100%;}


/*-------- Start Layout --------*/

div.pageWrapper > div.container { margin-bottom:40px; }
	div#snb { float:left;width:200px;margin:40px 40px 0 0; }
	div#content { float:left;width:760px;padding-top:40px;min-height: 70vh; }
	div#top { max-width:1000px;margin:0 auto;text-align:right;}

/*-------- SNB -------*/

/* 2015-01-19 김현석 명도대비 수정 */
div#snb ul.depth2 {width:170px;padding:10px 10px 10px 20px;background:url('../images/common/bg_left.png') 0 0 repeat-y;}
div#snb ul.depth2 > li {}
div#snb ul.depth2 > li a{background:url('../images/common/bullet02.png') 5px 14px no-repeat;line-height:1.3em;padding:7px 10px 7px 13px;padding-right: 20px;color:#38312B;font-size:1.0em;display:block;border-bottom:1px solid #6F6256;letter-spacing:-0.09em;}
div#snb ul.depth2 > li a:hover{background:none;background-color:#948273;color:#fff;}
div#snb ul.depth2 > li a:focus-visible { outline: 2px dotted #000; outline-offset: 1px; }
div#snb ul.depth2 > li.d3y{background:url('../images/common/bullet04.png') 150px 12px no-repeat;}
div#snb ul.depth2 > li.over{line-height:1.3em;padding:7px 0 7px 18px;color:#222;font-size:1.1em;display:block;background-color:#6F6256;color:#fff;}
div#snb ul.depth2 a.over{background:none;background-color:#6F6256;color:#fff;}
div#snb ul.depth2 a.over:hover{background-color:#6F6256;}
div#snb ul.depth2 > li > ul.depth3 {background:none;background-color:#f4f2ef;width:150px;padding:0 10px;border-bottom:none;}
div#snb ul.depth2 > li > ul.depth3 > li{}
div#snb ul.depth2 > li > ul.depth3 > li a{background:url('../images/common/bullet03.png') 10px 14px no-repeat;line-height:1.3em;padding:7px 0 7px 18px;color:#38312B;font-size:0.9em;display:block;border-bottom:none;border-top:1px dotted #797979;letter-spacing:-0.05em;}
div#snb ul.depth2 > li > ul.depth3 > li:first-child a{border-top:none;}
div#snb ul.depth2 > li > ul.depth3 > li a:hover{text-decoration:underline;}
div#snb ul.depth2 > li > ul.depth3 > li a.over3{font-weight:bold;}

/*-------- CONTENT -------*/

/*- 1depth별 탑 visual background -*/
.con_visual_A{background:url('../images/sub/bg_tvisual_A.jpg') right 0 no-repeat;}

div#content ul.ttlar{margin-bottom:25px;}
div#content ul.ttlar > li{float:left;padding-right:10px;font-size:0.9em;}
div#content ul.ttlar > li span{font-weight:bold;}
div#content ul.location{float:right;margin-bottom:30px;}
div#content ul.location li{float:left;padding-left:5px;color:#777;}
div#content ul.location li a{display: inline-block;padding: 5px;color:#777;}
div#content ul.location li a:hover{text-decoration:underline;}
div#content ul.location li span{color:#c76116;}


/* 공연 */
.ysrch{text-align:right;margin:0 3px 10px 0;}

ul.yearsorting{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;width:757px;margin-bottom:30px;background:url('../images/common/contain_bg1.gif') 0 0 repeat;}
ul.yearsorting select{margin:-1px 0 1px;font-size:0.9em;color:#373737;vertical-align:middle;padding:2px;}
ul.yearsorting li.ys1{float:left;width:60px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;padding:12px 10px;text-align:center;font-size:1.1em;}
ul.yearsorting li.ys2{float:left;width:655px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;padding:12px 10px;}
ul.yearsorting li.ys3{float:left;width:60px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;padding:26px 10px 27px 10px;text-align:center;font-size:1.1em;}

span.gigong{padding:3px 5px 3px 5px;background-color:#4e5ead;margin:0 7px 0 0;line-height:1.0em;font-size:1.0em;color:#fff;font-weight:bold;}
span.daegong{padding:3px 5px 3px 5px;background-color:#1B7C1B;margin:0 7px 0 0;line-height:1.0em;font-size:1.0em;color:#fff;font-weight:bold;}

div#detail1 {height:380px;}
div#detail1 .deta_img{ float:left;width:380px}
div#detail1 .deta_img img{width:380px;height:380px;}
div#detail1 ul.deta_con { float:left;width:320px;height:320px;background-color:#222;padding:30px; }
div#detail1 ul.deta_con > .deta_class {background-color:#62483a;color:#fff;font-size:1.0em;padding:5px 10px;margin:10px 0 50px 0;width:50px;text-align:center;}
div#detail1 ul.deta_con > .deta_ttl {color:#fff;font-size:1.4em;line-height:1.5em;}
div#detail1 ul.deta_con > .deta_area{color:#eea550;font-size:1.3em;line-height:1.5em;margin:10px 0 0 0;}
div#detail1 ul.deta_con > .deta_btn{margin:80px 0 0 0;text-align:center;}
div#detail1 ul.deta_con a{color:#fff;font-size:1.4em;padding:20px 80px;text-align:center;font-weight:bold;}
div#detail1 ul.deta_con a.deta_btn1{background-color:#695750;}
div#detail1 ul.deta_con a.deta_btn1:hover{background-color:#000;}

table.detail2{background-color:#e0e0e0;margin:10px 0 30px 0;padding:20px;width:100%;border:none;}
table.detail2 th{background-color:#fff;text-align:center;padding:6px 0;color:#695750;font-size:1.0em;line-height:1.6em;font-weight:bold;vertical-align:middle;border-bottom:3px solid #e0e0e0;}
table.detail2 td{padding:6px 10px;line-height:1.6em;background-color:#f1f1f1;font-size:1.0em;vertical-align:middle;border-bottom:3px solid #e0e0e0;}

div.detail3{padding:20px;}
div.detail3 img { width:inherit; max-width:100%; height:auto !important; }

table.detail4{background-color:#e0e0e0;margin:0 0 30px 0;padding:20px;width:100%;border:none;}
table.detail4 th{background-color:#fff;text-align:center;padding:6px 0;color:#695750;font-size:0.9em;line-height:1.6em;font-weight:bold;vertical-align:middle;border-bottom:3px solid #e0e0e0;}
table.detail4 td{padding:6px 10px;line-height:1.6em;background-color:#f1f1f1;font-size:0.9em;vertical-align:middle;border-bottom:3px solid #e0e0e0;}

.detail5{background-color:#695750;color:#fff;font-size:1.4em;line-height:1.5em;padding:10px;}
div.detail6{padding:0 0 0 0;}
div.detail6con{border:1px solid #aeaeae;padding:20px;}

div.tourinfo{width:760px;height:220px;background:url('../images/sub/bg_ A050100_01.jpg') 0 0 no-repeat;}
div.tourinfo dl{padding:50px 0 0 50px;color:#442d0d;line-height:1.6em;}
div.tourinfo dl dt{padding:0 0 10px 0;}

div.tourinfo.type2 { background: url(../images/sub/bg_A050100_001.jpg) 0 0 no-repeat !important; }

div.tourinfogal{border-bottom:3px solid #e2e1e1;border-top:3px solid #444;overflow:hidden;padding:10px 0;}
div.tourinfogal ul{display:inline-block;}
div.tourinfogal ul li{float:left;margin:10px 5px;padding:5px 5px;}
div.tourinfogal ul li img{width:360px;height:220px;}
div.tourinfogal ul li p span{font-weight:bold;color:#ff7000;}
div.tourinfogal ul li p span.saleend{font-weight:bold;color:#0087e5;}
div.tourinfogal ul li dl{width:360px;height:80px;margin-top:15px;line-height:1.3em;}
div.tourinfogal ul li dt{font-weight:bold;text-decoration:none;color:#444;color:#333;font-size:1.2em;}
div.tourinfogal ul li dt span{font-weight:normal;}
div.tourinfogal ul li dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;font-size:1.0em;line-height:1.4em;padding:5px 0;}

div.ldiary{background-color:#6F6256;margin:10px 0 30px 0;padding:10px 5px;width:744px;}
div.ldiary .year_ar{padding:5px 0 15px 0;text-align:center;color:#fff;}
div.ldiary .year_ar span.year{font-size:1.3em;font-weight:bold;padding:0 5px 0 15px;line-height:1.5em;}
div.ldiary .year_ar span.month{font-size:2.1em;font-weight:bold;padding:0 10px 0 0;}
div.ldiary .year_ar a{color:#fff;font-weight:bold;padding:5px;font-size:1.9em;line-height:1.2em;}
div.ldiary .year_ar a:hover{text-decoration:none;}
div.ldiary .week{overflow:hidden;border-top:1px solid #b08539;border-left:1px solid #b08539;border-right:1px solid #b08539;background-color:#eee9e1;}
div.ldiary .week li{float:left;width:105px;border-right:1px solid #c89151;text-align:center;padding:10px 0;font-size:1.2em;font-weight:bold;}
div.ldiary .week .bdnone{border-right:none;}
div.ldiary .day{overflow:hidden;border:1px solid #b08539;background-color:#fff;}
div.ldiary .day li{float:left;width:93px;height:130px;border-right:1px solid #cecece;border-bottom:1px solid #cecece;padding:8px 6px;font-size:1.1em;font-weight:bold;}
div.ldiary .day .bk {font-size:0.75em;font-weight:normal;border-bottom:1px dotted #333;padding:5px 0;line-height:1.4em;}
div.ldiary .day .bk span {color:#865e3c;font-weight:bold;}


div.manner{background:url('../images/sub/bg_ A060100_01.jpg') 0 0 repeat;padding:20px 20px 40px 20px;}
div.manner dl dt{width:700px;height:40px;background:url('../images/sub/bg_ A060100_02.jpg') 0 0 repeat;padding:20px 0 0 20px;margin-top:20px;color:#fff;line-height:1.4em;font-size:1.2em;font-weight:bold;}
div.manner dl dd{padding:10px 20px;line-height:1.5em;font-size:1.0em;}

table.boardList_st01 td .exhibition_link { display: inline-block; position: relative; padding-left: 25px; word-break: keep-all; }
table.boardList_st01 td .exhibition_link.p_none { padding-left: 0; }
table.boardList_st01 td .exhibition_link span.daegong,
table.boardList_st01 td .exhibition_link span.gigong { position: absolute; left: 0; top: 0; }

/* 전시 */


/* 예술강좌 */
dl.acdm_1{width:390px;}
dl.acdm_1 dt{font-size:1.4em;color:#534228;font-weight:bold;line-height:1.6em;padding:5px 10px;border-bottom:1px solid #bcb6ac;background-color:#f1ece6;}
dl.acdm_1 dd{padding:10px 5px 5px 5px;font-size:1.1em;line-height:1.5em;}
dl.acdm_1 dd span{color:#935725;font-weight:bold;}

ul.acdm_con{width:380px;margin-left:5px;}
ul.acdm_con li{background:url('../images/styleguide/bullet/blt_depth6.gif') 0 8px no-repeat;line-height:1.5em;padding:2px 0 2px 13px;}
ul.acdm_con li span{font-weight:bold;}

ul.ulst1{margin-left:5px;}
ul.ulst1 li{background:url('../images/styleguide/bullet/blt_depth6.gif') 0 8px no-repeat;line-height:1.6em;padding:2px 0 2px 13px;}
ul.ulst1 li span{font-weight:bold;}

ul.ulst2{background-color:#f1f1f1;padding:15px 20px;margin:10px 0;}
ul.ulst2 li{background:url('../images/styleguide/bullet/tit_st07.gif') 0 10px no-repeat;line-height:1.5em;padding:2px 0 2px 9px;}
ul.ulst2 li span{font-weight:bold;}

ul.ulst3{padding:10px;}
ul.ulst3 li{background:url('../images/styleguide/bullet/tit_st07.gif') 0 10px no-repeat;line-height:1.5em;padding:2px 0 2px 9px;}
ul.ulst3 li span{font-weight:normal;}

ul.ulst4{padding:0px;}
ul.ulst4 li{background:url('../images/styleguide/bullet/tit_st07.gif') 0 10px no-repeat;line-height:1.5em;padding:2px 0 2px 9px;}


/* 아카이브 */
.item{width:230px;margin:10px;background-color:White;float:left;box-shadow:2px 2px 5px #c8c8c8;border:1px solid #d8d8d8;background-color:#f8f8f8;}
.item img{padding:10px;max-width:210px; height:330px;}
.item > .bottom {padding:20px 10px 0px 10px;position:relative;bottom:18px;line-height:1.5em;}
.item > .bottom > .acvttl a{font-weight:bold;padding:0 0 5px 0;}
.item > .bottom > .acvttl a:hover{text-decoration:underline;}

/*20141015*/
/*sub.css 164번째 줄 div.akaive, ul.akaive에 해당하는 스타일 전부 삭제 후, 삭제한 자리에 삽입. */
div.archive { margin-top:30px; }
div.archive img.thumb { margin-right:20px;width:300px;height:auto !important;float:left; }
div.archive table.archive { text-align:left;width:430px;float:left; }
div.archive table.archive th, table.akaive td { padding:2px;min-height:25px;line-height:25px;text-align:left; }
div.archive table.archive tbody tr th { font-weight:bold; }
div.archive table.archive tr.projectTitle td { font-size:1.3em;font-weight:bold;vertical-align:middle;color:#894f0b; }

div.boxst1{border:1px solid #cebd9a;padding:20px;background-color:#fefbf6;}
div.boxst2{border:1px solid #dcdcdc;padding:20px;}

div.sisul{}
div.sisul p.ssimg{float:left;width:200px;}
div.sisul div.sscon{float:left;width:550px;}

div.gangjoa1{}
div.gangjoa1 p.gjimg1{float:left;width:370px;}
div.gangjoa1 div.gjcon1{float:left;width:380px;}

ul.gangjoa2{}
ul.gangjoa2 li{float:left; width:222px;}

ul.gangjoa3{}
ul.gangjoa3 li{float:left; width:355px;}

div.yggh{background:url('../images/sub/img_C050100_01.jpg') right bottom no-repeat;}
div.yggh .ygghttl{font-weight:bold;font-size:1.7em;}
div.yggh .ygghttl span{color:#b0621d;}


/* 커뮤니티 */
ul.socialar{overflow:auto;width:755px;height:1000px;}
ul.socialar li{border-bottom:1px dotted #514538;padding:30px 0;}
ul.socialar li ul.social{}
ul.socialar li ul.social li{float:left;border-bottom:none;padding:0;}
ul.socialar li ul.social li a:hover{text-decoration:underline;}
ul.socialar li ul.social li.ssldate{width:100px;color:#674011;text-align:center;font-size:1.1em;line-height:2.7em;font-weight:bold;padding:0 0 0 0;}
ul.socialar li ul.social li.twitter{background:url('../images/common/ico_sns_twitter.gif') 0 3px no-repeat;}
ul.socialar li ul.social li.naverblog{background:url('../images/common/ico_sns_blog.gif') 0 3px no-repeat;}
ul.socialar li ul.social li.youtube{background:url('../images/common/ico_sns_youtube.gif') 0 3px no-repeat;}
ul.socialar li ul.social li.ssldate span{font-size:2.0em;}
ul.socialar li ul.social li.sslcon{width:620px;}
ul.socialar li ul.social a{font:15px/180% "굴림",gulim;}
ul.socialar li ul.social li.sslcon2{width:400px;}
ul.socialar li ul.social li.sslimg {width:220px;}
ul.socialar li ul.social li.sslimg img{width:200px;height:150px;}

ul.volunteer{}
ul.volunteer li{float:left;}
ul.volunteer li.vlttl{font-size:1.5em;font-weight:bold;text-align:right;padding:0 20px 0 0;line-height:1.5em;border-right:1px solid #b4b4b4;}
ul.volunteer li.vlcon{padding:10px 0 0 20px;}
ul.volunteer li.vlcon span{color:#8b3e00;}

div.emwon{width:720px;height:290px;background:url('../images/sub/bg_ D050200_01.jpg') 0 0 no-repeat;margin:0 0 0 20px;}
div.emwon p{margin:0 0 0 70px;}


/* 대관안내 */
div.rental1{background-color:#f2eae3;padding:10px;}
div.rental1 ul.rtimg1{float:left;width:375px;margin-right:10px}
div.rental1 div.rtcon1{float:left;width:335px;}

div.rental2{background-color:#f2eae3;padding:5px;}
div.rental2 ul.rtimg2{float:left;}
div.rental2 ul.rtimg2 li{float:left;}
div.rental2 div.rtcon2{float:left;padding:15px;}

.rt_list01{width:99%;border:none;padding:0;margin:0;border-top:1px solid #cfcfcf;}
.rt_list01 th{padding:30px 0;border:none;background-color:#e9dbcb;font-size:1.3em;color:#563f1d;line-height:1.5em;vertical-align:middle;text-align:center;}
.rt_list01 .rtlarr{background:url('../images/sub/img_ E010200_01.png') center top no-repeat #e9dbcb;}
.rt_list01 td{padding:15px;line-height:1.5em;vertical-align:middle;color:#444;border-bottom:1px solid #cfcfcf;}
.rt_list01 .rtlarr2{padding:20px 20px;background:url('../images/sub/img_ E010200_02.png') left center no-repeat #d2d2d2;font-size:1.1em;line-height:1.5em;vertical-align:middle;text-align:center;}
.rt_list01 .rtlarr3{padding:10px 20px;background:url('../images/sub/img_ E010200_03.png') left center no-repeat #eaeaea;font-size:1.1em;line-height:1.5em;vertical-align:middle;text-align:center;}
.rt_list01 .rtlbgg{background-color:#f1f1f1;}
.rt_list01 .rtlbdb{border-bottom:1px solid #b1b1b1;}

div.gyujeong{background-color:#f1f1f1;padding:20px;line-height:1.8em;}
div.gyujeong .gjttl{font-weight:bold; margin-top:10px;}
div.gyujeong .gjcon1{margin-top:10px;}
div.gyujeong .gjcon2{margin-left:10px;}
div.gyujeong .gjcon3{margin-top:5px;}
div.gyujeong .gjcon4{margin-left:15px;}

div.gyujeong .gjcon { position:relative; padding-left:20px; }
div.gyujeong .gjcon .bt { position:absolute; left:0; top:0; }

div.gyujeong .gjttl2{font-weight:bold; margin-top:10px;color:#4f3a29;}
div.gyujeong .gjttl3{font-weight:bold; margin-top:20px;font-size:1.3em;color:#4f3a29;}

div.appform{width:720px;height:700px;background:url('../images/sub/bg_ E010600_01.jpg') 0 0 no-repeat;margin-left:20px;}
div.appform p.aftxt{padding:80px 0 0 0;text-align:center;color:#4b3625;font-size:1.3em;line-height:1.5em;}
div.appform p.afbtn{padding:30px 0 0 0;text-align:center;}
div.appform dl.notification { margin:20px auto 0;width:400px;padding:20px;background:url("../images/common/bg_transparent1.png"); }/* 2014-10-16 */
div.appform dl.notification dt { font-weight:bold;margin-bottom:3px;font-size:1.1em; }
div.appform dl.notification dd { font-size:0.95em;padding-left:10px;background:url("../images/common/bullet01.png") 0 8px no-repeat; }
div.appform dl.notification dd.point { color:#eb3c69; }


/* 로그인 */
.lgttl{font-size:1.7em;color:#444;padding-top:10px;}
.lgttl2{font-size:2.3em;color:#444;font-weight:bold;padding-top:13px;line-height:1.3em;letter-spacing:-0.05em;}
.lgttl2 span{color:#856400;}
.lgttl3{padding-top:20px;}
.loginar{border-top:1px solid #ab9989;border-bottom:1px solid #ab9989;width:330px;padding:20px;margin:20px 0;background-color:#f3ece6;}

/* 로그인2 */
/*
div.lgnar{padding:30px 0px 30px 30px;border:1px solid #d5cac0;margin:20px 0;background-color:#f9f6f2;}
div.lgnar .lgn{float:left;width:410px;border-right:1px solid #d5cac0;padding:20px 0 20px 0px;position:relative;}
.lgn .login-btn {position:absolute; top:20px; right:54px;}
.lgn .btn_st3 .ipt {padding:10px 0px; width:84px;}
.lgn .login-info {margin-bottom:30px;}
div.lgnar .lgns{float:left;width:270px;padding:20px 0 0 20px;}
div.lgnar .lgns span{font-weight:normal;}
.lgns .ulst1 li div {padding-top:10px;}
.lgns .ulst1 li:first-child {margin-bottom:40px;}
*/
div.lgnar{padding:30px 0px 30px 30px;border:1px solid #d5cac0;margin:20px 0;background-color:#f9f6f2;}
div.lgnar .lgn{float:left;width:300px;border-right:1px solid #d5cac0;padding:20px 0 20px 0px;position:relative;}
.lgn .login-btn {position:absolute; top:20px; right:54px;}
.lgn .btn_st3 .ipt {padding:10px 0px; width:84px;}
.lgn .login-info {margin-bottom:30px;}
div.lgnar .lgns{float:left;width:370px;padding:20px 0 0 20px;}
div.lgnar .lgns span{font-weight:normal;}
.lgns .ulst1 li div {padding-top:10px;}
.lgns .ulst1 li:first-child {/* margin-bottom:40px; */}

.lgnar2 { font-family: 'Noto Sans KR', sans-serif; margin-top: 35px; }
.lgnar2 .lgn_box { display: flex; width: 576px; margin: 0 auto; margin-bottom: 40px; }
.lgnar2 .lgn_box .lgn_form_con { width: 448px; flex: 0 0 auto; }
.lgnar2 .lgn_box .lgn_form_wrap { display: flex; flex-wrap:wrap; align-items: center; margin-bottom: 15px; }
.lgnar2 .lgn_box .lgn_form_wrap:last-child { margin-bottom: 0; }
.lgnar2 .lgn_box .lgn_form_label { font-size: 17px; width: 78px; }
.lgnar2 .lgn_box .lgn_form { width: 370px; }
.lgnar2 .lgn_box .lgn_form input { display: block; width: 100%; height: 50px; border:1px solid #ddd; padding: 0 15px; box-sizing: border-box; }
.lgnar2 .lgn_box .lgn_form_btn { width: 100%; background-color: #404040; margin-left: 14px; color: #fff; font:inherit; font-size: 17px; cursor:pointer; }
.lgnar2 .lgn_box .lgn_form_btn:focus-visible { outline-style: dotted; outline-width: 2px; outline-offset: 1px; }
.lgnar2 .lgn_box2 { background-color: #f9f9f9; padding: 30px; border:1px solid #ddd; margin-bottom: 20px; }
.lgnar2 .lgn_box2 .lgn_desc { color: #924d0d; font-weight: 500; font-size: 20px; margin-bottom: 10px; }
.lgnar2 .lgn_box2 .lgn_desc2 { color: #222; font-size: 16px; margin-bottom: 15px; }
.lgnar2 .lgn_box2 .lgn_radios { display: flex; flex-wrap:wrap; }
.lgnar2 .lgn_box2 .lgn_radios .lgn_label { margin-right: 30px; }
.lgnar2 .lgn_box2 .lgn_radios .lgn_label input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.lgnar2 .lgn_box2 .lgn_radios .lgn_label .lgn_label_txt { position: relative; font-size: 16px; color: #222; padding-left: 28px; }
.lgnar2 .lgn_box2 .lgn_radios .lgn_label .lgn_label_txt:before { position: absolute; left: 0; top: 4px; content:""; display: block; width: 16px; height: 16px; border-radius: 100%; background-color: #fff; border:1px solid #e8e8e8; }
.lgnar2 .lgn_box2 .lgn_radios .lgn_label input:checked + .lgn_label_txt:after { content:""; display: block; position: absolute; left: 6px; top: 10px; width: 6px; height: 6px; border-radius: 100%; background-color: #404040; }
.lgnar2 .lgn_box2 .lgn_radios .lgn_label input:focus-visible + .lgn_label_txt:before { outline: -webkit-focus-ring-color auto 1px; }
.lgnar2 .lgn_btns { display: flex; margin: 0 -10px; }
.lgnar2 .lgn_btns .lgn_btn { display: block; width: 100%; height: 60px; text-align: center; line-height: 58px; box-sizing: border-box; margin: 0 10px; background-color: #8e5a2a; border:1px solid transparent; color: #fff; font-size: 17px; }
.lgnar2 .lgn_btns .lgn_btn.btn_type2 { background-color: #fff; border-color: #98683c; color:#8e5a2a; }
.lgnar2 .lgn_btns .lgn_btn:focus-visible { outline-style: dotted; outline-width: 2px; outline-offset: 1px; }

/* 성남아트센터 */
.movtxt{float:left;overflow:auto;width:350px;height:206px;margin:0 0 0 20px;padding:15px;border:1px solid #d1d1d1;font-size:0.9em;}
.choyun{float:left;width:370px;margin:50px 0 0 30px;}
.ttlst1{font-size:2.0em;font-weight:bold;color:#6c410d;line-height:1.4em;}
.ttlst2{font-size:1.4em;font-weight:bold;color:#6c410d;line-height:1.5em;}


.sbdrd1{border:1px solid #c8c8c8;padding:40px 20px;background:url('../images/sub/bg_G020100_01.gif') 0 0 repeat;}
.sbbox1{border:1px solid #c8c8c8;padding:40px 20px;}
.sbbox2{border:1px solid #c8c8c8;}
ul.sbdrd2{}
ul.sbdrd2 .sbbox3 {float:left;width:150px;margin-right:20px;border:1px solid #c8c8c8;padding:30px 20px;background:url('../images/sub/bg_G020100_01.gif') 0 0 repeat;text-align:center;}
ul.sbdrd2 .sbbox4 {float:left;width:150px;margin-right:20px;border:1px solid #c8c8c8;padding:30px 20px;text-align:center;}
ul.sbdrd2 .sbbox5 {float:left;width:330px;}

div.hallinfo{}
div.hallinfo .hiimg{float:left;width:370px;}
div.hallinfo .hicon{float:left;width:350px;margin-right:30px;}

div.support{}
div.support .spimg{float:left;width:340px;margin:0 0 0 40px;}
div.support .spcon{float:left;width:370px;line-height:1.7em;font-size:0.9em;}

div.spthis{border-top:1px solid #ae9c81;margin:40px 0;}
div.spthis .spthis1 {float:left;width:100px;background-color:#ae9c81;font-size:1.6em;padding:10px;font-weight:bold;color:#fff;}
div.spthis dl {float:left;width:620px;margin:20px 0 0 0;}
div.spthis dl dt {float:left;width:100px;color:#856d4a;padding:5px 10px 5px 20px;font-weight:bold;font-size:1.0em;text-align:right;letter-spacing:-0.05em;}
div.spthis dl dd {float:left;width:470px;padding:5px 10px;}
div.spthis dl dd ul li{background:url('../images/styleguide/bullet/tit_st07.gif') 0 9px no-repeat;line-height:1.5em;padding:0 0 0 8px;font-size:1.0em;}

ul.mapline{padding:30px 5px 50px 5px;}
ul.mapline li{float:left;width:32.7%;background-color:#efeef3;border:1px solid #d4d4d4;margin:0 1px;}
ul.mapline li a{display:block;text-align:center;padding:10px 0;}
ul.mapline li a:hover{background-color:#555;color:#fff;}
ul.mapline .mlover a{display:block;text-align:center;padding:10px 0;background-color:#555;color:#fff;}

ul.mapline2{padding:30px 5px 50px 5px;}
ul.mapline2 li{float:left;width:49%;background-color:#efeef3;border:1px solid #d4d4d4;margin:0 1px;}
ul.mapline2 li a{display:block;text-align:center;padding:10px 0;}
ul.mapline2 li a:hover{background-color:#555;color:#fff;}
ul.mapline2 .mlover a{display:block;text-align:center;padding:10px 0;background-color:#555;color:#fff;}

ul.mapline3{padding:30px 5px 50px 5px;}
ul.mapline3 li{float:left;width:99%;background-color:#efeef3;border:1px solid #d4d4d4;margin:0 1px;}
ul.mapline3 li a{display:block;text-align:center;padding:10px 0;}
ul.mapline3 li a:hover{background-color:#555;color:#fff;}
ul.mapline3 .mlover a{display:block;text-align:center;padding:10px 0;background-color:#555;color:#fff;}

ul.club1{margin:20px 0 0 0;}
ul.club1 .club1img{float:left;width:460px;}
ul.club1 .club1con{float:left;width:290px;color:#685130;font-size:1.05em;letter-spacing:-0.05em;line-height:1.8em;padding:20px 0 0 0;font-weight:bold;}
ul.club1 .club1con span{color:#ff6000;}

ul.club2{margin:40px 0 0 0;}
ul.club2 .club2img{float:left;width:300px;padding:20px 0 0 0;}
ul.club2 .club2con{float:left;width:450px;}

ul.club3{margin:10px 0 0 0;}
ul.club3 .club3img{float:left;width:52px;height:50px;margin:10px 0 0 0;padding:16px 0 0 0;background:url('../images/sub/img_H050100_04.jpg') 0 0 no-repeat;font-size:1.8em;color:#fff;font-weight:bold;text-align:center;}
ul.club3 .club3con{float:left;width:670px;height:56px;margin:10px 0 0 30px;padding:10px 0 0 0;}
ul.club3 .club3con span{color:#ff6000;font-weight:bold;font-size:1.4em;}

ul.club4{margin:10px 0 0 0;}
ul.club4 .club4img{float:left;width:52px;height:50px;margin:10px 0 0 0;padding:16px 0 0 0;background:url('../images/sub/img_H050100_05.jpg') 0 0 no-repeat;font-size:1.8em;color:#fff;font-weight:bold;text-align:center;}
ul.club4 .club4con{float:left;width:670px;height:56px;margin:10px 0 0 30px;padding:10px 0 0 0;}
ul.club4 .club4con span{color:#2c5ace;font-weight:bold;font-size:1.4em;}

.w110{width:110px;}
.w630{width:630px;}
.w200{width:200px;}
.w550{width:550px;}
.w223{width:223px;}
.w360{width:360px;}

.h145{height:145px;}
.h170{height:170px;}

.goalar{float:left;width:620px;height:286px;padding:20px 0 0 10px;background:url('../images/sub/img_H060300_06.jpg') 0 0 no-repeat;}
ul.goal{}
ul.goal li{float:left;padding:0 15px 0 0;}

div.hisst1{border-top:1px solid #ae9c81;margin:40px 0;}
div.hisst1 .hisst1y {float:left;width:100px;background-color:#ae9c81;font-size:1.6em;padding:10px;font-weight:bold;color:#fff;}
div.hisst1 .hisst1c {float:left;width:600px;margin:10px 0 0 20px;}

dl.villar{}
dl.villar dt{float:left;width:120px;padding:10px;margin:1px 0;background-color:#ede7df;color:#84663d;font-weight:bold;}
dl.villar dd{float:left;width:590px;padding:10px;margin:1px 0;background-color:#f1f1f1;}

ul.ruleli{border-top:3px solid #b8aa96;}
ul.ruleli li{border-bottom:1px solid #d6c9b7;}
ul.ruleli li a{display:block;padding:7px 20px;}
ul.ruleli li a:hover{background-color:#e6dbcd;}
ul.ruleli li .on{background-color:#e6dbcd;}
div.kogl { margin-top:30px;border:5px solid #f4f4f4;background-color:#fff;padding:20px 10px; }
	/* div.kogl clearfix*/
	div.kogl:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0; }
	div.kogl { display: inline-block; }
	/* start commented backslash hack \*/
	* html div.kogl { height: 1%; }
	div.kogl { display: block; }
	/* close commented backslash hack */
div.kogl h5 { background:none;padding:0;margin-top:0;color:#000; }
div.kogl > a.icons { float:left;margin: 0 20px 10px 0; }
div.kogl > a.icons > img { width:200px;height:auto !important; }
div.kogl > ul.detail { float:left;width:500px; }
div.kogl > ul.detail > li { padding-left:10px;background:url("../images/common/bullet01.png") 0 8px no-repeat; }

/* 사이트맵 */
.smh2{width:223px;height:55px;color:#fff;text-align:center;font-size:1.7em;line-height:1.7em;font-weight:bold;padding:5px 0 0 0;background:url('../images/sub/img_I010100_01.jpg') 0 0 no-repeat;}
div.smdepth{float:left;width:223px;margin:0 30px 50px 0;}
div.smdepth ul.smdepth2 > li a{background:url('../images/common/bullet02.png') 10px 14px no-repeat;line-height:1.1em;padding:7px 10px 7px 18px;color:#222;font-size:1.0em;display:block;border-bottom:1px solid #beb2a7;}
div.smdepth ul.smdepth2 > li a:hover{background:none;background-color:#948273;color:#fff;}

div.smdepth ul.smdepth2 > li > ul.smdepth3 {background:none;background-color:#f4f2ef;padding:0 10px;border-bottom:1px solid #beb2a7;}
div.smdepth ul.smdepth2 > li > ul.smdepth3 > li{}
div.smdepth ul.smdepth2 > li > ul.smdepth3 > li a{background:url('../images/common/bullet03.png') 10px 14px no-repeat;line-height:1.1em;padding:7px 0 7px 18px;color:#555;font-size:0.9em;display:block;border-bottom:1px dotted #797979;}
div.smdepth ul.smdepth2 > li > ul.smdepth3 > li a:hover{text-decoration:underline;}
div.smdepth ul.smdepth2 > li > ul.smdepth3 > li a.over3{font-weight:bold;}


/* 회원가입 */
div.memyakar{overflow:auto;height:80px;border:1px solid #c1c1c1;padding:10px;color:#444;font-size:0.95em;}
div.memyakar em{font-weight:bold;}

ul.memchoice{margin:50px 0 0 20px;}
ul.memchoice li{float:left;width:33%;text-align:center;}

ul.memchack{margin:50px 0 40px 30px;}
ul.memchack li{float:left;width:33%;text-align:center;}
ul.memchack li p{padding:15px 10px 10px 10px;color:#444;font-size:0.95em;}


.txt095{font-size:0.95em;color:#777;}


/* 마이페이지 */
ul.sorting1{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;width:757px;margin-bottom:30px;background:url('../images/common/contain_bg1.gif') 0 0 repeat;}
ul.sorting1 select{margin:-1px 0 1px;font-size:0.9em;color:#373737;vertical-align:middle;padding:2px;}
ul.sorting1 li.st1{float:left;width:100px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;padding:12px 10px;text-align:center;font-size:1.1em;}
ul.sorting1 li.st2{float:left;width:615px;border-bottom:1px solid #b2b2b2;border-right:1px solid #b2b2b2;padding:12px 10px;}


/* 검색결과 */
ul.resul1{border-top:1px dotted #555;}
ul.resul1 li{background:url('../images/styleguide/bullet/blt_depth6.gif') 0 18px no-repeat;line-height:1.6em;padding:10px 0 10px 13px;display:block;border-bottom:1px dotted #555;}
ul.resul1 li span{font-weight:bold;}


/*2015-03-30 한종길 추가 */

/* 마진값 설정 */
.nomargin {margin:0px !important;}
.mgn10 {margin:0 0 10px 10px !important;}
.mgn20 {margin:0 0 20px 20px !important;}
.mgnl0 {margin-left:0px !important;}
.mgnl10 {margin-left:10px !important;}
.mgnl20 {margin-left:20px !important;}
.mgnl30 {margin-left:30px !important;}
.mgnl40 {margin-left:40px !important;}
.mgnl50 {margin-left:50px !important;}
.mgnb0 {margin-bottom:0px !important;}
.mgnb10 {margin-bottom:10px !important;}
.mgnb15 {margin-bottom:15px !important;}
.mgnb20 {margin-bottom:20px !important;}
.mgnb30 {margin-bottom:30px !important;}
.mgnt10 {margin-top:10px !important;}
.mgnt30 {margin-top:30px !important;}


/* 넓이설정 */
.wd10 {width:10px !important;}
.wd20 {width:20px !important;}
.wd30 {width:30px !important;}
.wd40 {width:40px !important;}
.wd50 {width:50px !important;}
.wd60 {width:60px !important;}
.wd70 {width:70px !important;}
.wd80 {width:80px !important;}
.wd90 {width:90px !important;}
.wd100 {width:100px !important;}
.wd110 {width:110px !important;}
.wd120 {width:120px !important;}
.wd130 {width:130px !important;}
.wd140 {width:140px !important;}
.wd150 {width:150px !important;}
.wd160 {width:160px !important;}
.wd170 {width:170px !important;}
.wd180 {width:180px !important;}
.wd190 {width:190px !important;}
.wd200 {width:200px !important;}
.wd210 {width:210px !important;}
.wd220 {width:220px !important;}
.wd230 {width:230px !important;}
.wd240 {width:240px !important;}
.wd250 {width:250px !important;}
.wd300 {width:300px !important;}
.wd310 {width:310px !important;}
.wd320 {width:320px !important;}
.wd330 {width:330px !important;}
.wd340 {width:340px !important;}
.wd350 {width:350px !important;}
.wd360 {width:360px !important;}
.wd370 {width:370px !important;}
.wd380 {width:380px !important;}
.wd390 {width:390px !important;}
.wd400 {width:400px !important;}
.wd410 {width:410px !important;}
.wd420 {width:420px !important;}
.wd430 {width:430px !important;}
.wd440 {width:440px !important;}
.wd450 {width:450px !important;}
.wd460 {width:460px !important;}
.wd470 {width:470px !important;}
.wd480 {width:480px !important;}
.wd490 {width:490px !important;}
.wd500 {width:500px !important;}
.wd510 {width:510px !important;}
.wd520 {width:520px !important;}
.wd530 {width:530px !important;}
.wd540 {width:540px !important;}
.wd550 {width:550px !important;}
.wd560 {width:560px !important;}
.wd570 {width:570px !important;}
.wd580 {width:580px !important;}
.wd590 {width:590px !important;}
.wd600 {width:600px !important;}
.wd610 {width:610px !important;}
.wd620 {width:620px !important;}
.wd630 {width:630px !important;}
.wd640 {width:640px !important;}
.wd650 {width:650px !important;}
.wd660 {width:660px !important;}
.wd670 {width:670px !important;}
.wd680 {width:680px !important;}
.wd690 {width:690px !important;}
.wd700 {width:700px !important;}
.wd10p {width:10% !important;}
.wd20p {width:20% !important;}
.wd30p {width:30% !important;}
.wd40p {width:40% !important;}
.wd49p {width:49% !important;}
.wd50p {width:50% !important;}
.wd60p {width:60% !important;}
.wd70p {width:70% !important;}
.wd80p {width:80% !important;}
.wd90p {width:90% !important;}
.wd98p {width:98% !important;}
.wd100p {width:100% !important;}


/* 글 색상 */
.col_black {color:black;}
.col_plum {color:#d52f6c;}
.col_green{color:#467732;}
.col_orange{color:#ff730d;}


/* 글 크기 */
.f_12 {font-size:12px;}
.f_13 {font-size:13px;}
.f_14 {font-size:14px;}
.f_15 {font-size:15px;}
.f_16 {font-size:16px;}
.f_17 {font-size:17px;}
.f_18 {font-size:18px;}
.f_19 {font-size:19px;}
.f_20 {font-size:20px;}
.f_21 {font-size:21px;}
.f_22 {font-size:22px;}
.f_23 {font-size:23px;}
.f_24 {font-size:24px;}
.f_25 {font-size:25px;}


/* 포지션 */
.pos_ab {position:absolute;}
.pos_rel {position:relative;}
.top0 {top:0px !important;}
.top20 {top:20px !important;}
.top30 {top:30px !important;}
.top40 {top:40px !important;}
.top60 {top:60px !important;}
.right0 {right:0px !important;}
.bottom0 {bottom:0px !important;}
.left0 {left:0px !important;}

/* 공통 */
.no_bg {background:none;}
.no_bg_list li {background:none;padding-left:0px;}
.nopdd {padding:0px !important;}
.nobrd {border:0px !important;}
.bold {font-weight:bold;}
.ver_center {vertical-align:middle;}


/* 자주쓰는css */
.left_box {float:left;}
.right_box {float:right;}
.no_bg {background:none;}
.no_bg_list li {background:none;}
.f_normal {font-weight:normal;}
.float_wrap:after {content:' ';clear:both;display:block;visibility:hidden;}
	*+ html .float_wrap {display:inline-block;}
	* html .float_wrap {height:1%;}
.bold{font-weight:bold;}
.t_center {text-align:center;}
.bg_blue {background-color:#355ba5;}
.brd_blue {border:3px solid #355ba5;}
.brd_gray {border:1px solid #e2e2e2;}
.p_mgnb10 p{margin-bottom:10px;}
.topic:after{clear:both;display:block;visibility:hidden;content:' ';}
	*+ html .topic {display:inline-block;}
	+ html .topic {height:1%;}
.topic dt{float:left;color:#323232;font-weight:bold;margin-bottom:4px;}
.topic dd{float:left;margin-bottom:4px;margin-left:35px;}
.dot_bot{background-image:url("/commons/images/cont/dot_bot.jpg");background-repeat:repeat-x;background-position:left bottom;padding-bottom:10px;margin-bottom:10px;}
.both_side {text-align:justify;}


/* 테이블(표) */
.all_center th, .all_center td {vertical-align:middle;text-align:center;}
.table01 {margin-bottom:20px;}
.table01 table{border-collapse:collapse;width:100%;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.table01 thead th{background-color:#909090;color:#fff;font-weight:bold;}
.table01 th,.table01 td{padding:15px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

.table02 {margin-bottom:20px;}
.table02 table{border-collapse:collapse;width:100%;border-top:1px solid #8e8e8e;border-left:1px solid #d5d5d5;}
.table02 thead th{background-color:#8e8e8e;color:#fff;font-weight:bold;}
.table02 th, .table02 td{padding:10px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}


/* 불릿 */
.bul_circle {background:url("/commons/images/bul/bul_circle.jpg") no-repeat left center;padding-left:15px;}
.blue_square {background:url("/commons/images/cont/icon_blue.jpg") no-repeat left center;padding-left:18px;line-height:1.6em;}
.black_square {background:url("/commons/images/cont/icon_black.jpg") no-repeat left center;padding-left:18px;line-height:1.6em;}
.green_square {background:url("/commons/images/cont/icon_green.jpg") no-repeat left center;padding-left:18px;line-height:1.6em;}

/* 캡션 */
.caption_type1 {color:#818283;}
.caption_type2 {font-weight:bold;text-align:center;}
.caption_type3 {text-align:right;}

/* 색상 */
.col_orange {color:#f22e0e;}

/* 리스트형식 */
.basic_list{margin-bottom:10px;line-height:1.4;}
.basic_list li{padding-left:20px;padding-bottom:3px;}

.basic_list1{margin-bottom:10px;line-height:1.4;}
.basic_list1 li{padding-left:20px;padding-bottom:3px;background-image:url("/commons/images/site/list_bul1.jpg");background-position:5px 8px;background-repeat:no-repeat;}

.basic_list2 {margin-bottom:5px;line-height:1.4;}
.basic_list2 li{padding-left:20px;padding-bottom:4px;background-image:url("/commons/images/site/list_bul2.jpg");background-position:8px 7px;background-repeat:no-repeat;}

/* 리스트 들여쓰기 */
.basic_list3{margin-bottom:5px;line-height:1.4;padding-left:20px;}
.basic_list3 li{padding-left:10px;padding-bottom: 4px; background-image:url("/commons/images/site/list_bul1.jpg");background-position:0 8px;background-repeat:no-repeat;}
.basic_list4{margin-bottom:5px;line-height:1.4;padding-left:20px;}
.basic_list4 li{padding-left:10px;padding-bottom: 4px; background-image:url("/commons/images/site/list_bul2.jpg");background-position:0 7px;background-repeat:no-repeat;}


/* 버튼 */
.btn_type1{border-bottom:1px solid #0057a6;font-size:15px;}
.btn_type1 li{float:left;border:1px solid #0057a6;border-bottom:0px;padding-right:3px;border-top:1px solid #0057a6;width:180px;}
.btn_type1 li a{display:block;height:28px;width:100%;text-align:center;padding-top:12px;color:#0057a6;font-weight:bold;}
.btn_type1 a:hover{color:#fff;font-weight:bold;}
.btn_type1 li:hover{margin-top:0;background:#0057a6;}
.btn_type1 li.selected {background-color:#0057a6;border-right:1px}
.btn_type1 li.selected a {width:181px;font-weight:bold;color:#fff;}
.btn_type1 li.last {margin-right:0;padding-right:4px}

.btn_type2 ul{text-align:center;vertical-align:center;font-size:13px;}
.btn_type2 li{border:1px solid #355ba5;display:block;float:left;width:100px;margin-right:10px;}
.btn_type2 li a {padding:17px 0;width:100%;display:block;font-weight:bold;font-family:'Nanum Gothic';}
.btn_type2 li.line a{padding:10px 0 9px;}
.btn_type2 li a:hover {background-color:#355ba5;color:#fff;}

/*2015-03-30 한종길 추가 */
img {-ms-interpolation-mode:bicubic;}

/* 예매 확인 및 취소 */
table.ticketing_guide {  }
table.ticketing_guide td, table.ticketing_guide th { text-align:center; border-left:2px solid #e0e0e0; }
table.ticketing_guide td:first-child, table.ticketing_guide th:first-child { border-left:none; }

input[type="image" i]:focus-visible { outline-offset: 2px; }