@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*-------- Default Webpage Style --------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! 
:focus {
	0
}*/

body {
	font-size:80%;
	line-height: 1.5em/*18/12px*/;
	font-family:'Nanum Gothic';
	font-family:Nanum Gothic,"돋움",dotum,sans-serif;
	color: #282828;
	background: white;
	/*letter-spacing:-0.0333333333333333em;0.4/12px*/
}

ol, ul {	list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img, fieldset, button, input { border:0; }

img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);/* ie6 PNG bug fix */ }
hr { display:none; }
caption, legend { width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden; }
h2 { *font-size:1.5em;/*18/12px*/ }/*ie7 fix*/
a { 
	text-decoration:none;color:#282828;
	/*-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;*/
}
a:hover { color:#000; }

/*-------- Common --------*/
.hide { visibility:hidden; }
.block { display:block; }
.none { display:none; }

/* 웹접근성 */
.skip { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }

/* 정현욱 추가 2016-07-19 */
#allmap .none {display:block; visibility:hidden; height:0; position:relative; overflow:hidden;}


.textC { text-align:center; }
.textL { text-align:left; }
.textR { text-align:right; }

.left { float:left; }
.right { float:right; }
.floatN { float:none; }
.clearfix:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1; }
.clearfix { display: inline-block;*display:inline;*zoom:1; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.mgA0 { margin:0; }
.mgT0 { margin-top:0px }
.mgT5 { margin-top:5px }
.mgT10 { margin-top:10px }
.mgT15 { margin-top:15px }
.mgT20 { margin-top:20px }
.mgT30 { margin-top:30px }
.mgT40 { margin-top:40px }
.mgT50 { margin-top:50px }
.mgL5 { margin-left:5px }
.mgL10 { margin-left:10px }
.mgL13 { margin-left:13px }
.mgL15 { margin-left:15px }
.mgL20 { margin-left:20px }
.mgL30 { margin-left:30px }
.mgL40 { margin-left:40px }
.mgL60 { margin-left:60px }
.mgR5 { margin-right:5px }
.mgR10 { margin-right:10px }
.mgR15 { margin-right:15px }
.mgR20 { margin-right:20px }
.mgR25 { margin-right:25px }
.mgR30 { margin-right:30px }
.mgR35 { margin-right:35px }
.mgR40 { margin-right:40px }
.mgR80 { margin-right:80px }
.mgB5 { margin-bottom:5px }
.mgB10 { margin-bottom:10px }
.mgB15 { margin-bottom:15px }
.mgB20 { margin-bottom:20px }
.mgB25 { margin-bottom:25px }
.mgB30 { margin-bottom:30px }
.mgB35 { margin-bottom:35px }
.mgB40 { margin-bottom:40px }

.pdA0{padding:0;}
.pdT5{padding-top:5px}
.pdT6{padding-top:6px}
.pdT10{padding-top:10px}
.pdT20{padding-top:20px}
.pdT30{padding-top:30px}
.pdT50{padding-top:50px}

.pdL30{padding-left:30px}

.pdB30{padding-bottom:30px}

.pdR5{padding-right:5px}

span.vertAlignM { display:inline-block;zoom:1;*display:inline;vertical-align:middle;/*ie7*/ } /* 세로가운데정렬용 빈 span */



/* Board List */
table.boardList_st01{width:100%;border-bottom:3px solid #e2e1e1;border-top:3px solid #444;color:#555;table-layout:fixed;}
table.boardList_st01 th, td{border:0}
table.boardList_st01 a{color:#555;text-decoration:none;font-size:1.0em;}
table.boardList_st01 a:hover, a:active, a:focus{color:#000;text-decoration:underline}
.frm label{display:none}
table.boardList_st01 th{height:25px;text-align:center;padding:10px 0 0 0;font-family:'NanumGothic','돋움',dotum,sans-serif;font-size:1.0em;color:#222;line-height:1.5em;font-weight:bold;background-color:#ececec;border-bottom:1px solid #b9b9b9; vertical-align: middle;}
table.boardList_st01 td{padding:10px 0 8px;border-bottom:dotted 1px #666;text-align:center;line-height:1.5em;background:none;font-size:0.95em; vertical-align: middle;}
table.boardList_st01 td a{color:#000;font-size:0.95em;}
table.boardList_st01 .frm{padding:0;text-align:center}
table.boardList_st01 .frm input{margin:0}
table.boardList_st01 .title{text-align:left;padding-left:7px;}
table.boardList_st01 .notice{color:#b0621d;font-size:1.15em;line-height:1.5em;}
table.boardList_st01 .title .pic,.title{margin:0 5px;vertical-align:middle}
table.boardList_st01 tr.reply .title a{padding-left:14px;background:url(../images/styleguide/board/ic_reply.gif) 0 1px no-repeat}
table.boardList_st01 tr.reply td a.comment{padding:0 5px;background:none;color:#f00;font-weight:bold}

table.boardList_st01 .qa_q{background:url('../images/styleguide/board/ico_q.gif') 0 7px no-repeat;padding:10px 0 10px 22px;}
table.boardList_st01 .qa_a{background:url('../images/styleguide/board/ico_a.gif') 7px 10px no-repeat;padding:10px 0 10px 30px;text-align:left;}
table.boardList_st01 .qa_abg{background-color:#fff7f3;}


/* 유실물센터 게시판 */
.table_clear:after { content:""; display:block; clear:both; }
table.boardList_st02 { float:right; width:250px; }
table.boardList_st02 th { text-align: center; vertical-align:middle; padding: 6px; background-color: #f5f5f5; color: #444; font-size: 12px; font-weight: bold; border-bottom:1px solid #f5f5f5; }
table.boardList_st02 td { text-align: center; vertical-align:middle; padding: 6px; color: #777; font-size: 12px; border-bottom:1px solid #f5f5f5; }
table.lost_property_table .state { padding: 4px 8px; border-radius:100px; color:#fff; }
table.lost_property_table .state.on { background: #b28a71; }
table.lost_property_table .state.off { background: #aaa; }

.new{background-color:#ff7000;color:#fff;font-size:0.9em;padding:1px 3px;font-weight:bold;margin:0 5px;}

.booking1{background-color:#ca5f1f;padding:2px 3px;color:#fff;font-size:0.9em;text-align:center;}
.booking2{background-color:#b18a2b;padding:2px 8px;color:#fff;font-size:0.9em;text-align:center;}
.booking3{background-color:#6f6f6f;padding:2px 13px;color:#fff;font-size:0.9em;text-align:center;}

ul.listinfo{ padding:5px 0 10px 0;font-size:1.1em; }
ul.listinfo .infoL{float:left;}
ul.listinfo .infoR{float:right;}
ul.listinfo .infoL span{font-size:1.4em;}

ul.listinfo.kidsAcademy { vertical-align:bottom;height:82px; }
ul.listinfo.kidsAcademy li.infoL,
ul.listinfo.kidsAcademy li.infoR { margin-top:67px;height:15px;line-height:15px; }
ul.listinfo.kidsAcademy li.bnn1 { margin:0 auto;width:275px; }


/* pagenate */
div.pagenate{text-align:center;}
div.pagenate a{padding:6px 12px 8px 10px;margin:0 2px;border:1px solid #ccc;line-height:1.2em;letter-spacing:-0.2em;font-size:0.9em;}
div.pagenate a:hover{background-color:#555;color:#fff;}
div.pagenate a.over{background-color:#555;color:#fff;}


/* Search */
.srch{background:#f2f2f2;border:1px solid #ddd;padding:14px 0;margin-bottom:20px;}
.srch{color:#c4c4c4;text-align:center}
.srch select,.srch input{margin:-1px 0 1px;font-size:1.1em;color:#373737;vertical-align:middle}
.srch .keyword{margin-left:1px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}
.srch span{font-weight:bold;font-size:1.2em;padding:0 10px 0 0;color:#444;}

/* Search2 */
.srch2{background:#f2f2f2;border:1px solid #ddd;padding:14px 0;margin:20px 0;}
.srch2{color:#444;text-align:center;display:block;}
.srch2 span{font-weight:bold;font-size:1.2em;padding:0 15px 0 0;color:#444;}
.srch2 input{margin:-1px 0 1px;font-size:12px;color:#373737;vertical-align:middle;}
.srch2 .keyword{margin-left:10px;padding:2px 3px 5px;border:1px solid #b5b5b5;font-size:12px;line-height:15px}


/* Write */
table.boardWrite_st01 {border-top:3px solid #444;border-bottom:3px solid #e2e1e1;color:#3c3c3c;width:100%;}
table.boardWrite_st01 th, table.boardWrite_st01 td{padding:5px 10px 5px 10px;line-height:1.5em;border-bottom:1px solid #c1c0c0;font-size:1.0em;}
table.boardWrite_st01 th{padding:5px 0 5px 10px;border-right:solid 1px #c1c0c0;border-bottom:solid 1px #c1c0c0;background-color:#f1f1f1;font-size:1.0em;line-height:1.5em;vertical-align:middle;text-align:left;}
table.boardWrite_st01 td .txt{font-size:0.85em;padding:5px 0 0 0;}


/* View */
.boardView_st{border-top:3px solid #444;border-bottom:3px solid #e2e1e1;color:#3c3c3c;width:100%;}
.boardView_st .ttlar{height:25px;padding:10px 0 0 10px;font-family:'NanumGothic','돋움',dotum,sans-serif;font-size:1.2em;color:#222;font-weight:bold;line-height:1.2em;background-color:#ececec;border-bottom:1px solid #b9b9b9;}
.boardView_st .nmar{position:relative;padding:10px;border-bottom:1px solid #d2d2d2;}
.boardView_st .nmar .date{color:#707070;font-weight:normal;}
.boardView_st .nmar .clicks{position:absolute;top:10px;right:10px;}
.boardView_st .files{background-color:#ededed;color:#3c3c3c;padding:10px; text-align:left;}
.boardView_st .files a{/*background:url(../images/styleguide/board/ico_file.gif) 0 0 no-repeat; padding:0 17px;*/color:#555;}
.boardView_st .files a:hover{text-decoration:underline;}
.boardView_st .content {padding:10px 20px 20px 20px;line-height:1.5em;vertical-align:top;color:#3c3c3c;}
.boardView_st strong { font-weight:bold; }
.boardView_st .content { line-height: 1.5; }

/* Reply */
div.bbsrear{background-color:#f1f1f1;margin:20px 0 30px 0;padding:20px;}
div.bbsrear div.relist{border-bottom:1px dotted #555;padding:15px 0 10px 0;}
div.bbsrear div.relist ul.relinfo{padding:0 0 8px 0;}
div.bbsrear div.relist ul.relinfo .relname{float:left;font-weight:bold;}
div.bbsrear div.relist ul.relinfo .relname span{font-weight:normal;font-size:0.9em;color:#777;}
div.bbsrear div.relist ul.relinfo .relmody{float:right;color:#777;}
div.bbsrear div.relist ul.relinfo .relmody a:hover{text-decoration:underline;}
div.bbsrear div.relist p{color:#333;line-height:1.6em;font-size:0.95em;}
div.bbsrear .rewrite{margin:20px 0 0 0;}
.w650{width:650px;}


/* FAQ Lsit */
.faq{border-top:2px solid #6c7175;border-bottom:3px solid #e2e1e1;color:#3c3c3c;width:100%;}
.faq .hgroup{position:relative;margin:0 0 10px 0;}
.faq .hgroup .trigger{position:absolute;top:0;right:0;padding:0;border:0;background:none;}
.faq ul{margin:0;padding:0;list-style:none;}
.faq .q{margin:0;border-top:1px solid #ddd;}
.faq .q a.trigger{display:block;padding:10px 15px;background:#f1f1f1;font-weight:bold;color:#333;text-align:left;text-decoration:none !important}
.faq .hide .q a.trigger{font-weight:normal;background:none}
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#f1f1f1;color:#000}
.faq .a{margin:0;padding:10px 15px 10px 25px;line-height:1.5em;color:#555;}


/* Gallery 1 */
.gallery{border-bottom:3px solid #e2e1e1;border-top:3px solid #444;overflow:hidden;padding:10px 0;}
.gallery ul{display:inline-block;}
.gallery ul li{float:left;margin:15px 5px;padding:5px 5px;}
.gallery ul li img{width:230px;height:230px;}
.gallery ul li p span{font-weight:bold;color:#ff7000;}
.gallery ul li p span.saleend{font-weight:bold;color:#0087e5;}
.gallery ul li dl{width:230px;height:120px;margin-top:15px;line-height:1.5em;}
.gallery ul li dt{height:40px;}
.gallery ul li dt{font-weight:bold;text-decoration:none;color:#444;color:#333;font-size:1.2em;}
.gallery ul li dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;font-size:1.0em;line-height:1.5em;padding:5px 0;}
.gallery ul li dd.gllbtnar{text-align:center;margin:10px 0;}
.gallery ul li dd a.reco_btn1{display: inline-block; color:#fff;font-size:0.9em;padding:10px 25px;text-align:center;background-color:#695750;}
.gallery ul li dd a.reco_btn2{display: inline-block; color:#fff;font-size:0.9em;padding:10px 25px;text-align:center;background-color:#5f5d59;}
.gallery ul li dd a.reco_btn1:hover{background-color:#000;}
.gallery ul li dd a.reco_btn1:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }
.gallery ul li dd a.reco_btn2:hover{background-color:#000;}
.gallery ul li dd a.reco_btn2:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }

.gallery2{border-bottom:3px solid #e2e1e1;border-top:3px solid #444;overflow:hidden;padding:10px 0;}
.gallery2 ul{display:inline-block;}
.gallery2 ul li{float:left;margin:15px 10px;padding:5px 5px;}
.gallery2 ul li img{width:220px;height:220px;}
.gallery2 ul li p span{font-weight:bold;color:#ff7000;}
.gallery2 ul li p span.saleend{font-weight:bold;color:#0087e5;}
.gallery2 ul li dl{width:210px;height:100px;margin-top:15px;line-height:1.5em;}
.gallery2 ul li dt{height:40px;}
.gallery2 ul li dt{font-weight:bold;text-decoration:none;color:#444;color:#333;font-size:1.2em;}
.gallery2 ul li dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;font-size:1.0em;line-height:1.5em;padding:5px 0;}
.gallery2 ul li dd.gllbtnar{text-align:center;margin:10px 0;}
.gallery2 ul li dd a { display:inline-block; }
.gallery2 ul li dd a.reco_btn1{color:#fff;font-size:0.9em;padding:10px 25px;text-align:center;background-color:#695750;}
.gallery2 ul li dd a.reco_btn2{color:#fff;font-size:0.9em;padding:10px 25px;text-align:center;background-color:#5f5d59;}
.gallery2 ul li dd a.reco_btn1:hover{background-color:#000;}
.gallery2 ul li dd a.reco_btn2:hover{background-color:#000;}
.gallery2 ul li dd a.reco_btn1:hover{background-color:#000;}
.gallery2 ul li dd a.reco_btn1:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }
.gallery2 ul li dd a.reco_btn2:hover{background-color:#000;}
.gallery2 ul li dd a.reco_btn2:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }

.gallery3{border-bottom:3px solid #e2e1e1;border-top:3px solid #444;overflow:hidden;padding:10px 0;}
.gallery3 ul{display:inline-block;}
.gallery3 ul li{float:left;margin:10px 10px;padding:5px 5px;}
.gallery3 ul li img{width:220px;height:150px;}
.gallery3 ul li p span{font-weight:bold;color:#ff7000;}
.gallery3 ul li p span.saleend{font-weight:bold;color:#0087e5;}
.gallery3 ul li dl{width:210px;height:50px;margin-top:10px;line-height:120%;}
.gallery3 a{text-decoration:none;color:#444;color:#333;font-size:13px;line-height:120%;}
.gallery3 a:hover{text-decoration:underline;color:#000;}
.gallery3 a:focus{text-decoration:underline;color:#000; /* outline:dotted 2px #fff; */}
.gallery3 ul li dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;font-size:1.0em;line-height:1.3em;padding:5px 0;}

.gallery4{border-bottom:3px solid #e2e1e1;border-top:3px solid #444;overflow:hidden;padding:10px 0;}
.gallery4 ul{display:inline-block;}
.gallery4 ul li{float:left;margin:15px 5px;padding:3px 3px;width:170px;height:230px;}
.gallery4 ul li img{width:170px;height:200px;border:1px solid #dcdcdc;}
.gallery4 ul li .g4ttl{text-align:center;padding:10px 0 0 0;}
.gallery4 ul li .g4ttl a{font-weight:bold;text-decoration:none;color:#444;color:#333;font-size:1.1em;line-height:1.3em;}
.gallery4 ul li .g4ttl a:hover{font-weight:bold;text-decoration:underline;color:#000;}


.gallery5 { border-bottom: 3px solid #e2e1e1; border-top: 3px solid #444; overflow: hidden; padding: 30px 13.5px; }
.gallery5 ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.gallery5 ul > li { display: flex; flex-direction: column; border: 1px solid #ddd; }
.gallery5 ul > li .thumb_area { position: relative; flex-shrink: 0; overflow: hidden; }
.gallery5 ul > li .thumb_area:after { content: ''; display: block; width: 100%; padding-top: 117.45%; }
.gallery5 ul > li .thumb_area > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.gallery5 ul > li .cont_area { height: 100%; padding: 18px 15px; text-align: center; background-color: #f8f8f8; border-top: 1px solid #ddd; }
.gallery5 ul > li .cont_area .title_area { margin-bottom: 15px; font-size: 13px; }
.gallery5 ul > li .cont_area .btn_area { display: flex; justify-content: center; margin: 0 -3px; }
.gallery5 ul > li .cont_area .btn_area .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 60px; height: 30px; margin: 0 3px; padding: 5px 12px; font-size: 12px; color: #fff; border-radius: 3px; box-sizing: border-box; }
.gallery5 ul > li .cont_area .btn_area .btn1 { background-color: #575149; }
.gallery5 ul > li .cont_area .btn_area .btn2 { background-color: #222; }
.gallery5.new_list ul > li .thumb_area:after { padding-top: 137%; }
				
/* Data Table 1 */
.dt_st01{width:99%;border:none;border-bottom:3px solid #e2e1e1;border-top:3px solid #444;border-left:1px solid #d4d4d4;padding:0;margin:0;}
.dt_st01 tfoot{background-color:#f1f1f1;color:#555;line-height:1.7em;}
.dt_st01 th{padding:7px 0 7px;border:none;border-bottom:solid 1px #e2e1e1;border-right:solid 1px #e2e1e1;background-color:#666;font-family:'NanumGothic','돋움',dotum,sans-serif;font-size:1.1em;color:#fff;line-height:1.5em;vertical-align:middle;text-align:center;}
.dt_st01 td{padding:10px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;line-height:1.5em;vertical-align:middle;color:#444;}
.dt_st01 .bgc_gy2{background-color:#f8f8f8}
.dt_st01 .ftc_bl{color:#296892}
.dt_st01 .bgc_gy{background-color:#f8f8f8}

.dt_st02{width:99%;border:none;border-bottom:3px solid #e2e1e1;border-top:3px solid #444;border-left:1px solid #d4d4d4;padding:0;margin:0;}
.dt_st02 tfoot{background-color:#f1f1f1;color:#555;line-height:1.7em;}
.dt_st02 th{padding:7px 0 7px;border:none;border-bottom:solid 1px #e2e1e1;border-right:solid 1px #e2e1e1;background-color:#666;font-family:'NanumGothic','돋움',dotum,sans-serif;font-size:1.1em;color:#fff;line-height:1.5em;vertical-align:middle;text-align:center;}
.dt_st02 td{padding:8px;border-bottom:1px solid #d4d4d4;border-right:1px solid #d4d4d4;line-height:1.5em;vertical-align:middle;color:#444;text-align:center;font-size:0.95em;}
.dt_st02 td.sbj {text-align:left;}
.dt_st02 td strong{font-weight:bold;}
.dt_st02 .bgc_gy2{background-color:#f8f8f8}
.dt_st02 .ftc_bl{color:#296892}
.dt_st02 .bgc_gy{background-color:#f8f8f8}

.dt_st03{border:1px solid #e2e1e1;padding:0;margin:0;}
.dt_st03 tfoot{background-color:#f1f1f1;color:#555;line-height:1.7em;}
.dt_st03 th{padding:5px;border:1px solid #e2e1e1;font-size:1.1em;line-height:1.5em;vertical-align:middle;text-align:center;}
.dt_st03 td{padding:5px;border:1px solid #d4d4d4;line-height:1.5em;vertical-align:middle;color:#444;text-align:center;font-size:0.95em;}


/* Button */
/* 김현석 2015-01-19 명도대비 수정 */
.btn_st1{}
.btn_st1 a{color:#fff;background-color:#404040;font-size:0.9em;line-height:1.2em;padding:4px 10px 4px 10px;}
.btn_st1 a.active { background-color:#000; }
.btn_st1 a:hover{background-color:#000;}
.btn_st1 a:focus{background-color:#000;}
.btn_st1 a:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }
.btn_st1 .btn{color:#fff;background-color:#404040;font-size:0.9em;line-height:1.2em;padding:4px 10px 4px 10px;}
.btn_st1 .btn:hover{color:#fff;background-color:#000;font-size:0.9em;line-height:1.2em;padding:4px 10px 4px 10px;}
.btn_st1 .ipt{color:#fff;background-color:#404040;font-size:0.9em;line-height:1.2em;padding:4px 10px 4px 10px;}
.btn_st1 .ipt:hover{color:#fff;background-color:#000;font-size:0.9em;line-height:1.2em;padding:4px 10px 4px 10px;}
.btn_st1 .ipt:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }

.btn_st2{}
.btn_st2 a{color:#fff;background-color:#404040;font-size:1.1em;line-height:1.5em;padding:8px 12px 8px 10px;}
.btn_st2 a:hover{background-color:#000;}
.btn_st2 a:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }
.btn_st2 .btn{color:#fff;background-color:#404040;font-size:1.1em;line-height:1.5em;padding:5px 12px 5px 10px;}
.btn_st2 .btn:hover{color:#fff;background-color:#000;font-size:1.1em;line-height:1.5em;padding:5px 12px 5px 10px;}
.btn_st2 .ipt{color:#fff;background-color:#404040;font-size:1.1em;line-height:1.5em;padding:5px 12px 5px 10px;}
.btn_st2 .ipt:hover{color:#fff;background-color:#000;font-size:1.1em;line-height:1.5em;padding:5px 12px 5px 10px;}
.fs {text-align:center;vertical-align:middle;}
.fs a{display:block;padding:12px;} 

.btn_st3{}
.btn_st3 a{color:#fff;background-color:#404040;font-size:1.4em;line-height:1.8em;padding:10px 12px 10px 10px;}
.btn_st3 a:hover{background-color:#000;}
.btn_st3 .btn{color:#fff;background-color:#404040;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .btn:hover{color:#fff;background-color:#000;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .ipt{color:#fff;background-color:#404040;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .ipt:hover{color:#fff;background-color:#000;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .ipt:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }


.btn_st3 input{color:#fff;background-color:#404040;font-size:1.4em;line-height:1.8em;padding:10px 12px 10px 10px;cursor:pointer;}
.btn_st3 input:hover{background-color:#000;cursor:pointer;}
.btn_st3 .btn{color:#fff;background-color:#404040;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .btn:hover{color:#fff;background-color:#000;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .ipt{color:#fff;background-color:#404040;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}
.btn_st3 .ipt:hover{color:#fff;background-color:#000;font-size:1.4em;line-height:1.8em;padding:5px 12px 5px 10px;}


.btn_st4{}
.btn_st4 a{color:#fff;background-color:#404040;font-size:1.7em;line-height:2.0em;padding:14px 15px 14px 13px;}
.btn_st4 a:hover{background-color:#000;}
.btn_st4 .btn{color:#fff;background-color:#404040;font-size:1.7em;line-height:2.0em;padding:5px 14px 5px 12px;}
.btn_st4 .btn:hover{color:#fff;background-color:#000;font-size:1.7em;line-height:2.0em;padding:5px 14px 5px 12px;}
.btn_st4 .ipt{color:#fff;background-color:#404040;font-size:1.7em;line-height:2.0em;padding:5px 12px 5px 10px;}
.btn_st4 .ipt:hover{color:#fff;background-color:#000;font-size:1.7em;line-height:2.0em;padding:5px 12px 5px 10px;}


/* Bullet */
h3{color:#222;font-size:3.5em;line-height:1.0em;font-weight:bold;letter-spacing:-2.0px;}
h4.hbul{background:url('../images/styleguide/bullet/blt_depth4.gif') 0 0 no-repeat;font-size:1.6em;font-weight:bold;color:#674011;padding-left:25px;margin:30px 0 15px 0;}
h5{background:url('../images/styleguide/bullet/blt_depth5.gif') 0 5px no-repeat;font-size:1.3em;font-weight:bold;color:#894f0b;padding-left:15px;margin:30px 0 15px 5px;}
h6{background:url('../images/styleguide/bullet/blt_depth6.gif') 0 7px no-repeat;font-size:1.1em;font-weight:bold;color:#444;padding-left:12px;margin:10px 0 15px 5px;}
.ttl7{background:url('../images/styleguide/bullet/tit_st07.gif') 0 6px no-repeat;font-family:'돋움',dotum,sans-serif;font-size:1.0em;color:#444;font-weight:bold;padding-left:8px;margin:30px 0 15px 10px;}
h4.hbul small {font-size: 0.6em; margin-left:10px;}


/* Tab Style */

ul.tabst1 {background:url('../images/styleguide/tab/bg_tabline.gif') 0 bottom repeat-x;}
ul.tabst1 li{float:left;margin-right:5px;}
ul.tabst1 a{padding:14px 20px 18px 20px;font-size:1.2em;line-height:3.6em;background-color:#ece8e4;color:#222;border-top:1px solid #d7cfc7;border-left:1px solid #d7cfc7;border-right:1px solid #d7cfc7;border-bottom:1px solid #9b8a7c;}
ul.tabst1 a:hover{padding:14px 20px 18px 20px;color:#222;background-color:#fff;border-top:5px solid #ff6c00;border-left:1px solid #9b8a7c;border-right:1px solid #9b8a7c;border-bottom:1px solid #fff;}
ul.tabst1 a.tabon{padding:14px 20px 18px 20px;color:#222;font-weight:bold;background-color:#fff;border-top:5px solid #ff6c00;border-left:1px solid #9b8a7c;border-right:1px solid #9b8a7c;border-bottom:1px solid #fff;}
	*+ html ul.tabst1 a {padding: 14px 18px 18px 18px !important; }
/*tab style*/
.tabst2{position:relative;overflow:hidden;background:url('../images/common/bg_tabline.gif') 0 0 repeat-x;margin-bottom:20px;}
.tabst2 li.tab_m{float:left;padding-right:3px;}
.tabst2 li .ttl a{display:block;height:17px;padding:10px 15px;border:1px solid #d7d7d7;border-bottom-color:#afafaf;background-color:#f5f5f5;text-decoration:none;font-size:1.2em;color:#666;font-weight:bold;font-family:'NanumGothic','나눔고딕','돋움','Dotum',sans-serif;letter-spacing:-1px;}
.tabst2 li .ttl .selected{color:#222;height:15px;background-color:#fff;border-top:3px solid #afafaf;border-left:1px solid #afafaf;border-right:1px solid #afafaf;border-bottom:1px solid #fff;text-decoration:none;}

.tabconar {position:absolute;left:0;top:40px;overflow:hidden;margin:10px 0 0 5px;}



/* Popup Style */
.ly_pop{position:absolute;z-index:10;padding:17px 20px 0;border:1px solid #888;background:#fff}
.ly_pop h1{margin-bottom:8px;font-size:1.1em;color:#2c2c2c;letter-spacing:-1px;line-height:1.5em;font-weight:bold;}
.ly_pop .desc{color:#606060;line-height:1.5em}
.ly_pop .desc em{color:#268e00}
.ly_pop .btn{clear:both;margin-top:17px;padding:10px 0;border-top:1px solid #e5e5e5;text-align:center}
.ly_pop .btn img{vertical-align:top}
.ly_pop .clse{position:absolute;top:8px;right:8px}

.ly_pop2{position:absolute;z-index:100;width:410px;height:110px;padding:17px 20px 0;border:1px solid #888;background:#fff;}
.ly_pop2 h1{margin-bottom:8px;font-size:1.1em;color:#2c2c2c;letter-spacing:-1px;line-height:1.5em;font-weight:bold;}
.ly_pop2 .imgulst{overflow:hidden;padding:15px 0 10px 0;}
.ly_pop2 .imgulst li{float:left;margin:0 5px;}
.ly_pop2 .clse2{position:absolute;top:8px;right:8px}


/*아이디찾기*/

ul.findForm {  }
ul.findForm > li { margin-top:5px; }
ul.findForm label { display:inline-block;width:80px; }
ul.findForm label.email { display:block;margin-bottom:5px; }
ul.findForm > li.mobile > input[type=text]:first-child { width:70px; } 
/*info style*/
.infost1{background:url('../images/styleguide/icon/ico_info.png') 0 8px no-repeat;color:#9e6000;padding:5px 0 5px 19px;line-height:1.7em;}
.infost1.type2{font-size: 2em;background: url('../images/styleguide/icon/ico_info.png') no-repeat 0 18px / 16px; padding: 5px 0 5px 25px;}
.fz_large{font-size: 110%;}
.fw_bold{font-weight:bold;}


/* Input */
fieldset {border:none;border:solid 0 transparent;} /* for Opera7 Bug */
input, textarea, select {font-size:1em;}
input.txt_st01 {padding:2px;border:1px solid #c8c8c8;color:#666;}
input.File_st01 {border:1px solid #c8c8c8;color:#666;}
textarea.st01 {padding:2px;border:1px solid #c8c8c8;color:#666;}
select.st01 {padding:2px;border:1px solid #c8c8c8;color:#666;}



/*-------- Skip Menu --------*/

.skipMenu { overflow:hidden;position:relative;width:100%;z-index:2; }
.skipMenu > a { display:block;overflow:hidden;margin:0 -1px -1px 0;width:1px;height:1px;line-height:0;font-size:0;text-align:center; }
.skipMenu > a:focus, 
.skipMenu > a:hover, 
.skipMenu > a:active,
.skipMenu > a:focus-visible { margin:0;width:auto;height:30px;line-height:30px;background:#464646;color:#fff;font-size:12px;font-weight:bold; outline-offset: -2px; }




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

div.pageWrapper { width:100%;height:100%;background:url('../images/common/bg_top.jpg') 0 0 repeat-x; }
ul#gnb,
div.lnbWrapper,
div.lnbSpread > dl,
.container { width:1000px;margin:0 auto; } /*전체 레이아웃의 가로길이 세팅 */
#footer .container {width:875px;}
.container_mar { padding:20px 0;background:url('../images/index/bg_top.jpg') 0 0 repeat-x;}
.container_m { position:relative;width:1000px;margin:0 auto; }/*메인 전체 레이아웃의 가로길이 세팅 */
	
/*
가로 스크롤을 감추기 위해 overflow:hidden 처리를 하면 화면을 작게 줄인 익스플로러에서 문제가 발생함.
화면에 표시되지 않은 오른쪽 부분으로 스크롤을 옮겨보면 배경이 여백으로 나오거나
하위 DIV들의 사이즈가 정해져있을 때 x축 스크롤이 오히려 생기는 경우가 발생!
아래는 이런 오류를 바로잡아주는 CSS.
 - 전체를 감싸는 Wrapper격 div에 min-width값과 overflow-y값 삽입.
 - 하위의 Content격 div에 overflow-x를 따로 지정.
*/
div.pageWrapper { min-width:1000px;overflow-y:visible; }
ul#gnb, div.lnbWrapper, div.lnbSpread > dl { overflow-x:hidden; }


.btest{border:1px dotted #000;}

/*-------- Start Layout : HEADER --------*/

div#header { position:relative;overflow-x:none;max-width:1000px;margin:0 auto;z-index:1000;}

div#header h1.ycLogo { position:absolute;width:150px;height:54px;top:30px;left:0;}
div#header h1.ycLogo a { display:block;width:100%;height:100%;background:url('../images/common/snaclogo1.png') 0 center no-repeat;text-indent:-9999px;overflow:hidden; }

	/* GNB */
	div#header ul#gnb { padding:0;height:40px;/* height:40px;*/overflow:hidden;font-size:0.9em; }
	div#header ul#gnb > li { height:40px;line-height:23px;color:#464646; }
	div#header ul#gnb > li.left {  }
	div#header ul#gnb > li.right {  }
	div#header ul#gnb > li > ul > li { float:left;padding:0 1px;}
	div#header ul#gnb > li > ul > li > a { display:block; }
	div#header ul#gnb > li > ul > li > a:focus-visible { outline-offset: -3px; }
	div#header ul#gnb > li > ul > li > a:hover { text-decoration:underline; }
	div#header ul#gnb > li > ul > li > a.point { background:url('../images/common/bullet01.png') 0 17px no-repeat; padding:7px 10px 7px 7px;}
	div#header ul#gnb > li > ul > li:first-child { padding-left:0;border-left:0; }
	div#header ul#gnb > li > ul > li > dl#fontSize {padding-top:7px;}
	div#header ul#gnb > li > ul > li > dl#fontSize > dt  { float:left; color:#333;}
	div#header ul#gnb > li > ul > li > dl#fontSize > dd { float:left;margin-left:5px;width:20px;height:23px;background-repeat:no-repeat;background-position:0 2px; }
	div#header ul#gnb > li > ul > li > dl#fontSize > dd > a { display:block;text-indent:-9999px;overflow:hidden; }
	div#header ul#gnb > li > ul > li > dl#fontSize > dd.zoom { background-image:url('../images/common/btn_zoom1.gif'); }
	div#header ul#gnb > li > ul > li > dl#fontSize > dd.reset { background-image:url('../images/common/btn_reset1.gif'); }
	div#header ul#gnb > li > ul > li > dl#fontSize > dd.reduce { background-image:url('../images/common/btn_reduce1.gif'); }
	div#header ul#gnb > li > ul > li .text1{background-color:#fff;border:1px solid #999;padding:0 4px;line-height:23px;height:23px;margin:0;}

	/* LNB */
	div#header div.lnbWrapper { height:48px;padding-top:20px;}
		/* LNB : 1depth Menu */
		div#header div.lnbWrapper ul#lnb { float:right;height:48px;line-height:48px; }
		div#header div.lnbWrapper ul#lnb > li { float:left;background:url('../images/common/line_lnb.gif') 0 13px no-repeat;font-size:1.333333333333333em/*16/12px*/; }
		div#header div.lnbWrapper ul#lnb > li > a { display:block;padding:10px 20px 0px 20px;height:38px;font-weight:bold;}
		div#header div.lnbWrapper ul#lnb > li > a:focus-visible { outline-offset: -1px; }
		div#header div.lnbWrapper ul#lnb > li:first-child { padding-left:0;background:none; }
		div#header div.lnbWrapper ul#lnb > li:last-child { padding-right:0; }


		/* LNB : Spread Menu(2/3depth) */
		ul#lnb > li > div.lnbSpread {
			position:absolute;top:108px;left:0;
			width:100%;height:0px;overflow:hidden;
			background-color:#575149;
			line-height:1.5em;font-size:0.75em/*12/16px*/;/*ul#lnb의 줄높이, 글꼴사이즈 값 초기화*/
			-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;
			z-index:900;
		}

		
			ul#lnb > li > div.lnbSpread > dl {
				height:100%;
				padding:20px;
				overflow:hidden;
				border-bottom:5px solid #c8c8c8;/* old ie */
				border-bottom:5px solid rgba(255,255,255,0.7);/*modern browser*/
				clear:both;
			}
			ul#lnb > li > div.lnbSpread > dl:after{content:"";display:block;clear:both;}
				ul#lnb > li > div.lnbSpread > dl:after{content:"";display:block;clear:both;}
				ul#lnb > li > div.lnbSpread > dl > dt { float:left;width:20%;height:100%;padding-left:20px;}
				ul#lnb > li > div.lnbSpread > dl > dt > strong.title { width:100%;display:inline-block;zoom:1;*display:inline;font-size:1.833333333333333em/*22/12px*/;line-height:1.1em; color:#ffb400;}
				ul#lnb > li > div.lnbSpread > dl > dt > span.text { width:100%;display:inline-block;zoom:1;*display:inline;margin-top:5px;color:#fff; }
				ul#lnb > li > div.lnbSpread > dl > dd { float:left;margin-left:8%;width:67%;font-size:1.166666666666667em/*14/12px*/;overflow:hidden; }
				ul#lnb > li > div.lnbSpread > dl > dd > ul { height:100%; }
				ul#lnb > li > div.lnbSpread > dl > dd > ul > li { margin:2px;display:inline-block;zoom:1;*display:inline;text-align:center; }
				ul#lnb > li > div.lnbSpread > dl > dd > ul > li:first-child { border-left:0; }
				ul#lnb > li > div.lnbSpread > dl > dd > ul > li > a { display:block;padding:5px 10px;color:#fff; }
				ul#lnb > li > div.lnbSpread > dl > dd > ul > li > a:hover { display:block;background-color:#fff/*old browser*/;background-color:rgba(255,255,255,1)/*modern browser*/;color:#000; }


/*-------- Calender -------*/
div#calender_ar {overflow-x:none;width:100%;background-color:#575149;height:60px;z-index:800;letter-spacing:-0.0333333333333333em;/*0.4/12px*/}
div#calender { position:relative;overflow-x:none;max-width:1000px;margin:0 auto;color:#fff;font-family:'Nanum Gothic' !important;*zoom:1;z-index:999;}
div#calender dl > dt{float:left;padding:15px 15px 0 0;}
div#calender dl > dt span.year{font-size:1.3em;font-weight:bold;padding:0 5px 0 15px;line-height:1.5em;}
div#calender dl > dt span.month{font-size:2.1em;font-weight:bold;padding:0 10px 0 0;}
div#calender dl > dt a{color:#b8b6b3;font-weight:bold;padding:5px;font-size:2.0em;line-height:1.2em;}
div#calender dl > dt a:hover{text-decoration:none;}
div#calender dl > dd{float:left;padding:10px 0 0 0;}
div#calender dl > dd > ul > li{float:left;text-align:center;color:/*#b99f7d*/#DAC78C;font-size:0.8em;line-height:1.5em;}
div#calender dl > dd > ul > li.sund{color:/*#ff3600*/#ffba9f;}
div#calender dl > dd > ul > li a{color:#fff;padding:4px 5px 4px 5px;font-size:1.3em;line-height:1.9em;}
div#calender dl > dd > ul > li a:hover{color:#fff;background-color:#A3630B;}
div#calender dl > dd > ul > li a.sun{color:/*#ff3600*/#ffba9f;}
div#calender dl > dd > ul > li a.over{color:#fff;background-color:#A3630B;}
div#calender dl > dd > ul > li a span{color:#fff;}
div#calender dl > dd > ul > li p{padding-top:2px;}

/* 수정 김현석 : 2015-01-16 */
div#calender div#poplist{position:absolute;top:52px;left:311px;width:300px;border:solid 1px #575149;z-index:700;*zoom:1;}
div#calender div#poplist:before, div#calender div#poplist:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
}
div#calender div#poplist:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
div#calender div#poplist p.close{border-top:solid 1px #575149;text-align:right;background-color:#fff;padding:5px;background:linear-gradient(#fefefe, #ddd) repeat scroll 0 0 rgba(0, 0, 0, 0);}
div#calender div#poplist,
div#calender div#poplist p.close{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
div#calender div#poplist .plcon{background-color:#fff;height:330px;overflow-y:scroll;padding:10px;}
div#calender div#poplist .plcon > ul{border-bottom:1px dotted #777;padding:11px 0;}
div#calender div#poplist .plcon > ul > li{float:left;padding-right:10px;color:/*#c88b21*/#A3630B;font-size:0.9em;font-family:돋움,'Dotum';line-height:1.8em;}
div#calender div#poplist .plcon > ul > li img{width:80px;height:80px;}
div#calender div#poplist .plcon > ul > li a{color:#444;font-weight:bold;font-size:1.0em;font-family:'Nanum Gothic';}
div#calender div#poplist .plcon > ul > li a:hover{text-decoration:underline;}
div#calender div#poplist .plcon > ul > li.plconcon{width:260px;}
div#calender div#poplist .plcon > ul > li.plconcon a{margin-bottom:15px;font:bold 16px "돋움",dotum;}
div#calender div#poplist .plcon > ul > li.plconcon a:hover,
div#calender div#poplist .plcon > ul > li.plconcon a:focus{color:/*#FF8000*/#A3630B;}
div#calender div#poplist .plcon > ul > li img{border:solid 1px #000;}

/*-------- Calender2 -------*/

div#calender2 { position:relative;overflow-x:none;color:#fff;font-family:'Nanum Gothic';background-color:#575149;padding:10px;letter-spacing:-0.0333333333333333em;/*0.4/12px*/}
div#calender2 dl > dt{padding:5px 0 5px 0;text-align:center;}
div#calender2 dl > dt span.year{font-size:1.3em;font-weight:bold;padding:0 5px 0 15px;line-height:1.5em;}
div#calender2 dl > dt span.month{font-size:2.1em;font-weight:bold;padding:0 10px 0 0;}
div#calender2 dl > dt a{color:#b8b6b3;font-weight:bold;padding:5px;font-size:1.9em;line-height:1.2em;}
div#calender2 dl > dt a:hover{text-decoration:none;}
div#calender2 dl > dd{padding:10px 0 0 0;}
div#calender2 dl > dd > ul > li{float:left;text-align:center;color:#b99f7d;font-size:0.9em;line-height:1.5em;}
div#calender2 dl > dd > ul > li.sund{color:#ff3600;}
div#calender2 dl > dd > ul > li a{color:#fff;padding:4px 5px;font-size:1.0em;line-height:1.9em;}
div#calender2 dl > dd > ul > li a:hover{color:#fff;background-color:#291f11;}
div#calender2 dl > dd > ul > li a.sun{color:#ff3600;}
div#calender2 dl > dd > ul > li a.over{color:#fff;background-color:#291f11;}
div#calender2 dl > dd > ul > li a span{color:#fff;}
div#calender2 dl > dd > ul > li p{padding-top:2px;}

/*-------- Footer -------*/
	div#footer {  }
	div#footerar { width:100%;background:url('../images/common/bg_footer.png') 0 0 repeat-x; background-color: #f0f0f0;}
	div#footer { position:relative;width:1000px;margin:0 auto; }

	div#footer .ycLogo { position:absolute;top:36px;left:0;}

	div#ycinfo {position:relative; width:1000px; margin:0 auto;}
	div#ycinfo div.container { padding:30px 0 30px 0; margin-left:125px; }
	div#ycinfo div.container > ul.fsmenu{padding-bottom:10px;}
	div#ycinfo div.container > ul.fsmenu li{float:left;line-height:1.8em;color:#aeaeae;}
	div#ycinfo div.container > ul.fsmenu li a{color:#444;font-size:12px;}
	div#ycinfo div.container > ul.fsmenu li a.special{color:#236de0;}
	div#ycinfo div.container > ul.fsmenu li a:hover{text-decoration:underline;}
	div#ycinfo div.container p.ars{position:absolute;top:16px;text-align:right;width:150px;left:545px;font-weight:bold;color:#8a662e;font-size:1.2em;line-height:180%;}
	div#ycinfo div.container p.ars span{color:#8a512e;font-size:1.5em;letter-spacing:-0.05em;}

	div#ycinfo div.container address{color:#666;font-size:0.9em;}
	div#ycinfo div.container p.tel{color:#666;font-size:0.9em; position:relative; margin-bottom:3px;}
	div#ycinfo div.container p.tel a {position:absolute; right:0; top:2px; z-index:9997;}
	div#ycinfo div.container > p.copyright { color:#777;font:11px Tahoma; }
	div#ycinfo div.container span.wa a {position:absolute;top:20px;right:0px;width:120px;height:85px;}
	div#ycinfo div.container span.wa a img {width: 100%;}
	div#ycinfo div.container > ul.qrcord{position:absolute;top:18px;right:135px;font-weight:bold;color:#555;font-size:0.9166666666666667em;}
	div#ycinfo div.container > ul.qrcord li{float:left;padding-left:10px;line-height:1.5em;}
	div#ycinfo div.container > ul.qrcord li p{font-size:1.3em;color:#695114;padding:3px 0 7px 0;}


/*-------- 퀵메뉴 -------*/
	div#quick {position:absolute;top:30px;right:0;border:0;width:100px;z-index:1000;}
	div#quick li{padding:0;margin:0;font-size:0;line-height:0;}
	div#quick .qubtn{text-align:center;line-height:0;}

/* 전체메뉴보기 */
div#allmenuar{position:absolute;top:55px;left:0;overflow-x:none;width:996px;max-width:1000px;z-index:1000;background-color:#fff;border:2px solid #575149;}
div#allmenuar ul.amuattl{background-color:#575149;padding:5px;color:#fff;letter-spacing:0.1em;}
div#allmenuar ul.amuattl a{color:#fff;padding:5px;}
div#allmenuar div.amu1setar{float:left;width:120px;padding:10px 2px;}
div#allmenuar div.amu1setar .amuttl{color:#6c4e2d;font-size:1.2em;font-weight:bold;line-height:1.5em;padding:5px 0;border-bottom:2px solid #a78867;margin:0 0 10px 0;}
div#allmenuar div.amu1setar .amu2dpt{border-bottom:1px solid #b99d7e;}
div#allmenuar div.amu1setar .amu2dpt a{display:block;font-size:0.9em;line-height:1.5em;font-weight:bold;padding:4px 0 4px 10px;background:url('../images/common/bullet02.png') 3px 11px no-repeat;letter-spacing:-0.05em;}
div#allmenuar div.amu1setar .amu2dpt a:hover{background-color:#a78867;color:#fff;}
div#allmenuar div.amu1setar .amu3dpt{border-top:1px dotted #927351;}
div#allmenuar div.amu1setar .amu3dpt a{display:block;font-size:0.85em;line-height:1.5em;border-bottom:1px dotted #927351;font-weight:normal;padding:4px 0 4px 12px;background:url('../images/common/bullet03.png') 7px 10px no-repeat #f7f4f0;}
div#allmenuar div.amu1setar .amu3dpt a:hover{background:none;color:#7a5a39;text-decoration:underline;}

/* 김현석 2015-01-14 */
label{cursor:pointer;}
/*
.lnbSpread{height:100px !important;}
.lnbSpread{display:none;}
.lnbSpread{transition:none !important;}
.lnbSpread dd a:focus{color:#000 !important;background:#fff !important;}
.skip2calendar{position:relative;}
.skip2calendar a{position:absolute;top:-2000px;}
.skip2calendar a:focus{padding:10px;top:7px;border:solid 4px #fff;outline:dotted 1px #fff !important;background:#fff;font:bold 14px "굴림",gulim;}
*/

a.btn_b27{padding:7px 15px;background:url(/img/bg/bg_btn_b_1x27.gif) repeat-x;display:inline-block;height:12px;border:1px solid #626262;
    color:#fff;font-family:"돋움",dotum;font-weight:bold;line-height:1em;}

/* 공연 */
.show1 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show1.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.show2 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show2.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.show3 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show3.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.show4 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show4.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.show5 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show5.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.show6 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show6.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.show7 {position:absolute; top:-6px; left:20px; background-image:url("../images/show/show7.png"); background-repeat:no-repeat; background-position:0 0 ; font-size:0px; width:39px; height:44px;}
.gallery .show1, .gallery .show2, .gallery .show3, .gallery .show4, .gallery2 .show1, .gallery2 .show2, .gallery2 .show3, .gallery2 .show4 {top:-1px;}
.gallery li, .gallery2 li {position:relative;}


/* .detail3.block p {word-break:keep-all; width:750px; } */

/* 이메일 */
.mail_a {min-height: 30px;display: none;position: absolute;top: 2px;left: -15px;border: 2px solid #8c7236;padding: 10px;background-color: #fff;width: 170px;text-align: center;z-index: 30;font-size: 12px;color: #424242;font-weight: bold;line-height: 30px;text-decoration: none;}
.mail_td {font-size: 12px;position: relative;}
.textC .mail_a.selected {display:block;}

/* 웹접근성 20170213 공용태그 jhw */
.hidden_word{position:absolute;top:0;left:-9999px;text-indent:-9999px;display:block;font-size:0;}

/* 전체메뉴가 부모 글자크기를 내려받지 않도록 */
div.amu1setar .amu2dpt a{font-size:1em !important;}
/* 전체 검색 박스 크로스브라우징 */
ul#gnb > li > ul > li .text1 {
    line-height: 23px; /* 25px - 2px(border) */
    padding: 0 5px !important;
}

#pop{
  background:#3d3d3d; color:#fff; 
  position:absolute; z-index:1000; top:168px; left:100px; text-align:center; 
  border:2px solid #000;
}
#pop > div > a { display: block;}
#pop2 {
  background:#3d3d3d; color:#fff; 
  position:absolute; z-index:1000; top:408px; left:100px; text-align:center; 
  border:2px solid #000;
}

#pop3 {
  background:#3d3d3d; color:#fff; 
  position:absolute; z-index:1000; top:395px; left:528px; text-align:center; 
  border:2px solid #000;
}

#changePasswd{
  width:380px; height:503px; background:#3d3d3d; color:#fff; 
  position:absolute; z-index:1000; top:200px; left:150px; text-align:center; 
  border:2px solid #000; 
}

#pop .pop_img {position:relative;}
#pop .pop_img > span {position:absolute; bottom:28px;}
#pop .pop_img > span > a {display:block;}
#pop .pop_img .effect01 {left:20px;}
#pop .pop_img .effect02 {right:20px;}

#pop .close {
	text-align: right;
}

#pop .close.label_white label, #pop .close.label_white b {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}

#pop .close div, .close input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
}

#pop .close label, #pop .close b {
	font-family: 'Noto Sans KR', sans-serif;
	color: #333;
	font-size: 15px;
}

.close {text-align:right; color: #000;}
.close .label {text-align:right; color: #fff;}
.close div{display:inline-block; text-align:right;}
	*+ html  .close div {display:inline;}
.close #check {margin-left:0; vertical-align: middle;}
#snart_popup_layer { vertical-align: middle; }
 #check{font-size:12px; font-family:'돋움'; padding-left:70px;}
 #close{font-size:13px; padding:2px 5px 2px 5px; font-weight:bold;}
 #check2{font-size:12px; font-family:'돋움'; padding-left:70px;}
 #close2{font-size:13px; padding:2px 5px 2px 5px; font-weight:bold;}

.container  .Punotice ul li {color: #666;}

.tbl_catecory{border-collapse:collapse;width:100%;margin:0 3px 10px 0;background:url('../images/common/contain_bg1.gif') 0 0 repeat;}
.tbl_catecory th,
.tbl_catecory td{padding:8px;border:solid 1px #b2b2b2;line-height:220%;}
.tbl_catecory th{font-weight:bold;}
.tbl_catecory td span.btn_st1 {display:inline-block;}
	*+ html .tbl_catecory td span.btn_st1 {display:inline;}

#dark{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:9997;}
#eggModal{display:none;position:fixed;top:50%;left:50%;width:337px;margin-left:-168px;margin-top:-200px;border:solid 4px #111;background:#000;z-index:9998;}
#eggModal div{position:relative;}
#eggModal p.title{height:32px;line-height:32px;font:bold 16px/32px "돋움",dotum;color:#fff;text-shadow:1px 1px #000;}
#eggModal p.alt{margin-left:5px;height:32px;line-height:32px;font:bold 16px/32px "돋움",dotum;color:#fff;text-shadow:1px 1px #000;}
#eggModal button.layer_start{position:absolute;top:-2000px;left:0;background:#fff;}
#eggModal button.layer_start:focus{top:0;}
#eggModal button.layer_end{position:absolute;right:14px;top:13px;width:25px;height:25px;border:solid 1px #fff;background:#fff;;z-index:99999;cursor:pointer;}
#eggModal button.layer_end:focus{outline:dotted 2px #fff;}
#eggModal button span{font:0/0 a;text-decoration:none;text-shadow:0;}
#eggModal .ir{font:0/0 a;text-decoration:none;text-shadow:0;}

.calcal{width:100%;border-collapse:collapse;}
.calcal th,
.calcal td{padding:8px;text-align:center;border:solid 1px #ddd;}
.calcal td{height:100px;text-align:left;}
.calcal th{background:#eee;font-weight:bold;}
.calcal td div a{font-weight:bold; display:block;}
.calcal td p.schedule{text-align:left;}
.calcal td p.day.red{color:red;}
.calcal th.sat{color:red;}
.calcal th.sun{color:blue;}
.calcal td.sat{color:red;}
.calcal td.sun{color:blue;}
.calView{padding:7px; background-color:white; border:4px solid #6F6256; display:none; position: absolute; z-index:9999; max-width:450px;}

/* 2017-06-12 금난새 페이지 */
.intro-wrap .right { width: 345px; }
.intro-wrap .h4-bul1 { color: #6c410d; font-size: 2em; line-height:1.3; margin-bottom: 20px;}
.textbox01 { border: 1px solid #cebd9a; background-color: #fefbf6; padding: 0px 25px;}
.textbox01 strong { font-size: 1.2em; font-weight: bold; margin-bottom: 13px; margin-left:13px; display: block;}

.hbul2 { color: #894f0b; background-image:url("../images/styleguide/bullet/hbul2.jpg"); background-repeat: no-repeat; background-position: left 6px; padding-left: 14px; margin: 25px 0 10px 0;}
.hbul2 span { font-size: 0.9em; color: #333333; }

.hbul3 { color: #674011; font-size:1.6em; background-image:url("../images/styleguide/bullet/blt_depth4.gif"); background-position:0 0; background-repeat:no-repeat; padding-left: 25px; margin-bottom: 13px;}

.ulst5 {margin-left: 10px; }
.ulst5 li { background-image:url("../images/styleguide/bullet/list5.jpg"); padding-left: 9px; background-repeat: no-repeat; background-position: left 9px;}


.laypop-bg {position:fixed; top:0; left:0;width:100%;background:#000; height:100% !important;z-index:100000;filter:alpha(opacity=30);opacity:0.3;}
.laypop-con {position: fixed; top:30%; left:50%; margin: -170px 0 0 -250px; z-index:1000000; background-color: #fff; border: 2px solid #696750;}
.laypop-con-in { font-size: 1.1em; line-height: 1.4;}
.laypop-con-btn { text-align: center; margin: 15px 0 15px 0;}
.laypop-con-btn a{ color: #fff; }
.laypop-con-btn span { padding: 10px; border: 1px solid #404040; background-color:#404040; border-radius:10px; display: inline-block; color: #fff; cursor: pointer;}
	*+ html .laypop-con-btn span { display: inline; }
	
/* 3depth 새로운 */
.tab_list1 { border-bottom: 2px solid #6f6256; width: 100%;}
.tab_list1 li { float: left; text-align: center; width:148px; margin-left: 5px;}
.tab_list1 li:first-child {margin-left: 0px;}
.tab_list1 li a { display: block; color: #222; background-color: #e4dfd8; padding: 10px 0; font-size: 1.2em;}
.tab_list1 .selected a, 
.tab_list1 li a:hover,
.tab_list1 li a:active,
.tab_list1 li a:focus {color: #fff; background-color:#6f6256;}


/* 공공예술창작소 */
.margin_box { padding-top:25px; }
.facility_list { background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 9px 0;}
.facility_list h4 { float: left; padding: 0 18px; color: #222;}
.facility_list ul { float: left; margin-left: 8px; }
.facility_list li { float: left; }
.facility_list li a { display: inline-block; color: #555555; padding: 2px 15px; margin: 0 2px;}
	*+ html .facility_list li a { display: inline;}
.facility_list li.selected a, 
.facility_list li a:focus,
.facility_list li a:active,
.facility_list li a:hover { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 15px; padding: 1px 14px; color: #222; font-weight:bold;}

.facility_box { display: none; }
.facility_box.selected { display: block; }
.facility_box .left_box { width: 306px; }
.facility_box .right_box { width: 410px;}


.sisul_choice { margin-bottom:5px; position: relative;}
.sisul_tit {position:absolute; left:0; top:0; background-color:#6f6256; color:#fff; padding: 2px 7px;}
.sisul_list li { width: 102px; float:left; text-align: center; margin-bottom: 5px;}
.sisul_list li a {border: 1px solid #fff; display: block;}
.sisul_list li a:hover,
.sisul_list li a:focus { border: 1px solid #777; }
.sisul_list li img { width: 98px; height: 66px; }

/* 갤러리형식 */
.occupant_list li { float: left; position: relative; margin:0 10px 20px;}
.occupant_list li a { display: block;  }
.occupant_info { position: absolute; bottom: 20px; left: 20px; line-height: 1.1;}
.occupant_info h4 { color: #ffffff; font-size: 2.4em; }
.occupant_info p { color: #e4dfd8; font-size: 2.0em;}
.occupant_bg {  position: absolute; top:0; left:0; width: 100%; display: block; background-image:url("../images/sub/bg_list_hover.png"); background-repeat: repeat; background-position:0 0;  height:100%;
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40); 
    }
.occupant_list li a:hover .occupant_bg { opacity: 0; transition: all .5s ease; height: 100%; }


.ceo-wrap { font-size: 1.1em; line-height: 1.8em; margin-bottom: 50px;}
.ceo-wrap__intro { padding-right: 315px; background-image: url("../images/ceo_intro_bg.jpg"); background-repeat: no-repeat; background-position: right 54px; }


.test_table td {height:20px; padding:0; vertical-align:top;}

/* 독립운동가 웹툰 프로젝트 방문자수/다운로드 */
/* #right_content { position: relative; } */
.statistics-list {  position: absolute; right: 0; top: -31px; z-index:-1; }
.statistics-list .statistics-item { float: left; background: #ece8e4; border: 1px solid #d7cfc7; padding: 5px 10px; font-size: 12px; margin-right: 5px; }
.statistics-list .statistics-item:last-child { margin-right:10px; }
.statistics-list .item-title { display: inline-block; vertical-align: middle; margin-right: 20px; }
.statistics-list .item-cnt { display: inline-block; vertical-align: middle; }

/* 웹접근성 - 공연 - 연간공연 탭  */
.btn_st1.btn_st1_type2 {  }
.btn_st1.btn_st1_type2 a { background: #fff; color: #000; border: 1px solid #404040; }
.btn_st1.btn_st1_type2 a.active { background : #000; color: #fff; border: 1px solid #000; }

/* 홈>지원사업>공공예술창작소/청년예술창작소>신흥공공예술창작소>시설안내 */
.facility_list2 { position: relative; min-height: 450px; }
.facility_list2 .facility_content_list_wrap { background-color: #f7f7f7; border: 1px solid #e5e5e5; padding: 9px 0; }
.facility_list2 .facility_content_list_wrap > h4 { float: left; padding: 0 18px; color: #222; }
.facility_list2 .facility_content_list { float: left; margin-left: 8px; }
.facility_list2 .facility_content_list > li { float: left; }
.facility_list2 .facility_content_list > li > a { display: inline-block; color: #555555; padding: 2px 15px; margin: 0 2px; }
.facility_list2 .facility_content_list > li.selected > a,
.facility_list2 .facility_content_list > li > a:hover { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 15px; padding: 1px 14px; color: #222; font-weight: bold; }
.facility_list2 .facility_content { position: absolute; width: 100%; top: 68px; left: 0; }

/* 홈>문화예술교육>문화예술교육 */
.btn-area { position: relative; margin: 30px 0 15px 0; text-align: center; }
.btn-area .btn-basic { margin: 0 7px; }
.go-link { display: inline-block; font-size: 14px; color: #fff; font-weight: 400; padding: 8px 25px 8px 10px; background: #404040 url(/web/images/common/icon_more4.png) no-repeat right 10px center }
.go-link:hover { background-color: #000; color: #fff; }
.fw-medium{font-weight:bold!important;}
.text-center{text-align:center!important;}
.txt-s2 { font-size: 16px; font-weight: 300; position: relative; display: block; margin-bottom: 20px; padding-left: 45px; color: #222; }
.txt-s2:before { position: absolute; top: 10px; left: 0; width: 30px; height: 2px; content: ''; background-color: #ccc; }
.txt-s4 { font-size: 18px; display: block; margin-bottom: 10px; color: #6c410d; word-break: keep-all; line-height: 1.7; }
.txt-s4 .sm { font-size: 16px; }
.txt-s4 b { font-weight: bold; display: inline-block; }
.bg-box-s1 { padding: 25px 20px; background: #f1f1f1; }
.b-list-s1 { width: 100%; }
.b-list-s1 > li { line-height: 1.6; display: flex; margin-bottom: 5px; word-break: keep-all; color: #666; }
.b-list-s1 > li:before { width: 4px; height: 4px; margin-top: 8px; margin-right: 5px; content: ''; border: 1px solid #666; border-radius: 100%; flex: 0 0 auto; }
.b-list-s1 > li:last-child { margin-bottom: 0; }
.b-list-s1.type2 > li:before { margin-top: 12px; }
.b-list-s1.type3 > li { font-size: inherit; }
.list-s3 { overflow: hidden; }
.list-s3 > ul { display: flex; margin: -7px; flex-wrap: wrap; }
.list-s3 > ul > li { width: 33.3%; padding: 7px; }
.list-s3 > ul > li > .item-box { position: relative; height: 100%; padding: 15px; padding-bottom: 50px; color: #444; border-radius: 10px; background: #fff; }
.list-s3 > ul > li > .item-box .item-title { font-weight: bold; position: relative; display: block; color: #6c410d; }
.list-s3 > ul > li > .item-box .item-title:after { display: block; width: 25px; height: 2px; margin-top: 9px; margin-bottom: 12px; content: ''; background: #ccc; }
.list-s3 > ul > li > .item-box .item-desc { line-height: 1.5; }
.list-s3 > ul > li > .item-box .item-img { position: absolute; right: 15px; bottom: 15px; user-select: none; width: 25px; height: 25px; }
.list-s4 { overflow: hidden; }
.list-s4 > ul { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s4 > ul > li { width: 50%; padding: 10px; }
.list-s4 > ul > li > .item-box { position: relative; padding-bottom: 17px; }
.list-s4 > ul > li > .item-box .item-img img { width: 100%; }
.list-s4 > ul > li > .item-box .item-desc { position: absolute; bottom: 0; left: 0; width: 50%; padding: 10px 15px; color: #fff; background: #a98972; }
.list-s5 { overflow: hidden; }
.list-s5 > ul { counter-reset: list; }
.list-s5 > ul > li { padding: 15px 0; border-bottom: 1px solid #ddd; }
.list-s5 > ul > li:last-child { border-bottom: 0; }
.list-s5 > ul > li > .item-box .item-title { font-size: 16px; font-weight: bold; position: relative; display: block; min-height: 25px; margin-bottom: 15px; padding-top: 3px; padding-left: 40px; color: #6c410d; }
.list-s5 > ul > li > .item-box .item-title:before { font-size: 14px; line-height: 25px; position: absolute; top: 0; left: 0; display: block; width: 25px; height: 25px; content: counter(list); counter-increment: list; text-align: center; color: #fff; background: #a98972; }
.list-s5 > ul > li > .item-box .item-desc { line-height: 1.5; margin-bottom: 25px; color: #444; }
.list-s5 > ul > li > .item-box .item-img { display: flex; margin: -5px; margin-top: 10px; flex-wrap: wrap; }
.list-s5 > ul > li > .item-box .item-img > li { width: 50%; padding: 5px; }
#center-introdution,
#center-introdution *,
#center-introdution *:before,
#center-introdution *:after { box-sizing:border-box; }
#center-introdution { line-height: 1.3; }
#center-introdution img { max-width:100%; vertical-align: top; }
#center-introdution .art-space .img-container { position: relative; }
#center-introdution .art-space .img-container .img-txt { display: block; position: absolute; right: 100px; bottom: 0; left: 100px; margin-bottom: 0; padding: 10px 15px; text-align: center; background: #fff; }
#center-introdution .art-space .txt-container { padding: 25px 0; }
#center-introdution .art-space .txt-container .paragraph { line-height: 1.7; margin-bottom: 25px; color: #444; }
#center-introdution .art-space .txt-container .paragraph:last-child { margin-bottom: 0; }
#center-introdution .space-concept .space-concept-content { margin-bottom: 30px; }
#center-introdution .space-concept .space-concept-content:first-child { margin-top: 30px; }
#center-introdution .space-concept .space-concept-content > .inner { position: relative; }
#center-introdution .space-concept .space-concept-content.space-concept-content5 { position: relative; padding-bottom: 70px; background: #f1f1f1; padding: 25px 20px; }
#center-introdution .space-concept .space-concept-content .space-concept-title { margin-bottom: 15px; }
#center-introdution .space-concept .space-concept-content .space-concept-desc { margin-bottom: 25px; }
#center-introdution .space-concept .space-concept-content .space-concept-video-wrap { position: relative; width: 100%; }
#center-introdution .space-concept .space-concept-content .space-concept-video-wrap:before { display: block; padding-top: 56.23%; content: ''; }
#center-introdution .space-concept .space-concept-content .space-concept-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; }
#center-introdution .space-concept .space-concept-content.space-concept-content1 > .inner:before,
#center-introdution .space-concept .space-concept-content.space-concept-content2 > .inner:before,
#center-introdution .space-concept .space-concept-content.space-concept-content3 > .inner:before,
#center-introdution .space-concept .space-concept-content.space-concept-content4 > .inner:before { content: ""; position: absolute; right: 15px; top: 0; font-size: 26px; font-weight: bold; color: #eee; top: -5px; line-height: 1; z-index: -1; letter-spacing: -1px; }
#center-introdution .space-concept .space-concept-content.space-concept-content1 > .inner:before { content: "Enjoy & Play"; }
#center-introdution .space-concept .space-concept-content.space-concept-content2 > .inner:before { content: "Art Factory"; }
#center-introdution .space-concept .space-concept-content.space-concept-content3 > .inner:before { content: "Transform"; }
#center-introdution .space-concept .space-concept-content.space-concept-content4 > .inner:before { content: "Powerhouse"; }
#center-introdution .main-facilities .main-facilities-list .txt-s2 { margin-bottom: 10px; }
#center-introdution .main-facilities .main-facilities-list .facilities-content { margin-bottom: 20px; }
#center-introdution .main-facilities .main-facilities-list .facilities-content:last-child { margin-bottom: 0; }

.ir_blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; }

/* 개인정보처리방침 */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url('../fonts/NotoSansKR-Regular.woff2') format('woff2'), url('../fonts/NotoSansKR-Regular.woff') format('woff'), url('../fonts/NotoSansKR-Regular.otf') format('opentype'); }
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url('../fonts/NotoSansKR-Bold.woff2') format('woff2'), url('../fonts/NotoSansKR-Bold.woff') format('woff'), url('../fonts/NotoSansKR-Bold.otf') format('opentype'); }
.privacy_policy { font-family: 'Noto Sans KR', sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: -0.5px; color: #333; font-weight: 400; }
.privacy_policy * { font-family: 'Noto Sans KR', sans-serif; }
.privacy_policy a { text-decoration: none; color: #00f !important; }
.privacy_policy a:hover { text-decoration: underline; }
.privacy_policy .policy_title { font-size: 22px; font-weight: bold; margin-bottom: 15px; text-align: center; }
.privacy_policy .policy_desc { margin-bottom: 30px; text-align: center; word-break: keep-all; font-size: 14px; }
.privacy_policy .labeling_list_wrap { line-height: 1.3; width: 100%; margin-bottom: 30px; table-layout: fixed; border-collapse: collapse; border: 1px solid #ddd; }
.privacy_policy .labeling_list_wrap th,
.privacy_policy .labeling_list_wrap td { padding: 10px; border: 1px solid #ddd; font-size: 14px; vertical-align: baseline; }
.privacy_policy .labeling_list_wrap th { font-size: 15px; font-weight: bold; text-align: center; border-top: 2px solid #333; background-color: #f1f1f1; }
.privacy_policy .labeling_list_wrap td { text-align: center; word-break: keep-all; color: #666; }
.privacy_policy .labeling_list_wrap .labeling_img { display: inline-block; width: 55px; margin-bottom: 7px; }
.privacy_policy .labeling_list_wrap .labeling_img2 { display: inline-block; width: 31px; margin-right: 5px; }
.privacy_policy .labeling_min_img { width: 31px; margin-left: 5px; vertical-align: bottom; }
.privacy_policy .labeling_list_wrap .labeling_item:hover,
.privacy_policy .labeling_list_wrap .labeling_item:focus { text-decoration: underline; }
.privacy_policy .labeling_item_title { font-weight: bold; color: #333; }
.privacy_policy .privacy_policy_title { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.privacy_policy .privacy_policy_list { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; word-break: keep-all; }
.privacy_policy .privacy_policy_list > li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 14px; }
.privacy_policy .privacy_policy_list > li:last-child { margin-bottom: 0; }
.privacy_policy .privacy_policy_list .privacy_policy_list { font-size: 13px; margin-top: 7px; }
.privacy_policy .privacy_policy_list .privacy_policy_list > li { padding-left: 15px; }
.privacy_policy .privacy_policy_list2 { list-style: none; margin: 0; padding: 0; }
.privacy_policy .privacy_policy_list2 > li { position: relative; padding-left: 10px; }
.privacy_policy .privacy_policy_list2 > li:before { position: absolute; top: 10px; left: 0; display: block; width: 2px; height: 2px; content: ""; background-color: #333; }
.privacy_policy .privacy_policy_num { position: absolute; top: 0; left: 0; }
.privacy_policy .policy_cont { margin-bottom: 30px; }
.privacy_policy .policy_table { line-height: 1.3; width: 100%; margin-top: 10px; border-collapse: collapse; border-top: 2px solid #333; }
.privacy_policy .policy_table th,
.privacy_policy .policy_table td { font-size: 13px; padding: 5px 10px; text-align: center; border: 1px solid #ddd; vertical-align: middle; }
.privacy_policy .policy_table th { font-weight: bold; background-color: #f1f1f1; }
.privacy_policy .policy_table .align_left { text-align: left !important; }
.privacy_policy .policy_btn { font-size: 13px; display: inline-block; margin: 5px 0; padding: 5px 10px; color: #fff !important; background-color: #333; }
.privacy_policy .toc { display: flex; align-items: center; text-align: left; }
.privacy_policy .privacy_img1 { margin: 30px 0; text-align: center; border: 1px solid #ddd; padding: 30px; }
.privacy_policy .privacy_img1 img { max-width: 100%; }
.policy_color { color: #fc4c4e !important; font-weight: bold !important; }

#searchForm *:focus-visible { outline-style: dotted; outline-offset: 1px; outline-width: 2px; }

/* 자막 */
.cm_subtitle { border: 1px solid #978a81; padding: 15px; max-height: 100px; overflow: auto; margin: 25px 0; }

/* 아트뷰 버튼 */
.relative { position: relative !important; }
.btn_artview { position: absolute; right: calc(100% + 15px); bottom: 0;  }

.dt_st01.type2 { border-left: 0; border-right: 0; table-layout: fixed; letter-spacing: -0.5px; word-break: keep-all; }
.dt_st01.type2 th { padding: 10px; color: #333; background-color: #f4efe9; border-color: #ccc; font-size: 14px; }
.dt_st01.type2 td { padding: 10px; font-size: 13px; }
.dt_st01.type2 th:first-child,
.dt_st01.type2 td:first-child { border-left: 0; }
.dt_st01.type2 th:last-child,
.dt_st01.type2 td:last-child { border-right: 0; }
.dt_st01.type2 tbody th { text-align: left; font-size: 13px; font-weight: 600; border-left: 0 !important; background-color: #fff; }
.dt_st01.type2 td:last-child { border-right: 0; }
.dt_st01.type2 th.first,
.dt_st01.type2 td.first { border-left: 1px solid #d4d4d4; }
.dt_st01.type2 th.last,
.dt_st01.type2 td.last { border-right: 1px solid #d4d4d4; }
.dt_st01.type2 ul.ulst1 li {  position: relative; background-image: none; }
.dt_st01.type2 ul.ulst1 li:after { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: #666; }
.dt_st01.type2 ul.ulst5 li { position: relative; color: #777; font-size: 13px; background-image: none; }
.dt_st01.type2 ul.ulst5 li:after { content: ''; position: absolute; top: 8px; left: 0; width: 5px; height: 1px; background-color: #777; }

.dt_st01.type2 th { position: relative; }
.dt_st01.type2 th .btn_abs { position: absolute; left: 10px; }

.cm_btn { display: inline-flex; vertical-align: baseline; align-items: center; justify-content: center; height: 30px; padding: 8px; font-weight: 400; font-size: 12px; border-radius: 4px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }
.cm_btn.cm_btn1 { color: #fff; border-color: #8c6536; background-color: #8c6536; }
.cm_btn.cm_btn2 { color: #fff; border-color: #444; background-color: #444; }

.cm_num_area { display: flex; flex-wrap: wrap; }
.cm_num_area .cm_num { margin-right: 5px; }
.cm_num_list > li { display: flex; }
.cm_num_list > li + li { margin-top: 5px; }
.cm_num_list > li .cm_num { flex-shrink: 0; margin-right: 5px; margin-top: 1px; }
.cm_num { display: inline-flex; align-items: center; justify-content: center; height: 17px; min-width: 17px; padding: 3px 5px; font-size: 11px; font-weight: 600; color: #fff; border-radius: 3px; background-color: #666; box-sizing: border-box; }

.cm_color1 { color: #674011; font-weight: 600; }
.cm_color2 { color: #666; }

.cm_overview1 { border: 1px solid #ddd; border-radius: 15px; overflow: hidden; }
.cm_overview1 + .cm_overview1 { margin-top: 10px; }
.cm_overview1 dt { padding: 15px 30px; font-size: 18px; font-weight: 600; color: #fff; background-color: #766a5a; }
.cm_overview1 dd { padding: 15px 30px; background-color: #fff; }
.cm_overview1 ul.ulst1 li {  position: relative; background-image: none; }
.cm_overview1 ul.ulst1 li:after { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: #666; }

.cm_overview2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.cm_overview2 .ovw2_box { position: relative; display: flex; flex-direction: column; text-align: center; word-break: keep-all; background-color: #fff; border: 1px solid #e1d4c2; border-radius: 15px; }
.cm_overview2 .ovw2_box:after { content: ''; position: absolute; top: calc((80px / 2) - (35px / 4)); right: calc((-35px / 2) + (-10px / 2)); width: 35px; height: 35px; background: url(/web/images/common/icon_arr1.png) no-repeat center / contain; z-index: 1; }
.cm_overview2 .ovw2_box:nth-child(4n+4):after { display: none; }
.cm_overview2 .ovw2_box dt { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 80px; padding: 10px; font-size: 15px; font-weight: 600; background-color: #fff; border-radius: 15px 15px 0 0; box-sizing: border-box; }
.cm_overview2 .ovw2_box dd { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 80px; padding: 10px; font-size: 13px; background-color: #f9f6f2; border-radius: 0 0 15px 15px; box-sizing: border-box; }

.cm_overview3 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.cm_overview3 .ovw3_box { position: relative; display: flex; flex-direction: column; text-align: center; word-break: keep-all; }
.cm_overview3 .ovw3_box dt { display: flex; align-items: center; justify-content: center; height: 45px; padding: 10px; font-size: 16px; color: #fff; font-weight: 600; background-color: #766a5a; border-radius: 50px; box-sizing: border-box; }
.cm_overview3 .ovw3_box dd { display: flex; align-items: center; justify-content: center; min-height: 120px; margin-top: 10px; padding: 10px; font-size: 13px; background-color: #f3f3f3; border-radius: 10px; box-sizing: border-box; }

#pop .close { display: flex; align-items: center; justify-content: flex-end; padding: 5px; color: #fff; background: #3d3d3d; }
#pop .close > .close_label { display: flex; align-items: center; justify-content: flex-end; }
#pop .close > .close_label label { color: #fff; }
#pop .close > .close_label input { width: 14px; height: 14px; cursor: pointer; }
#pop .close > .close_label label { margin-left: 5px; }
#pop .close > .close_btn a { display: flex; align-items: center; justify-content: center; margin-left: 5px; padding: 2px 5px; color: #fff; background-color: #3d3d3d; border: 1px solid #999; border-radius: 3px; }
#pop .close > .close_btn a > b { color: #fff; font-size: 12px; }
#pop .white_box { padding: 30px; color: #000; background-color: #f0f0f0; }
#pop .white_box .dt_st01 { width: 100%; max-width: 600px; }
#pop .white_box .dt_st01 th { font-weight: 700; }
#pop .white_box .dt_st01 td { background-color: #fff; word-break: keep-all; }
#pop .white_box .text1 { margin-bottom: 20px; font-size: 15px; line-height: 1.6; text-align: left; }
#pop .white_box h4.hbul { margin: 0; margin-bottom: 20px; padding-left: 30px; background: url(https://www.snart.or.kr/web/images/styleguide/bullet/blt_depth4.gif) 0 5px no-repeat; text-align: left; }
#pop .white_box h5 { margin: 0; padding-left: 20px; background: url(https://www.snart.or.kr/web/images/styleguide/bullet/blt_depth5.gif) 0 7px no-repeat; text-align: left; }
#pop .white_box h4.hbul + .text1 { padding-left: 30px; }
#pop .white_box h5 + .text1 { padding-left: 20px; }
#pop .highlight { font-weight: 700; text-decoration: underline; color: #674011 !important; font-size: 105%; }