@charset "utf-8";

#wrap.main{background:none}
.main #container{width:100%;max-width:998px;min-width:998px;padding:0 0 30px;margin:0 auto}
.main #contents a[target="_blank"]{padding-right:0}
#contents:after{content:"";clear:both;display:block}

/*비주얼영역*/
.mvisual_wrap{overflow:hidden}
.mvisual_wrap .mvisual{width:1400px;margin:0 auto}
.mvisual .rolling_wrap{position:relative}
.rolling_wrap .obj{position:relative;height:496px;}
.rolling_wrap .obj .item{position:absolute;top:0;left:0;}

.rolling_wrap .obj .item .infor{position:absolute;top:0;left:200px;width:260px;height:411px;padding:0 22px;margin-left:0;background:#084553;opacity:0.81}
.rolling_wrap .obj .item .infor p{color:#fff}
.rolling_wrap .obj .item .infor .tit{margin:30px 0 15px;font-size:2.4em;line-height:1.2}
.rolling_wrap .obj .item .infor .tit span{display:block;margin-bottom:15px;font-size:0.667em}
.rolling_wrap .obj .item .infor .con{margin-bottom:40px}
.rolling_wrap .obj .item .infor .more a{font-size:1.143em;color:#fff}
.rolling_wrap .obj .item .infor .more a:hover{text-decoration:underline}

.rolling_wrap .pnote{position:absolute;top:375px;left:222px}
.rolling_wrap .pnote a{display:block;float:left;width:11px;height:11px;margin-right:3px;background:url(/images/jpa/main/btn_roll.gif) no-repeat;font-size:0}
.rolling_wrap .pnote a.ov,
.rolling_wrap .pnote a:hover,
.rolling_wrap .pnote a:focus,
.rolling_wrap .pnote a:active{background-image:url(/images/jpa/main/btn_roll_ov.gif)}

.rolling_wrap .control{position:absolute;top:357px;left:450px}
.rolling_wrap .control a{display:block;width:53px;height:53px;font-size:0}
.rolling_wrap .control a[rel="stop"]{background:url(/images/jpa/main/btn_roll_stop.gif) no-repeat}
.rolling_wrap .control a[rel="play"]{background:url(/images/jpa/main/btn_roll_play.gif) no-repeat}


/*컨텐츠영역*/
[class^="mcon_"]{}
[class^="mcon_"]:after{display:block;content:"";clear:both}
[class^="mcon_"] [class^="mcon"]{float:left;}
[class^="mcon_"] [class^="mcon"]:after{display:block;content:"";clear:both}

/*인사말*/
.mcon1{position:relative;width:327px;height:272px;background:#e3e3e3 url(/images/jpa/main/mcon1_bg_2022.png) no-repeat 150px 50px}
.mcon1 h3{width:120px;height:58px;margin:45px 0 25px;background:url(/images/jpa/main/mcon1_tit.png) no-repeat}
.mcon1:after{position:absolute;display:block;content:"";top:0;left:-1400px;width:1400px;height:272px;margin-left:0;background:#e3e3e3 url(/images/jpa/main/mcon1_opt.gif) no-repeat 99% 20px}
.mcon1 .con{color:#000}
.mcon1 .more a{display:block;margin-top:25px;font-size:1.071em;color:#000}
.mcon1 .more a:hover{color:#043d4c;text-decoration:underline}


/*서비스메뉴*/
.mcon2{width:330px;height:232px;padding:20px 0;background:#efefef}
.mcon2 h3{width:250px;height:21px;margin:0 0 10px 20px;color:#000;font-size:1.68em;}
.mcon2 ul{overflow:hidden}
.mcon2 ul:after{display:block;content:"";clear:both}
.mcon2 ul li{float:left}

.mcon2 ul li a{display:block;width:110px;height:29px;padding:55px 0 10px;text-align:center;background-repeat:no-repeat;background-position:50% 5px}
.mcon2 ul li a:hover{color:#043d4c}

.mcon2 ul .btn1 a{margin-bottom:10px;background-image:url(/images/jpa/main/mcon2_ico1.png)}
.mcon2 ul .btn2 a{margin-bottom:10px;background-image:url(/images/jpa/main/mcon2_ico2.png)}
.mcon2 ul .btn3 a{margin-bottom:10px;background-image:url(/images/jpa/main/mcon2_ico3.png);background-position:50% -1px}
.mcon2 ul .btn4 a{background-image:url(/images/jpa/main/mcon2_ico4.png);background-position:50% 0px}
.mcon2 ul .btn5 a{background-image:url(/images/jpa/main/mcon2_ico5.png);background-position:50% 0px}
.mcon2 ul .btn6 a{background-image:url(/images/jpa/main/mcon2_ico6.png)}

.mcon2 ul .btn1 a:hover{background-image:url(/images/jpa/main/mcon2_ico1_ov.png)}
.mcon2 ul .btn2 a:hover{background-image:url(/images/jpa/main/mcon2_ico2_ov.png)}
.mcon2 ul .btn3 a:hover{background-image:url(/images/jpa/main/mcon2_ico3_ov.png);background-position:50% -1px}
.mcon2 ul .btn4 a:hover{background-image:url(/images/jpa/main/mcon2_ico4_ov.png);background-position:50% 0px}
.mcon2 ul .btn5 a:hover{background-image:url(/images/jpa/main/mcon2_ico5_ov.png);background-position:50% 0px}
.mcon2 ul .btn6 a:hover{background-image:url(/images/jpa/main/mcon2_ico6_ov.png)}


/*서천에 대하여*/
.mcon3{position:relative;width:320px;height:252px;padding:20px 0 0 20px;background:url(/images/jpa/main/mcon3_bg.png) no-repeat 100% 10px}
.mcon3 h3{height:22px;margin-bottom:25px;color:#000;font-size:1.68em;}

.mcon3 .sns{position:absolute;overflow:hidden;top:125px;right:0}
.mcon3 .sns:after{display:block;content:"";clear:both}
.mcon3 .sns a{display:block;float:left;width:40px;height:28px;background-repeat:no-repeat}
.mcon3 .sns .tt{margin-right:7px;background-image:url(/images/jpa/main/btn_tt.gif)}
.mcon3 .sns .fb{background-image:url(/images/jpa/main/btn_fb.gif)}

.mcon3 .banner{margin-top:25px}
.mcon3 .banner a{display:block;width:319px;height:103px;background:url(/images/jpa/main/mcon3_banner.gif) no-repeat}


/*특산물*/
.mcon4{position:relative;overflow:hidden;width:657px;height:225px;padding:25px 0 50px}
.mcon4 h3{width:206px;height:27px;margin-bottom:15px;color:#000;font-size:1.68em;}
.mcon4 .obj{position:relative;overflow:hidden;width:10000px;height:313px;}
.mcon4 .obj:after{display:block;content:"";clear:both}
.mcon4 .obj .item{float:left;margin-right:10px}
.mcon4 .obj .item .photo{float:left;margin-right:30px}
.mcon4 .obj .item .infor{float:left;width:320px;margin-top:10px;}
.mcon4 .obj .item .infor .tit{margin-bottom:10px;font-size:1.571em;color:#043d4c}

.mcon4 .control{position:absolute;top:25px;right:20px}
.mcon4 .control a{float:left;display:block;width:16px;height:20px;font-size:0;background-repeat:none}
.mcon4 .control a[rel="prev"]{margin-right:10px;background-image:url(/images/jpa/main/mcon4_prev.gif)}
.mcon4 .control a[rel="next"]{background-image:url(/images/jpa/main/mcon4_next.gif)}

.mcon4 .more{margin-top:20px}
.mcon4 .more a:hover{color:#043d4c;text-decoration:underline}

/*가이드*/
.mcon5{width:320px;height:225px;padding:25px 0 50px 20px}
.mcon5 h3{width:100%;height:22px;margin-bottom:30px;color:#000;font-size:1.50em;}
.mcon5 ul{overflow:hidden;margin-left:15px;}
.mcon5 ul:after{display:block;content:"";clear:both}
.mcon5 ul li{float:left;}
.mcon5 ul li a{display:block;width:133px;padding-top:150px;text-align:center}
.mcon5 ul li a:hover{color:#043d4c;text-decoration:underline}
.mcon5 ul .btn1 a{margin-right:30px;background:url(/images/jpa/main/mcon5_btn1.gif) no-repeat 50% 0;}
.mcon5 ul .btn2 a{background:url(/images/jpa/main/mcon5_btn2.gif) no-repeat 50% 0;}


/*이미지 슬라이드*/
.image_slide{position:relative;background:url(/images/jpa/main/slide_bg.jpg) no-repeat 50% 0}


.slide_wrap{position:relative;overflow:hidden;width:1000px;height:328px;margin:0 auto;}

.slide_wrap h3{position:absolute;top:40px;}
.slide_wrap .tab1{left:0;}
.slide_wrap .tab2{left:121px}

.slide_wrap h3 a{display:block;height:42px;border:1px solid #fff;background-repeat:no-repeat;background-position:50% 50%}
.slide_wrap .tab1 a{width:119px;background-image:url(/images/jpa/main/slide_tab1.png);border-right-width:0}
.slide_wrap .tab2 a{width:91px;background-image:url(/images/jpa/main/slide_tab2.png);border-left-width:0}

.slide_wrap h3 a.on,
.slide_wrap h3 a:hover,
.slide_wrap h3 a:focus,
.slide_wrap h3 a:active{border:1px solid #043d4c;background-color:#043d4c}

.slide_wrap .grap{position:absolute;overflow:hidden;top:115px;left:0;height:167px;}
.slide_wrap .grap ul{position:relative;overflow:hidden;width:10000px;}
.slide_wrap .grap ul:after{display:block;content:"";clear:both}
.slide_wrap .grap ul li{float:left}

.slide_wrap .grap ul li a{position:relative;display:block}
.slide_wrap .grap ul li a .overtext{position:absolute;top:167px;left:0;opacity:0;width:220px;height:118px;padding:50px 17px 0;background:url(/images/jpa/main/overtext_bg.png);font-size:1.571em;line-height:1.3;text-align:center;color:#fff}


.slide_wrap [class^="wall"] .control{position:absolute;overflow:hidden;top:55px;right:0;}
.slide_wrap [class^="wall"] .control:after{display:block;content:"";clear:both}
.slide_wrap [class^="wall"] .control a{display:block;float:left;width:16px;height:20px;background-repeat:no-repeat;font-size:0;}
.slide_wrap [class^="wall"] .control a[rel="prev"]{background-image:url(/images/jpa/main/slide_prev.png)}
.slide_wrap [class^="wall"] .control a[rel="next"]{margin-left:10px;background-image:url(/images/jpa/main/slide_next.png)}


/*메인 사이트맵*/
/* asidewrap */
#asidewrap{width:100%;height:auto;background:#e2e2e2}
#asidewrap .aside{position:relative;overflow:hidden;width:1000px;height:auto;padding:30px 0;margin:0 auto}
#asidewrap .aside:after{content:"";display:block;clear:both}
#asidewrap .aside ul{float:left;width:100%;height:auto}
#asidewrap .aside ul li{float:left;width:20%}
#asidewrap .aside ul li strong{color:#515050;font-size:16px;line-height:20px;display:block;margin-bottom:13px;font-weight:400}
#asidewrap .aside ul li ul{width:100%;float:none}
#asidewrap .aside ul li ul li{float:none;width:100%;line-height:normal;margin-top:7px; background: url(/images/common/bul_li_th1.gif) no-repeat 0 6px; padding-left: 10px;}
#asidewrap .aside ul li ul li a{font-size:12px;color:#515050;line-height:18px}
#asidewrap .aside ul li ul li a:hover,
#asidewrap .aside ul li ul li a:active,
#asidewrap .aside ul li ul li a:focus{text-decoration:underline;color:#444}

#asidewrap .aside ul li ul li a[target="_blank"]{padding-right:0;background:none}

.aside_btn{position:relative;width:998px;margin:0 auto;background:#099;z-index:990}
.aside_btn .btn_close,
.aside_btn .btn_open{position:absolute;right:0px;bottom:0px;display:inline-block;width:56px;height:23px;background:#57646a;text-align:center}
.aside_btn .btn_close a,
.aside_btn .btn_open a{color:#eee}