@charset "utf-8"; 

@import url('rw.css'); 

/* 사이트 공통 CSS */
/* default font-family */
@font-face { 
	font-family:'GmarketSans'; 
	font-weight:500; 
	font-style:normal; 
	src:url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot'); 
	src:url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype"); 
	font-display:swap; 
}
/* 페이퍼로지 */
@font-face {
	font-family: 'Paperlogy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Paperlogy';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

.font-paper,
.font-paper * {
	font-family: 'Paperlogy';
	letter-spacing: -0.05em;
}
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button { word-break:normal; font-family:'Pretendard', sans-serif; font-weight:400; }

html, body { width:100%; margin:0; padding:0; }

dl#skipNavi, dl#skipNavi dt, dl#skipNavi dd, dl#skipNavi a { margin:0; padding:0; text-decoration:none; }
dl#skipNavi { visibility:hidden; height:0; line-height:0; font-size:0; text-indent:-10000px; }


.fcPoint { color:#1359a9 !important; }
.fcRed { color:#d52121 !important; }
.fcNavy { color:#2b59a7 !important; }
.fcBlue { color:#0000ff !important; }
.fcPurple { color:#1359a9 !important; }

img { display:inline-block; vertical-align:top; }
a.conLink { display:inline-block; vertical-align:top; color:#3366db; border-bottom:1px solid #3366db; }


/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .pcOnly { display:none !important; }
    .mOnly { display:block !important; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    .pcOnly { display:block !important; }
    .mOnly { display:none !important; }

    colgroup.pcOnly { display:table-column-group !important; }
    th.pcOnly,
    td.pcOnly { display:table-cell !important; }
}


.btn a,
.btn input,
.btn button { display:inline-block; text-decoration:none; cursor:pointer; height:33px; padding:1px 10px 0; border-radius:1px; font-size:14px; line-height:20px; border-width:1px; border-style:solid; vertical-align:top; text-align:center; }

.btn a { height:auto; line-height:19px; border-radius:5px; }
.btn a:before { display:inline-block; padding-right:10px; }
.btn i { padding:2px 10px 0 0; vertical-align:top; }
.btn .btnIcon i { padding-right:0; }

/* 남색 */				
.btnDef { background-color:#5b6477 !important; border-color:#5b6477 !important; color:#fff !important; }
/* 핑크색 */			
.btnPoint { background-color:#64ad58 !important; border-color:#64ad58 !important; color:#fff !important; }
/* 회색 */				
.btnGrey { background-color:#535353 !important; border-color:#535353 !important; color:#fff !important; }
/* 진파랑색 */		
.btnBlue { background-color:#4e6ec0 !important; border-color:#4e6ec0 !important; color:#fff !important; }
/* 남색 */		
.btnNavy { background-color:#1359a9 !important; border-color:#1359a9 !important; color:#fff !important; }
/* 그린 */		
.btnGreen { background-color:#147e7e !important; border-color:#147e7e !important; color:#fff !important; }
.btnPred { background-color:#147e7e !important; border-color:#147e7e !important; color:#fff !important; }
.btnDpink { background-color:#147e7e !important; border-color:#147e7e !important; color:#fff !important; }

/* border+ 회색 */				
.btnBdDef { background-color:#fff !important; border-color:#5b6577 !important; color:#5b6577 !important; }
/* border+ 핑크색 */			
.btnBdPoint { background-color:#fff !important; border-color:#1359a9 !important; color:#1359a9 !important; }
/* border+ 회색 */				
.btnBdGrey { background-color:#fff; border-color:#535353; color:#535353; }
/* border+ 진파랑색 */			
.btnBdBlue2 { background-color:#fff !important; border-color:#2f4b85 !important; color:#2f4b85 !important; }

span.btn { display:inline-block; vertical-align:top; }

.btn .btnSmall,
.btn.btnSmall { font-size:12px; height:26px; padding:0 16px; vertical-align:top; }
.btn a.btnSmall,
a.btn.btnSmall { height:auto; padding:5px 16px; line-height:14px; }
.btn .btnBig { box-sizing:border-box; font-weight:500; border-radius:5px; }
.btn { border-radius:5px; }

table.inputTbl .btnSmall { height:32px; font-size:12px; }
table.inputTbl span.btn { line-height:32px; }
table.inputTbl a.btnSmall { height:32px; padding:0 13px; line-height:30px; }

.btnIcon { position:relative; text-align:center; }
.btnIcon i { font-size:20px; line-height:20px; }
.btnIcon .opacity0 { position:absolute; left:0; top:0; width:100%; height:100%; border:0 none; padding:0; }

.btn a img { position:relative; vertical-align:top; }

div.btnArea { margin-top:0; padding:50px 0 0; text-align:center; }
.btnArea * { margin-left:12px; }
.btnArea *:first-child { margin-left:0; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .btn a,
    a.btn { padding:4px 10px; }
    .btn .btnBig,
    .btn.btnBig { min-width:calc(50% - 5px); padding:1px 5px 0; font-size:14px; height:40px; line-height:37px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    .btn a,
    a.btn { padding:7px 10px 8px; }
    .btn .btnBig,
    .btn.btnBig { min-width:170px; padding:2px 20px 0; font-size:16px; height:50px; line-height:47px; }
}


.subTit { background:url('../image/common/subTit_bl_202401_v2.png') left center no-repeat; color:#0d1c5d; font-weight:700; font-weight:600; text-align:left; }
.subTit.withBtn { line-height:36px; }
.pointTit { margin:50px 0 15px; padding:0; color:#0f2f6e; font-weight:500;  font-size:22px; }
.boldTit { margin:30px 0 5px; padding:0; color:#2b59a7; font-weight:500;  }
.boldTit2 { padding:0; color:#000; font-weight:600;  }

.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child,
.subTit_bl + *,
.pointTit + *,
legend + * { margin-top:0 !important; }


.subTit.border { position:relative; margin-top:100px; }
.subTit.border:before { position:absolute; left:0; top:-51px; width:100%; height:0; content:""; border-top:2px dashed #a8481a; }

ul.subMenu, ul.subMenu li, ul.subMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.subMenu { font-size:0; line-height:0; text-align:center; margin-bottom:30px; border:1px solid #bbc9cd; border-radius:35px; }
ul.subMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.subMenu > li { display:inline-block; vertical-align:top; text-align:center; width:33.3%; }
ul.subMenu.n2 > li { width: 50%;}
ul.subMenu li a { display:table-cell; width:1100px; height:70px; border-left:0 none; color:#000; font-size:20px; line-height:34px; font-weight:400; box-sizing:border-box; }
ul.subMenu li.on a { background-color:#077778; border-color:#077778; color:#fff; border-radius:35px; font-weight:500; }

.subTit + ul.subMenu { margin-top:50px; }

ul.subMenu.col2ea > li { width:50%; }

ul.conMenu { font-size:0; text-align:right; }
ul.conMenu li { list-style:none; display:inline-block; margin-left:10px; }
ul.conMenu li:first-child { margin-left:0; }
ul.conMenu li a { display:block; text-decoration:none; border:1px solid #c960a2; color:#c960a2; background-color:#f4e6f1; font-weight:500; text-align:center; border-radius:25px; }
ul.conMenu li.on a { color:#fff; background-color:#c960a2; }

/* conMenu color variation - 25.02.04 mj.park */
ul.conMenu li a {background-color: #f8eee3;border-color: #e4902b;color: #d3492f;}
ul.conMenu li.on a {background-color: #e4902b;}


ul.tabMenu, ul.tabMenu li, ul.tabMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.tabMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.tabMenu > li { float:left; width:50%; }
ul.tabMenu li a { display:block; padding:15px; border:1px solid #a3b1c7; border-left:0 none; color:#1959a8; font-size:17px; line-height:24px; font-weight:500; 
    text-decoration:none; text-align:center; box-sizing:border-box; }
ul.tabMenu li:first-child a { border-left:1px solid #a3b1c7; }
ul.tabMenu li.on a { background-color:#0f2f72; border-color:#0f2f72; color:#fff; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	.subTit { padding:20px 0 10px; padding:0 0 0 20px; background-size:auto 10px; font-size:16px; }
	.boldTit2 { margin:20px 0 10px; font-size:15px; }

	ul.conMenu { text-align:center; }
	ul.conMenu li { width:	calc(33.3% - 7px); margin-top:10px; }
	ul.conMenu li:nth-child(-n + 3) { margin-top:0; }
	ul.conMenu li:nth-child(3n + 1) { margin-left:0; }
	ul.conMenu li a { height:35px; border-radius:17px; font-size:14px; line-height:35px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	.subTit { margin:30px 0 10px; padding:0 0 0 30px; font-size:18px; line-height:25px; }
	.boldTit2 { margin:40px 0 20px; font-size:20px; }

	ul.col2ea > li:nth-child(2n+1) { clear:both; }

	ul.col3ea > li { width:33.3%; }
	ul.col3ea > li a { border-top:0 none; }
	ul.col3ea > li:nth-child(-n+3) a { border-top:1px solid #ccc; }
	ul.col3ea > li:nth-child(3n+1) { clear:both; width:33.4%}
	ul.col3ea > li:nth-child(3n+1) a { border-left:1px solid #ccc; }

	ul.col4ea > li { width:25%; }
	ul.col4ea > li a { border-top:0 none; }
	ul.col4ea > li:nth-child(-n+4) a { border-top:1px solid #ccc; }
	ul.col4ea > li:nth-child(4n+1) { clear:both; }
	ul.col4ea > li:nth-child(4n+1) a { border-left:1px solid #ccc; }

	ul.col5ea > li { width:20%; }
	ul.col5ea > li a { border-top:0 none; }
	ul.col5ea > li:nth-child(-n+5) a { border-top:1px solid #ccc; }
	ul.col5ea > li:nth-child(5n+1) { clear:both; }
	ul.col5ea > li:nth-child(5n+1) a { border-left:1px solid #ccc; }

	ul.conMenu li a { width:145px; height:50px; border-radius:25px; font-size:15px; line-height:50px; }

	ul.subMenu { margin-bottom:50px; }
}

/* ==  반응형 메뉴(토글형식) == */
dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd { position:relative; margin:0; padding:0; }

@media screen and (max-width:960px) { 
    dl.rwMenu { z-index:5; position:relative; padding:0 !important; }
    div.contents > dl.rwMenu { margin:0 15px !important; }

    dl.rwMenu > dd { display:none; }

    dl.rwMenu > dt > a { position:relative; display:block; height:35px; padding:5px 15px; border:1px solid #ccc; line-height:25px; font-weight:500; background-color:#fff; 
        color:#333; text-decoration:none; }
    dl.rwMenu > dt > a:after { background-image:url('../image/common/trigger_m.png'); background-size:9px; }
    dl.rwMenu > dd { z-index:10; position:absolute; left:0; top:34px; width:100%; padding:0 15px 15px; border:1px solid #dedede; border-top:0 none; background-color:#fff; 
        box-sizing:border-box; }

    dl.rwMenu ul { overflow-x:hidden; overflow-y:auto; padding-top:10px; border-top:1px solid #dedede; }

    dl.rwMenu ul, dl.rwMenu li, dl.rwMenu dd a { margin:0; padding:0; list-style:none; text-decoration:none; }
    dl.rwMenu dd a { padding:5px 0; }

    dl.rwMenu li { width:100% !important; }
    dl.rwMenu ul.conMenu li,
    dl.rwMenu ul.subMenu li { display:block !important; width:100% !important; height:auto !important; margin-top:5px; padding:5px 0 !important; border:0 none !important; 
        background:transparent !important; }

    dl.rwMenu ul.subMenu li a { color:#707070; font-weight:400; font-size:16px; line-height:25px; }

    dl.rwMenu li a { display:block !important; height:auto !important; padding:0 !important; text-align:left; border:0 none !important; }
    dl.rwMenu li.on a { background:none; border:0 none; color:#444; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    dl.rwMenu { width:1200px; }
    dl.rwMenu > dt { display:none; }
    dl.rwMenu > dd { display:block; }

    div.col2ea { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; }
    div.col3ea { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }
}


div.tabCon { padding:50px 0; }
div.contents > p { margin:20px 0 0; }
div.contents > p:first-child { margin-top:0; }

ul.listNum, ul.listNum > li,
ul.listBar, ul.listBar > li,
ul.listDot, ul.listDot > li, .blDot,
ul.listStar, ul.listStar > li, .blStar,ul.noBl,ul.noBl li { margin:0; padding:0; list-style:none; }
ul.listBar > li,
ul.listDot > li, .blDot,
ul.listStar  > li, .blStar { position:relative; padding-left:1em; text-indent:0 !important; }
ul.listBar > li:before,
ul.listDot > li:before, .blDot:before,
ul.listStar  > li:before, .blStar :before { position:absolute; left:0; top:0; }
ul.listBar > li:before { content:"-"; }
ul.listDot > li:before, .blDot:before { content:"·"; font-size:2em; }
ul.listStar  > li:before, .blStar :before { padding-top:2px; content:"*"; }

ul.listNum > li { margin-left:20px; list-style:decimal; }

ul.listNum_2 { counter-reset:num 0; list-style:none; }
ul.listNum_2 > li { position:relative; padding-left:30px; }
ul.listNum_2 > li:before { position:absolute; width:25px; text-align:right; left:0; top:0; counter-increment:num 1; content:'' counter( num ) ') '; }

.lh20 { line-height:20px !important; }

.bgArea { background-color:#f9edf0; }
.bgArea th { background:#f2f2f2 !important; }
.bgArea td { background-color:#fff; }

.bdArea { padding:20px 40px; border:2px solid #aaa; background-color:#f8f8f8; }

div.ing img { display:block; margin:0 auto; }

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */


ul.bbsNote { padding:23px 30px 25px; border:1px solid #ddd; font-size:13px; line-height:25px; word-spacing:-1px; }

p.bbsBrief { overflow:hidden; padding:10px 0; }

div.searchArea { width:100%; font-size:0; line-height:0; background-color:#f8f5fe; border-radius:10px; text-align:center; box-sizing:border-box; }
div.searchArea input[type=submit] { color:#fff; background-color:#4e6ec0; border-color:#4e6ec0; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.searchArea { padding:20px 10px; }
    div.searchArea select, div.searchArea input { display:block; width:100%; height:38px; margin-top:10px; }
    div.searchArea select { margin-top:0; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.searchArea form { padding:30px 0; }
    div.searchArea select, div.searchArea input { display:inline-block; vertical-align:top; margin-left:10px; height:46px; border:1px solid #ccc; }

    div.searchArea select { width:185px; }
    div.searchArea input[type=text] { width:543px; }
    div.searchArea input[type=submit] { width:100px; }
}


table.bbs { width:100%; border-top:2px solid #2b59a7; padding:0; border-spacing:0px; border-collapse:collapse; }
.subTit + table.bbs { margin-top:50px; }
table.bbs > * > tr > * { border:0 none !important; text-align:center !important; font-weight:400; }
table.bbs > * > tr > *:first-child { border-left:0 none; }

table.bbs > * > tr > th { height:50px; background-color:#f8f5fe; line-height:20px; color:#000; }
table.bbs > thead > tr > th { border-bottom-color:#2b63b8; }
table.bbs > thead > tr > th:first-child { background-image:none; }
table.bbs > tbody > tr > .bg { padding-bottom:10px; background-color:#f9fbff; color:#0b316f; text-align:center; }
table.bbs > tbody > tr > td a { display:inline-block; line-height:24px; height:24px; }

table.bbs > tbody > tr > td.tit { text-align:left !important; }
table.bbs > tbody > tr > td.tit a { display:inline-block; width:300px; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-decoration:none; color:#393939; padding-right:80px; }

table.bbs > tbody > tr > td.tit a > span { display:inline; }
table.bbs > tbody > tr > td.tit img.notice { vertical-align:top; padding:4px 5px 0 0; }

table.bbs > tbody > tr.notice { background-color:#fffaed; }
table.bbs select { min-width:75px; }

table.bbs td.tit a.new { padding-right:25px; }
table.bbs td.tit a.new img.new { position:absolute; right:0; top:50%; margin-top:-6px; }
table.bbs td.tit a.reply span.reply { display:inline-block; position:absolute; right:25px; top:50%; margin-top:-12px; }

table.bbs td.admin a { width:35px; height:35px; background-color:#5b6577; text-align:center; }

table.bbs td.file,
table.bbs td.con { text-align:left; }
table.bbs td.con { padding:15px; }

table.bbs td.file a { text-decoration:none; color:inherit; }
table.bbs td.file a img { vertical-align:middle; margin-top:-2px; }

table.bbs td input[type=radio],
table.bbs td input[type=checkbox] { margin-left:15px; }
table.bbs td input[type=radio]:first-child,
table.bbs td input[type=checkbox]:first-child { margin-left:0; }
table.bbs td.pluginArea { padding:0 !important; }

table.bbs span.bullet { display:inline-block; height:24px; padding:0 5px; line-height:20px; text-align:center; color:#fff; }

table.bbs td.utilBtn span,
table.bbs td.utilBtn a { vertical-align:top; }

table.tblDef .multi input[type=radio],
table.tblDef .multi input[type=checkbox] { margin:7px 5px 0 0; }

.util select { min-width:110px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    table.bbs,
    table.bbs tbody,
    table.bbs tr,
    table.bbs td { display:block; }
    table.bbs thead,
    table.bbs colgroup,
    table.bbs col { display:none; }

    table.bbs { width:100%; margin:15px auto; border-top:2px solid #263e74; }
    table.bbs tr { padding:10px; border-bottom:1px solid #ccc; }
    table.bbs tr:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
    table.bbs td { float:left; position:relative; padding-left:15px; }
    table.bbs td:before { position:absolute; left:7px; top:50%; width:1px; height:12px; margin-top:-6px; content:""; background-color:#ccc; }

    table.bbs tr.notice { position:relative; }
    table.bbs tr.notice td.pcOnly:first-child { z-index:10; position:absolute; left:14px; top:14px; display:block !important; }
    table.bbs tr.notice td.tit { padding-left:30px; }
    table.bbs span.notice img { height:16px; }

    table.bbs td.tit { float:none; padding-bottom:5px; }
    table.bbs td.tit a { max-width:100%; }
    table.bbs td.tit a.new { padding-right:20px; }
    table.bbs td.tit a.new:after { width:15px; background-size:15px; }

    table.bbs td.pcOnly,
    table.bbs td.tit,
    table.bbs td.tit + td,
    table.bbs td.pcOnly + td { padding-left:0; }

    table.bbs td.pcOnly:before,
    table.bbs td.tit:before,
    table.bbs td.tit + td:before,
    table.bbs td.pcOnly + td:before { display:none; }

    table.bbs .admin { display:none; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.bbs p.total { padding:20px 0 15px; color:#141414; font-size:15px; }
    table.bbs > tbody > tr > * { border-bottom:1px solid #ccc !important; }
    table.bbs > * > tr > * { padding:6px 0 7px; }
    table.bbs > tbody > tr > td.tit { padding-left:10px; }
}


/* 게시판 > 상세보기 */
dl.bbs, dl.bbs dt, dl.bbs dd, dl.bbs ul, dl.bbs li, dl.bbs a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.bbs dt { text-align:center; color:#141414; font-weight:600; }
dl.bbs dt img { display:inline-block; vertical-align:top; }
dl.bbs dd { border-bottom:1px solid #ccc; }
dl.bbs dd.link { border-bottom:0 none; }

dl.bbs ul { font-size:0; line-height:0; text-align:center; }
dl.bbs li { position:relative; display:inline-block; vertical-align:top; color:#4e71d3; }
dl.bbs li:first-child { padding-left:0; }
dl.bbs li:first-child:after { display:none; }

dl.bbs dd.link { text-align:right; }
dl.bbs dd.link a { color:#666; word-break:break-all; }
dl.bbs dd.link a:before { content:"Link URL :"; }

dl.attachment, dl.attachment dt, dl.attachment dd, dl.attachment ul, dl.attachment li { margin:0; padding:0; list-style:none; }
dl.attachment { position:relative; border-style:solid; border-color:#cfdce7; background-color:#e5f0f9; }
dl.attachment dd { background-color:#fff; }
dl.attachment li a { display:block; }
dl.attachment li a:after { display:inline-block; vertical-align:top; margin-left:5px; background:url('/image/icon/bbs_attach.png') left center no-repeat; content:''; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsView { padding:20px; }
    dl.bbs { border-top:2px solid #263e74; }
    dl.bbs > dt,
    dl.bbs > dd { padding:10px; }
    dl.bbs dd.link { padding:10px 10px 0; }
    dl.bbs dt { padding-bottom:5px; font-size:16px; line-height:20px; }
    dl.bbs dt img { height:20px; margin-right:5px; }
    dl.bbs dt + dd { padding-top:5px; }

    dl.bbs li { font-size:12px; line-height:16px; }
    dl.bbs li { padding-left:23px; }
    dl.bbs li:after { position:absolute; left:12px; top:50%; width:1px; height:10px; margin-top:-5px; content:""; background-color:#777; }

    dl.bbs dd.link a { color:#d29615; }

    div.bbsCon { padding:10px 15px; min-height:150px; }
    div.bbsCon img { height:auto !important; }
    dl.attachment { border-width:2px; }
    dl.attachment dt { padding:8px; text-align:center; }
    dl.attachment li { padding:8px 12px; border-top:1px solid #d9dfea; }
    dl.attachment li:first-child { border-top:0 none; }
    dl.attachment li a { font-size:13px; line-height:18px; }
    dl.attachment li a:after { width:18px; height:18px; background-size:18px; }

    div.bbs div.formArea { padding:0 20px 20px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    dl.bbs { border-top:2px solid #3b3d78; }
    dl.bbs > dt,
    dl.bbs > dd { padding:25px; }
    dl.bbs dt { font-size:26px; line-height:35px; }
    dl.bbs dt img { margin-right:10px; }
    dl.bbs dt + dd { padding-top:0; }

    dl.bbs li { font-size:16px; line-height:20px; }
    dl.bbs li { padding-left:26px; }
    dl.bbs li:after { position:absolute; left:13px; top:50%; width:1px; height:10px; margin-top:-5px; content:""; background-color:#4e71d3; }

    dl.bbs dd.link { padding:12px 20px; }

    div.bbsCon { padding:15px 25px; min-height:300px; }

    dl.attachment { padding-left:150px; border-width:3px; }
    dl.attachment dt { position:absolute; top:50%; left:30px; transform:translateY(-50%); }
    dl.attachment dd { padding:20px 30px; }
    dl.attachment li { margin-top:15px; line-height:25px; }
    dl.attachment li:first-child { margin-top:0; }
    dl.attachment li a:after { width:25px; height:25px; background-size:25px; }

    div.bbsView .bbsUtil { text-align:right; }
    div.bbsView .bbsUtil .list { float:left; }
}


/* 게시판 버튼 영역 */
div.bbsUtil { position:relative; }
/* 등록 */					
.btn .write { background-color:#3b3d78 !important; border-color:#3b3d78 !important; color:#fff !important; }

div.bbsUtil span.note { float:left; border:0 none; padding:0; margin:0 10px; line-height:43px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsUtil { margin-top:20px; }
    div.bbsUtil .write { display:none; }

    div.bbsUtil .btnBig { padding:8px 30px !important; }
    div.bbsUtil input.btnBig { padding:0 30px !important; }

    /* 목록*/ .btn .list { width:100%; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.bbsUtil { width:1200px; margin:25px auto 0; }
    div.bbsUtil:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }

    div.bbsUtil.btn a,
    div.bbsUtil .btn a { padding:0 15px; border-radius:3px; text-align:center; }

    div.bbsUtil .write { float:right; line-height:43px; min-width:70px; }
    div.bbsUtil .btnBig { line-height:46px; font-size:16px; }
    div.bbsUtil .btnBig.pcOnly { display:inline-block !important; vertical-align:top; }
    .btn .write img { display:inline-block; vertical-align:top; margin:13px 5px 0 0; }
}


/* 게시판 하단버튼 영역 */
ul.pager { margin:0; padding:30px 0; }
ul.pager li { display:inline; vertical-align:top; margin:0; list-style:none; }
ul.pager li { margin-left:2px; }
ul.pager li:first-child { margin-left:0; }
ul.pager img { display:inline; width:100%; vertical-align:top; }

ul.pager a { display:inline-block; width:auto; border:0 none; vertical-align:top; text-align:center; font-size:14px; text-decoration:none; color:#222; font-weight:400; }

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a { width:35px; }

ul.pager li.prev { margin-right:25px; }
ul.pager li.next { margin-left:25px; }

ul.pager a.btnDef,
ul.pager a.on { background-color:#b73d7f ; font-weight:bold; color:#fff; }
ul.pager a img { vertical-align:top; }

ul.pager.btnSmall { padding:8px 0 3px; }
ul.pager.btnSmall a { width:auto; padding:1px 5px 3px; }
ul.pager.btnSmall .first a,
ul.pager.btnSmall .prev a,
ul.pager.btnSmall .next a,
ul.pager.btnSmall .last a { padding:3px 5px 1px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    ul.pager .first a,
    ul.pager .prev a,
    ul.pager .next a,
    ul.pager .last a { width:25px; padding:0; }

    ul.pager a,
    ul.pager a img { width:25px; height:25px; line-height:25px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    ul.pager .first a,
    ul.pager .prev a,
    ul.pager .next a,
    ul.pager .last a { width:35px; padding:0; }

    ul.pager li.prev { margin-right:10px; }
    ul.pager li.next { margin-left:10px; }

    ul.pager a { width:35px; height:35px; line-height:35px; }
}


/* 게시판 검색 */
div.bbsSearch { padding:16px 0; background-color:#f4f4f4; text-align:center; }
div.bbsSearch input,
div.bbsSearch select { height:30px; vertical-align:top; padding:0; }
div.bbsSearch input[type=text] { width:220px; height:28px; padding:0 15px; }
div.bbsSearch input[type=submit] { padding:0 15px; border:0 none; font-size:13px; line-height:20px; vertical-align:top; color:#fff; background-color:#222; }

div.bbsSearch + div.btnArea,
table.bbs + div.btnArea { padding:30px 0; text-align:right; }
div.bbsSearch + div.btnArea *,
table.bbs + div.btnArea * { min-width:90px; height:30px; font-size:15px; font-weight:bold; }
div.bbsSearch + div.btnArea a,
table.bbs + div.btnArea a { height:30px; line-height:28px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.bbsSearch { padding:16px 0; background-color:#f4f4f4; text-align:center; }
    div.bbsSearch input,
    div.bbsSearch select { height:30px; vertical-align:top; padding:0; }
    div.bbsSearch input[type=text] { width:100px; height:28px; padding:0 15px; }
    div.bbsSearch input[type=submit] { padding:0 15px; border:0 none; font-size:13px; line-height:20px; vertical-align:top; color:#fff; background-color:#222; }
}


/* 테이블 디자인 */
table.tblDef { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * { padding:10px; text-align:left; color:#000; border-top:1px solid #ccc; }
table.tblDef > * > tr > th,
table.innerTbl > * > tr > th { padding:10px 20px; }
table.tblDef > * > tr > *.noBorderB { border-bottom:0 none; }
table.tblDef > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * { border-top:0 none; }

table.tblDef > * > tr > td { text-align:left; }

table.tblDef > tbody > tr:last-child > *,
table.innerTbl > tbody > tr:last-child > * { border-bottom:0 none; }

table.tblDef > * > tr > *:last-child,
table.innerTbl > * > tr > *:last-child { border-right:0 none; }

table.tblDef > * > tr > *:first-child,
table.innerTbl > * > tr > *:first-child { border-left:0 none; }

table.innerTbl > thead > tr > * { text-align:center; }

table.tblDef > thead > tr > th { color:#fff; background-color:#44aa83; }

table.tblDef > * > tr > td { background-color:#fff; font-weight:400; color:#222; }

table.border > * > tr > * { border-left:1px solid #ccc; }
table.border > * > tr > *:first-child { border-left:0 none; }

table.tblDef > * > tr > th { background-color:#e2ede9; }
table.tblDef > thead > tr > th { text-align:center; border-bottom:1px solid #ccc; }
table.innerTbl > * > tr > th { background-color:#eee; }
table.tblDef,
table.innerTbl .bg { background-color:#fbf5df; }

table.inputTbl > * > tr > th,
table.tblDef > * > tr > th,
table.innerTbl > * > tr > th { color:#000; font-weight:500; }

table.innerTbl > * > tr > *,
table.innerTbl > thead > tr > *[colspan] { text-align:left; border-left:1px solid #ccc; }

table.innerTbl input[type=text] { width:100%; }

table.tblDef .al { padding-left:10px; text-align:left !important; }
table .bdLeft { border-left:1px solid #ccc !important; }

table.tblDef td.noData { padding:40px 0; text-align:center; color:#ca3f3f; }

table.inputTbl { border-top:2px solid #b73d7f; }
table.inputTbl > * > tr > * { padding:10px; text-align:left; }
table.inputTbl > * > tr > th { border-bottom:1px solid #ccc; background-color:#f8f5fe; color:#000; }
table.inputTbl > * > tr > td { border-bottom:1px solid #ccc; }

table.inputTbl > * > tr > .bdLeft { border-left:1px solid #ccc !important; }

table.inputTbl tr > *:first-child { border-left:0 none; }

table.inputTbl ul li { list-style:none; }

input[type=text],
input[type=password] { padding:4px 10px; box-sizing:border-box; }

input[type=text].wide,
input[type=password].wide { width:100%; }

table.ac th,
table.ac td { text-align:center !important; }
table.al th { padding-left:20px; text-align:left !important; }

table.listTbl th,
table.listTbl td { padding:5px; text-align:center; font-size:12px; }

table.inputTbl > * > tr > * { border-left:0 none; }
table.inputTbl > * > tr > th { padding-left:20px; text-align:left; }
table.inputTbl.ac > * > tr > th { padding:10px !important; }

table.inputTbl .label,
table.inputTbl > * > tr > th label { padding-left:0; }
table.inputTbl td input[type=text],
table.inputTbl td input[type=password] { padding:4px 10px; }
table.inputTbl td div.withBtn input { width:100%; }
table.inputTbl td.padding0 { border-left:0 none; }

table.inputTbl .tblBtn,
table.inputTbl .add,
table.inputTbl .del { padding:0 10px; color:#fff; font-size:15px; }
table.inputTbl .tblBtn { margin-left:5px; background-color:#5b6577; }

table.inputTbl td.email input[type="text"]:first-child { width:210px; }
table.inputTbl td.email span.clear,
table.inputTbl .note { color:#e91e5c; line-height:36px; vertical-align:top; }

table.inputTbl .address input[type=text]:first-child { width:120px !important; }
table.inputTbl td.phone { overflow:hidden; }
table.inputTbl td.phone > * { float:left; }
table.inputTbl td.phone label { width:142px; text-align:center; }
table.inputTbl td.phone label:last-child { width:200px !important; }
table.inputTbl td.phone input[type=text] { width:120px !important; }

table.inputTbl th span { line-height:25px; }
table.inputTbl .add { margin-left:10px; background-color:#b73d7f; line-height:25px; }
table.inputTbl .del { background-color:#6e8ecf; line-height:33px; }

table.inputTbl .period input[type=text] { width:100px; }
table.inputTbl .btn .btnSmall i { padding:3px  0 0; }

table.inputTbl .keyword input[type=text] { width:150px; margin-left:10px; }
table.inputTbl .keyword input[type=text]:first-child { margin-left:0; }

div.bbsWrite { padding-top:50px; }
div.bbsWrite div.btnArea { padding:30px 0 100px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    table.inputTbl label,
    table.inputTbl span { line-height:26px; }

    ul.option input[type=radio] { margin:3px 5px 0 3px; }

    .multi input[type=radio],
    .multi input[type=checkbox] { margin:7px 0 0 20px; }

    table.inputTbl .tblBtn { line-height:36px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    table.inputTbl label,
    table.inputTbl span { line-height:32px; }

    ul.option.col2ea_m li { margin-left:11px; }

    table.inputTbl .tblBtn { line-height:33px; }
    .address input[type=text].clear { width:calc(100% - 460px) !important; margin-right:5px; }
    .address input[type=text].clear + input[type=text] { width:455px; }
}


/* 게시판 글쓰기 */
td.pluginArea { padding:0 !important; }
div.pluginArea { margin-top:20px; }

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; }

table.inputTbl td.date { position:relative; }
table.inputTbl .date input[type=text] { width:120px !important; }


/* 파일 찾기 */
div.selectFile { overflow:hidden; }
div.selectFile p { float:left; margin-left:5px; }
div.selectFile p:first-child { margin-left:0; }
div.selectFile p input[type=text] { height:23px; padding:2px 10px 3px; }

div.selectFile p.find { width:66px; height:30px; background:url('/image/icon/btn_browse.png') center center no-repeat; background-color:#393939; }
div.selectFile p.find input { width:100%; height:100%; padding:0; border:0 none; }

div.selectFile p.findIcon { position:relative; width:50px; height:30px; background-color:#393939; text-align:center; }

div.selectFile p.find input { position:absolute; left:0; top:0; width:100%; height:100%; padding:0; border:0 none; }
div.selectFile p.btn * { height:30px; font-size:14px; border:0 none; }

div#selectFile { overflow:hidden; }
div#selectFile p { float:left; }
div#selectFile p input[type=text] { height:18px; padding:2px 10px; }
div#selectFile p.find { width:66px; height:24px; margin:0 5px; background:url('/image/icon/btn_browse.png') center center no-repeat; background-color:#393939; }
div#selectFile p.find input { width:100%; height:100%; padding:0; border:0 none; }
div#selectFile p.btn * { height:24px; font-size:14px; border:0 none; }

@media screen and (max-width:960px) { 
    table.inputTbl td.phone label,table.inputTbl td.phone input[type=text] { width:100px !important; }
    .subTit, .pointTit { margin:25px 0 10px; }

    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 th,
    table.rwTbl td { width:100%; padding:5px 10px !important; line-height:32px; box-sizing:border-box; }

    table.rwTbl > * > tr > th span,
    table.rwTbl > * > tr > th label { line-height:32px; }

    table.rwTbl th,
    table.rwTbl td { min-height:32px; border-left:0 none !important; }
    table.rwTbl th { text-align:left !important; }
    table.rwTbl td:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

    table.rwTbl input[type=text],
    table.rwTbl input[type=password],
    table.rwTbl textarea { width:100% !important; height:36px; box-sizing:border-box; }
    table.rwTbl textarea { height:50px; }

    table.rwTbl th label,
    table.rwTbl th span { line-height:1.2; }

    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 { overflow:hidden; }

    /* table.rwTbl, */
    table.rwTbl tbody > tr > *:first-child,
    table.rwThead tbody tr > *:first-child { border-top:2px solid #1359a9; }

    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; }

    ul.subMenu > li { float:left; display:table; text-align:center; height:38px; }
    ul.subMenu li a { display:table-cell; width:auto; padding:0; height:38px; vertical-align:middle; color:#444; font-size:14px; line-height:38px; font-weight:500; 
        text-decoration:none; letter-spacing:-1px; }
    ul.subMenu li.on a { line-height:38px; }

    div.tableScroll { overflow-x:scroll; overflow-y:hidden; padding-bottom:20px !important; }
    div.tableScroll::-webkit-scrollbar { -webkit-appearance:none; width:10px; height:10px; border-radius:4px; background-color:#f2f2f2; }
    div.tableScroll::-webkit-scrollbar-thumb { border-radius:4px; background-color:#ccc; -webkit-box-shadow:insecnt 0 0 1px rgba(255,255,255,.5); }
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    table.inputTbl.rwTbl > * > tr > th { padding:3px 10px; }
    div.mobileNote { padding:50px 0 !important; }
    div.mobileNote img { display:block; width:248px; margin:0 auto; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    table.rwTbl th { padding:10px 20px; }
    table.rwTbl td { padding:10px; }
    div.mobileNote { display:none; }
}


/* =============================== 레이아웃 =============================== */
div.wrapper { overflow-x: hidden; position:relative; ; margin:0; padding:0; font-weight:300; font-family:'Pretendard', sans-serif; }

/* Header */
ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.gnbUtil li { position:relative; display:inline-block !important; vertical-align:top; }
ul.gnbUtil a { font-weight:400; }


/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.wrapper { overflow:hidden; width:100%; min-width:320px; font-size:15px; }

    div#headerWrap { box-sizing:border-box; padding-right:60px; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
    div#headerWrap h1 { display:block; }
    div#headerWrap h1 a { display:block; padding:12px 0 12px 20px; }
    div#headerWrap h1 img { display:block; height:38px; }
    div#headerWrap .viewMenu { position:absolute; right:0; top:0; width:60px; height:62px; }
    div#headerWrap .viewMenu a { display:block; height:62px; background:url('../image/common/viewMenu.png') center center no-repeat; background-size:26px; font-size:0; 
        line-height:0; }

    div.gnbWrap { z-index:100; position:fixed; left:100%; top:0; width:100%; height:100%; padding-left:70px; background-color:rgba(0,0,0,.8); box-sizing:border-box; }

    ul#gnb, ul#gnb > li, ul#gnb > li > a, ul#gnb ul, ul#gnb ul li, ul#gnb ul a { margin:0; padding:0; list-style:none; }
    ul#gnb { position:relative; overflow-x:hidden; overflow-y:auto; height:calc(100% - 45px); padding-top:45px; background-color:#fff; }
    ul#gnb > li { border-bottom:1px solid #ccc; }
    ul#gnb > li > a { position:relative; display:block; padding:10px 40px 10px 20px; color:#181b57; font-size:15px; line-height:25px; text-align:left; font-weight:600; 
        letter-spacing:-1px; }
    ul#gnb > li > a:after { content:''; position:absolute; top:50%; right:20px; width:10px; height:8px; margin-top:-4px; 
        background:url('../image/common/gnb_bl.png') center center no-repeat; background-size:10px; }

    ul#gnb .on > a { background-color:#dbe6f2; }
    ul#gnb .on > a:after { transform:rotate(180deg); }

    ul#gnb ul { display:none; padding:5px 0; background-color:#f4f8fc; border-top:1px solid #ccc; box-sizing:border-box; }
    ul#gnb ul a { display:block; padding:10px 15px; font-size:13px; line-height:25px; color:#181b57; font-weight:500; }
    ul#gnb ul a:before { display:inline-block; vertical-align:top; margin-right:4px; content:'-'; }

    ul.gnbUtil { position:absolute; right:0; top:0; width:calc(100% - 70px); height:45px; font-size:0; line-height:0; box-sizing:border-box; }
    ul.gnbUtil li { display:inline-block; vertical-align:top; width:50%; }
    ul.gnbUtil a { display:block; padding:10px 0; background-color:#004425; text-align:center; color:#fff; font-size:12px; line-height:25px; font-weight:600; }
    ul.gnbUtil li:first-child a { background-color:#64a74f; }


    div.gnbClose { z-index:50; position:absolute; left:0; top:0; width:70px; height:70px; margin:0; }
    div.gnbClose a { display:block; height:100%; font-size:0; line-height:0; background:url('../image/common/gnbClose_m.png') center center no-repeat; background-size:100%; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.wrapper { width:100%; min-width:1200px; font-size:16px; line-height:28px; }

    div#headerWrap { z-index:100; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:120px; margin:0 auto; background-color:transparent; 
        /* border-bottom:1px solid rgba(197,203,221,0.5); */
			}
    div#headerWrap h1 { z-index:100; position:absolute; left:50%; top:18px; width:166px; height:62px; margin-left:-600px; 
        background:url('../image/common/header_logo.png') left top no-repeat; }
    div#headerWrap h1 a { display:block; width:166px; height:62px; }
    div#headerWrap h1 img { display:none; }

    div#headerWrap.bg { background-color:#fff; }
    div#headerWrap.bg h1 { background-image:url('../image/common/header_logo_ov.png'); }
    div#headerWrap.bg ul#gnb > li > a { color:#222; }
    div#headerWrap.bg .gnbWrap { background-color:#fff; }

    div#headerWrap ul.gnbUtil { z-index:45; position:absolute; right:50%; top:0; width:auto; margin-right:-600px; padding:0 5px; height:37px; background-color:#00aef6; 
        border-radius:0 0 10px 10px; text-align:right; font-size:0; line-height:0; }
    div.gnbWrap { background-color:rgb(0,0,0,0.5); }
    ul.gnbUtil li:before { position:absolute; display:block; left:0; top:50%; transform:translateY(-50%); content:''; width:1px; height:10px; background-color:#fff; }
    ul.gnbUtil li:first-child:before { display:none; }
    ul.gnbUtil a { display:block; height:35px; padding:0 15px; color:#fff; font-size:14px; line-height:37px; }

    div.gnbHeader { display:none; }

    ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a { margin:0; padding:0; list-style:none; text-decoration:none; }
    ul#gnb { position:relative; display:grid; grid-template-columns:repeat(9, 1fr); width:1200px; height: 120px; margin:0 auto; padding:37px 0 0 180px; text-align:right; font-size:0; 
        line-height:0; box-sizing:border-box; }
    ul#gnb > li { position:relative; box-sizing:border-box; text-align:center; }

    ul#gnb > li > a { position:relative; display:inline-block; vertical-align:top; text-align:center; padding:15px 5px; font-size:19px; line-height:34px;  
        font-weight:700; color:#fff; letter-spacing:-1px; }
    ul#gnb > li > a:after { display:none; z-index:-1; position:absolute; bottom:20px; left:0; width:100%; height:15px; background-color:#ccefff; content:''; }

    ul#gnb > li.on > a { color:#1645df !important; }
    ul#gnb > li.on > a:after { display:block; }

    ul#gnb > li.on ul { background-color:rgba(24,31,67,0.94); }
    ul#gnb > li.on ul:before { color:#5ae7b0; }

    ul#gnb ul { display:none; z-index:70; position:absolute; left:0; top:64px; width:100%; padding:85px 0 0; box-sizing:border-box; }
    ul#gnb ul:before { position:absolute; display:block; content:attr(pub-menu); top:17px; left:0; width:100%; color:#fff; font-size:20px; line-height:40px; 
        text-align:center; font-weight:600; }
    ul#gnb ul:after { position:absolute; top:71px; left:50%; transform:translateX(-50%); width:22px; height:2px; background-color:#fff; content:''; }
    ul#gnb ul a { display:block; text-align:center; padding:10px 10px; color:#fff; font-size:15px; line-height:25px; letter-spacing:-1px; font-weight:400; }
    ul#gnb ul a:hover,
    ul#gnb ul a:focus { color:#9debff; }

    div.gnbWrap div.viewMenu,
    div.gnbClose { display:none; }

    div.gnbBg { display:none; z-index:60; position:absolute; top:101px; left:0; width:100%; padding-top:85px; background-color:rgba(35,43,79,0.94); }

	/* gnb 관련 수정 - 25.01.21 박민지 */
	div.gnbBg{
		top: 111px;
	}
	ul#gnb > li > a{
		line-height: 1.3;
	}
	ul#gnb ul{
		top: 74px;
	}
}


/* LNB */
div.lnbWrap p, dl.lnb, dl.lnb dt, dl.lnb dd, dl.lnb ul, dl.lnb li, dl.lnb a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.lnbWrap { z-index:80; position:relative; width:100%; }

div.lnbWrap:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
div.lnbWrap a { display:block; }

dl.lnb { position:relative; float:left; }
dl.lnb > dt > a { position:relative; color:#fff; box-sizing:border-box; }
dl.lnb > dt > a:after { position:absolute; top:50%; transform:translateY(-50%); content:""; height:7px; background-position:center center; background-repeat:no-repeat; }
dl.lnb > dt.view > a:after { transform:translateY(-50%) rotate(180deg); }

dl.lnb > dd { display:none; position:absolute; left:0; width:100%; border:1px solid #ddd; border-top:0 none; background-color:#fff; box-sizing:border-box; }
dl.lnb > dd a { position:relative; padding-left:0.5em; color:#0d1c5d; font-weight:400; }
dl.lnb > dd a:before { position:absolute; top:0; left:0; content:'-'; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.lnbWrap p.home { display:none; }
    dl.lnb { width:50%; }
    dl.lnb > dt > a { display:table-cell; width:1000px; height:45px; padding:0 40px 0 20px; text-align:left; vertical-align:middle; font-size:13px; line-height:25px; font-weight:400; background-color:#16a08b; }
    dl.lnb:last-child > dt > a { border-left:1px solid #fff; background-color: #16a08b;}
    dl.lnb > dt > a:after { right:20px; width:8px; background-image:url('../image/common/lnb_bl_m.png'); background-size:8px; }
    dl.lnb > dd { padding:5px 20px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    .lnbWrap {
			padding-top: 350px;
			margin-top: -120px;
			background-repeat: no-repeat;
			background-image: url('../image/sub/img_sub_visual.png');
		}
    div.lnbWrap > div {position: relative; width:1200px; height:55px; margin:0 auto; }
		div.lnbWrap > div::before {
			content: '';
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			display: block;
			width: 100vw;
			height: 100%;
			background:linear-gradient(to right, #16a08b, #17b1d8);
			z-index: -1;
		}
    div.lnbWrap p.home {
			float:left;
			width:70px;
			height:55px;
			background-color:rgba(126, 63, 63, 0.452);
			/* background-color:rgba(63,91,126,.6); */
			text-align:center;
			font-weight:400;
		}
    div.lnbWrap p.home a { height:100%; border-left:1px solid rgba(255,255,255,.5); border-right:1px solid rgba(255,255,255,.5); color:#fff; line-height:55px; font-size:15px; text-align:center; }

    dl.lnb > dt > a { min-width:210px; padding:15px 40px 15px 20px; border-right:1px solid #fff; color:#fff; font-size:15px; line-height:25px; font-weight:400; }
    dl.lnb > dt > a:after { right:20px; width:10px; background-image:url('../image/common/lnb_bl.png'); }

    dl.lnb > dd { top:55px; padding:5px 20px 15px; }
    dl.lnb > dd li { padding-top:10px; }
    dl.lnb > dd a { font-size:15px; line-height:20px; }
    dl.lnb > dd a:hover { color:#208e44; }
}


/* go Top */
p#goTop { z-index:80; position:fixed; bottom:55px; right:2%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28); background-color: #90d49e;}
p#goTop a,
p#goTop img { display:block; width:100%; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    p#goTop {  width:30px; height:30px; background-size:30px; }
}
/*  PC :width:961px ~  */
@media screen and ( max-width:1400px) and (min-width:961px) { 
    p#goTop {  width:50px; height:50px; }
}


/* Footer */
div#footerWrap { position:relative; background-color:#303439; }
div#footerWrap dl, div#footerWrap dt, div#footerWrap dd, div#footerWrap ul, div#footerWrap li, div#footerWrap a { margin:0; padding:0; list-style:none; text-decoration:none; }
div#footerWrap dl { background-image:url('../image/common/footer_logo_kdrf.png'); background-repeat:no-repeat; }
div#footerWrap dl:first-child { background-image:url('../image/common/footer_logo_kda.png')}
div#footerWrap dt,
div#footerWrap dd { color:#fff; font-weight:300; }
div#footerWrap ul { overflow:hidden; font-size:0; line-height:0; }
div#footerWrap li { position:relative; display:inline-block; vertical-align:top; }
div#footerWrap li:before { position:absolute; top:50%; transform:translateY(-50%); width:1px; background-color:#fff; content:''; }
div#footerWrap li:first-child { margin-left:0; }
div#footerWrap li:first-child:before { display:none; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div#footerWrap dl { padding:70px 20px 20px; background-position:left 20px top 20px; background-size:auto 36px; }
    div#footerWrap dt,
    div#footerWrap dd,
    div#footerWrap li { font-size:11px; line-height:17px; }
    div#footerWrap li { margin-left:30px; display:block; float:left; }
    div#footerWrap li:before { left:-15px; height:8px; }
    div#footerWrap li:nth-child(2n+1) { clear:both; margin-left:0; }
    div#footerWrap li:nth-child(2n+1):before { display:none; }
    div#footerWrap div.dmj { display:none; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div#footerWrap { padding-top:5px; }
    div#footerWrap dl { width:1200px; margin:0 auto; padding:10px 0 30px 200px; box-sizing:border-box; background-position:left top 25px; }
    div#footerWrap dl:first-child { background-position:left center; }
    div#footerWrap dt,
    div#footerWrap dd,
    div#footerWrap li { font-size:14px; line-height:24px; }
    div#footerWrap li { margin-left:35px; }
    div#footerWrap li:before { left:-17px; height:10px; }
    div#footerWrap div.dmj { position:absolute; right:calc(50% - 600px); top:50%; transform:translateY(-50%); margin-left:449px; }
}


/* Contents */

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div#container { position:relative; }

    div.contents { padding:30px 0; text-align:justify; font-size:14px; line-height:20px; color:#222; font-weight:400; }
    div.contents > *,
    div.contents > div.formArea { margin-left:15px; margin-right:15px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div#container.sub { position:relative; padding-top:349px; background:url('../image/sub/img_sub_visual.png') center top no-repeat; }
    div.viewMenu { display:none; }
    div.contents { width:1200px; margin:0 auto; padding:50px 0 80px; text-align:justify; font-size:18px; line-height:25px; color:#000; font-weight:400; }
}


/* 준비중 */
div.ing img { display:block; margin:0 auto; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.ing { padding:60px 0; }
    div.ing img { width:100%; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.ing { padding:120px 0; }
}


/* ============================ 메인 ============================ */
div#container.main {padding-bottom:20px; background-repeat:no-repeat; transition:background 1s; }
.inner-layer {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div#container.main { 
			/* background-size: auto */
		}
}/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
  	#container {
			padding-top: 120px;
			padding-bottom: 80px;
			background-position:0 0;
		}
}


/* mainBnr */
div.mainBnr { position:relative; }
.mainBnr::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	/* transform: translateX(-50%); */
	display: block;
	width: 100vw;
	height: 100%;
	background-color: #f6fffe;
	background-repeat: no-repeat;
	background-image: url('../image/main/bg_main_visual.png');
	background-position: 0 0;
	z-index: -1;
}
div.dDay {
	position: relative;
	display: flex;
	align-items: center;
	max-width: 400px;
	margin-left: auto;
 }
div.dDay > p {
	text-align: center;
	font-size: 45px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.06em;
}
div.dDay > p > span {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.025em;
 }
div.dDay:before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	content: '';
	display: block;
	width: 80%;
	background: linear-gradient(115deg, #3551a4, #2c8ec4, #31cdb0);
	z-index: -1;
 }

div.eBook { position:absolute; background:linear-gradient(to right bottom, #b33e85, #e67842); text-align:center; color:#fff; font-weight:800; box-sizing:border-box; }
div.eBook:after { display:block; color:#fff; content:attr(pub-day); font-weight:400; }

div.vod { position:absolute; background:linear-gradient(to right bottom, #477f3c, #6ba7aa); text-align:center; color:#fff; font-weight:800; box-sizing:border-box; }
div.vod:after { display:block; color:#fff; content:attr(pub-day); font-weight:400; }

div.goGallery { position:absolute; }
div.goGallery a { display:block; color:#181b57; background-color:#fff; font-weight:600; text-align:center; }

.main-text-wrap {
	text-align: right;
}

@media screen and (max-width:1200px) {
	.mainBnr {
		padding: 0 20px;
	}
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	div.mainBnr { padding:0; padding-top: 10px; padding-bottom: 20px;}
	.mainBnr::before {
		width: 100%;
		background-image: url('../image/main/bg_main_visual_m.png');
		background-size: 50% auto;
	}
	div.mainBnr img { display: inline-block; max-width:100%; }
    .main-text-wrap {margin-top: 10px;}
	div.dDay {max-width: 260px; gap: 10px;}
	div.dDay:before {
		height: 60px;
		box-shadow:0 2px 8px rgba(15,31,89,0.45);
		border-radius: 30px;
	}
	div.dDay > p {
		font-size: 24px;
		line-height: 1;
	}
	div.dDay > p > span {
		font-size: 16px;
	 }
	 div.dDay > img {
		width: 104px;
	 }

	div.eBook { bottom:25px; left:20px; width:109px; height:48px; padding:13px; box-shadow:0 2px 15px rgba(149 148 235); font-size:20px; line-height:20px; border-radius:5px; }
	div.eBook:after { font-size:10px; line-height:13px; }

	div.vod { bottom:90px; left:20px; width:109px; height:48px; padding:13px; box-shadow:0 2px 15px rgba(149 148 235); font-size:20px; line-height:20px; border-radius:5px; }
	div.vod:after { font-size:10px; line-height:13px; }

	div.goGallery { right:20px; bottom:15px; width:50%; }
	div.goGallery a { padding:12px 0 13px; border-radius:5px 30px; box-shadow:0 1px 12px rgba(15,31,89,1); font-size:14px; line-height:30px; }
	div.goGallery img { display:inline-block; vertical-align:top; width:auto; height:30px; padding-right:10px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	div.mainBnr { padding-top: 20px; padding-bottom: 30px; margin-bottom: 40px;}
	.mainBnr::before {
		top: -120px;
		height: calc(100% + 120px);
	}
	/* div.mainBnr img { display:none !important; } */

	div.dDay {gap: 16px; padding:14px 0 10px; border-radius:10px;  font-size:30px; }
	div.dDay:before { 
		height: 100px;
		border-radius: 50px;
		box-shadow:0 2px 15px rgba(15,31,89,0.45);
	}

	div.eBook { top:37px; right:0; width:182px; height:70px; padding:20px 0 10px; border-radius:10px; box-shadow:0 2px 15px rgba(149 148 235); font-size:30px; }
	div.eBook:after { font-size:12px; line-height:21px; }

	div.vod { top:37px; right:200px; width:182px; height:70px; padding:20px 0 10px; border-radius:10px; box-shadow:0 2px 15px rgba(149 148 235); font-size:30px; }
	div.vod:after { font-size:12px; line-height:21px; }

	div.goGallery { right:0; bottom:30px; width:207px; }
	div.goGallery a { padding:32px 0; border-radius:10px 50px; box-shadow:0 2px 24px rgba(15,31,89,1); font-size:22px; line-height:22px; }
	div.goGallery img { display:block !important; margin:0 auto 15px; }
}


/* mainQuick */
ul.mainQuick, ul.mainQuick li, ul.mainQuick a { display:block; margin:0; padding:0; list-style:none; }
ul.mainQuick { overflow:hidden; background-color:#fff; background:linear-gradient(to top,#48e3d3,#4ab2ec); }
ul.mainQuick li { float:left; box-sizing:border-box; }
ul.mainQuick a { position:relative; background-color:#fff; color:#191919; font-weight:600; letter-spacing:-1px; }
ul.mainQuick a span { display:block; font-weight:300; }
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    ul.mainQuick { margin: 20px 20px 20px; padding:3px; border-radius:5px 30px 5px 30px; }
    ul.mainQuick li { width:50%; border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; }
    ul.mainQuick li:nth-child(2n+1) { clear:both; border-left:0 none; }
    ul.mainQuick li:nth-child(-n+2) { border-top:0 none; }
    ul.mainQuick li.wide { clear:both; width:100%; border-left:0 none; }
    ul.mainQuick li:nth-of-type(1) a { border-radius:2px 0 0 0; }
    ul.mainQuick li:nth-of-type(2) a { border-radius:0 27px 0 0; }
    ul.mainQuick li:nth-of-type(5) a { border-radius:0 0 2px 27px;}

    ul.mainQuick a { min-height:60px; padding:15px 70px 15px 15px; font-size:16px; line-height:18px; }
    ul.mainQuick a span { font-size:14px; }
    ul.mainQuick img { position:absolute; bottom:15px; right:15px; height:40px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    ul.mainQuick { position:relative; display:flex; gap:0; width:1200px; margin:0 auto; padding:5px; border-radius:30px 0 30px 30px;}
    ul.mainQuick li { position:relative; width:25%; }
    ul.mainQuick li + li a::before { content:''; position:absolute; left:0; top:40px; bottom:40px; width:1px; background-color:#e8e8e8; }
    ul.mainQuick a { display:flex; flex-direction:column; align-items:center; justify-content:space-between; height:230px; padding:40px 0 20px; text-align:center; 
        font-size:25px; line-height:1.4; box-sizing:border-box; background-color:#fff; transition:ease 0.3s; -webkit-transition:ease 0.3s; }
    ul.mainQuick li:nth-of-type(1) a { border-radius:25px 0 0 25px; }
    ul.mainQuick li:nth-of-type(5) a { border-radius:0 0 25px 0;}
    ul.mainQuick img { display:block; }
    ul.mainQuick span { font-size:19px; }

    ul.mainQuick a:hover { background-color:#f2feff; }
}


/* mainCon */
.mainCon > div { margin-top:38px; }

ul.mainDates, ul.mainDates li { margin:0; padding:0; list-style:none; }
ul.mainDates li { position:relative; background-repeat:no-repeat; background-position:right top; background-size:cover; color:#fff; font-weight:500; letter-spacing:-1px; }
ul.mainDates li:nth-child(1) { margin-top:0; background-image:url('../image/main/mainDates_bg_01.png'); }
ul.mainDates li:nth-child(2) { background-image:url('../image/main/mainDates_bg_02.png'); }
ul.mainDates li:nth-child(3) { background-image:url('../image/main/mainDates_bg_03.png'); }

ul.mainDates span img { display:inline-block; vertical-align:top; }

dl.mainLecture, dl.mainLecture dt, dl.mainLecture dd, dl.mainLecture ul, dl.mainLecture li { margin:0; padding:0; list-style:none; }
dl.mainLecture { box-sizing:border-box; }
dl.mainLecture dt { color:#fff; font-weight:700; text-align:center; }
dl.mainLecture ul { display:grid; }
dl.mainLecture li { display:flex; flex-direction:column; align-items:center; width:100% !important; box-sizing:border-box; text-align:center; }
dl.mainLecture li > a { 
	display:flex; 
	flex-direction:column; 
	align-items:center; 
}
dl.mainLecture .img { overflow:hidden; background:url('../image/main/mainLecture_01.png')left top no-repeat; }
dl.mainLecture .img img { display:block; width:100%; height:100%; -webkit-transition:ease 0.3s; transition:ease 0.3s; }
dl.mainLecture .info { color:#fff; }
dl.mainLecture .info span { 
	display:block; 
	text-align:center; 
	font-weight:600; 
	background-color:#fff; 
}
.mainLecture  li:nth-child(1) .info span { color:#c73e61; }
.mainLecture li:nth-child(2) .info span { color:#3252ca; }
.mainLecture li:nth-child(3) .info span { color:#8747c9; }
.mainLecture li:nth-child(4) .info span { color:#229fb9; }

dl.mainLecture .tit { color:#ffef37; }
dl.mainLecture .lectureTit { color:#fff; }

dl.mainLecture .bx-controls { position:absolute; font-size:0; line-height:0; text-align:right; }
dl.mainLecture .bx-prev,
dl.mainLecture .bx-next { display:inline-block; vertical-align:top; font-size:0; line-height:0; text-indent:-9999px; background-repeat:no-repeat; 
    background-position:center center; }
dl.mainLecture .bx-prev { background-image:url('../image/main/mainPrev.png'); }
dl.mainLecture .bx-next { background-image:url('../image/main/mainNext.png'); }


div.mainProgram { border:1px solid #d8d8d8; border-radius: 10px; }
div.mainProgram a img { box-shadow:0 0 5px rgba(6,6,41,0.2); border-radius:50%; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    .mainCon > div { margin-top:24px; }
    div.mainCon { padding:0 20px; }

    ul.mainDates li { margin-top:5px; border-radius:5px; padding:10px 15px; font-size:12px; line-height:20px; }
    ul.mainDates span { font-size:14px; line-height:25px; }
    ul.mainDates span img { margin-right:6px; height:25px; }
    ul.mainDates strong { margin-right:  6px;}

    dl.mainLecture { background:url('../image/main/mainLecture_bg_m.png') no-repeat; -webkit-background-size:cover; background-size:cover; padding:10px 15px; border-radius:5px; }
    dl.mainLecture dt { margin-bottom:12px; font-size:16px; line-height:26px; }
    dl.mainLecture ul { grid-template-columns:repeat(2, 1fr); grid-gap:10px 5px; }
    dl.mainLecture .info { font-size:15px; }
    dl.mainLecture .info span { 
        width:114px; 
        height:28px; 
        margin-bottom:15px; 
        font-size:13px; 
        line-height:28px; 
        border-radius:0 14px 14px; 
    }
    dl.mainLecture .img { min-width:120px; min-height:125px; }
    dl.mainLecture .tit { clear:both; font-size:13px; line-height:18px; }
    dl.mainLecture .lectureTit { clear:both; font-size:13px; line-height:18px; margin-top:5px; }

    dl.mainLecture .bx-controls { top:15px; right:10px; }
    dl.mainLecture .bx-prev,
    dl.mainLecture .bx-next { width:18px; height:18px; background-size:auto 8px; }
    dl.mainLecture .bx-next { margin-left:5px; }

    .mainProgram { margin-top:20px; }
    .mainProgram a { display:flex; justify-content:space-between; align-items:center; padding:15px 20px; padding-left:60px; font-size:14px; line-height:1; font-weight:700; 
        background:#def3ff url('../image/main/mainProgram_bg.png') no-repeat left 10px center / auto 40px; box-sizing:border-box; }
    .mainProgram div { display:inline-block; }
    .mainProgram div img { height:25px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.mainCon { width:1200px; margin:20px auto 0; }
    div.mainCon:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
    .mainCon > div:not(.lecture-wrap) { 
        display:flex; 
        align-items:center; 
        gap:20px; 
    }

    ul.mainDates { flex: 1;}
    ul.mainDates li {
			display: flex;
			align-items: center;
			gap: 15px;
			margin-top:9px;
			padding: 16px 30px;
			border-radius:5px 5px 35px 5px;
			font-size:20px;
			line-height:1.2;
		}
		

    dl.mainLecture { background:url('../image/main/mainLecture_bg.png') no-repeat; -webkit-background-size:auto 100%; background-size:auto 100%; padding:33px 34px; border-radius:10px; }
    dl.mainLecture dt { margin-bottom:15px; font-size:24px; line-height:35px; }
    dl.mainLecture ul { grid-template-columns:repeat(4, 1fr); grid-gap:10px; }
    dl.mainLecture .info { font-size:22px; }
    dl.mainLecture .info span { 
        width:197px; 
        height:40px; 
        margin-bottom:15px; 
        font-size:20px; 
        line-height:40px; 
        border-radius:0 18px 18px; 
    }
    dl.mainLecture .img { min-width:180px; }
    dl.mainLecture .tit { font-size:14px; line-height:20px; }
    dl.mainLecture .lectureTit { font-size:14px; line-height:20px; margin-top:10px; width:80%}

    dl.mainLecture .bx-controls { top:30px; right:25px; }
    dl.mainLecture .bx-prev,
    dl.mainLecture .bx-next { width:30px; height:30px; }
    dl.mainLecture .bx-next { margin-left:5px; }
    div.mainProgram { width:190px; height:234px; margin-left:9px; border-radius:10px; }
    div.mainProgram a { font-size:20px; line-height:25px; font-weight:700; display:flex; height:100%; flex-direction:column; justify-content:space-between; 
        padding:30px 24px; box-sizing:border-box; background:#def3ff url('../image/main/mainProgram_bg.png') no-repeat left 20px bottom 20px; }
    div.mainProgram a div { text-align:right; }
}

/* lecture wrap - 25.02.24 임수비 */
.lecture-slider-mo {
	display: none;
}
.lecture-wrap {
	position: relative;
}
.lecture-wrap,
.lecture-wrap * {
	box-sizing: border-box;
}
.js-lecture-rolling.slick-initialized .slick-slide,
.js-lecture-slider.slick-initialized .slick-slide {
	display: grid;
}
.lecture-box {
	display: grid;
	width: 100%;
	height: 500px;
	max-height: 500px;
	padding: 45px 30px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}
.lecture-box.n2 {
	grid-template-columns: repeat(2, 1fr);
}
.lecture-box.n3 {
	grid-template-columns: repeat(3, 1fr);
}
.lecture-box:not(.type4) > .lecture-box-tit {
	width: 100%;
	padding: 12px 5px;
	font-size: 23px;
	font-weight: 600;
	letter-spacing: -0.05em;
	text-align: center;
	background-color: #fff;
	border-radius: 26px 26px 0 26px;
}
.lecture-box.n3 > .lecture-box-tit {
	grid-column: 1 / span 3;
}
.lecture-box.n2 > .lecture-box-tit {
	grid-column: 1 / span 2;
}
.lecture-box.type2 > .lecture-box-tit {
	color: #de7258;
}
.lecture-box.type3 > .lecture-box-tit {
	
	color: #193a78;
}
.lecture-con {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
.lecture-info {
	width: 85%;
	padding: 12px 5px;
	font-size: 23px;
	font-weight: 600;
	color: #ca2549;
	letter-spacing: -0.05em;
	background-color: #fff;
	border-radius: 26px 26px 0 26px;
}
.lecture-tit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	padding: 0 12px;
	margin: 20px 0;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
	color: #fff;
}
.lecture-person > p {
	margin-top: 20px;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
.lecture-person > p > span {
	font-size: 15px;
	color: #930a00;
}
.lecture-wrap .slick-list{
	margin: 0 -12px;
}
.lecture-wrap .slick-slide{
	margin: 0 12px;
}
.lecture-wrap .slick-dots{
	position: absolute;
	top: 15px;
	right: 10px;
}
.lecture-wrap .slick-dots li{
	display: inline-block;
	margin: 0 2px;
	vertical-align: top;
}
.lecture-wrap .slick-dots li button{
	overflow: hidden;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
	text-indent: -9999em;
}
.lecture-wrap .slick-dots li.slick-active button{
	width: 22px;
	background-color: #ffef37;
	border-radius: 50px;
}
.lecture-wrap .type1 {
	background-image: url('../image/main/bg_main_lecture_page01.png');
}
.lecture-wrap .type2 {
	background-image: url('../image/main/bg_main_lecture_page02.png');
}
.lecture-wrap .type2 .lecture-info {
	color: #de7258;
}
.lecture-wrap .type3 {
	background-image: url('../image/main/bg_main_lecture_page03.png');
}
.lecture-wrap .type3 .lecture-info {
	color: #193a78;
}
.lecture-wrap .type3 .lecture-person > p > span {
	color: #16b6d8;
}
.lecture-wrap .type4 {
	background-image: url('../image/main/bg_main_lecture_page04.png');
}
.lecture-wrap .type4 {
	padding-bottom: 0;
	grid-template-areas:
	"tit tit"
	"kds yjm";
}
.lecture-wrap .type4 > .lecture-box-tit {
	grid-area: tit;
	margin-bottom: 67px;
	font-size: 22px;
	color: #fff;
	text-align: center;
}
.lecture-wrap .type4 > .lecture-box-tit > span {
	display: inline-block;
	margin-bottom: 12px;
	font-weight: 700;
	font-size: 35px;
}
.lecture-wrap .type4 {
	position: relative;
	justify-content: flex-end;
}
.lecture-wrap .type4 .lecture-tit {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
.lecture-wrap .type4 > .lecture-con {
	justify-content: flex-end;
}
.lecture-wrap .type4 > .lecture-con:nth-child(2) {
	grid-area: kds;
}
.lecture-wrap .type4 > .lecture-con:nth-child(3) {
	grid-area: yjm;
}

@media screen and (max-width:960px) {
	.lecture-slider-pc {
		display: none;
	}
	.lecture-slider-mo {
		display: block;
	}
	.lecture-wrap .slick-initialized .slick-slide,
	.js-lecture-rolling.slick-initialized .slick-slide,
	.js-lecture-slider.slick-initialized .slick-slide {
		display: flex;
	}
	.lecture-con {
		width: 100%;
		height: 100%;
		padding: 30px 15px;
		border-radius: 10px;
	}
	.lecture-info {
		width: calc(100% - 10px);
		border-radius: 13px 13px 0 13px;
		font-size: 16px;
		padding: 5px;
	}
	.lecture-tit {
		height: auto;
		margin: 10px 0;
		padding: 0 6px;
		font-size: 18px;
	}
	.lecture-person > img {
		max-width: 120px;
	}
	.lecture-person > p {
		margin-top: 10px;
		font-size: 18px;
	}
	.lecture-person > p > span {
		font-size: 13px;
	}
	.lecture-wrap .slick-dots li button {
		width: 7px;
		height: 7px;
	}
	.lecture-wrap .slick-dots li.slick-active button {
		width: 14px;
	}
	.lecture-wrap .slick-dots {
		top: 10px;
		right: 10px;
	}
	.lecture-wrap .type4 {
		grid-gap: 30px;
	}
	.lecture-wrap .type4 .lecture-info {
		padding: 0;
		color: #fff;
		font-size: 14px;
		background-color: unset;
	}
	.lecture-wrap .type4 .lecture-info > span {
		font-size: 18px;
	}
	.lecture-wrap .type4 > .lecture-person > img {
		display: inline-block;
		vertical-align: bottom;
		width: 100%;
	}
	.lecture-wrap .type4 .lecture-person > .info {
		max-width: 202px;
	}
	.lecture-wrap .type4 .lecture-person > .person {
		max-width: 285px;
	}
}
@media screen and (max-width:480px) { 

}


/* mainBbs */
dl.mainBbs, dl.mainBbs dt, dl.mainBbs dd, dl.mainBbs ul, dl.mainBbs li { margin:0; padding:0; list-style:none; }
dl.mainBbs { overflow:hidden; position:relative; background-color:#fff; border:1px solid #d8d8d8; }
dl.mainBbs dt { font-weight:700; }
dl.mainBbs li a { position:relative; display:block; color:#0d1c5d; font-weight:600; background-image:url('../image/main/ic_main_bbs_arr.png'); background-repeat:no-repeat; 
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
dl.mainBbs li span { position:absolute; text-align:center; color:#767e87; }

dl.mainBbs .more { position:absolute; }
dl.mainBbs .more a { display:block; width:100%; height:100%; font-size:0; line-height:0; text-indent:-999px; 
    background:url('../image/main/mainMore.png') center center no-repeat; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    dl.mainBbs { margin-bottom:20px; padding-top:10px; border-radius:5px; }
    dl.mainBbs dt { padding:0 15px; font-size:16px; line-height:23px; }

    dl.mainBbs li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:8px 40px 8px 15px; font-size:13px; line-height:20px; 
        background-position:right 15px center; background-size:24px; }
    dl.mainBbs li span { top:12px; left:15px; font-size:11px; line-height:15px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    dl.mainBbs { width:500px; height:234px; overflow:hidden; padding-top:18px; border-radius:10px; box-sizing:border-box;; }
    dl.mainBbs dt { padding:0 28px 0 33px; font-size:24px; line-height:31px; margin-bottom:8px; }

    dl.mainBbs li a { padding:8px 94px 8px 35px; font-size:18px; line-height:36px; background-position:right 30px center; }
    dl.mainBbs li span { top:50%; left:0; width:140px; font-size:15px; transform:translateY(-50%); }

    dl.mainBbs .more { top:18px; right:25px; width:33px; height:31px; }

    dl.mainBbs li a:hover { background-color:#f2f6f9; background-image:url('../image/main/ic_main_bbs_arr_ov.png'); }
}


/* 팝업 > 뉴스레터 */
div#popupNewsletter div.popupCon { overflow:auto; }

ul.newsletter, ul.newsletter li, ul.newsletter a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.newsletter { display:grid; }
ul.newsletter a { position:relative; display:table-cell; width:500px; vertical-align:middle; text-align:center; color:#fff; font-weight:600; 
    background:url('../image/main/popup_newsletter_bg.png') right top no-repeat; background-size:100% 100%; box-sizing:border-box; }
ul.newsletter a:after { position:absolute; left:50%; transform:translateX(-50%); border-radius:5px; content:"바로가기"; text-align:left; color:#152756; font-weight:500; 
    background-color:#fff; background-image:url('../image/main/popup_newsletter_arr.png'); background-repeat:no-repeat; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div#popupNewsletter div.popupCon { max-height:180px; }

    ul.newsletter { grid-template-columns:repeat(2, 1fr); gap:10px; }
    ul.newsletter a { height:85px; padding-bottom:36px; border-radius:10px; font-size:14px; line-height:14px; }
    ul.newsletter a:after { bottom:10px; width:65px; height:25px; font-size:12px; line-height:25px; padding-left:10px; background-position:right 8px center; 
        background-size:5px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div#popupNewsletter div.popupCon { max-height:355px; }

    ul.newsletter { grid-template-columns:repeat(3, 1fr); gap:15px; }
    ul.newsletter a { height:170px; padding-bottom:68px; border-radius:10px; font-size:20px; line-height:20px; }
    ul.newsletter a:after { bottom:30px; width:95px; height:38px; font-size:15px; line-height:38px; padding-left:20px; background-position:right 18px center; }
}


/* message 초대의 글 */
.dear { 
	background:#f3f9ff url('../image/sub/img_dear_bg.png') 0 0 no-repeat; 
	position:relative; 
	z-index:-1; 
}
.dear p { 
	font-weight:500; 
	color:#0b0d39; 
}
.dear span { 
	font-family:'GmarketSans'; 
	font-weight:500; 
	background:linear-gradient(to right, #a92dcd, #1675ce); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	.dear { 
		padding:30px 20px 185px 20px; 
		margin:30px 0; 
		border-radius:45px 0 0 0; 
	}
	.dear::after { 
		content:''; 
		width:100%; 
		height:100%; 
		position:absolute; 
		left:0; 
		bottom:0; 
		background:url('../image/sub/img_dear_01.png') center bottom 0 no-repeat; 
		background-size:auto 60%; 
	}
	.dear p { 
		padding:0; 
		font-size:14px; 
		text-align:center; 
	}
	.dear span { 
		font-size:20px; 
	}
	div.message p + p { margin-top:15px; }
}
@media screen and (max-width:480px) { 
	.dear::after { 
		content:''; 
		width:100%; 
		height:100%; 
		position:absolute; 
		left:0; 
		bottom:0; 
		background:url('../image/sub/img_dear_01.png') center bottom 0 no-repeat; 
		background-size:auto 40%; 
	}
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	.dear { 
		padding:0 70px; 
		margin:30px 0; 
		border-radius:90px 0 0 0; 
	}
	.dear::after { 
		content:''; 
		width:100%; 
		height:250px; 
		position:absolute; 
		left:0; 
		bottom:0; 
		background:url('../image/sub/img_dear_01.png') right 0 bottom 0 no-repeat
	}
	.dear p { 
		padding:60px 0; 
		font-size:19px; 
	}
	.dear span { 
		font-size:34px; 
	}
    div.message p { letter-spacing:-1px; }
    div.message p + p { margin-top:30px; }
}


/* 초록접수 */
dl.deadline { position:relative; border-radius:10px; background-image:url('../image/sub/deadline.png'); background-repeat:no-repeat; background-color:#f6fffe; }
dl.deadline dt, dl.deadline dd { font-weight:bold; }
dl.deadline dt:first-child { margin-top:0; }
dl.deadline dd { color:#d41b1b; }

dl.abinfoPoint { position:relative; border-radius:10px; background-image:url('../image/sub/abs_info.png'); background-repeat:no-repeat; background-color:#fff2f9; }
dl.abinfoPoint dt, dl.abinfoPoint dd { font-weight:bold; }
dl.abinfoPoint dt:first-child { margin-top:0; }
dl.abinfoPoint dd { color:#d41b1b; }

dl.abinfo { position:relative; border-radius:10px; background-repeat:no-repeat; background-color:#f8f5fe; padding:10px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    dl.deadline { padding:10px 10px 10px 80px; background-size:41px auto; background-position:20px center; }
    dl.deadline dt { margin-top:10px; }

    dl.abinfoPoint { padding:10px 10px 10px 80px; background-size:41px auto; background-position:20px center; }
    dl.abinfoPoint dt { margin-top:10px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    dl.deadline { padding:30px 20px 30px 170px; background-position:50px center; }
    dl.deadline dt, dl.deadline dd { font-size:18px; }
    dl.deadline dt { margin-top:20px; }

    dl.abinfoPoint { padding:30px 20px 30px 170px; background-position:50px center; }
    dl.abinfoPoint dt, dl.abinfoPoint dd { font-size:18px; }
    dl.abinfoPoint dt { margin-top:20px; }

    div.abstract table.tblDef + table.tblDef { margin-top:30px; }

    div.abstract table.inputTbl input[type=text],
    div.abstract table.inputTbl input[type=password] { width:100%; }
}


/* 초록접수 완료 */
p.search,
p.comp { line-height:1.5; background-repeat:no-repeat; text-align:center; font-weight:600; }

p.search { background-image:url('../image/sub/abst_search.png'); }
p.comp { background-image:url('../image/sub/abst_comp.png'); }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    p.search,
    p.comp { padding:100px 0 15px; font-size:18px; background-position:center 20px; background-size:auto 70px; }
    div.abstComp div.btnArea a:first-child { margin-bottom:10px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.abstComp table.tblDef,
    div.search table.inputTbl { width:800px; margin:0 auto; }
    div.search table.inputTbl input[type=text] { width:100%; }

    div.search table.tblDef + table.tblDef { margin-top:30px; }

    p.search,
    p.comp { padding:200px 0 30px; font-size:30px; background-position:center 30px; }
}


/* poster */
div.poster .subTit { line-height:30px; }
div.poster .subTit span.btn { margin:-6px 0 0 10px; }


/* Travel grant */
dl.agreeCon { background-color:#f7f7f7; border:1px solid #ccc; border-radius:10px; }
dl.agreeCon dt { font-weight:600; }
dl.agreeCon dt:first-child { margin-top:0; }

div.agree { text-align:center; }
div.agree label { display:inline-block; vertical-align:top; }

div.apply table.tblDef > * > tr > * { padding:10px; border-left:1px solid #ccc; }
div.apply table.tblDef > * > tr > *:first-child { border-left:0 none; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.apply dl.deadline { margin-bottom:20px; }
    div.apply ul.subMenu li a { height:45px; line-height:1.2; }

    dl.agreeCon { padding:15px; }
    dl.agreeCon dt { margin-top:15px; }

    div.agree { padding:10px 0 20px; }
    div.agree input[type=checkbox] { margin:5px 3px 0 5px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.apply dl.deadline { margin-bottom:30px; padding:40px 20px 40px 170px; }
    div.apply ul.subMenu li a br { display:none; }

    dl.agreeCon { padding:30px; }
    dl.agreeCon dt { margin-top:30px; }

    div.agree { padding:20px 0 30px; }
    div.agree input[type=checkbox] { margin:7px 3px 0 5px; }

    div.apply table.inputTbl input[type=text] { width:100%; }
}


/* registInfo 사전등록 */
div.registInfo ul + table.tblDef,
div.registInfo table.tblDef + p { margin-top:10px; }
div.registInfo table.tblDef > * > tr > * { border-left:1px solid #ccc; }
div.registInfo table.tblDef > * > tr > *:first-child { border-left:0 none; }
div.registInfo table.tblDef > * > tr > th + td { border-left:0 none; }

ul.joinType, ul.joinType li { margin:0; padding:0; list-style:none; font-size:0; line-height:0; }
ul.joinType li { display:inline-block; vertical-align:top; }
ul.joinType li:first-child { margin-left:0; }
ul.joinType a { width:100%; border-radius:10px; }
ul.joinType a img { display:block; }

ul.joinType li:first-child a { background-color:#f8f5fe; }
ul.joinType li:last-child a { background-color:#f3f9ef; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.registInfo table.tblDef > * > tr > * { padding:10px; }

    ul.joinType { margin-top:40px; }
    ul.joinType li { width:calc(50% - 10px); margin-left:20px; padding-top:40px; }
    ul.joinType a { padding-bottom:30px; }
    ul.joinType a img { width:120px; margin:-40px auto 0; }

    div.regist table.rwTbl td { padding:5px 0 !important; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    ul.joinType { margin-top:70px; }
    ul.joinType li { width:calc(50% - 20px); margin-left:40px; padding:88px 0 0; }
    ul.joinType li a { padding-bottom:50px; }
    ul.joinType a img { margin:-88px auto 0; }

    div.regist div.search { padding-top:35px; }
}


/* program */
div.program div.btn { text-align:right; }
div.program div.btn a { background-color:#d8602d; color:#fff; }
table.program { table-layout:fixed; padding:0; border-spacing:0px; border-collapse:collapse; }
table.program.border { border-top:2px solid #b73d7f; }
table.program th { background-color:#f8f5fe; font-size:15px; }
table.program > * > tr > * { padding:10px; color:#010101; text-align:center; line-height:20px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; 
    letter-spacing:-1px; }
table.program > * > tr > *:first-child { border-left:0 none; }

/* program table color variation - 25.02.04 mj.park */
table.program th{background-color: #fffcee;}
table.program.border{border-top-color: #268678;}
table.program th,
table.program td{
	padding-left: 7px;
	padding-right: 7px;
	word-break: keep-all;
}


/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.program div.btn { margin:15px 0 15px; }
    div.program div.btn a { padding:8px 10px; }
    div.program ul.conMenu li { width:calc(50% - 10px); margin-bottom:10px; }
    div.program ul.conMenu li:nth-child(-n+2) { margin-top:0; }
    div.program ul.conMenu li:nth-child(odd) { margin-left:0; }
    div.program ul.conMenu a { padding:0 15px; }

    div.program div.tableScroll { margin-top:15px; }
    div.program table.program { width:850px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.program div.btn { margin:25px 0 15px; }
    div.program div.btn a { padding:10px; }
    div.program div.tableScroll { margin-top:25px; }
    table.program { width:100%; }
}


/* 오시는 길 */
div.traffic ul.tabMenu { text-align:center; font-size:0; line-height:0; }
div.traffic ul.tabMenu li { float:none; width:auto; display:inline-block; vertical-align:top; }
div.traffic ul.tabMenu a { padding:0; border:0 none; color:#0d1c5d; font-weight:600; }
div.traffic ul.tabMenu .on a { background-color:#fff; }

div.traffic ul.tabMenu span { display:block; margin:0 auto 10px; border-radius:50%; background-color:#f5f7fd; box-sizing:border-box; }
div.traffic ul.tabMenu img { display:block; margin:0 auto; }

div.traffic div.tabCon { padding:0; }

dl.car, dl.car dt, dl.car dd { margin:0; padding:0; list-style:none; }
dl.car { padding:0 35px; background-repeat:no-repeat; color:#000; font-weight:400; }
dl.car:nth-child(1) { background-color:#ffefef; background-image:url('../image/sub/car_bg_01.png'); }
dl.car:nth-child(2) { background-color:#fff8ef; background-image:url('../image/sub/car_bg_02.png'); }
dl.car:nth-child(3) { background-color:#eff4ff; background-image:url('../image/sub/car_bg_03.png'); }

dl.car dt { display:inline-block; vertical-align:top; font-weight:700; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.mapArea { height:200px; }

    div.traffic { padding-top:20px; }
    div.traffic ul.tabMenu li { padding:0 10px; }
    div.traffic ul.tabMenu span { width:75px; height:75px; padding:3px; }
    div.traffic ul.tabMenu .on span { border:3px solid #607fdd; padding:0; }
    div.traffic ul.tabMenu a { font-size:14px; line-height:18px; }

    div.traffic div.tabCon > *,
    div.traffic div.col2ea > *,
    div.traffic div.col3ea > * { margin-top:20px; }
    div.traffic div.col2ea,
    div.traffic div.col3ea { margin-top:0; }

    dl.car { padding:15px; font-size:14px; line-height:20px; background-size:56px; background-position:right 15px bottom 15px; }
    dl.car dt { padding:20px 3px 0; margin-bottom:10px; font-size:16px; line-height:20px; }
    dl.car:nth-child(1) dt { box-shadow:inset 0 -8px 0 #ffd8d8; }
    dl.car:nth-child(2) dt { box-shadow:inset 0 -8px 0 #fbdb98; }
    dl.car:nth-child(3) dt { box-shadow:inset 0 -8px 0 #d1defb; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.mapArea { height:450px; }

    div.traffic { padding-top:50px; }
    div.traffic ul.tabMenu li { padding:0 15px; }
    div.traffic ul.tabMenu span { width:150px; height:150px; padding:6px; }
    div.traffic ul.tabMenu .on span { border:6px solid #607fdd; padding:0; }
    div.traffic ul.tabMenu a { font-size:18px; line-height:25px; }

    div.traffic div.tabCon > * { margin-top:50px; }

    div.traffic .subTit { margin-top:50px !important; }
    div.traffic .subTit + * { margin-top:0 !important; }

    dl.car { height:274px; font-size:15px; line-height:25px; background-size:83px; background-position:right 35px bottom 45px; }
    dl.car dt { padding:40px 3px 0; margin-bottom:15px; font-size:18px; line-height:30px; }
    dl.car:nth-child(1) dt { box-shadow:inset 0 -15px 0 #ffd8d8; }
    dl.car:nth-child(2) dt { box-shadow:inset 0 -15px 0 #fbdb98; }
    dl.car:nth-child(3) dt { box-shadow:inset 0 -15px 0 #d1defb; }
}


/* 호텔 */
div.hotel div.btn { border-radius:0; }
div.hotel div.btn a { padding:0; border:0 none; }
div.hotel + table.tblDef td + td { border-left:1px solid #ccc !important; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.hotel div.photo img { display:block; max-width:100%; margin:0 auto 20px; }
    div.hotel + table.tblDef { margin-top:15px; width:calc(100% - 30px); }

    div.hotel div.btn { overflow:hidden; margin-bottom:15px; }
    div.hotel div.btn a { float:right; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.hotel { position:relative; min-height:240px; padding:65px 0 0 410px; box-sizing:border-box; }
    div.hotel div.photo { position:absolute; left:0; top:0; }
    div.hotel div.btn { position:absolute; right:0; top:10px; }
    div.hotel + table.tblDef { margin-top:30px; }
}

/* 관광 */
/* Tour */
.tour-text { 
	text-align:center; 
	font-size:30px; 
	font-family:'Paperlogy',sans-serif; 
	font-weight:100; 
	line-height:1.5; 
}
.tour-text span { 
	font-weight:600; 
}
.tour-guide-info { 	
	position:relative; 
	margin-top:30px; 
	background-color:#f6fdff; 
	padding:57px 270px 58px 280px; 
	list-style:none; 
	display:flex; 
	gap:15px 44px; 
	flex-wrap:wrap; 
}
.tour-guide-info:before { 
	position:absolute; 
	content:''; 
	left:0; 
	bottom:0; 
	width:277px; 
	height:188px; 
	background:url('../image/sub/tour/img_tour_title_bg_l.png') no-repeat left top; 
}
.tour-guide-info:after { 
	position:absolute; 
	content:''; 
	right:0; 
	bottom:0; 
	width:239px; 
	height:298px; 
	background:url('../image/sub/tour/img_tour_title_bg_r.png') no-repeat left top; 
}
.tour-guide-info li { 
	position:relative; 	
	padding-left:11px; 
	box-sizing:border-box; 
	letter-spacing:-1px; 
	font-size:20px; 
	font-weight:200; 
}
.tour-guide-info li:before { 
	position:absolute; 
	left:0; 
	top:12px; 
	content:''; 
	width:5px; 
	height:1px; 
	background-color:#191919; 
}
.tour-list-title { 
	border:1px solid #b2b7d3; 
	border-radius:35px; 
	text-align:center; 
	color:#4c61a1; 
	font-size:30px; 
	font-family:'Paperlogy',sans-serif; 
	font-weight:600; 
	line-height:1; 
	margin:30px 0 65px; 
	padding:19px 0; 
	box-sizing:border-box; 
}
.tour-info { 
	display:flex; 
	gap:79px; 
}
.tour-info .tour-map-info { 
	width:530px; 
}
.tour-info area { 
	cursor:pointer; 
}
.tour-map-info { 
	display:flex; 
	gap:15px 30px; 
	flex-wrap:wrap; 
	list-style:none; 
}
.tour-map-info li { 
	width:calc(50% - 15px); 
}
.tour-map-info  img { 
	display:block; margin-bottom:10px; 
}
.tour-map-info span { 
	display:block; 
	font-size:13px; 
	font-weight:300;
	color:#191919; 
	padding-left:10px; 
	line-height:18px; 
	letter-spacing:-1px; 
}
.tour-map-info .title { 
	font-weight:500;
	font-size:17px; 
	margin-bottom:5px; 
}

@media screen and (min-width:961px) { 
	.tour-guide-info li:nth-of-type(1) { order:1; width:calc(53% - 22px); }
	.tour-guide-info li:nth-of-type(2) { order:3; width:calc(53% - 22px); }
	.tour-guide-info li:nth-of-type(3) { order:5; width:calc(53% - 22px); }
	.tour-guide-info li:nth-of-type(4) { order:2; }
	.tour-guide-info li:nth-of-type(5) { order:4; }
	.tour-guide-info li:nth-of-type(6) { order:6; }
}
@media screen and (max-width:960px) { 
	.tour-text { 
		font-size:20px; 
	}
	.tour-guide-info { 
		margin-top:15px; 
		padding:20px 60px 80px 20px; 
		gap:10px; 
	}
	.tour-guide-info:before { 
		width:139px; 
		height:94px; 
		background-size:auto 94px; 		
	}
	.tour-guide-info:after { 
		width:120px; 
		height:149px; 
		background-size:auto 149px; 		
	}
	.tour-guide-info li { 
		width:100%; 
		font-size:16px; 
	}
	.tour-list-title { 
		margin:15px 0 30px; 
		font-size:20px; 
		padding:10px 0; 
	}
	.tour-info { 
		flex-direction :column; 
		gap:20px; 
	}
	.tour-info .tour-map-info { 
		width:100%; 
		gap:15px; 
	}
	.tour-info .tour-map-info li { 
		width:calc((100% - 15px) / 2); 
	}
	.tour-info .tour-map-info span { 
		padding-left:0; 
	}
	.tour-info .tour-map-info .title { 
		font-size:15px; 
	}
}


/* 프로그램 > Plenary lecture */
dl.lecture, dl.lecture dt, dl.lecture dd,
dl.lectureInfo, dl.lectureInfo dt, dl.lectureInfo dd { margin:0; padding:0; list-style:none; }

dl.lecture { border-bottom:1px solid #ccc; }
dl.lecture:first-of-type { border-top:2px solid #b73d7f; }

dl.lecture > dt { background-color:#f8f5fe; color:#4e61b3; }
dl.lecture > dt span { display:block; }
dl.lecture > dt .sessionTit { color:#0d1c5d; font-weight:600; }
dl.lecture > dt .chair { text-align:right; color:#010101; font-weight:500; }

dl.lecture > dt .overview {
	position: absolute;
	top: 82px;
	right: 20px;
	padding: 0 17px;
	line-height: 35px;
	background-color: #fff;
	font-size: 14px;
	color: #000;
	box-shadow: 0 0 5px rgba(111 128 186 / 40%);
}
dl.lecture > dt .overview span {
	display: inline-block;
	width: 10px;
	text-align: center;
}

dl.lectureInfo { position:relative; }
dl.lectureInfo dt { color:#0d1c5d; font-weight:600; }
dl.lectureInfo dt .thumb { position:absolute; display:block; background-color:#bac2d1; background-image:url('../image/sub/thumb.png'); background-position:center center; 
    background-repeat:no-repeat; }
dl.lectureInfo dt .thumb img { display:block; width:100%; height:100%; }
dl.lectureInfo dt .group { display:block; color:#444; font-weight:400; }
dl.lectureInfo dd span { color:#c7226f; box-shadow:inset 0 -10px 0 #fff7e3; }

dl.lectureInfo.noPhoto .thumb { display:none; }

div.moreInfo {background-color: #f5f5f5;display: none;box-sizing: border-box;}
div.moreInfo .organizer {display: block;text-align: right;color: #0d1c5d;font-family: 'Pretendard-SemiBold', sans-serif;}

dl.panel, dl.panel dt, dl.panel dd, dl.panel ul, dl.panel li { margin:0; padding:0; list-style:none; list-style:none; }
dl.panel dt { position:relative; }
dl.panel dt:after { position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:100%; background-color:#bac2d1; content:''; }
dl.panel dt span { z-index:2; position:relative; display:inline-block; vertical-align:top; background-color:#fff; color:#0d1c5d; font-weight:600; }
dl.panel dt span:after { position:absolute; top:50%; right:0; transform:translateY(-50%); border-radius:50%; background-color:#bac2d1; content:''; }

dl.panel li { position:relative; box-sizing:border-box; }
dl.panel li .info { display:table-cell; width:1500px; vertical-align:bottom; color:#363f63; font-weight:600; }
dl.panel li .info span { display:block; color:#7c84a6; font-size:14px; font-weight:400; }
dl.panel li .thumb { position:absolute; display:block; background-color:#bac2d1; background-image:url('../image/sub/thumb.png'); background-position:center center; 
    background-repeat:no-repeat; }
dl.panel li .thumb img { display:block; width:100%; height:100%; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.lecture { margin-top:20px; }
    dl.lecture > dt {overflow: hidden;padding:10px 15px;min-height: 100px;}
    dl.lecture > dt .sessionTit { font-size:16px; }
	dl.lecture > dt .chair {
		display: block;
		position: static;margin-top: 5px;
	}
	dl.lecture > dd {padding: 15px 0;}
	
	dl.lecture > dt .overview {
		float: right;
		position: static;
		margin-top: 10px;
	}
    
    dl.lectureInfo + dl.lectureInfo { margin-top:20px; }
    dl.lectureInfo dt { position:relative; min-height:95px; padding:20px 0 0 90px; font-size:14px; box-sizing:border-box; }
    dl.lectureInfo dt .thumb { top:0; left:0; width:75px; height:90px; background-size:75px; }
    dl.lectureInfo dt .group { margin-top:4px; font-size:12px; line-height:15px; }
    dl.lectureInfo dd { margin-top:10px; text-align:left; }

    dl.lectureInfo.noPhoto dt { min-height:auto; padding:0; }

    div.moreInfo { margin-top:0; padding:10px 15px;margin-bottom: 20px;}

    dl.panel { margin-top:20px; }
    dl.panel dt:after { height:1px; }
    dl.panel dt span { padding-right:15px; font-size:15px; line-height:25px; }
    dl.panel dt span:after { width:6px; height:6px; }

    dl.panel ul:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
    dl.panel li { margin-top:10px; padding-left:95px; }
    dl.panel li .info { height:80px; padding-bottom:10px; font-size:13px; line-height:18px; }
    dl.panel li .info span { font-size:12px; }
    dl.panel li .thumb { top:0; left:0; width:75px; height:90px; background-size:75px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.lecture { margin-top:25px; }
    dl.lecture > dt {min-height: 140px;padding:20px 25px; font-size:16px; }
    dl.lecture > dt .sessionTit { font-size:22px; }
    dl.lecture > dt .chair { font-size:17px; }
    dl.lecture > dd { padding:30px 25px; }

	dl.lecture > dt .overview {
		float: right;
		position: static;
		margin-top: 10px;
	}

    /* dl.lectureInfo { display:table-cell; vertical-align:middle; width:2000px; height:150px; padding:10px 10px 10px 150px; box-sizing:border-box; } */
	dl.lectureInfo {min-height: 150px;margin-top: 20px;padding: 10px 10px 10px 150px;box-sizing: border-box;}
    dl.lectureInfo + dl.lectureInfo { margin-top:20px; }
    dl.lectureInfo dt { font-size:20px; }
    dl.lectureInfo dt .thumb { top:0; left:0; width:125px; height:150px; }
    dl.lectureInfo dt .group { margin-top:5px; font-size:18px; }
    dl.lectureInfo dd { padding-top:20px; font-size:21px; }

    dl.lectureInfo.noPhoto { min-height:auto; padding-left:0; }
    dl.lectureInfo.noPhoto dt { padding-top:0; }
    dl.lectureInfo.noPhoto dd { height:auto; }

    div.moreInfo {padding:20px 30px; font-size:15px; line-height:25px;margin-bottom: 20px;}
    div.moreInfo .organizer { margin-bottom:10px; }

    dl.panel { margin-top:20px; }
    dl.panel dt:after { height:2px; }
    dl.panel dt span { padding-right:20px; font-size:17px; line-height:35px; }
    dl.panel dt span:after { width:8px; height:8px; }

    dl.panel ul:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }
    dl.panel li { float:left; width:calc(50% - 10px); margin:20px 0 0 20px; padding-left:150px; }
    dl.panel li:nth-child(2n+1) { margin-left:0; clear:both; }

    dl.panel li .info { height:140px; padding-bottom:10px; font-size:15px; line-height:20px; }
    dl.panel li .info span { margin-top:5px; font-size:14px; }
    dl.panel li .thumb { top:0; left:0; width:125px; height:150px; }
}


div.symposia ul.conMenu li a { display:table-cell; width:1500px; border-color:#5ea338; color:#5ea338; background-color:#f4f9f1; font-weight:400; vertical-align:middle;
    text-align:center; }
div.symposia ul.conMenu li.on a { color:#fff; background-color:#5ea338; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.symposia { margin-top:20px; }
    div.symposia ul.conMenu { overflow:hidden; }
    div.symposia ul.conMenu li { float:left; width:calc(50% - 5px); margin-bottom:10px; }
    div.symposia ul.conMenu li:nth-child(2n+1) { clear:both; margin-left:0; }
    div.symposia ul.conMenu li  a { width:1500px; height:50px; vertical-align:middle; border-radius:25px; font-size:14px; line-height:15px; letter-spacing:-0.5px; }
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
    div.symposia { margin-top:25px; }
    div.symposia ul.conMenu { margin-bottom:30px; text-align:center; }
    div.symposia ul.conMenu li { width:191px; }
    div.symposia ul.conMenu li a { width:1500px; height:65px; vertical-align:middle; border-radius:33px; font-size:15px; line-height:20px; letter-spacing:-0.5px; }
}

/* social event */
ul.social, ul.social li { margin:0; padding:0; list-style:none; }
ul.social { display:grid; color:#fff; }
ul.social > li { 
	position:relative; 
	display:flex; 
	flex-direction:column; 
	justify-content:space-evenly; 
	align-items:center; 
	background-position:center top; 
	background-repeat:no-repeat; 
	box-sizing:border-box; 
	background-size:cover; 
}
ul.social > li > ul > li { 
	padding:0; 
}
ul.social > li { position:relative; background-position:center top; background-repeat:no-repeat; box-sizing:border-box; }
ul.social h3 { text-align:center; line-height:1; }
ul.social > li li { padding-left:1em; font-weight:500; }
ul.social > li li:first-child { margin-top:0; }

ul.social > li:nth-child(1) { background-image:url('../image/sub/img_social_bg01.png'); }
ul.social > li:nth-child(2) { background-image:url('../image/sub/img_social_bg02.png'); }
ul.social > li:nth-child(3) { background-image:url('../image/sub/img_social_bg03.png'); }
ul.social > li:nth-child(4) { background-image:url('../image/sub/img_social_bg04.png'); }

@media screen and (max-width:960px) { 
	ul.social { margin:0 15px; grid-template-columns:repeat(1, 1fr); gap:20px 0; }
	ul.social > li { min-height:194px; padding:15px; background-size:100% 100%; border-radius:105px 105px 0 0; }
	ul.social > li img { max-width:50px; }
	ul.social > li:after { bottom:15px; right:25px; width:45px; height:75px; background-size:100%; }
	ul.social h3 { padding-bottom:0; font-size:17px; }
	ul.social > li li { margin-top:0; font-size:15px; }
}
@media screen and (max-width:480px) { 
	ul.social > li:after { width:0; }
}
	/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	ul.social { grid-template-columns:repeat(4, 1fr); gap:20px; }
	ul.social > li { height:378px; padding:20px 10px; border-radius:142px 142px 0 0; text-align:center; }
	ul.social > li:nth-child(2) img { max-width:80px; }
	ul.social > li:nth-child(3) img { max-width:80px; }
	ul.social h3 { padding-bottom:0; font-size:34px; }
	ul.social > li li { margin-top:0; font-size:18px; }
	ul.social > li:after { top:0; left:0; width:100%; height:105%; }
}


/* 층별안내 */
.floor > img:nth-child(2) { margin:70px 0; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	.floor > img:nth-child(2) { margin:35px 0; }
}

/* 창원 시티 투어 버스 */
.busTour p.busImg { 
	position:relative; 
	margin-top:10px; 
}
.busTour p.busImg::after { 
	content:''; 
	background:no-repeat url('../image/sub/bus_img.png') center / cover; 
}
.busTour p span.red { 
	color:#ef1414
}

.busInfo { 
	position:relative; 
	background:linear-gradient(to right, #fff1ff, #ebf1ff); 
}
.busInfo:after { 
	content:''; 
	position:absolute; 
	background:no-repeat url('../image/sub/busInfo_bg.png') center / cover; 
}
.busInfo dt { 
	font-weight:800; 
	color:#ad0f64; 
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	.busTour p.busImg::after { 
		display:block; 
		position:relative; 
		width:250px; 
		height:238px; 
		margin:-30px auto 0; 
		z-index:-1; 
	}
	.busTour p span.point { 
		box-shadow:inset 0 -5px 0 #fff8ab; 
	}
	.busTour .tableScroll + .btn { 
		margin-top:20px; 
	}
	.busInfo { 
		padding:20px 15px 175px; 
	}
	.busInfo:after { 
		left:50%; 
		bottom:-50px; 
		width:303px; 
		height:223px; 
		transform:translateX(-50%); 
	}
	.busInfo dt { 
		font-size:19px; 
	}
	.busInfo dd { 
		margin-top:10px; 
		font-size:14px; 
		line-height:20px; 
	}
	.busInfo + .boldTit2 { 
		margin-top:60px; 
	}
	.busTour .listStar + .tableScroll { 
		margin-top:20px; 
	}
}
/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	.busTour p { 
		font-size:17px; 
	}
	.busTour p.busImg::after { 
		position:absolute; 
		top:-260px; 
		right:0; 
		width:499px; 
		height:477px; 
		z-index:-1; 
	}
	.busTour p span.point { 
		box-shadow:inset 0 -8px 0 #fff8ab; 
	}
	.busTour .tableScroll + .btn { 
		margin-top:30px; 
	}
	.busInfo { 
		padding:45px 40px; 
	}
	.busInfo:after { 
		top:-50px; 
		right:0; 
		width:513px; 
		height:377px; 
	}
	.busInfo dt { 
		font-size:28px; 
	}
	.busInfo dd { 
		margin-top:15px; 
		font-size:17px; 
		line-height:30px; 
	}
	.busInfo + .boldTit2 { 
		margin-top:70px; 
	}

	.busTour .listStar + .tableScroll { 
		margin-top:30px; 
	}
}


/* 오시는 길 */
#popupCome { 
	position:relative; 
    max-width:550px; 
	padding:8px; 
	border-radius:0; 
    background-image:linear-gradient(#fff, #fff),linear-gradient(to top, #7f72f4 0%,  #2cd6fd 100%); 
    background-origin:border-box; 
    background-clip:content-box, border-box; 
}
#popupCome h1 { 
	margin:0; 
	padding:0; 
	font-size:0; 
	line-height:0; 
}
#popupCome .popupCon { 
	padding-bottom:20px; 
}
#popupCome .close { 
	position:static; 
	display:flex; 
	justify-content:flex-end; 
	align-items:center; 
	padding:9px 25px; 
	background-color:#edf0f5; 
}
#popupCome .close a { 
	display:inline-block; 
	width:auto; 
	height:auto; 
	background:none; 
	line-height:1.5; 
	margin-left:25px ; 
	padding:5px 25px; 
	font-size:15px; 
	color:#fff; 
	background-color:#35356f; 
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	#popupCome .close a { 
		margin-left:15px; 
		padding:2px 15px; 
		font-size:14px; 
	}
}


/* sponsor banner - 24.03.13 박민지 */
.inner-layer { 
		width: 100%;
    max-width:1200px; 
    margin:0 auto; 
		box-sizing: border-box;
}
.sponsor-rolling-wrap { 
    width:100%; 
    margin-top:50px; 
    padding:30px 0; 
    margin-bottom:-50px; 
    background-color:#fff; 
    box-sizing:border-box; 
}
.sponsor-rolling-wrap * { 
    box-sizing:border-box; 
}
.sponsor-rolling-wrap .inner-layer { 
    display:flex; 
    flex-wrap:wrap; 
    justify-content:center; 
    align-items:center; 
}
.sponsor-wrap { 
    width:50%; 
    margin:8px 0; 
}
.sponsor-wrap:after { 
    display:block; 
    content:''; 
    clear:both; 
}
.sponsor-wrap .sponsor-tit { 
    display:inline-block; 
    width:150px; 
    padding:10px 10px; 
    border-radius:5px 5px 25px 5px; 
    background-repeat:no-repeat; 
    background-position:right bottom; 
    background-size:cover; 
    font-size:20px; 
    font-weight:600; 
    color:#fff; 
    text-align:center; 
    vertical-align:middle; 
}
.sponsor-tit.diamond-pl { 
    background-image:url('../image/main/bg_diamondPl.png'); 
}
.sponsor-tit.diamond { 
    background-image:url('../image/main/bg_diamond.png'); 
}
.sponsor-tit.platinum { 
    background-image:url('../image/main/bg_platinum.png'); 
}
.sponsor-tit.gold { 
    background-image:url('../image/main/bg_gold.png'); 
}
.sponsor-wrap:has(.silver) {
	flex: 1;
}
.sponsor-tit.silver { 
  	background-image:url('../image/main/bg_silver.png'); 
}
.sponsor-rolling { 
    display:inline-block; 
    width:calc(100% - 155px); 
    padding:0 30px; 
    vertical-align:middle; 
}
.sponsor-rolling a { 
    display:inline-block; 
    border:1px solid #e7e7e7; 
}
.sponsor-rolling .slick-list { 
    margin:0 30px; 
}
.sponsor-rolling .slick-slide { 
    margin:0 10px; 
    text-align:center; 
}
.sponsor-rolling .slick-slide img { 
    display:inline-block; 
    max-width:100%; 
    vertical-align:middle; 
}
.sponsor-rolling .slick-arrow { 
    overflow:hidden; 
    position:absolute; 
    top:50%; 
    -webkit-transform:translateY(-50%); 
    transform:translateY(-50%); 
    z-index:1; 
    background-repeat:no-repeat; 
    background-position:center; 
    background-size:100%; 
    background-color:transparent; 
    width:15px; 
    height:26px; 
    text-indent:-9999em; 
}
.sponsor-rolling .slick-prev { 
    left:30px; 
    background-image:url('../image/main/ic_sponsor_prev.png'); 
}
.sponsor-rolling .slick-next { 
    right:30px; 
    background-image:url('../image/main/ic_sponsor_next.png'); 
}

@media screen and (max-width:960px) { 
    .inner-layer { 
        padding-left:20px; 
        padding-right:20px; 
    }
    .sponsor-rolling-wrap { 
        margin-top:20px; 
        margin-bottom:-20px; 
    }
    .sponsor-wrap { 
        width:100%; 
    }
    .sponsor-wrap .sponsor-tit { 
        padding:5px 0; 
        width:95px; 
        border-radius:3px 3px 13px 3px; 
        font-size:13px; 
    }
    .sponsor-rolling { 
        width:calc(100% - 100px); 
        padding:0; 
        padding-left:10px; 
        vertical-align:middle; 
    }
    .sponsor-rolling .slick-list { 
        margin:0 20px; 
    }
    .sponsor-rolling .slick-slide { 
        margin:0 5px; 
    }
    .sponsor-rolling .slick-arrow { 
        background-size:10px; 
    }
    .sponsor-rolling .slick-prev { 
        left:10px; 
    }
    .sponsor-rolling .slick-next { 
        right:0; 
    }
}

/* 관광::맛집 style 추가 - 25.01.10 박민지 */
div.tour {}
div.tour2 {}
div.tour2 h3 {color:#fff;font-weight:normal;box-sizing:border-box;}
div.tour2 h3.type1 {background-color:#62a3da;}
div.tour2 h3.type2 {background-color:#447dd2;}
div.tour2 h3.type3 {background-color:#585dcd;}
div.tour2 h3.type4 {background-color:#7e4cc1;}
div.tour2 h3.type5 {background-color:#9d49bc;}
div.tour2 h3.type6 {background-color:#bd56b2;}
div.tour2 h3.type7 {background-color:#b34d80;}
div.tour2 h3.type8 {background-color:#af4b55;}
div.tour2 h3.type9 {background-color:#d25f37;}
div.tour2 h3.type10 {background-color:#e28c27;}
div.tour2 h3.type11 {background-color:#96bc20;}
div.tour2 h3.type12 {background-color:#38b23a;}
div.tour2 h3 span.num {font-family:'Pretendard-SemiBold', sans-serif;}
div.tour2 h3 span.tit {font-family:'Pretendard-Medium', sans-serif;}

div.tour2 table.tblDef tbody th,
div.tour2 table.tblDef tbody td {text-align:center !important;}
div.tour2 table.tblDef tbody td {font-family:'Pretendard-Medium', sans-serif;}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) {
	div.tour div.tour img {display:block;max-width:100%;margin:0 auto 20px;}

	div.hotel div.btn {overflow:hidden;margin-bottom:15px;}
	div.hotel div.btn a {float:right;}

	div.tour2 {margin-top:30px;}
	div.tour2 h3 {margin-bottom:15px;padding:10px 15px;border-radius:5px 5px 20px 20px}
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) {
	div.tour {position:relative;min-height:180px;padding:0 0 0 340px;box-sizing:border-box;}
	div.tour div.photo {position:absolute;left:0;top:0;}
	div.tour th {text-align:center;}

	div.tour2 {position:relative;padding-bottom:72px;overflow:hidden;}
	div.tour2:first-of-type {margin-top:20px;}
	div.tour2 > * {float:left;}

	div.tour2 h3 {position:relative;width:160px;padding:20px 10px 25px;border-radius:10px 10px 50px 50px;text-align:center;}

	div.tour2 h3 span {display:block;}
	div.tour2 h3 span.num {font-size:20px;}
	div.tour2 h3 span.tit {display:table-cell;vertical-align:middle;width:1000px;height:50px;font-size:18px;}
	div.tour2 h3 span.arr {position:absolute;left:50%;top:calc(100% + 17px);width:35px;background:repeat-y url('../image/sub/tour_arr.png') left top;transform:translateX(-50%);}
	div.tour2:last-of-type h3 span.arr {display:none;}

	div.tour2 div.photo {margin-left:34px;}
	div.tour2 table.tblDef {width:697px;margin-left:23px;}
}

/* button 관련 수정 - 25.01.16 mj.park */
.btn .lh-auto{
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.2 !important;
}

/* Detail Porgram 작업 - 25.02.12 mj.park */
.sub-tab-wrap,
.sub-tab-wrap *{
    box-sizing: border-box;
}
.sub-tab-menu,
.sub-tab-menu > li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.btn-tab-menu{
    display: none;
}
.sub-tab-wrap{
    margin-bottom: 30px;
}
.sub-tab-menu{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sub-tab-menu > li{
    width: calc((100% - 30px)/3);
    height: 70px;
    text-align: center;
}
.sub-tab-wrap.type2 .sub-tab-menu > li{
    width: calc((100% - 40px)/5);
}
.sub-tab-menu > li > a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fffcee;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.05em;
    line-height: 1.2;
    transition: 0.3s ease;
}
.sub-tab-menu > li.on > a,
.sub-tab-menu > li:hover > a{
    background-color: #df7c2c;
    color: #fff;
}
.sub-tab-wrap.type2 .sub-tab-menu > li{
    height: 60px;
}
.sub-tab-wrap.type2 .sub-tab-menu > li > a{
    border: 1px solid #5ea338;
    border-radius: 30px;
    background-color: #f4f9f1;
    font-size: 15px;
    letter-spacing: -0.03em;
    color: #5ea338;
    line-height: 1.2;
}
.sub-tab-wrap.type2 .sub-tab-menu > li.on > a,
.sub-tab-wrap.type2 .sub-tab-menu > li:hover >a{
    border-color: #5ea338;
    background-color: #5ea338;
    color: #fff;
}
.detail-conbox,
.detail-conbox *{
    box-sizing: border-box;
}
.detail-conbox + .detail-conbox{
    margin-top: 70px;
}
.session-conbox{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
    background-color: #fffcee;
    border-top: 2px solid #df912c;
    letter-spacing: -0.025em;
}
.session-conbox *{
    letter-spacing: -0.025em;
}
.session-conbox .session-info{
    margin-left: auto;
    font-size: 16px;
    text-align: right;
}
.session-conbox .tit-wrap{
    font-size: 16px;
    line-height: 1.3;
}
.session-conbox .tit-wrap .tit{
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.session-conbox .tit-wrap p{
    margin-top: 10px;
}
.session-conbox .overview-conbox{
    display: none;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 15px;
    padding: 20px;
    font-size: 16px;
    line-height: 1.4;
    background-color: #fff;
}
.btn-overview{
    display: inline-block;
    padding: 12px 25px;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 30px;
    font-size: 16px;
}
.btn-overview img{
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
}
.detail-con{
    display: flex;
    align-items: center;
    gap: 35px;
    padding: 30px 40px;
}
.detail-con .img-wrap{
    overflow: hidden;
    flex: 0 0 auto;
    width: 125px;
    height: 150px;
    background-color: #bac2d1;
}
.detail-con .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detail-con .btn-vod{
    margin-left: auto;
}
.detail-con .text-wrap{
    font-size: 18px;
    letter-spacing: -0.05em;
}
.detail-con .name{
    font-weight: 600;
}
.detail-con .text-wrap p{
    margin-bottom: 15px;
    color: #888;
}
.detail-con .text-wrap .tit{
    display: inline;
    color: #df7c2c;
    box-shadow: inset 0 -8px #fff7f1;
}
a.btn-vod,
button.btn-vod{
    display: inline-block;
    padding: 12px 20px;
    border: 1px solid #df7c2c;
    background: transparent;
    border-radius: 30px;
    font-size: 16px;
    color: #df7c2c;
    letter-spacing: -0.025em;
    line-height: 1;
}
.btn-vod img{
    margin-right: 5px;
    vertical-align: middle;
}
.panel-tit-wrap{
    position: relative;
    margin-top: 20px;
    margin-bottom: 35px;
}
.panel-tit-wrap:after{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #42926d;
}
.panel-tit{
    display: inline-block;
    position: relative;
    padding-right: 30px;
    background: #fff;
    font-size: 20px;
    font-weight: 500;
    color: #42926d;
    letter-spacing: -0.05em;
}
.panel-tit:after{
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 6px;
    height: 6px;
    background-color: #42926d;
    border-radius: 50%;
}
.panel-list .img-wrap{
    overflow: hidden;
    flex: 0 0 auto;
    width: 125px;
    height: 150px;
    background-color: #bac2d1;
}
.penl-list .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.panel-list,
.panel-list li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.panel-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 70px;
    padding: 0 40px;
}
.panel-list > li{
    display: flex;
    gap: 35px;
    width: calc((100% - 140px)/3);
    letter-spacing: -0.05em;
}
.panel-list .text-wrap{
    margin-top: auto;
    padding: 10px 0;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
}
.panel-list .text-wrap .name{
    display: block;
    font-weight: 500;
}
.panel-wrap + .panel-wrap{
    margin-top: 50px;
}

/* 초대의 글 : 25.02.27 임수비 */
.text-point {
	color: #e95929;
}
.welcome-wrap {
	padding: 110px 70px 70px;
	background-color: #f6fffe;
	background-repeat: no-repeat;
	background-image: url('../image/sub/bg_welcome01.png'), url('../image/sub/bg_welcome02.png');
	border-radius: 40px 40px 0 40px;
	background-position: top 0 left 0, bottom 0 left 0;
}
.welcome-tit-wrap > h4 > span {
	font-size: 22px;
	font-weight: 400;
}
.welcome-tit-wrap > h4 > strong {
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	background: linear-gradient(#25b2a2 0%, #009ed8 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.welcome-wrap > p {
	margin-top: 60px;
	margin-bottom: 80px;
}
.welcome-wrap > p > .text-point {
	font-weight: 500;
}
.welcome-doc-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	grid-gap: 60px;
}
.welcome-doc-con {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
}
.welcome-doc-con .img-wrap {
	width: 200px;
	margin-bottom: 10px;
	border-radius: 50px 50px 0 50px;
	overflow: hidden;
}

/* 셔틀버스 페이지 작업 - 25.03.17 mj.park */
.bg-box{
    padding: 50px;
    margin-bottom: 80px;
    background-color: #f9fbff;
}
.bg-bus-box{
    display: flex;
    gap: 40px;
}
.bg-bus-box .img-wrap{
    flex: 0 0 auto;
    width: 490px;
}
.bg-bus-box ol,
.bg-bus-box ol li{
    margin: 0;
    padding: 0;
    list-style: none;
}
.bg-bus-box ol > li{
    display: flex;
    gap: 20px;
    margin-top: -10px;
}
.bg-bus-box ol > li + li{
    margin-top: 35px;
}
.bg-bus-box ol .img-wrap{
    flex: 0 0 auto;
    width: 314px;
}
.bg-bus-box ol .text-wrap{
    padding-top: 30px;
    font-size: 18px;
    font-weight: 600;
    color: #35476a;
    line-height: 1.4;
}
.program .conMenu li a{
    background-color: #f4f9f1;
    border-color: #5ea338;
    color: #5ea338;
}
.program .conMenu li.on a{
    background-color: #5ea338;
    color: #fff;
}
.program table.day1 th{
    background-color: #e2f2f1;
    color: #1f837a;
}
.program table.day1 .active{
    background-color: #1f837a;
    color: #fff;
}
.program table.day2 th{
    background-color: #eaf2e2;
    color: #55a138;
}
.program table.day2 .active{
    background-color: #55a138;
    color: #fff;
}
.program table.day3 th{
    background-color: #fff1dd;
    color: #d69230;
}
.program table.day3 .active{
    background-color: #d69230;
    color: #fff;
}

@media screen and (max-width:960px) {
	.btn .lh-auto{
		padding-top: 2px;
		padding-bottom: 2px;
	}

    .sub-tab-wrap{
        position: relative;
        margin-bottom: 20px;
    }
    .btn-tab-menu{
        display: flex;
        position: relative;
        align-items: center;
        width: 100%;
        height: 40px;
        padding: 0 15px;
        padding-right: 35px;
        background-color: #fff;
        border: 1px solid #ccc;
        text-align: left;
        font-size: 14px;
        font-weight: 500;
    }
    .btn-tab-menu:after{
        display: block;
        content: '▼';
        clear: both;
        position: absolute;
        top: 0;
        right: 15px;
        width: 10px;
        height: 100%;
        font-size: 10px;
        line-height: 40px;
        color: #000;
        transition: 0.3s ease;
    }
    .btn-tab-menu.on:after{
        transform: rotate(180deg);
    }
    .btn-tab-menu + ul{
        display: none;
        position: absolute;
        top: 39px;
        z-index: 1;
        width: 100%;
        padding: 10px 0;
        border: 1px solid #ccc;
        border-top: 0;
        background-color: #fff;
    }
    .btn-tab-menu + ul > li{
        width: 100%;
        height: auto;
        text-align: left;
    }
    .btn-tab-menu + ul > li > a{
        display: block;
        padding: 7px 15px;
        text-align: left;
        background-color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
    }
    .btn-tab-menu + ul > li:hover > a,
    .btn-tab-menu + ul > li.on > a{
        background: #fff;
        color: #df7c2c;
    }
    .sub-tab-wrap.type2 .sub-tab-menu > li{
        width: calc((100% - 10px)/2);
        height: 40px;
        border-radius: 15px;
    }
    .sub-tab-wrap.type2 .sub-tab-menu > li > a{
        font-size: 14px;
    }

    .detail-conbox + .detail-conbox{
        margin-top: 40px;
    }
    .detail-wrap + .session-conbox{
        margin-top: 20px;
    }
    .session-conbox{
        flex-direction: column;
        align-items: start;
        padding: 15px;
    }
    .session-conbox .tit-wrap{
        font-size: 14px;
    }
    .session-conbox .tit-wrap .tit{
        font-size: 16px;
    }
    .session-conbox .session-info{
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        font-size: 14px;
    }
    .btn-overview{
        padding: 8px 15px;
        margin-top: 10px;
        font-size: 14px;
    }
    .btn-overview img{
        width: 12px;
        margin-right: 5px;
    }
    .session-conbox .overview-conbox{
        font-size: 14px;
    }
    .detail-wrap{
        margin-top: 20px;
    }
    .detail-con{
        flex-wrap: wrap;
        align-items: start;
        gap: 10px 15px;
        padding: 0;
    }
    .detail-con + .detail-con{
        margin-top: 10px;
    }
    .detail-con .img-wrap{
        width: 80px;
        height: auto;
    }
    .detail-con .text-wrap{
        flex: 0 0 auto;
        width: calc(100% - 95px);
        font-size: 14px;
    }
    .detail-con .text-wrap p{
        margin-bottom: 10px;
    }
    .detail-con .btn-vod{
        padding: 8px 15px;
        font-size: 14px;
    }
    .btn-vod img{
        width: 12px;
        margin-right: 5px;
    }
    .panel-wrap + .panel-wrap{
        margin-top: 30px;
    }
    .panel-tit-wrap{
        margin-bottom: 15px;
    }
    .panel-tit{
        padding-right: 20px;
        font-size: 16px;
    }
    .panel-list{
        padding: 0;
        gap: 15px;
    }
    .panel-list > li{
        width: 100%;
        gap: 15px;
    }
    .panel-list .img-wrap{
        width: 80px;
        height: auto;
    }
    .panel-list .text-wrap{
        font-size: 14px;
    }
    .welcome-wrap {
        position: relative;
        padding: 40px 20px; 
        border-radius: 20px 20px 0 20px;
        background-size: auto 72px, auto 165px ;
        text-align: left;
    }
    .welcome-wrap::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 165px;
        background-color: rgba(255, 255, 255, 0.5);
    }
    .welcome-tit-wrap > h4 > span {
        font-size: 16px;
    }
    .welcome-tit-wrap > h4 > strong {
        font-size: 25px;
        word-break: keep-all;
    }
    .welcome-tit-wrap span > br {
        display: none;
    }
    .welcome-wrap > p {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .welcome-wrap > p > .text-point {
        font-weight: 500;
    }
    .welcome-doc-wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        grid-gap: 20px;
    }
    .welcome-doc-con {
        position: relative;
        font-size: 12px;
        z-index: 5;
    }
    .welcome-doc-con .img-wrap {
        width: 100%;
        max-width: 95px;
        margin-bottom: 5px;
        border-radius: 25px 25px 0 25px;
    }

    /* 셔틀버스 페이지 작업 - 25.03.17 mj.park */
    .bg-bus-box{
        flex-direction: column;
        gap: 15px;
        padding: 20px;
        margin-bottom: 30px;
    }
    .bg-bus-box .img-wrap{
        flex: inherit;
        width: 100%;
        text-align: center;
    }
    .bg-bus-box .img-wrap img{
        max-width: 100%;
    }
    .bg-bus-box ol > li{
        gap: 15px;
        margin-top: 0;
    }
    .bg-bus-box ol > li + li{
        margin-top: 15px;
    }
    .bg-bus-box ol .img-wrap{
        width: 45%;
        min-width: 165px;
    }
    .bg-bus-box ol .text-wrap{
        padding-top: 20px;
        font-size: 14px;
    }
    div.program ul.conMenu li{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .program ul.conMenu li:nth-child(3n + 1){
        margin-left: 10px;
    }
}
@media screen and (max-width: 480px) {
    .bg-bus-box ol .text-wrap{
        padding-top: 10px;
    }
    .bg-bus-box ol .text-wrap br{
        display: none;
    }
}


/* VOD 다시보기 250508 css 수정 start */
.vod-guide {display: flex;justify-content: space-between;gap: 20px;}
.vod-guide button {padding: 15px 30px;border-radius: 10px;background-color: #6957ca;}
.vod-guide button span {display: flex;gap: 10px;font-family: pretendard-SemiBold;font-size: 18px;color: #ffffff;letter-spacing: -0.05em;}
.vod-guide button span::before {content: '';display: block;width: 21px;height: 19px;background: url('../image/sub/icon_btn_vod.png') no-repeat;}
/* vod 다시보기 팝업 */
div.pop-check-lecture {padding-inline: 10px;letter-spacing: -0.05em;}
div.pop-check-lecture .tit {position: relative;margin-top: 20px;border-radius: 10px;background: linear-gradient(90deg, #fff1ff, #ebf1ff);font-family: pretendard-SemiBold;color: #ad0f64;text-align: center;}
div.pop-check-lecture .info {border-radius: 10px;background-color: #fff6ef;}
div.pop-check-lecture .info span {display: flex;align-items: center;color: #df7927;line-height: 1.2;}
div.pop-check-lecture .info span::before {content: '';display: block;flex-shrink: 0;background: url('../image/sub/icon_pop_check_lecture02.png') center center/cover;}
div.pop-check-lecture .pop-tab .pop-tab-list {display: flex;justify-content: center;}
div.pop-check-lecture .pop-tab .pop-tab-list li {min-width: 150px;border-radius: 25px;background-color: #f4e6f1;border: 1px solid #c960a2;color: #c960a2;text-align: center;list-style: none;box-sizing: border-box;}
div.pop-check-lecture .pop-tab .pop-tab-list li.on {background-color: #c960a2;border: 1px solid #c960a2;color: #ffffff;}
div.pop-check-lecture .pop-tab .pop-tab-list li a {display: block;padding: 10px 24px;}
div.pop-check-lecture .pop-tab .pop-tab-con table thead th {background: #8d6c85;padding-block: 10px;font-family: pretendard-SemiBold;color: #ffffff;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody[data-tabCon="visible"] {display: table-row-group;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody[data-tabCon="hidden"] {display: none;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody tr {border-bottom: 1px solid #cccccc;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody td {padding: 7px 5px;text-align: center;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody td span {display: inline-block;width: 58px;padding-block: 3px;border-radius: 3px;font-size: 13px;color: #ffffff;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody td span.agree {background-color: #598bdd;}
div.pop-check-lecture .pop-tab .pop-tab-con table tbody td span.disagree {background-color: #bc435d;}
/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.pop-check-lecture {font-size: 13px;}
	.vod-guide {flex-direction: column;}
	div.pop-check-lecture .tit {padding: 12px;font-size: 18px;}
	div.pop-check-lecture .info {margin-top: 8px;padding: 10px 15px;}
	div.pop-check-lecture .info span {gap: 8px;}
	div.pop-check-lecture .info span::before {width: 25px;height: 25px;}
	div.pop-check-lecture .pop-tab {margin: 18px 0 10px;}
	div.pop-check-lecture .pop-tab .pop-tab-list {flex-wrap: wrap;gap: 5px;}
	div.pop-check-lecture .pop-tab .pop-tab-list li {width: calc((100% - 5px) / 2);}
	div.pop-check-lecture .pop-tab .pop-tab-con {margin-top: 14px;overflow-x: auto;}
	div.pop-check-lecture .pop-tab .pop-tab-con table {}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
	div.pop-check-lecture {font-size: 16px;}
	div.pop-check-lecture .tit {padding: 24px;font-size: 35px;}
	div.pop-check-lecture .tit::after{content: '';position: absolute;bottom: 0;right: 30px;width: 184px;height: 121px;background: url('../image/sub/icon_pop_check_lecture01.png');} 
	div.pop-check-lecture .info {margin-top: 16px;padding: 20px 30px;}
	div.pop-check-lecture .info span {gap: 8px;}
	div.pop-check-lecture .info span::before {width: 34px;height: 34px;}
	div.pop-check-lecture .pop-tab {margin: 36px 0 20px;}
	div.pop-check-lecture .pop-tab .pop-tab-list {gap: 10px;}
	div.pop-check-lecture .pop-tab .pop-tab-con {margin-top: 28px;}
}
/* VOD 다시보기 250508 css 수정 end */

/* 26.01.16 추가, ma.kal */
.bg-box.type-abs {
    margin-bottom: 40px;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
    background-color:#ebf6e4; 
    border: 2px solid #88ce5e;
}