* li.none {display: inline-block; vertical-align: top; width:100% !important; margin:0 !important; padding:50px 0 !important; text-align:center !important; border:0 !important; background:transparent !important; position: relative; font-size:11px !important; font-weight:500 !important; color:#333 !important;}


/* 기본 감싸기 */
.board_wrap {position:relative;}
.board_wrap .bw_pos {position:relative; left:0; right:0; max-width:1300px; width:100%; margin:auto; padding:50px 25px 80px 25px; font-size:0;}
.board_wrap .bw_pos.fstv {max-width:100%; padding:0px 10px 0px 10px;}
.board_wrap.photo .bw_pos {max-width:1300px;}
.board_wrap.contest_app .bw_pos {padding:30px 25px 80px 25px;}
.board_wrap.contest_app .ctrl_pos {padding:0;}
.board_wrap.contest_app .ctrl_pos ul.cate_kind {text-align:left; margin-bottom:35px;}
.board_wrap .bw_pos.stk_app {}
.board_wrap ul.cate_kind {position:absolute; bottom:10px; right:0; font-size:0; }
.board_wrap ul.cate_kind li {display:inline-block; vertical-align:middle; line-height:100%; text-align:center; margin-right:5px;}
.board_wrap ul.cate_kind li:last-child {margin:0;}
.board_wrap ul.cate_kind li.sel {}
.board_wrap ul.cate_kind li a {display:block; font-size:13px; line-height:100%; padding:7px 0; width:60px; color:#333; background:#fff; border-radius:3px; border:1px solid #e9e9e9;}
.board_wrap ul.cate_kind li.sel a {border-color:#111; color:#fff; background:#111;}

.board_wrap.photo ul.cate_kind {position:absolute; right:0; bottom:10px;width:120px; }
.board_wrap ul.cate_kind select {display:inline-block; width: 100%; height: 38px; padding: 10px; line-height:100%; background: #fafafa url(/images/sel_arr.gif) no-repeat right 13px center; border: 1px solid #e9e9e9; border-radius: 5px;  font-weight:500; font-family:var(--neo); font-size:12px;}


@media screen and (max-width: 1160px){
	.board_wrap .bw_pos {padding:50px;}
	.board_wrap .bw_pos.fstv {padding:0px 25px 50px 25px;}
	.board_wrap.contest_app .bw_pos {padding:0px 25px 80px 25px;}
}

@media screen and (max-width: 650px){
	.board_wrap .bw_pos {padding:20px 15px 30px 15px;}
	.board_wrap .bw_pos.fstv {padding:15px 15px 50px 15px;}
	.board_wrap .bw_pos.fstv1 {padding:0px 10px 30px 10px;}
	.board_wrap.contest_app .bw_pos {padding:0px 15px 50px 15px;}
	.board_wrap.contest_app .ctrl_pos ul.cate_kind {margin:20px 0 15px 0;}
	.board_wrap.contest_app .ctrl_pos ul.cate_kind li {width:calc(25% - 2px); margin:1px;}
	.board_wrap.contest_app .ctrl_pos ul.cate_kind li a {width:auto; margin:1px;}
.board_wrap ul.cate_kind {position:relative; bottom:initial; right:initial; margin-top:10px;}
.board_wrap ul.cate_kind li a {font-size:11px;padding:6px 0; width:45px;}
	.board_wrap.photo ul.cate_kind {position:relative; right:initial; bottom:initial;width:100%; margin-top:10px; }
	.board_wrap ul.cate_kind select {display:inline-block; width: 100%; height: 38px; padding: 10px; line-height:100%; background: #fafafa url(/images/sel_arr.gif) no-repeat right 13px center; border: 1px solid #e9e9e9; border-radius: 5px;  font-weight:500; font-family:var(--neo); font-size:12px;}
	.ctrl_pos ul.cate_kind li a {padding:10px 0;}

}

/* 기본 */
ul.board_default {position:relative; border-top:2px solid #333;}
ul.board_default li {display:inline-block; width:100%; position:relative; font-size:0; line-height:100%; border-bottom:1px solid #eee;}
ul.board_default li.title {background:#fafafa; padding:15px 0; color:#000; font-weight:bold;}
ul.board_default li.list {padding:18px 0; color:#333;}
ul.board_default li * {text-align:center; letter-spacing:0;}
ul.board_default li > div {display:inline-block; vertical-align:middle; line-height:100%; font-size:14px; position:relative;}

ul.board_default li notice	  {font-weight:500; font-size:10px; background:red; color:#fff; line-height:100%; padding:4px; border-radius:3px;display:inline-block; vertical-align:middle;}

ul.board_default li .no {width:50px;}
ul.board_default li .h_tit {width:calc(100% - 350px);text-overflow: ellipsis; white-space: nowrap; overflow:hidden;text-align:left; line-height:120%; font-weight:600;}
ul.board_default li.title .h_tit {text-align:center;}
ul.board_default li.list .h_tit:hover {color:red;}
ul.board_default li .h_tit a {position:absolute; top:0; left:0; width:100%; height:100%; }
ul.board_default li .h_tit a:hover {color:red;}
ul.board_default li .h_tit i {color:red;}
ul.board_default li.list .h_tit {text-align:left !important;}
ul.board_default li .date {width:80px;}
ul.board_default li .e_set {width:220px; font-size:0;}
ul.board_default li .e_set span {display:inline-block; vertical-align:middle; font-size:13px;line-height:100%;}
ul.board_default li .e_set .file {width:60px;}
ul.board_default li .e_set .name {width:calc(100% - 100px);}
ul.board_default li .e_set .hit {width:40px;}
ul.board_default li.list .no,
ul.board_default li.list .date,
ul.board_default li.list .e_set .file,
ul.board_default li.list .e_set .name,
ul.board_default li.list .e_set .hit {font-size:12px;}

@media screen and (max-width: 1160px){
	ul.board_default li .h_tit {width:calc(100% - 290px);}
	ul.board_default li .e_set {width:160px;}
	ul.board_default li .e_set .name {width:calc(100% - 40px);}
	ul.board_default li .e_set .file {display:none;}

}

@media screen and (max-width: 650px){
	ul.board_default li > div {font-size:13px;}
	ul.board_default li.title {display:none;}
	ul.board_default li.list {padding:15px 0;}
	ul.board_default li .no {font-size:10px !important;}
	ul.board_default li .date {font-size:10px !important;}
	ul.board_default li .h_tit {width:calc(100% - 130px);}
	ul.board_default li .e_set {width:100%; padding-top:5px;}
	ul.board_default li .e_set .name {padding-left:50px; text-align:left; width:100%; font-size:10px !important;}
	ul.board_default li.list .e_set .hit {display:none;}
}

/**/
ul.news_link {position:relative; font-size:0;}
ul.news_link li {position:relative; display:inline-block; vertical-align:top; width:100%; padding:30px; font-size:0; border:1px solid #e9e9e9; background:#fafafa; transition:all .3s; border-radius:7px; margin-top:10px;}
ul.news_link li.none {border:0; padding:50px 0; text-align:center; font-size:11px; background:transparent; }
ul.news_link li:first-child {margin:0;}
ul.news_link li:hover {border-color:#ddd; background:#fff;}
ul.news_link li.wrn_msg {border:0;  font-size:12px; font-weight:500; color:orange; padding:5px 0 0 10px; background:transparent; }

ul.news_link li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
ul.news_link li .no {position:absolute; top:35px; left:30px; font-size:13px; font-weight:600; line-height:100%;}

ul.news_link li > i {position:absolute; top:30px; right:30px; ;font-size:17px; font-weight:normal; color:#000; transition:all .3s;}
ul.news_link li:hover > i {color:red;}


ul.news_link li .data {position:relative; display:inline-block; vertical-align:top; width:100%; padding:0 40px;}
ul.news_link li .data h2 {display:inline-block; vertical-align:top; width:100%;font-size:15px; font-weight:600; color:#000; position:relative; line-height:130%; transition:all .3s;}
ul.news_link li:hover .data h2 {color:red;}

ul.news_link li .data span {display:inline-block; vertical-align:top; font-size:13px; font-weight:500; color:#000; width:100%; padding:0 0 5px 0;}
ul.news_link li .data wrn {display:inline-block; vertical-align:top; font-size:11px; font-weight:500; color:#777; width:100%; padding:7px 0 0 0;}

@media screen and (max-width: 650px){
	ul.news_link li {padding:15px 0 15px 15px; margin-top:0px; border-radius:0; border-width:0 0 1px 0; background:transparent;}
	ul.news_link li.wrn_msg { font-size:11px; padding:0px 0 8px 8px; border-bottom:1px solid #e9e9e9;}
	ul.news_link li .no {top:20px; left:10px; font-size:11px; }
	ul.news_link li > i {top:10px; right:10px; font-size:13px; display:none;}
	ul.news_link li .data {padding:0 0px 0 30px;}

	ul.news_link li .data h2 {font-size:12px; }

	ul.news_link li .data span {font-size:10px; padding:0 0 0px 0;}
	ul.news_link li .data wrn {font-size:9px; padding:5px 0 0 0; display:none;}
}

/**/
ul.dc_faq {position:relative; font-size:0;}
ul.dc_faq li {position:relative; display:inline-block; vertical-align:top; width:100%; padding:20px 10px; font-size:0; border-top:1px solid #e9e9e9; transition:all .3s;}
ul.dc_faq li.none {border:0; padding:50px 0; text-align:center; font-size:11px; background:transparent; }
ul.dc_faq li:first-child {border:0;}
ul.dc_faq li:hover {border-color:#ddd; background:#fff;}
ul.dc_faq li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
ul.dc_faq li .no {position:relative; display:inline-block; vertical-align:middle;font-size:13px; font-weight:600; line-height:100%; width:60px; border:1px solid red; display:none;}

ul.dc_faq li .data {position:relative; display:inline-block; vertical-align:middle; width:100%; padding:0 ;}
ul.dc_faq li .data h2 {display:inline-block; vertical-align:middle; width:calc(100% - 40px);font-size:14px; font-weight:500; color:#000; position:relative; line-height:130%; transition:all .3s; padding:0 0 0 15px;}
ul.dc_faq li:hover .data h2 {color:red;}

ul.dc_faq li .data span {display:inline-block; vertical-align:middle; font-size:11px; font-weight:500; color:#fff; width:40px; background:#333; line-height:100%; padding:6px 0; text-align:center; border-radius:3px;}
ul.dc_faq li.faq_1 .data span {background:#0679a7;}
ul.dc_faq li.faq_2 .data span {background:#06a783;}
ul.dc_faq li.faq_3 .data span {background:#5f3c95;}
ul.dc_faq li.faq_4 .data span {background:#93953c;}
ul.dc_faq li.faq_5 .data span {background:#953c3c;}

@media screen and (max-width: 650px){
	ul.dc_faq li {padding:10px 5px;}
	ul.dc_faq li .no { font-size:11px; }
	ul.dc_faq li .data h2 {font-size:12px; font-weight:500;}
	ul.dc_faq li .data span {font-size:10px;}
}

/* 연혁 */
ul.history {position:relative; padding:100px 0; max-width:calc(var(--default_wd) - 40px); width:100%; left:0; right:0; margin:0 auto;}
ul.history:after {content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:1px; height:100%; background:#eee; border-radius:7px;}
ul.history li {position:relative; z-index:1;animation-name: list_array; animation-duration:0.7s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; transition:all .1s;}
ul.history li:nth-child(10n+1) {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
ul.history li:nth-child(10n+2) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
ul.history li:nth-child(10n+3) {-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
ul.history li:nth-child(10n+4) {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
ul.history li:nth-child(10n+5) {-webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
ul.history li:nth-child(10n+6) {-webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
ul.history li:nth-child(10n+7) {-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
ul.history li:nth-child(10n+8) {-webkit-animation-delay: 1.0s; animation-delay: 1.0s;}
ul.history li:nth-child(10n+9) {-webkit-animation-delay: 1.1s; animation-delay: 1.1s;}
ul.history li:nth-child(10n+10) {-webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
ul.history li:nth-child(even)	{text-align:right;}
ul.history li:nth-child(odd)	{text-align:left;}
ul.history li .year_num {position:absolute; top:calc(50% - 30px); transform:translate(-50%, -50%); font-size:22px;font-family: 'GmSansB'; line-height:110%; color:#000; transition:all .3s; z-index:2;}
ul.history li:hover .year_num {color:#000;}
ul.history li:nth-child(even) .year_num {left:calc(50% + 80px);}
ul.history li:nth-child(odd) .year_num {left:calc(50% - 80px);}
ul.history li .hbx {display:inline-block; width:50%; font-size:0; position:relative; margin:0px 0;}
ul.history li .hbx:before,
ul.history li .hbx:after {content:""; position:absolute;top:50%; transform: translateY(-50%) scale(1);}
ul.history li .hbx:before {width:6px; height:6px; border-radius:100%; background:#999; z-index:1; transition:all .3s;}
ul.history li .hbx:after {width:100%; height:1px; border-top:1px solid #eee; transition:all .3s;}
ul.history li:nth-child(even) .hbx	{padding-left:150px;text-align:left;}
ul.history li:nth-child(odd) .hbx		{padding-right:150px;text-align:right;}
ul.history li:nth-child(even) .hbx:before,
ul.history li:nth-child(even) .hbx:after	{left:-3px}
ul.history li:nth-child(odd) .hbx:before,
ul.history li:nth-child(odd) .hbx:after		{right:-3px;}
ul.history li .hbx:hover:before {transform: translateY(-50%) scale(2); background:red;}
ul.history li .hbx:hover:after {width:100%; height:1px; background:red; opacity:1;}
ul.history li .hbx a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
ul.history li .h_wrp {position:relative; /*padding:40px;border:1px solid transparent;  border-radius:30px; background:#fafafa; */ background:#fff; transition:all .3s; overflow:hidden; z-index:1;}
ul.history li .h_wrp:hover {background:#fff;/* border-color:#eee;*/}
ul.history li .hbx .year,
ul.history li .hbx .con,
ul.history li .hbx img,
ul.history li .hbx stt,
ul.history li .hbx h3,
ul.history li .hbx h4,
ul.history li .hbx date,
ul.history li .hbx leader,
ul.history li .hbx who,
ul.history li .hbx p {display:inline-block; vertical-align:top; width:100%; }
ul.history li:nth-child(even) .hbx .year	{text-align:left;}
ul.history li:nth-child(odd) .hbx .year		{}
ul.history li .hbx .year {font-size:27px; font-weight:100; line-height:110%; margin:0px 0 7px 0;color:#000;}
ul.history li .hbx .con {}
ul.history li .hbx .con.none {}
ul.history li .hbx .con.ok {width:calc(100% - 150px);}
ul.history li .hbx img {width:150px; border-radius:7px; border:1px solid #eee;}
ul.history li:nth-child(even) .con	{padding:0 0 0 35px;}
ul.history li:nth-child(odd) .con		{padding:0 35px 0 0;}
ul.history li:nth-child(even) .hbx img	{float:left;}
ul.history li:nth-child(odd) .hbx img		{float:right;}
ul.history li .hbx stt {font-size:12px; color:#000; line-height:120%; padding:0px 0 3px 0;}
ul.history li .hbx stt no {display:inline-block; margin-right:0px;}
ul.history li .hbx stt em {display:inline-block; font-style:normal; font-size:11px; color:#000; line-height:100%; padding:3px; border:0px solid #eee; border-radius:3px; margin-left:0px; dis play:none;}
ul.history li.cate_1 .hbx stt em {border-color:#cee1ff; color:#6981a7;}
ul.history li.cate_2 .hbx stt em {border-color:#fff0dd; color:#c93d25;}
ul.history li .hbx h3 { font-size:25px; font-weight:700; letter-spacing:-0.05em; color:#000; line-height:120%; padding:0px 0 3px 0; font-family:var(--neo);}
ul.history li .hbx h3 span {display: inline-block; vertical-align:middle; background: #fff; border:1px solid #eee; padding: 4px; border-radius: 3px; line-height: 100%; margin:0 0px 2px 5px; font-size: 11px; color: #555; font-family: ; font-weight: normal; letter-spacing: 0em;}
ul.history li .hbx h4 { font-size:16px; font-weight:800; letter-spacing:-0.05em; color:#bb0404; line-height:120%; padding:2px 0 10px 0; font-family:var(--neo);}
ul.history li.cate_1 .hbx h4 {color:#0f65b1;}
ul.history li.cate_2 .hbx h4 {color:#bb0404;}
ul.history li .hbx date {font-size:12px;  padding:0px 0 10px 0; width:auto;}
ul.history li .hbx date.start:after {content:"~";}
ul.history li .hbx date em {font-style:normal;}
ul.history li .hbx leader {font-size:12px;  width:100%; padding:0px 0 3px 0; font-weight:bold;}
ul.history li .hbx who {font-size:0;  padding:0px 0 10px 0;}
ul.history li .hbx who span {line-height:100%; display:inline-block; vertical-align:top; border:0px solid red; font-size:12px;margin:5px 5px 0 0;padding:0px; border-radius:3px; width:100%;}
ul.history li .hbx p {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; font-size:12px; color:rgba(0,0,0,0.6); }
ul.history li .hbx .h_wrp a {display:inline-block; border:0 solid #333; line-height:100%; font-size:13px; background:#333;  width:100px; height:33px; border-radius:35px; position:relative; margin:25px -3px 0 -3px; transition:all .2s;}
ul.history li .hbx .h_wrp a span {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; color:#fff; transition:all .2s;}
ul.history li .hbx .h_wrp a:hover {background:orangered; border-color:orangered;}
ul.history li .hbx .h_wrp a:hover span {color:#fff;}

@media screen and (max-width: 1160px){
	ul.history {padding:50px 0; max-width:calc(var(--default_wd) - 40px); width:100%; left:0; right:0; margin:0 auto;}
	ul.history:after {left:80px; transform:none; }
	ul.history li {padding:50px 0 50px 80px;}
	ul.history li:nth-child(odd),
	ul.history li:nth-child(even)	{text-align:left;}
	ul.history li:nth-child(even) .hbx,
	ul.history li:nth-child(odd) .hbx		{padding:0 0 0 100px; text-align:left;}
	ul.history li:nth-child(even) .hbx:before,
	ul.history li:nth-child(even) .hbx:after,
	ul.history li:nth-child(odd) .hbx:before,
	ul.history li:nth-child(odd) .hbx:after		{left:-3px; right:initial;}
	ul.history li .year_num {top:70px; transform:none; font-size:20px;}
	ul.history li:nth-child(even) .year_num,
	ul.history li:nth-child(odd) .year_num {left:105px;}
	ul.history li:nth-child(even) .hbx img,
	ul.history li:nth-child(odd) .hbx img		{float:none;}
	ul.history li:nth-child(even) .con,
	ul.history li:nth-child(odd) .con		{padding:0 0 0 35px;}
	ul.history li .hbx {width:100%;}
	ul.history li .hbx:before,
	ul.history li .hbx:after {transform:none;}
	ul.history li .hbx:before {top:50px;}
	ul.history li .hbx:after {top:52px; transform:none;}
	ul.history li .hbx:hover:before {transform: none;}
	ul.history li .hbx .con.ok {width:calc(100% - 100px);}
	ul.history li .hbx img {width:100px;}
	ul.history li .hbx h3 {font-size:18px; padding:0px 0 10px 0;}
	ul.history li .hbx p {font-size:12px;}
	ul.history li .hbx who {disp lay:none;}
	ul.history li .hbx .h_wrp a {display:none;}
}

@media screen and (max-width: 650px){
	ul.history {padding:80px 0 30px 0; max-width:calc(var(--default_wd) - 20px);}
	ul.history:after {left:10px;}
	ul.history li {padding:20px 0 20px 10px;}
	ul.history li:nth-child(even) .hbx,
	ul.history li:nth-child(odd) .hbx		{padding:0 0 0 25px;}
	ul.history li .year_num {top:24px; font-size:15px;}
	ul.history li:nth-child(even) .year_num,
	ul.history li:nth-child(odd) .year_num {left:135px;}
	ul.history li:nth-child(even) .con,
	ul.history li:nth-child(odd) .con		{padding:25px 0 0 20px;}
	ul.history li .hbx .con.ok {width:calc(100% - 80px);}
	ul.history li .hbx img {width:80px;}
	ul.history li .hbx h3 {font-size:16px; padding:0px 0 10px 0;}
	ul.history li .hbx h4 {font-size:13px; padding:0px 0 7px 0; margin-top:-6px;}
	ul.history li .hbx date {font-size:11px;  padding:0px 0 5px 0; width:auto;}
	ul.history li .hbx leader {font-size:11px;}
	ul.history li .hbx who span {font-size:11px;margin:5px 5px 0 0;}
}

/* 모집요강 */
ul.board_date_area {position:relative; font-size:0; }
ul.board_date_area li {display:inline-block; vertical-align:top; width:calc(33.3333% - 10px); margin:5px 15px 10px 0; position:relative; background:#fafafa; border:1px solid #e9e9e9; border-radius:15px; transition: all .3s; overflow:hidden;}
ul.board_date_area li:hover {border-color:#ddd; }
ul.board_date_area li:nth-child(3n) {margin-right: 0;}
ul.board_date_area li > i {position: absolute; top:15px; right:15px; font-size:25px; display:none;}
ul.board_date_area li.now > i {display:inline-block !important; color:#000;}
ul.board_date_area li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size:0;}
ul.board_date_area li .num {position:absolute; top:15px; right:15px; font-family: 'GmSansB'; font-size:70px; line-height:100%; color:rgba(0,0,0,0.02); display:none;}
ul.board_date_area li h2 {display:inline-block; width:100%; padding:25px 25px 20px 25px; font-weight:700; font-size:17px; letter-spacing:-0.05em; color:#999; line-height:110%; text-align:left; transition: all .3s;}
ul.board_date_area li h2 span {color: #222; display: inline-block; width: 100%; font-size: 13px; padding:0 0 3px 0;}
ul.board_date_area li h2 i {font-size: 15px; color: red;}
ul.board_date_area li .sta_now {display:inline-block; width:100%; font-size:0; background:#fff; border-top:1px solid #eee; overflow:hidden; transition: all .3s;}
ul.board_date_area li .sta_now .stn  {display:inline-block; vertical-align:top; width:100%; font-size:0; border-bottom:1px solid #eee;}
ul.board_date_area li .sta_now .stn.rcv  {border:0;}
ul.board_date_area li .sta_now .stn h3  {display:inline-block; vertical-align:middle; width:80px; font-weight:normal; font-size:13px; letter-spacing:-0.05em; color:#999; line-height:110%; text-align:center; transition: all .3s;}
ul.board_date_area li .sta_now .stn .dr_wrap  {display:inline-block;  vertical-align:middle;width:150px; border:1px solid #eee; border-width:0 1px;}
ul.board_date_area li .sta_now .stn .dr_wrap .date_area {display:inline-block; width:100%; font-size:12px; border-top:1px solid #eee; ; color:#777;}
ul.board_date_area li .sta_now .stn .dr_wrap .date_area:first-child {border:0;}
ul.board_date_area li .sta_now .stn .dr_wrap .date_area:before {content:attr(data-text); font-size:12px; color:#999; display:inline-block; padding:5px 10px; margin-right:5px; border-right:1px solid #eee;font-family:;}
ul.board_date_area li .sta_now .stn .dr_wrap .date_area em {display:inline-block; font-size:11px; margin-left:5px;font-style:normal; opacity:0.7;font-family:;}
ul.board_date_area li .sta_now .stn .sta  {display:inline-block; vertical-align:middle; width:calc(100% - 230px); text-align: center; font-weight:700; font-size:15px; letter-spacing:-0.05em;}
ul.board_date_area li .sta_now .stn .sta.ready {color:orange;}
ul.board_date_area li .sta_now .stn .sta.ing {color:green;}
ul.board_date_area li .sta_now .stn .sta.pass {color:#999;}
ul.board_date_area li .rest {display:inline-block; width:100%; font-size:0; padding:10px 5px 0 5px; display:none;}
ul.board_date_area li .rest > div {display:inline-block; font-size:11px; color:#999; ;}
ul.board_date_area li .rest > div:before {content:attr(data-text); font-size:12px; color:#ddd; display:inline-block; margin-right:5px; }
ul.board_date_area li .rest > .date {width:calc(100% - 60px);}
ul.board_date_area li .rest > .hit {width:60px; text-align:right;}
ul.board_date_area li.now {background:#f4ffed;border-color:#cae8b5;}
ul.board_date_area li.now:hover {border-color:#c3d6b5; }
ul.board_date_area li.now h2 {color:#000;}
ul.board_date_area li.now .sta_now {background:rgba(255,255,255,0.6); border-color: #cae8b5}
ul.board_date_area li.now .sta_now .stn h3  {color:#333;}
ul.board_date_area li.now .sta_now .stn .dr_wrap .date_area {color:#333;}
ul.board_date_area li.now .rest > div {color:#333;}
ul.board_date_area li.now .rest > div:before {color:#999;}
ul.board_date_area li:hover h2 {color:#000;}
ul.board_date_area li:hover .sta_now {/*background:rgba(255,255,255,1);*/}
ul.board_date_area li:hover .sta_now .stn .dr_wrap .date_area {color:#333;}
ul.board_date_area li.now:hover {background:#e4ffd3;}

@media screen and (max-width: 1160px){
	ul.board_date_area li {width:100%; margin:10px 0 0 0; border-radius:10px; }
	ul.board_date_area li:nth-child(3n) {margin-right: 0px;}
	ul.board_date_area li:first-child {margin: 0px;}
}

@media screen and (max-width: 650px){
	ul.board_date_area li .sta_now .stn h3  {width:70px;}
	ul.board_date_area li .sta_now .stn .dr_wrap  {width:140px;}
	ul.board_date_area li .sta_now .stn .sta  {width:calc(100% - 210px); }
}

/* 한지대전 수상작 */
ul.contest_photo {position:relative; font-size:0;}
ul.contest_photo > li {display:inline-block; vertical-align:top; width:calc(25% - 11.25px); margin:15px 15px 15px 0; position:relative;}

ul.contest_photo > li:nth-child(4n+1) {margin-right:15px}
ul.contest_photo > li:nth-child(4n+2) {margin-right:15px}
ul.contest_photo > li:nth-child(4n+3) {margin-right:15px}
ul.contest_photo > li:nth-child(4n+4) {margin-right:0;}
ul.contest_photo > li.none {width:100%; margin:0 !important; padding:80px 0; text-align:center; font-size:11px;}


ul.contest_photo > li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
ul.contest_photo > li .art_pic {position:relative; overflow:hidden; border-radius:15px; border:1px solid #eee;}
ul.contest_photo > li .art_pic:after {content:""; display:block; padding-top:100%;}
ul.contest_photo > li .art_pic > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: auto; transition: all .3s;}
ul.contest_photo > li .art_pic span {position: absolute; top: 15px; right: 15px; line-height:100%; z-index:1; font-size:12px; width:60px;}
ul.contest_photo > li .art_pic span img {width:100%;}
ul.contest_photo > li .art_pic span em {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) ; line-height:100%; font-size:12px; color:red; font-family:var(--neo); font-style:normal;}
ul.contest_photo > li .art_info {position:relative; padding:25px;}
ul.contest_photo > li .art_info  h2 {display:inline-block; width:100%; font-family:var(--neo); font-weight:700; font-size:17px; line-height:110%; letter-spacing:-0.05em; color:#333;}
ul.contest_photo > li .art_info  ul.ai_set {display:inline-block; width:100%; margin-top:10px;}
ul.contest_photo > li .art_info  ul.ai_set li {display:inline-block; width:100%; font-size:0; line-height:100%; margin-top:4px;}
ul.contest_photo > li .art_info  ul.ai_set li span {display:inline-block; line-height:100%; /*font-family:var(--neo);*/}
ul.contest_photo > li .art_info  ul.ai_set li .tt {width:38px; font-size:11px; border:1px solid #eee; border-radius:3px; text-align:center; padding:4px 0; color:#777;}
ul.contest_photo > li .art_info  ul.ai_set li .txt {width:calc(100% - 38px); font-size:12px; padding-left:10px; color:#333;}
ul.contest_photo > li.cate_1 .art_pic span {}
ul.contest_photo > li.cate_2 .art_pic span {}
ul.contest_photo > li.cate_3 .art_pic span {}
ul.contest_photo > li.cate_4 .art_pic span {}
ul.contest_photo > li.cate_5 .art_pic span {background:skyblue; display:none;}
ul.contest_photo > li.cate_6 .art_pic span {background:purple; display:none;}
ul.contest_photo > li.cate_7 .art_pic span {background:#999; display:none;}
ul.contest_photo > li.cate_1 .art_pic span {width:70px;}
ul.contest_photo > li.cate_1 .art_pic span em {color:#ff0000;font-size:15px; font-weight:800; top:calc(50% - 7px);}
ul.contest_photo > li.cate_2 .art_pic span em {color:#cf8b0a;}
ul.contest_photo > li.cate_3 .art_pic span em {color:#999;}
ul.contest_photo > li.cate_4 .art_pic span em {color:brown;}
ul.contest_photo > li:hover .art_pic > img {transform: translate(-50%, -50%) scale(1.05);}

@media screen and (max-width: 1160px){
	ul.contest_photo > li {width:calc(33.3333% - 10px); margin:15px 15px 15px 0;}
	ul.contest_photo > li:nth-child(3n+1) {margin-right:15px}
	ul.contest_photo > li:nth-child(3n+2) {margin-right:15px}
	ul.contest_photo > li:nth-child(3n+3) {margin-right:0;}
}

@media screen and (max-width: 800px){
	ul.contest_photo > li {width:calc(50% - 7.5px); }
	ul.contest_photo > li:nth-child(2n+1) {margin-right:15px}
	ul.contest_photo > li:nth-child(2n+2) {margin-right:0px}
}

@media screen and (max-width: 650px){
	/*
	ul.contest_photo > li {width:calc(50% - 5px); margin:0px 10px 0 0;}
	ul.contest_photo > li:nth-child(odd)	{}
	ul.contest_photo > li:nth-child(even)	{ margin:0;}
	*/
	ul.contest_photo > li {margin:0px 15px 10px 0;}
	ul.contest_photo > li .art_pic {border-radius:10px;}
	ul.contest_photo > li .art_pic span {top: 10px; right: 10px; width:50px;}
	ul.contest_photo > li .art_pic span em {font-size:11px;}
	ul.contest_photo > li .art_info {padding:20px 15px 30px 15px;}
	ul.contest_photo > li .art_info  h2 {font-size:15px;}
	ul.contest_photo > li .art_info  ul.ai_set li {margin-top:3px;}
	ul.contest_photo > li .art_info  ul.ai_set li .tt {width:33px; font-size:10px; padding:4px 0;}
	ul.contest_photo > li .art_info  ul.ai_set li .txt {width:calc(100% - 33px); font-size:12px;}
	ul.contest_photo > li.cate_1 .art_pic span {width:60px;}
	ul.contest_photo > li.cate_1 .art_pic span em {font-size:13px; top:calc(50% - 5px);}
}

/* 영상리스트 */
ul.stream_li_call					{display:inline-block; width:100%; font-size:0; text-align:left; }
ul.stream_li_call li					{display:inline-block;  vertical-align:top; width:calc(33.3333% - 13.3333px); margin:0 20px 20px 0; position:relative;}
ul.stream_li_call li:nth-child(3n+1) {margin-right:20px}
ul.stream_li_call li:nth-child(3n+2) {margin-right:20px}
ul.stream_li_call li:nth-child(3n+3) {margin-right:0;}
ul.stream_li_call li a				{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
ul.stream_li_call li .thum			{position:relative; border-radius:10px; overflow:hidden !important; transition:all .3s; background:#fafafa;}
ul.stream_li_call li .thum:after			{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.0); transition:all .3s;}
ul.stream_li_call li .thum p			{position:absolute; top:calc(50% + 7px); left:0; transform:translateY(-50%); width:100%; line-height:100%; font-family:var(--neo); font-weight:800; font-size:15px; color:#fff; text-align:center; letter-spacing:-0.05em;z-index:1; transition:all .3s; opacity:0;}
ul.stream_li_call li h2						{position:relative; font-size:14px; font-family:var(--neo); font-weight:500; color:#555; padding:15px 5px; letter-spacing:-0.05em;text-overflow: ellipsis; white-space: nowrap; overflow:hidden; text-align:center; transition:all .3s;}
ul.stream_li_call li:hover h2				{color:#000;}
ul.stream_li_call li:hover .thum:after			{background:rgba(0,0,0,0.3);}
ul.stream_li_call li:hover .thum p			{top:50%; opacity:1;}

@media screen and (max-width: 1160px){
	ul.stream_li_call li	{width:calc(50% - 10px); margin:0 20px 20px 0;}
	ul.stream_li_call li:nth-child(2n+1) {margin-right:20px}
	ul.stream_li_call li:nth-child(2n+2) {margin-right:0;}
}

@media screen and (max-width: 650px){
	ul.stream_li_call li	{width:100%; margin:0 0 10px 0;}
	ul.stream_li_call li:nth-child(2n+1) {margin-right:0px}
	ul.stream_li_call li:nth-child(2n+2) {margin-right:0;}
	ul.stream_li_call li h2		{font-size:13px; padding:15px 5px;}
}

/* 자료실 / 리스트 */
ul.data_bbs_box {position:relative; font-size:0;}
ul.data_bbs_box > li {display:inline-block; vertical-align:top; width:100%; margin:10px 0 0 0; padding:35px; background:#fafafa; border-radius:15px; border:1px solid #e9e9e9; overflow:hidden; position:relative;}
ul.data_bbs_box > li:first-child {margin:0; }
ul.data_bbs_box > li:nth-child(even) {background:#fff;}
ul.data_bbs_box > li:nth-child(odd) {background:#fff;}
ul.data_bbs_box > li .no	{position:absolute; top:0; left:0; width:100px; height:100%; background:#fafafa; }
ul.data_bbs_box > li .no .cnt_bx	{position:absolute; top:38px; left:50%; transform:translateX(-50%); width:100%; text-align:center;}
ul.data_bbs_box > li .no .cnt_bx span	{display:inline-block; width:100%; font-family:var(--neo); font-weight:900; font-size:15px;}
ul.data_bbs_box > li .no .cnt_bx em	{display:inline-block; font-style:normal; ; font-weight:normal; font-size:11px; margin-top:15px; min-width:25px; background:#fff; line-height:100%; padding:3px 10px; border-radius:30px; color:orange}
ul.data_bbs_box > li .basic	{display:inline-block; vertical-align:top; width:100%; padding:0 0 0 100px; position:relative;}
ul.data_bbs_box > li .basic h2	{display:inline-block; vertical-align:top; width:100%; position:relative;}
ul.data_bbs_box > li .basic h2 a	{display:inline-block;  font-size:16px; font-family:var(--neo); font-weight:800; color:#000; position:relative; line-height:130%;}
ul.data_bbs_box > li .basic ul.etc	{display:inline-block; vertical-align:top; width:100%; font-size:0; position:relative; margin-top:5px; display:none;}
ul.data_bbs_box > li .basic ul.etc li	{display:inline-block; vertical-align:top; width:100%; font-size:0; position:relative;}
ul.data_bbs_box > li .basic ul.etc li span	{display:inline-block; vertical-align:top; position:relative;}
ul.data_bbs_box > li .basic ul.etc li .ett	{width:50px; font-size:12px;  color:#999; display:none;}
ul.data_bbs_box > li .basic ul.etc li .econ	{width:calc(100% - 50px); font-size:11px;; color:#999; opacity:0.6;}

@media screen and (max-width: 650px){
	ul.data_bbs_box > li { padding:25px; border-radius:7px; margin:5px 0 0 0; }
	ul.data_bbs_box > li .no	{width:70px; }
	ul.data_bbs_box > li .no .cnt_bx	{top:26px; left:50%;}
	ul.data_bbs_box > li .no .cnt_bx span	{font-size:12px; font-weight:700;}
	ul.data_bbs_box > li .no .cnt_bx em	{font-size:10px; margin-top:2px;}
	ul.data_bbs_box > li .basic	{padding:0 0 0 65px;}
	ul.data_bbs_box > li .basic h2 a	{font-size:13px; }
}


/************************************/


/* 한지대전 리스트 */
ul.board_date_area_stk {display:inline-block; vertical-align:top; width:700px; position:relative; padding:0 0 0 70px; }
ul.board_date_area_stk li {display:inline-block; vertical-align:top; width:100%; margin:10px 0 0 0; position:relative; transition: all .3s; overflow:hidden; font-size:0; text-align:left;border:1px solid #ddd; background:#fafafa; border-radius:15px; }
ul.board_date_area_stk li:first-child {margin:0;}
ul.board_date_area_stk li:hover {border-color:#ddd; }
ul.board_date_area_stk li > i {position: absolute; top:15px; right:15px; font-size:25px; display:none;}
ul.board_date_area_stk li.now > i {display:inline-block !important; color:red;}
ul.board_date_area_stk li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; font-size:0;}
ul.board_date_area_stk li .num {position:absolute; top:15px; right:15px; font-family: 'GmSansB'; font-size:70px; line-height:100%; color:rgba(0,0,0,0.02); display:none;}
ul.board_date_area_stk li .poster {position:absolute; top:0; right:0; width:170px; height:100%; overflow:hidden; background:#fafafa;}
ul.board_date_area_stk li .poster img {position:absolute; top:0; left:0;  width:100%; }
ul.board_date_area_stk li.list .poster img {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
ul.board_date_area_stk li.now .poster img {filter: none !important;}
ul.board_date_area_stk li:hover.list .poster img {filter: none !important;}
ul.board_date_area_stk li .detail_schedule {display:inline-block; vertical-align:top; width:calc(100% - 170px);  text-align:left; overflow:hid den; position:relative; border-right:1px solid #e9e9e9;}
ul.board_date_area_stk li .detail_schedule:before,
ul.board_date_area_stk li .detail_schedule:after {content:""; position:absolute; left:-10px; width:10px; border-top:1px solid #eee;}
ul.board_date_area_stk li .detail_schedule:before {top:35px;}
ul.board_date_area_stk li .detail_schedule:after {bottom:35px;}
ul.board_date_area_stk li h2 {display:inline-block; width:100%; padding:25px 25px 20px 25px; font-weight:700; font-size:17px; letter-spacing:-0.05em; color:#999; line-height:110%; text-align:left; transition: all .3s; font-family:var(--neo);}
ul.board_date_area_stk li h2 span {color: #222; display: inline-block; width: 100%; font-size: 13px; padding:0 0 3px 0;}
ul.board_date_area_stk li h2 i {font-size: 15px; color: red;}
ul.board_date_area_stk li .sta_now {display:inline-block; width:100%; font-size:0; background:#fff; border-top:1px solid #eee; overflow:hidden; transition: all .3s;}
ul.board_date_area_stk li .sta_now .stn  {display:inline-block; vertical-align:top; width:100%; font-size:0; border-bottom:1px solid #eee;}
ul.board_date_area_stk li .sta_now .stn.rcv  {border:0;}
ul.board_date_area_stk li .sta_now .stn h3  {display:inline-block; vertical-align:middle; width:110px; font-weight:normal; font-size:13px; letter-spacing:-0.05em; color:#999; line-height:110%; text-align:center; transition: all .3s;}
ul.board_date_area_stk li .sta_now .stn .dr_wrap  {display:inline-block;  vertical-align:middle;width:250px; border:1px solid #eee; border-width:0 1px;}
ul.board_date_area_stk li .sta_now .stn .dr_wrap .date_area {display:inline-block; width:100%; font-size:12px; border-top:1px solid #eee; ; color:#777;}
ul.board_date_area_stk li .sta_now .stn .dr_wrap .date_area:first-child {border:0;}
ul.board_date_area_stk li .sta_now .stn .dr_wrap .date_area:before {content:attr(data-text); font-size:12px; color:#999; display:inline-block; padding:8px 20px; margin-right:15px; border-right:1px solid #eee;}
ul.board_date_area_stk li .sta_now .stn .dr_wrap .date_area em {display:inline-block; font-size:11px; margin-left:5px;font-style:normal; opacity:0.7;font-family:;}
ul.board_date_area_stk li .sta_now .stn .sta  {display:inline-block; vertical-align:middle; width:calc(100% - 360px); text-align: center; font-weight:700; font-size:15px; letter-spacing:-0.05em; font-family:var(--neo);}
ul.board_date_area_stk li .sta_now .stn .sta.ready {color:orange;}
ul.board_date_area_stk li .sta_now .stn .sta.ing {color:green;}
ul.board_date_area_stk li .sta_now .stn .sta.pass {color:#999;}
ul.board_date_area_stk li .rest {display:inline-block; width:100%; font-size:0; padding:10px 5px 0 5px; display:none;}
ul.board_date_area_stk li .rest > div {display:inline-block; font-size:11px; color:#999; ;}
ul.board_date_area_stk li .rest > div:before {content:attr(data-text); font-size:12px; color:#ddd; display:inline-block; margin-right:5px; }
ul.board_date_area_stk li .rest > .date {width:calc(100% - 60px);}
ul.board_date_area_stk li .rest > .hit {width:60px; text-align:right;}
ul.board_date_area_stk li.now {background:#f4ffed;border-color:#cae8b5;}
ul.board_date_area_stk li.now:hover {border-color:#c3d6b5; }
ul.board_date_area_stk li.now h2 {color:#000;}
ul.board_date_area_stk li.now .sta_now {background:rgba(255,255,255,0.6); border-color: #cae8b5}
ul.board_date_area_stk li.now .sta_now .stn h3  {color:#333;}
ul.board_date_area_stk li.now .sta_now .stn .dr_wrap .date_area {color:#333;}
ul.board_date_area_stk li.now .rest > div {color:#333;}
ul.board_date_area_stk li.now .rest > div:before {color:#999;}
ul.board_date_area_stk li:hover h2 {color:#000;}
ul.board_date_area_stk li:hover .sta_now {/*background:rgba(255,255,255,1);*/}
ul.board_date_area_stk li:hover .sta_now .stn .dr_wrap .date_area {color:#333;}
ul.board_date_area_stk li.now:hover {background:#e4ffd3;}

@media screen and (max-width: 1315px){
	ul.board_date_area_stk {width:600px; padding:0 0 0 50px;}
	ul.board_date_area_stk li {margin:10px 0 0 0; border-radius:10px; }
	ul.board_date_area_stk li .sta_now .stn h3  {width:70px; }
	ul.board_date_area_stk li .sta_now .stn .dr_wrap  {width:160px;}
	ul.board_date_area_stk li .sta_now .stn .dr_wrap .date_area:before {padding:8px 10px; }
	ul.board_date_area_stk li .sta_now .stn .sta  {width:calc(100% - 230px);}

}

@media screen and (max-width: 1160px){
	ul.board_date_area_stk {width:calc(100% - 300px); padding:0px 0 0 30px;}
	ul.board_date_area_stk li {margin:10px 0 0 0; border-radius:10px; }
}

@media screen and (max-width: 850px){
	ul.board_date_area_stk {width:100%; padding:25px 0 0 0px;}
	ul.board_date_area_stk li {margin:10px 0 0 0; border-radius:10px; }
}

@media screen and (max-width: 650px){
	ul.board_date_area_stk {padding:10px 0 0 0px;}
	ul.board_date_area_stk li .sta_now .stn h3  {width:70px;}
	ul.board_date_area_stk li .sta_now .stn .dr_wrap  {width:140px;}
	ul.board_date_area_stk li .sta_now .stn .dr_wrap .date_area:before {padding:5px 5px; margin-right:5px;}
	ul.board_date_area_stk li .sta_now .stn .sta  {width:calc(100% - 210px); }
}

/* 포토게시판 */
ul.dancing_photo {position: relative; font-size: 0; }
ul.dancing_photo li {display: inline-block; vertical-align: top; width:calc(25% - 30px); margin:15;  position: relative; }
ul.dancing_photo li .art_pic {position: relative; border-radius: 10px; overflow: hidden;}
ul.dancing_photo.mov li .art_pic {border-radius:7px;}
ul.dancing_photo li .art_pic a {display: block;}
ul.dancing_photo li .art_pic a img {width: 100%; transform: scale(1); transition: all .3s; }
ul.dancing_photo li:hover .art_pic a img {transform: scale(1.1); }

ul.dancing_photo li .art_info {position: relative;}
ul.dancing_photo li .art_info h2 {position: relative;padding: 15px;}
ul.dancing_photo li .art_info h2 a {display: block; font-size: 15px; font-weight: 600; font-family: var(--neo);color:#333; transition: all .3s;}
ul.dancing_photo li:hover .art_info h2 a {color:#000; }
ul.dancing_photo li .art_info span {display:inline-block; width:100%; font-size: 12px; font-weight: 500; font-family: var(--neo);color:#3c007b; padding:0  0 5px 0; line-height:100%;}

@media screen and (max-width: 1160px){
	ul.dancing_photo li {width:calc(33.3333% - 10px); margin:5px; }
}

@media screen and (max-width: 900px){
	ul.dancing_photo li {width:calc(50% - 10px); margin:5px;}

}

@media screen and (max-width: 650px){
	ul.dancing_photo li .art_info h2 {padding: 10px;}
	ul.dancing_photo li .art_info h2 a {font-size: 12px;}
	ul.dancing_photo li .art_info span {font-size: 10px;padding:0  0 3px 0;}
}


/* 포토게시판 */
ul.guest_photo {position: relative; font-size: 0; }
ul.guest_photo li {display: inline-block; vertical-align: top; width:calc(33.3333% - 16px); margin:5px 24px 10px 0;  position: relative; }
ul.guest_photo li:nth-child(3n) {margin-right: 0;}
ul.guest_photo li .art_pic {position: relative; border-radius: 10px; overflow: hidden;}
ul.guest_photo li .art_pic a {display: block;}
ul.guest_photo li .art_pic a img {width: 100%; transform: scale(1); transition: all .3s; }
ul.guest_photo li:hover .art_pic a img {transform: scale(1.1); }

ul.guest_photo li .art_info {position: relative;}
ul.guest_photo li .art_info h2 {position: relative;padding: 15px;}
ul.guest_photo li .art_info h2 a {display: block; font-size: 15px; font-weight: 600; font-family: var(--neo);color:#333; transition: all .3s;}
ul.guest_photo li:hover .art_info h2 a {color:#000; }
ul.guest_photo li .art_info span {display:inline-block; width:100%; font-size: 12px; font-weight: 500; font-family: var(--neo);color:#3c007b; padding:0  0 5px 0; line-height:100%;}

@media screen and (max-width: 900px){
	ul.guest_photo li {width:calc(50% - 10px); margin:0px 20px 5px 0;}
	ul.guest_photo li:nth-child(odd) {margin-right: 20px !important;}
	ul.guest_photo li:nth-child(even) {margin-right: 0 !important;}

}

@media screen and (max-width: 650px){
	ul.guest_photo li .art_info h2 {padding: 10px;}
	ul.guest_photo li .art_info h2 a {font-size: 12px;}
	ul.guest_photo li .art_info span {font-size: 10px;padding:0  0 3px 0;}
}

/**/
ul.place_list {position: relative;margin-top:10px;font-size: 0;}
ul.place_list > li {margin:0px 0 0 0; position: relative; font-size: 0; display: inline-block; vertical-align: top; padding:0px; margin-top:30px; border: 0px solid #eee;  width:calc(33.3333% - 20px); }
ul.place_list > li:nth-child(3n+2) {margin:30px 30px 0 30px;}
ul.place_list > li:nth-child(1),
ul.place_list > li:nth-child(2),
ul.place_list > li:nth-child(3) {margin-top:0;}

/*
ul.place_list > li {position: relative; font-size: 0; display: inline-block; vertical-align: top; width: 100%; padding:0px; margin-top:20px; border: 0px solid #eee; }
ul.place_list > li:first-child {margin-top:0;}
*/
ul.place_list > li .photo {position: absolute; top: 0; right: 0; width: 30px; height: 30px; overflow:hidden; border-radius:100%; background:#f4f4f4;}
ul.place_list > li .photo > i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px; color:#ddd;}
ul.place_list > li .photo img {width:100%;}
ul.place_list > li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
ul.place_list > li .map_set,
ul.place_list > li .info {display: inline-block; vertical-align: top; position: relative;  }

ul.place_list > li .map_set {width: 100%; overflow:hidden; }
ul.place_list > li .map_set:after {content:""; display:block; padding-top:70%;}
ul.place_list > li .map_set img {width:100%; border-radius:7px;}
ul.place_list > li .info {width: 100%;padding:20px 15px 0px 15px;}
/*
ul.place_list > li .map_set {width: 250px; overflow:hidden; }
ul.place_list > li .map_set:after {content:""; display:block; padding-top:70%;}
ul.place_list > li .map_set img {width:100%; border-radius:7px;}
ul.place_list > li .info {width: calc(100% - 250px);padding:0 0 0px 30px;}
*/

ul.place_list > li .map_set .kakao_api {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:10px;}
ul.place_list > li .info .i_hdbx {position: relative; padding:0 0 0 0;}
ul.place_list > li .info .i_hdbx h2,
ul.place_list > li .info .i_hdbx h2 a {position: relative; font-size: 17px; font-weight:700; color:#000; line-height:110%;padding:0 0 15px 3px;white-space: nowrap; overflow:hidden;}
ul.place_list > li .info .i_hdbx h2 span {color:#2c6785; font-weight:800; display:inline-block; padding-right:5px;}
ul.place_list > li .info .i_hdbx h2 i.xi-lock {color:red;}
ul.place_list > li .info .i_hdbx p {font-size:11px; color:#333; font-weight:800; display:inline-block; padding:5px 0 0 0;}
ul.place_list > li .info > p {position: relative; font-size: 11px; margin-top:10px; padding:0px 0 0 0; color:#999;display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2;}
ul.place_list > li .info ul.rest {position: relative; dis play:none;}
ul.place_list > li .info ul.rest li {position: relative; font-size: 0; line-height:110%; margin-top:3px;}
ul.place_list > li .info ul.rest li span {display: inline-block; vertical-align: middle; position: relative; font-size: 11px; line-height:110%;}
ul.place_list > li .info ul.rest li .tt {width:30px; color:#777; font-weight:600; border:1px solid #eee; text-align:center; padding:2px 0; border-radius:3px;}

ul.place_list > li .info ul.rest li .con {width:calc(100% - 30px); padding-left:8px;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
ul.place_list > li .info ul.rest li .con.loc,
ul.place_list > li .info ul.rest li .con.date {; font-size: 11px; font-weight:normal; font-style:normal;}
ul.place_list > li .info ul.rest li .con em {font-style:normal; display:inline-block; vertical-align:middle; }
ul.place_list > li .info ul.rest li .con em:first-child {padding-right:5px;}
ul.place_list > li .info ul.rest li .con em:before {content:""; display:inline-block; border:1px solid #eee; border-radius:3px; background:#f5f3f3; width:25px; text-align:center;display:none;}
ul.place_list > li .info ul.rest li .con em:first-child:before {content:"Lat";}
ul.place_list > li .info ul.rest li .con em:last-child:before {content:"Lng";}

ul.place_list > li .info ul.pick_bx {position: absolute; top:15px; right:0;font-size: 0; white-space:nowrap; text-align:right; }
ul.place_list > li .info ul.pick_bx li {display: inline-block; vertical-align: top; position: relative; margin-left:10px; line-height:100%; text-align:center;font-size: 0;}
ul.place_list > li .info ul.pick_bx li em,
ul.place_list > li .info ul.pick_bx li i,
ul.place_list > li .info ul.pick_bx li span {display: inline-block; vertical-align: middle;  position: relative; line-height:100%; font-style:normal;}
ul.place_list > li .info ul.pick_bx li em {font-size: 11px; ; font-weight:normal; vertical-align:bottom; padding-right:3px; color:#999;}
ul.place_list > li .info ul.pick_bx li i {font-size: 12px; padding-right:3px;}
ul.place_list > li .info ul.pick_bx li span {font-size: 10px;}


ul.place_list > li > ul.pick_bx {position: absolute; top:10px; right:10px;font-size: 0; white-space:nowrap; text-align:right; z-index:5;}
ul.place_list > li > ul.pick_bx li {display: inline-block; vertical-align: top; position: relative; margin-left:10px; line-height:100%; text-align:center;font-size: 0;}
ul.place_list > li > ul.pick_bx li em,
ul.place_list > li > ul.pick_bx li i,
ul.place_list > li > ul.pick_bx li span {display: inline-block; vertical-align: middle;  position: relative; line-height:100%; font-style:normal;}
ul.place_list > li > ul.pick_bx li em {font-size: 11px; ; font-weight:normal; vertical-align:bottom; padding-right:3px; color:#999;}
ul.place_list > li > ul.pick_bx li i {font-size: 12px; padding-right:3px;}
ul.place_list > li > ul.pick_bx li span {font-size: 10px;}

ul.place_list.my_list {margin-top:10px;}
ul.place_list.half {margin: 0;}
ul.place_list.half > li {width: 50%;}
ul.place_list.half > li:first-child {margin-top:20px;}
ul.place_list.half > li .map_set {width: 180px; vertical-align: middle;}
ul.place_list.half > li .info {width: calc(100% - 180px);padding:0 0 0px 30px; vertical-align: middle;}


@media screen and (max-width: 1280px){
ul.place_list > li {width:calc(50% - 10px); }

ul.place_list > li:nth-child(3n+2) {margin:initial;}
ul.place_list > li:nth-child(3) {margin-top:none;}



ul.place_list > li:nth-child(even)	{margin-left:10px;margin-top:30px; }
ul.place_list > li:nth-child(odd)	{margin-right:10px;margin-top:30px; }
ul.place_list > li:nth-child(1),
ul.place_list > li:nth-child(2) {margin-top:0;}
ul.place_list > li .info ul.pick_bx {top:-3px; }
ul.place_list > li .info ul.pick_bx li em {font-size: 9px;}
ul.place_list > li > ul.pick_bx {top:5px; right:0px;}
ul.place_list > li > ul.pick_bx li em {font-size: 9px;}
}


@media screen and (max-width: 650px){
ul.place_list,
ul.place_list.my_list {margin-top:0px;}

ul.place_list > li,
ul.place_list > li:first-child {margin:0px 0 0 0; width:100%; }
ul.place_list > li:nth-child(even)	{margin-left:0px;margin-top:12px; }
ul.place_list > li:nth-child(odd)	{margin-right:0px;margin-top:12px; }
ul.place_list > li .map_set {width: 140px; vertical-align:top;}
ul.place_list > li .map_set:after {padding-top:75%;}
ul.place_list > li .info {width: calc(100% - 140px);padding:3px 0 3px 15px; vertical-align:top;}

/*
ul.place_list > li,
ul.place_list > li:first-child {margin:0px 0 0 0; width:calc(50% - 5px); }
ul.place_list > li:nth-child(even)	{margin-left:5px;margin-top:10px; }
ul.place_list > li:nth-child(odd)	{margin-right:5px;margin-top:10px; }
ul.place_list > li a {z-index: 3; }
ul.place_list > li .map_set {width: 100%; vertical-align:middle;}
ul.place_list > li .map_set:after {padding-top:60%;}
ul.place_list > li .info {width: calc(100% - 0px);padding:15px 5px; vertical-align:middle;}
*/

ul.place_list > li a {z-index: 3; }
ul.place_list > li .map_set:before {content:""; position:absolute; top:0; left:0; width: 100%; height:100%; z-index:2;}
ul.place_list > li .map_set .kakao_api {border-radius:7px;}

ul.place_list > li .photo {width: 25px; height: 25px;}
ul.place_list > li .info .i_hdbx h2,
ul.place_list > li .info .i_hdbx h2 a {font-size: 14px; padding:0 0 5px 0px;}
ul.place_list > li .info > p {line-height:140%; margin-top:5px;  font-size:9px; di splay:none;}
ul.place_list > li .info ul.rest li {margin-top:2px;}
ul.place_list > li .info ul.rest li.where {margin:0px 0 7px 0;}
ul.place_list > li .info ul.rest li span {font-size: 10px;}
ul.place_list > li .info ul.rest li .tt {width:25px;  padding:2px 0; font-size:9px; border:0; background:#fafafa; display:none;}

ul.place_list > li .info ul.rest li .con {width:calc(100% - 0px); padding-left:0px; white-space:normal;}
ul.place_list > li .info ul.rest li .con.loc {font-size: 9px; opacity:0.6;}
ul.place_list > li .info ul.rest li .con.date {font-size: 9px; opacity:0.6;}

ul.place_list > li .info ul.rest li .con em {display:inline-block !important; width:100%; margin-bottom:1px;}
ul.place_list > li .info ul.rest li .con em:first-child {padding-right:0;}
ul.place_list > li .info ul.rest li .con em:before {display:inline-block; vertical-align:middle; width:15px; margin-right:3px; font-size:7px;}

ul.place_list > li .info ul.pick_bx {padding:10px 0 0 2px;}
ul.place_list > li .info ul.pick_bx li i {font-size: 10px; padding-right:3px;}
ul.place_list > li .info ul.pick_bx li span {font-size: 8px;}

}