ul.list {margin-right:0;}

	div.suttle {display: flex; line-height:100%; }
  div.suttle label { display: flex; flex-direction: column; flex: 1; }
  div.agree_box { height:180px; }
	ul.list {margin-right:0;}

	/* Tab */
	#tabs-sub {width:100%;clear:both;padding:0 15%;margin:0 0 30px 0;border:none; list-style:none; border-bottom:1px solid #d2d2d2;}
	#tabs-sub ul {clear:both;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;position:relative;}
	#tabs-sub li {display:inline-block; background-color:#FFF;margin:0;font-weight:600;}
	#tabs-sub li a {display:block;padding:20px 0;color:#333;text-align:center;border:1px solid #d2d2d2;background-color:#EFF1F2;text-decoration:none;}
	#tabs-sub li a:hover,
	#tabs-sub li.current a {color:#FFF;border:1px solid #D27B26;text-decoration:none;background:#D27B26;}
	#tabs-sub li.cols2 {width:48%;}
	#tabs-sub li.cols3 {width:32%;}
	#tabs-sub li.cols4 {width:24.5%;}
	#tabs-sub li.cols5 {width:19.5%;}
	#tabs-sub li.cols6 {width:16.2%;}

	/**********************************************************************************************/
	/* 테이블 기본 */
	.data_table_R {overflow:hidden; width:99%;margin-bottom:20px;border-left:1px solid #CCCCCC;border-collapse:separate;}
	.data_table_R caption {text-align:left;padding:2px 0 10px 35px;font-size:18px;font-weight:600;color:#000;background:url(/coding/images/bulet.gif) no-repeat 0 4px;}
	.data_table_R caption span {float:right;right:0;font-size:0.9em;font-weight:400;color:#333;}
	.data_table_R thead th {padding:10px 0;text-transform:uppercase;font-weight:600;}
	.data_table_R thead th.none {border-top:none;}
	.data_table_R th,
	.data_table_R td {padding:10px 5px;text-align:center;line-height:1.4em;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;text-align:center;}
	.data_table_R tbody th {font-weight:600;}
	.data_table_R tfoot th,
	.data_table_R tfoot td {background-color:#f6f6f6;}
	.data_table_R td.txLeft {text-align:left;}


	/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
	table.blue {}
	table.blue thead th {color:#333;background-color:#21A2BB;color:#FFF;}
	table.blue thead th.dark {background-color:#00549D;}
	table.green {border-top:1px solid #008550;}
	table.green thead th {color:#008550;border-bottom:1px solid #CCCCCC;background-color:#EDFAF5;}
	table.orange {border-top:1px solid #FF6600;}
	table.orange thead th {color:#FF6600;border-bottom:1px solid #CCCCCC;background-color:#FEEFDE;}
	table.gray {border-top:2px solid #646464;}
	table.gray thead th {color:#646464;border-bottom:1px solid #CCCCCC;background-color:#F8F8F8;}
	table.navy {border-top:2px solid #646464;}
	table.navy thead th {color:#FFF;border-bottom:1px solid #CCCCCC;background-color:#0C2C69;}

	/* 본문 내에 링크 텍스트 색상 지정 */
	table.blue tr a,
	table.blue td a,
	a.blue {color:#1F62C8;}
	table.green tr a,
	table.green td a,
	a.green {color:#008550;border-bottom:1px dashed #008550;}
	table.orange tr a,
	table.orange td a,
	a.orange {color:#FF6600;border-bottom:1px dashed #FF6600;}
	table.gray tr a,
	table.gray td a,
	a.gray {color:#646464;border-bottom:1px dashed #8560A8;}
	table.navy tr a,
	table.navy td a,
	a.navy {color:#043565;}


	/* 테이블 기본 */
.data_t {overflow:hidden; width:99%;margin-bottom:20px;border-left:1px solid #ECECEC;border-collapse:separate;}
.data_t caption {text-align:left;padding:2px 0 10px 35px;font-size:18px;font-weight:600;color:#000;background:url(/coding/images/bulet.gif) no-repeat 0 4px;}
.data_t caption span {float:right;right:0;font-size:0.9em;font-weight:400;color:#333;}
.data_t thead th {padding:10px 0;text-transform:uppercase;font-weight:600;}
.data_t thead th.none {border-top:none;}
.data_t th,
.data_t td {padding:15px 40px;text-align:center;line-height:1.4em;font-weight:400;border-bottom:1px solid #ECECEC;border-right:1px solid #ECECEC;color:#333;text-align:center;}
.data_t tbody th {font-weight:600;}
.data_t tfoot th,
.data_t tfoot td {background-color:#f6f6f6;}
.data_t td.txLeft {text-align:left;}
.data_t  tbody th {font-size:0.8em;}
.data_t  tbody td {font-size:0.8em;}



	/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
	table.blue {border-top:2px solid #1F4778;}
	table.blue thead th {color:#FFF;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
	table.green {border-top:1px solid #008550;}
	table.green thead th {color:#008550;border-bottom:1px solid #CCCCCC;background-color:#EDFAF5;}
	table.orange {border-top:2px solid #1F4778;}
	table.orange thead th {color:#1F4778;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
	table.gray {border-top:2px solid #646464;}
	table.gray thead th {color:#646464;border-bottom:1px solid #CCCCCC;background-color:#F8F8F8;}
	table.navy {border-top:2px solid #646464;}
	table.navy thead th {color:#FFF;border-bottom:1px solid #CCCCCC;background-color:#0C2C69;}

	/* 본문 내에 링크 텍스트 색상 지정 */
	table.blue tr a,
	table.blue td a,
	a.blue {color:#4B7EB0;}
	table.green tr a,
	table.green td a,
	a.green {color:#008550;border-bottom:1px dashed #008550;}
	table.orange tr a,
	table.orange td a,
	a.orange {color:#4B7EB0;}
	table.gray tr a,
	table.gray td a,
	a.gray {color:#646464;border-bottom:1px dashed #8560A8;}
	table.navy tr a,
	table.navy td a,
	a.navy {color:#043565;}


	/* 테이블 기본 속성 */
	.data_table1 {clear:both;overflow:hidden;width:99%;margin-bottom:20px;border-collapse:separate;}
	.data_table1 caption {padding:10px 0 0 0;margin:10px 0;text-align:left;font-size:1.1em;font-weight:600;letter-spacing:-0.05em;color:#32518D;background:url(/public/images/title_bar.gif) no-repeat 0 3%;}
	.data_table1 caption span {float:right;right:0;font-size:0.8em;font-weight:400;color:#333;}
	.data_table1 thead th {padding:10px 0;text-transform:uppercase;font-weight:600;font-size:1.0em;}
	.data_table1 thead th.none {border-top:none;}
	.data_table1 thead th:last-child,
	.data_table1 tbody td:last-child,
	.data_table1 tfoot td:last-child {border-right:0;}
	.data_table1 th,
	.data_table1 td {padding:8px 5px;text-align:center;font-size:15px;font-weight:400;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;text-align:center;}
	.data_table1 tbody th {font-size:0.8em;}
	.data_table1 tbody b {font-size:0.8em;}
	.data_table1 tbody td ul {padding:0;margin:0 0 0 20px;list-style:none;}
	.data_table1 tbody td ul li {padding-left:12px;margin:5px 0;font-weight:400;line-height:1.5em;text-align:left;background-image:url(/Public/images/dot_green.png);background-repeat:no-repeat;background-position:0 8px;background-size:4px;}
	.data_table1 tbody td ul li ul {padding:0;margin:3px 0 10px 5px;list-style:none;}
	.data_table1 tbody td ul li ul li {padding-left:10px;margin:3px 0;font-size:0.9em;font-weight:400;line-height:1.4em;color:#666;text-align:left;background-image:url(/Public/images/dot_gray.png);background-repeat:no-repeat;background-position:0 6px;background-size:3px;}
	.data_table1 tfoot th,
	.data_table1 tfoot td {background-color:#f6f6f6;}
	table.black {border-top:2px solid #333;}
	table.black thead th {color:#000;border-bottom:1px solid #787878;background-color:#FAFAFA;}

	.table_full  { width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;}
	.table_full table th,
	.table_full table td {white-space:nowrap;}


	.btnColor021{font-size:0.8em;}
	.btnColor031{font-size:0.8em;}
	.btnColor041{font-size:0.8em;}
	.btnColor051{font-size:0.8em;}
	/**********************************************************************************************/

	/* 참가신청 */
	.h3_t{font-size:23px; color:#222; padding-top:13px; font-weight:600;background:url(/coding/images/h3_icon.gif) no-repeat left top; font-family:"NanumBarunGothic", Sans-serif;}
	.h4_t{font-size:19px; color:#000; padding:10px 0 0 27px;font-weight:600; margin-bottom:12px; background:url(/coding/images/h4_icon.gif) no-repeat left 12px; font-family:"NanumBarunGothic", Sans-serif;}

	ul.list {padding:20px;margin:0 10px 40px 0;list-style:none;border:dashed 1px #888;}
	ul.list li {font-size:16px; color:#000; padding-left:13px; margin-bottom:3px; letter-spacing:-1px; background:url(/coding/images/list_icon01.gif) no-repeat left 12px;}
	ul.list li.none {background:none; padding-left:0;}
	ul.list li.s_tit {background:none; padding-left:0; color:#246fbb; font-weight:600; font-size:16px;}
	ul.list li span.r {color:#f00;}
	ul.list li span.b {color:#0066FF;}

	#user-login {max-width:800px;margin:0 auto;}
	#user-login, #user-login * {box-sizing:border-box;}
	#user-login p {font-size:1.2em;margin:0;padding:10px 0;text-align:center;}
	#user-login form {padding:30px 0;margin:0;background:#f5f5f5;border-top:solid 2px #333;border-bottom:solid 2px #333;}
	#user-login form .f-div {display:table;width:60%;margin:0 auto 15px auto;}
	#user-login form .f-div .f-label {display:table-cell;width:30%;vertical-align:middle;}
	#user-login form .f-div input {float:left;font-size:13pt;padding:6px;border:solid 1px #888;}
	#user-login button {font-size:13pt;color:#eee;background:#999;border:none;border-radius:0px;padding:6px 15px;cursor:pointer;}
	#user-login button.login-ok {background:#FFF;color:#000;border:1px solid #333;}
	.text-center {text-align: center !important;}

	.vform {padding:10px 0 0 10px !important;} 
	.f-div, .f-div label {padding:0; margin:0; line-height:110%;}

	#check-login button {font-size:13pt;color:#eee;background:#999;border:none;border-radius:3px;padding:6px 15px;cursor:pointer;}
	#check-login button.login-ok {background:#FFAA00;color:#000;}
	.text-center {text-align: center !important;}

	#signOnForm fieldset {border:none;padding:0 0 20px 0;margin:0;position:relative;}
  #signOnForm fieldset legend {position:absolute;left:0;top:0;font-size:30px;line-height:1.4;border-top:solid 1px #0094ff;}
  #signOnForm fieldset table {width:100%;border-spacing:0;border-collapse:collapse;border-top:solid 1px #000;}
  #signOnForm fieldset table td {padding:10px;border-bottom:solid 1px #ddd;text-align:left;font-size:15px;}
  #signOnForm fieldset table td * {line-height:1.4;box-sizing:border-box}
  #signOnForm fieldset table td input {padding:5px;border:solid 1px #888;}
  #signOnForm fieldset table td select {padding:5px;border:solid 1px #888;}
  #signOnForm fieldset table td button {padding:8px 15px;background:#38905d;color:#fff;line-height:1;cursor:pointer;border:none;font-size:11pt;}
  #signOnForm fieldset table td label {display:block;border-right:solid 1px #ddd;}
  #signOnForm fieldset table td label.inline {display:inline;border-right:0;margin-right:1em;}
  #signOnForm fieldset table td div {position:relative;margin-right:100px;}
  #signOnForm fieldset table td div #find-zip {position:absolute;right:-100px;top:0px;width:95px;padding:6px;text-align:center;background:#38905d;color:#fff;}
  #signOnForm fieldset table td input:hover,
  #signOnForm fieldset table td input:focus,
  #signOnForm fieldset table td select:hover,
  #signOnForm fieldset table td select:focus {box-shadow:#aaa 2px 2px 2px;}
  #signOnForm fieldset table td label.inline input:hover,
  #signOnForm fieldset table td label.inline input:focus {box-shadow:none;}
  #signOnForm fieldset .scroll-pane {border-top:solid 1px #000;}
  #signOnForm fieldset .scroll-pane .box {height:150px;overflow-y:scroll;margin:30px 30px 0 30px;background:#fafafa;white-space:pre-line;padding:1em;}
  #signOnForm fieldset .scroll-pane .check {margin:10px 0 0 30px;}
  #signOnForm fieldset .scroll-pane .check * {line-height:25px;vertical-align:middle;box-sizing:border-box;}
  #signOnForm fieldset .scroll-pane .check input {width:35px;height:25px;position:relative;padding:0;margin:0 5px 0 0;-webkit-appearance:none;}
  #signOnForm fieldset .scroll-pane .check input:before {position:absolute;width:25px;height:25px;border:solid 2px #000;display:block;left:0;top:0;content:"";background:#fff;border-radius:3px;box-sizing:border-box;transition:background-color 0.3s;}
  #signOnForm fieldset .scroll-pane .check input:checked:before {content:"\02713";font-size:20px;font-weight:600;text-align:center;background-color:#0094ff;border-color:#0094ff;color:#fff;line-height:1;}
  #signOnForm fieldset .scroll-pane .check input:hover:before,
  #signOnForm fieldset .scroll-pane .check input:focus:before {border-color:#0094ff;}
  #signOnForm .btns {margin:40px 0 0 200px;text-align:center; padding-bottom:30px;}
  #signOnForm .btns button {font-size:22px;padding:10px 40px;line-height:1;border:none;background:#0094ff;color:#fff;cursor:pointer;border-radius:2px;}
  #signOnForm strong.r {color:#f00;vertical-align:middle;padding-right:5px;}

	a.btn {padding:20px 50px; margin:0;font-weight: 600;color:#FFF;background:#006AFF;}
	a:hover.btn  {color:#fff;text-decoration:none; background-color:#000;}

	button.btn {padding:7px; margin:0;font-weight: 600;color:#FFF;background:#4D00FF;border:0 none;}
	button:hover.btn  {color:#fff;text-decoration:none; background-color:#000;}

	.btn_wrap3{padding:30px;text-align:center;}
	.con_btn.mint {color:#fff; background:#14152D;  border:1px solid #14152D;padding:15px 40px;font-size:15px;font-weight:600;}
	.con_btn.mint:hover {background:#14152D;}
	.con_btn.gray {color:#fff; background:#5c6273; border:1px solid #3f4453;padding:15px 40px;font-size:15px;font-weight:600;}
	.con_btn.gray:hover {background:#3f4453;}
	.con_sbtn.gray {color:#fff; background:#5c6273; border:1px solid #3f4453;}
	.con_btn.gray:hover {background:#3f4453;}

	.agree_tit{margin-bottom:12px;font-size:15px;color:#222;font-weight:600;}
	.agree_box{background:#f8f8f8;padding:20px;height:120px;overflow-x:scroll;}
	.agree_check{text-align:right;font-size:13px;margin-top:10px;}
	.agree_check label{margin-left:8px;}
	.agree_check label,
	.agree_check input{vertical-align:middle;}


@media (max-width:640px) {

.sfestival_info {text-align:center;padding-bottom:50px;background:#19193A;}
.sfestival_program h4 {font-size:20px;padding:10px 0;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:2px solid #1F4778;}
table.blue thead th {color:#1F4778;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #CCCCCC;background-color:#EDFAF5;}
table.orange {border-top:1px solid #FF6600;}
table.orange thead th {color:#FF6600;border-bottom:1px solid #CCCCCC;background-color:#FEEFDE;}
table.gray {border-top:2px solid #646464;}
table.gray thead th {color:#646464;border-bottom:1px solid #CCCCCC;background-color:#F8F8F8;}
table.navy {border-top:2px solid #646464;}
table.navy thead th {color:#FFF;border-bottom:1px solid #CCCCCC;background-color:#0C2C69;}

/* 본문 내에 링크 텍스트 색상 지정 */
table.blue tr a,
table.blue td a,
a.blue {color:#4B7EB0;}
table.green tr a,
table.green td a,
a.green {color:#008550;border-bottom:1px dashed #008550;}
table.orange tr a,
table.orange td a,
a.orange {color:#FF6600;border-bottom:1px dashed #FF6600;}
table.gray tr a,
table.gray td a,
a.gray {color:#646464;border-bottom:1px dashed #8560A8;}
table.navy tr a,
table.navy td a,
a.navy {color:#043565;}


/* 테이블 기본 */
.data_t {clear:both;overflow:hidden;width:100%;margin-bottom:10px;border-left:1px solid #C0C0C0;border-collapse:separate;empty-cells:show;border-spacing:0;background:#FFF;}
.data_t caption {padding:2px 0 10px 28px;font-size:18px;font-weight:600;color:#000;background:url(/coding/images/bulet.gif) no-repeat 0 8px;text-align:left;}
.data_t caption span {float:right;right:0;font-size:9pt;font-weight:400;color:#333;}
.data_t thead th {padding:15px 0;font-weight:600;text-transform:uppercase;}
.data_t thead th.none {border-top:none;}
.data_t th,
.data_t td {padding:15px 40px;text-align:center;line-height:1.8em;border-bottom:1px solid #C0C0C0;border-right:1px solid #C0C0C0;color:#333;text-align:center;}
.data_t tbody th {font-weight:600;}
.data_t tfoot th,
.data_t tfoot td {background-color:#f6f6f6;}
.data_t tbody td.txLeft {text-align:left;}
.data_t span {font-size:12px;}

.data_t span {font-size:0.8em;}


/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:2px solid #1F4778;}
table.blue thead th {color:#1F4778;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #CCCCCC;background-color:#EDFAF5;}
table.orange {border-top:2px solid #1F4778;}
table.orange thead th {color:#1F4778;border-bottom:1px solid #CCCCCC;background-color:#FAFAFA;}
table.gray {border-top:2px solid #646464;}
table.gray thead th {color:#646464;border-bottom:1px solid #CCCCCC;background-color:#F8F8F8;}
table.navy {border-top:2px solid #646464;}
table.navy thead th {color:#FFF;border-bottom:1px solid #CCCCCC;background-color:#0C2C69;}

/* 본문 내에 링크 텍스트 색상 지정 */
table.blue tr a,
table.blue td a,
a.blue {color:#4B7EB0;}
table.green tr a,
table.green td a,
a.green {color:#008550;border-bottom:1px dashed #008550;}
table.orange tr a,
table.orange td a,
a.orange {color:#4B7EB0;}
table.gray tr a,
table.gray td a,
a.gray {color:#646464;border-bottom:1px dashed #8560A8;}
table.navy tr a,
table.navy td a,
a.navy {color:#043565;}

.red {color: #FF0000}
.con_btn1.mint {padding:10px 30px; margin:0 1%;font-size:15px;font-weight:600;}
.con_btn1.blue {padding:10px 30px;font-size:15px;font-weight:600;}
.con_btn1.gray {padding:10px 30px;font-size:15px;font-weight:600;}


/* 참가신청 */
.h3_t{font-size:15px; color:#222; padding-top:10px; font-weight:600;background:url(/coding/images/h3_icon.gif) no-repeat left top;}
.h4_t{font-size:14px; color:#000; padding:10px 0 0 27px;font-weight:600; margin-bottom:12px; background:url(/coding/images/h4_icon.gif) no-repeat left 12px;}


ul.list li {color:#000; padding-left:13px; margin-bottom:3px; letter-spacing:-1px; background:url(/coding/images/list_icon01.gif) no-repeat left 8px;}
ul.list li.none {background:none; padding-left:0;}
ul.list li.s_tit {background:none; padding-left:0; color:#246fbb; font-weight:600; font-size:16px;}

#user-login {max-width:800px;margin:0 auto;}
#user-login, #user-login * {box-sizing:border-box;}
#user-login p {font-size:1.3em;margin:0;}
#user-login p {padding:0;text-align:center;background-position:center top;font-size:12pt;}	
#user-login form {padding:20px 0;margin:0;background:#f5f5f5;border-top:solid 2px #333;border-bottom:solid 2px #333;}
#user-login form .f-div {display:block;width:80%;margin:0 auto 15px auto;}
#user-login form .f-div .f-label {display:block;width:100%;text-align:left;vertical-align:middle;}
#user-login form .f-div input {float:none;font-size:13pt;width:100%;padding:6px;border:solid 1px #888;}


#signOnForm fieldset {border:none;padding:0 0 20px 0;margin:0;position:relative;}
  #signOnForm fieldset legend {position:absolute;left:0;top:0;font-size:30px;line-height:1.4;border-top:solid 1px #0094ff;}
  #signOnForm fieldset table {width:100%;border-spacing:0;border-collapse:collapse;border-top:solid 1px #000;}
  #signOnForm fieldset table td {padding:10px;border-bottom:solid 1px #ddd;text-align:left;font-size:15px;}
  #signOnForm fieldset table td * {line-height:1.4;box-sizing:border-box}
  #signOnForm fieldset table td input {padding:5px;border:solid 1px #888;}
  #signOnForm fieldset table td select {padding:5px;border:solid 1px #888;}
  #signOnForm fieldset table td button {padding:8px 15px;background:#38905d;color:#fff;line-height:1;cursor:pointer;border:none;font-size:11pt;}
  #signOnForm fieldset table td label {display:block;border-right:solid 1px #ddd;}
  #signOnForm fieldset table td div {position:relative;margin-right:100px;}
  #signOnForm fieldset table td div #find-zip {position:absolute;right:-100px;top:0px;width:95px;padding:6px;text-align:center;background:#38905d;color:#fff;}
  #signOnForm fieldset table td input:hover,
  #signOnForm fieldset table td input:focus,
  #signOnForm fieldset table td select:hover,
  #signOnForm fieldset table td select:focus {box-shadow:#aaa 2px 2px 2px;}
  #signOnForm fieldset .scroll-pane {border-top:solid 1px #000;}
  #signOnForm fieldset .scroll-pane .box {height:150px;overflow-y:scroll;margin:30px 30px 0 30px;background:#fafafa;white-space:pre-line;padding:1em;}
  #signOnForm fieldset .scroll-pane .check {margin:10px 0 0 30px;}
  #signOnForm fieldset .scroll-pane .check * {line-height:25px;vertical-align:middle;box-sizing:border-box;}
  #signOnForm fieldset .scroll-pane .check input {width:35px;height:25px;position:relative;padding:0;margin:0 5px 0 0;-webkit-appearance:none;}
  #signOnForm fieldset .scroll-pane .check input:before {position:absolute;width:25px;height:25px;border:solid 2px #000;display:block;left:0;top:0;content:"";background:#fff;border-radius:3px;box-sizing:border-box;transition:background-color 0.3s;}
  #signOnForm fieldset .scroll-pane .check input:checked:before {content:"\02713";font-size:20px;font-weight:600;text-align:center;background-color:#0094ff;border-color:#0094ff;color:#fff;line-height:1;}
  #signOnForm fieldset .scroll-pane .check input:hover:before,
  #signOnForm fieldset .scroll-pane .check input:focus:before {border-color:#0094ff;}
  #signOnForm .btns {margin:40px 0 0 200px;text-align:center; padding-bottom:30px;}
  #signOnForm .btns button {font-size:22px;padding:10px 40px;line-height:1;border:none;background:#0094ff;color:#fff;cursor:pointer;border-radius:2px;}
  #signOnForm strong.r {color:#f00;vertical-align:middle;padding-right:5px;}

.agree_check{text-align:left;}

}