#container .sub_util{padding:12px 0; height:40px; box-sizing:border-box;}

#container .sub_util:after{display:table; content:''; line-height:0; clear:both;}

#container .sub_util ul{float:right;}

#container .sub_util ul:after{display:table; content:''; line-height:0; clear:both;}

#container .sub_util ul li{float:left; font-size:0.9em; padding-left:16px; padding-right:8px; background:url(/mobile/images/sub_util.jpg) no-repeat left center; background-size:7px;}

#container .sub_util ul li:first-child{background:none;}

#container .sub_util ul li a{color:#666;}

#container .sub_util ul li img{width:15px;}

#container h2{clear: both; width: 96%; margin: 0 auto 20px; font-size:1.3em; color:#000; }

#container .intro{ padding:20px 0 50px 0;}

#container .intro p{color:#fff; font-size:0.9em; margin-bottom:15px; line-height:18px; font-size:14px; color:#666; padding: 0 8px;}

#container .intro p.first{background:url(/images/sub/daecheon/intro_bg.jpg) left top no-repeat;background-size:100% 100%;font-size:1.0em;line-height:30px;padding-top:10px;padding-bottom:10px;color:#000;font-weight:bold;margin-bottom: 20px;}

#container .intro p.first span{color:#182c96;}

#container .intro p.last{font-size:1.1em;; color:#0e0e0e;}



#container .ci{padding:0 15px;}

#container .ci h3{font-size:1.0em; color:#000; padding:5px 0; background:url(/mobile/images/ci_line.jpg) left top no-repeat; background-size:15px; margin:15px 0;}

#container .ci .img{width:100%; margin-bottom:30px;}

#container .ci .img img{display:block; width:80%; margin:0 auto;}

#container .ci p{color:#000; font-size:1.0em; margin-bottom:8px;} 

#container .ci span{display:block; color:#666; font-size:0.8em; margin-bottom:30px; line-height:20px;}



#container #way{margin:10px auto 30px auto; width:320px; height:320px;}



#container .gallery{padding:0 15px;}

#container .gallery .gallery_wrap{display: flex; display: -webkit-flex; flex-flow: row wrap; width:100%; margin-bottom:20px;}

#container .gallery .gallery_wrap:after{display:table; content:''; line-height:0; clear:both;}

#container .gallery .gallery_wrap .gallery_box{width:48%; border:1px solid #ddd; box-sizing:border-box; }
#container .gallery .gallery_wrap .gallery_box > a:first-child {display: block;position: relative;height: 0;padding-top: 52.5%;overflow: hidden;}
#container .gallery .gallery_wrap .gallery_box > a:first-child img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#container .gallery .gallery_wrap .gallery_box img{display:block; width:100%;}

#container .gallery .gallery_wrap .gallery_box:first-child{margin-right:4%}

#container .gallery .gallery_wrap .gallery_box .text{border-top: solid 1px #ddd; padding:10px;}

#container .gallery .gallery_wrap .gallery_box .text p.tit{font-size:0.8em; color:#000;}

#container .gallery .gallery_wrap .gallery_box .text p.tit a{color:#000; width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

#container .gallery .gallery_wrap .gallery_box .text p{font-size:0.8em; color:#666; margin-top:5px;}

#container .gallery .gallery_wrap .gallery_box .text p.texthide{width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

#container .gallery .gallery_wrap .gallery_box .text p span{font-size:0.7em; padding-left:4px;}

#container .gallery .gallery_wrap .gallery_box .text p span:first-child{padding-right:6px; padding-left:0; background:url(/mobile/images/line.jpg) right center no-repeat; background-size:1px 10px;}



#container .event{padding:0 15px;}

#container .event .tab2{margin-bottom:10px; width:100%;}

#container .event .tab2{display:table; content:''; line-height:0; clear:both;}

#container .event .tab2 li{width:35%; height:40px; float:left; text-align:center; line-height:40px; margin-left:1%;}

#container .event .tab2 li:first-child{margin-left:0;}

#container .event .tab2 li a{font-size:14px; color:#baada5; display:block; background:#837166;}

