@charset "utf-8"; 
@import url('Roboto.css'); 
@import url('NotoSansKR.css'); 
@import url('common_v3.css'); 
@import url('fontawesome.css'); 
* { -webkit-text-size-adjust:100%; }

/* 사이트 공통 CSS */
/* default font-family */
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:'Roboto-Regular', 'NotoSansKR 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; }

/*  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; padding:7px 10px 8px; }
.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:#2b59a7 !important; border-color:#2b59a7 !important; color:#fff !important; }
/* 핑크색 */			.btnPoint { background-color:#1359a9 !important; border-color:#1359a9 !important; color:#fff !important; }
/* 회색 */				.btnGrey { background-color:#535353 !important; border-color:#535353 !important; color:#fff !important; }
/* 진파랑색 */		.btnBlue2 { background-color:#2f4b85 !important; border-color:#2f4b85 !important; color:#fff !important; }
/* 핑크색 2 */		.btnPink { background-color:#1359a9 !important; border-color:#1359a9 !important; color:#fff !important; }

/* border+ 남색 */				.btnBdDef { background-color:#fff !important; border-color:#2b59a7 !important; color:#2b59a7 !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 { min-width:150px; font-size:20px; height:60px; padding:2px 20px 0; box-sizing:border-box; font-family:'Roboto-Medium','NotoSansKR Medium', sans-serif; }
.btn a.btnBig { padding:19px 40px 20px; }

table.inputTbl .btnSmall { height:30px; padding:0 10px; }
table.inputTbl a.btnSmall { height:17px; line-height:17px; padding:8px 10px 9px; }

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

.btnArea { padding:50px 0 0; text-align:center; }
.btnArea * { margin-left:12px; }
.btnArea *:first-child { margin-left:0; }


.subTit { margin:50px 0 10px; padding:0 0 0 42px; background:url('/image/common/subTit_bl.png') 0 9px no-repeat; color:#0f1958; font-family:'Roboto-Bold', sans-serif; font-size:22px; line-height:30px; text-align:left; }
.subTit:after { clear:both; content:''; display:block; }
.subTit.withBtn { line-height:36px; }
.pointTit { margin:50px 0 15px; padding:0; color:#0f2f6e; font-family:'Roboto-Medium', sans-serif; font-weight:normal; font-size:22px; }
.boldTit { margin:30px 0 5px; padding:0; color:#2b59a7; font-family:'Roboto-Medium', sans-serif; font-weight:normal; }

.subTit:first-child,
.subTit_bl:first-child,
.pointTit:first-child,
.subTit_bl + *,
.pointTit + *,
legend + * { margin-top:0 !important; }

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; }
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:220px; }
ul.subMenu li a { display:block; width:auto; padding:15px; border:1px solid #a3b1c7; border-left:0 none; color:#1959a8; font-size:17px; line-height:24px; font-family:'Roboto-Medium', sans-serif; text-decoration:none; }
ul.subMenu li:first-child a { border-left:1px solid #a3b1c7; }
ul.subMenu li.on a { background-color:#0f2f72; border-color:#0f2f72; color:#fff; }

.subTit + ul.subMenu { margin-top:50px; }


ul.conMenu { font-size:0; }
ul.conMenu li { list-style:none; display:inline-block; margin-left:20px; }
ul.conMenu li:first-child { margin-left:0; }
ul.conMenu li a { display:block; font-size:16px; text-decoration:none; color:#c33d79; background-color:#f9ebf1; font-family:'Roboto-Medium', sans-serif; font-weight:400; padding:10px 0; width:135px; text-align:center; border:1px solid #c33d79; border-radius:5px; }
ul.conMenu li.on a { color:#fff; background-color:#c33d79; }

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-family:'Roboto-Medium', sans-serif; text-decoration:none; text-align:center; }
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) { 

}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
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; }
}

/* ==  반응형 메뉴(토글형식) == */
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; }

div.contents > dl.rwMenu { margin:15px 0; }

dl.rwMenu > dd { display:none; }

dl.rwMenu > dt > a { position:relative; display:block; padding:10px 15px; border:1px solid #ccc; font-family:'Roboto-Medium',sans-serif; font-weight:normal; background-color:#fff; color:#333; text-decoration:none; }
dl.rwMenu > dt > a:after { position:absolute; right:15px; top:50%; width:11px; height:20px; margin-top:-10px; background:url('/image/common/rwBl.png') center center no-repeat; background-size:11px; content:''; }
dl.rwMenu  dt.view > a:after { transform:rotate(180deg)}

dl.rwMenu > dd { z-index:10; position:absolute; left:0; top:46px; 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-family:'Roboto-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 > dt { display:none; }
dl.rwMenu > dd { display:block; }
}


div.tabCon { padding:50px 0; }

div.ing { padding:0; }
div.ing img { display:block; margin:0 auto; }

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:25px; 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; }
/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	ul.bbsBody { }
	ul.bbsBody li { overflow:hidden; border-top:1px solid #ccc; padding:15px 10px; }
	ul.bbsBody li:first-child { border-top:1px solid #000; }
	ul.bbsBody li:last-child { border-bottom:1px solid #ccc; }
	ul.bbsBody li * { font-size:16px; display:inline-block; vertical-align:middle; font-family:'notosanskr demilight'; font-weight:600; color:#393939; }

	ul.bbsBody li span.num { float:left; margin-right:5px; }
	ul.bbsBody li a.tit { display:block; text-align:left; color:#000; text-decoration:none; color:#393939; }
	ul.bbsBody li a.tit > * { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; }
	ul.bbsBody li a.tit span { margin-right:5px; }

	ul.bbsBody span.date, ul.bbsBody span.view { margin-top:10px; font-size:12px; }
	ul.bbsBody span.date::after { content:"│"; display:inline-block; margin:0 5px; }

	ul.bbsBody span.manage, ul.bbsBody span.attach { display:none !important; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 

ul.bbsHead, ul.bbsBody { overflow:hidden; font-size:0; }
ul.bbsHead li, ul.bbsBody li > * { float:left; list-style:none; text-align:center; box-sizing:border-box; }
ul.bbsHead li:nth-child(1), ul.bbsBody li > *:nth-child(1) { width:8%; }
ul.bbsHead li:nth-child(2), ul.bbsBody li > *:nth-child(2) { width:59%; }
ul.bbsHead li:nth-child(3), ul.bbsBody li > *:nth-child(3) { width:8%; }
ul.bbsHead li:nth-child(4), ul.bbsBody li > *:nth-child(4) { width:10%}
ul.bbsHead li:nth-child(5), ul.bbsBody li > *:nth-child(5) { width:5%; }
ul.bbsHead li:nth-child(6), ul.bbsBody li > *:nth-child(6) { width:10%; }

ul.bbsHead { border-top:2px solid #121212; }
	ul.bbsHead li { font-family:'notosanskr medium'; padding:15px 0; font-size:16px; font-weight:400; line-height:25px; background-color:#f9fbff; line-height:20px; color:#0b316f; }

ul.bbsBody { }
	ul.bbsBody li { overflow:hidden; border-top:1px solid #ccc; padding:12px 0 13px; }
	ul.bbsBody li:hover { background-color:#f8f8f8; }
	ul.bbsBody li:last-child { border-bottom:1px solid #ccc; }
	ul.bbsBody li * { float:none; font-size:16px; display:inline-block; vertical-align:middle; }

	ul.bbsBody li a.tit { text-align:left; padding-right:10px; text-decoration:none; color:#393939; }
	ul.bbsBody li a.tit > * { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	ul.bbsBody li a.tit span { margin-right:5px; }
}

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

table.bbs { border-top:2px solid #2b59a7; }
.subTit + table.bbs { margin-top:50px; }
table.bbs > * > tr > * { border:0 none !important; padding:6px 0 7px; text-align:center !important; font-family:'Roboto-Regular', 'NotoSansKR Regular', sans-serif; }
table.bbs > * > tr > *:first-child { border-left:0 none; }

table.bbs > * > tr > th { height:35px; background-color:#f9fbff; line-height:20px; color:#0b316f; }
table.bbs > thead > tr > th { border-bottom-color:#2b63b8; }
table.bbs > thead > tr > th:first-child { background-image:none; }
table.bbs > tbody > tr > * { border-bottom:1px solid #ccc !important; }
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 { padding-left:10px; 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 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.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; }



/* 게시판 하단버튼 영역 */
ul.pager { margin:0; padding:30px 0; text-align:center; }
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; padding:3px 5px 5px; vertical-align:top; font-size:14px; line-height:20px; text-decoration:none; color:#303030; }

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

ul.pager a.btnDef,
ul.pager a.on { background-color:#868686; font-weight:bold; color:#fff; text-align:center; }
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; }



/* 게시판 검색 */
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; }

/* 테이블 디자인 */
table.tblDef { border-top:2px solid #1359a9; }
table.tblDef > * > tr > *,
table.innerTbl > * > tr > * { padding:10px; text-align:center; color:#000; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
table.tblDef > * > tr:first-child > *,
table.innerTbl > * > tr:first-child > * { border-top:0 none; }

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

table.tblDef td { background-color:#fff; }

table.border > * > tr > * { border-left:1px solid #ccc; }
table.border > * > tr > *:first-child { border-left:0 none; }

table.tblDef > * > tr > th,
table.innerTbl > * > tr > th,
table.tblDef .bg { background-color:#e7edf9; }
table.tblDef > * > tr > th { color:#000; font-family:'Roboto-Medium', 'NotoSansKR Medium', sans-serif; }

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 #1359a9; }
table.inputTbl > * > tr > th,
table.inputTbl > * > tr > td { border-left:1px solid #dad8e3; padding:10px; text-align:left; color:#535353; }
table.inputTbl > * > tr > th { border-bottom:1px solid #dad8e3; background-color:#f8f8f8; color:#000; font-family:'Roboto-Medium', 'NotoSansKR Medium', sans-serif; }
table.inputTbl > * > tr > td { border-bottom:1px solid #dad8e3; }

table.inputTbl > * > tr > .bdLeft { border-left:1px solid #dad8e3 !important; }

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

table.inputTbl label,
table.inputTbl span { line-height:32px; }
table.inputTbl ul li { list-style:none; }



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.tblDef > * > tr > td { padding:10px; text-align:left; }
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] { width:400px; padding:4px 10px; }
table.inputTbl td div.withBtn input { width:100%; }
table.inputTbl td.padding0 { border-left:0 none; }


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] { 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 td.address input[type=text] { width:447px; }

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

/* 게시판 글쓰기 */
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:120px !important; }
table.inputTbl td.phone label,table.inputTbl td.phone input[type=text] { width:100px !important; }
.subTit, .pointTit { margin-top:25px; }

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.rwTbl,
table.rwThead { border-top:0 none; }

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; width:50% !important; height:56px; }
ul.subMenu li a { display:table-cell; width:auto; padding:0; height:56px; vertical-align:middle; border:0 none; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#444; font-size:17px; line-height:24px; font-family:'Roboto-Medium', sans-serif; text-decoration:none; }
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; border-radius:4px; background-color:#f2f2f2; }
div.tableScroll::-webkit-scrollbar-thumb { border-radius:4px; background-color:#a61569; -webkit-box-shadow:0 0 1px insecnt rgba(255,255,255,.5); }
div.tableScroll > table { width:820px; margin-top:0 !important; }

}

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










/* =============================== 레이아웃 =============================== */

/* Header */
ul.gnbUtil, ul.gnbUtil li, ul.gnbUtil a { margin:0; padding:0; list-style:none; text-decoration:none; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	div.wrapper { overflow:hidden; position:relative; width:100%; min-width:320px; margin:0; padding:0; font-size:15px; color:#000; font-family:'Roboto-Light', sans-serif; font-weight:normal; }

	div#headerWrap { height:50px; padding:0 50px; border-bottom:1px solid #e1e1e1; }
	div#headerWrap h1 { }
	div#headerWrap h1 a,
	div#headerWrap h1 img { display:block; }
	div#headerWrap h1 a { padding:16px 0 15px; }
	div#headerWrap h1 img { height:19px; margin:0 auto; }

	div.gnbUtil a { z-index:50; position:absolute; top:0; display:block; width:50px; height:50px; font-size:0; line-height:0; background-position:center center; background-repeat:no-repeat; background-size:19px; }
	div.gnbUtil a.home { left:0; background-image:url('/image/common/header_home_m.png'); }
	div.gnbUtil a.viewMenu { right:0; background-image:url('/image/common/header_menu_m.png'); }

	div.gnbWrap dl, div.gnbWrap dt, div.gnbWrap dd, div.gnbWrap ul, div.gnbWrap li, div.gnbWrap a { margin:0; padding:0; list-style:none; text-decoration:none; }
	div.gnbWrap { z-index:200; position:fixed; left:100%; top:0; width:100%; height:100%; padding-left:50px; background-color:rgba(0,0,0,.7); box-sizing:border-box; }

	ul#gnb { position:relative; overflow-x:hidden; overflow-y:auto; height:calc(100% - 50px); padding-top:50px; background-color:#f9f9f9; }
	ul#gnb > li { border-bottom:1px solid #d7d7d7; }
	ul#gnb > li > a { position:relative; display:block; padding:13px 30px 14px 15px; color:#000; font-size:15px; line-height:20px; font-family:'Roboto-Bold', sans-serif; }
	ul#gnb > li > a:after { position:absolute; right:15px; top:50%; content:"+"; margin-top:-10px; color:#999; }

	ul#gnb .on > a { background-color:#1359a9; color:#fff; }
	ul#gnb .on > a:after { content:"-"; color:#fff; }

	ul#gnb ul { display:none; background-color:#fff; }
	ul#gnb ul a { border-top:1px solid #d7d7d7; padding:5px 15px; font-size:15px; line-height:30px; color:#737373; font-family:'Roboto-Light', sans-serif; }

	ul.gnbUtil { z-index:50; position:absolute; top:0; top:0; width:calc(100% - 50px); height:50px; background-color:#1359a9; }
	ul.gnbUtil > li { float:left; width:50%; border-left:1px solid rgba(255,255,255,.3); box-sizing:border-box; }
	ul.gnbUtil > li.pcOnly + li { border-left:0 none; }
	ul.gnbUtil a { display:block; height:50px; padding:16px 0 15px; text-align:center; font-size:15px; line-height:19px; color:#fff; font-family:'Roboto-Bold', sans-serif; box-sizing:border-box; }
	ul.gnbUtil img { display:inline-block; vertical-align:top; height:19px; padding-right:10px; }

	div.gnbClose { z-index:50; position:absolute; left:0; top:0; width:50px; height:50px; 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:50px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	div.wrapper { position:relative; width:100%; min-width:1280px; margin:0; padding:0; font-size:16px; line-height:28px; color:#000; font-family:'Roboto-Regular', sans-serif; font-weight:normal; }

	div#headerWrap { z-index:100; width:100%; height:130px; border-bottom:1px solid #e1e1e1; background-color:#fff; }
	div#headerWrap:before { position:absolute; left:0; top:69px; width:100%; height:1px; content:""; background-color:#e1e1e1; }
	div#headerWrap > div { position:relative; width:1280px; height:60px; padding-top:70px; margin:0 auto; }
	div#headerWrap h1 { position:absolute; left:0; top:19px; width:200px; height:32px; margin:0; }
	div#headerWrap h1 a { display:block; height:32px; background:url('/image/common/header_logo.png') 0 0 no-repeat; }
	div#headerWrap h1 img { display:none; }

	div#headerWrap ul.gnbUtil { z-index:45; position:absolute; right:0; top:20px; width:auto; text-align:right; font-size:0; line-height:0; }
	ul.gnbUtil li { position:relative; display:inline-block !important; vertical-align:top; padding:0 18px; }
	ul.gnbUtil li:before { position:absolute; left:0; top:50%; width:1px; height:8px; margin-top:-5px; content:""; background-color:#e1e1e1; }
	ul.gnbUtil li:first-child:before { display:none; }
	ul.gnbUtil a { display:block; color:#898989; font-size:16px; line-height:28px; }
	ul.gnbUtil img { 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 { z-index:40; position:relative; display:inline-block; width:1280px; height:60px; font-size:0; line-height:0; border-right:1px solid #e1e1e1; }
	ul#gnb > li { position:relative; display:inline-block; width:214px; vertical-align:top; text-align:center; box-sizing:border-box; }

	ul#gnb > li > a { position:relative; display:block; padding:18.5px 0; font-size:18px; line-height:23px; font-family:'Roboto-Bold', sans-serif; color:#000; border-left:1px solid #e1e1e1; }
	ul#gnb > li:first-child { width:210px; }

	ul#gnb > li.on > a { color:#1359a9; }
	ul#gnb > li.on > a:after { position:absolute; left:50%; bottom:8px; width:8px; height:8px; border-radius:50%; margin-left:-4px; content:""; background-color:#1359a9; }
	ul#gnb > li.on > ul { background-color:#1359a9; }

	ul#gnb ul { position:absolute; left:0; top:61px; width:100%; padding:10px 10px 25px; box-sizing:border-box; }
	ul#gnb ul li { padding-top:5px; }
	ul#gnb ul a { font-family:'Roboto-Regular', sans-serif; color:#919cb0; font-size:16px; line-height:22px; }

	ul#gnb li.on ul a { color:#fff; }
	ul#gnb ul a:hover,
	ul#gnb ul a:focus { font-family:'Roboto-Bold', sans-serif; text-decoration:underline; }

	div.gnbBg { display:none; z-index:30; position:absolute; left:50%; top:131px; width:1280px; background-color:#0d3a6e; transform:translateX(-50%); }

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

	/* 메인 헤더 추가 */
	#headerWrap.main { 
		position:relative; 
		height:auto; 
		border:none; 
	}
	#headerWrap.main:before { 
		display:none; 
	}
	#headerWrap.main > div { 
		position:static; 
		padding:0; 
		height:auto; 
	}
	#headerWrap.main h1 { 
		left:50%; 
		top:50%; 
		margin-left:-640px; 
		transform:translateY(-50%); 
	}
	#headerWrap.main .gnbWrap { 
		overflow:hidden; 
	}
	#headerWrap.main .gnbUtil { 
		float:right; 
		position:static; 
	}
	#headerWrap.main .gnbUtil li { 
		padding:26px 18px; 
	}
	#headerWrap.main #gnb { 
		position:absolute; 
		top:100%; 
		right:0; 
		width:auto; 
		height:auto; 
		border:1px solid #e1e1e1; 
		border-left:none; 
	}
	#headerWrap.main #gnb > li { 
		display:block; 
		width:auto; 
	}
	#headerWrap.main #gnb > li > a { 
		display:table-cell; 
		vertical-align:middle; 
		width:200px; 
		height:158px; 
		padding:0; 
		font-size:23px; 
		border:none; 
		background-color:#fff; 
		border-top:1px solid #e1e1e1; 
		box-sizing:border-box; 
	}
	#headerWrap.main #gnb > li:first-child a { 
		border-top:none; 
	}
	#headerWrap.main #gnb > li.on > a { 
		background-color:#1C9BA9; /*#c7579e*/
		color:#fff; 
	}
	#headerWrap.main #gnb > li.on > a::after { 
		display:none; 
	}
	#headerWrap.main ul#gnb ul { 
		top:0px; 
		left:auto; 
		right:0; 
		height:100%; 
		padding:10px; 
		z-index:-1; 
		background-color:#173f77; 
	}
	#headerWrap.main #gnb ul { 
		display:flex; 
		flex-direction:column; 
		justify-content:center; 

	}
	#headerWrap.main #gnb ul::before { 
		content:''; 
		position:absolute; 
		left:0; 
		bottom:0; 
		width:100%; 
		height:1px; 
		/*background-color:#e1e1e1; */
	}
	#headerWrap.main #gnb ul.on { 
		right:100%; 
		transition:0.4s; 
	}
	#headerWrap.main #gnb  > li.on ul { 
		background-color:#225ba8; 
	}
	#headerWrap.main #gnb  > li.on ul:before { 
		display:none; 
	}
	#headerWrap.main #gnb ul li:first-child { 
		padding-top:0; 
	}
	#headerWrap.main #gnb ul li a { 
		color:#919cb0 !important; 
	}
	#headerWrap.main #gnb ul.on li a { 
		color:#fff !important; 
	}

	div.gnbBg.main { 
		display:block; 
		width:200px; 
		height:947px; 
		left:auto; 
		right:0; 
		top:83px; 
		transform:none; 
		background-color:#173f77; 
	}

	div.gnbBg.main.on { 
		right:200px; 
		transition:0.4s; 
	}
}






/* Contents */
div#container { }

div.lnbWrap p, div.lnbWrap dl, div.lnbWrap dt, div.lnbWrap dd, div.lnbWrap ul, div.lnbWrap li, div.lnbWrap a { margin:0; padding:0; list-style:none; text-decoration:none; }
div.lnbWrap { z-index:10; position:relative; background-color:#1359a9; }
div.lnbWrap dl { position:relative; }
div.lnbWrap p.home a,
div.lnbWrap dt a { border-right:1px solid rgba(255,255,255,.2); }

div.lnbWrap p.home a { font-size:0; line-height:0; border-left:1px solid rgba(255,255,255,.2); background-position:center center; background-repeat:no-repeat; }
div.lnbWrap dd { position:absolute; left:0; width:100%; border:2px solid #1359a9; border-top:0 none; background-color:#fff; box-sizing:border-box; }
div.lnbWrap dd a { display:block; }

h2.pageTit { margin:0; background-position:center bottom; background-repeat:no-repeat; font-family:'Roboto-Bold', sans-serif; text-align:center; }

p#goTop { z-index:80; background-color:#fff; border:1px solid #1359a9; border-radius:8px; box-shadow:1px 1px 10px rgba(87,60,199,.4); }
p#goTop a,
p#goTop img { display:block; width:100%; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div#container { position:relative; ; }

div.topVisual { height:150px; }
div.topVisual img { display:block; width:100%; }

h2.pageTit { padding:30px 0 20px; font-size:24px; line-height:30px; background-image:url('/image/common/pageTit_m.png'); background-size:30px; }

div.lnbWrap { height:45px; padding-left:45px; }
div.lnbWrap p.home { z-index:20; position:absolute; left:0; top:0; width:45px; height:45px; }
div.lnbWrap p.home a { display:block; height:45px; background-image:url('/image/common/lnb_home_m.png'); background-size:20px; }

div.lnbWrap dl { position:relative; float:left; width:50%; }
div.lnbWrap dt a { position:relative; display:block; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:45px; padding:10px 40px 10px 15px; color:#fff; font-size:14px; line-height:25px; font-family:'Roboto-Regular', sans-serif; box-sizing:border-box; }
div.lnbWrap dt a:after { position:absolute; right:15px; top:50%; width:10px; height:6px; margin-top:-3px; content:""; background:url('/image/common/lnb_bl_m.png') center center no-repeat; background-size:10px; }
div.lnbWrap dt.view a:after { transform:rotate(180deg); }
div.lnbWrap dd { position:absolute; left:0; top:45px; overflow-x:hidden; overflow-y:auto; width:100%; }
div.lnbWrap dd ul { padding:10px 0; }
div.lnbWrap dd li { padding-top:5px; }
div.lnbWrap dd a { padding:0 10px; color:#252525; font-size:14px; line-height:20px; font-family:'Roboto-Regular', sans-serif; }


div.contents { padding:15px; text-align:justify; font-size:16px; line-height:25px; color:#222; font-family:'Roboto-Regular', 'NotoSansKR Regular', sans-serif; font-weight:normal; }

p#goTop { display:none; }

div.mobileNote { padding:50px 0 !important; }
div.mobileNote img { display:block; width:248px; margin:0 auto; }

div.ing { padding:50px 0; }
div.ing img { display:block; width:226px; margin:0 auto; }

/* 게시판 검색 */
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; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div#container { position:relative; padding-top:220px; background:url('/image/common/subVisual.png') center top no-repeat; }
div#container div.topVisual { display:none; }


h2.pageTit { background-image:url('/image/common/pageTit.png'); padding:130px 0 30px; color:#111; font-size:42px; line-height:50px; }

div.lnbWrap * { margin:0; padding:0; list-style:none; text-decoration:none; }
div.lnbWrap { z-index:20; position:absolute; left:0; top:220px; width:100%; height:55px; }
div.lnbWrap.fixed { position:fixed; left:0; top:0; width:100%; }

div.lnbWrap > div { width:1280px; height:50px; margin:0 auto; }

div.lnbWrap a { display:block; color:#fff; text-decoration:none; }
div.lnbWrap br,
div.lnbWrap p.prev { display:none; }

div.lnbWrap p.home,
div.lnbWrap dl { float:left; }
div.lnbWrap p.home a { width:55px; height:55px; background-image:url('/image/common/lnb_home.png'); ; }

div.lnbWrap dl { height:55px; }
div.lnbWrap dt a { position:relative; font-size:16px; line-height:23px; padding:16px 80px 16px 20px; border-right:1px solid rgba(255,255,255,.2); color:#fff; font-family:'Roboto-Light', sans-serif; }
div.lnbWrap dt a.trigger:after { position:absolute; right:20px; top:50%; width:14px; height:8px; margin-top:-4px; content:""; background:url('/image/common/lnb_bl.png') center center no-repeat; }
div.lnbWrap dt.view a.trigger:after { transform:rotate(180deg); }
div.lnbWrap dl:last-child a.trigger { font-family:'Roboto-Bold', sans-serif; }

div.lnbWrap dd { padding:10px 0; }
div.lnbWrap dd a { display:block; padding:5px 20px; color:#444; font-size:16px; line-height:25px; }
div.lnbWrap dd a:hover,
div.lnbWrap dd a:focus { background-color:#e6ecfb; }

div.lnbWrap p.home + dl a { text-transform:uppercase; }

div.contents { width:1100px; margin:0 auto; padding:50px 0 100px; text-align:justify; font-size:16px; line-height:25px; color:#222; font-family:'Roboto-Regular', 'NotoSansKR Regular', sans-serif; font-weight:normal; }

p#goTop { position:absolute; top:560px; right:16%; }
}



/* Footer */
div#footerWrap { position:relative; border-top:1px solid #e1e1e1; background-color:#f2f2f2; }
div#footerWrap,
div#footerWrap a { color:#898989; text-decoration:none; }
div#footerWrap p,
div#footerWrap dt { color:#111; }
div#footerWrap address { font-style:normal; }
div#footerWrap ul { font-size:0; line-height:0; }
div#footerWrap li { display:inline-block; vertical-align:top; }
div#footerWrap li:first-child { padding-left:0; }
div#footerWrap span { font-family:'Roboto-Bold', sans-serif; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.supporters dl, div.supporters dt, div.supporters dd, div.supporters ul, div.supporters li { margin:0; padding:0; list-style:none; }
div.supporters { width:100%; position:absolute; left:0; bottom:0; padding:15px; background-color:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; box-sizing:border-box; }
div#container.main div.supporters { bottom:231px; }
div.supporters dl { overflow:hidden; }
div.supporters dt { float:left; font-size:14px; line-height:40px; color:#555; margin-right:20px; font-weight:bold; }
div.supporters dl dd { overflow:hidden; vertical-align:middle; }
div.supporters ul { font-size:0; overflow:hidden; }
div.supporters li { list-style:none; display:inline-block; width:calc(50% - 5px); vertical-align:middle; font-size:15px; margin-left:10px; }
div.supporters li:first-child { margin-left:0; }
div.supporters li img { max-width:100%; height:40px; }
div.supporters img { display:block; }

/* Footer */
div#footerWrap { padding:15px 15px 50px; text-align:center; font-size:12px; line-height:16px; }
div#footerWrap p,
div#footerWrap dt { text-align:center; }
div#footerWrap p,
div#footerWrap dt { padding-bottom:10px; }
div#footerWrap dl { padding-top:10px; }
div#footerWrap li { padding-left:15px; font-size:12px; line-height:16px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
/* 서포터즈 */
div.supporters { background-color:#fff; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
div.supporters > div { width:1250px; margin:0 auto; overflow:hidden; padding:13px 0 14px; }

div.supporters dl { float:left; margin-left:100px; }
div.supporters dl:first-child { margin-left:0; }
div.supporters dt { float:left; font-size:16px; color:#555555; width:120px; margin-right:20px; padding:8px 0; font-weight:bold; }
div.supporters dl:first-child dt { width:60px; }
div.supporters dd { overflow:hidden; vertical-align:middle; }
div.supporters ul { font-size:0; overflow:hidden; }
div.supporters li { list-style:none; display:inline-block; vertical-align:middle; font-size:15px; margin-left:10px; }
div.supporters li:first-child { margin-left:0; }
div.supporters img { display:block; }

/* Footer */
div#footerWrap { }
div#footerWrap div { position:relative; width:1280px; margin:0 auto; padding:30px 640px 80px 0; font-size:16px; line-height:22px; box-sizing:border-box; }
div#footerWrap dl { position:absolute; left:50%; top:50%; width:640px; transform:translateY(-50%); }
div#footerWrap p,
div#footerWrap dt { padding-bottom:20px; }
div#footerWrap li { padding-left:35px; font-size:16px; line-height:22px; }
}







/* ============= 메인 ============= */
div.mainCon dd { position:relative; }
div.mainCon div.more { position:absolute; right:0; opacity:.6; }
div.mainCon div.more a { display:block; width:20px; height:20px; border:1px solid #fff; font-size:0; line-height:0; background:url('/image/main/btn_more.png') center center no-repeat; box-sizing:border-box; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	div#container.main { background:url('/image/main/bg_m_241219.jpg') center top no-repeat; background-size:100%; background-color:#f2f2f2; }

	div.mainCon { padding:0 20px 20px; }
	div.mainCon div.more { top:-20px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	div#container.main { padding:0; background:url('/image/main/bg_241219.jpg') center top no-repeat; }

	div#container.main div.topVisual { display:block; width:1280px; margin:0 auto; padding:90px 0 23px; height:288px; }

	div.mainCon { position:relative; width:1280px; margin:0 auto; padding:0 300px 64px 0; overflow:hidden; box-sizing:border-box; }
	div.mainCon:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

	div.mainCon div.more { top:-24px; }

	ul.quickMenu,
	dl.mainBbs { clear:both; }

	div.mainCon dl.mainProgram { width:340px; }
	div.mainCon dl.mainDates { width:620px; }
	div.mainCon dl.mainInvited { width:620px; }
}


ul.quickMenu, ul.quickMenu li, ul.quickMenu a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.quickMenu { background-color:rgba(255,255,255,.9); }
ul.quickMenu:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }
ul.quickMenu li { float:left; width:25%; }
ul.quickMenu a { display:table-cell; width:600px; text-align:center; vertical-align:middle; color:#111; font-family:'Roboto-Bold', sans-serif; }
ul.quickMenu img { display:block; margin:0 auto; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
ul.quickMenu { padding:20px; }
ul.quickMenu a { height:100px; font-size:14px; line-height:20px; }
ul.quickMenu img { height:36px; padding-bottom:5px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
ul.quickMenu { padding:51px 20px; }
ul.quickMenu a { font-size:20px; line-height:28px; }
ul.quickMenu img { padding-bottom:10px; }
}



dl.mainInvited, dl.mainInvited dt, dl.mainInvited dd, dl.mainInvited ul, dl.mainInvited li, dl.mainInvited a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.mainInvited { position:relative; background-color:rgba(71,77,84,.9); }
dl.mainInvited > dt { font-family:'Roboto-Bold', sans-serif; color:#fff; }
dl.mainInvited span { display:table-cell; width:600px; vertical-align:middle; text-align:center; color:#c2c2c2; font-family:'Roboto-Regular', sans-serif; }
dl.mainInvited dd { position:static; }

dl.mainInvited dd > ul { overflow:hidden; }
dl.mainInvited dd > ul li { float:left; width:50%; }
dl.mainInvited dd li { width:102px !important; }
dl.mainInvited dd img { display:block; height:100px; margin:0 auto; border:1px solid #e1e1e1; }
dl.mainInvited dd span { height:40px; font-size:16px; line-height:20px; }
dl.mainInvited div.bx-wrapper { position:relative; }

dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next { top:0; width:44px; height:100%; }
dl.mainInvited a.bx-prev { left:-44px; }
dl.mainInvited a.bx-next { right:-44px}

dl.mainInvited a.bx-prev,
dl.mainInvited a.bx-next { position:absolute; font-size:0; line-height:0; background-position:center center; background-repeat:no-repeat; }
dl.mainInvited a.bx-prev { background-image:url('/image/main/invited_prev.png'); }
dl.mainInvited a.bx-next { background-image:url('/image/main/invited_next.png'); }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
dl.mainInvited { padding:15px; }
dl.mainInvited > dt { font-size:16px; line-height:20px; }
dl.mainInvited > dd { padding-top:15px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.mainInvited { float:left; height:225px; padding:20px 30px 0; box-sizing:border-box; }
dl.mainInvited > dt { font-size:24px; line-height:30px; }
dl.mainInvited > dd { padding-top:25px; }
}





dl.mainProgram, dl.mainProgram dt, dl.mainProgram dd, dl.mainProgram ul, dl.mainProgram li, dl.mainProgram a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.mainProgram { background-color:rgba(174,88,62,0.9); }
dl.mainProgram > dt { font-family:'Roboto-Bold', sans-serif; color:#fff; }
dl.mainProgram ul { overflow:hidden; -border-top:1px solid #fff; -border-left:1px solid #fff; }
dl.mainProgram li { float:left; }
dl.mainProgram a { display:table-cell; width:600px; height:50px; -border-right:1px solid #fff; -border-bottom:1px solid #fff; color:#083a73e6; text-align:center; vertical-align:middle; font-family:'Roboto-Regular', sans-serif; background:#fff; border-radius:15px; font-weight:bold; }

/* 메인 프로그램 수정 - 24.04.19 박민지 추가 */
.mainProgram:has(.main-menu) { 
	padding:0; 
}
.mainProgram .main-menu { 
	display:flex; 
	flex-wrap:wrap; 
	position:static; 
	left:auto; 
	right:auto; 
	bottom:auto; 
	height:100%; 
	box-sizing:border-box; 
}
.main-menu * { 
	box-sizing:border-box; 
}
.mainProgram .main-menu > li { 
	width:50%; 
	height:50%; 
	border-top:1px solid rgba(255,255,255,0.4); 
	box-sizing:border-box; 
}
.mainProgram .main-menu > li:nth-child(2n+1) { 
	border-right:1px solid rgba(255,255,255,0.4); 
}
.mainProgram .main-menu > li:nth-child(-n+2) { 
	border-top:0; 
}
.mainProgram .main-menu > li > a { 
	display:flex; 
	flex-direction:column; 
	justify-content:center; 
	align-items:center; 
	width:100%; 
	height:100%; 
	background:none; 
}
.mainProgram .main-menu > li .tit { 
	display:block; 
	margin-top:20px; 
	font-family:'Roboto-Bold',sans-serif; 
	font-size:22px; 
	font-weight:400; 
	color:#fff; 
	line-height:1.2; 
	letter-spacing:-0.02em; 
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	dl.mainProgram { padding:15px; }
	dl.mainProgram > dt { font-size:20px; line-height:22px; }
	dl.mainProgram > dd { padding-top:15px; }
	dl.mainProgram li { width:100%; }
	dl.mainProgram a { font-size:13px; line-height:18px; }

	/* 메인 프로그램 수정 - 24.04.19 박민지 추가 */
	.mainProgram .main-menu > li { 
		height:auto; 
	}
	.mainProgram .main-menu > li > a { 
		flex-direction:row; 
		justify-content:start; 
		padding:20px 15px; 
	}
	.mainProgram .main-menu > li > a img { 
		height:35px; 
	}
	.mainProgram .main-menu > li .tit { 
		width:calc(100% - 40px); 
		margin-top:0; 
		padding-left:10px; 
		font-size:13px; 
        text-align: left;
	}
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.mainProgram { float:left; position:relative; height:450px; padding:20px 30px 110px; box-sizing:border-box; }
dl.mainProgram > dt { font-size:32px; line-height:45px; }
dl.mainProgram > dd { position:static; padding-top:25px; }
dl.mainProgram ul { position:absolute; left:30px; right:30px; bottom:30px; }
dl.mainProgram li { width:100%; }
dl.mainProgram a { font-size:16px; line-height:20px; }
}








dl.mainBbs, dl.mainBbs dt, dl.mainBbs dd, dl.mainBbs ul, dl.mainBbs li, dl.mainBbs a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.mainBbs { background-color:rgba(196,72,151,.9); }
dl.mainBbs > dt { font-family:'Roboto-Bold', sans-serif; color:#fff; }
dl.mainBbs li { position:relative; font-family:'Roboto-Regular', 'NotoSansKR DemiLight', sans-serif; }
dl.mainBbs li:first-child { margin-top:0; }
dl.mainBbs a { position:relative; overflow:hidden; display:inline-block; vertical-align:top; max-width:100%; text-overflow:ellipsis; white-space:nowrap; color:#fff; }
dl.mainBbs span { position:absolute; right:0; top:50%; transform:translateY(-50%); color:#e0c0d4; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
dl.mainBbs { padding:15px; }
dl.mainBbs > dt { font-size:16px; line-height:20px; }
dl.mainBbs > dd { padding-top:15px; }
dl.mainBbs li { margin-top:10px; padding-right:100px; font-size:14px; line-height:20px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.mainBbs { height:260px; padding:20px 30px 0; }
dl.mainBbs > dt { font-size:24px; line-height:30px; }
dl.mainBbs > dd { padding-top:25px; }
dl.mainBbs li { margin-top:15px; padding-right:100px; font-size:16px; line-height:25px; }
}







dl.mainDates, dl.mainDates dt, dl.mainDates dd, dl.mainDates ul, dl.mainDates li, dl.mainDates a { margin:0; padding:0; list-style:none; text-decoration:none; }
dl.mainDates { background-color:rgba(19,89,169,.9); }
dl.mainDates > dt { font-family:'Roboto-Bold', sans-serif; color:#fff; }
dl.mainDates li { position:relative; font-family:'Roboto-Regular', 'NotoSansKR DemiLight', sans-serif; color:#fff; }
dl.mainDates li:first-child { margin-top:0; }
dl.mainDates span { position:absolute; right:0; top:50%; transform:translateY(-50%); border-radius:30px; padding:2px 0 3px; color:#1359a9; background-color:#fff; font-family:'Roboto-Bold', sans-serif; text-align:center; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
dl.mainDates { padding:15px; }
dl.mainDates > dt { font-size:16px; line-height:20px; }
dl.mainDates > dd { padding-top:10px; }
dl.mainDates li { margin-top:10px; padding-right:120px; font-size:14px; line-height:20px; }
dl.mainDates span { min-width:110px; font-size:12px; line-height:16px; }
dl.mainDates span br { display:none; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.mainDates { height:225px; padding:20px 30px 0; box-sizing:border-box; }
dl.mainDates > dt { font-size:24px; line-height:30px; }
dl.mainDates > dd { padding-top:25px; }
dl.mainDates li { margin-top:20px; padding-right:160px; font-size:16px; line-height:24px; }
dl.mainDates span { min-width:140px; padding:6px 0 6px; line-height:1.2; }
}



dl.bnrZone, dl.bnrZone dt, dl.bnrZone dd, dl.bnrZone ul, dl.bnrZone li { margin:0; padding:0; list-style:none; }
dl.bnrZone { border-top:1px solid #e1e1e1; background-color:#f2f2f2; }
dl.bnrZone > dt { color:#111; font-family:'Roboto-Bold', sans-serif; }
dl.bnrZone > dd { position:relative; }
dl.bnrZone dd > ul { overflow:hidden; }
dl.bnrZone dd > ul li { float:left; margin-left:20px; }
dl.bnrZone dd > ul li:first-child { margin-left:0; }

dl.bnrZone img { border:1px solid #e7e7e7; }
dl.bnrZone img,dl.bnrZone a { display:block; box-sizing:border-box; }
dl.bnrZone a.bx-prev,
dl.bnrZone a.bx-next { position:absolute; top:0; font-size:0; line-height:0; background-repeat:no-repeat; }
dl.bnrZone a.bx-prev { left:0; background-position:center left; background-image:url('/image/main/bnr_prev.png'); }
dl.bnrZone a.bx-next { right:0; background-position:center right; background-image:url('/image/main/bnr_next.png'); }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
dl.bnrZone { padding:5px 15px 15px; }
dl.bnrZone > dt { padding:10px 0 5px; font-size:14px; line-height:20px; }
dl.bnrZone > dd { padding:0 25px; }
dl.bnrZone img,dl.bnrZone a { display:block; width:92px; height:25px; border:none; }
dl.bnrZone a.bx-prev,
dl.bnrZone a.bx-next { width:25px; height:25px; background-size:auto 14px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.bnrZone { padding:10px 0 30px; }
dl.bnrZone > dt,
dl.bnrZone > dd { width:1280px; margin:0 auto; box-sizing:border-box; }
dl.bnrZone > dt { padding:20px 0 10px; font-size:14px; line-height:20px; }
dl.bnrZone > dd { padding:0 35px; }
dl.bnrZone img,dl.bnrZone a { height:52px; width:185px; }
dl.bnrZone a.bx-prev,
dl.bnrZone a.bx-next { width:35px; height:50px; }
}



/* ==================== 컨텐츠 ==================== */

/* ======== Welcome Message ======== */
div.welcome { }
div.welcome p:first-child { margin-top:0; }
div.welcome p { color:#000; }
div.welcome p.dear { color:#1359a9; font-family:'Roboto-Bold', sans-serif; }

ul.president, ul.president li, ul.president img, ul.president span { display:block; margin:0; padding:0; list-style:none; }
ul.president { font-size:0; line-height:0; text-align:center; }
ul.president li { display:inline-block; vertical-align:top; }
ul.president li:first-child { margin-left:0; }
ul.president span { font-family:'Roboto-Bold', sans-serif; }
ul.president img { /*margin:10px auto; */margin:0 auto; margin-bottom:10px; }
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.welcome p { margin-top:20px; }
div.welcome p.dear { font-size:18px; }
ul.president li { margin-left:5px; font-size:16px; line-height:22px; margin-bottom:20px; }
ul.president li img:first-child { width:auto; }
ul.president li img:last-child { height:35px; }
ul.president li { font-size:14px !important; letter-spacing:-0.5px; text-align:center; }
ul.president li span { font-size:18px; letter-spacing:0px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.welcome p { margin-top:25px; }
div.welcome p.dear { font-size:22px; }

ul.president li { margin-left:25px; line-height:22px; font-size:16px !important; letter-spacing:-0.5px; text-align:center; }
ul.president li span { font-size:20px; letter-spacing:0px; }
}


/* ======== Overview ======== */
dl.overview, dl.overview dt, dl.overview dd, dl.overview ul, dl.overview li { margin:0; padding:0; list-style:none; }
dl.overview { }
dl.overview dt:first-child { margin-top:0; }
dl.overview dd { color:#000; }
dl.overview a { display:inline-block; vertical-align:top; color:#000; text-decoration:none; }
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
dl.overview dt { margin:15px 0 5px; padding-left:25px; background-size:20px; font-size:18px; }
dl.overview dd { padding-left:25px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.overview dt { margin:25px 0 10px !important; padding-left:42px !important; }
dl.overview dd { padding-left:42px; line-height:28px; }
}

/* ======== Committee ======== */
div.committee { }
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 

}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.committee table.tblDef > * > tr > td.al { padding:10px 40px; }
}

/* ======== Program at a Glance ======== */
div.program { }
div.program table.program { margin-top:30px; }
table.program { width:100%; padding:0; border:0; border-spacing:0px; border-collapse:collapse; overflow:auto; }
table.program > * > tr > * { padding:10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; text-align:center; }
table.program > * > tr > *:first-child { border-left:0 none; }

table.program > thead > tr > th { background-color:#1359a9; color:#fff; font-weight:normal; font-family:'Roboto-Medium', sans-serif; }
table.program > * > tr > td.time { background-color:#f9f9f9; }
table.program > * > tr > td.typeA { background-color:#F4B084; }
table.program > * > tr > td.typeB { background-color:#78bd70; }
table.program > * > tr > td.typeC { background-color:#97c1d3; }
table.program > * > tr > td.typeD { background-color:#FFE699; }
table.program > * > tr > td.typeE { background-color:#f2f77c; }
table.program > * > tr > td.typeF { background-color:#f3b6b6; }
table.program > * > tr > td.typeG { background-color:#FFF2CC; }
table.program a { text-decoration:none; color:#000; }

table.program > * > tr > td.typeA1 { background-color:#c4e5c0; }
table.program > * > tr > td.typeB1 { background-color:#f1bedf; }
table.program > * > tr > td.typeC1 { background-color:#FFF2CC; }
table.program > * > tr > td.typeD1 { background-color:#C6E0B4; }
table.program > * > tr > td.typeE1 { background-color:#8EA9DB; }
table.program > * > tr > td.typeF1 { background-color:#E2EFDA; }
table.program > * > tr > td.typeG1 { background-color:#FFF2CC; }

div.program > h3.pointTit { text-align:left !important; position:relative; }

div.program > h3.pointTit span.lang { position:absolute; right:0; border-radius:50px; padding:5px 20px; color:#fff; font-size:16px; bottom:5px}
div.program > h3.pointTit span.lang.typeA { background-color:#0095ff; }
div.program > h3.pointTit span.lang.typeB { background-color:#12ad00; }
div.program > h3.pointTit span.lang.typeC { background-color:#d50087; }
div.program > h3.pointTit span.lang.typeD { background-color:#dd9900; }

div.program table.tblDef > * > tr > * { padding:10px 20px; }
div.program table.tblDef span.tit { display:block; font-family:'Roboto-Medium', sans-serif; }

table.program div.glanceTit { margin:0 auto; background-color:rgba(255,255,255,0.5); border-radius:7px; padding:10px; font-weight:bold; border:2px solid #fff; margin-top:0; text-decoration:underline; letter-spacing:-0.5px; }
table.program div.glanceSub { margin-top:10px; font-weight:bold; }
table.program div.glanceCon { padding:10px 15px; }
table.program div.glanceKor { width:35px; background:rgba(0,0,0,0.4); border-radius:50px; padding:3px; margin:0 auto; font-weight:bold; color:#fff; border:1px solid #fff; font-size:14px; }

div.program h3 .typeA { color:#0095ff; }
div.program div.tableScroll table.typeA { border-top:2px solid #0095ff; }
div.program div.tableScroll table.typeA th { background:#dbf0ff; }
div.program h3 .typeB { color:#12ad00; }
div.program div.tableScroll table.typeB { border-top:2px solid #12ad00; }
div.program div.tableScroll table.typeB th { background:#e8fde5; }
div.program h3 .typeC { color:#d50087; }
div.program div.tableScroll table.typeC { border-top:2px solid #d50087; }
div.program div.tableScroll table.typeC th { background:#fff5fb; }
div.program h3 .typeD { color:#dd9900; }
div.program div.tableScroll table.typeD { border-top:2px solid #dd9900; }
div.program div.tableScroll table.typeD th { background:#FFF2CC; }
div.program h3 .typeE { color:#e8cd1e; }
div.program div.tableScroll table.typeE { border-top:2px solid #e8cd1e; }
div.program div.tableScroll table.typeE th { background:#faffe6; }

/* 프로그램 필터 */
div.prgFilter div.checkFilter dl, div.prgFilter div.checkFilter dl dt, div.prgFilter div.checkFilter dl dd { margin:0; padding:0; }
div.prgFilter ul.filter { margin:0; padding:0; list-style:none; font-size:0; }
div.prgFilter ul.filter li { position:relative; display:inline-block; vertical-align:top; }
div.prgFilter ul.filter li label { display:table-cell; vertical-align:middle; color:#ee7c33; background-color:#fff6f1; border:1px solid #ee7c33; font-family:'Roboto-Regular',sans-serif; text-decoration:none; box-sizing:border-box; }
div.prgFilter ul.filter li.on label { background-color:#ee7c33; color:#fff; }
div.prgFilter ul.filter li input[type=radio] { position:absolute; left:0; top:0; opacity:0; }

div.prgFilter div.checkFilter dl { margin:0; padding:0; }
div.prgFilter div.checkFilter dl dt { background-color:#8385c5; text-align:center; color:#fff; font-family:'Roboto-Medium',sans-serif; }
div.prgFilter div.checkFilter dl dd { border:1px solid #ccc; box-sizing:border-box; }
div.prgFilter div.checkFilter ul { margin:0; padding:0; list-style:none; font-size:0; }
div.prgFilter div.checkFilter ul li { position:relative; display:inline-block; vertical-align:top; padding-left:23px; box-sizing:border-box; text-align:left; }
div.prgFilter div.checkFilter ul li input[type=checkbox] { position:absolute; left:0; top:6px; margin:0; }

div.checkFilter dt { position:relative; }
div.checkFilter .category_clear { position:absolute; right:10px; top:50%; transform:translateY(-50%); }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	div.program div.tableScroll { margin-top:30px; }

	/* 프로그램 필터 */
	div.prgFilter { margin-top:30px; }
	div.prgFilter ul.filter { text-align:left; }
	div.prgFilter ul.filter li { width:calc(50% - 5px); margin-left:5px; margin-top:5px; text-align:center; }
	div.prgFilter ul.filter li:nth-child(2n + 1) { margin-left:0; }
	div.prgFilter ul.filter li:nth-child(-n + 2) { margin-top:0; }
	div.prgFilter ul.filter li label { width:700px; height:67px; padding:10px 0; border-radius:7px; font-size:18px; line-height:24px; }

	div.prgFilter div.checkFilter { margin-top:20px; }
	div.prgFilter div.checkFilter dl dt { font-size:16px; line-height:24px; padding:8px 110px 8px 10px; }
	div.prgFilter div.checkFilter dl dd { padding:15px; }

	div.checkFilter .category_clear { width:90px; height:25px; padding:0; }
	div.prgFilter div.checkFilter ul li { width:calc((100% - 5px) / 2); margin-left:5px; margin-top:10px; }
	div.prgFilter div.checkFilter ul li:nth-child(2n + 1) { margin-left:0; }
	div.prgFilter div.checkFilter ul li:nth-child(-n + 2) { margin-top:0; }
	div.prgFilter div.checkFilter ul li label { font-size:14px; word-break:keep-all; }

	div.program > h3.pointTit span.lang { bottom:-10px; padding:2px 10px; font-size:14px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 

	/* 프로그램 필터 */
	div.prgFilter { margin-top:30px; }
	div.prgFilter ul.filter { text-align:center; }
	div.prgFilter ul.filter li { margin-left:8px; cursor:pointer; }
	div.prgFilter ul.filter li:first-child { margin-left:0; }
	div.prgFilter ul.filter li label { width:calc(1030px / 8); height:70px; border-radius:7px; font-size:18px; line-height:24px; padding:10px 0; cursor:pointer; }

	div.prgFilter div.checkFilter { margin-top:40px; }
	div.prgFilter div.checkFilter dl dt { font-size:18px; line-height:32px; padding:7px 0; }
	div.prgFilter div.checkFilter dl dd { padding:30px; }

	div.checkFilter .category_clear { width:100px; height:36px; }
	div.prgFilter div.checkFilter ul li { width:calc( (100% - 15px) / 4); margin:10px 0 0 5px; }
	div.prgFilter div.checkFilter ul li:nth-child(-n + 4) { margin-top:0; }
	div.prgFilter div.checkFilter ul li:nth-child(4n + 1) { margin-left:0; }
	div.prgFilter div.checkFilter ul li label { cursor:pointer; font-size:15px; word-break:keep-all; }

	div.prgFilter p.filterBtn { display:none; }
	div.popFilter { display:none; }
}

/* ======== Abstract Submission ======== */
div.guideline { color:#000; }
ul.guideDate, ul.guideDate li, ul.guideDate strong, ul.guideDate span { display:block; margin:0; padding:0; list-style:none; }
ul.guideDate:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }

ul.guideDate li:nth-child(1) { background:linear-gradient(145deg, #c25050, #cf7d40); }
ul.guideDate li:nth-child(2) { background:linear-gradient(145deg, #3652ac, #5387d5); }
ul.guideDate li:nth-child(3) { background:linear-gradient(145deg, #c0388e, #1359a9); }

ul.guideDate li:nth-child(1) span { box-shadow:0 0 15px rgba(204,115,67,.35); color:#c42f2e; }
ul.guideDate li:nth-child(2) span { box-shadow:0 0 15px rgba(77,124,205,.35); color:#13349c; }
ul.guideDate li:nth-child(3) span { box-shadow:0 0 15px rgba(161,27,112,.35); color:#1359a9; }

ul.guideDate div { position:relative; color:#fff; }
ul.guideDate strong { font-weight:normal; font-family:'Roboto-Bold', sans-serif; letter-spacing:-1px; word-spacing:-2px; }
ul.guideDate span { position:absolute; border-radius:50%; background-color:#fff; text-align:center; font-family:'Roboto-Bold', sans-serif; }

ul.guideProcess, ul.guideProcess li, ul.guideProcess img, ul.guideProcess strong, ul.guideProcess span { display:block; margin:0; padding:0; list-style:none; }
ul.guideProcess:after { display:block; clear:both; height:0; line-height:0; font-size:0; content:''; }

ul.guideProcess li { position:relative; float:left; padding:0 10px; box-sizing:border-box; text-align:center; }
ul.guideProcess strong,
ul.guideProcess span { color:#1359a9; font-weight:normal; font-family:'Roboto-Medium', sans-serif; }
ul.guideProcess li:after { position:absolute; content:''; }

dl.guideLine, dl.guideLine dt, dl.guideLine dd { margin:0; padding:0; }

ul.listDot.bg,
dl.guideLine { background-color:#e3eaf4; }

div.guideline p.note { color:#666; font-family:'Roboto-Italic', sans-serif; }

dl.guideLine dt { color:#0f2f72; font-weight:normal; font-family:'Roboto-Medium', sans-serif; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
ul.guideDate li { margin-top:15px; }
ul.guideDate li:first-child { margin-left:0; }
ul.guideDate div { padding:15px 15px 60px; font-size:16px; }
ul.guideDate strong { font-size:20px; line-height:40px; }
ul.guideDate span { bottom:15px; right:15px; width:60px; padding:15px 0; font-size:16px; line-height:30px; }

ul.guideProcess li { width:calc(50% - 10px); margin-left:20px; margin-top:20px; }
ul.guideProcess li:nth-child(-n+2) { margin-top:0; }
ul.guideProcess li:nth-child(2n+1) { clear:both; margin-left:0; }
ul.guideProcess li:after { top:50px; right:-25px; width:20px; height:36px; background:url('/image/sub/process_arrow.png') center center no-repeat; }
ul.guideProcess li:nth-child(2n):after,
ul.guideProcess li:last-child:after { display:none; }

ul.guideProcess img { margin:0 auto; height:120px; }
ul.guideProcess strong,
ul.guideProcess span { font-size:18px; }
ul.guideProcess strong { margin-top:5px; }

ul.listDot.bg { padding:15px; }
div.guideline p.note { margin:5px 0; padding-left:15px; }

dl.guideLine { padding:15px; }
dl.guideLine dd { margin-top:5px; }

div.guideline ul.noBl { padding:10px 15px !important; }
div.guideline div.btnArea > a { display:block; max-width:345px; margin:0 auto 10px; font-size:18px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
ul.guideDate li { float:left; width:352px; margin-left:20px; }
ul.guideDate li:first-child { margin-left:0; }
ul.guideDate div { padding:30px 30px 120px; font-size:18px; }
ul.guideDate div.impdate { padding:30px 25px 145px !important; }
ul.guideDate strong { font-size:30px; line-height:55px; }
ul.guideDate span { bottom:30px; right:30px; width:90px; padding:30px 0; font-size:22px; line-height:30px; }

ul.guideProcess li { width:207px; margin-left:15px; }
ul.guideProcess li:first-child { margin-left:0; }
ul.guideProcess li:after { top:73px; right:-17px; width:20px; height:36px; background:url('/image/sub/process_arrow.png') center center no-repeat; }
ul.guideProcess li:last-child:after { display:none; }
ul.guideProcess img { margin:0 auto; }
ul.guideProcess strong,
ul.guideProcess span { font-size:18px; line-height:28px; }
ul.guideProcess strong { margin-top:10px; }

ul.listDot.bg { padding:30px; }
div.guideline p.note { margin:10px 0; padding-left:30px; }

dl.guideLine { padding:30px; }
dl.guideLine dd { margin-top:15px; }

div.guideline ul.noBl { padding:15px 30px !important; }
}
/* ======== Awards & Grants ======== */
div.award { }
dl.awInfo, dl.awInfo dt, dl.awInfo dd { margin:0; padding:0; }
dl.awInfo { background-color:#e3eaf4; }
dl.awInfo dt { color:#0f2f72; font-weight:normal; font-family:'Roboto-Medium', sans-serif; }

dl.award, dl.grant,
dl.award dt, dl.grant dt,
dl.award dd, dl.grant dd { margin:0; padding:0; }

dl.award .view a,
dl.grant .view a { background-color:#e7edf9; font-family:'Roboto-Medium', sans-serif; }

dl.award a, dl.grant a { position:relative; display:block; border:1px solid #ccc; border-top:0 none; text-decoration:none; color:#000; }
dl.award a:before,
dl.grant a:before { position:absolute; background-position:center center; background-repeat:no-repeat; content:''; }
dl.award a:before { background-image:url('/image/sub/award_bl_02.png'); background-size:50px; }
dl.grant a:before { background-image:url('/image/sub/grant_bl_02.png'); }
dl.awardee a:before { background-image:url('/image/sub/grant_bl_02.png'); }

dl.awardee table.awardeeTbl tr td { text-align:center; }
dl.awardee table.awardeeTbl tr td:nth-of-type(2) { text-align:left; }

div.contents a.trigger { position:relative; text-decoration:none; color:#000; }
div.contents a.trigger:after { position:absolute; top:50%; background:url('/image/common/toggle.png') center center no-repeat; content:''; }
div.contents .view a.trigger:after { transform:rotate(180deg); }

dl.awInfo + dl.award a { border-top:1px solid #ccc; }
dl.awInfo + dl.grant a { border-top:1px solid #ccc; }
dl.award span, dl.grant span { position:absolute; display:block; color:#1359a9; font-family:'Roboto-Medium', sans-serif; }

dl.award > dd, dl.grant > dd { border:1px solid #ccc; border-top:0 none; background-color:#f9f9f9; }
dl.award > dd p, dl.grant > dd p { color:#0f2f72; font-family:'Roboto-bold', sans-serif; }
dl.award > dd dt, dl.grant > dd dt { color:#0f2f72; font-family:'Roboto-bold', sans-serif; }

dl.note { margin:40px 0 0; }
dl.note dt { color:#1359a9; font-weight:normal; font-family:'Roboto-Medium', sans-serif; }
dl.note dd { padding:10px 0 0; }
div.contents table.bbs > tbody > tr > td a { display:contents; }
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
dl.awInfo { margin:20px 0; padding:15px; }
dl.awInfo dd { margin-top:5px; }

dl.award a, dl.grant a { padding:10px 30px 50px 45px; text-align:left; }
dl.award a:before,
dl.grant a:before { top:10px; left:12px; width:24px; height:25px; background-size:25px; }
dl.award span, dl.grant span { bottom:15px; right:25px; font-size:17px; }
dl.awardee span { right:15px; }
dl.award > dd, dl.grant > dd { padding:15px; }
dl.award > dd dt, dl.grant > dd dt { margin:15px 0 5px; }

div.contents a.trigger:after { top:15px; right:15px; width:17px; height:20px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
dl.awInfo { margin:20px 0; padding:30px; }
dl.awInfo dd { margin-top:10px; }

dl.award a, dl.grant a { padding:15px 275px 15px 75px; }
dl.award a:before,
dl.grant a:before { top:50%; left:15px; width:50px; height:40px; margin-top:-20px; }

dl.award span, dl.grant span { top:50%; right:75px; margin-top:-12.5px; font-size:18px; }
dl.awardee span { right:75px; }
dl.award > dd, dl.grant > dd { padding:30px; }
dl.award > dd dt, dl.grant > dd dt { margin:25px 0 5px; }

div.contents a.trigger:after { right:30px; width:17px; height:10px; margin-top:-5px; }
}

/* ======== Presentation Guidelines ======== */
div.guideline { }
div.guideline a { text-decoration:none; color:#000; }
div.guideline a.btnDown,
div.guideline a.btnClick { display:inline-block; padding:0 15px; vertical-align:top; color:#fff; font-size:14px; line-height:26px; text-align:center; }
div.guideline a.btnDown img { display:inline-block; vertical-align:top; margin:5px 0 0; }
/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.guideline ul.tabMenu { margin-top:20px; }
div.guideline ul.tabMenu a { display:table-cell; width:800px; height:48px; vertical-align:middle; }
div.guideline a.btnDown { padding:0 5px; }

div.guideline ul.presentationTab { text-align:center; }
div.guideline ul.presentationTab > li { width:100%; margin-top:5px !important; }
div.guideline ul.presentationTab > li a { border-left:1px solid #a3b1c7; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.guideline ul.tabMenu { margin-top:30px; }
}

/* ======== How to Register ======== */
div.register { color:#000; }
div.register a { text-decoration:none; color:#000; }

div.infoDate { background:linear-gradient(to right, #3c5db5, #c2507e); text-align:center; color:#fff; }
div.infoDate span { color:#eef617; font-family:'Roboto-Medium', sans-serif; }

table.tblPoint { padding:0; border:0; border-spacing:0px; border-collapse:collapse; }
table.tblPoint > * > tr > * { padding:10px 15px; border:1px solid #ddd; text-align:left; }
table.tblPoint > * > tr > th { font-family:'Roboto-Bold', sans-serif; }

dl.infoBox { background-color:#e3eaf4; }
dl.infoBox dt { color:#0f2f72; font-weight:normal; font-family:'Roboto-Bold', sans-serif; }
dl.infoBox dd a { text-decoration:none; color:#000; }

dl.payment { }
dl.payment dt { margin:0 !important; font-weight:normal; font-family:'Roboto-Bold', sans-serif; }

dl.faq { margin:15px 0 0; padding:0; }
dl.faq dt { margin:0 !important; padding:0; }
dl.faq a.trigger { display:block; padding:10px 65px 10px 20px; background-color:#fafafa; border:1px solid #ddd; }
dl.faq dd { margin:0; padding:0; border:1px solid #ddd; border-top:0 none; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.infoDate { padding:15px 0; font-size:18px; line-height:30px; }
div.register table.tblPoint { margin:15px 0 0; }
div.register dl > dt { margin-top:15px; }
div.register table.tblPoint + ul { margin-top:15px; }

dl.infoBox { margin-top:15px; padding:15px; }
dl.infoBox dt { margin:0 !important; }
dl.infoBox dd { margin-top:10px; }

dl.faq dd { padding:10px 15px; word-break:keep-all; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.infoDate { padding:25px 0; font-size:28px; line-height:56px; }
div.register table.tblPoint { margin:20px 0 0; }
div.register dl > dt { margin-top:20px; }
div.register table.tblPoint + ul { margin-top:20px; }

dl.infoBox { margin-top:20px; padding:30px; }
dl.infoBox dt { margin:0 !important; }
dl.infoBox dd { margin-top:15px; }

dl.faq dd { padding:15px 20px; }
}
/* ======== Sponsorship Package ======== */
div.sponsorship { }
div.spon dl { padding:0; }
div.spon dt { background-repeat:no-repeat; background-position:left top; text-align:center; color:#fff; font-weight:normal; font-family:'Roboto-Medium', sans-serif; }

dl.sponDiamond dt { background-image:url('/image/sponsor/sponDiamond.png'); }
dl.sponPlat dt { background-image:url('/image/sponsor/sponPlat.png'); }
dl.sponSilver dt { background-image:url('/image/sponsor/sponSilver.png'); }
dl.sponGold dt { background-image:url('/image/sponsor/sponGold.png'); }
dl.sponBronze dt { background-image:url('/image/sponsor/sponBronze.png'); }
dl.sponRuby dt { background-image:url('/image/sponsor/sponRuby.png'); }
dl.sponPearl dt { background-image:url('/image/sponsor/sponPearl.png'); }

div.spon dl ul { margin:0; padding:0; list-style:none; text-align:center; font-size:0; line-height:0; }
div.spon dl ul li { display:inline-block; }
div.spon dl ul li a,div.spon dl ul li img { display:block; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.sponsorship table.tblDef { margin-top:30px; }
div.sponsorship .btnPoint { display:block; max-width:325px; margin:0 auto 10px; font-size:18px; }

div.spon dl { margin-top:30px; }
div.spon dt { margin-bottom:15px; padding:10px 0; font-size:17px; line-height:25px; }
div.spon dl ul li { display:block; margin-top:10px; text-align:center; border:1px solid #ddd; }
div.spon dl ul li:first-child { margin-top:10px; }

div.spon dl ul li a,div.spon dl ul li img { display:inline-block; width:330px; height:90px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.sponsorship table.tblDef { width:50%; margin-top:60px; }
div.spon dl { margin-top:40px; }
div.spon dt { margin-bottom:30px; padding:15px 0; font-size:18px; line-height:30px; }

/* 0127 css 추가 */
div.spon dl dd li { margin-left:10px; margin-top:10px; border:1px solid #ddd; }
dl.sponDiamond dd li:nth-child(2n+1) { margin-left:0; }
dl.sponDiamond dd li:nth-child(-n+2) { margin-top:0; }
dl.sponDiamond dd li a,dl.sponDiamond dd li a img { width:390px; height:108px; }

dl.sponPlat dd li:nth-child(3n+1) { margin-left:0; }
dl.sponPlat dd li:nth-child(-n+3) { margin-top:0; }
dl.sponPlat dd li a,dl.sponPlat dd li a img { width:330px; height:90px; }

dl.sponGold dd li:nth-child(4n+1) { margin-left:0; }
dl.sponGold dd li:nth-child(-n+4) { margin-top:0; }
dl.sponGold dd li a,dl.sponGold dd li a img { width:250px; height:75px; }

dl.sponSilver dd li:nth-child(5n+1) { margin-left:0; }
dl.sponSilver dd li:nth-child(-n+5) { margin-top:0; }
dl.sponSilver dd li a,dl.sponSilver dd li a img { width:190px; height:60px; }

dl.sponBronze dd li:nth-child(5n+1) { margin-left:0; }
dl.sponBronze dd li:nth-child(-n+5) { margin-top:0; }
dl.sponBronze dd li a,dl.sponBronze dd li a img { width:190px; height:60px; }

dl.sponRuby dd li:nth-child(7n+1) { margin-left:0; }
dl.sponRuby dd li:nth-child(-n+7) { margin-top:0; }
dl.sponRuby dd li a,dl.sponRuby dd li a img { width:140px; height:44px; }

dl.sponPearl dd li:nth-child(7n+1) { margin-left:0; }
dl.sponPearl dd li:nth-child(-n+7) { margin-top:0; }
dl.sponPearl dd li a,dl.sponPearl dd li a img { width:140px; height:44px; }
}



/* Login */
div.loginArea h3, div.loginArea p, div.loginArea dl, div.loginArea dt, div.loginArea dd { margin:0; padding:0; }
div.loginArea { border:2px solid #eee; }
div.loginArea h3 { color:#000; font-weight:normal; font-family:'NotoSansKR Bold', sans-serif; }
div.loginArea dl { position:relative; margin-top:10px; padding:9px 10px 10px 115px; background-color:#f0efef; }
div.loginArea dt { position:absolute; left:15px; top:50%; transform:translateY(-50%); }
div.loginArea dt label { color:#767d90; font-size:15px; }
div.loginArea dd input { width:413px; padding:4px 10px; border:0 none; background-color:#f0efef; }

div.loginArea p.loginUtil { margin:10px 0 0; }
div.loginArea p.loginUtil input { margin:5px 5px 0 0; vertical-align:top; }

div.loginArea p.btn * { display:block; width:100%; height:100%; padding:0; border:0 none; font-family:'NotoSansKR Bold', sans-serif; background-color:#1359a9 !important; }
div.loginArea ul.btn a { border-color:#1b1764 !important; color:#1b1764 !important; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.loginArea { padding:15px; font-size:14px; }
div.loginArea h3 { font-size:20px; }
div.loginArea h3 + p { padding:5px 0 10px; font-family:'NotoSansKR Light', sans-serif; }

div.loginArea p.btn { height:50px; padding-top:10px; }

div.loginArea ul.btn { padding-top:5px; }
div.loginArea ul.btn li { margin-top:10px; padding:5px 0; list-style:none; }
div.loginArea ul.btn li:before { display:inline-block; content:"- "; }
div.loginArea ul.btn a { display:block; margin-top:5px; padding:4px 0; font-size:12px; }

}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.loginArea { width:700px; padding:50px 70px 70px; margin:0 auto; }
div.loginArea h3 { font-size:36px; margin-bottom:20px; }

div.loginArea div.formArea { position:relative; margin-top:20px; padding-right:150px; }

div.loginArea p.btn { position:absolute; right:0; top:0; width:140px; height:100px; margin:0; }
div.loginArea p.btn * { font-size:20px; }

div.loginArea ul.btn { margin:30px 0 0; }
div.loginArea ul.btn li { position:relative; margin:5px 0 0; padding:5px 0; list-style:none; }
div.loginArea ul.btn li:before { display:inline-block; content:"- "; }
div.loginArea ul.btn a { position:absolute; right:0; top:50%; width:250px; margin-top:-17px; padding:6px 0; text-align:center; }
}



/* Find ID/Password */
div.find { border:2px solid #eee; }
div.find h3 { margin:0; color:#000; font-weight:normal; font-family:'NotoSansKR Bold', sans-serif; }

div.find div.option { text-align:center; }
div.find div.option input { margin:0 5px 0 30px; }
div.find div.option input:first-child { margin-left:0; }

div.find dl { position:relative; margin-top:10px; padding:0; background-color:#f0efef; }
div.find dl:after { clear:both; display:block; height:0; line-height:0; font-size:0; content:""; }

div.find dt { display:none; }
div.find dt label { font-size:0; line-height:0; }
div.find dd input { display:block; width:100%; height:50px; font-size:15px; padding:0 10px; border:0 none; background-color:#f0efef; box-sizing:border-box; }
div.find dd input::placeholder { color:#767d90; }
div.find p.btn * { width:100%; height:100%; padding:0; border:0 none; font-family:'NotoSansKR Medium', sans-serif; background-color:#1359a9 !important; }

div.find div.resultArea { background-color:#eee; text-align:center; font-family:'NotoSansKR Medium', sans-serif; }
div.find div.resultArea span { color:#1359a9; }


/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.find { margin-top:20px; border:2px solid #eee; font-size:14px; }
div.find div.formArea { padding:15px; }
div.find div.formArea > p { padding:5px 0 10px; font-family:'NotoSansKR Light', sans-serif; }

div.find div.option { padding-bottom:10px; }

div.find p.btn { height:50px; padding-top:10px; }

div.find div.resultArea { padding:17px 0 18px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.find { width:715px; margin:50px auto 0; }

div.find div.formArea { position:relative; padding:50px 70px 70px; }
div.find div.option { padding-bottom:20px; }

div.find p.btn { margin-top:10px; height:50px; }
div.find p.btn * { font-size:20px; }

div.find div.resultArea { padding:25px 0; font-size:20px; line-height:30px; }
}



/* Sign up */
ul.joinType, ul.joinType li, ul.joinType a { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.joinType { text-align:center; font-size:0; line-height:0; }
ul.joinType li { display:inline-block; vertical-align:top; }
ul.joinType li:first-child { padding-left:0; }
ul.joinType a,
ul.joinType img { display:block; }

div.joinCom { text-align:center; color:#111; font-family:'Roboto-Regular', sans-serif; }
div.joinCom img,
div.joinCom span { display:block; }
div.joinCom img { margin:0 auto; }
div.joinCom span { font-family:'Roboto-Bold', sans-serif; }

div.joinCom + table.tblDef > * > tr > th { background-color:#f8f8f8; color:#000; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
ul.joinType { padding:20px; }
ul.joinType li { width:calc(50% - 10px); padding-left:20px; }
ul.joinType img { width:100%; }

table.inputTbl ul.option { margin:0; padding:0; border:0 none; width:100% !important; }
table.inputTbl ul.option > li { padding-left:23px; margin:0; list-style:none; }
table.inputTbl ul.option input[type="checkbox"] { position:absolute; left:0; top:10px; margin:0; }
table.inputTbl ul.option input[type="radio"] { position:absolute; left:0; top:10px; margin:0; }
table.inputTbl ul.option input[type="text"] { margin-left:5px; display:inline-block; width:calc(100% - 38px - 5px) !important; }

table.inputTbl span.agree { position:relative; display:block; padding-left:23px; margin:10px 0 0 0 !important; height:auto; }
table.inputTbl span.agree input[type="radio"] { position:absolute; left:0; top:0; margin:0 !important; }
table.inputTbl span.agree input[type="checkbox"] { position:absolute; left:0; top:0; margin:0 !important; }
table.inputTbl span.agree label { display:inline-block; line-height:16px; vertical-align:top; }

.agreeCon { overflow-x:hidden; overflow-y:auto; width:calc(100% - 30px); height:150px; padding:15px 15px 0; margin-bottom:15px; border:1px solid #d2d2d2; }
.agreeCon dt { font-weight:bold; }
.agreeCon dd { padding-bottom:15px; }

div.join { font-size:14px; }
div.join table td { border-left:0 !important; }
div.join p + h3 { margin-top:0; }
div.join table.inputTbl ul.multi > * { margin-left:0 !important; }
div.join table.inputTbl ul.multi li { width:100%; }
div.join table.rwTbl input + input { margin-left:0; margin-top:5px; }
div.join table.rwTbl label + input { margin-left:0; }
div.join table.rwTbl input + input[type=checkbox] { margin-left:0 !important; }
div.join table.rwTbl td.userID input { width:calc(100% - 170px) !important; }
div.join .doctor input:nth-child(8) { margin-left:0; }

div.joinCom { padding:15px 15px 30px; font-size:16px; line-height:20px; }
div.joinCom img { height:87px; }
div.joinCom span { padding-top:10px; font-size:18px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
ul.joinType li { padding-left:70px; }

table.inputTbl ul.option:after { content:""; clear:both; display:block; height:0; line-height:0; font-size:0; }
table.inputTbl ul.option > li { float:left; position:relative; display:inline-block; margin:0 0 0 20px !important; line-height:36px; min-height:36px; padding-left:23px; margin:0; list-style:none; }
table.inputTbl ul.option > li label { line-height:36px; }
table.inputTbl ul.option > li:first-child { margin:0 !important; }
table.inputTbl ul.option input[type=radio] { position:absolute; left:0; top:11px; margin:0 !important; }
table.inputTbl ul.option input[type=checkbox] { position:absolute; left:0; top:11px; margin:0 !important; }
table.inputTbl ul.option label + input { margin-left:5px; 	}

table.inputTbl ul.option.noFloat > li { float:none; display:block; margin:0 !important; }

.userID div.withBtn { padding-right:196px; }

.agreeCon { overflow-x:hidden; overflow-y:auto; height:300px; padding:30px 30px 0; margin-bottom:15px; border:1px solid #d2d2d2; }
.agreeCon dt { font-weight:bold; }
.agreeCon dd { padding-bottom:30px; }

.agree { text-align:right; }
.agree input { vertical-align:top; margin:5px 10px 0 50px; }
.agree input:first-child { margin-left:0; }

table.inputTbl ul.multi, table.inputTbl ul.multi li { margin:0; padding:0; list-style:none; }
table.inputTbl ul.multi li { float:none; overflow:hidden; margin-top:5px; }
table.inputTbl ul.multi label { width:50px; }
table.inputTbl ul.multi input[type=text] { width:calc(95% - 50px); }

div.joinCom { padding:20px 0 100px; font-size:26px; line-height:38px; }
div.joinCom span { padding:20px 0 10px; font-size:38px; }
}

/*  */

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
}



/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
/* Mypage*/
div.mypgName { margin-top:15px; background-color:#ecebf3; padding:20px; text-align:center; font-size:20px; line-height:26px; color:#252525; 
    font-family:'Roboto-Medium', sans-serif; }
div.mypgName span { color:#1b1764; }
h3.subTit.mypg > span.fr.btn { display:block; float:none !important; 	clear:left !important; text-align:right; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 

/* Mypage*/
div.mypgName { margin-top:30px; background-color:#ecebf3; padding:38px; text-align:center; font-size:26px; line-height:32px; color:#252525; 
    font-family:'Roboto-Medium', sans-serif; }
div.mypgName span { color:#1b1764; }
}

/* Invited Speakers */
div.speaker { }
div.speaker:first-of-type { margin-top:0; }
ul.speaker, ul.speaker li, ul.speaker img, ul.speaker strong, ul.speaker span, ul.speaker a { display:block; margin:0; padding:0; list-style:none; text-decoration:none; }
ul.speaker:after { display:block; clear:both; height:0; font-size:0; line-height:0; content:''; }

ul.speaker li { position:relative; border-top:2px solid #000; background-color:#f4f2f3; box-sizing:border-box; color:#000; }
ul.speaker img { position:absolute; }
ul.speaker strong { color:#0f1958; font-weight:normal; font-family:'Roboto-Bold', sans-serif; text-align:left; }
ul.speaker span.group { }
ul.speaker a.cv { color:#fff; }

/* 타입별 컬러 */
div.speaker.typeA h3 > span { color:#0095ff; }
div.speaker.typeA li { border-color:#0095ff; }
div.speaker.typeA a.cv { background-color:#0095ff; }
div.speaker.typeA span.role { background-color:#0095ff; }

div.speaker.typeB h3 > span { color:#12ad00; }
div.speaker.typeB  li { border-color:#12ad00; }
div.speaker.typeB  a.cv { background-color:#12ad00; }
div.speaker.typeB span.role { background-color:#12ad00; }

div.speaker.typeC h3 > span { color:#d50087; }
div.speaker.typeC li { border-color:#d50087; }
div.speaker.typeC a.cv { background-color:#d50087; }
div.speaker.typeC span.role { background-color:#d50087; }

div.speaker.typeD h3 > span { color:#dd9900; }
div.speaker.typeD li { border-color:#dd9900; }
div.speaker.typeD a.cv { background-color:#dd9900; }
div.speaker.typeD span.role { background-color:#dd9900; color:#fff; }

div.speaker.typeE h3 > span { color:#e8cd1e; }
div.speaker.typeE li { border-color:#e8cd1e; }
div.speaker.typeE a.cv { background-color:#e8cd1e; }
div.speaker.typeE span.role { background-color:#e8cd1e; }

div.speaker ul.speaker span.role { font-size:15px; width:max-content; padding:2px 10px; border-radius:5px; text-align:center; margin-left:-3px; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
div.speaker { margin-top:25px; }
div.speaker h3 { font-size:18px; text-align:left; }

ul.speaker li { margin-top:20px; padding:15px 15px 20px 120px; font-size:14px; line-height:18px; }
ul.speaker li:first-child { margin-top:0; }
ul.speaker img { top:50%; left:15px; height:106px; margin-top:-53px; }
ul.speaker strong { margin-bottom:15px; font-size:16px; line-height:20px; }
ul.speaker a.cv { width:50px; margin-top:10px; text-align:center; font-size:12px; line-height:25px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
div.speaker { margin-top:50px; }

ul.speaker li { float:left; width:535px; min-height:297px; margin:30px 0 0 30px; padding:30px 20px 30px 223px; font-size:18px; }
ul.speaker li:nth-child(-n+2) { margin-top:0; }
ul.speaker li:nth-child(2n+1) { clear:both; margin-left:0; }

ul.speaker img { top:40px; left:20px; }
ul.speaker strong { min-height:95px; margin-bottom:5px; font-size:20px; line-height:30px; }
ul.speaker span.group { font-size:16px; letter-spacing:-1px; text-align:left; }
ul.speaker a.cv { width:50px; margin-top:10px; text-align:center; font-size:14px; line-height:26px; }
}

/* 2022-02-08 영수증 css 추가 */
div.receipt { width:750px; margin:0 auto; padding:0; }

/* 2022-02-11 초록심사 css 추가 */

@media screen and (max-width:960px) { 
	div.review { display:none; }
}
div.popReview { padding:10px 20px; }
@media screen and (min-width:961px) { 
	div.review { }
	div.reivewInfo { margin-bottom:10px; }
	div.reivewInfo ul { float:left; margin:0; padding:0; list-style:none; font-size:0; line-height:0; }
	div.reivewInfo ul li { display:inline-block; position:relative; line-height:36px; font-size:16px; }
	div.reivewInfo ul li:before { display:inline-block; vertical-align:top; content:'/'; padding:0 5px; }
	div.reivewInfo ul li:first-child:before { display:none; }
	div.reivewInfo:after { clear:both; content:''; display:block; }
	div.review table.tblDef th, div.review table.tblDef td { font-size:0.8em; line-height:1.2; }

	div.popReview { padding:30px; width:800px; max-height:850px; border:2px solid #ccc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; }
	div.popReview h1 { margin-bottom:10px; color:#1359a9; font-weight:700; font-size:20px; line-height:25px; font-family:'Roboto-Bold',sans-serif; }
	div.popReview table select { display:block; }
	div.popReview table select + select { margin-top:5px; }
	div.popReview table textarea { width:100%; box-sizing:border-box; }
}

/* Invited Speaker Submission > Submission / Modify 로그인 - 23.12.08 박민지 */
.login-form-wrap { padding-top:90px; box-sizing:border-box; }
.login-form-wrap * { box-sizing:border-box; }
.login-wrap { max-width:657px; margin:0 auto; padding:60px 80px; background-color:#f5f5f5; border-radius:20px; }
.login-tit-wrap { padding:0 25px; margin-bottom:45px; }
.login-tit { padding-bottom:20px; border-bottom:2px solid #013d78; font-family:'Roboto-Bold',sans-serif; font-size:30px; color:#333333; line-height:1.2; text-align:center; }
.login-input { }
.login-input input[type="text"],
.login-input input[type="password"] { width:100%; padding:22px 20px 22px 50px; border-radius:10px; border:1px solid #d7dadc; background-repeat:no-repeat; background-position:20px center; font-size:15px; }
.login-input input[type="text"] { background-image:url('/image/icon/ic_person.png'); }
.login-input input[type="password"] { margin-top:15px; background-image:url('/image/icon/ic_password.png'); }
.login-input input::placeholder { color:#999; }
.login-wrap .btn-wrap { margin-top:50px; }
.btn-login { width:100%; padding:19px 20px; background-color:#013d78; border:0; border-radius:10px; font-size:22px; font-family:'Roboto-Medium',sans-serif; color:#fff; letter-spacing:-0.02em; }


@media screen and (max-width:960px) { 
	.login-form-wrap { padding:15px 0; }
	.login-wrap { padding:30px; }
	.login-tit-wrap { padding:0 15px; margin-bottom:20px; }
	.login-tit { padding-bottom:10px; font-size:20px; }
	.login-input input[type="text"],
	.login-input input[type="password"] { padding:13px 15px 13px 35px; background-position:15px center; background-size:12px; font-size:14px; }
	.login-input input[type="password"] { margin-top:10px; }
	.login-wrap .btn-wrap { margin-top:30px; }
	.btn-login { padding:12px 15px; font-size:18px; }
}

/* 관리자 */

@media screen and (min-width:961px) { 
	div.popJudge { padding:30px; width:800px; max-height:850px; border:2px solid #ccc; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; }
	div.popJudge h1 { margin-bottom:10px; color:#1359a9; font-weight:700; font-size:20px; line-height:25px; font-family:'Roboto-Bold',sans-serif; }
}

/* related 2023-02-13 */
ul.relate, ul.relate li { margin:0; padding:0; list-style:none; }
ul.relate li { position:relative; border:1px solid #dedede; }
ul.relate li:first-child { margin-top:0; }
ul.relate span.tit { display:block; font-family:'Roboto-Bold',sans-serif; }
ul.relate li > img { position:absolute; width:280px; }
ul.relate a { display:block; background-color:#1359a9; color:#fff; text-decoration:none; text-align:center; }
ul.relate a img { display:inline-block; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
ul.relate li { margin-top:20px; padding:120px 15px 20px 15px; border-radius:10px; }
ul.relate li > img { top:20px; left:50%; transform:translateX(-50%); width:200px; height:auto; }
ul.relate span.tit { margin-bottom:5px; text-align:center; font-size:18px; }
ul.relate li { font-size:15px; line-height:22px; }
ul.relate a { width:150px; height:30px; margin:15px auto 0; line-height:30px; font-size:13px; }
ul.relate a img { margin:11px 0 0 5px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
ul.relate li { margin-top:30px; padding:60px 230px 60px 360px; border-radius:10px; }
ul.relate span.tit { margin-bottom:10px; font-size:20px; line-height:24px; }
ul.relate li > img { top:50%; transform:translateY(-50%); left:40px; }
ul.relate li { font-size:18px; line-height:24px; }
ul.relate a { position:absolute; top:50%; transform:translateY(-50%); right:35px; width:185px; height:50px; font-size:16px; line-height:50px; box-sizing:border-box; }
ul.relate a img { margin:21px 0 0 5px; }
}

/* 검색영역 */
div.searchArea { background-color:#f2f6fd; }
div.searchArea form { font-size:0; line-height:0; }
div.searchArea select { text-align:center; }
div.searchArea input { display:inline-block; vertical-align:top; border:1px solid #dfdfdf; box-sizing:border-box; }
div.searchArea input[type=submit] ,
div.searchArea input[type=reset] { color:#fff; text-align:center; border-radius:2px; }

div.searchArea input[type=submit] { background-color:#0f2f72; border-color:#0f2f72; }
div.searchArea input[type=reset] { background-color:#8092b7; border-color:#8092b7; }

div.searchArea .note { display:block; text-align:left; font-family:'Roboto-Regular', sans-serif; color:#666666; }

/* 관리자 검색 */


div.reviewerAdd div.searchArea { margin-bottom:30px; }
div.reviewerAdd div.searchArea { background:none; }
div.reviewerAdd div.searchArea div.btnArea { padding-top:20px; }
div.reviewerAdd div.searchArea div.btnArea > * { margin-left:10px; }
div.reviewerAdd div.searchArea div.btnArea > *:first-child { margin-left:0; }
div.reviewerAdd div.searchArea input[type=submit] { margin-top:0; width:fit-content; }
div.reviewerAdd div.searchArea input[type=text] { height:30px; }
div.reviewerAdd div.searchArea .btn { width:100%; }

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	div.searchArea { margin-top:20px; padding:20px; }
	div.searchArea form { text-align:center; }
	div.searchArea select,
	div.searchArea input { height:30px; font-size:14px; }
	div.searchArea select { margin-right:5px; }
	div.searchArea input[type=text] { width:60%; padding:0 10px; }
	div.searchArea .btn { width:84%; }
	div.searchArea input[type=submit] { margin-top:10px; width:calc(50% - 5px); line-height:30px; }
	div.searchArea input[type=reset] { margin:10px 0 0 10px; width:calc(50% - 5px); line-height:30px; }

	div.searchArea .note { margin-top:5px; font-size:14px; line-height:18px; }
}

/*  PC :width:961px ~  */
@media screen and (min-width:961px) { 
	div.searchArea { margin-top:30px; padding:30px; }
	div.searchArea select,
	div.searchArea input { height:40px; font-size:16px; }
	div.searchArea select { width:110px; margin-right:5px; }
	div.searchArea input[type=text] { width:655px; padding:5px 10px; }
	div.searchArea input[type=submit] { width:100px; }
	div.searchArea input[type=reset] { margin-left:10px; width:160px; }

	div.searchArea .note { margin-top:5px; font-size:15px; line-height:25px; }
}


/* 메인 sponsor banner 추가 - 240118 박민지 */
.sponsor-wrap { 
	width:100%; 
	box-sizing:border-box; 
}
.sponsor-wrap * { 
	box-sizing:border-box; 
}
.sponsor-wrap + .sponsor-wrap { 
	margin-top:20px; 
}
.sponsor-wrap:after,
.sponsor-list:after { 
	display:block; 
	content:''; 
	clear:both; 
}
.sponsor-list-wrap.diamond { 
	width:260px; 
	height:65px; 
}
.sponsor-list-wrap.diamond .sponsor-list { 
	width:260px !important; 
	height:65px !important; 
}
.sponsor-wrap.n2 .sponsor-list-wrap { 
	float:left; 
	width:49%; 
}
.sponsor-wrap.n2 .sponsor-list-wrap + .sponsor-list-wrap { 
	margin-left:2%; 
}
.sponsor-tit { 
	display:inline-block; 
	min-width:90px; 
	padding:1px 0; 
	border-radius:30px; 
	font-size:15px; 
	font-weight:500; 
	color:#fff; 
	text-align:center; 
	letter-spacing:-0.025em; 
	vertical-align:middle; 
}
.diamond .sponsor-tit { 
	background-color:#539df1; 
}
.platinum .sponsor-tit { 
	background-color:#0548b7; 
}
.gold .sponsor-tit { 
	background-color:#daa458; 
}
.silver .sponsor-tit { 
	background-color:#6b6b6b; 
}
.supporter .sponsor-tit { 
	background-color:#8d30b8; 
}
.sponsor-tit + .sponsor-list { 
	display:inline-block; 
	width:calc((100% - 95px)); 
	padding-left:15px; 
	vertical-align:middle; 
}
.sponsor-list .slick-list { 
	margin:0 -5px; 
}
.sponsor-list:after { 
	display:block; 
	content:''; 
	clear:both; 
}
.sponsor-list-wrap .sponsor-list a { 
	display:block; 
	float:left; 
	width:auto; 
	height:auto; 
	border:1px solid #ccc; 
	box-sizing:border-box; 
	margin:0 5px !important; 
}
.sponsor-list-wrap .sponsor-list a img { 
	width:100%; 
	height:auto; 
	max-width:100%; 
	border:0; 
}

/* Discover Seoul, Korea - 240118 박민지 */
.text-center { 
	text-align:center; 
}
.img-wrap img { 
	max-width:100%; 
}
.contents-wrap { 
	width:100%; 
}
.contents-wrap .img-wrap,
.contents-wrap .text-wrap { 
	display:inline-block; 
	vertical-align:top; 
}
.contents-wrap .img-wrap { 
	width:150px; 
}
.contents-wrap .text-wrap { 
	width:calc((100% - 155px)); 
	padding-left:30px; 
	text-align:left; 
	box-sizing:border-box; 
}
.text-wrap a { 
	word-break:break-all; 
}
p + .btn-wrap { 
	margin-top:10px; 
}
.btn.btn-type-line { 
	display:inline-block; 
	padding:5px 10px; 
	border:1px solid #0000EE; 
	line-height:1.2; 
	vertical-align:top; 
	text-decoration:none; 
}
.btn.btn-type-line.color-type-blue { 
	color:#0000EE; 
}

/* 25.01.02 main video 추가 */
.mainFlexWrap { 
	position:relative; 
	float:left; 
	width:620px; 
	display:grid; 
	grid-template-columns:repeat(2, 1fr); 	
}
.mainFlexWrap:after { 
	content:''; 
	clear:both; 
}
div.mainCon .mainFlexWrap dl.mainDates { 
	width:100%; 
	height:auto; 
	padding:20px 20px 20px 30px; 
}
dl.mainVideo { 
	background-color:rgba(0,0,0,0.8); 
}
dl.mainVideo dt { 
	padding:10px 0 10px; 
	font-family:'Roboto-Bold', sans-serif; 
	font-size:20px; 
	line-height:30px; 
	color:#fff; 
	text-align:center; 
	background-color:#ae6e3e; 
}
/*dl.mainVideo:first-child dd { 
    display:flex; 
    flex-direction:column; 
    align-items:center; 
    justify-content:center; 
    height:100%; 
    box-sizing:border-box; 
}*/
dl.mainVideo dd { 
    padding:18px 0; 
}
dl.mainVideo dd .videoWrap { 
	position:relative; 
    padding-top:56%; 
    width:100%; 
    height:0; 
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
	div.gnbBg { 
		display:none !important; 
	}
	dl.bnrZone > dd { 
		padding:0; 
	}
	.sponsor-list-wrap.diamond { 
		width:auto; 
		height:auto; 
	}
	.sponsor-list-wrap.diamond .sponsor-list { 
		width:auto !important; 
		max-width:250px; 
		height:auto !important; 
	}
	.sponsor-wrap.n2 .sponsor-list-wrap { 
		float:none; 
		width:100%; 
		margin-top:10px; 
	}
	.sponsor-wrap + .sponsor-wrap { 
		margin-top:10px; 
	}
	.sponsor-wrap.n2 .sponsor-list-wrap + .sponsor-list-wrap { 
		margin-left:0; 
		margin-top:15px; 
	}
	.sponsor-tit { 
		padding:3px 10px; 
		min-width:auto; 
		font-size:12px; 
	}
	.sponsor-tit + .sponsor-list { 
		display:block; 
		width:100%; 
		padding-left:0; 
		margin-top:5px; 
	}

	.contents-wrap .img-wrap { 
		width:80px; 
	}
	.contents-wrap .text-wrap { 
		width:calc((100% - 85px)); 
		padding-left:15px; 
	}

	/* main video */
	.mainFlexWrap { 
		float:unset; 
		display:block; 
		width:100%; 
	}
	dl.mainVideo dt { 
		padding:10px 15px 10px; 
		font-size:16px; 
		text-align:left; 
	}
	div.mainCon .mainFlexWrap dl.mainDates { 
		width:auto; 
		padding:15px; 
	}
}

/**/
div.mainCon:has(.mainWrap){
    padding-right: 55px;
}
div.mainWrap {
    overflow: hidden;
    position: relative;
    padding-left: 265px;
    padding-right: 340px;
}
div.mainWrap dl.mainDates {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 265px;
    height: auto;
    padding: 0;
}
div.mainWrap dl.mainDates dt {
    padding: 20px 10px 0;
}
div.mainWrap dl.mainDates dd{
    position: static;
    padding: 45px;
    height: calc(100% - 50px);
    box-sizing: border-box;
}
div.mainWrap div.more {
    top: 24px;
    right: 20px;
}
div.mainWrap dl.mainDates ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
div.mainWrap dl.mainDates li {
    padding-right: 0;
    margin: 0;
    text-align: center;
    font-size: 20px;
}
div.mainWrap dl.mainDates span {
    display: block;
    position: static;
    margin-top: 20px;
    transform: translateY(0);
}

div.mainWrap .mainProgram {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: auto;
}

/*  Mobile :~ width:960px  */
@media screen and (max-width:960px) { 
    div.mainCon:has(.mainWrap) {
        padding-right: 20px;
    }
    div.mainWrap {
        padding-left: 0;
        padding-right: 0;
    }
    div.mainWrap dl.mainDates {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        width: 100%;
    }
    div.mainWrap dl.mainDates dt {
        padding: 15px 15px 0;
    }
    div.mainWrap dl.mainDates dd {
        padding: 15px;
    }
    div.mainWrap dl.mainDates ul {
        gap: 15px;
    }
    div.mainWrap dl.mainDates li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        text-align: left;
    }
    div.mainWrap dl.mainDates span {
        margin-top: 0;
    }
    div.mainCon div.more {
        top: 15px;
        right: 15px;
    }
    dl.mainVideo dd {
        padding:0;
    }

    div.mainWrap .mainProgram{
        position: static;
    }
}