@charset "utf-8";
/*@font-face{ font-family:"Noto Sans", "Noto Sans CJK KR", sans-serif; src:url('/assets/font/NotoSans-Black.ttf'); src:local(※) url('/assets/font/NotoSans-Black.ttf')} body{font-family:'Noto Sans', Noto Sans}
@font-face{ font-family:futura; src:url('/assets/font/Futura.eot'); src:local(※), url('/assets/font/Futura.woff') format(‘woff’) } body{font-family:'Futura', Futura}*/

@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-Black.woff2') format('woff2'),url('/assets/font/NotoSansKR-Black.woff') format('woff'),url('/assets/font/NotoSansKR-Black.otf') format('opentype');}
@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-Bold.woff2') format('woff2'),url('/assets/font/NotoSansKR-Bold.woff') format('woff'),url('/assets/font/NotoSansKR-Bold.otf') format('opentype');}
@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-DemiLight.woff2') format('woff2'),url('/assets/font/NotoSansKR-DemiLight.woff') format('woff'),url('/assets/font/NotoSansKR-DemiLight.otf') format('opentype');}
@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-Light.woff2') format('woff2'),url('/assets/font/NotoSansKR-Light.woff') format('woff'),url('/assets/font/NotoSansKR-Light.otf') format('opentype');}
@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-Medium.woff2') format('woff2'),url('/assets/font/NotoSansKR-Medium.woff') format('woff'),url('/assets/font/NotoSansKR-Medium.otf') format('opentype');}
@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-Thin.woff2') format('woff2'),url('/assets/font/NotoSansKR-Thin.woff') format('woff'),url('/assets/font/NotoSansKR-Thin.otf') format('opentype');}
@font-face {font-family:"Noto Sans CJK KR";src: url('/assets/font/NotoSansKR-Regular.woff2') format('woff2'),url('/assets/font/NotoSansKR-Regular.woff') format('woff'),url('/assets/font/NotoSansKR-Regular.otf') format('opentype');}
@font-face {font-family:"futura";src:url('/assets/font/Futura.eot'); src:local(※),  url('/assets/font/Futura.eot?iefix') format('eot'),url('/assets/font/Futura.woff') format('woff');}