#container .event .tab2 li a.on{color:#fff; background:url(/images/sub/tab_on.jpg) no-repeat; background-size:100% 40px;}

#container .event .tab2 li:hover a{color:#fff; background:url(/images/sub/tab_on.jpg) no-repeat;}

#container .event .event_wrap{width:100%; margin-bottom:20px;}

#container .event .event_wrap:after{display:table; content:''; line-height:0; clear:both;}

#container .event .event_wrap .event_box{width:48%; float:left;}

#container .event .event_wrap .event_box img{display:block; width:100%;}

#container .event .event_wrap .event_box:first-child{margin-right:4%}

#container .event .event_wrap .event_box .text{box-sizing:border-box; border:1px solid #ddd; padding:10px;}

#container .event .event_wrap .event_box .text p.tit{font-size:0.8em; color:#000;}

#container .event .event_wrap .event_box .text p.tit a{color:#000; width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

#container .event .event_wrap .event_box .text p{font-size:0.8em; color:#666; margin-top:5px;}

#container .event .event_wrap .event_box .text p.texthide{width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}

#container .event .event_wrap .event_box .text p span{font-size:0.7em; padding-left:4px;}



#container .tourism{padding:0 15px;}

#container .tourism .tourism_wrap{margin:20px 0;}

#container .tourism .tourism_wrap:first-child{marign-top:0;}

#container .tourism .tourism_wrap .tourism_box img{width:100%; display:block; margin:0 auto;}

#container .tourism .tourism_wrap .tourism_box h3{font-size:1.1em; color:#000; margin:15px 0 10px; background:url(/mobile/images/title_bg.jpg) left top no-repeat; background-size:14px; padding-top:5px;}

#container .tourism .tourism_wrap .tourism_box p{font-size:0.9em; color:#666; line-height:20px; margin-top:2px;}

#container .tourism .tourism_wrap .tourism_box p span{color:#000;}

#container .tourism .tourism_wrap .tourism_box p.location{background:url(/mobile/images/location.jpg) left center no-repeat; background-size:14px; padding-left:15px;}

#container .tourism .tourism_wrap .tourism_box p.question{background:url(/mobile/images/question.jpg) left 2.5px no-repeat; background-size:13px; padding-left:15px;}

#container .tourism .tourism_wrap .tourism_box p span.two{color:#666; display:block; padding-left:33px;}

#container .tourism .tourism_wrap .text_box{margin-right:10px; font-size:0.9em; color:#666; margin-top:15px; line-height:18px;}

#container .tourism .tourism_wrap ul{border-top:2px solid #67564c; border-right:1px solid #ddd; border-left:1px solid #ddd; width:80%; margin-top:10px;}

#container .tourism .tourism_wrap ul li{text-align:center; border-bottom:1px solid #ddd; padding:5px 0;}

#container .tourism .tourism_wrap ul li:first-child{background:#f7f7f7;}

#container .tourism .tourism_wrap ul li p{font-size:0.9em;; color:#000; line-height:18px;}

#container .tourism .tourism_wrap ul li span{font-size:0.9em; color:#666; line-height:20px; display:block;}


#container .container_wrap .acco, #container .notice, #container > .view {width: 96%; margin: 0 auto 30px;}
#container .notice .tb{border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #bfbfbf; width:100%;}

#container .notice .tb tr td{border:1px solid #ccc; border-top:0; padding:10px 5px 10px 15px;}

#container .notice .tb tr td a{color:#000; font-size:0.9em; display:inline-block; width:65%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle; position:relative;}

#container .notice .tb tr td img{vertical-align:middle; margin-right:5px;}

#container .notice .tb tr td img.new{margin-left:5px;}

#container .notice .tb tr td span{color:#666; font-size:0.7em; display:block; margin-top:7px;}

#container .notice .tb tr td.img{border-right:0; padding-right:0;}

#container .notice .tb tr td.img img{width:100%;}

#container .notice .tb tr td.text{border-left:0;}




#container .view ul{margin-top:20px; border-top:2px solid #bfbfbf;}

#container .view ul li{padding:10px; border-bottom:1px solid #ccc; position:relative; line-height:24px;}

#container .view ul li p.title{font-size:1.0em; color:#000;}

