@CHARSET "UTF-8";

td, div, p, li, dt, dd, input, textarea, select, h1, h2, h3, h4, h5 { font-family:Verdana, dotum, gulim, apple-gothic; font-size:12px; color:#363636; }

a:link		{ color:#363636; text-decoration:none; } 
a:visited	{ color:#363636; text-decoration:none; }
a:hover 	{ color:#c70752; text-decoration:none; }
a:active	{ color:#363636; text-decoration:none; }

input.txt	{ height:22px; padding:0; line-height:22px; border:none; background:#fff; }
input.rdo, input.chk	{ /*width:14px; height:14px; padding:0; margin:0; vertical-align:middle;*/ }
select	{ height:22px; }
textarea	 { padding:0; margin:0; }
#loading{position:fixed; top:0px; left:0px; width:100%; height:100%;  background:rgba(0, 0, 0, 0.34) }
#loading:after{content:''; position:absolute; width:56px; height:56px; left:50%; top:50%; margin:-28px 0 0 -28px; border-radius:100%; background:#fff url(/websrc/m2/images/common/loading.gif) 50% no-repeat; z-index:9999;}

body.bgN{background:none;}

/* 셀렉트박스 */
.eui_defaultSelect { display:inline-block;  position:relative; width:100%;  margin-right:4px; z-index:10; text-align:left; font-weight:normal; }
.eui_defaultSelect .euiSelectMain {height:22px; width:100%; border:2px solid #e11351; padding:0px !important; margin:0px; cursor:pointer; line-height:normal; background:#fff url("/websrc/m2/images/btn/btn_arrow.gif") no-repeat right 2px; }
.eui_defaultSelect .euiSelectMain .euiSelectTitle {float:left; padding:4px 20px 0 5px !important; margin:0px; height:auto !important;; display:inline !important;}
.eui_defaultSelect .euiSelectList {display:none; position:absolute; width:100%; padding:4px 0; top:24px; border:2px solid #e11351; background:#fff; max-height:300px; _max-height:auto; overflow-x:hidden; overflow-y:auto;}
.eui_defaultSelect .euiSelectList li {padding:5px 20px 5px 5px !important; cursor:pointer; clear:both; width:100%; text-align:left; font-weight:normal; }
.eui_defaultSelect .euiSelectList li span	{ display:none; }

/* 공통 */
label	{ padding-right:10px; vertical-align:middle; }
label .rdo, label .chk	{ margin:0; vertical-align:middle; }
.fontType1	{ color:#c70752; }

.ipTxt	{ height:22px; padding:0 5px; border-radius:3px; border:1px solid #cbcbcb; background:#fff; }
span.ipTxt	{ display:inline-block; }
.ipTxt .txt	{ width:100%; background:none; }
.ipTxt.ac		{ padding-right:0; padding-left:0; }
.textArea	{ padding:10px; box-shadow:inset 0 2px 2px #d4d4d4; border-radius:5px; background:#f3f3f3; }
.textArea textarea	{ box-shadow:none; border-radius:none; background:none; }

/* 버튼 */
.btnArea	{ padding:15px 0; border-radius:0 0 5px 5px; text-align:center; background:#fff; }
.btnArea img	{ }

.btnType1	{ display:inline-block; padding:6px 0; border:1px solid #dedede; border-bottom-color:#959595; border-top-color:#cacaca; border-radius:5px; font-size:1.1em; font-weight:bold; text-align:center; text-shadow:1px 1px #e7e7e7; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#afafaf)); }
.btnType1 .more	{ display:inline-block; min-width:75px; padding:0 20px; margin-right:10px; text-align:center; background:url('/websrc/m2/images/common/blt1.png') no-repeat right center; background-size:10px; }
.btnType1 .point	{ display:inline-block; padding:0 25px; margin:0 -30px 0 -15px; background:url('/websrc/m2/images/common/ico_point.png') no-repeat left center; background-size:18px; }
.btnType1 .calendar	{ display:inline-block; padding:0 25px; margin:0 -30px 0 -15px; background:url('/websrc/m2/images/common/ico_calendar.png') no-repeat left center; background-size:16px; }
.btnType2	{ display:inline-block; padding:6px 10px; border-radius:5px; font-size:0.9em;  letter-spacing:-1px; font-weight:bold; text-align:center; color:#fff !important;background:#999; /* background:-webkit-gradient(linear, 0 0, 0 bottom, from(#15bbb0), to(#13a89e)); */ }

.btnType3 {display:inline-block;background: #c7145d;text-align: center;color: #fff !important;font-weight: bold;padding: 4px 8px;font-size:10px;}
.btnType4 {display:inline-block;background: #535251;text-align: center;color: #fff !important;font-weight: bold;padding: 4px 8px;font-size:10px;}

.clearfix {*zoom:1;}
.clearfix:after {content:""; display:block; clear:both;}

ul.list	{ border-radius:5px 5px 0 0; background:#ededed; }
ul.list li	{ position:relative; padding:10px 10% 10px 10px; border-bottom:1px solid #fff; background:url('/websrc/m2/images/common/blt1.png') no-repeat 95% center; background-size:11px; }
ul.list li .type	{ position:absolute; left:10px; top:50%; width:30px; height:20px; margin-top:-10px; text-align:center; }
	span.icon	{ display:inline-block; width:30px; padding:3px 0; border-radius:4px; box-shadow:1px 1px 1px #bebebe; color:#fff; font-size:0.9em; background:#c70752; }
ul.list li .tit	{ font-weight:bold; font-size:1.2em; line-height:1.5em; }
ul.list li .date	{ }
ul.list li:hover .tit, ul.list li:hover .date	{ color:#c70752; }
ul.list li.none	{ padding:20px 0; text-align:center; background:none; }

.viewArea	{ border-radius:5px 5px 0 0; background:#fff; }
.viewArea .head	{ position:relative; padding:10px; border-radius:5px 5px 0 0; background:#ededed; }
.viewArea .head .type	{ position:absolute; left:10px; top:50%; width:30px; height:20px; margin-top:-10px; text-align:center; }
.viewArea .head .tit	{ font-weight:bold; font-size:1.2em; line-height:1.5em; color:#c70752; }
.viewArea .head .date	{ color:#c70752; }
.viewArea .content	{ min-height:300px; border-bottom:1px solid #ededed; line-height:1.5em; }
.viewArea .content img	{ width:100%; max-width:640px; margin:0 auto; }

.bbsList	{ width:100%; table-layout:fixed; border-radius:5px 5px 0 0; background:-webkit-gradient(linear, 0 0, 0 32, from(#f1592a), to(#d13606)); }
.bbsList thead	{ }
.bbsList thead th 	{ height:32px; color:#ffe9e2; font-weight:bold; font-size:1.1em; letter-spacing:-1px; }
.bbsList thead th.ar	{ padding-right:10px; }
.bbsList tbody td	{ padding:4px 0; border-top:1px solid #fff; font-weight:bold; line-height:1.5em; text-align:center; background:#ededed; }
.bbsList tbody td.al	{ padding-left:10px; }
.bbsList tbody td.ar	{ padding-right:10px; }
.bbsList tbody td.fs	{ font-size:0.9em !imoportant; letter-spacing:-1px; }
.bbsList tbody td .ipTxt	{ height:22px; }
.bbsList tbody td a:link, .bbsList tbody td a:visited, .bbsList tbody td a:hover, .bbsList tbody td a:active	{ color:#c70752; }

.form	{ width:100%; border-top:1px solid #fff; table-layout:fixed; }
.form th	{ padding:4px 0; border-bottom:1px solid #fff; text-align:left; line-height:1.5em; background:#c7c7c7; }
.form th p	{ padding-left:5px; }
.form td	{ padding:4px 10px; border-bottom:1px solid #fff; }
.form td p.fs	{ padding-top:5px; line-height:1.5em; }
.form td ul	{ overflow:hidden; }
.form td li	{ float:left; padding:2px 0; }


/* 팝업 */
.bgLayer	{ display:none; position:absolute; left:0; top:0; width:100%; min-width:320px; opacity:0.5; filter:alpha(opacity=50); background:#000; }
.popLayer	{ position:absolute; left:0%; top:40%; width:100%; min-width:320px; }
.popLayer .close	{ position:absolute; right:15px; top:5px; }
.popLayer .close img	{ width:27px; }
.popLayerCont	{ padding:0 10px; }
.popup	{ height:100%; background:none; }
#popWrap .btnArea	{ text-align:center; }
#popWrap h1	{ height:23px; padding:12px 0 0 20px; margin:0; font-size:1.2em; color:#c70752; border-radius:5px 5px 0 0; background:#fff; }
#popContent	{ padding:0 10px 10px; border-radius:0 0 5px 5px; background:#fff; }
.popup input.txt	{ padding:0 5px; border:2px solid #e11351; }
.popup .text	{ line-height:1.5em; }

.confirmLayer	{ display:none; z-index:20; width:100%; }
.confirmLayer .bgArea	{ width:250px; padding:20px; margin:0 auto; border-radius:5px; background:#fff; }
.confirmLayer .content	{ padding-bottom:20px; line-height:1.5em; font-size:1.2em; text-align:center; }
.confirmLayer .foot	{ text-align:center; }
.confirmLayer .foot .btnType1	{ width:80px; }


/* 메인 레이어 */
#layerPopTypeA_wrapper {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000000;} 
#layerPopTypeA {position:absolute; left:0; top:0; width:100%; height:100%; }
#layerPopTypeA .layerPopTypeA_header {background:#cb2a60; font-size:14px; text-align:center; height:50px; line-height:50px; color:#fff; letter-spacing:-1px;}
#layerPopTypeA .layerPopTypeA_content {height:calc(100% - 50px - 40px); overflow:auto; border:1px solid #ddd; background:#fff;}
#layerPopTypeA .layerPopTypeA_content img {width:100%;}
#layerPopTypeA .layerPopTypeA_footer {background:#000; text-align:right; height:40px; padding:0 10px; line-height:40px;}
#layerPopTypeA .layerPopTypeA_footer a {color:#fff; font-size:15px;}
#layerPopTypeA .btnClose {position:absolute; width:40px; height:40px; right:0; top:5px; text-indent:-30000em; }
#layerPopTypeA .btnClose:before,
#layerPopTypeA .btnClose:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 30px;
        height: 2px;
        margin-left:-15px;
        background-color: #fff;
        font-size: 0;
        line-height: 0;
    }
#layerPopTypeA .btnClose:before {
	transform: rotate(45deg);
}
#layerPopTypeA .btnClose:after {
	transform: rotate(-45deg);
}

.tabType3{
    display:flex;

    li{
        flex-basis: 0;
        flex-grow:1;

        a{
            display:flex;
            align-items: center;
            justify-content: center;
            position:relative;
            box-sizing: border-box;
            height:45px;
            border:1px solid #ddd;
            font-weight:bold;
            font-size:16px;
            color:#a6a6a6;
            background:#fff;
        }
    }

    li.on{
        a{
            color:#fff;
            background: #000;
            border:0;
        }
    }
}

.tableTypeB{
    table-layout: fixed;
    width: 100%;

    thead {
        tr {
            th {
                height: 32px;
                color: #fff;
                font-size: 14px;
                background: #000;
            }
        }
    }

    tbody{
        td	{
            padding:4px 0;
            border-top:1px solid #fff;
            font-weight:bold;
            line-height:1.5em;
            text-align:center;
            background:#ededed;

            a:link,
            a:visited,
            a:hover,
            a:active{
                color:#c70752;
            }

        }

        td.al{
            padding-left:10px;
        }

        td.ar{
            padding-right:10px;
        }

        td.fs{
            font-size:0.9em !important;
            letter-spacing:-1px;
        }

        td .ipTxt	{
            height:22px;
        }
    }
}