/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top;
-webkit-text-size-adjust:none;}
body {font-family:'Noto Sans CJK KR'; font-size:16px; color:#0F0E3C;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
a, a:link {color:#0F0E3C;text-decoration:none; }
a:visited { color:#0F0E3C; }
a:hover, a:active {text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
i,em,address { font-style:normal; font-weight:normal; }
p,li,dd{ line-height:1.6em}
/*.hidden{text-indent: -9999px;position: absolute;left: 9999px;overflow: hidden;}*/
.hidden{text-indent: -9999px;position: absolute;overflow: hidden;}
.more:hover,.more:active, .more:focus{background: #009FDB;color: #fff;border-color: #009FDB;transition: all .8s}

#wrap{width: 1200px;margin:0 auto;}

/* header */
header{width:100%;margin: 0 auto;position: relative;height:150px;border-bottom: 1px solid #F7F7F9;box-sizing: border-box;}
.top{position:absolute;right:5px;top:10px;}
.top>a{display:block;padding:4px 12px 4px 12px;font-size:.8rem;background:#009FDB;color:#fff;border-radius:3px;}
.top>a>span{position:relative;top:5px;right:5px;line-height:1rem;}
.top>a:hover,.top>a:focus,.top>a:active{background:red;}
/*20200210 수정*/
#gnb{width: 100%;height: 100%;position: relative;}
#gnb>a.open{position: absolute;right: 15px;top: 20px;display: none}
#gnb>h1{width:160px;float: left;height: 65px;margin-top:50px;margin-left:30px;}
#gnb>h1>a{display: block; width: 100%;height: 100%;text-indent: -9999px;background: url(/images/2020/img/h_logo_768.jpg) no-repeat;}
#nav{float: right;width: 80%;text-align: center;overflow-y:none!important;}
a.close{display: none;}
#nav>ul{clear:both;}
#nav>ul>li{width: 16.66%;float: left}
#nav>ul>li>a{display: block;padding:43px 0px;letter-spacing:-1px;font-weight:bold;color:#0F0E3C;position:relative;top:38px;}
#nav>ul>li:hover>a,#nav>ul>li:active>a,#nav>ul>li:focus>a{color:#009FDB}
#nav>ul>li>ul{position: absolute;left: 0;top: 150px;z-index: 10;width: 100%;background: #009FDB;display: none;text-align: center;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
#nav>ul>li>ul>li{width:20%;float:left}
#nav>ul>li>ul>li>a{display: block;padding: 15px;color: #fff}
span.plus {display:none;padding:0;}
.sns_wrap{display: none;}


/* 뉴스레터 */
form.modal{border:3px solid #009FDB;box-sizing:border-box;padding:0;}
form.modal>table{line-height:3rem;width:92%;text-align:justify;margin:0 auto;}
form.modal>table tr th{text-align:center}
form.modal>table tr{}
form.modal>table input{border:1px solid #e9e9e9;box-sizing:border-box;padding:8px 0;margin-left:10px;background:#F7F7F9;}
form.modal>table input#emailAccount{margin-left:0;}
.newsletter_tit{background:#009FDB;padding:12px;color:#fff;font-size:1.2rem;margin-bottom:8px;}
td.btnBox{margin:0 auto; overflow:hidden;}
td.btnBox>a{display:block;width:48%;margin:12px 1%;float:left;border:1px solid #e9e9e9;box-sizing:border-box;text-align:center;font-size:.95rem;font-weight:bold;}

/* footer */
.footer{width: 1200px;margin:0 auto;position:relative;}
.footer>.footer_inner{width: 100%;height: 300px;overflow: hidden;}
.footer>.footer_inner>.sitemap{width:96%;margin:30px 2%;letter-spacing: -1px}
.footer>.footer_inner>.sitemap>dl{float: left;width:16.66%;font-size:.85rem;}
.footer>.footer_inner>.sitemap>dl>dt{margin-bottom: 20px;font-weight: bold;}
.footer>.footer_inner>.sitemap>dl>dd{line-height: 3em;}
.footer>.footer_inner>.sitemap>dl>dd:hover a,.footer>.footer_inner>.sitemap>dl>dd:focus a,.footer>.footer_inner>.sitemap>dl>dd:active a{color: #009FDB}

.tw:hover{color:#009FDB}
.fb:hover{color:#1D4D99}
.yt:hover{color:#FF0000}

.footer>div.footer_middle{clear: both; width:100%;text-align: center;border-top: 1px solid #F7F7F9;border-bottom: 1px solid #F7F7F9;height:50px;}
.footer>div.footer_middle>ul{width: 80%;margin: 0 10%;}
.footer>div.footer_middle>ul>li{width: 50%;float: left;}
.footer>div.footer_middle>ul>li:nth-of-type(2){display: none;}
.footer>div.footer_middle>ul>li>a{display: block;padding: 15px 10px;font-size: .8rem}
.footer>div.footer_bottom{width: 100%;overflow: hidden;height: 150px;font-size:.75rem;}
.footer>div.footer_bottom>a{display: block;float: left;width: 100px;height:25px;padding:40px;background: url(/images/2020/img/f_logo_768.jpg) no-repeat center;text-indent: -999px;overflow: hidden;margin-left: 60px;}
.footer>div.footer_bottom>address{padding: 20px;line-height: 1.5em;}
.footer>div.footer_bottom>span{display: block;text-align: center;}

.festivals{overflow: hidden;}
.festivals>dt{float: left;width: auto;}
.festivals>dd{float: right;width: auto;position:relative;}
.festivals>dd>span{display:inline-block;position:relative;top: 13px;font-size: .8rem;padding:0;}
.festivals>dd>a{display: inline-block;padding:15px 5px;}
.festivals>dd>a>img{width:70%;}

/* 칸인서울 년도별 링크 */

.inseoulftv_box {float:left; position:absolute;bottom:100px;right:5px; width:183px; font-size:.75rem; color:#777; border:1px solid #F7F7F9; background:url('http://www.canneslions.co.kr/img/img2015/cins_select.png') no-repeat 100%;}
.inseoulftv_year {position:absolute; background:#fff; left:-1px; top:-102px; width:193px; height:auto; line-height:20px; font-size:12px; color:#777; border:1px solid #F7F7F9; overflow-x:hidden; overflow-y:scroll;z-index:1;display:none;}
.inseoulftv_year ul {padding:0px 10px 0 10px;height:auto;}
.inseoulftv_year ul li {float:left; width:163px; height:18px; line-height:20px; border-bottom:dotted 1px #F7F7F9; padding:5px 5px 6px 5px;}
.inseoulftv_box a {float:left; width:185px;overflow:hidden;display:block;padding:10px;}
.inseoulftv_box a:hover {float:left;color:#009FDB; overflow:hidden}
.clns_scroll {width:100%; height:100px; overflow-x:hidden; overflow-y:scroll;}

/* visual img */
.visuals{width: 100%;height:200px;}
.visual_news{background: url(/images/2020/img/visual/v_news.jpg) no-repeat center;}
.visual_notice{background: url(/images/2020/img/visual/v_notice.jpg) no-repeat center;}
.visual_office{background: url(/images/2020/img/visual/v_office.jpg) no-repeat center;}
.visual_awards{background: url(/images/2020/img/visual/v_awards.jpg) no-repeat center;}
.visual_jury{background: url(/images/2020/img/visual/v_jury.jpg) no-repeat center;}
.visual_attend{background: url(/images/2020/img/visual/v_attend.jpg) no-repeat center;}
.visual_enter{background: url(/images/2020/img/visual/v_enter.jpg) no-repeat center;}
.visual_program{background: url(/images/2020/img/visual/v_program.jpg) no-repeat center;}
.visual_spikesasia{background: url(/images/2020/img/visual/v_spikesasia.jpg) no-repeat center;}
.visual_privacy{background: url(/images/2020/img/visual/v_privacy.jpg) no-repeat center;}
.visual_can{background: url(/images/2020/img/visual/v_can.jpg) no-repeat center;}
.visual_qna{background: url(/images/2020/img/visual/v_qna.jpg) no-repeat center;}
.visual_canxseoul{background: url(/images/2020/img/visual/v_canxseoul.jpg) no-repeat center;}
.visual_sdgs{background: url(/images/2020/img/visual/v_sdgs.jpg) no-repeat center;}
.visual_enterlist{background: url(/images/2020/img/visual/v_enterlist.jpg) no-repeat center;}
.visual_ylcintro{background: url(/images/2020/img/visual/v_ylcintro.jpg) no-repeat center;}
.visual_ywin{background: url(/images/2020/img/visual/v_ywin.jpg) no-repeat center;}

/*  subpage*/
.subnav{width:90%;height:54px;text-align: center;background:#fff;margin: 0 5%;position: relative;top: -25px;border: 1px solid #F7F7F9;box-sizing: border-box;}
.subnav>ul{width: 100%;height: 100%;overflow: hidden;}
.subnav>ul>li>a{display: block;padding:12px 0;font-weight: 500;}
.subnav>ul>li:hover a,.subnav>ul>li:focus a,.subnav>ul>li:active a{border-bottom: 4px solid #F7F7F9}
a.on{border-bottom: 4px solid #009FDB;color:#009FDB;font-weight:bold!important;}
.sub_t{display: block;font-size: .95rem;color:#009FDB;text-shadow:1px 1px 1px #fff;}
.sub_t:after{content: "";position: relative;left: 50%;top: 50%;background:rgba(0,200,230,.4);width:80px;height: 10px;display: block;margin-left: -40px;margin-top: -8px;z-index:-1;}
.title_area>div{text-align: right;margin:20px auto;}
.title_area>div>span{text-align: right;font-size: .8em;}

#content>div.title_area{width: 100%;clear: both;}
h2{font-size: 3rem;margin:20px auto 0 auto;text-align: center;}
h3{font-size: 2.2rem;margin:40px 0;text-align: center;}
#content{width:1200px;margin: auto;}
.con{margin:60px auto;}
.bind{width:84%;margin: 0 8%;margin-bottom: 120px;}
.shadow{box-sizing: border-box;border-radius: 15px;box-shadow:0 4px 15px 2px rgba(65,77,84,.12);padding:5% 3%}
.con p{line-height: 1.8rem;width:100%;margin:30px auto;text-align:justify;font-size:1.125rem;}
.con1{overflow:hidden;}
.con1 p:nth-of-type(2){text-align:justify;width:70%;float: right;margin: 0;}
.youtube{margin:60px 0}

/* pagination */
#paging_box{width:80%;margin:20px 10%}
#paging_box>#pagination{}
#pagination{margin:40px 0;}
#pagination>span{display: inline-block;margin:20px 0;}
#pagination>span>a{display: block;padding: 15px 20px;font-weight:bold;}
#pagination>span:hover a,#pagination>span:focus a,#pagination>span:active a{color:#009FDB;}
.pagingNow a{color:#009FDB;}
.pagingOther a,.pagingNext a{color:#999;}

a.topMove{display:block;position:absolute;}
a.topMove>span{display:block;}

/* 일반 pc */
@media screen and (max-width:1280px) {
    #wrap{width: 100%;min-width: 1025px;margin: 0 auto;}
    .footer{width: 1025px;}
    .footer>div.footer_middle>ul>li>a{font-size:.75rem;}
    #pagination>span>a{padding: 10px 15px}
    .festivals>dd>span{font-size:.75rem;}
    /* sub */
    #content{width:98%;margin: 0 1%;}
    .bind{width:90%;margin: 0 5%;margin-bottom: 120px;}
    }

/* 테블릿 */
@media screen and (max-width:1024px) {
	/*20200210 수정*/
    #wrap{min-width:769px;margin: 0 auto;}
    header{height: 80px;}

    #nav{width:380px;position: fixed;z-index: 50;opacity:0;right:-100%;top: 79px;overflow: hidden;overflow-y:scroll;}
    #nav>ul {clear: both; padding: 216px 0 0 0;background: #fff;height:100%;position: relative;top: -66px;}
    #nav>ul>li{background:#fff;width: 100%;float: none;margin: 0 auto;position: relative;border-top:1px solid #F7F7F9;box-sizing:border-box;}
    #nav>ul>li:first-child{}
    #nav>ul>li>a{padding: 15px 0 15px 40px;line-height: 2rem;font-size: 1.125rem;top: 0;text-align: left;}
    #nav>ul>li>ul{position: static;position:position;left: 0;top: 0;z-index: 10;width: 100%;display: none;background:#F7F7F9;border-bottom-right-radius:none;border-bottom-left-radius:none;}
    #nav>ul>li>ul>li{width: 100%;float: none;text-align: left;padding: 0 0 0 30px;border-bottom: 1px solid #fff;box-sizing: border-box;}
    #nav>ul>li>ul>li:last-child{border-bottom:none;}
    #nav>ul>li>ul>li>a{padding: 15px;font-size: .925em;display: block;padding: 15px;color: #0F0E3C;}
    span.plus {display: block; position: absolute;right: 30px;top: 23px;font-weight: 100;}

    #gnb>h1{margin-top: 10px;margin-left: 1%;}
    #gnb>a.open{right:15px;top:10px;display:block;padding:15px;font-size: 2em;}


    .sns_wrap{display: block;width: 90%;position:absolute;padding:30px 5% 0 5%;margin:0 auto;left: 0;top;50px;z-index: 1;background:rgb(9,9,114) url(/images/2020/img/gnb_gra.png) no-repeat;}
    .sns_wrap>p{text-align: left;font-size: 1rem;line-height: 2rem;font-family:'Futura';color:#fff;}
    .sns_wrap>p>span{display: block;font-size: 2.2rem;font-weight: bold;}
    .sns_wrap ul{width:36%;overflow: hidden;float: right;padding:10px 0;}
    .sns_wrap ul li{float: left;width: 33.33%;}
    .sns_wrap ul li>a{display: block;font-size: 2rem;padding:3px 0;color:#fff;}


    .top>a{padding:2px 11px;position: absolute;right:73px;top: 11px;font-size: .6rem;background: red;border-radius: 3px;color: #fff!important;width:21px;text-align:center;}
    .top>a>span{display:block;top:0;right:0;line-height:1rem;font-size:1.2rem;}
    .top>a:hover,.top>a:focus,.top>a:active{background:#0F0E3C;}

    .gnb_boxing{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;z-index: 1;top: 80px;display: none;}

    .footer{width: 769px;}
    .footer>.footer_inner{height: 280px;width:100%;margin:0 auto;}
	.footer>.footer_inner>.sitemap>dl{font-size:.785rem;text-align:center;}
    .footer>div.footer_middle>ul{width: 80%;margin: 0 10%;}
    .footer>div.footer_middle>ul>li{width:33.33%;float: left;}
    .footer>div.footer_middle>ul>li:nth-of-type(2){display: block;}
    .footer>div.footer_middle>ul>li>a{display: block;padding: 15px 10px;}
    .footer>div.footer_bottom>address{padding: 15px;}
    .footer>div.footer_bottom>a{margin-top: 40px;}
    .footer>div.footer_bottom{height: 125px;}
    .footer>div.footer_bottom>a{display: block;float: left;width: 100px;height:25px;padding: 30px;background: url(/images/2020/img/f_logo_640.jpg) no-repeat;text-indent: -999px;overflow: hidden;margin-left: 60px;}
    .footer>div.footer_bottom>span{text-align: justify;letter-spacing: -1px}
    .title_area>div{margin: 15px 0;}
    .title_area>div>span{font-size: .75em;}
    #paging_box{margin:0 auto;height:35px;}
    #pagination{margin:0 auto;}
    #pagination>span>a{font-size: .9rem;}

    .inseoulftv_box{bottom:80px;}

	/* visual img */
	.visuals{width: 100%;height:170px;}
	.visual_news{background: url(/images/2020/img/visual/v_news_1024.jpg) no-repeat center;}
	.visual_notice{background: url(/images/2020/img/visual/v_notice_1024.jpg) no-repeat center;}
	.visual_office{background: url(/images/2020/img/visual/v_office_1024.jpg) no-repeat center;}
	.visual_awards{background: url(/images/2020/img/visual/v_awards_1024.jpg) no-repeat center;}
	.visual_jury{background: url(/images/2020/img/visual/v_jury_1024.jpg) no-repeat center;}
	.visual_attend{background: url(/images/2020/img/visual/v_attend_1024.jpg) no-repeat center;}
	.visual_enter{background: url(/images/2020/img/visual/v_enter_1024.jpg) no-repeat center;}
	.visual_program{background: url(/images/2020/img/visual/v_program_1024.jpg) no-repeat center;}
	.visual_spikesasia{background: url(/images/2020/img/visual/v_spikesasia_1024.jpg) no-repeat center;}
	.visual_privacy{background: url(/images/2020/img/visual/v_privacy_1024.jpg) no-repeat center;}
	.visual_can{background: url(/images/2020/img/visual/v_can_1024.jpg) no-repeat center;}
	.visual_qna{background: url(/images/2020/img/visual/v_qna_1024.jpg) no-repeat center;}
	.visual_canxseoul{background: url(/images/2020/img/visual/v_canxseoul_1024.jpg) no-repeat center;}
	.visual_sdgs{background: url(/images/2020/img/visual/v_sdgs_1024.jpg) no-repeat center;}
	.visual_enterlist{background: url(/images/2020/img/visual/v_enterlist_1024.jpg) no-repeat center;}
	.visual_ylcintro{background: url(/images/2020/img/visual/v_ylcintro_1024.jpg) no-repeat center;}
    .visual_ywin{background: url(/images/2020/img/visual/v_ywin_1024.jpg) no-repeat center;}
	 /* sub */
   	h2{font-size: 2.3rem;margin:20px auto;}
    h3{font-size: 2rem;}
    .bind{width:96%;margin: 0 2%;margin-bottom: 100px;}
    .shadow{box-sizing:none;border-radius:none;box-shadow:none;padding:0 1%}
    .con{margin:10px auto 80px auto}
    .con p{width: 92%;margin:30px auto;letter-spacing:-1px;}
    .sub_t{font-size: .925rem;color:#0F0E3C;}
}

/* 소형 테블릿 */
@media screen and (max-width:768px) {
    #wrap{min-width: 641px;}
    .footer{width: 100%;}
    .footer>.footer_inner{display: none;}
    .title_area>div{display: none;}
    .festivals>dd>span{display:none;}

	 /* sub */
    #content{width:100%;margin:0;}
    .content_area{box-shadow: none;margin-bottom:80px}
    .con p{margin:10px auto;}
    h2{font-size: 2rem;margin:10px auto;}
    h3{font-size: 1.8rem;}
    .bind{width:98%;margin: 0 1%;margin-bottom: 80px;}
}

/* 모바일 */
@media screen and (max-width:640px) {
/*20200210 수정*/
    #wrap{min-width:481px;}
    #gnb>h1{width:110px;float: left;height: 45px;margin-top:15px;}
    #gnb>h1>a{display: block; width: 100%;height: 100%;text-indent: -9999px;background: url(/images/2020/img/h_logo_640.jpg) no-repeat;}
    #gnb>a.open{top: 5px;right: 5px;}

	.top>a{right:60px;top:8px;}

    #paging_box{width: 100%;margin: 20px 0;}
    #pagination>span>a{font-size: .8rem;padding: 10px;}
    .festivals>dd>a>img{width:60%;}

    .inseoulftv_box{display:none;}

 	/* visual img */
	.visuals{width: 100%;height:106px;}
	.visual_news{background: url(/images/2020/img/visual/v_news_640.jpg) no-repeat center;}
	.visual_notice{background: url(/images/2020/img/visual/v_notice_640.jpg) no-repeat center;}
	.visual_office{background: url(/images/2020/img/visual/v_office_640.jpg) no-repeat center;}
	.visual_awards{background: url(/images/2020/img/visual/v_awards_640.jpg) no-repeat center;}
	.visual_jury{background: url(/images/2020/img/visual/v_jury_640.jpg) no-repeat center;}
	.visual_attend{background: url(/images/2020/img/visual/v_attend_640.jpg) no-repeat center;}
	.visual_enter{background: url(/images/2020/img/visual/v_enter_640.jpg) no-repeat center;}
	.visual_program{background: url(/images/2020/img/visual/v_program_640.jpg) no-repeat center;}
	.visual_spikesasia{background: url(/images/2020/img/visual/v_spikesasia_640.jpg) no-repeat center;}
	.visual_privacy{background: url(/images/2020/img/visual/v_privacy_640.jpg) no-repeat center;}
	.visual_can{background: url(/images/2020/img/visual/v_can_640.jpg) no-repeat center;}
	.visual_qna{background: url(/images/2020/img/visual/v_qna_640.jpg) no-repeat center;}
	.visual_canxseoul{background: url(/images/2020/img/visual/v_canxseoul_640.jpg) no-repeat center;}
	.visual_sdgs{background: url(/images/2020/img/visual/v_sdgs_640.jpg) no-repeat center;}
	.visual_enterlist{background: url(/images/2020/img/visual/v_enterlist_640.jpg) no-repeat center;}
	.visual_ylcintro{background: url(/images/2020/img/visual/v_ylcintro_640.jpg) no-repeat center;}
	.visual_ywin{background: url(/images/2020/img/visual/v_ywin_640.jpg) no-repeat center;}

	 /* sub */
     #content{width:100%;margin:0 auto;}
    h3{font-size:1.6rem;}
    .bind{width:100%;margin:0;margin-bottom: 60px;}
    .con{padding: 1%;}
    .youtube{margin: 20px 0}
}


/* 최소 사이즈 처리! 안건듦 */
@media screen and (max-width:480px) {
    #wrap {min-width:320px;}
    .subnav{width: 100%;margin: 0;top:0;}
    .subnav>ul>li>a{font-size: .8rem;}
    #nav{width:100%;}
    #nav>ul>li>a{font-size: 1em;}
    .footer>div.footer_middle>ul{width:100%;margin:0;}
    .footer>div.footer_bottom{height:150px;}
    .footer>div.footer_bottom>span{clear:both;text-align:center}
    .footer>div.footer_middle>ul>li>a{padding:15px 5px;letter-spacing:-1px;}
    .footer>div.footer_bottom>a{width:70px;padding:20px;margin-left:40px;}
    #paging_box{width: 100%;margin: 10px auto;}
    .festivals>dd>a{padding:15px 3px;}

    form.modal>table{width:100%;}

    /* sub */
    .subnav{width: 100%;margin: 0;}
    .subnav>ul>li>a{font-size: .8rem;}
    h2{margin: 40px 0 0 0}
    h3{padding:0;margin:15px 0;}
    .content_area{margin-bottom: 60px;}
    .con{margin: 10px 0;}

    form.modal>table tr th{min-width:60px;}
    form.modal>table input{max-width:78px;margin-left:0px;}
}