#container .view ul li p.writer span{color:#a2a2a2; font-size:0.8em; display:inline-block; padding-left:11px; background:url(/mobile/images/view_line.jpg) 5px 5px no-repeat; background-size:1px 14px;}

#container .view ul li p.writer span:first-child{padding:0; background:none;}

#container .view ul li span.date{position:absolute; bottom:10px; right:10px; font-size:0.8em; color:#a2a2a2;}

#container .view ul li p.file span{color:#a2a2a2; font-size:0.8em; display:inline-block; padding-left:11px; background:url(/mobile/images/view_line.jpg) 5px 5px no-repeat; background-size:1px 14px;}

#container .view ul li p.file span:first-child{padding:0; background:none;}

#container .view ul li p.file span a.down{color:#a2a2a2; display:inline-block; padding-left:18px; background:url(/mobile/images/view_down.jpg) left center no-repeat; background-size:13px; margin-left:5px;}

#container .view ul li img{width:100% !important; height:100% !important; display:block; margin:0 auto 10px;}

#container .view ul li.answer p.writer span{font-size:0.9em;}

#container .button{margin:20px 0; text-align:right;}

#container .button a{text-align:center; display:inline-block; background:#453c3a; color:#fff; font-size:1.0em; padding:10px; width:20%;}

#container .button a.bg{background:#e07a3f;}



