@charset "UTF-8";

/**
 * 공통 스타일 선언 css 입니다.
 */

/* 모바일 링크 */
.mlk a, .mlk a:link { color:#555; text-decoration:none; } 
.mlk a:visited { color:#555; text-decoration:none; }
.mlk a:hover { color:#329cff; text-decoration:none; }
.mlk a:focus { color:#329cff; text-decoration:none; }
.mlk a:active { color:#329cff; text-decoration:none; }


/* 잡동사니 */
.clear-both{ clear: both }
.clear:after { display: block; content: ''; clear: both; }

.hand { cursor: pointer; }

.c-black {color: #111 !important;}
.c-white {color: #fff !important;}
.c-red {color: #ff4c2e !important; }
.c-blue {color: #0270d4 !important; }
.c-gray {color: #acacac !important; }
.c-orange {color: #ff4c2e !important; }

.fbol { font-weight:bold; }
.fnor { font-weight:normal; }

.po-re { position:relative; }
.po-ab { position:absolute; }

.linespa13 { line-height:1.3em; }
.linespa15 { line-height:1.5em; }
.linespa18 { line-height:1.8em; }

.pd0 { padding:0 !important; }
.pd10 { padding:0.833em !important; }
.pd20 { padding:1.667em !important; }
.pd30 { padding:2.500em !important; }
.pd40 { padding:3.333em !important; }
.pd50 { padding:4.167em !important; }

.pdt2 { padding-top:0.167em !important; }
.pdt5 { padding-top:0.417em !important; }
.pdt10 { padding-top:0.833em !important; }
.pdt15 { padding-top:1.250em !important; }
.pdt20 { padding-top:1.667em !important; }
.pdt30 { padding-top:2.500em !important; }
.pdt40 { padding-top:3.333em !important; }
.pdt50 { padding-top:4.167em !important; }
.pdt80 { padding-top:6.667em !important; }

.pdr5 { padding-right:0.417em !important; }
.pdr10 { padding-right:0.833em !important; }
.pdr15 { padding-right:1.250em !important; }
.pdr20 { padding-right:1.667em !important; }
.pdr30 { padding-right:2.500em !important; }
.pdr40 { padding-right:3.333em !important; }
.pdr50 { padding-right:4.167em !important; }

.pdl5 { padding-left:0.417em !important; }
.pdl10 { padding-left:0.833em !important; }
.pdl15 { padding-left:1.250em !important; }
.pdl20 { padding-left:1.667em !important; }
.pdl30 { padding-left:2.500em !important; }
.pdl40 { padding-left:3.333em !important; }
.pdl50 { padding-left:4.167em !important; }

.mh1 { margin-top:-5px !important; }
.mm1 { margin-top:-10px !important; }
.mm2 { margin-top:-20px !important; }
.mm3 { margin-top:-30px !important; }
.m0 {margin-top:0px !important;}
.mh1 {margin-top:2px !important;}
.m1 {margin-top:0.833em !important;}
.m2 {margin-top:1.667em !important;}
.m3 {margin-top:2.500em !important;}
.m4 {margin-top:3.333em !important;}
.m5 {margin-top:4.167em !important;}

.mb5 {margin-bottom:0.417em !important;}

.fz11 { font-size:0.917em; }
.fz12 { font-size:1.000em; }
.fz13 { font-size:1.083em; }
.fz14 { font-size:1.167em; }
.fz15 { font-size:1.250em; }
.fz16 { font-size:1.333em; }
.fz17 { font-size:1.417em; }
.fz18 { font-size:1.500em; }
.fz20 { font-size:1.667em; }
.fz22 { font-size:1.833em; }
.fz25 { font-size:2.083em; }
.fz26 { font-size:2.167em; }
.fz30 { font-size:2.500em; }
.fz35 { font-size:2.917em; }
.fz40 { font-size:3.333em; }

.lh16 { line-height:1.333em; }
.lh18 { line-height:1.500em; }
.lh20 { line-height:1.667em; }
.lh25 { line-height:2.083em; }

.va-m { vertical-align: middle; }
.ta-r { text-align: right; }
.ta-l { text-align: left; }
.ta-c { text-align: center; }

.bort { border-top:#e9e9e9 1px solid; }
.borb { border-bottom:#e9e9e9 1px solid; }

.imgleft { float:left; padding:5px 20px 10px 0; }
.btnleft { float:left; padding:20px 2px 0 0; }

/* BOX */
.graybox { position:relative; background:#f9f9f9; border-top:#000 2px solid; border-right:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; padding:20px 20px 25px; }
.graybox ul { padding-top:10px; }
.graybox ul li { font-size:14px; padding:0 0 0 12px; BACKGROUND: url(../../data/img/contents/pro_dot.gif) no-repeat 2px 9px; }
.graybox ul li.imgul { margin:0; padding:10px 0; display:inline; background:none; }

.jajubox { padding:20px 20px 25px; margin:0; background:#b00069; border:#e9e9e9 0px solid; }
.greetbox { padding:0 0 0 280px; margin:0; background:none; } /* 인사말 */
.pbox { padding:20px 20px 25px; background:#fbfbfb; line-height:1em; border-top:#d93d1e 1px solid; border-right:#d9d9d9 1px solid; border-bottom:#d9d9d9 1px solid; border-left:#d9d9d9 1px solid; }
.bluebox { width:96%; padding:1.5% 2% 2%; margin:0; background:#2576bb; }
.bkbox { padding:10px 20px 15px; background:#000; color:#fff; font-size:22px; }


/* 글자 버튼 */
.textcp { font-size:20px; font-weight:normal; color:#fff; text-decoration:none;  line-height:1.5em; width:450px; height:45px; padding:8px 0 0; margin:0; text-align:center; display: block; background:#9351cf; }

.textcgo { text-align:center; }
#intro .textrgo { width:300px; height:60px; padding-left:670px; }
.textcgo a, #intro .textrgo a { font-size:20px; font-weight:normal; color:#fff; text-decoration:none;  line-height:1.5em; width:300px; height:45px; padding:8px 0 0; margin:0; text-align:center; display: block; background:url(../../images/common/black_tri.gif) no-repeat 0 0; }
.textcgo a:visited, #intro .textrgo a:visited { color:#fff; text-decoration:none; background:url(../../images/common/black_tri.gif) no-repeat 0 0; }
.textcgo a:hover, #intro .textrgo a:hover { background:#dc2f5c; color:#fff; text-decoration:none; }
.textcgo a span, #intro .textrgo a span { font-size:13px; font-weight:normal; }

/* 글자 버튼 */
.d_btn{display:inline-block;padding:.5em 1em;margin:.4em .15em;border:1px solid #ccc;border-color:#dbdbdb #d2d2d2 #b2b2b2 #d2d2d3;cursor:pointer;color:#464646;border-radius:.2em;vertical-align:middle;font-size:1em;line-height:1.25em;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));background-image:-moz-linear-gradient(top,#fff,#f2f2f2);background-image:-o-gradient(top,#fff,#f2f2f2);background-image:linear-gradient(top,#fff,#f2f2f2)}
.d_btn:hover{color:#464646;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e5e5e5));background-image:-moz-linear-gradient(top,#fff,#e5e5e5);background-image:-o-linear-gradient(top,#fff,#e5e5e5);background-image:linear-gradient(top,#fff,#e5e5e5)}
.d_btn:active{border-color:#999;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#dbdbdb));background-image:-moz-linear-gradient(top,#ebebeb,#dbdbdb);background-image:-o-linear-gradient(top,#ebebeb,#dbdbdb);background-image:linear-gradient(top,#ebebeb,#dbdbdb);background-image:inset 0 1px .24em rgba(0,0,0,.4)}


/* TABLE DESIGN 1 */
.blue_table TH { font-size:15px; BORDER-BOTTOM: #d9dfd2 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d9dfd2 1px solid; PADDING:7px 10px 10px; BACKGROUND-COLOR: #f0f4f8; BORDER-TOP: #0190d5 2px solid; BORDER-RIGHT: #d9dfd2 1px solid; vertical-align: middle; }
.blue_table TH span, .blue_table TBODY TD span { font-weight:bold; }
.blue_table TH.right { TEXT-ALIGN: right; PADDING-right:10px; }
.blue_table TH.md { BORDER:#ddd 1px solid; }
.blue_table TD { BORDER:#ddd 1px solid; TEXT-ALIGN: center; PADDING:7px 10px 10px;  font-size:14px;}
.blue_table TD.left { TEXT-ALIGN: left; PADDING-LEFT: 10px }
.blue_table TD.right { TEXT-ALIGN: right; PADDING-RIGHT:20px }
.blue_table TBODY TH.left { TEXT-ALIGN: left; PADDING-LEFT: 10px }
.blue_table TBODY TH { BORDER:#ddd 1px solid; }
.blue_table TBODY TD { BORDER:#ddd 1px solid; }
.blue_table TBODY TD.noinfo { BORDER:#ddd 1px solid; padding:10px 0; }

.blue_table td ul { margin:0; }
.blue_table td ul li { padding:0 0 5px 15px; margin:0; background:url(../../data/img/contents/uldot.gif) no-repeat 0 1px; font-weight:normal; color:#555; letter-spacing:0em; }


.blueb_table TH { BORDER-BOTTOM: #7f9db9 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #d9dfd2 1px solid; PADDING:8px 3px; BACKGROUND-COLOR: #f0f4f8; BORDER-TOP: #0190d5 2px solid; BORDER-RIGHT: #d9dfd2 1px solid; }
.blueb_table TH span { font-weight:bold; }
.blueb_table TD.right { TEXT-ALIGN: right; PADDING:10px 10px 15px 10px; }
.blueb_table TBODY TH { BORDER:#7f9db9 1px solid; }
.blueb_table TBODY TD { BORDER:#7f9db9 1px solid; }


/* TABLE DESIGN 2 */
.table-dashboard { border-top-color: rgb(136, 136, 136); border-top-width: 1px; border-top-style: solid; }
.table-dashboard table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboard th { font-size: 14px; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(218, 218, 218) !important; border-left-color: rgb(218, 218, 218); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; }
.table-dashboard th span { font-weight:bold; }
.table-dashboard td { font-size: 13px; text-align: center; line-height: 1.8; padding-right: 20px; padding-left: 20px; vertical-align: top; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; }
.table-dashboard td.left { text-align: left; padding-left:15px; }
.table-dashboard th.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboard td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }


/* TABLE DESIGN 3 */
.table-dashboardin { border-top-color: rgb(136, 136, 136); border-top-width: 1px; border-top-style: solid; }
.table-dashboardin table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboardin th { font-size: 13px; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(218, 218, 218) !important; border-left-color: rgb(218, 218, 218); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle; }
.table-dashboardin th span { font-weight:bold; }
.table-dashboardin td { font-size: 13px; text-align: center; line-height: 1.8; padding-right: 20px; padding-left: 20px; vertical-align: middle; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; }
.table-dashboardin td.left { text-align: left; padding-left:15px; }
.table-dashboardin th.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboardin td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }




/* TABLE DESIGN 3 */
.table-dashboardpro { border-top-color: rgb(136, 136, 136); border-top-width: 1px; border-top-style: solid; }
.table-dashboardpro table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboardpro th { font-size: 12px; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(218, 218, 218) !important; border-left-color: rgb(218, 218, 218); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle; }
.table-dashboardpro th span { font-weight:bold; }
.table-dashboardpro td { font-size: 12px; text-align: center; line-height: 1.5; padding-right: 20px; padding-left: 20px; vertical-align: middle; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; background:#fff; }
.table-dashboardpro td.left { text-align: left; padding-left:15px; }
.table-dashboardpro th.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }
.table-dashboardpro td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }




/* TABLE DESIGN 4 */
.table-dashboardview { margin-top:5px; border-top-color: rgb(101, 109, 120); border-top-width: 2px; border-top-style: solid; }
.table-dashboardview table { border-top-color: currentColor; border-top-width: medium; border-top-style: none; }
.table-dashboardview th { font-size: 12px; background: rgb(246, 246, 246); text-align: center; border-bottom-color: rgb(218, 218, 218) !important; border-left-color: rgb(218, 218, 218); border-bottom-width: 1px !important; border-left-width: 1px; border-bottom-style: solid !important; border-left-style: solid; vertical-align: middle; }
.table-dashboardview th span, .table-dashboardview td span { font-weight:bold; }
.table-dashboardview td { font-size: 12px; text-align: center; line-height: 1.5; padding-right: 20px; padding-left: 20px; vertical-align: middle; border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid; }
.table-dashboardview td.left { text-align: left; padding-left:10px; text-align:justify; }
.table-dashboardview td.cent { text-align: center; padding-left:32px; }
.table-dashboardview th.bln, .table-dashboardview td.bln { border-left-color: currentColor; border-left-width: medium; border-left-style: none; }




/* TABLE DESIGN */
.table-cols {border-collapse: collapse !important; width: 100%; margin-bottom: 17px; max-width: 100%; }

.table-cols > thead > tr > th { padding: 10px 10px 13px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }
.table-cols > thead > tr > td { padding: 10px 10px 13px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }

.table-cols > tbody > tr > th { padding: 8px 10px 11px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }
.table-cols > tbody > tr > td { padding: 8px 10px 11px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }

.table-cols > tfoot > tr > th { padding: 10px 10px 13px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }
.table-cols > tfoot > tr > td { padding: 10px 10px 13px; border-top-color: currentColor; border-bottom-color: rgb(230, 230, 230); border-top-width: 0px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: solid; }

.table-cols > tbody > tr:hover { background:#f9f9f9; }



/* 대관 일정 */
.month_viewall { text-align:center; padding:20px 0 10px; }
dl.schedl { position:relative; width:750px; margin-top:5px; padding:0; }
dt.schedt { float:left; text-align:left; letter-spacing:0; font-size:14px; color:#0078d7; width:140px; margin-bottom:5px; padding:0; }
dd.schedd { float:left; text-align:left; letter-spacing:0; font-size:14px; color:#555; width:610px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:5px; }

.bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#dfdfdf solid 1px;}