@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;
}

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-Regular', sans-serif; font-weight: normal;}

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.twoLine {}
.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;}
/* 자주 */		.btnDpink {background-color:#c02f5b !important;border-color:#c02f5b !important;color:#fff !important;}
/* 분홍빛빨강 */		.btnPred {background-color:#cf5166 !important;border-color:#cf5166 !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 {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;}

.btn .btnBig {box-sizing:border-box;font-family: 'Play', 'Pretendard-Medium', sans-serif;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 {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 {min-width:170px;padding:2px 20px 0;font-size: 15px;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-family: 'Play', 'Pretendard-SemiBold', sans-serif;text-align: left;}
.subTit.withBtn {line-height: 36px;}
.pointTit {margin: 50px 0 15px;padding: 0;color: #0f2f6e; font-family: 'Play', 'Pretendard-Medium', sans-serif;font-weight: normal;font-size: 22px;}
.boldTit {margin: 30px 0 5px;padding: 0;color: #2b59a7; font-family: 'Play', 'Pretendard-Medium', sans-serif;font-weight: normal;}
.boldTit2 {padding: 0;color: #000; font-family: 'Pretendard-SemiBold', sans-serif;font-weight: normal;}

.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;}
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 li a {display: table-cell;width: 1100px;height: 50px;border: 1px solid #c8d6ee;border-left: 0 none;color: #000;font-size: 15px;line-height: 50px;font-family: 'Play', 'Pretendard-Regular', sans-serif;box-sizing: border-box; }
ul.subMenu li:first-child a {border-left: 1px solid #c8d6ee;}
ul.subMenu li.on a {background-color: #b73d7f;border-color: #b73d7f; color: #fff;}

.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: 400;font-family: 'Play', 'Pretendard-Medium', sans-serif; font-weight: 400; text-align: center; border-radius: 25px;}
ul.conMenu li.on a {color: #fff; background-color: #c960a2;}

ul.tabMenu, ul.tabMenu li, ul.tabMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.tabMenu {}
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: 400;font-family: 'Play', 'Pretendard-Medium', sans-serif;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: 400;font-family: 'Play', 'Pretendard-Medium',sans-serif; font-weight: normal; 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-family: 'Play', 'Pretendard-Regular',sans-serif;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;font-family: 'Play', 'Pretendard-Regular', sans-serif;}
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;}
}




/* 게시판 > 상세보기 */
div.bbsView {}
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 {}
dl.bbs dt {text-align: center;color: #141414;font-family: 'Pretendard-SemiBold', sans-serif;}
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 dt {}
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 dd {}
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;}
dl.bbs dd.link a {}

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-family: 'Play', 'Pretendard Regular', sans-serif;}

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 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) {
/* 페이저 */
ul.pager li.prev {margin-right: 10px;}
ul.pager li.next {margin-left: 10px;}

/* 게시판 검색 */
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:2px solid #a8481a;border-bottom: 1px solid #ccc;}*/
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: #c25baa;}

table.tblDef > * > tr > td {background-color: #fff;font-weight: 400;font-family: 'Play', 'Pretendard Regular', sans-serif;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: #f4e6f1;}
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: 400;font-family: 'Play', 'Pretendard-Medium', sans-serif;}

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 .multi > *,
table.inputTbl .email > *,
table.inputTbl .phone > * {}
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;cline-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;}
table.inputTbl .date input[type=image] {}


/* 파일 찾기 */
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.findIcon:before {display: inline-block;padding: 5px 0;content: "\f3ee";font-family: "Font Awesome 5 Brands";color: #fff;font-size: 20px;line-height: 20px;} */

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 .address  input[type=text],table.rwTbl .address input[type=text]{width:50% !important;}*/
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 {}
table.rwThead > tbody > tr {}
table.rwThead td {padding:5px;min-height:1.2em;}
table.rwThead td:before {display:block;float:left;width:30%;content:attr(data-thead);font-weight:bold;}

table.rwTbl tbody tr,
table.rwThead tbody tr {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: 400;font-family: 'Play', 'Pretendard-Medium', sans-serif;text-decoration:none;letter-spacing: -1px;}
ul.subMenu li.on a {line-height: 38px;}
/*ul.subMenu li:nth-child(-n+2) a{border-top: 1px solid #ccc;}
ul.subMenu li:nth-child(-n+2).on a{border-top: 1px solid #2b59a7;}
ul.subMenu li:nth-child(2n+1) a{border-left: 1px solid #ccc;}
ul.subMenu li:nth-child(2n+1).on a{border-left: 1px solid #2b59a7;}*/

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 {position: relative;;margin: 0;padding: 0;color: #000; font-weight: 400;font-family: 'Pretendard-Light', 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-family: 'Pretendard-Regular', sans-serif;}


/*  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;}
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-family: 'Pretendard SemiBold', sans-serif;letter-spacing: -1px;}
ul#gnb > li > a:after {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;content: '';}

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 li {}
ul#gnb ul a {display: block;padding: 10px 15px;font-size: 13px;line-height: 25px;color: #181b57;font-family: 'Pretendard-Medium', sans-serif;}
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-family: 'Pretendard-SemiBold', sans-serif;}
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:100px;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: #70a9ca;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;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: 20px;line-height: 34px;font-weight: 400;font-family: 'Play', 'Pretendard-Bold', sans-serif;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-family: 'Pretendard-SemiBold', sans-serif;}
ul#gnb ul:after {position: absolute;top: 71px;left: 50%;transform: translateX(-50%);width: 22px;height: 2px;background-color: #fff;content: '';}
ul#gnb ul li {}
ul#gnb ul a {display: block;text-align: center;padding: 10px 10px;color: #fff;font-size: 15px;line-height: 25px;letter-spacing: -1px;font-family: 'Pretendard-Regular', sans-serif;}
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);}
}


/* 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;}
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-family: 'NotoSansKR Regular', sans-serif;}
dl.lnb > dd a:before {position: absolute;top: 0;left: 0;content: '-';}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.lnbWrap {width: 100%;background: linear-gradient(to right, #5489cb, #7860a1);}
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-family: 'Pretendard-Regular', sans-serif;background-color: transparent;}
dl.lnb:last-child > dt > a {border-left: 1px solid #fff;}
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) {
div.lnbWrap {background: linear-gradient(to right, #5489cb, #7860a1);}
div.lnbWrap > div {width: 1200px;height: 55px;margin: 0 auto;}

div.lnbWrap p.home {float: left;width: 70px;height: 55px;background-color: rgba(63,91,126,.6);text-align: center;font-family: 'NotoSanrKR Regular', sans-serif;}
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-family: 'Pretendard-Regular', sans-serif;}
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: absolute;}
p#goTop a,
p#goTop img {display: block;width: 100%;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
p#goTop {right:20px;bottom: -50px;width: 30px;height: 30px;background-size: 30px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
p#goTop {bottom: -85px;right:50%;margin-right: -600px;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.png');background-repeat: no-repeat;}
div#footerWrap dt,
div#footerWrap dd {color: #fff;font-family: 'NotoSansKR DemiLight', sans-serif;}
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 dl {width: 1200px;margin: 0 auto;padding: 10px 0 30px 195px;box-sizing: border-box;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;left: 50%;top: 50%;transform:translateY(-50%);margin-left: 330px;}
}



/* Contents */
div#container {}


/*  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;font-family: 'Play', 'Pretendard-Regular', sans-serif;font-weight: normal;}
div.contents > *,
div.contents > div.formArea {margin-left: 15px;margin-right: 15px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container {position: relative;padding-top: 349px;background: url('../image/common/subVisual.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;font-family: 'Play', 'Pretendard-Regular', sans-serif;font-weight: normal;}

}
/* 준비중 */
div.ing {}
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.mainWrap {}
div#container.main {background-color: #89b8ee;padding-bottom: 20px;transition:background 1s;}
.typeA div#container.main {background-color: #f5f1ff;}
.typeB div#container.main {background-color: #f5f1ff;}
.typeC div#container.main {background-color: #f5f1ff;}
/* .typeA div#container.main {background-color: #3b3c4b;}
.typeB div#container.main {background-color: #2b3e5d;}
.typeC div#container.main {background-color: #083721;} */

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div#container.main {background-image: url('../image/main/main_bg_01_m.png');background-position: center top;background-repeat: no-repeat;background-size: 100% auto;}
.typeA div#container.main {background-image: url('../image/main/main_bg_01_m.png');}
.typeB div#container.main {background-image: url('../image/main/main_bg_02_m.png');}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
div#container.main {padding: 101px 0 50px;background-image: url('../image/main/main_bg_01.png');}
.typeA div#container.main {background-image: url('../image/main/main_bg_01.png');}
.typeB div#container.main {background-image: url('../image/main/main_bg_02.png');}
}

/* mainBnr */
div.mainBnr {position: relative;}

div.dDay {position: absolute;background: linear-gradient(to right bottom, #7165f3, #b44dbd);text-align: center;color: #fff;font-family: 'Pretendard-ExtraBold', sans-serif;box-sizing: border-box;}
div.dDay:after {display: block;color: #fff;content: attr(pub-day);font-family: 'Pretendard-Regular', sans-serif;}

div.eBook {position: absolute;background: linear-gradient(to right bottom, #b33e85, #e67842);text-align: center;color: #fff;font-family: 'Pretendard-ExtraBold', sans-serif;box-sizing: border-box;}
div.eBook:after {display: block;color: #fff;content: attr(pub-day);font-family: 'Pretendard-Regular', sans-serif;}

div.vod {position: absolute;background: linear-gradient(to right bottom, #477f3c, #6ba7aa);text-align: center;color: #fff;font-family: 'Pretendard-ExtraBold', sans-serif;box-sizing: border-box;}
div.vod:after {display: block;color: #fff;content: attr(pub-day);font-family: 'Pretendard-Regular', sans-serif;}

div.goGallery {position: absolute;}
div.goGallery a {display: block;color: #181b57;background-color: #fff;font-family: 'Pretendard-SemiBold', sans-serif;text-align: center;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
	div.mainBnr {padding: 0;}
	div.mainBnr img {display: block;margin: 0 auto;width: 100%;}

	div.dDay {bottom: 25px;left: 20px;width: 109px;height: 48px;padding: 7px;box-shadow: 0 2px 15px rgba(149 148 235);font-size: 20px;line-height: 20px;border-radius: 5px;}
	div.dDay:after {font-size: 10px;line-height: 13px;}

	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 {width: 1200px;height: 518px;margin: 0 auto;background: url('../image/main/mainBnr.png') right 132px no-repeat;}
	div.mainBnr img {display: none !important;}

	div.dDay {top: 37px;right: 0;width: 182px;height: 70px;padding: 14px 0 10px;border-radius:10px;box-shadow: 0 2px 15px rgba(149 148 235);font-size: 30px;}
	div.dDay:after {font-size: 12px;line-height: 21px;}

	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;}
ul.mainQuick li {float: left;box-sizing: border-box;}
ul.mainQuick a {position: relative;color: #181b57;font-family: 'Pretendard-SemiBold', sans-serif;letter-spacing: -1px;}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
ul.mainQuick {margin: 0 20px 20px;border-radius: 5px 30px 5px 30px;box-shadow: 0 0 18px rgba(15,31,89,0.45);}
ul.mainQuick li {width: 50%;border-top: 1px solid rgba(36,42,73,0.3);border-left: 1px solid rgba(36,42,73,0.3);}
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 a {min-height: 60px;padding: 15px 70px 15px 15px;font-size: 16px;line-height: 18px;}
ul.mainQuick img {position: absolute;bottom: 15px;right: 15px;height: 40px;}
}

/*  PC : width:961px ~  */
@media screen and (min-width: 961px) {
ul.mainQuick {width: 1200px;margin: 0 auto;border-radius: 10px 60px 10px 60px;box-shadow: 0 0 35px rgba(15,31,89,0.45);}
ul.mainQuick li {position: relative;float: left;width: 20%;}
ul.mainQuick li:before {position: absolute;top: 36px;left: 0;width: 1px;height: 150px;background-color: rgba(36,42,73,0.3);content: '';}
ul.mainQuick li:first-child:before {width: 0;}
ul.mainQuick a {
	padding: 30px 0;
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 160px;
}
ul.mainQuick img {display: block;margin: 0 auto;}
/* .mainQuick .img-wrap {
	display: flex;
	align-items: flex-end;
	height: 97px;
}  */
/* ul.mainQuick span {display: table-cell;width: 800px;height: 102px;vertical-align: middle;} */

ul.mainQuick a:hover {background-color: #d2e2f3;}
}

/* mainCon */
.mainCon > div {
	margin-top: 20px;
}

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: auto 100%;color: #fff;font-family: 'Pretendard-Medium', sans-serif;letter-spacing: -1px;}
ul.mainDates li:nth-child(1) {margin-top: 0;background-image: url('../image/main/mainDates_bg_01.png');background-color: #d37c01;}
ul.mainDates li:nth-child(2) {background-image: url('../image/main/mainDates_bg_02.png');background-color: #4e6ec0;}
ul.mainDates li:nth-child(3) {background-image: url('../image/main/mainDates_bg_03.png');background-color: #5c910f;}

ul.mainDates span {position: absolute;left: 0;font-family: 'Pretendard-SemiBold', sans-serif;}
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: normal;font-family: 'Pretendard-Bold', sans-serif;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: hiddenbackground: 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-family: 'Pretendard-SemiBold', sans-serif;
	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');}

/*  Mobile : ~ width:960px  */
@media screen and (max-width: 960px) {
div.mainCon {padding: 0 20px;}

ul.mainDates li {margin-top: 5px;border-radius: 5px;padding: 10px 10px 10px 125px;font-size: 12px;line-height: 20px;}
ul.mainDates span {top: 7px;padding-left: 15px;font-size: 14px;line-height: 25px;}
ul.mainDates span img {margin-right: 6px;height: 25px;}

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;}
}

/*  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 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

ul.mainDates {float: left;width: 452px;}
ul.mainDates li {margin-top: 10px;padding: 25px 10px 25px 190px;border-radius: 5px 5px 35px 5px;font-size: 15px;line-height: 22px;}
ul.mainDates span {top: 14px;padding-left: 20px;font-size: 20px;line-height: 43px;}
ul.mainDates span:last-child {font-size: 17px;}
ul.mainDates span img {margin-right: 8px;}

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;}
}

/* lecture wrap - 24.02.15 박민지 */
.mainCon .lecture-wrap{
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	padding: 40px 30px;
	background: url('../image/main/mainLecture_bg.png') no-repeat;
	border-radius: 10px;
	background-size: cover;
}
.lecture-wrap,
.lecture-wrap *{
	box-sizing: border-box;
	font-family: 'Pretendard Variable', sans-serif;
}
.lecture-wrap .lecture-tit{
	margin-bottom: 5px; /* 240403 css 수정 */
	font-weight: 700;
	font-size: 28px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}
.lecture-rolling-wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
/* 240403 리사이즈 할 때 쭈그러드는 현상 완화 css start */
.lecture-rolling-wrap.pcOnly .slick-slide {
	min-width: 1000px;
}
.lecture-rolling-wrap.mOnly .slick-slide {
	min-width: 300px;
}
/* 240403 리사이즈 할 때 쭈그러드는 현상 완화 css end */
.lecture-rolling-wrap:after{
	display: block;
	content: '';
	clear: both;
}
/* 240411 css 추가 키클래스 lecture-page-wrap start */
.lecture-wrap:has(.lecture-page-wrap){
	padding: 0;
	background: none;
}
.lecture-bg-type01, .lecture-bg-type02, .lecture-bg-type03, .lecture-bg-type04, .lecture-fullimage {
	background-size: cover;
	background-repeat: no-repeat;
}
.lecture-bg-type01 {
	background-image: url('../image/main/main_lecture_page01.png');
}
.lecture-bg-type02 {
	background-image: url('../image/main/main_lecture_page02.png');
}
.lecture-bg-type03 {
	background-image: url('../image/main/main_lecture_page03.png');
}
.lecture-bg-type04 {
	background-image: url('../image/main/main_lecture_page04.png');
}
.lecture-fullimage {
	background-image: url('../image/main/main_lecture_page05.png');
	height: 831px;
	position: relative;
}
.lecture-page-wrap :is(.lecture-group-odd, .lecture-group-even) {
	display: flex;
	flex-wrap: wrap;
	column-gap: 12px;
}
.lecture-page-wrap :is(.lecture-group-odd, .lecture-group-even) .lecture-tit {
	width: 100%;
	position: relative;
}
.lecture-page-wrap :is(.lecture-group-odd, .lecture-group-even) .lecture-tit span {
	display: inline-block;
	padding: 12px 35px;
	border: 1px solid #ffffff;
	border-radius: 30px;
	background-color: rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
}
.lecture-page-wrap :is(.lecture-group-odd, .lecture-group-even) .lecture-con {
	float: unset;
	margin-right: 0px;
}
.lecture-page-wrap .lecture-group-odd {
	padding: 40px 30px 20px;
}
.lecture-page-wrap .lecture-group-even {
	position: relative;
	margin-top: 0;
	padding: 20px 30px 40px;
	border-top: unset;
}
.lecture-page-wrap .lecture-group-even.no-tit {
	padding: 20px 30px 119px;
}
.lecture-page-wrap .lecture-group-even::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 30px;
	width: calc(100% - 60px);
	height: 2px;
	background-color: rgba(255, 255, 255, 0.4);
}
.lecture-page-wrap .lecture-fullimage .fullimage-tit {
	position: absolute;
	top: 71px;
	left: 70px;
	font-size: 51px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.2;
	letter-spacing: 0.02em;
}
.lecture-page-wrap .lecture-fullimage .fullimage-tit span {
	font-size: 59px;
	color: #fff55b;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box01 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 520px;
	height: 430px;
	box-sizing: border-box;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box01 a {
	width: 100%;
	height: 100%;
	text-align: right;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box01 .name {
	display: inline-block;
	margin-top: 170px;
	font-size: 32px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.6;
	text-align: left;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box01 .name span {
	display: block;
	font-size: 20px;
	font-weight: normal;
	color: #ffef37;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box02 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 440px;
	height: 570px;
	box-sizing: border-box;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box02 a {
	width: 100%;
	height: 100%;
	text-align: left;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box02 .name {
	display: inline-block;
	margin-top: 150px;
	font-size: 32px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.6;
	text-align: right;
}
.lecture-page-wrap .lecture-fullimage .fullimage-link-box02 .name span {
	display: block;
	font-size: 20px;
	font-weight: normal;
	color: #ffef37;
}
.slick-list:has(.lecture-page-wrap) + .slick-dots{
	position: absolute;
	top: 40px;
	right: 30px;
}
/* 240411 css 추가 키클래스 lecture-page-wrap end */
/* 240402 css 추가 start */
.lecture-group-odd {}
.lecture-group-even{
	margin-top: 10px;
	border-top: 2px solid rgba(255, 255, 255, 0.4);
}
/* 240404 css 추가 start */
.lecture-group-even .lecture-tit {
	margin-top: 15px;
}
/* 240404 css 추가 end */
/* 240402 css 추가 end */
.lecture-con{
	float: left;
	width: calc((100% - 26px)/2); /* 240403 css 변경 */
	height: 284px; /* 240403 css 추가 */
	margin-right: 12px; /* 240403 css 추가 */
}
.lecture-con > a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.lecture-con .img-wrap{
	display: block;
	width: 216px;
}
.lecture-con .text-wrap{
	display: block;
	width: calc(100% - 217px);
	padding-left: 5px;
}
.lecture-con .cate{
	display: inline-block;
	padding: 10px 25px;
	background-color: #fff;
	border-radius: 0 30px 30px 30px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
.lecture-con .cate01{
	color: #c73e61;
}
.lecture-con .cate02{
	color: #3252ca;
}
.lecture-con .cate03{
	color: #8747c9;
}
.lecture-con .cate04{
	color: #229fb9;
}

.lecture-con .name{
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.lecture-con .name > span{
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	color: #ffef37;
}
.lecture-con .tit{
	display: block;
	position: relative;
	margin-top: 20px;
	font-size: 21px;
	font-weight: 500;
	line-height: 25px;
	color: #fff;
}

.lecture-rolling-wrap .slick-list{
	margin: 0 -12px;
}
.lecture-rolling-wrap .slick-slide{
	margin: 0 12px;
}
.lecture-rolling-wrap .slick-dots{
	position: absolute;
	top: -65px;
	right: 0;
}
.lecture-rolling-wrap .slick-dots li{
	display: inline-block;
	margin: 0 2px;
	vertical-align: top;
}
.lecture-rolling-wrap .slick-dots li button{
	overflow: hidden;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
	text-indent: -9999em;
}
.lecture-rolling-wrap .slick-dots li.slick-active button{
	width: 22px;
	background-color: #ffef37;
	border-radius: 50px;
}

@media screen and (max-width: 960px){
	.mainCon .lecture-wrap{
		padding: 40px 20px 30px 10px;
		border-radius: 10px;
		background: url(../image/main/mainLecture_bg_m.png);
		background-size: cover;
	}
	.lecture-con{
		width: 100%;
		height: initial; /* 240403 css 추가 */
	}
	.lecture-wrap .lecture-tit{
		margin-bottom: 20px;
		font-size: 18px;
	}
	.lecture-con .img-wrap{
		width: 120px;
	}
	.lecture-con .text-wrap{
		width: calc(100% - 121px);
		padding-left: 15px;
	}
	.lecture-con .cate{
		padding: 6px 15px;
		font-size: 14px;
	}
	.lecture-con .name{
		margin-top: 15px;
		font-size: 16px;
		line-height: 1.2;
		text-align: initial;
	}
	.lecture-con .name > span{
		display: block;
		margin-top: 3px;
		font-size: 14px;
	}
	.lecture-con .tit{
		margin-top: 15px; /* 240404 css 추가 */
		padding-top: 0px;
		font-size: 14px;
	}
	.lecture-con .tit:before{
		height: 2px;
	}
	.lecture-rolling-wrap.slick-slider,
	.lecture-rolling-wrap .slick-list{
		position: static;
	}
	.lecture-rolling-wrap .slick-dots{
		top: 20px;
		right: 20px;
	}
	.lecture-rolling-wrap .slick-dots li button{
		width: 7px;
		height: 7px;
	}
	/* 240411 css 추가 키클래스 lecture-page-wrap start */
	.lecture-wrap:has(.lecture-page-wrap){
		padding: 0;
		background: none;
	}
	.lecture-page-wrap .lecture-con {
		min-height: 340px;
		padding: 40px 20px 20px 10px;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type01{
		background: url('../image/main/main_lecture_page01_mo.png') no-repeat center center/cover;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type02{
		background: url('../image/main/main_lecture_page02_mo.png') no-repeat center center/cover;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type03{
		background: url('../image/main/main_lecture_page03_mo.png') no-repeat center center/cover;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type04{
		background: url('../image/main/main_lecture_page04_mo.png') no-repeat center center/cover;
	}
	.lecture-page-wrap :is(.lecture-con.lecture-bg-type05-01, .lecture-con.lecture-bg-type05-02) a {
		display: block;
	}
	.lecture-page-wrap :is(.lecture-con.lecture-bg-type05-01, .lecture-con.lecture-bg-type05-02) .lecture-tit {
		text-align: left;
		margin-left: 15px;
	}
	.lecture-page-wrap :is(.lecture-con.lecture-bg-type05-01, .lecture-con.lecture-bg-type05-02) .lecture-tit span {
		display: block;
		color: #fff55b;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type05-01{
		background: url('../image/main/main_GT-2_mo.png') no-repeat left -30px bottom -15px/contain, url('../image/main/main_lecture_page05_mo.png') no-repeat center center/cover;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type05-01 .name {
		margin-top: 160px;
		margin-left: 140px;
		text-align: left;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type05-02{
		background: url('../image/main/main_GT-1_mo.png') no-repeat right 0px bottom -20px/contain, url('../image/main/main_lecture_page05_mo.png') no-repeat center center/cover;
	}
	.lecture-page-wrap .lecture-con.lecture-bg-type05-02 .name {
		margin-top: 95px;
		margin-right: 150px;
		text-align: right;
	}
	.lecture-page-wrap .lecture-tit {
		margin-bottom: 10px;
	}
	.lecture-page-wrap .lecture-con .cate {
		line-height: 1.1;
	}
	.lecture-page-wrap .lecture-con .name{
		margin-top: 5px;
		line-height: 1;
		text-align: center;
	}
	.lecture-page-wrap .slick-dots {
		top: 10px;
		right: 10px;
	}
	/* 240411 css 추가 키클래스 lecture-page-wrap end */
}

@media screen and (max-width: 480px){
	.lecture-con .img-wrap{
		width: 90px;
	}
	.lecture-con .text-wrap{
		width: calc(100% - 91px);
	}
	/* 240411 css 추가 키클래스 lecture-page-wrap start */
	.lecture-page-wrap .lecture-con .img-wrap{
		width: 180px;
	}
	/* 240411 css 추가 키클래스 lecture-page-wrap end */
}

/* 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;}
dl.mainBbs dt {color: #0d1c5d;font-weight: normal;font-family: 'Pretendard-Bold', sans-serif;}
dl.mainBbs ul {}
dl.mainBbs li a {position: relative;display: block;color: #0d1c5d;font-family: 'Pretendard-SemiBold', sans-serif;background-image: url('../image/main/bl_mainBbs.png');background-repeat: no-repeat;}
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: 28px 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: 730px; height: 218px; overflow: hidden; flex-grow: 1; margin-right: 18px; padding-top: 18px;border-radius: 10px;}
dl.mainBbs dt {padding: 0 33px;font-size: 24px;line-height: 31px;}

dl.mainBbs li a {padding: 12px 90px 12px 140px;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: 32px;width: 33px;height: 31px;}

dl.mainBbs li a:hover {background-color: #f2f6f9;background-image: url('../image/main/bl_mainBbs_ov.png');}
}


/* 팝업 > 뉴스레터 */
div#popupNewsletter {}
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-family: 'Pretendard-SemiBold', sans-serif;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-family: 'Pretendard-Medium', sans-serif;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-family: 'Pretendard-Medium', sans-serif;
	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_v2.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_v2.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_v2.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;}
}


/* 초록접수 */
div.abstractInfo {}
dl.deadline {position: relative;border-radius: 10px;background-image:url('../image/sub/deadline.png');background-repeat: no-repeat; background-color:#f8f5fe;}
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) {
div.abstractInfo {}
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;}

div.abstractInfo {}
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%;}
}

/* 초록접수 완료 */
div.abstComp {}
p.search,
p.comp {line-height: 1.5;background-repeat: no-repeat;text-align: center;font-family: 'Play', 'Pretendard-SemiBold', sans-serif;}

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 {}
div.poster .subTit {line-height: 30px;}
div.poster .subTit span.btn {margin: -6px 0 0 10px;}


/* Travel grant */
div.applyInfo {}
dl.agreeCon {background-color: #f7f7f7;border: 1px solid #ccc;border-radius: 10px;}
dl.agreeCon dt {font-family: 'Play', 'Pretendard-SemiBold', sans-serif;}
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 {}
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;}

div.regist {}
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.program div.btn {text-align: right;}
div.program div.btn a {background-color: #ad3e70;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;}

table.program {}




/*  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.mapArea {}

div.traffic {}
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-family: 'Pretendard-SemiBold', sans-serif;}
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-family: 'Pretendard-Regular', sans-serif;}
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-family: 'Pretendard-Bold', sans-serif;}

/*  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.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.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;}
}

/* 관광 */
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;}
}


/* 프로그램 > Plenary lecture */
div.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-family: 'Pretendard-SemiBold', sans-serif;}
dl.lecture > dt .chair {text-align: right;color: #010101;font-family: 'Pretendard-Medium', sans-serif;}

dl.lectureInfo {position: relative;}
dl.lectureInfo dt {color: #0d1c5d;font-family: 'Pretendard-SemiBold', sans-serif;}
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-family: 'Pretendard-Regular', sans-serif;}
dl.lectureInfo dd span {color: #c7226f;box-shadow: inset 0 -10px 0 #fff7e3;}

dl.lectureInfo.noPhoto .thumb {display: none;}

div.moreInfo {background-color: #f5f5f5;}
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 {}
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-family: 'Pretendard-SemiBold', sans-serif;}
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-family: 'Pretendard-SemiBold', sans-serif;}
dl.panel li .info span {display: block;color: #7c84a6;font-size: 14px;font-family: 'Pretendard-Regular', sans-serif;}
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 {padding: 10px 15px;}
dl.lecture > dt .sessionTit {font-size: 16px;}
dl.lecture > dt .chair {margin-top: 5px;}
dl.lecture > dd {padding: 15px 0;}

dl.lectureInfo {}
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 {}
dl.lectureInfo.noPhoto dt {min-height: auto;padding: 0;}

div.moreInfo {margin-top: 15px;padding: 10px 15px;}

dl.panel {margin-top: 20px;}
dl.panel dt {}
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 {}
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 {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.lectureInfo {display: table-cell;vertical-align:middle;width: 2000px;height: 150px;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 {margin-top: 25px;padding: 20px 30px;font-size: 15px;line-height: 25px;}
div.moreInfo .organizer {margin-bottom: 10px;}

dl.panel {margin-top: 20px;}
dl.panel dt {}
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 {}
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 {}

div.symposia ul.conMenu li a {display: table-cell;width: 1500px;border-color: #5ea338;color: #5ea338; background-color: #f4f9f1;font-family: 'Pretendard-Regular', sans-serif;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-family: 'Pretendard-Medium', sans-serif;}
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');}

/*
ul.social > li:after {position: absolute; display: block; background-position: center;background-repeat:no-repeat; content:'';}
ul.social > li:nth-child(1):after {background-image: url('../image/sub/img_social_01.png');}
ul.social > li:nth-child(2):after {background-image: url('../image/sub/img_social_02.png');}
ul.social > li:nth-child(3):after {background-image: url('../image/sub/img_social_03.png');}
ul.social > li:nth-child(4):after {background-image: url('../image/sub/img_social_04.png');}
 */

/*2023-02-14 수정
ul.social > li:nth-child(1) {background-image:url('../image/sub/social_bg01.png');}
ul.social > li:nth-child(2) {background-image:url('../image/sub/social_bg02.png');}
ul.social > li:nth-child(3) {background-image:url('../image/sub/social_bg03.png');}
ul.social > li:nth-child(4) {background-image:url('../image/sub/social_bg04.png');}

ul.social > li:after {position: absolute; display: block; background-position: center top;background-repeat:no-repeat; content:'';}
ul.social > li:nth-child(1):after {background-image: url('../image/sub/social_icon01.png');}
ul.social > li:nth-child(2):after {background-image: url('../image/sub/social_icon02.png');}
ul.social > li:nth-child(3):after {background-image: url('../image/sub/social_icon03.png');}
ul.social > li:nth-child(4):after {background-image: url('../image/sub/social_icon04.png');}

Mobile : ~ width:960px
@media screen and (max-width: 960px) {
ul.social {margin: 0 15px;grid-template-columns: repeat(1, 1fr); gap: 20px 0;}
ul.social > li {padding: 15px 75px 15px 15px;background-size:100% 100%;border-radius: 5px 5px 75px 5px;}
ul.social > li:after {bottom: 15px;right: 25px;width: 45px;height: 75px;background-size:100%;}
ul.social h3 {padding-bottom: 15px;font-size: 17px;}
ul.social > li li {margin-top: 5px;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(2, 1fr); gap: 20px;}
ul.social > li {height: 260px;padding: 35px;border-radius: 10px 10px 150px 10px;}
ul.social h3 {padding-bottom: 30px;font-size: 34px;}
ul.social > li li {margin-top: 10px;font-size: 18px;}
ul.social > li:after {bottom: 55px;right: 70px;width: 100px;height: 105px;}
}
*/
@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 {}
.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-family: 'Pretendard-ExtraBold', sans-serif;
	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{
    max-width: 1200px;
    margin: 0 auto;
}
.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 20px;
    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{
    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-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;
    }
}