@charset "utf-8"; 
@import url('/css/NotoSansKR.css'); 
@import url('/css/Montserrat.css'); 
@import url('/css/Lato.css'); 
@import url('/css/fontawesome.css'); 
@import url('/css/S-CoreDream.css'); 



select,
input:focus { outline:none; }


select,
input[type='text'],
input[type='password'],
textarea { height:40px; padding:5px 10px 7px; border:1px solid #cacaca; box-sizing:border-box; font-family:'NotoSansKR', sans-serif; background-color:#fff; }
select { padding:0; }
textarea { width:100%; height:150px; box-sizing:border-box; }


input[type=radio],
input[type=checkbox] { vertical-align:top; margin:0 10px 0 20px; }
table input[type=radio],
table input[type=checkbox] { vertical-align:top; margin:7px 10px 0 20px; }
input[type=radio]:first-child,
input[type=checkbox]:first-child { margin-left:0 !important; }


span.inputC,
span.inputR { overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:20px; height:20px; box-sizing:border-box; border:1px solid #dcdcdc; }
span.inputR { border-radius:50%; }

span.inputC.on,
span.inputR.on { background:#b33130 url('/image/icon/checked.png') center center no-repeat; }

span.inputC input,
span.inputR input { position:absolute; left:0; top:0; width:100%; height:100%; margin:0 !important; opacity:0; }

td label,
td span:not(#content_parent) { display:inline-block; } /* 에디터 id부분만 적용안되도록 예외처리 김상훈 K 2018-07-19 */



/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg { display:inline-block; vertical-align:middle; padding:0 5px 0 0; }

img { max-width:100%; }

a.conLink { text-decoration:none; color:inherit; }
a.conLink:hover,
a.conLink:focus { }
a img { vertical-align:middle; }


a,
input[type=submit],
input[type=button],
input[type=reset],
button { display:inline-block; margin:0; padding:0; border:0 none; cursor:pointer; text-decoration:none; color:inherit; outline:none; font-family:'NotoSansKR', sans-serif; }
select,
textarea { margin:0; outline:none; font-family:'NotoSansKR', sans-serif; box-sizing:border-box; }



/* 버튼 영역 */
.btnArea { position:relative; text-align:center; }
.btnArea:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
.btnArea .posTL,
.btnArea .posTR { overflow:hidden; }
.btnArea .posTL > *,
.btnArea .posTR > * { float:left; margin-left:5px; }
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child { margin-left:0; }

.btn a,
.btn > span,
.btn input,
.btn button { position:relative; display:inline-block; text-decoration:none; cursor:pointer; height:35px; padding:0 15px; font-size:15px; line-height:31px; 
    border-style:solid; border-width:1px; vertical-align:top; font-family:'NotoSansKR', sans-serif; box-sizing:border-box; }



/* 작은 버튼 height:24px */
.btn .btnSmall,
table.tblDef .btn > * { height:24px; padding:2px 10px 1px; font-size:12px; }
.btn a.btnSmall,
table.tblDef .btn a { padding:4px 10px; line-height:14px; }

table.inputTbl .btnSmall { height:35px; font-size:12px; }
table.inputTbl a.btnSmall,
.btn > span.btnSmall { padding:9px 13px 6px; }

.btn .btnArr { padding-right:40px !important; }
.btn .btnArr:after { position:absolute; right:15px; top:50%; height:20px; margin-top:-10px; content:"\276F"; font-size:20px; line-height:20px; }

.btn > span input,
.btn > span button { position:absolute; left:0; top:0; width:100%; height:100%; padding:0; border:0 none; opacity:0; }



/* 큰 버튼 height:24px */
.btn .btnBig,
div.bbsUtil > *,
form div.btnArea > * { min-width:155px; height:60px; padding:0 35px; font-size:20px; line-height:56px; border-width:2px; text-align:center; font-weight:700; }
.btn a.btnBig, .btn > span.btnBig,
div.bbsUtil a, div.bbsUtil .btn > span,
form div.btnArea a, form div.btnArea .btn > span { padding:0 35px; line-height:56px; }

div.btnArea *:first-child { margin-left:0 !important; }
div.btnArea > .btnBig { margin-left:10px; }



/* 갈색 */				
.btn .btnDef { background-color:#d5428a !important; border-color:#d5428a !important; color:#fff !important; }
/* 주황색 */			
.btn .btnPoint { background-color:#d5428a !important; border-color:#d5428a !important; color:#fff !important; }
/* 회색 */				
.btn .btnGrey { background-color:#535353 !important; border-color:#535353 !important; color:#fff !important; }
/* border+갈색 */				
.btn .btnBdDef { background-color:#fff !important; border-color:#ce8e61 !important; color:#ce8e61 !important; }
/* border+주황색 */			
.btn .btnBdPoint { background-color:#fff !important; border-color:#e5771e !important; color:#e5771e !important; }
/* border+회색 */				
.btn .btnBdGrey { background-color:#fff !important; border-color:#626262 !important; color:#626262 !important; }
.text-blue { color:#00a9e0; }



/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .btn .btnBig,
    div.bbsUtil > *,
    form div.btnArea > * { height:40px; padding:3px 30px 5px; font-size:16px; }
    .btn a.btnBig, .btn > span.btnBig,
    div.bbsUtil a, div.bbsUtil .btn > span,
    form div.btnArea a, form div.btnArea .btn > span { min-width:auto; padding:7px 20px 0; line-height:22px; }
    .btn a.conLink { line-height:22px; }

    .bbsUtil .bdRd,
    .btn .bdRd.btnBig { border-radius:20px; }

    div.contents > div.btnArea { padding:15px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
}



div.wrapper { overflow:hidden; width:100%; font-weight:400; font-family:'NotoSansKR', sans-serif; color:#333; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .pcOnly { display:none !important; }

    div#headerWrap { z-index:100; position:relative; height:60px; padding:0 60px; border-bottom:1px solid #dcdcdc; }
    div#headerWrap h1 a { display:block; height:60px; background:url('image/header_logo_m.png') center center no-repeat; background-size:167px; }
    div#headerWrap h1 img { display:none; }

    div.gnbView { position:absolute; right:0; top:0; width:60px; height:60px; }
    div.gnbView a { display:block; height:60px; font-size:0; line-height:0; background:url('image/gnb_view_m.png') center center no-repeat; background-size:18px; }

    div.gnbWrap { z-index:80; position:fixed; left:100%; top:0; width:100%; min-width:320px; height:100%; padding-left:20%; background:rgba(0,0,0,.85); 
        box-sizing:border-box; }

    div.gnbClose { z-index:50; position:absolute; right:0; top:0; width:60px; height:60px; }
    div.gnbClose a { display:block; height:60px; font-size:0; line-height:0; background:url('/image/common/gnb_close_m.png') center center no-repeat; background-size:20px; }

    ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a { margin:0; padding:0; list-style:none; text-decoration:none; }

    ul#gnb { overflow-x:hidden; overflow-y:auto; position:relative; height:100%; padding:60px 15px 15px; box-sizing:border-box; background-color:#fff; }
    ul#gnb > li { border-bottom:1px solid #dcdcdc; }
    ul#gnb > li > a { z-index:20; position:relative; display:block; padding:10px 30px; color:#282828; font-size:17px; line-height:30px; font-weight:500; box-sizing:border-box; }
    ul#gnb > li > a:before { position:absolute; left:10px; top:25px; width:4px; height:4px; border-radius:50%; content:""; background-color:#282828; }

    ul.headerUtil, ul.headerUtil li, ul.headerUtil a { margin:0; padding:0; list-style:none; text-decoration:none; }
    ul.headerUtil { z-index:20; position:absolute; right:0; top:0; width:80%; height:60px; padding:17px 60px 17px 10px; box-sizing:border-box; 
        background-color:#fbe1dc; }
    ul.headerUtil > li { float:left; padding-left:10px; } 
    ul.headerUtil > li:first-child { display:none; }

    ul.headerUtil a { display:block; padding:5px 15px; border-radius:5px; text-align:center; color:#fff; font-size:12px; line-height:16px; font-weight:300; 
        background-color:#b70c5f; }
    ul.headerUtil > li:last-child a { background-color:#48172f; font-size:0; line-height:0; }
    ul.headerUtil > li:last-child a:after { display:inline-block; vertical-align:top; content:"국문 홈페이지"; font-size:12px; line-height:16px; }
    ul.headerUtil img { display:none; }

    div.dDay { display:none; }


    div#container { }
    .pageTit { margin:15px; padding:10px 20px; border-radius:20px; color:#fff; font-size:16px; line-height:20px; font-weight:700; 
        background-color:#ea5c7b; background-size:auto 100%; box-shadow:0 5px 0 #eee; }


    div.ing { margin:15px; padding:50px 0; border:1px solid #dcdcdc; text-align:center; color:#a7a7a7; font-size:13px; line-height:20px; font-weight:300; }
    div.ing img { display:block; width:97px; margin:0 auto 20px; }
    div.ing > span { display:block; color:#333; font-size:16px; line-height:30px; font-weight:500; }
    div.ing > span span { color:#134796; }

    div.mobileNote { margin:15px; padding:50px 25px !important; font-size:20px; line-height:30px; color:#222; text-align:center; font-weight:300; }
    div.mobileNote img { display:block; width:150px; margin:0 auto 20px; }

    p#goTop { z-index:50; position:fixed; right:15px; top:auto !important; bottom:15px; width:43px; }
    p#goTop a { display:block; width:43px; height:43px; font-size:0; line-height:0; background:url('/image/common/goTop.png') center center no-repeat; background-size:43px; }

    div.main p#goTop { display:none !important; }

    div#footerWrap ul, div#footerWrap li, div#footerWrap p, div#footerWrap address, div#footerWrap a { margin:0; padding:0; list-style:none; font-style:normal; 
        text-decoration:none; }
    div#footerWrap { padding:15px; background-color:#444654; font-size:0; line-height:0; }
    div#footerWrap, div#footerWrap a { color:#696b7c; font-weight:500; }
    div#footerWrap p, div#footerWrap address { font-size:12px; line-height:18px; } 
    div#footerWrap address { } 
    div#footerWrap li { position:relative; display:inline-block; vertical-align:top; padding-right:20px; font-size:12px; line-height:18px; }
    div#footerWrap li:last-child { padding-left:0; }
    div#footerWrap li span { font-weight:700; color:#9a9caf; }
    div#footerWrap ul + p { display:none; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    .mOnly { display:none !important; }

    div#headerWrap { position:relative; padding-bottom:300px; background:url('image/topVisual.png') center bottom no-repeat; }
    div#headerWrap h1 { margin:0; padding:25px 0; }
    div#headerWrap h1 a, 
    div#headerWrap h1 img { display:block; }
    div#headerWrap h1 a { position:relative; z-index:20; width:282px; height:50px; margin:0 auto; }

    div.gnbView,
    div.gnbClose { display:none; }

    div.gnbWrap { border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }

    ul#gnb, ul#gnb li, ul#gnb a { margin:0; padding:0; list-style:none; text-decoration:none; }
    ul#gnb { width:1200px; margin:0 auto; }
    ul#gnb:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    ul#gnb > li { float:left; }
    ul#gnb > li > a { display:block; text-align:center; color:#222; font-size:19px; line-height:54px; font-weight:500; }

    ul.headerUtil, ul.headerUtil li, ul.headerUtil a { margin:0; padding:0; list-style:none; text-decoration:none; }
    ul.headerUtil { position:absolute; left:50%; top:40px; width:600px; text-align:right; font-size:0; line-height:0; }
    ul.headerUtil li { position:relative; display:inline-block; padding-left:30px; vertical-align:top; }
    ul.headerUtil li:before { position:absolute; left:15px; top:50%; width:1px; height:12px; margin-top:-6px; content:""; background-color:#8c8c8c; }
    ul.headerUtil li:first-child { padding-left:0; }
    ul.headerUtil li:first-child:before { display:none; }
    ul.headerUtil a { color:#787878; font-size:14px; line-height:20px; font-weight:300; }
    ul.headerUtil img { display:inline-block; padding:2px 5px 0 0; vertical-align:top; }
    ul.headerUtil span { color:#333; font-size:14px; font-weight:700; }


    div.dDay { position:absolute; left:60%; top:180px; width:214px; height:214px; margin-left:235px; padding:48px 4px 0 13px; background:url('image/dDayBg_main.png') 0 0 no-repeat; 
        box-sizing:border-box; text-align:center; color:#fff; font-size:20px; line-height:24px; font-family:'Montserrat', sans-serif; font-weight:400; }
    div.dDay span { display:block; font-size:60px; line-height:70px; font-family:'Montserrat', sans-serif; font-weight:800; text-shadow:2px 2px 0 rgba(0,0,0,.2); 
        color:#ffeb10; }


    div#container { padding:50px 0; }
    .pageTit { width:1120px; margin:0 auto; padding:15px 40px; border-radius:35px; color:#fff; font-size:24px; line-height:40px; font-weight:700; 
        background-color:#ba1f6a; box-shadow:0 10px 0 #eee; }

    div.contents { width:1200px; padding:50px 0; margin:0 auto; }
    div.contents:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

    div.ing { width:600px; margin:100px auto; padding:100px 0; border:1px solid #dcdcdc; text-align:center; color:#a7a7a7; font-size:13px; line-height:20px; font-weight:300; }
    div.ing img { display:block; margin:0 auto 50px; }
    div.ing > span { display:block; color:#333; font-size:25px; line-height:50px; font-weight:500; }
    div.ing > span span { color:#134796; }

    div.mobileNote { display:none; }


    p#goTop { z-index:50; position:absolute; left:50%; top:450px; width:86px; margin-left:672px; }
    p#goTop a { display:block; width:86px; height:86px; font-size:0; line-height:0; background:url('/image/common/goTop.png') center center no-repeat; }

    div.main p#goTop { display:none !important; }

    div#footerWrap ul, div#footerWrap li, div#footerWrap p, div#footerWrap address, div#footerWrap a { margin:0; padding:0; list-style:none; font-style:normal; 
        text-decoration:none; }
    div#footerWrap { padding:26px 0; background-color:#464646; text-align:center; font-size:0; line-height:0; }
    div#footerWrap, div#footerWrap a { color:#fff; font-weight:300; }
    div#footerWrap li, div#footerWrap p, div#footerWrap address { display:inline-block; vertical-align:top; font-size:16px; line-height:26px; } 
    div#footerWrap address { padding-left:10px; } 
    div#footerWrap li { position:relative; padding-left:20px; }
    div#footerWrap li:before { position:absolute; left:10px; top:50%; width:1px; height:12px; margin-top:-6px; content:""; background-color:#fff; }
    div#footerWrap li:first-child { padding-left:0; }
    div#footerWrap li:first-child:before { display:none; }

    div#footerWrap ul + p { padding-top:25px; }
}



/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .subTit { margin:25px 0 5px; padding:0 0 0 15px; font-size:18px; line-height:30px; color:#d2519e; font-weight:500; 
        background:url('image/subTit.png') 0 9px no-repeat; background-size:10px; }
    .pointTit { margin:25px 0 5px; padding:0; font-size:16px; line-height:28px; color:#d2519e; font-weight:700; }

    dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd,
    dl.toggleArea_rw, dl.toggleArea_rw dt, dl.toggleArea_rw dd, dl.toggleArea_rw { position:relative; margin:0; padding:0; }

    dl.toggleMenu,
    dl.rwMenu,
    dl.toggleArea_rw { position:relative; }

    div.contents > dl.toggleArea,
    div.contents > dl.rwMenu,
    div.contents > dl.toggleArea_w { margin:15px; }

    dl.rwMenu > dd,
    dl.toggleArea_rw > dd { display:none; }

    a.trigger { position:relative; overflow:hidden; display:block; padding:10px 32px 10px 15px; border:1px solid #dedede; background-color:#f6f6f6; color:#282828; 
        font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; font-weight:700; text-decoration:none; }
    a.trigger:after { position:absolute; right:10px; top:50%; width:12px; height:6px; margin-top:-3px; content:""; 
        background:url('/image/common/trigger_m.png') center center no-repeat; background-size:10px; }
    .view a.trigger:after { transform:rotate(180deg); }

    dl.toggleMenu a.trigger { padding:10px 20px; border:1px solid #e2e2e2; line-height:20px; font-size:16px; font-family:'S-CoreDream-5Medium',sans-serif; font-weight:normal; 
        background-color:#fff; color:#f77f43; }
    dl.toggleMenu a.trigger:after { background:url('/image/common/toggle.png') center center no-repeat; background-size:14px auto; }

    .toggleCon,
    dl.rwMenu > dd,
    dl.toggleArea_rw > dd { z-index:10; position:absolute; left:0; top:40px; width:100%; padding:10px 15px 15px; border:1px solid #dedede; border-top:0 none; 
        background-color:#fff; box-sizing:border-box; }

    .toggleCon ul,
    dl.rwMenu ul,
    dl.toggleArea_rw ul { overflow-x:hidden; overflow-y:auto; max-height:80px; }

    .toggleCon ul, .toggleCon li, .toggleCon a,
    dl.rwMenu ul, dl.rwMenu li, dl.rwMenu dd a { margin:0; padding:0; list-style:none; text-decoration:none; }
    dl.rwMenu li { width:100% !important; padding-top:5px; }
    dl.rwMenu li { border:0 none !important; }
    dl.rwMenu a { display:block; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    .subTit { margin:50px 0 10px; padding:0 0 0 30px; font-size:25px; line-height:35px; color:#ba1f6a; font-weight:500; 
        background:url('image/subTit.png') 0 11px no-repeat; }
    .pointTit { margin:50px 0 10px; padding:0; font-size:20px; line-height:30px; color:#ba1f6a; font-weight:700; }

    .mOnly { display:none !important; }

    dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd , dl.rwMenu a,
    dl.toggleArea_rw, dl.toggleArea_rw dt, dl.toggleArea_rw dd, dl.toggleArea_rw { position:relative; margin:0; padding:0; text-decoration:none; }

    dl.toggleMenu { z-index:10; position:relative; }

    dl.rwMenu > dt,
    dl.toggleArea_rw > dt { display:none; }

    dl.rwMenu + div.bbsSearch { margin-top:50px; }

    a.trigger { position:relative; overflow:hidden; display:block; padding:15px 45px 15px 20px; background-color:#e9e9e9; color:#222; font-size:20px; line-height:30px; 
        text-overflow:ellipsis; white-space:nowrap; }
    a.trigger:after { position:absolute; right:20px; top:50%; width:23px; height:12px; margin-top:-6px; content:""; 
        background:url('/image/common/toggle.png') center center no-repeat; }
    .view a.trigger:after { transform:rotate(180deg); }

    dl.toggleMenu a.trigger { padding:20px 40px; border:1px solid #e2e2e2; line-height:30px; font-size:20px; font-family:'S-CoreDream-5Medium',sans-serif; 
        font-weight:normal; background-color:#fff; color:#f77f43; }

    .toggleCon { position:absolute; left:0; top:60px; width:100%; padding:10px 20px 20px; border:2px solid #e9e9e9; background-color:#fff; box-sizing:border-box; }
    .toggleCon ul { overflow-x:hidden; overflow-y:auto; height:140px; }
    .toggleCon ul, .toggleCon li, .toggleCon a { margin:0; padding:0; list-style:none; text-decoration:none; }
    .toggleCon li { padding-top:5px; }


    dl.rwMenu ul { margin:0; padding:0; text-align:center; font-size:0; line-height:0; }
    dl.rwMenu ul:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    dl.rwMenu li { position:relative; display:inline-block; padding:0 50px; vertical-align:top; margin:0; list-style:none; box-sizing:border-box; }
    dl.rwMenu li:before { position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#d4d4d4; content:""; }
    dl.rwMenu li:first-child:before { display:none; }
    dl.rwMenu li a { display:block; padding:10px 0; text-align:center; vertical-align:middle; color:#252526; font-size:20px; line-height:25px; font-weight:400; }
    dl.rwMenu .on a { color:#ba1f6a; font-weight:500; }
}



/* ========================================================================================================== */
/* =============================================== 테이블 공통 CSS =============================================== */
/* ========================================================================================================== */
/* 기본 table */
table.tblDef,
table.inputTbl { border-top:2px solid #7b7b7b; border-bottom:1px solid #e5e5e5; }

table.tblDef > * > tr > *,
table.innerTbl > * > tr > *,
table.inputTbl > * > tr > * { padding:10px; color:#333; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; font-size:16px; font-weight:400; }

table.tblDef > * > tr > *,
table.innerTbl > * > tr > * { text-align:center; }
table.inputTbl > * > tr > * { text-align:left; }

table.tblDef > thead > tr:first-child > *,
table.tblDef > colgroup + tbody > tr:first-child > *,
table.innerTbl > * > tr:first-child > *,
table.innerTbl > colgroup + tbody > tr:first-child > *,
table.inputTbl > thead > tr:first-child > *,
table.inputTbl > colgroup + tbody > tr:first-child > * { border-top:0 none; }

table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child { border-left:0 none; }

table.tblDef > * > tr > th { color:#333; background-color:#f7f7f7; }
table.borderTbl > * > tr > th,
table.inputTbl > * > tr > th { color:#222; background-color:#f4f4f4; word-break:keep-all; font-weight:500; }
table.inputTbl > * > tr > th { }

table.tblDef > thead > tr > th,
table.tblDef > tfoot > tr > th,
table.inputTbl > thead > tr > th,
table.tblDef > * > tr > .bg { background-color:#f7f7f7; color:#333; font-weight:500; }

table .bdLeft { border-left:1px solid #e5e5e5 !important; }

table.innerTbl > * > tr > * { text-align:left; }

table.al > * > tr > td { text-align:left !important; }

table.ac > * > tr > * { text-align:center !important; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.contents > table.tblDef { width:calc(100% - 30px); margin:0 15px 15px; } 

    table.tblDef > * > tr > *,
    table.innerTbl > * > tr > *,
    table.inputTbl > * > tr > * { font-size:14px; }

    table.rwTbl,
    table.rwTbl tbody,
    table.rwTbl tr,
    table.rwTbl th, table.rwTbl td,
    table.rwThead,
    table.rwThead tbody,
    table.rwThead tr,
    table.rwThead th, table.rwThead td,
    table.rwTrHead,
    table.rwTrHead tbody,
    table.rwTrHead tr,
    table.rwTrHead th, table.rwTrHead td { display:block; }

    table.rwTbl colgroup,
    table.rwTbl col,
    table.rwTbl thead,
    table.rwThead colgroup,
    table.rwThead col,
    table.rwThead thead,
    table.rwTrHead colgroup,
    table.rwTrHead col,
    table.rwTrHead thead { display:none; }

    table.rwTbl { border-top:0 none; }

    table.rwTbl > * > tr > th,
    table.rwTbl > * > tr > td { padding:5px 10px; border:0 none; }
    table.rwTbl > * > tr > th { }

    table.rwTbl td { border-left:0 none; }

    table.rwTbl input[type=text],
    table.rwTbl input[type=password],
    table.rwTbl textarea { width:100%; height:32px; box-sizing:border-box; }
    table.rwTbl textarea { height:50px; }

    table.rwTbl th label,
    table.rwTbl th span { line-height:1.2; }

    table.rwTbl,
    table.rwThead { }

    table.rwThead { }
    table.rwThead > tbody > tr { }
    table.rwThead td { padding:5px; min-height:1.2em; }
    table.rwThead td:before { display:block; float:left; width:30%; content:attr(data-thead); font-weight:bold; }

    table.rwTbl tbody tr,
    table.rwThead tbody tr { border-top:2px solid #f96819; }
    table.rwTbl tbody tr:after,
    table.rwThead tbody tr:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

    table.rwTbl tbody > tr > *:first-child,
    table.rwThead tbody tr > *:first-child { }

    table.rwTrHead td { padding:0 0 10px; border-left:0 none; }
    table.rwTrHead td:before { display:block; padding:7px 0 9px; margin-bottom:10px; content:attr(data-thead); font-weight:bold; text-align:center; 
        background-color:#16478e; color:#fff; }

    table.rwTbl.inputTbl > * > tr > th { padding:10px; text-align:left; }
    table.rwTbl.inputTbl .multi:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

    div.tableScroll { overflow-x:scroll; overflow-y:hidden; padding-bottom:20px !important; }
    div.tableScroll::-webkit-scrollbar { -webkit-appearance:none; width:10px; border-radius:4px; background-color:#ccc; }
    div.tableScroll::-webkit-scrollbar-thumb { border-radius:4px; background-color:rgba(0,0,0,.5); -webkit-box-shadow:0 0 1px insecnt rgba(255,255,255,.5); }

    div.tableScroll > table.tblDef { min-width:820px; margin-top:0 !important; }
    div.tableScroll p.note { padding-top:5px; line-height:1.2; font-size:0.9em; font-style:italic; color:#333; }
}



table.inputTbl { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
table.inputTbl > * > tr > td { color:#777; }
table.inputTbl > * > tr > td.pluginArea { padding:0; }

table.inputTbl > * > tr > td.add > * { float:left; margin-left:5px; }
table.inputTbl > * > tr > td.add *:first-child,
table.inputTbl > * > tr > td.add .clear { margin-left:0; }
table.inputTbl > * > tr > td.add .clear,
table.inputTbl > * > tr > td.add span.btn { margin-top:5px; }
table.inputTbl > * > tr > td.add > *:first-child + span.btn { margin-top:0; }
table.inputTbl > * > tr > td.add a { margin-left:5px; padding:9px 15px 10px; }

table.inputTbl > * > tr > td > span { font-size:14px; }
table.inputTbl > * > tr > td > .note { color:#dd3131; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    table.inputTbl.rwTbl { border-top:2px solid #7b7b7b; }
    div.contents > table.rwTbl { width:calc(100% - 30px); margin:0 15px; }
    div.contents > table.rwTbl > * > tr > td { line-height:40px; }

    table.inputTbl.rwTbl > * > tr { border-top:0 none; }
    table.inputTbl.rwTbl > * > tr > td { min-height:40px; }
    table.inputTbl.rwTbl .pluginArea { border-top:1px solid #e5e5e5; }

    table.inputTbl.rwTbl .pubDate { overflow:hidden; }
    table.inputTbl.rwTbl .pubDate > * { float:left; }
    table.inputTbl.rwTbl .pubDate input[type=text] { width:calc(100% - 105px); margin-right:5px; }
    table.inputTbl.rwTbl .pubDate select { width:100px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    table.inputTbl td.choose > * { float:left; margin-left:10px; padding:0 15px; line-height:30px; }
    table.inputTbl td.choose a { margin-left:0; background-color:#333; color:#fff; }
    table.inputTbl td.choose span { background-color:#f1f1f1; color:#333; }
}



table.inputTbl input[type=text], table.inputTbl input[type=password] { height:40px; }

ul.overHidden, ul.overHidden li { margin:0; padding:0; list-style:none; }
ul.overHidden >  li { float:left; padding-right:15px; }

form .btnArea .posTL { margin-left:0; }



/* ========= 폼태그  ========= */
dl.inputArea dd.multi { }
dl.inputArea dd.multi:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
dl.inputArea dd.multi > * { float:left; margin-left:5px; }
dl.inputArea dd.multi > *:first-child { margin-left:0; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.formArea .note { line-height:1.2em; color:#f90008; }
    div.formArea select { width:100%; height:35px; }
    div.formArea select + select { margin-top:5px; }
    div.formArea input[type=radio],
    div.formArea input[type=checkbox] { margin:11px 5px 0 20px; }
    div.formArea input[type=radio]:first-child,
    div.formArea input[type=checkbox]:first-child { margin-left:0; }

    div.formArea label,
    div.formArea span { display:inline-block; font-size:15px; line-height:40px; }

    dl.inputArea { border-top:2px solid #7b7b7b; margin:0; padding:0; }
    dl.inputArea > * { }
    dl.inputArea > dt { padding:5px 10px; border-bottom:1px solid #e5e5e5; background-color:#f7f7f7; font-size:15px; line-height:20px; font-weight:500; }
    dl.inputArea > dd { padding:10px 0; border-bottom:1px solid #ccc; }

    dl.inputArea input[type=text],
    dl.inputArea input[type=password] { width:100%; height:35px; }

    div.formArea .name { overflow:hidden; }
    div.formArea .name label { float:left; width:30px; margin:0 0 5px; }
    div.formArea .name .clear { margin-bottom:0; }
    div.formArea .name input[type=text] { float:left; width:calc(100% - 35px); }

    div.formArea .date { overflow:hidden; }
    div.formArea .date > * { float:left; margin-left:5px; }
    div.formArea .date select { width:calc(25% - 10px); }
    div.formArea .date select:first-child { width:calc(50% - 60px); margin-left:0; }
    div.formArea .date span { width:15px; margin-left:5px; }

    div.formArea .email { }
    div.formArea .email:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.formArea .email > * { float:left; }
    div.formArea .email input[type=text] { width:calc(50% - 15px); }
    div.formArea .email span { width:30px; text-align:center; }
    div.formArea .email select { width:100%; }

    div.formArea .address { }
    div.formArea .address:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.formArea .address input[type=text] { margin-top:5px; }
    div.formArea .address input[type=text]:first-child { width:120px; margin-top:0; }
    div.formArea .address a { width:120px; padding:9px 0 10px; margin-left:5px; color:#fff; background-color:#333; text-align:center; }


    div.formArea .phone { }
    div.formArea .phone:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.formArea .phone > * { float:left; box-sizing:border-box; }
    div.formArea .phone select,
    div.formArea .phone input[type=text]:first-child { width:calc(40% - 60px); }
    div.formArea .phone input[type=text] { width:30%; }
    div.formArea .phone span { width:30px; line-height:35px; text-align:center; }

    .withBtn { }
    .withBtn:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    .withBtn > * { float:left; margin-left:5px; }
    .withBtn > *:first-child { margin-left:0; }
    .withBtn input[type=text] { width:calc(100% - 87px) !important; }
    .withBtn a { width:82px; padding:7px 0 8px; color:#fff; background-color:#333; text-align:center; }
    .withBtn + div.note { margin-top:5px; font-size:12px; line-height:16px; }

    .antiSpam { }
    .antiSpam:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    .antiSpam > * { float:left; margin-left:5px; }
    .antiSpam > *:first-child { margin-left:0; }
    .antiSpam input[type=text] { width:calc(100% - 125px) !important; }
    .antiSpam span { width:120px; color:#fff; background-color:#333; text-align:center; }
    .antiSpam + div.note { line-height:20px; }

    div.formArea div.photo > * { display:block; padding:0; }
    div.photo { position:relative; height:152px; padding:10px 10px 10px 140px; border-bottom:1px solid #ccc; }
    div.photo p.thumb { position:absolute; left:10px; top:10px; width:120px; height:150px; border:1px solid #ccc; 
        background:#f9f9f9 url('/image/sub/thumbBg.png') center center no-repeat; }

    ul.option, ul.option li { margin:0; padding:0; list-style:none; }
    ul.option { }
    ul.option:after { clear:both; height:0; line-height:0; font-size:0; content:""; }
    ul.option li { float:none; }
    ul.option li * { display:inline-block; vertical-align:top; }
    ul.option li:first-child,
    ul.option li.clear { margin-left:0; }
    ul.option label { line-height:40px; }
    ul.option input[type=checkbox],
    ul.option input[type=radio] { top:4px; }
    ul.option input[type=text] { width:80% !important; margin-left:10px; }

    form .btnArea { padding-top:30px; text-align:center; font-size:0; line-height:0; }
    form .btnArea > * { margin-left:10px; box-sizing:border-box; }
    form .btnArea > *:first-child { margin-left:0; }

    div.formArea div.btnArea > * { width:calc(40% - 10px); height:50px; font-size:16px; }
    div.formArea div.btnArea > span { padding-top:10px; }

    .btn .btnBg.btnOk { padding:10px 20px; border-color:#f96819; background-color:#f96819; color:#fff; font-weight:700; text-align:left; line-height:28px; }
    .btn .btnBg.btnOk:after { position:absolute; right:20px; top:50%; margin-top:-.5em; font-size:1em; line-height:1em; font-family:"Font Awesome 5 Free"; 
        content:"\f061"; font-weight:900; }

    div.formArea div.btnArea .posTL { position:static !important; margin-left:10px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.memberInfo form { width:650px; margin:0 auto; }

    div.memberInfo > form:first-child { padding-top:50px; }

    div.formArea .subTit_bl.fl + .fr { margin-top:40px; }

    div.formArea .note { font-size:0.9em; color:#f90008; }

    div.formArea select { width:100%; height:40px; }
    div.formArea select + select { margin-top:5px; }
    div.formArea td select { width:250px; }
    div.formArea .fr select { width:100px; }
    div.formArea input[type=radio],
    div.formArea input[type=checkbox] { margin:14px 5px 0 20px; }
    div.formArea input[type=radio]:first-child,
    div.formArea input[type=checkbox]:first-child { margin-left:0; }

    div.formArea label,
    div.formArea span { display:inline-block; font-size:15px; line-height:40px; }

    dl.inputArea { border-top:2px solid #7b7b7b; margin:0; padding:0; }
    dl.inputArea > * { }
    dl.inputArea > dt { padding:5px 10px; border-bottom:1px solid #e5e5e5; background-color:#f7f7f7; font-size:15px; line-height:20px; font-weight:500; }
    dl.inputArea > dd { padding:10px; border-bottom:1px solid #ccc; }

    dl.inputArea input[type=text],
    dl.inputArea input[type=password] { width:100%; height:40px; }

    div.formArea .name { overflow:hidden; }
    div.formArea .name label { float:left; width:50px; margin:0 0 5px; }
    div.formArea .name .clear { margin-bottom:0; }
    div.formArea .name input[type=text] { float:left; width:calc(100% - 55px); }

    div.formArea .date { overflow:hidden; }
    div.formArea .date > * { float:left; margin-left:5px; }
    div.formArea .date select { width:calc(25% - 10px); }
    div.formArea .date select:first-child { width:calc(50% - 60px); margin-left:0; }
    div.formArea .date span { width:15px; margin-left:5px; }

    div.formArea .email { }
    div.formArea .email:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.formArea .email > * { float:left; }
    div.formArea dd.email input[type=text] { width:calc(50% - 15px); }
    div.formArea dd.email input[type=text] + span { width:30px; text-align:center; }
    div.formArea dd.email select { width:100%; margin-top:5px; }

    div.formArea td.email input[type=text] { width:30%; }
    div.formArea td.email input[type=text] + span { width:30px; text-align:center; }
    div.formArea td.email select { width:calc(40% - 35px); margin-left:5px; }

    div.formArea .address { }
    div.formArea .address:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.formArea .address > * { float:left; }
    div.formArea .address > *:first-child,
    div.formArea .address > *.clear { margin-left:0; }
    div.formArea .address input[type=text] { width:100%; margin:5px 0 0 5px; }
    div.formArea .address input[type=text]:first-child { width:120px; margin-top:0; }
    div.formArea .address input[type=text].clear { width:calc(100% - 405px); }
    div.formArea .address a { width:120px; padding:7px 0 8px; margin-left:5px; color:#fff; background-color:#333; text-align:center; }

    div.formArea .phone { }
    div.formArea .phone:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.formArea .phone > * { float:left; }
    div.formArea .phone select,
    div.formArea .phone input[type=text] { width:100px; }
    div.formArea .phone span { width:30px; line-height:40px; text-align:center; }

    .withBtn { }
    .withBtn:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    .withBtn > * { float:left; margin-left:5px; }
    .withBtn > *:first-child { margin-left:0; }
    .withBtn input[type=text] { width:calc(100% - 87px) !important; }
    .withBtn a { width:82px; padding:7px 0 8px; color:#fff; background-color:#333; text-align:center; }
    .withBtn + div.note { line-height:40px; }

    .antiSpam { }
    .antiSpam:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    .antiSpam > * { float:left; margin-left:5px; }
    .antiSpam > *:first-child { margin-left:0; }
    .antiSpam input[type=text] { width:calc(100% - 125px) !important; }
    .antiSpam span { width:120px; color:#fff; background-color:#333; text-align:center; }
    .antiSpam + div.note { line-height:20px; }

    div.formArea div.photo > * { display:block; padding:0; }
    div.photo { position:relative; height:152px; padding:10px 10px 10px 140px; border-bottom:1px solid #ccc; }
    div.photo p.thumb { position:absolute; left:10px; top:10px; width:120px; height:150px; border:1px solid #ccc; 
        background:#f9f9f9 url('/image/sub/thumbBg.png') center center no-repeat; }

    ul.option, ul.option li { margin:0; padding:0; list-style:none; }
    ul.option { }
    ul.option:after { clear:both; height:0; line-height:0; font-size:0; content:""; }
    ul.option li { float:left; margin-left:15px; }
    ul.option li * { display:inline-block; vertical-align:top; }
    ul.option li:first-child,
    ul.option li.clear { margin-left:0; }
    ul.option label { line-height:40px; }
    ul.option input[type=checkbox],
    ul.option input[type=radio] { margin-top:5px; }
    ul.option input[type=text] { width:200px; margin-left:10px; }

    ul.multi, ul.multi li { margin:0; padding:0; list-style:none; }
    ul.multi > li { margin:5px 0 !important; }
    ul.multi > li:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    ul.multi > li > * { float:left; margin-left:5px; }

    ul.upload, ul.upload li { margin:0; padding:0; list-style:none; }
    ul.upload { }
    ul.upload > li { float:none !important; margin:0 !important; padding:5px 10px; border-top:1px solid #e5e5e5; }
    ul.upload > li:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    ul.upload > li:first-child { border-top:0 none; }

    ul.upload > li > * { float:left; }
    ul.upload > li input[type=text] { width:770px; }
    ul.upload > li a { width:50px; margin-left:5px; padding:0; color:#a39993; border:1px solid #a39993; text-align:center; font-size:14px; line-height:38px; }
    ul.upload > li a.del,
    ul.upload > li a.add { background-color:#a39993; color:#fff; }

    .padding0 > div.selectFile { padding:5px 110px 5px 10px; border-top:1px solid #e5e5e5; }
    .padding0 > div.selectFile:first-child { border-top:0 none; }

    div.selectFile span.util { position:absolute; right:10px; top:5px; width:100px; }
    div.selectFile span.util a { width:50px; margin-left:5px; padding:0; color:#fff; border:1px solid #a39993; text-align:center; font-size:14px; 
        line-height:38px; background-color:#a39993; }

    form .btnArea { margin-top:50px; text-align:center; }
    form .btnArea > * { margin-left:20px; }
    form .btnArea > *:first-child { margin-left:0; }
    div.formArea div.btnArea > * { }
    div.formArea div.btnArea a { }

    .btn .btnBg.btnOk { position:relative; width:200px; border-color:#f96819; background-color:#f96819; color:#fff; font-weight:700; text-align:left; line-height:40px; }
    .btn .btnBg.btnOk:after { position:absolute; right:30px; top:50%; margin-top:-.5em; font-size:1em; line-height:1em; font-family:"Font Awesome 5 Free"; 
        content:"\f061"; font-weight:900; }
}



/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/* ========= 게시판 검색 ========= */

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsSearch,
    div.bbsBrief,
    div.bbsList { }
    ul.subMenu + div.bbsSearch { padding-top:0; }

    div.bbsList.admin { display:block !important; }

    div.contents > div.bbsSearch { position:relative; margin:15px; padding:0; }
    div.bbsSearch { }
    div.bbsSearch:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    div.bbsSearch select,
    div.bbsSearch input[type=text],
    div.bbsSearch span.btn { float:left; }
    div.bbsSearch select { width:120px; }
    div.bbsSearch input[type=text] { display:block; width:calc(100% - 190px); margin:0 5px; }
    div.bbsSearch select,
    div.bbsSearch input[type=text] { height:40px; padding:5px; box-sizing:border-box; }

    div.bbsSearch select.half,
    div.bbsSearch select.half + select { float:left; width:calc(50% - 3px) !important; margin-bottom:6px; }
    div.bbsSearch select.half + select { float:right; }

    div.bbsSearch span.btn { width:60px; }
    div.bbsSearch span.btn * { width:100%; }

    div.bbsSearch .bbsBrief { padding-top:10px; text-align:right; }
    div.bbsSearch span.btn *,
    div.calendarUtil span.btn * { height:40px; }

    div.bbsSearch + .ar { padding:0 15px 5px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.bbsSearch { position:relative; padding-left:140px; margin:0 auto 40px; text-align:center; font-size:0; line-height:0; }
    ul.subMenu + div.bbsSearch { margin-top:40px; }
    div.bbsSearch select,
    div.bbsSearch input[type=text],
    div.bbsSearch span.btn { display:inline-block; vertical-align:top; }

    div.bbsSearch select,
    div.calendarUtil select { width:150px; height:50px; margin-right:10px; font-size:14px; }
    div.bbsSearch input[type=text],
    div.calendarUtil input[type=text] { width:323px; height:50px; padding:0 5px; margin-right:10px; box-sizing:border-box; }
    div.bbsSearch span.btn *,
    div.calendarUtil span.btn * { height:50px; padding:0 20px; }
    div.bbsSearch p.bbsBrief { position:absolute; left:0; top:50%; width:120px; margin:-12px 0 0; padding:0; font-size:15px; line-height:24px; }
}



/* ========= 게시판 리스트  ========= */
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsList { padding:0 15px 15px; }
    dl.bbsItem { position:relative; padding:0 35px 5px 60px; margin:0; border-bottom:1px solid #d2d2d2; }
    dl.bbsItem:first-child { border-top:2px solid #3180d5; }

    dl.bbsItem a,
    table.tblBbs a { text-decoration:none; color:inherit; }
    table.tblBbs a.attach { display:inline; word-break:break-all; }

    dl.bbsItem > dt { position:relative; padding:15px 0 5px; font-size:16px; color:#313131; font-weight:500; }
    dl.bbsItem > dt:before { display:inline-block; vertical-align:top; width:50px; text-align:center; color:#fff; border-radius:4px; 
        font-size:12px; line-height:25px; }
    dl.bbsItem > dt.typeA:before { content:"학회"; background-color:#121e95; }
    dl.bbsItem > dt.typeB:before { content:"연구회"; background-color:#f26522; }
    dl.bbsItem > dt.typeC:before { content:"지회"; background-color:#289a6e; }

    dl.bbsItem > dt a { position:relative; overflow:hidden; display:inline-block; max-width:100%; height:23px; text-overflow:ellipsis; white-space:nowrap; color:#313131; }
    dl.bbsItem > dt span { position:absolute; left:-60px; top:15px; width:50px; font-size:14px; line-height:18px; padding:2px 0 4px; text-align:center; color:#313131; }
    dl.bbsItem > dt span.notice { background-color:#fa0c0c; color:#fff; }
    dl.bbsItem > dt a img { display:inline-block; padding-right:5px; vertical-align:top; }


    dl.bbsItem > dd { margin:0; }
    dl.bbsItem > dd.attach img,
    table.tblBbs a img { vertical-align:top; margin:2px 5px 0 0; }


    dl.bbsItem > dd.info { padding-bottom:5px; font-size:14px; color:#808080; }
    dl.bbsItem > dd.pubDate span:before { content:"."; }

    dl.bbsItem > dd.attach { position:absolute; right:0; top:0; width:35px; height:100%; }
    dl.bbsItem > dd.attach a { display:none; }
    dl.bbsItem > dd.attach:after { position:absolute; left:0; top:50%; width:100%; margin-top:-0.5em; text-indent:0; font-size:1.5em; line-height:1em; 
        font-family:"Font Awesome 5 Free"; color:#808080; content:"\f15c"; font-weight:400; text-align:center; }

    dl.bbsItem > dd.admin { display:none; }

    dl.bbsItem.deleted { height:50px; background-color:#fbfbfb; }

    div.bbsList + div.bbsUtil { padding:0 15px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.bbsList { margin-top:10px; }
    dl.bbsItem { position:relative; padding:0 115px 0 80px; margin:0; border-bottom:1px solid #d2d2d2; }
    dl.bbsItem:first-child { border-top:2px solid #7b7b7b; }

    dl.bbsItem a,
    table.tblBbs a { text-decoration:none; color:inherit; }
    dl.bbsItem > dt { position:relative; padding:15px 0 5px; font-size:16px; line-height:28px; color:#313131; font-weight:500; }
    dl.bbsItem > dt:before { display:inline-block; vertical-align:top; width:70px; text-align:center; color:#fff; border-radius:4px; font-size:15px; line-height:28px; }
    dl.bbsItem > dt.typeA:before { content:"학회"; background-color:#121e95; }
    dl.bbsItem > dt.typeB:before { content:"연구회"; background-color:#f26522; }
    dl.bbsItem > dt.typeC:before { content:"지회"; background-color:#289a6e; }

    dl.bbsItem > dt a { position:relative; overflow:hidden; display:inline-block; max-width:100%; line-height:23px; text-overflow:ellipsis; white-space:nowrap; color:#313131; }
    dl.bbsItem > dt span { position:absolute; left:-70px; top:15px; width:50px; font-size:14px; line-height:18px; padding:2px 0 4px; text-align:center; color:#313131; }
    dl.bbsItem > dt span.notice { background-color:#fa0c0c; color:#fff; }
    dl.bbsItem > dt a img { display:inline-block; padding-right:5px; vertical-align:top; }

    dl.bbsItem > dd { margin:0; }
    dl.bbsItem > dd.attach img,
    table.tblBbs a img { vertical-align:top; margin:2px 5px 0 0; }

    dl.bbsItem > dd.pubDate { position:absolute; right:0; top:50%; width:100px; margin-top:-29px; padding-top:34px; text-align:center; color:#313131; }
    dl.bbsItem > dd.pubDate span { position:absolute; left:0; top:0; width:100%; color:#9c1557; font-weight:bold; font-size:30px; line-height:34px; }

    dl.bbsItem > dd.info { position:relative; padding-bottom:5px; text-align:right; font-size:14px; color:#808080; }

    dl.bbsItem a.mail { position:absolute; left:0; top:0; padding:0 15px; color:#fff; background-color:#f96819; }

    dl.bbsItem > dd.attach { border-top:1px solid #d2d2d2; padding:10px 0; color:#808080; }
    dl.bbsItem > dd.attach a { position:relative; display:block; font-size:14px; }

    dl.bbsItem.deleted { height:97px; background-color:#fbfbfb; }
    dl.bbsItem.deleted > dd.attach { display:none; }

    div.bbsList .admin { display:none; position:absolute; right:115px; top:45px; font-size:12px; text-align:center; }
    div.bbsList .admin a { color:#808080; }

    .admin dl.bbsItem > dd.info { padding-right:65px; }
    div.bbsList.admin .admin { display:block; text-align:right; }
}



/* 페이징 */
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    ul.pager { clear:both; margin:0; padding:15px 0; text-align:center; }
    ul.pager li { display:inline-block; vertical-align:top; list-style:none; }
    ul.pager li { margin-left:2px; }
    ul.pager li:first-child { margin-left:0; }
    ul.pager img { display:inline-block; vertical-align:top; }

    ul.pager a { display:inline-block; width:auto; border:0 none; padding:2px 5px 3px; vertical-align:top; font-size:14px; line-height:20px; text-decoration:none; 
        color:#808080; }

    ul.pager .first a,
    ul.pager .prev a,
    ul.pager .next a,
    ul.pager .last a { display:inline-block; width:30px; padding:0; }

    ul.pager a.btnDef,
    ul.pager a.on { background-color:#fff; color:#333; text-align:center; }
    ul.pager a img { width:25px; vertical-align:top; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    ul.pager { clear:both; margin:0; padding:30px 0 0; text-align:center; }
    ul.pager li { display:inline-block; vertical-align:top; list-style:none; }
    ul.pager li { margin-left:2px; }
    ul.pager li:first-child { margin-left:0; }
    ul.pager img { display:inline-block; vertical-align:top; }

    ul.pager a { display:inline-block; width:auto; border:0 none; padding:3px 5px 5px; vertical-align:top; font-size:14px; line-height:20px; text-decoration:none; 
        color:#808080; }

    ul.pager .first a,
    ul.pager .prev a,
    ul.pager .next a,
    ul.pager .last a { display:inline-block; width:30px; padding:0; }

    ul.pager a.btnDef,
    ul.pager a.on { color:#d2519e; text-align:center; }
    ul.pager a img { width:30px; vertical-align:top; }
}


/* 게시판 버튼 */
div.bbsUtil { }
div.bbsUtil:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.bbsUtil span.bbsBrief { float:left; border:0 none; padding:0; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsUtil { padding-top:10px; text-align:right; font-size:0; line-height:0; }
    div.bbsUtil a { display:inline-block; min-width:100px; margin-left:5px; padding:0 10px; border:2px solid #313c47; vertical-align:top; font-size:15px; 
        line-height:38px; color:#fff; background-color:#313c47; text-align:center; }
    div.bbsUtil a:first-child { margin-left:0; }
    div.bbsUtil a i { padding-right:5px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.bbsUtil { padding-top:20px; text-align:right; font-size:0; line-height:0; }
    div.bbsUtil:first-child,
    div.bbsSearch + div.bbsUtil { padding-top:0; }
    div.bbsUtil a { display:inline-block; min-width:120px; margin-left:5px; padding:0 15px 3px; vertical-align:top; font-size:17px; color:#fff; 
        background-color:#313c47; text-align:center; }
    div.bbsUtil a:first-child { margin-left:0; }
    div.bbsUtil a i { padding-right:5px; }

    div.bbsUtil span.bbsBrief { padding-top:32px; }
    div.searchArea.job + div.bbsUtil { margin:20px 0; }

    h3.fl + div.bbsUtil.fr { margin-top:6px; }
}



/* ========= 게시글보기  ========= */
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsView { padding:15px; }
    div.bbsView dl.bbsItem { padding:0 0 10px; margin:0; border-top:1px solid #7b7b7b; padding-bottom:10px; border-bottom:1px solid #d2d2d2; }
    div.bbsView dl.bbsItem:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:"."; }

    div.bbsView dl.bbsItem > dt { padding:10px; margin-bottom:5px; text-align:center; background-color:#fbf9f9; color:#222; font-size:1.2em; font-weight:500; }
    div.bbsView dl.bbsItem > dt img { display:inline-block; height:20px; padding:2px 5px 0 0; vertical-align:top; }

    div.bbsView dl.bbsItem > dd { color:#313131; text-align:right; }
    div.bbsView dl.bbsItem > dd span,
    div.bbsView dl.bbsItem > dd a { color:#808080; text-decoration:none; }

    div.bbsCon { padding:10px 0; }
    div.vodArea { margin:20px; height:400px; background-color:#f8f8f8; }

    table.tblBbs { border-top:1px solid #d2d2d2; }
    table.tblBbs:first-child { border-top-color:#3180d5; }
    table.tblBbs > * > tr > th,
    table.tblBbs > * > tr > td { font-size:14px; text-align:left; }
    table.tblBbs > * > tr > th { padding:10px 0; background-color:#f8f8f8; color:#313131; font-weight:400; text-align:center; }
    table.tblBbs > * > tr > .tit { text-align:center; font-weight:400; text-align:center; color:#f96819; background-color:#f8f8f8; }

    div.bbsView + div.bbsUtil { padding:0 15px 15px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.bbsView { }
    div.bbsView dl.bbsItem { padding:0; margin:0 0 10px; border-top:1px solid #7b7b7b; padding-bottom:10px; border-bottom:1px solid #d2d2d2; text-align:right; }
    div.bbsView dl.bbsItem:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:"."; }

    div.bbsView dl.bbsItem > dt { padding:10px; margin-bottom:5px; text-align:center; background-color:#fbf9f9; color:#b34550; font-size:1.2em; font-weight:500; }
    div.bbsView dl.bbsItem > dt img { display:inline-block; padding:3px 5px 0 0; vertical-align:top; }

    div.bbsView dl.bbsItem > dd { display:inline-block; margin:0 0 0 30px; color:#313131; }
    div.bbsView dl.bbsItem > dd.fwBold { display:block; }
    div.bbsView dl.bbsItem > dd:last-child { display:block; text-align:right; }


    div.bbsView dl.bbsItem > dd span,
    div.bbsView dl.bbsItem > dd a { color:#808080; text-decoration:none; }

    div.bbsCon { padding:20px; }
    div.vodArea { margin:20px; height:400px; background-color:#f8f8f8; }

    table.tblBbs { border-top:1px solid #d2d2d2; }
    table.tblBbs:first-child { border-top-color:#3180d5; }
    table.tblBbs > * > tr > th,
    table.tblBbs > * > tr > td { font-size:14px; }
    table.tblBbs > * > tr > th { background-color:#f8f8f8; color:#313131; font-weight:400; }
    table.tblBbs > * > tr > .tit { text-align:center; font-weight:400; text-align:center; color:#f96819; background-color:#f8f8f8; }
    table.tblBbs > * > tr > td { text-align:left; }
}



/* ========= 게시글쓰기 ========= */
div.bbsWrite { }

ul.popSize, ul.popSize li { margin:0; padding:0; list-style:none; }
ul.popSize li { margin-top:5px; }
ul.popSize li:first-child { margin-top:0; }
ul.popSize li input[type=text] { width:80px; margin-right:5px; text-align:center; }
ul.popSize li span { line-height:40px; vertical-align:top; }


table.inputTbl .date > * { float:left; margin-left:5px; }
table.inputTbl .date > *:first-child { margin-left:0; }
table.inputTbl .date label,
table.inputTbl .date span { width:auto; line-height:40px; }
table.inputTbl .date select { width:80px; }
table.inputTbl .date select:first-child { width:120px; }

table.inputTbl .date input[type=text] { width:120px; padding-right:30px; }
table.inputTbl .date input[type=image] { width:16px; margin:12px 0 0 -25px; }

table.inputTbl .period:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
table.inputTbl .period > *,
table.inputTbl .period > .clear > *,
table.inputTbl .period span > * { float:left; margin-left:10px; }
table.inputTbl .period *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child { margin-left:0; }
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] { margin:11px 0 0 20px; }
table.inputTbl .period input[type=text] { width:100px; }
table.inputTbl .period select { width:70px; min-width:70px; }
table.inputTbl .period label,
table.inputTbl .period span { line-height:40px; }
table.inputTbl .period input[type=text]:first-child,
table.inputTbl .period span + input[type=text] { width:200px; }
table.inputTbl .period span + input[type=text] { margin-left:10px; }

table td.editArea { padding:0 !important; text-align:left; }
div.editArea { margin-top:20px; }


/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    table.inputTbl .period { padding-top:0; }
    table.inputTbl .period > * { margin-top:5px; }

    table.inputTbl .date input[type=text] { width:30%; }

    div.bbsWrite input[type=text] { width:100% !important; }
    div.bbsWrite .mOnly { padding-top:10px; }
    div.bbsWrite div.btnArea * { width:auto; min-width:auto; padding:3px 20px 5px; }
    div.bbsWrite div.btnArea a { line-height:40px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    table.inputTbl .date input[type=text] { width:150px; }

    div.bbsWrite table.inputTbl + table.inputTbl { border-top:0 none; }
}



/* ========== 리스트 타입  ==========  */
ul.listBl, ul.listBl > li, .blDot { margin:0; padding:0; list-style:none; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    ul.listBl > li,
    .blDot { position:relative; padding-left:10px; }
    ul.listBl > li:before,
    .blDot:before { position:absolute; left:0; top:8px; width:3px; height:3px; content:""; background-color:#ffc20e; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    ul.listBl > li,
    .blDot { position:relative; padding-left:17px; }
    ul.listBl > li:before,
    .blDot:before { position:absolute; left:0; top:10px; width:4px; height:4px; content:""; background-color:#ffc20e; }
}


ul.col2ea > li { width:50%; }
ul.col3ea > li { width:33.4%; }
ul.col3ea > li:nth-child(3n+1) { width:33.2%; }

ul.col4ea > li { width:25%; }
ul.col5ea > li { width:20%; }
ul.col6ea > li { width:208px; }
ul.col6ea > li:nth-child(6n+1) { width:210px; }

ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1),
ul.col6ea > li:nth-child(6n+1) { clear:both; }

ul.col2ea > li:nth-child(2n+1),
ul.col3ea > li:nth-child(3n+1),
ul.col4ea > li:nth-child(4n+1),
ul.col5ea > li:nth-child(5n+1),
ul.col6ea > li:nth-child(6n+1) { border-left:1px solid #cbcbcb; }

ul.col2ea > li:nth-child(-n+2),
ul.col3ea > li:nth-child(-n+3),
ul.col4ea > li:nth-child(-n+4),
ul.col5ea > li:nth-child(-n+5),
ul.col6ea > li:nth-child(-n+6) { border-top:1px solid #cbcbcb; }


.bgArea { padding:20px 40px; background-color:#f0f4ff; }


ul.listDot, ul.listDot > li,
ul.listNum, ul.listNum > li,
ul.listNum_2, ul.listNum_2 > li,
ul.noBl, ul.noBl > li,
ul.listBar, ul.listBar > li,
ul.listStar, ul.listStar > li { margin:0; padding:0; list-style:none; }
ul.listDot > li,
ul.listBar > li,
ul.listStar > li { position:relative; padding-left:1.2em !important; }
ul.listDot > li:before,
ul.listBar > li:before,
ul.listStar > li:before { position:absolute; left:0; top:0; text-indent:0 !important; }
ul.listDot > li:before { content:"·"; font-weight:bold; color:#1d3e94; }
ul.listBar > li:before { content:"-"; }
ul.listStar > li:before { content:"※"; }


ul.listNum { counter-reset:num 0; }
ul.listNum > li { position:relative; padding-left:18px; }
ul.listNum > li:before { position:absolute; left:0; top:0; counter-increment:num 1; content:'' counter( num ) '. '; }


ul.listNum_2 { counter-reset:num 0; }
ul.listNum_2 > li { position:relative; padding-left:18px; }
ul.listNum_2 > li:before { position:absolute; left:0; top:0; counter-increment:num 1; content:'' counter( num ) ') '; }

/* main */
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .mainWrap div.dDay { display:block; z-index:50; position:absolute; top:70px; right:20px; width:107px; height:107px; padding:20px 14px 30px 16px; 
        background:url('image/dDayBg_main.png') 0 0 no-repeat; box-sizing:border-box; text-align:center; color:#fff; font-size:12px; line-height:14px; 
        font-family:'Montserrat', sans-serif; font-weight:400; background-size:100%; }
    .mainWrap div.dDay span { display:block; font-size:30px; line-height:34px; font-family:'Montserrat', sans-serif; font-weight:800; text-shadow:2px 2px 0 rgba(0,0,0,.2); 
        color:#ffeb10; }

    div.main { position:relative; }
    div.mainCon h2 { margin:0; margin-bottom:20px; }
    div.mainCon h2 img { display:block; width:100%; }

    dl.dateInfo { padding:5px; margin:0 20px; border-radius:10px 10px 0 0; background-color:#b70e5f; text-align:center; }
    dl.dateInfo dt { padding: 10px 0 15px; font-size:16px; color:#fff; font-weight:700; 
        background:url('image/main/ico_date.png') calc(50% - 90px) 11px no-repeat; }
    dl.dateInfo dd { position:relative; padding:15px 15px 0; font-size:15px; font-weight:400; background-color:#fff; 
        color:#333; }
    dl.dateInfo dd:before { display:inline-block; vertical-align:middle; margin-right:10px; width:3px; height:3px; background-color:#333; content:''; }
    dl.dateInfo dd:last-child { padding:15px; }
    dl.dateInfo span { font-size:16px; font-family:'Montserrat', sans-serif; font-weight:400; }

    ul.mainQuick, ul.mainQuick li { margin:0; padding:0; list-style:none; }
    ul.mainQuick { margin-top:20px; margin-bottom:25px; }
    ul.mainQuick li { width:92%; margin:0 auto 15px; font-size:15px; font-weight:500; border:0 none !important; }
    ul.mainQuick li a { position:relative; display:block; padding:25px 30px 25px 100px; border-radius:15px 0 15px 0; border:1px solid #e5e5e5; background-color:#fff; 
        box-shadow:0 3px 8px rgba(0, 0, 0, .22); box-sizing:border-box; }
    ul.mainQuick li a:after { position:absolute; top:50%; right:25px; display:block; width:10px; height:17px; margin-top:-8px; content:''; 
        background:url('image/main/ico_arrow.png') 0 0 no-repeat; background-size:contain; }
    ul.mainQuick li img { position:absolute; top:50%; left:25px; margin-top:-25px; width:60px; }

    div.sponsorWrap { width:100%; padding:12px 0; border-top:1px solid #e5e5e5; background-color:#ececec; box-sizing:border-box; }
    div.sponsorWrap ul, div.sponsorWrap li { margin:0; padding:0; list-style:none; }
    div.sponsorWrap ul { width:100%; height:auto; margin:0 auto; padding-left:35px; box-sizing:border-box; }
    div.sponsorWrap ul:after { display:block; clear:both; font-size:0; line-height:0; content:''; }
    div.sponsorWrap ul li { float:left; width:100px; margin-right:5px; border:1px solid #dddddd; }
    div.sponsorWrap ul li:last-child { margin-right:0; }

    div.sponsorWrap div.bx-controls { position:relative; }
    div.sponsorWrap div.bx-controls a { position:absolute; top:50%; display:block; width:7px; height:13px; margin-top:-20px; text-indent:-9999px; 
        background:url('image/main/btn_prev_m.png') 0 0 no-repeat; background-size:7px; }
    div.sponsorWrap div.bx-controls a.bx-prev { left:-20px; }
    div.sponsorWrap div.bx-controls a.bx-next { right:-20px; background-image:url('image/main/btn_next_m.png'); }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    .mainWrap div#headerWrap { padding-bottom:0; background:none; }
    .mainWrap div.dDay { z-index:50; position:absolute; top:224px; left:50%; margin-left:420px; }

    .mainWrap div#container { padding:0; }
    div.main { padding-top:50px; background:url('image/main/mainBg.png') center top no-repeat; background-size:100% 100%; }

    div.mainCon { width:1200px; margin:0 auto; padding-bottom:65px; }
    div.mainCon h2 { height:340px; margin-bottom: 50px;font-size:0; line-height:0; background:url('image/main/mainBnr.png') 0 0 no-repeat; }
    div.mainCon h2 img { display:none; }

    dl.dateInfo { padding:20px 33px; background-color:#b70e5f; font-size:0; line-height:0; }
    dl.dateInfo > * { display:inline-block; vertical-align:top; line-height:25px; color:#fff; }
    dl.dateInfo dt { margin-right:40px; padding-left:40px; font-size:22px; font-weight:700; background:url('image/main/ico_date.png') 0 center no-repeat; }
    dl.dateInfo dd { position:relative; margin:0 75px; padding-left:13px; font-size:20px; font-weight:400; }
    dl.dateInfo dd:before { position:absolute; top:50%; left:0; display:block; width:4px; height:4px; background-color:#fff; content:''; }
    dl.dateInfo span { display:inline-block; vertical-align:top; padding-left:10px; font-size:22px; font-family:'Montserrat', sans-serif; font-weight:400; }

    ul.mainQuick, ul.mainQuick li { margin:0; padding:0; list-style:none; }
    ul.mainQuick { width:1200px; background-color:#fff; padding:12px; box-sizing:border-box; box-shadow:5px 5px 10px rgba(0, 0, 0, .12); }
    ul.mainQuick:after { display:block; clear:both; content:''; font-size:0; line-height:0; }
    ul.mainQuick li { float:left; text-align:center; font-size:22px; font-weight:500; border:0 none !important; }

    ul.mainQuick li a { display:block; position:relative; height:200px; background-color:#fff; box-sizing:border-box; transition: 0.3s ease;}
    ul.mainQuick li a:hover { background-color:#fbf0f3; }
    ul.mainQuick li img { display:block; padding:30px 0 20px; margin:0 auto; }

    div.sponsorWrap { width:100%; padding:12px 0; background-color:#ececec; box-sizing:border-box; }
    div.sponsorWrap ul, div.sponsorWrap li { margin:0; padding:0; list-style:none; }
    div.sponsorWrap ul { width:1200px; height:55px; margin:0 auto; padding-left:35px; box-sizing:border-box; }
    div.sponsorWrap ul:after { display:block; clear:both; font-size:0; line-height:0; content:''; }
    div.sponsorWrap ul li { float:left; margin-right:7px; }
    div.sponsorWrap ul li:last-child { margin-right:0; }

    div.sponsorWrap div.bx-wrapper { position:relative; padding-left:35px; }
    div.sponsorWrap div.bx-controls { position:absolute; top:0; left:0; }
    div.sponsorWrap div.bx-controls a { display:block; width:27px; height:27px; padding:1px; text-indent:-9999px; background:url('image/main/btn_prev.png') 0 0 no-repeat; }
    div.sponsorWrap div.bx-controls a.bx-next { background-image:url('image/main/btn_next.png'); }
}



/* sub 시작 */
/* 초대의 글 */
/* 인사말 서명 서체 변경 - 25.04.30 mj.park */
div.message p.sign{
    font-family: 'Malgun Gothic', '맑은고딕', 'NotoSansKR Regular', sans-serif;
    font-weight: 700;
}
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.message { padding:15px; }
    div.message > div { /* padding:290px 0  0 0; background:url('image/sub/message_img.png') center top no-repeat; */ }
    div.message p.dear { font-size:21px; line-height:30px; letter-spacing:-2px; font-weight:normal; font-family:'S-CoreDream-3Light', sans-serif; color:#1c1b1a; }
    div.message p.dear strong { font-weight:normal; font-family:'S-CoreDream-5Medium', sans-serif; color:#ba1f6a; }
    div.message p { margin-bottom:15px; line-height:22px; text-align:justify; font-size:14px; font-weight:300; color:#333; }
    div.message p.sign { text-align:right; }
    div.message p.sign span { display:block; margin-bottom:5px; }
    div.message p img { display:inline-block; margin-left:5px; vertical-align:middle; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.message > div { /* padding:40px 0  45px 280px; background:url('image/sub/message_img.png') 0 0 no-repeat; */ }
    div.message p.dear { font-size:25px; line-height:35px; letter-spacing:-2px; font-weight:normal; font-family:'S-CoreDream-3Light', sans-serif; color:#1c1b1a; }
    div.message p.dear strong { font-weight:normal; font-family:'S-CoreDream-5Medium', sans-serif; color:#ba1f6a; }
    div.message p { margin-bottom:30px; line-height:30px; text-align:justify; font-size:17px; font-weight:300; color:#333; }
    div.message p.sign { text-align:right; }
    div.message p.sign span { display:block; margin-bottom:5px; }
    div.message p img { display:inline-block; margin-left:5px; vertical-align:top; }
}



/* 프로그램 */
div.program { font-family: "Malgun Gothic", sans-serif; }
div.program table.tblDef { border-top:2px solid #e765ab; }
div.program table.tblDef td.break { background-color:#fffbec; font-weight:bold; }
div.program table.tblDef th { font-weight:bold; background-color:#eb7b8b; color:#fff; }
div.program table.tblDef > * > tr > * { border-left:none; }
div.program table.tblDef tbody td { text-align:left; color:#000; }
div.program table.tblDef tbody td:nth-child(3n) { text-align:right; }
div.program table.tblDef td.time { font-weight:bold; background-color:#fafafa; color:#333; }
div.program table.tblDef td.session { border-top:0; font-weight:bold; background-color:#d55365; color:#fff; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.program { padding:15px; }
    div.program table.tblDef th { padding: 10px; font-size:16px; }
    div.program table.tblDef tbody td { padding:10px; font-size:14px; }
    div.program table.tblDef td.time { font-size:14px; text-align: center; }
    div.program table.tblDef td.session { font-size:14px; }
    div.program table.tblDef td.session:nth-child(1),
    div.program table.tblDef td.break:nth-child(1) { text-align: center; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.program table.tblDef th { padding: 12px 15px; font-size:20px; }
    div.program table.tblDef tbody td { padding: 12px 15px; font-size:17px; }
    div.program table.tblDef td.time { text-align:center; padding:10px; font-size:17px; }
    div.program table.tblDef td.session { font-size:18px; }
    div.program table.tblDef td.session:nth-child(1),
    div.program table.tblDef td.break:nth-child(1) { padding-left:60px; }
}



/* 사전등록 > 사전등록 안내 */
div.registInfo { }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.registInfo { padding:15px; }
    div.registInfo p.info { padding:50px 0 50px 80px; border:1px solid #e5e5e5; font-size:16px; font-weight:400; color:#252526; 
        background:url('image/sub/registInfo_bg.png') 10px center no-repeat; background-size:60px; box-sizing:border-box; }
    div.registInfo p.info strong { font-size:16px; font-weight:500; color:#d2519e; }

    div.registInfo table.tblDef { margin-top:15px; }
    div.registInfo table.tblDef + p { margin-top:15px; padding-left:0; font-size:14px; font-weight:300; color:#333; }
    div.registInfo table.tblDef th { font-size:14px; font-weight:500; color:#333; }
    div.registInfo table.tblDef td { font-size:14px; font-weight:300; color:#333; }

    div.registInfo p { padding-left:15px; line-height:25px; font-size:15px; font-weight:500; color:#333; }

    div.registInfo ul.listNum_2 { padding-left:15px; }
    div.registInfo ul.listNum_2 > li { margin-bottom:15px; line-height:25px; letter-spacing:-1px; text-align:justify; font-size:15px; 
        font-weight:300; color:#333; }
    div.registInfo ul.listNum_2 li a { font-weight:300; color:#333; }
    div.registInfo ul.listNum_2 li p { padding-left:0; font-weight:300; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
   /*  div.registInfo p.info { margin-top:60px; padding:100px 0 100px 470px; border:1px solid #e5e5e5; font-size:30px; font-weight:400; 
        color:#252526; background:url('image/sub/registInfo_bg.png') 290px center no-repeat; box-sizing:border-box; } */
		 div.registInfo p.info { margin-top:60px; padding:100px 0 100px 380px; border:1px solid #e5e5e5; font-size:30px; font-weight:400; 
        color:#252526; background:url('image/sub/registInfo_bg.png') 200px center no-repeat; box-sizing:border-box; }
    div.registInfo p.info strong { font-size:30px; font-weight:500; color:#ba1f6a; }

    div.registInfo p.info2{margin-top: 60px; padding: 100px 0 100px 300px; border: 1px solid #e5e5e5; font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Regular', sans-serif; color: #252526; background: url('image/sub/registInfo_bg.png') 128px center no-repeat; box-sizing:border-box;}

    div.registInfo p.info2 strong{font-size: 30px; font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #ba1f6a;}

    div.registInfo table.tblDef { margin-top:35px; width:800px; }
    div.registInfo table.tblDef th { font-size:17px; font-weight:500; color:#333; }
    div.registInfo table.tblDef td { font-size:17px; font-weight:300; color:#333; }
    div.registInfo table.tblDef + p { margin-top:15px; padding-left:0; font-size:15px; font-weight:300; color:#333; }

    div.registInfo p { padding-left:33px; line-height:30px; font-size:17px; font-weight:500; color:#333; }

    div.registInfo ul.listNum_2 { padding-left:33px; }
    div.registInfo ul.listNum_2 > li { line-height:30px; letter-spacing:-1px; font-size:17px; font-weight:300; color:#333; }
    div.registInfo ul.listNum_2 li a { font-weight:300; color:#333; }
    div.registInfo ul.listNum_2 li p { padding-left:0; font-weight:300; }
}



/* 사전등록 > 사전등록 바로가기 */
div.apply { }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.apply { padding:15px; }
    div.apply div.agreeCon { margin-top:10px; padding:15px; border:2px solid #eee}
    div.apply div.agree { text-align:center; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.apply { margin-top:60px; }
    div.apply table.inputTbl th { padding-left:40px; text-align:left; }
    div.apply table.inputTbl th label { font-size:17px; font-weight:500; color:#333; 	}
    div.apply table.inputTbl td { padding-left:30px; font-size:17px; font-weight:300; color:#333; }
    div.apply table.inputTbl td label { font-size:17px; font-weight:300; color:#333; }

    div.apply .address input[type=text]:first-child { width:120px; margin-left:5px !important; }
    div.apply .address a { width:90px; padding:10px 13px 10px; font-size:13px; background-color:#556fb5; }

    div.apply .mail a { width:70px; text-align:center; color:#fff; padding:10px 13px 10px; font-size:12px; background-color:#e5771e; }

    div.apply div.agreeCon { margin-top:10px; padding:20px 40px; border:2px solid #eee}
    div.apply div.agreeCon li { margin-bottom:5px; font-size:17px; font-weight:300; color:#333; }
    div.apply div.agree { width:1200px; margin:0 auto; text-align:center; font-size:17px; font-weight:300; color:#333; }
}



/* 사전등록 완료 */
div.applyComp { }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.applyComp { border:2px solid #e5e5e5; padding:20px; margin:15px; text-align:center; color:#2b2b2b; font-size:14px; line-height:25px; font-weight:300; 
        word-break:keep-all; }
    div.applyComp div.msg { padding-bottom:15px; color:#252526; font-size:18px; line-height:30px; font-weight:400; }
    div.applyComp div.msg img { display:block; margin:0 auto 10px; }
    div.applyComp div.msg strong { color:#6b1e19; }
    div.applyComp div.btn { margin-top:30px; }
    div.applyComp div.btn a { margin-left:10px; }
    div.applyComp div.btn a:first-child { margin-left:0; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.applyComp { width:996px; border:2px solid #e5e5e5; padding:70px 0; margin:50px  auto; text-align:center; color:#2b2b2b; font-size:17px; line-height:30px; 
        font-weight:300; }
    div.applyComp div.msg { padding-bottom:25px; color:#252526; font-size:30px; line-height:45px; font-weight:400; }
    div.applyComp div.msg img { display:block; margin:0 auto 20px; }
    div.applyComp div.msg strong { color:#6b1e19; }
    div.applyComp div.btn { margin-top:50px; }
    div.applyComp div.btn a { margin-left:10px; }
    div.applyComp div.btn a:first-child { margin-left:0; }
}



/* 사전등록 조회 */
div.registSearch { }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.registSearch { border:2px solid #e5e5e5; padding:20px; margin:15px; }
    div.registSearch > p { padding-bottom:30px; color:#252526; font-size:18px; line-height:30px; font-weight:400; text-align:center; word-break:keep-all; }
    div.registSearch > p img { display:block; margin:0 auto 20px; }

    div.registSearch div.formArea { padding:0 20px; }

    div.registSearch div.btn { }
    div.registSearch div.btn a { margin-left:10px; }
    div.registSearch div.btn a:first-child { margin-left:0; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.registSearch { width:996px; border:2px solid #e5e5e5; padding:70px 0; margin:50px  auto; }
    div.registSearch > p { padding-bottom:50px; color:#252526; font-size:26px; line-height:45px; font-weight:400; text-align:center; }
    div.registSearch > p img { display:block; margin:0 auto 40px; }

    div.registSearch div.formArea { width:650px; margin:0 auto; }
    div.registSearch input[type=text] { width:100%; }
    div.registSearch div.btn { margin-top:50px; }
    div.registSearch div.btn a { margin-left:10px; }
    div.registSearch div.btn a:first-child { margin-left:0; }
}



/* [팝업]영수증 */
div#receipt { }
div#receipt { position:relative; width:750px; padding:15px; margin:0 auto; }
div#receipt p.popBg { z-index:0; position:absolute; top:15px; left:15px; }

div#receipt div.popCon { z-index:50; position:relative; width:750px; padding:110px 140px; text-align:center; box-sizing:border-box; }

div#receipt div.popCon h1 { font-size:60px; font-weight:700; color:#303030; }

div#receipt ul.info, div#receipt ul.info li { margin:0; padding:0; list-style:none; }
div#receipt ul.info { margin-top:85px; text-align:left; font-size:0; line-height:0; }
div#receipt ul.info li { margin-bottom:30px; font-size:25px; line-height:30px; font-weight:300; color:#444; }
div#receipt ul.info li span { display:inline-block; margin-right:20px; vertical-align:top; font-weight:700; color:#333; }

div#receipt p.con { margin-top:120px; font-size:20px; font-weight:300; color:#303030; }

div#receipt span.date { display:block; margin-top:25px; }

div#receipt p.seal { position:relative; margin-top:110px; letter-spacing:2px; font-size:30px; font-weight:500; color:#303030; }
div#receipt p.seal img { z-index:-1; position:absolute; top:-37px; right:70px; display:block; }

div#receipt div.user { position:absolute; top:calc(50% - 200px); left:-25px; }
div#receipt div.admin { position:absolute; top:calc(50% - 200px); right:-25px; }



/* 행사장 */
div.map, div.map dl, div.map dt, div.map dd, div.map ul, div.map li { margin:0; padding:0; list-style:none; }
div.map::after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.map div.mapArea { max-width:740px; margin: 0 auto; }
div.mapArea ul { padding:10px; background-color:#f3e5e5;border-radius: 10px;}
div.mapArea li strong { font-weight:500; }
div.mapArea ul.listDot > li:before { color: #e98c3b; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.map { padding:15px; }
    div.map img { margin-bottom:10px; }

    div.mapArea ul { font-size:13px; }

    div.map > dl dt { padding:20px 0 0; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.map { color:#333; font-size:17px; line-height:25px; font-weight:300; }
    div.map img { margin-bottom:20px; }

    div.mapArea ul { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:30px; }

    div.map > dl { width:490px; letter-spacing:-1px; }
    div.map > dl dt { padding:30px 0 10px; }
    div.map > dl dt:first-child { padding-top:0; }
    div.map > dl li { padding-top:5px; }
    div.map > dl li:first-child { padding-top:0; }
}


/* 초록접수 안내 */
div.absInfo {}
div.absInfo p.info {border: 1px solid #e5e5e5;background-image: url('image/sub/registInfo_bg.png');background-repeat: no-repeat;font-weight: normal;font-family: 'NotoSansKR Regular', sans-serif; color: #252526;box-sizing:border-box;}
div.absInfo p.info strong {font-weight: normal; font-family: 'NotoSansKR Medium', sans-serif; color: #6ba626;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.absInfo {padding: 15px;}
div.absInfo p.info {padding: 50px 0 50px 80px;font-size: 15px; background-position: 10px center; background-size: 60px;}
div.absInfo p.info strong{font-size: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.absInfo {}
div.absInfo p.info {margin-top: 60px; padding: 100px 0 100px 470px; font-size: 30px;background-position: 290px center;}
div.absInfo p.info strong{font-size: 30px;}
}

/* 초록접수 */
div.abstract {}

div.absComp {}

/* 초록접수 내역 확인 */
div.absSearch {}

/* 결과 화면 */
div.absResult {}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.abstract {display: none;}

div.absComp {display: none;}

div.absSearch {margin: 15px;padding: 20px;border: 1px solid #e5e5e5;}
div.absSearch p {margin-bottom: 20px;color: #252526;text-align: center;font-size: 17px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}
div.absSearch p img {display: block;margin: 0 auto 20px;}

/* 결과 화면 */
div.absResult {padding: 0 15px 15px;}
div.absResult .btn.btnArea {display: none;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div.abstract {margin-top: 60px;}
div.abstract table.inputTbl {}
div.abstract table.inputTbl > * > tr > th {padding-left: 40px;text-align: left;}
div.abstract table.inputTbl > * > tr > th label {font-size: 17px;}
div.abstract table.inputTbl > * > tr > td {padding: 10px 30px;color: #414141;font-size: 16px;}
div.abstract table.inputTbl .note {color: #414141;font-size: 15px;}
div.abstract table.inputTbl .note span {font-size: 15px; line-height: 1.5;}

div.abstract table.code {width: 410px;margin: 15px 0;padding: 0;border:0;border-spacing: 0;border-collapse: collapse;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
div.abstract table.code > * > tr > * {padding: 5px;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;text-align: center;color: #414141;font-size: 15px;line-height: 30px;}
div.abstract table.code > * > tr > th {background-color: #33426c;color: #fff;}
div.abstract table.code a {display: block;width: 100%;height: 100%;}

div.abstract .note {color: #2b2b2b;font-size: 17px;}
div.abstract .note span {font-size: 17px; line-height: 1.5;}

div.abstract div.util {padding: 20px 45px;background-color: #fae5f2;color: #2f3648;font-size: 15px;}
div.abstract div.util input {max-width: 56px;text-align: right;}

div.abstract table.inputTbl .pluginArea {padding: 0 !important;}

div.abstract .address input[type=text]:first-child {width: 120px;}
div.abstract .address input[type=text] {width: 400px;}

/* 초록접수 완료 */
div.absComp {width: 1000px;margin: 60px auto 0;padding: 0 0 70px 0;border: 2px solid #e5e5e5;}
div.absComp .absNum {margin: 0;padding: 20px;background-color: #324c79;text-align: center;color: #fff;font-size: 25px;line-height: 40px;font-family: 'NotoSansKR Bold', sans-serif;letter-spacing: -1px;}
div.absComp .absNum span {color: #ffe035;}
div.absComp div.msg {padding: 70px 0 30px;font-size: 0;line-height: 0;text-align: center;}
div.absComp div.msg > * {display: inline-block;vertical-align: top;}
div.absComp div.msg span {margin: 30px 0 0 30px;text-align: left;font-size: 30px;line-height: 45px;color: #252526;font-family: 'NotoSansKR Regular', sans-serif;letter-spacing: -1px;}
div.absComp div.msg span strong {color: #295bb3;font-weight: normal;font-family: 'NotoSansKR Bold', sans-serif;}
div.absComp .note {text-align: center;color: #2b2b2b;font-size: 17px;}
div.absComp .btn.btnArea {margin-top: 50px;}

/* 초록접수 내역 확인 */
div.absSearch {width: 1000px;margin: 60px auto 0;padding: 80px 0px;border: 2px solid #e5e5e5;box-sizing:border-box;}
div.absSearch p {margin-bottom: 30px;text-align: center;color: #252526;font-size: 30px;line-height: 40px;font-family: 'NotoSansKR Regular', sans-serif;}
div.absSearch p img {display: block;margin: 0 auto 35px;}

div.absSearch div.formArea {width: 650px;margin: 0 auto;}
div.absSearch input[type=text] {width: 100%;}
div.absSearch div.btn {margin-top: 50px;}
div.absSearch div.btn a {margin-left: 10px;}
div.absSearch div.btn a:first-child {margin-left: 0;}

/* 결과 화면 */
div.absResult {}
div.absResult {margin-top: 60px;}
div.absResult table.inputTbl {}
div.absResult table.inputTbl > * > tr > th {padding-left: 40px;text-align: left;}
div.absResult table.inputTbl > * > tr > th span {font-size: 17px;}
div.absResult table.inputTbl > * > tr > td {padding: 10px 30px;color: #414141;font-size: 16px;}

div.absResult .btn.btnArea {margin-top: 45px;}
}