@charset "utf-8";

/* pop */
#pop{position:fixed; width:100%; height:100%; min-height:1020px; background:rgba(0,0,0,.8); z-index:999}
#pop .pop_wrap{position:relative; top:100px; right:50px; margin:auto;  max-width:770px}
#pop .pop_wrap:After{display:block; content:''; clear:both}
#pop .pop_wrap p.img01,
#pop .pop_wrap p.img02{overflow:hidden; line-height:0px; border-radius:15px}
#pop .pop_wrap p.img01{position:absolute; top:70px; box-shadow:1px 3px 5px rgba(0,0,0,.2); z-index:1; }
#pop .pop_wrap p.img02{float:right; position:relative; text-align:right}
#pop .pop_wrap p.img02 span{position:absolute; left:50%; transform:translateX(-50%); top:calc(50% - 35px); -webkit-animation:ing 3s linear 0s infinite; animation:ing 3s linear 0s infinite}
@keyframes ing{
			 0%{top:calc(50% - 35px);}
			 25%{top:calc(50% - 70px);}
			 75%{top:calc(50%);}
			 100%{top:calc(50% - 35px);}
			}
/* #pop .pop_wrap p.today{position:relative; top:-50px; text-align:right; padding-right:62%; clear:both; color:#fff} */
#pop .pop_wrap p.today{position:absolute; right:-190px; top:10px}
#pop .pop_wrap p.today input[type=checkbox]{position:relative; top:-1px; width:17px; height:17px; margin-right:10px}
#pop .pop_wrap p.today label{color:#fff} 
#pop .pop_wrap p.pop_close{position:absolute; right:-100px; top:60px}
#pop .pop_wrap p.pop_close a{display:inline-block; position:relative; padding-left:40px; color:#fff; font-size:1.25em}
#pop .pop_wrap p.pop_close a:before,
#pop .pop_wrap p.pop_close a:after{display:block; content:''; position:absolute; top:0px; left:15px; width:2px; height:30px; background:#fff; transform:rotate(45deg)}
#pop .pop_wrap p.pop_close a:after{transform:rotate(-45deg)}

/* 비주얼 */
.visual{position:relative; margin:auto; z-index:0}
.visual .name{position:relative; background-position:left top; z-index:2}
.visual .name .wrapper{position:relative; padding:9% 0% 10%}
.visual .name p{font-size:8.25rem; font-size:6.88vw; line-height:1.21}
.visual .name p:nth-child(1){font-weight:900; color:rgba(255,255,255,.15)}
.visual .name p:nth-child(2){font-weight:500; color:rgba(255,255,255,.5)}
.visual .name p:nth-child(3){font-weight:200; color:rgba(255,255,255,.85)}
.visual .name p span{display:inline-block; animation:name 1s ease backwards; transform:scale(1); -webkit-transform:scale(1)}
.visual .name p:nth-child(1) span:nth-child(2){animation-delay	:.10s}
.visual .name p:nth-child(1) span:nth-child(3){animation-delay	:.20s}
.visual .name p:nth-child(1) span:nth-child(4){animation-delay	:.30s}
.visual .name p:nth-child(1) span:nth-child(5){animation-delay	:.40s}
.visual .name p:nth-child(2) span:nth-child(1){animation-delay	:.30s}
.visual .name p:nth-child(2) span:nth-child(2){animation-delay	:.40s}
.visual .name p:nth-child(3) span:nth-child(1){animation-delay	:.50s}
.visual .name p:nth-child(3) span:nth-child(2){animation-delay	:.60s}
.visual .name p:nth-child(3) span:nth-child(3){animation-delay	:.70s}
.visual .name p:nth-child(3) span:nth-child(4){animation-delay	:.80s}
.visual .name p:nth-child(3) span:nth-child(5){animation-delay	:.90s}
@keyframes name{
	 from{opacity:0; transform:scale(.4)}
	 to{opacity:1; transform:scale(1)}
}

