@charset "utf-8";
@import url('html5_reset.css');

:root {
	--header-height: 132px; /* header height */
	--thead-height: 86px; /* thead height */
}

/********** font **********/
:root {
	--basic-font: 'Daum_Regular';
	--point-font: 'Daum_SemiBold';
}

.basic-fc { font-family: var(--basic-font); }
.point-fc { font-family: var(--point-font); }

/********** skip_nav **********/
.skip_nav {position:relative;z-index:1000;display:block;overflow:hidden;height:0;background:#000;text-align:center;}
.skip_nav:focus {overflow:auto;height:auto;padding:5px 0;color:#fff;}

/********** 숨김 **********/
.hide {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

/********** overflow-hidden **********/
.overflow-hidden {overflow: hidden;}

/********** color **********/
:root {
	--main-color1: #0050bd; /* 메인컬러1 */
	--main-color2: #42a400; /* 메인컬러2 */
	--main-color3: #0050bd; /* 메인컬러3 */
	--main-color3-1: #2c539a; /* 메인컬러3-1 */
	--main-color3-2: #2c7c9a; /* 메인컬러3-2 */
	--main-color4: #373737; /* 메인컬러3-2 */
	--sub-color1: #e54600; /* 메인컬러3-2 */
	--main-light-color: #f7fbf3; /* 연한 메인컬러 */
	--sub-color: #1c5ba5; /* 서브컬러 */
	--gray-44: #444444;
	--gray-55: #555555;
	--gray-66: #666666;
	--gray-dd: #dddddd;
	--gray-e5: #e5e5e5;
	--gray-e9: #e9e9e9;
	--gray-f5: #f5f5f5;
	--gray-f9: #f9f9f9;
}

/* background color */
.bg-main-color {background-color: var(--main-color); color: #fff;}
.bg-main-color2 {background-color: var(--main-color3-1); color: #fff;}
.bg-main-color3 {background-color: var(--main-color3-2); color: #fff;}
.bg-main-color4 {background-color: var(--main-color4); color: #fff;}
.bg-sub-color1 {background-color: var(--sub-color1); color: #fff;}
.bg-main-light-color {background-color: var(--main-light-color);}
.bg-sub-color {background-color: var(--sub-color); color: #fff;}
.bg-gray-44 {background-color: var(--gray-44); color: #fff;}
.bg-gray-55 {background-color: var(--gray-55); color: #fff;}
.bg-gray-66 {background-color: var(--gray-66); color: #fff;}
.bg-gray-dd {background-color: var(--gray-dd); color: #fff;}
.bg-gray-e5 {background-color: var(--gray-e5); color: #666;}
.bg-gray-e9 {background-color: var(--gray-e9); color: #666;}
.bg-gray-f5 {background-color: var(--gray-f5); color: #666;}
.bg-gray-f9 {background-color: var(--gray-f9); color: #666;}
.bg-white {background-color: #ffffff;}

/* font color */
.fc-main-color1 {color: var(--main-color1);}
.fc-main-color2 {color: var(--main-color2);}
.fc-main-color3 {color: var(--main-color3);}
.fc-sub-color {color: var(--sub-color);}
.fc-gray-44 {color: var(--gray-44);}
.fc-gray-55 {color: var(--gray-55);}
.fc-gray-66 {color: var(--gray-66);}
.fc-gray-dd {color: var(--gray-dd);}
.fc-gray-e5 {color: var(--gray-e5);}
.fc-gray-e9 {color: var(--gray-e9);}
.fc-gray-f5 {color: var(--gray-f5);}
.fc-gray-f9 {color: var(--gray-f9);}

/* border color */
.bd-main-color {border: 1px solid var(--main-color);}
.bd-sub-color {border: 1px solid var(--sub-color);}
.bd-gray-44 {border: 1px solid var(--gray-44);}
.bd-gray-55 {border: 1px solid var(--gray-55);}
.bd-gray-66 {border: 1px solid var(--gray-66);}
.bd-gray-dd {border: 1px solid var(--gray-dd);}
.bd-gray-e5 {border: 1px solid var(--gray-e5);}
.bd-gray-e9 {border: 1px solid var(--gray-e9);}
.bd-gray-f5 {border: 1px solid var(--gray-f5);}
.bd-gray-f9 {border: 1px solid var(--gray-f9);}

/********** title **********/
.tith1 { position: relative; display: block; padding-left: 24px; font-family: 'Daum_Regular'; font-weight: 400; font-size: 2.0rem; margin:7px 0px;}
.tith1:after { content: ""; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; border: 5px solid var(--main-color1); border-radius: 100%; }

/********** table **********/
.tableA {width: 100%; border-collapse: collapse; }
.tableA thead tr { border-top: 2px solid var(--main-color1); border-bottom: 2px solid var(--main-color1); }
.tableA thead tr th { padding: 12px 10px; font-family: 'Daum_Regular'; font-weight: 500; }
.tableA tbody tr { border-bottom: 1px solid var(--gray-e5); }
.tableA tbody tr td { padding: 12px 10px; font-family: 'Daum_Regular'; font-weight: 300; font-size: 1.8rem; color: #555; text-align: center; }
.tableA tbody tr td.left { text-align: left; }

.tableB {width: 100%; border-collapse: collapse; font-size:1.6rem; font-family: 'Daum_Regular'; font-weight: 400;}
.tableB thead th {padding: 10px 5px; text-align: center; background: var(--gray-f9); border: 1px solid var(--gray-e5);}
.tableB tbody td.left { padding-left:20px; box-sizing: border-box;  text-align: left;  font-size:1.6rem;}
.tableB tbody td {padding: 10px 5px; text-align: center; border: 1px solid var(--gray-e5); font-size:1.6rem;}

.table-overflow .table-guide { display: none; position: relative; align-items: center; justify-content: center; margin-bottom: 10px; font-weight: 500; }
.table-overflow .table-guide > span { display: block; width: 15px; height: 15px; line-height: 15px; margin-right: 5px; font-weight: 600; font-size: 10px; color: #fff; text-align: center; background: var(--gray-66); border-radius: 100%; }
@media only screen and (max-width: 767px) {
	.table-overflow .table-guide  { display: flex; }
	.table-overflow > div { overflow-x: scroll; }
	.table-overflow > div table { width: 767px; }
}

/* 테이블 반응형 */
@media only screen and (max-width: 767px) {
	.table-responsive1 {border-top: 1px solid var(--gray-44);}
	.table-responsive1 colgroup,
	.table-responsive1 thead {display: none;}
	.table-responsive1 tbody tr {border-bottom: 1px solid var(--gray-e5);}
	.table-responsive1 tbody tr:nth-child(even) {background: var(--gray-f9);}
	.table-responsive1 tbody td {display: flex; width: 100%; padding: 8px 10px; text-align: left; border: 0; border-bottom: 1px dashed var(--gray-e9);}
	.table-responsive1 tbody td:last-child {border-bottom: 0;}
	.table-responsive1 tbody td:before {content: attr(data-label); flex-shrink: 0; width: 40px; font-weight: 600;}

	.table-responsive2 {border-top: 1px solid var(--gray-44);}
	.table-responsive2 colgroup,
	.table-responsive2 thead {display: none;}
	.table-responsive2 tbody tr {border-bottom: 1px solid var(--gray-dd);}
	.table-responsive2 tbody td {position: relative; display: block; width: 100%; padding: 50px 10px 10px 10px; text-align: left; border: 0; border-bottom: 1px dashed var(--gray-e9);}
	.table-responsive2 tbody td:last-child {border-bottom: 0;}
	.table-responsive2 tbody td:before {content: attr(data-label); position: absolute; top: 0; left: 0; width: 100%;padding: 8px 10px; font-weight: 600; background: var(--gray-f5);}
}


/********** checkbox & radio **********/
/* inline */
.checkbox-list1 {display: flex; flex-wrap: wrap; gap: 5px 15px; }
.checkbox-list1 li {position: relative;}

/* block */
.checkbox-list2 li {display: block; position: relative; margin-bottom: 4px;}
.checkbox-list2 li:last-child {margin-bottom: 0;}

input.checkbox-st1 {appearance:none; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; border:none; background:transparent;}
input.checkbox-st1 + label.checkbox-st1 {position: relative; padding-left: 25px; font-family: 'Daum_Regular'; font-weight: 300; font-size: 1.6rem; color: #555; cursor: pointer;}
input.checkbox-st1 + label.checkbox-st1:before {content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #a6a6a6; border-radius: 2px;}
input.checkbox-st1:checked + label.checkbox-st1 {font-weight: 400;}
input.checkbox-st1:checked + label.checkbox-st1:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50.38 37.05' width='11'%3E%3Cg%3E%3Cpolygon fill='%23fff' points='16.53 37.05 0 20.53 6.61 13.91 16.91 24.2 44.17 0 50.38 7 16.53 37.05'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center; background-color: var(--main-color); border-color: var(--main-color);
}

input.checkbox-st2 {appearance:none; position: absolute; top: 3px; left: 0; width: 18px; height: 18px; border:none; background:transparent;}
input.checkbox-st2 + label.checkbox-st2 {position: relative; padding-left: 25px; font-family: 'Daum_Regular'; font-weight: 300; font-size: 1.6rem; color: #555; cursor: pointer;}
input.checkbox-st2 + label.checkbox-st2:before {content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #a6a6a6; border-radius: 100%;}
input.checkbox-st2:checked + label.checkbox-st2 {font-weight: 400;}
input.checkbox-st2:checked + label.checkbox-st2:before { background-position: center center; background-color: var(--main-color); border-color: var(--main-color); }
input.checkbox-st2:checked + label.checkbox-st2:after { content: ""; position: absolute; top: 4px; left: 4px; width: 10px; height: 10px; background: #fff; border-radius: 100%; }

/********** list **********/
.list1 > li {position: relative; line-height: 2.0rem; padding-left: 10px; font-size: 1.4rem; color: #666;}
.list1 > li:before {content: ""; position: absolute; top: 9px; left: 0; width: 5px; height: 1px; background: var(--gray-66); border-radius: 100%;}
.list2 > li {position: relative; padding-left: 11px;}
.list2 > li:before {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: var(--gray-66);}

.tx-list1 {position: relative; display: block; padding-left: 11px;}
.tx-list1:before {content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background: var(--main-color); border-radius: 100%;}
.tx-list2 {position: relative; display: block; padding-left: 11px;}
.tx-list2:before {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 1px; background: var(--gray-66);}

/********** tab **********/
.tab-st1 .tab-btn {display: flex; align-items: center;}
.tab-st1 .tab-btn li {margin-right: 18px;}
.tab-st1 .tab-btn li:last-child {margin-right: 0;}
.tab-st1 .tab-btn li a {display: block; font-weight: 500; font-size: 1.7rem; color: #999;}
.tab-st1 .tab-btn li.on a {font-weight: 700; color: var(--main-color);}

/********** btn **********/
/* 버튼 정렬 */
.btn-lf {display: flex; justify-content: flex-start;}
.btn-ce {display: flex; justify-content: center;}
.btn-rg {display: flex; justify-content: flex-end;}
@media only screen and (max-width: 560px) {
	.btn-ce > a, .btn-ce > button { flex: 1; min-width: auto; }
}

.btn-bace1 {display: inline-block; min-width: 60px; height: 54px; line-height: 54px; font-size: 1.6rem; padding: 0 10px; text-align: center;}
.btn-bace2 {display: inline-block; min-width: 50px; height: 30px; line-height: 32px; padding: 0 10px; text-align: center; border-radius: 50px;}
.btn-bace3 {display: inline-block; min-width: 150px; height: 46px; line-height: 46px; padding: 0 20px; font-weight: 400; text-align: center; border-radius: 3px;}
.btn-bace4 {display: inline-block; min-width: 120px; height: 42px; line-height: 42px; padding: 0 15px;}

/* 버튼 화살표 */
.btn-arrow {position: relative; display: inline-block; width: 8px; height: 10px; margin-left: 20px;}
.btn-arrow:before {content: ""; position: absolute; top: 50%; left: 0; width: 6px; height: 2px; margin-top: -3px; transform: rotate(45deg);}
.btn-arrow:after {content: ""; position: absolute; bottom: 50%; left: 0; width: 6px; height: 2px; margin-bottom: -3px; transform: rotate(-45deg);}
.btn-arrow.wh:before, .btn-arrow.wh:after {background: #fff;} /* White Arrow */
.btn-arrow.main-c:before, .btn-arrow.main-c:after {background: var(--main-color);} /* Main Color Arrow */
.btn-arrow.sub-c:before, .btn-arrow.sub-c:after {background: var(--main-color);} /* Sub Color Arrow */

@media only screen and (max-width: 767px) {
	.btn-bace1 { height: 46px; line-height: 46px; }
}

/********** 카테고리 **********/
.cate1 { display: inline-block; padding: 2px 9px; font-family: 'Daum_Regular'; font-size: 14px; color: #fff; border-radius: 5px;}
.cate2 { display: inline-block; padding: 3px 9px; font-family: 'Daum_Regular'; font-weight: 400; font-size: 14px; border-radius: 5px; }
.cate3 { display: inline-block; padding: 2px 9px; font-weight: 600; font-size: 14px; border-radius: 50px; }

.cate-prog { color: #1c5ba5; background: #f3f7fa; }
.cate-wait { color: #844eaa; background: #f8f4fb; }
.cate-intr { color: var(--main-color); background: #f8fbf4; }
.cate-end { color: #666; background: #f7f7f7; }
@media only screen and (max-width: 767px) {
	.cate1 { font-size: 13px; }
	.cate2 { font-size: 13px; }
}

/********** 링크연결 버튼 **********/
.link-bt1 { display: inline-block; padding-right: 17px; font-size: 1.5rem; color: var(--gray-66); background: url(../img/common/link-bt1.png) right center no-repeat; }

/********** 더보기 버튼 **********/
.more-bt1 { position: absolute; background-image: url('../img/main/more-bt1.png'); width:40px; height:38px; z-index: 0;  right:0px; font-family: 'Daum_Regular'; font-weight: 300; font-size: 1.4rem; color: var(--gray-66); }
/*.more-bt1:after { 
	content: "";
	display: block;
	width: 8px; height: 10px;
	margin-left: 7px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.28 74.97' width='8px' height='10px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 7px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cline class='cls-1' x1='28.64' y1='71.97' x2='28.64' y2='5.17'/%3E%3Cpolyline class='cls-1' points='3 27.17 28.64 3 54.28 27.17'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center center;
	transform: rotate(90deg);
}*/

/********** 텍스트 ...처리 **********/
.txt-over1 {display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} /* 1줄 */
.txt-over2 {display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* 2줄 */
.txt-over3 {display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} /* 3줄 */

/********** 텍스트 정렬 **********/
.text-lf {text-align: left;}
.text-ce {text-align: center;}
.text-rg {text-align: right;}

/********** font-weight **********/
.fc-300 {font-weight: 300;}
.fc-400 {font-weight: 400;}
.fc-500 {font-weight: 500;}
.fc-600 {font-weight: 600;}
.fc-700 {font-weight: 700;}

/********** flex **********/
.flex {display: flex;}
.flex-shrink {flex-shrink: 0;}

/* 정렬 */
.flex-align-center {display: flex; align-items: center;}
.flex-justify-between {display: flex; justify-content: space-between;}
.flex-justify-between-center {display: flex; justify-content: space-between; align-items: center;}

/* gap */
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.gap20 { gap: 20px; }
.gap25 { gap: 25px; }
.gap30 { gap: 30px; }

/********** width **********/
.wh100p {width: 100%;}
.wh90p {width: 90%;}
.wh80p {width: 80%;}
.wh70p {width: 70%;}
.wh60p {width: 60%;}
.wh50p {width: 50%;}
.wh40p {width: 40%;}
.wh30p {width: 30%;}
.wh20p {width: 20%;}
.wh5p {width: 5%;}

/********** margin **********/
.mg0 {margin:0;}
/*** margin_top ***/
.mt-33 {margin-top:-33px;}
.mt0 {margin-top:0;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mt-70 {margin-top:-70px;}
.mt-100 {margin-top:-100px;}
/*** margin_bottom ***/
.mb0 {margin-bottom:0;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
/*** margin_left ***/
.ml0 {margin-left:0;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
/*** margin_right ***/
.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}

@media only screen and (max-width: 560px) {
	.mt60 {margin-top: 30px;}
}

/******************** padding ********************/
.pd0 {padding:0;}
/*** padding_top ***/
.pt0 {padding-top:0;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt80 {padding-top:80px;}
.pt85 {padding-top:85px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px;}
.pt100 {padding-top:100px;}
/*** padding_bottom ***/
.pb0 {padding-bottom:0;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}
/*** padding_left ***/
.pl0 {padding-left:0;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl17 {padding-left:17px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl80 {padding-left:80px;}
.pl85 {padding-left:85px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl100 {padding-left:100px;}
/*** padding_right ***/
.pr0 {padding-right:0;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr17 {padding-right:17px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pr75 {padding-right:75px;}
.pr80 {padding-right:80px;}
.pr85 {padding-right:85px;}
.pr90 {padding-right:90px;}
.pr95 {padding-right:95px;}
.pr100 {padding-right:100px;}





.trans-table{display: block; margin: 0px; padding:0px 0px; box-sizing: border-box; border-top: 0px !important;}
.trans-table tr{border: 1px solid #ddd; margin-bottom: 10px; border-top: 2px solid #777;}
.trans-table tr,.trans-table td,.trans-table tbody{display: block; height: auto !important;}
.trans-table td{border: 0px !important; border-bottom: 1px dashed #ccc !important; padding: 20px 10px !important; text-align: left;}
.trans-table .td-title{display: block; margin-bottom: 10px;}
.trans-table td.center{text-align: left !important;}
.su-con .trans-table{margin-left: 0px !important;}
.icon-list.seub-list li{width: 100%;}

caption{font-size: 0px; position: absolute;}
.list-table .td-btn-group a,.list-table .td-btn-group button{height: 20px; line-height: 18px; border-radius: 4px; margin-left: 3px; white-space: nowrap;}
.table-scroll{max-width: 100%; overflow-x:auto;}
.table-scroll table{table-layout: fixed; border-top:1px solid #ddd; margin-bottom:8px; }
.list-table{width: 100%; border-collapse: collapse; margin-bottom: 40px;}
table.list-table thead th{border: 1px solid #b5b7c0 ; color:#6b6e82; padding: 15px; border-top:2px solid #767676; background-color: #f3f3f3; font-size: 17px; font-weight: 800;}
table.list-table thead .top-thead th{border: 1px solid #b5b7c0 ;}
table.list-table tbody th:first-child, table.list-table tbody td:first-child, table.list-table thead th:first-child{ border-left: 0px; }
table.list-table tbody td:last-child,  table.list-table thead th:last-child{border-right: 0px;}
table.list-table tbody td{border: 1px solid #b5b7c0; padding:5px; line-height: 140%; word-break: break-word; font-size: 17px; padding: 15px;}
table.list-table tbody tr:first-child td, table.list-table tbody tr:first-child th{border-top:2px solid #f0f0f0;}
table.list-table tbody td ul.list{margin: 0px; padding: 0px;}
table.list-table tbody td ul.list li{margin-top: 5px;}
.list-table tbody tr:hover td,.list-table tbody tr:active td,.list-table tbody tr:focus td{background-color: rgba(0,0,0,0.05);}
.table-info{font-size: 17px; margin-bottom:10px; color:#998873;}
.column-set{position: relative; display: inline-block; margin-left: 3px;}
.column-set .col-set{display: block; width: 24px; height: 24px; font-size: 0px; background:url("../images/col-set.png") no-repeat center center #998873; border-radius:4px; }
.column-set .col-set.close{background:url("../images/col-set-close.png") no-repeat center center #54a6de;}
.column-set ul{overflow: auto;}
.column-set ul li{padding:5px 0;}
.column-set ul li .check{display: block; text-align: left; color:#007bcf;}
.column-set ul li .check input[type="checkbox"]{width: 14px; height: 14px;}
.column-set ul li .check label:before{width: 14px; height: 14px; border: 1px solid #54a6de; border-radius: 2px;}
.column-set ul li .check label{text-indent: 3px;}
.column-set ul li .check input[type ="checkbox"]:checked + label:after, .column-set > ul li .check input[type ="checkbox"][checked] + label:after{width: 14px; height: 14px;}
.column-set .col-set-list{padding:5px 10px 10px 10px; border: 1px solid #54a6de; position: absolute; right:0px; top:27px; background-color: #fff; border-radius: 4px; box-shadow: 2px 2px 3px rgba(0,0,0,0.15); z-index:10;}
.column-set .col-set-list > button{width: 100%; margin-top: 5px; background: url("../images/col-check.png") no-repeat center center #54a6de; font-size: 0px; border-radius:4px; display: block; height: 24px; }



/********** 프로그램 신청  **********/
.expopro_list_wp {}
.expopro_list_wp .expopro_list01 {display:flex;flex-wrap: wrap;}
.expopro_list_wp .expopro_list01 > li {width: 20%; margin:0 2.5%; padding: 0 0 25px; box-sizing: border-box; margin-bottom: 100px; position:relative;}
.expopro_list_wp .expopro_list01 > li > .btn-group {text-align: center}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_apply {width:120px; bottom:-20px; margin:0 5px; padding:0 25px; height:40px;line-height:40px;background:#42a400;color:#fff;transition:all 0.2s;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_apply:hover {background:#265b02;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_check {width:120px; bottom:-20px; margin:0 5px; padding:0 25px; height:40px;line-height:40px;background:#232D3F;color:#fff;transition:all 0.2s;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_check:hover {background: #181c25;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_cancel {width:120px; bottom:-20px; margin:0 5px; padding:0 25px; height:40px;line-height:40px;background: #af2424;color:#fff;transition:all 0.2s;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_cancel:hover {background: #881a1a;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_onsite {width:120px; bottom:-20px; margin:0 5px; padding:0 25px; height:40px;line-height:40px;background: #2ecc71;color:#fff;transition:all 0.2s;}
.expopro_list_wp .expopro_list01 > li > .btn-group > .btn_pro_onsite:hover {background: #1e8749;}
.expopro_list_wp .expopro_list01 > li > .stt_end {position:absolute;top:-10px;right:0;padding:0 25px;height:40px;line-height:40px;background:#999;color:#fff;}
.expopro_list_wp .expopro_list01 > li > .stt_ready {position:absolute;top:-10px;right:0;padding:0 25px;height:40px;line-height:40px;background:#0050bd;color:#fff;}
.expopro_list_wp .expopro_list01 > li > .stt_ing {position:absolute;top:-10px;right:0;padding:0 25px;height:40px;line-height:40px;background:#e54600;color:#fff;}
.expopro_list_wp .expopro_list01 > li > .btn_ {margin-top:20px;font-size:24px;font-weight:500;line-height:1.2em;padding-bottom:10px;}
.expopro_list_wp .expopro_list01 > li > .area {position:relative; width:100%;height:0;padding-bottom:90%;overflow:hidden;background:url(../img/bg_no_image.png) no-repeat 50% 50%;border:1px solid #c8d4dd;}
.expopro_list_wp .expopro_list01 > li > .area img {position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);/*height:100%;*/}
.expopro_list_wp .expopro_list01 > li > .title {margin-top:20px;font-size:2rem;font-weight:500;line-height:1.2em;padding-bottom:10px;}
.expopro_list_wp .expopro_list01 > li > .way {display:inline-block;padding:5px 10px;background:#d6f1f1;border-radius:5px;}
.expopro_list_wp .expopro_list01 > li > .expopro_detail {margin-top:20px;}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li {display:flex;margin-bottom:5px; font-size:1.6rem}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li strong {display:block;width:80px; padding-left:10px;}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li strong:before{width: 4px; height: 4px; background: #9e9e9e; position: absolute; top: 1rem; left: 0; content: ''; border-radius: 0.4rem;}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li span {display:block;width:calc(100% - 80px);}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li span em {display:block;}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li.youtube span {padding-left:30px;background: url(../img/icon_pro_youtube.png) no-repeat 0 3px;}
.expopro_list_wp .expopro_list01 > li > .expopro_detail li.youtube span a {vertical-align:top;}

.expo_paging{text-align:center}
.expo_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:14px}
.expo_paging .paging{display: flex;margin-top:20px;align-items: center;justify-content: center;}
.expo_paging .paging span span{color:#2d4594;font-size:11px;display:none}
.expo_paging .paging strong{display:block;margin:0 2px;width: 40px;height: 40px;line-height: 40px;font-weight:800;text-align:center;color: #fefefe;border: 1px solid #444;border-radius: 20px;background-color: #444;}
.expo_paging .paging .num{display:inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 20px;margin: 0 2px;color:#888;border:1px solid #d5d5d5}
.expo_paging .paging .num:hover{color:#444;border:1px solid #444;}
.expo_paging .pprev{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-left:0px solid #ccc}
.expo_paging .prev{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-left:1px solid #ccc}
.expo_paging .next{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-right:1px solid #ccc}
.expo_paging .nnext{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-right:0px solid #ccc}



@media only screen and (max-width: 767px) {
    .expopro_list_wp .expopro_list01 > li {width: 45%;}
}

@media only screen and (max-width: 400px) {
    .expopro_list_wp .expopro_list01 > li {width: 100%;}
}


/************************* 오시는 길 *************************/
.waytocome-wrap .map-box { width: 100%; height: 500px; overflow: hidden; background: #ddd; }
.waytocome-wrap .map-info { display: flex; justify-content: space-between; padding: 50px 70px; background: #f9f9f9; }
.waytocome-wrap .map-info .lf { display: flex; align-items: center; gap: 50px; }
.waytocome-wrap .map-info .lf > ul { display: flex; flex-wrap: wrap; gap: 10px 30px; }
.waytocome-wrap .map-info .lf > ul li { display: flex; }
.waytocome-wrap .map-info .lf > ul li:first-child { width: 100%; }
.waytocome-wrap .map-info .lf > ul li strong { display: block; flex-shrink: 0; width: 80px; padding-left: 23px; font-family: 'Daum_Regular'; font-weight: 500; color: var(--gray-66); background-repeat: no-repeat; background-position: left 5px; }
.waytocome-wrap .map-info .lf > ul li:nth-child(1) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240.99 313.88' width='11px'%3E%3Cg%3E%3Cpath class='cls-1' d='M120.5,0C53.96,0,.91,53.95.02,120.48c-1.59,117.31,120.48,193.4,120.48,193.4,0,0,118.9-69.75,120.48-193.4C241.83,53.95,187.04,0,120.5,0ZM120.49,183.1c-29.33,0-53.11-23.78-53.11-53.11s23.78-53.11,53.11-53.11,53.11,23.78,53.11,53.11-23.78,53.11-53.11,53.11Z' stroke-width='0' fill='%23666' /%3E%3C/g%3E%3C/svg%3E"); }
.waytocome-wrap .map-info .lf > ul li:nth-child(2) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 351.32 292.38' width='14px'%3E%3Cg%3E%3Cpath d='M297.83,16.36h0C218.71-3.68,136.06-5.33,56.2,11.54h0C4.86,24.55.79,52.55.54,65.02L0,92.07c-.18,9.17,7.1,16.75,16.27,16.93l53.55,1.07c5.26.11,14.03.28,26.36-30.32,2.97-7.38,9-13.06,16.85-14.32h0c41.76-6.74,84.4-5.88,125.86,2.51,7.8,1.58,13.59,7.49,16.27,14.98,11.1,31.06,19.87,31.24,25.13,31.34l53.55,1.07c9.17.18,16.75-7.1,16.93-16.27l.54-27.05c.25-12.48-9.71-40.75-53.48-55.66Z' fill='%23666'/%3E%3Cpath d='M321.42,180.85c-16.21-23.15-39.43-40.47-66.24-49.41-7.49-2.5-13.69-7.87-17.22-14.94-4.12-8.23-6.26-17.31-6.26-26.51,0-8.53-6.92-15.45-15.45-15.45h-81.19c-8.53,0-15.45,6.91-15.45,15.45,0,9.2-2.14,18.28-6.26,26.51-3.53,7.07-9.73,12.44-17.22,14.94h0c-26.81,8.94-50.03,26.26-66.24,49.41-10.58,15.12-16.26,33.12-16.26,51.57v46.94c0,7.19,5.83,13.03,13.03,13.03h297.98c7.19,0,13.03-5.83,13.03-13.03v-46.94c0-18.45-5.68-36.46-16.26-51.57ZM175.66,259.77c-30.98,0-56.09-25.11-56.09-56.09s25.11-56.09,56.09-56.09,56.09,25.11,56.09,56.09-25.11,56.09-56.09,56.09Z' fill='%23666'/%3E%3C/g%3E%3C/svg%3E"); }
.waytocome-wrap .map-info .lf > ul li:nth-child(3) strong { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 134.81 108.93' width='18px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23666; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg%3E%3Cpath class='cls-1' d='M21.66,20.39h-13.34c-4.59,0-8.31,3.18-8.31,7.09v70.9c0,3.92,3.72,7.09,8.31,7.09h13.34c4.59,0,8.31-3.18,8.31-7.09V27.49c0-3.92-3.72-7.09-8.31-7.09Z'/%3E%3Cpath class='cls-1' d='M114.65,84.64c0-3.35-2.72-6.07-6.07-6.07s-6.07,2.72-6.07,6.07,2.72,6.07,6.07,6.07,6.07-2.72,6.07-6.07Z'/%3E%3Cpath class='cls-1' d='M118.78,108.93h3.31c7.01,0,12.72-5.71,12.72-12.72V29.66c0-7.01-5.71-12.72-12.72-12.72h-3.53V1.86c0-1.02-.83-1.86-1.86-1.86H52.22c-1.02,0-1.86.83-1.86,1.86v15.08h-3.53c-7.01,0-12.72,5.7-12.72,12.72v66.56c0,7.01,5.7,12.72,12.72,12.72h3.31M54.08,3.71h60.77v13.23h-60.77V3.71ZM57.51,66.47c2.36,0,4.28,1.92,4.28,4.28s-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28,1.92-4.28,4.28-4.28ZM53.23,57.03c0-2.36,1.92-4.28,4.28-4.28s4.28,1.92,4.28,4.28-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28ZM57.51,80.18c2.36,0,4.28,1.92,4.28,4.28s-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28,1.92-4.28,4.28-4.28ZM72.5,66.47c2.37,0,4.28,1.92,4.28,4.28s-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28,1.92-4.28,4.28-4.28ZM68.22,57.03c0-2.36,1.92-4.28,4.28-4.28s4.28,1.92,4.28,4.28-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28ZM72.5,80.18c2.37,0,4.28,1.92,4.28,4.28s-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28,1.92-4.28,4.28-4.28ZM87.51,66.47c2.36,0,4.28,1.92,4.28,4.28s-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28,1.92-4.28,4.28-4.28ZM83.23,57.03c0-2.36,1.92-4.28,4.28-4.28s4.28,1.92,4.28,4.28-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28ZM87.51,80.18c2.36,0,4.28,1.92,4.28,4.28s-1.92,4.28-4.28,4.28-4.28-1.92-4.28-4.28,1.92-4.28,4.28-4.28ZM100.46,84.64c0-4.48,3.64-8.12,8.12-8.12s8.12,3.64,8.12,8.12-3.64,8.12-8.12,8.12-8.12-3.64-8.12-8.12ZM54.3,101.84h60.33M118.93,43.95H50v-15.88h68.93v15.88Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.waytocome-wrap .map-info .lf > ul li em { font-family: 'Daum_Regular'; font-weight: 300; color: var(--gray-66); }
.waytocome-wrap .map-info .btn { display: flex; align-items: center; gap: 6px; width: 150px; height: 46px; line-height: 46px; padding: 0 17px; font-family: 'Daum_Regular'; font-weight: 500; color: var(--main-color); border: 1px solid var(--main-color2); background-repeat: no-repeat; background-position: calc(100% - 17px) center;  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.17 57.28' width='5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %237cb62d; stroke-linecap: round; stroke-linejoin: round; stroke-width: 9px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpolyline class='cls-1' points='3 3 27.17 28.64 3 54.28'/%3E%3C/g%3E%3C/svg%3E"); }
.waytocome-wrap .trans-info-box { margin-top: 60px; }
.waytocome-wrap .trans-info-box > strong { display: block; margin-bottom: 15px; font-family: 'Daum_Regular'; font-size: 2.4rem; }
.waytocome-wrap .trans-info-box .box { display: flex; align-items: flex-start; padding: 50px 40px; border-top: 1px solid var(--gray-e5); }
.waytocome-wrap .trans-info-box .box:last-child { border-bottom: 1px solid var(--gray-e5); }
.waytocome-wrap .trans-info-box .box .lf { flex-shrink: 0; display: flex; align-items: center; gap: 20px; width: 300px; }
.waytocome-wrap .trans-info-box .box .lf .ico { display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background: #f8faf8; border-radius: 100%; }
.waytocome-wrap .trans-info-box .box .lf strong { display: block; font-family: 'Daum_Regular'; font-weight: 500; font-size: 1.7rem; color: var(--main-color); }
.waytocome-wrap .trans-info-box .box .rg ul li { margin-bottom: 30px; }
.waytocome-wrap .trans-info-box .box .rg ul li:last-child { margin-bottom: 0; }
.waytocome-wrap .trans-info-box .box .rg ul li strong { display: inline-block; margin-bottom: 12px; padding: 5px 10px; font-weight: 600; font-size: 1.4rem; color: var(--gray-55); background: #f8faf8; border: 1px solid var(--gray-e5); }
@media only screen and (max-width: 1023px) {
	.waytocome-wrap .map-info { flex-wrap: wrap; padding: 30px 40px; }
	.waytocome-wrap .map-info .lf .logo { display: none; }
	.waytocome-wrap .map-info .btn { width: 100%; margin-top: 20px; }
}
@media only screen and (max-width: 767px) {
	.waytocome-wrap .map-info .lf > ul li { width: 100%; }
	.waytocome-wrap .trans-info-box .box { flex-wrap: wrap; padding: 40px 20px; }
	.waytocome-wrap .trans-info-box .box .lf { margin-bottom: 30px; gap: 15px; }
	.waytocome-wrap .trans-info-box .box .lf .ico { width: 60px; height: 60px; }
	.waytocome-wrap .trans-info-box .box .lf .ico svg { width: 26px; }
	.waytocome-wrap .trans-info-box .box .rg ul li strong { padding: 3px 10px; }
}

/************************* 연도별 박람회 *************************/
.year-list { width:100%; display:inline-block; margin-top:60px; margin-bottom:150px;}
.year-list .list {display:inline-block; width:100%; margin:0px; padding:0px ;  box-sizing: border-box;}
.year-list .list li {float:left;  width: 22%; margin: 0px 1.5%; font-weight: 300; font-size: 1.8rem; background:#fff; color:#333333; padding:10px 10px;  box-sizing: border-box; border:1px solid #e3e3e3; }
.year-list .list li span {display:inline-block; width:100%; }
.year-list .list li span.pohto{display:inline-block;  width:100%; overflow:hidden; }
.year-list .list li span.pohto img{width:100%;}
.year-list .list li span.tit {display:inline-block; width:100%; box-sizing: border-box; padding:10px 10px; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.year-list .list li span.tit dl {width:100%; display:inline-block; padding:10px; box-sizing: border-box;}
.year-list .list li span.tit dl dt {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_SemiBold'; font-weight: 300; line-height: 2.5rem; font-size: 1.7rem; color:#333333; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: nowrap;}
.year-list .list li span.tit dl dd {display:inline-block; width:100%; box-sizing: border-box; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem; color:#5d5c5c; overflow:hidden; text-overflow:ellipsis; }
.year-list .list li span.tit dl dd span{width:100%; font-family: 'Daum_Regular'; font-weight: 100; line-height: 2rem; font-size: 1.5rem;  box-sizing: border-box;  overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space: nowrap;}


@media only screen and (max-width: 1559px) {
	.year-list { position: relative; z-index: 0; padding-bottom: 20px; border-radius: 20px;}
	.year-list .list li span.pohto{ height:200px ;}
}
@media only screen and (max-width: 1023px) {
	.year-list .list li span.pohto{ height:150px ;}
}

@media only screen and (max-width: 900px) {
	.year-list .list li {float:none; display:inline-block; margin-bottom:20px;}
	.year-list .list li span.more {width: 60px; height: 60px; }
}

@media only screen and (max-width: 768px) {
	.year-list .list li { display:inline-block;  width: 46%;}
}


/************************* 박람회 개요 *************************/
.expo {}
.expo .intro_theme {background:#f0fbe0;display:flex;align-items:center;}
.expo .intro_theme .theme_area {width:100%;/*padding:90px 600px 130px 70px;background-image: url('../img/content/intro_bg.png'); background-repeat: no-repeat; background-position : bottom right*/ padding:50px 50px; box-sizing:border-box;}
.expo .intro_theme .theme_area .tit {font-size:2.2rem;font-weight:600;margin-bottom:30px;}
.expo .intro_theme .theme_area .con {font-size:2.2rem;line-height:2.4em; word-break: keep-all;}
.expo .intro_theme .theme_area .con ul li { position: relative; padding-left: 11px; font-size:2.2rem;line-height:2.4em; word-break: keep-all;}
.expo .intro_theme .theme_area .con ul li:before { content: ""; position: absolute; top: 20px; left: 0; width: 5px; height: 5px; background: #42a400; border-radius: 100%; }

.expo .intro_info {padding-top:100px;}
.expo .intro_info .tit {margin-bottom: 25px;font-size: 2.5rem;font-weight: 400;color: #699b24;}
.expo .intro_info ul li {display:flex;justify-content: center;align-items: center;margin-bottom:10px;}
.expo .intro_info ul li strong {display:block;width:15%;padding:10px 0;text-align:center;background:#699b24;border-radius:100px;color:#fff;}
.expo .intro_info ul li span {display:block;width:83%;margin-left:2%;font-size:2rem;}


@media only screen and (max-width: 767px) {
.expo .intro_theme .theme_area {width:100%;padding:60px 30px 250px 30px;box-sizing:border-box;background-image: url('../img/content/intro_bg.png');background-size:60%;}
.expo .intro_theme .theme_area .tit {font-size:2rem;font-weight:100;}
.expo .intro_theme .theme_area .con {font-size:1.8rem;}
.expo .intro_theme .theme_area .con ul li { position: relative; padding-left: 11px;}
.expo .intro_theme .theme_area .con ul li:before { content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #42a400; border-radius: 100%; }

.expo .intro_info {padding-top:100px;}
.expo .intro_info ul li strong {width:25%;padding:10px 0;}
.expo .intro_info ul li span {width:72%;font-size:1.8rem;}
}

/**************** 이미지 확대 ********************************/
.img_wp {position:relative; width:100%; text-align: center; padding: 20px}
.img_wp .sizeview {position:absolute;bottom:0;right:0;margin-right:50px;width:60px;height:60px;background: rgba( 0, 0, 0, 0.5 ) url('../img/common/btn_view.png') no-repeat center 50%;text-indent: -99999em;}