.bg_black{background:#000; opacity:0.7; width:100%; position:absolute; top:0; right:0; z-index:9999;}

#container #lock_pop{display:none; width:90%; border:3px solid #837166; background:#fff; position:absolute; z-index:99999; padding:10px; left:50%; margin-left:-45%; top:300px;box-sizing:border-box;}

#container #lock_pop .password{margin:20px auto 0; width:100%;}

#container #lock_pop .password input{width:80%; height:28px; line-height:28px; padding:0; margin:0; margin-left:10%; border:1px solid #ddd; background:#fff;}

#container #lock_pop .button{text-align:center;}

#container #lock_pop .button a{float:none; display:inline-block;}

#container #lock_pop .button a:first-child{margin-left:0;}



#container .write{padding:0 15px;}

#container .write .write_tb{border-collapse:collapse; border-spacing:0; table-layout:fixed; border-top:2px solid #bfbfbf; width:100%;}

#container .write .write_tb tr td{border:1px solid #ccc; border-top:0; padding:10px 0px 10px 10px;}

#container .write .write_tb tr td:first-child{background:#f7f7f7; font-size:0.9em; color:#747884;}

#container .write .write_tb tr td input{border:1px solid #dedcdc; height:25px; line-height:25px; font-size:0.8em; padding:0 0 0 5px; width:90%; background:#fff;}

#container .write .write_tb tr td label{font-size:0.8em; color:#666;}

#container .write .write_tb tr td textarea{border:1px solid #dedcdc; height:80px; width:90%; padding:0 0 0 5px;}

#container .write .write_tb tr td.title input{width:65%;}

#container .write .write_tb tr td.title input[type=checkbox]{width:13px; height:13px; padding:0; vertical-align:middle; border:1px solid #000; margin-left:3px; margin-right:2px; background:none;-webkit-border-radius:0; }

#container .write .write_tb tr td.file input{width:60%;}

#container .write .write_tb tr td .file_box {position:relative; width:65px; height:25px; overflow:hidden; margin-left:3px;}

#container .write .write_tb tr td .file_box img{height:22px; vertical-align:middle;}

#container .write .write_tb tr td .file_box2 {position:absolute; bottom:0; right:0; display:inline-block; width:65px; height:25px; overflow:hidden;}

#container .write .write_tb tr td #file {cursor:pointer; position:absolute; right:0; height:25px; opacity:0; filter:alpha(opacity=0); width:65px;}

#container .write .write_tb tr td.tel select{width:25%; height:28px; line-height:28px; margin:0; border:1px solid #ddd; padding:0; vertical-align:middle;}

#container .write .write_tb tr td.tel input{width:25%;}

#container .write .write_tb tr td.mail input{width:40%;}

#container .write .write_tb tr td.mail select{width:80%; height:28px; line-height:28px; margin:0; margin-top:10px; border:1px solid #ddd; padding:0; vertical-align:middle;}

#container .write .write_tb tr td.date input{width:30%}

#container .write .write_tb tr td.persons{font-size:12px; color:#666;}

#container .write .write_tb tr td input[type=radio]{width:13px; height:13px; padding:0; vertical-align:middle; margin:0;}

#container .write .write_tb tr td label{font-size:12px; color:#666; width:54px; display:inline-block; line-height:24px;}













#container .faq{padding:0 15px;}

#container .faq .tab2{margin-bottom:10px; width:100%;}

#container .faq .tab2{display:table; content:''; line-height:0; clear:both;}

#container .faq .tab2 li{width:24.25%; height:40px; float:left; text-align:center; line-height:40px; margin-left:1%;}

#container .faq .tab2 li:first-child{margin-left:0;}

#container .faq .tab2 li a{font-size:14px; color:#baada5; display:block; background:#837166;}

#container .faq .tab2 li a.on{color:#fff; background:url(/images/sub/tab_on.jpg) no-repeat; background-size:100% 40px;}

#container .faq .tab2 li:hover a{color:#fff; background:url(/images/sub/tab_on.jpg) no-repeat;}

#container .faq .all{border-top:2px solid #bfbfbf;}

#container .faq .faq_table dl{}

#container .faq .faq_table dl dt{border-bottom:1px solid #ddd; font-size:1.0em; line-height:45px; padding-left:63px; cursor:pointer; color:#666; background:url(/images/sub/customercenter/question.jpg) 20px center no-repeat;}

#container .faq .faq_table dl dt:first-child{color:#837166;}

#container .faq .faq_table dl dt:hover{color:#837166;}

#container .faq .faq_table dl dd{border-bottom:1px solid #ddd; font-size:0.8em; padding:15px 0 15px 66px; line-height:22px; color:#666; background:#f7f7f7 url(/images/sub/customercenter/answer.jpg) 20px 20px no-repeat;}



#container .pasing{height:30px; text-align:center; margin:15px 0;}

#container .pasing:after{display:table; content:''; line-height:0; clear:both;}

#container .pasing a{display:inline-block; height:30px; line-height:30px; width:16px; font-size:14px; color:#a6a6a6; vertical-align:middle;}

#container .pasing a.img{width:30px;}

#container .pasing a.img img{vertical-align:baseline; width:30px;}

#container .pasing a.active{color:#ff4e00;}

#container .pasing a:hover{color:#ff4e00;}



#container .search{border:1px solid #ddd; background:#f7f7f7; width:100%; box-sizing:border-box; margin-bottom:20px; padding:10px;}

#container .search .search_wrap{width:245px; margin:0 auto;}

#container .search .search_wrap:after{display:table; content:''; line-height:0; clear:both;}

#container .search .select{float:left; width:80px; height:28px; border:1px solid #ddd; overflow:hidden; background:#fff url(/images/sub/search_select.jpg) 61px center no-repeat; no-repeat; margin-right:6px;}

#container .search .select select{padding-left:5px; height:28px; line-height:28px; border:0; outline:0; font-size:12px; color:#666; width:120%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance:none; font-family:'NotoSansKR';}

#container .search .select select:focus{outline:none;}

#container .search .sch_board{width:157px; height:30px; float:left;}

#container .search .sch_board label{position:absolute; left:-9999px;}

#container .search .sch_board input[type=text]{width:120px; float:left; height:28px; padding:0 0 0 5px; margin:0; border:1px solid #ccc; line-height:28px; box-sizing:content-box; font-size:12px; color:#666;}

#container .search .sch_board input[type=image]{float:left; width:30px; height:30px; border:0;}



@media all and (min-width:320px) and (max-width:482px){

	#container .intro p.first{padding-top:5px; padding-bottom:5px;}

	}

@media all and (min-width:483px) and (max-width:714px){	

	#container .intro p.first{padding-top:30px; padding-bottom:30px;}

	}

	@media all and (min-width:715px){	

	#container .intro p.first{padding-top:50px; padding-bottom:50px;}

	}