.visual .search{position:absolute; left:0px; top:-60px; right:0px; bottom:0px; margin:auto; padding-right:60px; width:40%; max-width:627px; height:63px; background:#fff; border-radius:100px; z-index:2}
.visual .search input[type=text]{text-align:center; padding:0px 40px; width:98%; height:100%; font-size:1.25em; border:0px; background:transparent; border-radius:100px 0px 0px 100px; -webkit-appearance:none}
.visual .search>p{position:absolute; right:-5px; top:0px; width:76px; height:100%; background:#7a22f5; border-radius:0px 100px 100px 0px}
.visual .search>p:before,
.visual .search>p:after{display:block; content:''; position:absolute; height:12px; background:#7a22f5; border-radius:10px}
.visual .search>p:before{left:-11px; top:17%; width:20px; box-shadow:0px 30px 0px #7a22f5;  }
.visual .search>p:after{right:-20px; top:50%; margin-top:-6px; width:40px;}
.visual .search>p [type=submit]{position:relative; width:100%; height:100.1%; background:url(/open_content/CCS/img/main/ic_search.png) no-repeat left 45% center/38px ; border:none; text-indent:-5000px; z-index:2}
.visual a.scroll_down{opacity:0; position:absolute; bottom:60px; left:50%; margin-left:-20px; width:40px; height:60px; background:url(/open_content/CCS/img/main/ic_scroll.png) no-repeat center top; text-indent:-5000px; z-index:2; 
-webkit-animation:down 2s linear 1s infinite; animation:down 2s linear 1s infinite}
@keyframes down{
	 0%{opacity:0; bottom:60px}
	 20%{opacity:1; bottom:60px}
	 80%{opacity:1; bottom:30px}
	 90%{opacity:0; bottom:30px}
	 100%{opacity:0; bottom:60px}
	}
.visual .img{overflow:hidden}
.visual .img:after,
.visual .img:before,
.visual .img>p:after,
.visual .img>p:before{display:block; content:''; position:absolute; top:0px; width:50%; height:100%}
.visual .img:before,
.visual .img>p.img01:before,
.visual .img>p.img02:before{left:0px}
.visual .img:after,
.visual .img>p.img01:after,
.visual .img>p.img02:after{right:0px}
.visual .img:after,
.visual .img:before{z-index:1}
.visual .img:after{background:url(/open_content/CCS/img/main/visual_ptrn01.png) repeat left top, url(/open_content/CCS/img/main/visual_ptrn02.png) repeat left top}
.visual .img:before{background:rgba(122,34,245,.95) url(/open_content/CCS/img/main/visual_ptrn03.png) repeat left top} 
.visual .img>p{position:absolute; left:0px; top:0px; width:100%; height:100%; text-indent:-50000px}
.visual .img>p:after,
.visual .img>p:before{background-repeat:no-repeat; background-position:center center}
.visual .img>p.img01:after,
.visual .img>p.img01:before{background-image:url(/open_content/CCS/img/main/visual01.jpg)}
.visual .img>p.img02:after,
.visual .img>p.img02:before{background-image:url(/open_content/CCS/img/main/visual02.jpg)} 
.visual .img>p.img01:After,
.visual .img>p.img01:before{animation:rolliing 10s ease infinite	}
.visual .img>p.img02:After,
.visual .img>p.img02:before{animation:rolliing_rev 10s ease  infinite }
	@keyframes rolliing{
	 0%{opacity:0;  background-size:150% 150%}
	 20%{opacity:1;  background-size:100% 100%}
	 50%{opacity:1;  background-size:100% 100%}
	 70%{opacity:0;  background-size:150% 150%}
	 100%{opacity:0;  background-size:150% 150%}
	}
	@keyframes rolliing_rev{
	 0%{opacity:1;  background-size:100% 100%}
	 20%{opacity:0;  background-size:150% 150%}
	 50%{opacity:0;  background-size:150% 150%}
	 70%{opacity:1;  background-size:100% 100%}
	 100%{opacity:1;  background-size:100% 100%}
	}
.outlink{text-align:center; margin-top:15px}
.outlink>li{display:inline; margin-left:5px}
.outlink>li>a{color:#fff}
/* 충전소찾기 */
.charge{position:relative; margin:auto; padding-top:60px; background:#f5f5f5}
.charge .choose{position:relative; text-align:center; margin:auto; width:90%; max-width:740px; z-index:1}
.charge .choose.mgL{left:5%}
.charge .choose>li{display:inline-block; position:relative; width:30%; max-width:200px; margin:0px 1.5%; background:url(/open_content/CCS/img/main/ic_option.png) no-repeat left top/40px; border-bottom:2px solid #333}
.charge .choose>li:nth-child(1){background-position:-6px -0px}
.charge .choose>li:nth-child(2){background-position:-6px -40px}
.charge .choose>li:nth-child(3){background-position:-6px -80px}
.charge .choose>li:After{display:block; content:''; position:absolute; top:14px; right:4px; width:1px; height:0px; border:7px solid transparent; border-top-color:#333; border-top-width:12px}
.charge .choose>li select{padding:7px 30px 7px 35px; width:100%; font-size:1.2em; border:0px; background:transparent; -moz-appearance:none; -webkit-appearance:none; appearance:none}
.charge .choose>li select::-ms-expand{display:none}
.charge .choose>li.select{background-image:url(/open_content/CCS/img/main/ic_option_on.png); border-color:#ff6195}
.charge .choose>li.select:After{border-top-color:#ff6195}
.charge .choose>li.select select:focus{color:#e7335d; font-weight:500}
.charge .choose>li.select select{color:#e7335d; font-weight:500}
.charge .tab{position:absolute; right:3.5%; top:40px; padding-top:30px; overflow:hidden; z-index:1}
.charge .tab li{float:left}
.charge .tab li a{display:block; width:61px; height:36px; border:1px solid #d4d4d4; background:url(/open_content/CCS/img/main/ic_tab.png) no-repeat center -3px/40px}
.charge .tab li:first-child a{border-radius:5px 0px 0px 5px}
.charge .tab li:last-child a{border-radius:0px 5px 5px 0px; background-position:center -43px}
.charge .tab li+li a{border-left:0px}
.charge .tab li a span{display:block; position:absolute; top:0px; text-align:center; padding:1px 10px; background:#e9e9e9; font-size:.8em; border-radius:2px; font-weight:500}
.charge .tab li:first-child a span{left:0px; background:#ddd}
.charge .tab li:last-child a span{right:0px}
.charge .tab li a span:After{display:block; content:''; position:absolute; left:60%; bottom:-10px; width:0px; height:0px; border:4px solid transparent; border-top:8px solid #e9e9e9}
.charge .tab li:first-child  a span:After{left:35%; border-top:8px solid #ddd}
.charge .tab li.select a{border-color:#7a22f5; background-color:#7a22f5; background-image:url(/open_content/CCS/img/main/ic_tab_on.png)}
.charge .tab li.select a span{display:none}
.tabcon{display:none}
.tabcon.select{display:block}
p.charge_top{display:none; text-align:center; margin-top:20px}
p.charge_top a{display:inline-block; width:40px; height:40px; background:rgba(0,0,0,.16) url(/open_content/CCS/img/main/charge_top.png) no-repeat center center; text-indent:-5000000px; border-radius:100px}
.view_list p.charge_top a{background-color:rgba(255,255,255,.5)}
.view_map{overflow:hidden; padding:0px 3.5% 80px 430px}
.view_map:before{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:275px; background:#fff}
.view_map:after{display:block; content:''; clear:both}
.view_map>.result_list{position:absolute; width:430px; left:0px}
.view_map>.result_list>p.img{width:100%; text-align:center}
.view_map>.result_list div.search_word{position:relative; margin-top:75px; width:100%; background:#a1b0c9; }
.view_map>.result_list div.search_word>input[type=text]{padding:0px 20px 0px 43px; width:100%; height:64px; line-height:64px; font-size:1.2em; color:#fff; text-shadow:0px 0px 3px rgba(0,0,0,.3);  background:transparent; border:0px}
.view_map>.result_list div.search_word>input::placeholder{color:#fff}
.view_map>.result_list div.search_word p.btn_find{position:absolute; right:0px; top:0px}
.view_map>.result_list div.search_word p.btn_find:before,
.view_map>.result_list div.search_word p.btn_find:after{display:block; content:''; position:absolute; top:15px; right:30px; z-index:1}
.view_map>.result_list div.search_word p.btn_find:before{width:25px; height:25px; border:3px solid #fff; border-radius:50px}
.view_map>.result_list div.search_word p.btn_find:after{margin-right:-10px; margin-top:22px; width:15px; height:3px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.view_map>.result_list div.search_word p.btn_find input[type=submit]{position:relative; width:60px; height:64px; background:none; border:none; text-indent:-5000px; cursor:pointer; z-index:2}
.view_map>.result_list div.list{margin-top:10px; width:102.5%; height:568px; overflow-y:scroll; overflow-x:auto}
.view_map>.result_list div.list:after,
.view_map>.result_list div.list:before{display:block; content:''; position:absolute; right:-20px; width:30px; height:30px; background:#f5f5f5}
.view_map>.result_list div.list:after{bottom:0px}
.view_map>.result_list div.list>ul>li{padding:0px 9%}
.view_map>.result_list div.list>ul>li>a{display:block; padding:19px 5px; border-bottom:1px dashed  #ababab}
.view_map>.result_list div.list>ul>li:last-child a{padding-bottom:25px; border-bottom-style:solid}
.view_map>.result_list div.list>ul>li>a span{display:block}
.view_map>.result_list div.list>ul>li>a span.name{margin-bottom:5px; font-size:1.125em}
.view_map>.result_list div.list>ul>li>a:hover span.name{font-weight:600}
.view_map>.result_list div.list>ul>li>a:hover span.address{text-decoration:underline}
.view_map>.result_list div.list>ul>li div.con{display:none; position:absolute; margin-left:88%;  width:390px; z-index:3; border-radius:8px; background:#ff6195; box-shadow:1px 1px 4px rgba(0,0,0,.2)}
.view_map>.result_list div.list>ul>li div.con:after{display:block; content:''; position:absolute; top:105px; left:-12px; width:12px; height:21px; background:url(/open_content/CCS/img/main/charge_arr.png) no-repeat center center;}
.view_map>.result_list div.list>ul>li div.con a{display:block; padding:10%; color:#fff}
.view_map>.result_list div.list>ul>li div.con a:hover{text-decoration:underline}
.view_map>.result_list div.list>ul>li div.con p.photo{margin-bottom:20px; height:150px; overflow:hidden}
.view_map>.result_list div.list>ul>li div.con p.photo img{width:100%}
.view_map>.result_list div.list>ul>li div.con p.name{margin-bottom:20px; font-size:1.125em; color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.2)}
.view_map>.result_list div.list>ul>li div.con ul li{color:#fff; text-shadow:0px 0px 1px rgba(0,0,0,.2); font-size:.95em}
.view_map>.result_list div.list>ul>li div.con ul li span.q{color:#ffb0cf;}
.view_map>.result_map{position:relative; width:100%; height:755px; margin-top:60px; border:5px solid #fff; background:#b0d2ec; border-radius:15px; box-shadow:0px 0px 3px rgba(0,0,0,.3); z-index:2; overflow:hidden}
.view_map>.result_map a.skipmap{display:block; height:0px; text-indent:-500000px}
.view_map>.result_map a.skipmap:focus,
.view_map>.result_map a.skipmap:hover{display:inline; height:auto; text-indent:0px}
.view_list{position:relative; padding-bottom:60px}
.view_list .result{margin:50px auto auto; height:750px; overflow-y:auto}
.view_list .result>ul{font-size:0px}
.view_list .result>ul>li{display:inline-block; position:relative; margin:.3%; width:24.4%; border:2px solid transparent; border-radius:8px}
.view_list .result>ul>li:hover{border-color:#333}
.view_list .result>ul>li:before{display:block; content:''; position:absolute; right:20px; top:20px; width:27px; height:28px; background:url(/open_content/CCS/img/main/ic_part.png) no-repeat left top/27px}
.view_list .result>ul>li.part_complex:before{background-position-y:top}
.view_list .result>ul>li.part_music:before{background-position-y:-40px}
.view_list .result>ul>li.part_art:before{background-position-y:-80px}
.view_list .result>ul>li.part_craft:before{background-position-y:-120px}
.view_list .result>ul>li.part_library:before{background-position-y:-160px}
.view_list .result>ul>li.part_show:before{background-position-y:-200px}
.view_list .result>ul>li a{display:block; padding:28px 34px 24px;  background:#fff; border-radius:8px; border:1px solid #ddd}
.view_list .result>ul>li a:hover{border-color:transparent}
.view_list .result>ul>li a>p{margin-bottom:19px; color:#1b1b1b; font-size:1.2em; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.view_list .result>ul>li a>ul li{position:relative; margin:3px 0px; padding-left:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:.95em}
.view_list .result>ul>li a>ul li:before{display:block; content:''; position:absolute; top:10px; left:0px; width:7px; height:2px; background:#aaa;}
.view_list .result>ul>li a>ul li span.q{color:#888}
.view_list .result>ul>li a>ul li span.q:After{display:inline; content:' : '}
.view_list .control>li{position:absolute; top:50%; margin-top:-90px}
.view_list .control>li a{display:block; position:relative; width:70px; height:70px; text-indent:-1000px; overflow:hidden}
.view_list .control>li a:before{display:block; content:''; position:absolute; left:15%; top:15%; width:70%; height:70%; border:0px solid #1b1b1b; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.view_list .control>li.btn_prev{left:-90px}
.view_list .control>li.btn_next{right:-90px}
.view_list .control>li.btn_prev a:before{border-width:0px 0px 1px 1px}
.view_list .control>li.btn_next a:before{border-width:1px 1px 0px 0px}
.view_list .num{text-align:center; margin-top:25px; font-size:.95em}
.view_list .num span{font-size:1.4em}
.view_list .num span:after{display:inline-block; content:''; margin-right:2px; width:12px; height:1px; background:#333;}

/* 게시판 */
.board .wrapper{position:relative}
.board .wrapper:after{display:block; content:''; clear:both}
.board h3{position:absolute; font-size:4.05em; font-weight:600; color:#1b1b1b}
.board h3 span{display:inline-block; position:relative;}
.board h3 a{display:block; position:absolute; top:-18px; right:-38px; width:50px; height:50px; text-indent:500px; text-indent:-5000px}
.board h3 a:after,
.board h3 a:before{display:block; content:''; position:absolute; left:50%; top:50%; margin-left:-11px; width:22px; height:4px; background:#1b1b1b}
.board h3 a:before{transform:rotate(90deg)}
.board .notice ul{margin-top:90px}
.board .notice ul li{position:absolute; width:25%; z-index:1}
.board .notice ul li:first-child{top:150px}
.board .notice ul li:nth-child(2){bottom:0px; right:0px; text-align:right;}
.board .notice ul li span.date{display:block; margin-bottom:15px; color:#888}
.board .notice ul li a{display:block; line-height:1; word-break:keep-all}
.board .notice ul li a span.tit{font-size:18px; line-height:1.5; color:#fff; background:#1b1b1b; transition:all ease .2s; box-shadow:-4px 0px 0px #1b1b1b, 4px 0px 0px #1b1b1b, inset 4px 0px 0px #1b1b1b, inset -4px 0px 0px #1b1b1b} 
.board .notice ul li a:hover span.tit{background:#7a22f5; box-shadow:-4px 0px 0px #7a22f5, 4px 0px 0px #7a22f5}
.board .notice ul li a span.txt{display:block; margin-top:20px; max-height:85px; overflow:hidden; line-height:1.4}
.board .notice ul li a span.more{display:block; position:relative; margin-top:20px}
.board .notice ul li a span.more:after, .board .notice ul li a span.more:before{display:block; content:''; position:absolute; transition:all ease .2s}
.board .notice ul li a span.more:after{top:50%; width:85px; height:2px; background:#ccc}
.board .notice ul li a span.more:before{top:50%; margin-top:-2px; width:6px; height:6px; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-top:2px solid #ccc; border-right:2px solid #ccc; }
.board .notice ul li:first-child a span.more:after{left:55px}
.board .notice ul li:first-child a span.more:before{left:133px}
.board .notice ul li:nth-child(2) a span.more:after{right:55px}
.board .notice ul li:nth-child(2) a span.more:before{right:133px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg) }
.board .notice ul li a:hover span.more:after{width:42px}
.board .notice ul li:first-child a:hover span.more:before{left:90px}
.board .notice ul li:nth-child(2) a:hover span.more:before{right:90px}
.board .notice ul li:nth-child(3){display:none}
/* 리뷰 프로그램들어갈때 */
.board .review ul{clear:both}
.board .review ul li{position:absolute; border-radius:7px; overflow:hidden}
.board .review ul li:nth-child(1){top:40px; right:257px; width:258px; height:197px; box-shadow:1px 1px 2px rgba(0,0,0,.5);}
.board .review ul li:nth-child(2){top:70px; right:47px; width:287px; height:237px; box-shadow:-6px 6px 0px rgba(0,0,0,.1)}
.board .review ul li:nth-child(3){top:10px; right:20px; width:167px; height:187px; box-shadow:1px 1px 2px rgba(0,0,0,.5)}
.board .review ul li:nth-child(4){display:none}
.board .review ul li:hover{z-index:2}
.board .review ul li a{display:block; position:relative}
.board .review ul li img{position:relative; width:100%; min-height:100%}
.board .review ul li:nth-child(1) span.img img{min-height:197px}
.board .review ul li:nth-child(2) span.img img{min-height:237px}
.board .review ul li:nth-child(3) span.img img{min-height:187px}
.board .review ul li a p{opacity:0; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,.7); transition:all ease .2s}
.board .review ul li:hover a p{opacity:1 !important}
.board .review ul li a p span{display:block; position:absolute;  top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; padding:20px; width:100%; color:#fff}
.board .review ul.out li p{animation:review 15s ease infinite}
.board .review ul.out li:nth-child(1) a p{animation-delay	:0s}
.board .review ul.out li:nth-child(2) a p{animation-delay	:5s}
.board .review ul.out li:nth-child(3) a p{animation-delay	:10s}
@keyframes review{
	0{opacity:0}
	15%{opacity:1}
	30%{opacity:1}
	50%{opacity:0}
}
/* 리뷰 메인에 표출 안할때  */
.board .review.nopgm ul li:hover{z-index:0}

.board .img01,
.board .img02{border-radius:7px; overflow:hidden; font-size:0px}
.board .img01{clear:both; position:relative; text-align:center; margin:auto; width:42%; max-width:584px}
.board .img02{position:relative; left:3.5%; margin-top:-132px;  max-width:666px}
.board .img01 img,
.board .img02 img{width:100%}


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


@media screen and (min-width:1921px){
	.visual .name p{font-size:5vw; }
	.view_list .result>ul>li{margin:.3%; width:19.4%; height:178px;}
} 

@media screen and (max-width:1400px){
		.visual .name p{font-size:5rem;  font-size: 6vw}
}

@media screen and (max-width:800px){
	.dp_pc{display:none}
	.mbRound{margin-top:-20px; border-radius:20px 20px 0px 0px; overflow:hidden; box-shadow:0px -1px 3px rgba(0,0,0,.1)}
	#pop{overflow-y:auto; background:rgba(0,0,0,.6)}
	#pop .pop_wrap{width:70%; top:50px; right:0px}
	#pop .pop_wrap p.img01{display:none;}
	#pop .pop_wrap p.img02{box-shadow:0px 3px 5px rgba(0,0,0,.8)}
	#pop .pop_wrap p.img02 span img{margin-top:10px; width:30px}
	#pop .pop_wrap p.today{position:relative; right:auto; top:20px; text-align:left;  padding:0px 0px 30px}
	#pop .pop_wrap p.pop_close{position:absolute; right:0px; top:auto; bottom:-0px}
	#pop .pop_wrap p.pop_close a{text-indent:-5000px; width:50px; height:50px;  border-radius:100px}
	#pop .pop_wrap p.pop_close a:After,
	#pop .pop_wrap p.pop_close a:before{left:50%; top:10px}
	.visual{margin-top:0px; height:420px}	
	.visual .name{display:none}
 	.visual .search{width:80%; height:50px}
	.visual .search input[type=text]{padding:0px 30px}
	.visual .search>p:before{left:-10px; box-shadow:0px 22px 0px #7a22f5}	
	.visual .img:before,
	.visual .img>p.img01:before,
	.visual .img>p.img02:before{display:none}
	.visual .img:after,
	.visual .img>p.img01:after,
	.visual .img>p.img02:after{width:100%}
	.visual a.scroll_down{background-image:url(/open_content/CCS/img/main/mb_ic_scroll.png); background-size:contain}
	.charge{background:#7a22f5}
	.charge>.tit{text-align:center; padding-bottom:20px; color:#fff; font-size:7vw; }
	.charge>.tit:After{display:block; content:''; margin-top:10px; height:40px; background:url(/open_content/CCS/img/inc/ic_light.png) no-repeat center bottom/21px;}
	.charge>.tit span{font-weight:200}
	.charge .tab{display:none}
	.charge .choose.mgL{margin-left:0px}
	.charge .choose>li{margin:0px 0%; width:32%; background:#fff; border:0px; border-radius:5px}
	.charge .choose>li:After{right:10px; border-width:5px; border-top-width: 7px}
	.charge .choose>li select{padding-top:10px; padding-left:10px; font-size:.95em; color:#333}
	.charge .choose>li.select{background-color:#ff6195}
	.charge .choose>li.select:After{border-top-color:#fff}
	.charge .choose>li.select select:focus{color:#333}
	.charge .choose>li.select select{color:#fff}
	.tabcon.view_map{display:none}
	.tabcon.view_list{display:block}
	.view_list{width:100%; padding-left:8%; padding-right:1%}
	.view_list .result{margin-top:10px; padding-top:10px; height:auto; max-height:450px; overflow-x:hidden}
	.view_list .result>ul>li{display:block; position:relative; /* padding:0px 8% 0px 7%;  */width:100%;  border:0px  !important}
	.view_list .result>ul>li:before{left:0px; right:auto; top:20px}
	.view_list .result>ul>li a{padding:20px 0px  15px 37px; background:transparent; border:0px  !important; border-bottom:1px dashed rgba(0,0,0,.4) !important; border-radius:0px}
	.view_list .result>ul>li a>p{color:#fff; margin-bottom:10px; font-size:1.1em}
	.view_list .result>ul>li a>ul *{color:#100520}
	.view_list .result>ul>li a>ul li{display:inline-block; margin:1px 0px; margin-right:7px; padding-left:0px}
	.view_list .result>ul>li a>ul li:before{display:none}
	.view_list .result>ul>li a>ul li span.q{display:inline-block; line-height:1.1; margin-right:5px; padding:3px 7px 0px;  border:2px solid rgba(0,0,0,.7); border-radius:100px; color:#100520}
	.view_list .result>ul>li a>ul li span.q:after{display:none}
	.view_list .result>ul>li a>ul li.address{display:block}
	.view_list .result>ul>li a>ul li.address span.q{display:none}
	.view_list .control{display:none}
	.view_list .num{display:none}
	.board .wrapper{width:100%}
	.board .wrapper>div{padding:50px 8%}
	.board h3{position:static; text-align:center; font-size:2.5em}
	.board .img01,	.board .img02{display:none}
/* 리뷰 프로그램 들어갈때 	.board .notice{background:#f0f0f0} */
/* 리뷰 프로그램 안들어갈때 */ .board .notice{background:#fff}
	.board .notice ul{margin-top:30px}
	.board .notice ul li{display:block !important; position:static; text-align:left !important; padding:20px 3px; width:100%	}
	.board .notice ul li+li{border-top:1px dashed rgba(0,0,0,.2)}
	.board .notice ul li span.date{margin-bottom:10px}
	.board .notice ul li a span.tit{background:none !important; color:#1b1b1b; font-size:1.2em; line-height:1.4; box-shadow:none}
	.board .notice ul li a span.txt,
	.board .notice ul li a span.more{display:none}
	.board .review{background:#fff}
	.board .review ul{margin-top:30px}
	.board .review ul li{display:block !important; position:static; float:left; margin:0px .5% 15px; width:49% !important; height:auto  !important; box-shadow:none !important}
	.board .review ul li span.img{display:block; height:195px; border-radius:7px; overflow:hidden}
	.board .review ul li span.img img{min-height:195px !important}
	.board .review ul li a p{opacity:1; position:static; margin-top:5px; background:none}
	.board .review ul li a p span{position:static; -webkit-transform: translateY(0%); transform: translateY(0%); padding:3px 5px; height:43px; line-height:1.5; color:#333; overflow:hidden;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
	.board .review ul.out li p{animation-play-state:paused}
	.board .review.nopgm{display:none;}

}

@media screen and (max-width:480px){
	.board .review ul li span.img{height:140px  !important}
}