@charset "UTF-8";
/* Common */
caption,legend,hr,.offscreen {overflow:hidden;/*position:absolute*/;left:-9999em;width:1px;height:0;margin:0;padding:0;border:0;text-indent:-9999em;background:none;font-size:1px;line-height:1px}
legend,hr,.offscreen {position:absolute}
.ir {display:block;overflow:hidden;float:left;margin:0;padding:0;color:transparent;text-indent:-9999em}
.group {zoom:1}
.group:after {display:block;visibility:hidden;clear:both; height:0;content:''}
button:focus {outline:1px dotted #555}

/* Layout */
html {overflow-y:auto;width:100%}
body {position:relative;width:100%;overflow-x:hidden}
body.bp_mobile {overflow-x:hidden}
.inner {width:1200px;margin:0 auto} /* Default :1280 */

.dc_container { width:100%; z-index:0 }




.section01 {width:100%; padding:50px 0; }
.section01 h2 {/* font-size:18px; color:#fff; */}
.section01 h3 { font-size:22px; color:#fff; font-family:'NanumG'; font-weight:600;}
.section01 .greeting { height:253px; }
.section01 .greeting li { float:left; height:253px; }
.section01 .greeting li.area1 { width:516px; background:url(/images/english/main/mayor.jpg) no-repeat left top; position:relative; }
/**.section01 .greeting li.area1_1 { width:516px; background:url(/upload_data/board_data/BBS_0000248/152998123302953.jpg) no-repeat left top; position:relative; }**/
.section01 .greeting li.area1_1 { width:516px; background:url(/upload_data/board_data/BBS_0000248/165690902016920.png) no-repeat left top; position:relative; }
.section01 .greeting li.area1 div { width:258px; height:253px; background:rgba(28,89,185,0.8); position:absolute; right:0; top:0; }
.section01 .greeting li.area1_1 div { width:258px; height:253px; background:rgba(28,89,185,0.8); position:absolute; right:0; top:0; }
.section01 .greeting li.area2 { width:684px; background:url(/images/english/main/about.jpg) no-repeat left top; }
.section01 .greeting li div { color:#fff; padding:40px 40px; }
.section01 .greeting li p { margin:25px 0; color:rgba(255,255,255,0.8); font-size:13px;}
.section01 .greeting .more { font-size: 13px; border:1px solid rgba(255,255,255,0.5); color: #fff; text-align:center; padding:3px 15px; }
.section01 .greeting .btn { font-size: 14px; border:1px solid rgba(255,255,255,0.5); color: #fff; text-align:center; padding:3px 15px; margin-right:10px; }
.section01 .festival {position:relative; background-color:#b8953b; height:253px; }
.section01 .festival li.img01 { background:url(/images/english/main/festival_img01.jpg) no-repeat left top; padding-left:516px; height:253px; }

.section02 { width:100%; height:363px; background:url(/images/english/main/section_bg01.png) no-repeat center top; }
.section02 .icon_link {padding:60px 0 40px 0;}
.section02 .icon_link li { float:left; width:16.6%; text-align:center; }
.section02 .icon_link li a { color:#fff; font-weight:600; }
.section02 .icon_link li p { margin-top:10px; }

.section02 .banner_link { }
.section02 .banner_link li { float:left; width:24%; margin-left:1%; padding:30px 0px; }
.section02 .banner_link li a { color:#fff; }
.section02 .banner_link li.bg01 { background:#7253fd url(/images/english/main/icon_07.png) no-repeat 30px 27px; padding-left:95px; }
.section02 .banner_link li.bg02 { background:#548fe9 url(/images/english/main/icon_08.png) no-repeat 40px 27px; padding-left:115px; }
.section02 .banner_link li.bg03 { background:#16afca url(/images/english/main/icon_09.png) no-repeat 45px 25px; padding-left:115px; }
.section02 .banner_link li.bg04 { background:#3669cc url(/images/english/main/icon_10.png) no-repeat 45px 25px; padding-left:115px; }

.festival { background:url(/images/english/main/festival_img01.jpg) no-repeat left top; padding-left:516px; }
.festival h2 { font-size:17px; font-weight:600; color:#fff; padding:35px 40px 15px 40px; }
.festival ul{ }
.festival .fe_vi{padding:10px 40px;}
.festival .fe_vi p{font-size:13px; color:#fff; padding-top:15px;}
.festival .fe_vi .more{display:inline-block; margin-top:20px; border:1px solid rgba(255,255,255,0.3); font-size:13px; padding: 0 15px; color:#fff;}
.festival .bx-pager { position:absolute; top:25px; right:35px; text-align:center;}
.festival .bx-pager-item { display:inline-block; vertical-align:middle;}
.festival .bx-pager-item a.active { border:0; background:#f6db2d;}
.festival .bx-pager-item a { display:block; width:12px; height:12px; border-radius:20px; margin-left:5px; background:#b8953b; border:2px solid #fff; text-indent:-9999px; }
.festival .bx-controls-direction .bx-prev { top:95px; left:30px; background:url('/images/english/bn_prev.png') no-repeat; }
.festival .bx-controls-direction .bx-next { top:95px; right:-40px; background:url('/images/english/bn_next.png') no-repeat; }
.festival .bx-controls-direction{display:none;}


.festival .bx-viewport .bx-pager{display:none;}
@media only screen and (max-width:516px) {
    .section01 .greeting li.area1_1{width:100%}
}

/* 메인 비주얼 */
#dc_main_visual { position:relative; width:100%; height:480px; z-index:0 }
#dc_main_visual .inner { position:relative }
#main_visual > li {height:480px;/* border:1px solid red */}
#main_visual > li > img {position:absolute;top:0;left: 0;margin-left: 0px;width:100%;height:480px;}

.vis_captions {position:absolute;top:240px;left:0px;width:450px;height:240px;background:rgba(0,0,0,0.5);z-index:100}
.vis_captions h4 {padding: 40px 0 5px 0; margin-left: -5px; text-align:center; font-size: 35px; line-height:30px;  color: #fff; }
.vis_captions p {padding:25px 0 0 35px; color: #fff; font-size: 14px;}
.vis_captions .more { position:absolute; bottom:30px; left:50%; font-size: 14px; margin-left:-44px; width:88px; border:1px solid #fff; color: #fff; text-align:center; padding:5px 0; }

#dc_main_visual .control { position:absolute;top:-71px; left:50%; margin-left:0px;width:300px;height:40px; font-size:0; text-align:center; z-index:150}
#dc_main_visual .control ul { margin:12px auto 0 }
#dc_main_visual .control li { float:left }
#dc_main_visual .control button, #dc_main_visual .control a {display:block;float:none;width:16px;height:16px;background:url(/images/english/img_vis_btn.png) no-repeat 0 -60px;vertical-align:top}
#dc_main_visual .control a.active {background-position:-20px -60px}
#dc_main_visual .control .btn_prev,#dc_main_visual .control .btn_next {position:absolute;top:8px;width:23px;height:23px;}
#dc_main_visual .control .btn_prev {left:15px;background-position:0 0}
#dc_main_visual .control .btn_next {right:15px;background-position:0 -30px}
#dc_main_visual .control .btn_stop {background-position:0 -80px}
#dc_main_visual .control .btn_play {display:none;background-position:-20px -80px}

@media only screen and (max-width:970px) {
.inner { width:100%; }
.section01 { padding:0; }
.section01 .greeting li.area1 { width:40%; background:none; position:relative; }
.section01 .greeting li.area1 div { width:100%; height:253px; background:rgba(28,89,185,0.8); position:relative; right:0; top:0; }
.section01 .greeting li.area2 {width: 60%;background:url(/images/english/main/about.jpg) no-repeat left top;}
.section01 .greeting li p { height:65px; overflow:hidden;}

.festival {width:100%;background:none;padding-left:0px;height: 312px !important;}
.festival .bx-viewport{top: -160px;}
.section02 .icon_link {padding:30px 0 40px 0;}
.section02 .icon_link li { margin-top:18px; width:33%;  }
.section02 .banner_link li { float:left; width:50%; margin-left:0%; padding:20px 0px 30px 0px; overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical;
 word-wrap:break-word; }
.section02 .banner_link li.bg01 { background:#7253fd url(/images/english/main/icon_07.png) no-repeat 20px 25px; padding-left:85px; }
.section02 .banner_link li.bg02 { background:#548fe9 url(/images/english/main/icon_08.png) no-repeat 30px 25px; padding-left:105px; }
.section02 .banner_link li.bg03 { background:#16afca url(/images/english/main/icon_09.png) no-repeat 20px 25px; padding-left:85px; }
.section02 .banner_link li.bg04 { background:#3669cc url(/images/english/main/icon_10.png) no-repeat 30px 25px; padding-left:105px; }
#footer { clear:both;}
.hidden { display:none; }
}

@media only screen and (max-width:500px) {

    .vis_captions{width:100%;overflow: hidden;min-height: 261px;}
    .section02 .banner_link li{width:100%}
    .section02 .banner_link li.bg02{padding-left: 85px;background-position-x: 18px;}
    .section02 .banner_link li.bg04{padding-left: 85px;background-position-x: 18px;}
    .section02 .icon_link li{width:50%}
    .section02{background-size: cover;height: 100%;}

}