@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* contents block */
#site-body {padding-top:0px; important!}
#site-body .container {max-width:100%;margin:0 auto; padding: 0px 0 0px;}
#site-body .container img {max-width:100%;}
.pageWrap .pwrap1{width:100%;;margin:0 auto 0 auto; background:#14152D;}


@media all and (max-width:1200px) {
#site-body .container{padding: 0px 0 50px;}
}

.visual_txt {padding-top:650px;}

@media all and (max-width:950px) {
.visual_txt {padding-top:200px;}
}

.sfestival_info {text-align:center;min-height:923px;padding:130px 0 0 0;background:#D2ECED url(/home/sub8/images/main_bg.png) no-repeat 50% 0; background-size:cover;}

.sfestival_program {display:block;}
.sfestival_program h4 {font-size:40px; font-family: 'yg-jalnan';font-weight:500;color:#233645;text-align:center;padding:50px 0 10px 0;}
.sfestival_program h4 span {display:block;font-size:15px;color:#000;text-align:center;padding:0;}

/* 세선소개 */
.session{margin-top:20px;}
.session table{width:100%;border-top:1px solid #ddd;}
.session table th{padding:15px 0;text-align:center;font-size:16px;font-weight:600;background:#f6f6f6;color:#333;border-bottom:1px solid #ddd;}
.session table td{padding:20px 0;border-bottom:1px solid #ddd;text-align:center;line-height:150%;}
.session table td.tl{text-align:left}
.session table td.time{font-weight:600}
.session table td.session1{color:#CC5300;font-weight:600}
.session table td.session2{color:#23A269;font-weight:600}
.session table td.session3{color:#4072D6;font-weight:600}
.session table td.session4{color:#ff4141;font-weight:600}
.session table td.session5{color:#b847f6;font-weight:600}
.session table td span{font-size:13px;}


/* 세선뷰 */
.bv{position:relative}
.bv_top{}
.bvt_table{width:100%}
.bvt_table th,
.bvt_table td{border-top:1px solid #ccc;padding:10px 0;font-weight:normal}
.bvt_table th{font-weight:normal;text-align:center;font-weight:600;padding:10px 0;}
.bvt_table td{padding:10px;vertical-align:middle;}
.bvt_table tbody th{background-color:#f9f9f9;}
.bvt_tit{background-color:#f9f9f9;font-size:18px;color:#000;}
.bvt_tit span{font-size:16px;color:#f60;}
.bvt_btn{text-align:right}
.bvt_btn a{display:inline-block;font-weight:bold;color:#666;background-color:#f9f9f9;border:1px solid #d9d9d9;line-height:normal;padding:5px 10px;margin-left:5px}
.bvt_btn a:hover{color:#000}
.bvt_txt{overflow:hidden;border-bottom:1px solid #ccc;padding:10px}
.bvt_l{float:left;line-height:25px;color:#666}
.bvt_r{float:right}
.bv_mid{}
.bvm_con{margin-top:20px; line-height: 180%;}
.bvm_tag{overflow:hidden;background-color:#f9f9f9;border:1px solid #e7e7e7;padding:10px;}
.bvm_img{float:left;display:inline-block;width: 85px;height:75px;margin-right:10px}
.bvm_img img{height:75px}
.bvm_tit{float:left;display:inline-block;width:650px;height:20px;line-height:1.1;font-weight:bold;color:#666;}
.bvm_txt{float:left;display:inline-block;width:650px;min-height:55px;line-height:1.5;color:#666}
.bvm_file{float:left;display:inline-block;width:100px;font-size:15px;font-weight:bold;line-height:1.1;color:#000;margin-top:3px}
.bvm_down{float:left;display:inline-block;width:680px;font-size:15px;color:#000}
.bvm_down a{display:inline-block;width:680px;background:url('../images/contents/dot_small.gif') no-repeat left 5px;padding-left:10px;margin:3px 0}
.bvm_down a:hover{text-decoration:underline}
.bvv_img{width:100%}
.bvv_img img{width:100%}
.bvv_note{margin:20px 0;text-align:center}
.bvt_table span {font-size:14px;}

.btnEdu{display:inline-block;margin:1px;padding:5px 8px;font-size:0.8em;letter-spacing:-1px;border-radius:3px;}

.btnColor01{background-color:#F4F8FE;border:1px solid #226bcf;color:#226bcf !important;line-height:1.0;}
.btnColor02{background-color:#FFF6F9;border:1px solid #E0195B;color:#e01919 !important;line-height:1.0;}
.btnColor03{background-color:#ffffff;border:1px solid #CC5300;color:#CC5300 !important;line-height:1.0;}

.btnColor04{background-color:#ffffff;border:1px solid #009346;color:#009346 !important;line-height:1.0;}
.btnColor05{background-color:#ffffff;border:1px solid #ac27b8;color:#ac27b8 !important;line-height:1.0;}
.btnColor07{background-color:#ffffff;border:1px solid #6c8b00;color:#6c8b00 !important;line-height:1.0;}
.btnColor08{background-color:#ffffff;border:1px solid #a06600;color:#a06600 !important;line-height:1.0;}
.btnColor09{background-color:#f1eded;border:1px solid #CBCACA;color:#ccc !important;line-height:1.0;}
.btnColor10{background-color:#ffffff;border:1px solid #4d00f2;color:#4d00f2 !important;line-height:1.0;}
.btnColor11{background-color:#f7f0e9;border:1px solid #6d1800;color:#6d1800 !important;line-height:1.0;}
.btnColor12{background-color:#ffffff;border:1px solid #ed395b;color:#ed395b !important;line-height:1.0;}
.btnColor13{background-color:#ffffff;border:1px solid #009346;color:#009346 !important;line-height:1.0;}
.btnColor14{background-color:#ffffff;border:1px solid #60605f;color:#60605f !important;line-height:1.0;}

/* tabs */

.tabContaier .tab {width:100%;clear:both;padding:0 15%;margin:30px 0;border:none; list-style:none;}
.tabContaier .tab li {display:inline-block;background-color:#FFF;margin-bottom:4px;font-size:20px;font-weight:600;border-radius: 20px;}
.tabContaier .tab li.cols2 {width:48%;}
.tabContaier .tab li a {display:block;padding:15px 0;color:#008F7E;text-align:center;border:1px solid #008F7E;background-color:#FFF;text-decoration:none;border-radius: 10px;}
.tabContaier .tab li a:hover,
.tabContaier .tab li a.active {color:#FFF;background-color:#008F7E;text-decoration:none;}

  
@media all and (max-width:640px) {
	.tabContaier .tab {width:100%;clear:both;padding:0 5%;}
	.tabContaier .tab li {font-size:14px;}
	.tabContaier .tab li a {padding:10px 20px;}
	.tabContaier .tab li a:hover,
	.tabContaier .tab li.current a {padding:10px 20px;}
}
  
/* table (캡션 없는 일반) */
.tbl_pyo {margin-bottom:10px;width:98%;border-bottom:1px solid #B8B8B8;border-left:1px solid #B8B8B8;border-top:2px solid #277DCE;border-collapse:collapse;}
.tbl_pyo caption { display:none; }
.tbl_pyo th { text-align:center; background-color:#E9F4FF; color:#2F6FAC; border:1px solid #B8B8B8; }
.tbl_pyo td		{ border-bottom:1px solid #B8B8B8; border-right:1px solid #b8b8b8; text-align:center;}
.tbl_pyo td, .tbl_pyo th { padding:3px; }


/* 테이블 기본 속성 */
.data_t {clear:both;overflow:hidden;width:100%;margin-bottom:10px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;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:10px 20px;text-align:center;line-height:1.8em;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;color:#333;}
.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;}

/* 테이블 td 왼쪽 정렬 */
.tdLeft tbody td,
table th.text_left,
table td.text_left,
table td.fleft {text-align:left;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {}
table.blue thead th {color:#333;background-color:#21A2BB;color:#FFF;}
table.blue tbody th {color:#333;background-color:#21A2BB;color:#FFF;}
table.blue thead th.dark {background-color:#424F5A;}
table.blue tbody th.dark {background-color:#424F5A;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #008550;background-color:#EDFAF5;}
table.orange {border-top:1px solid #EB9821;}
table.orange thead th {color:#000;border-bottom:1px solid #EB9821;background-color:#F7F4ED;}
table.violet {border-top:1px solid #8560A8;}
table.violet thead th {color:#64259E;border-bottom:1px solid #8560A8;background-color:#F7EFF8;}

/* 본문 내에 링크 텍스트 색상 지정 */
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 #EFE8DA;}
table.violet tr a,
table.violet td a,
a.violet {color:#64259E;border-bottom:1px dashed #8560A8;}



.paging {float:left;width:100%;margin-top:20px;text-align:center;}
.paging a img {vertical-align:middle;}
.paging a span {padding:0 8px;}


/* schedule table */
.schedule-table tbody th {white-space:nowrap;}
.schedule-table td {position:relative;}
.schedule-table td a {text-decoration:none;color:#000 !important;}
.schedule-table td a:hover {text-decoration:underline;}
.schedule-table td a:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.schedule-table td a div.item {position:relative;z-index:2;padding:10px;font-size:16px;}
.schedule-table td b {font-weight:500;}
.schedule-table tr.split > * {border-top:solid 1px #000;}
.schedule-table td label.check {display:none;}
.schedule-table td div i.fab {color:#f33;}
.schedule-table td .brown {color:#734B23;}

.schedule-table .color1 {background-color:#FCDCDC;} /* 개막 */
.schedule-table .color2 {background-color:#FDE6C9;} /* 공유 */
.schedule-table .color3 {background-color:#BCE6B3;} /* 모색 */
.schedule-table .color4 {background-color:#94D0DC;} /* 특별 */
.schedule-table .color5 {background-color:#E8CDF7;} /* 참여 */
.schedule-table .color6 {background-color:#DDF5F6;} /* 부대 */

.schedule-table .fsmall {font-size:0.8em;}

.scroll_table { display:none;}



.schedule-resv .schedule-table td label.check {position:relative;z-index:3;display:block;padding:10px 0;display:block;}
.schedule-resv .schedule-table td label.check input {transform:scale(1.5);}
.schedule-resv .schedule-table td a:before {display:none;}
.schedule-resv .schedule-table td.checked {outline:solid 2px #333;z-index:2;}

.con_btn1.mint {color:#000; background:#FFF; border:3px solid #004B71;padding:25px 70px; margin:0 1%;font-size:26px;font-weight:800; border-radius:50px;}
.con_btn1.mint:hover {color:#FFF; background:#004B71;}

.con_btn1.blue {color:#000; background:#FFF; border:3px solid #080876;padding:25px 70px;font-size:26px;font-weight:800; border-radius:50px;}
.con_btn1.blue:hover {color:#FFF; background:#080876;}

.con_btn1.gray {color:#fff; background:#5c6273; border:1px solid #3f4453;padding:20px 50px;font-size:16px;font-weight:600;}
.con_btn1.gray:hover {background:#3f4453;}

.produc_wrap {clear:both;overflow:hidden;margin:20px auto;width:95%;} 
.produc { float:left;width:48%; padding:0;margin:1%;list-style:none;border-radius:10px;}
.produc li { width:100%;text-align:center;line-height:1.5; padding:0; margin:0;}
.produc li img {display:block;text-align:center;margin:0 auto;padding-bottom:10px;}
.produc li p {width:60%;margin:0 auto;font-weight:600;font-size:14px;line-height:2em;color:#FFF;background:#662E8F;}
.produc li.text1 { height:50px; line-height:55px;font-size:17px; color:#fff; font-weight:600; background-image:none; background-color:#333;border-top-right-radius:10px;border-top-left-radius:10px;font-family:'GmarketSansMedium';}
.produc li.text2 { min-height:240px;margin:0;padding:20px;background:#fff;font-size:15px; color:#000;line-height:2em;text-align:center;border-bottom-right-radius:10px;border-bottom-left-radius:10px; border:4px solid #333; letter-spacing:-1px;font-family:'GmarketSansMedium';}
.produc li span {line-height:2em;font-size:14px; font-weight:600;}


@media (max-width:950px) {
.sfestival_info {text-align:center;padding-bottom:0px; min-height:250px;}
.sfestival_info {background:#FFF url(/home/sub8/images/main_bg.png) no-repeat 50% 0; background-size:cover;}

.produc { float:left;width:98%; padding:0;margin:1%;list-style:none;border-radius:10px;}
.produc li.text2 { margin:0;padding:20px;background:#fff;font-size:15px; color:#000;line-height:1.5;text-align:center;border-bottom-right-radius:10px;border-bottom-left-radius:10px; border:4px solid #333; letter-spacing:-1px;font-family:'GmarketSansMedium';}
.produc li span {line-height:1em;font-size:15px; font-weight:600; text-decoration:underline;font-family:'GmarketSansMedium';}
.produc li p {width:100%;}
}

@media (max-width:800px) {
.sfestival_program h4 {font-size:25px;padding:10px 0;}

.schedule-table td a div.item {position:relative;z-index:2;padding:10px;font-size:13px;}
.schedule-table .fsmall {padding-left:25px; font-size:0.8em;background:url(/home/sub8/images/event_day.png) no-repeat 0 0;background-size:15%;}


.table_full  {width:95%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;}
.table_full table th,
.table_full table td {white-space:nowrap;}
.table_full span {font-size:0.8em;}

.scroll_table { display:block; font-size:12px; padding-bottom:10px;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:2px solid #01A1DD;}
table.blue thead th {color:#1F4778;border-bottom:1px solid #ECECEC;background-color:#21A2BB;color:#FFF;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #ECECEC;background-color:#EDFAF5;}
table.orange {border-top:1px solid #FF6600;}
table.orange thead th {color:#FF6600;border-bottom:1px solid #ECECEC;background-color:#FEEFDE;}
table.gray {border-top:2px solid #646464;}
table.gray thead th {color:#646464;border-bottom:1px solid #ECECEC;background-color:#F8F8F8;}
table.navy {border-top:2px solid #646464;}
table.navy thead th {color:#FFF;border-bottom:1px solid #ECECEC;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 {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:15px 0;text-transform:uppercase;font-weight:600;font-size:0.8em;}
.data_t thead th.none {border-top:none;}
.data_t th,
.data_t td {padding:10px 5px;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;}

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


/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {}
table.blue thead th {color:#1F4778;border-bottom:1px solid #ECECEC;background-color:#21A2BB;color:#FFF;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #ECECEC;background-color:#EDFAF5;}
table.orange {border-top:2px solid #1F4778;}
table.orange thead th {color:#1F4778;border-bottom:1px solid #ECECEC;background-color:#FAFAFA;}
table.gray {border-top:2px solid #646464;}
table.gray thead th {color:#646464;border-bottom:1px solid #ECECEC;background-color:#F8F8F8;}
table.navy {border-top:2px solid #646464;}
table.navy thead th {color:#FFF;border-bottom:1px solid #ECECEC;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;}


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


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

}


/* marquee */
.marquee {margin-top:0px;}
.marquee .marquee_inner {font-size: 0;white-space: nowrap;overflow:hidden;}
.marquee .item {display: inline-block;line-height: 1; padding-left: 60px;font-size: 200px;font-weight: 700;font-family: rajdhani, sans-serif;vertical-align: top;color: #fff;animation: marquee 35s linear infinite;}
.marquee.typ_color_banner {background: linear-gradient(to right, #C180A4  , #DCB975);}
.marquee.typ_color_banner .item {height: 80px;line-height: 75px;color: rgba(255, 255, 255, 0.4);font-size: 20px;font-weight: 500;text-transform: uppercase;animation-duration: 80s;}

/* marquee */
	@keyframes marquee {
		0% {-webkit-transform: translateX(0);transform: translateX(0);}
		100% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
	}
	@keyframes marquee02 {
		0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);}
		100% {-webkit-transform: translateX(0);transform: translateX(0);}
	}
	
	
/* marquee 하단 */

.marquee.typ_color_banner_bottom1 { background-color:#FFCD33;}
.marquee.typ_color_banner_bottom2 { background-color:#FFCD33; padding-bottom:70px;}
.marquee.typ_color_banner_bottom1 .item {height: 70px;line-height: 65px;font-size: 70px;font-weight: 600;text-transform: uppercase;animation-duration: 30s;color:#FFCD33;-webkit-text-stroke:1px #221B56;}
.marquee.typ_color_banner_bottom2 .item {height: 70px;line-height: 65px;font-size: 70px;font-weight: 600;text-transform: uppercase;animation-duration: 30s;color:#543D6E;}
	

@media (max-width:700px) {
.marquee.typ_color_banner .item {height: 50px;line-height:50px;font-size: 20px;}

}


.f_program {display: flow-root;padding:0;height:100%;background:#FFFEF6;}
.f_location {display: flow-root;padding:0;height:100%;background:none;}
.inner1 {position:relative;max-width:1300px;margin:30px auto; text-align:center;}
.link_site {margin:0; padding:0;}
.link_site ul { width:100%; margin:0; padding:0;list-style:none;}
.link_site ul li {position:relative;float:left; width:22%;padding-bottom:22%;margin:1.5%;}
.link_site ul li .round {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,.7); border-radius:50%;align-items:center;justify-content:center;}
.link_site ul li .round .site_add {display:block; font-size:15px; font-weight:600; color:#000; margin-bottom:10px; margin-top:70px;}
.link_site ul li .round .site_title {display:block; font-size:25px;color:#000;letter-spacing:-2px; margin:80px 0 20px 0;font-weight:600;}
.link_site ul li .round .site_txt {display:block; font-size:15px;color:#3D3D3D; font-weight:600;letter-spacing:-1px; line-height:1.3;margin-bottom:35px;}
.link_site ul li .round .site_link {display:block; margin-top:25px;height:45px;font-size:14px;color:#000; font-weight:600;letter-spacing:-1px;text-decoration:underline;background:url(/home/img/intro_bt_go.png) no-repeat 50% bottom; letter-spacing:0;}

.link_site ul li .round:hover {position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7); border-radius:50%;align-items:center;justify-content:center;}
.link_site ul li .round:hover .site_add {color:#fff;}
.link_site ul li .round:hover .site_title {color:#fff;}
.link_site ul li .round:hover .site_txt {color:#fff;}
.link_site ul li .round:hover .site_link {color:#fff;background:url(/home/img/intro_bt_go_white.png) no-repeat 50% bottom;}

@media (max-width:950px) {
.f_program {background-size:cover;}
.link_site ul li { width:20%;padding-bottom:20%;}
.link_site ul li .round .site_title {font-size:18px;margin:30px 0 10px 0;font-weight:600;}
.link_site ul li .round .site_txt {font-size:14px;}
}

@media (max-width:700px) {
.f_program {background-size:cover;}
.link_site ul li { width:30%;padding-bottom:30%;}
.link_site ul li .round .site_title {font-size:18px;margin:50px 0 10px 0;font-weight:600;}
.link_site ul li .round .site_txt {font-size:14px;}
}

@media (max-width:480px) {
.f_program {background-size:cover;}
.link_site ul li { width:45%;padding-bottom:45%;}
.link_site ul li .round .site_title {font-size:18px;margin:40px 0 10px 0;font-weight:600;}
.link_site ul li .round .site_txt {font-size:14px;}
}

.edu_prog {clear:both;overflow:hidden;display:table;width:100%;padding:0;margin:0;text-align:center;}
.edu_prog dt {padding:0;margin:0 0 40px 0;font-size:18px;font-weight:500;line-height:1.8;text-align:center;}
.edu_prog dt strong {font-size:42px; font-weight:600;}
.edu_prog dd {padding:10px 0 0 0;margin:0;text-align:center;}
.edu_prog dd ul {padding:0;margin:0;list-style:none;}
.edu_prog dd ul li {display:inline;float:left;width:23.1%;margin:1% 0.8%;font-size:15px;letter-spacing:-0.05em;line-height:1.9em;border:1px solid #999999;border-radius:18px;}
.edu_prog dd ul li a {color:#666;text-decoration:none;}
.edu_prog dd ul li a:hover {color:#000;text-decoration:none;}
.edu_prog dd ul li a strong {font-size:20px;font-weight:600;color:#333;line-height:2;}
.edu_prog dd ul li span {display:block;padding-bottom:15px;font-size:15px;color:#333;line-height:1.5;}
.edu_prog dd ul li a:hover span {color:#003366;}
.edu_prog dd ul li a img {margin-bottom:10px;border-radius:17px;}

@media (max-width:950px) {
.f_program {background:none;}

.edu_prog dd ul li {display:inline;float:left;width:48%;margin:1% 0.8%;font-size:15px}
.edu_prog dd ul li a strong {font-size:15px;}
.edu_prog dd ul li span {font-size:12px;}
}


/*오시는길*/
.road_info {margin:20px 0;}
ul.road_info_add {border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both; margin:0 0 20px 0;padding:0;}
ul.road_info_add li { border-bottom:1px solid #ddd; padding:2px 0; width:100%; list-style:none;}
ul.road_info_add li dl { clear:both;  width:100%; }
ul.road_info_add li dl:after { clear:both; display:block; content:"";}
ul.road_info_add li dt { width:15%; float:left; font-weight:600; padding:1% 3%;}
ul.road_info_add li dd { width:78%; float:right; text-align:left; padding:1% 3%;}

@media (max-width:800px) {
ul.road_info_add{border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-top:30px}
ul.road_info_add li{  border-bottom:1px solid #ddd; padding:10px 0  ; width:100%;}
ul.road_info_add li dl{ clear:both;  width:100%; }
ul.road_info_add li dl:after{ clear:both; display:block; content:"";}
ul.road_info_add li dt{ display:none;}
ul.road_info_add li dd{ width:100%; float:left; margin:0;  font-size:13px;}
ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px }
ul.road_info_add li dd h5{}
}