@charset "utf-8";

/* sub01 */
.photo_1{background:none}
.photo_1 p{line-height:1.5em; font-weight:bold;}
.p_last{float:right;}
.photo_1 br{display:none;}

.jiri{background:url("/upload_data/board_data/BBS_0000130/175506567791607.png") no-repeat center 0;background-size:300px;padding:320px 0 0 0;margin:0 0 10px 0}
.jiri_ch{background:url("/upload_data/board_data/BBS_0000130/175506988319761.png") no-repeat center 0;}
.jiri_jp{background:url("/upload_data/board_data/BBS_0000130/175506988319665.png") no-repeat center 0;}
.jiri div{background:#f4f6fb;padding:20px}
.jiri p{margin:10px 0 0 0;font-size:15px;line-height:1.5em;text-align:center}
.jiri p:first-child{line-height:2.5em;margin:0 0 20px 0}
.jiri strong{font-size:36px;color:#223e99}
.jiri em{font-style:normal}
.jiri .txt1{color:#2d3ca3}
.jiri .txt2{color:#2d89a3}
.jiri .txt3{color:#2c8c35}
.jiri .txt4{color:#9e6a20}
@media all and (min-width:768px) {
.jiri{background-size:auto;background-position:10% 0;padding:0 5% 0 50%;height:400px}
.jiri div{background:url("/images/01_potal/sub04/jiri_logo.png") no-repeat right 0 #f4f6fb;padding:40px}
.jiri p{text-align:left}
}


.history{background:#442719 url("/images/language/sub/history_bg.jpg") no-repeat left top;background-size:cover;}
.history dt{background:url("/images/language/sub/his_tit.png") no-repeat left top;height:50px;padding:15px 0 0 53px;color:#ffc000;box-sizing:border-box;font-size:18px;}
.history dd{padding:30px;text-align:justify;color:#fff;font0size:16px;line-height:24px;}
.history dd li strong{color:#ffd3ac;}

/* 상징물 */ 
.simbol_area .img{border:1px solid #ebebeb;background:url("/images/01_potal/sub04/uj_bg.gif");padding: 40px 0;margin:0 0 20px 0;text-align:center;}
.simbol_area .img img{width:70%}
.simbol_area .btn{margin:20px 0 0 0}
.simbol_area .btn a:first-child{margin:0 3px 0 0}
.simbol_area ul{margin-bottom:0}
.simbol_area .color{border-top:1px dotted #ddd;padding:10px 0;margin:20px 0 0 0}
.simbol_area .color li{margin:10px 0 0 0}
.simbol_area .color span{display:inline-block;width:20px;height:20px;margin:0 10px 0 0;border-radius:20px}
.simbol_area .color1 span{background:#fe0000}
.simbol_area .color2 span{background:#40a629}
.simbol_area .color3 span{background:#ff7f00}
.simbol_area .color4 span{background:#2e3192}
@media all and (min-width:768px) {
.simbol_area>div{overflow:hidden;padding:40px 0 0 0;margin:40px 0 0 0;border-top:1px solid #ddd}
.simbol_area>div:first-child{border:navajowhite;padding:0}
.simbol_area h4{float:left;width:20%;margin:0}
.simbol_area>div>div{float:left;width:80%}
.simbol_area .img{position:relative;padding:50px 0}
.simbol_area .img img{width:auto}
.simbol_area .btn{position:absolute;right:-1px;bottom:-1px}
.simbol_area .color ul{overflow:hidden}
.simbol_area .color li{float:left;width:50%}
}
.simbol2 div{border-top:1px solid #ddd;padding:30px 0 0 0;margin:0 0 30px 0;text-align:center}
.simbol2 div img{width:100%;padding:0}
.simbol2 div:first-child{border:none;padding:0}
.simbol2 dt{font-size:24px;color:#707070;margin:20px 0 10px 0}
.simbol2 dt span{display:inline-block;height:36px;line-height:36px;padding:0 0 0 45px;margin:0 0 5px 0}
.simbol2 dt strong{display:block;font-size:40px;color:#223e99}
.simbol2 dd{line-height:1.5em}
.simbol2 .tree span{background:url("/images/01_potal/sub04/uj_tree_icon.gif") no-repeat 0 center}
.simbol2 .flower span{background:url("/images/01_potal/sub04/uj_flower_icon.gif") no-repeat 0 center}
.simbol2 .bird span{background:url("/images/01_potal/sub04/uj_bird_icon.gif") no-repeat 0 center}
@media all and (min-width:768px) {
.simbol2 div{overflow:hidden;text-align:left}
.simbol2 div img{float:left;width:40%;margin:0 5% 0 0}
.simbol2 dl{float:left;width:55%}
.simbol2 dt{margin-top:0}
.simbol2 dd{border-top:1px dotted #ddd;padding:20px 0;margin:20px 0 0 0}
}
@media all and (min-width:1023px) {
.simbol2 div img{width:auto}
.simbol2 dt{margin-top:25px}
}

/* sub02 */
.storytelling img{width:100%;}
.storytelling .story_top{position:relative;margin-bottom:30px;}
.storytelling .story_top dl{background:url("/images/language/sub/s0201_txt_bg.png");}
.storytelling .story_top dl dt{padding:25px;padding-bottom:15px;color:#ffd200;font-size:18px;line-height:24px;}
.storytelling .story_top dl dd{padding:25px;padding-top:0;color:#fff;line-height:21px;text-align:justify;}
.story_img{margin:20px 0;}
.story_img p{background:#1e3b9e;color:#fff;overflow:hidden;}
.story_img p span{display:block;padding:15px;}
@media all and (min-width:768px) {
.img_two{overflow:hidden;}
.img_two p{float:left;width:49.5%;margin-right:0.5%;}
}
@media all and (min-width:930px) {
.storytelling .story_top dl{position:absolute;top:0;left:0;width:35%;height:auto;}
}


.story_telling{position:relative;}
.story_telling img{width:100%;}
.story_telling span.tit{position:absolute;top:50px;left:50px;display:block;padding:20px;border:solid 8px #fff;color:#fff;font-size:36px;}
.story_telling a{position:absolute;bottom:50px;right:50px;display:block;padding:8px;border:solid 8px #fff;color:#fff;}


/* sub03 */
.festival .fes_box{margin-bottom:50px;}
.festival .fes_box .f_img{position:relative;overflow:hodden;}
.festival .fes_box .f_img img{width:100%;}
.festival .fes_box .f_img span{display:block;padding:30px;color:#ffd200;font-size:24px;font-weight:bold;background:url("/images/language/sub/festival_tit_bg.png");}
.festival .fes_box div p{background:#4b609d;color:#fff;line-height:24px;padding:30px;margin-bottom:20px;text-align:justify}
@media all and (min-width:768px) {
.festival .fes_box .f_img span{position:absolute;top:0;left:0;width:20%;}
}

/* sub04 */

/* sub05 */
.specialties{overflow:hidden;}
.specialties p{text-align:center;}
@media all and (min-width:768px) {
.specialties p{text-align:left;float:left;width:25%;}
.specialties ul{float:right;width:70%}
}






/* Tablet */
@media all and (min-width:768px) {

/* sub01 */
.photo_1{background: url("/images/mayor/sub/sub01/s0101_img.png") no-repeat;background-position: 592px 0px;}
.photo_1 p{width: 527px; text-align:justify}
/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


/* Desktop */
@media all and (min-width:1023px) {

/* sub01 */

/* sub02 */

/* sub03 */

/* sub04 */

/* sub05 */
}


.fc_navy{color:#3a4d6a !important;}
.fc_black{color:#000 !important;}
.fc_orange{color:#f17d46 !important;}

.comment{position:absolute;top:-1000px;left:-2000px;}       

.img100{width:100%}